primeng - npm Package Compare versions

Comparing version 1.0.0-rc.2 to 1.0.0-rc.3

components/accordion/accordion.js

@@ -1,9 +0,19 @@
-import { NgModule, Component, ElementRef, Input, Output, EventEmitter, ContentChild, trigger, state, transition, style, animate } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { Header } from '../common/shared';
-export var Accordion = (function () {
+"use strict";
+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 shared_1 = require('../common/shared');
+var Accordion = (function () {
     function Accordion(el) {
         this.el = el;
-        this.onClose = new EventEmitter();
-        this.onOpen = new EventEmitter();
+        this.onClose = new core_1.EventEmitter();
+        this.onOpen = new core_1.EventEmitter();
         this.tabs = [];
@@ -17,25 +27,36 @@ }
     };
-    Accordion.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-accordion',
-                    template: "\n        <div [ngClass]=\"'ui-accordion ui-widget ui-helper-reset'\" [ngStyle]=\"style\" [class]=\"styleClass\">\n            <ng-content></ng-content>\n        </div>\n    ",
-                },] },
-    ];
-    /** @nocollapse */
-    Accordion.ctorParameters = [
-        { type: ElementRef, },
-    ];
-    Accordion.propDecorators = {
-        'multiple': [{ type: Input },],
-        'onClose': [{ type: Output },],
-        'onOpen': [{ type: Output },],
-        'style': [{ type: Input },],
-        'styleClass': [{ type: Input },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Accordion.prototype, "multiple", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Accordion.prototype, "onClose", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Accordion.prototype, "onOpen", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], Accordion.prototype, "style", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Accordion.prototype, "styleClass", void 0);
+    Accordion = __decorate([
+        core_1.Component({
+            selector: 'p-accordion',
+            template: "\n        <div [ngClass]=\"'ui-accordion ui-widget ui-helper-reset'\" [ngStyle]=\"style\" [class]=\"styleClass\">\n            <ng-content></ng-content>\n        </div>\n    ",
+        }), 
+        __metadata('design:paramtypes', [core_1.ElementRef])
+    ], Accordion);
     return Accordion;
 }());
-export var AccordionTab = (function () {
+exports.Accordion = Accordion;
+var AccordionTab = (function () {
     function AccordionTab(accordion) {
         this.accordion = accordion;
-        this.selectedChange = new EventEmitter();
+        this.selectedChange = new core_1.EventEmitter();
         this.accordion.addTab(this);
@@ -81,47 +102,58 @@ }
     };
-    AccordionTab.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-accordionTab',
-                    template: "\n        <div class=\"ui-accordion-header ui-state-default ui-corner-all\" [ngClass]=\"{'ui-state-active': selected,'ui-state-hover':hover&&!disabled,'ui-state-disabled':disabled}\"\n            (mouseenter)=\"hover = true\" (mouseleave)=\"hover=false\" (click)=\"toggle($event)\">\n            <span class=\"fa fa-fw\" [ngClass]=\"{'fa-caret-down': selected, 'fa-caret-right': !selected}\"></span>\n            <a href=\"#\" *ngIf=\"!headerFacet\" role=\"tab\" [attr.aria-expanded]=\"selected\" [attr.aria-selected]=\"selected\">{{header}}</a>\n            <a href=\"#\" *ngIf=\"headerFacet\" role=\"tab\" [attr.aria-expanded]=\"selected\" [attr.aria-selected]=\"selected\">\n                <ng-content select=\"header\"></ng-content>\n            </a>\n        </div>\n        <div class=\"ui-accordion-content-wrapper\" [@tabContent]=\"selected ? 'visible' : 'hidden'\" \n            [ngClass]=\"{'ui-accordion-content-wrapper-overflown': !selected||animating}\" role=\"tabpanel\" [attr.aria-hidden]=\"!selected\">\n            <div class=\"ui-accordion-content ui-widget-content\">\n                <ng-content></ng-content>\n            </div>\n        </div>\n    ",
-                    animations: [
-                        trigger('tabContent', [
-                            state('hidden', style({
-                                height: '0px'
-                            })),
-                            state('visible', style({
-                                height: '*'
-                            })),
-                            transition('visible => hidden', animate('400ms cubic-bezier(0.86, 0, 0.07, 1)')),
-                            transition('hidden => visible', animate('400ms cubic-bezier(0.86, 0, 0.07, 1)'))
-                        ])
-                    ]
-                },] },
-    ];
-    /** @nocollapse */
-    AccordionTab.ctorParameters = [
-        { type: Accordion, },
-    ];
-    AccordionTab.propDecorators = {
-        'header': [{ type: Input },],
-        'selected': [{ type: Input },],
-        'disabled': [{ type: Input },],
-        'selectedChange': [{ type: Output },],
-        'headerFacet': [{ type: ContentChild, args: [Header,] },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], AccordionTab.prototype, "header", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], AccordionTab.prototype, "selected", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], AccordionTab.prototype, "disabled", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], AccordionTab.prototype, "selectedChange", void 0);
+    __decorate([
+        core_1.ContentChild(shared_1.Header), 
+        __metadata('design:type', Object)
+    ], AccordionTab.prototype, "headerFacet", void 0);
+    AccordionTab = __decorate([
+        core_1.Component({
+            selector: 'p-accordionTab',
+            template: "\n        <div class=\"ui-accordion-header ui-state-default ui-corner-all\" [ngClass]=\"{'ui-state-active': selected,'ui-state-hover':hover&&!disabled,'ui-state-disabled':disabled}\"\n            (mouseenter)=\"hover = true\" (mouseleave)=\"hover=false\" (click)=\"toggle($event)\">\n            <span class=\"fa fa-fw\" [ngClass]=\"{'fa-caret-down': selected, 'fa-caret-right': !selected}\"></span>\n            <a href=\"#\" *ngIf=\"!headerFacet\" role=\"tab\" [attr.aria-expanded]=\"selected\" [attr.aria-selected]=\"selected\">{{header}}</a>\n            <a href=\"#\" *ngIf=\"headerFacet\" role=\"tab\" [attr.aria-expanded]=\"selected\" [attr.aria-selected]=\"selected\">\n                <ng-content select=\"header\"></ng-content>\n            </a>\n        </div>\n        <div class=\"ui-accordion-content-wrapper\" [@tabContent]=\"selected ? 'visible' : 'hidden'\" \n            [ngClass]=\"{'ui-accordion-content-wrapper-overflown': !selected||animating}\" role=\"tabpanel\" [attr.aria-hidden]=\"!selected\">\n            <div class=\"ui-accordion-content ui-widget-content\">\n                <ng-content></ng-content>\n            </div>\n        </div>\n    ",
+            animations: [
+                core_1.trigger('tabContent', [
+                    core_1.state('hidden', core_1.style({
+                        height: '0px'
+                    })),
+                    core_1.state('visible', core_1.style({
+                        height: '*'
+                    })),
+                    core_1.transition('visible => hidden', core_1.animate('400ms cubic-bezier(0.86, 0, 0.07, 1)')),
+                    core_1.transition('hidden => visible', core_1.animate('400ms cubic-bezier(0.86, 0, 0.07, 1)'))
+                ])
+            ]
+        }), 
+        __metadata('design:paramtypes', [Accordion])
+    ], AccordionTab);
     return AccordionTab;
 }());
-export var AccordionModule = (function () {
+exports.AccordionTab = AccordionTab;
+var AccordionModule = (function () {
     function AccordionModule() {
     }
-    AccordionModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule],
-                    exports: [Accordion, AccordionTab],
-                    declarations: [Accordion, AccordionTab]
-                },] },
-    ];
-    /** @nocollapse */
-    AccordionModule.ctorParameters = [];
+    AccordionModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule],
+            exports: [Accordion, AccordionTab],
+            declarations: [Accordion, AccordionTab]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], AccordionModule);
     return AccordionModule;
 }());
+exports.AccordionModule = AccordionModule;
 //# sourceMappingURL=accordion.js.map

components/autocomplete/autocomplete.js

@@ -1,14 +0,24 @@
-import { NgModule, Component, ElementRef, Input, Output, EventEmitter, ContentChild, TemplateRef, IterableDiffers, Renderer, forwardRef } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { InputTextModule } from '../inputtext/inputtext';
-import { ButtonModule } from '../button/button';
-import { SharedModule } from '../common/shared';
-import { DomHandler } from '../dom/domhandler';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-export var AUTOCOMPLETE_VALUE_ACCESSOR = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(function () { return AutoComplete; }),
+"use strict";
+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 inputtext_1 = require('../inputtext/inputtext');
+var button_1 = require('../button/button');
+var shared_1 = require('../common/shared');
+var domhandler_1 = require('../dom/domhandler');
+var forms_1 = require('@angular/forms');
+exports.AUTOCOMPLETE_VALUE_ACCESSOR = {
+    provide: forms_1.NG_VALUE_ACCESSOR,
+    useExisting: core_1.forwardRef(function () { return AutoComplete; }),
     multi: true
 };
-export var AutoComplete = (function () {
+var AutoComplete = (function () {
     function AutoComplete(el, domHandler, differs, renderer) {
@@ -20,6 +30,6 @@ this.el = el;
         this.delay = 300;
-        this.completeMethod = new EventEmitter();
-        this.onSelect = new EventEmitter();
-        this.onUnselect = new EventEmitter();
-        this.onDropdownClick = new EventEmitter();
+        this.completeMethod = new core_1.EventEmitter();
+        this.onSelect = new core_1.EventEmitter();
+        this.onUnselect = new core_1.EventEmitter();
+        this.onDropdownClick = new core_1.EventEmitter();
         this.scrollHeight = '200px';
@@ -132,3 +142,3 @@ this.onModelChange = function () { };
             this.panelVisible = true;
-            this.panel.style.zIndex = ++DomHandler.zindex;
+            this.panel.style.zIndex = ++domhandler_1.DomHandler.zindex;
             this.domHandler.fadeIn(this.panel, 200);
@@ -267,55 +277,111 @@ }
     };
-    AutoComplete.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-autoComplete',
-                    template: "\n        <span [ngClass]=\"{'ui-autocomplete ui-widget':true,'ui-autocomplete-dd':dropdown,'ui-autocomplete-multiple':multiple}\" [ngStyle]=\"style\" [class]=\"styleClass\">\n            <input *ngIf=\"!multiple\" #in pInputText type=\"text\" [ngStyle]=\"inputStyle\" [class]=\"inputStyleClass\" autocomplete=\"off\"\n            [value]=\"value ? (field ? resolveFieldData(value)||value : value) : null\" (input)=\"onInput($event)\" (keydown)=\"onKeydown($event)\" (blur)=\"onModelTouched()\"\n            [attr.placeholder]=\"placeholder\" [attr.size]=\"size\" [attr.maxlength]=\"maxlength\" [attr.readonly]=\"readonly\" [disabled]=\"disabled\"\n            [ngClass]=\"{'ui-autocomplete-input':true,'ui-autocomplete-dd-input':dropdown}\"\n            ><ul *ngIf=\"multiple\" class=\"ui-autocomplete-multiple-container ui-widget ui-inputtext ui-state-default ui-corner-all\" (click)=\"multiIn.focus()\">\n                <li #token *ngFor=\"let val of value\" class=\"ui-autocomplete-token ui-state-highlight ui-corner-all\">\n                    <span class=\"ui-autocomplete-token-icon fa fa-fw fa-close\" (click)=\"removeItem(token)\"></span>\n                    <span class=\"ui-autocomplete-token-label\">{{field ? val[field] : val}}</span>\n                </li>\n                <li class=\"ui-autocomplete-input-token\">\n                    <input #multiIn type=\"text\" pInputText (input)=\"onInput($event)\" (keydown)=\"onKeydown($event)\" (blur)=\"onModelTouched()\" autocomplete=\"off\">\n                </li>\n            </ul\n            ><button type=\"button\" pButton icon=\"fa-fw fa-caret-down\" class=\"ui-autocomplete-dropdown\" [disabled]=\"disabled\"\n                (click)=\"handleDropdownClick($event)\" *ngIf=\"dropdown\"></button>\n            <div class=\"ui-autocomplete-panel ui-widget-content ui-corner-all ui-shadow\" [style.display]=\"panelVisible ? 'block' : 'none'\" [style.width]=\"'100%'\" [style.max-height]=\"scrollHeight\">\n                <ul class=\"ui-autocomplete-items ui-autocomplete-list ui-widget-content ui-widget ui-corner-all ui-helper-reset\">\n                    <li *ngFor=\"let option of suggestions\" [ngClass]=\"{'ui-autocomplete-list-item ui-corner-all':true,'ui-state-highlight':(highlightOption==option)}\"\n                        (mouseenter)=\"highlightOption=option\" (mouseleave)=\"highlightOption=null\" (click)=\"selectItem(option)\">\n                        <span *ngIf=\"!itemTemplate\">{{field ? option[field] : option}}</span>\n                        <template *ngIf=\"itemTemplate\" [pTemplateWrapper]=\"itemTemplate\" [item]=\"option\"></template>\n                    </li>\n                </ul>\n            </div>\n        </span>\n    ",
-                    providers: [DomHandler, AUTOCOMPLETE_VALUE_ACCESSOR]
-                },] },
-    ];
-    /** @nocollapse */
-    AutoComplete.ctorParameters = [
-        { type: ElementRef, },
-        { type: DomHandler, },
-        { type: IterableDiffers, },
-        { type: Renderer, },
-    ];
-    AutoComplete.propDecorators = {
-        'minLength': [{ type: Input },],
-        'delay': [{ type: Input },],
-        'style': [{ type: Input },],
-        'styleClass': [{ type: Input },],
-        'inputStyle': [{ type: Input },],
-        'inputStyleClass': [{ type: Input },],
-        'placeholder': [{ type: Input },],
-        'readonly': [{ type: Input },],
-        'disabled': [{ type: Input },],
-        'maxlength': [{ type: Input },],
-        'size': [{ type: Input },],
-        'suggestions': [{ type: Input },],
-        'completeMethod': [{ type: Output },],
-        'onSelect': [{ type: Output },],
-        'onUnselect': [{ type: Output },],
-        'onDropdownClick': [{ type: Output },],
-        'field': [{ type: Input },],
-        'scrollHeight': [{ type: Input },],
-        'dropdown': [{ type: Input },],
-        'multiple': [{ type: Input },],
-        'itemTemplate': [{ type: ContentChild, args: [TemplateRef,] },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], AutoComplete.prototype, "minLength", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], AutoComplete.prototype, "delay", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], AutoComplete.prototype, "style", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], AutoComplete.prototype, "styleClass", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], AutoComplete.prototype, "inputStyle", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], AutoComplete.prototype, "inputStyleClass", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], AutoComplete.prototype, "placeholder", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], AutoComplete.prototype, "readonly", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], AutoComplete.prototype, "disabled", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], AutoComplete.prototype, "maxlength", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], AutoComplete.prototype, "size", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Array)
+    ], AutoComplete.prototype, "suggestions", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], AutoComplete.prototype, "completeMethod", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], AutoComplete.prototype, "onSelect", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], AutoComplete.prototype, "onUnselect", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], AutoComplete.prototype, "onDropdownClick", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], AutoComplete.prototype, "field", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], AutoComplete.prototype, "scrollHeight", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], AutoComplete.prototype, "dropdown", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], AutoComplete.prototype, "multiple", void 0);
+    __decorate([
+        core_1.ContentChild(core_1.TemplateRef), 
+        __metadata('design:type', core_1.TemplateRef)
+    ], AutoComplete.prototype, "itemTemplate", void 0);
+    AutoComplete = __decorate([
+        core_1.Component({
+            selector: 'p-autoComplete',
+            template: "\n        <span [ngClass]=\"{'ui-autocomplete ui-widget':true,'ui-autocomplete-dd':dropdown,'ui-autocomplete-multiple':multiple}\" [ngStyle]=\"style\" [class]=\"styleClass\">\n            <input *ngIf=\"!multiple\" #in pInputText type=\"text\" [ngStyle]=\"inputStyle\" [class]=\"inputStyleClass\" autocomplete=\"off\"\n            [value]=\"value ? (field ? resolveFieldData(value)||value : value) : null\" (input)=\"onInput($event)\" (keydown)=\"onKeydown($event)\" (blur)=\"onModelTouched()\"\n            [attr.placeholder]=\"placeholder\" [attr.size]=\"size\" [attr.maxlength]=\"maxlength\" [attr.readonly]=\"readonly\" [disabled]=\"disabled\"\n            [ngClass]=\"{'ui-autocomplete-input':true,'ui-autocomplete-dd-input':dropdown}\"\n            ><ul *ngIf=\"multiple\" class=\"ui-autocomplete-multiple-container ui-widget ui-inputtext ui-state-default ui-corner-all\" (click)=\"multiIn.focus()\">\n                <li #token *ngFor=\"let val of value\" class=\"ui-autocomplete-token ui-state-highlight ui-corner-all\">\n                    <span class=\"ui-autocomplete-token-icon fa fa-fw fa-close\" (click)=\"removeItem(token)\"></span>\n                    <span class=\"ui-autocomplete-token-label\">{{field ? val[field] : val}}</span>\n                </li>\n                <li class=\"ui-autocomplete-input-token\">\n                    <input #multiIn type=\"text\" pInputText (input)=\"onInput($event)\" (keydown)=\"onKeydown($event)\" (blur)=\"onModelTouched()\" autocomplete=\"off\">\n                </li>\n            </ul\n            ><button type=\"button\" pButton icon=\"fa-fw fa-caret-down\" class=\"ui-autocomplete-dropdown\" [disabled]=\"disabled\"\n                (click)=\"handleDropdownClick($event)\" *ngIf=\"dropdown\"></button>\n            <div class=\"ui-autocomplete-panel ui-widget-content ui-corner-all ui-shadow\" [style.display]=\"panelVisible ? 'block' : 'none'\" [style.width]=\"'100%'\" [style.max-height]=\"scrollHeight\">\n                <ul class=\"ui-autocomplete-items ui-autocomplete-list ui-widget-content ui-widget ui-corner-all ui-helper-reset\">\n                    <li *ngFor=\"let option of suggestions\" [ngClass]=\"{'ui-autocomplete-list-item ui-corner-all':true,'ui-state-highlight':(highlightOption==option)}\"\n                        (mouseenter)=\"highlightOption=option\" (mouseleave)=\"highlightOption=null\" (click)=\"selectItem(option)\">\n                        <span *ngIf=\"!itemTemplate\">{{field ? option[field] : option}}</span>\n                        <template *ngIf=\"itemTemplate\" [pTemplateWrapper]=\"itemTemplate\" [item]=\"option\"></template>\n                    </li>\n                </ul>\n            </div>\n        </span>\n    ",
+            providers: [domhandler_1.DomHandler, exports.AUTOCOMPLETE_VALUE_ACCESSOR]
+        }), 
+        __metadata('design:paramtypes', [core_1.ElementRef, domhandler_1.DomHandler, core_1.IterableDiffers, core_1.Renderer])
+    ], AutoComplete);
     return AutoComplete;
 }());
-export var AutoCompleteModule = (function () {
+exports.AutoComplete = AutoComplete;
+var AutoCompleteModule = (function () {
     function AutoCompleteModule() {
     }
-    AutoCompleteModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule, InputTextModule, ButtonModule, SharedModule],
-                    exports: [AutoComplete, SharedModule],
-                    declarations: [AutoComplete]
-                },] },
-    ];
-    /** @nocollapse */
-    AutoCompleteModule.ctorParameters = [];
+    AutoCompleteModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule, inputtext_1.InputTextModule, button_1.ButtonModule, shared_1.SharedModule],
+            exports: [AutoComplete, shared_1.SharedModule],
+            declarations: [AutoComplete]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], AutoCompleteModule);
     return AutoCompleteModule;
 }());
+exports.AutoCompleteModule = AutoCompleteModule;
 //# sourceMappingURL=autocomplete.js.map

components/blockui/blockui.js

@@ -1,5 +0,15 @@
-import { NgModule, Component, Input, ElementRef } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { DomHandler } from '../dom/domhandler';
-export var BlockUI = (function () {
+"use strict";
+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 domhandler_1 = require('../dom/domhandler');
+var BlockUI = (function () {
     function BlockUI(el, domHandler) {
@@ -39,3 +49,3 @@ this.el = el;
         }
-        this._mask.style.zIndex = String(++DomHandler.zindex);
+        this._mask.style.zIndex = String(++domhandler_1.DomHandler.zindex);
     };
@@ -47,34 +57,35 @@ BlockUI.prototype.unblock = function () {
     };
-    BlockUI.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-blockUI',
-                    template: "\n        <div class=\"ui-blockui ui-widget-overlay\" [ngStyle]=\"{display: blocked ? 'block' : 'none'}\"></div>\n    ",
-                    providers: [DomHandler]
-                },] },
-    ];
-    /** @nocollapse */
-    BlockUI.ctorParameters = [
-        { type: ElementRef, },
-        { type: DomHandler, },
-    ];
-    BlockUI.propDecorators = {
-        'target': [{ type: Input },],
-        'blocked': [{ type: Input },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], BlockUI.prototype, "target", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], BlockUI.prototype, "blocked", null);
+    BlockUI = __decorate([
+        core_1.Component({
+            selector: 'p-blockUI',
+            template: "\n        <div class=\"ui-blockui ui-widget-overlay\" [ngStyle]=\"{display: blocked ? 'block' : 'none'}\"></div>\n    ",
+            providers: [domhandler_1.DomHandler]
+        }), 
+        __metadata('design:paramtypes', [core_1.ElementRef, domhandler_1.DomHandler])
+    ], BlockUI);
     return BlockUI;
 }());
-export var BlockUIModule = (function () {
+exports.BlockUI = BlockUI;
+var BlockUIModule = (function () {
     function BlockUIModule() {
     }
-    BlockUIModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule],
-                    exports: [BlockUI],
-                    declarations: [BlockUI]
-                },] },
-    ];
-    /** @nocollapse */
-    BlockUIModule.ctorParameters = [];
+    BlockUIModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule],
+            exports: [BlockUI],
+            declarations: [BlockUI]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], BlockUIModule);
     return BlockUIModule;
 }());
+exports.BlockUIModule = BlockUIModule;
 //# sourceMappingURL=blockui.js.map

components/breadcrumb/breadcrumb.js

@@ -1,5 +0,15 @@
-import { NgModule, Component, Input, EventEmitter } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { Router } from '@angular/router';
-export var Breadcrumb = (function () {
+"use strict";
+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 router_1 = require('@angular/router');
+var Breadcrumb = (function () {
     function Breadcrumb(router) {
@@ -18,3 +28,3 @@ this.router = router;
             if (!item.eventEmitter) {
-                item.eventEmitter = new EventEmitter();
+                item.eventEmitter = new core_1.EventEmitter();
                 item.eventEmitter.subscribe(item.command);
@@ -41,33 +51,38 @@ }
     };
-    Breadcrumb.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-breadcrumb',
-                    template: "\n        <div [class]=\"styleClass\" [ngStyle]=\"style\" [ngClass]=\"'ui-breadcrumb ui-widget ui-widget-header ui-helper-clearfix ui-corner-all'\">\n            <ul>\n                <li class=\"fa fa-home\"></li>\n                <template ngFor let-item let-end=\"last\" [ngForOf]=\"model\">\n                    <li role=\"menuitem\">\n                        <a [href]=\"item.url||'#'\" class=\"ui-menuitem-link\" (click)=\"itemClick($event, item)\" [ngClass]=\"{'ui-state-disabled':item.disabled}\">\n                            <span class=\"ui-menuitem-text\">{{item.label}}</span>\n                        </a>\n                    </li>\n                    <li class=\"ui-breadcrumb-chevron fa fa-chevron-right\" *ngIf=\"!end\"></li>\n                </template>\n            </ul>\n        </div>\n    "
-                },] },
-    ];
-    /** @nocollapse */
-    Breadcrumb.ctorParameters = [
-        { type: Router, },
-    ];
-    Breadcrumb.propDecorators = {
-        'model': [{ type: Input },],
-        'style': [{ type: Input },],
-        'styleClass': [{ type: Input },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Array)
+    ], Breadcrumb.prototype, "model", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], Breadcrumb.prototype, "style", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Breadcrumb.prototype, "styleClass", void 0);
+    Breadcrumb = __decorate([
+        core_1.Component({
+            selector: 'p-breadcrumb',
+            template: "\n        <div [class]=\"styleClass\" [ngStyle]=\"style\" [ngClass]=\"'ui-breadcrumb ui-widget ui-widget-header ui-helper-clearfix ui-corner-all'\">\n            <ul>\n                <li class=\"fa fa-home\"></li>\n                <template ngFor let-item let-end=\"last\" [ngForOf]=\"model\">\n                    <li role=\"menuitem\">\n                        <a [href]=\"item.url||'#'\" class=\"ui-menuitem-link\" (click)=\"itemClick($event, item)\" [ngClass]=\"{'ui-state-disabled':item.disabled}\">\n                            <span class=\"ui-menuitem-text\">{{item.label}}</span>\n                        </a>\n                    </li>\n                    <li class=\"ui-breadcrumb-chevron fa fa-chevron-right\" *ngIf=\"!end\"></li>\n                </template>\n            </ul>\n        </div>\n    "
+        }), 
+        __metadata('design:paramtypes', [router_1.Router])
+    ], Breadcrumb);
     return Breadcrumb;
 }());
-export var BreadcrumbModule = (function () {
+exports.Breadcrumb = Breadcrumb;
+var BreadcrumbModule = (function () {
     function BreadcrumbModule() {
     }
-    BreadcrumbModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule],
-                    exports: [Breadcrumb],
-                    declarations: [Breadcrumb]
-                },] },
-    ];
-    /** @nocollapse */
-    BreadcrumbModule.ctorParameters = [];
+    BreadcrumbModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule],
+            exports: [Breadcrumb],
+            declarations: [Breadcrumb]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], BreadcrumbModule);
     return BreadcrumbModule;
 }());
+exports.BreadcrumbModule = BreadcrumbModule;
 //# sourceMappingURL=breadcrumb.js.map

components/button/button.js

@@ -1,5 +0,15 @@
-import { NgModule, Directive, ElementRef, HostListener, Input } from '@angular/core';
-import { DomHandler } from '../dom/domhandler';
-import { CommonModule } from '@angular/common';
-export var Button = (function () {
+"use strict";
+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 domhandler_1 = require('../dom/domhandler');
+var common_1 = require('@angular/common');
+var Button = (function () {
     function Button(el, domHandler) {
@@ -83,46 +93,80 @@ this.el = el;
     };
-    Button.decorators = [
-        { type: Directive, args: [{
-                    selector: '[pButton]',
-                    host: {
-                        '[class.ui-state-hover]': 'hover&&!isDisabled()',
-                        '[class.ui-state-focus]': 'focus',
-                        '[class.ui-state-active]': 'active',
-                        '[class.ui-state-disabled]': 'isDisabled()'
-                    },
-                    providers: [DomHandler]
-                },] },
-    ];
-    /** @nocollapse */
-    Button.ctorParameters = [
-        { type: ElementRef, },
-        { type: DomHandler, },
-    ];
-    Button.propDecorators = {
-        'icon': [{ type: Input },],
-        'iconPos': [{ type: Input },],
-        'onMouseenter': [{ type: HostListener, args: ['mouseenter', ['$event'],] },],
-        'onMouseleave': [{ type: HostListener, args: ['mouseleave', ['$event'],] },],
-        'onMouseDown': [{ type: HostListener, args: ['mousedown', ['$event'],] },],
-        'onMouseUp': [{ type: HostListener, args: ['mouseup', ['$event'],] },],
-        'onFocus': [{ type: HostListener, args: ['focus', ['$event'],] },],
-        'onBlur': [{ type: HostListener, args: ['blur', ['$event'],] },],
-        'label': [{ type: Input },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Button.prototype, "icon", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Button.prototype, "iconPos", void 0);
+    __decorate([
+        core_1.HostListener('mouseenter', ['$event']), 
+        __metadata('design:type', Function), 
+        __metadata('design:paramtypes', [Event]), 
+        __metadata('design:returntype', void 0)
+    ], Button.prototype, "onMouseenter", null);
+    __decorate([
+        core_1.HostListener('mouseleave', ['$event']), 
+        __metadata('design:type', Function), 
+        __metadata('design:paramtypes', [Event]), 
+        __metadata('design:returntype', void 0)
+    ], Button.prototype, "onMouseleave", null);
+    __decorate([
+        core_1.HostListener('mousedown', ['$event']), 
+        __metadata('design:type', Function), 
+        __metadata('design:paramtypes', [Event]), 
+        __metadata('design:returntype', void 0)
+    ], Button.prototype, "onMouseDown", null);
+    __decorate([
+        core_1.HostListener('mouseup', ['$event']), 
+        __metadata('design:type', Function), 
+        __metadata('design:paramtypes', [Event]), 
+        __metadata('design:returntype', void 0)
+    ], Button.prototype, "onMouseUp", null);
+    __decorate([
+        core_1.HostListener('focus', ['$event']), 
+        __metadata('design:type', Function), 
+        __metadata('design:paramtypes', [Event]), 
+        __metadata('design:returntype', void 0)
+    ], Button.prototype, "onFocus", null);
+    __decorate([
+        core_1.HostListener('blur', ['$event']), 
+        __metadata('design:type', Function), 
+        __metadata('design:paramtypes', [Event]), 
+        __metadata('design:returntype', void 0)
+    ], Button.prototype, "onBlur", null);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Button.prototype, "label", null);
+    Button = __decorate([
+        core_1.Directive({
+            selector: '[pButton]',
+            host: {
+                '[class.ui-state-hover]': 'hover&&!isDisabled()',
+                '[class.ui-state-focus]': 'focus',
+                '[class.ui-state-active]': 'active',
+                '[class.ui-state-disabled]': 'isDisabled()'
+            },
+            providers: [domhandler_1.DomHandler]
+        }), 
+        __metadata('design:paramtypes', [core_1.ElementRef, domhandler_1.DomHandler])
+    ], Button);
     return Button;
 }());
-export var ButtonModule = (function () {
+exports.Button = Button;
+var ButtonModule = (function () {
     function ButtonModule() {
     }
-    ButtonModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule],
-                    exports: [Button],
-                    declarations: [Button]
-                },] },
-    ];
-    /** @nocollapse */
-    ButtonModule.ctorParameters = [];
+    ButtonModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule],
+            exports: [Button],
+            declarations: [Button]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], ButtonModule);
     return ButtonModule;
 }());
+exports.ButtonModule = ButtonModule;
 //# sourceMappingURL=button.js.map

components/calendar/calendar.js

@@ -1,13 +0,23 @@
-import { NgModule, Component, ElementRef, Input, Output, EventEmitter, forwardRef, Renderer, trigger, state, style, transition, animate } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { ButtonModule } from '../button/button';
-import { InputTextModule } from '../inputtext/inputtext';
-import { DomHandler } from '../dom/domhandler';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-export var CALENDAR_VALUE_ACCESSOR = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(function () { return Calendar; }),
+"use strict";
+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 button_1 = require('../button/button');
+var inputtext_1 = require('../inputtext/inputtext');
+var domhandler_1 = require('../dom/domhandler');
+var forms_1 = require('@angular/forms');
+exports.CALENDAR_VALUE_ACCESSOR = {
+    provide: forms_1.NG_VALUE_ACCESSOR,
+    useExisting: core_1.forwardRef(function () { return Calendar; }),
     multi: true
 };
-export var Calendar = (function () {
+var Calendar = (function () {
     function Calendar(el, domHandler, renderer) {
@@ -23,4 +33,4 @@ this.el = el;
         this.hourFormat = '24';
-        this.onBlur = new EventEmitter();
-        this.onSelect = new EventEmitter();
+        this.onBlur = new core_1.EventEmitter();
+        this.onSelect = new core_1.EventEmitter();
         this.locale = {
@@ -444,3 +454,3 @@ firstDayOfWeek: 0,
         this.overlayVisible = true;
-        this.overlay.style.zIndex = String(++DomHandler.zindex);
+        this.overlay.style.zIndex = String(++domhandler_1.DomHandler.zindex);
     };
@@ -717,72 +727,147 @@ Calendar.prototype.writeValue = function (value) {
     };
-    Calendar.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-calendar',
-                    template: "\n        <span [ngClass]=\"{'ui-calendar':true,'ui-calendar-w-btn':showIcon}\" [ngStyle]=\"style\" [class]=\"styleClass\">\n            <input type=\"text\" pInputText *ngIf=\"!inline\" (focus)=\"onInputFocus($event)\" (keydown)=\"onInputKeydown($event)\" (click)=\"closeOverlay=false\" (blur)=\"onInputBlur($event)\"\n                    [readonly]=\"readonlyInput\" (input)=\"onInput($event)\" [ngStyle]=\"inputStyle\" [class]=\"inputStyleClass\" [placeholder]=\"placeholder||''\" [disabled]=\"disabled\"\n                    ><button type=\"button\" [icon]=\"icon\" pButton *ngIf=\"showIcon\" (click)=\"onButtonClick($event)\"\n                    [ngClass]=\"{'ui-datepicker-trigger':true,'ui-state-disabled':disabled}\" [disabled]=\"disabled\"></button>\n            <div class=\"ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all\" [ngClass]=\"{'ui-datepicker-inline':inline,'ui-shadow':!inline,'ui-state-disabled':disabled}\" \n                [ngStyle]=\"{'display': inline ? 'inline-block' : (overlayVisible ? 'block' : 'none')}\" (click)=\"onDatePickerClick($event)\" [@overlayState]=\"inline ? 'visible' : (overlayVisible ? 'visible' : 'hidden')\">\n                <div class=\"ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-all\" *ngIf=\"!timeOnly\">\n                    <a class=\"ui-datepicker-prev ui-corner-all\" href=\"#\" (click)=\"prevMonth($event)\" (mouseenter)=\"hoverPrev=true\" (mouseleave)=\"hoverPrev=false\"\n                            [ngClass]=\"{'ui-state-hover ui-datepicker-prev-hover':hoverPrev&&!disabled}\">\n                        <span class=\"fa fa-angle-left\"></span>\n                    </a>\n                    <a class=\"ui-datepicker-next ui-corner-all\" href=\"#\" (click)=\"nextMonth($event)\" (mouseenter)=\"hoverNext=true\" (mouseleave)=\"hoverNext=false\"\n                            [ngClass]=\"{'ui-state-hover ui-datepicker-next-hover':hoverNext&&!disabled}\">\n                        <span class=\"fa fa-angle-right\"></span>\n                    </a>\n                    <div class=\"ui-datepicker-title\">\n                        <span class=\"ui-datepicker-month\" *ngIf=\"!monthNavigator\">{{currentMonthText}}</span>\n                        <select class=\"ui-datepicker-month\" *ngIf=\"monthNavigator\" (change)=\"onMonthDropdownChange($event.target.value)\">\n                            <option [value]=\"i\" *ngFor=\"let month of locale.monthNames;let i = index\" [selected]=\"i == currentMonth\">{{month}}</option>\n                        </select>\n                        <select class=\"ui-datepicker-year\" *ngIf=\"yearNavigator\" (change)=\"onYearDropdownChange($event.target.value)\">\n                            <option [value]=\"year\" *ngFor=\"let year of yearOptions\" [selected]=\"year == currentYear\">{{year}}</option>\n                        </select>\n                        <span class=\"ui-datepicker-year\" *ngIf=\"!yearNavigator\">{{currentYear}}</span>\n                    </div>\n                </div>\n                <table class=\"ui-datepicker-calendar\" *ngIf=\"!timeOnly\">\n                    <thead>\n                        <tr>\n                            <th scope=\"col\" *ngFor=\"let weekDay of weekDays;let begin = first; let end = last\">\n                                <span>{{weekDay}}</span>\n                            </th>\n                        </tr>\n                    </thead>\n                    <tbody>\n                        <tr *ngFor=\"let week of dates\">\n                            <td *ngFor=\"let date of week\" [ngClass]=\"{'ui-datepicker-other-month ui-state-disabled':date.otherMonth,\n                                'ui-datepicker-current-day':isSelected(date),'ui-datepicker-today':isToday(date)}\">\n                                <a #cell class=\"ui-state-default\" href=\"#\" *ngIf=\"date.otherMonth ? showOtherMonths : true\" \n                                        [ngClass]=\"{'ui-state-active':isSelected(date),'ui-state-hover':(hoverCell == cell && !disabled && date.selectable),\n                                            'ui-state-highlight':isToday(date),'ui-state-disabled':!date.selectable}\"\n                                        (click)=\"onDateSelect($event,date)\" (mouseenter)=\"hoverCell=cell\" (mouseleave)=\"hoverCell=null\">{{date.day}}</a>\n                            </td>\n                        </tr>\n                    </tbody>\n                </table>\n                <div class=\"ui-timepicker ui-widget-header\" *ngIf=\"showTime||timeOnly\">\n                    <div class=\"ui-hour-picker\">\n                        <a href=\"#\" (click)=\"incrementHour($event)\">\n                            <span class=\"fa fa-angle-up\"></span>\n                        </a>\n                        <span [ngStyle]=\"{'display': currentHour < 10 ? 'inline': 'none'}\">0</span><span>{{currentHour}}</span>\n                        <a href=\"#\" (click)=\"decrementHour($event)\">\n                            <span class=\"fa fa-angle-down\"></span>\n                        </a>\n                    </div>\n                    <div class=\"ui-separator\">\n                        <a href=\"#\">\n                            <span class=\"fa fa-angle-up\"></span>\n                        </a>\n                        <span>:</span>\n                        <a href=\"#\">\n                            <span class=\"fa fa-angle-down\"></span>\n                        </a>\n                    </div>\n                    <div class=\"ui-minute-picker\">\n                        <a href=\"#\" (click)=\"incrementMinute($event)\">\n                            <span class=\"fa fa-angle-up\"></span>\n                        </a>\n                        <span [ngStyle]=\"{'display': currentMinute < 10 ? 'inline': 'none'}\">0</span><span>{{currentMinute}}</span>\n                        <a href=\"#\" (click)=\"decrementMinute($event)\">\n                            <span class=\"fa fa-angle-down\"></span>\n                        </a>\n                    </div>\n                    <div class=\"ui-ampm-picker\" *ngIf=\"hourFormat=='12'\">\n                        <a href=\"#\" (click)=\"toggleAMPM($event)\">\n                            <span class=\"fa fa-angle-up\"></span>\n                        </a>\n                        <span>{{pm ? 'PM' : 'AM'}}</span>\n                        <a href=\"#\" (click)=\"toggleAMPM($event)\">\n                            <span class=\"fa fa-angle-down\"></span>\n                        </a>\n                    </div>\n                </div>\n            </div>\n        </span>\n    ",
-                    animations: [
-                        trigger('overlayState', [
-                            state('hidden', style({
-                                opacity: 0
-                            })),
-                            state('visible', style({
-                                opacity: 1
-                            })),
-                            transition('visible => hidden', animate('400ms ease-in')),
-                            transition('hidden => visible', animate('400ms ease-out'))
-                        ])
-                    ],
-                    providers: [DomHandler, CALENDAR_VALUE_ACCESSOR]
-                },] },
-    ];
-    /** @nocollapse */
-    Calendar.ctorParameters = [
-        { type: ElementRef, },
-        { type: DomHandler, },
-        { type: Renderer, },
-    ];
-    Calendar.propDecorators = {
-        'defaultDate': [{ type: Input },],
-        'style': [{ type: Input },],
-        'styleClass': [{ type: Input },],
-        'inputStyle': [{ type: Input },],
-        'inputStyleClass': [{ type: Input },],
-        'placeholder': [{ type: Input },],
-        'disabled': [{ type: Input },],
-        'dateFormat': [{ type: Input },],
-        'inline': [{ type: Input },],
-        'showOtherMonths': [{ type: Input },],
-        'selectOtherMonths': [{ type: Input },],
-        'showIcon': [{ type: Input },],
-        'icon': [{ type: Input },],
-        'appendTo': [{ type: Input },],
-        'readonlyInput': [{ type: Input },],
-        'shortYearCutoff': [{ type: Input },],
-        'minDate': [{ type: Input },],
-        'maxDate': [{ type: Input },],
-        'monthNavigator': [{ type: Input },],
-        'yearNavigator': [{ type: Input },],
-        'yearRange': [{ type: Input },],
-        'showTime': [{ type: Input },],
-        'hourFormat': [{ type: Input },],
-        'timeOnly': [{ type: Input },],
-        'onBlur': [{ type: Output },],
-        'onSelect': [{ type: Output },],
-        'locale': [{ type: Input },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Date)
+    ], Calendar.prototype, "defaultDate", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Calendar.prototype, "style", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Calendar.prototype, "styleClass", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Calendar.prototype, "inputStyle", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Calendar.prototype, "inputStyleClass", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Calendar.prototype, "placeholder", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], Calendar.prototype, "disabled", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Calendar.prototype, "dateFormat", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Calendar.prototype, "inline", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Calendar.prototype, "showOtherMonths", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Calendar.prototype, "selectOtherMonths", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Calendar.prototype, "showIcon", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Calendar.prototype, "icon", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], Calendar.prototype, "appendTo", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Calendar.prototype, "readonlyInput", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], Calendar.prototype, "shortYearCutoff", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Date)
+    ], Calendar.prototype, "minDate", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Date)
+    ], Calendar.prototype, "maxDate", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Calendar.prototype, "monthNavigator", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Calendar.prototype, "yearNavigator", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Calendar.prototype, "yearRange", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Calendar.prototype, "showTime", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Calendar.prototype, "hourFormat", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Calendar.prototype, "timeOnly", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Calendar.prototype, "onBlur", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Calendar.prototype, "onSelect", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], Calendar.prototype, "locale", void 0);
+    Calendar = __decorate([
+        core_1.Component({
+            selector: 'p-calendar',
+            template: "\n        <span [ngClass]=\"{'ui-calendar':true,'ui-calendar-w-btn':showIcon}\" [ngStyle]=\"style\" [class]=\"styleClass\">\n            <input type=\"text\" pInputText *ngIf=\"!inline\" (focus)=\"onInputFocus($event)\" (keydown)=\"onInputKeydown($event)\" (click)=\"closeOverlay=false\" (blur)=\"onInputBlur($event)\"\n                    [readonly]=\"readonlyInput\" (input)=\"onInput($event)\" [ngStyle]=\"inputStyle\" [class]=\"inputStyleClass\" [placeholder]=\"placeholder||''\" [disabled]=\"disabled\"\n                    ><button type=\"button\" [icon]=\"icon\" pButton *ngIf=\"showIcon\" (click)=\"onButtonClick($event)\"\n                    [ngClass]=\"{'ui-datepicker-trigger':true,'ui-state-disabled':disabled}\" [disabled]=\"disabled\"></button>\n            <div class=\"ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all\" [ngClass]=\"{'ui-datepicker-inline':inline,'ui-shadow':!inline,'ui-state-disabled':disabled}\" \n                [ngStyle]=\"{'display': inline ? 'inline-block' : (overlayVisible ? 'block' : 'none')}\" (click)=\"onDatePickerClick($event)\" [@overlayState]=\"inline ? 'visible' : (overlayVisible ? 'visible' : 'hidden')\">\n                <div class=\"ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-all\" *ngIf=\"!timeOnly\">\n                    <a class=\"ui-datepicker-prev ui-corner-all\" href=\"#\" (click)=\"prevMonth($event)\" (mouseenter)=\"hoverPrev=true\" (mouseleave)=\"hoverPrev=false\"\n                            [ngClass]=\"{'ui-state-hover ui-datepicker-prev-hover':hoverPrev&&!disabled}\">\n                        <span class=\"fa fa-angle-left\"></span>\n                    </a>\n                    <a class=\"ui-datepicker-next ui-corner-all\" href=\"#\" (click)=\"nextMonth($event)\" (mouseenter)=\"hoverNext=true\" (mouseleave)=\"hoverNext=false\"\n                            [ngClass]=\"{'ui-state-hover ui-datepicker-next-hover':hoverNext&&!disabled}\">\n                        <span class=\"fa fa-angle-right\"></span>\n                    </a>\n                    <div class=\"ui-datepicker-title\">\n                        <span class=\"ui-datepicker-month\" *ngIf=\"!monthNavigator\">{{currentMonthText}}</span>\n                        <select class=\"ui-datepicker-month\" *ngIf=\"monthNavigator\" (change)=\"onMonthDropdownChange($event.target.value)\">\n                            <option [value]=\"i\" *ngFor=\"let month of locale.monthNames;let i = index\" [selected]=\"i == currentMonth\">{{month}}</option>\n                        </select>\n                        <select class=\"ui-datepicker-year\" *ngIf=\"yearNavigator\" (change)=\"onYearDropdownChange($event.target.value)\">\n                            <option [value]=\"year\" *ngFor=\"let year of yearOptions\" [selected]=\"year == currentYear\">{{year}}</option>\n                        </select>\n                        <span class=\"ui-datepicker-year\" *ngIf=\"!yearNavigator\">{{currentYear}}</span>\n                    </div>\n                </div>\n                <table class=\"ui-datepicker-calendar\" *ngIf=\"!timeOnly\">\n                    <thead>\n                        <tr>\n                            <th scope=\"col\" *ngFor=\"let weekDay of weekDays;let begin = first; let end = last\">\n                                <span>{{weekDay}}</span>\n                            </th>\n                        </tr>\n                    </thead>\n                    <tbody>\n                        <tr *ngFor=\"let week of dates\">\n                            <td *ngFor=\"let date of week\" [ngClass]=\"{'ui-datepicker-other-month ui-state-disabled':date.otherMonth,\n                                'ui-datepicker-current-day':isSelected(date),'ui-datepicker-today':isToday(date)}\">\n                                <a #cell class=\"ui-state-default\" href=\"#\" *ngIf=\"date.otherMonth ? showOtherMonths : true\" \n                                        [ngClass]=\"{'ui-state-active':isSelected(date),'ui-state-hover':(hoverCell == cell && !disabled && date.selectable),\n                                            'ui-state-highlight':isToday(date),'ui-state-disabled':!date.selectable}\"\n                                        (click)=\"onDateSelect($event,date)\" (mouseenter)=\"hoverCell=cell\" (mouseleave)=\"hoverCell=null\">{{date.day}}</a>\n                            </td>\n                        </tr>\n                    </tbody>\n                </table>\n                <div class=\"ui-timepicker ui-widget-header\" *ngIf=\"showTime||timeOnly\">\n                    <div class=\"ui-hour-picker\">\n                        <a href=\"#\" (click)=\"incrementHour($event)\">\n                            <span class=\"fa fa-angle-up\"></span>\n                        </a>\n                        <span [ngStyle]=\"{'display': currentHour < 10 ? 'inline': 'none'}\">0</span><span>{{currentHour}}</span>\n                        <a href=\"#\" (click)=\"decrementHour($event)\">\n                            <span class=\"fa fa-angle-down\"></span>\n                        </a>\n                    </div>\n                    <div class=\"ui-separator\">\n                        <a href=\"#\">\n                            <span class=\"fa fa-angle-up\"></span>\n                        </a>\n                        <span>:</span>\n                        <a href=\"#\">\n                            <span class=\"fa fa-angle-down\"></span>\n                        </a>\n                    </div>\n                    <div class=\"ui-minute-picker\">\n                        <a href=\"#\" (click)=\"incrementMinute($event)\">\n                            <span class=\"fa fa-angle-up\"></span>\n                        </a>\n                        <span [ngStyle]=\"{'display': currentMinute < 10 ? 'inline': 'none'}\">0</span><span>{{currentMinute}}</span>\n                        <a href=\"#\" (click)=\"decrementMinute($event)\">\n                            <span class=\"fa fa-angle-down\"></span>\n                        </a>\n                    </div>\n                    <div class=\"ui-ampm-picker\" *ngIf=\"hourFormat=='12'\">\n                        <a href=\"#\" (click)=\"toggleAMPM($event)\">\n                            <span class=\"fa fa-angle-up\"></span>\n                        </a>\n                        <span>{{pm ? 'PM' : 'AM'}}</span>\n                        <a href=\"#\" (click)=\"toggleAMPM($event)\">\n                            <span class=\"fa fa-angle-down\"></span>\n                        </a>\n                    </div>\n                </div>\n            </div>\n        </span>\n    ",
+            animations: [
+                core_1.trigger('overlayState', [
+                    core_1.state('hidden', core_1.style({
+                        opacity: 0
+                    })),
+                    core_1.state('visible', core_1.style({
+                        opacity: 1
+                    })),
+                    core_1.transition('visible => hidden', core_1.animate('400ms ease-in')),
+                    core_1.transition('hidden => visible', core_1.animate('400ms ease-out'))
+                ])
+            ],
+            providers: [domhandler_1.DomHandler, exports.CALENDAR_VALUE_ACCESSOR]
+        }), 
+        __metadata('design:paramtypes', [core_1.ElementRef, domhandler_1.DomHandler, core_1.Renderer])
+    ], Calendar);
     return Calendar;
 }());
-export var CalendarModule = (function () {
+exports.Calendar = Calendar;
+var CalendarModule = (function () {
     function CalendarModule() {
     }
-    CalendarModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule, ButtonModule, InputTextModule],
-                    exports: [Calendar, ButtonModule, InputTextModule],
-                    declarations: [Calendar]
-                },] },
-    ];
-    /** @nocollapse */
-    CalendarModule.ctorParameters = [];
+    CalendarModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule, button_1.ButtonModule, inputtext_1.InputTextModule],
+            exports: [Calendar, button_1.ButtonModule, inputtext_1.InputTextModule],
+            declarations: [Calendar]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], CalendarModule);
     return CalendarModule;
 }());
+exports.CalendarModule = CalendarModule;
 //# sourceMappingURL=calendar.js.map

components/carousel/carousel.js

@@ -1,6 +0,16 @@
-import { NgModule, Component, ElementRef, Input, IterableDiffers, TemplateRef, ContentChild, Renderer } from '@angular/core';
-import { DomHandler } from '../dom/domhandler';
-import { SharedModule } from '../common/shared';
-import { CommonModule } from '@angular/common';
-export var Carousel = (function () {
+"use strict";
+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 domhandler_1 = require('../dom/domhandler');
+var shared_1 = require('../common/shared');
+var common_1 = require('@angular/common');
+var Carousel = (function () {
     function Carousel(el, domHandler, differs, renderer) {
@@ -200,48 +210,83 @@ this.el = el;
     };
-    Carousel.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-carousel',
-                    template: "\n        <div [ngClass]=\"{'ui-carousel ui-widget ui-widget-content ui-corner-all':true}\" [ngStyle]=\"style\" [class]=\"styleClass\">\n            <div class=\"ui-carousel-header ui-widget-header\">\n                <div class=\"ui-carousel-header-title\">{{headerText}}</div>\n                <span class=\"ui-carousel-button ui-carousel-next-button fa fa-arrow-circle-right\" (click)=\"onNextNav()\" \n                        [ngClass]=\"{'ui-state-disabled':(page === (totalPages-1)) && !circular}\"></span>\n                <span class=\"ui-carousel-button ui-carousel-prev-button fa fa-arrow-circle-left\" (click)=\"onPrevNav()\" \n                        [ngClass]=\"{'ui-state-disabled':(page === 0 && !circular)}\"></span>\n                <div *ngIf=\"displayPageLinks\" class=\"ui-carousel-page-links\">\n                    <a href=\"#\" (click)=\"setPageWithLink($event,i)\" class=\"ui-carousel-page-link fa fa-circle-o\" *ngFor=\"let links of anchorPageLinks;let i=index\" [ngClass]=\"{'fa-dot-circle-o':page===i}\"></a>\n                </div>\n                <select *ngIf=\"displayPageDropdown\" class=\"ui-carousel-dropdown ui-widget ui-state-default ui-corner-left\" [value]=\"page\" (change)=\"onDropdownChange($event.target.value)\">\n                    <option *ngFor=\"let option of selectDropdownOptions\" [value]=\"option\" [selected]=\"value == option\">{{option+1}}</option>\n                </select>\n                <select *ngIf=\"responsive\" class=\"ui-carousel-mobiledropdown ui-widget ui-state-default ui-corner-left\" [value]=\"page\" (change)=\"onDropdownChange($event.target.value)\"\n                    [style.display]=\"shrinked ? 'block' : 'none'\">\n                    <option *ngFor=\"let option of mobileDropdownOptions\" [value]=\"option\" [selected]=\"value == option\">{{option+1}}</option>\n                </select>\n            </div>\n            <div class=\"ui-carousel-viewport\">\n                <ul class=\"ui-carousel-items\" [style.left.px]=\"left\" [style.transitionProperty]=\"'left'\" \n                            [style.transitionDuration]=\"effectDuration\" [style.transitionTimingFunction]=\"easing\">\n                    <li *ngFor=\"let item of value\" class=\"ui-carousel-item ui-widget-content ui-corner-all\">\n                        <template [pTemplateWrapper]=\"itemTemplate\" [item]=\"item\"></template>\n                    </li>\n                </ul>\n            </div>\n        </div>\n    ",
-                    providers: [DomHandler]
-                },] },
-    ];
-    /** @nocollapse */
-    Carousel.ctorParameters = [
-        { type: ElementRef, },
-        { type: DomHandler, },
-        { type: IterableDiffers, },
-        { type: Renderer, },
-    ];
-    Carousel.propDecorators = {
-        'value': [{ type: Input },],
-        'numVisible': [{ type: Input },],
-        'firstVisible': [{ type: Input },],
-        'headerText': [{ type: Input },],
-        'circular': [{ type: Input },],
-        'breakpoint': [{ type: Input },],
-        'responsive': [{ type: Input },],
-        'autoplayInterval': [{ type: Input },],
-        'effectDuration': [{ type: Input },],
-        'easing': [{ type: Input },],
-        'pageLinks': [{ type: Input },],
-        'style': [{ type: Input },],
-        'styleClass': [{ type: Input },],
-        'itemTemplate': [{ type: ContentChild, args: [TemplateRef,] },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Array)
+    ], Carousel.prototype, "value", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], Carousel.prototype, "numVisible", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], Carousel.prototype, "firstVisible", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Carousel.prototype, "headerText", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Carousel.prototype, "circular", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], Carousel.prototype, "breakpoint", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Carousel.prototype, "responsive", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], Carousel.prototype, "autoplayInterval", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], Carousel.prototype, "effectDuration", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Carousel.prototype, "easing", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], Carousel.prototype, "pageLinks", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], Carousel.prototype, "style", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Carousel.prototype, "styleClass", void 0);
+    __decorate([
+        core_1.ContentChild(core_1.TemplateRef), 
+        __metadata('design:type', core_1.TemplateRef)
+    ], Carousel.prototype, "itemTemplate", void 0);
+    Carousel = __decorate([
+        core_1.Component({
+            selector: 'p-carousel',
+            template: "\n        <div [ngClass]=\"{'ui-carousel ui-widget ui-widget-content ui-corner-all':true}\" [ngStyle]=\"style\" [class]=\"styleClass\">\n            <div class=\"ui-carousel-header ui-widget-header\">\n                <div class=\"ui-carousel-header-title\">{{headerText}}</div>\n                <span class=\"ui-carousel-button ui-carousel-next-button fa fa-arrow-circle-right\" (click)=\"onNextNav()\" \n                        [ngClass]=\"{'ui-state-disabled':(page === (totalPages-1)) && !circular}\"></span>\n                <span class=\"ui-carousel-button ui-carousel-prev-button fa fa-arrow-circle-left\" (click)=\"onPrevNav()\" \n                        [ngClass]=\"{'ui-state-disabled':(page === 0 && !circular)}\"></span>\n                <div *ngIf=\"displayPageLinks\" class=\"ui-carousel-page-links\">\n                    <a href=\"#\" (click)=\"setPageWithLink($event,i)\" class=\"ui-carousel-page-link fa fa-circle-o\" *ngFor=\"let links of anchorPageLinks;let i=index\" [ngClass]=\"{'fa-dot-circle-o':page===i}\"></a>\n                </div>\n                <select *ngIf=\"displayPageDropdown\" class=\"ui-carousel-dropdown ui-widget ui-state-default ui-corner-left\" [value]=\"page\" (change)=\"onDropdownChange($event.target.value)\">\n                    <option *ngFor=\"let option of selectDropdownOptions\" [value]=\"option\" [selected]=\"value == option\">{{option+1}}</option>\n                </select>\n                <select *ngIf=\"responsive\" class=\"ui-carousel-mobiledropdown ui-widget ui-state-default ui-corner-left\" [value]=\"page\" (change)=\"onDropdownChange($event.target.value)\"\n                    [style.display]=\"shrinked ? 'block' : 'none'\">\n                    <option *ngFor=\"let option of mobileDropdownOptions\" [value]=\"option\" [selected]=\"value == option\">{{option+1}}</option>\n                </select>\n            </div>\n            <div class=\"ui-carousel-viewport\">\n                <ul class=\"ui-carousel-items\" [style.left.px]=\"left\" [style.transitionProperty]=\"'left'\" \n                            [style.transitionDuration]=\"effectDuration\" [style.transitionTimingFunction]=\"easing\">\n                    <li *ngFor=\"let item of value\" class=\"ui-carousel-item ui-widget-content ui-corner-all\">\n                        <template [pTemplateWrapper]=\"itemTemplate\" [item]=\"item\"></template>\n                    </li>\n                </ul>\n            </div>\n        </div>\n    ",
+            providers: [domhandler_1.DomHandler]
+        }), 
+        __metadata('design:paramtypes', [core_1.ElementRef, domhandler_1.DomHandler, core_1.IterableDiffers, core_1.Renderer])
+    ], Carousel);
     return Carousel;
 }());
-export var CarouselModule = (function () {
+exports.Carousel = Carousel;
+var CarouselModule = (function () {
     function CarouselModule() {
     }
-    CarouselModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule, SharedModule],
-                    exports: [Carousel, SharedModule],
-                    declarations: [Carousel]
-                },] },
-    ];
-    /** @nocollapse */
-    CarouselModule.ctorParameters = [];
+    CarouselModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule, shared_1.SharedModule],
+            exports: [Carousel, shared_1.SharedModule],
+            declarations: [Carousel]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], CarouselModule);
     return CarouselModule;
 }());
+exports.CarouselModule = CarouselModule;
 //# sourceMappingURL=carousel.js.map

components/chart/chart.js

@@ -1,7 +0,17 @@
-import { NgModule, Component, ElementRef, Input, Output, EventEmitter, IterableDiffers } from '@angular/core';
-import { CommonModule } from '@angular/common';
-export var UIChart = (function () {
+"use strict";
+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 UIChart = (function () {
     function UIChart(el, differs) {
         this.el = el;
-        this.onDataSelect = new EventEmitter();
+        this.onDataSelect = new core_1.EventEmitter();
         this.differ = differs.find([]).create(null);
@@ -51,37 +61,50 @@ }
     };
-    UIChart.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-chart',
-                    template: "\n        <div>\n            <canvas [attr.width]=\"width\" [attr.height]=\"height\" (click)=\"onCanvasClick($event)\"></canvas>\n        </div>\n    "
-                },] },
-    ];
-    /** @nocollapse */
-    UIChart.ctorParameters = [
-        { type: ElementRef, },
-        { type: IterableDiffers, },
-    ];
-    UIChart.propDecorators = {
-        'type': [{ type: Input },],
-        'data': [{ type: Input },],
-        'options': [{ type: Input },],
-        'width': [{ type: Input },],
-        'height': [{ type: Input },],
-        'onDataSelect': [{ type: Output },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], UIChart.prototype, "type", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], UIChart.prototype, "data", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], UIChart.prototype, "options", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], UIChart.prototype, "width", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], UIChart.prototype, "height", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], UIChart.prototype, "onDataSelect", void 0);
+    UIChart = __decorate([
+        core_1.Component({
+            selector: 'p-chart',
+            template: "\n        <div>\n            <canvas [attr.width]=\"width\" [attr.height]=\"height\" (click)=\"onCanvasClick($event)\"></canvas>\n        </div>\n    "
+        }), 
+        __metadata('design:paramtypes', [core_1.ElementRef, core_1.IterableDiffers])
+    ], UIChart);
     return UIChart;
 }());
-export var ChartModule = (function () {
+exports.UIChart = UIChart;
+var ChartModule = (function () {
     function ChartModule() {
     }
-    ChartModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule],
-                    exports: [UIChart],
-                    declarations: [UIChart]
-                },] },
-    ];
-    /** @nocollapse */
-    ChartModule.ctorParameters = [];
+    ChartModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule],
+            exports: [UIChart],
+            declarations: [UIChart]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], ChartModule);
     return ChartModule;
 }());
+exports.ChartModule = ChartModule;
 //# sourceMappingURL=chart.js.map

components/checkbox/checkbox.js

@@ -1,12 +0,22 @@
-import { NgModule, Component, Input, Output, EventEmitter, forwardRef } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-export var CHECKBOX_VALUE_ACCESSOR = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(function () { return Checkbox; }),
+"use strict";
+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');
+exports.CHECKBOX_VALUE_ACCESSOR = {
+    provide: forms_1.NG_VALUE_ACCESSOR,
+    useExisting: core_1.forwardRef(function () { return Checkbox; }),
     multi: true
 };
-export var Checkbox = (function () {
+var Checkbox = (function () {
     function Checkbox() {
-        this.onChange = new EventEmitter();
+        this.onChange = new core_1.EventEmitter();
         this.onModelChange = function () { };
@@ -92,35 +102,51 @@ this.onModelTouched = function () { };
     };
-    Checkbox.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-checkbox',
-                    template: "\n        <div class=\"ui-chkbox ui-widget\">\n            <div class=\"ui-helper-hidden-accessible\">\n                <input #cb type=\"checkbox\" [name]=\"name\" [value]=\"value\" [checked]=\"checked\" (focus)=\"onFocus($event)\" (blur)=\"onBlur($event)\"\n                [ngClass]=\"{'ui-state-focus':focused}\" (change)=\"handleChange($event)\" [disabled]=\"disabled\">\n            </div>\n            <div class=\"ui-chkbox-box ui-widget ui-corner-all ui-state-default\" (click)=\"onClick($event,cb,true)\"\n                        (mouseover)=\"hover=true\" (mouseout)=\"hover=false\" \n                        [ngClass]=\"{'ui-state-hover':hover&&!disabled,'ui-state-active':checked,'ui-state-disabled':disabled,'ui-state-focus':focused}\">\n                <span class=\"ui-chkbox-icon ui-c\" [ngClass]=\"{'fa fa-fw fa-check':checked}\"></span>\n            </div>\n        </div>\n        <label class=\"ui-chkbox-label\" (click)=\"onClick($event,cb,true)\" *ngIf=\"label\">{{label}}</label>\n    ",
-                    providers: [CHECKBOX_VALUE_ACCESSOR]
-                },] },
-    ];
-    /** @nocollapse */
-    Checkbox.ctorParameters = [];
-    Checkbox.propDecorators = {
-        'value': [{ type: Input },],
-        'name': [{ type: Input },],
-        'disabled': [{ type: Input },],
-        'binary': [{ type: Input },],
-        'label': [{ type: Input },],
-        'onChange': [{ type: Output },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], Checkbox.prototype, "value", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Checkbox.prototype, "name", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Checkbox.prototype, "disabled", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Checkbox.prototype, "binary", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Checkbox.prototype, "label", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Checkbox.prototype, "onChange", void 0);
+    Checkbox = __decorate([
+        core_1.Component({
+            selector: 'p-checkbox',
+            template: "\n        <div class=\"ui-chkbox ui-widget\">\n            <div class=\"ui-helper-hidden-accessible\">\n                <input #cb type=\"checkbox\" [name]=\"name\" [value]=\"value\" [checked]=\"checked\" (focus)=\"onFocus($event)\" (blur)=\"onBlur($event)\"\n                [ngClass]=\"{'ui-state-focus':focused}\" (change)=\"handleChange($event)\" [disabled]=\"disabled\">\n            </div>\n            <div class=\"ui-chkbox-box ui-widget ui-corner-all ui-state-default\" (click)=\"onClick($event,cb,true)\"\n                        (mouseover)=\"hover=true\" (mouseout)=\"hover=false\" \n                        [ngClass]=\"{'ui-state-hover':hover&&!disabled,'ui-state-active':checked,'ui-state-disabled':disabled,'ui-state-focus':focused}\">\n                <span class=\"ui-chkbox-icon ui-c\" [ngClass]=\"{'fa fa-fw fa-check':checked}\"></span>\n            </div>\n        </div>\n        <label class=\"ui-chkbox-label\" (click)=\"onClick($event,cb,true)\" *ngIf=\"label\">{{label}}</label>\n    ",
+            providers: [exports.CHECKBOX_VALUE_ACCESSOR]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], Checkbox);
     return Checkbox;
 }());
-export var CheckboxModule = (function () {
+exports.Checkbox = Checkbox;
+var CheckboxModule = (function () {
     function CheckboxModule() {
     }
-    CheckboxModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule],
-                    exports: [Checkbox],
-                    declarations: [Checkbox]
-                },] },
-    ];
-    /** @nocollapse */
-    CheckboxModule.ctorParameters = [];
+    CheckboxModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule],
+            exports: [Checkbox],
+            declarations: [Checkbox]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], CheckboxModule);
     return CheckboxModule;
 }());
+exports.CheckboxModule = CheckboxModule;
 //# sourceMappingURL=checkbox.js.map

components/codehighlighter/codehighlighter.js

@@ -1,4 +0,14 @@
-import { NgModule, Directive, ElementRef } from '@angular/core';
-import { CommonModule } from '@angular/common';
-export var CodeHighlighter = (function () {
+"use strict";
+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 CodeHighlighter = (function () {
     function CodeHighlighter(el) {
@@ -10,27 +20,25 @@ this.el = el;
     };
-    CodeHighlighter.decorators = [
-        { type: Directive, args: [{
-                    selector: '[pCode]'
-                },] },
-    ];
-    /** @nocollapse */
-    CodeHighlighter.ctorParameters = [
-        { type: ElementRef, },
-    ];
+    CodeHighlighter = __decorate([
+        core_1.Directive({
+            selector: '[pCode]'
+        }), 
+        __metadata('design:paramtypes', [core_1.ElementRef])
+    ], CodeHighlighter);
     return CodeHighlighter;
 }());
-export var CodeHighlighterModule = (function () {
+exports.CodeHighlighter = CodeHighlighter;
+var CodeHighlighterModule = (function () {
     function CodeHighlighterModule() {
     }
-    CodeHighlighterModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule],
-                    exports: [CodeHighlighter],
-                    declarations: [CodeHighlighter]
-                },] },
-    ];
-    /** @nocollapse */
-    CodeHighlighterModule.ctorParameters = [];
+    CodeHighlighterModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule],
+            exports: [CodeHighlighter],
+            declarations: [CodeHighlighter]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], CodeHighlighterModule);
     return CodeHighlighterModule;
 }());
+exports.CodeHighlighterModule = CodeHighlighterModule;
 //# sourceMappingURL=codehighlighter.js.map

components/common/api.js

@@ -1,7 +0,17 @@
-import { Injectable } from '@angular/core';
-import { Subject } from 'rxjs/Subject';
-export var ConfirmationService = (function () {
+"use strict";
+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 Subject_1 = require('rxjs/Subject');
+var ConfirmationService = (function () {
     function ConfirmationService() {
-        this.requireConfirmationSource = new Subject();
-        this.acceptConfirmationSource = new Subject();
+        this.requireConfirmationSource = new Subject_1.Subject();
+        this.acceptConfirmationSource = new Subject_1.Subject();
         this.requireConfirmation$ = this.requireConfirmationSource.asObservable();
@@ -17,9 +27,9 @@ this.accept = this.acceptConfirmationSource.asObservable();
     };
-    ConfirmationService.decorators = [
-        { type: Injectable },
-    ];
-    /** @nocollapse */
-    ConfirmationService.ctorParameters = [];
+    ConfirmationService = __decorate([
+        core_1.Injectable(), 
+        __metadata('design:paramtypes', [])
+    ], ConfirmationService);
     return ConfirmationService;
 }());
+exports.ConfirmationService = ConfirmationService;
 //# sourceMappingURL=api.js.map

components/common/shared.js

@@ -1,50 +0,59 @@
-import { NgModule, EventEmitter, Directive, ViewContainerRef, Input, Output, ContentChildren, ContentChild, TemplateRef } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { Component } from '@angular/core';
-export var Header = (function () {
+"use strict";
+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 core_2 = require('@angular/core');
+var Header = (function () {
     function Header() {
     }
-    Header.decorators = [
-        { type: Component, args: [{
-                    selector: 'header',
-                    template: '<ng-content></ng-content>'
-                },] },
-    ];
-    /** @nocollapse */
-    Header.ctorParameters = [];
+    Header = __decorate([
+        core_2.Component({
+            selector: 'header',
+            template: '<ng-content></ng-content>'
+        }), 
+        __metadata('design:paramtypes', [])
+    ], Header);
     return Header;
 }());
-export var Footer = (function () {
+exports.Header = Header;
+var Footer = (function () {
     function Footer() {
     }
-    Footer.decorators = [
-        { type: Component, args: [{
-                    selector: 'footer',
-                    template: '<ng-content></ng-content>'
-                },] },
-    ];
-    /** @nocollapse */
-    Footer.ctorParameters = [];
+    Footer = __decorate([
+        core_2.Component({
+            selector: 'footer',
+            template: '<ng-content></ng-content>'
+        }), 
+        __metadata('design:paramtypes', [])
+    ], Footer);
     return Footer;
 }());
-export var PrimeTemplate = (function () {
+exports.Footer = Footer;
+var PrimeTemplate = (function () {
     function PrimeTemplate(template) {
         this.template = template;
     }
-    PrimeTemplate.decorators = [
-        { type: Directive, args: [{
-                    selector: '[pTemplate]',
-                    host: {}
-                },] },
-    ];
-    /** @nocollapse */
-    PrimeTemplate.ctorParameters = [
-        { type: TemplateRef, },
-    ];
-    PrimeTemplate.propDecorators = {
-        'type': [{ type: Input },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], PrimeTemplate.prototype, "type", void 0);
+    PrimeTemplate = __decorate([
+        core_1.Directive({
+            selector: '[pTemplate]',
+            host: {}
+        }), 
+        __metadata('design:paramtypes', [core_1.TemplateRef])
+    ], PrimeTemplate);
     return PrimeTemplate;
 }());
-export var TemplateWrapper = (function () {
+exports.PrimeTemplate = PrimeTemplate;
+var TemplateWrapper = (function () {
     function TemplateWrapper(viewContainer) {
@@ -58,20 +67,22 @@ this.viewContainer = viewContainer;
     };
-    TemplateWrapper.decorators = [
-        { type: Directive, args: [{
-                    selector: '[pTemplateWrapper]'
-                },] },
-    ];
-    /** @nocollapse */
-    TemplateWrapper.ctorParameters = [
-        { type: ViewContainerRef, },
-    ];
-    TemplateWrapper.propDecorators = {
-        'item': [{ type: Input },],
-        'templateRef': [{ type: Input, args: ['pTemplateWrapper',] },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], TemplateWrapper.prototype, "item", void 0);
+    __decorate([
+        core_1.Input('pTemplateWrapper'), 
+        __metadata('design:type', core_1.TemplateRef)
+    ], TemplateWrapper.prototype, "templateRef", void 0);
+    TemplateWrapper = __decorate([
+        core_1.Directive({
+            selector: '[pTemplateWrapper]'
+        }), 
+        __metadata('design:paramtypes', [core_1.ViewContainerRef])
+    ], TemplateWrapper);
     return TemplateWrapper;
 }());
-export var Column = (function () {
+exports.TemplateWrapper = TemplateWrapper;
+var Column = (function () {
     function Column() {
-        this.sortFunction = new EventEmitter();
+        this.sortFunction = new core_1.EventEmitter();
     }
@@ -97,80 +108,132 @@ Column.prototype.ngAfterContentInit = function () {
     };
-    Column.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-column',
-                    template: ""
-                },] },
-    ];
-    /** @nocollapse */
-    Column.ctorParameters = [];
-    Column.propDecorators = {
-        'field': [{ type: Input },],
-        'header': [{ type: Input },],
-        'footer': [{ type: Input },],
-        'sortable': [{ type: Input },],
-        'editable': [{ type: Input },],
-        'filter': [{ type: Input },],
-        'filterMatchMode': [{ type: Input },],
-        'rowspan': [{ type: Input },],
-        'colspan': [{ type: Input },],
-        'style': [{ type: Input },],
-        'styleClass': [{ type: Input },],
-        'hidden': [{ type: Input },],
-        'expander': [{ type: Input },],
-        'selectionMode': [{ type: Input },],
-        'sortFunction': [{ type: Output },],
-        'templates': [{ type: ContentChildren, args: [PrimeTemplate,] },],
-        'template': [{ type: ContentChild, args: [TemplateRef,] },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Column.prototype, "field", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Column.prototype, "header", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Column.prototype, "footer", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], Column.prototype, "sortable", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Column.prototype, "editable", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Column.prototype, "filter", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Column.prototype, "filterMatchMode", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], Column.prototype, "rowspan", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], Column.prototype, "colspan", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], Column.prototype, "style", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Column.prototype, "styleClass", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Column.prototype, "hidden", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Column.prototype, "expander", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Column.prototype, "selectionMode", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Column.prototype, "sortFunction", void 0);
+    __decorate([
+        core_1.ContentChildren(PrimeTemplate), 
+        __metadata('design:type', core_1.QueryList)
+    ], Column.prototype, "templates", void 0);
+    __decorate([
+        core_1.ContentChild(core_1.TemplateRef), 
+        __metadata('design:type', core_1.TemplateRef)
+    ], Column.prototype, "template", void 0);
+    Column = __decorate([
+        core_2.Component({
+            selector: 'p-column',
+            template: ""
+        }), 
+        __metadata('design:paramtypes', [])
+    ], Column);
     return Column;
 }());
-export var Row = (function () {
+exports.Column = Column;
+var Row = (function () {
     function Row() {
     }
-    Row.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-row',
-                    template: ""
-                },] },
-    ];
-    /** @nocollapse */
-    Row.ctorParameters = [];
-    Row.propDecorators = {
-        'columns': [{ type: ContentChildren, args: [Column,] },],
-    };
+    __decorate([
+        core_1.ContentChildren(Column), 
+        __metadata('design:type', core_1.QueryList)
+    ], Row.prototype, "columns", void 0);
+    Row = __decorate([
+        core_2.Component({
+            selector: 'p-row',
+            template: ""
+        }), 
+        __metadata('design:paramtypes', [])
+    ], Row);
     return Row;
 }());
-export var HeaderColumnGroup = (function () {
+exports.Row = Row;
+var HeaderColumnGroup = (function () {
     function HeaderColumnGroup() {
     }
-    HeaderColumnGroup.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-headerColumnGroup',
-                    template: ""
-                },] },
-    ];
-    /** @nocollapse */
-    HeaderColumnGroup.ctorParameters = [];
-    HeaderColumnGroup.propDecorators = {
-        'rows': [{ type: ContentChildren, args: [Row,] },],
-    };
+    __decorate([
+        core_1.ContentChildren(Row), 
+        __metadata('design:type', core_1.QueryList)
+    ], HeaderColumnGroup.prototype, "rows", void 0);
+    HeaderColumnGroup = __decorate([
+        core_2.Component({
+            selector: 'p-headerColumnGroup',
+            template: ""
+        }), 
+        __metadata('design:paramtypes', [])
+    ], HeaderColumnGroup);
     return HeaderColumnGroup;
 }());
-export var FooterColumnGroup = (function () {
+exports.HeaderColumnGroup = HeaderColumnGroup;
+var FooterColumnGroup = (function () {
     function FooterColumnGroup() {
     }
-    FooterColumnGroup.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-footerColumnGroup',
-                    template: ""
-                },] },
-    ];
-    /** @nocollapse */
-    FooterColumnGroup.ctorParameters = [];
-    FooterColumnGroup.propDecorators = {
-        'rows': [{ type: ContentChildren, args: [Row,] },],
-    };
+    __decorate([
+        core_1.ContentChildren(Row), 
+        __metadata('design:type', core_1.QueryList)
+    ], FooterColumnGroup.prototype, "rows", void 0);
+    FooterColumnGroup = __decorate([
+        core_2.Component({
+            selector: 'p-footerColumnGroup',
+            template: ""
+        }), 
+        __metadata('design:paramtypes', [])
+    ], FooterColumnGroup);
     return FooterColumnGroup;
 }());
-export var ColumnBodyTemplateLoader = (function () {
+exports.FooterColumnGroup = FooterColumnGroup;
+var ColumnBodyTemplateLoader = (function () {
     function ColumnBodyTemplateLoader(viewContainer) {
@@ -186,20 +249,25 @@ this.viewContainer = viewContainer;
     };
-    ColumnBodyTemplateLoader.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-columnBodyTemplateLoader',
-                    template: ""
-                },] },
-    ];
-    /** @nocollapse */
-    ColumnBodyTemplateLoader.ctorParameters = [
-        { type: ViewContainerRef, },
-    ];
-    ColumnBodyTemplateLoader.propDecorators = {
-        'column': [{ type: Input },],
-        'rowData': [{ type: Input },],
-        'rowIndex': [{ type: Input },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], ColumnBodyTemplateLoader.prototype, "column", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], ColumnBodyTemplateLoader.prototype, "rowData", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], ColumnBodyTemplateLoader.prototype, "rowIndex", void 0);
+    ColumnBodyTemplateLoader = __decorate([
+        core_2.Component({
+            selector: 'p-columnBodyTemplateLoader',
+            template: ""
+        }), 
+        __metadata('design:paramtypes', [core_1.ViewContainerRef])
+    ], ColumnBodyTemplateLoader);
     return ColumnBodyTemplateLoader;
 }());
-export var ColumnHeaderTemplateLoader = (function () {
+exports.ColumnBodyTemplateLoader = ColumnBodyTemplateLoader;
+var ColumnHeaderTemplateLoader = (function () {
     function ColumnHeaderTemplateLoader(viewContainer) {
@@ -213,18 +281,17 @@ this.viewContainer = viewContainer;
     };
-    ColumnHeaderTemplateLoader.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-columnHeaderTemplateLoader',
-                    template: ""
-                },] },
-    ];
-    /** @nocollapse */
-    ColumnHeaderTemplateLoader.ctorParameters = [
-        { type: ViewContainerRef, },
-    ];
-    ColumnHeaderTemplateLoader.propDecorators = {
-        'column': [{ type: Input },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], ColumnHeaderTemplateLoader.prototype, "column", void 0);
+    ColumnHeaderTemplateLoader = __decorate([
+        core_2.Component({
+            selector: 'p-columnHeaderTemplateLoader',
+            template: ""
+        }), 
+        __metadata('design:paramtypes', [core_1.ViewContainerRef])
+    ], ColumnHeaderTemplateLoader);
     return ColumnHeaderTemplateLoader;
 }());
-export var ColumnFooterTemplateLoader = (function () {
+exports.ColumnHeaderTemplateLoader = ColumnHeaderTemplateLoader;
+var ColumnFooterTemplateLoader = (function () {
     function ColumnFooterTemplateLoader(viewContainer) {
@@ -238,18 +305,17 @@ this.viewContainer = viewContainer;
     };
-    ColumnFooterTemplateLoader.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-columnFooterTemplateLoader',
-                    template: ""
-                },] },
-    ];
-    /** @nocollapse */
-    ColumnFooterTemplateLoader.ctorParameters = [
-        { type: ViewContainerRef, },
-    ];
-    ColumnFooterTemplateLoader.propDecorators = {
-        'column': [{ type: Input },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], ColumnFooterTemplateLoader.prototype, "column", void 0);
+    ColumnFooterTemplateLoader = __decorate([
+        core_2.Component({
+            selector: 'p-columnFooterTemplateLoader',
+            template: ""
+        }), 
+        __metadata('design:paramtypes', [core_1.ViewContainerRef])
+    ], ColumnFooterTemplateLoader);
     return ColumnFooterTemplateLoader;
 }());
-export var TemplateLoader = (function () {
+exports.ColumnFooterTemplateLoader = ColumnFooterTemplateLoader;
+var TemplateLoader = (function () {
     function TemplateLoader(viewContainer) {
@@ -263,31 +329,30 @@ this.viewContainer = viewContainer;
     };
-    TemplateLoader.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-templateLoader',
-                    template: ""
-                },] },
-    ];
-    /** @nocollapse */
-    TemplateLoader.ctorParameters = [
-        { type: ViewContainerRef, },
-    ];
-    TemplateLoader.propDecorators = {
-        'template': [{ type: Input },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', core_1.TemplateRef)
+    ], TemplateLoader.prototype, "template", void 0);
+    TemplateLoader = __decorate([
+        core_2.Component({
+            selector: 'p-templateLoader',
+            template: ""
+        }), 
+        __metadata('design:paramtypes', [core_1.ViewContainerRef])
+    ], TemplateLoader);
     return TemplateLoader;
 }());
-export var SharedModule = (function () {
+exports.TemplateLoader = TemplateLoader;
+var SharedModule = (function () {
     function SharedModule() {
     }
-    SharedModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule],
-                    exports: [Header, Footer, Column, TemplateWrapper, ColumnHeaderTemplateLoader, ColumnBodyTemplateLoader, ColumnFooterTemplateLoader, PrimeTemplate, TemplateLoader, Row, HeaderColumnGroup, FooterColumnGroup],
-                    declarations: [Header, Footer, Column, TemplateWrapper, ColumnHeaderTemplateLoader, ColumnBodyTemplateLoader, ColumnFooterTemplateLoader, PrimeTemplate, TemplateLoader, Row, HeaderColumnGroup, FooterColumnGroup]
-                },] },
-    ];
-    /** @nocollapse */
-    SharedModule.ctorParameters = [];
+    SharedModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule],
+            exports: [Header, Footer, Column, TemplateWrapper, ColumnHeaderTemplateLoader, ColumnBodyTemplateLoader, ColumnFooterTemplateLoader, PrimeTemplate, TemplateLoader, Row, HeaderColumnGroup, FooterColumnGroup],
+            declarations: [Header, Footer, Column, TemplateWrapper, ColumnHeaderTemplateLoader, ColumnBodyTemplateLoader, ColumnFooterTemplateLoader, PrimeTemplate, TemplateLoader, Row, HeaderColumnGroup, FooterColumnGroup]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], SharedModule);
     return SharedModule;
 }());
+exports.SharedModule = SharedModule;
 //# sourceMappingURL=shared.js.map

components/confirmdialog/confirmdialog.js

@@ -1,8 +0,18 @@
-import { NgModule, Component, ElementRef, Input, EventEmitter, Renderer, ContentChild, trigger, state, style, transition, animate } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { DomHandler } from '../dom/domhandler';
-import { Footer } from '../common/shared';
-import { ButtonModule } from '../button/button';
-import { ConfirmationService } from '../common/api';
-export var ConfirmDialog = (function () {
+"use strict";
+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 domhandler_1 = require('../dom/domhandler');
+var shared_1 = require('../common/shared');
+var button_1 = require('../button/button');
+var api_1 = require('../common/api');
+var ConfirmDialog = (function () {
     function ConfirmDialog(el, domHandler, renderer, confirmationService) {
@@ -31,7 +41,7 @@ var _this = this;
             if (_this.confirmation.accept) {
-                _this.confirmation.acceptEvent = new EventEmitter();
+                _this.confirmation.acceptEvent = new core_1.EventEmitter();
                 _this.confirmation.acceptEvent.subscribe(_this.confirmation.accept);
             }
             if (_this.confirmation.reject) {
-                _this.confirmation.rejectEvent = new EventEmitter();
+                _this.confirmation.rejectEvent = new core_1.EventEmitter();
                 _this.confirmation.rejectEvent.subscribe(_this.confirmation.reject);
@@ -53,3 +63,3 @@ }
                 }
-                this.el.nativeElement.children[0].style.zIndex = ++DomHandler.zindex;
+                this.el.nativeElement.children[0].style.zIndex = ++domhandler_1.DomHandler.zindex;
             }
@@ -75,3 +85,3 @@ if (this._visible)
                 if (event.which == 27) {
-                    if (_this.el.nativeElement.children[0].style.zIndex == DomHandler.zindex) {
+                    if (_this.el.nativeElement.children[0].style.zIndex == domhandler_1.DomHandler.zindex) {
                         _this.hide(event);
@@ -128,3 +138,3 @@ }
     ConfirmDialog.prototype.moveOnTop = function () {
-        this.el.nativeElement.children[0].style.zIndex = ++DomHandler.zindex;
+        this.el.nativeElement.children[0].style.zIndex = ++domhandler_1.DomHandler.zindex;
     };
@@ -158,64 +168,111 @@ ConfirmDialog.prototype.ngOnDestroy = function () {
     };
-    ConfirmDialog.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-confirmDialog',
-                    template: "\n        <div [ngClass]=\"{'ui-dialog ui-confirmdialog ui-widget ui-widget-content ui-corner-all ui-shadow':true,'ui-dialog-rtl':rtl}\" \n            [style.display]=\"visible ? 'block' : 'none'\" [style.width.px]=\"width\" [style.height.px]=\"height\" (mousedown)=\"moveOnTop()\" [@dialogState]=\"visible ? 'visible' : 'hidden'\">\n            <div class=\"ui-dialog-titlebar ui-widget-header ui-helper-clearfix ui-corner-top\">\n                <span class=\"ui-dialog-title\" *ngIf=\"header\">{{header}}</span>\n                <a [ngClass]=\"{'ui-dialog-titlebar-icon ui-dialog-titlebar-close ui-corner-all':true,'ui-state-hover':hoverCloseIcon}\" href=\"#\" role=\"button\" *ngIf=\"closable\" \n                    (click)=\"hide($event)\" (mouseenter)=\"hoverCloseIcon=true\" (mouseleave)=\"hoverCloseIcon=false\">\n                    <span class=\"fa fa-fw fa-close\"></span>\n                </a>\n            </div>\n            <div class=\"ui-dialog-content ui-widget-content\">\n                <i [class]=\"icon\"></i>\n                <span class=\"ui-confirmdialog-message\">{{message}}</span>\n            </div>\n            <div class=\"ui-dialog-buttonpane ui-widget-content ui-helper-clearfix\" *ngIf=\"footer\">\n                <ng-content select=\"footer\"></ng-content>\n            </div>\n            <div class=\"ui-dialog-buttonpane ui-widget-content ui-helper-clearfix\" *ngIf=\"!footer\">\n                <button type=\"button\" pButton [icon]=\"rejectIcon\" [label]=\"rejectLabel\" (click)=\"reject()\" *ngIf=\"rejectVisible\"></button>\n                <button type=\"button\" pButton [icon]=\"acceptIcon\" [label]=\"acceptLabel\" (click)=\"accept()\" *ngIf=\"acceptVisible\"></button>\n            </div>\n        </div>\n    ",
-                    animations: [
-                        trigger('dialogState', [
-                            state('hidden', style({
-                                opacity: 0
-                            })),
-                            state('visible', style({
-                                opacity: 1
-                            })),
-                            transition('visible => hidden', animate('400ms ease-in')),
-                            transition('hidden => visible', animate('400ms ease-out'))
-                        ])
-                    ],
-                    providers: [DomHandler]
-                },] },
-    ];
-    /** @nocollapse */
-    ConfirmDialog.ctorParameters = [
-        { type: ElementRef, },
-        { type: DomHandler, },
-        { type: Renderer, },
-        { type: ConfirmationService, },
-    ];
-    ConfirmDialog.propDecorators = {
-        'header': [{ type: Input },],
-        'icon': [{ type: Input },],
-        'message': [{ type: Input },],
-        'acceptIcon': [{ type: Input },],
-        'acceptLabel': [{ type: Input },],
-        'acceptVisible': [{ type: Input },],
-        'rejectIcon': [{ type: Input },],
-        'rejectLabel': [{ type: Input },],
-        'rejectVisible': [{ type: Input },],
-        'width': [{ type: Input },],
-        'height': [{ type: Input },],
-        'closeOnEscape': [{ type: Input },],
-        'rtl': [{ type: Input },],
-        'closable': [{ type: Input },],
-        'responsive': [{ type: Input },],
-        'appendTo': [{ type: Input },],
-        'footer': [{ type: ContentChild, args: [Footer,] },],
-        'visible': [{ type: Input },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], ConfirmDialog.prototype, "header", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], ConfirmDialog.prototype, "icon", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], ConfirmDialog.prototype, "message", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], ConfirmDialog.prototype, "acceptIcon", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], ConfirmDialog.prototype, "acceptLabel", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], ConfirmDialog.prototype, "acceptVisible", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], ConfirmDialog.prototype, "rejectIcon", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], ConfirmDialog.prototype, "rejectLabel", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], ConfirmDialog.prototype, "rejectVisible", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], ConfirmDialog.prototype, "width", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], ConfirmDialog.prototype, "height", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], ConfirmDialog.prototype, "closeOnEscape", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], ConfirmDialog.prototype, "rtl", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], ConfirmDialog.prototype, "closable", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], ConfirmDialog.prototype, "responsive", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], ConfirmDialog.prototype, "appendTo", void 0);
+    __decorate([
+        core_1.ContentChild(shared_1.Footer), 
+        __metadata('design:type', Object)
+    ], ConfirmDialog.prototype, "footer", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], ConfirmDialog.prototype, "visible", null);
+    ConfirmDialog = __decorate([
+        core_1.Component({
+            selector: 'p-confirmDialog',
+            template: "\n        <div [ngClass]=\"{'ui-dialog ui-confirmdialog ui-widget ui-widget-content ui-corner-all ui-shadow':true,'ui-dialog-rtl':rtl}\" \n            [style.display]=\"visible ? 'block' : 'none'\" [style.width.px]=\"width\" [style.height.px]=\"height\" (mousedown)=\"moveOnTop()\" [@dialogState]=\"visible ? 'visible' : 'hidden'\">\n            <div class=\"ui-dialog-titlebar ui-widget-header ui-helper-clearfix ui-corner-top\">\n                <span class=\"ui-dialog-title\" *ngIf=\"header\">{{header}}</span>\n                <a [ngClass]=\"{'ui-dialog-titlebar-icon ui-dialog-titlebar-close ui-corner-all':true,'ui-state-hover':hoverCloseIcon}\" href=\"#\" role=\"button\" *ngIf=\"closable\" \n                    (click)=\"hide($event)\" (mouseenter)=\"hoverCloseIcon=true\" (mouseleave)=\"hoverCloseIcon=false\">\n                    <span class=\"fa fa-fw fa-close\"></span>\n                </a>\n            </div>\n            <div class=\"ui-dialog-content ui-widget-content\">\n                <i [class]=\"icon\"></i>\n                <span class=\"ui-confirmdialog-message\">{{message}}</span>\n            </div>\n            <div class=\"ui-dialog-buttonpane ui-widget-content ui-helper-clearfix\" *ngIf=\"footer\">\n                <ng-content select=\"footer\"></ng-content>\n            </div>\n            <div class=\"ui-dialog-buttonpane ui-widget-content ui-helper-clearfix\" *ngIf=\"!footer\">\n                <button type=\"button\" pButton [icon]=\"rejectIcon\" [label]=\"rejectLabel\" (click)=\"reject()\" *ngIf=\"rejectVisible\"></button>\n                <button type=\"button\" pButton [icon]=\"acceptIcon\" [label]=\"acceptLabel\" (click)=\"accept()\" *ngIf=\"acceptVisible\"></button>\n            </div>\n        </div>\n    ",
+            animations: [
+                core_1.trigger('dialogState', [
+                    core_1.state('hidden', core_1.style({
+                        opacity: 0
+                    })),
+                    core_1.state('visible', core_1.style({
+                        opacity: 1
+                    })),
+                    core_1.transition('visible => hidden', core_1.animate('400ms ease-in')),
+                    core_1.transition('hidden => visible', core_1.animate('400ms ease-out'))
+                ])
+            ],
+            providers: [domhandler_1.DomHandler]
+        }), 
+        __metadata('design:paramtypes', [core_1.ElementRef, domhandler_1.DomHandler, core_1.Renderer, api_1.ConfirmationService])
+    ], ConfirmDialog);
     return ConfirmDialog;
 }());
-export var ConfirmDialogModule = (function () {
+exports.ConfirmDialog = ConfirmDialog;
+var ConfirmDialogModule = (function () {
     function ConfirmDialogModule() {
     }
-    ConfirmDialogModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule, ButtonModule],
-                    exports: [ConfirmDialog, ButtonModule],
-                    declarations: [ConfirmDialog]
-                },] },
-    ];
-    /** @nocollapse */
-    ConfirmDialogModule.ctorParameters = [];
+    ConfirmDialogModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule, button_1.ButtonModule],
+            exports: [ConfirmDialog, button_1.ButtonModule],
+            declarations: [ConfirmDialog]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], ConfirmDialogModule);
     return ConfirmDialogModule;
 }());
+exports.ConfirmDialogModule = ConfirmDialogModule;
 //# sourceMappingURL=confirmdialog.js.map

components/contextmenu/contextmenu.js

@@ -1,6 +0,19 @@
-import { NgModule, Component, ElementRef, Input, Renderer, EventEmitter, Inject, forwardRef } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { DomHandler } from '../dom/domhandler';
-import { Router } from '@angular/router';
-export var ContextMenuSub = (function () {
+"use strict";
+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 domhandler_1 = require('../dom/domhandler');
+var router_1 = require('@angular/router');
+var ContextMenuSub = (function () {
     function ContextMenuSub(domHandler, router, contextMenu) {
@@ -20,3 +33,3 @@ this.domHandler = domHandler;
             var sublist = nextElement.children[0];
-            sublist.style.zIndex = ++DomHandler.zindex;
+            sublist.style.zIndex = ++domhandler_1.DomHandler.zindex;
             this.position(sublist, item);
@@ -39,3 +52,3 @@ }
             if (!item.eventEmitter) {
-                item.eventEmitter = new EventEmitter();
+                item.eventEmitter = new core_1.EventEmitter();
                 item.eventEmitter.subscribe(item.command);
@@ -60,22 +73,23 @@ }
     };
-    ContextMenuSub.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-contextMenuSub',
-                    template: "\n        <ul [ngClass]=\"{'ui-helper-reset':root, 'ui-widget-content ui-corner-all ui-helper-clearfix ui-menu-child ui-shadow':!root}\" class=\"ui-menu-list\"\n            (click)=\"listClick($event)\">\n            <template ngFor let-child [ngForOf]=\"(root ? item : item.items)\">\n                <li #item [ngClass]=\"{'ui-menuitem ui-widget ui-corner-all':true,'ui-menu-parent':child.items,'ui-menuitem-active':item==activeItem}\"\n                    (mouseenter)=\"onItemMouseEnter($event,item,child)\" (mouseleave)=\"onItemMouseLeave($event,item)\">\n                    <a #link [href]=\"child.url||'#'\" class=\"ui-menuitem-link ui-corner-all\" \n                        [ngClass]=\"{'ui-state-hover':link==activeLink&&!child.disabled,'ui-state-disabled':child.disabled}\" (click)=\"itemClick($event, child)\">\n                        <span class=\"ui-submenu-icon fa fa-fw fa-caret-right\" *ngIf=\"child.items\"></span>\n                        <span class=\"ui-menuitem-icon fa fa-fw\" *ngIf=\"child.icon\" [ngClass]=\"child.icon\"></span>\n                        <span class=\"ui-menuitem-text\">{{child.label}}</span>\n                    </a>\n                    <p-contextMenuSub class=\"ui-submenu\" [item]=\"child\" *ngIf=\"child.items\"></p-contextMenuSub>\n                </li>\n            </template>\n        </ul>\n    ",
-                    providers: [DomHandler]
-                },] },
-    ];
-    /** @nocollapse */
-    ContextMenuSub.ctorParameters = [
-        { type: DomHandler, },
-        { type: Router, },
-        { type: ContextMenu, decorators: [{ type: Inject, args: [forwardRef(function () { return ContextMenu; }),] },] },
-    ];
-    ContextMenuSub.propDecorators = {
-        'item': [{ type: Input },],
-        'root': [{ type: Input },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], ContextMenuSub.prototype, "item", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], ContextMenuSub.prototype, "root", void 0);
+    ContextMenuSub = __decorate([
+        core_1.Component({
+            selector: 'p-contextMenuSub',
+            template: "\n        <ul [ngClass]=\"{'ui-helper-reset':root, 'ui-widget-content ui-corner-all ui-helper-clearfix ui-menu-child ui-shadow':!root}\" class=\"ui-menu-list\"\n            (click)=\"listClick($event)\">\n            <template ngFor let-child [ngForOf]=\"(root ? item : item.items)\">\n                <li #item [ngClass]=\"{'ui-menuitem ui-widget ui-corner-all':true,'ui-menu-parent':child.items,'ui-menuitem-active':item==activeItem}\"\n                    (mouseenter)=\"onItemMouseEnter($event,item,child)\" (mouseleave)=\"onItemMouseLeave($event,item)\">\n                    <a #link [href]=\"child.url||'#'\" class=\"ui-menuitem-link ui-corner-all\" \n                        [ngClass]=\"{'ui-state-hover':link==activeLink&&!child.disabled,'ui-state-disabled':child.disabled}\" (click)=\"itemClick($event, child)\">\n                        <span class=\"ui-submenu-icon fa fa-fw fa-caret-right\" *ngIf=\"child.items\"></span>\n                        <span class=\"ui-menuitem-icon fa fa-fw\" *ngIf=\"child.icon\" [ngClass]=\"child.icon\"></span>\n                        <span class=\"ui-menuitem-text\">{{child.label}}</span>\n                    </a>\n                    <p-contextMenuSub class=\"ui-submenu\" [item]=\"child\" *ngIf=\"child.items\"></p-contextMenuSub>\n                </li>\n            </template>\n        </ul>\n    ",
+            providers: [domhandler_1.DomHandler]
+        }),
+        __param(2, core_1.Inject(core_1.forwardRef(function () { return ContextMenu; }))), 
+        __metadata('design:paramtypes', [domhandler_1.DomHandler, router_1.Router, ContextMenu])
+    ], ContextMenuSub);
     return ContextMenuSub;
 }());
-export var ContextMenu = (function () {
+exports.ContextMenuSub = ContextMenuSub;
+var ContextMenu = (function () {
     function ContextMenu(el, domHandler, renderer) {
@@ -145,37 +159,43 @@ this.el = el;
     };
-    ContextMenu.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-contextMenu',
-                    template: "\n        <div [ngClass]=\"'ui-contextmenu ui-menu ui-widget ui-widget-content ui-corner-all ui-helper-clearfix ui-menu-dynamic ui-shadow'\" \n            [class]=\"styleClass\" [ngStyle]=\"style\" [style.display]=\"visible ? 'block' : 'none'\">\n            <p-contextMenuSub [item]=\"model\" root=\"root\"></p-contextMenuSub>\n        </div>\n    ",
-                    providers: [DomHandler]
-                },] },
-    ];
-    /** @nocollapse */
-    ContextMenu.ctorParameters = [
-        { type: ElementRef, },
-        { type: DomHandler, },
-        { type: Renderer, },
-    ];
-    ContextMenu.propDecorators = {
-        'model': [{ type: Input },],
-        'global': [{ type: Input },],
-        'style': [{ type: Input },],
-        'styleClass': [{ type: Input },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Array)
+    ], ContextMenu.prototype, "model", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], ContextMenu.prototype, "global", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], ContextMenu.prototype, "style", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], ContextMenu.prototype, "styleClass", void 0);
+    ContextMenu = __decorate([
+        core_1.Component({
+            selector: 'p-contextMenu',
+            template: "\n        <div [ngClass]=\"'ui-contextmenu ui-menu ui-widget ui-widget-content ui-corner-all ui-helper-clearfix ui-menu-dynamic ui-shadow'\" \n            [class]=\"styleClass\" [ngStyle]=\"style\" [style.display]=\"visible ? 'block' : 'none'\">\n            <p-contextMenuSub [item]=\"model\" root=\"root\"></p-contextMenuSub>\n        </div>\n    ",
+            providers: [domhandler_1.DomHandler]
+        }), 
+        __metadata('design:paramtypes', [core_1.ElementRef, domhandler_1.DomHandler, core_1.Renderer])
+    ], ContextMenu);
     return ContextMenu;
 }());
-export var ContextMenuModule = (function () {
+exports.ContextMenu = ContextMenu;
+var ContextMenuModule = (function () {
     function ContextMenuModule() {
     }
-    ContextMenuModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule],
-                    exports: [ContextMenu],
-                    declarations: [ContextMenu, ContextMenuSub]
-                },] },
-    ];
-    /** @nocollapse */
-    ContextMenuModule.ctorParameters = [];
+    ContextMenuModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule],
+            exports: [ContextMenu],
+            declarations: [ContextMenu, ContextMenuSub]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], ContextMenuModule);
     return ContextMenuModule;
 }());
+exports.ContextMenuModule = ContextMenuModule;
 //# sourceMappingURL=contextmenu.js.map

components/datagrid/datagrid.js

@@ -1,11 +0,21 @@
-import { NgModule, Component, ElementRef, Input, Output, EventEmitter, ContentChild, IterableDiffers, TemplateRef } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { Header } from '../common/shared';
-import { Footer } from '../common/shared';
-import { PaginatorModule } from '../paginator/paginator';
-export var DataGrid = (function () {
+"use strict";
+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 shared_1 = require('../common/shared');
+var shared_2 = require('../common/shared');
+var paginator_1 = require('../paginator/paginator');
+var DataGrid = (function () {
     function DataGrid(el, differs) {
         this.el = el;
         this.pageLinks = 5;
-        this.onLazyLoad = new EventEmitter();
+        this.onLazyLoad = new core_1.EventEmitter();
         this.paginatorPosition = 'bottom';
@@ -79,45 +89,82 @@ this.first = 0;
     };
-    DataGrid.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-dataGrid',
-                    template: "\n        <div [ngClass]=\"'ui-datagrid ui-widget'\" [ngStyle]=\"style\" [class]=\"styleClass\">\n            <div class=\"ui-datagrid-header ui-widget-header ui-corner-top\" *ngIf=\"header\">\n                <ng-content select=\"header\"></ng-content>\n            </div>\n            <p-paginator [rows]=\"rows\" [first]=\"first\" [totalRecords]=\"totalRecords\" [pageLinkSize]=\"pageLinks\" \n                (onPageChange)=\"paginate($event)\" styleClass=\"ui-paginator-bottom\" [rowsPerPageOptions]=\"rowsPerPageOptions\" *ngIf=\"paginator && paginatorPosition!='bottom' || paginatorPosition =='both'\"></p-paginator>\n            <div class=\"ui-datagrid-content ui-widget-content\">\n                <div class=\"ui-g\">\n                    <template ngFor [ngForOf]=\"dataToRender\" [ngForTemplate]=\"itemTemplate\"></template>\n                </div>\n            </div>\n            <p-paginator [rows]=\"rows\" [first]=\"first\" [totalRecords]=\"totalRecords\" [pageLinkSize]=\"pageLinks\" \n                (onPageChange)=\"paginate($event)\" styleClass=\"ui-paginator-bottom\" [rowsPerPageOptions]=\"rowsPerPageOptions\" *ngIf=\"paginator && paginatorPosition!='top' || paginatorPosition =='both'\"></p-paginator>\n            <div class=\"ui-datagrid-footer ui-widget-header ui-corner-top\" *ngIf=\"footer\">\n                <ng-content select=\"footer\"></ng-content>\n            </div>\n        </div>\n    "
-                },] },
-    ];
-    /** @nocollapse */
-    DataGrid.ctorParameters = [
-        { type: ElementRef, },
-        { type: IterableDiffers, },
-    ];
-    DataGrid.propDecorators = {
-        'value': [{ type: Input },],
-        'paginator': [{ type: Input },],
-        'rows': [{ type: Input },],
-        'totalRecords': [{ type: Input },],
-        'pageLinks': [{ type: Input },],
-        'rowsPerPageOptions': [{ type: Input },],
-        'lazy': [{ type: Input },],
-        'onLazyLoad': [{ type: Output },],
-        'style': [{ type: Input },],
-        'styleClass': [{ type: Input },],
-        'paginatorPosition': [{ type: Input },],
-        'header': [{ type: ContentChild, args: [Header,] },],
-        'footer': [{ type: ContentChild, args: [Footer,] },],
-        'itemTemplate': [{ type: ContentChild, args: [TemplateRef,] },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Array)
+    ], DataGrid.prototype, "value", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], DataGrid.prototype, "paginator", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], DataGrid.prototype, "rows", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], DataGrid.prototype, "totalRecords", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], DataGrid.prototype, "pageLinks", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Array)
+    ], DataGrid.prototype, "rowsPerPageOptions", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], DataGrid.prototype, "lazy", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], DataGrid.prototype, "onLazyLoad", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], DataGrid.prototype, "style", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], DataGrid.prototype, "styleClass", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], DataGrid.prototype, "paginatorPosition", void 0);
+    __decorate([
+        core_1.ContentChild(shared_1.Header), 
+        __metadata('design:type', Object)
+    ], DataGrid.prototype, "header", void 0);
+    __decorate([
+        core_1.ContentChild(shared_2.Footer), 
+        __metadata('design:type', Object)
+    ], DataGrid.prototype, "footer", void 0);
+    __decorate([
+        core_1.ContentChild(core_1.TemplateRef), 
+        __metadata('design:type', core_1.TemplateRef)
+    ], DataGrid.prototype, "itemTemplate", void 0);
+    DataGrid = __decorate([
+        core_1.Component({
+            selector: 'p-dataGrid',
+            template: "\n        <div [ngClass]=\"'ui-datagrid ui-widget'\" [ngStyle]=\"style\" [class]=\"styleClass\">\n            <div class=\"ui-datagrid-header ui-widget-header ui-corner-top\" *ngIf=\"header\">\n                <ng-content select=\"header\"></ng-content>\n            </div>\n            <p-paginator [rows]=\"rows\" [first]=\"first\" [totalRecords]=\"totalRecords\" [pageLinkSize]=\"pageLinks\" \n                (onPageChange)=\"paginate($event)\" styleClass=\"ui-paginator-bottom\" [rowsPerPageOptions]=\"rowsPerPageOptions\" *ngIf=\"paginator && paginatorPosition!='bottom' || paginatorPosition =='both'\"></p-paginator>\n            <div class=\"ui-datagrid-content ui-widget-content\">\n                <div class=\"ui-g\">\n                    <template ngFor [ngForOf]=\"dataToRender\" [ngForTemplate]=\"itemTemplate\"></template>\n                </div>\n            </div>\n            <p-paginator [rows]=\"rows\" [first]=\"first\" [totalRecords]=\"totalRecords\" [pageLinkSize]=\"pageLinks\" \n                (onPageChange)=\"paginate($event)\" styleClass=\"ui-paginator-bottom\" [rowsPerPageOptions]=\"rowsPerPageOptions\" *ngIf=\"paginator && paginatorPosition!='top' || paginatorPosition =='both'\"></p-paginator>\n            <div class=\"ui-datagrid-footer ui-widget-header ui-corner-top\" *ngIf=\"footer\">\n                <ng-content select=\"footer\"></ng-content>\n            </div>\n        </div>\n    "
+        }), 
+        __metadata('design:paramtypes', [core_1.ElementRef, core_1.IterableDiffers])
+    ], DataGrid);
     return DataGrid;
 }());
-export var DataGridModule = (function () {
+exports.DataGrid = DataGrid;
+var DataGridModule = (function () {
     function DataGridModule() {
     }
-    DataGridModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule, PaginatorModule],
-                    exports: [DataGrid],
-                    declarations: [DataGrid]
-                },] },
-    ];
-    /** @nocollapse */
-    DataGridModule.ctorParameters = [];
+    DataGridModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule, paginator_1.PaginatorModule],
+            exports: [DataGrid],
+            declarations: [DataGrid]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], DataGridModule);
     return DataGridModule;
 }());
+exports.DataGridModule = DataGridModule;
 //# sourceMappingURL=datagrid.js.map

components/datalist/datalist.js

@@ -1,12 +0,22 @@
-import { NgModule, Component, ElementRef, Input, Output, EventEmitter, ContentChild, IterableDiffers, TemplateRef } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { Header } from '../common/shared';
-import { Footer } from '../common/shared';
-import { SharedModule } from '../common/shared';
-import { PaginatorModule } from '../paginator/paginator';
-export var DataList = (function () {
+"use strict";
+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 shared_1 = require('../common/shared');
+var shared_2 = require('../common/shared');
+var shared_3 = require('../common/shared');
+var paginator_1 = require('../paginator/paginator');
+var DataList = (function () {
     function DataList(el, differs) {
         this.el = el;
         this.pageLinks = 5;
-        this.onLazyLoad = new EventEmitter();
+        this.onLazyLoad = new core_1.EventEmitter();
         this.paginatorPosition = 'bottom';
@@ -80,45 +90,82 @@ this.first = 0;
     };
-    DataList.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-dataList',
-                    template: "\n        <div [ngClass]=\"'ui-datalist ui-widget'\" [ngStyle]=\"style\" [class]=\"styleClass\">\n            <div class=\"ui-datalist-header ui-widget-header ui-corner-top\" *ngIf=\"header\">\n                <ng-content select=\"header\"></ng-content>\n            </div>\n            <p-paginator [rows]=\"rows\" [first]=\"first\" [totalRecords]=\"totalRecords\" [pageLinkSize]=\"pageLinks\" \n            (onPageChange)=\"paginate($event)\" styleClass=\"ui-paginator-bottom\" [rowsPerPageOptions]=\"rowsPerPageOptions\" *ngIf=\"paginator  && paginatorPosition!='bottom' || paginatorPosition =='both'\"></p-paginator>\n            <div class=\"ui-datalist-content ui-widget-content\">\n                <ul class=\"ui-datalist-data\">\n                    <li *ngFor=\"let item of dataToRender\">\n                        <template [pTemplateWrapper]=\"itemTemplate\" [item]=\"item\"></template>\n                    </li>\n                </ul>\n            </div>\n            <p-paginator [rows]=\"rows\" [first]=\"first\" [totalRecords]=\"totalRecords\" [pageLinkSize]=\"pageLinks\" \n            (onPageChange)=\"paginate($event)\" styleClass=\"ui-paginator-bottom\" [rowsPerPageOptions]=\"rowsPerPageOptions\" *ngIf=\"paginator  && paginatorPosition!='top' || paginatorPosition =='both'\"></p-paginator>\n            <div class=\"ui-datalist-footer ui-widget-header ui-corner-bottom\" *ngIf=\"footer\">\n                <ng-content select=\"footer\"></ng-content>\n            </div>\n        </div>\n    "
-                },] },
-    ];
-    /** @nocollapse */
-    DataList.ctorParameters = [
-        { type: ElementRef, },
-        { type: IterableDiffers, },
-    ];
-    DataList.propDecorators = {
-        'value': [{ type: Input },],
-        'paginator': [{ type: Input },],
-        'rows': [{ type: Input },],
-        'totalRecords': [{ type: Input },],
-        'pageLinks': [{ type: Input },],
-        'rowsPerPageOptions': [{ type: Input },],
-        'lazy': [{ type: Input },],
-        'onLazyLoad': [{ type: Output },],
-        'style': [{ type: Input },],
-        'styleClass': [{ type: Input },],
-        'paginatorPosition': [{ type: Input },],
-        'header': [{ type: ContentChild, args: [Header,] },],
-        'footer': [{ type: ContentChild, args: [Footer,] },],
-        'itemTemplate': [{ type: ContentChild, args: [TemplateRef,] },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Array)
+    ], DataList.prototype, "value", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], DataList.prototype, "paginator", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], DataList.prototype, "rows", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], DataList.prototype, "totalRecords", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], DataList.prototype, "pageLinks", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Array)
+    ], DataList.prototype, "rowsPerPageOptions", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], DataList.prototype, "lazy", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], DataList.prototype, "onLazyLoad", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], DataList.prototype, "style", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], DataList.prototype, "styleClass", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], DataList.prototype, "paginatorPosition", void 0);
+    __decorate([
+        core_1.ContentChild(shared_1.Header), 
+        __metadata('design:type', Object)
+    ], DataList.prototype, "header", void 0);
+    __decorate([
+        core_1.ContentChild(shared_2.Footer), 
+        __metadata('design:type', Object)
+    ], DataList.prototype, "footer", void 0);
+    __decorate([
+        core_1.ContentChild(core_1.TemplateRef), 
+        __metadata('design:type', core_1.TemplateRef)
+    ], DataList.prototype, "itemTemplate", void 0);
+    DataList = __decorate([
+        core_1.Component({
+            selector: 'p-dataList',
+            template: "\n        <div [ngClass]=\"'ui-datalist ui-widget'\" [ngStyle]=\"style\" [class]=\"styleClass\">\n            <div class=\"ui-datalist-header ui-widget-header ui-corner-top\" *ngIf=\"header\">\n                <ng-content select=\"header\"></ng-content>\n            </div>\n            <p-paginator [rows]=\"rows\" [first]=\"first\" [totalRecords]=\"totalRecords\" [pageLinkSize]=\"pageLinks\" \n            (onPageChange)=\"paginate($event)\" styleClass=\"ui-paginator-bottom\" [rowsPerPageOptions]=\"rowsPerPageOptions\" *ngIf=\"paginator  && paginatorPosition!='bottom' || paginatorPosition =='both'\"></p-paginator>\n            <div class=\"ui-datalist-content ui-widget-content\">\n                <ul class=\"ui-datalist-data\">\n                    <li *ngFor=\"let item of dataToRender\">\n                        <template [pTemplateWrapper]=\"itemTemplate\" [item]=\"item\"></template>\n                    </li>\n                </ul>\n            </div>\n            <p-paginator [rows]=\"rows\" [first]=\"first\" [totalRecords]=\"totalRecords\" [pageLinkSize]=\"pageLinks\" \n            (onPageChange)=\"paginate($event)\" styleClass=\"ui-paginator-bottom\" [rowsPerPageOptions]=\"rowsPerPageOptions\" *ngIf=\"paginator  && paginatorPosition!='top' || paginatorPosition =='both'\"></p-paginator>\n            <div class=\"ui-datalist-footer ui-widget-header ui-corner-bottom\" *ngIf=\"footer\">\n                <ng-content select=\"footer\"></ng-content>\n            </div>\n        </div>\n    "
+        }), 
+        __metadata('design:paramtypes', [core_1.ElementRef, core_1.IterableDiffers])
+    ], DataList);
     return DataList;
 }());
-export var DataListModule = (function () {
+exports.DataList = DataList;
+var DataListModule = (function () {
     function DataListModule() {
     }
-    DataListModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule, SharedModule, PaginatorModule],
-                    exports: [DataList, SharedModule],
-                    declarations: [DataList]
-                },] },
-    ];
-    /** @nocollapse */
-    DataListModule.ctorParameters = [];
+    DataListModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule, shared_3.SharedModule, paginator_1.PaginatorModule],
+            exports: [DataList, shared_3.SharedModule],
+            declarations: [DataList]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], DataListModule);
     return DataListModule;
 }());
+exports.DataListModule = DataListModule;
 //# sourceMappingURL=datalist.js.map

components/datascroller/datascroller.js

@@ -1,8 +0,18 @@
-import { NgModule, Component, ElementRef, Input, Output, Renderer, EventEmitter, ContentChild, IterableDiffers, TemplateRef } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { Header } from '../common/shared';
-import { Footer } from '../common/shared';
-import { SharedModule } from '../common/shared';
-import { DomHandler } from '../dom/domhandler';
-export var DataScroller = (function () {
+"use strict";
+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 shared_1 = require('../common/shared');
+var shared_2 = require('../common/shared');
+var shared_3 = require('../common/shared');
+var domhandler_1 = require('../dom/domhandler');
+var DataScroller = (function () {
     function DataScroller(el, differs, renderer, domHandler) {
@@ -12,3 +22,3 @@ this.el = el;
         this.domHandler = domHandler;
-        this.onLazyLoad = new EventEmitter();
+        this.onLazyLoad = new core_1.EventEmitter();
         this.buffer = 0.9;
@@ -106,47 +116,79 @@ this.dataToRender = [];
     };
-    DataScroller.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-dataScroller',
-                    template: "\n    <div [ngClass]=\"{'ui-datascroller ui-widget': true, 'ui-datascroller-inline': inline}\" [ngStyle]=\"style\" [class]=\"styleClass\">\n        <div class=\"ui-datascroller-header ui-widget-header ui-corner-top\" *ngIf=\"header\">\n            <ng-content select=\"header\"></ng-content>\n        </div>\n        <div class=\"ui-datascroller-content ui-widget-content\" [ngStyle]=\"{'max-height': scrollHeight}\">\n            <ul class=\"ui-datascroller-list\">\n                <li *ngFor=\"let item of dataToRender\">\n                    <template [pTemplateWrapper]=\"itemTemplate\" [item]=\"item\"></template>\n                </li>\n            </ul>\n        </div>\n        <div class=\"ui-datascroller-footer ui-widget-header ui-corner-bottom\" *ngIf=\"footer\">\n            <ng-content select=\"footer\"></ng-content>\n        </div>\n    </div>\n    ",
-                    providers: [DomHandler]
-                },] },
-    ];
-    /** @nocollapse */
-    DataScroller.ctorParameters = [
-        { type: ElementRef, },
-        { type: IterableDiffers, },
-        { type: Renderer, },
-        { type: DomHandler, },
-    ];
-    DataScroller.propDecorators = {
-        'value': [{ type: Input },],
-        'rows': [{ type: Input },],
-        'lazy': [{ type: Input },],
-        'onLazyLoad': [{ type: Output },],
-        'style': [{ type: Input },],
-        'styleClass': [{ type: Input },],
-        'buffer': [{ type: Input },],
-        'inline': [{ type: Input },],
-        'scrollHeight': [{ type: Input },],
-        'header': [{ type: ContentChild, args: [Header,] },],
-        'footer': [{ type: ContentChild, args: [Footer,] },],
-        'itemTemplate': [{ type: ContentChild, args: [TemplateRef,] },],
-        'loader': [{ type: Input },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Array)
+    ], DataScroller.prototype, "value", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], DataScroller.prototype, "rows", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], DataScroller.prototype, "lazy", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], DataScroller.prototype, "onLazyLoad", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], DataScroller.prototype, "style", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], DataScroller.prototype, "styleClass", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], DataScroller.prototype, "buffer", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], DataScroller.prototype, "inline", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], DataScroller.prototype, "scrollHeight", void 0);
+    __decorate([
+        core_1.ContentChild(shared_1.Header), 
+        __metadata('design:type', Object)
+    ], DataScroller.prototype, "header", void 0);
+    __decorate([
+        core_1.ContentChild(shared_2.Footer), 
+        __metadata('design:type', Object)
+    ], DataScroller.prototype, "footer", void 0);
+    __decorate([
+        core_1.ContentChild(core_1.TemplateRef), 
+        __metadata('design:type', core_1.TemplateRef)
+    ], DataScroller.prototype, "itemTemplate", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], DataScroller.prototype, "loader", void 0);
+    DataScroller = __decorate([
+        core_1.Component({
+            selector: 'p-dataScroller',
+            template: "\n    <div [ngClass]=\"{'ui-datascroller ui-widget': true, 'ui-datascroller-inline': inline}\" [ngStyle]=\"style\" [class]=\"styleClass\">\n        <div class=\"ui-datascroller-header ui-widget-header ui-corner-top\" *ngIf=\"header\">\n            <ng-content select=\"header\"></ng-content>\n        </div>\n        <div class=\"ui-datascroller-content ui-widget-content\" [ngStyle]=\"{'max-height': scrollHeight}\">\n            <ul class=\"ui-datascroller-list\">\n                <li *ngFor=\"let item of dataToRender\">\n                    <template [pTemplateWrapper]=\"itemTemplate\" [item]=\"item\"></template>\n                </li>\n            </ul>\n        </div>\n        <div class=\"ui-datascroller-footer ui-widget-header ui-corner-bottom\" *ngIf=\"footer\">\n            <ng-content select=\"footer\"></ng-content>\n        </div>\n    </div>\n    ",
+            providers: [domhandler_1.DomHandler]
+        }), 
+        __metadata('design:paramtypes', [core_1.ElementRef, core_1.IterableDiffers, core_1.Renderer, domhandler_1.DomHandler])
+    ], DataScroller);
     return DataScroller;
 }());
-export var DataScrollerModule = (function () {
+exports.DataScroller = DataScroller;
+var DataScrollerModule = (function () {
     function DataScrollerModule() {
     }
-    DataScrollerModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule, SharedModule],
-                    exports: [DataScroller, SharedModule],
-                    declarations: [DataScroller]
-                },] },
-    ];
-    /** @nocollapse */
-    DataScrollerModule.ctorParameters = [];
+    DataScrollerModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule, shared_3.SharedModule],
+            exports: [DataScroller, shared_3.SharedModule],
+            declarations: [DataScroller]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], DataScrollerModule);
     return DataScrollerModule;
 }());
+exports.DataScrollerModule = DataScrollerModule;
 //# sourceMappingURL=datascroller.js.map

components/dialog/dialog.js

@@ -1,6 +0,16 @@
-import { NgModule, Component, ElementRef, Input, Output, EventEmitter, Renderer, ContentChild, trigger, state, style, transition, animate } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { DomHandler } from '../dom/domhandler';
-import { Header, SharedModule } from '../common/shared';
-export var Dialog = (function () {
+"use strict";
+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 domhandler_1 = require('../dom/domhandler');
+var shared_1 = require('../common/shared');
+var Dialog = (function () {
     function Dialog(el, domHandler, renderer) {
@@ -16,7 +26,7 @@ this.el = el;
         this.closable = true;
-        this.onBeforeShow = new EventEmitter();
-        this.onAfterShow = new EventEmitter();
-        this.onBeforeHide = new EventEmitter();
-        this.onAfterHide = new EventEmitter();
-        this.visibleChange = new EventEmitter();
+        this.onBeforeShow = new core_1.EventEmitter();
+        this.onAfterShow = new core_1.EventEmitter();
+        this.onBeforeHide = new core_1.EventEmitter();
+        this.onAfterHide = new core_1.EventEmitter();
+        this.visibleChange = new core_1.EventEmitter();
     }
@@ -35,3 +45,3 @@ Object.defineProperty(Dialog.prototype, "visible", {
                 }
-                this.el.nativeElement.children[0].style.zIndex = ++DomHandler.zindex;
+                this.el.nativeElement.children[0].style.zIndex = ++domhandler_1.DomHandler.zindex;
                 this.shown = true;
@@ -75,3 +85,3 @@ }
                 if (event.which == 27) {
-                    if (_this.el.nativeElement.children[0].style.zIndex == DomHandler.zindex) {
+                    if (_this.el.nativeElement.children[0].style.zIndex == domhandler_1.DomHandler.zindex) {
                         _this.hide(event);
@@ -134,3 +144,3 @@ }
     Dialog.prototype.moveOnTop = function () {
-        this.el.nativeElement.children[0].style.zIndex = ++DomHandler.zindex;
+        this.el.nativeElement.children[0].style.zIndex = ++domhandler_1.DomHandler.zindex;
     };
@@ -205,67 +215,127 @@ Dialog.prototype.initDrag = function (event) {
     };
-    Dialog.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-dialog',
-                    template: "\n        <div [ngClass]=\"{'ui-dialog ui-widget ui-widget-content ui-corner-all ui-shadow':true,'ui-dialog-rtl':rtl,'ui-dialog-draggable':draggable}\" \n            [style.display]=\"visible ? 'block' : 'none'\" [style.width.px]=\"width\" [style.height.px]=\"height\" (mousedown)=\"moveOnTop()\" [@dialogState]=\"visible ? 'visible' : 'hidden'\">\n            <div class=\"ui-dialog-titlebar ui-widget-header ui-helper-clearfix ui-corner-top\"\n                (mousedown)=\"initDrag($event)\" (mouseup)=\"endDrag($event)\">\n                <span class=\"ui-dialog-title\" *ngIf=\"header\">{{header}}</span>\n                <span class=\"ui-dialog-title\" *ngIf=\"headerFacet\">\n                    <ng-content select=\"header\"></ng-content>\n                </span>\n                <a [ngClass]=\"{'ui-dialog-titlebar-icon ui-dialog-titlebar-close ui-corner-all':true,'ui-state-hover':hoverCloseIcon}\" href=\"#\" role=\"button\" *ngIf=\"closable\" \n                    (click)=\"hide($event)\" (mouseenter)=\"hoverCloseIcon=true\" (mouseleave)=\"hoverCloseIcon=false\">\n                    <span class=\"fa fa-fw fa-close\"></span>\n                </a>\n            </div>\n            <div class=\"ui-dialog-content ui-widget-content\" [style.height.px]=\"contentHeight\">\n                <ng-content></ng-content>\n            </div>\n            <ng-content select=\"footer\"></ng-content>\n            <div *ngIf=\"resizable\" class=\"ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se\" style=\"z-index: 90;\"\n                (mousedown)=\"initResize($event)\"></div>\n        </div>\n    ",
-                    animations: [
-                        trigger('dialogState', [
-                            state('hidden', style({
-                                opacity: 0
-                            })),
-                            state('visible', style({
-                                opacity: 1
-                            })),
-                            transition('visible => hidden', animate('400ms ease-in')),
-                            transition('hidden => visible', animate('400ms ease-out'))
-                        ])
-                    ],
-                    providers: [DomHandler]
-                },] },
-    ];
-    /** @nocollapse */
-    Dialog.ctorParameters = [
-        { type: ElementRef, },
-        { type: DomHandler, },
-        { type: Renderer, },
-    ];
-    Dialog.propDecorators = {
-        'header': [{ type: Input },],
-        'draggable': [{ type: Input },],
-        'resizable': [{ type: Input },],
-        'minWidth': [{ type: Input },],
-        'minHeight': [{ type: Input },],
-        'width': [{ type: Input },],
-        'height': [{ type: Input },],
-        'contentHeight': [{ type: Input },],
-        'modal': [{ type: Input },],
-        'showEffect': [{ type: Input },],
-        'closeOnEscape': [{ type: Input },],
-        'rtl': [{ type: Input },],
-        'closable': [{ type: Input },],
-        'responsive': [{ type: Input },],
-        'appendTo': [{ type: Input },],
-        'headerFacet': [{ type: ContentChild, args: [Header,] },],
-        'onBeforeShow': [{ type: Output },],
-        'onAfterShow': [{ type: Output },],
-        'onBeforeHide': [{ type: Output },],
-        'onAfterHide': [{ type: Output },],
-        'visibleChange': [{ type: Output },],
-        'visible': [{ type: Input },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Dialog.prototype, "header", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Dialog.prototype, "draggable", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Dialog.prototype, "resizable", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], Dialog.prototype, "minWidth", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], Dialog.prototype, "minHeight", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], Dialog.prototype, "width", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], Dialog.prototype, "height", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], Dialog.prototype, "contentHeight", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Dialog.prototype, "modal", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Dialog.prototype, "showEffect", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Dialog.prototype, "closeOnEscape", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Dialog.prototype, "rtl", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Dialog.prototype, "closable", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Dialog.prototype, "responsive", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], Dialog.prototype, "appendTo", void 0);
+    __decorate([
+        core_1.ContentChild(shared_1.Header), 
+        __metadata('design:type', Object)
+    ], Dialog.prototype, "headerFacet", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Dialog.prototype, "onBeforeShow", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Dialog.prototype, "onAfterShow", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Dialog.prototype, "onBeforeHide", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Dialog.prototype, "onAfterHide", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Dialog.prototype, "visibleChange", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Dialog.prototype, "visible", null);
+    Dialog = __decorate([
+        core_1.Component({
+            selector: 'p-dialog',
+            template: "\n        <div [ngClass]=\"{'ui-dialog ui-widget ui-widget-content ui-corner-all ui-shadow':true,'ui-dialog-rtl':rtl,'ui-dialog-draggable':draggable}\" \n            [style.display]=\"visible ? 'block' : 'none'\" [style.width.px]=\"width\" [style.height.px]=\"height\" (mousedown)=\"moveOnTop()\" [@dialogState]=\"visible ? 'visible' : 'hidden'\">\n            <div class=\"ui-dialog-titlebar ui-widget-header ui-helper-clearfix ui-corner-top\"\n                (mousedown)=\"initDrag($event)\" (mouseup)=\"endDrag($event)\">\n                <span class=\"ui-dialog-title\" *ngIf=\"header\">{{header}}</span>\n                <span class=\"ui-dialog-title\" *ngIf=\"headerFacet\">\n                    <ng-content select=\"header\"></ng-content>\n                </span>\n                <a [ngClass]=\"{'ui-dialog-titlebar-icon ui-dialog-titlebar-close ui-corner-all':true,'ui-state-hover':hoverCloseIcon}\" href=\"#\" role=\"button\" *ngIf=\"closable\" \n                    (click)=\"hide($event)\" (mouseenter)=\"hoverCloseIcon=true\" (mouseleave)=\"hoverCloseIcon=false\">\n                    <span class=\"fa fa-fw fa-close\"></span>\n                </a>\n            </div>\n            <div class=\"ui-dialog-content ui-widget-content\" [style.height.px]=\"contentHeight\">\n                <ng-content></ng-content>\n            </div>\n            <ng-content select=\"footer\"></ng-content>\n            <div *ngIf=\"resizable\" class=\"ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se\" style=\"z-index: 90;\"\n                (mousedown)=\"initResize($event)\"></div>\n        </div>\n    ",
+            animations: [
+                core_1.trigger('dialogState', [
+                    core_1.state('hidden', core_1.style({
+                        opacity: 0
+                    })),
+                    core_1.state('visible', core_1.style({
+                        opacity: 1
+                    })),
+                    core_1.transition('visible => hidden', core_1.animate('400ms ease-in')),
+                    core_1.transition('hidden => visible', core_1.animate('400ms ease-out'))
+                ])
+            ],
+            providers: [domhandler_1.DomHandler]
+        }), 
+        __metadata('design:paramtypes', [core_1.ElementRef, domhandler_1.DomHandler, core_1.Renderer])
+    ], Dialog);
     return Dialog;
 }());
-export var DialogModule = (function () {
+exports.Dialog = Dialog;
+var DialogModule = (function () {
     function DialogModule() {
     }
-    DialogModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule],
-                    exports: [Dialog, SharedModule],
-                    declarations: [Dialog]
-                },] },
-    ];
-    /** @nocollapse */
-    DialogModule.ctorParameters = [];
+    DialogModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule],
+            exports: [Dialog, shared_1.SharedModule],
+            declarations: [Dialog]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], DialogModule);
     return DialogModule;
 }());
+exports.DialogModule = DialogModule;
 //# sourceMappingURL=dialog.js.map

components/dom/domhandler.js

@@ -1,3 +0,13 @@
-import { Injectable } from '@angular/core';
-export var DomHandler = (function () {
+"use strict";
+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 DomHandler = (function () {
     function DomHandler() {
@@ -273,9 +283,9 @@ }
     DomHandler.zindex = 1000;
-    DomHandler.decorators = [
-        { type: Injectable },
-    ];
-    /** @nocollapse */
-    DomHandler.ctorParameters = [];
+    DomHandler = __decorate([
+        core_1.Injectable(), 
+        __metadata('design:paramtypes', [])
+    ], DomHandler);
     return DomHandler;
 }());
+exports.DomHandler = DomHandler;
 //# sourceMappingURL=domhandler.js.map

components/dragdrop/dragdrop.js

@@ -1,11 +0,21 @@
-import { NgModule, Directive, ElementRef, HostListener, Input, Output, EventEmitter } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { DomHandler } from '../dom/domhandler';
-export var Draggable = (function () {
+"use strict";
+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 domhandler_1 = require('../dom/domhandler');
+var Draggable = (function () {
     function Draggable(el, domHandler) {
         this.el = el;
         this.domHandler = domHandler;
-        this.onDragStart = new EventEmitter();
-        this.onDragEnd = new EventEmitter();
-        this.onDrag = new EventEmitter();
+        this.onDragStart = new core_1.EventEmitter();
+        this.onDragEnd = new core_1.EventEmitter();
+        this.onDrag = new core_1.EventEmitter();
     }
@@ -42,39 +52,77 @@ Draggable.prototype.dragStart = function (event) {
     };
-    Draggable.decorators = [
-        { type: Directive, args: [{
-                    selector: '[pDraggable]',
-                    host: {
-                        '[draggable]': 'true'
-                    },
-                    providers: [DomHandler]
-                },] },
-    ];
-    /** @nocollapse */
-    Draggable.ctorParameters = [
-        { type: ElementRef, },
-        { type: DomHandler, },
-    ];
-    Draggable.propDecorators = {
-        'scope': [{ type: Input, args: ['pDraggable',] },],
-        'dragEffect': [{ type: Input },],
-        'dragHandle': [{ type: Input },],
-        'onDragStart': [{ type: Output },],
-        'onDragEnd': [{ type: Output },],
-        'onDrag': [{ type: Output },],
-        'dragStart': [{ type: HostListener, args: ['dragstart', ['$event'],] },],
-        'drag': [{ type: HostListener, args: ['drag', ['$event'],] },],
-        'dragEnd': [{ type: HostListener, args: ['dragend', ['$event'],] },],
-        'mouseover': [{ type: HostListener, args: ['mouseover', ['$event'],] },],
-        'mouseleave': [{ type: HostListener, args: ['mouseleave', ['$event'],] },],
-    };
+    __decorate([
+        core_1.Input('pDraggable'), 
+        __metadata('design:type', String)
+    ], Draggable.prototype, "scope", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Draggable.prototype, "dragEffect", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Draggable.prototype, "dragHandle", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Draggable.prototype, "onDragStart", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Draggable.prototype, "onDragEnd", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Draggable.prototype, "onDrag", void 0);
+    __decorate([
+        core_1.HostListener('dragstart', ['$event']), 
+        __metadata('design:type', Function), 
+        __metadata('design:paramtypes', [Object]), 
+        __metadata('design:returntype', void 0)
+    ], Draggable.prototype, "dragStart", null);
+    __decorate([
+        core_1.HostListener('drag', ['$event']), 
+        __metadata('design:type', Function), 
+        __metadata('design:paramtypes', [Object]), 
+        __metadata('design:returntype', void 0)
+    ], Draggable.prototype, "drag", null);
+    __decorate([
+        core_1.HostListener('dragend', ['$event']), 
+        __metadata('design:type', Function), 
+        __metadata('design:paramtypes', [Object]), 
+        __metadata('design:returntype', void 0)
+    ], Draggable.prototype, "dragEnd", null);
+    __decorate([
+        core_1.HostListener('mouseover', ['$event']), 
+        __metadata('design:type', Function), 
+        __metadata('design:paramtypes', [Object]), 
+        __metadata('design:returntype', void 0)
+    ], Draggable.prototype, "mouseover", null);
+    __decorate([
+        core_1.HostListener('mouseleave', ['$event']), 
+        __metadata('design:type', Function), 
+        __metadata('design:paramtypes', [Object]), 
+        __metadata('design:returntype', void 0)
+    ], Draggable.prototype, "mouseleave", null);
+    Draggable = __decorate([
+        core_1.Directive({
+            selector: '[pDraggable]',
+            host: {
+                '[draggable]': 'true'
+            },
+            providers: [domhandler_1.DomHandler]
+        }), 
+        __metadata('design:paramtypes', [core_1.ElementRef, domhandler_1.DomHandler])
+    ], Draggable);
     return Draggable;
 }());
-export var Droppable = (function () {
+exports.Draggable = Draggable;
+var Droppable = (function () {
     function Droppable(el, domHandler) {
         this.el = el;
         this.domHandler = domHandler;
-        this.onDragEnter = new EventEmitter();
-        this.onDragLeave = new EventEmitter();
-        this.onDrop = new EventEmitter();
-        this.onDragOver = new EventEmitter();
+        this.onDragEnter = new core_1.EventEmitter();
+        this.onDragLeave = new core_1.EventEmitter();
+        this.onDrop = new core_1.EventEmitter();
+        this.onDragOver = new core_1.EventEmitter();
     }
@@ -120,41 +168,74 @@ Droppable.prototype.drop = function (event) {
     };
-    Droppable.decorators = [
-        { type: Directive, args: [{
-                    selector: '[pDroppable]',
-                    providers: [DomHandler]
-                },] },
-    ];
-    /** @nocollapse */
-    Droppable.ctorParameters = [
-        { type: ElementRef, },
-        { type: DomHandler, },
-    ];
-    Droppable.propDecorators = {
-        'scope': [{ type: Input, args: ['pDroppable',] },],
-        'dropEffect': [{ type: Input },],
-        'onDragEnter': [{ type: Output },],
-        'onDragLeave': [{ type: Output },],
-        'onDrop': [{ type: Output },],
-        'onDragOver': [{ type: Output },],
-        'drop': [{ type: HostListener, args: ['drop', ['$event'],] },],
-        'dragEnter': [{ type: HostListener, args: ['dragenter', ['$event'],] },],
-        'dragLeave': [{ type: HostListener, args: ['dragleave', ['$event'],] },],
-        'dragOver': [{ type: HostListener, args: ['dragover', ['$event'],] },],
-    };
+    __decorate([
+        core_1.Input('pDroppable'), 
+        __metadata('design:type', Object)
+    ], Droppable.prototype, "scope", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Droppable.prototype, "dropEffect", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Droppable.prototype, "onDragEnter", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Droppable.prototype, "onDragLeave", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Droppable.prototype, "onDrop", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Droppable.prototype, "onDragOver", void 0);
+    __decorate([
+        core_1.HostListener('drop', ['$event']), 
+        __metadata('design:type', Function), 
+        __metadata('design:paramtypes', [Object]), 
+        __metadata('design:returntype', void 0)
+    ], Droppable.prototype, "drop", null);
+    __decorate([
+        core_1.HostListener('dragenter', ['$event']), 
+        __metadata('design:type', Function), 
+        __metadata('design:paramtypes', [Object]), 
+        __metadata('design:returntype', void 0)
+    ], Droppable.prototype, "dragEnter", null);
+    __decorate([
+        core_1.HostListener('dragleave', ['$event']), 
+        __metadata('design:type', Function), 
+        __metadata('design:paramtypes', [Object]), 
+        __metadata('design:returntype', void 0)
+    ], Droppable.prototype, "dragLeave", null);
+    __decorate([
+        core_1.HostListener('dragover', ['$event']), 
+        __metadata('design:type', Function), 
+        __metadata('design:paramtypes', [Object]), 
+        __metadata('design:returntype', void 0)
+    ], Droppable.prototype, "dragOver", null);
+    Droppable = __decorate([
+        core_1.Directive({
+            selector: '[pDroppable]',
+            providers: [domhandler_1.DomHandler]
+        }), 
+        __metadata('design:paramtypes', [core_1.ElementRef, domhandler_1.DomHandler])
+    ], Droppable);
     return Droppable;
 }());
-export var DragDropModule = (function () {
+exports.Droppable = Droppable;
+var DragDropModule = (function () {
     function DragDropModule() {
     }
-    DragDropModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule],
-                    exports: [Draggable, Droppable],
-                    declarations: [Draggable, Droppable]
-                },] },
-    ];
-    /** @nocollapse */
-    DragDropModule.ctorParameters = [];
+    DragDropModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule],
+            exports: [Draggable, Droppable],
+            declarations: [Draggable, Droppable]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], DragDropModule);
     return DragDropModule;
 }());
+exports.DragDropModule = DragDropModule;
 //# sourceMappingURL=dragdrop.js.map

components/dropdown/dropdown.js

@@ -1,12 +0,22 @@
-import { NgModule, Component, ElementRef, Input, Output, Renderer, EventEmitter, ContentChild, TemplateRef, IterableDiffers, forwardRef } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { SharedModule } from '../common/shared';
-import { DomHandler } from '../dom/domhandler';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-export var DROPDOWN_VALUE_ACCESSOR = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(function () { return Dropdown; }),
+"use strict";
+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 shared_1 = require('../common/shared');
+var domhandler_1 = require('../dom/domhandler');
+var forms_1 = require('@angular/forms');
+exports.DROPDOWN_VALUE_ACCESSOR = {
+    provide: forms_1.NG_VALUE_ACCESSOR,
+    useExisting: core_1.forwardRef(function () { return Dropdown; }),
     multi: true
 };
-export var Dropdown = (function () {
+var Dropdown = (function () {
     function Dropdown(el, domHandler, renderer, differs) {
@@ -18,5 +28,5 @@ this.el = el;
         this.autoWidth = true;
-        this.onChange = new EventEmitter();
-        this.onFocus = new EventEmitter();
-        this.onBlur = new EventEmitter();
+        this.onChange = new core_1.EventEmitter();
+        this.onFocus = new core_1.EventEmitter();
+        this.onBlur = new core_1.EventEmitter();
         this.onModelChange = function () { };
@@ -160,3 +170,3 @@ this.onModelTouched = function () { };
             this.panelVisible = true;
-            panel.style.zIndex = ++DomHandler.zindex;
+            panel.style.zIndex = ++domhandler_1.DomHandler.zindex;
             this.domHandler.relativePosition(panel, container);
@@ -279,48 +289,83 @@ this.domHandler.fadeIn(panel, 250);
     };
-    Dropdown.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-dropdown',
-                    template: "\n         <div [ngClass]=\"{'ui-dropdown ui-widget ui-state-default ui-corner-all ui-helper-clearfix':true,\n            'ui-state-hover':hover&&!disabled,'ui-state-focus':focus,'ui-state-disabled':disabled,'ui-dropdown-open':panelVisible}\" \n            (mouseenter)=\"onMouseenter($event)\" (mouseleave)=\"onMouseleave($event)\" (click)=\"onMouseclick($event,in)\" [ngStyle]=\"style\" [class]=\"styleClass\">\n            <div class=\"ui-helper-hidden-accessible\">\n                <select [required]=\"required\" tabindex=\"-1\">\n                    <option *ngFor=\"let option of options\" [value]=\"option.value\" [selected]=\"selectedOption == option\">{{option.label}}</option>\n                </select>\n            </div>\n            <div class=\"ui-helper-hidden-accessible\">\n                <input #in type=\"text\" readonly (focus)=\"onInputFocus($event)\" (blur)=\"onInputBlur($event)\" (keydown)=\"onKeydown($event)\">\n            </div>\n            <label [ngClass]=\"{'ui-dropdown-label ui-inputtext ui-corner-all':true,'ui-dropdown-label-empty':!label}\" *ngIf=\"!editable\">{{label||'empty'}}</label>\n            <input type=\"text\" class=\"ui-dropdown-label ui-inputtext ui-corner-all\" *ngIf=\"editable\" [value]=\"label\"\n                        (click)=\"onEditableInputClick($event)\" (input)=\"onEditableInputChange($event)\" (focus)=\"onEditableInputFocus($event)\" (blur)=\"onBlur($event)\">\n            <div class=\"ui-dropdown-trigger ui-state-default ui-corner-right\" [ngClass]=\"{'ui-state-hover':hover&&!disabled,'ui-state-focus':focus}\">\n                <span class=\"fa fa-fw fa-caret-down ui-c\"></span>\n            </div>\n            <div class=\"ui-dropdown-panel ui-widget-content ui-corner-all ui-helper-hidden ui-shadow\" \n                [style.display]=\"panelVisible ? 'block' : 'none'\">\n                <div *ngIf=\"filter\" class=\"ui-dropdown-filter-container\" (input)=\"onFilter($event)\" (click)=\"$event.stopPropagation()\">\n                    <input type=\"text\" autocomplete=\"off\" class=\"ui-dropdown-filter ui-inputtext ui-widget ui-state-default ui-corner-all\">\n                    <span class=\"fa fa-search\"></span>\n                </div>\n                <div class=\"ui-dropdown-items-wrapper\" [style.max-height]=\"scrollHeight||'auto'\">\n                    <ul class=\"ui-dropdown-items ui-dropdown-list ui-widget-content ui-widget ui-corner-all ui-helper-reset\">\n                        <li #item *ngFor=\"let option of optionsToDisplay;let i=index\" \n                            [ngClass]=\"{'ui-dropdown-item ui-corner-all':true, 'ui-state-hover':hoveredItem == item,'ui-state-highlight':(selectedOption == option)}\"\n                            (click)=\"onItemClick($event, option)\" (mouseenter)=\"hoveredItem=item\" (mouseleave)=\"hoveredItem=null\">\n                            <span *ngIf=\"!itemTemplate\">{{option.label}}</span>\n                            <template [pTemplateWrapper]=\"itemTemplate\" [item]=\"option\" *ngIf=\"itemTemplate\"></template>\n                        </li>\n                    </ul>\n                </div>\n            </div>\n        </div>\n    ",
-                    providers: [DomHandler, DROPDOWN_VALUE_ACCESSOR]
-                },] },
-    ];
-    /** @nocollapse */
-    Dropdown.ctorParameters = [
-        { type: ElementRef, },
-        { type: DomHandler, },
-        { type: Renderer, },
-        { type: IterableDiffers, },
-    ];
-    Dropdown.propDecorators = {
-        'options': [{ type: Input },],
-        'scrollHeight': [{ type: Input },],
-        'filter': [{ type: Input },],
-        'style': [{ type: Input },],
-        'styleClass': [{ type: Input },],
-        'disabled': [{ type: Input },],
-        'autoWidth': [{ type: Input },],
-        'required': [{ type: Input },],
-        'editable': [{ type: Input },],
-        'appendTo': [{ type: Input },],
-        'onChange': [{ type: Output },],
-        'onFocus': [{ type: Output },],
-        'onBlur': [{ type: Output },],
-        'itemTemplate': [{ type: ContentChild, args: [TemplateRef,] },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Array)
+    ], Dropdown.prototype, "options", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Dropdown.prototype, "scrollHeight", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Dropdown.prototype, "filter", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], Dropdown.prototype, "style", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Dropdown.prototype, "styleClass", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Dropdown.prototype, "disabled", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Dropdown.prototype, "autoWidth", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Dropdown.prototype, "required", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Dropdown.prototype, "editable", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], Dropdown.prototype, "appendTo", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Dropdown.prototype, "onChange", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Dropdown.prototype, "onFocus", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Dropdown.prototype, "onBlur", void 0);
+    __decorate([
+        core_1.ContentChild(core_1.TemplateRef), 
+        __metadata('design:type', core_1.TemplateRef)
+    ], Dropdown.prototype, "itemTemplate", void 0);
+    Dropdown = __decorate([
+        core_1.Component({
+            selector: 'p-dropdown',
+            template: "\n         <div [ngClass]=\"{'ui-dropdown ui-widget ui-state-default ui-corner-all ui-helper-clearfix':true,\n            'ui-state-hover':hover&&!disabled,'ui-state-focus':focus,'ui-state-disabled':disabled,'ui-dropdown-open':panelVisible}\" \n            (mouseenter)=\"onMouseenter($event)\" (mouseleave)=\"onMouseleave($event)\" (click)=\"onMouseclick($event,in)\" [ngStyle]=\"style\" [class]=\"styleClass\">\n            <div class=\"ui-helper-hidden-accessible\">\n                <select [required]=\"required\" tabindex=\"-1\">\n                    <option *ngFor=\"let option of options\" [value]=\"option.value\" [selected]=\"selectedOption == option\">{{option.label}}</option>\n                </select>\n            </div>\n            <div class=\"ui-helper-hidden-accessible\">\n                <input #in type=\"text\" readonly (focus)=\"onInputFocus($event)\" (blur)=\"onInputBlur($event)\" (keydown)=\"onKeydown($event)\">\n            </div>\n            <label [ngClass]=\"{'ui-dropdown-label ui-inputtext ui-corner-all':true,'ui-dropdown-label-empty':!label}\" *ngIf=\"!editable\">{{label||'empty'}}</label>\n            <input type=\"text\" class=\"ui-dropdown-label ui-inputtext ui-corner-all\" *ngIf=\"editable\" [value]=\"label\"\n                        (click)=\"onEditableInputClick($event)\" (input)=\"onEditableInputChange($event)\" (focus)=\"onEditableInputFocus($event)\" (blur)=\"onBlur($event)\">\n            <div class=\"ui-dropdown-trigger ui-state-default ui-corner-right\" [ngClass]=\"{'ui-state-hover':hover&&!disabled,'ui-state-focus':focus}\">\n                <span class=\"fa fa-fw fa-caret-down ui-c\"></span>\n            </div>\n            <div class=\"ui-dropdown-panel ui-widget-content ui-corner-all ui-helper-hidden ui-shadow\" \n                [style.display]=\"panelVisible ? 'block' : 'none'\">\n                <div *ngIf=\"filter\" class=\"ui-dropdown-filter-container\" (input)=\"onFilter($event)\" (click)=\"$event.stopPropagation()\">\n                    <input type=\"text\" autocomplete=\"off\" class=\"ui-dropdown-filter ui-inputtext ui-widget ui-state-default ui-corner-all\">\n                    <span class=\"fa fa-search\"></span>\n                </div>\n                <div class=\"ui-dropdown-items-wrapper\" [style.max-height]=\"scrollHeight||'auto'\">\n                    <ul class=\"ui-dropdown-items ui-dropdown-list ui-widget-content ui-widget ui-corner-all ui-helper-reset\">\n                        <li #item *ngFor=\"let option of optionsToDisplay;let i=index\" \n                            [ngClass]=\"{'ui-dropdown-item ui-corner-all':true, 'ui-state-hover':hoveredItem == item,'ui-state-highlight':(selectedOption == option)}\"\n                            (click)=\"onItemClick($event, option)\" (mouseenter)=\"hoveredItem=item\" (mouseleave)=\"hoveredItem=null\">\n                            <span *ngIf=\"!itemTemplate\">{{option.label}}</span>\n                            <template [pTemplateWrapper]=\"itemTemplate\" [item]=\"option\" *ngIf=\"itemTemplate\"></template>\n                        </li>\n                    </ul>\n                </div>\n            </div>\n        </div>\n    ",
+            providers: [domhandler_1.DomHandler, exports.DROPDOWN_VALUE_ACCESSOR]
+        }), 
+        __metadata('design:paramtypes', [core_1.ElementRef, domhandler_1.DomHandler, core_1.Renderer, core_1.IterableDiffers])
+    ], Dropdown);
     return Dropdown;
 }());
-export var DropdownModule = (function () {
+exports.Dropdown = Dropdown;
+var DropdownModule = (function () {
     function DropdownModule() {
     }
-    DropdownModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule, SharedModule],
-                    exports: [Dropdown, SharedModule],
-                    declarations: [Dropdown]
-                },] },
-    ];
-    /** @nocollapse */
-    DropdownModule.ctorParameters = [];
+    DropdownModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule, shared_1.SharedModule],
+            exports: [Dropdown, shared_1.SharedModule],
+            declarations: [Dropdown]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], DropdownModule);
     return DropdownModule;
 }());
+exports.DropdownModule = DropdownModule;
 //# sourceMappingURL=dropdown.js.map

components/editor/editor.js

@@ -1,17 +0,27 @@
-import { NgModule, Component, ElementRef, Input, Output, EventEmitter, ContentChild, forwardRef } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { Header } from '../common/shared';
-import { DomHandler } from '../dom/domhandler';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-export var EDITOR_VALUE_ACCESSOR = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(function () { return Editor; }),
+"use strict";
+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 shared_1 = require('../common/shared');
+var domhandler_1 = require('../dom/domhandler');
+var forms_1 = require('@angular/forms');
+exports.EDITOR_VALUE_ACCESSOR = {
+    provide: forms_1.NG_VALUE_ACCESSOR,
+    useExisting: core_1.forwardRef(function () { return Editor; }),
     multi: true
 };
-export var Editor = (function () {
+var Editor = (function () {
     function Editor(el, domHandler) {
         this.el = el;
         this.domHandler = domHandler;
-        this.onTextChange = new EventEmitter();
-        this.onSelectionChange = new EventEmitter();
+        this.onTextChange = new core_1.EventEmitter();
+        this.onSelectionChange = new core_1.EventEmitter();
         this.onModelChange = function () { };
@@ -73,40 +83,59 @@ this.onModelTouched = function () { };
     };
-    Editor.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-editor',
-                    template: "\n        <div [ngClass]=\"'ui-widget ui-editor-container ui-corner-all'\" [class]=\"styleClass\">\n            <div class=\"ui-editor-toolbar ui-widget-header ui-corner-top\" *ngIf=\"toolbar\">\n                <ng-content select=\"header\"></ng-content>\n            </div>\n            <div class=\"ui-editor-toolbar ui-widget-header ui-corner-top\" *ngIf=\"!toolbar\">\n                <span class=\"ql-formats\">\n                    <select class=\"ql-header\">\n                      <option value=\"1\">Heading</option>\n                      <option value=\"2\">Subheading</option>\n                      <option selected>Normal</option>\n                    </select>\n                    <select class=\"ql-font\">\n                      <option selected>Sans Serif</option>\n                      <option value=\"serif\">Serif</option>\n                      <option value=\"monospace\">Monospace</option>\n                    </select>\n                </span>\n                <span class=\"ql-formats\">\n                    <button class=\"ql-bold\"></button>\n                    <button class=\"ql-italic\"></button>\n                    <button class=\"ql-underline\"></button>\n                </span>\n                <span class=\"ql-formats\">\n                    <select class=\"ql-color\"></select>\n                    <select class=\"ql-background\"></select>\n                </span>\n                <span class=\"ql-formats\">\n                    <button class=\"ql-list\" value=\"ordered\"></button>\n                    <button class=\"ql-list\" value=\"bullet\"></button>\n                    <select class=\"ql-align\">\n                        <option selected></option>\n                        <option value=\"center\"></option>\n                        <option value=\"right\"></option>\n                        <option value=\"justify\"></option>\n                    </select>\n                </span>\n                <span class=\"ql-formats\">\n                    <button class=\"ql-link\"></button>\n                    <button class=\"ql-image\"></button>\n                    <button class=\"ql-code-block\"></button>\n                </span>\n                <span class=\"ql-formats\">\n                    <button class=\"ql-clean\"></button>\n                </span>\n            </div>\n            <div class=\"ui-editor-content\" [ngStyle]=\"style\"></div>\n        </div>\n    ",
-                    providers: [DomHandler, EDITOR_VALUE_ACCESSOR]
-                },] },
-    ];
-    /** @nocollapse */
-    Editor.ctorParameters = [
-        { type: ElementRef, },
-        { type: DomHandler, },
-    ];
-    Editor.propDecorators = {
-        'onTextChange': [{ type: Output },],
-        'onSelectionChange': [{ type: Output },],
-        'toolbar': [{ type: ContentChild, args: [Header,] },],
-        'style': [{ type: Input },],
-        'styleClass': [{ type: Input },],
-        'placeholder': [{ type: Input },],
-        'readOnly': [{ type: Input },],
-        'formats': [{ type: Input },],
-    };
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Editor.prototype, "onTextChange", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Editor.prototype, "onSelectionChange", void 0);
+    __decorate([
+        core_1.ContentChild(shared_1.Header), 
+        __metadata('design:type', Object)
+    ], Editor.prototype, "toolbar", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], Editor.prototype, "style", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Editor.prototype, "styleClass", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Editor.prototype, "placeholder", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Editor.prototype, "readOnly", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Array)
+    ], Editor.prototype, "formats", void 0);
+    Editor = __decorate([
+        core_1.Component({
+            selector: 'p-editor',
+            template: "\n        <div [ngClass]=\"'ui-widget ui-editor-container ui-corner-all'\" [class]=\"styleClass\">\n            <div class=\"ui-editor-toolbar ui-widget-header ui-corner-top\" *ngIf=\"toolbar\">\n                <ng-content select=\"header\"></ng-content>\n            </div>\n            <div class=\"ui-editor-toolbar ui-widget-header ui-corner-top\" *ngIf=\"!toolbar\">\n                <span class=\"ql-formats\">\n                    <select class=\"ql-header\">\n                      <option value=\"1\">Heading</option>\n                      <option value=\"2\">Subheading</option>\n                      <option selected>Normal</option>\n                    </select>\n                    <select class=\"ql-font\">\n                      <option selected>Sans Serif</option>\n                      <option value=\"serif\">Serif</option>\n                      <option value=\"monospace\">Monospace</option>\n                    </select>\n                </span>\n                <span class=\"ql-formats\">\n                    <button class=\"ql-bold\"></button>\n                    <button class=\"ql-italic\"></button>\n                    <button class=\"ql-underline\"></button>\n                </span>\n                <span class=\"ql-formats\">\n                    <select class=\"ql-color\"></select>\n                    <select class=\"ql-background\"></select>\n                </span>\n                <span class=\"ql-formats\">\n                    <button class=\"ql-list\" value=\"ordered\"></button>\n                    <button class=\"ql-list\" value=\"bullet\"></button>\n                    <select class=\"ql-align\">\n                        <option selected></option>\n                        <option value=\"center\"></option>\n                        <option value=\"right\"></option>\n                        <option value=\"justify\"></option>\n                    </select>\n                </span>\n                <span class=\"ql-formats\">\n                    <button class=\"ql-link\"></button>\n                    <button class=\"ql-image\"></button>\n                    <button class=\"ql-code-block\"></button>\n                </span>\n                <span class=\"ql-formats\">\n                    <button class=\"ql-clean\"></button>\n                </span>\n            </div>\n            <div class=\"ui-editor-content\" [ngStyle]=\"style\"></div>\n        </div>\n    ",
+            providers: [domhandler_1.DomHandler, exports.EDITOR_VALUE_ACCESSOR]
+        }), 
+        __metadata('design:paramtypes', [core_1.ElementRef, domhandler_1.DomHandler])
+    ], Editor);
     return Editor;
 }());
-export var EditorModule = (function () {
+exports.Editor = Editor;
+var EditorModule = (function () {
     function EditorModule() {
     }
-    EditorModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule],
-                    exports: [Editor],
-                    declarations: [Editor]
-                },] },
-    ];
-    /** @nocollapse */
-    EditorModule.ctorParameters = [];
+    EditorModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule],
+            exports: [Editor],
+            declarations: [Editor]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], EditorModule);
     return EditorModule;
 }());
+exports.EditorModule = EditorModule;
 //# sourceMappingURL=editor.js.map

components/fieldset/fieldset.js

@@ -1,9 +0,19 @@
-import { NgModule, Component, Input, Output, EventEmitter, trigger, state, transition, style, animate, ElementRef } from '@angular/core';
-import { CommonModule } from '@angular/common';
-export var Fieldset = (function () {
+"use strict";
+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 Fieldset = (function () {
     function Fieldset(el) {
         this.el = el;
         this.collapsed = false;
-        this.onBeforeToggle = new EventEmitter();
-        this.onAfterToggle = new EventEmitter();
+        this.onBeforeToggle = new core_1.EventEmitter();
+        this.onAfterToggle = new core_1.EventEmitter();
     }
@@ -45,49 +55,66 @@ Fieldset.prototype.onLegendMouseenter = function (event) {
     };
-    Fieldset.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-fieldset',
-                    template: "\n        <fieldset [ngClass]=\"{'ui-fieldset ui-widget ui-widget-content ui-corner-all': true, 'ui-fieldset-toggleable': toggleable}\" [ngStyle]=\"style\" [class]=\"styleClass\">\n            <legend class=\"ui-fieldset-legend ui-corner-all ui-state-default ui-unselectable-text\" \n                (mouseenter)=\"onLegendMouseenter($event)\" (mouseleave)=\"onLegendMouseleave($event)\" (click)=\"toggle($event)\" [ngClass]=\"{'ui-state-hover':hover}\">\n                <span *ngIf=\"toggleable\" class=\"ui-fieldset-toggler fa fa-w\" [ngClass]=\"{'fa-minus': !collapsed,'fa-plus':collapsed}\"></span>\n                {{legend}}\n            </legend>\n            <div class=\"ui-fieldset-content-wrapper\" [@fieldsetContent]=\"collapsed ? 'hidden' : 'visible'\" \n                        [ngClass]=\"{'ui-fieldset-content-wrapper-overflown': collapsed||animating}\">\n                <div class=\"ui-fieldset-content\">\n                    <ng-content></ng-content>\n                </div>\n            </div>\n        </fieldset>\n    ",
-                    animations: [
-                        trigger('fieldsetContent', [
-                            state('hidden', style({
-                                height: '0px'
-                            })),
-                            state('visible', style({
-                                height: '*'
-                            })),
-                            transition('visible => hidden', animate('400ms cubic-bezier(0.86, 0, 0.07, 1)')),
-                            transition('hidden => visible', animate('400ms cubic-bezier(0.86, 0, 0.07, 1)'))
-                        ])
-                    ]
-                },] },
-    ];
-    /** @nocollapse */
-    Fieldset.ctorParameters = [
-        { type: ElementRef, },
-    ];
-    Fieldset.propDecorators = {
-        'legend': [{ type: Input },],
-        'toggleable': [{ type: Input },],
-        'collapsed': [{ type: Input },],
-        'onBeforeToggle': [{ type: Output },],
-        'onAfterToggle': [{ type: Output },],
-        'style': [{ type: Input },],
-        'styleClass': [{ type: Input },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Fieldset.prototype, "legend", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Fieldset.prototype, "toggleable", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Fieldset.prototype, "collapsed", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Fieldset.prototype, "onBeforeToggle", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Fieldset.prototype, "onAfterToggle", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], Fieldset.prototype, "style", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Fieldset.prototype, "styleClass", void 0);
+    Fieldset = __decorate([
+        core_1.Component({
+            selector: 'p-fieldset',
+            template: "\n        <fieldset [ngClass]=\"{'ui-fieldset ui-widget ui-widget-content ui-corner-all': true, 'ui-fieldset-toggleable': toggleable}\" [ngStyle]=\"style\" [class]=\"styleClass\">\n            <legend class=\"ui-fieldset-legend ui-corner-all ui-state-default ui-unselectable-text\" \n                (mouseenter)=\"onLegendMouseenter($event)\" (mouseleave)=\"onLegendMouseleave($event)\" (click)=\"toggle($event)\" [ngClass]=\"{'ui-state-hover':hover}\">\n                <span *ngIf=\"toggleable\" class=\"ui-fieldset-toggler fa fa-w\" [ngClass]=\"{'fa-minus': !collapsed,'fa-plus':collapsed}\"></span>\n                {{legend}}\n            </legend>\n            <div class=\"ui-fieldset-content-wrapper\" [@fieldsetContent]=\"collapsed ? 'hidden' : 'visible'\" \n                        [ngClass]=\"{'ui-fieldset-content-wrapper-overflown': collapsed||animating}\">\n                <div class=\"ui-fieldset-content\">\n                    <ng-content></ng-content>\n                </div>\n            </div>\n        </fieldset>\n    ",
+            animations: [
+                core_1.trigger('fieldsetContent', [
+                    core_1.state('hidden', core_1.style({
+                        height: '0px'
+                    })),
+                    core_1.state('visible', core_1.style({
+                        height: '*'
+                    })),
+                    core_1.transition('visible => hidden', core_1.animate('400ms cubic-bezier(0.86, 0, 0.07, 1)')),
+                    core_1.transition('hidden => visible', core_1.animate('400ms cubic-bezier(0.86, 0, 0.07, 1)'))
+                ])
+            ]
+        }), 
+        __metadata('design:paramtypes', [core_1.ElementRef])
+    ], Fieldset);
     return Fieldset;
 }());
-export var FieldsetModule = (function () {
+exports.Fieldset = Fieldset;
+var FieldsetModule = (function () {
     function FieldsetModule() {
     }
-    FieldsetModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule],
-                    exports: [Fieldset],
-                    declarations: [Fieldset]
-                },] },
-    ];
-    /** @nocollapse */
-    FieldsetModule.ctorParameters = [];
+    FieldsetModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule],
+            exports: [Fieldset],
+            declarations: [Fieldset]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], FieldsetModule);
     return FieldsetModule;
 }());
+exports.FieldsetModule = FieldsetModule;
 //# sourceMappingURL=fieldset.js.map

components/fileupload/fileupload.js

@@ -1,9 +0,19 @@
-import { NgModule, Component, Input, Output, EventEmitter, ContentChildren } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { DomSanitizer } from '@angular/platform-browser';
-import { ButtonModule } from '../button/button';
-import { MessagesModule } from '../messages/messages';
-import { ProgressBarModule } from '../progressbar/progressbar';
-import { PrimeTemplate, SharedModule } from '../common/shared';
-export var FileUpload = (function () {
+"use strict";
+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 platform_browser_1 = require('@angular/platform-browser');
+var button_1 = require('../button/button');
+var messages_1 = require('../messages/messages');
+var progressbar_1 = require('../progressbar/progressbar');
+var shared_1 = require('../common/shared');
+var FileUpload = (function () {
     function FileUpload(sanitizer) {
@@ -14,7 +24,7 @@ this.sanitizer = sanitizer;
         this.previewWidth = 50;
-        this.onBeforeUpload = new EventEmitter();
-        this.onUpload = new EventEmitter();
-        this.onError = new EventEmitter();
-        this.onClear = new EventEmitter();
-        this.onSelect = new EventEmitter();
+        this.onBeforeUpload = new core_1.EventEmitter();
+        this.onUpload = new core_1.EventEmitter();
+        this.onError = new core_1.EventEmitter();
+        this.onClear = new core_1.EventEmitter();
+        this.onSelect = new core_1.EventEmitter();
         this.progress = 0;
@@ -151,48 +161,98 @@ }
     };
-    FileUpload.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-fileUpload',
-                    template: "\n        <div [ngClass]=\"'ui-fileupload ui-widget'\" [ngStyle]=\"style\" [class]=\"styleClass\">\n            <div class=\"ui-fileupload-buttonbar ui-widget-header ui-corner-top\">\n                <button type=\"button\" label=\"Choose\" icon=\"fa-plus\" pButton class=\"ui-fileupload-choose\" (click)=\"onChooseClick($event, fileinput)\" [disabled]=\"disabled\"> \n                    <input #fileinput type=\"file\" (change)=\"onFileSelect($event)\" [multiple]=\"multiple\" [accept]=\"accept\" [disabled]=\"disabled\">\n                </button>\n\n                <button type=\"button\" label=\"Upload\" icon=\"fa-upload\" pButton (click)=\"upload()\" [disabled]=\"!hasFiles()\"></button>\n                <button type=\"button\" label=\"Cancel\" icon=\"fa-close\" pButton (click)=\"clear()\" [disabled]=\"!hasFiles()\"></button>\n            </div>\n            <div [ngClass]=\"{'ui-fileupload-content ui-widget-content ui-corner-bottom':true,'ui-fileupload-highlight':dragHighlight}\" \n                (dragenter)=\"onDragEnter($event)\" (dragover)=\"onDragOver($event)\" (dragleave)=\"onDragLeave($event)\" (drop)=\"onDrop($event)\">\n                <p-progressBar [value]=\"progress\" [showValue]=\"false\" *ngIf=\"hasFiles()\"></p-progressBar>\n                \n                <p-messages [value]=\"msgs\"></p-messages>\n                \n                <div class=\"ui-fileupload-files\" *ngIf=\"hasFiles()\">\n                    <div *ngIf=\"!fileTemplate\">\n                        <div class=\"ui-fileupload-row\" *ngFor=\"let file of files\">\n                            <div><img [src]=\"file.objectURL\" *ngIf=\"isImage(file)\" [width]=\"previewWidth\" /></div>\n                            <div>{{file.name}}</div>\n                            <div>{{formatSize(file.size)}}</div>\n                            <div><button type=\"button\" icon=\"fa-close\" pButton (click)=\"remove(i)\"></button></div>\n                        </div>\n                    </div>\n                    <div *ngIf=\"fileTemplate\">\n                        <template ngFor [ngForOf]=\"files\" [ngForTemplate]=\"fileTemplate\"></template>\n                    </div>\n                </div>\n                \n                <p-templateLoader [template]=\"contentTemplate\"></p-templateLoader>\n            </div>\n        </div>\n    "
-                },] },
-    ];
-    /** @nocollapse */
-    FileUpload.ctorParameters = [
-        { type: DomSanitizer, },
-    ];
-    FileUpload.propDecorators = {
-        'name': [{ type: Input },],
-        'url': [{ type: Input },],
-        'multiple': [{ type: Input },],
-        'accept': [{ type: Input },],
-        'disabled': [{ type: Input },],
-        'auto': [{ type: Input },],
-        'maxFileSize': [{ type: Input },],
-        'invalidFileSizeMessageSummary': [{ type: Input },],
-        'invalidFileSizeMessageDetail': [{ type: Input },],
-        'style': [{ type: Input },],
-        'styleClass': [{ type: Input },],
-        'previewWidth': [{ type: Input },],
-        'onBeforeUpload': [{ type: Output },],
-        'onUpload': [{ type: Output },],
-        'onError': [{ type: Output },],
-        'onClear': [{ type: Output },],
-        'onSelect': [{ type: Output },],
-        'templates': [{ type: ContentChildren, args: [PrimeTemplate,] },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], FileUpload.prototype, "name", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], FileUpload.prototype, "url", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], FileUpload.prototype, "multiple", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], FileUpload.prototype, "accept", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], FileUpload.prototype, "disabled", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], FileUpload.prototype, "auto", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], FileUpload.prototype, "maxFileSize", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], FileUpload.prototype, "invalidFileSizeMessageSummary", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], FileUpload.prototype, "invalidFileSizeMessageDetail", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], FileUpload.prototype, "style", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], FileUpload.prototype, "styleClass", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], FileUpload.prototype, "previewWidth", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], FileUpload.prototype, "onBeforeUpload", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], FileUpload.prototype, "onUpload", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], FileUpload.prototype, "onError", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], FileUpload.prototype, "onClear", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], FileUpload.prototype, "onSelect", void 0);
+    __decorate([
+        core_1.ContentChildren(shared_1.PrimeTemplate), 
+        __metadata('design:type', core_1.QueryList)
+    ], FileUpload.prototype, "templates", void 0);
+    FileUpload = __decorate([
+        core_1.Component({
+            selector: 'p-fileUpload',
+            template: "\n        <div [ngClass]=\"'ui-fileupload ui-widget'\" [ngStyle]=\"style\" [class]=\"styleClass\">\n            <div class=\"ui-fileupload-buttonbar ui-widget-header ui-corner-top\">\n                <button type=\"button\" label=\"Choose\" icon=\"fa-plus\" pButton class=\"ui-fileupload-choose\" (click)=\"onChooseClick($event, fileinput)\" [disabled]=\"disabled\"> \n                    <input #fileinput type=\"file\" (change)=\"onFileSelect($event)\" [multiple]=\"multiple\" [accept]=\"accept\" [disabled]=\"disabled\">\n                </button>\n\n                <button type=\"button\" label=\"Upload\" icon=\"fa-upload\" pButton (click)=\"upload()\" [disabled]=\"!hasFiles()\"></button>\n                <button type=\"button\" label=\"Cancel\" icon=\"fa-close\" pButton (click)=\"clear()\" [disabled]=\"!hasFiles()\"></button>\n            </div>\n            <div [ngClass]=\"{'ui-fileupload-content ui-widget-content ui-corner-bottom':true,'ui-fileupload-highlight':dragHighlight}\" \n                (dragenter)=\"onDragEnter($event)\" (dragover)=\"onDragOver($event)\" (dragleave)=\"onDragLeave($event)\" (drop)=\"onDrop($event)\">\n                <p-progressBar [value]=\"progress\" [showValue]=\"false\" *ngIf=\"hasFiles()\"></p-progressBar>\n                \n                <p-messages [value]=\"msgs\"></p-messages>\n                \n                <div class=\"ui-fileupload-files\" *ngIf=\"hasFiles()\">\n                    <div *ngIf=\"!fileTemplate\">\n                        <div class=\"ui-fileupload-row\" *ngFor=\"let file of files\">\n                            <div><img [src]=\"file.objectURL\" *ngIf=\"isImage(file)\" [width]=\"previewWidth\" /></div>\n                            <div>{{file.name}}</div>\n                            <div>{{formatSize(file.size)}}</div>\n                            <div><button type=\"button\" icon=\"fa-close\" pButton (click)=\"remove(i)\"></button></div>\n                        </div>\n                    </div>\n                    <div *ngIf=\"fileTemplate\">\n                        <template ngFor [ngForOf]=\"files\" [ngForTemplate]=\"fileTemplate\"></template>\n                    </div>\n                </div>\n                \n                <p-templateLoader [template]=\"contentTemplate\"></p-templateLoader>\n            </div>\n        </div>\n    "
+        }), 
+        __metadata('design:paramtypes', [platform_browser_1.DomSanitizer])
+    ], FileUpload);
     return FileUpload;
 }());
-export var FileUploadModule = (function () {
+exports.FileUpload = FileUpload;
+var FileUploadModule = (function () {
     function FileUploadModule() {
     }
-    FileUploadModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule, SharedModule, ButtonModule, ProgressBarModule, MessagesModule],
-                    exports: [FileUpload, SharedModule, ButtonModule, ProgressBarModule, MessagesModule],
-                    declarations: [FileUpload]
-                },] },
-    ];
-    /** @nocollapse */
-    FileUploadModule.ctorParameters = [];
+    FileUploadModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule, shared_1.SharedModule, button_1.ButtonModule, progressbar_1.ProgressBarModule, messages_1.MessagesModule],
+            exports: [FileUpload, shared_1.SharedModule, button_1.ButtonModule, progressbar_1.ProgressBarModule, messages_1.MessagesModule],
+            declarations: [FileUpload]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], FileUploadModule);
     return FileUploadModule;
 }());
+exports.FileUploadModule = FileUploadModule;
 //# sourceMappingURL=fileupload.js.map

components/galleria/galleria.js

@@ -1,5 +0,15 @@
-import { NgModule, Component, ElementRef, Input, Output, IterableDiffers, EventEmitter } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { DomHandler } from '../dom/domhandler';
-export var Galleria = (function () {
+"use strict";
+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 domhandler_1 = require('../dom/domhandler');
+var Galleria = (function () {
     function Galleria(el, domHandler, differs) {
@@ -17,3 +27,3 @@ this.el = el;
         this.showCaption = true;
-        this.onImageClicked = new EventEmitter();
+        this.onImageClicked = new core_1.EventEmitter();
         this.stripLeft = 0;
@@ -133,46 +143,79 @@ this.differ = differs.find([]).create(null);
     };
-    Galleria.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-galleria',
-                    template: "\n        <div [ngClass]=\"{'ui-galleria ui-widget ui-widget-content ui-corner-all':true}\" [ngStyle]=\"style\" [class]=\"styleClass\" [style.width.px]=\"panelWidth\">\n            <ul class=\"ui-galleria-panel-wrapper\" [style.width.px]=\"panelWidth\" [style.height.px]=\"panelHeight\">\n                <li *ngFor=\"let image of images;let i=index\" class=\"ui-galleria-panel\" [ngClass]=\"{'ui-helper-hidden':i!=activeIndex}\"\n                    [style.width.px]=\"panelWidth\" [style.height.px]=\"panelHeight\" (click)=\"clickImage($event,image,i)\">\n                    <img class=\"ui-panel-images\" [src]=\"image.source\" [alt]=\"image.alt\" [title]=\"image.title\"/>\n                </li>\n            </ul>\n            <div [ngClass]=\"{'ui-galleria-filmstrip-wrapper':true}\" *ngIf=\"showFilmstrip\">\n                <ul class=\"ui-galleria-filmstrip\" style=\"transition:left 1s\" [style.left.px]=\"stripLeft\">\n                    <li #frame *ngFor=\"let image of images;let i=index\" [ngClass]=\"{'ui-galleria-frame-active':i==activeIndex}\" class=\"ui-galleria-frame\" (click)=\"frameClick(frame)\"\n                        [style.width.px]=\"frameWidth\" [style.height.px]=\"frameHeight\" [style.transition]=\"'opacity 0.75s ease'\">\n                        <div class=\"ui-galleria-frame-content\">\n                            <img [src]=\"image.source\" [alt]=\"image.alt\" [title]=\"image.title\" class=\"ui-galleria-frame-image\"\n                                [style.width.px]=\"frameWidth\" [style.height.px]=\"frameHeight\">\n                        </div>\n                    </li>\n                </ul>\n            </div>\n            <div class=\"ui-galleria-nav-prev fa fa-fw fa-chevron-circle-left\" (click)=\"clickNavLeft()\" [style.bottom.px]=\"frameHeight/2\" *ngIf=\"activeIndex !== 0\"></div>\n            <div class=\"ui-galleria-nav-next fa fa-fw fa-chevron-circle-right\" (click)=\"clickNavRight()\" [style.bottom.px]=\"frameHeight/2\"></div>\n            <div class=\"ui-galleria-caption\" *ngIf=\"showCaption&&images\" style=\"display:block\">\n                <h4>{{images[activeIndex]?.title}}</h4><p>{{images[activeIndex]?.alt}}</p>\n            </div>\n        </div>\n    ",
-                    providers: [DomHandler]
-                },] },
-    ];
-    /** @nocollapse */
-    Galleria.ctorParameters = [
-        { type: ElementRef, },
-        { type: DomHandler, },
-        { type: IterableDiffers, },
-    ];
-    Galleria.propDecorators = {
-        'images': [{ type: Input },],
-        'style': [{ type: Input },],
-        'styleClass': [{ type: Input },],
-        'panelWidth': [{ type: Input },],
-        'panelHeight': [{ type: Input },],
-        'frameWidth': [{ type: Input },],
-        'frameHeight': [{ type: Input },],
-        'activeIndex': [{ type: Input },],
-        'showFilmstrip': [{ type: Input },],
-        'autoPlay': [{ type: Input },],
-        'transitionInterval': [{ type: Input },],
-        'showCaption': [{ type: Input },],
-        'onImageClicked': [{ type: Output },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Array)
+    ], Galleria.prototype, "images", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], Galleria.prototype, "style", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Galleria.prototype, "styleClass", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], Galleria.prototype, "panelWidth", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], Galleria.prototype, "panelHeight", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], Galleria.prototype, "frameWidth", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], Galleria.prototype, "frameHeight", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], Galleria.prototype, "activeIndex", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Galleria.prototype, "showFilmstrip", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Galleria.prototype, "autoPlay", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], Galleria.prototype, "transitionInterval", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Galleria.prototype, "showCaption", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', Object)
+    ], Galleria.prototype, "onImageClicked", void 0);
+    Galleria = __decorate([
+        core_1.Component({
+            selector: 'p-galleria',
+            template: "\n        <div [ngClass]=\"{'ui-galleria ui-widget ui-widget-content ui-corner-all':true}\" [ngStyle]=\"style\" [class]=\"styleClass\" [style.width.px]=\"panelWidth\">\n            <ul class=\"ui-galleria-panel-wrapper\" [style.width.px]=\"panelWidth\" [style.height.px]=\"panelHeight\">\n                <li *ngFor=\"let image of images;let i=index\" class=\"ui-galleria-panel\" [ngClass]=\"{'ui-helper-hidden':i!=activeIndex}\"\n                    [style.width.px]=\"panelWidth\" [style.height.px]=\"panelHeight\" (click)=\"clickImage($event,image,i)\">\n                    <img class=\"ui-panel-images\" [src]=\"image.source\" [alt]=\"image.alt\" [title]=\"image.title\"/>\n                </li>\n            </ul>\n            <div [ngClass]=\"{'ui-galleria-filmstrip-wrapper':true}\" *ngIf=\"showFilmstrip\">\n                <ul class=\"ui-galleria-filmstrip\" style=\"transition:left 1s\" [style.left.px]=\"stripLeft\">\n                    <li #frame *ngFor=\"let image of images;let i=index\" [ngClass]=\"{'ui-galleria-frame-active':i==activeIndex}\" class=\"ui-galleria-frame\" (click)=\"frameClick(frame)\"\n                        [style.width.px]=\"frameWidth\" [style.height.px]=\"frameHeight\" [style.transition]=\"'opacity 0.75s ease'\">\n                        <div class=\"ui-galleria-frame-content\">\n                            <img [src]=\"image.source\" [alt]=\"image.alt\" [title]=\"image.title\" class=\"ui-galleria-frame-image\"\n                                [style.width.px]=\"frameWidth\" [style.height.px]=\"frameHeight\">\n                        </div>\n                    </li>\n                </ul>\n            </div>\n            <div class=\"ui-galleria-nav-prev fa fa-fw fa-chevron-circle-left\" (click)=\"clickNavLeft()\" [style.bottom.px]=\"frameHeight/2\" *ngIf=\"activeIndex !== 0\"></div>\n            <div class=\"ui-galleria-nav-next fa fa-fw fa-chevron-circle-right\" (click)=\"clickNavRight()\" [style.bottom.px]=\"frameHeight/2\"></div>\n            <div class=\"ui-galleria-caption\" *ngIf=\"showCaption&&images\" style=\"display:block\">\n                <h4>{{images[activeIndex]?.title}}</h4><p>{{images[activeIndex]?.alt}}</p>\n            </div>\n        </div>\n    ",
+            providers: [domhandler_1.DomHandler]
+        }), 
+        __metadata('design:paramtypes', [core_1.ElementRef, domhandler_1.DomHandler, core_1.IterableDiffers])
+    ], Galleria);
     return Galleria;
 }());
-export var GalleriaModule = (function () {
+exports.Galleria = Galleria;
+var GalleriaModule = (function () {
     function GalleriaModule() {
     }
-    GalleriaModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule],
-                    exports: [Galleria],
-                    declarations: [Galleria]
-                },] },
-    ];
-    /** @nocollapse */
-    GalleriaModule.ctorParameters = [];
+    GalleriaModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule],
+            exports: [Galleria],
+            declarations: [Galleria]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], GalleriaModule);
     return GalleriaModule;
 }());
+exports.GalleriaModule = GalleriaModule;
 //# sourceMappingURL=galleria.js.map

components/gmap/gmap.js

@@ -1,4 +0,14 @@
-import { NgModule, Component, ElementRef, Input, Output, EventEmitter, IterableDiffers, ChangeDetectorRef, NgZone } from '@angular/core';
-import { CommonModule } from '@angular/common';
-export var GMap = (function () {
+"use strict";
+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 GMap = (function () {
     function GMap(el, differs, cd, zone) {
@@ -8,7 +18,7 @@ this.el = el;
         this.zone = zone;
-        this.onMapClick = new EventEmitter();
-        this.onOverlayClick = new EventEmitter();
-        this.onOverlayDragStart = new EventEmitter();
-        this.onOverlayDrag = new EventEmitter();
-        this.onOverlayDragEnd = new EventEmitter();
+        this.onMapClick = new core_1.EventEmitter();
+        this.onOverlayClick = new core_1.EventEmitter();
+        this.onOverlayDragStart = new core_1.EventEmitter();
+        this.onOverlayDrag = new core_1.EventEmitter();
+        this.onOverlayDragEnd = new core_1.EventEmitter();
         this.differ = differs.find([]).create(null);
@@ -102,42 +112,62 @@ }
     };
-    GMap.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-gmap',
-                    template: "<div [ngStyle]=\"style\" [class]=\"styleClass\"></div>"
-                },] },
-    ];
-    /** @nocollapse */
-    GMap.ctorParameters = [
-        { type: ElementRef, },
-        { type: IterableDiffers, },
-        { type: ChangeDetectorRef, },
-        { type: NgZone, },
-    ];
-    GMap.propDecorators = {
-        'style': [{ type: Input },],
-        'styleClass': [{ type: Input },],
-        'options': [{ type: Input },],
-        'overlays': [{ type: Input },],
-        'onMapClick': [{ type: Output },],
-        'onOverlayClick': [{ type: Output },],
-        'onOverlayDragStart': [{ type: Output },],
-        'onOverlayDrag': [{ type: Output },],
-        'onOverlayDragEnd': [{ type: Output },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], GMap.prototype, "style", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], GMap.prototype, "styleClass", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], GMap.prototype, "options", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Array)
+    ], GMap.prototype, "overlays", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], GMap.prototype, "onMapClick", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], GMap.prototype, "onOverlayClick", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], GMap.prototype, "onOverlayDragStart", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], GMap.prototype, "onOverlayDrag", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], GMap.prototype, "onOverlayDragEnd", void 0);
+    GMap = __decorate([
+        core_1.Component({
+            selector: 'p-gmap',
+            template: "<div [ngStyle]=\"style\" [class]=\"styleClass\"></div>"
+        }), 
+        __metadata('design:paramtypes', [core_1.ElementRef, core_1.IterableDiffers, core_1.ChangeDetectorRef, core_1.NgZone])
+    ], GMap);
     return GMap;
 }());
-export var GMapModule = (function () {
+exports.GMap = GMap;
+var GMapModule = (function () {
     function GMapModule() {
     }
-    GMapModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule],
-                    exports: [GMap],
-                    declarations: [GMap]
-                },] },
-    ];
-    /** @nocollapse */
-    GMapModule.ctorParameters = [];
+    GMapModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule],
+            exports: [GMap],
+            declarations: [GMap]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], GMapModule);
     return GMapModule;
 }());
+exports.GMapModule = GMapModule;
 //# sourceMappingURL=gmap.js.map

components/growl/growl.js

@@ -1,5 +0,15 @@
-import { NgModule, Component, ElementRef, Input, IterableDiffers } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { DomHandler } from '../dom/domhandler';
-export var Growl = (function () {
+"use strict";
+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 domhandler_1 = require('../dom/domhandler');
+var Growl = (function () {
     function Growl(el, domHandler, differs) {
@@ -11,3 +21,3 @@ this.el = el;
         this.differ = differs.find([]).create(null);
-        this.zIndex = DomHandler.zindex;
+        this.zIndex = domhandler_1.DomHandler.zindex;
     }
@@ -25,3 +35,3 @@ Growl.prototype.ngAfterViewInit = function () {
             else if (this.value && this.value.length) {
-                this.zIndex = ++DomHandler.zindex;
+                this.zIndex = ++domhandler_1.DomHandler.zindex;
                 this.domHandler.fadeIn(this.container, 250);
@@ -74,36 +84,39 @@ if (!this.sticky) {
     };
-    Growl.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-growl',
-                    template: "\n        <div class=\"ui-growl ui-widget\" [style.zIndex]=\"zIndex\">\n            <div #msgel *ngFor=\"let msg of value\" class=\"ui-growl-item-container ui-state-highlight ui-corner-all ui-shadow\" aria-live=\"polite\"\n                [ngClass]=\"{'ui-growl-message-info':msg.severity == 'info','ui-growl-message-warn':msg.severity == 'warn',\n                    'ui-growl-message-error':msg.severity == 'error','ui-growl-message-success':msg.severity == 'success'}\">\n                <div class=\"ui-growl-item\">\n                     <div class=\"ui-growl-icon-close fa fa-close\" (click)=\"remove(msg,msgel)\"></div>\n                     <span class=\"ui-growl-image fa fa-2x ui-growl-image-info\"\n                        [ngClass]=\"{'fa-info-circle':msg.severity == 'info','fa-warning':msg.severity == 'warn',\n                                'fa-close':msg.severity == 'error','fa-check':msg.severity == 'success'}\"></span>\n                     <div class=\"ui-growl-message\">\n                        <span class=\"ui-growl-title\">{{msg.summary}}</span>\n                        <p>{{msg.detail}}</p>\n                     </div>\n                     <div style=\"clear: both;\"></div>\n                </div>\n            </div>\n        </div>\n    ",
-                    providers: [DomHandler]
-                },] },
-    ];
-    /** @nocollapse */
-    Growl.ctorParameters = [
-        { type: ElementRef, },
-        { type: DomHandler, },
-        { type: IterableDiffers, },
-    ];
-    Growl.propDecorators = {
-        'sticky': [{ type: Input },],
-        'life': [{ type: Input },],
-        'value': [{ type: Input },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Growl.prototype, "sticky", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], Growl.prototype, "life", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Array)
+    ], Growl.prototype, "value", void 0);
+    Growl = __decorate([
+        core_1.Component({
+            selector: 'p-growl',
+            template: "\n        <div class=\"ui-growl ui-widget\" [style.zIndex]=\"zIndex\">\n            <div #msgel *ngFor=\"let msg of value\" class=\"ui-growl-item-container ui-state-highlight ui-corner-all ui-shadow\" aria-live=\"polite\"\n                [ngClass]=\"{'ui-growl-message-info':msg.severity == 'info','ui-growl-message-warn':msg.severity == 'warn',\n                    'ui-growl-message-error':msg.severity == 'error','ui-growl-message-success':msg.severity == 'success'}\">\n                <div class=\"ui-growl-item\">\n                     <div class=\"ui-growl-icon-close fa fa-close\" (click)=\"remove(msg,msgel)\"></div>\n                     <span class=\"ui-growl-image fa fa-2x ui-growl-image-info\"\n                        [ngClass]=\"{'fa-info-circle':msg.severity == 'info','fa-warning':msg.severity == 'warn',\n                                'fa-close':msg.severity == 'error','fa-check':msg.severity == 'success'}\"></span>\n                     <div class=\"ui-growl-message\">\n                        <span class=\"ui-growl-title\">{{msg.summary}}</span>\n                        <p>{{msg.detail}}</p>\n                     </div>\n                     <div style=\"clear: both;\"></div>\n                </div>\n            </div>\n        </div>\n    ",
+            providers: [domhandler_1.DomHandler]
+        }), 
+        __metadata('design:paramtypes', [core_1.ElementRef, domhandler_1.DomHandler, core_1.IterableDiffers])
+    ], Growl);
     return Growl;
 }());
-export var GrowlModule = (function () {
+exports.Growl = Growl;
+var GrowlModule = (function () {
     function GrowlModule() {
     }
-    GrowlModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule],
-                    exports: [Growl],
-                    declarations: [Growl]
-                },] },
-    ];
-    /** @nocollapse */
-    GrowlModule.ctorParameters = [];
+    GrowlModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule],
+            exports: [Growl],
+            declarations: [Growl]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], GrowlModule);
     return GrowlModule;
 }());
+exports.GrowlModule = GrowlModule;
 //# sourceMappingURL=growl.js.map

components/inplace/inplace.js

@@ -1,34 +0,44 @@
-import { NgModule, Component, Input, Output, EventEmitter } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { ButtonModule } from '../button/button';
-export var InplaceDisplay = (function () {
+"use strict";
+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 button_1 = require('../button/button');
+var InplaceDisplay = (function () {
     function InplaceDisplay() {
     }
-    InplaceDisplay.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-inplaceDisplay',
-                    template: '<ng-content></ng-content>'
-                },] },
-    ];
-    /** @nocollapse */
-    InplaceDisplay.ctorParameters = [];
+    InplaceDisplay = __decorate([
+        core_1.Component({
+            selector: 'p-inplaceDisplay',
+            template: '<ng-content></ng-content>'
+        }), 
+        __metadata('design:paramtypes', [])
+    ], InplaceDisplay);
     return InplaceDisplay;
 }());
-export var InplaceContent = (function () {
+exports.InplaceDisplay = InplaceDisplay;
+var InplaceContent = (function () {
     function InplaceContent() {
     }
-    InplaceContent.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-inplaceContent',
-                    template: '<ng-content></ng-content>'
-                },] },
-    ];
-    /** @nocollapse */
-    InplaceContent.ctorParameters = [];
+    InplaceContent = __decorate([
+        core_1.Component({
+            selector: 'p-inplaceContent',
+            template: '<ng-content></ng-content>'
+        }), 
+        __metadata('design:paramtypes', [])
+    ], InplaceContent);
     return InplaceContent;
 }());
-export var Inplace = (function () {
+exports.InplaceContent = InplaceContent;
+var Inplace = (function () {
     function Inplace() {
-        this.onActivate = new EventEmitter();
-        this.onDeactivate = new EventEmitter();
+        this.onActivate = new core_1.EventEmitter();
+        this.onDeactivate = new core_1.EventEmitter();
     }
@@ -48,35 +58,54 @@ Inplace.prototype.activate = function (event) {
     };
-    Inplace.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-inplace',
-                    template: "\n        <div [ngClass]=\"'ui-inplace ui-widget'\" [ngStyle]=\"style\" [class]=\"styleClass\">\n            <div class=\"ui-inplace-display\" (mouseenter)=\"hover=true\" (mouseleave)=\"hover=false\" (click)=\"activate($event)\"\n                [ngClass]=\"{'ui-state-hover':hover&&!disabled,'ui-state-disabled':disabled}\" *ngIf=\"!active\">\n                <ng-content select=\"[pInplaceDisplay]\"></ng-content>\n            </div>\n            <div class=\"ui-inplace-content\" *ngIf=\"active\">\n                <ng-content select=\"[pInplaceContent]\"></ng-content>\n                <button type=\"button\" icon=\"fa-close\" pButton (click)=\"deactivate($event)\" *ngIf=\"closable\"></button>\n            </div>\n        </div>\n    "
-                },] },
-    ];
-    /** @nocollapse */
-    Inplace.ctorParameters = [];
-    Inplace.propDecorators = {
-        'active': [{ type: Input },],
-        'closable': [{ type: Input },],
-        'disabled': [{ type: Input },],
-        'style': [{ type: Input },],
-        'styleClass': [{ type: Input },],
-        'onActivate': [{ type: Output },],
-        'onDeactivate': [{ type: Output },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Inplace.prototype, "active", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Inplace.prototype, "closable", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Inplace.prototype, "disabled", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], Inplace.prototype, "style", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Inplace.prototype, "styleClass", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Inplace.prototype, "onActivate", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Inplace.prototype, "onDeactivate", void 0);
+    Inplace = __decorate([
+        core_1.Component({
+            selector: 'p-inplace',
+            template: "\n        <div [ngClass]=\"'ui-inplace ui-widget'\" [ngStyle]=\"style\" [class]=\"styleClass\">\n            <div class=\"ui-inplace-display\" (mouseenter)=\"hover=true\" (mouseleave)=\"hover=false\" (click)=\"activate($event)\"\n                [ngClass]=\"{'ui-state-hover':hover&&!disabled,'ui-state-disabled':disabled}\" *ngIf=\"!active\">\n                <ng-content select=\"[pInplaceDisplay]\"></ng-content>\n            </div>\n            <div class=\"ui-inplace-content\" *ngIf=\"active\">\n                <ng-content select=\"[pInplaceContent]\"></ng-content>\n                <button type=\"button\" icon=\"fa-close\" pButton (click)=\"deactivate($event)\" *ngIf=\"closable\"></button>\n            </div>\n        </div>\n    "
+        }), 
+        __metadata('design:paramtypes', [])
+    ], Inplace);
     return Inplace;
 }());
-export var InplaceModule = (function () {
+exports.Inplace = Inplace;
+var InplaceModule = (function () {
     function InplaceModule() {
     }
-    InplaceModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule, ButtonModule],
-                    exports: [Inplace, InplaceDisplay, InplaceContent, ButtonModule],
-                    declarations: [Inplace, InplaceDisplay, InplaceContent]
-                },] },
-    ];
-    /** @nocollapse */
-    InplaceModule.ctorParameters = [];
+    InplaceModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule, button_1.ButtonModule],
+            exports: [Inplace, InplaceDisplay, InplaceContent, button_1.ButtonModule],
+            declarations: [Inplace, InplaceDisplay, InplaceContent]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], InplaceModule);
     return InplaceModule;
 }());
+exports.InplaceModule = InplaceModule;
 //# sourceMappingURL=inplace.js.map

components/inputmask/inputmask.js

@@ -1,12 +0,49 @@
-import { NgModule, Component, ElementRef, Input, forwardRef, Output, EventEmitter } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { DomHandler } from '../dom/domhandler';
-import { InputTextModule } from '../inputtext/inputtext';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-export var INPUTMASK_VALUE_ACCESSOR = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(function () { return InputMask; }),
+"use strict";
+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);
+};
+/*
+    Port of jQuery MaskedInput by DigitalBush as a Native Angular2 Component in Typescript without jQuery
+    https://github.com/digitalBush/jquery.maskedinput/
+    
+    Copyright (c) 2007-2014 Josh Bush (digitalbush.com)
+
+    Permission is hereby granted, free of charge, to any person
+    obtaining a copy of this software and associated documentation
+    files (the "Software"), to deal in the Software without
+    restriction, including without limitation the rights to use,
+    copy, modify, merge, publish, distribute, sublicense, and/or sell
+    copies of the Software, and to permit persons to whom the
+    Software is furnished to do so, subject to the following
+    conditions:
+
+    The above copyright notice and this permission notice shall be
+    included in all copies or substantial portions of the Software.
+
+    THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+    EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+    OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+    NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+    HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+    WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+    FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+    OTHER DEALINGS IN THE SOFTWARE.
+*/
+var core_1 = require('@angular/core');
+var common_1 = require('@angular/common');
+var domhandler_1 = require('../dom/domhandler');
+var inputtext_1 = require('../inputtext/inputtext');
+var forms_1 = require('@angular/forms');
+exports.INPUTMASK_VALUE_ACCESSOR = {
+    provide: forms_1.NG_VALUE_ACCESSOR,
+    useExisting: core_1.forwardRef(function () { return InputMask; }),
     multi: true
 };
-export var InputMask = (function () {
+var InputMask = (function () {
     function InputMask(el, domHandler) {
@@ -17,3 +54,3 @@ this.el = el;
         this.autoClear = true;
-        this.onComplete = new EventEmitter();
+        this.onComplete = new core_1.EventEmitter();
         this.onModelChange = function () { };
@@ -408,46 +445,83 @@ this.onModelTouched = function () { };
     };
-    InputMask.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-inputMask',
-                    template: "<input pInputText type=\"text\" [name]=\"name\" [value]=\"value||''\" [ngStyle]=\"style\" [ngClass]=\"styleClass\" [placeholder]=\"placeholder\"\n        [attr.size]=\"size\" [attr.maxlength]=\"maxlength\" [attr.tabindex]=\"tabindex\" [disabled]=\"disabled\" [readonly]=\"readonly\"\n        (focus)=\"onFocus($event)\" (blur)=\"onBlur($event)\" (keydown)=\"onKeyDown($event)\" (keypress)=\"onKeyPress($event)\"\n        (input)=\"onInput($event)\" (paste)=\"handleInputChange($event)\">",
-                    providers: [INPUTMASK_VALUE_ACCESSOR, DomHandler]
-                },] },
-    ];
-    /** @nocollapse */
-    InputMask.ctorParameters = [
-        { type: ElementRef, },
-        { type: DomHandler, },
-    ];
-    InputMask.propDecorators = {
-        'mask': [{ type: Input },],
-        'slotChar': [{ type: Input },],
-        'autoClear': [{ type: Input },],
-        'style': [{ type: Input },],
-        'styleClass': [{ type: Input },],
-        'placeholder': [{ type: Input },],
-        'size': [{ type: Input },],
-        'maxlength': [{ type: Input },],
-        'tabindex': [{ type: Input },],
-        'disabled': [{ type: Input },],
-        'readonly': [{ type: Input },],
-        'unmask': [{ type: Input },],
-        'name': [{ type: Input },],
-        'onComplete': [{ type: Output },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], InputMask.prototype, "mask", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], InputMask.prototype, "slotChar", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], InputMask.prototype, "autoClear", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], InputMask.prototype, "style", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], InputMask.prototype, "styleClass", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], InputMask.prototype, "placeholder", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], InputMask.prototype, "size", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], InputMask.prototype, "maxlength", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], InputMask.prototype, "tabindex", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], InputMask.prototype, "disabled", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], InputMask.prototype, "readonly", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], InputMask.prototype, "unmask", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], InputMask.prototype, "name", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], InputMask.prototype, "onComplete", void 0);
+    InputMask = __decorate([
+        core_1.Component({
+            selector: 'p-inputMask',
+            template: "<input pInputText type=\"text\" [name]=\"name\" [value]=\"value||''\" [ngStyle]=\"style\" [ngClass]=\"styleClass\" [placeholder]=\"placeholder\"\n        [attr.size]=\"size\" [attr.maxlength]=\"maxlength\" [attr.tabindex]=\"tabindex\" [disabled]=\"disabled\" [readonly]=\"readonly\"\n        (focus)=\"onFocus($event)\" (blur)=\"onBlur($event)\" (keydown)=\"onKeyDown($event)\" (keypress)=\"onKeyPress($event)\"\n        (input)=\"onInput($event)\" (paste)=\"handleInputChange($event)\">",
+            providers: [exports.INPUTMASK_VALUE_ACCESSOR, domhandler_1.DomHandler]
+        }), 
+        __metadata('design:paramtypes', [core_1.ElementRef, domhandler_1.DomHandler])
+    ], InputMask);
     return InputMask;
 }());
-export var InputMaskModule = (function () {
+exports.InputMask = InputMask;
+var InputMaskModule = (function () {
     function InputMaskModule() {
     }
-    InputMaskModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule, InputTextModule],
-                    exports: [InputMask],
-                    declarations: [InputMask]
-                },] },
-    ];
-    /** @nocollapse */
-    InputMaskModule.ctorParameters = [];
+    InputMaskModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule, inputtext_1.InputTextModule],
+            exports: [InputMask],
+            declarations: [InputMask]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], InputMaskModule);
     return InputMaskModule;
 }());
+exports.InputMaskModule = InputMaskModule;
 //# sourceMappingURL=inputmask.js.map

components/inputswitch/inputswitch.js

@@ -1,11 +0,21 @@
-import { NgModule, Component, ElementRef, Input, forwardRef, EventEmitter, Output } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { DomHandler } from '../dom/domhandler';
-export var INPUTSWITCH_VALUE_ACCESSOR = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(function () { return InputSwitch; }),
+"use strict";
+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 domhandler_1 = require('../dom/domhandler');
+exports.INPUTSWITCH_VALUE_ACCESSOR = {
+    provide: forms_1.NG_VALUE_ACCESSOR,
+    useExisting: core_1.forwardRef(function () { return InputSwitch; }),
     multi: true
 };
-export var InputSwitch = (function () {
+var InputSwitch = (function () {
     function InputSwitch(el, domHandler) {
@@ -16,3 +26,3 @@ this.el = el;
         this.offLabel = 'Off';
-        this.onChange = new EventEmitter();
+        this.onChange = new core_1.EventEmitter();
         this.checked = false;
@@ -117,38 +127,51 @@ this.focused = false;
     };
-    InputSwitch.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-inputSwitch',
-                    template: "\n        <div [ngClass]=\"{'ui-inputswitch ui-widget ui-widget-content ui-corner-all': true,\n            'ui-state-disabled': disabled,'ui-inputswitch-checked':checked}\" (click)=\"toggle($event, in)\"\n            [ngStyle]=\"style\" [class]=\"styleClass\">\n            <div class=\"ui-inputswitch-off\">\n                <span class=\"ui-inputswitch-offlabel\">{{offLabel}}</span>\n            </div>\n            <div class=\"ui-inputswitch-on\">\n                <span class=\"ui-inputswitch-onlabel\">{{onLabel}}</span>\n            </div>\n            <div [ngClass]=\"{'ui-inputswitch-handle ui-state-default':true, 'ui-state-focus':focused}\"></div>\n            <div class=\"ui-helper-hidden-accessible\">\n                <input #in type=\"checkbox\" (focus)=\"onFocus($event)\" (blur)=\"onBlur($event)\" readonly=\"readonly\"/>\n            </div>\n        </div>\n    ",
-                    providers: [INPUTSWITCH_VALUE_ACCESSOR, DomHandler]
-                },] },
-    ];
-    /** @nocollapse */
-    InputSwitch.ctorParameters = [
-        { type: ElementRef, },
-        { type: DomHandler, },
-    ];
-    InputSwitch.propDecorators = {
-        'onLabel': [{ type: Input },],
-        'offLabel': [{ type: Input },],
-        'disabled': [{ type: Input },],
-        'style': [{ type: Input },],
-        'styleClass': [{ type: Input },],
-        'onChange': [{ type: Output },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], InputSwitch.prototype, "onLabel", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], InputSwitch.prototype, "offLabel", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], InputSwitch.prototype, "disabled", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], InputSwitch.prototype, "style", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], InputSwitch.prototype, "styleClass", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], InputSwitch.prototype, "onChange", void 0);
+    InputSwitch = __decorate([
+        core_1.Component({
+            selector: 'p-inputSwitch',
+            template: "\n        <div [ngClass]=\"{'ui-inputswitch ui-widget ui-widget-content ui-corner-all': true,\n            'ui-state-disabled': disabled,'ui-inputswitch-checked':checked}\" (click)=\"toggle($event, in)\"\n            [ngStyle]=\"style\" [class]=\"styleClass\">\n            <div class=\"ui-inputswitch-off\">\n                <span class=\"ui-inputswitch-offlabel\">{{offLabel}}</span>\n            </div>\n            <div class=\"ui-inputswitch-on\">\n                <span class=\"ui-inputswitch-onlabel\">{{onLabel}}</span>\n            </div>\n            <div [ngClass]=\"{'ui-inputswitch-handle ui-state-default':true, 'ui-state-focus':focused}\"></div>\n            <div class=\"ui-helper-hidden-accessible\">\n                <input #in type=\"checkbox\" (focus)=\"onFocus($event)\" (blur)=\"onBlur($event)\" readonly=\"readonly\"/>\n            </div>\n        </div>\n    ",
+            providers: [exports.INPUTSWITCH_VALUE_ACCESSOR, domhandler_1.DomHandler]
+        }), 
+        __metadata('design:paramtypes', [core_1.ElementRef, domhandler_1.DomHandler])
+    ], InputSwitch);
     return InputSwitch;
 }());
-export var InputSwitchModule = (function () {
+exports.InputSwitch = InputSwitch;
+var InputSwitchModule = (function () {
     function InputSwitchModule() {
     }
-    InputSwitchModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule],
-                    exports: [InputSwitch],
-                    declarations: [InputSwitch]
-                },] },
-    ];
-    /** @nocollapse */
-    InputSwitchModule.ctorParameters = [];
+    InputSwitchModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule],
+            exports: [InputSwitch],
+            declarations: [InputSwitch]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], InputSwitchModule);
     return InputSwitchModule;
 }());
+exports.InputSwitchModule = InputSwitchModule;
 //# sourceMappingURL=inputswitch.js.map

components/inputtext/inputtext.js

@@ -1,4 +0,14 @@
-import { NgModule, Directive, ElementRef, HostListener } from '@angular/core';
-import { CommonModule } from '@angular/common';
-export var InputText = (function () {
+"use strict";
+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 InputText = (function () {
     function InputText(el) {
@@ -33,43 +43,59 @@ this.el = el;
     });
-    InputText.decorators = [
-        { type: Directive, args: [{
-                    selector: '[pInputText]',
-                    host: {
-                        '[class.ui-inputtext]': 'true',
-                        '[class.ui-corner-all]': 'true',
-                        '[class.ui-state-default]': 'true',
-                        '[class.ui-widget]': 'true',
-                        '[class.ui-state-hover]': 'hover',
-                        '[class.ui-state-focus]': 'focus',
-                        '[class.ui-state-disabled]': 'disabled',
-                        '[class.ui-state-filled]': 'filled'
-                    }
-                },] },
-    ];
-    /** @nocollapse */
-    InputText.ctorParameters = [
-        { type: ElementRef, },
-    ];
-    InputText.propDecorators = {
-        'onMouseover': [{ type: HostListener, args: ['mouseover', ['$event'],] },],
-        'onMouseout': [{ type: HostListener, args: ['mouseout', ['$event'],] },],
-        'onFocus': [{ type: HostListener, args: ['focus', ['$event'],] },],
-        'onBlur': [{ type: HostListener, args: ['blur', ['$event'],] },],
-    };
+    __decorate([
+        core_1.HostListener('mouseover', ['$event']), 
+        __metadata('design:type', Function), 
+        __metadata('design:paramtypes', [Object]), 
+        __metadata('design:returntype', void 0)
+    ], InputText.prototype, "onMouseover", null);
+    __decorate([
+        core_1.HostListener('mouseout', ['$event']), 
+        __metadata('design:type', Function), 
+        __metadata('design:paramtypes', [Object]), 
+        __metadata('design:returntype', void 0)
+    ], InputText.prototype, "onMouseout", null);
+    __decorate([
+        core_1.HostListener('focus', ['$event']), 
+        __metadata('design:type', Function), 
+        __metadata('design:paramtypes', [Object]), 
+        __metadata('design:returntype', void 0)
+    ], InputText.prototype, "onFocus", null);
+    __decorate([
+        core_1.HostListener('blur', ['$event']), 
+        __metadata('design:type', Function), 
+        __metadata('design:paramtypes', [Object]), 
+        __metadata('design:returntype', void 0)
+    ], InputText.prototype, "onBlur", null);
+    InputText = __decorate([
+        core_1.Directive({
+            selector: '[pInputText]',
+            host: {
+                '[class.ui-inputtext]': 'true',
+                '[class.ui-corner-all]': 'true',
+                '[class.ui-state-default]': 'true',
+                '[class.ui-widget]': 'true',
+                '[class.ui-state-hover]': 'hover',
+                '[class.ui-state-focus]': 'focus',
+                '[class.ui-state-disabled]': 'disabled',
+                '[class.ui-state-filled]': 'filled'
+            }
+        }), 
+        __metadata('design:paramtypes', [core_1.ElementRef])
+    ], InputText);
     return InputText;
 }());
-export var InputTextModule = (function () {
+exports.InputText = InputText;
+var InputTextModule = (function () {
     function InputTextModule() {
     }
-    InputTextModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule],
-                    exports: [InputText],
-                    declarations: [InputText]
-                },] },
-    ];
-    /** @nocollapse */
-    InputTextModule.ctorParameters = [];
+    InputTextModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule],
+            exports: [InputText],
+            declarations: [InputText]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], InputTextModule);
     return InputTextModule;
 }());
+exports.InputTextModule = InputTextModule;
 //# sourceMappingURL=inputtext.js.map

components/inputtextarea/inputtextarea.js

@@ -1,4 +0,14 @@
-import { NgModule, Directive, ElementRef, HostListener, Input } from '@angular/core';
-import { CommonModule } from '@angular/common';
-export var InputTextarea = (function () {
+"use strict";
+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 InputTextarea = (function () {
     function InputTextarea(el) {
@@ -44,48 +54,78 @@ this.el = el;
     };
-    InputTextarea.decorators = [
-        { type: Directive, args: [{
-                    selector: '[pInputTextarea]',
-                    host: {
-                        '[class.ui-inputtext]': 'true',
-                        '[class.ui-corner-all]': 'true',
-                        '[class.ui-state-default]': 'true',
-                        '[class.ui-widget]': 'true',
-                        '[class.ui-state-hover]': 'hover',
-                        '[class.ui-state-focus]': 'focus',
-                        '[class.ui-state-disabled]': 'isDisabled()',
-                        '[attr.rows]': 'rows',
-                        '[attr.cols]': 'cols'
-                    }
-                },] },
-    ];
-    /** @nocollapse */
-    InputTextarea.ctorParameters = [
-        { type: ElementRef, },
-    ];
-    InputTextarea.propDecorators = {
-        'autoResize': [{ type: Input },],
-        'rows': [{ type: Input },],
-        'cols': [{ type: Input },],
-        'onMouseover': [{ type: HostListener, args: ['mouseover', ['$event'],] },],
-        'onMouseout': [{ type: HostListener, args: ['mouseout', ['$event'],] },],
-        'onFocus': [{ type: HostListener, args: ['focus', ['$event'],] },],
-        'onBlur': [{ type: HostListener, args: ['blur', ['$event'],] },],
-        'onKeyup': [{ type: HostListener, args: ['keyup', ['$event'],] },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], InputTextarea.prototype, "autoResize", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], InputTextarea.prototype, "rows", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], InputTextarea.prototype, "cols", void 0);
+    __decorate([
+        core_1.HostListener('mouseover', ['$event']), 
+        __metadata('design:type', Function), 
+        __metadata('design:paramtypes', [Object]), 
+        __metadata('design:returntype', void 0)
+    ], InputTextarea.prototype, "onMouseover", null);
+    __decorate([
+        core_1.HostListener('mouseout', ['$event']), 
+        __metadata('design:type', Function), 
+        __metadata('design:paramtypes', [Object]), 
+        __metadata('design:returntype', void 0)
+    ], InputTextarea.prototype, "onMouseout", null);
+    __decorate([
+        core_1.HostListener('focus', ['$event']), 
+        __metadata('design:type', Function), 
+        __metadata('design:paramtypes', [Object]), 
+        __metadata('design:returntype', void 0)
+    ], InputTextarea.prototype, "onFocus", null);
+    __decorate([
+        core_1.HostListener('blur', ['$event']), 
+        __metadata('design:type', Function), 
+        __metadata('design:paramtypes', [Object]), 
+        __metadata('design:returntype', void 0)
+    ], InputTextarea.prototype, "onBlur", null);
+    __decorate([
+        core_1.HostListener('keyup', ['$event']), 
+        __metadata('design:type', Function), 
+        __metadata('design:paramtypes', [Object]), 
+        __metadata('design:returntype', void 0)
+    ], InputTextarea.prototype, "onKeyup", null);
+    InputTextarea = __decorate([
+        core_1.Directive({
+            selector: '[pInputTextarea]',
+            host: {
+                '[class.ui-inputtext]': 'true',
+                '[class.ui-corner-all]': 'true',
+                '[class.ui-state-default]': 'true',
+                '[class.ui-widget]': 'true',
+                '[class.ui-state-hover]': 'hover',
+                '[class.ui-state-focus]': 'focus',
+                '[class.ui-state-disabled]': 'isDisabled()',
+                '[attr.rows]': 'rows',
+                '[attr.cols]': 'cols'
+            }
+        }), 
+        __metadata('design:paramtypes', [core_1.ElementRef])
+    ], InputTextarea);
     return InputTextarea;
 }());
-export var InputTextareaModule = (function () {
+exports.InputTextarea = InputTextarea;
+var InputTextareaModule = (function () {
     function InputTextareaModule() {
     }
-    InputTextareaModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule],
-                    exports: [InputTextarea],
-                    declarations: [InputTextarea]
-                },] },
-    ];
-    /** @nocollapse */
-    InputTextareaModule.ctorParameters = [];
+    InputTextareaModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule],
+            exports: [InputTextarea],
+            declarations: [InputTextarea]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], InputTextareaModule);
     return InputTextareaModule;
 }());
+exports.InputTextareaModule = InputTextareaModule;
 //# sourceMappingURL=inputtextarea.js.map

components/lightbox/lightbox.js

@@ -1,5 +0,15 @@
-import { NgModule, Component, ElementRef, Input, Renderer } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { DomHandler } from '../dom/domhandler';
-export var Lightbox = (function () {
+"use strict";
+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 domhandler_1 = require('../dom/domhandler');
+var Lightbox = (function () {
     function Lightbox(el, domHandler, renderer) {
@@ -46,6 +56,6 @@ this.el = el;
         this.mask = document.createElement('div');
-        this.mask.style.zIndex = ++DomHandler.zindex;
+        this.mask.style.zIndex = ++domhandler_1.DomHandler.zindex;
         this.domHandler.addMultipleClasses(this.mask, 'ui-widget-overlay ui-dialog-mask');
         document.body.appendChild(this.mask);
-        this.zindex = ++DomHandler.zindex;
+        this.zindex = ++domhandler_1.DomHandler.zindex;
         this.center();
@@ -137,39 +147,51 @@ this.visible = true;
     };
-    Lightbox.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-lightbox',
-                    template: "\n        <div [ngStyle]=\"style\" [class]=\"styleClass\" *ngIf=\"(type == 'image')\">\n            <a *ngFor=\"let image of images; let i = index;\" [href]=\"image.source\" (click)=\"onImageClick($event,image,i,content)\">\n                <img [src]=\"image.thumbnail\" [title]=\"image.title\" [alt]=\"image.alt\">\n            </a>\n        </div>\n        <span [ngStyle]=\"style\" [class]=\"styleClass\" *ngIf=\"(type == 'content')\" (click)=\"onLinkClick($event,content)\">\n            <ng-content select=\"a\"></ng-content>\n        </span>\n        <div class=\"ui-lightbox ui-widget ui-helper-hidden ui-corner-all ui-shadow\" [style.display]=\"visible ? 'block' : 'none'\" [style.zIndex]=\"zindex\"\n            [style.transitionProperty]=\"'all'\" [style.transitionDuration]=\"effectDuration\" [style.transitionTimingFunction]=\"easing\" (click)=\"preventDocumentClickListener=true\">\n           <div class=\"ui-lightbox-content-wrapper\">\n              <a class=\"ui-state-default ui-lightbox-nav-left ui-corner-right\" [style.zIndex]=\"zindex + 1\" (click)=\"prev(img)\"\n                [ngClass]=\"{'ui-helper-hidden':!leftVisible}\"><span class=\"fa fa-fw fa-caret-left\"></span></a>\n              <div #content class=\"ui-lightbox-content ui-corner-all\" #content [ngClass]=\"{'ui-lightbox-loading': loading}\" \n                [style.transitionProperty]=\"'width,height'\" [style.transitionDuration]=\"effectDuration\" [style.transitionTimingFunction]=\"easing\">\n                <img #img [src]=\"currentImage ? currentImage.source||'' : ''\" (load)=\"onImageLoad($event,content)\" style=\"display:none\">\n                <ng-content></ng-content>\n              </div>\n              <a class=\"ui-state-default ui-lightbox-nav-right ui-corner-left ui-helper-hidden\" [style.zIndex]=\"zindex + 1\" (click)=\"next(img)\"\n                [ngClass]=\"{'ui-helper-hidden':!rightVisible}\"><span class=\"fa fa-fw fa-caret-right\"></span></a>\n           </div>\n           <div class=\"ui-lightbox-caption ui-widget-header\" [style.display]=\"captionText ? 'block' : 'none'\">\n              <span class=\"ui-lightbox-caption-text\">{{captionText}}</span><a class=\"ui-lightbox-close ui-corner-all\" href=\"#\" (click)=\"hide($event)\"><span class=\"fa fa-fw fa-close\"></span></a>\n              <div style=\"clear:both\"></div>\n           </div>\n        </div>\n    ",
-                    providers: [DomHandler]
-                },] },
-    ];
-    /** @nocollapse */
-    Lightbox.ctorParameters = [
-        { type: ElementRef, },
-        { type: DomHandler, },
-        { type: Renderer, },
-    ];
-    Lightbox.propDecorators = {
-        'images': [{ type: Input },],
-        'type': [{ type: Input },],
-        'style': [{ type: Input },],
-        'styleClass': [{ type: Input },],
-        'easing': [{ type: Input },],
-        'effectDuration': [{ type: Input },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Array)
+    ], Lightbox.prototype, "images", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Lightbox.prototype, "type", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], Lightbox.prototype, "style", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Lightbox.prototype, "styleClass", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Lightbox.prototype, "easing", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], Lightbox.prototype, "effectDuration", void 0);
+    Lightbox = __decorate([
+        core_1.Component({
+            selector: 'p-lightbox',
+            template: "\n        <div [ngStyle]=\"style\" [class]=\"styleClass\" *ngIf=\"(type == 'image')\">\n            <a *ngFor=\"let image of images; let i = index;\" [href]=\"image.source\" (click)=\"onImageClick($event,image,i,content)\">\n                <img [src]=\"image.thumbnail\" [title]=\"image.title\" [alt]=\"image.alt\">\n            </a>\n        </div>\n        <span [ngStyle]=\"style\" [class]=\"styleClass\" *ngIf=\"(type == 'content')\" (click)=\"onLinkClick($event,content)\">\n            <ng-content select=\"a\"></ng-content>\n        </span>\n        <div class=\"ui-lightbox ui-widget ui-helper-hidden ui-corner-all ui-shadow\" [style.display]=\"visible ? 'block' : 'none'\" [style.zIndex]=\"zindex\"\n            [style.transitionProperty]=\"'all'\" [style.transitionDuration]=\"effectDuration\" [style.transitionTimingFunction]=\"easing\" (click)=\"preventDocumentClickListener=true\">\n           <div class=\"ui-lightbox-content-wrapper\">\n              <a class=\"ui-state-default ui-lightbox-nav-left ui-corner-right\" [style.zIndex]=\"zindex + 1\" (click)=\"prev(img)\"\n                [ngClass]=\"{'ui-helper-hidden':!leftVisible}\"><span class=\"fa fa-fw fa-caret-left\"></span></a>\n              <div #content class=\"ui-lightbox-content ui-corner-all\" #content [ngClass]=\"{'ui-lightbox-loading': loading}\" \n                [style.transitionProperty]=\"'width,height'\" [style.transitionDuration]=\"effectDuration\" [style.transitionTimingFunction]=\"easing\">\n                <img #img [src]=\"currentImage ? currentImage.source||'' : ''\" (load)=\"onImageLoad($event,content)\" style=\"display:none\">\n                <ng-content></ng-content>\n              </div>\n              <a class=\"ui-state-default ui-lightbox-nav-right ui-corner-left ui-helper-hidden\" [style.zIndex]=\"zindex + 1\" (click)=\"next(img)\"\n                [ngClass]=\"{'ui-helper-hidden':!rightVisible}\"><span class=\"fa fa-fw fa-caret-right\"></span></a>\n           </div>\n           <div class=\"ui-lightbox-caption ui-widget-header\" [style.display]=\"captionText ? 'block' : 'none'\">\n              <span class=\"ui-lightbox-caption-text\">{{captionText}}</span><a class=\"ui-lightbox-close ui-corner-all\" href=\"#\" (click)=\"hide($event)\"><span class=\"fa fa-fw fa-close\"></span></a>\n              <div style=\"clear:both\"></div>\n           </div>\n        </div>\n    ",
+            providers: [domhandler_1.DomHandler]
+        }), 
+        __metadata('design:paramtypes', [core_1.ElementRef, domhandler_1.DomHandler, core_1.Renderer])
+    ], Lightbox);
     return Lightbox;
 }());
-export var LightboxModule = (function () {
+exports.Lightbox = Lightbox;
+var LightboxModule = (function () {
     function LightboxModule() {
     }
-    LightboxModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule],
-                    exports: [Lightbox],
-                    declarations: [Lightbox]
-                },] },
-    ];
-    /** @nocollapse */
-    LightboxModule.ctorParameters = [];
+    LightboxModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule],
+            exports: [Lightbox],
+            declarations: [Lightbox]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], LightboxModule);
     return LightboxModule;
 }());
+exports.LightboxModule = LightboxModule;
 //# sourceMappingURL=lightbox.js.map

components/listbox/listbox.js

@@ -1,17 +0,27 @@
-import { NgModule, Component, ElementRef, Input, Output, EventEmitter, ContentChild, TemplateRef, forwardRef } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { SharedModule } from '../common/shared';
-import { DomHandler } from '../dom/domhandler';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-export var LISTBOX_VALUE_ACCESSOR = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(function () { return Listbox; }),
+"use strict";
+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 shared_1 = require('../common/shared');
+var domhandler_1 = require('../dom/domhandler');
+var forms_1 = require('@angular/forms');
+exports.LISTBOX_VALUE_ACCESSOR = {
+    provide: forms_1.NG_VALUE_ACCESSOR,
+    useExisting: core_1.forwardRef(function () { return Listbox; }),
     multi: true
 };
-export var Listbox = (function () {
+var Listbox = (function () {
     function Listbox(el, domHandler) {
         this.el = el;
         this.domHandler = domHandler;
-        this.onChange = new EventEmitter();
-        this.onDblClick = new EventEmitter();
+        this.onChange = new core_1.EventEmitter();
+        this.onDblClick = new core_1.EventEmitter();
         this.onModelChange = function () { };
@@ -118,40 +128,59 @@ this.onModelTouched = function () { };
     };
-    Listbox.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-listbox',
-                    template: "\n        <div [ngClass]=\"{'ui-listbox ui-inputtext ui-widget ui-widget-content ui-corner-all':true,'ui-state-disabled':disabled}\" [ngStyle]=\"style\" [class]=\"styleClass\">\n            <ul class=\"ui-listbox-list\">\n                <li #item *ngFor=\"let option of options\"\n                    [ngClass]=\"{'ui-listbox-item ui-corner-all':true,'ui-state-hover':(hoveredItem==item),'ui-state-highlight':isSelected(option)}\"\n                    (mouseenter)=\"hoveredItem=item\" (mouseleave)=\"hoveredItem=null\" (click)=\"onOptionClick($event,option)\" (dblclick)=\"onDoubleClick($event,option)\">\n                    <span *ngIf=\"!itemTemplate\">{{option.label}}</span>\n                    <template *ngIf=\"itemTemplate\" [pTemplateWrapper]=\"itemTemplate\" [item]=\"option\"></template>\n                </li>\n            </ul>\n        </div>\n    ",
-                    providers: [DomHandler, LISTBOX_VALUE_ACCESSOR]
-                },] },
-    ];
-    /** @nocollapse */
-    Listbox.ctorParameters = [
-        { type: ElementRef, },
-        { type: DomHandler, },
-    ];
-    Listbox.propDecorators = {
-        'options': [{ type: Input },],
-        'multiple': [{ type: Input },],
-        'style': [{ type: Input },],
-        'styleClass': [{ type: Input },],
-        'disabled': [{ type: Input },],
-        'onChange': [{ type: Output },],
-        'onDblClick': [{ type: Output },],
-        'itemTemplate': [{ type: ContentChild, args: [TemplateRef,] },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Array)
+    ], Listbox.prototype, "options", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Listbox.prototype, "multiple", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], Listbox.prototype, "style", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Listbox.prototype, "styleClass", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Listbox.prototype, "disabled", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Listbox.prototype, "onChange", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Listbox.prototype, "onDblClick", void 0);
+    __decorate([
+        core_1.ContentChild(core_1.TemplateRef), 
+        __metadata('design:type', core_1.TemplateRef)
+    ], Listbox.prototype, "itemTemplate", void 0);
+    Listbox = __decorate([
+        core_1.Component({
+            selector: 'p-listbox',
+            template: "\n        <div [ngClass]=\"{'ui-listbox ui-inputtext ui-widget ui-widget-content ui-corner-all':true,'ui-state-disabled':disabled}\" [ngStyle]=\"style\" [class]=\"styleClass\">\n            <ul class=\"ui-listbox-list\">\n                <li #item *ngFor=\"let option of options\"\n                    [ngClass]=\"{'ui-listbox-item ui-corner-all':true,'ui-state-hover':(hoveredItem==item),'ui-state-highlight':isSelected(option)}\"\n                    (mouseenter)=\"hoveredItem=item\" (mouseleave)=\"hoveredItem=null\" (click)=\"onOptionClick($event,option)\" (dblclick)=\"onDoubleClick($event,option)\">\n                    <span *ngIf=\"!itemTemplate\">{{option.label}}</span>\n                    <template *ngIf=\"itemTemplate\" [pTemplateWrapper]=\"itemTemplate\" [item]=\"option\"></template>\n                </li>\n            </ul>\n        </div>\n    ",
+            providers: [domhandler_1.DomHandler, exports.LISTBOX_VALUE_ACCESSOR]
+        }), 
+        __metadata('design:paramtypes', [core_1.ElementRef, domhandler_1.DomHandler])
+    ], Listbox);
     return Listbox;
 }());
-export var ListboxModule = (function () {
+exports.Listbox = Listbox;
+var ListboxModule = (function () {
     function ListboxModule() {
     }
-    ListboxModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule, SharedModule],
-                    exports: [Listbox, SharedModule],
-                    declarations: [Listbox]
-                },] },
-    ];
-    /** @nocollapse */
-    ListboxModule.ctorParameters = [];
+    ListboxModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule, shared_1.SharedModule],
+            exports: [Listbox, shared_1.SharedModule],
+            declarations: [Listbox]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], ListboxModule);
     return ListboxModule;
 }());
+exports.ListboxModule = ListboxModule;
 //# sourceMappingURL=listbox.js.map

components/megamenu/megamenu.js

@@ -1,6 +0,16 @@
-import { NgModule, Component, ElementRef, Input, Renderer, EventEmitter } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { DomHandler } from '../dom/domhandler';
-import { Router } from '@angular/router';
-export var MegaMenu = (function () {
+"use strict";
+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 domhandler_1 = require('../dom/domhandler');
+var router_1 = require('@angular/router');
+var MegaMenu = (function () {
     function MegaMenu(el, domHandler, renderer, router) {
@@ -21,3 +31,3 @@ this.el = el;
         if (submenu) {
-            submenu.style.zIndex = ++DomHandler.zindex;
+            submenu.style.zIndex = ++domhandler_1.DomHandler.zindex;
             if (this.orientation === 'horizontal') {
@@ -47,3 +57,3 @@ submenu.style.top = this.domHandler.getOuterHeight(item.children[0]) + 'px';
             if (!item.eventEmitter) {
-                item.eventEmitter = new EventEmitter();
+                item.eventEmitter = new core_1.EventEmitter();
                 item.eventEmitter.subscribe(item.command);
@@ -103,38 +113,43 @@ }
     };
-    MegaMenu.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-megaMenu',
-                    template: "\n        <div [class]=\"styleClass\" [ngStyle]=\"style\"\n            [ngClass]=\"{'ui-menu ui-menubar ui-megamenu ui-widget ui-widget-content ui-corner-all ui-helper-clearfix':true,'ui-megamenu-vertical': orientation == 'vertical'}\">\n            <ul class=\"ui-menu-list ui-helper-reset\">\n                <template ngFor let-category [ngForOf]=\"model\">\n                    <li #item [ngClass]=\"{'ui-menuitem ui-widget ui-corner-all':true,'ui-menu-parent':category.items,'ui-menuitem-active':item==activeItem}\"\n                        (mouseenter)=\"onItemMouseEnter($event, item, category)\" (mouseleave)=\"onItemMouseLeave($event, item)\">\n                        <a #link class=\"ui-menuitem-link ui-corner-all ui-submenu-link\" [ngClass]=\"{'ui-state-hover':link==activeLink&&!category.disabled,'ui-state-disabled':category.disabled}\">\n                            <span class=\"ui-submenu-icon fa fa-fw\" [ngClass]=\"{'fa-caret-down':orientation=='horizontal','fa-caret-right':orientation=='vertical'}\"></span>\n                            <span class=\"ui-menuitem-icon fa fa-fw\" [ngClass]=\"category.icon\"></span>\n                            {{category.label}}\n                        </a>\n                        <div class=\"ui-megamenu-panel ui-widget-content ui-menu-list ui-corner-all ui-helper-clearfix ui-menu-child ui-shadow\">\n                            <div class=\"ui-grid\">\n                                <div class=\"ui-grid-row\">\n                                    <template ngFor let-column [ngForOf]=\"category.items\">\n                                        <div [class]=\"getColumnClass(category)\">\n                                            <template ngFor let-submenu [ngForOf]=\"column\">\n                                                <ul class=\"ui-menu-list ui-helper-reset\">\n                                                    <li class=\"ui-widget-header ui-corner-all\"><h3>{{submenu.label}}</h3></li>\n                                                    <li *ngFor=\"let item of submenu.items\" class=\"ui-menuitem ui-widget ui-corner-all\">\n                                                        <a #link [href]=\"item.url||'#'\" class=\"ui-menuitem-link ui-corner-all\" \n                                                            [ngClass]=\"{'ui-state-hover':link==hoveredItem&&!item.disabled,'ui-state-disabled':item.disabled}\"\n                                                            (mouseenter)=\"hoveredItem=$event.target\" (mouseleave)=\"hoveredItem=null\" (click)=\"itemClick($event, item)\">\n                                                            <span class=\"ui-menuitem-icon fa fa-fw\" *ngIf=\"item.icon\" [ngClass]=\"item.icon\"></span>\n                                                            <span class=\"ui-menuitem-text\">{{item.label}}</span>\n                                                        </a>\n                                                    </li>\n                                                </ul>\n                                            </template>\n                                        </div>\n                                    </template>\n                                </div>\n                            </div>\n                        </div>\n                    </li>\n                </template>\n            </ul>\n        </div>\n    ",
-                    providers: [DomHandler]
-                },] },
-    ];
-    /** @nocollapse */
-    MegaMenu.ctorParameters = [
-        { type: ElementRef, },
-        { type: DomHandler, },
-        { type: Renderer, },
-        { type: Router, },
-    ];
-    MegaMenu.propDecorators = {
-        'model': [{ type: Input },],
-        'style': [{ type: Input },],
-        'styleClass': [{ type: Input },],
-        'orientation': [{ type: Input },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Array)
+    ], MegaMenu.prototype, "model", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], MegaMenu.prototype, "style", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], MegaMenu.prototype, "styleClass", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], MegaMenu.prototype, "orientation", void 0);
+    MegaMenu = __decorate([
+        core_1.Component({
+            selector: 'p-megaMenu',
+            template: "\n        <div [class]=\"styleClass\" [ngStyle]=\"style\"\n            [ngClass]=\"{'ui-menu ui-menubar ui-megamenu ui-widget ui-widget-content ui-corner-all ui-helper-clearfix':true,'ui-megamenu-vertical': orientation == 'vertical'}\">\n            <ul class=\"ui-menu-list ui-helper-reset\">\n                <template ngFor let-category [ngForOf]=\"model\">\n                    <li #item [ngClass]=\"{'ui-menuitem ui-widget ui-corner-all':true,'ui-menu-parent':category.items,'ui-menuitem-active':item==activeItem}\"\n                        (mouseenter)=\"onItemMouseEnter($event, item, category)\" (mouseleave)=\"onItemMouseLeave($event, item)\">\n                        <a #link class=\"ui-menuitem-link ui-corner-all ui-submenu-link\" [ngClass]=\"{'ui-state-hover':link==activeLink&&!category.disabled,'ui-state-disabled':category.disabled}\">\n                            <span class=\"ui-submenu-icon fa fa-fw\" [ngClass]=\"{'fa-caret-down':orientation=='horizontal','fa-caret-right':orientation=='vertical'}\"></span>\n                            <span class=\"ui-menuitem-icon fa fa-fw\" [ngClass]=\"category.icon\"></span>\n                            {{category.label}}\n                        </a>\n                        <div class=\"ui-megamenu-panel ui-widget-content ui-menu-list ui-corner-all ui-helper-clearfix ui-menu-child ui-shadow\">\n                            <div class=\"ui-grid\">\n                                <div class=\"ui-grid-row\">\n                                    <template ngFor let-column [ngForOf]=\"category.items\">\n                                        <div [class]=\"getColumnClass(category)\">\n                                            <template ngFor let-submenu [ngForOf]=\"column\">\n                                                <ul class=\"ui-menu-list ui-helper-reset\">\n                                                    <li class=\"ui-widget-header ui-corner-all\"><h3>{{submenu.label}}</h3></li>\n                                                    <li *ngFor=\"let item of submenu.items\" class=\"ui-menuitem ui-widget ui-corner-all\">\n                                                        <a #link [href]=\"item.url||'#'\" class=\"ui-menuitem-link ui-corner-all\" \n                                                            [ngClass]=\"{'ui-state-hover':link==hoveredItem&&!item.disabled,'ui-state-disabled':item.disabled}\"\n                                                            (mouseenter)=\"hoveredItem=$event.target\" (mouseleave)=\"hoveredItem=null\" (click)=\"itemClick($event, item)\">\n                                                            <span class=\"ui-menuitem-icon fa fa-fw\" *ngIf=\"item.icon\" [ngClass]=\"item.icon\"></span>\n                                                            <span class=\"ui-menuitem-text\">{{item.label}}</span>\n                                                        </a>\n                                                    </li>\n                                                </ul>\n                                            </template>\n                                        </div>\n                                    </template>\n                                </div>\n                            </div>\n                        </div>\n                    </li>\n                </template>\n            </ul>\n        </div>\n    ",
+            providers: [domhandler_1.DomHandler]
+        }), 
+        __metadata('design:paramtypes', [core_1.ElementRef, domhandler_1.DomHandler, core_1.Renderer, router_1.Router])
+    ], MegaMenu);
     return MegaMenu;
 }());
-export var MegaMenuModule = (function () {
+exports.MegaMenu = MegaMenu;
+var MegaMenuModule = (function () {
     function MegaMenuModule() {
     }
-    MegaMenuModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule],
-                    exports: [MegaMenu],
-                    declarations: [MegaMenu]
-                },] },
-    ];
-    /** @nocollapse */
-    MegaMenuModule.ctorParameters = [];
+    MegaMenuModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule],
+            exports: [MegaMenu],
+            declarations: [MegaMenu]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], MegaMenuModule);
     return MegaMenuModule;
 }());
+exports.MegaMenuModule = MegaMenuModule;
 //# sourceMappingURL=megamenu.js.map

components/menu/menu.js

@@ -1,6 +0,16 @@
-import { NgModule, Component, ElementRef, Input, Renderer, EventEmitter } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { DomHandler } from '../dom/domhandler';
-import { Router } from '@angular/router';
-export var Menu = (function () {
+"use strict";
+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 domhandler_1 = require('../dom/domhandler');
+var router_1 = require('@angular/router');
+var Menu = (function () {
     function Menu(el, domHandler, renderer, router) {
@@ -59,3 +69,3 @@ this.el = el;
             if (!item.eventEmitter) {
-                item.eventEmitter = new EventEmitter();
+                item.eventEmitter = new core_1.EventEmitter();
                 item.eventEmitter.subscribe(item.command);
@@ -111,39 +121,47 @@ }
     };
-    Menu.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-menu',
-                    template: "\n        <div [ngClass]=\"{'ui-menu ui-widget ui-widget-content ui-corner-all ui-helper-clearfix':true,'ui-menu-dynamic ui-shadow':popup}\" \n            [class]=\"styleClass\" [ngStyle]=\"style\" (click)=\"preventDocumentDefault=true\">\n            <ul class=\"ui-menu-list ui-helper-reset\">\n                <template ngFor let-submenu [ngForOf]=\"model\" *ngIf=\"hasSubMenu()\">\n                    <li class=\"ui-widget-header ui-corner-all\"><h3>{{submenu.label}}</h3></li>\n                    <li *ngFor=\"let item of submenu.items\" class=\"ui-menuitem ui-widget ui-corner-all\">\n                        <a #link [href]=\"item.url||'#'\" class=\"ui-menuitem-link ui-corner-all\" \n                            [ngClass]=\"{'ui-state-hover':link==hoveredItem&&!item.disabled,'ui-state-disabled':item.disabled}\"\n                            (mouseenter)=\"hoveredItem=$event.target\" (mouseleave)=\"hoveredItem=null\" (click)=\"itemClick($event, item)\">\n                            <span class=\"ui-menuitem-icon fa fa-fw\" *ngIf=\"item.icon\" [ngClass]=\"item.icon\"></span>\n                            <span class=\"ui-menuitem-text\">{{item.label}}</span>\n                        </a>\n                    </li>\n                </template>\n                <template ngFor let-item [ngForOf]=\"model\" *ngIf=\"!hasSubMenu()\">\n                    <li class=\"ui-menuitem ui-widget ui-corner-all\">\n                        <a #link [href]=\"item.url||'#'\" class=\"ui-menuitem-link ui-corner-all\" \n                            [ngClass]=\"{'ui-state-hover':link==hoveredItem&&!item.disabled,'ui-state-disabled':item.disabled}\"\n                            (mouseenter)=\"hoveredItem=$event.target\" (mouseleave)=\"hoveredItem=null\" (click)=\"itemClick($event, item)\">\n                            <span class=\"ui-menuitem-icon fa fa-fw\" *ngIf=\"item.icon\" [ngClass]=\"item.icon\"></span>\n                            <span class=\"ui-menuitem-text\">{{item.label}}</span>\n                        </a>\n                    </li>\n                </template>\n            </ul>\n        </div>\n    ",
-                    providers: [DomHandler]
-                },] },
-    ];
-    /** @nocollapse */
-    Menu.ctorParameters = [
-        { type: ElementRef, },
-        { type: DomHandler, },
-        { type: Renderer, },
-        { type: Router, },
-    ];
-    Menu.propDecorators = {
-        'model': [{ type: Input },],
-        'popup': [{ type: Input },],
-        'style': [{ type: Input },],
-        'styleClass': [{ type: Input },],
-        'appendTo': [{ type: Input },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Array)
+    ], Menu.prototype, "model", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Menu.prototype, "popup", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], Menu.prototype, "style", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Menu.prototype, "styleClass", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], Menu.prototype, "appendTo", void 0);
+    Menu = __decorate([
+        core_1.Component({
+            selector: 'p-menu',
+            template: "\n        <div [ngClass]=\"{'ui-menu ui-widget ui-widget-content ui-corner-all ui-helper-clearfix':true,'ui-menu-dynamic ui-shadow':popup}\" \n            [class]=\"styleClass\" [ngStyle]=\"style\" (click)=\"preventDocumentDefault=true\">\n            <ul class=\"ui-menu-list ui-helper-reset\">\n                <template ngFor let-submenu [ngForOf]=\"model\" *ngIf=\"hasSubMenu()\">\n                    <li class=\"ui-widget-header ui-corner-all\"><h3>{{submenu.label}}</h3></li>\n                    <li *ngFor=\"let item of submenu.items\" class=\"ui-menuitem ui-widget ui-corner-all\">\n                        <a #link [href]=\"item.url||'#'\" class=\"ui-menuitem-link ui-corner-all\" \n                            [ngClass]=\"{'ui-state-hover':link==hoveredItem&&!item.disabled,'ui-state-disabled':item.disabled}\"\n                            (mouseenter)=\"hoveredItem=$event.target\" (mouseleave)=\"hoveredItem=null\" (click)=\"itemClick($event, item)\">\n                            <span class=\"ui-menuitem-icon fa fa-fw\" *ngIf=\"item.icon\" [ngClass]=\"item.icon\"></span>\n                            <span class=\"ui-menuitem-text\">{{item.label}}</span>\n                        </a>\n                    </li>\n                </template>\n                <template ngFor let-item [ngForOf]=\"model\" *ngIf=\"!hasSubMenu()\">\n                    <li class=\"ui-menuitem ui-widget ui-corner-all\">\n                        <a #link [href]=\"item.url||'#'\" class=\"ui-menuitem-link ui-corner-all\" \n                            [ngClass]=\"{'ui-state-hover':link==hoveredItem&&!item.disabled,'ui-state-disabled':item.disabled}\"\n                            (mouseenter)=\"hoveredItem=$event.target\" (mouseleave)=\"hoveredItem=null\" (click)=\"itemClick($event, item)\">\n                            <span class=\"ui-menuitem-icon fa fa-fw\" *ngIf=\"item.icon\" [ngClass]=\"item.icon\"></span>\n                            <span class=\"ui-menuitem-text\">{{item.label}}</span>\n                        </a>\n                    </li>\n                </template>\n            </ul>\n        </div>\n    ",
+            providers: [domhandler_1.DomHandler]
+        }), 
+        __metadata('design:paramtypes', [core_1.ElementRef, domhandler_1.DomHandler, core_1.Renderer, router_1.Router])
+    ], Menu);
     return Menu;
 }());
-export var MenuModule = (function () {
+exports.Menu = Menu;
+var MenuModule = (function () {
     function MenuModule() {
     }
-    MenuModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule],
-                    exports: [Menu],
-                    declarations: [Menu]
-                },] },
-    ];
-    /** @nocollapse */
-    MenuModule.ctorParameters = [];
+    MenuModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule],
+            exports: [Menu],
+            declarations: [Menu]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], MenuModule);
     return MenuModule;
 }());
+exports.MenuModule = MenuModule;
 //# sourceMappingURL=menu.js.map

components/menubar/menubar.js

@@ -1,6 +0,16 @@
-import { NgModule, Component, ElementRef, Input, Renderer, EventEmitter } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { DomHandler } from '../dom/domhandler';
-import { Router } from '@angular/router';
-export var MenubarSub = (function () {
+"use strict";
+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 domhandler_1 = require('../dom/domhandler');
+var router_1 = require('@angular/router');
+var MenubarSub = (function () {
     function MenubarSub(domHandler, router) {
@@ -19,3 +29,3 @@ this.domHandler = domHandler;
             var sublist = nextElement.children[0];
-            sublist.style.zIndex = ++DomHandler.zindex;
+            sublist.style.zIndex = ++domhandler_1.DomHandler.zindex;
             if (this.root) {
@@ -45,3 +55,3 @@ sublist.style.top = this.domHandler.getOuterHeight(item.children[0]) + 'px';
             if (!item.eventEmitter) {
-                item.eventEmitter = new EventEmitter();
+                item.eventEmitter = new core_1.EventEmitter();
                 item.eventEmitter.subscribe(item.command);
@@ -64,21 +74,22 @@ }
     };
-    MenubarSub.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-menubarSub',
-                    template: "\n        <ul [ngClass]=\"{'ui-helper-reset':root, 'ui-widget-content ui-corner-all ui-helper-clearfix ui-menu-child ui-shadow':!root}\" class=\"ui-menu-list\"\n            (click)=\"listClick($event)\">\n            <template ngFor let-child [ngForOf]=\"(root ? item : item.items)\">\n                <li #item [ngClass]=\"{'ui-menuitem ui-widget ui-corner-all':true,'ui-menu-parent':child.items,'ui-menuitem-active':item==activeItem}\"\n                    (mouseenter)=\"onItemMouseEnter($event,item,child)\" (mouseleave)=\"onItemMouseLeave($event,item)\">\n                    <a #link [href]=\"child.url||'#'\" class=\"ui-menuitem-link ui-corner-all\" \n                        [ngClass]=\"{'ui-state-hover':link==activeLink&&!child.disabled,'ui-state-disabled':child.disabled}\" (click)=\"itemClick($event, child)\">\n                        <span class=\"ui-submenu-icon fa fa-fw\" *ngIf=\"child.items\" [ngClass]=\"{'fa-caret-down':root,'fa-caret-right':!root}\"></span>\n                        <span class=\"ui-menuitem-icon fa fa-fw\" *ngIf=\"child.icon\" [ngClass]=\"child.icon\"></span>\n                        <span class=\"ui-menuitem-text\">{{child.label}}</span>\n                    </a>\n                    <p-menubarSub class=\"ui-submenu\" [item]=\"child\" *ngIf=\"child.items\"></p-menubarSub>\n                </li>\n            </template>\n        </ul>\n    ",
-                    providers: [DomHandler]
-                },] },
-    ];
-    /** @nocollapse */
-    MenubarSub.ctorParameters = [
-        { type: DomHandler, },
-        { type: Router, },
-    ];
-    MenubarSub.propDecorators = {
-        'item': [{ type: Input },],
-        'root': [{ type: Input },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], MenubarSub.prototype, "item", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], MenubarSub.prototype, "root", void 0);
+    MenubarSub = __decorate([
+        core_1.Component({
+            selector: 'p-menubarSub',
+            template: "\n        <ul [ngClass]=\"{'ui-helper-reset':root, 'ui-widget-content ui-corner-all ui-helper-clearfix ui-menu-child ui-shadow':!root}\" class=\"ui-menu-list\"\n            (click)=\"listClick($event)\">\n            <template ngFor let-child [ngForOf]=\"(root ? item : item.items)\">\n                <li #item [ngClass]=\"{'ui-menuitem ui-widget ui-corner-all':true,'ui-menu-parent':child.items,'ui-menuitem-active':item==activeItem}\"\n                    (mouseenter)=\"onItemMouseEnter($event,item,child)\" (mouseleave)=\"onItemMouseLeave($event,item)\">\n                    <a #link [href]=\"child.url||'#'\" class=\"ui-menuitem-link ui-corner-all\" \n                        [ngClass]=\"{'ui-state-hover':link==activeLink&&!child.disabled,'ui-state-disabled':child.disabled}\" (click)=\"itemClick($event, child)\">\n                        <span class=\"ui-submenu-icon fa fa-fw\" *ngIf=\"child.items\" [ngClass]=\"{'fa-caret-down':root,'fa-caret-right':!root}\"></span>\n                        <span class=\"ui-menuitem-icon fa fa-fw\" *ngIf=\"child.icon\" [ngClass]=\"child.icon\"></span>\n                        <span class=\"ui-menuitem-text\">{{child.label}}</span>\n                    </a>\n                    <p-menubarSub class=\"ui-submenu\" [item]=\"child\" *ngIf=\"child.items\"></p-menubarSub>\n                </li>\n            </template>\n        </ul>\n    ",
+            providers: [domhandler_1.DomHandler]
+        }), 
+        __metadata('design:paramtypes', [domhandler_1.DomHandler, router_1.Router])
+    ], MenubarSub);
     return MenubarSub;
 }());
-export var Menubar = (function () {
+exports.MenubarSub = MenubarSub;
+var Menubar = (function () {
     function Menubar(el, domHandler, renderer) {
@@ -108,36 +119,39 @@ this.el = el;
     };
-    Menubar.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-menubar',
-                    template: "\n        <div [ngClass]=\"{'ui-menubar ui-menu ui-widget ui-widget-content ui-corner-all ui-helper-clearfix':true}\" \n            [class]=\"styleClass\" [ngStyle]=\"style\">\n            <p-menubarSub [item]=\"model\" root=\"root\"></p-menubarSub>\n        </div>\n    ",
-                    providers: [DomHandler]
-                },] },
-    ];
-    /** @nocollapse */
-    Menubar.ctorParameters = [
-        { type: ElementRef, },
-        { type: DomHandler, },
-        { type: Renderer, },
-    ];
-    Menubar.propDecorators = {
-        'model': [{ type: Input },],
-        'style': [{ type: Input },],
-        'styleClass': [{ type: Input },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Array)
+    ], Menubar.prototype, "model", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], Menubar.prototype, "style", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Menubar.prototype, "styleClass", void 0);
+    Menubar = __decorate([
+        core_1.Component({
+            selector: 'p-menubar',
+            template: "\n        <div [ngClass]=\"{'ui-menubar ui-menu ui-widget ui-widget-content ui-corner-all ui-helper-clearfix':true}\" \n            [class]=\"styleClass\" [ngStyle]=\"style\">\n            <p-menubarSub [item]=\"model\" root=\"root\"></p-menubarSub>\n        </div>\n    ",
+            providers: [domhandler_1.DomHandler]
+        }), 
+        __metadata('design:paramtypes', [core_1.ElementRef, domhandler_1.DomHandler, core_1.Renderer])
+    ], Menubar);
     return Menubar;
 }());
-export var MenubarModule = (function () {
+exports.Menubar = Menubar;
+var MenubarModule = (function () {
     function MenubarModule() {
     }
-    MenubarModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule],
-                    exports: [Menubar],
-                    declarations: [Menubar, MenubarSub]
-                },] },
-    ];
-    /** @nocollapse */
-    MenubarModule.ctorParameters = [];
+    MenubarModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule],
+            exports: [Menubar],
+            declarations: [Menubar, MenubarSub]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], MenubarModule);
     return MenubarModule;
 }());
+exports.MenubarModule = MenubarModule;
 //# sourceMappingURL=menubar.js.map

components/messages/messages.js

@@ -1,4 +0,14 @@
-import { NgModule, Component, Input } from '@angular/core';
-import { CommonModule } from '@angular/common';
-export var Messages = (function () {
+"use strict";
+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 Messages = (function () {
     function Messages() {
@@ -48,30 +58,34 @@ this.closable = true;
     });
-    Messages.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-messages',
-                    template: "\n        <div *ngIf=\"hasMessages()\" class=\"ui-messages ui-widget ui-corner-all\" style=\"display:block\"\n                    [ngClass]=\"{'ui-messages-info':(value[0].severity === 'info'),\n                    'ui-messages-warn':(value[0].severity === 'warn'),\n                    'ui-messages-error':(value[0].severity === 'error'),\n                    'ui-messages-success':(value[0].severity === 'success')}\">\n            <a href=\"#\" class=\"ui-messages-close\" (click)=\"clear($event)\" *ngIf=\"closable\">\n                <i class=\"fa fa-close\"></i>\n            </a>\n            <span class=\"ui-messages-icon fa fa-fw fa-2x\" [ngClass]=\"icon\"></span>\n            <ul>\n                <li *ngFor=\"let msg of value\">\n                    <span class=\"ui-messages-summary\">{{msg.summary}}</span>\n                    <span class=\"ui-messages-detail\">{{msg.detail}}</span>\n                </li>\n            </ul>\n        </div>\n    "
-                },] },
-    ];
-    /** @nocollapse */
-    Messages.ctorParameters = [];
-    Messages.propDecorators = {
-        'value': [{ type: Input },],
-        'closable': [{ type: Input },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Array)
+    ], Messages.prototype, "value", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Messages.prototype, "closable", void 0);
+    Messages = __decorate([
+        core_1.Component({
+            selector: 'p-messages',
+            template: "\n        <div *ngIf=\"hasMessages()\" class=\"ui-messages ui-widget ui-corner-all\" style=\"display:block\"\n                    [ngClass]=\"{'ui-messages-info':(value[0].severity === 'info'),\n                    'ui-messages-warn':(value[0].severity === 'warn'),\n                    'ui-messages-error':(value[0].severity === 'error'),\n                    'ui-messages-success':(value[0].severity === 'success')}\">\n            <a href=\"#\" class=\"ui-messages-close\" (click)=\"clear($event)\" *ngIf=\"closable\">\n                <i class=\"fa fa-close\"></i>\n            </a>\n            <span class=\"ui-messages-icon fa fa-fw fa-2x\" [ngClass]=\"icon\"></span>\n            <ul>\n                <li *ngFor=\"let msg of value\">\n                    <span class=\"ui-messages-summary\">{{msg.summary}}</span>\n                    <span class=\"ui-messages-detail\">{{msg.detail}}</span>\n                </li>\n            </ul>\n        </div>\n    "
+        }), 
+        __metadata('design:paramtypes', [])
+    ], Messages);
     return Messages;
 }());
-export var MessagesModule = (function () {
+exports.Messages = Messages;
+var MessagesModule = (function () {
     function MessagesModule() {
     }
-    MessagesModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule],
-                    exports: [Messages],
-                    declarations: [Messages]
-                },] },
-    ];
-    /** @nocollapse */
-    MessagesModule.ctorParameters = [];
+    MessagesModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule],
+            exports: [Messages],
+            declarations: [Messages]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], MessagesModule);
     return MessagesModule;
 }());
+exports.MessagesModule = MessagesModule;
 //# sourceMappingURL=messages.js.map

components/multiselect/multiselect.js

@@ -1,11 +0,21 @@
-import { NgModule, Component, ElementRef, Input, Output, Renderer, EventEmitter, IterableDiffers, forwardRef } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { DomHandler } from '../dom/domhandler';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-export var MULTISELECT_VALUE_ACCESSOR = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(function () { return MultiSelect; }),
+"use strict";
+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 domhandler_1 = require('../dom/domhandler');
+var forms_1 = require('@angular/forms');
+exports.MULTISELECT_VALUE_ACCESSOR = {
+    provide: forms_1.NG_VALUE_ACCESSOR,
+    useExisting: core_1.forwardRef(function () { return MultiSelect; }),
     multi: true
 };
-export var MultiSelect = (function () {
+var MultiSelect = (function () {
     function MultiSelect(el, domHandler, renderer, differs) {
@@ -15,3 +25,3 @@ this.el = el;
         this.renderer = renderer;
-        this.onChange = new EventEmitter();
+        this.onChange = new core_1.EventEmitter();
         this.scrollHeight = '200px';
@@ -117,3 +127,3 @@ this.defaultLabel = 'Choose';
         this.overlayVisible = true;
-        this.panel.style.zIndex = ++DomHandler.zindex;
+        this.panel.style.zIndex = ++domhandler_1.DomHandler.zindex;
         this.domHandler.relativePosition(this.panel, this.container);
@@ -226,42 +236,59 @@ this.domHandler.fadeIn(this.panel, 250);
     };
-    MultiSelect.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-multiSelect',
-                    template: "\n        <div [ngClass]=\"{'ui-multiselect ui-widget ui-state-default ui-corner-all':true,'ui-state-focus': focus,'ui-state-disabled': disabled}\" [ngStyle]=\"style\" [class]=\"styleClass\"\n            (mouseenter)=\"onMouseenter($event)\" (mouseleave)=\"onMouseleave($event)\" (click)=\"onMouseclick($event,in)\">\n            <div class=\"ui-helper-hidden-accessible\">\n                <input #in type=\"text\" readonly=\"readonly\" (focus)=\"onFocus($event)\" (blur)=\"onBlur($event)\" [disabled]=\"disabled\">\n            </div>\n            <div class=\"ui-multiselect-label-container\" [title]=\"valuesAsString\">\n                <label [ngClass]=\"{'ui-multiselect-label ui-corner-all':true,'ui-state-hover':hover,'ui-state-focus':focus}\">{{valuesAsString}}</label>\n            </div>\n            <div [ngClass]=\"{'ui-multiselect-trigger ui-state-default ui-corner-right':true,'ui-state-hover':hover,'ui-state-focus':focus}\">\n                <span class=\"fa fa-fw fa-caret-down ui-c\"></span>\n            </div>\n            <div class=\"ui-multiselect-panel ui-widget ui-widget-content ui-corner-all ui-shadow\" [style.display]=\"overlayVisible ? 'block' : 'none'\" (click)=\"panelClick=true\">\n                <div class=\"ui-widget-header ui-corner-all ui-multiselect-header ui-helper-clearfix\">\n                    <div class=\"ui-chkbox ui-widget\">\n                        <div class=\"ui-helper-hidden-accessible\">\n                            <input #cb type=\"checkbox\" readonly=\"readonly\" [checked]=\"isAllChecked()\">\n                        </div>\n                        <div class=\"ui-chkbox-box ui-widget ui-corner-all ui-state-default\" [ngClass]=\"{'ui-state-hover':hoverToggleAll}\"\n                            (mouseenter)=\"hoverToggleAll=true\" (mouseleave)=\"hoverToggleAll=false\" (click)=\"toggleAll($event,cb)\">\n                            <span class=\"ui-chkbox-icon ui-c\" [ngClass]=\"{'fa fa-fw fa-check':isAllChecked()}\"></span>\n                        </div>\n                    </div>\n                    <div class=\"ui-multiselect-filter-container\">\n                        <input type=\"text\" role=\"textbox\" (input)=\"onFilter($event)\"\n                                    class=\"ui-inputtext ui-widget ui-state-default ui-corner-all\">\n                        <span class=\"fa fa-fw fa-search\"></span>\n                    </div>\n                    <a class=\"ui-multiselect-close ui-corner-all\" href=\"#\" (click)=\"close($event)\">\n                        <span class=\"fa fa-close\"></span>\n                    </a>\n                </div>\n                <div class=\"ui-multiselect-items-wrapper\">\n                    <ul class=\"ui-multiselect-items ui-multiselect-list ui-widget-content ui-widget ui-corner-all ui-helper-reset\" [style.max-height]=\"scrollHeight||'auto'\">\n                        <li #item *ngFor=\"let option of options\" class=\"ui-multiselect-item ui-corner-all\" (click)=\"onItemClick($event,option.value)\" \n                            [style.display]=\"isItemVisible(option) ? 'block' : 'none'\"\n                            [ngClass]=\"{'ui-state-highlight':isSelected(option.value),'ui-state-hover':hoveredItem==item}\" (mouseenter)=\"hoveredItem=item\" (mouseleave)=\"hoveredItem=null\">\n                            <div class=\"ui-chkbox ui-widget\">\n                                <div class=\"ui-helper-hidden-accessible\">\n                                    <input type=\"checkbox\" readonly=\"readonly\" [checked]=\"isSelected(option.value)\">\n                                </div>\n                                <div class=\"ui-chkbox-box ui-widget ui-corner-all ui-state-default\" [ngClass]=\"{'ui-state-active':isSelected(option.value)}\">\n                                    <span class=\"ui-chkbox-icon ui-c\" [ngClass]=\"{'fa fa-fw fa-check':isSelected(option.value)}\"></span>\n                                </div>\n                            </div>\n                            <label>{{option.label}}</label>\n                        </li>\n                    </ul>\n                </div>\n            </div>\n        </div>\n    ",
-                    providers: [DomHandler, MULTISELECT_VALUE_ACCESSOR]
-                },] },
-    ];
-    /** @nocollapse */
-    MultiSelect.ctorParameters = [
-        { type: ElementRef, },
-        { type: DomHandler, },
-        { type: Renderer, },
-        { type: IterableDiffers, },
-    ];
-    MultiSelect.propDecorators = {
-        'options': [{ type: Input },],
-        'onChange': [{ type: Output },],
-        'scrollHeight': [{ type: Input },],
-        'defaultLabel': [{ type: Input },],
-        'style': [{ type: Input },],
-        'styleClass': [{ type: Input },],
-        'disabled': [{ type: Input },],
-        'overlayVisible': [{ type: Input },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Array)
+    ], MultiSelect.prototype, "options", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], MultiSelect.prototype, "onChange", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], MultiSelect.prototype, "scrollHeight", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], MultiSelect.prototype, "defaultLabel", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], MultiSelect.prototype, "style", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], MultiSelect.prototype, "styleClass", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], MultiSelect.prototype, "disabled", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], MultiSelect.prototype, "overlayVisible", void 0);
+    MultiSelect = __decorate([
+        core_1.Component({
+            selector: 'p-multiSelect',
+            template: "\n        <div [ngClass]=\"{'ui-multiselect ui-widget ui-state-default ui-corner-all':true,'ui-state-focus': focus,'ui-state-disabled': disabled}\" [ngStyle]=\"style\" [class]=\"styleClass\"\n            (mouseenter)=\"onMouseenter($event)\" (mouseleave)=\"onMouseleave($event)\" (click)=\"onMouseclick($event,in)\">\n            <div class=\"ui-helper-hidden-accessible\">\n                <input #in type=\"text\" readonly=\"readonly\" (focus)=\"onFocus($event)\" (blur)=\"onBlur($event)\" [disabled]=\"disabled\">\n            </div>\n            <div class=\"ui-multiselect-label-container\" [title]=\"valuesAsString\">\n                <label [ngClass]=\"{'ui-multiselect-label ui-corner-all':true,'ui-state-hover':hover,'ui-state-focus':focus}\">{{valuesAsString}}</label>\n            </div>\n            <div [ngClass]=\"{'ui-multiselect-trigger ui-state-default ui-corner-right':true,'ui-state-hover':hover,'ui-state-focus':focus}\">\n                <span class=\"fa fa-fw fa-caret-down ui-c\"></span>\n            </div>\n            <div class=\"ui-multiselect-panel ui-widget ui-widget-content ui-corner-all ui-shadow\" [style.display]=\"overlayVisible ? 'block' : 'none'\" (click)=\"panelClick=true\">\n                <div class=\"ui-widget-header ui-corner-all ui-multiselect-header ui-helper-clearfix\">\n                    <div class=\"ui-chkbox ui-widget\">\n                        <div class=\"ui-helper-hidden-accessible\">\n                            <input #cb type=\"checkbox\" readonly=\"readonly\" [checked]=\"isAllChecked()\">\n                        </div>\n                        <div class=\"ui-chkbox-box ui-widget ui-corner-all ui-state-default\" [ngClass]=\"{'ui-state-hover':hoverToggleAll}\"\n                            (mouseenter)=\"hoverToggleAll=true\" (mouseleave)=\"hoverToggleAll=false\" (click)=\"toggleAll($event,cb)\">\n                            <span class=\"ui-chkbox-icon ui-c\" [ngClass]=\"{'fa fa-fw fa-check':isAllChecked()}\"></span>\n                        </div>\n                    </div>\n                    <div class=\"ui-multiselect-filter-container\">\n                        <input type=\"text\" role=\"textbox\" (input)=\"onFilter($event)\"\n                                    class=\"ui-inputtext ui-widget ui-state-default ui-corner-all\">\n                        <span class=\"fa fa-fw fa-search\"></span>\n                    </div>\n                    <a class=\"ui-multiselect-close ui-corner-all\" href=\"#\" (click)=\"close($event)\">\n                        <span class=\"fa fa-close\"></span>\n                    </a>\n                </div>\n                <div class=\"ui-multiselect-items-wrapper\">\n                    <ul class=\"ui-multiselect-items ui-multiselect-list ui-widget-content ui-widget ui-corner-all ui-helper-reset\" [style.max-height]=\"scrollHeight||'auto'\">\n                        <li #item *ngFor=\"let option of options\" class=\"ui-multiselect-item ui-corner-all\" (click)=\"onItemClick($event,option.value)\" \n                            [style.display]=\"isItemVisible(option) ? 'block' : 'none'\"\n                            [ngClass]=\"{'ui-state-highlight':isSelected(option.value),'ui-state-hover':hoveredItem==item}\" (mouseenter)=\"hoveredItem=item\" (mouseleave)=\"hoveredItem=null\">\n                            <div class=\"ui-chkbox ui-widget\">\n                                <div class=\"ui-helper-hidden-accessible\">\n                                    <input type=\"checkbox\" readonly=\"readonly\" [checked]=\"isSelected(option.value)\">\n                                </div>\n                                <div class=\"ui-chkbox-box ui-widget ui-corner-all ui-state-default\" [ngClass]=\"{'ui-state-active':isSelected(option.value)}\">\n                                    <span class=\"ui-chkbox-icon ui-c\" [ngClass]=\"{'fa fa-fw fa-check':isSelected(option.value)}\"></span>\n                                </div>\n                            </div>\n                            <label>{{option.label}}</label>\n                        </li>\n                    </ul>\n                </div>\n            </div>\n        </div>\n    ",
+            providers: [domhandler_1.DomHandler, exports.MULTISELECT_VALUE_ACCESSOR]
+        }), 
+        __metadata('design:paramtypes', [core_1.ElementRef, domhandler_1.DomHandler, core_1.Renderer, core_1.IterableDiffers])
+    ], MultiSelect);
     return MultiSelect;
 }());
-export var MultiSelectModule = (function () {
+exports.MultiSelect = MultiSelect;
+var MultiSelectModule = (function () {
     function MultiSelectModule() {
     }
-    MultiSelectModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule],
-                    exports: [MultiSelect],
-                    declarations: [MultiSelect]
-                },] },
-    ];
-    /** @nocollapse */
-    MultiSelectModule.ctorParameters = [];
+    MultiSelectModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule],
+            exports: [MultiSelect],
+            declarations: [MultiSelect]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], MultiSelectModule);
     return MultiSelectModule;
 }());
+exports.MultiSelectModule = MultiSelectModule;
 //# sourceMappingURL=multiselect.js.map

components/orderlist/orderlist.js

@@ -1,11 +0,21 @@
-import { NgModule, Component, ElementRef, Input, Output, ContentChild, TemplateRef, EventEmitter } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { ButtonModule } from '../button/button';
-import { SharedModule } from '../common/shared';
-import { DomHandler } from '../dom/domhandler';
-export var OrderList = (function () {
+"use strict";
+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 button_1 = require('../button/button');
+var shared_1 = require('../common/shared');
+var domhandler_1 = require('../dom/domhandler');
+var OrderList = (function () {
     function OrderList(el, domHandler) {
         this.el = el;
         this.domHandler = domHandler;
-        this.onReorder = new EventEmitter();
+        this.onReorder = new core_1.EventEmitter();
     }
@@ -128,40 +138,59 @@ OrderList.prototype.ngAfterViewInit = function () {
     };
-    OrderList.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-orderList',
-                    template: "\n        <div [ngClass]=\"{'ui-orderlist ui-grid ui-widget':true,'ui-grid-responsive':responsive}\" [ngStyle]=\"style\" [class]=\"styleClass\">\n            <div class=\"ui-grid-row\">\n                <div class=\"ui-orderlist-controls ui-grid-col-2\">\n                    <button type=\"button\" pButton icon=\"fa-angle-up\" (click)=\"moveUp($event,listelement)\"></button>\n                    <button type=\"button\" pButton icon=\"fa-angle-double-up\" (click)=\"moveTop($event,listelement)\"></button>\n                    <button type=\"button\" pButton icon=\"fa-angle-down\" (click)=\"moveDown($event,listelement)\"></button>\n                    <button type=\"button\" pButton icon=\"fa-angle-double-down\" (click)=\"moveBottom($event,listelement)\"></button>\n                </div>\n                <div class=\"ui-grid-col-10\">\n                    <div class=\"ui-orderlist-caption ui-widget-header ui-corner-top\" *ngIf=\"header\">{{header}}</div>\n                    <ul #listelement class=\"ui-widget-content ui-orderlist-list ui-corner-bottom\" [ngStyle]=\"listStyle\">\n                        <li *ngFor=\"let item of value\" \n                            [ngClass]=\"{'ui-orderlist-item':true,'ui-state-hover':(hoveredItem==item),'ui-state-highlight':isSelected(item)}\"\n                            (mouseenter)=\"hoveredItem=item\" (mouseleave)=\"hoveredItem=null\" (click)=\"onItemClick($event,item)\">\n                            <template [pTemplateWrapper]=\"itemTemplate\" [item]=\"item\"></template>\n                        </li>\n                    </ul>\n                </div>\n            </div>\n        </div>\n    ",
-                    providers: [DomHandler]
-                },] },
-    ];
-    /** @nocollapse */
-    OrderList.ctorParameters = [
-        { type: ElementRef, },
-        { type: DomHandler, },
-    ];
-    OrderList.propDecorators = {
-        'value': [{ type: Input },],
-        'header': [{ type: Input },],
-        'style': [{ type: Input },],
-        'styleClass': [{ type: Input },],
-        'listStyle': [{ type: Input },],
-        'responsive': [{ type: Input },],
-        'onReorder': [{ type: Output },],
-        'itemTemplate': [{ type: ContentChild, args: [TemplateRef,] },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Array)
+    ], OrderList.prototype, "value", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], OrderList.prototype, "header", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], OrderList.prototype, "style", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], OrderList.prototype, "styleClass", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], OrderList.prototype, "listStyle", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], OrderList.prototype, "responsive", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], OrderList.prototype, "onReorder", void 0);
+    __decorate([
+        core_1.ContentChild(core_1.TemplateRef), 
+        __metadata('design:type', core_1.TemplateRef)
+    ], OrderList.prototype, "itemTemplate", void 0);
+    OrderList = __decorate([
+        core_1.Component({
+            selector: 'p-orderList',
+            template: "\n        <div [ngClass]=\"{'ui-orderlist ui-grid ui-widget':true,'ui-grid-responsive':responsive}\" [ngStyle]=\"style\" [class]=\"styleClass\">\n            <div class=\"ui-grid-row\">\n                <div class=\"ui-orderlist-controls ui-grid-col-2\">\n                    <button type=\"button\" pButton icon=\"fa-angle-up\" (click)=\"moveUp($event,listelement)\"></button>\n                    <button type=\"button\" pButton icon=\"fa-angle-double-up\" (click)=\"moveTop($event,listelement)\"></button>\n                    <button type=\"button\" pButton icon=\"fa-angle-down\" (click)=\"moveDown($event,listelement)\"></button>\n                    <button type=\"button\" pButton icon=\"fa-angle-double-down\" (click)=\"moveBottom($event,listelement)\"></button>\n                </div>\n                <div class=\"ui-grid-col-10\">\n                    <div class=\"ui-orderlist-caption ui-widget-header ui-corner-top\" *ngIf=\"header\">{{header}}</div>\n                    <ul #listelement class=\"ui-widget-content ui-orderlist-list ui-corner-bottom\" [ngStyle]=\"listStyle\">\n                        <li *ngFor=\"let item of value\" \n                            [ngClass]=\"{'ui-orderlist-item':true,'ui-state-hover':(hoveredItem==item),'ui-state-highlight':isSelected(item)}\"\n                            (mouseenter)=\"hoveredItem=item\" (mouseleave)=\"hoveredItem=null\" (click)=\"onItemClick($event,item)\">\n                            <template [pTemplateWrapper]=\"itemTemplate\" [item]=\"item\"></template>\n                        </li>\n                    </ul>\n                </div>\n            </div>\n        </div>\n    ",
+            providers: [domhandler_1.DomHandler]
+        }), 
+        __metadata('design:paramtypes', [core_1.ElementRef, domhandler_1.DomHandler])
+    ], OrderList);
     return OrderList;
 }());
-export var OrderListModule = (function () {
+exports.OrderList = OrderList;
+var OrderListModule = (function () {
     function OrderListModule() {
     }
-    OrderListModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule, ButtonModule, SharedModule],
-                    exports: [OrderList, SharedModule],
-                    declarations: [OrderList]
-                },] },
-    ];
-    /** @nocollapse */
-    OrderListModule.ctorParameters = [];
+    OrderListModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule, button_1.ButtonModule, shared_1.SharedModule],
+            exports: [OrderList, shared_1.SharedModule],
+            declarations: [OrderList]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], OrderListModule);
     return OrderListModule;
 }());
+exports.OrderListModule = OrderListModule;
 //# sourceMappingURL=orderlist.js.map

components/overlaypanel/overlaypanel.js

@@ -1,5 +0,15 @@
-import { NgModule, Component, Input, Output, EventEmitter, Renderer, ElementRef } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { DomHandler } from '../dom/domhandler';
-export var OverlayPanel = (function () {
+"use strict";
+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 domhandler_1 = require('../dom/domhandler');
+var OverlayPanel = (function () {
     function OverlayPanel(el, domHandler, renderer) {
@@ -10,6 +20,6 @@ this.el = el;
         this.dismissable = true;
-        this.onBeforeShow = new EventEmitter();
-        this.onAfterShow = new EventEmitter();
-        this.onBeforeHide = new EventEmitter();
-        this.onAfterHide = new EventEmitter();
+        this.onBeforeShow = new core_1.EventEmitter();
+        this.onAfterShow = new core_1.EventEmitter();
+        this.onBeforeHide = new core_1.EventEmitter();
+        this.onAfterHide = new core_1.EventEmitter();
         this.visible = false;
@@ -60,3 +70,3 @@ }
         var elementTarget = target || event.currentTarget || event.target;
-        this.container.style.zIndex = ++DomHandler.zindex;
+        this.container.style.zIndex = ++domhandler_1.DomHandler.zindex;
         if (this.visible) {
@@ -100,42 +110,63 @@ this.domHandler.absolutePosition(this.container, elementTarget);
     };
-    OverlayPanel.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-overlayPanel',
-                    template: "\n        <div [ngClass]=\"'ui-overlaypanel ui-widget ui-widget-content ui-corner-all ui-shadow'\" [ngStyle]=\"style\" [class]=\"styleClass\"\n            [style.display]=\"visible ? 'block' : 'none'\" (click)=\"onPanelClick()\">\n            <div class=\"ui-overlaypanel-content\">\n                <ng-content></ng-content>\n            </div>\n            <a href=\"#\" *ngIf=\"showCloseIcon\" class=\"ui-overlaypanel-close ui-state-default\" [ngClass]=\"{'ui-state-hover':hoverCloseIcon}\"\n                (mouseenter)=\"hoverCloseIcon=true\" (mouseleave)=\"hoverCloseIcon=false\" (click)=\"onCloseClick($event)\"><span class=\"fa fa-fw fa-close\"></span></a>\n        </div>\n    ",
-                    providers: [DomHandler]
-                },] },
-    ];
-    /** @nocollapse */
-    OverlayPanel.ctorParameters = [
-        { type: ElementRef, },
-        { type: DomHandler, },
-        { type: Renderer, },
-    ];
-    OverlayPanel.propDecorators = {
-        'dismissable': [{ type: Input },],
-        'showCloseIcon': [{ type: Input },],
-        'style': [{ type: Input },],
-        'styleClass': [{ type: Input },],
-        'appendTo': [{ type: Input },],
-        'onBeforeShow': [{ type: Output },],
-        'onAfterShow': [{ type: Output },],
-        'onBeforeHide': [{ type: Output },],
-        'onAfterHide': [{ type: Output },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], OverlayPanel.prototype, "dismissable", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], OverlayPanel.prototype, "showCloseIcon", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], OverlayPanel.prototype, "style", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], OverlayPanel.prototype, "styleClass", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], OverlayPanel.prototype, "appendTo", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], OverlayPanel.prototype, "onBeforeShow", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], OverlayPanel.prototype, "onAfterShow", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], OverlayPanel.prototype, "onBeforeHide", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], OverlayPanel.prototype, "onAfterHide", void 0);
+    OverlayPanel = __decorate([
+        core_1.Component({
+            selector: 'p-overlayPanel',
+            template: "\n        <div [ngClass]=\"'ui-overlaypanel ui-widget ui-widget-content ui-corner-all ui-shadow'\" [ngStyle]=\"style\" [class]=\"styleClass\"\n            [style.display]=\"visible ? 'block' : 'none'\" (click)=\"onPanelClick()\">\n            <div class=\"ui-overlaypanel-content\">\n                <ng-content></ng-content>\n            </div>\n            <a href=\"#\" *ngIf=\"showCloseIcon\" class=\"ui-overlaypanel-close ui-state-default\" [ngClass]=\"{'ui-state-hover':hoverCloseIcon}\"\n                (mouseenter)=\"hoverCloseIcon=true\" (mouseleave)=\"hoverCloseIcon=false\" (click)=\"onCloseClick($event)\"><span class=\"fa fa-fw fa-close\"></span></a>\n        </div>\n    ",
+            providers: [domhandler_1.DomHandler]
+        }), 
+        __metadata('design:paramtypes', [core_1.ElementRef, domhandler_1.DomHandler, core_1.Renderer])
+    ], OverlayPanel);
     return OverlayPanel;
 }());
-export var OverlayPanelModule = (function () {
+exports.OverlayPanel = OverlayPanel;
+var OverlayPanelModule = (function () {
     function OverlayPanelModule() {
     }
-    OverlayPanelModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule],
-                    exports: [OverlayPanel],
-                    declarations: [OverlayPanel]
-                },] },
-    ];
-    /** @nocollapse */
-    OverlayPanelModule.ctorParameters = [];
+    OverlayPanelModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule],
+            exports: [OverlayPanel],
+            declarations: [OverlayPanel]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], OverlayPanelModule);
     return OverlayPanelModule;
 }());
+exports.OverlayPanelModule = OverlayPanelModule;
 //# sourceMappingURL=overlaypanel.js.map

components/paginator/paginator.js

@@ -1,8 +0,18 @@
-import { NgModule, Component, Input, Output, EventEmitter } from '@angular/core';
-import { CommonModule } from '@angular/common';
-export var Paginator = (function () {
+"use strict";
+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 Paginator = (function () {
     function Paginator() {
         this.rows = 0;
         this.pageLinkSize = 5;
-        this.onPageChange = new EventEmitter();
+        this.onPageChange = new core_1.EventEmitter();
         this._totalRecords = 0;
@@ -94,36 +104,58 @@ this._first = 0;
     };
-    Paginator.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-paginator',
-                    template: "\n        <div [class]=\"styleClass\" [ngStyle]=\"style\" [ngClass]=\"{'ui-paginator ui-widget-header ui-unselectable-text':true}\">\n            <a href=\"#\" #firstlink class=\"ui-paginator-first ui-paginator-element ui-state-default ui-corner-all\" (mouseenter)=\"hoveredItem = $event.target\" (mouseleave)=\"hoveredItem = null\"\n                        (click)=\"changePageToFirst($event)\" [ngClass]=\"{'ui-state-disabled':isFirstPage(),'ui-state-hover':(firstlink === hoveredItem && !isFirstPage())}\" [tabindex]=\"isFirstPage() ? -1 : null\">\n                <span class=\"fa fa-step-backward\"></span>\n            </a>\n            <a href=\"#\" #prevlink class=\"ui-paginator-prev ui-paginator-element ui-state-default ui-corner-all\" (mouseenter)=\"hoveredItem = $event.target\" (mouseleave)=\"hoveredItem = null\"\n                    (click)=\"changePageToPrev($event)\" [ngClass]=\"{'ui-state-disabled':isFirstPage(),'ui-state-hover':(prevlink === hoveredItem && !isFirstPage())}\" [tabindex]=\"isFirstPage() ? -1 : null\">\n                <span class=\"fa fa-backward\"></span>\n            </a>\n            <span class=\"ui-paginator-pages\">\n                <a href=\"#\" #plink *ngFor=\"let pageLink of pageLinks\" class=\"ui-paginator-page ui-paginator-element ui-state-default ui-corner-all\"\n                    (mouseenter)=\"hoveredItem = $event.target\" (mouseleave)=\"hoveredItem = null\" (click)=\"changePage(pageLink - 1, $event)\"\n                    [ngClass]=\"{'ui-state-hover':(plink === hoveredItem), 'ui-state-active': (pageLink-1 == getPage())}\">{{pageLink}}</a>\n            </span>\n            <a href=\"#\" #nextlink class=\"ui-paginator-next ui-paginator-element ui-state-default ui-corner-all\" (mouseenter)=\"hoveredItem = $event.target\" (mouseleave)=\"hoveredItem = null\"\n                    (click)=\"changePageToNext($event)\" [ngClass]=\"{'ui-state-disabled':isLastPage(),'ui-state-hover':(nextlink === hoveredItem  && !isLastPage())}\" [tabindex]=\"isLastPage() ? -1 : null\">\n                <span class=\"fa fa-forward\"></span>\n            </a>\n            <a href=\"#\" #lastlink class=\"ui-paginator-last ui-paginator-element ui-state-default ui-corner-all\" (mouseenter)=\"hoveredItem = $event.target\" (mouseleave)=\"hoveredItem = null\"\n                    (click)=\"changePageToLast($event)\" [ngClass]=\"{'ui-state-disabled':isLastPage(),'ui-state-hover':(lastlink === hoveredItem  && !isLastPage())}\" [tabindex]=\"isLastPage() ? -1 : null\">\n                <span class=\"fa fa-step-forward\"></span>\n            </a>\n            <select class=\"ui-paginator-rpp-options ui-widget ui-state-default\" *ngIf=\"rowsPerPageOptions\" (change)=\"onRppChange($event)\">\n                <option *ngFor=\"let opt of rowsPerPageOptions\" [value]=\"opt\" [selected]=\"rows == opt\">{{opt}}</option>\n            </select>\n        </div>\n    "
-                },] },
-    ];
-    /** @nocollapse */
-    Paginator.ctorParameters = [];
-    Paginator.propDecorators = {
-        'rows': [{ type: Input },],
-        'pageLinkSize': [{ type: Input },],
-        'onPageChange': [{ type: Output },],
-        'style': [{ type: Input },],
-        'styleClass': [{ type: Input },],
-        'rowsPerPageOptions': [{ type: Input },],
-        'totalRecords': [{ type: Input },],
-        'first': [{ type: Input },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], Paginator.prototype, "rows", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], Paginator.prototype, "pageLinkSize", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Paginator.prototype, "onPageChange", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], Paginator.prototype, "style", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Paginator.prototype, "styleClass", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Array)
+    ], Paginator.prototype, "rowsPerPageOptions", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], Paginator.prototype, "totalRecords", null);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], Paginator.prototype, "first", null);
+    Paginator = __decorate([
+        core_1.Component({
+            selector: 'p-paginator',
+            template: "\n        <div [class]=\"styleClass\" [ngStyle]=\"style\" [ngClass]=\"{'ui-paginator ui-widget-header ui-unselectable-text':true}\">\n            <a href=\"#\" #firstlink class=\"ui-paginator-first ui-paginator-element ui-state-default ui-corner-all\" (mouseenter)=\"hoveredItem = $event.target\" (mouseleave)=\"hoveredItem = null\"\n                        (click)=\"changePageToFirst($event)\" [ngClass]=\"{'ui-state-disabled':isFirstPage(),'ui-state-hover':(firstlink === hoveredItem && !isFirstPage())}\" [tabindex]=\"isFirstPage() ? -1 : null\">\n                <span class=\"fa fa-step-backward\"></span>\n            </a>\n            <a href=\"#\" #prevlink class=\"ui-paginator-prev ui-paginator-element ui-state-default ui-corner-all\" (mouseenter)=\"hoveredItem = $event.target\" (mouseleave)=\"hoveredItem = null\"\n                    (click)=\"changePageToPrev($event)\" [ngClass]=\"{'ui-state-disabled':isFirstPage(),'ui-state-hover':(prevlink === hoveredItem && !isFirstPage())}\" [tabindex]=\"isFirstPage() ? -1 : null\">\n                <span class=\"fa fa-backward\"></span>\n            </a>\n            <span class=\"ui-paginator-pages\">\n                <a href=\"#\" #plink *ngFor=\"let pageLink of pageLinks\" class=\"ui-paginator-page ui-paginator-element ui-state-default ui-corner-all\"\n                    (mouseenter)=\"hoveredItem = $event.target\" (mouseleave)=\"hoveredItem = null\" (click)=\"changePage(pageLink - 1, $event)\"\n                    [ngClass]=\"{'ui-state-hover':(plink === hoveredItem), 'ui-state-active': (pageLink-1 == getPage())}\">{{pageLink}}</a>\n            </span>\n            <a href=\"#\" #nextlink class=\"ui-paginator-next ui-paginator-element ui-state-default ui-corner-all\" (mouseenter)=\"hoveredItem = $event.target\" (mouseleave)=\"hoveredItem = null\"\n                    (click)=\"changePageToNext($event)\" [ngClass]=\"{'ui-state-disabled':isLastPage(),'ui-state-hover':(nextlink === hoveredItem  && !isLastPage())}\" [tabindex]=\"isLastPage() ? -1 : null\">\n                <span class=\"fa fa-forward\"></span>\n            </a>\n            <a href=\"#\" #lastlink class=\"ui-paginator-last ui-paginator-element ui-state-default ui-corner-all\" (mouseenter)=\"hoveredItem = $event.target\" (mouseleave)=\"hoveredItem = null\"\n                    (click)=\"changePageToLast($event)\" [ngClass]=\"{'ui-state-disabled':isLastPage(),'ui-state-hover':(lastlink === hoveredItem  && !isLastPage())}\" [tabindex]=\"isLastPage() ? -1 : null\">\n                <span class=\"fa fa-step-forward\"></span>\n            </a>\n            <select class=\"ui-paginator-rpp-options ui-widget ui-state-default\" *ngIf=\"rowsPerPageOptions\" (change)=\"onRppChange($event)\">\n                <option *ngFor=\"let opt of rowsPerPageOptions\" [value]=\"opt\" [selected]=\"rows == opt\">{{opt}}</option>\n            </select>\n        </div>\n    "
+        }), 
+        __metadata('design:paramtypes', [])
+    ], Paginator);
     return Paginator;
 }());
-export var PaginatorModule = (function () {
+exports.Paginator = Paginator;
+var PaginatorModule = (function () {
     function PaginatorModule() {
     }
-    PaginatorModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule],
-                    exports: [Paginator],
-                    declarations: [Paginator]
-                },] },
-    ];
-    /** @nocollapse */
-    PaginatorModule.ctorParameters = [];
+    PaginatorModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule],
+            exports: [Paginator],
+            declarations: [Paginator]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], PaginatorModule);
     return PaginatorModule;
 }());
+exports.PaginatorModule = PaginatorModule;
 //# sourceMappingURL=paginator.js.map

components/panel/panel.js

@@ -1,10 +0,20 @@
-import { NgModule, Component, Input, Output, EventEmitter, trigger, state, transition, style, animate, ElementRef } from '@angular/core';
-import { CommonModule } from '@angular/common';
-export var Panel = (function () {
+"use strict";
+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 Panel = (function () {
     function Panel(el) {
         this.el = el;
         this.collapsed = false;
-        this.collapsedChange = new EventEmitter();
-        this.onBeforeToggle = new EventEmitter();
-        this.onAfterToggle = new EventEmitter();
+        this.collapsedChange = new core_1.EventEmitter();
+        this.onBeforeToggle = new core_1.EventEmitter();
+        this.onAfterToggle = new core_1.EventEmitter();
     }
@@ -39,50 +49,70 @@ Panel.prototype.toggle = function (event) {
     };
-    Panel.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-panel',
-                    template: "\n        <div [ngClass]=\"'ui-panel ui-widget ui-widget-content ui-corner-all'\" [ngStyle]=\"style\" [class]=\"styleClass\">\n            <div class=\"ui-panel-titlebar ui-widget-header ui-helper-clearfix ui-corner-all\">\n                <span class=\"ui-panel-title\" *ngIf=\"header\">{{header}}</span>\n                <ng-content select=\"header\"></ng-content>\n                <a *ngIf=\"toggleable\" class=\"ui-panel-titlebar-icon ui-panel-titlebar-toggler ui-corner-all ui-state-default\" href=\"#\"\n                    [ngClass]=\"{'ui-state-hover':hoverToggler}\" (mouseenter)=\"hoverToggler=true\" (mouseleave)=\"hoverToggler=false\" (click)=\"toggle($event)\">\n                    <span class=\"fa fa-fw\" [ngClass]=\"{'fa-minus': !collapsed,'fa-plus':collapsed}\"></span>\n                </a>\n            </div>\n            <div class=\"ui-panel-content-wrapper\" [@panelContent]=\"collapsed ? 'hidden' : 'visible'\" \n                [ngClass]=\"{'ui-panel-content-wrapper-overflown': collapsed||animating}\">\n                <div class=\"ui-panel-content ui-widget-content\">\n                    <ng-content></ng-content>\n                </div>\n            </div>\n        </div>\n    ",
-                    animations: [
-                        trigger('panelContent', [
-                            state('hidden', style({
-                                height: '0px'
-                            })),
-                            state('visible', style({
-                                height: '*'
-                            })),
-                            transition('visible => hidden', animate('400ms cubic-bezier(0.86, 0, 0.07, 1)')),
-                            transition('hidden => visible', animate('400ms cubic-bezier(0.86, 0, 0.07, 1)'))
-                        ])
-                    ]
-                },] },
-    ];
-    /** @nocollapse */
-    Panel.ctorParameters = [
-        { type: ElementRef, },
-    ];
-    Panel.propDecorators = {
-        'toggleable': [{ type: Input },],
-        'header': [{ type: Input },],
-        'collapsed': [{ type: Input },],
-        'style': [{ type: Input },],
-        'styleClass': [{ type: Input },],
-        'collapsedChange': [{ type: Output },],
-        'onBeforeToggle': [{ type: Output },],
-        'onAfterToggle': [{ type: Output },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Panel.prototype, "toggleable", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Panel.prototype, "header", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Panel.prototype, "collapsed", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], Panel.prototype, "style", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Panel.prototype, "styleClass", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Panel.prototype, "collapsedChange", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Panel.prototype, "onBeforeToggle", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Panel.prototype, "onAfterToggle", void 0);
+    Panel = __decorate([
+        core_1.Component({
+            selector: 'p-panel',
+            template: "\n        <div [ngClass]=\"'ui-panel ui-widget ui-widget-content ui-corner-all'\" [ngStyle]=\"style\" [class]=\"styleClass\">\n            <div class=\"ui-panel-titlebar ui-widget-header ui-helper-clearfix ui-corner-all\">\n                <span class=\"ui-panel-title\" *ngIf=\"header\">{{header}}</span>\n                <ng-content select=\"header\"></ng-content>\n                <a *ngIf=\"toggleable\" class=\"ui-panel-titlebar-icon ui-panel-titlebar-toggler ui-corner-all ui-state-default\" href=\"#\"\n                    [ngClass]=\"{'ui-state-hover':hoverToggler}\" (mouseenter)=\"hoverToggler=true\" (mouseleave)=\"hoverToggler=false\" (click)=\"toggle($event)\">\n                    <span class=\"fa fa-fw\" [ngClass]=\"{'fa-minus': !collapsed,'fa-plus':collapsed}\"></span>\n                </a>\n            </div>\n            <div class=\"ui-panel-content-wrapper\" [@panelContent]=\"collapsed ? 'hidden' : 'visible'\" \n                [ngClass]=\"{'ui-panel-content-wrapper-overflown': collapsed||animating}\">\n                <div class=\"ui-panel-content ui-widget-content\">\n                    <ng-content></ng-content>\n                </div>\n            </div>\n        </div>\n    ",
+            animations: [
+                core_1.trigger('panelContent', [
+                    core_1.state('hidden', core_1.style({
+                        height: '0px'
+                    })),
+                    core_1.state('visible', core_1.style({
+                        height: '*'
+                    })),
+                    core_1.transition('visible => hidden', core_1.animate('400ms cubic-bezier(0.86, 0, 0.07, 1)')),
+                    core_1.transition('hidden => visible', core_1.animate('400ms cubic-bezier(0.86, 0, 0.07, 1)'))
+                ])
+            ]
+        }), 
+        __metadata('design:paramtypes', [core_1.ElementRef])
+    ], Panel);
     return Panel;
 }());
-export var PanelModule = (function () {
+exports.Panel = Panel;
+var PanelModule = (function () {
     function PanelModule() {
     }
-    PanelModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule],
-                    exports: [Panel],
-                    declarations: [Panel]
-                },] },
-    ];
-    /** @nocollapse */
-    PanelModule.ctorParameters = [];
+    PanelModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule],
+            exports: [Panel],
+            declarations: [Panel]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], PanelModule);
     return PanelModule;
 }());
+exports.PanelModule = PanelModule;
 //# sourceMappingURL=panel.js.map

components/panelmenu/panelmenu.js

@@ -0,1 +1,2 @@
+"use strict";
 var __extends = (this && this.__extends) || function (d, b) {
@@ -6,6 +7,15 @@ for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
 };
-import { NgModule, Component, Input, EventEmitter, trigger, state, transition, style, animate } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { Router } from '@angular/router';
-export var BasePanelMenuItem = (function () {
+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 router_1 = require('@angular/router');
+var BasePanelMenuItem = (function () {
     function BasePanelMenuItem(router) {
@@ -26,3 +36,3 @@ this.router = router;
             if (!item.eventEmitter) {
-                item.eventEmitter = new EventEmitter();
+                item.eventEmitter = new core_1.EventEmitter();
                 item.eventEmitter.subscribe(item.command);
@@ -41,3 +51,4 @@ }
 }());
-export var PanelMenuSub = (function (_super) {
+exports.BasePanelMenuItem = BasePanelMenuItem;
+var PanelMenuSub = (function (_super) {
     __extends(PanelMenuSub, _super);
@@ -47,19 +58,21 @@ function PanelMenuSub(router) {
     }
-    PanelMenuSub.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-panelMenuSub',
-                    template: "\n        <ul class=\"ui-menu-list ui-helper-reset\" [style.display]=\"expanded ? 'block' : 'none'\">\n            <li *ngFor=\"let child of item.items\" class=\"ui-menuitem ui-corner-all\" [ngClass]=\"{'ui-menu-parent':child.items}\">\n                <a #link [href]=\"child.url||'#'\" class=\"ui-menuitem-link ui-corner-all\" \n                    [ngClass]=\"{'ui-menuitem-link-hasicon':child.icon&&child.items,'ui-state-hover':(hoveredLink==link&&!child.disabled),'ui-state-disabled':child.disabled}\" \n                    (click)=\"handleClick($event,child)\"\n                    (mouseenter)=\"hoveredLink=link\" (mouseleave)=\"hoveredLink=null\">\n                    <span class=\"ui-panelmenu-icon fa fa-fw\" [ngClass]=\"{'fa-caret-right':!child.expanded,'fa-caret-down':child.expanded}\" *ngIf=\"child.items\"></span>\n                    <span class=\"ui-menuitem-icon fa fa-fw\" [ngClass]=\"child.icon\" *ngIf=\"child.icon\"></span>\n                    <span class=\"ui-menuitem-text\">{{child.label}}</span>\n                </a>\n                <p-panelMenuSub [item]=\"child\" [expanded]=\"child.expanded\" *ngIf=\"child.items\"></p-panelMenuSub>\n            </li>\n        </ul>\n    "
-                },] },
-    ];
-    /** @nocollapse */
-    PanelMenuSub.ctorParameters = [
-        { type: Router, },
-    ];
-    PanelMenuSub.propDecorators = {
-        'item': [{ type: Input },],
-        'expanded': [{ type: Input },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], PanelMenuSub.prototype, "item", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], PanelMenuSub.prototype, "expanded", void 0);
+    PanelMenuSub = __decorate([
+        core_1.Component({
+            selector: 'p-panelMenuSub',
+            template: "\n        <ul class=\"ui-menu-list ui-helper-reset\" [style.display]=\"expanded ? 'block' : 'none'\">\n            <li *ngFor=\"let child of item.items\" class=\"ui-menuitem ui-corner-all\" [ngClass]=\"{'ui-menu-parent':child.items}\">\n                <a #link [href]=\"child.url||'#'\" class=\"ui-menuitem-link ui-corner-all\" \n                    [ngClass]=\"{'ui-menuitem-link-hasicon':child.icon&&child.items,'ui-state-hover':(hoveredLink==link&&!child.disabled),'ui-state-disabled':child.disabled}\" \n                    (click)=\"handleClick($event,child)\"\n                    (mouseenter)=\"hoveredLink=link\" (mouseleave)=\"hoveredLink=null\">\n                    <span class=\"ui-panelmenu-icon fa fa-fw\" [ngClass]=\"{'fa-caret-right':!child.expanded,'fa-caret-down':child.expanded}\" *ngIf=\"child.items\"></span>\n                    <span class=\"ui-menuitem-icon fa fa-fw\" [ngClass]=\"child.icon\" *ngIf=\"child.icon\"></span>\n                    <span class=\"ui-menuitem-text\">{{child.label}}</span>\n                </a>\n                <p-panelMenuSub [item]=\"child\" [expanded]=\"child.expanded\" *ngIf=\"child.items\"></p-panelMenuSub>\n            </li>\n        </ul>\n    "
+        }), 
+        __metadata('design:paramtypes', [router_1.Router])
+    ], PanelMenuSub);
     return PanelMenuSub;
 }(BasePanelMenuItem));
-export var PanelMenu = (function (_super) {
+exports.PanelMenuSub = PanelMenuSub;
+var PanelMenu = (function (_super) {
     __extends(PanelMenu, _super);
@@ -97,45 +110,50 @@ function PanelMenu(router) {
     };
-    PanelMenu.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-panelMenu',
-                    template: "\n        <div [class]=\"styleClass\" [ngStyle]=\"style\" [ngClass]=\"'ui-panelmenu ui-widget'\">\n            <div *ngFor=\"let item of model;let f=first;let l=last;\" class=\"ui-panelmenu-panel\">\n                <div tabindex=\"0\" [ngClass]=\"{'ui-widget ui-panelmenu-header ui-state-default':true,'ui-corner-top':f,'ui-corner-bottom':l&&!item.expanded,\n                    'ui-state-active':item.expanded,'ui-state-hover':(item == hoveredItem && !item.disabled),'ui-state-disabled':item.disabled}\">\n                    <a [href]=\"item.url||'#'\" [ngClass]=\"{'ui-panelmenu-headerlink-hasicon':item.icon}\"\n                        (mouseenter)=\"hoveredItem=item\" (mouseleave)=\"hoveredItem=null\" (click)=\"handleClick($event,item)\">\n                        <span class=\"ui-panelmenu-icon fa fa-fw\" [ngClass]=\"{'fa-caret-right':!item.expanded,'fa-caret-down':item.expanded}\"></span>\n                        <span class=\"ui-menuitem-icon fa fa-fw\" [ngClass]=\"item.icon\" *ngIf=\"item.icon\"></span>\n                        <span>{{item.label}}</span>\n                    </a>\n                </div>\n                <div class=\"ui-panelmenu-content-wrapper\" [@rootItem]=\"item.expanded ? 'visible' : 'hidden'\" \n                    [ngClass]=\"{'ui-panelmenu-content-wrapper-overflown': !item.expanded||animating}\">\n                    <div class=\"ui-panelmenu-content ui-widget-content\">\n                        <p-panelMenuSub [item]=\"item\" [expanded]=\"true\"></p-panelMenuSub>\n                    </div>\n                </div>\n            </div>\n        </div>\n    ",
-                    animations: [
-                        trigger('rootItem', [
-                            state('hidden', style({
-                                height: '0px'
-                            })),
-                            state('visible', style({
-                                height: '*'
-                            })),
-                            transition('visible => hidden', animate('400ms cubic-bezier(0.86, 0, 0.07, 1)')),
-                            transition('hidden => visible', animate('400ms cubic-bezier(0.86, 0, 0.07, 1)'))
-                        ])
-                    ]
-                },] },
-    ];
-    /** @nocollapse */
-    PanelMenu.ctorParameters = [
-        { type: Router, },
-    ];
-    PanelMenu.propDecorators = {
-        'model': [{ type: Input },],
-        'style': [{ type: Input },],
-        'styleClass': [{ type: Input },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Array)
+    ], PanelMenu.prototype, "model", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], PanelMenu.prototype, "style", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], PanelMenu.prototype, "styleClass", void 0);
+    PanelMenu = __decorate([
+        core_1.Component({
+            selector: 'p-panelMenu',
+            template: "\n        <div [class]=\"styleClass\" [ngStyle]=\"style\" [ngClass]=\"'ui-panelmenu ui-widget'\">\n            <div *ngFor=\"let item of model;let f=first;let l=last;\" class=\"ui-panelmenu-panel\">\n                <div tabindex=\"0\" [ngClass]=\"{'ui-widget ui-panelmenu-header ui-state-default':true,'ui-corner-top':f,'ui-corner-bottom':l&&!item.expanded,\n                    'ui-state-active':item.expanded,'ui-state-hover':(item == hoveredItem && !item.disabled),'ui-state-disabled':item.disabled}\">\n                    <a [href]=\"item.url||'#'\" [ngClass]=\"{'ui-panelmenu-headerlink-hasicon':item.icon}\"\n                        (mouseenter)=\"hoveredItem=item\" (mouseleave)=\"hoveredItem=null\" (click)=\"handleClick($event,item)\">\n                        <span class=\"ui-panelmenu-icon fa fa-fw\" [ngClass]=\"{'fa-caret-right':!item.expanded,'fa-caret-down':item.expanded}\"></span>\n                        <span class=\"ui-menuitem-icon fa fa-fw\" [ngClass]=\"item.icon\" *ngIf=\"item.icon\"></span>\n                        <span>{{item.label}}</span>\n                    </a>\n                </div>\n                <div class=\"ui-panelmenu-content-wrapper\" [@rootItem]=\"item.expanded ? 'visible' : 'hidden'\" \n                    [ngClass]=\"{'ui-panelmenu-content-wrapper-overflown': !item.expanded||animating}\">\n                    <div class=\"ui-panelmenu-content ui-widget-content\">\n                        <p-panelMenuSub [item]=\"item\" [expanded]=\"true\"></p-panelMenuSub>\n                    </div>\n                </div>\n            </div>\n        </div>\n    ",
+            animations: [
+                core_1.trigger('rootItem', [
+                    core_1.state('hidden', core_1.style({
+                        height: '0px'
+                    })),
+                    core_1.state('visible', core_1.style({
+                        height: '*'
+                    })),
+                    core_1.transition('visible => hidden', core_1.animate('400ms cubic-bezier(0.86, 0, 0.07, 1)')),
+                    core_1.transition('hidden => visible', core_1.animate('400ms cubic-bezier(0.86, 0, 0.07, 1)'))
+                ])
+            ]
+        }), 
+        __metadata('design:paramtypes', [router_1.Router])
+    ], PanelMenu);
     return PanelMenu;
 }(BasePanelMenuItem));
-export var PanelMenuModule = (function () {
+exports.PanelMenu = PanelMenu;
+var PanelMenuModule = (function () {
     function PanelMenuModule() {
     }
-    PanelMenuModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule],
-                    exports: [PanelMenu],
-                    declarations: [PanelMenu, PanelMenuSub]
-                },] },
-    ];
-    /** @nocollapse */
-    PanelMenuModule.ctorParameters = [];
+    PanelMenuModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule],
+            exports: [PanelMenu],
+            declarations: [PanelMenu, PanelMenuSub]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], PanelMenuModule);
     return PanelMenuModule;
 }());
+exports.PanelMenuModule = PanelMenuModule;
 //# sourceMappingURL=panelmenu.js.map

components/password/password.js

@@ -1,5 +0,15 @@
-import { NgModule, Directive, ElementRef, HostListener, Input } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { DomHandler } from '../dom/domhandler';
-export var Password = (function () {
+"use strict";
+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 domhandler_1 = require('../dom/domhandler');
+var Password = (function () {
     function Password(el, domHandler) {
@@ -97,49 +107,81 @@ this.el = el;
     };
-    Password.decorators = [
-        { type: Directive, args: [{
-                    selector: '[pPassword]',
-                    host: {
-                        '[class.ui-inputtext]': 'true',
-                        '[class.ui-corner-all]': 'true',
-                        '[class.ui-state-default]': 'true',
-                        '[class.ui-widget]': 'true',
-                        '[class.ui-state-hover]': 'hover',
-                        '[class.ui-state-focus]': 'focus',
-                        '[class.ui-state-disabled]': 'isDisabled()'
-                    },
-                    providers: [DomHandler]
-                },] },
-    ];
-    /** @nocollapse */
-    Password.ctorParameters = [
-        { type: ElementRef, },
-        { type: DomHandler, },
-    ];
-    Password.propDecorators = {
-        'promptLabel': [{ type: Input },],
-        'weakLabel': [{ type: Input },],
-        'mediumLabel': [{ type: Input },],
-        'strongLabel': [{ type: Input },],
-        'onMouseover': [{ type: HostListener, args: ['mouseover', ['$event'],] },],
-        'onMouseout': [{ type: HostListener, args: ['mouseout', ['$event'],] },],
-        'onFocus': [{ type: HostListener, args: ['focus', ['$event'],] },],
-        'onBlur': [{ type: HostListener, args: ['blur', ['$event'],] },],
-        'onKeyup': [{ type: HostListener, args: ['keyup', ['$event'],] },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Password.prototype, "promptLabel", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Password.prototype, "weakLabel", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Password.prototype, "mediumLabel", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Password.prototype, "strongLabel", void 0);
+    __decorate([
+        core_1.HostListener('mouseover', ['$event']), 
+        __metadata('design:type', Function), 
+        __metadata('design:paramtypes', [Object]), 
+        __metadata('design:returntype', void 0)
+    ], Password.prototype, "onMouseover", null);
+    __decorate([
+        core_1.HostListener('mouseout', ['$event']), 
+        __metadata('design:type', Function), 
+        __metadata('design:paramtypes', [Object]), 
+        __metadata('design:returntype', void 0)
+    ], Password.prototype, "onMouseout", null);
+    __decorate([
+        core_1.HostListener('focus', ['$event']), 
+        __metadata('design:type', Function), 
+        __metadata('design:paramtypes', [Object]), 
+        __metadata('design:returntype', void 0)
+    ], Password.prototype, "onFocus", null);
+    __decorate([
+        core_1.HostListener('blur', ['$event']), 
+        __metadata('design:type', Function), 
+        __metadata('design:paramtypes', [Object]), 
+        __metadata('design:returntype', void 0)
+    ], Password.prototype, "onBlur", null);
+    __decorate([
+        core_1.HostListener('keyup', ['$event']), 
+        __metadata('design:type', Function), 
+        __metadata('design:paramtypes', [Object]), 
+        __metadata('design:returntype', void 0)
+    ], Password.prototype, "onKeyup", null);
+    Password = __decorate([
+        core_1.Directive({
+            selector: '[pPassword]',
+            host: {
+                '[class.ui-inputtext]': 'true',
+                '[class.ui-corner-all]': 'true',
+                '[class.ui-state-default]': 'true',
+                '[class.ui-widget]': 'true',
+                '[class.ui-state-hover]': 'hover',
+                '[class.ui-state-focus]': 'focus',
+                '[class.ui-state-disabled]': 'isDisabled()'
+            },
+            providers: [domhandler_1.DomHandler]
+        }), 
+        __metadata('design:paramtypes', [core_1.ElementRef, domhandler_1.DomHandler])
+    ], Password);
     return Password;
 }());
-export var PasswordModule = (function () {
+exports.Password = Password;
+var PasswordModule = (function () {
     function PasswordModule() {
     }
-    PasswordModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule],
-                    exports: [Password],
-                    declarations: [Password]
-                },] },
-    ];
-    /** @nocollapse */
-    PasswordModule.ctorParameters = [];
+    PasswordModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule],
+            exports: [Password],
+            declarations: [Password]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], PasswordModule);
     return PasswordModule;
 }());
+exports.PasswordModule = PasswordModule;
 //# sourceMappingURL=password.js.map

components/picklist/picklist.js

@@ -1,7 +0,17 @@
-import { NgModule, Component, ElementRef, Input, Output, ContentChild, TemplateRef, EventEmitter } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { ButtonModule } from '../button/button';
-import { SharedModule } from '../common/shared';
-import { DomHandler } from '../dom/domhandler';
-export var PickList = (function () {
+"use strict";
+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 button_1 = require('../button/button');
+var shared_1 = require('../common/shared');
+var domhandler_1 = require('../dom/domhandler');
+var PickList = (function () {
     function PickList(el, domHandler) {
@@ -12,4 +22,4 @@ this.el = el;
         this.showTargetControls = true;
-        this.onMovetoSource = new EventEmitter();
-        this.onMoveToTarget = new EventEmitter();
+        this.onMovetoSource = new core_1.EventEmitter();
+        this.onMoveToTarget = new core_1.EventEmitter();
     }
@@ -184,46 +194,83 @@ PickList.prototype.ngAfterViewChecked = function () {
     };
-    PickList.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-pickList',
-                    template: "\n        <div [class]=\"styleClass\" [ngStyle]=\"style\" [ngClass]=\"{'ui-picklist ui-widget ui-helper-clearfix': true,'ui-picklist-responsive': responsive}\">\n            <div class=\"ui-picklist-source-controls ui-picklist-buttons\" *ngIf=\"showSourceControls\">\n                <div class=\"ui-picklist-buttons-cell\">\n                    <button type=\"button\" pButton icon=\"fa-angle-up\" (click)=\"moveUp(sourcelist,source)\"></button>\n                    <button type=\"button\" pButton icon=\"fa-angle-double-up\" (click)=\"moveTop(sourcelist,source)\"></button>\n                    <button type=\"button\" pButton icon=\"fa-angle-down\" (click)=\"moveDown(sourcelist,source)\"></button>\n                    <button type=\"button\" pButton icon=\"fa-angle-double-down\" (click)=\"moveBottom(sourcelist,source)\"></button>\n                </div>\n            </div>\n            <div class=\"ui-picklist-listwrapper ui-picklist-source-wrapper\" [ngClass]=\"{'ui-picklist-listwrapper-nocontrols':!showSourceControls}\">\n                <div class=\"ui-picklist-caption ui-widget-header ui-corner-tl ui-corner-tr\" *ngIf=\"sourceHeader\">{{sourceHeader}}</div>\n                <ul #sourcelist class=\"ui-widget-content ui-picklist-list ui-picklist-source ui-corner-bottom\" [ngStyle]=\"sourceStyle\">\n                    <li *ngFor=\"let item of source\" [ngClass]=\"{'ui-picklist-item':true,'ui-state-hover':(hoveredItem==item),'ui-state-highlight':isSelected(item)}\"\n                        (mouseenter)=\"hoveredItem=item\" (mouseleave)=\"hoveredItem=null\" (click)=\"selectItem($event,item)\">\n                        <template [pTemplateWrapper]=\"itemTemplate\" [item]=\"item\"></template>\n                    </li>\n                </ul>\n            </div>\n            <div class=\"ui-picklist-buttons\">\n                <div class=\"ui-picklist-buttons-cell\">\n                    <button type=\"button\" pButton icon=\"fa-angle-right\" (click)=\"moveRight(targetlist)\"></button>\n                    <button type=\"button\" pButton icon=\"fa-angle-double-right\" (click)=\"moveAllRight()\"></button>\n                    <button type=\"button\" pButton icon=\"fa-angle-left\" (click)=\"moveLeft(sourcelist)\"></button>\n                    <button type=\"button\" pButton icon=\"fa-angle-double-left\" (click)=\"moveAllLeft()\"></button>\n                </div>\n            </div>\n            <div class=\"ui-picklist-listwrapper ui-picklist-target-wrapper\" [ngClass]=\"{'ui-picklist-listwrapper-nocontrols':!showSourceControls}\">\n                <div class=\"ui-picklist-caption ui-widget-header ui-corner-tl ui-corner-tr\" *ngIf=\"targetHeader\">{{targetHeader}}</div>\n                <ul #targetlist class=\"ui-widget-content ui-picklist-list ui-picklist-target ui-corner-bottom\" [ngStyle]=\"targetStyle\">\n                    <li *ngFor=\"let item of target\" [ngClass]=\"{'ui-picklist-item':true,'ui-state-hover':(hoveredItem==item),'ui-state-highlight':isSelected(item)}\"\n                        (mouseenter)=\"hoveredItem=item\" (mouseleave)=\"hoveredItem=null\" (click)=\"selectItem($event,item)\">\n                        <template [pTemplateWrapper]=\"itemTemplate\" [item]=\"item\"></template>\n                    </li>\n                </ul>\n            </div>\n            <div class=\"ui-picklist-target-controls ui-picklist-buttons\" *ngIf=\"showTargetControls\">\n                <div class=\"ui-picklist-buttons-cell\">\n                    <button type=\"button\" pButton icon=\"fa-angle-up\" (click)=\"moveUp(targetlist,target)\"></button>\n                    <button type=\"button\" pButton icon=\"fa-angle-double-up\" (click)=\"moveTop(targetlist,target)\"></button>\n                    <button type=\"button\" pButton icon=\"fa-angle-down\" (click)=\"moveDown(targetlist,target)\"></button>\n                    <button type=\"button\" pButton icon=\"fa-angle-double-down\" (click)=\"moveBottom(targetlist,target)\"></button>\n                </div>\n            </div>\n        </div>\n    ",
-                    providers: [DomHandler]
-                },] },
-    ];
-    /** @nocollapse */
-    PickList.ctorParameters = [
-        { type: ElementRef, },
-        { type: DomHandler, },
-    ];
-    PickList.propDecorators = {
-        'source': [{ type: Input },],
-        'target': [{ type: Input },],
-        'sourceHeader': [{ type: Input },],
-        'targetHeader': [{ type: Input },],
-        'responsive': [{ type: Input },],
-        'style': [{ type: Input },],
-        'styleClass': [{ type: Input },],
-        'sourceStyle': [{ type: Input },],
-        'targetStyle': [{ type: Input },],
-        'showSourceControls': [{ type: Input },],
-        'showTargetControls': [{ type: Input },],
-        'onMovetoSource': [{ type: Output },],
-        'onMoveToTarget': [{ type: Output },],
-        'itemTemplate': [{ type: ContentChild, args: [TemplateRef,] },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Array)
+    ], PickList.prototype, "source", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Array)
+    ], PickList.prototype, "target", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], PickList.prototype, "sourceHeader", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], PickList.prototype, "targetHeader", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], PickList.prototype, "responsive", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], PickList.prototype, "style", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], PickList.prototype, "styleClass", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], PickList.prototype, "sourceStyle", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], PickList.prototype, "targetStyle", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], PickList.prototype, "showSourceControls", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], PickList.prototype, "showTargetControls", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], PickList.prototype, "onMovetoSource", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], PickList.prototype, "onMoveToTarget", void 0);
+    __decorate([
+        core_1.ContentChild(core_1.TemplateRef), 
+        __metadata('design:type', core_1.TemplateRef)
+    ], PickList.prototype, "itemTemplate", void 0);
+    PickList = __decorate([
+        core_1.Component({
+            selector: 'p-pickList',
+            template: "\n        <div [class]=\"styleClass\" [ngStyle]=\"style\" [ngClass]=\"{'ui-picklist ui-widget ui-helper-clearfix': true,'ui-picklist-responsive': responsive}\">\n            <div class=\"ui-picklist-source-controls ui-picklist-buttons\" *ngIf=\"showSourceControls\">\n                <div class=\"ui-picklist-buttons-cell\">\n                    <button type=\"button\" pButton icon=\"fa-angle-up\" (click)=\"moveUp(sourcelist,source)\"></button>\n                    <button type=\"button\" pButton icon=\"fa-angle-double-up\" (click)=\"moveTop(sourcelist,source)\"></button>\n                    <button type=\"button\" pButton icon=\"fa-angle-down\" (click)=\"moveDown(sourcelist,source)\"></button>\n                    <button type=\"button\" pButton icon=\"fa-angle-double-down\" (click)=\"moveBottom(sourcelist,source)\"></button>\n                </div>\n            </div>\n            <div class=\"ui-picklist-listwrapper ui-picklist-source-wrapper\" [ngClass]=\"{'ui-picklist-listwrapper-nocontrols':!showSourceControls}\">\n                <div class=\"ui-picklist-caption ui-widget-header ui-corner-tl ui-corner-tr\" *ngIf=\"sourceHeader\">{{sourceHeader}}</div>\n                <ul #sourcelist class=\"ui-widget-content ui-picklist-list ui-picklist-source ui-corner-bottom\" [ngStyle]=\"sourceStyle\">\n                    <li *ngFor=\"let item of source\" [ngClass]=\"{'ui-picklist-item':true,'ui-state-hover':(hoveredItem==item),'ui-state-highlight':isSelected(item)}\"\n                        (mouseenter)=\"hoveredItem=item\" (mouseleave)=\"hoveredItem=null\" (click)=\"selectItem($event,item)\">\n                        <template [pTemplateWrapper]=\"itemTemplate\" [item]=\"item\"></template>\n                    </li>\n                </ul>\n            </div>\n            <div class=\"ui-picklist-buttons\">\n                <div class=\"ui-picklist-buttons-cell\">\n                    <button type=\"button\" pButton icon=\"fa-angle-right\" (click)=\"moveRight(targetlist)\"></button>\n                    <button type=\"button\" pButton icon=\"fa-angle-double-right\" (click)=\"moveAllRight()\"></button>\n                    <button type=\"button\" pButton icon=\"fa-angle-left\" (click)=\"moveLeft(sourcelist)\"></button>\n                    <button type=\"button\" pButton icon=\"fa-angle-double-left\" (click)=\"moveAllLeft()\"></button>\n                </div>\n            </div>\n            <div class=\"ui-picklist-listwrapper ui-picklist-target-wrapper\" [ngClass]=\"{'ui-picklist-listwrapper-nocontrols':!showSourceControls}\">\n                <div class=\"ui-picklist-caption ui-widget-header ui-corner-tl ui-corner-tr\" *ngIf=\"targetHeader\">{{targetHeader}}</div>\n                <ul #targetlist class=\"ui-widget-content ui-picklist-list ui-picklist-target ui-corner-bottom\" [ngStyle]=\"targetStyle\">\n                    <li *ngFor=\"let item of target\" [ngClass]=\"{'ui-picklist-item':true,'ui-state-hover':(hoveredItem==item),'ui-state-highlight':isSelected(item)}\"\n                        (mouseenter)=\"hoveredItem=item\" (mouseleave)=\"hoveredItem=null\" (click)=\"selectItem($event,item)\">\n                        <template [pTemplateWrapper]=\"itemTemplate\" [item]=\"item\"></template>\n                    </li>\n                </ul>\n            </div>\n            <div class=\"ui-picklist-target-controls ui-picklist-buttons\" *ngIf=\"showTargetControls\">\n                <div class=\"ui-picklist-buttons-cell\">\n                    <button type=\"button\" pButton icon=\"fa-angle-up\" (click)=\"moveUp(targetlist,target)\"></button>\n                    <button type=\"button\" pButton icon=\"fa-angle-double-up\" (click)=\"moveTop(targetlist,target)\"></button>\n                    <button type=\"button\" pButton icon=\"fa-angle-down\" (click)=\"moveDown(targetlist,target)\"></button>\n                    <button type=\"button\" pButton icon=\"fa-angle-double-down\" (click)=\"moveBottom(targetlist,target)\"></button>\n                </div>\n            </div>\n        </div>\n    ",
+            providers: [domhandler_1.DomHandler]
+        }), 
+        __metadata('design:paramtypes', [core_1.ElementRef, domhandler_1.DomHandler])
+    ], PickList);
     return PickList;
 }());
-export var PickListModule = (function () {
+exports.PickList = PickList;
+var PickListModule = (function () {
     function PickListModule() {
     }
-    PickListModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule, ButtonModule, SharedModule],
-                    exports: [PickList, SharedModule],
-                    declarations: [PickList]
-                },] },
-    ];
-    /** @nocollapse */
-    PickListModule.ctorParameters = [];
+    PickListModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule, button_1.ButtonModule, shared_1.SharedModule],
+            exports: [PickList, shared_1.SharedModule],
+            declarations: [PickList]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], PickListModule);
     return PickListModule;
 }());
+exports.PickListModule = PickListModule;
 //# sourceMappingURL=picklist.js.map

components/progressbar/progressbar.js

@@ -1,35 +0,49 @@
-import { NgModule, Component, Input } from '@angular/core';
-import { CommonModule } from '@angular/common';
-export var ProgressBar = (function () {
+"use strict";
+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 ProgressBar = (function () {
     function ProgressBar() {
         this.showValue = true;
     }
-    ProgressBar.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-progressBar',
-                    template: "\n        <div class=\"ui-progressbar ui-widget ui-widget-content ui-corner-all\" role=\"progressbar\" aria-valuemin=\"0\" [attr.aria-valuenow]=\"value\" aria-valuemax=\"100\">\n            <div class=\"ui-progressbar-value ui-progressbar-value-animate ui-widget-header ui-corner-all\" [style.width]=\"value + '%'\" style=\"display:block\"></div>\n            <div class=\"ui-progressbar-label\" [style.display]=\"value ? 'block' : 'none'\" *ngIf=\"showValue\">{{value}}%</div>\n        </div>\n    "
-                },] },
-    ];
-    /** @nocollapse */
-    ProgressBar.ctorParameters = [];
-    ProgressBar.propDecorators = {
-        'value': [{ type: Input },],
-        'showValue': [{ type: Input },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], ProgressBar.prototype, "value", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], ProgressBar.prototype, "showValue", void 0);
+    ProgressBar = __decorate([
+        core_1.Component({
+            selector: 'p-progressBar',
+            template: "\n        <div class=\"ui-progressbar ui-widget ui-widget-content ui-corner-all\" role=\"progressbar\" aria-valuemin=\"0\" [attr.aria-valuenow]=\"value\" aria-valuemax=\"100\">\n            <div class=\"ui-progressbar-value ui-progressbar-value-animate ui-widget-header ui-corner-all\" [style.width]=\"value + '%'\" style=\"display:block\"></div>\n            <div class=\"ui-progressbar-label\" [style.display]=\"value ? 'block' : 'none'\" *ngIf=\"showValue\">{{value}}%</div>\n        </div>\n    "
+        }), 
+        __metadata('design:paramtypes', [])
+    ], ProgressBar);
     return ProgressBar;
 }());
-export var ProgressBarModule = (function () {
+exports.ProgressBar = ProgressBar;
+var ProgressBarModule = (function () {
     function ProgressBarModule() {
     }
-    ProgressBarModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule],
-                    exports: [ProgressBar],
-                    declarations: [ProgressBar]
-                },] },
-    ];
-    /** @nocollapse */
-    ProgressBarModule.ctorParameters = [];
+    ProgressBarModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule],
+            exports: [ProgressBar],
+            declarations: [ProgressBar]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], ProgressBarModule);
     return ProgressBarModule;
 }());
+exports.ProgressBarModule = ProgressBarModule;
 //# sourceMappingURL=progressbar.js.map

components/radiobutton/radiobutton.js

@@ -1,12 +0,22 @@
-import { NgModule, Component, Input, Output, EventEmitter, forwardRef } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-export var RADIO_VALUE_ACCESSOR = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(function () { return RadioButton; }),
+"use strict";
+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');
+exports.RADIO_VALUE_ACCESSOR = {
+    provide: forms_1.NG_VALUE_ACCESSOR,
+    useExisting: core_1.forwardRef(function () { return RadioButton; }),
     multi: true
 };
-export var RadioButton = (function () {
+var RadioButton = (function () {
     function RadioButton() {
-        this.onClick = new EventEmitter();
+        this.onClick = new core_1.EventEmitter();
         this.onModelChange = function () { };
@@ -50,34 +60,47 @@ this.onModelTouched = function () { };
     };
-    RadioButton.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-radioButton',
-                    template: "\n        <div class=\"ui-radiobutton ui-widget\">\n            <div class=\"ui-helper-hidden-accessible\">\n                <input type=\"radio\" [attr.name]=\"name\" [attr.value]=\"value\" [checked]=\"checked\" (change)=\"onChange($event)\"\n                    (focus)=\"onFocus($event)\" (blur)=\"onBlur($event)\">\n            </div>\n            <div (click)=\"handleClick()\" (mouseenter)=\"hover=true\" (mouseleave)=\"hover=false\"\n                [ngClass]=\"{'ui-radiobutton-box ui-widget ui-state-default':true,\n                'ui-state-hover':hover&&!disabled,'ui-state-active':checked,'ui-state-disabled':disabled,'ui-state-focus':focused}\">\n                <span class=\"ui-radiobutton-icon\" [ngClass]=\"{'fa fa-fw fa-circle':checked}\"></span>\n            </div>\n        </div>\n        <label class=\"ui-radiobutton-label\" (click)=\"select()\" *ngIf=\"label\">{{label}}</label>\n    ",
-                    providers: [RADIO_VALUE_ACCESSOR]
-                },] },
-    ];
-    /** @nocollapse */
-    RadioButton.ctorParameters = [];
-    RadioButton.propDecorators = {
-        'value': [{ type: Input },],
-        'name': [{ type: Input },],
-        'disabled': [{ type: Input },],
-        'label': [{ type: Input },],
-        'onClick': [{ type: Output },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], RadioButton.prototype, "value", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], RadioButton.prototype, "name", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], RadioButton.prototype, "disabled", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], RadioButton.prototype, "label", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], RadioButton.prototype, "onClick", void 0);
+    RadioButton = __decorate([
+        core_1.Component({
+            selector: 'p-radioButton',
+            template: "\n        <div class=\"ui-radiobutton ui-widget\">\n            <div class=\"ui-helper-hidden-accessible\">\n                <input type=\"radio\" [attr.name]=\"name\" [attr.value]=\"value\" [checked]=\"checked\" (change)=\"onChange($event)\"\n                    (focus)=\"onFocus($event)\" (blur)=\"onBlur($event)\">\n            </div>\n            <div (click)=\"handleClick()\" (mouseenter)=\"hover=true\" (mouseleave)=\"hover=false\"\n                [ngClass]=\"{'ui-radiobutton-box ui-widget ui-state-default':true,\n                'ui-state-hover':hover&&!disabled,'ui-state-active':checked,'ui-state-disabled':disabled,'ui-state-focus':focused}\">\n                <span class=\"ui-radiobutton-icon\" [ngClass]=\"{'fa fa-fw fa-circle':checked}\"></span>\n            </div>\n        </div>\n        <label class=\"ui-radiobutton-label\" (click)=\"select()\" *ngIf=\"label\">{{label}}</label>\n    ",
+            providers: [exports.RADIO_VALUE_ACCESSOR]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], RadioButton);
     return RadioButton;
 }());
-export var RadioButtonModule = (function () {
+exports.RadioButton = RadioButton;
+var RadioButtonModule = (function () {
     function RadioButtonModule() {
     }
-    RadioButtonModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule],
-                    exports: [RadioButton],
-                    declarations: [RadioButton]
-                },] },
-    ];
-    /** @nocollapse */
-    RadioButtonModule.ctorParameters = [];
+    RadioButtonModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule],
+            exports: [RadioButton],
+            declarations: [RadioButton]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], RadioButtonModule);
     return RadioButtonModule;
 }());
+exports.RadioButtonModule = RadioButtonModule;
 //# sourceMappingURL=radiobutton.js.map

components/rating/rating.js

@@ -1,15 +0,25 @@
-import { NgModule, Component, Input, Output, EventEmitter, forwardRef } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-export var RATING_VALUE_ACCESSOR = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(function () { return Rating; }),
+"use strict";
+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');
+exports.RATING_VALUE_ACCESSOR = {
+    provide: forms_1.NG_VALUE_ACCESSOR,
+    useExisting: core_1.forwardRef(function () { return Rating; }),
     multi: true
 };
-export var Rating = (function () {
+var Rating = (function () {
     function Rating() {
         this.stars = 5;
         this.cancel = true;
-        this.onRate = new EventEmitter();
-        this.onCancel = new EventEmitter();
+        this.onRate = new core_1.EventEmitter();
+        this.onCancel = new core_1.EventEmitter();
         this.onModelChange = function () { };
@@ -55,35 +65,51 @@ this.onModelTouched = function () { };
     };
-    Rating.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-rating',
-                    template: "\n        <div class=\"ui-rating\" [ngClass]=\"{'ui-state-disabled': disabled}\">\n            <div class=\"ui-rating-cancel\" *ngIf=\"cancel\" (click)=\"clear($event)\" [ngClass]=\"{'ui-rating-cancel-hover':hoverCancel}\"\n             (mouseenter)=\"hoverCancel=true\" (mouseleave)=\"hoverCancel=false\"><a></a></div>\n            <div class=\"ui-rating-star\" *ngFor=\"let star of starsArray;let i=index\" (click)=\"rate($event,i)\"\n             [ngClass]=\"{'ui-rating-star-on':(i < value)}\"><a></a></div>\n        </div>\n    ",
-                    providers: [RATING_VALUE_ACCESSOR]
-                },] },
-    ];
-    /** @nocollapse */
-    Rating.ctorParameters = [];
-    Rating.propDecorators = {
-        'disabled': [{ type: Input },],
-        'readonly': [{ type: Input },],
-        'stars': [{ type: Input },],
-        'cancel': [{ type: Input },],
-        'onRate': [{ type: Output },],
-        'onCancel': [{ type: Output },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Rating.prototype, "disabled", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Rating.prototype, "readonly", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], Rating.prototype, "stars", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Rating.prototype, "cancel", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Rating.prototype, "onRate", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Rating.prototype, "onCancel", void 0);
+    Rating = __decorate([
+        core_1.Component({
+            selector: 'p-rating',
+            template: "\n        <div class=\"ui-rating\" [ngClass]=\"{'ui-state-disabled': disabled}\">\n            <div class=\"ui-rating-cancel\" *ngIf=\"cancel\" (click)=\"clear($event)\" [ngClass]=\"{'ui-rating-cancel-hover':hoverCancel}\"\n             (mouseenter)=\"hoverCancel=true\" (mouseleave)=\"hoverCancel=false\"><a></a></div>\n            <div class=\"ui-rating-star\" *ngFor=\"let star of starsArray;let i=index\" (click)=\"rate($event,i)\"\n             [ngClass]=\"{'ui-rating-star-on':(i < value)}\"><a></a></div>\n        </div>\n    ",
+            providers: [exports.RATING_VALUE_ACCESSOR]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], Rating);
     return Rating;
 }());
-export var RatingModule = (function () {
+exports.Rating = Rating;
+var RatingModule = (function () {
     function RatingModule() {
     }
-    RatingModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule],
-                    exports: [Rating],
-                    declarations: [Rating]
-                },] },
-    ];
-    /** @nocollapse */
-    RatingModule.ctorParameters = [];
+    RatingModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule],
+            exports: [Rating],
+            declarations: [Rating]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], RatingModule);
     return RatingModule;
 }());
+exports.RatingModule = RatingModule;
 //# sourceMappingURL=rating.js.map

components/schedule/schedule.js

@@ -1,4 +0,14 @@
-import { NgModule, Component, ElementRef, Input, Output, EventEmitter, IterableDiffers } from '@angular/core';
-import { CommonModule } from '@angular/common';
-export var Schedule = (function () {
+"use strict";
+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 Schedule = (function () {
     function Schedule(el, differs) {
@@ -18,13 +28,13 @@ this.el = el;
         this.dragScroll = true;
-        this.onDayClick = new EventEmitter();
-        this.onEventClick = new EventEmitter();
-        this.onEventMouseover = new EventEmitter();
-        this.onEventMouseout = new EventEmitter();
-        this.onEventDragStart = new EventEmitter();
-        this.onEventDragStop = new EventEmitter();
-        this.onEventDrop = new EventEmitter();
-        this.onEventResizeStart = new EventEmitter();
-        this.onEventResizeStop = new EventEmitter();
-        this.onEventResize = new EventEmitter();
-        this.viewRender = new EventEmitter();
+        this.onDayClick = new core_1.EventEmitter();
+        this.onEventClick = new core_1.EventEmitter();
+        this.onEventMouseover = new core_1.EventEmitter();
+        this.onEventMouseout = new core_1.EventEmitter();
+        this.onEventDragStart = new core_1.EventEmitter();
+        this.onEventDragStop = new core_1.EventEmitter();
+        this.onEventDrop = new core_1.EventEmitter();
+        this.onEventResizeStart = new core_1.EventEmitter();
+        this.onEventResizeStop = new core_1.EventEmitter();
+        this.onEventResize = new core_1.EventEmitter();
+        this.viewRender = new core_1.EventEmitter();
         this.differ = differs.find([]).create(null);
@@ -197,78 +207,214 @@ this.initialized = false;
     };
-    Schedule.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-schedule',
-                    template: "\n        <div [ngStyle]=\"style\" [class]=\"styleClass\"></div>\n    "
-                },] },
-    ];
-    /** @nocollapse */
-    Schedule.ctorParameters = [
-        { type: ElementRef, },
-        { type: IterableDiffers, },
-    ];
-    Schedule.propDecorators = {
-        'events': [{ type: Input },],
-        'header': [{ type: Input },],
-        'style': [{ type: Input },],
-        'styleClass': [{ type: Input },],
-        'rtl': [{ type: Input },],
-        'weekends': [{ type: Input },],
-        'hiddenDays': [{ type: Input },],
-        'fixedWeekCount': [{ type: Input },],
-        'weekNumbers': [{ type: Input },],
-        'businessHours': [{ type: Input },],
-        'height': [{ type: Input },],
-        'contentHeight': [{ type: Input },],
-        'aspectRatio': [{ type: Input },],
-        'eventLimit': [{ type: Input },],
-        'defaultDate': [{ type: Input },],
-        'editable': [{ type: Input },],
-        'eventStartEditable': [{ type: Input },],
-        'eventDurationEditable': [{ type: Input },],
-        'defaultView': [{ type: Input },],
-        'allDaySlot': [{ type: Input },],
-        'allDayText': [{ type: Input },],
-        'slotDuration': [{ type: Input },],
-        'slotLabelInterval': [{ type: Input },],
-        'snapDuration': [{ type: Input },],
-        'scrollTime': [{ type: Input },],
-        'minTime': [{ type: Input },],
-        'maxTime': [{ type: Input },],
-        'slotEventOverlap': [{ type: Input },],
-        'nowIndicator': [{ type: Input },],
-        'dragRevertDuration': [{ type: Input },],
-        'dragOpacity': [{ type: Input },],
-        'dragScroll': [{ type: Input },],
-        'eventOverlap': [{ type: Input },],
-        'eventConstraint': [{ type: Input },],
-        'locale': [{ type: Input },],
-        'eventRender': [{ type: Input },],
-        'onDayClick': [{ type: Output },],
-        'onEventClick': [{ type: Output },],
-        'onEventMouseover': [{ type: Output },],
-        'onEventMouseout': [{ type: Output },],
-        'onEventDragStart': [{ type: Output },],
-        'onEventDragStop': [{ type: Output },],
-        'onEventDrop': [{ type: Output },],
-        'onEventResizeStart': [{ type: Output },],
-        'onEventResizeStop': [{ type: Output },],
-        'onEventResize': [{ type: Output },],
-        'viewRender': [{ type: Output },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Array)
+    ], Schedule.prototype, "events", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], Schedule.prototype, "header", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], Schedule.prototype, "style", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Schedule.prototype, "styleClass", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Schedule.prototype, "rtl", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Schedule.prototype, "weekends", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Array)
+    ], Schedule.prototype, "hiddenDays", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Schedule.prototype, "fixedWeekCount", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Schedule.prototype, "weekNumbers", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], Schedule.prototype, "businessHours", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], Schedule.prototype, "height", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], Schedule.prototype, "contentHeight", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], Schedule.prototype, "aspectRatio", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], Schedule.prototype, "eventLimit", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], Schedule.prototype, "defaultDate", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Schedule.prototype, "editable", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Schedule.prototype, "eventStartEditable", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Schedule.prototype, "eventDurationEditable", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Schedule.prototype, "defaultView", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Schedule.prototype, "allDaySlot", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Schedule.prototype, "allDayText", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], Schedule.prototype, "slotDuration", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], Schedule.prototype, "slotLabelInterval", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], Schedule.prototype, "snapDuration", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], Schedule.prototype, "scrollTime", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], Schedule.prototype, "minTime", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], Schedule.prototype, "maxTime", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Schedule.prototype, "slotEventOverlap", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Schedule.prototype, "nowIndicator", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], Schedule.prototype, "dragRevertDuration", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], Schedule.prototype, "dragOpacity", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Schedule.prototype, "dragScroll", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], Schedule.prototype, "eventOverlap", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], Schedule.prototype, "eventConstraint", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], Schedule.prototype, "locale", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Function)
+    ], Schedule.prototype, "eventRender", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Schedule.prototype, "onDayClick", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Schedule.prototype, "onEventClick", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Schedule.prototype, "onEventMouseover", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Schedule.prototype, "onEventMouseout", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Schedule.prototype, "onEventDragStart", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Schedule.prototype, "onEventDragStop", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Schedule.prototype, "onEventDrop", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Schedule.prototype, "onEventResizeStart", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Schedule.prototype, "onEventResizeStop", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Schedule.prototype, "onEventResize", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Schedule.prototype, "viewRender", void 0);
+    Schedule = __decorate([
+        core_1.Component({
+            selector: 'p-schedule',
+            template: "\n        <div [ngStyle]=\"style\" [class]=\"styleClass\"></div>\n    "
+        }), 
+        __metadata('design:paramtypes', [core_1.ElementRef, core_1.IterableDiffers])
+    ], Schedule);
     return Schedule;
 }());
-export var ScheduleModule = (function () {
+exports.Schedule = Schedule;
+var ScheduleModule = (function () {
     function ScheduleModule() {
     }
-    ScheduleModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule],
-                    exports: [Schedule],
-                    declarations: [Schedule]
-                },] },
-    ];
-    /** @nocollapse */
-    ScheduleModule.ctorParameters = [];
+    ScheduleModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule],
+            exports: [Schedule],
+            declarations: [Schedule]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], ScheduleModule);
     return ScheduleModule;
 }());
+exports.ScheduleModule = ScheduleModule;
 //# sourceMappingURL=schedule.js.map

components/selectbutton/selectbutton.js

@@ -1,12 +0,22 @@
-import { NgModule, Component, Input, Output, EventEmitter, forwardRef } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-export var SELECTBUTTON_VALUE_ACCESSOR = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(function () { return SelectButton; }),
+"use strict";
+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');
+exports.SELECTBUTTON_VALUE_ACCESSOR = {
+    provide: forms_1.NG_VALUE_ACCESSOR,
+    useExisting: core_1.forwardRef(function () { return SelectButton; }),
     multi: true
 };
-export var SelectButton = (function () {
+var SelectButton = (function () {
     function SelectButton() {
-        this.onChange = new EventEmitter();
+        this.onChange = new core_1.EventEmitter();
         this.onModelChange = function () { };
@@ -65,36 +75,55 @@ this.onModelTouched = function () { };
     };
-    SelectButton.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-selectButton',
-                    template: "\n        <div [ngClass]=\"'ui-selectbutton ui-buttonset ui-widget ui-corner-all ui-buttonset-' + options.length\" (mouseleave)=\"hoveredItem=null\" [ngStyle]=\"style\" [class]=\"styleClass\">\n            <div *ngFor=\"let option of options;\" class=\"ui-button ui-widget ui-state-default ui-button-text-only\"\n                [ngClass]=\"{'ui-state-hover': (hoveredItem==option)&&!disabled,'ui-state-active':isSelected(option), 'ui-state-disabled':disabled}\"\n                (mouseenter)=\"hoveredItem=option\" (click)=\"onItemClick($event,option)\">\n                <span class=\"ui-button-text ui-c\">{{option.label}}</span>\n            </div>\n        </div>\n    ",
-                    providers: [SELECTBUTTON_VALUE_ACCESSOR]
-                },] },
-    ];
-    /** @nocollapse */
-    SelectButton.ctorParameters = [];
-    SelectButton.propDecorators = {
-        'options': [{ type: Input },],
-        'tabindex': [{ type: Input },],
-        'multiple': [{ type: Input },],
-        'style': [{ type: Input },],
-        'styleClass': [{ type: Input },],
-        'disabled': [{ type: Input },],
-        'onChange': [{ type: Output },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Array)
+    ], SelectButton.prototype, "options", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], SelectButton.prototype, "tabindex", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], SelectButton.prototype, "multiple", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], SelectButton.prototype, "style", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], SelectButton.prototype, "styleClass", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], SelectButton.prototype, "disabled", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], SelectButton.prototype, "onChange", void 0);
+    SelectButton = __decorate([
+        core_1.Component({
+            selector: 'p-selectButton',
+            template: "\n        <div [ngClass]=\"'ui-selectbutton ui-buttonset ui-widget ui-corner-all ui-buttonset-' + options.length\" (mouseleave)=\"hoveredItem=null\" [ngStyle]=\"style\" [class]=\"styleClass\">\n            <div *ngFor=\"let option of options;\" class=\"ui-button ui-widget ui-state-default ui-button-text-only\"\n                [ngClass]=\"{'ui-state-hover': (hoveredItem==option)&&!disabled,'ui-state-active':isSelected(option), 'ui-state-disabled':disabled}\"\n                (mouseenter)=\"hoveredItem=option\" (click)=\"onItemClick($event,option)\">\n                <span class=\"ui-button-text ui-c\">{{option.label}}</span>\n            </div>\n        </div>\n    ",
+            providers: [exports.SELECTBUTTON_VALUE_ACCESSOR]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], SelectButton);
     return SelectButton;
 }());
-export var SelectButtonModule = (function () {
+exports.SelectButton = SelectButton;
+var SelectButtonModule = (function () {
     function SelectButtonModule() {
     }
-    SelectButtonModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule],
-                    exports: [SelectButton],
-                    declarations: [SelectButton]
-                },] },
-    ];
-    /** @nocollapse */
-    SelectButtonModule.ctorParameters = [];
+    SelectButtonModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule],
+            exports: [SelectButton],
+            declarations: [SelectButton]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], SelectButtonModule);
     return SelectButtonModule;
 }());
+exports.SelectButtonModule = SelectButtonModule;
 //# sourceMappingURL=selectbutton.js.map

components/slidemenu/slidemenu.js

@@ -1,6 +0,19 @@
-import { NgModule, Component, ElementRef, Input, Renderer, EventEmitter, Inject, forwardRef } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { DomHandler } from '../dom/domhandler';
-import { Router } from '@angular/router';
-export var SlideMenuSub = (function () {
+"use strict";
+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 domhandler_1 = require('../dom/domhandler');
+var router_1 = require('@angular/router');
+var SlideMenuSub = (function () {
     function SlideMenuSub(slideMenu, router) {
@@ -24,3 +37,3 @@ this.slideMenu = slideMenu;
             if (!item.eventEmitter && item.command) {
-                item.eventEmitter = new EventEmitter();
+                item.eventEmitter = new core_1.EventEmitter();
                 item.eventEmitter.subscribe(item.command);
@@ -44,24 +57,38 @@ }
     };
-    SlideMenuSub.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-slideMenuSub',
-                    template: "\n        <ul [ngClass]=\"{'ui-helper-reset ui-menu-rootlist':root, 'ui-widget-content ui-corner-all ui-helper-clearfix ui-menu-child':!root}\" class=\"ui-menu-list\"\n            [style.width.px]=\"menuWidth\" [style.left.px]=\"root ? slideMenu.left : slideMenu.menuWidth\" \n            [style.transitionProperty]=\"root ? 'left' : 'none'\" [style.transitionDuration]=\"effectDuration\" [style.transitionTimingFunction]=\"easing\">\n            <template ngFor let-child [ngForOf]=\"(root ? item : item.items)\">\n                <li #listitem [ngClass]=\"{'ui-menuitem ui-widget ui-corner-all':true,'ui-menu-parent':child.items,'ui-menuitem-active':listitem==activeItem}\">\n                    <a #link [href]=\"child.url||'#'\" class=\"ui-menuitem-link ui-corner-all\" \n                        [ngClass]=\"{'ui-state-hover':link==hoveredLink&&!child.disabled,'ui-menuitem-link-parent':child.items,'ui-state-disabled':child.disabled}\" \n                        (click)=\"itemClick($event, child, listitem)\" (mouseenter)=\"hoveredLink=link\" (mouseleave)=\"hoveredLink=null\">\n                        <span class=\"ui-submenu-icon fa fa-fw fa-caret-right\" *ngIf=\"child.items\"></span>\n                        <span class=\"ui-menuitem-icon fa fa-fw\" *ngIf=\"child.icon\" [ngClass]=\"child.icon\"></span>\n                        <span class=\"ui-menuitem-text\">{{child.label}}</span>\n                    </a>\n                    <p-slideMenuSub class=\"ui-submenu\" [item]=\"child\" [menuWidth]=\"menuWidth\" *ngIf=\"child.items\"></p-slideMenuSub>\n                </li>\n            </template>\n        </ul>\n    "
-                },] },
-    ];
-    /** @nocollapse */
-    SlideMenuSub.ctorParameters = [
-        { type: SlideMenu, decorators: [{ type: Inject, args: [forwardRef(function () { return SlideMenu; }),] },] },
-        { type: Router, },
-    ];
-    SlideMenuSub.propDecorators = {
-        'item': [{ type: Input },],
-        'root': [{ type: Input },],
-        'backLabel': [{ type: Input },],
-        'menuWidth': [{ type: Input },],
-        'effectDuration': [{ type: Input },],
-        'easing': [{ type: Input },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], SlideMenuSub.prototype, "item", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], SlideMenuSub.prototype, "root", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], SlideMenuSub.prototype, "backLabel", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], SlideMenuSub.prototype, "menuWidth", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], SlideMenuSub.prototype, "effectDuration", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], SlideMenuSub.prototype, "easing", void 0);
+    SlideMenuSub = __decorate([
+        core_1.Component({
+            selector: 'p-slideMenuSub',
+            template: "\n        <ul [ngClass]=\"{'ui-helper-reset ui-menu-rootlist':root, 'ui-widget-content ui-corner-all ui-helper-clearfix ui-menu-child':!root}\" class=\"ui-menu-list\"\n            [style.width.px]=\"menuWidth\" [style.left.px]=\"root ? slideMenu.left : slideMenu.menuWidth\" \n            [style.transitionProperty]=\"root ? 'left' : 'none'\" [style.transitionDuration]=\"effectDuration\" [style.transitionTimingFunction]=\"easing\">\n            <template ngFor let-child [ngForOf]=\"(root ? item : item.items)\">\n                <li #listitem [ngClass]=\"{'ui-menuitem ui-widget ui-corner-all':true,'ui-menu-parent':child.items,'ui-menuitem-active':listitem==activeItem}\">\n                    <a #link [href]=\"child.url||'#'\" class=\"ui-menuitem-link ui-corner-all\" \n                        [ngClass]=\"{'ui-state-hover':link==hoveredLink&&!child.disabled,'ui-menuitem-link-parent':child.items,'ui-state-disabled':child.disabled}\" \n                        (click)=\"itemClick($event, child, listitem)\" (mouseenter)=\"hoveredLink=link\" (mouseleave)=\"hoveredLink=null\">\n                        <span class=\"ui-submenu-icon fa fa-fw fa-caret-right\" *ngIf=\"child.items\"></span>\n                        <span class=\"ui-menuitem-icon fa fa-fw\" *ngIf=\"child.icon\" [ngClass]=\"child.icon\"></span>\n                        <span class=\"ui-menuitem-text\">{{child.label}}</span>\n                    </a>\n                    <p-slideMenuSub class=\"ui-submenu\" [item]=\"child\" [menuWidth]=\"menuWidth\" *ngIf=\"child.items\"></p-slideMenuSub>\n                </li>\n            </template>\n        </ul>\n    "
+        }),
+        __param(0, core_1.Inject(core_1.forwardRef(function () { return SlideMenu; }))), 
+        __metadata('design:paramtypes', [SlideMenu, router_1.Router])
+    ], SlideMenuSub);
     return SlideMenuSub;
 }());
-export var SlideMenu = (function () {
+exports.SlideMenuSub = SlideMenuSub;
+var SlideMenu = (function () {
     function SlideMenu(el, domHandler, renderer) {
@@ -133,42 +160,63 @@ this.el = el;
     };
-    SlideMenu.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-slideMenu',
-                    template: "\n        <div [ngClass]=\"{'ui-menu ui-slidemenu ui-widget ui-widget-content ui-corner-all':true,'ui-menu-dynamic ui-shadow':popup}\" \n            [class]=\"styleClass\" [ngStyle]=\"style\" (click)=\"onClick($event)\">\n            <div class=\"ui-slidemenu-wrapper\" [style.height.px]=\"viewportHeight\">\n                <div class=\"ui-slidemenu-content\" [style.height.px]=\"viewportHeight - 30\">\n                    <p-slideMenuSub [item]=\"model\" root=\"root\" [menuWidth]=\"menuWidth\" [effectDuration]=\"effectDuration\" [easing]=\"easing\"></p-slideMenuSub>\n                </div>\n                <div class=\"ui-slidemenu-backward ui-widget-header ui-corner-all\" [style.display]=\"left ? 'block' : 'none'\" (click)=\"goBack()\">\n                    <span class=\"fa fa-fw fa-caret-left\"></span>{{backLabel}}\n                </div>\n            </div>\n        </div>\n    ",
-                    providers: [DomHandler]
-                },] },
-    ];
-    /** @nocollapse */
-    SlideMenu.ctorParameters = [
-        { type: ElementRef, },
-        { type: DomHandler, },
-        { type: Renderer, },
-    ];
-    SlideMenu.propDecorators = {
-        'model': [{ type: Input },],
-        'popup': [{ type: Input },],
-        'style': [{ type: Input },],
-        'styleClass': [{ type: Input },],
-        'menuWidth': [{ type: Input },],
-        'viewportHeight': [{ type: Input },],
-        'effectDuration': [{ type: Input },],
-        'easing': [{ type: Input },],
-        'backLabel': [{ type: Input },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Array)
+    ], SlideMenu.prototype, "model", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], SlideMenu.prototype, "popup", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], SlideMenu.prototype, "style", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], SlideMenu.prototype, "styleClass", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], SlideMenu.prototype, "menuWidth", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], SlideMenu.prototype, "viewportHeight", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], SlideMenu.prototype, "effectDuration", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], SlideMenu.prototype, "easing", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], SlideMenu.prototype, "backLabel", void 0);
+    SlideMenu = __decorate([
+        core_1.Component({
+            selector: 'p-slideMenu',
+            template: "\n        <div [ngClass]=\"{'ui-menu ui-slidemenu ui-widget ui-widget-content ui-corner-all':true,'ui-menu-dynamic ui-shadow':popup}\" \n            [class]=\"styleClass\" [ngStyle]=\"style\" (click)=\"onClick($event)\">\n            <div class=\"ui-slidemenu-wrapper\" [style.height.px]=\"viewportHeight\">\n                <div class=\"ui-slidemenu-content\" [style.height.px]=\"viewportHeight - 30\">\n                    <p-slideMenuSub [item]=\"model\" root=\"root\" [menuWidth]=\"menuWidth\" [effectDuration]=\"effectDuration\" [easing]=\"easing\"></p-slideMenuSub>\n                </div>\n                <div class=\"ui-slidemenu-backward ui-widget-header ui-corner-all\" [style.display]=\"left ? 'block' : 'none'\" (click)=\"goBack()\">\n                    <span class=\"fa fa-fw fa-caret-left\"></span>{{backLabel}}\n                </div>\n            </div>\n        </div>\n    ",
+            providers: [domhandler_1.DomHandler]
+        }), 
+        __metadata('design:paramtypes', [core_1.ElementRef, domhandler_1.DomHandler, core_1.Renderer])
+    ], SlideMenu);
     return SlideMenu;
 }());
-export var SlideMenuModule = (function () {
+exports.SlideMenu = SlideMenu;
+var SlideMenuModule = (function () {
     function SlideMenuModule() {
     }
-    SlideMenuModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule],
-                    exports: [SlideMenu],
-                    declarations: [SlideMenu, SlideMenuSub]
-                },] },
-    ];
-    /** @nocollapse */
-    SlideMenuModule.ctorParameters = [];
+    SlideMenuModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule],
+            exports: [SlideMenu],
+            declarations: [SlideMenu, SlideMenuSub]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], SlideMenuModule);
     return SlideMenuModule;
 }());
+exports.SlideMenuModule = SlideMenuModule;
 //# sourceMappingURL=slidemenu.js.map

components/slider/slider.js

@@ -1,11 +0,21 @@
-import { NgModule, Component, ElementRef, Input, Output, EventEmitter, forwardRef, Renderer } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { DomHandler } from '../dom/domhandler';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-export var SLIDER_VALUE_ACCESSOR = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(function () { return Slider; }),
+"use strict";
+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 domhandler_1 = require('../dom/domhandler');
+var forms_1 = require('@angular/forms');
+exports.SLIDER_VALUE_ACCESSOR = {
+    provide: forms_1.NG_VALUE_ACCESSOR,
+    useExisting: core_1.forwardRef(function () { return Slider; }),
     multi: true
 };
-export var Slider = (function () {
+var Slider = (function () {
     function Slider(el, domHandler, renderer) {
@@ -18,4 +28,4 @@ this.el = el;
         this.orientation = 'horizontal';
-        this.onChange = new EventEmitter();
-        this.onSlideEnd = new EventEmitter();
+        this.onChange = new core_1.EventEmitter();
+        this.onSlideEnd = new core_1.EventEmitter();
         this.handleValues = [];
@@ -191,44 +201,71 @@ this.onModelChange = function () { };
     };
-    Slider.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-slider',
-                    template: "\n        <div [ngStyle]=\"style\" [class]=\"styleClass\" [ngClass]=\"{'ui-slider ui-widget ui-widget-content ui-corner-all':true,'ui-state-disabled':disabled,\n            'ui-slider-horizontal':orientation == 'horizontal','ui-slider-vertical':orientation == 'vertical','ui-slider-animate':animate}\"\n            (click)=\"onBarClick($event)\">\n            <span *ngIf=\"!range\" class=\"ui-slider-handle ui-state-default ui-corner-all\" (mousedown)=\"onMouseDown($event)\" [style.transition]=\"dragging ? 'none': null\"\n                [ngStyle]=\"{'left': orientation == 'horizontal' ? handleValue + '%' : null,'bottom': orientation == 'vertical' ? handleValue + '%' : null}\"></span>\n            <span *ngIf=\"range\" class=\"ui-slider-range ui-widget-header ui-corner-all\" [ngStyle]=\"{'left':handleValues[0] + '%',width: (handleValues[1] - handleValues[0] + '%')}\"></span>\n            <span *ngIf=\"orientation=='vertical'\" class=\"ui-slider-range ui-slider-range-min ui-widget-header ui-corner-all\" [ngStyle]=\"{'height': handleValue + '%'}\"></span>\n            <span *ngIf=\"range\" (mousedown)=\"onMouseDown($event,0)\" [style.transition]=\"dragging ? 'none': null\" class=\"ui-slider-handle ui-state-default ui-corner-all\" [ngStyle]=\"{'left':handleValues[0] + '%'}\"></span>\n            <span *ngIf=\"range\" (mousedown)=\"onMouseDown($event,1)\" [style.transition]=\"dragging ? 'none': null\" class=\"ui-slider-handle ui-state-default ui-corner-all\" [ngStyle]=\"{'left':handleValues[1] + '%'}\"></span>\n        </div>\n    ",
-                    providers: [SLIDER_VALUE_ACCESSOR, DomHandler]
-                },] },
-    ];
-    /** @nocollapse */
-    Slider.ctorParameters = [
-        { type: ElementRef, },
-        { type: DomHandler, },
-        { type: Renderer, },
-    ];
-    Slider.propDecorators = {
-        'animate': [{ type: Input },],
-        'disabled': [{ type: Input },],
-        'min': [{ type: Input },],
-        'max': [{ type: Input },],
-        'orientation': [{ type: Input },],
-        'step': [{ type: Input },],
-        'range': [{ type: Input },],
-        'style': [{ type: Input },],
-        'styleClass': [{ type: Input },],
-        'onChange': [{ type: Output },],
-        'onSlideEnd': [{ type: Output },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Slider.prototype, "animate", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Slider.prototype, "disabled", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], Slider.prototype, "min", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], Slider.prototype, "max", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Slider.prototype, "orientation", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], Slider.prototype, "step", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Slider.prototype, "range", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], Slider.prototype, "style", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Slider.prototype, "styleClass", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Slider.prototype, "onChange", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Slider.prototype, "onSlideEnd", void 0);
+    Slider = __decorate([
+        core_1.Component({
+            selector: 'p-slider',
+            template: "\n        <div [ngStyle]=\"style\" [class]=\"styleClass\" [ngClass]=\"{'ui-slider ui-widget ui-widget-content ui-corner-all':true,'ui-state-disabled':disabled,\n            'ui-slider-horizontal':orientation == 'horizontal','ui-slider-vertical':orientation == 'vertical','ui-slider-animate':animate}\"\n            (click)=\"onBarClick($event)\">\n            <span *ngIf=\"!range\" class=\"ui-slider-handle ui-state-default ui-corner-all\" (mousedown)=\"onMouseDown($event)\" [style.transition]=\"dragging ? 'none': null\"\n                [ngStyle]=\"{'left': orientation == 'horizontal' ? handleValue + '%' : null,'bottom': orientation == 'vertical' ? handleValue + '%' : null}\"></span>\n            <span *ngIf=\"range\" class=\"ui-slider-range ui-widget-header ui-corner-all\" [ngStyle]=\"{'left':handleValues[0] + '%',width: (handleValues[1] - handleValues[0] + '%')}\"></span>\n            <span *ngIf=\"orientation=='vertical'\" class=\"ui-slider-range ui-slider-range-min ui-widget-header ui-corner-all\" [ngStyle]=\"{'height': handleValue + '%'}\"></span>\n            <span *ngIf=\"range\" (mousedown)=\"onMouseDown($event,0)\" [style.transition]=\"dragging ? 'none': null\" class=\"ui-slider-handle ui-state-default ui-corner-all\" [ngStyle]=\"{'left':handleValues[0] + '%'}\"></span>\n            <span *ngIf=\"range\" (mousedown)=\"onMouseDown($event,1)\" [style.transition]=\"dragging ? 'none': null\" class=\"ui-slider-handle ui-state-default ui-corner-all\" [ngStyle]=\"{'left':handleValues[1] + '%'}\"></span>\n        </div>\n    ",
+            providers: [exports.SLIDER_VALUE_ACCESSOR, domhandler_1.DomHandler]
+        }), 
+        __metadata('design:paramtypes', [core_1.ElementRef, domhandler_1.DomHandler, core_1.Renderer])
+    ], Slider);
     return Slider;
 }());
-export var SliderModule = (function () {
+exports.Slider = Slider;
+var SliderModule = (function () {
     function SliderModule() {
     }
-    SliderModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule],
-                    exports: [Slider],
-                    declarations: [Slider]
-                },] },
-    ];
-    /** @nocollapse */
-    SliderModule.ctorParameters = [];
+    SliderModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule],
+            exports: [Slider],
+            declarations: [Slider]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], SliderModule);
     return SliderModule;
 }());
+exports.SliderModule = SliderModule;
 //# sourceMappingURL=slider.js.map

components/spinner/spinner.js

@@ -1,16 +0,26 @@
-import { NgModule, Component, ElementRef, Input, Output, EventEmitter, forwardRef } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { InputTextModule } from '../inputtext/inputtext';
-import { DomHandler } from '../dom/domhandler';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-export var SPINNER_VALUE_ACCESSOR = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(function () { return Spinner; }),
+"use strict";
+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 inputtext_1 = require('../inputtext/inputtext');
+var domhandler_1 = require('../dom/domhandler');
+var forms_1 = require('@angular/forms');
+exports.SPINNER_VALUE_ACCESSOR = {
+    provide: forms_1.NG_VALUE_ACCESSOR,
+    useExisting: core_1.forwardRef(function () { return Spinner; }),
     multi: true
 };
-export var Spinner = (function () {
+var Spinner = (function () {
     function Spinner(el, domHandler) {
         this.el = el;
         this.domHandler = domHandler;
-        this.onChange = new EventEmitter();
+        this.onChange = new core_1.EventEmitter();
         this.step = 1;
@@ -181,40 +191,59 @@ this.onModelChange = function () { };
     };
-    Spinner.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-spinner',
-                    template: "\n        <span class=\"ui-spinner ui-widget ui-corner-all\">\n            <input #in pInputText type=\"text\" class=\"ui-spinner-input\"\n            [size]=\"size\" [maxLength]=\"maxlength\" [disabled]=\"disabled\" [readonly]=\"readonly\"\n            (keydown)=\"onInputKeydown($event,in)\" (input)=\"onInput($event,in)\" (blur)=\"onBlur(in)\" (change)=\"handleChange($event)\">\n            <a class=\"ui-spinner-button ui-spinner-up ui-corner-tr ui-button ui-widget ui-state-default ui-button-text-only\"\n                [ngClass]=\"{'ui-state-hover':hoverUp,'ui-state-active':activeUp,'ui-state-disabled':disabled}\"\n                (mouseenter)=\"onUpButtonMouseenter($event)\" (mouseleave)=\"onUpButtonMouseleave($event)\" (mousedown)=\"onUpButtonMousedown($event,in)\" (mouseup)=\"onUpButtonMouseup($event)\">\n                <span class=\"ui-button-text\">\n                    <span class=\"fa fa-fw fa-caret-up\"></span>\n                </span>\n            </a>\n            <a class=\"ui-spinner-button ui-spinner-down ui-corner-br ui-button ui-widget ui-state-default ui-button-text-only\"\n                [ngClass]=\"{'ui-state-hover':hoverDown,'ui-state-active':activeDown,'ui-state-disabled':disabled}\"\n                (mouseenter)=\"onDownButtonMouseenter($event)\" (mouseleave)=\"onDownButtonMouseleave($event)\" (mousedown)=\"onDownButtonMousedown($event,in)\" (mouseup)=\"onDownButtonMouseup($event)\">\n                <span class=\"ui-button-text\">\n                    <span class=\"fa fa-fw fa-caret-down\"></span>\n                </span>\n            </a>\n        </span>\n    ",
-                    providers: [DomHandler, SPINNER_VALUE_ACCESSOR]
-                },] },
-    ];
-    /** @nocollapse */
-    Spinner.ctorParameters = [
-        { type: ElementRef, },
-        { type: DomHandler, },
-    ];
-    Spinner.propDecorators = {
-        'onChange': [{ type: Output },],
-        'step': [{ type: Input },],
-        'min': [{ type: Input },],
-        'max': [{ type: Input },],
-        'maxlength': [{ type: Input },],
-        'size': [{ type: Input },],
-        'disabled': [{ type: Input },],
-        'readonly': [{ type: Input },],
-    };
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Spinner.prototype, "onChange", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], Spinner.prototype, "step", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], Spinner.prototype, "min", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], Spinner.prototype, "max", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], Spinner.prototype, "maxlength", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], Spinner.prototype, "size", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Spinner.prototype, "disabled", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Spinner.prototype, "readonly", void 0);
+    Spinner = __decorate([
+        core_1.Component({
+            selector: 'p-spinner',
+            template: "\n        <span class=\"ui-spinner ui-widget ui-corner-all\">\n            <input #in pInputText type=\"text\" class=\"ui-spinner-input\"\n            [size]=\"size\" [maxLength]=\"maxlength\" [disabled]=\"disabled\" [readonly]=\"readonly\"\n            (keydown)=\"onInputKeydown($event,in)\" (input)=\"onInput($event,in)\" (blur)=\"onBlur(in)\" (change)=\"handleChange($event)\">\n            <a class=\"ui-spinner-button ui-spinner-up ui-corner-tr ui-button ui-widget ui-state-default ui-button-text-only\"\n                [ngClass]=\"{'ui-state-hover':hoverUp,'ui-state-active':activeUp,'ui-state-disabled':disabled}\"\n                (mouseenter)=\"onUpButtonMouseenter($event)\" (mouseleave)=\"onUpButtonMouseleave($event)\" (mousedown)=\"onUpButtonMousedown($event,in)\" (mouseup)=\"onUpButtonMouseup($event)\">\n                <span class=\"ui-button-text\">\n                    <span class=\"fa fa-fw fa-caret-up\"></span>\n                </span>\n            </a>\n            <a class=\"ui-spinner-button ui-spinner-down ui-corner-br ui-button ui-widget ui-state-default ui-button-text-only\"\n                [ngClass]=\"{'ui-state-hover':hoverDown,'ui-state-active':activeDown,'ui-state-disabled':disabled}\"\n                (mouseenter)=\"onDownButtonMouseenter($event)\" (mouseleave)=\"onDownButtonMouseleave($event)\" (mousedown)=\"onDownButtonMousedown($event,in)\" (mouseup)=\"onDownButtonMouseup($event)\">\n                <span class=\"ui-button-text\">\n                    <span class=\"fa fa-fw fa-caret-down\"></span>\n                </span>\n            </a>\n        </span>\n    ",
+            providers: [domhandler_1.DomHandler, exports.SPINNER_VALUE_ACCESSOR]
+        }), 
+        __metadata('design:paramtypes', [core_1.ElementRef, domhandler_1.DomHandler])
+    ], Spinner);
     return Spinner;
 }());
-export var SpinnerModule = (function () {
+exports.Spinner = Spinner;
+var SpinnerModule = (function () {
     function SpinnerModule() {
     }
-    SpinnerModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule, InputTextModule],
-                    exports: [Spinner],
-                    declarations: [Spinner]
-                },] },
-    ];
-    /** @nocollapse */
-    SpinnerModule.ctorParameters = [];
+    SpinnerModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule, inputtext_1.InputTextModule],
+            exports: [Spinner],
+            declarations: [Spinner]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], SpinnerModule);
     return SpinnerModule;
 }());
+exports.SpinnerModule = SpinnerModule;
 //# sourceMappingURL=spinner.js.map

components/splitbutton/splitbutton.js

@@ -1,6 +0,16 @@
-import { NgModule, Component, ElementRef, Input, Output, EventEmitter, Renderer } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { DomHandler } from '../dom/domhandler';
-import { Router } from '@angular/router';
-export var SplitButton = (function () {
+"use strict";
+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 domhandler_1 = require('../dom/domhandler');
+var router_1 = require('@angular/router');
+var SplitButton = (function () {
     function SplitButton(el, domHandler, renderer, router) {
@@ -12,3 +22,3 @@ this.el = el;
         this.iconPos = 'left';
-        this.onClick = new EventEmitter();
+        this.onClick = new core_1.EventEmitter();
         this.menuVisible = false;
@@ -35,3 +45,3 @@ }
             if (!item.eventEmitter) {
-                item.eventEmitter = new EventEmitter();
+                item.eventEmitter = new core_1.EventEmitter();
                 item.eventEmitter.subscribe(item.command);
@@ -55,44 +65,67 @@ }
     };
-    SplitButton.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-splitButton',
-                    template: "\n        <div #container [ngClass]=\"{'ui-splitbutton ui-buttonset ui-widget':true,'ui-state-disabled':disabled}\" [ngStyle]=\"style\" [class]=\"styleClass\">\n            <button #defaultbtn type=\"button\" class=\"ui-button ui-widget ui-state-default ui-corner-left\"\n                [ngClass]=\"{'ui-button-text-only':(!icon&&label),'ui-button-icon-only':(icon&&!label),\n                'ui-button-text-icon-left':(icon&&label&&iconPos=='left'),'ui-button-text-icon-right':(icon&&label&&iconPos=='right'),\n                'ui-state-hover':hoverDefaultBtn&&!disabled,'ui-state-focus':focusDefaultBtn&&!disabled,'ui-state-active':activeDefaultBtn&&!disabled}\"\n                (mouseenter)=\"hoverDefaultBtn=true\" (mouseleave)=\"hoverDefaultBtn=false\" (focus)=\"focusDefaultBtn=true\" (blur)=\"focusDefaultBtn=false\"\n                (mousedown)=\"activeDefaultBtn=true\" (mouseup)=\"activeDefaultBtn=false\" (click)=\"onDefaultButtonClick($event)\"\n                [disabled]=\"disabled\">\n                <span [ngClass]=\"'ui-button-icon-left ui-c fa fa-fw'\" [class]=\"icon\"></span>\n                <span class=\"ui-button-text ui-c\">{{label}}</span>\n            </button>\n            <button class=\"ui-splitbutton-menubutton ui-button ui-widget ui-state-default ui-button-icon-only ui-corner-right\" type=\"button\"\n                [ngClass]=\"{'ui-state-hover':hoverDropdown&&!disabled,'ui-state-focus':focusDropdown&&!disabled,'ui-state-active':activeDropdown&&!disabled}\"\n                (mouseenter)=\"hoverDropdown=true\" (mouseleave)=\"hoverDropdown=false\" (focus)=\"focusDropdown=true\" (blur)=\"focusDropdown=false\"\n                (mousedown)=\"activeDropdown=true\" (mouseup)=\"activeDropdown=false\" (click)=\"onDropdownClick($event,menu,container)\"\n                [disabled]=\"disabled\">\n                <span class=\"ui-button-icon-left ui-c fa fa-fw fa-caret-down\"></span>\n                <span class=\"ui-button-text ui-c\">ui-button</span>\n            </button>\n            <div #menu [ngClass]=\"'ui-menu ui-menu-dynamic ui-widget ui-widget-content ui-corner-all ui-helper-clearfix ui-shadow'\" [style.display]=\"menuVisible ? 'block' : 'none'\"\n                    [ngStyle]=\"menuStyle\" [class]=\"menuStyleClass\">\n                <ul class=\"ui-menu-list ui-helper-reset\">\n                    <li class=\"ui-menuitem ui-widget ui-corner-all\" role=\"menuitem\" *ngFor=\"let item of model\"\n                        (mouseenter)=\"hoveredItem=item\" (mouseleave)=\"hoveredItem=null\">\n                        <a [href]=\"item.url||'#'\" \n                        [ngClass]=\"{'ui-menuitem-link ui-corner-all':true,'ui-state-hover':(hoveredItem==item&&!item.disabled),'ui-state-disabled':item.disabled}\" \n                        (click)=\"itemClick($event,item)\">\n                            <span [ngClass]=\"'ui-menuitem-icon fa fa-fw'\" [class]=\"item.icon\" *ngIf=\"item.icon\"></span>\n                            <span class=\"ui-menuitem-text\">{{item.label}}</span>\n                        </a>\n                    </li>\n                </ul>\n            </div>\n        </div>\n    ",
-                    providers: [DomHandler]
-                },] },
-    ];
-    /** @nocollapse */
-    SplitButton.ctorParameters = [
-        { type: ElementRef, },
-        { type: DomHandler, },
-        { type: Renderer, },
-        { type: Router, },
-    ];
-    SplitButton.propDecorators = {
-        'model': [{ type: Input },],
-        'icon': [{ type: Input },],
-        'iconPos': [{ type: Input },],
-        'label': [{ type: Input },],
-        'onClick': [{ type: Output },],
-        'style': [{ type: Input },],
-        'styleClass': [{ type: Input },],
-        'menuStyle': [{ type: Input },],
-        'menuStyleClass': [{ type: Input },],
-        'disabled': [{ type: Input },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Array)
+    ], SplitButton.prototype, "model", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], SplitButton.prototype, "icon", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], SplitButton.prototype, "iconPos", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], SplitButton.prototype, "label", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], SplitButton.prototype, "onClick", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], SplitButton.prototype, "style", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], SplitButton.prototype, "styleClass", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], SplitButton.prototype, "menuStyle", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], SplitButton.prototype, "menuStyleClass", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], SplitButton.prototype, "disabled", void 0);
+    SplitButton = __decorate([
+        core_1.Component({
+            selector: 'p-splitButton',
+            template: "\n        <div #container [ngClass]=\"{'ui-splitbutton ui-buttonset ui-widget':true,'ui-state-disabled':disabled}\" [ngStyle]=\"style\" [class]=\"styleClass\">\n            <button #defaultbtn type=\"button\" class=\"ui-button ui-widget ui-state-default ui-corner-left\"\n                [ngClass]=\"{'ui-button-text-only':(!icon&&label),'ui-button-icon-only':(icon&&!label),\n                'ui-button-text-icon-left':(icon&&label&&iconPos=='left'),'ui-button-text-icon-right':(icon&&label&&iconPos=='right'),\n                'ui-state-hover':hoverDefaultBtn&&!disabled,'ui-state-focus':focusDefaultBtn&&!disabled,'ui-state-active':activeDefaultBtn&&!disabled}\"\n                (mouseenter)=\"hoverDefaultBtn=true\" (mouseleave)=\"hoverDefaultBtn=false\" (focus)=\"focusDefaultBtn=true\" (blur)=\"focusDefaultBtn=false\"\n                (mousedown)=\"activeDefaultBtn=true\" (mouseup)=\"activeDefaultBtn=false\" (click)=\"onDefaultButtonClick($event)\"\n                [disabled]=\"disabled\">\n                <span [ngClass]=\"'ui-button-icon-left ui-c fa fa-fw'\" [class]=\"icon\"></span>\n                <span class=\"ui-button-text ui-c\">{{label}}</span>\n            </button>\n            <button class=\"ui-splitbutton-menubutton ui-button ui-widget ui-state-default ui-button-icon-only ui-corner-right\" type=\"button\"\n                [ngClass]=\"{'ui-state-hover':hoverDropdown&&!disabled,'ui-state-focus':focusDropdown&&!disabled,'ui-state-active':activeDropdown&&!disabled}\"\n                (mouseenter)=\"hoverDropdown=true\" (mouseleave)=\"hoverDropdown=false\" (focus)=\"focusDropdown=true\" (blur)=\"focusDropdown=false\"\n                (mousedown)=\"activeDropdown=true\" (mouseup)=\"activeDropdown=false\" (click)=\"onDropdownClick($event,menu,container)\"\n                [disabled]=\"disabled\">\n                <span class=\"ui-button-icon-left ui-c fa fa-fw fa-caret-down\"></span>\n                <span class=\"ui-button-text ui-c\">ui-button</span>\n            </button>\n            <div #menu [ngClass]=\"'ui-menu ui-menu-dynamic ui-widget ui-widget-content ui-corner-all ui-helper-clearfix ui-shadow'\" [style.display]=\"menuVisible ? 'block' : 'none'\"\n                    [ngStyle]=\"menuStyle\" [class]=\"menuStyleClass\">\n                <ul class=\"ui-menu-list ui-helper-reset\">\n                    <li class=\"ui-menuitem ui-widget ui-corner-all\" role=\"menuitem\" *ngFor=\"let item of model\"\n                        (mouseenter)=\"hoveredItem=item\" (mouseleave)=\"hoveredItem=null\">\n                        <a [href]=\"item.url||'#'\" \n                        [ngClass]=\"{'ui-menuitem-link ui-corner-all':true,'ui-state-hover':(hoveredItem==item&&!item.disabled),'ui-state-disabled':item.disabled}\" \n                        (click)=\"itemClick($event,item)\">\n                            <span [ngClass]=\"'ui-menuitem-icon fa fa-fw'\" [class]=\"item.icon\" *ngIf=\"item.icon\"></span>\n                            <span class=\"ui-menuitem-text\">{{item.label}}</span>\n                        </a>\n                    </li>\n                </ul>\n            </div>\n        </div>\n    ",
+            providers: [domhandler_1.DomHandler]
+        }), 
+        __metadata('design:paramtypes', [core_1.ElementRef, domhandler_1.DomHandler, core_1.Renderer, router_1.Router])
+    ], SplitButton);
     return SplitButton;
 }());
-export var SplitButtonModule = (function () {
+exports.SplitButton = SplitButton;
+var SplitButtonModule = (function () {
     function SplitButtonModule() {
     }
-    SplitButtonModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule],
-                    exports: [SplitButton],
-                    declarations: [SplitButton]
-                },] },
-    ];
-    /** @nocollapse */
-    SplitButtonModule.ctorParameters = [];
+    SplitButtonModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule],
+            exports: [SplitButton],
+            declarations: [SplitButton]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], SplitButtonModule);
     return SplitButtonModule;
 }());
+exports.SplitButtonModule = SplitButtonModule;
 //# sourceMappingURL=splitbutton.js.map

components/steps/steps.js

@@ -1,5 +0,15 @@
-import { NgModule, Component, Input, Output, EventEmitter } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { Router } from '@angular/router';
-export var Steps = (function () {
+"use strict";
+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 router_1 = require('@angular/router');
+var Steps = (function () {
     function Steps(router) {
@@ -9,3 +19,3 @@ this.router = router;
         this.readonly = true;
-        this.activeIndexChange = new EventEmitter();
+        this.activeIndexChange = new core_1.EventEmitter();
     }
@@ -26,3 +36,3 @@ Steps.prototype.itemClick = function (event, item, i) {
             if (!item.eventEmitter) {
-                item.eventEmitter = new EventEmitter();
+                item.eventEmitter = new core_1.EventEmitter();
                 item.eventEmitter.subscribe(item.command);
@@ -40,36 +50,50 @@ }
     };
-    Steps.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-steps',
-                    template: "\n        <div [ngClass]=\"{'ui-steps ui-widget ui-helper-clearfix':true,'ui-steps-readonly':readonly}\" [ngStyle]=\"style\" [class]=\"styleClass\">\n            <ul role=\"tablist\">\n                <li *ngFor=\"let item of model; let i = index\" class=\"ui-steps-item\" #menuitem\n                    [ngClass]=\"{'ui-state-highlight':(i === activeIndex),'ui-state-default':(i !== activeIndex),\n                        'ui-state-disabled':(i !== activeIndex && readonly),'ui-state-hover':(menuitem == hoveredItem&&!readonly)}\">\n                    <a class=\"ui-menuitem-link\" (click)=\"itemClick($event, item, i)\" (mouseenter)=\"hoveredItem=menuitem\" (mouseleave)=\"hoveredItem=null\">\n                        <span class=\"ui-steps-number\">{{i}}</span>\n                        <span class=\"ui-steps-title\">{{item.label}}</span>\n                    </a>\n                </li>\n            </ul>\n        </div>\n    "
-                },] },
-    ];
-    /** @nocollapse */
-    Steps.ctorParameters = [
-        { type: Router, },
-    ];
-    Steps.propDecorators = {
-        'activeIndex': [{ type: Input },],
-        'model': [{ type: Input },],
-        'readonly': [{ type: Input },],
-        'style': [{ type: Input },],
-        'styleClass': [{ type: Input },],
-        'activeIndexChange': [{ type: Output },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], Steps.prototype, "activeIndex", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Array)
+    ], Steps.prototype, "model", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], Steps.prototype, "readonly", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], Steps.prototype, "style", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Steps.prototype, "styleClass", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Steps.prototype, "activeIndexChange", void 0);
+    Steps = __decorate([
+        core_1.Component({
+            selector: 'p-steps',
+            template: "\n        <div [ngClass]=\"{'ui-steps ui-widget ui-helper-clearfix':true,'ui-steps-readonly':readonly}\" [ngStyle]=\"style\" [class]=\"styleClass\">\n            <ul role=\"tablist\">\n                <li *ngFor=\"let item of model; let i = index\" class=\"ui-steps-item\" #menuitem\n                    [ngClass]=\"{'ui-state-highlight':(i === activeIndex),'ui-state-default':(i !== activeIndex),\n                        'ui-state-disabled':(i !== activeIndex && readonly),'ui-state-hover':(menuitem == hoveredItem&&!readonly)}\">\n                    <a class=\"ui-menuitem-link\" (click)=\"itemClick($event, item, i)\" (mouseenter)=\"hoveredItem=menuitem\" (mouseleave)=\"hoveredItem=null\">\n                        <span class=\"ui-steps-number\">{{i}}</span>\n                        <span class=\"ui-steps-title\">{{item.label}}</span>\n                    </a>\n                </li>\n            </ul>\n        </div>\n    "
+        }), 
+        __metadata('design:paramtypes', [router_1.Router])
+    ], Steps);
     return Steps;
 }());
-export var StepsModule = (function () {
+exports.Steps = Steps;
+var StepsModule = (function () {
     function StepsModule() {
     }
-    StepsModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule],
-                    exports: [Steps],
-                    declarations: [Steps]
-                },] },
-    ];
-    /** @nocollapse */
-    StepsModule.ctorParameters = [];
+    StepsModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule],
+            exports: [Steps],
+            declarations: [Steps]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], StepsModule);
     return StepsModule;
 }());
+exports.StepsModule = StepsModule;
 //# sourceMappingURL=steps.js.map

components/tabmenu/tabmenu.js

@@ -1,6 +0,16 @@
-import { NgModule, Component, Input, EventEmitter } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { DomHandler } from '../dom/domhandler';
-import { Router } from '@angular/router';
-export var TabMenu = (function () {
+"use strict";
+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 domhandler_1 = require('../dom/domhandler');
+var router_1 = require('@angular/router');
+var TabMenu = (function () {
     function TabMenu(router) {
@@ -24,3 +34,3 @@ this.router = router;
             if (!item.eventEmitter) {
-                item.eventEmitter = new EventEmitter();
+                item.eventEmitter = new core_1.EventEmitter();
                 item.eventEmitter.subscribe(item.command);
@@ -57,36 +67,47 @@ }
     };
-    TabMenu.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-tabMenu',
-                    template: "\n        <div [ngClass]=\"'ui-tabmenu ui-widget ui-widget-content ui-corner-all'\" [ngStyle]=\"style\" [class]=\"styleClass\">\n            <ul class=\"ui-tabmenu-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all\" role=\"tablist\">\n                <li *ngFor=\"let item of model\" \n                    [ngClass]=\"{'ui-tabmenuitem ui-state-default ui-corner-top':true,'ui-state-disabled':item.disabled,\n                        'ui-tabmenuitem-hasicon':item.icon,'ui-state-hover':hoveredItem==item,'ui-state-active':activeItem==item}\"\n                    (mouseenter)=\"hoveredItem=item&&!item.disabled\" (mouseleave)=\"hoveredItem=null\">\n                    <a [href]=\"item.url||'#'\" class=\"ui-menuitem-link ui-corner-all\" (click)=\"itemClick($event,item)\">\n                        <span class=\"ui-menuitem-icon fa\" [ngClass]=\"item.icon\"></span>\n                        <span class=\"ui-menuitem-text\">{{item.label}}</span>\n                    </a>\n                </li>\n            </ul>\n        </div>\n    ",
-                    providers: [DomHandler]
-                },] },
-    ];
-    /** @nocollapse */
-    TabMenu.ctorParameters = [
-        { type: Router, },
-    ];
-    TabMenu.propDecorators = {
-        'model': [{ type: Input },],
-        'activeItem': [{ type: Input },],
-        'popup': [{ type: Input },],
-        'style': [{ type: Input },],
-        'styleClass': [{ type: Input },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Array)
+    ], TabMenu.prototype, "model", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], TabMenu.prototype, "activeItem", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], TabMenu.prototype, "popup", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], TabMenu.prototype, "style", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], TabMenu.prototype, "styleClass", void 0);
+    TabMenu = __decorate([
+        core_1.Component({
+            selector: 'p-tabMenu',
+            template: "\n        <div [ngClass]=\"'ui-tabmenu ui-widget ui-widget-content ui-corner-all'\" [ngStyle]=\"style\" [class]=\"styleClass\">\n            <ul class=\"ui-tabmenu-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all\" role=\"tablist\">\n                <li *ngFor=\"let item of model\" \n                    [ngClass]=\"{'ui-tabmenuitem ui-state-default ui-corner-top':true,'ui-state-disabled':item.disabled,\n                        'ui-tabmenuitem-hasicon':item.icon,'ui-state-hover':hoveredItem==item,'ui-state-active':activeItem==item}\"\n                    (mouseenter)=\"hoveredItem=item&&!item.disabled\" (mouseleave)=\"hoveredItem=null\">\n                    <a [href]=\"item.url||'#'\" class=\"ui-menuitem-link ui-corner-all\" (click)=\"itemClick($event,item)\">\n                        <span class=\"ui-menuitem-icon fa\" [ngClass]=\"item.icon\"></span>\n                        <span class=\"ui-menuitem-text\">{{item.label}}</span>\n                    </a>\n                </li>\n            </ul>\n        </div>\n    ",
+            providers: [domhandler_1.DomHandler]
+        }), 
+        __metadata('design:paramtypes', [router_1.Router])
+    ], TabMenu);
     return TabMenu;
 }());
-export var TabMenuModule = (function () {
+exports.TabMenu = TabMenu;
+var TabMenuModule = (function () {
     function TabMenuModule() {
     }
-    TabMenuModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule],
-                    exports: [TabMenu],
-                    declarations: [TabMenu]
-                },] },
-    ];
-    /** @nocollapse */
-    TabMenuModule.ctorParameters = [];
+    TabMenuModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule],
+            exports: [TabMenu],
+            declarations: [TabMenu]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], TabMenuModule);
     return TabMenuModule;
 }());
+exports.TabMenuModule = TabMenuModule;
 //# sourceMappingURL=tabmenu.js.map

components/tabview/tabview.js

@@ -1,32 +0,64 @@
-import { NgModule, Component, ElementRef, Input, Output, EventEmitter, ContentChildren } from '@angular/core';
-import { CommonModule } from '@angular/common';
-export var TabPanel = (function () {
+"use strict";
+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 TabPanel = (function () {
     function TabPanel() {
     }
-    TabPanel.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-tabPanel',
-                    template: "\n        <div class=\"ui-tabview-panel ui-widget-content\" [style.display]=\"selected ? 'block' : 'none'\" \n            *ngIf=\"!closed\" role=\"tabpanel\" [attr.aria-hidden]=\"!selected\">\n            <ng-content></ng-content>\n        </div>\n    ",
-                },] },
-    ];
-    /** @nocollapse */
-    TabPanel.ctorParameters = [];
-    TabPanel.propDecorators = {
-        'header': [{ type: Input },],
-        'selected': [{ type: Input },],
-        'disabled': [{ type: Input },],
-        'closable': [{ type: Input },],
-        'headerStyle': [{ type: Input },],
-        'headerStyleClass': [{ type: Input },],
-        'leftIcon': [{ type: Input },],
-        'rightIcon': [{ type: Input },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], TabPanel.prototype, "header", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], TabPanel.prototype, "selected", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], TabPanel.prototype, "disabled", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], TabPanel.prototype, "closable", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], TabPanel.prototype, "headerStyle", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], TabPanel.prototype, "headerStyleClass", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], TabPanel.prototype, "leftIcon", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], TabPanel.prototype, "rightIcon", void 0);
+    TabPanel = __decorate([
+        core_1.Component({
+            selector: 'p-tabPanel',
+            template: "\n        <div class=\"ui-tabview-panel ui-widget-content\" [style.display]=\"selected ? 'block' : 'none'\" \n            *ngIf=\"!closed\" role=\"tabpanel\" [attr.aria-hidden]=\"!selected\">\n            <ng-content></ng-content>\n        </div>\n    ",
+        }), 
+        __metadata('design:paramtypes', [])
+    ], TabPanel);
     return TabPanel;
 }());
-export var TabView = (function () {
+exports.TabPanel = TabPanel;
+var TabView = (function () {
     function TabView(el) {
         this.el = el;
         this.orientation = 'top';
-        this.onChange = new EventEmitter();
-        this.onClose = new EventEmitter();
+        this.onChange = new core_1.EventEmitter();
+        this.onClose = new core_1.EventEmitter();
     }
@@ -122,37 +154,54 @@ TabView.prototype.ngAfterContentInit = function () {
     };
-    TabView.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-tabView',
-                    template: "\n        <div [ngClass]=\"'ui-tabview ui-widget ui-widget-content ui-corner-all ui-tabview-' + orientation\" [ngStyle]=\"style\" [class]=\"styleClass\">\n            <ul class=\"ui-tabview-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all\" role=\"tablist\">\n                <template ngFor let-tab [ngForOf]=\"tabs\">\n                    <li [class]=\"getDefaultHeaderClass(tab)\" [ngStyle]=\"tab.headerStyle\" role=\"tab\"\n                        [ngClass]=\"{'ui-tabview-selected ui-state-active': tab.selected, 'ui-state-hover': tab.hoverHeader&&!tab.disabled, 'ui-state-disabled': tab.disabled}\"\n                        (mouseenter)=\"tab.hoverHeader=true\" (mouseleave)=\"tab.hoverHeader=false\" (click)=\"open($event,tab)\" *ngIf=\"!tab.closed\"\n                        [attr.aria-expanded]=\"tab.selected\" [attr.aria-selected]=\"tab.selected\">\n                        <a href=\"#\">\n                            <span class=\"ui-tabview-left-icon fa\" [ngClass]=\"tab.leftIcon\" *ngIf=\"tab.leftIcon\"></span>\n                            {{tab.header}}\n                            <span class=\"ui-tabview-right-icon fa\" [ngClass]=\"tab.rightIcon\" *ngIf=\"tab.rightIcon\"></span>\n                        </a>\n                        <span *ngIf=\"tab.closable\" class=\"ui-tabview-close fa fa-close\" (click)=\"close($event,tab)\"></span>\n                    </li>\n                </template>\n            </ul>\n            <div class=\"ui-tabview-panels\">\n                <ng-content></ng-content>\n            </div>\n        </div>\n    ",
-                },] },
-    ];
-    /** @nocollapse */
-    TabView.ctorParameters = [
-        { type: ElementRef, },
-    ];
-    TabView.propDecorators = {
-        'orientation': [{ type: Input },],
-        'style': [{ type: Input },],
-        'styleClass': [{ type: Input },],
-        'controlClose': [{ type: Input },],
-        'tabPanels': [{ type: ContentChildren, args: [TabPanel,] },],
-        'onChange': [{ type: Output },],
-        'onClose': [{ type: Output },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], TabView.prototype, "orientation", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], TabView.prototype, "style", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], TabView.prototype, "styleClass", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], TabView.prototype, "controlClose", void 0);
+    __decorate([
+        core_1.ContentChildren(TabPanel), 
+        __metadata('design:type', core_1.QueryList)
+    ], TabView.prototype, "tabPanels", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], TabView.prototype, "onChange", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], TabView.prototype, "onClose", void 0);
+    TabView = __decorate([
+        core_1.Component({
+            selector: 'p-tabView',
+            template: "\n        <div [ngClass]=\"'ui-tabview ui-widget ui-widget-content ui-corner-all ui-tabview-' + orientation\" [ngStyle]=\"style\" [class]=\"styleClass\">\n            <ul class=\"ui-tabview-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all\" role=\"tablist\">\n                <template ngFor let-tab [ngForOf]=\"tabs\">\n                    <li [class]=\"getDefaultHeaderClass(tab)\" [ngStyle]=\"tab.headerStyle\" role=\"tab\"\n                        [ngClass]=\"{'ui-tabview-selected ui-state-active': tab.selected, 'ui-state-hover': tab.hoverHeader&&!tab.disabled, 'ui-state-disabled': tab.disabled}\"\n                        (mouseenter)=\"tab.hoverHeader=true\" (mouseleave)=\"tab.hoverHeader=false\" (click)=\"open($event,tab)\" *ngIf=\"!tab.closed\"\n                        [attr.aria-expanded]=\"tab.selected\" [attr.aria-selected]=\"tab.selected\">\n                        <a href=\"#\">\n                            <span class=\"ui-tabview-left-icon fa\" [ngClass]=\"tab.leftIcon\" *ngIf=\"tab.leftIcon\"></span>\n                            {{tab.header}}\n                            <span class=\"ui-tabview-right-icon fa\" [ngClass]=\"tab.rightIcon\" *ngIf=\"tab.rightIcon\"></span>\n                        </a>\n                        <span *ngIf=\"tab.closable\" class=\"ui-tabview-close fa fa-close\" (click)=\"close($event,tab)\"></span>\n                    </li>\n                </template>\n            </ul>\n            <div class=\"ui-tabview-panels\">\n                <ng-content></ng-content>\n            </div>\n        </div>\n    ",
+        }), 
+        __metadata('design:paramtypes', [core_1.ElementRef])
+    ], TabView);
     return TabView;
 }());
-export var TabViewModule = (function () {
+exports.TabView = TabView;
+var TabViewModule = (function () {
     function TabViewModule() {
     }
-    TabViewModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule],
-                    exports: [TabView, TabPanel],
-                    declarations: [TabView, TabPanel]
-                },] },
-    ];
-    /** @nocollapse */
-    TabViewModule.ctorParameters = [];
+    TabViewModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule],
+            exports: [TabView, TabPanel],
+            declarations: [TabView, TabPanel]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], TabViewModule);
     return TabViewModule;
 }());
+exports.TabViewModule = TabViewModule;
 //# sourceMappingURL=tabview.js.map

components/terminal/terminal.js

@@ -1,11 +0,21 @@
-import { NgModule, Component, Input, Output, EventEmitter, ElementRef } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { CommonModule } from '@angular/common';
-import { DomHandler } from '../dom/domhandler';
-export var Terminal = (function () {
+"use strict";
+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 forms_1 = require('@angular/forms');
+var common_1 = require('@angular/common');
+var domhandler_1 = require('../dom/domhandler');
+var Terminal = (function () {
     function Terminal(el, domHandler) {
         this.el = el;
         this.domHandler = domHandler;
-        this.responseChange = new EventEmitter();
-        this.handler = new EventEmitter();
+        this.responseChange = new core_1.EventEmitter();
+        this.handler = new core_1.EventEmitter();
         this.commands = [];
@@ -42,39 +52,56 @@ }
     };
-    Terminal.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-terminal',
-                    template: "\n        <div [ngClass]=\"'ui-terminal ui-widget ui-widget-content ui-corner-all'\" [ngStyle]=\"style\" [class]=\"styleClass\" (click)=\"focus(in)\">\n            <div *ngIf=\"welcomeMessage\">{{welcomeMessage}}</div>\n            <div class=\"ui-terminal-content\">\n                <div *ngFor=\"let command of commands\">\n                    <span>{{prompt}}</span>\n                    <span class=\"ui-terminal-command\">{{command.text}}</span>\n                    <div>{{command.response}}</div>\n                </div>\n            </div>\n            <div>\n                <span class=\"ui-terminal-content-prompt\">{{prompt}}</span>\n                <input #in type=\"text\" [(ngModel)]=\"command\" class=\"ui-terminal-input\" autocomplete=\"off\" (keydown)=\"handleCommand($event)\" autofocus>\n            </div>\n        </div>\n    ",
-                    providers: [DomHandler]
-                },] },
-    ];
-    /** @nocollapse */
-    Terminal.ctorParameters = [
-        { type: ElementRef, },
-        { type: DomHandler, },
-    ];
-    Terminal.propDecorators = {
-        'welcomeMessage': [{ type: Input },],
-        'prompt': [{ type: Input },],
-        'style': [{ type: Input },],
-        'styleClass': [{ type: Input },],
-        'responseChange': [{ type: Output },],
-        'handler': [{ type: Output },],
-        'response': [{ type: Input },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Terminal.prototype, "welcomeMessage", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Terminal.prototype, "prompt", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], Terminal.prototype, "style", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Terminal.prototype, "styleClass", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Terminal.prototype, "responseChange", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Terminal.prototype, "handler", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String), 
+        __metadata('design:paramtypes', [String])
+    ], Terminal.prototype, "response", null);
+    Terminal = __decorate([
+        core_1.Component({
+            selector: 'p-terminal',
+            template: "\n        <div [ngClass]=\"'ui-terminal ui-widget ui-widget-content ui-corner-all'\" [ngStyle]=\"style\" [class]=\"styleClass\" (click)=\"focus(in)\">\n            <div *ngIf=\"welcomeMessage\">{{welcomeMessage}}</div>\n            <div class=\"ui-terminal-content\">\n                <div *ngFor=\"let command of commands\">\n                    <span>{{prompt}}</span>\n                    <span class=\"ui-terminal-command\">{{command.text}}</span>\n                    <div>{{command.response}}</div>\n                </div>\n            </div>\n            <div>\n                <span class=\"ui-terminal-content-prompt\">{{prompt}}</span>\n                <input #in type=\"text\" [(ngModel)]=\"command\" class=\"ui-terminal-input\" autocomplete=\"off\" (keydown)=\"handleCommand($event)\" autofocus>\n            </div>\n        </div>\n    ",
+            providers: [domhandler_1.DomHandler]
+        }), 
+        __metadata('design:paramtypes', [core_1.ElementRef, domhandler_1.DomHandler])
+    ], Terminal);
     return Terminal;
 }());
-export var TerminalModule = (function () {
+exports.Terminal = Terminal;
+var TerminalModule = (function () {
     function TerminalModule() {
     }
-    TerminalModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule, FormsModule],
-                    exports: [Terminal],
-                    declarations: [Terminal]
-                },] },
-    ];
-    /** @nocollapse */
-    TerminalModule.ctorParameters = [];
+    TerminalModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule, forms_1.FormsModule],
+            exports: [Terminal],
+            declarations: [Terminal]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], TerminalModule);
     return TerminalModule;
 }());
+exports.TerminalModule = TerminalModule;
 //# sourceMappingURL=terminal.js.map

components/tieredmenu/tieredmenu.js

@@ -1,7 +0,17 @@
-import { NgModule, Component, ElementRef, Input, Renderer, EventEmitter } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { DomHandler } from '../dom/domhandler';
-import { Location } from '@angular/common';
-import { Router } from '@angular/router';
-export var TieredMenuSub = (function () {
+"use strict";
+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 domhandler_1 = require('../dom/domhandler');
+var common_2 = require('@angular/common');
+var router_1 = require('@angular/router');
+var TieredMenuSub = (function () {
     function TieredMenuSub(domHandler, router, location) {
@@ -21,3 +31,3 @@ this.domHandler = domHandler;
             var sublist = nextElement.children[0];
-            sublist.style.zIndex = String(++DomHandler.zindex);
+            sublist.style.zIndex = String(++domhandler_1.DomHandler.zindex);
             sublist.style.top = '0px';
@@ -41,3 +51,3 @@ sublist.style.left = this.domHandler.getOuterWidth(item.children[0]) + 'px';
             if (!item.eventEmitter) {
-                item.eventEmitter = new EventEmitter();
+                item.eventEmitter = new core_1.EventEmitter();
                 item.eventEmitter.subscribe(item.command);
@@ -58,22 +68,22 @@ }
     };
-    TieredMenuSub.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-tieredMenuSub',
-                    template: "\n        <ul [ngClass]=\"{'ui-helper-reset':root, 'ui-widget-content ui-corner-all ui-helper-clearfix ui-menu-child ui-shadow':!root}\" class=\"ui-menu-list\"\n            (click)=\"listClick($event)\">\n            <template ngFor let-child [ngForOf]=\"(root ? item : item.items)\">\n                <li #item [ngClass]=\"{'ui-menuitem ui-widget ui-corner-all':true,'ui-menu-parent':child.items,'ui-menuitem-active':item==activeItem}\"\n                    (mouseenter)=\"onItemMouseEnter($event, item, child)\" (mouseleave)=\"onItemMouseLeave($event)\">\n                    <a #link [href]=\"child.url||'#'\" class=\"ui-menuitem-link ui-corner-all\" \n                        [ngClass]=\"{'ui-state-hover':link==activeLink&&!child.disabled,'ui-state-disabled':child.disabled}\" (click)=\"itemClick($event, child)\">\n                        <span class=\"ui-submenu-icon fa fa-fw fa-caret-right\" *ngIf=\"child.items\"></span>\n                        <span class=\"ui-menuitem-icon fa fa-fw\" *ngIf=\"child.icon\" [ngClass]=\"child.icon\"></span>\n                        <span class=\"ui-menuitem-text\">{{child.label}}</span>\n                    </a>\n                    <p-tieredMenuSub class=\"ui-submenu\" [item]=\"child\" *ngIf=\"child.items\"></p-tieredMenuSub>\n                </li>\n            </template>\n        </ul>\n    ",
-                    providers: [DomHandler]
-                },] },
-    ];
-    /** @nocollapse */
-    TieredMenuSub.ctorParameters = [
-        { type: DomHandler, },
-        { type: Router, },
-        { type: Location, },
-    ];
-    TieredMenuSub.propDecorators = {
-        'item': [{ type: Input },],
-        'root': [{ type: Input },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], TieredMenuSub.prototype, "item", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], TieredMenuSub.prototype, "root", void 0);
+    TieredMenuSub = __decorate([
+        core_1.Component({
+            selector: 'p-tieredMenuSub',
+            template: "\n        <ul [ngClass]=\"{'ui-helper-reset':root, 'ui-widget-content ui-corner-all ui-helper-clearfix ui-menu-child ui-shadow':!root}\" class=\"ui-menu-list\"\n            (click)=\"listClick($event)\">\n            <template ngFor let-child [ngForOf]=\"(root ? item : item.items)\">\n                <li #item [ngClass]=\"{'ui-menuitem ui-widget ui-corner-all':true,'ui-menu-parent':child.items,'ui-menuitem-active':item==activeItem}\"\n                    (mouseenter)=\"onItemMouseEnter($event, item, child)\" (mouseleave)=\"onItemMouseLeave($event)\">\n                    <a #link [href]=\"child.url||'#'\" class=\"ui-menuitem-link ui-corner-all\" \n                        [ngClass]=\"{'ui-state-hover':link==activeLink&&!child.disabled,'ui-state-disabled':child.disabled}\" (click)=\"itemClick($event, child)\">\n                        <span class=\"ui-submenu-icon fa fa-fw fa-caret-right\" *ngIf=\"child.items\"></span>\n                        <span class=\"ui-menuitem-icon fa fa-fw\" *ngIf=\"child.icon\" [ngClass]=\"child.icon\"></span>\n                        <span class=\"ui-menuitem-text\">{{child.label}}</span>\n                    </a>\n                    <p-tieredMenuSub class=\"ui-submenu\" [item]=\"child\" *ngIf=\"child.items\"></p-tieredMenuSub>\n                </li>\n            </template>\n        </ul>\n    ",
+            providers: [domhandler_1.DomHandler]
+        }), 
+        __metadata('design:paramtypes', [domhandler_1.DomHandler, router_1.Router, common_2.Location])
+    ], TieredMenuSub);
     return TieredMenuSub;
 }());
-export var TieredMenu = (function () {
+exports.TieredMenuSub = TieredMenuSub;
+var TieredMenu = (function () {
     function TieredMenu(el, domHandler, renderer) {
@@ -133,37 +143,43 @@ this.el = el;
     };
-    TieredMenu.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-tieredMenu',
-                    template: "\n        <div [ngClass]=\"{'ui-tieredmenu ui-menu ui-widget ui-widget-content ui-corner-all ui-helper-clearfix':true,'ui-menu-dynamic ui-shadow':popup}\" \n            [class]=\"styleClass\" [ngStyle]=\"style\">\n            <p-tieredMenuSub [item]=\"model\" root=\"root\"></p-tieredMenuSub>\n        </div>\n    ",
-                    providers: [DomHandler]
-                },] },
-    ];
-    /** @nocollapse */
-    TieredMenu.ctorParameters = [
-        { type: ElementRef, },
-        { type: DomHandler, },
-        { type: Renderer, },
-    ];
-    TieredMenu.propDecorators = {
-        'model': [{ type: Input },],
-        'popup': [{ type: Input },],
-        'style': [{ type: Input },],
-        'styleClass': [{ type: Input },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Array)
+    ], TieredMenu.prototype, "model", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], TieredMenu.prototype, "popup", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], TieredMenu.prototype, "style", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], TieredMenu.prototype, "styleClass", void 0);
+    TieredMenu = __decorate([
+        core_1.Component({
+            selector: 'p-tieredMenu',
+            template: "\n        <div [ngClass]=\"{'ui-tieredmenu ui-menu ui-widget ui-widget-content ui-corner-all ui-helper-clearfix':true,'ui-menu-dynamic ui-shadow':popup}\" \n            [class]=\"styleClass\" [ngStyle]=\"style\">\n            <p-tieredMenuSub [item]=\"model\" root=\"root\"></p-tieredMenuSub>\n        </div>\n    ",
+            providers: [domhandler_1.DomHandler]
+        }), 
+        __metadata('design:paramtypes', [core_1.ElementRef, domhandler_1.DomHandler, core_1.Renderer])
+    ], TieredMenu);
     return TieredMenu;
 }());
-export var TieredMenuModule = (function () {
+exports.TieredMenu = TieredMenu;
+var TieredMenuModule = (function () {
     function TieredMenuModule() {
     }
-    TieredMenuModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule],
-                    exports: [TieredMenu],
-                    declarations: [TieredMenu, TieredMenuSub]
-                },] },
-    ];
-    /** @nocollapse */
-    TieredMenuModule.ctorParameters = [];
+    TieredMenuModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule],
+            exports: [TieredMenu],
+            declarations: [TieredMenu, TieredMenuSub]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], TieredMenuModule);
     return TieredMenuModule;
 }());
+exports.TieredMenuModule = TieredMenuModule;
 //# sourceMappingURL=tieredmenu.js.map

components/togglebutton/togglebutton.js

@@ -1,14 +0,24 @@
-import { NgModule, Component, Input, Output, EventEmitter, forwardRef } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-export var TOGGLEBUTTON_VALUE_ACCESSOR = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(function () { return ToggleButton; }),
+"use strict";
+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');
+exports.TOGGLEBUTTON_VALUE_ACCESSOR = {
+    provide: forms_1.NG_VALUE_ACCESSOR,
+    useExisting: core_1.forwardRef(function () { return ToggleButton; }),
     multi: true
 };
-export var ToggleButton = (function () {
+var ToggleButton = (function () {
     function ToggleButton() {
         this.onLabel = 'Yes';
         this.offLabel = 'No';
-        this.onChange = new EventEmitter();
+        this.onChange = new core_1.EventEmitter();
         this.checked = false;
@@ -45,37 +55,59 @@ this.onModelChange = function () { };
     };
-    ToggleButton.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-toggleButton',
-                    template: "\n        <div [ngClass]=\"{'ui-button ui-togglebutton ui-widget ui-state-default ui-corner-all': true, 'ui-button-text-only': (!onIcon&&!offIcon), 'ui-button-text-icon-left': (onIcon&&offIcon),\n                'ui-state-active': checked, 'ui-state-hover': hover&&!disabled, 'ui-state-disabled': disabled}\" [ngStyle]=\"style\" [class]=\"styleClass\" \n                (click)=\"toggle($event)\" (mouseenter)=\"hover=true\" (mouseleave)=\"hover=false\">\n            <span *ngIf=\"onIcon||offIcon\" [class]=\"getIconClass()\"></span>\n            <span class=\"ui-button-text ui-unselectable-text\">{{checked ? onLabel : offLabel}}</span>\n        </div>\n    ",
-                    providers: [TOGGLEBUTTON_VALUE_ACCESSOR]
-                },] },
-    ];
-    /** @nocollapse */
-    ToggleButton.ctorParameters = [];
-    ToggleButton.propDecorators = {
-        'onLabel': [{ type: Input },],
-        'offLabel': [{ type: Input },],
-        'onIcon': [{ type: Input },],
-        'offIcon': [{ type: Input },],
-        'disabled': [{ type: Input },],
-        'style': [{ type: Input },],
-        'styleClass': [{ type: Input },],
-        'onChange': [{ type: Output },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], ToggleButton.prototype, "onLabel", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], ToggleButton.prototype, "offLabel", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], ToggleButton.prototype, "onIcon", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], ToggleButton.prototype, "offIcon", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], ToggleButton.prototype, "disabled", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], ToggleButton.prototype, "style", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], ToggleButton.prototype, "styleClass", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], ToggleButton.prototype, "onChange", void 0);
+    ToggleButton = __decorate([
+        core_1.Component({
+            selector: 'p-toggleButton',
+            template: "\n        <div [ngClass]=\"{'ui-button ui-togglebutton ui-widget ui-state-default ui-corner-all': true, 'ui-button-text-only': (!onIcon&&!offIcon), 'ui-button-text-icon-left': (onIcon&&offIcon),\n                'ui-state-active': checked, 'ui-state-hover': hover&&!disabled, 'ui-state-disabled': disabled}\" [ngStyle]=\"style\" [class]=\"styleClass\" \n                (click)=\"toggle($event)\" (mouseenter)=\"hover=true\" (mouseleave)=\"hover=false\">\n            <span *ngIf=\"onIcon||offIcon\" [class]=\"getIconClass()\"></span>\n            <span class=\"ui-button-text ui-unselectable-text\">{{checked ? onLabel : offLabel}}</span>\n        </div>\n    ",
+            providers: [exports.TOGGLEBUTTON_VALUE_ACCESSOR]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], ToggleButton);
     return ToggleButton;
 }());
-export var ToggleButtonModule = (function () {
+exports.ToggleButton = ToggleButton;
+var ToggleButtonModule = (function () {
     function ToggleButtonModule() {
     }
-    ToggleButtonModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule],
-                    exports: [ToggleButton],
-                    declarations: [ToggleButton]
-                },] },
-    ];
-    /** @nocollapse */
-    ToggleButtonModule.ctorParameters = [];
+    ToggleButtonModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule],
+            exports: [ToggleButton],
+            declarations: [ToggleButton]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], ToggleButtonModule);
     return ToggleButtonModule;
 }());
+exports.ToggleButtonModule = ToggleButtonModule;
 //# sourceMappingURL=togglebutton.js.map

components/toolbar/toolbar.js

@@ -1,34 +0,48 @@
-import { NgModule, Component, Input } from '@angular/core';
-import { CommonModule } from '@angular/common';
-export var Toolbar = (function () {
+"use strict";
+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 Toolbar = (function () {
     function Toolbar() {
     }
-    Toolbar.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-toolbar',
-                    template: "\n        <div [ngClass]=\"'ui-toolbar ui-widget ui-widget-header ui-corner-all ui-helper-clearfix'\" [ngStyle]=\"style\" [class]=\"styleClass\">\n            <ng-content></ng-content>\n        </div>\n    "
-                },] },
-    ];
-    /** @nocollapse */
-    Toolbar.ctorParameters = [];
-    Toolbar.propDecorators = {
-        'style': [{ type: Input },],
-        'styleClass': [{ type: Input },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], Toolbar.prototype, "style", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Toolbar.prototype, "styleClass", void 0);
+    Toolbar = __decorate([
+        core_1.Component({
+            selector: 'p-toolbar',
+            template: "\n        <div [ngClass]=\"'ui-toolbar ui-widget ui-widget-header ui-corner-all ui-helper-clearfix'\" [ngStyle]=\"style\" [class]=\"styleClass\">\n            <ng-content></ng-content>\n        </div>\n    "
+        }), 
+        __metadata('design:paramtypes', [])
+    ], Toolbar);
     return Toolbar;
 }());
-export var ToolbarModule = (function () {
+exports.Toolbar = Toolbar;
+var ToolbarModule = (function () {
     function ToolbarModule() {
     }
-    ToolbarModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule],
-                    exports: [Toolbar],
-                    declarations: [Toolbar]
-                },] },
-    ];
-    /** @nocollapse */
-    ToolbarModule.ctorParameters = [];
+    ToolbarModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule],
+            exports: [Toolbar],
+            declarations: [Toolbar]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], ToolbarModule);
     return ToolbarModule;
 }());
+exports.ToolbarModule = ToolbarModule;
 //# sourceMappingURL=toolbar.js.map

components/tooltip/tooltip.js

@@ -1,5 +0,15 @@
-import { NgModule, Directive, ElementRef, HostListener, Input } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { DomHandler } from '../dom/domhandler';
-export var Tooltip = (function () {
+"use strict";
+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 domhandler_1 = require('../dom/domhandler');
+var Tooltip = (function () {
     function Tooltip(el, domHandler) {
@@ -60,3 +70,3 @@ this.el = el;
         this.domHandler.fadeIn(this.container, 250);
-        this.container.style.zIndex = ++DomHandler.zindex;
+        this.container.style.zIndex = ++domhandler_1.DomHandler.zindex;
     };
@@ -86,39 +96,63 @@ Tooltip.prototype.hide = function () {
     };
-    Tooltip.decorators = [
-        { type: Directive, args: [{
-                    selector: '[pTooltip]',
-                    host: {},
-                    providers: [DomHandler]
-                },] },
-    ];
-    /** @nocollapse */
-    Tooltip.ctorParameters = [
-        { type: ElementRef, },
-        { type: DomHandler, },
-    ];
-    Tooltip.propDecorators = {
-        'text': [{ type: Input, args: ['pTooltip',] },],
-        'tooltipPosition': [{ type: Input },],
-        'tooltipEvent': [{ type: Input },],
-        'onMouseEnter': [{ type: HostListener, args: ['mouseenter', ['$event'],] },],
-        'onMouseLeave': [{ type: HostListener, args: ['mouseleave', ['$event'],] },],
-        'onFocus': [{ type: HostListener, args: ['focus', ['$event'],] },],
-        'onBlur': [{ type: HostListener, args: ['blur', ['$event'],] },],
-    };
+    __decorate([
+        core_1.Input('pTooltip'), 
+        __metadata('design:type', String)
+    ], Tooltip.prototype, "text", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Tooltip.prototype, "tooltipPosition", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Tooltip.prototype, "tooltipEvent", void 0);
+    __decorate([
+        core_1.HostListener('mouseenter', ['$event']), 
+        __metadata('design:type', Function), 
+        __metadata('design:paramtypes', [Event]), 
+        __metadata('design:returntype', void 0)
+    ], Tooltip.prototype, "onMouseEnter", null);
+    __decorate([
+        core_1.HostListener('mouseleave', ['$event']), 
+        __metadata('design:type', Function), 
+        __metadata('design:paramtypes', [Event]), 
+        __metadata('design:returntype', void 0)
+    ], Tooltip.prototype, "onMouseLeave", null);
+    __decorate([
+        core_1.HostListener('focus', ['$event']), 
+        __metadata('design:type', Function), 
+        __metadata('design:paramtypes', [Event]), 
+        __metadata('design:returntype', void 0)
+    ], Tooltip.prototype, "onFocus", null);
+    __decorate([
+        core_1.HostListener('blur', ['$event']), 
+        __metadata('design:type', Function), 
+        __metadata('design:paramtypes', [Event]), 
+        __metadata('design:returntype', void 0)
+    ], Tooltip.prototype, "onBlur", null);
+    Tooltip = __decorate([
+        core_1.Directive({
+            selector: '[pTooltip]',
+            host: {},
+            providers: [domhandler_1.DomHandler]
+        }), 
+        __metadata('design:paramtypes', [core_1.ElementRef, domhandler_1.DomHandler])
+    ], Tooltip);
     return Tooltip;
 }());
-export var TooltipModule = (function () {
+exports.Tooltip = Tooltip;
+var TooltipModule = (function () {
     function TooltipModule() {
     }
-    TooltipModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule],
-                    exports: [Tooltip],
-                    declarations: [Tooltip]
-                },] },
-    ];
-    /** @nocollapse */
-    TooltipModule.ctorParameters = [];
+    TooltipModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule],
+            exports: [Tooltip],
+            declarations: [Tooltip]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], TooltipModule);
     return TooltipModule;
 }());
+exports.TooltipModule = TooltipModule;
 //# sourceMappingURL=tooltip.js.map

components/tree/tree.js

@@ -1,6 +0,19 @@
-import { NgModule, Component, Input, Output, EventEmitter, ViewContainerRef, ContentChildren, Inject, forwardRef } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { SharedModule } from '../common/shared';
-import { PrimeTemplate } from '../common/shared';
-export var TreeNodeTemplateLoader = (function () {
+"use strict";
+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 shared_1 = require('../common/shared');
+var shared_2 = require('../common/shared');
+var TreeNodeTemplateLoader = (function () {
     function TreeNodeTemplateLoader(viewContainer) {
@@ -14,19 +27,21 @@ this.viewContainer = viewContainer;
     };
-    TreeNodeTemplateLoader.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-treeNodeTemplateLoader',
-                    template: ""
-                },] },
-    ];
-    /** @nocollapse */
-    TreeNodeTemplateLoader.ctorParameters = [
-        { type: ViewContainerRef, },
-    ];
-    TreeNodeTemplateLoader.propDecorators = {
-        'node': [{ type: Input },],
-        'template': [{ type: Input },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], TreeNodeTemplateLoader.prototype, "node", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', core_1.TemplateRef)
+    ], TreeNodeTemplateLoader.prototype, "template", void 0);
+    TreeNodeTemplateLoader = __decorate([
+        core_1.Component({
+            selector: 'p-treeNodeTemplateLoader',
+            template: ""
+        }), 
+        __metadata('design:paramtypes', [core_1.ViewContainerRef])
+    ], TreeNodeTemplateLoader);
     return TreeNodeTemplateLoader;
 }());
-export var UITreeNode = (function () {
+exports.TreeNodeTemplateLoader = TreeNodeTemplateLoader;
+var UITreeNode = (function () {
     function UITreeNode(tree) {
@@ -64,28 +79,37 @@ this.tree = tree;
     UITreeNode.ICON_CLASS = 'ui-treenode-icon fa fa-fw';
-    UITreeNode.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-treeNode',
-                    template: "\n        <template [ngIf]=\"node\">\n            <li class=\"ui-treenode\" *ngIf=\"!tree.horizontal\">\n                <div class=\"ui-treenode-content\"\n                    (mouseenter)=\"hover=true\" (mouseleave)=\"hover=false\" (click)=\"onNodeClick($event)\" (contextmenu)=\"onNodeRightClick($event)\">\n                    <span class=\"ui-tree-toggler fa fa-fw\" [ngClass]=\"{'fa-caret-right':!node.expanded,'fa-caret-down':node.expanded}\" *ngIf=\"!isLeaf()\"\n                            (click)=\"toggle($event)\"></span\n                    ><span class=\"ui-treenode-leaf-icon\" *ngIf=\"isLeaf()\"></span\n                    ><span [class]=\"getIcon()\" *ngIf=\"node.icon||node.expandedIcon||node.collapsedIcon\"></span\n                    ><span class=\"ui-treenode-label ui-corner-all\" \n                        [ngClass]=\"{'ui-state-hover':hover&&tree.selectionMode,'ui-state-highlight':isSelected()}\">\n                            <span *ngIf=\"!tree.getTemplateForNode(node)\">{{node.label}}</span>\n                            <span *ngIf=\"tree.getTemplateForNode(node)\">\n                                <p-treeNodeTemplateLoader [node]=\"node\" [template]=\"tree.getTemplateForNode(node)\"></p-treeNodeTemplateLoader>\n                            </span>\n                    </span>\n                </div>\n                <ul class=\"ui-treenode-children\" style=\"display: none;\" *ngIf=\"node.children&&node.expanded\" [style.display]=\"node.expanded ? 'block' : 'none'\">\n                    <p-treeNode *ngFor=\"let childNode of node.children\" [node]=\"childNode\"></p-treeNode>\n                </ul>\n            </li>\n            <table *ngIf=\"tree.horizontal\">\n                <tbody>\n                    <tr>\n                        <td class=\"ui-treenode-connector\" *ngIf=\"!root\">\n                            <table class=\"ui-treenode-connector-table\">\n                                <tbody>\n                                    <tr>\n                                        <td [ngClass]=\"{'ui-treenode-connector-line':!firstChild}\"></td>\n                                    </tr>\n                                    <tr>\n                                        <td [ngClass]=\"{'ui-treenode-connector-line':!lastChild}\"></td>\n                                    </tr>\n                                </tbody>\n                            </table>\n                        </td>\n                        <td class=\"ui-treenode\" [ngClass]=\"{'ui-treenode-collapsed':!node.expanded}\">\n                            <div class=\"ui-treenode-content ui-state-default ui-corner-all\" \n                                [ngClass]=\"{'ui-state-hover':hover&&tree.selectionMode,'ui-state-highlight':isSelected()}\"\n                                (mouseenter)=\"hover=true\" (mouseleave)=\"hover=false\" (click)=\"onNodeClick($event)\" (contextmenu)=\"onNodeRightClick($event)\">\n                                <span class=\"ui-tree-toggler fa fa-fw\" [ngClass]=\"{'fa-plus':!node.expanded,'fa-minus':node.expanded}\" *ngIf=\"!isLeaf()\"\n                                        (click)=\"toggle($event)\"></span\n                                ><span [class]=\"getIcon()\" *ngIf=\"node.icon||node.expandedIcon||node.collapsedIcon\"></span\n                                ><span class=\"ui-treenode-label ui-corner-all\">\n                                        <span *ngIf=\"!tree.getTemplateForNode(node)\">{{node.label}}</span>\n                                        <span *ngIf=\"tree.getTemplateForNode(node)\">\n                                            <p-treeNodeTemplateLoader [node]=\"node\" [template]=\"tree.getTemplateForNode(node)\"></p-treeNodeTemplateLoader>\n                                        </span>\n                                </span>\n                            </div>\n                        </td>\n                        <td class=\"ui-treenode-children-container\" *ngIf=\"node.children&&node.expanded\" [style.display]=\"node.expanded ? 'table-cell' : 'none'\">\n                            <div class=\"ui-treenode-children\">\n                                <p-treeNode *ngFor=\"let childNode of node.children;let firstChild=first;let lastChild=last;\" [node]=\"childNode\" \n                                        [firstChild]=\"firstChild\" [lastChild]=\"lastChild\"></p-treeNode>\n                            </div>\n                        </td>\n                    </tr>\n                </tbody>\n            </table>\n        </template>\n    "
-                },] },
-    ];
-    /** @nocollapse */
-    UITreeNode.ctorParameters = [
-        { type: Tree, decorators: [{ type: Inject, args: [forwardRef(function () { return Tree; }),] },] },
-    ];
-    UITreeNode.propDecorators = {
-        'node': [{ type: Input },],
-        'root': [{ type: Input },],
-        'firstChild': [{ type: Input },],
-        'lastChild': [{ type: Input },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], UITreeNode.prototype, "node", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], UITreeNode.prototype, "root", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], UITreeNode.prototype, "firstChild", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], UITreeNode.prototype, "lastChild", void 0);
+    UITreeNode = __decorate([
+        core_1.Component({
+            selector: 'p-treeNode',
+            template: "\n        <template [ngIf]=\"node\">\n            <li class=\"ui-treenode\" *ngIf=\"!tree.horizontal\">\n                <div class=\"ui-treenode-content\"\n                    (mouseenter)=\"hover=true\" (mouseleave)=\"hover=false\" (click)=\"onNodeClick($event)\" (contextmenu)=\"onNodeRightClick($event)\">\n                    <span class=\"ui-tree-toggler fa fa-fw\" [ngClass]=\"{'fa-caret-right':!node.expanded,'fa-caret-down':node.expanded}\" *ngIf=\"!isLeaf()\"\n                            (click)=\"toggle($event)\"></span\n                    ><span class=\"ui-treenode-leaf-icon\" *ngIf=\"isLeaf()\"></span\n                    ><span [class]=\"getIcon()\" *ngIf=\"node.icon||node.expandedIcon||node.collapsedIcon\"></span\n                    ><span class=\"ui-treenode-label ui-corner-all\" \n                        [ngClass]=\"{'ui-state-hover':hover&&tree.selectionMode,'ui-state-highlight':isSelected()}\">\n                            <span *ngIf=\"!tree.getTemplateForNode(node)\">{{node.label}}</span>\n                            <span *ngIf=\"tree.getTemplateForNode(node)\">\n                                <p-treeNodeTemplateLoader [node]=\"node\" [template]=\"tree.getTemplateForNode(node)\"></p-treeNodeTemplateLoader>\n                            </span>\n                    </span>\n                </div>\n                <ul class=\"ui-treenode-children\" style=\"display: none;\" *ngIf=\"node.children&&node.expanded\" [style.display]=\"node.expanded ? 'block' : 'none'\">\n                    <p-treeNode *ngFor=\"let childNode of node.children\" [node]=\"childNode\"></p-treeNode>\n                </ul>\n            </li>\n            <table *ngIf=\"tree.horizontal\">\n                <tbody>\n                    <tr>\n                        <td class=\"ui-treenode-connector\" *ngIf=\"!root\">\n                            <table class=\"ui-treenode-connector-table\">\n                                <tbody>\n                                    <tr>\n                                        <td [ngClass]=\"{'ui-treenode-connector-line':!firstChild}\"></td>\n                                    </tr>\n                                    <tr>\n                                        <td [ngClass]=\"{'ui-treenode-connector-line':!lastChild}\"></td>\n                                    </tr>\n                                </tbody>\n                            </table>\n                        </td>\n                        <td class=\"ui-treenode\" [ngClass]=\"{'ui-treenode-collapsed':!node.expanded}\">\n                            <div class=\"ui-treenode-content ui-state-default ui-corner-all\" \n                                [ngClass]=\"{'ui-state-hover':hover&&tree.selectionMode,'ui-state-highlight':isSelected()}\"\n                                (mouseenter)=\"hover=true\" (mouseleave)=\"hover=false\" (click)=\"onNodeClick($event)\" (contextmenu)=\"onNodeRightClick($event)\">\n                                <span class=\"ui-tree-toggler fa fa-fw\" [ngClass]=\"{'fa-plus':!node.expanded,'fa-minus':node.expanded}\" *ngIf=\"!isLeaf()\"\n                                        (click)=\"toggle($event)\"></span\n                                ><span [class]=\"getIcon()\" *ngIf=\"node.icon||node.expandedIcon||node.collapsedIcon\"></span\n                                ><span class=\"ui-treenode-label ui-corner-all\">\n                                        <span *ngIf=\"!tree.getTemplateForNode(node)\">{{node.label}}</span>\n                                        <span *ngIf=\"tree.getTemplateForNode(node)\">\n                                            <p-treeNodeTemplateLoader [node]=\"node\" [template]=\"tree.getTemplateForNode(node)\"></p-treeNodeTemplateLoader>\n                                        </span>\n                                </span>\n                            </div>\n                        </td>\n                        <td class=\"ui-treenode-children-container\" *ngIf=\"node.children&&node.expanded\" [style.display]=\"node.expanded ? 'table-cell' : 'none'\">\n                            <div class=\"ui-treenode-children\">\n                                <p-treeNode *ngFor=\"let childNode of node.children;let firstChild=first;let lastChild=last;\" [node]=\"childNode\" \n                                        [firstChild]=\"firstChild\" [lastChild]=\"lastChild\"></p-treeNode>\n                            </div>\n                        </td>\n                    </tr>\n                </tbody>\n            </table>\n        </template>\n    "
+        }),
+        __param(0, core_1.Inject(core_1.forwardRef(function () { return Tree; }))), 
+        __metadata('design:paramtypes', [Tree])
+    ], UITreeNode);
     return UITreeNode;
 }());
-export var Tree = (function () {
+exports.UITreeNode = UITreeNode;
+var Tree = (function () {
     function Tree() {
-        this.selectionChange = new EventEmitter();
-        this.onNodeSelect = new EventEmitter();
-        this.onNodeUnselect = new EventEmitter();
-        this.onNodeExpand = new EventEmitter();
-        this.onNodeCollapse = new EventEmitter();
-        this.onNodeContextMenuSelect = new EventEmitter();
+        this.selectionChange = new core_1.EventEmitter();
+        this.onNodeSelect = new core_1.EventEmitter();
+        this.onNodeUnselect = new core_1.EventEmitter();
+        this.onNodeExpand = new core_1.EventEmitter();
+        this.onNodeCollapse = new core_1.EventEmitter();
+        this.onNodeContextMenuSelect = new core_1.EventEmitter();
         this.layout = 'vertical';
@@ -218,42 +242,82 @@ }
     };
-    Tree.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-tree',
-                    template: "\n        <div [ngClass]=\"{'ui-tree ui-widget ui-widget-content ui-corner-all':true,'ui-tree-selectable':selectionMode}\" [ngStyle]=\"style\" [class]=\"styleClass\" *ngIf=\"!horizontal\">\n            <ul class=\"ui-tree-container\">\n                <p-treeNode *ngFor=\"let node of value\" [node]=\"node\"></p-treeNode>\n            </ul>\n        </div>\n        <div [ngClass]=\"{'ui-tree ui-tree-horizontal ui-widget ui-widget-content ui-corner-all':true,'ui-tree-selectable':selectionMode}\"  [ngStyle]=\"style\" [class]=\"styleClass\" *ngIf=\"horizontal\">\n            <table *ngIf=\"value&&value[0]\">\n                <p-treeNode [node]=\"value[0]\" [root]=\"true\"></p-treeNode>\n            </table>\n        </div>\n    "
-                },] },
-    ];
-    /** @nocollapse */
-    Tree.ctorParameters = [];
-    Tree.propDecorators = {
-        'value': [{ type: Input },],
-        'selectionMode': [{ type: Input },],
-        'selection': [{ type: Input },],
-        'selectionChange': [{ type: Output },],
-        'onNodeSelect': [{ type: Output },],
-        'onNodeUnselect': [{ type: Output },],
-        'onNodeExpand': [{ type: Output },],
-        'onNodeCollapse': [{ type: Output },],
-        'onNodeContextMenuSelect': [{ type: Output },],
-        'style': [{ type: Input },],
-        'styleClass': [{ type: Input },],
-        'contextMenu': [{ type: Input },],
-        'layout': [{ type: Input },],
-        'templates': [{ type: ContentChildren, args: [PrimeTemplate,] },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Array)
+    ], Tree.prototype, "value", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Tree.prototype, "selectionMode", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], Tree.prototype, "selection", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Tree.prototype, "selectionChange", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Tree.prototype, "onNodeSelect", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Tree.prototype, "onNodeUnselect", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Tree.prototype, "onNodeExpand", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Tree.prototype, "onNodeCollapse", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], Tree.prototype, "onNodeContextMenuSelect", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], Tree.prototype, "style", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Tree.prototype, "styleClass", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], Tree.prototype, "contextMenu", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], Tree.prototype, "layout", void 0);
+    __decorate([
+        core_1.ContentChildren(shared_2.PrimeTemplate), 
+        __metadata('design:type', core_1.QueryList)
+    ], Tree.prototype, "templates", void 0);
+    Tree = __decorate([
+        core_1.Component({
+            selector: 'p-tree',
+            template: "\n        <div [ngClass]=\"{'ui-tree ui-widget ui-widget-content ui-corner-all':true,'ui-tree-selectable':selectionMode}\" [ngStyle]=\"style\" [class]=\"styleClass\" *ngIf=\"!horizontal\">\n            <ul class=\"ui-tree-container\">\n                <p-treeNode *ngFor=\"let node of value\" [node]=\"node\"></p-treeNode>\n            </ul>\n        </div>\n        <div [ngClass]=\"{'ui-tree ui-tree-horizontal ui-widget ui-widget-content ui-corner-all':true,'ui-tree-selectable':selectionMode}\"  [ngStyle]=\"style\" [class]=\"styleClass\" *ngIf=\"horizontal\">\n            <table *ngIf=\"value&&value[0]\">\n                <p-treeNode [node]=\"value[0]\" [root]=\"true\"></p-treeNode>\n            </table>\n        </div>\n    "
+        }), 
+        __metadata('design:paramtypes', [])
+    ], Tree);
     return Tree;
 }());
-export var TreeModule = (function () {
+exports.Tree = Tree;
+var TreeModule = (function () {
     function TreeModule() {
     }
-    TreeModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule],
-                    exports: [Tree, SharedModule],
-                    declarations: [Tree, UITreeNode, TreeNodeTemplateLoader]
-                },] },
-    ];
-    /** @nocollapse */
-    TreeModule.ctorParameters = [];
+    TreeModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule],
+            exports: [Tree, shared_1.SharedModule],
+            declarations: [Tree, UITreeNode, TreeNodeTemplateLoader]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], TreeModule);
     return TreeModule;
 }());
+exports.TreeModule = TreeModule;
 //# sourceMappingURL=tree.js.map

components/treetable/treetable.js

@@ -1,6 +0,19 @@
-import { NgModule, Component, Input, Output, EventEmitter, ContentChild, ContentChildren, Inject, forwardRef } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { Header, Footer, Column } from '../common/shared';
-import { SharedModule } from '../common/shared';
-export var UITreeRow = (function () {
+"use strict";
+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 shared_1 = require('../common/shared');
+var shared_2 = require('../common/shared');
+var UITreeRow = (function () {
     function UITreeRow(treeTable) {
@@ -44,25 +57,28 @@ this.treeTable = treeTable;
     };
-    UITreeRow.decorators = [
-        { type: Component, args: [{
-                    selector: '[pTreeRow]',
-                    template: "\n        <div class=\"ui-treetable-row\" [ngClass]=\"{'ui-state-hover':hover&&treeTable.selectionMode,'ui-state-highlight':isSelected()}\">\n            <td *ngFor=\"let col of treeTable.columns; let i=index\" [ngStyle]=\"col.style\" [class]=\"col.styleClass\"\n                (mouseenter)=\"hover=true\" (mouseleave)=\"hover=false\" (click)=\"onRowClick($event)\">\n                <span *ngIf=\"i==0\" class=\"ui-treetable-toggler fa fa-fw ui-c\" [ngClass]=\"{'fa-caret-down':node.expanded,'fa-caret-right':!node.expanded}\"\n                    [ngStyle]=\"{'margin-left':level*16 + 'px','visibility': isLeaf() ? 'hidden' : 'visible'}\"\n                    (click)=\"toggle($event)\"></span>\n                <span *ngIf=\"!col.template\">{{resolveFieldData(node.data,col.field)}}</span>\n                <p-columnBodyTemplateLoader [column]=\"col\" [rowData]=\"node\" *ngIf=\"col.template\"></p-columnBodyTemplateLoader>\n            </td>\n        </div>\n        <div *ngIf=\"node.children\" class=\"ui-treetable-row\" [style.display]=\"node.expanded ? 'table-row' : 'none'\">\n            <td [attr.colspan]=\"treeTable.columns.length\" class=\"ui-treetable-child-table-container\">\n                <table>\n                    <tbody pTreeRow *ngFor=\"let childNode of node.children\" [node]=\"childNode\" [level]=\"level+1\"></tbody>\n                </table>\n            </td>\n        </div>\n    "
-                },] },
-    ];
-    /** @nocollapse */
-    UITreeRow.ctorParameters = [
-        { type: TreeTable, decorators: [{ type: Inject, args: [forwardRef(function () { return TreeTable; }),] },] },
-    ];
-    UITreeRow.propDecorators = {
-        'node': [{ type: Input },],
-        'level': [{ type: Input },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], UITreeRow.prototype, "node", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Number)
+    ], UITreeRow.prototype, "level", void 0);
+    UITreeRow = __decorate([
+        core_1.Component({
+            selector: '[pTreeRow]',
+            template: "\n        <div class=\"ui-treetable-row\" [ngClass]=\"{'ui-state-hover':hover&&treeTable.selectionMode,'ui-state-highlight':isSelected()}\">\n            <td *ngFor=\"let col of treeTable.columns; let i=index\" [ngStyle]=\"col.style\" [class]=\"col.styleClass\"\n                (mouseenter)=\"hover=true\" (mouseleave)=\"hover=false\" (click)=\"onRowClick($event)\">\n                <span *ngIf=\"i==0\" class=\"ui-treetable-toggler fa fa-fw ui-c\" [ngClass]=\"{'fa-caret-down':node.expanded,'fa-caret-right':!node.expanded}\"\n                    [ngStyle]=\"{'margin-left':level*16 + 'px','visibility': isLeaf() ? 'hidden' : 'visible'}\"\n                    (click)=\"toggle($event)\"></span>\n                <span *ngIf=\"!col.template\">{{resolveFieldData(node.data,col.field)}}</span>\n                <p-columnBodyTemplateLoader [column]=\"col\" [rowData]=\"node\" *ngIf=\"col.template\"></p-columnBodyTemplateLoader>\n            </td>\n        </div>\n        <div *ngIf=\"node.children\" class=\"ui-treetable-row\" [style.display]=\"node.expanded ? 'table-row' : 'none'\">\n            <td [attr.colspan]=\"treeTable.columns.length\" class=\"ui-treetable-child-table-container\">\n                <table>\n                    <tbody pTreeRow *ngFor=\"let childNode of node.children\" [node]=\"childNode\" [level]=\"level+1\"></tbody>\n                </table>\n            </td>\n        </div>\n    "
+        }),
+        __param(0, core_1.Inject(core_1.forwardRef(function () { return TreeTable; }))), 
+        __metadata('design:paramtypes', [TreeTable])
+    ], UITreeRow);
     return UITreeRow;
 }());
-export var TreeTable = (function () {
+exports.UITreeRow = UITreeRow;
+var TreeTable = (function () {
     function TreeTable() {
-        this.selectionChange = new EventEmitter();
-        this.onNodeSelect = new EventEmitter();
-        this.onNodeUnselect = new EventEmitter();
-        this.onNodeExpand = new EventEmitter();
-        this.onNodeCollapse = new EventEmitter();
+        this.selectionChange = new core_1.EventEmitter();
+        this.onNodeSelect = new core_1.EventEmitter();
+        this.onNodeUnselect = new core_1.EventEmitter();
+        this.onNodeExpand = new core_1.EventEmitter();
+        this.onNodeCollapse = new core_1.EventEmitter();
     }
@@ -138,41 +154,78 @@ TreeTable.prototype.onRowClick = function (event, node) {
     };
-    TreeTable.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-treeTable',
-                    template: "\n        <div [ngClass]=\"'ui-treetable ui-widget'\" [ngStyle]=\"style\" [class]=\"styleClass\">\n            <div class=\"ui-treetable-header ui-widget-header\" *ngIf=\"header\">\n                <ng-content select=\"header\"></ng-content>\n            </div>\n            <div class=\"ui-treetable-tablewrapper\">\n                <table class=\"ui-widget-content\" style=\"border:0 0 1px 0px\">\n                    <thead>\n                        <tr class=\"ui-state-default\">\n                            <th #headerCell *ngFor=\"let col of columns\" [ngStyle]=\"col.style\" [class]=\"col.styleClass\" \n                                [ngClass]=\"'ui-state-default ui-unselectable-text'\">\n                                <span class=\"ui-column-title\" *ngIf=\"!col.headerTemplate\">{{col.header}}</span>\n                                <span class=\"ui-column-title\" *ngIf=\"col.headerTemplate\">\n                                    <p-columnHeaderTemplateLoader [column]=\"col\"></p-columnHeaderTemplateLoader>\n                                </span>\n                            </th>\n                        </tr>\n                    </thead>\n                    <tfoot *ngIf=\"hasFooter()\">\n                        <tr>\n                            <td *ngFor=\"let col of columns\" [ngStyle]=\"col.style\" [class]=\"col.styleClass\" [ngClass]=\"{'ui-state-default':true}\">\n                                <span class=\"ui-column-footer\" *ngIf=\"!col.footerTemplate\">{{col.footer}}</span>\n                                <span class=\"ui-column-footer\" *ngIf=\"col.footerTemplate\">\n                                    <p-columnFooterTemplateLoader [column]=\"col\"></p-columnFooterTemplateLoader>\n                                </span>\n                            </td>\n                        </tr>\n                    </tfoot>\n                    <tbody pTreeRow *ngFor=\"let node of value\" [node]=\"node\" [level]=\"0\"></tbody>\n                </table>\n            </div>\n            <div class=\"ui-treetable-footer ui-widget-header\" *ngIf=\"footer\">\n                <ng-content select=\"footer\"></ng-content>\n            </div>\n        </div>\n    "
-                },] },
-    ];
-    /** @nocollapse */
-    TreeTable.ctorParameters = [];
-    TreeTable.propDecorators = {
-        'value': [{ type: Input },],
-        'selectionMode': [{ type: Input },],
-        'selection': [{ type: Input },],
-        'selectionChange': [{ type: Output },],
-        'onNodeSelect': [{ type: Output },],
-        'onNodeUnselect': [{ type: Output },],
-        'onNodeExpand': [{ type: Output },],
-        'onNodeCollapse': [{ type: Output },],
-        'style': [{ type: Input },],
-        'styleClass': [{ type: Input },],
-        'header': [{ type: ContentChild, args: [Header,] },],
-        'footer': [{ type: ContentChild, args: [Footer,] },],
-        'columns': [{ type: ContentChildren, args: [Column,] },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Array)
+    ], TreeTable.prototype, "value", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], TreeTable.prototype, "selectionMode", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], TreeTable.prototype, "selection", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], TreeTable.prototype, "selectionChange", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], TreeTable.prototype, "onNodeSelect", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], TreeTable.prototype, "onNodeUnselect", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], TreeTable.prototype, "onNodeExpand", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], TreeTable.prototype, "onNodeCollapse", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Object)
+    ], TreeTable.prototype, "style", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], TreeTable.prototype, "styleClass", void 0);
+    __decorate([
+        core_1.ContentChild(shared_1.Header), 
+        __metadata('design:type', shared_1.Header)
+    ], TreeTable.prototype, "header", void 0);
+    __decorate([
+        core_1.ContentChild(shared_1.Footer), 
+        __metadata('design:type', shared_1.Footer)
+    ], TreeTable.prototype, "footer", void 0);
+    __decorate([
+        core_1.ContentChildren(shared_1.Column), 
+        __metadata('design:type', core_1.QueryList)
+    ], TreeTable.prototype, "columns", void 0);
+    TreeTable = __decorate([
+        core_1.Component({
+            selector: 'p-treeTable',
+            template: "\n        <div [ngClass]=\"'ui-treetable ui-widget'\" [ngStyle]=\"style\" [class]=\"styleClass\">\n            <div class=\"ui-treetable-header ui-widget-header\" *ngIf=\"header\">\n                <ng-content select=\"header\"></ng-content>\n            </div>\n            <div class=\"ui-treetable-tablewrapper\">\n                <table class=\"ui-widget-content\" style=\"border:0 0 1px 0px\">\n                    <thead>\n                        <tr class=\"ui-state-default\">\n                            <th #headerCell *ngFor=\"let col of columns\" [ngStyle]=\"col.style\" [class]=\"col.styleClass\" \n                                [ngClass]=\"'ui-state-default ui-unselectable-text'\">\n                                <span class=\"ui-column-title\" *ngIf=\"!col.headerTemplate\">{{col.header}}</span>\n                                <span class=\"ui-column-title\" *ngIf=\"col.headerTemplate\">\n                                    <p-columnHeaderTemplateLoader [column]=\"col\"></p-columnHeaderTemplateLoader>\n                                </span>\n                            </th>\n                        </tr>\n                    </thead>\n                    <tfoot *ngIf=\"hasFooter()\">\n                        <tr>\n                            <td *ngFor=\"let col of columns\" [ngStyle]=\"col.style\" [class]=\"col.styleClass\" [ngClass]=\"{'ui-state-default':true}\">\n                                <span class=\"ui-column-footer\" *ngIf=\"!col.footerTemplate\">{{col.footer}}</span>\n                                <span class=\"ui-column-footer\" *ngIf=\"col.footerTemplate\">\n                                    <p-columnFooterTemplateLoader [column]=\"col\"></p-columnFooterTemplateLoader>\n                                </span>\n                            </td>\n                        </tr>\n                    </tfoot>\n                    <tbody pTreeRow *ngFor=\"let node of value\" [node]=\"node\" [level]=\"0\"></tbody>\n                </table>\n            </div>\n            <div class=\"ui-treetable-footer ui-widget-header\" *ngIf=\"footer\">\n                <ng-content select=\"footer\"></ng-content>\n            </div>\n        </div>\n    "
+        }), 
+        __metadata('design:paramtypes', [])
+    ], TreeTable);
     return TreeTable;
 }());
-export var TreeTableModule = (function () {
+exports.TreeTable = TreeTable;
+var TreeTableModule = (function () {
     function TreeTableModule() {
     }
-    TreeTableModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule, SharedModule],
-                    exports: [TreeTable, SharedModule],
-                    declarations: [TreeTable, UITreeRow]
-                },] },
-    ];
-    /** @nocollapse */
-    TreeTableModule.ctorParameters = [];
+    TreeTableModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule, shared_2.SharedModule],
+            exports: [TreeTable, shared_2.SharedModule],
+            declarations: [TreeTable, UITreeRow]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], TreeTableModule);
     return TreeTableModule;
 }());
+exports.TreeTableModule = TreeTableModule;
 //# sourceMappingURL=treetable.js.map

components/tristatecheckbox/tristatecheckbox.js

@@ -1,12 +0,22 @@
-import { NgModule, Component, Input, Output, EventEmitter, forwardRef } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-export var TRISTATECHECKBOX_VALUE_ACCESSOR = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(function () { return TriStateCheckbox; }),
+"use strict";
+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');
+exports.TRISTATECHECKBOX_VALUE_ACCESSOR = {
+    provide: forms_1.NG_VALUE_ACCESSOR,
+    useExisting: core_1.forwardRef(function () { return TriStateCheckbox; }),
     multi: true
 };
-export var TriStateCheckbox = (function () {
+var TriStateCheckbox = (function () {
     function TriStateCheckbox() {
-        this.onChange = new EventEmitter();
+        this.onChange = new core_1.EventEmitter();
         this.onModelChange = function () { };
@@ -65,32 +75,39 @@ this.onModelTouched = function () { };
     };
-    TriStateCheckbox.decorators = [
-        { type: Component, args: [{
-                    selector: 'p-triStateCheckbox',
-                    template: "\n        <div class=\"ui-chkbox ui-tristatechkbox ui-widget\">\n            <div class=\"ui-helper-hidden-accessible\">\n                <input #input type=\"text\" [name]=\"name\" readonly [disabled]=\"disabled\" (keyup)=\"onKeyup($event)\" (keydown)=\"onKeydown($event)\" (focus)=\"onFocus()\" (blur)=\"onBlur()\">\n            </div>\n            <div class=\"ui-chkbox-box ui-widget ui-corner-all ui-state-default\" (click)=\"onClick($event,input)\"\n                [ngClass]=\"{'ui-state-hover':hover&&!disabled,'ui-state-active':value!=null,'ui-state-disabled':disabled,'ui-state-focus':focus}\" \n                    (mouseenter)=\"hover=true\" (mouseleave)=\"hover=false\">\n                <span class=\"ui-chkbox-icon fa fa-fw ui-c\" [ngClass]=\"{'fa-check':value==true,'fa-close':value==false}\"></span>\n            </div>\n        </div>\n    ",
-                    providers: [TRISTATECHECKBOX_VALUE_ACCESSOR]
-                },] },
-    ];
-    /** @nocollapse */
-    TriStateCheckbox.ctorParameters = [];
-    TriStateCheckbox.propDecorators = {
-        'disabled': [{ type: Input },],
-        'name': [{ type: Input },],
-        'onChange': [{ type: Output },],
-    };
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', Boolean)
+    ], TriStateCheckbox.prototype, "disabled", void 0);
+    __decorate([
+        core_1.Input(), 
+        __metadata('design:type', String)
+    ], TriStateCheckbox.prototype, "name", void 0);
+    __decorate([
+        core_1.Output(), 
+        __metadata('design:type', core_1.EventEmitter)
+    ], TriStateCheckbox.prototype, "onChange", void 0);
+    TriStateCheckbox = __decorate([
+        core_1.Component({
+            selector: 'p-triStateCheckbox',
+            template: "\n        <div class=\"ui-chkbox ui-tristatechkbox ui-widget\">\n            <div class=\"ui-helper-hidden-accessible\">\n                <input #input type=\"text\" [name]=\"name\" readonly [disabled]=\"disabled\" (keyup)=\"onKeyup($event)\" (keydown)=\"onKeydown($event)\" (focus)=\"onFocus()\" (blur)=\"onBlur()\">\n            </div>\n            <div class=\"ui-chkbox-box ui-widget ui-corner-all ui-state-default\" (click)=\"onClick($event,input)\"\n                [ngClass]=\"{'ui-state-hover':hover&&!disabled,'ui-state-active':value!=null,'ui-state-disabled':disabled,'ui-state-focus':focus}\" \n                    (mouseenter)=\"hover=true\" (mouseleave)=\"hover=false\">\n                <span class=\"ui-chkbox-icon fa fa-fw ui-c\" [ngClass]=\"{'fa-check':value==true,'fa-close':value==false}\"></span>\n            </div>\n        </div>\n    ",
+            providers: [exports.TRISTATECHECKBOX_VALUE_ACCESSOR]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], TriStateCheckbox);
     return TriStateCheckbox;
 }());
-export var TriStateCheckboxModule = (function () {
+exports.TriStateCheckbox = TriStateCheckbox;
+var TriStateCheckboxModule = (function () {
     function TriStateCheckboxModule() {
     }
-    TriStateCheckboxModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule],
-                    exports: [TriStateCheckbox],
-                    declarations: [TriStateCheckbox]
-                },] },
-    ];
-    /** @nocollapse */
-    TriStateCheckboxModule.ctorParameters = [];
+    TriStateCheckboxModule = __decorate([
+        core_1.NgModule({
+            imports: [common_1.CommonModule],
+            exports: [TriStateCheckbox],
+            declarations: [TriStateCheckbox]
+        }), 
+        __metadata('design:paramtypes', [])
+    ], TriStateCheckboxModule);
     return TriStateCheckboxModule;
 }());
+exports.TriStateCheckboxModule = TriStateCheckboxModule;
 //# sourceMappingURL=tristatecheckbox.js.map

package.json

 {
   "name": "primeng",
-  "version": "1.0.0-rc.2",
+  "version": "1.0.0-rc.3",
   "scripts": {
@@ -5,0 +5,0 @@ "tsc": "tsc",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

4427411

increased by14.54%

Lines of code

37672

increased by7.22%

No dependency changes