accomadesc 0.3.26 → 0.3.28

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.ts';
 
   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.ts';
 
   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.ts';
+  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>
@@ -133,7 +139,7 @@
     </header>
 
     <div class="floating-title">
-      <h1>{translateFunc ? translateFunc(hero.title) : ''}</h1>
+      <h1 id="hero-title">{translateFunc ? translateFunc(hero.title) : ''}</h1>
     </div>
   {:else}
     {#if title}
@@ -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)}
@@ -282,16 +291,16 @@
     justify-content: center;
     /* mix-blend-mode: difference; */
     text-align: center;
-  }
 
-  h1 {
-    margin-left: 1rem;
-    color: var(--main-font-color);
-    font-weight: bolder;
-    font-size: 2.8rem;
-    font-family: var(--landing-title-font-family, 'sans-serif');
-    font-variant: var(--landing-title-font-variant, 'small-caps');
-    filter: var(--title-filter);
+    h1#hero-title {
+      margin-left: 1rem;
+      color: var(--main-font-color);
+      font-weight: bolder;
+      font-size: 2.8rem;
+      font-family: var(--landing-title-font-family, 'sans-serif');
+      font-variant: var(--landing-title-font-variant, 'small-caps');
+      filter: var(--title-filter);
+    }
   }
 
   @media (max-width: 300px) {
@@ -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/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.26",
+  "version": "0.3.28",
   "files": [
     "dist",
     "!dist/**/*.test.*",