@bagelink/vue 1.2.18 → 1.2.20
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/dist/components/calendar/views/DayView.vue.d.ts.map +1 -1
- package/dist/components/calendar/views/WeekView.vue.d.ts.map +1 -1
- package/dist/components/form/BglMultiStepForm.vue.d.ts.map +1 -1
- package/dist/components/form/inputs/DatePicker.vue.d.ts.map +1 -1
- package/dist/index.cjs +147 -93
- package/dist/index.mjs +147 -93
- package/dist/style.css +75 -117
- package/package.json +1 -1
- package/src/components/calendar/views/DayView.vue +53 -97
- package/src/components/calendar/views/WeekView.vue +1 -2
- package/src/components/form/BglMultiStepForm.vue +63 -2
- package/src/components/form/inputs/DatePicker.vue +33 -28
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DayView.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/calendar/views/DayView.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DayView.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/calendar/views/DayView.vue"],"names":[],"mappings":"AAuXA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AASrD,KAAK,WAAW,GAAG;IAClB,MAAM,EAAE,aAAa,EAAE,CAAA;IACvB,SAAS,EAAE,IAAI,CAAA;CACf,CAAC;AA2LF,iBAAS,cAAc;WAuIT,OAAO,IAA6B;;;;;;;;;;;;;YAXhB,GAAG;;;;;;EAgBpC;AAyBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;oBA5VoB,IAAI;kBAAY,IAAI;;;;;oBAApB,IAAI;kBAAY,IAAI;;;;kBAqW3D,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WeekView.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/calendar/views/WeekView.vue"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"WeekView.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/calendar/views/WeekView.vue"],"names":[],"mappings":"AAAA,OAibO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAkBhE,KAAK,WAAW,GAAG;IAClB,MAAM,CAAC,EAAE,aAAa,EAAE,CAAA;IACxB,SAAS,CAAC,EAAE,IAAI,CAAA;IAChB,SAAS,CAAC,EAAE,SAAS,CAAA;CACrB,CAAC;AA6PF,iBAAS,cAAc,QA0KtB;AA4BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;oBA3boB,IAAI;kBAAY,IAAI;;;;;oBAApB,IAAI;kBAAY,IAAI;;;YAZnD,aAAa,EAAE;eACZ,IAAI;eACJ,SAAS;8EA+cpB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BglMultiStepForm.vue.d.ts","sourceRoot":"","sources":["../../../src/components/form/BglMultiStepForm.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"BglMultiStepForm.vue.d.ts","sourceRoot":"","sources":["../../../src/components/form/BglMultiStepForm.vue"],"names":[],"mappings":"AA0bA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAErD,OAAO,KAAK,EAAoB,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAClF,OAAO,EAAE,SAAS,EAAqB,MAAM,eAAe,CAAA;yBAG3C,CAAC,SAAS;IAAC,CAAC,GAAG,EAAC,MAAM,GAAE,GAAG,CAAA;CAAC,EAAE,CAAC,EAC/C,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAwgBO,mBAAmB,CAAC;;;;;oBA/Qd,CAAC;;yBAvPI,IAAI,CACpB,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EACtC,CACA,QAAQ,GAAG,GAAG,MAAM,YAAY,GAAG,MAAM,MAAM,EAAE,GAAG,UAAU,MAAM,EAAE,GAAG,UAAU,CAClF,CACD;gBACO,gBAAgB,CAAC,CAAC,CAAC;uBACZ,OAAO;cAChB,OAAO;qBACA,MAAM,EAAE;8BACC,OAAO;0BACX,OAAO;QACzB,+EAA+E;oBACnE,MAAM,GAAG,MAAM,GAAG,OAAO;oBAyfuD,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;;;;8BAvWlB,MAAM;;;;;MAuWkC,GAAG,IAAI;WACpE,GAAG;;;;;kCAxWkB,MAAM;;;yCAbgB,MAAM;YAgU3B,GAAG;yBACH,GAAG;uBACL,GAAG;;;;;;;;YACA,GAAG;;UAoD3B,2GAAqC;EAExC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAnhBzE,wBAmhB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/DatePicker.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DatePicker.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/DatePicker.vue"],"names":[],"mappings":"AA8cA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAA;AAG/D,OAAa,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAEnE,KAAK,WAAW,GAAG;IACjB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACnB,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACnB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,cAAc,CAAC,EAAE,cAAc,CAAA;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,OAAO,CAAA;CACpB,CAAC;;;;;;UAJM,QAAQ;YAEN,MAAM;gBACF,OAAO;oBAFH,cAAc;;AAgqBjC,wBASG"}
|
package/dist/index.cjs
CHANGED
|
@@ -633,16 +633,15 @@ function closePopover(state2) {
|
|
|
633
633
|
state2.showPopover.value = false;
|
|
634
634
|
state2.activeEvent.value = null;
|
|
635
635
|
}
|
|
636
|
-
const _hoisted_1$W = { class: "
|
|
637
|
-
const _hoisted_2$H = { class: "
|
|
638
|
-
const _hoisted_3$B = { class: "
|
|
639
|
-
const _hoisted_4$o = { class: "
|
|
640
|
-
const _hoisted_5$n = { class: "
|
|
641
|
-
const _hoisted_6$k =
|
|
642
|
-
const _hoisted_7$g =
|
|
643
|
-
const _hoisted_8$8 = { class: "
|
|
644
|
-
const _hoisted_9$7 = { class: "event-
|
|
645
|
-
const _hoisted_10$6 = { class: "event-time" };
|
|
636
|
+
const _hoisted_1$W = { class: "w-100p overflow-hidden m_overflow h-100p grid" };
|
|
637
|
+
const _hoisted_2$H = { class: "border-bottom me-1 txt-center p-05 dayGrid" };
|
|
638
|
+
const _hoisted_3$B = { class: "overflow h-100p pe-05" };
|
|
639
|
+
const _hoisted_4$o = { class: "time-column" };
|
|
640
|
+
const _hoisted_5$n = { class: "events-column" };
|
|
641
|
+
const _hoisted_6$k = ["onClick"];
|
|
642
|
+
const _hoisted_7$g = { class: "event-content" };
|
|
643
|
+
const _hoisted_8$8 = { class: "white-space ellipsis-1" };
|
|
644
|
+
const _hoisted_9$7 = { class: "event-time opacity-8" };
|
|
646
645
|
const slotHeight$1 = 60;
|
|
647
646
|
const slotDuration$1 = 60;
|
|
648
647
|
const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
|
|
@@ -784,62 +783,60 @@ const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
|
|
|
784
783
|
const _directive_click_outside = vue.resolveDirective("click-outside");
|
|
785
784
|
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$W, [
|
|
786
785
|
vue.createElementVNode("div", _hoisted_2$H, [
|
|
787
|
-
_cache[0] || (_cache[0] = vue.createElementVNode("div",
|
|
788
|
-
|
|
789
|
-
], -1)),
|
|
790
|
-
vue.createElementVNode("div", _hoisted_3$B, [
|
|
791
|
-
vue.createElementVNode("div", _hoisted_4$o, vue.toDisplayString(vue.unref(formatDate)(_ctx.startDate)), 1)
|
|
792
|
-
])
|
|
786
|
+
_cache[0] || (_cache[0] = vue.createElementVNode("div", null, null, -1)),
|
|
787
|
+
vue.createElementVNode("div", null, vue.toDisplayString(vue.unref(formatDate)(_ctx.startDate)), 1)
|
|
793
788
|
]),
|
|
794
|
-
vue.createElementVNode("div",
|
|
795
|
-
|
|
796
|
-
|
|
797
|
-
|
|
798
|
-
|
|
799
|
-
|
|
800
|
-
|
|
801
|
-
|
|
802
|
-
|
|
803
|
-
|
|
804
|
-
|
|
805
|
-
|
|
806
|
-
|
|
807
|
-
|
|
808
|
-
|
|
789
|
+
vue.createElementVNode("div", _hoisted_3$B, [
|
|
790
|
+
vue.createElementVNode("div", {
|
|
791
|
+
class: "time-slots dayGrid border-end relative",
|
|
792
|
+
onMousedown: handleMouseDown
|
|
793
|
+
}, [
|
|
794
|
+
vue.createElementVNode("div", _hoisted_4$o, [
|
|
795
|
+
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(timeSlots.value, (slot) => {
|
|
796
|
+
return vue.openBlock(), vue.createElementBlock("div", {
|
|
797
|
+
key: slot.time,
|
|
798
|
+
class: "time-slot txt-light txt-12 color-gray bg-gray-light border-start",
|
|
799
|
+
style: vue.normalizeStyle({ height: `${slotHeight$1}px` })
|
|
800
|
+
}, vue.toDisplayString(slot.time), 5);
|
|
801
|
+
}), 128))
|
|
802
|
+
]),
|
|
803
|
+
vue.createElementVNode("div", _hoisted_5$n, [
|
|
804
|
+
isToday.value ? (vue.openBlock(), vue.createElementBlock("div", {
|
|
805
|
+
key: 0,
|
|
806
|
+
class: "absolute end w-100p z-2 flex pointer-events-none",
|
|
807
|
+
style: vue.normalizeStyle({ top: `${currentTimeTop.value}px` })
|
|
808
|
+
}, _cache[1] || (_cache[1] = [
|
|
809
|
+
vue.createElementVNode("div", { class: "current-time-dot h-10px aspect-ratio-1 round bg-primary" }, null, -1),
|
|
810
|
+
vue.createElementVNode("div", { class: "current-time-line w-100p bg-primary" }, null, -1)
|
|
811
|
+
]), 4)) : vue.createCommentVNode("", true),
|
|
812
|
+
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(processedEvents.value, (event) => {
|
|
813
|
+
return vue.openBlock(), vue.createElementBlock("div", {
|
|
814
|
+
key: event.id,
|
|
815
|
+
class: "event absolute radius-05 overflow-hidden pointer transition z-1",
|
|
816
|
+
style: vue.normalizeStyle({
|
|
817
|
+
top: `${event.top}px`,
|
|
818
|
+
height: `${event.height}px`,
|
|
819
|
+
backgroundColor: event.color || "var(--bgl-primary)"
|
|
820
|
+
}),
|
|
821
|
+
onClick: vue.withModifiers(($event) => vue.unref(slots).eventContent ? openPopover$1(event, $event) : emit2("eventClick", event), ["stop"])
|
|
822
|
+
}, [
|
|
823
|
+
vue.createElementVNode("div", _hoisted_7$g, [
|
|
824
|
+
vue.createElementVNode("div", _hoisted_8$8, vue.toDisplayString(event.title), 1),
|
|
825
|
+
vue.createElementVNode("div", _hoisted_9$7, vue.toDisplayString(vue.unref(formatDate)(new Date(event.start_time))), 1)
|
|
826
|
+
])
|
|
827
|
+
], 12, _hoisted_6$k);
|
|
828
|
+
}), 128))
|
|
829
|
+
]),
|
|
830
|
+
dragState.value.isDragging && dragState.value.start && dragState.value.end ? (vue.openBlock(), vue.createElementBlock("div", {
|
|
809
831
|
key: 0,
|
|
810
|
-
class: "
|
|
811
|
-
style: vue.normalizeStyle({
|
|
812
|
-
|
|
813
|
-
|
|
814
|
-
|
|
815
|
-
|
|
816
|
-
|
|
817
|
-
|
|
818
|
-
key: event.id,
|
|
819
|
-
class: "event",
|
|
820
|
-
style: vue.normalizeStyle({
|
|
821
|
-
top: `${event.top}px`,
|
|
822
|
-
height: `${event.height}px`,
|
|
823
|
-
backgroundColor: event.color || "var(--bgl-primary)"
|
|
824
|
-
}),
|
|
825
|
-
onClick: vue.withModifiers(($event) => vue.unref(slots).eventContent ? openPopover$1(event, $event) : emit2("eventClick", event), ["stop"])
|
|
826
|
-
}, [
|
|
827
|
-
vue.createElementVNode("div", _hoisted_8$8, [
|
|
828
|
-
vue.createElementVNode("div", _hoisted_9$7, vue.toDisplayString(event.title), 1),
|
|
829
|
-
vue.createElementVNode("div", _hoisted_10$6, vue.toDisplayString(vue.unref(formatDate)(new Date(event.start_time))), 1)
|
|
830
|
-
])
|
|
831
|
-
], 12, _hoisted_7$g);
|
|
832
|
-
}), 128))
|
|
833
|
-
]),
|
|
834
|
-
dragState.value.isDragging && dragState.value.start && dragState.value.end ? (vue.openBlock(), vue.createElementBlock("div", {
|
|
835
|
-
key: 0,
|
|
836
|
-
class: "drag-preview",
|
|
837
|
-
style: vue.normalizeStyle({
|
|
838
|
-
top: `${Math.min(dragState.value.start.y, dragState.value.end.y)}px`,
|
|
839
|
-
height: `${Math.abs(dragState.value.end.y - dragState.value.start.y)}px`
|
|
840
|
-
})
|
|
841
|
-
}, null, 4)) : vue.createCommentVNode("", true)
|
|
842
|
-
], 32),
|
|
832
|
+
class: "drag-preview absolute bg-primary pointer-events-none",
|
|
833
|
+
style: vue.normalizeStyle({
|
|
834
|
+
top: `${Math.min(dragState.value.start.y, dragState.value.end.y)}px`,
|
|
835
|
+
height: `${Math.abs(dragState.value.end.y - dragState.value.start.y)}px`
|
|
836
|
+
})
|
|
837
|
+
}, null, 4)) : vue.createCommentVNode("", true)
|
|
838
|
+
], 32)
|
|
839
|
+
]),
|
|
843
840
|
showPopover.value && activeEvent.value ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
|
|
844
841
|
key: 0,
|
|
845
842
|
ref_key: "popoverRef",
|
|
@@ -854,12 +851,13 @@ const _sfc_main$14 = /* @__PURE__ */ vue.defineComponent({
|
|
|
854
851
|
vue.renderSlot(_ctx.$slots, "eventContent", { event: activeEvent.value }, void 0, true)
|
|
855
852
|
], 4)), [
|
|
856
853
|
[_directive_click_outside, closePopover$1]
|
|
857
|
-
]) : vue.createCommentVNode("", true)
|
|
854
|
+
]) : vue.createCommentVNode("", true),
|
|
855
|
+
_cache[2] || (_cache[2] = vue.createElementVNode("div", { class: "border-bottom me-1" }, null, -1))
|
|
858
856
|
]);
|
|
859
857
|
};
|
|
860
858
|
}
|
|
861
859
|
});
|
|
862
|
-
const DayView = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__scopeId", "data-v-
|
|
860
|
+
const DayView = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__scopeId", "data-v-8aa8e541"]]);
|
|
863
861
|
const _hoisted_1$V = { class: "month-view" };
|
|
864
862
|
const _hoisted_2$G = { class: "month-header" };
|
|
865
863
|
const _hoisted_3$A = { class: "month-grid" };
|
|
@@ -1231,7 +1229,7 @@ const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
|
|
|
1231
1229
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(timeSlots.value, (slot) => {
|
|
1232
1230
|
return vue.openBlock(), vue.createElementBlock("div", {
|
|
1233
1231
|
key: slot.time,
|
|
1234
|
-
class: "txt-light txt-12 color-gray flex justify-content-center",
|
|
1232
|
+
class: "txt-light txt-12 color-gray flex justify-content-center bg-gray-light border-start",
|
|
1235
1233
|
style: vue.normalizeStyle({ height: `${slotHeight}px` })
|
|
1236
1234
|
}, vue.toDisplayString(slot.time), 5);
|
|
1237
1235
|
}), 128))
|
|
@@ -1306,7 +1304,7 @@ const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
|
|
|
1306
1304
|
};
|
|
1307
1305
|
}
|
|
1308
1306
|
});
|
|
1309
|
-
const WeekView = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["__scopeId", "data-v-
|
|
1307
|
+
const WeekView = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["__scopeId", "data-v-f774fc40"]]);
|
|
1310
1308
|
const _hoisted_1$T = { class: "calendar" };
|
|
1311
1309
|
const _hoisted_2$E = { class: "flex m_block m_pb-1" };
|
|
1312
1310
|
const _hoisted_3$y = { class: "txt-light my-0" };
|
|
@@ -13529,8 +13527,49 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
|
|
|
13529
13527
|
const computedSchema = vue.computed(
|
|
13530
13528
|
() => useBglSchema({ schema: props2.schema })
|
|
13531
13529
|
);
|
|
13532
|
-
const
|
|
13533
|
-
|
|
13530
|
+
const filteredSchema = vue.computed(() => {
|
|
13531
|
+
const schema = computedSchema.value;
|
|
13532
|
+
return schema.filter((step, index2) => {
|
|
13533
|
+
if (step.vIf !== void 0 || step["v-if"] !== void 0) {
|
|
13534
|
+
const condition = step.vIf ?? step["v-if"];
|
|
13535
|
+
if (typeof condition === "function") {
|
|
13536
|
+
return condition(void 0, formData.value);
|
|
13537
|
+
}
|
|
13538
|
+
if (typeof condition === "boolean") {
|
|
13539
|
+
return condition;
|
|
13540
|
+
}
|
|
13541
|
+
if (typeof condition === "string") {
|
|
13542
|
+
return !!condition;
|
|
13543
|
+
}
|
|
13544
|
+
}
|
|
13545
|
+
return true;
|
|
13546
|
+
});
|
|
13547
|
+
});
|
|
13548
|
+
const numberOfSteps = vue.computed(() => filteredSchema.value.length);
|
|
13549
|
+
const schemaIndexMap = vue.computed(() => {
|
|
13550
|
+
const map3 = [];
|
|
13551
|
+
computedSchema.value.forEach((step, index2) => {
|
|
13552
|
+
const vIfCondition = step.vIf ?? step["v-if"];
|
|
13553
|
+
let shouldInclude = true;
|
|
13554
|
+
if (vIfCondition !== void 0) {
|
|
13555
|
+
if (typeof vIfCondition === "function") {
|
|
13556
|
+
shouldInclude = vIfCondition(void 0, formData.value);
|
|
13557
|
+
} else if (typeof vIfCondition === "boolean") {
|
|
13558
|
+
shouldInclude = vIfCondition;
|
|
13559
|
+
} else if (typeof vIfCondition === "string") {
|
|
13560
|
+
shouldInclude = !!vIfCondition;
|
|
13561
|
+
}
|
|
13562
|
+
}
|
|
13563
|
+
if (shouldInclude) {
|
|
13564
|
+
map3.push(index2);
|
|
13565
|
+
}
|
|
13566
|
+
});
|
|
13567
|
+
return map3;
|
|
13568
|
+
});
|
|
13569
|
+
const currentStepSchema = vue.computed(() => {
|
|
13570
|
+
const actualIndex = schemaIndexMap.value[currentStep.value];
|
|
13571
|
+
return [computedSchema.value[actualIndex]];
|
|
13572
|
+
});
|
|
13534
13573
|
const isStepping = vue.ref(false);
|
|
13535
13574
|
let isSteppingTO;
|
|
13536
13575
|
const slideDirection = vue.ref(props2.rtl ? "right" : "left");
|
|
@@ -13586,6 +13625,11 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
|
|
|
13586
13625
|
validatedSteps.value = [];
|
|
13587
13626
|
currentStep.value = 0;
|
|
13588
13627
|
}
|
|
13628
|
+
vue.watch(() => formData.value, () => {
|
|
13629
|
+
if (currentStep.value >= numberOfSteps.value && numberOfSteps.value > 0) {
|
|
13630
|
+
currentStep.value = 0;
|
|
13631
|
+
}
|
|
13632
|
+
}, { deep: true });
|
|
13589
13633
|
__expose({
|
|
13590
13634
|
submit: handleSubmit,
|
|
13591
13635
|
validateForm: reportValidity,
|
|
@@ -13700,7 +13744,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
|
|
|
13700
13744
|
};
|
|
13701
13745
|
}
|
|
13702
13746
|
});
|
|
13703
|
-
const BglMultiStepForm = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-
|
|
13747
|
+
const BglMultiStepForm = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-4ead8342"]]);
|
|
13704
13748
|
const _hoisted_1$K = {
|
|
13705
13749
|
key: 0,
|
|
13706
13750
|
class: "label mb-05"
|
|
@@ -14695,17 +14739,15 @@ const _hoisted_8$5 = {
|
|
|
14695
14739
|
key: 1,
|
|
14696
14740
|
class: "month-grid grid gap-05 p-05"
|
|
14697
14741
|
};
|
|
14698
|
-
const _hoisted_9$4 =
|
|
14699
|
-
const _hoisted_10$4 = {
|
|
14742
|
+
const _hoisted_9$4 = {
|
|
14700
14743
|
key: 2,
|
|
14701
14744
|
class: "year-grid grid gap-05 p-0"
|
|
14702
14745
|
};
|
|
14703
|
-
const
|
|
14704
|
-
const _hoisted_12$3 = {
|
|
14746
|
+
const _hoisted_10$4 = {
|
|
14705
14747
|
key: 0,
|
|
14706
14748
|
class: "time-picker border-start flex column gap-1 w-120px px-025"
|
|
14707
14749
|
};
|
|
14708
|
-
const
|
|
14750
|
+
const _hoisted_11$4 = { class: "flex gap-025" };
|
|
14709
14751
|
const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
|
|
14710
14752
|
__name: "DatePicker",
|
|
14711
14753
|
props: {
|
|
@@ -14764,7 +14806,15 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
|
|
|
14764
14806
|
const currentMonthDays2 = vue.computed(() => {
|
|
14765
14807
|
const year = currentMonth.value.getFullYear();
|
|
14766
14808
|
const month = currentMonth.value.getMonth();
|
|
14767
|
-
|
|
14809
|
+
const weeksInMonth = time.getCalendarMonthSplitInWeeks(year, month);
|
|
14810
|
+
while (weeksInMonth.length < 6) {
|
|
14811
|
+
const lastWeek = weeksInMonth[weeksInMonth.length - 1];
|
|
14812
|
+
const lastDay = lastWeek[lastWeek.length - 1];
|
|
14813
|
+
const nextDay = new Date(lastDay.getFullYear(), lastDay.getMonth(), lastDay.getDate() + 1);
|
|
14814
|
+
const nextWeek = time.getCalendarWeekDateObjects(nextDay);
|
|
14815
|
+
weeksInMonth.push(nextWeek);
|
|
14816
|
+
}
|
|
14817
|
+
return weeksInMonth.flat();
|
|
14768
14818
|
});
|
|
14769
14819
|
const currentMonthValue2 = vue.computed(() => ({
|
|
14770
14820
|
month: currentMonth.value.getMonth(),
|
|
@@ -14914,12 +14964,14 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
|
|
|
14914
14964
|
currentView.value === "days" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
|
|
14915
14965
|
vue.createVNode(vue.unref(Btn), {
|
|
14916
14966
|
flat: "",
|
|
14967
|
+
thin: "",
|
|
14917
14968
|
icon: "chevron_left",
|
|
14918
14969
|
onClick: vue.unref(previousMonth)
|
|
14919
14970
|
}, null, 8, ["onClick"]),
|
|
14920
14971
|
vue.createElementVNode("div", _hoisted_4$f, [
|
|
14921
14972
|
vue.createVNode(vue.unref(Btn), {
|
|
14922
14973
|
flat: "",
|
|
14974
|
+
thin: "",
|
|
14923
14975
|
class: "month-btn",
|
|
14924
14976
|
onClick: _cache[0] || (_cache[0] = ($event) => currentView.value = "months")
|
|
14925
14977
|
}, {
|
|
@@ -14930,6 +14982,7 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
|
|
|
14930
14982
|
}),
|
|
14931
14983
|
vue.createVNode(vue.unref(Btn), {
|
|
14932
14984
|
flat: "",
|
|
14985
|
+
thin: "",
|
|
14933
14986
|
class: "year-btn",
|
|
14934
14987
|
onClick: _cache[1] || (_cache[1] = ($event) => currentView.value = "years")
|
|
14935
14988
|
}, {
|
|
@@ -14941,18 +14994,21 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
|
|
|
14941
14994
|
]),
|
|
14942
14995
|
vue.createVNode(vue.unref(Btn), {
|
|
14943
14996
|
flat: "",
|
|
14997
|
+
thin: "",
|
|
14944
14998
|
icon: "chevron_right",
|
|
14945
14999
|
onClick: vue.unref(nextMonth)
|
|
14946
15000
|
}, null, 8, ["onClick"])
|
|
14947
15001
|
], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
|
|
14948
15002
|
vue.createVNode(vue.unref(Btn), {
|
|
14949
15003
|
flat: "",
|
|
15004
|
+
thin: "",
|
|
14950
15005
|
icon: "chevron_left",
|
|
14951
15006
|
onClick: vue.unref(previousYear)
|
|
14952
15007
|
}, null, 8, ["onClick"]),
|
|
14953
15008
|
vue.createElementVNode("span", _hoisted_5$f, vue.toDisplayString(vue.unref(currentMonthValue).formatted.year), 1),
|
|
14954
15009
|
vue.createVNode(vue.unref(Btn), {
|
|
14955
15010
|
flat: "",
|
|
15011
|
+
thin: "",
|
|
14956
15012
|
icon: "chevron_right",
|
|
14957
15013
|
onClick: vue.unref(nextYear)
|
|
14958
15014
|
}, null, 8, ["onClick"])
|
|
@@ -14981,32 +15037,30 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
|
|
|
14981
15037
|
}), 128))
|
|
14982
15038
|
])) : currentView.value === "months" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$5, [
|
|
14983
15039
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(months), (month) => {
|
|
14984
|
-
return vue.openBlock(), vue.
|
|
15040
|
+
return vue.openBlock(), vue.createBlock(vue.unref(Btn), {
|
|
14985
15041
|
key: month.value,
|
|
14986
|
-
|
|
14987
|
-
|
|
14988
|
-
disabled: month.disabled
|
|
14989
|
-
}]),
|
|
15042
|
+
thin: "",
|
|
15043
|
+
flat: month.value !== vue.unref(currentMonthValue).month,
|
|
14990
15044
|
disabled: month.disabled,
|
|
15045
|
+
value: month.name,
|
|
14991
15046
|
onClick: ($event) => vue.unref(selectMonth)(month.value)
|
|
14992
|
-
},
|
|
15047
|
+
}, null, 8, ["flat", "disabled", "value", "onClick"]);
|
|
14993
15048
|
}), 128))
|
|
14994
|
-
])) : (vue.openBlock(), vue.createElementBlock("div",
|
|
15049
|
+
])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$4, [
|
|
14995
15050
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(years), (year) => {
|
|
14996
|
-
return vue.openBlock(), vue.
|
|
15051
|
+
return vue.openBlock(), vue.createBlock(vue.unref(Btn), {
|
|
14997
15052
|
key: year.value,
|
|
14998
|
-
|
|
14999
|
-
|
|
15000
|
-
disabled: year.disabled
|
|
15001
|
-
}]),
|
|
15053
|
+
thin: "",
|
|
15054
|
+
flat: year.value !== vue.unref(currentMonthValue).year,
|
|
15002
15055
|
disabled: year.disabled,
|
|
15056
|
+
value: year.value.toString(),
|
|
15003
15057
|
onClick: ($event) => vue.unref(selectYear)(year.value)
|
|
15004
|
-
},
|
|
15058
|
+
}, null, 8, ["flat", "disabled", "value", "onClick"]);
|
|
15005
15059
|
}), 128))
|
|
15006
15060
|
]))
|
|
15007
15061
|
]),
|
|
15008
|
-
_ctx.enableTime && currentView.value === "days" ? (vue.openBlock(), vue.createElementBlock("div",
|
|
15009
|
-
vue.createElementVNode("div",
|
|
15062
|
+
_ctx.enableTime && currentView.value === "days" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$4, [
|
|
15063
|
+
vue.createElementVNode("div", _hoisted_11$4, [
|
|
15010
15064
|
vue.createVNode(vue.unref(NumberInput), {
|
|
15011
15065
|
center: "",
|
|
15012
15066
|
modelValue: vue.unref(hours),
|
|
@@ -15034,7 +15088,7 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
|
|
|
15034
15088
|
};
|
|
15035
15089
|
}
|
|
15036
15090
|
});
|
|
15037
|
-
const DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-
|
|
15091
|
+
const DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-9c8816c6"]]);
|
|
15038
15092
|
const _hoisted_1$E = ["title"];
|
|
15039
15093
|
const _hoisted_2$s = { key: 0 };
|
|
15040
15094
|
const _hoisted_3$o = {
|