mis-crystal-design-system 2.3.19 → 2.3.20

package/datepicker/bs-datepicker-input.directive.d.ts

@@ -0,0 +1,30 @@
+import { ChangeDetectorRef, ElementRef, OnDestroy, OnInit, Renderer2 } from '@angular/core';
+import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
+import { MisDatePickerDirective } from './bs-datepicker.component';
+import { BsLocaleService } from './bs-locale.service';
+export declare class MisDatePickerInputDirective implements ControlValueAccessor, Validator, OnInit, OnDestroy {
+    private _picker;
+    private _localeService;
+    private _renderer;
+    private _elRef;
+    private changeDetection;
+    private _onChange;
+    private _onTouched;
+    private _validatorChange;
+    private _value;
+    private _subs;
+    constructor(_picker: MisDatePickerDirective, _localeService: BsLocaleService, _renderer: Renderer2, _elRef: ElementRef, changeDetection: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    onKeydownEvent(event: any): void;
+    _setInputValue(value: Date): void;
+    onChange(event: Event): void;
+    validate(c: AbstractControl): ValidationErrors | null;
+    registerOnValidatorChange(fn: () => void): void;
+    writeValue(value: Date | string): void;
+    setDisabledState(isDisabled: boolean): void;
+    registerOnChange(fn: () => void): void;
+    registerOnTouched(fn: () => void): void;
+    onBlur(): void;
+    hide(): void;
+}

package/datepicker/bs-datepicker.component.d.ts

@@ -0,0 +1,123 @@
+import { ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges, ViewContainerRef, AfterViewInit } from '@angular/core';
+import { ComponentLoaderFactory } from './sub-components/component-loader';
+import { Observable, Subscription, Subject, BehaviorSubject } from 'rxjs';
+import { MisDatePickerConfig } from './bs-datepicker.config';
+import { MisDatePickerViewMode, DatePickerDateCustomClasses, DatePickerDateTooltipText } from './models';
+export declare class MisDatePickerDirective implements OnInit, OnDestroy, OnChanges, AfterViewInit {
+    _config: MisDatePickerConfig;
+    private _elementRef;
+    private _renderer;
+    /**
+     * Placement of a datepicker. Accepts: "top", "bottom", "left", "right"
+     */
+    placement: 'top' | 'bottom' | 'left' | 'right';
+    /**
+     * Specifies events that should trigger. Supports a space separated list of
+     * event names.
+     */
+    triggers: string;
+    /**
+     * Close datepicker on outside click
+     */
+    outsideClick: boolean;
+    /**
+     * A selector specifying the element the datepicker should be appended to.
+     */
+    container: string;
+    outsideEsc: boolean;
+    /**
+     * Returns whether or not the datepicker is currently being shown
+     */
+    get isOpen(): boolean;
+    set isOpen(value: boolean);
+    /**
+     * Emits an event when the datepicker is shown
+     */
+    onShown: EventEmitter<any>;
+    /**
+     * Emits an event when the datepicker is hidden
+     */
+    onHidden: EventEmitter<any>;
+    _bsValue: Date;
+    isOpen$: BehaviorSubject<boolean>;
+    isDestroy$: Subject<void>;
+    /**
+     * Initial value of datepicker
+     */
+    set bsValue(value: Date);
+    /**
+     * Config object for datepicker
+     */
+    set misConfig(misConfig: Partial<MisDatePickerConfig>);
+    get misConfig(): Partial<MisDatePickerConfig>;
+    /**
+     * Indicates whether datepicker's content is enabled or not
+     */
+    isDisabled: boolean;
+    /**
+     * Minimum date which is available for selection
+     */
+    minDate: Date;
+    /**
+     * Maximum date which is available for selection
+     */
+    maxDate: Date;
+    /**
+     * Minimum view mode : day, month, or year
+     */
+    minMode: MisDatePickerViewMode;
+    /**
+     * Disable Certain days in the week
+     */
+    daysDisabled: number[];
+    /**
+     * Disable specific dates
+     */
+    datesDisabled: Date[];
+    /**
+     * Enable specific dates
+     */
+    datesEnabled: Date[];
+    /**
+     * Date custom classes
+     */
+    dateCustomClasses: DatePickerDateCustomClasses[];
+    /**
+     * Date tooltip text
+     */
+    dateTooltipTexts: DatePickerDateTooltipText[];
+    /**
+     * Emits when datepicker value has been changed
+     */
+    bsValueChange: EventEmitter<Date>;
+    get dateInputFormat$(): Observable<string>;
+    protected _subs: Subscription[];
+    private _datepicker;
+    private _datepickerRef;
+    private _misConfig;
+    private readonly _dateInputFormat$;
+    constructor(_config: MisDatePickerConfig, _elementRef: ElementRef, _renderer: Renderer2, _viewContainerRef: ViewContainerRef, cis: ComponentLoaderFactory);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    /**
+     * Opens an element’s datepicker. This is considered a “manual” triggering of
+     * the datepicker.
+     */
+    show(): void;
+    /**
+     * Closes an element’s datepicker. This is considered a “manual” triggering of
+     * the datepicker.
+     */
+    hide(): void;
+    /**
+     * Toggles an element’s datepicker. This is considered a “manual” triggering
+     * of the datepicker.
+     */
+    toggle(): void;
+    /**
+     * Set config for datepicker
+     */
+    setConfig(): void;
+    ngOnDestroy(): void;
+}

package/datepicker/bs-datepicker.config.d.ts

@@ -0,0 +1,140 @@
+import { DatePickerRenderOptions, MisDatePickerViewMode, DatePickerDateCustomClasses, DatePickerDateTooltipText } from './models';
+import { BsCustomDates } from './themes/bs/bs-custom-dates-view.component';
+/**
+ * For date range picker there are `MisDateRangePickerConfig` which inherits all properties,
+ * except `displayMonths`, for range picker it default to `2`
+ */
+export declare class MisDatePickerConfig implements DatePickerRenderOptions {
+    /** sets use adaptive position */
+    adaptivePosition: boolean;
+    /** sets use UTC date time format */
+    useUtc: boolean;
+    /** turn on/off animation */
+    isAnimated: boolean;
+    value?: Date | Date[];
+    isDisabled?: boolean;
+    /**
+     * Default min date for all date/range pickers
+     */
+    minDate?: Date;
+    /**
+     * Default max date for all date/range pickers
+     */
+    maxDate?: Date;
+    /**
+     * The view that the datepicker should start in
+     */
+    startView: MisDatePickerViewMode;
+    /**
+     * Default date custom classes for all date/range pickers
+     */
+    dateCustomClasses: DatePickerDateCustomClasses[];
+    /**
+     * Default tooltip text for all date/range pickers
+     */
+    dateTooltipTexts?: DatePickerDateTooltipText[];
+    /**
+     * Disable specific days, e.g. [0,6] will disable all Saturdays and Sundays
+     */
+    daysDisabled?: number[];
+    /**
+     * Disable specific dates
+     */
+    datesDisabled?: Date[];
+    /**
+     * Show one months for special cases (only for dateRangePicker)
+     * 1. maxDate is equal to today's date
+     * 2. minDate's month is equal to maxDate's month
+     */
+    displayOneMonthRange?: boolean;
+    /**
+     * Enable specific dates
+     */
+    datesEnabled?: Date[];
+    /**
+     * Makes dates from other months active
+     */
+    selectFromOtherMonth?: boolean;
+    /**
+     * Allows select first date of the week by click on week number
+     */
+    selectWeek?: boolean;
+    /**
+     * Allows select daterange as first and last day of week by click on week number (dateRangePicker only)
+     */
+    selectWeekDateRange?: boolean;
+    /**
+     * Shows previous and current month, instead of current and next (dateRangePicker only)
+     */
+    showPreviousMonth?: boolean;
+    /**
+     * Add class to current day
+     */
+    customTodayClass?: string;
+    /**
+     * Default mode for all date pickers
+     */
+    minMode?: MisDatePickerViewMode;
+    /**
+     * If true, returns focus to the datepicker / daterangepicker input after date selection
+     */
+    returnFocusToInput: boolean;
+    /** CSS class which will be applied to datepicker container,
+     * usually used to set color theme
+     */
+    containerClass: string;
+    displayMonths: number;
+    /**
+     * Allows to hide week numbers in datepicker
+     */
+    showWeekNumbers: boolean;
+    dateInputFormat: string;
+    rangeSeparator: string;
+    /**
+     * Date format for date range input field
+     */
+    rangeInputFormat: string;
+    /**
+     * Predefined ranges
+     */
+    ranges?: BsCustomDates[];
+    /**
+     * Max Date Range in days
+     */
+    maxDateRange?: number;
+    monthTitle: string;
+    yearTitle: string;
+    dayLabel: string;
+    monthLabel: string;
+    yearLabel: string;
+    weekNumbers: string;
+    /**
+     * Shows 'today' button
+     */
+    showTodayButton: boolean;
+    /**
+     * Shows clear button
+     */
+    showClearButton: boolean;
+    /**
+     * Positioning of 'today' button
+     */
+    todayPosition: string;
+    /**
+     * Positioning of 'clear' button
+     */
+    clearPosition: string;
+    /**
+     * Label for 'today' button
+     */
+    todayButtonLabel: string;
+    /**
+     * Label for 'clear' button
+     */
+    clearButtonLabel: string;
+    /**
+     * Label for 'custom range' button
+     */
+    customRangeButtonLabel: string;
+    emitOnDateRangeSelect: boolean;
+}

package/datepicker/bs-datepicker.module.d.ts

@@ -0,0 +1,4 @@
+import { ModuleWithProviders } from '@angular/core';
+export declare class MisDatePickerModule {
+    static forRoot(): ModuleWithProviders<MisDatePickerModule>;
+}

package/datepicker/bs-daterangepicker-inline.component.d.ts

@@ -0,0 +1,61 @@
+import { ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges, ViewContainerRef } from '@angular/core';
+import { ComponentLoaderFactory } from './sub-components/component-loader';
+import { Subscription } from 'rxjs';
+import { MisDateRangePickerInlineConfig } from './bs-daterangepicker-inline.config';
+import { DatePickerDateCustomClasses } from './models';
+export declare class MisDateRangePickerInlineDirective implements OnInit, OnDestroy, OnChanges {
+    _config: MisDateRangePickerInlineConfig;
+    private _elementRef;
+    _bsValue: Date[];
+    /**
+     * Initial value of datepicker
+     */
+    set bsValue(value: Date[]);
+    /**
+     * Config object for datepicker
+     */
+    misConfig: Partial<MisDateRangePickerInlineConfig>;
+    /**
+     * Indicates whether datepicker is enabled or not
+     */
+    isDisabled: boolean;
+    /**
+     * Minimum date which is available for selection
+     */
+    minDate: Date;
+    /**
+     * Maximum date which is available for selection
+     */
+    maxDate: Date;
+    /**
+     * Date custom classes
+     */
+    dateCustomClasses: DatePickerDateCustomClasses[];
+    /**
+     * Disable specific days, e.g. [0,6] will disable all Saturdays and Sundays
+     */
+    daysDisabled?: number[];
+    /**
+     * Disable specific dates
+     */
+    datesDisabled: Date[];
+    /**
+     * Disable specific dates
+     */
+    datesEnabled: Date[];
+    /**
+     * Emits when daterangepicker value has been changed
+     */
+    bsValueChange: EventEmitter<Date[]>;
+    protected _subs: Subscription[];
+    private _datepicker;
+    private _datepickerRef;
+    constructor(_config: MisDateRangePickerInlineConfig, _elementRef: ElementRef, _renderer: Renderer2, _viewContainerRef: ViewContainerRef, cis: ComponentLoaderFactory);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * Set config for datepicker
+     */
+    setConfig(): void;
+    ngOnDestroy(): any;
+}

package/datepicker/bs-daterangepicker-inline.config.d.ts

@@ -0,0 +1,6 @@
+import { MisDatePickerConfig } from './bs-datepicker.config';
+export declare class MisDateRangePickerInlineConfig extends MisDatePickerConfig {
+    displayMonths: number;
+    /** turn on/off animation */
+    isAnimated: boolean;
+}

package/datepicker/bs-daterangepicker-input.directive.d.ts

@@ -0,0 +1,30 @@
+import { ChangeDetectorRef, ElementRef, OnDestroy, OnInit, Renderer2 } from '@angular/core';
+import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
+import { MisDateRangePickerDirective } from './bs-daterangepicker.component';
+import { BsLocaleService } from './bs-locale.service';
+export declare class MisDateRangePickerInputDirective implements ControlValueAccessor, Validator, OnInit, OnDestroy {
+    private _picker;
+    private _localeService;
+    private _renderer;
+    private _elRef;
+    private changeDetection;
+    private _onChange;
+    private _onTouched;
+    private _validatorChange;
+    private _value;
+    private _subs;
+    constructor(_picker: MisDateRangePickerDirective, _localeService: BsLocaleService, _renderer: Renderer2, _elRef: ElementRef, changeDetection: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    onKeydownEvent(event: any): void;
+    _setInputValue(date: Date[]): void;
+    onChange(event: Event): void;
+    validate(c: AbstractControl): ValidationErrors | null;
+    registerOnValidatorChange(fn: () => void): void;
+    writeValue(value: Date[] | string): void;
+    setDisabledState(isDisabled: boolean): void;
+    registerOnChange(fn: () => void): void;
+    registerOnTouched(fn: () => void): void;
+    onBlur(): void;
+    hide(): void;
+}

package/datepicker/bs-daterangepicker.component.d.ts

@@ -0,0 +1,115 @@
+import { AfterViewInit, ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges, ViewContainerRef } from '@angular/core';
+import { MisDateRangePickerConfig } from './bs-daterangepicker.config';
+import { Observable, Subscription, Subject, BehaviorSubject } from 'rxjs';
+import { ComponentLoaderFactory } from './sub-components/component-loader';
+import { DatePickerDateCustomClasses } from './models';
+export declare class MisDateRangePickerDirective implements OnInit, OnDestroy, OnChanges, AfterViewInit {
+    _config: MisDateRangePickerConfig;
+    private _elementRef;
+    private _renderer;
+    /**
+     * Placement of a daterangepicker. Accepts: "top", "bottom", "left", "right"
+     */
+    placement: 'top' | 'bottom' | 'left' | 'right';
+    /**
+     * Specifies events that should trigger. Supports a space separated list of
+     * event names.
+     */
+    triggers: string;
+    /**
+     * Close daterangepicker on outside click
+     */
+    outsideClick: boolean;
+    /**
+     * A selector specifying the element the daterangepicker should be appended to.
+     */
+    container: string;
+    outsideEsc: boolean;
+    /**
+     * Returns whether or not the daterangepicker is currently being shown
+     */
+    get isOpen(): boolean;
+    set isOpen(value: boolean);
+    /**
+     * Emits an event when the daterangepicker is shown
+     */
+    onShown: EventEmitter<any>;
+    /**
+     * Emits an event when the daterangepicker is hidden
+     */
+    onHidden: EventEmitter<any>;
+    _bsValue: Date[];
+    isOpen$: BehaviorSubject<boolean>;
+    isDestroy$: Subject<void>;
+    /**
+     * Initial value of daterangepicker
+     */
+    set bsValue(value: Date[]);
+    /**
+     * Config object for daterangepicker
+     */
+    set misConfig(misConfig: Partial<MisDateRangePickerConfig>);
+    get misConfig(): Partial<MisDateRangePickerConfig>;
+    /**
+     * Indicates whether daterangepicker's content is enabled or not
+     */
+    isDisabled: boolean;
+    /**
+     * Minimum date which is available for selection
+     */
+    minDate: Date;
+    /**
+     * Maximum date which is available for selection
+     */
+    maxDate: Date;
+    /**
+     * Date custom classes
+     */
+    dateCustomClasses: DatePickerDateCustomClasses[];
+    /**
+     * Disable specific days, e.g. [0,6] will disable all Saturdays and Sundays
+     */
+    daysDisabled?: number[];
+    /**
+     * Disable specific dates
+     */
+    datesDisabled: Date[];
+    /**
+     * Enable specific dates
+     */
+    datesEnabled: Date[];
+    /**
+     * Emits when daterangepicker value has been changed
+     */
+    bsValueChange: EventEmitter<Date[]>;
+    get rangeInputFormat$(): Observable<string>;
+    protected _subs: Subscription[];
+    private _datepicker;
+    private _datepickerRef;
+    private _misConfig;
+    private readonly _rangeInputFormat$;
+    constructor(_config: MisDateRangePickerConfig, _elementRef: ElementRef, _renderer: Renderer2, _viewContainerRef: ViewContainerRef, cis: ComponentLoaderFactory);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    /**
+     * Opens an element’s datepicker. This is considered a “manual” triggering of
+     * the datepicker.
+     */
+    show(): void;
+    /**
+     * Set config for daterangepicker
+     */
+    setConfig(): void;
+    /**
+     * Closes an element’s datepicker. This is considered a “manual” triggering of
+     * the datepicker.
+     */
+    hide(): void;
+    /**
+     * Toggles an element’s datepicker. This is considered a “manual” triggering
+     * of the datepicker.
+     */
+    toggle(): void;
+    ngOnDestroy(): void;
+}

package/datepicker/bs-daterangepicker.config.d.ts

@@ -0,0 +1,4 @@
+import { MisDatePickerConfig } from './bs-datepicker.config';
+export declare class MisDateRangePickerConfig extends MisDatePickerConfig {
+    displayMonths: number;
+}

package/datepicker/bs-locale.service.d.ts

@@ -0,0 +1,10 @@
+import { BehaviorSubject, Observable } from 'rxjs';
+export declare class BsLocaleService {
+    private _defaultLocale;
+    private _locale;
+    private _localeChange;
+    get locale(): BehaviorSubject<string>;
+    get localeChange(): Observable<string>;
+    get currentLocale(): string;
+    use(locale: string): void;
+}

package/datepicker/date-formatter.d.ts

@@ -0,0 +1,3 @@
+export declare class DateFormatter {
+    format(date: Date, format: string, locale: string): string;
+}

package/datepicker/datepicker-animations.d.ts

@@ -0,0 +1,3 @@
+import { AnimationTriggerMetadata } from '@angular/animations';
+export declare const DATEPICKER_ANIMATION_TIMING = "220ms cubic-bezier(0, 0, 0.2, 1)";
+export declare const datepickerAnimation: AnimationTriggerMetadata;

package/datepicker/datepicker-inner.component.d.ts

@@ -0,0 +1,75 @@
+import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { DateFormatter } from './date-formatter';
+export declare class DatePickerInnerComponent implements OnInit, OnChanges {
+    locale: string;
+    datepickerMode: string;
+    startingDay: number;
+    yearRange: number;
+    minDate: Date;
+    maxDate: Date;
+    minMode: string;
+    maxMode: string;
+    showWeeks: boolean;
+    formatDay: string;
+    formatMonth: string;
+    formatYear: string;
+    formatDayHeader: string;
+    formatDayTitle: string;
+    formatMonthTitle: string;
+    onlyCurrentMonth: boolean;
+    shortcutPropagation: boolean;
+    customClass: {
+        date: Date;
+        mode: string;
+        clazz: string;
+    }[];
+    monthColLimit: number;
+    yearColLimit: number;
+    dateDisabled: {
+        date: Date;
+        mode: string;
+    }[];
+    dayDisabled: number[];
+    initDate: Date;
+    selectionDone: EventEmitter<Date>;
+    update: EventEmitter<Date>;
+    activeDateChange: EventEmitter<Date>;
+    stepDay: any;
+    stepMonth: any;
+    stepYear: any;
+    uniqueId: string;
+    protected modes: string[];
+    protected dateFormatter: DateFormatter;
+    protected _activeDate: Date;
+    protected selectedDate: Date;
+    protected activeDateId: string;
+    protected refreshViewHandlerDay: Function;
+    protected compareHandlerDay: Function;
+    protected refreshViewHandlerMonth: Function;
+    protected compareHandlerMonth: Function;
+    protected refreshViewHandlerYear: Function;
+    protected compareHandlerYear: Function;
+    get activeDate(): Date;
+    set activeDate(value: Date);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    checkIfActiveDateGotUpdated(activeDate: any): void;
+    setCompareHandler(handler: Function, type: string): void;
+    compare(date1: Date, date2: Date): number | undefined;
+    setRefreshViewHandler(handler: Function, type: string): void;
+    refreshView(): void;
+    dateFilter(date: Date, format: string): string;
+    isActive(dateObject: any): boolean;
+    createDateObject(date: Date, format: string): any;
+    split(arr: any[], size: number): any[];
+    fixTimeZone(date: Date): Date;
+    select(date: Date, isManual?: boolean): void;
+    move(direction: number): void;
+    toggleMode(_direction: number): void;
+    protected getCustomClassForDate(date: Date): string;
+    protected compareDateDisabled(date1Disabled: {
+        date: Date;
+        mode: string;
+    }, date2: Date): number;
+    protected isDisabled(date: Date): boolean;
+}