@danske/sapphire-angular 2.2.0 → 2.4.0

package/lib/checkbox/src/checkbox.component.d.ts

@@ -45,6 +45,10 @@ export declare class CheckboxComponent extends _CheckboxMixinBase implements Aft
     get _inputId(): string;
     /** Whether the checkbox is required. */
     required: BooleanInput;
+    /**
+     * Whether the necessity indicator should be visible.
+     */
+    necessityIndicator?: BooleanInput;
     /**
      * Whether the checkbox is readonly.
      */
@@ -89,6 +93,7 @@ export declare class CheckboxComponent extends _CheckboxMixinBase implements Aft
     get indeterminate(): boolean;
     set indeterminate(value: BooleanInput);
     private _indeterminate;
+    get labelNecessityIndicator(): 'optional' | 'required' | undefined;
     writeValue(value: any): void;
     registerOnChange(fn: (value: any) => void): void;
     registerOnTouched(fn: any): void;
@@ -111,6 +116,6 @@ export declare class CheckboxComponent extends _CheckboxMixinBase implements Aft
      */
     private syncIndeterminate;
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, [{ optional: true; }, null, null, { attribute: "tabindex"; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "sp-checkbox", ["spCheckbox"], { "ariaLabel": "aria-label"; "ariaLabelledby": "aria-labelledby"; "ariaDescribedby": "aria-describedby"; "id": "id"; "required": "required"; "readonly": "readonly"; "name": "name"; "size": "size"; "value": "value"; "selected": "selected"; "disabled": "disabled"; "indeterminate": "indeterminate"; }, { "change": "change"; }, never, ["*"], false, [{ directive: typeof i1.ThemeCheckDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "sp-checkbox", ["spCheckbox"], { "ariaLabel": "aria-label"; "ariaLabelledby": "aria-labelledby"; "ariaDescribedby": "aria-describedby"; "id": "id"; "required": "required"; "necessityIndicator": "necessityIndicator"; "readonly": "readonly"; "name": "name"; "size": "size"; "value": "value"; "selected": "selected"; "disabled": "disabled"; "indeterminate": "indeterminate"; }, { "change": "change"; }, never, ["*"], false, [{ directive: typeof i1.ThemeCheckDirective; inputs: {}; outputs: {}; }]>;
 }
 export {};

package/lib/checkbox/src/checkbox.module.d.ts

@@ -3,10 +3,11 @@ import * as i1 from "./checkbox.component";
 import * as i2 from "./checkbox-required-validator";
 import * as i3 from "./checkbox-group.component";
 import * as i4 from "@angular/common";
-import * as i5 from "@angular/forms";
-import * as i6 from "@angular/cdk/a11y";
+import * as i5 from "../../common/translate.pipe";
+import * as i6 from "@angular/forms";
+import * as i7 from "@angular/cdk/a11y";
 export declare class SapphireCheckboxModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SapphireCheckboxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SapphireCheckboxModule, [typeof i1.CheckboxComponent, typeof i2.SapphireCheckboxRequiredValidator, typeof i3.CheckboxGroupComponent], [typeof i4.CommonModule, typeof i5.FormsModule, typeof i6.A11yModule], [typeof i1.CheckboxComponent, typeof i2.SapphireCheckboxRequiredValidator, typeof i3.CheckboxGroupComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SapphireCheckboxModule, [typeof i1.CheckboxComponent, typeof i2.SapphireCheckboxRequiredValidator, typeof i3.CheckboxGroupComponent], [typeof i4.CommonModule, typeof i5.TranslatePipe, typeof i6.FormsModule, typeof i7.A11yModule], [typeof i1.CheckboxComponent, typeof i2.SapphireCheckboxRequiredValidator, typeof i3.CheckboxGroupComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SapphireCheckboxModule>;
 }

package/lib/field/src/field-control.d.ts

@@ -12,5 +12,6 @@ export declare abstract class FieldControl {
      * element.
      */
     getId?(): string | undefined;
+    hasDefaultWidth?: boolean;
     abstract isDisabled(): boolean;
 }

package/lib/field/src/field.component.d.ts

@@ -43,13 +43,16 @@ export declare class FieldComponent implements AfterContentInit, AfterViewChecke
      * @default "above"
      */
     labelPlacement?: 'side' | 'above';
+    /**
+     * Avoid the default width
+     */
+    noDefaultWidth?: BooleanInput;
     /**
      * @default "lg"
      */
     size?: 'lg' | 'md';
     note?: FieldNoteDirective;
     error?: FieldErrorDirective;
-    radioGroup?: RadioGroupComponent;
     label?: LabelComponent;
     _fieldLabel?: FieldLabelDirective;
     /**
@@ -57,6 +60,7 @@ export declare class FieldComponent implements AfterContentInit, AfterViewChecke
      * that are meant to rendered inside sp-field, provide FieldControl.
      */
     controls?: QueryList<FieldControl>;
+    radioGroup?: RadioGroupComponent;
     private requiredValidator?;
     /**
      * Is set via field-note-affix directive. ContentChild query can't be used since we need
@@ -76,6 +80,10 @@ export declare class FieldComponent implements AfterContentInit, AfterViewChecke
      * If there are multiple controls, the field is only disabled when all of them are disabled
      */
     isDisabled(): boolean;
+    /**
+     * If any of the controls should be constrained by the field's default widht
+     */
+    controlHasDefaultWidth(): boolean;
     /**
      * Only support features like `for` or `labelClick` if the field has one control.
      */
@@ -84,9 +92,9 @@ export declare class FieldComponent implements AfterContentInit, AfterViewChecke
     /**
      * Whether the field control is radio group (sp-radio-group).
      */
-    hasFieldGroupChild(): boolean;
+    hasRadioGroupChild(): boolean;
     get labelNecessityIndicator(): LabelComponent['necessityIndicator'];
     _setSuffixPortal(portal: DomPortal<HTMLElement> | null): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FieldComponent, "sp-field", never, { "necessityIndicator": "necessityIndicator"; "labelPlacement": "labelPlacement"; "size": "size"; }, {}, ["note", "error", "radioGroup", "_fieldLabel", "requiredValidator", "controls"], ["sp-field-label", "sp-help-button", "*", "sp-field-error", "sp-field-note"], false, [{ directive: typeof i1.UseComponentStylesOnHost; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FieldComponent, "sp-field", never, { "necessityIndicator": "necessityIndicator"; "labelPlacement": "labelPlacement"; "noDefaultWidth": "noDefaultWidth"; "size": "size"; }, {}, ["note", "error", "_fieldLabel", "radioGroup", "requiredValidator", "controls"], ["sp-field-label", "sp-help-button", "*", "sp-field-error", "sp-field-note"], false, [{ directive: typeof i1.UseComponentStylesOnHost; inputs: {}; outputs: {}; }]>;
 }

package/lib/modal/src/dialog/dialog-trigger.directive.d.ts

@@ -1,12 +1,9 @@
 import { ModalTriggerDirective } from '../modal-trigger.directive';
-import { ModalService } from '../modal.service';
 import * as i0 from "@angular/core";
 /**
  * Makes a clickable element a trigger for a dialog.
  */
 export declare class DialogTriggerDirective extends ModalTriggerDirective {
-    protected modalService: ModalService;
-    constructor(modalService: ModalService);
     open(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DialogTriggerDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DialogTriggerDirective, "[spDialogTriggerFor]", ["spDialogTrigger"], { "dismissable": "spDialogDismissable"; "keyboardDismissDisabled": "spDialogDisableKeyboardDismissable"; "templateRef": "spDialogTriggerFor"; }, {}, never, never, false, never>;

package/lib/modal/src/modal-trigger.directive.d.ts

@@ -2,12 +2,12 @@ import { TemplateRef } from '@angular/core';
 import { DialogRef } from '@angular/cdk/dialog';
 import { BooleanInput } from '@angular/cdk/coercion';
 import { ModalOptions, ModalService } from './modal.service';
+import { ThemeBaseDirective } from '../../theme/public_api';
 import * as i0 from "@angular/core";
 /**
  * Makes a clickable element a trigger for a modal
  */
 export declare abstract class ModalTriggerDirective implements ModalOptions {
-    protected modalService: ModalService;
     protected templateRef: TemplateRef<unknown> | null;
     protected dialogRef?: DialogRef;
     get dismissable(): boolean;
@@ -16,7 +16,8 @@ export declare abstract class ModalTriggerDirective implements ModalOptions {
     get keyboardDismissDisabled(): boolean;
     set keyboardDismissDisabled(value: BooleanInput);
     private _keyboardDismissDisabled;
-    constructor(modalService: ModalService);
+    protected modalService: ModalService;
+    readonly theme: ThemeBaseDirective;
     abstract open(): void;
     close(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ModalTriggerDirective, never>;

package/lib/modal/src/modal.service.d.ts

@@ -1,6 +1,8 @@
 import { Dialog, DialogRef } from '@angular/cdk/dialog';
-import { ComponentType, Overlay } from '@angular/cdk/overlay';
+import { ComponentType } from '@angular/cdk/overlay';
 import { TemplateRef } from '@angular/core';
+import { SapphireOverlay } from '../../theme/src/sapphire-overlay.service';
+import { ThemeBaseDirective } from '../../theme/src/theme-base.directive';
 import * as i0 from "@angular/core";
 export interface ModalOptions {
     /**
@@ -13,11 +15,17 @@ export interface ModalOptions {
      * @default false
      */
     keyboardDismissDisabled?: boolean;
+    /**
+     * The theme to apply on the opened modal. It allows for injecting and
+     * passing along the "current" theme, when `ModalService` is used in a
+     * trigger component.
+     */
+    theme?: ThemeBaseDirective;
 }
 export declare class ModalService {
     private cdkDialog;
     private overlay;
-    constructor(cdkDialog: Dialog, overlay: Overlay);
+    constructor(cdkDialog: Dialog, overlay: SapphireOverlay);
     private open;
     openDialog<C = unknown>(componentOrTemplateRef: ComponentType<C> | TemplateRef<C>, options?: ModalOptions): DialogRef<unknown, C>;
     openPanel<C = unknown>(componentOrTemplateRef: ComponentType<C> | TemplateRef<C>, options?: ModalOptions): DialogRef<unknown, C>;

package/lib/modal/src/panel/panel-trigger.directive.d.ts

@@ -1,12 +1,9 @@
 import { ModalTriggerDirective } from '../modal-trigger.directive';
-import { ModalService } from '../modal.service';
 import * as i0 from "@angular/core";
 /**
  * Makes a clickable element a trigger for a panel.
  */
 export declare class PanelTriggerDirective extends ModalTriggerDirective {
-    protected modalService: ModalService;
-    constructor(modalService: ModalService);
     open(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PanelTriggerDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<PanelTriggerDirective, "[spPanelTriggerFor]", ["spPanelTrigger"], { "dismissable": "spPanelDismissable"; "keyboardDismissDisabled": "spPanelDisableKeyboardDismissable"; "templateRef": "spPanelTriggerFor"; }, {}, never, never, false, never>;

package/lib/popover/src/popover-trigger.directive.d.ts

@@ -1,8 +1,9 @@
-import { Overlay, OverlayRef } from '@angular/cdk/overlay';
+import { OverlayRef } from '@angular/cdk/overlay';
 import { ChangeDetectorRef, ElementRef, EventEmitter, InjectionToken, Injector, TemplateRef, ViewContainerRef } from '@angular/core';
 import { Subject } from 'rxjs';
 import { Placement } from '../../common/placement';
 import { BooleanInput } from '@angular/cdk/coercion';
+import { SapphireOverlay } from '../../theme/src/sapphire-overlay.service';
 import * as i0 from "@angular/core";
 export interface PopoverTrigger {
     toggle(): void;
@@ -13,7 +14,7 @@ export interface PopoverTrigger {
 export declare const POPOVER_TRIGGER: InjectionToken<PopoverTrigger>;
 export declare class PopoverTriggerDirective implements PopoverTrigger {
     private changeDetectorRef;
-    private cdkOverlay;
+    private overlay;
     private viewContainerRef;
     elementRef: ElementRef<HTMLElement>;
     private injector;
@@ -52,7 +53,7 @@ export declare class PopoverTriggerDirective implements PopoverTrigger {
     protected overlayRef: OverlayRef | null;
     private isBeingPressed;
     get getPopoverId(): string | undefined;
-    constructor(changeDetectorRef: ChangeDetectorRef, cdkOverlay: Overlay, viewContainerRef: ViewContainerRef, elementRef: ElementRef<HTMLElement>, injector: Injector);
+    constructor(changeDetectorRef: ChangeDetectorRef, overlay: SapphireOverlay, viewContainerRef: ViewContainerRef, elementRef: ElementRef<HTMLElement>, injector: Injector);
     ngOnDestroy(): void;
     /** Toggle the attached popover. */
     toggle(): void;

package/lib/radio/public_api.d.ts

@@ -1,3 +1,5 @@
 export * from './src/radio.component';
 export * from './src/radio-group.component';
 export * from './src/radio.module';
+export * from './src/segmented/segmented-radio.component';
+export * from './src/segmented/segmented-radio-group.component';

package/lib/radio/src/radio-group.component.d.ts

@@ -1,65 +1,10 @@
-import { ChangeDetectorRef, EventEmitter } from '@angular/core';
-import { RadioComponent, SapphireRadioChange } from './radio.component';
-import { ControlValueAccessor } from '@angular/forms';
-import { BooleanInput } from '@angular/cdk/coercion';
+import { RadioGroupBase } from './shared/radio-group-base';
 import { FocusOrigin } from '@angular/cdk/a11y';
-import { FieldControl } from '../../field/src/field-control';
-import { FieldComponent } from '../../field/src/field.component';
 import * as i0 from "@angular/core";
 import * as i1 from "../../theme/src/theme-check.directive";
-export declare class RadioGroupComponent implements ControlValueAccessor, FieldControl {
-    private changeDetectorRef;
-    _field: FieldComponent;
-    uniqueId: string;
+export declare class RadioGroupComponent extends RadioGroupBase {
     orientation: 'vertical' | 'horizontal';
-    /** Name of the radio button group. All radio buttons inside this group will use this name. */
-    get name(): string;
-    set name(value: string);
-    private _name;
-    /**
-     * Event emitted when the group value changes.
-     * Change events are only emitted when the value changes due to user interaction with
-     * the radio button (the same behavior as `<input type-"radio">`).
-     */
-    readonly change: EventEmitter<SapphireRadioChange>;
-    get value(): any;
-    set value(newValue: any);
-    private _value;
-    /**
-     * The currently selected radio button. If set to a new radio button, the radio group value
-     * will be updated to match the new selected button. */
-    get selected(): RadioComponent | null;
-    set selected(selected: RadioComponent | null);
-    private _selected;
-    /** Whether the radio group is disabled */
-    get disabled(): boolean;
-    set disabled(value: BooleanInput);
-    private _disabled;
-    /** Whether the radio group is readonly */
-    get readonly(): boolean;
-    set readonly(value: BooleanInput);
-    private _readonly;
-    /** Whether the radio group is required */
-    get required(): boolean;
-    set required(value: BooleanInput);
-    private _required;
-    /** Child radio buttons. */
-    private radios;
-    private onTouched;
-    _controlValueAccessorChangeFn: (value: any) => void;
-    constructor(changeDetectorRef: ChangeDetectorRef, _field: FieldComponent);
-    _checkSelectedRadioButton(): void;
-    /** Dispatch change event with current selection and group value. */
-    _emitChangeEvent(): void;
-    writeValue(value: any): void;
-    registerOnChange(fn: (value: any) => void): void;
-    registerOnTouched(fn: any): void;
-    setDisabledState(disabled: boolean): void;
-    isDisabled(): boolean;
-    _contentFocusChanged(focusOrigin: FocusOrigin): void;
-    /** Updates the `selected` radio button from the internal _value state. */
-    private updateSelectedRadioFromValue;
-    private updateRadioButtonNames;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RadioGroupComponent, [null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RadioGroupComponent, "sp-radio-group", never, { "orientation": "orientation"; "name": "name"; "value": "value"; "selected": "selected"; "disabled": "disabled"; "readonly": "readonly"; "required": "required"; }, { "change": "change"; }, ["radios"], ["*"], false, [{ directive: typeof i1.ThemeCheckDirective; inputs: {}; outputs: {}; }]>;
+    _onFocusChange(focusOrigin: FocusOrigin): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadioGroupComponent, "sp-radio-group", never, { "orientation": "orientation"; }, {}, never, ["*"], false, [{ directive: typeof i1.ThemeCheckDirective; inputs: {}; outputs: {}; }]>;
 }

package/lib/radio/src/radio.component.d.ts

@@ -1,99 +1,7 @@
-import { AfterViewInit, DoCheck, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
-import { BooleanInput } from '@angular/cdk/coercion';
-import { CanDisable } from '../../common/disabled';
-import { HasTabIndex } from '../../common/tabindex';
-import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
-import { RadioGroupComponent } from './radio-group.component';
-import { UniqueSelectionDispatcher } from '@angular/cdk/collections';
+import { RadioBase } from './shared/radio-base';
 import * as i0 from "@angular/core";
 import * as i1 from "../../theme/src/theme-check.directive";
-/** Change event object emitted by radio. */
-export declare class SapphireRadioChange {
-    /** The new `checked` value of the radio. */
-    readonly source: RadioComponent;
-    /** The source radio of the event. */
-    readonly value: any;
-    constructor(
-    /** The new `checked` value of the radio. */
-    source: RadioComponent, 
-    /** The source radio of the event. */
-    value: any);
+export declare class RadioComponent extends RadioBase {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadioComponent, "sp-radio", never, { "tabIndex": "tabIndex"; }, {}, never, ["*"], false, [{ directive: typeof i1.ThemeCheckDirective; inputs: {}; outputs: {}; }]>;
 }
-declare const _RadioMixinBase: import("../../common/constructor").Constructor<HasTabIndex> & import("../../common/constructor").AbstractConstructor<HasTabIndex> & import("../../common/constructor").Constructor<CanDisable> & import("../../common/constructor").AbstractConstructor<CanDisable> & {
-    new (_elementRef: ElementRef): {
-        _elementRef: ElementRef;
-    };
-};
-export declare class RadioComponent extends _RadioMixinBase implements OnInit, AfterViewInit, DoCheck, OnDestroy, CanDisable, HasTabIndex {
-    readonly radioGroup: RadioGroupComponent;
-    private _focusMonitor;
-    private _radioDispatcher;
-    /**
-     * Attached to the aria-label attribute of the host element. In most cases,
-     * aria-labelledby will take precedence so this may be omitted.
-     */
-    ariaLabel: string;
-    /**
-     * Users can specify the `aria-labelledby` attribute which will be forwarded
-     * to the input element
-     */
-    ariaLabelledby: string | null;
-    /** The 'aria-describedby' attribute is read after the element's label and field type. */
-    ariaDescribedby: string;
-    /** Analog to HTML 'name' attribute used to group radios for unique selection. */
-    name: string;
-    /** Analog to HTML 'name' attribute used to group radios for unique selection. */
-    autofocus: boolean;
-    _getAriaChecked(): 'true' | 'false';
-    /** A unique id for the radio input. If none is supplied, it will be auto-generated. */
-    id: string;
-    /** Returns the unique id for the visual hidden input. */
-    get inputId(): string;
-    /** Previous value of the input's tabindex. */
-    private previousTabIndex;
-    /** Unregister function for _radioDispatcher */
-    private removeUniqueSelectionListener;
-    /** The native `<input type="radio">` element */
-    _inputElement: ElementRef<HTMLInputElement>;
-    /** The value of this radio button. */
-    get value(): any;
-    set value(value: any);
-    private _value;
-    /** Whether this radio button is checked. */
-    get checked(): boolean;
-    set checked(value: BooleanInput);
-    private _checked;
-    /** Whether the radio button is disabled. */
-    get disabled(): boolean;
-    set disabled(value: BooleanInput);
-    private _disabled;
-    /** Whether the radio button is readonly. */
-    get readonly(): boolean;
-    set readonly(value: BooleanInput);
-    private _readonly;
-    /** Whether the radio button is required. */
-    get required(): boolean;
-    set required(value: BooleanInput);
-    private _required;
-    /**
-     * Event emitted when the checked state of this radio button changes.
-     * Change events are only emitted when the value changes due to user interaction with
-     * the radio button (the same behavior as `<input type-"radio">`).
-     */
-    readonly change: EventEmitter<SapphireRadioChange>;
-    constructor(radioGroup: RadioGroupComponent, elementRef: ElementRef, tabIndex: string, _focusMonitor: FocusMonitor, _radioDispatcher: UniqueSelectionDispatcher);
-    ngDoCheck(): void;
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    /** Focuses the radio button. */
-    focus(options?: FocusOptions, origin?: FocusOrigin): void;
-    /** Gets the tabindex for the underlying input element. */
-    private updateTabIndex;
-    private emitChangeEvent;
-    /** Triggered when the radio button receives an interaction from the user. */
-    _onInputInteraction(event: Event): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RadioComponent, [{ optional: true; }, null, { attribute: "tabindex"; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RadioComponent, "sp-radio", never, { "tabIndex": "tabIndex"; "ariaLabel": "aria-label"; "ariaLabelledby": "aria-labelledby"; "ariaDescribedby": "aria-describedby"; "name": "name"; "autofocus": "autofocus"; "id": "id"; "value": "value"; "checked": "checked"; "disabled": "disabled"; "readonly": "readonly"; "required": "required"; }, { "change": "change"; }, never, ["*"], false, [{ directive: typeof i1.ThemeCheckDirective; inputs: {}; outputs: {}; }]>;
-}
-export {};

package/lib/radio/src/radio.module.d.ts

@@ -1,12 +1,15 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./radio.component";
 import * as i2 from "./radio-group.component";
-import * as i3 from "@angular/common";
-import * as i4 from "../../label/src/label.component";
-import * as i5 from "@angular/cdk/a11y";
-import * as i6 from "../../field/src/field.module";
+import * as i3 from "./segmented/segmented-radio.component";
+import * as i4 from "./segmented/segmented-radio-group.component";
+import * as i5 from "@angular/common";
+import * as i6 from "../../label/src/label.component";
+import * as i7 from "@angular/cdk/a11y";
+import * as i8 from "../../field/src/field.module";
+import * as i9 from "../../common/sapphire-view-encapsulation";
 export declare class SapphireRadioModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SapphireRadioModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SapphireRadioModule, [typeof i1.RadioComponent, typeof i2.RadioGroupComponent], [typeof i3.CommonModule, typeof i4.LabelComponent, typeof i5.A11yModule, typeof i6.SapphireFieldModule], [typeof i1.RadioComponent, typeof i2.RadioGroupComponent, typeof i6.SapphireFieldModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SapphireRadioModule, [typeof i1.RadioComponent, typeof i2.RadioGroupComponent, typeof i3.SegmentedRadioComponent, typeof i4.SegmentedRadioGroupComponent], [typeof i5.CommonModule, typeof i6.LabelComponent, typeof i7.A11yModule, typeof i8.SapphireFieldModule, typeof i9.UseComponentStyles], [typeof i1.RadioComponent, typeof i2.RadioGroupComponent, typeof i3.SegmentedRadioComponent, typeof i4.SegmentedRadioGroupComponent, typeof i8.SapphireFieldModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SapphireRadioModule>;
 }

package/lib/radio/src/segmented/segmented-radio-group.component.d.ts

@@ -0,0 +1,40 @@
+import { AfterViewChecked, AfterViewInit, ChangeDetectorRef, ElementRef, NgZone, OnDestroy } from '@angular/core';
+import { RadioGroupBase } from '../shared/radio-group-base';
+import { FocusOrigin } from '@angular/cdk/a11y';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../theme/src/theme-check.directive";
+export declare class SegmentedRadioGroupComponent extends RadioGroupBase implements AfterViewInit, OnDestroy, AfterViewChecked {
+    private zone;
+    private changeDetector;
+    segmentedControl: ElementRef;
+    /**
+     * Label (not shown on the screen).
+     * Required for accessibility reasons.
+     **/
+    ariaLabel: string;
+    /** Size of tabs */
+    size: 'sm' | 'md' | 'lg';
+    /**
+     * Alignment of tabs' buttons group.
+     * @default 'left'
+     */
+    align?: 'left' | 'center' | 'right' | 'stretch';
+    private resizeObserver;
+    _gliderStyles: {
+        left: string;
+        width: string;
+    };
+    _animationEnabled: boolean;
+    _focusVisible: boolean;
+    constructor(zone: NgZone, changeDetector: ChangeDetectorRef);
+    private skipAnimationFrame;
+    private setGliderStyles;
+    private getSelectedTabPosition;
+    private shouldUpdateGliderStyles;
+    ngAfterViewInit(): void;
+    ngAfterViewChecked(): void;
+    ngOnDestroy(): void;
+    _onFocusChange(focusOrigin: FocusOrigin): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SegmentedRadioGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SegmentedRadioGroupComponent, "sp-segmented-radio-group", never, { "ariaLabel": "aria-label"; "size": "size"; "align": "align"; }, {}, never, ["*"], false, [{ directive: typeof i1.ThemeCheckDirective; inputs: {}; outputs: {}; }]>;
+}

package/lib/radio/src/segmented/segmented-radio.component.d.ts

@@ -0,0 +1,8 @@
+import { RadioBase } from '../shared/radio-base';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../theme/src/theme-check.directive";
+import * as i2 from "../../../common/sapphire-view-encapsulation";
+export declare class SegmentedRadioComponent extends RadioBase {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SegmentedRadioComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SegmentedRadioComponent, "sp-segmented-radio", never, { "tabIndex": "tabIndex"; }, {}, never, ["*"], false, [{ directive: typeof i1.ThemeCheckDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.UseComponentStyles; inputs: {}; outputs: {}; }]>;
+}

package/lib/radio/src/shared/radio-base.d.ts

@@ -0,0 +1,103 @@
+import { AfterViewInit, DoCheck, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { BooleanInput } from '@angular/cdk/coercion';
+import { CanDisable } from '../../../common/disabled';
+import { HasTabIndex } from '../../../common/tabindex';
+import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
+import { UniqueSelectionDispatcher } from '@angular/cdk/collections';
+import { RadioGroupBase } from './radio-group-base';
+import * as i0 from "@angular/core";
+/** Change event object emitted by radio. */
+export declare class SapphireRadioChange {
+    /** The new `checked` value of the radio. */
+    readonly source: RadioBase;
+    /** The source radio of the event. */
+    readonly value: any;
+    constructor(
+    /** The new `checked` value of the radio. */
+    source: RadioBase, 
+    /** The source radio of the event. */
+    value: any);
+}
+declare const _RadioMixinBase: import("../../../common/constructor").Constructor<HasTabIndex> & import("../../../common/constructor").AbstractConstructor<HasTabIndex> & import("../../../common/constructor").Constructor<CanDisable> & import("../../../common/constructor").AbstractConstructor<CanDisable> & {
+    new (_elementRef: ElementRef): {
+        _elementRef: ElementRef;
+    };
+};
+/**
+ * @Directive decorator is just to be able to have a constructor with DI.
+ * This class is being extended by other components.
+ **/
+export declare class RadioBase extends _RadioMixinBase implements OnInit, AfterViewInit, DoCheck, OnDestroy, CanDisable, HasTabIndex {
+    readonly radioGroup: RadioGroupBase;
+    elementRef: ElementRef<HTMLLIElement>;
+    private _focusMonitor;
+    private _radioDispatcher;
+    /**
+     * Attached to the aria-label attribute of the host element. In most cases,
+     * aria-labelledby will take precedence so this may be omitted.
+     */
+    ariaLabel: string;
+    /**
+     * Users can specify the `aria-labelledby` attribute which will be forwarded
+     * to the input element
+     */
+    ariaLabelledby: string | null;
+    /** The 'aria-describedby' attribute is read after the element's label and field type. */
+    ariaDescribedby: string;
+    /** Analog to HTML 'name' attribute used to group radios for unique selection. */
+    name: string;
+    /** Analog to HTML 'name' attribute used to group radios for unique selection. */
+    autofocus: boolean;
+    _getAriaChecked(): 'true' | 'false';
+    /** A unique id for the radio input. If none is supplied, it will be auto-generated. */
+    id: string;
+    /** Returns the unique id for the visual hidden input. */
+    get inputId(): string;
+    /** Previous value of the input's tabindex. */
+    private previousTabIndex;
+    /** Unregister function for _radioDispatcher */
+    private removeUniqueSelectionListener;
+    /** The native `<input type="radio">` element */
+    _inputElement: ElementRef<HTMLInputElement>;
+    /** The value of this radio button. */
+    get value(): any;
+    set value(value: any);
+    private _value;
+    /** Whether this radio button is checked. */
+    get checked(): boolean;
+    set checked(value: BooleanInput);
+    private _checked;
+    /** Whether the radio button is disabled. */
+    get disabled(): boolean;
+    set disabled(value: BooleanInput);
+    private _disabled;
+    /** Whether the radio button is readonly. */
+    get readonly(): boolean;
+    set readonly(value: BooleanInput);
+    private _readonly;
+    /** Whether the radio button is required. */
+    get required(): boolean;
+    set required(value: BooleanInput);
+    private _required;
+    /**
+     * Event emitted when the checked state of this radio button changes.
+     * Change events are only emitted when the value changes due to user interaction with
+     * the radio button (the same behavior as `<input type-"radio">`).
+     */
+    readonly change: EventEmitter<SapphireRadioChange>;
+    constructor(radioGroup: RadioGroupBase, elementRef: ElementRef<HTMLLIElement>, tabIndex: string, _focusMonitor: FocusMonitor, _radioDispatcher: UniqueSelectionDispatcher);
+    ngDoCheck(): void;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    /** Focuses the radio button. */
+    focus(options?: FocusOptions, origin?: FocusOrigin): void;
+    /** Gets the tabindex for the underlying input element. */
+    private updateTabIndex;
+    private emitChangeEvent;
+    /** Triggered when the radio button receives an interaction from the user. */
+    _onInputInteraction(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioBase, [{ optional: true; }, null, { attribute: "tabindex"; }, null, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RadioBase, never, never, { "ariaLabel": "aria-label"; "ariaLabelledby": "aria-labelledby"; "ariaDescribedby": "aria-describedby"; "name": "name"; "autofocus": "autofocus"; "id": "id"; "value": "value"; "checked": "checked"; "disabled": "disabled"; "readonly": "readonly"; "required": "required"; }, { "change": "change"; }, never, never, false, never>;
+}
+export {};

package/lib/radio/src/shared/radio-group-base.d.ts

@@ -0,0 +1,63 @@
+import { ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { RadioComponent } from '../radio.component';
+import { ControlValueAccessor } from '@angular/forms';
+import { BooleanInput } from '@angular/cdk/coercion';
+import { FieldControl } from '../../../field/src/field-control';
+import { SapphireRadioChange } from './radio-base';
+import { FieldComponent } from '../../../field/src/field.component';
+import * as i0 from "@angular/core";
+export declare abstract class RadioGroupBase implements ControlValueAccessor, FieldControl {
+    private changeDetectorRef;
+    _field: FieldComponent;
+    uniqueId: string;
+    orientation: 'vertical' | 'horizontal';
+    /** Name of the radio button group. All radio buttons inside this group will use this name. */
+    get name(): string;
+    set name(value: string);
+    private _name;
+    /**
+     * Event emitted when the group value changes.
+     * Change events are only emitted when the value changes due to user interaction with
+     * the radio button (the same behavior as `<input type-"radio">`).
+     */
+    readonly change: EventEmitter<SapphireRadioChange>;
+    get value(): any;
+    set value(newValue: any);
+    private _value;
+    /**
+     * The currently selected radio button. If set to a new radio button, the radio group value
+     * will be updated to match the new selected button. */
+    get selected(): RadioComponent | null;
+    set selected(selected: RadioComponent | null);
+    private _selected;
+    /** Whether the radio group is disabled */
+    get disabled(): boolean;
+    set disabled(value: BooleanInput);
+    private _disabled;
+    /** Whether the radio group is readonly */
+    get readonly(): boolean;
+    set readonly(value: BooleanInput);
+    private _readonly;
+    /** Whether the radio group is required */
+    get required(): boolean;
+    set required(value: BooleanInput);
+    private _required;
+    /** Child radio buttons. */
+    private radios;
+    onTouched: () => any;
+    _controlValueAccessorChangeFn: (value: any) => void;
+    constructor(changeDetectorRef: ChangeDetectorRef, _field: FieldComponent);
+    _checkSelectedRadioButton(): void;
+    /** Dispatch change event with current selection and group value. */
+    _emitChangeEvent(): void;
+    writeValue(value: any): void;
+    registerOnChange(fn: (value: any) => void): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(disabled: boolean): void;
+    isDisabled(): boolean;
+    /** Updates the `selected` radio button from the internal _value state. */
+    private updateSelectedRadioFromValue;
+    private updateRadioButtonNames;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioGroupBase, [null, { optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RadioGroupBase, never, never, { "orientation": "orientation"; "name": "name"; "value": "value"; "selected": "selected"; "disabled": "disabled"; "readonly": "readonly"; "required": "required"; }, { "change": "change"; }, ["radios"], never, true, never>;
+}