@lilydesignsystem/angular-motion-picker 0.1.1 → 0.2.0

package/fesm2022/lilydesignsystem-angular-motion-picker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"lilydesignsystem-angular-motion-picker.mjs","sources":["../../motion-picker.component.ts","../../lilydesignsystem-angular-motion-picker.ts"],"sourcesContent":["import { NgTemplateOutlet } from \"@angular/common\";\nimport {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  Directive,\n  ElementRef,\n  TemplateRef,\n  computed,\n  contentChild,\n  effect,\n  inject,\n  input,\n  model,\n  output,\n  signal,\n  viewChild,\n} from \"@angular/core\";\nimport { IconButton, Listbox } from \"@lilydesignsystem/angular-headless\";\n\n/**\n * Default button icon: a bundled SVG (two pause bars), not a Unicode\n * character. Reversed 2026-09-16 from the font-dependent-glyph\n * convention (was U+23F8 PAUSE SIGN + U+FE0E, exported as `PAUSE_SIGN`\n * — removed, not renamed). \"Stop the moving parts\" still reads\n * directly from two bars; a bundled outline SVG matches the other four\n * picker icons as one consistent visual family regardless of the\n * consumer's fonts.\n */\n\n/** Context passed to a custom icon `<ng-template>` (the button icon). */\nexport type ChildArgs = {\n  /** Currently selected motion slug. */\n  value: string;\n  /** Is the listbox open? */\n  open: boolean;\n  /** Resolve a slug to its display label. */\n  labelFor: (motion: string) => string;\n};\n\n/**\n * Resolve a motion slug to its display label: each hyphen-separated\n * word title-cased, so a slug like \"no-preference\" renders as\n * \"No Preference\". Mirrors `sizeName` in text-size-picker and\n * `themeName` in theme-picker.\n */\nexport function motionName(motion: string): string {\n  return motion\n    .split(\"-\")\n    .map((word) => word.charAt(0).toUpperCase() + word.slice(1))\n    .join(\" \");\n}\n\n/**\n * True when the platform reports a preference for reduced motion.\n * SSR-safe: `window`/`matchMedia` are absent on the server, so this\n * resolves to `false` there and the client re-derives it on mount.\n */\nexport function prefersReducedMotion(): boolean {\n  if (typeof window === \"undefined\" || typeof window.matchMedia !== \"function\") {\n    return false;\n  }\n  try {\n    return window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n  } catch {\n    return false;\n  }\n}\n\nlet uid = 0;\n/** Stable per-instance id prefix; SSR-safe (no Math.random / Date.now). */\nexport function nextMotionPickerId(): string {\n  uid += 1;\n  return `motion-picker-${uid}`;\n}\n\n/**\n * Optional marker for the projected icon template. Gives consumers typed\n * `let-` variables:\n *\n * ```html\n * <lily-motion-picker ...>\n *   <ng-template lilyMotionPickerIcon let-args>{{ args.labelFor(args.value) }}</ng-template>\n * </lily-motion-picker>\n * ```\n *\n * The component queries any projected `<ng-template>`, so the marker is\n * for type-checking and readability, not for matching.\n */\n@Directive({\n  selector: \"ng-template[lilyMotionPickerIcon]\",\n  standalone: true,\n})\nexport class MotionPickerIcon {\n  static ngTemplateContextGuard(\n    _dir: MotionPickerIcon,\n    _ctx: unknown,\n  ): _ctx is ChildArgs & { $implicit: ChildArgs } {\n    return true;\n  }\n}\n\n/**\n * MotionPicker — `data-motion` reduced-motion picker.\n *\n * Renders an icon button that opens a WAI-ARIA APG listbox of motion\n * slugs. On every change the component sets `data-motion=\"{slug}\"` on\n * the document root (or on a consumer-supplied target), with optional\n * `localStorage` persistence. Its initial value defers to the\n * platform's `(prefers-reduced-motion: reduce)` media query before\n * falling back to a fixed default — the one behaviour difference from\n * its `theme-picker`/`text-size-picker` siblings. Ships no CSS; the\n * consumer decides what `[data-motion=\"reduce\"]` actually suppresses.\n * See `spec/index.md` for the full contract.\n */\n@Component({\n  selector: \"lily-motion-picker\",\n  standalone: true,\n  imports: [NgTemplateOutlet, IconButton, Listbox],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    \"(document:click)\": \"onDocumentClick($event)\",\n  },\n  template: `\n    <div\n      #rootEl\n      class=\"motion-picker {{ className() }}\"\n      (focusout)=\"onRootFocusOut($event)\"\n    >\n      <input type=\"hidden\" [name]=\"name()\" [value]=\"value()\" />\n\n      <lily-icon-button\n        #buttonEl\n        [label]=\"label()\"\n        baseClass=\"motion-picker-button\"\n        ariaHaspopup=\"listbox\"\n        [ariaExpanded]=\"open()\"\n        [ariaControls]=\"listId\"\n        (click)=\"toggle()\"\n        (keydown)=\"onButtonKeydown($event)\"\n      >\n        @if (iconTemplate(); as tpl) {\n          <ng-container\n            [ngTemplateOutlet]=\"tpl\"\n            [ngTemplateOutletContext]=\"childContext()\"\n          />\n        } @else {\n          <svg\n            class=\"motion-picker-icon\"\n            viewBox=\"0 0 16 16\"\n            width=\"1.05rem\"\n            height=\"1.05rem\"\n            aria-hidden=\"true\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.6\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          >\n            <path d=\"M5 3v10M11 3v10\" />\n          </svg>\n        }\n      </lily-icon-button>\n\n      <lily-listbox\n        #listEl\n        [label]=\"label()\"\n        baseClass=\"motion-picker-list\"\n        [elementId]=\"listId\"\n        navigation=\"active-descendant\"\n        [clamp]=\"true\"\n        [typeahead]=\"true\"\n        [pageSize]=\"10\"\n        [(activeIndex)]=\"activeIndex\"\n        [hidden]=\"!open()\"\n        (activate)=\"choose($event)\"\n        (escape)=\"closeList()\"\n        (tabOut)=\"onListTabOut()\"\n      >\n        @for (motion of motions(); track motion; let i = $index) {\n          <li\n            class=\"motion-picker-option\"\n            [id]=\"optionId(i)\"\n            role=\"option\"\n            [attr.aria-selected]=\"motion === value()\"\n            [attr.data-active]=\"i === activeIndex() ? '' : null\"\n            (click)=\"choose(i)\"\n          >\n            {{ labelFor(motion) }}\n          </li>\n        }\n      </lily-listbox>\n    </div>\n  `,\n})\nexport class MotionPicker {\n  readonly label = input.required<string>();\n  readonly motions = input.required<string[]>();\n  readonly value = model<string>(\"\");\n  readonly defaultValue = input<string>(\"\");\n  readonly storageKey = input<string>(\"\");\n  readonly name = input<string>(\"motion\");\n  readonly target = input<HTMLElement | null>(null);\n  readonly motionLabels = input<Record<string, string>>({});\n  readonly className = input<string>(\"\");\n  readonly motionChange = output<string>();\n\n  /** Projected icon template; replaces the default icon when supplied. */\n  protected readonly iconTemplate = contentChild(TemplateRef);\n\n  private readonly rootRef =\n    viewChild.required<ElementRef<HTMLDivElement>>(\"rootEl\");\n  // Angular resolves a template-ref-variable on a component tag to the\n  // component INSTANCE by default (not its ElementRef) — exactly what's\n  // needed to call the headless components' own public `focus()` methods.\n  private readonly buttonRef = viewChild.required<IconButton>(\"buttonEl\");\n  private readonly listRef = viewChild.required<Listbox>(\"listEl\");\n\n  private readonly baseId = nextMotionPickerId();\n  protected readonly listId = `${this.baseId}-list`;\n\n  protected readonly open = signal(false);\n  protected readonly activeIndex = signal(-1);\n\n  protected readonly childContext = computed(() => {\n    const args: ChildArgs = {\n      value: this.value(),\n      open: this.open(),\n      labelFor: (motion: string) => this.labelFor(motion),\n    };\n    return { $implicit: args, ...args };\n  });\n\n  private initialised = false;\n\n  constructor() {\n    effect(() => {\n      const current = this.value();\n\n      if (!this.initialised) {\n        this.initialised = true;\n        let initial = current;\n\n        const sk = this.storageKey();\n        if (!initial && sk) {\n          try {\n            initial =\n              (typeof localStorage !== \"undefined\"\n                ? localStorage.getItem(sk)\n                : null) ?? \"\";\n          } catch {\n            // ignore privacy errors\n          }\n        }\n\n        if (!initial) {\n          // Unlike text-size-picker's \"medium\" default, motion has a\n          // real external signal to defer to: the platform's own\n          // (prefers-reduced-motion: reduce) media query.\n          const motions = this.motions();\n          const dv = this.defaultValue();\n          const osPreferred = prefersReducedMotion() ? \"reduce\" : \"no-preference\";\n          initial =\n            dv ||\n            (motions.includes(osPreferred) ? osPreferred : undefined) ||\n            motions[0] ||\n            \"\";\n        }\n\n        if (initial && initial !== current) {\n          this.value.set(initial);\n          return;\n        }\n      }\n\n      if (current) this.applyMotion(current);\n    });\n  }\n\n  protected optionId(index: number): string {\n    return `${this.baseId}-option-${index}`;\n  }\n\n  labelFor(motion: string): string {\n    const labels = this.motionLabels();\n    if (motion in labels) return labels[motion];\n    return motionName(motion);\n  }\n\n  // ---------------------------------------------------------------\n  // Open / close\n  // ---------------------------------------------------------------\n\n  /** Under zoneless change detection the signal write that un-hides the\n   * list has not reached the DOM when a microtask runs, so focusing the\n   * still-hidden list fails silently and Escape lands on the button.\n   * Flushing detection first is the Angular equivalent of Svelte's\n   * synchronous update (same fix the date-time-picker port recorded). */\n  private readonly cdr = inject(ChangeDetectorRef);\n\n  protected toggle(): void {\n    if (this.open()) this.closeList();\n    else this.openList();\n  }\n\n  /** Open the listbox, activating `startIndex` (default: the selection). */\n  openList(startIndex?: number): void {\n    const selected = this.motions().indexOf(this.value());\n    // An empty list has no option to activate; -1 keeps\n    // aria-activedescendant off rather than pointing at an id that\n    // does not exist.\n    this.activeIndex.set(\n      this.motions().length === 0\n        ? -1\n        : (startIndex ?? (selected >= 0 ? selected : 0)),\n    );\n    this.open.set(true);\n    // Focus moves to the listbox; the active option is conveyed via\n    // aria-activedescendant, per the APG listbox pattern.\n    this.cdr.detectChanges();\n    queueMicrotask(() => {\n      this.listRef().focus({ preventScroll: true });\n      this.scrollActiveIntoView();\n    });\n  }\n\n  /** Close the listbox; `refocus` returns focus to the button. */\n  closeList(refocus = true): void {\n    if (!this.open()) return;\n    this.open.set(false);\n    this.activeIndex.set(-1);\n    if (refocus) queueMicrotask(() => this.buttonRef().focus({ preventScroll: true }));\n  }\n\n  protected choose(index: number): void {\n    const slug = this.motions()[index];\n    if (slug) this.value.set(slug);\n    this.closeList();\n  }\n\n  private scrollActiveIntoView(): void {\n    const i = this.activeIndex();\n    if (i < 0) return;\n    // getElementById rather than reaching into the composed Listbox's\n    // DOM: Listbox exposes behaviour (focus()) and state (activeIndex),\n    // not its rendered children, the same \"consumer owns the option\n    // elements\" division of responsibility the headless component\n    // documents for itself.\n    const el = document.getElementById(this.optionId(i));\n    // jsdom does not implement scrollIntoView; call it only if present.\n    el?.scrollIntoView?.({ block: \"nearest\" });\n  }\n\n  // Arrow/Home/End/PageUp/PageDown/typeahead/Escape/Tab keyboard handling\n  // inside the open list is owned by the composed `lily-listbox`'s\n  // `navigation=\"active-descendant\"` mode (see\n  // @lilydesignsystem/angular-headless); this component only decides\n  // what open/close/choose/scroll mean, and keeps the highlighted option\n  // in view whenever activeIndex changes.\n  private readonly scrollOnActiveIndexChange = effect(() => {\n    this.activeIndex();\n    this.scrollActiveIntoView();\n  });\n\n  // ---------------------------------------------------------------\n  // Keyboard\n  // ---------------------------------------------------------------\n\n  protected onButtonKeydown(event: KeyboardEvent): void {\n    switch (event.key) {\n      case \"ArrowDown\":\n      case \"Enter\":\n      case \" \":\n        event.preventDefault();\n        this.openList();\n        break;\n      case \"ArrowUp\":\n        event.preventDefault();\n        this.openList(this.motions().length - 1);\n        break;\n    }\n  }\n\n  /** `lily-listbox` Tab handling never prevents the key — focus goes to\n   * the button FIRST so the browser's default Tab move computes from\n   * the picker's position rather than from <body> (hiding the focused\n   * list drops focus there, and the browser would otherwise compute the\n   * default Tab move from the top of the document). */\n  protected onListTabOut(): void {\n    this.buttonRef().focus({ preventScroll: true });\n    this.closeList(false);\n  }\n\n  protected onRootFocusOut(event: FocusEvent): void {\n    const next = event.relatedTarget as Node | null;\n    if (next && this.rootRef().nativeElement.contains(next)) return;\n    this.closeList(false);\n  }\n\n  protected onDocumentClick(event: Event): void {\n    if (!this.open()) return;\n    const t = event.target as Node | null;\n    if (t && !this.rootRef().nativeElement.contains(t)) this.closeList(false);\n  }\n\n  // ---------------------------------------------------------------\n  // Apply\n  // ---------------------------------------------------------------\n\n  private applyMotion(slug: string): void {\n    if (typeof document === \"undefined\" || !slug) return;\n    (this.target() ?? document.documentElement).setAttribute(\n      \"data-motion\",\n      slug,\n    );\n\n    const sk = this.storageKey();\n    if (sk) {\n      try {\n        localStorage.setItem(sk, slug);\n      } catch {\n        // ignore quota / privacy errors\n      }\n    }\n    this.motionChange.emit(slug);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"lilydesignsystem-angular-motion-picker.mjs","names":[],"sources":["../../motion-picker.component.ts"],"sourcesContent":["import { NgTemplateOutlet } from \"@angular/common\";\nimport {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  Directive,\n  ElementRef,\n  TemplateRef,\n  computed,\n  contentChild,\n  effect,\n  inject,\n  input,\n  model,\n  output,\n  signal,\n  viewChild,\n} from \"@angular/core\";\nimport { IconButton, Listbox } from \"@lilydesignsystem/angular-headless\";\n\n/**\n * Default button icon: a bundled SVG (two pause bars), not a Unicode\n * character. Reversed 2026-09-16 from the font-dependent-glyph\n * convention (was U+23F8 PAUSE SIGN + U+FE0E, exported as `PAUSE_SIGN`\n * — removed, not renamed). \"Stop the moving parts\" still reads\n * directly from two bars; a bundled outline SVG matches the other four\n * picker icons as one consistent visual family regardless of the\n * consumer's fonts.\n */\n\n/** Context passed to a custom icon `<ng-template>` (the button icon). */\nexport type ChildArgs = {\n  /** Currently selected motion slug. */\n  value: string;\n  /** Is the listbox open? */\n  open: boolean;\n  /** Resolve a slug to its display label. */\n  labelFor: (motion: string) => string;\n};\n\n/**\n * Resolve a motion slug to its display label: each hyphen-separated\n * word title-cased, so a slug like \"no-preference\" renders as\n * \"No Preference\". Mirrors `sizeName` in text-size-picker and\n * `themeName` in theme-picker.\n */\nexport function motionName(motion: string): string {\n  return motion\n    .split(\"-\")\n    .map((word) => word.charAt(0).toUpperCase() + word.slice(1))\n    .join(\" \");\n}\n\n/**\n * True when the platform reports a preference for reduced motion.\n * SSR-safe: `window`/`matchMedia` are absent on the server, so this\n * resolves to `false` there and the client re-derives it on mount.\n */\nexport function prefersReducedMotion(): boolean {\n  if (typeof window === \"undefined\" || typeof window.matchMedia !== \"function\") {\n    return false;\n  }\n  try {\n    return window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n  } catch {\n    return false;\n  }\n}\n\nlet uid = 0;\n/** Stable per-instance id prefix; SSR-safe (no Math.random / Date.now). */\nexport function nextMotionPickerId(): string {\n  uid += 1;\n  return `motion-picker-${uid}`;\n}\n\n/**\n * Optional marker for the projected icon template. Gives consumers typed\n * `let-` variables:\n *\n * ```html\n * <lily-motion-picker ...>\n *   <ng-template lilyMotionPickerIcon let-args>{{ args.labelFor(args.value) }}</ng-template>\n * </lily-motion-picker>\n * ```\n *\n * The component queries any projected `<ng-template>`, so the marker is\n * for type-checking and readability, not for matching.\n */\n@Directive({\n  selector: \"ng-template[lilyMotionPickerIcon]\",\n  standalone: true,\n})\nexport class MotionPickerIcon {\n  static ngTemplateContextGuard(\n    _dir: MotionPickerIcon,\n    _ctx: unknown,\n  ): _ctx is ChildArgs & { $implicit: ChildArgs } {\n    return true;\n  }\n}\n\n/**\n * MotionPicker — `data-motion` reduced-motion picker.\n *\n * Renders an icon button that opens a WAI-ARIA APG listbox of motion\n * slugs. On every change the component sets `data-motion=\"{slug}\"` on\n * the document root (or on a consumer-supplied target), with optional\n * `localStorage` persistence. Its initial value defers to the\n * platform's `(prefers-reduced-motion: reduce)` media query before\n * falling back to a fixed default — the one behaviour difference from\n * its `theme-picker`/`text-size-picker` siblings. Ships no CSS; the\n * consumer decides what `[data-motion=\"reduce\"]` actually suppresses.\n * See `spec/index.md` for the full contract.\n */\n@Component({\n  selector: \"lily-motion-picker\",\n  standalone: true,\n  imports: [NgTemplateOutlet, IconButton, Listbox],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    \"(document:click)\": \"onDocumentClick($event)\",\n  },\n  template: `\n    <div\n      #rootEl\n      class=\"motion-picker {{ className() }}\"\n      (focusout)=\"onRootFocusOut($event)\"\n    >\n      <input type=\"hidden\" [name]=\"name()\" [value]=\"value()\" />\n\n      <lily-icon-button\n        #buttonEl\n        [label]=\"label()\"\n        baseClass=\"motion-picker-button\"\n        ariaHaspopup=\"listbox\"\n        [ariaExpanded]=\"open()\"\n        [ariaControls]=\"listId\"\n        (click)=\"toggle(); hoverButton.set(false)\"\n        (mouseenter)=\"onTooltipButtonEnter()\"\n        (mouseleave)=\"hoverButton.set(false)\"\n        (focusin)=\"onTooltipButtonFocusIn()\"\n        (focusout)=\"onTooltipButtonFocusOut()\"\n        (keydown)=\"onButtonKeydown($event); onTooltipKeydown($event)\"\n      >\n        @if (iconTemplate(); as tpl) {\n          <ng-container\n            [ngTemplateOutlet]=\"tpl\"\n            [ngTemplateOutletContext]=\"childContext()\"\n          />\n        } @else {\n          <svg\n            class=\"motion-picker-icon\"\n            viewBox=\"0 0 16 16\"\n            width=\"1.05rem\"\n            height=\"1.05rem\"\n            aria-hidden=\"true\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"1.6\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          >\n            <path d=\"M5 3v10M11 3v10\" />\n          </svg>\n        }\n      </lily-icon-button>\n\n      <!-- Purely visual: the same text is already the button's aria-label,\n           so it is not wired with aria-describedby (that would announce\n           the name twice). -->\n      <div\n        class=\"motion-picker-tooltip\"\n        role=\"tooltip\"\n        [id]=\"tooltipId\"\n        [attr.hidden]=\"tooltipVisible() ? null : ''\"\n        (mouseenter)=\"hoverTooltip.set(true)\"\n        (mouseleave)=\"hoverTooltip.set(false)\"\n      >{{ label() }}</div>\n\n      <lily-listbox\n        #listEl\n        [label]=\"label()\"\n        baseClass=\"motion-picker-list\"\n        [elementId]=\"listId\"\n        navigation=\"active-descendant\"\n        [clamp]=\"true\"\n        [typeahead]=\"true\"\n        [pageSize]=\"10\"\n        [(activeIndex)]=\"activeIndex\"\n        [hidden]=\"!open()\"\n        (activate)=\"choose($event)\"\n        (escape)=\"closeList()\"\n        (tabOut)=\"onListTabOut()\"\n      >\n        @for (motion of motions(); track motion; let i = $index) {\n          <li\n            class=\"motion-picker-option\"\n            [id]=\"optionId(i)\"\n            role=\"option\"\n            [attr.aria-selected]=\"motion === value()\"\n            [attr.data-active]=\"i === activeIndex() ? '' : null\"\n            (click)=\"choose(i)\"\n          >\n            {{ labelFor(motion) }}\n          </li>\n        }\n      </lily-listbox>\n    </div>\n  `,\n})\nexport class MotionPicker {\n  readonly label = input.required<string>();\n  readonly motions = input.required<string[]>();\n  readonly value = model<string>(\"\");\n  readonly defaultValue = input<string>(\"\");\n  readonly storageKey = input<string>(\"\");\n  readonly name = input<string>(\"motion\");\n  readonly target = input<HTMLElement | null>(null);\n  readonly motionLabels = input<Record<string, string>>({});\n  readonly className = input<string>(\"\");\n  readonly motionChange = output<string>();\n\n  /** Projected icon template; replaces the default icon when supplied. */\n  protected readonly iconTemplate = contentChild(TemplateRef);\n\n  private readonly rootRef =\n    viewChild.required<ElementRef<HTMLDivElement>>(\"rootEl\");\n  // Angular resolves a template-ref-variable on a component tag to the\n  // component INSTANCE by default (not its ElementRef) — exactly what's\n  // needed to call the headless components' own public `focus()` methods.\n  private readonly buttonRef = viewChild.required<IconButton>(\"buttonEl\");\n  private readonly listRef = viewChild.required<Listbox>(\"listEl\");\n\n  private readonly baseId = nextMotionPickerId();\n  protected readonly listId = `${this.baseId}-list`;\n\n  protected readonly open = signal(false);\n\n  // Tooltip: shown while the pointer is over the button or the tooltip\n  // itself (hoverable, WCAG 1.4.13) or while the button has keyboard\n  // focus; Escape dismisses it without moving focus; never shown while\n  // the popup is open, since the popup then explains the control.\n  protected readonly tooltipId = `${this.baseId}-tooltip`;\n  protected readonly hoverButton = signal(false);\n  protected readonly hoverTooltip = signal(false);\n  protected readonly focusButton = signal(false);\n  protected readonly dismissed = signal(false);\n  protected readonly tooltipVisible = computed(\n    () =>\n      !this.open() &&\n      !this.dismissed() &&\n      (this.hoverButton() || this.hoverTooltip() || this.focusButton()),\n  );\n\n  protected onTooltipButtonEnter(): void {\n    this.hoverButton.set(true);\n    this.dismissed.set(false);\n  }\n\n  protected onTooltipButtonFocusIn(): void {\n    // Keyboard focus only: a mouse click also focuses the button in\n    // Chromium, and the tooltip should not stick after a click.\n    try {\n      this.focusButton.set(\n        this.buttonRef().element?.matches(\":focus-visible\") ?? false,\n      );\n    } catch {\n      this.focusButton.set(true); // engine without :focus-visible — err towards showing\n    }\n  }\n\n  protected onTooltipButtonFocusOut(): void {\n    this.focusButton.set(false);\n    this.dismissed.set(false);\n  }\n\n  protected onTooltipKeydown(event: KeyboardEvent): void {\n    if (event.key === \"Escape\" && this.tooltipVisible()) this.dismissed.set(true);\n  }\n\n  // WCAG 1.4.13 \"dismissable\": while the tooltip is visible, Escape works\n  // wherever focus is (hover-only tooltips have focus elsewhere). The\n  // listener exists only while visible; the effect cleanup removes it on\n  // hide and on destroy. No preventDefault/stopPropagation, focus untouched.\n  private readonly tooltipEscapeListener = effect((onCleanup) => {\n    if (!this.tooltipVisible() || typeof document === \"undefined\") return;\n    const onKey = (event: KeyboardEvent): void => {\n      if (event.key === \"Escape\") this.dismissed.set(true);\n    };\n    document.addEventListener(\"keydown\", onKey);\n    onCleanup(() => document.removeEventListener(\"keydown\", onKey));\n  });\n  protected readonly activeIndex = signal(-1);\n\n  protected readonly childContext = computed(() => {\n    const args: ChildArgs = {\n      value: this.value(),\n      open: this.open(),\n      labelFor: (motion: string) => this.labelFor(motion),\n    };\n    return { $implicit: args, ...args };\n  });\n\n  private initialised = false;\n\n  constructor() {\n    effect(() => {\n      const current = this.value();\n\n      if (!this.initialised) {\n        this.initialised = true;\n        let initial = current;\n\n        const sk = this.storageKey();\n        if (!initial && sk) {\n          try {\n            initial =\n              (typeof localStorage !== \"undefined\"\n                ? localStorage.getItem(sk)\n                : null) ?? \"\";\n          } catch {\n            // ignore privacy errors\n          }\n        }\n\n        if (!initial) {\n          // Unlike text-size-picker's \"medium\" default, motion has a\n          // real external signal to defer to: the platform's own\n          // (prefers-reduced-motion: reduce) media query.\n          const motions = this.motions();\n          const dv = this.defaultValue();\n          const osPreferred = prefersReducedMotion() ? \"reduce\" : \"no-preference\";\n          initial =\n            dv ||\n            (motions.includes(osPreferred) ? osPreferred : undefined) ||\n            motions[0] ||\n            \"\";\n        }\n\n        if (initial && initial !== current) {\n          this.value.set(initial);\n          return;\n        }\n      }\n\n      if (current) this.applyMotion(current);\n    });\n  }\n\n  protected optionId(index: number): string {\n    return `${this.baseId}-option-${index}`;\n  }\n\n  labelFor(motion: string): string {\n    const labels = this.motionLabels();\n    if (motion in labels) return labels[motion];\n    return motionName(motion);\n  }\n\n  // ---------------------------------------------------------------\n  // Open / close\n  // ---------------------------------------------------------------\n\n  /** Under zoneless change detection the signal write that un-hides the\n   * list has not reached the DOM when a microtask runs, so focusing the\n   * still-hidden list fails silently and Escape lands on the button.\n   * Flushing detection first is the Angular equivalent of Svelte's\n   * synchronous update (same fix the date-time-picker port recorded). */\n  private readonly cdr = inject(ChangeDetectorRef);\n\n  protected toggle(): void {\n    if (this.open()) this.closeList();\n    else this.openList();\n  }\n\n  /** Open the listbox, activating `startIndex` (default: the selection). */\n  openList(startIndex?: number): void {\n    const selected = this.motions().indexOf(this.value());\n    // An empty list has no option to activate; -1 keeps\n    // aria-activedescendant off rather than pointing at an id that\n    // does not exist.\n    this.activeIndex.set(\n      this.motions().length === 0\n        ? -1\n        : (startIndex ?? (selected >= 0 ? selected : 0)),\n    );\n    this.open.set(true);\n    // Focus moves to the listbox; the active option is conveyed via\n    // aria-activedescendant, per the APG listbox pattern.\n    this.cdr.detectChanges();\n    queueMicrotask(() => {\n      this.listRef().focus({ preventScroll: true });\n      this.scrollActiveIntoView();\n    });\n  }\n\n  /** Close the listbox; `refocus` returns focus to the button. */\n  closeList(refocus = true): void {\n    if (!this.open()) return;\n    this.open.set(false);\n    this.activeIndex.set(-1);\n    if (refocus) queueMicrotask(() => this.buttonRef().focus({ preventScroll: true }));\n  }\n\n  protected choose(index: number): void {\n    const slug = this.motions()[index];\n    if (slug) this.value.set(slug);\n    this.closeList();\n  }\n\n  private scrollActiveIntoView(): void {\n    const i = this.activeIndex();\n    if (i < 0) return;\n    // getElementById rather than reaching into the composed Listbox's\n    // DOM: Listbox exposes behaviour (focus()) and state (activeIndex),\n    // not its rendered children, the same \"consumer owns the option\n    // elements\" division of responsibility the headless component\n    // documents for itself.\n    const el = document.getElementById(this.optionId(i));\n    // jsdom does not implement scrollIntoView; call it only if present.\n    el?.scrollIntoView?.({ block: \"nearest\" });\n  }\n\n  // Arrow/Home/End/PageUp/PageDown/typeahead/Escape/Tab keyboard handling\n  // inside the open list is owned by the composed `lily-listbox`'s\n  // `navigation=\"active-descendant\"` mode (see\n  // @lilydesignsystem/angular-headless); this component only decides\n  // what open/close/choose/scroll mean, and keeps the highlighted option\n  // in view whenever activeIndex changes.\n  private readonly scrollOnActiveIndexChange = effect(() => {\n    this.activeIndex();\n    this.scrollActiveIntoView();\n  });\n\n  // ---------------------------------------------------------------\n  // Keyboard\n  // ---------------------------------------------------------------\n\n  protected onButtonKeydown(event: KeyboardEvent): void {\n    switch (event.key) {\n      case \"ArrowDown\":\n      case \"Enter\":\n      case \" \":\n        event.preventDefault();\n        this.openList();\n        break;\n      case \"ArrowUp\":\n        event.preventDefault();\n        this.openList(this.motions().length - 1);\n        break;\n    }\n  }\n\n  /** `lily-listbox` Tab handling never prevents the key — focus goes to\n   * the button FIRST so the browser's default Tab move computes from\n   * the picker's position rather than from <body> (hiding the focused\n   * list drops focus there, and the browser would otherwise compute the\n   * default Tab move from the top of the document). */\n  protected onListTabOut(): void {\n    this.buttonRef().focus({ preventScroll: true });\n    this.closeList(false);\n  }\n\n  protected onRootFocusOut(event: FocusEvent): void {\n    const next = event.relatedTarget as Node | null;\n    if (next && this.rootRef().nativeElement.contains(next)) return;\n    this.closeList(false);\n  }\n\n  protected onDocumentClick(event: Event): void {\n    if (!this.open()) return;\n    const t = event.target as Node | null;\n    if (t && !this.rootRef().nativeElement.contains(t)) this.closeList(false);\n  }\n\n  // ---------------------------------------------------------------\n  // Apply\n  // ---------------------------------------------------------------\n\n  private applyMotion(slug: string): void {\n    if (typeof document === \"undefined\" || !slug) return;\n    (this.target() ?? document.documentElement).setAttribute(\n      \"data-motion\",\n      slug,\n    );\n\n    const sk = this.storageKey();\n    if (sk) {\n      try {\n        localStorage.setItem(sk, slug);\n      } catch {\n        // ignore quota / privacy errors\n      }\n    }\n    this.motionChange.emit(slug);\n  }\n}\n"],"mappings":"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"}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@lilydesignsystem/angular-motion-picker",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "engines": {
     "node": "=26"
   },
   "description": "Lily Design System Angular 20 motion (reduced-motion) picker: an icon button opening an APG listbox that sets data-motion on the document, defaulting to the OS's own prefers-reduced-motion signal. Headless, SSR-safe, no CSS.",
   "dependencies": {
-    "@lilydesignsystem/angular-headless": "^0.1.0",
+    "@lilydesignsystem/angular-headless": "^0.2.0",
     "tslib": "^2.3.0"
   },
   "peerDependencies": {

package/types/lilydesignsystem-angular-motion-picker.d.ts

@@ -1,6 +1,5 @@
-import * as _angular_core from '@angular/core';
-import { TemplateRef } from '@angular/core';
-
+import * as i0 from "@angular/core";
+import { TemplateRef } from "@angular/core";
 /**
  * Default button icon: a bundled SVG (two pause bars), not a Unicode
  * character. Reversed 2026-09-16 from the font-dependent-glyph
@@ -12,12 +11,12 @@ import { TemplateRef } from '@angular/core';
  */
 /** Context passed to a custom icon `<ng-template>` (the button icon). */
 type ChildArgs = {
-    /** Currently selected motion slug. */
-    value: string;
-    /** Is the listbox open? */
-    open: boolean;
-    /** Resolve a slug to its display label. */
-    labelFor: (motion: string) => string;
+  /** Currently selected motion slug. */
+  value: string;
+  /** Is the listbox open? */
+  open: boolean;
+  /** Resolve a slug to its display label. */
+  labelFor: (motion: string) => string;
 };
 /**
  * Resolve a motion slug to its display label: each hyphen-separated
@@ -25,15 +24,15 @@ type ChildArgs = {
  * "No Preference". Mirrors `sizeName` in text-size-picker and
  * `themeName` in theme-picker.
  */
-declare function motionName(motion: string): string;
+export declare function motionName(motion: string): string;
 /**
  * True when the platform reports a preference for reduced motion.
  * SSR-safe: `window`/`matchMedia` are absent on the server, so this
  * resolves to `false` there and the client re-derives it on mount.
  */
-declare function prefersReducedMotion(): boolean;
+export declare function prefersReducedMotion(): boolean;
 /** Stable per-instance id prefix; SSR-safe (no Math.random / Date.now). */
-declare function nextMotionPickerId(): string;
+export declare function nextMotionPickerId(): string;
 /**
  * Optional marker for the projected icon template. Gives consumers typed
  * `let-` variables:
@@ -47,12 +46,12 @@ declare function nextMotionPickerId(): string;
  * The component queries any projected `<ng-template>`, so the marker is
  * for type-checking and readability, not for matching.
  */
-declare class MotionPickerIcon {
-    static ngTemplateContextGuard(_dir: MotionPickerIcon, _ctx: unknown): _ctx is ChildArgs & {
-        $implicit: ChildArgs;
-    };
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MotionPickerIcon, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MotionPickerIcon, "ng-template[lilyMotionPickerIcon]", never, {}, {}, never, never, true, never>;
+export declare class MotionPickerIcon {
+  static ngTemplateContextGuard(_dir: MotionPickerIcon, _ctx: unknown): _ctx is ChildArgs & {
+    $implicit: ChildArgs;
+  };
+  static ɵfac: i0.ɵɵFactoryDeclaration<MotionPickerIcon, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<MotionPickerIcon, "ng-template[lilyMotionPickerIcon]", never, {}, {}, never, never, true, never>;
 }
 /**
  * MotionPicker — `data-motion` reduced-motion picker.
@@ -67,67 +66,125 @@ declare class MotionPickerIcon {
  * consumer decides what `[data-motion="reduce"]` actually suppresses.
  * See `spec/index.md` for the full contract.
  */
-declare class MotionPicker {
-    readonly label: _angular_core.InputSignal<string>;
-    readonly motions: _angular_core.InputSignal<string[]>;
-    readonly value: _angular_core.ModelSignal<string>;
-    readonly defaultValue: _angular_core.InputSignal<string>;
-    readonly storageKey: _angular_core.InputSignal<string>;
-    readonly name: _angular_core.InputSignal<string>;
-    readonly target: _angular_core.InputSignal<HTMLElement | null>;
-    readonly motionLabels: _angular_core.InputSignal<Record<string, string>>;
-    readonly className: _angular_core.InputSignal<string>;
-    readonly motionChange: _angular_core.OutputEmitterRef<string>;
-    /** Projected icon template; replaces the default icon when supplied. */
-    protected readonly iconTemplate: _angular_core.Signal<TemplateRef<any> | undefined>;
-    private readonly rootRef;
-    private readonly buttonRef;
-    private readonly listRef;
-    private readonly baseId;
-    protected readonly listId: string;
-    protected readonly open: _angular_core.WritableSignal<boolean>;
-    protected readonly activeIndex: _angular_core.WritableSignal<number>;
-    protected readonly childContext: _angular_core.Signal<{
-        /** Currently selected motion slug. */
-        value: string;
-        /** Is the listbox open? */
-        open: boolean;
-        /** Resolve a slug to its display label. */
-        labelFor: (motion: string) => string;
-        $implicit: ChildArgs;
-    }>;
-    private initialised;
-    constructor();
-    protected optionId(index: number): string;
-    labelFor(motion: string): string;
-    /** Under zoneless change detection the signal write that un-hides the
-     * list has not reached the DOM when a microtask runs, so focusing the
-     * still-hidden list fails silently and Escape lands on the button.
-     * Flushing detection first is the Angular equivalent of Svelte's
-     * synchronous update (same fix the date-time-picker port recorded). */
-    private readonly cdr;
-    protected toggle(): void;
-    /** Open the listbox, activating `startIndex` (default: the selection). */
-    openList(startIndex?: number): void;
-    /** Close the listbox; `refocus` returns focus to the button. */
-    closeList(refocus?: boolean): void;
-    protected choose(index: number): void;
-    private scrollActiveIntoView;
-    private readonly scrollOnActiveIndexChange;
-    protected onButtonKeydown(event: KeyboardEvent): void;
-    /** `lily-listbox` Tab handling never prevents the key — focus goes to
-     * the button FIRST so the browser's default Tab move computes from
-     * the picker's position rather than from <body> (hiding the focused
-     * list drops focus there, and the browser would otherwise compute the
-     * default Tab move from the top of the document). */
-    protected onListTabOut(): void;
-    protected onRootFocusOut(event: FocusEvent): void;
-    protected onDocumentClick(event: Event): void;
-    private applyMotion;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MotionPicker, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MotionPicker, "lily-motion-picker", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "motions": { "alias": "motions"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "storageKey": { "alias": "storageKey"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "motionLabels": { "alias": "motionLabels"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "motionChange": "motionChange"; }, ["iconTemplate"], never, true, never>;
+export declare class MotionPicker {
+  readonly label: import("@angular/core").InputSignal<string>;
+  readonly motions: import("@angular/core").InputSignal<string[]>;
+  readonly value: import("@angular/core").ModelSignal<string>;
+  readonly defaultValue: import("@angular/core").InputSignal<string>;
+  readonly storageKey: import("@angular/core").InputSignal<string>;
+  readonly name: import("@angular/core").InputSignal<string>;
+  readonly target: import("@angular/core").InputSignal<HTMLElement | null>;
+  readonly motionLabels: import("@angular/core").InputSignal<Record<string, string>>;
+  readonly className: import("@angular/core").InputSignal<string>;
+  readonly motionChange: import("@angular/core").OutputEmitterRef<string>;
+  /** Projected icon template; replaces the default icon when supplied. */
+  protected readonly iconTemplate: import("@angular/core").Signal<TemplateRef<any> | undefined>;
+  private readonly rootRef;
+  private readonly buttonRef;
+  private readonly listRef;
+  private readonly baseId;
+  protected readonly listId: string;
+  protected readonly open: import("@angular/core").WritableSignal<boolean>;
+  protected readonly tooltipId: string;
+  protected readonly hoverButton: import("@angular/core").WritableSignal<boolean>;
+  protected readonly hoverTooltip: import("@angular/core").WritableSignal<boolean>;
+  protected readonly focusButton: import("@angular/core").WritableSignal<boolean>;
+  protected readonly dismissed: import("@angular/core").WritableSignal<boolean>;
+  protected readonly tooltipVisible: import("@angular/core").Signal<boolean>;
+  protected onTooltipButtonEnter(): void;
+  protected onTooltipButtonFocusIn(): void;
+  protected onTooltipButtonFocusOut(): void;
+  protected onTooltipKeydown(event: KeyboardEvent): void;
+  private readonly tooltipEscapeListener;
+  protected readonly activeIndex: import("@angular/core").WritableSignal<number>;
+  protected readonly childContext: import("@angular/core").Signal<{
+    /** Currently selected motion slug. */
+    value: string;
+    /** Is the listbox open? */
+    open: boolean;
+    /** Resolve a slug to its display label. */
+    labelFor: (motion: string) => string;
+    $implicit: ChildArgs;
+  }>;
+  private initialised;
+  constructor();
+  protected optionId(index: number): string;
+  labelFor(motion: string): string;
+  /** Under zoneless change detection the signal write that un-hides the
+   * list has not reached the DOM when a microtask runs, so focusing the
+   * still-hidden list fails silently and Escape lands on the button.
+   * Flushing detection first is the Angular equivalent of Svelte's
+   * synchronous update (same fix the date-time-picker port recorded). */
+  private readonly cdr;
+  protected toggle(): void;
+  /** Open the listbox, activating `startIndex` (default: the selection). */
+  openList(startIndex?: number): void;
+  /** Close the listbox; `refocus` returns focus to the button. */
+  closeList(refocus?: boolean): void;
+  protected choose(index: number): void;
+  private scrollActiveIntoView;
+  private readonly scrollOnActiveIndexChange;
+  protected onButtonKeydown(event: KeyboardEvent): void;
+  /** `lily-listbox` Tab handling never prevents the key — focus goes to
+   * the button FIRST so the browser's default Tab move computes from
+   * the picker's position rather than from <body> (hiding the focused
+   * list drops focus there, and the browser would otherwise compute the
+   * default Tab move from the top of the document). */
+  protected onListTabOut(): void;
+  protected onRootFocusOut(event: FocusEvent): void;
+  protected onDocumentClick(event: Event): void;
+  private applyMotion;
+  static ɵfac: i0.ɵɵFactoryDeclaration<MotionPicker, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<MotionPicker, "lily-motion-picker", never, {
+    "label": {
+      "alias": "label";
+      "required": true;
+      "isSignal": true;
+    };
+    "motions": {
+      "alias": "motions";
+      "required": true;
+      "isSignal": true;
+    };
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "defaultValue": {
+      "alias": "defaultValue";
+      "required": false;
+      "isSignal": true;
+    };
+    "storageKey": {
+      "alias": "storageKey";
+      "required": false;
+      "isSignal": true;
+    };
+    "name": {
+      "alias": "name";
+      "required": false;
+      "isSignal": true;
+    };
+    "target": {
+      "alias": "target";
+      "required": false;
+      "isSignal": true;
+    };
+    "motionLabels": {
+      "alias": "motionLabels";
+      "required": false;
+      "isSignal": true;
+    };
+    "className": {
+      "alias": "className";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "value": "valueChange";
+    "motionChange": "motionChange";
+  }, ["iconTemplate"], never, true, never>;
 }
-
-export { MotionPicker, MotionPickerIcon, motionName, nextMotionPickerId, prefersReducedMotion };
 export type { ChildArgs };
-//# sourceMappingURL=lilydesignsystem-angular-motion-picker.d.ts.map
+//# sourceMappingURL=lilydesignsystem-angular-motion-picker.d.ts.map

package/types/lilydesignsystem-angular-motion-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lilydesignsystem-angular-motion-picker.d.ts","sources":["../../motion-picker.component.ts"],"mappings":";;;AAoBA;;;;;;;;AAQG;AAEH;AACM,KAAM,SAAS;;;;;;AAMnB;;AAGF;;;;;AAKG;AACH,iBAAgB,UAAU;AAO1B;;;;AAIG;AACH,iBAAgB,oBAAoB;AAYpC;AACA,iBAAgB,kBAAkB;AAKlC;;;;;;;;;;;;AAYG;AACH,cAIa,gBAAgB;AAC3B,wCACQ,gBAAgB,0BAEb,SAAS;mBAAgB,SAAS;AAAE;oDAJpC,gBAAgB;sDAAhB,gBAAgB;AAO5B;AAED;;;;;;;;;;;;AAYG;AACH,cAgFa,YAAY;oBACT,aAAA,CAAA,WAAA;sBACE,aAAA,CAAA,WAAA;oBACF,aAAA,CAAA,WAAA;2BACO,aAAA,CAAA,WAAA;yBACF,aAAA,CAAA,WAAA;mBACN,aAAA,CAAA,WAAA;qBACE,aAAA,CAAA,WAAA,CAAA,WAAA;2BACM,aAAA,CAAA,WAAA,CAAA,MAAA;wBACH,aAAA,CAAA,WAAA;2BACG,aAAA,CAAA,gBAAA;;AAGrB,qCAA+B,aAAA,CAAA,MAAA,CAAA,WAAA;AAE/B;AAKA;AACA;AAEA;AACA;AAEA,6BAAuB,aAAA,CAAA,cAAA;AACvB,oCAA8B,aAAA,CAAA,cAAA;qCAEC,aAAA,CAAA,MAAA;;;;;;AA3LrB;;AAkMP;;;AAgDH;AAIA;AAUA;;;;AAIuE;AACvE;;;AAQA;;AAqBA;AAOA;AAMA;AAmBA;AASA,qCAAiC,aAAa;AAe9C;;;;AAIqD;;AAMrD,oCAAgC,UAAU;AAM1C,qCAAiC,KAAK;AAUtC;oDAtNW,YAAY;sDAAZ,YAAY;AAuOxB;;","names":[]}
+{"version":3,"file":"lilydesignsystem-angular-motion-picker.d.ts","names":[],"sources":["../../motion-picker.component.ts"],"mappings":";;;;;;;;;;;;KA+BY;;EAEV;;EAEA;;EAEA,WAAW;;;;;;;;wBASG,WAAW;;;;;;wBAYX;;wBAaA;;;;;;;;;;;;;;qBAsBH;SACJ,uBACL,MAAM,kBACN,gBACC,QAAQ;IAAc,WAAW;;SAJzB,MAAA,GAAA,qBAAA;SAAA,MAAA,GAAA,uBAAA;;;;;;;;;;;;;;;qBAsHA;WACF,+BAAK;WACL,iCAAO;WACP,+BAAK;WACL,sCAAY;WACZ,oCAAU;WACV,8BAAI;WACJ,gCAAM,YAAA;WACN,sCAAY,YAAA;WACZ,mCAAS;WACT,sCAAY;;qBAGF,sCAAY,OAAA;mBAEd;mBAKA;mBACA;mBAEA;qBACE;qBAEA,8BAAI;qBAMJ;qBACA,qCAAW;qBACX,sCAAY;qBACZ,qCAAW;qBACX,mCAAS;qBACT,wCAAc;YAOvB;YAKA;YAYA;YAKA,iBAAiB,OAAO;mBAQjB;qBAQE,qCAAW;qBAEX,sCAAY;;IAtQxB;;IAED;;IAEI,WAAC;;;UA2QH;;YA8CE,SAAS;EAInB,SAAS;;;;;;mBAeQ;YAEP;;EAMV,SAAS;;EAqBT,UAAU;YAOA,OAAO;UAMT;mBAmBS;YASP,gBAAgB,OAAO;;;;;;YAoBvB;YAKA,eAAe,OAAO;YAMtB,gBAAgB,OAAO;UAUzB;SA7QG,MAAA,GAAA,qBAAA;SAAA,MAAA,GAAA,uBAAA;IAAY;MAAA;MAAA;MAAA;;IAAA;MAAA;MAAA;MAAA;;IAAA;MAAA;MAAA;MAAA;;IAAA;MAAA;MAAA;MAAA;;IAAA;MAAA;MAAA;MAAA;;IAAA;MAAA;MAAA;MAAA;;IAAA;MAAA;MAAA;MAAA;;IAAA;MAAA;MAAA;MAAA;;IAAA;MAAA;MAAA;MAAA;;;IAAA;IAAA"}