@sit-onyx/headless 0.3.0-dev-20251029143741 → 0.3.0

package/dist/composables/calendar/TestCalendar.ct.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/composables/calendar/TestCalendar.d.vue.ts

@@ -0,0 +1,8 @@
+import { SelectionMode } from './createCalendar.js';
+type __VLS_Props = {
+    mode?: SelectionMode;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    mode: SelectionMode;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/composables/calendar/createCalendar.testing.d.ts

@@ -0,0 +1,24 @@
+import { Locator, Page } from '@playwright/test';
+export type CalendarTestingOptions = {
+    /**
+     * Playwright page.
+     */
+    page: Page;
+    /**
+     * Locator for the root calendar table/grid element.
+     */
+    calendarGrid: Locator;
+    /**
+     * Locator for all day buttons/cells.
+     */
+    dayButtons: Locator;
+    /**
+     * Locator for the button/cell that should initially have focus (tabindex=0).
+     */
+    initialFocusDay: Locator;
+    /**
+     * Selection mode to run specific tests for.
+     */
+    mode: "single" | "multiple" | "range";
+};
+export declare const calendarTesting: (options: CalendarTestingOptions) => Promise<void>;

package/dist/index.js

@@ -67,7 +67,17 @@ const _unstableCreateCalendar = createBuilder((options) => {
     const index = WEEKDAYS.indexOf(weekStartDay);
     return names.slice(index).concat(names.slice(0, index));
   });
-  const focusedDate = ref(/* @__PURE__ */ new Date());
+  const initialFocusedDate = () => {
+    const today = /* @__PURE__ */ new Date();
+    const view = viewMonth.value;
+    const isTodayInViewMonth = today.getFullYear() === view.getFullYear() && today.getMonth() === view.getMonth();
+    if (isTodayInViewMonth) {
+      return today;
+    } else {
+      return new Date(view.getFullYear(), view.getMonth(), 1);
+    }
+  };
+  const focusedDate = ref(initialFocusedDate());
   watch(
     () => toValue(options.modelValue),
     (newValue) => {
@@ -81,7 +91,8 @@ const _unstableCreateCalendar = createBuilder((options) => {
         newFocusDate = new Date(newValue);
       }
       if (newFocusDate) focusedDate.value = newFocusDate;
-    }
+    },
+    { immediate: true }
   );
   const isToday = (date) => {
     return date.toDateString() === (/* @__PURE__ */ new Date()).toDateString();
@@ -251,6 +262,8 @@ const _unstableCreateCalendar = createBuilder((options) => {
       start.setHours(0, 0, 0, 0);
       const end = sortedRange.end ? new Date(sortedRange.end) : void 0;
       end?.setHours(23, 59, 59, 999);
+      if (date.toDateString() === start.toDateString() && date.toDateString() === end?.toDateString())
+        return;
       if (date.toDateString() === start.toDateString()) return "start";
       if (date.toDateString() === end?.toDateString()) return "end";
       if (end && isInDateRange(date, start, end)) return "middle";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sit-onyx/headless",
   "description": "Headless composables for Vue",
-  "version": "0.3.0-dev-20251029143741",
+  "version": "0.3.0",
   "type": "module",
   "author": "Schwarz IT KG",
   "license": "Apache-2.0",