novo-elements 5.1.1 → 5.2.3

package/elements/date-picker/DatePickerInput.d.ts

@@ -1,66 +1,66 @@
-import { ChangeDetectorRef, ElementRef, OnInit, EventEmitter } from '@angular/core';
-import { ControlValueAccessor } from '@angular/forms';
-import { NovoOverlayTemplateComponent } from '../overlay/Overlay';
-import { NovoLabelService } from '../../services/novo-label-service';
-import { DateFormatService } from '../../services/date-format/DateFormat';
-export declare class NovoDatePickerInputElement implements OnInit, ControlValueAccessor {
-    element: ElementRef;
-    labels: NovoLabelService;
-    private _changeDetectorRef;
-    dateFormatService: DateFormatService;
-    value: any;
-    formattedValue: string;
-    private userDefinedFormat;
-    /** View -> model callback called when value changes */
-    _onChange: (value: any) => void;
-    /** View -> model callback called when autocomplete has been touched */
-    _onTouched: () => void;
-    name: string;
-    start: Date;
-    end: Date;
-    placeholder: string;
-    maskOptions: any;
-    format: string;
-    textMaskEnabled: boolean;
-    allowInvalidDate: boolean;
-    disabled: boolean;
-    weekStart: number;
-    blurEvent: EventEmitter<FocusEvent>;
-    focusEvent: EventEmitter<FocusEvent>;
-    changeEvent: EventEmitter<FocusEvent>;
-    /** Element for the panel containing the autocomplete options. */
-    overlay: NovoOverlayTemplateComponent;
-    constructor(element: ElementRef, labels: NovoLabelService, _changeDetectorRef: ChangeDetectorRef, dateFormatService: DateFormatService);
-    ngOnInit(): void;
-    /** BEGIN: Convenient Panel Methods. */
-    openPanel(): void;
-    closePanel(): void;
-    get panelOpen(): boolean;
-    /** END: Convenient Panel Methods. */
-    _handleKeydown(event: KeyboardEvent): void;
-    _handleInput(event: KeyboardEvent): void;
-    _handleBlur(event: FocusEvent): void;
-    _handleFocus(event: FocusEvent): void;
-    _handleEvent(event: Event, blur: boolean): void;
-    protected formatDate(value: string, blur: boolean): void;
-    writeValue(value: any): void;
-    registerOnChange(fn: (value: any) => {}): void;
-    registerOnTouched(fn: () => {}): void;
-    setDisabledState(disabled: boolean): void;
-    dispatchOnChange(newValue?: any, blur?: boolean, skip?: boolean): void;
-    private _setTriggerValue;
-    private _setCalendarValue;
-    private _setFormValue;
-    /**
-     * This method closes the panel, and if a value is specified, also sets the associated
-     * control to that value. It will also mark the control as dirty if this interaction
-     * stemmed from the user.
-     */
-    setValueAndClose(event: any | null): void;
-    /**
-     * Clear any previous selected option and emit a selection change event for this option
-     */
-    clearValue(): void;
-    formatDateValue(value: any): any;
-    get hasValue(): boolean;
-}
+import { ChangeDetectorRef, ElementRef, OnInit, EventEmitter } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { NovoOverlayTemplateComponent } from '../overlay/Overlay';
+import { NovoLabelService } from '../../services/novo-label-service';
+import { DateFormatService } from '../../services/date-format/DateFormat';
+export declare class NovoDatePickerInputElement implements OnInit, ControlValueAccessor {
+    element: ElementRef;
+    labels: NovoLabelService;
+    private _changeDetectorRef;
+    dateFormatService: DateFormatService;
+    value: any;
+    formattedValue: string;
+    private userDefinedFormat;
+    /** View -> model callback called when value changes */
+    _onChange: (value: any) => void;
+    /** View -> model callback called when autocomplete has been touched */
+    _onTouched: () => void;
+    name: string;
+    start: Date;
+    end: Date;
+    placeholder: string;
+    maskOptions: any;
+    format: string;
+    textMaskEnabled: boolean;
+    allowInvalidDate: boolean;
+    disabled: boolean;
+    weekStart: number;
+    blurEvent: EventEmitter<FocusEvent>;
+    focusEvent: EventEmitter<FocusEvent>;
+    changeEvent: EventEmitter<FocusEvent>;
+    /** Element for the panel containing the autocomplete options. */
+    overlay: NovoOverlayTemplateComponent;
+    constructor(element: ElementRef, labels: NovoLabelService, _changeDetectorRef: ChangeDetectorRef, dateFormatService: DateFormatService);
+    ngOnInit(): void;
+    /** BEGIN: Convenient Panel Methods. */
+    openPanel(): void;
+    closePanel(): void;
+    get panelOpen(): boolean;
+    /** END: Convenient Panel Methods. */
+    _handleKeydown(event: KeyboardEvent): void;
+    _handleInput(event: KeyboardEvent): void;
+    _handleBlur(event: FocusEvent): void;
+    _handleFocus(event: FocusEvent): void;
+    _handleEvent(event: Event, blur: boolean): void;
+    protected formatDate(value: string, blur: boolean): void;
+    writeValue(value: any): void;
+    registerOnChange(fn: (value: any) => {}): void;
+    registerOnTouched(fn: () => {}): void;
+    setDisabledState(disabled: boolean): void;
+    dispatchOnChange(newValue?: any, blur?: boolean, skip?: boolean): void;
+    private _setTriggerValue;
+    private _setCalendarValue;
+    private _setFormValue;
+    /**
+     * This method closes the panel, and if a value is specified, also sets the associated
+     * control to that value. It will also mark the control as dirty if this interaction
+     * stemmed from the user.
+     */
+    setValueAndClose(event: any | null): void;
+    /**
+     * Clear any previous selected option and emit a selection change event for this option
+     */
+    clearValue(): void;
+    formatDateValue(value: any): any;
+    get hasValue(): boolean;
+}

package/elements/date-time-picker/DateTimePicker.d.ts

@@ -1,45 +1,45 @@
-import { ElementRef, EventEmitter } from '@angular/core';
-import { ControlValueAccessor } from '@angular/forms';
-import { NovoLabelService } from '../../services/novo-label-service';
-export declare class NovoDateTimePickerElement implements ControlValueAccessor {
-    labels: NovoLabelService;
-    private element;
-    minYear: any;
-    maxYear: any;
-    start: any;
-    end: any;
-    military: any;
-    weekStart: number;
-    onSelect: EventEmitter<any>;
-    componentTabState: string;
-    selectedLabel: string;
-    hours: string;
-    minutes: string;
-    meridian: string;
-    datePickerValue: Date;
-    timePickerValue: Date;
-    model: any;
-    _onChange: Function;
-    _onTouched: Function;
-    constructor(labels: NovoLabelService, element: ElementRef);
-    toggleView(tab: string): void;
-    setDateLabels(value: Date): void;
-    setTimeLabels(value: Date): void;
-    onDateSelected(event: {
-        month?: any;
-        year?: any;
-        day?: any;
-        date?: Date;
-    }): void;
-    onTimeSelected(event: {
-        hours?: number;
-        minutes?: number;
-        meridian?: string;
-        date?: Date;
-        text?: string;
-    }): void;
-    createFullDateValue(datePickerValue: Date, timePickerValue: Date): Date;
-    writeValue(model: any): void;
-    registerOnChange(fn: Function): void;
-    registerOnTouched(fn: Function): void;
-}
+import { ElementRef, EventEmitter } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { NovoLabelService } from '../../services/novo-label-service';
+export declare class NovoDateTimePickerElement implements ControlValueAccessor {
+    labels: NovoLabelService;
+    private element;
+    minYear: any;
+    maxYear: any;
+    start: any;
+    end: any;
+    military: any;
+    weekStart: number;
+    onSelect: EventEmitter<any>;
+    componentTabState: string;
+    selectedLabel: string;
+    hours: string;
+    minutes: string;
+    meridian: string;
+    datePickerValue: Date;
+    timePickerValue: Date;
+    model: any;
+    _onChange: Function;
+    _onTouched: Function;
+    constructor(labels: NovoLabelService, element: ElementRef);
+    toggleView(tab: string): void;
+    setDateLabels(value: Date): void;
+    setTimeLabels(value: Date): void;
+    onDateSelected(event: {
+        month?: any;
+        year?: any;
+        day?: any;
+        date?: Date;
+    }): void;
+    onTimeSelected(event: {
+        hours?: number;
+        minutes?: number;
+        meridian?: string;
+        date?: Date;
+        text?: string;
+    }): void;
+    createFullDateValue(datePickerValue: Date, timePickerValue: Date): Date;
+    writeValue(model: any): void;
+    registerOnChange(fn: Function): void;
+    registerOnTouched(fn: Function): void;
+}

package/elements/date-time-picker/DateTimePicker.module.d.ts

@@ -1,2 +1,2 @@
-export declare class NovoDateTimePickerModule {
-}
+export declare class NovoDateTimePickerModule {
+}

package/elements/date-time-picker/DateTimePickerInput.d.ts

@@ -1,46 +1,46 @@
-import { ChangeDetectorRef, ElementRef, EventEmitter } from '@angular/core';
-import { ControlValueAccessor } from '@angular/forms';
-import { NovoLabelService } from '../../services/novo-label-service';
-export declare class NovoDateTimePickerInputElement implements ControlValueAccessor {
-    element: ElementRef;
-    labels: NovoLabelService;
-    private _changeDetectorRef;
-    value: any;
-    datePart: any;
-    timePart: any;
-    /** View -> model callback called when value changes */
-    _onChange: (value: any) => void;
-    /** View -> model callback called when autocomplete has been touched */
-    _onTouched: () => void;
-    name: string;
-    start: Date;
-    end: Date;
-    placeholder: string;
-    maskOptions: any;
-    military: boolean;
-    disabled: boolean;
-    format: string;
-    weekStart: number;
-    blurEvent: EventEmitter<FocusEvent>;
-    focusEvent: EventEmitter<FocusEvent>;
-    changeEvent: EventEmitter<FocusEvent>;
-    constructor(element: ElementRef, labels: NovoLabelService, _changeDetectorRef: ChangeDetectorRef);
-    writeValue(value: any): void;
-    updateDate(event: any): void;
-    updateTime(event: any): void;
-    handleBlur(event: any): void;
-    handleFocus(event: any): void;
-    checkParts(): void;
-    registerOnChange(fn: (value: any) => {}): void;
-    registerOnTouched(fn: () => {}): void;
-    setDisabledState(disabled: boolean): void;
-    dispatchOnChange(newValue?: any): void;
-    private _setTriggerValue;
-    setValue(event: any | null): void;
-    setValueAndClose(event: any | null): void;
-    /**
-     * Clear any previous selected option and emit a selection change event for this option
-     */
-    clearValue(): void;
-    get hasValue(): boolean;
-}
+import { ChangeDetectorRef, ElementRef, EventEmitter } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { NovoLabelService } from '../../services/novo-label-service';
+export declare class NovoDateTimePickerInputElement implements ControlValueAccessor {
+    element: ElementRef;
+    labels: NovoLabelService;
+    private _changeDetectorRef;
+    value: any;
+    datePart: any;
+    timePart: any;
+    /** View -> model callback called when value changes */
+    _onChange: (value: any) => void;
+    /** View -> model callback called when autocomplete has been touched */
+    _onTouched: () => void;
+    name: string;
+    start: Date;
+    end: Date;
+    placeholder: string;
+    maskOptions: any;
+    military: boolean;
+    disabled: boolean;
+    format: string;
+    weekStart: number;
+    blurEvent: EventEmitter<FocusEvent>;
+    focusEvent: EventEmitter<FocusEvent>;
+    changeEvent: EventEmitter<FocusEvent>;
+    constructor(element: ElementRef, labels: NovoLabelService, _changeDetectorRef: ChangeDetectorRef);
+    writeValue(value: any): void;
+    updateDate(event: any): void;
+    updateTime(event: any): void;
+    handleBlur(event: any): void;
+    handleFocus(event: any): void;
+    checkParts(): void;
+    registerOnChange(fn: (value: any) => {}): void;
+    registerOnTouched(fn: () => {}): void;
+    setDisabledState(disabled: boolean): void;
+    dispatchOnChange(newValue?: any): void;
+    private _setTriggerValue;
+    setValue(event: any | null): void;
+    setValueAndClose(event: any | null): void;
+    /**
+     * Clear any previous selected option and emit a selection change event for this option
+     */
+    clearValue(): void;
+    get hasValue(): boolean;
+}

package/elements/date-time-picker/_DateTimePicker.scss

@@ -0,0 +1,93 @@
+$time-select-height: 45px;
+
+novo-date-time-picker-input {
+  flex: 1;
+  position: relative;
+  display: flex;
+  flex-flow: row nowrap;
+  max-width: 340px;
+
+  novo-date-picker-input {
+    margin-right: 20px;
+  }
+  novo-time-picker-input {
+    max-width: 130px;
+  }
+}
+
+novo-date-time-picker {
+  display: block;
+  width: 250px;
+  min-width: 250px;
+  overflow: hidden;
+  border-radius: 4px;
+  background-color: #fff;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15), 0 2px 7px rgba(0, 0, 0, 0.1);
+  z-index: 999;
+  .date-time-container {
+    position: relative;
+    .view-container {
+      position: relative;
+    }
+    .time-picker {
+      position: absolute;
+      height: 100%;
+      background: #fff;
+      transform: translateX(100%);
+      transition: transform 200ms ease-in-out;
+      z-index: 2;
+      top: 0;
+      .increments {
+        height: 275px;
+        width: 250px;
+        novo-list-item {
+          width: auto;
+        }
+      }
+    }
+    .date-time-tabs {
+      border-bottom: 1px solid #e0e0e0;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      position: relative;
+      height: 45px;
+      & > span {
+        color: $positive;
+        text-align: center;
+        flex: 1;
+        cursor: pointer;
+        transition: opacity 200ms ease-in-out;
+        opacity: 0.6;
+        &:hover {
+          opacity: 1 !important;
+        }
+        .meridian {
+          text-transform: uppercase;
+        }
+      }
+      .date-time-indicator {
+        position: absolute;
+        width: 50%;
+        height: 2px;
+        bottom: 0;
+        left: 0;
+        background: $positive;
+        transition: transform 200ms ease-in-out;
+      }
+    }
+  }
+  .calendar {
+    box-shadow: none;
+    background: transparent;
+  }
+  .digital {
+    height: $time-select-height;
+  }
+  novo-time-picker {
+    box-shadow: none;
+    .analog {
+      margin: 0;
+    }
+  }
+}

package/elements/dragula/Dragula.d.ts

@@ -1,13 +1,13 @@
-import { ElementRef, OnInit, OnChanges } from '@angular/core';
-import { NovoDragulaService } from './DragulaService';
-export declare class NovoDragulaElement implements OnInit, OnChanges {
-    private dragulaService;
-    bag: any;
-    dragulaModel: any;
-    drake: any;
-    container: any;
-    constructor(element: ElementRef, dragulaService: NovoDragulaService);
-    ngOnInit(): void;
-    checkModel(): void;
-    ngOnChanges(changes: any): void;
-}
+import { ElementRef, OnInit, OnChanges } from '@angular/core';
+import { NovoDragulaService } from './DragulaService';
+export declare class NovoDragulaElement implements OnInit, OnChanges {
+    private dragulaService;
+    bag: any;
+    dragulaModel: any;
+    drake: any;
+    container: any;
+    constructor(element: ElementRef, dragulaService: NovoDragulaService);
+    ngOnInit(): void;
+    checkModel(): void;
+    ngOnChanges(changes: any): void;
+}

package/elements/dragula/Dragula.module.d.ts

@@ -1,2 +1,2 @@
-export declare class NovoDragulaModule {
-}
+export declare class NovoDragulaModule {
+}