ng-expandable-area/bundles/ng-expandable-area.umd.js

Expandable area for Angular4+

(function (global, factory) {
    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common')) :
    typeof define === 'function' && define.amd ? define('ng-expandable-area', ['exports', '@angular/core', '@angular/common'], factory) :
    (factory((global['ng-expandable-area'] = {}),global.ng.core,global.ng.common));
}(this, (function (exports,core,common) { 'use strict';

    /**
     * @fileoverview added by tsickle
     * @suppress {checkTypes} checked by tsc
     */
    var ExpandableAreaComponent = (function () {
        function ExpandableAreaComponent(_elementRef, renderer) {
            this._elementRef = _elementRef;
            this.renderer = renderer;
        }
        /**
         * @return {?}
         */
        ExpandableAreaComponent.prototype.ngOnInit = /**
         * @return {?}
         */
            function () {
                if (this.opened) {
                    this.show();
                }
            };
        /**
         * @return {?}
         */
        ExpandableAreaComponent.prototype.showArea = /**
         * @return {?}
         */
            function () {
                if (this._elementRef.nativeElement.classList.contains('active')) {
                    this.hide();
                }
                else {
                    this.show();
                }
            };
        /**
         * @return {?}
         */
        ExpandableAreaComponent.prototype.show = /**
         * @return {?}
         */
            function () {
                this.renderer.addClass(this._elementRef.nativeElement, 'active');
            };
        /**
         * @return {?}
         */
        ExpandableAreaComponent.prototype.hide = /**
         * @return {?}
         */
            function () {
                this.renderer.removeClass(this._elementRef.nativeElement, 'active');
            };
        ExpandableAreaComponent.decorators = [
            { type: core.Component, args: [{
                        selector: 'ng-expandable-area',
                        template: "<div class=\"ep-collapse-title\" (click)=\"showArea()\">\n  {{ title }}\n  <img src=\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h\n  0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT\n  0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZmlsbD0iIzY0NTM5NCIgZmlsbC1ydWxlPSJub256Z\n  XJvIiBkPSJNMTUuODg0IDkuMjk0TDEyIDEzLjE3IDguMTE2IDkuMjk0YS45OTcuOTk3IDAgMSAw\n  LTEuNDEgMS40MWw0LjU4NyA0LjU4OWExIDEgMCAwIDAgMS40MTQgMGw0LjU4OC00LjU4OGEuOTk\n  4Ljk5OCAwIDAgMC0xLjQxLTEuNDF6Ii8+CiAgICAgICAgPHBhdGggZD0iTTAgMGgyNHYyNEgwei\n  IvPgogICAgPC9nPgo8L3N2Zz4K\">\n</div>\n<div class=\"ep-collapse-area\">\n  <ng-content></ng-content>\n</div>\n",
                        styles: [".ep-collapse-title{opacity:.9;font-size:1em;font-weight:700;line-height:1.33;text-align:left;color:#000;text-transform:uppercase;position:relative;padding-right:28px;margin:15px 0}.ep-collapse-title:hover{cursor:pointer}.ep-collapse-title img{position:absolute;width:24px;height:24px;right:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.ep-collapse-area{margin:15px 0;display:none}.ep-collapse-area.active{display:block}:host.active .ep-collapse-area{display:block}:host.active .ep-collapse-title img{-webkit-transform:rotate(0);transform:rotate(0)}"]
                    },] },
        ];
        /** @nocollapse */
        ExpandableAreaComponent.ctorParameters = function () {
            return [
                { type: core.ElementRef },
                { type: core.Renderer2 }
            ];
        };
        ExpandableAreaComponent.propDecorators = {
            title: [{ type: core.Input }],
            opened: [{ type: core.Input }]
        };
        return ExpandableAreaComponent;
    }());

    /**
     * @fileoverview added by tsickle
     * @suppress {checkTypes} checked by tsc
     */
    var ExpandableAreaModule = (function () {
        function ExpandableAreaModule() {
        }
        ExpandableAreaModule.decorators = [
            { type: core.NgModule, args: [{
                        imports: [
                            common.CommonModule
                        ],
                        declarations: [ExpandableAreaComponent],
                        exports: [ExpandableAreaComponent]
                    },] },
        ];
        return ExpandableAreaModule;
    }());

    /**
     * @fileoverview added by tsickle
     * @suppress {checkTypes} checked by tsc
     */

    /**
     * @fileoverview added by tsickle
     * @suppress {checkTypes} checked by tsc
     */

    exports.ExpandableAreaModule = ExpandableAreaModule;
    exports.ɵa = ExpandableAreaComponent;

    Object.defineProperty(exports, '__esModule', { value: true });

})));

//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctZXhwYW5kYWJsZS1hcmVhLnVtZC5qcy5tYXAiLCJzb3VyY2VzIjpbIm5nOi8vbmctZXhwYW5kYWJsZS1hcmVhL2V4cGFuZGFibGUtYXJlYS9leHBhbmRhYmxlLWFyZWEuY29tcG9uZW50LnRzIiwibmc6Ly9uZy1leHBhbmRhYmxlLWFyZWEvZXhwYW5kYWJsZS1hcmVhL2V4cGFuZGFibGUtYXJlYS5tb2R1bGUudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgUmVuZGVyZXIyLCBFbGVtZW50UmVmLCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmctZXhwYW5kYWJsZS1hcmVhJyxcbiAgdGVtcGxhdGU6IGA8ZGl2IGNsYXNzPVwiZXAtY29sbGFwc2UtdGl0bGVcIiAoY2xpY2spPVwic2hvd0FyZWEoKVwiPlxuICB7eyB0aXRsZSB9fVxuICA8aW1nIHNyYz1cImRhdGE6aW1hZ2Uvc3ZnK3htbDtiYXNlNjQsUEhOMlp5QjRiV3h1Y3owaWFIUjBjRG92TDNkM2R5NTNNeTV2Y21jdk1qQXdNQzl6ZG1jaUlIZHBaSFJvUFNJeU5DSWdhR1ZwWjJoXG4gIDBQU0l5TkNJZ2RtbGxkMEp2ZUQwaU1DQXdJREkwSURJMElqNEtJQ0FnSUR4bklHWnBiR3c5SW01dmJtVWlJR1pwYkd3dGNuVnNaVFxuICAwaVpYWmxibTlrWkNJK0NpQWdJQ0FnSUNBZ1BIQmhkR2dnWm1sc2JEMGlJelkwTlRNNU5DSWdabWxzYkMxeWRXeGxQU0p1YjI1NlpcbiAgWEp2SWlCa1BTSk5NVFV1T0RnMElEa3VNamswVERFeUlERXpMakUzSURndU1URTJJRGt1TWprMFlTNDVPVGN1T1RrM0lEQWdNU0F3XG4gIExURXVOREVnTVM0ME1XdzBMalU0TnlBMExqVTRPV0V4SURFZ01DQXdJREFnTVM0ME1UUWdNR3cwTGpVNE9DMDBMalU0T0dFdU9Ua1xuICA0TGprNU9DQXdJREFnTUMweExqUXhMVEV1TkRGNklpOCtDaUFnSUNBZ0lDQWdQSEJoZEdnZ1pEMGlUVEFnTUdneU5IWXlORWd3ZWlcbiAgSXZQZ29nSUNBZ1BDOW5QZ284TDNOMlp6NEtcIj5cbjwvZGl2PlxuPGRpdiBjbGFzcz1cImVwLWNvbGxhcHNlLWFyZWFcIj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG5gLFxuICBzdHlsZXM6IFtgLmVwLWNvbGxhcHNlLXRpdGxle29wYWNpdHk6Ljk7Zm9udC1zaXplOjFlbTtmb250LXdlaWdodDo3MDA7bGluZS1oZWlnaHQ6MS4zMzt0ZXh0LWFsaWduOmxlZnQ7Y29sb3I6IzAwMDt0ZXh0LXRyYW5zZm9ybTp1cHBlcmNhc2U7cG9zaXRpb246cmVsYXRpdmU7cGFkZGluZy1yaWdodDoyOHB4O21hcmdpbjoxNXB4IDB9LmVwLWNvbGxhcHNlLXRpdGxlOmhvdmVye2N1cnNvcjpwb2ludGVyfS5lcC1jb2xsYXBzZS10aXRsZSBpbWd7cG9zaXRpb246YWJzb2x1dGU7d2lkdGg6MjRweDtoZWlnaHQ6MjRweDtyaWdodDowOy13ZWJraXQtdHJhbnNmb3JtOnJvdGF0ZSgtOTBkZWcpO3RyYW5zZm9ybTpyb3RhdGUoLTkwZGVnKX0uZXAtY29sbGFwc2UtYXJlYXttYXJnaW46MTVweCAwO2Rpc3BsYXk6bm9uZX0uZXAtY29sbGFwc2UtYXJlYS5hY3RpdmV7ZGlzcGxheTpibG9ja306aG9zdC5hY3RpdmUgLmVwLWNvbGxhcHNlLWFyZWF7ZGlzcGxheTpibG9ja306aG9zdC5hY3RpdmUgLmVwLWNvbGxhcHNlLXRpdGxlIGltZ3std2Via2l0LXRyYW5zZm9ybTpyb3RhdGUoMCk7dHJhbnNmb3JtOnJvdGF0ZSgwKX1gXVxufSlcbmV4cG9ydCBjbGFzcyBFeHBhbmRhYmxlQXJlYUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIHB1YmxpYyB0aXRsZTogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgb3BlbmVkOiBib29sZWFuO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgX2VsZW1lbnRSZWY6IEVsZW1lbnRSZWYsXG4gICAgcHJpdmF0ZSByZW5kZXJlcjogUmVuZGVyZXIyXG4gICkgeyB9XG5cbiAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLm9wZW5lZCkge1xuICAgICAgdGhpcy5zaG93KCk7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIHNob3dBcmVhKCkge1xuICAgIGlmICh0aGlzLl9lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuY2xhc3NMaXN0LmNvbnRhaW5zKCdhY3RpdmUnKSkge1xuICAgICAgdGhpcy5oaWRlKCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuc2hvdygpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgc2hvdygpIHtcbiAgICB0aGlzLnJlbmRlcmVyLmFkZENsYXNzKHRoaXMuX2VsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgJ2FjdGl2ZScpO1xuICB9XG5cbiAgcHJpdmF0ZSBoaWRlKCkge1xuICAgIHRoaXMucmVuZGVyZXIucmVtb3ZlQ2xhc3ModGhpcy5fZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LCAnYWN0aXZlJyk7XG4gIH1cblxufVxuIiwiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBFeHBhbmRhYmxlQXJlYUNvbXBvbmVudCB9IGZyb20gJy4vZXhwYW5kYWJsZS1hcmVhLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGVcbiAgXSxcbiAgZGVjbGFyYXRpb25zOiBbRXhwYW5kYWJsZUFyZWFDb21wb25lbnRdLFxuICBleHBvcnRzOiBbRXhwYW5kYWJsZUFyZWFDb21wb25lbnRdXG59KVxuZXhwb3J0IGNsYXNzIEV4cGFuZGFibGVBcmVhTW9kdWxlIHsgfVxuIl0sIm5hbWVzIjpbIkNvbXBvbmVudCIsIkVsZW1lbnRSZWYiLCJSZW5kZXJlcjIiLCJJbnB1dCIsIk5nTW9kdWxlIiwiQ29tbW9uTW9kdWxlIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7O0FBQUE7UUF3QkUsaUNBQ1UsYUFDQTtZQURBLGdCQUFXLEdBQVgsV0FBVztZQUNYLGFBQVEsR0FBUixRQUFRO1NBQ2I7Ozs7UUFFRSwwQ0FBUTs7OztnQkFDYixJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUU7b0JBQ2YsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO2lCQUNiOzs7OztRQUdJLDBDQUFROzs7O2dCQUNiLElBQUksSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsRUFBRTtvQkFDL0QsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO2lCQUNiO3FCQUFNO29CQUNMLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztpQkFDYjs7Ozs7UUFHSyxzQ0FBSTs7OztnQkFDVixJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsRUFBRSxRQUFRLENBQUMsQ0FBQzs7Ozs7UUFHM0Qsc0NBQUk7Ozs7Z0JBQ1YsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLEVBQUUsUUFBUSxDQUFDLENBQUM7OztvQkE5Q3ZFQSxjQUFTLFNBQUM7d0JBQ1QsUUFBUSxFQUFFLG9CQUFvQjt3QkFDOUIsUUFBUSxFQUFFLDByQkFhWDt3QkFDQyxNQUFNLEVBQUUsQ0FBQyxxakJBQXFqQixDQUFDO3FCQUNoa0I7Ozs7O3dCQW5CcUNDLGVBQVU7d0JBQXJCQyxjQUFTOzs7OzRCQXFCakNDLFVBQUs7NkJBQ0xBLFVBQUs7O3NDQXRCUjs7Ozs7OztBQ0FBOzs7O29CQUlDQyxhQUFRLFNBQUM7d0JBQ1IsT0FBTyxFQUFFOzRCQUNQQyxtQkFBWTt5QkFDYjt3QkFDRCxZQUFZLEVBQUUsQ0FBQyx1QkFBdUIsQ0FBQzt3QkFDdkMsT0FBTyxFQUFFLENBQUMsdUJBQXVCLENBQUM7cUJBQ25DOzttQ0FWRDs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OyJ9