@lilydesignsystem/angular-motion-picker 0.1.0

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

@@ -0,0 +1,536 @@
+import { NgTemplateOutlet } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Directive, input, model, output, contentChild, TemplateRef, viewChild, signal, computed, inject, ChangeDetectorRef, DestroyRef, effect, ChangeDetectionStrategy, Component } from '@angular/core';
+
+/**
+ * Resolve a motion slug to its display label: each hyphen-separated
+ * word title-cased, so a slug like "no-preference" renders as
+ * "No Preference". Mirrors `sizeName` in text-size-picker and
+ * `themeName` in theme-picker.
+ */
+function motionName(motion) {
+    return motion
+        .split("-")
+        .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
+        .join(" ");
+}
+/**
+ * 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.
+ */
+function prefersReducedMotion() {
+    if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
+        return false;
+    }
+    try {
+        return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+    }
+    catch {
+        return false;
+    }
+}
+let uid = 0;
+/** Stable per-instance id prefix; SSR-safe (no Math.random / Date.now). */
+function nextMotionPickerId() {
+    uid += 1;
+    return `motion-picker-${uid}`;
+}
+/**
+ * Optional marker for the projected icon template. Gives consumers typed
+ * `let-` variables:
+ *
+ * ```html
+ * <lily-motion-picker ...>
+ *   <ng-template lilyMotionPickerIcon let-args>{{ args.labelFor(args.value) }}</ng-template>
+ * </lily-motion-picker>
+ * ```
+ *
+ * The component queries any projected `<ng-template>`, so the marker is
+ * for type-checking and readability, not for matching.
+ */
+class MotionPickerIcon {
+    static ngTemplateContextGuard(_dir, _ctx) {
+        return true;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: MotionPickerIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.4", type: MotionPickerIcon, isStandalone: true, selector: "ng-template[lilyMotionPickerIcon]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: MotionPickerIcon, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "ng-template[lilyMotionPickerIcon]",
+                    standalone: true,
+                }]
+        }] });
+/**
+ * MotionPicker — `data-motion` reduced-motion picker.
+ *
+ * Renders an icon button that opens a WAI-ARIA APG listbox of motion
+ * slugs. On every change the component sets `data-motion="{slug}"` on
+ * the document root (or on a consumer-supplied target), with optional
+ * `localStorage` persistence. Its initial value defers to the
+ * platform's `(prefers-reduced-motion: reduce)` media query before
+ * falling back to a fixed default — the one behaviour difference from
+ * its `theme-picker`/`text-size-picker` siblings. Ships no CSS; the
+ * consumer decides what `[data-motion="reduce"]` actually suppresses.
+ * See `spec/index.md` for the full contract.
+ */
+class MotionPicker {
+    constructor() {
+        this.label = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+        this.motions = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "motions" }] : /* istanbul ignore next */ []));
+        this.value = model("", /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+        this.defaultValue = input("", /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "defaultValue" }] : /* istanbul ignore next */ []));
+        this.storageKey = input("", /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "storageKey" }] : /* istanbul ignore next */ []));
+        this.name = input("motion", /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
+        this.target = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "target" }] : /* istanbul ignore next */ []));
+        this.motionLabels = input({}, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "motionLabels" }] : /* istanbul ignore next */ []));
+        this.className = input("", /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "className" }] : /* istanbul ignore next */ []));
+        this.motionChange = output();
+        /** Projected icon template; replaces the default icon when supplied. */
+        this.iconTemplate = contentChild(TemplateRef, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "iconTemplate" }] : /* istanbul ignore next */ []));
+        this.rootRef = viewChild.required("rootEl", /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "rootRef" }] : /* istanbul ignore next */ []));
+        this.buttonRef = viewChild.required("buttonEl", /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "buttonRef" }] : /* istanbul ignore next */ []));
+        this.listRef = viewChild.required("listEl", /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "listRef" }] : /* istanbul ignore next */ []));
+        this.baseId = nextMotionPickerId();
+        this.listId = `${this.baseId}-list`;
+        this.open = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
+        this.activeIndex = signal(-1, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "activeIndex" }] : /* istanbul ignore next */ []));
+        /** `aria-activedescendant` is only meaningful while the listbox is open. */
+        this.activeDescendant = computed(() => {
+            const i = this.activeIndex();
+            return this.open() && i >= 0 ? this.optionId(i) : null;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "activeDescendant" }] : /* istanbul ignore next */ []));
+        this.childContext = computed(() => {
+            const args = {
+                value: this.value(),
+                open: this.open(),
+                labelFor: (motion) => this.labelFor(motion),
+            };
+            return { $implicit: args, ...args };
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "childContext" }] : /* istanbul ignore next */ []));
+        // Typeahead buffer: APG listbox behaviour. Reset after a pause.
+        this.typeahead = "";
+        this.initialised = false;
+        // ---------------------------------------------------------------
+        // Open / close
+        // ---------------------------------------------------------------
+        /** 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). */
+        this.cdr = inject(ChangeDetectorRef);
+        inject(DestroyRef).onDestroy(() => clearTimeout(this.typeaheadTimer));
+        effect(() => {
+            const current = this.value();
+            if (!this.initialised) {
+                this.initialised = true;
+                let initial = current;
+                const sk = this.storageKey();
+                if (!initial && sk) {
+                    try {
+                        initial =
+                            (typeof localStorage !== "undefined"
+                                ? localStorage.getItem(sk)
+                                : null) ?? "";
+                    }
+                    catch {
+                        // ignore privacy errors
+                    }
+                }
+                if (!initial) {
+                    // Unlike text-size-picker's "medium" default, motion has a
+                    // real external signal to defer to: the platform's own
+                    // (prefers-reduced-motion: reduce) media query.
+                    const motions = this.motions();
+                    const dv = this.defaultValue();
+                    const osPreferred = prefersReducedMotion() ? "reduce" : "no-preference";
+                    initial =
+                        dv ||
+                            (motions.includes(osPreferred) ? osPreferred : undefined) ||
+                            motions[0] ||
+                            "";
+                }
+                if (initial && initial !== current) {
+                    this.value.set(initial);
+                    return;
+                }
+            }
+            if (current)
+                this.applyMotion(current);
+        });
+    }
+    optionId(index) {
+        return `${this.baseId}-option-${index}`;
+    }
+    labelFor(motion) {
+        const labels = this.motionLabels();
+        if (motion in labels)
+            return labels[motion];
+        return motionName(motion);
+    }
+    toggle() {
+        if (this.open())
+            this.closeList();
+        else
+            this.openList();
+    }
+    /** Open the listbox, activating `startIndex` (default: the selection). */
+    openList(startIndex) {
+        const selected = this.motions().indexOf(this.value());
+        // An empty list has no option to activate; -1 keeps
+        // aria-activedescendant off rather than pointing at an id that
+        // does not exist.
+        this.activeIndex.set(this.motions().length === 0
+            ? -1
+            : (startIndex ?? (selected >= 0 ? selected : 0)));
+        this.open.set(true);
+        // Focus moves to the listbox; the active option is conveyed via
+        // aria-activedescendant, per the APG listbox pattern.
+        this.cdr.detectChanges();
+        queueMicrotask(() => {
+            this.listRef().nativeElement.focus({ preventScroll: true });
+            this.scrollActiveIntoView();
+        });
+    }
+    /** Close the listbox; `refocus` returns focus to the button. */
+    closeList(refocus = true) {
+        if (!this.open())
+            return;
+        this.open.set(false);
+        this.activeIndex.set(-1);
+        if (refocus)
+            queueMicrotask(() => this.buttonRef().nativeElement.focus({ preventScroll: true }));
+    }
+    choose(index) {
+        const slug = this.motions()[index];
+        if (slug)
+            this.value.set(slug);
+        this.closeList();
+    }
+    scrollActiveIntoView() {
+        const i = this.activeIndex();
+        if (i < 0)
+            return;
+        const el = this.listRef().nativeElement.children[i];
+        // jsdom does not implement scrollIntoView; call it only if present.
+        el?.scrollIntoView?.({ block: "nearest" });
+    }
+    moveActive(delta) {
+        const count = this.motions().length;
+        if (count === 0)
+            return;
+        // Clamp rather than wrap, per the APG listbox pattern.
+        this.activeIndex.set(Math.min(Math.max(this.activeIndex() + delta, 0), count - 1));
+        this.scrollActiveIntoView();
+    }
+    runTypeahead(char) {
+        const lower = char.toLowerCase();
+        // APG listbox typeahead: a single character moves to the NEXT
+        // option starting with it, and repeating that character keeps
+        // cycling. Only a buffer of differing characters refines the
+        // match, and that buffer stays anchored on the active option.
+        const sameCharRun = this.typeahead === "" || [...this.typeahead].every((c) => c === lower);
+        this.typeahead += lower;
+        clearTimeout(this.typeaheadTimer);
+        this.typeaheadTimer = setTimeout(() => (this.typeahead = ""), 500);
+        const query = sameCharRun ? lower : this.typeahead;
+        const motions = this.motions();
+        const anchor = this.activeIndex() < 0 ? 0 : this.activeIndex();
+        const start = sameCharRun ? anchor + 1 : anchor;
+        // Search forward, wrapping once — typeahead wraps even though the
+        // arrows clamp, or options above the cursor would be untypable.
+        for (let n = 0; n < motions.length; n++) {
+            const i = (start + n) % motions.length;
+            if (this.labelFor(motions[i]).toLowerCase().startsWith(query)) {
+                this.activeIndex.set(i);
+                this.scrollActiveIntoView();
+                return;
+            }
+        }
+    }
+    // ---------------------------------------------------------------
+    // Keyboard
+    // ---------------------------------------------------------------
+    onButtonKeydown(event) {
+        switch (event.key) {
+            case "ArrowDown":
+            case "Enter":
+            case " ":
+                event.preventDefault();
+                this.openList();
+                break;
+            case "ArrowUp":
+                event.preventDefault();
+                this.openList(this.motions().length - 1);
+                break;
+        }
+    }
+    onListKeydown(event) {
+        switch (event.key) {
+            case "ArrowDown":
+                event.preventDefault();
+                this.moveActive(1);
+                break;
+            case "ArrowUp":
+                event.preventDefault();
+                this.moveActive(-1);
+                break;
+            case "Home":
+                event.preventDefault();
+                this.activeIndex.set(0);
+                this.scrollActiveIntoView();
+                break;
+            case "End":
+                event.preventDefault();
+                this.activeIndex.set(this.motions().length - 1);
+                this.scrollActiveIntoView();
+                break;
+            case "Enter":
+            case " ":
+                event.preventDefault();
+                if (this.activeIndex() >= 0)
+                    this.choose(this.activeIndex());
+                break;
+            case "Escape":
+                event.preventDefault();
+                this.closeList();
+                break;
+            case "PageUp":
+                event.preventDefault();
+                this.moveActive(-10);
+                break;
+            case "PageDown":
+                // ±10, clamped: an APG-optional key for long motion lists.
+                event.preventDefault();
+                this.moveActive(10);
+                break;
+            case "Tab":
+                // Tab moves on — but focus goes to the button FIRST, without
+                // cancelling the key. Hiding the focused list drops focus to
+                // <body>, and the browser then computes the default Tab move
+                // from the top of the document, so tabbing out of an open
+                // picker teleported the user to the page's first tab stop.
+                // From the button, the default Tab lands exactly where leaving
+                // the picker should. The button always exists, so no
+                // detectChanges is needed before the focus move; guard the
+                // METHOD because jsdom-shaped hosts may not implement it.
+                this.buttonRef().nativeElement.focus?.({ preventScroll: true });
+                this.closeList(false);
+                break;
+            default:
+                if (event.key.length === 1 &&
+                    !event.ctrlKey &&
+                    !event.metaKey &&
+                    !event.altKey) {
+                    this.runTypeahead(event.key);
+                }
+        }
+    }
+    onRootFocusOut(event) {
+        const next = event.relatedTarget;
+        if (next && this.rootRef().nativeElement.contains(next))
+            return;
+        this.closeList(false);
+    }
+    onDocumentClick(event) {
+        if (!this.open())
+            return;
+        const t = event.target;
+        if (t && !this.rootRef().nativeElement.contains(t))
+            this.closeList(false);
+    }
+    // ---------------------------------------------------------------
+    // Apply
+    // ---------------------------------------------------------------
+    applyMotion(slug) {
+        if (typeof document === "undefined" || !slug)
+            return;
+        (this.target() ?? document.documentElement).setAttribute("data-motion", slug);
+        const sk = this.storageKey();
+        if (sk) {
+            try {
+                localStorage.setItem(sk, slug);
+            }
+            catch {
+                // ignore quota / privacy errors
+            }
+        }
+        this.motionChange.emit(slug);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: MotionPicker, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: MotionPicker, isStandalone: true, selector: "lily-motion-picker", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, motions: { classPropertyName: "motions", publicName: "motions", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null }, storageKey: { classPropertyName: "storageKey", publicName: "storageKey", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, motionLabels: { classPropertyName: "motionLabels", publicName: "motionLabels", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", motionChange: "motionChange" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, queries: [{ propertyName: "iconTemplate", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "rootRef", first: true, predicate: ["rootEl"], descendants: true, isSignal: true }, { propertyName: "buttonRef", first: true, predicate: ["buttonEl"], descendants: true, isSignal: true }, { propertyName: "listRef", first: true, predicate: ["listEl"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    <div
+      #rootEl
+      class="motion-picker {{ className() }}"
+      (focusout)="onRootFocusOut($event)"
+    >
+      <input type="hidden" [name]="name()" [value]="value()" />
+
+      <button
+        #buttonEl
+        type="button"
+        class="motion-picker-button"
+        [attr.aria-label]="label() || null"
+        aria-haspopup="listbox"
+        [attr.aria-expanded]="open()"
+        [attr.aria-controls]="listId"
+        (click)="toggle()"
+        (keydown)="onButtonKeydown($event)"
+      >
+        @if (iconTemplate(); as tpl) {
+          <ng-container
+            [ngTemplateOutlet]="tpl"
+            [ngTemplateOutletContext]="childContext()"
+          />
+        } @else {
+          <svg
+            class="motion-picker-icon"
+            viewBox="0 0 16 16"
+            width="1.05rem"
+            height="1.05rem"
+            aria-hidden="true"
+            fill="none"
+            stroke="currentColor"
+            stroke-width="1.6"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+          >
+            <path d="M5 3v10M11 3v10" />
+          </svg>
+        }
+      </button>
+
+      <ul
+        #listEl
+        class="motion-picker-list"
+        [id]="listId"
+        role="listbox"
+        [attr.aria-label]="label() || null"
+        [attr.aria-activedescendant]="activeDescendant()"
+        tabindex="-1"
+        [attr.hidden]="open() ? null : ''"
+        (keydown)="onListKeydown($event)"
+      >
+        @for (motion of motions(); track motion; let i = $index) {
+          <li
+            class="motion-picker-option"
+            [id]="optionId(i)"
+            role="option"
+            [attr.aria-selected]="motion === value()"
+            [attr.data-active]="i === activeIndex() ? '' : null"
+            (click)="choose(i)"
+          >
+            {{ labelFor(motion) }}
+          </li>
+        }
+      </ul>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: MotionPicker, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "lily-motion-picker",
+                    standalone: true,
+                    imports: [NgTemplateOutlet],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        "(document:click)": "onDocumentClick($event)",
+                    },
+                    template: `
+    <div
+      #rootEl
+      class="motion-picker {{ className() }}"
+      (focusout)="onRootFocusOut($event)"
+    >
+      <input type="hidden" [name]="name()" [value]="value()" />
+
+      <button
+        #buttonEl
+        type="button"
+        class="motion-picker-button"
+        [attr.aria-label]="label() || null"
+        aria-haspopup="listbox"
+        [attr.aria-expanded]="open()"
+        [attr.aria-controls]="listId"
+        (click)="toggle()"
+        (keydown)="onButtonKeydown($event)"
+      >
+        @if (iconTemplate(); as tpl) {
+          <ng-container
+            [ngTemplateOutlet]="tpl"
+            [ngTemplateOutletContext]="childContext()"
+          />
+        } @else {
+          <svg
+            class="motion-picker-icon"
+            viewBox="0 0 16 16"
+            width="1.05rem"
+            height="1.05rem"
+            aria-hidden="true"
+            fill="none"
+            stroke="currentColor"
+            stroke-width="1.6"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+          >
+            <path d="M5 3v10M11 3v10" />
+          </svg>
+        }
+      </button>
+
+      <ul
+        #listEl
+        class="motion-picker-list"
+        [id]="listId"
+        role="listbox"
+        [attr.aria-label]="label() || null"
+        [attr.aria-activedescendant]="activeDescendant()"
+        tabindex="-1"
+        [attr.hidden]="open() ? null : ''"
+        (keydown)="onListKeydown($event)"
+      >
+        @for (motion of motions(); track motion; let i = $index) {
+          <li
+            class="motion-picker-option"
+            [id]="optionId(i)"
+            role="option"
+            [attr.aria-selected]="motion === value()"
+            [attr.data-active]="i === activeIndex() ? '' : null"
+            (click)="choose(i)"
+          >
+            {{ labelFor(motion) }}
+          </li>
+        }
+      </ul>
+    </div>
+  `,
+                }]
+        }], ctorParameters: () => [], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], motions: [{ type: i0.Input, args: [{ isSignal: true, alias: "motions", required: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], defaultValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultValue", required: false }] }], storageKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "storageKey", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], target: [{ type: i0.Input, args: [{ isSignal: true, alias: "target", required: false }] }], motionLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "motionLabels", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }], motionChange: [{ type: i0.Output, args: ["motionChange"] }], iconTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }], rootRef: [{ type: i0.ViewChild, args: ["rootEl", { isSignal: true }] }], buttonRef: [{ type: i0.ViewChild, args: ["buttonEl", { isSignal: true }] }], listRef: [{ type: i0.ViewChild, args: ["listEl", { isSignal: true }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MotionPicker, MotionPickerIcon, motionName, nextMotionPickerId, prefersReducedMotion };
+//# sourceMappingURL=lilydesignsystem-angular-motion-picker.mjs.map

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

@@ -0,0 +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  DestroyRef,\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\";\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],\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      <button\n        #buttonEl\n        type=\"button\"\n        class=\"motion-picker-button\"\n        [attr.aria-label]=\"label() || null\"\n        aria-haspopup=\"listbox\"\n        [attr.aria-expanded]=\"open()\"\n        [attr.aria-controls]=\"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      </button>\n\n      <ul\n        #listEl\n        class=\"motion-picker-list\"\n        [id]=\"listId\"\n        role=\"listbox\"\n        [attr.aria-label]=\"label() || null\"\n        [attr.aria-activedescendant]=\"activeDescendant()\"\n        tabindex=\"-1\"\n        [attr.hidden]=\"open() ? null : ''\"\n        (keydown)=\"onListKeydown($event)\"\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      </ul>\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  private readonly buttonRef =\n    viewChild.required<ElementRef<HTMLButtonElement>>(\"buttonEl\");\n  private readonly listRef =\n    viewChild.required<ElementRef<HTMLUListElement>>(\"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  /** `aria-activedescendant` is only meaningful while the listbox is open. */\n  protected readonly activeDescendant = computed(() => {\n    const i = this.activeIndex();\n    return this.open() && i >= 0 ? this.optionId(i) : null;\n  });\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  // Typeahead buffer: APG listbox behaviour. Reset after a pause.\n  private typeahead = \"\";\n  private typeaheadTimer: ReturnType<typeof setTimeout> | undefined;\n\n  private initialised = false;\n\n  constructor() {\n    inject(DestroyRef).onDestroy(() => clearTimeout(this.typeaheadTimer));\n\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().nativeElement.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().nativeElement.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    const el = this.listRef().nativeElement.children[i] as\n      HTMLElement | undefined;\n    // jsdom does not implement scrollIntoView; call it only if present.\n    el?.scrollIntoView?.({ block: \"nearest\" });\n  }\n\n  private moveActive(delta: number): void {\n    const count = this.motions().length;\n    if (count === 0) return;\n    // Clamp rather than wrap, per the APG listbox pattern.\n    this.activeIndex.set(\n      Math.min(Math.max(this.activeIndex() + delta, 0), count - 1),\n    );\n    this.scrollActiveIntoView();\n  }\n\n  private runTypeahead(char: string): void {\n    const lower = char.toLowerCase();\n    // APG listbox typeahead: a single character moves to the NEXT\n    // option starting with it, and repeating that character keeps\n    // cycling. Only a buffer of differing characters refines the\n    // match, and that buffer stays anchored on the active option.\n    const sameCharRun =\n      this.typeahead === \"\" || [...this.typeahead].every((c) => c === lower);\n    this.typeahead += lower;\n    clearTimeout(this.typeaheadTimer);\n    this.typeaheadTimer = setTimeout(() => (this.typeahead = \"\"), 500);\n    const query = sameCharRun ? lower : this.typeahead;\n    const motions = this.motions();\n    const anchor = this.activeIndex() < 0 ? 0 : this.activeIndex();\n    const start = sameCharRun ? anchor + 1 : anchor;\n    // Search forward, wrapping once — typeahead wraps even though the\n    // arrows clamp, or options above the cursor would be untypable.\n    for (let n = 0; n < motions.length; n++) {\n      const i = (start + n) % motions.length;\n      if (this.labelFor(motions[i]).toLowerCase().startsWith(query)) {\n        this.activeIndex.set(i);\n        this.scrollActiveIntoView();\n        return;\n      }\n    }\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  protected onListKeydown(event: KeyboardEvent): void {\n    switch (event.key) {\n      case \"ArrowDown\":\n        event.preventDefault();\n        this.moveActive(1);\n        break;\n      case \"ArrowUp\":\n        event.preventDefault();\n        this.moveActive(-1);\n        break;\n      case \"Home\":\n        event.preventDefault();\n        this.activeIndex.set(0);\n        this.scrollActiveIntoView();\n        break;\n      case \"End\":\n        event.preventDefault();\n        this.activeIndex.set(this.motions().length - 1);\n        this.scrollActiveIntoView();\n        break;\n      case \"Enter\":\n      case \" \":\n        event.preventDefault();\n        if (this.activeIndex() >= 0) this.choose(this.activeIndex());\n        break;\n      case \"Escape\":\n        event.preventDefault();\n        this.closeList();\n        break;\n      case \"PageUp\":\n        event.preventDefault();\n        this.moveActive(-10);\n        break;\n      case \"PageDown\":\n        // ±10, clamped: an APG-optional key for long motion lists.\n        event.preventDefault();\n        this.moveActive(10);\n        break;\n      case \"Tab\":\n        // Tab moves on — but focus goes to the button FIRST, without\n        // cancelling the key. Hiding the focused list drops focus to\n        // <body>, and the browser then computes the default Tab move\n        // from the top of the document, so tabbing out of an open\n        // picker teleported the user to the page's first tab stop.\n        // From the button, the default Tab lands exactly where leaving\n        // the picker should. The button always exists, so no\n        // detectChanges is needed before the focus move; guard the\n        // METHOD because jsdom-shaped hosts may not implement it.\n        this.buttonRef().nativeElement.focus?.({ preventScroll: true });\n        this.closeList(false);\n        break;\n      default:\n        if (\n          event.key.length === 1 &&\n          !event.ctrlKey &&\n          !event.metaKey &&\n          !event.altKey\n        ) {\n          this.runTypeahead(event.key);\n        }\n    }\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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"}

package/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "@lilydesignsystem/angular-motion-picker",
+  "version": "0.1.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.",
+  "peerDependencies": {
+    "@angular/core": ">=20.0.0 <23.0.0",
+    "@angular/common": ">=20.0.0 <23.0.0"
+  },
+  "sideEffects": false,
+  "keywords": [
+    "lily",
+    "design",
+    "system",
+    "angular",
+    "motion",
+    "reduced-motion",
+    "picker"
+  ],
+  "author": "Joel Parker Henderson <joel@joelparkerhenderson.com>",
+  "license": "MIT OR Apache-2.0 OR GPL-2.0-only OR GPL-3.0-only OR BSD-3-Clause",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/LilyDesignSystem/lily-design-system-angular-helpers.git",
+    "directory": "lily-design-system-angular-motion-picker"
+  },
+  "homepage": "https://lilydesignsystem.com/",
+  "bugs": {
+    "url": "https://github.com/LilyDesignSystem/lily-design-system/issues"
+  },
+  "module": "fesm2022/lilydesignsystem-angular-motion-picker.mjs",
+  "typings": "types/lilydesignsystem-angular-motion-picker.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/lilydesignsystem-angular-motion-picker.d.ts",
+      "default": "./fesm2022/lilydesignsystem-angular-motion-picker.mjs"
+    }
+  },
+  "type": "module",
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
+}

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

@@ -0,0 +1,133 @@
+import * as _angular_core 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
+ * convention (was U+23F8 PAUSE SIGN + U+FE0E, exported as `PAUSE_SIGN`
+ * — removed, not renamed). "Stop the moving parts" still reads
+ * directly from two bars; a bundled outline SVG matches the other four
+ * picker icons as one consistent visual family regardless of the
+ * consumer's fonts.
+ */
+/** 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;
+};
+/**
+ * Resolve a motion slug to its display label: each hyphen-separated
+ * word title-cased, so a slug like "no-preference" renders as
+ * "No Preference". Mirrors `sizeName` in text-size-picker and
+ * `themeName` in theme-picker.
+ */
+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;
+/** Stable per-instance id prefix; SSR-safe (no Math.random / Date.now). */
+declare function nextMotionPickerId(): string;
+/**
+ * Optional marker for the projected icon template. Gives consumers typed
+ * `let-` variables:
+ *
+ * ```html
+ * <lily-motion-picker ...>
+ *   <ng-template lilyMotionPickerIcon let-args>{{ args.labelFor(args.value) }}</ng-template>
+ * </lily-motion-picker>
+ * ```
+ *
+ * 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>;
+}
+/**
+ * MotionPicker — `data-motion` reduced-motion picker.
+ *
+ * Renders an icon button that opens a WAI-ARIA APG listbox of motion
+ * slugs. On every change the component sets `data-motion="{slug}"` on
+ * the document root (or on a consumer-supplied target), with optional
+ * `localStorage` persistence. Its initial value defers to the
+ * platform's `(prefers-reduced-motion: reduce)` media query before
+ * falling back to a fixed default — the one behaviour difference from
+ * its `theme-picker`/`text-size-picker` siblings. Ships no CSS; the
+ * 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>;
+    /** `aria-activedescendant` is only meaningful while the listbox is open. */
+    protected readonly activeDescendant: _angular_core.Signal<string | null>;
+    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 typeahead;
+    private typeaheadTimer;
+    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 moveActive;
+    private runTypeahead;
+    protected onButtonKeydown(event: KeyboardEvent): void;
+    protected onListKeydown(event: KeyboardEvent): 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 { MotionPicker, MotionPickerIcon, motionName, nextMotionPickerId, prefersReducedMotion };
+export type { ChildArgs };
+//# sourceMappingURL=lilydesignsystem-angular-motion-picker.d.ts.map

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

@@ -0,0 +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,cA6Ea,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;AAEA;AAEA;AAGA;AACA;AAEA,6BAAuB,aAAA,CAAA,cAAA;AACvB,oCAA8B,aAAA,CAAA,cAAA;;AAG9B,yCAAmC,aAAA,CAAA,MAAA;qCAKJ,aAAA,CAAA,MAAA;;;;;;AA7LrB;;AAoMP;;;;;AAsDH;AAIA;AAUA;;;;AAIuE;AACvE;;;AAQA;;AAqBA;AAOA;AAMA;AASA;AAUA;AA+BA,qCAAiC,aAAa;AAe9C,mCAA+B,aAAa;AA+D5C,oCAAgC,UAAU;AAM1C,qCAAiC,KAAK;AAUtC;oDA5SW,YAAY;sDAAZ,YAAY;AA6TxB;;","names":[]}