`. * * Most cards group content visually and shouldn't add a landmark. * Leave unset by default. */ readonly role: _angular_core.InputSignal<"article" | "region" | "section" | undefined>; protected readonly hostClasses: _angular_core.Signal; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } /** * Header slot for `atl-card`. Renders above the main content with a bottom separator. * * Usage: * ```html * Card Title * ``` */ declare class AtlCardHeader { static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } /** * Content slot for `atl-card`. Primary content area of the card. * * Usage: * ```html * Body text here. * ``` */ declare class AtlCardContent { static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } /** * Footer slot for `atl-card`. Renders below the main content, typically holds actions. * * Usage: * ```html * * Save * * ``` */ declare class AtlCardFooter { static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } declare class AtlBadge { /** Semantic color variant of the badge. */ readonly variant: _angular_core.InputSignal<"danger" | "default" | "success" | "warning" | "info">; /** Size of the badge. */ readonly size: _angular_core.InputSignal<"sm" | "md">; protected readonly hostClasses: _angular_core.Signal; protected readonly variantIcon: _angular_core.Signal; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } /** * Pictogram glyph icon. 21 named variants matching the Figma `AtlIcon` * component set. Decorative by default; pass `label` to announce a meaning * to assistive tech. * * Usage: * ```html * * * ``` */ declare class AtlIcon { readonly name: _angular_core.InputSignal; readonly size: _angular_core.InputSignal; readonly label: _angular_core.InputSignal; protected readonly glyph: _angular_core.Signal; protected readonly hostClasses: _angular_core.Signal; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } /** * Accessible text input component for use with Angular Signal Forms. * * Usage: * ```html * * * ``` */ declare class AtlInput implements FormValueControl { /** The current input value. Bound by [formField] directive. Supports [(value)] two-way binding. */ readonly value: _angular_core.ModelSignal; /** The type of input field. */ readonly type: _angular_core.InputSignal<"number" | "text" | "email" | "password" | "tel" | "url">; /** Placeholder text shown when the input is empty. */ readonly placeholder: _angular_core.InputSignal; /** Whether the input is disabled. Bound by [formField] directive. */ readonly disabled: _angular_core.InputSignal; /** Whether the input is read-only. Bound by [formField] directive. */ readonly readonly: _angular_core.InputSignal; /** Whether the input has validation errors. Bound by [formField] directive. */ readonly invalid: _angular_core.InputSignal; /** Validation errors from the form system. Bound by [formField] directive. */ readonly errors: _angular_core.InputSignal[]>; /** Whether the user has interacted with the input. Bound by [formField] directive. */ readonly touched: _angular_core.ModelSignal; /** Whether the input is required. Bound by [formField] directive. */ readonly required: _angular_core.InputSignal; /** The input's name attribute. Bound by [formField] directive. */ readonly name: _angular_core.InputSignal; /** @internal */ protected readonly errorId: string; /** @internal */ protected readonly showErrors: _angular_core.Signal; /** @internal */ protected readonly hostClasses: _angular_core.Signal; /** @internal */ protected onInput(event: Event): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } /** * Accessible multiline text input component for use with Angular Signal Forms. * * Usage: * ```html * * * ``` */ declare class AtlTextarea implements FormValueControl { /** The current textarea value. Supports [(value)] two-way binding. */ readonly value: _angular_core.ModelSignal; /** Number of visible text rows. */ readonly rows: _angular_core.InputSignal; /** Placeholder text shown when the textarea is empty. */ readonly placeholder: _angular_core.InputSignal; /** Whether the textarea is disabled. Bound by [formField] directive. */ readonly disabled: _angular_core.InputSignal; /** Whether the textarea is read-only. Bound by [formField] directive. */ readonly readonly: _angular_core.InputSignal; /** Whether the textarea has validation errors. Bound by [formField] directive. */ readonly invalid: _angular_core.InputSignal; /** Validation errors from the form system. Bound by [formField] directive. */ readonly errors: _angular_core.InputSignal[]>; /** Whether the user has interacted with the textarea. Bound by [formField] directive. */ readonly touched: _angular_core.ModelSignal; /** Whether the textarea is required. Bound by [formField] directive. */ readonly required: _angular_core.InputSignal; /** The textarea's name attribute. Bound by [formField] directive. */ readonly name: _angular_core.InputSignal; /** Whether to auto-resize the textarea height to fit its content. */ readonly autoResize: _angular_core.InputSignal; /** @internal */ protected readonly errorId: string; /** @internal */ protected readonly showErrors: _angular_core.Signal; /** @internal */ protected readonly hostClasses: _angular_core.Signal; /** @internal */ protected onInput(event: Event): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } /** * Accessible checkbox component for use with Angular Signal Forms. * * Usage: * ```html * I agree to the terms * Accept * ``` */ declare class AtlCheckbox implements FormCheckboxControl { /** The checked state. Bound by [formField] directive. Supports [(checked)] two-way binding. */ readonly checked: _angular_core.ModelSignal; /** Whether the user has interacted with the input. Bound by [formField] directive. */ readonly touched: _angular_core.ModelSignal; /** Tri-state indeterminate mode (e.g. "select all"). Set via DOM property. */ readonly indeterminate: _angular_core.InputSignal; /** Whether the checkbox is disabled. Bound by [formField] directive. */ readonly disabled: _angular_core.InputSignal; /** Whether the checkbox has validation errors. Bound by [formField] directive. */ readonly invalid: _angular_core.InputSignal; /** Whether the checkbox is required. Bound by [formField] directive. */ readonly required: _angular_core.InputSignal; /** The input's name attribute. Bound by [formField] directive. */ readonly name: _angular_core.InputSignal; /** Validation errors from the form system. Bound by [formField] directive. */ readonly errors: _angular_core.InputSignal[]>; /** @internal */ protected readonly inputId: string; /** @internal */ protected readonly errorId: string; /** @internal */ private readonly nativeInput; /** @internal */ protected readonly showErrors: _angular_core.Signal; /** @internal */ protected readonly hostClasses: _angular_core.Signal; constructor(); /** @internal */ protected onChange(event: Event): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } /** @internal — shape required by AtlRadioGroup's FocusKeyManager */ interface RadioItem extends FocusableOption { focus(): void; disabled?: boolean; readonly radioValue: Signal; } interface AtlRadioGroupContext { readonly value: WritableSignal; readonly name: Signal; readonly disabled: Signal; select(v: string): void; markTouched(): void; registerItem(item: RadioItem): void; unregisterItem(item: RadioItem): void; } declare const ATL_RADIO_GROUP: InjectionToken; /** * Individual radio button. Must be placed inside an `atl-radio-group`. * * Usage: * ```html * * Free * Pro * * ``` */ declare class AtlRadio implements RadioItem, OnInit, OnDestroy { /** The value this radio option represents within the group. */ readonly radioValue: _angular_core.InputSignal; /** Whether this specific radio is individually disabled (stacked with group disabled). */ readonly disabledInput: _angular_core.InputSignal; /** @internal */ private readonly group; /** @internal */ private readonly el; /** @internal */ protected readonly inputId: string; /** @internal */ protected readonly isChecked: _angular_core.Signal; /** @internal */ readonly isDisabled: _angular_core.Signal; /** @internal */ protected readonly effectiveName: _angular_core.Signal; /** @internal */ protected readonly hostClasses: _angular_core.Signal; /** @internal — for FocusKeyManager */ get disabled(): boolean; /** @internal — for FocusKeyManager */ focus(): void; ngOnInit(): void; ngOnDestroy(): void; /** @internal */ protected onChange(): void; /** @internal */ protected onBlur(): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } /** * Container for a group of radio buttons. Manages keyboard navigation, shared name, * and Signal Forms integration. * * Usage: * ```html * * Small * Medium * Large * * * * * Small * * ``` */ declare class AtlRadioGroup implements FormValueControl, AtlRadioGroupContext { /** The selected value. Bound by [formField] directive. Supports [(value)] two-way binding. */ readonly value: _angular_core.ModelSignal; /** Whether the user has interacted. Bound by [formField] directive. */ readonly touched: _angular_core.ModelSignal; /** Whether the group is disabled. Bound by [formField] directive. */ readonly disabled: _angular_core.InputSignal; /** Whether the group has validation errors. Bound by [formField] directive. */ readonly invalid: _angular_core.InputSignal; /** Whether the group is required. Bound by [formField] directive. */ readonly required: _angular_core.InputSignal; /** Shared name attribute propagated to all child radio inputs. Bound by [formField] directive. */ readonly name: _angular_core.InputSignal; /** Validation errors from the form system. Bound by [formField] directive. */ readonly errors: _angular_core.InputSignal[]>; /** @internal */ protected readonly errorId: string; /** @internal */ private readonly items; /** @internal */ private keyManager; /** @internal */ protected readonly showErrors: _angular_core.Signal; /** @internal */ protected readonly hostClasses: _angular_core.Signal; /** @internal — called by AtlRadio on change */ select(v: string): void; /** @internal — called by AtlRadio on blur */ markTouched(): void; /** @internal — called by AtlRadio on init */ registerItem(item: RadioItem): void; /** @internal — called by AtlRadio on destroy */ unregisterItem(item: RadioItem): void; /** @internal */ protected onKeydown(event: KeyboardEvent): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } /** * Accessible toggle (switch) component for use with Angular Signal Forms. * Presents as a pill-shaped on/off slider instead of a checkbox box, * but has identical boolean semantics and implements FormCheckboxControl. * * Usage: * ```html * Enable notifications * Enable * ``` */ declare class AtlToggle implements FormCheckboxControl { /** The checked state. Bound by [formField] directive. Supports [(checked)] two-way binding. */ readonly checked: _angular_core.ModelSignal; /** Whether the user has interacted with the input. Bound by [formField] directive. */ readonly touched: _angular_core.ModelSignal; /** Whether the toggle is disabled. Bound by [formField] directive. */ readonly disabled: _angular_core.InputSignal; /** Whether the toggle has validation errors. Bound by [formField] directive. */ readonly invalid: _angular_core.InputSignal; /** Whether the toggle is required. Bound by [formField] directive. */ readonly required: _angular_core.InputSignal; /** The input's name attribute. Bound by [formField] directive. */ readonly name: _angular_core.InputSignal; /** Validation errors from the form system. Bound by [formField] directive. */ readonly errors: _angular_core.InputSignal[]>; /** @internal */ protected readonly inputId: string; /** @internal */ protected readonly errorId: string; /** @internal */ protected readonly showErrors: _angular_core.Signal; /** @internal */ protected readonly hostClasses: _angular_core.Signal; /** @internal */ protected onChange(event: Event): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } declare class AtlAlert { /** Semantic color variant of the alert. */ readonly variant: _angular_core.InputSignal<"danger" | "success" | "warning" | "info">; /** Whether to show a dismiss button. */ readonly dismissible: _angular_core.InputSignal; /** Emitted when the dismiss button is clicked. */ readonly dismissed: _angular_core.OutputEmitterRef; protected readonly hostClasses: _angular_core.Signal; protected readonly variantIcon: _angular_core.Signal; /** @internal */ get isDismissible(): boolean; /** @internal */ get hostClassesValue(): string; /** @internal */ get ariaLive(): string; protected dismiss(): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } interface AtlSelectContext { readonly value: WritableSignal; readonly disabled: Signal; readonly activeOptionId: WritableSignal; select(v: string): void; markTouched(): void; registerOption(id: string, value: string, labelText: string, disabled: boolean): void; unregisterOption(id: string): void; } declare const ATL_SELECT: InjectionToken; /** * Accessible dropdown select component for use with Angular Signal Forms. * Uses the CDK Overlay for viewport-aware panel positioning. * * Usage: * ```html * * United States * Canada * * * * * United States * * ``` */ declare class AtlSelect implements FormValueControl, AtlSelectContext, OnDestroy { /** The selected value. Bound by [formField] directive. Supports [(value)] two-way binding. */ readonly value: _angular_core.ModelSignal; /** Whether the user has interacted. Bound by [formField] directive. */ readonly touched: _angular_core.ModelSignal; /** Placeholder text shown when no option is selected. */ readonly placeholder: _angular_core.InputSignal; /** Whether the select is disabled. Bound by [formField] directive. */ readonly disabled: _angular_core.InputSignal; /** Whether the select has validation errors. Bound by [formField] directive. */ readonly invalid: _angular_core.InputSignal; /** Whether the select is required. Bound by [formField] directive. */ readonly required: _angular_core.InputSignal; /** The input's name attribute. Bound by [formField] directive. */ readonly name: _angular_core.InputSignal; /** Validation errors from the form system. Bound by [formField] directive. */ readonly errors: _angular_core.InputSignal[]>; /** @internal */ readonly activeOptionId: _angular_core.WritableSignal; /** @internal */ protected readonly isOpen: _angular_core.WritableSignal; /** @internal */ protected readonly optionsList: _angular_core.WritableSignal<{ id: string; value: string; labelText: string; disabled: boolean; }[]>; /** @internal */ protected readonly panelRef: _angular_core.Signal | undefined>; /** @internal */ protected readonly triggerId: string; /** @internal */ protected readonly panelId: string; /** @internal */ protected readonly errorId: string; /** @internal */ protected readonly selectedLabel: _angular_core.Signal; /** @internal */ protected readonly showErrors: _angular_core.Signal; /** @internal */ protected readonly hostClasses: _angular_core.Signal; /** @internal */ private keyManager; private overlayRef; private outsideClickHandler; private readonly elementRef; private readonly injector; /** @internal — called by AtlOption on init */ registerOption(id: string, value: string, labelText: string, disabled: boolean): void; /** @internal — called by AtlOption on destroy */ unregisterOption(id: string): void; /** @internal — called by AtlOption on select */ select(v: string): void; /** @internal — called by AtlOption on interaction */ markTouched(): void; /** @internal */ protected onTriggerClick(): void; /** @internal */ protected onTriggerBlur(): void; /** @internal */ protected onKeydown(event: KeyboardEvent): void; ngOnDestroy(): void; private open; private close; private createOverlay; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } /** * Option item for use inside ``. * * Usage: * ```html * United States * ``` */ declare class AtlOption implements OnInit, OnDestroy { /** The value this option represents. Required. */ readonly optionValue: _angular_core.InputSignal; /** Whether this option is disabled. */ readonly disabled: _angular_core.InputSignal; /** @internal */ protected readonly optionId: string; /** @internal */ private readonly context; /** @internal */ private readonly elementRef; /** @internal */ protected readonly isSelected: _angular_core.Signal; /** @internal */ protected readonly isActive: _angular_core.Signal; ngOnInit(): void; ngOnDestroy(): void; /** @internal */ protected onClick(): void; /** @internal */ protected onMouseEnter(): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } /** * Filterable autocomplete combobox. Accepts an `options` array and emits the * selected option's `value`. The user types to narrow the list; selecting an * option commits the value and displays its label. * * Usage: * ```html * * * * * ``` */ declare class AtlCombobox implements FormValueControl { /** The selected value. Supports [(value)] two-way binding and [formField] directive. */ readonly value: _angular_core.ModelSignal; /** Whether the user has interacted. Bound by [formField] directive. */ readonly touched: _angular_core.ModelSignal; /** Options to display and filter. */ readonly options: _angular_core.InputSignal; /** Placeholder text for the input. */ readonly placeholder: _angular_core.InputSignal; /** Whether the combobox is disabled. */ readonly disabled: _angular_core.InputSignal; /** Whether the combobox has validation errors. */ readonly invalid: _angular_core.InputSignal; /** Whether the combobox is required. */ readonly required: _angular_core.InputSignal; /** The input's name attribute. */ readonly name: _angular_core.InputSignal; /** Validation errors from the form system. */ readonly errors: _angular_core.InputSignal[]>; /** @internal */ protected readonly query: _angular_core.WritableSignal; /** @internal */ protected readonly isOpen: _angular_core.WritableSignal; /** @internal */ protected readonly activeIndex: _angular_core.WritableSignal; /** @internal */ protected readonly panelRef: _angular_core.Signal | undefined>; /** @internal */ protected readonly inputEl: _angular_core.Signal | undefined>; /** @internal */ protected readonly inputId: string; /** @internal */ protected readonly panelId: string; /** @internal */ protected readonly errorId: string; /** @internal */ protected readonly filteredOptions: _angular_core.Signal; /** @internal */ protected readonly activeOptionId: _angular_core.Signal; /** @internal */ protected readonly showErrors: _angular_core.Signal; /** @internal */ protected readonly hostClasses: _angular_core.Signal; private outsideClickHandler; private readonly elementRef; /** @internal */ protected optionId(index: number): string; /** @internal */ protected onInput(event: Event): void; /** @internal */ protected onFocus(): void; /** @internal */ protected onBlur(): void; /** @internal */ protected onOptionSelect(option: AtlComboboxOption): void; /** @internal */ protected onKeydown(event: KeyboardEvent): void; private open; private close; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } /** * Accessible modal dialog using the native `

No results found.