@frollo/frollo-web-ui 8.5.4 → 9.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.
- package/cjs/index.js +29797 -28753
- package/esm/{_rollupPluginBabelHelpers-DpC_oIQV.js → _rollupPluginBabelHelpers-DODWUb5N.js} +307 -345
- package/esm/fw-accordion.js +59 -56
- package/esm/fw-alert.js +68 -0
- package/esm/fw-bar-chart.js +4 -4
- package/esm/fw-button-CnQvA7oM.js +296 -0
- package/esm/fw-button.js +2 -4
- package/esm/{fw-card-bsYbpPmW.js → fw-card-D45R4kN-.js} +33 -9
- package/esm/fw-card.js +3 -1
- package/esm/fw-checkbox.js +39 -20
- package/esm/fw-date-picker.js +110 -78
- package/esm/fw-drawer.js +119 -83
- package/esm/{fw-dropdown-CbgOvgOt.js → fw-dropdown-58wyuzsW.js} +80 -61
- package/esm/fw-dropdown.js +5 -5
- package/esm/fw-icons.js +34 -0
- package/esm/{fw-image-Dl96Dc27.js → fw-image-D-OHafdw.js} +30 -13
- package/esm/fw-image.js +4 -4
- package/esm/{fw-input-XeI-IKly.js → fw-input-C2-cZ-BY.js} +65 -43
- package/esm/fw-input.js +2 -2
- package/esm/fw-loading-bar-DecYSBC_.js +45 -0
- package/esm/fw-loading.js +34 -15
- package/esm/fw-media-picker.js +43 -31
- package/esm/fw-modal.js +102 -48
- package/esm/fw-navigation-menu.js +180 -52
- package/esm/fw-popover-B4bsfuxm.js +620 -0
- package/esm/fw-popover.js +6 -293
- package/esm/fw-progress-bar.js +3 -2
- package/esm/fw-provider-list.js +58 -34
- package/esm/fw-sidebar-menu.js +22 -13
- package/esm/fw-slider.js +4 -4
- package/esm/fw-switch.js +147 -0
- package/esm/{fw-table-row-Db7951fr.js → fw-table-row-C61Bi8KB.js} +57 -55
- package/esm/fw-table.js +8 -7
- package/esm/fw-tabs.js +7 -7
- package/esm/{fw-tag-V0jMl-It.js → fw-tag-FWH6KttB.js} +37 -26
- package/esm/fw-tag.js +4 -6
- package/esm/fw-toast.js +14 -15
- package/esm/fw-transactions-card.js +8 -8
- package/esm/get-root-colours-DCjlYelc.js +62 -0
- package/esm/{index-CzZMBMV_.js → index-BsEH8YYr.js} +433 -130
- package/esm/index.js +76 -68
- package/esm/{uniqueId-DK6xzFd8.js → uniqueId-DZdGzBh8.js} +1 -1
- package/frollo-web-ui.esm.js +30139 -29045
- package/icons/arrow-connect.svg +3 -0
- package/icons/arrow-left.svg +3 -0
- package/icons/arrow-out-square.svg +3 -0
- package/icons/arrow-right.svg +3 -0
- package/icons/circle-exclamation.svg +5 -0
- package/icons/clock.svg +10 -0
- package/icons/default-provider.svg +5 -0
- package/icons/desktop.svg +8 -0
- package/icons/error.svg +3 -0
- package/icons/folder-arrow-down.svg +3 -0
- package/icons/index.ts +35 -3
- package/icons/loading.svg +0 -1
- package/icons/manual-account.svg +3 -0
- package/icons/mobile.svg +3 -0
- package/icons/paper-plane.svg +3 -0
- package/icons/pending.svg +10 -0
- package/icons/success-hill.svg +5 -0
- package/icons/user-plus.svg +3 -0
- package/index.d.ts +807 -571
- package/package.json +23 -29
- package/styles/tailwind.css +52 -0
- package/styles/typography.scss +24 -7
- package/styles/web-components.scss +2 -2
- package/tailwind.config.js +128 -22
- package/types/components/fw-accordion/fw-accordion.vue.d.ts +20 -20
- package/types/components/fw-alert/fw-alert.vue.d.ts +43 -0
- package/types/components/fw-alert/index.d.ts +2 -0
- package/types/components/fw-alert/index.types.d.ts +4 -0
- package/types/components/fw-bar-chart/fw-bar-chart.vue.d.ts +8 -8
- package/types/components/fw-button/fw-button.vue.d.ts +15 -17
- package/types/components/fw-button/index.d.ts +2 -0
- package/types/components/fw-button/index.types.d.ts +1 -3
- package/types/components/fw-card/fw-card.vue.d.ts +3 -2
- package/types/components/fw-checkbox/fw-checkbox.vue.d.ts +8 -5
- package/types/components/fw-date-picker/fw-date-picker.vue.d.ts +14 -19
- package/types/components/fw-date-picker/index.types.d.ts +5 -4
- package/types/components/fw-drawer/fw-drawer.vue.d.ts +26 -10
- package/types/components/fw-drawer/index.types.d.ts +1 -1
- package/types/components/fw-dropdown/fw-dropdown.vue.d.ts +11 -9
- package/types/components/fw-icons/index.d.ts +2 -0
- package/types/components/fw-image/fw-image.vue.d.ts +7 -5
- package/types/components/fw-input/fw-input.vue.d.ts +11 -17
- package/types/components/fw-input/index.types.d.ts +1 -1
- package/types/components/fw-loading/fw-loading-bar.vue.d.ts +5 -2
- package/types/components/fw-loading/fw-loading-dots.vue.d.ts +2 -0
- package/types/components/fw-loading/index.d.ts +2 -1
- package/types/components/fw-modal/fw-modal.vue.d.ts +51 -11
- package/types/components/fw-modal/index.types.d.ts +1 -1
- package/types/components/fw-navigation-menu/fw-navigation-menu.vue.d.ts +77 -6
- package/types/components/fw-navigation-menu/index.types.d.ts +11 -0
- package/types/components/fw-popover/fw-popover.vue.d.ts +10 -5
- package/types/components/fw-provider-list/fw-provider-list.vue.d.ts +8 -5
- package/types/components/fw-sidebar-menu/fw-sidebar-menu.vue.d.ts +20 -3
- package/types/components/fw-sidebar-menu/index.types.d.ts +9 -0
- package/types/components/fw-switch/fw-switch.vue.d.ts +101 -0
- package/types/components/fw-switch/index.d.ts +2 -0
- package/types/components/fw-switch/index.types.d.ts +8 -0
- package/types/components/fw-table/fw-table.vue.d.ts +7 -7
- package/types/components/fw-table/index.types.d.ts +0 -3
- package/types/components/fw-tabs/fw-tabs.vue.d.ts +1 -1
- package/types/components/fw-tabs/index.types.d.ts +1 -1
- package/types/components/fw-tag/fw-tag.vue.d.ts +2 -2
- package/types/components/fw-tag/index.types.d.ts +3 -3
- package/types/components/fw-toast/fw-toast.vue.d.ts +2 -2
- package/types/components/index.d.ts +4 -3
- package/types/components/index.types.d.ts +1 -0
- package/types/helpers/get-root-colours.d.ts +3 -0
- package/types/helpers/index.d.ts +2 -0
- package/types/helpers/vue-component-to-html.d.ts +2 -0
- package/types/icons/index.d.ts +18 -2
- package/types/index-types.esm.d.ts +1 -0
- package/types/index.d.ts +1 -0
- package/types/index.esm.d.ts +1 -0
- package/types/services/toast.d.ts +1 -1
- package/web-components/index.js +30134 -29048
- package/esm/check--YD4Ts6g.js +0 -17
- package/esm/fw-animations.js +0 -123
- package/esm/fw-button-DNozvo7B.js +0 -286
- package/esm/fw-loading-bar-DThRjdw1.js +0 -22
- package/esm/fw-loading-spinner-BFpFFRJm.js +0 -20
- package/esm/fw-period-selector.js +0 -90
- package/esm/get-root-colours-DYEoJPEb.js +0 -37
- package/icons/icons.stories.ts +0 -28
- package/styles/tailwind.scss +0 -68
- package/types/components/fw-animations/fw-email-pulse.vue.d.ts +0 -24
- package/types/components/fw-animations/fw-success-pulse.vue.d.ts +0 -24
- package/types/components/fw-animations/index.d.ts +0 -4
- package/types/components/fw-period-selector/fw-period-selector.vue.d.ts +0 -56
- package/types/components/fw-period-selector/index.d.ts +0 -2
- package/types/components/fw-period-selector/index.types.d.ts +0 -1
- /package/icons/{arrows-rotate.svg → arrow-rotate.svg} +0 -0
- /package/types/components/{fw-animations/fw-loading-spinner.vue.d.ts → fw-icons/fw-success-animation.vue.d.ts} +0 -0
package/esm/index.js
CHANGED
|
@@ -1,47 +1,47 @@
|
|
|
1
|
-
import { _ as _objectSpread2, a as _slicedToArray } from './_rollupPluginBabelHelpers-
|
|
1
|
+
import { _ as _objectSpread2, a as _slicedToArray } from './_rollupPluginBabelHelpers-DODWUb5N.js';
|
|
2
2
|
import './fw-form.js';
|
|
3
3
|
import './fw-input.js';
|
|
4
|
-
import { FwCheckbox as
|
|
4
|
+
import { FwCheckbox as __default__$2 } from './fw-checkbox.js';
|
|
5
5
|
import './fw-dropdown.js';
|
|
6
|
+
import { FwSwitch as script$c } from './fw-switch.js';
|
|
6
7
|
import './fw-card.js';
|
|
7
8
|
import './fw-button.js';
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
9
|
+
import { FwAlert as script } from './fw-alert.js';
|
|
10
|
+
import { FwNavigationMenu as script$7 } from './fw-navigation-menu.js';
|
|
11
|
+
import { FwTab as script$d, FwTabs as script$g } from './fw-tabs.js';
|
|
12
|
+
import { FwModal as __default__$9 } from './fw-modal.js';
|
|
13
|
+
import { FwProgressBar as script$8 } from './fw-progress-bar.js';
|
|
12
14
|
import './fw-tag.js';
|
|
13
15
|
import './fw-table.js';
|
|
14
16
|
import { FwAccordion as __default__ } from './fw-accordion.js';
|
|
15
17
|
import './fw-image.js';
|
|
16
|
-
import { FwLoadingCard as script$
|
|
17
|
-
import { FwToast as script$
|
|
18
|
-
import { FwTransactionsCard as script$
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import { FwEmailPulse as __default__$2, FwSuccessPulse as __default__$4 } from './fw-animations.js';
|
|
18
|
+
import { FwLoadingCard as script$3, FwLoadingDots as script$4, FwLoadingTable as script$5 } from './fw-loading.js';
|
|
19
|
+
import { FwToast as script$h } from './fw-toast.js';
|
|
20
|
+
import { FwTransactionsCard as script$i } from './fw-transactions-card.js';
|
|
21
|
+
import { FwSidebarMenu as script$9 } from './fw-sidebar-menu.js';
|
|
22
|
+
import { FwDrawer as __default__$4 } from './fw-drawer.js';
|
|
23
|
+
import { FwProviderList as __default__$b } from './fw-provider-list.js';
|
|
24
|
+
import { FwDatePicker as __default__$3 } from './fw-date-picker.js';
|
|
25
|
+
import './fw-popover.js';
|
|
26
|
+
import { FwMediaPicker as script$6 } from './fw-media-picker.js';
|
|
27
|
+
import { FwSlider as script$a } from './fw-slider.js';
|
|
28
|
+
import { FwBarChart as script$1 } from './fw-bar-chart.js';
|
|
29
|
+
import { FwSuccessAnimation as script$b } from './fw-icons.js';
|
|
29
30
|
import { F as Form } from './vee-validate.esm-3ptvCDR1.js';
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import {
|
|
33
|
-
import { s as script$
|
|
34
|
-
import { _ as __default__$
|
|
35
|
-
import { _ as __default__$
|
|
36
|
-
import {
|
|
37
|
-
import {
|
|
38
|
-
import {
|
|
39
|
-
import { reactive, createApp, h } from 'vue';
|
|
40
|
-
|
|
31
|
+
import { _ as __default__$7 } from './fw-input-C2-cZ-BY.js';
|
|
32
|
+
import { _ as __default__$5 } from './fw-dropdown-58wyuzsW.js';
|
|
33
|
+
import { _ as __default__$1 } from './fw-card-D45R4kN-.js';
|
|
34
|
+
import { s as script$2 } from './fw-button-CnQvA7oM.js';
|
|
35
|
+
import { _ as __default__$d } from './fw-tag-FWH6KttB.js';
|
|
36
|
+
import { _ as __default__$c, s as script$e, a as script$f } from './fw-table-row-C61Bi8KB.js';
|
|
37
|
+
import { _ as __default__$6 } from './fw-image-D-OHafdw.js';
|
|
38
|
+
import { _ as __default__$8 } from './fw-loading-bar-DecYSBC_.js';
|
|
39
|
+
import { _ as __default__$a } from './fw-popover-B4bsfuxm.js';
|
|
40
|
+
import { reactive, createApp, h, render } from 'vue';
|
|
41
|
+
export { g as getHexWithOpacity, u as useColours } from './get-root-colours-DCjlYelc.js';
|
|
42
|
+
import './uniqueId-DZdGzBh8.js';
|
|
41
43
|
import './style-inject.es-tgCJW-Cu.js';
|
|
42
|
-
import './index-
|
|
43
|
-
import './check--YD4Ts6g.js';
|
|
44
|
-
import './get-root-colours-DYEoJPEb.js';
|
|
44
|
+
import './index-BsEH8YYr.js';
|
|
45
45
|
import './index-BVcOAKar.js';
|
|
46
46
|
|
|
47
47
|
// Form components
|
|
@@ -49,39 +49,39 @@ import './index-BVcOAKar.js';
|
|
|
49
49
|
var components = /*#__PURE__*/Object.freeze({
|
|
50
50
|
__proto__: null,
|
|
51
51
|
FwAccordion: __default__,
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
52
|
+
FwAlert: script,
|
|
53
|
+
FwBarChart: script$1,
|
|
54
|
+
FwButton: script$2,
|
|
55
|
+
FwCard: __default__$1,
|
|
56
|
+
FwCheckbox: __default__$2,
|
|
57
|
+
FwDatePicker: __default__$3,
|
|
58
|
+
FwDrawer: __default__$4,
|
|
59
|
+
FwDropdown: __default__$5,
|
|
60
60
|
FwForm: Form,
|
|
61
|
-
FwImage:
|
|
62
|
-
FwInput:
|
|
63
|
-
FwLoadingBar:
|
|
64
|
-
FwLoadingCard: script$
|
|
65
|
-
|
|
66
|
-
FwLoadingTable: script$
|
|
67
|
-
FwMediaPicker: script$
|
|
68
|
-
FwModal:
|
|
69
|
-
FwNavigationMenu: script$
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
FwTab: script$
|
|
78
|
-
FwTable: __default__$
|
|
79
|
-
FwTableHead: script$
|
|
80
|
-
FwTableRow: script$
|
|
81
|
-
FwTabs: script$
|
|
82
|
-
FwTag: __default__$
|
|
83
|
-
FwToast: script$
|
|
84
|
-
FwTransactionsCard: script$
|
|
61
|
+
FwImage: __default__$6,
|
|
62
|
+
FwInput: __default__$7,
|
|
63
|
+
FwLoadingBar: __default__$8,
|
|
64
|
+
FwLoadingCard: script$3,
|
|
65
|
+
FwLoadingDots: script$4,
|
|
66
|
+
FwLoadingTable: script$5,
|
|
67
|
+
FwMediaPicker: script$6,
|
|
68
|
+
FwModal: __default__$9,
|
|
69
|
+
FwNavigationMenu: script$7,
|
|
70
|
+
FwPopover: __default__$a,
|
|
71
|
+
FwProgressBar: script$8,
|
|
72
|
+
FwProviderList: __default__$b,
|
|
73
|
+
FwSidebarMenu: script$9,
|
|
74
|
+
FwSlider: script$a,
|
|
75
|
+
FwSuccessAnimation: script$b,
|
|
76
|
+
FwSwitch: script$c,
|
|
77
|
+
FwTab: script$d,
|
|
78
|
+
FwTable: __default__$c,
|
|
79
|
+
FwTableHead: script$e,
|
|
80
|
+
FwTableRow: script$f,
|
|
81
|
+
FwTabs: script$g,
|
|
82
|
+
FwTag: __default__$d,
|
|
83
|
+
FwToast: script$h,
|
|
84
|
+
FwTransactionsCard: script$i
|
|
85
85
|
});
|
|
86
86
|
|
|
87
87
|
var modalService = function modalService(options) {
|
|
@@ -91,7 +91,7 @@ var modalService = function modalService(options) {
|
|
|
91
91
|
}));
|
|
92
92
|
createApp({
|
|
93
93
|
render: function render() {
|
|
94
|
-
return h(
|
|
94
|
+
return h(__default__$9, props);
|
|
95
95
|
}
|
|
96
96
|
}).mount(elementToMount);
|
|
97
97
|
var open = function open() {
|
|
@@ -115,7 +115,7 @@ var toastService = function toastService() {
|
|
|
115
115
|
}));
|
|
116
116
|
createApp({
|
|
117
117
|
render: function render() {
|
|
118
|
-
return h(script$
|
|
118
|
+
return h(script$h, props);
|
|
119
119
|
}
|
|
120
120
|
}).mount(elementToMount);
|
|
121
121
|
};
|
|
@@ -135,6 +135,14 @@ var toastService = function toastService() {
|
|
|
135
135
|
};
|
|
136
136
|
};
|
|
137
137
|
|
|
138
|
+
var getVueComponentHtml = function getVueComponentHtml(component, props) {
|
|
139
|
+
var myVNode = h(component, props);
|
|
140
|
+
var tempElement = document.createElement('div'); // Create a temporary DOM element
|
|
141
|
+
render(myVNode, tempElement); // Render the VNode into the temporary element
|
|
142
|
+
var componentHtmlString = tempElement.innerHTML; // Get the HTML string
|
|
143
|
+
return componentHtmlString;
|
|
144
|
+
};
|
|
145
|
+
|
|
138
146
|
var install = function install(app) {
|
|
139
147
|
Object.entries(components).forEach(function (_ref) {
|
|
140
148
|
var _ref2 = _slicedToArray(_ref, 2),
|
|
@@ -144,4 +152,4 @@ var install = function install(app) {
|
|
|
144
152
|
});
|
|
145
153
|
};
|
|
146
154
|
|
|
147
|
-
export { __default__ as FwAccordion, script as
|
|
155
|
+
export { __default__ as FwAccordion, script as FwAlert, script$1 as FwBarChart, script$2 as FwButton, __default__$1 as FwCard, __default__$2 as FwCheckbox, __default__$3 as FwDatePicker, __default__$4 as FwDrawer, __default__$5 as FwDropdown, Form as FwForm, __default__$6 as FwImage, __default__$7 as FwInput, __default__$8 as FwLoadingBar, script$3 as FwLoadingCard, script$4 as FwLoadingDots, script$5 as FwLoadingTable, script$6 as FwMediaPicker, __default__$9 as FwModal, script$7 as FwNavigationMenu, __default__$a as FwPopover, script$8 as FwProgressBar, __default__$b as FwProviderList, script$9 as FwSidebarMenu, script$a as FwSlider, script$b as FwSuccessAnimation, script$c as FwSwitch, script$d as FwTab, __default__$c as FwTable, script$e as FwTableHead, script$f as FwTableRow, script$g as FwTabs, __default__$d as FwTag, script$h as FwToast, script$i as FwTransactionsCard, install as default, getVueComponentHtml, modalService, toastService };
|