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

package/fesm2022/slotted-angular-code-block.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"slotted-angular-code-block.mjs","sources":["../../code-block/src/code-block.constants.ts","../../code-block/src/code-block.ts","../../code-block/src/slotted-angular-code-block.ts"],"sourcesContent":["import { InjectionToken, inject } from '@angular/core';\nimport type { CodeHighlighter, CodeMark } from '@slotted/core/code';\n\nexport type CodeBlockWrapReason = 'pointer' | 'keyboard' | 'programmatic';\nexport type CodeBlockRevealedReason = 'pointer' | 'keyboard' | 'escape' | 'programmatic';\nexport type { CodeMark };\n\nexport interface CodeBlockCopyRequest {\n  readonly value: string;\n  readonly reason: 'pointer' | 'keyboard';\n  readonly copied: boolean;\n  readonly source?: Event | undefined;\n}\n\nexport interface CodeBlockDefaults {\n  highlight?: CodeHighlighter;\n  lineNumbers?: boolean;\n  copy?: boolean;\n}\n\nexport const CODE_BLOCK_DEFAULTS_TOKEN = new InjectionToken<CodeBlockDefaults>(\n  'slotted code-block defaults',\n  { providedIn: 'root', factory: (): CodeBlockDefaults => ({}) },\n);\n\n/**\n * An application that has loaded an engine once hands it to every block here,\n * along with whether blocks number their lines and carry a copy control. A\n * block that states any of those itself still wins. Its words come from the\n * language in force (`provideSlotted`).\n */\nexport function provideCodeBlockDefaults(defaults: CodeBlockDefaults) {\n  return { provide: CODE_BLOCK_DEFAULTS_TOKEN, useValue: defaults };\n}\n\nexport function injectCodeBlockDefaults(): CodeBlockDefaults {\n  return inject(CODE_BLOCK_DEFAULTS_TOKEN);\n}\n","import { NgTemplateOutlet } from '@angular/common';\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChild,\n  DestroyRef,\n  Directive,\n  effect,\n  ElementRef,\n  HostAttributeToken,\n  inject,\n  input,\n  model,\n  numberAttribute,\n  output,\n  signal,\n  TemplateRef,\n  untracked,\n  viewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { injectMessages } from '@slotted/angular/i18n';\nimport { SlGlyph, SlIcon } from '@slotted/angular/icon';\nimport type { GlyphName } from '@slotted/angular/icon';\nimport { writeToClipboard } from '@slotted/core/clipboard';\nimport {\n  copyText,\n  gutterDigits,\n  leadingColumns,\n  lineMarks,\n  lineText,\n  plainLines,\n} from '@slotted/core/code';\nimport type { CodeHighlighter, CodeLine, CodeMarks, LineMark } from '@slotted/core/code';\nimport {\n  codeBlockMessages,\n  type CodeBlockMessages,\n  type PartialMessages,\n} from '@slotted/core/i18n';\nimport { getLiveAnnouncer } from '@slotted/core/live-announcer';\nimport { createControllable } from '@slotted/core/state';\nimport type { ChangeRequest } from '@slotted/core/state';\nimport { fileKind } from '@slotted/core/upload';\nimport { SlScrollArea, SlScrollAreaContent } from '@slotted/angular/scroll-area';\nimport type { ScrollEdgesState } from '@slotted/angular/scroll-area';\nimport { SlSkeleton } from '@slotted/angular/skeleton';\n\nimport {\n  injectCodeBlockDefaults,\n  type CodeBlockCopyRequest,\n  type CodeBlockRevealedReason,\n  type CodeBlockWrapReason,\n} from './code-block.constants';\n\n/** How long the check stays in place of the sheets. */\nconst COPIED_FOR = 2000;\n\nconst KIND_ICON: Record<string, GlyphName> = {\n  archive: 'file-archive',\n  audio: 'file-audio',\n  document: 'file-type',\n  image: 'file-image',\n  pdf: 'file-text',\n  presentation: 'presentation',\n  spreadsheet: 'file-spreadsheet',\n  video: 'file-video',\n};\n\nlet counter = 0;\n\n/** A control of the consumer's own, projected beside copy and wrap. */\n@Directive({ selector: '[slCodeBlockAction]', standalone: true })\nexport class SlCodeBlockAction {}\n\n/** What a `slCodeBlockLine` template is handed for one line. */\nexport interface CodeBlockLineContext {\n  $implicit: CodeLine;\n  number: number;\n  mark: LineMark['mark'];\n  dim: boolean;\n}\n\n/** Replaces the run of tokens a line draws. The gutter stays the family's. */\n@Directive({ selector: 'ng-template[slCodeBlockLine]', standalone: true })\nexport class SlCodeBlockLine {\n  readonly template = inject<TemplateRef<CodeBlockLineContext>>(TemplateRef);\n}\n\n/**\n * A block of source: a header that names the file and holds the two controls,\n * a body that is a `scroll-area`, and inside it a `pre` whose every line is a\n * grid row. Tokens come in from an engine outside the family and are drawn as\n * text in spans; HTML never does.\n */\n@Component({\n  selector: '[slCodeBlock]',\n  standalone: true,\n  imports: [NgTemplateOutlet, SlGlyph, SlIcon, SlScrollArea, SlScrollAreaContent, SlSkeleton],\n  template: `\n    @if (hasHeader()) {\n      <div data-part=\"header\">\n        @if (icon(); as glyph) {\n          <span aria-hidden=\"true\" data-part=\"icon\"\n            ><span slIcon><svg slGlyph [name]=\"glyph\"></svg></span\n          ></span>\n        }\n        @if (title(); as words) {\n          <span data-part=\"title\" [id]=\"id + '-title'\">{{ words }}</span>\n        }\n        @if (language() !== 'text') {\n          <span data-part=\"language\">{{ language() }}</span>\n        }\n        @if (!loading()) {\n          <div data-part=\"actions\">\n            <ng-content select=\"[slCodeBlockAction]\"></ng-content>\n            @if (overflow() || isWrapped()) {\n              <button\n                data-part=\"wrap\"\n                type=\"button\"\n                [attr.aria-label]=\"t(isWrapped() ? 'unwrap' : 'wrap')\"\n                [attr.aria-pressed]=\"isWrapped()\"\n                [attr.data-pressed]=\"isWrapped() ? '' : null\"\n                (click)=\"toggleWrap($event)\"\n                (keydown)=\"remember($event)\"\n              >\n                <span slIcon><svg slGlyph name=\"text-wrap\"></svg></span>\n              </button>\n            }\n            @if (copyControl()) {\n              <button\n                data-part=\"copy\"\n                type=\"button\"\n                [attr.aria-label]=\"t('copy')\"\n                [attr.data-complete]=\"copied() ? '' : null\"\n                (click)=\"copyFromControl($event)\"\n                (keydown)=\"remember($event)\"\n              >\n                <!-- The check stands in for the sheets while the copy is confirmed. -->\n                <span slIcon><svg slGlyph [name]=\"copied() ? 'check' : 'copy'\"></svg></span>\n              </button>\n            }\n          </div>\n        }\n      </div>\n    }\n    <div\n      #body\n      slScrollArea\n      data-part=\"body\"\n      [axis]=\"maxLines() === undefined ? 'inline' : 'both'\"\n      fade=\"both\"\n      gutter=\"auto\"\n      [id]=\"id + '-body'\"\n      [messages]=\"{ label: regionName() }\"\n      [attr.data-max-lines]=\"maxLines() === undefined ? null : ''\"\n      (overflowChange)=\"onOverflow($event)\"\n    >\n      <div slScrollAreaContent>\n        <pre\n          data-part=\"pre\"\n        ><code data-part=\"code\" [class]=\"'language-' + language()\">@if (loading()) {@for (width of skeletonWidths; track $index) {<span slSkeleton shape=\"text\" aria-hidden=\"true\" [style.inline-size]=\"width + '%'\"></span>}} @else {@for (line of rows(); track $index) {<span data-part=\"line\" [attr.data-line]=\"line.number\" [attr.data-mark]=\"line.mark ?? null\" [attr.data-dim]=\"line.dim ? '' : null\" [style.--slotted-code-block-indent]=\"line.indent > 0 ? line.indent : null\"><span aria-hidden=\"true\" data-part=\"number\">@if (lineNumbersValue()) {{{ line.number }}}</span><span aria-hidden=\"true\" data-part=\"marker\"></span><span data-part=\"text\">@if (lineTemplate(); as custom) {<ng-container [ngTemplateOutlet]=\"custom.template\" [ngTemplateOutletContext]=\"{ $implicit: line.tokens, number: line.number, mark: line.mark, dim: line.dim }\" />} @else {@for (token of line.tokens; track $index) {@if (token.scope) {<span data-part=\"token\" [attr.data-token]=\"token.scope\">{{ token.text }}</span>} @else {{{ token.text }}}}}</span></span>}}</code></pre>\n      </div>\n    </div>\n    @if (collapses()) {\n      <button\n        data-part=\"reveal\"\n        type=\"button\"\n        [attr.aria-controls]=\"id + '-body'\"\n        [attr.aria-expanded]=\"isRevealed()\"\n        (click)=\"toggleRevealed($event)\"\n        (keydown)=\"remember($event)\"\n      >\n        {{ isRevealed() ? t('collapse') : t('reveal', { count: hiddenCount() }) }}\n      </button>\n    }\n  `,\n  styleUrl: '../../../styles/src/code-block/code-block.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  exportAs: 'slCodeBlock',\n  host: {\n    'data-ui': 'code-block',\n    'data-part': 'root',\n    '[attr.data-language]': 'language()',\n    '[attr.data-wrap]': 'isWrapped() ? \"\" : null',\n    '[attr.data-revealed]': 'isRevealed() ? \"\" : null',\n    '[attr.data-collapse]': 'collapses() ? \"\" : null',\n    '[attr.data-line-numbers]': 'lineNumbersValue() ? \"\" : null',\n    '[attr.data-loading]': 'loading() ? \"\" : null',\n    '[attr.aria-busy]': 'loading() ? \"true\" : null',\n    '[attr.data-empty]': 'code() === \"\" ? \"\" : null',\n    '[attr.data-marks]': 'hasMarks() ? \"\" : null',\n    '[attr.data-overflow]': 'overflow() ? \"\" : null',\n    '[style.--slotted-code-block-digits]': 'digits()',\n    '[style.--slotted-code-block-collapse]': 'collapses() ? collapseAfter() : null',\n    '[style.--slotted-code-block-max-lines]': 'maxLines() ?? null',\n    '(keydown)': 'onKeyDown($event)',\n  },\n})\nexport class SlCodeBlock {\n  /** The source, as text. Never HTML. */\n  readonly code = input.required<string>();\n  readonly language = input('text');\n  /** The engine, outside the family. `null` refuses the one the provider set. */\n  readonly highlight = input<CodeHighlighter | null | undefined>(undefined);\n  /** Already-tokenised lines, when the consumer ran the engine itself. */\n  readonly tokens = input<readonly CodeLine[] | undefined>(undefined);\n  readonly title = input<string | undefined>(undefined);\n  /** The file's name, for the glyph beside the title. Defaults to `title`. */\n  readonly fileName = input<string | undefined>(undefined);\n  readonly lineNumbers = input<boolean | undefined, boolean | string | undefined>(undefined, {\n    transform: (value) => (value === undefined ? undefined : booleanAttribute(value)),\n  });\n  readonly start = input(1, { transform: numberAttribute });\n  readonly marks = input<CodeMarks | undefined>(undefined);\n  /** Present is controlled, for the life of the block. */\n  readonly wrap = model<boolean | undefined>(undefined);\n  /** Where an uncontrolled block starts, read once. */\n  readonly defaultWrap = input(false, { transform: booleanAttribute });\n  readonly collapseAfter = input<number | undefined, number | string | undefined>(undefined, {\n    transform: (value) => (value === undefined ? undefined : numberAttribute(value)),\n  });\n  readonly revealed = model<boolean | undefined>(undefined);\n  readonly defaultRevealed = input(false, { transform: booleanAttribute });\n  readonly isWrapped = computed(() => this.wrap() ?? this.defaultWrap());\n  readonly isRevealed = computed(() => this.revealed() ?? this.defaultRevealed());\n  readonly maxLines = input<number | undefined, number | string | undefined>(undefined, {\n    transform: (value) => (value === undefined ? undefined : numberAttribute(value)),\n  });\n  readonly copy = input<boolean | undefined, boolean | string | undefined>(undefined, {\n    transform: (value) => (value === undefined ? undefined : booleanAttribute(value)),\n  });\n  readonly copyRemoved = input(false, { transform: booleanAttribute });\n  readonly loading = input(false, { transform: booleanAttribute });\n  /**\n   * Words laid over the catalog of the language in force, key by key: the\n   * scroll region's name when the block has no title (`region`), the controls,\n   * and the announcements.\n   */\n  readonly messages = input<PartialMessages<CodeBlockMessages> | undefined>(undefined);\n  readonly tabSize = input(2, { transform: numberAttribute });\n\n  /** The request behind a wrap change, with the reason it carries. */\n  readonly wrapChangeRequest = output<ChangeRequest<boolean>>();\n  readonly revealedChangeRequest = output<ChangeRequest<boolean>>();\n  /** What the copy control wrote, and whether the platform took it. */\n  readonly copyRequest = output<CodeBlockCopyRequest>();\n  readonly highlightError = output<unknown>();\n\n  private readonly defaults = injectCodeBlockDefaults();\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly ariaLabel = inject(new HostAttributeToken('aria-label'), { optional: true });\n  private readonly body = viewChild.required<SlScrollArea>('body');\n  protected readonly lineTemplate = contentChild(SlCodeBlockLine);\n  private readonly action = contentChild(SlCodeBlockAction);\n\n  readonly id = `slotted-code-block-${(counter += 1)}`;\n  protected readonly skeletonWidths = [62, 78, 44, 70];\n\n  /** The family's words in the language in force, with this block's `messages` laid over them. */\n  readonly t = injectMessages(codeBlockMessages, this.messages);\n  protected readonly lineNumbersValue = computed(\n    () => this.lineNumbers() ?? this.defaults.lineNumbers ?? false,\n  );\n  protected readonly copyControl = computed(() => this.copy() ?? this.defaults.copy ?? true);\n  private readonly engine = computed(() => {\n    const own = this.highlight();\n    return own === null ? undefined : (own ?? this.defaults.highlight);\n  });\n\n  private readonly resolved = signal<{ code: string; lines: readonly CodeLine[] } | null>(null);\n  protected readonly copied = signal(false);\n  protected readonly overflow = signal(false);\n  private timer: ReturnType<typeof setTimeout> | undefined;\n  private keyed = false;\n\n  private readonly lines = computed<readonly CodeLine[]>(() => {\n    const tokens = this.tokens();\n    if (tokens) return tokens;\n    const resolved = this.resolved();\n    return resolved && resolved.code === this.code() ? resolved.lines : plainLines(this.code());\n  });\n\n  private readonly marksByLine = computed(() => lineMarks(this.marks(), this.lines().length));\n  protected readonly hasMarks = computed(() =>\n    this.marksByLine().some((entry) => entry.mark !== undefined || entry.dim),\n  );\n\n  protected readonly rows = computed(() => {\n    const marks = this.marksByLine();\n    const start = this.start();\n    const wrap = this.isWrapped();\n    const tabSize = this.tabSize();\n    return this.lines().map((tokens, index) => ({\n      dim: marks[index]?.dim ?? false,\n      indent: wrap ? leadingColumns(lineText(tokens), tabSize) : 0,\n      mark: marks[index]?.mark,\n      number: start + index,\n      tokens,\n    }));\n  });\n\n  protected readonly digits = computed(() => gutterDigits(this.lines().length, this.start()));\n  protected readonly collapses = computed(() => {\n    const after = this.collapseAfter();\n    return after !== undefined && this.lines().length > after;\n  });\n  protected readonly hiddenCount = computed(() =>\n    this.collapses() ? this.lines().length - (this.collapseAfter() ?? 0) : 0,\n  );\n  protected readonly hasHeader = computed(\n    () =>\n      this.title() !== undefined ||\n      this.language() !== 'text' ||\n      this.copyControl() ||\n      this.action() !== undefined,\n  );\n  protected readonly icon = computed(() => {\n    const name = this.fileName() ?? this.title();\n    if (!name || this.title() === undefined) return undefined;\n    return KIND_ICON[fileKind({ name, type: '' })] ?? 'file';\n  });\n  protected readonly regionName = computed(\n    () => this.title() ?? this.ariaLabel ?? this.t('region'),\n  );\n\n  constructor() {\n    /* The engine runs after the first paint and its lines are swapped in. */\n    effect((onCleanup) => {\n      const engine = this.engine();\n      const code = this.code();\n      const language = this.language();\n      if (!engine || this.tokens()) return;\n      let live = true;\n      onCleanup(() => {\n        live = false;\n      });\n      Promise.resolve()\n        .then(() => engine(code, language))\n        .then((lines) => {\n          if (live) this.resolved.set({ code, lines });\n        })\n        .catch((error: unknown) => {\n          if (live) this.highlightError.emit(error);\n        });\n    });\n    this.destroyRef.onDestroy(() => clearTimeout(this.timer));\n  }\n\n  protected onOverflow(state: ScrollEdgesState) {\n    this.overflow.set(state.inline.overflowing);\n  }\n\n  /** `Enter` and `Space` both end in a click; whether a key came first decides the reason. */\n  protected remember(event: KeyboardEvent) {\n    this.keyed = event.key === 'Enter' || event.key === ' ';\n  }\n\n  private takeReason(): 'pointer' | 'keyboard' {\n    const reason = this.keyed ? 'keyboard' : 'pointer';\n    this.keyed = false;\n    return reason;\n  }\n\n  protected toggleWrap(event?: Event) {\n    this.requestWrap(!this.isWrapped(), this.takeReason(), event);\n  }\n\n  requestWrap(next: boolean, reason: CodeBlockWrapReason, source?: Event) {\n    const state = createControllable<boolean>({\n      initial: this.isWrapped(),\n      onRequest: (request) => this.wrapChangeRequest.emit(request),\n    });\n    if (state.request(next, reason, source)) this.wrap.set(next);\n  }\n\n  protected toggleRevealed(event?: Event) {\n    this.requestRevealed(!this.isRevealed(), this.takeReason(), event);\n  }\n\n  requestRevealed(next: boolean, reason: CodeBlockRevealedReason, source?: Event) {\n    const state = createControllable<boolean>({\n      initial: this.isRevealed(),\n      onRequest: (request) => this.revealedChangeRequest.emit(request),\n    });\n    if (state.request(next, reason, source)) this.revealed.set(next);\n  }\n\n  protected onKeyDown(event: KeyboardEvent) {\n    if (event.defaultPrevented || event.key !== 'Escape') return;\n    if (!untracked(this.collapses) || !untracked(this.revealed)) return;\n    event.preventDefault();\n    this.requestRevealed(false, 'escape', event);\n    this.body().focus();\n  }\n\n  protected copyFromControl(event: Event) {\n    void this.write(this.takeReason(), event);\n  }\n\n  /** Writes the code to the clipboard, as the control does. */\n  copyCode(): Promise<boolean> {\n    return this.write('keyboard');\n  }\n\n  private async write(reason: 'pointer' | 'keyboard', source?: Event): Promise<boolean> {\n    const value = copyText(this.code(), this.marks(), { includeRemoved: this.copyRemoved() });\n    const done = (await writeToClipboard(value)) !== 'refused';\n    if (done) {\n      this.copied.set(true);\n      clearTimeout(this.timer);\n      this.timer = setTimeout(() => this.copied.set(false), COPIED_FOR);\n    }\n    getLiveAnnouncer(this.host.nativeElement.ownerDocument).announce(\n      this.t(done ? 'copied' : 'copyFailed'),\n    );\n    this.copyRequest.emit({ copied: done, reason, source, value });\n    return done;\n  }\n\n  /** Brings a one-based line into view. */\n  scrollToLine(line: number) {\n    const element = this.host.nativeElement.querySelector<HTMLElement>(`[data-line='${line}']`);\n    if (element) this.body().reveal(element);\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-collapsible.mjs

@@ -0,0 +1,479 @@
+import { createControllable } from '@slotted/core/state';
+import { SlAccordion } from '@slotted/angular/accordion';
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, Injectable, model, input, booleanAttribute, output, computed, signal, ViewEncapsulation, ChangeDetectionStrategy, Component, ElementRef, Directive, TemplateRef, contentChild, DestroyRef, effect } from '@angular/core';
+import { NgTemplateOutlet } from '@angular/common';
+import { SlGlyph, SlIcon } from '@slotted/angular/icon';
+
+const FALLBACK = {
+    indicator: 'chevron',
+    level: 'none',
+    mount: 'eager',
+    size: 'md',
+    togglePlacement: 'end',
+    truncate: false,
+    variant: 'plain',
+};
+const COLLAPSIBLE_DEFAULTS = new InjectionToken('slotted collapsible defaults', { providedIn: 'root', factory: () => FALLBACK });
+/**
+ * An application decides once how its disclosures look, rather than repeating
+ * the same seven inputs on every one in a product. A disclosure that states any
+ * of them itself still wins, and so does the accordion between the two.
+ */
+function provideCollapsibleDefaults(defaults) {
+    return {
+        provide: COLLAPSIBLE_DEFAULTS,
+        useFactory: () => ({ ...FALLBACK, ...defaults }),
+    };
+}
+/** What a disclosure renders as here, before it states anything of its own. */
+function injectCollapsibleDefaults() {
+    return inject(COLLAPSIBLE_DEFAULTS);
+}
+/**
+ * Application-scoped rather than module-scoped, for the reason `field` 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 SlCollapsibleIdFactory {
+    count = 0;
+    next() {
+        this.count += 1;
+        return `slotted-collapsible-${this.count}`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCollapsibleIdFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCollapsibleIdFactory, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCollapsibleIdFactory, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/** The trigger of one disclosure, in the order the DOM holds them. */
+const COLLAPSIBLE_TRIGGER_SELECTOR = '[data-part="trigger"]';
+/**
+ * One disclosure: a header the reader operates and a panel it controls.
+ *
+ * **The keyboard is the platform's.** The trigger is a `button`, so `Enter` and
+ * `Space` toggle without the family binding a key, and every trigger stays in
+ * the page tab sequence — which is what the APG's accordion pattern requires
+ * and what `w3c/aria-practices#3434` removed the roving alternative for.
+ *
+ * **The panel opens without being measured.** The stylesheet transitions a grid
+ * track between `0fr` and `1fr`, so the height is the content's own at every
+ * frame. Radix, Base UI, Ark and Angular Material each read the layout and
+ * write a custom property, which is wrong for one frame on the server and stale
+ * until a resize observer fires.
+ *
+ * **Inside an `slAccordion` the value belongs to the set.** The disclosure then
+ * reports its own request as well, so a consumer may watch one panel without
+ * unpacking the set's array.
+ */
+class SlCollapsible {
+    /** Whether the panel is open. Two-way, so a template may bind it directly. */
+    open = model(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
+    /**
+     * What this disclosure is called inside an accordion. It is identity rather
+     * than state — the state model is `open` — and the set's array holds it. One
+     * that states none is given one from the id factory.
+     */
+    value = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    /** Unstated rather than false, so the disclosure defers to the set around it. */
+    disabled = input(undefined, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: (state) => (state === undefined ? undefined : booleanAttribute(state)) });
+    /**
+     * Whether the panel's content is still on its way. The panel keeps a line's
+     * height and carries `aria-busy`; what stands in for the content is
+     * `slSkeleton`, composed by the consumer.
+     */
+    loading = input(false, { ...(ngDevMode ? { debugName: "loading" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * Whether the panel is a `region` landmark. Off by default: the APG's own
+     * example warns that a landmark per panel fills the landmark list.
+     */
+    region = input(false, { ...(ngDevMode ? { debugName: "region" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    size = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    variant = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    indicator = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "indicator" }] : /* istanbul ignore next */ []));
+    togglePlacement = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "togglePlacement" }] : /* istanbul ignore next */ []));
+    level = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "level" }] : /* istanbul ignore next */ []));
+    mount = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "mount" }] : /* istanbul ignore next */ []));
+    truncate = input(undefined, { ...(ngDevMode ? { debugName: "truncate" } : /* istanbul ignore next */ {}), transform: (state) => (state === undefined ? undefined : booleanAttribute(state)) });
+    /** One output for one transition, carrying the reason and the event. */
+    openChangeRequest = output();
+    defaults = injectCollapsibleDefaults();
+    /** The set this disclosure is in, or nothing: a standalone one is complete. */
+    group = inject(SlAccordion, { optional: true });
+    generated = inject(SlCollapsibleIdFactory).next();
+    identity = computed(() => this.value() ?? this.generated, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "identity" }] : /* istanbul ignore next */ []));
+    /**
+     * Three owners, in one order. The set's value wins over the disclosure's own
+     * `open` because the set is what a consumer wrote when they wrote an
+     * accordion; a disclosure standing alone owns the value outright.
+     */
+    isOpen = computed(() => this.group === null ? this.open() : this.group.holds(this.identity()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
+    /** Whether the set refuses to let this one close, which the APG marks. */
+    held = computed(() => this.group?.isHeld(this.identity()) ?? false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "held" }] : /* istanbul ignore next */ []));
+    resolvedDisabled = computed(() => (this.disabled() ?? this.group?.disabled() ?? false) === true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedDisabled" }] : /* istanbul ignore next */ []));
+    resolvedSize = computed(() => this.size() ?? this.group?.resolvedSize() ?? this.defaults.size, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedSize" }] : /* istanbul ignore next */ []));
+    resolvedVariant = computed(() => this.variant() ?? this.group?.itemVariant() ?? this.defaults.variant, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedVariant" }] : /* istanbul ignore next */ []));
+    resolvedIndicator = computed(() => this.indicator() ?? this.group?.resolvedIndicator() ?? this.defaults.indicator, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedIndicator" }] : /* istanbul ignore next */ []));
+    resolvedTogglePlacement = computed(() => this.togglePlacement() ??
+        this.group?.resolvedTogglePlacement() ??
+        this.defaults.togglePlacement, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedTogglePlacement" }] : /* istanbul ignore next */ []));
+    resolvedLevel = computed(() => this.level() ?? this.group?.resolvedHeadingLevel() ?? this.defaults.level, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedLevel" }] : /* istanbul ignore next */ []));
+    resolvedMount = computed(() => this.mount() ?? this.group?.resolvedMount() ?? this.defaults.mount, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedMount" }] : /* istanbul ignore next */ []));
+    resolvedTruncate = computed(() => (this.truncate() ?? this.group?.resolvedTruncate() ?? this.defaults.truncate) === true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedTruncate" }] : /* istanbul ignore next */ []));
+    /** Whether this panel has ever been open, which is what `lazy` reads. */
+    everOpened = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "everOpened" }] : /* istanbul ignore next */ []));
+    seen = computed(() => this.everOpened() || this.isOpen(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "seen" }] : /* istanbul ignore next */ []));
+    ngOnInit() {
+        if (this.isOpen())
+            this.everOpened.set(true);
+    }
+    /** The identifiers that wire the trigger to its panel. */
+    ids() {
+        return {
+            panelId: `${this.generated}-panel`,
+            triggerId: `${this.generated}-trigger`,
+        };
+    }
+    /**
+     * Asks to open or close. The set is asked after this disclosure's own
+     * consumer has had the chance to refuse; it owns the array, so it decides
+     * what `multiple` and `requireOpen` make of the request.
+     */
+    toggle(next, reason, source) {
+        if (next === this.isOpen())
+            return;
+        let cancelled = false;
+        const state = createControllable({
+            initial: this.isOpen(),
+            onRequest: (request) => {
+                this.openChangeRequest.emit(request);
+                cancelled = request.cancelled;
+            },
+        });
+        const moved = state.request(next, reason, source);
+        if (cancelled)
+            return;
+        if (next)
+            this.everOpened.set(true);
+        if (this.group !== null) {
+            this.group.toggle(this.identity(), reason, source);
+            return;
+        }
+        if (moved)
+            this.open.set(next);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCollapsible, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlCollapsible, isStandalone: true, selector: "[slCollapsible]", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, region: { classPropertyName: "region", publicName: "region", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, indicator: { classPropertyName: "indicator", publicName: "indicator", isSignal: true, isRequired: false, transformFunction: null }, togglePlacement: { classPropertyName: "togglePlacement", publicName: "togglePlacement", isSignal: true, isRequired: false, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null }, mount: { classPropertyName: "mount", publicName: "mount", isSignal: true, isRequired: false, transformFunction: null }, truncate: { classPropertyName: "truncate", publicName: "truncate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange", openChangeRequest: "openChangeRequest" }, host: { attributes: { "data-ui": "collapsible", "data-part": "root" }, properties: { "attr.data-value": "identity()", "attr.data-size": "resolvedSize()", "attr.data-variant": "resolvedVariant()", "attr.data-indicator": "resolvedIndicator()", "attr.data-toggle-placement": "resolvedTogglePlacement()", "attr.data-mount": "resolvedMount()", "attr.data-truncate": "resolvedTruncate() ? '' : null", "attr.data-open": "isOpen() ? '' : null", "attr.data-disabled": "resolvedDisabled() ? '' : null", "attr.data-loading": "loading() ? '' : null" } }, exportAs: ["slCollapsible"], ngImport: i0, template: '<ng-content />', isInline: true, styles: ["@layer slotted.components{[data-ui=collapsible]{--_height: var(--slotted-control-height-md, 34px);--_padding-inline: var(--slotted-control-padding-inline-md, .8125rem);--_gap: var(--slotted-control-gap-md, .5rem);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_font-size: var(--slotted-font-size-md, .875rem);--_description-font-size: var(--slotted-font-size-xs, .75rem);--_panel-font-size: var(--slotted-font-size-md, .875rem);--_padding-block: var(--slotted-space-4, .5rem);--_rule-size: var(--slotted-border-width-thin, 1px);display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;inline-size:100%;min-inline-size:0}[data-ui=collapsible][data-size=sm]{--_height: var(--slotted-control-height-sm, 30px);--_font-size: var(--slotted-font-size-sm, .8125rem);--_description-font-size: var(--slotted-font-size-xs, .75rem);--_panel-font-size: var(--slotted-font-size-sm, .8125rem);--_padding-inline: var(--slotted-control-padding-inline-sm, .625rem);--_gap: var(--slotted-control-gap-sm, .375rem);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_padding-block: var(--slotted-space-3, .375rem)}[data-ui=collapsible][data-size=lg]{--_height: var(--slotted-control-height-lg, 38px);--_font-size: var(--slotted-font-size-lg, 1rem);--_description-font-size: var(--slotted-font-size-sm, .8125rem);--_panel-font-size: var(--slotted-font-size-md, .875rem);--_padding-inline: var(--slotted-control-padding-inline-lg, 1rem);--_gap: var(--slotted-control-gap-lg, .5rem);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_padding-block: var(--slotted-space-5, .75rem)}[data-ui=collapsible]>[data-part=header]{font:inherit;grid-column:1;grid-row:1;margin:0;min-inline-size:0}[data-ui=collapsible]>[data-part=header]>[data-part=trigger]{align-items:center;appearance:none;background-color:var(--slotted-collapsible-background, transparent);border:0;color:var(--slotted-collapsible-color, var(--slotted-text, CanvasText));column-gap:var(--_gap);cursor:pointer;display:grid;font-family:var(--slotted-control-font-family, inherit);font-size:var(--_font-size);font-weight:var(--slotted-font-weight-medium, 500);grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;justify-self:stretch;letter-spacing:var(--slotted-control-letter-spacing, 0);line-height:var(--slotted-line-height-md, 1.5);min-block-size:var(--_height);min-inline-size:0;padding-block:var(--_padding-block);padding-inline:var(--slotted-collapsible-padding-inline, var(--_padding-inline));text-align:start;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=collapsible]>[data-part=header]>[data-part=trigger]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-offset, 2px))}[data-ui=collapsible]>[data-part=header]>[data-part=trigger]>[data-part=label]{grid-column:1;grid-row:1;min-inline-size:0;overflow-wrap:break-word;unicode-bidi:isolate}[data-ui=collapsible][data-truncate]>[data-part=header]>[data-part=trigger]>[data-part=label]{overflow:hidden;overflow-wrap:normal;text-overflow:ellipsis;white-space:nowrap}[data-ui=collapsible]>[data-part=header]>[data-part=trigger]>[data-part=description]{color:var(--slotted-collapsible-description-color, var(--slotted-text-muted, GrayText));font-size:var(--_description-font-size);font-weight:var(--slotted-font-weight-regular, 400);grid-column:1;grid-row:2;min-inline-size:0;overflow-wrap:break-word;unicode-bidi:isolate}[data-ui=collapsible][data-truncate]>[data-part=header]>[data-part=trigger]>[data-part=description]{overflow:hidden;overflow-wrap:normal;text-overflow:ellipsis;white-space:nowrap}[data-ui=collapsible]>[data-part=header]>[data-part=trigger]>[data-part=indicator]{--slotted-icon-size: var(--_icon-size);align-self:start;block-size:var(--_icon-size);color:var(--slotted-collapsible-indicator-color, currentColor);display:flex;flex:none;grid-column:2;grid-row:1;inline-size:var(--_icon-size);margin-block-start:calc((1lh - var(--_icon-size)) / 2)}[data-ui=collapsible]>[data-part=header]>[data-part=trigger]>[data-part=indicator]>[data-ui=icon]{transition:rotate var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=collapsible][data-open]>[data-part=header]>[data-part=trigger]>[data-part=indicator]>[data-ui=icon]{rotate:180deg}[data-ui=collapsible][data-indicator=plus-minus]>[data-part=header]>[data-part=trigger]>[data-part=indicator]>[data-ui=icon]{rotate:none}[data-ui=collapsible][data-toggle-placement=start]>[data-part=header]>[data-part=trigger]{grid-template-columns:auto minmax(0,1fr)}[data-ui=collapsible][data-toggle-placement=start]>[data-part=header]>[data-part=trigger]>[data-part=indicator]{grid-column:1}[data-ui=collapsible][data-toggle-placement=start]>[data-part=header]>[data-part=trigger]>[data-part=label],[data-ui=collapsible][data-toggle-placement=start]>[data-part=header]>[data-part=trigger]>[data-part=description]{grid-column:2}[data-ui=collapsible][data-toggle-placement=start]>[data-part=panel]>[data-part=content]{padding-inline-start:calc(var(--slotted-collapsible-padding-inline, var(--_padding-inline)) + var(--_icon-size) + var(--_gap))}[data-ui=collapsible]>[data-part=actions]{align-items:center;align-self:center;column-gap:var(--_gap);display:flex;grid-column:2;grid-row:1;padding-inline-end:var(--slotted-collapsible-padding-inline, var(--_padding-inline))}[data-ui=collapsible]>[data-part=panel]{display:grid;grid-column:1 / -1;grid-row:2;grid-template-rows:0fr;min-inline-size:0;transition:grid-template-rows var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=collapsible][data-open]>[data-part=panel]{grid-template-rows:1fr}[data-ui=collapsible]>[data-part=panel]>[data-part=content]{color:var(--slotted-collapsible-panel-color, var(--slotted-text, CanvasText));content-visibility:hidden;font-size:var(--_panel-font-size);line-height:var(--slotted-line-height-md, 1.5);min-block-size:0;opacity:0;overflow:hidden;padding-block-end:0;padding-inline:var(--slotted-collapsible-padding-inline, var(--_padding-inline));transition:content-visibility var(--slotted-duration-medium) allow-discrete,opacity var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=collapsible][data-open]>[data-part=panel]>[data-part=content]{content-visibility:visible;opacity:1;padding-block-end:var(--_padding-block)}[data-ui=collapsible][data-loading][data-open]>[data-part=panel]>[data-part=content]{min-block-size:calc(var(--_panel-font-size) * var(--slotted-line-height-md, 1.5))}[data-ui=collapsible]:not([data-disabled])>[data-part=header]>[data-part=trigger]:enabled:hover{background-color:var( --slotted-collapsible-hover-background, var(--slotted-tone-secondary-subtle-hover) );color:var(--slotted-collapsible-hover-color, var(--slotted-text, CanvasText))}[data-ui=collapsible]:not([data-disabled])>[data-part=header]>[data-part=trigger]:enabled:active{background-color:var( --slotted-collapsible-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui=collapsible]>[data-part=header]>[data-part=trigger]:disabled{color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui=collapsible]>[data-part=header]>[data-part=trigger][aria-disabled=true]>[data-part=indicator]{opacity:.45}[data-ui=collapsible][data-disabled]{color:var(--slotted-disabled-foreground, GrayText)}[data-ui=collapsible][data-variant=ruled]{border-block-start:var(--_rule-size) solid var(--slotted-collapsible-rule-color, var(--slotted-border-subtle, ButtonBorder))}[data-ui=collapsible][data-variant=framed]{background-color:var(--slotted-collapsible-surface, var(--slotted-surface-raised, Canvas));border:var(--_rule-size) solid var(--slotted-collapsible-rule-color, var(--slotted-border-subtle, ButtonBorder));border-radius:var(--slotted-collapsible-radius, var(--slotted-radius-md, 6px));overflow:clip}[data-ui=collapsible]{container-name:slotted-collapsible;container-type:inline-size}@container slotted-collapsible (max-inline-size: 22rem){[data-ui=collapsible]>[data-part=actions]{grid-column:1 / -1;grid-row:2;justify-content:flex-end;padding-block-end:var(--_padding-block);padding-inline-start:var(--slotted-collapsible-padding-inline, var(--_padding-inline))}[data-ui=collapsible]>[data-part=panel]{grid-row:3}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCollapsible, decorators: [{
+            type: Component,
+            args: [{ selector: '[slCollapsible]', standalone: true, exportAs: 'slCollapsible', template: '<ng-content />', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        'data-ui': 'collapsible',
+                        'data-part': 'root',
+                        '[attr.data-value]': 'identity()',
+                        '[attr.data-size]': 'resolvedSize()',
+                        '[attr.data-variant]': 'resolvedVariant()',
+                        '[attr.data-indicator]': 'resolvedIndicator()',
+                        '[attr.data-toggle-placement]': 'resolvedTogglePlacement()',
+                        '[attr.data-mount]': 'resolvedMount()',
+                        '[attr.data-truncate]': "resolvedTruncate() ? '' : null",
+                        '[attr.data-open]': "isOpen() ? '' : null",
+                        '[attr.data-disabled]': "resolvedDisabled() ? '' : null",
+                        '[attr.data-loading]': "loading() ? '' : null",
+                    }, styles: ["@layer slotted.components{[data-ui=collapsible]{--_height: var(--slotted-control-height-md, 34px);--_padding-inline: var(--slotted-control-padding-inline-md, .8125rem);--_gap: var(--slotted-control-gap-md, .5rem);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_font-size: var(--slotted-font-size-md, .875rem);--_description-font-size: var(--slotted-font-size-xs, .75rem);--_panel-font-size: var(--slotted-font-size-md, .875rem);--_padding-block: var(--slotted-space-4, .5rem);--_rule-size: var(--slotted-border-width-thin, 1px);display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;inline-size:100%;min-inline-size:0}[data-ui=collapsible][data-size=sm]{--_height: var(--slotted-control-height-sm, 30px);--_font-size: var(--slotted-font-size-sm, .8125rem);--_description-font-size: var(--slotted-font-size-xs, .75rem);--_panel-font-size: var(--slotted-font-size-sm, .8125rem);--_padding-inline: var(--slotted-control-padding-inline-sm, .625rem);--_gap: var(--slotted-control-gap-sm, .375rem);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_padding-block: var(--slotted-space-3, .375rem)}[data-ui=collapsible][data-size=lg]{--_height: var(--slotted-control-height-lg, 38px);--_font-size: var(--slotted-font-size-lg, 1rem);--_description-font-size: var(--slotted-font-size-sm, .8125rem);--_panel-font-size: var(--slotted-font-size-md, .875rem);--_padding-inline: var(--slotted-control-padding-inline-lg, 1rem);--_gap: var(--slotted-control-gap-lg, .5rem);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_padding-block: var(--slotted-space-5, .75rem)}[data-ui=collapsible]>[data-part=header]{font:inherit;grid-column:1;grid-row:1;margin:0;min-inline-size:0}[data-ui=collapsible]>[data-part=header]>[data-part=trigger]{align-items:center;appearance:none;background-color:var(--slotted-collapsible-background, transparent);border:0;color:var(--slotted-collapsible-color, var(--slotted-text, CanvasText));column-gap:var(--_gap);cursor:pointer;display:grid;font-family:var(--slotted-control-font-family, inherit);font-size:var(--_font-size);font-weight:var(--slotted-font-weight-medium, 500);grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;justify-self:stretch;letter-spacing:var(--slotted-control-letter-spacing, 0);line-height:var(--slotted-line-height-md, 1.5);min-block-size:var(--_height);min-inline-size:0;padding-block:var(--_padding-block);padding-inline:var(--slotted-collapsible-padding-inline, var(--_padding-inline));text-align:start;transition:background-color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard)),color var(--slotted-control-transition-duration, var(--slotted-duration-short)) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=collapsible]>[data-part=header]>[data-part=trigger]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-offset, 2px))}[data-ui=collapsible]>[data-part=header]>[data-part=trigger]>[data-part=label]{grid-column:1;grid-row:1;min-inline-size:0;overflow-wrap:break-word;unicode-bidi:isolate}[data-ui=collapsible][data-truncate]>[data-part=header]>[data-part=trigger]>[data-part=label]{overflow:hidden;overflow-wrap:normal;text-overflow:ellipsis;white-space:nowrap}[data-ui=collapsible]>[data-part=header]>[data-part=trigger]>[data-part=description]{color:var(--slotted-collapsible-description-color, var(--slotted-text-muted, GrayText));font-size:var(--_description-font-size);font-weight:var(--slotted-font-weight-regular, 400);grid-column:1;grid-row:2;min-inline-size:0;overflow-wrap:break-word;unicode-bidi:isolate}[data-ui=collapsible][data-truncate]>[data-part=header]>[data-part=trigger]>[data-part=description]{overflow:hidden;overflow-wrap:normal;text-overflow:ellipsis;white-space:nowrap}[data-ui=collapsible]>[data-part=header]>[data-part=trigger]>[data-part=indicator]{--slotted-icon-size: var(--_icon-size);align-self:start;block-size:var(--_icon-size);color:var(--slotted-collapsible-indicator-color, currentColor);display:flex;flex:none;grid-column:2;grid-row:1;inline-size:var(--_icon-size);margin-block-start:calc((1lh - var(--_icon-size)) / 2)}[data-ui=collapsible]>[data-part=header]>[data-part=trigger]>[data-part=indicator]>[data-ui=icon]{transition:rotate var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=collapsible][data-open]>[data-part=header]>[data-part=trigger]>[data-part=indicator]>[data-ui=icon]{rotate:180deg}[data-ui=collapsible][data-indicator=plus-minus]>[data-part=header]>[data-part=trigger]>[data-part=indicator]>[data-ui=icon]{rotate:none}[data-ui=collapsible][data-toggle-placement=start]>[data-part=header]>[data-part=trigger]{grid-template-columns:auto minmax(0,1fr)}[data-ui=collapsible][data-toggle-placement=start]>[data-part=header]>[data-part=trigger]>[data-part=indicator]{grid-column:1}[data-ui=collapsible][data-toggle-placement=start]>[data-part=header]>[data-part=trigger]>[data-part=label],[data-ui=collapsible][data-toggle-placement=start]>[data-part=header]>[data-part=trigger]>[data-part=description]{grid-column:2}[data-ui=collapsible][data-toggle-placement=start]>[data-part=panel]>[data-part=content]{padding-inline-start:calc(var(--slotted-collapsible-padding-inline, var(--_padding-inline)) + var(--_icon-size) + var(--_gap))}[data-ui=collapsible]>[data-part=actions]{align-items:center;align-self:center;column-gap:var(--_gap);display:flex;grid-column:2;grid-row:1;padding-inline-end:var(--slotted-collapsible-padding-inline, var(--_padding-inline))}[data-ui=collapsible]>[data-part=panel]{display:grid;grid-column:1 / -1;grid-row:2;grid-template-rows:0fr;min-inline-size:0;transition:grid-template-rows var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=collapsible][data-open]>[data-part=panel]{grid-template-rows:1fr}[data-ui=collapsible]>[data-part=panel]>[data-part=content]{color:var(--slotted-collapsible-panel-color, var(--slotted-text, CanvasText));content-visibility:hidden;font-size:var(--_panel-font-size);line-height:var(--slotted-line-height-md, 1.5);min-block-size:0;opacity:0;overflow:hidden;padding-block-end:0;padding-inline:var(--slotted-collapsible-padding-inline, var(--_padding-inline));transition:content-visibility var(--slotted-duration-medium) allow-discrete,opacity var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=collapsible][data-open]>[data-part=panel]>[data-part=content]{content-visibility:visible;opacity:1;padding-block-end:var(--_padding-block)}[data-ui=collapsible][data-loading][data-open]>[data-part=panel]>[data-part=content]{min-block-size:calc(var(--_panel-font-size) * var(--slotted-line-height-md, 1.5))}[data-ui=collapsible]:not([data-disabled])>[data-part=header]>[data-part=trigger]:enabled:hover{background-color:var( --slotted-collapsible-hover-background, var(--slotted-tone-secondary-subtle-hover) );color:var(--slotted-collapsible-hover-color, var(--slotted-text, CanvasText))}[data-ui=collapsible]:not([data-disabled])>[data-part=header]>[data-part=trigger]:enabled:active{background-color:var( --slotted-collapsible-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui=collapsible]>[data-part=header]>[data-part=trigger]:disabled{color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui=collapsible]>[data-part=header]>[data-part=trigger][aria-disabled=true]>[data-part=indicator]{opacity:.45}[data-ui=collapsible][data-disabled]{color:var(--slotted-disabled-foreground, GrayText)}[data-ui=collapsible][data-variant=ruled]{border-block-start:var(--_rule-size) solid var(--slotted-collapsible-rule-color, var(--slotted-border-subtle, ButtonBorder))}[data-ui=collapsible][data-variant=framed]{background-color:var(--slotted-collapsible-surface, var(--slotted-surface-raised, Canvas));border:var(--_rule-size) solid var(--slotted-collapsible-rule-color, var(--slotted-border-subtle, ButtonBorder));border-radius:var(--slotted-collapsible-radius, var(--slotted-radius-md, 6px));overflow:clip}[data-ui=collapsible]{container-name:slotted-collapsible;container-type:inline-size}@container slotted-collapsible (max-inline-size: 22rem){[data-ui=collapsible]>[data-part=actions]{grid-column:1 / -1;grid-row:2;justify-content:flex-end;padding-block-end:var(--_padding-block);padding-inline-start:var(--slotted-collapsible-padding-inline, var(--_padding-inline))}[data-ui=collapsible]>[data-part=panel]{grid-row:3}}}\n"] }]
+        }], propDecorators: { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], region: [{ type: i0.Input, args: [{ isSignal: true, alias: "region", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], indicator: [{ type: i0.Input, args: [{ isSignal: true, alias: "indicator", required: false }] }], togglePlacement: [{ type: i0.Input, args: [{ isSignal: true, alias: "togglePlacement", required: false }] }], level: [{ type: i0.Input, args: [{ isSignal: true, alias: "level", required: false }] }], mount: [{ type: i0.Input, args: [{ isSignal: true, alias: "mount", required: false }] }], truncate: [{ type: i0.Input, args: [{ isSignal: true, alias: "truncate", required: false }] }], openChangeRequest: [{ type: i0.Output, args: ["openChangeRequest"] }] } });
+
+const HEADINGS = new Set(['H1', 'H2', 'H3', 'H4', 'H5', 'H6']);
+/**
+ * The heading the trigger lives in.
+ *
+ * The element is the consumer's own, which is what this ecosystem composes
+ * with: `<h3 slCollapsibleHeader>` is a native heading and this adds nothing to
+ * it, while `<div slCollapsibleHeader>` gets `role="heading"` and the level the
+ * disclosure resolved. The pattern names both — "if the native host language
+ * has an element with an implicit heading and aria-level … a native host
+ * language element may be used" — and React reads the element off `level`
+ * instead, because there the component owns the tag.
+ *
+ * The trigger is meant to be its only child: the pattern requires the button to
+ * be the only element inside the heading, which is why the always-visible
+ * controls go in `slCollapsibleActions` beside it.
+ */
+class SlCollapsibleHeader {
+    collapsible = inject(SlCollapsible);
+    native = inject(ElementRef).nativeElement;
+    /** Whether the consumer already wrote a heading, in which case ARIA adds nothing. */
+    isNativeHeading = HEADINGS.has(this.native.tagName);
+    ariaRole = computed(() => {
+        if (this.isNativeHeading || this.collapsible.resolvedLevel() === 'none')
+            return null;
+        return 'heading';
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaRole" }] : /* istanbul ignore next */ []));
+    ariaLevel = computed(() => {
+        if (this.isNativeHeading || this.collapsible.resolvedLevel() === 'none')
+            return null;
+        return this.collapsible.resolvedLevel();
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaLevel" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCollapsibleHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlCollapsibleHeader, isStandalone: true, selector: "[slCollapsibleHeader]", host: { attributes: { "data-part": "header" }, properties: { "attr.role": "ariaRole()", "attr.aria-level": "ariaLevel()" } }, exportAs: ["slCollapsibleHeader"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCollapsibleHeader, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[slCollapsibleHeader]',
+                    standalone: true,
+                    exportAs: 'slCollapsibleHeader',
+                    host: {
+                        'data-part': 'header',
+                        '[attr.role]': 'ariaRole()',
+                        '[attr.aria-level]': 'ariaLevel()',
+                    },
+                }]
+        }] });
+/**
+ * The control.
+ *
+ * It is the consumer's own `button`, so `Enter` and `Space` are the platform's
+ * and the family binds no key of its own. The mark, the words and the second
+ * line are the component's, because all three are parts the stylesheet places.
+ */
+class SlCollapsibleTrigger {
+    collapsible = inject(SlCollapsible);
+    /**
+     * A second line under the title. It is inside the trigger, so it is part of
+     * the accessible name — "Entrega, 3 de 12 itens" is what a reader hears.
+     */
+    description = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []));
+    /**
+     * The chevron is one glyph the stylesheet turns; plus and minus are two, so
+     * the state picks between them here.
+     */
+    indicatorGlyph = computed(() => {
+        if (this.collapsible.resolvedIndicator() !== 'plus-minus')
+            return 'chevron-down';
+        return this.collapsible.isOpen() ? 'minus' : 'plus';
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "indicatorGlyph" }] : /* istanbul ignore next */ []));
+    ids() {
+        return this.collapsible.ids();
+    }
+    onClick(event) {
+        if (event.defaultPrevented || this.collapsible.held())
+            return;
+        /* A click synthesised by the keyboard reports no detail; a real one reports
+           the click count. It is why Enter, Space and a pointer are told apart
+           without a key listener existing for the toggle. */
+        const reason = event.detail === 0 ? 'keyboard' : 'pointer';
+        this.collapsible.toggle(!this.collapsible.isOpen(), reason, event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCollapsibleTrigger, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlCollapsibleTrigger, isStandalone: true, selector: "button[slCollapsibleTrigger]", inputs: { description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "trigger", "type": "button" }, listeners: { "click": "onClick($event)" }, properties: { "attr.id": "ids().triggerId", "attr.aria-controls": "ids().panelId", "attr.aria-expanded": "collapsible.isOpen()", "attr.aria-disabled": "collapsible.held() ? 'true' : null", "disabled": "collapsible.resolvedDisabled()" } }, exportAs: ["slCollapsibleTrigger"], ngImport: i0, template: `@if (collapsible.resolvedIndicator() !== 'none') {
+      <span data-part="indicator" aria-hidden="true"
+        ><span slIcon><svg slGlyph [name]="indicatorGlyph()"></svg></span
+      ></span>
+    }
+    <span data-part="label"><ng-content /></span>
+    @if (description()) {
+      <span data-part="description">{{ description() }}</span>
+    }`, isInline: true, 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: SlCollapsibleTrigger, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'button[slCollapsibleTrigger]',
+                    standalone: true,
+                    exportAs: 'slCollapsibleTrigger',
+                    imports: [SlGlyph, SlIcon],
+                    template: `@if (collapsible.resolvedIndicator() !== 'none') {
+      <span data-part="indicator" aria-hidden="true"
+        ><span slIcon><svg slGlyph [name]="indicatorGlyph()"></svg></span
+      ></span>
+    }
+    <span data-part="label"><ng-content /></span>
+    @if (description()) {
+      <span data-part="description">{{ description() }}</span>
+    }`,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: {
+                        'data-part': 'trigger',
+                        type: 'button',
+                        '[attr.id]': 'ids().triggerId',
+                        '[attr.aria-controls]': 'ids().panelId',
+                        '[attr.aria-expanded]': 'collapsible.isOpen()',
+                        '[attr.aria-disabled]': "collapsible.held() ? 'true' : null",
+                        '[disabled]': 'collapsible.resolvedDisabled()',
+                        '(click)': 'onClick($event)',
+                    },
+                }]
+        }], propDecorators: { description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }] } });
+/**
+ * The always-visible controls beside the header.
+ *
+ * They are a sibling of the heading rather than a child of it, for two reasons
+ * that agree: the pattern requires the button to be the only element inside the
+ * heading, and a control inside a `button` is invalid HTML. What belongs here is
+ * an `slToolbar` — one tab stop for however many actions the page puts there.
+ */
+class SlCollapsibleActions {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCollapsibleActions, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlCollapsibleActions, isStandalone: true, selector: "[slCollapsibleActions]", host: { attributes: { "data-part": "actions" } }, exportAs: ["slCollapsibleActions"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCollapsibleActions, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[slCollapsibleActions]',
+                    standalone: true,
+                    exportAs: 'slCollapsibleActions',
+                    host: { 'data-part': 'actions' },
+                }]
+        }] });
+/**
+ * Content built the first time the panel opens.
+ *
+ * `<ng-content>` is instantiated by the parent whether or not it is inserted,
+ * so `mount="lazy"` needs a template rather than projection. It is Angular
+ * Material's own `matExpansionPanelContent`, and it is the answer this
+ * ecosystem already knows.
+ */
+class SlCollapsibleContent {
+    template = inject(TemplateRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCollapsibleContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlCollapsibleContent, isStandalone: true, selector: "ng-template[slCollapsibleContent]", exportAs: ["slCollapsibleContent"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCollapsibleContent, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[slCollapsibleContent]',
+                    standalone: true,
+                    exportAs: 'slCollapsibleContent',
+                }]
+        }] });
+/**
+ * The panel.
+ *
+ * The box always exists, so the trigger's `aria-controls` never names an
+ * element that is gone; `mount` decides whether the content inside it does.
+ *
+ * While the panel is closed it is taken out of the tab sequence and out of the
+ * accessibility tree twice over: the stylesheet with `content-visibility`, and
+ * this component with `inert`, so a browser without the property still cannot
+ * put focus inside it. `mount="until-found"` writes `hidden="until-found"`
+ * instead, and the browser removes that attribute itself when its page search
+ * reaches the text inside — `beforematch` is what asks the family to open, with
+ * the one reason the closed vocabulary holds for a move the browser made.
+ */
+class SlCollapsiblePanel {
+    collapsible = inject(SlCollapsible);
+    deferred = contentChild(SlCollapsibleContent, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "deferred" }] : /* istanbul ignore next */ []));
+    native = inject(ElementRef).nativeElement;
+    mounted = computed(() => {
+        const mount = this.collapsible.resolvedMount();
+        if (mount === 'active')
+            return this.collapsible.isOpen();
+        if (mount === 'lazy')
+            return this.collapsible.seen();
+        return true;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "mounted" }] : /* istanbul ignore next */ []));
+    constructor() {
+        const destroyRef = inject(DestroyRef);
+        let attached;
+        effect(() => {
+            const open = this.collapsible.isOpen();
+            const untilFound = this.collapsible.resolvedMount() === 'until-found';
+            attached?.();
+            attached = undefined;
+            if (open) {
+                this.native.removeAttribute('hidden');
+                this.native.removeAttribute('inert');
+                return;
+            }
+            if (untilFound) {
+                this.native.removeAttribute('inert');
+                this.native.setAttribute('hidden', 'until-found');
+                const reveal = () => this.collapsible.toggle(true, 'programmatic');
+                this.native.addEventListener('beforematch', reveal);
+                attached = () => this.native.removeEventListener('beforematch', reveal);
+                return;
+            }
+            this.native.removeAttribute('hidden');
+            this.native.setAttribute('inert', '');
+        });
+        destroyRef.onDestroy(() => attached?.());
+    }
+    ids() {
+        return this.collapsible.ids();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCollapsiblePanel, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlCollapsiblePanel, isStandalone: true, selector: "[slCollapsiblePanel]", host: { attributes: { "data-part": "panel" }, properties: { "attr.id": "ids().panelId", "attr.aria-labelledby": "ids().triggerId", "attr.role": "collapsible.region() ? 'region' : null", "attr.aria-busy": "collapsible.loading() ? 'true' : null" } }, queries: [{ propertyName: "deferred", first: true, predicate: SlCollapsibleContent, descendants: true, isSignal: true }], exportAs: ["slCollapsiblePanel"], ngImport: i0, template: `@if (mounted()) {
+    <div data-part="content">
+      @if (deferred()) {
+        <ng-container [ngTemplateOutlet]="deferred()!.template" />
+      }
+      <ng-content />
+    </div>
+  }`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCollapsiblePanel, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[slCollapsiblePanel]',
+                    standalone: true,
+                    exportAs: 'slCollapsiblePanel',
+                    imports: [NgTemplateOutlet],
+                    template: `@if (mounted()) {
+    <div data-part="content">
+      @if (deferred()) {
+        <ng-container [ngTemplateOutlet]="deferred()!.template" />
+      }
+      <ng-content />
+    </div>
+  }`,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: {
+                        'data-part': 'panel',
+                        '[attr.id]': 'ids().panelId',
+                        '[attr.aria-labelledby]': 'ids().triggerId',
+                        '[attr.role]': "collapsible.region() ? 'region' : null",
+                        '[attr.aria-busy]': "collapsible.loading() ? 'true' : null",
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { deferred: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlCollapsibleContent), { isSignal: true }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { COLLAPSIBLE_DEFAULTS, COLLAPSIBLE_TRIGGER_SELECTOR, SlCollapsible, SlCollapsibleActions, SlCollapsibleContent, SlCollapsibleHeader, SlCollapsibleIdFactory, SlCollapsiblePanel, SlCollapsibleTrigger, injectCollapsibleDefaults, provideCollapsibleDefaults };
+//# sourceMappingURL=slotted-angular-collapsible.mjs.map