intelliwaketssveltekitv25 0.1.187 → 0.1.190

package/dist/Calendar.svelte

@@ -1,7 +1,8 @@
 <script lang="ts">
 	import {
 		CleanSubtractNumbers,
-		DateComponent, DateDiff,
+		DateComponent,
+		DateDiff,
 		DateOnly,
 		DeepEqual,
 		GreaterNumber,
@@ -23,7 +24,7 @@
 		selectRange = 'Single',
 		minYear = 1970,
 		maxYear = new Date().getUTCFullYear() + 1,
-		maxWidth = "20em"
+		maxWidth = '20em'
 	}: {
 		baseDate?: string
 		dateRangeString?: TDateRangeString | null
@@ -61,7 +62,7 @@
 				if (!applyRangeToSecondDate) {
 					applyRangeToSecondDate = true
 					let days = !!dateRangeString?.start && !!dateRangeString?.end ? DateDiff(dateRangeString.start, dateRangeString.end, 'day') ?? 0 : 0
-					return CreateCustomDateRange(date, DateOnly(date, {days: days}))
+					return CreateCustomDateRange(date, DateOnly(date, { days: days }))
 				} else {
 					applyRangeToSecondDate = false
 					return CreateCustomDateRange(dateRangeString?.start ?? date, date)
@@ -91,21 +92,21 @@
 <div
 	class="@container text-xs [&_*]:cursor-pointer mx-auto"
 	style={!maxWidth ? undefined : `max-width: ${maxWidth}; min-width: 14em;`}>
-	<div class="grid grid-cols-[1fr_3fr_2fr_1fr] gap-2 @min-[25em]:text-lg @min-[35em]:text-xl">
+	<div class="grid grid-cols-[1fr_3fr_2fr_1fr] gap-1 @min-[25em]:text-lg @min-[35em]:text-xl">
 		<button
 			class="btnLink"
 			onclick={() => setDate(DateOnly(baseDate, selectRange === 'Week' ? {weeks: -1} : {months: -1}), false)}>
 			&#9664;
 		</button>
 		<select
-			class="border-none p-0 w-full !bg-transparent dark:text-slate-100 text-center"
+			class="border-none p-0 w-full !bg-transparent dark:text-slate-100 text-center text-xs @min-[25em]:text-lg @min-[35em]:text-xl"
 			onchange={e => setDate(DateOnly(baseDate, {months: CleanSubtractNumbers(0, e.target?.value, currentMonth)}), false)}>
 			{#each MonthNames as month, idx (month)}
 				<option value={idx + 1} selected={currentMonth === idx + 1}>{month}</option>
 			{/each}
 		</select>
 		<select
-			class="border-none p-0 w-full !bg-transparent dark:text-slate-100 text-center"
+			class="border-none p-0 w-full !bg-transparent dark:text-slate-100 text-center text-xs @min-[25em]:text-lg @min-[35em]:text-xl"
 			class:bg-transparent={true}
 			onchange={e => setDate(DateOnly(baseDate, {years: CleanSubtractNumbers(0, e.target?.value, currentYear)}), false)}>
 			{#each years as year (year)}

package/dist/DateRangePicker.svelte

@@ -1,9 +1,10 @@
 <script lang="ts">
 
 	import { CustomRangeName, DefaultRangeStringsReport, type TDateRangeString } from './DateRangeFunctions'
-	import { DropDownControl, ListGroupItems, type TListGroupItem } from './index'
+	import { CookieCreate, DropDownControl, ListGroupItems, type TListGroupItem } from './index'
 	import Calendar from './Calendar.svelte'
-	import { DateCompare, DateOnly } from '@solidbasisventures/intelliwaketsfoundation'
+	import { DateCompare, DateOnly, ToArray } from '@solidbasisventures/intelliwaketsfoundation'
+	import { invalidateAll, invalidate as doInvalidate } from '$app/navigation'
 
 	let {
 		dateRange = $bindable(),
@@ -11,6 +12,8 @@
 		controlClass,
 		toggleClass,
 		bodyClass,
+		setCookieName,
+		invalidate,
 		allowCustom = true,
 		show = $bindable(false)
 	}: {
@@ -19,6 +22,8 @@
 		controlClass?: string
 		toggleClass?: string
 		bodyClass?: string
+		setCookieName?: string
+		invalidate?: string | string[] | 'All' | 'app:All' | null
 		allowCustom?: boolean
 		show?: boolean
 	} = $props()
@@ -29,6 +34,16 @@
 			selected: dr.name === dateRange.name,
 			linkClick: () => {
 				dateRange = { ...dr }
+				if (setCookieName) {
+					CookieCreate(setCookieName, JSON.stringify(dr))
+				}
+				for (const inv of ToArray(invalidate)) {
+					if (inv === 'All' || inv === 'app:All') {
+						invalidateAll()
+					} else if (inv) {
+						doInvalidate(inv)
+					}
+				}
 				show = false
 			}
 		})),
@@ -98,9 +113,19 @@
 							</button>
 						</div>
 						<div class="text-center">
-							<button class="btnLink" onclick={() => {
+							<button class="btnLink" onclick={async () => {
 								if (customDateRange) {
 									dateRange = {...customDateRange}
+									if (setCookieName) {
+										CookieCreate(setCookieName, JSON.stringify(customDateRange))
+									}
+									for (const inv of ToArray(invalidate)) {
+										if (inv === 'All' || inv === 'app:All') {
+											await invalidateAll()
+										} else if (inv) {
+											await doInvalidate(inv)
+										}
+									}
 									show = false
 								}
 							}}>

package/dist/DateRangePicker.svelte.d.ts

@@ -5,6 +5,8 @@ type $$ComponentProps = {
     controlClass?: string;
     toggleClass?: string;
     bodyClass?: string;
+    setCookieName?: string;
+    invalidate?: string | string[] | 'All' | 'app:All' | null;
     allowCustom?: boolean;
     show?: boolean;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelliwaketssveltekitv25",
-  "version": "0.1.187",
+  "version": "0.1.190",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",