@energycap/components 0.42.4-esbuild.20250131-1219 → 0.42.4-esbuild.20250131-1256

package/lib/controls/date-input/date-input.component.d.ts

@@ -0,0 +1,115 @@
+import { CdkConnectedOverlay, Overlay } from '@angular/cdk/overlay';
+import { ElementRef, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { KeyboardNavContainerDirective } from '../../../public-api';
+import { ValidationMessageService } from '../../core/validation-message.service';
+import { FormGroupHelper } from '../../shared/form-group.helper';
+import { UserPreferenceService } from '../../shared/user-preference.service';
+import { Calendar } from '../calendar/calendar.types';
+import { FormControlBase } from '../form-control-base';
+import { DateInputSelectionStrategyBase } from './date-input-selection-strategies/date-input-selection-strategy-base';
+import { DateInput } from './date-input.types';
+import * as i0 from "@angular/core";
+export declare class DateInputComponent extends FormControlBase implements OnInit, OnChanges {
+    protected validationMessageService: ValidationMessageService;
+    protected formGroupHelper: FormGroupHelper;
+    private userPreferenceService;
+    private el;
+    private overlayService;
+    private selectionStrategies;
+    id: string;
+    /** The form control provided by the hosting form. */
+    formModel: DateInput.FormModel;
+    minDate: Date;
+    maxDate: Date;
+    /** The initial selection mode for the calendar. Defaults to day if not provided */
+    selectionMode: DateInput.SelectionMode;
+    /** The available selection modes for the calendar. Defaults to only the initial selection mode if not provided.  */
+    selectionModeOptions: DateInput.SelectionMode[];
+    /**
+     * When a date is provided, enables the 'quick select' button.
+     * Clicking the button will shift the selected date range to the provided date.
+     */
+    quickSelectDate?: Date;
+    /** Enables the next/previous selection buttons. */
+    enableSteppers: boolean;
+    /** The form group for the internal textboxes. Textbox2 is only used for ranges. */
+    textboxGroup: DateInput.TextboxGroup;
+    /**
+     * The current calendar selection.
+     * Updated when the user clicks on a calendar item or when the date entered into the textbox is parsed.
+     */
+    calendarSelection: DateInput.Selection | null;
+    /** Controls whether the calendar overlay is open or not. */
+    isCalendarOpen: boolean;
+    /** Placeholder for the textbox. Updated to reflect the user's date display preference. */
+    placeholder: string;
+    /** Overlay scroll strategy for the calendar overlay. Closes the calendar on scroll. */
+    overlayScrollStrategy: import("@angular/cdk/overlay").CloseScrollStrategy;
+    primaryCalendarView: Calendar.View;
+    secondaryCalendarView: Calendar.View;
+    primaryCalendarMaxDate: Date;
+    secondaryCalendarMinDate: Date;
+    disableSteppers: boolean;
+    selectionStrategy: DateInputSelectionStrategyBase;
+    /**
+     * Date parsing formats for user-entered dates. Defaults to month-first formats, but is updated in onInit
+     * to use the user's preferred date format.
+     */
+    private parseFormats;
+    calendar?: KeyboardNavContainerDirective;
+    controls?: KeyboardNavContainerDirective;
+    /** Reference to the overlay directive (see template). Used to update the overlay position on validation changes. */
+    overlay?: CdkConnectedOverlay;
+    constructor(validationMessageService: ValidationMessageService, formGroupHelper: FormGroupHelper, userPreferenceService: UserPreferenceService, el: ElementRef, overlayService: Overlay, selectionStrategies: DateInput.SelectionStrategies);
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnInit(): void;
+    /** Focuses the input whenever the calendar is shift-tabbed out of. */
+    onCalendarFocusOutStart(): void;
+    /** Closes the calendar and focuses the input whenever the calendar is tabbed out of. */
+    onCalendarFocusOutEnd(): void;
+    /** Closes the calendar if the user clicks outside of the calendar and date input. */
+    onOverlayOutsideClick(event: MouseEvent): void;
+    /** If the user tabs out of the form control's action button and the calendar is open, focus the first item in the calendar overlay */
+    onControlsFocusOutEnd(): void;
+    onTextboxBlur(): void;
+    onTextbox2Blur(): void;
+    onSelectionModeChange(mode: DateInput.SelectionMode): void;
+    onCalendarDateSelected(date: Date): void;
+    onPrimaryCalendarViewChange(view: Calendar.View): void;
+    onSecondaryCalendarViewChange(view: Calendar.View): void;
+    /** Shifts the calendar views to display today. Does not update the calendar selection. */
+    goToToday(): void;
+    goToQuickSelectDate(): void;
+    nextSelection(): void;
+    previousSelection(): void;
+    private updateFormModel;
+    private onFormModelStatusChanges;
+    private onFormModelValueChanges;
+    private onTextboxValueChanges;
+    private syncTextboxControlDisabledStatus;
+    private syncFormErrors;
+    /**
+     * Updates the date parsing formats and placeholder based on the user's display preference.
+     * NOTE: This is async because we're retrieving the user's preferences. We're not awaiting the result
+     * because the only logic that depends on this is the text box date parsing logic and placeholder.
+     * Our forms should always be behind a pending overlay, so the user won't be able to interact with the
+     * form until the user is loaded anyway.
+     */
+    private setDateFormats;
+    /** Focuses the date input. */
+    private focusInput;
+    private setSelectionMode;
+    /**
+     * Sets the max date for the primary calendar and the min date for the secondary calendar based
+     * on the current views in each. This prevents the user from moving the calendars out of order.
+     */
+    private updateCalendarMinMaxDates;
+    private updateCalendars;
+    private updatePrimaryCalendar;
+    private updateSecondaryCalendar;
+    private updateSteppers;
+    private validateTextboxes;
+    private validateDateString;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DateInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateInputComponent, "ec-date-input", never, { "id": { "alias": "id"; "required": false; }; "formModel": { "alias": "formModel"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "selectionModeOptions": { "alias": "selectionModeOptions"; "required": false; }; "quickSelectDate": { "alias": "quickSelectDate"; "required": false; }; "enableSteppers": { "alias": "enableSteppers"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/controls/date-input/date-input.types.d.ts

@@ -0,0 +1,62 @@
+import { FormControl, FormGroup } from "@angular/forms";
+import { DateDisplayPipe } from "../../shared/display/pipes/date-display.pipe";
+import { DateInputSelectionStrategyBase } from "./date-input-selection-strategies/date-input-selection-strategy-base";
+import { DaySelectionStrategy } from "./date-input-selection-strategies/day-selection-strategy";
+import { Last28DaysSelectionStrategy } from "./date-input-selection-strategies/last-28-days-selection-strategy";
+import { Last7DaysSelectionStrategy } from "./date-input-selection-strategies/last-7-days-selection-strategy";
+import { MonthSelectionStrategy } from "./date-input-selection-strategies/month-selection-strategy";
+import { QuarterSelectionStrategy } from "./date-input-selection-strategies/quarter-selection-strategy";
+import { RangeSelectionStrategy } from "./date-input-selection-strategies/range-selection-strategy";
+import { YearSelectionStrategy } from "./date-input-selection-strategies/year-selection-strategy";
+import * as i0 from "@angular/core";
+export declare namespace DateInput {
+    type FormModel = FormControl<Selection | null>;
+    type TextboxGroup = FormGroup<{
+        textbox: FormControl<string | null>;
+        textbox2: FormControl<string | null>;
+    }>;
+    type Range = {
+        start: Date | null;
+        end: Date | null;
+    };
+    type Selection = Date | Range;
+    type SelectionMode = 'day' | 'last7Days' | 'last28Days' | 'month' | 'quarter' | 'year' | 'range';
+    function isSelectionSingleDate(selection?: Selection | null): selection is Date;
+    function isSelectionRange(selection?: Selection | null): selection is Range;
+    type ParsingOptions = {
+        /**
+         * When configured, the parser will shift the parsed date to the current year if the date is below this date.
+         * This is used to prevent the calendars from showing unhelpful dates in the distant past before the user finishes typing in the date.
+         */
+        shiftToCurrentYearIfBelow?: Date;
+        /**
+         * When true, the range selection modes (range, last7Days, last28Days) will key off of the end date string to determine the selection range.
+         */
+        parseFromEnd?: boolean;
+        /**
+         * Stops the parser from automatically completing the date range when there is only a start or an end date.
+         * Only applicable to the fixed length range selection modes (last7Days, last28Days).
+         */
+        preventAutoComplete?: boolean;
+    };
+    class SelectionStrategies implements Record<SelectionMode, DateInputSelectionStrategyBase> {
+        private dateDisplayPipe;
+        constructor(dateDisplayPipe: DateDisplayPipe);
+        private _range;
+        get range(): RangeSelectionStrategy;
+        private _day;
+        get day(): DaySelectionStrategy;
+        private _last7Days;
+        get last7Days(): Last7DaysSelectionStrategy;
+        private _last28Days;
+        get last28Days(): Last28DaysSelectionStrategy;
+        private _month;
+        get month(): MonthSelectionStrategy;
+        private _quarter;
+        get quarter(): QuarterSelectionStrategy;
+        _year: YearSelectionStrategy;
+        get year(): YearSelectionStrategy;
+        static ɵfac: i0.ɵɵFactoryDeclaration<SelectionStrategies, never>;
+        static ɵprov: i0.ɵɵInjectableDeclaration<SelectionStrategies>;
+    }
+}

package/lib/controls/dropdown/dropdown.component.d.ts

@@ -0,0 +1,161 @@
+import { AfterViewInit, EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { PopupStatus } from '../../shared/directives/popup/popup-container.directive';
+import { DisplayStatus } from '../../shared/display';
+import { ButtonComponent, ButtonType } from '../button/button.component';
+import { MenuItem, MenuTemplateType } from '../menu/menu.component';
+import * as i0 from "@angular/core";
+export declare class DropdownComponent implements OnInit, AfterViewInit, OnDestroy {
+    /**
+     * Base id for the component's sub-elements
+     */
+    id?: string;
+    /**
+     * Automatically focus the dropdown toggle button
+     */
+    autofocus: boolean;
+    /**
+     * Controls the display status overlay for the menu
+     */
+    status?: DisplayStatus;
+    /**
+     * Disable the button to prevent the menu from being opened
+     */
+    disabled: boolean;
+    /**
+     * Optional label for the button
+     */
+    label?: string;
+    /**
+     * Optional icon for the button
+     */
+    icon?: string;
+    /**
+     * The button type, defaults to icon
+     */
+    buttonType?: ButtonType;
+    /**
+     * Optionally align the label of the button to the left or right. If not set,
+     * will be centered.
+     */
+    buttonAlignment?: 'left' | 'right';
+    /**
+     * Adds a tooltip to the dropdown toggle button. Should only be used when
+     * the toggle buttonType is 'icon'
+     */
+    buttonTitle: string;
+    /**
+     * The tabindex of the button
+     */
+    tabindex?: number;
+    /**
+     * Display a caret with the button label or icon
+     */
+    showArrow: boolean;
+    /**
+     * Items to display in the menu
+     */
+    items: MenuItem[];
+    /**
+     * The menu item template
+     */
+    menuTemplateType: MenuTemplateType;
+    /**
+     * Display a header on the menu
+     * @deprecated use first menu item with display set to 'heading' instead
+     */
+    menuTitle?: string;
+    /**
+     * Set a fixed height for the menu, auto by default
+     */
+    menuHeight?: number;
+    /**
+     * Set a fixed width in pixels for the menu, auto by default
+     */
+    menuWidth?: number;
+    /**
+     * Set a min-width in pixels on the menu. It will expand if the content is greater than the min-width
+     */
+    menuMinWidth?: number;
+    /**
+     * Pin the menu to the left or right of the button. Right by default
+     */
+    menuPosition?: 'left' | 'right';
+    /**
+     * Sticky footer to display at the bottom of the popup menu
+     */
+    menuFooter?: string;
+    /**
+     * Fix position the menu instead of absolute. Useful when the dropdown is in a
+     * dialog
+     */
+    popupFixed: boolean;
+    /**
+     * Pass a custom template to the toggle button
+     */
+    buttonCustomTemplate?: TemplateRef<any>;
+    /**
+    * Used to set the menu buttons state to pending
+    */
+    pending: boolean;
+    /**
+     * Emits an event when a menu item is selected
+     */
+    itemSelected: EventEmitter<MenuItem>;
+    /**
+     * Emits an event when the popup menu opens
+     */
+    popupOpened: EventEmitter<void>;
+    /**
+     * The status of the menu
+     */
+    menuStatus: PopupStatus;
+    /** Item to highlight when the menu is opened, used when the user
+     *  opens the menu via the keyboard
+     */
+    highlightedItem: MenuItem | null;
+    /** Used to know if the menu was toggled via the keyboard */
+    private isKeyboardEvent;
+    /**
+     * Internal reference to the menu element
+     */
+    private menuEl;
+    /**
+     * Internal reference to the popup directive
+     */
+    private popup;
+    /**
+     * Get a reference to the toggle button
+     */
+    dropdownToggleButton: ButtonComponent;
+    /**
+     * Unsubscribe any active subscriptions when the component is destroyed
+     */
+    private componentDestroyed;
+    constructor();
+    /**
+     * Subscribe to changes to the menu status
+     */
+    ngOnInit(): void;
+    /**
+     * Set up the popup
+     */
+    ngAfterViewInit(): void;
+    /**
+     * Unsubscribe to any active subscriptions
+     */
+    ngOnDestroy(): void;
+    /**
+     * Open and close the menu
+     */
+    toggleMenu(event?: Event): void;
+    /**
+     * Emit the selected item when it changes and close the menu
+     */
+    selectedChanged(item: MenuItem): void;
+    /**
+     * Closes the menu if the tab key is pressed
+     */
+    keyNavigate(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "ec-dropdown", never, { "id": { "alias": "id"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "status": { "alias": "status"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "buttonType": { "alias": "buttonType"; "required": false; }; "buttonAlignment": { "alias": "buttonAlignment"; "required": false; }; "buttonTitle": { "alias": "buttonTitle"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "showArrow": { "alias": "showArrow"; "required": false; }; "items": { "alias": "items"; "required": false; }; "menuTemplateType": { "alias": "menuTemplateType"; "required": false; }; "menuTitle": { "alias": "menuTitle"; "required": false; }; "menuHeight": { "alias": "menuHeight"; "required": false; }; "menuWidth": { "alias": "menuWidth"; "required": false; }; "menuMinWidth": { "alias": "menuMinWidth"; "required": false; }; "menuPosition": { "alias": "menuPosition"; "required": false; }; "menuFooter": { "alias": "menuFooter"; "required": false; }; "popupFixed": { "alias": "popupFixed"; "required": false; }; "buttonCustomTemplate": { "alias": "buttonCustomTemplate"; "required": false; }; "pending": { "alias": "pending"; "required": false; }; }, { "itemSelected": "itemSelected"; "popupOpened": "popupOpened"; }, never, never, false, never>;
+}

package/lib/controls/file-upload/file-upload.component.d.ts

@@ -0,0 +1,124 @@
+import { ElementRef, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { AsyncValidatorFn, FormControl, FormGroup, ValidatorFn } from '@angular/forms';
+import { ValidationMessageService } from '../../core/validation-message.service';
+import { FormGroupHelper } from '../../shared/form-group.helper';
+import { FormControlBase } from '../form-control-base';
+import * as i0 from "@angular/core";
+export type FileType = 'zip' | 'excel' | 'custom';
+export type FileOutput = 'raw' | 'base64';
+export declare const FileTypeExtensions: {
+    zip: string[];
+    excel: string[];
+};
+export type FileUploadFormGroup = {
+    file: FormControl<File | null>;
+    name: FormControl<string | null>;
+    base64FileString: FormControl<string | null>;
+    uploadResult: FormControl<any>;
+};
+export type InvalidFileError = {
+    invalidFile: true;
+};
+export type FileValidatorCallback = (file: File | null | undefined, base64: string | null | undefined) => Promise<InvalidFileError | null>;
+export declare class FileUploadComponent extends FormControlBase implements OnInit, OnChanges {
+    protected validationMessageService: ValidationMessageService;
+    protected formGroupHelper: FormGroupHelper;
+    static getFormModel(validators: ValidatorFn[], disabled?: boolean, 
+    /** Any validators required to make sure the selected file is valid. It is recommended that you use `FileUploadComponent.getFileValidator` to help construct the validator(s). NOTE: This currently only works when multiSelect is false. */
+    fileValidators?: AsyncValidatorFn | AsyncValidatorFn[]): FormGroup<FileUploadFormGroup>;
+    /**
+     * Helper function that returns an async validator to be used with the file upload control.
+     * This is useful for when the file needs to be validated before it can be uploaded.
+     *
+     * @param callback The callback function that will be called to validate the file. Parameters for the callback are the file and the base64 string for the file.
+     * base64 is null if the fileOutput input on the FileUploadComponent is set to raw. Using fileOutput set to base64 is recommended for images.
+     */
+    static getFileValidator(callback: FileValidatorCallback): AsyncValidatorFn;
+    formModel: FormGroup<FileUploadFormGroup>;
+    /**
+     * The value of the textbox input's placeholder
+     */
+    placeholder?: string;
+    /** Common extensions for a file browsing dialog
+     *  Note: Edge does not support the accept attribute on file inputs, therefor all file types
+     *        will be shown.  Firefox and Chrome both support this feature.
+     */
+    fileType?: FileType | undefined;
+    /**
+     * File output, determines which properties are supplied on the formModel
+     */
+    fileOutput?: FileOutput;
+    /** If fileType is set to custom set the acceptable file types based on the custom array */
+    customExtensions?: Array<string> | undefined;
+    /**
+     * Optional callback supported if the hosting page needs to process the file before
+     * setting the formModel with the file information. If the promise resolves it will continue
+     * and set the file name and contents to the formModel, otherwise on failure it'll do nothing.
+     */
+    onFileSelected?: (file: File) => Promise<any>;
+    /**
+     * Optional callback supported for when the hosting page needs to process multiple files
+     * We simply map the FileList to an array of File objects and pass that array to the
+     * callback and let the hosting page handle the processing
+     */
+    onMultipleFilesSelected?: (files: File[]) => Promise<any>;
+    /**
+     * Optional display type that controls whether the file input textbox is displayed or
+     * simply a button the user clicks to launch the OS file storage dialog.
+     * Default: file
+     */
+    displayType?: 'file' | 'button';
+    /**
+     * When display type is set to button this property will control the button label
+     */
+    buttonLabel?: string;
+    /**
+     * When display type is set to button this property will control the button type
+     */
+    buttonType?: string;
+    /**
+     * Optional property to control whether the user can select multiple files
+     */
+    multiSelect?: boolean;
+    /**
+     * When true, the onFileSelected callback will not be called if the form is invalid.
+     * This is useful when the file needs to be validated before it can be uploaded.
+     * For server-side validation, leave this as false and use the onFileSelected callback
+     * to upload the file and handle any errors thrown by the API.
+     */
+    validateBeforeUpload: boolean;
+    fileInput?: ElementRef;
+    /** Property bound to the file input to filter what file types are shown in the dialog */
+    fileTypeAccept: string | undefined;
+    constructor(validationMessageService: ValidationMessageService, formGroupHelper: FormGroupHelper);
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnInit(): void;
+    fileChange(files: FileList): Promise<void>;
+    /**
+     * Checks the file type and updates the file type accept property. This is what determines the file
+     * type choices that the user will be limited to in the file browse dialog
+     */
+    private updateFileTypeAccept;
+    /**
+     * Take a file that was selected by the user and process/patch our form model
+     * If the host component requires an action to occur with the file prior to the patch it will call
+     * and wait for it to return.
+     * @param file
+     * @param base64FileString Optional: Will have a value provided if the fileOutput is set to base64
+     */
+    private processFile;
+    /** Patches the form with the selected file in order to trigger control validation */
+    private validateFile;
+    /**
+     * Based on the fileOutput return whether this component is expected to deliver a base64 output
+     * @returns
+     */
+    private isBase64FileOutput;
+    /** Maps the files to an array of File objects and sends them along
+     * to the derived onMultipleFileSelected method in the hosting component
+     */
+    private handleMultipleFiles;
+    private readFile;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileUploadComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileUploadComponent, "ec-file-upload", never, { "formModel": { "alias": "formModel"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "fileType": { "alias": "fileType"; "required": false; }; "fileOutput": { "alias": "fileOutput"; "required": false; }; "customExtensions": { "alias": "customExtensions"; "required": false; }; "onFileSelected": { "alias": "onFileSelected"; "required": false; }; "onMultipleFilesSelected": { "alias": "onMultipleFilesSelected"; "required": false; }; "displayType": { "alias": "displayType"; "required": false; }; "buttonLabel": { "alias": "buttonLabel"; "required": false; }; "buttonType": { "alias": "buttonType"; "required": false; }; "multiSelect": { "alias": "multiSelect"; "required": false; }; "validateBeforeUpload": { "alias": "validateBeforeUpload"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/controls/form-control/form-control.component.d.ts

@@ -0,0 +1,28 @@
+import { AfterViewInit, ElementRef, EventEmitter } from '@angular/core';
+import { AbstractControl } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class FormControlComponent implements AfterViewInit {
+    private el;
+    formControlDirective?: AbstractControl;
+    id: string;
+    icon?: string;
+    actionIcon?: string;
+    showClear: boolean;
+    formModelInput?: AbstractControl;
+    autofocus: boolean;
+    pending: boolean;
+    required: boolean;
+    readonly: boolean;
+    get empty(): boolean;
+    get invalid(): boolean;
+    get disabled(): boolean;
+    actionClicked: EventEmitter<Event>;
+    private get _formModel();
+    constructor(el: ElementRef);
+    ngAfterViewInit(): void;
+    onClick(): void;
+    focus(): void;
+    clear(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormControlComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormControlComponent, "ec-form-control", never, { "id": { "alias": "id"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "actionIcon": { "alias": "actionIcon"; "required": false; }; "showClear": { "alias": "showClear"; "required": false; }; "formModelInput": { "alias": "formModel"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "pending": { "alias": "pending"; "required": false; }; "required": { "alias": "required"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, { "actionClicked": "actionClicked"; }, ["formControlDirective"], ["*"], false, never>;
+}

package/lib/controls/form-control-base.d.ts

@@ -0,0 +1,110 @@
+import { OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
+import { AbstractControl } from "@angular/forms";
+import { Subject } from "rxjs";
+import { ValidationMessageService } from "../core/validation-message.service";
+import { FormGroupHelper } from '../shared/form-group.helper';
+import { PopoverContentPosition } from './popover/popover.component';
+import * as i0 from "@angular/core";
+export type ControlLabelPosition = "top" | "bottom" | "left";
+/**
+ * Base class for Reactive Form Controls, containing ECI-specific shared properties
+ */
+export declare abstract class FormControlBase implements OnInit, OnDestroy, OnChanges {
+    protected validationMessageService: ValidationMessageService;
+    protected formGroupHelper: FormGroupHelper;
+    /**
+     * If true, will focus the control's input when the view is intialized
+     */
+    autofocus?: boolean;
+    /**
+     * UI-oriented form model that retains the states and values of the HTML controls on screen.
+     * Can be a {@link FormControl} or a {@link FormGroup}
+     */
+    formModel: AbstractControl;
+    /**
+     * The form control label
+     */
+    label?: string;
+    /**
+     * The position of the form control label (top|bottom)
+     */
+    labelPosition?: ControlLabelPosition;
+    /**
+     * The id of the component. We use this to identify a control on focus events and help.
+     */
+    id: string;
+    /**
+     * The pending status of the control, can be used to tell the user the control is
+     * awaiting data via a spinner or animation
+     */
+    pending?: boolean;
+    /**
+     * Whether the input is a required field or not
+     * @todo: Sometime in the future Angular makes it sound like this will be handled via the Reactive form When that happens this property can be removed
+     */
+    required?: boolean;
+    /**
+     * The tabindex of the control
+     */
+    tabindex?: number;
+    /**
+     * Disable the control and display the value
+     */
+    readonly?: boolean;
+    /**
+     * Conditionally show a tooltip on the form control's input.
+     */
+    tooltip?: string;
+    /**
+     * Conditionally show a help popover next to the controls label.
+     */
+    helpPopover?: string;
+    /**
+     * When a help popover is present, allows the popover to be positioned in different locations.
+     */
+    helpPopoverPosition?: PopoverContentPosition;
+    /**
+     * All current validation errors
+     */
+    validationErrors: string;
+    /**
+     * The id of the form controls input, getnerated from the components id.
+     */
+    inputId: string;
+    /**
+     * Notifies component subscriptions that component is destroyed.
+     * Use with `takeUntil()` when subscribing to complete subscriptions
+     * automatically.
+     *
+     * See:
+     * [RxJs]{@link http://reactivex.io/rxjs/class/es6/Observable.js~Observable.html#instance-method-takeUntil}
+     * [and this]{@link https://medium.com/@benlesh/rxjs-dont-unsubscribe-6753ed4fda87}
+     * [and this]{@link https://netbasal.com/when-to-unsubscribe-in-angular-d61c6b21bad3}
+     * [and this]{@link http://brianflove.com/2016/12/11/anguar-2-unsubscribe-observables/}
+     */
+    protected componentDestroyed: Subject<void>;
+    /**
+     * Creates an instance of FormControlBase.
+     */
+    constructor(validationMessageService: ValidationMessageService, formGroupHelper: FormGroupHelper);
+    /**
+     * Angular onChange lifecyle hook
+     */
+    ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * Angular onInit lifecycle hook.
+     */
+    ngOnInit(): void;
+    /**
+     * Angular onDestroy lifecyle hook.
+     * Unsubscribe from any observables
+     */
+    ngOnDestroy(): void;
+    /**
+     * Function that subscribes to the formModel's valueChanges Observable
+     * to take any erros and translate them
+     */
+    protected translateValidationMessages(data?: any): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormControlBase, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FormControlBase, never, never, { "autofocus": { "alias": "autofocus"; "required": false; }; "formModel": { "alias": "formModel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "id": { "alias": "id"; "required": false; }; "pending": { "alias": "pending"; "required": false; }; "required": { "alias": "required"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "helpPopover": { "alias": "helpPopover"; "required": false; }; "helpPopoverPosition": { "alias": "helpPopoverPosition"; "required": false; }; }, {}, never, never, false, never>;
+}