@frollo/frollo-web-ui 5.0.4 → 5.0.5

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
@@ -35497,14 +35497,14 @@ styleInject(css_248z$3);var __default__$2 = vue.defineComponent({
35497
35497
  var __injectCSSVars__$2 = function __injectCSSVars__() {
35498
35498
  vue.useCssVars(function (_ctx) {
35499
35499
  return {
35500
- "5ae50491": _ctx.primaryFade5,
35501
- "01bb8d43": _ctx.primaryFade10,
35502
- "01bb8d62": _ctx.primaryFade20,
35503
- "01bb8d81": _ctx.primaryFade30,
35504
- "01bb8da0": _ctx.primaryFade40,
35505
- "01bb8dbf": _ctx.primaryFade50,
35506
- "01bb8dfd": _ctx.primaryFade70,
35507
- "01bb8e1c": _ctx.primaryFade80
35500
+ "70e76706": _ctx.primaryFade5,
35501
+ "a7f50d24": _ctx.primaryFade10,
35502
+ "a7f50ce6": _ctx.primaryFade20,
35503
+ "a7f50ca8": _ctx.primaryFade30,
35504
+ "a7f50c6a": _ctx.primaryFade40,
35505
+ "a7f50c2c": _ctx.primaryFade50,
35506
+ "a7f50bb0": _ctx.primaryFade70,
35507
+ "a7f50b72": _ctx.primaryFade80
35508
35508
  };
35509
35509
  });
35510
35510
  };
@@ -35513,49 +35513,52 @@ __default__$2.setup = __setup__$2 ? function (props, ctx) {
35513
35513
  __injectCSSVars__$2();
35514
35514
  return __setup__$2(props, ctx);
35515
35515
  } : __injectCSSVars__$2;var _hoisted_1$2 = {
35516
- "class": "flex flex-col"
35516
+ "class": "fw-date-picker w-full"
35517
35517
  };
35518
35518
  var _hoisted_2$2 = {
35519
+ "class": "flex flex-col"
35520
+ };
35521
+ var _hoisted_3$1 = {
35519
35522
  key: 0,
35520
35523
  "class": "flex flex-col w-full space-y-4 md:flex-row md:space-x-4 md:space-y-0"
35521
35524
  };
35522
- var _hoisted_3$1 = {
35525
+ var _hoisted_4$2 = {
35523
35526
  "class": "w-full md:w-1/2"
35524
35527
  };
35525
- var _hoisted_4$2 = ["for"];
35526
- var _hoisted_5 = {
35528
+ var _hoisted_5 = ["for"];
35529
+ var _hoisted_6 = {
35527
35530
  "class": "relative text-grey-light focus-within:text-black"
35528
35531
  };
35529
- var _hoisted_6 = {
35532
+ var _hoisted_7 = {
35530
35533
  "class": "flex absolute w-9 h-full inset-y-0 left-0 items-center pl-3 pointer-events-none"
35531
35534
  };
35532
- var _hoisted_7 = ["value", "id", "tabindex", "name", "placeholder"];
35533
- var _hoisted_8 = {
35535
+ var _hoisted_8 = ["value", "id", "tabindex", "name", "placeholder"];
35536
+ var _hoisted_9 = {
35534
35537
  "class": "w-full md:w-1/2"
35535
35538
  };
35536
- var _hoisted_9 = ["for"];
35537
- var _hoisted_10 = {
35539
+ var _hoisted_10 = ["for"];
35540
+ var _hoisted_11 = {
35538
35541
  "class": "relative text-grey-light focus-within:text-black"
35539
35542
  };
35540
- var _hoisted_11 = {
35543
+ var _hoisted_12 = {
35541
35544
  "class": "flex absolute w-9 h-full inset-y-0 left-0 items-center pl-3 pointer-events-none"
35542
35545
  };
35543
- var _hoisted_12 = ["value", "id", "tabindex", "name", "placeholder"];
35544
- var _hoisted_13 = {
35546
+ var _hoisted_13 = ["value", "id", "tabindex", "name", "placeholder"];
35547
+ var _hoisted_14 = {
35545
35548
  key: 1
35546
35549
  };
35547
- var _hoisted_14 = ["for"];
35548
- var _hoisted_15 = {
35550
+ var _hoisted_15 = ["for"];
35551
+ var _hoisted_16 = {
35549
35552
  "class": "relative text-grey-light focus-within:text-black"
35550
35553
  };
35551
- var _hoisted_16 = {
35554
+ var _hoisted_17 = {
35552
35555
  "class": "flex absolute w-9 h-full inset-y-0 left-0 items-center pl-3 pointer-events-none"
35553
35556
  };
35554
- var _hoisted_17 = ["value", "id", "tabindex", "name", "label", "placeholder"];
35557
+ var _hoisted_18 = ["value", "id", "tabindex", "name", "label", "placeholder"];
35555
35558
  function render$2(_ctx, _cache, $props, $setup, $data, $options) {
35556
35559
  var _component_CalendarDaySvg = vue.resolveComponent("CalendarDaySvg");
35557
35560
  var _component_DatePicker = vue.resolveComponent("DatePicker");
35558
- return vue.openBlock(), vue.createBlock(_component_DatePicker, {
35561
+ return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [vue.createVNode(_component_DatePicker, {
35559
35562
  modelValue: _ctx.dateModel,
35560
35563
  "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) {
35561
35564
  return _ctx.dateModel = $event;
@@ -35563,8 +35566,9 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
35563
35566
  modelModifiers: {
35564
35567
  string: true
35565
35568
  },
35566
- "is-range": _ctx.isRange,
35567
- "class": "fw-date-picker",
35569
+ "model-modifiers": {
35570
+ range: _ctx.isRange
35571
+ },
35568
35572
  color: "primary",
35569
35573
  mode: "date",
35570
35574
  masks: {
@@ -35575,11 +35579,11 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
35575
35579
  "default": vue.withCtx(function (_ref) {
35576
35580
  var inputValue = _ref.inputValue,
35577
35581
  inputEvents = _ref.inputEvents;
35578
- return [vue.createElementVNode("div", _hoisted_1$2, [_ctx.isRange === true ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$2, [vue.createElementVNode("div", _hoisted_3$1, [_ctx.startLabel ? (vue.openBlock(), vue.createElementBlock("label", {
35582
+ return [vue.createElementVNode("div", _hoisted_2$2, [_ctx.isRange === true ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$1, [vue.createElementVNode("div", _hoisted_4$2, [_ctx.startLabel ? (vue.openBlock(), vue.createElementBlock("label", {
35579
35583
  key: 0,
35580
35584
  "for": "fw-date-picker-input-start-".concat(_ctx.name, "-").concat(_ctx.uuid),
35581
35585
  "class": "block mb-2 font-medium"
35582
- }, vue.toDisplayString(_ctx.startLabel), 9, _hoisted_4$2)) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_5, [vue.createElementVNode("div", _hoisted_6, [vue.createVNode(_component_CalendarDaySvg)]), vue.createElementVNode("input", vue.mergeProps({
35586
+ }, 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({
35583
35587
  value: inputValue.start
35584
35588
  }, vue.toHandlers(inputEvents.start), {
35585
35589
  id: "fw-date-picker-input-start-".concat(_ctx.name, "-").concat(_ctx.uuid),
@@ -35589,11 +35593,11 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
35589
35593
  type: "text",
35590
35594
  autocomplete: "off",
35591
35595
  placeholder: _ctx.startPlaceholder
35592
- }), null, 16, _hoisted_7)])]), vue.createElementVNode("div", _hoisted_8, [_ctx.endLabel ? (vue.openBlock(), vue.createElementBlock("label", {
35596
+ }), null, 16, _hoisted_8)])]), vue.createElementVNode("div", _hoisted_9, [_ctx.endLabel ? (vue.openBlock(), vue.createElementBlock("label", {
35593
35597
  key: 0,
35594
35598
  "for": "fw-date-picker-input-end-".concat(_ctx.name, "-").concat(_ctx.uuid),
35595
35599
  "class": "block mb-2 font-medium"
35596
- }, vue.toDisplayString(_ctx.endLabel), 9, _hoisted_9)) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_10, [vue.createElementVNode("div", _hoisted_11, [vue.createVNode(_component_CalendarDaySvg)]), vue.createElementVNode("input", vue.mergeProps({
35600
+ }, 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({
35597
35601
  value: inputValue.end
35598
35602
  }, vue.toHandlers(inputEvents.end), {
35599
35603
  id: "fw-date-picker-input-end-".concat(_ctx.name, "-").concat(_ctx.uuid),
@@ -35603,11 +35607,11 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
35603
35607
  type: "text",
35604
35608
  autocomplete: "off",
35605
35609
  placeholder: _ctx.endPlaceholder
35606
- }), null, 16, _hoisted_12)])])])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_13, [_ctx.label ? (vue.openBlock(), vue.createElementBlock("label", {
35610
+ }), null, 16, _hoisted_13)])])])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_14, [_ctx.label ? (vue.openBlock(), vue.createElementBlock("label", {
35607
35611
  key: 0,
35608
35612
  "for": "fw-date-picker-input-".concat(_ctx.name, "-").concat(_ctx.uuid),
35609
35613
  "class": "block mb-2 font-medium"
35610
- }, vue.toDisplayString(_ctx.label), 9, _hoisted_14)) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_15, [vue.createElementVNode("div", _hoisted_16, [vue.createVNode(_component_CalendarDaySvg)]), vue.createElementVNode("input", vue.mergeProps({
35614
+ }, 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({
35611
35615
  value: inputValue
35612
35616
  }, vue.toHandlers(inputEvents), {
35613
35617
  id: "fw-date-picker-input-".concat(_ctx.name, "-").concat(_ctx.uuid),
@@ -35618,12 +35622,12 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
35618
35622
  type: "text",
35619
35623
  autocomplete: "off",
35620
35624
  placeholder: _ctx.placeholder
35621
- }), null, 16, _hoisted_17)])]))])];
35625
+ }), null, 16, _hoisted_18)])]))])];
35622
35626
  }),
35623
35627
  _: 1
35624
- }, 8, ["modelValue", "is-range", "max-date"]);
35625
- }var css_248z$2 = ".vc-primary{--vc-accent-50:var(--5ae50491);--vc-accent-100:var(--01bb8d43);--vc-accent-200:var(--01bb8d62);--vc-accent-300:var(--01bb8d81);--vc-accent-400:var(--01bb8da0);--vc-accent-500:var(--01bb8dbf);--vc-accent-600:var(--colorPrimary);--vc-accent-700:var(--01bb8dfd);--vc-accent-800:var(--01bb8e1c);--vc-accent-900:var(--colorBody)}";
35626
- var stylesheet$2 = ".vc-primary{--vc-accent-50:var(--5ae50491);--vc-accent-100:var(--01bb8d43);--vc-accent-200:var(--01bb8d62);--vc-accent-300:var(--01bb8d81);--vc-accent-400:var(--01bb8da0);--vc-accent-500:var(--01bb8dbf);--vc-accent-600:var(--colorPrimary);--vc-accent-700:var(--01bb8dfd);--vc-accent-800:var(--01bb8e1c);--vc-accent-900:var(--colorBody)}";
35628
+ }, 8, ["modelValue", "model-modifiers", "max-date"])]);
35629
+ }var css_248z$2 = ".fw-date-picker .vc-primary{--vc-accent-50:var(--70e76706);--vc-accent-100:var(--a7f50d24);--vc-accent-200:var(--a7f50ce6);--vc-accent-300:var(--a7f50ca8);--vc-accent-400:var(--a7f50c6a);--vc-accent-500:var(--a7f50c2c);--vc-accent-600:var(--colorPrimary);--vc-accent-700:var(--a7f50bb0);--vc-accent-800:var(--a7f50b72);--vc-accent-900:var(--colorBody)}";
35630
+ var stylesheet$2 = ".fw-date-picker .vc-primary{--vc-accent-50:var(--70e76706);--vc-accent-100:var(--a7f50d24);--vc-accent-200:var(--a7f50ce6);--vc-accent-300:var(--a7f50ca8);--vc-accent-400:var(--a7f50c6a);--vc-accent-500:var(--a7f50c2c);--vc-accent-600:var(--colorPrimary);--vc-accent-700:var(--a7f50bb0);--vc-accent-800:var(--a7f50b72);--vc-accent-900:var(--colorBody)}";
35627
35631
  styleInject(css_248z$2);__default__$2.render = render$2;var __default__$1 = vue.defineComponent({
35628
35632
  name: 'FwEmailPulse',
35629
35633
  props: {
@@ -10198,14 +10198,14 @@ var __default__ = defineComponent({
10198
10198
  var __injectCSSVars__ = function __injectCSSVars__() {
10199
10199
  useCssVars(function (_ctx) {
10200
10200
  return {
10201
- "5ae50491": _ctx.primaryFade5,
10202
- "01bb8d43": _ctx.primaryFade10,
10203
- "01bb8d62": _ctx.primaryFade20,
10204
- "01bb8d81": _ctx.primaryFade30,
10205
- "01bb8da0": _ctx.primaryFade40,
10206
- "01bb8dbf": _ctx.primaryFade50,
10207
- "01bb8dfd": _ctx.primaryFade70,
10208
- "01bb8e1c": _ctx.primaryFade80
10201
+ "70e76706": _ctx.primaryFade5,
10202
+ "a7f50d24": _ctx.primaryFade10,
10203
+ "a7f50ce6": _ctx.primaryFade20,
10204
+ "a7f50ca8": _ctx.primaryFade30,
10205
+ "a7f50c6a": _ctx.primaryFade40,
10206
+ "a7f50c2c": _ctx.primaryFade50,
10207
+ "a7f50bb0": _ctx.primaryFade70,
10208
+ "a7f50b72": _ctx.primaryFade80
10209
10209
  };
10210
10210
  });
10211
10211
  };
@@ -10216,49 +10216,52 @@ __default__.setup = __setup__ ? function (props, ctx) {
10216
10216
  } : __injectCSSVars__;
10217
10217
 
10218
10218
  var _hoisted_1 = {
10219
- "class": "flex flex-col"
10219
+ "class": "fw-date-picker w-full"
10220
10220
  };
10221
10221
  var _hoisted_2 = {
10222
+ "class": "flex flex-col"
10223
+ };
10224
+ var _hoisted_3 = {
10222
10225
  key: 0,
10223
10226
  "class": "flex flex-col w-full space-y-4 md:flex-row md:space-x-4 md:space-y-0"
10224
10227
  };
10225
- var _hoisted_3 = {
10228
+ var _hoisted_4 = {
10226
10229
  "class": "w-full md:w-1/2"
10227
10230
  };
10228
- var _hoisted_4 = ["for"];
10229
- var _hoisted_5 = {
10231
+ var _hoisted_5 = ["for"];
10232
+ var _hoisted_6 = {
10230
10233
  "class": "relative text-grey-light focus-within:text-black"
10231
10234
  };
10232
- var _hoisted_6 = {
10235
+ var _hoisted_7 = {
10233
10236
  "class": "flex absolute w-9 h-full inset-y-0 left-0 items-center pl-3 pointer-events-none"
10234
10237
  };
10235
- var _hoisted_7 = ["value", "id", "tabindex", "name", "placeholder"];
10236
- var _hoisted_8 = {
10238
+ var _hoisted_8 = ["value", "id", "tabindex", "name", "placeholder"];
10239
+ var _hoisted_9 = {
10237
10240
  "class": "w-full md:w-1/2"
10238
10241
  };
10239
- var _hoisted_9 = ["for"];
10240
- var _hoisted_10 = {
10242
+ var _hoisted_10 = ["for"];
10243
+ var _hoisted_11 = {
10241
10244
  "class": "relative text-grey-light focus-within:text-black"
10242
10245
  };
10243
- var _hoisted_11 = {
10246
+ var _hoisted_12 = {
10244
10247
  "class": "flex absolute w-9 h-full inset-y-0 left-0 items-center pl-3 pointer-events-none"
10245
10248
  };
10246
- var _hoisted_12 = ["value", "id", "tabindex", "name", "placeholder"];
10247
- var _hoisted_13 = {
10249
+ var _hoisted_13 = ["value", "id", "tabindex", "name", "placeholder"];
10250
+ var _hoisted_14 = {
10248
10251
  key: 1
10249
10252
  };
10250
- var _hoisted_14 = ["for"];
10251
- var _hoisted_15 = {
10253
+ var _hoisted_15 = ["for"];
10254
+ var _hoisted_16 = {
10252
10255
  "class": "relative text-grey-light focus-within:text-black"
10253
10256
  };
10254
- var _hoisted_16 = {
10257
+ var _hoisted_17 = {
10255
10258
  "class": "flex absolute w-9 h-full inset-y-0 left-0 items-center pl-3 pointer-events-none"
10256
10259
  };
10257
- var _hoisted_17 = ["value", "id", "tabindex", "name", "label", "placeholder"];
10260
+ var _hoisted_18 = ["value", "id", "tabindex", "name", "label", "placeholder"];
10258
10261
  function render(_ctx, _cache, $props, $setup, $data, $options) {
10259
10262
  var _component_CalendarDaySvg = resolveComponent("CalendarDaySvg");
10260
10263
  var _component_DatePicker = resolveComponent("DatePicker");
10261
- return openBlock(), createBlock(_component_DatePicker, {
10264
+ return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(_component_DatePicker, {
10262
10265
  modelValue: _ctx.dateModel,
10263
10266
  "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) {
10264
10267
  return _ctx.dateModel = $event;
@@ -10266,8 +10269,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
10266
10269
  modelModifiers: {
10267
10270
  string: true
10268
10271
  },
10269
- "is-range": _ctx.isRange,
10270
- "class": "fw-date-picker",
10272
+ "model-modifiers": {
10273
+ range: _ctx.isRange
10274
+ },
10271
10275
  color: "primary",
10272
10276
  mode: "date",
10273
10277
  masks: {
@@ -10278,11 +10282,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
10278
10282
  "default": withCtx(function (_ref) {
10279
10283
  var inputValue = _ref.inputValue,
10280
10284
  inputEvents = _ref.inputEvents;
10281
- return [createElementVNode("div", _hoisted_1, [_ctx.isRange === true ? (openBlock(), createElementBlock("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [_ctx.startLabel ? (openBlock(), createElementBlock("label", {
10285
+ return [createElementVNode("div", _hoisted_2, [_ctx.isRange === true ? (openBlock(), createElementBlock("div", _hoisted_3, [createElementVNode("div", _hoisted_4, [_ctx.startLabel ? (openBlock(), createElementBlock("label", {
10282
10286
  key: 0,
10283
10287
  "for": "fw-date-picker-input-start-".concat(_ctx.name, "-").concat(_ctx.uuid),
10284
10288
  "class": "block mb-2 font-medium"
10285
- }, toDisplayString(_ctx.startLabel), 9, _hoisted_4)) : createCommentVNode("", true), createElementVNode("div", _hoisted_5, [createElementVNode("div", _hoisted_6, [createVNode(_component_CalendarDaySvg)]), createElementVNode("input", mergeProps({
10289
+ }, toDisplayString(_ctx.startLabel), 9, _hoisted_5)) : createCommentVNode("", true), createElementVNode("div", _hoisted_6, [createElementVNode("div", _hoisted_7, [createVNode(_component_CalendarDaySvg)]), createElementVNode("input", mergeProps({
10286
10290
  value: inputValue.start
10287
10291
  }, toHandlers(inputEvents.start), {
10288
10292
  id: "fw-date-picker-input-start-".concat(_ctx.name, "-").concat(_ctx.uuid),
@@ -10292,11 +10296,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
10292
10296
  type: "text",
10293
10297
  autocomplete: "off",
10294
10298
  placeholder: _ctx.startPlaceholder
10295
- }), null, 16, _hoisted_7)])]), createElementVNode("div", _hoisted_8, [_ctx.endLabel ? (openBlock(), createElementBlock("label", {
10299
+ }), null, 16, _hoisted_8)])]), createElementVNode("div", _hoisted_9, [_ctx.endLabel ? (openBlock(), createElementBlock("label", {
10296
10300
  key: 0,
10297
10301
  "for": "fw-date-picker-input-end-".concat(_ctx.name, "-").concat(_ctx.uuid),
10298
10302
  "class": "block mb-2 font-medium"
10299
- }, toDisplayString(_ctx.endLabel), 9, _hoisted_9)) : createCommentVNode("", true), createElementVNode("div", _hoisted_10, [createElementVNode("div", _hoisted_11, [createVNode(_component_CalendarDaySvg)]), createElementVNode("input", mergeProps({
10303
+ }, toDisplayString(_ctx.endLabel), 9, _hoisted_10)) : createCommentVNode("", true), createElementVNode("div", _hoisted_11, [createElementVNode("div", _hoisted_12, [createVNode(_component_CalendarDaySvg)]), createElementVNode("input", mergeProps({
10300
10304
  value: inputValue.end
10301
10305
  }, toHandlers(inputEvents.end), {
10302
10306
  id: "fw-date-picker-input-end-".concat(_ctx.name, "-").concat(_ctx.uuid),
@@ -10306,11 +10310,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
10306
10310
  type: "text",
10307
10311
  autocomplete: "off",
10308
10312
  placeholder: _ctx.endPlaceholder
10309
- }), null, 16, _hoisted_12)])])])) : (openBlock(), createElementBlock("div", _hoisted_13, [_ctx.label ? (openBlock(), createElementBlock("label", {
10313
+ }), null, 16, _hoisted_13)])])])) : (openBlock(), createElementBlock("div", _hoisted_14, [_ctx.label ? (openBlock(), createElementBlock("label", {
10310
10314
  key: 0,
10311
10315
  "for": "fw-date-picker-input-".concat(_ctx.name, "-").concat(_ctx.uuid),
10312
10316
  "class": "block mb-2 font-medium"
10313
- }, toDisplayString(_ctx.label), 9, _hoisted_14)) : createCommentVNode("", true), createElementVNode("div", _hoisted_15, [createElementVNode("div", _hoisted_16, [createVNode(_component_CalendarDaySvg)]), createElementVNode("input", mergeProps({
10317
+ }, toDisplayString(_ctx.label), 9, _hoisted_15)) : createCommentVNode("", true), createElementVNode("div", _hoisted_16, [createElementVNode("div", _hoisted_17, [createVNode(_component_CalendarDaySvg)]), createElementVNode("input", mergeProps({
10314
10318
  value: inputValue
10315
10319
  }, toHandlers(inputEvents), {
10316
10320
  id: "fw-date-picker-input-".concat(_ctx.name, "-").concat(_ctx.uuid),
@@ -10321,14 +10325,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
10321
10325
  type: "text",
10322
10326
  autocomplete: "off",
10323
10327
  placeholder: _ctx.placeholder
10324
- }), null, 16, _hoisted_17)])]))])];
10328
+ }), null, 16, _hoisted_18)])]))])];
10325
10329
  }),
10326
10330
  _: 1
10327
- }, 8, ["modelValue", "is-range", "max-date"]);
10331
+ }, 8, ["modelValue", "model-modifiers", "max-date"])]);
10328
10332
  }
10329
10333
 
10330
- var css_248z = ".vc-primary{--vc-accent-50:var(--5ae50491);--vc-accent-100:var(--01bb8d43);--vc-accent-200:var(--01bb8d62);--vc-accent-300:var(--01bb8d81);--vc-accent-400:var(--01bb8da0);--vc-accent-500:var(--01bb8dbf);--vc-accent-600:var(--colorPrimary);--vc-accent-700:var(--01bb8dfd);--vc-accent-800:var(--01bb8e1c);--vc-accent-900:var(--colorBody)}";
10331
- var stylesheet = ".vc-primary{--vc-accent-50:var(--5ae50491);--vc-accent-100:var(--01bb8d43);--vc-accent-200:var(--01bb8d62);--vc-accent-300:var(--01bb8d81);--vc-accent-400:var(--01bb8da0);--vc-accent-500:var(--01bb8dbf);--vc-accent-600:var(--colorPrimary);--vc-accent-700:var(--01bb8dfd);--vc-accent-800:var(--01bb8e1c);--vc-accent-900:var(--colorBody)}";
10334
+ var css_248z = ".fw-date-picker .vc-primary{--vc-accent-50:var(--70e76706);--vc-accent-100:var(--a7f50d24);--vc-accent-200:var(--a7f50ce6);--vc-accent-300:var(--a7f50ca8);--vc-accent-400:var(--a7f50c6a);--vc-accent-500:var(--a7f50c2c);--vc-accent-600:var(--colorPrimary);--vc-accent-700:var(--a7f50bb0);--vc-accent-800:var(--a7f50b72);--vc-accent-900:var(--colorBody)}";
10335
+ var stylesheet = ".fw-date-picker .vc-primary{--vc-accent-50:var(--70e76706);--vc-accent-100:var(--a7f50d24);--vc-accent-200:var(--a7f50ce6);--vc-accent-300:var(--a7f50ca8);--vc-accent-400:var(--a7f50c6a);--vc-accent-500:var(--a7f50c2c);--vc-accent-600:var(--colorPrimary);--vc-accent-700:var(--a7f50bb0);--vc-accent-800:var(--a7f50b72);--vc-accent-900:var(--colorBody)}";
10332
10336
  styleInject(css_248z);
10333
10337
 
10334
10338
  __default__.render = render;
@@ -36344,14 +36344,14 @@ var __default__$2 = defineComponent({
36344
36344
  var __injectCSSVars__$2 = function __injectCSSVars__() {
36345
36345
  useCssVars(function (_ctx) {
36346
36346
  return {
36347
- "5ae50491": _ctx.primaryFade5,
36348
- "01bb8d43": _ctx.primaryFade10,
36349
- "01bb8d62": _ctx.primaryFade20,
36350
- "01bb8d81": _ctx.primaryFade30,
36351
- "01bb8da0": _ctx.primaryFade40,
36352
- "01bb8dbf": _ctx.primaryFade50,
36353
- "01bb8dfd": _ctx.primaryFade70,
36354
- "01bb8e1c": _ctx.primaryFade80
36347
+ "70e76706": _ctx.primaryFade5,
36348
+ "a7f50d24": _ctx.primaryFade10,
36349
+ "a7f50ce6": _ctx.primaryFade20,
36350
+ "a7f50ca8": _ctx.primaryFade30,
36351
+ "a7f50c6a": _ctx.primaryFade40,
36352
+ "a7f50c2c": _ctx.primaryFade50,
36353
+ "a7f50bb0": _ctx.primaryFade70,
36354
+ "a7f50b72": _ctx.primaryFade80
36355
36355
  };
36356
36356
  });
36357
36357
  };
@@ -36362,49 +36362,52 @@ __default__$2.setup = __setup__$2 ? function (props, ctx) {
36362
36362
  } : __injectCSSVars__$2;
36363
36363
 
36364
36364
  var _hoisted_1$2 = {
36365
- "class": "flex flex-col"
36365
+ "class": "fw-date-picker w-full"
36366
36366
  };
36367
36367
  var _hoisted_2$2 = {
36368
+ "class": "flex flex-col"
36369
+ };
36370
+ var _hoisted_3$1 = {
36368
36371
  key: 0,
36369
36372
  "class": "flex flex-col w-full space-y-4 md:flex-row md:space-x-4 md:space-y-0"
36370
36373
  };
36371
- var _hoisted_3$1 = {
36374
+ var _hoisted_4$2 = {
36372
36375
  "class": "w-full md:w-1/2"
36373
36376
  };
36374
- var _hoisted_4$2 = ["for"];
36375
- var _hoisted_5 = {
36377
+ var _hoisted_5 = ["for"];
36378
+ var _hoisted_6 = {
36376
36379
  "class": "relative text-grey-light focus-within:text-black"
36377
36380
  };
36378
- var _hoisted_6 = {
36381
+ var _hoisted_7 = {
36379
36382
  "class": "flex absolute w-9 h-full inset-y-0 left-0 items-center pl-3 pointer-events-none"
36380
36383
  };
36381
- var _hoisted_7 = ["value", "id", "tabindex", "name", "placeholder"];
36382
- var _hoisted_8 = {
36384
+ var _hoisted_8 = ["value", "id", "tabindex", "name", "placeholder"];
36385
+ var _hoisted_9 = {
36383
36386
  "class": "w-full md:w-1/2"
36384
36387
  };
36385
- var _hoisted_9 = ["for"];
36386
- var _hoisted_10 = {
36388
+ var _hoisted_10 = ["for"];
36389
+ var _hoisted_11 = {
36387
36390
  "class": "relative text-grey-light focus-within:text-black"
36388
36391
  };
36389
- var _hoisted_11 = {
36392
+ var _hoisted_12 = {
36390
36393
  "class": "flex absolute w-9 h-full inset-y-0 left-0 items-center pl-3 pointer-events-none"
36391
36394
  };
36392
- var _hoisted_12 = ["value", "id", "tabindex", "name", "placeholder"];
36393
- var _hoisted_13 = {
36395
+ var _hoisted_13 = ["value", "id", "tabindex", "name", "placeholder"];
36396
+ var _hoisted_14 = {
36394
36397
  key: 1
36395
36398
  };
36396
- var _hoisted_14 = ["for"];
36397
- var _hoisted_15 = {
36399
+ var _hoisted_15 = ["for"];
36400
+ var _hoisted_16 = {
36398
36401
  "class": "relative text-grey-light focus-within:text-black"
36399
36402
  };
36400
- var _hoisted_16 = {
36403
+ var _hoisted_17 = {
36401
36404
  "class": "flex absolute w-9 h-full inset-y-0 left-0 items-center pl-3 pointer-events-none"
36402
36405
  };
36403
- var _hoisted_17 = ["value", "id", "tabindex", "name", "label", "placeholder"];
36406
+ var _hoisted_18 = ["value", "id", "tabindex", "name", "label", "placeholder"];
36404
36407
  function render$2(_ctx, _cache, $props, $setup, $data, $options) {
36405
36408
  var _component_CalendarDaySvg = resolveComponent("CalendarDaySvg");
36406
36409
  var _component_DatePicker = resolveComponent("DatePicker");
36407
- return openBlock(), createBlock(_component_DatePicker, {
36410
+ return openBlock(), createElementBlock("div", _hoisted_1$2, [createVNode(_component_DatePicker, {
36408
36411
  modelValue: _ctx.dateModel,
36409
36412
  "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) {
36410
36413
  return _ctx.dateModel = $event;
@@ -36412,8 +36415,9 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
36412
36415
  modelModifiers: {
36413
36416
  string: true
36414
36417
  },
36415
- "is-range": _ctx.isRange,
36416
- "class": "fw-date-picker",
36418
+ "model-modifiers": {
36419
+ range: _ctx.isRange
36420
+ },
36417
36421
  color: "primary",
36418
36422
  mode: "date",
36419
36423
  masks: {
@@ -36424,11 +36428,11 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
36424
36428
  "default": withCtx(function (_ref) {
36425
36429
  var inputValue = _ref.inputValue,
36426
36430
  inputEvents = _ref.inputEvents;
36427
- return [createElementVNode("div", _hoisted_1$2, [_ctx.isRange === true ? (openBlock(), createElementBlock("div", _hoisted_2$2, [createElementVNode("div", _hoisted_3$1, [_ctx.startLabel ? (openBlock(), createElementBlock("label", {
36431
+ return [createElementVNode("div", _hoisted_2$2, [_ctx.isRange === true ? (openBlock(), createElementBlock("div", _hoisted_3$1, [createElementVNode("div", _hoisted_4$2, [_ctx.startLabel ? (openBlock(), createElementBlock("label", {
36428
36432
  key: 0,
36429
36433
  "for": "fw-date-picker-input-start-".concat(_ctx.name, "-").concat(_ctx.uuid),
36430
36434
  "class": "block mb-2 font-medium"
36431
- }, toDisplayString(_ctx.startLabel), 9, _hoisted_4$2)) : createCommentVNode("", true), createElementVNode("div", _hoisted_5, [createElementVNode("div", _hoisted_6, [createVNode(_component_CalendarDaySvg)]), createElementVNode("input", mergeProps({
36435
+ }, toDisplayString(_ctx.startLabel), 9, _hoisted_5)) : createCommentVNode("", true), createElementVNode("div", _hoisted_6, [createElementVNode("div", _hoisted_7, [createVNode(_component_CalendarDaySvg)]), createElementVNode("input", mergeProps({
36432
36436
  value: inputValue.start
36433
36437
  }, toHandlers(inputEvents.start), {
36434
36438
  id: "fw-date-picker-input-start-".concat(_ctx.name, "-").concat(_ctx.uuid),
@@ -36438,11 +36442,11 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
36438
36442
  type: "text",
36439
36443
  autocomplete: "off",
36440
36444
  placeholder: _ctx.startPlaceholder
36441
- }), null, 16, _hoisted_7)])]), createElementVNode("div", _hoisted_8, [_ctx.endLabel ? (openBlock(), createElementBlock("label", {
36445
+ }), null, 16, _hoisted_8)])]), createElementVNode("div", _hoisted_9, [_ctx.endLabel ? (openBlock(), createElementBlock("label", {
36442
36446
  key: 0,
36443
36447
  "for": "fw-date-picker-input-end-".concat(_ctx.name, "-").concat(_ctx.uuid),
36444
36448
  "class": "block mb-2 font-medium"
36445
- }, toDisplayString(_ctx.endLabel), 9, _hoisted_9)) : createCommentVNode("", true), createElementVNode("div", _hoisted_10, [createElementVNode("div", _hoisted_11, [createVNode(_component_CalendarDaySvg)]), createElementVNode("input", mergeProps({
36449
+ }, toDisplayString(_ctx.endLabel), 9, _hoisted_10)) : createCommentVNode("", true), createElementVNode("div", _hoisted_11, [createElementVNode("div", _hoisted_12, [createVNode(_component_CalendarDaySvg)]), createElementVNode("input", mergeProps({
36446
36450
  value: inputValue.end
36447
36451
  }, toHandlers(inputEvents.end), {
36448
36452
  id: "fw-date-picker-input-end-".concat(_ctx.name, "-").concat(_ctx.uuid),
@@ -36452,11 +36456,11 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
36452
36456
  type: "text",
36453
36457
  autocomplete: "off",
36454
36458
  placeholder: _ctx.endPlaceholder
36455
- }), null, 16, _hoisted_12)])])])) : (openBlock(), createElementBlock("div", _hoisted_13, [_ctx.label ? (openBlock(), createElementBlock("label", {
36459
+ }), null, 16, _hoisted_13)])])])) : (openBlock(), createElementBlock("div", _hoisted_14, [_ctx.label ? (openBlock(), createElementBlock("label", {
36456
36460
  key: 0,
36457
36461
  "for": "fw-date-picker-input-".concat(_ctx.name, "-").concat(_ctx.uuid),
36458
36462
  "class": "block mb-2 font-medium"
36459
- }, toDisplayString(_ctx.label), 9, _hoisted_14)) : createCommentVNode("", true), createElementVNode("div", _hoisted_15, [createElementVNode("div", _hoisted_16, [createVNode(_component_CalendarDaySvg)]), createElementVNode("input", mergeProps({
36463
+ }, toDisplayString(_ctx.label), 9, _hoisted_15)) : createCommentVNode("", true), createElementVNode("div", _hoisted_16, [createElementVNode("div", _hoisted_17, [createVNode(_component_CalendarDaySvg)]), createElementVNode("input", mergeProps({
36460
36464
  value: inputValue
36461
36465
  }, toHandlers(inputEvents), {
36462
36466
  id: "fw-date-picker-input-".concat(_ctx.name, "-").concat(_ctx.uuid),
@@ -36467,14 +36471,14 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
36467
36471
  type: "text",
36468
36472
  autocomplete: "off",
36469
36473
  placeholder: _ctx.placeholder
36470
- }), null, 16, _hoisted_17)])]))])];
36474
+ }), null, 16, _hoisted_18)])]))])];
36471
36475
  }),
36472
36476
  _: 1
36473
- }, 8, ["modelValue", "is-range", "max-date"]);
36477
+ }, 8, ["modelValue", "model-modifiers", "max-date"])]);
36474
36478
  }
36475
36479
 
36476
- var css_248z$2 = ".vc-primary{--vc-accent-50:var(--5ae50491);--vc-accent-100:var(--01bb8d43);--vc-accent-200:var(--01bb8d62);--vc-accent-300:var(--01bb8d81);--vc-accent-400:var(--01bb8da0);--vc-accent-500:var(--01bb8dbf);--vc-accent-600:var(--colorPrimary);--vc-accent-700:var(--01bb8dfd);--vc-accent-800:var(--01bb8e1c);--vc-accent-900:var(--colorBody)}";
36477
- var stylesheet$2 = ".vc-primary{--vc-accent-50:var(--5ae50491);--vc-accent-100:var(--01bb8d43);--vc-accent-200:var(--01bb8d62);--vc-accent-300:var(--01bb8d81);--vc-accent-400:var(--01bb8da0);--vc-accent-500:var(--01bb8dbf);--vc-accent-600:var(--colorPrimary);--vc-accent-700:var(--01bb8dfd);--vc-accent-800:var(--01bb8e1c);--vc-accent-900:var(--colorBody)}";
36480
+ var css_248z$2 = ".fw-date-picker .vc-primary{--vc-accent-50:var(--70e76706);--vc-accent-100:var(--a7f50d24);--vc-accent-200:var(--a7f50ce6);--vc-accent-300:var(--a7f50ca8);--vc-accent-400:var(--a7f50c6a);--vc-accent-500:var(--a7f50c2c);--vc-accent-600:var(--colorPrimary);--vc-accent-700:var(--a7f50bb0);--vc-accent-800:var(--a7f50b72);--vc-accent-900:var(--colorBody)}";
36481
+ var stylesheet$2 = ".fw-date-picker .vc-primary{--vc-accent-50:var(--70e76706);--vc-accent-100:var(--a7f50d24);--vc-accent-200:var(--a7f50ce6);--vc-accent-300:var(--a7f50ca8);--vc-accent-400:var(--a7f50c6a);--vc-accent-500:var(--a7f50c2c);--vc-accent-600:var(--colorPrimary);--vc-accent-700:var(--a7f50bb0);--vc-accent-800:var(--a7f50b72);--vc-accent-900:var(--colorBody)}";
36478
36482
  styleInject(css_248z$2);
36479
36483
 
36480
36484
  __default__$2.render = render$2;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@frollo/frollo-web-ui",
3
- "version": "5.0.4",
3
+ "version": "5.0.5",
4
4
  "description": "Frollo's UI library for components, utilities and configs",
5
5
  "exports": {
6
6
  "./icons": "./icons/index.ts",
@@ -47776,14 +47776,14 @@
47776
47776
  var __injectCSSVars__$2 = function __injectCSSVars__() {
47777
47777
  useCssVars(function (_ctx) {
47778
47778
  return {
47779
- "5ae50491": _ctx.primaryFade5,
47780
- "01bb8d43": _ctx.primaryFade10,
47781
- "01bb8d62": _ctx.primaryFade20,
47782
- "01bb8d81": _ctx.primaryFade30,
47783
- "01bb8da0": _ctx.primaryFade40,
47784
- "01bb8dbf": _ctx.primaryFade50,
47785
- "01bb8dfd": _ctx.primaryFade70,
47786
- "01bb8e1c": _ctx.primaryFade80
47779
+ "70e76706": _ctx.primaryFade5,
47780
+ "a7f50d24": _ctx.primaryFade10,
47781
+ "a7f50ce6": _ctx.primaryFade20,
47782
+ "a7f50ca8": _ctx.primaryFade30,
47783
+ "a7f50c6a": _ctx.primaryFade40,
47784
+ "a7f50c2c": _ctx.primaryFade50,
47785
+ "a7f50bb0": _ctx.primaryFade70,
47786
+ "a7f50b72": _ctx.primaryFade80
47787
47787
  };
47788
47788
  });
47789
47789
  };
@@ -47794,49 +47794,52 @@
47794
47794
  } : __injectCSSVars__$2;
47795
47795
 
47796
47796
  var _hoisted_1$2 = {
47797
- "class": "flex flex-col"
47797
+ "class": "fw-date-picker w-full"
47798
47798
  };
47799
47799
  var _hoisted_2$2 = {
47800
+ "class": "flex flex-col"
47801
+ };
47802
+ var _hoisted_3$1 = {
47800
47803
  key: 0,
47801
47804
  "class": "flex flex-col w-full space-y-4 md:flex-row md:space-x-4 md:space-y-0"
47802
47805
  };
47803
- var _hoisted_3$1 = {
47806
+ var _hoisted_4$2 = {
47804
47807
  "class": "w-full md:w-1/2"
47805
47808
  };
47806
- var _hoisted_4$2 = ["for"];
47807
- var _hoisted_5 = {
47809
+ var _hoisted_5 = ["for"];
47810
+ var _hoisted_6 = {
47808
47811
  "class": "relative text-grey-light focus-within:text-black"
47809
47812
  };
47810
- var _hoisted_6 = {
47813
+ var _hoisted_7 = {
47811
47814
  "class": "flex absolute w-9 h-full inset-y-0 left-0 items-center pl-3 pointer-events-none"
47812
47815
  };
47813
- var _hoisted_7 = ["value", "id", "tabindex", "name", "placeholder"];
47814
- var _hoisted_8 = {
47816
+ var _hoisted_8 = ["value", "id", "tabindex", "name", "placeholder"];
47817
+ var _hoisted_9 = {
47815
47818
  "class": "w-full md:w-1/2"
47816
47819
  };
47817
- var _hoisted_9 = ["for"];
47818
- var _hoisted_10 = {
47820
+ var _hoisted_10 = ["for"];
47821
+ var _hoisted_11 = {
47819
47822
  "class": "relative text-grey-light focus-within:text-black"
47820
47823
  };
47821
- var _hoisted_11 = {
47824
+ var _hoisted_12 = {
47822
47825
  "class": "flex absolute w-9 h-full inset-y-0 left-0 items-center pl-3 pointer-events-none"
47823
47826
  };
47824
- var _hoisted_12 = ["value", "id", "tabindex", "name", "placeholder"];
47825
- var _hoisted_13 = {
47827
+ var _hoisted_13 = ["value", "id", "tabindex", "name", "placeholder"];
47828
+ var _hoisted_14 = {
47826
47829
  key: 1
47827
47830
  };
47828
- var _hoisted_14 = ["for"];
47829
- var _hoisted_15 = {
47831
+ var _hoisted_15 = ["for"];
47832
+ var _hoisted_16 = {
47830
47833
  "class": "relative text-grey-light focus-within:text-black"
47831
47834
  };
47832
- var _hoisted_16 = {
47835
+ var _hoisted_17 = {
47833
47836
  "class": "flex absolute w-9 h-full inset-y-0 left-0 items-center pl-3 pointer-events-none"
47834
47837
  };
47835
- var _hoisted_17 = ["value", "id", "tabindex", "name", "label", "placeholder"];
47838
+ var _hoisted_18 = ["value", "id", "tabindex", "name", "label", "placeholder"];
47836
47839
  function render$2(_ctx, _cache, $props, $setup, $data, $options) {
47837
47840
  var _component_CalendarDaySvg = resolveComponent("CalendarDaySvg");
47838
47841
  var _component_DatePicker = resolveComponent("DatePicker");
47839
- return openBlock(), createBlock(_component_DatePicker, {
47842
+ return openBlock(), createElementBlock("div", _hoisted_1$2, [createVNode(_component_DatePicker, {
47840
47843
  modelValue: _ctx.dateModel,
47841
47844
  "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) {
47842
47845
  return _ctx.dateModel = $event;
@@ -47844,8 +47847,9 @@
47844
47847
  modelModifiers: {
47845
47848
  string: true
47846
47849
  },
47847
- "is-range": _ctx.isRange,
47848
- "class": "fw-date-picker",
47850
+ "model-modifiers": {
47851
+ range: _ctx.isRange
47852
+ },
47849
47853
  color: "primary",
47850
47854
  mode: "date",
47851
47855
  masks: {
@@ -47856,11 +47860,11 @@
47856
47860
  "default": withCtx(function (_ref) {
47857
47861
  var inputValue = _ref.inputValue,
47858
47862
  inputEvents = _ref.inputEvents;
47859
- return [createBaseVNode("div", _hoisted_1$2, [_ctx.isRange === true ? (openBlock(), createElementBlock("div", _hoisted_2$2, [createBaseVNode("div", _hoisted_3$1, [_ctx.startLabel ? (openBlock(), createElementBlock("label", {
47863
+ return [createBaseVNode("div", _hoisted_2$2, [_ctx.isRange === true ? (openBlock(), createElementBlock("div", _hoisted_3$1, [createBaseVNode("div", _hoisted_4$2, [_ctx.startLabel ? (openBlock(), createElementBlock("label", {
47860
47864
  key: 0,
47861
47865
  "for": "fw-date-picker-input-start-".concat(_ctx.name, "-").concat(_ctx.uuid),
47862
47866
  "class": "block mb-2 font-medium"
47863
- }, toDisplayString(_ctx.startLabel), 9, _hoisted_4$2)) : createCommentVNode("", true), createBaseVNode("div", _hoisted_5, [createBaseVNode("div", _hoisted_6, [createVNode(_component_CalendarDaySvg)]), createBaseVNode("input", mergeProps({
47867
+ }, toDisplayString(_ctx.startLabel), 9, _hoisted_5)) : createCommentVNode("", true), createBaseVNode("div", _hoisted_6, [createBaseVNode("div", _hoisted_7, [createVNode(_component_CalendarDaySvg)]), createBaseVNode("input", mergeProps({
47864
47868
  value: inputValue.start
47865
47869
  }, toHandlers(inputEvents.start), {
47866
47870
  id: "fw-date-picker-input-start-".concat(_ctx.name, "-").concat(_ctx.uuid),
@@ -47870,11 +47874,11 @@
47870
47874
  type: "text",
47871
47875
  autocomplete: "off",
47872
47876
  placeholder: _ctx.startPlaceholder
47873
- }), null, 16, _hoisted_7)])]), createBaseVNode("div", _hoisted_8, [_ctx.endLabel ? (openBlock(), createElementBlock("label", {
47877
+ }), null, 16, _hoisted_8)])]), createBaseVNode("div", _hoisted_9, [_ctx.endLabel ? (openBlock(), createElementBlock("label", {
47874
47878
  key: 0,
47875
47879
  "for": "fw-date-picker-input-end-".concat(_ctx.name, "-").concat(_ctx.uuid),
47876
47880
  "class": "block mb-2 font-medium"
47877
- }, toDisplayString(_ctx.endLabel), 9, _hoisted_9)) : createCommentVNode("", true), createBaseVNode("div", _hoisted_10, [createBaseVNode("div", _hoisted_11, [createVNode(_component_CalendarDaySvg)]), createBaseVNode("input", mergeProps({
47881
+ }, toDisplayString(_ctx.endLabel), 9, _hoisted_10)) : createCommentVNode("", true), createBaseVNode("div", _hoisted_11, [createBaseVNode("div", _hoisted_12, [createVNode(_component_CalendarDaySvg)]), createBaseVNode("input", mergeProps({
47878
47882
  value: inputValue.end
47879
47883
  }, toHandlers(inputEvents.end), {
47880
47884
  id: "fw-date-picker-input-end-".concat(_ctx.name, "-").concat(_ctx.uuid),
@@ -47884,11 +47888,11 @@
47884
47888
  type: "text",
47885
47889
  autocomplete: "off",
47886
47890
  placeholder: _ctx.endPlaceholder
47887
- }), null, 16, _hoisted_12)])])])) : (openBlock(), createElementBlock("div", _hoisted_13, [_ctx.label ? (openBlock(), createElementBlock("label", {
47891
+ }), null, 16, _hoisted_13)])])])) : (openBlock(), createElementBlock("div", _hoisted_14, [_ctx.label ? (openBlock(), createElementBlock("label", {
47888
47892
  key: 0,
47889
47893
  "for": "fw-date-picker-input-".concat(_ctx.name, "-").concat(_ctx.uuid),
47890
47894
  "class": "block mb-2 font-medium"
47891
- }, toDisplayString(_ctx.label), 9, _hoisted_14)) : createCommentVNode("", true), createBaseVNode("div", _hoisted_15, [createBaseVNode("div", _hoisted_16, [createVNode(_component_CalendarDaySvg)]), createBaseVNode("input", mergeProps({
47895
+ }, toDisplayString(_ctx.label), 9, _hoisted_15)) : createCommentVNode("", true), createBaseVNode("div", _hoisted_16, [createBaseVNode("div", _hoisted_17, [createVNode(_component_CalendarDaySvg)]), createBaseVNode("input", mergeProps({
47892
47896
  value: inputValue
47893
47897
  }, toHandlers(inputEvents), {
47894
47898
  id: "fw-date-picker-input-".concat(_ctx.name, "-").concat(_ctx.uuid),
@@ -47899,14 +47903,14 @@
47899
47903
  type: "text",
47900
47904
  autocomplete: "off",
47901
47905
  placeholder: _ctx.placeholder
47902
- }), null, 16, _hoisted_17)])]))])];
47906
+ }), null, 16, _hoisted_18)])]))])];
47903
47907
  }),
47904
47908
  _: 1
47905
- }, 8, ["modelValue", "is-range", "max-date"]);
47909
+ }, 8, ["modelValue", "model-modifiers", "max-date"])]);
47906
47910
  }
47907
47911
 
47908
- var css_248z$2 = ".vc-primary{--vc-accent-50:var(--5ae50491);--vc-accent-100:var(--01bb8d43);--vc-accent-200:var(--01bb8d62);--vc-accent-300:var(--01bb8d81);--vc-accent-400:var(--01bb8da0);--vc-accent-500:var(--01bb8dbf);--vc-accent-600:var(--colorPrimary);--vc-accent-700:var(--01bb8dfd);--vc-accent-800:var(--01bb8e1c);--vc-accent-900:var(--colorBody)}";
47909
- var stylesheet$2 = ".vc-primary{--vc-accent-50:var(--5ae50491);--vc-accent-100:var(--01bb8d43);--vc-accent-200:var(--01bb8d62);--vc-accent-300:var(--01bb8d81);--vc-accent-400:var(--01bb8da0);--vc-accent-500:var(--01bb8dbf);--vc-accent-600:var(--colorPrimary);--vc-accent-700:var(--01bb8dfd);--vc-accent-800:var(--01bb8e1c);--vc-accent-900:var(--colorBody)}";
47912
+ var css_248z$2 = ".fw-date-picker .vc-primary{--vc-accent-50:var(--70e76706);--vc-accent-100:var(--a7f50d24);--vc-accent-200:var(--a7f50ce6);--vc-accent-300:var(--a7f50ca8);--vc-accent-400:var(--a7f50c6a);--vc-accent-500:var(--a7f50c2c);--vc-accent-600:var(--colorPrimary);--vc-accent-700:var(--a7f50bb0);--vc-accent-800:var(--a7f50b72);--vc-accent-900:var(--colorBody)}";
47913
+ var stylesheet$2 = ".fw-date-picker .vc-primary{--vc-accent-50:var(--70e76706);--vc-accent-100:var(--a7f50d24);--vc-accent-200:var(--a7f50ce6);--vc-accent-300:var(--a7f50ca8);--vc-accent-400:var(--a7f50c6a);--vc-accent-500:var(--a7f50c2c);--vc-accent-600:var(--colorPrimary);--vc-accent-700:var(--a7f50bb0);--vc-accent-800:var(--a7f50b72);--vc-accent-900:var(--colorBody)}";
47910
47914
  styleInject(css_248z$2);
47911
47915
 
47912
47916
  __default__$2.render = render$2;