fds-vue-core 6.2.0 → 6.2.2

package/dist/fds-vue-core.cjs.js

@@ -14531,9 +14531,16 @@ function cleanEscapedString(input) {
   }
   return matched[1].replace(doubleQuoteRegExp, "'");
 }
+function getISODay(date, options) {
+  const day = toDate(date, options?.in).getDay();
+  return day === 0 ? 7 : day;
+}
 function isAfter(date, dateToCompare) {
   return +toDate(date) > +toDate(dateToCompare);
 }
+function isBefore(date, dateToCompare) {
+  return +toDate(date) < +toDate(dateToCompare);
+}
 function isSameWeek(laterDate, earlierDate, options) {
   const [laterDate_, earlierDate_] = normalizeDates(
     options?.in,
@@ -14987,7 +14994,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     const props = __props;
     const emit = __emit;
     const classes = vue.computed(() => [
-      "box-border flex h-[64px] w-[calc(100%/7.5)] shrink-0 flex-col items-center justify-center border-transparent px-1 py-1 transition-colors cursor-pointer",
+      "box-border flex h-[64px] w-full max-w-[100px] flex-1 basis-0 flex-col items-center justify-center border-2 border-transparent px-1 py-1 transition-colors cursor-pointer",
       props.disabled ? "" : "hover:border-2 hover:border-blue-500 border-solid",
       props.disabled ? "" : "active:bg-blue_t-100 border-transparent",
       props.disabled ? "" : "focus:outline-none",
@@ -15004,7 +15011,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     ]);
     const onClick = () => {
       if (props.disabled) return;
-      emit("select-date", props.date);
+      emit("select-date", props.selected ? null : props.date);
     };
     const weekdayLabel = vue.computed(() => {
       const value = format(props.date, "EEE", { locale: sv });
@@ -15063,7 +15070,6 @@ const getDaysInWeek = (weekStart) => {
   return calendar;
 };
 const getDaysOfLastWeek = (week) => getDaysInWeek(week);
-const getDaysOfNextWeek = (week) => getDaysInWeek(week);
 const getStartAndEndRangeFromWeek = (week) => {
   const lastDay = week.at(-1);
   const firstDay = week.at(0);
@@ -15097,34 +15103,34 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
     disablePreviousWeek: { type: Boolean, default: false },
     disableNextWeek: { type: Boolean, default: false },
     enableHorizontalAnimation: { type: Boolean, default: true },
-    initialWeek: { default: void 0 },
+    minWeek: { default: void 0 },
     maxDate: { default: void 0 },
     previewOtherDays: { type: Boolean, default: false },
     selected: { default: null },
     weekLabel: { default: "vecka" },
     onDecrementWeek: {},
     onIncrementWeek: {},
-    onSelectDate: {}
+    onSelectDate: {},
+    onChangeDateRange: {}
   },
   emits: ["change-date-range", "select-date", "decrement-week", "increment-week"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const currentWeek = vue.ref(props.initialWeek ?? startOfISOWeek(/* @__PURE__ */ new Date()));
+    const currentWeek = vue.ref(props.minWeek ?? startOfISOWeek(/* @__PURE__ */ new Date()));
     const selectedDay = vue.ref(props.selected ?? null);
     const slideDirection = vue.ref("left");
     const weekToRender = vue.computed(() => getDaysInWeek(currentWeek.value));
-    const nextWeek = vue.computed(() => getDaysOfNextWeek(addWeeks(currentWeek.value, 1)));
+    const visibleWeekDays = vue.computed(() => weekToRender.value.filter((day) => getISODay(day) <= 5));
     const lastWeek = vue.computed(() => getDaysOfLastWeek(subWeeks(currentWeek.value)));
     const weekText = vue.computed(() => `${getOverlappingMonths(currentWeek.value)} (vecka ${getISOWeek(currentWeek.value)})`);
     const lastDayOfPreviousWeek = vue.computed(() => lastWeek.value[lastWeek.value.length - 1]);
     const disableLastWeekInteraction = vue.computed(
-      () => !!props.disablePreviousWeek || !!lastDayOfPreviousWeek.value && checkIfDateIsBeforeToday(lastDayOfPreviousWeek.value)
+      () => !!props.disablePreviousWeek || !!lastDayOfPreviousWeek.value && checkIfDateIsBeforeToday(lastDayOfPreviousWeek.value) || !!props.minWeek && isBefore(subWeeks(currentWeek.value), startOfISOWeek(props.minWeek))
     );
     const disableNextWeekInteraction = vue.computed(
       () => !!props.disableNextWeek || !!props.maxDate && isSameWeek(currentWeek.value, props.maxDate, { weekStartsOn: 1 })
     );
-    const trailingPreviewDay = vue.computed(() => nextWeek.value[0]);
     const transitionClasses = vue.computed(() => {
       if (!props.enableHorizontalAnimation) {
         return {
@@ -15151,7 +15157,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
       };
     });
     vue.watch(
-      weekToRender,
+      visibleWeekDays,
       (week) => {
         const { endDate, startDate } = getStartAndEndRangeFromWeek(week);
         if (!startDate || !endDate) return;
@@ -15160,7 +15166,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
       { immediate: true }
     );
     vue.watch(
-      () => props.initialWeek,
+      () => props.minWeek,
       (newWeek) => {
         if (!newWeek) {
           currentWeek.value = startOfISOWeek(/* @__PURE__ */ new Date());
@@ -15233,7 +15239,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
                   key: currentWeek.value.toISOString(),
                   class: "flex flex-row flex-nowrap items-center justify-start gap-x-px"
                 }, [
-                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(weekToRender.value, (weekDay, index) => {
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(visibleWeekDays.value, (weekDay, index) => {
                     return vue.openBlock(), vue.createBlock(_sfc_main$d, {
                       key: `current-${weekDay.toISOString()}-${index}`,
                       date: weekDay,
@@ -15242,15 +15248,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
                       "is-today": isTodayDate(weekDay),
                       onSelectDate: onHandleSelectedDay
                     }, null, 8, ["date", "disabled", "selected", "is-today"]);
-                  }), 128)),
-                  trailingPreviewDay.value ? (vue.openBlock(), vue.createBlock(_sfc_main$d, {
-                    key: 0,
-                    date: trailingPreviewDay.value,
-                    disabled: isWeekDayDisabled(trailingPreviewDay.value),
-                    selected: !!selectedDay.value && vue.unref(isSameDay)(trailingPreviewDay.value, selectedDay.value),
-                    "is-today": isTodayDate(trailingPreviewDay.value),
-                    onSelectDate: onHandleSelectedDay
-                  }, null, 8, ["date", "disabled", "selected", "is-today"])) : vue.createCommentVNode("", true)
+                  }), 128))
                 ]))
               ]),
               _: 1