ng2-bootstrap
Version:
angular2 bootstrap components
1,017 lines (1,003 loc) • 231 kB
JavaScript
System.registerDynamic("ng2-bootstrap/components/accordion/accordion.component", ["@angular/core"], true, function($__require, exports, module) {
"use strict";
;
var define,
global = this,
GLOBAL = this;
var __decorate = (this && this.__decorate) || function(decorators, target, key, desc) {
var c = arguments.length,
r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
r = Reflect.decorate(decorators, target, key, desc);
else
for (var i = decorators.length - 1; i >= 0; i--)
if (d = decorators[i])
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (this && this.__metadata) || function(k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
return Reflect.metadata(k, v);
};
var core_1 = $__require('@angular/core');
var AccordionComponent = (function() {
function AccordionComponent() {
this.addClass = true;
this.groups = [];
}
AccordionComponent.prototype.closeOtherPanels = function(openGroup) {
if (!this.closeOthers) {
return;
}
this.groups.forEach(function(group) {
if (group !== openGroup) {
group.isOpen = false;
}
});
};
AccordionComponent.prototype.addGroup = function(group) {
this.groups.push(group);
};
AccordionComponent.prototype.removeGroup = function(group) {
var index = this.groups.indexOf(group);
if (index !== -1) {
this.groups.splice(index, 1);
}
};
__decorate([core_1.Input(), __metadata('design:type', Boolean)], AccordionComponent.prototype, "closeOthers", void 0);
__decorate([core_1.HostBinding('class.panel-group'), __metadata('design:type', Boolean)], AccordionComponent.prototype, "addClass", void 0);
AccordionComponent = __decorate([core_1.Component({
selector: 'accordion',
template: "<ng-content></ng-content>"
}), __metadata('design:paramtypes', [])], AccordionComponent);
return AccordionComponent;
}());
exports.AccordionComponent = AccordionComponent;
return module.exports;
});
System.registerDynamic("ng2-bootstrap/components/accordion/accordion-group.component", ["@angular/core", "@angular/common", "../collapse", "./accordion.component"], true, function($__require, exports, module) {
"use strict";
;
var define,
global = this,
GLOBAL = this;
var __decorate = (this && this.__decorate) || function(decorators, target, key, desc) {
var c = arguments.length,
r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
r = Reflect.decorate(decorators, target, key, desc);
else
for (var i = decorators.length - 1; i >= 0; i--)
if (d = decorators[i])
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (this && this.__metadata) || function(k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
return Reflect.metadata(k, v);
};
var __param = (this && this.__param) || function(paramIndex, decorator) {
return function(target, key) {
decorator(target, key, paramIndex);
};
};
var core_1 = $__require('@angular/core');
var common_1 = $__require('@angular/common');
var collapse_1 = $__require('../collapse');
var accordion_component_1 = $__require('./accordion.component');
var AccordionPanelComponent = (function() {
function AccordionPanelComponent(accordion) {
this.accordion = accordion;
}
Object.defineProperty(AccordionPanelComponent.prototype, "isOpen", {
get: function() {
return this._isOpen;
},
set: function(value) {
this._isOpen = value;
if (value) {
this.accordion.closeOtherPanels(this);
}
},
enumerable: true,
configurable: true
});
AccordionPanelComponent.prototype.ngOnInit = function() {
this.panelClass = this.panelClass || 'panel-default';
this.accordion.addGroup(this);
};
AccordionPanelComponent.prototype.ngOnDestroy = function() {
this.accordion.removeGroup(this);
};
AccordionPanelComponent.prototype.toggleOpen = function(event) {
event.preventDefault();
if (!this.isDisabled) {
this.isOpen = !this.isOpen;
}
};
__decorate([core_1.Input(), __metadata('design:type', String)], AccordionPanelComponent.prototype, "heading", void 0);
__decorate([core_1.Input(), __metadata('design:type', String)], AccordionPanelComponent.prototype, "panelClass", void 0);
__decorate([core_1.Input(), __metadata('design:type', Boolean)], AccordionPanelComponent.prototype, "isDisabled", void 0);
__decorate([core_1.HostBinding('class.panel-open'), core_1.Input(), __metadata('design:type', Boolean)], AccordionPanelComponent.prototype, "isOpen", null);
AccordionPanelComponent = __decorate([core_1.Component({
selector: 'accordion-group, accordion-panel',
directives: [collapse_1.CollapseDirective, common_1.NgClass],
template: "\n <div class=\"panel\" [ngClass]=\"panelClass\">\n <div class=\"panel-heading\" (click)=\"toggleOpen($event)\">\n <h4 class=\"panel-title\">\n <a href tabindex=\"0\" class=\"accordion-toggle\">\n <span *ngIf=\"heading\" [ngClass]=\"{'text-muted': isDisabled}\">{{heading}}</span>\n <ng-content select=\"[accordion-heading]\"></ng-content>\n </a>\n </h4>\n </div>\n <div class=\"panel-collapse collapse\" [collapse]=\"!isOpen\">\n <div class=\"panel-body\">\n <ng-content></ng-content>\n </div>\n </div>\n </div>\n "
}), __param(0, core_1.Inject(accordion_component_1.AccordionComponent)), __metadata('design:paramtypes', [accordion_component_1.AccordionComponent])], AccordionPanelComponent);
return AccordionPanelComponent;
}());
exports.AccordionPanelComponent = AccordionPanelComponent;
return module.exports;
});
System.registerDynamic("ng2-bootstrap/components/accordion", ["./accordion/accordion.component", "./accordion/accordion-group.component"], true, function($__require, exports, module) {
"use strict";
;
var define,
global = this,
GLOBAL = this;
var accordion_component_1 = $__require('./accordion/accordion.component');
var accordion_group_component_1 = $__require('./accordion/accordion-group.component');
var accordion_component_2 = $__require('./accordion/accordion.component');
exports.AccordionComponent = accordion_component_2.AccordionComponent;
var accordion_group_component_2 = $__require('./accordion/accordion-group.component');
exports.AccordionPanelComponent = accordion_group_component_2.AccordionPanelComponent;
exports.ACCORDION_DIRECTIVES = [accordion_component_1.AccordionComponent, accordion_group_component_1.AccordionPanelComponent];
return module.exports;
});
System.registerDynamic("ng2-bootstrap/components/alert/alert.component", ["@angular/core", "@angular/common"], true, function($__require, exports, module) {
"use strict";
;
var define,
global = this,
GLOBAL = this;
var __decorate = (this && this.__decorate) || function(decorators, target, key, desc) {
var c = arguments.length,
r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
r = Reflect.decorate(decorators, target, key, desc);
else
for (var i = decorators.length - 1; i >= 0; i--)
if (d = decorators[i])
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (this && this.__metadata) || function(k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
return Reflect.metadata(k, v);
};
var core_1 = $__require('@angular/core');
var common_1 = $__require('@angular/common');
var ALERT_TEMPLATE = "\n <div class=\"alert\" role=\"alert\" [ngClass]=\"classes\" *ngIf=\"!closed\">\n <button *ngIf=\"dismissible\" type=\"button\" class=\"close\" (click)=\"onClose()\" (touch)=\"onClose()\">\n <span aria-hidden=\"true\">×</span>\n <span class=\"sr-only\">Close</span>\n </button>\n <ng-content></ng-content>\n </div>\n ";
var AlertComponent = (function() {
function AlertComponent() {
this.type = 'warning';
this.close = new core_1.EventEmitter(false);
this.classes = [];
}
AlertComponent.prototype.ngOnInit = function() {
var _this = this;
this.classes[0] = "alert-" + this.type;
if (this.dismissible) {
this.classes[1] = 'alert-dismissible';
} else {
this.classes.length = 1;
}
if (this.dismissOnTimeout) {
setTimeout(function() {
return _this.onClose();
}, this.dismissOnTimeout);
}
};
AlertComponent.prototype.onClose = function() {
this.closed = true;
this.close.emit(this);
};
__decorate([core_1.Input(), __metadata('design:type', String)], AlertComponent.prototype, "type", void 0);
__decorate([core_1.Input(), __metadata('design:type', Boolean)], AlertComponent.prototype, "dismissible", void 0);
__decorate([core_1.Input(), __metadata('design:type', Number)], AlertComponent.prototype, "dismissOnTimeout", void 0);
__decorate([core_1.Output(), __metadata('design:type', core_1.EventEmitter)], AlertComponent.prototype, "close", void 0);
AlertComponent = __decorate([core_1.Component({
selector: 'alert',
directives: [common_1.NgIf, common_1.NgClass],
template: ALERT_TEMPLATE
}), __metadata('design:paramtypes', [])], AlertComponent);
return AlertComponent;
}());
exports.AlertComponent = AlertComponent;
return module.exports;
});
System.registerDynamic("ng2-bootstrap/components/alert", ["./alert/alert.component"], true, function($__require, exports, module) {
"use strict";
;
var define,
global = this,
GLOBAL = this;
var alert_component_1 = $__require('./alert/alert.component');
exports.AlertComponent = alert_component_1.AlertComponent;
return module.exports;
});
System.registerDynamic("ng2-bootstrap/components/buttons/button-checkbox.directive", ["@angular/core", "@angular/forms"], true, function($__require, exports, module) {
"use strict";
;
var define,
global = this,
GLOBAL = this;
var __decorate = (this && this.__decorate) || function(decorators, target, key, desc) {
var c = arguments.length,
r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
r = Reflect.decorate(decorators, target, key, desc);
else
for (var i = decorators.length - 1; i >= 0; i--)
if (d = decorators[i])
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (this && this.__metadata) || function(k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
return Reflect.metadata(k, v);
};
var __param = (this && this.__param) || function(paramIndex, decorator) {
return function(target, key) {
decorator(target, key, paramIndex);
};
};
var core_1 = $__require('@angular/core');
var forms_1 = $__require('@angular/forms');
var ButtonCheckboxDirective = (function() {
function ButtonCheckboxDirective(cd) {
this.state = false;
this.onChange = Function.prototype;
this.onTouched = Function.prototype;
this.cd = cd;
cd.valueAccessor = this;
}
ButtonCheckboxDirective.prototype.onClick = function() {
this.toggle(!this.state);
this.cd.viewToModelUpdate(this.value);
};
ButtonCheckboxDirective.prototype.ngOnInit = function() {
this.toggle(this.trueValue === this.value);
};
Object.defineProperty(ButtonCheckboxDirective.prototype, "trueValue", {
get: function() {
return typeof this.btnCheckboxTrue !== 'undefined' ? this.btnCheckboxTrue : true;
},
enumerable: true,
configurable: true
});
Object.defineProperty(ButtonCheckboxDirective.prototype, "falseValue", {
get: function() {
return typeof this.btnCheckboxFalse !== 'undefined' ? this.btnCheckboxFalse : false;
},
enumerable: true,
configurable: true
});
ButtonCheckboxDirective.prototype.toggle = function(state) {
this.state = state;
this.value = this.state ? this.trueValue : this.falseValue;
};
ButtonCheckboxDirective.prototype.writeValue = function(value) {
this.state = this.trueValue === value;
this.value = value;
};
ButtonCheckboxDirective.prototype.registerOnChange = function(fn) {
this.onChange = fn;
};
ButtonCheckboxDirective.prototype.registerOnTouched = function(fn) {
this.onTouched = fn;
};
__decorate([core_1.Input(), __metadata('design:type', Object)], ButtonCheckboxDirective.prototype, "btnCheckboxTrue", void 0);
__decorate([core_1.Input(), __metadata('design:type', Object)], ButtonCheckboxDirective.prototype, "btnCheckboxFalse", void 0);
__decorate([core_1.HostBinding('class.active'), __metadata('design:type', Boolean)], ButtonCheckboxDirective.prototype, "state", void 0);
__decorate([core_1.HostListener('click'), __metadata('design:type', Function), __metadata('design:paramtypes', []), __metadata('design:returntype', void 0)], ButtonCheckboxDirective.prototype, "onClick", null);
ButtonCheckboxDirective = __decorate([core_1.Directive({selector: '[btnCheckbox][ngModel]'}), __param(0, core_1.Self()), __metadata('design:paramtypes', [forms_1.NgModel])], ButtonCheckboxDirective);
return ButtonCheckboxDirective;
}());
exports.ButtonCheckboxDirective = ButtonCheckboxDirective;
return module.exports;
});
System.registerDynamic("ng2-bootstrap/components/buttons/button-radio.directive", ["@angular/core", "@angular/forms"], true, function($__require, exports, module) {
"use strict";
;
var define,
global = this,
GLOBAL = this;
var __decorate = (this && this.__decorate) || function(decorators, target, key, desc) {
var c = arguments.length,
r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
r = Reflect.decorate(decorators, target, key, desc);
else
for (var i = decorators.length - 1; i >= 0; i--)
if (d = decorators[i])
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (this && this.__metadata) || function(k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
return Reflect.metadata(k, v);
};
var __param = (this && this.__param) || function(paramIndex, decorator) {
return function(target, key) {
decorator(target, key, paramIndex);
};
};
var core_1 = $__require('@angular/core');
var forms_1 = $__require('@angular/forms');
var ButtonRadioDirective = (function() {
function ButtonRadioDirective(cd, el) {
this.onChange = Function.prototype;
this.onTouched = Function.prototype;
this.cd = cd;
this.el = el;
cd.valueAccessor = this;
}
Object.defineProperty(ButtonRadioDirective.prototype, "isActive", {
get: function() {
return this.btnRadio === this.value;
},
enumerable: true,
configurable: true
});
ButtonRadioDirective.prototype.onClick = function() {
if (this.uncheckable && this.btnRadio === this.value) {
return this.cd.viewToModelUpdate(void 0);
}
this.cd.viewToModelUpdate(this.btnRadio);
};
ButtonRadioDirective.prototype.ngOnInit = function() {
this.uncheckable = typeof this.uncheckable !== 'undefined';
};
Object.defineProperty(ButtonRadioDirective.prototype, "value", {
get: function() {
return this.cd.viewModel;
},
set: function(value) {
this.cd.viewModel = value;
},
enumerable: true,
configurable: true
});
ButtonRadioDirective.prototype.writeValue = function(value) {
this.value = value;
};
ButtonRadioDirective.prototype.registerOnChange = function(fn) {
this.onChange = fn;
};
ButtonRadioDirective.prototype.registerOnTouched = function(fn) {
this.onTouched = fn;
};
__decorate([core_1.Input(), __metadata('design:type', String)], ButtonRadioDirective.prototype, "btnRadio", void 0);
__decorate([core_1.Input(), __metadata('design:type', Boolean)], ButtonRadioDirective.prototype, "uncheckable", void 0);
__decorate([core_1.HostBinding('class.active'), __metadata('design:type', Boolean)], ButtonRadioDirective.prototype, "isActive", null);
__decorate([core_1.HostListener('click'), __metadata('design:type', Function), __metadata('design:paramtypes', []), __metadata('design:returntype', void 0)], ButtonRadioDirective.prototype, "onClick", null);
ButtonRadioDirective = __decorate([core_1.Directive({selector: '[btnRadio][ngModel]'}), __param(0, core_1.Self()), __metadata('design:paramtypes', [forms_1.NgModel, core_1.ElementRef])], ButtonRadioDirective);
return ButtonRadioDirective;
}());
exports.ButtonRadioDirective = ButtonRadioDirective;
return module.exports;
});
System.registerDynamic("ng2-bootstrap/components/buttons", ["./buttons/button-checkbox.directive", "./buttons/button-radio.directive"], true, function($__require, exports, module) {
"use strict";
;
var define,
global = this,
GLOBAL = this;
var button_checkbox_directive_1 = $__require('./buttons/button-checkbox.directive');
var button_radio_directive_1 = $__require('./buttons/button-radio.directive');
var button_checkbox_directive_2 = $__require('./buttons/button-checkbox.directive');
exports.ButtonCheckboxDirective = button_checkbox_directive_2.ButtonCheckboxDirective;
var button_radio_directive_2 = $__require('./buttons/button-radio.directive');
exports.ButtonRadioDirective = button_radio_directive_2.ButtonRadioDirective;
exports.BUTTON_DIRECTIVES = [button_checkbox_directive_1.ButtonCheckboxDirective, button_radio_directive_1.ButtonRadioDirective];
return module.exports;
});
System.registerDynamic("ng2-bootstrap/components/carousel/slide.component", ["@angular/core", "./carousel.component"], true, function($__require, exports, module) {
"use strict";
;
var define,
global = this,
GLOBAL = this;
var __decorate = (this && this.__decorate) || function(decorators, target, key, desc) {
var c = arguments.length,
r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
r = Reflect.decorate(decorators, target, key, desc);
else
for (var i = decorators.length - 1; i >= 0; i--)
if (d = decorators[i])
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (this && this.__metadata) || function(k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
return Reflect.metadata(k, v);
};
var core_1 = $__require('@angular/core');
var carousel_component_1 = $__require('./carousel.component');
var SlideComponent = (function() {
function SlideComponent(carousel) {
this.addClass = true;
this.carousel = carousel;
}
SlideComponent.prototype.ngOnInit = function() {
this.carousel.addSlide(this);
};
SlideComponent.prototype.ngOnDestroy = function() {
this.carousel.removeSlide(this);
};
__decorate([core_1.Input(), __metadata('design:type', Number)], SlideComponent.prototype, "index", void 0);
__decorate([core_1.Input(), __metadata('design:type', Number)], SlideComponent.prototype, "direction", void 0);
__decorate([core_1.HostBinding('class.active'), core_1.Input(), __metadata('design:type', Boolean)], SlideComponent.prototype, "active", void 0);
__decorate([core_1.HostBinding('class.item'), core_1.HostBinding('class.carousel-item'), __metadata('design:type', Boolean)], SlideComponent.prototype, "addClass", void 0);
SlideComponent = __decorate([core_1.Component({
selector: 'slide',
template: "\n <div [class.active]=\"active\" class=\"item text-center\">\n <ng-content></ng-content>\n </div>\n "
}), __metadata('design:paramtypes', [carousel_component_1.CarouselComponent])], SlideComponent);
return SlideComponent;
}());
exports.SlideComponent = SlideComponent;
return module.exports;
});
System.registerDynamic("ng2-bootstrap/components/carousel/carousel.component", ["@angular/core", "@angular/common", "../ng2-bootstrap-config"], true, function($__require, exports, module) {
"use strict";
;
var define,
global = this,
GLOBAL = this;
var __decorate = (this && this.__decorate) || function(decorators, target, key, desc) {
var c = arguments.length,
r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
r = Reflect.decorate(decorators, target, key, desc);
else
for (var i = decorators.length - 1; i >= 0; i--)
if (d = decorators[i])
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (this && this.__metadata) || function(k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
return Reflect.metadata(k, v);
};
var core_1 = $__require('@angular/core');
var common_1 = $__require('@angular/common');
var ng2_bootstrap_config_1 = $__require('../ng2-bootstrap-config');
(function(Direction) {
Direction[Direction["UNKNOWN"] = 0] = "UNKNOWN";
Direction[Direction["NEXT"] = 1] = "NEXT";
Direction[Direction["PREV"] = 2] = "PREV";
})(exports.Direction || (exports.Direction = {}));
var Direction = exports.Direction;
var NAVIGATION = (_a = {}, _a[ng2_bootstrap_config_1.Ng2BootstrapTheme.BS4] = "\n <a class=\"left carousel-control\" (click)=\"prev()\" *ngIf=\"slides.length\">\n <span class=\"icon-prev\" aria-hidden=\"true\"></span>\n <span class=\"sr-only\">Previous</span>\n </a>\n <a class=\"right carousel-control\" (click)=\"next()\" *ngIf=\"slides.length\">\n <span class=\"icon-next\" aria-hidden=\"true\"></span>\n <span class=\"sr-only\">Next</span>\n </a>\n ", _a[ng2_bootstrap_config_1.Ng2BootstrapTheme.BS3] = "\n <a class=\"left carousel-control\" (click)=\"prev()\" *ngIf=\"slides.length\">\n <span class=\"glyphicon glyphicon-chevron-left\"></span>\n </a>\n <a class=\"right carousel-control\" (click)=\"next()\" *ngIf=\"slides.length\">\n <span class=\"glyphicon glyphicon-chevron-right\"></span>\n </a>\n ", _a);
var CarouselComponent = (function() {
function CarouselComponent() {
this.slides = [];
this.destroyed = false;
}
Object.defineProperty(CarouselComponent.prototype, "interval", {
get: function() {
return this._interval;
},
set: function(value) {
this._interval = value;
this.restartTimer();
},
enumerable: true,
configurable: true
});
CarouselComponent.prototype.ngOnDestroy = function() {
this.destroyed = true;
};
CarouselComponent.prototype.select = function(nextSlide, direction) {
if (direction === void 0) {
direction = Direction.UNKNOWN;
}
var nextIndex = nextSlide.index;
if (direction === Direction.UNKNOWN) {
direction = nextIndex > this.getCurrentIndex() ? Direction.NEXT : Direction.PREV;
}
if (nextSlide && nextSlide !== this.currentSlide) {
this.goNext(nextSlide, direction);
}
};
CarouselComponent.prototype.play = function() {
if (!this.isPlaying) {
this.isPlaying = true;
this.restartTimer();
}
};
CarouselComponent.prototype.pause = function() {
if (!this.noPause) {
this.isPlaying = false;
this.resetTimer();
}
};
CarouselComponent.prototype.next = function() {
var newIndex = (this.getCurrentIndex() + 1) % this.slides.length;
if (newIndex === 0 && this.noWrap) {
this.pause();
return;
}
return this.select(this.getSlideByIndex(newIndex), Direction.NEXT);
};
CarouselComponent.prototype.prev = function() {
var newIndex = this.getCurrentIndex() - 1 < 0 ? this.slides.length - 1 : this.getCurrentIndex() - 1;
if (this.noWrap && newIndex === this.slides.length - 1) {
this.pause();
return;
}
return this.select(this.getSlideByIndex(newIndex), Direction.PREV);
};
CarouselComponent.prototype.addSlide = function(slide) {
slide.index = this.slides.length;
this.slides.push(slide);
if (this.slides.length === 1 || slide.active) {
this.select(this.slides[this.slides.length - 1]);
if (this.slides.length === 1) {
this.play();
}
} else {
slide.active = false;
}
};
CarouselComponent.prototype.removeSlide = function(slide) {
this.slides.splice(slide.index, 1);
if (this.slides.length === 0) {
this.currentSlide = void 0;
return;
}
for (var i = 0; i < this.slides.length; i++) {
this.slides[i].index = i;
}
};
CarouselComponent.prototype.goNext = function(slide, direction) {
if (this.destroyed) {
return;
}
slide.direction = direction;
slide.active = true;
if (this.currentSlide) {
this.currentSlide.direction = direction;
this.currentSlide.active = false;
}
this.currentSlide = slide;
this.restartTimer();
};
CarouselComponent.prototype.getSlideByIndex = function(index) {
var len = this.slides.length;
for (var i = 0; i < len; ++i) {
if (this.slides[i].index === index) {
return this.slides[i];
}
}
return void 0;
};
CarouselComponent.prototype.getCurrentIndex = function() {
return !this.currentSlide ? 0 : this.currentSlide.index;
};
CarouselComponent.prototype.restartTimer = function() {
var _this = this;
this.resetTimer();
var interval = +this.interval;
if (!isNaN(interval) && interval > 0) {
this.currentInterval = setInterval(function() {
var nInterval = +_this.interval;
if (_this.isPlaying && !isNaN(_this.interval) && nInterval > 0 && _this.slides.length) {
_this.next();
} else {
_this.pause();
}
}, interval);
}
};
CarouselComponent.prototype.resetTimer = function() {
if (this.currentInterval) {
clearInterval(this.currentInterval);
this.currentInterval = void 0;
}
};
__decorate([core_1.Input(), __metadata('design:type', Boolean)], CarouselComponent.prototype, "noWrap", void 0);
__decorate([core_1.Input(), __metadata('design:type', Boolean)], CarouselComponent.prototype, "noPause", void 0);
__decorate([core_1.Input(), __metadata('design:type', Boolean)], CarouselComponent.prototype, "noTransition", void 0);
__decorate([core_1.Input(), __metadata('design:type', Number)], CarouselComponent.prototype, "interval", null);
CarouselComponent = __decorate([core_1.Component({
selector: 'carousel',
directives: [common_1.NgFor],
template: "\n <div (mouseenter)=\"pause()\" (mouseleave)=\"play()\" class=\"carousel slide\">\n <ol class=\"carousel-indicators\" *ngIf=\"slides.length > 1\">\n <li *ngFor=\"let slidez of slides\" [class.active]=\"slidez.active === true\" (click)=\"select(slidez)\"></li>\n </ol>\n <div class=\"carousel-inner\"><ng-content></ng-content></div>\n " + NAVIGATION[ng2_bootstrap_config_1.Ng2BootstrapConfig.theme] + "\n </div>\n "
}), __metadata('design:paramtypes', [])], CarouselComponent);
return CarouselComponent;
}());
exports.CarouselComponent = CarouselComponent;
var _a;
return module.exports;
});
System.registerDynamic("ng2-bootstrap/components/carousel", ["./carousel/slide.component", "./carousel/carousel.component"], true, function($__require, exports, module) {
"use strict";
;
var define,
global = this,
GLOBAL = this;
var slide_component_1 = $__require('./carousel/slide.component');
var carousel_component_1 = $__require('./carousel/carousel.component');
var slide_component_2 = $__require('./carousel/slide.component');
exports.SlideComponent = slide_component_2.SlideComponent;
var carousel_component_2 = $__require('./carousel/carousel.component');
exports.CarouselComponent = carousel_component_2.CarouselComponent;
exports.CAROUSEL_DIRECTIVES = [carousel_component_1.CarouselComponent, slide_component_1.SlideComponent];
return module.exports;
});
System.registerDynamic("ng2-bootstrap/components/collapse/collapse.directive", ["@angular/core"], true, function($__require, exports, module) {
"use strict";
;
var define,
global = this,
GLOBAL = this;
var __decorate = (this && this.__decorate) || function(decorators, target, key, desc) {
var c = arguments.length,
r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
r = Reflect.decorate(decorators, target, key, desc);
else
for (var i = decorators.length - 1; i >= 0; i--)
if (d = decorators[i])
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (this && this.__metadata) || function(k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
return Reflect.metadata(k, v);
};
var core_1 = $__require('@angular/core');
var CollapseDirective = (function() {
function CollapseDirective(_el, _renderer) {
this.isExpanded = true;
this.isCollapsed = false;
this.isCollapse = true;
this.isCollapsing = false;
this._el = _el;
this._renderer = _renderer;
}
Object.defineProperty(CollapseDirective.prototype, "collapse", {
get: function() {
return this.isExpanded;
},
set: function(value) {
this.isExpanded = value;
this.toggle();
},
enumerable: true,
configurable: true
});
CollapseDirective.prototype.ngOnInit = function() {};
CollapseDirective.prototype.toggle = function() {
if (this.isExpanded) {
this.hide();
} else {
this.show();
}
};
CollapseDirective.prototype.hide = function() {
this.isCollapse = false;
this.isCollapsing = true;
this.isExpanded = false;
this.isCollapsed = true;
this.isCollapse = true;
this.isCollapsing = false;
this.display = 'none';
};
CollapseDirective.prototype.show = function() {
this.isCollapse = false;
this.isCollapsing = true;
this.isExpanded = true;
this.isCollapsed = false;
this.display = 'block';
this.isCollapse = true;
this.isCollapsing = false;
this._renderer.setElementStyle(this._el.nativeElement, 'overflow', 'visible');
this._renderer.setElementStyle(this._el.nativeElement, 'height', 'auto');
};
__decorate([core_1.HostBinding('style.display'), __metadata('design:type', String)], CollapseDirective.prototype, "display", void 0);
__decorate([core_1.HostBinding('class.in'), core_1.HostBinding('attr.aria-expanded'), __metadata('design:type', Boolean)], CollapseDirective.prototype, "isExpanded", void 0);
__decorate([core_1.HostBinding('attr.aria-hidden'), __metadata('design:type', Boolean)], CollapseDirective.prototype, "isCollapsed", void 0);
__decorate([core_1.HostBinding('class.collapse'), __metadata('design:type', Boolean)], CollapseDirective.prototype, "isCollapse", void 0);
__decorate([core_1.HostBinding('class.collapsing'), __metadata('design:type', Boolean)], CollapseDirective.prototype, "isCollapsing", void 0);
__decorate([core_1.Input(), __metadata('design:type', Boolean), __metadata('design:paramtypes', [Boolean])], CollapseDirective.prototype, "collapse", null);
CollapseDirective = __decorate([core_1.Directive({selector: '[collapse]'}), __metadata('design:paramtypes', [core_1.ElementRef, core_1.Renderer])], CollapseDirective);
return CollapseDirective;
}());
exports.CollapseDirective = CollapseDirective;
return module.exports;
});
System.registerDynamic("ng2-bootstrap/components/collapse", ["./collapse/collapse.directive"], true, function($__require, exports, module) {
"use strict";
;
var define,
global = this,
GLOBAL = this;
var collapse_directive_1 = $__require('./collapse/collapse.directive');
exports.CollapseDirective = collapse_directive_1.CollapseDirective;
return module.exports;
});
System.registerDynamic("ng2-bootstrap/components/datepicker/datepicker-popup.component", ["@angular/core", "@angular/common", "@angular/forms", "../position", "./datepicker.component"], true, function($__require, exports, module) {
"use strict";
;
var define,
global = this,
GLOBAL = this;
var __decorate = (this && this.__decorate) || function(decorators, target, key, desc) {
var c = arguments.length,
r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
r = Reflect.decorate(decorators, target, key, desc);
else
for (var i = decorators.length - 1; i >= 0; i--)
if (d = decorators[i])
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (this && this.__metadata) || function(k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
return Reflect.metadata(k, v);
};
var __param = (this && this.__param) || function(paramIndex, decorator) {
return function(target, key) {
decorator(target, key, paramIndex);
};
};
var core_1 = $__require('@angular/core');
var common_1 = $__require('@angular/common');
var forms_1 = $__require('@angular/forms');
var position_1 = $__require('../position');
var datepicker_component_1 = $__require('./datepicker.component');
var PopupOptions = (function() {
function PopupOptions(options) {
Object.assign(this, options);
}
return PopupOptions;
}());
var datePickerPopupConfig = {
datepickerPopup: 'YYYY-MM-dd',
currentText: 'Today',
clearText: 'Clear',
closeText: 'Done',
closeOnDateSelection: true,
showButtonBar: true,
onOpenFocus: true
};
var PopupContainerComponent = (function() {
function PopupContainerComponent(element, options) {
this.showButtonBar = true;
this.update1 = new core_1.EventEmitter(false);
this.element = element;
Object.assign(this, options);
this.classMap = {'in': false};
this.classMap[options.placement] = true;
}
PopupContainerComponent.prototype.onUpdate = function($event) {
console.log('update', $event);
if ($event) {
if ($event.toString() !== '[object Date]') {
$event = new Date($event);
}
this.popupComp.activeDate = $event;
}
};
PopupContainerComponent.prototype.position = function(hostEl) {
this.display = 'block';
this.top = '0px';
this.left = '0px';
var p = position_1.positionService.positionElements(hostEl.nativeElement, this.element.nativeElement.children[0], this.placement, false);
this.top = p.top + 'px';
};
PopupContainerComponent.prototype.getText = function(key) {
return this[key + 'Text'] || datePickerPopupConfig[key + 'Text'];
};
PopupContainerComponent.prototype.isDisabled = function() {
return false;
};
PopupContainerComponent = __decorate([core_1.Component({
selector: 'popup-container',
events: ['update1'],
template: "\n <ul class=\"dropdown-menu\"\n style=\"display: block\"\n [ngStyle]=\"{top: top, left: left, display: display}\"\n [ngClass]=\"classMap\">\n <li>\n <datepicker (cupdate)=\"onUpdate($event)\" *ngIf=\"popupComp\" [(ngModel)]=\"popupComp.cd.model\" [show-weeks]=\"true\"></datepicker>\n </li>\n <li *ngIf=\"showButtonBar\" style=\"padding:10px 9px 2px\">\n <span class=\"btn-group pull-left\">\n <button type=\"button\" class=\"btn btn-sm btn-info\" (click)=\"select('today')\" ng-disabled=\"isDisabled('today')\">{{ getText('current') }}</button>\n <button type=\"button\" class=\"btn btn-sm btn-danger\" (click)=\"select(null)\">{{ getText('clear') }}</button>\n </span>\n <button type=\"button\" class=\"btn btn-sm btn-success pull-right\" (click)=\"close()\">{{ getText('close') }}</button>\n </li>\n </ul>",
directives: [common_1.NgClass, common_1.NgStyle, datepicker_component_1.DatePickerComponent, forms_1.FORM_DIRECTIVES, common_1.CORE_DIRECTIVES],
encapsulation: core_1.ViewEncapsulation.None
}), __metadata('design:paramtypes', [core_1.ElementRef, PopupOptions])], PopupContainerComponent);
return PopupContainerComponent;
}());
var DatePickerPopupDirective = (function() {
function DatePickerPopupDirective(cd, viewContainerRef, renderer, loader) {
this._isOpen = false;
this.placement = 'bottom';
this.cd = cd;
this.viewContainerRef = viewContainerRef;
this.renderer = renderer;
this.loader = loader;
this.activeDate = cd.model;
}
Object.defineProperty(DatePickerPopupDirective.prototype, "activeDate", {
get: function() {
return this._activeDate;
},
set: function(value) {
this._activeDate = value;
},
enumerable: true,
configurable: true
});
Object.defineProperty(DatePickerPopupDirective.prototype, "isOpen", {
get: function() {
return this._isOpen;
},
set: function(value) {
var _this = this;
var fn = function() {
_this._isOpen = value;
};
if (value === true) {
this.show(fn);
}
if (value === false) {
this.hide(fn);
}
},
enumerable: true,
configurable: true
});
DatePickerPopupDirective.prototype.hide = function(cb) {
if (this.popup) {
this.popup.then(function(componentRef) {
componentRef.destroy();
cb();
return componentRef;
});
} else {
cb();
}
};
DatePickerPopupDirective.prototype.show = function(cb) {
var _this = this;
var options = new PopupOptions({placement: this.placement});
var binding = core_1.ReflectiveInjector.resolve([core_1.provide(PopupOptions, {useValue: options})]);
this.popup = this.loader.loadNextToLocation(PopupContainerComponent, this.viewContainerRef, binding).then(function(componentRef) {
componentRef.instance.position(_this.viewContainerRef);
componentRef.instance.popupComp = _this;
cb();
return componentRef;
});
};
DatePickerPopupDirective = __decorate([core_1.Directive({
selector: '[datepickerPopup][ngModel]',
properties: ['datepickerPopup', 'isOpen']
}), __param(0, core_1.Self()), __metadata('design:paramtypes', [forms_1.NgModel, core_1.ViewContainerRef, core_1.Renderer, core_1.DynamicComponentLoader])], DatePickerPopupDirective);
return DatePickerPopupDirective;
}());
exports.DatePickerPopupDirective = DatePickerPopupDirective;
return module.exports;
});
System.registerDynamic("ng2-bootstrap/components/datepicker/daypicker.component", ["@angular/core", "@angular/common", "@angular/forms", "../ng2-bootstrap-config", "./datepicker-inner.component"], true, function($__require, exports, module) {
"use strict";
;
var define,
global = this,
GLOBAL = this;
var __decorate = (this && this.__decorate) || function(decorators, target, key, desc) {
var c = arguments.length,
r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
r = Reflect.decorate(decorators, target, key, desc);
else
for (var i = decorators.length - 1; i >= 0; i--)
if (d = decorators[i])
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (this && this.__metadata) || function(k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
return Reflect.metadata(k, v);
};
var core_1 = $__require('@angular/core');
var common_1 = $__require('@angular/common');
var forms_1 = $__require('@angular/forms');
var ng2_bootstrap_config_1 = $__require('../ng2-bootstrap-config');
var datepicker_inner_component_1 = $__require('./datepicker-inner.component');
var TEMPLATE_OPTIONS = (_a = {}, _a[ng2_bootstrap_config_1.Ng2BootstrapTheme.BS4] = {
DAY_TITLE: "\n <th *ngFor=\"let labelz of labels\" class=\"text-xs-center\"><small aria-label=\"labelz.full\"><b>{{labelz.abbr}}</b></small></th>\n ",
WEEK_ROW: "\n <td *ngIf=\"datePicker.showWeeks\" class=\"text-xs-center h6\"><em>{{ weekNumbers[index] }}</em></td>\n <td *ngFor=\"let dtz of rowz\" class=\"text-xs-center\" role=\"gridcell\" [id]=\"dtz.uid\">\n <button type=\"button\" style=\"min-width:100%;\" class=\"btn btn-sm {{dtz.customClass}}\"\n *ngIf=\"!(datePicker.onlyCurrentMonth && dtz.secondary)\"\n [ngClass]=\"{'btn-secondary': !dtz.selected && !datePicker.isActive(dtz), 'btn-info': dtz.selected, disabled: dtz.disabled}\"\n [disabled]=\"dtz.disabled\"\n (click)=\"datePicker.select(dtz.date)\" tabindex=\"-1\">\n <span [ngClass]=\"{'text-muted': dtz.secondary || dtz.current}\">{{dtz.label}}</span>\n </button>\n </td>\n ",
ARROW_LEFT: '<',
ARROW_RIGHT: '>'
}, _a[ng2_bootstrap_config_1.Ng2BootstrapTheme.BS3] = {
DAY_TITLE: "\n <th *ngFor=\"let labelz of labels\" class=\"text-center\"><small aria-label=\"labelz.full\"><b>{{labelz.abbr}}</b></small></th>\n ",
WEEK_ROW: "\n <td *ngIf=\"datePicker.showWeeks\" class=\"text-center h6\"><em>{{ weekNumbers[index] }}</em></td>\n <td *ngFor=\"let dtz of rowz\" class=\"text-center\" role=\"gridcell\" [id]=\"dtz.uid\">\n <button type=\"button\" style=\"min-width:100%;\" class=\"btn btn-default btn-sm {{dtz.customClass}}\"\n *ngIf=\"!(datePicker.onlyCurrentMonth && dtz.secondary)\"\n [ngClass]=\"{'btn-info': dtz.selected, active: datePicker.isActive(dtz), disabled: dtz.disabled}\"\n [disabled]=\"dtz.disabled\"\n (click)=\"datePicker.select(dtz.date)\" tabindex=\"-1\">\n <span [ngClass]=\"{'text-muted': dtz.secondary, 'text-info': dtz.current}\">{{dtz.label}}</span>\n </button>\n </td>\n ",
ARROW_LEFT: "\n <i class=\"glyphicon glyphicon-chevron-left\"></i>\n ",
ARROW_RIGHT: "\n <i class=\"glyphicon glyphicon-chevron-right\"></i>\n "
}, _a);
var CURRENT_THEME_TEMPLATE = TEMPLATE_OPTIONS[ng2_bootstrap_config_1.Ng2BootstrapConfig.theme || ng2_bootstrap_config_1.Ng2BootstrapTheme.BS3];
var DayPickerComponent = (function() {
function DayPickerComponent(datePicker) {
this.labels = [];
this.rows = [];
this.weekNumbers = [];
this.datePicker = datePicker;
}
DayPickerComponent.prototype.ngOnInit = function() {
var self = this;
this.datePicker.stepDay = {months: 1};
this.datePicker.setRefreshViewHandler(function() {
var year = this.activeDate.getFullYear();
var month = this.activeDate.getMonth();
var firstDayOfMonth = new Date(year, month, 1);
var difference = this.startingDay - firstDayOfMonth.getDay();
var numDisplayedFromPreviousMonth = (difference > 0) ? 7 - difference : -difference;
var firstDate = new Date(firstDayOfMonth.getTime());
if (numDisplayedFromPreviousMonth > 0) {
firstDate.setDate(-numDisplayedFromPreviousMonth + 1);
}
var _days = self.getDates(firstDate, 42);
var days = [];
for (var i = 0; i < 42; i++) {
var _dateObject = this.createDateObject(_days[i], this.formatDay);
_dateObject.secondary = _days[i].getMonth() !== month;
_dateObject.uid = this.uniqueId + '-' + i;
days[i] = _dateObject;
}
self.labels = [];
for (var j = 0; j < 7; j++) {
self.labels[j] = {};
self.labels[j].abbr = this.dateFilter(days[j].date, this.formatDayHeader);
self.labels[j].full = this.dateFilter(days[j].date, 'EEEE');
}
self.title = this.dateFilter(this.activeDate, this.formatDayTitle);
self.rows = this.split(days, 7);
if (this.showWeeks) {
self.weekNumbers = [];
var thursdayIndex = (4 + 7 - this.startingDay) % 7;
var numWeeks = self.rows.length;
for (var curWeek = 0; curWeek < numWeeks; curWeek++) {
self.weekNumbers.push(self.getISO8601WeekNumber(self.rows[curWeek][thursdayIndex].date));
}
}
}, 'day');
this.datePicker.setCompareHandler(function(date1, date2) {
var d1 = new Date(date1.getFullYear(), date1.getMonth(), date1.getDate());
var d2 = new Date(date2.getFullYear(), date2.getMonth(), date2.getDate());
return d1.getTime() - d2.getTime();
}, 'day');
this.datePicker.refreshView();
};
DayPickerComponent.prototype.getDates = function(startDate, n) {
var dates = new Array(n);
var current = new Date(startDate.getTime());
var i = 0;
var date;
while (i < n) {
date = new Date(current.getTime());
date = this.datePicker.fixTimeZone(date);
dates[i++] = date;
current = new Date(current.getFullYear(), current.getMonth(), current.getDate() + 1);
}
return dates;
};
DayPickerComponent.prototype.getISO8601WeekNumber = function(date) {
var checkDate = new Date(date.getTime());
checkDate.setDate(checkDate.getDate() + 4 - (checkDate.getDay() || 7));
var time = checkDate.getTime();
checkDate.setMonth(0);
checkDate.setDate(1);
return Math.floor(Math.round((time - checkDate.getTime()) / 86400000) / 7) + 1;
};
DayPickerComponent = __decorate([core_1.Component({
selector: 'daypicker',
template: "\n<table *ngIf=\"datePicker.datepickerMode==='day'\" role=\"grid\" aria-labelledby=\"uniqueId+'-title'\" aria-activedescendant=\"activeDateId\">\n <thead>\n <tr>\n <th>\n <button type=\"button\" class=\"btn btn-default btn-secondary btn-sm pull-left\" (click)=\"datePicker.move(-1)\" tabindex=\"-1\">\n " + CURRENT_THEME_TEMPLATE.ARROW_LEFT + "\n </button>\n </th>\n <th [attr.colspan]=\"5 + datePicker.showWeeks\">\n <button [id]=\"datePicker.uniqueId + '-title'\"\n type=\"button\" class=\"btn btn-default btn-secondary btn-sm\"\n (click)=\"datePicker.toggleMode()\"\n [disabled]=\"datePicker.datepickerMode === datePicker.maxMode\"\n [ngClass]=\"{disabled: datePicker.datepickerMode === datePicker.maxMode}\" tabindex=\"-1\" style=\"width:100%;\">\n <strong>{{title}}</strong>\n </button>\n </th>\n <th>\n <button type=\"button\" class=\"btn btn-default btn-secondary btn-sm pull-right\" (click)=\"datePicker.move(1)\" tabindex=\"-1\">\n " + CURRENT_THEME_TEMPLATE.ARROW_RIGHT + "\n </button>\n </th>\n </tr>\n <tr>\n <th *ngIf=\"datePicker.showWeeks\"></th>\n " + CURRENT_THEME_TEMPLATE.DAY_TITLE + "\n </tr>\n </thead>\n <tbody>\n <template ngFor [ngForOf]=\"rows\" let-rowz=\"$implicit\" let-index=\"index\">\n <tr *ngIf=\"!(datePicker.onlyCurrentMonth && rowz[0].secondary && rowz[6].secondary)\">\n " + CURRENT_THEME_TEMPLATE.WEEK_ROW + "\n </tr>\n </template>\n </tbody>\n</table>\n ",
directives: [forms_1.FORM_DIRECTIVES, common_1.CORE_DIR