@entake/particle 17.0.0

package/app/modules/color-picker/color-picker.component.d.ts

@@ -0,0 +1,149 @@
+import { ChangeDetectorRef, ElementRef, EventEmitter, OnInit, Renderer2 } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { ColorPickerText } from '../../shared/models/particle-component-text.model';
+import * as i0 from "@angular/core";
+/**
+ * Component that wraps the native HTML5 color picker for supported browsers
+ */
+export declare class ColorPickerComponent implements ControlValueAccessor, OnInit {
+    private renderer;
+    private changeDetectorRef;
+    /**
+     * Regex to match a hexadecimal string (000000)
+     * @private
+     */
+    private static readonly FULL_HEX_REGEX;
+    /**
+     * Regex to match a short hexadecimal string (000)
+     * @private
+     */
+    private static readonly SHORT_HEX_REGEX;
+    /**
+     * Regex to match a valid hex character (A-F, a-f, 0-9)
+     * @private
+     */
+    private static readonly HEX_CHARACTER_REGEX;
+    /**
+     * Navigation keys
+     * @private
+     */
+    private static readonly NAVIGATION_KEYS;
+    /**
+     * Set the value of the color picker
+     * @param value the value to set
+     */
+    set value(value: string);
+    /**
+     * Set disabled
+     * @param disabled whether or not the control should be disabled
+     */
+    set disabled(disabled: boolean);
+    /**
+     * Class list to apply to the hex string input
+     */
+    classList: string;
+    text: ColorPickerText;
+    /**
+     * Event emitted on hex string input event. Emits the current value of the input
+     */
+    input: EventEmitter<string>;
+    /**
+     * Event emitted on color selection from color picker (color picker widget dismissed)
+     * or valid hex string typed in input. Emits the current value of the input
+     */
+    colorSelected: EventEmitter<string>;
+    /**
+     * ViewChild of the color input element
+     */
+    colorInput: ElementRef<HTMLInputElement>;
+    /**
+     * Whether to render the component
+     */
+    render: boolean;
+    /**
+     * Whether the native HTML5 color picker is supported
+     */
+    colorPickerSupported: boolean;
+    /**
+     * The value of the color picker
+     */
+    _value: string;
+    /**
+     * Whether the color picker is disabled
+     * @private
+     */
+    _disabled: boolean;
+    /**
+     * Expand a short hex string (#abc) into its full form (#aabbcc)
+     * @param hexString the short hex string to expand
+     * @private
+     */
+    private static expandShortHexString;
+    /**
+     * Function to call on change
+     */
+    onChange: (value: any) => void;
+    /**
+     * Function to call on touch
+     */
+    onTouched: () => any;
+    /**
+     * Dependency injection site
+     * @param renderer the Angular renderer
+     * @param changeDetectorRef the Angular ChangeDetectorRef
+     */
+    constructor(renderer: Renderer2, changeDetectorRef: ChangeDetectorRef);
+    /**
+     * Init component, check for color picker browser support
+     */
+    ngOnInit(): void;
+    /**
+     * Write value
+     * @param value the value to write
+     */
+    writeValue(value: string): void;
+    /**
+     * Register on change function
+     * @param fn the function to register
+     */
+    registerOnChange(fn: any): void;
+    /**
+     * Register on touched function
+     * @param fn the function to register
+     */
+    registerOnTouched(fn: any): void;
+    /**
+     * Set whether the control should be disabled
+     * @param isDisabled disabled or not
+     */
+    setDisabledState(isDisabled: boolean): void;
+    /**
+     * Prevent illegal input
+     * @param event the keydown KeyboardEvent
+     */
+    handleKeyDown(event: KeyboardEvent): void;
+    /**
+     * Update model
+     * @param value the new value of the model
+     * @param emitColorSelected whether or not emit the color selected event
+     * @private
+     */
+    updateModel(value: string, emitColorSelected?: boolean): void;
+    /**
+     * Null out value on blur if not valid hex string, otherwise update model
+     * @param value the value to check
+     */
+    handleBlur(value: string): void;
+    /**
+     * Prevent pasting a non-hex string
+     * @param event the paste ClipboardEvent
+     */
+    handlePaste(event: ClipboardEvent): void;
+    /**
+     * Determine if the browser supports the HTML5 color picker
+     * @private
+     */
+    private isColorPickerSupported;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColorPickerComponent, "particle-color-picker", never, { "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "classList": { "alias": "classList"; "required": false; }; "text": { "alias": "text"; "required": false; }; }, { "input": "input"; "colorSelected": "colorSelected"; }, never, never, false, never>;
+}

package/app/modules/color-picker/color-picker.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./color-picker.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+export declare class ParticleColorPickerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ParticleColorPickerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ParticleColorPickerModule, [typeof i1.ColorPickerComponent], [typeof i2.CommonModule, typeof i3.FormsModule], [typeof i1.ColorPickerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ParticleColorPickerModule>;
+}

package/app/modules/date-picker/components/calendar/calendar.component.d.ts

@@ -0,0 +1,211 @@
+import { ElementRef, EventEmitter, OnDestroy, OnInit, QueryList, Renderer2 } from '@angular/core';
+import { BehaviorSubject, Observable } from 'rxjs';
+import { CalendarText } from '../../../../shared/models/particle-component-text.model';
+import * as i0 from "@angular/core";
+/**
+ * Interface representing a date interval
+ */
+export declare interface Interval {
+    start: Date | number;
+    end: Date | number;
+}
+/**
+ * Interface representing a Date broken down by date/month/year
+ * with extended metadata
+ */
+declare interface MetaDate {
+    /**
+     * The day of the week (starting at 0)
+     */
+    day: number;
+    /**
+     * The day of the month (starting at 1)
+     */
+    date: number;
+    /**
+     * The month (starting at 0)
+     */
+    month: number;
+    /**
+     * The full year
+     */
+    year: number;
+    /**
+     * Whether the day is selectable
+     */
+    selectable: boolean;
+}
+/**
+ * Component that allows a user to select a date from a calendar
+ */
+export declare class CalendarComponent implements OnDestroy, OnInit {
+    private renderer;
+    /**
+     * The keyboard arrow keys
+     * @private
+     */
+    private static readonly ARROW_KEYS;
+    /**
+     * ViewChild of the calendar widget parent div element
+     */
+    calendarWidgetDiv: ElementRef<HTMLDivElement>;
+    /**
+     * ViewChild of the month select element
+     */
+    yearSelect: ElementRef<HTMLSelectElement>;
+    /**
+     * ViewChild of the done button
+     */
+    doneButton: ElementRef<HTMLButtonElement>;
+    /**
+     * QueryList of the calendar date buttons for the currently selected month/year
+     */
+    calendarDates: QueryList<ElementRef<HTMLButtonElement>>;
+    /**
+     * The selected date value
+     */
+    set value(value: Date);
+    /**
+     * The range of available dates to choose from
+     */
+    set dateRange(dateRange: {
+        minDate: Date;
+        maxDate: Date;
+    });
+    set text(text: CalendarText);
+    get text(): CalendarText;
+    showControls: boolean;
+    private _text;
+    /**
+     * Event emitted on date select
+     */
+    selected: EventEmitter<Date>;
+    /**
+     * Event emitted on close (either through the button, escape keyup or click off of widget).
+     * Note: it is the parent component's job to actually hide the calendar, this event
+     *       acts as a signal that that action should be taken
+     */
+    closed: EventEmitter<void>;
+    /**
+     * The current Date broken down by day/month/year
+     */
+    readonly currentDate: MetaDate;
+    /**
+     * Array of days of the week
+     */
+    weekDays: string[];
+    /**
+     * BehaviorSubject tracking the current value
+     */
+    readonly _value: BehaviorSubject<MetaDate>;
+    /**
+     * BehaviorSubject tracking the valid selection interval
+     */
+    readonly _validSelectionInterval: BehaviorSubject<Interval>;
+    /**
+     * BehaviorSubject tracking the currently selected month
+     */
+    readonly _selectedMonth: BehaviorSubject<number>;
+    /**
+     * BehaviorSubject tracking the currently selected year
+     */
+    readonly _selectedYear: BehaviorSubject<number>;
+    /**
+     * The full month for the current selected month/year
+     */
+    readonly fullMonth$: Observable<Array<MetaDate>>;
+    /**
+     * The range of selectable years as an Observable
+     */
+    readonly validYearRange$: Observable<Array<number>>;
+    /**
+     * Subscription for the combination of value and valid selection interval
+     * @private
+     */
+    private readonly subscription;
+    /**
+     * The currently selected date
+     */
+    selectedDate: MetaDate | null;
+    /**
+     * Generate a 42 element array representing the input month's days with
+     * padding from the previous/following month
+     * @param month the month to generate dates for
+     * @param year the year to generate the month for
+     * @param selectionInterval the selection interval
+     */
+    private static generateMonth;
+    /**
+     * Generate an Array of numbers representing the span of years between the input
+     * @param minYear the start of the range
+     * @param maxYear the end of the range
+     * @param currentYear the current year
+     */
+    private static generateYearRange;
+    /**
+     * Dependency injection site
+     * @param renderer the Angular renderer
+     */
+    constructor(renderer: Renderer2);
+    /**
+     * Init component
+     */
+    ngOnInit(): void;
+    /**
+     * Destroy component, unsubscribe from any active subscriptions
+     */
+    ngOnDestroy(): void;
+    /**
+     * Handle window keyup events
+     * @param event the keyup KeyboardEvent
+     */
+    onKeyUp(event: KeyboardEvent): void;
+    /**
+     * Emit closed event on click if clicked outside calendar widget
+     * @param event the click MouseEvent
+     */
+    handleClick(event: MouseEvent): void;
+    /**
+     * Update selected date and emit selection event
+     * @param selectedDate the selected date
+     */
+    handleDateSelection(selectedDate: MetaDate): void;
+    /**
+     * Select the current date and toggle selected month/year to match
+     */
+    selectToday(): void;
+    /**
+     * Handle arrow key navigation for calendar date buttons
+     * @param key the pressed arrow key
+     * @private
+     */
+    private onArrowKeyUp;
+    /**
+     * Attempt to focus on date indexed immediately to the left of the input date
+     * @param date the day of the month
+     * @private
+     */
+    private navigateLeft;
+    /**
+     * Attempt to focus on date indexed immediately to the right of the input date
+     * @param date the day of the month
+     * @private
+     */
+    private navigateRight;
+    /**
+     * Attempt to navigate one week in the past from the input date
+     * @param date the day of the month
+     * @private
+     */
+    private navigateUp;
+    /**
+     * Attempt to navigate one week in the future from the input date
+     * @param date the day of the month
+     * @private
+     */
+    private navigateDown;
+    clear(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CalendarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarComponent, "particle-calendar", never, { "value": { "alias": "value"; "required": false; }; "dateRange": { "alias": "dateRange"; "required": false; }; "text": { "alias": "text"; "required": false; }; "showControls": { "alias": "showControls"; "required": false; }; }, { "selected": "selected"; "closed": "closed"; }, never, never, false, never>;
+}
+export {};

package/app/modules/date-picker/components/date-range-picker/date-range-picker.component.d.ts

@@ -0,0 +1,95 @@
+import { AfterViewInit, ChangeDetectorRef } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { DateRangePickerText } from '../../../../shared/models/particle-component-text.model';
+import { PopoverComponent } from '../../../popover/popover.component';
+import { CalendarComponent } from '../calendar/calendar.component';
+import * as i0 from "@angular/core";
+export declare class DateRangePickerComponent implements ControlValueAccessor, AfterViewInit {
+    private changeDetectorRef;
+    currentYear: number;
+    _disabled: boolean;
+    private _value$;
+    private _lastValue;
+    private _init;
+    valueObs$: import("rxjs").Observable<any>;
+    inputId: string;
+    inputClassList: string;
+    calendarButtonClassList: string;
+    text: DateRangePickerText;
+    set dateRange(value: {
+        minDate: Date;
+        maxDate: Date;
+    });
+    get dateRange(): {
+        minDate: Date;
+        maxDate: Date;
+    };
+    get endDateRange(): {
+        minDate: Date;
+        maxDate: Date;
+    };
+    private _dateRange;
+    private _endDateRange;
+    set value(value: {
+        start: Date;
+        end: Date;
+    });
+    get value(): {
+        start: Date;
+        end: Date;
+    };
+    set disabled(disabled: boolean);
+    get disabled(): boolean;
+    ariaLabel: string;
+    /**
+     * Format for the selected date range in the selection preview. Must
+     * be a valid Angular DatePipe format
+     */
+    dateFormat: string;
+    calendarPopover: PopoverComponent;
+    beginCalendar: CalendarComponent;
+    endCalendar: CalendarComponent;
+    ngAfterViewInit(): void;
+    get beginDate(): Date;
+    set beginDate(beginDate: Date);
+    get endDate(): Date;
+    set endDate(endDate: Date);
+    /**
+     * Function to call on change
+     */
+    onChange: (value: any) => void;
+    /**
+     * Function to call on touch
+     */
+    onTouched: () => any;
+    constructor(changeDetectorRef: ChangeDetectorRef);
+    /**
+     * Write value
+     * @param value the value to write
+     */
+    writeValue(value: {
+        start: Date;
+        end: Date;
+    }): void;
+    /**
+     * Register function on change
+     * @param fn the function to change
+     */
+    registerOnChange(fn: any): void;
+    /**
+     * Register function on touch
+     * @param fn the function to register
+     */
+    registerOnTouched(fn: any): void;
+    /**
+     * Set disabled state
+     * @param isDisabled whether or not the control is disabled
+     */
+    setDisabledState(isDisabled: boolean): void;
+    openCalendar(event: Event): void;
+    updateModel(isBegin: boolean, date: Date): void;
+    checkState(): void;
+    clear(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DateRangePickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateRangePickerComponent, "particle-date-range-picker", never, { "inputId": { "alias": "inputId"; "required": false; }; "inputClassList": { "alias": "inputClassList"; "required": false; }; "calendarButtonClassList": { "alias": "calendarButtonClassList"; "required": false; }; "text": { "alias": "text"; "required": false; }; "dateRange": { "alias": "dateRange"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; }, {}, never, never, false, never>;
+}