vc-create-dashboard 2.9.5 → 2.9.6
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/esm2022/lib/configurations.mjs +7 -0
- package/esm2022/lib/create-dashboard-container/categories/categories.component.mjs +210 -0
- package/esm2022/lib/create-dashboard-container/configure-widgets/configure-widgets/configure-widgets.component.mjs +549 -0
- package/{esm2020 → esm2022}/lib/create-dashboard-container/configure-widgets/configure-widgets.module.mjs +15 -15
- package/esm2022/lib/create-dashboard-container/create-dashboard.component.mjs +1080 -0
- package/{esm2020 → esm2022}/lib/create-dashboard-container/create-dashboard.module.mjs +49 -49
- package/{esm2020 → esm2022}/lib/create-dashboard-container/directives/directives.module.mjs +5 -5
- package/esm2022/lib/create-dashboard-container/directives/scroll-in-view.directive.mjs +36 -0
- package/esm2022/lib/create-dashboard-container/form-group/form-group.component.mjs +152 -0
- package/esm2022/lib/create-dashboard-container/frequency/frequency.component.mjs +309 -0
- package/{esm2020 → esm2022}/lib/create-dashboard-container/pipes/filter.pipe.mjs +4 -4
- package/{esm2020 → esm2022}/lib/create-dashboard-container/pipes/search.pipe.mjs +4 -4
- package/{esm2020 → esm2022}/lib/create-dashboard-container/pipes/text-count.pipe.mjs +4 -4
- package/esm2022/lib/create-dashboard-container/responsibility-center/responsibility-center.component.mjs +145 -0
- package/esm2022/lib/create-dashboard-container/risk-categories/risk-categories.component.mjs +195 -0
- package/esm2022/lib/create-dashboard-container/services/auth.service.mjs +31 -0
- package/esm2022/lib/create-dashboard-container/services/configure-widgets.service.mjs +227 -0
- package/esm2022/lib/create-dashboard-container/services/create-dashboard.service.mjs +126 -0
- package/esm2022/lib/create-dashboard-container/services/pagination.service.mjs +28 -0
- package/esm2022/lib/create-dashboard-container/user-list/user-list.component.mjs +421 -0
- package/{esm2020 → esm2022}/lib/create-dashboard.service.mjs +4 -4
- package/esm2022/lib/ui-kit/dashboard-footer/dashboard-footer/dashboard-footer.component.mjs +52 -0
- package/{esm2020 → esm2022}/lib/ui-kit/dashboard-footer/dashboard-footer.module.mjs +9 -9
- package/esm2022/lib/ui-kit/dialog/dialog-config.mjs +7 -0
- package/{esm2020 → esm2022}/lib/ui-kit/dialog/dialog-injector.mjs +4 -2
- package/esm2022/lib/ui-kit/dialog/dialog-ref.mjs +11 -0
- package/esm2022/lib/ui-kit/dialog/dialog.component.mjs +96 -0
- package/{esm2020 → esm2022}/lib/ui-kit/dialog/dialog.module.mjs +5 -5
- package/esm2022/lib/ui-kit/dialog/dialog.service.mjs +56 -0
- package/esm2022/lib/ui-kit/dialog/insertion.directive.mjs +17 -0
- package/esm2022/lib/ui-kit/floating-bar/floating-bar.component.mjs +57 -0
- package/{esm2020 → esm2022}/lib/ui-kit/floating-bar/floating-bar.module.mjs +9 -9
- package/esm2022/lib/ui-kit/formgroup/click-outside.directive.mjs +30 -0
- package/esm2022/lib/ui-kit/formgroup/cs-checkbox/cs-checkbox.component.mjs +29 -0
- package/esm2022/lib/ui-kit/formgroup/cs-radio/cs-radio.component.mjs +34 -0
- package/{esm2020 → esm2022}/lib/ui-kit/formgroup/cs-radio-group/cs-radio-group.component.mjs +4 -4
- package/esm2022/lib/ui-kit/formgroup/cs-select/cs-select.component.mjs +119 -0
- package/esm2022/lib/ui-kit/formgroup/cs-switch/cs-switch.component.mjs +39 -0
- package/{esm2020 → esm2022}/lib/ui-kit/formgroup/formgroup.module.mjs +17 -17
- package/{esm2020 → esm2022}/lib/ui-kit/formgroup/pipes/pascal.pipe.mjs +4 -4
- package/{esm2020 → esm2022}/lib/ui-kit/formgroup/pipes/searchMultiSelect.pipe.mjs +4 -4
- package/esm2022/lib/ui-kit/no-data/no-data.component.mjs +47 -0
- package/{esm2020 → esm2022}/lib/ui-kit/no-data/no-data.module.mjs +5 -5
- package/esm2022/lib/ui-kit/pagination/pagination.component.mjs +130 -0
- package/{esm2020 → esm2022}/lib/ui-kit/pagination/pagination.module.mjs +5 -5
- package/esm2022/lib/ui-kit/popover/popover.component.mjs +142 -0
- package/esm2022/lib/ui-kit/popover/popover.directive.mjs +93 -0
- package/{esm2020 → esm2022}/lib/ui-kit/popover/popover.module.mjs +5 -5
- package/esm2022/lib/ui-kit/popover/popover.service.mjs +23 -0
- package/esm2022/lib/ui-kit/select/cs-option/cs-option.component.mjs +41 -0
- package/esm2022/lib/ui-kit/select/cs-select/cs-select.component.mjs +105 -0
- package/esm2022/lib/ui-kit/select/safe-html.pipe.mjs +21 -0
- package/{esm2020 → esm2022}/lib/ui-kit/select/select.module.mjs +5 -5
- package/esm2022/lib/ui-kit/services/cs-select.service.mjs +16 -0
- package/{esm2020 → esm2022}/lib/ui-kit/smiley-dialog/smiley-dialog.component.mjs +10 -8
- package/{esm2020 → esm2022}/lib/ui-kit/smiley-dialog/smiley-dialog.module.mjs +5 -5
- package/esm2022/lib/ui-kit/snack-bar/snack-bar/snack-bar.component.mjs +46 -0
- package/{esm2020 → esm2022}/lib/ui-kit/snack-bar/snack-bar.module.mjs +5 -5
- package/{esm2020 → esm2022}/lib/ui-kit/snack-bar/snack-bar.service.mjs +6 -7
- package/esm2022/lib/ui-kit/tooltip/tooltip.directive.mjs +161 -0
- package/{esm2020 → esm2022}/lib/ui-kit/tooltip/tooltip.module.mjs +5 -5
- package/esm2022/lib/ui-kit/v-loader/loader/loader.component.mjs +23 -0
- package/esm2022/lib/ui-kit/v-loader/loader-inline/loader-inline.component.mjs +23 -0
- package/{esm2020 → esm2022}/lib/ui-kit/v-loader/v-loader.module.mjs +5 -5
- package/esm2022/vc-create-dashboard.mjs +5 -0
- package/fesm2022/vc-create-dashboard.mjs +5338 -0
- package/fesm2022/vc-create-dashboard.mjs.map +1 -0
- package/index.d.ts +1 -1
- package/lib/create-dashboard-container/categories/categories.component.d.ts +1 -1
- package/lib/create-dashboard-container/configure-widgets/configure-widgets/configure-widgets.component.d.ts +1 -1
- package/lib/create-dashboard-container/create-dashboard.component.d.ts +1 -1
- package/lib/create-dashboard-container/directives/scroll-in-view.directive.d.ts +1 -1
- package/lib/create-dashboard-container/form-group/form-group.component.d.ts +1 -1
- package/lib/create-dashboard-container/frequency/frequency.component.d.ts +1 -1
- package/lib/create-dashboard-container/responsibility-center/responsibility-center.component.d.ts +1 -1
- package/lib/create-dashboard-container/risk-categories/risk-categories.component.d.ts +1 -1
- package/lib/create-dashboard-container/user-list/user-list.component.d.ts +1 -1
- package/lib/ui-kit/dashboard-footer/dashboard-footer/dashboard-footer.component.d.ts +1 -1
- package/lib/ui-kit/dialog/dialog-injector.d.ts +2 -2
- package/lib/ui-kit/dialog/dialog.component.d.ts +1 -1
- package/lib/ui-kit/dialog/insertion.directive.d.ts +1 -1
- package/lib/ui-kit/floating-bar/floating-bar.component.d.ts +1 -1
- package/lib/ui-kit/formgroup/click-outside.directive.d.ts +1 -1
- package/lib/ui-kit/formgroup/cs-checkbox/cs-checkbox.component.d.ts +1 -1
- package/lib/ui-kit/formgroup/cs-radio/cs-radio.component.d.ts +1 -1
- package/lib/ui-kit/formgroup/cs-radio-group/cs-radio-group.component.d.ts +1 -1
- package/lib/ui-kit/formgroup/cs-select/cs-select.component.d.ts +1 -1
- package/lib/ui-kit/formgroup/cs-switch/cs-switch.component.d.ts +1 -1
- package/lib/ui-kit/no-data/no-data.component.d.ts +1 -1
- package/lib/ui-kit/pagination/pagination.component.d.ts +1 -1
- package/lib/ui-kit/popover/popover.component.d.ts +1 -1
- package/lib/ui-kit/popover/popover.directive.d.ts +1 -1
- package/lib/ui-kit/select/cs-option/cs-option.component.d.ts +1 -1
- package/lib/ui-kit/select/cs-select/cs-select.component.d.ts +1 -1
- package/lib/ui-kit/smiley-dialog/smiley-dialog.component.d.ts +1 -1
- package/lib/ui-kit/snack-bar/snack-bar/snack-bar.component.d.ts +1 -1
- package/lib/ui-kit/tooltip/tooltip.directive.d.ts +1 -1
- package/lib/ui-kit/v-loader/loader/loader.component.d.ts +1 -1
- package/lib/ui-kit/v-loader/loader-inline/loader-inline.component.d.ts +1 -1
- package/package.json +6 -12
- package/esm2020/create-dashboard.mjs +0 -5
- package/esm2020/lib/configurations.mjs +0 -6
- package/esm2020/lib/create-dashboard-container/categories/categories.component.mjs +0 -209
- package/esm2020/lib/create-dashboard-container/configure-widgets/configure-widgets/configure-widgets.component.mjs +0 -545
- package/esm2020/lib/create-dashboard-container/create-dashboard.component.mjs +0 -1067
- package/esm2020/lib/create-dashboard-container/directives/scroll-in-view.directive.mjs +0 -35
- package/esm2020/lib/create-dashboard-container/form-group/form-group.component.mjs +0 -141
- package/esm2020/lib/create-dashboard-container/frequency/frequency.component.mjs +0 -305
- package/esm2020/lib/create-dashboard-container/responsibility-center/responsibility-center.component.mjs +0 -146
- package/esm2020/lib/create-dashboard-container/risk-categories/risk-categories.component.mjs +0 -194
- package/esm2020/lib/create-dashboard-container/services/auth.service.mjs +0 -29
- package/esm2020/lib/create-dashboard-container/services/configure-widgets.service.mjs +0 -224
- package/esm2020/lib/create-dashboard-container/services/create-dashboard.service.mjs +0 -123
- package/esm2020/lib/create-dashboard-container/services/pagination.service.mjs +0 -29
- package/esm2020/lib/create-dashboard-container/user-list/user-list.component.mjs +0 -414
- package/esm2020/lib/ui-kit/dashboard-footer/dashboard-footer/dashboard-footer.component.mjs +0 -53
- package/esm2020/lib/ui-kit/dialog/dialog-config.mjs +0 -3
- package/esm2020/lib/ui-kit/dialog/dialog-ref.mjs +0 -12
- package/esm2020/lib/ui-kit/dialog/dialog.component.mjs +0 -85
- package/esm2020/lib/ui-kit/dialog/dialog.service.mjs +0 -52
- package/esm2020/lib/ui-kit/dialog/insertion.directive.mjs +0 -16
- package/esm2020/lib/ui-kit/floating-bar/floating-bar.component.mjs +0 -52
- package/esm2020/lib/ui-kit/formgroup/click-outside.directive.mjs +0 -29
- package/esm2020/lib/ui-kit/formgroup/cs-checkbox/cs-checkbox.component.mjs +0 -27
- package/esm2020/lib/ui-kit/formgroup/cs-radio/cs-radio.component.mjs +0 -30
- package/esm2020/lib/ui-kit/formgroup/cs-select/cs-select.component.mjs +0 -100
- package/esm2020/lib/ui-kit/formgroup/cs-switch/cs-switch.component.mjs +0 -35
- package/esm2020/lib/ui-kit/no-data/no-data.component.mjs +0 -40
- package/esm2020/lib/ui-kit/pagination/pagination.component.mjs +0 -127
- package/esm2020/lib/ui-kit/popover/popover.component.mjs +0 -133
- package/esm2020/lib/ui-kit/popover/popover.directive.mjs +0 -86
- package/esm2020/lib/ui-kit/popover/popover.service.mjs +0 -17
- package/esm2020/lib/ui-kit/select/cs-option/cs-option.component.mjs +0 -36
- package/esm2020/lib/ui-kit/select/cs-select/cs-select.component.mjs +0 -89
- package/esm2020/lib/ui-kit/select/safe-html.pipe.mjs +0 -20
- package/esm2020/lib/ui-kit/services/cs-select.service.mjs +0 -15
- package/esm2020/lib/ui-kit/snack-bar/snack-bar/snack-bar.component.mjs +0 -45
- package/esm2020/lib/ui-kit/tooltip/tooltip.directive.mjs +0 -153
- package/esm2020/lib/ui-kit/v-loader/loader/loader.component.mjs +0 -21
- package/esm2020/lib/ui-kit/v-loader/loader-inline/loader-inline.component.mjs +0 -21
- package/fesm2015/create-dashboard.mjs +0 -5195
- package/fesm2015/create-dashboard.mjs.map +0 -1
- package/fesm2020/create-dashboard.mjs +0 -5162
- package/fesm2020/create-dashboard.mjs.map +0 -1
- /package/{esm2020 → esm2022}/lib/create-dashboard-container/categories/categories-config.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/create-dashboard-container/configure-widgets/configure-widgets/widget.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/create-dashboard-container/create-dashboard-config.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/create-dashboard-container/interfaces/widget-data-model.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/create-dashboard-container/risk-categories/risk-categories-config.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/create-dashboard-container/user-list/user-list.config.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/ui-kit/dashboard-footer/dashboard-footer-config.mjs +0 -0
- /package/{esm2020 → esm2022}/public-api.mjs +0 -0
|
@@ -1,100 +0,0 @@
|
|
|
1
|
-
import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/common";
|
|
4
|
-
import * as i2 from "../click-outside.directive";
|
|
5
|
-
import * as i3 from "../pipes/pascal.pipe";
|
|
6
|
-
export class CsSelectComponent {
|
|
7
|
-
constructor() {
|
|
8
|
-
this.selectedData = new EventEmitter();
|
|
9
|
-
this.selectedValueChange = new EventEmitter();
|
|
10
|
-
this.dropdownOption = false;
|
|
11
|
-
this.activeDoropdown = false;
|
|
12
|
-
}
|
|
13
|
-
set content(content) {
|
|
14
|
-
if (content) {
|
|
15
|
-
// initially setter gets called with undefined
|
|
16
|
-
this.optionList = content;
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
ngOnChanges(changes) {
|
|
20
|
-
if (changes.selectedValue) {
|
|
21
|
-
this.selectedValue = this.selectedValue || '--';
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
openDropdown(event) {
|
|
25
|
-
this.dropdownOption = true;
|
|
26
|
-
setTimeout(() => {
|
|
27
|
-
const dropdown = event.target.getBoundingClientRect();
|
|
28
|
-
const selectOption = this.optionList.nativeElement.offsetHeight;
|
|
29
|
-
if (dropdown.top + selectOption * 2 > window.innerHeight) {
|
|
30
|
-
this.getTop = dropdown.top - selectOption;
|
|
31
|
-
}
|
|
32
|
-
else {
|
|
33
|
-
this.getTop = dropdown.top + dropdown.height;
|
|
34
|
-
}
|
|
35
|
-
this.getLeft = dropdown.left;
|
|
36
|
-
this.getWidth = dropdown.width;
|
|
37
|
-
this.maxWidth = dropdown.width * 1.25;
|
|
38
|
-
}, 10);
|
|
39
|
-
setTimeout(() => {
|
|
40
|
-
this.activeDoropdown = true;
|
|
41
|
-
}, 100);
|
|
42
|
-
}
|
|
43
|
-
selectOption(selectedData) {
|
|
44
|
-
if (typeof selectedData === 'object') {
|
|
45
|
-
this.selectedValue = selectedData[this.displayProperty];
|
|
46
|
-
this.colorSelected = selectedData[this.colorProperty];
|
|
47
|
-
}
|
|
48
|
-
else {
|
|
49
|
-
this.selectedValue = selectedData;
|
|
50
|
-
}
|
|
51
|
-
this.selectedData.emit(selectedData);
|
|
52
|
-
this.dropdownOption = false;
|
|
53
|
-
}
|
|
54
|
-
closeDropdown() {
|
|
55
|
-
this.dropdownOption = false;
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
CsSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CsSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
59
|
-
CsSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CsSelectComponent, selector: "app-cs-select", inputs: { dataList: "dataList", dropdownLabel: "dropdownLabel", displayProperty: "displayProperty", selectedValue: "selectedValue", isRequired: "isRequired", dropdownSubLabel: "dropdownSubLabel", disabled: "disabled", placeholder: "placeholder", stylex: "stylex", valueKey: "valueKey", multipleSelect: "multipleSelect", colorProperty: "colorProperty", colorSelected: "colorSelected" }, outputs: { selectedData: "selectedData", selectedValueChange: "selectedValueChange" }, viewQueries: [{ propertyName: "option", first: true, predicate: ["option"], descendants: true }, { propertyName: "content", first: true, predicate: ["optionList"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"input-group\" (clickOutside)=\"dropdownOption = false\">\r\n <label *ngIf=\"dropdownLabel != undefined\">\r\n {{ dropdownLabel }} <span class=\"sub-label\">{{ dropdownSubLabel }}</span> <span class=\"required\" *ngIf=\"isRequired\">*</span></label\r\n >\r\n <div class=\"custom-select-box\" [class.disabled]=\"disabled\">\r\n <input\r\n type=\"text\"\r\n [class.line]=\"stylex\"\r\n [placeholder]=\"placeholder\"\r\n [value]=\"selectedValue | pascal\"\r\n readonly\r\n (click)=\"openDropdown($event)\"\r\n (keyup.enter)=\"openDropdown($event)\"\r\n (keyup.arrowup)=\"openDropdown($event)\"\r\n (keyup.arrowdown)=\"openDropdown($event)\"\r\n *ngIf=\"!colorProperty\"\r\n />\r\n <span class=\"show-label\" *ngIf=\"colorProperty\" (click)=\"openDropdown($event)\">\r\n <span class=\"label\" [innerHTML]=\"selectedValue\" [style.backgroundColor]=\"colorSelected + '1A'\" [style.color]=\"colorSelected\"></span>\r\n </span>\r\n <span class=\"arrow\" [class.line]=\"stylex\">\r\n <i class=\"risk-icons\"></i>\r\n </span>\r\n <div class=\"overlay active\" *ngIf=\"dropdownOption === true\" (click)=\"closeDropdown()\"></div>\r\n <ul\r\n class=\"list-of-option\"\r\n *ngIf=\"dropdownOption === true && !colorProperty\"\r\n #optionList\r\n (keyup.Escape)=\"closeDropdown()\"\r\n [style.top.px]=\"getTop\"\r\n [style.left.px]=\"getLeft\"\r\n [style.min-width.px]=\"getWidth\"\r\n [style.max-width.px]=\"maxWidth\"\r\n [class.active]=\"activeDoropdown\"\r\n >\r\n <li *ngFor=\"let data of dataList\">\r\n <label>\r\n <input type=\"radio\" [value]=\"data[valueKey]\" name=\"sliceLabel\" (change)=\"selectOption(data)\" #option (keyup.enter)=\"closeDropdown()\" class=\"pointer-none\" />\r\n <span (click)=\"closeDropdown(); selectOption(data)\" *ngIf=\"displayProperty && displayProperty !== ''\" class=\"value\">{{ data[displayProperty] }}</span>\r\n <span (click)=\"closeDropdown(); selectOption(data)\" *ngIf=\"!displayProperty || displayProperty === ''\" class=\"value\">{{ data }}</span>\r\n </label>\r\n </li>\r\n </ul>\r\n <ul\r\n class=\"list-of-option\"\r\n *ngIf=\"dropdownOption === true && colorProperty\"\r\n #optionList\r\n (keyup.Escape)=\"closeDropdown()\"\r\n [style.top.px]=\"getTop\"\r\n [style.left.px]=\"getLeft\"\r\n [style.min-width.px]=\"getWidth\"\r\n [style.max-width.px]=\"maxWidth\"\r\n [class.active]=\"activeDoropdown\"\r\n >\r\n <li *ngFor=\"let data of dataList\">\r\n <label class=\"colors\">\r\n <input type=\"radio\" [value]=\"data[valueKey]\" name=\"sliceLabel\" (click)=\"selectOption(data)\" #option (keyup.enter)=\"closeDropdown()\" class=\"pointer-none\" />\r\n <span\r\n (click)=\"selectOption(data)\"\r\n *ngIf=\"displayProperty && displayProperty !== ''\"\r\n class=\"value\"\r\n [ngStyle]=\"{ color: data.segment_color }\"\r\n [style.backgroundColor]=\"data.segment_color + '1A'\"\r\n >{{ data[displayProperty] }}</span\r\n >\r\n <span\r\n (click)=\"selectOption(data)\"\r\n *ngIf=\"!displayProperty || displayProperty === ''\"\r\n class=\"value\"\r\n [ngStyle]=\"{ color: data.segment_color }\"\r\n [style.backgroundColor]=\"data.segment_color + '1A'\"\r\n >{{ data }}</span\r\n >\r\n </label>\r\n </li>\r\n </ul>\r\n </div>\r\n</div>\r\n", styles: [".input-group{position:relative;margin-bottom:0}.input-group label{font-size:11px;color:#161b2f;font-weight:500;line-height:16px;margin-bottom:5px;text-transform:uppercase;display:block}.input-group label span.required{color:#eb2424;font-size:14px}.input-group label span.sub-label{color:#747576;font-size:11px;font-weight:400;margin-left:3px}.input-group input[type=text],.input-group .show-label{height:36px;line-height:16px;font-size:13px;color:#747576;font-weight:400;background:#ffffff;border:1px solid #dbdbdb;border-radius:4px;width:100%;padding:10px 13px;display:block;outline:none;overflow:hidden;text-overflow:ellipsis}.input-group input[type=text].line,.input-group .show-label.line{border:none;border-bottom:1px solid #dbdbdb;border-radius:0;padding-left:0}.input-group .show-label{display:flex;padding:6px;padding-right:25px!important;cursor:pointer}.input-group .show-label .label{white-space:nowrap;padding:2px 5px;height:100%;overflow:hidden;text-overflow:ellipsis;display:block;width:100%;text-transform:uppercase;font-size:11px;font-weight:600;line-height:15px;pointer-events:none}.input-group:focus-within input[type=text]{border-color:#1e5dd3;box-shadow:0 3px 6px #1e5dd333}.input-group:focus-within input[type=text].line{box-shadow:none}.input-group .custom-select-box{position:relative}.input-group .custom-select-box input[type=text],.input-group .custom-select-box .input{cursor:pointer;padding-right:30px}.input-group .custom-select-box input[type=text].line,.input-group .custom-select-box .input.line{padding-right:20px}.input-group .custom-select-box.disabled{filter:grayscale(1);pointer-events:none}.input-group .arrow{position:absolute;right:17px;color:#747576;bottom:8px;font-size:10px;pointer-events:none}.input-group .arrow.line{right:5px}ul.list-of-option{position:fixed;overflow:auto;max-height:200px;padding:0;margin:0;display:block;border:1px solid #dbdbdb;box-shadow:0 3px 6px #1e5dd333;z-index:2147483002;background:#ffffff;border-radius:2px;opacity:0}ul.list-of-option.reset{top:inherit;bottom:100%;box-shadow:0 -3px 6px #1e5dd333}ul.list-of-option.active{opacity:1}ul.list-of-option li{width:100%;display:block;margin-bottom:0;padding:0;height:auto}ul.list-of-option li label{line-height:23px;font-size:13px;font-weight:400;border-radius:4px;display:flex;position:relative;margin:0;align-items:center}ul.list-of-option li label input[type=radio]{position:absolute;margin:0;height:100%;width:100%;opacity:0;left:0;cursor:pointer}ul.list-of-option li label input[type=radio]:checked+span,ul.list-of-option li label input[type=radio]:hover+span{background:#dcdcdc}ul.list-of-option li label span.value{color:#747576;font-size:14px;line-height:21px;font-weight:400;max-width:100%;white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis;padding:5px 15px;width:100%;text-transform:none;cursor:pointer;text-align:left}ul.list-of-option li label.multiselect{padding:0 15px}ul.list-of-option li label.multiselect span.checkbox{display:inline-block;border:1px solid #dbdbdb;border-radius:2px;height:16px;width:16px;position:relative;padding:2px}ul.list-of-option li label input[type=checkbox]{position:absolute;margin:0;height:100%;width:100%;opacity:0;cursor:pointer}ul.list-of-option li label input[type=checkbox]:checked+span{background:#dcdcdc}ul.list-of-option li label input[type=checkbox]:checked+span.checkbox{border-color:#34aa44;background:#34aa44}ul.list-of-option li label input[type=checkbox]:checked+span.checkbox:after{width:8px;height:3px;border-bottom:2px solid #ffffff;border-left:2px solid #ffffff;transform:rotate(-45deg);content:\"\";position:absolute;top:3px;left:2px}ul.list-of-option li label.colors{padding:3px 5px}ul.list-of-option li label.colors span.value{padding:3px 6px;line-height:16px;font-size:11px;font-weight:600}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.ClickOutsideDirective, selector: "[clickOutside]", outputs: ["clickOutside"] }, { kind: "pipe", type: i3.PascalPipe, name: "pascal" }] });
|
|
60
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CsSelectComponent, decorators: [{
|
|
61
|
-
type: Component,
|
|
62
|
-
args: [{ selector: 'app-cs-select', template: "<div class=\"input-group\" (clickOutside)=\"dropdownOption = false\">\r\n <label *ngIf=\"dropdownLabel != undefined\">\r\n {{ dropdownLabel }} <span class=\"sub-label\">{{ dropdownSubLabel }}</span> <span class=\"required\" *ngIf=\"isRequired\">*</span></label\r\n >\r\n <div class=\"custom-select-box\" [class.disabled]=\"disabled\">\r\n <input\r\n type=\"text\"\r\n [class.line]=\"stylex\"\r\n [placeholder]=\"placeholder\"\r\n [value]=\"selectedValue | pascal\"\r\n readonly\r\n (click)=\"openDropdown($event)\"\r\n (keyup.enter)=\"openDropdown($event)\"\r\n (keyup.arrowup)=\"openDropdown($event)\"\r\n (keyup.arrowdown)=\"openDropdown($event)\"\r\n *ngIf=\"!colorProperty\"\r\n />\r\n <span class=\"show-label\" *ngIf=\"colorProperty\" (click)=\"openDropdown($event)\">\r\n <span class=\"label\" [innerHTML]=\"selectedValue\" [style.backgroundColor]=\"colorSelected + '1A'\" [style.color]=\"colorSelected\"></span>\r\n </span>\r\n <span class=\"arrow\" [class.line]=\"stylex\">\r\n <i class=\"risk-icons\"></i>\r\n </span>\r\n <div class=\"overlay active\" *ngIf=\"dropdownOption === true\" (click)=\"closeDropdown()\"></div>\r\n <ul\r\n class=\"list-of-option\"\r\n *ngIf=\"dropdownOption === true && !colorProperty\"\r\n #optionList\r\n (keyup.Escape)=\"closeDropdown()\"\r\n [style.top.px]=\"getTop\"\r\n [style.left.px]=\"getLeft\"\r\n [style.min-width.px]=\"getWidth\"\r\n [style.max-width.px]=\"maxWidth\"\r\n [class.active]=\"activeDoropdown\"\r\n >\r\n <li *ngFor=\"let data of dataList\">\r\n <label>\r\n <input type=\"radio\" [value]=\"data[valueKey]\" name=\"sliceLabel\" (change)=\"selectOption(data)\" #option (keyup.enter)=\"closeDropdown()\" class=\"pointer-none\" />\r\n <span (click)=\"closeDropdown(); selectOption(data)\" *ngIf=\"displayProperty && displayProperty !== ''\" class=\"value\">{{ data[displayProperty] }}</span>\r\n <span (click)=\"closeDropdown(); selectOption(data)\" *ngIf=\"!displayProperty || displayProperty === ''\" class=\"value\">{{ data }}</span>\r\n </label>\r\n </li>\r\n </ul>\r\n <ul\r\n class=\"list-of-option\"\r\n *ngIf=\"dropdownOption === true && colorProperty\"\r\n #optionList\r\n (keyup.Escape)=\"closeDropdown()\"\r\n [style.top.px]=\"getTop\"\r\n [style.left.px]=\"getLeft\"\r\n [style.min-width.px]=\"getWidth\"\r\n [style.max-width.px]=\"maxWidth\"\r\n [class.active]=\"activeDoropdown\"\r\n >\r\n <li *ngFor=\"let data of dataList\">\r\n <label class=\"colors\">\r\n <input type=\"radio\" [value]=\"data[valueKey]\" name=\"sliceLabel\" (click)=\"selectOption(data)\" #option (keyup.enter)=\"closeDropdown()\" class=\"pointer-none\" />\r\n <span\r\n (click)=\"selectOption(data)\"\r\n *ngIf=\"displayProperty && displayProperty !== ''\"\r\n class=\"value\"\r\n [ngStyle]=\"{ color: data.segment_color }\"\r\n [style.backgroundColor]=\"data.segment_color + '1A'\"\r\n >{{ data[displayProperty] }}</span\r\n >\r\n <span\r\n (click)=\"selectOption(data)\"\r\n *ngIf=\"!displayProperty || displayProperty === ''\"\r\n class=\"value\"\r\n [ngStyle]=\"{ color: data.segment_color }\"\r\n [style.backgroundColor]=\"data.segment_color + '1A'\"\r\n >{{ data }}</span\r\n >\r\n </label>\r\n </li>\r\n </ul>\r\n </div>\r\n</div>\r\n", styles: [".input-group{position:relative;margin-bottom:0}.input-group label{font-size:11px;color:#161b2f;font-weight:500;line-height:16px;margin-bottom:5px;text-transform:uppercase;display:block}.input-group label span.required{color:#eb2424;font-size:14px}.input-group label span.sub-label{color:#747576;font-size:11px;font-weight:400;margin-left:3px}.input-group input[type=text],.input-group .show-label{height:36px;line-height:16px;font-size:13px;color:#747576;font-weight:400;background:#ffffff;border:1px solid #dbdbdb;border-radius:4px;width:100%;padding:10px 13px;display:block;outline:none;overflow:hidden;text-overflow:ellipsis}.input-group input[type=text].line,.input-group .show-label.line{border:none;border-bottom:1px solid #dbdbdb;border-radius:0;padding-left:0}.input-group .show-label{display:flex;padding:6px;padding-right:25px!important;cursor:pointer}.input-group .show-label .label{white-space:nowrap;padding:2px 5px;height:100%;overflow:hidden;text-overflow:ellipsis;display:block;width:100%;text-transform:uppercase;font-size:11px;font-weight:600;line-height:15px;pointer-events:none}.input-group:focus-within input[type=text]{border-color:#1e5dd3;box-shadow:0 3px 6px #1e5dd333}.input-group:focus-within input[type=text].line{box-shadow:none}.input-group .custom-select-box{position:relative}.input-group .custom-select-box input[type=text],.input-group .custom-select-box .input{cursor:pointer;padding-right:30px}.input-group .custom-select-box input[type=text].line,.input-group .custom-select-box .input.line{padding-right:20px}.input-group .custom-select-box.disabled{filter:grayscale(1);pointer-events:none}.input-group .arrow{position:absolute;right:17px;color:#747576;bottom:8px;font-size:10px;pointer-events:none}.input-group .arrow.line{right:5px}ul.list-of-option{position:fixed;overflow:auto;max-height:200px;padding:0;margin:0;display:block;border:1px solid #dbdbdb;box-shadow:0 3px 6px #1e5dd333;z-index:2147483002;background:#ffffff;border-radius:2px;opacity:0}ul.list-of-option.reset{top:inherit;bottom:100%;box-shadow:0 -3px 6px #1e5dd333}ul.list-of-option.active{opacity:1}ul.list-of-option li{width:100%;display:block;margin-bottom:0;padding:0;height:auto}ul.list-of-option li label{line-height:23px;font-size:13px;font-weight:400;border-radius:4px;display:flex;position:relative;margin:0;align-items:center}ul.list-of-option li label input[type=radio]{position:absolute;margin:0;height:100%;width:100%;opacity:0;left:0;cursor:pointer}ul.list-of-option li label input[type=radio]:checked+span,ul.list-of-option li label input[type=radio]:hover+span{background:#dcdcdc}ul.list-of-option li label span.value{color:#747576;font-size:14px;line-height:21px;font-weight:400;max-width:100%;white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis;padding:5px 15px;width:100%;text-transform:none;cursor:pointer;text-align:left}ul.list-of-option li label.multiselect{padding:0 15px}ul.list-of-option li label.multiselect span.checkbox{display:inline-block;border:1px solid #dbdbdb;border-radius:2px;height:16px;width:16px;position:relative;padding:2px}ul.list-of-option li label input[type=checkbox]{position:absolute;margin:0;height:100%;width:100%;opacity:0;cursor:pointer}ul.list-of-option li label input[type=checkbox]:checked+span{background:#dcdcdc}ul.list-of-option li label input[type=checkbox]:checked+span.checkbox{border-color:#34aa44;background:#34aa44}ul.list-of-option li label input[type=checkbox]:checked+span.checkbox:after{width:8px;height:3px;border-bottom:2px solid #ffffff;border-left:2px solid #ffffff;transform:rotate(-45deg);content:\"\";position:absolute;top:3px;left:2px}ul.list-of-option li label.colors{padding:3px 5px}ul.list-of-option li label.colors span.value{padding:3px 6px;line-height:16px;font-size:11px;font-weight:600}\n"] }]
|
|
63
|
-
}], propDecorators: { dataList: [{
|
|
64
|
-
type: Input
|
|
65
|
-
}], dropdownLabel: [{
|
|
66
|
-
type: Input
|
|
67
|
-
}], displayProperty: [{
|
|
68
|
-
type: Input
|
|
69
|
-
}], selectedValue: [{
|
|
70
|
-
type: Input
|
|
71
|
-
}], isRequired: [{
|
|
72
|
-
type: Input
|
|
73
|
-
}], dropdownSubLabel: [{
|
|
74
|
-
type: Input
|
|
75
|
-
}], disabled: [{
|
|
76
|
-
type: Input
|
|
77
|
-
}], option: [{
|
|
78
|
-
type: ViewChild,
|
|
79
|
-
args: ['option']
|
|
80
|
-
}], selectedData: [{
|
|
81
|
-
type: Output
|
|
82
|
-
}], selectedValueChange: [{
|
|
83
|
-
type: Output
|
|
84
|
-
}], placeholder: [{
|
|
85
|
-
type: Input
|
|
86
|
-
}], stylex: [{
|
|
87
|
-
type: Input
|
|
88
|
-
}], valueKey: [{
|
|
89
|
-
type: Input
|
|
90
|
-
}], multipleSelect: [{
|
|
91
|
-
type: Input
|
|
92
|
-
}], colorProperty: [{
|
|
93
|
-
type: Input
|
|
94
|
-
}], colorSelected: [{
|
|
95
|
-
type: Input
|
|
96
|
-
}], content: [{
|
|
97
|
-
type: ViewChild,
|
|
98
|
-
args: ['optionList']
|
|
99
|
-
}] } });
|
|
100
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3Mtc2VsZWN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NyZWF0ZS1kYXNoYm9hcmQvc3JjL2xpYi91aS1raXQvZm9ybWdyb3VwL2NzLXNlbGVjdC9jcy1zZWxlY3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY3JlYXRlLWRhc2hib2FyZC9zcmMvbGliL3VpLWtpdC9mb3JtZ3JvdXAvY3Mtc2VsZWN0L2NzLXNlbGVjdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFjLFlBQVksRUFBRSxLQUFLLEVBQWEsTUFBTSxFQUFpQixTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBT3hILE1BQU0sT0FBTyxpQkFBaUI7SUFMOUI7UUFlWSxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFDbEMsd0JBQW1CLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQVVuRCxtQkFBYyxHQUFHLEtBQUssQ0FBQztRQU12QixvQkFBZSxHQUFHLEtBQUssQ0FBQztLQWdEekI7SUE1Q0MsSUFBNkIsT0FBTyxDQUFDLE9BQW1CO1FBQ3RELElBQUksT0FBTyxFQUFFO1lBQ1gsOENBQThDO1lBQzlDLElBQUksQ0FBQyxVQUFVLEdBQUcsT0FBTyxDQUFDO1NBQzNCO0lBQ0gsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxhQUFhLEVBQUU7WUFDekIsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsYUFBYSxJQUFJLElBQUksQ0FBQztTQUNqRDtJQUNILENBQUM7SUFFRCxZQUFZLENBQUMsS0FBVTtRQUNyQixJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQztRQUMzQixVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2QsTUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1lBQ3RELE1BQU0sWUFBWSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQztZQUNoRSxJQUFJLFFBQVEsQ0FBQyxHQUFHLEdBQUcsWUFBWSxHQUFHLENBQUMsR0FBRyxNQUFNLENBQUMsV0FBVyxFQUFFO2dCQUN4RCxJQUFJLENBQUMsTUFBTSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEdBQUcsWUFBWSxDQUFDO2FBQzNDO2lCQUFNO2dCQUNMLElBQUksQ0FBQyxNQUFNLEdBQUcsUUFBUSxDQUFDLEdBQUcsR0FBRyxRQUFRLENBQUMsTUFBTSxDQUFDO2FBQzlDO1lBQ0QsSUFBSSxDQUFDLE9BQU8sR0FBRyxRQUFRLENBQUMsSUFBSSxDQUFDO1lBQzdCLElBQUksQ0FBQyxRQUFRLEdBQUcsUUFBUSxDQUFDLEtBQUssQ0FBQztZQUMvQixJQUFJLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDO1FBQ3hDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUNQLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDZCxJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQztRQUM5QixDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUM7SUFDVixDQUFDO0lBQ0QsWUFBWSxDQUFDLFlBQWlCO1FBQzVCLElBQUksT0FBTyxZQUFZLEtBQUssUUFBUSxFQUFFO1lBQ3BDLElBQUksQ0FBQyxhQUFhLEdBQUcsWUFBWSxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQztZQUN4RCxJQUFJLENBQUMsYUFBYSxHQUFHLFlBQVksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7U0FDdkQ7YUFBTTtZQUNMLElBQUksQ0FBQyxhQUFhLEdBQUcsWUFBWSxDQUFDO1NBQ25DO1FBQ0QsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7UUFDckMsSUFBSSxDQUFDLGNBQWMsR0FBRyxLQUFLLENBQUM7SUFDOUIsQ0FBQztJQUNELGFBQWE7UUFDWCxJQUFJLENBQUMsY0FBYyxHQUFHLEtBQUssQ0FBQztJQUM5QixDQUFDOzs4R0ExRVUsaUJBQWlCO2tHQUFqQixpQkFBaUIsNnRCQ1A5QiwwakhBOEVBOzJGRHZFYSxpQkFBaUI7a0JBTDdCLFNBQVM7K0JBQ0UsZUFBZTs4QkFLaEIsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNlLE1BQU07c0JBQTFCLFNBQVM7dUJBQUMsUUFBUTtnQkFFVCxZQUFZO3NCQUFyQixNQUFNO2dCQUNHLG1CQUFtQjtzQkFBNUIsTUFBTTtnQkFDRSxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFFRyxhQUFhO3NCQUFyQixLQUFLO2dCQWF1QixPQUFPO3NCQUFuQyxTQUFTO3VCQUFDLFlBQVkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uQ2hhbmdlcywgT3V0cHV0LCBTaW1wbGVDaGFuZ2VzLCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLWNzLXNlbGVjdCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NzLXNlbGVjdC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY3Mtc2VsZWN0LmNvbXBvbmVudC5sZXNzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDc1NlbGVjdENvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XHJcbiAgQElucHV0KCkgZGF0YUxpc3QhOiBhbnlbXTtcclxuICBASW5wdXQoKSBkcm9wZG93bkxhYmVsITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGRpc3BsYXlQcm9wZXJ0eSE6IHN0cmluZztcclxuICBASW5wdXQoKSBzZWxlY3RlZFZhbHVlITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGlzUmVxdWlyZWQhOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIGRyb3Bkb3duU3ViTGFiZWwhOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgZGlzYWJsZWQhOiBib29sZWFuO1xyXG4gIEBWaWV3Q2hpbGQoJ29wdGlvbicpIG9wdGlvbiE6IEVsZW1lbnRSZWY7XHJcblxyXG4gIEBPdXRwdXQoKSBzZWxlY3RlZERhdGEgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQE91dHB1dCgpIHNlbGVjdGVkVmFsdWVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQElucHV0KCkgcGxhY2Vob2xkZXI6IGFueTtcclxuICBASW5wdXQoKSBzdHlsZXg6IGFueTtcclxuICBASW5wdXQoKSB2YWx1ZUtleTogYW55O1xyXG4gIEBJbnB1dCgpIG11bHRpcGxlU2VsZWN0OiBhbnk7XHJcbiAgQElucHV0KCkgY29sb3JQcm9wZXJ0eSE6IHN0cmluZztcclxuXHJcbiAgQElucHV0KCkgY29sb3JTZWxlY3RlZCE6IHN0cmluZztcclxuICBjb2xvckNvZGUhOiBzdHJpbmc7XHJcblxyXG4gIGRyb3Bkb3duT3B0aW9uID0gZmFsc2U7XHJcbiAgcG9zaXRpb25SZXNldCE6IGJvb2xlYW47XHJcbiAgZ2V0TGVmdCE6IG51bWJlcjtcclxuICBnZXRUb3AhOiBudW1iZXI7XHJcbiAgZ2V0V2lkdGghOiBudW1iZXI7XHJcbiAgbWF4V2lkdGghOiBudW1iZXI7XHJcbiAgYWN0aXZlRG9yb3Bkb3duID0gZmFsc2U7XHJcblxyXG4gIHByaXZhdGUgb3B0aW9uTGlzdCE6IEVsZW1lbnRSZWY7XHJcblxyXG4gIEBWaWV3Q2hpbGQoJ29wdGlvbkxpc3QnKSBzZXQgY29udGVudChjb250ZW50OiBFbGVtZW50UmVmKSB7XHJcbiAgICBpZiAoY29udGVudCkge1xyXG4gICAgICAvLyBpbml0aWFsbHkgc2V0dGVyIGdldHMgY2FsbGVkIHdpdGggdW5kZWZpbmVkXHJcbiAgICAgIHRoaXMub3B0aW9uTGlzdCA9IGNvbnRlbnQ7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKSB7XHJcbiAgICBpZiAoY2hhbmdlcy5zZWxlY3RlZFZhbHVlKSB7XHJcbiAgICAgIHRoaXMuc2VsZWN0ZWRWYWx1ZSA9IHRoaXMuc2VsZWN0ZWRWYWx1ZSB8fCAnLS0nO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgb3BlbkRyb3Bkb3duKGV2ZW50OiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMuZHJvcGRvd25PcHRpb24gPSB0cnVlO1xyXG4gICAgc2V0VGltZW91dCgoKSA9PiB7XHJcbiAgICAgIGNvbnN0IGRyb3Bkb3duID0gZXZlbnQudGFyZ2V0LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xyXG4gICAgICBjb25zdCBzZWxlY3RPcHRpb24gPSB0aGlzLm9wdGlvbkxpc3QubmF0aXZlRWxlbWVudC5vZmZzZXRIZWlnaHQ7XHJcbiAgICAgIGlmIChkcm9wZG93bi50b3AgKyBzZWxlY3RPcHRpb24gKiAyID4gd2luZG93LmlubmVySGVpZ2h0KSB7XHJcbiAgICAgICAgdGhpcy5nZXRUb3AgPSBkcm9wZG93bi50b3AgLSBzZWxlY3RPcHRpb247XHJcbiAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgdGhpcy5nZXRUb3AgPSBkcm9wZG93bi50b3AgKyBkcm9wZG93bi5oZWlnaHQ7XHJcbiAgICAgIH1cclxuICAgICAgdGhpcy5nZXRMZWZ0ID0gZHJvcGRvd24ubGVmdDtcclxuICAgICAgdGhpcy5nZXRXaWR0aCA9IGRyb3Bkb3duLndpZHRoO1xyXG4gICAgICB0aGlzLm1heFdpZHRoID0gZHJvcGRvd24ud2lkdGggKiAxLjI1O1xyXG4gICAgfSwgMTApO1xyXG4gICAgc2V0VGltZW91dCgoKSA9PiB7XHJcbiAgICAgIHRoaXMuYWN0aXZlRG9yb3Bkb3duID0gdHJ1ZTtcclxuICAgIH0sIDEwMCk7XHJcbiAgfVxyXG4gIHNlbGVjdE9wdGlvbihzZWxlY3RlZERhdGE6IGFueSkge1xyXG4gICAgaWYgKHR5cGVvZiBzZWxlY3RlZERhdGEgPT09ICdvYmplY3QnKSB7XHJcbiAgICAgIHRoaXMuc2VsZWN0ZWRWYWx1ZSA9IHNlbGVjdGVkRGF0YVt0aGlzLmRpc3BsYXlQcm9wZXJ0eV07XHJcbiAgICAgIHRoaXMuY29sb3JTZWxlY3RlZCA9IHNlbGVjdGVkRGF0YVt0aGlzLmNvbG9yUHJvcGVydHldO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdGhpcy5zZWxlY3RlZFZhbHVlID0gc2VsZWN0ZWREYXRhO1xyXG4gICAgfVxyXG4gICAgdGhpcy5zZWxlY3RlZERhdGEuZW1pdChzZWxlY3RlZERhdGEpO1xyXG4gICAgdGhpcy5kcm9wZG93bk9wdGlvbiA9IGZhbHNlO1xyXG4gIH1cclxuICBjbG9zZURyb3Bkb3duKCkge1xyXG4gICAgdGhpcy5kcm9wZG93bk9wdGlvbiA9IGZhbHNlO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiaW5wdXQtZ3JvdXBcIiAoY2xpY2tPdXRzaWRlKT1cImRyb3Bkb3duT3B0aW9uID0gZmFsc2VcIj5cclxuICA8bGFiZWwgKm5nSWY9XCJkcm9wZG93bkxhYmVsICE9IHVuZGVmaW5lZFwiPlxyXG4gICAge3sgZHJvcGRvd25MYWJlbCB9fSA8c3BhbiBjbGFzcz1cInN1Yi1sYWJlbFwiPnt7IGRyb3Bkb3duU3ViTGFiZWwgfX08L3NwYW4+IDxzcGFuIGNsYXNzPVwicmVxdWlyZWRcIiAqbmdJZj1cImlzUmVxdWlyZWRcIj4qPC9zcGFuPjwvbGFiZWxcclxuICA+XHJcbiAgPGRpdiBjbGFzcz1cImN1c3RvbS1zZWxlY3QtYm94XCIgW2NsYXNzLmRpc2FibGVkXT1cImRpc2FibGVkXCI+XHJcbiAgICA8aW5wdXRcclxuICAgICAgdHlwZT1cInRleHRcIlxyXG4gICAgICBbY2xhc3MubGluZV09XCJzdHlsZXhcIlxyXG4gICAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxyXG4gICAgICBbdmFsdWVdPVwic2VsZWN0ZWRWYWx1ZSB8IHBhc2NhbFwiXHJcbiAgICAgIHJlYWRvbmx5XHJcbiAgICAgIChjbGljayk9XCJvcGVuRHJvcGRvd24oJGV2ZW50KVwiXHJcbiAgICAgIChrZXl1cC5lbnRlcik9XCJvcGVuRHJvcGRvd24oJGV2ZW50KVwiXHJcbiAgICAgIChrZXl1cC5hcnJvd3VwKT1cIm9wZW5Ecm9wZG93bigkZXZlbnQpXCJcclxuICAgICAgKGtleXVwLmFycm93ZG93bik9XCJvcGVuRHJvcGRvd24oJGV2ZW50KVwiXHJcbiAgICAgICpuZ0lmPVwiIWNvbG9yUHJvcGVydHlcIlxyXG4gICAgLz5cclxuICAgIDxzcGFuIGNsYXNzPVwic2hvdy1sYWJlbFwiICpuZ0lmPVwiY29sb3JQcm9wZXJ0eVwiIChjbGljayk9XCJvcGVuRHJvcGRvd24oJGV2ZW50KVwiPlxyXG4gICAgICA8c3BhbiBjbGFzcz1cImxhYmVsXCIgW2lubmVySFRNTF09XCJzZWxlY3RlZFZhbHVlXCIgW3N0eWxlLmJhY2tncm91bmRDb2xvcl09XCJjb2xvclNlbGVjdGVkICsgJzFBJ1wiIFtzdHlsZS5jb2xvcl09XCJjb2xvclNlbGVjdGVkXCI+PC9zcGFuPlxyXG4gICAgPC9zcGFuPlxyXG4gICAgPHNwYW4gY2xhc3M9XCJhcnJvd1wiIFtjbGFzcy5saW5lXT1cInN0eWxleFwiPlxyXG4gICAgICA8aSBjbGFzcz1cInJpc2staWNvbnNcIj4mI3hlOTE5OzwvaT5cclxuICAgIDwvc3Bhbj5cclxuICAgIDxkaXYgY2xhc3M9XCJvdmVybGF5IGFjdGl2ZVwiICpuZ0lmPVwiZHJvcGRvd25PcHRpb24gPT09IHRydWVcIiAoY2xpY2spPVwiY2xvc2VEcm9wZG93bigpXCI+PC9kaXY+XHJcbiAgICA8dWxcclxuICAgICAgY2xhc3M9XCJsaXN0LW9mLW9wdGlvblwiXHJcbiAgICAgICpuZ0lmPVwiZHJvcGRvd25PcHRpb24gPT09IHRydWUgJiYgIWNvbG9yUHJvcGVydHlcIlxyXG4gICAgICAjb3B0aW9uTGlzdFxyXG4gICAgICAoa2V5dXAuRXNjYXBlKT1cImNsb3NlRHJvcGRvd24oKVwiXHJcbiAgICAgIFtzdHlsZS50b3AucHhdPVwiZ2V0VG9wXCJcclxuICAgICAgW3N0eWxlLmxlZnQucHhdPVwiZ2V0TGVmdFwiXHJcbiAgICAgIFtzdHlsZS5taW4td2lkdGgucHhdPVwiZ2V0V2lkdGhcIlxyXG4gICAgICBbc3R5bGUubWF4LXdpZHRoLnB4XT1cIm1heFdpZHRoXCJcclxuICAgICAgW2NsYXNzLmFjdGl2ZV09XCJhY3RpdmVEb3JvcGRvd25cIlxyXG4gICAgPlxyXG4gICAgICA8bGkgKm5nRm9yPVwibGV0IGRhdGEgb2YgZGF0YUxpc3RcIj5cclxuICAgICAgICA8bGFiZWw+XHJcbiAgICAgICAgICA8aW5wdXQgdHlwZT1cInJhZGlvXCIgW3ZhbHVlXT1cImRhdGFbdmFsdWVLZXldXCIgbmFtZT1cInNsaWNlTGFiZWxcIiAoY2hhbmdlKT1cInNlbGVjdE9wdGlvbihkYXRhKVwiICNvcHRpb24gKGtleXVwLmVudGVyKT1cImNsb3NlRHJvcGRvd24oKVwiIGNsYXNzPVwicG9pbnRlci1ub25lXCIgLz5cclxuICAgICAgICAgIDxzcGFuIChjbGljayk9XCJjbG9zZURyb3Bkb3duKCk7IHNlbGVjdE9wdGlvbihkYXRhKVwiICpuZ0lmPVwiZGlzcGxheVByb3BlcnR5ICYmIGRpc3BsYXlQcm9wZXJ0eSAhPT0gJydcIiBjbGFzcz1cInZhbHVlXCI+e3sgZGF0YVtkaXNwbGF5UHJvcGVydHldIH19PC9zcGFuPlxyXG4gICAgICAgICAgPHNwYW4gKGNsaWNrKT1cImNsb3NlRHJvcGRvd24oKTsgc2VsZWN0T3B0aW9uKGRhdGEpXCIgKm5nSWY9XCIhZGlzcGxheVByb3BlcnR5IHx8IGRpc3BsYXlQcm9wZXJ0eSA9PT0gJydcIiBjbGFzcz1cInZhbHVlXCI+e3sgZGF0YSB9fTwvc3Bhbj5cclxuICAgICAgICA8L2xhYmVsPlxyXG4gICAgICA8L2xpPlxyXG4gICAgPC91bD5cclxuICAgIDx1bFxyXG4gICAgICBjbGFzcz1cImxpc3Qtb2Ytb3B0aW9uXCJcclxuICAgICAgKm5nSWY9XCJkcm9wZG93bk9wdGlvbiA9PT0gdHJ1ZSAmJiBjb2xvclByb3BlcnR5XCJcclxuICAgICAgI29wdGlvbkxpc3RcclxuICAgICAgKGtleXVwLkVzY2FwZSk9XCJjbG9zZURyb3Bkb3duKClcIlxyXG4gICAgICBbc3R5bGUudG9wLnB4XT1cImdldFRvcFwiXHJcbiAgICAgIFtzdHlsZS5sZWZ0LnB4XT1cImdldExlZnRcIlxyXG4gICAgICBbc3R5bGUubWluLXdpZHRoLnB4XT1cImdldFdpZHRoXCJcclxuICAgICAgW3N0eWxlLm1heC13aWR0aC5weF09XCJtYXhXaWR0aFwiXHJcbiAgICAgIFtjbGFzcy5hY3RpdmVdPVwiYWN0aXZlRG9yb3Bkb3duXCJcclxuICAgID5cclxuICAgICAgPGxpICpuZ0Zvcj1cImxldCBkYXRhIG9mIGRhdGFMaXN0XCI+XHJcbiAgICAgICAgPGxhYmVsIGNsYXNzPVwiY29sb3JzXCI+XHJcbiAgICAgICAgICA8aW5wdXQgdHlwZT1cInJhZGlvXCIgW3ZhbHVlXT1cImRhdGFbdmFsdWVLZXldXCIgbmFtZT1cInNsaWNlTGFiZWxcIiAoY2xpY2spPVwic2VsZWN0T3B0aW9uKGRhdGEpXCIgI29wdGlvbiAoa2V5dXAuZW50ZXIpPVwiY2xvc2VEcm9wZG93bigpXCIgY2xhc3M9XCJwb2ludGVyLW5vbmVcIiAvPlxyXG4gICAgICAgICAgPHNwYW5cclxuICAgICAgICAgICAgKGNsaWNrKT1cInNlbGVjdE9wdGlvbihkYXRhKVwiXHJcbiAgICAgICAgICAgICpuZ0lmPVwiZGlzcGxheVByb3BlcnR5ICYmIGRpc3BsYXlQcm9wZXJ0eSAhPT0gJydcIlxyXG4gICAgICAgICAgICBjbGFzcz1cInZhbHVlXCJcclxuICAgICAgICAgICAgW25nU3R5bGVdPVwieyBjb2xvcjogZGF0YS5zZWdtZW50X2NvbG9yIH1cIlxyXG4gICAgICAgICAgICBbc3R5bGUuYmFja2dyb3VuZENvbG9yXT1cImRhdGEuc2VnbWVudF9jb2xvciArICcxQSdcIlxyXG4gICAgICAgICAgICA+e3sgZGF0YVtkaXNwbGF5UHJvcGVydHldIH19PC9zcGFuXHJcbiAgICAgICAgICA+XHJcbiAgICAgICAgICA8c3BhblxyXG4gICAgICAgICAgICAoY2xpY2spPVwic2VsZWN0T3B0aW9uKGRhdGEpXCJcclxuICAgICAgICAgICAgKm5nSWY9XCIhZGlzcGxheVByb3BlcnR5IHx8IGRpc3BsYXlQcm9wZXJ0eSA9PT0gJydcIlxyXG4gICAgICAgICAgICBjbGFzcz1cInZhbHVlXCJcclxuICAgICAgICAgICAgW25nU3R5bGVdPVwieyBjb2xvcjogZGF0YS5zZWdtZW50X2NvbG9yIH1cIlxyXG4gICAgICAgICAgICBbc3R5bGUuYmFja2dyb3VuZENvbG9yXT1cImRhdGEuc2VnbWVudF9jb2xvciArICcxQSdcIlxyXG4gICAgICAgICAgICA+e3sgZGF0YSB9fTwvc3BhblxyXG4gICAgICAgICAgPlxyXG4gICAgICAgIDwvbGFiZWw+XHJcbiAgICAgIDwvbGk+XHJcbiAgICA8L3VsPlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/common";
|
|
4
|
-
import * as i2 from "@angular/forms";
|
|
5
|
-
import * as i3 from "../../tooltip/tooltip.directive";
|
|
6
|
-
export class CsSwitchComponent {
|
|
7
|
-
constructor() {
|
|
8
|
-
this.ngValueChange = new EventEmitter();
|
|
9
|
-
}
|
|
10
|
-
ngOnInit() {
|
|
11
|
-
// console.log(this.value);
|
|
12
|
-
}
|
|
13
|
-
valueChanged() {
|
|
14
|
-
this.ngValueChange.emit(this.ngValue);
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
CsSwitchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CsSwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
18
|
-
CsSwitchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CsSwitchComponent, selector: "app-cs-switch", inputs: { disabled: "disabled", ngValue: "ngValue", value: "value", tooltipMessage: "tooltipMessage", position: "position" }, outputs: { ngValueChange: "ngValueChange" }, ngImport: i0, template: "<label class=\"cs-switch\" [class.top]=\"position == 'top'\">\r\n <!-- [class.large]=\"large\" -->\r\n <span class=\"value\">\r\n <span [innerHTML]=\"value\" *ngIf=\"value != undefined\"></span>\r\n <!-- <span class=\"notification\" *ngIf=\"!tooltipMessage\" [arTooltip]=\"tooltipMessage\" placement=\"bottom-right\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">\r\n <i class=\"vc-icons\"></i>\r\n </span> -->\r\n </span>\r\n <!-- [class.last]=\"last\" -->\r\n <span class=\"switch\" *ngIf=\"tooltipMessage === '' || tooltipMessage === undefined\">\r\n <input type=\"checkbox\" [(ngModel)]=\"ngValue\" (ngModelChange)=\"valueChanged()\" [disabled]=\"disabled\" />\r\n <span class=\"switch-box\">\r\n <span class=\"switch-ball\"></span>\r\n </span>\r\n </span>\r\n <span\r\n class=\"switch\"\r\n *ngIf=\"tooltipMessage !== '' && tooltipMessage !== undefined\"\r\n [arTooltip]=\"tooltipMessage\"\r\n placement=\"bottom-right\"\r\n delay=\"0\"\r\n type=\"black\"\r\n [tooltipMandatory]=\"true\"\r\n >\r\n <input type=\"checkbox\" [(ngModel)]=\"ngValue\" (ngModelChange)=\"valueChanged()\" [disabled]=\"disabled\" />\r\n <span class=\"switch-box\">\r\n <span class=\"switch-ball\"></span>\r\n </span>\r\n </span>\r\n</label>\r\n", styles: ["label.cs-switch{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;margin:0;padding:0}label.cs-switch.top{align-items:flex-start}label.cs-switch span.value{font-size:12px;color:#161b2f;font-weight:400;display:flex;justify-content:space-between;width:calc(100% - 35px);align-items:flex-start}label.cs-switch span.switch{position:relative;display:block;width:25px;height:14px}label.cs-switch span.switch input{position:absolute;opacity:0;margin:0;width:100%;height:100%;z-index:1;cursor:pointer}label.cs-switch span.switch input:checked+span.switch-box{background:#34aa44;border:1px solid #34aa44}label.cs-switch span.switch input:checked+span.switch-box .switch-ball{left:13px}label.cs-switch span.switch input:disabled{pointer-events:none}label.cs-switch span.switch input:disabled+.switch-box{opacity:.5}label.cs-switch span.switch-box{height:100%;width:100%;border-radius:11px;background:#bcbcbc;border:1px solid #bcbcbc;display:block;transition:all .2s ease-in-out}label.cs-switch span.switch-ball{height:10px;width:10px;background:#ffffff;border-radius:50%;border:1px solid #ffffff;display:block;position:absolute;left:2px;top:2px;bottom:1px;transition:all .2s ease-in-out}label.cs-switch span.notification{display:inline-flex;font-size:12px;cursor:pointer;color:#4681ef;align-items:center;line-height:20px;margin:0 10px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.ToolTipDirective, selector: "[arTooltip]", inputs: ["arTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }] });
|
|
19
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CsSwitchComponent, decorators: [{
|
|
20
|
-
type: Component,
|
|
21
|
-
args: [{ selector: 'app-cs-switch', template: "<label class=\"cs-switch\" [class.top]=\"position == 'top'\">\r\n <!-- [class.large]=\"large\" -->\r\n <span class=\"value\">\r\n <span [innerHTML]=\"value\" *ngIf=\"value != undefined\"></span>\r\n <!-- <span class=\"notification\" *ngIf=\"!tooltipMessage\" [arTooltip]=\"tooltipMessage\" placement=\"bottom-right\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">\r\n <i class=\"vc-icons\"></i>\r\n </span> -->\r\n </span>\r\n <!-- [class.last]=\"last\" -->\r\n <span class=\"switch\" *ngIf=\"tooltipMessage === '' || tooltipMessage === undefined\">\r\n <input type=\"checkbox\" [(ngModel)]=\"ngValue\" (ngModelChange)=\"valueChanged()\" [disabled]=\"disabled\" />\r\n <span class=\"switch-box\">\r\n <span class=\"switch-ball\"></span>\r\n </span>\r\n </span>\r\n <span\r\n class=\"switch\"\r\n *ngIf=\"tooltipMessage !== '' && tooltipMessage !== undefined\"\r\n [arTooltip]=\"tooltipMessage\"\r\n placement=\"bottom-right\"\r\n delay=\"0\"\r\n type=\"black\"\r\n [tooltipMandatory]=\"true\"\r\n >\r\n <input type=\"checkbox\" [(ngModel)]=\"ngValue\" (ngModelChange)=\"valueChanged()\" [disabled]=\"disabled\" />\r\n <span class=\"switch-box\">\r\n <span class=\"switch-ball\"></span>\r\n </span>\r\n </span>\r\n</label>\r\n", styles: ["label.cs-switch{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;margin:0;padding:0}label.cs-switch.top{align-items:flex-start}label.cs-switch span.value{font-size:12px;color:#161b2f;font-weight:400;display:flex;justify-content:space-between;width:calc(100% - 35px);align-items:flex-start}label.cs-switch span.switch{position:relative;display:block;width:25px;height:14px}label.cs-switch span.switch input{position:absolute;opacity:0;margin:0;width:100%;height:100%;z-index:1;cursor:pointer}label.cs-switch span.switch input:checked+span.switch-box{background:#34aa44;border:1px solid #34aa44}label.cs-switch span.switch input:checked+span.switch-box .switch-ball{left:13px}label.cs-switch span.switch input:disabled{pointer-events:none}label.cs-switch span.switch input:disabled+.switch-box{opacity:.5}label.cs-switch span.switch-box{height:100%;width:100%;border-radius:11px;background:#bcbcbc;border:1px solid #bcbcbc;display:block;transition:all .2s ease-in-out}label.cs-switch span.switch-ball{height:10px;width:10px;background:#ffffff;border-radius:50%;border:1px solid #ffffff;display:block;position:absolute;left:2px;top:2px;bottom:1px;transition:all .2s ease-in-out}label.cs-switch span.notification{display:inline-flex;font-size:12px;cursor:pointer;color:#4681ef;align-items:center;line-height:20px;margin:0 10px}\n"] }]
|
|
22
|
-
}], ctorParameters: function () { return []; }, propDecorators: { disabled: [{
|
|
23
|
-
type: Input
|
|
24
|
-
}], ngValue: [{
|
|
25
|
-
type: Input
|
|
26
|
-
}], value: [{
|
|
27
|
-
type: Input
|
|
28
|
-
}], ngValueChange: [{
|
|
29
|
-
type: Output
|
|
30
|
-
}], tooltipMessage: [{
|
|
31
|
-
type: Input
|
|
32
|
-
}], position: [{
|
|
33
|
-
type: Input
|
|
34
|
-
}] } });
|
|
35
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3Mtc3dpdGNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NyZWF0ZS1kYXNoYm9hcmQvc3JjL2xpYi91aS1raXQvZm9ybWdyb3VwL2NzLXN3aXRjaC9jcy1zd2l0Y2guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY3JlYXRlLWRhc2hib2FyZC9zcmMvbGliL3VpLWtpdC9mb3JtZ3JvdXAvY3Mtc3dpdGNoL2NzLXN3aXRjaC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7OztBQU8vRSxNQUFNLE9BQU8saUJBQWlCO0lBTzVCO1FBSFUsa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO0lBR25DLENBQUM7SUFFaEIsUUFBUTtRQUNOLDJCQUEyQjtJQUM3QixDQUFDO0lBQ0QsWUFBWTtRQUNWLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUN4QyxDQUFDOzs4R0FkVSxpQkFBaUI7a0dBQWpCLGlCQUFpQixnT0NQOUIsd3lDQThCQTsyRkR2QmEsaUJBQWlCO2tCQUw3QixTQUFTOytCQUNFLGVBQWU7MEVBS2hCLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDSSxhQUFhO3NCQUF0QixNQUFNO2dCQUNFLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLWNzLXN3aXRjaCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NzLXN3aXRjaC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY3Mtc3dpdGNoLmNvbXBvbmVudC5sZXNzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDc1N3aXRjaENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgZGlzYWJsZWQhOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIG5nVmFsdWU6IGFueTtcclxuICBASW5wdXQoKSB2YWx1ZTogYW55O1xyXG4gIEBPdXRwdXQoKSBuZ1ZhbHVlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcbiAgQElucHV0KCkgdG9vbHRpcE1lc3NhZ2U6IGFueTtcclxuICBASW5wdXQoKSBwb3NpdGlvbjogYW55O1xyXG4gIGNvbnN0cnVjdG9yKCkge31cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICAvLyBjb25zb2xlLmxvZyh0aGlzLnZhbHVlKTtcclxuICB9XHJcbiAgdmFsdWVDaGFuZ2VkKCkge1xyXG4gICAgdGhpcy5uZ1ZhbHVlQ2hhbmdlLmVtaXQodGhpcy5uZ1ZhbHVlKTtcclxuICB9XHJcbn1cclxuIiwiPGxhYmVsIGNsYXNzPVwiY3Mtc3dpdGNoXCIgW2NsYXNzLnRvcF09XCJwb3NpdGlvbiA9PSAndG9wJ1wiPlxyXG4gIDwhLS0gW2NsYXNzLmxhcmdlXT1cImxhcmdlXCIgLS0+XHJcbiAgPHNwYW4gY2xhc3M9XCJ2YWx1ZVwiPlxyXG4gICAgPHNwYW4gW2lubmVySFRNTF09XCJ2YWx1ZVwiICpuZ0lmPVwidmFsdWUgIT0gdW5kZWZpbmVkXCI+PC9zcGFuPlxyXG4gICAgPCEtLSA8c3BhbiBjbGFzcz1cIm5vdGlmaWNhdGlvblwiICpuZ0lmPVwiIXRvb2x0aXBNZXNzYWdlXCIgW2FyVG9vbHRpcF09XCJ0b29sdGlwTWVzc2FnZVwiIHBsYWNlbWVudD1cImJvdHRvbS1yaWdodFwiIGRlbGF5PVwiMFwiIHR5cGU9XCJibGFja1wiIFt0b29sdGlwTWFuZGF0b3J5XT1cInRydWVcIj5cclxuICAgICAgICA8aSBjbGFzcz1cInZjLWljb25zXCI+JiN4ZTlmMzs8L2k+XHJcbiAgICAgIDwvc3Bhbj4gLS0+XHJcbiAgPC9zcGFuPlxyXG4gIDwhLS0gW2NsYXNzLmxhc3RdPVwibGFzdFwiIC0tPlxyXG4gIDxzcGFuIGNsYXNzPVwic3dpdGNoXCIgKm5nSWY9XCJ0b29sdGlwTWVzc2FnZSA9PT0gJycgfHwgdG9vbHRpcE1lc3NhZ2UgPT09IHVuZGVmaW5lZFwiPlxyXG4gICAgPGlucHV0IHR5cGU9XCJjaGVja2JveFwiIFsobmdNb2RlbCldPVwibmdWYWx1ZVwiIChuZ01vZGVsQ2hhbmdlKT1cInZhbHVlQ2hhbmdlZCgpXCIgW2Rpc2FibGVkXT1cImRpc2FibGVkXCIgLz5cclxuICAgIDxzcGFuIGNsYXNzPVwic3dpdGNoLWJveFwiPlxyXG4gICAgICA8c3BhbiBjbGFzcz1cInN3aXRjaC1iYWxsXCI+PC9zcGFuPlxyXG4gICAgPC9zcGFuPlxyXG4gIDwvc3Bhbj5cclxuICA8c3BhblxyXG4gICAgY2xhc3M9XCJzd2l0Y2hcIlxyXG4gICAgKm5nSWY9XCJ0b29sdGlwTWVzc2FnZSAhPT0gJycgJiYgdG9vbHRpcE1lc3NhZ2UgIT09IHVuZGVmaW5lZFwiXHJcbiAgICBbYXJUb29sdGlwXT1cInRvb2x0aXBNZXNzYWdlXCJcclxuICAgIHBsYWNlbWVudD1cImJvdHRvbS1yaWdodFwiXHJcbiAgICBkZWxheT1cIjBcIlxyXG4gICAgdHlwZT1cImJsYWNrXCJcclxuICAgIFt0b29sdGlwTWFuZGF0b3J5XT1cInRydWVcIlxyXG4gID5cclxuICAgIDxpbnB1dCB0eXBlPVwiY2hlY2tib3hcIiBbKG5nTW9kZWwpXT1cIm5nVmFsdWVcIiAobmdNb2RlbENoYW5nZSk9XCJ2YWx1ZUNoYW5nZWQoKVwiIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIC8+XHJcbiAgICA8c3BhbiBjbGFzcz1cInN3aXRjaC1ib3hcIj5cclxuICAgICAgPHNwYW4gY2xhc3M9XCJzd2l0Y2gtYmFsbFwiPjwvc3Bhbj5cclxuICAgIDwvc3Bhbj5cclxuICA8L3NwYW4+XHJcbjwvbGFiZWw+XHJcbiJdfQ==
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import { Component, Input, Output, EventEmitter } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/common";
|
|
4
|
-
export class NoDataComponent {
|
|
5
|
-
constructor() {
|
|
6
|
-
this.noDataText = '';
|
|
7
|
-
this.buttonAction = new EventEmitter();
|
|
8
|
-
}
|
|
9
|
-
ngOnInit() { }
|
|
10
|
-
actionEmitter(button) {
|
|
11
|
-
this.buttonAction.emit(button);
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
NoDataComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NoDataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
15
|
-
NoDataComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: NoDataComponent, selector: "app-no-data", inputs: { action: "action", noDataImage: "noDataImage", noDataText: "noDataText", noDataButton: "noDataButton", noDataSecButton: "noDataSecButton", altText: "altText", smallButton: "smallButton", buttonIcon: "buttonIcon", iconClass: "iconClass" }, outputs: { buttonAction: "buttonAction" }, ngImport: i0, template: "<div class=\"no-data-wrapper\">\r\n <div class=\"no-data-container\">\r\n <img [src]=\"noDataImage\" [alt]=\"altText\" class=\"image\" />\r\n <p class=\"text\" [innerHTML]=\"noDataText\" *ngIf=\"noDataText\"></p>\r\n <div class=\"button-row\" *ngFor=\"let button of action\">\r\n <button *ngIf=\"!button?.buttonIcon\" (click)=\"actionEmitter(button)\" [innerHTML]=\"button?.buttonText\"\r\n [class.small]=\"smallButton\"></button>\r\n <button *ngIf=\"button?.buttonIcon\" (click)=\"actionEmitter(button)\" [class.small]=\"smallButton\">\r\n <i class=\"icons\" [innerHTML]=\"button?.buttonIcon\"></i> <span\r\n [innerHTML]=\"button?.buttonText\"></span>\r\n </button>\r\n </div>\r\n </div>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";::ng-deep .no-data-wrapper{display:flex;align-items:center;justify-content:center;height:100%;width:100%;background:#ffffff;border-radius:2px}::ng-deep .no-data-container{display:inline-block;text-align:center;width:450px}::ng-deep .no-data-container .image{width:300px;margin-bottom:20px;display:inline-block}::ng-deep .no-data-container p.text{font-size:17px;font-weight:400;line-height:24px;margin-bottom:25px;color:#161b2f;text-align:center;margin-top:0}::ng-deep .no-data-container p.text strong{font-weight:500}::ng-deep .no-data-container button{width:auto;height:38px;border-radius:2px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:500;line-height:24px;cursor:pointer;background:#1e5dd3;border:1px solid #1e5dd3;outline:none;text-transform:uppercase;padding:0 16px}::ng-deep .no-data-container button+button{margin-left:5px}::ng-deep .no-data-container button i+span{margin-left:12px}::ng-deep .no-data-container button.small{width:60px;height:24px;font-size:11px}::ng-deep .no-data-container button.small i{margin-right:5px;font-size:9px}::ng-deep .no-data-container .button-row{display:flex;justify-content:center}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
16
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NoDataComponent, decorators: [{
|
|
17
|
-
type: Component,
|
|
18
|
-
args: [{ selector: 'app-no-data', template: "<div class=\"no-data-wrapper\">\r\n <div class=\"no-data-container\">\r\n <img [src]=\"noDataImage\" [alt]=\"altText\" class=\"image\" />\r\n <p class=\"text\" [innerHTML]=\"noDataText\" *ngIf=\"noDataText\"></p>\r\n <div class=\"button-row\" *ngFor=\"let button of action\">\r\n <button *ngIf=\"!button?.buttonIcon\" (click)=\"actionEmitter(button)\" [innerHTML]=\"button?.buttonText\"\r\n [class.small]=\"smallButton\"></button>\r\n <button *ngIf=\"button?.buttonIcon\" (click)=\"actionEmitter(button)\" [class.small]=\"smallButton\">\r\n <i class=\"icons\" [innerHTML]=\"button?.buttonIcon\"></i> <span\r\n [innerHTML]=\"button?.buttonText\"></span>\r\n </button>\r\n </div>\r\n </div>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";::ng-deep .no-data-wrapper{display:flex;align-items:center;justify-content:center;height:100%;width:100%;background:#ffffff;border-radius:2px}::ng-deep .no-data-container{display:inline-block;text-align:center;width:450px}::ng-deep .no-data-container .image{width:300px;margin-bottom:20px;display:inline-block}::ng-deep .no-data-container p.text{font-size:17px;font-weight:400;line-height:24px;margin-bottom:25px;color:#161b2f;text-align:center;margin-top:0}::ng-deep .no-data-container p.text strong{font-weight:500}::ng-deep .no-data-container button{width:auto;height:38px;border-radius:2px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:500;line-height:24px;cursor:pointer;background:#1e5dd3;border:1px solid #1e5dd3;outline:none;text-transform:uppercase;padding:0 16px}::ng-deep .no-data-container button+button{margin-left:5px}::ng-deep .no-data-container button i+span{margin-left:12px}::ng-deep .no-data-container button.small{width:60px;height:24px;font-size:11px}::ng-deep .no-data-container button.small i{margin-right:5px;font-size:9px}::ng-deep .no-data-container .button-row{display:flex;justify-content:center}\n"] }]
|
|
19
|
-
}], ctorParameters: function () { return []; }, propDecorators: { action: [{
|
|
20
|
-
type: Input
|
|
21
|
-
}], noDataImage: [{
|
|
22
|
-
type: Input
|
|
23
|
-
}], noDataText: [{
|
|
24
|
-
type: Input
|
|
25
|
-
}], noDataButton: [{
|
|
26
|
-
type: Input
|
|
27
|
-
}], noDataSecButton: [{
|
|
28
|
-
type: Input
|
|
29
|
-
}], altText: [{
|
|
30
|
-
type: Input
|
|
31
|
-
}], buttonAction: [{
|
|
32
|
-
type: Output
|
|
33
|
-
}], smallButton: [{
|
|
34
|
-
type: Input
|
|
35
|
-
}], buttonIcon: [{
|
|
36
|
-
type: Input
|
|
37
|
-
}], iconClass: [{
|
|
38
|
-
type: Input
|
|
39
|
-
}] } });
|
|
40
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm8tZGF0YS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jcmVhdGUtZGFzaGJvYXJkL3NyYy9saWIvdWkta2l0L25vLWRhdGEvbm8tZGF0YS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jcmVhdGUtZGFzaGJvYXJkL3NyYy9saWIvdWkta2l0L25vLWRhdGEvbm8tZGF0YS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFPL0UsTUFBTSxPQUFPLGVBQWU7SUFXMUI7UUFSUyxlQUFVLEdBQUcsRUFBRSxDQUFDO1FBSWYsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0lBSXBDLENBQUM7SUFFakIsUUFBUSxLQUFXLENBQUM7SUFFcEIsYUFBYSxDQUFDLE1BQWM7UUFDMUIsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDakMsQ0FBQzs7NEdBakJVLGVBQWU7Z0dBQWYsZUFBZSxzVkNQNUIsdzBCQWFNOzJGRE5PLGVBQWU7a0JBTDNCLFNBQVM7K0JBQ0UsYUFBYTswRUFLZCxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0ksWUFBWTtzQkFBckIsTUFBTTtnQkFDRSxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLW5vLWRhdGEnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9uby1kYXRhLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9uby1kYXRhLmNvbXBvbmVudC5sZXNzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBOb0RhdGFDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIGFjdGlvbiE6IGFueTtcclxuICBASW5wdXQoKSBub0RhdGFJbWFnZSE6IHN0cmluZztcclxuICBASW5wdXQoKSBub0RhdGFUZXh0ID0gJyc7XHJcbiAgQElucHV0KCkgbm9EYXRhQnV0dG9uITogc3RyaW5nIHwgYm9vbGVhbjtcclxuICBASW5wdXQoKSBub0RhdGFTZWNCdXR0b24hOiBzdHJpbmcgfCBib29sZWFuO1xyXG4gIEBJbnB1dCgpIGFsdFRleHQhOiBzdHJpbmc7XHJcbiAgQE91dHB1dCgpIGJ1dHRvbkFjdGlvbiA9IG5ldyBFdmVudEVtaXR0ZXI8b2JqZWN0PigpO1xyXG4gIEBJbnB1dCgpIHNtYWxsQnV0dG9uITogYm9vbGVhbjtcclxuICBASW5wdXQoKSBidXR0b25JY29uITogYW55O1xyXG4gIEBJbnB1dCgpIGljb25DbGFzcyE6IGFueTtcclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHsgfVxyXG5cclxuICBhY3Rpb25FbWl0dGVyKGJ1dHRvbjogb2JqZWN0KSB7XHJcbiAgICB0aGlzLmJ1dHRvbkFjdGlvbi5lbWl0KGJ1dHRvbik7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJuby1kYXRhLXdyYXBwZXJcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJuby1kYXRhLWNvbnRhaW5lclwiPlxyXG4gICAgICAgIDxpbWcgW3NyY109XCJub0RhdGFJbWFnZVwiIFthbHRdPVwiYWx0VGV4dFwiIGNsYXNzPVwiaW1hZ2VcIiAvPlxyXG4gICAgICAgIDxwIGNsYXNzPVwidGV4dFwiIFtpbm5lckhUTUxdPVwibm9EYXRhVGV4dFwiICpuZ0lmPVwibm9EYXRhVGV4dFwiPjwvcD5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiYnV0dG9uLXJvd1wiICpuZ0Zvcj1cImxldCBidXR0b24gb2YgYWN0aW9uXCI+XHJcbiAgICAgICAgICAgICAgICA8YnV0dG9uICpuZ0lmPVwiIWJ1dHRvbj8uYnV0dG9uSWNvblwiIChjbGljayk9XCJhY3Rpb25FbWl0dGVyKGJ1dHRvbilcIiBbaW5uZXJIVE1MXT1cImJ1dHRvbj8uYnV0dG9uVGV4dFwiXHJcbiAgICAgICAgICAgICAgICAgICAgW2NsYXNzLnNtYWxsXT1cInNtYWxsQnV0dG9uXCI+PC9idXR0b24+XHJcbiAgICAgICAgICAgICAgICA8YnV0dG9uICpuZ0lmPVwiYnV0dG9uPy5idXR0b25JY29uXCIgKGNsaWNrKT1cImFjdGlvbkVtaXR0ZXIoYnV0dG9uKVwiIFtjbGFzcy5zbWFsbF09XCJzbWFsbEJ1dHRvblwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxpIGNsYXNzPVwiaWNvbnNcIiBbaW5uZXJIVE1MXT1cImJ1dHRvbj8uYnV0dG9uSWNvblwiPjwvaT4gPHNwYW5cclxuICAgICAgICAgICAgICAgICAgICAgICAgW2lubmVySFRNTF09XCJidXR0b24/LmJ1dHRvblRleHRcIj48L3NwYW4+XHJcbiAgICAgICAgICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj4iXX0=
|
|
@@ -1,127 +0,0 @@
|
|
|
1
|
-
import { Component, Input, Output, EventEmitter } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "../../create-dashboard-container/services/pagination.service";
|
|
4
|
-
import * as i2 from "@angular/common";
|
|
5
|
-
/**
|
|
6
|
-
* Adds place holder for Pagination on the lists
|
|
7
|
-
*/
|
|
8
|
-
export class PaginationComponent {
|
|
9
|
-
constructor(paginationService) {
|
|
10
|
-
this.paginationService = paginationService;
|
|
11
|
-
this.start = 1;
|
|
12
|
-
this.paginationArray = [];
|
|
13
|
-
this.totalPages = 1;
|
|
14
|
-
this.limit = 1;
|
|
15
|
-
this.totalList = 1;
|
|
16
|
-
this.paginationFilter = new EventEmitter();
|
|
17
|
-
}
|
|
18
|
-
ngOnChanges() {
|
|
19
|
-
this.currentPage = Number(this.paginationService.currentPage);
|
|
20
|
-
this.start = Number(this.paginationService.currentPage);
|
|
21
|
-
this.rebuildPagination(this.currentPage, this.totalPages);
|
|
22
|
-
}
|
|
23
|
-
ngOnInit() {
|
|
24
|
-
this.currentPage = Number(this.paginationService.currentPage);
|
|
25
|
-
this.start = Number(this.paginationService.currentPage);
|
|
26
|
-
this.rebuildPagination(this.currentPage, this.totalPages);
|
|
27
|
-
this.paginationService.currentValues.subscribe(event => {
|
|
28
|
-
if (event && (this.paginationService.currentPage !== this.currentPage)) {
|
|
29
|
-
this.currentPage = this.paginationService.currentPage;
|
|
30
|
-
}
|
|
31
|
-
});
|
|
32
|
-
}
|
|
33
|
-
/* In this function we will recreate the pagination structure as per current page and
|
|
34
|
-
total number of pages */
|
|
35
|
-
rebuildPagination(currentPage, totalCount) {
|
|
36
|
-
this.paginationArray = [];
|
|
37
|
-
this.totalCount = totalCount;
|
|
38
|
-
this.currentPage = currentPage;
|
|
39
|
-
if (this.paginationService.currentPage !== this.currentPage) {
|
|
40
|
-
this.paginationService.currentPage = this.currentPage;
|
|
41
|
-
this.paginationFilter.emit(true);
|
|
42
|
-
}
|
|
43
|
-
// If there are only 6 pages or less in total, just display all pages without "..."
|
|
44
|
-
if (totalCount <= 6) {
|
|
45
|
-
for (let i = 1; i <= totalCount; i++) {
|
|
46
|
-
this.paginationArray.push(i);
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
// ELSE display with ...
|
|
50
|
-
else {
|
|
51
|
-
// Always print first page button
|
|
52
|
-
this.paginationArray.push(1);
|
|
53
|
-
// Print "..." if currentPage is > 3
|
|
54
|
-
if (currentPage > 3) {
|
|
55
|
-
// this.paginationArray.push(2);
|
|
56
|
-
this.paginationArray.push('...');
|
|
57
|
-
}
|
|
58
|
-
// special case where last page is selected...
|
|
59
|
-
// Without this special case, only 2 buttons would be shown after ... if you were on last page
|
|
60
|
-
if (currentPage === totalCount) {
|
|
61
|
-
this.paginationArray.push(currentPage - 2);
|
|
62
|
-
}
|
|
63
|
-
// Print previous number button if currentPage > 2
|
|
64
|
-
if (currentPage > 2) {
|
|
65
|
-
this.paginationArray.push(currentPage - 1);
|
|
66
|
-
}
|
|
67
|
-
// Print current page number button as long as it not the first or last page
|
|
68
|
-
if (currentPage !== 1 && currentPage !== totalCount) {
|
|
69
|
-
this.paginationArray.push(currentPage);
|
|
70
|
-
}
|
|
71
|
-
// print next page number button if currentPage < lastPage - 1
|
|
72
|
-
if (currentPage < totalCount - 1) {
|
|
73
|
-
this.paginationArray.push(currentPage + 1);
|
|
74
|
-
}
|
|
75
|
-
// special case where first page is selected...
|
|
76
|
-
// Without this special case, only 2 buttons would be shown before ... if you were on first page
|
|
77
|
-
if (currentPage === 1) {
|
|
78
|
-
this.paginationArray.push(currentPage + 2);
|
|
79
|
-
}
|
|
80
|
-
// print "..." if currentPage is < lastPage -2
|
|
81
|
-
if (currentPage < totalCount - 2) {
|
|
82
|
-
this.paginationArray.push('...');
|
|
83
|
-
// HTML += "...";
|
|
84
|
-
}
|
|
85
|
-
// Always print last page button if there is more than 1 page
|
|
86
|
-
if (totalCount > 1) {
|
|
87
|
-
this.paginationArray.push(totalCount);
|
|
88
|
-
}
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
|
-
/* In this function we will set current page according to the action performed on browser
|
|
92
|
-
ex: prev next buttons clicks or selecting a particular page */
|
|
93
|
-
changePage(prev, page, next) {
|
|
94
|
-
if (prev) {
|
|
95
|
-
if (this.start > 1) {
|
|
96
|
-
this.start--;
|
|
97
|
-
// We have changed the start page, total rebuild the pagination
|
|
98
|
-
this.rebuildPagination(this.start, this.totalCount);
|
|
99
|
-
}
|
|
100
|
-
}
|
|
101
|
-
if (next) {
|
|
102
|
-
if (this.start < this.totalCount) {
|
|
103
|
-
this.start++;
|
|
104
|
-
this.rebuildPagination(this.start, this.totalCount);
|
|
105
|
-
}
|
|
106
|
-
}
|
|
107
|
-
if (page) {
|
|
108
|
-
this.start = page;
|
|
109
|
-
this.rebuildPagination(this.start, this.totalCount);
|
|
110
|
-
}
|
|
111
|
-
}
|
|
112
|
-
}
|
|
113
|
-
PaginationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PaginationComponent, deps: [{ token: i1.PaginationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
114
|
-
PaginationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PaginationComponent, selector: "app-pagination", inputs: { totalPages: "totalPages", limit: "limit", totalList: "totalList" }, outputs: { paginationFilter: "paginationFilter" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"pagination-box\">\r\n <ul>\r\n <li><button [class.disabled]=\"currentPage==1\" (click)=\"changePage('prev',0,'')\"><i class=\"icons vx-fs-10\"></i></button></li>\r\n <li *ngFor=\"let page of paginationArray\">\r\n <button [disabled]=\"page=='...'\" [class.disable]=\"page=='...'\" [class.active]=\"currentPage==page\" (click)=\"changePage('',page,'')\">\r\n <i *ngIf=\"page=='...'\" class=\"icons\"></i>{{page!='...'?page : ''}}\r\n </button>\r\n </li>\r\n <li><button [class.disabled]=\"currentPage==totalCount\" (click)=\"changePage('',0,'next')\"><i class=\"icons vx-fs-10\"></i></button></li>\r\n </ul>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";.pagination-box{margin-bottom:12px}.pagination-box ul{display:flex;align-items:center;padding:0;margin:0}.pagination-box ul li{list-style:none;display:flex}.pagination-box ul li+li{margin-left:4px}.pagination-box ul li:first-child{margin-right:4px;height:24px}.pagination-box ul li:first-child button{color:#1e5dd3;font-size:17px}.pagination-box ul li:last-child{margin-left:8px!important;height:24px}.pagination-box ul li:last-child button{color:#1e5dd3;font-size:17px}.pagination-box ul li button{border:1px solid #dbdbdb;background:#FFFFFF;border-radius:2px;color:#161b2f;font-weight:400;height:24px;min-width:24px;padding:0 5px;display:inline-flex;justify-content:center;align-items:center;outline:none;cursor:pointer;font-size:11px;margin:0}.pagination-box ul li button.active,.pagination-box ul li button:hover{border-color:#1e5dd3;color:#1e5dd3}.pagination-box ul li button.disabled{filter:grayscale(100%);pointer-events:none;background:#F1F1F1;color:#bcbcbc!important}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
115
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PaginationComponent, decorators: [{
|
|
116
|
-
type: Component,
|
|
117
|
-
args: [{ selector: 'app-pagination', template: "<div class=\"pagination-box\">\r\n <ul>\r\n <li><button [class.disabled]=\"currentPage==1\" (click)=\"changePage('prev',0,'')\"><i class=\"icons vx-fs-10\"></i></button></li>\r\n <li *ngFor=\"let page of paginationArray\">\r\n <button [disabled]=\"page=='...'\" [class.disable]=\"page=='...'\" [class.active]=\"currentPage==page\" (click)=\"changePage('',page,'')\">\r\n <i *ngIf=\"page=='...'\" class=\"icons\"></i>{{page!='...'?page : ''}}\r\n </button>\r\n </li>\r\n <li><button [class.disabled]=\"currentPage==totalCount\" (click)=\"changePage('',0,'next')\"><i class=\"icons vx-fs-10\"></i></button></li>\r\n </ul>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";.pagination-box{margin-bottom:12px}.pagination-box ul{display:flex;align-items:center;padding:0;margin:0}.pagination-box ul li{list-style:none;display:flex}.pagination-box ul li+li{margin-left:4px}.pagination-box ul li:first-child{margin-right:4px;height:24px}.pagination-box ul li:first-child button{color:#1e5dd3;font-size:17px}.pagination-box ul li:last-child{margin-left:8px!important;height:24px}.pagination-box ul li:last-child button{color:#1e5dd3;font-size:17px}.pagination-box ul li button{border:1px solid #dbdbdb;background:#FFFFFF;border-radius:2px;color:#161b2f;font-weight:400;height:24px;min-width:24px;padding:0 5px;display:inline-flex;justify-content:center;align-items:center;outline:none;cursor:pointer;font-size:11px;margin:0}.pagination-box ul li button.active,.pagination-box ul li button:hover{border-color:#1e5dd3;color:#1e5dd3}.pagination-box ul li button.disabled{filter:grayscale(100%);pointer-events:none;background:#F1F1F1;color:#bcbcbc!important}\n"] }]
|
|
118
|
-
}], ctorParameters: function () { return [{ type: i1.PaginationService }]; }, propDecorators: { totalPages: [{
|
|
119
|
-
type: Input
|
|
120
|
-
}], limit: [{
|
|
121
|
-
type: Input
|
|
122
|
-
}], totalList: [{
|
|
123
|
-
type: Input
|
|
124
|
-
}], paginationFilter: [{
|
|
125
|
-
type: Output
|
|
126
|
-
}] } });
|
|
127
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jcmVhdGUtZGFzaGJvYXJkL3NyYy9saWIvdWkta2l0L3BhZ2luYXRpb24vcGFnaW5hdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jcmVhdGUtZGFzaGJvYXJkL3NyYy9saWIvdWkta2l0L3BhZ2luYXRpb24vcGFnaW5hdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFxQixLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVExRjs7R0FFRztBQUNILE1BQU0sT0FBTyxtQkFBbUI7SUFVOUIsWUFBb0IsaUJBQW9DO1FBQXBDLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7UUFUeEQsVUFBSyxHQUFHLENBQUMsQ0FBQztRQUVWLG9CQUFlLEdBQVUsRUFBRSxDQUFDO1FBRW5CLGVBQVUsR0FBRyxDQUFDLENBQUM7UUFDZixVQUFLLEdBQUcsQ0FBQyxDQUFDO1FBQ1YsY0FBUyxHQUFHLENBQUMsQ0FBQztRQUNiLHFCQUFnQixHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUFHaEQsQ0FBQztJQUNELFdBQVc7UUFDVCxJQUFJLENBQUMsV0FBVyxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDOUQsSUFBSSxDQUFDLEtBQUssR0FBRyxNQUFNLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQ3hELElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUM1RCxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxXQUFXLEdBQUcs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QWpCLEtBQUs7Z0JBQ0ksZ0JBQWdCO3NCQUF6QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIE9uQ2hhbmdlcywgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFBhZ2luYXRpb25TZXJ2aWNlIH0gZnJvbSAnLi4vLi4vY3JlYXRlLWRhc2hib2FyZC1jb250YWluZXIvc2VydmljZXMvcGFnaW5hdGlvbi5zZXJ2aWNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLXBhZ2luYXRpb24nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9wYWdpbmF0aW9uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9wYWdpbmF0aW9uLmNvbXBvbmVudC5sZXNzJ11cclxufSlcclxuLyoqXHJcbiAqIEFkZHMgcGxhY2UgaG9sZGVyIGZvciBQYWdpbmF0aW9uIG9uIHRoZSBsaXN0c1xyXG4gKi9cclxuZXhwb3J0IGNsYXNzIFBhZ2luYXRpb25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcyB7XHJcbiAgc3RhcnQgPSAxO1xyXG4gIHRvdGFsQ291bnQhOiBudW1iZXI7XHJcbiAgcGFnaW5hdGlvbkFycmF5OiBhbnlbXSA9IFtdO1xyXG4gIGN1cnJlbnRQYWdlITogbnVtYmVyO1xyXG4gIEBJbnB1dCgpIHRvdGFsUGFnZXMgPSAxO1xyXG4gIEBJbnB1dCgpIGxpbWl0ID0gMTtcclxuICBASW5wdXQoKSB0b3RhbExpc3QgPSAxO1xyXG4gIEBPdXRwdXQoKSBwYWdpbmF0aW9uRmlsdGVyID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHBhZ2luYXRpb25TZXJ2aWNlOiBQYWdpbmF0aW9uU2VydmljZSkge1xyXG4gIH1cclxuICBuZ09uQ2hhbmdlcygpIHtcclxuICAgIHRoaXMuY3VycmVudFBhZ2UgPSBOdW1iZXIodGhpcy5wYWdpbmF0aW9uU2VydmljZS5jdXJyZW50UGFnZSk7XHJcbiAgICB0aGlzLnN0YXJ0ID0gTnVtYmVyKHRoaXMucGFnaW5hdGlvblNlcnZpY2UuY3VycmVudFBhZ2UpO1xyXG4gICAgdGhpcy5yZWJ1aWxkUGFnaW5hdGlvbih0aGlzLmN1cnJlbnRQYWdlLCB0aGlzLnRvdGFsUGFnZXMpO1xyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICB0aGlzLmN1cnJlbnRQYWdlID0gTnVtYmVyKHRoaXMucGFnaW5hdGlvblNlcnZpY2UuY3VycmVudFBhZ2UpO1xyXG4gICAgdGhpcy5zdGFydCA9IE51bWJlcih0aGlzLnBhZ2luYXRpb25TZXJ2aWNlLmN1cnJlbnRQYWdlKTtcclxuICAgIHRoaXMucmVidWlsZFBhZ2luYXRpb24odGhpcy5jdXJyZW50UGFnZSwgdGhpcy50b3RhbFBhZ2VzKTtcclxuICAgIHRoaXMucGFnaW5hdGlvblNlcnZpY2UuY3VycmVudFZhbHVlcy5zdWJzY3JpYmUoZXZlbnQgPT4ge1xyXG4gICAgICBpZiAoZXZlbnQgJiYgKHRoaXMucGFnaW5hdGlvblNlcnZpY2UuY3VycmVudFBhZ2UgIT09IHRoaXMuY3VycmVudFBhZ2UpKSB7XHJcbiAgICAgICAgdGhpcy5jdXJyZW50UGFnZSA9IHRoaXMucGFnaW5hdGlvblNlcnZpY2UuY3VycmVudFBhZ2U7XHJcbiAgICAgIH1cclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgLyogSW4gdGhpcyBmdW5jdGlvbiB3ZSB3aWxsIHJlY3JlYXRlIHRoZSBwYWdpbmF0aW9uIHN0cnVjdHVyZSBhcyBwZXIgY3VycmVudCBwYWdlIGFuZFxyXG4gICB0b3RhbCBudW1iZXIgb2YgcGFnZXMgKi9cclxuXHJcbiAgcmVidWlsZFBhZ2luYXRpb24oY3VycmVudFBhZ2U6IG51bWJlciwgdG90YWxDb3VudDogbnVtYmVyKSB7XHJcbiAgICB0aGlzLnBhZ2luYXRpb25BcnJheSA9IFtdO1xyXG4gICAgdGhpcy50b3RhbENvdW50ID0gdG90YWxDb3VudDtcclxuICAgIHRoaXMuY3VycmVudFBhZ2UgPSBjdXJyZW50UGFnZTtcclxuICAgIGlmICh0aGlzLnBhZ2luYXRpb25TZXJ2aWNlLmN1cnJlbnRQYWdlICE9PSB0aGlzLmN1cnJlbnRQYWdlKSB7XHJcbiAgICAgIHRoaXMucGFnaW5hdGlvblNlcnZpY2UuY3VycmVudFBhZ2UgPSB0aGlzLmN1cnJlbnRQYWdlO1xyXG4gICAgICB0aGlzLnBhZ2luYXRpb25GaWx0ZXIuZW1pdCh0cnVlKTtcclxuICAgIH1cclxuXHJcbiAgICAvLyBJZiB0aGVyZSBhcmUgb25seSA2IHBhZ2VzIG9yIGxlc3MgaW4gdG90YWwsIGp1c3QgZGlzcGxheSBhbGwgcGFnZXMgd2l0aG91dCBcIi4uLlwiXHJcbiAgICBpZiAodG90YWxDb3VudCA8PSA2KSB7XHJcbiAgICAgIGZvciAobGV0IGkgPSAxOyBpIDw9IHRvdGFsQ291bnQ7IGkrKykge1xyXG4gICAgICAgIHRoaXMucGFnaW5hdGlvbkFycmF5LnB1c2goaSk7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICAgIC8vIEVMU0UgZGlzcGxheSB3aXRoIC4uLlxyXG4gICAgZWxzZSB7XHJcblxyXG4gICAgICAvLyBBbHdheXMgcHJpbnQgZmlyc3QgcGFnZSBidXR0b25cclxuICAgICAgdGhpcy5wYWdpbmF0aW9uQXJyYXkucHVzaCgxKTtcclxuXHJcbiAgICAgIC8vIFByaW50IFwiLi4uXCIgaWYgY3VycmVudFBhZ2UgaXMgPiAzXHJcbiAgICAgIGlmIChjdXJyZW50UGFnZSA+IDMpIHtcclxuICAgICAgICAvLyB0aGlzLnBhZ2luYXRpb25BcnJheS5wdXNoKDIpO1xyXG4gICAgICAgIHRoaXMucGFnaW5hdGlvbkFycmF5LnB1c2goJy4uLicpO1xyXG5cclxuICAgICAgfVxyXG4gICAgICAvLyBzcGVjaWFsIGNhc2Ugd2hlcmUgbGFzdCBwYWdlIGlzIHNlbGVjdGVkLi4uXHJcbiAgICAgIC8vIFdpdGhvdXQgdGhpcyBzcGVjaWFsIGNhc2UsIG9ubHkgMiBidXR0b25zIHdvdWxkIGJlIHNob3duIGFmdGVyIC4uLiBpZiB5b3Ugd2VyZSBvbiBsYXN0IHBhZ2VcclxuICAgICAgaWYgKGN1cnJlbnRQYWdlID09PSB0b3RhbENvdW50KSB7XHJcbiAgICAgICAgdGhpcy5wYWdpbmF0aW9uQXJyYXkucHVzaChjdXJyZW50UGFnZSAtIDIpO1xyXG4gICAgICB9XHJcblxyXG4gICAgICAvLyBQcmludCBwcmV2aW91cyBudW1iZXIgYnV0dG9uIGlmIGN1cnJlbnRQYWdlID4gMlxyXG4gICAgICBpZiAoY3VycmVudFBhZ2UgPiAyKSB7XHJcbiAgICAgICAgdGhpcy5wYWdpbmF0aW9uQXJyYXkucHVzaChjdXJyZW50UGFnZSAtIDEpO1xyXG4gICAgICB9XHJcblxyXG4gICAgICAvLyBQcmludCBjdXJyZW50IHBhZ2UgbnVtYmVyIGJ1dHRvbiBhcyBsb25nIGFzIGl0IG5vdCB0aGUgZmlyc3Qgb3IgbGFzdCBwYWdlXHJcbiAgICAgIGlmIChjdXJyZW50UGFnZSAhPT0gMSAmJiBjdXJyZW50UGFnZSAhPT0gdG90YWxDb3VudCkge1xyXG4gICAgICAgIHRoaXMucGFnaW5hdGlvbkFycmF5LnB1c2goY3VycmVudFBhZ2UpO1xyXG5cclxuICAgICAgfVxyXG5cclxuICAgICAgLy8gcHJpbnQgbmV4dCBwYWdlIG51bWJlciBidXR0b24gaWYgY3VycmVudFBhZ2UgPCBsYXN0UGFnZSAtIDFcclxuICAgICAgaWYgKGN1cnJlbnRQYWdlIDwgdG90YWxDb3VudCAtIDEpIHtcclxuICAgICAgICB0aGlzLnBhZ2luYXRpb25BcnJheS5wdXNoKGN1cnJlbnRQYWdlICsgMSk7XHJcblxyXG4gICAgICB9XHJcblxyXG4gICAgICAvLyBzcGVjaWFsIGNhc2Ugd2hlcmUgZmlyc3QgcGFnZSBpcyBzZWxlY3RlZC4uLlxyXG4gICAgICAvLyBXaXRob3V0IHRoaXMgc3BlY2lhbCBjYXNlLCBvbmx5IDIgYnV0dG9ucyB3b3VsZCBiZSBzaG93biBiZWZvcmUgLi4uIGlmIHlvdSB3ZXJlIG9uIGZpcnN0IHBhZ2VcclxuICAgICAgaWYgKGN1cnJlbnRQYWdlID09PSAxKSB7XHJcbiAgICAgICAgdGhpcy5wYWdpbmF0aW9uQXJyYXkucHVzaChjdXJyZW50UGFnZSArIDIpO1xyXG5cclxuICAgICAgfVxyXG5cclxuICAgICAgLy8gcHJpbnQgXCIuLi5cIiBpZiBjdXJyZW50UGFnZSBpcyA8IGxhc3RQYWdlIC0yXHJcbiAgICAgIGlmIChjdXJyZW50UGFnZSA8IHRvdGFsQ291bnQgLSAyKSB7XHJcbiAgICAgICAgdGhpcy5wYWdpbmF0aW9uQXJyYXkucHVzaCgnLi4uJyk7XHJcblxyXG4gICAgICAgIC8vIEhUTUwgKz0gXCIuLi5cIjtcclxuICAgICAgfVxyXG5cclxuICAgICAgLy8gQWx3YXlzIHByaW50IGxhc3QgcGFnZSBidXR0b24gaWYgdGhlcmUgaXMgbW9yZSB0aGFuIDEgcGFnZVxyXG4gICAgICBpZiAodG90YWxDb3VudCA+IDEpIHtcclxuICAgICAgICB0aGlzLnBhZ2luYXRpb25BcnJheS5wdXNoKHRvdGFsQ291bnQpO1xyXG5cclxuICAgICAgfVxyXG4gICAgfVxyXG5cclxuICB9XHJcbi8qIEluIHRoaXMgZnVuY3Rpb24gd2Ugd2lsbCBzZXQgY3VycmVudCBwYWdlIGFjY29yZGluZyB0byB0aGUgYWN0aW9uIHBlcmZvcm1lZCBvbiBicm93c2VyXHJcbiAgIGV4OiBwcmV2IG5leHQgYnV0dG9ucyBjbGlja3Mgb3Igc2VsZWN0aW5nIGEgcGFydGljdWxhciBwYWdlICovXHJcblxyXG4gIGNoYW5nZVBhZ2UocHJldjogc3RyaW5nLCBwYWdlOiBudW1iZXIsIG5leHQ6IHN0cmluZykge1xyXG4gICAgaWYgKHByZXYpIHtcclxuICAgICAgaWYgKHRoaXMuc3RhcnQgPiAxKSB7XHJcbiAgICAgICAgdGhpcy5zdGFydC0tO1xyXG4gICAgICAgIC8vIFdlIGhhdmUgY2hhbmdlZCB0aGUgc3RhcnQgcGFnZSwgdG90YWwgcmVidWlsZCB0aGUgcGFnaW5hdGlvblxyXG4gICAgICAgIHRoaXMucmVidWlsZFBhZ2luYXRpb24odGhpcy5zdGFydCwgdGhpcy50b3RhbENvdW50KTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gICAgaWYgKG5leHQpIHtcclxuICAgICAgaWYgKHRoaXMuc3RhcnQgPCB0aGlzLnRvdGFsQ291bnQpIHtcclxuICAgICAgICB0aGlzLnN0YXJ0Kys7XHJcbiAgICAgICAgdGhpcy5yZWJ1aWxkUGFnaW5hdGlvbih0aGlzLnN0YXJ0LCB0aGlzLnRvdGFsQ291bnQpO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgICBpZiAocGFnZSkge1xyXG4gICAgICB0aGlzLnN0YXJ0ID0gcGFnZTtcclxuICAgICAgdGhpcy5yZWJ1aWxkUGFnaW5hdGlvbih0aGlzLnN0YXJ0LCB0aGlzLnRvdGFsQ291bnQpO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwicGFnaW5hdGlvbi1ib3hcIj5cclxuICAgIDx1bD5cclxuICAgICAgICA8bGk+PGJ1dHRvbiBbY2xhc3MuZGlzYWJsZWRdPVwiY3VycmVudFBhZ2U9PTFcIiAoY2xpY2spPVwiY2hhbmdlUGFnZSgncHJldicsMCwnJylcIj48aSBjbGFzcz1cImljb25zIHZ4LWZzLTEwXCI+JiN4ZTk2Yjs8L2k+PC9idXR0b24+PC9saT5cclxuICAgICAgICA8bGkgKm5nRm9yPVwibGV0IHBhZ2Ugb2YgcGFnaW5hdGlvbkFycmF5XCI+XHJcbiAgICAgICAgICAgIDxidXR0b24gW2Rpc2FibGVkXT1cInBhZ2U9PScuLi4nXCIgW2NsYXNzLmRpc2FibGVdPVwicGFnZT09Jy4uLidcIiBbY2xhc3MuYWN0aXZlXT1cImN1cnJlbnRQYWdlPT1wYWdlXCIgKGNsaWNrKT1cImNoYW5nZVBhZ2UoJycscGFnZSwnJylcIj5cclxuICAgICAgICAgICAgICAgIDxpICpuZ0lmPVwicGFnZT09Jy4uLidcIiBjbGFzcz1cImljb25zXCI+JiN4ZTkxMTs8L2k+e3twYWdlIT0nLi4uJz9wYWdlIDogJyd9fVxyXG4gICAgICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICA8L2xpPlxyXG4gICAgICAgIDxsaT48YnV0dG9uIFtjbGFzcy5kaXNhYmxlZF09XCJjdXJyZW50UGFnZT09dG90YWxDb3VudFwiIChjbGljayk9XCJjaGFuZ2VQYWdlKCcnLDAsJ25leHQnKVwiPjxpIGNsYXNzPVwiaWNvbnMgdngtZnMtMTBcIj4mI3hlOTcwOzwvaT48L2J1dHRvbj48L2xpPlxyXG4gICAgPC91bD5cclxuPC9kaXY+Il19
|
|
@@ -1,133 +0,0 @@
|
|
|
1
|
-
import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "./popover.service";
|
|
4
|
-
import * as i2 from "@angular/common";
|
|
5
|
-
export class PopoverComponent {
|
|
6
|
-
constructor(popoverService) {
|
|
7
|
-
this.popoverService = popoverService;
|
|
8
|
-
this.dontCloseonClick = false;
|
|
9
|
-
this.popoverContainer = false;
|
|
10
|
-
this.closedOnOverlay = new EventEmitter();
|
|
11
|
-
this.showPopover = false;
|
|
12
|
-
}
|
|
13
|
-
ngOnInit() { }
|
|
14
|
-
popover() {
|
|
15
|
-
this.popoverContainer = false;
|
|
16
|
-
this.popoverContainer = true;
|
|
17
|
-
setTimeout(() => {
|
|
18
|
-
this.getPosition();
|
|
19
|
-
this.showPopover = true;
|
|
20
|
-
this.popoverService.stopScroll = true;
|
|
21
|
-
// document.body.style.overflow = 'hidden';
|
|
22
|
-
}, 10);
|
|
23
|
-
return false;
|
|
24
|
-
}
|
|
25
|
-
popoverEvent() {
|
|
26
|
-
this.popoverContainer = false;
|
|
27
|
-
this.popoverContainer = true;
|
|
28
|
-
setTimeout(() => {
|
|
29
|
-
// this.getPosition();
|
|
30
|
-
this.positionX = this.popoverService.positionX;
|
|
31
|
-
this.positionY = this.popoverService.positionY;
|
|
32
|
-
this.showPopover = true;
|
|
33
|
-
this.popoverService.stopScroll = true;
|
|
34
|
-
}, 10);
|
|
35
|
-
return false;
|
|
36
|
-
}
|
|
37
|
-
closePopover(top) {
|
|
38
|
-
if (!this.dontCloseonClick || top === 'top') {
|
|
39
|
-
this.popoverContainer = false;
|
|
40
|
-
this.showPopover = false;
|
|
41
|
-
this.popoverService.stopScroll = false;
|
|
42
|
-
// document.body.style.overflow = 'auto';
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
close() {
|
|
46
|
-
this.popoverContainer = false;
|
|
47
|
-
this.showPopover = false;
|
|
48
|
-
this.popoverService.stopScroll = false;
|
|
49
|
-
}
|
|
50
|
-
clickedPopover() {
|
|
51
|
-
this.getPosition();
|
|
52
|
-
}
|
|
53
|
-
getPosition() {
|
|
54
|
-
// setTimeout(() => {
|
|
55
|
-
const elementPositionn = this.popoverService.elementPosition;
|
|
56
|
-
this.popoverHeight = this.popoverRatio.nativeElement.offsetHeight;
|
|
57
|
-
this.popoverWidth = this.popoverRatio.nativeElement.offsetWidth;
|
|
58
|
-
if (this.popoverService.elementDirection === 'left') {
|
|
59
|
-
this.leftValue = elementPositionn.left;
|
|
60
|
-
if (elementPositionn.top + elementPositionn.height + this.popoverHeight > window.outerHeight - 200) {
|
|
61
|
-
this.topValue = elementPositionn.top - this.popoverHeight;
|
|
62
|
-
}
|
|
63
|
-
else {
|
|
64
|
-
this.topValue = elementPositionn.top + elementPositionn.height;
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
if (this.popoverService.elementDirection === 'right') {
|
|
68
|
-
this.leftValue = elementPositionn.left + elementPositionn.width - this.popoverWidth;
|
|
69
|
-
if (elementPositionn.top + elementPositionn.height + this.popoverHeight > window.outerHeight - 200) {
|
|
70
|
-
this.topValue = elementPositionn.top - this.popoverHeight;
|
|
71
|
-
}
|
|
72
|
-
else {
|
|
73
|
-
this.topValue = elementPositionn.top + elementPositionn.height;
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
if (this.popoverService.elementDirection === 'top') {
|
|
77
|
-
this.leftValue = elementPositionn.left + elementPositionn.width;
|
|
78
|
-
if (elementPositionn.top + elementPositionn.height + this.popoverHeight > window.outerHeight - 200) {
|
|
79
|
-
this.topValue = elementPositionn.top - this.popoverHeight;
|
|
80
|
-
}
|
|
81
|
-
else {
|
|
82
|
-
this.topValue = elementPositionn.top - this.popoverHeight;
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
if (this.popoverService.elementDirection === 'bottom') {
|
|
86
|
-
this.leftValue = elementPositionn.left + elementPositionn.width;
|
|
87
|
-
if (elementPositionn.top + elementPositionn.height + this.popoverHeight > window.outerHeight - 200) {
|
|
88
|
-
this.topValue = elementPositionn.top - this.popoverHeight;
|
|
89
|
-
}
|
|
90
|
-
else {
|
|
91
|
-
this.topValue = elementPositionn.top + elementPositionn.height;
|
|
92
|
-
}
|
|
93
|
-
}
|
|
94
|
-
if (this.popoverService.elementDirection === 'self-position') {
|
|
95
|
-
this.leftValue = elementPositionn.left + elementPositionn.width / 2 - this.popoverWidth / 2;
|
|
96
|
-
this.topValue = elementPositionn.top - 15;
|
|
97
|
-
}
|
|
98
|
-
if (this.popoverService.elementDirection === 'top-center') {
|
|
99
|
-
this.leftValue = elementPositionn.left + elementPositionn.width / 2 - this.popoverWidth / 2;
|
|
100
|
-
// this.topValue = elementPositionn.top - this.popoverHeight;
|
|
101
|
-
if (elementPositionn.top + elementPositionn.height + this.popoverHeight > window.outerHeight) {
|
|
102
|
-
this.topValue = elementPositionn.top + elementPositionn.height;
|
|
103
|
-
}
|
|
104
|
-
else {
|
|
105
|
-
this.topValue = elementPositionn.top - this.popoverHeight;
|
|
106
|
-
}
|
|
107
|
-
}
|
|
108
|
-
if (this.popoverService.elementDirection === 'center') {
|
|
109
|
-
this.leftValue = elementPositionn.left + elementPositionn.width / 2 - this.popoverWidth / 2;
|
|
110
|
-
this.topValue = elementPositionn.top + elementPositionn.height;
|
|
111
|
-
}
|
|
112
|
-
this.positionX = this.leftValue;
|
|
113
|
-
this.positionY = this.topValue;
|
|
114
|
-
// }, 10);
|
|
115
|
-
}
|
|
116
|
-
}
|
|
117
|
-
PopoverComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PopoverComponent, deps: [{ token: i1.PopoverService }], target: i0.ɵɵFactoryTarget.Component });
|
|
118
|
-
PopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PopoverComponent, selector: "app-popover", inputs: { dontCloseonClick: "dontCloseonClick" }, outputs: { closedOnOverlay: "closedOnOverlay" }, viewQueries: [{ propertyName: "popoverRatio", first: true, predicate: ["popoverRatio"], descendants: true }, { propertyName: "popoverContent", first: true, predicate: ["popoverContent"], descendants: true }], ngImport: i0, template: "<div class=\"popover-overlay\" *ngIf=\"popoverContainer\" (click)=\"closePopover('top');this.closedOnOverlay.emit();\"></div>\r\n<div class=\"action\" [class.active]=\"showPopover\" *ngIf=\"popoverContainer\" [style.top.px]=\"positionY\" [style.left.px]=\"positionX\" #popoverRatio id=\"popoverRatio\">\r\n <div (click)=\"closePopover(); clickedPopover()\" #popoverContent>\r\n <ng-content></ng-content>\r\n </div>\r\n</div>\r\n", styles: [".action{position:fixed;z-index:13;display:inline-block;opacity:0}.action.active{opacity:1}.popover-overlay{z-index:12;cursor:initial;position:fixed;inset:0}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
119
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PopoverComponent, decorators: [{
|
|
120
|
-
type: Component,
|
|
121
|
-
args: [{ selector: 'app-popover', template: "<div class=\"popover-overlay\" *ngIf=\"popoverContainer\" (click)=\"closePopover('top');this.closedOnOverlay.emit();\"></div>\r\n<div class=\"action\" [class.active]=\"showPopover\" *ngIf=\"popoverContainer\" [style.top.px]=\"positionY\" [style.left.px]=\"positionX\" #popoverRatio id=\"popoverRatio\">\r\n <div (click)=\"closePopover(); clickedPopover()\" #popoverContent>\r\n <ng-content></ng-content>\r\n </div>\r\n</div>\r\n", styles: [".action{position:fixed;z-index:13;display:inline-block;opacity:0}.action.active{opacity:1}.popover-overlay{z-index:12;cursor:initial;position:fixed;inset:0}\n"] }]
|
|
122
|
-
}], ctorParameters: function () { return [{ type: i1.PopoverService }]; }, propDecorators: { dontCloseonClick: [{
|
|
123
|
-
type: Input
|
|
124
|
-
}], popoverRatio: [{
|
|
125
|
-
type: ViewChild,
|
|
126
|
-
args: ['popoverRatio']
|
|
127
|
-
}], popoverContent: [{
|
|
128
|
-
type: ViewChild,
|
|
129
|
-
args: ['popoverContent']
|
|
130
|
-
}], closedOnOverlay: [{
|
|
131
|
-
type: Output
|
|
132
|
-
}] } });
|
|
133
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wb3Zlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jcmVhdGUtZGFzaGJvYXJkL3NyYy9saWIvdWkta2l0L3BvcG92ZXIvcG9wb3Zlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jcmVhdGUtZGFzaGJvYXJkL3NyYy9saWIvdWkta2l0L3BvcG92ZXIvcG9wb3Zlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFjLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVF0RyxNQUFNLE9BQU8sZ0JBQWdCO0lBTTNCLFlBQW1CLGNBQThCO1FBQTlCLG1CQUFjLEdBQWQsY0FBYyxDQUFnQjtRQUx4QyxxQkFBZ0IsR0FBRyxLQUFLLENBQUM7UUFDbEMscUJBQWdCLEdBQUcsS0FBSyxDQUFDO1FBR2Ysb0JBQWUsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBRS9DLGdCQUFXLEdBQUcsS0FBSyxDQUFDO0lBRGdDLENBQUM7SUFRckQsUUFBUSxLQUFVLENBQUM7SUFDbkIsT0FBTztRQUNMLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxLQUFLLENBQUM7UUFDOUIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQztRQUM3QixVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1lBQ25CLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDO1lBQ3hCLElBQUksQ0FBQyxjQUFjLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQztZQUN0QywyQ0FBMkM7UUFDN0MsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQ1AsT0FBTyxLQUFLLENBQUM7SUFDZixDQUFDO0lBQ0QsWUFBWTtRQUNWLElBQUksQ0FB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NUIsU0FBUzsrQkFDRSxhQUFhO3FHQUtkLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFFcUIsWUFBWTtzQkFBdEMsU0FBUzt1QkFBQyxjQUFjO2dCQUNJLGNBQWM7c0JBQTFDLFNBQVM7dUJBQUMsZ0JBQWdCO2dCQUNqQixlQUFlO3NCQUF4QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFBvcG92ZXJTZXJ2aWNlIH0gZnJvbSAnLi9wb3BvdmVyLnNlcnZpY2UnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtcG9wb3ZlcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3BvcG92ZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3BvcG92ZXIuY29tcG9uZW50Lmxlc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFBvcG92ZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIGRvbnRDbG9zZW9uQ2xpY2sgPSBmYWxzZTtcclxuICBwb3BvdmVyQ29udGFpbmVyID0gZmFsc2U7XHJcbiAgQFZpZXdDaGlsZCgncG9wb3ZlclJhdGlvJykgcG9wb3ZlclJhdGlvITogRWxlbWVudFJlZjtcclxuICBAVmlld0NoaWxkKCdwb3BvdmVyQ29udGVudCcpIHBvcG92ZXJDb250ZW50ITogRWxlbWVudFJlZjtcclxuICBAT3V0cHV0KCkgY2xvc2VkT25PdmVybGF5ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBwb3BvdmVyU2VydmljZTogUG9wb3ZlclNlcnZpY2UpIHt9XHJcbiAgc2hvd1BvcG92ZXIgPSBmYWxzZTtcclxuICBsZWZ0VmFsdWU6IGFueTtcclxuICB0b3BWYWx1ZTogYW55O1xyXG4gIHBvcG92ZXJIZWlnaHQ6IGFueTtcclxuICBwb3BvdmVyV2lkdGg6IGFueTtcclxuICBwb3NpdGlvblghOiBudW1iZXI7XHJcbiAgcG9zaXRpb25ZITogbnVtYmVyO1xyXG4gIG5nT25Jbml0KCk6IHZvaWQge31cclxuICBwb3BvdmVyKCkge1xyXG4gICAgdGhpcy5wb3BvdmVyQ29udGFpbmVyID0gZmFsc2U7XHJcbiAgICB0aGlzLnBvcG92ZXJDb250YWluZXIgPSB0cnVlO1xyXG4gICAgc2V0VGltZW91dCgoKSA9PiB7XHJcbiAgICAgIHRoaXMuZ2V0UG9zaXRpb24oKTtcclxuICAgICAgdGhpcy5zaG93UG9wb3ZlciA9IHRydWU7XHJcbiAgICAgIHRoaXMucG9wb3ZlclNlcnZpY2Uuc3RvcFNjcm9sbCA9IHRydWU7XHJcbiAgICAgIC8vIGRvY3VtZW50LmJvZHkuc3R5bGUub3ZlcmZsb3cgPSAnaGlkZGVuJztcclxuICAgIH0sIDEwKTtcclxuICAgIHJldHVybiBmYWxzZTtcclxuICB9XHJcbiAgcG9wb3ZlckV2ZW50KCkge1xyXG4gICAgdGhpcy5wb3BvdmVyQ29udGFpbmVyID0gZmFsc2U7XHJcbiAgICB0aGlzLnBvcG92ZXJDb250YWluZXIgPSB0cnVlO1xyXG4gICAgc2V0VGltZW91dCgoKSA9PiB7XHJcbiAgICAgIC8vIHRoaXMuZ2V0UG9zaXRpb24oKTtcclxuICAgICAgdGhpcy5wb3NpdGlvblggPSB0aGlzLnBvcG92ZXJTZXJ2aWNlLnBvc2l0aW9uWDtcclxuICAgICAgdGhpcy5wb3NpdGlvblkgPSB0aGlzLnBvcG92ZXJTZXJ2aWNlLnBvc2l0aW9uWTtcclxuICAgICAgdGhpcy5zaG93UG9wb3ZlciA9IHRydWU7XHJcbiAgICAgIHRoaXMucG9wb3ZlclNlcnZpY2Uuc3RvcFNjcm9sbCA9IHRydWU7XHJcblxyXG4gICAgfSwgMTApO1xyXG4gICAgcmV0dXJuIGZhbHNlO1xyXG4gIH1cclxuICBjbG9zZVBvcG92ZXIodG9wPzogc3RyaW5nKSB7XHJcbiAgICBpZiAoIXRoaXMuZG9udENsb3Nlb25DbGljayB8fCB0b3AgPT09ICd0b3AnKSB7XHJcbiAgICAgIHRoaXMucG9wb3ZlckNvbnRhaW5lciA9IGZhbHNlO1xyXG4gICAgICB0aGlzLnNob3dQb3BvdmVyID0gZmFsc2U7XHJcbiAgICAgIHRoaXMucG9wb3ZlclNlcnZpY2Uuc3RvcFNjcm9sbCA9IGZhbHNlO1xyXG4gICAgICAvLyBkb2N1bWVudC5ib2R5LnN0eWxlLm92ZXJmbG93ID0gJ2F1dG8nO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgY2xvc2UoKXtcclxuICAgIHRoaXMucG9wb3ZlckNvbnRhaW5lciA9IGZhbHNlO1xyXG4gICAgdGhpcy5zaG93UG9wb3ZlciA9IGZhbHNlO1xyXG4gICAgdGhpcy5wb3BvdmVyU2VydmljZS5zdG9wU2Nyb2xsID0gZmFsc2U7XHJcbiAgfVxyXG5cclxuICBjbGlja2VkUG9wb3ZlcigpIHtcclxuICAgIHRoaXMuZ2V0UG9zaXRpb24oKTtcclxuICB9XHJcbiAgZ2V0UG9zaXRpb24oKSB7XHJcbiAgICAvLyBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgIGNvbnN0IGVsZW1lbnRQb3NpdGlvbm4gPSB0aGlzLnBvcG92ZXJTZXJ2aWNlLmVsZW1lbnRQb3NpdGlvbjtcclxuICAgIHRoaXMucG9wb3ZlckhlaWdodCA9IHRoaXMucG9wb3ZlclJhdGlvLm5hdGl2ZUVsZW1lbnQub2Zmc2V0SGVpZ2h0O1xyXG4gICAgdGhpcy5wb3BvdmVyV2lkdGggPSB0aGlzLnBvcG92ZXJSYXRpby5uYXRpdmVFbGVtZW50Lm9mZnNldFdpZHRoO1xyXG4gICAgaWYgKHRoaXMucG9wb3ZlclNlcnZpY2UuZWxlbWVudERpcmVjdGlvbiA9PT0gJ2xlZnQnKSB7XHJcbiAgICAgIHRoaXMubGVmdFZhbHVlID0gZWxlbWVudFBvc2l0aW9ubi5sZWZ0O1xyXG4gICAgICBpZiAoZWxlbWVudFBvc2l0aW9ubi50b3AgKyBlbGVtZW50UG9zaXRpb25uLmhlaWdodCArIHRoaXMucG9wb3ZlckhlaWdodCA+IHdpbmRvdy5vdXRlckhlaWdodCAtIDIwMCkge1xyXG4gICAgICAgIHRoaXMudG9wVmFsdWUgPSBlbGVtZW50UG9zaXRpb25uLnRvcCAtIHRoaXMucG9wb3ZlckhlaWdodDtcclxuICAgICAgfSBlbHNlIHtcclxuICAgICAgICB0aGlzLnRvcFZhbHVlID0gZWxlbWVudFBvc2l0aW9ubi50b3AgKyBlbGVtZW50UG9zaXRpb25uLmhlaWdodDtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gICAgaWYgKHRoaXMucG9wb3ZlclNlcnZpY2UuZWxlbWVudERpcmVjdGlvbiA9PT0gJ3JpZ2h0Jykge1xyXG4gICAgICB0aGlzLmxlZnRWYWx1ZSA9IGVsZW1lbnRQb3NpdGlvbm4ubGVmdCArIGVsZW1lbnRQb3NpdGlvbm4ud2lkdGggLSB0aGlzLnBvcG92ZXJXaWR0aDtcclxuICAgICAgaWYgKGVsZW1lbnRQb3NpdGlvbm4udG9wICsgZWxlbWVudFBvc2l0aW9ubi5oZWlnaHQgKyB0aGlzLnBvcG92ZXJIZWlnaHQgPiB3aW5kb3cub3V0ZXJIZWlnaHQgLSAyMDApIHtcclxuICAgICAgICB0aGlzLnRvcFZhbHVlID0gZWxlbWVudFBvc2l0aW9ubi50b3AgLSB0aGlzLnBvcG92ZXJIZWlnaHQ7XHJcbiAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgdGhpcy50b3BWYWx1ZSA9IGVsZW1lbnRQb3NpdGlvbm4udG9wICsgZWxlbWVudFBvc2l0aW9ubi5oZWlnaHQ7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICAgIGlmICh0aGlzLnBvcG92ZXJTZXJ2aWNlLmVsZW1lbnREaXJlY3Rpb24gPT09ICd0b3AnKSB7XHJcbiAgICAgIHRoaXMubGVmdFZhbHVlID0gZWxlbWVudFBvc2l0aW9ubi5sZWZ0ICsgZWxlbWVudFBvc2l0aW9ubi53aWR0aDtcclxuICAgICAgaWYgKGVsZW1lbnRQb3NpdGlvbm4udG9wICsgZWxlbWVudFBvc2l0aW9ubi5oZWlnaHQgKyB0aGlzLnBvcG92ZXJIZWlnaHQgPiB3aW5kb3cub3V0ZXJIZWlnaHQgLSAyMDApIHtcclxuICAgICAgICB0aGlzLnRvcFZhbHVlID0gZWxlbWVudFBvc2l0aW9ubi50b3AgLSB0aGlzLnBvcG92ZXJIZWlnaHQ7XHJcbiAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgdGhpcy50b3BWYWx1ZSA9IGVsZW1lbnRQb3NpdGlvbm4udG9wIC0gdGhpcy5wb3BvdmVySGVpZ2h0O1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgICBpZiAodGhpcy5wb3BvdmVyU2VydmljZS5lbGVtZW50RGlyZWN0aW9uID09PSAnYm90dG9tJykge1xyXG4gICAgICB0aGlzLmxlZnRWYWx1ZSA9IGVsZW1lbnRQb3NpdGlvbm4ubGVmdCArIGVsZW1lbnRQb3NpdGlvbm4ud2lkdGg7XHJcbiAgICAgIGlmIChlbGVtZW50UG9zaXRpb25uLnRvcCArIGVsZW1lbnRQb3NpdGlvbm4uaGVpZ2h0ICsgdGhpcy5wb3BvdmVySGVpZ2h0ID4gd2luZG93Lm91dGVySGVpZ2h0IC0gMjAwKSB7XHJcbiAgICAgICAgdGhpcy50b3BWYWx1ZSA9IGVsZW1lbnRQb3NpdGlvbm4udG9wIC0gdGhpcy5wb3BvdmVySGVpZ2h0O1xyXG4gICAgICB9IGVsc2Uge1xyXG4gICAgICAgIHRoaXMudG9wVmFsdWUgPSBlbGVtZW50UG9zaXRpb25uLnRvcCArIGVsZW1lbnRQb3NpdGlvbm4uaGVpZ2h0O1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgICBpZiAodGhpcy5wb3BvdmVyU2VydmljZS5lbGVtZW50RGlyZWN0aW9uID09PSAnc2VsZi1wb3NpdGlvbicpIHtcclxuICAgICAgdGhpcy5sZWZ0VmFsdWUgPSBlbGVtZW50UG9zaXRpb25uLmxlZnQgKyBlbGVtZW50UG9zaXRpb25uLndpZHRoIC8gMiAtIHRoaXMucG9wb3ZlcldpZHRoIC8gMjtcclxuICAgICAgdGhpcy50b3BWYWx1ZSA9IGVsZW1lbnRQb3NpdGlvbm4udG9wIC0gMTU7XHJcbiAgICB9XHJcbiAgICBpZiAodGhpcy5wb3BvdmVyU2VydmljZS5lbGVtZW50RGlyZWN0aW9uID09PSAndG9wLWNlbnRlcicpIHtcclxuICAgICAgdGhpcy5sZWZ0VmFsdWUgPSBlbGVtZW50UG9zaXRpb25uLmxlZnQgKyBlbGVtZW50UG9zaXRpb25uLndpZHRoIC8gMiAtIHRoaXMucG9wb3ZlcldpZHRoIC8gMjtcclxuICAgICAgLy8gdGhpcy50b3BWYWx1ZSA9IGVsZW1lbnRQb3NpdGlvbm4udG9wIC0gdGhpcy5wb3BvdmVySGVpZ2h0O1xyXG4gICAgICBpZiAoZWxlbWVudFBvc2l0aW9ubi50b3AgKyBlbGVtZW50UG9zaXRpb25uLmhlaWdodCArIHRoaXMucG9wb3ZlckhlaWdodCA+IHdpbmRvdy5vdXRlckhlaWdodCkge1xyXG4gICAgICAgIHRoaXMudG9wVmFsdWUgPSBlbGVtZW50UG9zaXRpb25uLnRvcCArIGVsZW1lbnRQb3NpdGlvbm4uaGVpZ2h0O1xyXG4gICAgICB9IGVsc2Uge1xyXG4gICAgICAgIHRoaXMudG9wVmFsdWUgPSBlbGVtZW50UG9zaXRpb25uLnRvcCAtIHRoaXMucG9wb3ZlckhlaWdodDtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gICAgaWYgKHRoaXMucG9wb3ZlclNlcnZpY2UuZWxlbWVudERpcmVjdGlvbiA9PT0gJ2NlbnRlcicpIHtcclxuICAgICAgdGhpcy5sZWZ0VmFsdWUgPSBlbGVtZW50UG9zaXRpb25uLmxlZnQgKyBlbGVtZW50UG9zaXRpb25uLndpZHRoIC8gMiAtIHRoaXMucG9wb3ZlcldpZHRoIC8gMjtcclxuICAgICAgdGhpcy50b3BWYWx1ZSA9IGVsZW1lbnRQb3NpdGlvbm4udG9wICsgZWxlbWVudFBvc2l0aW9ubi5oZWlnaHQ7XHJcbiAgICB9XHJcbiAgICB0aGlzLnBvc2l0aW9uWCA9IHRoaXMubGVmdFZhbHVlO1xyXG4gICAgdGhpcy5wb3NpdGlvblkgPSB0aGlzLnRvcFZhbHVlO1xyXG4gICAgLy8gfSwgMTApO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwicG9wb3Zlci1vdmVybGF5XCIgKm5nSWY9XCJwb3BvdmVyQ29udGFpbmVyXCIgKGNsaWNrKT1cImNsb3NlUG9wb3ZlcigndG9wJyk7dGhpcy5jbG9zZWRPbk92ZXJsYXkuZW1pdCgpO1wiPjwvZGl2PlxyXG48ZGl2IGNsYXNzPVwiYWN0aW9uXCIgW2NsYXNzLmFjdGl2ZV09XCJzaG93UG9wb3ZlclwiICpuZ0lmPVwicG9wb3ZlckNvbnRhaW5lclwiIFtzdHlsZS50b3AucHhdPVwicG9zaXRpb25ZXCIgW3N0eWxlLmxlZnQucHhdPVwicG9zaXRpb25YXCIgI3BvcG92ZXJSYXRpbyBpZD1cInBvcG92ZXJSYXRpb1wiPlxyXG4gIDxkaXYgKGNsaWNrKT1cImNsb3NlUG9wb3ZlcigpOyBjbGlja2VkUG9wb3ZlcigpXCIgI3BvcG92ZXJDb250ZW50PlxyXG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19
|