@kouji-ui/core 0.1.1 → 0.1.3

package/src/primitives/overlay/panel.ts

@@ -1,102 +0,0 @@
-import { Directive, ElementRef, computed, effect, inject, input, signal } from '@angular/core';
-import { KjId } from './id';
-import { KjOverlayController } from './controller';
-import {
-  KJ_OVERLAY_MOUNT_STRATEGY,
-  KJ_OVERLAY_POSITION_STRATEGY,
-  KJ_OVERLAY_BACKDROP_STRATEGY,
-  KJ_OVERLAY_FOCUS_TRAP_STRATEGY,
-  KJ_OVERLAY_SCROLL_LOCK_STRATEGY,
-  KJ_OVERLAY_LIVE_ANNOUNCER_STRATEGY,
-  KJ_OVERLAY_TRIGGER_EVENT_STRATEGY,
-  KJ_OVERLAY_PANEL_ROLE,
-} from './tokens';
-
-/**
- * Trigger-like contract accepted by `KjOverlayPanel.kjFor`. Any directive
- * that exposes an `attachPanel(panel)` method and a `controller` reference
- * satisfies this — including `KjOverlayTrigger` itself and consumer trigger
- * directives that compose it via `hostDirectives`.
- */
-export interface KjOverlayTriggerLike {
-  readonly controller: KjOverlayController;
-  attachPanel(panel: KjOverlayPanel): void;
-}
-
-/**
- * Marks an element as the overlay's panel — wires it to the controller,
- * resolves the panel role/aria-modal, and binds DOM state attributes
- * (`data-state`, `hidden`, `id`) for transition styling.
- *
- * @doc-category Core/Overlay
- * @doc
- * @doc-name overlay-panel
- * @doc-is-main
- * @doc-description Marks an element as the overlay panel and binds its state, role, and accessibility attributes.
- */
-@Directive({
-  selector: '[kjOverlayPanel]',
-  exportAs: 'kjOverlayPanel',
-  host: {
-    '[id]':                  'panelId',
-    '[attr.role]':           'role()',
-    '[attr.aria-modal]':     'isModal() ? "true" : null',
-    '[attr.data-state]':     'state()',
-    '[attr.hidden]':         'state() === "closed" ? "" : null',
-  },
-})
-export class KjOverlayPanel {
-  readonly host = inject(ElementRef<HTMLElement>);
-  private readonly idSvc = inject(KjId);
-  /**
-   * Per-overlay controller injected from the element-injector chain.
-   * Service-launched overlays expose this through the wrapper component;
-   * declarative consumers without `[kjFor]` provide it on the trigger
-   * directive (host-level `providers: [KjOverlayController]`).
-   */
-  private readonly hostController = inject(KjOverlayController, { optional: true });
-  /**
-   * Resolved controller — `kjFor()?.controller` wins over the host one.
-   * Signal-backed so the `state`/`isModal` computeds re-evaluate when the
-   * effect below swaps in the kjFor controller.
-   */
-  private readonly _controller = signal<KjOverlayController | null>(this.hostController);
-  get controller(): KjOverlayController | null { return this._controller(); }
-  readonly panelId = this.idSvc.mint('panel');
-
-  private readonly mount         = inject(KJ_OVERLAY_MOUNT_STRATEGY);
-  private readonly position      = inject(KJ_OVERLAY_POSITION_STRATEGY);
-  private readonly backdrop      = inject(KJ_OVERLAY_BACKDROP_STRATEGY,    { optional: true });
-  private readonly focusTrap     = inject(KJ_OVERLAY_FOCUS_TRAP_STRATEGY,  { optional: true });
-  private readonly scrollLock    = inject(KJ_OVERLAY_SCROLL_LOCK_STRATEGY, { optional: true });
-  private readonly liveAnnouncer = inject(KJ_OVERLAY_LIVE_ANNOUNCER_STRATEGY, { optional: true });
-  private readonly trigger       = inject(KJ_OVERLAY_TRIGGER_EVENT_STRATEGY, { optional: true });
-  private readonly role_         = inject(KJ_OVERLAY_PANEL_ROLE, { optional: true }) ?? 'dialog';
-
-  readonly kjFor   = input<KjOverlayTriggerLike | null>(null);
-  readonly role    = computed(() => this.role_);
-  readonly isModal = computed(() => !!this.backdrop?.inertSiblings);
-  readonly state   = computed(() => this.controller?.state() ?? 'closed');
-
-  constructor() {
-    effect(() => {
-      // Single resolution rule: trigger-driven (`kjFor`) wins, otherwise
-      // use whatever controller we found at the host element-injector.
-      const t = this.kjFor();
-      const c = t?.controller ?? this.hostController;
-      if (!c) return;
-      this._controller.set(c);
-      c.bindPanel(this.host.nativeElement);
-      c.attachStrategies({
-        mount:         this.mount,
-        position:      this.position,
-        backdrop:      this.backdrop ?? null,
-        focusTrap:     this.focusTrap ?? null,
-        scrollLock:    this.scrollLock ?? null,
-        liveAnnouncer: this.liveAnnouncer ?? null,
-        trigger:       this.trigger ?? null,
-      });
-      t?.attachPanel(this);
-    });
-  }
-}

package/src/primitives/overlay/stack.spec.ts

@@ -1,55 +0,0 @@
-import { TestBed } from '@angular/core/testing';
-import { describe, it, expect, vi } from 'vitest';
-import { KjOverlayStack } from './stack';
-
-describe('KjOverlayStack', () => {
-  it('register returns a handle with isTopmost=true for newly registered', () => {
-    const stack = TestBed.inject(KjOverlayStack);
-    const onClose = vi.fn();
-    const handle = stack.register('a', { onClose });
-    expect(handle.isTopmost()).toBe(true);
-    handle.unregister();
-  });
-
-  it('only the topmost receives Escape', () => {
-    const stack = TestBed.inject(KjOverlayStack);
-    const closeA = vi.fn();
-    const closeB = vi.fn();
-    const ha = stack.register('a', { onClose: closeA });
-    const hb = stack.register('b', { onClose: closeB });
-
-    document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape' }));
-
-    expect(closeB).toHaveBeenCalledTimes(1);
-    expect(closeA).not.toHaveBeenCalled();
-    ha.unregister(); hb.unregister();
-  });
-
-  it('outside pointerdown calls onClose only when not inside contentEl', () => {
-    const stack = TestBed.inject(KjOverlayStack);
-    const onClose = vi.fn();
-    const inside = document.createElement('div');
-    document.body.appendChild(inside);
-    const handle = stack.register('a', { onClose });
-    stack.markContentEl('a', inside);
-
-    inside.dispatchEvent(new PointerEvent('pointerdown', { bubbles: true }));
-    expect(onClose).not.toHaveBeenCalled();
-
-    document.body.dispatchEvent(new PointerEvent('pointerdown', { bubbles: true }));
-    expect(onClose).toHaveBeenCalledTimes(1);
-
-    handle.unregister();
-    inside.remove();
-  });
-
-  it('respects closeOnEsc=false and closeOnOutside=false', () => {
-    const stack = TestBed.inject(KjOverlayStack);
-    const onClose = vi.fn();
-    const handle = stack.register('a', { onClose, closeOnEsc: false, closeOnOutside: false });
-    document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape' }));
-    document.body.dispatchEvent(new PointerEvent('pointerdown', { bubbles: true }));
-    expect(onClose).not.toHaveBeenCalled();
-    handle.unregister();
-  });
-});

package/src/primitives/overlay/stack.ts

@@ -1,113 +0,0 @@
-import { Injectable, PLATFORM_ID, computed, inject, signal, type Signal } from '@angular/core';
-import { isPlatformBrowser } from '@angular/common';
-
-export interface KjOverlayRegistration {
-  onClose: () => void;
-  closeOnOutside?: boolean;
-  closeOnEsc?: boolean;
-}
-
-export interface KjOverlayStackHandle {
-  unregister: () => void;
-  isTopmost: Signal<boolean>;
-}
-
-interface StackEntry {
-  id: string;
-  opts: Required<KjOverlayRegistration>;
-  contentEl: HTMLElement | null;
-}
-
-/**
- * Global coordinator for nested-overlay behaviour: stack ordering, Escape
- * routing, and outside-click detection. Only the topmost overlay receives
- * Esc / outside-click — prevents the double-close problem.
- *
- * SSR-safe: every DOM access guarded by isPlatformBrowser.
- *
- * @doc-category Core/Overlay
- * @doc
- * @doc-name overlay-stack
- * @doc-is-main
- * @doc-description Routes Escape and outside-click to only the topmost overlay when overlays are nested.
- */
-@Injectable({ providedIn: 'root' })
-export class KjOverlayStack {
-  private readonly platformId = inject(PLATFORM_ID);
-  private readonly isBrowser = isPlatformBrowser(this.platformId);
-  private readonly _stack = signal<StackEntry[]>([]);
-
-  private _listenersInstalled = false;
-  private readonly _onKeydown = (e: KeyboardEvent) => this.handleKeydown(e);
-  private readonly _onPointerDown = (e: PointerEvent) => this.handlePointerDown(e);
-
-  register(id: string, opts: KjOverlayRegistration): KjOverlayStackHandle {
-    if (!this.isBrowser) {
-      return { unregister: () => {}, isTopmost: computed(() => false) };
-    }
-    const entry: StackEntry = {
-      id,
-      opts: {
-        onClose: opts.onClose,
-        closeOnEsc: opts.closeOnEsc ?? true,
-        closeOnOutside: opts.closeOnOutside ?? true,
-      },
-      contentEl: null,
-    };
-    this._stack.update(s => [...s, entry]);
-    this.ensureListeners();
-    const isTopmost = computed(() => {
-      const s = this._stack();
-      return s.length > 0 && s[s.length - 1].id === id;
-    });
-    return {
-      unregister: () => {
-        this._stack.update(s => s.filter(e => e !== entry));
-        this.maybeRemoveListeners();
-      },
-      isTopmost,
-    };
-  }
-
-  markContentEl(id: string, el: HTMLElement | null): void {
-    if (!this.isBrowser) return;
-    const entry = this._stack().find(e => e.id === id);
-    if (entry) entry.contentEl = el;
-  }
-
-  get stackSize(): number { return this._stack().length; }
-
-  private ensureListeners(): void {
-    if (this._listenersInstalled) return;
-    document.addEventListener('keydown', this._onKeydown, true);
-    document.addEventListener('pointerdown', this._onPointerDown, true);
-    this._listenersInstalled = true;
-  }
-
-  private maybeRemoveListeners(): void {
-    if (this._stack().length > 0 || !this._listenersInstalled) return;
-    document.removeEventListener('keydown', this._onKeydown, true);
-    document.removeEventListener('pointerdown', this._onPointerDown, true);
-    this._listenersInstalled = false;
-  }
-
-  private topmost(): StackEntry | null {
-    const s = this._stack();
-    return s.length ? s[s.length - 1] : null;
-  }
-
-  private handleKeydown(e: KeyboardEvent): void {
-    if (e.key !== 'Escape') return;
-    const top = this.topmost();
-    if (!top || !top.opts.closeOnEsc) return;
-    top.opts.onClose();
-  }
-
-  private handlePointerDown(e: PointerEvent): void {
-    const top = this.topmost();
-    if (!top || !top.opts.closeOnOutside) return;
-    const target = e.target as Node | null;
-    if (top.contentEl && target && top.contentEl.contains(target)) return;
-    top.opts.onClose();
-  }
-}

package/src/primitives/overlay/strategies/backdrop/blurred.spec.ts

@@ -1,11 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { blurredBackdrop } from './blurred';
-
-describe('blurredBackdrop', () => {
-  it('default className includes --blur', () => {
-    expect(blurredBackdrop().className).toBe('kj-backdrop kj-backdrop--blur');
-  });
-  it('honours className override', () => {
-    expect(blurredBackdrop({ className: 'x' }).className).toBe('x');
-  });
-});

package/src/primitives/overlay/strategies/backdrop/blurred.ts

@@ -1,5 +0,0 @@
-import { solidBackdrop, type KjSolidBackdropOpts, type KjSolidBackdropStrategy } from './solid';
-
-export function blurredBackdrop(opts: KjSolidBackdropOpts = {}): KjSolidBackdropStrategy {
-  return solidBackdrop({ ...opts, className: opts.className ?? 'kj-backdrop kj-backdrop--blur' });
-}

package/src/primitives/overlay/strategies/backdrop/none.spec.ts

@@ -1,10 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { noBackdrop } from './none';
-
-describe('noBackdrop', () => {
-  it('inert/closeOnClick both false', () => {
-    const s = noBackdrop();
-    expect(s.inertSiblings).toBe(false);
-    expect(s.closeOnClick).toBe(false);
-  });
-});

package/src/primitives/overlay/strategies/backdrop/none.ts

@@ -1,9 +0,0 @@
-import type { KjBackdropStrategy } from '../../tokens';
-
-export function noBackdrop(): KjBackdropStrategy {
-  return {
-    inertSiblings: false,
-    closeOnClick: false,
-    attach() {}, onOpen() {}, onClose() {}, detach() {},
-  };
-}

package/src/primitives/overlay/strategies/backdrop/solid.spec.ts

@@ -1,18 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { solidBackdrop } from './solid';
-
-describe('solidBackdrop', () => {
-  it('default options', () => {
-    const s = solidBackdrop();
-    expect(s.inertSiblings).toBe(true);
-    expect(s.closeOnClick).toBe(true);
-    expect(s.className).toBe('kj-backdrop');
-  });
-
-  it('honours overrides', () => {
-    const s = solidBackdrop({ inert: false, closeOnClick: false, className: 'x' });
-    expect(s.inertSiblings).toBe(false);
-    expect(s.closeOnClick).toBe(false);
-    expect(s.className).toBe('x');
-  });
-});

package/src/primitives/overlay/strategies/backdrop/solid.ts

@@ -1,23 +0,0 @@
-import type { KjBackdropStrategy } from '../../tokens';
-
-export interface KjSolidBackdropOpts {
-  inert?: boolean;
-  closeOnClick?: boolean;
-  className?: string;
-}
-
-export interface KjSolidBackdropStrategy extends KjBackdropStrategy {
-  readonly className: string;
-}
-
-export function solidBackdrop(opts: KjSolidBackdropOpts = {}): KjSolidBackdropStrategy {
-  return {
-    inertSiblings: opts.inert ?? true,
-    closeOnClick: opts.closeOnClick ?? true,
-    className: opts.className ?? 'kj-backdrop',
-    attach() {},
-    onOpen() {},
-    onClose() {},
-    detach() {},
-  };
-}

package/src/primitives/overlay/strategies/focus-trap/inert-based.spec.ts

@@ -1,28 +0,0 @@
-import { signal } from '@angular/core';
-import { describe, it, expect } from 'vitest';
-import { inertBased } from './inert-based';
-import type { KjOverlayContext } from '../../context';
-
-describe('inertBased', () => {
-  it('onOpen sets inert on siblings; onClose removes it', () => {
-    const parent = document.createElement('div');
-    const sib = document.createElement('div');
-    const panel = document.createElement('div');
-    parent.append(sib, panel);
-    document.body.appendChild(parent);
-
-    const ctx: KjOverlayContext = {
-      state: signal('closed'), isOpen: signal(false),
-      triggerEl: signal(null), panelEl: signal(panel),
-      stack: {} as never, platform: { isBrowser: true },
-      requestClose: () => {},
-    };
-    const s = inertBased();
-    s.attach(ctx);
-    s.onOpen!();
-    expect(sib.hasAttribute('inert')).toBe(true);
-    s.onClose!();
-    expect(sib.hasAttribute('inert')).toBe(false);
-    parent.remove();
-  });
-});

package/src/primitives/overlay/strategies/focus-trap/inert-based.ts

@@ -1,38 +0,0 @@
-import type { KjOverlayContext } from '../../context';
-import type { KjFocusTrapStrategy } from '../../tokens';
-
-export function inertBased(): KjFocusTrapStrategy {
-  let ctx: KjOverlayContext | null = null;
-  let inerted: HTMLElement[] = [];
-  let returnTarget: HTMLElement | null = null;
-
-  return {
-    attach(c) { ctx = c; },
-    onOpen() {
-      if (!ctx?.platform.isBrowser) return;
-      const panel = ctx.panelEl();
-      if (!panel?.parentElement) return;
-      returnTarget = (document.activeElement as HTMLElement) ?? null;
-      inerted = [];
-      for (const sibling of Array.from(panel.parentElement.children)) {
-        if (sibling === panel) continue;
-        const el = sibling as HTMLElement;
-        if (!el.hasAttribute('inert')) {
-          el.setAttribute('inert', '');
-          inerted.push(el);
-        }
-      }
-    },
-    onClose() {
-      for (const el of inerted) el.removeAttribute('inert');
-      inerted = [];
-    },
-    detach() { ctx = null; returnTarget = null; },
-    focusFirst() {
-      const panel = ctx?.panelEl();
-      const focusable = panel?.querySelector<HTMLElement>('button,a,input,select,textarea,[tabindex]:not([tabindex="-1"])');
-      focusable?.focus();
-    },
-    restoreFocus() { returnTarget?.focus(); },
-  };
-}

package/src/primitives/overlay/strategies/focus-trap/no-trap.spec.ts

@@ -1,9 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { noTrap } from './no-trap';
-
-describe('noTrap', () => {
-  it('all methods are no-ops', () => {
-    const s = noTrap();
-    expect(() => { s.attach({} as never); s.focusFirst(); s.restoreFocus(); s.detach(); }).not.toThrow();
-  });
-});

package/src/primitives/overlay/strategies/focus-trap/no-trap.ts

@@ -1,8 +0,0 @@
-import type { KjFocusTrapStrategy } from '../../tokens';
-
-export function noTrap(): KjFocusTrapStrategy {
-  return {
-    attach() {}, onOpen() {}, onClose() {}, detach() {},
-    focusFirst() {}, restoreFocus() {},
-  };
-}

package/src/primitives/overlay/strategies/focus-trap/tab-cycle.spec.ts

@@ -1,49 +0,0 @@
-import { signal } from '@angular/core';
-import { describe, it, expect } from 'vitest';
-import { tabCycle } from './tab-cycle';
-import type { KjOverlayContext } from '../../context';
-
-function makeCtx(panel: HTMLElement): KjOverlayContext {
-  return {
-    state: signal('closed'), isOpen: signal(false),
-    triggerEl: signal(null), panelEl: signal(panel),
-    stack: {} as never, platform: { isBrowser: true },
-    requestClose: () => {},
-  };
-}
-
-describe('tabCycle', () => {
-  it('focusFirst focuses first focusable', () => {
-    const panel = document.createElement('div');
-    const a = document.createElement('button'); a.textContent = 'a';
-    const b = document.createElement('button'); b.textContent = 'b';
-    panel.append(a, b);
-    document.body.appendChild(panel);
-    const s = tabCycle();
-    s.attach(makeCtx(panel));
-    s.onOpen!();
-    s.focusFirst();
-    expect(document.activeElement).toBe(a);
-    s.onClose!();
-    panel.remove();
-  });
-
-  it('Tab on last wraps to first; Shift+Tab on first wraps to last', () => {
-    const panel = document.createElement('div');
-    const a = document.createElement('button'); a.textContent = 'a';
-    const b = document.createElement('button'); b.textContent = 'b';
-    panel.append(a, b);
-    document.body.appendChild(panel);
-    const s = tabCycle();
-    s.attach(makeCtx(panel));
-    s.onOpen!();
-
-    b.focus();
-    panel.dispatchEvent(new KeyboardEvent('keydown', { key: 'Tab', bubbles: true }));
-    // jsdom doesn't move focus on the synthetic event. We assert via panel listener semantics:
-    // call focusables order check directly.
-    expect(document.activeElement === a || document.activeElement === b).toBe(true);
-    s.onClose!();
-    panel.remove();
-  });
-});

package/src/primitives/overlay/strategies/focus-trap/tab-cycle.ts

@@ -1,85 +0,0 @@
-import type { KjOverlayContext } from '../../context';
-import type { KjFocusTrapStrategy } from '../../tokens';
-
-const FOCUSABLE = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
-
-export interface KjTabCycleOpts {
-  initialFocus?: 'auto' | 'first' | HTMLElement | (() => HTMLElement | null);
-  returnFocus?: boolean;
-  enabled?: boolean | (() => boolean);
-}
-
-export type KjTabCycleStrategy = KjFocusTrapStrategy & {
-  configure(opts: Partial<KjTabCycleOpts>): void;
-};
-
-export function tabCycle(initialOpts: KjTabCycleOpts = {}): KjTabCycleStrategy {
-  let opts: KjTabCycleOpts = { ...initialOpts };
-  let ctx: KjOverlayContext | null = null;
-  let returnTarget: HTMLElement | null = null;
-  let keyListener: ((e: KeyboardEvent) => void) | null = null;
-  const isEnabled = (): boolean => {
-    const e = opts.enabled;
-    if (e === undefined) return true;
-    return typeof e === 'function' ? e() : e;
-  };
-
-  const focusables = (): HTMLElement[] => {
-    const panel = ctx?.panelEl();
-    if (!panel) return [];
-    return Array.from(panel.querySelectorAll<HTMLElement>(FOCUSABLE));
-  };
-
-  return {
-    attach(c) { ctx = c; },
-    onOpen() {
-      if (!isEnabled()) return;
-      if (!ctx?.platform.isBrowser) return;
-      const panel = ctx.panelEl();
-      if (!panel) return;
-      returnTarget = (document.activeElement as HTMLElement) ?? null;
-      keyListener = (e: KeyboardEvent) => {
-        if (e.key !== 'Tab') return;
-        const els = focusables();
-        if (els.length === 0) return;
-        const first = els[0], last = els[els.length - 1];
-        if (e.shiftKey && document.activeElement === first) { e.preventDefault(); last.focus(); }
-        else if (!e.shiftKey && document.activeElement === last) { e.preventDefault(); first.focus(); }
-      };
-      panel.addEventListener('keydown', keyListener);
-    },
-    onClose() {
-      const panel = ctx?.panelEl();
-      if (panel && keyListener) panel.removeEventListener('keydown', keyListener);
-      keyListener = null;
-    },
-    detach() { ctx = null; returnTarget = null; },
-    focusFirst() {
-      if (!isEnabled()) return;
-      const cfg = opts.initialFocus ?? 'first';
-      let target: HTMLElement | null;
-      if (cfg instanceof HTMLElement) target = cfg;
-      else if (typeof cfg === 'function') target = cfg();
-      else target = focusables()[0] ?? null;
-      if (!target) {
-        // No focusable children — focus the panel itself so the trigger
-        // doesn't retain focus (WCAG 2.4.3) and so a held Space doesn't
-        // re-fire the trigger's click handler. tabindex=-1 makes the panel
-        // programmatically focusable without entering the tab order.
-        const panel = ctx?.panelEl();
-        if (panel) {
-          if (!panel.hasAttribute('tabindex')) panel.setAttribute('tabindex', '-1');
-          target = panel;
-        }
-      }
-      target?.focus();
-    },
-    restoreFocus() {
-      if (!isEnabled()) return;
-      if (opts.returnFocus !== false) returnTarget?.focus();
-    },
-    configure(newOpts: Partial<KjTabCycleOpts>) {
-      opts = { ...opts, ...newOpts };
-    },
-  };
-}

package/src/primitives/overlay/strategies/index.ts

@@ -1,34 +0,0 @@
-export * from './mount/body-portal';
-export * from './mount/in-place';
-export * from './mount/in-container';
-
-export * from './position/anchored-to';
-export * from './position/viewport-centered';
-export * from './position/edge-sheet';
-export * from './position/point-at';
-export * from './position/corner';
-export * from './position/in-place-sibling';
-
-export * from './backdrop/solid';
-export * from './backdrop/blurred';
-export * from './backdrop/none';
-
-export * from './focus-trap/tab-cycle';
-export * from './focus-trap/inert-based';
-export * from './focus-trap/no-trap';
-
-export * from './scroll-lock/html-overflow';
-export * from './scroll-lock/css-clip';
-export * from './scroll-lock/none';
-
-export * from './live-announcer/polite';
-export * from './live-announcer/assertive';
-export * from './live-announcer/silent';
-
-export * from './trigger-event/on-click';
-export * from './trigger-event/on-hover';
-export * from './trigger-event/on-focus';
-export * from './trigger-event/on-context-menu';
-export * from './trigger-event/on-hotkey';
-export * from './trigger-event/on-focus-or-input';
-export * from './trigger-event/programmatic';

package/src/primitives/overlay/strategies/live-announcer/_announce.ts

@@ -1,35 +0,0 @@
-export type KjLivePoliteness = 'polite' | 'assertive';
-
-const SR_ONLY_STYLE = `
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border: 0;
-`;
-
-const regions: Partial<Record<KjLivePoliteness, HTMLElement>> = {};
-
-const ensureRegion = (politeness: KjLivePoliteness): HTMLElement => {
-  let region = regions[politeness];
-  if (region) return region;
-  region = document.createElement('div');
-  region.setAttribute('data-kj-live-region', politeness);
-  region.setAttribute('aria-live', politeness);
-  region.setAttribute('aria-atomic', 'true');
-  region.style.cssText = SR_ONLY_STYLE;
-  document.body.appendChild(region);
-  regions[politeness] = region;
-  return region;
-};
-
-export const announce = (message: string, politeness: KjLivePoliteness = 'polite'): void => {
-  if (typeof document === 'undefined') return;
-  const region = ensureRegion(politeness);
-  region.textContent = '';
-  requestAnimationFrame(() => { region.textContent = message; });
-};

package/src/primitives/overlay/strategies/live-announcer/assertive.spec.ts

@@ -1,21 +0,0 @@
-import { TestBed } from '@angular/core/testing';
-import { describe, it, expect, afterEach } from 'vitest';
-import { assertive } from './assertive';
-
-describe('assertive', () => {
-  afterEach(() => {
-    document.querySelectorAll('[data-kj-live-region]').forEach(el => el.remove());
-  });
-
-  it('announce writes to assertive live region', async () => {
-    TestBed.runInInjectionContext(() => {
-      const s = assertive();
-      s.attach({} as never);
-      s.announce('boom');
-    });
-    await new Promise(r => requestAnimationFrame(() => r(undefined)));
-    const region = document.querySelector('[data-kj-live-region="assertive"]') as HTMLElement;
-    expect(region).toBeTruthy();
-    expect(region.textContent).toBe('boom');
-  });
-});