@sentropic/design-system-svelte 0.34.0 → 0.34.21

package/dist/AppChrome.svelte.d.ts

@@ -0,0 +1,74 @@
+import type { Snippet } from "svelte";
+/** Un lien de navigation principal du chrome. */
+export interface AppChromeNavItem {
+    label: string;
+    href: string;
+    /** Marqué actif (souligné, aria-current=page). */
+    active?: boolean;
+}
+/** Une option du sélecteur de thème. */
+export interface AppChromeThemeOption {
+    id: string;
+    label: string;
+}
+export type AppChromeColorMode = "light" | "dark" | "auto";
+export type AppChromeLocale = "fr" | "en";
+export interface AppChromeProps {
+    /** Nom de marque (défaut « Sentropic »). */
+    brandName?: string;
+    /** Sous-titre produit sous le nom (ex. « Design System », « dataviz »). */
+    productName?: string;
+    /** Source du logo carré (ex. `/SENT-logo-squared.svg`). */
+    logoSrc?: string;
+    /** Texte alternatif du logo (décoratif par défaut). */
+    logoAlt?: string;
+    /** Cible du lien de marque. Défaut `/`. */
+    brandHref?: string;
+    /** aria-label du lien de marque (sinon dérivé de brandName + productName). */
+    brandLabel?: string;
+    /** Liens de nav principaux (pills soulignées + état actif). */
+    nav?: AppChromeNavItem[];
+    /** aria-label de la nav principale. */
+    navLabel?: string;
+    /** Options de thème. Vide => le sélecteur est masqué. */
+    themes?: AppChromeThemeOption[];
+    /** Id du thème actif. */
+    theme?: string;
+    /** Callback de changement de thème. */
+    onThemeChange?: (id: string) => void;
+    /** aria-label du sélecteur de thème. */
+    themeLabel?: string;
+    /** Mode couleur actif. Undefined => le toggle est masqué. */
+    colorMode?: AppChromeColorMode;
+    /** Callback de changement (cycle light -> dark -> auto). */
+    onColorModeChange?: (mode: AppChromeColorMode) => void;
+    /** Libellés accessibles des 3 modes (light/dark/auto). */
+    colorModeLabels?: {
+        light: string;
+        dark: string;
+        auto: string;
+    };
+    /** Langue active. Undefined => le sélecteur est masqué. */
+    locale?: AppChromeLocale;
+    /** Callback de changement de langue. */
+    onLocaleChange?: (locale: AppChromeLocale) => void;
+    /** aria-label du sélecteur de langue. */
+    localeLabel?: string;
+    /** URL du dépôt. Undefined => le lien est masqué. */
+    githubHref?: string;
+    /** aria-label du lien GitHub. */
+    githubLabel?: string;
+    /** Zone identité à droite (IdentityMenu, bouton connexion, …). */
+    identity?: Snippet;
+    /** État ouvert du tiroir mobile (contrôlé). */
+    mobileMenuOpen?: boolean;
+    /** Callback de bascule du tiroir mobile. */
+    onMobileMenuToggle?: () => void;
+    /** aria-label du bouton burger. */
+    menuLabel?: string;
+    class?: string;
+}
+declare const AppChrome: import("svelte").Component<AppChromeProps, {}, "">;
+type AppChrome = ReturnType<typeof AppChrome>;
+export default AppChrome;
+//# sourceMappingURL=AppChrome.svelte.d.ts.map

package/dist/AppChrome.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppChrome.svelte.d.ts","sourceRoot":"","sources":["../src/lib/AppChrome.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,iDAAiD;AACjD,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,kDAAkD;IAClD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,wCAAwC;AACxC,MAAM,WAAW,oBAAoB;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAC3D,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1C,MAAM,WAAW,cAAc;IAE7B,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2EAA2E;IAC3E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8EAA8E;IAC9E,UAAU,CAAC,EAAE,MAAM,CAAC;IAGpB,+DAA+D;IAC/D,GAAG,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACzB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAGlB,yDAAyD;IACzD,MAAM,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAChC,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IAGpB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,4DAA4D;IAC5D,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACvD,0DAA0D;IAC1D,eAAe,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IAGhE,2DAA2D;IAC3D,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,wCAAwC;IACxC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IACnD,yCAAyC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,qDAAqD;IACrD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAC;IAGnB,+CAA+C;IAC/C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,4CAA4C;IAC5C,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAqRH,QAAA,MAAM,SAAS,oDAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/AppChrome.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=AppChrome.test.d.ts.map

package/dist/AppChrome.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppChrome.test.d.ts","sourceRoot":"","sources":["../src/lib/AppChrome.test.ts"],"names":[],"mappings":""}

package/dist/AppChrome.test.js

@@ -0,0 +1,122 @@
+import { fireEvent, render } from "@testing-library/svelte";
+import { createRawSnippet } from "svelte";
+import { describe, expect, it, vi } from "vitest";
+import AppChrome from "./AppChrome.svelte";
+const snippet = (html) => createRawSnippet(() => ({ render: () => `<span>${html}</span>` }));
+const themes = [
+    { id: "sent-tech", label: "Sentropic" },
+    { id: "forge", label: "Forge" },
+    { id: "entropic", label: "Entropic" },
+    { id: "carbon", label: "Carbon" },
+    { id: "dsfr", label: "DSFR" },
+    { id: "airbus", label: "Airbus" },
+];
+const nav = [
+    { label: "Vues", href: "/views", active: true },
+    { label: "Données", href: "/data" },
+    { label: "Réglages", href: "/settings" },
+];
+describe("AppChrome — marque", () => {
+    it("renders the canonical brand block (logo + name + product)", () => {
+        const { container } = render(AppChrome, {
+            props: { brandName: "Sentropic", productName: "dataviz", logoSrc: "/SENT-logo-squared.svg", brandHref: "/home" },
+        });
+        const brand = container.querySelector("a.st-appChrome__brand");
+        expect(brand).toBeTruthy();
+        expect(brand.getAttribute("href")).toBe("/home");
+        expect(brand.getAttribute("aria-label")).toBe("Sentropic dataviz");
+        expect(container.querySelector("img.st-appChrome__brandMark").getAttribute("src")).toBe("/SENT-logo-squared.svg");
+        expect(container.querySelector(".st-appChrome__brandName")?.textContent).toBe("Sentropic");
+        expect(container.querySelector(".st-appChrome__brandProduct")?.textContent).toBe("dataviz");
+    });
+    it("defaults brandName to Sentropic", () => {
+        const { container } = render(AppChrome, { props: { productName: "dataviz" } });
+        expect(container.querySelector(".st-appChrome__brandName")?.textContent).toBe("Sentropic");
+    });
+});
+describe("AppChrome — navigation", () => {
+    it("renders nav links and marks the active one with aria-current", () => {
+        const { container } = render(AppChrome, { props: { nav } });
+        const links = Array.from(container.querySelectorAll(".st-appChrome__navLink"));
+        expect(links.map((a) => a.textContent?.trim())).toEqual(["Vues", "Données", "Réglages"]);
+        expect(links[0].getAttribute("aria-current")).toBe("page");
+        expect(links[1].getAttribute("aria-current")).toBeNull();
+        expect(links[0].classList.contains("st-appHeader__navLink")).toBe(true);
+    });
+});
+describe("AppChrome — contrôle thème", () => {
+    it("shows the active theme label and fires onThemeChange on selection", async () => {
+        const onThemeChange = vi.fn();
+        const { container } = render(AppChrome, { props: { themes, theme: "sent-tech", onThemeChange } });
+        const trigger = container.querySelector(".st-appChrome__themeWrap button");
+        expect(trigger.textContent).toContain("Sentropic");
+        await fireEvent.click(trigger);
+        expect(container.querySelector('[role="menu"]')).toBeTruthy();
+        const carbon = Array.from(container.querySelectorAll(".st-appChrome__menuItem")).find((b) => b.textContent?.includes("Carbon"));
+        await fireEvent.click(carbon);
+        expect(onThemeChange).toHaveBeenCalledWith("carbon");
+    });
+    it("hides the theme selector when themes is empty", () => {
+        const { container } = render(AppChrome);
+        expect(container.querySelector(".st-appChrome__themeWrap")).toBeNull();
+    });
+});
+describe("AppChrome — mode couleur", () => {
+    it("cycles light -> dark -> auto via onColorModeChange", async () => {
+        const onColorModeChange = vi.fn();
+        const { container, rerender } = render(AppChrome, { props: { colorMode: "light", onColorModeChange } });
+        await fireEvent.click(container.querySelector(".st-appChrome__iconControl"));
+        expect(onColorModeChange).toHaveBeenCalledWith("dark");
+        await rerender({ colorMode: "dark", onColorModeChange });
+        await fireEvent.click(container.querySelector(".st-appChrome__iconControl"));
+        expect(onColorModeChange).toHaveBeenLastCalledWith("auto");
+        await rerender({ colorMode: "auto", onColorModeChange });
+        await fireEvent.click(container.querySelector(".st-appChrome__iconControl"));
+        expect(onColorModeChange).toHaveBeenLastCalledWith("light");
+    });
+    it("hides the color-mode toggle when colorMode is undefined", () => {
+        const { container } = render(AppChrome, { props: { nav } });
+        expect(container.querySelector(".st-appChrome__iconControl")).toBeNull();
+    });
+});
+describe("AppChrome — langue", () => {
+    it("shows the active locale and fires onLocaleChange on selection", async () => {
+        const onLocaleChange = vi.fn();
+        const { container } = render(AppChrome, { props: { locale: "fr", onLocaleChange } });
+        const trigger = container.querySelector(".st-appChrome__localeWrap button");
+        expect(trigger.textContent).toContain("FR");
+        await fireEvent.click(trigger);
+        const en = Array.from(container.querySelectorAll(".st-appChrome__menuItem")).find((b) => b.textContent?.includes("English"));
+        await fireEvent.click(en);
+        expect(onLocaleChange).toHaveBeenCalledWith("en");
+    });
+});
+describe("AppChrome — github + identité", () => {
+    it("renders the github link with the provided href", () => {
+        const { container } = render(AppChrome, { props: { githubHref: "https://github.com/x/y" } });
+        const link = container.querySelector('.st-appChrome__utilityNav a[target="_blank"]');
+        expect(link.getAttribute("href")).toBe("https://github.com/x/y");
+    });
+    it("renders the identity snippet content", () => {
+        const { container } = render(AppChrome, { props: { identity: snippet("account-zone") } });
+        expect(container.querySelector(".st-appChrome__identity")?.textContent).toContain("account-zone");
+    });
+});
+describe("AppChrome — mobile burger + tiroir", () => {
+    it("wires the burger aria-controls to the drawer id and renders the drawer when open", () => {
+        const { container } = render(AppChrome, { props: { nav, mobileMenuOpen: true } });
+        const burger = container.querySelector(".st-appChrome__burgerTrigger");
+        const drawer = container.querySelector(".st-appChrome__drawer");
+        expect(drawer).toBeTruthy();
+        expect(burger.getAttribute("aria-expanded")).toBe("true");
+        expect(burger.getAttribute("aria-controls")).toBe(drawer.id);
+        expect(drawer.querySelectorAll(".st-appChrome__drawerLink").length).toBeGreaterThanOrEqual(3);
+    });
+    it("does not render the drawer when closed and toggles via callback", async () => {
+        const onMobileMenuToggle = vi.fn();
+        const { container } = render(AppChrome, { props: { nav, onMobileMenuToggle } });
+        expect(container.querySelector(".st-appChrome__drawer")).toBeNull();
+        await fireEvent.click(container.querySelector(".st-appChrome__burgerTrigger"));
+        expect(onMobileMenuToggle).toHaveBeenCalledTimes(1);
+    });
+});

package/dist/AppHeader.svelte

@@ -18,7 +18,24 @@
      * Auto-généré et stable si non fourni.
      */
     drawerId?: string;
-    /** Logo (décision actée : logo SENT + sous-titre). */
+    /**
+     * Marque structurée (décision actée : logo SENT + sous-titre). Rend le bloc
+     * canonique « logo carré + nom + sous-titre produit » sans dupliquer de CSS
+     * côté consommateur. Si le snippet `logo` est fourni, il a priorité (contrôle
+     * total) ; sinon ces props produisent le bloc marque par défaut.
+     */
+    brandName?: string;
+    /** Sous-titre produit affiché sous le nom (ex. « Design System », « dataviz »). */
+    productName?: string;
+    /** Source de l'image du logo carré (ex. `/SENT-logo-squared.svg`). */
+    logoSrc?: string;
+    /** Texte alternatif du logo (décoratif par défaut). */
+    logoAlt?: string;
+    /** Cible du lien de la marque. Défaut : `/`. */
+    brandHref?: string;
+    /** aria-label du lien de marque (sinon dérivé de `brandName` + `productName`). */
+    brandLabel?: string;
+    /** Logo (décision actée : logo SENT + sous-titre). Prioritaire sur `brandName`/`logoSrc`. */
     logo?: Snippet;
     /** Liens de navigation (rendus dans le <nav> desktop). */
     nav?: Snippet;
@@ -47,6 +64,12 @@
     onMenuToggle,
     menuLabel = "Menu",
     drawerId,
+    brandName,
+    productName,
+    logoSrc,
+    logoAlt = "",
+    brandHref = "/",
+    brandLabel,
     logo,
     nav,
     actions,
@@ -54,6 +77,15 @@
     class: className,
   }: AppHeaderProps = $props();
 
+  // Marque par défaut : rendue ssi aucun snippet `logo` et qu'il y a au moins un
+  // nom / logo / produit. Calque le bloc marque canonique du site DS.
+  const hasDefaultBrand = $derived(
+    !logo && Boolean(brandName || productName || logoSrc),
+  );
+  const resolvedBrandLabel = $derived(
+    brandLabel ?? [brandName, productName].filter(Boolean).join(" "),
+  );
+
   // Id stable du tiroir : prop fournie sinon compteur module (SSR-safe, sans
   // crypto). Capturé une seule fois (untrack) : un id stable ne doit pas réagir.
   const resolvedDrawerId = untrack(
@@ -68,6 +100,18 @@
     <!-- Logo SENT à GAUCHE (+ sous-titre). -->
     {#if logo}
       <div class="st-appHeader__logo">{@render logo()}</div>
+    {:else if hasDefaultBrand}
+      <a class="st-appHeader__brand" href={brandHref} aria-label={resolvedBrandLabel || undefined}>
+        {#if logoSrc}
+          <img class="st-appHeader__brandMark" src={logoSrc} alt={logoAlt} aria-hidden={logoAlt ? undefined : "true"} />
+        {/if}
+        {#if brandName || productName}
+          <span class="st-appHeader__brandCopy">
+            {#if brandName}<span class="st-appHeader__brandName">{brandName}</span>{/if}
+            {#if productName}<span class="st-appHeader__brandProduct">{productName}</span>{/if}
+          </span>
+        {/if}
+      </a>
     {/if}
 
     <!-- Nav desktop (masquée en mode compact). -->
@@ -185,6 +229,120 @@
     flex: 0 0 auto;
   }
 
+  /* --- Marque canonique (logo carré + nom + sous-titre produit) --- */
+  .st-appHeader__brand {
+    align-items: center;
+    color: var(--st-semantic-text-primary);
+    display: inline-flex;
+    flex: 0 0 auto;
+    gap: var(--st-spacing-3, 0.75rem);
+    min-width: 0;
+    text-decoration: none;
+  }
+
+  .st-appHeader__brand:hover,
+  .st-appHeader__brand:focus-visible {
+    text-decoration: none;
+  }
+
+  .st-appHeader__brand:focus-visible {
+    border-radius: var(--st-radius-sm, 0.375rem);
+    box-shadow: 0 0 0 2px var(--st-semantic-border-interactive);
+    outline: none;
+  }
+
+  .st-appHeader__brandMark {
+    aspect-ratio: 1;
+    display: inline-block;
+    flex: 0 0 auto;
+    height: 2rem;
+    object-fit: contain;
+    width: 2rem;
+  }
+
+  .st-appHeader__brandCopy {
+    display: grid;
+    gap: 0.08rem;
+    line-height: 1;
+    min-width: 0;
+  }
+
+  .st-appHeader__brandName {
+    color: var(--st-semantic-text-primary);
+    font-size: 1rem;
+    font-weight: 760;
+  }
+
+  .st-appHeader__brandProduct {
+    color: var(--st-semantic-text-secondary);
+    font-size: 0.75rem;
+    font-weight: 650;
+  }
+
+  /* --- Lien de nav canonique (pill soulignée, état actif) ---
+     Classe utilitaire publiée : un consommateur l'applique sur ses <a> de nav
+     (ou via le composant Link DS) pour matcher le chrome du site DS sans
+     dupliquer de CSS d'application. */
+  :global(.st-appHeader__navLink) {
+    align-items: center;
+    border-bottom: 2px solid transparent;
+    border-radius: 0;
+    color: var(--st-semantic-text-secondary);
+    display: inline-flex;
+    font-size: 0.875rem;
+    gap: 0.35rem;
+    line-height: 1;
+    padding: 0.38rem 0.75rem;
+    text-decoration: none;
+    white-space: nowrap;
+    transition: color var(--st-motion-fast, 120ms) ease,
+      border-color var(--st-motion-fast, 120ms) ease;
+  }
+
+  :global(.st-appHeader__navLink:hover),
+  :global(.st-appHeader__navLink:focus-visible) {
+    color: var(--st-semantic-text-primary);
+    text-decoration: none;
+  }
+
+  :global(.st-appHeader__navLink[aria-current="page"]) {
+    border-bottom-color: var(--st-semantic-border-interactive);
+    color: var(--st-semantic-text-primary);
+    font-weight: 650;
+  }
+
+  /* --- Contrôle utilitaire canonique (pill : thème / langue / icône) --- */
+  :global(.st-appHeader__control) {
+    align-items: center;
+    background: var(--st-semantic-surface-default);
+    border: 1px solid var(--st-semantic-border-subtle);
+    border-radius: var(--st-radius-sm, 0.375rem);
+    color: var(--st-semantic-text-secondary);
+    cursor: pointer;
+    display: inline-flex;
+    font: inherit;
+    font-size: 0.75rem;
+    font-weight: 650;
+    gap: 0.35rem;
+    height: 2.25rem;
+    line-height: 1;
+    padding: 0 0.65rem;
+    text-decoration: none;
+    white-space: nowrap;
+    transition: background-color var(--st-motion-fast, 120ms) ease,
+      border-color var(--st-motion-fast, 120ms) ease,
+      color var(--st-motion-fast, 120ms) ease;
+  }
+
+  :global(.st-appHeader__control:hover),
+  :global(.st-appHeader__control:focus-visible),
+  :global(.st-appHeader__control[aria-expanded="true"]) {
+    background: var(--st-semantic-surface-subtle);
+    border-color: var(--st-semantic-border-interactive);
+    color: var(--st-semantic-text-primary);
+    outline: none;
+  }
+
   .st-appHeader__actions {
     align-items: center;
     display: flex;

package/dist/AppHeader.svelte.d.ts

@@ -16,7 +16,24 @@ export interface AppHeaderProps {
      * Auto-généré et stable si non fourni.
      */
     drawerId?: string;
-    /** Logo (décision actée : logo SENT + sous-titre). */
+    /**
+     * Marque structurée (décision actée : logo SENT + sous-titre). Rend le bloc
+     * canonique « logo carré + nom + sous-titre produit » sans dupliquer de CSS
+     * côté consommateur. Si le snippet `logo` est fourni, il a priorité (contrôle
+     * total) ; sinon ces props produisent le bloc marque par défaut.
+     */
+    brandName?: string;
+    /** Sous-titre produit affiché sous le nom (ex. « Design System », « dataviz »). */
+    productName?: string;
+    /** Source de l'image du logo carré (ex. `/SENT-logo-squared.svg`). */
+    logoSrc?: string;
+    /** Texte alternatif du logo (décoratif par défaut). */
+    logoAlt?: string;
+    /** Cible du lien de la marque. Défaut : `/`. */
+    brandHref?: string;
+    /** aria-label du lien de marque (sinon dérivé de `brandName` + `productName`). */
+    brandLabel?: string;
+    /** Logo (décision actée : logo SENT + sous-titre). Prioritaire sur `brandName`/`logoSrc`. */
     logo?: Snippet;
     /** Liens de navigation (rendus dans le <nav> desktop). */
     nav?: Snippet;

package/dist/AppHeader.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppHeader.svelte.d.ts","sourceRoot":"","sources":["../src/lib/AppHeader.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sDAAsD;IACtD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,0DAA0D;IAC1D,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wEAAwE;IACxE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAoFH,QAAA,MAAM,SAAS,oDAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}
+{"version":3,"file":"AppHeader.svelte.d.ts","sourceRoot":"","sources":["../src/lib/AppHeader.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mFAAmF;IACnF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sEAAsE;IACtE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kFAAkF;IAClF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6FAA6F;IAC7F,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,0DAA0D;IAC1D,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wEAAwE;IACxE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA+GH,QAAA,MAAM,SAAS,oDAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}