@frollo/frollo-web-ui 8.4.1 → 8.4.3
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 +63 -24
- package/esm/{fw-button-LhSQ6Fx_.js → fw-button-NJeYig99.js} +25 -5
- package/esm/fw-button.js +1 -1
- package/esm/fw-drawer.js +1 -1
- package/esm/{fw-input-BPFFMpc2.js → fw-input-XeI-IKly.js} +18 -4
- package/esm/fw-input.js +1 -1
- package/esm/fw-media-picker.js +1 -1
- package/esm/fw-modal.js +1 -1
- package/esm/fw-navigation-menu.js +1 -1
- package/esm/fw-period-selector.js +15 -10
- package/esm/fw-provider-list.js +4 -4
- package/esm/fw-sidebar-menu.js +1 -1
- package/esm/{fw-table-row-suFSeIN3.js → fw-table-row-D2KYRG5K.js} +1 -1
- package/esm/fw-table.js +2 -2
- package/esm/{fw-tag-CziUTbtg.js → fw-tag-D-U6RKuG.js} +1 -1
- package/esm/fw-tag.js +2 -2
- package/esm/index.js +4 -4
- package/frollo-web-ui.esm.js +62 -23
- package/index.d.ts +47 -2
- package/package.json +1 -1
- package/styles/tailwind.scss +3 -0
- package/tailwind.config.js +4 -0
- package/types/components/fw-button/fw-button.vue.d.ts +30 -0
- package/types/components/fw-button/index.types.d.ts +3 -1
- package/types/components/fw-input/fw-input.vue.d.ts +5 -1
- package/types/components/fw-period-selector/fw-period-selector.vue.d.ts +9 -0
- package/web-components/index.js +64 -25
package/cjs/index.js
CHANGED
|
@@ -6871,7 +6871,7 @@ function uniqueId(prefix) {
|
|
|
6871
6871
|
return toString$2(prefix) + id;
|
|
6872
6872
|
}var script$o = vue.defineComponent({
|
|
6873
6873
|
name: 'FwInput',
|
|
6874
|
-
emits: ['update:modelValue'],
|
|
6874
|
+
emits: ['update:modelValue', 'focus', 'blur'],
|
|
6875
6875
|
components: {
|
|
6876
6876
|
InputField: Field
|
|
6877
6877
|
},
|
|
@@ -6991,10 +6991,18 @@ function uniqueId(prefix) {
|
|
|
6991
6991
|
return ctx.emit('update:modelValue', state);
|
|
6992
6992
|
}
|
|
6993
6993
|
});
|
|
6994
|
+
var onFocus = function onFocus(e) {
|
|
6995
|
+
return ctx.emit('focus', e);
|
|
6996
|
+
};
|
|
6997
|
+
var onBlur = function onBlur(e) {
|
|
6998
|
+
return ctx.emit('blur', e);
|
|
6999
|
+
};
|
|
6994
7000
|
return {
|
|
6995
7001
|
uuid: uuid,
|
|
6996
7002
|
inputBaseClass: inputBaseClass,
|
|
6997
|
-
inputValue: inputValue
|
|
7003
|
+
inputValue: inputValue,
|
|
7004
|
+
onFocus: onFocus,
|
|
7005
|
+
onBlur: onBlur
|
|
6998
7006
|
};
|
|
6999
7007
|
}
|
|
7000
7008
|
});var _hoisted_1$1j = {
|
|
@@ -7037,7 +7045,7 @@ function render$1d(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
7037
7045
|
var _component_InputField = vue.resolveComponent("InputField");
|
|
7038
7046
|
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1j, [vue.createVNode(_component_InputField, {
|
|
7039
7047
|
modelValue: _ctx.inputValue,
|
|
7040
|
-
"onUpdate:modelValue": _cache[
|
|
7048
|
+
"onUpdate:modelValue": _cache[2] || (_cache[2] = function ($event) {
|
|
7041
7049
|
return _ctx.inputValue = $event;
|
|
7042
7050
|
}),
|
|
7043
7051
|
name: _ctx.name,
|
|
@@ -7072,7 +7080,13 @@ function render$1d(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
7072
7080
|
'pr-20': !!_ctx.$slots.suffix
|
|
7073
7081
|
}, (errorMessage || errors[0]) && meta.touched ? 'border-error text-error' : 'border-grey-40', _ctx.inputBaseClass, _ctx.rounded ? 'rounded-full' : 'rounded', {
|
|
7074
7082
|
'text-center': _ctx.centerAlignInput
|
|
7075
|
-
}]]
|
|
7083
|
+
}]],
|
|
7084
|
+
onFocus: _cache[0] || (_cache[0] = function () {
|
|
7085
|
+
return _ctx.onFocus && _ctx.onFocus.apply(_ctx, arguments);
|
|
7086
|
+
}),
|
|
7087
|
+
onBlur: _cache[1] || (_cache[1] = function () {
|
|
7088
|
+
return _ctx.onBlur && _ctx.onBlur.apply(_ctx, arguments);
|
|
7089
|
+
})
|
|
7076
7090
|
}), null, 16, _hoisted_8$a), _ctx.$slots.suffix ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$9, [vue.renderSlot(_ctx.$slots, "suffix", {
|
|
7077
7091
|
"class": "h-full"
|
|
7078
7092
|
})])) : vue.createCommentVNode("", true)]), _ctx.enableErrors ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$6, [vue.createVNode(vue.Transition, {
|
|
@@ -8455,6 +8469,20 @@ function render$q(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
8455
8469
|
*/
|
|
8456
8470
|
external: {
|
|
8457
8471
|
type: Boolean
|
|
8472
|
+
},
|
|
8473
|
+
/**
|
|
8474
|
+
* Whether the button is disabled or not
|
|
8475
|
+
*/
|
|
8476
|
+
disabled: {
|
|
8477
|
+
type: Boolean,
|
|
8478
|
+
"default": false
|
|
8479
|
+
},
|
|
8480
|
+
/**
|
|
8481
|
+
* Whether the button is preselected or not
|
|
8482
|
+
*/
|
|
8483
|
+
active: {
|
|
8484
|
+
type: Boolean,
|
|
8485
|
+
"default": false
|
|
8458
8486
|
}
|
|
8459
8487
|
},
|
|
8460
8488
|
setup: function setup(props, ctx) {
|
|
@@ -8499,6 +8527,11 @@ function render$q(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
8499
8527
|
text: 'text-grey-base hover:text-primary active:text-primary',
|
|
8500
8528
|
background: 'bg-none hover:bg-white focus:bg-white active:bg-white',
|
|
8501
8529
|
border: 'border-transparent focus-visible:ring-1 focus-visible:ring-primary'
|
|
8530
|
+
},
|
|
8531
|
+
disabled: {
|
|
8532
|
+
text: 'text-white',
|
|
8533
|
+
background: 'bg-grey-base bg-opacity-60',
|
|
8534
|
+
border: ''
|
|
8502
8535
|
}
|
|
8503
8536
|
});
|
|
8504
8537
|
var sizes = vue.ref({
|
|
@@ -8587,13 +8620,14 @@ function render$q(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
8587
8620
|
function render$o(_ctx, _cache, $props, $setup, $data, $options) {
|
|
8588
8621
|
var _component_FwLoadingSpinner = vue.resolveComponent("FwLoadingSpinner");
|
|
8589
8622
|
return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tagName), {
|
|
8590
|
-
"class": vue.normalizeClass(["fw-button", [_ctx.baseClass, _ctx.textColorClass, _ctx.bgColorClass, _ctx.sizeClass, _ctx.borderClass, _ctx.rounded && _ctx.variant !== 'link' ? 'rounded-full' : 'rounded', _ctx.variant === 'link' ? 'pl-0 pr-0 pt-0 pb-0 font-normal rounded-1' : 'font-semibold', _ctx.animation === 'fade' ? 'animation--fade' : 'animation--alternate', _ctx.loading === true ? 'fw-button--loading cursor-progress' : 'cursor-pointer']]),
|
|
8623
|
+
"class": vue.normalizeClass(["fw-button", [_ctx.baseClass, _ctx.textColorClass, _ctx.bgColorClass, _ctx.sizeClass, _ctx.borderClass, _ctx.rounded && _ctx.variant !== 'link' ? 'rounded-full' : 'rounded', _ctx.variant === 'link' ? 'pl-0 pr-0 pt-0 pb-0 font-normal rounded-1' : 'font-semibold', _ctx.animation === 'fade' ? 'animation--fade' : 'animation--alternate', _ctx.loading === true ? 'fw-button--loading cursor-progress' : 'cursor-pointer', _ctx.disabled && !_ctx.loading ? 'pointer-events-none text-grey-light' : '', _ctx.disabled && _ctx.active ? 'fw-button--disabled-active' : '']]),
|
|
8591
8624
|
type: _ctx.tagName === 'button' ? _ctx.buttonType : null,
|
|
8592
8625
|
to: _ctx.to ? _ctx.to : null,
|
|
8593
8626
|
href: _ctx.href ? _ctx.href : null,
|
|
8594
8627
|
tabindex: _ctx.to ? 0 : null,
|
|
8595
|
-
disabled: _ctx.loading,
|
|
8628
|
+
disabled: _ctx.loading || _ctx.disabled,
|
|
8596
8629
|
target: !!_ctx.external ? '_blank' : null,
|
|
8630
|
+
active: _ctx.active,
|
|
8597
8631
|
onClick: _ctx.onClick,
|
|
8598
8632
|
onFocusin: _ctx.onFocusin,
|
|
8599
8633
|
onFocusout: _ctx.onFocusout,
|
|
@@ -8615,9 +8649,9 @@ function render$o(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
8615
8649
|
})], 2)) : vue.createCommentVNode("", true)])) : vue.createCommentVNode("", true)];
|
|
8616
8650
|
}),
|
|
8617
8651
|
_: 3
|
|
8618
|
-
}, 40, ["class", "type", "to", "href", "tabindex", "disabled", "target", "onClick", "onFocusin", "onFocusout", "onMouseover", "onMouseout"]);
|
|
8619
|
-
}var css_248z$f = ".fw-button{line-height:normal}.fw-button--label-wrapper{-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:margin,padding;-moz-transition-property:margin,padding;transition-property:margin,padding;-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.fw-button--primary{background:var(--colorButtonPrimary);color:var(--colorButtonPrimaryText)}.fw-button--primary.fw-button--loading,.fw-button--primary:hover{background:var(--colorButtonPrimaryFade);border-color:var(--colorButtonPrimaryFade)}.fw-button--secondary{background:var(--colorButtonSecondary);color:var(--colorButtonSecondaryText)}.fw-button--secondary.animation--alternate.fw-button--loading,.fw-button--secondary.animation--alternate:hover{background:var(--colorButtonSecondaryText);color:var(--colorButtonSecondary)}.fw-button--secondary.animation--fade.fw-button--loading,.fw-button--secondary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--tertiary{background:var(--colorButtonTertiary);color:var(--colorButtonTertiaryText)}.fw-button--tertiary.animation--alternate.fw-button--loading,.fw-button--tertiary.animation--alternate:hover{background:var(--colorButtonTertiaryText);color:var(--colorButtonTertiary)}.fw-button--tertiary.animation--fade.fw-button--loading,.fw-button--tertiary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}";
|
|
8620
|
-
var stylesheet$f = ".fw-button{line-height:normal}.fw-button--label-wrapper{-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:margin,padding;-moz-transition-property:margin,padding;transition-property:margin,padding;-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.fw-button--primary{background:var(--colorButtonPrimary);color:var(--colorButtonPrimaryText)}.fw-button--primary.fw-button--loading,.fw-button--primary:hover{background:var(--colorButtonPrimaryFade);border-color:var(--colorButtonPrimaryFade)}.fw-button--secondary{background:var(--colorButtonSecondary);color:var(--colorButtonSecondaryText)}.fw-button--secondary.animation--alternate.fw-button--loading,.fw-button--secondary.animation--alternate:hover{background:var(--colorButtonSecondaryText);color:var(--colorButtonSecondary)}.fw-button--secondary.animation--fade.fw-button--loading,.fw-button--secondary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--tertiary{background:var(--colorButtonTertiary);color:var(--colorButtonTertiaryText)}.fw-button--tertiary.animation--alternate.fw-button--loading,.fw-button--tertiary.animation--alternate:hover{background:var(--colorButtonTertiaryText);color:var(--colorButtonTertiary)}.fw-button--tertiary.animation--fade.fw-button--loading,.fw-button--tertiary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}";
|
|
8652
|
+
}, 40, ["class", "type", "to", "href", "tabindex", "disabled", "target", "active", "onClick", "onFocusin", "onFocusout", "onMouseover", "onMouseout"]);
|
|
8653
|
+
}var css_248z$f = ".fw-button{line-height:normal}.fw-button--label-wrapper{-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:margin,padding;-moz-transition-property:margin,padding;transition-property:margin,padding;-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.fw-button--primary{background:var(--colorButtonPrimary);color:var(--colorButtonPrimaryText)}.fw-button--primary.fw-button--loading,.fw-button--primary:hover{background:var(--colorButtonPrimaryFade);border-color:var(--colorButtonPrimaryFade)}.fw-button--secondary{background:var(--colorButtonSecondary);color:var(--colorButtonSecondaryText)}.fw-button--secondary.animation--alternate.fw-button--loading,.fw-button--secondary.animation--alternate:hover{background:var(--colorButtonSecondaryText);color:var(--colorButtonSecondary)}.fw-button--secondary.animation--fade.fw-button--loading,.fw-button--secondary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--tertiary{background:var(--colorButtonTertiary);color:var(--colorButtonTertiaryText)}.fw-button--tertiary.animation--alternate.fw-button--loading,.fw-button--tertiary.animation--alternate:hover{background:var(--colorButtonTertiaryText);color:var(--colorButtonTertiary)}.fw-button--tertiary.animation--fade.fw-button--loading,.fw-button--tertiary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--disabled-active{background:var(--colorButtonDisabled)!important;color:rgb(from var(--colorButtonDisabledText) r g b/.6)!important}";
|
|
8654
|
+
var stylesheet$f = ".fw-button{line-height:normal}.fw-button--label-wrapper{-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:margin,padding;-moz-transition-property:margin,padding;transition-property:margin,padding;-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.fw-button--primary{background:var(--colorButtonPrimary);color:var(--colorButtonPrimaryText)}.fw-button--primary.fw-button--loading,.fw-button--primary:hover{background:var(--colorButtonPrimaryFade);border-color:var(--colorButtonPrimaryFade)}.fw-button--secondary{background:var(--colorButtonSecondary);color:var(--colorButtonSecondaryText)}.fw-button--secondary.animation--alternate.fw-button--loading,.fw-button--secondary.animation--alternate:hover{background:var(--colorButtonSecondaryText);color:var(--colorButtonSecondary)}.fw-button--secondary.animation--fade.fw-button--loading,.fw-button--secondary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--tertiary{background:var(--colorButtonTertiary);color:var(--colorButtonTertiaryText)}.fw-button--tertiary.animation--alternate.fw-button--loading,.fw-button--tertiary.animation--alternate:hover{background:var(--colorButtonTertiaryText);color:var(--colorButtonTertiary)}.fw-button--tertiary.animation--fade.fw-button--loading,.fw-button--tertiary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--disabled-active{background:var(--colorButtonDisabled)!important;color:rgb(from var(--colorButtonDisabledText) r g b/.6)!important}";
|
|
8621
8655
|
styleInject(css_248z$f);script$h.render = render$o;var script$g = vue.defineComponent({
|
|
8622
8656
|
name: 'FwNavigationMenu',
|
|
8623
8657
|
emits: ['action'],
|
|
@@ -34228,7 +34262,7 @@ function usePage() {
|
|
|
34228
34262
|
"Page context missing. Please verify this component is nested within a valid context provider."
|
|
34229
34263
|
);
|
|
34230
34264
|
}
|
|
34231
|
-
const _hoisted_1$5
|
|
34265
|
+
const _hoisted_1$5 = { class: "vc-nav-header" };
|
|
34232
34266
|
const _hoisted_2$4$1 = ["disabled"];
|
|
34233
34267
|
const _hoisted_3$3 = ["disabled"];
|
|
34234
34268
|
const _hoisted_4$2$1 = { class: "vc-nav-items" };
|
|
@@ -34378,7 +34412,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
|
|
|
34378
34412
|
ref_key: "navContainer",
|
|
34379
34413
|
ref: navContainer
|
|
34380
34414
|
}, [
|
|
34381
|
-
vue.createElementVNode("div", _hoisted_1$5
|
|
34415
|
+
vue.createElementVNode("div", _hoisted_1$5, [
|
|
34382
34416
|
vue.createElementVNode("button", {
|
|
34383
34417
|
type: "button",
|
|
34384
34418
|
class: "vc-nav-arrow is-left vc-focus",
|
|
@@ -36214,7 +36248,7 @@ var __setup__$3 = __default__$3.setup;
|
|
|
36214
36248
|
__default__$3.setup = __setup__$3 ? function (props, ctx) {
|
|
36215
36249
|
__injectCSSVars__$3();
|
|
36216
36250
|
return __setup__$3(props, ctx);
|
|
36217
|
-
} : __injectCSSVars__$3;var _hoisted_1$
|
|
36251
|
+
} : __injectCSSVars__$3;var _hoisted_1$4 = {
|
|
36218
36252
|
"class": "fw-date-picker w-full"
|
|
36219
36253
|
};
|
|
36220
36254
|
var _hoisted_2$4 = {
|
|
@@ -36263,7 +36297,7 @@ var _hoisted_18 = {
|
|
|
36263
36297
|
function render$5(_ctx, _cache, $props, $setup, $data, $options) {
|
|
36264
36298
|
var _component_CalendarDaySvg = vue.resolveComponent("CalendarDaySvg");
|
|
36265
36299
|
var _component_DatePicker = vue.resolveComponent("DatePicker");
|
|
36266
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
36300
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [vue.createVNode(_component_DatePicker, {
|
|
36267
36301
|
modelValue: _ctx.dateModel,
|
|
36268
36302
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) {
|
|
36269
36303
|
return _ctx.dateModel = $event;
|
|
@@ -36588,7 +36622,7 @@ __default__$2.setup = __setup__$2 ? function (props, ctx) {
|
|
|
36588
36622
|
} : __injectCSSVars__$2;var _withScopeId$2 = function _withScopeId(n) {
|
|
36589
36623
|
return vue.pushScopeId("data-v-6df01fae"), n = n(), vue.popScopeId(), n;
|
|
36590
36624
|
};
|
|
36591
|
-
var _hoisted_1$
|
|
36625
|
+
var _hoisted_1$3 = ["id", "aria-hidden"];
|
|
36592
36626
|
var _hoisted_2$3 = {
|
|
36593
36627
|
key: 0,
|
|
36594
36628
|
"data-popper-arrow": "",
|
|
@@ -36628,7 +36662,7 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
36628
36662
|
})
|
|
36629
36663
|
}, [vue.renderSlot(_ctx.$slots, "content", {}, function () {
|
|
36630
36664
|
return [vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)];
|
|
36631
|
-
}), _ctx.showArrow ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$3)) : vue.createCommentVNode("", true)], 10, _hoisted_1$
|
|
36665
|
+
}), _ctx.showArrow ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$3)) : vue.createCommentVNode("", true)], 10, _hoisted_1$3)], 2);
|
|
36632
36666
|
}var css_248z$3 = ".fw-popover__content[data-v-6df01fae]{opacity:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;white-space:normal;z-index:9999}.fw-popover__content--center[data-v-6df01fae]{text-align:center}.fw-popover__content--left[data-v-6df01fae]{text-align:left}.fw-popover__content--right[data-v-6df01fae]{text-align:right}.fw-popover--visible .fw-popover__content[data-v-6df01fae]{opacity:1;pointer-events:all}.fw-popover__arrow[data-v-6df01fae]:after{height:var(--bf2f5546);left:0;top:0;-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);width:var(--bf2f5546)}.fw-popover__content[data-popper-placement^=top][data-v-6df01fae]{margin-bottom:var(--bf2f5546)!important}.fw-popover__content[data-popper-placement^=right][data-v-6df01fae]{margin-left:var(--bf2f5546)!important}.fw-popover__content[data-popper-placement^=bottom][data-v-6df01fae]{margin-top:var(--bf2f5546)!important}.fw-popover__content[data-popper-placement^=left][data-v-6df01fae]{margin-right:var(--bf2f5546)!important}.fw-popover__content[data-popper-placement^=top] .fw-popover__arrow[data-v-6df01fae]{bottom:0}.fw-popover__content[data-popper-placement^=right] .fw-popover__arrow[data-v-6df01fae]{left:0}.fw-popover__content[data-popper-placement^=bottom] .fw-popover__arrow[data-v-6df01fae]{top:0}.fw-popover__content[data-popper-placement^=left] .fw-popover__arrow[data-v-6df01fae]{right:0}.fw-popover__content[data-popper-placement^=top] .fw-popover__arrow[data-v-6df01fae]{bottom:-1px}.fw-popover__content[data-popper-placement^=top] .fw-popover__arrow[data-v-6df01fae]:after{border-left:none;border-top:none}.fw-popover__content[data-popper-placement^=right] .fw-popover__arrow[data-v-6df01fae]{left:-1px}.fw-popover__content[data-popper-placement^=right] .fw-popover__arrow[data-v-6df01fae]:after{border-right:none;border-top:none}.fw-popover__content[data-popper-placement^=bottom] .fw-popover__arrow[data-v-6df01fae]{top:-1px}.fw-popover__content[data-popper-placement^=bottom] .fw-popover__arrow[data-v-6df01fae]:after{border-bottom:none;border-right:none}.fw-popover__content[data-popper-placement^=left] .fw-popover__arrow[data-v-6df01fae]{right:-1px}.fw-popover__content[data-popper-placement^=left] .fw-popover__arrow[data-v-6df01fae]:after{border-bottom:none;border-left:none}";
|
|
36633
36667
|
var stylesheet$3 = ".fw-popover__content[data-v-6df01fae]{opacity:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;white-space:normal;z-index:9999}.fw-popover__content--center[data-v-6df01fae]{text-align:center}.fw-popover__content--left[data-v-6df01fae]{text-align:left}.fw-popover__content--right[data-v-6df01fae]{text-align:right}.fw-popover--visible .fw-popover__content[data-v-6df01fae]{opacity:1;pointer-events:all}.fw-popover__arrow[data-v-6df01fae]:after{height:var(--bf2f5546);left:0;top:0;-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);width:var(--bf2f5546)}.fw-popover__content[data-popper-placement^=top][data-v-6df01fae]{margin-bottom:var(--bf2f5546)!important}.fw-popover__content[data-popper-placement^=right][data-v-6df01fae]{margin-left:var(--bf2f5546)!important}.fw-popover__content[data-popper-placement^=bottom][data-v-6df01fae]{margin-top:var(--bf2f5546)!important}.fw-popover__content[data-popper-placement^=left][data-v-6df01fae]{margin-right:var(--bf2f5546)!important}.fw-popover__content[data-popper-placement^=top] .fw-popover__arrow[data-v-6df01fae]{bottom:0}.fw-popover__content[data-popper-placement^=right] .fw-popover__arrow[data-v-6df01fae]{left:0}.fw-popover__content[data-popper-placement^=bottom] .fw-popover__arrow[data-v-6df01fae]{top:0}.fw-popover__content[data-popper-placement^=left] .fw-popover__arrow[data-v-6df01fae]{right:0}.fw-popover__content[data-popper-placement^=top] .fw-popover__arrow[data-v-6df01fae]{bottom:-1px}.fw-popover__content[data-popper-placement^=top] .fw-popover__arrow[data-v-6df01fae]:after{border-left:none;border-top:none}.fw-popover__content[data-popper-placement^=right] .fw-popover__arrow[data-v-6df01fae]{left:-1px}.fw-popover__content[data-popper-placement^=right] .fw-popover__arrow[data-v-6df01fae]:after{border-right:none;border-top:none}.fw-popover__content[data-popper-placement^=bottom] .fw-popover__arrow[data-v-6df01fae]{top:-1px}.fw-popover__content[data-popper-placement^=bottom] .fw-popover__arrow[data-v-6df01fae]:after{border-bottom:none;border-right:none}.fw-popover__content[data-popper-placement^=left] .fw-popover__arrow[data-v-6df01fae]{right:-1px}.fw-popover__content[data-popper-placement^=left] .fw-popover__arrow[data-v-6df01fae]:after{border-bottom:none;border-left:none}";
|
|
36634
36668
|
styleInject(css_248z$3);__default__$2.render = render$4;
|
|
@@ -36658,6 +36692,10 @@ __default__$2.__scopeId = "data-v-6df01fae";var script$1 = vue.defineComponent({
|
|
|
36658
36692
|
validator: function validator(value) {
|
|
36659
36693
|
return ['sm', 'md', 'lg', 'xl', '2xl'].includes(value);
|
|
36660
36694
|
}
|
|
36695
|
+
},
|
|
36696
|
+
disabled: {
|
|
36697
|
+
type: Boolean,
|
|
36698
|
+
"default": false
|
|
36661
36699
|
}
|
|
36662
36700
|
},
|
|
36663
36701
|
setup: function setup(props, ctx) {
|
|
@@ -36677,27 +36715,28 @@ __default__$2.__scopeId = "data-v-6df01fae";var script$1 = vue.defineComponent({
|
|
|
36677
36715
|
selectedPeriod: selectedPeriod
|
|
36678
36716
|
};
|
|
36679
36717
|
}
|
|
36680
|
-
});
|
|
36681
|
-
"class": "fw-period-selector w-fit bg-grey-light bg-opacity-10 border-grey-light border-2 border-opacity-40 gap-x-1"
|
|
36682
|
-
};
|
|
36683
|
-
function render$3(_ctx, _cache, $props, $setup, $data, $options) {
|
|
36718
|
+
});function render$3(_ctx, _cache, $props, $setup, $data, $options) {
|
|
36684
36719
|
var _component_FwButton = vue.resolveComponent("FwButton");
|
|
36685
|
-
return vue.openBlock(), vue.createElementBlock("div",
|
|
36720
|
+
return vue.openBlock(), vue.createElementBlock("div", {
|
|
36721
|
+
"class": vue.normalizeClass(["fw-period-selector w-fit bg-grey-light bg-opacity-10 border-grey-light border-2 border-opacity-40 gap-x-1", _ctx.disabled === true ? 'hover:none cursor:none pointer-events-none' : ''])
|
|
36722
|
+
}, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.periodOptions, function (period) {
|
|
36686
36723
|
return vue.openBlock(), vue.createBlock(_component_FwButton, {
|
|
36687
36724
|
key: period,
|
|
36688
|
-
variant: _ctx.selectedPeriod === period ? 'tertiary' : 'transparent',
|
|
36725
|
+
variant: _ctx.selectedPeriod === period ? _ctx.disabled ? 'disabled' : 'tertiary' : 'transparent',
|
|
36689
36726
|
"class": "hover:!border-button-primary-bg -m-[2px] flex-1",
|
|
36690
36727
|
size: _ctx.size,
|
|
36691
36728
|
onClick: function onClick($event) {
|
|
36692
36729
|
return _ctx.selectedPeriod = period;
|
|
36693
|
-
}
|
|
36730
|
+
},
|
|
36731
|
+
disabled: _ctx.disabled,
|
|
36732
|
+
active: _ctx.disabled && _ctx.selectedPeriod === period
|
|
36694
36733
|
}, {
|
|
36695
36734
|
"default": vue.withCtx(function () {
|
|
36696
36735
|
return [vue.createTextVNode(vue.toDisplayString(_ctx.generateButtonLabel(period)), 1)];
|
|
36697
36736
|
}),
|
|
36698
36737
|
_: 2
|
|
36699
|
-
}, 1032, ["variant", "size", "onClick"]);
|
|
36700
|
-
}), 128))]);
|
|
36738
|
+
}, 1032, ["variant", "size", "onClick", "disabled", "active"]);
|
|
36739
|
+
}), 128))], 2);
|
|
36701
36740
|
}var css_248z$2 = ".fw-period-selector{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-moz-box-orient:horizontal;-moz-box-direction:normal;border-radius:9999px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}";
|
|
36702
36741
|
var stylesheet$2 = ".fw-period-selector{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-moz-box-orient:horizontal;-moz-box-direction:normal;border-radius:9999px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}";
|
|
36703
36742
|
styleInject(css_248z$2);script$1.render = render$3;var script = vue.defineComponent({
|
|
@@ -92,6 +92,20 @@ var script = defineComponent({
|
|
|
92
92
|
*/
|
|
93
93
|
external: {
|
|
94
94
|
type: Boolean
|
|
95
|
+
},
|
|
96
|
+
/**
|
|
97
|
+
* Whether the button is disabled or not
|
|
98
|
+
*/
|
|
99
|
+
disabled: {
|
|
100
|
+
type: Boolean,
|
|
101
|
+
"default": false
|
|
102
|
+
},
|
|
103
|
+
/**
|
|
104
|
+
* Whether the button is preselected or not
|
|
105
|
+
*/
|
|
106
|
+
active: {
|
|
107
|
+
type: Boolean,
|
|
108
|
+
"default": false
|
|
95
109
|
}
|
|
96
110
|
},
|
|
97
111
|
setup: function setup(props, ctx) {
|
|
@@ -136,6 +150,11 @@ var script = defineComponent({
|
|
|
136
150
|
text: 'text-grey-base hover:text-primary active:text-primary',
|
|
137
151
|
background: 'bg-none hover:bg-white focus:bg-white active:bg-white',
|
|
138
152
|
border: 'border-transparent focus-visible:ring-1 focus-visible:ring-primary'
|
|
153
|
+
},
|
|
154
|
+
disabled: {
|
|
155
|
+
text: 'text-white',
|
|
156
|
+
background: 'bg-grey-base bg-opacity-60',
|
|
157
|
+
border: ''
|
|
139
158
|
}
|
|
140
159
|
});
|
|
141
160
|
var sizes = ref({
|
|
@@ -226,13 +245,14 @@ var _hoisted_1 = {
|
|
|
226
245
|
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
227
246
|
var _component_FwLoadingSpinner = resolveComponent("FwLoadingSpinner");
|
|
228
247
|
return openBlock(), createBlock(resolveDynamicComponent(_ctx.tagName), {
|
|
229
|
-
"class": normalizeClass(["fw-button", [_ctx.baseClass, _ctx.textColorClass, _ctx.bgColorClass, _ctx.sizeClass, _ctx.borderClass, _ctx.rounded && _ctx.variant !== 'link' ? 'rounded-full' : 'rounded', _ctx.variant === 'link' ? 'pl-0 pr-0 pt-0 pb-0 font-normal rounded-1' : 'font-semibold', _ctx.animation === 'fade' ? 'animation--fade' : 'animation--alternate', _ctx.loading === true ? 'fw-button--loading cursor-progress' : 'cursor-pointer']]),
|
|
248
|
+
"class": normalizeClass(["fw-button", [_ctx.baseClass, _ctx.textColorClass, _ctx.bgColorClass, _ctx.sizeClass, _ctx.borderClass, _ctx.rounded && _ctx.variant !== 'link' ? 'rounded-full' : 'rounded', _ctx.variant === 'link' ? 'pl-0 pr-0 pt-0 pb-0 font-normal rounded-1' : 'font-semibold', _ctx.animation === 'fade' ? 'animation--fade' : 'animation--alternate', _ctx.loading === true ? 'fw-button--loading cursor-progress' : 'cursor-pointer', _ctx.disabled && !_ctx.loading ? 'pointer-events-none text-grey-light' : '', _ctx.disabled && _ctx.active ? 'fw-button--disabled-active' : '']]),
|
|
230
249
|
type: _ctx.tagName === 'button' ? _ctx.buttonType : null,
|
|
231
250
|
to: _ctx.to ? _ctx.to : null,
|
|
232
251
|
href: _ctx.href ? _ctx.href : null,
|
|
233
252
|
tabindex: _ctx.to ? 0 : null,
|
|
234
|
-
disabled: _ctx.loading,
|
|
253
|
+
disabled: _ctx.loading || _ctx.disabled,
|
|
235
254
|
target: !!_ctx.external ? '_blank' : null,
|
|
255
|
+
active: _ctx.active,
|
|
236
256
|
onClick: _ctx.onClick,
|
|
237
257
|
onFocusin: _ctx.onFocusin,
|
|
238
258
|
onFocusout: _ctx.onFocusout,
|
|
@@ -254,11 +274,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
254
274
|
})], 2)) : createCommentVNode("", true)])) : createCommentVNode("", true)];
|
|
255
275
|
}),
|
|
256
276
|
_: 3
|
|
257
|
-
}, 40, ["class", "type", "to", "href", "tabindex", "disabled", "target", "onClick", "onFocusin", "onFocusout", "onMouseover", "onMouseout"]);
|
|
277
|
+
}, 40, ["class", "type", "to", "href", "tabindex", "disabled", "target", "active", "onClick", "onFocusin", "onFocusout", "onMouseover", "onMouseout"]);
|
|
258
278
|
}
|
|
259
279
|
|
|
260
|
-
var css_248z = ".fw-button{line-height:normal}.fw-button--label-wrapper{-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:margin,padding;-moz-transition-property:margin,padding;transition-property:margin,padding;-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.fw-button--primary{background:var(--colorButtonPrimary);color:var(--colorButtonPrimaryText)}.fw-button--primary.fw-button--loading,.fw-button--primary:hover{background:var(--colorButtonPrimaryFade);border-color:var(--colorButtonPrimaryFade)}.fw-button--secondary{background:var(--colorButtonSecondary);color:var(--colorButtonSecondaryText)}.fw-button--secondary.animation--alternate.fw-button--loading,.fw-button--secondary.animation--alternate:hover{background:var(--colorButtonSecondaryText);color:var(--colorButtonSecondary)}.fw-button--secondary.animation--fade.fw-button--loading,.fw-button--secondary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--tertiary{background:var(--colorButtonTertiary);color:var(--colorButtonTertiaryText)}.fw-button--tertiary.animation--alternate.fw-button--loading,.fw-button--tertiary.animation--alternate:hover{background:var(--colorButtonTertiaryText);color:var(--colorButtonTertiary)}.fw-button--tertiary.animation--fade.fw-button--loading,.fw-button--tertiary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}";
|
|
261
|
-
var stylesheet = ".fw-button{line-height:normal}.fw-button--label-wrapper{-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:margin,padding;-moz-transition-property:margin,padding;transition-property:margin,padding;-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.fw-button--primary{background:var(--colorButtonPrimary);color:var(--colorButtonPrimaryText)}.fw-button--primary.fw-button--loading,.fw-button--primary:hover{background:var(--colorButtonPrimaryFade);border-color:var(--colorButtonPrimaryFade)}.fw-button--secondary{background:var(--colorButtonSecondary);color:var(--colorButtonSecondaryText)}.fw-button--secondary.animation--alternate.fw-button--loading,.fw-button--secondary.animation--alternate:hover{background:var(--colorButtonSecondaryText);color:var(--colorButtonSecondary)}.fw-button--secondary.animation--fade.fw-button--loading,.fw-button--secondary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--tertiary{background:var(--colorButtonTertiary);color:var(--colorButtonTertiaryText)}.fw-button--tertiary.animation--alternate.fw-button--loading,.fw-button--tertiary.animation--alternate:hover{background:var(--colorButtonTertiaryText);color:var(--colorButtonTertiary)}.fw-button--tertiary.animation--fade.fw-button--loading,.fw-button--tertiary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}";
|
|
280
|
+
var css_248z = ".fw-button{line-height:normal}.fw-button--label-wrapper{-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:margin,padding;-moz-transition-property:margin,padding;transition-property:margin,padding;-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.fw-button--primary{background:var(--colorButtonPrimary);color:var(--colorButtonPrimaryText)}.fw-button--primary.fw-button--loading,.fw-button--primary:hover{background:var(--colorButtonPrimaryFade);border-color:var(--colorButtonPrimaryFade)}.fw-button--secondary{background:var(--colorButtonSecondary);color:var(--colorButtonSecondaryText)}.fw-button--secondary.animation--alternate.fw-button--loading,.fw-button--secondary.animation--alternate:hover{background:var(--colorButtonSecondaryText);color:var(--colorButtonSecondary)}.fw-button--secondary.animation--fade.fw-button--loading,.fw-button--secondary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--tertiary{background:var(--colorButtonTertiary);color:var(--colorButtonTertiaryText)}.fw-button--tertiary.animation--alternate.fw-button--loading,.fw-button--tertiary.animation--alternate:hover{background:var(--colorButtonTertiaryText);color:var(--colorButtonTertiary)}.fw-button--tertiary.animation--fade.fw-button--loading,.fw-button--tertiary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--disabled-active{background:var(--colorButtonDisabled)!important;color:rgb(from var(--colorButtonDisabledText) r g b/.6)!important}";
|
|
281
|
+
var stylesheet = ".fw-button{line-height:normal}.fw-button--label-wrapper{-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:margin,padding;-moz-transition-property:margin,padding;transition-property:margin,padding;-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.fw-button--primary{background:var(--colorButtonPrimary);color:var(--colorButtonPrimaryText)}.fw-button--primary.fw-button--loading,.fw-button--primary:hover{background:var(--colorButtonPrimaryFade);border-color:var(--colorButtonPrimaryFade)}.fw-button--secondary{background:var(--colorButtonSecondary);color:var(--colorButtonSecondaryText)}.fw-button--secondary.animation--alternate.fw-button--loading,.fw-button--secondary.animation--alternate:hover{background:var(--colorButtonSecondaryText);color:var(--colorButtonSecondary)}.fw-button--secondary.animation--fade.fw-button--loading,.fw-button--secondary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--tertiary{background:var(--colorButtonTertiary);color:var(--colorButtonTertiaryText)}.fw-button--tertiary.animation--alternate.fw-button--loading,.fw-button--tertiary.animation--alternate:hover{background:var(--colorButtonTertiaryText);color:var(--colorButtonTertiary)}.fw-button--tertiary.animation--fade.fw-button--loading,.fw-button--tertiary.animation--fade:hover{-webkit-filter:brightness(135%);filter:brightness(135%)}.fw-button--disabled-active{background:var(--colorButtonDisabled)!important;color:rgb(from var(--colorButtonDisabledText) r g b/.6)!important}";
|
|
262
282
|
styleInject(css_248z);
|
|
263
283
|
|
|
264
284
|
script.render = render;
|
package/esm/fw-button.js
CHANGED
package/esm/fw-drawer.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
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-NJeYig99.js';
|
|
3
3
|
import { u as uniqueId } from './uniqueId-DK6xzFd8.js';
|
|
4
4
|
import { b as render$1 } from './index-CUeOOfIp.js';
|
|
5
5
|
import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
|
|
@@ -5,7 +5,7 @@ import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
|
|
|
5
5
|
|
|
6
6
|
var script = defineComponent({
|
|
7
7
|
name: 'FwInput',
|
|
8
|
-
emits: ['update:modelValue'],
|
|
8
|
+
emits: ['update:modelValue', 'focus', 'blur'],
|
|
9
9
|
components: {
|
|
10
10
|
InputField: Field
|
|
11
11
|
},
|
|
@@ -125,10 +125,18 @@ var script = defineComponent({
|
|
|
125
125
|
return ctx.emit('update:modelValue', state);
|
|
126
126
|
}
|
|
127
127
|
});
|
|
128
|
+
var onFocus = function onFocus(e) {
|
|
129
|
+
return ctx.emit('focus', e);
|
|
130
|
+
};
|
|
131
|
+
var onBlur = function onBlur(e) {
|
|
132
|
+
return ctx.emit('blur', e);
|
|
133
|
+
};
|
|
128
134
|
return {
|
|
129
135
|
uuid: uuid,
|
|
130
136
|
inputBaseClass: inputBaseClass,
|
|
131
|
-
inputValue: inputValue
|
|
137
|
+
inputValue: inputValue,
|
|
138
|
+
onFocus: onFocus,
|
|
139
|
+
onBlur: onBlur
|
|
132
140
|
};
|
|
133
141
|
}
|
|
134
142
|
});
|
|
@@ -173,7 +181,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
173
181
|
var _component_InputField = resolveComponent("InputField");
|
|
174
182
|
return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(_component_InputField, {
|
|
175
183
|
modelValue: _ctx.inputValue,
|
|
176
|
-
"onUpdate:modelValue": _cache[
|
|
184
|
+
"onUpdate:modelValue": _cache[2] || (_cache[2] = function ($event) {
|
|
177
185
|
return _ctx.inputValue = $event;
|
|
178
186
|
}),
|
|
179
187
|
name: _ctx.name,
|
|
@@ -208,7 +216,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
208
216
|
'pr-20': !!_ctx.$slots.suffix
|
|
209
217
|
}, (errorMessage || errors[0]) && meta.touched ? 'border-error text-error' : 'border-grey-40', _ctx.inputBaseClass, _ctx.rounded ? 'rounded-full' : 'rounded', {
|
|
210
218
|
'text-center': _ctx.centerAlignInput
|
|
211
|
-
}]]
|
|
219
|
+
}]],
|
|
220
|
+
onFocus: _cache[0] || (_cache[0] = function () {
|
|
221
|
+
return _ctx.onFocus && _ctx.onFocus.apply(_ctx, arguments);
|
|
222
|
+
}),
|
|
223
|
+
onBlur: _cache[1] || (_cache[1] = function () {
|
|
224
|
+
return _ctx.onBlur && _ctx.onBlur.apply(_ctx, arguments);
|
|
225
|
+
})
|
|
212
226
|
}), null, 16, _hoisted_8), _ctx.$slots.suffix ? (openBlock(), createElementBlock("div", _hoisted_9, [renderSlot(_ctx.$slots, "suffix", {
|
|
213
227
|
"class": "h-full"
|
|
214
228
|
})])) : createCommentVNode("", true)]), _ctx.enableErrors ? (openBlock(), createElementBlock("div", _hoisted_10, [createVNode(Transition, {
|
package/esm/fw-input.js
CHANGED
package/esm/fw-media-picker.js
CHANGED
|
@@ -3,7 +3,7 @@ import { defineComponent, ref, computed, watch, createElementVNode, resolveCompo
|
|
|
3
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-CUeOOfIp.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-NJeYig99.js';
|
|
7
7
|
import './check--YD4Ts6g.js';
|
|
8
8
|
import './uniqueId-DK6xzFd8.js';
|
|
9
9
|
import './style-inject.es-tgCJW-Cu.js';
|
package/esm/fw-modal.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
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-NJeYig99.js';
|
|
3
3
|
import { u as uniqueId } from './uniqueId-DK6xzFd8.js';
|
|
4
4
|
import { b as render$1 } from './index-CUeOOfIp.js';
|
|
5
5
|
import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
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-NJeYig99.js';
|
|
3
3
|
import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
|
|
4
4
|
import './fw-loading-spinner-CfcmqMwb.js';
|
|
5
5
|
import './index-CUeOOfIp.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, Fragment, renderList, createBlock, withCtx, createTextVNode, toDisplayString } from 'vue';
|
|
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-NJeYig99.js';
|
|
4
4
|
import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
|
|
5
5
|
import './fw-loading-spinner-CfcmqMwb.js';
|
|
6
6
|
import './index-CUeOOfIp.js';
|
|
@@ -32,6 +32,10 @@ var script = defineComponent({
|
|
|
32
32
|
validator: function validator(value) {
|
|
33
33
|
return ['sm', 'md', 'lg', 'xl', '2xl'].includes(value);
|
|
34
34
|
}
|
|
35
|
+
},
|
|
36
|
+
disabled: {
|
|
37
|
+
type: Boolean,
|
|
38
|
+
"default": false
|
|
35
39
|
}
|
|
36
40
|
},
|
|
37
41
|
setup: function setup(props, ctx) {
|
|
@@ -53,27 +57,28 @@ var script = defineComponent({
|
|
|
53
57
|
}
|
|
54
58
|
});
|
|
55
59
|
|
|
56
|
-
var _hoisted_1 = {
|
|
57
|
-
"class": "fw-period-selector w-fit bg-grey-light bg-opacity-10 border-grey-light border-2 border-opacity-40 gap-x-1"
|
|
58
|
-
};
|
|
59
60
|
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
60
61
|
var _component_FwButton = resolveComponent("FwButton");
|
|
61
|
-
return openBlock(), createElementBlock("div",
|
|
62
|
+
return openBlock(), createElementBlock("div", {
|
|
63
|
+
"class": normalizeClass(["fw-period-selector w-fit bg-grey-light bg-opacity-10 border-grey-light border-2 border-opacity-40 gap-x-1", _ctx.disabled === true ? 'hover:none cursor:none pointer-events-none' : ''])
|
|
64
|
+
}, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.periodOptions, function (period) {
|
|
62
65
|
return openBlock(), createBlock(_component_FwButton, {
|
|
63
66
|
key: period,
|
|
64
|
-
variant: _ctx.selectedPeriod === period ? 'tertiary' : 'transparent',
|
|
67
|
+
variant: _ctx.selectedPeriod === period ? _ctx.disabled ? 'disabled' : 'tertiary' : 'transparent',
|
|
65
68
|
"class": "hover:!border-button-primary-bg -m-[2px] flex-1",
|
|
66
69
|
size: _ctx.size,
|
|
67
70
|
onClick: function onClick($event) {
|
|
68
71
|
return _ctx.selectedPeriod = period;
|
|
69
|
-
}
|
|
72
|
+
},
|
|
73
|
+
disabled: _ctx.disabled,
|
|
74
|
+
active: _ctx.disabled && _ctx.selectedPeriod === period
|
|
70
75
|
}, {
|
|
71
76
|
"default": withCtx(function () {
|
|
72
77
|
return [createTextVNode(toDisplayString(_ctx.generateButtonLabel(period)), 1)];
|
|
73
78
|
}),
|
|
74
79
|
_: 2
|
|
75
|
-
}, 1032, ["variant", "size", "onClick"]);
|
|
76
|
-
}), 128))]);
|
|
80
|
+
}, 1032, ["variant", "size", "onClick", "disabled", "active"]);
|
|
81
|
+
}), 128))], 2);
|
|
77
82
|
}
|
|
78
83
|
|
|
79
84
|
var css_248z = ".fw-period-selector{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-moz-box-orient:horizontal;-moz-box-direction:normal;border-radius:9999px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}";
|
package/esm/fw-provider-list.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
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-
|
|
4
|
-
import { s as script$1 } from './fw-input-
|
|
5
|
-
import { _ as __default__$1 } from './fw-tag-
|
|
6
|
-
import { s as script$3 } from './fw-button-
|
|
3
|
+
import { _ as __default__, s as script$4, a as script$5 } from './fw-table-row-D2KYRG5K.js';
|
|
4
|
+
import { s as script$1 } from './fw-input-XeI-IKly.js';
|
|
5
|
+
import { _ as __default__$1 } from './fw-tag-D-U6RKuG.js';
|
|
6
|
+
import { s as script$3 } from './fw-button-NJeYig99.js';
|
|
7
7
|
import { s as script$2 } from './fw-dropdown-b1b7d7BF.js';
|
|
8
8
|
import { i as render$1, j as render$2, k as render$3 } from './index-CUeOOfIp.js';
|
|
9
9
|
import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
|
package/esm/fw-sidebar-menu.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
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-
|
|
2
|
+
import { s as script$1 } from './fw-button-NJeYig99.js';
|
|
3
3
|
import { l as render$1 } from './index-CUeOOfIp.js';
|
|
4
4
|
import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
|
|
5
5
|
import './fw-loading-spinner-CfcmqMwb.js';
|
|
@@ -2,7 +2,7 @@ import { m as render$3, n as render$4, o as render$5, l as render$6 } from './in
|
|
|
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-NJeYig99.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-
|
|
1
|
+
export { _ as FwTable, s as FwTableHead, a as FwTableRow } from './fw-table-row-D2KYRG5K.js';
|
|
2
2
|
import './index-CUeOOfIp.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-
|
|
8
|
+
import './fw-button-NJeYig99.js';
|
|
9
9
|
import './fw-loading-spinner-CfcmqMwb.js';
|
|
@@ -2,7 +2,7 @@ import { defineComponent, ref, computed, useCssVars, resolveComponent, openBlock
|
|
|
2
2
|
import './fw-button.js';
|
|
3
3
|
import { b as render$1 } from './index-CUeOOfIp.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-NJeYig99.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,7 +1,7 @@
|
|
|
1
|
-
export { _ as FwTag } from './fw-tag-
|
|
1
|
+
export { _ as FwTag } from './fw-tag-D-U6RKuG.js';
|
|
2
2
|
import 'vue';
|
|
3
3
|
import './fw-button.js';
|
|
4
|
-
import './fw-button-
|
|
4
|
+
import './fw-button-NJeYig99.js';
|
|
5
5
|
import './fw-loading-spinner-CfcmqMwb.js';
|
|
6
6
|
import './index-CUeOOfIp.js';
|
|
7
7
|
import './check--YD4Ts6g.js';
|
package/esm/index.js
CHANGED
|
@@ -26,12 +26,12 @@ import { FwPeriodSelector as script$f } from './fw-period-selector.js';
|
|
|
26
26
|
import { FwMediaPicker as script$c } from './fw-media-picker.js';
|
|
27
27
|
import { FwEmailPulse as __default__$2, FwSuccessPulse as __default__$4 } from './fw-animations.js';
|
|
28
28
|
import { F as Form } from './vee-validate.esm-3ptvCDR1.js';
|
|
29
|
-
import { s as script$7 } from './fw-input-
|
|
29
|
+
import { s as script$7 } from './fw-input-XeI-IKly.js';
|
|
30
30
|
import { s as script$5 } from './fw-dropdown-b1b7d7BF.js';
|
|
31
31
|
import { s as script$2 } from './fw-card-bsYbpPmW.js';
|
|
32
|
-
import { s as script$1 } from './fw-button-
|
|
33
|
-
import { _ as __default__$6 } from './fw-tag-
|
|
34
|
-
import { _ as __default__$5, s as script$k, a as script$l } from './fw-table-row-
|
|
32
|
+
import { s as script$1 } from './fw-button-NJeYig99.js';
|
|
33
|
+
import { _ as __default__$6 } from './fw-tag-D-U6RKuG.js';
|
|
34
|
+
import { _ as __default__$5, s as script$k, a as script$l } from './fw-table-row-D2KYRG5K.js';
|
|
35
35
|
import { s as script$6 } from './fw-image-Dlb_dFZf.js';
|
|
36
36
|
import { s as script$8 } from './fw-loading-bar-DThRjdw1.js';
|
|
37
37
|
import { s as script$a } from './fw-loading-spinner-CfcmqMwb.js';
|