gentics-ui-core - npm Package Compare versions

Comparing version 5.2.2 to 5.3.0

CHANGELOG.md

 # Gentics UI Core Changelog
 
+## 5.3.0 (2017-09-17)
+
+### Features
+* Add `open` and `close` events to DropdownList.
+* Large Select menus are initialized to the selected item (GUIC-131).
+* Implement max, min and year selection in DateTimePicker (GUIC 130).
+* Split up DateTimePicker into standalone DateTimePickerControls component.
+
 ## 5.2.2 (2017-07-24)
@@ -4,0 +12,0 @@

dist/components/date-time-picker/date-time-picker-modal.component.d.ts

@@ -1,5 +0,2 @@
-import { ElementRef, OnDestroy } from '@angular/core';
-import 'rxjs/add/operator/concat';
-import 'rxjs/add/observable/of';
-import 'rxjs/add/observable/never';
+import { ElementRef } from '@angular/core';
 import { IModalDialog } from '../modal/modal-interfaces';
@@ -10,4 +7,3 @@ import { DateTimePickerFormatProvider } from './date-time-picker-format-provider.service';
  */
-export declare class DateTimePickerModal implements IModalDialog, OnDestroy {
-    private static momentLocales;
+export declare class DateTimePickerModal implements IModalDialog {
     /**
@@ -29,54 +25,12 @@ * The date/time value as a unix timestamp (in seconds)
     formatProvider: DateTimePickerFormatProvider;
+    min: Date;
+    max: Date;
+    selectYear: boolean;
     calendarContainer: ElementRef;
-    dateOrder: 'dmy' | 'ymd' | 'mdy';
-    /** @internal */
-    private value;
-    /**
-     * cal is an instance of a Rome calendar, for the API see https://github.com/bevacqua/rome#rome-api
-     */
-    private cal;
-    private time;
-    private subscription;
-    ngOnInit(): void;
-    /**
-     * Initialize the Rome widget instance.
-     */
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    /**
-     * Update the this.value in accordance with the input of one of the
-     * time fields (h, m, s).
-     */
-    updateTime(segment: string, value: number): void;
-    /**
-     * Handler for the incrementing the time values when up or down arrows are pressed.
-     */
-    timeKeyHandler(segment: string, e: KeyboardEvent): void;
-    incrementTime(segment: string): void;
-    decrementTime(segment: string): void;
-    formatWith(formatString: string): string;
-    getUnixTimestamp(): number;
+    valueTimestamp: number;
     closeFn(timestamp: number): void;
-    cancelFn(): void;
+    cancelFn(val?: any): void;
     registerCloseFn(close: (timestamp: number) => void): void;
-    registerCancelFn(cancel: () => void): void;
+    registerCancelFn(cancel: (val: any) => void): void;
     okayClicked(): void;
-    /**
-     * Create a momentjs locale from the (possibly localized) strings.
-     * @internal
-     */
-    private getMomentLocale();
-    private determineDateOrder();
-    /**
-     * Increment or decrement the value and update the time object.
-     */
-    private addToTime(segment, increment);
-    /**
-     * Update the time object based on the value of this.value.
-     */
-    private updateTimeObject(date);
-    /**
-     * Update the Rome calendar widget with the current value.
-     */
-    private updateCalendar(value);
 }

dist/components/date-time-picker/date-time-picker-modal.component.js

@@ -1,14 +0,4 @@
-import { Component, Input, ViewChild } from '@angular/core';
-import { Observable } from 'rxjs/Observable';
-import 'rxjs/add/operator/concat';
-import 'rxjs/add/observable/of';
-import 'rxjs/add/observable/never';
-import { defaultStrings } from './date-time-picker-default-strings';
+import { Component, ViewChild } from '@angular/core';
 import { DateTimePickerFormatProvider } from './date-time-picker-format-provider.service';
 /**
- * Rome is a date picker widget: https://github.com/bevacqua/rome
- */
-var rome = require('rome');
-var momentjs = rome.moment;
-/**
  * The modal powering the `DateTimePicker` component.
@@ -30,91 +20,5 @@ */
         this.formatProvider = new DateTimePickerFormatProvider();
-        this.dateOrder = 'mdy';
-        /** @internal */
-        this.value = momentjs();
-        this.time = {
-            h: 0,
-            m: 0,
-            s: 0
-        };
     }
-    DateTimePickerModal.prototype.ngOnInit = function () {
-        var _this = this;
-        this.value = momentjs.unix(Number(this.timestamp));
-        // Update strings and date format when format provider emits a change
-        this.subscription = Observable.of(1)
-            .concat(this.formatProvider.changed$ || Observable.never)
-            .subscribe(function () {
-            _this.value.locale(_this.getMomentLocale());
-            _this.updateTimeObject(_this.value);
-            _this.determineDateOrder();
-        });
-    };
-    /**
-     * Initialize the Rome widget instance.
-     */
-    DateTimePickerModal.prototype.ngAfterViewInit = function () {
-        var _this = this;
-        var calendarEl = this.calendarContainer.nativeElement;
-        this.cal = rome(calendarEl, { time: false, initialValue: this.value })
-            .on('data', function () { return _this.value = _this.cal.getMoment(); });
-    };
-    DateTimePickerModal.prototype.ngOnDestroy = function () {
-        if (this.cal) {
-            this.cal.off('data');
-            this.cal.destroy();
-            this.cal = undefined;
-        }
-        if (this.subscription) {
-            this.subscription.unsubscribe();
-        }
-    };
-    /**
-     * Update the this.value in accordance with the input of one of the
-     * time fields (h, m, s).
-     */
-    DateTimePickerModal.prototype.updateTime = function (segment, value) {
-        switch (segment) {
-            case 'hours':
-                this.value.hour(value);
-                break;
-            case 'minutes':
-                this.value.minute(value);
-                break;
-            case 'seconds':
-                this.value.second(value);
-                break;
-            default:
-        }
-        this.updateTimeObject(this.value);
-        this.updateCalendar(this.value);
-    };
-    /**
-     * Handler for the incrementing the time values when up or down arrows are pressed.
-     */
-    DateTimePickerModal.prototype.timeKeyHandler = function (segment, e) {
-        // UP arrow key
-        if (e.keyCode === 38) {
-            e.preventDefault();
-            this.incrementTime(segment);
-        }
-        // DOWN arrow key
-        if (e.keyCode === 40) {
-            e.preventDefault();
-            this.decrementTime(segment);
-        }
-    };
-    DateTimePickerModal.prototype.incrementTime = function (segment) {
-        this.addToTime(segment, 1);
-    };
-    DateTimePickerModal.prototype.decrementTime = function (segment) {
-        this.addToTime(segment, -1);
-    };
-    DateTimePickerModal.prototype.formatWith = function (formatString) {
-        return this.value.format(formatString);
-    };
-    DateTimePickerModal.prototype.getUnixTimestamp = function () {
-        return this.value.unix();
-    };
     DateTimePickerModal.prototype.closeFn = function (timestamp) { };
-    DateTimePickerModal.prototype.cancelFn = function () { };
+    DateTimePickerModal.prototype.cancelFn = function (val) { };
     DateTimePickerModal.prototype.registerCloseFn = function (close) {
@@ -127,78 +31,11 @@ this.closeFn = close;
     DateTimePickerModal.prototype.okayClicked = function () {
-        this.closeFn(this.value.unix());
+        this.closeFn(this.valueTimestamp || this.timestamp);
     };
-    /**
-     * Create a momentjs locale from the (possibly localized) strings.
-     * @internal
-     */
-    DateTimePickerModal.prototype.getMomentLocale = function () {
-        var localeStrings = this.formatProvider.strings;
-        var momentLocales = DateTimePickerModal.momentLocales;
-        for (var _i = 0, momentLocales_1 = momentLocales; _i < momentLocales_1.length; _i++) {
-            var _a = momentLocales_1[_i], strings = _a[0], locale = _a[1];
-            if (strings === localeStrings) {
-                return locale;
-            }
-        }
-        var newLocale = momentjs.locale('x-gtx-date-picker-' + momentLocales.length, {
-            months: localeStrings.months,
-            monthsShort: localeStrings.monthsShort ||
-                (localeStrings.months &&
-                    localeStrings.months.map(function (month) { return month.substr(0, 3); })),
-            weekdays: localeStrings.weekdays,
-            weekdaysMin: localeStrings.weekdaysMin ||
-                (localeStrings.weekdays &&
-                    localeStrings.weekdays.map(function (weekday) { return weekday.substr(0, 2); }))
-        });
-        momentLocales.push([localeStrings, newLocale]);
-        return newLocale;
-    };
-    DateTimePickerModal.prototype.determineDateOrder = function () {
-        // Stringify 1999-08-22 with the dateProvider to determine the date order (D-M-Y, M-D-Y or Y-M-D).
-        var time = this.formatProvider.format(momentjs(935272800000), false, false);
-        var yearPos = time.indexOf('99');
-        var monthPos = time.indexOf('8');
-        var dayPos = time.indexOf('22');
-        if (dayPos < monthPos && monthPos < yearPos) {
-            this.dateOrder = 'dmy';
-        }
-        else if (monthPos < dayPos) {
-            this.dateOrder = 'mdy';
-        }
-        else {
-            this.dateOrder = 'ymd';
-        }
-    };
-    /**
-     * Increment or decrement the value and update the time object.
-     */
-    DateTimePickerModal.prototype.addToTime = function (segment, increment) {
-        this.value.add(increment, segment);
-        this.updateTimeObject(this.value);
-        this.updateCalendar(this.value);
-    };
-    /**
-     * Update the time object based on the value of this.value.
-     */
-    DateTimePickerModal.prototype.updateTimeObject = function (date) {
-        this.time.h = date.hour();
-        this.time.m = date.minute();
-        this.time.s = date.second();
-    };
-    /**
-     * Update the Rome calendar widget with the current value.
-     */
-    DateTimePickerModal.prototype.updateCalendar = function (value) {
-        if (this.cal) {
-            this.cal.setValue(value);
-        }
-    };
     return DateTimePickerModal;
 }());
 export { DateTimePickerModal };
-DateTimePickerModal.momentLocales = [[defaultStrings, 'en']];
 DateTimePickerModal.decorators = [
     { type: Component, args: [{
                 selector: 'gtx-date-time-picker-modal',
-                template: "<div class=\"modal-header\"><div class=\"day\">{{ formatWith('dddd') }}</div><div class=\"year\" *ngIf=\"dateOrder === 'ymd'\">{{ formatWith('YYYY') }}</div><div class=\"month\" *ngIf=\"dateOrder !== 'dmy'\" >{{ formatWith('MMM') }}</div><div class=\"date\">{{ formatWith('D') }}</div><div class=\"month\" *ngIf=\"dateOrder === 'dmy'\">{{ formatWith('MMM') }}</div><div class=\"year\" *ngIf=\"dateOrder !== 'ymd'\" >{{ formatWith('YYYY') }}</div></div><div class=\"modal-content\"><div #calendarContainer class=\"calendar-container\"></div><div class=\"time-picker\" *ngIf=\"displayTime\"><div class=\"row\" ><div class=\"column\" [ngClass]=\"displaySeconds ? 'small-4' : 'small-6'\"><button class=\"increment-button\" (click)=\"incrementTime('hours')\"><i class=\"material-icons\">arrow_drop_up</i></button ><gtx-input [(ngModel)]=\"time.h\" [label]=\"formatProvider.strings.hours\" (blur)=\"updateTime('hours', time.h)\" (keydown)=\"timeKeyHandler('hours', $event)\" type=\"number\" min=\"0\" max=\"23\"></gtx-input ><button class=\"increment-button\" (click)=\"decrementTime('hours')\"><i class=\"material-icons\">arrow_drop_down</i></button></div><div class=\"column\" [ngClass]=\"displaySeconds ? 'small-4' : 'small-6'\" ><button class=\"increment-button\" (click)=\"incrementTime('minutes')\"><i class=\"material-icons\">arrow_drop_up</i></button><gtx-input [(ngModel)]=\"time.m\" [label]=\"formatProvider.strings.minutes\" (blur)=\"updateTime('minutes', time.m)\" (keydown)=\"timeKeyHandler('minutes', $event)\" type=\"number\" min=\"0\" max=\"59\" ></gtx-input><button class=\"increment-button\" (click)=\"decrementTime('minutes')\"><i class=\"material-icons\">arrow_drop_down</i></button></div><div class=\"column small-4\" *ngIf=\"displaySeconds\" ><button class=\"increment-button\" (click)=\"incrementTime('seconds')\"><i class=\"material-icons\">arrow_drop_up</i></button><gtx-input [(ngModel)]=\"time.s\" [label]=\"formatProvider.strings.seconds\" (blur)=\"updateTime('seconds', time.s)\" (keydown)=\"timeKeyHandler('seconds', $event)\" type=\"number\" min=\"0\" max=\"59\" ></gtx-input><button class=\"increment-button\" (click)=\"decrementTime('seconds')\"><i class=\"material-icons\">arrow_drop_down</i></button></div></div></div></div><div class=\"modal-footer\" ><gtx-button type=\"secondary\" flat (click)=\"cancelFn()\">{{ formatProvider.strings.cancel }}</gtx-button><gtx-button (click)=\"okayClicked()\">{{ formatProvider.strings.okay }}</gtx-button></div>"
+                template: "<gtx-date-time-picker-controls [timestamp]=\"timestamp\" [displayTime]=\"displayTime\" [displaySeconds]=\"displaySeconds\" [formatProvider]=\"formatProvider\" [min]=\"min\" [max]=\"max\" [selectYear]=\"selectYear\" (change)=\"valueTimestamp = $event\" ></gtx-date-time-picker-controls><div class=\"modal-footer\"><gtx-button type=\"secondary\" flat (click)=\"cancelFn()\">{{ formatProvider.strings.cancel }}</gtx-button><gtx-button (click)=\"okayClicked()\" >{{ formatProvider.strings.okay }}</gtx-button></div>"
             },] },
@@ -209,7 +46,4 @@ ];
 DateTimePickerModal.propDecorators = {
-    'timestamp': [{ type: Input },],
-    'displayTime': [{ type: Input },],
-    'displaySeconds': [{ type: Input },],
     'calendarContainer': [{ type: ViewChild, args: ['calendarContainer',] },],
 };
 //# sourceMappingURL=date-time-picker-modal.component.js.map

dist/components/date-time-picker/date-time-picker-modal.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"DateTimePickerModal":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"gtx-date-time-picker-modal","template":"<div class=\"modal-header\"><div class=\"day\">{{ formatWith('dddd') }}</div><div class=\"year\" *ngIf=\"dateOrder === 'ymd'\">{{ formatWith('YYYY') }}</div><div class=\"month\" *ngIf=\"dateOrder !== 'dmy'\" >{{ formatWith('MMM') }}</div><div class=\"date\">{{ formatWith('D') }}</div><div class=\"month\" *ngIf=\"dateOrder === 'dmy'\">{{ formatWith('MMM') }}</div><div class=\"year\" *ngIf=\"dateOrder !== 'ymd'\" >{{ formatWith('YYYY') }}</div></div><div class=\"modal-content\"><div #calendarContainer class=\"calendar-container\"></div><div class=\"time-picker\" *ngIf=\"displayTime\"><div class=\"row\" ><div class=\"column\" [ngClass]=\"displaySeconds ? 'small-4' : 'small-6'\"><button class=\"increment-button\" (click)=\"incrementTime('hours')\"><i class=\"material-icons\">arrow_drop_up</i></button ><gtx-input [(ngModel)]=\"time.h\" [label]=\"formatProvider.strings.hours\" (blur)=\"updateTime('hours', time.h)\" (keydown)=\"timeKeyHandler('hours', $event)\" type=\"number\" min=\"0\" max=\"23\"></gtx-input ><button class=\"increment-button\" (click)=\"decrementTime('hours')\"><i class=\"material-icons\">arrow_drop_down</i></button></div><div class=\"column\" [ngClass]=\"displaySeconds ? 'small-4' : 'small-6'\" ><button class=\"increment-button\" (click)=\"incrementTime('minutes')\"><i class=\"material-icons\">arrow_drop_up</i></button><gtx-input [(ngModel)]=\"time.m\" [label]=\"formatProvider.strings.minutes\" (blur)=\"updateTime('minutes', time.m)\" (keydown)=\"timeKeyHandler('minutes', $event)\" type=\"number\" min=\"0\" max=\"59\" ></gtx-input><button class=\"increment-button\" (click)=\"decrementTime('minutes')\"><i class=\"material-icons\">arrow_drop_down</i></button></div><div class=\"column small-4\" *ngIf=\"displaySeconds\" ><button class=\"increment-button\" (click)=\"incrementTime('seconds')\"><i class=\"material-icons\">arrow_drop_up</i></button><gtx-input [(ngModel)]=\"time.s\" [label]=\"formatProvider.strings.seconds\" (blur)=\"updateTime('seconds', time.s)\" (keydown)=\"timeKeyHandler('seconds', $event)\" type=\"number\" min=\"0\" max=\"59\" ></gtx-input><button class=\"increment-button\" (click)=\"decrementTime('seconds')\"><i class=\"material-icons\">arrow_drop_down</i></button></div></div></div></div><div class=\"modal-footer\" ><gtx-button type=\"secondary\" flat (click)=\"cancelFn()\">{{ formatProvider.strings.cancel }}</gtx-button><gtx-button (click)=\"okayClicked()\">{{ formatProvider.strings.okay }}</gtx-button></div>"}]}],"members":{"timestamp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"displayTime":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"displaySeconds":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"calendarContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["calendarContainer"]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"updateTime":[{"__symbolic":"method"}],"timeKeyHandler":[{"__symbolic":"method"}],"incrementTime":[{"__symbolic":"method"}],"decrementTime":[{"__symbolic":"method"}],"formatWith":[{"__symbolic":"method"}],"getUnixTimestamp":[{"__symbolic":"method"}],"closeFn":[{"__symbolic":"method"}],"cancelFn":[{"__symbolic":"method"}],"registerCloseFn":[{"__symbolic":"method"}],"registerCancelFn":[{"__symbolic":"method"}],"okayClicked":[{"__symbolic":"method"}],"getMomentLocale":[{"__symbolic":"method"}],"determineDateOrder":[{"__symbolic":"method"}],"addToTime":[{"__symbolic":"method"}],"updateTimeObject":[{"__symbolic":"method"}],"updateCalendar":[{"__symbolic":"method"}]},"statics":{"momentLocales":[[{"__symbolic":"reference","module":"./date-time-picker-default-strings","name":"defaultStrings"},"en"]]}}}},{"__symbolic":"module","version":1,"metadata":{"DateTimePickerModal":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"gtx-date-time-picker-modal","template":"<div class=\"modal-header\"><div class=\"day\">{{ formatWith('dddd') }}</div><div class=\"year\" *ngIf=\"dateOrder === 'ymd'\">{{ formatWith('YYYY') }}</div><div class=\"month\" *ngIf=\"dateOrder !== 'dmy'\" >{{ formatWith('MMM') }}</div><div class=\"date\">{{ formatWith('D') }}</div><div class=\"month\" *ngIf=\"dateOrder === 'dmy'\">{{ formatWith('MMM') }}</div><div class=\"year\" *ngIf=\"dateOrder !== 'ymd'\" >{{ formatWith('YYYY') }}</div></div><div class=\"modal-content\"><div #calendarContainer class=\"calendar-container\"></div><div class=\"time-picker\" *ngIf=\"displayTime\"><div class=\"row\" ><div class=\"column\" [ngClass]=\"displaySeconds ? 'small-4' : 'small-6'\"><button class=\"increment-button\" (click)=\"incrementTime('hours')\"><i class=\"material-icons\">arrow_drop_up</i></button ><gtx-input [(ngModel)]=\"time.h\" [label]=\"formatProvider.strings.hours\" (blur)=\"updateTime('hours', time.h)\" (keydown)=\"timeKeyHandler('hours', $event)\" type=\"number\" min=\"0\" max=\"23\"></gtx-input ><button class=\"increment-button\" (click)=\"decrementTime('hours')\"><i class=\"material-icons\">arrow_drop_down</i></button></div><div class=\"column\" [ngClass]=\"displaySeconds ? 'small-4' : 'small-6'\" ><button class=\"increment-button\" (click)=\"incrementTime('minutes')\"><i class=\"material-icons\">arrow_drop_up</i></button><gtx-input [(ngModel)]=\"time.m\" [label]=\"formatProvider.strings.minutes\" (blur)=\"updateTime('minutes', time.m)\" (keydown)=\"timeKeyHandler('minutes', $event)\" type=\"number\" min=\"0\" max=\"59\" ></gtx-input><button class=\"increment-button\" (click)=\"decrementTime('minutes')\"><i class=\"material-icons\">arrow_drop_down</i></button></div><div class=\"column small-4\" *ngIf=\"displaySeconds\" ><button class=\"increment-button\" (click)=\"incrementTime('seconds')\"><i class=\"material-icons\">arrow_drop_up</i></button><gtx-input [(ngModel)]=\"time.s\" [label]=\"formatProvider.strings.seconds\" (blur)=\"updateTime('seconds', time.s)\" (keydown)=\"timeKeyHandler('seconds', $event)\" type=\"number\" min=\"0\" max=\"59\" ></gtx-input><button class=\"increment-button\" (click)=\"decrementTime('seconds')\"><i class=\"material-icons\">arrow_drop_down</i></button></div></div></div></div><div class=\"modal-footer\" ><gtx-button type=\"secondary\" flat (click)=\"cancelFn()\">{{ formatProvider.strings.cancel }}</gtx-button><gtx-button (click)=\"okayClicked()\">{{ formatProvider.strings.okay }}</gtx-button></div>"}]}],"members":{"timestamp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"displayTime":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"displaySeconds":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"calendarContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["calendarContainer"]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"updateTime":[{"__symbolic":"method"}],"timeKeyHandler":[{"__symbolic":"method"}],"incrementTime":[{"__symbolic":"method"}],"decrementTime":[{"__symbolic":"method"}],"formatWith":[{"__symbolic":"method"}],"getUnixTimestamp":[{"__symbolic":"method"}],"closeFn":[{"__symbolic":"method"}],"cancelFn":[{"__symbolic":"method"}],"registerCloseFn":[{"__symbolic":"method"}],"registerCancelFn":[{"__symbolic":"method"}],"okayClicked":[{"__symbolic":"method"}],"getMomentLocale":[{"__symbolic":"method"}],"determineDateOrder":[{"__symbolic":"method"}],"addToTime":[{"__symbolic":"method"}],"updateTimeObject":[{"__symbolic":"method"}],"updateCalendar":[{"__symbolic":"method"}]},"statics":{"momentLocales":[[{"__symbolic":"reference","module":"./date-time-picker-default-strings","name":"defaultStrings"},"en"]]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"DateTimePickerModal":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"gtx-date-time-picker-modal","template":"<gtx-date-time-picker-controls [timestamp]=\"timestamp\" [displayTime]=\"displayTime\" [displaySeconds]=\"displaySeconds\" [formatProvider]=\"formatProvider\" [min]=\"min\" [max]=\"max\" [selectYear]=\"selectYear\" (change)=\"valueTimestamp = $event\" ></gtx-date-time-picker-controls><div class=\"modal-footer\"><gtx-button type=\"secondary\" flat (click)=\"cancelFn()\">{{ formatProvider.strings.cancel }}</gtx-button><gtx-button (click)=\"okayClicked()\" >{{ formatProvider.strings.okay }}</gtx-button></div>"}]}],"members":{"calendarContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["calendarContainer"]}]}],"closeFn":[{"__symbolic":"method"}],"cancelFn":[{"__symbolic":"method"}],"registerCloseFn":[{"__symbolic":"method"}],"registerCancelFn":[{"__symbolic":"method"}],"okayClicked":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"DateTimePickerModal":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"gtx-date-time-picker-modal","template":"<gtx-date-time-picker-controls [timestamp]=\"timestamp\" [displayTime]=\"displayTime\" [displaySeconds]=\"displaySeconds\" [formatProvider]=\"formatProvider\" [min]=\"min\" [max]=\"max\" [selectYear]=\"selectYear\" (change)=\"valueTimestamp = $event\" ></gtx-date-time-picker-controls><div class=\"modal-footer\"><gtx-button type=\"secondary\" flat (click)=\"cancelFn()\">{{ formatProvider.strings.cancel }}</gtx-button><gtx-button (click)=\"okayClicked()\" >{{ formatProvider.strings.okay }}</gtx-button></div>"}]}],"members":{"calendarContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["calendarContainer"]}]}],"closeFn":[{"__symbolic":"method"}],"cancelFn":[{"__symbolic":"method"}],"registerCloseFn":[{"__symbolic":"method"}],"registerCancelFn":[{"__symbolic":"method"}],"okayClicked":[{"__symbolic":"method"}]}}}}]

dist/components/date-time-picker/date-time-picker.component.d.ts

@@ -41,2 +41,14 @@ import { EventEmitter, OnInit, OnDestroy, ChangeDetectorRef } from '@angular/core';
     /**
+     * The minimum date allowable. E.g. `new Date(2015, 2, 12)`
+     */
+    min: Date;
+    /**
+     * The maximum date allowable. E.g. `new Date(2031, 1, 30)`
+     */
+    max: Date;
+    /**
+     * If true, the year may be selected from a Select control
+     */
+    selectYear: any;
+    /**
      * Set to `true` to disable the input field and not show the date picker on click.
@@ -57,2 +69,3 @@ */
     change: EventEmitter<number>;
+    _selectYear: boolean;
     _disabled: boolean;
@@ -59,0 +72,0 @@ displayValue: string;

dist/components/date-time-picker/date-time-picker.component.js

@@ -6,2 +6,3 @@ import { Component, Input, Output, EventEmitter, forwardRef, Optional, ChangeDetectorRef } from '@angular/core';
 import { DateTimePickerFormatProvider } from './date-time-picker-format-provider.service';
+import { coerceToBoolean } from '../../common/coerce-to-boolean';
 /**
@@ -45,2 +46,3 @@ * Rome is a date picker widget: https://github.com/bevacqua/rome
         this.change = new EventEmitter();
+        this._selectYear = false;
         this._disabled = false;
@@ -57,2 +59,12 @@ this.displayValue = ' ';
     }
+    Object.defineProperty(DateTimePicker.prototype, "selectYear", {
+        /**
+         * If true, the year may be selected from a Select control
+         */
+        set: function (val) {
+            this._selectYear = coerceToBoolean(val);
+        },
+        enumerable: true,
+        configurable: true
+    });
     Object.defineProperty(DateTimePicker.prototype, "disabled", {
@@ -63,3 +75,3 @@ /**
         set: function (val) {
-            this._disabled = val === true || val === 'true';
+            this._disabled = coerceToBoolean(val);
         },
@@ -74,3 +86,3 @@ enumerable: true,
         set: function (val) {
-            this._displayTime = val === true || val === 'true';
+            this._displayTime = coerceToBoolean(val);
         },
@@ -85,3 +97,3 @@ enumerable: true,
         set: function (val) {
-            this._displaySeconds = val === true || val === 'true';
+            this._displaySeconds = coerceToBoolean(val);
         },
@@ -126,3 +138,6 @@ enumerable: true,
             displayTime: this._displayTime,
-            displaySeconds: this._displaySeconds
+            displaySeconds: this._displaySeconds,
+            min: this.min,
+            max: this.max,
+            selectYear: this._selectYear
         })
@@ -192,2 +207,5 @@ .then(function (modal) { return modal.open(); })
     'format': [{ type: Input },],
+    'min': [{ type: Input },],
+    'max': [{ type: Input },],
+    'selectYear': [{ type: Input },],
     'disabled': [{ type: Input },],
@@ -194,0 +212,0 @@ 'displayTime': [{ type: Input },],

dist/components/date-time-picker/date-time-picker.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"DateTimePickerStrings":{"__symbolic":"reference","module":"./date-time-picker-strings","name":"DateTimePickerStrings"},"DateTimePicker":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"gtx-date-time-picker","template":"<gtx-input [value]=\"displayValue\" [label]=\"label\" (click)=\"!_disabled && showModal()\" (keydown)=\"inputKeyHandler($event)\" (blur)=\"onTouched()\" [disabled]=\"_disabled\" readonly=\"true\" ></gtx-input>","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"DateTimePicker"},"multi":true}]}]}],"members":{"autofocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"timestamp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"format":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"displayTime":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"displaySeconds":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}],null,null],"parameters":[{"__symbolic":"reference","module":"./date-time-picker-format-provider.service","name":"DateTimePickerFormatProvider"},{"__symbolic":"reference","module":"../modal/modal.service","name":"ModalService"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"inputKeyHandler":[{"__symbolic":"method"}],"showModal":[{"__symbolic":"method"}],"getUnixTimestamp":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"updateDisplayValue":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"DateTimePickerStrings":{"__symbolic":"reference","module":"./date-time-picker-strings","name":"DateTimePickerStrings"},"DateTimePicker":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"gtx-date-time-picker","template":"<gtx-input [value]=\"displayValue\" [label]=\"label\" (click)=\"!_disabled && showModal()\" (keydown)=\"inputKeyHandler($event)\" (blur)=\"onTouched()\" [disabled]=\"_disabled\" readonly=\"true\" ></gtx-input>","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"DateTimePicker"},"multi":true}]}]}],"members":{"autofocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"timestamp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"format":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"displayTime":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"displaySeconds":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}],null,null],"parameters":[{"__symbolic":"reference","module":"./date-time-picker-format-provider.service","name":"DateTimePickerFormatProvider"},{"__symbolic":"reference","module":"../modal/modal.service","name":"ModalService"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"inputKeyHandler":[{"__symbolic":"method"}],"showModal":[{"__symbolic":"method"}],"getUnixTimestamp":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"updateDisplayValue":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"DateTimePickerStrings":{"__symbolic":"reference","module":"./date-time-picker-strings","name":"DateTimePickerStrings"},"DateTimePicker":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"gtx-date-time-picker","template":"<gtx-input [value]=\"displayValue\" [label]=\"label\" (click)=\"!_disabled && showModal()\" (keydown)=\"inputKeyHandler($event)\" (blur)=\"onTouched()\" [disabled]=\"_disabled\" readonly=\"true\" ></gtx-input>","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"DateTimePicker"},"multi":true}]}]}],"members":{"autofocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"timestamp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"format":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selectYear":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"displayTime":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"displaySeconds":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}],null,null],"parameters":[{"__symbolic":"reference","module":"./date-time-picker-format-provider.service","name":"DateTimePickerFormatProvider"},{"__symbolic":"reference","module":"../modal/modal.service","name":"ModalService"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"inputKeyHandler":[{"__symbolic":"method"}],"showModal":[{"__symbolic":"method"}],"getUnixTimestamp":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"updateDisplayValue":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"DateTimePickerStrings":{"__symbolic":"reference","module":"./date-time-picker-strings","name":"DateTimePickerStrings"},"DateTimePicker":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"gtx-date-time-picker","template":"<gtx-input [value]=\"displayValue\" [label]=\"label\" (click)=\"!_disabled && showModal()\" (keydown)=\"inputKeyHandler($event)\" (blur)=\"onTouched()\" [disabled]=\"_disabled\" readonly=\"true\" ></gtx-input>","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"DateTimePicker"},"multi":true}]}]}],"members":{"autofocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"timestamp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"format":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selectYear":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"displayTime":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"displaySeconds":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}],null,null],"parameters":[{"__symbolic":"reference","module":"./date-time-picker-format-provider.service","name":"DateTimePickerFormatProvider"},{"__symbolic":"reference","module":"../modal/modal.service","name":"ModalService"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"inputKeyHandler":[{"__symbolic":"method"}],"showModal":[{"__symbolic":"method"}],"getUnixTimestamp":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"updateDisplayValue":[{"__symbolic":"method"}]}}}}]

dist/components/dropdown-list/dropdown-list.component.d.ts

@@ -1,2 +0,2 @@
-import { ComponentFactoryResolver, TemplateRef } from '@angular/core';
+import { ComponentFactoryResolver, EventEmitter, TemplateRef } from '@angular/core';
 import 'rxjs/add/operator/take';
@@ -51,2 +51,10 @@ import { OverlayHostService } from '../overlay-host/overlay-host.service';
     content: DropdownContent;
+    /**
+     * Fired whenever the dropdown contents are opened.
+     */
+    open: EventEmitter<void>;
+    /**
+     * Fired whenever the dropdown contents are closed.
+     */
+    close: EventEmitter<void>;
     private _disabled;
@@ -53,0 +61,0 @@ private overlayHostView;

dist/components/dropdown-list/dropdown-list.component.js

@@ -1,2 +0,2 @@
-import { ChangeDetectionStrategy, Component, ComponentFactoryResolver, ContentChild, HostListener, Input, TemplateRef, ViewChild } from '@angular/core';
+import { ChangeDetectionStrategy, Component, ComponentFactoryResolver, ContentChild, EventEmitter, HostListener, Input, Output, TemplateRef, ViewChild } from '@angular/core';
 import 'rxjs/add/operator/take';
@@ -9,2 +9,3 @@ import { OverlayHostService } from '../overlay-host/overlay-host.service';
 import { DropdownContent } from './dropdown-content.component';
+import { coerceToBoolean } from '../../common/coerce-to-boolean';
 /**
@@ -54,2 +55,10 @@ * A Dropdown component.
         };
+        /**
+         * Fired whenever the dropdown contents are opened.
+         */
+        this.open = new EventEmitter();
+        /**
+         * Fired whenever the dropdown contents are closed.
+         */
+        this.close = new EventEmitter();
         this._disabled = false;
@@ -99,3 +108,3 @@ this.contentComponentFactory = this.componentFactoryResolver.resolveComponentFactory(DropdownContentWrapper);
         set: function (val) {
-            this.options.belowTrigger = (val === true || val === 'true');
+            this.options.belowTrigger = coerceToBoolean(val);
         },
@@ -114,3 +123,3 @@ enumerable: true,
         set: function (val) {
-            this.options.sticky = val === true || val === 'true';
+            this.options.sticky = coerceToBoolean(val);
         },
@@ -128,3 +137,3 @@ enumerable: true,
         set: function (val) {
-            this.options.closeOnEscape = val === true || val === 'true';
+            this.options.closeOnEscape = coerceToBoolean(val);
         },
@@ -142,3 +151,3 @@ enumerable: true,
         set: function (val) {
-            this._disabled = val === true || val === 'true';
+            this._disabled = coerceToBoolean(val);
         },
@@ -222,2 +231,3 @@ enumerable: true,
         this.scrollMaskRef.instance.clicked.take(1).subscribe(function () { return _this.closeDropdown(); });
+        this.open.emit();
     };
@@ -243,2 +253,3 @@ DropdownList.prototype.onTriggerClick = function () {
         }
+        this.close.emit();
     };
@@ -264,2 +275,4 @@ return DropdownList;
     'content': [{ type: ContentChild, args: [DropdownContent,] },],
+    'open': [{ type: Output },],
+    'close': [{ type: Output },],
     'align': [{ type: Input },],
@@ -266,0 +279,0 @@ 'width': [{ type: Input },],

dist/components/dropdown-list/dropdown-list.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"DropdownList":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"gtx-dropdown-list","template":"<div (click)=\"onTriggerClick()\"><ng-content select=\"gtx-dropdown-trigger\"></ng-content></div><ng-template><ng-content select=\"gtx-dropdown-content\"></ng-content ></ng-template>","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"contentsTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef"}]}]}],"trigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./dropdown-trigger.directive","name":"DropdownTriggerDirective"}]}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./dropdown-content.component","name":"DropdownContent"}]}]}],"align":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"belowTrigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"sticky":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"closeOnEscape":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver"},{"__symbolic":"reference","module":"../overlay-host/overlay-host.service","name":"OverlayHostService"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"keyHandler":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"openDropdown":[{"__symbolic":"method"}],"onTriggerClick":[{"__symbolic":"method"}],"closeDropdown":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"DropdownList":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"gtx-dropdown-list","template":"<div (click)=\"onTriggerClick()\"><ng-content select=\"gtx-dropdown-trigger\"></ng-content></div><ng-template><ng-content select=\"gtx-dropdown-content\"></ng-content ></ng-template>","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"contentsTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef"}]}]}],"trigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./dropdown-trigger.directive","name":"DropdownTriggerDirective"}]}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./dropdown-content.component","name":"DropdownContent"}]}]}],"align":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"belowTrigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"sticky":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"closeOnEscape":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver"},{"__symbolic":"reference","module":"../overlay-host/overlay-host.service","name":"OverlayHostService"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"keyHandler":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"openDropdown":[{"__symbolic":"method"}],"onTriggerClick":[{"__symbolic":"method"}],"closeDropdown":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"DropdownList":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"gtx-dropdown-list","template":"<div (click)=\"onTriggerClick()\"><ng-content select=\"gtx-dropdown-trigger\"></ng-content></div><ng-template><ng-content select=\"gtx-dropdown-content\"></ng-content ></ng-template>","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"contentsTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef"}]}]}],"trigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./dropdown-trigger.directive","name":"DropdownTriggerDirective"}]}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./dropdown-content.component","name":"DropdownContent"}]}]}],"open":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"align":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"belowTrigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"sticky":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"closeOnEscape":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver"},{"__symbolic":"reference","module":"../overlay-host/overlay-host.service","name":"OverlayHostService"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"keyHandler":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"openDropdown":[{"__symbolic":"method"}],"onTriggerClick":[{"__symbolic":"method"}],"closeDropdown":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"DropdownList":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"gtx-dropdown-list","template":"<div (click)=\"onTriggerClick()\"><ng-content select=\"gtx-dropdown-trigger\"></ng-content></div><ng-template><ng-content select=\"gtx-dropdown-content\"></ng-content ></ng-template>","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"contentsTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef"}]}]}],"trigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./dropdown-trigger.directive","name":"DropdownTriggerDirective"}]}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./dropdown-content.component","name":"DropdownContent"}]}]}],"open":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"align":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"belowTrigger":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"sticky":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"closeOnEscape":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver"},{"__symbolic":"reference","module":"../overlay-host/overlay-host.service","name":"OverlayHostService"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"keyHandler":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"openDropdown":[{"__symbolic":"method"}],"onTriggerClick":[{"__symbolic":"method"}],"closeDropdown":[{"__symbolic":"method"}]}}}}]

dist/components/radio-button/radio-button.component.js

 import { Attribute, ChangeDetectorRef, Component, Directive, EventEmitter, HostListener, Input, Optional, Output, forwardRef } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { KeyCode } from '../../common/keycodes';
+import { coerceToBoolean } from '../../common/coerce-to-boolean';
 var GTX_RADIO_GROUP_VALUE_ACCESSOR = {
@@ -175,3 +176,3 @@ provide: NG_VALUE_ACCESSOR,
             if (val != this.inputChecked) {
-                this.inputChecked = val === true || val === 'true';
+                this.inputChecked = coerceToBoolean(val);
                 this.change.emit(this.value);
@@ -178,0 +179,0 @@ if (val && this.group) {

dist/components/select/option.component.js

 import { Input, Directive, ElementRef, ContentChildren } from '@angular/core';
+import { coerceToBoolean } from '../../common/coerce-to-boolean';
 var SelectOption = (function () {
@@ -21,3 +22,3 @@ function SelectOption(elementRef) {
         set: function (value) {
-            this._disabled = value === true || value === 'true';
+            this._disabled = coerceToBoolean(value);
         },
@@ -71,3 +72,3 @@ enumerable: true,
         set: function (value) {
-            this._disabled = value === true || value === 'true';
+            this._disabled = coerceToBoolean(value);
         },
@@ -74,0 +75,0 @@ enumerable: true,

dist/components/select/select.component.d.ts

@@ -85,2 +85,10 @@ import { ChangeDetectorRef, EventEmitter } from '@angular/core';
     /**
+     * Select the initial value when the dropdown is opened.
+     */
+    dropdownOpened(): void;
+    /**
+     * Given a SelectOption, returns the position in the 2D selectedIndex array.
+     */
+    private getIndexFromSelectOption(selected);
+    /**
      * Handle keydown events to enable keyboard navigation and selection of options.
@@ -87,0 +95,0 @@ */

dist/components/select/select.component.js

@@ -7,2 +7,3 @@ import { ChangeDetectorRef, Component, ContentChildren, EventEmitter, forwardRef, HostListener, Input, Output, ViewChild } from '@angular/core';
 import { KeyCode } from '../../common/keycodes';
+import { coerceToBoolean } from '../../common/coerce-to-boolean';
 var GTX_SELECT_VALUE_ACCESSOR = {
@@ -81,3 +82,3 @@ provide: NG_VALUE_ACCESSOR,
         set: function (value) {
-            this._disabled = value === true || value === 'true';
+            this._disabled = coerceToBoolean(value);
         },
@@ -125,2 +126,35 @@ enumerable: true,
     /**
+     * Select the initial value when the dropdown is opened.
+     */
+    Select.prototype.dropdownOpened = function () {
+        if (0 < this.selectedOptions.length) {
+            var selected = this.selectedOptions[0];
+            this.selectedIndex = this.getIndexFromSelectOption(selected);
+            this.scrollToSelectedOption();
+        }
+    };
+    /**
+     * Given a SelectOption, returns the position in the 2D selectedIndex array.
+     */
+    Select.prototype.getIndexFromSelectOption = function (selected) {
+        if (selected) {
+            var selectedGroup = 0;
+            var selectedOption = 0;
+            for (var i = 0; i < this.optionGroups.length; i++) {
+                var group = this.optionGroups[i];
+                selectedGroup = i;
+                for (var j = 0; j < group.options.length; j++) {
+                    var option = group.options[j];
+                    selectedOption = j;
+                    if (option === selected) {
+                        return [selectedGroup, selectedOption];
+                    }
+                }
+            }
+        }
+        else {
+            return [0, 0];
+        }
+    };
+    /**
      * Handle keydown events to enable keyboard navigation and selection of options.
@@ -376,3 +410,3 @@ */
                 selector: 'gtx-select',
-                template: "<gtx-dropdown-list width=\"trigger\" belowTrigger=\"false\" [sticky]=\"multiple\" [disabled]=\"disabled\"><gtx-dropdown-trigger><div class=\"view-value select-input\" [attr.tabindex]=\"disabled ? null : 0\" [attr.disabled]=\"disabled ? true : null\" (blur)=\"inputBlur($event)\" #viewValueContainer ><div>{{ viewValue }}</div><icon>arrow_drop_down</icon></div><label (click)=\"viewValueContainer.focus()\">{{ label }}</label></gtx-dropdown-trigger><gtx-dropdown-content (keydown)=\"handleKeydown($event)\" ><ul class=\"select-options\" (click)=\"viewValueContainer.focus()\" (mouseover)=\"deselect()\"><ng-template ngFor [ngForOf]=\"optionGroups\" let-group let-groupIndex=\"index\" ><li *ngIf=\"!group.isDefaultGroup\" class=\"group-label\">{{ group.label }}</li><li *ngFor=\"let option of group.options; let optionIndex = index\" [class.disabled]=\"group.disabled || option.disabled\" [class.selected]=\"selectedIndex[0] === groupIndex && selectedIndex[1] === optionIndex\" class=\"select-option\" (click)=\"selectItem(groupIndex, optionIndex)\" ><gtx-checkbox *ngIf=\"multiple\" [checked]=\"isSelected(option)\" (change)=\"selectItem(groupIndex, optionIndex)\"></gtx-checkbox>{{ option.viewValue }}</li></ng-template></ul></gtx-dropdown-content ></gtx-dropdown-list>",
+                template: "<gtx-dropdown-list width=\"trigger\" belowTrigger=\"false\" [sticky]=\"multiple\" [disabled]=\"disabled\" (open)=\"dropdownOpened()\"><gtx-dropdown-trigger><div class=\"view-value select-input\" [attr.tabindex]=\"disabled ? null : 0\" [attr.disabled]=\"disabled ? true : null\" (blur)=\"inputBlur($event)\" #viewValueContainer ><div>{{ viewValue }}</div><icon>arrow_drop_down</icon></div><label (click)=\"viewValueContainer.focus()\">{{ label }}</label></gtx-dropdown-trigger><gtx-dropdown-content (keydown)=\"handleKeydown($event)\" ><ul class=\"select-options\" (click)=\"viewValueContainer.focus()\" (mouseover)=\"deselect()\"><ng-template ngFor [ngForOf]=\"optionGroups\" let-group let-groupIndex=\"index\" ><li *ngIf=\"!group.isDefaultGroup\" class=\"group-label\">{{ group.label }}</li><li *ngFor=\"let option of group.options; let optionIndex = index\" [class.disabled]=\"group.disabled || option.disabled\" [class.selected]=\"selectedIndex[0] === groupIndex && selectedIndex[1] === optionIndex\" class=\"select-option\" (click)=\"selectItem(groupIndex, optionIndex)\" ><gtx-checkbox *ngIf=\"multiple\" [checked]=\"isSelected(option)\" (change)=\"selectItem(groupIndex, optionIndex)\"></gtx-checkbox>{{ option.viewValue }}</li></ng-template></ul></gtx-dropdown-content ></gtx-dropdown-list>",
                 providers: [GTX_SELECT_VALUE_ACCESSOR]
@@ -379,0 +413,0 @@ },] },

dist/components/select/select.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"NormalizedOptionGroup":{"__symbolic":"interface"},"Select":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"gtx-select","template":"<gtx-dropdown-list width=\"trigger\" belowTrigger=\"false\" [sticky]=\"multiple\" [disabled]=\"disabled\"><gtx-dropdown-trigger><div class=\"view-value select-input\" [attr.tabindex]=\"disabled ? null : 0\" [attr.disabled]=\"disabled ? true : null\" (blur)=\"inputBlur($event)\" #viewValueContainer ><div>{{ viewValue }}</div><icon>arrow_drop_down</icon></div><label (click)=\"viewValueContainer.focus()\">{{ label }}</label></gtx-dropdown-trigger><gtx-dropdown-content (keydown)=\"handleKeydown($event)\" ><ul class=\"select-options\" (click)=\"viewValueContainer.focus()\" (mouseover)=\"deselect()\"><ng-template ngFor [ngForOf]=\"optionGroups\" let-group let-groupIndex=\"index\" ><li *ngIf=\"!group.isDefaultGroup\" class=\"group-label\">{{ group.label }}</li><li *ngFor=\"let option of group.options; let optionIndex = index\" [class.disabled]=\"group.disabled || option.disabled\" [class.selected]=\"selectedIndex[0] === groupIndex && selectedIndex[1] === optionIndex\" class=\"select-option\" (click)=\"selectItem(groupIndex, optionIndex)\" ><gtx-checkbox *ngIf=\"multiple\" [checked]=\"isSelected(option)\" (change)=\"selectItem(groupIndex, optionIndex)\"></gtx-checkbox>{{ option.viewValue }}</li></ng-template></ul></gtx-dropdown-content ></gtx-dropdown-list>","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"Select"},"multi":true}]}]}],"members":{"autofocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"multiple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"blur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"focus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"dropdownList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"../dropdown-list/dropdown-list.component","name":"DropdownList"}]}]}],"dropdownContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"../dropdown-list/dropdown-content.component","name":"DropdownContent"}]}]}],"_selectOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./option.component","name":"SelectOption"},{"descendants":false}]}]}],"_selectOptionGroups":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./option.component","name":"SelectOptionGroup"},{"descendants":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"selectItem":[{"__symbolic":"method"}],"inputBlur":[{"__symbolic":"method"}],"handleKeydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"isSelected":[{"__symbolic":"method"}],"deselect":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"buildOptionGroups":[{"__symbolic":"method"}],"getInitiallySelectedOptions":[{"__symbolic":"method"}],"toggleSelectedOption":[{"__symbolic":"method"}],"updateViewValue":[{"__symbolic":"method"}],"scrollToSelectedOption":[{"__symbolic":"method"}],"searchByKeyCode":[{"__symbolic":"method"}],"getFirstIndex":[{"__symbolic":"method"}],"getLastIndex":[{"__symbolic":"method"}],"getNextIndex":[{"__symbolic":"method"}],"getPreviousIndex":[{"__symbolic":"method"}],"updateSelectedIndex":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"NormalizedOptionGroup":{"__symbolic":"interface"},"Select":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"gtx-select","template":"<gtx-dropdown-list width=\"trigger\" belowTrigger=\"false\" [sticky]=\"multiple\" [disabled]=\"disabled\"><gtx-dropdown-trigger><div class=\"view-value select-input\" [attr.tabindex]=\"disabled ? null : 0\" [attr.disabled]=\"disabled ? true : null\" (blur)=\"inputBlur($event)\" #viewValueContainer ><div>{{ viewValue }}</div><icon>arrow_drop_down</icon></div><label (click)=\"viewValueContainer.focus()\">{{ label }}</label></gtx-dropdown-trigger><gtx-dropdown-content (keydown)=\"handleKeydown($event)\" ><ul class=\"select-options\" (click)=\"viewValueContainer.focus()\" (mouseover)=\"deselect()\"><ng-template ngFor [ngForOf]=\"optionGroups\" let-group let-groupIndex=\"index\" ><li *ngIf=\"!group.isDefaultGroup\" class=\"group-label\">{{ group.label }}</li><li *ngFor=\"let option of group.options; let optionIndex = index\" [class.disabled]=\"group.disabled || option.disabled\" [class.selected]=\"selectedIndex[0] === groupIndex && selectedIndex[1] === optionIndex\" class=\"select-option\" (click)=\"selectItem(groupIndex, optionIndex)\" ><gtx-checkbox *ngIf=\"multiple\" [checked]=\"isSelected(option)\" (change)=\"selectItem(groupIndex, optionIndex)\"></gtx-checkbox>{{ option.viewValue }}</li></ng-template></ul></gtx-dropdown-content ></gtx-dropdown-list>","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"Select"},"multi":true}]}]}],"members":{"autofocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"multiple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"blur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"focus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"dropdownList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"../dropdown-list/dropdown-list.component","name":"DropdownList"}]}]}],"dropdownContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"../dropdown-list/dropdown-content.component","name":"DropdownContent"}]}]}],"_selectOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./option.component","name":"SelectOption"},{"descendants":false}]}]}],"_selectOptionGroups":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./option.component","name":"SelectOptionGroup"},{"descendants":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"selectItem":[{"__symbolic":"method"}],"inputBlur":[{"__symbolic":"method"}],"handleKeydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"isSelected":[{"__symbolic":"method"}],"deselect":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"buildOptionGroups":[{"__symbolic":"method"}],"getInitiallySelectedOptions":[{"__symbolic":"method"}],"toggleSelectedOption":[{"__symbolic":"method"}],"updateViewValue":[{"__symbolic":"method"}],"scrollToSelectedOption":[{"__symbolic":"method"}],"searchByKeyCode":[{"__symbolic":"method"}],"getFirstIndex":[{"__symbolic":"method"}],"getLastIndex":[{"__symbolic":"method"}],"getNextIndex":[{"__symbolic":"method"}],"getPreviousIndex":[{"__symbolic":"method"}],"updateSelectedIndex":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"NormalizedOptionGroup":{"__symbolic":"interface"},"Select":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"gtx-select","template":"<gtx-dropdown-list width=\"trigger\" belowTrigger=\"false\" [sticky]=\"multiple\" [disabled]=\"disabled\" (open)=\"dropdownOpened()\"><gtx-dropdown-trigger><div class=\"view-value select-input\" [attr.tabindex]=\"disabled ? null : 0\" [attr.disabled]=\"disabled ? true : null\" (blur)=\"inputBlur($event)\" #viewValueContainer ><div>{{ viewValue }}</div><icon>arrow_drop_down</icon></div><label (click)=\"viewValueContainer.focus()\">{{ label }}</label></gtx-dropdown-trigger><gtx-dropdown-content (keydown)=\"handleKeydown($event)\" ><ul class=\"select-options\" (click)=\"viewValueContainer.focus()\" (mouseover)=\"deselect()\"><ng-template ngFor [ngForOf]=\"optionGroups\" let-group let-groupIndex=\"index\" ><li *ngIf=\"!group.isDefaultGroup\" class=\"group-label\">{{ group.label }}</li><li *ngFor=\"let option of group.options; let optionIndex = index\" [class.disabled]=\"group.disabled || option.disabled\" [class.selected]=\"selectedIndex[0] === groupIndex && selectedIndex[1] === optionIndex\" class=\"select-option\" (click)=\"selectItem(groupIndex, optionIndex)\" ><gtx-checkbox *ngIf=\"multiple\" [checked]=\"isSelected(option)\" (change)=\"selectItem(groupIndex, optionIndex)\"></gtx-checkbox>{{ option.viewValue }}</li></ng-template></ul></gtx-dropdown-content ></gtx-dropdown-list>","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"Select"},"multi":true}]}]}],"members":{"autofocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"multiple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"blur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"focus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"dropdownList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"../dropdown-list/dropdown-list.component","name":"DropdownList"}]}]}],"dropdownContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"../dropdown-list/dropdown-content.component","name":"DropdownContent"}]}]}],"_selectOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./option.component","name":"SelectOption"},{"descendants":false}]}]}],"_selectOptionGroups":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./option.component","name":"SelectOptionGroup"},{"descendants":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"selectItem":[{"__symbolic":"method"}],"inputBlur":[{"__symbolic":"method"}],"dropdownOpened":[{"__symbolic":"method"}],"getIndexFromSelectOption":[{"__symbolic":"method"}],"handleKeydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"isSelected":[{"__symbolic":"method"}],"deselect":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"buildOptionGroups":[{"__symbolic":"method"}],"getInitiallySelectedOptions":[{"__symbolic":"method"}],"toggleSelectedOption":[{"__symbolic":"method"}],"updateViewValue":[{"__symbolic":"method"}],"scrollToSelectedOption":[{"__symbolic":"method"}],"searchByKeyCode":[{"__symbolic":"method"}],"getFirstIndex":[{"__symbolic":"method"}],"getLastIndex":[{"__symbolic":"method"}],"getNextIndex":[{"__symbolic":"method"}],"getPreviousIndex":[{"__symbolic":"method"}],"updateSelectedIndex":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"NormalizedOptionGroup":{"__symbolic":"interface"},"Select":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"gtx-select","template":"<gtx-dropdown-list width=\"trigger\" belowTrigger=\"false\" [sticky]=\"multiple\" [disabled]=\"disabled\" (open)=\"dropdownOpened()\"><gtx-dropdown-trigger><div class=\"view-value select-input\" [attr.tabindex]=\"disabled ? null : 0\" [attr.disabled]=\"disabled ? true : null\" (blur)=\"inputBlur($event)\" #viewValueContainer ><div>{{ viewValue }}</div><icon>arrow_drop_down</icon></div><label (click)=\"viewValueContainer.focus()\">{{ label }}</label></gtx-dropdown-trigger><gtx-dropdown-content (keydown)=\"handleKeydown($event)\" ><ul class=\"select-options\" (click)=\"viewValueContainer.focus()\" (mouseover)=\"deselect()\"><ng-template ngFor [ngForOf]=\"optionGroups\" let-group let-groupIndex=\"index\" ><li *ngIf=\"!group.isDefaultGroup\" class=\"group-label\">{{ group.label }}</li><li *ngFor=\"let option of group.options; let optionIndex = index\" [class.disabled]=\"group.disabled || option.disabled\" [class.selected]=\"selectedIndex[0] === groupIndex && selectedIndex[1] === optionIndex\" class=\"select-option\" (click)=\"selectItem(groupIndex, optionIndex)\" ><gtx-checkbox *ngIf=\"multiple\" [checked]=\"isSelected(option)\" (change)=\"selectItem(groupIndex, optionIndex)\"></gtx-checkbox>{{ option.viewValue }}</li></ng-template></ul></gtx-dropdown-content ></gtx-dropdown-list>","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR"},"useExisting":{"__symbolic":"reference","name":"Select"},"multi":true}]}]}],"members":{"autofocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"multiple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"blur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"focus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"dropdownList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"../dropdown-list/dropdown-list.component","name":"DropdownList"}]}]}],"dropdownContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"../dropdown-list/dropdown-content.component","name":"DropdownContent"}]}]}],"_selectOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./option.component","name":"SelectOption"},{"descendants":false}]}]}],"_selectOptionGroups":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./option.component","name":"SelectOptionGroup"},{"descendants":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"selectItem":[{"__symbolic":"method"}],"inputBlur":[{"__symbolic":"method"}],"dropdownOpened":[{"__symbolic":"method"}],"getIndexFromSelectOption":[{"__symbolic":"method"}],"handleKeydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"isSelected":[{"__symbolic":"method"}],"deselect":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"buildOptionGroups":[{"__symbolic":"method"}],"getInitiallySelectedOptions":[{"__symbolic":"method"}],"toggleSelectedOption":[{"__symbolic":"method"}],"updateViewValue":[{"__symbolic":"method"}],"scrollToSelectedOption":[{"__symbolic":"method"}],"searchByKeyCode":[{"__symbolic":"method"}],"getFirstIndex":[{"__symbolic":"method"}],"getLastIndex":[{"__symbolic":"method"}],"getNextIndex":[{"__symbolic":"method"}],"getPreviousIndex":[{"__symbolic":"method"}],"updateSelectedIndex":[{"__symbolic":"method"}]}}}}]

dist/index.d.ts

@@ -13,2 +13,4 @@ /**
 export * from './components/date-time-picker/date-time-picker-strings';
+export * from './components/date-time-picker/date-time-picker-controls.component';
+export * from './components/date-time-picker/date-time-picker-modal.component';
 export * from './components/date-time-picker/date-time-picker.component';
@@ -15,0 +17,0 @@ export * from './components/dropdown-list/dropdown-content-wrapper.component';

dist/index.js

@@ -12,2 +12,4 @@ /**
 export * from './components/date-time-picker/date-time-picker-format-provider.service';
+export * from './components/date-time-picker/date-time-picker-controls.component';
+export * from './components/date-time-picker/date-time-picker-modal.component';
 export * from './components/date-time-picker/date-time-picker.component';
@@ -14,0 +16,0 @@ export * from './components/dropdown-list/dropdown-content-wrapper.component';

dist/index.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{},"exports":[{"from":"./module"},{"from":"./components/breadcrumbs/breadcrumbs.component"},{"from":"./components/button/button.component"},{"from":"./components/checkbox/checkbox.component"},{"from":"./components/contents-list-item/contents-list-item.component"},{"from":"./components/date-time-picker/date-time-picker-format-provider.service"},{"from":"./components/date-time-picker/date-time-picker-strings"},{"from":"./components/date-time-picker/date-time-picker.component"},{"from":"./components/dropdown-list/dropdown-content-wrapper.component"},{"from":"./components/dropdown-list/dropdown-item.component"},{"from":"./components/dropdown-list/dropdown-list.component"},{"from":"./components/dropdown-list/dropdown-trigger.directive"},{"from":"./components/dropdown-list/scroll-mask.component"},{"from":"./components/file-drop-area/drag-state-tracker.service"},{"from":"./components/file-drop-area/file-drop-area.directive"},{"from":"./components/file-drop-area/page-file-drag-handler.service"},{"from":"./components/file-drop-area/prevent-file-drop.directive"},{"from":"./components/file-picker/file-picker.component"},{"from":"./components/icon/icon.component"},{"from":"./components/input/input.component"},{"from":"./components/modal/modal-interfaces"},{"from":"./components/modal/modal.service"},{"from":"./components/notification/notification.service"},{"from":"./components/overlay-host/overlay-host.component"},{"from":"./components/overlay-host/overlay-host.service"},{"from":"./components/progress-bar/progress-bar.component"},{"from":"./components/radio-button/radio-button.component"},{"from":"./components/range/range.component"},{"from":"./components/search-bar/search-bar.component"},{"from":"./components/select/option.component"},{"from":"./components/select/select.component"},{"from":"./components/side-menu/side-menu.component"},{"from":"./components/sortable-list/sortable-list.component"},{"from":"./components/split-view-container/split-view-container.component"},{"from":"./components/tabs"},{"from":"./components/textarea/textarea.component"},{"from":"./components/top-bar/top-bar.component"}]},{"__symbolic":"module","version":1,"metadata":{},"exports":[{"from":"./module"},{"from":"./components/breadcrumbs/breadcrumbs.component"},{"from":"./components/button/button.component"},{"from":"./components/checkbox/checkbox.component"},{"from":"./components/contents-list-item/contents-list-item.component"},{"from":"./components/date-time-picker/date-time-picker-format-provider.service"},{"from":"./components/date-time-picker/date-time-picker-strings"},{"from":"./components/date-time-picker/date-time-picker.component"},{"from":"./components/dropdown-list/dropdown-content-wrapper.component"},{"from":"./components/dropdown-list/dropdown-item.component"},{"from":"./components/dropdown-list/dropdown-list.component"},{"from":"./components/dropdown-list/dropdown-trigger.directive"},{"from":"./components/dropdown-list/scroll-mask.component"},{"from":"./components/file-drop-area/drag-state-tracker.service"},{"from":"./components/file-drop-area/file-drop-area.directive"},{"from":"./components/file-drop-area/page-file-drag-handler.service"},{"from":"./components/file-drop-area/prevent-file-drop.directive"},{"from":"./components/file-picker/file-picker.component"},{"from":"./components/icon/icon.component"},{"from":"./components/input/input.component"},{"from":"./components/modal/modal-interfaces"},{"from":"./components/modal/modal.service"},{"from":"./components/notification/notification.service"},{"from":"./components/overlay-host/overlay-host.component"},{"from":"./components/overlay-host/overlay-host.service"},{"from":"./components/progress-bar/progress-bar.component"},{"from":"./components/radio-button/radio-button.component"},{"from":"./components/range/range.component"},{"from":"./components/search-bar/search-bar.component"},{"from":"./components/select/option.component"},{"from":"./components/select/select.component"},{"from":"./components/side-menu/side-menu.component"},{"from":"./components/sortable-list/sortable-list.component"},{"from":"./components/split-view-container/split-view-container.component"},{"from":"./components/tabs"},{"from":"./components/textarea/textarea.component"},{"from":"./components/top-bar/top-bar.component"}]}]
+[{"__symbolic":"module","version":3,"metadata":{},"exports":[{"from":"./module"},{"from":"./components/breadcrumbs/breadcrumbs.component"},{"from":"./components/button/button.component"},{"from":"./components/checkbox/checkbox.component"},{"from":"./components/contents-list-item/contents-list-item.component"},{"from":"./components/date-time-picker/date-time-picker-format-provider.service"},{"from":"./components/date-time-picker/date-time-picker-strings"},{"from":"./components/date-time-picker/date-time-picker-controls.component"},{"from":"./components/date-time-picker/date-time-picker-modal.component"},{"from":"./components/date-time-picker/date-time-picker.component"},{"from":"./components/dropdown-list/dropdown-content-wrapper.component"},{"from":"./components/dropdown-list/dropdown-item.component"},{"from":"./components/dropdown-list/dropdown-list.component"},{"from":"./components/dropdown-list/dropdown-trigger.directive"},{"from":"./components/dropdown-list/scroll-mask.component"},{"from":"./components/file-drop-area/drag-state-tracker.service"},{"from":"./components/file-drop-area/file-drop-area.directive"},{"from":"./components/file-drop-area/page-file-drag-handler.service"},{"from":"./components/file-drop-area/prevent-file-drop.directive"},{"from":"./components/file-picker/file-picker.component"},{"from":"./components/icon/icon.component"},{"from":"./components/input/input.component"},{"from":"./components/modal/modal-interfaces"},{"from":"./components/modal/modal.service"},{"from":"./components/notification/notification.service"},{"from":"./components/overlay-host/overlay-host.component"},{"from":"./components/overlay-host/overlay-host.service"},{"from":"./components/progress-bar/progress-bar.component"},{"from":"./components/radio-button/radio-button.component"},{"from":"./components/range/range.component"},{"from":"./components/search-bar/search-bar.component"},{"from":"./components/select/option.component"},{"from":"./components/select/select.component"},{"from":"./components/side-menu/side-menu.component"},{"from":"./components/sortable-list/sortable-list.component"},{"from":"./components/split-view-container/split-view-container.component"},{"from":"./components/tabs"},{"from":"./components/textarea/textarea.component"},{"from":"./components/top-bar/top-bar.component"}]},{"__symbolic":"module","version":1,"metadata":{},"exports":[{"from":"./module"},{"from":"./components/breadcrumbs/breadcrumbs.component"},{"from":"./components/button/button.component"},{"from":"./components/checkbox/checkbox.component"},{"from":"./components/contents-list-item/contents-list-item.component"},{"from":"./components/date-time-picker/date-time-picker-format-provider.service"},{"from":"./components/date-time-picker/date-time-picker-strings"},{"from":"./components/date-time-picker/date-time-picker-controls.component"},{"from":"./components/date-time-picker/date-time-picker-modal.component"},{"from":"./components/date-time-picker/date-time-picker.component"},{"from":"./components/dropdown-list/dropdown-content-wrapper.component"},{"from":"./components/dropdown-list/dropdown-item.component"},{"from":"./components/dropdown-list/dropdown-list.component"},{"from":"./components/dropdown-list/dropdown-trigger.directive"},{"from":"./components/dropdown-list/scroll-mask.component"},{"from":"./components/file-drop-area/drag-state-tracker.service"},{"from":"./components/file-drop-area/file-drop-area.directive"},{"from":"./components/file-drop-area/page-file-drag-handler.service"},{"from":"./components/file-drop-area/prevent-file-drop.directive"},{"from":"./components/file-picker/file-picker.component"},{"from":"./components/icon/icon.component"},{"from":"./components/input/input.component"},{"from":"./components/modal/modal-interfaces"},{"from":"./components/modal/modal.service"},{"from":"./components/notification/notification.service"},{"from":"./components/overlay-host/overlay-host.component"},{"from":"./components/overlay-host/overlay-host.service"},{"from":"./components/progress-bar/progress-bar.component"},{"from":"./components/radio-button/radio-button.component"},{"from":"./components/range/range.component"},{"from":"./components/search-bar/search-bar.component"},{"from":"./components/select/option.component"},{"from":"./components/select/select.component"},{"from":"./components/side-menu/side-menu.component"},{"from":"./components/sortable-list/sortable-list.component"},{"from":"./components/split-view-container/split-view-container.component"},{"from":"./components/tabs"},{"from":"./components/textarea/textarea.component"},{"from":"./components/top-bar/top-bar.component"}]}]

dist/module.js

@@ -6,2 +6,3 @@ import { NgModule } from '@angular/core';
 import { AutofocusDirective } from './directives/autofocus/autofocus.directive';
+import { BlankModal } from './components/modal/blank-modal.component';
 import { Breadcrumbs } from './components/breadcrumbs/breadcrumbs.component';
@@ -11,25 +12,32 @@ import { Button } from './components/button/button.component';
 import { ContentsListItem } from './components/contents-list-item/contents-list-item.component';
+import { DateTimePickerControls } from './components/date-time-picker/date-time-picker-controls.component';
+import { DateTimePickerFormatProvider } from './components/date-time-picker/date-time-picker-format-provider.service';
+import { DateTimePickerModal } from './components/date-time-picker/date-time-picker-modal.component';
 import { DateTimePicker } from './components/date-time-picker/date-time-picker.component';
+import { DragStateTrackerFactory } from './components/file-drop-area/drag-state-tracker.service';
+import { DropdownContentWrapper } from './components/dropdown-list/dropdown-content-wrapper.component';
+import { DropdownContent } from './components/dropdown-list/dropdown-content.component';
+import { DropdownItem } from './components/dropdown-list/dropdown-item.component';
 import { DropdownList } from './components/dropdown-list/dropdown-list.component';
 import { DropdownTriggerDirective } from './components/dropdown-list/dropdown-trigger.directive';
-import { DropdownItem } from './components/dropdown-list/dropdown-item.component';
-import { DropdownContent } from './components/dropdown-list/dropdown-content.component';
+import { DynamicModalWrapper } from './components/modal/dynamic-modal-wrapper.component';
 import { FileDropArea } from './components/file-drop-area/file-drop-area.directive';
-import { DragStateTrackerFactory } from './components/file-drop-area/drag-state-tracker.service';
-import { PageFileDragHandler } from './components/file-drop-area/page-file-drag-handler.service';
-import { MatchesMimeTypePipe } from './components/file-drop-area/matches-mime-type.pipe';
 import { FilePicker } from './components/file-picker/file-picker.component';
+import { Icon } from './components/icon/icon.component';
 import { InputField } from './components/input/input.component';
+import { MatchesMimeTypePipe } from './components/file-drop-area/matches-mime-type.pipe';
 import { MenuToggleButton } from './components/menu-toggle-button/menu-toggle-button.component';
-import { DynamicModalWrapper } from './components/modal/dynamic-modal-wrapper.component';
+import { ModalDialog } from './components/modal/modal-dialog.component';
 import { ModalService } from './components/modal/modal.service';
-import { ModalDialog } from './components/modal/modal-dialog.component';
-import { Toast } from './components/notification/toast.component';
 import { Notification } from './components/notification/notification.service';
+import { OverlayHostService } from './components/overlay-host/overlay-host.service';
 import { OverlayHost } from './components/overlay-host/overlay-host.component';
-import { OverlayHostService } from './components/overlay-host/overlay-host.service';
+import { PageFileDragHandler } from './components/file-drop-area/page-file-drag-handler.service';
+import { PreventFileDrop } from './components/file-drop-area/prevent-file-drop.directive';
 import { ProgressBar } from './components/progress-bar/progress-bar.component';
 import { RadioButton, RadioGroup } from './components/radio-button/radio-button.component';
 import { Range } from './components/range/range.component';
+import { ScrollMask } from './components/dropdown-list/scroll-mask.component';
 import { SearchBar } from './components/search-bar/search-bar.component';
+import { SelectOption, SelectOptionGroup } from './components/select/option.component';
 import { Select } from './components/select/select.component';
@@ -39,14 +47,7 @@ import { SideMenu, SideMenuToggle } from './components/side-menu/side-menu.component';
 import { SplitViewContainer } from './components/split-view-container/split-view-container.component';
+import { Tabs } from './components/tabs/tabs.component';
 import { Tab } from './components/tabs/tab.component';
-import { Tabs } from './components/tabs/tabs.component';
 import { Textarea } from './components/textarea/textarea.component';
+import { Toast } from './components/notification/toast.component';
 import { TopBar } from './components/top-bar/top-bar.component';
-import { Icon } from './components/icon/icon.component';
-import { PreventFileDrop } from './components/file-drop-area/prevent-file-drop.directive';
-import { DateTimePickerModal } from './components/date-time-picker/date-time-picker-modal.component';
-import { BlankModal } from './components/modal/blank-modal.component';
-import { DateTimePickerFormatProvider } from './components/date-time-picker/date-time-picker-format-provider.service';
-import { ScrollMask } from './components/dropdown-list/scroll-mask.component';
-import { DropdownContentWrapper } from './components/dropdown-list/dropdown-content-wrapper.component';
-import { SelectOption, SelectOptionGroup } from './components/select/option.component';
 export var UI_CORE_COMPONENTS = [
@@ -60,2 +61,3 @@ AutofocusDirective,
     DateTimePicker,
+    DateTimePickerControls,
     DateTimePickerModal,
@@ -62,0 +64,0 @@ DropdownList,

dist/module.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"UI_CORE_COMPONENTS":[{"__symbolic":"reference","module":"./directives/autofocus/autofocus.directive","name":"AutofocusDirective"},{"__symbolic":"reference","module":"./components/modal/blank-modal.component","name":"BlankModal"},{"__symbolic":"reference","module":"./components/breadcrumbs/breadcrumbs.component","name":"Breadcrumbs"},{"__symbolic":"reference","module":"./components/button/button.component","name":"Button"},{"__symbolic":"reference","module":"./components/checkbox/checkbox.component","name":"Checkbox"},{"__symbolic":"reference","module":"./components/contents-list-item/contents-list-item.component","name":"ContentsListItem"},{"__symbolic":"reference","module":"./components/date-time-picker/date-time-picker.component","name":"DateTimePicker"},{"__symbolic":"reference","module":"./components/date-time-picker/date-time-picker-modal.component","name":"DateTimePickerModal"},{"__symbolic":"reference","module":"./components/dropdown-list/dropdown-list.component","name":"DropdownList"},{"__symbolic":"reference","module":"./components/dropdown-list/dropdown-content-wrapper.component","name":"DropdownContentWrapper"},{"__symbolic":"reference","module":"./components/dropdown-list/dropdown-content.component","name":"DropdownContent"},{"__symbolic":"reference","module":"./components/dropdown-list/dropdown-item.component","name":"DropdownItem"},{"__symbolic":"reference","module":"./components/dropdown-list/dropdown-trigger.directive","name":"DropdownTriggerDirective"},{"__symbolic":"reference","module":"./components/modal/dynamic-modal-wrapper.component","name":"DynamicModalWrapper"},{"__symbolic":"reference","module":"./components/file-drop-area/file-drop-area.directive","name":"FileDropArea"},{"__symbolic":"reference","module":"./components/file-picker/file-picker.component","name":"FilePicker"},{"__symbolic":"reference","module":"./components/icon/icon.component","name":"Icon"},{"__symbolic":"reference","module":"./components/input/input.component","name":"InputField"},{"__symbolic":"reference","module":"./components/menu-toggle-button/menu-toggle-button.component","name":"MenuToggleButton"},{"__symbolic":"reference","module":"./components/modal/modal-dialog.component","name":"ModalDialog"},{"__symbolic":"reference","module":"./components/overlay-host/overlay-host.component","name":"OverlayHost"},{"__symbolic":"reference","module":"./components/file-drop-area/prevent-file-drop.directive","name":"PreventFileDrop"},{"__symbolic":"reference","module":"./components/progress-bar/progress-bar.component","name":"ProgressBar"},{"__symbolic":"reference","module":"./components/radio-button/radio-button.component","name":"RadioButton"},{"__symbolic":"reference","module":"./components/radio-button/radio-button.component","name":"RadioGroup"},{"__symbolic":"reference","module":"./components/range/range.component","name":"Range"},{"__symbolic":"reference","module":"./components/dropdown-list/scroll-mask.component","name":"ScrollMask"},{"__symbolic":"reference","module":"./components/search-bar/search-bar.component","name":"SearchBar"},{"__symbolic":"reference","module":"./components/select/select.component","name":"Select"},{"__symbolic":"reference","module":"./components/select/option.component","name":"SelectOption"},{"__symbolic":"reference","module":"./components/select/option.component","name":"SelectOptionGroup"},{"__symbolic":"reference","module":"./components/side-menu/side-menu.component","name":"SideMenu"},{"__symbolic":"reference","module":"./components/side-menu/side-menu.component","name":"SideMenuToggle"},{"__symbolic":"reference","module":"./components/sortable-list/sortable-list.component","name":"SortableItem"},{"__symbolic":"reference","module":"./components/sortable-list/sortable-list.component","name":"SortableList"},{"__symbolic":"reference","module":"./components/sortable-list/sortable-list.component","name":"SortableListDragHandle"},{"__symbolic":"reference","module":"./components/split-view-container/split-view-container.component","name":"SplitViewContainer"},{"__symbolic":"reference","module":"./components/tabs/tab.component","name":"Tab"},{"__symbolic":"reference","module":"./components/tabs/tabs.component","name":"Tabs"},{"__symbolic":"reference","module":"./components/textarea/textarea.component","name":"Textarea"},{"__symbolic":"reference","module":"./components/top-bar/top-bar.component","name":"TopBar"},{"__symbolic":"reference","module":"./components/notification/toast.component","name":"Toast"}],"UI_CORE_ENTRY_COMPONENTS":[{"__symbolic":"reference","module":"./components/modal/blank-modal.component","name":"BlankModal"},{"__symbolic":"reference","module":"./components/date-time-picker/date-time-picker-modal.component","name":"DateTimePickerModal"},{"__symbolic":"reference","module":"./components/dropdown-list/dropdown-content-wrapper.component","name":"DropdownContentWrapper"},{"__symbolic":"reference","module":"./components/modal/dynamic-modal-wrapper.component","name":"DynamicModalWrapper"},{"__symbolic":"reference","module":"./components/dropdown-list/scroll-mask.component","name":"ScrollMask"},{"__symbolic":"reference","module":"./components/notification/toast.component","name":"Toast"},{"__symbolic":"reference","module":"./components/modal/modal-dialog.component","name":"ModalDialog"}],"UI_CORE_PIPES":[{"__symbolic":"reference","module":"./components/file-drop-area/matches-mime-type.pipe","name":"MatchesMimeTypePipe"}],"UI_CORE_PROVIDERS":[{"__symbolic":"reference","module":"./components/date-time-picker/date-time-picker-format-provider.service","name":"DateTimePickerFormatProvider"},{"__symbolic":"reference","module":"./components/file-drop-area/drag-state-tracker.service","name":"DragStateTrackerFactory"},{"__symbolic":"reference","module":"./components/modal/modal.service","name":"ModalService"},{"__symbolic":"reference","module":"./components/notification/notification.service","name":"Notification"},{"__symbolic":"reference","module":"./components/overlay-host/overlay-host.service","name":"OverlayHostService"},{"__symbolic":"reference","module":"./components/file-drop-area/page-file-drag-handler.service","name":"PageFileDragHandler"}],"declarations":[{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"UI_CORE_COMPONENTS"}},{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"UI_CORE_PIPES"}}],"routerModuleForChild":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/router","name":"RouterModule"},"member":"forChild"},"arguments":[[]]},"GenticsUICoreModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule"},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule"},{"__symbolic":"reference","name":"routerModuleForChild"}],"declarations":{"__symbolic":"reference","name":"declarations"},"entryComponents":{"__symbolic":"reference","name":"UI_CORE_ENTRY_COMPONENTS"},"exports":{"__symbolic":"reference","name":"declarations"}}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"GenticsUICoreModule"},"providers":{"__symbolic":"reference","name":"UI_CORE_PROVIDERS"}}}}}}},{"__symbolic":"module","version":1,"metadata":{"UI_CORE_COMPONENTS":[{"__symbolic":"reference","module":"./directives/autofocus/autofocus.directive","name":"AutofocusDirective"},{"__symbolic":"reference","module":"./components/modal/blank-modal.component","name":"BlankModal"},{"__symbolic":"reference","module":"./components/breadcrumbs/breadcrumbs.component","name":"Breadcrumbs"},{"__symbolic":"reference","module":"./components/button/button.component","name":"Button"},{"__symbolic":"reference","module":"./components/checkbox/checkbox.component","name":"Checkbox"},{"__symbolic":"reference","module":"./components/contents-list-item/contents-list-item.component","name":"ContentsListItem"},{"__symbolic":"reference","module":"./components/date-time-picker/date-time-picker.component","name":"DateTimePicker"},{"__symbolic":"reference","module":"./components/date-time-picker/date-time-picker-modal.component","name":"DateTimePickerModal"},{"__symbolic":"reference","module":"./components/dropdown-list/dropdown-list.component","name":"DropdownList"},{"__symbolic":"reference","module":"./components/dropdown-list/dropdown-content-wrapper.component","name":"DropdownContentWrapper"},{"__symbolic":"reference","module":"./components/dropdown-list/dropdown-content.component","name":"DropdownContent"},{"__symbolic":"reference","module":"./components/dropdown-list/dropdown-item.component","name":"DropdownItem"},{"__symbolic":"reference","module":"./components/dropdown-list/dropdown-trigger.directive","name":"DropdownTriggerDirective"},{"__symbolic":"reference","module":"./components/modal/dynamic-modal-wrapper.component","name":"DynamicModalWrapper"},{"__symbolic":"reference","module":"./components/file-drop-area/file-drop-area.directive","name":"FileDropArea"},{"__symbolic":"reference","module":"./components/file-picker/file-picker.component","name":"FilePicker"},{"__symbolic":"reference","module":"./components/icon/icon.component","name":"Icon"},{"__symbolic":"reference","module":"./components/input/input.component","name":"InputField"},{"__symbolic":"reference","module":"./components/menu-toggle-button/menu-toggle-button.component","name":"MenuToggleButton"},{"__symbolic":"reference","module":"./components/modal/modal-dialog.component","name":"ModalDialog"},{"__symbolic":"reference","module":"./components/overlay-host/overlay-host.component","name":"OverlayHost"},{"__symbolic":"reference","module":"./components/file-drop-area/prevent-file-drop.directive","name":"PreventFileDrop"},{"__symbolic":"reference","module":"./components/progress-bar/progress-bar.component","name":"ProgressBar"},{"__symbolic":"reference","module":"./components/radio-button/radio-button.component","name":"RadioButton"},{"__symbolic":"reference","module":"./components/radio-button/radio-button.component","name":"RadioGroup"},{"__symbolic":"reference","module":"./components/range/range.component","name":"Range"},{"__symbolic":"reference","module":"./components/dropdown-list/scroll-mask.component","name":"ScrollMask"},{"__symbolic":"reference","module":"./components/search-bar/search-bar.component","name":"SearchBar"},{"__symbolic":"reference","module":"./components/select/select.component","name":"Select"},{"__symbolic":"reference","module":"./components/select/option.component","name":"SelectOption"},{"__symbolic":"reference","module":"./components/select/option.component","name":"SelectOptionGroup"},{"__symbolic":"reference","module":"./components/side-menu/side-menu.component","name":"SideMenu"},{"__symbolic":"reference","module":"./components/side-menu/side-menu.component","name":"SideMenuToggle"},{"__symbolic":"reference","module":"./components/sortable-list/sortable-list.component","name":"SortableItem"},{"__symbolic":"reference","module":"./components/sortable-list/sortable-list.component","name":"SortableList"},{"__symbolic":"reference","module":"./components/sortable-list/sortable-list.component","name":"SortableListDragHandle"},{"__symbolic":"reference","module":"./components/split-view-container/split-view-container.component","name":"SplitViewContainer"},{"__symbolic":"reference","module":"./components/tabs/tab.component","name":"Tab"},{"__symbolic":"reference","module":"./components/tabs/tabs.component","name":"Tabs"},{"__symbolic":"reference","module":"./components/textarea/textarea.component","name":"Textarea"},{"__symbolic":"reference","module":"./components/top-bar/top-bar.component","name":"TopBar"},{"__symbolic":"reference","module":"./components/notification/toast.component","name":"Toast"}],"UI_CORE_ENTRY_COMPONENTS":[{"__symbolic":"reference","module":"./components/modal/blank-modal.component","name":"BlankModal"},{"__symbolic":"reference","module":"./components/date-time-picker/date-time-picker-modal.component","name":"DateTimePickerModal"},{"__symbolic":"reference","module":"./components/dropdown-list/dropdown-content-wrapper.component","name":"DropdownContentWrapper"},{"__symbolic":"reference","module":"./components/modal/dynamic-modal-wrapper.component","name":"DynamicModalWrapper"},{"__symbolic":"reference","module":"./components/dropdown-list/scroll-mask.component","name":"ScrollMask"},{"__symbolic":"reference","module":"./components/notification/toast.component","name":"Toast"},{"__symbolic":"reference","module":"./components/modal/modal-dialog.component","name":"ModalDialog"}],"UI_CORE_PIPES":[{"__symbolic":"reference","module":"./components/file-drop-area/matches-mime-type.pipe","name":"MatchesMimeTypePipe"}],"UI_CORE_PROVIDERS":[{"__symbolic":"reference","module":"./components/date-time-picker/date-time-picker-format-provider.service","name":"DateTimePickerFormatProvider"},{"__symbolic":"reference","module":"./components/file-drop-area/drag-state-tracker.service","name":"DragStateTrackerFactory"},{"__symbolic":"reference","module":"./components/modal/modal.service","name":"ModalService"},{"__symbolic":"reference","module":"./components/notification/notification.service","name":"Notification"},{"__symbolic":"reference","module":"./components/overlay-host/overlay-host.service","name":"OverlayHostService"},{"__symbolic":"reference","module":"./components/file-drop-area/page-file-drag-handler.service","name":"PageFileDragHandler"}],"declarations":[{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"UI_CORE_COMPONENTS"}},{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"UI_CORE_PIPES"}}],"routerModuleForChild":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/router","name":"RouterModule"},"member":"forChild"},"arguments":[[]]},"GenticsUICoreModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule"},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule"},{"__symbolic":"reference","name":"routerModuleForChild"}],"declarations":{"__symbolic":"reference","name":"declarations"},"entryComponents":{"__symbolic":"reference","name":"UI_CORE_ENTRY_COMPONENTS"},"exports":{"__symbolic":"reference","name":"declarations"}}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"GenticsUICoreModule"},"providers":{"__symbolic":"reference","name":"UI_CORE_PROVIDERS"}}}}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"UI_CORE_COMPONENTS":[{"__symbolic":"reference","module":"./directives/autofocus/autofocus.directive","name":"AutofocusDirective"},{"__symbolic":"reference","module":"./components/modal/blank-modal.component","name":"BlankModal"},{"__symbolic":"reference","module":"./components/breadcrumbs/breadcrumbs.component","name":"Breadcrumbs"},{"__symbolic":"reference","module":"./components/button/button.component","name":"Button"},{"__symbolic":"reference","module":"./components/checkbox/checkbox.component","name":"Checkbox"},{"__symbolic":"reference","module":"./components/contents-list-item/contents-list-item.component","name":"ContentsListItem"},{"__symbolic":"reference","module":"./components/date-time-picker/date-time-picker.component","name":"DateTimePicker"},{"__symbolic":"reference","module":"./components/date-time-picker/date-time-picker-controls.component","name":"DateTimePickerControls"},{"__symbolic":"reference","module":"./components/date-time-picker/date-time-picker-modal.component","name":"DateTimePickerModal"},{"__symbolic":"reference","module":"./components/dropdown-list/dropdown-list.component","name":"DropdownList"},{"__symbolic":"reference","module":"./components/dropdown-list/dropdown-content-wrapper.component","name":"DropdownContentWrapper"},{"__symbolic":"reference","module":"./components/dropdown-list/dropdown-content.component","name":"DropdownContent"},{"__symbolic":"reference","module":"./components/dropdown-list/dropdown-item.component","name":"DropdownItem"},{"__symbolic":"reference","module":"./components/dropdown-list/dropdown-trigger.directive","name":"DropdownTriggerDirective"},{"__symbolic":"reference","module":"./components/modal/dynamic-modal-wrapper.component","name":"DynamicModalWrapper"},{"__symbolic":"reference","module":"./components/file-drop-area/file-drop-area.directive","name":"FileDropArea"},{"__symbolic":"reference","module":"./components/file-picker/file-picker.component","name":"FilePicker"},{"__symbolic":"reference","module":"./components/icon/icon.component","name":"Icon"},{"__symbolic":"reference","module":"./components/input/input.component","name":"InputField"},{"__symbolic":"reference","module":"./components/menu-toggle-button/menu-toggle-button.component","name":"MenuToggleButton"},{"__symbolic":"reference","module":"./components/modal/modal-dialog.component","name":"ModalDialog"},{"__symbolic":"reference","module":"./components/overlay-host/overlay-host.component","name":"OverlayHost"},{"__symbolic":"reference","module":"./components/file-drop-area/prevent-file-drop.directive","name":"PreventFileDrop"},{"__symbolic":"reference","module":"./components/progress-bar/progress-bar.component","name":"ProgressBar"},{"__symbolic":"reference","module":"./components/radio-button/radio-button.component","name":"RadioButton"},{"__symbolic":"reference","module":"./components/radio-button/radio-button.component","name":"RadioGroup"},{"__symbolic":"reference","module":"./components/range/range.component","name":"Range"},{"__symbolic":"reference","module":"./components/dropdown-list/scroll-mask.component","name":"ScrollMask"},{"__symbolic":"reference","module":"./components/search-bar/search-bar.component","name":"SearchBar"},{"__symbolic":"reference","module":"./components/select/select.component","name":"Select"},{"__symbolic":"reference","module":"./components/select/option.component","name":"SelectOption"},{"__symbolic":"reference","module":"./components/select/option.component","name":"SelectOptionGroup"},{"__symbolic":"reference","module":"./components/side-menu/side-menu.component","name":"SideMenu"},{"__symbolic":"reference","module":"./components/side-menu/side-menu.component","name":"SideMenuToggle"},{"__symbolic":"reference","module":"./components/sortable-list/sortable-list.component","name":"SortableItem"},{"__symbolic":"reference","module":"./components/sortable-list/sortable-list.component","name":"SortableList"},{"__symbolic":"reference","module":"./components/sortable-list/sortable-list.component","name":"SortableListDragHandle"},{"__symbolic":"reference","module":"./components/split-view-container/split-view-container.component","name":"SplitViewContainer"},{"__symbolic":"reference","module":"./components/tabs/tab.component","name":"Tab"},{"__symbolic":"reference","module":"./components/tabs/tabs.component","name":"Tabs"},{"__symbolic":"reference","module":"./components/textarea/textarea.component","name":"Textarea"},{"__symbolic":"reference","module":"./components/top-bar/top-bar.component","name":"TopBar"},{"__symbolic":"reference","module":"./components/notification/toast.component","name":"Toast"}],"UI_CORE_ENTRY_COMPONENTS":[{"__symbolic":"reference","module":"./components/modal/blank-modal.component","name":"BlankModal"},{"__symbolic":"reference","module":"./components/date-time-picker/date-time-picker-modal.component","name":"DateTimePickerModal"},{"__symbolic":"reference","module":"./components/dropdown-list/dropdown-content-wrapper.component","name":"DropdownContentWrapper"},{"__symbolic":"reference","module":"./components/modal/dynamic-modal-wrapper.component","name":"DynamicModalWrapper"},{"__symbolic":"reference","module":"./components/dropdown-list/scroll-mask.component","name":"ScrollMask"},{"__symbolic":"reference","module":"./components/notification/toast.component","name":"Toast"},{"__symbolic":"reference","module":"./components/modal/modal-dialog.component","name":"ModalDialog"}],"UI_CORE_PIPES":[{"__symbolic":"reference","module":"./components/file-drop-area/matches-mime-type.pipe","name":"MatchesMimeTypePipe"}],"UI_CORE_PROVIDERS":[{"__symbolic":"reference","module":"./components/date-time-picker/date-time-picker-format-provider.service","name":"DateTimePickerFormatProvider"},{"__symbolic":"reference","module":"./components/file-drop-area/drag-state-tracker.service","name":"DragStateTrackerFactory"},{"__symbolic":"reference","module":"./components/modal/modal.service","name":"ModalService"},{"__symbolic":"reference","module":"./components/notification/notification.service","name":"Notification"},{"__symbolic":"reference","module":"./components/overlay-host/overlay-host.service","name":"OverlayHostService"},{"__symbolic":"reference","module":"./components/file-drop-area/page-file-drag-handler.service","name":"PageFileDragHandler"}],"declarations":[{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"UI_CORE_COMPONENTS"}},{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"UI_CORE_PIPES"}}],"routerModuleForChild":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/router","name":"RouterModule"},"member":"forChild"},"arguments":[[]]},"GenticsUICoreModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule"},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule"},{"__symbolic":"reference","name":"routerModuleForChild"}],"declarations":{"__symbolic":"reference","name":"declarations"},"entryComponents":{"__symbolic":"reference","name":"UI_CORE_ENTRY_COMPONENTS"},"exports":{"__symbolic":"reference","name":"declarations"}}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"GenticsUICoreModule"},"providers":{"__symbolic":"reference","name":"UI_CORE_PROVIDERS"}}}}}}},{"__symbolic":"module","version":1,"metadata":{"UI_CORE_COMPONENTS":[{"__symbolic":"reference","module":"./directives/autofocus/autofocus.directive","name":"AutofocusDirective"},{"__symbolic":"reference","module":"./components/modal/blank-modal.component","name":"BlankModal"},{"__symbolic":"reference","module":"./components/breadcrumbs/breadcrumbs.component","name":"Breadcrumbs"},{"__symbolic":"reference","module":"./components/button/button.component","name":"Button"},{"__symbolic":"reference","module":"./components/checkbox/checkbox.component","name":"Checkbox"},{"__symbolic":"reference","module":"./components/contents-list-item/contents-list-item.component","name":"ContentsListItem"},{"__symbolic":"reference","module":"./components/date-time-picker/date-time-picker.component","name":"DateTimePicker"},{"__symbolic":"reference","module":"./components/date-time-picker/date-time-picker-controls.component","name":"DateTimePickerControls"},{"__symbolic":"reference","module":"./components/date-time-picker/date-time-picker-modal.component","name":"DateTimePickerModal"},{"__symbolic":"reference","module":"./components/dropdown-list/dropdown-list.component","name":"DropdownList"},{"__symbolic":"reference","module":"./components/dropdown-list/dropdown-content-wrapper.component","name":"DropdownContentWrapper"},{"__symbolic":"reference","module":"./components/dropdown-list/dropdown-content.component","name":"DropdownContent"},{"__symbolic":"reference","module":"./components/dropdown-list/dropdown-item.component","name":"DropdownItem"},{"__symbolic":"reference","module":"./components/dropdown-list/dropdown-trigger.directive","name":"DropdownTriggerDirective"},{"__symbolic":"reference","module":"./components/modal/dynamic-modal-wrapper.component","name":"DynamicModalWrapper"},{"__symbolic":"reference","module":"./components/file-drop-area/file-drop-area.directive","name":"FileDropArea"},{"__symbolic":"reference","module":"./components/file-picker/file-picker.component","name":"FilePicker"},{"__symbolic":"reference","module":"./components/icon/icon.component","name":"Icon"},{"__symbolic":"reference","module":"./components/input/input.component","name":"InputField"},{"__symbolic":"reference","module":"./components/menu-toggle-button/menu-toggle-button.component","name":"MenuToggleButton"},{"__symbolic":"reference","module":"./components/modal/modal-dialog.component","name":"ModalDialog"},{"__symbolic":"reference","module":"./components/overlay-host/overlay-host.component","name":"OverlayHost"},{"__symbolic":"reference","module":"./components/file-drop-area/prevent-file-drop.directive","name":"PreventFileDrop"},{"__symbolic":"reference","module":"./components/progress-bar/progress-bar.component","name":"ProgressBar"},{"__symbolic":"reference","module":"./components/radio-button/radio-button.component","name":"RadioButton"},{"__symbolic":"reference","module":"./components/radio-button/radio-button.component","name":"RadioGroup"},{"__symbolic":"reference","module":"./components/range/range.component","name":"Range"},{"__symbolic":"reference","module":"./components/dropdown-list/scroll-mask.component","name":"ScrollMask"},{"__symbolic":"reference","module":"./components/search-bar/search-bar.component","name":"SearchBar"},{"__symbolic":"reference","module":"./components/select/select.component","name":"Select"},{"__symbolic":"reference","module":"./components/select/option.component","name":"SelectOption"},{"__symbolic":"reference","module":"./components/select/option.component","name":"SelectOptionGroup"},{"__symbolic":"reference","module":"./components/side-menu/side-menu.component","name":"SideMenu"},{"__symbolic":"reference","module":"./components/side-menu/side-menu.component","name":"SideMenuToggle"},{"__symbolic":"reference","module":"./components/sortable-list/sortable-list.component","name":"SortableItem"},{"__symbolic":"reference","module":"./components/sortable-list/sortable-list.component","name":"SortableList"},{"__symbolic":"reference","module":"./components/sortable-list/sortable-list.component","name":"SortableListDragHandle"},{"__symbolic":"reference","module":"./components/split-view-container/split-view-container.component","name":"SplitViewContainer"},{"__symbolic":"reference","module":"./components/tabs/tab.component","name":"Tab"},{"__symbolic":"reference","module":"./components/tabs/tabs.component","name":"Tabs"},{"__symbolic":"reference","module":"./components/textarea/textarea.component","name":"Textarea"},{"__symbolic":"reference","module":"./components/top-bar/top-bar.component","name":"TopBar"},{"__symbolic":"reference","module":"./components/notification/toast.component","name":"Toast"}],"UI_CORE_ENTRY_COMPONENTS":[{"__symbolic":"reference","module":"./components/modal/blank-modal.component","name":"BlankModal"},{"__symbolic":"reference","module":"./components/date-time-picker/date-time-picker-modal.component","name":"DateTimePickerModal"},{"__symbolic":"reference","module":"./components/dropdown-list/dropdown-content-wrapper.component","name":"DropdownContentWrapper"},{"__symbolic":"reference","module":"./components/modal/dynamic-modal-wrapper.component","name":"DynamicModalWrapper"},{"__symbolic":"reference","module":"./components/dropdown-list/scroll-mask.component","name":"ScrollMask"},{"__symbolic":"reference","module":"./components/notification/toast.component","name":"Toast"},{"__symbolic":"reference","module":"./components/modal/modal-dialog.component","name":"ModalDialog"}],"UI_CORE_PIPES":[{"__symbolic":"reference","module":"./components/file-drop-area/matches-mime-type.pipe","name":"MatchesMimeTypePipe"}],"UI_CORE_PROVIDERS":[{"__symbolic":"reference","module":"./components/date-time-picker/date-time-picker-format-provider.service","name":"DateTimePickerFormatProvider"},{"__symbolic":"reference","module":"./components/file-drop-area/drag-state-tracker.service","name":"DragStateTrackerFactory"},{"__symbolic":"reference","module":"./components/modal/modal.service","name":"ModalService"},{"__symbolic":"reference","module":"./components/notification/notification.service","name":"Notification"},{"__symbolic":"reference","module":"./components/overlay-host/overlay-host.service","name":"OverlayHostService"},{"__symbolic":"reference","module":"./components/file-drop-area/page-file-drag-handler.service","name":"PageFileDragHandler"}],"declarations":[{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"UI_CORE_COMPONENTS"}},{"__symbolic":"spread","expression":{"__symbolic":"reference","name":"UI_CORE_PIPES"}}],"routerModuleForChild":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/router","name":"RouterModule"},"member":"forChild"},"arguments":[[]]},"GenticsUICoreModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule"},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule"},{"__symbolic":"reference","name":"routerModuleForChild"}],"declarations":{"__symbolic":"reference","name":"declarations"},"entryComponents":{"__symbolic":"reference","name":"UI_CORE_ENTRY_COMPONENTS"},"exports":{"__symbolic":"reference","name":"declarations"}}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"GenticsUICoreModule"},"providers":{"__symbolic":"reference","name":"UI_CORE_PROVIDERS"}}}}}}}]

package.json

 {
   "name": "gentics-ui-core",
-  "version": "5.2.2",
+  "version": "5.3.0",
   "description": "Gentics UI Core Framework",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

README.md

 # Gentics UI Core
 
-This is the common core framework for the Gentics CMS and Mesh UI apps.
+This is the common core framework for the Gentics CMS and Mesh UI, and other Angular applications.
 
@@ -11,3 +11,5 @@ ## Using ui-core in a project
 ```
+
 2. Import the module and add it to your apps root module:
+
 ```TypeScript
@@ -31,3 +33,3 @@ // app.module.ts
 
-Full documentation and examples are available at [https://dev.gentics.com/gentics-ui-core/](https://dev.gentics.com/gentics-ui-core/)
+Full documentation and examples are available at [https://gentics-ui-core.neocities.org/](https://gentics-ui-core.neocities.org/)
 
@@ -44,4 +46,2 @@ ## Building the docs app
 
-A fairly recent version of the docs app is also [availiable on dev.gentics.com](https://dev.gentics.com/gentics-ui-core/).
-
 ## Releasing
@@ -48,0 +48,0 @@

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

2629462

increased by1.2%

Number of package files

339

increased by2.73%

Lines of code

9524

increased by3.86%

No dependency changes