@impartner/design-components 1.0.0

package/lib/form-field/shared/form-field-control.d.ts

@@ -0,0 +1,24 @@
+import { AbstractControlDirective, NgControl } from '@angular/forms';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare abstract class ImpdcFormFieldControl<T> {
+    /**
+     * The control's value.
+     */
+    abstract value: T | null;
+    /**
+     * Stream that should emit when the control's state changes in a way requiring
+     * the parent `FormFieldComponent` to run change detection.
+     */
+    abstract readonly stateChanges: Observable<void>;
+    abstract readonly id: string;
+    abstract readonly ngControl: NgControl | AbstractControlDirective | null;
+    abstract readonly focused: boolean;
+    abstract readonly disabled: boolean;
+    abstract readonly required: boolean;
+    abstract readonly errorState: boolean;
+    readonly controlType?: string;
+    abstract readonly supportsAffixes: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ImpdcFormFieldControl<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ImpdcFormFieldControl<any>, never, never, {}, {}, never, never, false>;
+}

package/lib/form-field/shared/index.d.ts

@@ -0,0 +1,5 @@
+export { Constructor, AbstractConstructor } from './constructors.type';
+export { CanDisable, mixinDisabled } from './disabled.mixin';
+export { ICanUpdateErrorState, IHasErrorState, mixinErrorState } from './error-state.mixin';
+export { ImpdcFormFieldControl } from './form-field-control';
+export { HasTabIndex, mixinTabIndex } from './tab-index.mixin';

package/lib/form-field/shared/tab-index.mixin.d.ts

@@ -0,0 +1,13 @@
+import { AbstractConstructor, Constructor } from './constructors.type';
+import { CanDisable } from './disabled.mixin';
+/** @ignore */
+export interface HasTabIndex {
+    /** Tabindex of the component. */
+    tabIndex: number;
+    /** Tabindex to which to fall back to if no value is set. */
+    defaultTabIndex: number;
+}
+declare type HasTabIndexCtor = Constructor<HasTabIndex> & AbstractConstructor<HasTabIndex>;
+/** Mixin to augment a directive with a `tabIndex` property. */
+export declare function mixinTabIndex<T extends AbstractConstructor<CanDisable>>(base: T, defaultTabIndex?: number): HasTabIndexCtor & T;
+export {};

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

@@ -0,0 +1,30 @@
+import { ElementRef } from '@angular/core';
+import { FontAwesomeIcon, FontAwesomeIconTheme } from '../../constants';
+import * as i0 from "@angular/core";
+/**
+ * The `IconComponent` (`<impdc-icon` or `<any impdc-icon`) is an icon wrapper utilizing Font Awesome 5.
+ * To use, import `IconModule` or another module that imports and exports that module from `@impartner/design-components`.
+ */
+export declare class IconComponent {
+    /**
+     * The Font Awesome 5 icon name. See {@link https://fontawesome.com/v5/search}. Local
+     * development may not represent the complete list of available icons.
+     */
+    name?: FontAwesomeIcon;
+    /**
+     * The Font Awesome 5 icon style. Local development may fallback to a free available
+     * theme when possible.
+     */
+    theme: FontAwesomeIconTheme;
+    /**
+     * The icon size as a string or number. String values are used directly whereas numbers are
+     * interpreted as pixels.
+     */
+    size: string | number;
+    iconRef?: ElementRef;
+    private get usingLicensed();
+    get typeClass(): string;
+    get computedSize(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "impdc-icon, [impdc-icon]", never, { "name": "name"; "theme": "theme"; "size": "size"; }, {}, never, never, false>;
+}

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

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

package/lib/icon/index.d.ts

@@ -0,0 +1,2 @@
+export { IconComponent } from './icon.component';
+export { IconModule } from './icon.module';

package/lib/index.d.ts

@@ -0,0 +1,25 @@
+import DesignComponentsModule from './design-components.module';
+export * from './text-highlight';
+export * from './icon';
+export * from './branding';
+export * from './breadcrumb';
+export * from './badge';
+export * from './progress-bar';
+export * from './button';
+export * from './button-group';
+export * from './form-field';
+export * from './table';
+export * from './dropdown';
+export * from './alert';
+export * from './backdrop';
+export * from './modal';
+export * from './spinner';
+export * from './file-upload';
+export * from './avatar';
+export * from './avatar-group';
+export * from './card-heading';
+export * from './pagination';
+export * from './scrollable';
+export * from './size-detection';
+export * from './select-icon';
+export { DesignComponentsModule };

package/lib/modal/index.d.ts

@@ -0,0 +1,3 @@
+export * from './types';
+export { ModalComponent } from './modal.component';
+export { ModalModule } from './modal.module';

package/lib/modal/modal.component.d.ts

@@ -0,0 +1,80 @@
+import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { FontAwesomeIcon, FontAwesomeIconTheme } from '../../constants';
+import { InteractionService } from '../../services';
+import { ButtonTheme } from '../button';
+import { ModalComponentSizes, ModalThemes } from './types';
+import * as i0 from "@angular/core";
+/**
+ * The `ModalComponent` (`<impdc-modal`) displays over the content of the page when a user action is required.
+ * To use, import `ModalModule` or another module that imports and exports that module from `@impartner/design-components`.
+ * `ModalModule` imports and exports BackdropModule, [ButtonModule](./?path=/docs/design-components-button),
+ * and [IconModule](./?path=/docs/design-components-icon).
+ */
+export declare class ModalComponent implements OnInit, OnDestroy {
+    private _interactionService;
+    private _interactableId;
+    /**
+     * Determines if the Modal should be shown immediately.
+     */
+    show: boolean;
+    /**
+     * The theme of the Modal. Affects the layout of the Modal as well as some colors.
+     */
+    theme: ModalThemes;
+    /**
+     * The size of the Modal.
+     */
+    size: ModalComponentSizes;
+    /**
+     * The Font Awesome 5 icon name. Only supported when the theme is Working or Destructive.
+     */
+    iconName?: FontAwesomeIcon;
+    /**
+     * The Font Awesome 5 icon style. Fewer icons support the Regular theme and will fallback to Solid
+     * if not supported.
+     */
+    iconTheme: FontAwesomeIconTheme;
+    /**
+     * The subject text of the Modal.
+     */
+    titleText: string;
+    /**
+     * Allows the Modal to be dismissed. This is different from `accept` and `deny`. If a Modal is meant to be re-opened frequently it should be dismissable.
+     */
+    dismissable?: boolean;
+    /**
+     * Determines if the Modal should fade in/out.
+     */
+    fade: boolean;
+    /**
+     * Shows a backdrop behind the Modal.
+     */
+    backdrop: boolean;
+    /**
+     * Event emitted when the Modal content is dismissed.
+     */
+    dismiss: EventEmitter<MouseEvent | Event>;
+    /**
+     * Event emitted when the Modal content is denied.
+     */
+    deny: EventEmitter<MouseEvent | Event>;
+    /**
+     * Event emitted when the Modal content is accepted.
+     */
+    accept: EventEmitter<MouseEvent | Event>;
+    get interactableId(): number;
+    get valid(): boolean;
+    get shown(): boolean;
+    get showWorkingIcon(): boolean;
+    get showDestructiveIcon(): boolean;
+    get acceptFallbackTheme(): ButtonTheme;
+    get hideHeader(): boolean;
+    constructor(_interactionService: InteractionService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    handleDismiss(event: MouseEvent | Event): void;
+    handleDeny(event: MouseEvent | Event): void;
+    handleAccept(event: MouseEvent | Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModalComponent, "impdc-modal", never, { "show": "show"; "theme": "theme"; "size": "size"; "iconName": "iconName"; "iconTheme": "iconTheme"; "titleText": "titleText"; "dismissable": "dismissable"; "fade": "fade"; "backdrop": "backdrop"; }, { "dismiss": "dismiss"; "deny": "deny"; "accept": "accept"; }, never, ["*", "[dismiss]", "[deny]", "[accept]"], false>;
+}

package/lib/modal/modal.module.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./modal.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "../backdrop/backdrop.module";
+import * as i5 from "../button/button.module";
+import * as i6 from "../icon/icon.module";
+export declare class ModalModule {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ModalModule, [typeof i1.ModalComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.BackdropModule, typeof i5.ButtonModule, typeof i6.IconModule], [typeof i4.BackdropModule, typeof i5.ButtonModule, typeof i6.IconModule, typeof i1.ModalComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ModalModule>;
+}

package/lib/modal/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './modal-component-sizes';
+export * from './modal-theme';

package/lib/modal/types/modal-component-sizes.d.ts

@@ -0,0 +1,3 @@
+import { ComponentSize } from '../../../types';
+export declare const ModalComponentSizesArr: ComponentSize[];
+export declare type ModalComponentSizes = typeof ModalComponentSizesArr[number];

package/lib/modal/types/modal-theme.d.ts

@@ -0,0 +1,7 @@
+export declare enum ModalTheme {
+    Simple = "simple",
+    Working = "working",
+    Destructive = "destructive"
+}
+export declare const ModalThemesArr: ModalTheme[];
+export declare type ModalThemes = typeof ModalThemesArr[number];

package/lib/pagination/index.d.ts

@@ -0,0 +1,2 @@
+export { PaginationComponent } from './pagination.component';
+export { PaginationModule } from './pagination.module';

package/lib/pagination/pagination.component.d.ts

@@ -0,0 +1,41 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * The `PaginationComponent` (`<impdc-pagination` or `<div impdc-pagination`) is a control for paged content such as tables or lists.
+ * To use, import `PaginationModule` or another module that imports and exports that module from `@impartner/design-components`.
+ * `ModalModule` imports and exports ImpdcFormsModule and [ButtonModule](./?path=/docs/design-components-button).
+ */
+export declare class PaginationComponent {
+    private _summary;
+    /**
+     * The current page.
+     */
+    page: number;
+    /**
+     * The number of items shown per page. Items are commonly displayed as rows in a table.
+     */
+    perPage: number;
+    /**
+     * The total number of items.
+     */
+    total: number;
+    /**
+     * A formattable text summary of pagination data. `{firstPageResult}` The first item within the current page.
+     * `{lastPageResult}` The last item within the current page. `{total}` The total number of items.
+     */
+    set summary(summary: string);
+    get summary(): string;
+    /**
+     * Emitted when the page number is changed, specifying the target page number.
+     */
+    readonly goToPage: EventEmitter<number>;
+    get totalPages(): number;
+    get firstPageResult(): number;
+    get lastPageResult(): number;
+    goToPreviousPage(): void;
+    goToNextPage(): void;
+    goToExactPageFromEvent({ target }: FocusEvent): void;
+    goToExactPage(page: number | string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PaginationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PaginationComponent, "impdc-pagination, div[impdc-pagination]", never, { "page": "page"; "perPage": "perPage"; "total": "total"; "summary": "summary"; }, { "goToPage": "goToPage"; }, never, never, false>;
+}

package/lib/pagination/pagination.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./pagination.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../button/button.module";
+import * as i4 from "../form-field/impdc-forms.module";
+export declare class PaginationModule {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<PaginationModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PaginationModule, [typeof i1.PaginationComponent], [typeof i2.CommonModule, typeof i3.ButtonModule, typeof i4.ImpdcFormsModule], [typeof i3.ButtonModule, typeof i4.ImpdcFormsModule, typeof i1.PaginationComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<PaginationModule>;
+}

package/lib/progress-bar/index.d.ts

@@ -0,0 +1,2 @@
+export { ProgressBarComponent } from './progress-bar.component';
+export { ProgressBarModule } from './progress-bar.module';

package/lib/progress-bar/progress-bar.component.d.ts

@@ -0,0 +1,22 @@
+import * as i0 from "@angular/core";
+/**
+ * The `ProgressBarComponent` (`<impdc-progress-bar`) is a display-only slider to show progress.
+ * To use, import `ProgressBarModule` or another module that imports and exports that module from `@impartner/design-components`.
+ */
+export declare class ProgressBarComponent {
+    /**
+     * The left/subject text of the Progress Bar.
+     */
+    labelText: string;
+    /**
+     * The right/status text of the Progress Bar.
+     */
+    statusText: string;
+    /**
+     * The current value of the Progress Bar represented as a number between 0 and 100.
+     */
+    progressPercentage: number;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBarComponent, "impdc-progress-bar", never, { "labelText": "labelText"; "statusText": "statusText"; "progressPercentage": "progressPercentage"; }, {}, never, never, false>;
+}

package/lib/progress-bar/progress-bar.module.d.ts

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

package/lib/scrollable/index.d.ts

@@ -0,0 +1,2 @@
+export { ScrollableComponent } from './scrollable.component';
+export { ScrollableModule } from './scrollable.module';

package/lib/scrollable/scrollable.component.d.ts

@@ -0,0 +1,39 @@
+import { AfterViewInit, ChangeDetectorRef, ElementRef, OnChanges, SimpleChanges } from '@angular/core';
+import { IElementSize } from '../size-detection';
+import * as i0 from "@angular/core";
+/**
+ * The `ScrollableComponent` (`<impdc-scrollable` or `<div impdc-scrollable`) is a container that hides items that wouldn't fit
+ * with arrows on the left and right to slide between them.
+ * To use, import `ScrollableModule` or another module that imports and exports that module from `@impartner/design-components`.
+ * `ScrollableModule` also imports and exports [BrandingModule](./?path=/docs/design-components-directives-impdcbranded).
+ */
+export declare class ScrollableComponent implements OnChanges, AfterViewInit {
+    private _cd;
+    /**
+     * The base amount to scroll.
+     */
+    scrollUnit: number;
+    /**
+     * Used in combination with `scrollUnit` to determine how far the Scrollable scrolls when directional arrows are clicked.
+     */
+    clickScrollMultiplier: number;
+    private _scrollableBgColor;
+    get canScrollLeft(): boolean;
+    get canScrollRight(): boolean;
+    private _width;
+    containerRef: ElementRef | undefined;
+    private get _containerElement();
+    contentRef: ElementRef | undefined;
+    private get _contentElement();
+    constructor(_cd: ChangeDetectorRef);
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    scroll(direction: number): Promise<void>;
+    widthChanged(elementSize: IElementSize): void;
+    private _scrollToPosition;
+    private _getBackgroundColorForButtons;
+    private _getAncestorBackgroundColor;
+    private _getBackGroundColor;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScrollableComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScrollableComponent, "impdc-scrollable, div[impdc-scrollable]", never, { "scrollUnit": "scrollUnit"; "clickScrollMultiplier": "clickScrollMultiplier"; }, {}, never, ["*"], false>;
+}

package/lib/scrollable/scrollable.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./scrollable.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../size-detection/size-detection.module";
+import * as i4 from "../branding/branding.module";
+export declare class ScrollableModule {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScrollableModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ScrollableModule, [typeof i1.ScrollableComponent], [typeof i2.CommonModule, typeof i3.SizeDetectionModule, typeof i4.BrandingModule], [typeof i1.ScrollableComponent, typeof i4.BrandingModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ScrollableModule>;
+}

package/lib/select-icon/index.d.ts

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

package/lib/select-icon/select-icon.component.d.ts

@@ -0,0 +1,123 @@
+import { ChangeDetectorRef, DoCheck, ElementRef, EventEmitter, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { ControlValueAccessor, FormControl, FormGroupDirective, NgControl, NgForm } from '@angular/forms';
+import { Observable, Subject } from 'rxjs';
+import { BooleanInput } from '../../utilities';
+import { ErrorStateMatcher, ICanUpdateErrorState, IHasErrorState, ImpdcFormFieldControl, ImpdcFormRoot } from '../form-field';
+import * as i0 from "@angular/core";
+export declare class ImpdcSelectIconChange {
+    source: SelectIconComponent;
+    value: any;
+    constructor(source: SelectIconComponent, value: any);
+}
+declare const _SelectIconComponentBase: import("../form-field").Constructor<import("../form-field").HasTabIndex> & import("../form-field").AbstractConstructor<import("../form-field").HasTabIndex> & import("../form-field").Constructor<import("../form-field").CanDisable> & import("../form-field").AbstractConstructor<import("../form-field").CanDisable> & import("../form-field").Constructor<ICanUpdateErrorState> & import("../form-field").AbstractConstructor<ICanUpdateErrorState> & {
+    new (_defaultErrorStateMatcher: ErrorStateMatcher, _formRoot: ImpdcFormRoot, _parentForm: NgForm, _parentFormGroup: FormGroupDirective, ngControl: NgControl | null): {
+        readonly stateChanges: Subject<void>;
+        _defaultErrorStateMatcher: ErrorStateMatcher;
+        _formRoot: ImpdcFormRoot;
+        _parentForm: NgForm;
+        _parentFormGroup: FormGroupDirective;
+        ngControl: NgControl | null;
+    };
+};
+/**
+ * The `SelectIconComponent` (`<impdc-select-icon`) is a select dropdown with search that shows all standard icons from Bootstrap 5.
+ * To use, import `SelectIconModule` or another module that imports and exports that module from `@impartner/design-components`.
+ */
+export declare class SelectIconComponent extends _SelectIconComponentBase implements ControlValueAccessor, ImpdcFormFieldControl<string | null>, ICanUpdateErrorState, IHasErrorState, DoCheck, OnChanges, OnDestroy {
+    private readonly _changeDetector;
+    protected _toggleButtonRef: ElementRef<HTMLButtonElement>;
+    protected readonly filteredOptions$: Observable<string[]>;
+    protected readonly searchControl: FormControl<string | null>;
+    protected readonly _uid: string;
+    protected _dropdownOpen: boolean;
+    private readonly _iconOptionsSubject;
+    private _previousControl?;
+    private _cvaOnChange;
+    private _cvaOnTouched;
+    /**
+     * Set whether or not an input field will appear for searching and
+     * filtering icon options.
+     * @default true
+     */
+    allowSearch: boolean;
+    get iconOptions(): string[];
+    /**
+     * Set to override the default set of FontAwesome icon options.
+     */
+    set iconOptions(iconOptions: string[]);
+    /**
+     * Set whether or not to show the icon names as labels for icon options.
+     * @default true
+     */
+    showText: boolean;
+    /**
+     * Set whether or not to show the name of the selected icon inside the control.
+     * @default true
+     */
+    showSelectedText: boolean;
+    /**
+     * The placeholder text that will be displayed when no selection has been made.
+     *
+     * @default \- Select -
+     */
+    get placeholder(): string;
+    set placeholder(value: string);
+    private _placeholder;
+    errorStateMatcher: ErrorStateMatcher;
+    /** Events fire when selection has been changed by the user. */
+    readonly selectionChange: EventEmitter<ImpdcSelectIconChange>;
+    /**
+     * Events fire when raw value of select changes. Mainly exists to handle
+     * two-way binding of `value` input property.
+     * @ignore
+     */
+    readonly valueChange: EventEmitter<string | null>;
+    constructor(_changeDetector: ChangeDetectorRef, _defaultErrorStateMatcher: ErrorStateMatcher, _formRoot: ImpdcFormRoot, _parentForm: NgForm, _parentFormGroup: FormGroupDirective, ngControl: NgControl);
+    get empty(): boolean;
+    /** @ignore */
+    focus(options?: FocusOptions): void;
+    /** @ignore */
+    ngDoCheck(): void;
+    /** @ignore */
+    ngOnChanges(changes: SimpleChanges): void;
+    /** @ignore */
+    ngOnDestroy(): void;
+    /** @ignore */
+    writeValue(value: string): void;
+    /** @ignore */
+    registerOnChange(fn: (value: any) => void): void;
+    /** @ignore */
+    registerOnTouched(fn: () => {}): void;
+    /** @ignore */
+    setDisabledState?(isDisabled: boolean): void;
+    get value(): string | null;
+    set value(value: string | null);
+    private _value;
+    get id(): string;
+    set id(value: string);
+    protected _id: string;
+    /**
+     * Used to set requiredness of control in a template-based manner;
+     * not necessary when using the Angular reactive forms API and `required` validator.
+     *
+     * @default false
+     */
+    get required(): boolean;
+    set required(value: BooleanInput);
+    private _required;
+    get focused(): boolean;
+    protected _focused: boolean;
+    readonly controlType: string;
+    readonly supportsAffixes: boolean;
+    protected handleOpenChange(isOpen: boolean): void;
+    protected selectIcon(iconName: string): void;
+    protected _onFocus(): void;
+    /**
+     * Calls the CVA touched callback only if the dropdown is closed.
+     */
+    protected _onBlur(): void;
+    private _buildChangeEvent;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectIconComponent, [null, null, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; self: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectIconComponent, "impdc-select-icon", never, { "disabled": "disabled"; "tabIndex": "tabIndex"; "allowSearch": "allowSearch"; "iconOptions": "iconOptions"; "showText": "showText"; "showSelectedText": "showSelectedText"; "placeholder": "placeholder"; "errorStateMatcher": "errorStateMatcher"; "value": "value"; "id": "id"; "required": "required"; }, { "selectionChange": "selectionChange"; "valueChange": "valueChange"; }, never, never, false>;
+}
+export {};

package/lib/select-icon/select-icon.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./select-icon.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../form-field/impdc-forms.module";
+import * as i4 from "@ng-bootstrap/ng-bootstrap";
+import * as i5 from "@angular/forms";
+export declare class SelectIconModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectIconModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SelectIconModule, [typeof i1.SelectIconComponent], [typeof i2.CommonModule, typeof i3.ImpdcFormsModule, typeof i4.NgbTypeaheadModule, typeof i4.NgbDropdownModule, typeof i5.ReactiveFormsModule], [typeof i1.SelectIconComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SelectIconModule>;
+}

package/lib/size-detection/directive/element-size.interface.d.ts

@@ -0,0 +1,4 @@
+export interface IElementSize {
+    height: number;
+    width: number;
+}

package/lib/size-detection/directive/index.d.ts

@@ -0,0 +1,2 @@
+export * from './element-size.interface';
+export * from './size-detector.directive';

package/lib/size-detection/directive/size-detector.directive.d.ts

@@ -0,0 +1,14 @@
+import { ElementRef, EventEmitter, OnDestroy } from '@angular/core';
+import { IElementSize } from './element-size.interface';
+import * as i0 from "@angular/core";
+export declare class SizeDetectorDirective implements OnDestroy {
+    private readonly _elementRef;
+    readonly resized: EventEmitter<IElementSize>;
+    private _resizeObserver;
+    constructor(_elementRef: ElementRef);
+    ngOnDestroy(): void;
+    private _observe;
+    private _unobserve;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SizeDetectorDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SizeDetectorDirective, "[impdcSizeDetector]", never, {}, { "resized": "resized"; }, never, never, false>;
+}

package/lib/size-detection/index.d.ts

@@ -0,0 +1,3 @@
+export { IElementSize } from './directive/element-size.interface';
+export { SizeDetectorDirective } from './directive/size-detector.directive';
+export { SizeDetectionModule } from './size-detection.module';

package/lib/size-detection/size-detection.module.d.ts

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

package/lib/spinner/index.d.ts

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

package/lib/spinner/spinner.component.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+/**
+ * The `SpinnerComponent` (`<impdc-spinner` or `<div impdc-spinner`) is used when data is processing and content isn't ready to be interacted with yet.
+ * To use, import `SpinnerModule` or another module that imports and exports that module from `@impartner/design-components`.
+ */
+export declare class SpinnerComponent {
+    /**
+     * Accessibility text used by screen readers.
+     */
+    accessibilityText: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SpinnerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpinnerComponent, "impdc-spinner, div[impdc-spinner]", never, { "accessibilityText": "accessibilityText"; }, {}, never, never, false>;
+}

package/lib/spinner/spinner.module.d.ts

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

package/lib/table/index.d.ts

@@ -0,0 +1,2 @@
+export { TableComponent } from './table.component';
+export { TableModule } from './table.module';

package/lib/table/table.component.d.ts

@@ -0,0 +1,15 @@
+import * as i0 from "@angular/core";
+/**
+ * The `TableComponent` (`<table impdcTable`) is a simple table wrapper that requires less code than the native table.
+ * To use, import `TableModule` or another module that imports and exports that module from `@impartner/design-components`.
+ */
+export declare class TableComponent {
+    /**
+     * Stripes every other row in a slightly darker background color.
+     */
+    striped: boolean;
+    private classTable;
+    private get classTableStriped();
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "table[impdcTable]", never, { "striped": "striped"; }, {}, never, ["th", "tr"], false>;
+}

package/lib/table/table.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./table.component";
+import * as i2 from "../button/button.module";
+export declare class TableModule {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TableModule, [typeof i1.TableComponent], [typeof i2.ButtonModule], [typeof i2.ButtonModule, typeof i1.TableComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<TableModule>;
+}

package/lib/text-highlight/index.d.ts

@@ -0,0 +1,2 @@
+export { TextHighlightComponent } from './text-highlight.component';
+export { TextHighlightModule } from './text-highlight.module';