ngwr 10.2.0 → 11.0.0

package/fesm2022/ngwr-form.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngwr-form.mjs","sources":["../../../projects/lib/form/form-item.ts","../../../projects/lib/form/form-errors.ts","../../../projects/lib/form/tokens.ts","../../../projects/lib/form/form-field.ts","../../../projects/lib/form/form-field.html","../../../projects/lib/form/ngwr-form.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { Component, ViewEncapsulation, computed, input } from '@angular/core';\n\n/**\n * Wraps a label + control + error message into a single field row.\n *\n * Toggle `hasError` to apply error styling to the projected label and\n * any descendant input / textarea / checkbox.\n *\n * @example\n * ```html\n * <wr-form-item [hasError]=\"form.controls.email.invalid\">\n *   <label>Email</label>\n *   <input wrInput formControlName=\"email\" />\n *   <wr-form-error>Invalid email</wr-form-error>\n * </wr-form-item>\n * ```\n *\n * @see https://ngwr.dev/reference/components/form\n */\n@Component({\n  selector: 'wr-form-item',\n  template: '<ng-content />',\n  encapsulation: ViewEncapsulation.None,\n  host: { '[class]': 'classes()' },\n})\nexport class WrFormItem {\n  /**\n   * When `true`, applies error coloring to the projected label and inputs.\n   *\n   * @default false\n   */\n  readonly hasError = input(false, { transform: coerceBooleanProperty });\n\n  protected readonly classes = computed(() => {\n    const parts = ['wr-form-item'];\n    if (this.hasError()) parts.push('wr-form-item--error');\n    return parts.join(' ');\n  });\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { InjectionToken, type EnvironmentProviders, makeEnvironmentProviders } from '@angular/core';\n\n/** Pull a number out of a validator payload without trusting its shape. */\nfunction num(error: unknown, field: string): string {\n  if (error && typeof error === 'object' && field in error) {\n    const value = (error as Record<string, unknown>)[field];\n    if (typeof value === 'number' || typeof value === 'string') return String(value);\n  }\n  return '';\n}\n\n/** What a message function is handed to build its sentence. */\nexport interface WrFormErrorContext {\n  /** Validator key (classic forms) or Signal Forms `kind` that produced the error. */\n  readonly key: string;\n  /**\n   * The validator's own payload — `{ requiredLength, actualLength }` for\n   * `minlength`, `{ min }` for `wrMinDate`, and so on. `true` for the\n   * flag-shaped validators, which carry nothing.\n   */\n  readonly error: unknown;\n  /** The surrounding field's `label`, so a message can name the field. */\n  readonly label: string;\n}\n\n/** A message, or a function that builds one from the validator's payload. */\nexport type WrFormErrorMessage = string | ((ctx: WrFormErrorContext) => string);\n\n/** Validator key → message. Keys are matched exactly against `control.errors`. */\nexport type WrFormErrorMessages = Readonly<Record<string, WrFormErrorMessage>>;\n\n/**\n * App-wide validation copy. Empty by default; `<wr-form-field>` falls through\n * to the `ngwr/i18n` catalog and then to a built-in English sentence, so a\n * form shows a usable message with no configuration at all.\n */\nexport const WR_FORM_ERRORS = new InjectionToken<WrFormErrorMessages>('WR_FORM_ERRORS', {\n  providedIn: 'root',\n  factory: () => ({}),\n});\n\n/**\n * Register validation messages for the whole app.\n *\n * Only the keys you name are overridden — everything else keeps resolving\n * through the i18n catalog, so this composes with `provideWrI18n()` rather than\n * replacing it. A projected `<wr-form-error key=\"…\">` still wins over both:\n * per-field copy beats app-wide copy.\n *\n * @example\n * ```ts\n * bootstrapApplication(App, {\n *   providers: [\n *     provideWrFormErrors({\n *       required: 'Please fill this in.',\n *       minlength: ({ error }) => `At least ${(error as { requiredLength: number }).requiredLength} characters.`,\n *     }),\n *   ],\n * });\n * ```\n */\nexport function provideWrFormErrors(messages: WrFormErrorMessages = {}): EnvironmentProviders {\n  return makeEnvironmentProviders([{ provide: WR_FORM_ERRORS, useValue: messages }]);\n}\n\n/**\n * Last-resort English, used when no app catalog and no i18n catalog answer.\n *\n * These exist so that a form with zero configuration still says something true\n * rather than rendering an empty error block. Every key here also ships as a\n * `validation.*` entry in `ngwr/i18n/{en,ru}`, which is what a localized app\n * actually reads.\n */\nexport const WR_FORM_ERROR_FALLBACKS: WrFormErrorMessages = {\n  // Angular built-ins.\n  required: 'This field is required.',\n  requiredTrue: 'This field must be checked.',\n  email: 'Enter a valid email address.',\n  minlength: ({ error }) => `Enter at least ${num(error, 'requiredLength')} characters.`,\n  maxlength: ({ error }) => `Enter at most ${num(error, 'requiredLength')} characters.`,\n  min: ({ error }) => `Enter ${num(error, 'min')} or more.`,\n  max: ({ error }) => `Enter ${num(error, 'max')} or less.`,\n  pattern: 'This value is not in the expected format.',\n\n  // WrValidators.\n  noWhitespace: 'This field cannot be blank.',\n  hexColor: 'Enter a hex colour, e.g. #1a2b3c.',\n  url: 'Enter a valid URL.',\n  cardNumber: 'Enter a valid card number.',\n  cvc: ({ error }) => `Enter the ${num(error, 'length')}-digit security code.`,\n  iban: 'Enter a valid IBAN.',\n  match: 'The two values do not match.',\n  matchFields: 'These fields do not match.',\n  oneOf: 'Choose one of the allowed values.',\n  minDate: 'Choose a later date.',\n  maxDate: 'Choose an earlier date.',\n};\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { InjectionToken, type Signal } from '@angular/core';\n\n/**\n * What a projected control can read from its surrounding `<wr-form-field>`.\n *\n * The field renders `<label [for]>` before it can see what was projected into\n * it, so the id has to travel the other way: the control adopts the id the\n * label already points at. Doing it through DI keeps it a render-time binding,\n * which is what SSR needs — stamping the id from `afterNextRender` would leave\n * every prerendered page with a label pointing at nothing.\n */\nexport interface WrFormFieldContext {\n  /** Id the field's `<label for>` points at. */\n  readonly controlId: Signal<string>;\n\n  /**\n   * Validator keys currently in error, once the control is touched or dirty.\n   * Empty when the field is valid or has not been interacted with.\n   */\n  readonly errorKeys: Signal<readonly string[]>;\n\n  /** Id of the element listing the visible messages, or `null` when there are none. */\n  readonly describedBy: Signal<string | null>;\n}\n\n/** Present only inside a `<wr-form-field>`; inject with `{ optional: true }`. */\nexport const WR_FORM_FIELD = new InjectionToken<WrFormFieldContext>('WR_FORM_FIELD');\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport {\n  Component,\n  DestroyRef,\n  ViewEncapsulation,\n  computed,\n  contentChild,\n  contentChildren,\n  effect,\n  forwardRef,\n  inject,\n  input,\n  signal,\n} from '@angular/core';\nimport { NgControl } from '@angular/forms';\n\nimport { EMPTY, type Subscription } from 'rxjs';\n\nimport { WrI18n } from 'ngwr/i18n';\n\nimport { WR_FORM_ERRORS, WR_FORM_ERROR_FALLBACKS, type WrFormErrorMessage } from './form-errors';\nimport { WR_FORM_FIELD, type WrFormFieldContext } from './tokens';\n\nlet uid = 0;\n\n/** A message is either literal text or a function over the validator's payload. */\nfunction render(message: WrFormErrorMessage, key: string, error: unknown, label: string): string {\n  return typeof message === 'function' ? message({ key, error, label }) : message;\n}\n\n/** Validator payloads are plain objects; anything else interpolates nothing. */\nfunction toParams(error: unknown): Record<string, unknown> | undefined {\n  return error && typeof error === 'object' ? (error as Record<string, unknown>) : undefined;\n}\n\n/**\n * One error message tied to a validator key. Renders only when the parent\n * form-field has a matching error in `control.errors`, and only once the\n * control is touched or dirty.\n *\n * @example\n * ```html\n * <wr-form-error key=\"required\">This field is required.</wr-form-error>\n * <wr-form-error key=\"email\">That doesn't look right.</wr-form-error>\n * ```\n */\n@Component({\n  selector: 'wr-form-error',\n  template: `<ng-content />`,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'wr-form-error wr-form-field__error',\n    role: 'alert',\n    '[attr.data-key]': 'key() ?? null',\n    '[class.wr-form-field__error--hidden]': '!visible()',\n  },\n})\nexport class WrFormError {\n  /**\n   * Validator key this message corresponds to (e.g. `'required'`).\n   * Optional — without a key the message always renders, which is the\n   * plain inline-error usage inside `<wr-form-item>`.\n   */\n  readonly key = input<string>();\n\n  private readonly field = inject(WR_FORM_FIELD, { optional: true });\n\n  /**\n   * Whether this message is the one the current error calls for.\n   *\n   * The parent projects every `<wr-form-error>` through a single\n   * `<ng-content select>`, which cannot filter — so each message decides for\n   * itself. Without this, one invalid control rendered \"Email is required.\"\n   * and \"That isn't a valid email.\" side by side, which is what the docs have\n   * always described as gated behaviour.\n   *\n   * A keyless message always shows: that is the plain inline-error usage inside\n   * `<wr-form-item>`, which has no error discovery at all.\n   */\n  protected readonly visible = computed(() => {\n    const key = this.key();\n    if (!key || !this.field) return true;\n    return this.field.errorKeys().includes(key);\n  });\n}\n\n/**\n * Wraps a label + control + hint + error messages into a single block —\n * the layout primitive every form ends up reinventing.\n *\n * - Auto-binds `label[for]` to the projected control via a generated id\n *   (or use the form-control's `[id]` if you set one).\n * - Reads the projected control's `NgControl` to surface validation\n *   errors only when the control has been touched / submitted.\n * - Optional `[required]` / `[optional]` markers next to the label.\n *\n * @example\n * ```html\n * <wr-form-field label=\"Email\" hint=\"We'll never share it.\">\n *   <input wrInput [formControl]=\"email\" type=\"email\" />\n *   <wr-form-error key=\"required\">Email is required.</wr-form-error>\n *   <wr-form-error key=\"email\">Not a valid email.</wr-form-error>\n * </wr-form-field>\n * ```\n *\n * @see https://ngwr.dev/reference/components/form-field\n */\n@Component({\n  selector: 'wr-form-field',\n  templateUrl: './form-field.html',\n  encapsulation: ViewEncapsulation.None,\n  host: { '[class]': 'classes()' },\n  providers: [\n    {\n      provide: WR_FORM_FIELD,\n      // eslint-disable-next-line @angular-eslint/no-forward-ref\n      useExisting: forwardRef(() => WrFormField),\n    },\n  ],\n})\nexport class WrFormField implements WrFormFieldContext {\n  /** Label text shown above the control. */\n  readonly label = input<string>('');\n\n  /** Hint text shown below the control. Hidden when an error is visible. */\n  readonly hint = input<string>('');\n\n  /** Show a `*` next to the label. @default false */\n  readonly required = input(false, { transform: coerceBooleanProperty });\n\n  /** Show `(optional)` next to the label. Mutually exclusive with `required`. @default false */\n  readonly optional = input(false, { transform: coerceBooleanProperty });\n\n  /**\n   * Force a specific id on the label's `for` attribute. Auto-generated\n   * otherwise, and adopted by the projected `wrInput` unless that element\n   * already carries an `id` of its own.\n   */\n  readonly controlId = input<string>(`wr-form-field-${++uid}`);\n\n  /**\n   * Projected `NgControl` — used to read touched / dirty / errors.\n   *\n   * This catches `[formField]` too: Angular's Signal Forms directive provides\n   * `NgControl` via its interop shim, so both forms flavours land here.\n   */\n  protected readonly ngControl = contentChild(NgControl);\n\n  /**\n   * Bumped on every event the projected control emits.\n   *\n   * `AbstractControl`'s `touched` / `dirty` / `errors` accessors are NOT\n   * reactive under classic forms — Angular reads them inside `untracked()`, and\n   * `errors` is a plain assigned field. A `computed` over them therefore caches\n   * its first value and never recomputes, which in a zoneless app means the\n   * error block never appears at all. `control.events` is the reactive source\n   * Angular does expose, so the computed depends on this counter instead.\n   * Signal Forms needs none of this — its interop getters read live signals —\n   * and harmlessly contributes no events.\n   */\n  private readonly revision = signal(0);\n\n  constructor() {\n    let sub: Subscription | null = null;\n    effect(() => {\n      const control = this.ngControl()?.control;\n      sub?.unsubscribe();\n      sub = (control?.events ?? EMPTY).subscribe(() => this.revision.update(n => n + 1));\n    });\n    inject(DestroyRef).onDestroy(() => sub?.unsubscribe());\n  }\n\n  protected readonly errors = computed(() => {\n    this.revision();\n    const c = this.ngControl();\n    if (!c) return null;\n    if (!c.touched && !c.dirty) return null;\n    return c.errors;\n  });\n\n  protected readonly hasError = computed(() => {\n    const errs = this.errors();\n    return !!errs && Object.keys(errs).length > 0;\n  });\n\n  /** @internal Read by the projected `<wr-form-error>` children to decide which of them renders. */\n  readonly errorKeys = computed<readonly string[]>(() => Object.keys(this.errors() ?? {}));\n\n  /** @internal Read by the projected control so a screen reader is pointed at the message. */\n  readonly describedBy = computed(() => (this.hasError() ? `${this.controlId()}-errors` : null));\n\n  /**\n   * Render a catalog message for any error the markup does not already answer.\n   *\n   * On by default: a field with no `<wr-form-error>` at all is the common case,\n   * and an empty error block helps nobody. Turn it off for a field whose copy is\n   * entirely hand-written. @default true\n   */\n  readonly autoErrors = input(true, { transform: coerceBooleanProperty });\n\n  private readonly projectedErrors = contentChildren(WrFormError);\n  private readonly appMessages = inject(WR_FORM_ERRORS);\n  private readonly i18n = inject(WrI18n, { optional: true });\n\n  /**\n   * Errors with no projected `<wr-form-error key>` to answer them, resolved to\n   * text: the app catalog first, then the `validation.*` i18n keys, then a\n   * built-in English sentence. Per-field markup always wins — it is the most\n   * specific thing the author wrote.\n   */\n  protected readonly autoMessages = computed<readonly { key: string; text: string }[]>(() => {\n    if (!this.autoErrors()) return [];\n    const errors = this.errors();\n    if (!errors) return [];\n\n    const claimed = new Set(\n      this.projectedErrors()\n        .map(e => e.key())\n        .filter(Boolean)\n    );\n\n    return Object.entries(errors)\n      .filter(([key]) => !claimed.has(key))\n      .map(([key, error]) => ({ key, text: this.resolve(key, error) }))\n      .filter(m => m.text.length > 0);\n  });\n\n  private resolve(key: string, error: unknown): string {\n    const app = this.appMessages[key];\n    if (app !== undefined) return render(app, key, error, this.label());\n\n    // `t()` reads the service's revision signal, so this recomputes on a locale\n    // switch; a miss returns the key itself, which is the documented signal.\n    const translated = this.i18n?.t(`validation.${key}`, toParams(error));\n    if (translated && translated !== `validation.${key}`) return translated;\n\n    const fallback = WR_FORM_ERROR_FALLBACKS[key];\n    return fallback === undefined ? '' : render(fallback, key, error, this.label());\n  }\n\n  protected readonly classes = computed(() => {\n    const parts = ['wr-form-field'];\n    if (this.hasError()) parts.push('wr-form-field--invalid');\n    if (this.required()) parts.push('wr-form-field--required');\n    return parts.join(' ');\n  });\n}\n","@if (label()) {\n  <label class=\"wr-form-field__label\" [attr.for]=\"controlId()\">\n    {{ label() }}\n    @if (required()) {\n      <span class=\"wr-form-field__required\" aria-hidden=\"true\">*</span>\n    } @else if (optional()) {\n      <span class=\"wr-form-field__optional\">(optional)</span>\n    }\n  </label>\n}\n\n<div class=\"wr-form-field__control\"><ng-content /></div>\n\n@if (hasError()) {\n  <div class=\"wr-form-field__errors\" [attr.id]=\"describedBy()\">\n    <ng-content select=\"wr-form-error\" />\n    @for (message of autoMessages(); track message.key) {\n      <div class=\"wr-form-error wr-form-field__error\" role=\"alert\" [attr.data-key]=\"message.key\">\n        {{ message.text }}\n      </div>\n    }\n  </div>\n} @else if (hint()) {\n  <small class=\"wr-form-field__hint\">{{ hint() }}</small>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngwr-form.mjs","sources":["../../../projects/lib/form/form-item.ts","../../../projects/lib/form/form-errors.ts","../../../projects/lib/form/tokens.ts","../../../projects/lib/form/form-field.ts","../../../projects/lib/form/form-field.html","../../../projects/lib/form/ngwr-form.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { Component, ViewEncapsulation, computed, input } from '@angular/core';\n\n/**\n * Wraps a label + control + error message into a single field row.\n *\n * Toggle `hasError` to apply error styling to the projected label and\n * any descendant input / textarea / checkbox.\n *\n * @example\n * ```html\n * <wr-form-item [hasError]=\"form.controls.email.invalid\">\n *   <label>Email</label>\n *   <input wrInput formControlName=\"email\" />\n *   <wr-form-error>Invalid email</wr-form-error>\n * </wr-form-item>\n * ```\n *\n * @see https://ngwr.dev/reference/components/form\n */\n@Component({\n  selector: 'wr-form-item',\n  template: '<ng-content />',\n  encapsulation: ViewEncapsulation.None,\n  host: { '[class]': 'classes()' },\n})\nexport class WrFormItem {\n  /**\n   * When `true`, applies error coloring to the projected label and inputs.\n   *\n   * @default false\n   */\n  readonly hasError = input(false, { transform: coerceBooleanProperty });\n\n  protected readonly classes = computed(() => {\n    const parts = ['wr-form-item'];\n    if (this.hasError()) parts.push('wr-form-item--error');\n    return parts.join(' ');\n  });\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { InjectionToken, type EnvironmentProviders, makeEnvironmentProviders } from '@angular/core';\n\n/** Pull a number out of a validator payload without trusting its shape. */\nfunction num(error: unknown, field: string): string {\n  if (error && typeof error === 'object' && field in error) {\n    const value = (error as Record<string, unknown>)[field];\n    if (typeof value === 'number' || typeof value === 'string') return String(value);\n  }\n  return '';\n}\n\n/** What a message function is handed to build its sentence. */\nexport interface WrFormErrorContext {\n  /** Validator key (classic forms) or Signal Forms `kind` that produced the error. */\n  readonly key: string;\n  /**\n   * The validator's own payload — `{ requiredLength, actualLength }` for\n   * `minlength`, `{ min }` for `wrMinDate`, and so on. `true` for the\n   * flag-shaped validators, which carry nothing.\n   */\n  readonly error: unknown;\n  /** The surrounding field's `label`, so a message can name the field. */\n  readonly label: string;\n}\n\n/** A message, or a function that builds one from the validator's payload. */\nexport type WrFormErrorMessage = string | ((ctx: WrFormErrorContext) => string);\n\n/** Validator key → message. Keys are matched exactly against `control.errors`. */\nexport type WrFormErrorMessages = Readonly<Record<string, WrFormErrorMessage>>;\n\n/**\n * App-wide validation copy. Empty by default; `<wr-form-field>` falls through\n * to the `ngwr/i18n` catalog and then to a built-in English sentence, so a\n * form shows a usable message with no configuration at all.\n */\nexport const WR_FORM_ERRORS = new InjectionToken<WrFormErrorMessages>('WR_FORM_ERRORS', {\n  providedIn: 'root',\n  factory: () => ({}),\n});\n\n/**\n * Register validation messages for the whole app.\n *\n * Only the keys you name are overridden — everything else keeps resolving\n * through the i18n catalog, so this composes with `provideWrI18n()` rather than\n * replacing it. A projected `<wr-form-error key=\"…\">` still wins over both:\n * per-field copy beats app-wide copy.\n *\n * @example\n * ```ts\n * bootstrapApplication(App, {\n *   providers: [\n *     provideWrFormErrors({\n *       required: 'Please fill this in.',\n *       minlength: ({ error }) => `At least ${(error as { requiredLength: number }).requiredLength} characters.`,\n *     }),\n *   ],\n * });\n * ```\n */\nexport function provideWrFormErrors(messages: WrFormErrorMessages = {}): EnvironmentProviders {\n  return makeEnvironmentProviders([{ provide: WR_FORM_ERRORS, useValue: messages }]);\n}\n\n/**\n * Last-resort English, used when no app catalog and no i18n catalog answer.\n *\n * These exist so that a form with zero configuration still says something true\n * rather than rendering an empty error block. Every key here also ships as a\n * `validation.*` entry in `ngwr/i18n/{en,ru}`, which is what a localized app\n * actually reads.\n */\nexport const WR_FORM_ERROR_FALLBACKS: WrFormErrorMessages = {\n  // Angular built-ins.\n  required: 'This field is required.',\n  requiredTrue: 'This field must be checked.',\n  email: 'Enter a valid email address.',\n  minlength: ({ error }) => `Enter at least ${num(error, 'requiredLength')} characters.`,\n  maxlength: ({ error }) => `Enter at most ${num(error, 'requiredLength')} characters.`,\n  min: ({ error }) => `Enter ${num(error, 'min')} or more.`,\n  max: ({ error }) => `Enter ${num(error, 'max')} or less.`,\n  pattern: 'This value is not in the expected format.',\n\n  // WrValidators.\n  noWhitespace: 'This field cannot be blank.',\n  hexColor: 'Enter a hex colour, e.g. #1a2b3c.',\n  url: 'Enter a valid URL.',\n  cardNumber: 'Enter a valid card number.',\n  cvc: ({ error }) => `Enter the ${num(error, 'length')}-digit security code.`,\n  iban: 'Enter a valid IBAN.',\n  match: 'The two values do not match.',\n  matchFields: 'These fields do not match.',\n  oneOf: 'Choose one of the allowed values.',\n  minDate: 'Choose a later date.',\n  maxDate: 'Choose an earlier date.',\n};\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { InjectionToken, type Signal } from '@angular/core';\n\n/**\n * What a projected control can read from its surrounding `<wr-form-field>`.\n *\n * The field renders `<label [for]>` before it can see what was projected into\n * it, so the id has to travel the other way: the control adopts the id the\n * label already points at. Doing it through DI keeps it a render-time binding,\n * which is what SSR needs — stamping the id from `afterNextRender` would leave\n * every prerendered page with a label pointing at nothing.\n */\nexport interface WrFormFieldContext {\n  /** Id the field's `<label for>` points at. */\n  readonly controlId: Signal<string>;\n\n  /**\n   * The reverse direction, for the one case the paragraph above does not cover: a\n   * projected control that already carries its own `id` keeps it, and the label has\n   * to follow, or `for` names an element that does not exist and the field ends up\n   * with no label at all. Called during the control's construction, so the label's\n   * binding still resolves in the same render pass.\n   */\n  adoptControlId(id: string): void;\n\n  /**\n   * Validator keys currently in error, once the control is touched or dirty.\n   * Empty when the field is valid or has not been interacted with.\n   */\n  readonly errorKeys: Signal<readonly string[]>;\n\n  /** Id of the element listing the visible messages, or `null` when there are none. */\n  readonly describedBy: Signal<string | null>;\n}\n\n/** Present only inside a `<wr-form-field>`; inject with `{ optional: true }`. */\nexport const WR_FORM_FIELD = new InjectionToken<WrFormFieldContext>('WR_FORM_FIELD');\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport {\n  Component,\n  DestroyRef,\n  ViewEncapsulation,\n  computed,\n  contentChild,\n  contentChildren,\n  effect,\n  forwardRef,\n  inject,\n  input,\n  signal,\n} from '@angular/core';\nimport { NgControl } from '@angular/forms';\n\nimport { EMPTY, type Subscription } from 'rxjs';\n\nimport { WrI18n } from 'ngwr/i18n';\n\nimport { WR_FORM_ERRORS, WR_FORM_ERROR_FALLBACKS, type WrFormErrorMessage } from './form-errors';\nimport { WR_FORM_FIELD, type WrFormFieldContext } from './tokens';\n\nlet uid = 0;\n\n/** A message is either literal text or a function over the validator's payload. */\nfunction render(message: WrFormErrorMessage, key: string, error: unknown, label: string): string {\n  return typeof message === 'function' ? message({ key, error, label }) : message;\n}\n\n/** Validator payloads are plain objects; anything else interpolates nothing. */\nfunction toParams(error: unknown): Record<string, unknown> | undefined {\n  return error && typeof error === 'object' ? (error as Record<string, unknown>) : undefined;\n}\n\n/**\n * One error message tied to a validator key. Renders only when the parent\n * form-field has a matching error in `control.errors`, and only once the\n * control is touched or dirty.\n *\n * @example\n * ```html\n * <wr-form-error key=\"required\">This field is required.</wr-form-error>\n * <wr-form-error key=\"email\">That doesn't look right.</wr-form-error>\n * ```\n */\n@Component({\n  selector: 'wr-form-error',\n  template: `<ng-content />`,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'wr-form-error wr-form-field__error',\n    role: 'alert',\n    '[attr.data-key]': 'key() ?? null',\n    '[class.wr-form-field__error--hidden]': '!visible()',\n  },\n})\nexport class WrFormError {\n  /**\n   * Validator key this message corresponds to (e.g. `'required'`).\n   * Optional — without a key the message always renders, which is the\n   * plain inline-error usage inside `<wr-form-item>`.\n   */\n  readonly key = input<string>();\n\n  private readonly field = inject(WR_FORM_FIELD, { optional: true });\n\n  /**\n   * Whether this message is the one the current error calls for.\n   *\n   * The parent projects every `<wr-form-error>` through a single\n   * `<ng-content select>`, which cannot filter — so each message decides for\n   * itself. Without this, one invalid control rendered \"Email is required.\"\n   * and \"That isn't a valid email.\" side by side, which is what the docs have\n   * always described as gated behaviour.\n   *\n   * A keyless message always shows: that is the plain inline-error usage inside\n   * `<wr-form-item>`, which has no error discovery at all.\n   */\n  protected readonly visible = computed(() => {\n    const key = this.key();\n    if (!key || !this.field) return true;\n    return this.field.errorKeys().includes(key);\n  });\n}\n\n/**\n * Wraps a label + control + hint + error messages into a single block —\n * the layout primitive every form ends up reinventing.\n *\n * - Auto-binds `label[for]` to the projected control via a generated id\n *   (or use the form-control's `[id]` if you set one).\n * - Reads the projected control's `NgControl` to surface validation\n *   errors only when the control has been touched / submitted.\n * - Optional `[required]` / `[optional]` markers next to the label.\n *\n * @example\n * ```html\n * <wr-form-field label=\"Email\" hint=\"We'll never share it.\">\n *   <input wrInput [formControl]=\"email\" type=\"email\" />\n *   <wr-form-error key=\"required\">Email is required.</wr-form-error>\n *   <wr-form-error key=\"email\">Not a valid email.</wr-form-error>\n * </wr-form-field>\n * ```\n *\n * @see https://ngwr.dev/reference/components/form-field\n */\n@Component({\n  selector: 'wr-form-field',\n  templateUrl: './form-field.html',\n  encapsulation: ViewEncapsulation.None,\n  host: { '[class]': 'classes()' },\n  providers: [\n    {\n      provide: WR_FORM_FIELD,\n      // eslint-disable-next-line @angular-eslint/no-forward-ref\n      useExisting: forwardRef(() => WrFormField),\n    },\n  ],\n})\nexport class WrFormField implements WrFormFieldContext {\n  /** Label text shown above the control. */\n  readonly label = input<string>('');\n\n  /** Hint text shown below the control. Hidden when an error is visible. */\n  readonly hint = input<string>('');\n\n  /** Show a `*` next to the label. @default false */\n  readonly required = input(false, { transform: coerceBooleanProperty });\n\n  /** Show `(optional)` next to the label. Mutually exclusive with `required`. @default false */\n  readonly optional = input(false, { transform: coerceBooleanProperty });\n\n  /**\n   * Force a specific id on the label's `for` attribute. Auto-generated\n   * otherwise, and adopted by the projected `wrInput` unless that element\n   * already carries an `id` of its own.\n   */\n  readonly controlId = input<string>(`wr-form-field-${++uid}`);\n\n  // What a projected control reported it actually kept. `null` until one does — most\n  // controls simply adopt `controlId`, and only a control with its own `id` overrides\n  // it from the other direction.\n  private readonly adoptedId = signal<string | null>(null);\n\n  /**\n   * Id the `<label for>` renders. A control that came with its own `id` keeps it, so\n   * the label follows that instead of the generated one — otherwise `for` points at\n   * an element that is not in the document and the field is unlabelled.\n   */\n  protected readonly labelFor = computed(() => this.adoptedId() ?? this.controlId());\n\n  /** @internal `WrFormFieldContext` — see the token's docs. */\n  adoptControlId(id: string): void {\n    this.adoptedId.set(id);\n  }\n\n  /**\n   * Projected `NgControl` — used to read touched / dirty / errors.\n   *\n   * This catches `[formField]` too: Angular's Signal Forms directive provides\n   * `NgControl` via its interop shim, so both forms flavours land here.\n   */\n  protected readonly ngControl = contentChild(NgControl);\n\n  /**\n   * Bumped on every event the projected control emits.\n   *\n   * `AbstractControl`'s `touched` / `dirty` / `errors` accessors are NOT\n   * reactive under classic forms — Angular reads them inside `untracked()`, and\n   * `errors` is a plain assigned field. A `computed` over them therefore caches\n   * its first value and never recomputes, which in a zoneless app means the\n   * error block never appears at all. `control.events` is the reactive source\n   * Angular does expose, so the computed depends on this counter instead.\n   * Signal Forms needs none of this — its interop getters read live signals —\n   * and harmlessly contributes no events.\n   */\n  private readonly revision = signal(0);\n\n  constructor() {\n    let sub: Subscription | null = null;\n    effect(() => {\n      const control = this.ngControl()?.control;\n      sub?.unsubscribe();\n      sub = (control?.events ?? EMPTY).subscribe(() => this.revision.update(n => n + 1));\n    });\n    inject(DestroyRef).onDestroy(() => sub?.unsubscribe());\n  }\n\n  protected readonly errors = computed(() => {\n    this.revision();\n    const c = this.ngControl();\n    if (!c) return null;\n    if (!c.touched && !c.dirty) return null;\n    return c.errors;\n  });\n\n  protected readonly hasError = computed(() => {\n    const errs = this.errors();\n    return !!errs && Object.keys(errs).length > 0;\n  });\n\n  /** @internal Read by the projected `<wr-form-error>` children to decide which of them renders. */\n  readonly errorKeys = computed<readonly string[]>(() => Object.keys(this.errors() ?? {}));\n\n  /** @internal Read by the projected control so a screen reader is pointed at the message. */\n  readonly describedBy = computed(() => (this.hasError() ? `${this.controlId()}-errors` : null));\n\n  /**\n   * Render a catalog message for any error the markup does not already answer.\n   *\n   * On by default: a field with no `<wr-form-error>` at all is the common case,\n   * and an empty error block helps nobody. Turn it off for a field whose copy is\n   * entirely hand-written. @default true\n   */\n  readonly autoErrors = input(true, { transform: coerceBooleanProperty });\n\n  private readonly projectedErrors = contentChildren(WrFormError);\n  private readonly appMessages = inject(WR_FORM_ERRORS);\n  private readonly i18n = inject(WrI18n, { optional: true });\n\n  /**\n   * Errors with no projected `<wr-form-error key>` to answer them, resolved to\n   * text: the app catalog first, then the `validation.*` i18n keys, then a\n   * built-in English sentence. Per-field markup always wins — it is the most\n   * specific thing the author wrote.\n   */\n  protected readonly autoMessages = computed<readonly { key: string; text: string }[]>(() => {\n    if (!this.autoErrors()) return [];\n    const errors = this.errors();\n    if (!errors) return [];\n\n    const claimed = new Set(\n      this.projectedErrors()\n        .map(e => e.key())\n        .filter(Boolean)\n    );\n\n    return Object.entries(errors)\n      .filter(([key]) => !claimed.has(key))\n      .map(([key, error]) => ({ key, text: this.resolve(key, error) }))\n      .filter(m => m.text.length > 0);\n  });\n\n  private resolve(key: string, error: unknown): string {\n    const app = this.appMessages[key];\n    if (app !== undefined) return render(app, key, error, this.label());\n\n    // `t()` reads the service's revision signal, so this recomputes on a locale\n    // switch; a miss returns the key itself, which is the documented signal.\n    const translated = this.i18n?.t(`validation.${key}`, toParams(error));\n    if (translated && translated !== `validation.${key}`) return translated;\n\n    const fallback = WR_FORM_ERROR_FALLBACKS[key];\n    return fallback === undefined ? '' : render(fallback, key, error, this.label());\n  }\n\n  protected readonly classes = computed(() => {\n    const parts = ['wr-form-field'];\n    if (this.hasError()) parts.push('wr-form-field--invalid');\n    if (this.required()) parts.push('wr-form-field--required');\n    return parts.join(' ');\n  });\n}\n","@if (label()) {\n  <label class=\"wr-form-field__label\" [attr.for]=\"labelFor()\">\n    {{ label() }}\n    @if (required()) {\n      <span class=\"wr-form-field__required\" aria-hidden=\"true\">*</span>\n    } @else if (optional()) {\n      <span class=\"wr-form-field__optional\">(optional)</span>\n    }\n  </label>\n}\n\n<div class=\"wr-form-field__control\"><ng-content /></div>\n\n@if (hasError()) {\n  <div class=\"wr-form-field__errors\" [attr.id]=\"describedBy()\">\n    <ng-content select=\"wr-form-error\" />\n    @for (message of autoMessages(); track message.key) {\n      <div class=\"wr-form-error wr-form-field__error\" role=\"alert\" [attr.data-key]=\"message.key\">\n        {{ message.text }}\n      </div>\n    }\n  </div>\n} @else if (hint()) {\n  <small class=\"wr-form-field__hint\">{{ hint() }}</small>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngwr-fuzzy-text.mjs

@@ -368,14 +368,21 @@ class WrFuzzyText {
             canvas.removeEventListener('click', onClick);
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: WrFuzzyText, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.0", type: WrFuzzyText, isStandalone: true, selector: "wr-fuzzy-text", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: true, transformFunction: null }, fontSize: { classPropertyName: "fontSize", publicName: "fontSize", isSignal: true, isRequired: false, transformFunction: null }, fontWeight: { classPropertyName: "fontWeight", publicName: "fontWeight", isSignal: true, isRequired: false, transformFunction: null }, fontFamily: { classPropertyName: "fontFamily", publicName: "fontFamily", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, gradient: { classPropertyName: "gradient", publicName: "gradient", isSignal: true, isRequired: false, transformFunction: null }, enableHover: { classPropertyName: "enableHover", publicName: "enableHover", isSignal: true, isRequired: false, transformFunction: null }, baseIntensity: { classPropertyName: "baseIntensity", publicName: "baseIntensity", isSignal: true, isRequired: false, transformFunction: null }, hoverIntensity: { classPropertyName: "hoverIntensity", publicName: "hoverIntensity", isSignal: true, isRequired: false, transformFunction: null }, fuzzRange: { classPropertyName: "fuzzRange", publicName: "fuzzRange", isSignal: true, isRequired: false, transformFunction: null }, fps: { classPropertyName: "fps", publicName: "fps", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, transitionDuration: { classPropertyName: "transitionDuration", publicName: "transitionDuration", isSignal: true, isRequired: false, transformFunction: null }, clickEffect: { classPropertyName: "clickEffect", publicName: "clickEffect", isSignal: true, isRequired: false, transformFunction: null }, glitchMode: { classPropertyName: "glitchMode", publicName: "glitchMode", isSignal: true, isRequired: false, transformFunction: null }, glitchInterval: { classPropertyName: "glitchInterval", publicName: "glitchInterval", isSignal: true, isRequired: false, transformFunction: null }, glitchDuration: { classPropertyName: "glitchDuration", publicName: "glitchDuration", isSignal: true, isRequired: false, transformFunction: null }, letterSpacing: { classPropertyName: "letterSpacing", publicName: "letterSpacing", isSignal: true, isRequired: false, transformFunction: null } }, host: { styleAttribute: "color: var(--wr-color-dark)", classAttribute: "wr-fuzzy-text" }, viewQueries: [{ propertyName: "canvasRef", first: true, predicate: ["canvas"], descendants: true, isSignal: true }], ngImport: i0, template: '<canvas #canvas></canvas>', isInline: true, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrFuzzyText, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.1", type: WrFuzzyText, isStandalone: true, selector: "wr-fuzzy-text", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: true, transformFunction: null }, fontSize: { classPropertyName: "fontSize", publicName: "fontSize", isSignal: true, isRequired: false, transformFunction: null }, fontWeight: { classPropertyName: "fontWeight", publicName: "fontWeight", isSignal: true, isRequired: false, transformFunction: null }, fontFamily: { classPropertyName: "fontFamily", publicName: "fontFamily", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, gradient: { classPropertyName: "gradient", publicName: "gradient", isSignal: true, isRequired: false, transformFunction: null }, enableHover: { classPropertyName: "enableHover", publicName: "enableHover", isSignal: true, isRequired: false, transformFunction: null }, baseIntensity: { classPropertyName: "baseIntensity", publicName: "baseIntensity", isSignal: true, isRequired: false, transformFunction: null }, hoverIntensity: { classPropertyName: "hoverIntensity", publicName: "hoverIntensity", isSignal: true, isRequired: false, transformFunction: null }, fuzzRange: { classPropertyName: "fuzzRange", publicName: "fuzzRange", isSignal: true, isRequired: false, transformFunction: null }, fps: { classPropertyName: "fps", publicName: "fps", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, transitionDuration: { classPropertyName: "transitionDuration", publicName: "transitionDuration", isSignal: true, isRequired: false, transformFunction: null }, clickEffect: { classPropertyName: "clickEffect", publicName: "clickEffect", isSignal: true, isRequired: false, transformFunction: null }, glitchMode: { classPropertyName: "glitchMode", publicName: "glitchMode", isSignal: true, isRequired: false, transformFunction: null }, glitchInterval: { classPropertyName: "glitchInterval", publicName: "glitchInterval", isSignal: true, isRequired: false, transformFunction: null }, glitchDuration: { classPropertyName: "glitchDuration", publicName: "glitchDuration", isSignal: true, isRequired: false, transformFunction: null }, letterSpacing: { classPropertyName: "letterSpacing", publicName: "letterSpacing", isSignal: true, isRequired: false, transformFunction: null } }, host: { styleAttribute: "color: var(--wr-color-dark)", classAttribute: "wr-fuzzy-text" }, viewQueries: [{ propertyName: "canvasRef", first: true, predicate: ["canvas"], descendants: true, isSignal: true }], ngImport: i0, template: "<span class=\"wr-fuzzy-text__sr-only\" style=\"position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap\">{{ text() }}</span><canvas #canvas aria-hidden=\"true\"></canvas>", isInline: true, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: WrFuzzyText, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrFuzzyText, decorators: [{
             type: Component,
             args: [{
                     selector: 'wr-fuzzy-text',
-                    template: '<canvas #canvas></canvas>',
+                    // The text is drawn into the canvas as PIXELS, so without the first span there is
+                    // nothing for a screen reader to read at all — the same layer `wr-rotating-text`
+                    // and `wr-decrypt-text` carry. Hidden inline rather than through a class: this
+                    // entry point ships no stylesheet, and a consumer who imported none would
+                    // otherwise see the text twice.
+                    template: '<span class="wr-fuzzy-text__sr-only" style="position:absolute;width:1px;height:1px;overflow:hidden;' +
+                        'clip-path:inset(50%);white-space:nowrap">{{ text() }}</span>' +
+                        '<canvas #canvas aria-hidden="true"></canvas>',
                     encapsulation: ViewEncapsulation.None,
                     host: { class: 'wr-fuzzy-text', style: 'color: var(--wr-color-dark)' },
                 }]

package/fesm2022/ngwr-fuzzy-text.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngwr-fuzzy-text.mjs","sources":["../../../projects/lib/fuzzy-text/fuzzy-text.ts","../../../projects/lib/fuzzy-text/ngwr-fuzzy-text.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n *\n * Angular adaptation of the FuzzyText effect by David Haz / reactbits.dev.\n * Original: https://www.reactbits.dev/text-animations/fuzzy-text\n *\n * Renders text to an offscreen 2D canvas, then redraws it onto the\n * visible canvas one row (or column) at a time with random horizontal /\n * vertical offsets. Intensity reacts to hover / click / glitch state.\n */\n\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { isPlatformBrowser } from '@angular/common';\nimport type { ElementRef } from '@angular/core';\nimport {\n  Component,\n  DestroyRef,\n  PLATFORM_ID,\n  ViewEncapsulation,\n  afterNextRender,\n  effect,\n  inject,\n  input,\n  viewChild,\n} from '@angular/core';\n\nimport { WrPlatform } from 'ngwr/platform';\nimport { numAttr } from 'ngwr/utils';\n\nimport type { WrFuzzyTextDirection } from './interfaces';\n\n/**\n * Canvas-rendered \"fuzzy\" text — each row/column of glyphs is offset by\n * a random amount per frame, giving the text a TV-static or motion-blur\n * appearance. Intensity ramps up on hover, click, and during periodic\n * glitch bursts (configurable).\n *\n * @example\n * ```html\n * <wr-fuzzy-text text=\"404\" />\n * <wr-fuzzy-text\n *   text=\"HELLO\"\n *   color=\"#0ea5e9\"\n *   [fuzzRange]=\"50\"\n *   [hoverIntensity]=\"0.8\"\n *   [glitchMode]=\"true\"\n * />\n * ```\n *\n * @see https://www.reactbits.dev/text-animations/fuzzy-text\n */\n@Component({\n  selector: 'wr-fuzzy-text',\n  template: '<canvas #canvas></canvas>',\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'wr-fuzzy-text', style: 'color: var(--wr-color-dark)' },\n})\nexport class WrFuzzyText {\n  /** Text to render. */\n  readonly text = input.required<string>();\n\n  /** Font size as CSS length (`'4rem'`, `'72px'`, …) or px number. @default 'clamp(2rem, 10vw, 10rem)' */\n  readonly fontSize = input<string | number>('clamp(2rem, 10vw, 10rem)');\n\n  /** Font weight. @default 900 */\n  readonly fontWeight = input<number | string>(900);\n\n  /** Font family. `'inherit'` reads the canvas's computed style. @default 'inherit' */\n  readonly fontFamily = input('inherit');\n\n  /** Text colour. `'inherit'` reads the canvas's computed style. Ignored if `[gradient]` is set. @default 'inherit' */\n  readonly color = input('inherit');\n\n  /** Optional horizontal gradient stops. */\n  readonly gradient = input<readonly string[] | null>(null);\n\n  /** Enable hover / touch reactivity. @default true */\n  readonly enableHover = input(true, { transform: coerceBooleanProperty });\n\n  /** Base intensity (0..1) when idle. @default 0.18 */\n  readonly baseIntensity = input(0.18, { transform: numAttr(0.18) });\n\n  /** Intensity (0..1) while the pointer hovers the text. @default 0.5 */\n  readonly hoverIntensity = input(0.5, { transform: numAttr(0.5) });\n\n  /** Max pixel displacement per row/column at intensity 1. @default 30 */\n  readonly fuzzRange = input(30, { transform: numAttr(30) });\n\n  /** Frame rate cap. @default 60 */\n  readonly fps = input(60, { transform: numAttr(60) });\n\n  /** Fuzz direction. @default 'horizontal' */\n  readonly direction = input<WrFuzzyTextDirection>('horizontal');\n\n  /** Ms to ease intensity toward target. `0` snaps. @default 0 */\n  readonly transitionDuration = input(0, { transform: numAttr(0) });\n\n  /** Spike to full intensity briefly on click. @default false */\n  readonly clickEffect = input(false, { transform: coerceBooleanProperty });\n\n  /** Periodic \"glitch\" bursts at full intensity. @default false */\n  readonly glitchMode = input(false, { transform: coerceBooleanProperty });\n\n  /** Ms between glitch bursts. @default 2000 */\n  readonly glitchInterval = input(2000, { transform: numAttr(2000) });\n\n  /** Ms a glitch burst lasts. @default 200 */\n  readonly glitchDuration = input(200, { transform: numAttr(200) });\n\n  /** Extra pixels between glyphs. @default 0 */\n  readonly letterSpacing = input(0, { transform: numAttr(0) });\n\n  private readonly canvasRef = viewChild.required<ElementRef<HTMLCanvasElement>>('canvas');\n\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly isBrowser = isPlatformBrowser(inject(PLATFORM_ID));\n  private readonly platform = inject(WrPlatform);\n\n  private teardown: (() => void) | undefined;\n\n  /**\n   * `init()` suspends on font loading, so the component can be destroyed while\n   * it is awaiting. At that moment `teardown` is still undefined, so the\n   * destroy hook has nothing to call — and everything the rest of `init()`\n   * starts (the rAF loop, the glitch timers, canvas listeners) would run for\n   * the life of the page. This flag lets the continuation bail out.\n   */\n  private destroyed = false;\n\n  constructor() {\n    if (!this.isBrowser) return;\n\n    afterNextRender(() => {\n      void this.init();\n    });\n\n    // Re-init whenever any input that affects the offscreen rendering changes.\n    effect(() => {\n      this.text();\n      this.fontSize();\n      this.fontWeight();\n      this.fontFamily();\n      this.color();\n      this.gradient();\n      this.letterSpacing();\n      this.direction();\n      this.fuzzRange();\n      this.fps();\n      this.glitchMode();\n      this.glitchInterval();\n      this.glitchDuration();\n      // Skip if we haven't booted yet.\n      if (!this.teardown) return;\n      this.teardown();\n      this.teardown = undefined;\n      queueMicrotask(() => {\n        void this.init();\n      });\n    });\n\n    this.destroyRef.onDestroy(() => {\n      this.destroyed = true;\n      this.teardown?.();\n    });\n  }\n\n  // Init / loop\n\n  private async init(): Promise<void> {\n    const canvas = this.canvasRef().nativeElement;\n    const ctx = canvas.getContext('2d');\n    if (!ctx) return;\n\n    const fontFamily =\n      this.fontFamily() === 'inherit' ? window.getComputedStyle(canvas).fontFamily || 'sans-serif' : this.fontFamily();\n    const color = this.color() === 'inherit' ? window.getComputedStyle(canvas).color || '#fff' : this.color();\n    const fontSize = this.fontSize();\n    const fontSizeStr = typeof fontSize === 'number' ? `${fontSize}px` : fontSize;\n    const fontWeight = this.fontWeight();\n    const fontString = `${fontWeight} ${fontSizeStr} ${fontFamily}`;\n\n    try {\n      await document.fonts.load(fontString);\n    } catch {\n      await document.fonts.ready;\n    }\n\n    // Destroyed while the fonts were loading — nothing below may start.\n    if (this.destroyed) return;\n\n    // Numeric font size for buffer maths.\n    let numericFontSize: number;\n    if (typeof fontSize === 'number') {\n      numericFontSize = fontSize;\n    } else {\n      const tmp = document.createElement('span');\n      tmp.style.fontSize = fontSize;\n      document.body.appendChild(tmp);\n      numericFontSize = Number.parseFloat(window.getComputedStyle(tmp).fontSize);\n      document.body.removeChild(tmp);\n    }\n\n    const text = this.text();\n    const letterSpacing = this.letterSpacing();\n    const fuzzRange = this.fuzzRange();\n    const direction = this.direction();\n\n    // Offscreen canvas with the laid-out text.\n    const offscreen = document.createElement('canvas');\n    const offCtx = offscreen.getContext('2d');\n    if (!offCtx) return;\n    offCtx.font = fontString;\n    offCtx.textBaseline = 'alphabetic';\n\n    let totalWidth = 0;\n    if (letterSpacing !== 0) {\n      for (const ch of text) totalWidth += offCtx.measureText(ch).width + letterSpacing;\n      totalWidth -= letterSpacing;\n    } else {\n      totalWidth = offCtx.measureText(text).width;\n    }\n    const m = offCtx.measureText(text);\n    const actualLeft = m.actualBoundingBoxLeft ?? 0;\n    const actualRight = letterSpacing !== 0 ? totalWidth : (m.actualBoundingBoxRight ?? m.width);\n    const actualAscent = m.actualBoundingBoxAscent ?? numericFontSize;\n    const actualDescent = m.actualBoundingBoxDescent ?? numericFontSize * 0.2;\n    const textBoundingWidth = Math.ceil(letterSpacing !== 0 ? totalWidth : actualLeft + actualRight);\n    const tightHeight = Math.ceil(actualAscent + actualDescent);\n\n    const extraWidthBuffer = 10;\n    const offscreenWidth = textBoundingWidth + extraWidthBuffer;\n    offscreen.width = offscreenWidth;\n    offscreen.height = tightHeight;\n    const xOffset = extraWidthBuffer / 2;\n\n    offCtx.font = fontString;\n    offCtx.textBaseline = 'alphabetic';\n\n    const gradient = this.gradient();\n    if (gradient && gradient.length >= 2) {\n      const g = offCtx.createLinearGradient(0, 0, offscreenWidth, 0);\n      gradient.forEach((c, i) => g.addColorStop(i / (gradient.length - 1), c));\n      offCtx.fillStyle = g;\n    } else {\n      offCtx.fillStyle = color;\n    }\n\n    if (letterSpacing !== 0) {\n      let xPos = xOffset;\n      for (const ch of text) {\n        offCtx.fillText(ch, xPos, actualAscent);\n        xPos += offCtx.measureText(ch).width + letterSpacing;\n      }\n    } else {\n      offCtx.fillText(text, xOffset - actualLeft, actualAscent);\n    }\n\n    // Size the visible canvas, leaving room for the max horizontal fuzz.\n    const horizontalMargin = fuzzRange + 20;\n    const verticalMargin = 0;\n    canvas.width = offscreenWidth + horizontalMargin * 2;\n    canvas.height = tightHeight + verticalMargin * 2;\n    ctx.translate(horizontalMargin, verticalMargin);\n\n    const interactiveLeft = horizontalMargin + xOffset;\n    const interactiveTop = verticalMargin;\n    const interactiveRight = interactiveLeft + textBoundingWidth;\n    const interactiveBottom = interactiveTop + tightHeight;\n\n    // Reduced motion: paint the text once, clean — no fuzz loop, no\n    // glitch bursts, no pointer reactivity. Teardown must still be set\n    // so the re-init effect keeps redrawing on input changes.\n    if (this.platform.prefersReducedMotion()) {\n      ctx.drawImage(offscreen, 0, 0);\n      this.teardown = (): void => undefined;\n      return;\n    }\n\n    let isHovering = false;\n    let isClicking = false;\n    let isGlitching = false;\n    let currentIntensity = this.baseIntensity();\n    let targetIntensity = currentIntensity;\n    let lastFrame = 0;\n    const frameDuration = 1000 / this.fps();\n\n    let rafId = 0;\n    let glitchOnTimer: ReturnType<typeof setTimeout> | undefined;\n    let glitchOffTimer: ReturnType<typeof setTimeout> | undefined;\n    let clickTimer: ReturnType<typeof setTimeout> | undefined;\n\n    const startGlitchLoop = (): void => {\n      if (!this.glitchMode()) return;\n      glitchOnTimer = setTimeout(() => {\n        isGlitching = true;\n        glitchOffTimer = setTimeout(() => {\n          isGlitching = false;\n          startGlitchLoop();\n        }, this.glitchDuration());\n      }, this.glitchInterval());\n    };\n    if (this.glitchMode()) startGlitchLoop();\n\n    const run = (ts: number): void => {\n      if (ts - lastFrame < frameDuration) {\n        rafId = requestAnimationFrame(run);\n        return;\n      }\n      lastFrame = ts;\n\n      ctx.clearRect(\n        -fuzzRange - 20,\n        -fuzzRange - 10,\n        offscreenWidth + 2 * (fuzzRange + 20),\n        tightHeight + 2 * (fuzzRange + 10)\n      );\n\n      if (isClicking) targetIntensity = 1;\n      else if (isGlitching) targetIntensity = 1;\n      else if (isHovering) targetIntensity = this.hoverIntensity();\n      else targetIntensity = this.baseIntensity();\n\n      const td = this.transitionDuration();\n      if (td > 0) {\n        const step = 1 / (td / frameDuration);\n        if (currentIntensity < targetIntensity) currentIntensity = Math.min(currentIntensity + step, targetIntensity);\n        else if (currentIntensity > targetIntensity)\n          currentIntensity = Math.max(currentIntensity - step, targetIntensity);\n      } else {\n        currentIntensity = targetIntensity;\n      }\n\n      if (direction === 'horizontal') {\n        for (let j = 0; j < tightHeight; j++) {\n          const dx = Math.floor(currentIntensity * (Math.random() - 0.5) * fuzzRange);\n          ctx.drawImage(offscreen, 0, j, offscreenWidth, 1, dx, j, offscreenWidth, 1);\n        }\n      } else if (direction === 'vertical') {\n        for (let i = 0; i < offscreenWidth; i++) {\n          const dy = Math.floor(currentIntensity * (Math.random() - 0.5) * fuzzRange);\n          ctx.drawImage(offscreen, i, 0, 1, tightHeight, i, dy, 1, tightHeight);\n        }\n      } else {\n        // both: horizontal pass then vertical pass on the result\n        for (let j = 0; j < tightHeight; j++) {\n          const dx = Math.floor(currentIntensity * (Math.random() - 0.5) * fuzzRange);\n          ctx.drawImage(offscreen, 0, j, offscreenWidth, 1, dx, j, offscreenWidth, 1);\n        }\n        const w = offscreenWidth + fuzzRange;\n        const h = tightHeight + fuzzRange;\n        const data = ctx.getImageData(0, 0, w, h);\n        ctx.clearRect(\n          -fuzzRange - 20,\n          -fuzzRange - 10,\n          offscreenWidth + 2 * (fuzzRange + 20),\n          tightHeight + 2 * (fuzzRange + 10)\n        );\n        ctx.putImageData(data, 0, 0);\n        for (let i = 0; i < w; i++) {\n          const dy = Math.floor(currentIntensity * (Math.random() - 0.5) * fuzzRange * 0.5);\n          const col = ctx.getImageData(i, 0, 1, h);\n          ctx.clearRect(i, -fuzzRange, 1, tightHeight + 2 * fuzzRange);\n          ctx.putImageData(col, i, dy);\n        }\n      }\n\n      rafId = requestAnimationFrame(run);\n    };\n    rafId = requestAnimationFrame(run);\n\n    const isInsideText = (x: number, y: number): boolean =>\n      x >= interactiveLeft && x <= interactiveRight && y >= interactiveTop && y <= interactiveBottom;\n\n    const onMouseMove = (e: MouseEvent): void => {\n      if (!this.enableHover()) return;\n      const rect = canvas.getBoundingClientRect();\n      isHovering = isInsideText(e.clientX - rect.left, e.clientY - rect.top);\n    };\n    const onMouseLeave = (): void => {\n      isHovering = false;\n    };\n    const onTouchMove = (e: TouchEvent): void => {\n      if (!this.enableHover()) return;\n      e.preventDefault();\n      const rect = canvas.getBoundingClientRect();\n      const t = e.touches[0];\n      isHovering = isInsideText(t.clientX - rect.left, t.clientY - rect.top);\n    };\n    const onTouchEnd = (): void => {\n      isHovering = false;\n    };\n    const onClick = (): void => {\n      if (!this.clickEffect()) return;\n      isClicking = true;\n      clearTimeout(clickTimer);\n      clickTimer = setTimeout(() => {\n        isClicking = false;\n      }, 150);\n    };\n\n    if (this.enableHover()) {\n      canvas.addEventListener('mousemove', onMouseMove);\n      canvas.addEventListener('mouseleave', onMouseLeave);\n      canvas.addEventListener('touchmove', onTouchMove, { passive: false });\n      canvas.addEventListener('touchend', onTouchEnd);\n    }\n    if (this.clickEffect()) canvas.addEventListener('click', onClick);\n\n    this.teardown = (): void => {\n      cancelAnimationFrame(rafId);\n      clearTimeout(glitchOnTimer);\n      clearTimeout(glitchOffTimer);\n      clearTimeout(clickTimer);\n      canvas.removeEventListener('mousemove', onMouseMove);\n      canvas.removeEventListener('mouseleave', onMouseLeave);\n      canvas.removeEventListener('touchmove', onTouchMove);\n      canvas.removeEventListener('touchend', onTouchEnd);\n      canvas.removeEventListener('click', onClick);\n    };\n  }\n}\n\nexport type { WrFuzzyTextDirection } from './interfaces';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngwr-fuzzy-text.mjs","sources":["../../../projects/lib/fuzzy-text/fuzzy-text.ts","../../../projects/lib/fuzzy-text/ngwr-fuzzy-text.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n *\n * Angular adaptation of the FuzzyText effect by David Haz / reactbits.dev.\n * Original: https://www.reactbits.dev/text-animations/fuzzy-text\n *\n * Renders text to an offscreen 2D canvas, then redraws it onto the\n * visible canvas one row (or column) at a time with random horizontal /\n * vertical offsets. Intensity reacts to hover / click / glitch state.\n */\n\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { isPlatformBrowser } from '@angular/common';\nimport type { ElementRef } from '@angular/core';\nimport {\n  Component,\n  DestroyRef,\n  PLATFORM_ID,\n  ViewEncapsulation,\n  afterNextRender,\n  effect,\n  inject,\n  input,\n  viewChild,\n} from '@angular/core';\n\nimport { WrPlatform } from 'ngwr/platform';\nimport { numAttr } from 'ngwr/utils';\n\nimport type { WrFuzzyTextDirection } from './interfaces';\n\n/**\n * Canvas-rendered \"fuzzy\" text — each row/column of glyphs is offset by\n * a random amount per frame, giving the text a TV-static or motion-blur\n * appearance. Intensity ramps up on hover, click, and during periodic\n * glitch bursts (configurable).\n *\n * @example\n * ```html\n * <wr-fuzzy-text text=\"404\" />\n * <wr-fuzzy-text\n *   text=\"HELLO\"\n *   color=\"#0ea5e9\"\n *   [fuzzRange]=\"50\"\n *   [hoverIntensity]=\"0.8\"\n *   [glitchMode]=\"true\"\n * />\n * ```\n *\n * @see https://www.reactbits.dev/text-animations/fuzzy-text\n */\n@Component({\n  selector: 'wr-fuzzy-text',\n  // The text is drawn into the canvas as PIXELS, so without the first span there is\n  // nothing for a screen reader to read at all — the same layer `wr-rotating-text`\n  // and `wr-decrypt-text` carry. Hidden inline rather than through a class: this\n  // entry point ships no stylesheet, and a consumer who imported none would\n  // otherwise see the text twice.\n  template:\n    '<span class=\"wr-fuzzy-text__sr-only\" style=\"position:absolute;width:1px;height:1px;overflow:hidden;' +\n    'clip-path:inset(50%);white-space:nowrap\">{{ text() }}</span>' +\n    '<canvas #canvas aria-hidden=\"true\"></canvas>',\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'wr-fuzzy-text', style: 'color: var(--wr-color-dark)' },\n})\nexport class WrFuzzyText {\n  /** Text to render. */\n  readonly text = input.required<string>();\n\n  /** Font size as CSS length (`'4rem'`, `'72px'`, …) or px number. @default 'clamp(2rem, 10vw, 10rem)' */\n  readonly fontSize = input<string | number>('clamp(2rem, 10vw, 10rem)');\n\n  /** Font weight. @default 900 */\n  readonly fontWeight = input<number | string>(900);\n\n  /** Font family. `'inherit'` reads the canvas's computed style. @default 'inherit' */\n  readonly fontFamily = input('inherit');\n\n  /** Text colour. `'inherit'` reads the canvas's computed style. Ignored if `[gradient]` is set. @default 'inherit' */\n  readonly color = input('inherit');\n\n  /** Optional horizontal gradient stops. */\n  readonly gradient = input<readonly string[] | null>(null);\n\n  /** Enable hover / touch reactivity. @default true */\n  readonly enableHover = input(true, { transform: coerceBooleanProperty });\n\n  /** Base intensity (0..1) when idle. @default 0.18 */\n  readonly baseIntensity = input(0.18, { transform: numAttr(0.18) });\n\n  /** Intensity (0..1) while the pointer hovers the text. @default 0.5 */\n  readonly hoverIntensity = input(0.5, { transform: numAttr(0.5) });\n\n  /** Max pixel displacement per row/column at intensity 1. @default 30 */\n  readonly fuzzRange = input(30, { transform: numAttr(30) });\n\n  /** Frame rate cap. @default 60 */\n  readonly fps = input(60, { transform: numAttr(60) });\n\n  /** Fuzz direction. @default 'horizontal' */\n  readonly direction = input<WrFuzzyTextDirection>('horizontal');\n\n  /** Ms to ease intensity toward target. `0` snaps. @default 0 */\n  readonly transitionDuration = input(0, { transform: numAttr(0) });\n\n  /** Spike to full intensity briefly on click. @default false */\n  readonly clickEffect = input(false, { transform: coerceBooleanProperty });\n\n  /** Periodic \"glitch\" bursts at full intensity. @default false */\n  readonly glitchMode = input(false, { transform: coerceBooleanProperty });\n\n  /** Ms between glitch bursts. @default 2000 */\n  readonly glitchInterval = input(2000, { transform: numAttr(2000) });\n\n  /** Ms a glitch burst lasts. @default 200 */\n  readonly glitchDuration = input(200, { transform: numAttr(200) });\n\n  /** Extra pixels between glyphs. @default 0 */\n  readonly letterSpacing = input(0, { transform: numAttr(0) });\n\n  private readonly canvasRef = viewChild.required<ElementRef<HTMLCanvasElement>>('canvas');\n\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly isBrowser = isPlatformBrowser(inject(PLATFORM_ID));\n  private readonly platform = inject(WrPlatform);\n\n  private teardown: (() => void) | undefined;\n\n  /**\n   * `init()` suspends on font loading, so the component can be destroyed while\n   * it is awaiting. At that moment `teardown` is still undefined, so the\n   * destroy hook has nothing to call — and everything the rest of `init()`\n   * starts (the rAF loop, the glitch timers, canvas listeners) would run for\n   * the life of the page. This flag lets the continuation bail out.\n   */\n  private destroyed = false;\n\n  constructor() {\n    if (!this.isBrowser) return;\n\n    afterNextRender(() => {\n      void this.init();\n    });\n\n    // Re-init whenever any input that affects the offscreen rendering changes.\n    effect(() => {\n      this.text();\n      this.fontSize();\n      this.fontWeight();\n      this.fontFamily();\n      this.color();\n      this.gradient();\n      this.letterSpacing();\n      this.direction();\n      this.fuzzRange();\n      this.fps();\n      this.glitchMode();\n      this.glitchInterval();\n      this.glitchDuration();\n      // Skip if we haven't booted yet.\n      if (!this.teardown) return;\n      this.teardown();\n      this.teardown = undefined;\n      queueMicrotask(() => {\n        void this.init();\n      });\n    });\n\n    this.destroyRef.onDestroy(() => {\n      this.destroyed = true;\n      this.teardown?.();\n    });\n  }\n\n  // Init / loop\n\n  private async init(): Promise<void> {\n    const canvas = this.canvasRef().nativeElement;\n    const ctx = canvas.getContext('2d');\n    if (!ctx) return;\n\n    const fontFamily =\n      this.fontFamily() === 'inherit' ? window.getComputedStyle(canvas).fontFamily || 'sans-serif' : this.fontFamily();\n    const color = this.color() === 'inherit' ? window.getComputedStyle(canvas).color || '#fff' : this.color();\n    const fontSize = this.fontSize();\n    const fontSizeStr = typeof fontSize === 'number' ? `${fontSize}px` : fontSize;\n    const fontWeight = this.fontWeight();\n    const fontString = `${fontWeight} ${fontSizeStr} ${fontFamily}`;\n\n    try {\n      await document.fonts.load(fontString);\n    } catch {\n      await document.fonts.ready;\n    }\n\n    // Destroyed while the fonts were loading — nothing below may start.\n    if (this.destroyed) return;\n\n    // Numeric font size for buffer maths.\n    let numericFontSize: number;\n    if (typeof fontSize === 'number') {\n      numericFontSize = fontSize;\n    } else {\n      const tmp = document.createElement('span');\n      tmp.style.fontSize = fontSize;\n      document.body.appendChild(tmp);\n      numericFontSize = Number.parseFloat(window.getComputedStyle(tmp).fontSize);\n      document.body.removeChild(tmp);\n    }\n\n    const text = this.text();\n    const letterSpacing = this.letterSpacing();\n    const fuzzRange = this.fuzzRange();\n    const direction = this.direction();\n\n    // Offscreen canvas with the laid-out text.\n    const offscreen = document.createElement('canvas');\n    const offCtx = offscreen.getContext('2d');\n    if (!offCtx) return;\n    offCtx.font = fontString;\n    offCtx.textBaseline = 'alphabetic';\n\n    let totalWidth = 0;\n    if (letterSpacing !== 0) {\n      for (const ch of text) totalWidth += offCtx.measureText(ch).width + letterSpacing;\n      totalWidth -= letterSpacing;\n    } else {\n      totalWidth = offCtx.measureText(text).width;\n    }\n    const m = offCtx.measureText(text);\n    const actualLeft = m.actualBoundingBoxLeft ?? 0;\n    const actualRight = letterSpacing !== 0 ? totalWidth : (m.actualBoundingBoxRight ?? m.width);\n    const actualAscent = m.actualBoundingBoxAscent ?? numericFontSize;\n    const actualDescent = m.actualBoundingBoxDescent ?? numericFontSize * 0.2;\n    const textBoundingWidth = Math.ceil(letterSpacing !== 0 ? totalWidth : actualLeft + actualRight);\n    const tightHeight = Math.ceil(actualAscent + actualDescent);\n\n    const extraWidthBuffer = 10;\n    const offscreenWidth = textBoundingWidth + extraWidthBuffer;\n    offscreen.width = offscreenWidth;\n    offscreen.height = tightHeight;\n    const xOffset = extraWidthBuffer / 2;\n\n    offCtx.font = fontString;\n    offCtx.textBaseline = 'alphabetic';\n\n    const gradient = this.gradient();\n    if (gradient && gradient.length >= 2) {\n      const g = offCtx.createLinearGradient(0, 0, offscreenWidth, 0);\n      gradient.forEach((c, i) => g.addColorStop(i / (gradient.length - 1), c));\n      offCtx.fillStyle = g;\n    } else {\n      offCtx.fillStyle = color;\n    }\n\n    if (letterSpacing !== 0) {\n      let xPos = xOffset;\n      for (const ch of text) {\n        offCtx.fillText(ch, xPos, actualAscent);\n        xPos += offCtx.measureText(ch).width + letterSpacing;\n      }\n    } else {\n      offCtx.fillText(text, xOffset - actualLeft, actualAscent);\n    }\n\n    // Size the visible canvas, leaving room for the max horizontal fuzz.\n    const horizontalMargin = fuzzRange + 20;\n    const verticalMargin = 0;\n    canvas.width = offscreenWidth + horizontalMargin * 2;\n    canvas.height = tightHeight + verticalMargin * 2;\n    ctx.translate(horizontalMargin, verticalMargin);\n\n    const interactiveLeft = horizontalMargin + xOffset;\n    const interactiveTop = verticalMargin;\n    const interactiveRight = interactiveLeft + textBoundingWidth;\n    const interactiveBottom = interactiveTop + tightHeight;\n\n    // Reduced motion: paint the text once, clean — no fuzz loop, no\n    // glitch bursts, no pointer reactivity. Teardown must still be set\n    // so the re-init effect keeps redrawing on input changes.\n    if (this.platform.prefersReducedMotion()) {\n      ctx.drawImage(offscreen, 0, 0);\n      this.teardown = (): void => undefined;\n      return;\n    }\n\n    let isHovering = false;\n    let isClicking = false;\n    let isGlitching = false;\n    let currentIntensity = this.baseIntensity();\n    let targetIntensity = currentIntensity;\n    let lastFrame = 0;\n    const frameDuration = 1000 / this.fps();\n\n    let rafId = 0;\n    let glitchOnTimer: ReturnType<typeof setTimeout> | undefined;\n    let glitchOffTimer: ReturnType<typeof setTimeout> | undefined;\n    let clickTimer: ReturnType<typeof setTimeout> | undefined;\n\n    const startGlitchLoop = (): void => {\n      if (!this.glitchMode()) return;\n      glitchOnTimer = setTimeout(() => {\n        isGlitching = true;\n        glitchOffTimer = setTimeout(() => {\n          isGlitching = false;\n          startGlitchLoop();\n        }, this.glitchDuration());\n      }, this.glitchInterval());\n    };\n    if (this.glitchMode()) startGlitchLoop();\n\n    const run = (ts: number): void => {\n      if (ts - lastFrame < frameDuration) {\n        rafId = requestAnimationFrame(run);\n        return;\n      }\n      lastFrame = ts;\n\n      ctx.clearRect(\n        -fuzzRange - 20,\n        -fuzzRange - 10,\n        offscreenWidth + 2 * (fuzzRange + 20),\n        tightHeight + 2 * (fuzzRange + 10)\n      );\n\n      if (isClicking) targetIntensity = 1;\n      else if (isGlitching) targetIntensity = 1;\n      else if (isHovering) targetIntensity = this.hoverIntensity();\n      else targetIntensity = this.baseIntensity();\n\n      const td = this.transitionDuration();\n      if (td > 0) {\n        const step = 1 / (td / frameDuration);\n        if (currentIntensity < targetIntensity) currentIntensity = Math.min(currentIntensity + step, targetIntensity);\n        else if (currentIntensity > targetIntensity)\n          currentIntensity = Math.max(currentIntensity - step, targetIntensity);\n      } else {\n        currentIntensity = targetIntensity;\n      }\n\n      if (direction === 'horizontal') {\n        for (let j = 0; j < tightHeight; j++) {\n          const dx = Math.floor(currentIntensity * (Math.random() - 0.5) * fuzzRange);\n          ctx.drawImage(offscreen, 0, j, offscreenWidth, 1, dx, j, offscreenWidth, 1);\n        }\n      } else if (direction === 'vertical') {\n        for (let i = 0; i < offscreenWidth; i++) {\n          const dy = Math.floor(currentIntensity * (Math.random() - 0.5) * fuzzRange);\n          ctx.drawImage(offscreen, i, 0, 1, tightHeight, i, dy, 1, tightHeight);\n        }\n      } else {\n        // both: horizontal pass then vertical pass on the result\n        for (let j = 0; j < tightHeight; j++) {\n          const dx = Math.floor(currentIntensity * (Math.random() - 0.5) * fuzzRange);\n          ctx.drawImage(offscreen, 0, j, offscreenWidth, 1, dx, j, offscreenWidth, 1);\n        }\n        const w = offscreenWidth + fuzzRange;\n        const h = tightHeight + fuzzRange;\n        const data = ctx.getImageData(0, 0, w, h);\n        ctx.clearRect(\n          -fuzzRange - 20,\n          -fuzzRange - 10,\n          offscreenWidth + 2 * (fuzzRange + 20),\n          tightHeight + 2 * (fuzzRange + 10)\n        );\n        ctx.putImageData(data, 0, 0);\n        for (let i = 0; i < w; i++) {\n          const dy = Math.floor(currentIntensity * (Math.random() - 0.5) * fuzzRange * 0.5);\n          const col = ctx.getImageData(i, 0, 1, h);\n          ctx.clearRect(i, -fuzzRange, 1, tightHeight + 2 * fuzzRange);\n          ctx.putImageData(col, i, dy);\n        }\n      }\n\n      rafId = requestAnimationFrame(run);\n    };\n    rafId = requestAnimationFrame(run);\n\n    const isInsideText = (x: number, y: number): boolean =>\n      x >= interactiveLeft && x <= interactiveRight && y >= interactiveTop && y <= interactiveBottom;\n\n    const onMouseMove = (e: MouseEvent): void => {\n      if (!this.enableHover()) return;\n      const rect = canvas.getBoundingClientRect();\n      isHovering = isInsideText(e.clientX - rect.left, e.clientY - rect.top);\n    };\n    const onMouseLeave = (): void => {\n      isHovering = false;\n    };\n    const onTouchMove = (e: TouchEvent): void => {\n      if (!this.enableHover()) return;\n      e.preventDefault();\n      const rect = canvas.getBoundingClientRect();\n      const t = e.touches[0];\n      isHovering = isInsideText(t.clientX - rect.left, t.clientY - rect.top);\n    };\n    const onTouchEnd = (): void => {\n      isHovering = false;\n    };\n    const onClick = (): void => {\n      if (!this.clickEffect()) return;\n      isClicking = true;\n      clearTimeout(clickTimer);\n      clickTimer = setTimeout(() => {\n        isClicking = false;\n      }, 150);\n    };\n\n    if (this.enableHover()) {\n      canvas.addEventListener('mousemove', onMouseMove);\n      canvas.addEventListener('mouseleave', onMouseLeave);\n      canvas.addEventListener('touchmove', onTouchMove, { passive: false });\n      canvas.addEventListener('touchend', onTouchEnd);\n    }\n    if (this.clickEffect()) canvas.addEventListener('click', onClick);\n\n    this.teardown = (): void => {\n      cancelAnimationFrame(rafId);\n      clearTimeout(glitchOnTimer);\n      clearTimeout(glitchOffTimer);\n      clearTimeout(clickTimer);\n      canvas.removeEventListener('mousemove', onMouseMove);\n      canvas.removeEventListener('mouseleave', onMouseLeave);\n      canvas.removeEventListener('touchmove', onTouchMove);\n      canvas.removeEventListener('touchend', onTouchEnd);\n      canvas.removeEventListener('click', onClick);\n    };\n  }\n}\n\nexport type { WrFuzzyTextDirection } from './interfaces';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngwr-gauge.mjs

@@ -27,8 +27,12 @@ class WrGauge {
     ariaLabel = input(null, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
     resolvedAriaLabel = useI18nText(this.ariaLabel, 'gauge.label', 'Gauge');
-    value = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    /**
+     * The reading. Coerced like every other numeric input here — it was the only one
+     * without it, so a NaN reached the arc's `d` as the literal text `NaN`, which is
+     * invalid path geometry and drops the arc.
+     */
+    value = input.required({ ...(ngDevMode ? { debugName: "value" } : /* istanbul ignore next */ {}), transform: (v) => coerceNumberProperty(v, 0) });
     min = input(0, { ...(ngDevMode ? { debugName: "min" } : /* istanbul ignore next */ {}), transform: (v) => coerceNumberProperty(v, 0) });
     max = input(100, { ...(ngDevMode ? { debugName: "max" } : /* istanbul ignore next */ {}), transform: (v) => coerceNumberProperty(v, 100) });
     /** Diameter in CSS pixels. @default 160 */
@@ -46,8 +50,18 @@ class WrGauge {
     // Geometry — semicircle in a 100×56 viewBox (centre at 50, 50).
     cx = 50;
     cy = 50;
-    radius = computed(() => 50 - this.strokeWidth() / 2 - 0.5, /* @ts-ignore */
+    // A negative radius is invalid in the SVG path grammar, so the browser drops the arc
+    // and the dial vanishes — which a fat stroke reaches at 99. `wr-knob` floors it too.
+    radius = computed(() => Math.max(1, 50 - this.strokeWidth() / 2 - 0.5), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "radius" }] : /* istanbul ignore next */ []));
+    /**
+     * The reading as it can actually be shown. Only `ratio` used to be clamped, so an
+     * over-range value drew a full bar while `aria-valuenow` announced the raw number
+     * against `aria-valuemax` — an invalid state for `role="meter"` — and the printed
+     * text disagreed with the bar as well.
+     */
+    displayValue = computed(() => clamp(this.value(), this.min(), this.max()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "displayValue" }] : /* istanbul ignore next */ []));
     ratio = computed(() => {
         const range = this.max() - this.min();
         if (range <= 0)
@@ -72,12 +86,12 @@ class WrGauge {
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "valuePath" }] : /* istanbul ignore next */ []));
     viewBox = '0 0 100 56';
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: WrGauge, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: WrGauge, isStandalone: true, selector: "wr-gauge", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, strokeWidth: { classPropertyName: "strokeWidth", publicName: "strokeWidth", isSignal: true, isRequired: false, transformFunction: null }, trackColor: { classPropertyName: "trackColor", publicName: "trackColor", isSignal: true, isRequired: false, transformFunction: null }, valueColor: { classPropertyName: "valueColor", publicName: "valueColor", isSignal: true, isRequired: false, transformFunction: null }, showValue: { classPropertyName: "showValue", publicName: "showValue", isSignal: true, isRequired: false, transformFunction: null }, suffix: { classPropertyName: "suffix", publicName: "suffix", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "wr-gauge" }, ngImport: i0, template: "<!--\n  The dial is drawn in an aria-hidden <svg> and the printed value is optional, so\n  with `showValue` off the component had no accessible representation at all.\n  `role=\"meter\"` plus the value attributes make it readable either way.\n-->\n<div\n  class=\"wr-gauge__surface\"\n  [style.width.px]=\"size()\"\n  role=\"meter\"\n  [attr.aria-label]=\"resolvedAriaLabel()\"\n  [attr.aria-valuemin]=\"min()\"\n  [attr.aria-valuemax]=\"max()\"\n  [attr.aria-valuenow]=\"value()\"\n  [attr.aria-valuetext]=\"value() + suffix()\"\n>\n  <svg [attr.viewBox]=\"viewBox\" aria-hidden=\"true\">\n    <path\n      [attr.d]=\"trackPath()\"\n      fill=\"none\"\n      [attr.stroke]=\"trackColor()\"\n      [attr.stroke-width]=\"strokeWidth()\"\n      stroke-linecap=\"round\"\n    />\n    <path\n      [attr.d]=\"valuePath()\"\n      fill=\"none\"\n      [attr.stroke]=\"valueColor()\"\n      [attr.stroke-width]=\"strokeWidth()\"\n      stroke-linecap=\"round\"\n    />\n  </svg>\n  @if (showValue()) {\n    <div class=\"wr-gauge__text\">\n      {{ value() }}<span class=\"wr-gauge__suffix\">{{ suffix() }}</span>\n    </div>\n  }\n</div>\n", encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrGauge, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.1", type: WrGauge, isStandalone: true, selector: "wr-gauge", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, strokeWidth: { classPropertyName: "strokeWidth", publicName: "strokeWidth", isSignal: true, isRequired: false, transformFunction: null }, trackColor: { classPropertyName: "trackColor", publicName: "trackColor", isSignal: true, isRequired: false, transformFunction: null }, valueColor: { classPropertyName: "valueColor", publicName: "valueColor", isSignal: true, isRequired: false, transformFunction: null }, showValue: { classPropertyName: "showValue", publicName: "showValue", isSignal: true, isRequired: false, transformFunction: null }, suffix: { classPropertyName: "suffix", publicName: "suffix", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "wr-gauge" }, ngImport: i0, template: "<!--\n  The dial is drawn in an aria-hidden <svg> and the printed value is optional, so\n  with `showValue` off the component had no accessible representation at all.\n  `role=\"meter\"` plus the value attributes make it readable either way.\n-->\n<div\n  class=\"wr-gauge__surface\"\n  [style.width.px]=\"size()\"\n  role=\"meter\"\n  [attr.aria-label]=\"resolvedAriaLabel()\"\n  [attr.aria-valuemin]=\"min()\"\n  [attr.aria-valuemax]=\"max()\"\n  [attr.aria-valuenow]=\"displayValue()\"\n  [attr.aria-valuetext]=\"displayValue() + suffix()\"\n>\n  <svg [attr.viewBox]=\"viewBox\" aria-hidden=\"true\">\n    <path\n      class=\"wr-gauge__track\"\n      [attr.d]=\"trackPath()\"\n      fill=\"none\"\n      [attr.stroke]=\"trackColor()\"\n      [attr.stroke-width]=\"strokeWidth()\"\n      stroke-linecap=\"round\"\n    />\n    <path\n      class=\"wr-gauge__value\"\n      [attr.d]=\"valuePath()\"\n      fill=\"none\"\n      [attr.stroke]=\"valueColor()\"\n      [attr.stroke-width]=\"strokeWidth()\"\n      stroke-linecap=\"round\"\n    />\n  </svg>\n  @if (showValue()) {\n    <div class=\"wr-gauge__text\">\n      {{ displayValue() }}<span class=\"wr-gauge__suffix\">{{ suffix() }}</span>\n    </div>\n  }\n</div>\n", encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: WrGauge, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrGauge, decorators: [{
             type: Component,
-            args: [{ selector: 'wr-gauge', encapsulation: ViewEncapsulation.None, host: { class: 'wr-gauge' }, template: "<!--\n  The dial is drawn in an aria-hidden <svg> and the printed value is optional, so\n  with `showValue` off the component had no accessible representation at all.\n  `role=\"meter\"` plus the value attributes make it readable either way.\n-->\n<div\n  class=\"wr-gauge__surface\"\n  [style.width.px]=\"size()\"\n  role=\"meter\"\n  [attr.aria-label]=\"resolvedAriaLabel()\"\n  [attr.aria-valuemin]=\"min()\"\n  [attr.aria-valuemax]=\"max()\"\n  [attr.aria-valuenow]=\"value()\"\n  [attr.aria-valuetext]=\"value() + suffix()\"\n>\n  <svg [attr.viewBox]=\"viewBox\" aria-hidden=\"true\">\n    <path\n      [attr.d]=\"trackPath()\"\n      fill=\"none\"\n      [attr.stroke]=\"trackColor()\"\n      [attr.stroke-width]=\"strokeWidth()\"\n      stroke-linecap=\"round\"\n    />\n    <path\n      [attr.d]=\"valuePath()\"\n      fill=\"none\"\n      [attr.stroke]=\"valueColor()\"\n      [attr.stroke-width]=\"strokeWidth()\"\n      stroke-linecap=\"round\"\n    />\n  </svg>\n  @if (showValue()) {\n    <div class=\"wr-gauge__text\">\n      {{ value() }}<span class=\"wr-gauge__suffix\">{{ suffix() }}</span>\n    </div>\n  }\n</div>\n" }]
+            args: [{ selector: 'wr-gauge', encapsulation: ViewEncapsulation.None, host: { class: 'wr-gauge' }, template: "<!--\n  The dial is drawn in an aria-hidden <svg> and the printed value is optional, so\n  with `showValue` off the component had no accessible representation at all.\n  `role=\"meter\"` plus the value attributes make it readable either way.\n-->\n<div\n  class=\"wr-gauge__surface\"\n  [style.width.px]=\"size()\"\n  role=\"meter\"\n  [attr.aria-label]=\"resolvedAriaLabel()\"\n  [attr.aria-valuemin]=\"min()\"\n  [attr.aria-valuemax]=\"max()\"\n  [attr.aria-valuenow]=\"displayValue()\"\n  [attr.aria-valuetext]=\"displayValue() + suffix()\"\n>\n  <svg [attr.viewBox]=\"viewBox\" aria-hidden=\"true\">\n    <path\n      class=\"wr-gauge__track\"\n      [attr.d]=\"trackPath()\"\n      fill=\"none\"\n      [attr.stroke]=\"trackColor()\"\n      [attr.stroke-width]=\"strokeWidth()\"\n      stroke-linecap=\"round\"\n    />\n    <path\n      class=\"wr-gauge__value\"\n      [attr.d]=\"valuePath()\"\n      fill=\"none\"\n      [attr.stroke]=\"valueColor()\"\n      [attr.stroke-width]=\"strokeWidth()\"\n      stroke-linecap=\"round\"\n    />\n  </svg>\n  @if (showValue()) {\n    <div class=\"wr-gauge__text\">\n      {{ displayValue() }}<span class=\"wr-gauge__suffix\">{{ suffix() }}</span>\n    </div>\n  }\n</div>\n" }]
         }], propDecorators: { ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], strokeWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "strokeWidth", required: false }] }], trackColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "trackColor", required: false }] }], valueColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueColor", required: false }] }], showValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "showValue", required: false }] }], suffix: [{ type: i0.Input, args: [{ isSignal: true, alias: "suffix", required: false }] }] } });
 
 /**

package/fesm2022/ngwr-gauge.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngwr-gauge.mjs","sources":["../../../projects/lib/gauge/gauge.ts","../../../projects/lib/gauge/gauge.html","../../../projects/lib/gauge/ngwr-gauge.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';\nimport { Component, ViewEncapsulation, computed, input } from '@angular/core';\n\nimport { useI18nText } from 'ngwr/i18n';\nimport { clamp } from 'ngwr/utils';\n\n/**\n * Semicircle progress gauge. Display-only — for interactive use see the\n * {@link WrKnob} from `ngwr/knob`.\n *\n * @example\n * ```html\n * <wr-gauge [value]=\"72\" />\n * <wr-gauge [value]=\"9.5\" [min]=\"0\" [max]=\"10\" suffix=\"/10\" valueColor=\"var(--wr-color-warning)\" />\n * ```\n *\n * @see https://ngwr.dev/reference/components/gauge\n */\n@Component({\n  selector: 'wr-gauge',\n  templateUrl: './gauge.html',\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'wr-gauge' },\n})\nexport class WrGauge {\n  /** Accessible name — the role needs one. Falls back to `gauge.label`. */\n  readonly ariaLabel = input<string | null>(null);\n\n  protected readonly resolvedAriaLabel = useI18nText(this.ariaLabel, 'gauge.label', 'Gauge');\n\n  readonly value = input.required<number>();\n  readonly min = input(0, { transform: (v: unknown): number => coerceNumberProperty(v, 0) });\n  readonly max = input(100, { transform: (v: unknown): number => coerceNumberProperty(v, 100) });\n\n  /** Diameter in CSS pixels. @default 160 */\n  readonly size = input(160, { transform: (v: unknown): number => Math.max(48, coerceNumberProperty(v, 160)) });\n\n  /** Arc stroke thickness in viewBox units (out of 100). @default 10 */\n  readonly strokeWidth = input(10, {\n    transform: (v: unknown): number => Math.max(1, coerceNumberProperty(v, 10)),\n  });\n\n  readonly trackColor = input<string>('rgba(var(--wr-color-light-rgb), 0.6)');\n  readonly valueColor = input<string>('var(--wr-color-primary)');\n\n  /** Show the value text in the center. @default true */\n  readonly showValue = input(true, { transform: coerceBooleanProperty });\n\n  readonly suffix = input<string>('');\n\n  // Geometry — semicircle in a 100×56 viewBox (centre at 50, 50).\n  protected readonly cx = 50;\n  protected readonly cy = 50;\n  protected readonly radius = computed(() => 50 - this.strokeWidth() / 2 - 0.5);\n\n  protected readonly ratio = computed(() => {\n    const range = this.max() - this.min();\n    if (range <= 0) return 0;\n    return clamp((this.value() - this.min()) / range, 0, 1);\n  });\n\n  protected readonly trackPath = computed(() => {\n    const r = this.radius();\n    return `M ${this.cx - r} ${this.cy} A ${r} ${r} 0 0 1 ${this.cx + r} ${this.cy}`;\n  });\n\n  protected readonly valuePath = computed(() => {\n    const r = this.radius();\n    const angle = Math.PI * (1 - this.ratio());\n    const ex = this.cx + r * Math.cos(angle);\n    const ey = this.cy - r * Math.sin(angle);\n    // The arc always spans `π × ratio` radians (≤ 180°), so largeArc stays 0.\n    // Previously this was set to 1 when ratio > 0.5, which made the swept arc\n    // take the long way round and visually flipped the bar.\n    return `M ${this.cx - r} ${this.cy} A ${r} ${r} 0 0 1 ${ex.toFixed(2)} ${ey.toFixed(2)}`;\n  });\n\n  protected readonly viewBox = '0 0 100 56';\n}\n","<!--\n  The dial is drawn in an aria-hidden <svg> and the printed value is optional, so\n  with `showValue` off the component had no accessible representation at all.\n  `role=\"meter\"` plus the value attributes make it readable either way.\n-->\n<div\n  class=\"wr-gauge__surface\"\n  [style.width.px]=\"size()\"\n  role=\"meter\"\n  [attr.aria-label]=\"resolvedAriaLabel()\"\n  [attr.aria-valuemin]=\"min()\"\n  [attr.aria-valuemax]=\"max()\"\n  [attr.aria-valuenow]=\"value()\"\n  [attr.aria-valuetext]=\"value() + suffix()\"\n>\n  <svg [attr.viewBox]=\"viewBox\" aria-hidden=\"true\">\n    <path\n      [attr.d]=\"trackPath()\"\n      fill=\"none\"\n      [attr.stroke]=\"trackColor()\"\n      [attr.stroke-width]=\"strokeWidth()\"\n      stroke-linecap=\"round\"\n    />\n    <path\n      [attr.d]=\"valuePath()\"\n      fill=\"none\"\n      [attr.stroke]=\"valueColor()\"\n      [attr.stroke-width]=\"strokeWidth()\"\n      stroke-linecap=\"round\"\n    />\n  </svg>\n  @if (showValue()) {\n    <div class=\"wr-gauge__text\">\n      {{ value() }}<span class=\"wr-gauge__suffix\">{{ suffix() }}</span>\n    </div>\n  }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;AAAA;;;;;AAKG;AAQH;;;;;;;;;;;AAWG;MAOU,OAAO,CAAA;;IAET,SAAS,GAAG,KAAK,CAAgB,IAAI;kFAAC;IAE5B,iBAAiB,GAAG,WAAW,CAAC,IAAI,CAAC,SAAS,EAAE,aAAa,EAAE,OAAO,CAAC;IAEjF,KAAK,GAAG,KAAK,CAAC,QAAQ;8EAAU;AAChC,IAAA,GAAG,GAAG,KAAK,CAAC,CAAC,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,KAAA,EAAA,8BAAA,EAAA,CAAA,EAAI,SAAS,EAAE,CAAC,CAAU,KAAa,oBAAoB,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;AACjF,IAAA,GAAG,GAAG,KAAK,CAAC,GAAG,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,KAAA,EAAA,8BAAA,EAAA,CAAA,EAAI,SAAS,EAAE,CAAC,CAAU,KAAa,oBAAoB,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG;;IAGrF,IAAI,GAAG,KAAK,CAAC,GAAG,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,MAAA,EAAA,8BAAA,EAAA,CAAA,EAAI,SAAS,EAAE,CAAC,CAAU,KAAa,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,oBAAoB,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAAA,CAAG;;IAGpG,WAAW,GAAG,KAAK,CAAC,EAAE,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,aAAA,EAAA,8BAAA,EAAA,CAAA,EAC7B,SAAS,EAAE,CAAC,CAAU,KAAa,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,oBAAoB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAA,CAC3E;IAEO,UAAU,GAAG,KAAK,CAAS,sCAAsC;mFAAC;IAClE,UAAU,GAAG,KAAK,CAAS,yBAAyB;mFAAC;;IAGrD,SAAS,GAAG,KAAK,CAAC,IAAI,iFAAI,SAAS,EAAE,qBAAqB,EAAA,CAAG;IAE7D,MAAM,GAAG,KAAK,CAAS,EAAE;+EAAC;;IAGhB,EAAE,GAAG,EAAE;IACP,EAAE,GAAG,EAAE;AACP,IAAA,MAAM,GAAG,QAAQ,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,WAAW,EAAE,GAAG,CAAC,GAAG,GAAG;+EAAC;AAE1D,IAAA,KAAK,GAAG,QAAQ,CAAC,MAAK;QACvC,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,EAAE;QACrC,IAAI,KAAK,IAAI,CAAC;AAAE,YAAA,OAAO,CAAC;QACxB,OAAO,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,GAAG,EAAE,IAAI,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;IACzD,CAAC;8EAAC;AAEiB,IAAA,SAAS,GAAG,QAAQ,CAAC,MAAK;AAC3C,QAAA,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE;QACvB,OAAO,CAAA,EAAA,EAAK,IAAI,CAAC,EAAE,GAAG,CAAC,CAAA,CAAA,EAAI,IAAI,CAAC,EAAE,CAAA,GAAA,EAAM,CAAC,IAAI,CAAC,CAAA,OAAA,EAAU,IAAI,CAAC,EAAE,GAAG,CAAC,CAAA,CAAA,EAAI,IAAI,CAAC,EAAE,CAAA,CAAE;IAClF,CAAC;kFAAC;AAEiB,IAAA,SAAS,GAAG,QAAQ,CAAC,MAAK;AAC3C,QAAA,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE;AACvB,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,EAAE,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;AAC1C,QAAA,MAAM,EAAE,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;AACxC,QAAA,MAAM,EAAE,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC;;;;AAIxC,QAAA,OAAO,CAAA,EAAA,EAAK,IAAI,CAAC,EAAE,GAAG,CAAC,CAAA,CAAA,EAAI,IAAI,CAAC,EAAE,CAAA,GAAA,EAAM,CAAC,CAAA,CAAA,EAAI,CAAC,CAAA,OAAA,EAAU,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA,CAAA,EAAI,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;IAC1F,CAAC;kFAAC;IAEiB,OAAO,GAAG,YAAY;uGArD9B,OAAO,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAP,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,OAAO,i2CC/BpB,gnCAqCA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FDNa,OAAO,EAAA,UAAA,EAAA,CAAA;kBANnB,SAAS;+BACE,UAAU,EAAA,aAAA,EAEL,iBAAiB,CAAC,IAAI,QAC/B,EAAE,KAAK,EAAE,UAAU,EAAE,EAAA,QAAA,EAAA,gnCAAA,EAAA;;;AE7B7B;;AAEG;;;;"}
+{"version":3,"file":"ngwr-gauge.mjs","sources":["../../../projects/lib/gauge/gauge.ts","../../../projects/lib/gauge/gauge.html","../../../projects/lib/gauge/ngwr-gauge.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';\nimport { Component, ViewEncapsulation, computed, input } from '@angular/core';\n\nimport { useI18nText } from 'ngwr/i18n';\nimport { clamp } from 'ngwr/utils';\n\n/**\n * Semicircle progress gauge. Display-only — for interactive use see the\n * {@link WrKnob} from `ngwr/knob`.\n *\n * @example\n * ```html\n * <wr-gauge [value]=\"72\" />\n * <wr-gauge [value]=\"9.5\" [min]=\"0\" [max]=\"10\" suffix=\"/10\" valueColor=\"var(--wr-color-warning)\" />\n * ```\n *\n * @see https://ngwr.dev/reference/components/gauge\n */\n@Component({\n  selector: 'wr-gauge',\n  templateUrl: './gauge.html',\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'wr-gauge' },\n})\nexport class WrGauge {\n  /** Accessible name — the role needs one. Falls back to `gauge.label`. */\n  readonly ariaLabel = input<string | null>(null);\n\n  protected readonly resolvedAriaLabel = useI18nText(this.ariaLabel, 'gauge.label', 'Gauge');\n\n  /**\n   * The reading. Coerced like every other numeric input here — it was the only one\n   * without it, so a NaN reached the arc's `d` as the literal text `NaN`, which is\n   * invalid path geometry and drops the arc.\n   */\n  readonly value = input.required<number, unknown>({\n    transform: (v: unknown): number => coerceNumberProperty(v, 0),\n  });\n  readonly min = input(0, { transform: (v: unknown): number => coerceNumberProperty(v, 0) });\n  readonly max = input(100, { transform: (v: unknown): number => coerceNumberProperty(v, 100) });\n\n  /** Diameter in CSS pixels. @default 160 */\n  readonly size = input(160, { transform: (v: unknown): number => Math.max(48, coerceNumberProperty(v, 160)) });\n\n  /** Arc stroke thickness in viewBox units (out of 100). @default 10 */\n  readonly strokeWidth = input(10, {\n    transform: (v: unknown): number => Math.max(1, coerceNumberProperty(v, 10)),\n  });\n\n  readonly trackColor = input<string>('rgba(var(--wr-color-light-rgb), 0.6)');\n  readonly valueColor = input<string>('var(--wr-color-primary)');\n\n  /** Show the value text in the center. @default true */\n  readonly showValue = input(true, { transform: coerceBooleanProperty });\n\n  readonly suffix = input<string>('');\n\n  // Geometry — semicircle in a 100×56 viewBox (centre at 50, 50).\n  protected readonly cx = 50;\n  protected readonly cy = 50;\n  // A negative radius is invalid in the SVG path grammar, so the browser drops the arc\n  // and the dial vanishes — which a fat stroke reaches at 99. `wr-knob` floors it too.\n  protected readonly radius = computed(() => Math.max(1, 50 - this.strokeWidth() / 2 - 0.5));\n\n  /**\n   * The reading as it can actually be shown. Only `ratio` used to be clamped, so an\n   * over-range value drew a full bar while `aria-valuenow` announced the raw number\n   * against `aria-valuemax` — an invalid state for `role=\"meter\"` — and the printed\n   * text disagreed with the bar as well.\n   */\n  protected readonly displayValue = computed(() => clamp(this.value(), this.min(), this.max()));\n\n  protected readonly ratio = computed(() => {\n    const range = this.max() - this.min();\n    if (range <= 0) return 0;\n    return clamp((this.value() - this.min()) / range, 0, 1);\n  });\n\n  protected readonly trackPath = computed(() => {\n    const r = this.radius();\n    return `M ${this.cx - r} ${this.cy} A ${r} ${r} 0 0 1 ${this.cx + r} ${this.cy}`;\n  });\n\n  protected readonly valuePath = computed(() => {\n    const r = this.radius();\n    const angle = Math.PI * (1 - this.ratio());\n    const ex = this.cx + r * Math.cos(angle);\n    const ey = this.cy - r * Math.sin(angle);\n    // The arc always spans `π × ratio` radians (≤ 180°), so largeArc stays 0.\n    // Previously this was set to 1 when ratio > 0.5, which made the swept arc\n    // take the long way round and visually flipped the bar.\n    return `M ${this.cx - r} ${this.cy} A ${r} ${r} 0 0 1 ${ex.toFixed(2)} ${ey.toFixed(2)}`;\n  });\n\n  protected readonly viewBox = '0 0 100 56';\n}\n","<!--\n  The dial is drawn in an aria-hidden <svg> and the printed value is optional, so\n  with `showValue` off the component had no accessible representation at all.\n  `role=\"meter\"` plus the value attributes make it readable either way.\n-->\n<div\n  class=\"wr-gauge__surface\"\n  [style.width.px]=\"size()\"\n  role=\"meter\"\n  [attr.aria-label]=\"resolvedAriaLabel()\"\n  [attr.aria-valuemin]=\"min()\"\n  [attr.aria-valuemax]=\"max()\"\n  [attr.aria-valuenow]=\"displayValue()\"\n  [attr.aria-valuetext]=\"displayValue() + suffix()\"\n>\n  <svg [attr.viewBox]=\"viewBox\" aria-hidden=\"true\">\n    <path\n      class=\"wr-gauge__track\"\n      [attr.d]=\"trackPath()\"\n      fill=\"none\"\n      [attr.stroke]=\"trackColor()\"\n      [attr.stroke-width]=\"strokeWidth()\"\n      stroke-linecap=\"round\"\n    />\n    <path\n      class=\"wr-gauge__value\"\n      [attr.d]=\"valuePath()\"\n      fill=\"none\"\n      [attr.stroke]=\"valueColor()\"\n      [attr.stroke-width]=\"strokeWidth()\"\n      stroke-linecap=\"round\"\n    />\n  </svg>\n  @if (showValue()) {\n    <div class=\"wr-gauge__text\">\n      {{ displayValue() }}<span class=\"wr-gauge__suffix\">{{ suffix() }}</span>\n    </div>\n  }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}