@inspark/inspark-components 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/full/assets/error.svg +6 -0
- package/full/assets/falsevalue.svg +6 -0
- package/full/assets/icon.svg +6 -0
- package/full/assets/none.svg +6 -0
- package/full/assets/success.svg +6 -0
- package/full/assets/warning.svg +6 -0
- package/full/bundles/inspark-inspark-components.umd.js +3758 -0
- package/full/bundles/inspark-inspark-components.umd.js.map +1 -0
- package/full/bundles/inspark-inspark-components.umd.min.js +16 -0
- package/full/bundles/inspark-inspark-components.umd.min.js.map +1 -0
- package/full/components/breadcrumb/breadcrumb.component.d.ts +7 -0
- package/full/components/button/button.component.d.ts +57 -0
- package/full/components/checkbox/checkbox.component.d.ts +36 -0
- package/full/components/communication.service.d.ts +6 -0
- package/full/components/component-container/component-container.component.d.ts +5 -0
- package/full/components/content-toggle/content-toggle.component.d.ts +10 -0
- package/full/components/dropdown/dropdown.component.d.ts +68 -0
- package/full/components/empty/empty.component.d.ts +2 -0
- package/full/components/file/file.component.d.ts +14 -0
- package/full/components/header/header.component.d.ts +7 -0
- package/full/components/inline-message/inline-message.component.d.ts +4 -0
- package/full/components/input-text/input-text.component.d.ts +44 -0
- package/full/components/inspark.module.d.ts +2 -0
- package/full/components/inspark.shared.d.ts +8 -0
- package/full/components/link/link.component.d.ts +43 -0
- package/full/components/modal-input-text/modal-input-text.component.d.ts +32 -0
- package/full/components/object-tree/object-tree.component.d.ts +5 -0
- package/full/components/panel/panel.component.d.ts +2 -0
- package/full/components/preloader/preloader.component.d.ts +10 -0
- package/full/components/primeng.module.d.ts +2 -0
- package/full/components/radiobutton/radiobutton.component.d.ts +17 -0
- package/full/components/select-button/select-button.component.d.ts +55 -0
- package/full/components/select-list/select-list.component.d.ts +25 -0
- package/full/components/status-circle/status-circle.component.d.ts +10 -0
- package/full/components/sticky/sticky.component.d.ts +20 -0
- package/full/components/svg/svg.component.d.ts +9 -0
- package/full/components/switcher/switcher.component.d.ts +45 -0
- package/full/components/table/table-click-outside.directive.d.ts +7 -0
- package/full/components/table/table-columns-multiselect/table-columns-multiselect.component.d.ts +17 -0
- package/full/components/table/table-menu-overlay/table-menu-overlay.component.d.ts +9 -0
- package/full/components/table/table.component.d.ts +95 -0
- package/full/components/textarea/textarea.component.d.ts +32 -0
- package/full/components/toolbar/toolbar.component.d.ts +14 -0
- package/full/components/tooltip/tooltip.component.d.ts +5 -0
- package/full/components/tree-table/tree-table.component.d.ts +65 -0
- package/full/esm2015/components/breadcrumb/breadcrumb.component.js +23 -0
- package/full/esm2015/components/button/button.component.js +209 -0
- package/full/esm2015/components/checkbox/checkbox.component.js +104 -0
- package/full/esm2015/components/communication.service.js +24 -0
- package/full/esm2015/components/component-container/component-container.component.js +20 -0
- package/full/esm2015/components/content-toggle/content-toggle.component.js +44 -0
- package/full/esm2015/components/dropdown/dropdown.component.js +346 -0
- package/full/esm2015/components/empty/empty.component.js +13 -0
- package/full/esm2015/components/file/file.component.js +65 -0
- package/full/esm2015/components/header/header.component.js +30 -0
- package/full/esm2015/components/inline-message/inline-message.component.js +25 -0
- package/full/esm2015/components/input-text/input-text.component.js +157 -0
- package/full/esm2015/components/inspark.module.js +128 -0
- package/full/esm2015/components/inspark.shared.js +30 -0
- package/full/esm2015/components/link/link.component.js +164 -0
- package/full/esm2015/components/modal-input-text/modal-input-text.component.js +94 -0
- package/full/esm2015/components/object-tree/object-tree.component.js +18 -0
- package/full/esm2015/components/panel/panel.component.js +13 -0
- package/full/esm2015/components/preloader/preloader.component.js +34 -0
- package/full/esm2015/components/primeng.module.js +19 -0
- package/full/esm2015/components/radiobutton/radiobutton.component.js +75 -0
- package/full/esm2015/components/select-button/select-button.component.js +176 -0
- package/full/esm2015/components/select-list/select-list.component.js +60 -0
- package/full/esm2015/components/status-circle/status-circle.component.js +51 -0
- package/full/esm2015/components/sticky/sticky.component.js +82 -0
- package/full/esm2015/components/svg/svg.component.js +36 -0
- package/full/esm2015/components/switcher/switcher.component.js +148 -0
- package/full/esm2015/components/table/table-click-outside.directive.js +38 -0
- package/full/esm2015/components/table/table-columns-multiselect/table-columns-multiselect.component.js +37 -0
- package/full/esm2015/components/table/table-menu-overlay/table-menu-overlay.component.js +35 -0
- package/full/esm2015/components/table/table.component.js +426 -0
- package/full/esm2015/components/textarea/textarea.component.js +101 -0
- package/full/esm2015/components/toolbar/toolbar.component.js +40 -0
- package/full/esm2015/components/tooltip/tooltip.component.js +18 -0
- package/full/esm2015/components/tree-table/tree-table.component.js +255 -0
- package/full/esm2015/inspark-inspark-components.js +16 -0
- package/full/esm2015/interface.js +1 -0
- package/full/esm2015/pipes/pipes.module.js +16 -0
- package/full/esm2015/pipes/propertyValue.pipe.js +23 -0
- package/full/esm2015/pipes/safeUrl.pipe.js +37 -0
- package/full/esm2015/pipes/sort-by.pipe.js +26 -0
- package/full/esm2015/pipes/time.pipe.js +201 -0
- package/full/esm2015/public_api.js +43 -0
- package/full/esm2015/services/inspark-message.service.js +73 -0
- package/full/esm2015/utils/gettextMarker.function.js +5 -0
- package/full/esm2015/utils/hybrid/prime-table/row-state.enum.js +9 -0
- package/full/esm2015/utils/hybrid/prime-table/table-row-data.model.js +1 -0
- package/full/esm5/components/breadcrumb/breadcrumb.component.js +24 -0
- package/full/esm5/components/button/button.component.js +212 -0
- package/full/esm5/components/checkbox/checkbox.component.js +106 -0
- package/full/esm5/components/communication.service.js +25 -0
- package/full/esm5/components/component-container/component-container.component.js +21 -0
- package/full/esm5/components/content-toggle/content-toggle.component.js +45 -0
- package/full/esm5/components/dropdown/dropdown.component.js +351 -0
- package/full/esm5/components/empty/empty.component.js +16 -0
- package/full/esm5/components/file/file.component.js +66 -0
- package/full/esm5/components/header/header.component.js +31 -0
- package/full/esm5/components/inline-message/inline-message.component.js +26 -0
- package/full/esm5/components/input-text/input-text.component.js +159 -0
- package/full/esm5/components/inspark.module.js +131 -0
- package/full/esm5/components/inspark.shared.js +31 -0
- package/full/esm5/components/link/link.component.js +165 -0
- package/full/esm5/components/modal-input-text/modal-input-text.component.js +98 -0
- package/full/esm5/components/object-tree/object-tree.component.js +20 -0
- package/full/esm5/components/panel/panel.component.js +16 -0
- package/full/esm5/components/preloader/preloader.component.js +35 -0
- package/full/esm5/components/primeng.module.js +22 -0
- package/full/esm5/components/radiobutton/radiobutton.component.js +76 -0
- package/full/esm5/components/select-button/select-button.component.js +179 -0
- package/full/esm5/components/select-list/select-list.component.js +62 -0
- package/full/esm5/components/status-circle/status-circle.component.js +52 -0
- package/full/esm5/components/sticky/sticky.component.js +84 -0
- package/full/esm5/components/svg/svg.component.js +39 -0
- package/full/esm5/components/switcher/switcher.component.js +150 -0
- package/full/esm5/components/table/table-click-outside.directive.js +39 -0
- package/full/esm5/components/table/table-columns-multiselect/table-columns-multiselect.component.js +38 -0
- package/full/esm5/components/table/table-menu-overlay/table-menu-overlay.component.js +36 -0
- package/full/esm5/components/table/table.component.js +446 -0
- package/full/esm5/components/textarea/textarea.component.js +103 -0
- package/full/esm5/components/toolbar/toolbar.component.js +41 -0
- package/full/esm5/components/tooltip/tooltip.component.js +20 -0
- package/full/esm5/components/tree-table/tree-table.component.js +280 -0
- package/full/esm5/inspark-inspark-components.js +16 -0
- package/full/esm5/interface.js +1 -0
- package/full/esm5/pipes/pipes.module.js +19 -0
- package/full/esm5/pipes/propertyValue.pipe.js +26 -0
- package/full/esm5/pipes/safeUrl.pipe.js +38 -0
- package/full/esm5/pipes/sort-by.pipe.js +29 -0
- package/full/esm5/pipes/time.pipe.js +212 -0
- package/full/esm5/public_api.js +43 -0
- package/full/esm5/services/inspark-message.service.js +78 -0
- package/full/esm5/utils/gettextMarker.function.js +5 -0
- package/full/esm5/utils/hybrid/prime-table/row-state.enum.js +9 -0
- package/full/esm5/utils/hybrid/prime-table/table-row-data.model.js +1 -0
- package/full/fesm2015/inspark-inspark-components.js +3331 -0
- package/full/fesm2015/inspark-inspark-components.js.map +1 -0
- package/full/fesm5/inspark-inspark-components.js +3464 -0
- package/full/fesm5/inspark-inspark-components.js.map +1 -0
- package/full/fonts/primeicons.eot +0 -0
- package/full/fonts/primeicons.svg +163 -0
- package/full/fonts/primeicons.ttf +0 -0
- package/full/fonts/primeicons.woff +0 -0
- package/full/index.css +4012 -0
- package/full/index.js +1 -0
- package/full/inspark-inspark-components.d.ts +15 -0
- package/full/inspark-inspark-components.metadata.json +1 -0
- package/full/interface.d.ts +25 -0
- package/full/package.json +26 -0
- package/full/pipes/pipes.module.d.ts +2 -0
- package/full/pipes/propertyValue.pipe.d.ts +4 -0
- package/full/pipes/safeUrl.pipe.d.ts +20 -0
- package/full/pipes/sort-by.pipe.d.ts +4 -0
- package/full/pipes/time.pipe.d.ts +25 -0
- package/full/public_api.d.ts +41 -0
- package/full/services/inspark-message.service.d.ts +18 -0
- package/full/utils/gettextMarker.function.d.ts +1 -0
- package/full/utils/hybrid/prime-table/row-state.enum.d.ts +7 -0
- package/full/utils/hybrid/prime-table/table-row-data.model.d.ts +6 -0
- package/interface/bundles/inspark-inspark-components.umd.js +11 -0
- package/interface/bundles/inspark-inspark-components.umd.js.map +1 -0
- package/interface/bundles/inspark-inspark-components.umd.min.js +2 -0
- package/interface/bundles/inspark-inspark-components.umd.min.js.map +1 -0
- package/interface/esm2015/inspark-inspark-components.js +4 -0
- package/interface/esm2015/interface.js +1 -0
- package/interface/esm2015/public_api.js +4 -0
- package/interface/esm5/inspark-inspark-components.js +4 -0
- package/interface/esm5/interface.js +1 -0
- package/interface/esm5/public_api.js +4 -0
- package/interface/fesm2015/inspark-inspark-components.js +4 -0
- package/interface/fesm2015/inspark-inspark-components.js.map +1 -0
- package/interface/fesm5/inspark-inspark-components.js +4 -0
- package/interface/fesm5/inspark-inspark-components.js.map +1 -0
- package/interface/inspark-inspark-components.d.ts +4 -0
- package/interface/inspark-inspark-components.metadata.json +1 -0
- package/interface/interface.d.ts +25 -0
- package/interface/package.json +26 -0
- package/interface/public_api.d.ts +1 -0
- package/package.json +26 -0
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import { __decorate, __metadata } from "tslib";
|
|
2
|
+
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, Input, OnDestroy, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
|
|
3
|
+
var InsparkStickyComponent = /** @class */ (function () {
|
|
4
|
+
function InsparkStickyComponent(cdr) {
|
|
5
|
+
var _this = this;
|
|
6
|
+
this.cdr = cdr;
|
|
7
|
+
this.top = 100;
|
|
8
|
+
this.isInline = false;
|
|
9
|
+
this.isFloated = true;
|
|
10
|
+
this.zIndex = 10;
|
|
11
|
+
this.class = '';
|
|
12
|
+
this.isSticky = false;
|
|
13
|
+
this.height = 0;
|
|
14
|
+
this.width = 0;
|
|
15
|
+
this.left = 0;
|
|
16
|
+
this.right = 0;
|
|
17
|
+
this.resize = function () {
|
|
18
|
+
var rect = _this.stickyRef.nativeElement.getBoundingClientRect();
|
|
19
|
+
_this.width = rect.width;
|
|
20
|
+
_this.left = rect.x;
|
|
21
|
+
_this.cdr.detectChanges();
|
|
22
|
+
};
|
|
23
|
+
this.scroll = function () {
|
|
24
|
+
var rect = _this.stickyRef.nativeElement.getBoundingClientRect();
|
|
25
|
+
var isSticky = rect.top < _this.top;
|
|
26
|
+
if (isSticky !== _this.isSticky) {
|
|
27
|
+
_this.height = rect.height;
|
|
28
|
+
_this.isSticky = rect.top < _this.top;
|
|
29
|
+
_this.left = rect.x;
|
|
30
|
+
_this.width = rect.width;
|
|
31
|
+
_this.right = rect.right;
|
|
32
|
+
_this.cdr.detectChanges();
|
|
33
|
+
}
|
|
34
|
+
};
|
|
35
|
+
}
|
|
36
|
+
InsparkStickyComponent.prototype.ngOnInit = function () {
|
|
37
|
+
document.addEventListener('scroll', this.scroll);
|
|
38
|
+
window.addEventListener('resize', this.resize);
|
|
39
|
+
};
|
|
40
|
+
InsparkStickyComponent.prototype.ngOnDestroy = function () {
|
|
41
|
+
document.removeEventListener('scroll', this.scroll);
|
|
42
|
+
window.removeEventListener('resize', this.resize);
|
|
43
|
+
};
|
|
44
|
+
InsparkStickyComponent.ctorParameters = function () { return [
|
|
45
|
+
{ type: ChangeDetectorRef }
|
|
46
|
+
]; };
|
|
47
|
+
__decorate([
|
|
48
|
+
ViewChild('sticky', { static: false }),
|
|
49
|
+
__metadata("design:type", ElementRef)
|
|
50
|
+
], InsparkStickyComponent.prototype, "stickyRef", void 0);
|
|
51
|
+
__decorate([
|
|
52
|
+
Input(),
|
|
53
|
+
__metadata("design:type", Object)
|
|
54
|
+
], InsparkStickyComponent.prototype, "top", void 0);
|
|
55
|
+
__decorate([
|
|
56
|
+
Input(),
|
|
57
|
+
__metadata("design:type", Object)
|
|
58
|
+
], InsparkStickyComponent.prototype, "isInline", void 0);
|
|
59
|
+
__decorate([
|
|
60
|
+
Input(),
|
|
61
|
+
__metadata("design:type", Object)
|
|
62
|
+
], InsparkStickyComponent.prototype, "isFloated", void 0);
|
|
63
|
+
__decorate([
|
|
64
|
+
Input(),
|
|
65
|
+
__metadata("design:type", Object)
|
|
66
|
+
], InsparkStickyComponent.prototype, "zIndex", void 0);
|
|
67
|
+
__decorate([
|
|
68
|
+
Input(),
|
|
69
|
+
__metadata("design:type", Object)
|
|
70
|
+
], InsparkStickyComponent.prototype, "class", void 0);
|
|
71
|
+
InsparkStickyComponent = __decorate([
|
|
72
|
+
Component({
|
|
73
|
+
selector: 'in-sticky',
|
|
74
|
+
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",
|
|
75
|
+
encapsulation: ViewEncapsulation.Emulated,
|
|
76
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
77
|
+
styles: [".sticky{position:fixed;display:inline-block}.floated{box-shadow:0 0 4px 2px rgba(0,0,0,.3)}.inline{display:inline-block}"]
|
|
78
|
+
}),
|
|
79
|
+
__metadata("design:paramtypes", [ChangeDetectorRef])
|
|
80
|
+
], InsparkStickyComponent);
|
|
81
|
+
return InsparkStickyComponent;
|
|
82
|
+
}());
|
|
83
|
+
export { InsparkStickyComponent };
|
|
84
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RpY2t5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BpbnNwYXJrL2luc3BhcmstY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3RpY2t5L3N0aWNreS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxpQkFBaUIsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQVN4SjtJQWVFLGdDQUFvQixHQUFzQjtRQUExQyxpQkFFQztRQUZtQixRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQVpqQyxRQUFHLEdBQUcsR0FBRyxDQUFDO1FBQ1YsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixjQUFTLEdBQUcsSUFBSSxDQUFDO1FBQ2pCLFdBQU0sR0FBRyxFQUFFLENBQUM7UUFDWixVQUFLLEdBQUcsRUFBRSxDQUFDO1FBRXBCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsV0FBTSxHQUFHLENBQUMsQ0FBQztRQUNYLFVBQUssR0FBRyxDQUFDLENBQUM7UUFDVixTQUFJLEdBQUcsQ0FBQyxDQUFDO1FBQ1QsVUFBSyxHQUFHLENBQUMsQ0FBQztRQWdCVixXQUFNLEdBQUc7WUFDUCxJQUFNLElBQUksR0FBRyxLQUFJLENBQUMsU0FBUyxDQUFDLGFBQWEsQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1lBQ2xFLEtBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQztZQUN4QixLQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxDQUFDLENBQUM7WUFDbkIsS0FBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUMzQixDQUFDLENBQUM7UUFFRixXQUFNLEdBQUc7WUFDUCxJQUFNLElBQUksR0FBRyxLQUFJLENBQUMsU0FBUyxDQUFDLGFBQWEsQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1lBQ2xFLElBQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxHQUFHLEdBQUcsS0FBSSxDQUFDLEdBQUcsQ0FBQztZQUNyQyxJQUFJLFFBQVEsS0FBSyxLQUFJLENBQUMsUUFBUSxFQUFFO2dCQUM5QixLQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUM7Z0JBQzFCLEtBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLEdBQUcsR0FBRyxLQUFJLENBQUMsR0FBRyxDQUFDO2dCQUNwQyxLQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxDQUFDLENBQUM7Z0JBQ25CLEtBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQztnQkFDeEIsS0FBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDO2dCQUN4QixLQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsRUFBRSxDQUFDO2FBQzFCO1FBQ0gsQ0FBQyxDQUFDO0lBOUJGLENBQUM7SUFFRCx5Q0FBUSxHQUFSO1FBQ0UsUUFBUSxDQUFDLGdCQUFnQixDQUFDLFFBQVEsRUFBRSxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDakQsTUFBTSxDQUFDLGdCQUFnQixDQUFDLFFBQVEsRUFBRSxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDakQsQ0FBQztJQUVELDRDQUFXLEdBQVg7UUFDRSxRQUFRLENBQUMsbUJBQW1CLENBQUMsUUFBUSxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUNwRCxNQUFNLENBQUMsbUJBQW1CLENBQUMsUUFBUSxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNwRCxDQUFDOztnQkFad0IsaUJBQWlCOztJQWJKO1FBQXJDLFNBQVMsQ0FBQyxRQUFRLEVBQUUsRUFBQyxNQUFNLEVBQUUsS0FBSyxFQUFDLENBQUM7a0NBQVksVUFBVTs2REFBQztJQUNuRDtRQUFSLEtBQUssRUFBRTs7dURBQVc7SUFDVjtRQUFSLEtBQUssRUFBRTs7NERBQWtCO0lBQ2pCO1FBQVIsS0FBSyxFQUFFOzs2REFBa0I7SUFDakI7UUFBUixLQUFLLEVBQUU7OzBEQUFhO0lBQ1o7UUFBUixLQUFLLEVBQUU7O3lEQUFZO0lBUFQsc0JBQXNCO1FBUGxDLFNBQVMsQ0FBQztZQUNULFFBQVEsRUFBRSxXQUFXO1lBQ3JCLG9jQUFzQztZQUV0QyxhQUFhLEVBQUUsaUJBQWlCLENBQUMsUUFBUTtZQUN6QyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTs7U0FDaEQsQ0FBQzt5Q0FnQnlCLGlCQUFpQjtPQWYvQixzQkFBc0IsQ0FpRGxDO0lBQUQsNkJBQUM7Q0FBQSxBQWpERCxJQWlEQztTQWpEWSxzQkFBc0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dCwgT25EZXN0cm95LCBPbkluaXQsIFZpZXdDaGlsZCwgVmlld0VuY2Fwc3VsYXRpb259IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpbi1zdGlja3knLFxuICB0ZW1wbGF0ZVVybDogJy4vc3RpY2t5LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3RpY2t5LmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLkVtdWxhdGVkLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBJbnNwYXJrU3RpY2t5Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuXG4gIEBWaWV3Q2hpbGQoJ3N0aWNreScsIHtzdGF0aWM6IGZhbHNlfSkgc3RpY2t5UmVmOiBFbGVtZW50UmVmO1xuICBASW5wdXQoKSB0b3AgPSAxMDA7XG4gIEBJbnB1dCgpIGlzSW5saW5lID0gZmFsc2U7XG4gIEBJbnB1dCgpIGlzRmxvYXRlZCA9IHRydWU7XG4gIEBJbnB1dCgpIHpJbmRleCA9IDEwO1xuICBASW5wdXQoKSBjbGFzcyA9ICcnO1xuXG4gIGlzU3RpY2t5ID0gZmFsc2U7XG4gIGhlaWdodCA9IDA7XG4gIHdpZHRoID0gMDtcbiAgbGVmdCA9IDA7XG4gIHJpZ2h0ID0gMDtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcblxuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcignc2Nyb2xsJywgdGhpcy5zY3JvbGwpO1xuICAgIHdpbmRvdy5hZGRFdmVudExpc3RlbmVyKCdyZXNpemUnLCB0aGlzLnJlc2l6ZSk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpIHtcbiAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdzY3JvbGwnLCB0aGlzLnNjcm9sbCk7XG4gICAgd2luZG93LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ3Jlc2l6ZScsIHRoaXMucmVzaXplKTtcbiAgfVxuXG4gIHJlc2l6ZSA9ICgpID0+IHtcbiAgICBjb25zdCByZWN0ID0gdGhpcy5zdGlja3lSZWYubmF0aXZlRWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICB0aGlzLndpZHRoID0gcmVjdC53aWR0aDtcbiAgICB0aGlzLmxlZnQgPSByZWN0Lng7XG4gICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xuICB9O1xuXG4gIHNjcm9sbCA9ICgpID0+IHtcbiAgICBjb25zdCByZWN0ID0gdGhpcy5zdGlja3lSZWYubmF0aXZlRWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICBjb25zdCBpc1N0aWNreSA9IHJlY3QudG9wIDwgdGhpcy50b3A7XG4gICAgaWYgKGlzU3RpY2t5ICE9PSB0aGlzLmlzU3RpY2t5KSB7XG4gICAgICB0aGlzLmhlaWdodCA9IHJlY3QuaGVpZ2h0O1xuICAgICAgdGhpcy5pc1N0aWNreSA9IHJlY3QudG9wIDwgdGhpcy50b3A7XG4gICAgICB0aGlzLmxlZnQgPSByZWN0Lng7XG4gICAgICB0aGlzLndpZHRoID0gcmVjdC53aWR0aDtcbiAgICAgIHRoaXMucmlnaHQgPSByZWN0LnJpZ2h0O1xuICAgICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xuICAgIH1cbiAgfTtcblxufVxuIl19
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { __decorate, __extends, __metadata } from "tslib";
|
|
2
|
+
import { Component, Input } from '@angular/core';
|
|
3
|
+
import { Button as PButton } from 'primeng/primeng';
|
|
4
|
+
var SvgComponent = /** @class */ (function (_super) {
|
|
5
|
+
__extends(SvgComponent, _super);
|
|
6
|
+
function SvgComponent() {
|
|
7
|
+
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
8
|
+
_this.size = 'normal';
|
|
9
|
+
_this.width = '100%';
|
|
10
|
+
_this.height = '100%';
|
|
11
|
+
return _this;
|
|
12
|
+
}
|
|
13
|
+
__decorate([
|
|
14
|
+
Input(),
|
|
15
|
+
__metadata("design:type", String)
|
|
16
|
+
], SvgComponent.prototype, "size", void 0);
|
|
17
|
+
__decorate([
|
|
18
|
+
Input(),
|
|
19
|
+
__metadata("design:type", Object)
|
|
20
|
+
], SvgComponent.prototype, "width", void 0);
|
|
21
|
+
__decorate([
|
|
22
|
+
Input(),
|
|
23
|
+
__metadata("design:type", Object)
|
|
24
|
+
], SvgComponent.prototype, "height", void 0);
|
|
25
|
+
__decorate([
|
|
26
|
+
Input(),
|
|
27
|
+
__metadata("design:type", String)
|
|
28
|
+
], SvgComponent.prototype, "src", void 0);
|
|
29
|
+
SvgComponent = __decorate([
|
|
30
|
+
Component({
|
|
31
|
+
selector: 'in-svg',
|
|
32
|
+
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",
|
|
33
|
+
styles: [".svg{display:inline-flex;align-items:center;justify-content:center}.c-icon_svg-small{width:16px;height:16px}:host{display:inline-block}"]
|
|
34
|
+
})
|
|
35
|
+
], SvgComponent);
|
|
36
|
+
return SvgComponent;
|
|
37
|
+
}(PButton));
|
|
38
|
+
export { SvgComponent };
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3ZnLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BpbnNwYXJrL2luc3BhcmstY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3ZnL3N2Zy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQy9DLE9BQU8sRUFBQyxNQUFNLElBQUksT0FBTyxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFVbEQ7SUFBa0MsZ0NBQU87SUFBekM7UUFBQSxxRUFPQztRQUxVLFVBQUksR0FBWSxRQUFRLENBQUM7UUFDekIsV0FBSyxHQUFHLE1BQU0sQ0FBQztRQUNmLFlBQU0sR0FBRyxNQUFNLENBQUM7O0lBRzNCLENBQUM7SUFMVTtRQUFSLEtBQUssRUFBRTs7OENBQTBCO0lBQ3pCO1FBQVIsS0FBSyxFQUFFOzsrQ0FBZ0I7SUFDZjtRQUFSLEtBQUssRUFBRTs7Z0RBQWlCO0lBQ2hCO1FBQVIsS0FBSyxFQUFFOzs2Q0FBYTtJQUxWLFlBQVk7UUFMeEIsU0FBUyxDQUFDO1lBQ1QsUUFBUSxFQUFFLFFBQVE7WUFDbEIsMk1BQW1DOztTQUVwQyxDQUFDO09BQ1csWUFBWSxDQU94QjtJQUFELG1CQUFDO0NBQUEsQUFQRCxDQUFrQyxPQUFPLEdBT3hDO1NBUFksWUFBWSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0J1dHRvbiBhcyBQQnV0dG9ufSBmcm9tICdwcmltZW5nL3ByaW1lbmcnO1xuXG5cbnR5cGUgU1ZHU2l6ZSA9ICdzbWFsbCcgfCAnbm9ybWFsJyB8ICdsYXJnZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2luLXN2ZycsXG4gIHRlbXBsYXRlVXJsOiAnLi9zdmcuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdmcuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgU3ZnQ29tcG9uZW50IGV4dGVuZHMgUEJ1dHRvbiB7XG5cbiAgQElucHV0KCkgc2l6ZTogU1ZHU2l6ZSA9ICdub3JtYWwnO1xuICBASW5wdXQoKSB3aWR0aCA9ICcxMDAlJztcbiAgQElucHV0KCkgaGVpZ2h0ID0gJzEwMCUnO1xuICBASW5wdXQoKSBzcmM6IHN0cmluZztcblxufVxuIl19
|
|
@@ -0,0 +1,150 @@
|
|
|
1
|
+
import { __decorate, __metadata } from "tslib";
|
|
2
|
+
import { ChangeDetectorRef, Component, ElementRef, EventEmitter, forwardRef, Input, OnChanges, OnInit, Output } from '@angular/core';
|
|
3
|
+
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
4
|
+
import { Router } from '@angular/router';
|
|
5
|
+
var SwitcherComponent = /** @class */ (function () {
|
|
6
|
+
function SwitcherComponent(element, cdRef, router) {
|
|
7
|
+
this.element = element;
|
|
8
|
+
this.cdRef = cdRef;
|
|
9
|
+
this.router = router;
|
|
10
|
+
this.name = null;
|
|
11
|
+
this.label = null;
|
|
12
|
+
this.error = null;
|
|
13
|
+
this.iconOff = '';
|
|
14
|
+
this.iconOn = '';
|
|
15
|
+
this.labelOff = 'Off';
|
|
16
|
+
this.labelOn = 'On';
|
|
17
|
+
this.faIconOn = '';
|
|
18
|
+
this.faIconOff = '';
|
|
19
|
+
this.id = null;
|
|
20
|
+
this.change = new EventEmitter();
|
|
21
|
+
this._isBoolean = false;
|
|
22
|
+
this.propagateChange = function (_) {
|
|
23
|
+
};
|
|
24
|
+
}
|
|
25
|
+
SwitcherComponent_1 = SwitcherComponent;
|
|
26
|
+
SwitcherComponent.prototype.ngOnInit = function () {
|
|
27
|
+
this._isBoolean = typeof this.value === 'boolean';
|
|
28
|
+
this.value = typeof this.value === 'string' ? JSON.parse(this.value) : !!this.value;
|
|
29
|
+
};
|
|
30
|
+
SwitcherComponent.prototype.ngOnChanges = function (changes) {
|
|
31
|
+
};
|
|
32
|
+
/**
|
|
33
|
+
* Write form value to the DOM element (model => view)
|
|
34
|
+
*/
|
|
35
|
+
SwitcherComponent.prototype.writeValue = function (value) {
|
|
36
|
+
this._isBoolean = typeof value === 'boolean';
|
|
37
|
+
this.value = value;
|
|
38
|
+
this.cdRef.detectChanges();
|
|
39
|
+
};
|
|
40
|
+
/**
|
|
41
|
+
* Write form disabled state to the DOM element (model => view)
|
|
42
|
+
*/
|
|
43
|
+
SwitcherComponent.prototype.setDisabledState = function (isDisabled) {
|
|
44
|
+
this.disabled = isDisabled;
|
|
45
|
+
};
|
|
46
|
+
/**
|
|
47
|
+
* Update form when DOM element value changes (view => model)
|
|
48
|
+
*/
|
|
49
|
+
SwitcherComponent.prototype.registerOnChange = function (fn) {
|
|
50
|
+
// Store the provided function as an internal method.
|
|
51
|
+
this.propagateChange = fn;
|
|
52
|
+
};
|
|
53
|
+
/**
|
|
54
|
+
* Update form when DOM element is blurred (view => model)
|
|
55
|
+
*/
|
|
56
|
+
SwitcherComponent.prototype.registerOnTouched = function (fn) {
|
|
57
|
+
// Store the provided function as an internal method.
|
|
58
|
+
this.onTouched = fn;
|
|
59
|
+
};
|
|
60
|
+
SwitcherComponent.prototype.onChange = function (e) {
|
|
61
|
+
e.stopPropagation();
|
|
62
|
+
e.preventDefault();
|
|
63
|
+
if (this._isBoolean) {
|
|
64
|
+
this.propagateChange(this.value);
|
|
65
|
+
this.change.emit(this.value);
|
|
66
|
+
}
|
|
67
|
+
else {
|
|
68
|
+
this.propagateChange(this.value ? 1 : 0);
|
|
69
|
+
this.change.emit(this.value ? 1 : 0);
|
|
70
|
+
}
|
|
71
|
+
};
|
|
72
|
+
SwitcherComponent.prototype.onTouched = function () {
|
|
73
|
+
};
|
|
74
|
+
var SwitcherComponent_1;
|
|
75
|
+
SwitcherComponent.ctorParameters = function () { return [
|
|
76
|
+
{ type: ElementRef },
|
|
77
|
+
{ type: ChangeDetectorRef },
|
|
78
|
+
{ type: Router }
|
|
79
|
+
]; };
|
|
80
|
+
__decorate([
|
|
81
|
+
Input(),
|
|
82
|
+
__metadata("design:type", Object)
|
|
83
|
+
], SwitcherComponent.prototype, "name", void 0);
|
|
84
|
+
__decorate([
|
|
85
|
+
Input(),
|
|
86
|
+
__metadata("design:type", Object)
|
|
87
|
+
], SwitcherComponent.prototype, "label", void 0);
|
|
88
|
+
__decorate([
|
|
89
|
+
Input(),
|
|
90
|
+
__metadata("design:type", Object)
|
|
91
|
+
], SwitcherComponent.prototype, "error", void 0);
|
|
92
|
+
__decorate([
|
|
93
|
+
Input(),
|
|
94
|
+
__metadata("design:type", Object)
|
|
95
|
+
], SwitcherComponent.prototype, "iconOff", void 0);
|
|
96
|
+
__decorate([
|
|
97
|
+
Input(),
|
|
98
|
+
__metadata("design:type", Object)
|
|
99
|
+
], SwitcherComponent.prototype, "iconOn", void 0);
|
|
100
|
+
__decorate([
|
|
101
|
+
Input(),
|
|
102
|
+
__metadata("design:type", Object)
|
|
103
|
+
], SwitcherComponent.prototype, "labelOff", void 0);
|
|
104
|
+
__decorate([
|
|
105
|
+
Input(),
|
|
106
|
+
__metadata("design:type", Object)
|
|
107
|
+
], SwitcherComponent.prototype, "labelOn", void 0);
|
|
108
|
+
__decorate([
|
|
109
|
+
Input(),
|
|
110
|
+
__metadata("design:type", Object)
|
|
111
|
+
], SwitcherComponent.prototype, "faIconOn", void 0);
|
|
112
|
+
__decorate([
|
|
113
|
+
Input(),
|
|
114
|
+
__metadata("design:type", Object)
|
|
115
|
+
], SwitcherComponent.prototype, "faIconOff", void 0);
|
|
116
|
+
__decorate([
|
|
117
|
+
Input(),
|
|
118
|
+
__metadata("design:type", Object)
|
|
119
|
+
], SwitcherComponent.prototype, "id", void 0);
|
|
120
|
+
__decorate([
|
|
121
|
+
Input(),
|
|
122
|
+
__metadata("design:type", Boolean)
|
|
123
|
+
], SwitcherComponent.prototype, "disabled", void 0);
|
|
124
|
+
__decorate([
|
|
125
|
+
Input(),
|
|
126
|
+
__metadata("design:type", Boolean)
|
|
127
|
+
], SwitcherComponent.prototype, "waiting", void 0);
|
|
128
|
+
__decorate([
|
|
129
|
+
Output(),
|
|
130
|
+
__metadata("design:type", EventEmitter)
|
|
131
|
+
], SwitcherComponent.prototype, "change", void 0);
|
|
132
|
+
SwitcherComponent = SwitcherComponent_1 = __decorate([
|
|
133
|
+
Component({
|
|
134
|
+
selector: 'in-switcher',
|
|
135
|
+
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",
|
|
136
|
+
providers: [
|
|
137
|
+
{
|
|
138
|
+
provide: NG_VALUE_ACCESSOR,
|
|
139
|
+
useExisting: forwardRef(function () { return SwitcherComponent_1; }),
|
|
140
|
+
multi: true,
|
|
141
|
+
}
|
|
142
|
+
],
|
|
143
|
+
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}"]
|
|
144
|
+
}),
|
|
145
|
+
__metadata("design:paramtypes", [ElementRef, ChangeDetectorRef, Router])
|
|
146
|
+
], SwitcherComponent);
|
|
147
|
+
return SwitcherComponent;
|
|
148
|
+
}());
|
|
149
|
+
export { SwitcherComponent };
|
|
150
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3dpdGNoZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGluc3BhcmsvaW5zcGFyay1jb21wb25lbnRzLyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy9zd2l0Y2hlci9zd2l0Y2hlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBQyxpQkFBaUIsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLFlBQVksRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ25JLE9BQU8sRUFBdUIsaUJBQWlCLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUN2RSxPQUFPLEVBQUMsTUFBTSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFjdkM7SUFzQkUsMkJBQW1CLE9BQW1CLEVBQVUsS0FBd0IsRUFBUyxNQUFjO1FBQTVFLFlBQU8sR0FBUCxPQUFPLENBQVk7UUFBVSxVQUFLLEdBQUwsS0FBSyxDQUFtQjtRQUFTLFdBQU0sR0FBTixNQUFNLENBQVE7UUFwQnRGLFNBQUksR0FBRyxJQUFJLENBQUM7UUFDWixVQUFLLEdBQUcsSUFBSSxDQUFDO1FBQ2IsVUFBSyxHQUFHLElBQUksQ0FBQztRQUNiLFlBQU8sR0FBRyxFQUFFLENBQUM7UUFDYixXQUFNLEdBQUcsRUFBRSxDQUFDO1FBQ1osYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixZQUFPLEdBQUcsSUFBSSxDQUFDO1FBQ2YsYUFBUSxHQUFHLEVBQUUsQ0FBQztRQUNkLGNBQVMsR0FBRyxFQUFFLENBQUM7UUFDZixPQUFFLEdBQUcsSUFBSSxDQUFDO1FBSVQsV0FBTSxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBRXpELGVBQVUsR0FBRyxLQUFLLENBQUM7UUFrRFgsb0JBQWUsR0FBRyxVQUFDLENBQU07UUFDakMsQ0FBQyxDQUFBO0lBNUNELENBQUM7MEJBeEJVLGlCQUFpQjtJQTJCNUIsb0NB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RCxLQUFLLEVBQUUsSUFBSTtpQkFDWjthQUNGOztTQUNGLENBQUM7eUNBdUI0QixVQUFVLEVBQWlCLGlCQUFpQixFQUFpQixNQUFNO09BdEJwRixpQkFBaUIsQ0FzRjdCO0lBQUQsd0JBQUM7Q0FBQSxBQXRGRCxJQXNGQztTQXRGWSxpQkFBaUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgZm9yd2FyZFJlZiwgSW5wdXQsIE9uQ2hhbmdlcywgT25Jbml0LCBPdXRwdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1J9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7Um91dGVyfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpbi1zd2l0Y2hlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9zd2l0Y2hlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N3aXRjaGVyLmNvbXBvbmVudC5zY3NzJ10sXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gU3dpdGNoZXJDb21wb25lbnQpLFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgfVxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTd2l0Y2hlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzLCBDb250cm9sVmFsdWVBY2Nlc3NvciB7XG5cbiAgQElucHV0KCkgbmFtZSA9IG51bGw7XG4gIEBJbnB1dCgpIGxhYmVsID0gbnVsbDtcbiAgQElucHV0KCkgZXJyb3IgPSBudWxsO1xuICBASW5wdXQoKSBpY29uT2ZmID0gJyc7XG4gIEBJbnB1dCgpIGljb25PbiA9ICcnO1xuICBASW5wdXQoKSBsYWJlbE9mZiA9ICdPZmYnO1xuICBASW5wdXQoKSBsYWJlbE9uID0gJ09uJztcbiAgQElucHV0KCkgZmFJY29uT24gPSAnJztcbiAgQElucHV0KCkgZmFJY29uT2ZmID0gJyc7XG4gIEBJbnB1dCgpIGlkID0gbnVsbDtcbiAgQElucHV0KCkgZGlzYWJsZWQ6IGJvb2xlYW47XG4gIEBJbnB1dCgpIHdhaXRpbmc/OiBib29sZWFuO1xuXG4gIEBPdXRwdXQoKSBjaGFuZ2U6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIF9pc0Jvb2xlYW4gPSBmYWxzZTtcblxuICB2YWx1ZTogYm9vbGVhbjtcblxuXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBlbGVtZW50OiBFbGVtZW50UmVmLCBwcml2YXRlIGNkUmVmOiBDaGFuZ2VEZXRlY3RvclJlZiwgcHVibGljIHJvdXRlcjogUm91dGVyKSB7XG5cbiAgfVxuXG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5faXNCb29sZWFuID0gdHlwZW9mIHRoaXMudmFsdWUgPT09ICdib29sZWFuJztcbiAgICB0aGlzLnZhbHVlID0gdHlwZW9mIHRoaXMudmFsdWUgPT09ICdzdHJpbmcnID8gSlNPTi5wYXJzZSh0aGlzLnZhbHVlKSA6ICEhdGhpcy52YWx1ZTtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXMpIHtcbiAgfVxuXG4gIC8qKlxuICAgKiBXcml0ZSBmb3JtIHZhbHVlIHRvIHRoZSBET00gZWxlbWVudCAobW9kZWwgPT4gdmlldylcbiAgICovXG4gIHdyaXRlVmFsdWUodmFsdWU6IGFueSk6IHZvaWQge1xuICAgIHRoaXMuX2lzQm9vbGVhbiA9IHR5cGVvZiB2YWx1ZSA9PT0gJ2Jvb2xlYW4nO1xuICAgIHRoaXMudmFsdWUgPSB2YWx1ZTtcbiAgICB0aGlzLmNkUmVmLmRldGVjdENoYW5nZXMoKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBXcml0ZSBmb3JtIGRpc2FibGVkIHN0YXRlIHRvIHRoZSBET00gZWxlbWVudCAobW9kZWwgPT4gdmlldylcbiAgICovXG4gIHNldERpc2FibGVkU3RhdGUoaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xuICAgIHRoaXMuZGlzYWJsZWQgPSBpc0Rpc2FibGVkO1xuICB9XG5cbiAgLyoqXG4gICAqIFVwZGF0ZSBmb3JtIHdoZW4gRE9NIGVsZW1lbnQgdmFsdWUgY2hhbmdlcyAodmlldyA9PiBtb2RlbClcbiAgICovXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xuICAgIC8vIFN0b3JlIHRoZSBwcm92aWRlZCBmdW5jdGlvbiBhcyBhbiBpbnRlcm5hbCBtZXRob2QuXG4gICAgdGhpcy5wcm9wYWdhdGVDaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIC8qKlxuICAgKiBVcGRhdGUgZm9ybSB3aGVuIERPTSBlbGVtZW50IGlzIGJsdXJyZWQgKHZpZXcgPT4gbW9kZWwpXG4gICAqL1xuICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZCB7XG4gICAgLy8gU3RvcmUgdGhlIHByb3ZpZGVkIGZ1bmN0aW9uIGFzIGFuIGludGVybmFsIG1ldGhvZC5cbiAgICB0aGlzLm9uVG91Y2hlZCA9IGZuO1xuICB9XG5cbiAgcHJpdmF0ZSBwcm9wYWdhdGVDaGFuZ2UgPSAoXzogYW55KSA9PiB7XG4gIH1cblxuICAgb25DaGFuZ2UoZTogRXZlbnQpIHtcbiAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICBpZiAodGhpcy5faXNCb29sZWFuKSB7XG4gICAgICB0aGlzLnByb3BhZ2F0ZUNoYW5nZSh0aGlzLnZhbHVlKTtcbiAgICAgIHRoaXMuY2hhbmdlLmVtaXQodGhpcy52YWx1ZSk7XG5cbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5wcm9wYWdhdGVDaGFuZ2UodGhpcy52YWx1ZSA/IDEgOiAwKTtcbiAgICAgIHRoaXMuY2hhbmdlLmVtaXQodGhpcy52YWx1ZSA/IDEgOiAwKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIG9uVG91Y2hlZCgpIHtcbiAgfVxuXG59XG4iXX0=
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { __decorate, __metadata } from "tslib";
|
|
2
|
+
import { Directive, ElementRef, EventEmitter, HostListener, Output } from '@angular/core';
|
|
3
|
+
var TableClickOutsideDirective = /** @class */ (function () {
|
|
4
|
+
function TableClickOutsideDirective(element) {
|
|
5
|
+
this.element = element;
|
|
6
|
+
this.clickedOutside = new EventEmitter();
|
|
7
|
+
}
|
|
8
|
+
TableClickOutsideDirective.prototype.click = function (event) {
|
|
9
|
+
if (!this.element.nativeElement.contains(event.target)) {
|
|
10
|
+
// console.log('clicked outside');
|
|
11
|
+
this.clickedOutside.emit(event);
|
|
12
|
+
}
|
|
13
|
+
else {
|
|
14
|
+
// console.log('clicked inside');
|
|
15
|
+
}
|
|
16
|
+
};
|
|
17
|
+
TableClickOutsideDirective.ctorParameters = function () { return [
|
|
18
|
+
{ type: ElementRef }
|
|
19
|
+
]; };
|
|
20
|
+
__decorate([
|
|
21
|
+
Output(),
|
|
22
|
+
__metadata("design:type", Object)
|
|
23
|
+
], TableClickOutsideDirective.prototype, "clickedOutside", void 0);
|
|
24
|
+
__decorate([
|
|
25
|
+
HostListener('document:click', ['$event']),
|
|
26
|
+
__metadata("design:type", Function),
|
|
27
|
+
__metadata("design:paramtypes", [Object]),
|
|
28
|
+
__metadata("design:returntype", void 0)
|
|
29
|
+
], TableClickOutsideDirective.prototype, "click", null);
|
|
30
|
+
TableClickOutsideDirective = __decorate([
|
|
31
|
+
Directive({
|
|
32
|
+
selector: '[inClickOutside]'
|
|
33
|
+
}),
|
|
34
|
+
__metadata("design:paramtypes", [ElementRef])
|
|
35
|
+
], TableClickOutsideDirective);
|
|
36
|
+
return TableClickOutsideDirective;
|
|
37
|
+
}());
|
|
38
|
+
export { TableClickOutsideDirective };
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtY2xpY2stb3V0c2lkZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AaW5zcGFyay9pbnNwYXJrLWNvbXBvbmVudHMvIiwic291cmNlcyI6WyJjb21wb25lbnRzL3RhYmxlL3RhYmxlLWNsaWNrLW91dHNpZGUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFVBQVUsRUFBRSxZQUFZLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUt4RjtJQUlFLG9DQUFvQixPQUFtQjtRQUFuQixZQUFPLEdBQVAsT0FBTyxDQUFZO1FBRjdCLG1CQUFjLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUc5QyxDQUFDO0lBR0QsMENBQUssR0FBTCxVQUFNLEtBQUs7UUFDVCxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsRUFBRTtZQUN0RCxrQ0FBa0M7WUFDbEMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDakM7YUFBTTtZQUNMLGlDQUFpQztTQUNsQztJQUNILENBQUM7O2dCQVg0QixVQUFVOztJQUY3QjtRQUFULE1BQU0sRUFBRTs7c0VBQXFDO0lBTTlDO1FBREMsWUFBWSxDQUFDLGdCQUFnQixFQUFFLENBQUMsUUFBUSxDQUFDLENBQUM7Ozs7MkRBUTFDO0lBZlUsMEJBQTBCO1FBSHRDLFNBQVMsQ0FBQztZQUNULFFBQVEsRUFBRSxrQkFBa0I7U0FDN0IsQ0FBQzt5Q0FLNkIsVUFBVTtPQUo1QiwwQkFBMEIsQ0FpQnRDO0lBQUQsaUNBQUM7Q0FBQSxBQWpCRCxJQWlCQztTQWpCWSwwQkFBMEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0RpcmVjdGl2ZSwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBIb3N0TGlzdGVuZXIsIE91dHB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tpbkNsaWNrT3V0c2lkZV0nXG59KVxuZXhwb3J0IGNsYXNzIFRhYmxlQ2xpY2tPdXRzaWRlRGlyZWN0aXZlIHtcblxuICBAT3V0cHV0KCkgY2xpY2tlZE91dHNpZGUgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBlbGVtZW50OiBFbGVtZW50UmVmKSB7XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdkb2N1bWVudDpjbGljaycsIFsnJGV2ZW50J10pXG4gIGNsaWNrKGV2ZW50KSB7XG4gICAgaWYgKCF0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudC5jb250YWlucyhldmVudC50YXJnZXQpKSB7XG4gICAgICAvLyBjb25zb2xlLmxvZygnY2xpY2tlZCBvdXRzaWRlJyk7XG4gICAgICB0aGlzLmNsaWNrZWRPdXRzaWRlLmVtaXQoZXZlbnQpO1xuICAgIH0gZWxzZSB7XG4gICAgICAvLyBjb25zb2xlLmxvZygnY2xpY2tlZCBpbnNpZGUnKTtcbiAgICB9XG4gIH1cblxufVxuIl19
|
package/full/esm5/components/table/table-columns-multiselect/table-columns-multiselect.component.js
ADDED
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { __decorate, __metadata } from "tslib";
|
|
2
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
3
|
+
var TableColumnsMultiselectComponent = /** @class */ (function () {
|
|
4
|
+
function TableColumnsMultiselectComponent() {
|
|
5
|
+
this.isExpanded = false;
|
|
6
|
+
/**
|
|
7
|
+
* true - все активные чекбоксы становятся неактивными
|
|
8
|
+
* false - не влияет на чекбоксы
|
|
9
|
+
*/
|
|
10
|
+
this.disableActiveCheckboxes = false;
|
|
11
|
+
this.columnsChange = new EventEmitter();
|
|
12
|
+
}
|
|
13
|
+
TableColumnsMultiselectComponent.prototype.ngOnInit = function () {
|
|
14
|
+
};
|
|
15
|
+
__decorate([
|
|
16
|
+
Input(),
|
|
17
|
+
__metadata("design:type", Array)
|
|
18
|
+
], TableColumnsMultiselectComponent.prototype, "columns", void 0);
|
|
19
|
+
__decorate([
|
|
20
|
+
Input(),
|
|
21
|
+
__metadata("design:type", Object)
|
|
22
|
+
], TableColumnsMultiselectComponent.prototype, "disableActiveCheckboxes", void 0);
|
|
23
|
+
__decorate([
|
|
24
|
+
Output(),
|
|
25
|
+
__metadata("design:type", Object)
|
|
26
|
+
], TableColumnsMultiselectComponent.prototype, "columnsChange", void 0);
|
|
27
|
+
TableColumnsMultiselectComponent = __decorate([
|
|
28
|
+
Component({
|
|
29
|
+
selector: 'in-table-columns-multiselect',
|
|
30
|
+
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",
|
|
31
|
+
styles: [".dropdown-label{color:var(--text-color)}"]
|
|
32
|
+
}),
|
|
33
|
+
__metadata("design:paramtypes", [])
|
|
34
|
+
], TableColumnsMultiselectComponent);
|
|
35
|
+
return TableColumnsMultiselectComponent;
|
|
36
|
+
}());
|
|
37
|
+
export { TableColumnsMultiselectComponent };
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtY29sdW1ucy1tdWx0aXNlbGVjdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AaW5zcGFyay9pbnNwYXJrLWNvbXBvbmVudHMvIiwic291cmNlcyI6WyJjb21wb25lbnRzL3RhYmxlL3RhYmxlLWNvbHVtbnMtbXVsdGlzZWxlY3QvdGFibGUtY29sdW1ucy1tdWx0aXNlbGVjdC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFRN0U7SUFVRTtRQVRPLGVBQVUsR0FBRyxLQUFLLENBQUM7UUFFMUI7OztXQUdHO1FBQ00sNEJBQXVCLEdBQUcsS0FBSyxDQUFDO1FBQy9CLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQXNDLENBQUM7SUFHakYsQ0FBQztJQUVELG1EQUFRLEdBQVI7SUFDQSxDQUFDO0lBWlE7UUFBUixLQUFLLEVBQUU7O3FFQUF5QjtJQUt4QjtRQUFSLEtBQUssRUFBRTs7cUZBQWlDO0lBQy9CO1FBQVQsTUFBTSxFQUFFOzsyRUFBd0U7SUFSdEUsZ0NBQWdDO1FBTDVDLFNBQVMsQ0FBQztZQUNULFFBQVEsRUFBRSw4QkFBOEI7WUFDeEMsNHBDQUF5RDs7U0FFMUQsQ0FBQzs7T0FDVyxnQ0FBZ0MsQ0FnQjVDO0lBQUQsdUNBQUM7Q0FBQSxBQWhCRCxJQWdCQztTQWhCWSxnQ0FBZ0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtUYWJsZUNvbHVtbnN9IGZyb20gXCIuLi8uLi8uLi9pbnRlcmZhY2VcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaW4tdGFibGUtY29sdW1ucy1tdWx0aXNlbGVjdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi90YWJsZS1jb2x1bW5zLW11bHRpc2VsZWN0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdGFibGUtY29sdW1ucy1tdWx0aXNlbGVjdC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFRhYmxlQ29sdW1uc011bHRpc2VsZWN0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgcHVibGljIGlzRXhwYW5kZWQgPSBmYWxzZTtcbiAgQElucHV0KCkgY29sdW1uczogVGFibGVDb2x1bW5zW107XG4gIC8qKlxuICAgKiB0cnVlIC0g0LLRgdC1INCw0LrRgtC40LLQvdGL0LUg0YfQtdC60LHQvtC60YHRiyDRgdGC0LDQvdC+0LLRj9GC0YHRjyDQvdC10LDQutGC0LjQstC90YvQvNC4XG4gICAqIGZhbHNlIC0g0L3QtSDQstC70LjRj9C10YIg0L3QsCDRh9C10LrQsdC+0LrRgdGLXG4gICAqL1xuICBASW5wdXQoKSBkaXNhYmxlQWN0aXZlQ2hlY2tib3hlcyA9IGZhbHNlO1xuICBAT3V0cHV0KCkgY29sdW1uc0NoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8e2V2ZW50OiBhbnksIGNvbHVtbjogVGFibGVDb2x1bW5zfT4oKTtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICB9XG5cbn1cbiJdfQ==
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { __decorate, __metadata } from "tslib";
|
|
2
|
+
import { ChangeDetectionStrategy, Component, ElementRef, Input } from '@angular/core';
|
|
3
|
+
var TableMenuOverlayComponent = /** @class */ (function () {
|
|
4
|
+
function TableMenuOverlayComponent(element) {
|
|
5
|
+
this.element = element;
|
|
6
|
+
this.isExpanded = false;
|
|
7
|
+
}
|
|
8
|
+
TableMenuOverlayComponent.prototype.isClickedOutsideOverlay = function (event) {
|
|
9
|
+
if (!this.element.nativeElement.contains(event.target)) {
|
|
10
|
+
this.isExpanded = false;
|
|
11
|
+
}
|
|
12
|
+
};
|
|
13
|
+
TableMenuOverlayComponent.ctorParameters = function () { return [
|
|
14
|
+
{ type: ElementRef }
|
|
15
|
+
]; };
|
|
16
|
+
__decorate([
|
|
17
|
+
Input(),
|
|
18
|
+
__metadata("design:type", Object)
|
|
19
|
+
], TableMenuOverlayComponent.prototype, "isExpanded", void 0);
|
|
20
|
+
__decorate([
|
|
21
|
+
Input(),
|
|
22
|
+
__metadata("design:type", String)
|
|
23
|
+
], TableMenuOverlayComponent.prototype, "positionClass", void 0);
|
|
24
|
+
TableMenuOverlayComponent = __decorate([
|
|
25
|
+
Component({
|
|
26
|
+
selector: 'in-table-menu-overlay',
|
|
27
|
+
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",
|
|
28
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
29
|
+
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)}"]
|
|
30
|
+
}),
|
|
31
|
+
__metadata("design:paramtypes", [ElementRef])
|
|
32
|
+
], TableMenuOverlayComponent);
|
|
33
|
+
return TableMenuOverlayComponent;
|
|
34
|
+
}());
|
|
35
|
+
export { TableMenuOverlayComponent };
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtbWVudS1vdmVybGF5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BpbnNwYXJrL2luc3BhcmstY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvdGFibGUvdGFibGUtbWVudS1vdmVybGF5L3RhYmxlLW1lbnUtb3ZlcmxheS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQztBQVFwRjtJQU1FLG1DQUFvQixPQUFtQjtRQUFuQixZQUFPLEdBQVAsT0FBTyxDQUFZO1FBTDlCLGVBQVUsR0FBRyxLQUFLLENBQUM7SUFNNUIsQ0FBQztJQUVELDJEQUF1QixHQUF2QixVQUF3QixLQUFLO1FBQzNCLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxFQUFFO1lBQ3RELElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO1NBQ3pCO0lBQ0gsQ0FBQzs7Z0JBUDRCLFVBQVU7O0lBTDlCO1FBQVIsS0FBSyxFQUFFOztpRUFBb0I7SUFDbkI7UUFBUixLQUFLLEVBQUU7O29FQUF1QjtJQUZwQix5QkFBeUI7UUFOckMsU0FBUyxDQUFDO1lBQ1QsUUFBUSxFQUFFLHVCQUF1QjtZQUNqQyx1ZEFBa0Q7WUFFbEQsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07O1NBQ2hELENBQUM7eUNBTzZCLFVBQVU7T0FONUIseUJBQXlCLENBY3JDO0lBQUQsZ0NBQUM7Q0FBQSxBQWRELElBY0M7U0FkWSx5QkFBeUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaW4tdGFibGUtbWVudS1vdmVybGF5JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RhYmxlLW1lbnUtb3ZlcmxheS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3RhYmxlLW1lbnUtb3ZlcmxheS5jb21wb25lbnQuc2NzcycsICcuL3RhYmxlLW1lbnUtb3ZlcmxheS1jb250cmFzdC5jb21wb25lbnQuc2NzcycsICcuL3RhYmxlLW1lbnUtb3ZlcmxheS1saWdodC5jb21wb25lbnQuc2NzcycsICcuL3RhYmxlLW1lbnUtb3ZlcmxheS1ncmVlbi5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBUYWJsZU1lbnVPdmVybGF5Q29tcG9uZW50IHtcbiAgQElucHV0KCkgaXNFeHBhbmRlZCA9IGZhbHNlO1xuICBASW5wdXQoKSBwb3NpdGlvbkNsYXNzOiBzdHJpbmc7XG5cbiAgaXNGcm9tVGltZXBpY2tlclNob3duXG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBlbGVtZW50OiBFbGVtZW50UmVmKSB7XG4gIH1cblxuICBpc0NsaWNrZWRPdXRzaWRlT3ZlcmxheShldmVudCkge1xuICAgIGlmICghdGhpcy5lbGVtZW50Lm5hdGl2ZUVsZW1lbnQuY29udGFpbnMoZXZlbnQudGFyZ2V0KSkge1xuICAgICAgdGhpcy5pc0V4cGFuZGVkID0gZmFsc2U7XG4gICAgfVxuICB9XG59XG4iXX0=
|