accomadesc 0.2.0 → 0.2.2

package/dist/Calendar.svelte

@@ -19,12 +19,15 @@
     maxFutureYears = 2,
     translateFunc,
   }: CalendarContent & I18nFacade & { debug?: boolean } = $props();
+
+  let minDate = $derived(DateTime.utc().minus({ year: maxPastYears }));
+  let maxDate = $derived(DateTime.utc().plus({ year: maxFutureYears }));
 </script>
 
 <div class="cal-wrapper">
   <OccuPlanWrapper
-    minDate={DateTime.utc().set({ day: 1, month: 1 }).minus({ year: maxPastYears })}
-    maxDate={DateTime.utc().set({ day: 31, month: 12 }).plus({ year: maxFutureYears })}
+    {minDate}
+    {maxDate}
     {url}
     {debug}
     {toggleGridOffset}

package/dist/CalendarAvailable.svelte

@@ -16,7 +16,9 @@
 
   let availHeader = $derived(translateFunc ? translateFunc('availability') : '[AVAILABILITY]');
 
-  const maxFutureDate = DateTime.utc().set({ day: 31, month: 12 }).plus({ years: maxFutureYears });
+  let maxFutureDate = $derived(
+    DateTime.utc().set({ day: 31, month: 12 }).plus({ years: maxFutureYears }),
+  );
 
   const formatAvailability = (from: DateTime | null, forDays: number): string => {
     if (!formatFunc || !formatDateFunc) return '';

package/dist/CalendarGrid.svelte

@@ -9,16 +9,25 @@
     calendarTranslation,
     maxPastYears = 0,
     maxFutureYears = 2,
+    maxWidth = '1200px',
+    firstMonth = 0,
+    monthNumbers = 12,
     translateFunc,
   }: CalendarGridContent & I18nFacade & { debug?: boolean } = $props();
+
+  let minDate = $derived(DateTime.utc().minus({ year: maxPastYears }));
+  let maxDate = $derived(DateTime.utc().plus({ year: maxFutureYears }));
 </script>
 
 <div class="cal-wrapper">
   <OccuPlanGrid
     {url}
     {debug}
-    minDate={DateTime.utc().set({ day: 1, month: 1 }).minus({ year: maxPastYears })}
-    maxDate={DateTime.utc().set({ day: 31, month: 12 }).plus({ year: maxFutureYears })}
+    {minDate}
+    {maxDate}
+    numberOfMonth={monthNumbers}
+    {maxWidth}
+    {firstMonth}
     header={translateFunc ? translateFunc('calendarHeader') : ''}
     {...calendarTranslation}
   />

package/dist/CalendarRows.svelte

@@ -9,16 +9,24 @@
     calendarTranslation,
     maxPastYears = 0,
     maxFutureYears = 2,
+    maxWidth = '1200px',
+    firstMonth = 0,
+    monthNumbers = 12,
     translateFunc,
   }: CalendarRowsContent & I18nFacade & { debug?: boolean } = $props();
+  let minDate = $derived(DateTime.utc().minus({ year: maxPastYears }));
+  let maxDate = $derived(DateTime.utc().plus({ year: maxFutureYears }));
 </script>
 
 <div class="cal-wrapper">
   <OccuPlanRows
     {url}
+    {maxWidth}
+    {firstMonth}
+    numberOfMonth={monthNumbers}
     {debug}
-    minDate={DateTime.utc().set({ day: 1, month: 1 }).minus({ years: maxPastYears })}
-    maxDate={DateTime.utc().set({ day: 31, month: 12 }).plus({ years: maxFutureYears })}
+    {maxDate}
+    {minDate}
     header={translateFunc ? translateFunc('calendarHeader') : ''}
     {...calendarTranslation}
   />

package/dist/types.d.ts

@@ -61,6 +61,9 @@ export interface CalendarGridContent {
     url: string;
     maxFutureYears?: number;
     maxPastYears?: number;
+    monthNumbers?: number;
+    firstMonth?: FirstMonth;
+    maxWidth?: string;
 }
 export interface CalendarRows {
     id: string;
@@ -71,6 +74,9 @@ export interface CalendarRowsContent {
     url: string;
     maxFutureYears?: number;
     maxPastYears?: number;
+    monthNumbers?: number;
+    firstMonth?: FirstMonth;
+    maxWidth?: string;
 }
 export interface Text {
     id: string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "accomadesc",
-	"version": "0.2.0",
+	"version": "0.2.2",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run package",