@impartner/design-components 2.0.1 → 2.1.1

package/lib/badge/badge.component.d.ts

@@ -5,6 +5,12 @@ import * as i0 from "@angular/core";
 /**
  * The `BadgeComponent` (`<impdc-badge` or `any impdc-badge`) displays [preferably short] text with a rounded background and themed colors.
  * To use, import `BadgeModule` or another module that imports and exports that module from `@impartner/design-components`.
+ *
+ * Use badges to communicate the status of an item or the result of an action taken. Badges are non-interactive, meaning they should not
+ * be added or removed by a user. Try and keep badge text as short and clear as possible, 2 or 3 words max is probably best. Using short
+ * words increases the ability to scan.
+ *
+ * Use Tags for interactive experiences where users can add or remove.
  */
 export declare class BadgeComponent {
     /**
@@ -33,17 +39,25 @@ export declare class BadgeComponent {
     rounded: boolean;
     /**
      * Adds a dismiss icon to the right of the Badge text.
+     *
+     * Deprecated - Use Tags for interactive elements that a user may add or remove.
+     *
+     * @deprecated
      */
     dismissable: boolean;
     /**
      * An event emitted when the component is dismissed.
+     *
+     * Deprecated - Use Tags for interactive elements that a user may add or remove.
+     *
+     * @deprecated
      */
     dismiss: EventEmitter<Event | MouseEvent>;
     private get classBadge();
     private get classBadgeRounded();
     private get classNoPadding();
     private _dismissed;
-    handleDismiss(event: MouseEvent | Event): void;
+    protected handleDismiss(event: MouseEvent | Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BadgeComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "impdc-badge, [impdc-badge]", never, { "text": { "alias": "text"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "size": { "alias": "size"; "required": false; }; "hideBg": { "alias": "hideBg"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "dismissable": { "alias": "dismissable"; "required": false; }; }, { "dismiss": "dismiss"; }, never, never, false, never>;
 }

package/lib/datetime-picker/components/datepicker-nav/datepicker-nav.component.d.ts

@@ -0,0 +1,31 @@
+import { AfterViewChecked, EventEmitter, OnInit } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { NgbDate, NgbDatepicker, NgbDatepickerI18n } from '@ng-bootstrap/ng-bootstrap';
+import * as i0 from "@angular/core";
+type NgbDatepickerViewModel = NgbDatepicker['model'];
+export declare class DatepickerNavComponent implements OnInit, AfterViewChecked {
+    private readonly _cd;
+    private readonly _destroyRef$;
+    protected readonly monthControl: FormControl<number | null>;
+    protected readonly yearControl: FormControl<number | null>;
+    protected readonly datepickerI18n: NgbDatepickerI18n;
+    date: NgbDate;
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    private _disabled;
+    prevDisabled: boolean;
+    nextDisabled: boolean;
+    selectBoxes: NgbDatepickerViewModel['selectBoxes'];
+    navigate: EventEmitter<import("@ng-bootstrap/ng-bootstrap/datepicker/datepicker-view-model").NavigationEvent>;
+    selected: EventEmitter<NgbDate>;
+    onClickGoPrevious(event: MouseEvent): void;
+    onClickGoNext(event: MouseEvent): void;
+    changeMonth(month: number): void;
+    changeYear(year: number): void;
+    ngOnInit(): void;
+    ngAfterViewChecked(): void;
+    private _applyDateToControls;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerNavComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatepickerNavComponent, "impdc-datepicker-nav", never, { "date": { "alias": "date"; "required": true; }; "disabled": { "alias": "disabled"; "required": true; }; "prevDisabled": { "alias": "prevDisabled"; "required": true; }; "nextDisabled": { "alias": "nextDisabled"; "required": true; }; "selectBoxes": { "alias": "selectBoxes"; "required": true; }; }, { "navigate": "navigate"; "selected": "selected"; }, never, never, true, never>;
+}
+export {};

package/lib/datetime-picker/components/datepicker-nav/index.d.ts

@@ -0,0 +1 @@
+export * from './datepicker-nav.component';

package/lib/datetime-picker/components/datepicker-template-host/datepicker-template-host.component.d.ts

@@ -0,0 +1,14 @@
+import { TemplateRef } from '@angular/core';
+import { NgbDate } from '@ng-bootstrap/ng-bootstrap';
+import { ContentTemplateContext } from '@ng-bootstrap/ng-bootstrap/datepicker/datepicker-content-template-context';
+import { DayTemplateContext } from '@ng-bootstrap/ng-bootstrap/datepicker/datepicker-day-template-context';
+import * as i0 from "@angular/core";
+export declare class DatepickerTemplateHostComponent {
+    private readonly _calendar;
+    readonly isWeekend: (date: NgbDate) => boolean;
+    readonly isToday: (date: NgbDate) => boolean;
+    dayTemplateRef: TemplateRef<DayTemplateContext>;
+    contentTemplateRef: TemplateRef<ContentTemplateContext>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerTemplateHostComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatepickerTemplateHostComponent, "impdc-datepicker-template-host", never, {}, {}, never, never, true, never>;
+}

package/lib/datetime-picker/components/datepicker-template-host/index.d.ts

@@ -0,0 +1 @@
+export * from './datepicker-template-host.component';

package/lib/datetime-picker/components/datetime-picker/datetime-picker.component.d.ts

@@ -0,0 +1,157 @@
+import { DoCheck, EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
+import { TranslationWidth } from '@angular/common';
+import { ControlValueAccessor, FormControl, FormGroupDirective, NgControl, NgForm } from '@angular/forms';
+import { NgbDateStruct, NgbDatepicker } from '@ng-bootstrap/ng-bootstrap';
+import { Subject } from 'rxjs';
+import { ErrorStateMatcher, ICanUpdateErrorState, IHasErrorState, ImpdcFormFieldControl, ImpdcFormRoot } from '../../../form-field';
+import { IDatetimePickerValue } from '../../types';
+import * as i0 from "@angular/core";
+interface ITimeOptions {
+    readonly border: boolean;
+    readonly layout: 'inline' | 'stacked';
+}
+export declare const DEFAULT_TIME_LAYOUT: ITimeOptions;
+declare const _DatetimePickerComponentBase: 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;
+    };
+};
+/**
+ * A control for selecting date or datetime via an inline calendar control.
+ *
+ * Implements [ControlValueAccessor](https://angular.io/api/forms/ControlValueAccessor) to support two-way binding with
+ * Angular forms via usage of the \`[(ngModel)]\`, \`[formControl]\`, and \`[formControlName]\` directives.
+ *
+ * The date and time controls inside this component leverage the value adapter patterns and services of NG-Bootstrap's
+ * [Datepicker](https://ng-bootstrap.github.io/#/components/datepicker/overview#date-model) and
+ * [Timepicker](https://ng-bootstrap.github.io/#/components/timepicker/examples#adapter) components when working with input values.
+ * This means that `date` values will be [NgbDateStruct](https://ng-bootstrap.github.io/#/components/datepicker/api#NgbDateStruct)
+ * objects and `time` values will be [NgbTimeStruct](https://ng-bootstrap.github.io/#/components/timepicker/api#NgbTimeStruct) objects
+ * by default, and the [NgbDateAdapter](https://ng-bootstrap.github.io/#/components/datepicker/api#NgbDateAdapter) and
+ * [NgbTimeAdapter](https://ng-bootstrap.github.io/#/components/timepicker/api#NgbTimeAdapter) services will be used to handle them respectively.
+ * If usage of alternative date and time models is desired, consult NG-Bootstrap's documentation for directions.
+ */
+export declare class DatetimePickerComponent extends _DatetimePickerComponentBase implements ControlValueAccessor, DoCheck, OnChanges, OnDestroy, OnInit, ImpdcFormFieldControl<IDatetimePickerValue<any, any> | null>, ICanUpdateErrorState, IHasErrorState {
+    private readonly _changeDetector;
+    private readonly _destroyRef;
+    private readonly _hostElement;
+    private readonly _ngbDateAdapter;
+    private readonly _uid;
+    private _previousControl?;
+    protected readonly NgTranslationWidth: typeof TranslationWidth;
+    protected readonly formGroup: import("@angular/forms").FormGroup<{
+        date: FormControl<any>;
+        time: FormControl<any>;
+        useMeridian: FormControl<boolean>;
+    }>;
+    protected cvaOnChange: (_: any) => void;
+    protected cvaOnTouched: () => void;
+    protected ngbDatepicker: NgbDatepicker;
+    /**
+     * A callback function that can be evaluated to decide if a given date is disabled
+     * in the calendar view.
+     *
+     * @param date An [`NgbDate`](https://ng-bootstrap.github.io/#/components/datepicker/api#NgbDate) value describing the singular date being evaluated.
+     * @param current The month and year selected for the current calendar view.
+     */
+    markDateDisabled?: (date: NgbDateStruct, current?: {
+        month: number;
+        year: number;
+    }) => boolean;
+    /**
+     * The earliest allowable date for display or selection.
+     *
+     * @default { year: 1900, month: 1, day: 1 }
+     */
+    get minDate(): NgbDateStruct;
+    set minDate(value: NgbDateStruct | null);
+    private _minDate;
+    /**
+     * The latest allowable date for display or selection.
+     *
+     * @default { year: 2099, month: 12, day: 31 }
+     */
+    get maxDate(): NgbDateStruct;
+    set maxDate(value: NgbDateStruct | null);
+    private _maxDate;
+    /**
+     * Configurable options for setting the layout of the date and time controls within the component.
+     */
+    get timeLayout(): ITimeOptions;
+    set timeLayout(value: Partial<ITimeOptions>);
+    private _timeLayout;
+    /**
+     * Label to be displayed with time controls to allow the user to input 24-hour or meridian-based (AM, PM) time.
+     */
+    meridianToggleLabel: string;
+    /**
+     * Set whether to display controls for selecting a time value in addition to the date.
+     */
+    withTime: boolean;
+    errorStateMatcher: ErrorStateMatcher;
+    /**
+     * Events fire when raw value of picker input changes. Mainly exists to handle
+     * two-way binding of `value` input property.
+     * @ignore
+     */
+    readonly valueChange: EventEmitter<IDatetimePickerValue<any, any> | null>;
+    /** @ignore */
+    readonly blur: EventEmitter<FocusEvent>;
+    constructor(_defaultErrorStateMatcher: ErrorStateMatcher, _formRoot: ImpdcFormRoot, _parentForm: NgForm, _parentFormGroup: FormGroupDirective, ngControl: NgControl);
+    /** @ignore */
+    focus(): void;
+    /** @ignore */
+    ngDoCheck(): void;
+    /** @ignore */
+    ngOnChanges(changes: SimpleChanges): void;
+    /** @ignore */
+    ngOnDestroy(): void;
+    /** @ignore */
+    ngOnInit(): void;
+    /** @ignore */
+    writeValue(obj: IDatetimePickerValue<any, any> | any): void;
+    /** @ignore */
+    registerOnChange(fn: any): void;
+    /** @ignore */
+    registerOnTouched(fn: any): void;
+    /** @ignore */
+    setDisabledState?(isDisabled: boolean): void;
+    get value(): IDatetimePickerValue<any, any> | null;
+    set value(value: IDatetimePickerValue<any, any> | null);
+    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: boolean);
+    private _required;
+    get focused(): boolean;
+    protected _focused: boolean;
+    readonly controlType: string;
+    readonly supportsAffixes: boolean;
+    protected get useMeridian(): boolean;
+    protected get useMeridianLabelText(): string;
+    protected handleFocusOut(evt: FocusEvent): void;
+    private _getValueFromFormModel;
+    private _dateIsOutsideCurrentMonth;
+    protected readonly markDateDisabledFn: (date: NgbDateStruct, current?: {
+        month: number;
+        year: number;
+    }) => boolean;
+    protected _onFocus(): void;
+    protected _onBlur(focusEvent: FocusEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatetimePickerComponent, [null, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; self: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatetimePickerComponent, "impdc-datetime-picker", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "markDateDisabled": { "alias": "markDateDisabled"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "timeLayout": { "alias": "timeLayout"; "required": false; }; "meridianToggleLabel": { "alias": "meridianToggleLabel"; "required": false; }; "withTime": { "alias": "withTime"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "value": { "alias": "value"; "required": false; }; "id": { "alias": "id"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "valueChange": "valueChange"; "blur": "blur"; }, never, never, true, never>;
+    static ngAcceptInputType_required: unknown;
+}
+export {};

package/lib/datetime-picker/components/datetime-picker/index.d.ts

@@ -0,0 +1 @@
+export * from './datetime-picker.component';

package/lib/datetime-picker/components/datetime-picker-input/datetime-picker-input.component.d.ts

@@ -0,0 +1,160 @@
+import { DoCheck, ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
+import { ControlValueAccessor, FormControl, FormGroupDirective, NgControl, NgForm } from '@angular/forms';
+import { IDatetimePickerValue } from '../../types';
+import { NgbDateStruct } from '@ng-bootstrap/ng-bootstrap';
+import { Subject } from 'rxjs';
+import { ErrorStateMatcher, ICanUpdateErrorState, IHasErrorState, ImpdcFormFieldControl, ImpdcFormRoot } from '../../../form-field';
+import * as i0 from "@angular/core";
+export interface IDatetimePickerPopupButtonLabels {
+    readonly cancelLabel: string;
+    readonly clearLabel: string;
+    readonly saveLabel: string;
+}
+export declare const DEFAULT_POPUP_BUTTON_LABELS: IDatetimePickerPopupButtonLabels;
+declare const _DatetimePickerInputComponentBase: 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;
+    };
+};
+/**
+ * A control for selecting date or datetime via an interactive dropdown control.
+ *
+ * Implements [ControlValueAccessor](https://angular.io/api/forms/ControlValueAccessor) to support two-way binding with
+ * Angular forms via usage of the \`[(ngModel)]\`, \`[formControl]\`, and \`[formControlName]\` directives.
+ *
+ * The date and time controls inside this component leverage the value adapter patterns and services of NG-Bootstrap's
+ * [Datepicker](https://ng-bootstrap.github.io/#/components/datepicker/overview#date-model) and
+ * [Timepicker](https://ng-bootstrap.github.io/#/components/timepicker/examples#adapter) components when working with input values.
+ * This means that `date` values will be [NgbDateStruct](https://ng-bootstrap.github.io/#/components/datepicker/api#NgbDateStruct)
+ * objects and `time` values will be [NgbTimeStruct](https://ng-bootstrap.github.io/#/components/timepicker/api#NgbTimeStruct) objects
+ * by default, and the [NgbDateAdapter](https://ng-bootstrap.github.io/#/components/datepicker/api#NgbDateAdapter) and
+ * [NgbTimeAdapter](https://ng-bootstrap.github.io/#/components/timepicker/api#NgbTimeAdapter) services will be used to handle them respectively.
+ * If usage of alternative date and time models is desired, consult NG-Bootstrap's documentation for directions.
+ */
+export declare class DatetimePickerInputComponent extends _DatetimePickerInputComponentBase implements ControlValueAccessor, DoCheck, OnChanges, OnDestroy, OnInit, ImpdcFormFieldControl<IDatetimePickerValue<any, any> | null>, ICanUpdateErrorState, IHasErrorState {
+    private readonly _changeDetector;
+    private readonly _destroyRef;
+    private readonly _ngbDateAdapter;
+    private readonly _ngbTimeAdapter;
+    private readonly _datetimeFormatter;
+    private readonly _uid;
+    private _previousControl?;
+    private _dropdownOpen;
+    protected readonly datetimePickerControl: FormControl<IDatetimePickerValue<any, any> | null>;
+    protected cvaOnChange: (_: any) => void;
+    protected cvaOnTouched: () => void;
+    protected _toggleButtonRef: ElementRef<HTMLButtonElement>;
+    /**
+     * A callback function that can be evaluated to decide if a given date is disabled
+     * in the calendar view.
+     *
+     * @param date An [`NgbDate`](https://ng-bootstrap.github.io/#/components/datepicker/api#NgbDate) value describing the singular date being evaluated.
+     * @param current The month and year selected for the current calendar view.
+     */
+    markDateDisabled?: (date: NgbDateStruct, current?: {
+        month: number;
+        year: number;
+    }) => boolean;
+    /**
+     * The earliest allowable date for display or selection.
+     *
+     * @default { year: 1900, month: 1, day: 1 }
+     */
+    get minDate(): NgbDateStruct;
+    set minDate(value: NgbDateStruct | null);
+    private _minDate;
+    /**
+     * The latest allowable date for display or selection.
+     *
+     * @default { year: 2099, month: 12, day: 31 }
+     */
+    get maxDate(): NgbDateStruct;
+    set maxDate(value: NgbDateStruct | null);
+    private _maxDate;
+    /**
+     * Set whether to display controls for selecting a time value in addition to the date.
+     */
+    withTime: boolean;
+    /**
+     * Label to be displayed with time controls to allow the user to input 24-hour or meridian-based (AM, PM) time.
+     */
+    meridianToggleLabel: string;
+    /**
+     * Object dictating the labels used for the buttons displayed in the footer of the datetime picker popup.
+     *
+     * @default { cancelLabel: "Cancel", clearLabel: "Clear", saveLabel: "Save" }
+     */
+    get popupButtonLabels(): IDatetimePickerPopupButtonLabels;
+    set popupButtonLabels(value: Partial<IDatetimePickerPopupButtonLabels>);
+    private _popupButtonLabels;
+    /**
+     * The placeholder text that will be displayed when no selection has been made.
+     *
+     * @default YYYY-MM-DD hh:mm
+     */
+    get placeholder(): string;
+    set placeholder(value: string);
+    private _placeholder;
+    errorStateMatcher: ErrorStateMatcher;
+    /**
+     * Events fire when raw value of picker input changes. Mainly exists to handle
+     * two-way binding of `value` input property.
+     * @ignore
+     */
+    readonly valueChange: EventEmitter<IDatetimePickerValue<any, any> | null>;
+    constructor(_defaultErrorStateMatcher: ErrorStateMatcher, _formRoot: ImpdcFormRoot, _parentForm: NgForm, _parentFormGroup: FormGroupDirective, ngControl: NgControl);
+    /** @ignore */
+    get empty(): boolean;
+    /** @ignore */
+    focus(options?: FocusOptions): void;
+    /** @ignore */
+    ngDoCheck(): void;
+    /** @ignore */
+    ngOnChanges(changes: SimpleChanges): void;
+    /** @ignore */
+    ngOnDestroy(): void;
+    /** @ignore */
+    ngOnInit(): void;
+    /** @ignore */
+    writeValue(obj: any): void;
+    /** @ignore */
+    registerOnChange(fn: any): void;
+    /** @ignore */
+    registerOnTouched(fn: any): void;
+    /** @ignore */
+    setDisabledState?(isDisabled: boolean): void;
+    get value(): IDatetimePickerValue<any, any> | null;
+    set value(value: IDatetimePickerValue<any, any> | null);
+    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: boolean);
+    private _required;
+    get focused(): boolean;
+    protected _focused: boolean;
+    readonly controlType: string;
+    readonly supportsAffixes: boolean;
+    protected displayedValue: string;
+    protected get placeholderText(): string;
+    protected updateValue(newValue: IDatetimePickerValue<any, any> | null): void;
+    protected handleOpenChange(isOpen: boolean): void;
+    protected _onFocus(): void;
+    protected _onBlur(): void;
+    private _updateDisplayedValue;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatetimePickerInputComponent, [null, { optional: true; }, { optional: true; }, { optional: true; }, { optional: true; self: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatetimePickerInputComponent, "impdc-datetime-picker-input", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "markDateDisabled": { "alias": "markDateDisabled"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "withTime": { "alias": "withTime"; "required": false; }; "meridianToggleLabel": { "alias": "meridianToggleLabel"; "required": false; }; "popupButtonLabels": { "alias": "popupButtonLabels"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "value": { "alias": "value"; "required": false; }; "id": { "alias": "id"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+    static ngAcceptInputType_required: unknown;
+}
+export {};

package/lib/datetime-picker/components/datetime-picker-input/index.d.ts

@@ -0,0 +1 @@
+export * from './datetime-picker-input.component';

package/lib/datetime-picker/components/datetime-picker-input-footer/datetime-picker-input-footer.component.d.ts

@@ -0,0 +1,24 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { IDatetimePickerValue } from '../../types';
+import { DatetimePickerComponent } from '../datetime-picker/datetime-picker.component';
+import * as i0 from "@angular/core";
+export declare class DatetimePickerInputFooterComponent implements OnInit {
+    private readonly _cd;
+    private readonly _destroyRef;
+    protected readonly datetimePickerFormControl: FormControl<IDatetimePickerValue<any, any> | null>;
+    datetimePicker: DatetimePickerComponent;
+    initialValue: IDatetimePickerValue<any, any> | null;
+    cancelLabel: string;
+    clearLabel: string;
+    saveLabel: string;
+    readonly datetimeSelected: EventEmitter<IDatetimePickerValue<any, any> | null>;
+    readonly closeRequested: EventEmitter<void>;
+    ngOnInit(): void;
+    allowSave(): boolean;
+    clearAndClose(): void;
+    saveAndClose(): void;
+    closePicker(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatetimePickerInputFooterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatetimePickerInputFooterComponent, "impdc-datetime-picker-input-footer", never, { "datetimePicker": { "alias": "datetimePicker"; "required": true; }; "initialValue": { "alias": "initialValue"; "required": false; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; }; "clearLabel": { "alias": "clearLabel"; "required": false; }; "saveLabel": { "alias": "saveLabel"; "required": false; }; }, { "datetimeSelected": "datetimeSelected"; "closeRequested": "closeRequested"; }, never, never, true, never>;
+}

package/lib/datetime-picker/components/datetime-picker-input-footer/index.d.ts

@@ -0,0 +1 @@
+export * from './datetime-picker-input-footer.component';

package/lib/datetime-picker/components/index.d.ts

@@ -0,0 +1,5 @@
+export * from './datepicker-nav';
+export * from './datepicker-template-host';
+export * from './datetime-picker';
+export * from './datetime-picker-input-footer';
+export * from './datetime-picker-input';

package/lib/datetime-picker/constants/datetime-picker-defaults.d.ts

@@ -0,0 +1,4 @@
+import { NgbDateStruct } from '@ng-bootstrap/ng-bootstrap';
+export declare const DEFAULT_USE_MERIDIAN_LABEL = "Use 24-hour format";
+export declare const DEFAULT_MIN_DATE: NgbDateStruct;
+export declare const DEFAULT_MAX_DATE: NgbDateStruct;

package/lib/datetime-picker/constants/index.d.ts

@@ -0,0 +1 @@
+export * from './datetime-picker-defaults';

package/lib/datetime-picker/datetime-picker.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./components/datetime-picker/datetime-picker.component";
+import * as i2 from "./components/datetime-picker-input/datetime-picker-input.component";
+export declare class DatetimePickerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatetimePickerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DatetimePickerModule, never, [typeof i1.DatetimePickerComponent, typeof i2.DatetimePickerInputComponent], [typeof i1.DatetimePickerComponent, typeof i2.DatetimePickerInputComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DatetimePickerModule>;
+}

package/lib/datetime-picker/index.d.ts

@@ -0,0 +1,4 @@
+export { IDatetimePickerValue } from './types';
+export { IMPDC_DATETIME_PICKER_FORMATTER_FACTORY, ImpdcDatetimeFormatter, ImpdcDatetimeISOFormatter } from './services';
+export { DatepickerNavComponent, DatetimePickerInputFooterComponent, DatepickerTemplateHostComponent, DatetimePickerComponent, DatetimePickerInputComponent } from './components';
+export * from './datetime-picker.module';

package/lib/datetime-picker/services/datetime-formatter/datetime-formatter.service.d.ts

@@ -0,0 +1,20 @@
+import { NgbDateStruct, NgbTimeStruct } from '@ng-bootstrap/ng-bootstrap';
+import * as i0 from "@angular/core";
+export declare function IMPDC_DATETIME_PICKER_FORMATTER_FACTORY(): ImpdcDatetimeISOFormatter;
+export declare abstract class ImpdcDatetimeFormatter {
+    abstract format(date: NgbDateStruct, time?: NgbTimeStruct | null | {
+        value: NgbTimeStruct | null;
+        withSeconds: boolean;
+    }): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ImpdcDatetimeFormatter, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ImpdcDatetimeFormatter>;
+}
+export declare class ImpdcDatetimeISOFormatter extends ImpdcDatetimeFormatter {
+    format(date: NgbDateStruct, time?: NgbTimeStruct | null | {
+        value: NgbTimeStruct | null;
+        withSeconds: boolean;
+    }): string;
+    private _padNumberString;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ImpdcDatetimeISOFormatter, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ImpdcDatetimeISOFormatter>;
+}

package/lib/datetime-picker/services/datetime-formatter/index.d.ts

@@ -0,0 +1 @@
+export * from './datetime-formatter.service';

package/lib/datetime-picker/services/index.d.ts

@@ -0,0 +1 @@
+export * from './datetime-formatter';

package/lib/datetime-picker/types/datetime-picker-value.interface.d.ts

@@ -0,0 +1,5 @@
+import { NgbDateStruct, NgbTimeStruct } from '@ng-bootstrap/ng-bootstrap';
+export interface IDatetimePickerValue<TDate = NgbDateStruct, TTime = NgbTimeStruct> {
+    readonly date: TDate | null;
+    readonly time?: TTime | null;
+}

package/lib/datetime-picker/types/index.d.ts

@@ -0,0 +1 @@
+export * from './datetime-picker-value.interface';

package/lib/design-components.module.d.ts

@@ -4,19 +4,21 @@ import * as i2 from "@angular/forms";
 import * as i3 from "./text-highlight/text-highlight.module";
 import * as i4 from "./icon/icon.module";
 import * as i5 from "./badge/badge.module";
-import * as i6 from "./progress-bar/progress-bar.module";
-import * as i7 from "./button/button.module";
-import * as i8 from "./table/table.module";
-import * as i9 from "./dropdown/dropdown.module";
-import * as i10 from "./alert/alert.module";
-import * as i11 from "./modal/modal.module";
-import * as i12 from "./file-upload/file-upload.module";
-import * as i13 from "./avatar/avatar.module";
-import * as i14 from "./avatar-group/avatar-group.module";
-import * as i15 from "./breadcrumb/breadcrumb.module";
-import * as i16 from "./branding/branding.module";
+import * as i6 from "./tag/tag.component";
+import * as i7 from "./progress-bar/progress-bar.module";
+import * as i8 from "./button/button.module";
+import * as i9 from "./table/table.module";
+import * as i10 from "./dropdown/dropdown.module";
+import * as i11 from "./alert/alert.module";
+import * as i12 from "./modal/modal.module";
+import * as i13 from "./file-upload/file-upload.module";
+import * as i14 from "./avatar/avatar.module";
+import * as i15 from "./avatar-group/avatar-group.module";
+import * as i16 from "./breadcrumb/breadcrumb.module";
+import * as i17 from "./branding/branding.module";
+import * as i18 from "./datetime-picker/datetime-picker.module";
 export default class DesignComponentsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DesignComponentsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DesignComponentsModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i3.TextHighlightModule, typeof i4.IconModule, typeof i5.BadgeModule, typeof i6.ProgressBarModule, typeof i7.ButtonModule, typeof i8.TableModule, typeof i9.DropdownModule, typeof i10.AlertModule, typeof i11.ModalModule, typeof i12.FileUploadModule, typeof i13.AvatarModule, typeof i14.AvatarGroupModule, typeof i15.BreadcrumbModule, typeof i16.BrandingModule], [typeof i3.TextHighlightModule, typeof i4.IconModule, typeof i5.BadgeModule, typeof i6.ProgressBarModule, typeof i7.ButtonModule, typeof i8.TableModule, typeof i9.DropdownModule, typeof i10.AlertModule, typeof i11.ModalModule, typeof i12.FileUploadModule, typeof i13.AvatarModule, typeof i14.AvatarGroupModule, typeof i15.BreadcrumbModule, typeof i16.BrandingModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DesignComponentsModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i3.TextHighlightModule, typeof i4.IconModule, typeof i5.BadgeModule, typeof i6.TagComponent, typeof i7.ProgressBarModule, typeof i8.ButtonModule, typeof i9.TableModule, typeof i10.DropdownModule, typeof i11.AlertModule, typeof i12.ModalModule, typeof i13.FileUploadModule, typeof i14.AvatarModule, typeof i15.AvatarGroupModule, typeof i16.BreadcrumbModule, typeof i17.BrandingModule, typeof i18.DatetimePickerModule], [typeof i3.TextHighlightModule, typeof i4.IconModule, typeof i5.BadgeModule, typeof i6.TagComponent, typeof i7.ProgressBarModule, typeof i8.ButtonModule, typeof i9.TableModule, typeof i10.DropdownModule, typeof i11.AlertModule, typeof i12.ModalModule, typeof i13.FileUploadModule, typeof i14.AvatarModule, typeof i15.AvatarGroupModule, typeof i16.BreadcrumbModule, typeof i17.BrandingModule, typeof i18.DatetimePickerModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DesignComponentsModule>;
 }

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

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class CornerHintDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<CornerHintDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CornerHintDirective, "impdc-corner-hint", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CornerHintDirective, "impdc-corner-hint", never, {}, {}, never, never, true, never>;
 }

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

@@ -4,5 +4,5 @@ export declare const IMPDC_ERROR: InjectionToken<ErrorDirective>;
 export declare class ErrorDirective {
     id: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ErrorDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ErrorDirective, "impdc-error, [impdc-error]", never, { "id": { "alias": "id"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ErrorDirective, "impdc-error, [impdc-error]", never, { "id": { "alias": "id"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -13,7 +13,7 @@ export declare class RootFormGroupDirective implements ImpdcFormRoot {
     get submitted(): boolean;
     get form(): FormGroupDirective | NgForm;
     static ɵfac: i0.ɵɵFactoryDeclaration<RootFormGroupDirective, [{ host: true; }, { optional: true; skipSelf: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RootFormGroupDirective, "[formGroup]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RootFormGroupDirective, "[formGroup]", never, {}, {}, never, never, true, never>;
 }
 export declare class RootNgFormDirective implements ImpdcFormRoot {
     private _ngForm;
@@ -22,5 +22,5 @@ export declare class RootNgFormDirective implements ImpdcFormRoot {
     get submitted(): boolean;
     get form(): FormGroupDirective | NgForm;
     static ɵfac: i0.ɵɵFactoryDeclaration<RootNgFormDirective, [{ host: true; }, { optional: true; skipSelf: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RootNgFormDirective, "[ngForm]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RootNgFormDirective, "[ngForm]", never, {}, {}, never, never, true, never>;
 }

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

@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
 export declare class HintDirective {
     id: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<HintDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<HintDirective, "impdc-hint", never, { "id": { "alias": "id"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HintDirective, "impdc-hint", never, { "id": { "alias": "id"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -0,0 +1,15 @@
+import { CornerHintDirective } from './corner-hint.directive';
+import { ErrorDirective } from './error.directive';
+import { RootFormGroupDirective, RootNgFormDirective } from './form-root.directive';
+import { HintDirective } from './hint.directive';
+import { LabelDirective } from './label.directive';
+import { PrefixDirective } from './prefix.directive';
+import { SuffixDirective } from './suffix.directive';
+export { CornerHintDirective } from './corner-hint.directive';
+export { ErrorDirective, IMPDC_ERROR } from './error.directive';
+export { IMPDC_FORM_ROOT, ImpdcFormRoot, RootFormGroupDirective, RootNgFormDirective } from './form-root.directive';
+export { HintDirective } from './hint.directive';
+export { LabelDirective } from './label.directive';
+export { PrefixDirective, IMPDC_PREFIX } from './prefix.directive';
+export { SuffixDirective, IMPDC_SUFFIX } from './suffix.directive';
+export declare const FORM_FIELD_DIRECTIVES: readonly [typeof CornerHintDirective, typeof ErrorDirective, typeof RootFormGroupDirective, typeof RootNgFormDirective, typeof HintDirective, typeof LabelDirective, typeof PrefixDirective, typeof SuffixDirective];

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

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class LabelDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<LabelDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<LabelDirective, "impdc-label", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LabelDirective, "impdc-label", never, {}, {}, never, never, true, never>;
 }