@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.
- package/cjs/index.js +34084 -33914
- package/esm/_rollupPluginBabelHelpers-DpC_oIQV.js +2566 -0
- package/esm/{check-94a5917a.js → check--YD4Ts6g.js} +4 -4
- package/esm/fw-accordion.js +27 -26
- package/esm/fw-animations.js +23 -26
- package/esm/fw-bar-chart.js +15289 -19
- package/esm/{fw-button-c8502414.js → fw-button-4QLZlu0U.js} +44 -44
- package/esm/fw-button.js +5 -10
- package/esm/{fw-card-1b6a67fe.js → fw-card-bsYbpPmW.js} +12 -12
- package/esm/fw-card.js +1 -1
- package/esm/fw-checkbox.js +23 -32
- package/esm/fw-date-picker.js +143 -80
- package/esm/fw-drawer.js +33 -36
- package/esm/fw-dropdown-nLtzu2fS.js +277 -0
- package/esm/fw-dropdown.js +7 -15
- package/esm/fw-form.js +1 -1
- package/esm/fw-image-DOgM8i8X.js +200 -0
- package/esm/fw-image.js +5 -21
- package/esm/{fw-input-8969b226.js → fw-input-Qiy53nRk.js} +61 -53
- package/esm/fw-input.js +6 -19
- package/esm/fw-loading-bar-DThRjdw1.js +22 -0
- package/esm/{fw-loading-spinner-72d70258.js → fw-loading-spinner-Dn52RI5h.js} +1 -1
- package/esm/fw-loading.js +3 -7
- package/esm/fw-modal.js +79 -53
- package/esm/fw-navigation-menu.js +15 -20
- package/esm/fw-popover.js +39 -375
- package/esm/fw-progress-bar.js +8 -11
- package/esm/fw-provider-list.js +41 -84
- package/esm/fw-sidebar-menu.js +33 -24
- package/esm/{fw-table-row-23f78218.js → fw-table-row-DkZaaMmE.js} +15 -301
- package/esm/fw-table.js +6 -16
- package/esm/fw-tabs.js +21 -103
- package/esm/{fw-tag-ac28200a.js → fw-tag-CPp1P480.js} +29 -20
- package/esm/fw-tag.js +7 -12
- package/esm/fw-toast.js +22 -37
- package/esm/fw-transactions-card.js +14 -30
- package/esm/index-CUPvK0Aa.js +586 -0
- package/esm/index.js +66 -228
- package/esm/vee-validate.esm-3ptvCDR1.js +4071 -0
- package/frollo-web-ui.esm.js +34091 -34339
- package/icons/chart-line-up.svg +3 -0
- package/icons/icons.stories.ts +24 -29
- package/icons/index.ts +5 -1
- package/icons/sack-dollar.svg +3 -0
- package/icons/xmark.svg +2 -2
- package/index.d.ts +2789 -2573
- package/package.json +75 -73
- package/styles/tailwind.scss +6 -0
- package/types/components/fw-accordion/fw-accordion.vue.d.ts +128 -128
- package/types/components/fw-accordion/index.d.ts +2 -2
- package/types/components/fw-accordion/index.types.d.ts +10 -10
- package/types/components/fw-animations/fw-email-pulse.vue.d.ts +24 -24
- package/types/components/fw-animations/fw-loading-spinner.vue.d.ts +2 -2
- package/types/components/fw-animations/fw-success-pulse.vue.d.ts +24 -24
- package/types/components/fw-animations/index.d.ts +4 -4
- package/types/components/fw-bar-chart/fw-bar-chart.vue.d.ts +83 -83
- package/types/components/fw-bar-chart/index.d.ts +2 -2
- package/types/components/fw-bar-chart/index.types.d.ts +11 -11
- package/types/components/fw-button/fw-button.vue.d.ts +190 -176
- package/types/components/fw-button/index.d.ts +2 -2
- package/types/components/fw-button/index.types.d.ts +27 -26
- package/types/components/fw-card/fw-card.vue.d.ts +82 -82
- package/types/components/fw-card/index.d.ts +2 -2
- package/types/components/fw-card/index.types.d.ts +8 -8
- package/types/components/fw-checkbox/fw-checkbox.vue.d.ts +108 -108
- package/types/components/fw-checkbox/index.d.ts +2 -2
- package/types/components/fw-checkbox/index.types.d.ts +9 -9
- package/types/components/fw-date-picker/fw-date-picker.vue.d.ts +249 -177
- package/types/components/fw-date-picker/index.d.ts +2 -2
- package/types/components/fw-date-picker/index.types.d.ts +21 -16
- package/types/components/fw-drawer/fw-drawer.vue.d.ts +165 -165
- package/types/components/fw-drawer/index.d.ts +2 -2
- package/types/components/fw-drawer/index.types.d.ts +13 -13
- package/types/components/fw-dropdown/fw-dropdown.vue.d.ts +154 -130
- package/types/components/fw-dropdown/index.d.ts +2 -2
- package/types/components/fw-dropdown/index.types.d.ts +16 -13
- package/types/components/fw-form/index.d.ts +2 -2
- package/types/components/fw-image/fw-image.vue.d.ts +103 -84
- package/types/components/fw-image/index.d.ts +2 -2
- package/types/components/fw-image/index.types.d.ts +9 -8
- package/types/components/fw-input/fw-input.vue.d.ts +214 -197
- package/types/components/fw-input/index.d.ts +2 -2
- package/types/components/fw-input/index.types.d.ts +18 -16
- package/types/components/fw-loading/fw-loading-bar.vue.d.ts +2 -2
- package/types/components/fw-loading/fw-loading-card.vue.d.ts +2 -2
- package/types/components/fw-loading/fw-loading-table.vue.d.ts +25 -25
- package/types/components/fw-loading/index.d.ts +4 -4
- package/types/components/fw-modal/fw-modal.vue.d.ts +205 -175
- package/types/components/fw-modal/index.d.ts +2 -2
- package/types/components/fw-modal/index.types.d.ts +16 -14
- package/types/components/fw-navigation-menu/fw-navigation-menu.vue.d.ts +57 -57
- package/types/components/fw-navigation-menu/index.d.ts +2 -2
- package/types/components/fw-navigation-menu/index.types.d.ts +7 -7
- package/types/components/fw-popover/fw-popover.vue.d.ts +157 -157
- package/types/components/fw-popover/index.d.ts +2 -2
- package/types/components/fw-popover/index.types.d.ts +11 -11
- package/types/components/fw-progress-bar/fw-progress-bar.vue.d.ts +52 -52
- package/types/components/fw-progress-bar/index.d.ts +2 -2
- package/types/components/fw-progress-bar/index.types.d.ts +5 -5
- package/types/components/fw-provider-list/fw-provider-list.vue.d.ts +100 -100
- package/types/components/fw-provider-list/index.d.ts +2 -2
- package/types/components/fw-provider-list/index.types.d.ts +11 -11
- package/types/components/fw-sidebar-menu/fw-sidebar-menu.vue.d.ts +88 -72
- package/types/components/fw-sidebar-menu/index.d.ts +2 -2
- package/types/components/fw-sidebar-menu/index.types.d.ts +9 -8
- package/types/components/fw-table/fw-table-head.vue.d.ts +2 -2
- package/types/components/fw-table/fw-table-row.vue.d.ts +2 -2
- package/types/components/fw-table/fw-table.vue.d.ts +71 -71
- package/types/components/fw-table/index.d.ts +4 -4
- package/types/components/fw-table/index.types.d.ts +16 -16
- package/types/components/fw-tabs/fw-tab.vue.d.ts +24 -32
- package/types/components/fw-tabs/fw-tabs.vue.d.ts +24 -24
- package/types/components/fw-tabs/index.d.ts +3 -3
- package/types/components/fw-tabs/index.types.d.ts +8 -0
- package/types/components/fw-tag/fw-tag.vue.d.ts +80 -70
- package/types/components/fw-tag/index.d.ts +2 -2
- package/types/components/fw-tag/index.types.d.ts +18 -18
- package/types/components/fw-toast/fw-toast.vue.d.ts +121 -121
- package/types/components/fw-toast/index.d.ts +2 -2
- package/types/components/fw-toast/index.types.d.ts +13 -13
- package/types/components/fw-transactions-card/fw-transactions-card.vue.d.ts +58 -58
- package/types/components/fw-transactions-card/index.d.ts +2 -2
- package/types/components/fw-transactions-card/index.types.d.ts +6 -6
- package/types/components/index.d.ts +24 -24
- package/types/components/index.types.d.ts +21 -20
- package/types/directives/index.d.ts +2 -2
- package/types/directives/lazy-loader.d.ts +3 -3
- package/types/helpers/get-root-colours.d.ts +17 -17
- package/types/icons/index.d.ts +43 -41
- package/types/index-types.esm.d.ts +6 -6
- package/types/index.browser-umd.d.ts +2 -1
- package/types/index.d.ts +3 -3
- package/types/index.esm.d.ts +5 -5
- package/types/services/index.d.ts +2 -2
- package/types/services/modal.d.ts +9 -9
- package/types/services/toast.d.ts +9 -9
- package/web-components/index.js +19670 -19722
- package/esm/add-to-unscopables-ee05b58f.js +0 -25
- package/esm/array-iteration-8267bf22.js +0 -92
- package/esm/array-method-has-species-support-6c675094.js +0 -23
- package/esm/array-method-is-strict-d313436f.js +0 -14
- package/esm/array-species-create-1c67e297.js +0 -97
- package/esm/classof-d44bf093.js +0 -42
- package/esm/create-property-eb329361.js +0 -14
- package/esm/defineProperty-b85f2e0f.js +0 -42
- package/esm/does-not-exceed-safe-integer-de37ce28.js +0 -11
- package/esm/es.array.concat-99b85557.js +0 -69
- package/esm/es.array.find-1ded15d5.js +0 -28
- package/esm/es.array.includes-08e25019.js +0 -27
- package/esm/es.array.map-c56ebffd.js +0 -22
- package/esm/es.date.to-string-15eb9936.js +0 -23
- package/esm/es.function.name-6cafd747.js +0 -29
- package/esm/es.number.constructor-fb16fe05.js +0 -204
- package/esm/es.object.to-string-4b07c4d1.js +0 -24
- package/esm/es.string.includes-061e8272.js +0 -66
- package/esm/es.string.iterator-25db8cd2.js +0 -469
- package/esm/export-10c4adbc.js +0 -95
- package/esm/function-apply-e17cf65b.js +0 -14
- package/esm/fw-dropdown-6856e66e.js +0 -224
- package/esm/fw-image-aca2c61d.js +0 -296
- package/esm/fw-loading-bar-f5ca605c.js +0 -22
- package/esm/index-6758f755.js +0 -15797
- package/esm/index-bced3b35.js +0 -560
- package/esm/is-forced-7cb3ee8f.js +0 -927
- package/esm/object-create-51bf02dc.js +0 -125
- package/esm/regexp-flags-c09864e5.js +0 -50
- package/esm/vee-validate.esm-a17a23c3.js +0 -3192
- package/esm/web.timers-e406c8e6.js +0 -72
- /package/esm/{get-root-colours-865a52ba.js → get-root-colours-DYEoJPEb.js} +0 -0
- /package/esm/{index-0c5cae4f.js → index-BVcOAKar.js} +0 -0
- /package/esm/{style-inject.es-1f59c1d0.js → style-inject.es-tgCJW-Cu.js} +0 -0
- /package/esm/{uniqueId-fe08534a.js → uniqueId-DK6xzFd8.js} +0 -0
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { createElementVNode, openBlock, createElementBlock } from 'vue';
|
|
2
2
|
|
|
3
3
|
const _hoisted_1 = {
|
|
4
|
-
|
|
4
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
5
5
|
fill: "currentColor",
|
|
6
|
-
|
|
6
|
+
viewBox: "0 0 17 12"
|
|
7
7
|
};
|
|
8
|
-
const _hoisted_2 = /*#__PURE__*/createElementVNode("path", { d: "M15.847.621c.359.33.359.865 0 1.164l-9.281 9.281c-.299.359-.833.359-1.164 0L.622 6.285c-.33-.3-.33-.833 0-1.164a.
|
|
8
|
+
const _hoisted_2 = /*#__PURE__*/createElementVNode("path", { d: "M15.847.621c.359.33.359.865 0 1.164l-9.281 9.281c-.299.359-.833.359-1.164 0L.622 6.285c-.33-.3-.33-.833 0-1.164a.85.85 0 0 1 1.193 0L6 9.308 14.684.621c.33-.328.864-.328 1.163 0" }, null, -1);
|
|
9
9
|
const _hoisted_3 = [
|
|
10
10
|
_hoisted_2
|
|
11
11
|
];
|
|
12
12
|
|
|
13
13
|
function render(_ctx, _cache) {
|
|
14
|
-
return (openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3))
|
|
14
|
+
return (openBlock(), createElementBlock("svg", _hoisted_1, [..._hoisted_3]))
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
export { render as r };
|
package/esm/fw-accordion.js
CHANGED
|
@@ -1,65 +1,66 @@
|
|
|
1
1
|
import { defineComponent, ref, watch, useCssVars, pushScopeId, popScopeId, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, createCommentVNode, toDisplayString, renderSlot, createVNode, Transition, withCtx, withDirectives, vShow } from 'vue';
|
|
2
|
-
import { u as useColours } from './get-root-colours-
|
|
3
|
-
import {
|
|
4
|
-
import { s as styleInject } from './style-inject.es-
|
|
5
|
-
import './check
|
|
2
|
+
import { u as useColours } from './get-root-colours-DYEoJPEb.js';
|
|
3
|
+
import { r as render$1 } from './index-CUPvK0Aa.js';
|
|
4
|
+
import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
|
|
5
|
+
import './check--YD4Ts6g.js';
|
|
6
6
|
|
|
7
7
|
var __default__ = defineComponent({
|
|
8
8
|
name: 'FwAccordion',
|
|
9
9
|
components: {
|
|
10
10
|
ChevronDownSvg: render$1
|
|
11
11
|
},
|
|
12
|
-
emits: [
|
|
12
|
+
emits: [/** Fired when accordion is opened or closed */
|
|
13
|
+
'toggled'],
|
|
13
14
|
props: {
|
|
14
|
-
/**
|
|
15
|
-
* The header title of the accordion
|
|
15
|
+
/**
|
|
16
|
+
* The header title of the accordion
|
|
16
17
|
*/
|
|
17
18
|
title: {
|
|
18
19
|
type: String
|
|
19
20
|
},
|
|
20
|
-
/**
|
|
21
|
-
* Classname for the title
|
|
21
|
+
/**
|
|
22
|
+
* Classname for the title
|
|
22
23
|
*/
|
|
23
24
|
titleClass: {
|
|
24
25
|
type: String,
|
|
25
26
|
"default": 'h4'
|
|
26
27
|
},
|
|
27
|
-
/**
|
|
28
|
-
* Title suffix of the accordion header
|
|
28
|
+
/**
|
|
29
|
+
* Title suffix of the accordion header
|
|
29
30
|
*/
|
|
30
31
|
suffixTitle: {
|
|
31
32
|
type: String
|
|
32
33
|
},
|
|
33
|
-
/**
|
|
34
|
-
* Whether the accordion should be initially opened
|
|
34
|
+
/**
|
|
35
|
+
* Whether the accordion should be initially opened
|
|
35
36
|
*/
|
|
36
37
|
isOpened: {
|
|
37
38
|
type: Boolean,
|
|
38
39
|
"default": false
|
|
39
40
|
},
|
|
40
|
-
/**
|
|
41
|
-
* Whether the accordion open icon should be at the start or end
|
|
41
|
+
/**
|
|
42
|
+
* Whether the accordion open icon should be at the start or end
|
|
42
43
|
*/
|
|
43
44
|
iconPositionStart: {
|
|
44
45
|
type: Boolean,
|
|
45
46
|
"default": true
|
|
46
47
|
},
|
|
47
|
-
/**
|
|
48
|
-
* Icon type (arrow or plus)
|
|
48
|
+
/**
|
|
49
|
+
* Icon type (arrow or plus)
|
|
49
50
|
*/
|
|
50
51
|
isArrow: {
|
|
51
52
|
type: Boolean,
|
|
52
53
|
"default": false
|
|
53
54
|
},
|
|
54
|
-
/**
|
|
55
|
-
* Padding className for the accordion button
|
|
55
|
+
/**
|
|
56
|
+
* Padding className for the accordion button
|
|
56
57
|
*/
|
|
57
58
|
buttonPadding: {
|
|
58
59
|
type: String,
|
|
59
60
|
"default": 'px-8 py-4'
|
|
60
61
|
},
|
|
61
|
-
/**
|
|
62
|
-
* Border style className for the accordion button
|
|
62
|
+
/**
|
|
63
|
+
* Border style className for the accordion button
|
|
63
64
|
*/
|
|
64
65
|
borderStyle: {
|
|
65
66
|
type: String,
|
|
@@ -98,7 +99,7 @@ var __default__ = defineComponent({
|
|
|
98
99
|
var __injectCSSVars__ = function __injectCSSVars__() {
|
|
99
100
|
useCssVars(function (_ctx) {
|
|
100
101
|
return {
|
|
101
|
-
"
|
|
102
|
+
"103fcbd6": _ctx.bgHoverColor
|
|
102
103
|
};
|
|
103
104
|
});
|
|
104
105
|
};
|
|
@@ -109,7 +110,7 @@ __default__.setup = __setup__ ? function (props, ctx) {
|
|
|
109
110
|
} : __injectCSSVars__;
|
|
110
111
|
|
|
111
112
|
var _withScopeId = function _withScopeId(n) {
|
|
112
|
-
return pushScopeId("data-v-
|
|
113
|
+
return pushScopeId("data-v-15499edb"), n = n(), popScopeId(), n;
|
|
113
114
|
};
|
|
114
115
|
var _hoisted_1 = {
|
|
115
116
|
"class": "flex flex-row items-center justify-between w-full"
|
|
@@ -172,11 +173,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
172
173
|
}, 8, ["onBeforeEnter", "onEnter", "onBeforeLeave", "onLeave"])], 2);
|
|
173
174
|
}
|
|
174
175
|
|
|
175
|
-
var css_248z = ".fw-accordion--header-open[data-v-
|
|
176
|
-
var stylesheet = ".fw-accordion--header-open[data-v-
|
|
176
|
+
var css_248z = ".fw-accordion--header-open[data-v-15499edb],.fw-accordion--header[data-v-15499edb]:focus-visible,.fw-accordion--header[data-v-15499edb]:hover{background-color:var(--103fcbd6)}.fw-accordion--icon[data-v-15499edb]{position:relative}.fw-accordion--icon[data-v-15499edb]:after,.fw-accordion--icon[data-v-15499edb]:before{background:var(--colorBody);border-radius:3px;content:\"\";height:.2rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;transition:.3s ease-in-out;width:1rem}.fw-accordion--icon[data-v-15499edb]:after{-webkit-transform:translate(-50%,-50%) rotate(90deg);-moz-transform:translate(-50%,-50%) rotate(90deg);-ms-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}.fw-accordion--icon-open[data-v-15499edb]:after{width:0}";
|
|
177
|
+
var stylesheet = ".fw-accordion--header-open[data-v-15499edb],.fw-accordion--header[data-v-15499edb]:focus-visible,.fw-accordion--header[data-v-15499edb]:hover{background-color:var(--103fcbd6)}.fw-accordion--icon[data-v-15499edb]{position:relative}.fw-accordion--icon[data-v-15499edb]:after,.fw-accordion--icon[data-v-15499edb]:before{background:var(--colorBody);border-radius:3px;content:\"\";height:.2rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;transition:.3s ease-in-out;width:1rem}.fw-accordion--icon[data-v-15499edb]:after{-webkit-transform:translate(-50%,-50%) rotate(90deg);-moz-transform:translate(-50%,-50%) rotate(90deg);-ms-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}.fw-accordion--icon-open[data-v-15499edb]:after{width:0}";
|
|
177
178
|
styleInject(css_248z);
|
|
178
179
|
|
|
179
180
|
__default__.render = render;
|
|
180
|
-
__default__.__scopeId = "data-v-
|
|
181
|
+
__default__.__scopeId = "data-v-15499edb";
|
|
181
182
|
|
|
182
183
|
export { __default__ as FwAccordion };
|
package/esm/fw-animations.js
CHANGED
|
@@ -1,19 +1,16 @@
|
|
|
1
|
-
import './es.number.constructor-fb16fe05.js';
|
|
2
1
|
import { defineComponent, useCssVars, pushScopeId, popScopeId, createElementVNode, openBlock, createElementBlock, createStaticVNode } from 'vue';
|
|
3
|
-
import { s as styleInject } from './style-inject.es-
|
|
4
|
-
export { s as FwLoadingSpinner } from './fw-loading-spinner-
|
|
5
|
-
import './
|
|
6
|
-
import './
|
|
7
|
-
import './index-bced3b35.js';
|
|
8
|
-
import './check-94a5917a.js';
|
|
2
|
+
import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
|
|
3
|
+
export { s as FwLoadingSpinner } from './fw-loading-spinner-Dn52RI5h.js';
|
|
4
|
+
import './index-CUPvK0Aa.js';
|
|
5
|
+
import './check--YD4Ts6g.js';
|
|
9
6
|
|
|
10
7
|
var __default__$1 = defineComponent({
|
|
11
8
|
name: 'FwEmailPulse',
|
|
12
9
|
props: {
|
|
13
|
-
/**
|
|
14
|
-
* The animation-iteration-count CSS property of the pulse animation.
|
|
15
|
-
* Sets the number of times an animation sequence should be played before stopping.
|
|
16
|
-
* https://developer.mozilla.org/en-US/docs/Web/CSS/animation-iteration-count
|
|
10
|
+
/**
|
|
11
|
+
* The animation-iteration-count CSS property of the pulse animation.
|
|
12
|
+
* Sets the number of times an animation sequence should be played before stopping.
|
|
13
|
+
* https://developer.mozilla.org/en-US/docs/Web/CSS/animation-iteration-count
|
|
17
14
|
*/
|
|
18
15
|
animationIteration: {
|
|
19
16
|
type: [String, Number],
|
|
@@ -24,7 +21,7 @@ var __default__$1 = defineComponent({
|
|
|
24
21
|
var __injectCSSVars__$1 = function __injectCSSVars__() {
|
|
25
22
|
useCssVars(function (_ctx) {
|
|
26
23
|
return {
|
|
27
|
-
"
|
|
24
|
+
"a82df1f8": _ctx.animationIteration
|
|
28
25
|
};
|
|
29
26
|
});
|
|
30
27
|
};
|
|
@@ -35,7 +32,7 @@ __default__$1.setup = __setup__$1 ? function (props, ctx) {
|
|
|
35
32
|
} : __injectCSSVars__$1;
|
|
36
33
|
|
|
37
34
|
var _withScopeId$1 = function _withScopeId(n) {
|
|
38
|
-
return pushScopeId("data-v-
|
|
35
|
+
return pushScopeId("data-v-6ec70c65"), n = n(), popScopeId(), n;
|
|
39
36
|
};
|
|
40
37
|
var _hoisted_1$1 = {
|
|
41
38
|
"class": "fw-email-pulse justify-center mx-auto"
|
|
@@ -70,20 +67,20 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
70
67
|
return openBlock(), createElementBlock("div", _hoisted_1$1, _hoisted_4$1);
|
|
71
68
|
}
|
|
72
69
|
|
|
73
|
-
var css_248z$1 = ".fw-email-pulse[data-v-
|
|
74
|
-
var stylesheet$1 = ".fw-email-pulse[data-v-
|
|
70
|
+
var css_248z$1 = ".fw-email-pulse[data-v-6ec70c65]{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;height:130px;position:relative;width:130px}.fw-email-pulse-circle[data-v-6ec70c65]{stroke-width:4px;stroke-opacity:1;fill:none;fill-opacity:0;-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s;-webkit-animation-duration:3s;-moz-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:var(--a82df1f8);-moz-animation-iteration-count:var(--a82df1f8);animation-iteration-count:var(--a82df1f8);-webkit-animation-name:fwEmailPulse-6ec70c65;-moz-animation-name:fwEmailPulse-6ec70c65;animation-name:fwEmailPulse-6ec70c65;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}@-webkit-keyframes fwEmailPulse-6ec70c65{0%{stroke:var(--colorPrimary);stroke-width:5px;stroke-opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{stroke:transparent;stroke-width:0;stroke-opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}}@-moz-keyframes fwEmailPulse-6ec70c65{0%{stroke:var(--colorPrimary);stroke-width:5px;stroke-opacity:1;-moz-transform:scale(1);transform:scale(1)}to{stroke:transparent;stroke-width:0;stroke-opacity:0;-moz-transform:scale(1.5);transform:scale(1.5)}}@keyframes fwEmailPulse-6ec70c65{0%{stroke:var(--colorPrimary);stroke-width:5px;stroke-opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}to{stroke:transparent;stroke-width:0;stroke-opacity:0;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);transform:scale(1.5)}}";
|
|
71
|
+
var stylesheet$1 = ".fw-email-pulse[data-v-6ec70c65]{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;height:130px;position:relative;width:130px}.fw-email-pulse-circle[data-v-6ec70c65]{stroke-width:4px;stroke-opacity:1;fill:none;fill-opacity:0;-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s;-webkit-animation-duration:3s;-moz-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:var(--a82df1f8);-moz-animation-iteration-count:var(--a82df1f8);animation-iteration-count:var(--a82df1f8);-webkit-animation-name:fwEmailPulse-6ec70c65;-moz-animation-name:fwEmailPulse-6ec70c65;animation-name:fwEmailPulse-6ec70c65;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}@-webkit-keyframes fwEmailPulse-6ec70c65{0%{stroke:var(--colorPrimary);stroke-width:5px;stroke-opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{stroke:transparent;stroke-width:0;stroke-opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}}@-moz-keyframes fwEmailPulse-6ec70c65{0%{stroke:var(--colorPrimary);stroke-width:5px;stroke-opacity:1;-moz-transform:scale(1);transform:scale(1)}to{stroke:transparent;stroke-width:0;stroke-opacity:0;-moz-transform:scale(1.5);transform:scale(1.5)}}@keyframes fwEmailPulse-6ec70c65{0%{stroke:var(--colorPrimary);stroke-width:5px;stroke-opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}to{stroke:transparent;stroke-width:0;stroke-opacity:0;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);transform:scale(1.5)}}";
|
|
75
72
|
styleInject(css_248z$1);
|
|
76
73
|
|
|
77
74
|
__default__$1.render = render$1;
|
|
78
|
-
__default__$1.__scopeId = "data-v-
|
|
75
|
+
__default__$1.__scopeId = "data-v-6ec70c65";
|
|
79
76
|
|
|
80
77
|
var __default__ = defineComponent({
|
|
81
78
|
name: 'FwSuccessPulse',
|
|
82
79
|
props: {
|
|
83
|
-
/**
|
|
84
|
-
* The animation-iteration-count CSS property of the pulse animation.
|
|
85
|
-
* Sets the number of times an animation sequence should be played before stopping.
|
|
86
|
-
* https://developer.mozilla.org/en-US/docs/Web/CSS/animation-iteration-count
|
|
80
|
+
/**
|
|
81
|
+
* The animation-iteration-count CSS property of the pulse animation.
|
|
82
|
+
* Sets the number of times an animation sequence should be played before stopping.
|
|
83
|
+
* https://developer.mozilla.org/en-US/docs/Web/CSS/animation-iteration-count
|
|
87
84
|
*/
|
|
88
85
|
animationIteration: {
|
|
89
86
|
type: [String, Number],
|
|
@@ -94,7 +91,7 @@ var __default__ = defineComponent({
|
|
|
94
91
|
var __injectCSSVars__ = function __injectCSSVars__() {
|
|
95
92
|
useCssVars(function (_ctx) {
|
|
96
93
|
return {
|
|
97
|
-
"
|
|
94
|
+
"6218fb6a": _ctx.animationIteration
|
|
98
95
|
};
|
|
99
96
|
});
|
|
100
97
|
};
|
|
@@ -105,22 +102,22 @@ __default__.setup = __setup__ ? function (props, ctx) {
|
|
|
105
102
|
} : __injectCSSVars__;
|
|
106
103
|
|
|
107
104
|
var _withScopeId = function _withScopeId(n) {
|
|
108
|
-
return pushScopeId("data-v-
|
|
105
|
+
return pushScopeId("data-v-d1768f34"), n = n(), popScopeId(), n;
|
|
109
106
|
};
|
|
110
107
|
var _hoisted_1 = {
|
|
111
108
|
"class": "fw-success-pulse"
|
|
112
109
|
};
|
|
113
|
-
var _hoisted_2 = /*#__PURE__*/createStaticVNode("<svg class=\"fw-success-pulse--checkmark\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\" data-v-
|
|
110
|
+
var _hoisted_2 = /*#__PURE__*/createStaticVNode("<svg class=\"fw-success-pulse--checkmark\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\" data-v-d1768f34><circle class=\"fw-success-pulse--checkmark__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" data-v-d1768f34></circle><path class=\"fw-success-pulse--checkmark__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" data-v-d1768f34></path></svg><svg class=\"absolute top-0 left-0\" viewBox=\"0 0 100 100\" data-v-d1768f34><circle class=\"fw-success-pulse--circle\" cx=\"50%\" cy=\"50%\" r=\"34\" data-v-d1768f34></circle></svg>", 2);
|
|
114
111
|
var _hoisted_4 = [_hoisted_2];
|
|
115
112
|
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
116
113
|
return openBlock(), createElementBlock("div", _hoisted_1, _hoisted_4);
|
|
117
114
|
}
|
|
118
115
|
|
|
119
|
-
var css_248z = ".fw-success-pulse[data-v-
|
|
120
|
-
var stylesheet = ".fw-success-pulse[data-v-
|
|
116
|
+
var css_248z = ".fw-success-pulse[data-v-d1768f34]{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;height:100px;position:relative;width:100px}.fw-success-pulse--checkmark__circle[data-v-d1768f34]{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:var(--colorPrimary);fill:none;-webkit-animation:fwSuccessStroke-d1768f34 .6s cubic-bezier(.65,0,.45,1) forwards;-moz-animation:fwSuccessStroke-d1768f34 .6s cubic-bezier(.65,0,.45,1) forwards;animation:fwSuccessStroke-d1768f34 .6s cubic-bezier(.65,0,.45,1) forwards}.fw-success-pulse--checkmark[data-v-d1768f34]{stroke-width:4;stroke:#fff;stroke-miterlimit:10;-webkit-animation:fwSuccessScaleFill-d1768f34 .6s ease-in-out .4s forwards,fwSuccessScale-d1768f34 .3s ease-in-out .9s both;-moz-animation:fwSuccessScaleFill-d1768f34 .6s ease-in-out .4s forwards,fwSuccessScale-d1768f34 .3s ease-in-out .9s both;animation:fwSuccessScaleFill-d1768f34 .6s ease-in-out .4s forwards,fwSuccessScale-d1768f34 .3s ease-in-out .9s both;border-radius:50%;-webkit-box-shadow:inset 0 0 0 var(--colorPrimary);box-shadow:inset 0 0 0 var(--colorPrimary);display:block;height:70px;margin:10% auto;width:70px}.fw-success-pulse--checkmark__check[data-v-d1768f34]{stroke-dasharray:48;stroke-dashoffset:48;stroke-linecap:round;-webkit-animation:fwSuccessStroke-d1768f34 .3s cubic-bezier(.65,0,.45,1) .8s forwards;-moz-animation:fwSuccessStroke-d1768f34 .3s cubic-bezier(.65,0,.45,1) .8s forwards;animation:fwSuccessStroke-d1768f34 .3s cubic-bezier(.65,0,.45,1) .8s forwards;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}@-webkit-keyframes fwSuccessStroke-d1768f34{to{stroke-dashoffset:0}}@-moz-keyframes fwSuccessStroke-d1768f34{to{stroke-dashoffset:0}}@keyframes fwSuccessStroke-d1768f34{to{stroke-dashoffset:0}}@-webkit-keyframes fwSuccessScale-d1768f34{0%,to{-webkit-transform:none;transform:none}50%{-webkit-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1)}}@-moz-keyframes fwSuccessScale-d1768f34{0%,to{-moz-transform:none;transform:none}50%{-moz-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1)}}@keyframes fwSuccessScale-d1768f34{0%,to{-webkit-transform:none;-moz-transform:none;transform:none}50%{-webkit-transform:scale3d(1.1,1.1,1);-moz-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1)}}@-webkit-keyframes fwSuccessScaleFill-d1768f34{to{-webkit-box-shadow:inset 0 0 0 70px var(--colorPrimary);box-shadow:inset 0 0 0 70px var(--colorPrimary)}}@-moz-keyframes fwSuccessScaleFill-d1768f34{to{box-shadow:inset 0 0 0 70px var(--colorPrimary)}}@keyframes fwSuccessScaleFill-d1768f34{to{-webkit-box-shadow:inset 0 0 0 70px var(--colorPrimary);box-shadow:inset 0 0 0 70px var(--colorPrimary)}}.fw-success-pulse--circle[data-v-d1768f34]{stroke-width:4px;stroke-opacity:1;fill:none;fill-opacity:0;-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s;-webkit-animation-duration:3s;-moz-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:var(--6218fb6a);-moz-animation-iteration-count:var(--6218fb6a);animation-iteration-count:var(--6218fb6a);-webkit-animation-name:fwSuccessPulse-d1768f34;-moz-animation-name:fwSuccessPulse-d1768f34;animation-name:fwSuccessPulse-d1768f34;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}@-webkit-keyframes fwSuccessPulse-d1768f34{0%{stroke:var(--colorPrimary);stroke-width:5px;stroke-opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{stroke:transparent;stroke-width:0;stroke-opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}}@-moz-keyframes fwSuccessPulse-d1768f34{0%{stroke:var(--colorPrimary);stroke-width:5px;stroke-opacity:1;-moz-transform:scale(1);transform:scale(1)}to{stroke:transparent;stroke-width:0;stroke-opacity:0;-moz-transform:scale(1.5);transform:scale(1.5)}}@keyframes fwSuccessPulse-d1768f34{0%{stroke:var(--colorPrimary);stroke-width:5px;stroke-opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}to{stroke:transparent;stroke-width:0;stroke-opacity:0;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);transform:scale(1.5)}}";
|
|
117
|
+
var stylesheet = ".fw-success-pulse[data-v-d1768f34]{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;height:100px;position:relative;width:100px}.fw-success-pulse--checkmark__circle[data-v-d1768f34]{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:var(--colorPrimary);fill:none;-webkit-animation:fwSuccessStroke-d1768f34 .6s cubic-bezier(.65,0,.45,1) forwards;-moz-animation:fwSuccessStroke-d1768f34 .6s cubic-bezier(.65,0,.45,1) forwards;animation:fwSuccessStroke-d1768f34 .6s cubic-bezier(.65,0,.45,1) forwards}.fw-success-pulse--checkmark[data-v-d1768f34]{stroke-width:4;stroke:#fff;stroke-miterlimit:10;-webkit-animation:fwSuccessScaleFill-d1768f34 .6s ease-in-out .4s forwards,fwSuccessScale-d1768f34 .3s ease-in-out .9s both;-moz-animation:fwSuccessScaleFill-d1768f34 .6s ease-in-out .4s forwards,fwSuccessScale-d1768f34 .3s ease-in-out .9s both;animation:fwSuccessScaleFill-d1768f34 .6s ease-in-out .4s forwards,fwSuccessScale-d1768f34 .3s ease-in-out .9s both;border-radius:50%;-webkit-box-shadow:inset 0 0 0 var(--colorPrimary);box-shadow:inset 0 0 0 var(--colorPrimary);display:block;height:70px;margin:10% auto;width:70px}.fw-success-pulse--checkmark__check[data-v-d1768f34]{stroke-dasharray:48;stroke-dashoffset:48;stroke-linecap:round;-webkit-animation:fwSuccessStroke-d1768f34 .3s cubic-bezier(.65,0,.45,1) .8s forwards;-moz-animation:fwSuccessStroke-d1768f34 .3s cubic-bezier(.65,0,.45,1) .8s forwards;animation:fwSuccessStroke-d1768f34 .3s cubic-bezier(.65,0,.45,1) .8s forwards;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}@-webkit-keyframes fwSuccessStroke-d1768f34{to{stroke-dashoffset:0}}@-moz-keyframes fwSuccessStroke-d1768f34{to{stroke-dashoffset:0}}@keyframes fwSuccessStroke-d1768f34{to{stroke-dashoffset:0}}@-webkit-keyframes fwSuccessScale-d1768f34{0%,to{-webkit-transform:none;transform:none}50%{-webkit-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1)}}@-moz-keyframes fwSuccessScale-d1768f34{0%,to{-moz-transform:none;transform:none}50%{-moz-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1)}}@keyframes fwSuccessScale-d1768f34{0%,to{-webkit-transform:none;-moz-transform:none;transform:none}50%{-webkit-transform:scale3d(1.1,1.1,1);-moz-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1)}}@-webkit-keyframes fwSuccessScaleFill-d1768f34{to{-webkit-box-shadow:inset 0 0 0 70px var(--colorPrimary);box-shadow:inset 0 0 0 70px var(--colorPrimary)}}@-moz-keyframes fwSuccessScaleFill-d1768f34{to{box-shadow:inset 0 0 0 70px var(--colorPrimary)}}@keyframes fwSuccessScaleFill-d1768f34{to{-webkit-box-shadow:inset 0 0 0 70px var(--colorPrimary);box-shadow:inset 0 0 0 70px var(--colorPrimary)}}.fw-success-pulse--circle[data-v-d1768f34]{stroke-width:4px;stroke-opacity:1;fill:none;fill-opacity:0;-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s;-webkit-animation-duration:3s;-moz-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:var(--6218fb6a);-moz-animation-iteration-count:var(--6218fb6a);animation-iteration-count:var(--6218fb6a);-webkit-animation-name:fwSuccessPulse-d1768f34;-moz-animation-name:fwSuccessPulse-d1768f34;animation-name:fwSuccessPulse-d1768f34;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}@-webkit-keyframes fwSuccessPulse-d1768f34{0%{stroke:var(--colorPrimary);stroke-width:5px;stroke-opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{stroke:transparent;stroke-width:0;stroke-opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}}@-moz-keyframes fwSuccessPulse-d1768f34{0%{stroke:var(--colorPrimary);stroke-width:5px;stroke-opacity:1;-moz-transform:scale(1);transform:scale(1)}to{stroke:transparent;stroke-width:0;stroke-opacity:0;-moz-transform:scale(1.5);transform:scale(1.5)}}@keyframes fwSuccessPulse-d1768f34{0%{stroke:var(--colorPrimary);stroke-width:5px;stroke-opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}to{stroke:transparent;stroke-width:0;stroke-opacity:0;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);transform:scale(1.5)}}";
|
|
121
118
|
styleInject(css_248z);
|
|
122
119
|
|
|
123
120
|
__default__.render = render;
|
|
124
|
-
__default__.__scopeId = "data-v-
|
|
121
|
+
__default__.__scopeId = "data-v-d1768f34";
|
|
125
122
|
|
|
126
123
|
export { __default__$1 as FwEmailPulse, __default__ as FwSuccessPulse };
|