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

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

@@ -0,0 +1 @@
+{"version":3,"file":"slotted-angular-stepper.mjs","sources":["../../stepper/src/stepper.constants.ts","../../stepper/src/stepper.ts","../../stepper/src/slotted-angular-stepper.ts"],"sourcesContent":["import { InjectionToken, inject } from '@angular/core';\nimport type { StepOrientation } from '@slotted/core/steps';\n\nexport type StepperOrientation = StepOrientation;\nexport type StepperLabelPlacement = 'end' | 'bottom';\n/** What a step header is: a control, a destination, or neither. */\nexport type StepperNavigation = 'button' | 'link' | 'none';\nexport type StepperStepReason = 'pointer' | 'keyboard' | 'programmatic';\n\nexport const STEPPER_DEFAULT_ORIENTATION: StepperOrientation = 'horizontal';\nexport const STEPPER_DEFAULT_LABEL_PLACEMENT: StepperLabelPlacement = 'end';\nexport const STEPPER_DEFAULT_NAVIGATION: StepperNavigation = 'button';\n\nexport interface StepperDefaults {\n  labelPlacement?: StepperLabelPlacement;\n  linear?: boolean;\n  navigation?: StepperNavigation;\n  orientation?: StepperOrientation;\n}\n\nexport const STEPPER_DEFAULTS_TOKEN = new InjectionToken<StepperDefaults>(\n  'slotted stepper defaults',\n  { providedIn: 'root', factory: (): StepperDefaults => ({}) },\n);\n\n/**\n * An application decides once which way its flows run, where the labels sit,\n * whether a header can be pressed, and whether the order is enforced. A\n * stepper that states any of those itself still wins: an explicit input is\n * never overridden by the token. Its words come from the language in force\n * (`provideSlotted`).\n */\nexport function provideStepperDefaults(defaults: StepperDefaults) {\n  return { provide: STEPPER_DEFAULTS_TOKEN, useValue: defaults };\n}\n\nexport function injectStepperDefaults(): StepperDefaults {\n  return inject(STEPPER_DEFAULTS_TOKEN);\n}\n","import { NgTemplateOutlet } from '@angular/common';\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChildren,\n  Directive,\n  effect,\n  ElementRef,\n  forwardRef,\n  HostAttributeToken,\n  inject,\n  input,\n  numberAttribute,\n  output,\n  signal,\n  untracked,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { injectLocale, injectMessages } from '@slotted/angular/i18n';\nimport { SlGlyph, SlIcon } from '@slotted/angular/icon';\nimport type { GlyphName } from '@slotted/angular/icon';\nimport { stepperMessages, type PartialMessages, type StepperMessages } from '@slotted/core/i18n';\nimport { createControllable } from '@slotted/core/state';\nimport type { ChangeRequest } from '@slotted/core/state';\nimport { stepFocusIndex, stepPercent, stepReachable, stepStatus } from '@slotted/core/steps';\n\nimport {\n  injectStepperDefaults,\n  STEPPER_DEFAULT_LABEL_PLACEMENT,\n  STEPPER_DEFAULT_NAVIGATION,\n  STEPPER_DEFAULT_ORIENTATION,\n  type StepperLabelPlacement,\n  type StepperNavigation,\n  type StepperOrientation,\n  type StepperStepReason,\n} from './stepper.constants';\n\nlet counter = 0;\n\n/**\n * Where the reader is in a sequence of steps, which steps they may reach, and\n * the panel belonging to the step they are on.\n *\n * **It refuses the tab role.** Angular Material gives a horizontal stepper\n * `role=\"tablist\"`; section 7 of the feature guide forbids it in the Tabs entry\n * itself — tabs are for peer views in one context, not for the steps of a\n * process. What replaces it is `ol` and `li` for the sequence,\n * `aria-current=\"step\"` for where the reader is, and a visually hidden status\n * inside each header so a reader hears \"Step 2 of 5, completed\" rather than\n * \"2\".\n *\n * **It validates nothing.** A consumer refuses a move by cancelling the change\n * request, which every mutable value in this library already carries. Zag ships\n * `isStepValid` and `onStepInvalid` for that job; this family needs neither.\n *\n * **It never claims completion.** `complete` is the consumer's fact about one\n * step; `autoComplete` is the shorthand for the flow where reaching step three\n * does mean the first two are done, and it is off.\n */\n@Component({\n  selector: '[slStepper]',\n  standalone: true,\n  template: '<ng-content></ng-content>',\n  styleUrls: [\n    '../../../styles/src/stepper/stepper.css',\n    '../../../styles/src/visually-hidden/visually-hidden.css',\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  exportAs: 'slStepper',\n  host: {\n    'data-ui': 'stepper',\n    'data-part': 'root',\n    '[attr.data-orientation]': 'orientationValue()',\n    '[attr.data-label-placement]': 'labelPlacementValue()',\n    '[attr.data-navigation]': 'navigationValue()',\n  },\n})\nexport class SlStepper {\n  /** Present means controlled, for the life of the component. */\n  readonly stepValue = input(undefined, { alias: 'step', transform: optionalNumber });\n  /** What an uncontrolled stepper starts from, read once. */\n  readonly defaultStep = input(0, { transform: numberAttribute });\n  /**\n   * Words laid over the catalog of the language in force, key by key: the\n   * list's name (`label`), the position, and the status each step announces.\n   */\n  readonly messages = input<PartialMessages<StepperMessages> | undefined>(undefined);\n  readonly orientation = input<StepperOrientation | undefined>(undefined);\n  readonly labelPlacement = input<StepperLabelPlacement | undefined>(undefined);\n  readonly navigation = input<StepperNavigation | undefined>(undefined);\n  readonly linear = input(false, { transform: booleanAttribute });\n  readonly autoComplete = input(false, { transform: booleanAttribute });\n\n  /**\n   * Emitted before the step moves, carrying what it replaces, the reason and\n   * the event. It is not the second half of a two-way binding: one slot can\n   * carry none of those, and cancelling the request is how a consumer refuses\n   * a move.\n   */\n  readonly stepChange = output<ChangeRequest<number>>();\n\n  private readonly defaults = injectStepperDefaults();\n  private readonly own = signal<number | undefined>(undefined);\n  private readonly steps = signal<readonly SlStepperStep[]>([]);\n\n  readonly id = `slotted-stepper-${(counter += 1)}`;\n  readonly step = computed(() => this.stepValue() ?? this.own() ?? this.defaultStep());\n  readonly count = computed(() => this.steps().length);\n\n  readonly orientationValue = computed(\n    () => this.orientation() ?? this.defaults.orientation ?? STEPPER_DEFAULT_ORIENTATION,\n  );\n  readonly labelPlacementValue = computed(\n    () => this.labelPlacement() ?? this.defaults.labelPlacement ?? STEPPER_DEFAULT_LABEL_PLACEMENT,\n  );\n  readonly navigationValue = computed(\n    () => this.navigation() ?? this.defaults.navigation ?? STEPPER_DEFAULT_NAVIGATION,\n  );\n  readonly linearValue = computed(() => this.linear() || this.defaults.linear === true);\n  /** The family's words in the language in force, with this stepper's `messages` laid over them. */\n  readonly t = injectMessages(stepperMessages, this.messages);\n  /** The locale in force: what the descriptors a step announces are listed in. */\n  readonly locale = injectLocale();\n\n  /** How far along the row the reader has travelled, nought to a hundred. */\n  readonly percent = computed(() => stepPercent({ count: this.count(), step: this.step() }));\n  readonly canGoPrevious = computed(() => this.step() > 0);\n  readonly canGoNext = computed(\n    () => this.count() > 0 && this.step() < this.count() - 1 && this.reachable(this.step() + 1),\n  );\n\n  register(steps: readonly SlStepperStep[]) {\n    this.steps.set(steps);\n  }\n\n  statusOf(index: number) {\n    return stepStatus({\n      autoComplete: this.autoComplete(),\n      complete: this.steps()[index]?.complete(),\n      index,\n      step: this.step(),\n    });\n  }\n\n  reachable(index: number) {\n    return stepReachable({\n      autoComplete: this.autoComplete(),\n      complete: this.steps()[index]?.complete(),\n      count: this.count(),\n      disabled: this.steps()[index]?.disabled(),\n      index,\n      isComplete: (candidate) => this.statusOf(candidate) === 'complete',\n      linear: this.linearValue(),\n      step: this.step(),\n    });\n  }\n\n  goToStep(next: number, reason: StepperStepReason = 'pointer', source?: Event) {\n    if (next < 0 || (this.count() > 0 && next >= this.count())) return;\n    const state = createControllable<number>({\n      controlled: untracked(() => this.stepValue()),\n      initial: untracked(() => this.step()),\n      onRequest: (request) => this.stepChange.emit(request),\n    });\n    if (state.request(next, reason, source)) this.own.set(next);\n  }\n\n  next(reason: StepperStepReason = 'pointer', source?: Event) {\n    this.goToStep(this.step() + 1, reason, source);\n  }\n\n  previous(reason: StepperStepReason = 'pointer', source?: Event) {\n    this.goToStep(this.step() - 1, reason, source);\n  }\n\n  reset(source?: Event) {\n    this.goToStep(this.defaultStep(), 'programmatic', source);\n  }\n\n  triggerId(index: number) {\n    return `${this.id}-trigger-${index}`;\n  }\n\n  panelId(index: number) {\n    return `${this.id}-panel-${index}`;\n  }\n}\n\n/**\n * The ordered list, and the one part that knows how many steps there are.\n *\n * The keyboard is handled here rather than on each header, because the\n * destination of an arrow is another header and only the list knows them all.\n * Every header stays in the tab sequence: the arrows are added on top of it\n * rather than replacing it with a roving tab stop, which is the model a\n * `tablist` has and the model this family declined.\n */\n@Directive({\n  selector: 'ol[slStepperList]',\n  standalone: true,\n  exportAs: 'slStepperList',\n  host: {\n    'data-part': 'list',\n    '[attr.aria-label]': 'accessibleLabel()',\n    '(keydown)': 'onKeydown($event)',\n  },\n})\nexport class SlStepperList {\n  private readonly stepper = inject(SlStepper);\n  /* The step is declared below this class, and the dev-server transform puts\n     the query predicate in a static initializer — a direct reference would read\n     the binding before it exists. `forwardRef` defers the read to the query. */\n  private readonly items = contentChildren<SlStepperStep>(forwardRef(() => SlStepperStep));\n  private readonly element = inject(ElementRef<HTMLElement>).nativeElement;\n  private readonly ownLabel = inject(new HostAttributeToken('aria-label'), { optional: true });\n\n  readonly accessibleLabel = computed(() => this.ownLabel ?? this.stepper.t('label'));\n\n  constructor() {\n    effect(() => {\n      const items = this.items();\n      this.stepper.register(items);\n      for (const [index, item] of items.entries()) {\n        item.index.set(index);\n        item.last.set(index === items.length - 1);\n      }\n    });\n  }\n\n  onKeydown(event: KeyboardEvent) {\n    const trigger = (event.target as HTMLElement | null)?.closest?.('[data-part=\"trigger\"]');\n    const from = Number(trigger?.getAttribute('data-index') ?? -1);\n    if (!Number.isInteger(from) || from < 0) return;\n\n    const view = this.element.ownerDocument.defaultView;\n    const direction = view?.getComputedStyle(this.element).direction === 'rtl' ? 'rtl' : 'ltr';\n\n    /**\n     * Every header, reachable or not. The arrows move focus exactly where Tab\n     * moves it, because that is the whole reason they were added on top of the\n     * tab sequence: a step a linear flow has not opened is still one a reader\n     * is allowed to find.\n     */\n    const next = stepFocusIndex({\n      count: this.stepper.count(),\n      direction,\n      from,\n      key: event.key,\n      orientation: this.stepper.orientationValue(),\n    });\n    if (next === -1) return;\n\n    event.preventDefault();\n    this.element.ownerDocument.getElementById(this.stepper.triggerId(next))?.focus();\n  }\n}\n\n/**\n * One step: its marker, its name, the second line under it, and the connector\n * that runs to the next one.\n *\n * A step a linear flow has not reached carries `aria-disabled` rather than\n * `disabled`, so it stays in the tab sequence: a reader can find out the step\n * exists and that it is not yet available.\n */\n@Component({\n  selector: 'li[slStepperStep]',\n  standalone: true,\n  imports: [NgTemplateOutlet, SlGlyph, SlIcon],\n  template: `\n    @switch (stepper.navigationValue()) {\n      @case ('none') {\n        <span\n          [attr.aria-current]=\"current() ? 'step' : null\"\n          [attr.data-index]=\"index()\"\n          [id]=\"stepper.triggerId(index())\"\n          data-part=\"trigger\"\n        >\n          <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n        </span>\n      }\n      @case ('link') {\n        <a\n          [attr.aria-current]=\"current() ? 'step' : null\"\n          [attr.aria-disabled]=\"unreachable() ? 'true' : null\"\n          [attr.data-index]=\"index()\"\n          [attr.href]=\"unreachable() ? null : (href() ?? null)\"\n          [id]=\"stepper.triggerId(index())\"\n          data-part=\"trigger\"\n          (click)=\"activate($event)\"\n        >\n          <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n        </a>\n      }\n      @default {\n        <button\n          [attr.aria-current]=\"current() ? 'step' : null\"\n          [attr.aria-disabled]=\"unreachable() ? 'true' : null\"\n          [attr.data-index]=\"index()\"\n          [id]=\"stepper.triggerId(index())\"\n          data-part=\"trigger\"\n          type=\"button\"\n          (click)=\"activate($event)\"\n        >\n          <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n        </button>\n      }\n    }\n    <ng-content></ng-content>\n    @if (!last()) {\n      <span\n        [attr.data-complete]=\"travelled() ? '' : null\"\n        aria-hidden=\"true\"\n        data-part=\"separator\"\n      ></span>\n    }\n\n    <ng-template #header>\n      <span aria-hidden=\"true\" data-part=\"marker\"\n        >{{ index() + 1 }}\n        @if (mark(); as mark) {\n          <span slIcon><svg slGlyph [name]=\"mark\"></svg></span>\n        }\n      </span>\n      <span data-part=\"label\">\n        {{ label() }}\n        @if (description()) {\n          <span data-part=\"description\">{{ description() }}</span>\n        }\n      </span>\n      <!--\n        The visible name and this run concatenate into one accessible name, and\n        nothing separates two elements' text: without the comma a reader hears\n        \"CartStep 1 of 4\".\n      -->\n      <span data-part=\"status\" data-ui=\"visually-hidden\">{{ ', ' + announced() }}</span>\n    </ng-template>\n  `,\n  styleUrls: [\n    '../../../styles/src/stepper/stepper.css',\n    '../../../styles/src/visually-hidden/visually-hidden.css',\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  exportAs: 'slStepperStep',\n  host: {\n    'data-part': 'item',\n    '[attr.data-current]': 'current() ? \"\" : null',\n    '[attr.data-complete]': 'status() === \"complete\" ? \"\" : null',\n    '[attr.data-invalid]': 'invalid() ? \"\" : null',\n    '[attr.data-loading]': 'loading() ? \"\" : null',\n    '[attr.data-disabled]': 'unreachable() ? \"\" : null',\n  },\n})\nexport class SlStepperStep {\n  readonly stepper = inject(SlStepper);\n\n  readonly label = input<string | undefined>(undefined);\n  readonly description = input<string | undefined>(undefined);\n  readonly complete = input(undefined, { transform: optionalBoolean });\n  readonly disabled = input(undefined, { transform: optionalBoolean });\n  readonly invalid = input(false, { transform: booleanAttribute });\n  readonly loading = input(false, { transform: booleanAttribute });\n  readonly href = input<string | undefined>(undefined);\n\n  /** Written by the list, the only part that can see the whole sequence. */\n  readonly index = signal(0);\n  readonly last = signal(false);\n\n  readonly current = computed(() => this.index() === this.stepper.step());\n  readonly travelled = computed(() => this.index() < this.stepper.step());\n  readonly status = computed(() => this.stepper.statusOf(this.index()));\n  readonly unreachable = computed(\n    () => this.disabled() === true || !this.stepper.reachable(this.index()),\n  );\n  /**\n   * The glyph drawn over the number: a cross for a step in error, a check for\n   * a finished one the reader has left. The current step keeps its number\n   * even when it is also complete, because the number is what says where the\n   * reader is.\n   */\n  readonly mark = computed<GlyphName | null>(() =>\n    this.invalid() ? 'x' : this.status() === 'complete' && !this.current() ? 'check' : null,\n  );\n\n  /** A list of descriptors, written the way the locale in force lists them. */\n  readonly announced = computed(() => {\n    const t = this.stepper.t;\n    const state = this.invalid()\n      ? t('invalid')\n      : this.current()\n        ? t('current')\n        : this.status() === 'complete'\n          ? t('complete')\n          : undefined;\n    return new Intl.ListFormat(this.stepper.locale(), { type: 'unit' }).format(\n      [\n        t('position', { index: this.index() + 1, count: this.stepper.count() }),\n        state,\n        this.loading() ? t('loading') : undefined,\n        this.unreachable() && !this.current() ? t('unavailable') : undefined,\n      ].filter((part): part is string => part !== undefined),\n    );\n  });\n\n  activate(event: Event) {\n    if (this.unreachable() || this.loading()) return;\n    this.stepper.goToStep(this.index(), 'pointer', event);\n  }\n}\n\n/**\n * The content of the step it is written inside. It is a `group` labelled by its\n * own header rather than a `tabpanel`, for the reason the root refuses the tab\n * role, and it is focusable so a consumer moving focus after a step change has\n * somewhere to put it.\n */\n@Directive({\n  selector: '[slStepperPanel]',\n  standalone: true,\n  exportAs: 'slStepperPanel',\n  host: {\n    'data-part': 'panel',\n    role: 'group',\n    tabindex: '-1',\n    '[attr.id]': 'stepper.panelId(step.index())',\n    '[attr.aria-labelledby]': 'stepper.triggerId(step.index())',\n    '[hidden]': '!step.current()',\n  },\n})\nexport class SlStepperPanel {\n  readonly stepper = inject(SlStepper);\n  readonly step = inject(SlStepperStep);\n}\n\n/**\n * The two directives that move the flow, on the consumer's own button.\n *\n * Angular Material reaches the same shape with `matStepperNext`: a family that\n * shipped its own advance button would ship a second button nobody could theme\n * with the first.\n */\n@Directive({\n  selector: 'button[slStepperNext]',\n  standalone: true,\n  exportAs: 'slStepperNext',\n  host: {\n    '[disabled]': '!stepper.canGoNext()',\n    '(click)': 'stepper.next(\"pointer\", $event)',\n  },\n})\nexport class SlStepperNext {\n  readonly stepper = inject(SlStepper);\n}\n\n@Directive({\n  selector: 'button[slStepperPrevious]',\n  standalone: true,\n  exportAs: 'slStepperPrevious',\n  host: {\n    '[disabled]': '!stepper.canGoPrevious()',\n    '(click)': 'stepper.previous(\"pointer\", $event)',\n  },\n})\nexport class SlStepperPrevious {\n  readonly stepper = inject(SlStepper);\n}\n\n/** Absence has to survive the transform, so an unset input stays unset. */\nfunction optionalBoolean(value: boolean | string | undefined) {\n  return value === undefined ? undefined : booleanAttribute(value);\n}\n\nfunction optionalNumber(value: number | string | undefined) {\n  if (value === undefined || value === null || value === '') return undefined;\n  const parsed = numberAttribute(value);\n  return Number.isFinite(parsed) ? parsed : undefined;\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-switch.mjs

@@ -0,0 +1,447 @@
+import { switchMessages } from '@slotted/core/i18n';
+import { createControllable } from '@slotted/core/state';
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, Injectable, Directive, input, booleanAttribute, output, DestroyRef, HostAttributeToken, viewChild, contentChild, signal, computed, effect, forwardRef, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { injectMessages } from '@slotted/angular/i18n';
+import { SlGlyph, SlIcon } from '@slotted/angular/icon';
+import { SlField } from '@slotted/angular/field';
+import { SlVisuallyHidden } from '@slotted/angular/visually-hidden';
+
+/**
+ * How long a pending switch stays silent. A save that returns in two hundred
+ * milliseconds should say nothing at all, and a live region that spoke on
+ * every toggle would make a settings page unusable with a screen reader.
+ * Primer measured the same number against the same problem.
+ *
+ * It is a constant of the family rather than an input: an application that
+ * needs longer sets a `loading` message a reader can wait for.
+ */
+const SWITCH_LOADING_ANNOUNCE_DELAY = 2000;
+const FALLBACK = {
+    indicator: 'mark',
+    labelPlacement: 'end',
+    size: 'md',
+};
+const SWITCH_DEFAULTS = new InjectionToken('slotted switch defaults', {
+    providedIn: 'root',
+    factory: () => FALLBACK,
+});
+/**
+ * An application decides once what its switches look like, rather than
+ * repeating the same inputs on every row of a settings page. A switch that
+ * states any of them itself still wins. What a pending switch announces comes
+ * from the language in force (`provideSlotted`).
+ *
+ * `size` is the one the field outranks: a `size="sm"` field holding an `md`
+ * control is a field and a control disagreeing about one row, so a switch
+ * inside a field takes the field's step and this token answers only outside
+ * one.
+ */
+function provideSwitchDefaults(defaults) {
+    return {
+        provide: SWITCH_DEFAULTS,
+        useFactory: () => ({ ...FALLBACK, ...defaults }),
+    };
+}
+/** What a switch renders as here, before it states anything of its own. */
+function injectSwitchDefaults() {
+    return inject(SWITCH_DEFAULTS);
+}
+/**
+ * Application-scoped rather than module-scoped, for the reason `field` and
+ * `checkbox` both record: 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 SlSwitchIdFactory {
+    count = 0;
+    next() {
+        this.count += 1;
+        return `slotted-switch-${this.count}`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSwitchIdFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSwitchIdFactory, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSwitchIdFactory, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/**
+ * Help text under a switch's label.
+ *
+ * It is a directive on the consumer's own element, so a `p`, a `span` or an
+ * `inline-message` all work and none of them loses its own semantics. It
+ * carries an identifier the switch points `aria-describedby` at, which is what
+ * makes the sentence a description rather than part of the name — and it is
+ * projected outside the `label` for the same reason.
+ */
+class SlSwitchDescription {
+    id = `${inject(SlSwitchIdFactory).next()}-description`;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSwitchDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlSwitchDescription, isStandalone: true, selector: "[slSwitchDescription]", host: { attributes: { "data-part": "description" }, properties: { "attr.id": "id" } }, exportAs: ["slSwitchDescription"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSwitchDescription, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[slSwitchDescription]',
+                    standalone: true,
+                    exportAs: 'slSwitchDescription',
+                    host: {
+                        'data-part': 'description',
+                        '[attr.id]': 'id',
+                    },
+                }]
+        }] });
+
+/**
+ * Why the switch moved, read from the event rather than guessed. A pointer
+ * press reports a click count; Space on a checkbox reports none but is
+ * trusted; `element.click()` reports neither, and calling that `keyboard`
+ * would tell a consumer a person pressed a key nobody pressed.
+ */
+function activationReason(activation) {
+    if (activation.detail > 0)
+        return 'pointer';
+    return activation.isTrusted ? 'keyboard' : 'programmatic';
+}
+/**
+ * A binary setting that takes effect immediately.
+ *
+ * **The control is a checkbox with the switch role.** Space toggles it, the
+ * label names it and doubles the target, `name` and `value` are submitted,
+ * `form.reset()` restores it, and a disabled `fieldset` disables it — none of
+ * which the `button` this family shipped on before gave. ARIA 1.2 declares the
+ * `switch` role Children Presentational, so the role goes on the void `input`
+ * and never on the host: a host carrying it would fold the label and the
+ * description beside it into the control's own accessible name.
+ *
+ * **Angular pays one element and renders the control itself**, which is the
+ * shape `checkbox` settled one item earlier in this wave. `formControlName`,
+ * `ngModel`, `id` and `aria-*` sit on the host, and the label is the
+ * consumer's own content projected into a `label` that points at the control.
+ *
+ * **The click is the request.** It is the one event that fires for a pointer,
+ * for Space and for `click()`, and the one that can be refused before the
+ * element moves.
+ *
+ * **Unset means ask the field.** `disabled`, `readOnly` and `invalid` default
+ * to `undefined` rather than `false`, which is what makes "not disabled" and
+ * "said nothing" different answers.
+ */
+class SlSwitch {
+    /** Present means the consumer owns the state, for the life of the component. */
+    checkedValue = input(undefined, { ...(ngDevMode ? { debugName: "checkedValue" } : /* istanbul ignore next */ {}), alias: 'checked',
+        transform: (value) => (value === undefined ? undefined : booleanAttribute(value)) });
+    /** What an uncontrolled switch starts from, read once. A form reset restores it. */
+    defaultChecked = input(false, { ...(ngDevMode ? { debugName: "defaultChecked" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** What this switch submits when it is on. Nothing is submitted when it is off. */
+    value = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    name = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
+    size = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    indicator = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "indicator" }] : /* istanbul ignore next */ []));
+    labelPlacement = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "labelPlacement" }] : /* istanbul ignore next */ []));
+    /**
+     * The value is not settled yet. Activation is refused, the geometry does not
+     * change, and the pending label is announced politely once the wait is worth
+     * announcing.
+     */
+    loading = input(false, { ...(ngDevMode ? { debugName: "loading" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * Words laid over the catalog of the language in force, key by key:
+     * `loading` is what a reader hears while the switch is pending.
+     */
+    messages = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "messages" }] : /* istanbul ignore next */ []));
+    /** Unstated rather than `false`, so the switch defers to its field. */
+    disabled = input(undefined, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: (value) => (value === undefined ? undefined : booleanAttribute(value)) });
+    /**
+     * Unstated rather than `false`. The native `readonly` attribute does nothing
+     * on a checkbox, so this is `aria-readonly` plus a refused activation.
+     */
+    readOnly = input(undefined, { ...(ngDevMode ? { debugName: "readOnly" } : /* istanbul ignore next */ {}), transform: (value) => (value === undefined ? undefined : booleanAttribute(value)) });
+    invalid = input(undefined, { ...(ngDevMode ? { debugName: "invalid" } : /* istanbul ignore next */ {}), transform: (value) => (value === undefined ? undefined : booleanAttribute(value)) });
+    /**
+     * One output for one transition, carrying the new state, the state it
+     * replaces, the reason, the originating event and `cancel()`. There is no
+     * `[(checked)]`, because a two-way binding has one slot and can carry none of
+     * those; a form gets the same movement through `ControlValueAccessor`.
+     */
+    checkedChange = output();
+    field = inject(SlField, { optional: true });
+    defaults = injectSwitchDefaults();
+    destroyRef = inject(DestroyRef);
+    writtenId = inject(new HostAttributeToken('id'), { optional: true });
+    writtenDescribedBy = inject(new HostAttributeToken('aria-describedby'), {
+        optional: true,
+    });
+    writtenRequired = inject(new HostAttributeToken('required'), { optional: true });
+    /** Read here so a consumer's own name survives the host binding. */
+    writtenAriaLabel = inject(new HostAttributeToken('aria-label'), {
+        optional: true,
+    });
+    control = viewChild.required('control', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "control" }] : /* istanbul ignore next */ []));
+    description = contentChild(SlSwitchDescription, { ...(ngDevMode ? { debugName: "description" } : /* istanbul ignore next */ {}), descendants: true });
+    own = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "own" }] : /* istanbul ignore next */ []));
+    announced = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "announced" }] : /* istanbul ignore next */ []));
+    formDisabled = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "formDisabled" }] : /* istanbul ignore next */ []));
+    onChangeFn = () => undefined;
+    onTouchedFn = () => undefined;
+    /** A form model owns the value, so a native reset takes the model's value. */
+    formBound = false;
+    /**
+     * The identifier the label points at. A consumer's own wins, then the
+     * field's: a field writes `for` at its label whether or not the control it
+     * holds draws one, so a switch that kept its own identifier inside a field
+     * would leave that label pointing at nothing.
+     */
+    controlId = this.writtenId ?? this.field?.ids().control ?? inject(SlSwitchIdFactory).next();
+    /** The region the pending label is written into. */
+    pendingId = `${this.controlId}-pending`;
+    checked = computed(() => this.checkedValue() ?? this.own(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "checked" }] : /* istanbul ignore next */ []));
+    resolvedSize = computed(() => this.size() ?? this.field?.resolvedSize() ?? this.defaults.size, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedSize" }] : /* istanbul ignore next */ []));
+    resolvedIndicator = computed(() => this.indicator() ?? this.defaults.indicator, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedIndicator" }] : /* istanbul ignore next */ []));
+    resolvedLabelPlacement = computed(() => this.labelPlacement() ?? this.defaults.labelPlacement, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedLabelPlacement" }] : /* istanbul ignore next */ []));
+    resolvedDisabled = computed(() => this.disabled() ?? this.formDisabled() ?? this.field?.resolvedDisabled(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedDisabled" }] : /* istanbul ignore next */ []));
+    resolvedReadOnly = computed(() => this.readOnly() ?? this.field?.resolvedReadOnly(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedReadOnly" }] : /* istanbul ignore next */ []));
+    resolvedInvalid = computed(() => this.invalid() ?? this.field?.invalid(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedInvalid" }] : /* istanbul ignore next */ []));
+    /** The family's words in the language in force, with this switch's `messages` laid over them. */
+    t = injectMessages(switchMessages, this.messages);
+    /** Merged after the consumer's own, and the pending region last. */
+    describedBy = computed(() => {
+        const merged = [
+            this.writtenDescribedBy,
+            this.description()?.id,
+            this.field?.describedBy(),
+            this.loading() ? this.pendingId : null,
+        ].filter(Boolean);
+        return merged.length === 0 ? null : merged.join(' ');
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "describedBy" }] : /* istanbul ignore next */ []));
+    ariaInvalid = computed(() => this.resolvedInvalid() === true ? 'true' : null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaInvalid" }] : /* istanbul ignore next */ []));
+    ariaReadOnly = computed(() => this.resolvedReadOnly() === true ? 'true' : null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaReadOnly" }] : /* istanbul ignore next */ []));
+    ariaRequired = computed(() => this.field?.required() === true ? 'true' : null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaRequired" }] : /* istanbul ignore next */ []));
+    ariaBusy = computed(() => (this.loading() ? 'true' : null), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaBusy" }] : /* istanbul ignore next */ []));
+    disabledAttribute = computed(() => this.resolvedDisabled() === true ? '' : null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disabledAttribute" }] : /* istanbul ignore next */ []));
+    /** The element's own attribute, passed through and never written by the family. */
+    requiredAttribute = computed(() => this.writtenRequired ?? null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "requiredAttribute" }] : /* istanbul ignore next */ []));
+    /** Silence first, and the pending label only if the write is slow enough to notice. */
+    announcement = computed(() => this.loading() && this.announced() ? this.t('loading') : '', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "announcement" }] : /* istanbul ignore next */ []));
+    constructor() {
+        effect((onCleanup) => {
+            if (!this.loading()) {
+                this.announced.set(false);
+                return;
+            }
+            const timer = setTimeout(() => this.announced.set(true), SWITCH_LOADING_ANNOUNCE_DELAY);
+            onCleanup(() => clearTimeout(timer));
+        });
+    }
+    /**
+     * Angular creates every directive before it binds any input, so the starting
+     * state is read here rather than in the constructor: read there,
+     * `defaultChecked` is always `false` and an uncontrolled switch would start
+     * off however it was written.
+     */
+    ngOnInit() {
+        this.own.set(this.defaultChecked());
+        /* A native reset restores the element and tells nothing, so the mirror
+           would keep the last thing toggled and the track would disagree with the
+           control inside it. A switch bound to a form model takes the model's
+           reset value through writeValue instead, and its own default does not
+           apply. The form resets its elements after this event, to a default no
+           attribute wrote, so the element is put back after it — in a task,
+           because a reset pressed by a person drains the microtasks first. */
+        const element = this.control().nativeElement;
+        const form = element.form;
+        if (form !== null) {
+            const onReset = () => {
+                if (!this.formBound)
+                    this.own.set(this.defaultChecked());
+                setTimeout(() => {
+                    if (element.checked !== this.checked())
+                        element.checked = this.checked();
+                });
+            };
+            form.addEventListener('reset', onReset);
+            this.destroyRef.onDestroy(() => form.removeEventListener('reset', onReset));
+        }
+    }
+    /** The native element, for `focus()` and anything else the platform ships. */
+    get inputElement() {
+        return this.control().nativeElement;
+    }
+    /**
+     * Toggles the switch the way the platform does. The click it fires is
+     * untrusted and carries no detail, so the request reports itself as
+     * `programmatic` rather than as a key press nobody pressed.
+     */
+    toggle() {
+        this.inputElement.click();
+    }
+    writeValue(value) {
+        this.own.set(value === true);
+    }
+    registerOnChange(fn) {
+        this.onChangeFn = fn;
+        this.formBound = true;
+    }
+    registerOnTouched(fn) {
+        this.onTouchedFn = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.formDisabled.set(isDisabled);
+    }
+    onClick(event) {
+        if (this.resolvedDisabled() === true || this.resolvedReadOnly() === true || this.loading()) {
+            this.refuse(event);
+            return;
+        }
+        const next = !this.checked();
+        const reason = activationReason({ detail: event.detail, isTrusted: event.isTrusted });
+        let cancelled = false;
+        const state = createControllable({
+            controlled: this.checkedValue(),
+            initial: this.checked(),
+            onRequest: (request) => {
+                this.checkedChange.emit(request);
+                cancelled = request.cancelled;
+            },
+        });
+        state.request(next, reason, event);
+        if (cancelled || this.checkedValue() !== undefined) {
+            this.refuse(event);
+            return;
+        }
+        this.own.set(next);
+        this.onChangeFn(next);
+    }
+    onBlur() {
+        this.onTouchedFn();
+    }
+    /**
+     * Cancelling the click is what the platform offers — a checkbox reverts its
+     * own checkedness when its activation is cancelled — and the element is put
+     * back beside it, because that revert is the one part of the mechanism an
+     * environment can get wrong. A switch showing a state nobody committed is
+     * the whole defect this path exists to prevent.
+     *
+     * The restore is a microtask rather than a line here: the revert the
+     * platform does perform happens after the dispatch returns, so a value
+     * written now would be the one overwritten. It reads the state again at that
+     * point, so a consumer who accepted the move in the same tick keeps their
+     * answer.
+     */
+    refuse(event) {
+        event.preventDefault();
+        queueMicrotask(() => {
+            const element = this.inputElement;
+            if (element.checked !== this.checked())
+                element.checked = this.checked();
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSwitch, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlSwitch, isStandalone: true, selector: "[slSwitch]", inputs: { checkedValue: { classPropertyName: "checkedValue", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, defaultChecked: { classPropertyName: "defaultChecked", publicName: "defaultChecked", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, indicator: { classPropertyName: "indicator", publicName: "indicator", isSignal: true, isRequired: false, transformFunction: null }, labelPlacement: { classPropertyName: "labelPlacement", publicName: "labelPlacement", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { checkedChange: "checkedChange" }, host: { attributes: { "data-ui": "switch", "data-part": "root" }, properties: { "attr.data-size": "resolvedSize()", "attr.data-indicator": "resolvedIndicator()", "attr.data-label-placement": "resolvedLabelPlacement()", "attr.data-checked": "checked() ? '' : null", "attr.data-disabled": "resolvedDisabled() === true ? '' : null", "attr.data-readonly": "resolvedReadOnly() === true ? '' : null", "attr.data-invalid": "resolvedInvalid() === true ? '' : null", "attr.data-loading": "loading() ? '' : null" } }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SlSwitch), multi: true }], queries: [{ propertyName: "description", first: true, predicate: SlSwitchDescription, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "control", first: true, predicate: ["control"], descendants: true, isSignal: true }], exportAs: ["slSwitch"], ngImport: i0, template: `<input
+      #control
+      data-part="control"
+      type="checkbox"
+      role="switch"
+      [attr.id]="controlId"
+      [attr.name]="name()"
+      [attr.value]="value()"
+      [attr.aria-describedby]="describedBy()"
+      [attr.aria-invalid]="ariaInvalid()"
+      [attr.aria-readonly]="ariaReadOnly()"
+      [attr.aria-required]="ariaRequired()"
+      [attr.aria-busy]="ariaBusy()"
+      [attr.aria-label]="writtenAriaLabel"
+      [attr.disabled]="disabledAttribute()"
+      [attr.required]="requiredAttribute()"
+      [checked]="checked()"
+      (click)="onClick($event)"
+      (blur)="onBlur()"
+    />
+    <span data-part="track"
+      ><span data-part="thumb">
+        @if (resolvedIndicator() === 'mark') {
+          <span slIcon><svg slGlyph name="check"></svg></span>
+        }</span
+    ></span>
+    <label data-part="label" [attr.for]="controlId"><ng-content /></label>
+    <ng-content select="[slSwitchDescription]" />
+    <span slVisuallyHidden role="status" [attr.id]="pendingId">{{ announcement() }}</span>`, isInline: true, styles: ["@layer slotted.components{[data-ui=switch][data-part=root]{--_thumb-size: var(--slotted-control-icon-size-md, 16px);--_gutter: var(--slotted-space-1, .125rem);--_border: var(--slotted-control-border-width, 1px);--_track-block: calc(var(--_thumb-size) + (var(--_gutter) + var(--_border)) * 2);--_track-inline: var( --slotted-switch-track-inline-size, calc(var(--_thumb-size) * 2 + var(--_gutter) * 3 + var(--_border) * 2) );--_travel: calc(var(--_thumb-size) + var(--_gutter));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-label-gap-md, 12px);--_line-height: var(--slotted-switch-line-height, var(--slotted-line-height-md, 1.5));--_label-slack: max(0px, (var(--_track-block) - var(--_font-size) * var(--_line-height)) / 2);--_lift: max( 0px, calc( var(--_label-slack) + (var(--_font-size) * var(--_line-height) - var(--_track-block)) / 2 ) );--_target-block: max(var(--_track-block), var(--slotted-target-min, 24px));--_description-gap: max(0px, var(--slotted-space-3, .375rem) - var(--_label-slack));align-content:start;color:var(--slotted-switch-color, var(--slotted-text, CanvasText));display:grid;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);grid-template-columns:auto minmax(0,1fr);line-height:var(--_line-height)}[data-ui=switch]>[data-part=control]{align-self:start;appearance:none;background-color:transparent;block-size:var(--_target-block);border:0;cursor:pointer;grid-area:1 / 1;inline-size:var(--_track-inline);margin-block-end:calc((var(--_track-block) - var(--_target-block)) / 2);margin-block-start:calc(var(--_lift) + (var(--_track-block) - var(--_target-block)) / 2);margin-inline:0;opacity:0;outline:none;padding:0;touch-action:manipulation;z-index:1;-webkit-tap-highlight-color:transparent}[data-ui=switch]>[data-part=track]{background-color:var( --slotted-switch-track-background, var(--slotted-tone-secondary-solid, ButtonFace) );block-size:var(--_track-block);border:var(--_border) solid var(--slotted-switch-border-color, var(--slotted-control-border-color, ButtonBorder));border-radius:var(--slotted-switch-radius, var(--slotted-radius-full, 9999px));box-sizing:border-box;grid-area:1 / 1;inline-size:var(--_track-inline);margin-block-start:var(--_lift);pointer-events:none;position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=switch]>[data-part=track]>[data-part=thumb]{align-items:center;background-color:var(--slotted-switch-thumb-background, var(--slotted-tone-accent-on-solid));border:var(--_border) solid var(--slotted-switch-thumb-border-color, var(--slotted-control-border-color, ButtonBorder));border-radius:var(--slotted-radius-full, 9999px);block-size:var(--_thumb-size);box-shadow:var(--slotted-switch-thumb-shadow, var(--slotted-control-shadow, none));box-sizing:border-box;display:flex;inline-size:var(--_thumb-size);inset-block-start:var(--_gutter);inset-inline-start:var(--_gutter);justify-content:center;position:absolute;transition:inset-inline-start var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=switch]>[data-part=track]>[data-part=thumb]>[data-ui=icon]{block-size:70%;color:var(--slotted-switch-mark-color, var(--slotted-tone-accent-solid));inline-size:70%;opacity:0;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=switch]>[data-part=label]{cursor:pointer;grid-column:2;grid-row:1;overflow-wrap:anywhere;padding-block:var(--_label-slack)}[data-ui=switch][data-part=root]:has(>[data-part=label]){column-gap:var(--_gap)}[data-ui=switch]>[data-part=label]{justify-self:start}[data-ui=switch][data-part=root]:has(>[data-part=label])>[data-part=control]{inline-size:calc(var(--_track-inline) + var(--_gap));margin-inline-end:calc(-1 * var(--_gap))}[data-ui=switch]>[data-part=description]{color:var(--slotted-switch-description-color, var(--slotted-text-muted, GrayText));font-size:var(--slotted-switch-description-font-size, var(--slotted-font-size-xs, .75rem));grid-column:2;grid-row:2;line-height:var(--slotted-line-height-xs, 1.4);margin:0;overflow-wrap:anywhere;padding-block-start:var(--_description-gap)}[data-ui=switch][data-part=root][data-label-placement=start]{grid-template-columns:minmax(0,1fr) auto}[data-ui=switch][data-part=root][data-label-placement=start]>[data-part=control],[data-ui=switch][data-part=root][data-label-placement=start]>[data-part=track]{grid-area:1 / 2}[data-ui=switch][data-part=root][data-label-placement=start]>[data-part=label],[data-ui=switch][data-part=root][data-label-placement=start]>[data-part=description]{grid-column:1}[data-ui=switch][data-part=root][data-label-placement=start]>[data-part=label]{justify-self:stretch}[data-ui=switch][data-part=root][data-label-placement=start]:has(>[data-part=label])>[data-part=control]{margin-inline-end:0;margin-inline-start:calc(-1 * var(--_gap))}[data-ui=switch][data-part=root][data-size=sm]{--_thumb-size: var(--slotted-control-icon-size-sm, 14px);--_font-size: var(--slotted-control-font-size-sm, 12px);--_gap: var(--slotted-control-label-gap-sm, 8px)}[data-ui=switch][data-part=root][data-size=md]{--_thumb-size: var(--slotted-control-icon-size-md, 16px);--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-label-gap-md, 12px)}[data-ui=switch][data-part=root][data-size=lg]{--_thumb-size: var(--slotted-control-icon-size-lg, 18px);--_font-size: var(--slotted-control-font-size-lg, 14px);--_gap: var(--slotted-control-label-gap-lg, 12px)}[data-ui=switch][data-part=root]:is([data-checked],:has(>[data-part=control]:checked))>[data-part=track]{background-color:var( --slotted-switch-checked-background, var(--slotted-tone-accent-solid, Highlight) );border-color:var( --slotted-switch-checked-border-color, var(--slotted-tone-accent-solid, Highlight) )}[data-ui=switch][data-part=root]:is([data-checked],:has(>[data-part=control]:checked))>[data-part=track]>[data-part=thumb]{border-color:var( --slotted-switch-checked-thumb-border-color, var(--slotted-tone-accent-solid, Highlight) );inset-inline-start:calc(var(--_gutter) + var(--_travel))}[data-ui=switch][data-part=root]:is([data-checked],:has(>[data-part=control]:checked)):not([data-loading])>[data-part=track]>[data-part=thumb]>[data-ui=icon]{opacity:1}[data-ui=switch][data-part=root]:hover:not([data-disabled]):not([data-loading]):not([data-readonly]):not(:has(>[data-part=control]:disabled))>[data-part=track]{background-color:var( --slotted-switch-hover-background, var(--slotted-tone-secondary-solid-hover, ButtonFace) )}[data-ui=switch][data-part=root]:is([data-checked],:has(>[data-part=control]:checked)):hover:not([data-disabled]):not([data-loading]):not([data-readonly]):not(:has(>[data-part=control]:disabled))>[data-part=track]{background-color:var( --slotted-switch-checked-hover-background, var(--slotted-tone-accent-solid-hover, Highlight) );border-color:var( --slotted-switch-checked-hover-background, var(--slotted-tone-accent-solid-hover, Highlight) )}[data-ui=switch][data-part=root]:active:not([data-disabled]):not([data-loading]):not([data-readonly]):not(:has(>[data-part=control]:disabled))>[data-part=track]{background-color:var( --slotted-switch-active-background, var(--slotted-tone-secondary-solid-active, ButtonFace) )}[data-ui=switch][data-part=root]:is([data-checked],:has(>[data-part=control]:checked)):active:not([data-disabled]):not([data-loading]):not([data-readonly]):not(:has(>[data-part=control]:disabled))>[data-part=track]{background-color:var( --slotted-switch-checked-active-background, var(--slotted-tone-accent-solid-active, Highlight) );border-color:var( --slotted-switch-checked-active-background, var(--slotted-tone-accent-solid-active, Highlight) )}[data-ui=switch][data-part=root]:has(>[data-part=control]:focus-visible)>[data-part=track]{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=switch][data-part=root][data-readonly]>[data-part=track]{background-color:var(--slotted-switch-readonly-background, var(--slotted-surface, Canvas))}[data-ui=switch][data-part=root][data-readonly]>[data-part=control],[data-ui=switch][data-part=root][data-readonly]>[data-part=label]{cursor:default}[data-ui=switch][data-part=root][data-readonly]:is([data-checked],:has(>[data-part=control]:checked))>[data-part=track]{background-color:var(--slotted-switch-readonly-background, var(--slotted-surface, Canvas));border-color:var( --slotted-switch-readonly-border-color, var(--slotted-control-border-color, ButtonBorder) )}[data-ui=switch][data-part=root][data-readonly]:is([data-checked],:has(>[data-part=control]:checked))>[data-part=track]>[data-part=thumb]{border-color:var( --slotted-switch-readonly-border-color, var(--slotted-control-border-color, ButtonBorder) )}[data-ui=switch][data-part=root][data-invalid]{--slotted-focus-ring-color: var( --slotted-switch-invalid-focus-ring-color, var(--slotted-focus-ring-color-invalid, Highlight) )}[data-ui=switch][data-part=root][data-invalid]>[data-part=track],[data-ui=switch][data-part=root][data-invalid]>[data-part=track]>[data-part=thumb]{border-color:var(--slotted-switch-invalid-border-color, var(--slotted-tone-danger-border));--_invalid-edge-width: var( --slotted-switch-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) );box-shadow:inset 0 0 0 var(--_invalid-edge-width) var(--slotted-switch-invalid-border-color, var(--slotted-tone-danger-border))}[data-ui=switch][data-part=root][data-loading]>[data-part=control]{cursor:progress}[data-ui=switch][data-part=root][data-loading]>[data-part=track]>[data-part=thumb]>[data-ui=icon]{opacity:0}[data-ui=switch][data-part=root][data-loading]>[data-part=track]>[data-part=thumb]:after{animation:slotted-switch-pending var(--slotted-duration-loop) linear infinite;border:var(--slotted-border-width-thin, 1px) solid var(--slotted-switch-pending-color, var(--slotted-tone-accent-solid));border-inline-start-color:transparent;border-radius:var(--slotted-radius-full, 9999px);box-sizing:border-box;content:\"\";display:block;inset:12.5%;position:absolute}@keyframes slotted-switch-pending{to{rotate:360deg}}@media(prefers-reduced-motion:reduce){[data-ui=switch][data-part=root][data-loading]>[data-part=track]>[data-part=thumb]:after{animation:none}}[data-ui=switch][data-part=root]:is([data-disabled],:has(>[data-part=control]:disabled))>[data-part=control],[data-ui=switch][data-part=root]:is([data-disabled],:has(>[data-part=control]:disabled))>[data-part=label]{cursor:not-allowed}[data-ui=switch][data-part=root]:is([data-disabled],:has(>[data-part=control]:disabled))>[data-part=track]{background-color:var( --slotted-switch-disabled-background, var(--slotted-disabled-background, ButtonFace) );border-color:var(--slotted-switch-disabled-border-color, var(--slotted-disabled-border))}[data-ui=switch][data-part=root]:is([data-disabled],:has(>[data-part=control]:disabled))>[data-part=track]>[data-part=thumb]{background-color:var( --slotted-switch-disabled-thumb-background, var(--slotted-disabled-foreground) );border-color:var(--slotted-switch-disabled-border-color, var(--slotted-disabled-border));box-shadow:none}[data-ui=switch][data-part=root]:is([data-disabled],:has(>[data-part=control]:disabled))>[data-part=track]>[data-part=thumb]>[data-ui=icon]{color:var(--slotted-switch-disabled-mark-color, var(--slotted-disabled-background))}[data-ui=switch][data-part=root]:is([data-disabled],:has(>[data-part=control]:disabled))>[data-part=label],[data-ui=switch][data-part=root]:is([data-disabled],:has(>[data-part=control]:disabled))>[data-part=description]{color:var(--slotted-switch-disabled-color, var(--slotted-disabled-foreground, GrayText))}@media(forced-colors:active){[data-ui=switch][data-part=root][data-invalid]>[data-part=track],[data-ui=switch][data-part=root][data-invalid]>[data-part=track]>[data-part=thumb]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--_border) + var(--_invalid-edge-width)))}}}\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"] }, { kind: "component", type: SlVisuallyHidden, selector: "[slVisuallyHidden]", inputs: ["focusable"], exportAs: ["slVisuallyHidden"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSwitch, decorators: [{
+            type: Component,
+            args: [{ selector: '[slSwitch]', standalone: true, exportAs: 'slSwitch', imports: [SlGlyph, SlIcon, SlVisuallyHidden], template: `<input
+      #control
+      data-part="control"
+      type="checkbox"
+      role="switch"
+      [attr.id]="controlId"
+      [attr.name]="name()"
+      [attr.value]="value()"
+      [attr.aria-describedby]="describedBy()"
+      [attr.aria-invalid]="ariaInvalid()"
+      [attr.aria-readonly]="ariaReadOnly()"
+      [attr.aria-required]="ariaRequired()"
+      [attr.aria-busy]="ariaBusy()"
+      [attr.aria-label]="writtenAriaLabel"
+      [attr.disabled]="disabledAttribute()"
+      [attr.required]="requiredAttribute()"
+      [checked]="checked()"
+      (click)="onClick($event)"
+      (blur)="onBlur()"
+    />
+    <span data-part="track"
+      ><span data-part="thumb">
+        @if (resolvedIndicator() === 'mark') {
+          <span slIcon><svg slGlyph name="check"></svg></span>
+        }</span
+    ></span>
+    <label data-part="label" [attr.for]="controlId"><ng-content /></label>
+    <ng-content select="[slSwitchDescription]" />
+    <span slVisuallyHidden role="status" [attr.id]="pendingId">{{ announcement() }}</span>`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SlSwitch), multi: true }], host: {
+                        'data-ui': 'switch',
+                        'data-part': 'root',
+                        '[attr.data-size]': 'resolvedSize()',
+                        '[attr.data-indicator]': 'resolvedIndicator()',
+                        '[attr.data-label-placement]': 'resolvedLabelPlacement()',
+                        '[attr.data-checked]': "checked() ? '' : null",
+                        '[attr.data-disabled]': "resolvedDisabled() === true ? '' : null",
+                        '[attr.data-readonly]': "resolvedReadOnly() === true ? '' : null",
+                        '[attr.data-invalid]': "resolvedInvalid() === true ? '' : null",
+                        '[attr.data-loading]': "loading() ? '' : null",
+                    }, styles: ["@layer slotted.components{[data-ui=switch][data-part=root]{--_thumb-size: var(--slotted-control-icon-size-md, 16px);--_gutter: var(--slotted-space-1, .125rem);--_border: var(--slotted-control-border-width, 1px);--_track-block: calc(var(--_thumb-size) + (var(--_gutter) + var(--_border)) * 2);--_track-inline: var( --slotted-switch-track-inline-size, calc(var(--_thumb-size) * 2 + var(--_gutter) * 3 + var(--_border) * 2) );--_travel: calc(var(--_thumb-size) + var(--_gutter));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-label-gap-md, 12px);--_line-height: var(--slotted-switch-line-height, var(--slotted-line-height-md, 1.5));--_label-slack: max(0px, (var(--_track-block) - var(--_font-size) * var(--_line-height)) / 2);--_lift: max( 0px, calc( var(--_label-slack) + (var(--_font-size) * var(--_line-height) - var(--_track-block)) / 2 ) );--_target-block: max(var(--_track-block), var(--slotted-target-min, 24px));--_description-gap: max(0px, var(--slotted-space-3, .375rem) - var(--_label-slack));align-content:start;color:var(--slotted-switch-color, var(--slotted-text, CanvasText));display:grid;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);grid-template-columns:auto minmax(0,1fr);line-height:var(--_line-height)}[data-ui=switch]>[data-part=control]{align-self:start;appearance:none;background-color:transparent;block-size:var(--_target-block);border:0;cursor:pointer;grid-area:1 / 1;inline-size:var(--_track-inline);margin-block-end:calc((var(--_track-block) - var(--_target-block)) / 2);margin-block-start:calc(var(--_lift) + (var(--_track-block) - var(--_target-block)) / 2);margin-inline:0;opacity:0;outline:none;padding:0;touch-action:manipulation;z-index:1;-webkit-tap-highlight-color:transparent}[data-ui=switch]>[data-part=track]{background-color:var( --slotted-switch-track-background, var(--slotted-tone-secondary-solid, ButtonFace) );block-size:var(--_track-block);border:var(--_border) solid var(--slotted-switch-border-color, var(--slotted-control-border-color, ButtonBorder));border-radius:var(--slotted-switch-radius, var(--slotted-radius-full, 9999px));box-sizing:border-box;grid-area:1 / 1;inline-size:var(--_track-inline);margin-block-start:var(--_lift);pointer-events:none;position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=switch]>[data-part=track]>[data-part=thumb]{align-items:center;background-color:var(--slotted-switch-thumb-background, var(--slotted-tone-accent-on-solid));border:var(--_border) solid var(--slotted-switch-thumb-border-color, var(--slotted-control-border-color, ButtonBorder));border-radius:var(--slotted-radius-full, 9999px);block-size:var(--_thumb-size);box-shadow:var(--slotted-switch-thumb-shadow, var(--slotted-control-shadow, none));box-sizing:border-box;display:flex;inline-size:var(--_thumb-size);inset-block-start:var(--_gutter);inset-inline-start:var(--_gutter);justify-content:center;position:absolute;transition:inset-inline-start var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=switch]>[data-part=track]>[data-part=thumb]>[data-ui=icon]{block-size:70%;color:var(--slotted-switch-mark-color, var(--slotted-tone-accent-solid));inline-size:70%;opacity:0;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=switch]>[data-part=label]{cursor:pointer;grid-column:2;grid-row:1;overflow-wrap:anywhere;padding-block:var(--_label-slack)}[data-ui=switch][data-part=root]:has(>[data-part=label]){column-gap:var(--_gap)}[data-ui=switch]>[data-part=label]{justify-self:start}[data-ui=switch][data-part=root]:has(>[data-part=label])>[data-part=control]{inline-size:calc(var(--_track-inline) + var(--_gap));margin-inline-end:calc(-1 * var(--_gap))}[data-ui=switch]>[data-part=description]{color:var(--slotted-switch-description-color, var(--slotted-text-muted, GrayText));font-size:var(--slotted-switch-description-font-size, var(--slotted-font-size-xs, .75rem));grid-column:2;grid-row:2;line-height:var(--slotted-line-height-xs, 1.4);margin:0;overflow-wrap:anywhere;padding-block-start:var(--_description-gap)}[data-ui=switch][data-part=root][data-label-placement=start]{grid-template-columns:minmax(0,1fr) auto}[data-ui=switch][data-part=root][data-label-placement=start]>[data-part=control],[data-ui=switch][data-part=root][data-label-placement=start]>[data-part=track]{grid-area:1 / 2}[data-ui=switch][data-part=root][data-label-placement=start]>[data-part=label],[data-ui=switch][data-part=root][data-label-placement=start]>[data-part=description]{grid-column:1}[data-ui=switch][data-part=root][data-label-placement=start]>[data-part=label]{justify-self:stretch}[data-ui=switch][data-part=root][data-label-placement=start]:has(>[data-part=label])>[data-part=control]{margin-inline-end:0;margin-inline-start:calc(-1 * var(--_gap))}[data-ui=switch][data-part=root][data-size=sm]{--_thumb-size: var(--slotted-control-icon-size-sm, 14px);--_font-size: var(--slotted-control-font-size-sm, 12px);--_gap: var(--slotted-control-label-gap-sm, 8px)}[data-ui=switch][data-part=root][data-size=md]{--_thumb-size: var(--slotted-control-icon-size-md, 16px);--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-label-gap-md, 12px)}[data-ui=switch][data-part=root][data-size=lg]{--_thumb-size: var(--slotted-control-icon-size-lg, 18px);--_font-size: var(--slotted-control-font-size-lg, 14px);--_gap: var(--slotted-control-label-gap-lg, 12px)}[data-ui=switch][data-part=root]:is([data-checked],:has(>[data-part=control]:checked))>[data-part=track]{background-color:var( --slotted-switch-checked-background, var(--slotted-tone-accent-solid, Highlight) );border-color:var( --slotted-switch-checked-border-color, var(--slotted-tone-accent-solid, Highlight) )}[data-ui=switch][data-part=root]:is([data-checked],:has(>[data-part=control]:checked))>[data-part=track]>[data-part=thumb]{border-color:var( --slotted-switch-checked-thumb-border-color, var(--slotted-tone-accent-solid, Highlight) );inset-inline-start:calc(var(--_gutter) + var(--_travel))}[data-ui=switch][data-part=root]:is([data-checked],:has(>[data-part=control]:checked)):not([data-loading])>[data-part=track]>[data-part=thumb]>[data-ui=icon]{opacity:1}[data-ui=switch][data-part=root]:hover:not([data-disabled]):not([data-loading]):not([data-readonly]):not(:has(>[data-part=control]:disabled))>[data-part=track]{background-color:var( --slotted-switch-hover-background, var(--slotted-tone-secondary-solid-hover, ButtonFace) )}[data-ui=switch][data-part=root]:is([data-checked],:has(>[data-part=control]:checked)):hover:not([data-disabled]):not([data-loading]):not([data-readonly]):not(:has(>[data-part=control]:disabled))>[data-part=track]{background-color:var( --slotted-switch-checked-hover-background, var(--slotted-tone-accent-solid-hover, Highlight) );border-color:var( --slotted-switch-checked-hover-background, var(--slotted-tone-accent-solid-hover, Highlight) )}[data-ui=switch][data-part=root]:active:not([data-disabled]):not([data-loading]):not([data-readonly]):not(:has(>[data-part=control]:disabled))>[data-part=track]{background-color:var( --slotted-switch-active-background, var(--slotted-tone-secondary-solid-active, ButtonFace) )}[data-ui=switch][data-part=root]:is([data-checked],:has(>[data-part=control]:checked)):active:not([data-disabled]):not([data-loading]):not([data-readonly]):not(:has(>[data-part=control]:disabled))>[data-part=track]{background-color:var( --slotted-switch-checked-active-background, var(--slotted-tone-accent-solid-active, Highlight) );border-color:var( --slotted-switch-checked-active-background, var(--slotted-tone-accent-solid-active, Highlight) )}[data-ui=switch][data-part=root]:has(>[data-part=control]:focus-visible)>[data-part=track]{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=switch][data-part=root][data-readonly]>[data-part=track]{background-color:var(--slotted-switch-readonly-background, var(--slotted-surface, Canvas))}[data-ui=switch][data-part=root][data-readonly]>[data-part=control],[data-ui=switch][data-part=root][data-readonly]>[data-part=label]{cursor:default}[data-ui=switch][data-part=root][data-readonly]:is([data-checked],:has(>[data-part=control]:checked))>[data-part=track]{background-color:var(--slotted-switch-readonly-background, var(--slotted-surface, Canvas));border-color:var( --slotted-switch-readonly-border-color, var(--slotted-control-border-color, ButtonBorder) )}[data-ui=switch][data-part=root][data-readonly]:is([data-checked],:has(>[data-part=control]:checked))>[data-part=track]>[data-part=thumb]{border-color:var( --slotted-switch-readonly-border-color, var(--slotted-control-border-color, ButtonBorder) )}[data-ui=switch][data-part=root][data-invalid]{--slotted-focus-ring-color: var( --slotted-switch-invalid-focus-ring-color, var(--slotted-focus-ring-color-invalid, Highlight) )}[data-ui=switch][data-part=root][data-invalid]>[data-part=track],[data-ui=switch][data-part=root][data-invalid]>[data-part=track]>[data-part=thumb]{border-color:var(--slotted-switch-invalid-border-color, var(--slotted-tone-danger-border));--_invalid-edge-width: var( --slotted-switch-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) );box-shadow:inset 0 0 0 var(--_invalid-edge-width) var(--slotted-switch-invalid-border-color, var(--slotted-tone-danger-border))}[data-ui=switch][data-part=root][data-loading]>[data-part=control]{cursor:progress}[data-ui=switch][data-part=root][data-loading]>[data-part=track]>[data-part=thumb]>[data-ui=icon]{opacity:0}[data-ui=switch][data-part=root][data-loading]>[data-part=track]>[data-part=thumb]:after{animation:slotted-switch-pending var(--slotted-duration-loop) linear infinite;border:var(--slotted-border-width-thin, 1px) solid var(--slotted-switch-pending-color, var(--slotted-tone-accent-solid));border-inline-start-color:transparent;border-radius:var(--slotted-radius-full, 9999px);box-sizing:border-box;content:\"\";display:block;inset:12.5%;position:absolute}@keyframes slotted-switch-pending{to{rotate:360deg}}@media(prefers-reduced-motion:reduce){[data-ui=switch][data-part=root][data-loading]>[data-part=track]>[data-part=thumb]:after{animation:none}}[data-ui=switch][data-part=root]:is([data-disabled],:has(>[data-part=control]:disabled))>[data-part=control],[data-ui=switch][data-part=root]:is([data-disabled],:has(>[data-part=control]:disabled))>[data-part=label]{cursor:not-allowed}[data-ui=switch][data-part=root]:is([data-disabled],:has(>[data-part=control]:disabled))>[data-part=track]{background-color:var( --slotted-switch-disabled-background, var(--slotted-disabled-background, ButtonFace) );border-color:var(--slotted-switch-disabled-border-color, var(--slotted-disabled-border))}[data-ui=switch][data-part=root]:is([data-disabled],:has(>[data-part=control]:disabled))>[data-part=track]>[data-part=thumb]{background-color:var( --slotted-switch-disabled-thumb-background, var(--slotted-disabled-foreground) );border-color:var(--slotted-switch-disabled-border-color, var(--slotted-disabled-border));box-shadow:none}[data-ui=switch][data-part=root]:is([data-disabled],:has(>[data-part=control]:disabled))>[data-part=track]>[data-part=thumb]>[data-ui=icon]{color:var(--slotted-switch-disabled-mark-color, var(--slotted-disabled-background))}[data-ui=switch][data-part=root]:is([data-disabled],:has(>[data-part=control]:disabled))>[data-part=label],[data-ui=switch][data-part=root]:is([data-disabled],:has(>[data-part=control]:disabled))>[data-part=description]{color:var(--slotted-switch-disabled-color, var(--slotted-disabled-foreground, GrayText))}@media(forced-colors:active){[data-ui=switch][data-part=root][data-invalid]>[data-part=track],[data-ui=switch][data-part=root][data-invalid]>[data-part=track]>[data-part=thumb]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--_border) + var(--_invalid-edge-width)))}}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { checkedValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "checked", required: false }] }], defaultChecked: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultChecked", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], indicator: [{ type: i0.Input, args: [{ isSignal: true, alias: "indicator", required: false }] }], labelPlacement: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelPlacement", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], checkedChange: [{ type: i0.Output, args: ["checkedChange"] }], control: [{ type: i0.ViewChild, args: ['control', { isSignal: true }] }], description: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlSwitchDescription), { ...{ descendants: true }, isSignal: true }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SWITCH_DEFAULTS, SWITCH_LOADING_ANNOUNCE_DELAY, SlSwitch, SlSwitchDescription, SlSwitchIdFactory, activationReason, injectSwitchDefaults, provideSwitchDefaults };
+//# sourceMappingURL=slotted-angular-switch.mjs.map