forty-cdk 0.2.0 → 0.3.0

package/fesm2022/forty-cdk-scroll-area.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"forty-cdk-scroll-area.mjs","sources":["../../../projects/forty-cdk/scroll-area/src/scroll-area-context.ts","../../../projects/forty-cdk/scroll-area/src/scroll-area-defaults.ts","../../../projects/forty-cdk/scroll-area/src/scroll-area.ts","../../../projects/forty-cdk/scroll-area/src/scroll-area-viewport.ts","../../../projects/forty-cdk/scroll-area/src/scroll-area-content.ts","../../../projects/forty-cdk/scroll-area/src/scroll-area-scrollbar.ts","../../../projects/forty-cdk/scroll-area/src/scroll-area-thumb.ts","../../../projects/forty-cdk/scroll-area/src/scroll-area-corner.ts","../../../projects/forty-cdk/scroll-area/src/forty-cdk-scroll-area.ts"],"sourcesContent":["import { inject, InjectionToken, type Signal } from '@angular/core';\n\nimport { type WritingDirection } from 'forty-cdk/core';\n\nexport type ForScrollAreaType = 'auto' | 'always' | 'scroll' | 'hover';\nexport type ForScrollbarOrientation = 'horizontal' | 'vertical';\n\nexport interface ForScrollAreaContext {\n  readonly type: Signal<ForScrollAreaType>;\n  readonly scrollHideDelay: Signal<number>;\n  readonly dir: Signal<WritingDirection>;\n\n  /** The scrolling element (registered by `ForScrollAreaViewport`). */\n  readonly viewport: Signal<HTMLElement | null>;\n  /** The content element (registered by `ForScrollAreaContent`, observed by the viewport). */\n  readonly content: Signal<HTMLElement | null>;\n  /** Live scroll offset of the viewport. */\n  readonly scrollLeft: Signal<number>;\n  readonly scrollTop: Signal<number>;\n  /** Live size measurements of the viewport. */\n  readonly clientWidth: Signal<number>;\n  readonly clientHeight: Signal<number>;\n  readonly scrollWidth: Signal<number>;\n  readonly scrollHeight: Signal<number>;\n\n  /** True while the user is hovering anywhere on the root (for `type=\"hover\"`). */\n  readonly hovering: Signal<boolean>;\n  /** True for a short window after the most recent scroll (for `type=\"scroll\"`). */\n  readonly scrolling: Signal<boolean>;\n\n  registerViewport(el: HTMLElement | null): void;\n  registerContent(el: HTMLElement): void;\n  unregisterContent(el: HTMLElement): void;\n  reportScroll(left: number, top: number): void;\n  reportSize(clientW: number, clientH: number, scrollW: number, scrollH: number): void;\n  noteUserScroll(): void;\n}\n\nexport const FOR_SCROLL_AREA_CONTEXT = new InjectionToken<ForScrollAreaContext>(\n  'FOR_SCROLL_AREA_CONTEXT',\n);\n\nexport function injectScrollAreaContext(piece: string): ForScrollAreaContext {\n  const ctx = inject(FOR_SCROLL_AREA_CONTEXT, { optional: true });\n  if (!ctx) {\n    throw new Error(\n      `[forty-cdk/scroll-area] ${piece} must be used inside a [forScrollArea] element.`,\n    );\n  }\n  return ctx;\n}\n","import { type Provider } from '@angular/core';\n\nimport { createDefaults } from 'forty-cdk/core';\n\n/**\n * Defaults inherited by descendant scroll areas in the surrounding injector\n * scope. Configure with `provideForScrollAreaDefaults` either at the\n * application root or in any component's `providers` array; partial\n * overrides merge with the parent scope.\n */\nexport interface ForScrollAreaDefaults {\n  /**\n   * Milliseconds after the most recent scroll before the synthetic\n   * scrollbars fade. Applies when `type` is `'scroll'` or `'hover'`.\n   */\n  scrollHideDelay: number;\n}\n\n/**\n * Library fallback for scroll area defaults, read at the root injector when no\n * consumer has called `provideForScrollAreaDefaults`. Exported for the shared defaults\n * contract spec; not re-exported from the primitive's public entry.\n */\nexport const FOR_SCROLL_AREA_FALLBACK_DEFAULTS: ForScrollAreaDefaults = {\n  scrollHideDelay: 600,\n};\n\nconst { token, provideDefaults } = createDefaults<ForScrollAreaDefaults>(\n  'FOR_SCROLL_AREA_DEFAULTS',\n  FOR_SCROLL_AREA_FALLBACK_DEFAULTS,\n);\n\n/** Token holding the resolved scroll-area defaults for the current scope. */\nexport const FOR_SCROLL_AREA_DEFAULTS = token;\n\n/**\n * Configures forty-cdk scroll-area defaults for this injector scope. Partial\n * overrides inherit unspecified keys from the parent scope (or library\n * defaults at the root).\n */\nexport function provideForScrollAreaDefaults(\n  defaults: Partial<ForScrollAreaDefaults> = {},\n): Provider[] {\n  return provideDefaults(defaults);\n}\n","import { DestroyRef, Directive, inject, input, numberAttribute, signal } from '@angular/core';\n\nimport { type WritingDirection, injectTextDirection } from 'forty-cdk/core';\nimport {\n  FOR_SCROLL_AREA_CONTEXT,\n  type ForScrollAreaContext,\n  type ForScrollAreaType,\n} from './scroll-area-context';\nimport { FOR_SCROLL_AREA_DEFAULTS } from './scroll-area-defaults';\n\n/**\n * Root of the custom-scrollbar primitive. Owns the viewport reference,\n * scroll geometry signals, and visibility state for the synthetic\n * scrollbars.\n *\n * Native scrollbars on the inner viewport are hidden via styles injected\n * by `[forScrollAreaViewport]` (the only place in forty-cdk that\n * imperatively touches CSS); the consumer styles `[forScrollAreaThumb]`\n * however they like.\n *\n * @example\n * ```html\n * <div forScrollArea>\n *   <div forScrollAreaViewport>\n *     <div forScrollAreaContent>… long content …</div>\n *   </div>\n *   <div forScrollAreaScrollbar orientation=\"vertical\">\n *     <div forScrollAreaThumb></div>\n *   </div>\n *   <div forScrollAreaScrollbar orientation=\"horizontal\">\n *     <div forScrollAreaThumb></div>\n *   </div>\n *   <div forScrollAreaCorner></div>\n * </div>\n * ```\n */\n@Directive({\n  selector: '[forScrollArea]',\n  exportAs: 'forScrollArea',\n  host: {\n    '[attr.data-type]': 'type()',\n    '[attr.dir]': 'dir()',\n    '(pointerenter)': 'onPointerEnter()',\n    '(pointerleave)': 'onPointerLeave()',\n  },\n  providers: [{ provide: FOR_SCROLL_AREA_CONTEXT, useExisting: ForScrollArea }],\n})\nexport class ForScrollArea implements ForScrollAreaContext {\n  readonly #defaults = inject(FOR_SCROLL_AREA_DEFAULTS);\n\n  /**\n   * When the synthetic scrollbars are visible:\n   * - `auto`: shown whenever the axis overflows, regardless of interaction;\n   *   self-hides when the content fits.\n   * - `always`: the scrollbar (and corner) stay mounted and\n   *   `data-state=\"visible\"` regardless of overflow — a stable, always-painted\n   *   track. When the axis does not overflow the thumb fills\n   *   the full track and dragging is a no-op. The library is headless and does\n   *   not own layout, so to actually *reserve* the gutter (no content shift\n   *   when crossing the overflow boundary) the consumer lays the scrollbar out\n   *   in flow — see the ScrollArea README's grid example.\n   * - `scroll`: shown during scroll, faded after `scrollHideDelay` ms.\n   * - `hover`: shown while the cursor is over the area (and during scroll).\n   */\n  readonly type = input<ForScrollAreaType>('hover');\n\n  /**\n   * ms after the most recent scroll before scrollbars fade (only\n   * `type=\"scroll\"` and `\"hover\"`). The default is read from\n   * `provideForScrollAreaDefaults` for the surrounding scope.\n   */\n  readonly scrollHideDelay = input(this.#defaults.scrollHideDelay, {\n    transform: numberAttribute,\n  });\n\n  /**\n   * Writing direction. When unset (default `null`), the inherited ambient\n   * direction is resolved from the nearest ancestor carrying a `dir` attribute\n   * (or `<html dir>`), defaulting to `'ltr'`. An explicit `[dir]` always wins.\n   * The resolved value is reflected to the host `dir` attribute and positions\n   * the vertical scrollbar on the left in RTL.\n   */\n  readonly _dirInput = input<WritingDirection | null>(null, { alias: 'dir' });\n  readonly dir = injectTextDirection(this._dirInput);\n\n  readonly #viewport = signal<HTMLElement | null>(null);\n  readonly viewport = this.#viewport.asReadonly();\n\n  readonly #content = signal<HTMLElement | null>(null);\n  readonly content = this.#content.asReadonly();\n\n  readonly #scrollLeft = signal(0);\n  readonly #scrollTop = signal(0);\n  readonly scrollLeft = this.#scrollLeft.asReadonly();\n  readonly scrollTop = this.#scrollTop.asReadonly();\n\n  readonly #clientW = signal(0);\n  readonly #clientH = signal(0);\n  readonly #scrollW = signal(0);\n  readonly #scrollH = signal(0);\n  readonly clientWidth = this.#clientW.asReadonly();\n  readonly clientHeight = this.#clientH.asReadonly();\n  readonly scrollWidth = this.#scrollW.asReadonly();\n  readonly scrollHeight = this.#scrollH.asReadonly();\n\n  readonly #hovering = signal(false);\n  readonly hovering = this.#hovering.asReadonly();\n\n  readonly #scrolling = signal(false);\n  readonly scrolling = this.#scrolling.asReadonly();\n  #scrollTimer: ReturnType<typeof setTimeout> | null = null;\n\n  registerViewport(el: HTMLElement | null): void {\n    this.#viewport.set(el);\n  }\n\n  registerContent(el: HTMLElement): void {\n    this.#content.set(el);\n  }\n\n  unregisterContent(el: HTMLElement): void {\n    // Only clear if the unregistering element is the one we currently track,\n    // so a late teardown of an old content piece doesn't blow away a freshly\n    // registered replacement.\n    if (this.#content() === el) {\n      this.#content.set(null);\n    }\n  }\n\n  reportScroll(left: number, top: number): void {\n    this.#scrollLeft.set(left);\n    this.#scrollTop.set(top);\n  }\n\n  reportSize(clientW: number, clientH: number, scrollW: number, scrollH: number): void {\n    this.#clientW.set(clientW);\n    this.#clientH.set(clientH);\n    this.#scrollW.set(scrollW);\n    this.#scrollH.set(scrollH);\n  }\n\n  noteUserScroll(): void {\n    this.#scrolling.set(true);\n    if (this.#scrollTimer !== null) clearTimeout(this.#scrollTimer);\n    this.#scrollTimer = setTimeout(\n      () => {\n        this.#scrollTimer = null;\n        this.#scrolling.set(false);\n      },\n      Math.max(0, this.scrollHideDelay()),\n    );\n  }\n\n  protected onPointerEnter(): void {\n    this.#hovering.set(true);\n  }\n\n  protected onPointerLeave(): void {\n    this.#hovering.set(false);\n  }\n\n  constructor() {\n    inject(DestroyRef).onDestroy(() => {\n      if (this.#scrollTimer !== null) clearTimeout(this.#scrollTimer);\n    });\n  }\n}\n","import {\n  DOCUMENT,\n  PLATFORM_ID,\n  afterNextRender,\n  DestroyRef,\n  Directive,\n  effect,\n  ElementRef,\n  inject,\n} from '@angular/core';\nimport { isPlatformBrowser } from '@angular/common';\n\nimport { injectScrollAreaContext } from './scroll-area-context';\n\nconst HIDE_NATIVE_SCROLLBARS_STYLE_ID = 'for-scroll-area-hide-native';\nconst HIDE_NATIVE_SCROLLBARS_CSS = `\n  [forScrollAreaViewport] {\n    overflow: scroll;\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n  }\n  [forScrollAreaViewport]::-webkit-scrollbar {\n    display: none;\n    width: 0;\n    height: 0;\n  }\n`;\n\nfunction injectHidingStylesOnce(doc: Document): void {\n  if (doc.getElementById(HIDE_NATIVE_SCROLLBARS_STYLE_ID)) return;\n  const style = doc.createElement('style');\n  style.id = HIDE_NATIVE_SCROLLBARS_STYLE_ID;\n  style.textContent = HIDE_NATIVE_SCROLLBARS_CSS;\n  doc.head.appendChild(style);\n}\n\n/**\n * The actually-scrolling element. Hides native scrollbars (the only place\n * in forty-cdk that ships CSS — see README), tracks scroll position, and\n * reports geometry to the root so the synthetic scrollbar can render.\n */\n@Directive({\n  selector: '[forScrollAreaViewport]',\n  exportAs: 'forScrollAreaViewport',\n  host: {\n    '(scroll)': 'onScroll()',\n  },\n})\nexport class ForScrollAreaViewport {\n  readonly #ctx = injectScrollAreaContext('ForScrollAreaViewport');\n  readonly #host = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n  readonly #document = inject(DOCUMENT);\n  readonly #isBrowser = isPlatformBrowser(inject(PLATFORM_ID));\n\n  constructor() {\n    if (this.#isBrowser) {\n      injectHidingStylesOnce(this.#document);\n    }\n    this.#ctx.registerViewport(this.#host);\n    inject(DestroyRef).onDestroy(() => this.#ctx.registerViewport(null));\n\n    afterNextRender(() => {\n      this.#syncScroll();\n      this.#syncSize();\n    });\n\n    // Track size changes via ResizeObserver — simpler / lighter than\n    // polling, and consistent with the rest of the library's reactive\n    // patterns. Browser-only API; no-op on server.\n    //\n    // The content element is observed only when the consumer explicitly\n    // marks it with `[forScrollAreaContent]`. Without that marker we skip\n    // content observation entirely (rather than guessing `firstElementChild`,\n    // which silently breaks on layered / multi-sibling layouts).\n    if (this.#isBrowser && typeof ResizeObserver !== 'undefined') {\n      const ro = new ResizeObserver(() => this.#syncSize());\n      ro.observe(this.#host);\n      inject(DestroyRef).onDestroy(() => ro.disconnect());\n\n      // Re-attach the observer whenever the registered content element\n      // changes (registers, unregisters, or swaps). `effect` is the right\n      // primitive here: this is a DOM imperative side effect, not derived\n      // state — see CLAUDE.md \"Never propagate state inside `effect()`\".\n      let observedContent: HTMLElement | null = null;\n      effect(() => {\n        const next = this.#ctx.content();\n        if (next === observedContent) return;\n        if (observedContent) ro.unobserve(observedContent);\n        if (next) ro.observe(next);\n        observedContent = next;\n      });\n    }\n  }\n\n  protected onScroll(): void {\n    this.#syncScroll();\n    this.#ctx.noteUserScroll();\n  }\n\n  #syncScroll(): void {\n    this.#ctx.reportScroll(this.#host.scrollLeft, this.#host.scrollTop);\n  }\n\n  #syncSize(): void {\n    this.#ctx.reportSize(\n      this.#host.clientWidth,\n      this.#host.clientHeight,\n      this.#host.scrollWidth,\n      this.#host.scrollHeight,\n    );\n    this.#syncScroll();\n  }\n}\n","import { DestroyRef, Directive, ElementRef, inject } from '@angular/core';\n\nimport { injectScrollAreaContext } from './scroll-area-context';\n\n/**\n * Marks the content element inside `[forScrollAreaViewport]`. The viewport\n * observes this element with a `ResizeObserver` so `scrollWidth` /\n * `scrollHeight` updates when content reflows.\n *\n * Required for the synthetic scrollbar to react to content resizes — without\n * it, the viewport falls back to no observation and scrollbars stay sized to\n * whatever the layout reported on first render.\n */\n@Directive({\n  selector: '[forScrollAreaContent]',\n  exportAs: 'forScrollAreaContent',\n})\nexport class ForScrollAreaContent {\n  readonly #ctx = injectScrollAreaContext('ForScrollAreaContent');\n  readonly #host = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n\n  constructor() {\n    this.#ctx.registerContent(this.#host);\n    inject(DestroyRef).onDestroy(() => this.#ctx.unregisterContent(this.#host));\n  }\n}\n","import { computed, Directive, ElementRef, inject, input, signal } from '@angular/core';\n\nimport { injectElementSize } from 'forty-cdk/core';\nimport { injectScrollAreaContext, type ForScrollbarOrientation } from './scroll-area-context';\n\n/**\n * Synthetic scrollbar track. Reflects `data-orientation`, `data-state`\n * (`visible` / `hidden`), and exposes its host element via the orientation\n * input so the thumb can compute geometry.\n *\n * The element is fully removed (`hidden`) when the corresponding axis has\n * no overflow *and* `type` is not `'always'` — there is no scrollbar to\n * render. Under `type=\"always\"` the track stays painted regardless of\n * overflow, so the consumer's reserved gutter is never empty.\n * Visibility is enforced with an inline `display: none` (which beats any\n * author `display` rule a consumer applies via a class) in addition to the\n * `hidden` attribute that removes it from the a11y tree.\n */\n@Directive({\n  selector: '[forScrollAreaScrollbar]',\n  exportAs: 'forScrollAreaScrollbar',\n  host: {\n    '[attr.data-orientation]': 'orientation()',\n    '[attr.data-state]': 'state()',\n    '[hidden]': '!painted()',\n    '[style.display]': 'painted() ? null : \"none\"',\n  },\n})\nexport class ForScrollAreaScrollbar {\n  readonly orientation = input.required<ForScrollbarOrientation>();\n  readonly ctx = injectScrollAreaContext('ForScrollAreaScrollbar');\n  readonly host = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n\n  /**\n   * Reactive size of the track itself, measured independently of the viewport.\n   * The thumb's size and travel are computed against the *track* length, which\n   * the consumer is free to lay out shorter than the viewport (e.g. insets, a\n   * reserved corner, padding), so the viewport's reported client dimensions are\n   * not a substitute — the track must be observed directly.\n   *\n   * The target is a constant (`this.host` never changes), so `injectElementSize`'s\n   * target-swap branch is dead weight here; it is reused only for its\n   * `ResizeObserver` plumbing and change-deduped emission.\n   */\n  readonly #hostRef = signal<HTMLElement | null>(this.host);\n  readonly size = injectElementSize(this.#hostRef);\n\n  readonly #dragging = signal(false);\n  /** True while the thumb is being dragged. Pins the track visible / painted. */\n  readonly dragging = this.#dragging.asReadonly();\n\n  /**\n   * Marks the track as actively dragged so an in-flight drag is never aborted\n   * by the scrollbar self-hiding (`type=\"hover\"` / `\"scroll\"` fading the track,\n   * or a consumer `display:none` on `data-state=\"hidden\"`). Called by the thumb\n   * on pointer-down / drag-end.\n   */\n  setDragging(dragging: boolean): void {\n    this.#dragging.set(dragging);\n  }\n\n  readonly hasOverflow = computed<boolean>(() => {\n    if (this.orientation() === 'horizontal') {\n      return this.ctx.scrollWidth() - this.ctx.clientWidth() > 1;\n    }\n    return this.ctx.scrollHeight() - this.ctx.clientHeight() > 1;\n  });\n\n  /**\n   * Whether the track is rendered at all. `'always'` keeps it painted\n   * unconditionally (a stable, always-present track); every\n   * other `type` paints only the axis that actually overflows. An in-flight\n   * thumb drag also pins it painted so the gesture is never aborted by the\n   * track self-removing. Gates both the `hidden` attribute and the inline\n   * `display: none` self-removal.\n   */\n  readonly painted = computed<boolean>(\n    () => this.dragging() || this.ctx.type() === 'always' || this.hasOverflow(),\n  );\n\n  /**\n   * `'visible' | 'hidden'`. An in-flight thumb drag forces `'visible'` so a\n   * consumer fade on `data-state=\"hidden\"` can't hide the track mid-gesture.\n   * Otherwise: `'always'` resolves to `'visible'` regardless of overflow — the\n   * track is permanently present. `'auto'` shows whenever the axis overflows;\n   * `'hover'` / `'scroll'` additionally gate on the interaction signals. A\n   * non-overflowing axis is `'hidden'` for every mode except `'always'`.\n   */\n  readonly state = computed<'visible' | 'hidden'>(() => {\n    if (this.dragging()) return 'visible';\n    switch (this.ctx.type()) {\n      case 'always':\n        return 'visible';\n      case 'auto':\n        return this.hasOverflow() ? 'visible' : 'hidden';\n      case 'hover':\n        return this.hasOverflow() && (this.ctx.hovering() || this.ctx.scrolling())\n          ? 'visible'\n          : 'hidden';\n      case 'scroll':\n        return this.hasOverflow() && this.ctx.scrolling() ? 'visible' : 'hidden';\n    }\n  });\n}\n","import {\n  computed,\n  DestroyRef,\n  DOCUMENT,\n  Directive,\n  ElementRef,\n  inject,\n  signal,\n} from '@angular/core';\n\nimport { ForScrollAreaScrollbar } from './scroll-area-scrollbar';\n\nconst MIN_THUMB_SIZE = 8;\n\nfunction injectRequiredScrollbar(): ForScrollAreaScrollbar {\n  const scrollbar = inject(ForScrollAreaScrollbar, { optional: true });\n  if (!scrollbar) {\n    throw new Error(\n      '[forty-cdk/scroll-area] ForScrollAreaThumb must be used inside a [forScrollAreaScrollbar] element.',\n    );\n  }\n  return scrollbar;\n}\n\n/**\n * The draggable thumb inside a `[forScrollAreaScrollbar]`. Sizes itself\n * proportionally to viewport / content and translates along the track\n * based on `scrollLeft` / `scrollTop`. Pointer-drag scrolls the viewport\n * proportionally.\n */\n@Directive({\n  selector: '[forScrollAreaThumb]',\n  exportAs: 'forScrollAreaThumb',\n  host: {\n    '[style.position]': '\"absolute\"',\n    '[style.width.px]': 'widthPx()',\n    '[style.height.px]': 'heightPx()',\n    '[style.left.px]': 'leftPx()',\n    '[style.top.px]': 'topPx()',\n    '[style.transform]': 'transformValue()',\n    '[attr.data-orientation]': 'scrollbar.orientation()',\n    '[attr.data-state]': 'scrollbar.state()',\n    '(pointerdown)': 'onPointerDown($event)',\n    '(lostpointercapture)': 'onLostPointerCapture()',\n  },\n})\nexport class ForScrollAreaThumb {\n  readonly scrollbar = injectRequiredScrollbar();\n  readonly #host = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n  readonly #document = inject(DOCUMENT);\n\n  readonly #dragging = signal(false);\n  #dragStartPointer = 0;\n  #dragStartScroll = 0;\n\n  constructor() {\n    inject(DestroyRef).onDestroy(() => this.#endDrag());\n  }\n\n  /** Track length in CSS pixels (reactive — derived from the scrollbar's measured size). */\n  readonly #trackLength = computed<number>(() => {\n    const size = this.scrollbar.size();\n    if (!size) return 0;\n    return this.scrollbar.orientation() === 'horizontal' ? size.width : size.height;\n  });\n\n  readonly #ratio = computed<number>(() => {\n    const ctx = this.scrollbar.ctx;\n    if (this.scrollbar.orientation() === 'horizontal') {\n      const sw = ctx.scrollWidth();\n      if (sw <= 0) return 0;\n      return Math.min(1, ctx.clientWidth() / sw);\n    }\n    const sh = ctx.scrollHeight();\n    if (sh <= 0) return 0;\n    return Math.min(1, ctx.clientHeight() / sh);\n  });\n\n  readonly #thumbSize = computed<number>(() => {\n    const tl = this.#trackLength();\n    const r = this.#ratio();\n    if (tl === 0 || r === 0) return 0;\n    return Math.max(MIN_THUMB_SIZE, Math.floor(tl * r));\n  });\n\n  readonly #thumbOffset = computed<number>(() => {\n    const ctx = this.scrollbar.ctx;\n    const tl = this.#trackLength();\n    const tsz = this.#thumbSize();\n    if (this.scrollbar.orientation() === 'horizontal') {\n      const max = ctx.scrollWidth() - ctx.clientWidth();\n      if (max <= 0) return 0;\n      const left = this.#normalizeScrollLeft(ctx.scrollLeft(), max);\n      return (left / max) * (tl - tsz) || 0;\n    }\n    const max = ctx.scrollHeight() - ctx.clientHeight();\n    if (max <= 0) return 0;\n    return (ctx.scrollTop() / max) * (tl - tsz) || 0;\n  });\n\n  /**\n   * Normalise the viewport's `scrollLeft` to a left-edge-origin value in\n   * `[0, max]`. In LTR `scrollLeft` is already left-origin. In RTL the browser\n   * reports `scrollLeft` in the negative model (`0` at rest with the content's\n   * right edge flush, `-max` when scrolled fully left), so a left-origin\n   * position is `scrollLeft + max` — `max` at rest (thumb pinned to the right)\n   * down to `0` when scrolled forward.\n   */\n  #normalizeScrollLeft(scrollLeft: number, max: number): number {\n    return this.scrollbar.ctx.dir() === 'rtl' ? scrollLeft + max : scrollLeft;\n  }\n\n  protected widthPx(): number | null {\n    return this.scrollbar.orientation() === 'horizontal' ? this.#thumbSize() : null;\n  }\n  protected heightPx(): number | null {\n    return this.scrollbar.orientation() === 'vertical' ? this.#thumbSize() : null;\n  }\n  protected leftPx(): number | null {\n    return this.scrollbar.orientation() === 'horizontal' ? 0 : null;\n  }\n  protected topPx(): number | null {\n    return this.scrollbar.orientation() === 'vertical' ? 0 : null;\n  }\n  protected transformValue(): string {\n    if (this.scrollbar.orientation() === 'horizontal') {\n      return `translateX(${this.#thumbOffset()}px)`;\n    }\n    return `translateY(${this.#thumbOffset()}px)`;\n  }\n\n  protected onPointerDown(event: PointerEvent): void {\n    if (event.button !== 0) return;\n    event.preventDefault();\n    this.#dragging.set(true);\n    this.scrollbar.setDragging(true);\n    this.#host.setPointerCapture(event.pointerId);\n    this.#dragStartPointer =\n      this.scrollbar.orientation() === 'horizontal' ? event.clientX : event.clientY;\n    const ctx = this.scrollbar.ctx;\n    this.#dragStartScroll =\n      this.scrollbar.orientation() === 'horizontal' ? ctx.scrollLeft() : ctx.scrollTop();\n    // Listen on the owner document, not the thumb element: pointer capture is\n    // set on the thumb (so the gesture stays bound to this pointer), but the\n    // captured node can be removed mid-drag when the scrollbar self-hides\n    // (`type=\"hover\"` / `\"scroll\"`). Document-level listeners keep firing after\n    // that removal, so the drag is not silently aborted. `lostpointercapture`\n    // tears the gesture down if capture is otherwise lost.\n    const doc = this.#document;\n    doc.addEventListener('pointermove', this.#onPointerMove);\n    doc.addEventListener('pointerup', this.#onPointerUp);\n    doc.addEventListener('pointercancel', this.#onPointerUp);\n  }\n\n  protected onLostPointerCapture(): void {\n    this.#endDrag();\n  }\n\n  readonly #onPointerMove = (event: PointerEvent): void => {\n    if (!this.#dragging()) return;\n    const ctx = this.scrollbar.ctx;\n    const viewport = ctx.viewport();\n    if (!viewport) return;\n    const tl = this.#trackLength();\n    const tsz = this.#thumbSize();\n    if (tl - tsz <= 0) return;\n    if (this.scrollbar.orientation() === 'horizontal') {\n      const delta = event.clientX - this.#dragStartPointer;\n      const scrollMax = ctx.scrollWidth() - ctx.clientWidth();\n      const scrollDelta = (delta / (tl - tsz)) * scrollMax;\n      viewport.scrollLeft = this.#dragStartScroll + scrollDelta;\n    } else {\n      const delta = event.clientY - this.#dragStartPointer;\n      const scrollMax = ctx.scrollHeight() - ctx.clientHeight();\n      const scrollDelta = (delta / (tl - tsz)) * scrollMax;\n      viewport.scrollTop = this.#dragStartScroll + scrollDelta;\n    }\n  };\n\n  readonly #onPointerUp = (event: PointerEvent): void => {\n    this.#endDrag();\n    if (this.#host.hasPointerCapture(event.pointerId)) {\n      this.#host.releasePointerCapture(event.pointerId);\n    }\n  };\n\n  #endDrag(): void {\n    this.#dragging.set(false);\n    this.scrollbar.setDragging(false);\n    const doc = this.#document;\n    doc.removeEventListener('pointermove', this.#onPointerMove);\n    doc.removeEventListener('pointerup', this.#onPointerUp);\n    doc.removeEventListener('pointercancel', this.#onPointerUp);\n  }\n}\n","import { computed, Directive } from '@angular/core';\n\nimport { injectScrollAreaContext } from './scroll-area-context';\n\n/**\n * Filler in the corner where horizontal and vertical scrollbars meet.\n * Shown when both axes overflow, or unconditionally under `type=\"always\"`\n * (both tracks are permanently present then). Visibility is enforced with an\n * inline `display: none` (which beats any author `display` rule a consumer\n * applies via a class) in addition to the `hidden` attribute that removes it\n * from the a11y tree.\n */\n@Directive({\n  selector: '[forScrollAreaCorner]',\n  exportAs: 'forScrollAreaCorner',\n  host: {\n    '[hidden]': '!visible()',\n    '[style.display]': 'visible() ? null : \"none\"',\n  },\n})\nexport class ForScrollAreaCorner {\n  protected readonly ctx = injectScrollAreaContext('ForScrollAreaCorner');\n\n  protected readonly visible = computed<boolean>(() => {\n    if (this.ctx.type() === 'always') return true;\n    const hOverflow = this.ctx.scrollWidth() - this.ctx.clientWidth() > 1;\n    const vOverflow = this.ctx.scrollHeight() - this.ctx.clientHeight() > 1;\n    return hOverflow && vOverflow;\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/forty-cdk-search.mjs

@@ -0,0 +1,205 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, Directive, input, computed } from '@angular/core';
+import { TextValueControlBase, reflectDisabled, createDefaults } from 'forty-cdk/core';
+
+/**
+ * Headless `role="searchbox"` text input implementing Angular's
+ * `FormValueControl<string>` from `@angular/forms/signals`, so it auto-wires
+ * with `[formField]` and auto-associates inside a `[forField]` (label /
+ * description / error) with no extra markup. Reuses the exact form-value
+ * wiring of `[forInput]` — same IME handling, same value mirror, same
+ * validation reflection.
+ *
+ * Apply on a native `<input>`. The element keeps its own `type`, caret, IME
+ * composition, and native form submission — the directive only bridges the
+ * value to a signal, reflects validation state, and emits `role="searchbox"`.
+ *
+ * Pair with `[forSearchClear]` (passing the exported instance) for an inline
+ * clear-button affordance that hides itself while the value is empty.
+ *
+ * @example
+ * ```html
+ * <input forSearch #s="forSearch" [(value)]="q" />
+ * <button [forSearchClear]="s">×</button>
+ *
+ * <!-- With Signal Forms + Field (auto-wired): -->
+ * <div forField>
+ *   <label forLabel>Search</label>
+ *   <input forSearch [formField]="search.query" />
+ * </div>
+ * ```
+ */
+class ForSearch extends TextValueControlBase {
+    #host = inject(ElementRef);
+    /**
+     * Resets the value to `''`. Typically called by `[forSearchClear]` when the
+     * user activates the clear button, but can also be called programmatically.
+     */
+    clear() {
+        this.value.set('');
+        this.#host.nativeElement.value = '';
+    }
+    /**
+     * Moves focus to the native input element. Called by `[forSearchClear]`
+     * after clearing so the user can continue typing without chasing the caret.
+     */
+    focusInput() {
+        this.#host.nativeElement.focus();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ForSearch, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.2", type: ForSearch, isStandalone: true, selector: "input[forSearch]", host: { attributes: { "role": "searchbox" }, listeners: { "input": "onInput($event)", "compositionstart": "onCompositionStart()", "compositionend": "onCompositionEnd()", "blur": "onBlur()" }, properties: { "attr.aria-disabled": "effectiveDisabled() ? \"true\" : null", "attr.aria-readonly": "readonly() ? \"true\" : null", "attr.aria-required": "required() ? \"true\" : null", "attr.aria-invalid": "invalid() ? \"true\" : null", "attr.aria-busy": "pending() ? \"true\" : null", "attr.readonly": "readonly() ? \"\" : null", "attr.data-disabled": "effectiveDisabled() ? \"\" : null", "attr.data-readonly": "readonly() ? \"\" : null", "attr.name": "name() || null", "attr.data-empty": "value() === \"\" ? \"\" : null" } }, exportAs: ["forSearch"], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ForSearch, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'input[forSearch]',
+                    exportAs: 'forSearch',
+                    host: {
+                        role: 'searchbox',
+                        '[attr.aria-disabled]': 'effectiveDisabled() ? "true" : null',
+                        '[attr.aria-readonly]': 'readonly() ? "true" : null',
+                        '[attr.aria-required]': 'required() ? "true" : null',
+                        '[attr.aria-invalid]': 'invalid() ? "true" : null',
+                        '[attr.aria-busy]': 'pending() ? "true" : null',
+                        '[attr.readonly]': 'readonly() ? "" : null',
+                        '[attr.data-disabled]': 'effectiveDisabled() ? "" : null',
+                        '[attr.data-readonly]': 'readonly() ? "" : null',
+                        '[attr.name]': 'name() || null',
+                        '[attr.data-empty]': 'value() === "" ? "" : null',
+                        '(input)': 'onInput($event)',
+                        '(compositionstart)': 'onCompositionStart()',
+                        '(compositionend)': 'onCompositionEnd()',
+                        '(blur)': 'onBlur()',
+                    },
+                }]
+        }] });
+
+/**
+ * Optional clear button for `[forSearch]`. Apply on a `<button>` element and
+ * pass the exported search instance through the selector input:
+ * `[forSearchClear]="s"` where `#s="forSearch"` is on the `<input>`.
+ *
+ * The button self-hides while the value is `''`, so consumers can leave it
+ * inline in the template without an extra `@if`. Visibility is enforced with
+ * an inline `display: none` (which beats any author `display` rule applied via
+ * a class) in addition to the `hidden` attribute that removes the element from
+ * the accessibility tree. This mirrors `[forComboboxClear]`'s approach.
+ *
+ * On activation (click) the button clears the value to `''` and refocuses the
+ * input so the user can continue typing without chasing the caret.
+ *
+ * The `aria-label="Clear"` default is set as a static host attribute. Consumers
+ * who want a different label can override it with their own `aria-label` on the
+ * same element — the consumer's attribute wins per Angular's host-binding
+ * precedence rules.
+ *
+ * The button stays in the natural tab order (no `tabindex="-1"`) unlike
+ * `[forComboboxClear]`, which lives inside an `aria-activedescendant` flow.
+ */
+class ForSearchClear {
+    /**
+     * The `[forSearch]` instance to operate on. Pass the exported reference:
+     * `<input forSearch #s="forSearch" /> <button [forSearchClear]="s">`.
+     */
+    search = input.required({ ...(ngDevMode ? { debugName: "search" } : /* istanbul ignore next */ {}), alias: 'forSearchClear' });
+    /** `true` while there is text to clear; drives the self-hide logic. */
+    hasContent = computed(() => this.search().value().length > 0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hasContent" }] : /* istanbul ignore next */ []));
+    /**
+     * Disabled when the search field is disabled or read-only — the clear action
+     * is unavailable in those states.
+     */
+    isDisabled = computed(() => this.search().effectiveDisabled() || this.search().readonly(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
+    constructor() {
+        reflectDisabled(this.isDisabled);
+    }
+    onClick() {
+        if (this.isDisabled()) {
+            return;
+        }
+        this.search().clear();
+        this.search().focusInput();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ForSearchClear, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.2", type: ForSearchClear, isStandalone: true, selector: "[forSearchClear]", inputs: { search: { classPropertyName: "search", publicName: "forSearchClear", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "type": "button", "aria-label": "Clear" }, listeners: { "click": "onClick()" }, properties: { "hidden": "!hasContent()", "style.display": "hasContent() ? null : \"none\"" } }, exportAs: ["forSearchClear"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ForSearchClear, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[forSearchClear]',
+                    exportAs: 'forSearchClear',
+                    host: {
+                        type: 'button',
+                        'aria-label': 'Clear',
+                        '[hidden]': '!hasContent()',
+                        '[style.display]': 'hasContent() ? null : "none"',
+                        '(click)': 'onClick()',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { search: [{ type: i0.Input, args: [{ isSignal: true, alias: "forSearchClear", required: true }] }] } });
+
+const FALLBACK = {};
+const { token, provideDefaults } = createDefaults('FOR_SEARCH_DEFAULTS', FALLBACK);
+/** Token holding the resolved search-field defaults for the current scope. */
+const FOR_SEARCH_DEFAULTS = token;
+/**
+ * Configures forty-cdk search-field defaults for this injector scope. Partial
+ * overrides inherit unspecified keys from the parent scope (or library
+ * defaults at the root).
+ */
+function provideForSearchDefaults(defaults = {}) {
+    return provideDefaults(defaults);
+}
+
+/**
+ * Exact public names of every `ForSearch` input, its models included. Spread it into the
+ * `inputs` array of a `hostDirectives` entry so a wrapper component re-exposes the
+ * primitive's full surface — the Signal Forms members `[formField]` binds among them —
+ * without hand-maintaining the list. Always spread into an inline object literal as shown
+ * below: the literal is what keeps the entry statically analyzable for consumers compiling
+ * against the published package. An anti-drift spec fails when this list no longer matches
+ * the directive's actual API. See `docs/wrapping-form-primitives.md` for both supported
+ * wrapping patterns.
+ *
+ * @example
+ * ```ts
+ * @Component({
+ *   selector: 'input[mySearch]',
+ *   template: '',
+ *   hostDirectives: [
+ *     {
+ *       directive: ForSearch,
+ *       inputs: [...FOR_SEARCH_HOST_DIRECTIVE_INPUTS],
+ *       outputs: [...FOR_SEARCH_HOST_DIRECTIVE_OUTPUTS],
+ *     },
+ *   ],
+ * })
+ * export class MySearch {}
+ * ```
+ */
+const FOR_SEARCH_HOST_DIRECTIVE_INPUTS = [
+    'value',
+    'dirty',
+    'disabled',
+    'errors',
+    'invalid',
+    'name',
+    'pending',
+    'readonly',
+    'required',
+    'touched',
+];
+/**
+ * Exact public names of every `ForSearch` output, the Signal Forms `touch` output
+ * included. Spread it into the `outputs` array of the same `hostDirectives` entry as
+ * {@link FOR_SEARCH_HOST_DIRECTIVE_INPUTS}.
+ */
+const FOR_SEARCH_HOST_DIRECTIVE_OUTPUTS = ['valueChange', 'touchedChange', 'touch'];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FOR_SEARCH_DEFAULTS, FOR_SEARCH_HOST_DIRECTIVE_INPUTS, FOR_SEARCH_HOST_DIRECTIVE_OUTPUTS, ForSearch, ForSearchClear, provideForSearchDefaults };
+//# sourceMappingURL=forty-cdk-search.mjs.map

package/fesm2022/forty-cdk-search.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"forty-cdk-search.mjs","sources":["../../../projects/forty-cdk/search/src/search.ts","../../../projects/forty-cdk/search/src/search-clear.ts","../../../projects/forty-cdk/search/src/search-defaults.ts","../../../projects/forty-cdk/search/src/search-host-directive.ts","../../../projects/forty-cdk/search/src/forty-cdk-search.ts"],"sourcesContent":["import { Directive, ElementRef, inject } from '@angular/core';\nimport type { FormValueControl } from '@angular/forms/signals';\n\nimport { TextValueControlBase } from 'forty-cdk/core';\n\n/**\n * Headless `role=\"searchbox\"` text input implementing Angular's\n * `FormValueControl<string>` from `@angular/forms/signals`, so it auto-wires\n * with `[formField]` and auto-associates inside a `[forField]` (label /\n * description / error) with no extra markup. Reuses the exact form-value\n * wiring of `[forInput]` — same IME handling, same value mirror, same\n * validation reflection.\n *\n * Apply on a native `<input>`. The element keeps its own `type`, caret, IME\n * composition, and native form submission — the directive only bridges the\n * value to a signal, reflects validation state, and emits `role=\"searchbox\"`.\n *\n * Pair with `[forSearchClear]` (passing the exported instance) for an inline\n * clear-button affordance that hides itself while the value is empty.\n *\n * @example\n * ```html\n * <input forSearch #s=\"forSearch\" [(value)]=\"q\" />\n * <button [forSearchClear]=\"s\">×</button>\n *\n * <!-- With Signal Forms + Field (auto-wired): -->\n * <div forField>\n *   <label forLabel>Search</label>\n *   <input forSearch [formField]=\"search.query\" />\n * </div>\n * ```\n */\n@Directive({\n  selector: 'input[forSearch]',\n  exportAs: 'forSearch',\n  host: {\n    role: 'searchbox',\n    '[attr.aria-disabled]': 'effectiveDisabled() ? \"true\" : null',\n    '[attr.aria-readonly]': 'readonly() ? \"true\" : null',\n    '[attr.aria-required]': 'required() ? \"true\" : null',\n    '[attr.aria-invalid]': 'invalid() ? \"true\" : null',\n    '[attr.aria-busy]': 'pending() ? \"true\" : null',\n    '[attr.readonly]': 'readonly() ? \"\" : null',\n    '[attr.data-disabled]': 'effectiveDisabled() ? \"\" : null',\n    '[attr.data-readonly]': 'readonly() ? \"\" : null',\n    '[attr.name]': 'name() || null',\n    '[attr.data-empty]': 'value() === \"\" ? \"\" : null',\n    '(input)': 'onInput($event)',\n    '(compositionstart)': 'onCompositionStart()',\n    '(compositionend)': 'onCompositionEnd()',\n    '(blur)': 'onBlur()',\n  },\n})\nexport class ForSearch extends TextValueControlBase implements FormValueControl<string> {\n  readonly #host = inject<ElementRef<HTMLInputElement>>(ElementRef);\n\n  /**\n   * Resets the value to `''`. Typically called by `[forSearchClear]` when the\n   * user activates the clear button, but can also be called programmatically.\n   */\n  clear(): void {\n    this.value.set('');\n    this.#host.nativeElement.value = '';\n  }\n\n  /**\n   * Moves focus to the native input element. Called by `[forSearchClear]`\n   * after clearing so the user can continue typing without chasing the caret.\n   */\n  focusInput(): void {\n    this.#host.nativeElement.focus();\n  }\n}\n","import { computed, Directive, input } from '@angular/core';\n\nimport { reflectDisabled } from 'forty-cdk/core';\nimport type { ForSearch } from './search';\n\n/**\n * Optional clear button for `[forSearch]`. Apply on a `<button>` element and\n * pass the exported search instance through the selector input:\n * `[forSearchClear]=\"s\"` where `#s=\"forSearch\"` is on the `<input>`.\n *\n * The button self-hides while the value is `''`, so consumers can leave it\n * inline in the template without an extra `@if`. Visibility is enforced with\n * an inline `display: none` (which beats any author `display` rule applied via\n * a class) in addition to the `hidden` attribute that removes the element from\n * the accessibility tree. This mirrors `[forComboboxClear]`'s approach.\n *\n * On activation (click) the button clears the value to `''` and refocuses the\n * input so the user can continue typing without chasing the caret.\n *\n * The `aria-label=\"Clear\"` default is set as a static host attribute. Consumers\n * who want a different label can override it with their own `aria-label` on the\n * same element — the consumer's attribute wins per Angular's host-binding\n * precedence rules.\n *\n * The button stays in the natural tab order (no `tabindex=\"-1\"`) unlike\n * `[forComboboxClear]`, which lives inside an `aria-activedescendant` flow.\n */\n@Directive({\n  selector: '[forSearchClear]',\n  exportAs: 'forSearchClear',\n  host: {\n    type: 'button',\n    'aria-label': 'Clear',\n    '[hidden]': '!hasContent()',\n    '[style.display]': 'hasContent() ? null : \"none\"',\n    '(click)': 'onClick()',\n  },\n})\nexport class ForSearchClear {\n  /**\n   * The `[forSearch]` instance to operate on. Pass the exported reference:\n   * `<input forSearch #s=\"forSearch\" /> <button [forSearchClear]=\"s\">`.\n   */\n  readonly search = input.required<ForSearch>({ alias: 'forSearchClear' });\n\n  /** `true` while there is text to clear; drives the self-hide logic. */\n  protected readonly hasContent = computed(() => this.search().value().length > 0);\n\n  /**\n   * Disabled when the search field is disabled or read-only — the clear action\n   * is unavailable in those states.\n   */\n  protected readonly isDisabled = computed(\n    () => this.search().effectiveDisabled() || this.search().readonly(),\n  );\n\n  constructor() {\n    reflectDisabled(this.isDisabled);\n  }\n\n  protected onClick(): void {\n    if (this.isDisabled()) {\n      return;\n    }\n    this.search().clear();\n    this.search().focusInput();\n  }\n}\n","import { type Provider } from '@angular/core';\n\nimport { createDefaults } from 'forty-cdk/core';\n\n/**\n * Defaults inherited by descendant `[forSearch]` controls in the surrounding\n * injector scope. Configure with `provideForSearchDefaults`. The shape is a\n * stub today — present so future per-scope tuning can land without churning\n * the public surface.\n */\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface ForSearchDefaults {}\n\nconst FALLBACK: ForSearchDefaults = {};\n\nconst { token, provideDefaults } = createDefaults<ForSearchDefaults>(\n  'FOR_SEARCH_DEFAULTS',\n  FALLBACK,\n);\n\n/** Token holding the resolved search-field defaults for the current scope. */\nexport const FOR_SEARCH_DEFAULTS = token;\n\n/**\n * Configures forty-cdk search-field defaults for this injector scope. Partial\n * overrides inherit unspecified keys from the parent scope (or library\n * defaults at the root).\n */\nexport function provideForSearchDefaults(defaults: Partial<ForSearchDefaults> = {}): Provider[] {\n  return provideDefaults(defaults);\n}\n","/**\n * Exact public names of every `ForSearch` input, its models included. Spread it into the\n * `inputs` array of a `hostDirectives` entry so a wrapper component re-exposes the\n * primitive's full surface — the Signal Forms members `[formField]` binds among them —\n * without hand-maintaining the list. Always spread into an inline object literal as shown\n * below: the literal is what keeps the entry statically analyzable for consumers compiling\n * against the published package. An anti-drift spec fails when this list no longer matches\n * the directive's actual API. See `docs/wrapping-form-primitives.md` for both supported\n * wrapping patterns.\n *\n * @example\n * ```ts\n * @Component({\n *   selector: 'input[mySearch]',\n *   template: '',\n *   hostDirectives: [\n *     {\n *       directive: ForSearch,\n *       inputs: [...FOR_SEARCH_HOST_DIRECTIVE_INPUTS],\n *       outputs: [...FOR_SEARCH_HOST_DIRECTIVE_OUTPUTS],\n *     },\n *   ],\n * })\n * export class MySearch {}\n * ```\n */\nexport const FOR_SEARCH_HOST_DIRECTIVE_INPUTS = [\n  'value',\n  'dirty',\n  'disabled',\n  'errors',\n  'invalid',\n  'name',\n  'pending',\n  'readonly',\n  'required',\n  'touched',\n] as const;\n\n/**\n * Exact public names of every `ForSearch` output, the Signal Forms `touch` output\n * included. Spread it into the `outputs` array of the same `hostDirectives` entry as\n * {@link FOR_SEARCH_HOST_DIRECTIVE_INPUTS}.\n */\nexport const FOR_SEARCH_HOST_DIRECTIVE_OUTPUTS = ['valueChange', 'touchedChange', 'touch'] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}