@inspark/inspark-components 1.0.0

package/full/esm2015/components/switcher/switcher.component.js

@@ -0,0 +1,148 @@
+var SwitcherComponent_1;
+import { __decorate, __metadata } from "tslib";
+import { ChangeDetectorRef, Component, ElementRef, EventEmitter, forwardRef, Input, OnChanges, OnInit, Output } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { Router } from '@angular/router';
+let SwitcherComponent = SwitcherComponent_1 = class SwitcherComponent {
+    constructor(element, cdRef, router) {
+        this.element = element;
+        this.cdRef = cdRef;
+        this.router = router;
+        this.name = null;
+        this.label = null;
+        this.error = null;
+        this.iconOff = '';
+        this.iconOn = '';
+        this.labelOff = 'Off';
+        this.labelOn = 'On';
+        this.faIconOn = '';
+        this.faIconOff = '';
+        this.id = null;
+        this.change = new EventEmitter();
+        this._isBoolean = false;
+        this.propagateChange = (_) => {
+        };
+    }
+    ngOnInit() {
+        this._isBoolean = typeof this.value === 'boolean';
+        this.value = typeof this.value === 'string' ? JSON.parse(this.value) : !!this.value;
+    }
+    ngOnChanges(changes) {
+    }
+    /**
+     * Write form value to the DOM element (model => view)
+     */
+    writeValue(value) {
+        this._isBoolean = typeof value === 'boolean';
+        this.value = value;
+        this.cdRef.detectChanges();
+    }
+    /**
+     * Write form disabled state to the DOM element (model => view)
+     */
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    /**
+     * Update form when DOM element value changes (view => model)
+     */
+    registerOnChange(fn) {
+        // Store the provided function as an internal method.
+        this.propagateChange = fn;
+    }
+    /**
+     * Update form when DOM element is blurred (view => model)
+     */
+    registerOnTouched(fn) {
+        // Store the provided function as an internal method.
+        this.onTouched = fn;
+    }
+    onChange(e) {
+        e.stopPropagation();
+        e.preventDefault();
+        if (this._isBoolean) {
+            this.propagateChange(this.value);
+            this.change.emit(this.value);
+        }
+        else {
+            this.propagateChange(this.value ? 1 : 0);
+            this.change.emit(this.value ? 1 : 0);
+        }
+    }
+    onTouched() {
+    }
+};
+SwitcherComponent.ctorParameters = () => [
+    { type: ElementRef },
+    { type: ChangeDetectorRef },
+    { type: Router }
+];
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], SwitcherComponent.prototype, "name", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], SwitcherComponent.prototype, "label", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], SwitcherComponent.prototype, "error", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], SwitcherComponent.prototype, "iconOff", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], SwitcherComponent.prototype, "iconOn", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], SwitcherComponent.prototype, "labelOff", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], SwitcherComponent.prototype, "labelOn", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], SwitcherComponent.prototype, "faIconOn", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], SwitcherComponent.prototype, "faIconOff", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], SwitcherComponent.prototype, "id", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], SwitcherComponent.prototype, "disabled", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], SwitcherComponent.prototype, "waiting", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], SwitcherComponent.prototype, "change", void 0);
+SwitcherComponent = SwitcherComponent_1 = __decorate([
+    Component({
+        selector: 'in-switcher',
+        template: "<label class=\"c-checkbox c-checkbox_switch container\">\n  <span *ngIf=\"label\" class=\"label\">{{label}}</span>\n  <span  class=\"switcher-container\">\n        <span class=\"c-checkbox__label u-vertical-align-middle u-text_center\">\n            <span *ngIf=\"!iconOff\">{{labelOff | translate}}</span>\n            <span *ngIf=\"faIconOff\"><i class=\"fa\" [ngClass]=\"faIconOff\"></i></span>\n            <in-svg *ngIf=\"iconOff\" [src]=\"iconOff\" height=\"48px\" size=\"large\" width=\"48px\"></in-svg>\n        </span>\n        <input  *ngIf=\"!waiting\" (change)=\"onChange($event)\"\n               [(ngModel)]=\"value\"\n               [checked]=\"value\" [disabled]=\"disabled\"\n               class=\"c-checkbox__input\"\n               name=\"element_name\"\n               type=\"checkbox\"/>\n        <i  *ngIf=\"!waiting\" class=\"c-checkbox__icon u-margin-left-tiny u-vertical-align-baseline\"></i>\n        <span *ngIf = \"waiting\" class=\"c-spinner \" style = \"display: inline-block; width:50px; text-align: center\"><i class=\"fa fa-circle-o-notch fa-spin \"></i></span>\n        <span  class=\"c-spinner c-checkbox__label u-vertical-align-middle u-text_center\">\n            <span *ngIf=\"!iconOn\">{{labelOn | translate}}</span>\n            <span *ngIf=\"faIconOn\"><i class=\"fa\" [ngClass]=\"faIconOn\"></i></span>\n            <in-svg *ngIf=\"iconOn\" [src]=\"iconOn\" height=\"48px\" size=\"large\" width=\"48px\"></in-svg>\n        </span>\n    </span>\n</label>\n",
+        providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => SwitcherComponent_1),
+                multi: true,
+            }
+        ],
+        styles: [".container{display:inline-flex;align-items:center;justify-content:center;flex-direction:column}.c-checkbox_switch .c-checkbox__icon{height:30px}.c-checkbox{margin-right:0}.label{font-size:11px;font-weight:700;display:block;text-align:center;text-transform:uppercase;margin-bottom:2px}.switcher-container{display:flex;align-items:center;justify-content:center}"]
+    }),
+    __metadata("design:paramtypes", [ElementRef, ChangeDetectorRef, Router])
+], SwitcherComponent);
+export { SwitcherComponent };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3dpdGNoZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGluc3BhcmsvaW5zcGFyay1jb21wb25lbnRzLyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy9zd2l0Y2hlci9zd2l0Y2hlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxPQUFPLEVBQUMsaUJBQWlCLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxZQUFZLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUNuSSxPQUFPLEVBQXVCLGlCQUFpQixFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFDdkUsT0FBTyxFQUFDLE1BQU0sRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBY3ZDLElBQWEsaUJBQWlCLHlCQUE5QixNQUFhLGlCQUFpQjtJQXNCNUIsWUFBbUIsT0FBbUIsRUFBVSxLQUF3QixFQUFTLE1BQWM7UUFBNUUsWUFBTyxHQUFQLE9BQU8sQ0FBWTtRQUFVLFVBQUssR0FBTCxLQUFLLENBQW1CO1FBQVMsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQXBCdEYsU0FBSSxHQUFHLElBQUksQ0FBQztRQUNaLFVBQUssR0FBRyxJQUFJLENBQUM7UUFDYixVQUFLLEdBQUcsSUFBSSxDQUFDO1FBQ2IsWUFBTyxHQUFHLEVBQUUsQ0FBQztRQUNiLFdBQU0sR0FBRyxFQUFFLENBQUM7UUFDWixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLFlBQU8sR0FBRyxJQUFJLENBQUM7UUFDZixhQUFRLEdBQUcsRUFBRSxDQUFDO1FBQ2QsY0FBUyxHQUFHLEVBQUUsQ0FBQztRQUNmLE9BQUUsR0FBRyxJQUFJLENBQUM7UUFJVCxXQUFNLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFekQsZUFBVSxHQUFHLEtBQUssQ0FBQztRQWtEWCxvQkFBZSxHQUFHLENBQUMsQ0FBTSxFQUFFLEVBQUU7UUFDckMsQ0FB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O0tBQ0YsQ0FBQztxQ0F1QjRCLFVBQVUsRUFBaUIsaUJBQWlCLEVBQWlCLE1BQU07R0F0QnBGLGlCQUFpQixDQXNGN0I7U0F0RlksaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBFdmVudEVtaXR0ZXIsIGZvcndhcmRSZWYsIElucHV0LCBPbkNoYW5nZXMsIE9uSW5pdCwgT3V0cHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7Q29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQge1JvdXRlcn0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaW4tc3dpdGNoZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vc3dpdGNoZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zd2l0Y2hlci5jb21wb25lbnQuc2NzcyddLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFN3aXRjaGVyQ29tcG9uZW50KSxcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgIH1cbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU3dpdGNoZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcywgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xuXG4gIEBJbnB1dCgpIG5hbWUgPSBudWxsO1xuICBASW5wdXQoKSBsYWJlbCA9IG51bGw7XG4gIEBJbnB1dCgpIGVycm9yID0gbnVsbDtcbiAgQElucHV0KCkgaWNvbk9mZiA9ICcnO1xuICBASW5wdXQoKSBpY29uT24gPSAnJztcbiAgQElucHV0KCkgbGFiZWxPZmYgPSAnT2ZmJztcbiAgQElucHV0KCkgbGFiZWxPbiA9ICdPbic7XG4gIEBJbnB1dCgpIGZhSWNvbk9uID0gJyc7XG4gIEBJbnB1dCgpIGZhSWNvbk9mZiA9ICcnO1xuICBASW5wdXQoKSBpZCA9IG51bGw7XG4gIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuO1xuICBASW5wdXQoKSB3YWl0aW5nPzogYm9vbGVhbjtcblxuICBAT3V0cHV0KCkgY2hhbmdlOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBfaXNCb29sZWFuID0gZmFsc2U7XG5cbiAgdmFsdWU6IGJvb2xlYW47XG5cblxuICBjb25zdHJ1Y3RvcihwdWJsaWMgZWxlbWVudDogRWxlbWVudFJlZiwgcHJpdmF0ZSBjZFJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYsIHB1YmxpYyByb3V0ZXI6IFJvdXRlcikge1xuXG4gIH1cblxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuX2lzQm9vbGVhbiA9IHR5cGVvZiB0aGlzLnZhbHVlID09PSAnYm9vbGVhbic7XG4gICAgdGhpcy52YWx1ZSA9IHR5cGVvZiB0aGlzLnZhbHVlID09PSAnc3RyaW5nJyA/IEpTT04ucGFyc2UodGhpcy52YWx1ZSkgOiAhIXRoaXMudmFsdWU7XG4gIH1cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzKSB7XG4gIH1cblxuICAvKipcbiAgICogV3JpdGUgZm9ybSB2YWx1ZSB0byB0aGUgRE9NIGVsZW1lbnQgKG1vZGVsID0+IHZpZXcpXG4gICAqL1xuICB3cml0ZVZhbHVlKHZhbHVlOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLl9pc0Jvb2xlYW4gPSB0eXBlb2YgdmFsdWUgPT09ICdib29sZWFuJztcbiAgICB0aGlzLnZhbHVlID0gdmFsdWU7XG4gICAgdGhpcy5jZFJlZi5kZXRlY3RDaGFuZ2VzKCk7XG4gIH1cblxuICAvKipcbiAgICogV3JpdGUgZm9ybSBkaXNhYmxlZCBzdGF0ZSB0byB0aGUgRE9NIGVsZW1lbnQgKG1vZGVsID0+IHZpZXcpXG4gICAqL1xuICBzZXREaXNhYmxlZFN0YXRlKGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLmRpc2FibGVkID0gaXNEaXNhYmxlZDtcbiAgfVxuXG4gIC8qKlxuICAgKiBVcGRhdGUgZm9ybSB3aGVuIERPTSBlbGVtZW50IHZhbHVlIGNoYW5nZXMgKHZpZXcgPT4gbW9kZWwpXG4gICAqL1xuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpOiB2b2lkIHtcbiAgICAvLyBTdG9yZSB0aGUgcHJvdmlkZWQgZnVuY3Rpb24gYXMgYW4gaW50ZXJuYWwgbWV0aG9kLlxuICAgIHRoaXMucHJvcGFnYXRlQ2hhbmdlID0gZm47XG4gIH1cblxuICAvKipcbiAgICogVXBkYXRlIGZvcm0gd2hlbiBET00gZWxlbWVudCBpcyBibHVycmVkICh2aWV3ID0+IG1vZGVsKVxuICAgKi9cbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSk6IHZvaWQge1xuICAgIC8vIFN0b3JlIHRoZSBwcm92aWRlZCBmdW5jdGlvbiBhcyBhbiBpbnRlcm5hbCBtZXRob2QuXG4gICAgdGhpcy5vblRvdWNoZWQgPSBmbjtcbiAgfVxuXG4gIHByaXZhdGUgcHJvcGFnYXRlQ2hhbmdlID0gKF86IGFueSkgPT4ge1xuICB9XG5cbiAgIG9uQ2hhbmdlKGU6IEV2ZW50KSB7XG4gICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgaWYgKHRoaXMuX2lzQm9vbGVhbikge1xuICAgICAgdGhpcy5wcm9wYWdhdGVDaGFuZ2UodGhpcy52YWx1ZSk7XG4gICAgICB0aGlzLmNoYW5nZS5lbWl0KHRoaXMudmFsdWUpO1xuXG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMucHJvcGFnYXRlQ2hhbmdlKHRoaXMudmFsdWUgPyAxIDogMCk7XG4gICAgICB0aGlzLmNoYW5nZS5lbWl0KHRoaXMudmFsdWUgPyAxIDogMCk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBvblRvdWNoZWQoKSB7XG4gIH1cblxufVxuIl19

package/full/esm2015/components/table/table-click-outside.directive.js

@@ -0,0 +1,38 @@
+import { __decorate, __metadata } from "tslib";
+import { Directive, ElementRef, EventEmitter, HostListener, Output } from '@angular/core';
+let TableClickOutsideDirective = class TableClickOutsideDirective {
+    constructor(element) {
+        this.element = element;
+        this.clickedOutside = new EventEmitter();
+    }
+    click(event) {
+        if (!this.element.nativeElement.contains(event.target)) {
+            // console.log('clicked outside');
+            this.clickedOutside.emit(event);
+        }
+        else {
+            // console.log('clicked inside');
+        }
+    }
+};
+TableClickOutsideDirective.ctorParameters = () => [
+    { type: ElementRef }
+];
+__decorate([
+    Output(),
+    __metadata("design:type", Object)
+], TableClickOutsideDirective.prototype, "clickedOutside", void 0);
+__decorate([
+    HostListener('document:click', ['$event']),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Object]),
+    __metadata("design:returntype", void 0)
+], TableClickOutsideDirective.prototype, "click", null);
+TableClickOutsideDirective = __decorate([
+    Directive({
+        selector: '[inClickOutside]'
+    }),
+    __metadata("design:paramtypes", [ElementRef])
+], TableClickOutsideDirective);
+export { TableClickOutsideDirective };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtY2xpY2stb3V0c2lkZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AaW5zcGFyay9pbnNwYXJrLWNvbXBvbmVudHMvIiwic291cmNlcyI6WyJjb21wb25lbnRzL3RhYmxlL3RhYmxlLWNsaWNrLW91dHNpZGUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFVBQVUsRUFBRSxZQUFZLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUt4RixJQUFhLDBCQUEwQixHQUF2QyxNQUFhLDBCQUEwQjtJQUlyQyxZQUFvQixPQUFtQjtRQUFuQixZQUFPLEdBQVAsT0FBTyxDQUFZO1FBRjdCLG1CQUFjLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUc5QyxDQUFDO0lBR0QsS0FBSyxDQUFDLEtBQUs7UUFDVCxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsRUFBRTtZQUN0RCxrQ0FBa0M7WUFDbEMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDakM7YUFBTTtZQUNMLGlDQUFpQztTQUNsQztJQUNILENBQUM7Q0FFRixDQUFBOztZQWI4QixVQUFVOztBQUY3QjtJQUFULE1BQU0sRUFBRTs7a0VBQXFDO0FBTTlDO0lBREMsWUFBWSxDQUFDLGdCQUFnQixFQUFFLENBQUMsUUFBUSxDQUFDLENBQUM7Ozs7dURBUTFDO0FBZlUsMEJBQTBCO0lBSHRDLFNBQVMsQ0FBQztRQUNULFFBQVEsRUFBRSxrQkFBa0I7S0FDN0IsQ0FBQztxQ0FLNkIsVUFBVTtHQUo1QiwwQkFBMEIsQ0FpQnRDO1NBakJZLDBCQUEwQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7RGlyZWN0aXZlLCBFbGVtZW50UmVmLCBFdmVudEVtaXR0ZXIsIEhvc3RMaXN0ZW5lciwgT3V0cHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2luQ2xpY2tPdXRzaWRlXSdcbn0pXG5leHBvcnQgY2xhc3MgVGFibGVDbGlja091dHNpZGVEaXJlY3RpdmUge1xuXG4gIEBPdXRwdXQoKSBjbGlja2VkT3V0c2lkZSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsZW1lbnQ6IEVsZW1lbnRSZWYpIHtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ2RvY3VtZW50OmNsaWNrJywgWyckZXZlbnQnXSlcbiAgY2xpY2soZXZlbnQpIHtcbiAgICBpZiAoIXRoaXMuZWxlbWVudC5uYXRpdmVFbGVtZW50LmNvbnRhaW5zKGV2ZW50LnRhcmdldCkpIHtcbiAgICAgIC8vIGNvbnNvbGUubG9nKCdjbGlja2VkIG91dHNpZGUnKTtcbiAgICAgIHRoaXMuY2xpY2tlZE91dHNpZGUuZW1pdChldmVudCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIC8vIGNvbnNvbGUubG9nKCdjbGlja2VkIGluc2lkZScpO1xuICAgIH1cbiAgfVxuXG59XG4iXX0=

package/full/esm2015/components/table/table-columns-multiselect/table-columns-multiselect.component.js

@@ -0,0 +1,37 @@
+import { __decorate, __metadata } from "tslib";
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+let TableColumnsMultiselectComponent = class TableColumnsMultiselectComponent {
+    constructor() {
+        this.isExpanded = false;
+        /**
+         * true - все активные чекбоксы становятся неактивными
+         * false - не влияет на чекбоксы
+         */
+        this.disableActiveCheckboxes = false;
+        this.columnsChange = new EventEmitter();
+    }
+    ngOnInit() {
+    }
+};
+__decorate([
+    Input(),
+    __metadata("design:type", Array)
+], TableColumnsMultiselectComponent.prototype, "columns", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], TableColumnsMultiselectComponent.prototype, "disableActiveCheckboxes", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", Object)
+], TableColumnsMultiselectComponent.prototype, "columnsChange", void 0);
+TableColumnsMultiselectComponent = __decorate([
+    Component({
+        selector: 'in-table-columns-multiselect',
+        template: "<in-table-menu-overlay [isExpanded]=\"isExpanded\">\n  <ng-container ngProjectAs=\"host\">\n    <button class=\"c-btn c-btn_border-free c-btn_small\">\n      <i [title]=\"('column switch' | translate)\" class=\"fa fa-cog\"></i><i class=\"c-caret\"></i>\n    </button>\n\n  </ng-container>\n  <ng-container ngProjectAs=\"body\">\n    <ul class=\"o-list\">\n      <li *ngFor=\"let column of columns\" class=\"c-dropdown-menu__listitem\" role=\"menuitem\">\n        <div class=\"c-dropdown-menu__content\">\n          <label class=\"c-checkbox c-checkbox_switch c-checkbox_compact\">\n            <input (ngModelChange)=\"columnsChange.emit({event: $event, column: column})\"\n                   [disabled]=\"(!column.isHidden && disableActiveCheckboxes) || column.isRequired\"\n                   [ngModel]=\"!column.isHidden \"\n                   class=\"c-checkbox__input\"\n                   type=\"checkbox\">\n            <i class=\"c-checkbox__icon\"></i>\n            <span class=\"c-checkbox__label dropdown-label\">{{column.label | translate}}</span>\n          </label>\n        </div>\n      </li>\n    </ul>\n\n  </ng-container>\n</in-table-menu-overlay>\n",
+        styles: [".dropdown-label{color:var(--text-color)}"]
+    }),
+    __metadata("design:paramtypes", [])
+], TableColumnsMultiselectComponent);
+export { TableColumnsMultiselectComponent };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtY29sdW1ucy1tdWx0aXNlbGVjdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AaW5zcGFyay9pbnNwYXJrLWNvbXBvbmVudHMvIiwic291cmNlcyI6WyJjb21wb25lbnRzL3RhYmxlL3RhYmxlLWNvbHVtbnMtbXVsdGlzZWxlY3QvdGFibGUtY29sdW1ucy1tdWx0aXNlbGVjdC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFRN0UsSUFBYSxnQ0FBZ0MsR0FBN0MsTUFBYSxnQ0FBZ0M7SUFVM0M7UUFUTyxlQUFVLEdBQUcsS0FBSyxDQUFDO1FBRTFCOzs7V0FHRztRQUNNLDRCQUF1QixHQUFHLEtBQUssQ0FBQztRQUMvQixrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFzQyxDQUFDO0lBR2pGLENBQUM7SUFFRCxRQUFRO0lBQ1IsQ0FBQztDQUVGLENBQUE7QUFkVTtJQUFSLEtBQUssRUFBRTs7aUVBQXlCO0FBS3hCO0lBQVIsS0FBSyxFQUFFOztpRkFBaUM7QUFDL0I7SUFBVCxNQUFNLEVBQUU7O3VFQUF3RTtBQVJ0RSxnQ0FBZ0M7SUFMNUMsU0FBUyxDQUFDO1FBQ1QsUUFBUSxFQUFFLDhCQUE4QjtRQUN4Qyw0cENBQXlEOztLQUUxRCxDQUFDOztHQUNXLGdDQUFnQyxDQWdCNUM7U0FoQlksZ0NBQWdDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7VGFibGVDb2x1bW5zfSBmcm9tIFwiLi4vLi4vLi4vaW50ZXJmYWNlXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2luLXRhYmxlLWNvbHVtbnMtbXVsdGlzZWxlY3QnLFxuICB0ZW1wbGF0ZVVybDogJy4vdGFibGUtY29sdW1ucy1tdWx0aXNlbGVjdC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3RhYmxlLWNvbHVtbnMtbXVsdGlzZWxlY3QuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBUYWJsZUNvbHVtbnNNdWx0aXNlbGVjdENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIHB1YmxpYyBpc0V4cGFuZGVkID0gZmFsc2U7XG4gIEBJbnB1dCgpIGNvbHVtbnM6IFRhYmxlQ29sdW1uc1tdO1xuICAvKipcbiAgICogdHJ1ZSAtINCy0YHQtSDQsNC60YLQuNCy0L3Ri9C1INGH0LXQutCx0L7QutGB0Ysg0YHRgtCw0L3QvtCy0Y/RgtGB0Y8g0L3QtdCw0LrRgtC40LLQvdGL0LzQuFxuICAgKiBmYWxzZSAtINC90LUg0LLQu9C40Y/QtdGCINC90LAg0YfQtdC60LHQvtC60YHRi1xuICAgKi9cbiAgQElucHV0KCkgZGlzYWJsZUFjdGl2ZUNoZWNrYm94ZXMgPSBmYWxzZTtcbiAgQE91dHB1dCgpIGNvbHVtbnNDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHtldmVudDogYW55LCBjb2x1bW46IFRhYmxlQ29sdW1uc30+KCk7XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgfVxuXG59XG4iXX0=

package/full/esm2015/components/table/table-menu-overlay/table-menu-overlay.component.js

@@ -0,0 +1,35 @@
+import { __decorate, __metadata } from "tslib";
+import { ChangeDetectionStrategy, Component, ElementRef, Input } from '@angular/core';
+let TableMenuOverlayComponent = class TableMenuOverlayComponent {
+    constructor(element) {
+        this.element = element;
+        this.isExpanded = false;
+    }
+    isClickedOutsideOverlay(event) {
+        if (!this.element.nativeElement.contains(event.target)) {
+            this.isExpanded = false;
+        }
+    }
+};
+TableMenuOverlayComponent.ctorParameters = () => [
+    { type: ElementRef }
+];
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], TableMenuOverlayComponent.prototype, "isExpanded", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], TableMenuOverlayComponent.prototype, "positionClass", void 0);
+TableMenuOverlayComponent = __decorate([
+    Component({
+        selector: 'in-table-menu-overlay',
+        template: "<div class=\"c-overlay is-dropdown_open\">\n  <div (click)=\"isExpanded  = !isExpanded;\"\n       class=\"c-overlay__toggle\">\n    <ng-content select=\"host\"></ng-content>\n  </div>\n  <ng-container *ngIf=\"isExpanded\">\n    <div (clickedOutside)=\"isClickedOutsideOverlay($event)\" class=\"c-overlay__body\"\n         inClickOutside>\n      <!--{{positionClass}}-->\n      <ng-content select=\"body\"></ng-content>\n    </div>\n  </ng-container>\n</div>\n",
+        changeDetection: ChangeDetectionStrategy.OnPush,
+        styles: ["@charset \"UTF-8\";.c-overlay{position:relative;display:inline-block}.c-overlay__toggle{display:inline-block}.c-overlay__body{text-align:left;position:absolute;top:100%;padding:6px 12px;z-index:1050;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);max-height:500px;overflow:auto}:host-context(.theme-dark) .c-overlay__body{background-color:#53555c;background-color:var(--ids-theme-color-gray-35,#53555c)}", "@charset \"UTF-8\";:host-context(.theme-contrast) .c-overlay__body{background-color:#ebebeb;background-color:var(--ids-theme-color-gray-5,#ebebeb)}", "@charset \"UTF-8\";:host-context(.theme-light) .c-overlay__body{background-color:#ebebeb;background-color:var(--ids-theme-color-gray-5,#ebebeb)}", "@charset \"UTF-8\";:host-context(.theme-green) .c-overlay__body{background-color:#ebebeb;background-color:var(--ids-theme-color-gray-5,#ebebeb)}"]
+    }),
+    __metadata("design:paramtypes", [ElementRef])
+], TableMenuOverlayComponent);
+export { TableMenuOverlayComponent };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtbWVudS1vdmVybGF5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BpbnNwYXJrL2luc3BhcmstY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvdGFibGUvdGFibGUtbWVudS1vdmVybGF5L3RhYmxlLW1lbnUtb3ZlcmxheS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQztBQVFwRixJQUFhLHlCQUF5QixHQUF0QyxNQUFhLHlCQUF5QjtJQU1wQyxZQUFvQixPQUFtQjtRQUFuQixZQUFPLEdBQVAsT0FBTyxDQUFZO1FBTDlCLGVBQVUsR0FBRyxLQUFLLENBQUM7SUFNNUIsQ0FBQztJQUVELHVCQUF1QixDQUFDLEtBQUs7UUFDM0IsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLEVBQUU7WUFDdEQsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7U0FDekI7SUFDSCxDQUFDO0NBQ0YsQ0FBQTs7WUFSOEIsVUFBVTs7QUFMOUI7SUFBUixLQUFLLEVBQUU7OzZEQUFvQjtBQUNuQjtJQUFSLEtBQUssRUFBRTs7Z0VBQXVCO0FBRnBCLHlCQUF5QjtJQU5yQyxTQUFTLENBQUM7UUFDVCxRQUFRLEVBQUUsdUJBQXVCO1FBQ2pDLHVkQUFrRDtRQUVsRCxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTs7S0FDaEQsQ0FBQztxQ0FPNkIsVUFBVTtHQU41Qix5QkFBeUIsQ0FjckM7U0FkWSx5QkFBeUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaW4tdGFibGUtbWVudS1vdmVybGF5JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RhYmxlLW1lbnUtb3ZlcmxheS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3RhYmxlLW1lbnUtb3ZlcmxheS5jb21wb25lbnQuc2NzcycsICcuL3RhYmxlLW1lbnUtb3ZlcmxheS1jb250cmFzdC5jb21wb25lbnQuc2NzcycsICcuL3RhYmxlLW1lbnUtb3ZlcmxheS1saWdodC5jb21wb25lbnQuc2NzcycsICcuL3RhYmxlLW1lbnUtb3ZlcmxheS1ncmVlbi5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBUYWJsZU1lbnVPdmVybGF5Q29tcG9uZW50IHtcbiAgQElucHV0KCkgaXNFeHBhbmRlZCA9IGZhbHNlO1xuICBASW5wdXQoKSBwb3NpdGlvbkNsYXNzOiBzdHJpbmc7XG5cbiAgaXNGcm9tVGltZXBpY2tlclNob3duXG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBlbGVtZW50OiBFbGVtZW50UmVmKSB7XG4gIH1cblxuICBpc0NsaWNrZWRPdXRzaWRlT3ZlcmxheShldmVudCkge1xuICAgIGlmICghdGhpcy5lbGVtZW50Lm5hdGl2ZUVsZW1lbnQuY29udGFpbnMoZXZlbnQudGFyZ2V0KSkge1xuICAgICAgdGhpcy5pc0V4cGFuZGVkID0gZmFsc2U7XG4gICAgfVxuICB9XG59XG4iXX0=