@sentropic/design-system-svelte 0.23.0 → 0.25.0

package/dist/AppHeader.svelte

@@ -0,0 +1,197 @@
+<script lang="ts" module>
+  import type { Snippet } from "svelte";
+
+  export interface AppHeaderProps {
+    /**
+     * Force le mode compact (burger). Calque la source : le burger est à GAUCHE
+     * et la nav desktop est masquée quand `compact` est vrai.
+     */
+    compact?: boolean;
+    /** État ouvert du panneau burger (contrôlé). */
+    menuOpen?: boolean;
+    /** Callback de bascule du burger (clic sur le bouton compact). */
+    onMenuToggle?: () => void;
+    /** aria-label du bouton burger. */
+    menuLabel?: string;
+    /** Logo (décision actée : logo SENT + sous-titre). */
+    logo?: Snippet;
+    /** Liens de navigation (rendus dans le <nav> desktop). */
+    nav?: Snippet;
+    /** Contenu à droite (typiquement LanguageToggle + IdentityMenu). */
+    actions?: Snippet;
+    /** Contenu du tiroir compact (nav + langue + identité en accordéon). */
+    drawer?: Snippet;
+    class?: string;
+  }
+</script>
+
+<script lang="ts">
+  import { Menu, X } from "@lucide/svelte";
+
+  let {
+    compact = false,
+    menuOpen = false,
+    onMenuToggle,
+    menuLabel = "Menu",
+    logo,
+    nav,
+    actions,
+    drawer,
+    class: className,
+  }: AppHeaderProps = $props();
+
+  const classes = () => ["st-appHeader", className].filter(Boolean).join(" ");
+</script>
+
+<header class={classes()}>
+  <div class="st-appHeader__bar">
+    <!-- Burger à GAUCHE (calque exact de la source ~L176-191). -->
+    {#if compact}
+      <div class="st-appHeader__burger">
+        <button
+          type="button"
+          class="st-appHeader__burgerButton"
+          onclick={onMenuToggle}
+          aria-label={menuLabel}
+          aria-expanded={menuOpen}
+          aria-haspopup="menu"
+        >
+          {#if menuOpen}
+            <X class="st-appHeader__burgerIcon" size={20} aria-hidden="true" />
+          {:else}
+            <Menu class="st-appHeader__burgerIcon" size={20} aria-hidden="true" />
+          {/if}
+        </button>
+      </div>
+    {:else}
+      <!-- Nav desktop (masquée en mode compact). -->
+      <nav class="st-appHeader__nav" aria-label="Primary">
+        {#if nav}{@render nav()}{/if}
+      </nav>
+    {/if}
+
+    {#if logo}
+      <div class="st-appHeader__logo">{@render logo()}</div>
+    {/if}
+
+    <!-- Contrôles de droite (masqués en mode compact). -->
+    {#if !compact}
+      <div class="st-appHeader__actions">
+        {#if actions}{@render actions()}{/if}
+      </div>
+    {/if}
+  </div>
+</header>
+
+{#if compact && menuOpen && drawer}
+  <button
+    type="button"
+    class="st-appHeader__scrim"
+    aria-label={menuLabel}
+    onclick={onMenuToggle}
+  ></button>
+  <aside class="st-appHeader__drawer">
+    {@render drawer()}
+  </aside>
+{/if}
+
+<style>
+  .st-appHeader {
+    background: var(--st-semantic-surface-default);
+    border-bottom: 1px solid var(--st-semantic-border-subtle);
+    color: var(--st-semantic-text-primary);
+    font-family: var(--st-font-sans);
+    width: 100%;
+  }
+
+  .st-appHeader__bar {
+    align-items: center;
+    display: flex;
+    gap: var(--st-spacing-4, 1rem);
+    height: 3.5rem;
+    justify-content: space-between;
+    margin: 0 auto;
+    max-width: 80rem;
+    padding: 0 var(--st-spacing-4, 1rem);
+    width: 100%;
+  }
+
+  .st-appHeader__nav {
+    align-items: center;
+    display: flex;
+    flex: 1 1 auto;
+    flex-wrap: wrap;
+    font-size: 0.875rem;
+    font-weight: 500;
+    gap: var(--st-spacing-4, 1rem);
+    min-width: 0;
+  }
+
+  .st-appHeader__burger {
+    align-items: center;
+    display: flex;
+    flex: 1 1 auto;
+    justify-content: flex-start;
+  }
+
+  .st-appHeader__burgerButton {
+    align-items: center;
+    background: transparent;
+    border: 0;
+    border-radius: var(--st-radius-sm, 0.375rem);
+    color: var(--st-semantic-text-primary);
+    cursor: pointer;
+    display: inline-flex;
+    justify-content: center;
+    padding: var(--st-spacing-2, 0.5rem);
+  }
+
+  .st-appHeader__burgerButton:hover {
+    background: var(--st-semantic-surface-subtle);
+  }
+
+  .st-appHeader__burgerButton:focus-visible {
+    box-shadow: 0 0 0 2px var(--st-semantic-border-interactive);
+    outline: none;
+  }
+
+  .st-appHeader__burgerIcon {
+    display: block;
+  }
+
+  .st-appHeader__logo {
+    align-items: center;
+    display: inline-flex;
+    flex: 0 0 auto;
+  }
+
+  .st-appHeader__actions {
+    align-items: center;
+    display: flex;
+    flex: 0 0 auto;
+    gap: var(--st-spacing-3, 0.75rem);
+  }
+
+  .st-appHeader__scrim {
+    background: transparent;
+    border: 0;
+    cursor: default;
+    inset: 0;
+    padding: 0;
+    position: fixed;
+    z-index: var(--st-zindex-overlay, 80);
+  }
+
+  .st-appHeader__drawer {
+    background: var(--st-semantic-surface-default);
+    border: 1px solid var(--st-semantic-border-subtle);
+    box-shadow: var(--st-shadow-medium, 0 8px 24px rgb(15 23 42 / 0.12));
+    left: 0;
+    max-height: 100vh;
+    overflow-y: auto;
+    position: fixed;
+    top: 0;
+    width: min(22rem, 85vw);
+    z-index: calc(var(--st-zindex-overlay, 80) + 10);
+  }
+</style>

package/dist/AppHeader.svelte.d.ts

@@ -0,0 +1,27 @@
+import type { Snippet } from "svelte";
+export interface AppHeaderProps {
+    /**
+     * Force le mode compact (burger). Calque la source : le burger est à GAUCHE
+     * et la nav desktop est masquée quand `compact` est vrai.
+     */
+    compact?: boolean;
+    /** État ouvert du panneau burger (contrôlé). */
+    menuOpen?: boolean;
+    /** Callback de bascule du burger (clic sur le bouton compact). */
+    onMenuToggle?: () => void;
+    /** aria-label du bouton burger. */
+    menuLabel?: string;
+    /** Logo (décision actée : logo SENT + sous-titre). */
+    logo?: Snippet;
+    /** Liens de navigation (rendus dans le <nav> desktop). */
+    nav?: Snippet;
+    /** Contenu à droite (typiquement LanguageToggle + IdentityMenu). */
+    actions?: Snippet;
+    /** Contenu du tiroir compact (nav + langue + identité en accordéon). */
+    drawer?: Snippet;
+    class?: string;
+}
+declare const AppHeader: import("svelte").Component<AppHeaderProps, {}, "">;
+type AppHeader = ReturnType<typeof AppHeader>;
+export default AppHeader;
+//# sourceMappingURL=AppHeader.svelte.d.ts.map

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

@@ -0,0 +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,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;AAqEH,QAAA,MAAM,SAAS,oDAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/IdentityMenu.svelte

@@ -0,0 +1,406 @@
+<script lang="ts" module>
+  export interface IdentityUser {
+    displayName: string;
+    email?: string;
+    id?: string;
+  }
+
+  export interface IdentityMenuProps {
+    /** Identité connectée (contrôlé). `null` quand anonyme. */
+    user?: IdentityUser | null;
+    /** État d'authentification (contrôlé : aucun état auth interne). */
+    isAuthenticated?: boolean;
+    /** État ouvert du dropdown (optionnellement contrôlé). */
+    open?: boolean;
+    /** Notifié au clic « Se connecter ». */
+    onLogin?: () => void;
+    /** Notifié au clic « Se déconnecter ». */
+    onLogout?: () => void;
+    /** Lien « Appareils ». */
+    devicesHref?: string;
+    /** Lien « Paramètres ». */
+    settingsHref?: string;
+    /** Libellé du bouton de connexion. */
+    loginLabel?: string;
+    /** Libellé « Appareils ». */
+    devicesLabel?: string;
+    /** Libellé « Paramètres ». */
+    settingsLabel?: string;
+    /** Libellé « Se déconnecter ». */
+    logoutLabel?: string;
+    /**
+     * Variante d'affichage :
+     * - `dropdown` (défaut) : déclencheur + menu flottant (header desktop).
+     * - `accordion` : déclencheur + liste inline (tiroir mobile).
+     */
+    variant?: "dropdown" | "accordion";
+    class?: string;
+  }
+
+  /** Première lettre du displayName, en majuscule (calque de la source). */
+  export function identityInitial(user: IdentityUser | null | undefined): string {
+    const source = user?.displayName || user?.email || "U";
+    return source.charAt(0).toUpperCase();
+  }
+</script>
+
+<script lang="ts">
+  import { ChevronDown } from "@lucide/svelte";
+
+  let {
+    user = null,
+    isAuthenticated = false,
+    open = $bindable(false),
+    onLogin,
+    onLogout,
+    devicesHref = "#",
+    settingsHref = "#",
+    loginLabel = "Se connecter",
+    devicesLabel = "Appareils",
+    settingsLabel = "Paramètres",
+    logoutLabel = "Se déconnecter",
+    variant = "dropdown",
+    class: className,
+  }: IdentityMenuProps = $props();
+
+  let root: HTMLDivElement | undefined = $state();
+  let triggerEl: HTMLButtonElement | undefined = $state();
+
+  const classes = () => ["st-identityMenu", className].filter(Boolean).join(" ");
+  const initial = $derived(identityInitial(user));
+  const displayName = $derived(user?.displayName || user?.email || "User");
+
+  function getMenuItems(): HTMLElement[] {
+    return Array.from(
+      root?.querySelectorAll<HTMLElement>('[role="menuitem"]') ?? []
+    );
+  }
+
+  function focusItem(index: number) {
+    const items = getMenuItems();
+    if (!items.length) return;
+    const len = items.length;
+    const target = ((index % len) + len) % len;
+    items[target]?.focus();
+  }
+
+  function toggle() {
+    open = !open;
+  }
+
+  function closeAndFocusTrigger() {
+    open = false;
+    triggerEl?.focus();
+  }
+
+  function onTriggerKeydown(event: KeyboardEvent) {
+    if (event.key === "ArrowDown" || event.key === "Enter" || event.key === " ") {
+      event.preventDefault();
+      if (!open) open = true;
+      queueMicrotask(() => focusItem(0));
+      return;
+    }
+    if (event.key === "ArrowUp") {
+      event.preventDefault();
+      if (!open) open = true;
+      queueMicrotask(() => focusItem(-1));
+    }
+  }
+
+  function onMenuKeydown(event: KeyboardEvent) {
+    const items = getMenuItems();
+    const current = items.indexOf(document.activeElement as HTMLElement);
+    if (event.key === "ArrowDown") {
+      event.preventDefault();
+      focusItem(current + 1);
+      return;
+    }
+    if (event.key === "ArrowUp") {
+      event.preventDefault();
+      focusItem(current - 1);
+      return;
+    }
+    if (event.key === "Home") {
+      event.preventDefault();
+      focusItem(0);
+      return;
+    }
+    if (event.key === "End") {
+      event.preventDefault();
+      focusItem(items.length - 1);
+      return;
+    }
+    if (event.key === "Escape") {
+      event.preventDefault();
+      closeAndFocusTrigger();
+    }
+  }
+
+  function handleLogout() {
+    open = false;
+    onLogout?.();
+  }
+</script>
+
+<svelte:window
+  onpointerdown={(e) => {
+    if (open && root && e.target instanceof Node && !root.contains(e.target)) open = false;
+  }}
+/>
+
+{#if isAuthenticated && user}
+  <div
+    class={classes()}
+    class:st-identityMenu--accordion={variant === "accordion"}
+    bind:this={root}
+  >
+    <button
+      type="button"
+      class="st-identityMenu__trigger"
+      bind:this={triggerEl}
+      aria-haspopup="menu"
+      aria-expanded={open}
+      aria-label={`Compte de ${displayName}`}
+      onclick={toggle}
+      onkeydown={onTriggerKeydown}
+    >
+      <span class="st-identityMenu__avatar" aria-hidden="true">{initial}</span>
+      <span class="st-identityMenu__meta">
+        <span class="st-identityMenu__name">{displayName}</span>
+        {#if variant === "accordion" && user.email}
+          <span class="st-identityMenu__email">{user.email}</span>
+        {/if}
+      </span>
+      <ChevronDown
+        class={`st-identityMenu__chevron${open ? " st-identityMenu__chevron--open" : ""}`}
+        size={16}
+        aria-hidden="true"
+      />
+    </button>
+
+    {#if open}
+      <div
+        class="st-identityMenu__menu"
+        role="menu"
+        tabindex="-1"
+        aria-label={`Menu de ${displayName}`}
+        onkeydown={onMenuKeydown}
+      >
+        <a
+          href={devicesHref}
+          class="st-identityMenu__item"
+          role="menuitem"
+          tabindex="-1"
+          onclick={() => (open = false)}
+        >
+          {devicesLabel}
+        </a>
+        <a
+          href={settingsHref}
+          class="st-identityMenu__item"
+          role="menuitem"
+          tabindex="-1"
+          onclick={() => (open = false)}
+        >
+          {settingsLabel}
+        </a>
+        <div class="st-identityMenu__divider" role="separator" aria-hidden="true"></div>
+        <button
+          type="button"
+          class="st-identityMenu__item st-identityMenu__item--danger"
+          role="menuitem"
+          tabindex="-1"
+          onclick={handleLogout}
+        >
+          {logoutLabel}
+        </button>
+      </div>
+    {/if}
+  </div>
+{:else}
+  <button
+    type="button"
+    class="st-identityMenu__login"
+    class:st-identityMenu__login--accordion={variant === "accordion"}
+    onclick={() => onLogin?.()}
+  >
+    {loginLabel}
+  </button>
+{/if}
+
+<style>
+  .st-identityMenu {
+    font-family: var(--st-font-sans);
+    position: relative;
+  }
+
+  .st-identityMenu--accordion {
+    width: 100%;
+  }
+
+  .st-identityMenu__trigger {
+    align-items: center;
+    background: transparent;
+    border: 0;
+    border-radius: var(--st-radius-sm, 0.375rem);
+    color: var(--st-semantic-text-primary);
+    cursor: pointer;
+    display: inline-flex;
+    font: inherit;
+    font-family: var(--st-font-sans);
+    font-size: 0.875rem;
+    font-weight: 500;
+    gap: var(--st-spacing-2, 0.5rem);
+    padding: var(--st-spacing-1, 0.25rem) var(--st-spacing-3, 0.75rem);
+  }
+
+  .st-identityMenu--accordion .st-identityMenu__trigger {
+    padding: var(--st-spacing-2, 0.5rem) var(--st-spacing-3, 0.75rem);
+    width: 100%;
+  }
+
+  .st-identityMenu__trigger:hover {
+    background: var(--st-semantic-surface-subtle);
+  }
+
+  .st-identityMenu__trigger:focus-visible {
+    box-shadow: 0 0 0 2px var(--st-semantic-border-interactive);
+    outline: none;
+  }
+
+  .st-identityMenu__avatar {
+    align-items: center;
+    background: var(--st-semantic-action-primary);
+    border-radius: var(--st-radius-pill, 9999px);
+    color: var(--st-semantic-action-primaryText);
+    display: inline-flex;
+    flex: 0 0 auto;
+    font-weight: 500;
+    height: 2rem;
+    justify-content: center;
+    width: 2rem;
+  }
+
+  .st-identityMenu__meta {
+    display: grid;
+    gap: 0.05rem;
+    min-width: 0;
+    text-align: left;
+  }
+
+  .st-identityMenu--accordion .st-identityMenu__meta {
+    flex: 1 1 auto;
+  }
+
+  .st-identityMenu__name {
+    color: var(--st-semantic-text-primary);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .st-identityMenu__email {
+    color: var(--st-semantic-text-secondary);
+    font-size: 0.75rem;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .st-identityMenu :global(.st-identityMenu__chevron) {
+    color: var(--st-semantic-text-secondary);
+    flex: 0 0 auto;
+    transition: transform var(--st-motion-fast, 120ms) var(--st-motion-easing, ease);
+  }
+
+  .st-identityMenu :global(.st-identityMenu__chevron--open) {
+    transform: rotate(180deg);
+  }
+
+  .st-identityMenu__menu {
+    background: var(--st-semantic-surface-raised);
+    border: 1px solid var(--st-semantic-border-subtle);
+    border-radius: var(--st-radius-md, 0.375rem);
+    box-shadow: var(--st-shadow-medium, 0 8px 24px rgb(15 23 42 / 0.12));
+    display: grid;
+    margin-top: var(--st-spacing-2, 0.5rem);
+    min-width: 12rem;
+    padding: var(--st-spacing-1, 0.25rem);
+    position: absolute;
+    right: 0;
+    top: 100%;
+    z-index: var(--st-zindex-overlay, 80);
+  }
+
+  /* En accordéon, le menu est inline (pas flottant). */
+  .st-identityMenu--accordion .st-identityMenu__menu {
+    box-shadow: none;
+    margin-top: var(--st-spacing-1, 0.25rem);
+    position: static;
+    width: 100%;
+  }
+
+  .st-identityMenu__item {
+    background: transparent;
+    border: 0;
+    border-radius: var(--st-radius-sm, 0.375rem);
+    color: var(--st-semantic-text-primary);
+    cursor: pointer;
+    display: block;
+    font: inherit;
+    font-family: var(--st-font-sans);
+    font-size: 0.875rem;
+    font-weight: 500;
+    padding: var(--st-spacing-2, 0.5rem) var(--st-spacing-3, 0.75rem);
+    text-align: left;
+    text-decoration: none;
+    width: 100%;
+  }
+
+  .st-identityMenu__item:hover {
+    background: var(--st-semantic-surface-subtle);
+  }
+
+  .st-identityMenu__item:focus-visible {
+    box-shadow: 0 0 0 2px var(--st-semantic-border-interactive);
+    outline: none;
+  }
+
+  .st-identityMenu__item--danger {
+    color: var(--st-semantic-action-danger);
+  }
+
+  .st-identityMenu__divider {
+    background: var(--st-semantic-border-subtle);
+    height: 1px;
+    margin: var(--st-spacing-1, 0.25rem) 0;
+  }
+
+  .st-identityMenu__login {
+    background: var(--st-semantic-action-primary);
+    border: 0;
+    border-radius: var(--st-radius-md, 0.375rem);
+    color: var(--st-semantic-action-primaryText);
+    cursor: pointer;
+    font: inherit;
+    font-family: var(--st-font-sans);
+    font-size: 0.875rem;
+    padding: var(--st-spacing-1, 0.25rem) var(--st-spacing-3, 0.75rem);
+  }
+
+  .st-identityMenu__login--accordion {
+    display: block;
+    padding: var(--st-spacing-2, 0.5rem) var(--st-spacing-3, 0.75rem);
+    text-align: center;
+    width: 100%;
+  }
+
+  .st-identityMenu__login:hover {
+    background: var(--st-semantic-action-primaryHover);
+  }
+
+  .st-identityMenu__login:focus-visible {
+    box-shadow: 0 0 0 2px var(--st-semantic-border-interactive);
+    outline: none;
+  }
+</style>

package/dist/IdentityMenu.svelte.d.ts

@@ -0,0 +1,42 @@
+export interface IdentityUser {
+    displayName: string;
+    email?: string;
+    id?: string;
+}
+export interface IdentityMenuProps {
+    /** Identité connectée (contrôlé). `null` quand anonyme. */
+    user?: IdentityUser | null;
+    /** État d'authentification (contrôlé : aucun état auth interne). */
+    isAuthenticated?: boolean;
+    /** État ouvert du dropdown (optionnellement contrôlé). */
+    open?: boolean;
+    /** Notifié au clic « Se connecter ». */
+    onLogin?: () => void;
+    /** Notifié au clic « Se déconnecter ». */
+    onLogout?: () => void;
+    /** Lien « Appareils ». */
+    devicesHref?: string;
+    /** Lien « Paramètres ». */
+    settingsHref?: string;
+    /** Libellé du bouton de connexion. */
+    loginLabel?: string;
+    /** Libellé « Appareils ». */
+    devicesLabel?: string;
+    /** Libellé « Paramètres ». */
+    settingsLabel?: string;
+    /** Libellé « Se déconnecter ». */
+    logoutLabel?: string;
+    /**
+     * Variante d'affichage :
+     * - `dropdown` (défaut) : déclencheur + menu flottant (header desktop).
+     * - `accordion` : déclencheur + liste inline (tiroir mobile).
+     */
+    variant?: "dropdown" | "accordion";
+    class?: string;
+}
+/** Première lettre du displayName, en majuscule (calque de la source). */
+export declare function identityInitial(user: IdentityUser | null | undefined): string;
+declare const IdentityMenu: import("svelte").Component<IdentityMenuProps, {}, "open">;
+type IdentityMenu = ReturnType<typeof IdentityMenu>;
+export default IdentityMenu;
+//# sourceMappingURL=IdentityMenu.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IdentityMenu.svelte.d.ts","sourceRoot":"","sources":["../src/lib/IdentityMenu.svelte.ts"],"names":[],"mappings":"AAGE,MAAM,WAAW,YAAY;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,iBAAiB;IAChC,2DAA2D;IAC3D,IAAI,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;IAC3B,oEAAoE;IACpE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,0DAA0D;IAC1D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wCAAwC;IACxC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2BAA2B;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sCAAsC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6BAA6B;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8BAA8B;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,0EAA0E;AAC1E,wBAAgB,eAAe,CAAC,IAAI,EAAE,YAAY,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAG7E;AAmJH,QAAA,MAAM,YAAY,2DAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}