@frollo/frollo-web-ui 0.0.11 → 0.0.14
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 +184 -68
- package/esm/{style-inject.es-da8f7768.js → es.array.includes-a402ff0b.js} +59 -584
- package/esm/es.function.name-caf4301b.js +29 -0
- package/esm/{fw-button-430c8529.js → fw-button-ac2184d6.js} +5 -4
- package/esm/fw-button.js +3 -2
- package/esm/fw-checkbox.js +108 -0
- package/esm/fw-input.js +50 -54
- package/esm/fw-navigation-menu.js +3 -2
- package/esm/index.js +9 -4
- package/esm/style-inject.es-4735be61.js +528 -0
- package/frollo-web-ui.esm.js +199 -74
- package/icons/download.svg +4 -0
- package/icons/eye-crossed.svg +3 -0
- package/icons/eye.svg +8 -0
- package/icons/id-card.svg +3 -0
- package/icons/index.ts +11 -1
- package/icons/info-circle.svg +3 -0
- package/index.d.ts +78 -5
- package/package.json +1 -1
- package/types/components/fw-checkbox/fw-checkbox.vue.d.ts +60 -0
- package/types/components/fw-checkbox/index.d.ts +2 -0
- package/types/components/fw-input/fw-input.vue.d.ts +13 -0
- package/types/components/index.d.ts +1 -0
- package/types/icons/index.d.ts +6 -1
- package/types/index-types.esm.d.ts +1 -0
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { j as descriptors, x as functionName, f as functionUncurryThis, o as objectDefineProperty } from './style-inject.es-4735be61.js';
|
|
2
|
+
|
|
3
|
+
var es_function_name = {};
|
|
4
|
+
|
|
5
|
+
var DESCRIPTORS = descriptors;
|
|
6
|
+
var FUNCTION_NAME_EXISTS = functionName.EXISTS;
|
|
7
|
+
var uncurryThis = functionUncurryThis;
|
|
8
|
+
var defineProperty = objectDefineProperty.f;
|
|
9
|
+
|
|
10
|
+
var FunctionPrototype = Function.prototype;
|
|
11
|
+
var functionToString = uncurryThis(FunctionPrototype.toString);
|
|
12
|
+
var nameRE = /function\b(?:\s|\/\*[\S\s]*?\*\/|\/\/[^\n\r]*[\n\r]+)*([^\s(/]*)/;
|
|
13
|
+
var regExpExec = uncurryThis(nameRE.exec);
|
|
14
|
+
var NAME = 'name';
|
|
15
|
+
|
|
16
|
+
// Function instances `.name` property
|
|
17
|
+
// https://tc39.es/ecma262/#sec-function-instances-name
|
|
18
|
+
if (DESCRIPTORS && !FUNCTION_NAME_EXISTS) {
|
|
19
|
+
defineProperty(FunctionPrototype, NAME, {
|
|
20
|
+
configurable: true,
|
|
21
|
+
get: function () {
|
|
22
|
+
try {
|
|
23
|
+
return regExpExec(nameRE, functionToString(this))[1];
|
|
24
|
+
} catch (error) {
|
|
25
|
+
return '';
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
});
|
|
29
|
+
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import
|
|
1
|
+
import './es.array.includes-a402ff0b.js';
|
|
2
2
|
import { defineComponent, ref, computed, openBlock, createBlock, resolveDynamicComponent, normalizeClass, withCtx, renderSlot } from 'vue';
|
|
3
|
+
import { s as styleInject } from './style-inject.es-4735be61.js';
|
|
3
4
|
|
|
4
5
|
var script = defineComponent({
|
|
5
6
|
name: 'FwButton',
|
|
@@ -79,9 +80,9 @@ var script = defineComponent({
|
|
|
79
80
|
border: 'border-error focus-visible:ring-error'
|
|
80
81
|
},
|
|
81
82
|
link: {
|
|
82
|
-
text: 'text-primary underline hover:no-underline active:no-underline focus-visible:no-underline',
|
|
83
|
+
text: 'text-primary font-normal underline hover:no-underline active:no-underline focus-visible:no-underline',
|
|
83
84
|
background: '',
|
|
84
|
-
border: 'border-none
|
|
85
|
+
border: 'border-none focus-visible:ring-primary'
|
|
85
86
|
},
|
|
86
87
|
text: {
|
|
87
88
|
text: 'text-body font-medium hover:text-white active:text-white',
|
|
@@ -170,7 +171,7 @@ var script = defineComponent({
|
|
|
170
171
|
|
|
171
172
|
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
172
173
|
return openBlock(), createBlock(resolveDynamicComponent(_ctx.tagName), {
|
|
173
|
-
"class": normalizeClass(["fw-button
|
|
174
|
+
"class": normalizeClass(["fw-button cursor-pointer whitespace-nowrap border-2 focus:outline-0 focus-visible:outline-0 focus:ring-none ring-offset-2 focus-visible:ring", [_ctx.textColorClass, _ctx.bgColorClass, _ctx.sizeClass, _ctx.borderClass, _ctx.variant === 'link' ? 'pl-0 pr-0 pt-0 pb-0 rounded-none font-normal' : 'font-bold rounded-full']]),
|
|
174
175
|
type: _ctx.tagName === 'button' ? _ctx.buttonType : null,
|
|
175
176
|
to: _ctx.to ? _ctx.to : null,
|
|
176
177
|
href: _ctx.href ? _ctx.href : null,
|
package/esm/fw-button.js
CHANGED
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
import { defineComponent, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, mergeProps, createCommentVNode, Transition, toDisplayString } from 'vue';
|
|
2
|
+
import { a as Field } from './vee-validate.esm-028c6424.js';
|
|
3
|
+
import './es.function.name-caf4301b.js';
|
|
4
|
+
import { s as styleInject } from './style-inject.es-4735be61.js';
|
|
5
|
+
|
|
6
|
+
var script = defineComponent({
|
|
7
|
+
name: 'FwCheckbox',
|
|
8
|
+
components: {
|
|
9
|
+
InputField: Field
|
|
10
|
+
},
|
|
11
|
+
props: {
|
|
12
|
+
/**
|
|
13
|
+
* The name of the input field. Must be unique per form.
|
|
14
|
+
*/
|
|
15
|
+
name: {
|
|
16
|
+
type: String,
|
|
17
|
+
required: true
|
|
18
|
+
},
|
|
19
|
+
|
|
20
|
+
/**
|
|
21
|
+
* Label for the input. Also renders to an aria-label attribute
|
|
22
|
+
*/
|
|
23
|
+
label: {
|
|
24
|
+
type: String
|
|
25
|
+
},
|
|
26
|
+
|
|
27
|
+
/**
|
|
28
|
+
* Validation rules. Accepts a string, object, function or schema.
|
|
29
|
+
*/
|
|
30
|
+
rules: {
|
|
31
|
+
type: [String, Object, Function]
|
|
32
|
+
},
|
|
33
|
+
|
|
34
|
+
/**
|
|
35
|
+
* The hint text shown below the input
|
|
36
|
+
*/
|
|
37
|
+
hint: {
|
|
38
|
+
type: String
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
|
|
43
|
+
var _hoisted_1 = {
|
|
44
|
+
"class": "fw-checkbox w-full"
|
|
45
|
+
};
|
|
46
|
+
var _hoisted_2 = {
|
|
47
|
+
"class": "flex flex-col"
|
|
48
|
+
};
|
|
49
|
+
var _hoisted_3 = ["for"];
|
|
50
|
+
var _hoisted_4 = ["value", "name"];
|
|
51
|
+
var _hoisted_5 = ["innerHTML"];
|
|
52
|
+
var _hoisted_6 = {
|
|
53
|
+
"class": "italic text-sm font-medium min-h-[21px]"
|
|
54
|
+
};
|
|
55
|
+
var _hoisted_7 = {
|
|
56
|
+
key: 0,
|
|
57
|
+
"class": "text-error"
|
|
58
|
+
};
|
|
59
|
+
var _hoisted_8 = {
|
|
60
|
+
key: 1
|
|
61
|
+
};
|
|
62
|
+
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
63
|
+
var _component_InputField = resolveComponent("InputField");
|
|
64
|
+
|
|
65
|
+
return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(_component_InputField, {
|
|
66
|
+
name: _ctx.name,
|
|
67
|
+
value: _ctx.name,
|
|
68
|
+
type: "checkbox",
|
|
69
|
+
rules: _ctx.rules
|
|
70
|
+
}, {
|
|
71
|
+
"default": withCtx(function (_ref) {
|
|
72
|
+
var field = _ref.field,
|
|
73
|
+
errors = _ref.errors,
|
|
74
|
+
errorMessage = _ref.errorMessage,
|
|
75
|
+
meta = _ref.meta;
|
|
76
|
+
return [createElementVNode("div", _hoisted_2, [_ctx.label ? (openBlock(), createElementBlock("label", {
|
|
77
|
+
key: 0,
|
|
78
|
+
"for": _ctx.name,
|
|
79
|
+
"class": "inline-flex items-center mb-3"
|
|
80
|
+
}, [createElementVNode("input", mergeProps(field, {
|
|
81
|
+
value: _ctx.name,
|
|
82
|
+
name: _ctx.name,
|
|
83
|
+
type: "checkbox",
|
|
84
|
+
"class": "text-primary w-6 h-6 cursor-pointer bg-white border-grey-light border rounded"
|
|
85
|
+
}), null, 16, _hoisted_4), createElementVNode("span", {
|
|
86
|
+
"class": "ml-2",
|
|
87
|
+
innerHTML: _ctx.label
|
|
88
|
+
}, null, 8, _hoisted_5)], 8, _hoisted_3)) : createCommentVNode("", true), createElementVNode("div", _hoisted_6, [createVNode(Transition, {
|
|
89
|
+
name: "fwFadeIn",
|
|
90
|
+
mode: "out-in"
|
|
91
|
+
}, {
|
|
92
|
+
"default": withCtx(function () {
|
|
93
|
+
return [(errorMessage || errors[0]) && meta.touched ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(errorMessage || errors[0]), 1)) : _ctx.hint ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(_ctx.hint), 1)) : createCommentVNode("", true)];
|
|
94
|
+
}),
|
|
95
|
+
_: 2
|
|
96
|
+
}, 1024)])])];
|
|
97
|
+
}),
|
|
98
|
+
_: 1
|
|
99
|
+
}, 8, ["name", "value", "rules"])]);
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
var css_248z = ".fwFadeIn-enter-active{-webkit-animation:fwFadeIn .35s;animation:fwFadeIn .35s;-webkit-transition:opacity .35s ease-in;-o-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active{animation:fwFadeIn .35s reverse;-webkit-transition:opacity .35s ease-out;-o-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn{0%{opacity:0}to{opacity:1}}.fw-checkbox input{-webkit-print-color-adjust:exact;-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;color-adjust:exact;display:inline-block;flex-shrink:0;-webkit-transition:background .2s ease-in;-o-transition:background .2s ease-in;transition:background .2s ease-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input:checked{background-color:currentColor;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='3 3 10 10' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}";
|
|
103
|
+
var stylesheet = ".fwFadeIn-enter-active{-webkit-animation:fwFadeIn .35s;animation:fwFadeIn .35s;-webkit-transition:opacity .35s ease-in;-o-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active{animation:fwFadeIn .35s reverse;-webkit-transition:opacity .35s ease-out;-o-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn{0%{opacity:0}to{opacity:1}}.fw-checkbox input{-webkit-print-color-adjust:exact;-ms-flex-negative:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;color-adjust:exact;display:inline-block;flex-shrink:0;-webkit-transition:background .2s ease-in;-o-transition:background .2s ease-in;transition:background .2s ease-in;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.fw-checkbox input:checked{background-color:currentColor;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='3 3 10 10' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E\");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}";
|
|
104
|
+
styleInject(css_248z);
|
|
105
|
+
|
|
106
|
+
script.render = render;
|
|
107
|
+
|
|
108
|
+
export { script as FwCheckbox };
|
package/esm/fw-input.js
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { defineComponent, computed, createElementVNode, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, toDisplayString, createCommentVNode, renderSlot, mergeProps, Transition } from 'vue';
|
|
1
|
+
import './es.array.includes-a402ff0b.js';
|
|
2
|
+
import { defineComponent, computed, createElementVNode, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, toDisplayString, createCommentVNode, renderSlot, mergeProps, Transition, normalizeClass } from 'vue';
|
|
3
3
|
import { a as Field } from './vee-validate.esm-028c6424.js';
|
|
4
|
+
import './es.function.name-caf4301b.js';
|
|
5
|
+
import { s as styleInject } from './style-inject.es-4735be61.js';
|
|
4
6
|
|
|
5
7
|
var script = defineComponent({
|
|
6
8
|
name: 'FwInput',
|
|
@@ -64,6 +66,13 @@ var script = defineComponent({
|
|
|
64
66
|
readonly: {
|
|
65
67
|
type: Boolean,
|
|
66
68
|
"default": false
|
|
69
|
+
},
|
|
70
|
+
|
|
71
|
+
/**
|
|
72
|
+
* The hint text shown below the input
|
|
73
|
+
*/
|
|
74
|
+
hint: {
|
|
75
|
+
type: String
|
|
67
76
|
}
|
|
68
77
|
},
|
|
69
78
|
setup: function setup(props, ctx) {
|
|
@@ -81,55 +90,29 @@ var script = defineComponent({
|
|
|
81
90
|
}
|
|
82
91
|
});
|
|
83
92
|
|
|
84
|
-
var es_function_name = {};
|
|
85
|
-
|
|
86
|
-
var DESCRIPTORS = descriptors;
|
|
87
|
-
var FUNCTION_NAME_EXISTS = functionName.EXISTS;
|
|
88
|
-
var uncurryThis = functionUncurryThis;
|
|
89
|
-
var defineProperty = objectDefineProperty.f;
|
|
90
|
-
|
|
91
|
-
var FunctionPrototype = Function.prototype;
|
|
92
|
-
var functionToString = uncurryThis(FunctionPrototype.toString);
|
|
93
|
-
var nameRE = /function\b(?:\s|\/\*[\S\s]*?\*\/|\/\/[^\n\r]*[\n\r]+)*([^\s(/]*)/;
|
|
94
|
-
var regExpExec = uncurryThis(nameRE.exec);
|
|
95
|
-
var NAME = 'name';
|
|
96
|
-
|
|
97
|
-
// Function instances `.name` property
|
|
98
|
-
// https://tc39.es/ecma262/#sec-function-instances-name
|
|
99
|
-
if (DESCRIPTORS && !FUNCTION_NAME_EXISTS) {
|
|
100
|
-
defineProperty(FunctionPrototype, NAME, {
|
|
101
|
-
configurable: true,
|
|
102
|
-
get: function () {
|
|
103
|
-
try {
|
|
104
|
-
return regExpExec(nameRE, functionToString(this))[1];
|
|
105
|
-
} catch (error) {
|
|
106
|
-
return '';
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
|
-
});
|
|
110
|
-
}
|
|
111
|
-
|
|
112
93
|
var _hoisted_1 = {
|
|
113
94
|
"class": "fw-input w-full"
|
|
114
95
|
};
|
|
115
96
|
var _hoisted_2 = {
|
|
116
97
|
"class": "flex flex-col"
|
|
117
98
|
};
|
|
118
|
-
var _hoisted_3 =
|
|
119
|
-
|
|
120
|
-
"class": "relative"
|
|
99
|
+
var _hoisted_3 = {
|
|
100
|
+
"class": "flex flex-row justify-between"
|
|
121
101
|
};
|
|
102
|
+
var _hoisted_4 = ["for"];
|
|
122
103
|
var _hoisted_5 = {
|
|
123
|
-
key:
|
|
124
|
-
|
|
104
|
+
key: 1
|
|
105
|
+
};
|
|
106
|
+
var _hoisted_6 = {
|
|
107
|
+
"class": "relative"
|
|
125
108
|
};
|
|
126
|
-
var _hoisted_6 = ["placeholder", "type", "readonly", "disabled"];
|
|
127
109
|
var _hoisted_7 = {
|
|
128
110
|
key: 0,
|
|
129
|
-
"class": "flex text-
|
|
111
|
+
"class": "flex text-black absolute w-9 h-full inset-y-0 left-0 items-center pl-3 pointer-events-none"
|
|
130
112
|
};
|
|
113
|
+
var _hoisted_8 = ["placeholder", "type", "readonly", "disabled"];
|
|
131
114
|
|
|
132
|
-
var
|
|
115
|
+
var _hoisted_9 = /*#__PURE__*/createElementVNode("svg", {
|
|
133
116
|
fill: "currentColor",
|
|
134
117
|
"aria-hidden": "true",
|
|
135
118
|
focusable: "false",
|
|
@@ -140,12 +123,20 @@ var _hoisted_8 = /*#__PURE__*/createElementVNode("svg", {
|
|
|
140
123
|
d: "M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM232 152C232 138.8\n 242.8 128 256 128s24 10.75 24 24v128c0 13.25-10.75 24-24 24S232 293.3 232 280V152zM256 400c-17.36\n 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 385.9 273.4\n 400 256 400z"
|
|
141
124
|
})], -1);
|
|
142
125
|
|
|
143
|
-
var
|
|
144
|
-
var _hoisted_10 = {
|
|
145
|
-
"class": "text-error italic text-right text-sm font-medium mt-2 min-h-[21px]"
|
|
146
|
-
};
|
|
126
|
+
var _hoisted_10 = [_hoisted_9];
|
|
147
127
|
var _hoisted_11 = {
|
|
148
|
-
key:
|
|
128
|
+
key: 1,
|
|
129
|
+
"class": "flex text-black absolute w-10 h-full inset-y-0 right-0 items-center pr-3"
|
|
130
|
+
};
|
|
131
|
+
var _hoisted_12 = {
|
|
132
|
+
"class": "italic text-right text-sm font-medium mt-2 min-h-[21px]"
|
|
133
|
+
};
|
|
134
|
+
var _hoisted_13 = {
|
|
135
|
+
key: 0,
|
|
136
|
+
"class": "text-error"
|
|
137
|
+
};
|
|
138
|
+
var _hoisted_14 = {
|
|
139
|
+
key: 1
|
|
149
140
|
};
|
|
150
141
|
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
151
142
|
var _component_InputField = resolveComponent("InputField");
|
|
@@ -163,30 +154,35 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
163
154
|
errors = _ref.errors,
|
|
164
155
|
errorMessage = _ref.errorMessage,
|
|
165
156
|
meta = _ref.meta;
|
|
166
|
-
return [createElementVNode("div", _hoisted_2, [_ctx.label ? (openBlock(), createElementBlock("label", {
|
|
157
|
+
return [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [_ctx.label ? (openBlock(), createElementBlock("label", {
|
|
167
158
|
key: 0,
|
|
168
159
|
"for": _ctx.name,
|
|
169
160
|
"class": "block mb-2"
|
|
170
|
-
}, toDisplayString(_ctx.label), 9,
|
|
161
|
+
}, toDisplayString(_ctx.label), 9, _hoisted_4)) : createCommentVNode("", true), _ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_5, [renderSlot(_ctx.$slots, "action")])) : createCommentVNode("", true)]), createElementVNode("div", _hoisted_6, [_ctx.$slots.prefix ? (openBlock(), createElementBlock("div", _hoisted_7, [renderSlot(_ctx.$slots, "prefix")])) : createCommentVNode("", true), createElementVNode("input", mergeProps(field, {
|
|
171
162
|
placeholder: _ctx.placeholder,
|
|
172
163
|
type: _ctx.type,
|
|
173
164
|
readonly: _ctx.readonly,
|
|
174
165
|
disabled: _ctx.readonly,
|
|
175
166
|
"class": ["border-2 border-grey-lightest rounded-lg focus:outline-none focus:ring-2 focus:ring-primary block w-full p-2.5", {
|
|
176
|
-
'pl-10': !!_ctx.$slots.
|
|
167
|
+
'pl-10': !!_ctx.$slots.prefix,
|
|
168
|
+
'pr-20': !!_ctx.$slots.suffix
|
|
177
169
|
}]
|
|
178
|
-
}), null, 16,
|
|
179
|
-
name: "
|
|
170
|
+
}), null, 16, _hoisted_8), createVNode(Transition, {
|
|
171
|
+
name: "fwFadeIn"
|
|
180
172
|
}, {
|
|
181
173
|
"default": withCtx(function () {
|
|
182
|
-
return [(errorMessage || errors[0]) && meta.touched ? (openBlock(), createElementBlock("div",
|
|
174
|
+
return [(errorMessage || errors[0]) && meta.touched ? (openBlock(), createElementBlock("div", {
|
|
175
|
+
key: 0,
|
|
176
|
+
"class": normalizeClass(["flex text-error absolute w-9 h-full inset-y-0 right-0 items-center pr-3 pointer-events-none", _ctx.$slots.suffix ? 'mr-8' : ''])
|
|
177
|
+
}, _hoisted_10, 2)) : createCommentVNode("", true)];
|
|
183
178
|
}),
|
|
184
179
|
_: 2
|
|
185
|
-
}, 1024)]), createElementVNode("div",
|
|
186
|
-
name: "
|
|
180
|
+
}, 1024), _ctx.$slots.suffix ? (openBlock(), createElementBlock("div", _hoisted_11, [renderSlot(_ctx.$slots, "suffix")])) : createCommentVNode("", true)]), createElementVNode("div", _hoisted_12, [createVNode(Transition, {
|
|
181
|
+
name: "fwFadeIn",
|
|
182
|
+
mode: "out-in"
|
|
187
183
|
}, {
|
|
188
184
|
"default": withCtx(function () {
|
|
189
|
-
return [(errorMessage || errors[0]) && meta.touched ? (openBlock(), createElementBlock("span",
|
|
185
|
+
return [(errorMessage || errors[0]) && meta.touched ? (openBlock(), createElementBlock("span", _hoisted_13, toDisplayString(errorMessage || errors[0]), 1)) : _ctx.hint ? (openBlock(), createElementBlock("span", _hoisted_14, toDisplayString(_ctx.hint), 1)) : createCommentVNode("", true)];
|
|
190
186
|
}),
|
|
191
187
|
_: 2
|
|
192
188
|
}, 1024)])])];
|
|
@@ -195,8 +191,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
195
191
|
}, 8, ["modelValue", "name", "rules"])]);
|
|
196
192
|
}
|
|
197
193
|
|
|
198
|
-
var css_248z = ".
|
|
199
|
-
var stylesheet = ".
|
|
194
|
+
var css_248z = ".fwFadeIn-enter-active{-webkit-animation:fwFadeIn .35s;animation:fwFadeIn .35s;-webkit-transition:opacity .35s ease-in;-o-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active{animation:fwFadeIn .35s reverse;-webkit-transition:opacity .35s ease-out;-o-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn{0%{opacity:0}to{opacity:1}}";
|
|
195
|
+
var stylesheet = ".fwFadeIn-enter-active{-webkit-animation:fwFadeIn .35s;animation:fwFadeIn .35s;-webkit-transition:opacity .35s ease-in;-o-transition:opacity .35s ease-in;transition:opacity .35s ease-in}.fwFadeIn-leave-active{animation:fwFadeIn .35s reverse;-webkit-transition:opacity .35s ease-out;-o-transition:opacity .35s ease-out;transition:opacity .35s ease-out}@-webkit-keyframes fwFadeIn{0%{opacity:0}to{opacity:1}}@keyframes fwFadeIn{0%{opacity:0}to{opacity:1}}";
|
|
200
196
|
styleInject(css_248z);
|
|
201
197
|
|
|
202
198
|
script.render = render;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { defineComponent, ref, createElementVNode, resolveComponent, openBlock, createElementBlock, renderSlot, createCommentVNode, Fragment, renderList, createBlock, withCtx, createTextVNode, toDisplayString, createVNode, Transition } from 'vue';
|
|
2
|
-
import { s as script$1 } from './fw-button-
|
|
3
|
-
import {
|
|
2
|
+
import { s as script$1 } from './fw-button-ac2184d6.js';
|
|
3
|
+
import { s as styleInject } from './style-inject.es-4735be61.js';
|
|
4
|
+
import './es.array.includes-a402ff0b.js';
|
|
4
5
|
|
|
5
6
|
var script = defineComponent({
|
|
6
7
|
name: 'FwNavigationMenu',
|
package/esm/index.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { f as functionUncurryThis, a as aCallable$1, b as functionBindNative,
|
|
1
|
+
import { f as functionUncurryThis, a as aCallable$1, b as functionBindNative, w as wellKnownSymbol$3, g as global$3, i as isCallable$2, c as fails$2, d as getBuiltIn$1, e as isObject$1, t as toObject$1, h as documentCreateElement$1, j as descriptors } from './style-inject.es-4735be61.js';
|
|
2
|
+
import { c as classofRaw$1, i as inspectSource$1, a as indexedObject, l as lengthOfArrayLike$1, _ as _export, r as redefine$1, b as createNonEnumerableProperty$1, o as objectKeys$1, t as toIndexedObject$1, d as objectPropertyIsEnumerable } from './es.array.includes-a402ff0b.js';
|
|
2
3
|
import { FwCard as script } from './fw-card.js';
|
|
3
4
|
export { FwCard } from './fw-card.js';
|
|
4
5
|
import './fw-button.js';
|
|
@@ -7,11 +8,14 @@ export { FwNavigationMenu } from './fw-navigation-menu.js';
|
|
|
7
8
|
import './fw-form.js';
|
|
8
9
|
import { FwInput as script$3 } from './fw-input.js';
|
|
9
10
|
export { FwInput } from './fw-input.js';
|
|
10
|
-
import {
|
|
11
|
-
export {
|
|
11
|
+
import { FwCheckbox as script$4 } from './fw-checkbox.js';
|
|
12
|
+
export { FwCheckbox } from './fw-checkbox.js';
|
|
13
|
+
import { s as script$1 } from './fw-button-ac2184d6.js';
|
|
14
|
+
export { s as FwButton } from './fw-button-ac2184d6.js';
|
|
12
15
|
import { F as Form } from './vee-validate.esm-028c6424.js';
|
|
13
16
|
export { F as FwForm } from './vee-validate.esm-028c6424.js';
|
|
14
17
|
import 'vue';
|
|
18
|
+
import './es.function.name-caf4301b.js';
|
|
15
19
|
|
|
16
20
|
function _arrayWithHoles(arr) {
|
|
17
21
|
if (Array.isArray(arr)) return arr;
|
|
@@ -480,7 +484,8 @@ var components = /*#__PURE__*/Object.freeze({
|
|
|
480
484
|
FwButton: script$1,
|
|
481
485
|
FwNavigationMenu: script$2,
|
|
482
486
|
FwForm: Form,
|
|
483
|
-
FwInput: script$3
|
|
487
|
+
FwInput: script$3,
|
|
488
|
+
FwCheckbox: script$4
|
|
484
489
|
});
|
|
485
490
|
|
|
486
491
|
var install = function install(app) {
|