diff --git a/bundles/fuel-ui.css b/bundles/fuel-ui.css
index 43200322..cd4396ef 100644
--- a/bundles/fuel-ui.css
+++ b/bundles/fuel-ui.css
@@ -930,40 +930,10 @@
top: 0;
width: 100%;
display: block !important;
- overflow: hidden;
- -webkit-transition-timing-function: ease;
- -moz-transition-timing-function: ease;
- transition-timing-function: ease;
- -webkit-transition-duration: 0.3s;
- -moz-transition-duration: 0.3s;
- transition-duration: 0.3s;
- -webkit-transition-property: -webkit-transform;
- -moz-transition-property: -moz-transform;
- transition-property: transform; }
- .carousel-item img {
+ overflow: hidden; }
+ .carousel-item .item-content img {
width: 100%;
pointer-events: none; }
- .carousel-item.hide {
- display: none !important; }
- .carousel-item.active {
- display: block !important;
- -webkit-transform: translate(0, 0);
- -moz-transform: translate(0, 0);
- -ms-transform: translate(0, 0);
- -o-transform: translate(0, 0);
- transform: translate(0, 0); }
- .carousel-item.out-left {
- -webkit-transform: translate(-100%, 0);
- -moz-transform: translate(-100%, 0);
- -ms-transform: translate(-100%, 0);
- -o-transform: translate(-100%, 0);
- transform: translate(-100%, 0); }
- .carousel-item.out-right {
- -webkit-transform: translate(100%, 0);
- -moz-transform: translate(100%, 0);
- -ms-transform: translate(100%, 0);
- -o-transform: translate(100%, 0);
- transform: translate(100%, 0); }
.date-picker-overlay {
background-color: transparent;
diff --git a/bundles/fuel-ui.js b/bundles/fuel-ui.js
index 7e97a0f9..1bf8d160 100644
--- a/bundles/fuel-ui.js
+++ b/bundles/fuel-ui.js
@@ -155,29 +155,35 @@ System.registerDynamic("fuel-ui/dist/components/Carousel/Carousel", ["@angular/c
var core_2 = $__require('@angular/core');
var core_3 = $__require('@angular/core');
var common_1 = $__require('@angular/common');
+ var core_4 = $__require('@angular/core');
var CarouselItem = (function() {
- function CarouselItem(element, _render, _change) {
- this._render = _render;
+ function CarouselItem(_change, element) {
this._change = _change;
this.id = 0;
- this.duration = 250;
+ this._state = "void";
this.element = element.nativeElement;
}
- Object.defineProperty(CarouselItem.prototype, "isActive", {
+ Object.defineProperty(CarouselItem.prototype, "state", {
get: function() {
- return this._isActive;
+ return this._state;
},
- set: function(value) {
- this._isActive = value;
- this._render.setElementClass(this.element, "active", value);
- this._render.setElementClass(this.element, "hide", !value);
- this.setClasses(["out-left", "out-right"], false);
+ set: function(val) {
+ var _this = this;
+ this._state = val;
+ setTimeout(function() {
+ _this._change.markForCheck();
+ }, 1);
+ },
+ enumerable: true,
+ configurable: true
+ });
+ Object.defineProperty(CarouselItem.prototype, "isActive", {
+ get: function() {
+ return this.state == "in";
},
enumerable: true,
configurable: true
});
- CarouselItem.prototype.ngAfterViewInit = function() {};
- CarouselItem.prototype.ngAfterContentInit = function() {};
CarouselItem.prototype.getTotalHeight = function() {
var height = this.element.clientHeight;
if (height > 1)
@@ -189,45 +195,12 @@ System.registerDynamic("fuel-ui/dist/components/Carousel/Carousel", ["@angular/c
}
return height;
};
- CarouselItem.prototype.setClasses = function(classes, isAdd) {
- var _this = this;
- classes.map(function(c) {
- _this._render.setElementClass(_this.element, c, isAdd);
- });
- };
- CarouselItem.prototype.translate = function(x) {
- this._render.setElementClass(this.element, "hide", false);
- this._render.setElementStyle(this.element, "transform", "translate(" + x + "%,0)");
- };
- CarouselItem.prototype.resetTranslation = function() {
- this._render.setElementStyle(this.element, "transform", "");
- };
- CarouselItem.prototype.slide = function(start, end) {
- var _this = this;
- var activate = end == 0;
- if (activate) {}
- this.isActive = activate;
- this._render.setElementClass(this.element, "hide", false);
- return new Promise(function(resolve, reject) {
- setTimeout(function() {
- this.isActive = activate;
- resolve();
- }, _this.duration);
- });
- };
- CarouselItem.prototype.slideOutLeft = function() {
- return this.slide(0, -100);
- };
- CarouselItem.prototype.slideOutRight = function() {
- return this.slide(0, 100);
- };
- CarouselItem.prototype.slideInLeft = function() {
- return this.slide(100, 0);
- };
- CarouselItem.prototype.slideInRight = function() {
- return this.slide(-100, 0);
- };
- CarouselItem = __decorate([core_1.Directive({selector: ".carousel-item"}), __metadata('design:paramtypes', [core_2.ElementRef, core_1.Renderer, core_3.ChangeDetectorRef])], CarouselItem);
+ CarouselItem = __decorate([core_1.Component({
+ selector: ".carousel-item",
+ changeDetection: core_3.ChangeDetectionStrategy.OnPush,
+ template: "\n
\n \n
\n ",
+ animations: [core_4.trigger("slide", [core_4.state("right", core_4.style({transform: "translate(100%,0)"})), core_4.state("in, void", core_4.style({transform: "translate(0,0)"})), core_4.state("left", core_4.style({transform: "translate(-100%, 0)"})), core_4.transition("right <=> in", [core_4.animate("300ms ease")]), core_4.transition("left <=> in", [core_4.animate("300ms ease")])])]
+ }), __metadata('design:paramtypes', [core_3.ChangeDetectorRef, core_2.ElementRef])], CarouselItem);
return CarouselItem;
}());
exports.CarouselItem = CarouselItem;
@@ -239,7 +212,6 @@ System.registerDynamic("fuel-ui/dist/components/Carousel/Carousel", ["@angular/c
this._activeIndex = 0;
this._intervalRef = null;
this.innerHeight = 0;
- this.animation = null;
this.panDirection = 0;
this.lastPanOffset = 0;
this.element = element.nativeElement;
@@ -255,7 +227,15 @@ System.registerDynamic("fuel-ui/dist/components/Carousel/Carousel", ["@angular/c
}
this._activeIndex = val;
for (var i in this.items) {
- this.items[i].isActive = (i == val.toString());
+ var itemIndex = parseInt(i);
+ if (i == val.toString())
+ this.items[i].state = "in";
+ else if (itemIndex == this.getRelativeIndex(-1))
+ this.items[i].state = "left";
+ else if (itemIndex == this.getRelativeIndex(1))
+ this.items[i].state = "right";
+ else
+ this.items[i].state = "right";
}
},
enumerable: true,
@@ -306,7 +286,6 @@ System.registerDynamic("fuel-ui/dist/components/Carousel/Carousel", ["@angular/c
}
};
Carousel.prototype.registerItems = function() {
- var _this = this;
this.items = [];
if (this.itemQuery.length == 0)
return;
@@ -316,7 +295,6 @@ System.registerDynamic("fuel-ui/dist/components/Carousel/Carousel", ["@angular/c
this.items = this.itemQuery.toArray();
this.activeIndex = this.items.reduce(function(prev, current, index) {
if (prev != -1 && current.isActive || !current.isActive) {
- current.isActive = false;
return prev;
} else
return index;
@@ -324,15 +302,12 @@ System.registerDynamic("fuel-ui/dist/components/Carousel/Carousel", ["@angular/c
if (this.activeIndex == -1)
this.activeIndex = 0;
this.updateInnerHeight();
- setTimeout(function() {
- _this.updateInnerHeight();
- }, 400);
- this._change.markForCheck();
};
Carousel.prototype.updateInnerHeight = function() {
this.innerHeight = this.items[this.activeIndex].getTotalHeight();
if (this.innerHeight < 1)
this.innerHeight = 250;
+ this._change.markForCheck();
};
Carousel.prototype.getRelativeItem = function(rel) {
if (this.items.length == 1)
@@ -357,50 +332,22 @@ System.registerDynamic("fuel-ui/dist/components/Carousel/Carousel", ["@angular/c
this.prev(item);
};
Carousel.prototype.prev = function(item) {
- var _this = this;
if (item === void 0) {
item = null;
}
- if (this.animation != null) {
- this.animation.then(function() {
- _this.prev();
- });
- return;
- }
if (this.items.length < 2)
return;
- var current = this.getRelativeItem(0);
- var prev = item != null ? item : this.getRelativeItem(-1);
- current.slideOutRight();
- prev.slideInRight().then(function() {
- _this.animation = null;
- _this.activeIndex = _this.items.indexOf(prev);
- _this.innerHeight = _this.items[_this.activeIndex].getTotalHeight();
- _this._change.markForCheck();
- });
+ this.activeIndex = this.getRelativeIndex(-1);
+ this._change.markForCheck();
};
Carousel.prototype.next = function(item) {
- var _this = this;
if (item === void 0) {
item = null;
}
- if (this.animation != null) {
- this.animation.then(function() {
- _this.next();
- });
- return;
- }
if (this.items.length < 2)
return;
- var current = this.getRelativeItem(0);
- var next = item != null ? item : this.getRelativeItem(1);
- current.slideOutLeft();
- this.animation = next.slideInLeft().then(function() {
- _this.animation = null;
- _this.activeIndex = _this.items.indexOf(next);
- _this.innerHeight = _this.items[_this.activeIndex].getTotalHeight();
- _this._change.markForCheck();
- });
+ this.activeIndex = this.getRelativeIndex(1);
+ this._change.markForCheck();
};
Carousel.prototype.swipeleft = function() {
if (this.panDirection == 0)
@@ -410,52 +357,13 @@ System.registerDynamic("fuel-ui/dist/components/Carousel/Carousel", ["@angular/c
if (this.panDirection == 0)
this.prev();
};
- Carousel.prototype.panleft = function(event) {
- if (this.panDirection == 0)
- this.panDirection = 1;
- };
- Carousel.prototype.panright = function(event) {
- if (this.panDirection == 0)
- this.panDirection = -1;
- };
- Carousel.prototype.pan = function(event) {
- event.preventDefault();
- if (this.panDirection == 0 || event.deltaX == 0)
- return;
- var current = this.getRelativeItem(0);
- var next = this.getRelativeItem(this.panDirection);
- var width = current.element.clientWidth;
- var offset = this.lastPanOffset = ((100 / width) * event.deltaX);
- var nextOffset = (100 - Math.abs(offset)) * (offset / Math.abs(offset)) * -1;
- current.translate(offset);
- next.translate(nextOffset);
- };
- Carousel.prototype.panend = function(event) {
- var _this = this;
- if (this.lastPanOffset == 0)
- return;
- var current = this.getRelativeItem(0);
- var next = this.getRelativeItem(this.panDirection);
- var offset = this.lastPanOffset;
- var nextOffset = (100 - Math.abs(offset)) * (offset / Math.abs(offset)) * -1;
- if (Math.abs(this.lastPanOffset) < 50) {
- current.slide(this.lastPanOffset, 0);
- next.slide(nextOffset, 100 * this.panDirection);
- } else {
- current.slide(this.lastPanOffset, 100 * this.panDirection);
- this.animation = next.slide(nextOffset, 0).then(function() {
- _this.animation = null;
- _this.activeIndex = _this.getRelativeIndex(_this.panDirection);
- });
- }
- this.lastPanOffset = 0;
- };
__decorate([core_3.Input(), __metadata('design:type', Number), __metadata('design:paramtypes', [Number])], Carousel.prototype, "interval", null);
__decorate([core_2.ContentChildren(CarouselItem), __metadata('design:type', core_2.QueryList)], Carousel.prototype, "itemQuery", void 0);
Carousel = __decorate([core_1.Component({
- selector: 'carousel',
+ selector: "carousel",
template: "\n \n ",
- directives: [common_1.CORE_DIRECTIVES, CarouselItem]
+ directives: [common_1.CORE_DIRECTIVES, CarouselItem],
+ changeDetection: core_3.ChangeDetectionStrategy.OnPush
}), __metadata('design:paramtypes', [core_3.ChangeDetectorRef, core_2.ElementRef])], Carousel);
return Carousel;
}());
@@ -3496,19 +3404,17 @@ System.registerDynamic("fuel-ui/dist/animations/Collapse/Collapse", ["@angular/c
var core_1 = $__require('@angular/core');
function Collapse(duration) {
if (duration === void 0) {
- duration = 350;
+ duration = 300;
}
return core_1.trigger('collapse', [core_1.state('collapsed, true, void', core_1.style({
- height: '0px',
- paddingTop: '0',
- paddingBottom: '0',
- overflow: 'hidden',
- opacity: '0'
+ height: '0',
+ opacity: '0',
+ overflow: 'hidden'
})), core_1.state('expanded, false', core_1.style({
height: '*',
- overflow: 'hidden',
- opacity: '1'
- })), core_1.transition('true <=> false, collapsed <=> expanded', [core_1.animate(duration, core_1.keyframes([core_1.style({opacity: '1'}), core_1.style({height: '*'})])), core_1.animate(duration)])]);
+ opacity: '1',
+ overflow: 'hidden'
+ })), core_1.transition('true => false, collapsed => expanded', [core_1.animate(duration + 'ms ease', core_1.keyframes([core_1.style({opacity: '1'}), core_1.style({height: '*'})]))]), core_1.transition('false => true, expanded => collapsed', [core_1.animate(duration + 'ms ease', core_1.style({height: '0'}))])]);
}
exports.Collapse = Collapse;
exports.COLLAPSE_PROVIDERS = [Collapse];
diff --git a/bundles/fuel-ui.min.css b/bundles/fuel-ui.min.css
index 08f719fb..31cbb3c7 100644
--- a/bundles/fuel-ui.min.css
+++ b/bundles/fuel-ui.min.css
@@ -1,3 +1,3 @@
.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative;direction:ltr}.noUi-base{width:100%;height:100%;position:relative;z-index:1}.noUi-origin{position:absolute;right:0;top:0;left:0;bottom:0;border-radius:2px}.noUi-handle{position:relative;z-index:1}.noUi-stacking .noUi-handle{z-index:10}.noUi-state-tap .noUi-origin{-webkit-transition:left .3s,top .3s;transition:left .3s,top .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-base,.noUi-handle{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;left:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px}.noUi-background{background:#FAFAFA;box-shadow:inset 0 1px 1px #f0f0f0}.noUi-connect{background:#3FB8AF;box-shadow:inset 0 0 3px rgba(51,51,51,.45);-webkit-transition:background 450ms;transition:background 450ms}.noUi-target{border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-target.noUi-connect{box-shadow:inset 0 0 3px rgba(51,51,51,.45),0 3px 6px -5px #BBB}.noUi-draggable{cursor:w-resize}.noUi-vertical .noUi-draggable{cursor:n-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect,[disabled].noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-origin{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{width:40px;position:absolute;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-large,.noUi-marker-sub{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:50px;top:100%;left:0;width:100%}.noUi-value-horizontal{margin-left:-20px;padding-top:20px}.noUi-value-horizontal.noUi-value-sub{padding-top:15px}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{width:15px;margin-left:20px;margin-top:-5px}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}/*! Hint.css - v2.2.1 - 2016-03-26
* http://kushagragour.in/lab/hint/
-* Copyright (c) 2016 Kushagra Gour; Licensed */[data-hint]{position:relative}[data-hint]:after,[data-hint]:before{position:absolute;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:hidden;opacity:0;z-index:1000000;pointer-events:none;-webkit-transition:.3s ease;-moz-transition:.3s ease;transition:.3s ease;-webkit-transition-delay:0s;-moz-transition-delay:0s;transition-delay:0s}[data-hint]:focus:after,[data-hint]:focus:before,[data-hint]:hover:after,[data-hint]:hover:before{visibility:visible;opacity:1;-webkit-transition-delay:.1s;-moz-transition-delay:.1s;transition-delay:.1s}[data-hint]:before{content:'';position:absolute;background:0 0;border:6px solid transparent;z-index:1000001}[data-hint]:after{content:attr(data-hint);background:#383838;color:#fff;padding:8px 10px;font-size:12px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:12px;white-space:nowrap;text-shadow:0 -1px 0 #000;box-shadow:4px 4px 8px rgba(0,0,0,.3)}[data-hint='']:after,[data-hint='']:before{display:none!important}.hint--top-left:before,.hint--top-right:before,.hint--top:before{border-top-color:#383838}.hint--bottom-left:before,.hint--bottom-right:before,.hint--bottom:before{border-bottom-color:#383838}.hint--top:after,.hint--top:before{bottom:100%;left:50%}.hint--top:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top:after{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}.hint--top:focus:before,.hint--top:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--top:focus:after,.hint--top:hover:after{-webkit-transform:translateX(-50%) translateY(-8px);-moz-transform:translateX(-50%) translateY(-8px);transform:translateX(-50%) translateY(-8px)}.hint--bottom:after,.hint--bottom:before{top:100%;left:50%}.hint--bottom:before{margin-top:-11px;left:calc(50% - 6px)}.hint--bottom:after{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}.hint--bottom:focus:before,.hint--bottom:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--bottom:focus:after,.hint--bottom:hover:after{-webkit-transform:translateX(-50%) translateY(8px);-moz-transform:translateX(-50%) translateY(8px);transform:translateX(-50%) translateY(8px)}.hint--right:before{border-right-color:#383838;margin-left:-11px;margin-bottom:-6px}.hint--right:after{margin-bottom:-14px}.hint--right:after,.hint--right:before{left:100%;bottom:50%}.hint--right:focus:after,.hint--right:focus:before,.hint--right:hover:after,.hint--right:hover:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hint--left:before{border-left-color:#383838;margin-right:-11px;margin-bottom:-6px}.hint--left:after{margin-bottom:-14px}.hint--left:after,.hint--left:before{right:100%;bottom:50%}.hint--left:focus:after,.hint--left:focus:before,.hint--left:hover:after,.hint--left:hover:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--top-left:after,.hint--top-left:before{bottom:100%;left:50%}.hint--top-left:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top-left:after{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%);margin-left:12px}.hint--top-left:focus:before,.hint--top-left:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--top-left:focus:after,.hint--top-left:hover:after{-webkit-transform:translateX(-100%) translateY(-8px);-moz-transform:translateX(-100%) translateY(-8px);transform:translateX(-100%) translateY(-8px)}.hint--top-right:after,.hint--top-right:before{bottom:100%;left:50%}.hint--top-right:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top-right:after{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);margin-left:-12px}.hint--top-right:focus:after,.hint--top-right:focus:before,.hint--top-right:hover:after,.hint--top-right:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--bottom-left:after,.hint--bottom-left:before{top:100%;left:50%}.hint--bottom-left:before{margin-top:-11px;left:calc(50% - 6px)}.hint--bottom-left:after{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%);margin-left:12px}.hint--bottom-left:focus:before,.hint--bottom-left:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--bottom-left:focus:after,.hint--bottom-left:hover:after{-webkit-transform:translateX(-100%) translateY(8px);-moz-transform:translateX(-100%) translateY(8px);transform:translateX(-100%) translateY(8px)}.hint--bottom-right:after,.hint--bottom-right:before{top:100%;left:50%}.hint--bottom-right:before{margin-top:-11px;left:calc(50% - 6px)}.hint--bottom-right:after{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);margin-left:-12px}.hint--bottom-right:focus:after,.hint--bottom-right:focus:before,.hint--bottom-right:hover:after,.hint--bottom-right:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--large:after,.hint--medium:after,.hint--small:after{white-space:normal;line-height:1.4em;text-align:center}.hint--small:after{width:80px}.hint--medium:after{width:150px}.hint--large:after{width:300px}.hint--error:after{background-color:#b34e4d;text-shadow:0 -1px 0 #592726}.hint--error.hint--top-left:before,.hint--error.hint--top-right:before,.hint--error.hint--top:before{border-top-color:#b34e4d}.hint--error.hint--bottom-left:before,.hint--error.hint--bottom-right:before,.hint--error.hint--bottom:before{border-bottom-color:#b34e4d}.hint--error.hint--left:before{border-left-color:#b34e4d}.hint--error.hint--right:before{border-right-color:#b34e4d}.hint--warning:after{background-color:#c09854;text-shadow:0 -1px 0 #6c5328}.hint--warning.hint--top-left:before,.hint--warning.hint--top-right:before,.hint--warning.hint--top:before{border-top-color:#c09854}.hint--warning.hint--bottom-left:before,.hint--warning.hint--bottom-right:before,.hint--warning.hint--bottom:before{border-bottom-color:#c09854}.hint--warning.hint--left:before{border-left-color:#c09854}.hint--warning.hint--right:before{border-right-color:#c09854}.hint--info:after{background-color:#3986ac;text-shadow:0 -1px 0 #1a3c4d}.hint--info.hint--top-left:before,.hint--info.hint--top-right:before,.hint--info.hint--top:before{border-top-color:#3986ac}.hint--info.hint--bottom-left:before,.hint--info.hint--bottom-right:before,.hint--info.hint--bottom:before{border-bottom-color:#3986ac}.hint--info.hint--left:before{border-left-color:#3986ac}.hint--info.hint--right:before{border-right-color:#3986ac}.hint--success:after{background-color:#458746;text-shadow:0 -1px 0 #1a321a}.hint--success.hint--top-left:before,.hint--success.hint--top-right:before,.hint--success.hint--top:before{border-top-color:#458746}.hint--success.hint--bottom-left:before,.hint--success.hint--bottom-right:before,.hint--success.hint--bottom:before{border-bottom-color:#458746}.hint--success.hint--left:before{border-left-color:#458746}.hint--success.hint--right:before{border-right-color:#458746}.hint--always:after,.hint--always:before{opacity:1;visibility:visible}.hint--always.hint--top:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--top:after{-webkit-transform:translateX(-50%) translateY(-8px);-moz-transform:translateX(-50%) translateY(-8px);transform:translateX(-50%) translateY(-8px)}.hint--always.hint--top-left:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--top-left:after{-webkit-transform:translateX(-100%) translateY(-8px);-moz-transform:translateX(-100%) translateY(-8px);transform:translateX(-100%) translateY(-8px)}.hint--always.hint--top-right:after,.hint--always.hint--top-right:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--bottom:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--bottom:after{-webkit-transform:translateX(-50%) translateY(8px);-moz-transform:translateX(-50%) translateY(8px);transform:translateX(-50%) translateY(8px)}.hint--always.hint--bottom-left:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--bottom-left:after{-webkit-transform:translateX(-100%) translateY(8px);-moz-transform:translateX(-100%) translateY(8px);transform:translateX(-100%) translateY(8px)}.hint--always.hint--bottom-right:after,.hint--always.hint--bottom-right:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--left:after,.hint--always.hint--left:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--always.hint--right:after,.hint--always.hint--right:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hint--rounded:after{border-radius:4px}.hint--no-animate:after,.hint--no-animate:before{-webkit-transition-duration:0s;-moz-transition-duration:0s;transition-duration:0s}.hint--bounce:after,.hint--bounce:before{-webkit-transition:opacity .3s ease,visibility .3s ease,-webkit-transform .3s cubic-bezier(.71,1.7,.77,1.24);-moz-transition:opacity .3s ease,visibility .3s ease,-moz-transform .3s cubic-bezier(.71,1.7,.77,1.24);transition:opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(.71,1.7,.77,1.24)}.fuel-ui-accordion{background-color:#fff;border:1px solid #ddd;border-radius:4px}.fuel-ui-accordion .fuel-ui-accordion-heading{background-color:#f5f5f5;border-bottom:1px solid #ddd;border-top-left-radius:3px;border-top-right-radius:3px;color:#333;padding:10px 15px}.fuel-ui-accordion .fuel-ui-accordion-heading.text-muted{color:#818a91!important}.fuel-ui-accordion .fuel-ui-accordion-body{padding:15px}.fuel-ui-alert-fade-in{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:1s;-moz-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease;-moz-animation-timing-function:ease;animation-timing-function:ease}.carousel{background-color:#818a91}.carousel-item{position:absolute!important;left:0;top:0;width:100%;display:block!important;overflow:hidden;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform}.carousel-item img{width:100%;pointer-events:none}.carousel-item.hide{display:none!important}.carousel-item.active{display:block!important;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.carousel-item.out-left{-webkit-transform:translate(-100%,0);-moz-transform:translate(-100%,0);-ms-transform:translate(-100%,0);-o-transform:translate(-100%,0);transform:translate(-100%,0)}.carousel-item.out-right{-webkit-transform:translate(100%,0);-moz-transform:translate(100%,0);-ms-transform:translate(100%,0);-o-transform:translate(100%,0);transform:translate(100%,0)}.date-picker-overlay{background-color:transparent;display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:900}@media (max-width:480px),screen and (max-device-width:480px){.date-picker-overlay{background-color:#55595c;opacity:.75}}.date-picker-content{position:relative;top:0;left:0}.fuel-ui-datepicker-input-group .form-control[readonly],.fuel-ui-datepicker-input-group input:read-only{background-color:#fff!important}.fuel-ui-datepicker-input-group .input-group-addon{background-color:#fff!important}.date-picker-component{border:1px solid #eceeef;z-index:1000;background-color:#fff;font-size:.75rem;position:absolute;width:350px;height:auto;top:0;left:0;overflow:hidden;border-radius:.3rem;-webkit-transition:all .1s ease;-moz-transition:all .1s ease;transition:all .1s ease}@media (max-width:480px),screen and (max-device-width:480px){.date-picker-component{width:90%;height:90%;position:fixed;top:5%;left:5%}}.date-picker-component .input-group{z-index:110}.date-picker-component .container{height:100%}@media (max-width:480px),screen and (max-device-width:480px){.date-picker-component .container .calendar-container{height:91%}}.date-picker-component .container header{position:relative;top:0;left:0;vertical-align:middle;background-color:#fff}.date-picker-component .container header .days-of-week{background-color:#0275d8;color:#fff}.date-picker-component .container header table{border-top:none!important}.date-picker-component .container header table td,.date-picker-component .container header table th{text-align:center}.date-picker-component .container header button{border:none;border-radius:0;color:#0275d8;background-color:#fff;width:15%}.date-picker-component .container header button:active{background-color:#eceeef}.date-picker-component .container header button.button-disable{color:#eceeef;cursor:default}.date-picker-component .container header .date-range{width:70%}.date-picker-component .container header .date-range span{background-color:#eceeef;border-left:none;border-right:none}.date-picker-component .container header .input-group-addon{border:none;background-color:#fff!important}.date-picker-component .container header input{border:none;display:inline-block;margin:1px auto 0;cursor:pointer;background-color:#fff!important}.date-picker-component .container header .form-control[readonly],.date-picker-component .container header input:read-only{background-color:#fff!important}.date-picker-component .container header input.target{color:#0275d8}.date-picker-component .container header input.target::-webkit-input-placeholder{color:#0275d8}.date-picker-component .container header input.target::-moz-placeholder{color:#0275d8}.date-picker-component .container header input.target:-moz-placeholder{color:#0275d8}.date-picker-component .container header input.target:-ms-input-placeholder{color:#0275d8}.fuel-ui-datepicker-calendar .table{font-size:.75rem;border:none;border-top:1px solid #eceeef;background-color:#fff;border-collapse:collapse}.fuel-ui-datepicker-calendar .table .calendar-date{z-index:200;background-color:transparent}.fuel-ui-datepicker-calendar .table tr{border:none}.fuel-ui-datepicker-calendar .table td,.fuel-ui-datepicker-calendar .table th{text-align:center;vertical-align:middle;font-size:.75rem;padding:.1rem;height:1.75rem;border:none;position:relative}@media (max-width:480px),screen and (max-device-width:480px){.fuel-ui-datepicker-calendar .table td,.fuel-ui-datepicker-calendar .table th{padding:.5rem;font-size:1rem}}.fuel-ui-datepicker-calendar .table td.selectable{cursor:pointer!important}.fuel-ui-datepicker-calendar .table td.selectable:hover{background-color:#0275d8;color:#fff}.fuel-ui-datepicker-calendar .table td.selected{background-color:#99c4e9;color:#fff}.fuel-ui-datepicker-calendar .table td.disabled{color:#c9c9c9}.fuel-ui-datepicker-calendar .table td.endDate,.fuel-ui-datepicker-calendar .table td.startDate{background-color:#0275d8;color:#fff}.fuel-ui-datepicker-calendar .table td.endDate:before,.fuel-ui-datepicker-calendar .table td.startDate:after{content:'';position:absolute;top:0;bottom:0;width:0;background-color:transparent;border-top:1.1em solid #99c4e9;border-bottom:1.1em solid #99c4e9}.fuel-ui-datepicker-calendar .table td.startDate:after{right:0;border-left:1em solid transparent}.fuel-ui-datepicker-calendar .table td.endDate:before{left:0;border-right:1em solid transparent}.fuel-ui-modal-fade-in{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;animation-name:fadeInDown;-webkit-animation-duration:1s;-moz-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease;-moz-animation-timing-function:ease;animation-timing-function:ease}.fuel-ui-pagination a{cursor:pointer}.fuel-ui-pagination a:hover{text-decoration:none}.fuel-ui-table-sortable>thead>tr>th{cursor:pointer;position:relative;background-image:none;white-space:nowrap}.fuel-ui-table-sortable>thead>tr>th .sort-asc:after,.fuel-ui-table-sortable>thead>tr>th .sort-desc:after,.fuel-ui-table-sortable>thead>tr>th:after{font-family:FontAwesome;padding-left:5px}.fuel-ui-table-sortable>thead>tr>th:after{content:"\f0dc";color:#ddd}.fuel-ui-table-sortable>thead>tr>th.sort-asc:after{content:"\f0de";color:#767676}.fuel-ui-table-sortable>thead>tr>th.sort-desc:after{content:"\f0dd";color:#767676}.fuel-ui-tag-label{margin:0 .25em}.fuel-ui-tag-label.disabled{cursor:not-allowed;background:#818a91;color:#a9a9a9}.fuel-ui-timepicker .fuel-ui-time.has-error input,.fuel-ui-timepicker.has-error{border:1px solid red}.fuel-ui-timepicker .fuel-ui-time input{width:50px}.fuel-ui-clickable{cursor:pointer}.fuel-ui-clickable.disabled{cursor:not-allowed}
\ No newline at end of file
+* Copyright (c) 2016 Kushagra Gour; Licensed */[data-hint]{position:relative}[data-hint]:after,[data-hint]:before{position:absolute;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:hidden;opacity:0;z-index:1000000;pointer-events:none;-webkit-transition:.3s ease;-moz-transition:.3s ease;transition:.3s ease;-webkit-transition-delay:0s;-moz-transition-delay:0s;transition-delay:0s}[data-hint]:focus:after,[data-hint]:focus:before,[data-hint]:hover:after,[data-hint]:hover:before{visibility:visible;opacity:1;-webkit-transition-delay:.1s;-moz-transition-delay:.1s;transition-delay:.1s}[data-hint]:before{content:'';position:absolute;background:0 0;border:6px solid transparent;z-index:1000001}[data-hint]:after{content:attr(data-hint);background:#383838;color:#fff;padding:8px 10px;font-size:12px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:12px;white-space:nowrap;text-shadow:0 -1px 0 #000;box-shadow:4px 4px 8px rgba(0,0,0,.3)}[data-hint='']:after,[data-hint='']:before{display:none!important}.hint--top-left:before,.hint--top-right:before,.hint--top:before{border-top-color:#383838}.hint--bottom-left:before,.hint--bottom-right:before,.hint--bottom:before{border-bottom-color:#383838}.hint--top:after,.hint--top:before{bottom:100%;left:50%}.hint--top:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top:after{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}.hint--top:focus:before,.hint--top:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--top:focus:after,.hint--top:hover:after{-webkit-transform:translateX(-50%) translateY(-8px);-moz-transform:translateX(-50%) translateY(-8px);transform:translateX(-50%) translateY(-8px)}.hint--bottom:after,.hint--bottom:before{top:100%;left:50%}.hint--bottom:before{margin-top:-11px;left:calc(50% - 6px)}.hint--bottom:after{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}.hint--bottom:focus:before,.hint--bottom:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--bottom:focus:after,.hint--bottom:hover:after{-webkit-transform:translateX(-50%) translateY(8px);-moz-transform:translateX(-50%) translateY(8px);transform:translateX(-50%) translateY(8px)}.hint--right:before{border-right-color:#383838;margin-left:-11px;margin-bottom:-6px}.hint--right:after{margin-bottom:-14px}.hint--right:after,.hint--right:before{left:100%;bottom:50%}.hint--right:focus:after,.hint--right:focus:before,.hint--right:hover:after,.hint--right:hover:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hint--left:before{border-left-color:#383838;margin-right:-11px;margin-bottom:-6px}.hint--left:after{margin-bottom:-14px}.hint--left:after,.hint--left:before{right:100%;bottom:50%}.hint--left:focus:after,.hint--left:focus:before,.hint--left:hover:after,.hint--left:hover:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--top-left:after,.hint--top-left:before{bottom:100%;left:50%}.hint--top-left:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top-left:after{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%);margin-left:12px}.hint--top-left:focus:before,.hint--top-left:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--top-left:focus:after,.hint--top-left:hover:after{-webkit-transform:translateX(-100%) translateY(-8px);-moz-transform:translateX(-100%) translateY(-8px);transform:translateX(-100%) translateY(-8px)}.hint--top-right:after,.hint--top-right:before{bottom:100%;left:50%}.hint--top-right:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top-right:after{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);margin-left:-12px}.hint--top-right:focus:after,.hint--top-right:focus:before,.hint--top-right:hover:after,.hint--top-right:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--bottom-left:after,.hint--bottom-left:before{top:100%;left:50%}.hint--bottom-left:before{margin-top:-11px;left:calc(50% - 6px)}.hint--bottom-left:after{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%);margin-left:12px}.hint--bottom-left:focus:before,.hint--bottom-left:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--bottom-left:focus:after,.hint--bottom-left:hover:after{-webkit-transform:translateX(-100%) translateY(8px);-moz-transform:translateX(-100%) translateY(8px);transform:translateX(-100%) translateY(8px)}.hint--bottom-right:after,.hint--bottom-right:before{top:100%;left:50%}.hint--bottom-right:before{margin-top:-11px;left:calc(50% - 6px)}.hint--bottom-right:after{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);margin-left:-12px}.hint--bottom-right:focus:after,.hint--bottom-right:focus:before,.hint--bottom-right:hover:after,.hint--bottom-right:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--large:after,.hint--medium:after,.hint--small:after{white-space:normal;line-height:1.4em;text-align:center}.hint--small:after{width:80px}.hint--medium:after{width:150px}.hint--large:after{width:300px}.hint--error:after{background-color:#b34e4d;text-shadow:0 -1px 0 #592726}.hint--error.hint--top-left:before,.hint--error.hint--top-right:before,.hint--error.hint--top:before{border-top-color:#b34e4d}.hint--error.hint--bottom-left:before,.hint--error.hint--bottom-right:before,.hint--error.hint--bottom:before{border-bottom-color:#b34e4d}.hint--error.hint--left:before{border-left-color:#b34e4d}.hint--error.hint--right:before{border-right-color:#b34e4d}.hint--warning:after{background-color:#c09854;text-shadow:0 -1px 0 #6c5328}.hint--warning.hint--top-left:before,.hint--warning.hint--top-right:before,.hint--warning.hint--top:before{border-top-color:#c09854}.hint--warning.hint--bottom-left:before,.hint--warning.hint--bottom-right:before,.hint--warning.hint--bottom:before{border-bottom-color:#c09854}.hint--warning.hint--left:before{border-left-color:#c09854}.hint--warning.hint--right:before{border-right-color:#c09854}.hint--info:after{background-color:#3986ac;text-shadow:0 -1px 0 #1a3c4d}.hint--info.hint--top-left:before,.hint--info.hint--top-right:before,.hint--info.hint--top:before{border-top-color:#3986ac}.hint--info.hint--bottom-left:before,.hint--info.hint--bottom-right:before,.hint--info.hint--bottom:before{border-bottom-color:#3986ac}.hint--info.hint--left:before{border-left-color:#3986ac}.hint--info.hint--right:before{border-right-color:#3986ac}.hint--success:after{background-color:#458746;text-shadow:0 -1px 0 #1a321a}.hint--success.hint--top-left:before,.hint--success.hint--top-right:before,.hint--success.hint--top:before{border-top-color:#458746}.hint--success.hint--bottom-left:before,.hint--success.hint--bottom-right:before,.hint--success.hint--bottom:before{border-bottom-color:#458746}.hint--success.hint--left:before{border-left-color:#458746}.hint--success.hint--right:before{border-right-color:#458746}.hint--always:after,.hint--always:before{opacity:1;visibility:visible}.hint--always.hint--top:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--top:after{-webkit-transform:translateX(-50%) translateY(-8px);-moz-transform:translateX(-50%) translateY(-8px);transform:translateX(-50%) translateY(-8px)}.hint--always.hint--top-left:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--top-left:after{-webkit-transform:translateX(-100%) translateY(-8px);-moz-transform:translateX(-100%) translateY(-8px);transform:translateX(-100%) translateY(-8px)}.hint--always.hint--top-right:after,.hint--always.hint--top-right:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--bottom:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--bottom:after{-webkit-transform:translateX(-50%) translateY(8px);-moz-transform:translateX(-50%) translateY(8px);transform:translateX(-50%) translateY(8px)}.hint--always.hint--bottom-left:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--bottom-left:after{-webkit-transform:translateX(-100%) translateY(8px);-moz-transform:translateX(-100%) translateY(8px);transform:translateX(-100%) translateY(8px)}.hint--always.hint--bottom-right:after,.hint--always.hint--bottom-right:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--left:after,.hint--always.hint--left:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--always.hint--right:after,.hint--always.hint--right:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hint--rounded:after{border-radius:4px}.hint--no-animate:after,.hint--no-animate:before{-webkit-transition-duration:0s;-moz-transition-duration:0s;transition-duration:0s}.hint--bounce:after,.hint--bounce:before{-webkit-transition:opacity .3s ease,visibility .3s ease,-webkit-transform .3s cubic-bezier(.71,1.7,.77,1.24);-moz-transition:opacity .3s ease,visibility .3s ease,-moz-transform .3s cubic-bezier(.71,1.7,.77,1.24);transition:opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(.71,1.7,.77,1.24)}.fuel-ui-accordion{background-color:#fff;border:1px solid #ddd;border-radius:4px}.fuel-ui-accordion .fuel-ui-accordion-heading{background-color:#f5f5f5;border-bottom:1px solid #ddd;border-top-left-radius:3px;border-top-right-radius:3px;color:#333;padding:10px 15px}.fuel-ui-accordion .fuel-ui-accordion-heading.text-muted{color:#818a91!important}.fuel-ui-accordion .fuel-ui-accordion-body{padding:15px}.fuel-ui-alert-fade-in{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:1s;-moz-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease;-moz-animation-timing-function:ease;animation-timing-function:ease}.carousel{background-color:#818a91}.carousel-item{position:absolute!important;left:0;top:0;width:100%;display:block!important;overflow:hidden}.carousel-item .item-content img{width:100%;pointer-events:none}.date-picker-overlay{background-color:transparent;display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:900}@media (max-width:480px),screen and (max-device-width:480px){.date-picker-overlay{background-color:#55595c;opacity:.75}}.date-picker-content{position:relative;top:0;left:0}.fuel-ui-datepicker-input-group .form-control[readonly],.fuel-ui-datepicker-input-group input:read-only{background-color:#fff!important}.fuel-ui-datepicker-input-group .input-group-addon{background-color:#fff!important}.date-picker-component{border:1px solid #eceeef;z-index:1000;background-color:#fff;font-size:.75rem;position:absolute;width:350px;height:auto;top:0;left:0;overflow:hidden;border-radius:.3rem;-webkit-transition:all .1s ease;-moz-transition:all .1s ease;transition:all .1s ease}@media (max-width:480px),screen and (max-device-width:480px){.date-picker-component{width:90%;height:90%;position:fixed;top:5%;left:5%}}.date-picker-component .input-group{z-index:110}.date-picker-component .container{height:100%}@media (max-width:480px),screen and (max-device-width:480px){.date-picker-component .container .calendar-container{height:91%}}.date-picker-component .container header{position:relative;top:0;left:0;vertical-align:middle;background-color:#fff}.date-picker-component .container header .days-of-week{background-color:#0275d8;color:#fff}.date-picker-component .container header table{border-top:none!important}.date-picker-component .container header table td,.date-picker-component .container header table th{text-align:center}.date-picker-component .container header button{border:none;border-radius:0;color:#0275d8;background-color:#fff;width:15%}.date-picker-component .container header button:active{background-color:#eceeef}.date-picker-component .container header button.button-disable{color:#eceeef;cursor:default}.date-picker-component .container header .date-range{width:70%}.date-picker-component .container header .date-range span{background-color:#eceeef;border-left:none;border-right:none}.date-picker-component .container header .input-group-addon{border:none;background-color:#fff!important}.date-picker-component .container header input{border:none;display:inline-block;margin:1px auto 0;cursor:pointer;background-color:#fff!important}.date-picker-component .container header .form-control[readonly],.date-picker-component .container header input:read-only{background-color:#fff!important}.date-picker-component .container header input.target{color:#0275d8}.date-picker-component .container header input.target::-webkit-input-placeholder{color:#0275d8}.date-picker-component .container header input.target::-moz-placeholder{color:#0275d8}.date-picker-component .container header input.target:-moz-placeholder{color:#0275d8}.date-picker-component .container header input.target:-ms-input-placeholder{color:#0275d8}.fuel-ui-datepicker-calendar .table{font-size:.75rem;border:none;border-top:1px solid #eceeef;background-color:#fff;border-collapse:collapse}.fuel-ui-datepicker-calendar .table .calendar-date{z-index:200;background-color:transparent}.fuel-ui-datepicker-calendar .table tr{border:none}.fuel-ui-datepicker-calendar .table td,.fuel-ui-datepicker-calendar .table th{text-align:center;vertical-align:middle;font-size:.75rem;padding:.1rem;height:1.75rem;border:none;position:relative}@media (max-width:480px),screen and (max-device-width:480px){.fuel-ui-datepicker-calendar .table td,.fuel-ui-datepicker-calendar .table th{padding:.5rem;font-size:1rem}}.fuel-ui-datepicker-calendar .table td.selectable{cursor:pointer!important}.fuel-ui-datepicker-calendar .table td.selectable:hover{background-color:#0275d8;color:#fff}.fuel-ui-datepicker-calendar .table td.selected{background-color:#99c4e9;color:#fff}.fuel-ui-datepicker-calendar .table td.disabled{color:#c9c9c9}.fuel-ui-datepicker-calendar .table td.endDate,.fuel-ui-datepicker-calendar .table td.startDate{background-color:#0275d8;color:#fff}.fuel-ui-datepicker-calendar .table td.endDate:before,.fuel-ui-datepicker-calendar .table td.startDate:after{content:'';position:absolute;top:0;bottom:0;width:0;background-color:transparent;border-top:1.1em solid #99c4e9;border-bottom:1.1em solid #99c4e9}.fuel-ui-datepicker-calendar .table td.startDate:after{right:0;border-left:1em solid transparent}.fuel-ui-datepicker-calendar .table td.endDate:before{left:0;border-right:1em solid transparent}.fuel-ui-modal-fade-in{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;animation-name:fadeInDown;-webkit-animation-duration:1s;-moz-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease;-moz-animation-timing-function:ease;animation-timing-function:ease}.fuel-ui-pagination a{cursor:pointer}.fuel-ui-pagination a:hover{text-decoration:none}.fuel-ui-table-sortable>thead>tr>th{cursor:pointer;position:relative;background-image:none;white-space:nowrap}.fuel-ui-table-sortable>thead>tr>th .sort-asc:after,.fuel-ui-table-sortable>thead>tr>th .sort-desc:after,.fuel-ui-table-sortable>thead>tr>th:after{font-family:FontAwesome;padding-left:5px}.fuel-ui-table-sortable>thead>tr>th:after{content:"\f0dc";color:#ddd}.fuel-ui-table-sortable>thead>tr>th.sort-asc:after{content:"\f0de";color:#767676}.fuel-ui-table-sortable>thead>tr>th.sort-desc:after{content:"\f0dd";color:#767676}.fuel-ui-tag-label{margin:0 .25em}.fuel-ui-tag-label.disabled{cursor:not-allowed;background:#818a91;color:#a9a9a9}.fuel-ui-timepicker .fuel-ui-time.has-error input,.fuel-ui-timepicker.has-error{border:1px solid red}.fuel-ui-timepicker .fuel-ui-time input{width:50px}.fuel-ui-clickable{cursor:pointer}.fuel-ui-clickable.disabled{cursor:not-allowed}
\ No newline at end of file
diff --git a/bundles/fuel-ui.min.js b/bundles/fuel-ui.min.js
index 327b8749..a778f951 100644
--- a/bundles/fuel-ui.min.js
+++ b/bundles/fuel-ui.min.js
@@ -1,6 +1,6 @@
-System.registerDynamic("fuel-ui/dist/components/Accordion/AccordionItem",["@angular/core","@angular/common","../../animations/Collapse/Collapse","./Accordion"],!0,function($__require,exports,module){"use strict";var __decorate=this&&this.__decorate||function(decorators,target,key,desc){var d,c=arguments.length,r=3>c?target:null===desc?desc=Object.getOwnPropertyDescriptor(target,key):desc;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)(d=decorators[i])&&(r=(3>c?d(r):c>3?d(target,key,r):d(target,key))||r);return c>3&&r&&Object.defineProperty(target,key,r),r},__metadata=this&&this.__metadata||function(k,v){return"object"==typeof Reflect&&"function"==typeof Reflect.metadata?Reflect.metadata(k,v):void 0},core_1=$__require("@angular/core"),common_1=$__require("@angular/common"),Collapse_1=$__require("../../animations/Collapse/Collapse"),Accordion_1=$__require("./Accordion"),AccordionItem=function(){function AccordionItem(accordion){this.disabled=!1,this._open=!1,this.openChange=new core_1.EventEmitter,this.accordion=accordion}return Object.defineProperty(AccordionItem.prototype,"open",{get:function(){return this._open},set:function(value){this._open=value,value&&this.accordion.closeOtherItems(this)},enumerable:!0,configurable:!0}),AccordionItem.prototype.ngOnInit=function(){this.accordion.addItem(this)},AccordionItem.prototype.ngOnDestroy=function(){this.accordion.removeItem(this)},AccordionItem.prototype.toggleOpen=function(event){event.preventDefault(),this.disabled||(this.open=!this.open,this.openChange.next(this.open))},__decorate([core_1.Input(),__metadata("design:type",String)],AccordionItem.prototype,"heading",void 0),__decorate([core_1.Input(),__metadata("design:type",Boolean)],AccordionItem.prototype,"disabled",void 0),__decorate([core_1.Input(),__metadata("design:type",Boolean)],AccordionItem.prototype,"open",null),__decorate([core_1.Output(),__metadata("design:type",Object)],AccordionItem.prototype,"openChange",void 0),AccordionItem=__decorate([core_1.Component({selector:"accordion-item, [accordion-item]",directives:[common_1.NgClass],template:'\n \n {{heading}} \n \n \n
\n \n \n
\n ',animations:[Collapse_1.Collapse(350)]}),__metadata("design:paramtypes",[Accordion_1.Accordion])],AccordionItem)}();return exports.AccordionItem=AccordionItem,exports.ACCORDION_PROVIDERS=[Accordion_1.Accordion,AccordionItem],module.exports}),System.registerDynamic("fuel-ui/dist/components/Alert/Alert",["@angular/core","@angular/common"],!0,function($__require,exports,module){"use strict";var __decorate=this&&this.__decorate||function(decorators,target,key,desc){var d,c=arguments.length,r=3>c?target:null===desc?desc=Object.getOwnPropertyDescriptor(target,key):desc;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)(d=decorators[i])&&(r=(3>c?d(r):c>3?d(target,key,r):d(target,key))||r);return c>3&&r&&Object.defineProperty(target,key,r),r},__metadata=this&&this.__metadata||function(k,v){return"object"==typeof Reflect&&"function"==typeof Reflect.metadata?Reflect.metadata(k,v):void 0},core_1=$__require("@angular/core"),common_1=$__require("@angular/common"),Alert=function(){function Alert(el){this.displayed=!1,this.closeButton=!0,this.type="success",this.displayedChange=new core_1.EventEmitter,this._el=el.nativeElement}return Alert.prototype.getElement=function(){return this._el},Alert.prototype.close=function(){this.displayed=!1,this.displayedChange.next(null)},__decorate([core_1.Input(),__metadata("design:type",Boolean)],Alert.prototype,"displayed",void 0),__decorate([core_1.Input(),__metadata("design:type",Boolean)],Alert.prototype,"closeButton",void 0),__decorate([core_1.Input(),__metadata("design:type",String)],Alert.prototype,"type",void 0),__decorate([core_1.Output(),__metadata("design:type",Object)],Alert.prototype,"displayedChange",void 0),Alert=__decorate([core_1.Component({selector:"alert",template:'\n \n \n × \n Close \n \n \n
\n ',directives:[common_1.CORE_DIRECTIVES]}),__metadata("design:paramtypes",[core_1.ElementRef])],Alert)}();return exports.Alert=Alert,exports.ALERT_PROVIDERS=[Alert],module.exports}),System.registerDynamic("fuel-ui/dist/components/Carousel/Carousel",["@angular/core","@angular/common"],!0,function($__require,exports,module){"use strict";var __decorate=this&&this.__decorate||function(decorators,target,key,desc){var d,c=arguments.length,r=3>c?target:null===desc?desc=Object.getOwnPropertyDescriptor(target,key):desc;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)(d=decorators[i])&&(r=(3>c?d(r):c>3?d(target,key,r):d(target,key))||r);return c>3&&r&&Object.defineProperty(target,key,r),r},__metadata=this&&this.__metadata||function(k,v){return"object"==typeof Reflect&&"function"==typeof Reflect.metadata?Reflect.metadata(k,v):void 0},core_1=$__require("@angular/core"),core_2=$__require("@angular/core"),core_3=$__require("@angular/core"),common_1=$__require("@angular/common"),CarouselItem=function(){function CarouselItem(element,_render,_change){this._render=_render,this._change=_change,this.id=0,this.duration=250,this.element=element.nativeElement}return Object.defineProperty(CarouselItem.prototype,"isActive",{get:function(){return this._isActive},set:function(value){this._isActive=value,this._render.setElementClass(this.element,"active",value),this._render.setElementClass(this.element,"hide",!value),this.setClasses(["out-left","out-right"],!1)},enumerable:!0,configurable:!0}),CarouselItem.prototype.ngAfterViewInit=function(){},CarouselItem.prototype.ngAfterContentInit=function(){},CarouselItem.prototype.getTotalHeight=function(){var height=this.element.clientHeight;if(height>1)return height;for(var child=this.element.firstElementChild;null!=child;)height+=child.offsetHeight,child=child.nextElementSibling;return height},CarouselItem.prototype.setClasses=function(classes,isAdd){var _this=this;classes.map(function(c){_this._render.setElementClass(_this.element,c,isAdd)})},CarouselItem.prototype.translate=function(x){this._render.setElementClass(this.element,"hide",!1),this._render.setElementStyle(this.element,"transform","translate("+x+"%,0)")},CarouselItem.prototype.resetTranslation=function(){this._render.setElementStyle(this.element,"transform","")},CarouselItem.prototype.slide=function(start,end){var _this=this,activate=0==end;return this.isActive=activate,this._render.setElementClass(this.element,"hide",!1),new Promise(function(resolve,reject){setTimeout(function(){this.isActive=activate,resolve()},_this.duration)})},CarouselItem.prototype.slideOutLeft=function(){return this.slide(0,-100)},CarouselItem.prototype.slideOutRight=function(){return this.slide(0,100)},CarouselItem.prototype.slideInLeft=function(){return this.slide(100,0)},CarouselItem.prototype.slideInRight=function(){return this.slide(-100,0)},CarouselItem=__decorate([core_1.Directive({selector:".carousel-item"}),__metadata("design:paramtypes",[core_2.ElementRef,core_1.Renderer,core_3.ChangeDetectorRef])],CarouselItem)}();exports.CarouselItem=CarouselItem;var Carousel=function(){function Carousel(_change,element){this._change=_change,this.hammerInitialized=!1,this.items=[],this._activeIndex=0,this._intervalRef=null,this.innerHeight=0,this.animation=null,this.panDirection=0,this.lastPanOffset=0,this.element=element.nativeElement}return Object.defineProperty(Carousel.prototype,"activeIndex",{get:function(){return this._activeIndex},set:function(val){if(0==this.items.length)return void(this._activeIndex=-1);this._activeIndex=val;for(var i in this.items)this.items[i].isActive=i==val.toString()},enumerable:!0,configurable:!0}),Object.defineProperty(Carousel.prototype,"interval",{set:function(val){var _this=this;null!=this._intervalRef&&(clearInterval(this._intervalRef),this._intervalRef=null),val>0&&setInterval(function(){_this.next()},val)},enumerable:!0,configurable:!0}),Carousel.prototype.ngAfterContentInit=function(){var _this=this;this.itemQuery.changes.subscribe(function(){return _this.registerItems()}),this.registerItems()},Carousel.prototype.ngAfterContentChecked=function(){this.updateInnerHeight()},Carousel.prototype.ngAfterViewInit=function(){var _this=this;if(!this.hammerInitialized&&"undefined"!=typeof Hammer){var hammer=new Hammer(this.element);hammer.on("swiperight",function(ev){_this.prev()}),hammer.on("swipeleft",function(ev){_this.next()}),this.hammerInitialized=!0}},Carousel.prototype.ngOnDestroy=function(){null!=this._intervalRef&&(clearInterval(this._intervalRef),this._intervalRef=null)},Carousel.prototype.registerItems=function(){var _this=this;if(this.items=[],0!=this.itemQuery.length){var itemArray=this.itemQuery.toArray();for(var i in itemArray)itemArray[i].id=i;this.items=this.itemQuery.toArray(),this.activeIndex=this.items.reduce(function(prev,current,index){return-1!=prev&¤t.isActive||!current.isActive?(current.isActive=!1,prev):index},-1),-1==this.activeIndex&&(this.activeIndex=0),this.updateInnerHeight(),setTimeout(function(){_this.updateInnerHeight()},400),this._change.markForCheck()}},Carousel.prototype.updateInnerHeight=function(){this.innerHeight=this.items[this.activeIndex].getTotalHeight(),this.innerHeight<1&&(this.innerHeight=250)},Carousel.prototype.getRelativeItem=function(rel){return 1==this.items.length?this.items[0]:this.items[this.getRelativeIndex(rel)]},Carousel.prototype.getRelativeIndex=function(rel){var target=this.activeIndex+rel;return 0==this.items.length?null:(0>target?target=this.items.length-1:target>this.items.length-1&&(target=0),target)},Carousel.prototype.navigateTo=function(item){var index=this.items.indexOf(item);index>this.activeIndex?this.next(item):this.prev(item)},Carousel.prototype.prev=function(item){var _this=this;if(void 0===item&&(item=null),null!=this.animation)return void this.animation.then(function(){_this.prev()});if(!(this.items.length<2)){var current=this.getRelativeItem(0),prev=null!=item?item:this.getRelativeItem(-1);current.slideOutRight(),prev.slideInRight().then(function(){_this.animation=null,_this.activeIndex=_this.items.indexOf(prev),_this.innerHeight=_this.items[_this.activeIndex].getTotalHeight(),_this._change.markForCheck()})}},Carousel.prototype.next=function(item){var _this=this;if(void 0===item&&(item=null),null!=this.animation)return void this.animation.then(function(){_this.next()});if(!(this.items.length<2)){var current=this.getRelativeItem(0),next=null!=item?item:this.getRelativeItem(1);current.slideOutLeft(),this.animation=next.slideInLeft().then(function(){_this.animation=null,_this.activeIndex=_this.items.indexOf(next),_this.innerHeight=_this.items[_this.activeIndex].getTotalHeight(),_this._change.markForCheck()})}},Carousel.prototype.swipeleft=function(){0==this.panDirection&&this.next()},Carousel.prototype.swiperight=function(){0==this.panDirection&&this.prev()},Carousel.prototype.panleft=function(event){0==this.panDirection&&(this.panDirection=1)},Carousel.prototype.panright=function(event){0==this.panDirection&&(this.panDirection=-1)},Carousel.prototype.pan=function(event){if(event.preventDefault(),0!=this.panDirection&&0!=event.deltaX){var current=this.getRelativeItem(0),next=this.getRelativeItem(this.panDirection),width=current.element.clientWidth,offset=this.lastPanOffset=100/width*event.deltaX,nextOffset=(100-Math.abs(offset))*(offset/Math.abs(offset))*-1;current.translate(offset),next.translate(nextOffset)}},Carousel.prototype.panend=function(event){var _this=this;if(0!=this.lastPanOffset){var current=this.getRelativeItem(0),next=this.getRelativeItem(this.panDirection),offset=this.lastPanOffset,nextOffset=(100-Math.abs(offset))*(offset/Math.abs(offset))*-1;Math.abs(this.lastPanOffset)<50?(current.slide(this.lastPanOffset,0),next.slide(nextOffset,100*this.panDirection)):(current.slide(this.lastPanOffset,100*this.panDirection),this.animation=next.slide(nextOffset,0).then(function(){_this.animation=null,_this.activeIndex=_this.getRelativeIndex(_this.panDirection)})),this.lastPanOffset=0}},__decorate([core_3.Input(),__metadata("design:type",Number),__metadata("design:paramtypes",[Number])],Carousel.prototype,"interval",null),__decorate([core_2.ContentChildren(CarouselItem),__metadata("design:type",core_2.QueryList)],Carousel.prototype,"itemQuery",void 0),Carousel=__decorate([core_1.Component({selector:"carousel",template:'\n \n ',directives:[common_1.CORE_DIRECTIVES,CarouselItem]}),__metadata("design:paramtypes",[core_3.ChangeDetectorRef,core_2.ElementRef])],Carousel)}();return exports.Carousel=Carousel,exports.CAROUSEL_PROVIDERS=[Carousel,CarouselItem],module.exports}),System.registerDynamic("fuel-ui/dist/components/DatePicker/DatePicker",["@angular/core","@angular/common","./DatePickerCalendar","./DatePickerField","../InfiniteScroller/InfiniteScroller","../../utilities/DetectionUtils","../../utilities/utilities"],!0,function($__require,exports,module){"use strict";var __decorate=this&&this.__decorate||function(decorators,target,key,desc){var d,c=arguments.length,r=3>c?target:null===desc?desc=Object.getOwnPropertyDescriptor(target,key):desc;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)(d=decorators[i])&&(r=(3>c?d(r):c>3?d(target,key,r):d(target,key))||r);return c>3&&r&&Object.defineProperty(target,key,r),r},__metadata=this&&this.__metadata||function(k,v){return"object"==typeof Reflect&&"function"==typeof Reflect.metadata?Reflect.metadata(k,v):void 0},core_1=$__require("@angular/core"),core_2=$__require("@angular/core"),common_1=$__require("@angular/common"),DatePickerCalendar_1=$__require("./DatePickerCalendar"),DatePickerField_1=$__require("./DatePickerField"),InfiniteScroller_1=$__require("../InfiniteScroller/InfiniteScroller"),DetectionUtils_1=$__require("../../utilities/DetectionUtils"),utilities_1=$__require("../../utilities/utilities"),DatePicker=function(){function DatePicker(changeDetector,renderer){this._minDate=new Date(1900,0,1),this._maxDate=new Date(2200,0,1),this.valueChange=new core_2.EventEmitter,this.calendarDisplayed=!1,this.calendarX="5%",this.calendarY="5%",this.calendarHeight=DetectionUtils_1.MobileDetection.isAny()||window.innerWidth<=480||window.outerWidth<=480?"auto":"300px",this.calendarMonths=[],this._preGenMonths=2,this.initialScroll=!0,this.changeDetector=changeDetector,this.renderer=renderer,this.generateMonths()}return Object.defineProperty(DatePicker.prototype,"minDate",{get:function(){return this._minDate},set:function(value){this._minDate=utilities_1.DateUtils.handleDateInput(value)},enumerable:!0,configurable:!0}),Object.defineProperty(DatePicker.prototype,"maxDate",{get:function(){return this._maxDate},set:function(value){this._maxDate=utilities_1.DateUtils.handleDateInput(value)},enumerable:!0,configurable:!0}),Object.defineProperty(DatePicker.prototype,"value",{set:function(value){this._selectedDate=utilities_1.DateUtils.handleDateInput(value)},enumerable:!0,configurable:!0}),Object.defineProperty(DatePicker.prototype,"inputDate",{get:function(){return null!=this.dateField?this.dateField.value:""},enumerable:!0,configurable:!0}),Object.defineProperty(DatePicker.prototype,"selectedDate",{get:function(){return this._selectedDate},set:function(value){this._selectedDate=value,null!=this.dateField&&this.dateField.date.getTime()!=value.getTime()&&(this.dateField.date=value),this.valueChange.next(this.selectedDate),this.hideCalendar()},enumerable:!0,configurable:!0}),DatePicker.prototype.ngOnInit=function(){this.scrollerReset()},DatePicker.prototype.ngAfterContentInit=function(){var _this=this;if(void 0==this.dateField)throw"Fuel-UI Error: DatePicker missing date field";var parsedDate=utilities_1.DateUtils.handleDateInput(this.dateField.value);this.dateField.value.length>0&&utilities_1.DateUtils.isValidDate(parsedDate)&&(this.selectedDate=parsedDate),this.dateField.select.subscribe(function(event){_this.showCalendar(event)}),this.dateFieldIcons.map(function(i){i.selectEvent.subscribe(function(event){_this.showCalendar(event)})}),this.generateMonths()},DatePicker.prototype.generateMonths=function(){var currentDate=null!=this.selectedDate?this.selectedDate:new Date;this.calendarMonths=[new Date(currentDate.getFullYear(),currentDate.getMonth()-1),new Date(currentDate.getFullYear(),currentDate.getMonth())];for(var i=0;i=compareDate},enumerable:!0,configurable:!0}),Object.defineProperty(DatePicker.prototype,"canNextMonth",{get:function(){var currentDate=this.calendarMonths[this.calendarMonths.length-1],nextDate=new Date(currentDate.getFullYear(),currentDate.getMonth()+1),compareDate=new Date(this._maxDate.getFullYear(),this._maxDate.getMonth());return compareDate>=nextDate},enumerable:!0,configurable:!0}),DatePicker.prototype.disablePrev=function(){return this.calendarScroller?this.calendarScroller.isTop():!1},DatePicker.prototype.disableNext=function(){return this.calendarScroller?this.calendarScroller.isBottom():!1},DatePicker.prototype.scrollPrevMonth=function(){var _this=this;0==this.calendarScroller.topIndex&&this.addPrevMonth(),setTimeout(function(){_this.calendarScroller.scrollToIndex(_this.calendarScroller.topIndex-1)},10)},DatePicker.prototype.scrollNextMonth=function(){var _this=this;setTimeout(function(){_this.calendarScroller.scrollToIndex(_this.calendarScroller.topIndex+1)},10)},DatePicker.prototype.addNextMonth=function(){if(this.canNextMonth){var lastMonth=this.calendarMonths[this.calendarMonths.length-1],nextMonth=new Date(lastMonth.getFullYear(),lastMonth.getMonth()+1);this.calendarMonths.push(nextMonth),this.changeDetector.markForCheck()}},DatePicker.prototype.addPrevMonth=function(){if(this.canPrevMonth){var firstMonth=this.calendarMonths[0],prevMonth=new Date(firstMonth.getFullYear(),firstMonth.getMonth()-1);this.calendarMonths.unshift(prevMonth),this.changeDetector.markForCheck()}},__decorate([core_2.Input(),__metadata("design:type",Object),__metadata("design:paramtypes",[Object])],DatePicker.prototype,"minDate",null),__decorate([core_2.Input(),__metadata("design:type",Object),__metadata("design:paramtypes",[Object])],DatePicker.prototype,"maxDate",null),__decorate([core_2.Input(),__metadata("design:type",Function)],DatePicker.prototype,"dateFilter",void 0),__decorate([core_2.Output(),__metadata("design:type",Object)],DatePicker.prototype,"valueChange",void 0),__decorate([core_2.Input(),__metadata("design:type",Object),__metadata("design:paramtypes",[Object])],DatePicker.prototype,"value",null),__decorate([core_2.ViewChild(InfiniteScroller_1.InfiniteScroller),__metadata("design:type",InfiniteScroller_1.InfiniteScroller)],DatePicker.prototype,"calendarScroller",void 0),__decorate([core_2.ContentChild(DatePickerField_1.DatePickerField),__metadata("design:type",DatePickerField_1.DatePickerField)],DatePicker.prototype,"dateField",void 0),__decorate([core_2.ContentChildren(DatePickerField_1.DatePickerFieldStyler),__metadata("design:type",core_2.QueryList)],DatePicker.prototype,"dateFieldIcons",void 0),DatePicker=__decorate([core_1.Component({selector:"date-picker",styles:["\n .date-picker-overlay {\n background-color: transparent;\n display: block;\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 900; }\n @media (max-width: 480px), screen and (max-device-width: 480px) {\n .date-picker-overlay {\n background-color: #55595c;\n opacity: .75; } }\n\n .date-picker-content {\n position: relative;\n top: 0;\n left: 0; }\n\n .fuel-ui-datepicker-input-group input:read-only, .fuel-ui-datepicker-input-group .form-control[readonly] {\n background-color: #fff !important; }\n\n .fuel-ui-datepicker-input-group .input-group-addon {\n background-color: #fff !important; }\n\n .date-picker-component {\n border: 1px solid #eceeef;\n z-index: 1000;\n background-color: #fff;\n font-size: .75rem;\n position: absolute;\n width: 350px;\n height: auto;\n top: 0;\n left: 0;\n overflow: hidden;\n border-radius: 0.3rem;\n -webkit-transition: all 0.1s ease;\n -moz-transition: all 0.1s ease;\n transition: all 0.1s ease; }\n @media (max-width: 480px), screen and (max-device-width: 480px) {\n .date-picker-component {\n width: 90%;\n height: 90%;\n position: fixed;\n top: 5%;\n left: 5%; } }\n .date-picker-component .input-group {\n z-index: 110; }\n .date-picker-component .container {\n height: 100%; }\n @media (max-width: 480px), screen and (max-device-width: 480px) {\n .date-picker-component .container .calendar-container {\n height: 91%; } }\n .date-picker-component .container header {\n position: relative;\n top: 0;\n left: 0;\n vertical-align: middle;\n background-color: #fff; }\n .date-picker-component .container header .days-of-week {\n background-color: #0275d8;\n color: #fff; }\n .date-picker-component .container header table {\n border-top: none !important; }\n .date-picker-component .container header table th, .date-picker-component .container header table td {\n text-align: center; }\n .date-picker-component .container header button {\n border: none;\n border-radius: 0;\n color: #0275d8;\n background-color: #fff;\n width: 15%; }\n .date-picker-component .container header button:active {\n background-color: #eceeef; }\n .date-picker-component .container header button.button-disable {\n color: #eceeef;\n cursor: default; }\n .date-picker-component .container header .date-range {\n width: 70%; }\n .date-picker-component .container header .date-range span {\n background-color: #eceeef;\n border-left: none;\n border-right: none; }\n .date-picker-component .container header .input-group-addon {\n border: none;\n background-color: #fff !important; }\n .date-picker-component .container header input {\n border: none;\n display: inline-block;\n margin: 1px auto 0 auto;\n cursor: pointer;\n background-color: #fff !important; }\n .date-picker-component .container header input:read-only, .date-picker-component .container header .form-control[readonly] {\n background-color: #fff !important; }\n .date-picker-component .container header input.target {\n color: #0275d8; }\n .date-picker-component .container header input.target::-webkit-input-placeholder {\n color: #0275d8; }\n .date-picker-component .container header input.target::-moz-placeholder {\n color: #0275d8; }\n .date-picker-component .container header input.target:-moz-placeholder {\n color: #0275d8; }\n .date-picker-component .container header input.target:-ms-input-placeholder {\n color: #0275d8; }\n "],template:'\n \n
\n\n \n
\n\n
\n
\n
\n
\n \n \n {{i}}\n \n \n
\n
\n
\n
\n ',directives:[DatePickerCalendar_1.DatePickerCalendar,InfiniteScroller_1.INFINITE_SCROLLER_PROVIDERS,common_1.CORE_DIRECTIVES,common_1.FORM_DIRECTIVES],changeDetection:core_1.ChangeDetectionStrategy.OnPush}),__metadata("design:paramtypes",[core_1.ChangeDetectorRef,core_1.Renderer])],DatePicker)}();return exports.DatePicker=DatePicker,module.exports}),System.registerDynamic("fuel-ui/dist/components/DatePicker/DatePickerCalendar",["@angular/core","@angular/common","../../utilities/utilities"],!0,function($__require,exports,module){"use strict";var __decorate=this&&this.__decorate||function(decorators,target,key,desc){var d,c=arguments.length,r=3>c?target:null===desc?desc=Object.getOwnPropertyDescriptor(target,key):desc;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)(d=decorators[i])&&(r=(3>c?d(r):c>3?d(target,key,r):d(target,key))||r);return c>3&&r&&Object.defineProperty(target,key,r),r},__metadata=this&&this.__metadata||function(k,v){return"object"==typeof Reflect&&"function"==typeof Reflect.metadata?Reflect.metadata(k,v):void 0},core_1=$__require("@angular/core"),core_2=$__require("@angular/core"),common_1=$__require("@angular/common"),utilities_1=$__require("../../utilities/utilities"),DatePickerCalendar=function(){
-function DatePickerCalendar(){this.selectedDateChange=new core_2.EventEmitter,this.dateTarget=null,this.showMonth=!0}return DatePickerCalendar.prototype.ngOnInit=function(){this.buildWeeks(this.currentMonth||new Date)},DatePickerCalendar.prototype.checkSelectable=function(date){var dateNumber=parseInt(date);if(isNaN(dateNumber))return!1;var compareDate=new Date(this.currentMonth.getFullYear(),this.currentMonth.getMonth(),dateNumber);return"function"!=typeof this.dateFilter||this.dateFilter(compareDate)?compareDate>=this.minDate&&compareDate<=this.maxDate:!1},DatePickerCalendar.prototype.checkSelectedDate=function(date){if(null==this.selectedDate)return!1;if(null!=this.startDate&&null!=this.endDate){var compareDate=new Date(this.currentMonth.getFullYear(),this.currentMonth.getMonth(),parseInt(date));return compareDate>=this.startDate&&compareDate<=this.endDate}return this.selectedDate.getFullYear()==this.currentMonth.getFullYear()&&this.selectedDate.getMonth()==this.currentMonth.getMonth()&&this.selectedDate.getDate().toString()==date},DatePickerCalendar.prototype.checkStartDate=function(date){return null!=this.endDate&&utilities_1.DateUtils.isValidDate(this.startDate)&&utilities_1.DateUtils.isValidDate(this.endDate)?this.startDate.getFullYear()==this.endDate.getFullYear()&&this.startDate.getMonth()==this.endDate.getMonth()&&this.startDate.getDate().toString()==this.endDate.getDate().toString()?!1:this.startDate.getFullYear()==this.currentMonth.getFullYear()&&this.startDate.getMonth()==this.currentMonth.getMonth()&&this.startDate.getDate().toString()==date:!1},DatePickerCalendar.prototype.checkEndDate=function(date){return null!=this.endDate&&utilities_1.DateUtils.isValidDate(this.startDate)&&utilities_1.DateUtils.isValidDate(this.endDate)?this.startDate.getFullYear()==this.endDate.getFullYear()&&this.startDate.getMonth()==this.endDate.getMonth()&&this.startDate.getDate().toString()==this.endDate.getDate().toString()?!1:this.endDate.getFullYear()==this.currentMonth.getFullYear()&&this.endDate.getMonth()==this.currentMonth.getMonth()&&this.endDate.getDate().toString()==date:!1},DatePickerCalendar.prototype.selectDate=function(date){if(this.checkSelectable(date)){var dateNumber=parseInt(date);this.selectedDate=new Date(this.currentMonth.getFullYear(),this.currentMonth.getMonth(),dateNumber),this.selectedDateChange.next(this.selectedDate)}},DatePickerCalendar.prototype.buildWeeks=function(date){this.currentMonth=date;var currentDay=new Date(this.currentMonth.toDateString());currentDay.setDate(1),currentDay.setDate(currentDay.getDate()-currentDay.getDay());var lastDay=new Date(this.currentMonth.getFullYear(),this.currentMonth.getMonth()+1,0);lastDay.setDate(lastDay.getDate()+(6-lastDay.getDay())),this.weeks=[];for(var currentWeek=[];lastDay>=currentDay;)currentDay.getMonth()==this.currentMonth.getMonth()?currentWeek.push(currentDay.getDate().toLocaleString()):currentWeek.push(""),currentDay.setDate(currentDay.getDate()+1),0==currentDay.getDay()&&(this.weeks.push(currentWeek),currentWeek=[])},__decorate([core_2.Input(),__metadata("design:type",Date)],DatePickerCalendar.prototype,"currentMonth",void 0),__decorate([core_2.Input(),__metadata("design:type",Date)],DatePickerCalendar.prototype,"selectedDate",void 0),__decorate([core_2.Output(),__metadata("design:type",Object)],DatePickerCalendar.prototype,"selectedDateChange",void 0),__decorate([core_2.Input(),__metadata("design:type",Boolean)],DatePickerCalendar.prototype,"dateTarget",void 0),__decorate([core_2.Input(),__metadata("design:type",Date)],DatePickerCalendar.prototype,"startDate",void 0),__decorate([core_2.Input(),__metadata("design:type",Date)],DatePickerCalendar.prototype,"endDate",void 0),__decorate([core_2.Input(),__metadata("design:type",Date)],DatePickerCalendar.prototype,"minDate",void 0),__decorate([core_2.Input(),__metadata("design:type",Date)],DatePickerCalendar.prototype,"maxDate",void 0),__decorate([core_2.Input(),__metadata("design:type",Function)],DatePickerCalendar.prototype,"dateFilter",void 0),__decorate([core_2.Input(),__metadata("design:type",Boolean)],DatePickerCalendar.prototype,"showMonth",void 0),DatePickerCalendar=__decorate([core_1.Component({selector:"date-picker-calendar",template:'\n \n
\n \n \n \n {{currentMonth | date:\'MMMM yyyy\'}} \n \n \n \n \n {{day}} \n \n \n \n
\n
\n ',directives:[common_1.CORE_DIRECTIVES,common_1.FORM_DIRECTIVES]}),__metadata("design:paramtypes",[])],DatePickerCalendar)}();return exports.DatePickerCalendar=DatePickerCalendar,module.exports}),System.registerDynamic("fuel-ui/dist/components/DatePicker/DatePickerField",["@angular/core","../../utilities/utilities"],!0,function($__require,exports,module){"use strict";var __decorate=this&&this.__decorate||function(decorators,target,key,desc){var d,c=arguments.length,r=3>c?target:null===desc?desc=Object.getOwnPropertyDescriptor(target,key):desc;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)(d=decorators[i])&&(r=(3>c?d(r):c>3?d(target,key,r):d(target,key))||r);return c>3&&r&&Object.defineProperty(target,key,r),r},__metadata=this&&this.__metadata||function(k,v){return"object"==typeof Reflect&&"function"==typeof Reflect.metadata?Reflect.metadata(k,v):void 0},core_1=$__require("@angular/core"),utilities_1=$__require("../../utilities/utilities"),DatePickerField=function(){function DatePickerField(){this._date=new Date,this._value="",this.valueChange=new core_1.EventEmitter,this.ngModelChange=new core_1.EventEmitter,this.dateChange=new core_1.EventEmitter,this.select=new core_1.EventEmitter}return Object.defineProperty(DatePickerField.prototype,"value",{get:function(){return this._value},set:function(value){value!=this._value&&(this._value=value,this._date=utilities_1.DateUtils.handleDateInput(value),this.valueChange.next(value),this.ngModelChange.next(value),this.dateChange.next(this._date))},enumerable:!0,configurable:!0}),Object.defineProperty(DatePickerField.prototype,"ngModel",{set:function(value){this.value=value},enumerable:!0,configurable:!0}),Object.defineProperty(DatePickerField.prototype,"date",{get:function(){return this._date},set:function(date){date.getTime()!=this._date.getTime()&&(this._date=date,this._value=date.toLocaleDateString(),this.dateChange.next(date),this.ngModelChange.next(this._value),this.valueChange.next(this._value))},enumerable:!0,configurable:!0}),DatePickerField.prototype.inputChange=function(value){this.value=value},DatePickerField.prototype.focused=function(event){this.select.next(event)},DatePickerField.prototype.selected=function(event){this.select.next(event)},DatePickerField.prototype.ngOnInit=function(){this.date=utilities_1.DateUtils.handleDateInput(this.value)},__decorate([core_1.HostBinding("value"),__metadata("design:type",Object)],DatePickerField.prototype,"_value",void 0),__decorate([core_1.Input(),__metadata("design:type",String),__metadata("design:paramtypes",[String])],DatePickerField.prototype,"value",null),__decorate([core_1.Output(),__metadata("design:type",Object)],DatePickerField.prototype,"valueChange",void 0),__decorate([core_1.Input(),__metadata("design:type",Object),__metadata("design:paramtypes",[Object])],DatePickerField.prototype,"ngModel",null),__decorate([core_1.Output(),__metadata("design:type",Object)],DatePickerField.prototype,"ngModelChange",void 0),__decorate([core_1.Input(),__metadata("design:type",Date),__metadata("design:paramtypes",[Date])],DatePickerField.prototype,"date",null),__decorate([core_1.Output(),__metadata("design:type",Object)],DatePickerField.prototype,"dateChange",void 0),__decorate([core_1.HostListener("input",["$event.target.value"]),__metadata("design:type",Function),__metadata("design:paramtypes",[Object]),__metadata("design:returntype",void 0)],DatePickerField.prototype,"inputChange",null),__decorate([core_1.HostListener("focus",["$event"]),__metadata("design:type",Function),__metadata("design:paramtypes",[Event]),__metadata("design:returntype",void 0)],DatePickerField.prototype,"focused",null),__decorate([core_1.Output(),__metadata("design:type",Object)],DatePickerField.prototype,"select",void 0),__decorate([core_1.HostListener("click",["$event"]),__metadata("design:type",Function),__metadata("design:paramtypes",[MouseEvent]),__metadata("design:returntype",void 0)],DatePickerField.prototype,"selected",null),DatePickerField=__decorate([core_1.Directive({selector:"[dateField], .date-field"}),__metadata("design:paramtypes",[])],DatePickerField)}();exports.DatePickerField=DatePickerField;var DatePickerFieldStyler=function(){function DatePickerFieldStyler(){this.selectEvent=new core_1.EventEmitter}return DatePickerFieldStyler.prototype.select=function(event){this.selectEvent.next(event)},DatePickerFieldStyler=__decorate([core_1.Component({selector:".date-picker-input-group",template:' \n \n \n \n \n \n
'}),__metadata("design:paramtypes",[])],DatePickerFieldStyler)}();return exports.DatePickerFieldStyler=DatePickerFieldStyler,module.exports}),System.registerDynamic("fuel-ui/dist/components/DatePicker/DateRangePicker",["@angular/core","@angular/common","../../utilities/utilities","../../utilities/DetectionUtils","./DatePicker","./DatePickerCalendar","./DatePickerField","../InfiniteScroller/InfiniteScroller"],!0,function($__require,exports,module){"use strict";var __extends=this&&this.__extends||function(d,b){function __(){this.constructor=d}for(var p in b)b.hasOwnProperty(p)&&(d[p]=b[p]);d.prototype=null===b?Object.create(b):(__.prototype=b.prototype,new __)},__decorate=this&&this.__decorate||function(decorators,target,key,desc){var d,c=arguments.length,r=3>c?target:null===desc?desc=Object.getOwnPropertyDescriptor(target,key):desc;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)(d=decorators[i])&&(r=(3>c?d(r):c>3?d(target,key,r):d(target,key))||r);return c>3&&r&&Object.defineProperty(target,key,r),r},__metadata=this&&this.__metadata||function(k,v){return"object"==typeof Reflect&&"function"==typeof Reflect.metadata?Reflect.metadata(k,v):void 0},core_1=$__require("@angular/core"),core_2=$__require("@angular/core"),core_3=$__require("@angular/core"),common_1=$__require("@angular/common"),utilities_1=$__require("../../utilities/utilities"),DetectionUtils_1=$__require("../../utilities/DetectionUtils"),DatePicker_1=$__require("./DatePicker"),DatePickerCalendar_1=$__require("./DatePickerCalendar"),DatePickerField_1=$__require("./DatePickerField"),InfiniteScroller_1=$__require("../InfiniteScroller/InfiniteScroller"),StartDateField=function(_super){function StartDateField(element){_super.call(this),this.element=element}return __extends(StartDateField,_super),StartDateField=__decorate([core_1.Directive({selector:"[startDateField], .start-date-field"}),__metadata("design:paramtypes",[core_2.ElementRef])],StartDateField)}(DatePickerField_1.DatePickerField);exports.StartDateField=StartDateField;var EndDateField=function(_super){function EndDateField(element){_super.call(this),this.element=element}return __extends(EndDateField,_super),EndDateField=__decorate([core_1.Directive({selector:"[endDateField], .start-date-field"}),__metadata("design:paramtypes",[core_2.ElementRef])],EndDateField)}(DatePickerField_1.DatePickerField);exports.EndDateField=EndDateField;var DateRangePicker=function(_super){function DateRangePicker(changeDetector,renderer){_super.call(this,changeDetector,renderer),this.valueChange=new core_2.EventEmitter,this._dateTarget=!1,this.calendarHeight=DetectionUtils_1.MobileDetection.isAny()||window.innerWidth<=480||window.outerWidth<=480?"auto":"300px",this.startDateChange=new core_2.EventEmitter,this.endDateChange=new core_2.EventEmitter}return __extends(DateRangePicker,_super),Object.defineProperty(DateRangePicker.prototype,"value",{set:function(value){this._selectedDate=this.handleRangeInput(value).start},enumerable:!0,configurable:!0}),Object.defineProperty(DateRangePicker.prototype,"minDate",{get:function(){return this._minDate},set:function(value){this._minDate=utilities_1.DateUtils.handleDateInput(value)},enumerable:!0,configurable:!0}),Object.defineProperty(DateRangePicker.prototype,"maxDate",{get:function(){return this._maxDate},set:function(value){this._maxDate=utilities_1.DateUtils.handleDateInput(value)},enumerable:!0,configurable:!0}),Object.defineProperty(DateRangePicker.prototype,"selectedDate",{get:function(){return this._selectedDate},set:function(value){this.selectDate(value)},enumerable:!0,configurable:!0}),Object.defineProperty(DateRangePicker.prototype,"inputStartDate",{get:function(){return null!=this.startDateField?this.startDateField.value:""},enumerable:!0,configurable:!0}),Object.defineProperty(DateRangePicker.prototype,"inputEndDate",{get:function(){return null!=this.endDateField?this.endDateField.value:""},enumerable:!0,configurable:!0}),Object.defineProperty(DateRangePicker.prototype,"startDate",{get:function(){return this._startDate},set:function(value){this._startDate=utilities_1.DateUtils.handleDateInput(value),null!=this.startDateField&&(this.startDateField.value=this._startDate.toLocaleDateString())},enumerable:!0,configurable:!0}),Object.defineProperty(DateRangePicker.prototype,"endDate",{get:function(){return this._endDate},set:function(value){this._endDate=utilities_1.DateUtils.handleDateInput(value),null!=this.endDateField&&(this.endDateField.value=this._endDate.toLocaleDateString())},enumerable:!0,configurable:!0}),DateRangePicker.prototype.ngAfterContentInit=function(){var _this=this;if("undefined"==typeof this.startDateField)throw"Fuel-UI Error: DateRangePicker missing startDate field";var startDateValue=utilities_1.DateUtils.handleDateInput(this.startDateField.value);if(this.startDateField.value.length>0&&utilities_1.DateUtils.isValidDate(startDateValue)?this.selectDate(startDateValue,!1):(this.selectDate(this._startDate,!1),this.startDateField._value=this._startDate.toLocaleDateString()),this.startDateField.select.subscribe(function(event){_this.showCalendar(event),_this.focusStartDate()}),"undefined"==typeof this.endDateField)throw"Fuel-UI Error: DateRangePicker missing endDate field";var endDateValue=utilities_1.DateUtils.handleDateInput(this.endDateField.value);this.endDateField.value.length>0&&utilities_1.DateUtils.isValidDate(endDateValue)?this.selectDate(endDateValue,!0):(this.selectDate(this._endDate,!0),this.endDateField._value=this._endDate.toLocaleDateString()),this.endDateField.select.subscribe(function(event){_this.showCalendar(event),_this.focusEndDate()}),this.dateFieldIcons.map(function(i){i.selectEvent.subscribe(function(event){_this.showCalendar(event)})}),this.generateMonths()},DateRangePicker.prototype.selectDate=function(value,target){this._selectedDate=value;var dateTarget="undefined"!=typeof target&&null!=target?target:this._dateTarget;if(dateTarget?(this.endDate=value,this.hideCalendar(),null!=this.endDateChange&&this.endDateChange.next(this._endDate),utilities_1.DateUtils.isValidDate(this.startDate)&&this.endDatethis.endDate&&(this.endDate=new Date(this.startDate.getTime()+864e5))),this._dateTarget=!dateTarget,null!=this.startDate&&null!=this.endDate){var startDate=new Date(this.startDate.getFullYear(),this.startDate.getMonth(),this.startDate.getDate()),endDate=new Date(this.endDate.getFullYear(),this.endDate.getMonth(),this.endDate.getDate());this.valueChange.next(new utilities_1.DateRange(startDate,endDate))}this.changeDetector.markForCheck()},DateRangePicker.prototype.handleRangeInput=function(value){if(!(value instanceof utilities_1.DateRange))throw"DateRangePicker error: input is not of type DateRange";var range=value;return this.startDate=range.start,this.endDate=range.end,range},DateRangePicker.prototype.focusStartDate=function(){this._dateTarget=!1},DateRangePicker.prototype.focusEndDate=function(){this._dateTarget=!0},DateRangePicker.prototype.checkStartDateTarget=function(){return!this._dateTarget},DateRangePicker.prototype.checkEndDateTarget=function(){return this._dateTarget},__decorate([core_3.Output(),__metadata("design:type",Object)],DateRangePicker.prototype,"valueChange",void 0),__decorate([core_3.Input(),__metadata("design:type",Object),__metadata("design:paramtypes",[Object])],DateRangePicker.prototype,"value",null),__decorate([core_3.Input(),__metadata("design:type",Object),__metadata("design:paramtypes",[Object])],DateRangePicker.prototype,"minDate",null),__decorate([core_3.Input(),__metadata("design:type",Object),__metadata("design:paramtypes",[Object])],DateRangePicker.prototype,"maxDate",null),__decorate([core_3.Input(),__metadata("design:type",Function)],DateRangePicker.prototype,"dateFilter",void 0),__decorate([core_2.ViewChild(InfiniteScroller_1.InfiniteScroller),__metadata("design:type",InfiniteScroller_1.InfiniteScroller)],DateRangePicker.prototype,"calendarScroller",void 0),__decorate([core_2.ContentChild(StartDateField),__metadata("design:type",StartDateField)],DateRangePicker.prototype,"startDateField",void 0),__decorate([core_2.ContentChild(EndDateField),__metadata("design:type",EndDateField)],DateRangePicker.prototype,"endDateField",void 0),__decorate([core_2.ContentChildren(DatePickerField_1.DatePickerFieldStyler),__metadata("design:type",core_2.QueryList)],DateRangePicker.prototype,"dateFieldIcons",void 0),__decorate([core_3.Output(),__metadata("design:type",Object)],DateRangePicker.prototype,"startDateChange",void 0),__decorate([core_3.Input(),__metadata("design:type",Object),__metadata("design:paramtypes",[Object])],DateRangePicker.prototype,"startDate",null),__decorate([core_3.Output(),__metadata("design:type",Object)],DateRangePicker.prototype,"endDateChange",void 0),__decorate([core_3.Input(),__metadata("design:type",Object),__metadata("design:paramtypes",[Object])],DateRangePicker.prototype,"endDate",null),DateRangePicker=__decorate([core_1.Component({selector:"date-range-picker",template:'\n \n
\n\n \n
\n\n
\n
\n
\n
\n \n \n {{i}}\n \n \n
\n
\n
\n \n
\n ',directives:[DatePickerCalendar_1.DatePickerCalendar,InfiniteScroller_1.INFINITE_SCROLLER_PROVIDERS,common_1.CORE_DIRECTIVES,common_1.FORM_DIRECTIVES],changeDetection:core_1.ChangeDetectionStrategy.OnPush}),__metadata("design:paramtypes",[core_1.ChangeDetectorRef,core_1.Renderer])],DateRangePicker)}(DatePicker_1.DatePicker);return exports.DateRangePicker=DateRangePicker,module.exports}),System.registerDynamic("fuel-ui/dist/components/DatePicker/DatePickerProviders",["./DatePickerCalendar","./DatePicker","./DatePickerField","./DateRangePicker"],!0,function($__require,exports,module){"use strict";var DatePickerCalendar_1=$__require("./DatePickerCalendar");exports.DatePickerCalendar=DatePickerCalendar_1.DatePickerCalendar;var DatePicker_1=$__require("./DatePicker");exports.DatePicker=DatePicker_1.DatePicker;var DatePickerField_1=$__require("./DatePickerField");exports.DatePickerField=DatePickerField_1.DatePickerField,exports.DatePickerFieldStyler=DatePickerField_1.DatePickerFieldStyler;var DateRangePicker_1=$__require("./DateRangePicker");exports.DateRangePicker=DateRangePicker_1.DateRangePicker,exports.StartDateField=DateRangePicker_1.StartDateField,exports.EndDateField=DateRangePicker_1.EndDateField;var DatePickerCalendar_2=$__require("./DatePickerCalendar"),DatePicker_2=$__require("./DatePicker"),DatePickerField_2=$__require("./DatePickerField"),DateRangePicker_2=$__require("./DateRangePicker");return exports.DATE_PICKER_PROVIDERS=[DatePickerCalendar_2.DatePickerCalendar,DatePicker_2.DatePicker,DateRangePicker_2.DateRangePicker,DatePickerField_2.DatePickerField,DateRangePicker_2.StartDateField,DateRangePicker_2.EndDateField,DatePickerField_2.DatePickerFieldStyler],module.exports}),System.registerDynamic("fuel-ui/dist/components/Modal/Modal",["@angular/core","@angular/common","../../directives/Animation/Animation"],!0,function($__require,exports,module){"use strict";var __decorate=this&&this.__decorate||function(decorators,target,key,desc){var d,c=arguments.length,r=3>c?target:null===desc?desc=Object.getOwnPropertyDescriptor(target,key):desc;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)(d=decorators[i])&&(r=(3>c?d(r):c>3?d(target,key,r):d(target,key))||r);return c>3&&r&&Object.defineProperty(target,key,r),r},__metadata=this&&this.__metadata||function(k,v){return"object"==typeof Reflect&&"function"==typeof Reflect.metadata?Reflect.metadata(k,v):void 0},core_1=$__require("@angular/core"),common_1=$__require("@angular/common"),Animation_1=$__require("../../directives/Animation/Animation"),Modal=function(){function Modal(el){this.displayed=!1,this.closeOnUnfocus=!0,this.closeButton=!0,this.modalTitle="",this._el=el.nativeElement}return Modal.prototype.clickElement=function(e){this.closeOnUnfocus&&(e.target&&("modal customFadeIn"==e.target.className||"modal-dialog"==e.target.className)||e.srcElement&&("modal customFadeIn"==e.srcElement.className||"modal-dialog"==e.srcElement.className))&&this.showModal(!1)},Modal.prototype.getElement=function(){return this._el},Modal.prototype.closeModal=function(){return this.showModal(!1)},Modal.prototype.showModal=function(isDisplayed){var _this=this,body=document.body;return void 0===isDisplayed?this.displayed=!this.displayed:this.displayed=isDisplayed,this.displayed?body.classList.add("modal-open"):(body.classList.remove("modal-open"),this.closeOnUnfocus&&this._el.childNodes[0].removeEventListener("click",function(e){(e.target&&("modal customFadeIn"==e.srcElement.className||"modal-dialog"==e.srcElement.className)||e.srcElement&&("modal customFadeIn"==e.srcElement.className||"modal-dialog"==e.srcElement.className))&&_this.showModal(!1)})),!1},__decorate([core_1.Input(),__metadata("design:type",Boolean)],Modal.prototype,"closeOnUnfocus",void 0),__decorate([core_1.Input(),__metadata("design:type",Boolean)],Modal.prototype,"closeButton",void 0),__decorate([core_1.Input(),__metadata("design:type",String)],Modal.prototype,"modalTitle",void 0),Modal=__decorate([core_1.Component({selector:"modal",host:{"(click)":"clickElement($event)"},template:'\n \n
\n ',directives:[common_1.CORE_DIRECTIVES,Animation_1.Animation]}),__metadata("design:paramtypes",[core_1.ElementRef])],Modal)}();return exports.Modal=Modal,exports.MODAL_PROVIDERS=[Modal],module.exports}),System.registerDynamic("fuel-ui/dist/components/Pagination/Pagination",["@angular/core","@angular/common","../../pipes/Range/Range"],!0,function($__require,exports,module){"use strict";var __decorate=this&&this.__decorate||function(decorators,target,key,desc){var d,c=arguments.length,r=3>c?target:null===desc?desc=Object.getOwnPropertyDescriptor(target,key):desc;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(decorators,target,key,desc);else for(var i=decorators.length-1;i>=0;i--)(d=decorators[i])&&(r=(3>c?d(r):c>3?d(target,key,r):d(target,key))||r);return c>3&&r&&Object.defineProperty(target,key,r),r},__metadata=this&&this.__metadata||function(k,v){return"object"==typeof Reflect&&"function"==typeof Reflect.metadata?Reflect.metadata(k,v):void 0},core_1=$__require("@angular/core"),common_1=$__require("@angular/common"),Range_1=$__require("../../pipes/Range/Range"),Pagination=function(){function Pagination(){this.currentPage=1,this.pagesAtOnce=5,this.totalPages=10,this.showSteps=!0,this.showEnds=!0,this.showSelect=!0,this.currentPageChange=new core_1.EventEmitter,this.pagesBlank=[],this.setPage(this.currentPage)}return Pagination.prototype.ngOnChanges=function(changes){this.setPage(this.currentPage)},Pagination.prototype.setPage=function(newPage){1>newPage||newPage>this.totalPages||(this.currentPage=newPage,this.currentPage-Math.ceil(this.pagesAtOnce/2)<0||this.totalPages-this.pagesAtOnce<=0?(this.startingIndex=0,this.endingIndex=this.pagesAtOnce):this.totalPages-this.currentPage<=this.pagesAtOnce-Math.ceil(this.pagesAtOnce/2)?(this.startingIndex=this.totalPages-this.pagesAtOnce,this.endingIndex=this.totalPages):(this.startingIndex=this.currentPage-Math.ceil(this.pagesAtOnce/2),this.endingIndex=this.startingIndex+this.pagesAtOnce