imm-element-ui 0.1.0 → 0.1.2
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/import/import.component.mjs +19 -15
- package/esm2022/lib/page-form/page-form.component.mjs +48 -8
- package/esm2022/lib/page-grid-list/page-grid-list.component.mjs +3 -3
- package/esm2022/lib/search/pop-select/pop-select.component.mjs +34 -11
- package/esm2022/lib/steps/steps.component.mjs +8 -4
- package/fesm2022/imm-element-ui.mjs +103 -37
- package/fesm2022/imm-element-ui.mjs.map +1 -1
- package/lib/grid/grid/grid.component.d.ts +1 -1
- package/lib/import/import.component.d.ts +5 -4
- package/lib/page-form/page-form.component.d.ts +3 -0
- package/lib/search/pop-select/pop-select.component.d.ts +2 -0
- package/lib/service/themeConfig.service.d.ts +1 -1
- package/lib/steps/steps.component.d.ts +2 -1
- package/package.json +1 -1
- package/src/lib/import/import.component.scss +4 -4
- package/src/lib/search/pop-select/pop-select.component.scss +7 -3
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
import { Component, effect, input, untracked } from '@angular/core';
|
|
2
2
|
import { Popover } from 'primeng/popover';
|
|
3
|
+
import { CheckboxModule } from 'primeng/checkbox';
|
|
4
|
+
import { FormsModule } from '@angular/forms';
|
|
3
5
|
import * as i0 from "@angular/core";
|
|
4
6
|
import * as i1 from "../../service/action.service";
|
|
7
|
+
import * as i2 from "primeng/checkbox";
|
|
8
|
+
import * as i3 from "@angular/forms";
|
|
5
9
|
export class PopSelectComponent {
|
|
6
10
|
constructor(action) {
|
|
7
11
|
this.action = action;
|
|
@@ -23,23 +27,42 @@ export class PopSelectComponent {
|
|
|
23
27
|
this.item().options = options;
|
|
24
28
|
});
|
|
25
29
|
}, { allowSignalWrites: true });
|
|
30
|
+
effect(() => {
|
|
31
|
+
const searchClear = this.action.getSearchClear();
|
|
32
|
+
if (searchClear != this.item()?.field)
|
|
33
|
+
return;
|
|
34
|
+
this.item()?.options?.forEach((option) => {
|
|
35
|
+
option.checked = false;
|
|
36
|
+
});
|
|
37
|
+
});
|
|
26
38
|
}
|
|
27
39
|
onOptionClick(option, item, selectOp) {
|
|
28
|
-
item
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
40
|
+
if (this.item()?.multiple) {
|
|
41
|
+
this.onMultipleOptionClick(option);
|
|
42
|
+
}
|
|
43
|
+
else {
|
|
44
|
+
this.onSingleOptionClick(option, item, selectOp);
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
onSingleOptionClick(option, item, selectOp) {
|
|
48
|
+
this.item().value = option.key;
|
|
49
|
+
this.item().operator = 'equals';
|
|
50
|
+
this.action.setSearchItem(this.item());
|
|
36
51
|
selectOp.hide();
|
|
37
52
|
}
|
|
53
|
+
onMultipleOptionClick(option) {
|
|
54
|
+
option.checked = !option.checked;
|
|
55
|
+
this.item().value = this.item()
|
|
56
|
+
?.options?.filter((op) => op.checked)
|
|
57
|
+
.map((node) => node.key);
|
|
58
|
+
this.item().operator = 'in';
|
|
59
|
+
this.action.setSearchItem(this.item());
|
|
60
|
+
}
|
|
38
61
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PopSelectComponent, deps: [{ token: i1.ActionService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
39
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: PopSelectComponent, isStandalone: true, selector: "pop-select", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: false, transformFunction: null }, modelName: { classPropertyName: "modelName", publicName: "modelName", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"s-pop-select-container\">\r\n\t<div\r\n\t\tclass=\"s-pop-select-label\"\r\n\t\t(click)=\"selectOp.toggle($event)\">\r\n\t\t<div>{{ item()?.label }}</div>\r\n\t\t<span class=\"s-pop-select-label-icon pi pi-chevron-down\"></span>\r\n\t</div>\r\n</div>\r\n<p-popover #selectOp>\r\n\t<div class=\"w-[215px]\">\r\n\t\t@for (option of item()?.options; track option) {\r\n\t\t\t<div\r\n\t\t\t\tclass=\"s-pop-select-panel-item-option\"\r\n\t\t\t\t(click)=\"onOptionClick(option, item()!, selectOp)\">\r\n\t\t\t\t{{ option.label }}
|
|
62
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: PopSelectComponent, isStandalone: true, selector: "pop-select", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: false, transformFunction: null }, modelName: { classPropertyName: "modelName", publicName: "modelName", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"s-pop-select-container\">\r\n\t<div\r\n\t\tclass=\"s-pop-select-label\"\r\n\t\t(click)=\"selectOp.toggle($event)\">\r\n\t\t<div>{{ item()?.label }}</div>\r\n\t\t<span class=\"s-pop-select-label-icon pi pi-chevron-down\"></span>\r\n\t</div>\r\n</div>\r\n<p-popover #selectOp>\r\n\t<div class=\"w-[215px] s-pop-select-content\">\r\n\t\t@for (option of item()?.options; track option) {\r\n\t\t\t<div\r\n\t\t\t\tstyle=\"user-select: none\"\r\n\t\t\t\tclass=\"w-full s-pop-select-panel-item-option flex items-center\"\r\n\t\t\t\t(click)=\"onOptionClick(option, item()!, selectOp)\">\r\n\t\t\t\t@if (item()?.multiple) {\r\n\t\t\t\t\t<span class=\"pb-1 mr-2\">\r\n\t\t\t\t\t\t<p-checkbox\r\n\t\t\t\t\t\t\t[(ngModel)]=\"option.checked\"\r\n\t\t\t\t\t\t\t[binary]=\"true\" />\r\n\t\t\t\t\t</span>\r\n\t\t\t\t}\r\n\t\t\t\t<span style=\"user-select: none\">{{ option.label }}</span>\r\n\t\t\t</div>\r\n\t\t}\r\n\t</div>\r\n</p-popover>\r\n", styles: [".s-pop-select-container{padding:5px 0;border-bottom:solid 1px #d6d8db;position:relative}.s-pop-select-label{padding:2.5px 1.6rem;display:flex;justify-content:space-between;align-items:center;font-size:14px}.s-pop-select-label-icon{color:var(--p-form-field-icon-color);font-size:12px}.s-pop-select-label:hover{background-color:var(--p-list-option-focus-background);cursor:pointer}.s-pop-select-panel-item-option{font-size:14px;padding:2px 1rem}.s-pop-select-panel-item-option:hover{background-color:var(--p-list-option-focus-background);border-radius:6px;cursor:pointer}.s-pop-select-content{max-height:300px;overflow-y:scroll}\n"], dependencies: [{ kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i2.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["value", "name", "disabled", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "inputStyle", "styleClass", "inputClass", "indeterminate", "size", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: Popover, selector: "p-popover", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "showCloseIcon", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }] }); }
|
|
40
63
|
}
|
|
41
64
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PopSelectComponent, decorators: [{
|
|
42
65
|
type: Component,
|
|
43
|
-
args: [{ selector: 'pop-select', standalone: true, imports: [Popover], template: "<div class=\"s-pop-select-container\">\r\n\t<div\r\n\t\tclass=\"s-pop-select-label\"\r\n\t\t(click)=\"selectOp.toggle($event)\">\r\n\t\t<div>{{ item()?.label }}</div>\r\n\t\t<span class=\"s-pop-select-label-icon pi pi-chevron-down\"></span>\r\n\t</div>\r\n</div>\r\n<p-popover #selectOp>\r\n\t<div class=\"w-[215px]\">\r\n\t\t@for (option of item()?.options; track option) {\r\n\t\t\t<div\r\n\t\t\t\tclass=\"s-pop-select-panel-item-option\"\r\n\t\t\t\t(click)=\"onOptionClick(option, item()!, selectOp)\">\r\n\t\t\t\t{{ option.label }}
|
|
66
|
+
args: [{ selector: 'pop-select', standalone: true, imports: [CheckboxModule, FormsModule, Popover], template: "<div class=\"s-pop-select-container\">\r\n\t<div\r\n\t\tclass=\"s-pop-select-label\"\r\n\t\t(click)=\"selectOp.toggle($event)\">\r\n\t\t<div>{{ item()?.label }}</div>\r\n\t\t<span class=\"s-pop-select-label-icon pi pi-chevron-down\"></span>\r\n\t</div>\r\n</div>\r\n<p-popover #selectOp>\r\n\t<div class=\"w-[215px] s-pop-select-content\">\r\n\t\t@for (option of item()?.options; track option) {\r\n\t\t\t<div\r\n\t\t\t\tstyle=\"user-select: none\"\r\n\t\t\t\tclass=\"w-full s-pop-select-panel-item-option flex items-center\"\r\n\t\t\t\t(click)=\"onOptionClick(option, item()!, selectOp)\">\r\n\t\t\t\t@if (item()?.multiple) {\r\n\t\t\t\t\t<span class=\"pb-1 mr-2\">\r\n\t\t\t\t\t\t<p-checkbox\r\n\t\t\t\t\t\t\t[(ngModel)]=\"option.checked\"\r\n\t\t\t\t\t\t\t[binary]=\"true\" />\r\n\t\t\t\t\t</span>\r\n\t\t\t\t}\r\n\t\t\t\t<span style=\"user-select: none\">{{ option.label }}</span>\r\n\t\t\t</div>\r\n\t\t}\r\n\t</div>\r\n</p-popover>\r\n", styles: [".s-pop-select-container{padding:5px 0;border-bottom:solid 1px #d6d8db;position:relative}.s-pop-select-label{padding:2.5px 1.6rem;display:flex;justify-content:space-between;align-items:center;font-size:14px}.s-pop-select-label-icon{color:var(--p-form-field-icon-color);font-size:12px}.s-pop-select-label:hover{background-color:var(--p-list-option-focus-background);cursor:pointer}.s-pop-select-panel-item-option{font-size:14px;padding:2px 1rem}.s-pop-select-panel-item-option:hover{background-color:var(--p-list-option-focus-background);border-radius:6px;cursor:pointer}.s-pop-select-content{max-height:300px;overflow-y:scroll}\n"] }]
|
|
44
67
|
}], ctorParameters: () => [{ type: i1.ActionService }] });
|
|
45
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
68
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wLXNlbGVjdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pbW0tZWxlbWVudC11aS9zcmMvbGliL3NlYXJjaC9wb3Atc2VsZWN0L3BvcC1zZWxlY3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaW1tLWVsZW1lbnQtdWkvc3JjL2xpYi9zZWFyY2gvcG9wLXNlbGVjdC9wb3Atc2VsZWN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFHcEUsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzFDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNsRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7O0FBUzdDLE1BQU0sT0FBTyxrQkFBa0I7SUFLOUIsWUFBb0IsTUFBcUI7UUFBckIsV0FBTSxHQUFOLE1BQU0sQ0FBZTtRQUp6QyxTQUFJLEdBQUcsS0FBSyxFQUFjLENBQUM7UUFDM0IsY0FBUyxHQUFHLEtBQUssRUFBVSxDQUFDO1FBQzVCLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFHekIsTUFBTSxDQUNMLEdBQUcsRUFBRTtZQUNKLE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUMsQ0FBQyxDQUFDO1lBQ3hFLElBQUksQ0FBQyxNQUFNO2dCQUFFLE9BQU87WUFDcEIsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsRUFBRSxPQUFPO2dCQUFFLE9BQU87WUFDbEMsTUFBTSxZQUFZLEdBQUcsTUFBTSxFQUFF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dXQsIHVudHJhY2tlZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBBY3Rpb25TZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZS9hY3Rpb24uc2VydmljZSc7XHJcbmltcG9ydCB7IFNlYXJjaEl0ZW0sIFNlYXJjaEl0ZW1PcHRpb24gfSBmcm9tICcuLi9zZWFyY2gvc2VhcmNoLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFBvcG92ZXIgfSBmcm9tICdwcmltZW5nL3BvcG92ZXInO1xyXG5pbXBvcnQgeyBDaGVja2JveE1vZHVsZSB9IGZyb20gJ3ByaW1lbmcvY2hlY2tib3gnO1xyXG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG5cdHNlbGVjdG9yOiAncG9wLXNlbGVjdCcsXHJcblx0c3RhbmRhbG9uZTogdHJ1ZSxcclxuXHRpbXBvcnRzOiBbQ2hlY2tib3hNb2R1bGUsIEZvcm1zTW9kdWxlLCBQb3BvdmVyXSxcclxuXHR0ZW1wbGF0ZVVybDogJy4vcG9wLXNlbGVjdC5jb21wb25lbnQuaHRtbCcsXHJcblx0c3R5bGVVcmw6ICcuL3BvcC1zZWxlY3QuY29tcG9uZW50LnNjc3MnLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgUG9wU2VsZWN0Q29tcG9uZW50IHtcclxuXHRpdGVtID0gaW5wdXQ8U2VhcmNoSXRlbT4oKTtcclxuXHRtb2RlbE5hbWUgPSBpbnB1dDxzdHJpbmc+KCk7XHJcblx0aXNBY3RpdmU6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcblx0Y29uc3RydWN0b3IocHJpdmF0ZSBhY3Rpb246IEFjdGlvblNlcnZpY2UpIHtcclxuXHRcdGVmZmVjdChcclxuXHRcdFx0KCkgPT4ge1xyXG5cdFx0XHRcdGNvbnN0IHNlYXJjaCA9IHRoaXMuYWN0aW9uLmdldFNlYXJjaCh1bnRyYWNrZWQoKCkgPT4gdGhpcy5tb2RlbE5hbWUoKSkpO1xyXG5cdFx0XHRcdGlmICghc2VhcmNoKSByZXR1cm47XHJcblx0XHRcdFx0aWYgKCF0aGlzLml0ZW0oKT8uY2FzY2FkZSkgcmV0dXJuO1xyXG5cdFx0XHRcdGNvbnN0IGNvbHVtbkZpbHRlciA9IHNlYXJjaD8uY29sdW1uRmlsdGVycz8uZmluZCgoY29sKSA9PiBjb2wuY29sdW1uRmllbGQgPT0gdGhpcy5pdGVtKCk/LmNhc2NhZGVLZXkpO1xyXG5cdFx0XHRcdGlmICghY29sdW1uRmlsdGVyKSByZXR1cm47XHJcblxyXG5cdFx0XHRcdHRoaXMuaXRlbSgpXHJcblx0XHRcdFx0XHQ/LmNhc2NhZGVGdW5jPy4oY29sdW1uRmlsdGVyLmZpdGVyKVxyXG5cdFx0XHRcdFx0LnN1YnNjcmliZSgob3B0aW9uczogYW55W10pID0+IHtcclxuXHRcdFx0XHRcdFx0dGhpcy5pdGVtKCkhLm9wdGlvbnMgPSBvcHRpb25zO1xyXG5cdFx0XHRcdFx0fSk7XHJcblx0XHRcdH0sXHJcblx0XHRcdHsgYWxsb3dTaWduYWxXcml0ZXM6IHRydWUgfSxcclxuXHRcdCk7XHJcblx0XHRlZmZlY3QoKCkgPT4ge1xyXG5cdFx0XHRjb25zdCBzZWFyY2hDbGVhciA9IHRoaXMuYWN0aW9uLmdldFNlYXJjaENsZWFyKCk7XHJcblx0XHRcdGlmIChzZWFyY2hDbGVhciAhPSB0aGlzLml0ZW0oKT8uZmllbGQpIHJldHVybjtcclxuXHRcdFx0dGhpcy5pdGVtKCk/Lm9wdGlvbnM/LmZvckVhY2goKG9wdGlvbikgPT4ge1xyXG5cdFx0XHRcdG9wdGlvbi5jaGVja2VkID0gZmFsc2U7XHJcblx0XHRcdH0pO1xyXG5cdFx0fSk7XHJcblx0fVxyXG5cclxuXHRvbk9wdGlvbkNsaWNrKG9wdGlvbjogU2VhcmNoSXRlbU9wdGlvbiwgaXRlbTogU2VhcmNoSXRlbSwgc2VsZWN0T3A6IGFueSkge1xyXG5cdFx0aWYgKHRoaXMuaXRlbSgpPy5tdWx0aXBsZSkge1xyXG5cdFx0XHR0aGlzLm9uTXVsdGlwbGVPcHRpb25DbGljayhvcHRpb24pO1xyXG5cdFx0fSBlbHNlIHtcclxuXHRcdFx0dGhpcy5vblNpbmdsZU9wdGlvbkNsaWNrKG9wdGlvbiwgaXRlbSwgc2VsZWN0T3ApO1xyXG5cdFx0fVxyXG5cdH1cclxuXHJcblx0b25TaW5nbGVPcHRpb25DbGljayhvcHRpb246IFNlYXJjaEl0ZW1PcHRpb24sIGl0ZW06IFNlYXJjaEl0ZW0sIHNlbGVjdE9wOiBhbnkpIHtcclxuXHRcdHRoaXMuaXRlbSgpIS52YWx1ZSA9IG9wdGlvbi5rZXk7XHJcblx0XHR0aGlzLml0ZW0oKSEub3BlcmF0b3IgPSAnZXF1YWxzJztcclxuXHRcdHRoaXMuYWN0aW9uLnNldFNlYXJjaEl0ZW0odGhpcy5pdGVtKCkhKTtcclxuXHRcdHNlbGVjdE9wLmhpZGUoKTtcclxuXHR9XHJcblxyXG5cdG9uTXVsdGlwbGVPcHRpb25DbGljayhvcHRpb246IFNlYXJjaEl0ZW1PcHRpb24pIHtcclxuXHRcdG9wdGlvbi5jaGVja2VkID0gIW9wdGlvbi5jaGVja2VkO1xyXG5cdFx0dGhpcy5pdGVtKCkhLnZhbHVlID0gdGhpcy5pdGVtKClcclxuXHRcdFx0Py5vcHRpb25zPy5maWx0ZXIoKG9wKSA9PiBvcC5jaGVja2VkKVxyXG5cdFx0XHQubWFwKChub2RlKSA9PiBub2RlLmtleSk7XHJcblx0XHR0aGlzLml0ZW0oKSEub3BlcmF0b3IgPSAnaW4nO1xyXG5cdFx0dGhpcy5hY3Rpb24uc2V0U2VhcmNoSXRlbSh0aGlzLml0ZW0oKSEpO1xyXG5cdH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwicy1wb3Atc2VsZWN0LWNvbnRhaW5lclwiPlxyXG5cdDxkaXZcclxuXHRcdGNsYXNzPVwicy1wb3Atc2VsZWN0LWxhYmVsXCJcclxuXHRcdChjbGljayk9XCJzZWxlY3RPcC50b2dnbGUoJGV2ZW50KVwiPlxyXG5cdFx0PGRpdj57eyBpdGVtKCk/LmxhYmVsIH19PC9kaXY+XHJcblx0XHQ8c3BhbiBjbGFzcz1cInMtcG9wLXNlbGVjdC1sYWJlbC1pY29uIHBpIHBpLWNoZXZyb24tZG93blwiPjwvc3Bhbj5cclxuXHQ8L2Rpdj5cclxuPC9kaXY+XHJcbjxwLXBvcG92ZXIgI3NlbGVjdE9wPlxyXG5cdDxkaXYgY2xhc3M9XCJ3LVsyMTVweF0gcy1wb3Atc2VsZWN0LWNvbnRlbnRcIj5cclxuXHRcdEBmb3IgKG9wdGlvbiBvZiBpdGVtKCk/Lm9wdGlvbnM7IHRyYWNrIG9wdGlvbikge1xyXG5cdFx0XHQ8ZGl2XHJcblx0XHRcdFx0c3R5bGU9XCJ1c2VyLXNlbGVjdDogbm9uZVwiXHJcblx0XHRcdFx0Y2xhc3M9XCJ3LWZ1bGwgcy1wb3Atc2VsZWN0LXBhbmVsLWl0ZW0tb3B0aW9uIGZsZXggaXRlbXMtY2VudGVyXCJcclxuXHRcdFx0XHQoY2xpY2spPVwib25PcHRpb25DbGljayhvcHRpb24sIGl0ZW0oKSEsIHNlbGVjdE9wKVwiPlxyXG5cdFx0XHRcdEBpZiAoaXRlbSgpPy5tdWx0aXBsZSkge1xyXG5cdFx0XHRcdFx0PHNwYW4gY2xhc3M9XCJwYi0xIG1yLTJcIj5cclxuXHRcdFx0XHRcdFx0PHAtY2hlY2tib3hcclxuXHRcdFx0XHRcdFx0XHRbKG5nTW9kZWwpXT1cIm9wdGlvbi5jaGVja2VkXCJcclxuXHRcdFx0XHRcdFx0XHRbYmluYXJ5XT1cInRydWVcIiAvPlxyXG5cdFx0XHRcdFx0PC9zcGFuPlxyXG5cdFx0XHRcdH1cclxuXHRcdFx0XHQ8c3BhbiBzdHlsZT1cInVzZXItc2VsZWN0OiBub25lXCI+e3sgb3B0aW9uLmxhYmVsIH19PC9zcGFuPlxyXG5cdFx0XHQ8L2Rpdj5cclxuXHRcdH1cclxuXHQ8L2Rpdj5cclxuPC9wLXBvcG92ZXI+XHJcbiJdfQ==
|
|
@@ -7,9 +7,13 @@ export class StepsComponent {
|
|
|
7
7
|
this.current = input();
|
|
8
8
|
this.i18n = inject(I18nService);
|
|
9
9
|
this.change = output();
|
|
10
|
+
this.authLevel = input(-1);
|
|
10
11
|
}
|
|
11
12
|
getClass(i) {
|
|
12
|
-
|
|
13
|
+
let result = ['step-item', 'flex', 'items-center'];
|
|
14
|
+
result = this.authLevel() < 4
|
|
15
|
+
? ['step-item', 'flex', 'items-center', 'cursor-not-allowed']
|
|
16
|
+
: ['step-item', 'flex', 'items-center', 'cursor-pointer'];
|
|
13
17
|
const { value } = this.steps()[i];
|
|
14
18
|
if (i == 0) {
|
|
15
19
|
result.push('step-first');
|
|
@@ -26,10 +30,10 @@ export class StepsComponent {
|
|
|
26
30
|
this.change.emit(step.value);
|
|
27
31
|
}
|
|
28
32
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StepsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
29
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: StepsComponent, isStandalone: true, selector: "custom-steps", inputs: { steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: false, transformFunction: null }, current: { classPropertyName: "current", publicName: "current", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { change: "change" }, ngImport: i0, template: "<div class=\"flex my-1\">\r\n\t@for (step of steps(); track step; let i = $index) {\r\n\t\t<div [class]=\"getClass(i)\"
|
|
33
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: StepsComponent, isStandalone: true, selector: "custom-steps", inputs: { steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: false, transformFunction: null }, current: { classPropertyName: "current", publicName: "current", isSignal: true, isRequired: false, transformFunction: null }, authLevel: { classPropertyName: "authLevel", publicName: "authLevel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { change: "change" }, ngImport: i0, template: "<div class=\"flex my-1\">\r\n\t@for (step of steps(); track step; let i = $index) {\r\n\t\t<div [class]=\"getClass(i)\" (click)=\"changeStatus(step)\">\r\n\t\t\t<span>{{ step.i18nKey ? i18n.fanyi(step.i18nKey):step.label }}</span>\r\n\t\t</div>\r\n\t}\r\n</div>\r\n", styles: [":host ::ng-deep .p-disabled,:host ::ng-deep .p-component:disabled{opacity:1}:host ::ng-deep .p-inputtext{border-width:0;border-radius:0;box-shadow:none;background:#fff;padding:0}:host ::ng-deep .p-inputtext:not(.ng-valid).ng-dirty{background:var(--p-red-200)!important;border-bottom:1px solid var(--p-red-500)!important}:host ::ng-deep .p-inputtext:not(:disabled):hover{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-inputtext:not(:disabled).ng-hovered{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-inputtext:focus{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .ng-hovered .p-autocomplete-input:not(.p-disabled){border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-select-label{padding:0}:host ::ng-deep .p-select{border-width:0;border-radius:0;box-shadow:none;background:#fff}:host ::ng-deep .p-select .p-select-dropdown{display:none}:host ::ng-deep .p-select .p-select-clear-icon{display:none}:host ::ng-deep .p-select:not(.ng-valid).ng-dirty{background:var(--p-red-200)!important;border-bottom:1px solid var(--p-red-500)!important}:host ::ng-deep .p-select-open{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-select-open .p-select-dropdown{display:flex}:host ::ng-deep .p-select-open .p-select-clear-icon{display:flex}:host ::ng-deep .p-select:hover{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-select:hover .p-select-dropdown{display:flex}:host ::ng-deep .p-select:hover .p-select-clear-icon{display:flex}:host ::ng-deep .p-select.ng-hovered{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-select.ng-hovered .p-select-dropdown{display:flex}:host ::ng-deep .p-select.ng-hovered .p-select-clear-icon{display:flex}:host ::ng-deep .p-multiselect-label{padding:0}:host ::ng-deep .p-multiselect{border-width:0;border-radius:0;background:#fff;box-shadow:none}:host ::ng-deep .p-multiselect .p-multiselect-dropdown{display:none}:host ::ng-deep .p-multiselect:not(.ng-valid).ng-dirty{background:var(--p-red-200)!important;border-bottom:1px solid var(--p-red-500)!important}:host ::ng-deep .p-multiselect-open{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-multiselect-open .p-multiselect-dropdown{display:flex}:host ::ng-deep .p-multiselect:not(.p-disabled).p-focus{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-multiselect:not(.p-disabled).p-focus .p-multiselect-dropdown{display:flex}:host ::ng-deep .p-multiselect:not(.p-disabled):hover{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-multiselect:not(.p-disabled):hover .p-multiselect-dropdown{display:flex}:host ::ng-deep .p-multiselect:not(.p-disabled).ng-hovered{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-multiselect:not(.p-disabled).ng-hovered .p-multiselect-dropdown{display:flex}:host ::ng-deep .p-textarea{border-radius:0;box-shadow:none;padding:0;background:#fff;resize:none}:host ::ng-deep .p-textarea:not(.ng-valid).ng-dirty{background:var(--p-red-200)!important;border:1px solid var(--p-red-500)!important}:host ::ng-deep .p-textarea:not(:disabled):hover{border:1px solid var(--p-primary-color);resize:vertical}:host ::ng-deep .p-textarea:not(:disabled).ng-hovered{border:1px solid var(--p-primary-color);resize:vertical}:host ::ng-deep .p-textarea:focus{border:1px solid var(--p-primary-color);resize:vertical}:host ::ng-deep .p-treeselect-label{padding:0}:host ::ng-deep .p-treeselect{border-width:0;border-radius:0;box-shadow:none;background:#fff}:host ::ng-deep .p-treeselect .p-treeselect-dropdown{display:none}:host ::ng-deep .ng-invalid.ng-dirty>.p-treeselect{background:var(--p-red-200)!important;border-bottom:1px solid var(--p-red-500)!important}:host ::ng-deep .p-treeselect-open{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-treeselect-open .p-treeselect-dropdown{display:flex}:host ::ng-deep .p-treeselect:not(.p-disabled).p-focus{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-treeselect:not(.p-disabled).p-focus .p-treeselect-dropdown{display:flex}:host ::ng-deep .p-treeselect:not(.p-disabled):hover{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-treeselect:not(.p-disabled):hover .p-treeselect-dropdown{display:flex}:host ::ng-deep .ng-hovered>.p-treeselect:not(.p-disabled){border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .ng-hovered>.p-treeselect:not(.p-disabled) .p-treeselect-dropdown{display:flex}:host ::ng-deep .p-menubar{border-width:0;padding:0}:host ::ng-deep .p-menubar-submenu{z-index:3}:host ::ng-deep .p-fileupload-advanced{border-width:0;border-radius:0;background-color:#fff}:host ::ng-deep .p-fileupload-header{padding:0}:host ::ng-deep .p-fileupload-content{padding:0;display:block;border-width:0}:host ::ng-deep .p-inputnumber:not(.ng-valid).ng-dirty>.p-inputtext{background:var(--p-red-200)!important;border-bottom:1px solid var(--p-red-500)!important}:host ::ng-deep .p-inputnumber.ng-hovered:not(.p-disabled)>.p-inputtext{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .ng-hovered>.p-datepicker:not(.p-disabled) .p-inputtext{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .cm-editor{border:1px solid #cbd5e1}:host ::ng-deep .cm-editor.cm-focused{outline:none!important;border:1px solid var(--p-primary-color)}:host ::ng-deep .cm-editor:hover{border:1px solid var(--p-primary-color)}:host ::ng-deep .cm-editor.ng-hovered{border:1px solid var(--p-primary-color)}:host ::ng-deep .cm-gutters{background-color:#fff;border:\"none\"}:host ::ng-deep .cm-activeLineGutter{background-color:#fff}.step-item{position:relative;height:32px;padding:0 5px;background-color:#e7e9ed}.step-item span{color:#334155c2}.step-item.step-first{padding-left:15px}.step-item.step-last{padding-right:15px}.step-item:not(.step-first){border-left:15px solid transparent;margin-left:2px}.step-item:not(.step-first):before{content:\"\";position:absolute;top:0;left:-15px;width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:12px solid white}.step-item:not(.step-last):after{content:\"\";position:absolute;top:0;right:-12px;width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:12px solid #e7e9ed;z-index:2}.step-item.step-active{background-color:var(--p-primary-200)}.step-item.step-active span{color:#334155}.step-item.step-active:after{border-left:12px solid var(--p-primary-200)}\n"] }); }
|
|
30
34
|
}
|
|
31
35
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StepsComponent, decorators: [{
|
|
32
36
|
type: Component,
|
|
33
|
-
args: [{ selector: 'custom-steps', standalone: true, imports: [], template: "<div class=\"flex my-1\">\r\n\t@for (step of steps(); track step; let i = $index) {\r\n\t\t<div [class]=\"getClass(i)\"
|
|
37
|
+
args: [{ selector: 'custom-steps', standalone: true, imports: [], template: "<div class=\"flex my-1\">\r\n\t@for (step of steps(); track step; let i = $index) {\r\n\t\t<div [class]=\"getClass(i)\" (click)=\"changeStatus(step)\">\r\n\t\t\t<span>{{ step.i18nKey ? i18n.fanyi(step.i18nKey):step.label }}</span>\r\n\t\t</div>\r\n\t}\r\n</div>\r\n", styles: [":host ::ng-deep .p-disabled,:host ::ng-deep .p-component:disabled{opacity:1}:host ::ng-deep .p-inputtext{border-width:0;border-radius:0;box-shadow:none;background:#fff;padding:0}:host ::ng-deep .p-inputtext:not(.ng-valid).ng-dirty{background:var(--p-red-200)!important;border-bottom:1px solid var(--p-red-500)!important}:host ::ng-deep .p-inputtext:not(:disabled):hover{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-inputtext:not(:disabled).ng-hovered{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-inputtext:focus{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .ng-hovered .p-autocomplete-input:not(.p-disabled){border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-select-label{padding:0}:host ::ng-deep .p-select{border-width:0;border-radius:0;box-shadow:none;background:#fff}:host ::ng-deep .p-select .p-select-dropdown{display:none}:host ::ng-deep .p-select .p-select-clear-icon{display:none}:host ::ng-deep .p-select:not(.ng-valid).ng-dirty{background:var(--p-red-200)!important;border-bottom:1px solid var(--p-red-500)!important}:host ::ng-deep .p-select-open{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-select-open .p-select-dropdown{display:flex}:host ::ng-deep .p-select-open .p-select-clear-icon{display:flex}:host ::ng-deep .p-select:hover{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-select:hover .p-select-dropdown{display:flex}:host ::ng-deep .p-select:hover .p-select-clear-icon{display:flex}:host ::ng-deep .p-select.ng-hovered{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-select.ng-hovered .p-select-dropdown{display:flex}:host ::ng-deep .p-select.ng-hovered .p-select-clear-icon{display:flex}:host ::ng-deep .p-multiselect-label{padding:0}:host ::ng-deep .p-multiselect{border-width:0;border-radius:0;background:#fff;box-shadow:none}:host ::ng-deep .p-multiselect .p-multiselect-dropdown{display:none}:host ::ng-deep .p-multiselect:not(.ng-valid).ng-dirty{background:var(--p-red-200)!important;border-bottom:1px solid var(--p-red-500)!important}:host ::ng-deep .p-multiselect-open{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-multiselect-open .p-multiselect-dropdown{display:flex}:host ::ng-deep .p-multiselect:not(.p-disabled).p-focus{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-multiselect:not(.p-disabled).p-focus .p-multiselect-dropdown{display:flex}:host ::ng-deep .p-multiselect:not(.p-disabled):hover{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-multiselect:not(.p-disabled):hover .p-multiselect-dropdown{display:flex}:host ::ng-deep .p-multiselect:not(.p-disabled).ng-hovered{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-multiselect:not(.p-disabled).ng-hovered .p-multiselect-dropdown{display:flex}:host ::ng-deep .p-textarea{border-radius:0;box-shadow:none;padding:0;background:#fff;resize:none}:host ::ng-deep .p-textarea:not(.ng-valid).ng-dirty{background:var(--p-red-200)!important;border:1px solid var(--p-red-500)!important}:host ::ng-deep .p-textarea:not(:disabled):hover{border:1px solid var(--p-primary-color);resize:vertical}:host ::ng-deep .p-textarea:not(:disabled).ng-hovered{border:1px solid var(--p-primary-color);resize:vertical}:host ::ng-deep .p-textarea:focus{border:1px solid var(--p-primary-color);resize:vertical}:host ::ng-deep .p-treeselect-label{padding:0}:host ::ng-deep .p-treeselect{border-width:0;border-radius:0;box-shadow:none;background:#fff}:host ::ng-deep .p-treeselect .p-treeselect-dropdown{display:none}:host ::ng-deep .ng-invalid.ng-dirty>.p-treeselect{background:var(--p-red-200)!important;border-bottom:1px solid var(--p-red-500)!important}:host ::ng-deep .p-treeselect-open{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-treeselect-open .p-treeselect-dropdown{display:flex}:host ::ng-deep .p-treeselect:not(.p-disabled).p-focus{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-treeselect:not(.p-disabled).p-focus .p-treeselect-dropdown{display:flex}:host ::ng-deep .p-treeselect:not(.p-disabled):hover{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .p-treeselect:not(.p-disabled):hover .p-treeselect-dropdown{display:flex}:host ::ng-deep .ng-hovered>.p-treeselect:not(.p-disabled){border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .ng-hovered>.p-treeselect:not(.p-disabled) .p-treeselect-dropdown{display:flex}:host ::ng-deep .p-menubar{border-width:0;padding:0}:host ::ng-deep .p-menubar-submenu{z-index:3}:host ::ng-deep .p-fileupload-advanced{border-width:0;border-radius:0;background-color:#fff}:host ::ng-deep .p-fileupload-header{padding:0}:host ::ng-deep .p-fileupload-content{padding:0;display:block;border-width:0}:host ::ng-deep .p-inputnumber:not(.ng-valid).ng-dirty>.p-inputtext{background:var(--p-red-200)!important;border-bottom:1px solid var(--p-red-500)!important}:host ::ng-deep .p-inputnumber.ng-hovered:not(.p-disabled)>.p-inputtext{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .ng-hovered>.p-datepicker:not(.p-disabled) .p-inputtext{border-bottom:1px solid var(--p-primary-color)}:host ::ng-deep .cm-editor{border:1px solid #cbd5e1}:host ::ng-deep .cm-editor.cm-focused{outline:none!important;border:1px solid var(--p-primary-color)}:host ::ng-deep .cm-editor:hover{border:1px solid var(--p-primary-color)}:host ::ng-deep .cm-editor.ng-hovered{border:1px solid var(--p-primary-color)}:host ::ng-deep .cm-gutters{background-color:#fff;border:\"none\"}:host ::ng-deep .cm-activeLineGutter{background-color:#fff}.step-item{position:relative;height:32px;padding:0 5px;background-color:#e7e9ed}.step-item span{color:#334155c2}.step-item.step-first{padding-left:15px}.step-item.step-last{padding-right:15px}.step-item:not(.step-first){border-left:15px solid transparent;margin-left:2px}.step-item:not(.step-first):before{content:\"\";position:absolute;top:0;left:-15px;width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:12px solid white}.step-item:not(.step-last):after{content:\"\";position:absolute;top:0;right:-12px;width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:12px solid #e7e9ed;z-index:2}.step-item.step-active{background-color:var(--p-primary-200)}.step-item.step-active span{color:#334155}.step-item.step-active:after{border-left:12px solid var(--p-primary-200)}\n"] }]
|
|
34
38
|
}], ctorParameters: () => [] });
|
|
35
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaW1tLWVsZW1lbnQtdWkvc3JjL2xpYi9zdGVwcy9zdGVwcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pbW0tZWxlbWVudC11aS9zcmMvbGliL3N0ZXBzL3N0ZXBzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHlCQUF5QixDQUFDOztBQWN0RCxNQUFNLE9BQU8sY0FBYztJQU0xQjtRQUxBLFVBQUssR0FBRyxLQUFLLENBQVMsRUFBRSxDQUFDLENBQUM7UUFDMUIsWUFBTyxHQUFHLEtBQUssRUFBVSxDQUFDO1FBQzFCLFNBQUksR0FBRyxNQUFNLENBQUMsV0FBVyxDQUFDLENBQUE7UUFDMUIsV0FBTSxHQUFHLE1BQU0sRUFBVSxDQUFBO1FBQ3pCLGNBQVMsR0FBRyxLQUFLLENBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQTtJQUU3QixDQUFDO0lBQ0QsUUFBUSxDQUFDLENBQVM7UUFDakIsSUFBSSxNQUFNLEdBQUcsQ0FBQyxXQUFXLEVBQUUsTUFBTSxFQUFFLGNBQWMsQ0FBQyxDQUFDO1FBQ25ELE1BQU0sR0FBRyxJQUFJLENBQUMsU0FBUyxFQUFFLEdBQUcsQ0FBQztZQUM1QixDQUFDLENBQUMsQ0FBQyxXQUFXLEVBQUUsTUFBTSxFQUFFLGNBQWMsRUFBQyxvQkFBb0IsQ0FBQztZQUM1RCxDQUFDLENBQUMsQ0FBQyxXQUFXLEVBQUUsTUFBTSxFQUFFLGNBQWMsRUFBQyxnQkFBZ0IsQ0FBQyxDQUFDO1FBQzFELE1BQU0sRUFBRSxLQUFLLEVBQUUsR0FBRyxJQUFJLENBQUMsS0FBSyxFQUFHLENBQUMsQ0FBQyxDQUFDLENBQUE7UUFDbEMsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUM7WUFDWixNQUFNLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBQzNCLENBQUM7YUFBTSxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRSxFQUFFLE1BQU0sRUFBRSxDQUFDO1lBQzFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDMUIsQ0FBQztRQUNELElBQUksS0FBSyxJQUFJLElBQUksQ0FBQyxPQUFPLEVBQUUsRUFBRSxDQUFDO1lBQzdCLE1BQU0sQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDNUIsQ0FBQztRQUNELE9BQU8sTUFBTSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUN6QixDQUFDO0lBRUQsWUFBWSxDQUFDLElBQVE7UUFDcEIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFBO0lBQzdCLENBQUM7K0dBM0JXLGNBQWM7bUdBQWQsY0FBYyw2ZUNmM0IsMlFBT0E7OzRGRFFhLGNBQWM7a0JBUDFCLFNBQVM7K0JBQ0MsY0FBYyxjQUNaLElBQUksV0FDUCxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBpbmplY3QsIGlucHV0LCBvdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgSTE4blNlcnZpY2UgfSBmcm9tICcuLi9zZXJ2aWNlL2kxOG4uc2VydmljZSc7XHJcbmV4cG9ydCBpbnRlcmZhY2UgU3RlcCB7XHJcblx0bGFiZWw6IHN0cmluZztcclxuXHRpMThuS2V5Pzogc3RyaW5nO1xyXG5cdHZhbHVlOiBudW1iZXJcclxufVxyXG5cclxuQENvbXBvbmVudCh7XHJcblx0c2VsZWN0b3I6ICdjdXN0b20tc3RlcHMnLFxyXG5cdHN0YW5kYWxvbmU6IHRydWUsXHJcblx0aW1wb3J0czogW10sXHJcblx0dGVtcGxhdGVVcmw6ICcuL3N0ZXBzLmNvbXBvbmVudC5odG1sJyxcclxuXHRzdHlsZVVybDogJy4vc3RlcHMuY29tcG9uZW50LnNjc3MnLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU3RlcHNDb21wb25lbnQge1xyXG5cdHN0ZXBzID0gaW5wdXQ8U3RlcFtdPihbXSk7XHJcblx0Y3VycmVudCA9IGlucHV0PG51bWJlcj4oKTtcclxuXHRpMThuID0gaW5qZWN0KEkxOG5TZXJ2aWNlKVxyXG5cdGNoYW5nZSA9IG91dHB1dDxudW1iZXI+KClcclxuXHRhdXRoTGV2ZWwgPSBpbnB1dDxudW1iZXI+KC0xKVxyXG5cdGNvbnN0cnVjdG9yKCkgeyBcclxuXHR9XHJcblx0Z2V0Q2xhc3MoaTogbnVtYmVyKSB7XHJcblx0XHRsZXQgcmVzdWx0ID0gWydzdGVwLWl0ZW0nLCAnZmxleCcsICdpdGVtcy1jZW50ZXInXTtcclxuXHRcdHJlc3VsdCA9IHRoaXMuYXV0aExldmVsKCkgPCA0IFxyXG5cdFx0XHQ/IFsnc3RlcC1pdGVtJywgJ2ZsZXgnLCAnaXRlbXMtY2VudGVyJywnY3Vyc29yLW5vdC1hbGxvd2VkJ11cclxuXHRcdFx0OiBbJ3N0ZXAtaXRlbScsICdmbGV4JywgJ2l0ZW1zLWNlbnRlcicsJ2N1cnNvci1wb2ludGVyJ107XHJcblx0XHRjb25zdCB7IHZhbHVlIH0gPSB0aGlzLnN0ZXBzKCkhW2ldXHJcblx0XHRpZiAoaSA9PSAwKSB7XHJcblx0XHRcdHJlc3VsdC5wdXNoKCdzdGVwLWZpcnN0Jyk7XHJcblx0XHR9IGVsc2UgaWYgKGkgKyAxID09IHRoaXMuc3RlcHMoKT8ubGVuZ3RoKSB7XHJcblx0XHRcdHJlc3VsdC5wdXNoKCdzdGVwLWxhc3QnKTtcclxuXHRcdH1cclxuXHRcdGlmICh2YWx1ZSA9PSB0aGlzLmN1cnJlbnQoKSkge1xyXG5cdFx0XHRyZXN1bHQucHVzaCgnc3RlcC1hY3RpdmUnKTtcclxuXHRcdH1cclxuXHRcdHJldHVybiByZXN1bHQuam9pbignICcpO1xyXG5cdH1cclxuXHJcblx0Y2hhbmdlU3RhdHVzKHN0ZXA6YW55KXtcclxuXHRcdHRoaXMuY2hhbmdlLmVtaXQoc3RlcC52YWx1ZSlcclxuXHR9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImZsZXggbXktMVwiPlxyXG5cdEBmb3IgKHN0ZXAgb2Ygc3RlcHMoKTsgdHJhY2sgc3RlcDsgbGV0IGkgPSAkaW5kZXgpIHtcclxuXHRcdDxkaXYgW2NsYXNzXT1cImdldENsYXNzKGkpXCIgKGNsaWNrKT1cImNoYW5nZVN0YXR1cyhzdGVwKVwiPlxyXG5cdFx0XHQ8c3Bhbj57eyBzdGVwLmkxOG5LZXkgPyBpMThuLmZhbnlpKHN0ZXAuaTE4bktleSk6c3RlcC5sYWJlbCB9fTwvc3Bhbj5cclxuXHRcdDwvZGl2PlxyXG5cdH1cclxuPC9kaXY+XHJcbiJdfQ==
|