@frollo/frollo-web-ui 6.0.3 → 7.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 +114 -64
- package/esm/fw-accordion.js +68 -17
- package/esm/fw-drawer.js +3 -4
- package/esm/{fw-input-259e2e18.js → fw-input-8969b226.js} +6 -2
- package/esm/fw-input.js +1 -1
- package/esm/fw-modal.js +3 -4
- package/esm/fw-provider-list.js +1 -1
- package/esm/fw-sidebar-menu.js +6 -6
- package/esm/fw-tabs.js +2 -3
- package/esm/index.js +2 -2
- package/frollo-web-ui.esm.js +115 -65
- package/index.d.ts +65 -1
- package/package.json +1 -1
- package/types/components/fw-accordion/fw-accordion.vue.d.ts +60 -0
- package/types/components/fw-accordion/index.types.d.ts +4 -0
- package/types/components/fw-drawer/index.types.d.ts +0 -1
- package/types/components/fw-sidebar-menu/index.types.d.ts +1 -0
- package/web-components/index.js +116 -66
package/esm/fw-drawer.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import './es.array.includes-08e25019.js';
|
|
2
|
-
import { defineComponent, ref, computed, onMounted, resolveComponent, openBlock, createBlock, Transition, withCtx,
|
|
2
|
+
import { defineComponent, ref, computed, onMounted, resolveComponent, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, createElementBlock, renderSlot, createCommentVNode, createVNode, createTextVNode, toDisplayString, vShow } from 'vue';
|
|
3
3
|
import { s as script$1 } from './fw-button-c8502414.js';
|
|
4
4
|
import { u as uniqueId } from './uniqueId-fe08534a.js';
|
|
5
5
|
import { c as render$1 } from './index-bced3b35.js';
|
|
@@ -151,8 +151,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
151
151
|
appear: ""
|
|
152
152
|
}, {
|
|
153
153
|
"default": withCtx(function () {
|
|
154
|
-
return [
|
|
155
|
-
key: 0,
|
|
154
|
+
return [withDirectives(createElementVNode("div", {
|
|
156
155
|
id: "fw-drawer-".concat(_ctx.uuid),
|
|
157
156
|
"class": normalizeClass(["fw-drawer", _ctx.baseDrawerClass]),
|
|
158
157
|
tabindex: "-1",
|
|
@@ -209,7 +208,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
209
208
|
return [createTextVNode(toDisplayString(_ctx.confirmButtonText), 1)];
|
|
210
209
|
}),
|
|
211
210
|
_: 1
|
|
212
|
-
}, 8, ["variant", "aria-label"])) : createCommentVNode("", true)]))], 2)) : createCommentVNode("", true)], 10, _hoisted_1)
|
|
211
|
+
}, 8, ["variant", "aria-label"])) : createCommentVNode("", true)]))], 2)) : createCommentVNode("", true)], 10, _hoisted_1), [[vShow, _ctx.isOpen]])];
|
|
213
212
|
}),
|
|
214
213
|
_: 3
|
|
215
214
|
});
|
|
@@ -184,7 +184,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
184
184
|
key: 0,
|
|
185
185
|
"for": "fw-input-".concat(_ctx.name, "-").concat(_ctx.uuid),
|
|
186
186
|
"class": "block mb-2 font-medium"
|
|
187
|
-
}, 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"
|
|
187
|
+
}, 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", {
|
|
188
|
+
"class": "h-full"
|
|
189
|
+
})])) : createCommentVNode("", true), createElementVNode("input", mergeProps(field, {
|
|
188
190
|
id: "fw-input-".concat(_ctx.name, "-").concat(_ctx.uuid),
|
|
189
191
|
placeholder: _ctx.placeholder,
|
|
190
192
|
type: _ctx.type,
|
|
@@ -212,7 +214,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
212
214
|
})], 2)) : createCommentVNode("", true)];
|
|
213
215
|
}),
|
|
214
216
|
_: 2
|
|
215
|
-
}, 1024)) : createCommentVNode("", true), _ctx.$slots.suffix ? (openBlock(), createElementBlock("div", _hoisted_9, [renderSlot(_ctx.$slots, "suffix"
|
|
217
|
+
}, 1024)) : createCommentVNode("", true), _ctx.$slots.suffix ? (openBlock(), createElementBlock("div", _hoisted_9, [renderSlot(_ctx.$slots, "suffix", {
|
|
218
|
+
"class": "h-full"
|
|
219
|
+
})])) : createCommentVNode("", true)]), _ctx.enableErrors ? (openBlock(), createElementBlock("div", _hoisted_10, [createVNode(Transition, {
|
|
216
220
|
name: "fwFadeIn",
|
|
217
221
|
mode: "out-in"
|
|
218
222
|
}, {
|
package/esm/fw-input.js
CHANGED
package/esm/fw-modal.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import './es.array.includes-08e25019.js';
|
|
2
|
-
import { defineComponent, ref, computed, onMounted, resolveComponent, openBlock, createBlock, Teleport, createVNode, Transition, withCtx,
|
|
2
|
+
import { defineComponent, ref, computed, onMounted, resolveComponent, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, withDirectives, createElementVNode, createElementBlock, renderSlot, createCommentVNode, createTextVNode, toDisplayString, vShow } from 'vue';
|
|
3
3
|
import { s as script$1 } from './fw-button-c8502414.js';
|
|
4
4
|
import { u as uniqueId } from './uniqueId-fe08534a.js';
|
|
5
5
|
import { s as styleInject } from './style-inject.es-1f59c1d0.js';
|
|
@@ -151,8 +151,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
151
151
|
appear: ""
|
|
152
152
|
}, {
|
|
153
153
|
"default": withCtx(function () {
|
|
154
|
-
return [
|
|
155
|
-
key: 0,
|
|
154
|
+
return [withDirectives(createElementVNode("div", {
|
|
156
155
|
"class": "fw-modal z-[9999] relative",
|
|
157
156
|
id: "fw-modal-".concat(_ctx.uuid)
|
|
158
157
|
}, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [createElementVNode("div", {
|
|
@@ -203,7 +202,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
203
202
|
return [createTextVNode(toDisplayString(_ctx.confirmButtonText), 1)];
|
|
204
203
|
}),
|
|
205
204
|
_: 1
|
|
206
|
-
}, 8, ["variant", "aria-label"])) : createCommentVNode("", true)])) : createCommentVNode("", true)], 8, _hoisted_4)])])], 8, _hoisted_1)
|
|
205
|
+
}, 8, ["variant", "aria-label"])) : createCommentVNode("", true)])) : createCommentVNode("", true)], 8, _hoisted_4)])])], 8, _hoisted_1), [[vShow, _ctx.isOpen]])];
|
|
207
206
|
}),
|
|
208
207
|
_: 3
|
|
209
208
|
})], 8, ["to"])) : createCommentVNode("", true);
|
package/esm/fw-provider-list.js
CHANGED
|
@@ -13,7 +13,7 @@ import './es.function.name-6cafd747.js';
|
|
|
13
13
|
import './es.array.map-c56ebffd.js';
|
|
14
14
|
import './es.array.concat-99b85557.js';
|
|
15
15
|
import { defineComponent, ref, computed, createTextVNode, createElementVNode, resolveComponent, openBlock, createElementBlock, toDisplayString, createVNode, withCtx, createBlock, createCommentVNode } from 'vue';
|
|
16
|
-
import { s as script$1 } from './fw-input-
|
|
16
|
+
import { s as script$1 } from './fw-input-8969b226.js';
|
|
17
17
|
import { _ as __default__$1 } from './fw-tag-ac28200a.js';
|
|
18
18
|
import { s as script$3 } from './fw-button-c8502414.js';
|
|
19
19
|
import { s as script$2 } from './fw-dropdown-6856e66e.js';
|
package/esm/fw-sidebar-menu.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent, ref, resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, Transition, renderSlot, createCommentVNode,
|
|
1
|
+
import { defineComponent, ref, resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, Transition, withDirectives, createElementVNode, renderSlot, createCommentVNode, Fragment, renderList, createBlock, createTextVNode, toDisplayString, vShow } from 'vue';
|
|
2
2
|
import { s as script$1 } from './fw-button-c8502414.js';
|
|
3
3
|
import { h as render$1 } from './index-bced3b35.js';
|
|
4
4
|
import { s as styleInject } from './style-inject.es-1f59c1d0.js';
|
|
@@ -63,7 +63,6 @@ var script = defineComponent({
|
|
|
63
63
|
});
|
|
64
64
|
|
|
65
65
|
var _hoisted_1 = {
|
|
66
|
-
key: 0,
|
|
67
66
|
"class": "flex flex-col px-4 py-8"
|
|
68
67
|
};
|
|
69
68
|
var _hoisted_2 = {
|
|
@@ -100,7 +99,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
100
99
|
name: "sidebarMenuSlide"
|
|
101
100
|
}, {
|
|
102
101
|
"default": withCtx(function () {
|
|
103
|
-
return [
|
|
102
|
+
return [withDirectives(createElementVNode("div", _hoisted_1, [_ctx.$slots.title ? (openBlock(), createElementBlock("div", _hoisted_2, [renderSlot(_ctx.$slots, "title")])) : createCommentVNode("", true), createElementVNode("div", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, function (item, i) {
|
|
104
103
|
return openBlock(), createElementBlock(Fragment, {
|
|
105
104
|
key: i
|
|
106
105
|
}, [!item.disabled ? (openBlock(), createBlock(_component_FwButton, {
|
|
@@ -112,14 +111,15 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
112
111
|
to: item.to,
|
|
113
112
|
external: item.external,
|
|
114
113
|
size: "lg",
|
|
115
|
-
"aria-current": "page"
|
|
114
|
+
"aria-current": "page",
|
|
115
|
+
onClick: item.onClick
|
|
116
116
|
}, {
|
|
117
117
|
"default": withCtx(function () {
|
|
118
118
|
return [createTextVNode(toDisplayString(item.label), 1)];
|
|
119
119
|
}),
|
|
120
120
|
_: 2
|
|
121
|
-
}, 1032, ["href", "to", "external"])) : createCommentVNode("", true)], 64);
|
|
122
|
-
}), 128))])])
|
|
121
|
+
}, 1032, ["href", "to", "external", "onClick"])) : createCommentVNode("", true)], 64);
|
|
122
|
+
}), 128))])], 512), [[vShow, _ctx.isMenuOpen]])];
|
|
123
123
|
}),
|
|
124
124
|
_: 3
|
|
125
125
|
})], 2)) : createCommentVNode("", true);
|
package/esm/fw-tabs.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import './es.number.constructor-fb16fe05.js';
|
|
2
|
-
import { defineComponent, computed, ref, provide, openBlock, createElementBlock, Fragment, renderList, createElementVNode, normalizeClass, toDisplayString, createCommentVNode, renderSlot, getCurrentInstance, inject, watchEffect } from 'vue';
|
|
2
|
+
import { defineComponent, computed, ref, provide, openBlock, createElementBlock, Fragment, renderList, createElementVNode, normalizeClass, toDisplayString, createCommentVNode, renderSlot, getCurrentInstance, inject, watchEffect, withDirectives, vShow } from 'vue';
|
|
3
3
|
import { e as toObject$1, l as lengthOfArrayLike$1, h as fails$1 } from './is-forced-7cb3ee8f.js';
|
|
4
4
|
import { _ as _export } from './export-10c4adbc.js';
|
|
5
5
|
import { a as arrayIteration } from './array-iteration-8267bf22.js';
|
|
@@ -175,11 +175,10 @@ var script = defineComponent({
|
|
|
175
175
|
});
|
|
176
176
|
|
|
177
177
|
var _hoisted_1 = {
|
|
178
|
-
key: 0,
|
|
179
178
|
"class": "fw-tab w-full"
|
|
180
179
|
};
|
|
181
180
|
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
182
|
-
return
|
|
181
|
+
return withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "default")], 512)), [[vShow, _ctx.isActive]]);
|
|
183
182
|
}
|
|
184
183
|
|
|
185
184
|
script.render = render;
|
package/esm/index.js
CHANGED
|
@@ -46,8 +46,8 @@ import { FwEmailPulse as __default__$5, FwSuccessPulse as __default__$6 } from '
|
|
|
46
46
|
export { FwEmailPulse, FwSuccessPulse } from './fw-animations.js';
|
|
47
47
|
import { F as Form } from './vee-validate.esm-a17a23c3.js';
|
|
48
48
|
export { F as FwForm } from './vee-validate.esm-a17a23c3.js';
|
|
49
|
-
import { s as script } from './fw-input-
|
|
50
|
-
export { s as FwInput } from './fw-input-
|
|
49
|
+
import { s as script } from './fw-input-8969b226.js';
|
|
50
|
+
export { s as FwInput } from './fw-input-8969b226.js';
|
|
51
51
|
import { s as script$2 } from './fw-dropdown-6856e66e.js';
|
|
52
52
|
export { s as FwDropdown } from './fw-dropdown-6856e66e.js';
|
|
53
53
|
import { s as script$3 } from './fw-card-1b6a67fe.js';
|