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

package/fesm2022/slotted-angular-action-sheet.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"slotted-angular-action-sheet.mjs","sources":["../../action-sheet/src/action-sheet-defaults.ts","../../action-sheet/src/action-sheet.ts","../../action-sheet/src/action-sheet-parts.ts","../../action-sheet/src/slotted-angular-action-sheet.ts"],"sourcesContent":["import { inject, Injectable, InjectionToken } from '@angular/core';\n\n/**\n * When the layer exists. `active` builds it on opening and drops it once the\n * exit is over, `lazy` builds it on the first open and keeps it, `eager` builds\n * it up front and makes it inert.\n */\nexport type ActionSheetMount = 'active' | 'lazy' | 'eager';\n\n/** Whether a dismissal source closes the sheet. */\nexport type ActionSheetDismissPolicy = 'close' | 'none';\n\n/** The five tones `menu` paints an item in; `danger` is the destructive action. */\nexport type ActionSheetTone = 'accent' | 'secondary' | 'success' | 'warning' | 'danger';\n\n/** Why the sheet opened or closed. */\nexport type ActionSheetOpenReason =\n  | 'pointer'\n  | 'keyboard'\n  | 'select'\n  | 'dismiss'\n  | 'escape'\n  | 'outsidePress'\n  | 'back'\n  | 'programmatic';\n\n/**\n * The request emitted before the sheet moves. `result` is the value of the item\n * chosen, present when `reason` is `select`.\n */\nexport interface ActionSheetChangeRequest {\n  readonly value: boolean;\n  readonly previous: boolean;\n  readonly reason: ActionSheetOpenReason;\n  readonly result?: string | undefined;\n  readonly source?: unknown;\n  readonly cancelled: boolean;\n  cancel(): void;\n}\n\n/** What `(select)` carries. `preventDefault()` keeps the sheet open. */\nexport interface ActionSheetSelectEvent {\n  readonly reason: 'pointer' | 'keyboard';\n  readonly source: Event;\n  readonly value: string | undefined;\n  readonly defaultPrevented: boolean;\n  preventDefault(): void;\n}\n\nexport interface ActionSheetDefaults {\n  back: ActionSheetDismissPolicy;\n  closeOnSelect: boolean;\n  escape: ActionSheetDismissPolicy;\n  modal: boolean;\n  mount: ActionSheetMount;\n  outsidePress: ActionSheetDismissPolicy;\n}\n\nconst FALLBACK: ActionSheetDefaults = {\n  back: 'close',\n  closeOnSelect: true,\n  escape: 'close',\n  modal: true,\n  mount: 'active',\n  outsidePress: 'close',\n};\n\nexport const ACTION_SHEET_DEFAULTS = new InjectionToken<ActionSheetDefaults>(\n  'slotted action sheet defaults',\n  { providedIn: 'root', factory: () => FALLBACK },\n);\n\n/**\n * An application decides once how its sheets behave. A sheet that states any of\n * them itself still wins. The cancel's words come from the language in force\n * (`provideSlotted`).\n */\nexport function provideActionSheetDefaults(defaults: Partial<ActionSheetDefaults>) {\n  return {\n    provide: ACTION_SHEET_DEFAULTS,\n    useFactory: (): ActionSheetDefaults => ({ ...FALLBACK, ...defaults }),\n  };\n}\n\nexport function injectActionSheetDefaults(): ActionSheetDefaults {\n  return inject(ACTION_SHEET_DEFAULTS);\n}\n\n/** Ids that are unique across every sheet in the application. */\n@Injectable({ providedIn: 'root' })\nexport class SlActionSheetIdFactory {\n  private count = 0;\n\n  next() {\n    this.count += 1;\n    return `slotted-action-sheet-${this.count}`;\n  }\n}\n","import { SlDrawer } from '@slotted/angular/drawer';\nimport type { DrawerChangeRequest } from '@slotted/angular/drawer';\nimport { injectMessages } from '@slotted/angular/i18n';\nimport {\n  actionSheetMessages,\n  type ActionSheetMessages,\n  type PartialMessages,\n} from '@slotted/core/i18n';\nimport { createControllable } from '@slotted/core/state';\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  effect,\n  HostAttributeToken,\n  inject,\n  input,\n  model,\n  output,\n  signal,\n  untracked,\n  viewChild,\n  ViewEncapsulation,\n} from '@angular/core';\n\nimport { injectActionSheetDefaults } from './action-sheet-defaults';\nimport type {\n  ActionSheetChangeRequest,\n  ActionSheetDismissPolicy,\n  ActionSheetMount,\n  ActionSheetOpenReason,\n} from './action-sheet-defaults';\n\nconst optionalBoolean = (given: boolean | string | undefined) =>\n  given === undefined ? undefined : booleanAttribute(given);\n\n/**\n * Where focus enters, from the dialog pattern's first note: the first action\n * that can run, unless it is destructive, in which case the least destructive\n * action — the cancel, or the first action that is not `danger`, or the panel.\n */\nexport function entryTarget(panel: HTMLElement): HTMLElement {\n  const items = [...panel.querySelectorAll<HTMLElement>(\"[data-part='list'] [data-part='item']\")];\n  const enabled = items.filter(\n    (item) => item.dataset['disabled'] === undefined && item.dataset['loading'] === undefined,\n  );\n  const first = enabled[0];\n  if (first !== undefined && first.dataset['tone'] !== 'danger') return first;\n  const cancel = panel.querySelector<HTMLElement>(\"[data-part='cancel']\");\n  if (cancel !== null) return cancel;\n  return enabled.find((item) => item.dataset['tone'] !== 'danger') ?? panel;\n}\n\n/**\n * A `scrimFrom` no extent reaches. A sheet that is not modal keeps the page\n * live, and a scrim over a live page would promise an inertness that is not\n * there, so `drawer` is asked to leave it undimmed at every height.\n */\nconst NEVER_DIMMED = 2;\n\n/** The family's measure, handed to `drawer`'s sheet. */\nconst MEASURE = 'var(--slotted-action-sheet-inline-size, 32rem)';\n\n/**\n * A short list of actions that rises from the bottom edge, and the explicit\n * way out beneath it.\n *\n * The sheet is `<sl-drawer>` — `side=\"bottom\"`, `size=\"content\"` — which owns\n * the layer, the portal, the scrim, the slide, the width, Escape, the press\n * outside, the way back, the drag that closes it and the virtual keyboard.\n * This family owns what is inside and the state, because only it knows that a\n * close was a choice (`select`) and what was chosen.\n *\n * The parts are the consumer's own elements, projected into the drawer's\n * panel, and dependency injection does not reach from them into this\n * component's view, where the drawer lives. So the parts talk to the sheet,\n * and the sheet hands `drawer` what they said — the trigger, whether a title\n * and a message exist — and reads back the ids the panel is named by.\n *\n * `docs/history/designs/2026-09-25-action-sheet-on-drawer-design.md`.\n */\n@Component({\n  selector: 'sl-action-sheet',\n  standalone: true,\n  exportAs: 'slActionSheet',\n  imports: [SlDrawer],\n  template: `\n    <sl-drawer\n      #drawer\n      mode=\"overlay\"\n      side=\"bottom\"\n      size=\"content\"\n      drag=\"panel\"\n      [open]=\"open()\"\n      [modal]=\"resolvedModal()\"\n      [scrimFrom]=\"resolvedModal() ? 0 : neverDimmed\"\n      [mount]=\"resolvedMount()\"\n      [escape]=\"resolvedEscape()\"\n      [outsidePress]=\"resolvedOutsidePress()\"\n      [back]=\"resolvedBack()\"\n      [container]=\"container()\"\n      [initialFocus]=\"entry()\"\n      [finalFocus]=\"finalFocus()\"\n      (openChangeRequest)=\"fromDrawer($event)\"\n      (closed)=\"onClosed()\"\n    >\n      <div data-ui=\"action-sheet\" data-part=\"root\"><ng-content /></div>\n    </sl-drawer>\n  `,\n  styleUrls: [\n    '../../../styles/src/action-sheet/action-sheet.css',\n    '../../../styles/src/spinner/spinner.css',\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: { '[style.display]': \"'contents'\" },\n})\nexport class SlActionSheet {\n  readonly open = model<boolean>(false);\n\n  readonly modal = input(undefined, { transform: optionalBoolean });\n  readonly mount = input<ActionSheetMount | undefined>(undefined);\n  readonly escape = input<ActionSheetDismissPolicy | undefined>(undefined);\n  readonly outsidePress = input<ActionSheetDismissPolicy | undefined>(undefined);\n  readonly back = input<ActionSheetDismissPolicy | undefined>(undefined);\n  readonly closeOnSelect = input(undefined, { transform: optionalBoolean });\n  /** Words laid over the catalog of the language in force, key by key: the cancel's (`cancel`). */\n  readonly messages = input<PartialMessages<ActionSheetMessages> | undefined>(undefined);\n  readonly container = input<Element | null | undefined>(undefined);\n  readonly initialFocus = input<HTMLElement | false | undefined>(undefined);\n  readonly finalFocus = input<HTMLElement | false | undefined>(undefined);\n\n  readonly openChangeRequest = output<ActionSheetChangeRequest>();\n  readonly closed = output<string | undefined>();\n\n  private readonly defaults = injectActionSheetDefaults();\n  /** The family's words in the language in force, with this sheet's `messages` laid over them. */\n  readonly t = injectMessages(actionSheetMessages, this.messages);\n\n  /**\n   * A consumer's own `aria-label` on `<sl-action-sheet>`, read before the host\n   * bindings are written and handed to the panel, which is the element the\n   * role is on.\n   */\n  private readonly writtenLabel = inject(new HostAttributeToken('aria-label'), {\n    optional: true,\n  });\n\n  protected readonly drawer = viewChild<SlDrawer>('drawer');\n  protected readonly neverDimmed = NEVER_DIMMED;\n\n  /** What the parts say exists; the sheet hands it to `drawer`. */\n  readonly hasTitle = signal(false);\n  readonly hasMessage = signal(false);\n  readonly triggerNode = signal<HTMLElement | null>(null);\n\n  /** The ids `drawer`'s panel is named and described by, once it exists. */\n  readonly titleId = computed(() => this.drawer()?.titleId ?? null);\n  readonly messageId = computed(() => this.drawer()?.descriptionId ?? null);\n  readonly panelId = computed(() => this.drawer()?.panelId ?? null);\n  readonly triggerId = computed(() => this.drawer()?.triggerId ?? null);\n  readonly mounted = computed(() => this.drawer()?.mounted() ?? false);\n\n  private result: string | undefined = undefined;\n\n  readonly resolvedModal = computed(() => this.modal() ?? this.defaults.modal);\n  readonly resolvedMount = computed(() => this.mount() ?? this.defaults.mount);\n  readonly resolvedCloseOnSelect = computed(\n    () => this.closeOnSelect() ?? this.defaults.closeOnSelect,\n  );\n  protected readonly resolvedEscape = computed(() => this.escape() ?? this.defaults.escape);\n  protected readonly resolvedBack = computed(() => this.back() ?? this.defaults.back);\n  protected readonly resolvedOutsidePress = computed(\n    () => this.outsidePress() ?? this.defaults.outsidePress,\n  );\n\n  /**\n   * Where focus enters, decided when the sheet has opened and its actions\n   * exist: the consumer's element, or the least destructive action.\n   */\n  protected readonly entry = computed(() => {\n    const wanted = this.initialFocus();\n    if (wanted === false) return false as const;\n    return (): HTMLElement | null => {\n      if (wanted !== undefined) return wanted;\n      const panel = this.drawer()?.panel ?? null;\n      return panel === null ? null : entryTarget(panel);\n    };\n  });\n\n  constructor() {\n    /* What the parts said, handed to the drawer that renders the panel. */\n    effect(() => {\n      const drawer = this.drawer();\n      if (drawer === undefined) return;\n      const title = this.hasTitle();\n      const message = this.hasMessage();\n      const trigger = this.triggerNode();\n      untracked(() => {\n        drawer.hasTitle.set(title);\n        drawer.hasDescription.set(message);\n        drawer.triggerNode.set(trigger);\n      });\n    });\n\n    /**\n     * What only this family knows about the panel: its measure, handed to\n     * `drawer`'s sheet token; that it takes focus from script when the pointer\n     * leaves an item; and a label the consumer wrote on the host.\n     */\n    effect(() => {\n      /* `panel` reads the drawer's view query, so this runs again whenever the\n         layer — and the panel with it — is built. */\n      const panel = this.drawer()?.panel ?? null;\n      if (panel === null) return;\n      panel.style.setProperty('--slotted-drawer-sheet-inline-size', MEASURE);\n      panel.tabIndex = -1;\n      if (this.writtenLabel !== null) panel.setAttribute('aria-label', this.writtenLabel);\n    });\n  }\n\n  /**\n   * `drawer`'s own request — the trigger, Escape, the press outside, the way\n   * back, the drag — asks this family first, and a refusal here refuses it\n   * there, so the consumer's `cancel()` holds whichever family asked.\n   */\n  protected fromDrawer(request: DrawerChangeRequest) {\n    if (!this.request(request.value, request.reason, undefined, request.source)) {\n      request.cancel();\n    }\n  }\n\n  protected onClosed() {\n    this.closed.emit(this.result);\n    this.result = undefined;\n  }\n\n  /** Asks to move, and answers whether the move stands. */\n  request(\n    next: boolean,\n    reason: ActionSheetOpenReason,\n    result: string | undefined,\n    source: unknown,\n  ): boolean {\n    if (next === this.open()) return true;\n\n    let cancelled = false;\n    const state = createControllable<boolean>({\n      initial: this.open(),\n      onRequest: (raw) => {\n        this.openChangeRequest.emit({\n          cancel: () => raw.cancel(),\n          get cancelled() {\n            return raw.cancelled;\n          },\n          previous: raw.previous,\n          reason,\n          result,\n          source: raw.source,\n          value: raw.value,\n        });\n        cancelled = raw.cancelled;\n      },\n    });\n\n    if (!state.request(next, reason, source) || cancelled) return false;\n    if (!next) this.result = result;\n    this.open.set(next);\n    return true;\n  }\n\n  show() {\n    this.request(true, 'programmatic', undefined, undefined);\n  }\n\n  close() {\n    this.request(false, 'programmatic', undefined, undefined);\n  }\n\n  focus() {\n    const panel = this.drawer()?.panel ?? null;\n    const stop = panel?.querySelector<HTMLElement>(\"[data-part='item'][tabindex='0']\");\n    (stop ?? panel)?.focus();\n  }\n}\n","import { createRovingTabindex } from '@slotted/core/focus';\nimport type { RovingTabindexHandle } from '@slotted/core/focus';\nimport { createTypeahead, isPrintable } from '@slotted/core/typeahead';\nimport {\n  AfterContentChecked,\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChild,\n  DestroyRef,\n  Directive,\n  ElementRef,\n  inject,\n  input,\n  OnDestroy,\n  OnInit,\n  output,\n  ViewEncapsulation,\n} from '@angular/core';\n\nimport { SlActionSheet } from './action-sheet';\nimport type {\n  ActionSheetOpenReason,\n  ActionSheetSelectEvent,\n  ActionSheetTone,\n} from './action-sheet-defaults';\n\nconst ITEM_SELECTOR = \"[data-part='item']\";\n\n/**\n * A click synthesised by the keyboard reports no detail; a real one reports the\n * click count. It tells `Enter` and `Space` from a press without a key listener.\n */\nfunction activationReason(event: Event): 'pointer' | 'keyboard' {\n  return (event as MouseEvent).detail === 0 ? 'keyboard' : 'pointer';\n}\n\nlet nextId = 0;\nconst uniqueId = (prefix: string) => `${prefix}-${(nextId += 1)}`;\n\n/**\n * The control that opens the sheet: the consumer's own element, which is what\n * this ecosystem composes with. It is also the layer's branch, so a press on\n * it is not read as an outside press.\n */\n@Directive({\n  selector: '[slActionSheetTrigger]',\n  standalone: true,\n  exportAs: 'slActionSheetTrigger',\n  host: {\n    'data-part': 'trigger',\n    type: 'button',\n    'aria-haspopup': 'dialog',\n    '[attr.aria-expanded]': 'sheet().open()',\n    '[attr.aria-controls]': 'controls()',\n    '[attr.data-open]': \"sheet().open() ? '' : null\",\n    '[attr.id]': 'sheet().triggerId()',\n    '(click)': 'press($event)',\n  },\n})\nexport class SlActionSheetTrigger implements OnInit, OnDestroy {\n  /** The sheet this control opens, reached with a template reference variable. */\n  readonly sheet = input.required<SlActionSheet>({ alias: 'slActionSheetTrigger' });\n\n  private readonly native: HTMLElement = inject(ElementRef).nativeElement;\n  protected readonly controls = computed(() =>\n    this.sheet().mounted() ? this.sheet().panelId() : null,\n  );\n\n  ngOnInit() {\n    this.sheet().triggerNode.set(this.native);\n  }\n\n  ngOnDestroy() {\n    if (this.sheet().triggerNode() === this.native) this.sheet().triggerNode.set(null);\n  }\n\n  protected press(event: Event) {\n    /* The consumer's own handler ran first, and `preventDefault()` refuses. */\n    if (event.defaultPrevented) return;\n    const sheet = this.sheet();\n    sheet.request(\n      !sheet.open(),\n      activationReason(event) as ActionSheetOpenReason,\n      undefined,\n      event,\n    );\n  }\n}\n\n@Directive({\n  selector: '[slActionSheetHeader]',\n  standalone: true,\n  host: { 'data-part': 'header' },\n})\nexport class SlActionSheetHeader {}\n\n/** The name of the dialog and of the list. */\n@Directive({\n  selector: '[slActionSheetTitle]',\n  standalone: true,\n  host: { 'data-part': 'title', '[attr.id]': 'sheet.titleId()' },\n})\nexport class SlActionSheetTitle implements OnInit, OnDestroy {\n  protected readonly sheet = inject(SlActionSheet);\n\n  ngOnInit() {\n    this.sheet.hasTitle.set(true);\n  }\n\n  ngOnDestroy() {\n    this.sheet.hasTitle.set(false);\n  }\n}\n\n/** The dialog's description. */\n@Directive({\n  selector: '[slActionSheetMessage]',\n  standalone: true,\n  host: { 'data-part': 'message', '[attr.id]': 'sheet.messageId()' },\n})\nexport class SlActionSheetMessage implements OnInit, OnDestroy {\n  protected readonly sheet = inject(SlActionSheet);\n\n  ngOnInit() {\n    this.sheet.hasMessage.set(true);\n  }\n\n  ngOnDestroy() {\n    this.sheet.hasMessage.set(false);\n  }\n}\n\n/**\n * The menu: one tab stop for every action, the arrows, `Home`, `End` and\n * typeahead. Named by the sheet's title unless the consumer names it.\n */\n@Directive({\n  selector: '[slActionSheetList]',\n  standalone: true,\n  exportAs: 'slActionSheetList',\n  host: {\n    'data-part': 'list',\n    role: 'menu',\n    'aria-orientation': 'vertical',\n    '[attr.aria-labelledby]': 'labelledBy()',\n    '(focusin)': 'onFocusIn($event)',\n    '(keydown)': 'onKeyDown($event)',\n  },\n})\nexport class SlActionSheetList implements OnInit, AfterContentChecked {\n  private readonly sheet = inject(SlActionSheet);\n  private readonly element: HTMLElement = inject(ElementRef).nativeElement;\n  private roving: RovingTabindexHandle | null = null;\n  private readonly typeahead = createTypeahead();\n\n  protected readonly labelledBy = computed(() =>\n    this.sheet.hasTitle() && !this.element.hasAttribute('aria-label') ? this.sheet.titleId() : null,\n  );\n\n  constructor() {\n    inject(DestroyRef).onDestroy(() => {\n      this.roving?.destroy();\n      this.typeahead.destroy();\n    });\n  }\n\n  ngOnInit() {\n    this.roving = createRovingTabindex(this.element, {\n      includeAriaDisabled: true,\n      itemSelector: ITEM_SELECTOR,\n      orientation: () => 'vertical',\n    });\n  }\n\n  /** An item added, removed or disabled moves the stop. */\n  ngAfterContentChecked() {\n    this.roving?.refresh();\n  }\n\n  private items() {\n    return [...this.element.querySelectorAll<HTMLElement>(ITEM_SELECTOR)];\n  }\n\n  /** Focus that arrived by the pointer or by entry moves the stop with it. */\n  protected onFocusIn(event: FocusEvent) {\n    const index = this.items().indexOf(event.target as HTMLElement);\n    if (index !== -1) this.roving?.setActive(index);\n  }\n\n  protected onKeyDown(event: KeyboardEvent) {\n    if (event.defaultPrevented || event.ctrlKey || event.metaKey || event.altKey) return;\n    if (!isPrintable(event.key, this.typeahead.query.length > 0)) return;\n    event.preventDefault();\n    const all = this.items();\n    const labels = all.map(\n      (item) =>\n        item.dataset['textValue'] ??\n        item.querySelector(\"[data-part='label']\")?.textContent?.trim() ??\n        '',\n    );\n    const index = this.typeahead.match(event.key, labels, all.indexOf(event.target as HTMLElement));\n    all[index]?.focus();\n  }\n}\n\n@Directive({\n  selector: '[slActionSheetGroupLabel]',\n  standalone: true,\n  host: { 'data-part': 'group-label', '[id]': 'id' },\n})\nexport class SlActionSheetGroupLabel {\n  readonly id = uniqueId('slotted-action-sheet-group-label');\n}\n\n/** A run of related actions, named by the label it holds. */\n@Directive({\n  selector: '[slActionSheetGroup]',\n  standalone: true,\n  host: {\n    'data-part': 'group',\n    role: 'group',\n    '[attr.aria-labelledby]': 'label()?.id ?? null',\n  },\n})\nexport class SlActionSheetGroup {\n  protected readonly label = contentChild(SlActionSheetGroupLabel);\n}\n\n@Directive({\n  selector: 'hr[slActionSheetSeparator]',\n  standalone: true,\n  host: { 'data-part': 'separator', role: 'separator' },\n})\nexport class SlActionSheetSeparator {}\n\n/** The item's visual. Hidden from assistive technology: the label names the action. */\n@Directive({\n  selector: '[slActionSheetItemIcon]',\n  standalone: true,\n  host: { 'data-part': 'icon', 'aria-hidden': 'true' },\n})\nexport class SlActionSheetItemIcon {}\n\n/** The item's second line, which describes the action rather than naming it. */\n@Directive({\n  selector: '[slActionSheetItemDescription]',\n  standalone: true,\n  host: { 'data-part': 'description', '[id]': 'id' },\n})\nexport class SlActionSheetItemDescription {\n  readonly id = uniqueId('slotted-action-sheet-description');\n}\n\n/**\n * One action, on the consumer's own `button` or `a`. The role is `menuitem`,\n * as in `menu`; a disabled or loading item keeps its tab index and takes\n * `aria-disabled`, because the pattern keeps disabled items in the ring.\n *\n * While `loading`, the ring takes the icon box and the projected icon is not\n * shown, so the label never moves.\n */\n@Component({\n  selector: 'button[slActionSheetItem], a[slActionSheetItem]',\n  standalone: true,\n  exportAs: 'slActionSheetItem',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    'data-part': 'item',\n    role: 'menuitem',\n    tabindex: '-1',\n    '[attr.type]': 'isLink ? null : \"button\"',\n    '[attr.aria-disabled]': 'inert() ? true : null',\n    '[attr.aria-busy]': 'loading() ? true : null',\n    '[attr.aria-describedby]': 'description()?.id ?? null',\n    '[attr.data-disabled]': 'disabled() ? \"\" : null',\n    /* A static `disabled` on the host would stay as the native attribute and\n       take the item out of the ring the arrows walk; the pattern keeps it in. */\n    '[attr.disabled]': 'null',\n    '[attr.data-loading]': 'loading() ? \"\" : null',\n    '[attr.data-text-value]': 'textValue() ?? null',\n    '[attr.data-tone]': 'tone() ?? null',\n    '[attr.data-value]': 'value() ?? null',\n    '(click)': 'onClick($event)',\n    '(pointermove)': 'onPointerMove($event)',\n    '(pointerleave)': 'onPointerLeave($event)',\n  },\n  template: `\n    @if (loading()) {\n      <span data-part=\"icon\" aria-hidden=\"true\"><span data-ui=\"spinner\"></span></span>\n    } @else {\n      <ng-content select=\"[slActionSheetItemIcon]\" />\n    }\n    <span data-part=\"label\"><ng-content /></span>\n    <ng-content select=\"[slActionSheetItemDescription]\" />\n  `,\n})\nexport class SlActionSheetItem {\n  /** What the close carries as its `result` when this item is chosen. */\n  readonly value = input<string | undefined>(undefined);\n  /** What typeahead matches on, when the visible label is not the word. */\n  readonly textValue = input<string | undefined>(undefined);\n  readonly tone = input<ActionSheetTone | undefined>(undefined);\n  readonly disabled = input(false, { transform: booleanAttribute });\n  /** The action is running: the item refuses a second press and the sheet stays open. */\n  readonly loading = input(false, { transform: booleanAttribute });\n  readonly closeOnSelect = input(undefined, {\n    transform: (given: boolean | string | undefined) =>\n      given === undefined ? undefined : booleanAttribute(given),\n  });\n  readonly select = output<ActionSheetSelectEvent>();\n\n  private readonly sheet = inject(SlActionSheet);\n  private readonly element: HTMLElement = inject(ElementRef).nativeElement;\n  protected readonly isLink = this.element.tagName === 'A';\n  protected readonly description = contentChild(SlActionSheetItemDescription);\n  protected readonly inert = computed(() => this.disabled() || this.loading());\n\n  protected onClick(event: Event) {\n    if (this.inert()) {\n      event.preventDefault();\n      return;\n    }\n    let prevented = false;\n    this.select.emit({\n      reason: activationReason(event),\n      source: event,\n      value: this.value(),\n      get defaultPrevented() {\n        return prevented;\n      },\n      preventDefault: () => {\n        prevented = true;\n      },\n    });\n    if (prevented) return;\n    if (this.closeOnSelect() ?? this.sheet.resolvedCloseOnSelect()) {\n      this.sheet.request(false, 'select', this.value(), event);\n    }\n  }\n\n  /**\n   * A mouse or a pen over an item focuses it, so exactly one row is lit\n   * whichever device is driving. A finger does not: focus moving under a touch\n   * that is about to scroll the list would light rows at random.\n   */\n  protected onPointerMove(event: Event) {\n    if ((event as PointerEvent).pointerType === 'touch') return;\n    if (this.element.ownerDocument.activeElement !== this.element) {\n      this.element.focus({ preventScroll: true });\n    }\n  }\n\n  protected onPointerLeave(event: Event) {\n    if ((event as PointerEvent).pointerType === 'touch') return;\n    if (this.element.ownerDocument.activeElement !== this.element) return;\n    this.element.closest<HTMLElement>(\"[data-part='panel']\")?.focus({ preventScroll: true });\n  }\n}\n\n/** The band that holds the cancel. */\n@Directive({\n  selector: '[slActionSheetFooter]',\n  standalone: true,\n  host: { 'data-part': 'footer' },\n})\nexport class SlActionSheetFooter {}\n\n/**\n * The explicit way out, on the consumer's own `button`. Never disabled: a sheet\n * that cannot be left is a trap. Given no words, it shows the catalog's `cancel`.\n */\n@Component({\n  selector: 'button[slActionSheetCancel]',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    'data-part': 'cancel',\n    type: 'button',\n    '[disabled]': 'false',\n    '(click)': 'onClick($event)',\n  },\n  template: `<ng-content>{{ sheet.t('cancel') }}</ng-content>`,\n})\nexport class SlActionSheetCancel {\n  protected readonly sheet = inject(SlActionSheet);\n\n  protected onClick(event: Event) {\n    if (event.defaultPrevented) return;\n    this.sheet.request(false, 'dismiss', undefined, event);\n  }\n}\n\n/** Every part, for a standalone component's `imports`. */\nexport const SL_ACTION_SHEET = [\n  SlActionSheet,\n  SlActionSheetTrigger,\n  SlActionSheetHeader,\n  SlActionSheetTitle,\n  SlActionSheetMessage,\n  SlActionSheetList,\n  SlActionSheetGroup,\n  SlActionSheetGroupLabel,\n  SlActionSheetSeparator,\n  SlActionSheetItem,\n  SlActionSheetItemIcon,\n  SlActionSheetItemDescription,\n  SlActionSheetFooter,\n  SlActionSheetCancel,\n] as const;\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-alert.mjs

@@ -0,0 +1,427 @@
+import { alertMessages } from '@slotted/core/i18n';
+import { createControllable } from '@slotted/core/state';
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, Injectable, Directive, input, booleanAttribute, output, ElementRef, HostAttributeToken, signal, computed, contentChild, effect, DestroyRef, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { injectMessages } from '@slotted/angular/i18n';
+import { SlGlyph, SlIcon } from '@slotted/angular/icon';
+
+const FALLBACK = {
+    live: 'off',
+    reach: 'section',
+    tone: 'accent',
+    variant: 'soft',
+};
+const ALERT_DEFAULTS = new InjectionToken('slotted alert defaults', {
+    providedIn: 'root',
+    factory: () => FALLBACK,
+});
+/**
+ * An application decides once how its messages are painted, at what reach and
+ * how loud, rather than repeating the same inputs on every alert in a settings
+ * page. An alert that states any of them itself still wins: an explicit input is
+ * never overridden by the token. The dismiss control's name comes from the
+ * language in force (`provideSlotted`).
+ */
+function provideAlertDefaults(defaults) {
+    return {
+        provide: ALERT_DEFAULTS,
+        useFactory: () => ({
+            live: defaults.live ?? FALLBACK.live,
+            reach: defaults.reach ?? FALLBACK.reach,
+            tone: defaults.tone ?? FALLBACK.tone,
+            variant: defaults.variant ?? FALLBACK.variant,
+        }),
+    };
+}
+/** What an alert renders as here, before it states anything of its own. */
+function injectAlertDefaults() {
+    return inject(ALERT_DEFAULTS);
+}
+/**
+ * Application-scoped rather than module-scoped, for the reason `tag` records: a
+ * module-level counter produces colliding sequences when two applications
+ * render in one server process, and the server and the client sequences must
+ * match for hydration.
+ */
+class SlAlertIdFactory {
+    count = 0;
+    next() {
+        this.count += 1;
+        return `slotted-alert-${this.count}`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlAlertIdFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlAlertIdFactory, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlAlertIdFactory, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/**
+ * The glyph each tone draws, in its solid form: `specs/components/alert/contract.json`
+ * holds the map. Every one is circled, so every mark is the same disc and the
+ * symbol cut out of it tells the tones apart. `secondary` draws none: a neutral
+ * note has no severity to state, and a disc with nothing cut out of it said
+ * nothing. Its absence is itself the difference under forced colours.
+ */
+const TONE_GLYPH = {
+    accent: 'circle-info',
+    secondary: null,
+    success: 'circle-check',
+    warning: 'circle-alert',
+    danger: 'circle-x',
+};
+/**
+ * A message about the page, a section, or the thing beside it.
+ *
+ * The directive is written on the consumer's own element, and the element it
+ * belongs on is a `section`: named by its own title through `aria-labelledby`,
+ * a `section` is a `region` landmark a reader can jump to, and unnamed it is a
+ * plain grouping element that costs nothing.
+ *
+ * **The box is not the live region.** MDN's `alert` role reference states that
+ * the role "should only be used for text content, not interactive elements such
+ * as links or buttons", and every alert worth shipping has a dismiss control.
+ * `slAlertContent` is what announces, and it holds the title and the
+ * description alone; the actions and the dismiss control are its siblings.
+ *
+ * **Closing hides rather than removes.** A live region has to be in the
+ * document before its text changes, so an alert that removed itself could not
+ * announce the second time the message arrived — and `data-open` is only a
+ * state a consumer can style if the element is there to carry it.
+ */
+/**
+ * A mark the page supplies instead of the tone's own. It is projected into the
+ * box the family draws, so it keeps the size, the colour and the place on the
+ * message's first line that the tone's own mark would have had.
+ */
+class SlAlertIcon {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlAlertIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlAlertIcon, isStandalone: true, selector: "[slAlertIcon]", exportAs: ["slAlertIcon"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlAlertIcon, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[slAlertIcon]',
+                    standalone: true,
+                    exportAs: 'slAlertIcon',
+                }]
+        }] });
+class SlAlert {
+    /** Defaults to the provider, then to `accent`. */
+    tone = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tone" }] : /* istanbul ignore next */ []));
+    /** Defaults to the provider, then to `soft`. */
+    variant = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    /** Defaults to the provider, then to `section`. */
+    reach = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "reach" }] : /* istanbul ignore next */ []));
+    /** Defaults to the provider, then to `off`. */
+    live = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "live" }] : /* istanbul ignore next */ []));
+    /** Draws no mark at all, for a callout carrying its own artwork. */
+    hideIcon = input(false, { ...(ngDevMode ? { debugName: "hideIcon" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * Renders the control that closes the message. React reads the same fact from
+     * whether a handler was passed; Angular cannot see whether an output was
+     * subscribed, so the opt-in is stated — the asymmetry `tag` recorded.
+     */
+    dismissible = input(false, { ...(ngDevMode ? { debugName: "dismissible" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Words laid over the catalog of the language in force, key by key: what that control announces (`dismiss`). */
+    messages = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "messages" }] : /* istanbul ignore next */ []));
+    /** Present means controlled, for the life of the component. */
+    open = input(undefined, { ...(ngDevMode ? { debugName: "open" } : /* istanbul ignore next */ {}), transform: (value) => (value === undefined ? undefined : booleanAttribute(value)) });
+    /** The openness an uncontrolled alert starts from, read once. */
+    defaultOpen = input(true, { ...(ngDevMode ? { debugName: "defaultOpen" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * Returns the keyboard to where it came from when the message closes with
+     * focus inside it. Nothing moves when focus was never there.
+     */
+    restoreFocus = input(true, { ...(ngDevMode ? { debugName: "restoreFocus" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * One output for one transition, carrying the value, the value it replaces,
+     * the reason, the originating event and `cancel()`. There is no `[(open)]`
+     * because a two-way binding has one slot and cannot carry any of those.
+     */
+    openChange = output();
+    defaults = injectAlertDefaults();
+    /** The family's words in the language in force, with this alert's `messages` laid over them. */
+    t = injectMessages(alertMessages, this.messages);
+    host = inject(ElementRef);
+    /** An explicit tab index the consumer wrote is never replaced by the family's. */
+    writtenTabIndex = inject(new HostAttributeToken('tabindex'), {
+        optional: true,
+    });
+    /** The identifier the title writes, and the box is named by. */
+    titleId = `${inject(SlAlertIdFactory).next()}-title`;
+    own = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "own" }] : /* istanbul ignore next */ []));
+    titlePresent = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "titlePresent" }] : /* istanbul ignore next */ []));
+    /**
+     * Where the keyboard came from, and whether it is here now. Both are read at
+     * the moment the message closes, when the element focus was on may already be
+     * gone — so they are remembered as focus crosses the boundary rather than
+     * looked up in the DOM afterwards.
+     */
+    cameFrom = null;
+    holdsFocus = false;
+    resolvedTone = computed(() => this.tone() ?? this.defaults.tone, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedTone" }] : /* istanbul ignore next */ []));
+    glyph = computed(() => TONE_GLYPH[this.resolvedTone()], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "glyph" }] : /* istanbul ignore next */ []));
+    /** A mark the page projected, which draws even where the tone has none. */
+    suppliedIcon = contentChild(SlAlertIcon, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "suppliedIcon" }] : /* istanbul ignore next */ []));
+    resolvedVariant = computed(() => this.variant() ?? this.defaults.variant, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedVariant" }] : /* istanbul ignore next */ []));
+    resolvedReach = computed(() => this.reach() ?? this.defaults.reach, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedReach" }] : /* istanbul ignore next */ []));
+    resolvedLive = computed(() => this.live() ?? this.defaults.live, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedLive" }] : /* istanbul ignore next */ []));
+    isOpen = computed(() => this.open() ?? this.own() ?? this.defaultOpen(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
+    /**
+     * A `section` with an `aria-labelledby` pointing at nothing has no accessible
+     * name and is not a landmark, so the attribute is written only once a title
+     * has said it exists.
+     */
+    labelledBy = computed(() => (this.titlePresent() ? this.titleId : null), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "labelledBy" }] : /* istanbul ignore next */ []));
+    constructor() {
+        let previous = this.isOpen();
+        effect(() => {
+            const next = this.isOpen();
+            if (previous && !next)
+                this.restore();
+            previous = next;
+        });
+        /* The message removed by the consumer rather than closed by itself. */
+        inject(DestroyRef).onDestroy(() => this.restore());
+    }
+    /** Called by `slAlertTitle`, which is the part that names the box. */
+    registerTitle(present) {
+        this.titlePresent.set(present);
+    }
+    /** Sends the keyboard to the message. The family never does this by itself. */
+    focus() {
+        this.host.nativeElement.focus();
+    }
+    /**
+     * Asks to open or close, carrying `programmatic` as the reason. It is the
+     * reach a template has and React does not: JSX can re-render an input, and an
+     * Angular template can only call a method on the instance `exportAs` gives it.
+     */
+    setOpen(next) {
+        this.request(next, 'programmatic');
+    }
+    onDismiss(event) {
+        /* A consumer that called preventDefault has refused the dismissal, and a
+           refused dismissal moves nothing. */
+        if (event.defaultPrevented)
+            return;
+        this.request(false, 'dismiss', event);
+    }
+    onFocusIn(event) {
+        const previous = event.relatedTarget;
+        if (previous instanceof HTMLElement && !this.host.nativeElement.contains(previous)) {
+            this.cameFrom = previous;
+        }
+        this.holdsFocus = true;
+    }
+    onFocusOut(event) {
+        const next = event.relatedTarget;
+        if (!(next instanceof Node) || !this.host.nativeElement.contains(next)) {
+            this.holdsFocus = false;
+        }
+    }
+    request(next, reason, source) {
+        const state = createControllable({
+            controlled: this.open(),
+            initial: this.isOpen(),
+            onRequest: (request) => this.openChange.emit(request),
+        });
+        if (state.request(next, reason, source))
+            this.own.set(next);
+    }
+    restore() {
+        if (!this.restoreFocus() || !this.holdsFocus)
+            return;
+        this.holdsFocus = false;
+        const target = this.cameFrom;
+        if (target === null || !target.isConnected)
+            return;
+        target.focus();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlAlert, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlAlert, isStandalone: true, selector: "[slAlert]", inputs: { tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, reach: { classPropertyName: "reach", publicName: "reach", isSignal: true, isRequired: false, transformFunction: null }, live: { classPropertyName: "live", publicName: "live", isSignal: true, isRequired: false, transformFunction: null }, hideIcon: { classPropertyName: "hideIcon", publicName: "hideIcon", isSignal: true, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, defaultOpen: { classPropertyName: "defaultOpen", publicName: "defaultOpen", isSignal: true, isRequired: false, transformFunction: null }, restoreFocus: { classPropertyName: "restoreFocus", publicName: "restoreFocus", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { openChange: "openChange" }, host: { attributes: { "data-ui": "alert", "data-part": "root" }, listeners: { "focusin": "onFocusIn($event)", "focusout": "onFocusOut($event)" }, properties: { "attr.data-tone": "resolvedTone()", "attr.data-variant": "resolvedVariant()", "attr.data-reach": "resolvedReach()", "attr.data-live": "resolvedLive()", "attr.data-open": "isOpen() ? '' : null", "attr.hidden": "isOpen() ? null : ''", "attr.tabindex": "writtenTabIndex ?? -1", "attr.aria-labelledby": "labelledBy()" } }, queries: [{ propertyName: "suppliedIcon", first: true, predicate: SlAlertIcon, descendants: true, isSignal: true }], exportAs: ["slAlert"], ngImport: i0, template: `@if (!hideIcon() && (glyph() || suppliedIcon())) {
+      <span aria-hidden="true" data-part="icon"
+        ><ng-content select="[slAlertIcon]">
+          @if (glyph(); as name) {
+            <span slIcon><svg slGlyph [name]="name" solid></svg></span>
+          }</ng-content
+      ></span>
+    }
+    <ng-content />
+    @if (dismissible()) {
+      <button
+        type="button"
+        data-part="dismiss"
+        [attr.aria-label]="t('dismiss')"
+        (click)="onDismiss($event)"
+      >
+        <span slIcon><svg slGlyph name="x"></svg></span>
+      </button>
+    }`, isInline: true, styles: ["@layer slotted.components{[data-ui=alert][data-part=root]{--_solid: var(--slotted-tone-accent-solid);--_on-solid: var(--slotted-tone-accent-on-solid);--_surface: var(--slotted-tone-accent-surface);--_border: var(--slotted-tone-accent-border);--_text: var(--slotted-tone-accent-text);--_state-hover: color-mix( in oklab, currentcolor var(--slotted-alert-state-layer-hover, 10%), transparent );--_state-active: color-mix( in oklab, currentcolor var(--slotted-alert-state-layer-active, 16%), transparent );--_font-size: var(--slotted-control-font-size-md, 13px);--_description-font-size: var(--slotted-control-font-size-md, 13px);--_glyph-size: var(--slotted-control-icon-size-md, 16px);--_inner-size: var(--slotted-control-inner-size-md, 24px);--_mark-size: round(nearest, 1.2em, 2px);--_line-height: var(--slotted-line-height-md, 1.5);--_inset-block: var(--slotted-alert-padding-block, var(--slotted-space-5, .75rem));--_inset-inline: var(--slotted-alert-padding-inline, var(--slotted-space-6, 1rem));--_column-gap: var(--slotted-alert-column-gap, var(--slotted-space-4, .5rem));--_row-gap: var(--slotted-alert-row-gap, var(--slotted-space-5, .75rem));--_text-gap: var(--slotted-alert-text-gap, var(--slotted-space-2, .25rem));--_radius: var(--slotted-alert-radius, var(--slotted-radius-md, 6px));--_border-width: var(--slotted-alert-border-width, var(--slotted-border-width-thin, 1px));--_dismiss-size: var( --slotted-alert-dismiss-size, max( var(--slotted-target-min, 24px), min(calc(var(--_glyph-size) + 2 * var(--slotted-space-2, .25rem)), var(--_inner-size)) ) );container-name:slotted-alert;container-type:inline-size;inline-size:100%;background-color:transparent;border:var(--_border-width) solid transparent;border-radius:var(--_radius);box-sizing:border-box;color:var(--_text);column-gap:0;display:grid;font-family:var(--slotted-alert-font-family, var(--slotted-control-font-family, sans-serif));font-size:var(--_font-size);grid-template-columns:auto minmax(0,1fr) auto;line-height:round(nearest,calc(var(--_line-height) * 1em),2px);padding-block:var(--_inset-block);padding-inline:var(--_inset-inline);row-gap:var(--_row-gap);transition:opacity var(--slotted-duration-short) var(--slotted-easing-enter),translate var(--slotted-duration-short) var(--slotted-easing-enter),display var(--slotted-duration-short) var(--slotted-easing-enter);transition-behavior:allow-discrete}[data-ui=alert][data-part=root][hidden]{display:none;opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit),translate var(--slotted-duration-short) var(--slotted-easing-exit),display var(--slotted-duration-short) var(--slotted-easing-exit);translate:0 calc(-1 * var(--slotted-space-2, .25rem))}@starting-style{[data-ui=alert][data-part=root]:is([data-live=polite],[data-live=assertive]){opacity:0;translate:0 calc(-1 * var(--slotted-space-2, .25rem))}}[data-ui=alert][data-part=root][data-tone=accent]{--_solid: var(--slotted-tone-accent-solid);--_on-solid: var(--slotted-tone-accent-on-solid);--_surface: var(--slotted-tone-accent-surface);--_border: var(--slotted-tone-accent-border);--_text: var(--slotted-tone-accent-text)}[data-ui=alert][data-part=root][data-tone=secondary]{--_solid: var(--slotted-tone-secondary-solid);--_on-solid: var(--slotted-tone-secondary-on-solid);--_surface: var(--slotted-tone-secondary-surface);--_border: var(--slotted-tone-secondary-border);--_text: var(--slotted-tone-secondary-text)}[data-ui=alert][data-part=root][data-tone=success]{--_solid: var(--slotted-tone-success-solid);--_on-solid: var(--slotted-tone-success-on-solid);--_surface: var(--slotted-tone-success-surface);--_border: var(--slotted-tone-success-border);--_text: var(--slotted-tone-success-text)}[data-ui=alert][data-part=root][data-tone=warning]{--_solid: var(--slotted-tone-warning-solid);--_on-solid: var(--slotted-tone-warning-on-solid);--_surface: var(--slotted-tone-warning-surface);--_border: var(--slotted-tone-warning-border);--_text: var(--slotted-tone-warning-text)}[data-ui=alert][data-part=root][data-tone=danger]{--_solid: var(--slotted-tone-danger-solid);--_on-solid: var(--slotted-tone-danger-on-solid);--_surface: var(--slotted-tone-danger-surface);--_border: var(--slotted-tone-danger-border);--_text: var(--slotted-tone-danger-text)}[data-ui=alert][data-part=root][data-variant=soft]{background-color:var(--_surface);border-color:var(--_border)}[data-ui=alert][data-part=root][data-variant=outline]{background-color:transparent;border-color:var(--_border)}[data-ui=alert][data-part=root][data-variant=solid]{background-color:var(--_solid);border-color:var(--_solid);color:var(--_on-solid)}[data-ui=alert][data-part=root][data-reach=inline]{--_font-size: var(--slotted-control-font-size-sm, 12px);--_description-font-size: var(--slotted-control-font-size-sm, 12px);--_glyph-size: var(--slotted-control-icon-size-sm, 14px);--_inner-size: var(--slotted-control-inner-size-sm, 22px);--_inset-block: var(--slotted-alert-padding-block, var(--slotted-space-4, .5rem));--_inset-inline: var(--slotted-alert-padding-inline, var(--slotted-space-5, .75rem));--_row-gap: var(--slotted-alert-row-gap, var(--slotted-space-4, .5rem));--_radius: var(--slotted-alert-radius, var(--slotted-radius-sm, 4px))}[data-ui=alert][data-part=root][data-reach=page]{--_font-size: var(--slotted-control-font-size-lg, 14px);--_glyph-size: var(--slotted-control-icon-size-lg, 18px);--_inner-size: var(--slotted-control-inner-size-lg, 28px);--_inset-block: var(--slotted-alert-padding-block, var(--slotted-space-6, 1rem));--_inset-inline: var(--slotted-alert-padding-inline, var(--slotted-space-7, 1.25rem));--_radius: var(--slotted-alert-radius, 0);border-block-start-width:0;border-inline-width:0}[data-ui=alert][data-part=root][data-reach=page][data-variant=solid]{border-block-start-width:var(--_border-width);border-inline-width:var(--_border-width)}[data-ui=alert]>[data-part=icon]{--slotted-icon-size: calc(var(--_mark-size) * 12 / 11);align-items:center;align-self:baseline;block-size:var(--_mark-size);contain:layout;display:flex;grid-column:1;grid-row:1;inline-size:var(--_mark-size);inset-block-start:round(nearest,(var(--_mark-size) - 1cap) / 2,1px);justify-content:center;margin-block-start:calc(-1 * var(--_mark-size));margin-inline-end:var(--_column-gap);position:relative}[data-ui=alert]>[data-part=content]{align-self:baseline;display:grid;grid-column:2;grid-row:1;grid-template-columns:minmax(0,1fr);min-inline-size:0;row-gap:var(--_text-gap)}[data-ui=alert] [data-part=title]{font-family:var( --slotted-alert-title-font-family, var( --slotted-font-family-heading, var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif) ) );font-size:inherit;font-weight:var(--slotted-alert-title-font-weight, var(--slotted-font-weight-semibold, 600));line-height:inherit;margin:0;min-inline-size:0;overflow-wrap:anywhere}[data-ui=alert] [data-part=description]{font-size:var(--_description-font-size);line-height:round(nearest,calc(var(--_line-height) * 1em),2px);margin:0;min-inline-size:0;overflow-wrap:anywhere}[data-ui=alert]>[data-part=actions]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--slotted-alert-actions-gap, var(--slotted-space-3, .375rem));grid-column:2;grid-row:2;min-inline-size:0}[data-ui=alert]>[data-part=dismiss]{--slotted-icon-size: var(--_glyph-size);align-items:center;align-self:start;appearance:none;background-color:transparent;block-size:var(--_dismiss-size);border:0;border-radius:var(--slotted-alert-dismiss-radius, var(--slotted-control-radius, 4px));color:inherit;cursor:pointer;display:inline-flex;flex:none;font:inherit;grid-column:3;grid-row:1;inline-size:var(--_dismiss-size);justify-content:center;margin-block-end:calc((1lh - var(--_dismiss-size)) / 2);margin-block-start:calc((1lh - var(--_dismiss-size)) / 2);margin-inline-end:calc((1lh - var(--_dismiss-size)) / 2);margin-inline-start:var(--_column-gap);padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=alert]>[data-part=dismiss]:enabled:hover{background-color:var(--_state-hover)}[data-ui=alert]>[data-part=dismiss]:enabled:active{background-color:var(--_state-active)}[data-ui=alert]>[data-part=dismiss]:disabled{color:var(--slotted-disabled-foreground);cursor:default}@media(pointer:coarse){[data-ui=alert]>[data-part=dismiss]{position:relative}[data-ui=alert]>[data-part=dismiss]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}}[data-ui=alert]>[data-part=dismiss]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=alert][data-variant=solid]>[data-part=dismiss]:focus-visible{box-shadow:inset 0 0 0 calc(2 * var(--slotted-focus-ring-width, 2px)) var(--_on-solid)}[data-ui=alert][data-part=root]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}@container slotted-alert (max-width: 22rem){[data-ui=alert]>[data-part=actions]{align-items:flex-start;flex-direction:column}}@container slotted-alert (min-width: 40rem){[data-ui=alert][data-reach=page]>[data-part=actions]{align-self:center;grid-column:3;grid-row:1;margin-inline-start:var(--_column-gap)}[data-ui=alert][data-reach=page]>[data-part=dismiss]{align-self:center;grid-column:4;margin-block:0}}@media(forced-colors:active){[data-ui=alert][data-part=root][data-variant]{background-color:Canvas;border-color:CanvasText;color:CanvasText}[data-ui=alert]>[data-part=dismiss]{color:CanvasText}[data-ui=alert]>[data-part=dismiss]:enabled:hover,[data-ui=alert]>[data-part=dismiss]:enabled:active{background-color:Highlight;color:HighlightText}}}\n"], dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlAlert, decorators: [{
+            type: Component,
+            args: [{ selector: '[slAlert]', standalone: true, exportAs: 'slAlert', imports: [SlGlyph, SlIcon], template: `@if (!hideIcon() && (glyph() || suppliedIcon())) {
+      <span aria-hidden="true" data-part="icon"
+        ><ng-content select="[slAlertIcon]">
+          @if (glyph(); as name) {
+            <span slIcon><svg slGlyph [name]="name" solid></svg></span>
+          }</ng-content
+      ></span>
+    }
+    <ng-content />
+    @if (dismissible()) {
+      <button
+        type="button"
+        data-part="dismiss"
+        [attr.aria-label]="t('dismiss')"
+        (click)="onDismiss($event)"
+      >
+        <span slIcon><svg slGlyph name="x"></svg></span>
+      </button>
+    }`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        'data-ui': 'alert',
+                        'data-part': 'root',
+                        '[attr.data-tone]': 'resolvedTone()',
+                        '[attr.data-variant]': 'resolvedVariant()',
+                        '[attr.data-reach]': 'resolvedReach()',
+                        '[attr.data-live]': 'resolvedLive()',
+                        '[attr.data-open]': "isOpen() ? '' : null",
+                        '[attr.hidden]': "isOpen() ? null : ''",
+                        '[attr.tabindex]': 'writtenTabIndex ?? -1',
+                        '[attr.aria-labelledby]': 'labelledBy()',
+                        '(focusin)': 'onFocusIn($event)',
+                        '(focusout)': 'onFocusOut($event)',
+                    }, styles: ["@layer slotted.components{[data-ui=alert][data-part=root]{--_solid: var(--slotted-tone-accent-solid);--_on-solid: var(--slotted-tone-accent-on-solid);--_surface: var(--slotted-tone-accent-surface);--_border: var(--slotted-tone-accent-border);--_text: var(--slotted-tone-accent-text);--_state-hover: color-mix( in oklab, currentcolor var(--slotted-alert-state-layer-hover, 10%), transparent );--_state-active: color-mix( in oklab, currentcolor var(--slotted-alert-state-layer-active, 16%), transparent );--_font-size: var(--slotted-control-font-size-md, 13px);--_description-font-size: var(--slotted-control-font-size-md, 13px);--_glyph-size: var(--slotted-control-icon-size-md, 16px);--_inner-size: var(--slotted-control-inner-size-md, 24px);--_mark-size: round(nearest, 1.2em, 2px);--_line-height: var(--slotted-line-height-md, 1.5);--_inset-block: var(--slotted-alert-padding-block, var(--slotted-space-5, .75rem));--_inset-inline: var(--slotted-alert-padding-inline, var(--slotted-space-6, 1rem));--_column-gap: var(--slotted-alert-column-gap, var(--slotted-space-4, .5rem));--_row-gap: var(--slotted-alert-row-gap, var(--slotted-space-5, .75rem));--_text-gap: var(--slotted-alert-text-gap, var(--slotted-space-2, .25rem));--_radius: var(--slotted-alert-radius, var(--slotted-radius-md, 6px));--_border-width: var(--slotted-alert-border-width, var(--slotted-border-width-thin, 1px));--_dismiss-size: var( --slotted-alert-dismiss-size, max( var(--slotted-target-min, 24px), min(calc(var(--_glyph-size) + 2 * var(--slotted-space-2, .25rem)), var(--_inner-size)) ) );container-name:slotted-alert;container-type:inline-size;inline-size:100%;background-color:transparent;border:var(--_border-width) solid transparent;border-radius:var(--_radius);box-sizing:border-box;color:var(--_text);column-gap:0;display:grid;font-family:var(--slotted-alert-font-family, var(--slotted-control-font-family, sans-serif));font-size:var(--_font-size);grid-template-columns:auto minmax(0,1fr) auto;line-height:round(nearest,calc(var(--_line-height) * 1em),2px);padding-block:var(--_inset-block);padding-inline:var(--_inset-inline);row-gap:var(--_row-gap);transition:opacity var(--slotted-duration-short) var(--slotted-easing-enter),translate var(--slotted-duration-short) var(--slotted-easing-enter),display var(--slotted-duration-short) var(--slotted-easing-enter);transition-behavior:allow-discrete}[data-ui=alert][data-part=root][hidden]{display:none;opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit),translate var(--slotted-duration-short) var(--slotted-easing-exit),display var(--slotted-duration-short) var(--slotted-easing-exit);translate:0 calc(-1 * var(--slotted-space-2, .25rem))}@starting-style{[data-ui=alert][data-part=root]:is([data-live=polite],[data-live=assertive]){opacity:0;translate:0 calc(-1 * var(--slotted-space-2, .25rem))}}[data-ui=alert][data-part=root][data-tone=accent]{--_solid: var(--slotted-tone-accent-solid);--_on-solid: var(--slotted-tone-accent-on-solid);--_surface: var(--slotted-tone-accent-surface);--_border: var(--slotted-tone-accent-border);--_text: var(--slotted-tone-accent-text)}[data-ui=alert][data-part=root][data-tone=secondary]{--_solid: var(--slotted-tone-secondary-solid);--_on-solid: var(--slotted-tone-secondary-on-solid);--_surface: var(--slotted-tone-secondary-surface);--_border: var(--slotted-tone-secondary-border);--_text: var(--slotted-tone-secondary-text)}[data-ui=alert][data-part=root][data-tone=success]{--_solid: var(--slotted-tone-success-solid);--_on-solid: var(--slotted-tone-success-on-solid);--_surface: var(--slotted-tone-success-surface);--_border: var(--slotted-tone-success-border);--_text: var(--slotted-tone-success-text)}[data-ui=alert][data-part=root][data-tone=warning]{--_solid: var(--slotted-tone-warning-solid);--_on-solid: var(--slotted-tone-warning-on-solid);--_surface: var(--slotted-tone-warning-surface);--_border: var(--slotted-tone-warning-border);--_text: var(--slotted-tone-warning-text)}[data-ui=alert][data-part=root][data-tone=danger]{--_solid: var(--slotted-tone-danger-solid);--_on-solid: var(--slotted-tone-danger-on-solid);--_surface: var(--slotted-tone-danger-surface);--_border: var(--slotted-tone-danger-border);--_text: var(--slotted-tone-danger-text)}[data-ui=alert][data-part=root][data-variant=soft]{background-color:var(--_surface);border-color:var(--_border)}[data-ui=alert][data-part=root][data-variant=outline]{background-color:transparent;border-color:var(--_border)}[data-ui=alert][data-part=root][data-variant=solid]{background-color:var(--_solid);border-color:var(--_solid);color:var(--_on-solid)}[data-ui=alert][data-part=root][data-reach=inline]{--_font-size: var(--slotted-control-font-size-sm, 12px);--_description-font-size: var(--slotted-control-font-size-sm, 12px);--_glyph-size: var(--slotted-control-icon-size-sm, 14px);--_inner-size: var(--slotted-control-inner-size-sm, 22px);--_inset-block: var(--slotted-alert-padding-block, var(--slotted-space-4, .5rem));--_inset-inline: var(--slotted-alert-padding-inline, var(--slotted-space-5, .75rem));--_row-gap: var(--slotted-alert-row-gap, var(--slotted-space-4, .5rem));--_radius: var(--slotted-alert-radius, var(--slotted-radius-sm, 4px))}[data-ui=alert][data-part=root][data-reach=page]{--_font-size: var(--slotted-control-font-size-lg, 14px);--_glyph-size: var(--slotted-control-icon-size-lg, 18px);--_inner-size: var(--slotted-control-inner-size-lg, 28px);--_inset-block: var(--slotted-alert-padding-block, var(--slotted-space-6, 1rem));--_inset-inline: var(--slotted-alert-padding-inline, var(--slotted-space-7, 1.25rem));--_radius: var(--slotted-alert-radius, 0);border-block-start-width:0;border-inline-width:0}[data-ui=alert][data-part=root][data-reach=page][data-variant=solid]{border-block-start-width:var(--_border-width);border-inline-width:var(--_border-width)}[data-ui=alert]>[data-part=icon]{--slotted-icon-size: calc(var(--_mark-size) * 12 / 11);align-items:center;align-self:baseline;block-size:var(--_mark-size);contain:layout;display:flex;grid-column:1;grid-row:1;inline-size:var(--_mark-size);inset-block-start:round(nearest,(var(--_mark-size) - 1cap) / 2,1px);justify-content:center;margin-block-start:calc(-1 * var(--_mark-size));margin-inline-end:var(--_column-gap);position:relative}[data-ui=alert]>[data-part=content]{align-self:baseline;display:grid;grid-column:2;grid-row:1;grid-template-columns:minmax(0,1fr);min-inline-size:0;row-gap:var(--_text-gap)}[data-ui=alert] [data-part=title]{font-family:var( --slotted-alert-title-font-family, var( --slotted-font-family-heading, var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif) ) );font-size:inherit;font-weight:var(--slotted-alert-title-font-weight, var(--slotted-font-weight-semibold, 600));line-height:inherit;margin:0;min-inline-size:0;overflow-wrap:anywhere}[data-ui=alert] [data-part=description]{font-size:var(--_description-font-size);line-height:round(nearest,calc(var(--_line-height) * 1em),2px);margin:0;min-inline-size:0;overflow-wrap:anywhere}[data-ui=alert]>[data-part=actions]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--slotted-alert-actions-gap, var(--slotted-space-3, .375rem));grid-column:2;grid-row:2;min-inline-size:0}[data-ui=alert]>[data-part=dismiss]{--slotted-icon-size: var(--_glyph-size);align-items:center;align-self:start;appearance:none;background-color:transparent;block-size:var(--_dismiss-size);border:0;border-radius:var(--slotted-alert-dismiss-radius, var(--slotted-control-radius, 4px));color:inherit;cursor:pointer;display:inline-flex;flex:none;font:inherit;grid-column:3;grid-row:1;inline-size:var(--_dismiss-size);justify-content:center;margin-block-end:calc((1lh - var(--_dismiss-size)) / 2);margin-block-start:calc((1lh - var(--_dismiss-size)) / 2);margin-inline-end:calc((1lh - var(--_dismiss-size)) / 2);margin-inline-start:var(--_column-gap);padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=alert]>[data-part=dismiss]:enabled:hover{background-color:var(--_state-hover)}[data-ui=alert]>[data-part=dismiss]:enabled:active{background-color:var(--_state-active)}[data-ui=alert]>[data-part=dismiss]:disabled{color:var(--slotted-disabled-foreground);cursor:default}@media(pointer:coarse){[data-ui=alert]>[data-part=dismiss]{position:relative}[data-ui=alert]>[data-part=dismiss]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}}[data-ui=alert]>[data-part=dismiss]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=alert][data-variant=solid]>[data-part=dismiss]:focus-visible{box-shadow:inset 0 0 0 calc(2 * var(--slotted-focus-ring-width, 2px)) var(--_on-solid)}[data-ui=alert][data-part=root]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}@container slotted-alert (max-width: 22rem){[data-ui=alert]>[data-part=actions]{align-items:flex-start;flex-direction:column}}@container slotted-alert (min-width: 40rem){[data-ui=alert][data-reach=page]>[data-part=actions]{align-self:center;grid-column:3;grid-row:1;margin-inline-start:var(--_column-gap)}[data-ui=alert][data-reach=page]>[data-part=dismiss]{align-self:center;grid-column:4;margin-block:0}}@media(forced-colors:active){[data-ui=alert][data-part=root][data-variant]{background-color:Canvas;border-color:CanvasText;color:CanvasText}[data-ui=alert]>[data-part=dismiss]{color:CanvasText}[data-ui=alert]>[data-part=dismiss]:enabled:hover,[data-ui=alert]>[data-part=dismiss]:enabled:active{background-color:Highlight;color:HighlightText}}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { tone: [{ type: i0.Input, args: [{ isSignal: true, alias: "tone", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], reach: [{ type: i0.Input, args: [{ isSignal: true, alias: "reach", required: false }] }], live: [{ type: i0.Input, args: [{ isSignal: true, alias: "live", required: false }] }], hideIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideIcon", required: false }] }], dismissible: [{ type: i0.Input, args: [{ isSignal: true, alias: "dismissible", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], defaultOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultOpen", required: false }] }], restoreFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "restoreFocus", required: false }] }], openChange: [{ type: i0.Output, args: ["openChange"] }], suppliedIcon: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlAlertIcon), { isSignal: true }] }] } });
+
+/**
+ * The two roles that announce, and the value that does not. Both roles imply
+ * `aria-live` and `aria-atomic`, so the whole message is read rather than the
+ * word that changed, and nothing here writes either attribute by hand.
+ */
+const LIVE_ROLE = {
+    off: null,
+    polite: 'status',
+    assertive: 'alert',
+};
+/**
+ * The message itself, and the only part that announces.
+ *
+ * It is written explicitly rather than wrapped around the alert's projected
+ * content, because a box that guessed which of its children were text would be
+ * guessing about the one thing a reader hears. Fluent's `MessageBarBody` is the
+ * only surveyed implementation with the same shape, and it is the only one
+ * whose region excludes its own controls.
+ */
+class SlAlertContent {
+    alert = inject(SlAlert);
+    role = computed(() => LIVE_ROLE[this.alert.resolvedLive()], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "role" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlAlertContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlAlertContent, isStandalone: true, selector: "[slAlertContent]", host: { attributes: { "data-part": "content" }, properties: { "attr.role": "role()" } }, exportAs: ["slAlertContent"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlAlertContent, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[slAlertContent]',
+                    standalone: true,
+                    exportAs: 'slAlertContent',
+                    host: {
+                        'data-part': 'content',
+                        '[attr.role]': 'role()',
+                    },
+                }]
+        }] });
+/**
+ * The message's name, and the box's.
+ *
+ * The element is the consumer's: a heading puts the alert in the document
+ * outline, which is right for a page banner and wrong for the alert beside a
+ * field group, and only the page knows which. Writing `<h3 slAlertTitle>` is
+ * how a page that wants one says so, and Angular needs no `render` prop to
+ * allow it.
+ */
+class SlAlertTitle {
+    alert = inject(SlAlert);
+    constructor() {
+        this.alert.registerTitle(true);
+    }
+    ngOnDestroy() {
+        this.alert.registerTitle(false);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlAlertTitle, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: SlAlertTitle, isStandalone: true, selector: "[slAlertTitle]", host: { attributes: { "data-part": "title" }, properties: { "attr.id": "alert.titleId" } }, exportAs: ["slAlertTitle"], ngImport: i0, template: '<ng-content />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlAlertTitle, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[slAlertTitle]',
+                    standalone: true,
+                    exportAs: 'slAlertTitle',
+                    template: '<ng-content />',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: {
+                        'data-part': 'title',
+                        '[attr.id]': 'alert.titleId',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+/** The message. Written on the consumer's own `p`, which is what prose is. */
+class SlAlertDescription {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlAlertDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlAlertDescription, isStandalone: true, selector: "[slAlertDescription]", host: { attributes: { "data-part": "description" } }, exportAs: ["slAlertDescription"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlAlertDescription, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[slAlertDescription]',
+                    standalone: true,
+                    exportAs: 'slAlertDescription',
+                    host: { 'data-part': 'description' },
+                }]
+        }] });
+/**
+ * The controls that act on the message, outside the region that announces: a
+ * reader hearing the message is not read the labels of two buttons in the
+ * middle of it. What goes in is the consumer's own buttons, because `button`
+ * already owns what a button is.
+ */
+class SlAlertActions {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlAlertActions, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlAlertActions, isStandalone: true, selector: "[slAlertActions]", host: { attributes: { "data-part": "actions" } }, exportAs: ["slAlertActions"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlAlertActions, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[slAlertActions]',
+                    standalone: true,
+                    exportAs: 'slAlertActions',
+                    host: { 'data-part': 'actions' },
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ALERT_DEFAULTS, SlAlert, SlAlertActions, SlAlertContent, SlAlertDescription, SlAlertIcon, SlAlertTitle, injectAlertDefaults, provideAlertDefaults };
+//# sourceMappingURL=slotted-angular-alert.mjs.map