@impartner/design-components 2.0.1 → 2.1.1

package/lib/form-field/{directives → component/directives}/prefix.directive.d.ts

@@ -5,5 +5,5 @@ export declare class PrefixDirective {
     set isTextSelector(value: '');
     isText: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<PrefixDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PrefixDirective, "[impdcPrefix], [impdcTextPrefix]", never, { "isTextSelector": { "alias": "impdcTextPrefix"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PrefixDirective, "[impdcPrefix], [impdcTextPrefix]", never, { "isTextSelector": { "alias": "impdcTextPrefix"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/form-field/{directives → component/directives}/suffix.directive.d.ts

@@ -5,5 +5,5 @@ export declare class SuffixDirective {
     set isTextSelector(value: '');
     isText: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<SuffixDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SuffixDirective, "[impdcSuffix], [impdcTextSuffix]", never, { "isTextSelector": { "alias": "impdcTextSuffix"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SuffixDirective, "[impdcSuffix], [impdcTextSuffix]", never, { "isTextSelector": { "alias": "impdcTextSuffix"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/form-field/{form-field.component.d.ts → component/form-field.component.d.ts}

@@ -1,9 +1,7 @@
 import { AfterContentChecked, AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, InjectionToken, QueryList } from '@angular/core';
 import { AbstractControlDirective } from '@angular/forms';
-import { ErrorDirective } from './directives/error.directive';
-import { PrefixDirective } from './directives/prefix.directive';
-import { SuffixDirective } from './directives/suffix.directive';
-import { ImpdcFormFieldControl } from './shared/form-field-control';
+import { ErrorDirective, PrefixDirective, SuffixDirective } from './directives';
+import { ImpdcFormFieldControl } from '../shared/form-field-control';
 import * as i0 from "@angular/core";
 export declare const IMPDC_FORM_FIELD: InjectionToken<FormFieldComponent>;
 export declare class FormFieldComponent implements AfterViewInit, AfterContentInit, AfterContentChecked {
@@ -35,5 +33,5 @@ export declare class FormFieldComponent implements AfterViewInit, AfterContentIn
     /** Initializes the prefix and suffix containers. */
     private _initializePrefixAndSuffix;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldComponent, "impdc-form-field", ["impdcFormField"], {}, {}, ["_formFieldControl", "_prefixChildren", "_suffixChildren", "_errorChildren"], ["impdc-label", "impdc-corner-hint", "[impdcPrefix]", "[impdcTextPrefix]", "*", "[impdcTextSuffix]", "[impdcSuffix]", "impdc-hint", "impdc-error, [impdc-error]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldComponent, "impdc-form-field", ["impdcFormField"], {}, {}, ["_formFieldControl", "_prefixChildren", "_suffixChildren", "_errorChildren"], ["impdc-label", "impdc-corner-hint", "[impdcPrefix]", "[impdcTextPrefix]", "*", "[impdcTextSuffix]", "[impdcSuffix]", "impdc-hint", "impdc-error, [impdc-error]"], true, never>;
 }

package/lib/form-field/component/form-field.module.d.ts

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./form-field.component";
+import * as i2 from "./directives/corner-hint.directive";
+import * as i3 from "./directives/error.directive";
+import * as i4 from "./directives/form-root.directive";
+import * as i5 from "./directives/hint.directive";
+import * as i6 from "./directives/label.directive";
+import * as i7 from "./directives/prefix.directive";
+import * as i8 from "./directives/suffix.directive";
+export declare class FormFieldModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormFieldModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FormFieldModule, never, [typeof i1.FormFieldComponent, typeof i2.CornerHintDirective, typeof i3.ErrorDirective, typeof i4.RootFormGroupDirective, typeof i4.RootNgFormDirective, typeof i5.HintDirective, typeof i6.LabelDirective, typeof i7.PrefixDirective, typeof i8.SuffixDirective], [typeof i1.FormFieldComponent, typeof i2.CornerHintDirective, typeof i3.ErrorDirective, typeof i4.RootFormGroupDirective, typeof i4.RootNgFormDirective, typeof i5.HintDirective, typeof i6.LabelDirective, typeof i7.PrefixDirective, typeof i8.SuffixDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FormFieldModule>;
+}

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

@@ -0,0 +1,3 @@
+export * from './directives';
+export * from './form-field.component';
+export * from './form-field.module';

package/lib/form-field/controls/checkbox/checkbox.component.d.ts

@@ -2,7 +2,7 @@ import { ChangeDetectorRef, DoCheck, ElementRef, EventEmitter, OnDestroy } from
 import { ControlValueAccessor, FormGroupDirective, NgControl, NgForm, ValidationErrors, Validator } from '@angular/forms';
 import { Subject } from 'rxjs';
 import { BooleanInput } from '../../../../utilities';
-import { ImpdcFormRoot } from '../../directives';
+import { ImpdcFormRoot } from '../../component';
 import { ErrorStateMatcher } from '../../services';
 import { HasTabIndex, ICanUpdateErrorState, IHasErrorState, ImpdcFormFieldControl } from '../../shared';
 import * as i0 from "@angular/core";
@@ -60,6 +60,10 @@ export declare class CheckboxComponent extends _CheckboxComponentMixinBase imple
      * Whether or not the checkbox displays inline.
      */
     inline: boolean;
+    /**
+     * Opt to display the checkbox control before the label (`'check-start'`) or after the label (`'check-end'`)
+     */
+    layout: 'check-start' | 'check-end';
     /**
      * Whether or not the checkbox input is checked.
      */
@@ -128,6 +132,6 @@ export declare class CheckboxComponent extends _CheckboxComponentMixinBase imple
      */
     protected _preventBubblingFromLabel(event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, [null, { attribute: "tabindex"; }, null, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; self: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "impdc-checkbox", ["impdcCheckControl"], { "tabIndex": { "alias": "tabIndex"; "required": false; }; "id": { "alias": "id"; "required": false; }; "label": { "alias": "label"; "required": false; }; "description": { "alias": "description"; "required": false; }; "isSwitch": { "alias": "isSwitch"; "required": false; }; "switchIcons": { "alias": "switchIcons"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "change": "change"; "indeterminateChange": "indeterminateChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "impdc-checkbox", ["impdcCheckControl"], { "tabIndex": { "alias": "tabIndex"; "required": false; }; "id": { "alias": "id"; "required": false; }; "label": { "alias": "label"; "required": false; }; "description": { "alias": "description"; "required": false; }; "isSwitch": { "alias": "isSwitch"; "required": false; }; "switchIcons": { "alias": "switchIcons"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "change": "change"; "indeterminateChange": "indeterminateChange"; }, never, never, true, never>;
 }
 export {};

package/lib/form-field/controls/checkbox/checkbox.module.d.ts

@@ -1,9 +1,7 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./checkbox.component";
-import * as i2 from "@angular/common";
-import * as i3 from "../shared/toggle/toggle.module";
 export declare class CheckboxModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<CheckboxModule, [typeof i1.CheckboxComponent], [typeof i2.CommonModule, typeof i3.ToggleModule], [typeof i1.CheckboxComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CheckboxModule, never, [typeof i1.CheckboxComponent], [typeof i1.CheckboxComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<CheckboxModule>;
 }

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

@@ -2,3 +2,4 @@ export * from './checkbox';
 export * from './input';
 export * from './radio';
 export * from './select';
+export * from './tag-select';

package/lib/form-field/controls/input/input.directive.d.ts

@@ -2,7 +2,7 @@ import { DoCheck, ElementRef, OnChanges, OnDestroy } from '@angular/core';
 import { FormGroupDirective, NgControl, NgForm } from '@angular/forms';
 import { Subject } from 'rxjs';
 import { BooleanInput } from '../../../../utilities';
-import { ImpdcFormRoot } from '../../directives';
+import { ImpdcFormRoot } from '../../component';
 import { ErrorStateMatcher } from '../../services';
 import { ICanUpdateErrorState, IHasErrorState } from '../../shared';
 import { ImpdcFormFieldControl } from '../../shared/form-field-control';
@@ -79,6 +79,6 @@ export declare class InputDirective extends _InputDirectiveBase implements Impdc
     protected _typeIsValid(inputType: string): boolean;
     protected _onInput(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputDirective, [null, { optional: true; self: true; }, { optional: true; }, { optional: true; }, { optional: true; }, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<InputDirective, "input[impdcInput], textarea[impdcInput], select[impdcNativeSelect]", ["impdcInput"], { "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "type": { "alias": "type"; "required": false; }; "required": { "alias": "required"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<InputDirective, "input[impdcInput], textarea[impdcInput], select[impdcNativeSelect]", ["impdcInput"], { "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "type": { "alias": "type"; "required": false; }; "required": { "alias": "required"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, true, never>;
 }
 export {};

package/lib/form-field/controls/radio/radio-button/radio-button.component.d.ts

@@ -93,6 +93,6 @@ export declare class RadioButtonComponent extends _RadioButtonComponentMixinBase
     protected _onInputChange(event: Event): void;
     protected _updateTabIndex(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RadioButtonComponent, [null, null, { attribute: "tabindex"; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RadioButtonComponent, "impdc-radio-button", ["impdcRadioButton"], { "tabIndex": { "alias": "tabIndex"; "required": false; }; "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; "ariaDescribedby": { "alias": "aria-describedby"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "value": { "alias": "value"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "label": { "alias": "label"; "required": false; }; "description": { "alias": "description"; "required": false; }; }, { "change": "change"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadioButtonComponent, "impdc-radio-button", ["impdcRadioButton"], { "tabIndex": { "alias": "tabIndex"; "required": false; }; "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; "ariaDescribedby": { "alias": "aria-describedby"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "value": { "alias": "value"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "label": { "alias": "label"; "required": false; }; "description": { "alias": "description"; "required": false; }; }, { "change": "change"; }, never, never, true, never>;
 }
 export {};

package/lib/form-field/controls/radio/radio-group/radio-group.directive.d.ts

@@ -2,7 +2,7 @@ import { AfterContentInit, ChangeDetectorRef, DoCheck, EventEmitter, OnDestroy,
 import { ControlValueAccessor, FormGroupDirective, NgControl, NgForm } from '@angular/forms';
 import { BooleanInput } from '../../../../../utilities';
 import { Subject } from 'rxjs';
-import { ImpdcFormRoot } from '../../../directives';
+import { ImpdcFormRoot } from '../../../component';
 import { ErrorStateMatcher } from '../../../services';
 import { IHasErrorState, ImpdcFormFieldControl } from '../../../shared';
 import { RadioChangeEvent, IRadioButton, IRadioGroup } from '../interfaces';
@@ -99,6 +99,6 @@ export declare class RadioGroupDirective<TRadioButton extends IRadioButton = IRa
     protected _updateRadioOptionNames(): void;
     protected _updateSelectedRadioOptionFromValue(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RadioGroupDirective<any>, [null, null, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; self: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RadioGroupDirective<any>, "impdc-radio-group", ["impdcRadioGroup"], { "name": { "alias": "name"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "value": { "alias": "value"; "required": false; }; "id": { "alias": "id"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "change": "change"; }, ["_radioOptions"], never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RadioGroupDirective<any>, "impdc-radio-group", ["impdcRadioGroup"], { "name": { "alias": "name"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "value": { "alias": "value"; "required": false; }; "id": { "alias": "id"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "change": "change"; }, ["_radioOptions"], never, true, never>;
 }
 export {};

package/lib/form-field/controls/radio/radio.module.d.ts

@@ -1,10 +1,8 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./radio-button/radio-button.component";
 import * as i2 from "./radio-group/radio-group.directive";
-import * as i3 from "@angular/forms";
-import * as i4 from "../shared/toggle/toggle.module";
 export declare class RadioModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<RadioModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<RadioModule, [typeof i1.RadioButtonComponent, typeof i2.RadioGroupDirective], [typeof i3.ReactiveFormsModule, typeof i4.ToggleModule], [typeof i1.RadioButtonComponent, typeof i2.RadioGroupDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RadioModule, never, [typeof i1.RadioButtonComponent, typeof i2.RadioGroupDirective], [typeof i1.RadioButtonComponent, typeof i2.RadioGroupDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<RadioModule>;
 }

package/lib/form-field/controls/select/index.d.ts

@@ -1,5 +1,9 @@
-export { SelectOptionSelectionChangeEvent, SelectOptionComponent } from './option';
-export { ISelectOptionParentComponent, IMPDC_SELECT_OPTION_PARENT_COMPONENT } from './option-parent';
+export { ISelectOption } from './interfaces';
+export { SelectOptionGroupComponent } from './option-group';
+export { SelectOptionComponent } from './option';
+export { SelectOptionDisplayComponent, SelectOptionSelectionChangeEvent } from './option-display';
+export { ISelectOptionParentComponent, ISelectValueBadgesParentComponent, IMPDC_SELECT_OPTION_PARENT_COMPONENT, IMPDC_SELECT_VALUE_BADGES_PARENT_COMPONENT } from './option-parent';
 export { SelectChange, SelectModel } from './select-model';
+export { SelectValueTagsDisplayComponent } from './value-tags-display';
 export { SelectChangeEvent, SelectComponent } from './select.component';
 export { SelectModule } from './select.module';

package/lib/form-field/controls/select/interfaces/index.d.ts

@@ -0,0 +1 @@
+export * from './select-option.interface';

package/lib/form-field/controls/select/interfaces/select-option.interface.d.ts

@@ -0,0 +1,6 @@
+export interface ISelectOption {
+    readonly groupLabel?: string;
+    readonly label: string;
+    readonly value: any;
+    readonly disabled?: boolean;
+}

package/lib/form-field/controls/select/option/index.d.ts

@@ -1 +1 @@
-export { SelectOptionSelectionChangeEvent, SelectOptionComponent } from './select-option.component';
+export * from './select-option.component';

package/lib/form-field/controls/select/option/select-option.component.d.ts

@@ -1,60 +1,21 @@
-import { ChangeDetectorRef, EventEmitter, OnDestroy } from '@angular/core';
-import { NgbDropdownItem } from '@ng-bootstrap/ng-bootstrap';
-import { BooleanInput } from '../../../../../utilities';
-import { Subject } from 'rxjs';
-import { ISelectOptionParentComponent } from '../option-parent';
+import { ISelectOption } from '../interfaces';
 import * as i0 from "@angular/core";
-export declare class SelectOptionSelectionChangeEvent<T = any> {
-    source: SelectOptionComponent;
-    isUserInput: boolean;
-    constructor(source: SelectOptionComponent, isUserInput?: boolean);
-}
-export declare class SelectOptionComponent<T = any> extends NgbDropdownItem implements OnDestroy {
-    private readonly _parent;
-    private readonly _changeDetector;
-    /** @ignore */
-    readonly stateChanges: Subject<void>;
-    private _selected;
-    private __disabled;
-    /** @ignore */
-    get multiple(): boolean;
-    /** @ignore */
-    get selected(): boolean;
+export declare class SelectOptionComponent implements ISelectOption {
+    private readonly _group?;
+    readonly uid: string;
     /**
      * The specific value represented by the select option.
      */
-    value?: T;
+    value: any;
     /**
      * Label text describing the select option.
      */
-    get label(): string;
-    set label(label: string);
-    private _label;
-    /** @ignore */
-    id: string;
+    label: string;
     /**
      * Used to enable or disable the specific select option.
      */
-    get disabled(): boolean;
-    set disabled(value: BooleanInput);
-    /** @ignore */
-    readonly onSelectionChange: EventEmitter<SelectOptionSelectionChangeEvent<T>>;
-    constructor(_parent: ISelectOptionParentComponent, _changeDetector: ChangeDetectorRef);
-    /** @ignore */
-    select(): void;
-    /** @ignore */
-    deselect(): void;
-    /** @ignore */
-    ngOnDestroy(): void;
-    /** Ensures the option is selected when activated from the keyboard. */
-    protected _handleKeydown(event: KeyboardEvent): void;
-    /**
-     * `Selects the option while indicating the selection came from the user. Used to
-     * determine if the select's view -> model callback should be invoked.`
-     */
-    protected _selectViaInteraction(): void;
-    private _emitSelectionChangeEvent;
-    private _isInteractionKeyEvent;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SelectOptionComponent<any>, [{ optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectOptionComponent<any>, "impdc-select-option", never, { "value": { "alias": "value"; "required": false; }; "label": { "alias": "label"; "required": false; }; "id": { "alias": "id"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "onSelectionChange": "onSelectionChange"; }, never, never, false, never>;
+    disabled: boolean;
+    get groupLabel(): string | undefined;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectOptionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectOptionComponent, "impdc-select-option", never, { "value": { "alias": "value"; "required": false; }; "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/form-field/controls/select/option-display/index.d.ts

@@ -0,0 +1 @@
+export { SelectOptionSelectionChangeEvent, SelectOptionDisplayComponent } from './select-option-display.component';

package/lib/form-field/controls/select/option-display/select-option-display.component.d.ts

@@ -0,0 +1,64 @@
+import { ChangeDetectorRef, EventEmitter, OnDestroy } from '@angular/core';
+import { NgbDropdownItem } from '@ng-bootstrap/ng-bootstrap';
+import { Subject } from 'rxjs';
+import { BooleanInput } from '../../../../../utilities';
+import { ISelectOption } from '../interfaces';
+import { ISelectOptionParentComponent } from '../option-parent';
+import * as i0 from "@angular/core";
+export declare class SelectOptionSelectionChangeEvent<T = any> {
+    source: SelectOptionDisplayComponent;
+    isUserInput: boolean;
+    constructor(source: SelectOptionDisplayComponent, isUserInput?: boolean);
+}
+export declare class SelectOptionDisplayComponent extends NgbDropdownItem implements ISelectOption, OnDestroy {
+    protected readonly parent: ISelectOptionParentComponent | undefined;
+    private readonly _changeDetector;
+    /** @ignore */
+    readonly stateChanges: Subject<void>;
+    private _selected;
+    private __disabled;
+    /** @ignore */
+    get multiple(): boolean;
+    /** @ignore */
+    get selected(): boolean;
+    set selected(value: boolean | undefined);
+    /**
+     * The specific value represented by the select option.
+     */
+    value: any;
+    /**
+     * Label text describing the select option.
+     */
+    get label(): string;
+    set label(label: string);
+    private _label;
+    groupLabel?: string;
+    highlightText: string | null;
+    /** @ignore */
+    id: string;
+    /**
+     * Used to enable or disable the specific select option.
+     */
+    get disabled(): boolean;
+    set disabled(value: BooleanInput);
+    /** @ignore */
+    readonly onSelectionChange: EventEmitter<SelectOptionSelectionChangeEvent<any>>;
+    constructor(parent: ISelectOptionParentComponent | undefined, _changeDetector: ChangeDetectorRef);
+    /** @ignore */
+    select(): void;
+    /** @ignore */
+    deselect(): void;
+    /** @ignore */
+    ngOnDestroy(): void;
+    /** Ensures the option is selected when activated from the keyboard. */
+    protected handleKeydown(event: KeyboardEvent): void;
+    /**
+     * `Selects the option while indicating the selection came from the user. Used to
+     * determine if the select's view -> model callback should be invoked.`
+     */
+    protected selectViaInteraction(): void;
+    private _emitSelectionChangeEvent;
+    private _isInteractionKeyEvent;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectOptionDisplayComponent, [{ optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectOptionDisplayComponent, "impdc-select-option-display", never, { "selected": { "alias": "selected"; "required": false; }; "value": { "alias": "value"; "required": false; }; "label": { "alias": "label"; "required": false; }; "groupLabel": { "alias": "groupLabel"; "required": false; }; "highlightText": { "alias": "highlightText"; "required": false; }; "id": { "alias": "id"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "onSelectionChange": "onSelectionChange"; }, never, never, true, never>;
+}

package/lib/form-field/controls/select/option-group/index.d.ts

@@ -0,0 +1 @@
+export * from './select-option-group.component';

package/lib/form-field/controls/select/option-group/select-option-group.component.d.ts

@@ -0,0 +1,11 @@
+import { InjectionToken } from '@angular/core';
+import * as i0 from "@angular/core";
+export interface ISelectOptionGroup {
+    readonly label: string;
+}
+export declare const IMPDC_SELECT_OPTION_GROUP_COMPONENT: InjectionToken<ISelectOptionGroup>;
+export declare class SelectOptionGroupComponent implements ISelectOptionGroup {
+    label: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectOptionGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectOptionGroupComponent, "impdc-select-option-group", never, { "label": { "alias": "label"; "required": true; }; }, {}, never, ["impdc-select-option"], true, never>;
+}

package/lib/form-field/controls/select/option-parent.d.ts

@@ -1,5 +1,16 @@
 import { InjectionToken } from '@angular/core';
+import { ISelectOption } from './interfaces';
+import { SelectChangeEvent } from './select.component';
+import { Observable } from 'rxjs';
 export interface ISelectOptionParentComponent {
-    multiple?: boolean;
+    readonly multiple?: boolean;
 }
 export declare const IMPDC_SELECT_OPTION_PARENT_COMPONENT: InjectionToken<ISelectOptionParentComponent>;
+export interface ISelectValueBadgesParentComponent {
+    readonly selected: ISelectOption | ISelectOption[];
+    readonly selectionChange: Observable<SelectChangeEvent<ISelectValueBadgesParentComponent>>;
+    readonly stateChanges: Observable<void>;
+    readonly disabled: boolean;
+    deselectOption(option: ISelectOption): void;
+}
+export declare const IMPDC_SELECT_VALUE_BADGES_PARENT_COMPONENT: InjectionToken<ISelectValueBadgesParentComponent>;