accomadesc 0.3.27 → 0.3.29

package/dist/MainNav.svelte

@@ -3,6 +3,8 @@
   import { fade } from 'svelte/transition';
   import type { Nav, I18nFacade } from './types.js';
   import NavItem from './NavItem.svelte';
+  import { getContext } from 'svelte';
+  import { GLOBAL_STATE, GlobalState } from './state.svelte';
 
   let currentPath = $derived(page.url.pathname);
   let {
@@ -30,6 +32,8 @@
       return ['', lang, ...pathElements.slice(1)].join('/');
     }
   };
+
+  const gs: GlobalState = getContext(GLOBAL_STATE);
 </script>
 
 <button class="not-nav" onclick={close} aria-label="close" transition:fade|global></button>
@@ -50,7 +54,7 @@
         <a
           data-sveltekit-keepfocus
           data-sveltekit-noscroll
-          class="lang-link"
+          class={{ 'lang-link': true, disabled: gs.disableLinks }}
           rel="alternate"
           onclick={() => (updateCurrentLang ? updateCurrentLang(langKey) : '')}
           href={pathForLang(langKey)}
@@ -136,4 +140,8 @@
     padding-left: 2.5rem;
     margin: 0;
   }
+
+  .disabled {
+    pointer-events: none;
+  }
 </style>

package/dist/NavItem.svelte

@@ -1,6 +1,8 @@
 <script lang="ts">
   import type { NavItem, I18nFacade } from './types.js';
   import ExtLinkSvg from './svg/ExtLinkSVG.svelte';
+  import { getContext } from 'svelte';
+  import { GLOBAL_STATE, GlobalState } from './state.svelte';
 
   let {
     n,
@@ -13,6 +15,8 @@
   } & I18nFacade = $props();
 
   const path = $derived(`/${currentLang}${n.path}`);
+
+  const gs: GlobalState = getContext(GLOBAL_STATE);
 </script>
 
 <div class="wrapper" class:sub={n.sub}>
@@ -22,12 +26,23 @@
         <div class="link-icon-wrapper">
           <ExtLinkSvg size="1.6rem" />
         </div>
-        <a href={n.path} target="_blank" rel="noreferrer noopener nofollow">
+        <a
+          href={n.path}
+          target="_blank"
+          rel="noreferrer noopener nofollow"
+          class:disabled={gs.disableLinks}
+        >
           {translateFunc ? translateFunc(n.key) : ''}
         </a>
       </div>
     {:else}
-      <a href={path} {onclick} data-sveltekit-keepfocus data-sveltekit-noscroll>
+      <a
+        href={path}
+        {onclick}
+        data-sveltekit-keepfocus
+        data-sveltekit-noscroll
+        class:disabled={gs.disableLinks}
+      >
         {translateFunc ? translateFunc(n.key) : ''}
       </a>
     {/if}
@@ -69,4 +84,8 @@
     position: relative;
     width: 100%;
   }
+
+  .disabled {
+    pointer-events: none;
+  }
 </style>

package/dist/PageComponent.svelte

@@ -16,6 +16,8 @@
   import { page } from '$app/state';
   import Button from './basic/Button.svelte';
   import { fallbackCSS } from './style.js';
+  import { GLOBAL_STATE, GlobalState } from './state.svelte';
+  import { setContext } from 'svelte';
 
   let {
     hero,
@@ -31,6 +33,7 @@
     footerRef = 'footer_html',
     fixedHamburger = true,
     navbarOverHamburger = true,
+    disableLinks = false,
     translateFunc,
     formatMoneyFunc,
     formatDateFunc,
@@ -41,6 +44,8 @@
     calendarTranslation,
   }: PageProps & I18nFacade = $props();
 
+  setContext(GLOBAL_STATE, new GlobalState(disableLinks));
+
   let pageTitle = hero && hero.title ? hero.title : header ? header : title;
 
   let langSelectorOpen = $state(false);
@@ -100,6 +105,7 @@
                 data-sveltekit-noscroll
                 onclick={() => (updateCurrentLang ? updateCurrentLang(l) : '')}
                 href={pathForLang(l)}
+                class:disabled={disableLinks}
               >
                 <Icon iconName={l} height="1.5rem" width="1.5rem" />
               </a>
@@ -192,7 +198,10 @@
 
       {#each allTranslations as langKey}
         <a
-          class="lang-link"
+          class={{
+            'lang-link': true,
+            disabled: disableLinks,
+          }}
           rel="alternate"
           onclick={() => (updateCurrentLang ? updateCurrentLang(langKey) : '')}
           href={pathForLang(langKey)}
@@ -406,7 +415,7 @@
     }
 
     ul {
-      margin-left: 1rem;
+      margin-left: 2rem;
       padding-left: 0.2rem;
     }
 
@@ -415,4 +424,8 @@
       color: var(--main-font-color);
     }
   }
+
+  .disabled {
+    pointer-events: none;
+  }
 </style>

package/dist/index.d.ts

@@ -25,7 +25,7 @@ import Section from './Section.svelte';
 import Text from './Text.svelte';
 import Weather from './Weather.svelte';
 import PageComponent from './PageComponent.svelte';
-export type { OccuplanTranslations } from './occuplan/state.svelte.ts';
+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, };

package/dist/state.svelte.d.ts

@@ -0,0 +1,5 @@
+export declare const GLOBAL_STATE = "GLOBAL_STATE";
+export declare class GlobalState {
+    disableLinks: boolean;
+    constructor(disableLinks: boolean);
+}

package/dist/state.svelte.js

@@ -0,0 +1,7 @@
+export const GLOBAL_STATE = 'GLOBAL_STATE';
+export class GlobalState {
+    disableLinks = $state(false);
+    constructor(disableLinks) {
+        this.disableLinks = disableLinks;
+    }
+}

package/dist/types.d.ts

@@ -363,6 +363,7 @@ export interface PageProps {
     footerRef?: string;
     fixedHamburger?: boolean;
     navbarOverHamburger?: boolean;
+    disableLinks?: boolean;
     selectedTheme?: 'light' | 'dark';
     content?: Section[];
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "accomadesc",
-  "version": "0.3.27",
+  "version": "0.3.29",
   "files": [
     "dist",
     "!dist/**/*.test.*",