@frollo/frollo-web-ui 6.0.4 → 7.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/cjs/index.js CHANGED
@@ -5764,13 +5764,13 @@ var _hoisted_3$s = {
5764
5764
  "class": "flex flex-row justify-between"
5765
5765
  };
5766
5766
  var _hoisted_4$g = ["for"];
5767
- var _hoisted_5$d = {
5767
+ var _hoisted_5$e = {
5768
5768
  key: 1
5769
5769
  };
5770
- var _hoisted_6$a = {
5770
+ var _hoisted_6$b = {
5771
5771
  "class": "relative"
5772
5772
  };
5773
- var _hoisted_7$9 = {
5773
+ var _hoisted_7$a = {
5774
5774
  key: 0,
5775
5775
  "class": "flex text-black absolute w-9 h-full inset-y-0 left-0 items-center pl-3 pointer-events-none"
5776
5776
  };
@@ -5811,7 +5811,9 @@ function render$t(_ctx, _cache, $props, $setup, $data, $options) {
5811
5811
  key: 0,
5812
5812
  "for": "fw-input-".concat(_ctx.name, "-").concat(_ctx.uuid),
5813
5813
  "class": "block mb-2 font-medium"
5814
- }, vue.toDisplayString(_ctx.label), 9, _hoisted_4$g)) : vue.createCommentVNode("", true), _ctx.$slots.action ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$d, [vue.renderSlot(_ctx.$slots, "action")])) : vue.createCommentVNode("", true)]), vue.createElementVNode("div", _hoisted_6$a, [_ctx.$slots.prefix ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$9, [vue.renderSlot(_ctx.$slots, "prefix")])) : vue.createCommentVNode("", true), vue.createElementVNode("input", vue.mergeProps(field, {
5814
+ }, vue.toDisplayString(_ctx.label), 9, _hoisted_4$g)) : vue.createCommentVNode("", true), _ctx.$slots.action ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$e, [vue.renderSlot(_ctx.$slots, "action")])) : vue.createCommentVNode("", true)]), vue.createElementVNode("div", _hoisted_6$b, [_ctx.$slots.prefix ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$a, [vue.renderSlot(_ctx.$slots, "prefix", {
5815
+ "class": "h-full"
5816
+ })])) : vue.createCommentVNode("", true), vue.createElementVNode("input", vue.mergeProps(field, {
5815
5817
  id: "fw-input-".concat(_ctx.name, "-").concat(_ctx.uuid),
5816
5818
  placeholder: _ctx.placeholder,
5817
5819
  type: _ctx.type,
@@ -5839,7 +5841,9 @@ function render$t(_ctx, _cache, $props, $setup, $data, $options) {
5839
5841
  })], 2)) : vue.createCommentVNode("", true)];
5840
5842
  }),
5841
5843
  _: 2
5842
- }, 1024)) : vue.createCommentVNode("", true), _ctx.$slots.suffix ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$9, [vue.renderSlot(_ctx.$slots, "suffix")])) : vue.createCommentVNode("", true)]), _ctx.enableErrors ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$6, [vue.createVNode(vue.Transition, {
5844
+ }, 1024)) : vue.createCommentVNode("", true), _ctx.$slots.suffix ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$9, [vue.renderSlot(_ctx.$slots, "suffix", {
5845
+ "class": "h-full"
5846
+ })])) : vue.createCommentVNode("", true)]), _ctx.enableErrors ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$6, [vue.createVNode(vue.Transition, {
5843
5847
  name: "fwFadeIn",
5844
5848
  mode: "out-in"
5845
5849
  }, {
@@ -5951,9 +5955,9 @@ var _hoisted_2$v = {
5951
5955
  };
5952
5956
  var _hoisted_3$r = ["for"];
5953
5957
  var _hoisted_4$f = ["value", "name", "id"];
5954
- var _hoisted_5$c = ["value", "name", "id", "checked"];
5955
- var _hoisted_6$9 = ["innerHTML"];
5956
- var _hoisted_7$8 = {
5958
+ var _hoisted_5$d = ["value", "name", "id", "checked"];
5959
+ var _hoisted_6$a = ["innerHTML"];
5960
+ var _hoisted_7$9 = {
5957
5961
  key: 0,
5958
5962
  "class": "italic text-sm font-medium min-h-[21px]"
5959
5963
  };
@@ -5997,11 +6001,11 @@ function render$s(_ctx, _cache, $props, $setup, $data, $options) {
5997
6001
  type: "checkbox",
5998
6002
  checked: _ctx.isChecked,
5999
6003
  "class": "text-link w-6 h-6 cursor-pointer bg-white border-grey-light border rounded"
6000
- }), null, 16, _hoisted_5$c)), _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", {
6004
+ }), null, 16, _hoisted_5$d)), _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", {
6001
6005
  key: 2,
6002
6006
  "class": "ml-2",
6003
6007
  innerHTML: _ctx.label
6004
- }, null, 8, _hoisted_6$9)) : vue.createCommentVNode("", true)], 8, _hoisted_3$r), _ctx.enableErrors ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$8, [vue.createVNode(vue.Transition, {
6008
+ }, null, 8, _hoisted_6$a)) : vue.createCommentVNode("", true)], 8, _hoisted_3$r), _ctx.enableErrors ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$9, [vue.createVNode(vue.Transition, {
6005
6009
  name: "fwFadeIn",
6006
6010
  mode: "out-in"
6007
6011
  }, {
@@ -6176,12 +6180,12 @@ var _hoisted_3$q = ["id", "aria-expanded"];
6176
6180
  var _hoisted_4$e = {
6177
6181
  key: 0
6178
6182
  };
6179
- var _hoisted_5$b = {
6183
+ var _hoisted_5$c = {
6180
6184
  key: 1,
6181
6185
  "class": "text-grey-base"
6182
6186
  };
6183
- var _hoisted_6$8 = ["aria-labelledby"];
6184
- var _hoisted_7$7 = ["onClick"];
6187
+ var _hoisted_6$9 = ["aria-labelledby"];
6188
+ var _hoisted_7$8 = ["onClick"];
6185
6189
  var _hoisted_8$7 = {
6186
6190
  key: 1,
6187
6191
  "class": "italic text-right text-sm font-medium min-h-[21px]"
@@ -6205,7 +6209,7 @@ function render$r(_ctx, _cache, $props, $setup, $data, $options) {
6205
6209
  id: "".concat(_ctx.name, "-fw-dropdown--button"),
6206
6210
  "aria-expanded": _ctx.isOpen,
6207
6211
  "aria-haspopup": "true"
6208
- }, [(_ctx$selectedOption = _ctx.selectedOption) !== null && _ctx$selectedOption !== void 0 && _ctx$selectedOption.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$e, vue.toDisplayString((_ctx$selectedOption2 = _ctx.selectedOption) === null || _ctx$selectedOption2 === void 0 ? void 0 : _ctx$selectedOption2.label), 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$b, vue.toDisplayString(_ctx.placeholder), 1)), vue.createVNode(_component_ChevronDownSvg, {
6212
+ }, [(_ctx$selectedOption = _ctx.selectedOption) !== null && _ctx$selectedOption !== void 0 && _ctx$selectedOption.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$e, vue.toDisplayString((_ctx$selectedOption2 = _ctx.selectedOption) === null || _ctx$selectedOption2 === void 0 ? void 0 : _ctx$selectedOption2.label), 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$c, vue.toDisplayString(_ctx.placeholder), 1)), vue.createVNode(_component_ChevronDownSvg, {
6209
6213
  "class": vue.normalizeClass(["w-6 text-primary transition-transform duration-300", _ctx.isOpen ? 'rotate-180' : ''])
6210
6214
  }, null, 8, ["class"])], 10, _hoisted_3$q), vue.createVNode(vue.Transition, {
6211
6215
  name: "slideUpDown"
@@ -6227,8 +6231,8 @@ function render$r(_ctx, _cache, $props, $setup, $data, $options) {
6227
6231
  onClick: function onClick($event) {
6228
6232
  return _ctx.selectOption(option);
6229
6233
  }
6230
- }, vue.toDisplayString(option.label), 11, _hoisted_7$7);
6231
- }), 128))], 10, _hoisted_6$8)) : vue.createCommentVNode("", true)];
6234
+ }, vue.toDisplayString(option.label), 11, _hoisted_7$8);
6235
+ }), 128))], 10, _hoisted_6$9)) : vue.createCommentVNode("", true)];
6232
6236
  }),
6233
6237
  _: 1
6234
6238
  }), _ctx.enableErrors ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$7, [vue.createVNode(vue.Transition, {
@@ -6646,14 +6650,14 @@ var _hoisted_3$o = {
6646
6650
  var _hoisted_4$d = {
6647
6651
  "class": "flex space-x-2"
6648
6652
  };
6649
- var _hoisted_5$a = {
6653
+ var _hoisted_5$b = {
6650
6654
  key: 2,
6651
6655
  "class": "hidden sm:flex items-center justify-start sm:ml-6"
6652
6656
  };
6653
- var _hoisted_6$7 = {
6657
+ var _hoisted_6$8 = {
6654
6658
  "class": "flex items-center sm:hidden"
6655
6659
  };
6656
- var _hoisted_7$6 = /*#__PURE__*/vue.createElementVNode("span", {
6660
+ var _hoisted_7$7 = /*#__PURE__*/vue.createElementVNode("span", {
6657
6661
  "class": "sr-only"
6658
6662
  }, "Open main menu", -1);
6659
6663
  var _hoisted_8$6 = {
@@ -6689,7 +6693,7 @@ function render$n(_ctx, _cache, $props, $setup, $data, $options) {
6689
6693
  }),
6690
6694
  _: 2
6691
6695
  }, 1032, ["href", "to", "external", "onClick"]);
6692
- }), 128))])])) : vue.createCommentVNode("", true), _ctx.actionLabel ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$a, [vue.createVNode(_component_FwButton, {
6696
+ }), 128))])])) : vue.createCommentVNode("", true), _ctx.actionLabel ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$b, [vue.createVNode(_component_FwButton, {
6693
6697
  onClick: _ctx.actionClicked,
6694
6698
  size: "md",
6695
6699
  "aria-label": _ctx.actionLabel
@@ -6698,13 +6702,13 @@ function render$n(_ctx, _cache, $props, $setup, $data, $options) {
6698
6702
  return [vue.createTextVNode(vue.toDisplayString(_ctx.actionLabel), 1)];
6699
6703
  }),
6700
6704
  _: 1
6701
- }, 8, ["onClick", "aria-label"])])) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_6$7, [vue.createVNode(_component_FwButton, {
6705
+ }, 8, ["onClick", "aria-label"])])) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_6$8, [vue.createVNode(_component_FwButton, {
6702
6706
  variant: "text",
6703
6707
  size: "sm",
6704
6708
  onClick: _ctx.toggleMobileMenu
6705
6709
  }, {
6706
6710
  "default": vue.withCtx(function () {
6707
- return [_hoisted_7$6, (vue.openBlock(), vue.createElementBlock("svg", _hoisted_8$6, [vue.createElementVNode("path", {
6711
+ return [_hoisted_7$7, (vue.openBlock(), vue.createElementBlock("svg", _hoisted_8$6, [vue.createElementVNode("path", {
6708
6712
  "stroke-linecap": "round",
6709
6713
  "stroke-linejoin": "round",
6710
6714
  "stroke-width": "2",
@@ -6901,11 +6905,10 @@ $$b({ target: 'Array', proto: true, arity: 1, forced: INCORRECT_TO_LENGTH || SIL
6901
6905
  };
6902
6906
  }
6903
6907
  });var _hoisted_1$u = {
6904
- key: 0,
6905
6908
  "class": "fw-tab w-full"
6906
6909
  };
6907
6910
  function render$l(_ctx, _cache, $props, $setup, $data, $options) {
6908
- return _ctx.isActive ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$u, [vue.renderSlot(_ctx.$slots, "default")])) : vue.createCommentVNode("", true);
6911
+ return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_1$u, [vue.renderSlot(_ctx.$slots, "default")], 512)), [[vue.vShow, _ctx.isActive]]);
6909
6912
  }script$e.render = render$l;var script$d = vue.defineComponent({
6910
6913
  name: 'FwModal',
6911
6914
  components: {
@@ -7017,16 +7020,16 @@ var _hoisted_3$m = {
7017
7020
  "class": "fw-modal--wrapper text-center overflow-auto flex justify-center items-center h-full"
7018
7021
  };
7019
7022
  var _hoisted_4$c = ["role", "aria-labelledby", "aria-describedby"];
7020
- var _hoisted_5$9 = {
7023
+ var _hoisted_5$a = {
7021
7024
  key: 0,
7022
7025
  "class": "fw-modal--header text-center"
7023
7026
  };
7024
- var _hoisted_6$6 = {
7027
+ var _hoisted_6$7 = {
7025
7028
  key: 0,
7026
7029
  id: "modal-logo",
7027
7030
  "class": "flex justify-center"
7028
7031
  };
7029
- var _hoisted_7$5 = ["id"];
7032
+ var _hoisted_7$6 = ["id"];
7030
7033
  var _hoisted_8$5 = ["id", "innerHTML"];
7031
7034
  var _hoisted_9$5 = ["id"];
7032
7035
  var _hoisted_10$3 = ["innerHTML", "id"];
@@ -7044,8 +7047,7 @@ function render$k(_ctx, _cache, $props, $setup, $data, $options) {
7044
7047
  appear: ""
7045
7048
  }, {
7046
7049
  "default": vue.withCtx(function () {
7047
- return [_ctx.isOpen ? (vue.openBlock(), vue.createElementBlock("div", {
7048
- key: 0,
7050
+ return [vue.withDirectives(vue.createElementVNode("div", {
7049
7051
  "class": "fw-modal z-[9999] relative",
7050
7052
  id: "fw-modal-".concat(_ctx.uuid)
7051
7053
  }, [vue.createElementVNode("div", _hoisted_2$q, [vue.createElementVNode("div", _hoisted_3$m, [vue.createElementVNode("div", {
@@ -7054,10 +7056,10 @@ function render$k(_ctx, _cache, $props, $setup, $data, $options) {
7054
7056
  "class": "fw-modal--container p-12 m-8 inline-block w-full max-w-[540px] bg-white rounded-2xl shadow",
7055
7057
  "aria-labelledby": _ctx.$slots.header || _ctx.header ? "modal_".concat(_ctx.uuid, "_header") : undefined,
7056
7058
  "aria-describedby": _ctx.$slots.body ? "modal_".concat(_ctx.uuid, "_body") : undefined
7057
- }, [_ctx.$slots.icon || _ctx.$slots.header || _ctx.header ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$9, [_ctx.$slots.icon ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$6, [vue.renderSlot(_ctx.$slots, "icon")])) : vue.createCommentVNode("", true), _ctx.$slots.header ? (vue.openBlock(), vue.createElementBlock("h2", {
7059
+ }, [_ctx.$slots.icon || _ctx.$slots.header || _ctx.header ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$a, [_ctx.$slots.icon ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$7, [vue.renderSlot(_ctx.$slots, "icon")])) : vue.createCommentVNode("", true), _ctx.$slots.header ? (vue.openBlock(), vue.createElementBlock("h2", {
7058
7060
  key: 1,
7059
7061
  id: "modal_".concat(_ctx.uuid, "_header")
7060
- }, [vue.renderSlot(_ctx.$slots, "header")], 8, _hoisted_7$5)) : _ctx.header ? (vue.openBlock(), vue.createElementBlock("h2", {
7062
+ }, [vue.renderSlot(_ctx.$slots, "header")], 8, _hoisted_7$6)) : _ctx.header ? (vue.openBlock(), vue.createElementBlock("h2", {
7061
7063
  key: 2,
7062
7064
  id: "modal_".concat(_ctx.uuid, "_header"),
7063
7065
  innerHTML: _ctx.header
@@ -7096,7 +7098,7 @@ function render$k(_ctx, _cache, $props, $setup, $data, $options) {
7096
7098
  return [vue.createTextVNode(vue.toDisplayString(_ctx.confirmButtonText), 1)];
7097
7099
  }),
7098
7100
  _: 1
7099
- }, 8, ["variant", "aria-label"])) : vue.createCommentVNode("", true)])) : vue.createCommentVNode("", true)], 8, _hoisted_4$c)])])], 8, _hoisted_1$t)) : vue.createCommentVNode("", true)];
7101
+ }, 8, ["variant", "aria-label"])) : vue.createCommentVNode("", true)])) : vue.createCommentVNode("", true)], 8, _hoisted_4$c)])])], 8, _hoisted_1$t), [[vue.vShow, _ctx.isOpen]])];
7100
7102
  }),
7101
7103
  _: 3
7102
7104
  })], 8, ["to"])) : vue.createCommentVNode("", true);
@@ -7159,7 +7161,7 @@ var _hoisted_4$b = {
7159
7161
  key: 0,
7160
7162
  "class": "w-full flex items-start mt-[13px] mx-[-15px]"
7161
7163
  };
7162
- var _hoisted_5$8 = {
7164
+ var _hoisted_5$9 = {
7163
7165
  "class": "w-full bg-grey-40 rounded flex-1"
7164
7166
  };
7165
7167
  function render$j(_ctx, _cache, $props, $setup, $data, $options) {
@@ -7180,7 +7182,7 @@ function render$j(_ctx, _cache, $props, $setup, $data, $options) {
7180
7182
  'font-bold': step.position === _ctx.activeStep,
7181
7183
  'text-body': step.position > _ctx.activeStep
7182
7184
  }])
7183
- }, vue.toDisplayString(step.label), 3)], 2), step.position !== _ctx.steps.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$b, [vue.createElementVNode("div", _hoisted_5$8, [vue.createElementVNode("div", {
7185
+ }, vue.toDisplayString(step.label), 3)], 2), step.position !== _ctx.steps.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$b, [vue.createElementVNode("div", _hoisted_5$9, [vue.createElementVNode("div", {
7184
7186
  "class": "bg-primary text-xs leading-none py-0.5 text-center rounded transition-all",
7185
7187
  style: vue.normalizeStyle(step.position < _ctx.activeStep ? 'width:100%;' : _ctx.calculatedProgressBar(step))
7186
7188
  }, null, 4)])])) : vue.createCommentVNode("", true)], 2);
@@ -7826,14 +7828,14 @@ var _hoisted_3$k = ["tabindex", "onKeydown", "onClick"];
7826
7828
  var _hoisted_4$a = {
7827
7829
  "class": "flex flex-row items-center"
7828
7830
  };
7829
- var _hoisted_5$7 = {
7831
+ var _hoisted_5$8 = {
7830
7832
  key: 0,
7831
7833
  "class": "ml-1 flex items-center justify-center w-5"
7832
7834
  };
7833
- var _hoisted_6$5 = {
7835
+ var _hoisted_6$6 = {
7834
7836
  "class": "text-p2 bg-white font-light"
7835
7837
  };
7836
- var _hoisted_7$4 = {
7838
+ var _hoisted_7$5 = {
7837
7839
  key: 0,
7838
7840
  "class": "py-4 pl-5 pr-3 text-left"
7839
7841
  };
@@ -7868,7 +7870,7 @@ function render$g(_ctx, _cache, $props, $setup, $data, $options) {
7868
7870
  }
7869
7871
  }, [vue.createElementVNode("div", _hoisted_4$a, [vue.createElementVNode("span", {
7870
7872
  "class": vue.normalizeClass(_ctx.sortedIcon('asc', column) || _ctx.sortedIcon('desc', column) ? 'text-primary' : '')
7871
- }, vue.toDisplayString(column), 3), _ctx.isColumnSortable(column) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$7, [!_ctx.sortedIcon('asc', column) && !_ctx.sortedIcon('desc', column) ? (vue.openBlock(), vue.createBlock(_component_ArrowSortSvg, {
7873
+ }, vue.toDisplayString(column), 3), _ctx.isColumnSortable(column) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$8, [!_ctx.sortedIcon('asc', column) && !_ctx.sortedIcon('desc', column) ? (vue.openBlock(), vue.createBlock(_component_ArrowSortSvg, {
7872
7874
  key: 0,
7873
7875
  "class": "inline-block w-full text-grey-base"
7874
7876
  })) : vue.createCommentVNode("", true), _ctx.sortedIcon('asc', column) ? (vue.openBlock(), vue.createBlock(_component_ArrowDownSvg, {
@@ -7880,7 +7882,7 @@ function render$g(_ctx, _cache, $props, $setup, $data, $options) {
7880
7882
  })) : vue.createCommentVNode("", true)])) : vue.createCommentVNode("", true)])], 42, _hoisted_3$k)) : vue.createCommentVNode("", true)], 64);
7881
7883
  }), 128)), _ctx.$slots.head ? vue.renderSlot(_ctx.$slots, "head", {
7882
7884
  key: 1
7883
- }) : vue.createCommentVNode("", true)])]), vue.createElementVNode("tbody", _hoisted_6$5, [_ctx.loading ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, {
7885
+ }) : vue.createCommentVNode("", true)])]), vue.createElementVNode("tbody", _hoisted_6$6, [_ctx.loading ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, {
7884
7886
  key: 0
7885
7887
  }, vue.renderList(_ctx.sortedData, function (row, trKey) {
7886
7888
  return vue.openBlock(), vue.createElementBlock("tr", {
@@ -7888,7 +7890,7 @@ function render$g(_ctx, _cache, $props, $setup, $data, $options) {
7888
7890
  }, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.columns, function (column, colKey) {
7889
7891
  return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
7890
7892
  key: colKey
7891
- }, [!_ctx.isDisabled(column) ? (vue.openBlock(), vue.createElementBlock("td", _hoisted_7$4, [vue.createVNode(_component_FwLoadingBar, {
7893
+ }, [!_ctx.isDisabled(column) ? (vue.openBlock(), vue.createElementBlock("td", _hoisted_7$5, [vue.createVNode(_component_FwLoadingBar, {
7892
7894
  "class": "w-full h-7"
7893
7895
  })])) : vue.createCommentVNode("", true)], 64);
7894
7896
  }), 128)), _ctx.$slots.row ? (vue.openBlock(), vue.createElementBlock("td", _hoisted_8$4, [vue.createVNode(_component_FwLoadingBar, {
@@ -7951,6 +7953,9 @@ function render$e(_ctx, _cache, $props, $setup, $data, $options) {
7951
7953
  }) : vue.createCommentVNode("", true)]);
7952
7954
  }script$9.render = render$e;var __default__$5 = vue.defineComponent({
7953
7955
  name: 'FwAccordion',
7956
+ components: {
7957
+ ChevronDownSvg: render$Q
7958
+ },
7954
7959
  emits: ['toggled'],
7955
7960
  props: {
7956
7961
  /**
@@ -7959,6 +7964,13 @@ function render$e(_ctx, _cache, $props, $setup, $data, $options) {
7959
7964
  title: {
7960
7965
  type: String
7961
7966
  },
7967
+ /**
7968
+ * Classname for the title
7969
+ */
7970
+ titleClass: {
7971
+ type: String,
7972
+ "default": 'h4'
7973
+ },
7962
7974
  /**
7963
7975
  * Title suffix of the accordion header
7964
7976
  */
@@ -7978,6 +7990,27 @@ function render$e(_ctx, _cache, $props, $setup, $data, $options) {
7978
7990
  iconPositionStart: {
7979
7991
  type: Boolean,
7980
7992
  "default": true
7993
+ },
7994
+ /**
7995
+ * Icon type (arrow or plus)
7996
+ */
7997
+ isArrow: {
7998
+ type: Boolean,
7999
+ "default": false
8000
+ },
8001
+ /**
8002
+ * Padding className for the accordion button
8003
+ */
8004
+ buttonPadding: {
8005
+ type: String,
8006
+ "default": 'px-8 py-4'
8007
+ },
8008
+ /**
8009
+ * Border style className for the accordion button
8010
+ */
8011
+ borderStyle: {
8012
+ type: String,
8013
+ "default": 'rounded-sm border border-grey-40'
7981
8014
  }
7982
8015
  },
7983
8016
  setup: function setup(props, ctx) {
@@ -8012,7 +8045,7 @@ function render$e(_ctx, _cache, $props, $setup, $data, $options) {
8012
8045
  var __injectCSSVars__$4 = function __injectCSSVars__() {
8013
8046
  vue.useCssVars(function (_ctx) {
8014
8047
  return {
8015
- "5f2b9a00": _ctx.bgHoverColor
8048
+ "5f8da0f6": _ctx.bgHoverColor
8016
8049
  };
8017
8050
  });
8018
8051
  };
@@ -8021,37 +8054,55 @@ __default__$5.setup = __setup__$4 ? function (props, ctx) {
8021
8054
  __injectCSSVars__$4();
8022
8055
  return __setup__$4(props, ctx);
8023
8056
  } : __injectCSSVars__$4;var _withScopeId$3 = function _withScopeId(n) {
8024
- return vue.pushScopeId("data-v-a62b48c8"), n = n(), vue.popScopeId(), n;
8057
+ return vue.pushScopeId("data-v-3eea01a5"), n = n(), vue.popScopeId(), n;
8025
8058
  };
8026
8059
  var _hoisted_1$n = {
8027
- "class": "fw-accordion rounded-sm border border-grey-40"
8060
+ "class": "flex flex-row items-center justify-between w-full"
8028
8061
  };
8029
8062
  var _hoisted_2$m = {
8030
- "class": "flex flex-row items-center justify-between w-full"
8063
+ "class": "flex flex-row items-center"
8031
8064
  };
8032
8065
  var _hoisted_3$i = {
8033
- "class": "flex flex-row items-center"
8066
+ key: 0
8034
8067
  };
8035
8068
  var _hoisted_4$9 = {
8069
+ key: 0
8070
+ };
8071
+ var _hoisted_5$7 = {
8072
+ key: 1
8073
+ };
8074
+ var _hoisted_6$5 = {
8036
8075
  key: 0,
8037
8076
  "class": "h4"
8038
8077
  };
8078
+ var _hoisted_7$4 = {
8079
+ key: 1
8080
+ };
8039
8081
  function render$d(_ctx, _cache, $props, $setup, $data, $options) {
8040
- return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$n, [vue.createElementVNode("button", {
8082
+ var _component_ChevronDownSvg = vue.resolveComponent("ChevronDownSvg");
8083
+ return vue.openBlock(), vue.createElementBlock("div", {
8084
+ "class": vue.normalizeClass(["fw-accordion", _ctx.borderStyle])
8085
+ }, [vue.createElementVNode("button", {
8041
8086
  onClick: _cache[0] || (_cache[0] = function ($event) {
8042
8087
  return _ctx.isOpen = !_ctx.isOpen;
8043
8088
  }),
8044
8089
  type: "button",
8045
- "class": vue.normalizeClass(["fw-accordion--header px-8 py-4 bg-white w-full transition-all duration-100 ease-in focus:outline-primary", _ctx.isOpen ? 'fw-accordion--header-open' : ''])
8046
- }, [vue.createElementVNode("div", _hoisted_2$m, [vue.createElementVNode("div", _hoisted_3$i, [_ctx.iconPositionStart ? (vue.openBlock(), vue.createElementBlock("span", {
8090
+ "class": vue.normalizeClass(["fw-accordion--header bg-white w-full transition-all duration-100 ease-in focus:outline-primary", [_ctx.isOpen ? 'fw-accordion--header-open' : '', _ctx.buttonPadding]])
8091
+ }, [vue.createElementVNode("div", _hoisted_1$n, [vue.createElementVNode("div", _hoisted_2$m, [_ctx.iconPositionStart ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$i, [_ctx.isArrow ? (vue.openBlock(), vue.createBlock(_component_ChevronDownSvg, {
8047
8092
  key: 0,
8093
+ "class": vue.normalizeClass(["w-6 text-primary transition-transform duration-300", _ctx.isOpen ? 'rotate-180' : ''])
8094
+ }, null, 8, ["class"])) : (vue.openBlock(), vue.createElementBlock("span", {
8095
+ key: 1,
8048
8096
  "class": vue.normalizeClass(["fw-accordion--icon", _ctx.isOpen ? 'fw-accordion--icon-open' : ''])
8049
- }, null, 2)) : vue.createCommentVNode("", true), vue.createElementVNode("span", {
8050
- "class": vue.normalizeClass(["h4 mb-0", _ctx.iconPositionStart ? 'ml-6' : 'ml-0'])
8051
- }, vue.toDisplayString(_ctx.title), 3)]), _ctx.suffixTitle ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$9, vue.toDisplayString(_ctx.suffixTitle), 1)) : vue.createCommentVNode("", true), !_ctx.iconPositionStart ? (vue.openBlock(), vue.createElementBlock("span", {
8097
+ }, null, 2))])) : vue.createCommentVNode("", true), vue.createElementVNode("div", {
8098
+ "class": vue.normalizeClass([_ctx.titleClass, _ctx.iconPositionStart ? 'ml-6' : 'ml-0'])
8099
+ }, [_ctx.title ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$9, vue.toDisplayString(_ctx.title), 1)) : _ctx.$slots.header ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$7, [vue.renderSlot(_ctx.$slots, "header")])) : vue.createCommentVNode("", true)], 2)]), _ctx.suffixTitle ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$5, vue.toDisplayString(_ctx.suffixTitle), 1)) : vue.createCommentVNode("", true), !_ctx.iconPositionStart ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$4, [_ctx.isArrow ? (vue.openBlock(), vue.createBlock(_component_ChevronDownSvg, {
8100
+ key: 0,
8101
+ "class": vue.normalizeClass(["w-6 text-primary transition-transform duration-300", _ctx.isOpen ? 'rotate-180' : ''])
8102
+ }, null, 8, ["class"])) : (vue.openBlock(), vue.createElementBlock("span", {
8052
8103
  key: 1,
8053
8104
  "class": vue.normalizeClass(["fw-accordion--icon", _ctx.isOpen ? 'fw-accordion--icon-open' : ''])
8054
- }, null, 2)) : vue.createCommentVNode("", true)])], 2), vue.createVNode(vue.Transition, {
8105
+ }, null, 2))])) : vue.createCommentVNode("", true)])], 2), vue.createVNode(vue.Transition, {
8055
8106
  name: "fw-accordion-transition",
8056
8107
  onBeforeEnter: _ctx.beforeEnter,
8057
8108
  onEnter: _ctx.enter,
@@ -8063,11 +8114,11 @@ function render$d(_ctx, _cache, $props, $setup, $data, $options) {
8063
8114
  return [vue.withDirectives(vue.createElementVNode("div", null, [vue.renderSlot(_ctx.$slots, "default")], 512), [[vue.vShow, _ctx.$slots["default"] && _ctx.isOpen]])];
8064
8115
  }),
8065
8116
  _: 3
8066
- }, 8, ["onBeforeEnter", "onEnter", "onBeforeLeave", "onLeave"])]);
8067
- }var css_248z$a = ".fw-accordion--header-open[data-v-a62b48c8],.fw-accordion--header[data-v-a62b48c8]:focus-visible,.fw-accordion--header[data-v-a62b48c8]:hover{background-color:var(--5f2b9a00)}.fw-accordion--icon[data-v-a62b48c8]{position:relative}.fw-accordion--icon[data-v-a62b48c8]:after,.fw-accordion--icon[data-v-a62b48c8]:before{background:var(--colorBody);border-radius:3px;content:\"\";height:.2rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;width:1rem}.fw-accordion--icon[data-v-a62b48c8]:after{-webkit-transform:translate(-50%,-50%) rotate(90deg);-ms-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}.fw-accordion--icon-open[data-v-a62b48c8]:after{width:0}";
8068
- var stylesheet$a = ".fw-accordion--header-open[data-v-a62b48c8],.fw-accordion--header[data-v-a62b48c8]:focus-visible,.fw-accordion--header[data-v-a62b48c8]:hover{background-color:var(--5f2b9a00)}.fw-accordion--icon[data-v-a62b48c8]{position:relative}.fw-accordion--icon[data-v-a62b48c8]:after,.fw-accordion--icon[data-v-a62b48c8]:before{background:var(--colorBody);border-radius:3px;content:\"\";height:.2rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;width:1rem}.fw-accordion--icon[data-v-a62b48c8]:after{-webkit-transform:translate(-50%,-50%) rotate(90deg);-ms-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}.fw-accordion--icon-open[data-v-a62b48c8]:after{width:0}";
8117
+ }, 8, ["onBeforeEnter", "onEnter", "onBeforeLeave", "onLeave"])], 2);
8118
+ }var css_248z$a = ".fw-accordion--header-open[data-v-3eea01a5],.fw-accordion--header[data-v-3eea01a5]:focus-visible,.fw-accordion--header[data-v-3eea01a5]:hover{background-color:var(--5f8da0f6)}.fw-accordion--icon[data-v-3eea01a5]{position:relative}.fw-accordion--icon[data-v-3eea01a5]:after,.fw-accordion--icon[data-v-3eea01a5]:before{background:var(--colorBody);border-radius:3px;content:\"\";height:.2rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;width:1rem}.fw-accordion--icon[data-v-3eea01a5]:after{-webkit-transform:translate(-50%,-50%) rotate(90deg);-ms-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}.fw-accordion--icon-open[data-v-3eea01a5]:after{width:0}";
8119
+ var stylesheet$a = ".fw-accordion--header-open[data-v-3eea01a5],.fw-accordion--header[data-v-3eea01a5]:focus-visible,.fw-accordion--header[data-v-3eea01a5]:hover{background-color:var(--5f8da0f6)}.fw-accordion--icon[data-v-3eea01a5]{position:relative}.fw-accordion--icon[data-v-3eea01a5]:after,.fw-accordion--icon[data-v-3eea01a5]:before{background:var(--colorBody);border-radius:3px;content:\"\";height:.2rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;width:1rem}.fw-accordion--icon[data-v-3eea01a5]:after{-webkit-transform:translate(-50%,-50%) rotate(90deg);-ms-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}.fw-accordion--icon-open[data-v-3eea01a5]:after{width:0}";
8069
8120
  styleInject(css_248z$a);__default__$5.render = render$d;
8070
- __default__$5.__scopeId = "data-v-a62b48c8";var es_array_from = {};var call$7 = functionCall;
8121
+ __default__$5.__scopeId = "data-v-3eea01a5";var es_array_from = {};var call$7 = functionCall;
8071
8122
  var anObject$4 = anObject$d;
8072
8123
  var getMethod$2 = getMethod$4;
8073
8124
 
@@ -24895,7 +24946,6 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
24895
24946
  };
24896
24947
  }
24897
24948
  });var _hoisted_1$g = {
24898
- key: 0,
24899
24949
  "class": "flex flex-col px-4 py-8"
24900
24950
  };
24901
24951
  var _hoisted_2$f = {
@@ -24932,7 +24982,7 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
24932
24982
  name: "sidebarMenuSlide"
24933
24983
  }, {
24934
24984
  "default": vue.withCtx(function () {
24935
- return [_ctx.isMenuOpen ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$g, [_ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$f, [vue.renderSlot(_ctx.$slots, "title")])) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_3$d, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.menuItems, function (item, i) {
24985
+ return [vue.withDirectives(vue.createElementVNode("div", _hoisted_1$g, [_ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$f, [vue.renderSlot(_ctx.$slots, "title")])) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_3$d, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.menuItems, function (item, i) {
24936
24986
  return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
24937
24987
  key: i
24938
24988
  }, [!item.disabled ? (vue.openBlock(), vue.createBlock(_component_FwButton, {
@@ -24952,7 +25002,7 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
24952
25002
  }),
24953
25003
  _: 2
24954
25004
  }, 1032, ["href", "to", "external", "onClick"])) : vue.createCommentVNode("", true)], 64);
24955
- }), 128))])])) : vue.createCommentVNode("", true)];
25005
+ }), 128))])], 512), [[vue.vShow, _ctx.isMenuOpen]])];
24956
25006
  }),
24957
25007
  _: 3
24958
25008
  })], 2)) : vue.createCommentVNode("", true);
@@ -25042,7 +25092,7 @@ styleInject(css_248z$7);script$2.render = render$6;var script$1 = vue.defineComp
25042
25092
  },
25043
25093
  setup: function setup(props, ctx) {
25044
25094
  var baseDrawerClass = "fixed shadow-card top-0 right-0 z-40 h-screen bg-white";
25045
- var drawerFooterClass = "\n sticky bottom-0 w-full shadow-card bg-white p-4\n ";
25095
+ var drawerFooterClass = "\n sticky bottom-0 w-full shadow-card bg-white p-4 clip-top-shadow\n ";
25046
25096
  var isMounted = vue.ref(false);
25047
25097
  var uuid = uniqueId();
25048
25098
  var isOpen = vue.computed({
@@ -25096,8 +25146,7 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
25096
25146
  appear: ""
25097
25147
  }, {
25098
25148
  "default": vue.withCtx(function () {
25099
- return [_ctx.isOpen ? (vue.openBlock(), vue.createElementBlock("div", {
25100
- key: 0,
25149
+ return [vue.withDirectives(vue.createElementVNode("div", {
25101
25150
  id: "fw-drawer-".concat(_ctx.uuid),
25102
25151
  "class": vue.normalizeClass(["fw-drawer", _ctx.baseDrawerClass]),
25103
25152
  tabindex: "-1",
@@ -25123,7 +25172,7 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
25123
25172
  _: 1
25124
25173
  })]), _ctx.$slots.body ? (vue.openBlock(), vue.createElementBlock("div", {
25125
25174
  key: 0,
25126
- "class": "fw-drawer-body h-screen overflow-y-scroll pb-[155px]",
25175
+ "class": "fw-drawer-body h-[calc(100vh-155px)] overflow-y-scroll",
25127
25176
  id: "drawer_".concat(_ctx.uuid, "_body")
25128
25177
  }, [vue.renderSlot(_ctx.$slots, "body")], 8, _hoisted_4$6)) : vue.createCommentVNode("", true), _ctx.$slots.footer || _ctx.showConfirm || _ctx.showCancel ? (vue.openBlock(), vue.createElementBlock("div", {
25129
25178
  key: 1,
@@ -25154,12 +25203,12 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
25154
25203
  return [vue.createTextVNode(vue.toDisplayString(_ctx.confirmButtonText), 1)];
25155
25204
  }),
25156
25205
  _: 1
25157
- }, 8, ["variant", "aria-label"])) : vue.createCommentVNode("", true)]))], 2)) : vue.createCommentVNode("", true)], 10, _hoisted_1$f)) : vue.createCommentVNode("", true)];
25206
+ }, 8, ["variant", "aria-label"])) : vue.createCommentVNode("", true)]))], 2)) : vue.createCommentVNode("", true)], 10, _hoisted_1$f), [[vue.vShow, _ctx.isOpen]])];
25158
25207
  }),
25159
25208
  _: 3
25160
25209
  });
25161
- }var css_248z$6 = ".drawerSlideInOut-enter-active{-webkit-animation:drawerSlideInOut .4s;animation:drawerSlideInOut .4s;-webkit-transition:all .4s ease-in;transition:all .4s ease-in}.drawerSlideInOut-leave-active{animation:drawerSlideInOut .4s reverse;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}@-webkit-keyframes drawerSlideInOut{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes drawerSlideInOut{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}";
25162
- var stylesheet$6 = ".drawerSlideInOut-enter-active{-webkit-animation:drawerSlideInOut .4s;animation:drawerSlideInOut .4s;-webkit-transition:all .4s ease-in;transition:all .4s ease-in}.drawerSlideInOut-leave-active{animation:drawerSlideInOut .4s reverse;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}@-webkit-keyframes drawerSlideInOut{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes drawerSlideInOut{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}";
25210
+ }var css_248z$6 = ".clip-top-shadow{-webkit-clip-path:inset(-4px 0 0 0);clip-path:inset(-4px 0 0 0)}.drawerSlideInOut-enter-active{-webkit-animation:drawerSlideInOut .4s;animation:drawerSlideInOut .4s;-webkit-transition:all .4s ease-in;transition:all .4s ease-in}.drawerSlideInOut-leave-active{animation:drawerSlideInOut .4s reverse;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}@-webkit-keyframes drawerSlideInOut{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes drawerSlideInOut{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}";
25211
+ var stylesheet$6 = ".clip-top-shadow{-webkit-clip-path:inset(-4px 0 0 0);clip-path:inset(-4px 0 0 0)}.drawerSlideInOut-enter-active{-webkit-animation:drawerSlideInOut .4s;animation:drawerSlideInOut .4s;-webkit-transition:all .4s ease-in;transition:all .4s ease-in}.drawerSlideInOut-leave-active{animation:drawerSlideInOut .4s reverse;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}@-webkit-keyframes drawerSlideInOut{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes drawerSlideInOut{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}";
25163
25212
  styleInject(css_248z$6);script$1.render = render$5;function _typeof$1(o) {
25164
25213
  "@babel/helpers - typeof";
25165
25214
 
@@ -35542,14 +35591,14 @@ styleInject(css_248z$4);var __default__$3 = vue.defineComponent({
35542
35591
  var __injectCSSVars__$3 = function __injectCSSVars__() {
35543
35592
  vue.useCssVars(function (_ctx) {
35544
35593
  return {
35545
- "0edfc838": _ctx.primaryFade5,
35546
- "65cd8308": _ctx.primaryFade10,
35547
- "65cd82ca": _ctx.primaryFade20,
35548
- "65cd828c": _ctx.primaryFade30,
35549
- "65cd824e": _ctx.primaryFade40,
35550
- "65cd8210": _ctx.primaryFade50,
35551
- "65cd8194": _ctx.primaryFade70,
35552
- "65cd8156": _ctx.primaryFade80
35594
+ "c68f2272": _ctx.primaryFade5,
35595
+ "0b552c66": _ctx.primaryFade10,
35596
+ "0b552c28": _ctx.primaryFade20,
35597
+ "0b552bea": _ctx.primaryFade30,
35598
+ "0b552bac": _ctx.primaryFade40,
35599
+ "0b552b6e": _ctx.primaryFade50,
35600
+ "0b552af2": _ctx.primaryFade70,
35601
+ "0b552ab4": _ctx.primaryFade80
35553
35602
  };
35554
35603
  });
35555
35604
  };
@@ -35629,7 +35678,9 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
35629
35678
  key: 0,
35630
35679
  "for": "fw-date-picker-input-start-".concat(_ctx.name, "-").concat(_ctx.uuid),
35631
35680
  "class": "block mb-2 font-medium"
35632
- }, vue.toDisplayString(_ctx.startLabel), 9, _hoisted_5)) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_6, [vue.createElementVNode("div", _hoisted_7, [vue.createVNode(_component_CalendarDaySvg)]), vue.createElementVNode("input", vue.mergeProps({
35681
+ }, vue.toDisplayString(_ctx.startLabel), 9, _hoisted_5)) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_6, [vue.createElementVNode("div", _hoisted_7, [vue.createVNode(_component_CalendarDaySvg, {
35682
+ "class": "h-full"
35683
+ })]), vue.createElementVNode("input", vue.mergeProps({
35633
35684
  value: inputValue.start
35634
35685
  }, vue.toHandlers(inputEvents.start), {
35635
35686
  id: "fw-date-picker-input-start-".concat(_ctx.name, "-").concat(_ctx.uuid),
@@ -35643,7 +35694,9 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
35643
35694
  key: 0,
35644
35695
  "for": "fw-date-picker-input-end-".concat(_ctx.name, "-").concat(_ctx.uuid),
35645
35696
  "class": "block mb-2 font-medium"
35646
- }, vue.toDisplayString(_ctx.endLabel), 9, _hoisted_10)) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_11, [vue.createElementVNode("div", _hoisted_12, [vue.createVNode(_component_CalendarDaySvg)]), vue.createElementVNode("input", vue.mergeProps({
35697
+ }, vue.toDisplayString(_ctx.endLabel), 9, _hoisted_10)) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_11, [vue.createElementVNode("div", _hoisted_12, [vue.createVNode(_component_CalendarDaySvg, {
35698
+ "class": "h-full"
35699
+ })]), vue.createElementVNode("input", vue.mergeProps({
35647
35700
  value: inputValue.end
35648
35701
  }, vue.toHandlers(inputEvents.end), {
35649
35702
  id: "fw-date-picker-input-end-".concat(_ctx.name, "-").concat(_ctx.uuid),
@@ -35657,7 +35710,9 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
35657
35710
  key: 0,
35658
35711
  "for": "fw-date-picker-input-".concat(_ctx.name, "-").concat(_ctx.uuid),
35659
35712
  "class": "block mb-2 font-medium"
35660
- }, vue.toDisplayString(_ctx.label), 9, _hoisted_15)) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_16, [vue.createElementVNode("div", _hoisted_17, [vue.createVNode(_component_CalendarDaySvg)]), vue.createElementVNode("input", vue.mergeProps({
35713
+ }, vue.toDisplayString(_ctx.label), 9, _hoisted_15)) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_16, [vue.createElementVNode("div", _hoisted_17, [vue.createVNode(_component_CalendarDaySvg, {
35714
+ "class": "h-full"
35715
+ })]), vue.createElementVNode("input", vue.mergeProps({
35661
35716
  value: inputValue
35662
35717
  }, vue.toHandlers(inputEvents), {
35663
35718
  id: "fw-date-picker-input-".concat(_ctx.name, "-").concat(_ctx.uuid),
@@ -35672,8 +35727,8 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
35672
35727
  }),
35673
35728
  _: 1
35674
35729
  }, 8, ["modelValue", "model-modifiers", "max-date"])]);
35675
- }var css_248z$3 = ".fw-date-picker .vc-primary{--vc-accent-50:var(--0edfc838);--vc-accent-100:var(--65cd8308);--vc-accent-200:var(--65cd82ca);--vc-accent-300:var(--65cd828c);--vc-accent-400:var(--65cd824e);--vc-accent-500:var(--65cd8210);--vc-accent-600:var(--colorPrimary);--vc-accent-700:var(--65cd8194);--vc-accent-800:var(--65cd8156);--vc-accent-900:var(--colorBody)}";
35676
- var stylesheet$3 = ".fw-date-picker .vc-primary{--vc-accent-50:var(--0edfc838);--vc-accent-100:var(--65cd8308);--vc-accent-200:var(--65cd82ca);--vc-accent-300:var(--65cd828c);--vc-accent-400:var(--65cd824e);--vc-accent-500:var(--65cd8210);--vc-accent-600:var(--colorPrimary);--vc-accent-700:var(--65cd8194);--vc-accent-800:var(--65cd8156);--vc-accent-900:var(--colorBody)}";
35730
+ }var css_248z$3 = ".fw-date-picker .vc-primary{--vc-accent-50:var(--c68f2272);--vc-accent-100:var(--0b552c66);--vc-accent-200:var(--0b552c28);--vc-accent-300:var(--0b552bea);--vc-accent-400:var(--0b552bac);--vc-accent-500:var(--0b552b6e);--vc-accent-600:var(--colorPrimary);--vc-accent-700:var(--0b552af2);--vc-accent-800:var(--0b552ab4);--vc-accent-900:var(--colorBody)}";
35731
+ var stylesheet$3 = ".fw-date-picker .vc-primary{--vc-accent-50:var(--c68f2272);--vc-accent-100:var(--0b552c66);--vc-accent-200:var(--0b552c28);--vc-accent-300:var(--0b552bea);--vc-accent-400:var(--0b552bac);--vc-accent-500:var(--0b552b6e);--vc-accent-600:var(--colorPrimary);--vc-accent-700:var(--0b552af2);--vc-accent-800:var(--0b552ab4);--vc-accent-900:var(--colorBody)}";
35677
35732
  styleInject(css_248z$3);__default__$3.render = render$3;function _regeneratorRuntime() {
35678
35733
  "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
35679
35734
  _regeneratorRuntime = function _regeneratorRuntime() {