ng-semantic/src/sidebar/sidebar.js

Angular2 building blocks based on Semantic UI

"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");
jQuery.fn.fixSidebar = function () {
    var allModules = jQuery(this);
    allModules
        .each(function () {
        var selector = { pusher: ".pusher" }, module = jQuery(this), context = jQuery("body");
        if (module.nextAll(selector.pusher).length === 0) {
            module.detach().prependTo(context);
        }
    });
    return this;
};
var SemanticSidebarComponent = (function () {
    function SemanticSidebarComponent(renderer) {
        this.renderer = renderer;
    }
    SemanticSidebarComponent.prototype.show = function (options) {
        jQuery(this.sidebar.nativeElement)
            .sidebar(options || {})
            .sidebar("toggle");
    };
    SemanticSidebarComponent.prototype.hide = function () {
        jQuery(this.sidebar.nativeElement)
            .sidebar("hide");
    };
    SemanticSidebarComponent.prototype.ngOnInit = function () {
        jQuery(this.sidebar.nativeElement)
            .fixSidebar();
    };
    SemanticSidebarComponent.prototype.ngOnDestroy = function () {
        this.renderer.detachView([this.sidebar.nativeElement]);
    };
    return SemanticSidebarComponent;
}());
__decorate([
    core_1.Input(),
    __metadata("design:type", String)
], SemanticSidebarComponent.prototype, "class", void 0);
__decorate([
    core_1.ViewChild("sidebar"),
    __metadata("design:type", core_1.ElementRef)
], SemanticSidebarComponent.prototype, "sidebar", void 0);
SemanticSidebarComponent = __decorate([
    core_1.Component({
        changeDetection: core_1.ChangeDetectionStrategy.OnPush,
        selector: "sm-sidebar",
        template: "<div class=\"ui sidebar {{class}}\" #sidebar>\n<ng-content></ng-content>\n</div>"
    }),
    __metadata("design:paramtypes", [core_1.Renderer])
], SemanticSidebarComponent);
exports.SemanticSidebarComponent = SemanticSidebarComponent;