@danske/sapphire-angular 1.12.4

package/lib/contextual-help/src/contextual-help.module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./contextual-help.component";
+export declare class SapphireContextualHelpModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SapphireContextualHelpModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SapphireContextualHelpModule, never, [typeof i1.ContextualHelpComponent, typeof i1.ContextualHelpHeaderDirective, typeof i1.ContextualHelpContentDirective, typeof i1.ContextualHelpFooterDirective], [typeof i1.ContextualHelpComponent, typeof i1.ContextualHelpHeaderDirective, typeof i1.ContextualHelpContentDirective, typeof i1.ContextualHelpFooterDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SapphireContextualHelpModule>;
+}

package/lib/core.module.d.ts

@@ -0,0 +1,30 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "./theme/src/theme.module";
+import * as i3 from "./button/src/button.module";
+import * as i4 from "./checkbox/src/checkbox.module";
+import * as i5 from "./icon/src/icon.module";
+import * as i6 from "./typography/src/typography.module";
+import * as i7 from "./menu/src/menu.module";
+import * as i8 from "./popover/src/popover.module";
+import * as i9 from "./text-field/src/text-field.module";
+import * as i10 from "./select/src/select/select.module";
+import * as i11 from "./table/src/table.module";
+import * as i12 from "./link/src/link.module";
+import * as i13 from "./segmented-tabs/src/segmented-tabs.module";
+import * as i14 from "./notification-badge/src/notification-badge.module";
+import * as i15 from "./switch/src/switch.module";
+import * as i16 from "./radio/src/radio.module";
+import * as i17 from "./tooltip/src/tooltip.module";
+import * as i18 from "./listbox/src/listbox.module";
+import * as i19 from "./modal/src/modal.module";
+import * as i20 from "./skeleton/src/skeleton.module";
+import * as i21 from "./pagination/src/pagination.module";
+import * as i22 from "./contextual-help/src/contextual-help.module";
+import * as i23 from "./surface/src/surface.module";
+import * as i24 from "./badge/src/badge.module";
+export declare class SapphireCoreModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SapphireCoreModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SapphireCoreModule, never, [typeof i1.CommonModule, typeof i2.SapphireThemeModule, typeof i3.SapphireButtonModule, typeof i4.SapphireCheckboxModule, typeof i5.SapphireIconModule, typeof i6.SapphireTypographyModule, typeof i7.SapphireMenuModule, typeof i8.SapphirePopoverModule, typeof i9.SapphireTextFieldModule, typeof i10.SapphireSelectModule, typeof i11.SapphireTableModule, typeof i12.SapphireLinkModule, typeof i13.SapphireSegmentedTabsModule, typeof i14.SapphireNotificationBadgeModule, typeof i15.SapphireSwitchModule, typeof i16.SapphireRadioModule, typeof i17.SapphireTooltipModule, typeof i18.SapphireListboxModule, typeof i19.SapphireModalModule, typeof i20.SapphireSkeletonModule, typeof i21.SapphirePaginationModule, typeof i22.SapphireContextualHelpModule, typeof i23.SapphireSurfaceModule, typeof i24.SapphireBadgeModule], [typeof i3.SapphireButtonModule, typeof i5.SapphireIconModule, typeof i6.SapphireTypographyModule, typeof i4.SapphireCheckboxModule, typeof i7.SapphireMenuModule, typeof i8.SapphirePopoverModule, typeof i9.SapphireTextFieldModule, typeof i11.SapphireTableModule, typeof i12.SapphireLinkModule, typeof i13.SapphireSegmentedTabsModule, typeof i2.SapphireThemeModule, typeof i10.SapphireSelectModule, typeof i14.SapphireNotificationBadgeModule, typeof i15.SapphireSwitchModule, typeof i16.SapphireRadioModule, typeof i17.SapphireTooltipModule, typeof i18.SapphireListboxModule, typeof i19.SapphireModalModule, typeof i20.SapphireSkeletonModule, typeof i21.SapphirePaginationModule, typeof i22.SapphireContextualHelpModule, typeof i23.SapphireSurfaceModule, typeof i24.SapphireBadgeModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SapphireCoreModule>;
+}

package/lib/field/public_api.d.ts

@@ -0,0 +1,7 @@
+export { SapphireFieldModule } from './src/field.module';
+export { FieldComponent } from './src/field.component';
+export { FieldNoteDirective } from './src/field-note.directive';
+export { FieldErrorDirective } from './src/field-error.directive';
+export { FieldLabelDirective } from './src/field-label.directive';
+export { FieldControl } from './src/field-control';
+export { FieldNoteSuffixDirective } from './src/field-note-suffix.directive';

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

@@ -0,0 +1,16 @@
+import { FocusOrigin } from '@angular/cdk/a11y';
+/**
+ * Injection token which is provided by components that are meant to be rendered
+ * within sp-field.
+ */
+export declare abstract class FieldControl {
+    focus?(origin: FocusOrigin): void;
+    /**
+     * The id of the control, to be used to associate the label with the control,
+     * if the control is a
+     * [labelable](https://developer.mozilla.org/en-US/docs/Web/HTML/Content_categories#labelable)
+     * element.
+     */
+    getId?(): string | undefined;
+    abstract isDisabled(): boolean;
+}

package/lib/field/src/field-error.directive.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+/**
+ * Used inside sp-field to provide an error message for the field.
+ */
+export declare class FieldErrorDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FieldErrorDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FieldErrorDirective, "sp-field-error", never, {}, {}, never, never, true, never>;
+}

package/lib/field/src/field-label.directive.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+/**
+ * Used inside sp-field to provide the content of field's label.
+ */
+export declare class FieldLabelDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FieldLabelDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FieldLabelDirective, "sp-field-label", never, {}, {}, never, never, true, never>;
+}

package/lib/field/src/field-note-suffix.directive.d.ts

@@ -0,0 +1,15 @@
+import { ElementRef } from '@angular/core';
+import { FieldComponent } from './field.component';
+import * as i0 from "@angular/core";
+/**
+ * Marks an element as something that should be rendered in field note affix slot.
+ * @internal
+ */
+export declare class FieldNoteSuffixDirective {
+    private elementRef;
+    private field;
+    constructor(elementRef: ElementRef<HTMLElement>, field: FieldComponent);
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FieldNoteSuffixDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FieldNoteSuffixDirective, "[spFieldNoteSuffix]", never, {}, {}, never, never, true, never>;
+}

package/lib/field/src/field-note.directive.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+/**
+ * Used inside field to provide a note for the field.
+ */
+export declare class FieldNoteDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FieldNoteDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FieldNoteDirective, "sp-field-note", never, {}, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,77 @@
+import { AfterContentInit, AfterViewChecked, ChangeDetectorRef } from '@angular/core';
+import { FieldNoteDirective } from './field-note.directive';
+import { FieldErrorDirective } from './field-error.directive';
+import { LabelComponent } from '../../label/src/label.component';
+import { BooleanInput } from '@angular/cdk/coercion';
+import { FieldControl } from './field-control';
+import { FieldLabelDirective } from './field-label.directive';
+import { DomPortal } from '@angular/cdk/portal';
+import { IconSizeProvider } from '../../icon/src/icon-size-provider';
+import * as i0 from "@angular/core";
+import * as i1 from "../../common/sapphire-view-encapsulation";
+/**
+ * A field is a common container for labelable controls such as select, radio group, text field,
+ * etc.
+ * In addition to the field control (sp-select, sp-radio-group, sp-text-field), the following
+ * components can be used inside a field:
+ * - sp-field-label: is used to provide the label text for the field.
+ * - sp-contextual-label: is placed in the label area, next to the label text
+ * - sp-field-error: is used to provide an error message, which is placed below the field's
+ * control.
+ * - sp-field-note: is used to provide a note, which is placed below the field's control. Only
+ * shown
+ *   when there is no error
+ * - sp-field-note-suffix: is used to provide a suffix, which is placed on the right side of the
+ * note area.
+ *
+ * Additionally, field supports:
+ * - Label placement either above (default) or on the side of the control.
+ * - Associating label with the control, so that clicking the label focuses the control, showing
+ *   focus ring.
+ * - Optionally showing necessity indicator in the label. Fields necessity (required or optional)
+ *   is determined based on the presence of @angular/form's {@link RequiredValidator}.
+ */
+export declare class FieldComponent implements AfterContentInit, AfterViewChecked, IconSizeProvider {
+    private changeDetectorRef;
+    /**
+     * Whether the necessity indicator should be visible.
+     */
+    necessityIndicator?: BooleanInput;
+    /**
+     * Label placement with respect to the form control.
+     * @default "above"
+     */
+    labelPlacement?: 'side' | 'above';
+    /**
+     * @default "large"
+     */
+    size?: 'large' | 'medium';
+    note?: FieldNoteDirective;
+    error?: FieldErrorDirective;
+    label?: LabelComponent;
+    _fieldLabel?: FieldLabelDirective;
+    /**
+     * Focusable, labelable control. Components like Select, RadioGroup or TextField,
+     * that are meant to rendered inside sp-field, provide FieldControl.
+     */
+    control?: FieldControl;
+    private requiredValidator?;
+    /**
+     * Is set via field-note-affix directive. ContentChild query can't be used since we need
+     * to query from content -> view in some cases.
+     * @internal
+     */
+    _noteSuffixPortal: DomPortal<HTMLElement> | null;
+    private changed;
+    constructor(changeDetectorRef: ChangeDetectorRef);
+    ngAfterContentInit(): void;
+    ngAfterViewChecked(): void;
+    /**
+     * Whether the field contains an error message (sp-field-error).
+     */
+    hasError(): 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", "_fieldLabel", "control", "requiredValidator"], ["sp-field-label", "sp-contextual-help", "*", "sp-field-error", "sp-field-note"], false, [{ directive: typeof i1.UseComponentStylesOnHost; inputs: {}; outputs: {}; }]>;
+}

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

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./field.component";
+import * as i2 from "@angular/common";
+import * as i3 from "./field-label.directive";
+import * as i4 from "./field-note.directive";
+import * as i5 from "./field-note-suffix.directive";
+import * as i6 from "./field-error.directive";
+import * as i7 from "@angular/cdk/portal";
+import * as i8 from "../../label/src/label.component";
+export declare class SapphireFieldModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SapphireFieldModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SapphireFieldModule, [typeof i1.FieldComponent], [typeof i2.NgIf, typeof i3.FieldLabelDirective, typeof i4.FieldNoteDirective, typeof i5.FieldNoteSuffixDirective, typeof i6.FieldErrorDirective, typeof i7.PortalModule, typeof i8.LabelComponent], [typeof i3.FieldLabelDirective, typeof i4.FieldNoteDirective, typeof i5.FieldNoteSuffixDirective, typeof i6.FieldErrorDirective, typeof i1.FieldComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SapphireFieldModule>;
+}

package/lib/icon/public_api.d.ts

@@ -0,0 +1,3 @@
+export { IconComponent } from './src/icon.component';
+export { SapphireIconModule } from './src/icon.module';
+export { ICON_SIZE_PROVIDER, IconSizeProvider } from './src/icon-size-provider';

package/lib/icon/src/icon-size-provider.d.ts

@@ -0,0 +1,23 @@
+import { InjectionToken } from '@angular/core';
+/**
+ * Interface to implement for the value of {@link ICON_SIZE_PROVIDER}
+ */
+export interface IconSizeProvider {
+    size?: 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';
+}
+/**
+ * Injection token to provide the default size of the icon based on where
+ * it's used. Provided size will be used by default, if there is no explicit
+ * size set on the icon.
+ *
+ * @example
+ * ```
+ * @Component({
+ *   providers: [{provides: ICON_SIZE_PROVIDER, useExisting: forwardRef(() => MyComponent}],
+ * })
+ * class MyComponent implements IconSizeProvider {
+ *   @Input()
+ *   size?: 'small' | 'medium';
+ * }
+ */
+export declare const ICON_SIZE_PROVIDER: InjectionToken<unknown>;

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

@@ -0,0 +1,18 @@
+import { DoCheck, ElementRef } from '@angular/core';
+import * as icons from '@danske/sapphire-icons/js';
+import { IconSizeProvider } from './icon-size-provider';
+import * as i0 from "@angular/core";
+export declare class IconComponent implements DoCheck {
+    private elementRef;
+    private sizeProvider?;
+    set name(value: undefined | keyof typeof icons | string);
+    get name(): undefined | keyof typeof icons | string;
+    private _name?;
+    size?: string;
+    private appliedSize?;
+    constructor(elementRef: ElementRef, sizeProvider?: IconSizeProvider | undefined);
+    ngDoCheck(): void;
+    private applySize;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, [null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "sp-icon", never, { "name": "name"; "size": "size"; }, {}, never, never, false, never>;
+}

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

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./icon.component";
+import * as i2 from "@angular/common";
+export declare class SapphireIconModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SapphireIconModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SapphireIconModule, [typeof i1.IconComponent], [typeof i2.CommonModule], [typeof i1.IconComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SapphireIconModule>;
+}

package/lib/label/public_api.d.ts

@@ -0,0 +1,5 @@
+/**
+ * NOTE: label is intentionally kept internal for now. We need to add docs and stories
+ * if we decide to expose it.
+ */
+export { LabelComponent } from './src/label.component';

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

@@ -0,0 +1,43 @@
+import { EventEmitter } from '@angular/core';
+import { BooleanInput } from '@angular/cdk/coercion';
+import * as i0 from "@angular/core";
+/**
+ * Label UI, currently used exclusively in sp-field.
+ * @internal
+ */
+export declare class LabelComponent {
+    /**
+     * id prop set on the underlying label element. Useful to set aria-labelledby
+     * on the corresponding control, if it doesn't support labeling via {@link #for}
+     */
+    id: string;
+    /**
+     * html label "for" attribute, set on the underlying label element, in case the labeled control
+     * has an id and is
+     * [labelable](https://developer.mozilla.org/en-US/docs/Web/HTML/Content_categories#labelable)
+     */
+    for?: string;
+    /**
+     * Whether the label is disabled. Disabled label won't emit labelClick.
+     */
+    disabled?: BooleanInput;
+    /**
+     * Indicates the necessity of the corresponding form control.
+     */
+    necessityIndicator?: 'required' | 'optional';
+    /**
+     * @default "large"
+     */
+    size?: 'large' | 'medium';
+    /**
+     * Emits when the label text is clicked.
+     */
+    labelClick: EventEmitter<MouseEvent>;
+    /**
+     * @returns the text content of the label.
+     */
+    getText(): string;
+    private labelElementRef?;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LabelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LabelComponent, "sp-label", never, { "id": "id"; "for": "for"; "disabled": "disabled"; "necessityIndicator": "necessityIndicator"; "size": "size"; }, { "labelClick": "labelClick"; }, never, ["*", "sp-contextual-help"], true, never>;
+}

package/lib/link/public_api.d.ts

@@ -0,0 +1,2 @@
+export * from './src/link.component';
+export * from './src/link.module';

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

@@ -0,0 +1,13 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import * as i0 from "@angular/core";
+import * as i1 from "../../common/sapphire-view-encapsulation";
+export declare class LinkComponent {
+    variant?: 'primary' | 'secondary';
+    size?: 'small' | 'medium' | 'large';
+    disabled?: BooleanInput;
+    tabindex?: string | null;
+    tabIndex?: string | null;
+    private handleDisableInteraction;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LinkComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LinkComponent, "a[sp-link]", never, { "variant": "variant"; "size": "size"; "disabled": "disabled"; "tabindex": "tabindex"; "tabIndex": "tabIndex"; }, {}, never, ["*"], true, [{ directive: typeof i1.UseComponentStylesOnHost; inputs: {}; outputs: {}; }]>;
+}

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

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./link.component";
+export declare class SapphireLinkModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SapphireLinkModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SapphireLinkModule, never, [typeof i1.LinkComponent], [typeof i1.LinkComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SapphireLinkModule>;
+}

package/lib/listbox/public_api.d.ts

@@ -0,0 +1,9 @@
+export { SapphireListboxModule } from './src/listbox.module';
+export { ListboxComponent } from './src/listbox.component';
+export { OptionComponent } from './src/option.component';
+export { SectionDirective } from './src/section.directive';
+export { OptionIconDirective } from './src/option-icon.directive';
+export { OptionPrimaryTextDirective } from './src/option-primary-text.directive';
+export { OptionSecondaryTextDirective } from './src/option-secondary-text.directive';
+export { ListboxInputDirective } from './src/listbox-input.directive';
+export { ListboxChild } from './src/listbox-child';

package/lib/listbox/src/cdk-option-scroll-issue-patch.d.ts

@@ -0,0 +1,17 @@
+import { CdkListbox, CdkOption } from '@angular/cdk/listbox';
+import { ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ A workaround for an issue in cdkListbox, where the active item is not scrolled
+ into view when it's not physically focused (i.e. useActiveDescendant is true).
+ * TODO: remove when https://github.com/angular/components/issues/28989 is fixed
+ */
+export declare class CdkOptionScrollIssuePatch {
+    private cdkListbox;
+    private cdkOption;
+    private elementRef;
+    constructor(cdkListbox: CdkListbox, cdkOption: CdkOption, elementRef: ElementRef<HTMLElement>);
+    ngAfterViewChecked(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CdkOptionScrollIssuePatch, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CdkOptionScrollIssuePatch, "[cdkOption]", never, {}, {}, never, never, true, never>;
+}

package/lib/listbox/src/listbox-child.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Base class for valid listbox children (option and section), to be able to
+ * query all with @ContentChildren.
+ */
+export declare abstract class ListboxChild {
+}

package/lib/listbox/src/listbox-input.directive.d.ts

@@ -0,0 +1,16 @@
+import { ListboxComponent } from './listbox.component';
+import * as i0 from "@angular/core";
+/**
+ * A low-level directive to connect a listbox to an input, for use cases like search.
+ * It adds event handlers to enable navigation via arrow keys. It also makes
+ * the listbox use virtual focus, since the actual focus will be on the connected input.
+ */
+export declare class ListboxInputDirective {
+    set listbox(listbox: ListboxComponent | undefined);
+    private handlers?;
+    private onKeyDown;
+    private onFocus;
+    private onBlur;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ListboxInputDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ListboxInputDirective, "input[spListboxInput]", never, { "listbox": "spListboxInput"; }, {}, never, never, false, never>;
+}

package/lib/listbox/src/listbox-item.component.d.ts

@@ -0,0 +1,21 @@
+import { PressedDirective } from '../../common/pressed.directive';
+import { OptionComponent } from './option.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../../common/sapphire-view-encapsulation";
+import * as i2 from "../../common/pressed.directive";
+import * as i3 from "../../common/focused.directive";
+/**
+ * Used internally in listbox component to render items. The primary reason
+ * this is extracted into a component is to be reused outside and inside
+ * sections. Using a ng-template inside listbox component, as an alternative
+ * approach, leads to out of sync queries of cdkOptions, which leads to bugs.
+ */
+export declare class ListboxItemComponent {
+    selected?: boolean;
+    focused?: boolean;
+    option: OptionComponent;
+    size?: 'large' | 'medium' | 'small';
+    constructor(pressedDirective: PressedDirective);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ListboxItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ListboxItemComponent, "li[sp-listbox-item]", never, { "selected": "selected"; "focused": "focused"; "option": "option"; "size": "size"; }, {}, never, never, false, [{ directive: typeof i1.UseComponentStyles; inputs: {}; outputs: {}; }, { directive: typeof i2.PressedDirective; inputs: {}; outputs: {}; }, { directive: typeof i3.FocusedDirective; inputs: { "spFocused": "focused"; }; outputs: {}; }]>;
+}

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

@@ -0,0 +1,127 @@
+import { AfterViewChecked, AfterViewInit, ChangeDetectorRef, DoCheck, EventEmitter } from '@angular/core';
+import { ListboxValueChangeEvent } from '@angular/cdk/listbox';
+import { OptionComponent } from './option.component';
+import { ControlValueAccessor } from '@angular/forms';
+import { BooleanInput } from '@angular/cdk/coercion';
+import { ListboxChild } from './listbox-child';
+import { SectionDirective } from './section.directive';
+import { ListboxInputDirective } from './listbox-input.directive';
+import { IconSizeProvider } from '../../icon/src/icon-size-provider';
+import * as i0 from "@angular/core";
+export declare class ListboxComponent implements ControlValueAccessor, AfterViewInit, AfterViewChecked, DoCheck, IconSizeProvider {
+    private changeDetectorRef;
+    /**
+     * The list of selected values (`value`s of selected sp-options).
+     * It's always an array, regardless of {@property multiple} being true or not.
+     */
+    selectedValues: readonly string[];
+    /**
+     * Emitted when the selection is changed. Emits selected values.
+     */
+    selectedValuesChange: EventEmitter<readonly string[]>;
+    /**
+     * Allows for passing the list of listbox items instead of having them collected
+     * from children. Useful when a component wants to render a listbox within its view
+     * but wants to collect listbox items from its own content.
+     */
+    _itemsInput?: Iterable<ListboxChild>;
+    disabled?: BooleanInput;
+    /**
+     * Whether multiple selection is allowed
+     */
+    multiple?: BooleanInput;
+    /**
+     * If true, pressing ArrowUp/ArrowDown on the first/last item will not move
+     * focus to the last/first item.
+     */
+    navigationWrapDisabled: BooleanInput;
+    ariaLabel: string;
+    ariaLabelledBy?: string;
+    size?: 'large' | 'medium' | 'small';
+    /**
+     * Emits whenever an option is selected, regardless of if it's already selected.
+     */
+    selected: EventEmitter<any>;
+    private itemsInContent;
+    private onTouched;
+    private onChange;
+    /**
+     * List of spOption or spSection components either collected from the content
+     * or passed as input.
+     */
+    get options(): Iterable<ListboxChild>;
+    private cdkListbox?;
+    private cdkOptions?;
+    private connectedInput?;
+    /**
+     * CdkListbox throws if there is a selected value that doesn't match any of the cdkOptions
+     * It's probably an artificial check, and maybe they could remove it, but that's how it is now,
+     * and selected value can be none of the currently visible options if options are searchable.
+     * Since the check seems unnecessary, we do the filtering right in the listbox component instead
+     * of in searchable select.
+     * @private
+     */
+    _validSelectedValues: readonly string[];
+    /**
+     * Our expected behavior (matching the React impl) is to navigate to the last option, when
+     * ArrowDown is pressed and no option is currently focused, but to not have focus wrapping.
+     * disabling focus wrapping on cdkListbox is implemented differently, and doesn't allow for
+     * that, so we enable it regardless of `navigationWrapDisabled` input, if there is no active
+     * option.
+     */
+    _forceEnableNavigationWrap: boolean;
+    constructor(changeDetectorRef: ChangeDetectorRef);
+    /**
+     * Connects the listbox to an input, for combobox-like use cases.
+     * Returns a keydown event handler to be used on the connected input.
+     * Connecting an input to the listbox also causes listbox to use virtual focus
+     * since the actual focus will be in the input.
+     * @param inputDirective
+     *
+     * @internal
+     */
+    connectToInput(inputDirective: ListboxInputDirective): {
+        onKeydown: (event: KeyboardEvent) => void;
+        onFocus: () => void;
+        onBlur: () => void;
+    };
+    isSelected(option: OptionComponent): boolean;
+    ngAfterViewInit(): void;
+    ngDoCheck(): void;
+    ngAfterViewChecked(): void;
+    /**
+     * Sets active (focused) option. Passing null removes active state if any.
+     * @param value option value
+     */
+    setActiveOption(value: string | null): void;
+    /**
+     * @returns currently active (focused) option.
+     */
+    getActiveOption(): string | null;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    writeValue(obj: any): void;
+    /**
+     * @private
+     */
+    _handleSelectionChange({ value }: ListboxValueChangeEvent<string>): void;
+    /**
+     * @private
+     */
+    _isOption(item: ListboxChild): item is OptionComponent;
+    /**
+     * @private
+     */
+    _isSection(item: ListboxChild): item is SectionDirective;
+    /**
+     * @private
+     */
+    _shouldUseVirtualFocus(): boolean;
+    /**
+     * @private
+     */
+    _isConnectedToInput(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ListboxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ListboxComponent, "sp-listbox", ["spListbox"], { "selectedValues": "selectedValues"; "_itemsInput": "spListboxItems"; "disabled": "disabled"; "multiple": "multiple"; "navigationWrapDisabled": "navigationWrapDisabled"; "ariaLabel": "aria-label"; "ariaLabelledBy": "aria-labelledby"; "size": "size"; }, { "selectedValuesChange": "selectedValuesChange"; "selected": "selected"; }, ["itemsInContent"], never, false, never>;
+}

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

@@ -0,0 +1,22 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./section.directive";
+import * as i2 from "./option.component";
+import * as i3 from "./option-icon.directive";
+import * as i4 from "./option-secondary-text.directive";
+import * as i5 from "./option-primary-text.directive";
+import * as i6 from "./listbox.component";
+import * as i7 from "./listbox-input.directive";
+import * as i8 from "./listbox-item.component";
+import * as i9 from "@angular/common";
+import * as i10 from "../../icon/src/icon.module";
+import * as i11 from "@angular/cdk/listbox";
+import * as i12 from "@angular/cdk/portal";
+import * as i13 from "../../common/pressed.directive";
+import * as i14 from "../../common/focused.directive";
+import * as i15 from "../../common/sapphire-view-encapsulation";
+import * as i16 from "./cdk-option-scroll-issue-patch";
+export declare class SapphireListboxModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SapphireListboxModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SapphireListboxModule, [typeof i1.SectionDirective, typeof i2.OptionComponent, typeof i3.OptionIconDirective, typeof i4.OptionSecondaryTextDirective, typeof i5.OptionPrimaryTextDirective, typeof i6.ListboxComponent, typeof i7.ListboxInputDirective, typeof i8.ListboxItemComponent], [typeof i9.CommonModule, typeof i10.SapphireIconModule, typeof i11.CdkListboxModule, typeof i12.PortalModule, typeof i13.PressedDirective, typeof i14.FocusedDirective, typeof i15.UseComponentStyles, typeof i16.CdkOptionScrollIssuePatch], [typeof i6.ListboxComponent, typeof i2.OptionComponent, typeof i3.OptionIconDirective, typeof i4.OptionSecondaryTextDirective, typeof i5.OptionPrimaryTextDirective, typeof i1.SectionDirective, typeof i7.ListboxInputDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SapphireListboxModule>;
+}

package/lib/listbox/src/option-icon.directive.d.ts

@@ -0,0 +1,10 @@
+import { CdkPortal } from '@angular/cdk/portal';
+import * as i0 from "@angular/core";
+/**
+ * Icon part of the listbox option layout, rendered on the left side.
+ */
+export declare class OptionIconDirective {
+    contentPortal?: CdkPortal;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OptionIconDirective, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OptionIconDirective, "sp-option-icon", never, {}, {}, never, ["*"], false, never>;
+}

package/lib/listbox/src/option-primary-text.directive.d.ts

@@ -0,0 +1,14 @@
+import { DomPortal } from '@angular/cdk/portal';
+import { AfterViewInit } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Primary text of a listbox option. Useful when the option contains other parts
+ * like secondary text or icon.
+ */
+export declare class OptionPrimaryTextDirective implements AfterViewInit {
+    contentPortal?: DomPortal<HTMLElement>;
+    private content?;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OptionPrimaryTextDirective, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OptionPrimaryTextDirective, "sp-option-primary-text", never, {}, {}, never, ["*"], false, never>;
+}

package/lib/listbox/src/option-secondary-text.directive.d.ts

@@ -0,0 +1,10 @@
+import { CdkPortal } from '@angular/cdk/portal';
+import * as i0 from "@angular/core";
+/**
+ * Secondary text of a listbox option.
+ */
+export declare class OptionSecondaryTextDirective {
+    contentPortal?: CdkPortal;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OptionSecondaryTextDirective, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OptionSecondaryTextDirective, "sp-option-secondary-text", never, {}, {}, never, ["*"], false, never>;
+}

package/lib/listbox/src/option.component.d.ts

@@ -0,0 +1,21 @@
+import { AfterViewInit, ElementRef } from '@angular/core';
+import { DomPortal } from '@angular/cdk/portal';
+import { OptionSecondaryTextDirective } from './option-secondary-text.directive';
+import { OptionIconDirective } from './option-icon.directive';
+import { BooleanInput } from '@angular/cdk/coercion';
+import { ListboxChild } from './listbox-child';
+import * as i0 from "@angular/core";
+export declare class OptionComponent extends ListboxChild implements AfterViewInit {
+    value: string;
+    private _primaryText?;
+    private domPortal?;
+    disabled: BooleanInput;
+    get primaryText(): DomPortal<HTMLElement> | undefined;
+    content?: ElementRef<HTMLElement>;
+    secondaryText?: OptionSecondaryTextDirective;
+    icon?: OptionIconDirective;
+    get label(): string;
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OptionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OptionComponent, "sp-option", never, { "value": "value"; "disabled": "disabled"; }, {}, ["_primaryText", "secondaryText", "icon"], ["*"], false, never>;
+}