cmat 0.0.3

package/components/material-datetimepicker/multi-year-view.d.ts

@@ -0,0 +1,74 @@
+import { AfterContentInit, EventEmitter } from '@angular/core';
+import { CmatDatetimepickerCalendarCellComponent } from './calendar-body';
+import { CmatDatetimeFormats, DatetimeAdapter } from 'cmat/components/adapter';
+import { CmatDatetimepickerType } from './datetimepicker-types';
+import * as i0 from "@angular/core";
+export declare const yearsPerPage = 24;
+export declare const yearsPerRow = 4;
+/**
+ * An internal component used to display multiple years in the datepicker.
+ */
+export declare class CmatDatetimepickerMultiYearViewComponent<D> implements AfterContentInit {
+    adapter: DatetimeAdapter<D>;
+    private _dateFormats;
+    userSelection: EventEmitter<void>;
+    type: CmatDatetimepickerType;
+    /** A function used to filter which dates are selectable. */
+    dateFilter: (date: D) => boolean;
+    /** Emits when a new month is selected. */
+    selectedChange: EventEmitter<D>;
+    /** Grid of calendar cells representing the years in the range. */
+    years: CmatDatetimepickerCalendarCellComponent[][];
+    /** The label for this year range (e.g. "2000-2020"). */
+    yearLabel: string;
+    /** The year in this range that today falls on. Null if today is in a different range. */
+    todayYear: number;
+    /**
+     * The year in this range that the selected Date falls on.
+     * Null if the selected Date is in a different range.
+     */
+    selectedYear: number | null;
+    calendarState: string;
+    private _activeDate;
+    private _selected;
+    private _minDate;
+    private _maxDate;
+    constructor(adapter: DatetimeAdapter<D>, _dateFormats: CmatDatetimeFormats);
+    /** The date to display in this multi year view*/
+    get activeDate(): D;
+    set activeDate(value: D);
+    /** The currently selected date. */
+    get selected(): D;
+    set selected(value: D);
+    /** The minimum selectable date. */
+    get minDate(): D | null;
+    set minDate(value: D | null);
+    /** The maximum selectable date. */
+    get maxDate(): D | null;
+    set maxDate(value: D | null);
+    ngAfterContentInit(): void;
+    /** Handles when a new year is selected. */
+    yearSelected(year: number): void;
+    getActiveCell(): number;
+    calendarStateDone(): void;
+    /** Initializes this year view. */
+    private _init;
+    /** Creates an MatDatetimepickerCalendarCell for the given year. */
+    private _createCellForYear;
+    /** Whether the given year is enabled. */
+    private _shouldEnableYear;
+    /**
+     * @param obj The object to check.
+     * @returns The given object if it is both a date instance and valid, otherwise null.
+     */
+    private _getValidDateOrNull;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatDatetimepickerMultiYearViewComponent<any>, [{ optional: true; }, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CmatDatetimepickerMultiYearViewComponent<any>, "cmat-datetimepicker-multi-year-view", ["cmatDatetimepickerMultiYearView"], { "type": { "alias": "type"; "required": false; }; "dateFilter": { "alias": "dateFilter"; "required": false; }; "activeDate": { "alias": "activeDate"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; }, { "userSelection": "userSelection"; "selectedChange": "selectedChange"; }, never, never, true, never>;
+}
+export declare function isSameMultiYearView<D>(dateAdapter: DatetimeAdapter<D>, date1: D, date2: D, minDate: D | null, maxDate: D | null): boolean;
+/**
+ * When the multi-year view is first opened, the active year will be in view.
+ * So we compute how many years are between the active year and the *slot* where our
+ * "startingYear" will render when paged into view.
+ */
+export declare function getActiveOffset<D>(dateAdapter: DatetimeAdapter<D>, activeDate: D, minDate: D | null, maxDate: D | null): number;

package/components/material-datetimepicker/public-api.d.ts

@@ -0,0 +1,9 @@
+export * from './clock';
+export * from './calendar';
+export * from './calendar-body';
+export * from './datetimepicker';
+export * from './datetimepicker-filtertype';
+export * from './datetimepicker-input';
+export * from './datetimepicker-toggle';
+export * from './month-view';
+export * from './year-view';

package/components/material-datetimepicker/time.d.ts

@@ -0,0 +1,129 @@
+import { NumberInput } from '@angular/cdk/coercion';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { SubscriptionLike } from 'rxjs';
+import { CmatAMPM, CmatClockView } from './datetimepicker-types';
+import { CmatDatetimepickerFilterType } from './datetimepicker-filtertype';
+import { DatetimeAdapter } from 'cmat/components/adapter';
+import { CmatDatetimepickerIntl } from './datetimepicker-intl';
+import * as i0 from "@angular/core";
+export declare class CmatDatetimepickerTimeInputDirective implements OnDestroy {
+    private _element;
+    private _cdr;
+    timeInterval: number;
+    timeMin: number;
+    timeMax: number;
+    timeValueChanged: EventEmitter<NumberInput>;
+    private _value;
+    private _keyDownListener;
+    private _keyPressListener;
+    private _inputEventListener;
+    constructor(_element: ElementRef, _cdr: ChangeDetectorRef);
+    get hasFocus(): boolean;
+    get inputElement(): HTMLInputElement;
+    get valid(): boolean;
+    get invalid(): boolean;
+    set timeValue(value: NumberInput);
+    blur(): void;
+    focus(): void;
+    /**
+     * Write value to inputElement
+     *
+     * @param value NumberInput
+     */
+    writeValue(value: NumberInput): void;
+    /**
+     * Writes value to placeholder
+     *
+     * @param value NumberInput
+     */
+    writePlaceholder(value: NumberInput): void;
+    keyDownHandler(event: KeyboardEvent): void;
+    /**
+     * Prevent non number inputs in the inputElement with the exception of Enter/BackSpace
+     *
+     * @param event KeyboardEvent
+     */
+    keyPressHandler(event: KeyboardEvent): void;
+    inputChangedHandler(): void;
+    clampInputValue(): void;
+    /**
+     * Remove event listeners on destruction
+     */
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatDatetimepickerTimeInputDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CmatDatetimepickerTimeInputDirective, "input.cmat-datetimepicker-time-input", ["cmatDatetimepickerTimeInput"], { "timeInterval": { "alias": "timeInterval"; "required": false; }; "timeMin": { "alias": "timeMin"; "required": false; }; "timeMax": { "alias": "timeMax"; "required": false; }; "timeValue": { "alias": "timeValue"; "required": false; }; }, { "timeValueChanged": "timeValueChanged"; }, never, never, true, never>;
+}
+export declare class CmatDatetimepickerTimeComponent<D> implements OnChanges, AfterViewInit, OnDestroy {
+    private _adapter;
+    private _changeDetectorRef;
+    protected datetimepickerIntl: CmatDatetimepickerIntl;
+    /** Emits when the currently selected date changes. */
+    readonly selectedChange: EventEmitter<D>;
+    /** Emits when any date changes. */
+    readonly activeDateChange: EventEmitter<D>;
+    /** Emits when any date is selected. */
+    readonly userSelection: EventEmitter<void>;
+    /** Emits when AM/PM button are clicked. */
+    readonly ampmChange: EventEmitter<CmatAMPM>;
+    /** Emits when AM/PM button are clicked. */
+    readonly clockViewChange: EventEmitter<CmatClockView>;
+    /** A function used to filter which dates are selectable. */
+    dateFilter: (date: D, type: CmatDatetimepickerFilterType) => boolean;
+    /** Step over minutes. */
+    interval: number;
+    /** Whether the time is now in AM or PM. */
+    AMPM: CmatAMPM;
+    class: string;
+    protected hourInputElement: ElementRef<HTMLInputElement> | void;
+    protected hourInputDirective: CmatDatetimepickerTimeInputDirective | void;
+    protected minuteInputElement: ElementRef<HTMLInputElement> | void;
+    protected minuteInputDirective: CmatDatetimepickerTimeInputDirective | void;
+    datetimepickerIntlChangesSubscription: SubscriptionLike;
+    private _twelvehour;
+    private _activeDate;
+    private _selected;
+    private _minDate;
+    private _maxDate;
+    /** Whether the clock is in hour view. */
+    private _clockView;
+    constructor(_adapter: DatetimeAdapter<D>, _changeDetectorRef: ChangeDetectorRef, datetimepickerIntl: CmatDatetimepickerIntl);
+    get isHourView(): boolean;
+    get isMinuteView(): boolean;
+    get hour(): string;
+    get minute(): string;
+    /** Whether the clock uses 12 hour format. */
+    get twelvehour(): boolean;
+    set twelvehour(value: boolean);
+    /**
+     * The date to display in this clock view.
+     */
+    get activeDate(): D;
+    set activeDate(value: D);
+    /** The currently selected date. */
+    get selected(): D | null;
+    set selected(value: D | null);
+    /** The minimum selectable date. */
+    get minDate(): D | null;
+    set minDate(value: D | null);
+    /** The maximum selectable date. */
+    get maxDate(): D | null;
+    set maxDate(value: D | null);
+    /** Whether the clock should be started in hour or minute view. */
+    get clockView(): CmatClockView;
+    set clockView(value: CmatClockView);
+    prefixWithZero(value: number): string;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    focusInputElement(): void;
+    handleHourInputChange(value: NumberInput): void;
+    updateHourForAmPm(value: number): number;
+    handleMinuteInputChange(value: NumberInput): void;
+    handleFocus(clockView: CmatClockView): void;
+    timeSelected(date: D): void;
+    onActiveDateChange(date: D): void;
+    handleOk(): void;
+    handleCancel(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatDatetimepickerTimeComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CmatDatetimepickerTimeComponent<any>, "cmat-datetimepicker-time", ["cmatDatetimepickerTime"], { "dateFilter": { "alias": "dateFilter"; "required": false; }; "interval": { "alias": "interval"; "required": false; }; "AMPM": { "alias": "AMPM"; "required": false; }; "twelvehour": { "alias": "twelvehour"; "required": false; }; "activeDate": { "alias": "activeDate"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "clockView": { "alias": "clockView"; "required": false; }; }, { "selectedChange": "selectedChange"; "activeDateChange": "activeDateChange"; "userSelection": "userSelection"; "ampmChange": "ampmChange"; "clockViewChange": "clockViewChange"; }, never, never, true, never>;
+}

package/components/material-datetimepicker/time.scss

@@ -0,0 +1,82 @@
+$time-font-size: 36px;
+$time-border-radius: 8px;
+$time-input-width: 72px;
+$time-input-height: 56px;
+$time-seperator-width: 24px;
+$time-ampm-width: 40px;
+
+.cmat-datetimepicker-time {
+  display: block;
+  outline: none;
+  user-select: none;
+}
+
+.cmat-datetimepicker-time-input-wrapper {
+  padding: 8px 0;
+  text-align: center;
+}
+
+.cmat-datetimepicker-time-input-inner {
+  display: inline-flex;
+  height: $time-input-height;
+  align-items: center;
+}
+
+.cmat-datetimepicker-time-input {
+  width: $time-input-width;
+  font-size: $time-font-size;
+  text-align: center;
+  border-radius: $time-border-radius;
+  border: 2px solid transparent;
+  appearance: none;
+  outline: none;
+  height: 100%;
+}
+
+.cmat-datetimepicker-time-seperator {
+  display: inline-flex;
+  justify-content: center;
+  width: $time-seperator-width;
+  font-size: $time-font-size;
+  height: 100%;
+}
+
+// AM/PM buttons
+.cmat-datetimepicker-time-ampm {
+  display: inline-flex;
+  flex-direction: column;
+  margin-left: 12px;
+  height: 100%;
+
+  [dir='rtl'] & {
+    margin-left: auto;
+    margin-right: 12px;
+  }
+}
+
+.cmat-datetimepicker-time-am.mat-mdc-button,
+.cmat-datetimepicker-time-pm.mat-mdc-button {
+  flex: 1;
+  width: $time-ampm-width;
+  min-width: auto;
+  padding: 0;
+  line-height: normal;
+  border-width: 1px;
+  border-style: solid;
+  min-height: 0;
+}
+
+.cmat-datetimepicker-time-am.mat-mdc-button {
+  border-radius: $time-border-radius $time-border-radius 0 0 !important;
+}
+
+.cmat-datetimepicker-time-pm.mat-mdc-button {
+  border-radius: 0 0 $time-border-radius $time-border-radius !important;
+  border-top: none;
+}
+
+.cmat-datetimepicker-time-button-wrapper {
+  display: flex;
+  justify-content: flex-end;
+  padding-top: 8px;
+}

package/components/material-datetimepicker/year-view.d.ts

@@ -0,0 +1,56 @@
+import { AfterContentInit, EventEmitter } from '@angular/core';
+import { CmatDatetimepickerCalendarCellComponent } from './calendar-body';
+import { CmatDatetimeFormats, DatetimeAdapter } from 'cmat/components/adapter';
+import { CmatDatetimepickerType } from './datetimepicker-types';
+import * as i0 from "@angular/core";
+/**
+ * An internal component used to display a single year in the datepicker.
+ */
+export declare class CmatDatetimepickerYearViewComponent<D> implements AfterContentInit {
+    adapter: DatetimeAdapter<D>;
+    private _dateFormats;
+    userSelection: EventEmitter<void>;
+    type: CmatDatetimepickerType;
+    /** A function used to filter which dates are selectable. */
+    dateFilter: (date: D) => boolean;
+    /** Emits when a new month is selected. */
+    selectedChange: EventEmitter<D>;
+    /** Grid of calendar cells representing the months of the year. */
+    months: CmatDatetimepickerCalendarCellComponent[][];
+    /** The label for this year (e.g. "2017"). */
+    yearLabel: string;
+    /** The month in this year that today falls on. Null if today is in a different year. */
+    todayMonth: number | null;
+    /**
+     * The month in this year that the selected Date falls on.
+     * Null if the selected Date is in a different year.
+     */
+    selectedMonth: number | null;
+    calendarState: string;
+    private _activeDate;
+    private _selected;
+    constructor(adapter: DatetimeAdapter<D>, _dateFormats: CmatDatetimeFormats);
+    /** The date to display in this year view (everything other than the year is ignored). */
+    get activeDate(): D;
+    set activeDate(value: D);
+    /** The currently selected date. */
+    get selected(): D;
+    set selected(value: D);
+    ngAfterContentInit(): void;
+    /** Handles when a new month is selected. */
+    monthSelected(month: number): void;
+    calendarStateDone(): void;
+    /** Initializes this month view. */
+    private _init;
+    /**
+     * Gets the month in this year that the given Date falls on.
+     * Returns null if the given Date is in another year.
+     */
+    private _getMonthInCurrentYear;
+    /** Creates an MdCalendarCell for the given month. */
+    private _createCellForMonth;
+    /** Whether the given month is enabled. */
+    private _isMonthEnabled;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatDatetimepickerYearViewComponent<any>, [{ optional: true; }, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CmatDatetimepickerYearViewComponent<any>, "cmat-datetimepicker-year-view", ["cmatDatetimepickerYearView"], { "type": { "alias": "type"; "required": false; }; "dateFilter": { "alias": "dateFilter"; "required": false; }; "activeDate": { "alias": "activeDate"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, { "userSelection": "userSelection"; "selectedChange": "selectedChange"; }, never, never, true, never>;
+}

package/components/navigation/horizontal/components/basic/basic.component.d.ts

@@ -0,0 +1,27 @@
+import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
+import { IsActiveMatchOptions } from '@angular/router';
+import { CmatNavigationService } from '../../../navigation.service';
+import { CmatNavigationItem } from '../../../navigation.types';
+import { CmatUtilsService } from 'cmat/services/utils';
+import * as i0 from "@angular/core";
+export declare class CmatHorizontalNavigationBasicItemComponent implements OnInit, OnDestroy {
+    private _changeDetectorRef;
+    private _cmatNavigationService;
+    private _cmatUtilsService;
+    item: CmatNavigationItem;
+    name: string;
+    isActiveMatchOptions: IsActiveMatchOptions;
+    private _cmatHorizontalNavigationComponent;
+    private _unsubscribeAll;
+    constructor(_changeDetectorRef: ChangeDetectorRef, _cmatNavigationService: CmatNavigationService, _cmatUtilsService: CmatUtilsService);
+    /**
+     * On init
+     */
+    ngOnInit(): void;
+    /**
+     * On destroy
+     */
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatHorizontalNavigationBasicItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CmatHorizontalNavigationBasicItemComponent, "cmat-horizontal-navigation-basic-item", never, { "item": { "alias": "item"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, {}, never, never, true, never>;
+}

package/components/navigation/horizontal/components/branch/branch.component.d.ts

@@ -0,0 +1,39 @@
+import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
+import { BooleanInput } from '@angular/cdk/coercion';
+import { MatMenu } from '@angular/material/menu';
+import { CmatNavigationService } from '../../../navigation.service';
+import { CmatNavigationItem } from '../../../navigation.types';
+import * as i0 from "@angular/core";
+export declare class CmatHorizontalNavigationBranchItemComponent implements OnInit, OnDestroy {
+    private _changeDetectorRef;
+    private _cmatNavigationService;
+    static ngAcceptInputType_child: BooleanInput;
+    child: boolean;
+    item: CmatNavigationItem;
+    name: string;
+    matMenu: MatMenu;
+    private _cmatHorizontalNavigationComponent;
+    private _unsubscribeAll;
+    constructor(_changeDetectorRef: ChangeDetectorRef, _cmatNavigationService: CmatNavigationService);
+    /**
+     * On init
+     */
+    ngOnInit(): void;
+    /**
+     * On destroy
+     */
+    ngOnDestroy(): void;
+    /**
+     * Trigger the change detection
+     */
+    triggerChangeDetection(): void;
+    /**
+     * Track by function for ngFor loops
+     *
+     * @param index
+     * @param item
+     */
+    trackByFn(index: number, item: any): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatHorizontalNavigationBranchItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CmatHorizontalNavigationBranchItemComponent, "cmat-horizontal-navigation-branch-item", never, { "child": { "alias": "child"; "required": false; }; "item": { "alias": "item"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, {}, never, never, true, never>;
+}

package/components/navigation/horizontal/components/divider/divider.component.d.ts

@@ -0,0 +1,23 @@
+import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
+import { CmatNavigationService } from '../../../navigation.service';
+import { CmatNavigationItem } from '../../../navigation.types';
+import * as i0 from "@angular/core";
+export declare class CmatHorizontalNavigationDividerItemComponent implements OnInit, OnDestroy {
+    private _changeDetectorRef;
+    private _cmatNavigationService;
+    item: CmatNavigationItem;
+    name: string;
+    private _cmatHorizontalNavigationComponent;
+    private _unsubscribeAll;
+    constructor(_changeDetectorRef: ChangeDetectorRef, _cmatNavigationService: CmatNavigationService);
+    /**
+     * On init
+     */
+    ngOnInit(): void;
+    /**
+     * On destroy
+     */
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatHorizontalNavigationDividerItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CmatHorizontalNavigationDividerItemComponent, "cmat-horizontal-navigation-divider-item", never, { "item": { "alias": "item"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, {}, never, never, true, never>;
+}

package/components/navigation/horizontal/components/spacer/spacer.component.d.ts

@@ -0,0 +1,23 @@
+import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
+import { CmatNavigationService } from '../../../navigation.service';
+import { CmatNavigationItem } from '../../../navigation.types';
+import * as i0 from "@angular/core";
+export declare class CmatHorizontalNavigationSpacerItemComponent implements OnInit, OnDestroy {
+    private _changeDetectorRef;
+    private _cmatNavigationService;
+    item: CmatNavigationItem;
+    name: string;
+    private _cmatHorizontalNavigationComponent;
+    private _unsubscribeAll;
+    constructor(_changeDetectorRef: ChangeDetectorRef, _cmatNavigationService: CmatNavigationService);
+    /**
+     * On init
+     */
+    ngOnInit(): void;
+    /**
+     * On destroy
+     */
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatHorizontalNavigationSpacerItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CmatHorizontalNavigationSpacerItemComponent, "cmat-horizontal-navigation-spacer-item", never, { "item": { "alias": "item"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, {}, never, never, true, never>;
+}

package/components/navigation/horizontal/horizontal.component.d.ts

@@ -0,0 +1,43 @@
+import { ChangeDetectorRef, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
+import { ReplaySubject } from 'rxjs';
+import { CmatNavigationItem } from '../navigation.types';
+import { CmatNavigationService } from '../navigation.service';
+import { CmatUtilsService } from 'cmat/services/utils';
+import * as i0 from "@angular/core";
+export declare class CmatHorizontalNavigationComponent implements OnChanges, OnInit, OnDestroy {
+    private _changeDetectorRef;
+    private _cmatNavigationService;
+    private _cmatUtilsService;
+    name: string;
+    navigation: CmatNavigationItem[];
+    onRefreshed: ReplaySubject<boolean>;
+    private _unsubscribeAll;
+    constructor(_changeDetectorRef: ChangeDetectorRef, _cmatNavigationService: CmatNavigationService, _cmatUtilsService: CmatUtilsService);
+    /**
+     * On changes
+     *
+     * @param changes
+     */
+    ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * On init
+     */
+    ngOnInit(): void;
+    /**
+     * On destroy
+     */
+    ngOnDestroy(): void;
+    /**
+     * Refresh the component to apply the changes
+     */
+    refresh(): void;
+    /**
+     * Track by function for ngFor loops
+     *
+     * @param index
+     * @param item
+     */
+    trackByFn(index: number, item: any): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatHorizontalNavigationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CmatHorizontalNavigationComponent, "cmat-horizontal-navigation", ["cmatHorizontalNavigation"], { "name": { "alias": "name"; "required": false; }; "navigation": { "alias": "navigation"; "required": false; }; }, {}, never, never, true, never>;
+}