@frollo/frollo-web-ui 8.4.4 → 8.5.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 +527 -347
- package/esm/fw-accordion.js +1 -1
- package/esm/fw-animations.js +2 -2
- package/esm/{fw-button-NJeYig99.js → fw-button-BhZXMN8a.js} +1 -1
- package/esm/fw-button.js +3 -3
- package/esm/fw-date-picker.js +1 -1
- package/esm/fw-drawer.js +3 -3
- package/esm/{fw-dropdown-b1b7d7BF.js → fw-dropdown-ClttctHK.js} +2 -2
- package/esm/fw-dropdown.js +3 -3
- package/esm/{fw-image-Dlb_dFZf.js → fw-image-6o3ZOSCW.js} +1 -1
- package/esm/fw-image.js +2 -2
- package/esm/{fw-loading-spinner-CfcmqMwb.js → fw-loading-spinner-CFFbujSq.js} +1 -1
- package/esm/fw-media-picker.js +3 -3
- package/esm/fw-modal.js +3 -3
- package/esm/fw-navigation-menu.js +3 -3
- package/esm/fw-period-selector.js +3 -3
- package/esm/fw-provider-list.js +7 -7
- package/esm/fw-sidebar-menu.js +3 -3
- package/esm/fw-slider.js +181 -0
- package/esm/{fw-table-row-D5RqIgec.js → fw-table-row-BlpxQ10C.js} +2 -2
- package/esm/fw-table.js +4 -4
- package/esm/{fw-tag-D-U6RKuG.js → fw-tag-DgsnsY7O.js} +2 -2
- package/esm/fw-tag.js +4 -4
- package/esm/fw-toast.js +1 -1
- package/esm/fw-transactions-card.js +2 -2
- package/esm/{index-CUeOOfIp.js → index-BjXtr7CR.js} +126 -112
- package/esm/index.js +20 -18
- package/frollo-web-ui.esm.js +600 -409
- package/icons/index.ts +3 -1
- package/icons/info-circle-regular.svg +3 -0
- package/index.d.ts +86 -25
- package/package.json +1 -1
- package/types/components/fw-slider/fw-slider.vue.d.ts +61 -0
- package/types/components/fw-slider/index.d.ts +2 -0
- package/types/components/index.d.ts +1 -0
- package/types/icons/index.d.ts +2 -1
- package/web-components/index.js +603 -412
package/esm/fw-accordion.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
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
2
|
import { u as useColours } from './get-root-colours-DYEoJPEb.js';
|
|
3
|
-
import { r as render$1 } from './index-
|
|
3
|
+
import { r as render$1 } from './index-BjXtr7CR.js';
|
|
4
4
|
import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
|
|
5
5
|
import './check--YD4Ts6g.js';
|
|
6
6
|
|
package/esm/fw-animations.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent, useCssVars, pushScopeId, popScopeId, createElementVNode, openBlock, createElementBlock, createStaticVNode } from 'vue';
|
|
2
2
|
import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
|
|
3
|
-
export { s as FwLoadingSpinner } from './fw-loading-spinner-
|
|
4
|
-
import './index-
|
|
3
|
+
export { s as FwLoadingSpinner } from './fw-loading-spinner-CFFbujSq.js';
|
|
4
|
+
import './index-BjXtr7CR.js';
|
|
5
5
|
import './check--YD4Ts6g.js';
|
|
6
6
|
|
|
7
7
|
var __default__$1 = defineComponent({
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent, ref, computed, resolveComponent, openBlock, createBlock, resolveDynamicComponent, normalizeClass, withCtx, createElementBlock, createElementVNode, Fragment, createTextVNode, toDisplayString, renderSlot, createCommentVNode, createVNode } from 'vue';
|
|
2
|
-
import { s as script$1 } from './fw-loading-spinner-
|
|
2
|
+
import { s as script$1 } from './fw-loading-spinner-CFFbujSq.js';
|
|
3
3
|
import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
|
|
4
4
|
|
|
5
5
|
var script = defineComponent({
|
package/esm/fw-button.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export { s as FwButton } from './fw-button-
|
|
1
|
+
export { s as FwButton } from './fw-button-BhZXMN8a.js';
|
|
2
2
|
import 'vue';
|
|
3
|
-
import './fw-loading-spinner-
|
|
4
|
-
import './index-
|
|
3
|
+
import './fw-loading-spinner-CFFbujSq.js';
|
|
4
|
+
import './index-BjXtr7CR.js';
|
|
5
5
|
import './check--YD4Ts6g.js';
|
|
6
6
|
import './style-inject.es-tgCJW-Cu.js';
|
package/esm/fw-date-picker.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { reactive, computed, ref, watch, onUnmounted, provide, inject, onMounted, watchEffect, defineComponent, nextTick, toRefs, openBlock, createElementBlock, normalizeClass, createVNode, Transition, withCtx, mergeProps, renderSlot, createTextVNode, toDisplayString, createElementVNode, createCommentVNode, unref, createBlock, resolveDynamicComponent, normalizeProps, Fragment, renderList, normalizeStyle, withKeys, withDirectives, toRef, resolveComponent, resolveDirective, toHandlers, withModifiers, isRef, guardReactiveProps, useCssVars } from 'vue';
|
|
2
|
-
import { a as render$1 } from './index-
|
|
2
|
+
import { a as render$1 } from './index-BjXtr7CR.js';
|
|
3
3
|
import { u as uniqueId } from './uniqueId-DK6xzFd8.js';
|
|
4
4
|
import { c as createPopper } from './index-BVcOAKar.js';
|
|
5
5
|
import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
|
package/esm/fw-drawer.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { defineComponent, ref, computed, onMounted, resolveComponent, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, createElementBlock, renderSlot, createCommentVNode, createVNode, createTextVNode, toDisplayString, vShow } from 'vue';
|
|
2
|
-
import { s as script$1 } from './fw-button-
|
|
2
|
+
import { s as script$1 } from './fw-button-BhZXMN8a.js';
|
|
3
3
|
import { u as uniqueId } from './uniqueId-DK6xzFd8.js';
|
|
4
|
-
import { b as render$1 } from './index-
|
|
4
|
+
import { b as render$1 } from './index-BjXtr7CR.js';
|
|
5
5
|
import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
|
|
6
|
-
import './fw-loading-spinner-
|
|
6
|
+
import './fw-loading-spinner-CFFbujSq.js';
|
|
7
7
|
import './check--YD4Ts6g.js';
|
|
8
8
|
|
|
9
9
|
var script = defineComponent({
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent, toRef, ref, computed, watch, onMounted, onBeforeUnmount, pushScopeId, popScopeId, resolveComponent, openBlock, createElementBlock, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, normalizeClass, createBlock, renderSlot, createVNode, Transition, withCtx, withDirectives, Fragment, renderList, vShow } from 'vue';
|
|
2
2
|
import { u as useField } from './vee-validate.esm-3ptvCDR1.js';
|
|
3
|
-
import { r as render$1 } from './index-
|
|
4
|
-
import { s as script$1 } from './fw-image-
|
|
3
|
+
import { r as render$1 } from './index-BjXtr7CR.js';
|
|
4
|
+
import { s as script$1 } from './fw-image-6o3ZOSCW.js';
|
|
5
5
|
import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
|
|
6
6
|
|
|
7
7
|
var script = defineComponent({
|
package/esm/fw-dropdown.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
export { s as FwDropdown } from './fw-dropdown-
|
|
1
|
+
export { s as FwDropdown } from './fw-dropdown-ClttctHK.js';
|
|
2
2
|
import 'vue';
|
|
3
3
|
import './vee-validate.esm-3ptvCDR1.js';
|
|
4
|
-
import './index-
|
|
4
|
+
import './index-BjXtr7CR.js';
|
|
5
5
|
import './check--YD4Ts6g.js';
|
|
6
|
-
import './fw-image-
|
|
6
|
+
import './fw-image-6o3ZOSCW.js';
|
|
7
7
|
import './fw-loading-bar-DThRjdw1.js';
|
|
8
8
|
import './style-inject.es-tgCJW-Cu.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent, computed, ref, resolveComponent, resolveDirective, withDirectives, openBlock, createElementBlock, normalizeClass, withKeys, createElementVNode, createVNode, createBlock, createCommentVNode, renderSlot } from 'vue';
|
|
2
2
|
import { s as script$1 } from './fw-loading-bar-DThRjdw1.js';
|
|
3
|
-
import { q as render$1 } from './index-
|
|
3
|
+
import { q as render$1 } from './index-BjXtr7CR.js';
|
|
4
4
|
import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
|
|
5
5
|
|
|
6
6
|
var handleIntersect = function handleIntersect(entries, observer) {
|
package/esm/fw-image.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export { s as FwImage } from './fw-image-
|
|
1
|
+
export { s as FwImage } from './fw-image-6o3ZOSCW.js';
|
|
2
2
|
import 'vue';
|
|
3
3
|
import './fw-loading-bar-DThRjdw1.js';
|
|
4
4
|
import './style-inject.es-tgCJW-Cu.js';
|
|
5
|
-
import './index-
|
|
5
|
+
import './index-BjXtr7CR.js';
|
|
6
6
|
import './check--YD4Ts6g.js';
|
package/esm/fw-media-picker.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { c as _asyncToGenerator, d as _regeneratorRuntime, a as _slicedToArray } from './_rollupPluginBabelHelpers-DpC_oIQV.js';
|
|
2
2
|
import { defineComponent, ref, computed, watch, createElementVNode, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, toDisplayString, withCtx, normalizeClass, withModifiers, createTextVNode, createCommentVNode } from 'vue';
|
|
3
|
-
import { c as render$1, d as render$2, e as render$3, f as render$4, g as render$5, h as render$6 } from './index-
|
|
3
|
+
import { c as render$1, d as render$2, e as render$3, f as render$4, g as render$5, h as render$6 } from './index-BjXtr7CR.js';
|
|
4
4
|
import { FwModal as script$1 } from './fw-modal.js';
|
|
5
5
|
import './fw-button.js';
|
|
6
|
-
import { s as script$2 } from './fw-button-
|
|
6
|
+
import { s as script$2 } from './fw-button-BhZXMN8a.js';
|
|
7
7
|
import './check--YD4Ts6g.js';
|
|
8
8
|
import './uniqueId-DK6xzFd8.js';
|
|
9
9
|
import './style-inject.es-tgCJW-Cu.js';
|
|
10
|
-
import './fw-loading-spinner-
|
|
10
|
+
import './fw-loading-spinner-CFFbujSq.js';
|
|
11
11
|
|
|
12
12
|
var script = defineComponent({
|
|
13
13
|
name: 'MediaPicker',
|
package/esm/fw-modal.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { defineComponent, ref, computed, onMounted, resolveComponent, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, createCommentVNode, createElementBlock, renderSlot, createTextVNode, toDisplayString, vShow } from 'vue';
|
|
2
|
-
import { s as script$1 } from './fw-button-
|
|
2
|
+
import { s as script$1 } from './fw-button-BhZXMN8a.js';
|
|
3
3
|
import { u as uniqueId } from './uniqueId-DK6xzFd8.js';
|
|
4
|
-
import { b as render$1 } from './index-
|
|
4
|
+
import { b as render$1 } from './index-BjXtr7CR.js';
|
|
5
5
|
import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
|
|
6
|
-
import './fw-loading-spinner-
|
|
6
|
+
import './fw-loading-spinner-CFFbujSq.js';
|
|
7
7
|
import './check--YD4Ts6g.js';
|
|
8
8
|
|
|
9
9
|
var script = defineComponent({
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { defineComponent, ref, createElementVNode, resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, Fragment, renderList, createBlock, withCtx, createTextVNode, toDisplayString, createVNode, Transition } from 'vue';
|
|
2
|
-
import { s as script$1 } from './fw-button-
|
|
2
|
+
import { s as script$1 } from './fw-button-BhZXMN8a.js';
|
|
3
3
|
import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
|
|
4
|
-
import './fw-loading-spinner-
|
|
5
|
-
import './index-
|
|
4
|
+
import './fw-loading-spinner-CFFbujSq.js';
|
|
5
|
+
import './index-BjXtr7CR.js';
|
|
6
6
|
import './check--YD4Ts6g.js';
|
|
7
7
|
|
|
8
8
|
var script = defineComponent({
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createBlock, withCtx, createTextVNode, toDisplayString } from 'vue';
|
|
2
2
|
import './fw-button.js';
|
|
3
|
-
import { s as script$1 } from './fw-button-
|
|
3
|
+
import { s as script$1 } from './fw-button-BhZXMN8a.js';
|
|
4
4
|
import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
|
|
5
|
-
import './fw-loading-spinner-
|
|
6
|
-
import './index-
|
|
5
|
+
import './fw-loading-spinner-CFFbujSq.js';
|
|
6
|
+
import './index-BjXtr7CR.js';
|
|
7
7
|
import './check--YD4Ts6g.js';
|
|
8
8
|
|
|
9
9
|
var script = defineComponent({
|
package/esm/fw-provider-list.js
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import { e as _defineProperty } from './_rollupPluginBabelHelpers-DpC_oIQV.js';
|
|
2
2
|
import { defineComponent, ref, computed, createElementVNode, resolveComponent, openBlock, createElementBlock, toDisplayString, createVNode, withCtx, createBlock, createCommentVNode, createTextVNode } from 'vue';
|
|
3
|
-
import { _ as __default__, s as script$4, a as script$5 } from './fw-table-row-
|
|
3
|
+
import { _ as __default__, s as script$4, a as script$5 } from './fw-table-row-BlpxQ10C.js';
|
|
4
4
|
import { s as script$1 } from './fw-input-XeI-IKly.js';
|
|
5
|
-
import { _ as __default__$1 } from './fw-tag-
|
|
6
|
-
import { s as script$3 } from './fw-button-
|
|
7
|
-
import { s as script$2 } from './fw-dropdown-
|
|
8
|
-
import { i as render$1, j as render$2, k as render$3 } from './index-
|
|
5
|
+
import { _ as __default__$1 } from './fw-tag-DgsnsY7O.js';
|
|
6
|
+
import { s as script$3 } from './fw-button-BhZXMN8a.js';
|
|
7
|
+
import { s as script$2 } from './fw-dropdown-ClttctHK.js';
|
|
8
|
+
import { i as render$1, j as render$2, k as render$3 } from './index-BjXtr7CR.js';
|
|
9
9
|
import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
|
|
10
10
|
import './get-root-colours-DYEoJPEb.js';
|
|
11
11
|
import './fw-loading-bar-DThRjdw1.js';
|
|
12
12
|
import './vee-validate.esm-3ptvCDR1.js';
|
|
13
13
|
import './uniqueId-DK6xzFd8.js';
|
|
14
14
|
import './fw-button.js';
|
|
15
|
-
import './fw-loading-spinner-
|
|
16
|
-
import './fw-image-
|
|
15
|
+
import './fw-loading-spinner-CFFbujSq.js';
|
|
16
|
+
import './fw-image-6o3ZOSCW.js';
|
|
17
17
|
import './check--YD4Ts6g.js';
|
|
18
18
|
|
|
19
19
|
var script = defineComponent({
|
package/esm/fw-sidebar-menu.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, Transition, withDirectives, createElementVNode, renderSlot, createCommentVNode, Fragment, renderList, createBlock, createTextVNode, toDisplayString, vShow } from 'vue';
|
|
2
|
-
import { s as script$1 } from './fw-button-
|
|
3
|
-
import { l as render$1 } from './index-
|
|
2
|
+
import { s as script$1 } from './fw-button-BhZXMN8a.js';
|
|
3
|
+
import { l as render$1 } from './index-BjXtr7CR.js';
|
|
4
4
|
import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
|
|
5
|
-
import './fw-loading-spinner-
|
|
5
|
+
import './fw-loading-spinner-CFFbujSq.js';
|
|
6
6
|
import './check--YD4Ts6g.js';
|
|
7
7
|
|
|
8
8
|
var script = defineComponent({
|
package/esm/fw-slider.js
ADDED
|
@@ -0,0 +1,181 @@
|
|
|
1
|
+
import { a as _slicedToArray } from './_rollupPluginBabelHelpers-DpC_oIQV.js';
|
|
2
|
+
import { defineComponent, computed, ref, watch, openBlock, createElementBlock, createElementVNode, normalizeStyle, toDisplayString, normalizeClass } from 'vue';
|
|
3
|
+
import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
|
|
4
|
+
|
|
5
|
+
var script = defineComponent({
|
|
6
|
+
name: 'FwSlider',
|
|
7
|
+
emits: ['update:minValue', 'update:maxValue'],
|
|
8
|
+
props: {
|
|
9
|
+
min: {
|
|
10
|
+
type: Number,
|
|
11
|
+
"default": -100
|
|
12
|
+
},
|
|
13
|
+
max: {
|
|
14
|
+
type: Number,
|
|
15
|
+
"default": 100
|
|
16
|
+
},
|
|
17
|
+
step: {
|
|
18
|
+
type: Number,
|
|
19
|
+
"default": 0.01
|
|
20
|
+
},
|
|
21
|
+
minValue: {
|
|
22
|
+
type: Number,
|
|
23
|
+
"default": null
|
|
24
|
+
},
|
|
25
|
+
maxValue: {
|
|
26
|
+
type: Number,
|
|
27
|
+
"default": null
|
|
28
|
+
}
|
|
29
|
+
},
|
|
30
|
+
setup: function setup(props, ctx) {
|
|
31
|
+
var _props$minValue, _props$maxValue;
|
|
32
|
+
var minBound = computed(function () {
|
|
33
|
+
return props.min != null ? Number(props.min) : 0;
|
|
34
|
+
});
|
|
35
|
+
var maxBound = computed(function () {
|
|
36
|
+
return props.max != null ? Number(props.max) : 100;
|
|
37
|
+
});
|
|
38
|
+
var minimumValue = ref((_props$minValue = props.minValue) !== null && _props$minValue !== void 0 ? _props$minValue : props.min);
|
|
39
|
+
var maximumValue = ref((_props$maxValue = props.maxValue) !== null && _props$maxValue !== void 0 ? _props$maxValue : props.max);
|
|
40
|
+
watch(function () {
|
|
41
|
+
return [props.minValue, props.maxValue];
|
|
42
|
+
}, function (_ref) {
|
|
43
|
+
var _ref2 = _slicedToArray(_ref, 2),
|
|
44
|
+
newMin = _ref2[0],
|
|
45
|
+
newMax = _ref2[1];
|
|
46
|
+
if (newMin != null) {
|
|
47
|
+
minimumValue.value = Math.min(Math.max(Number(newMin), props.min), maximumValue.value);
|
|
48
|
+
}
|
|
49
|
+
if (newMax != null) {
|
|
50
|
+
maximumValue.value = Math.max(Math.min(Number(newMax), props.max), minimumValue.value);
|
|
51
|
+
}
|
|
52
|
+
}, {
|
|
53
|
+
immediate: true
|
|
54
|
+
});
|
|
55
|
+
watch(function () {
|
|
56
|
+
return [props.min, props.max];
|
|
57
|
+
}, function () {
|
|
58
|
+
minimumValue.value = Math.min(Math.max(minimumValue.value, props.min), maximumValue.value);
|
|
59
|
+
maximumValue.value = Math.max(Math.min(maximumValue.value, props.max), minimumValue.value);
|
|
60
|
+
});
|
|
61
|
+
var clampLow = function clampLow(value) {
|
|
62
|
+
return Math.min(Math.max(value, minBound.value), maximumValue.value);
|
|
63
|
+
};
|
|
64
|
+
var clampHigh = function clampHigh(value) {
|
|
65
|
+
return Math.max(Math.min(value, maxBound.value), minimumValue.value);
|
|
66
|
+
};
|
|
67
|
+
watch([minBound, maxBound], function () {
|
|
68
|
+
var low = clampLow(minimumValue.value);
|
|
69
|
+
var high = clampHigh(maximumValue.value);
|
|
70
|
+
if (low !== minimumValue.value) {
|
|
71
|
+
minimumValue.value = low;
|
|
72
|
+
ctx.emit('update:minValue', low);
|
|
73
|
+
}
|
|
74
|
+
if (high !== maximumValue.value) {
|
|
75
|
+
maximumValue.value = high;
|
|
76
|
+
ctx.emit('update:maxValue', high);
|
|
77
|
+
}
|
|
78
|
+
}, {
|
|
79
|
+
immediate: true
|
|
80
|
+
});
|
|
81
|
+
var minPercentage = computed(function () {
|
|
82
|
+
return (minimumValue.value - props.min) / (props.max - props.min) * 100;
|
|
83
|
+
});
|
|
84
|
+
var maxPercentage = computed(function () {
|
|
85
|
+
return (maximumValue.value - props.min) / (props.max - props.min) * 100;
|
|
86
|
+
});
|
|
87
|
+
var clippingPoint = computed(function () {
|
|
88
|
+
return maxPercentage.value - minPercentage.value >= 3;
|
|
89
|
+
});
|
|
90
|
+
var onChangeMinInput = function onChangeMinInput(event) {
|
|
91
|
+
var minInput = event.target;
|
|
92
|
+
var value = minInput.valueAsNumber;
|
|
93
|
+
var maxInput = maximumValue.value;
|
|
94
|
+
var clamped = Math.min(Math.max(value, props.min), maxInput);
|
|
95
|
+
minimumValue.value = clamped;
|
|
96
|
+
minInput.value = String(clamped);
|
|
97
|
+
ctx.emit('update:minValue', clamped);
|
|
98
|
+
};
|
|
99
|
+
var onChangeMaxInput = function onChangeMaxInput(event) {
|
|
100
|
+
var maxInput = event.target;
|
|
101
|
+
var value = maxInput.valueAsNumber;
|
|
102
|
+
var minInput = minimumValue.value;
|
|
103
|
+
var clamped = Math.max(Math.min(value, props.max), minInput);
|
|
104
|
+
maximumValue.value = clamped;
|
|
105
|
+
maxInput.value = String(clamped);
|
|
106
|
+
ctx.emit('update:maxValue', clamped);
|
|
107
|
+
};
|
|
108
|
+
return {
|
|
109
|
+
minimumValue: minimumValue,
|
|
110
|
+
maximumValue: maximumValue,
|
|
111
|
+
minPercentage: minPercentage,
|
|
112
|
+
maxPercentage: maxPercentage,
|
|
113
|
+
clippingPoint: clippingPoint,
|
|
114
|
+
onChangeMinInput: onChangeMinInput,
|
|
115
|
+
onChangeMaxInput: onChangeMaxInput
|
|
116
|
+
};
|
|
117
|
+
}
|
|
118
|
+
});
|
|
119
|
+
|
|
120
|
+
var _hoisted_1 = {
|
|
121
|
+
ref: "slider",
|
|
122
|
+
"class": "relative py-3"
|
|
123
|
+
};
|
|
124
|
+
var _hoisted_2 = ["min", "max", "value", "step"];
|
|
125
|
+
var _hoisted_3 = ["min", "max", "value", "step"];
|
|
126
|
+
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
127
|
+
return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("p", {
|
|
128
|
+
"class": "absolute -top-6 -translate-x-1/2 text-base text-primary font-semibold",
|
|
129
|
+
style: normalizeStyle({
|
|
130
|
+
left: "".concat(_ctx.minPercentage, "%")
|
|
131
|
+
})
|
|
132
|
+
}, toDisplayString(_ctx.minimumValue) + "% ", 5), createElementVNode("p", {
|
|
133
|
+
"class": normalizeClass(["absolute -top-6 -translate-x-1/2 text-base text-primary font-semibold", [_ctx.maxPercentage - _ctx.minPercentage < 6 ? '-top-10' : '']]),
|
|
134
|
+
style: normalizeStyle({
|
|
135
|
+
left: "".concat(_ctx.maxPercentage, "%")
|
|
136
|
+
})
|
|
137
|
+
}, toDisplayString(_ctx.maximumValue) + "% ", 7), createElementVNode("div", {
|
|
138
|
+
"class": "h-1.5 rounded-full bg-grey-base-light",
|
|
139
|
+
style: normalizeStyle({
|
|
140
|
+
background: "linear-gradient(to right,\n var(--track, #e5e7eb) 0%,\n var(--track, #e5e7eb) ".concat(_ctx.minPercentage, "%,\n var(--fill, #6923FF) ").concat(_ctx.minPercentage, "%,\n var(--fill, #6923FF) ").concat(_ctx.maxPercentage, "%,\n var(--track, #e5e7eb) ").concat(_ctx.maxPercentage, "%,\n var(--track, #e5e7eb) 100%)")
|
|
141
|
+
})
|
|
142
|
+
}, null, 4), createElementVNode("input", {
|
|
143
|
+
"class": "fw-slider absolute inset-0 w-full appearance-none bg-transparent pointer-events-none focus:outline-none",
|
|
144
|
+
type: "range",
|
|
145
|
+
name: "min",
|
|
146
|
+
id: "min",
|
|
147
|
+
min: _ctx.min,
|
|
148
|
+
max: _ctx.max,
|
|
149
|
+
value: _ctx.minimumValue,
|
|
150
|
+
step: _ctx.step,
|
|
151
|
+
onInput: _cache[0] || (_cache[0] = function ($event) {
|
|
152
|
+
return _ctx.onChangeMinInput($event);
|
|
153
|
+
}),
|
|
154
|
+
style: normalizeStyle({
|
|
155
|
+
zIndex: _ctx.clippingPoint ? 20 : 30
|
|
156
|
+
})
|
|
157
|
+
}, null, 44, _hoisted_2), createElementVNode("input", {
|
|
158
|
+
"class": "fw-slider absolute inset-0 w-full appearance-none bg-transparent pointer-events-none focus:outline-none",
|
|
159
|
+
type: "range",
|
|
160
|
+
name: "max",
|
|
161
|
+
id: "max",
|
|
162
|
+
min: _ctx.min,
|
|
163
|
+
max: _ctx.max,
|
|
164
|
+
value: _ctx.maximumValue,
|
|
165
|
+
step: _ctx.step,
|
|
166
|
+
onInput: _cache[1] || (_cache[1] = function ($event) {
|
|
167
|
+
return _ctx.onChangeMaxInput($event);
|
|
168
|
+
}),
|
|
169
|
+
style: normalizeStyle({
|
|
170
|
+
zIndex: _ctx.clippingPoint ? 30 : 20
|
|
171
|
+
})
|
|
172
|
+
}, null, 44, _hoisted_3)], 512);
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
var css_248z = ".fw-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#6923ff;border:2px solid #6923ff;border-radius:9999px;-webkit-box-shadow:var(--tw-shadow);box-shadow:var(--tw-shadow);cursor:pointer;height:18px;pointer-events:auto;width:18px}.fw-slider::-moz-range-thumb{background:#6923ff;border:2px solid #6923ff;border-radius:9999px;box-shadow:var(--tw-shadow);cursor:pointer;height:18px;pointer-events:auto;width:18px}";
|
|
176
|
+
var stylesheet = ".fw-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#6923ff;border:2px solid #6923ff;border-radius:9999px;-webkit-box-shadow:var(--tw-shadow);box-shadow:var(--tw-shadow);cursor:pointer;height:18px;pointer-events:auto;width:18px}.fw-slider::-moz-range-thumb{background:#6923ff;border:2px solid #6923ff;border-radius:9999px;box-shadow:var(--tw-shadow);cursor:pointer;height:18px;pointer-events:auto;width:18px}";
|
|
177
|
+
styleInject(css_248z);
|
|
178
|
+
|
|
179
|
+
script.render = render;
|
|
180
|
+
|
|
181
|
+
export { script as FwSlider };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { m as render$3, n as render$4, o as render$5, l as render$6 } from './index-
|
|
1
|
+
import { m as render$3, n as render$4, o as render$5, l as render$6 } from './index-BjXtr7CR.js';
|
|
2
2
|
import { defineComponent, computed, ref, onMounted, useCssVars, pushScopeId, popScopeId, resolveComponent, openBlock, createElementBlock, createElementVNode, mergeProps, renderSlot, createCommentVNode, Fragment, renderList, normalizeClass, withKeys, toDisplayString, createBlock, createVNode, withCtx } from 'vue';
|
|
3
3
|
import { u as useColours } from './get-root-colours-DYEoJPEb.js';
|
|
4
4
|
import { s as script$2 } from './fw-loading-bar-DThRjdw1.js';
|
|
5
|
-
import { s as script$3 } from './fw-button-
|
|
5
|
+
import { s as script$3 } from './fw-button-BhZXMN8a.js';
|
|
6
6
|
import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
|
|
7
7
|
|
|
8
8
|
var __default__ = defineComponent({
|
package/esm/fw-table.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
export { _ as FwTable, s as FwTableHead, a as FwTableRow } from './fw-table-row-
|
|
2
|
-
import './index-
|
|
1
|
+
export { _ as FwTable, s as FwTableHead, a as FwTableRow } from './fw-table-row-BlpxQ10C.js';
|
|
2
|
+
import './index-BjXtr7CR.js';
|
|
3
3
|
import 'vue';
|
|
4
4
|
import './check--YD4Ts6g.js';
|
|
5
5
|
import './get-root-colours-DYEoJPEb.js';
|
|
6
6
|
import './fw-loading-bar-DThRjdw1.js';
|
|
7
7
|
import './style-inject.es-tgCJW-Cu.js';
|
|
8
|
-
import './fw-button-
|
|
9
|
-
import './fw-loading-spinner-
|
|
8
|
+
import './fw-button-BhZXMN8a.js';
|
|
9
|
+
import './fw-loading-spinner-CFFbujSq.js';
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { defineComponent, ref, computed, useCssVars, resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, createTextVNode, toDisplayString, renderSlot, createCommentVNode, createBlock, withCtx, createVNode } from 'vue';
|
|
2
2
|
import './fw-button.js';
|
|
3
|
-
import { b as render$1 } from './index-
|
|
3
|
+
import { b as render$1 } from './index-BjXtr7CR.js';
|
|
4
4
|
import { u as useColours } from './get-root-colours-DYEoJPEb.js';
|
|
5
|
-
import { s as script } from './fw-button-
|
|
5
|
+
import { s as script } from './fw-button-BhZXMN8a.js';
|
|
6
6
|
import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
|
|
7
7
|
|
|
8
8
|
var __default__ = defineComponent({
|
package/esm/fw-tag.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
export { _ as FwTag } from './fw-tag-
|
|
1
|
+
export { _ as FwTag } from './fw-tag-DgsnsY7O.js';
|
|
2
2
|
import 'vue';
|
|
3
3
|
import './fw-button.js';
|
|
4
|
-
import './fw-button-
|
|
5
|
-
import './fw-loading-spinner-
|
|
6
|
-
import './index-
|
|
4
|
+
import './fw-button-BhZXMN8a.js';
|
|
5
|
+
import './fw-loading-spinner-CFFbujSq.js';
|
|
6
|
+
import './index-BjXtr7CR.js';
|
|
7
7
|
import './check--YD4Ts6g.js';
|
|
8
8
|
import './style-inject.es-tgCJW-Cu.js';
|
|
9
9
|
import './get-root-colours-DYEoJPEb.js';
|
package/esm/fw-toast.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent, ref, computed, onMounted, watchEffect, openBlock, createElementBlock, Fragment, createBlock, Teleport, createVNode, TransitionGroup, createCommentVNode, Transition, withCtx, normalizeClass, createElementVNode, resolveDynamicComponent, renderSlot } from 'vue';
|
|
2
2
|
import { u as uniqueId } from './uniqueId-DK6xzFd8.js';
|
|
3
|
-
import { i as render$1, j as render$2, p as render$3 } from './index-
|
|
3
|
+
import { i as render$1, j as render$2, p as render$3 } from './index-BjXtr7CR.js';
|
|
4
4
|
import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
|
|
5
5
|
import './check--YD4Ts6g.js';
|
|
6
6
|
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { defineComponent, createElementVNode, resolveComponent, openBlock, createBlock, withCtx, createCommentVNode, toDisplayString, createElementBlock } from 'vue';
|
|
2
2
|
import { s as script$1 } from './fw-card-bsYbpPmW.js';
|
|
3
|
-
import { s as script$2 } from './fw-image-
|
|
3
|
+
import { s as script$2 } from './fw-image-6o3ZOSCW.js';
|
|
4
4
|
import './fw-loading-bar-DThRjdw1.js';
|
|
5
5
|
import './style-inject.es-tgCJW-Cu.js';
|
|
6
|
-
import './index-
|
|
6
|
+
import './index-BjXtr7CR.js';
|
|
7
7
|
import './check--YD4Ts6g.js';
|
|
8
8
|
|
|
9
9
|
var script = defineComponent({
|