@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
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { defineComponent, openBlock, createElementBlock } from 'vue';
|
|
2
|
-
import { s as styleInject } from './style-inject.es-1f59c1d0.js';
|
|
3
|
-
|
|
4
|
-
var script = defineComponent({
|
|
5
|
-
name: 'FwLoadingBar'
|
|
6
|
-
});
|
|
7
|
-
|
|
8
|
-
var _hoisted_1 = {
|
|
9
|
-
"class": "fw-loading-bar rounded",
|
|
10
|
-
"aria-hidden": "true"
|
|
11
|
-
};
|
|
12
|
-
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
13
|
-
return openBlock(), createElementBlock("div", _hoisted_1);
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
var css_248z = ".fw-loading-bar{-webkit-animation:fwSkeletonLoading 1.5s linear infinite;animation:fwSkeletonLoading 1.5s linear infinite;background:#e4e4e4;background-image:-o-linear-gradient(350deg,hsla(0,0%,100%,0) 40%,hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,0) 60%);background-image:linear-gradient(100deg,hsla(0,0%,100%,0) 40%,hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,0) 60%);background-size:200% 200%}@-webkit-keyframes fwSkeletonLoading{0%{background-position-x:200%}50%{background-position-x:100%}to{background-position-x:0}}@keyframes fwSkeletonLoading{0%{background-position-x:200%}50%{background-position-x:100%}to{background-position-x:0}}";
|
|
17
|
-
var stylesheet = ".fw-loading-bar{-webkit-animation:fwSkeletonLoading 1.5s linear infinite;animation:fwSkeletonLoading 1.5s linear infinite;background:#e4e4e4;background-image:-o-linear-gradient(350deg,hsla(0,0%,100%,0) 40%,hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,0) 60%);background-image:linear-gradient(100deg,hsla(0,0%,100%,0) 40%,hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,0) 60%);background-size:200% 200%}@-webkit-keyframes fwSkeletonLoading{0%{background-position-x:200%}50%{background-position-x:100%}to{background-position-x:0}}@keyframes fwSkeletonLoading{0%{background-position-x:200%}50%{background-position-x:100%}to{background-position-x:0}}";
|
|
18
|
-
styleInject(css_248z);
|
|
19
|
-
|
|
20
|
-
script.render = render;
|
|
21
|
-
|
|
22
|
-
export { script as s };
|
package/esm/index-06f4e5f1.js
DELETED
|
@@ -1,482 +0,0 @@
|
|
|
1
|
-
import './es.array.includes-9a6e4066.js';
|
|
2
|
-
import { defineComponent, computed, resolveComponent, openBlock, createBlock, Transition, withCtx, createElementBlock, createElementVNode, renderSlot, createCommentVNode, createTextVNode, toDisplayString } from 'vue';
|
|
3
|
-
import { s as script$1 } from './fw-button-765b9d52.js';
|
|
4
|
-
import { s as styleInject } from './style-inject.es-1f59c1d0.js';
|
|
5
|
-
|
|
6
|
-
/** Detect free variable `global` from Node.js. */
|
|
7
|
-
var freeGlobal = typeof global == 'object' && global && global.Object === Object && global;
|
|
8
|
-
|
|
9
|
-
/** Detect free variable `self`. */
|
|
10
|
-
var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
|
|
11
|
-
|
|
12
|
-
/** Used as a reference to the global object. */
|
|
13
|
-
var root = freeGlobal || freeSelf || Function('return this')();
|
|
14
|
-
|
|
15
|
-
/** Built-in value references. */
|
|
16
|
-
var Symbol = root.Symbol;
|
|
17
|
-
|
|
18
|
-
/**
|
|
19
|
-
* A specialized version of `_.map` for arrays without support for iteratee
|
|
20
|
-
* shorthands.
|
|
21
|
-
*
|
|
22
|
-
* @private
|
|
23
|
-
* @param {Array} [array] The array to iterate over.
|
|
24
|
-
* @param {Function} iteratee The function invoked per iteration.
|
|
25
|
-
* @returns {Array} Returns the new mapped array.
|
|
26
|
-
*/
|
|
27
|
-
function arrayMap(array, iteratee) {
|
|
28
|
-
var index = -1,
|
|
29
|
-
length = array == null ? 0 : array.length,
|
|
30
|
-
result = Array(length);
|
|
31
|
-
|
|
32
|
-
while (++index < length) {
|
|
33
|
-
result[index] = iteratee(array[index], index, array);
|
|
34
|
-
}
|
|
35
|
-
return result;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
/**
|
|
39
|
-
* Checks if `value` is classified as an `Array` object.
|
|
40
|
-
*
|
|
41
|
-
* @static
|
|
42
|
-
* @memberOf _
|
|
43
|
-
* @since 0.1.0
|
|
44
|
-
* @category Lang
|
|
45
|
-
* @param {*} value The value to check.
|
|
46
|
-
* @returns {boolean} Returns `true` if `value` is an array, else `false`.
|
|
47
|
-
* @example
|
|
48
|
-
*
|
|
49
|
-
* _.isArray([1, 2, 3]);
|
|
50
|
-
* // => true
|
|
51
|
-
*
|
|
52
|
-
* _.isArray(document.body.children);
|
|
53
|
-
* // => false
|
|
54
|
-
*
|
|
55
|
-
* _.isArray('abc');
|
|
56
|
-
* // => false
|
|
57
|
-
*
|
|
58
|
-
* _.isArray(_.noop);
|
|
59
|
-
* // => false
|
|
60
|
-
*/
|
|
61
|
-
var isArray = Array.isArray;
|
|
62
|
-
|
|
63
|
-
/** Used for built-in method references. */
|
|
64
|
-
var objectProto$1 = Object.prototype;
|
|
65
|
-
|
|
66
|
-
/** Used to check objects for own properties. */
|
|
67
|
-
var hasOwnProperty = objectProto$1.hasOwnProperty;
|
|
68
|
-
|
|
69
|
-
/**
|
|
70
|
-
* Used to resolve the
|
|
71
|
-
* [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
|
|
72
|
-
* of values.
|
|
73
|
-
*/
|
|
74
|
-
var nativeObjectToString$1 = objectProto$1.toString;
|
|
75
|
-
|
|
76
|
-
/** Built-in value references. */
|
|
77
|
-
var symToStringTag$1 = Symbol ? Symbol.toStringTag : undefined;
|
|
78
|
-
|
|
79
|
-
/**
|
|
80
|
-
* A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.
|
|
81
|
-
*
|
|
82
|
-
* @private
|
|
83
|
-
* @param {*} value The value to query.
|
|
84
|
-
* @returns {string} Returns the raw `toStringTag`.
|
|
85
|
-
*/
|
|
86
|
-
function getRawTag(value) {
|
|
87
|
-
var isOwn = hasOwnProperty.call(value, symToStringTag$1),
|
|
88
|
-
tag = value[symToStringTag$1];
|
|
89
|
-
|
|
90
|
-
try {
|
|
91
|
-
value[symToStringTag$1] = undefined;
|
|
92
|
-
var unmasked = true;
|
|
93
|
-
} catch (e) {}
|
|
94
|
-
|
|
95
|
-
var result = nativeObjectToString$1.call(value);
|
|
96
|
-
if (unmasked) {
|
|
97
|
-
if (isOwn) {
|
|
98
|
-
value[symToStringTag$1] = tag;
|
|
99
|
-
} else {
|
|
100
|
-
delete value[symToStringTag$1];
|
|
101
|
-
}
|
|
102
|
-
}
|
|
103
|
-
return result;
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
/** Used for built-in method references. */
|
|
107
|
-
var objectProto = Object.prototype;
|
|
108
|
-
|
|
109
|
-
/**
|
|
110
|
-
* Used to resolve the
|
|
111
|
-
* [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
|
|
112
|
-
* of values.
|
|
113
|
-
*/
|
|
114
|
-
var nativeObjectToString = objectProto.toString;
|
|
115
|
-
|
|
116
|
-
/**
|
|
117
|
-
* Converts `value` to a string using `Object.prototype.toString`.
|
|
118
|
-
*
|
|
119
|
-
* @private
|
|
120
|
-
* @param {*} value The value to convert.
|
|
121
|
-
* @returns {string} Returns the converted string.
|
|
122
|
-
*/
|
|
123
|
-
function objectToString(value) {
|
|
124
|
-
return nativeObjectToString.call(value);
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
/** `Object#toString` result references. */
|
|
128
|
-
var nullTag = '[object Null]',
|
|
129
|
-
undefinedTag = '[object Undefined]';
|
|
130
|
-
|
|
131
|
-
/** Built-in value references. */
|
|
132
|
-
var symToStringTag = Symbol ? Symbol.toStringTag : undefined;
|
|
133
|
-
|
|
134
|
-
/**
|
|
135
|
-
* The base implementation of `getTag` without fallbacks for buggy environments.
|
|
136
|
-
*
|
|
137
|
-
* @private
|
|
138
|
-
* @param {*} value The value to query.
|
|
139
|
-
* @returns {string} Returns the `toStringTag`.
|
|
140
|
-
*/
|
|
141
|
-
function baseGetTag(value) {
|
|
142
|
-
if (value == null) {
|
|
143
|
-
return value === undefined ? undefinedTag : nullTag;
|
|
144
|
-
}
|
|
145
|
-
return (symToStringTag && symToStringTag in Object(value))
|
|
146
|
-
? getRawTag(value)
|
|
147
|
-
: objectToString(value);
|
|
148
|
-
}
|
|
149
|
-
|
|
150
|
-
/**
|
|
151
|
-
* Checks if `value` is object-like. A value is object-like if it's not `null`
|
|
152
|
-
* and has a `typeof` result of "object".
|
|
153
|
-
*
|
|
154
|
-
* @static
|
|
155
|
-
* @memberOf _
|
|
156
|
-
* @since 4.0.0
|
|
157
|
-
* @category Lang
|
|
158
|
-
* @param {*} value The value to check.
|
|
159
|
-
* @returns {boolean} Returns `true` if `value` is object-like, else `false`.
|
|
160
|
-
* @example
|
|
161
|
-
*
|
|
162
|
-
* _.isObjectLike({});
|
|
163
|
-
* // => true
|
|
164
|
-
*
|
|
165
|
-
* _.isObjectLike([1, 2, 3]);
|
|
166
|
-
* // => true
|
|
167
|
-
*
|
|
168
|
-
* _.isObjectLike(_.noop);
|
|
169
|
-
* // => false
|
|
170
|
-
*
|
|
171
|
-
* _.isObjectLike(null);
|
|
172
|
-
* // => false
|
|
173
|
-
*/
|
|
174
|
-
function isObjectLike(value) {
|
|
175
|
-
return value != null && typeof value == 'object';
|
|
176
|
-
}
|
|
177
|
-
|
|
178
|
-
/** `Object#toString` result references. */
|
|
179
|
-
var symbolTag = '[object Symbol]';
|
|
180
|
-
|
|
181
|
-
/**
|
|
182
|
-
* Checks if `value` is classified as a `Symbol` primitive or object.
|
|
183
|
-
*
|
|
184
|
-
* @static
|
|
185
|
-
* @memberOf _
|
|
186
|
-
* @since 4.0.0
|
|
187
|
-
* @category Lang
|
|
188
|
-
* @param {*} value The value to check.
|
|
189
|
-
* @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
|
|
190
|
-
* @example
|
|
191
|
-
*
|
|
192
|
-
* _.isSymbol(Symbol.iterator);
|
|
193
|
-
* // => true
|
|
194
|
-
*
|
|
195
|
-
* _.isSymbol('abc');
|
|
196
|
-
* // => false
|
|
197
|
-
*/
|
|
198
|
-
function isSymbol(value) {
|
|
199
|
-
return typeof value == 'symbol' ||
|
|
200
|
-
(isObjectLike(value) && baseGetTag(value) == symbolTag);
|
|
201
|
-
}
|
|
202
|
-
|
|
203
|
-
/** Used as references for various `Number` constants. */
|
|
204
|
-
var INFINITY = 1 / 0;
|
|
205
|
-
|
|
206
|
-
/** Used to convert symbols to primitives and strings. */
|
|
207
|
-
var symbolProto = Symbol ? Symbol.prototype : undefined,
|
|
208
|
-
symbolToString = symbolProto ? symbolProto.toString : undefined;
|
|
209
|
-
|
|
210
|
-
/**
|
|
211
|
-
* The base implementation of `_.toString` which doesn't convert nullish
|
|
212
|
-
* values to empty strings.
|
|
213
|
-
*
|
|
214
|
-
* @private
|
|
215
|
-
* @param {*} value The value to process.
|
|
216
|
-
* @returns {string} Returns the string.
|
|
217
|
-
*/
|
|
218
|
-
function baseToString(value) {
|
|
219
|
-
// Exit early for strings to avoid a performance hit in some environments.
|
|
220
|
-
if (typeof value == 'string') {
|
|
221
|
-
return value;
|
|
222
|
-
}
|
|
223
|
-
if (isArray(value)) {
|
|
224
|
-
// Recursively convert values (susceptible to call stack limits).
|
|
225
|
-
return arrayMap(value, baseToString) + '';
|
|
226
|
-
}
|
|
227
|
-
if (isSymbol(value)) {
|
|
228
|
-
return symbolToString ? symbolToString.call(value) : '';
|
|
229
|
-
}
|
|
230
|
-
var result = (value + '');
|
|
231
|
-
return (result == '0' && (1 / value) == -INFINITY) ? '-0' : result;
|
|
232
|
-
}
|
|
233
|
-
|
|
234
|
-
/**
|
|
235
|
-
* Converts `value` to a string. An empty string is returned for `null`
|
|
236
|
-
* and `undefined` values. The sign of `-0` is preserved.
|
|
237
|
-
*
|
|
238
|
-
* @static
|
|
239
|
-
* @memberOf _
|
|
240
|
-
* @since 4.0.0
|
|
241
|
-
* @category Lang
|
|
242
|
-
* @param {*} value The value to convert.
|
|
243
|
-
* @returns {string} Returns the converted string.
|
|
244
|
-
* @example
|
|
245
|
-
*
|
|
246
|
-
* _.toString(null);
|
|
247
|
-
* // => ''
|
|
248
|
-
*
|
|
249
|
-
* _.toString(-0);
|
|
250
|
-
* // => '-0'
|
|
251
|
-
*
|
|
252
|
-
* _.toString([1, 2, 3]);
|
|
253
|
-
* // => '1,2,3'
|
|
254
|
-
*/
|
|
255
|
-
function toString(value) {
|
|
256
|
-
return value == null ? '' : baseToString(value);
|
|
257
|
-
}
|
|
258
|
-
|
|
259
|
-
/** Used to generate unique IDs. */
|
|
260
|
-
var idCounter = 0;
|
|
261
|
-
|
|
262
|
-
/**
|
|
263
|
-
* Generates a unique ID. If `prefix` is given, the ID is appended to it.
|
|
264
|
-
*
|
|
265
|
-
* @static
|
|
266
|
-
* @since 0.1.0
|
|
267
|
-
* @memberOf _
|
|
268
|
-
* @category Util
|
|
269
|
-
* @param {string} [prefix=''] The value to prefix the ID with.
|
|
270
|
-
* @returns {string} Returns the unique ID.
|
|
271
|
-
* @example
|
|
272
|
-
*
|
|
273
|
-
* _.uniqueId('contact_');
|
|
274
|
-
* // => 'contact_104'
|
|
275
|
-
*
|
|
276
|
-
* _.uniqueId();
|
|
277
|
-
* // => '105'
|
|
278
|
-
*/
|
|
279
|
-
function uniqueId(prefix) {
|
|
280
|
-
var id = ++idCounter;
|
|
281
|
-
return toString(prefix) + id;
|
|
282
|
-
}
|
|
283
|
-
|
|
284
|
-
var script = defineComponent({
|
|
285
|
-
name: 'FwModal',
|
|
286
|
-
components: {
|
|
287
|
-
FwButton: script$1
|
|
288
|
-
},
|
|
289
|
-
emits: ['cancel', 'confirm'],
|
|
290
|
-
props: {
|
|
291
|
-
/**
|
|
292
|
-
* The modal's v-model. Controls the visibility of the modal.
|
|
293
|
-
*/
|
|
294
|
-
modelValue: {
|
|
295
|
-
type: Boolean
|
|
296
|
-
},
|
|
297
|
-
|
|
298
|
-
/**
|
|
299
|
-
* The header title of the modal
|
|
300
|
-
*/
|
|
301
|
-
header: {
|
|
302
|
-
type: String
|
|
303
|
-
},
|
|
304
|
-
|
|
305
|
-
/**
|
|
306
|
-
* The body description of the modal
|
|
307
|
-
*/
|
|
308
|
-
body: {
|
|
309
|
-
type: String
|
|
310
|
-
},
|
|
311
|
-
|
|
312
|
-
/**
|
|
313
|
-
* The aria role of the modal container. Defaults to `dialog`
|
|
314
|
-
*/
|
|
315
|
-
role: {
|
|
316
|
-
type: String,
|
|
317
|
-
"default": 'dialog'
|
|
318
|
-
},
|
|
319
|
-
|
|
320
|
-
/**
|
|
321
|
-
* Whether to show the cancel button
|
|
322
|
-
*/
|
|
323
|
-
showCancel: {
|
|
324
|
-
type: Boolean,
|
|
325
|
-
"default": false
|
|
326
|
-
},
|
|
327
|
-
|
|
328
|
-
/**
|
|
329
|
-
* Whether to show the confirm button
|
|
330
|
-
*/
|
|
331
|
-
showConfirm: {
|
|
332
|
-
type: Boolean,
|
|
333
|
-
"default": true
|
|
334
|
-
},
|
|
335
|
-
|
|
336
|
-
/**
|
|
337
|
-
* Custom text for the cancel button
|
|
338
|
-
*/
|
|
339
|
-
cancelButtonText: {
|
|
340
|
-
type: String,
|
|
341
|
-
"default": 'Cancel'
|
|
342
|
-
},
|
|
343
|
-
|
|
344
|
-
/**
|
|
345
|
-
* Button variant for the cancel button
|
|
346
|
-
*/
|
|
347
|
-
cancelButtonType: {
|
|
348
|
-
type: String,
|
|
349
|
-
"default": 'secondary',
|
|
350
|
-
validator: function validator(value) {
|
|
351
|
-
return ['primary', 'secondary', 'tertiary', 'error', 'success', 'link', 'text'].includes(value);
|
|
352
|
-
}
|
|
353
|
-
},
|
|
354
|
-
|
|
355
|
-
/**
|
|
356
|
-
* Custom text for the confirm button
|
|
357
|
-
*/
|
|
358
|
-
confirmButtonText: {
|
|
359
|
-
type: String,
|
|
360
|
-
"default": 'Confirm'
|
|
361
|
-
},
|
|
362
|
-
|
|
363
|
-
/**
|
|
364
|
-
* Button variant for the confirm button
|
|
365
|
-
*/
|
|
366
|
-
confirmButtonType: {
|
|
367
|
-
type: String,
|
|
368
|
-
"default": 'primary',
|
|
369
|
-
validator: function validator(value) {
|
|
370
|
-
return ['primary', 'secondary', 'tertiary', 'error', 'success', 'link', 'text'].includes(value);
|
|
371
|
-
}
|
|
372
|
-
}
|
|
373
|
-
},
|
|
374
|
-
setup: function setup(props) {
|
|
375
|
-
var uuid = uniqueId();
|
|
376
|
-
var isOpen = computed(function () {
|
|
377
|
-
return props.modelValue;
|
|
378
|
-
});
|
|
379
|
-
return {
|
|
380
|
-
isOpen: isOpen,
|
|
381
|
-
uuid: uuid
|
|
382
|
-
};
|
|
383
|
-
}
|
|
384
|
-
});
|
|
385
|
-
|
|
386
|
-
var _hoisted_1 = {
|
|
387
|
-
key: 0,
|
|
388
|
-
"class": "fw-modal"
|
|
389
|
-
};
|
|
390
|
-
var _hoisted_2 = {
|
|
391
|
-
"class": "fw-modal--mask fixed z-[9999] top-0 left-0 w-full h-full bg-black bg-opacity-50"
|
|
392
|
-
};
|
|
393
|
-
var _hoisted_3 = {
|
|
394
|
-
"class": "fw-modal--wrapper text-center overflow-auto flex justify-center items-center h-full"
|
|
395
|
-
};
|
|
396
|
-
var _hoisted_4 = ["role", "aria-labelledby", "aria-describedby"];
|
|
397
|
-
var _hoisted_5 = {
|
|
398
|
-
key: 0,
|
|
399
|
-
"class": "fw-modal--header text-center"
|
|
400
|
-
};
|
|
401
|
-
var _hoisted_6 = {
|
|
402
|
-
key: 0,
|
|
403
|
-
id: "modal-logo",
|
|
404
|
-
"class": "flex justify-center"
|
|
405
|
-
};
|
|
406
|
-
var _hoisted_7 = ["id"];
|
|
407
|
-
var _hoisted_8 = ["id", "innerHTML"];
|
|
408
|
-
var _hoisted_9 = ["id"];
|
|
409
|
-
var _hoisted_10 = ["innerHTML", "id"];
|
|
410
|
-
var _hoisted_11 = {
|
|
411
|
-
key: 3,
|
|
412
|
-
"class": "modal-footer flex space-x-4 pt-4 justify-center"
|
|
413
|
-
};
|
|
414
|
-
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
415
|
-
var _component_FwButton = resolveComponent("FwButton");
|
|
416
|
-
|
|
417
|
-
return openBlock(), createBlock(Transition, {
|
|
418
|
-
name: "modalFadeIn",
|
|
419
|
-
appear: ""
|
|
420
|
-
}, {
|
|
421
|
-
"default": withCtx(function () {
|
|
422
|
-
return [_ctx.isOpen ? (openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [createElementVNode("div", {
|
|
423
|
-
role: _ctx.role,
|
|
424
|
-
"aria-modal": "true",
|
|
425
|
-
"class": "fw-modal--container p-12 m-8 inline-block w-full max-w-[540px] bg-white rounded-2xl shadow",
|
|
426
|
-
"aria-labelledby": _ctx.$slots.header || _ctx.header ? "modal_".concat(_ctx.uuid, "_header") : undefined,
|
|
427
|
-
"aria-describedby": _ctx.$slots.body ? "modal_".concat(_ctx.uuid, "_body") : undefined
|
|
428
|
-
}, [_ctx.$slots.icon || _ctx.$slots.header || _ctx.header ? (openBlock(), createElementBlock("div", _hoisted_5, [_ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_6, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("", true), _ctx.$slots.header ? (openBlock(), createElementBlock("h2", {
|
|
429
|
-
key: 1,
|
|
430
|
-
id: "modal_".concat(_ctx.uuid, "_header")
|
|
431
|
-
}, [renderSlot(_ctx.$slots, "header")], 8, _hoisted_7)) : _ctx.header ? (openBlock(), createElementBlock("h2", {
|
|
432
|
-
key: 2,
|
|
433
|
-
id: "modal_".concat(_ctx.uuid, "_header"),
|
|
434
|
-
innerHTML: _ctx.header
|
|
435
|
-
}, null, 8, _hoisted_8)) : createCommentVNode("", true)])) : createCommentVNode("", true), _ctx.$slots.body ? (openBlock(), createElementBlock("div", {
|
|
436
|
-
key: 1,
|
|
437
|
-
"class": "modal-body mt-4",
|
|
438
|
-
id: "modal_".concat(_ctx.uuid, "_body")
|
|
439
|
-
}, [renderSlot(_ctx.$slots, "body")], 8, _hoisted_9)) : _ctx.body ? (openBlock(), createElementBlock("div", {
|
|
440
|
-
key: 2,
|
|
441
|
-
innerHTML: _ctx.body,
|
|
442
|
-
"class": "modal-body mt-4",
|
|
443
|
-
id: "modal_".concat(_ctx.uuid, "_body")
|
|
444
|
-
}, null, 8, _hoisted_10)) : createCommentVNode("", true), _ctx.showConfirm || _ctx.showCancel ? (openBlock(), createElementBlock("div", _hoisted_11, [_ctx.showCancel ? (openBlock(), createBlock(_component_FwButton, {
|
|
445
|
-
key: 0,
|
|
446
|
-
"class": "basis-1/2",
|
|
447
|
-
variant: _ctx.cancelButtonType,
|
|
448
|
-
"aria-label": _ctx.cancelButtonText,
|
|
449
|
-
onClick: _cache[0] || (_cache[0] = function ($event) {
|
|
450
|
-
return _ctx.$emit('cancel');
|
|
451
|
-
})
|
|
452
|
-
}, {
|
|
453
|
-
"default": withCtx(function () {
|
|
454
|
-
return [createTextVNode(toDisplayString(_ctx.cancelButtonText), 1)];
|
|
455
|
-
}),
|
|
456
|
-
_: 1
|
|
457
|
-
}, 8, ["variant", "aria-label"])) : createCommentVNode("", true), _ctx.showConfirm ? (openBlock(), createBlock(_component_FwButton, {
|
|
458
|
-
key: 1,
|
|
459
|
-
"class": "basis-1/2",
|
|
460
|
-
variant: _ctx.confirmButtonType,
|
|
461
|
-
"aria-label": _ctx.confirmButtonText,
|
|
462
|
-
onClick: _cache[1] || (_cache[1] = function ($event) {
|
|
463
|
-
return _ctx.$emit('confirm');
|
|
464
|
-
})
|
|
465
|
-
}, {
|
|
466
|
-
"default": withCtx(function () {
|
|
467
|
-
return [createTextVNode(toDisplayString(_ctx.confirmButtonText), 1)];
|
|
468
|
-
}),
|
|
469
|
-
_: 1
|
|
470
|
-
}, 8, ["variant", "aria-label"])) : createCommentVNode("", true)])) : createCommentVNode("", true)], 8, _hoisted_4)])])])) : createCommentVNode("", true)];
|
|
471
|
-
}),
|
|
472
|
-
_: 3
|
|
473
|
-
});
|
|
474
|
-
}
|
|
475
|
-
|
|
476
|
-
var css_248z = ".modalFadeIn-enter-active{-webkit-animation:modalFadeIn .4s;animation:modalFadeIn .4s;-webkit-transition:opacity .4s ease-in;-o-transition:opacity .4s ease-in;transition:opacity .4s ease-in}.modalFadeIn-leave-active{animation:modalFadeIn .4s reverse;-webkit-transition:opacity .4s ease-in-out;-o-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out}@-webkit-keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}";
|
|
477
|
-
var stylesheet = ".modalFadeIn-enter-active{-webkit-animation:modalFadeIn .4s;animation:modalFadeIn .4s;-webkit-transition:opacity .4s ease-in;-o-transition:opacity .4s ease-in;transition:opacity .4s ease-in}.modalFadeIn-leave-active{animation:modalFadeIn .4s reverse;-webkit-transition:opacity .4s ease-in-out;-o-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out}@-webkit-keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}";
|
|
478
|
-
styleInject(css_248z);
|
|
479
|
-
|
|
480
|
-
script.render = render;
|
|
481
|
-
|
|
482
|
-
export { script as s, uniqueId as u };
|