@inspark/inspark-components 1.0.44 → 14.0.0

package/full/esm2020/components/sticky/sticky.component.mjs

@@ -0,0 +1,64 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, Input, ViewChild, ViewEncapsulation } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class InsparkStickyComponent {
+    constructor(cdr) {
+        this.cdr = cdr;
+        this.top = 100;
+        this.isInline = false;
+        this.isFloated = true;
+        this.zIndex = 10;
+        this.class = '';
+        this.isSticky = false;
+        this.height = 0;
+        this.width = 0;
+        this.left = 0;
+        this.right = 0;
+        this.resize = () => {
+            const rect = this.stickyRef.nativeElement.getBoundingClientRect();
+            this.width = rect.width;
+            this.left = rect.x;
+            this.cdr.detectChanges();
+        };
+        this.scroll = () => {
+            const rect = this.stickyRef.nativeElement.getBoundingClientRect();
+            const isSticky = rect.top < this.top;
+            if (isSticky !== this.isSticky) {
+                this.height = rect.height;
+                this.isSticky = rect.top < this.top;
+                this.left = rect.x;
+                this.width = rect.width;
+                this.right = rect.right;
+                this.cdr.detectChanges();
+            }
+        };
+    }
+    ngOnInit() {
+        document.addEventListener('scroll', this.scroll);
+        window.addEventListener('resize', this.resize);
+    }
+    ngOnDestroy() {
+        document.removeEventListener('scroll', this.scroll);
+        window.removeEventListener('resize', this.resize);
+    }
+}
+InsparkStickyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InsparkStickyComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+InsparkStickyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: InsparkStickyComponent, selector: "in-sticky", inputs: { top: "top", isInline: "isInline", isFloated: "isFloated", zIndex: "zIndex", class: "class" }, viewQueries: [{ propertyName: "stickyRef", first: true, predicate: ["sticky"], descendants: true }], ngImport: i0, template: "<div #sticky [ngClass]=\"{inline:isInline}\" [ngStyle]=\"{height: this.height?this.height+'px':'auto'}\"\n     class=\"sticky-container\">\n  <div [ngClass]=\"{sticky: isSticky, floated: isFloated && isSticky}\"\n       [ngStyle]=\"{zIndex:this.zIndex, top: (this.top) + 'px', left: this.left+ 'px', width: this.width?this.width+'px':'auto'}\">\n    <div [ngClass]=\"class\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [".sticky{position:fixed;display:inline-block}.floated{box-shadow:0 0 4px 2px #0000004d}.inline{display:inline-block}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: InsparkStickyComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'in-sticky', encapsulation: ViewEncapsulation.Emulated, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div #sticky [ngClass]=\"{inline:isInline}\" [ngStyle]=\"{height: this.height?this.height+'px':'auto'}\"\n     class=\"sticky-container\">\n  <div [ngClass]=\"{sticky: isSticky, floated: isFloated && isSticky}\"\n       [ngStyle]=\"{zIndex:this.zIndex, top: (this.top) + 'px', left: this.left+ 'px', width: this.width?this.width+'px':'auto'}\">\n    <div [ngClass]=\"class\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [".sticky{position:fixed;display:inline-block}.floated{box-shadow:0 0 4px 2px #0000004d}.inline{display:inline-block}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { stickyRef: [{
+                type: ViewChild,
+                args: ['sticky', { static: false }]
+            }], top: [{
+                type: Input
+            }], isInline: [{
+                type: Input
+            }], isFloated: [{
+                type: Input
+            }], zIndex: [{
+                type: Input
+            }], class: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RpY2t5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2luc3BhcmstY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9zdGlja3kvc3RpY2t5LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2luc3BhcmstY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9zdGlja3kvc3RpY2t5LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxpQkFBaUIsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBcUIsU0FBUyxFQUFFLGlCQUFpQixFQUFDLE1BQU0sZUFBZSxDQUFDOzs7QUFTeEosTUFBTSxPQUFPLHNCQUFzQjtJQWVqQyxZQUFvQixHQUFzQjtRQUF0QixRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQVpqQyxRQUFHLEdBQUcsR0FBRyxDQUFDO1FBQ1YsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixjQUFTLEdBQUcsSUFBSSxDQUFDO1FBQ2pCLFdBQU0sR0FBRyxFQUFFLENBQUM7UUFDWixVQUFLLEdBQUcsRUFBRSxDQUFDO1FBRXBCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsV0FBTSxHQUFHLENBQUMsQ0FBQztRQUNYLFVBQUssR0FBRyxDQUFDLENBQUM7UUFDVixTQUFJLEdBQUcsQ0FBQyxDQUFDO1FBQ1QsVUFBSyxHQUFHLENBQUMsQ0FBQztRQWdCVixXQUFNLEdBQUcsR0FBRyxFQUFFO1lBQ1osTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxhQUFhLENBQUMscUJBQXFCLEVBQUUsQ0FBQztZQUNsRSxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7WUFDeEIsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsQ0FBQyxDQUFDO1lBQ25CLElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDM0IsQ0FBQyxDQUFDO1FBRUYsV0FBTSxHQUFHLEdBQUcsRUFBRTtZQUNaLE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsYUFBYSxDQUFDLHFCQUFxQixFQUFFLENBQUM7WUFDbEUsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLEdBQUcsR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDO1lBQ3JDLElBQUksUUFBUSxLQUFLLElBQUksQ0FBQyxRQUFRLEVBQUU7Z0JBQzlCLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQztnQkFDMUIsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsR0FBRyxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUM7Z0JBQ3BDLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLENBQUMsQ0FBQztnQkFDbkIsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDO2dCQUN4QixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7Z0JBQ3hCLElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7YUFDMUI7UUFDSCxDQUFDLENBQUM7SUE5QkYsQ0FBQztJQUVELFFBQVE7UUFDTixRQUFRLENBQUMsZ0JBQWdCLENBQUMsUUFBUSxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUNqRCxNQUFNLENBQUMsZ0JBQWdCLENBQUMsUUFBUSxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNqRCxDQUFDO0lBRUQsV0FBVztRQUNULFFBQVEsQ0FBQyxtQkFBbUIsQ0FBQyxRQUFRLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3BELE1BQU0sQ0FBQyxtQkFBbUIsQ0FBQyxRQUFRLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3BELENBQUM7O21IQTNCVSxzQkFBc0I7dUdBQXRCLHNCQUFzQiw4UENUbkMsMGJBU0E7MkZEQWEsc0JBQXNCO2tCQVBsQyxTQUFTOytCQUNFLFdBQVcsaUJBR04saUJBQWlCLENBQUMsUUFBUSxtQkFDeEIsdUJBQXVCLENBQUMsTUFBTTt3R0FJVCxTQUFTO3NCQUE5QyxTQUFTO3VCQUFDLFFBQVEsRUFBRSxFQUFDLE1BQU0sRUFBRSxLQUFLLEVBQUM7Z0JBQzNCLEdBQUc7c0JBQVgsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIElucHV0LCBPbkRlc3Ryb3ksIE9uSW5pdCwgVmlld0NoaWxkLCBWaWV3RW5jYXBzdWxhdGlvbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2luLXN0aWNreScsXG4gIHRlbXBsYXRlVXJsOiAnLi9zdGlja3kuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdGlja3kuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uRW11bGF0ZWQsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIEluc3BhcmtTdGlja3lDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG5cbiAgQFZpZXdDaGlsZCgnc3RpY2t5Jywge3N0YXRpYzogZmFsc2V9KSBzdGlja3lSZWY6IEVsZW1lbnRSZWY7XG4gIEBJbnB1dCgpIHRvcCA9IDEwMDtcbiAgQElucHV0KCkgaXNJbmxpbmUgPSBmYWxzZTtcbiAgQElucHV0KCkgaXNGbG9hdGVkID0gdHJ1ZTtcbiAgQElucHV0KCkgekluZGV4ID0gMTA7XG4gIEBJbnB1dCgpIGNsYXNzID0gJyc7XG5cbiAgaXNTdGlja3kgPSBmYWxzZTtcbiAgaGVpZ2h0ID0gMDtcbiAgd2lkdGggPSAwO1xuICBsZWZ0ID0gMDtcbiAgcmlnaHQgPSAwO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZikge1xuXG4gIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCdzY3JvbGwnLCB0aGlzLnNjcm9sbCk7XG4gICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ3Jlc2l6ZScsIHRoaXMucmVzaXplKTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCkge1xuICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ3Njcm9sbCcsIHRoaXMuc2Nyb2xsKTtcbiAgICB3aW5kb3cucmVtb3ZlRXZlbnRMaXN0ZW5lcigncmVzaXplJywgdGhpcy5yZXNpemUpO1xuICB9XG5cbiAgcmVzaXplID0gKCkgPT4ge1xuICAgIGNvbnN0IHJlY3QgPSB0aGlzLnN0aWNreVJlZi5uYXRpdmVFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICAgIHRoaXMud2lkdGggPSByZWN0LndpZHRoO1xuICAgIHRoaXMubGVmdCA9IHJlY3QueDtcbiAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XG4gIH07XG5cbiAgc2Nyb2xsID0gKCkgPT4ge1xuICAgIGNvbnN0IHJlY3QgPSB0aGlzLnN0aWNreVJlZi5uYXRpdmVFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICAgIGNvbnN0IGlzU3RpY2t5ID0gcmVjdC50b3AgPCB0aGlzLnRvcDtcbiAgICBpZiAoaXNTdGlja3kgIT09IHRoaXMuaXNTdGlja3kpIHtcbiAgICAgIHRoaXMuaGVpZ2h0ID0gcmVjdC5oZWlnaHQ7XG4gICAgICB0aGlzLmlzU3RpY2t5ID0gcmVjdC50b3AgPCB0aGlzLnRvcDtcbiAgICAgIHRoaXMubGVmdCA9IHJlY3QueDtcbiAgICAgIHRoaXMud2lkdGggPSByZWN0LndpZHRoO1xuICAgICAgdGhpcy5yaWdodCA9IHJlY3QucmlnaHQ7XG4gICAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgfVxuICB9O1xuXG59XG4iLCI8ZGl2ICNzdGlja3kgW25nQ2xhc3NdPVwie2lubGluZTppc0lubGluZX1cIiBbbmdTdHlsZV09XCJ7aGVpZ2h0OiB0aGlzLmhlaWdodD90aGlzLmhlaWdodCsncHgnOidhdXRvJ31cIlxuICAgICBjbGFzcz1cInN0aWNreS1jb250YWluZXJcIj5cbiAgPGRpdiBbbmdDbGFzc109XCJ7c3RpY2t5OiBpc1N0aWNreSwgZmxvYXRlZDogaXNGbG9hdGVkICYmIGlzU3RpY2t5fVwiXG4gICAgICAgW25nU3R5bGVdPVwie3pJbmRleDp0aGlzLnpJbmRleCwgdG9wOiAodGhpcy50b3ApICsgJ3B4JywgbGVmdDogdGhpcy5sZWZ0KyAncHgnLCB3aWR0aDogdGhpcy53aWR0aD90aGlzLndpZHRoKydweCc6J2F1dG8nfVwiPlxuICAgIDxkaXYgW25nQ2xhc3NdPVwiY2xhc3NcIj5cbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/full/esm2020/components/svg/svg.component.mjs

@@ -0,0 +1,28 @@
+import { Component, Input } from '@angular/core';
+import { Button as PButton } from 'primeng/button';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "ng-inline-svg";
+export class SvgComponent extends PButton {
+    constructor() {
+        super(...arguments);
+        this.size = 'normal';
+        this.width = '100%';
+        this.height = '100%';
+    }
+}
+SvgComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SvgComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+SvgComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SvgComponent, selector: "in-svg", inputs: { size: "size", width: "width", height: "height", src: "src" }, usesInheritance: true, ngImport: i0, template: "<span [inlineSVG]=\"src\"\n      [ngClass]=\"{svg: true, 'c-icon_svg-small': size === 'small', 'c-icon_svg-large': size === 'large'}\" [ngStyle]=\"{width: width, height: height}\"></span>\n\n", styles: [".svg{display:inline-flex;align-items:center;justify-content:center}.c-icon_svg-small{width:16px;height:16px}:host{display:inline-block}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SvgComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'in-svg', template: "<span [inlineSVG]=\"src\"\n      [ngClass]=\"{svg: true, 'c-icon_svg-small': size === 'small', 'c-icon_svg-large': size === 'large'}\" [ngStyle]=\"{width: width, height: height}\"></span>\n\n", styles: [".svg{display:inline-flex;align-items:center;justify-content:center}.c-icon_svg-small{width:16px;height:16px}:host{display:inline-block}\n"] }]
+        }], propDecorators: { size: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], src: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3ZnLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2luc3BhcmstY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9zdmcvc3ZnLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2luc3BhcmstY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9zdmcvc3ZnLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQy9DLE9BQU8sRUFBQyxNQUFNLElBQUksT0FBTyxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7Ozs7QUFVakQsTUFBTSxPQUFPLFlBQWEsU0FBUSxPQUFPO0lBTHpDOztRQU9XLFNBQUksR0FBWSxRQUFRLENBQUM7UUFDekIsVUFBSyxHQUFHLE1BQU0sQ0FBQztRQUNmLFdBQU0sR0FBRyxNQUFNLENBQUM7S0FHMUI7O3lHQVBZLFlBQVk7NkZBQVosWUFBWSw2SUNYekIsaU1BR0E7MkZEUWEsWUFBWTtrQkFMeEIsU0FBUzsrQkFDRSxRQUFROzhCQU1ULElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLEdBQUc7c0JBQVgsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0J1dHRvbiBhcyBQQnV0dG9ufSBmcm9tICdwcmltZW5nL2J1dHRvbic7XG5cblxudHlwZSBTVkdTaXplID0gJ3NtYWxsJyB8ICdub3JtYWwnIHwgJ2xhcmdlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaW4tc3ZnJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3N2Zy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N2Zy5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBTdmdDb21wb25lbnQgZXh0ZW5kcyBQQnV0dG9uIHtcblxuICBASW5wdXQoKSBzaXplOiBTVkdTaXplID0gJ25vcm1hbCc7XG4gIEBJbnB1dCgpIHdpZHRoID0gJzEwMCUnO1xuICBASW5wdXQoKSBoZWlnaHQgPSAnMTAwJSc7XG4gIEBJbnB1dCgpIHNyYzogc3RyaW5nO1xuXG59XG4iLCI8c3BhbiBbaW5saW5lU1ZHXT1cInNyY1wiXG4gICAgICBbbmdDbGFzc109XCJ7c3ZnOiB0cnVlLCAnYy1pY29uX3N2Zy1zbWFsbCc6IHNpemUgPT09ICdzbWFsbCcsICdjLWljb25fc3ZnLWxhcmdlJzogc2l6ZSA9PT0gJ2xhcmdlJ31cIiBbbmdTdHlsZV09XCJ7d2lkdGg6IHdpZHRoLCBoZWlnaHQ6IGhlaWdodH1cIj48L3NwYW4+XG5cbiJdfQ==

package/full/esm2020/components/switcher/switcher.component.mjs

@@ -0,0 +1,123 @@
+import { ChangeDetectorRef, Component, ElementRef, EventEmitter, forwardRef, Input, Output } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { Router } from '@angular/router';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "@angular/forms";
+import * as i3 from "@angular/common";
+import * as i4 from "../svg/svg.component";
+import * as i5 from "@ngx-translate/core";
+export 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SwitcherComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
+SwitcherComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SwitcherComponent, selector: "in-switcher", inputs: { name: "name", label: "label", error: "error", iconOff: "iconOff", iconOn: "iconOn", labelOff: "labelOff", labelOn: "labelOn", faIconOn: "faIconOn", faIconOff: "faIconOff", id: "id", disabled: "disabled", waiting: "waiting" }, outputs: { change: "change" }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => SwitcherComponent),
+            multi: true,
+        }
+    ], usesOnChanges: true, ngImport: i0, 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", 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}\n"], dependencies: [{ kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.SvgComponent, selector: "in-svg", inputs: ["size", "width", "height", "src"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SwitcherComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'in-switcher', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => SwitcherComponent),
+                            multi: true,
+                        }
+                    ], 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", 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}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.Router }]; }, propDecorators: { name: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], error: [{
+                type: Input
+            }], iconOff: [{
+                type: Input
+            }], iconOn: [{
+                type: Input
+            }], labelOff: [{
+                type: Input
+            }], labelOn: [{
+                type: Input
+            }], faIconOn: [{
+                type: Input
+            }], faIconOff: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], waiting: [{
+                type: Input
+            }], change: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3dpdGNoZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaW5zcGFyay1jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL3N3aXRjaGVyL3N3aXRjaGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2luc3BhcmstY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9zd2l0Y2hlci9zd2l0Y2hlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsaUJBQWlCLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxZQUFZLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBcUIsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ25JLE9BQU8sRUFBdUIsaUJBQWlCLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUN2RSxPQUFPLEVBQUMsTUFBTSxFQUFDLE1BQU0saUJBQWlCLENBQUM7Ozs7Ozs7QUFjdkMsTUFBTSxPQUFPLGlCQUFpQjtJQXNCNUIsWUFBbUIsT0FBbUIsRUFBVSxLQUF3QixFQUFTLE1BQWM7UUFBNUUsWUFBTyxHQUFQLE9BQU8sQ0FBWTtRQUFVLFVBQUssR0FBTCxLQUFLLENBQW1CO1FBQVMsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQXBCdEYsU0FBSSxHQUFHLElBQUksQ0FBQztRQUNaLFVBQUssR0FBRyxJQUFJLENBQUM7UUFDYixVQUFLLEdBQUcsSUFBSSxDQUFDO1FBQ2IsWUFBTyxHQUFHLEVBQUUsQ0FBQztRQUNiLFdBQU0sR0FBRyxFQUFFLENBQUM7UUFDWixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLFlBQU8sR0FBRyxJQUFJLENBQUM7UUFDZixhQUFRLEdBQUcsRUFBRSxDQUFDO1FBQ2QsY0FBUyxHQUFHLEVBQUUsQ0FBQztRQUNmLE9BQUUsR0FBRyxJQUFJLENBQUM7UUFJVCxXQUFNLEdBQXNCLElBQUksWUFB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QVYsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFFSSxNQUFNO3NCQUFmLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgZm9yd2FyZFJlZiwgSW5wdXQsIE9uQ2hhbmdlcywgT25Jbml0LCBPdXRwdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1J9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7Um91dGVyfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpbi1zd2l0Y2hlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9zd2l0Y2hlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N3aXRjaGVyLmNvbXBvbmVudC5zY3NzJ10sXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gU3dpdGNoZXJDb21wb25lbnQpLFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgfVxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTd2l0Y2hlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzLCBDb250cm9sVmFsdWVBY2Nlc3NvciB7XG5cbiAgQElucHV0KCkgbmFtZSA9IG51bGw7XG4gIEBJbnB1dCgpIGxhYmVsID0gbnVsbDtcbiAgQElucHV0KCkgZXJyb3IgPSBudWxsO1xuICBASW5wdXQoKSBpY29uT2ZmID0gJyc7XG4gIEBJbnB1dCgpIGljb25PbiA9ICcnO1xuICBASW5wdXQoKSBsYWJlbE9mZiA9ICdPZmYnO1xuICBASW5wdXQoKSBsYWJlbE9uID0gJ09uJztcbiAgQElucHV0KCkgZmFJY29uT24gPSAnJztcbiAgQElucHV0KCkgZmFJY29uT2ZmID0gJyc7XG4gIEBJbnB1dCgpIGlkID0gbnVsbDtcbiAgQElucHV0KCkgZGlzYWJsZWQ6IGJvb2xlYW47XG4gIEBJbnB1dCgpIHdhaXRpbmc/OiBib29sZWFuO1xuXG4gIEBPdXRwdXQoKSBjaGFuZ2U6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIF9pc0Jvb2xlYW4gPSBmYWxzZTtcblxuICB2YWx1ZTogYm9vbGVhbjtcblxuXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBlbGVtZW50OiBFbGVtZW50UmVmLCBwcml2YXRlIGNkUmVmOiBDaGFuZ2VEZXRlY3RvclJlZiwgcHVibGljIHJvdXRlcjogUm91dGVyKSB7XG5cbiAgfVxuXG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5faXNCb29sZWFuID0gdHlwZW9mIHRoaXMudmFsdWUgPT09ICdib29sZWFuJztcbiAgICB0aGlzLnZhbHVlID0gdHlwZW9mIHRoaXMudmFsdWUgPT09ICdzdHJpbmcnID8gSlNPTi5wYXJzZSh0aGlzLnZhbHVlKSA6ICEhdGhpcy52YWx1ZTtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXMpIHtcbiAgfVxuXG4gIC8qKlxuICAgKiBXcml0ZSBmb3JtIHZhbHVlIHRvIHRoZSBET00gZWxlbWVudCAobW9kZWwgPT4gdmlldylcbiAgICovXG4gIHdyaXRlVmFsdWUodmFsdWU6IGFueSk6IHZvaWQge1xuICAgIHRoaXMuX2lzQm9vbGVhbiA9IHR5cGVvZiB2YWx1ZSA9PT0gJ2Jvb2xlYW4nO1xuICAgIHRoaXMudmFsdWUgPSB2YWx1ZTtcbiAgICB0aGlzLmNkUmVmLmRldGVjdENoYW5nZXMoKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBXcml0ZSBmb3JtIGRpc2FibGVkIHN0YXRlIHRvIHRoZSBET00gZWxlbWVudCAobW9kZWwgPT4gdmlldylcbiAgICovXG4gIHNldERpc2FibGVkU3RhdGUoaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xuICAgIHRoaXMuZGlzYWJsZWQgPSBpc0Rpc2FibGVkO1xuICB9XG5cbiAgLyoqXG4gICAqIFVwZGF0ZSBmb3JtIHdoZW4gRE9NIGVsZW1lbnQgdmFsdWUgY2hhbmdlcyAodmlldyA9PiBtb2RlbClcbiAgICovXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xuICAgIC8vIFN0b3JlIHRoZSBwcm92aWRlZCBmdW5jdGlvbiBhcyBhbiBpbnRlcm5hbCBtZXRob2QuXG4gICAgdGhpcy5wcm9wYWdhdGVDaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIC8qKlxuICAgKiBVcGRhdGUgZm9ybSB3aGVuIERPTSBlbGVtZW50IGlzIGJsdXJyZWQgKHZpZXcgPT4gbW9kZWwpXG4gICAqL1xuICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZCB7XG4gICAgLy8gU3RvcmUgdGhlIHByb3ZpZGVkIGZ1bmN0aW9uIGFzIGFuIGludGVybmFsIG1ldGhvZC5cbiAgICB0aGlzLm9uVG91Y2hlZCA9IGZuO1xuICB9XG5cbiAgcHJpdmF0ZSBwcm9wYWdhdGVDaGFuZ2UgPSAoXzogYW55KSA9PiB7XG4gIH1cblxuICAgb25DaGFuZ2UoZTogRXZlbnQpIHtcbiAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICBpZiAodGhpcy5faXNCb29sZWFuKSB7XG4gICAgICB0aGlzLnByb3BhZ2F0ZUNoYW5nZSh0aGlzLnZhbHVlKTtcbiAgICAgIHRoaXMuY2hhbmdlLmVtaXQodGhpcy52YWx1ZSk7XG5cbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5wcm9wYWdhdGVDaGFuZ2UodGhpcy52YWx1ZSA/IDEgOiAwKTtcbiAgICAgIHRoaXMuY2hhbmdlLmVtaXQodGhpcy52YWx1ZSA/IDEgOiAwKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIG9uVG91Y2hlZCgpIHtcbiAgfVxuXG59XG4iLCI8bGFiZWwgY2xhc3M9XCJjLWNoZWNrYm94IGMtY2hlY2tib3hfc3dpdGNoIGNvbnRhaW5lclwiPlxuICA8c3BhbiAqbmdJZj1cImxhYmVsXCIgY2xhc3M9XCJsYWJlbFwiPnt7bGFiZWx9fTwvc3Bhbj5cbiAgPHNwYW4gIGNsYXNzPVwic3dpdGNoZXItY29udGFpbmVyXCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwiYy1jaGVja2JveF9fbGFiZWwgdS12ZXJ0aWNhbC1hbGlnbi1taWRkbGUgdS10ZXh0X2NlbnRlclwiPlxuICAgICAgICAgICAgPHNwYW4gKm5nSWY9XCIhaWNvbk9mZlwiPnt7bGFiZWxPZmYgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cbiAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwiZmFJY29uT2ZmXCI+PGkgY2xhc3M9XCJmYVwiIFtuZ0NsYXNzXT1cImZhSWNvbk9mZlwiPjwvaT48L3NwYW4+XG4gICAgICAgICAgICA8aW4tc3ZnICpuZ0lmPVwiaWNvbk9mZlwiIFtzcmNdPVwiaWNvbk9mZlwiIGhlaWdodD1cIjQ4cHhcIiBzaXplPVwibGFyZ2VcIiB3aWR0aD1cIjQ4cHhcIj48L2luLXN2Zz5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgICA8aW5wdXQgICpuZ0lmPVwiIXdhaXRpbmdcIiAoY2hhbmdlKT1cIm9uQ2hhbmdlKCRldmVudClcIlxuICAgICAgICAgICAgICAgWyhuZ01vZGVsKV09XCJ2YWx1ZVwiXG4gICAgICAgICAgICAgICBbY2hlY2tlZF09XCJ2YWx1ZVwiIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgICAgICAgICAgICBjbGFzcz1cImMtY2hlY2tib3hfX2lucHV0XCJcbiAgICAgICAgICAgICAgIG5hbWU9XCJlbGVtZW50X25hbWVcIlxuICAgICAgICAgICAgICAgdHlwZT1cImNoZWNrYm94XCIvPlxuICAgICAgICA8aSAgKm5nSWY9XCIhd2FpdGluZ1wiIGNsYXNzPVwiYy1jaGVja2JveF9faWNvbiB1LW1hcmdpbi1sZWZ0LXRpbnkgdS12ZXJ0aWNhbC1hbGlnbi1iYXNlbGluZVwiPjwvaT5cbiAgICAgICAgPHNwYW4gKm5nSWYgPSBcIndhaXRpbmdcIiBjbGFzcz1cImMtc3Bpbm5lciBcIiBzdHlsZSA9IFwiZGlzcGxheTogaW5saW5lLWJsb2NrOyB3aWR0aDo1MHB4OyB0ZXh0LWFsaWduOiBjZW50ZXJcIj48aSBjbGFzcz1cImZhIGZhLWNpcmNsZS1vLW5vdGNoIGZhLXNwaW4gXCI+PC9pPjwvc3Bhbj5cbiAgICAgICAgPHNwYW4gIGNsYXNzPVwiYy1zcGlubmVyIGMtY2hlY2tib3hfX2xhYmVsIHUtdmVydGljYWwtYWxpZ24tbWlkZGxlIHUtdGV4dF9jZW50ZXJcIj5cbiAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwiIWljb25PblwiPnt7bGFiZWxPbiB8IHRyYW5zbGF0ZX19PC9zcGFuPlxuICAgICAgICAgICAgPHNwYW4gKm5nSWY9XCJmYUljb25PblwiPjxpIGNsYXNzPVwiZmFcIiBbbmdDbGFzc109XCJmYUljb25PblwiPjwvaT48L3NwYW4+XG4gICAgICAgICAgICA8aW4tc3ZnICpuZ0lmPVwiaWNvbk9uXCIgW3NyY109XCJpY29uT25cIiBoZWlnaHQ9XCI0OHB4XCIgc2l6ZT1cImxhcmdlXCIgd2lkdGg9XCI0OHB4XCI+PC9pbi1zdmc+XG4gICAgICAgIDwvc3Bhbj5cbiAgICA8L3NwYW4+XG48L2xhYmVsPlxuIl19

package/full/esm2020/components/table/table-click-outside.directive.mjs

@@ -0,0 +1,31 @@
+import { Directive, ElementRef, EventEmitter, HostListener, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+export 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TableClickOutsideDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+TableClickOutsideDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: TableClickOutsideDirective, selector: "[inClickOutside]", outputs: { clickedOutside: "clickedOutside" }, host: { listeners: { "document:click": "click($event)" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TableClickOutsideDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[inClickOutside]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { clickedOutside: [{
+                type: Output
+            }], click: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtY2xpY2stb3V0c2lkZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnNwYXJrLWNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvdGFibGUvdGFibGUtY2xpY2stb3V0c2lkZS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxVQUFVLEVBQUUsWUFBWSxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUMsTUFBTSxlQUFlLENBQUM7O0FBS3hGLE1BQU0sT0FBTywwQkFBMEI7SUFJckMsWUFBb0IsT0FBbUI7UUFBbkIsWUFBTyxHQUFQLE9BQU8sQ0FBWTtRQUY3QixtQkFBYyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUFHOUMsQ0FBQztJQUdELEtBQUssQ0FBQyxLQUFLO1FBQ1QsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLEVBQUU7WUFDdEQsa0NBQWtDO1lBQ2xDLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQ2pDO2FBQU07WUFDTCxpQ0FBaUM7U0FDbEM7SUFDSCxDQUFDOzt1SEFmVSwwQkFBMEI7MkdBQTFCLDBCQUEwQjsyRkFBMUIsMEJBQTBCO2tCQUh0QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxrQkFBa0I7aUJBQzdCO2lHQUdXLGNBQWM7c0JBQXZCLE1BQU07Z0JBTVAsS0FBSztzQkFESixZQUFZO3VCQUFDLGdCQUFnQixFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgSG9zdExpc3RlbmVyLCBPdXRwdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbaW5DbGlja091dHNpZGVdJ1xufSlcbmV4cG9ydCBjbGFzcyBUYWJsZUNsaWNrT3V0c2lkZURpcmVjdGl2ZSB7XG5cbiAgQE91dHB1dCgpIGNsaWNrZWRPdXRzaWRlID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZWxlbWVudDogRWxlbWVudFJlZikge1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignZG9jdW1lbnQ6Y2xpY2snLCBbJyRldmVudCddKVxuICBjbGljayhldmVudCkge1xuICAgIGlmICghdGhpcy5lbGVtZW50Lm5hdGl2ZUVsZW1lbnQuY29udGFpbnMoZXZlbnQudGFyZ2V0KSkge1xuICAgICAgLy8gY29uc29sZS5sb2coJ2NsaWNrZWQgb3V0c2lkZScpO1xuICAgICAgdGhpcy5jbGlja2VkT3V0c2lkZS5lbWl0KGV2ZW50KTtcbiAgICB9IGVsc2Uge1xuICAgICAgLy8gY29uc29sZS5sb2coJ2NsaWNrZWQgaW5zaWRlJyk7XG4gICAgfVxuICB9XG5cbn1cbiJdfQ==

package/full/esm2020/components/table/table-columns-multiselect/table-columns-multiselect.component.mjs

@@ -0,0 +1,32 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "../table-menu-overlay/table-menu-overlay.component";
+import * as i4 from "@ngx-translate/core";
+export class TableColumnsMultiselectComponent {
+    constructor() {
+        this.isExpanded = false;
+        /**
+         * true - все активные чекбоксы становятся неактивными
+         * false - не влияет на чекбоксы
+         */
+        this.disableActiveCheckboxes = false;
+        this.columnsChange = new EventEmitter();
+    }
+    ngOnInit() {
+    }
+}
+TableColumnsMultiselectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TableColumnsMultiselectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TableColumnsMultiselectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: TableColumnsMultiselectComponent, selector: "in-table-columns-multiselect", inputs: { columns: "columns", disableActiveCheckboxes: "disableActiveCheckboxes" }, outputs: { columnsChange: "columnsChange" }, ngImport: i0, 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)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.TableMenuOverlayComponent, selector: "in-table-menu-overlay", inputs: ["isExpanded", "positionClass"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TableColumnsMultiselectComponent, decorators: [{
+            type: Component,
+            args: [{ 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)}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { columns: [{
+                type: Input
+            }], disableActiveCheckboxes: [{
+                type: Input
+            }], columnsChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtY29sdW1ucy1tdWx0aXNlbGVjdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnNwYXJrLWNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvdGFibGUvdGFibGUtY29sdW1ucy1tdWx0aXNlbGVjdC90YWJsZS1jb2x1bW5zLW11bHRpc2VsZWN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2luc3BhcmstY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy90YWJsZS90YWJsZS1jb2x1bW5zLW11bHRpc2VsZWN0L3RhYmxlLWNvbHVtbnMtbXVsdGlzZWxlY3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBUTdFLE1BQU0sT0FBTyxnQ0FBZ0M7SUFVM0M7UUFUTyxlQUFVLEdBQUcsS0FBSyxDQUFDO1FBRTFCOzs7V0FHRztRQUNNLDRCQUF1QixHQUFHLEtBQUssQ0FBQztRQUMvQixrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFzQyxDQUFDO0lBR2pGLENBQUM7SUFFRCxRQUFRO0lBQ1IsQ0FBQzs7NkhBZFUsZ0NBQWdDO2lIQUFoQyxnQ0FBZ0MscU1DUjdDLGtwQ0EwQkE7MkZEbEJhLGdDQUFnQztrQkFMNUMsU0FBUzsrQkFDRSw4QkFBOEI7MEVBTS9CLE9BQU87c0JBQWYsS0FBSztnQkFLRyx1QkFBdUI7c0JBQS9CLEtBQUs7Z0JBQ0ksYUFBYTtzQkFBdEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1RhYmxlQ29sdW1uc30gZnJvbSBcIi4uLy4uLy4uL2ludGVyZmFjZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpbi10YWJsZS1jb2x1bW5zLW11bHRpc2VsZWN0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RhYmxlLWNvbHVtbnMtbXVsdGlzZWxlY3QuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90YWJsZS1jb2x1bW5zLW11bHRpc2VsZWN0LmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVGFibGVDb2x1bW5zTXVsdGlzZWxlY3RDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBwdWJsaWMgaXNFeHBhbmRlZCA9IGZhbHNlO1xuICBASW5wdXQoKSBjb2x1bW5zOiBUYWJsZUNvbHVtbnNbXTtcbiAgLyoqXG4gICAqIHRydWUgLSDQstGB0LUg0LDQutGC0LjQstC90YvQtSDRh9C10LrQsdC+0LrRgdGLINGB0YLQsNC90L7QstGP0YLRgdGPINC90LXQsNC60YLQuNCy0L3Ri9C80LhcbiAgICogZmFsc2UgLSDQvdC1INCy0LvQuNGP0LXRgiDQvdCwINGH0LXQutCx0L7QutGB0YtcbiAgICovXG4gIEBJbnB1dCgpIGRpc2FibGVBY3RpdmVDaGVja2JveGVzID0gZmFsc2U7XG4gIEBPdXRwdXQoKSBjb2x1bW5zQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjx7ZXZlbnQ6IGFueSwgY29sdW1uOiBUYWJsZUNvbHVtbnN9PigpO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gIH1cblxufVxuIiwiPGluLXRhYmxlLW1lbnUtb3ZlcmxheSBbaXNFeHBhbmRlZF09XCJpc0V4cGFuZGVkXCI+XG4gIDxuZy1jb250YWluZXIgbmdQcm9qZWN0QXM9XCJob3N0XCI+XG4gICAgPGJ1dHRvbiBjbGFzcz1cImMtYnRuIGMtYnRuX2JvcmRlci1mcmVlIGMtYnRuX3NtYWxsXCI+XG4gICAgICA8aSBbdGl0bGVdPVwiKCdjb2x1bW4gc3dpdGNoJyB8IHRyYW5zbGF0ZSlcIiBjbGFzcz1cImZhIGZhLWNvZ1wiPjwvaT48aSBjbGFzcz1cImMtY2FyZXRcIj48L2k+XG4gICAgPC9idXR0b24+XG5cbiAgPC9uZy1jb250YWluZXI+XG4gIDxuZy1jb250YWluZXIgbmdQcm9qZWN0QXM9XCJib2R5XCI+XG4gICAgPHVsIGNsYXNzPVwiby1saXN0XCI+XG4gICAgICA8bGkgKm5nRm9yPVwibGV0IGNvbHVtbiBvZiBjb2x1bW5zXCIgY2xhc3M9XCJjLWRyb3Bkb3duLW1lbnVfX2xpc3RpdGVtXCIgcm9sZT1cIm1lbnVpdGVtXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJjLWRyb3Bkb3duLW1lbnVfX2NvbnRlbnRcIj5cbiAgICAgICAgICA8bGFiZWwgY2xhc3M9XCJjLWNoZWNrYm94IGMtY2hlY2tib3hfc3dpdGNoIGMtY2hlY2tib3hfY29tcGFjdFwiPlxuICAgICAgICAgICAgPGlucHV0IChuZ01vZGVsQ2hhbmdlKT1cImNvbHVtbnNDaGFuZ2UuZW1pdCh7ZXZlbnQ6ICRldmVudCwgY29sdW1uOiBjb2x1bW59KVwiXG4gICAgICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cIighY29sdW1uLmlzSGlkZGVuICYmIGRpc2FibGVBY3RpdmVDaGVja2JveGVzKSB8fCBjb2x1bW4uaXNSZXF1aXJlZFwiXG4gICAgICAgICAgICAgICAgICAgW25nTW9kZWxdPVwiIWNvbHVtbi5pc0hpZGRlbiBcIlxuICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiYy1jaGVja2JveF9faW5wdXRcIlxuICAgICAgICAgICAgICAgICAgIHR5cGU9XCJjaGVja2JveFwiPlxuICAgICAgICAgICAgPGkgY2xhc3M9XCJjLWNoZWNrYm94X19pY29uXCI+PC9pPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJjLWNoZWNrYm94X19sYWJlbCBkcm9wZG93bi1sYWJlbFwiPnt7Y29sdW1uLmxhYmVsIHwgdHJhbnNsYXRlfX08L3NwYW4+XG4gICAgICAgICAgPC9sYWJlbD5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2xpPlxuICAgIDwvdWw+XG5cbiAgPC9uZy1jb250YWluZXI+XG48L2luLXRhYmxlLW1lbnUtb3ZlcmxheT5cbiJdfQ==

package/full/esm2020/components/table/table-menu-overlay/table-menu-overlay.component.mjs

@@ -0,0 +1,26 @@
+import { ChangeDetectionStrategy, Component, ElementRef, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../table-click-outside.directive";
+export class TableMenuOverlayComponent {
+    constructor(element) {
+        this.element = element;
+        this.isExpanded = false;
+    }
+    isClickedOutsideOverlay(event) {
+        if (!this.element.nativeElement.contains(event.target)) {
+            this.isExpanded = false;
+        }
+    }
+}
+TableMenuOverlayComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TableMenuOverlayComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+TableMenuOverlayComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: TableMenuOverlayComponent, selector: "in-table-menu-overlay", inputs: { isExpanded: "isExpanded", positionClass: "positionClass" }, ngImport: i0, 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", 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 #00000030,0 6px 6px #0000003b;max-height:500px;overflow:auto}:host-context(.theme-dark) .c-overlay__body{background-color:#53555c;background-color:var(--ids-theme-color-gray-35, #53555C)}\n", "@charset \"UTF-8\";:host-context(.theme-contrast) .c-overlay__body{background-color:#ebebeb;background-color:var(--ids-theme-color-gray-5, #EBEBEB)}\n", "@charset \"UTF-8\";:host-context(.theme-light) .c-overlay__body{background-color:#ebebeb;background-color:var(--ids-theme-color-gray-5, #EBEBEB)}\n", "@charset \"UTF-8\";:host-context(.theme-green) .c-overlay__body{background-color:#ebebeb;background-color:var(--ids-theme-color-gray-5, #EBEBEB)}\n", "@charset \"UTF-8\";:host-context(.theme-blue) .c-overlay__body{background-color:#202127;background-color:var(--colorBgLevel1, #202127)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.TableClickOutsideDirective, selector: "[inClickOutside]", outputs: ["clickedOutside"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TableMenuOverlayComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'in-table-menu-overlay', changeDetection: ChangeDetectionStrategy.OnPush, 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", 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 #00000030,0 6px 6px #0000003b;max-height:500px;overflow:auto}:host-context(.theme-dark) .c-overlay__body{background-color:#53555c;background-color:var(--ids-theme-color-gray-35, #53555C)}\n", "@charset \"UTF-8\";:host-context(.theme-contrast) .c-overlay__body{background-color:#ebebeb;background-color:var(--ids-theme-color-gray-5, #EBEBEB)}\n", "@charset \"UTF-8\";:host-context(.theme-light) .c-overlay__body{background-color:#ebebeb;background-color:var(--ids-theme-color-gray-5, #EBEBEB)}\n", "@charset \"UTF-8\";:host-context(.theme-green) .c-overlay__body{background-color:#ebebeb;background-color:var(--ids-theme-color-gray-5, #EBEBEB)}\n", "@charset \"UTF-8\";:host-context(.theme-blue) .c-overlay__body{background-color:#202127;background-color:var(--colorBgLevel1, #202127)}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { isExpanded: [{
+                type: Input
+            }], positionClass: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtbWVudS1vdmVybGF5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2luc3BhcmstY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy90YWJsZS90YWJsZS1tZW51LW92ZXJsYXkvdGFibGUtbWVudS1vdmVybGF5LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2luc3BhcmstY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy90YWJsZS90YWJsZS1tZW51LW92ZXJsYXkvdGFibGUtbWVudS1vdmVybGF5LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQzs7OztBQVFwRixNQUFNLE9BQU8seUJBQXlCO0lBSXBDLFlBQW9CLE9BQW1CO1FBQW5CLFlBQU8sR0FBUCxPQUFPLENBQVk7UUFIOUIsZUFBVSxHQUFHLEtBQUssQ0FBQztJQUk1QixDQUFDO0lBRU0sdUJBQXVCLENBQUMsS0FBSztRQUNsQyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsRUFBRTtZQUN0RCxJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztTQUN6QjtJQUNILENBQUM7O3NIQVhVLHlCQUF5QjswR0FBekIseUJBQXlCLG1JQ1J0Qyw2Y0FhQTsyRkRMYSx5QkFBeUI7a0JBTnJDLFNBQVM7K0JBQ0UsdUJBQXVCLG1CQUdoQix1QkFBdUIsQ0FBQyxNQUFNO2lHQUd0QyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaW4tdGFibGUtbWVudS1vdmVybGF5JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RhYmxlLW1lbnUtb3ZlcmxheS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3RhYmxlLW1lbnUtb3ZlcmxheS5jb21wb25lbnQuc2NzcycsICcuL3RhYmxlLW1lbnUtb3ZlcmxheS1jb250cmFzdC5jb21wb25lbnQuc2NzcycsICcuL3RhYmxlLW1lbnUtb3ZlcmxheS1saWdodC5jb21wb25lbnQuc2NzcycsICcuL3RhYmxlLW1lbnUtb3ZlcmxheS1ncmVlbi5jb21wb25lbnQuc2NzcycsICcuL3RhYmxlLW1lbnUtb3ZlcmxheS1ibHVlLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIFRhYmxlTWVudU92ZXJsYXlDb21wb25lbnQge1xuICBASW5wdXQoKSBpc0V4cGFuZGVkID0gZmFsc2U7XG4gIEBJbnB1dCgpIHBvc2l0aW9uQ2xhc3M6IHN0cmluZztcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsZW1lbnQ6IEVsZW1lbnRSZWYpIHtcbiAgfVxuXG4gIHB1YmxpYyBpc0NsaWNrZWRPdXRzaWRlT3ZlcmxheShldmVudCkge1xuICAgIGlmICghdGhpcy5lbGVtZW50Lm5hdGl2ZUVsZW1lbnQuY29udGFpbnMoZXZlbnQudGFyZ2V0KSkge1xuICAgICAgdGhpcy5pc0V4cGFuZGVkID0gZmFsc2U7XG4gICAgfVxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiYy1vdmVybGF5IGlzLWRyb3Bkb3duX29wZW5cIj5cbiAgPGRpdiAoY2xpY2spPVwiaXNFeHBhbmRlZCAgPSAhaXNFeHBhbmRlZDtcIlxuICAgICAgIGNsYXNzPVwiYy1vdmVybGF5X190b2dnbGVcIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJob3N0XCI+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImlzRXhwYW5kZWRcIj5cbiAgICA8ZGl2IChjbGlja2VkT3V0c2lkZSk9XCJpc0NsaWNrZWRPdXRzaWRlT3ZlcmxheSgkZXZlbnQpXCIgY2xhc3M9XCJjLW92ZXJsYXlfX2JvZHlcIlxuICAgICAgICAgaW5DbGlja091dHNpZGU+XG4gICAgICA8IS0te3twb3NpdGlvbkNsYXNzfX0tLT5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImJvZHlcIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gIDwvbmctY29udGFpbmVyPlxuPC9kaXY+XG4iXX0=