@slotted/angular 0.0.0-stage → 0.1.0-beta.1

package/fesm2022/slotted-angular-text-field.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"slotted-angular-text-field.mjs","sources":["../../text-field/src/text-field-defaults.ts","../../text-field/src/text-field.ts","../../text-field/src/text-field-input.ts","../../text-field/src/text-field-parts.ts","../../text-field/src/slotted-angular-text-field.ts"],"sourcesContent":["import { inject, InjectionToken } from '@angular/core';\nimport type { Signal } from '@angular/core';\n\n/** The type step the control sits at, matching the field around it. */\nexport type TextFieldSize = 'sm' | 'md' | 'lg';\n\n/**\n * How much frame the control shows. `outline` takes the ground it is placed on,\n * `subtle` sinks into the page, and `plain` shows nothing at rest — which is\n * what a dense table needs: a cell that is only a control while it is used, and\n * that keeps the same box so the row does not reflow under the pointer.\n */\nexport type TextFieldVariant = 'outline' | 'subtle' | 'plain';\n\n/**\n * The six text types. Anything else an `input` accepts still reaches the\n * element, because the consumer writes it there; the six are the ones this\n * family paints, sizes and reveals.\n */\nexport type TextFieldType = 'text' | 'search' | 'email' | 'url' | 'tel' | 'password';\n\nexport interface TextFieldDefaults {\n  mono: boolean;\n  size: TextFieldSize;\n  variant: TextFieldVariant;\n}\n\nconst FALLBACK: TextFieldDefaults = {\n  mono: false,\n  size: 'md',\n  variant: 'outline',\n};\n\nexport const TEXT_FIELD_DEFAULTS = new InjectionToken<TextFieldDefaults>(\n  'slotted text field defaults',\n  { providedIn: 'root', factory: () => FALLBACK },\n);\n\n/**\n * An application decides once what its text fields look like, rather than\n * repeating the same inputs on every control in a form. A control that states\n * any of them itself still wins. What the buttons and marks say comes from the\n * language in force (`provideSlotted`).\n *\n * `size` is the one the field outranks: a `size=\"sm\"` field holding an `md`\n * control is a field and a control disagreeing about one row, so a control\n * inside a field takes the field's step and this token answers only outside\n * one.\n */\nexport function provideTextFieldDefaults(defaults: Partial<TextFieldDefaults>) {\n  return {\n    provide: TEXT_FIELD_DEFAULTS,\n    useFactory: (): TextFieldDefaults => ({ ...FALLBACK, ...defaults }),\n  };\n}\n\n/** What a text field renders as here, before it states anything of its own. */\nexport function injectTextFieldDefaults(): TextFieldDefaults {\n  return inject(TEXT_FIELD_DEFAULTS);\n}\n\n/**\n * What the frame needs to know about the control inside it, and what the\n * control needs the frame to call.\n *\n * It is an abstract class rather than an import so the two directives can\n * depend on each other without a cycle — the shape `SlFieldDefaultsSource`\n * already has in `field`. The input provides itself as this, and the frame\n * queries for it.\n */\nexport abstract class SlTextFieldControl {\n  /** Whether there is anything to clear. */\n  abstract readonly empty: Signal<boolean>;\n  /** Whether the control is a password, which is what the toggle is for. */\n  abstract readonly password: Signal<boolean>;\n  /** Whether the password is currently showing. */\n  abstract readonly revealed: Signal<boolean>;\n  /** Whether Caps Lock is on while a password has focus. */\n  abstract readonly capsLock: Signal<boolean>;\n  /** What the element shows, for the copy button. */\n  abstract readonly currentValue: Signal<string>;\n  abstract readonly resolvedDisabled: Signal<boolean | undefined>;\n  abstract readonly resolvedReadOnly: Signal<boolean | undefined>;\n  abstract readonly resolvedInvalid: Signal<boolean | undefined>;\n  /** Empties the value with reason `clear` and returns focus to the control. */\n  abstract clear(source: Event): void;\n  /** Turns the password from dots into characters, and holds the caret. */\n  abstract toggleReveal(source: Event): void;\n}\n\n/** What a finished copy reports: whether the clipboard took it, and why it was asked. */\nexport interface TextFieldCopyDetail {\n  copied: boolean;\n  reason: 'pointer' | 'keyboard';\n  source: Event;\n  value: string;\n}\n","import {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChild,\n  DestroyRef,\n  ElementRef,\n  inject,\n  input,\n  output,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { SlField } from '@slotted/angular/field';\nimport { injectMessages } from '@slotted/angular/i18n';\nimport { SlGlyph, SlIcon } from '@slotted/angular/icon';\nimport { writeToClipboard } from '@slotted/core/clipboard';\nimport {\n  type PartialMessages,\n  textFieldMessages,\n  type TextFieldMessages,\n} from '@slotted/core/i18n';\nimport { getLiveAnnouncer } from '@slotted/core/live-announcer';\n\nimport { injectTextFieldDefaults, SlTextFieldControl } from './text-field-defaults';\nimport type { TextFieldCopyDetail, TextFieldSize, TextFieldVariant } from './text-field-defaults';\n\n/** How long the check stays in place of the copy mark: `code-block`'s number. */\nconst COPIED_FOR = 2000;\n\nexport type { TextFieldSize, TextFieldType, TextFieldVariant } from './text-field-defaults';\n\n/**\n * The frame: one line of text, and everything that sits inside its border.\n *\n * **It is not the control.** The element carrying `data-ui` is the consumer's\n * own box with no role; the `input` inside it holds the value, the identifier\n * and every native attribute. WAI-ARIA settles the shape: a `textbox` may hold\n * only non-interactive, presentational children, so the clear and reveal\n * buttons are the control's siblings rather than its children.\n *\n * **Angular pays one element for that frame, and React pays none.** React can\n * render a wrapper from inside a component; an Angular directive cannot create\n * a box around its own host. `slTextFieldInput` injects this class, so a\n * control written without the frame is a compile-time failure rather than a\n * silent one — the property `docs/history/designs/2026-08-31-field-aware-controls-design.md`\n * asks of every control this library ships.\n */\n@Component({\n  selector: '[slTextField]',\n  standalone: true,\n  exportAs: 'slTextField',\n  imports: [SlGlyph, SlIcon],\n  template: `<ng-content select=\"[slTextFieldStart]\" />\n    <ng-content />\n    <!-- The ring, the mark and the two buttons below stay rendered for as long\n         as their capability is on, and leave through hidden, so the stylesheet\n         can take them out as well as bring them in. -->\n    @if (loading() !== undefined) {\n      <span data-part=\"busy\" data-ui=\"spinner\" aria-hidden=\"true\" [hidden]=\"!loading()\"></span>\n    }\n    @if (control()?.password()) {\n      <span data-part=\"caps-lock\" aria-hidden=\"true\" [hidden]=\"!control()!.capsLock()\">\n        <span slIcon><svg slGlyph name=\"caps-lock\"></svg></span>\n      </span>\n    }\n    @if (clearable()) {\n      <button\n        data-part=\"clear\"\n        type=\"button\"\n        [hidden]=\"!showClear()\"\n        [attr.aria-label]=\"t('clear')\"\n        (click)=\"control()!.clear($event)\"\n      >\n        <span slIcon><svg slGlyph name=\"x\"></svg></span>\n      </button>\n    }\n    @if (copyable()) {\n      <button\n        data-part=\"copy\"\n        type=\"button\"\n        [hidden]=\"!showCopy()\"\n        [attr.aria-label]=\"t('copy')\"\n        [attr.data-complete]=\"copied() ? '' : null\"\n        (click)=\"copy($event)\"\n      >\n        <!-- Two blocks, so the check is a new element and arrives. -->\n        @if (copied()) {\n          <span slIcon><svg slGlyph name=\"check\"></svg></span>\n        } @else {\n          <span slIcon><svg slGlyph name=\"copy\"></svg></span>\n        }\n      </button>\n    }\n    @if (showReveal()) {\n      <button\n        data-part=\"reveal\"\n        type=\"button\"\n        [attr.aria-label]=\"t('reveal')\"\n        [attr.aria-pressed]=\"control()!.revealed()\"\n        (click)=\"control()!.toggleReveal($event)\"\n      >\n        @if (control()!.revealed()) {\n          <span slIcon><svg slGlyph name=\"eye-off\"></svg></span>\n        } @else {\n          <span slIcon><svg slGlyph name=\"eye\"></svg></span>\n        }\n      </button>\n    }\n    <ng-content select=\"[slTextFieldEnd]\" />`,\n  styleUrl: '../../../styles/src/text-field/text-field.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    'data-ui': 'text-field',\n    'data-part': 'root',\n    '[attr.data-size]': 'resolvedSize()',\n    '[attr.data-variant]': 'resolvedVariant()',\n    '[attr.data-mono]': \"resolvedMono() ? '' : null\",\n    '[attr.data-disabled]': \"control()?.resolvedDisabled() === true ? '' : null\",\n    '[attr.data-invalid]': \"control()?.resolvedInvalid() === true ? '' : null\",\n    '[attr.data-readonly]': \"control()?.resolvedReadOnly() === true ? '' : null\",\n    '[attr.data-loading]': \"loading() === true ? '' : null\",\n  },\n})\nexport class SlTextField {\n  /** Defaults to the field, then to the token, then to `md`. */\n  readonly size = input<TextFieldSize | undefined>(undefined);\n  /** Defaults to the token, then to `outline`. */\n  readonly variant = input<TextFieldVariant | undefined>(undefined);\n  /** Sets the value in the monospaced family, for identifiers, hashes and keys. */\n  readonly mono = input<boolean | undefined, boolean | string | undefined>(undefined, {\n    transform: (value) => (value === undefined ? undefined : booleanAttribute(value)),\n  });\n  /** Draws a button that empties the value and returns focus to the control. */\n  readonly clearable = input(false, { transform: booleanAttribute });\n  /** Draws a toggle that turns a password from dots into characters. */\n  readonly revealable = input(false, { transform: booleanAttribute });\n  /**\n   * Draws a button that writes the value to the clipboard, shows a check for\n   * two seconds and announces the outcome. It stays for a read-only value and\n   * leaves while the value is empty or disabled.\n   */\n  readonly copyable = input(false, { transform: booleanAttribute });\n  /**\n   * Words laid over the catalog of the language in force, key by key: the\n   * names of the clear, copy and reveal buttons (`reveal` does not change with\n   * the state), and what a copy and the Caps Lock mark announce.\n   */\n  readonly messages = input<PartialMessages<TextFieldMessages> | undefined>(undefined);\n  /**\n   * Draws the shared ring before the buttons while something about the value\n   * is being checked, and marks the control `aria-busy`. The value stays\n   * editable. Stating it at all — `false` included — keeps the ring's place,\n   * so it can leave as well as arrive.\n   */\n  readonly loading = input<boolean | undefined, boolean | string | undefined>(undefined, {\n    transform: (value) => (value === undefined ? undefined : booleanAttribute(value)),\n  });\n\n  /** Once the copy button has asked the clipboard, with the outcome. */\n  readonly valueCopy = output<TextFieldCopyDetail>();\n\n  protected readonly defaults = injectTextFieldDefaults();\n  private readonly element: HTMLElement = inject(ElementRef).nativeElement;\n  protected readonly copied = signal(false);\n  private copiedTimer: ReturnType<typeof setTimeout> | undefined;\n  private readonly field = inject(SlField, { optional: true });\n\n  /**\n   * The control inside. It provides itself as `SlTextFieldControl`, so the\n   * frame can read whether the value is empty and whether it is a password\n   * without either directive importing the other.\n   */\n  readonly control = contentChild(SlTextFieldControl, { descendants: true });\n\n  readonly resolvedSize = computed(\n    () => this.size() ?? this.field?.resolvedSize() ?? this.defaults.size,\n  );\n  readonly resolvedVariant = computed(() => this.variant() ?? this.defaults.variant);\n  readonly resolvedMono = computed(() => this.mono() ?? this.defaults.mono);\n  /** The family's words in the language in force, with this field's `messages` laid over them. */\n  readonly t = injectMessages(textFieldMessages, this.messages);\n\n  /**\n   * A button that clears an empty control, or a value the reader cannot change,\n   * is a button that lies. Both cases withdraw it rather than disabling it,\n   * because a disabled control in the frame is one more thing to tab past.\n   */\n  protected readonly showClear = computed(() => {\n    const control = this.control();\n    if (control === undefined || !this.clearable()) return false;\n    return (\n      !control.empty() && control.resolvedDisabled() !== true && control.resolvedReadOnly() !== true\n    );\n  });\n\n  /** A read-only value may still be copied: only an empty or disabled one withdraws it. */\n  protected readonly showCopy = computed(() => {\n    const control = this.control();\n    return control !== undefined && !control.empty() && control.resolvedDisabled() !== true;\n  });\n\n  constructor() {\n    inject(DestroyRef).onDestroy(() => clearTimeout(this.copiedTimer));\n  }\n\n  protected async copy(event: MouseEvent) {\n    const reason = event.detail === 0 ? 'keyboard' : 'pointer';\n    const value = this.control()?.currentValue() ?? '';\n    const done = (await writeToClipboard(value)) !== 'refused';\n    if (done) {\n      this.copied.set(true);\n      clearTimeout(this.copiedTimer);\n      this.copiedTimer = setTimeout(() => this.copied.set(false), COPIED_FOR);\n    }\n    getLiveAnnouncer(this.element.ownerDocument).announce(\n      done ? this.t('copied') : this.t('copyFailed'),\n    );\n    this.valueCopy.emit({ copied: done, reason, source: event, value });\n  }\n\n  /** A read-only password may still be read: only `disabled` withdraws it. */\n  protected readonly showReveal = computed(() => {\n    const control = this.control();\n    if (control === undefined || !this.revealable()) return false;\n    return control.password() && control.resolvedDisabled() !== true;\n  });\n}\n","import { createControllable } from '@slotted/core/state';\nimport type { ChangeReason, ChangeRequest } from '@slotted/core/state';\nimport {\n  afterNextRender,\n  booleanAttribute,\n  computed,\n  Directive,\n  effect,\n  ElementRef,\n  forwardRef,\n  HostAttributeToken,\n  inject,\n  Injector,\n  input,\n  numberAttribute,\n  output,\n  signal,\n} from '@angular/core';\nimport type { OnInit } from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport type { ControlValueAccessor } from '@angular/forms';\nimport { SlField } from '@slotted/angular/field';\nimport { getLiveAnnouncer } from '@slotted/core/live-announcer';\n\nimport { SlTextFieldControl } from './text-field-defaults';\nimport type { TextFieldType } from './text-field-defaults';\nimport { SlTextField } from './text-field';\n\n/**\n * A native button fires the same `click` for a pointer, for Space and for\n * Enter. A click synthesised by the keyboard reports no detail; a real one\n * reports the click count — the rule `button` and `tag` both write.\n */\nfunction activationReason(event: Event): ChangeReason {\n  return event instanceof MouseEvent && event.detail === 0 ? 'keyboard' : 'pointer';\n}\n\n/**\n * The control itself: the value, the identifier, and everything the field\n * around it says.\n *\n * **The element owns the characters.** The directive keeps a mirror of what the\n * element shows, for the clear button and the count, and never a second copy of\n * the value. `writeValue` from a form and a `[value]` binding both write the\n * element; typing writes it directly, and nothing here fights the browser for\n * it — which is what Angular's own `DefaultValueAccessor` does, and the\n * asymmetry with React, where a controlled input's DOM belongs to React.\n *\n * **Unset means ask the field.** `disabled`, `readOnly` and `invalid` default to\n * `undefined` rather than `false`, which is what makes \"not disabled\" and \"said\n * nothing\" different answers. A value the consumer wrote as a static attribute\n * is read before the host binding computes, so the binding never writes over it.\n */\n@Directive({\n  selector: 'input[slTextFieldInput]',\n  standalone: true,\n  exportAs: 'slTextFieldInput',\n  providers: [\n    { provide: SlTextFieldControl, useExisting: forwardRef(() => SlTextFieldInput) },\n    { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SlTextFieldInput), multi: true },\n  ],\n  host: {\n    'data-part': 'input',\n    '[attr.id]': 'controlId()',\n    '[attr.type]': 'resolvedType()',\n    '[attr.aria-describedby]': 'describedBy()',\n    '[attr.aria-invalid]': 'ariaInvalid()',\n    '[attr.aria-required]': 'ariaRequired()',\n    '[attr.disabled]': 'disabledAttribute()',\n    '[attr.readonly]': 'readonlyAttribute()',\n    '[attr.aria-busy]': \"textField.loading() === true ? 'true' : null\",\n    '(input)': 'onInput($event)',\n    '(keydown)': 'readCapsLock($event)',\n    '(keyup)': 'readCapsLock($event)',\n    '(blur)': 'onBlur()',\n  },\n})\nexport class SlTextFieldInput implements ControlValueAccessor, OnInit, SlTextFieldControl {\n  /** Present means the consumer owns the value. */\n  readonly value = input<string | undefined>(undefined);\n  /** The value the control starts from when nobody else writes one. */\n  readonly defaultValue = input<string | undefined>(undefined);\n  /** Unstated rather than `false`, so the control defers to the field. */\n  readonly disabled = input<boolean | undefined, boolean | string | undefined>(undefined, {\n    transform: (value) => (value === undefined ? undefined : booleanAttribute(value)),\n  });\n  /** Unstated rather than `false`. Reaches the element as the native `readonly`. */\n  readonly readOnly = input<boolean | undefined, boolean | string | undefined>(undefined, {\n    transform: (value) => (value === undefined ? undefined : booleanAttribute(value)),\n  });\n  /** Unstated rather than `false`. Reaches the element as `aria-invalid`. */\n  readonly invalid = input<boolean | undefined, boolean | string | undefined>(undefined, {\n    transform: (value) => (value === undefined ? undefined : booleanAttribute(value)),\n  });\n  /** Publishes the length of the value to the field, which draws the count. */\n  readonly showCount = input(false, { transform: booleanAttribute });\n  /**\n   * The limit the count is measured against. Defaults to the element's own\n   * `maxlength`, and set alone it is a soft limit: the value can pass it, and\n   * the counter says so before validation runs.\n   */\n  readonly countMax = input<number | undefined, unknown>(undefined, {\n    transform: (value) =>\n      value === undefined || value === null ? undefined : numberAttribute(value),\n  });\n  /** Present means the consumer owns whether the password is showing. */\n  readonly revealedValue = input<boolean | undefined, boolean | string | undefined>(undefined, {\n    alias: 'revealed',\n    transform: (value) => (value === undefined ? undefined : booleanAttribute(value)),\n  });\n  readonly defaultRevealed = input(false, { transform: booleanAttribute });\n  /**\n   * The element's own `type`, written or bound. An input rather than a host\n   * attribute read once, because a bound `[type]` would otherwise go to the\n   * element's property and the host binding below would never see it.\n   */\n  readonly type = input<TextFieldType | string | undefined>(undefined);\n\n  /**\n   * One output for one transition, carrying the value, the value it replaces,\n   * the reason, the originating event and `cancel()`. There is no `[(value)]`,\n   * because a two-way binding has one slot and can carry none of those; a form\n   * gets the same movement through `ControlValueAccessor`.\n   */\n  readonly valueChange = output<ChangeRequest<string>>();\n  readonly revealedChange = output<ChangeRequest<boolean>>();\n\n  private readonly element = inject<ElementRef<HTMLInputElement>>(ElementRef).nativeElement;\n  private readonly injector = inject(Injector);\n  /**\n   * The frame around the control. Injected without `optional`, so an `input`\n   * written without it fails at construction rather than silently losing its\n   * border, its ring and the place its two buttons stand — the property\n   * `docs/history/designs/2026-08-31-field-aware-controls-design.md` asks of\n   * every control this library ships. It is public because a template that\n   * reaches the input through `exportAs` may want the frame's resolved step.\n   */\n  readonly textField = inject(SlTextField);\n  private readonly field = inject(SlField, { optional: true });\n\n  private readonly writtenId = inject(new HostAttributeToken('id'), { optional: true });\n  private readonly writtenDescribedBy = inject(new HostAttributeToken('aria-describedby'), {\n    optional: true,\n  });\n  private readonly writtenInvalid = inject(new HostAttributeToken('aria-invalid'), {\n    optional: true,\n  });\n  private readonly writtenRequired = inject(new HostAttributeToken('aria-required'), {\n    optional: true,\n  });\n  private readonly writtenReadonly = inject(new HostAttributeToken('readonly'), { optional: true });\n  private readonly writtenMaxLength = inject(new HostAttributeToken('maxlength'), {\n    optional: true,\n  });\n\n  /** What the element is showing. Never a second copy of the value. */\n  private readonly mirror = signal('');\n  private readonly ownRevealed = signal(false);\n  private readonly formDisabled = signal<boolean | undefined>(undefined);\n  private onChangeFn: (value: string) => void = () => undefined;\n  private onTouchedFn: () => void = () => undefined;\n\n  private readonly ownCapsLock = signal(false);\n  readonly capsLock = this.ownCapsLock.asReadonly();\n  readonly currentValue = this.mirror.asReadonly();\n  readonly empty = computed(() => this.mirror() === '');\n  readonly revealed = computed(() => this.revealedValue() ?? this.ownRevealed());\n  private readonly ownType = computed(() => this.type() ?? 'text');\n  readonly password = computed(() => this.ownType() === 'password');\n\n  readonly resolvedDisabled = computed(\n    () => this.disabled() ?? this.formDisabled() ?? this.field?.resolvedDisabled(),\n  );\n  readonly resolvedReadOnly = computed(\n    () =>\n      this.readOnly() ??\n      (this.writtenReadonly === null ? undefined : true) ??\n      this.field?.resolvedReadOnly(),\n  );\n  readonly resolvedInvalid = computed(() => this.invalid() ?? this.field?.invalid());\n\n  protected readonly controlId = computed(\n    () => this.writtenId ?? this.field?.ids().control ?? null,\n  );\n  /**\n   * The swap the reveal button makes. It is the element's own `type` otherwise,\n   * so a consumer's `type=\"email\"` survives the host binding that a directive\n   * on the element would otherwise write over.\n   */\n  protected readonly resolvedType = computed<TextFieldType | string>(() =>\n    this.password() && this.revealed() ? 'text' : this.ownType(),\n  );\n  /** Merged after the consumer's own, so a tour step is read before the help. */\n  protected readonly describedBy = computed(() => {\n    const merged = [this.writtenDescribedBy, this.field?.describedBy()].filter(Boolean);\n    return merged.length === 0 ? null : merged.join(' ');\n  });\n  protected readonly ariaInvalid = computed(\n    () => this.writtenInvalid ?? (this.resolvedInvalid() === true ? 'true' : null),\n  );\n  protected readonly ariaRequired = computed(\n    () => this.writtenRequired ?? (this.field?.required() === true ? 'true' : null),\n  );\n  protected readonly disabledAttribute = computed(() =>\n    this.resolvedDisabled() === true ? '' : null,\n  );\n  protected readonly readonlyAttribute = computed(() =>\n    this.resolvedReadOnly() === true ? '' : null,\n  );\n\n  private readonly limit = computed(() => {\n    const written = this.writtenMaxLength === null ? undefined : Number(this.writtenMaxLength);\n    return (\n      this.countMax() ?? (written === undefined || Number.isNaN(written) ? undefined : written)\n    );\n  });\n\n  constructor() {\n    /* A consumer's own value writes the element, the way a form's does. */\n    effect(() => {\n      const next = this.value();\n      if (next === undefined || next === this.element.value) return;\n      this.element.value = next;\n      this.mirror.set(next);\n    });\n\n    /* The count is the control's and the place is the field's. */\n    effect(() => {\n      if (this.field === null) return;\n      if (!this.showCount()) {\n        this.field.setCount(undefined);\n        return;\n      }\n      this.field.setCount({ length: this.mirror().length, max: this.limit() });\n    });\n  }\n\n  /**\n   * Angular creates every directive in a template before it binds any input, so\n   * the starting value is read here rather than in the constructor: read there,\n   * `defaultValue` is always `undefined` and the mirror starts empty — which is\n   * what the first run of this family's spec showed, as a clear button that\n   * never appeared and a count that stayed at nought.\n   */\n  ngOnInit() {\n    this.ownRevealed.set(this.defaultRevealed());\n    const initial = this.defaultValue() ?? this.element.value;\n    if (initial !== this.element.value) this.element.value = initial;\n    this.mirror.set(this.element.value);\n  }\n\n  /** The native element, for `focus()`, `select()` and `setSelectionRange()`. */\n  get inputElement(): HTMLInputElement {\n    return this.element;\n  }\n\n  writeValue(value: string | null | undefined) {\n    this.element.value = value ?? '';\n    this.mirror.set(this.element.value);\n  }\n\n  registerOnChange(fn: (value: string) => void) {\n    this.onChangeFn = fn;\n  }\n\n  registerOnTouched(fn: () => void) {\n    this.onTouchedFn = fn;\n  }\n\n  setDisabledState(isDisabled: boolean) {\n    this.formDisabled.set(isDisabled);\n  }\n\n  clear(source: Event) {\n    if (this.request('', 'clear', source)) {\n      this.element.value = '';\n      this.mirror.set('');\n      this.onChangeFn('');\n    }\n    this.element.focus();\n  }\n\n  toggleReveal(source: Event) {\n    const start = this.element.selectionStart;\n    const end = this.element.selectionEnd;\n    const next = !this.revealed();\n\n    let cancelled = false;\n    const state = createControllable<boolean>({\n      controlled: this.revealedValue(),\n      initial: this.revealed(),\n      onRequest: (request) => {\n        this.revealedChange.emit(request);\n        cancelled = request.cancelled;\n      },\n    });\n    state.request(next, activationReason(source), source);\n    if (cancelled) return;\n    this.ownRevealed.set(next);\n\n    /* Swapping the type moves the caret to the end, so it is put back after\n       the attribute is written rather than before. */\n    afterNextRender(\n      () => {\n        this.element.focus();\n        if (start !== null && end !== null) this.element.setSelectionRange(start, end);\n      },\n      { injector: this.injector },\n    );\n  }\n\n  protected onInput(event: Event) {\n    const next = this.element.value;\n    if (this.request(next, 'keyboard', event)) {\n      this.mirror.set(next);\n      this.onChangeFn(next);\n    }\n  }\n\n  protected onBlur() {\n    this.ownCapsLock.set(false);\n    this.onTouchedFn();\n  }\n\n  /**\n   * Caps Lock is read from the key events the control already receives, and\n   * only in a password: the platform exposes the modifier on an event and\n   * nowhere else. It is announced once, as it turns on.\n   */\n  protected readCapsLock(event: KeyboardEvent) {\n    if (!this.password() || typeof event.getModifierState !== 'function') return;\n    const on = event.getModifierState('CapsLock');\n    if (on && !this.ownCapsLock()) {\n      getLiveAnnouncer(this.element.ownerDocument).announce(this.textField.t('capsLock'));\n    }\n    this.ownCapsLock.set(on);\n  }\n\n  /** Emits the request and says whether anything may commit. */\n  private request(next: string, reason: ChangeReason, source: Event): boolean {\n    if (next === this.mirror()) return false;\n\n    let cancelled = false;\n    const state = createControllable<string>({\n      controlled: undefined,\n      initial: this.mirror(),\n      onRequest: (request) => {\n        this.valueChange.emit(request);\n        cancelled = request.cancelled;\n      },\n    });\n    state.request(next, reason, source);\n    return !cancelled;\n  }\n}\n","import { afterNextRender, Directive, ElementRef, HostAttributeToken, inject } from '@angular/core';\n\n/**\n * An adornment before the value in the reading direction: a currency mark, a\n * unit, an icon, an `@`. Named for the direction rather than for a side, so the\n * same markup puts the mark before the amount in both directions —\n * `docs/component-features.md` §2.4 states the preference and `tag` already\n * ships parts by these names.\n *\n * It is a directive on the consumer's own element, so an `icon`, a `kbd` or a\n * `span` all work and none of them loses its own semantics. The stylesheet\n * sizes any icon inside it from the control's own glyph scale.\n */\n@Directive({\n  selector: '[slTextFieldStart]',\n  standalone: true,\n  exportAs: 'slTextFieldStart',\n  host: { 'data-part': 'start' },\n})\nexport class SlTextFieldStart {}\n\n/** An adornment after the value in the reading direction. */\n@Directive({\n  selector: '[slTextFieldEnd]',\n  standalone: true,\n  exportAs: 'slTextFieldEnd',\n  host: { 'data-part': 'end' },\n})\nexport class SlTextFieldEnd {}\n\n/**\n * A button of the consumer's inside the frame, projected into `start` or\n * `end`: a submit, a menu trigger naming a country, a tooltip on an\n * information mark. Named by `aria-label` it is drawn square, like the\n * family's own buttons; named by its text it takes a step of air a side.\n *\n * `slMenuTriggerFor` on the same element binds `data-part` to `null` outside\n * a bar or a surface, and that binding is a constant, so the part is written\n * back once after the first render and nothing writes over it again — the\n * rule `menu` records for its own trigger. A `type` the consumer wrote wins.\n */\n@Directive({\n  selector: 'button[slTextFieldAction]',\n  standalone: true,\n  exportAs: 'slTextFieldAction',\n  host: { 'data-part': 'action', '[attr.type]': 'type' },\n})\nexport class SlTextFieldAction {\n  protected readonly type = inject(new HostAttributeToken('type'), { optional: true }) ?? 'button';\n\n  constructor() {\n    const element: HTMLElement = inject(ElementRef).nativeElement;\n    afterNextRender(() => element.setAttribute('data-part', 'action'));\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/slotted-angular-textarea.mjs

@@ -0,0 +1,275 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, input, booleanAttribute, numberAttribute, output, ElementRef, HostAttributeToken, signal, computed, effect, forwardRef, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { createControllable } from '@slotted/core/state';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { SlField } from '@slotted/angular/field';
+
+const FALLBACK = {
+    mono: false,
+    resize: 'block',
+    size: 'md',
+    variant: 'outline',
+};
+const TEXTAREA_DEFAULTS = new InjectionToken('slotted textarea defaults', {
+    providedIn: 'root',
+    factory: () => FALLBACK,
+});
+/**
+ * An application decides once what its multi-line controls look like and
+ * whether their handle drags, rather than repeating the same inputs on every
+ * control. A control that states any of them itself still wins, and a control
+ * inside a field takes the field's step over this token's.
+ */
+function provideTextareaDefaults(defaults) {
+    return {
+        provide: TEXTAREA_DEFAULTS,
+        useFactory: () => ({ ...FALLBACK, ...defaults }),
+    };
+}
+/** What a textarea renders as here, before it states anything of its own. */
+function injectTextareaDefaults() {
+    return inject(TEXTAREA_DEFAULTS);
+}
+
+/**
+ * Many lines of text, in the element that already holds them.
+ *
+ * **No frame.** `text-field` wraps its input because an adornment and two
+ * buttons have to sit inside one border and a void element can hold no child.
+ * Nothing surveyed puts an adornment inside a textarea — the corner is where
+ * the resize handle goes — so this family is the control itself, and the two
+ * anatomies differ on purpose rather than matching for symmetry.
+ *
+ * **The platform grows it.** `autoSize` is CSS `field-sizing: content`. Nothing
+ * is measured on the main thread, no line height is cached and no layout is
+ * read per keystroke, which is what `cdkTextareaAutosize` does. `field-sizing`
+ * shrinkwraps, so `rows` stops being the floor: the two row counts reach the
+ * stylesheet as custom properties, and it states the floor and the ceiling in
+ * line boxes.
+ *
+ * **Enter makes a line.** Nothing is bound to a key. WAI-ARIA notes the
+ * difference between a single-line and a multi-line text control, and
+ * `docs/component-features.md` §6 requires it: a multi-line control never
+ * submits implicitly.
+ */
+class SlTextarea {
+    /** Defaults to the field, then to the token, then to `md`. */
+    size = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    /** Defaults to the token, then to `outline`. */
+    variant = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    /** Defaults to the token, then to `block`. Withdrawn while `autoSize` is on. */
+    resize = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resize" }] : /* istanbul ignore next */ []));
+    /** Sets the value in the monospaced family, for a payload or a template. */
+    mono = input(undefined, { ...(ngDevMode ? { debugName: "mono" } : /* istanbul ignore next */ {}), transform: (value) => (value === undefined ? undefined : booleanAttribute(value)) });
+    /** Grows with the content, through the platform rather than a measurement. */
+    autoSize = input(false, { ...(ngDevMode ? { debugName: "autoSize" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** The floor, in rows. It is the element's own `rows` as well. */
+    rows = input(3, { ...(ngDevMode ? { debugName: "rows" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    /**
+     * The ceiling `autoSize` grows to, in rows. It cannot be removed: a control
+     * that grows forever pushes the page out from under the caret, which is the
+     * defect every auto-grow implementation ships first.
+     */
+    maxRows = input(12, { ...(ngDevMode ? { debugName: "maxRows" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    /** Present means the consumer owns the value. */
+    value = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    /** The value the control starts from when nobody else writes one. */
+    defaultValue = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "defaultValue" }] : /* istanbul ignore next */ []));
+    /** Unstated rather than `false`, so the control defers to the field. */
+    disabled = input(undefined, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: (value) => (value === undefined ? undefined : booleanAttribute(value)) });
+    readOnly = input(undefined, { ...(ngDevMode ? { debugName: "readOnly" } : /* istanbul ignore next */ {}), transform: (value) => (value === undefined ? undefined : booleanAttribute(value)) });
+    invalid = input(undefined, { ...(ngDevMode ? { debugName: "invalid" } : /* istanbul ignore next */ {}), transform: (value) => (value === undefined ? undefined : booleanAttribute(value)) });
+    /** Publishes the length of the value to the field, which draws the count. */
+    showCount = input(false, { ...(ngDevMode ? { debugName: "showCount" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * The native limit, as a binding. Without this input `[maxLength]` would set
+     * the element's property and the count would never see it; a static
+     * `maxlength` attribute is read as written.
+     */
+    maxLength = input(undefined, { ...(ngDevMode ? { debugName: "maxLength" } : /* istanbul ignore next */ {}), transform: (value) => value === undefined || value === null ? undefined : numberAttribute(value) });
+    /** The limit the count is measured against. Defaults to `maxlength`. */
+    countMax = input(undefined, { ...(ngDevMode ? { debugName: "countMax" } : /* istanbul ignore next */ {}), transform: (value) => value === undefined || value === null ? undefined : numberAttribute(value) });
+    /** One output for one transition, carrying the reason and `cancel()`. */
+    valueChange = output();
+    element = inject(ElementRef).nativeElement;
+    defaults = injectTextareaDefaults();
+    field = inject(SlField, { optional: true });
+    writtenId = inject(new HostAttributeToken('id'), { optional: true });
+    writtenDescribedBy = inject(new HostAttributeToken('aria-describedby'), {
+        optional: true,
+    });
+    writtenInvalid = inject(new HostAttributeToken('aria-invalid'), {
+        optional: true,
+    });
+    writtenRequired = inject(new HostAttributeToken('aria-required'), {
+        optional: true,
+    });
+    writtenReadonly = inject(new HostAttributeToken('readonly'), { optional: true });
+    writtenMaxLength = inject(new HostAttributeToken('maxlength'), {
+        optional: true,
+    });
+    /** What the element is showing. Never a second copy of the value. */
+    mirror = signal('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "mirror" }] : /* istanbul ignore next */ []));
+    formDisabled = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "formDisabled" }] : /* istanbul ignore next */ []));
+    onChangeFn = () => undefined;
+    onTouchedFn = () => undefined;
+    resolvedSize = computed(() => this.size() ?? this.field?.resolvedSize() ?? this.defaults.size, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedSize" }] : /* istanbul ignore next */ []));
+    resolvedVariant = computed(() => this.variant() ?? this.defaults.variant, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedVariant" }] : /* istanbul ignore next */ []));
+    resolvedMono = computed(() => this.mono() ?? this.defaults.mono, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedMono" }] : /* istanbul ignore next */ []));
+    /**
+     * A control that sizes itself and a handle that fixes its size disagree on
+     * the next keystroke, so the handle is withdrawn rather than left to fight.
+     */
+    resolvedResize = computed(() => this.autoSize() ? 'none' : (this.resize() ?? this.defaults.resize), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedResize" }] : /* istanbul ignore next */ []));
+    resolvedDisabled = computed(() => this.disabled() ?? this.formDisabled() ?? this.field?.resolvedDisabled(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedDisabled" }] : /* istanbul ignore next */ []));
+    resolvedReadOnly = computed(() => this.readOnly() ??
+        (this.writtenReadonly === null ? undefined : true) ??
+        this.field?.resolvedReadOnly(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedReadOnly" }] : /* istanbul ignore next */ []));
+    resolvedInvalid = computed(() => this.invalid() ?? this.field?.invalid(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedInvalid" }] : /* istanbul ignore next */ []));
+    controlId = computed(() => this.writtenId ?? this.field?.ids().control ?? null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "controlId" }] : /* istanbul ignore next */ []));
+    describedBy = computed(() => {
+        const merged = [this.writtenDescribedBy, this.field?.describedBy()].filter(Boolean);
+        return merged.length === 0 ? null : merged.join(' ');
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "describedBy" }] : /* istanbul ignore next */ []));
+    ariaInvalid = computed(() => this.writtenInvalid ?? (this.resolvedInvalid() === true ? 'true' : null), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaInvalid" }] : /* istanbul ignore next */ []));
+    ariaRequired = computed(() => this.writtenRequired ?? (this.field?.required() === true ? 'true' : null), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaRequired" }] : /* istanbul ignore next */ []));
+    disabledAttribute = computed(() => this.resolvedDisabled() === true ? '' : null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disabledAttribute" }] : /* istanbul ignore next */ []));
+    readonlyAttribute = computed(() => this.resolvedReadOnly() === true ? '' : null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "readonlyAttribute" }] : /* istanbul ignore next */ []));
+    maxLengthAttribute = computed(() => this.maxLength() ?? this.writtenMaxLength ?? null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "maxLengthAttribute" }] : /* istanbul ignore next */ []));
+    limit = computed(() => {
+        const written = this.writtenMaxLength === null ? undefined : Number(this.writtenMaxLength);
+        return (this.countMax() ??
+            this.maxLength() ??
+            (written === undefined || Number.isNaN(written) ? undefined : written));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "limit" }] : /* istanbul ignore next */ []));
+    constructor() {
+        effect(() => {
+            const next = this.value();
+            if (next === undefined || next === this.element.value)
+                return;
+            this.element.value = next;
+            this.mirror.set(next);
+        });
+        effect(() => {
+            if (this.field === null)
+                return;
+            if (!this.showCount()) {
+                this.field.setCount(undefined);
+                return;
+            }
+            this.field.setCount({ length: this.mirror().length, max: this.limit() });
+        });
+    }
+    /**
+     * Angular creates every directive in a template before it binds any input, so
+     * the starting value is read here rather than in the constructor, where
+     * `defaultValue` is always still `undefined`.
+     */
+    ngOnInit() {
+        const initial = this.defaultValue() ?? this.element.value;
+        if (initial !== this.element.value)
+            this.element.value = initial;
+        this.mirror.set(this.element.value);
+    }
+    /** The native element, for `focus()`, `select()` and `setSelectionRange()`. */
+    get textareaElement() {
+        return this.element;
+    }
+    writeValue(value) {
+        this.element.value = value ?? '';
+        this.mirror.set(this.element.value);
+    }
+    registerOnChange(fn) {
+        this.onChangeFn = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouchedFn = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.formDisabled.set(isDisabled);
+    }
+    onInput(event) {
+        const next = this.element.value;
+        if (next === this.mirror())
+            return;
+        let cancelled = false;
+        const state = createControllable({
+            controlled: undefined,
+            initial: this.mirror(),
+            onRequest: (request) => {
+                this.valueChange.emit(request);
+                cancelled = request.cancelled;
+            },
+        });
+        state.request(next, 'keyboard', event);
+        if (cancelled)
+            return;
+        this.mirror.set(next);
+        this.onChangeFn(next);
+    }
+    onBlur() {
+        this.onTouchedFn();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTextarea, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlTextarea, isStandalone: true, selector: "textarea[slTextarea]", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, resize: { classPropertyName: "resize", publicName: "resize", isSignal: true, isRequired: false, transformFunction: null }, mono: { classPropertyName: "mono", publicName: "mono", isSignal: true, isRequired: false, transformFunction: null }, autoSize: { classPropertyName: "autoSize", publicName: "autoSize", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, maxRows: { classPropertyName: "maxRows", publicName: "maxRows", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, showCount: { classPropertyName: "showCount", publicName: "showCount", isSignal: true, isRequired: false, transformFunction: null }, maxLength: { classPropertyName: "maxLength", publicName: "maxLength", isSignal: true, isRequired: false, transformFunction: null }, countMax: { classPropertyName: "countMax", publicName: "countMax", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, host: { attributes: { "data-ui": "textarea", "data-part": "root" }, listeners: { "input": "onInput($event)", "blur": "onBlur()" }, properties: { "attr.id": "controlId()", "attr.rows": "rows()", "attr.data-size": "resolvedSize()", "attr.data-variant": "resolvedVariant()", "attr.data-resize": "resolvedResize()", "attr.data-mono": "resolvedMono() ? '' : null", "attr.data-auto-size": "autoSize() ? '' : null", "attr.data-disabled": "resolvedDisabled() === true ? '' : null", "attr.data-invalid": "resolvedInvalid() === true ? '' : null", "attr.data-readonly": "resolvedReadOnly() === true ? '' : null", "attr.aria-describedby": "describedBy()", "attr.aria-invalid": "ariaInvalid()", "attr.aria-required": "ariaRequired()", "attr.disabled": "disabledAttribute()", "attr.readonly": "readonlyAttribute()", "attr.maxlength": "maxLengthAttribute()", "style.--slotted-textarea-rows": "rows()", "style.--slotted-textarea-max-rows": "maxRows()" } }, providers: [
+            { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SlTextarea), multi: true },
+        ], exportAs: ["slTextarea"], ngImport: i0, template: '', isInline: true, styles: ["@layer slotted.components{[data-ui=textarea][data-part=root]{--_font-size: var(--slotted-control-font-size-md, 13px);--_height: var(--slotted-control-height-md, 34px);--_padding-inline: var(--slotted-control-padding-inline-md, 13px);--_padding-block: max(0px, calc((var(--_height) - 1lh) / 2));--_frame: calc(var(--_padding-block) * 2 + var(--slotted-control-border-width, 1px) * 2);--_scroll-frame: calc(var(--_padding-block) + var(--slotted-control-border-width, 1px) * 2);--_rows: var(--slotted-textarea-rows, 3);--_max-rows: var(--slotted-textarea-max-rows, 12);background-color:var(--slotted-textarea-background, var(--slotted-control-surface, Field));border:var(--slotted-control-border-width, 1px) solid var(--slotted-textarea-border-color, var(--slotted-control-border-color, ButtonBorder));border-radius:var(--slotted-textarea-radius, var(--slotted-control-radius, 4px));box-shadow:var(--slotted-textarea-shadow, var(--slotted-control-shadow, none));box-sizing:border-box;color:var(--slotted-textarea-color, var(--slotted-text, CanvasText));display:block;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);inline-size:100%;line-height:var(--slotted-textarea-line-height, var(--slotted-line-height-md, 1.5));min-inline-size:0;overflow-wrap:anywhere;padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);resize:block;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=textarea][data-part=root]::placeholder{color:var(--slotted-textarea-placeholder-color, var(--slotted-text-muted, GrayText))}[data-ui=textarea][data-part=root][data-size=sm]{--_font-size: var(--slotted-control-font-size-sm, 12px);--_height: var(--slotted-control-height-sm, 30px);--_padding-inline: var(--slotted-control-padding-inline-sm, 10px)}[data-ui=textarea][data-part=root][data-size=md]{--_font-size: var(--slotted-control-font-size-md, 13px);--_height: var(--slotted-control-height-md, 34px);--_padding-inline: var(--slotted-control-padding-inline-md, 13px)}[data-ui=textarea][data-part=root][data-size=lg]{--_font-size: var(--slotted-control-font-size-lg, 14px);--_height: var(--slotted-control-height-lg, 38px);--_padding-inline: var(--slotted-control-padding-inline-lg, 16px)}[data-ui=textarea][data-part=root][data-variant=subtle]{background-color:var( --slotted-textarea-subtle-background, var(--slotted-surface-sunken, Canvas) );border-color:var( --slotted-textarea-subtle-border-color, var(--slotted-border-subtle, ButtonBorder) )}[data-ui=textarea][data-part=root][data-variant=plain]{background-color:transparent;border-color:transparent;border-radius:var(--slotted-radius-none, 0px);box-shadow:none}@media(forced-colors:active){[data-ui=textarea][data-part=root][data-variant=plain]{border-color:ButtonBorder}}[data-ui=textarea][data-part=root][data-mono]{font-family:var(--slotted-font-family-mono, monospace);font-variant-numeric:tabular-nums}[data-ui=textarea][data-part=root][data-resize=none]{resize:none}[data-ui=textarea][data-part=root][data-resize=both]{resize:both}[data-ui=textarea][data-part=root][data-auto-size]{field-sizing:content;max-block-size:calc(var(--_max-rows) * 1lh + var(--_scroll-frame));min-block-size:calc(var(--_rows) * 1lh + var(--_frame));resize:none}[data-ui=textarea][data-part=root]:hover:not([data-disabled]):not(:disabled):not([data-readonly]):not([data-invalid]){border-color:var(--slotted-textarea-hover-border-color, var(--slotted-tone-accent-border))}[data-ui=textarea][data-part=root][data-variant=subtle]:hover:not([data-disabled]):not(:disabled):not([data-readonly]):not([data-invalid]){background-color:var( --slotted-textarea-subtle-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=textarea][data-part=root][data-variant=plain]:hover:not([data-disabled]):not(:disabled):not([data-readonly]):not([data-invalid]){background-color:var( --slotted-textarea-plain-hover-background, var(--slotted-tone-secondary-subtle-hover) );border-color:transparent}[data-ui=textarea][data-part=root]:focus-visible{box-shadow:var(--slotted-control-shadow-focus-geometry, 0 1px 4px -1px) var(--slotted-focus-ring-color, Highlight);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=textarea][data-part=root][data-variant=plain]:focus-visible{box-shadow:none;outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=textarea][data-part=root][data-invalid]{--slotted-focus-ring-color: var( --slotted-textarea-invalid-focus-ring-color, var(--slotted-focus-ring-color-invalid, Highlight) );--_invalid-edge-width: var( --slotted-textarea-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) );--_invalid-edge-color: var( --slotted-textarea-invalid-border-color, var(--slotted-tone-danger-border) );--_invalid-edge: inset 0 0 0 var(--_invalid-edge-width) var(--_invalid-edge-color);border-color:var(--slotted-textarea-invalid-border-color, var(--slotted-tone-danger-border));box-shadow:var(--_invalid-edge)}[data-ui=textarea][data-part=root][data-invalid]:focus-visible{box-shadow:var(--_invalid-edge),var(--slotted-control-shadow-focus-geometry, 0 1px 4px -1px) var(--slotted-focus-ring-color, Highlight)}[data-ui=textarea][data-part=root][data-variant=plain][data-invalid]:focus-visible{box-shadow:inset 0 0 0 calc(var(--slotted-focus-ring-offset, 2px) - var(--slotted-control-border-width, 1px) + var(--_invalid-edge-width)) var(--_invalid-edge-color)}@media(forced-colors:active){[data-ui=textarea][data-part=root][data-invalid]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--slotted-control-border-width, 1px) + var(--_invalid-edge-width)))}[data-ui=textarea][data-part=root][data-invalid]:focus-visible{outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=textarea][data-part=root][data-variant=plain][data-invalid]:focus-visible{outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * (var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)))}}[data-ui=textarea][data-part=root][data-readonly]{background-color:var( --slotted-textarea-readonly-background, var(--slotted-tone-secondary-subtle-hover) );cursor:default}[data-ui=textarea][data-part=root][data-disabled],[data-ui=textarea][data-part=root]:disabled{background-color:var( --slotted-textarea-disabled-background, var(--slotted-disabled-background) );border-color:var(--slotted-textarea-disabled-border-color, var(--slotted-disabled-border));box-shadow:none;color:var(--slotted-textarea-disabled-color, var(--slotted-disabled-foreground));cursor:not-allowed;resize:none}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTextarea, decorators: [{
+            type: Component,
+            args: [{ selector: 'textarea[slTextarea]', standalone: true, exportAs: 'slTextarea', template: '', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
+                        { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SlTextarea), multi: true },
+                    ], host: {
+                        'data-ui': 'textarea',
+                        'data-part': 'root',
+                        '[attr.id]': 'controlId()',
+                        '[attr.rows]': 'rows()',
+                        '[attr.data-size]': 'resolvedSize()',
+                        '[attr.data-variant]': 'resolvedVariant()',
+                        '[attr.data-resize]': 'resolvedResize()',
+                        '[attr.data-mono]': "resolvedMono() ? '' : null",
+                        '[attr.data-auto-size]': "autoSize() ? '' : null",
+                        '[attr.data-disabled]': "resolvedDisabled() === true ? '' : null",
+                        '[attr.data-invalid]': "resolvedInvalid() === true ? '' : null",
+                        '[attr.data-readonly]': "resolvedReadOnly() === true ? '' : null",
+                        '[attr.aria-describedby]': 'describedBy()',
+                        '[attr.aria-invalid]': 'ariaInvalid()',
+                        '[attr.aria-required]': 'ariaRequired()',
+                        '[attr.disabled]': 'disabledAttribute()',
+                        '[attr.readonly]': 'readonlyAttribute()',
+                        '[attr.maxlength]': 'maxLengthAttribute()',
+                        '[style.--slotted-textarea-rows]': 'rows()',
+                        '[style.--slotted-textarea-max-rows]': 'maxRows()',
+                        '(input)': 'onInput($event)',
+                        '(blur)': 'onBlur()',
+                    }, styles: ["@layer slotted.components{[data-ui=textarea][data-part=root]{--_font-size: var(--slotted-control-font-size-md, 13px);--_height: var(--slotted-control-height-md, 34px);--_padding-inline: var(--slotted-control-padding-inline-md, 13px);--_padding-block: max(0px, calc((var(--_height) - 1lh) / 2));--_frame: calc(var(--_padding-block) * 2 + var(--slotted-control-border-width, 1px) * 2);--_scroll-frame: calc(var(--_padding-block) + var(--slotted-control-border-width, 1px) * 2);--_rows: var(--slotted-textarea-rows, 3);--_max-rows: var(--slotted-textarea-max-rows, 12);background-color:var(--slotted-textarea-background, var(--slotted-control-surface, Field));border:var(--slotted-control-border-width, 1px) solid var(--slotted-textarea-border-color, var(--slotted-control-border-color, ButtonBorder));border-radius:var(--slotted-textarea-radius, var(--slotted-control-radius, 4px));box-shadow:var(--slotted-textarea-shadow, var(--slotted-control-shadow, none));box-sizing:border-box;color:var(--slotted-textarea-color, var(--slotted-text, CanvasText));display:block;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);inline-size:100%;line-height:var(--slotted-textarea-line-height, var(--slotted-line-height-md, 1.5));min-inline-size:0;overflow-wrap:anywhere;padding-block:var(--_padding-block);padding-inline:var(--_padding-inline);resize:block;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=textarea][data-part=root]::placeholder{color:var(--slotted-textarea-placeholder-color, var(--slotted-text-muted, GrayText))}[data-ui=textarea][data-part=root][data-size=sm]{--_font-size: var(--slotted-control-font-size-sm, 12px);--_height: var(--slotted-control-height-sm, 30px);--_padding-inline: var(--slotted-control-padding-inline-sm, 10px)}[data-ui=textarea][data-part=root][data-size=md]{--_font-size: var(--slotted-control-font-size-md, 13px);--_height: var(--slotted-control-height-md, 34px);--_padding-inline: var(--slotted-control-padding-inline-md, 13px)}[data-ui=textarea][data-part=root][data-size=lg]{--_font-size: var(--slotted-control-font-size-lg, 14px);--_height: var(--slotted-control-height-lg, 38px);--_padding-inline: var(--slotted-control-padding-inline-lg, 16px)}[data-ui=textarea][data-part=root][data-variant=subtle]{background-color:var( --slotted-textarea-subtle-background, var(--slotted-surface-sunken, Canvas) );border-color:var( --slotted-textarea-subtle-border-color, var(--slotted-border-subtle, ButtonBorder) )}[data-ui=textarea][data-part=root][data-variant=plain]{background-color:transparent;border-color:transparent;border-radius:var(--slotted-radius-none, 0px);box-shadow:none}@media(forced-colors:active){[data-ui=textarea][data-part=root][data-variant=plain]{border-color:ButtonBorder}}[data-ui=textarea][data-part=root][data-mono]{font-family:var(--slotted-font-family-mono, monospace);font-variant-numeric:tabular-nums}[data-ui=textarea][data-part=root][data-resize=none]{resize:none}[data-ui=textarea][data-part=root][data-resize=both]{resize:both}[data-ui=textarea][data-part=root][data-auto-size]{field-sizing:content;max-block-size:calc(var(--_max-rows) * 1lh + var(--_scroll-frame));min-block-size:calc(var(--_rows) * 1lh + var(--_frame));resize:none}[data-ui=textarea][data-part=root]:hover:not([data-disabled]):not(:disabled):not([data-readonly]):not([data-invalid]){border-color:var(--slotted-textarea-hover-border-color, var(--slotted-tone-accent-border))}[data-ui=textarea][data-part=root][data-variant=subtle]:hover:not([data-disabled]):not(:disabled):not([data-readonly]):not([data-invalid]){background-color:var( --slotted-textarea-subtle-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=textarea][data-part=root][data-variant=plain]:hover:not([data-disabled]):not(:disabled):not([data-readonly]):not([data-invalid]){background-color:var( --slotted-textarea-plain-hover-background, var(--slotted-tone-secondary-subtle-hover) );border-color:transparent}[data-ui=textarea][data-part=root]:focus-visible{box-shadow:var(--slotted-control-shadow-focus-geometry, 0 1px 4px -1px) var(--slotted-focus-ring-color, Highlight);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=textarea][data-part=root][data-variant=plain]:focus-visible{box-shadow:none;outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=textarea][data-part=root][data-invalid]{--slotted-focus-ring-color: var( --slotted-textarea-invalid-focus-ring-color, var(--slotted-focus-ring-color-invalid, Highlight) );--_invalid-edge-width: var( --slotted-textarea-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) );--_invalid-edge-color: var( --slotted-textarea-invalid-border-color, var(--slotted-tone-danger-border) );--_invalid-edge: inset 0 0 0 var(--_invalid-edge-width) var(--_invalid-edge-color);border-color:var(--slotted-textarea-invalid-border-color, var(--slotted-tone-danger-border));box-shadow:var(--_invalid-edge)}[data-ui=textarea][data-part=root][data-invalid]:focus-visible{box-shadow:var(--_invalid-edge),var(--slotted-control-shadow-focus-geometry, 0 1px 4px -1px) var(--slotted-focus-ring-color, Highlight)}[data-ui=textarea][data-part=root][data-variant=plain][data-invalid]:focus-visible{box-shadow:inset 0 0 0 calc(var(--slotted-focus-ring-offset, 2px) - var(--slotted-control-border-width, 1px) + var(--_invalid-edge-width)) var(--_invalid-edge-color)}@media(forced-colors:active){[data-ui=textarea][data-part=root][data-invalid]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--slotted-control-border-width, 1px) + var(--_invalid-edge-width)))}[data-ui=textarea][data-part=root][data-invalid]:focus-visible{outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=textarea][data-part=root][data-variant=plain][data-invalid]:focus-visible{outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * (var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)))}}[data-ui=textarea][data-part=root][data-readonly]{background-color:var( --slotted-textarea-readonly-background, var(--slotted-tone-secondary-subtle-hover) );cursor:default}[data-ui=textarea][data-part=root][data-disabled],[data-ui=textarea][data-part=root]:disabled{background-color:var( --slotted-textarea-disabled-background, var(--slotted-disabled-background) );border-color:var(--slotted-textarea-disabled-border-color, var(--slotted-disabled-border));box-shadow:none;color:var(--slotted-textarea-disabled-color, var(--slotted-disabled-foreground));cursor:not-allowed;resize:none}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], resize: [{ type: i0.Input, args: [{ isSignal: true, alias: "resize", required: false }] }], mono: [{ type: i0.Input, args: [{ isSignal: true, alias: "mono", required: false }] }], autoSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoSize", required: false }] }], rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }], maxRows: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxRows", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], defaultValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultValue", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], showCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCount", required: false }] }], maxLength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxLength", required: false }] }], countMax: [{ type: i0.Input, args: [{ isSignal: true, alias: "countMax", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SlTextarea, TEXTAREA_DEFAULTS, injectTextareaDefaults, provideTextareaDefaults };
+//# sourceMappingURL=slotted-angular-textarea.mjs.map

package/fesm2022/slotted-angular-textarea.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"slotted-angular-textarea.mjs","sources":["../../textarea/src/textarea-defaults.ts","../../textarea/src/textarea.ts","../../textarea/src/slotted-angular-textarea.ts"],"sourcesContent":["import { inject, InjectionToken } from '@angular/core';\n\n/** The type step the control sits at, matching the field around it. */\nexport type TextareaSize = 'sm' | 'md' | 'lg';\n\n/** How much frame the control shows. The three `text-field` draws. */\nexport type TextareaVariant = 'outline' | 'subtle' | 'plain';\n\n/**\n * Which way the manual handle may drag. `block` is the default rather than the\n * platform's `both`: a control wider than its field breaks the field's grid,\n * and a reader who widens one control in a form has broken its alignment.\n */\nexport type TextareaResize = 'block' | 'none' | 'both';\n\nexport interface TextareaDefaults {\n  mono: boolean;\n  resize: TextareaResize;\n  size: TextareaSize;\n  variant: TextareaVariant;\n}\n\nconst FALLBACK: TextareaDefaults = {\n  mono: false,\n  resize: 'block',\n  size: 'md',\n  variant: 'outline',\n};\n\nexport const TEXTAREA_DEFAULTS = new InjectionToken<TextareaDefaults>('slotted textarea defaults', {\n  providedIn: 'root',\n  factory: () => FALLBACK,\n});\n\n/**\n * An application decides once what its multi-line controls look like and\n * whether their handle drags, rather than repeating the same inputs on every\n * control. A control that states any of them itself still wins, and a control\n * inside a field takes the field's step over this token's.\n */\nexport function provideTextareaDefaults(defaults: Partial<TextareaDefaults>) {\n  return {\n    provide: TEXTAREA_DEFAULTS,\n    useFactory: (): TextareaDefaults => ({ ...FALLBACK, ...defaults }),\n  };\n}\n\n/** What a textarea renders as here, before it states anything of its own. */\nexport function injectTextareaDefaults(): TextareaDefaults {\n  return inject(TEXTAREA_DEFAULTS);\n}\n","import { createControllable } from '@slotted/core/state';\nimport type { ChangeRequest } from '@slotted/core/state';\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  effect,\n  ElementRef,\n  forwardRef,\n  HostAttributeToken,\n  inject,\n  input,\n  numberAttribute,\n  output,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\nimport type { OnInit } from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport type { ControlValueAccessor } from '@angular/forms';\nimport { SlField } from '@slotted/angular/field';\n\nimport { injectTextareaDefaults } from './textarea-defaults';\nimport type { TextareaResize, TextareaSize, TextareaVariant } from './textarea-defaults';\n\nexport type { TextareaResize, TextareaSize, TextareaVariant } from './textarea-defaults';\n\n/**\n * Many lines of text, in the element that already holds them.\n *\n * **No frame.** `text-field` wraps its input because an adornment and two\n * buttons have to sit inside one border and a void element can hold no child.\n * Nothing surveyed puts an adornment inside a textarea — the corner is where\n * the resize handle goes — so this family is the control itself, and the two\n * anatomies differ on purpose rather than matching for symmetry.\n *\n * **The platform grows it.** `autoSize` is CSS `field-sizing: content`. Nothing\n * is measured on the main thread, no line height is cached and no layout is\n * read per keystroke, which is what `cdkTextareaAutosize` does. `field-sizing`\n * shrinkwraps, so `rows` stops being the floor: the two row counts reach the\n * stylesheet as custom properties, and it states the floor and the ceiling in\n * line boxes.\n *\n * **Enter makes a line.** Nothing is bound to a key. WAI-ARIA notes the\n * difference between a single-line and a multi-line text control, and\n * `docs/component-features.md` §6 requires it: a multi-line control never\n * submits implicitly.\n */\n@Component({\n  selector: 'textarea[slTextarea]',\n  standalone: true,\n  exportAs: 'slTextarea',\n  template: '',\n  styleUrl: '../../../styles/src/textarea/textarea.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SlTextarea), multi: true },\n  ],\n  host: {\n    'data-ui': 'textarea',\n    'data-part': 'root',\n    '[attr.id]': 'controlId()',\n    '[attr.rows]': 'rows()',\n    '[attr.data-size]': 'resolvedSize()',\n    '[attr.data-variant]': 'resolvedVariant()',\n    '[attr.data-resize]': 'resolvedResize()',\n    '[attr.data-mono]': \"resolvedMono() ? '' : null\",\n    '[attr.data-auto-size]': \"autoSize() ? '' : null\",\n    '[attr.data-disabled]': \"resolvedDisabled() === true ? '' : null\",\n    '[attr.data-invalid]': \"resolvedInvalid() === true ? '' : null\",\n    '[attr.data-readonly]': \"resolvedReadOnly() === true ? '' : null\",\n    '[attr.aria-describedby]': 'describedBy()',\n    '[attr.aria-invalid]': 'ariaInvalid()',\n    '[attr.aria-required]': 'ariaRequired()',\n    '[attr.disabled]': 'disabledAttribute()',\n    '[attr.readonly]': 'readonlyAttribute()',\n    '[attr.maxlength]': 'maxLengthAttribute()',\n    '[style.--slotted-textarea-rows]': 'rows()',\n    '[style.--slotted-textarea-max-rows]': 'maxRows()',\n    '(input)': 'onInput($event)',\n    '(blur)': 'onBlur()',\n  },\n})\nexport class SlTextarea implements ControlValueAccessor, OnInit {\n  /** Defaults to the field, then to the token, then to `md`. */\n  readonly size = input<TextareaSize | undefined>(undefined);\n  /** Defaults to the token, then to `outline`. */\n  readonly variant = input<TextareaVariant | undefined>(undefined);\n  /** Defaults to the token, then to `block`. Withdrawn while `autoSize` is on. */\n  readonly resize = input<TextareaResize | undefined>(undefined);\n  /** Sets the value in the monospaced family, for a payload or a template. */\n  readonly mono = input<boolean | undefined, boolean | string | undefined>(undefined, {\n    transform: (value) => (value === undefined ? undefined : booleanAttribute(value)),\n  });\n  /** Grows with the content, through the platform rather than a measurement. */\n  readonly autoSize = input(false, { transform: booleanAttribute });\n  /** The floor, in rows. It is the element's own `rows` as well. */\n  readonly rows = input(3, { transform: numberAttribute });\n  /**\n   * The ceiling `autoSize` grows to, in rows. It cannot be removed: a control\n   * that grows forever pushes the page out from under the caret, which is the\n   * defect every auto-grow implementation ships first.\n   */\n  readonly maxRows = input(12, { transform: numberAttribute });\n\n  /** Present means the consumer owns the value. */\n  readonly value = input<string | undefined>(undefined);\n  /** The value the control starts from when nobody else writes one. */\n  readonly defaultValue = input<string | undefined>(undefined);\n  /** Unstated rather than `false`, so the control defers to the field. */\n  readonly disabled = input<boolean | undefined, boolean | string | undefined>(undefined, {\n    transform: (value) => (value === undefined ? undefined : booleanAttribute(value)),\n  });\n  readonly readOnly = input<boolean | undefined, boolean | string | undefined>(undefined, {\n    transform: (value) => (value === undefined ? undefined : booleanAttribute(value)),\n  });\n  readonly invalid = input<boolean | undefined, boolean | string | undefined>(undefined, {\n    transform: (value) => (value === undefined ? undefined : booleanAttribute(value)),\n  });\n  /** Publishes the length of the value to the field, which draws the count. */\n  readonly showCount = input(false, { transform: booleanAttribute });\n  /**\n   * The native limit, as a binding. Without this input `[maxLength]` would set\n   * the element's property and the count would never see it; a static\n   * `maxlength` attribute is read as written.\n   */\n  readonly maxLength = input<number | undefined, unknown>(undefined, {\n    transform: (value) =>\n      value === undefined || value === null ? undefined : numberAttribute(value),\n  });\n  /** The limit the count is measured against. Defaults to `maxlength`. */\n  readonly countMax = input<number | undefined, unknown>(undefined, {\n    transform: (value) =>\n      value === undefined || value === null ? undefined : numberAttribute(value),\n  });\n\n  /** One output for one transition, carrying the reason and `cancel()`. */\n  readonly valueChange = output<ChangeRequest<string>>();\n\n  private readonly element = inject<ElementRef<HTMLTextAreaElement>>(ElementRef).nativeElement;\n  private readonly defaults = injectTextareaDefaults();\n  private readonly field = inject(SlField, { optional: true });\n\n  private readonly writtenId = inject(new HostAttributeToken('id'), { optional: true });\n  private readonly writtenDescribedBy = inject(new HostAttributeToken('aria-describedby'), {\n    optional: true,\n  });\n  private readonly writtenInvalid = inject(new HostAttributeToken('aria-invalid'), {\n    optional: true,\n  });\n  private readonly writtenRequired = inject(new HostAttributeToken('aria-required'), {\n    optional: true,\n  });\n  private readonly writtenReadonly = inject(new HostAttributeToken('readonly'), { optional: true });\n  private readonly writtenMaxLength = inject(new HostAttributeToken('maxlength'), {\n    optional: true,\n  });\n\n  /** What the element is showing. Never a second copy of the value. */\n  private readonly mirror = signal('');\n  private readonly formDisabled = signal<boolean | undefined>(undefined);\n  private onChangeFn: (value: string) => void = () => undefined;\n  private onTouchedFn: () => void = () => undefined;\n\n  readonly resolvedSize = computed(\n    () => this.size() ?? this.field?.resolvedSize() ?? this.defaults.size,\n  );\n  readonly resolvedVariant = computed(() => this.variant() ?? this.defaults.variant);\n  readonly resolvedMono = computed(() => this.mono() ?? this.defaults.mono);\n  /**\n   * A control that sizes itself and a handle that fixes its size disagree on\n   * the next keystroke, so the handle is withdrawn rather than left to fight.\n   */\n  readonly resolvedResize = computed<TextareaResize>(() =>\n    this.autoSize() ? 'none' : (this.resize() ?? this.defaults.resize),\n  );\n  readonly resolvedDisabled = computed(\n    () => this.disabled() ?? this.formDisabled() ?? this.field?.resolvedDisabled(),\n  );\n  readonly resolvedReadOnly = computed(\n    () =>\n      this.readOnly() ??\n      (this.writtenReadonly === null ? undefined : true) ??\n      this.field?.resolvedReadOnly(),\n  );\n  readonly resolvedInvalid = computed(() => this.invalid() ?? this.field?.invalid());\n\n  protected readonly controlId = computed(\n    () => this.writtenId ?? this.field?.ids().control ?? null,\n  );\n  protected readonly describedBy = computed(() => {\n    const merged = [this.writtenDescribedBy, this.field?.describedBy()].filter(Boolean);\n    return merged.length === 0 ? null : merged.join(' ');\n  });\n  protected readonly ariaInvalid = computed(\n    () => this.writtenInvalid ?? (this.resolvedInvalid() === true ? 'true' : null),\n  );\n  protected readonly ariaRequired = computed(\n    () => this.writtenRequired ?? (this.field?.required() === true ? 'true' : null),\n  );\n  protected readonly disabledAttribute = computed(() =>\n    this.resolvedDisabled() === true ? '' : null,\n  );\n  protected readonly readonlyAttribute = computed(() =>\n    this.resolvedReadOnly() === true ? '' : null,\n  );\n\n  protected readonly maxLengthAttribute = computed(\n    () => this.maxLength() ?? this.writtenMaxLength ?? null,\n  );\n\n  private readonly limit = computed(() => {\n    const written = this.writtenMaxLength === null ? undefined : Number(this.writtenMaxLength);\n    return (\n      this.countMax() ??\n      this.maxLength() ??\n      (written === undefined || Number.isNaN(written) ? undefined : written)\n    );\n  });\n\n  constructor() {\n    effect(() => {\n      const next = this.value();\n      if (next === undefined || next === this.element.value) return;\n      this.element.value = next;\n      this.mirror.set(next);\n    });\n\n    effect(() => {\n      if (this.field === null) return;\n      if (!this.showCount()) {\n        this.field.setCount(undefined);\n        return;\n      }\n      this.field.setCount({ length: this.mirror().length, max: this.limit() });\n    });\n  }\n\n  /**\n   * Angular creates every directive in a template before it binds any input, so\n   * the starting value is read here rather than in the constructor, where\n   * `defaultValue` is always still `undefined`.\n   */\n  ngOnInit() {\n    const initial = this.defaultValue() ?? this.element.value;\n    if (initial !== this.element.value) this.element.value = initial;\n    this.mirror.set(this.element.value);\n  }\n\n  /** The native element, for `focus()`, `select()` and `setSelectionRange()`. */\n  get textareaElement(): HTMLTextAreaElement {\n    return this.element;\n  }\n\n  writeValue(value: string | null | undefined) {\n    this.element.value = value ?? '';\n    this.mirror.set(this.element.value);\n  }\n\n  registerOnChange(fn: (value: string) => void) {\n    this.onChangeFn = fn;\n  }\n\n  registerOnTouched(fn: () => void) {\n    this.onTouchedFn = fn;\n  }\n\n  setDisabledState(isDisabled: boolean) {\n    this.formDisabled.set(isDisabled);\n  }\n\n  protected onInput(event: Event) {\n    const next = this.element.value;\n    if (next === this.mirror()) return;\n\n    let cancelled = false;\n    const state = createControllable<string>({\n      controlled: undefined,\n      initial: this.mirror(),\n      onRequest: (request) => {\n        this.valueChange.emit(request);\n        cancelled = request.cancelled;\n      },\n    });\n    state.request(next, 'keyboard', event);\n    if (cancelled) return;\n\n    this.mirror.set(next);\n    this.onChangeFn(next);\n  }\n\n  protected onBlur() {\n    this.onTouchedFn();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/slotted-angular-theme.mjs

@@ -0,0 +1,45 @@
+import * as i0 from '@angular/core';
+import { input, computed, Directive } from '@angular/core';
+import { seedStyle } from '@slotted/theme/seeds';
+
+/**
+ * A subtree with its own theme, scheme, density or seeds, written on the host
+ * as the attributes and custom properties an application can write by hand.
+ */
+class SlThemeScope {
+    theme = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "theme" }] : /* istanbul ignore next */ []));
+    scheme = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "scheme" }] : /* istanbul ignore next */ []));
+    density = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "density" }] : /* istanbul ignore next */ []));
+    seeds = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "seeds" }] : /* istanbul ignore next */ []));
+    seedProperties = computed(() => {
+        const style = seedStyle(this.seeds() ?? {});
+        return Object.keys(style).length > 0 ? style : null;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "seedProperties" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlThemeScope, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlThemeScope, isStandalone: true, selector: "[slThemeScope]", inputs: { theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, scheme: { classPropertyName: "scheme", publicName: "scheme", isSignal: true, isRequired: false, transformFunction: null }, density: { classPropertyName: "density", publicName: "density", isSignal: true, isRequired: false, transformFunction: null }, seeds: { classPropertyName: "seeds", publicName: "seeds", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-slotted-theme": "theme() ?? null", "attr.data-slotted-scheme": "scheme() ?? null", "attr.data-slotted-density": "density() ?? null", "attr.data-slotted-seeds": "seedProperties() ? '' : null", "style": "seedProperties()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlThemeScope, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[slThemeScope]',
+                    host: {
+                        '[attr.data-slotted-theme]': 'theme() ?? null',
+                        '[attr.data-slotted-scheme]': 'scheme() ?? null',
+                        '[attr.data-slotted-density]': 'density() ?? null',
+                        '[attr.data-slotted-seeds]': "seedProperties() ? '' : null",
+                        '[style]': 'seedProperties()',
+                    },
+                }]
+        }], propDecorators: { theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }], scheme: [{ type: i0.Input, args: [{ isSignal: true, alias: "scheme", required: false }] }], density: [{ type: i0.Input, args: [{ isSignal: true, alias: "density", required: false }] }], seeds: [{ type: i0.Input, args: [{ isSignal: true, alias: "seeds", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SlThemeScope };
+//# sourceMappingURL=slotted-angular-theme.mjs.map

package/fesm2022/slotted-angular-theme.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"slotted-angular-theme.mjs","sources":["../../theme/src/theme-scope.ts","../../theme/src/slotted-angular-theme.ts"],"sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport type { Density, Scheme } from '@slotted/theme';\nimport { seedStyle, type SeedName } from '@slotted/theme/seeds';\n\n/** The five seeds a theme derives its colours from (`@slotted/theme` › `SEED_NAMES`). */\nexport type ThemeSeedName = SeedName;\n/** A recipe scheme (`@slotted/theme` › `Scheme`), plus `system`: resolved from `prefers-color-scheme`. */\nexport type ThemeSchemeName = Scheme | 'system';\nexport type ThemeDensityName = Density;\n\n/**\n * A subtree with its own theme, scheme, density or seeds, written on the host\n * as the attributes and custom properties an application can write by hand.\n */\n@Directive({\n  selector: '[slThemeScope]',\n  host: {\n    '[attr.data-slotted-theme]': 'theme() ?? null',\n    '[attr.data-slotted-scheme]': 'scheme() ?? null',\n    '[attr.data-slotted-density]': 'density() ?? null',\n    '[attr.data-slotted-seeds]': \"seedProperties() ? '' : null\",\n    '[style]': 'seedProperties()',\n  },\n})\nexport class SlThemeScope {\n  readonly theme = input<string | undefined>(undefined);\n  readonly scheme = input<ThemeSchemeName | undefined>(undefined);\n  readonly density = input<ThemeDensityName | undefined>(undefined);\n  readonly seeds = input<Readonly<Partial<Record<ThemeSeedName, string>>> | undefined>(undefined);\n\n  protected readonly seedProperties = computed(() => {\n    const style = seedStyle(this.seeds() ?? {});\n    return Object.keys(style).length > 0 ? style : null;\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;AAUA;;;AAGG;MAWU,YAAY,CAAA;IACd,KAAK,GAAG,KAAK,CAAqB,SAAS;8EAAC;IAC5C,MAAM,GAAG,KAAK,CAA8B,SAAS;+EAAC;IACtD,OAAO,GAAG,KAAK,CAA+B,SAAS;gFAAC;IACxD,KAAK,GAAG,KAAK,CAA+D,SAAS;8EAAC;AAE5E,IAAA,cAAc,GAAG,QAAQ,CAAC,MAAK;QAChD,MAAM,KAAK,GAAG,SAAS,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC;AAC3C,QAAA,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC,GAAG,KAAK,GAAG,IAAI;IACrD,CAAC;uFAAC;uGATS,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAZ,YAAY,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,yBAAA,EAAA,iBAAA,EAAA,0BAAA,EAAA,kBAAA,EAAA,2BAAA,EAAA,mBAAA,EAAA,yBAAA,EAAA,8BAAA,EAAA,OAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAZ,YAAY,EAAA,UAAA,EAAA,CAAA;kBAVxB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,IAAI,EAAE;AACJ,wBAAA,2BAA2B,EAAE,iBAAiB;AAC9C,wBAAA,4BAA4B,EAAE,kBAAkB;AAChD,wBAAA,6BAA6B,EAAE,mBAAmB;AAClD,wBAAA,2BAA2B,EAAE,8BAA8B;AAC3D,wBAAA,SAAS,EAAE,kBAAkB;AAC9B,qBAAA;AACF,iBAAA;;;ACvBD;;AAEG;;"}