accomadesc 0.3.35 → 0.3.37

package/dist/BookingRequest.svelte

@@ -1,6 +1,5 @@
 <script lang="ts">
   import type { BookingRequestContent, I18nFacade } from './types.js';
-  import { getContext } from 'svelte';
   import Button from './basic/Button.svelte';
   import Notes from './basic/Notes.svelte';
   import Spinner from './basic/Spinner.svelte';
@@ -55,7 +54,7 @@
   let sending = $state(false);
   let disabled = $derived(preview || errored || successfullySent);
 
-  let occupationState: OccupationState = getOccupationState(calUrl);
+  let occupationState: OccupationState = $derived(getOccupationState(calUrl));
   let invalid = $derived(
     occupationState && arrival && leave ? !occupationState.validRequest(arrival, leave) : false,
   );

package/dist/MainNav.svelte

@@ -19,14 +19,13 @@
     close: () => void;
   } & I18nFacade = $props();
 
-  let allTranslations = $state(supportedLangs);
   const pathForLang = (lang: string) => {
     const pathElements = currentPath.split('/');
     //initial slash results in empty string real first element
     if (pathElements.length == 1) return `/${lang}`;
 
     const firstElement = pathElements[1];
-    if (allTranslations?.includes(firstElement)) {
+    if (supportedLangs?.includes(firstElement)) {
       return ['', lang, ...pathElements.slice(2)].join('/');
     } else {
       return ['', lang, ...pathElements.slice(1)].join('/');
@@ -46,11 +45,11 @@
       </li>
     {/each}
   </ul>
-  {#if allTranslations && allTranslations.length > 1}
+  {#if supportedLangs && supportedLangs.length > 1}
     <fieldset>
       <legend>{translateFunc ? translateFunc('lang') : ''}</legend>
 
-      {#each allTranslations as langKey}
+      {#each supportedLangs as langKey}
         <a
           data-sveltekit-keepfocus
           data-sveltekit-noscroll

package/dist/NavItem.svelte

@@ -36,13 +36,7 @@
         </a>
       </div>
     {:else}
-      <a
-        href={path}
-        {onclick}
-        data-sveltekit-keepfocus
-        data-sveltekit-noscroll
-        class:disabled={gs.disableLinks}
-      >
+      <a href={path} {onclick} class:disabled={gs.disableLinks}>
         {translateFunc ? translateFunc(n.key) : ''}
       </a>
     {/if}

package/dist/PageComponent.svelte

@@ -17,7 +17,7 @@
   import Button from './basic/Button.svelte';
   import { fallbackCSS } from './style.js';
   import { GLOBAL_STATE, GlobalState } from './state.svelte';
-  import { setContext } from 'svelte';
+  import { setContext, untrack } from 'svelte';
 
   let {
     hero,
@@ -44,12 +44,11 @@
     calendarTranslation,
   }: PageProps & I18nFacade = $props();
 
-  setContext(GLOBAL_STATE, new GlobalState(disableLinks));
-
-  let pageTitle = hero && hero.title ? hero.title : header ? header : title;
+  // initialize global state, use the initial value of disableLinks
+  setContext(GLOBAL_STATE, new GlobalState(untrack(() => disableLinks)));
 
+  let pageTitle = $derived(hero && hero.title ? hero.title : header ? header : title);
   let langSelectorOpen = $state(false);
-  let allTranslations = $state(supportedLangs);
 
   let currentPath = $derived(page.url.pathname);
   const pathForLang = (lang: string) => {
@@ -58,7 +57,7 @@
     if (pathElements.length == 1) return `/${lang}`;
 
     const firstElement = pathElements[1];
-    if (allTranslations?.includes(firstElement)) {
+    if (supportedLangs?.includes(firstElement)) {
       return ['', lang, ...pathElements.slice(2)].join('/');
     } else {
       return ['', lang, ...pathElements.slice(1)].join('/');
@@ -192,11 +191,11 @@
     {/if}
   {/if}
 
-  {#if langSelectorOpen && allTranslations && allTranslations.length > 1}
+  {#if langSelectorOpen && supportedLangs && supportedLangs.length > 1}
     <fieldset class="lang-selector" transition:fade>
       <legend>{translateFunc ? translateFunc('lang') : ''}</legend>
 
-      {#each allTranslations as langKey}
+      {#each supportedLangs as langKey}
         <a
           class={{
             'lang-link': true,

package/dist/PageFooter.svelte

@@ -4,7 +4,7 @@
 
   let { nav, ref, translateFunc, currentLang }: { nav: Nav; ref?: string } & I18nFacade = $props();
 
-  const contentRef = ref ?? 'footer_html';
+  const contentRef = $derived(ref ?? 'footer_html');
 </script>
 
 <footer>

package/dist/Pricing.svelte

@@ -24,9 +24,9 @@
     currentLang,
   }: PricingContent & I18nFacade = $props();
 
-  if (!ranges || (ranges.length == 0 && entries)) {
-    ranges = entries;
-  }
+  $effect(() => {
+    if (!ranges || (ranges.length == 0 && entries)) ranges = entries;
+  });
 
   const colHeaderStyle: Record<PricingColumn, string> = {
     timeRange: 'width: 20%;',

package/dist/PricingShort.svelte

@@ -14,7 +14,10 @@
     formatFunc,
   }: PricingShortContent & I18nFacade = $props();
 
-  if (!ranges && entries) ranges = entries;
+  $effect(() => {
+    //unclear if this is even needed and working as expected
+    if (!ranges && entries) ranges = entries;
+  });
 
   let filteredEntries = $derived.by(() => {
     let now = DateTime.now();

package/dist/Section.svelte

@@ -53,7 +53,7 @@
 
   let translatedHeader = $derived(header && translateFunc ? translateFunc(header) : '');
 
-  let gridTemplateColumns = $state(`repeat(${columnCount}, 1fr)`);
+  let gridTemplateColumns = $state(`repeat(2, 1fr)`);
 
   let originalPadding = $state(padding);
 
@@ -66,7 +66,7 @@
       gridTemplateColumns = '1fr 1fr';
       padding = originalPadding;
     } else {
-      if (!!columnCount && columnCount > 1) {
+      if (!!columnCount) {
         gridTemplateColumns = `repeat(${columnCount}, 1fr)`;
       }
       padding = originalPadding;

package/dist/SiteState.svelte.d.ts

@@ -0,0 +1,32 @@
+import type { CookieSelection, Translation as CookieTranslation } from 'gdpr-cooco-banner';
+import { DateTime } from 'luxon';
+import type { FormatSpec, I18nFacade, SiteConfig } from './types.ts';
+import type { OccuplanTranslations } from './occuplan/state.svelte.ts';
+interface FullTranslation {
+    calendar: OccuplanTranslations;
+    cookies: CookieTranslation;
+    site: Record<string, string>;
+}
+export declare class SiteState implements I18nFacade {
+    _getSiteConfigFn: () => SiteConfig;
+    get fullTranslations(): Record<string, FullTranslation>;
+    get calendarTranslations(): Record<string, OccuplanTranslations>;
+    get cookieTranslations(): Record<string, CookieTranslation>;
+    get siteTranslations(): Record<string, Record<string, string>>;
+    get supportedLangs(): string[];
+    cookieSelection: CookieSelection;
+    currentLang: string;
+    get translations(): Record<string, Record<string, string>>;
+    get calendarTranslation(): OccuplanTranslations;
+    get cookieTranslation(): CookieTranslation;
+    get formats(): Record<string, FormatSpec>;
+    selectedTheme: 'light' | 'dark';
+    selectedThemeInitialized: boolean;
+    constructor(getSiteConfig: () => SiteConfig, lang: string | undefined);
+    updateCurrentLang: (lang: string) => string;
+    translateFunc: (ref: string) => string;
+    formatFunc: (ref: string, props: Record<string, any>) => string;
+    formatDateFunc: (d: DateTime | string) => string;
+    translateWithLangFunc: (ref: string, lang: string) => string;
+}
+export {};

package/dist/SiteState.svelte.js

@@ -0,0 +1,113 @@
+import { DateTime } from 'luxon';
+import { format } from './helpers/format.ts';
+export class SiteState {
+    _getSiteConfigFn;
+    //fullTranslations: Record<string, FullTranslation> = $derived(this._getSiteConfigFn().lang.translations);
+    get fullTranslations() {
+        return this._getSiteConfigFn().lang.translations;
+    }
+    get calendarTranslations() {
+        return Object.entries(this.fullTranslations).reduce((s, e) => {
+            s[e[0]] = e[1].calendar;
+            return s;
+        }, {});
+    }
+    ;
+    get cookieTranslations() {
+        return Object.entries(this.fullTranslations).reduce((s, e) => {
+            s[e[0]] = e[1].cookies;
+            return s;
+        }, {});
+    }
+    get siteTranslations() {
+        return Object.entries(this.fullTranslations).reduce((s, e) => {
+            s[e[0]] = e[1].site;
+            return s;
+        }, {});
+    }
+    get supportedLangs() {
+        return this._getSiteConfigFn().lang.supportedLangs;
+    }
+    cookieSelection = $state({
+        analytics: false,
+        marketing: false,
+        preferences: false,
+        necessary: true,
+    });
+    currentLang = $state('en');
+    get translations() {
+        return this.siteTranslations;
+    }
+    get calendarTranslation() {
+        return this.calendarTranslations[this.currentLang];
+    }
+    get cookieTranslation() {
+        return this.cookieTranslations[this.currentLang];
+    }
+    get formats() {
+        return this._getSiteConfigFn().lang.formats;
+    }
+    selectedTheme = $state('light');
+    selectedThemeInitialized = $state(false);
+    constructor(getSiteConfig, lang) {
+        this._getSiteConfigFn = getSiteConfig;
+        if (!lang || !getSiteConfig().lang.supportedLangs.includes(lang)) {
+            this.currentLang = getSiteConfig().lang.defaultLang;
+        }
+        else {
+            this.currentLang = lang;
+        }
+    }
+    updateCurrentLang = (lang) => (this.currentLang = lang);
+    translateFunc = (ref) => {
+        if (!ref)
+            return '[UNDEF]';
+        const current = this.translations[this.currentLang];
+        if (!current[ref])
+            return '';
+        return this.translations[this.currentLang][ref];
+    };
+    formatFunc = (ref, props) => {
+        const fString = this.formats[this.currentLang][ref];
+        if (!fString) {
+            console.warn(`[Missing formatFunc: ${ref}]`);
+            return '[UNDEF]';
+        }
+        let formatted = format(fString, props);
+        return formatted;
+    };
+    formatDateFunc = (d) => {
+        if (!d)
+            return this.translateFunc("invalid");
+        const formatSpecs = this.formats[this.currentLang];
+        let f = 'yyyy-MM-dd';
+        if (formatSpecs?.dateFormat) {
+            f = formatSpecs.dateFormat;
+        }
+        let date;
+        if (typeof d === 'string')
+            date = DateTime.fromISO(d);
+        else
+            date = d;
+        // if d was invalid to begin with or 
+        // translformation from ISO didn't yield a valid DateTime object
+        if (date.isValid)
+            return this.translateFunc("invalid");
+        return date.setLocale(formatSpecs.locale).toFormat(f);
+    };
+    translateWithLangFunc = (ref, lang) => {
+        const translation = this.translations[lang];
+        if (!translation) {
+            console.error(`[Tried to access unknown translation: ${lang}]`);
+            return "[UNDEF]";
+        }
+        const res = translation[ref];
+        if (res === undefined) {
+            console.warn(`[Missing Translation for: ${ref}]`);
+            return '[UNDEF]';
+        }
+        else {
+            return res;
+        }
+    };
+}

package/dist/basic/Button.svelte

@@ -141,7 +141,7 @@
   let innerShadowWidth = $derived(activated ? size / 16 : size / 8);
   let outerShadowWidth = $derived(activated ? size / 8 : size / 4);
 
-  const borderRadius = $state(size / 1.8);
+  const borderRadius = $derived(size / 1.8);
 
   let buttonWidth = $derived.by(() => {
     if (iconName && !text) {

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import { randomName, randomID } from './names/gen.js';
 import { format } from './helpers/format.js';
 import { MoneyFormats } from './helpers/moneyFormats.js';
+import { SiteState } from './SiteState.svelte.js';
 import Avatar from './basic/Avatar.svelte';
 import Button from './basic/Button.svelte';
 import Icon from './basic/Icon.svelte';
@@ -28,4 +29,4 @@ import PageComponent from './PageComponent.svelte';
 export type { OccuplanTranslations } from './occuplan/state.svelte';
 export type { GridPhoto, LeafletMap as LeafletMapI, LeafletMapContent, Calendar as CalendarI, CalendarContent, CalendarAvailable as CalendarAvailableI, CalendarAvailableContent, CalendarGrid as CalendarGridI, CalendarGridContent, CalendarRows as CalendarRowsI, CalendarRowsContent, Text as TextI, TextContent, Weather as WeatherI, WeatherContent, Photo as PhotoI, PhotoContent, PhotoGallery as PhotoGalleryI, PhotoGalleryContent, Pricing as PricingI, PricingContent, PricingShort as PricingShortI, PricingShortContent, PricingEntry, PricingRange, PricingColumn, StaticRangeDate, StaticPricingRange, AmenitiesCore as AmenitiesCoreI, AmenitiesCoreContent, AccoCard as AccoCardI, AccoCardContent, ContactForm as ContactFormI, ContactFormContent, BookingRequest as BookingRequestI, BookingRequestContent, AccoDescription as AccoDescriptionI, AccoDescriptionContent, Section as SectionI, I18nFacade, AccoBlock, Block, PageProps, PageConfig, Nav as NavI, Style, NavItem, FormatSpec, FormatTemplateName, SiteConfig, LangConfig, CookieConfig, SiteFonts, SiteTranslation, FontSpec, Hero, } from './types.js';
 export { PRICING_COLUMNS, BLOCK_KINDS, isAccoCard, isText, isPhoto, isGallery, isLeafletMap, isWeather, isAmenitiesCore, isCalendarAvailable, isCalendar, isCalendarGrid, isCalendarRows, isPricing, isPricingShort, isAccoDescription, isBookingRequest, isContactForm, isAccoBlock, } from './types.js';
-export { randomID, randomName, format, MoneyFormats, Avatar, Button, Icon, Spinner, TextInput, AccoCard, AccoDescription, AmenitiesCore, Calendar, CalendarAvailable, LeafletMap, Photo, PhotoGallery, Pricing, PricingShort, Section, Text, Weather, BookingRequest, ContactForm, CalendarRows, CalendarGrid, Notes, PageComponent, };
+export { randomID, randomName, format, MoneyFormats, Avatar, Button, Icon, Spinner, TextInput, AccoCard, AccoDescription, AmenitiesCore, Calendar, CalendarAvailable, LeafletMap, Photo, PhotoGallery, Pricing, PricingShort, Section, Text, Weather, BookingRequest, ContactForm, CalendarRows, CalendarGrid, Notes, PageComponent, SiteState, };

package/dist/index.js

@@ -2,6 +2,7 @@
 import { randomName, randomID } from './names/gen.js';
 import { format } from './helpers/format.js';
 import { MoneyFormats } from './helpers/moneyFormats.js';
+import { SiteState } from './SiteState.svelte.js';
 import Avatar from './basic/Avatar.svelte';
 import Button from './basic/Button.svelte';
 import Icon from './basic/Icon.svelte';
@@ -27,4 +28,4 @@ import Text from './Text.svelte';
 import Weather from './Weather.svelte';
 import PageComponent from './PageComponent.svelte';
 export { PRICING_COLUMNS, BLOCK_KINDS, isAccoCard, isText, isPhoto, isGallery, isLeafletMap, isWeather, isAmenitiesCore, isCalendarAvailable, isCalendar, isCalendarGrid, isCalendarRows, isPricing, isPricingShort, isAccoDescription, isBookingRequest, isContactForm, isAccoBlock, } from './types.js';
-export { randomID, randomName, format, MoneyFormats, Avatar, Button, Icon, Spinner, TextInput, AccoCard, AccoDescription, AmenitiesCore, Calendar, CalendarAvailable, LeafletMap, Photo, PhotoGallery, Pricing, PricingShort, Section, Text, Weather, BookingRequest, ContactForm, CalendarRows, CalendarGrid, Notes, PageComponent, };
+export { randomID, randomName, format, MoneyFormats, Avatar, Button, Icon, Spinner, TextInput, AccoCard, AccoDescription, AmenitiesCore, Calendar, CalendarAvailable, LeafletMap, Photo, PhotoGallery, Pricing, PricingShort, Section, Text, Weather, BookingRequest, ContactForm, CalendarRows, CalendarGrid, Notes, PageComponent, SiteState, };

package/dist/occuplan/OccuPlanAvailableInfo.svelte

@@ -23,8 +23,7 @@
     children: Snippet<[AvailableSpans]>;
   } = $props();
 
-  let occupationState: OccupationState = getOccupationState(url, debug);
-
+  let occupationState: OccupationState = $derived(getOccupationState(url, debug));
   let av = $derived(occupationState ? occupationState.calcAvailability(search, maxFutureDate) : {});
 
   onMount(() => {

package/dist/occuplan/OccuPlanGrid.svelte

@@ -49,7 +49,7 @@
 
   const id = randomID();
 
-  let occupationState: OccupationState = getOccupationState(url, debug);
+  let occupationState: OccupationState = $derived(getOccupationState(url, debug));
 
   //let formatFun = $derived(Sqrl.compile(monthHeaderFormat, { useWith: true }));
   const monthHeader = (monthNum: MonthNumbers, year: number): string => {

package/dist/occuplan/OccuPlanPicker.svelte

@@ -56,7 +56,7 @@
     dateSelected?: (arrival: DateTime, leave: DateTime) => void;
   } = $props();
 
-  let occupationState: OccupationState = getOccupationState(url, debug);
+  let occupationState: OccupationState = $derived(getOccupationState(url, debug));
 
   const monthHeader = (monthNum: MonthNumbers, year: number): string => {
     const monthLabel = monthLabels[monthNum];
@@ -103,8 +103,17 @@
     page -= 1;
   };
 
-  let requestStart: DateTime | undefined = $state(arrival);
-  let requestEnd: DateTime | undefined = $state(leave);
+  let requestStart: DateTime | undefined = $state();
+  let requestEnd: DateTime | undefined = $state();
+
+  $effect(() => {
+    requestStart = arrival;
+  });
+
+  $effect(() => {
+    requestEnd = leave;
+  });
+
   let earliestStart: DateTime | undefined = $derived(
     occupationState ? occupationState.earliestRequestStart(requestEnd) : undefined,
   );

package/dist/occuplan/OccuPlanRows.svelte

@@ -47,7 +47,7 @@
 
   const id = randomID();
 
-  let occupationState: OccupationState = getOccupationState(url, debug);
+  let occupationState: OccupationState = $derived(getOccupationState(url, debug));
 
   let page: number = $state(0);
   let rfMonth: number | DateTime = $derived(

package/dist/occuplan/defaultTranslations.d.ts

@@ -0,0 +1,157 @@
+export declare const DefaultCalTranslations: {
+    es: {
+        weekdayLabels: {
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+        };
+        monthLabels: {
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            9: string;
+            10: string;
+            11: string;
+            12: string;
+        };
+        weekendLabel: string;
+        typeLabels: {
+            one: string;
+            two: string;
+            three: string;
+        };
+    };
+    fr: {
+        weekdayLabels: {
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+        };
+        monthLabels: {
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            9: string;
+            10: string;
+            11: string;
+            12: string;
+        };
+        weekendLabel: string;
+        typeLabels: {
+            one: string;
+            two: string;
+            three: string;
+        };
+    };
+    pl: {
+        weekdayLabels: {
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+        };
+        monthLabels: {
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            9: string;
+            10: string;
+            11: string;
+            12: string;
+        };
+        weekendLabel: string;
+        typeLabels: {
+            one: string;
+            two: string;
+            three: string;
+        };
+    };
+    en: {
+        weekdayLabels: {
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+        };
+        monthLabels: {
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            9: string;
+            10: string;
+            11: string;
+            12: string;
+        };
+        weekendLabel: string;
+        typeLabels: {
+            one: string;
+            two: string;
+            three: string;
+        };
+    };
+    de: {
+        weekdayLabels: {
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+        };
+        monthLabels: {
+            1: string;
+            2: string;
+            3: string;
+            4: string;
+            5: string;
+            6: string;
+            7: string;
+            8: string;
+            9: string;
+            10: string;
+            11: string;
+            12: string;
+        };
+        weekendLabel: string;
+        typeLabels: {
+            one: string;
+            two: string;
+            three: string;
+        };
+    };
+};

package/dist/occuplan/defaultTranslations.js

@@ -0,0 +1,157 @@
+export const DefaultCalTranslations = {
+    es: {
+        weekdayLabels: {
+            1: 'Lu',
+            2: 'Ma',
+            3: 'Mi',
+            4: 'Ju',
+            5: 'Vi',
+            6: 'Sa',
+            7: 'Do',
+        },
+        monthLabels: {
+            1: 'Ene',
+            2: 'Feb',
+            3: 'Mar',
+            4: 'Abr',
+            5: 'May',
+            6: 'Jun',
+            7: 'Jul',
+            8: 'Ago',
+            9: 'Sep',
+            10: 'Oct',
+            11: 'Nov',
+            12: 'Dic',
+        },
+        weekendLabel: 'Fin de Semana',
+        typeLabels: {
+            one: 'Ocupado',
+            two: 'Ocupade',
+            three: '',
+        },
+    },
+    fr: {
+        weekdayLabels: {
+            1: 'Lu',
+            2: 'Ma',
+            3: 'Me',
+            4: 'Je',
+            5: 'Ve',
+            6: 'Sa',
+            7: 'Di',
+        },
+        monthLabels: {
+            1: 'Jan',
+            2: 'Fév',
+            3: 'Mar',
+            4: 'Avr',
+            5: 'Mai',
+            6: 'Juin',
+            7: 'Juil',
+            8: 'Août',
+            9: 'Sept',
+            10: 'Oct',
+            11: 'Nov',
+            12: 'Déc',
+        },
+        weekendLabel: 'Week-end',
+        typeLabels: {
+            one: 'Occupé',
+            two: 'Occupé',
+            three: '',
+        },
+    },
+    pl: {
+        weekdayLabels: {
+            1: 'Pon',
+            2: 'Wt',
+            3: 'Śr',
+            4: 'Czw',
+            5: 'Pt',
+            6: 'Sob',
+            7: 'Ndz',
+        },
+        monthLabels: {
+            1: 'Sty',
+            2: 'Lut',
+            3: 'Mar',
+            4: 'Kwi',
+            5: 'Maj',
+            6: 'Cze',
+            7: 'Lip',
+            8: 'Sie',
+            9: 'Wrz',
+            10: 'Paź',
+            11: 'Lis',
+            12: 'Gru',
+        },
+        weekendLabel: 'Weekend',
+        typeLabels: {
+            one: 'Zajęty',
+            two: 'Zajęty',
+            three: '',
+        },
+    },
+    en: {
+        weekdayLabels: {
+            1: 'Mo',
+            2: 'Tu',
+            3: 'We',
+            4: 'Th',
+            5: 'Fr',
+            6: 'Sa',
+            7: 'Su',
+        },
+        monthLabels: {
+            1: 'Jan',
+            2: 'Feb',
+            3: 'Mar',
+            4: 'Apr',
+            5: 'May',
+            6: 'Jun',
+            7: 'Jul',
+            8: 'Aug',
+            9: 'Sep',
+            10: 'Oct',
+            11: 'Nov',
+            12: 'Dec',
+        },
+        weekendLabel: 'Weekend',
+        typeLabels: {
+            one: 'Occupied',
+            two: 'Blocked',
+            three: 'Requested',
+        },
+    },
+    de: {
+        weekdayLabels: {
+            1: 'Mo',
+            2: 'Di',
+            3: 'Mi',
+            4: 'Do',
+            5: 'Fr',
+            6: 'Sa',
+            7: 'So',
+        },
+        monthLabels: {
+            1: 'Jan',
+            2: 'Feb',
+            3: 'Mär',
+            4: 'Apr',
+            5: 'Mai',
+            6: 'Jun',
+            7: 'Jul',
+            8: 'Aug',
+            9: 'Sep',
+            10: 'Okt',
+            11: 'Nov',
+            12: 'Dez',
+        },
+        weekendLabel: 'Wochenende',
+        typeLabels: {
+            one: 'Belegt',
+            two: 'Geblockt',
+            three: 'Anfrage',
+        },
+    },
+};

package/dist/occuplan/state.svelte.js

@@ -411,7 +411,7 @@ export class OccupationState {
 export const getOccupationState = (url, debug = false) => {
     if (debug)
         console.log('Get OState /w url', url);
-    const stateID = `i-${url}-${OCCUPATION_STATE}`;
+    const stateID = Symbol(`i-${url}-${OCCUPATION_STATE}`);
     let _instance = getContext(stateID);
     if (_instance)
         return _instance;

package/dist/state.svelte.d.ts

@@ -1,4 +1,4 @@
-export declare const GLOBAL_STATE = "GLOBAL_STATE";
+export declare const GLOBAL_STATE: unique symbol;
 export declare class GlobalState {
     disableLinks: boolean;
     constructor(disableLinks: boolean);

package/dist/state.svelte.js

@@ -1,4 +1,4 @@
-export const GLOBAL_STATE = 'GLOBAL_STATE';
+export const GLOBAL_STATE = Symbol('GLOBAL_STATE');
 export class GlobalState {
     disableLinks = $state(false);
     constructor(disableLinks) {

package/dist/types.d.ts

@@ -396,6 +396,7 @@ export interface I18nFacade {
     supportedLangs?: string[];
     calendarTranslation?: OccuplanTranslations;
     translateFunc?: (ref: string) => string;
+    translateWithLangFunc?: (ref: string, lang: string) => string;
     formatFunc?: (formatter: string, props: Record<string, any>) => string;
     formatMoneyFunc?: (d: number) => string;
     formatDateFunc?: (d: DateTime | string) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "accomadesc",
-  "version": "0.3.35",
+  "version": "0.3.37",
   "files": [
     "dist",
     "!dist/**/*.test.*",
@@ -26,16 +26,16 @@
   "devDependencies": {
     "@sveltejs/adapter-auto": "^3.3.1",
     "@sveltejs/adapter-static": "^3.0.10",
-    "@sveltejs/kit": "^2.49.0",
-    "@sveltejs/package": "^2.5.6",
+    "@sveltejs/kit": "^2.49.2",
+    "@sveltejs/package": "^2.5.7",
     "@sveltejs/vite-plugin-svelte": "^5.1.1",
     "@types/luxon": "^3.7.1",
-    "gdpr-cooco-banner": "^0.0.11",
-    "prettier": "^3.6.2",
-    "prettier-plugin-svelte": "^3.4.0",
-    "publint": "^0.3.15",
-    "svelte": "^5.43.14",
-    "svelte-check": "^4.3.4",
+    "gdpr-cooco-banner": "^0.0.12",
+    "prettier": "^3.7.4",
+    "prettier-plugin-svelte": "^3.4.1",
+    "publint": "^0.3.16",
+    "svelte": "^5.46.1",
+    "svelte-check": "^4.3.5",
     "typescript": "^5.9.3",
     "vite": "^6.4.1"
   },