@inspark/inspark-components 1.0.44 → 14.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/full/components/autocomplete/autocomplete.component.d.ts +12 -1
- package/full/components/breadcrumb/breadcrumb.component.d.ts +3 -0
- package/full/components/button/button.component.d.ts +5 -1
- package/full/components/checkbox/checkbox.component.d.ts +3 -0
- package/full/components/communication.service.d.ts +3 -0
- package/full/components/component-container/component-container.component.d.ts +3 -0
- package/full/components/content-toggle/content-toggle.component.d.ts +3 -0
- package/full/components/dropdown/dropdown.component.d.ts +65 -13
- package/full/components/empty/empty.component.d.ts +3 -0
- package/full/components/file/file.component.d.ts +3 -0
- package/full/components/header/header.component.d.ts +3 -0
- package/full/components/inline-message/inline-message.component.d.ts +3 -0
- package/full/components/input-group/input-group.component.d.ts +3 -0
- package/full/components/input-text/input-text.component.d.ts +3 -0
- package/full/components/inspark.module.d.ts +47 -0
- package/full/components/inspark.shared.d.ts +3 -0
- package/full/components/link/link.component.d.ts +5 -1
- package/full/components/modal-input-text/modal-input-text.component.d.ts +4 -1
- package/full/components/object-tree/object-tree.component.d.ts +3 -0
- package/full/components/panel/panel.component.d.ts +3 -0
- package/full/components/pie/pie.component.d.ts +3 -0
- package/full/components/pie/pie.service.d.ts +3 -0
- package/full/components/preloader/preloader.component.d.ts +3 -0
- package/full/components/primeng.module.d.ts +5 -0
- package/full/components/radiobutton/radiobutton.component.d.ts +3 -0
- package/full/components/select-button/select-button.component.d.ts +3 -0
- package/full/components/select-list/select-list.component.d.ts +4 -1
- package/full/components/status-circle/status-circle.component.d.ts +3 -0
- package/full/components/sticky/sticky.component.d.ts +3 -0
- package/full/components/svg/svg.component.d.ts +4 -1
- package/full/components/switcher/switcher.component.d.ts +3 -0
- package/full/components/table/table-click-outside.directive.d.ts +3 -0
- package/full/components/table/table-columns-multiselect/table-columns-multiselect.component.d.ts +3 -0
- package/full/components/table/table-menu-overlay/table-menu-overlay.component.d.ts +3 -0
- package/full/components/table/table.component.d.ts +18 -0
- package/full/components/textarea/textarea.component.d.ts +3 -0
- package/full/components/toolbar/toolbar.component.d.ts +3 -0
- package/full/components/tooltip/tooltip.component.d.ts +3 -0
- package/full/components/tree-table/tree-table.component.d.ts +12 -0
- package/full/esm2020/components/autocomplete/autocomplete.component.mjs +220 -0
- package/full/esm2020/components/breadcrumb/breadcrumb.component.mjs +20 -0
- package/full/esm2020/components/button/button.component.mjs +160 -0
- package/full/esm2020/components/checkbox/checkbox.component.mjs +89 -0
- package/full/esm2020/components/communication.service.mjs +25 -0
- package/full/esm2020/components/component-container/component-container.component.mjs +17 -0
- package/full/esm2020/components/content-toggle/content-toggle.component.mjs +49 -0
- package/full/esm2020/components/dropdown/dropdown.component.mjs +328 -0
- package/full/esm2020/components/empty/empty.component.mjs +12 -0
- package/full/esm2020/components/file/file.component.mjs +53 -0
- package/full/esm2020/components/header/header.component.mjs +23 -0
- package/full/esm2020/components/inline-message/inline-message.component.mjs +20 -0
- package/full/esm2020/components/input-group/input-group.component.mjs +163 -0
- package/full/esm2020/components/input-text/input-text.component.mjs +149 -0
- package/full/esm2020/components/inspark.module.mjs +239 -0
- package/full/esm2020/components/inspark.shared.mjs +25 -0
- package/full/esm2020/components/link/link.component.mjs +131 -0
- package/full/esm2020/components/modal-input-text/modal-input-text.component.mjs +88 -0
- package/full/esm2020/components/object-tree/object-tree.component.mjs +14 -0
- package/full/esm2020/components/panel/panel.component.mjs +11 -0
- package/full/esm2020/components/pie/pie.component.mjs +44 -0
- package/full/esm2020/components/pie/pie.service.mjs +55 -0
- package/full/esm2020/components/preloader/preloader.component.mjs +25 -0
- package/full/esm2020/components/primeng.module.mjs +22 -0
- package/full/esm2020/components/radiobutton/radiobutton.component.mjs +50 -0
- package/full/esm2020/components/select-button/select-button.component.mjs +147 -0
- package/full/esm2020/components/select-list/select-list.component.mjs +55 -0
- package/full/esm2020/components/status-circle/status-circle.component.mjs +36 -0
- package/full/esm2020/components/sticky/sticky.component.mjs +64 -0
- package/full/esm2020/components/svg/svg.component.mjs +28 -0
- package/full/esm2020/components/switcher/switcher.component.mjs +123 -0
- package/full/esm2020/components/table/table-click-outside.directive.mjs +31 -0
- package/full/esm2020/components/table/table-columns-multiselect/table-columns-multiselect.component.mjs +32 -0
- package/full/esm2020/components/table/table-menu-overlay/table-menu-overlay.component.mjs +26 -0
- package/full/esm2020/components/table/table.component.mjs +472 -0
- package/full/esm2020/components/textarea/textarea.component.mjs +87 -0
- package/full/esm2020/components/toolbar/toolbar.component.mjs +30 -0
- package/full/esm2020/components/tooltip/tooltip.component.mjs +14 -0
- package/full/esm2020/components/tree-table/tree-table.component.mjs +206 -0
- package/full/esm2020/inspark-inspark-components.mjs +5 -0
- package/full/esm2020/interface.mjs +2 -0
- package/full/esm2020/pipes/pipes.module.mjs +19 -0
- package/full/esm2020/pipes/propertyValue.pipe.mjs +25 -0
- package/full/esm2020/pipes/safeUrl.pipe.mjs +36 -0
- package/full/esm2020/pipes/sort-by.pipe.mjs +28 -0
- package/full/esm2020/pipes/time.pipe.mjs +206 -0
- package/full/esm2020/public_api.mjs +60 -0
- package/full/esm2020/services/inspark-dialog.service.mjs +52 -0
- package/full/esm2020/services/inspark-message.service.mjs +71 -0
- package/full/esm2020/utils/gettextMarker.function.mjs +5 -0
- package/full/esm2020/utils/hybrid/prime-table/row-state.enum.mjs +9 -0
- package/full/esm2020/utils/hybrid/prime-table/table-row-data.model.mjs +2 -0
- package/full/fesm2015/inspark-inspark-components.mjs +3574 -0
- package/full/fesm2015/inspark-inspark-components.mjs.map +1 -0
- package/full/fesm2020/inspark-inspark-components.mjs +3577 -0
- package/full/fesm2020/inspark-inspark-components.mjs.map +1 -0
- package/full/index.css +1265 -3352
- package/{interface/inspark-inspark-components.d.ts → full/index.d.ts} +1 -0
- package/full/index.js +1 -1
- package/full/interface.d.ts +1 -1
- package/full/package.json +26 -16
- package/full/pipes/pipes.module.d.ts +8 -0
- package/full/pipes/propertyValue.pipe.d.ts +3 -0
- package/full/pipes/safeUrl.pipe.d.ts +3 -0
- package/full/pipes/sort-by.pipe.d.ts +3 -0
- package/full/pipes/time.pipe.d.ts +9 -0
- package/full/public_api.d.ts +15 -1
- package/full/services/inspark-dialog.service.d.ts +4 -2
- package/full/services/inspark-message.service.d.ts +3 -0
- package/interface/esm2020/inspark-inspark-components.mjs +5 -0
- package/interface/esm2020/interface.mjs +2 -0
- package/interface/esm2020/public_api.mjs +5 -0
- package/interface/fesm2015/inspark-inspark-components.mjs +8 -0
- package/interface/fesm2015/inspark-inspark-components.mjs.map +1 -0
- package/interface/fesm2020/inspark-inspark-components.mjs +8 -0
- package/interface/fesm2020/inspark-inspark-components.mjs.map +1 -0
- package/interface/index.d.ts +5 -0
- package/interface/interface.d.ts +1 -1
- package/interface/package.json +26 -16
- package/package.json +1 -1
- package/full/bundles/inspark-inspark-components.umd.js +0 -4622
- package/full/bundles/inspark-inspark-components.umd.js.map +0 -1
- package/full/bundles/inspark-inspark-components.umd.min.js +0 -16
- package/full/bundles/inspark-inspark-components.umd.min.js.map +0 -1
- package/full/esm2015/components/autocomplete/autocomplete.component.js +0 -310
- package/full/esm2015/components/breadcrumb/breadcrumb.component.js +0 -23
- package/full/esm2015/components/button/button.component.js +0 -217
- package/full/esm2015/components/checkbox/checkbox.component.js +0 -104
- package/full/esm2015/components/communication.service.js +0 -24
- package/full/esm2015/components/component-container/component-container.component.js +0 -20
- package/full/esm2015/components/content-toggle/content-toggle.component.js +0 -66
- package/full/esm2015/components/dropdown/dropdown.component.js +0 -353
- package/full/esm2015/components/empty/empty.component.js +0 -13
- package/full/esm2015/components/file/file.component.js +0 -65
- package/full/esm2015/components/header/header.component.js +0 -30
- package/full/esm2015/components/inline-message/inline-message.component.js +0 -25
- package/full/esm2015/components/input-group/input-group.component.js +0 -197
- package/full/esm2015/components/input-text/input-text.component.js +0 -198
- package/full/esm2015/components/inspark.module.js +0 -137
- package/full/esm2015/components/inspark.shared.js +0 -30
- package/full/esm2015/components/link/link.component.js +0 -164
- package/full/esm2015/components/modal-input-text/modal-input-text.component.js +0 -94
- package/full/esm2015/components/object-tree/object-tree.component.js +0 -18
- package/full/esm2015/components/panel/panel.component.js +0 -13
- package/full/esm2015/components/pie/pie.component.js +0 -59
- package/full/esm2015/components/pie/pie.service.js +0 -54
- package/full/esm2015/components/preloader/preloader.component.js +0 -34
- package/full/esm2015/components/primeng.module.js +0 -19
- package/full/esm2015/components/radiobutton/radiobutton.component.js +0 -75
- package/full/esm2015/components/select-button/select-button.component.js +0 -176
- package/full/esm2015/components/select-list/select-list.component.js +0 -60
- package/full/esm2015/components/status-circle/status-circle.component.js +0 -51
- package/full/esm2015/components/sticky/sticky.component.js +0 -82
- package/full/esm2015/components/svg/svg.component.js +0 -36
- package/full/esm2015/components/switcher/switcher.component.js +0 -148
- package/full/esm2015/components/table/table-click-outside.directive.js +0 -38
- package/full/esm2015/components/table/table-columns-multiselect/table-columns-multiselect.component.js +0 -37
- package/full/esm2015/components/table/table-menu-overlay/table-menu-overlay.component.js +0 -35
- package/full/esm2015/components/table/table.component.js +0 -535
- package/full/esm2015/components/textarea/textarea.component.js +0 -101
- package/full/esm2015/components/toolbar/toolbar.component.js +0 -40
- package/full/esm2015/components/tooltip/tooltip.component.js +0 -18
- package/full/esm2015/components/tree-table/tree-table.component.js +0 -255
- package/full/esm2015/inspark-inspark-components.js +0 -20
- package/full/esm2015/interface.js +0 -1
- package/full/esm2015/pipes/pipes.module.js +0 -16
- package/full/esm2015/pipes/propertyValue.pipe.js +0 -23
- package/full/esm2015/pipes/safeUrl.pipe.js +0 -37
- package/full/esm2015/pipes/sort-by.pipe.js +0 -26
- package/full/esm2015/pipes/time.pipe.js +0 -201
- package/full/esm2015/public_api.js +0 -45
- package/full/esm2015/services/inspark-dialog.service.js +0 -59
- package/full/esm2015/services/inspark-message.service.js +0 -73
- package/full/esm2015/utils/gettextMarker.function.js +0 -5
- package/full/esm2015/utils/hybrid/prime-table/row-state.enum.js +0 -9
- package/full/esm2015/utils/hybrid/prime-table/table-row-data.model.js +0 -1
- package/full/esm5/components/autocomplete/autocomplete.component.js +0 -318
- package/full/esm5/components/breadcrumb/breadcrumb.component.js +0 -24
- package/full/esm5/components/button/button.component.js +0 -224
- package/full/esm5/components/checkbox/checkbox.component.js +0 -106
- package/full/esm5/components/communication.service.js +0 -25
- package/full/esm5/components/component-container/component-container.component.js +0 -21
- package/full/esm5/components/content-toggle/content-toggle.component.js +0 -67
- package/full/esm5/components/dropdown/dropdown.component.js +0 -357
- package/full/esm5/components/empty/empty.component.js +0 -16
- package/full/esm5/components/file/file.component.js +0 -66
- package/full/esm5/components/header/header.component.js +0 -31
- package/full/esm5/components/inline-message/inline-message.component.js +0 -26
- package/full/esm5/components/input-group/input-group.component.js +0 -199
- package/full/esm5/components/input-text/input-text.component.js +0 -200
- package/full/esm5/components/inspark.module.js +0 -140
- package/full/esm5/components/inspark.shared.js +0 -31
- package/full/esm5/components/link/link.component.js +0 -165
- package/full/esm5/components/modal-input-text/modal-input-text.component.js +0 -98
- package/full/esm5/components/object-tree/object-tree.component.js +0 -20
- package/full/esm5/components/panel/panel.component.js +0 -16
- package/full/esm5/components/pie/pie.component.js +0 -60
- package/full/esm5/components/pie/pie.service.js +0 -56
- package/full/esm5/components/preloader/preloader.component.js +0 -35
- package/full/esm5/components/primeng.module.js +0 -22
- package/full/esm5/components/radiobutton/radiobutton.component.js +0 -76
- package/full/esm5/components/select-button/select-button.component.js +0 -179
- package/full/esm5/components/select-list/select-list.component.js +0 -62
- package/full/esm5/components/status-circle/status-circle.component.js +0 -52
- package/full/esm5/components/sticky/sticky.component.js +0 -84
- package/full/esm5/components/svg/svg.component.js +0 -39
- package/full/esm5/components/switcher/switcher.component.js +0 -150
- package/full/esm5/components/table/table-click-outside.directive.js +0 -39
- package/full/esm5/components/table/table-columns-multiselect/table-columns-multiselect.component.js +0 -38
- package/full/esm5/components/table/table-menu-overlay/table-menu-overlay.component.js +0 -36
- package/full/esm5/components/table/table.component.js +0 -554
- package/full/esm5/components/textarea/textarea.component.js +0 -103
- package/full/esm5/components/toolbar/toolbar.component.js +0 -41
- package/full/esm5/components/tooltip/tooltip.component.js +0 -20
- package/full/esm5/components/tree-table/tree-table.component.js +0 -280
- package/full/esm5/inspark-inspark-components.js +0 -20
- package/full/esm5/interface.js +0 -1
- package/full/esm5/pipes/pipes.module.js +0 -19
- package/full/esm5/pipes/propertyValue.pipe.js +0 -26
- package/full/esm5/pipes/safeUrl.pipe.js +0 -38
- package/full/esm5/pipes/sort-by.pipe.js +0 -29
- package/full/esm5/pipes/time.pipe.js +0 -212
- package/full/esm5/public_api.js +0 -45
- package/full/esm5/services/inspark-dialog.service.js +0 -61
- package/full/esm5/services/inspark-message.service.js +0 -78
- package/full/esm5/utils/gettextMarker.function.js +0 -5
- package/full/esm5/utils/hybrid/prime-table/row-state.enum.js +0 -9
- package/full/esm5/utils/hybrid/prime-table/table-row-data.model.js +0 -1
- package/full/fesm2015/inspark-inspark-components.js +0 -4174
- package/full/fesm2015/inspark-inspark-components.js.map +0 -1
- package/full/fesm5/inspark-inspark-components.js +0 -4324
- package/full/fesm5/inspark-inspark-components.js.map +0 -1
- package/full/fonts/primeicons.eot +0 -0
- package/full/fonts/primeicons.svg +0 -163
- package/full/fonts/primeicons.ttf +0 -0
- package/full/fonts/primeicons.woff +0 -0
- package/full/inspark-inspark-components.d.ts +0 -19
- package/full/inspark-inspark-components.metadata.json +0 -1
- package/interface/bundles/inspark-inspark-components.umd.js +0 -11
- package/interface/bundles/inspark-inspark-components.umd.js.map +0 -1
- package/interface/bundles/inspark-inspark-components.umd.min.js +0 -2
- package/interface/bundles/inspark-inspark-components.umd.min.js.map +0 -1
- package/interface/esm2015/inspark-inspark-components.js +0 -4
- package/interface/esm2015/interface.js +0 -1
- package/interface/esm2015/public_api.js +0 -4
- package/interface/esm5/inspark-inspark-components.js +0 -4
- package/interface/esm5/interface.js +0 -1
- package/interface/esm5/public_api.js +0 -4
- package/interface/fesm2015/inspark-inspark-components.js +0 -4
- package/interface/fesm2015/inspark-inspark-components.js.map +0 -1
- package/interface/fesm5/inspark-inspark-components.js +0 -4
- package/interface/fesm5/inspark-inspark-components.js.map +0 -1
- package/interface/inspark-inspark-components.metadata.json +0 -1
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class PanelComponent {
|
|
4
|
+
}
|
|
5
|
+
PanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6
|
+
PanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PanelComponent, selector: "in-panel", ngImport: i0, template: "<div class=\"c-panel inspark-panel\">\n <ng-content></ng-content>\n</div>\n", styles: [".inspark-panel{padding:8px}\n"] });
|
|
7
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PanelComponent, decorators: [{
|
|
8
|
+
type: Component,
|
|
9
|
+
args: [{ selector: 'in-panel', template: "<div class=\"c-panel inspark-panel\">\n <ng-content></ng-content>\n</div>\n", styles: [".inspark-panel{padding:8px}\n"] }]
|
|
10
|
+
}] });
|
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFuZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaW5zcGFyay1jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL3BhbmVsL3BhbmVsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2luc3BhcmstY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9wYW5lbC9wYW5lbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDOztBQVF4QyxNQUFNLE9BQU8sY0FBYzs7MkdBQWQsY0FBYzsrRkFBZCxjQUFjLGdEQ1IzQiw4RUFHQTsyRkRLYSxjQUFjO2tCQUwxQixTQUFTOytCQUNFLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaW4tcGFuZWwnLFxuICB0ZW1wbGF0ZVVybDogJy4vcGFuZWwuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9wYW5lbC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBQYW5lbENvbXBvbmVudCB7XG5cblxufVxuIiwiPGRpdiBjbGFzcz1cImMtcGFuZWwgaW5zcGFyay1wYW5lbFwiPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
// @ts-nocheck
|
|
2
|
+
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, ViewEncapsulation } from '@angular/core';
|
|
3
|
+
import { TranslateService } from '@ngx-translate/core';
|
|
4
|
+
import { PieService } from './pie.service';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "@ngx-translate/core";
|
|
7
|
+
import * as i2 from "./pie.service";
|
|
8
|
+
import * as i3 from "@angular/common";
|
|
9
|
+
export class ObjectPieComponent {
|
|
10
|
+
constructor(translate, pieService, cdr) {
|
|
11
|
+
this.translate = translate;
|
|
12
|
+
this.pieService = pieService;
|
|
13
|
+
this.cdr = cdr;
|
|
14
|
+
this.count = 30;
|
|
15
|
+
this.size = 40;
|
|
16
|
+
this.statuses = {
|
|
17
|
+
'-1': 20,
|
|
18
|
+
0: 4,
|
|
19
|
+
1: 3,
|
|
20
|
+
2: 4,
|
|
21
|
+
3: 5
|
|
22
|
+
};
|
|
23
|
+
}
|
|
24
|
+
ngOnInit() {
|
|
25
|
+
this.data = this.pieService.create(this.statuses, this.size);
|
|
26
|
+
}
|
|
27
|
+
ngOnDestroy() {
|
|
28
|
+
}
|
|
29
|
+
ngOnChanges(changes) {
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
ObjectPieComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ObjectPieComponent, deps: [{ token: i1.TranslateService }, { token: i2.PieService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
33
|
+
ObjectPieComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ObjectPieComponent, selector: "in-pie", inputs: { count: "count", size: "size", statuses: "statuses" }, providers: [], usesOnChanges: true, ngImport: i0, template: "<div class=\"pie-block\">\n <svg viewBox=\"-20 -20 40 40\">\n <defs>\n <clipPath id=\"cut-off-bottom\">\n <circle cx=\"0\" cy=\"0\" r=\"12\"></circle>\n </clipPath>\n </defs>\n <mask id=\"re8-clip\">\n <circle cx=\"0\" cy=\"0\" r=\"20\" fill=\"white\"></circle>\n <circle cx=\"0\" cy=\"0\" r=\"14\" fill=\"black\"></circle>\n </mask>\n <path *ngFor=\"let path of data\" [attr.d]=\"path.path\" [attr.fill]=\"path.color\" mask=\"url(#re8-clip)\"></path>\n <text x=\"0\" y=\"4\" text-anchor=\"middle\" fill=\"currentColor\">{{count}}</text>\n </svg>\n</div>\n\n\n", styles: [".pie-block{width:40px;height:40px;color:var(--text-color)}.pie-block text{width:20px;height:20px;background:var(--colorBgLevel2);font-size:11px}.pie-block svg{width:40px;height:40px}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
34
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ObjectPieComponent, decorators: [{
|
|
35
|
+
type: Component,
|
|
36
|
+
args: [{ selector: 'in-pie', encapsulation: ViewEncapsulation.Emulated, providers: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"pie-block\">\n <svg viewBox=\"-20 -20 40 40\">\n <defs>\n <clipPath id=\"cut-off-bottom\">\n <circle cx=\"0\" cy=\"0\" r=\"12\"></circle>\n </clipPath>\n </defs>\n <mask id=\"re8-clip\">\n <circle cx=\"0\" cy=\"0\" r=\"20\" fill=\"white\"></circle>\n <circle cx=\"0\" cy=\"0\" r=\"14\" fill=\"black\"></circle>\n </mask>\n <path *ngFor=\"let path of data\" [attr.d]=\"path.path\" [attr.fill]=\"path.color\" mask=\"url(#re8-clip)\"></path>\n <text x=\"0\" y=\"4\" text-anchor=\"middle\" fill=\"currentColor\">{{count}}</text>\n </svg>\n</div>\n\n\n", styles: [".pie-block{width:40px;height:40px;color:var(--text-color)}.pie-block text{width:20px;height:20px;background:var(--colorBgLevel2);font-size:11px}.pie-block svg{width:40px;height:40px}\n"] }]
|
|
37
|
+
}], ctorParameters: function () { return [{ type: i1.TranslateService }, { type: i2.PieService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { count: [{
|
|
38
|
+
type: Input
|
|
39
|
+
}], size: [{
|
|
40
|
+
type: Input
|
|
41
|
+
}], statuses: [{
|
|
42
|
+
type: Input
|
|
43
|
+
}] } });
|
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGllLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2luc3BhcmstY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9waWUvcGllLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2luc3BhcmstY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9waWUvcGllLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWM7QUFDZCxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsS0FBSyxFQUlMLGlCQUFpQixFQUNsQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQztBQUNyRCxPQUFPLEVBQUMsVUFBVSxFQUFjLE1BQU0sZUFBZSxDQUFDOzs7OztBQVd0RCxNQUFNLE9BQU8sa0JBQWtCO0lBa0I3QixZQUNVLFNBQTJCLEVBQzNCLFVBQXNCLEVBQ3RCLEdBQXNCO1FBRnRCLGNBQVMsR0FBVCxTQUFTLENBQWtCO1FBQzNCLGVBQVUsR0FBVixVQUFVLENBQVk7UUFDdEIsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFsQnZCLFVBQUssR0FBRyxFQUFFLENBQUM7UUFDWCxTQUFJLEdBQUcsRUFBRSxDQUFDO1FBR1YsYUFBUSxHQUNmO1lBQ0UsSUFBSSxFQUFFLEVBQUU7WUFDUixDQUFDLEVBQUUsQ0FBQztZQUNKLENBQUMsRUFBRSxDQUFDO1lBQ0osQ0FBQyxFQUFFLENBQUM7WUFDSixDQUFDLEVBQUUsQ0FBQztTQUNMLENBQUM7SUFVSixDQUFDO0lBR0QsUUFBUTtRQUNOLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDL0QsQ0FBQztJQUVELFdBQVc7SUFDWCxDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQU87SUFDbkIsQ0FBQzs7K0dBbkNVLGtCQUFrQjttR0FBbEIsa0JBQWtCLGlHQUhsQixFQUFFLCtDQ3BCZixnb0JBaUJBOzJGRE1hLGtCQUFrQjtrQkFSOUIsU0FBUzsrQkFDRSxRQUFRLGlCQUdILGlCQUFpQixDQUFDLFFBQVEsYUFDOUIsRUFBRSxtQkFDSSx1QkFBdUIsQ0FBQyxNQUFNO2dLQUt0QyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUdHLFFBQVE7c0JBQWhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBAdHMtbm9jaGVja1xuaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBPbkNoYW5nZXMsXG4gIE9uRGVzdHJveSxcbiAgT25Jbml0LFxuICBWaWV3RW5jYXBzdWxhdGlvblxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7VHJhbnNsYXRlU2VydmljZX0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XG5pbXBvcnQge1BpZVNlcnZpY2UsIFBpZVN0YXR1c2VzfSBmcm9tICcuL3BpZS5zZXJ2aWNlJztcblxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpbi1waWUnLFxuICB0ZW1wbGF0ZVVybDogJy4vcGllLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcGllLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLkVtdWxhdGVkLFxuICBwcm92aWRlcnM6IFtdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgT2JqZWN0UGllQ29tcG9uZW50IGltcGxlbWVudHMgT25EZXN0cm95LCBPbkNoYW5nZXMsIE9uSW5pdCB7XG5cblxuICBASW5wdXQoKSBjb3VudCA9IDMwO1xuICBASW5wdXQoKSBzaXplID0gNDA7XG5cblxuICBASW5wdXQoKSBzdGF0dXNlczogUGllU3RhdHVzZXMgPVxuICAgIHtcbiAgICAgICctMSc6IDIwLFxuICAgICAgMDogNCxcbiAgICAgIDE6IDMsXG4gICAgICAyOiA0LFxuICAgICAgMzogNVxuICAgIH07XG5cbiAgZGF0YTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIHRyYW5zbGF0ZTogVHJhbnNsYXRlU2VydmljZSxcbiAgICBwcml2YXRlIHBpZVNlcnZpY2U6IFBpZVNlcnZpY2UsXG4gICAgcHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmLFxuICApIHtcblxuICB9XG5cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmRhdGEgPSB0aGlzLnBpZVNlcnZpY2UuY3JlYXRlKHRoaXMuc3RhdHVzZXMsIHRoaXMuc2l6ZSk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpIHtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXMpIHtcbiAgfVxuXG59XG5cblxuXG5cbiIsIjxkaXYgY2xhc3M9XCJwaWUtYmxvY2tcIj5cbiAgICA8c3ZnIHZpZXdCb3g9XCItMjAgLTIwIDQwIDQwXCI+XG4gICAgICA8ZGVmcz5cbiAgICAgICAgPGNsaXBQYXRoIGlkPVwiY3V0LW9mZi1ib3R0b21cIj5cbiAgICAgICAgICA8Y2lyY2xlIGN4PVwiMFwiIGN5PVwiMFwiIHI9XCIxMlwiPjwvY2lyY2xlPlxuICAgICAgICA8L2NsaXBQYXRoPlxuICAgICAgPC9kZWZzPlxuICAgICAgPG1hc2sgaWQ9XCJyZTgtY2xpcFwiPlxuICAgICAgICA8Y2lyY2xlIGN4PVwiMFwiIGN5PVwiMFwiIHI9XCIyMFwiIGZpbGw9XCJ3aGl0ZVwiPjwvY2lyY2xlPlxuICAgICAgICA8Y2lyY2xlIGN4PVwiMFwiIGN5PVwiMFwiIHI9XCIxNFwiIGZpbGw9XCJibGFja1wiPjwvY2lyY2xlPlxuICAgICAgPC9tYXNrPlxuICAgICAgICA8cGF0aCAqbmdGb3I9XCJsZXQgcGF0aCBvZiBkYXRhXCIgW2F0dHIuZF09XCJwYXRoLnBhdGhcIiBbYXR0ci5maWxsXT1cInBhdGguY29sb3JcIiAgbWFzaz1cInVybCgjcmU4LWNsaXApXCI+PC9wYXRoPlxuICAgICAgICA8dGV4dCB4PVwiMFwiIHk9XCI0XCIgdGV4dC1hbmNob3I9XCJtaWRkbGVcIiBmaWxsPVwiY3VycmVudENvbG9yXCI+e3tjb3VudH19PC90ZXh0PlxuICAgIDwvc3ZnPlxuPC9kaXY+XG5cblxuIl19
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { Injectable } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class PieService {
|
|
4
|
+
constructor() {
|
|
5
|
+
this.colorArray = ['-1', 0, 1, 2, 3, 4]; // Цвета и последовательность в которой они будут отображены
|
|
6
|
+
this.colors = {
|
|
7
|
+
1: '#31ac51',
|
|
8
|
+
2: '#EE9946',
|
|
9
|
+
3: '#F95C5D',
|
|
10
|
+
4: '#a20000',
|
|
11
|
+
0: '#7E8087',
|
|
12
|
+
'-1': '#85B3CB'
|
|
13
|
+
};
|
|
14
|
+
}
|
|
15
|
+
create(statuses, size) {
|
|
16
|
+
const data = [];
|
|
17
|
+
let allCount = 0;
|
|
18
|
+
this.colorArray.forEach((color) => {
|
|
19
|
+
allCount += statuses[color] || 0;
|
|
20
|
+
});
|
|
21
|
+
let cumulativePercent = 0;
|
|
22
|
+
this.colorArray.forEach((color) => {
|
|
23
|
+
const count = statuses[color];
|
|
24
|
+
if (!count) {
|
|
25
|
+
return;
|
|
26
|
+
}
|
|
27
|
+
const percent = count / allCount;
|
|
28
|
+
const [startX, startY] = this.getCoordinatesForPercent(size, cumulativePercent);
|
|
29
|
+
cumulativePercent += percent;
|
|
30
|
+
const [endX, endY] = this.getCoordinatesForPercent(size, cumulativePercent);
|
|
31
|
+
const largeArcFlag = percent > .5 ? 1 : 0;
|
|
32
|
+
const pathData = [
|
|
33
|
+
`M ${startX} ${startY}`,
|
|
34
|
+
`A 20 20 0 ${largeArcFlag} 1 ${endX} ${endY}`,
|
|
35
|
+
`L 0 0`, // Line
|
|
36
|
+
].join(' ');
|
|
37
|
+
data.push({
|
|
38
|
+
path: pathData,
|
|
39
|
+
color: this.colors[color + '']
|
|
40
|
+
});
|
|
41
|
+
});
|
|
42
|
+
return data;
|
|
43
|
+
}
|
|
44
|
+
getCoordinatesForPercent(size, percent) {
|
|
45
|
+
const x = size / 2 * Math.cos(2 * Math.PI * percent);
|
|
46
|
+
const y = size / 2 * Math.sin(2 * Math.PI * percent);
|
|
47
|
+
return [x, y];
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
PieService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PieService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
51
|
+
PieService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PieService });
|
|
52
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PieService, decorators: [{
|
|
53
|
+
type: Injectable
|
|
54
|
+
}] });
|
|
55
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGllLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnNwYXJrLWNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvcGllL3BpZS5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxVQUFVLEVBQUMsTUFBTSxlQUFlLENBQUM7O0FBWXpDLE1BQU0sT0FBTyxVQUFVO0lBRHZCO1FBSVUsZUFBVSxHQUFHLENBQUMsSUFBSSxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLDREQUE0RDtRQUVoRyxXQUFNLEdBQUc7WUFDZixDQUFDLEVBQUUsU0FBUztZQUNaLENBQUMsRUFBRSxTQUFTO1lBQ1osQ0FBQyxFQUFFLFNBQVM7WUFDWixDQUFDLEVBQUUsU0FBUztZQUNaLENBQUMsRUFBRSxTQUFTO1lBQ1osSUFBSSxFQUFFLFNBQVM7U0FDaEIsQ0FBQztLQXlDSDtJQXZDQyxNQUFNLENBQUMsUUFBcUIsRUFBRSxJQUFJO1FBQ2hDLE1BQU0sSUFBSSxHQUFHLEVBQUUsQ0FBQztRQUNoQixJQUFJLFFBQVEsR0FBRyxDQUFDLENBQUM7UUFDakIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxPQUFPLENBQUMsQ0FBQyxLQUFVLEVBQUUsRUFBRTtZQUNyQyxRQUFRLElBQUksUUFBUSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNuQyxDQUFDLENBQUMsQ0FBQztRQUNILElBQUksaUJBQWlCLEdBQUcsQ0FBQyxDQUFDO1FBQzFCLElBQUksQ0FBQyxVQUFVLENBQUMsT0FBTyxDQUFDLENBQUMsS0FBVSxFQUFFLEVBQUU7WUFDckMsTUFBTSxLQUFLLEdBQUcsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQzlCLElBQUksQ0FBQyxLQUFLLEVBQUU7Z0JBQ1YsT0FBTzthQUNSO1lBQ0QsTUFBTSxPQUFPLEdBQUcsS0FBSyxHQUFHLFFBQVEsQ0FBQztZQUNqQyxNQUFNLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQyxHQUFHLElBQUksQ0FBQyx3QkFBd0IsQ0FBQyxJQUFJLEVBQUUsaUJBQWlCLENBQUMsQ0FBQztZQUNoRixpQkFBaUIsSUFBSSxPQUFPLENBQUM7WUFDN0IsTUFBTSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsR0FBRyxJQUFJLENBQUMsd0JBQXdCLENBQUMsSUFBSSxFQUFFLGlCQUFpQixDQUFDLENBQUM7WUFFNUUsTUFBTSxZQUFZLEdBQUcsT0FBTyxHQUFHLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFFMUMsTUFBTSxRQUFRLEdBQUc7Z0JBQ2YsS0FBSyxNQUFNLElBQUksTUFBTSxFQUFFO2dCQUN2QixhQUFhLFlBQVksTUFBTSxJQUFJLElBQUksSUFBSSxFQUFFO2dCQUM3QyxPQUFPLEVBQUUsT0FBTzthQUNqQixDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztZQUVaLElBQUksQ0FBQyxJQUFJLENBQUM7Z0JBQ1IsSUFBSSxFQUFFLFFBQVE7Z0JBQ2QsS0FBSyxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQzthQUMvQixDQUFDLENBQUM7UUFDTCxDQUFDLENBQUMsQ0FBQztRQUNILE9BQU8sSUFBSSxDQUFDO0lBQ2QsQ0FBQztJQUVPLHdCQUF3QixDQUFDLElBQUksRUFBRSxPQUFPO1FBQzVDLE1BQU0sQ0FBQyxHQUFHLElBQUksR0FBRyxDQUFDLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDLEVBQUUsR0FBRyxPQUFPLENBQUMsQ0FBQztRQUNyRCxNQUFNLENBQUMsR0FBRyxJQUFJLEdBQUcsQ0FBQyxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxHQUFHLElBQUksQ0FBQyxFQUFFLEdBQUcsT0FBTyxDQUFDLENBQUM7UUFDckQsT0FBTyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztJQUNoQixDQUFDOzt1R0FuRFUsVUFBVTsyR0FBVixVQUFVOzJGQUFWLFVBQVU7a0JBRHRCLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0luamVjdGFibGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5cbmV4cG9ydCBpbnRlcmZhY2UgUGllU3RhdHVzZXMge1xuICAnLTEnOiBudW1iZXI7XG4gIDA6IG51bWJlcjtcbiAgMTogbnVtYmVyO1xuICAyOiBudW1iZXI7XG4gIDM6IG51bWJlcjtcbn1cblxuQEluamVjdGFibGUoKVxuZXhwb3J0IGNsYXNzIFBpZVNlcnZpY2Uge1xuXG5cbiAgcHJpdmF0ZSBjb2xvckFycmF5ID0gWyctMScsIDAsIDEsIDIsIDMsIDRdOyAvLyDQptCy0LXRgtCwINC4INC/0L7RgdC70LXQtNC+0LLQsNGC0LXQu9GM0L3QvtGB0YLRjCDQsiDQutC+0YLQvtGA0L7QuSDQvtC90Lgg0LHRg9C00YPRgiDQvtGC0L7QsdGA0LDQttC10L3Ri1xuXG4gIHByaXZhdGUgY29sb3JzID0ge1xuICAgIDE6ICcjMzFhYzUxJyxcbiAgICAyOiAnI0VFOTk0NicsXG4gICAgMzogJyNGOTVDNUQnLFxuICAgIDQ6ICcjYTIwMDAwJyxcbiAgICAwOiAnIzdFODA4NycsXG4gICAgJy0xJzogJyM4NUIzQ0InXG4gIH07XG5cbiAgY3JlYXRlKHN0YXR1c2VzOiBQaWVTdGF0dXNlcywgc2l6ZSk6IHsgcGF0aDogc3RyaW5nLCBjb2xvcjogc3RyaW5nIH1bXSB7XG4gICAgY29uc3QgZGF0YSA9IFtdO1xuICAgIGxldCBhbGxDb3VudCA9IDA7XG4gICAgdGhpcy5jb2xvckFycmF5LmZvckVhY2goKGNvbG9yOiBhbnkpID0+IHtcbiAgICAgIGFsbENvdW50ICs9IHN0YXR1c2VzW2NvbG9yXSB8fCAwO1xuICAgIH0pO1xuICAgIGxldCBjdW11bGF0aXZlUGVyY2VudCA9IDA7XG4gICAgdGhpcy5jb2xvckFycmF5LmZvckVhY2goKGNvbG9yOiBhbnkpID0+IHtcbiAgICAgIGNvbnN0IGNvdW50ID0gc3RhdHVzZXNbY29sb3JdO1xuICAgICAgaWYgKCFjb3VudCkge1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG4gICAgICBjb25zdCBwZXJjZW50ID0gY291bnQgLyBhbGxDb3VudDtcbiAgICAgIGNvbnN0IFtzdGFydFgsIHN0YXJ0WV0gPSB0aGlzLmdldENvb3JkaW5hdGVzRm9yUGVyY2VudChzaXplLCBjdW11bGF0aXZlUGVyY2VudCk7XG4gICAgICBjdW11bGF0aXZlUGVyY2VudCArPSBwZXJjZW50O1xuICAgICAgY29uc3QgW2VuZFgsIGVuZFldID0gdGhpcy5nZXRDb29yZGluYXRlc0ZvclBlcmNlbnQoc2l6ZSwgY3VtdWxhdGl2ZVBlcmNlbnQpO1xuXG4gICAgICBjb25zdCBsYXJnZUFyY0ZsYWcgPSBwZXJjZW50ID4gLjUgPyAxIDogMDtcblxuICAgICAgY29uc3QgcGF0aERhdGEgPSBbXG4gICAgICAgIGBNICR7c3RhcnRYfSAke3N0YXJ0WX1gLCAvLyBNb3ZlXG4gICAgICAgIGBBIDIwIDIwIDAgJHtsYXJnZUFyY0ZsYWd9IDEgJHtlbmRYfSAke2VuZFl9YCwgLy8gQXJjXG4gICAgICAgIGBMIDAgMGAsIC8vIExpbmVcbiAgICAgIF0uam9pbignICcpO1xuXG4gICAgICBkYXRhLnB1c2goe1xuICAgICAgICBwYXRoOiBwYXRoRGF0YSxcbiAgICAgICAgY29sb3I6IHRoaXMuY29sb3JzW2NvbG9yICsgJyddXG4gICAgICB9KTtcbiAgICB9KTtcbiAgICByZXR1cm4gZGF0YTtcbiAgfVxuXG4gIHByaXZhdGUgZ2V0Q29vcmRpbmF0ZXNGb3JQZXJjZW50KHNpemUsIHBlcmNlbnQpIHtcbiAgICBjb25zdCB4ID0gc2l6ZSAvIDIgKiBNYXRoLmNvcygyICogTWF0aC5QSSAqIHBlcmNlbnQpO1xuICAgIGNvbnN0IHkgPSBzaXplIC8gMiAqIE1hdGguc2luKDIgKiBNYXRoLlBJICogcGVyY2VudCk7XG4gICAgcmV0dXJuIFt4LCB5XTtcbiAgfVxuXG59XG5cbiJdfQ==
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { Component, Input, ViewEncapsulation } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
export class PreloaderComponent {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.inline = false;
|
|
7
|
+
this.overlay = false;
|
|
8
|
+
this.size = 'normal';
|
|
9
|
+
}
|
|
10
|
+
ngOnInit() {
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
PreloaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PreloaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
14
|
+
PreloaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PreloaderComponent, selector: "in-preloader", inputs: { inline: "inline", overlay: "overlay", size: "size" }, ngImport: i0, template: "<div [ngClass]=\"{float:!inline, small: size==='small'}\" class=\"preloader-container\">\n <div class=\"lds-spinner\">\n <div></div>\n <div></div>\n <div></div>\n <div></div>\n <div></div>\n <div></div>\n <div></div>\n <div></div>\n <div></div>\n <div></div>\n <div></div>\n <div></div>\n </div>\n</div>\n<div *ngIf=\"overlay\" class=\"overlay\"></div>\n", styles: ["@charset \"UTF-8\";.preloader-container{display:inline-flex;width:100%;height:64px;position:relative;align-items:center;justify-content:center;z-index:101}.preloader-container.float{position:absolute;height:auto;width:auto;top:50%;left:50%;transform:translate(-50%,-50%)}.preloader-container.small{width:32px;height:32px}.preloader-container.small .lds-spinner{color:var(--ids-theme-btn-primary-background);width:32px;height:32px}.lds-spinner{color:var(--ids-theme-btn-primary-background);width:64px;height:64px}.lds-spinner div{transform-origin:32px 32px;animation:lds-spinner 1.2s linear infinite}.small .lds-spinner div{transform-origin:16px 16px}.lds-spinner div:after{content:\" \";display:block;position:absolute;top:3px;left:29px;width:5px;height:14px;border-radius:20%;background:var(--ids-theme-btn-primary-background, #78f4ff)}.small .lds-spinner div:after{width:3px;height:6px;left:15px}.lds-spinner div:nth-child(1){transform:rotate(0);animation-delay:-1.1s}.lds-spinner div:nth-child(2){transform:rotate(30deg);animation-delay:-1s}.lds-spinner div:nth-child(3){transform:rotate(60deg);animation-delay:-.9s}.lds-spinner div:nth-child(4){transform:rotate(90deg);animation-delay:-.8s}.lds-spinner div:nth-child(5){transform:rotate(120deg);animation-delay:-.7s}.lds-spinner div:nth-child(6){transform:rotate(150deg);animation-delay:-.6s}.lds-spinner div:nth-child(7){transform:rotate(180deg);animation-delay:-.5s}.lds-spinner div:nth-child(8){transform:rotate(210deg);animation-delay:-.4s}.lds-spinner div:nth-child(9){transform:rotate(240deg);animation-delay:-.3s}.lds-spinner div:nth-child(10){transform:rotate(270deg);animation-delay:-.2s}.lds-spinner div:nth-child(11){transform:rotate(300deg);animation-delay:-.1s}.lds-spinner div:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes lds-spinner{0%{opacity:1}to{opacity:0}}.overlay{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:100}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
15
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PreloaderComponent, decorators: [{
|
|
16
|
+
type: Component,
|
|
17
|
+
args: [{ selector: 'in-preloader', encapsulation: ViewEncapsulation.Emulated, template: "<div [ngClass]=\"{float:!inline, small: size==='small'}\" class=\"preloader-container\">\n <div class=\"lds-spinner\">\n <div></div>\n <div></div>\n <div></div>\n <div></div>\n <div></div>\n <div></div>\n <div></div>\n <div></div>\n <div></div>\n <div></div>\n <div></div>\n <div></div>\n </div>\n</div>\n<div *ngIf=\"overlay\" class=\"overlay\"></div>\n", styles: ["@charset \"UTF-8\";.preloader-container{display:inline-flex;width:100%;height:64px;position:relative;align-items:center;justify-content:center;z-index:101}.preloader-container.float{position:absolute;height:auto;width:auto;top:50%;left:50%;transform:translate(-50%,-50%)}.preloader-container.small{width:32px;height:32px}.preloader-container.small .lds-spinner{color:var(--ids-theme-btn-primary-background);width:32px;height:32px}.lds-spinner{color:var(--ids-theme-btn-primary-background);width:64px;height:64px}.lds-spinner div{transform-origin:32px 32px;animation:lds-spinner 1.2s linear infinite}.small .lds-spinner div{transform-origin:16px 16px}.lds-spinner div:after{content:\" \";display:block;position:absolute;top:3px;left:29px;width:5px;height:14px;border-radius:20%;background:var(--ids-theme-btn-primary-background, #78f4ff)}.small .lds-spinner div:after{width:3px;height:6px;left:15px}.lds-spinner div:nth-child(1){transform:rotate(0);animation-delay:-1.1s}.lds-spinner div:nth-child(2){transform:rotate(30deg);animation-delay:-1s}.lds-spinner div:nth-child(3){transform:rotate(60deg);animation-delay:-.9s}.lds-spinner div:nth-child(4){transform:rotate(90deg);animation-delay:-.8s}.lds-spinner div:nth-child(5){transform:rotate(120deg);animation-delay:-.7s}.lds-spinner div:nth-child(6){transform:rotate(150deg);animation-delay:-.6s}.lds-spinner div:nth-child(7){transform:rotate(180deg);animation-delay:-.5s}.lds-spinner div:nth-child(8){transform:rotate(210deg);animation-delay:-.4s}.lds-spinner div:nth-child(9){transform:rotate(240deg);animation-delay:-.3s}.lds-spinner div:nth-child(10){transform:rotate(270deg);animation-delay:-.2s}.lds-spinner div:nth-child(11){transform:rotate(300deg);animation-delay:-.1s}.lds-spinner div:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes lds-spinner{0%{opacity:1}to{opacity:0}}.overlay{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:100}\n"] }]
|
|
18
|
+
}], ctorParameters: function () { return []; }, propDecorators: { inline: [{
|
|
19
|
+
type: Input
|
|
20
|
+
}], overlay: [{
|
|
21
|
+
type: Input
|
|
22
|
+
}], size: [{
|
|
23
|
+
type: Input
|
|
24
|
+
}] } });
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJlbG9hZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2luc3BhcmstY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9wcmVsb2FkZXIvcHJlbG9hZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2luc3BhcmstY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9wcmVsb2FkZXIvcHJlbG9hZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFVLGlCQUFpQixFQUFDLE1BQU0sZUFBZSxDQUFDOzs7QUFXMUUsTUFBTSxPQUFPLGtCQUFrQjtJQU03QjtRQUpTLFdBQU0sR0FBRyxLQUFLLENBQUM7UUFDZixZQUFPLEdBQUcsS0FBSyxDQUFDO1FBQ2hCLFNBQUksR0FBa0IsUUFBUSxDQUFDO0lBR3hDLENBQUM7SUFFRCxRQUFRO0lBQ1IsQ0FBQzs7K0dBVlUsa0JBQWtCO21HQUFsQixrQkFBa0Isb0hDWC9CLDBZQWlCQTsyRkROYSxrQkFBa0I7a0JBTjlCLFNBQVM7K0JBQ0UsY0FBYyxpQkFHVCxpQkFBaUIsQ0FBQyxRQUFROzBFQUloQyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbnB1dCwgT25Jbml0LCBWaWV3RW5jYXBzdWxhdGlvbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cblxudHlwZSBQcmVsb2FkZXJTaXplID0gJ3NtYWxsJyB8ICdub3JtYWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpbi1wcmVsb2FkZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vcHJlbG9hZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcHJlbG9hZGVyLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLkVtdWxhdGVkXG59KVxuZXhwb3J0IGNsYXNzIFByZWxvYWRlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgQElucHV0KCkgaW5saW5lID0gZmFsc2U7XG4gIEBJbnB1dCgpIG92ZXJsYXkgPSBmYWxzZTtcbiAgQElucHV0KCkgc2l6ZTogUHJlbG9hZGVyU2l6ZSA9ICdub3JtYWwnO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gIH1cblxufVxuIiwiPGRpdiBbbmdDbGFzc109XCJ7ZmxvYXQ6IWlubGluZSwgc21hbGw6IHNpemU9PT0nc21hbGwnfVwiIGNsYXNzPVwicHJlbG9hZGVyLWNvbnRhaW5lclwiPlxuICA8ZGl2IGNsYXNzPVwibGRzLXNwaW5uZXJcIj5cbiAgICA8ZGl2PjwvZGl2PlxuICAgIDxkaXY+PC9kaXY+XG4gICAgPGRpdj48L2Rpdj5cbiAgICA8ZGl2PjwvZGl2PlxuICAgIDxkaXY+PC9kaXY+XG4gICAgPGRpdj48L2Rpdj5cbiAgICA8ZGl2PjwvZGl2PlxuICAgIDxkaXY+PC9kaXY+XG4gICAgPGRpdj48L2Rpdj5cbiAgICA8ZGl2PjwvZGl2PlxuICAgIDxkaXY+PC9kaXY+XG4gICAgPGRpdj48L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbjxkaXYgKm5nSWY9XCJvdmVybGF5XCIgY2xhc3M9XCJvdmVybGF5XCI+PC9kaXY+XG4iXX0=
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { DropdownModule } from 'primeng/dropdown';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class PrimengComponentsModule {
|
|
5
|
+
}
|
|
6
|
+
PrimengComponentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PrimengComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
7
|
+
PrimengComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: PrimengComponentsModule, imports: [DropdownModule], exports: [DropdownModule] });
|
|
8
|
+
PrimengComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PrimengComponentsModule, imports: [DropdownModule, DropdownModule] });
|
|
9
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PrimengComponentsModule, decorators: [{
|
|
10
|
+
type: NgModule,
|
|
11
|
+
args: [{
|
|
12
|
+
imports: [
|
|
13
|
+
DropdownModule,
|
|
14
|
+
],
|
|
15
|
+
declarations: [],
|
|
16
|
+
exports: [
|
|
17
|
+
DropdownModule
|
|
18
|
+
],
|
|
19
|
+
entryComponents: []
|
|
20
|
+
}]
|
|
21
|
+
}] });
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJpbWVuZy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnNwYXJrLWNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvcHJpbWVuZy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN2QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7O0FBWWxELE1BQU0sT0FBTyx1QkFBdUI7O29IQUF2Qix1QkFBdUI7cUhBQXZCLHVCQUF1QixZQVJoQyxjQUFjLGFBSWQsY0FBYztxSEFJTCx1QkFBdUIsWUFSaEMsY0FBYyxFQUlkLGNBQWM7MkZBSUwsdUJBQXVCO2tCQVZuQyxRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRTt3QkFDUCxjQUFjO3FCQUNmO29CQUNELFlBQVksRUFBRSxFQUFFO29CQUNoQixPQUFPLEVBQUU7d0JBQ1AsY0FBYztxQkFDZjtvQkFDRCxlQUFlLEVBQUUsRUFBRTtpQkFDcEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERyb3Bkb3duTW9kdWxlIH0gZnJvbSAncHJpbWVuZy9kcm9wZG93bic7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtcbiAgICBEcm9wZG93bk1vZHVsZSxcbiAgXSxcbiAgZGVjbGFyYXRpb25zOiBbXSxcbiAgZXhwb3J0czogW1xuICAgIERyb3Bkb3duTW9kdWxlXG4gIF0sXG4gIGVudHJ5Q29tcG9uZW50czogW11cbn0pXG5leHBvcnQgY2xhc3MgUHJpbWVuZ0NvbXBvbmVudHNNb2R1bGUge1xufVxuIl19
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/forms";
|
|
4
|
+
import * as i2 from "@angular/common";
|
|
5
|
+
import * as i3 from "primeng/radiobutton";
|
|
6
|
+
export class RadiobuttonComponent {
|
|
7
|
+
constructor() {
|
|
8
|
+
this.name = null;
|
|
9
|
+
this.label = null;
|
|
10
|
+
this.required = false;
|
|
11
|
+
this.error = null;
|
|
12
|
+
this.placeholder = '';
|
|
13
|
+
this.id = null;
|
|
14
|
+
this.change = new EventEmitter();
|
|
15
|
+
}
|
|
16
|
+
onChangeEvent(value) {
|
|
17
|
+
this.change.next({ name: this.name, value });
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
RadiobuttonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: RadiobuttonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
21
|
+
RadiobuttonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: RadiobuttonComponent, selector: "in-radiobutton", inputs: { name: "name", label: "label", required: "required", error: "error", placeholder: "placeholder", id: "id", disabled: "disabled", value: "value", values: "values", keyLabel: "keyLabel", item: "item" }, outputs: { change: "change" }, ngImport: i0, template: "<ng-container *ngFor=\"let element of values\">\n <p-radioButton\n class=\"u-margin-left-tiny u-vertical-align-middle field_{{name}}\"\n (onClick)=\"onChangeEvent(element)\"\n [id]=\"element[keyLabel]\"\n [(ngModel)]=\"item\"\n [name]=\"name\"\n [value]=\"element.id\"\n [disabled]=\"disabled\"\n [label]=\"element[keyLabel]\">\n </p-radioButton>\n</ng-container>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass"], outputs: ["onClick", "onFocus", "onBlur"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: RadiobuttonComponent, decorators: [{
|
|
23
|
+
type: Component,
|
|
24
|
+
args: [{ selector: 'in-radiobutton', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngFor=\"let element of values\">\n <p-radioButton\n class=\"u-margin-left-tiny u-vertical-align-middle field_{{name}}\"\n (onClick)=\"onChangeEvent(element)\"\n [id]=\"element[keyLabel]\"\n [(ngModel)]=\"item\"\n [name]=\"name\"\n [value]=\"element.id\"\n [disabled]=\"disabled\"\n [label]=\"element[keyLabel]\">\n </p-radioButton>\n</ng-container>\n" }]
|
|
25
|
+
}], ctorParameters: function () { return []; }, propDecorators: { name: [{
|
|
26
|
+
type: Input
|
|
27
|
+
}], label: [{
|
|
28
|
+
type: Input
|
|
29
|
+
}], required: [{
|
|
30
|
+
type: Input
|
|
31
|
+
}], error: [{
|
|
32
|
+
type: Input
|
|
33
|
+
}], placeholder: [{
|
|
34
|
+
type: Input
|
|
35
|
+
}], id: [{
|
|
36
|
+
type: Input
|
|
37
|
+
}], disabled: [{
|
|
38
|
+
type: Input
|
|
39
|
+
}], value: [{
|
|
40
|
+
type: Input
|
|
41
|
+
}], values: [{
|
|
42
|
+
type: Input
|
|
43
|
+
}], keyLabel: [{
|
|
44
|
+
type: Input
|
|
45
|
+
}], item: [{
|
|
46
|
+
type: Input
|
|
47
|
+
}], change: [{
|
|
48
|
+
type: Output
|
|
49
|
+
}] } });
|
|
50
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW9idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaW5zcGFyay1jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL3JhZGlvYnV0dG9uL3JhZGlvYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2luc3BhcmstY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9yYWRpb2J1dHRvbi9yYWRpb2J1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7OztBQVE5RixNQUFNLE9BQU8sb0JBQW9CO0lBZS9CO1FBZFMsU0FBSSxHQUFHLElBQUksQ0FBQztRQUNaLFVBQUssR0FBRyxJQUFJLENBQUM7UUFDYixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLFVBQUssR0FBRyxJQUFJLENBQUM7UUFDYixnQkFBVyxHQUFHLEVBQUUsQ0FBQztRQUNqQixPQUFFLEdBQUcsSUFBSSxDQUFDO1FBTVQsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUFJdEMsQ0FBQztJQUdELGFBQWEsQ0FBQyxLQUFLO1FBQ2pCLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEVBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxJQUFJLEVBQUUsS0FBSyxFQUFDLENBQUMsQ0FBQztJQUM3QyxDQUFDOztpSEFyQlUsb0JBQW9CO3FHQUFwQixvQkFBb0IsdVNDUmpDLHNaQVlBOzJGREphLG9CQUFvQjtrQkFOaEMsU0FBUzsrQkFDRSxnQkFBZ0IsbUJBR1QsdUJBQXVCLENBQUMsTUFBTTswRUFHdEMsSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLEVBQUU7c0JBQVYsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0ksTUFBTTtzQkFBZixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpbi1yYWRpb2J1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9yYWRpb2J1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3JhZGlvYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIFJhZGlvYnV0dG9uQ29tcG9uZW50IHtcbiAgQElucHV0KCkgbmFtZSA9IG51bGw7XG4gIEBJbnB1dCgpIGxhYmVsID0gbnVsbDtcbiAgQElucHV0KCkgcmVxdWlyZWQgPSBmYWxzZTtcbiAgQElucHV0KCkgZXJyb3IgPSBudWxsO1xuICBASW5wdXQoKSBwbGFjZWhvbGRlciA9ICcnO1xuICBASW5wdXQoKSBpZCA9IG51bGw7XG4gIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuO1xuICBASW5wdXQoKSB2YWx1ZTtcbiAgQElucHV0KCkgdmFsdWVzO1xuICBASW5wdXQoKSBrZXlMYWJlbDtcbiAgQElucHV0KCkgaXRlbTtcbiAgQE91dHB1dCgpIGNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuXG4gIGNvbnN0cnVjdG9yKCkge1xuICB9XG5cblxuICBvbkNoYW5nZUV2ZW50KHZhbHVlKSB7XG4gICAgdGhpcy5jaGFuZ2UubmV4dCh7bmFtZTogdGhpcy5uYW1lLCB2YWx1ZX0pO1xuICB9XG59XG4iLCI8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBlbGVtZW50IG9mIHZhbHVlc1wiPlxuICA8cC1yYWRpb0J1dHRvblxuICAgIGNsYXNzPVwidS1tYXJnaW4tbGVmdC10aW55IHUtdmVydGljYWwtYWxpZ24tbWlkZGxlIGZpZWxkX3t7bmFtZX19XCJcbiAgICAgICAgICAgICAgICAgKG9uQ2xpY2spPVwib25DaGFuZ2VFdmVudChlbGVtZW50KVwiXG4gICAgW2lkXT1cImVsZW1lbnRba2V5TGFiZWxdXCJcbiAgICBbKG5nTW9kZWwpXT1cIml0ZW1cIlxuICAgIFtuYW1lXT1cIm5hbWVcIlxuICAgIFt2YWx1ZV09XCJlbGVtZW50LmlkXCJcbiAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgIFtsYWJlbF09XCJlbGVtZW50W2tleUxhYmVsXVwiPlxuICA8L3AtcmFkaW9CdXR0b24+XG48L25nLWNvbnRhaW5lcj5cbiJdfQ==
|
|
@@ -0,0 +1,147 @@
|
|
|
1
|
+
import { ChangeDetectorRef, Component, EventEmitter, forwardRef, Input, Output } from '@angular/core';
|
|
2
|
+
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/common";
|
|
5
|
+
import * as i2 from "../button/button.component";
|
|
6
|
+
import * as i3 from "@ngx-translate/core";
|
|
7
|
+
export class SelectButtonComponent {
|
|
8
|
+
constructor(cdRef) {
|
|
9
|
+
this.cdRef = cdRef;
|
|
10
|
+
this.name = '';
|
|
11
|
+
this.testId = '';
|
|
12
|
+
this.label = '';
|
|
13
|
+
this.icon = '';
|
|
14
|
+
this.error = '';
|
|
15
|
+
this.iconPos = 'left';
|
|
16
|
+
this.options = [];
|
|
17
|
+
this.required = false;
|
|
18
|
+
this.multiple = false;
|
|
19
|
+
this.focus = new EventEmitter();
|
|
20
|
+
this.blur = new EventEmitter();
|
|
21
|
+
this.click = new EventEmitter();
|
|
22
|
+
this.change = new EventEmitter();
|
|
23
|
+
this.selected = [];
|
|
24
|
+
this.propagateChange = (_) => {
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
ngOnInit() {
|
|
28
|
+
}
|
|
29
|
+
ngOnChanges() {
|
|
30
|
+
if (this.initial) {
|
|
31
|
+
this.selected = this.initial;
|
|
32
|
+
}
|
|
33
|
+
else {
|
|
34
|
+
this.selected = [];
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
clickButton(option) {
|
|
38
|
+
if (option.readonly) {
|
|
39
|
+
return false;
|
|
40
|
+
}
|
|
41
|
+
if (this.multiple) {
|
|
42
|
+
if (this.selected.indexOf(option.value) !== -1) {
|
|
43
|
+
this.selected = this.selected.filter(item => item !== option.value);
|
|
44
|
+
}
|
|
45
|
+
else {
|
|
46
|
+
this.selected.push(option.value);
|
|
47
|
+
}
|
|
48
|
+
this.value = this.options.filter(item => this.selected.indexOf(item.value) !== -1).map(val => val.value);
|
|
49
|
+
}
|
|
50
|
+
else {
|
|
51
|
+
this.selected = [option.value];
|
|
52
|
+
this.value = option.value;
|
|
53
|
+
}
|
|
54
|
+
this.cdRef.detectChanges();
|
|
55
|
+
this.onChange();
|
|
56
|
+
}
|
|
57
|
+
/**
|
|
58
|
+
* Write form value to the DOM element (model => view)
|
|
59
|
+
*/
|
|
60
|
+
writeValue(value) {
|
|
61
|
+
this.value = value;
|
|
62
|
+
if (value !== null && value !== undefined) {
|
|
63
|
+
if (Array.isArray(value)) {
|
|
64
|
+
this.selected = value.map(val => val);
|
|
65
|
+
}
|
|
66
|
+
else {
|
|
67
|
+
this.selected = [value];
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
this.cdRef.detectChanges();
|
|
71
|
+
}
|
|
72
|
+
/**
|
|
73
|
+
* Write form disabled state to the DOM element (model => view)
|
|
74
|
+
*/
|
|
75
|
+
setDisabledState(isDisabled) {
|
|
76
|
+
this.disabled = isDisabled;
|
|
77
|
+
}
|
|
78
|
+
/**
|
|
79
|
+
* Update form when DOM element value changes (view => model)
|
|
80
|
+
*/
|
|
81
|
+
registerOnChange(fn) {
|
|
82
|
+
// Store the provided function as an internal method.
|
|
83
|
+
this.propagateChange = fn;
|
|
84
|
+
}
|
|
85
|
+
/**
|
|
86
|
+
* Update form when DOM element is blurred (view => model)
|
|
87
|
+
*/
|
|
88
|
+
registerOnTouched(fn) {
|
|
89
|
+
// Store the provided function as an internal method.
|
|
90
|
+
this.onTouched = fn;
|
|
91
|
+
}
|
|
92
|
+
onChange() {
|
|
93
|
+
this.propagateChange(this.value);
|
|
94
|
+
this.change.emit(this.value);
|
|
95
|
+
}
|
|
96
|
+
onTouched() {
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
SelectButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SelectButtonComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
100
|
+
SelectButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SelectButtonComponent, selector: "in-select-button", inputs: { name: "name", testId: "testId", label: "label", icon: "icon", error: "error", iconPos: "iconPos", options: "options", disabled: "disabled", required: "required", multiple: "multiple", initial: "initial" }, outputs: { focus: "focus", blur: "blur", click: "click", change: "change" }, providers: [
|
|
101
|
+
{
|
|
102
|
+
provide: NG_VALUE_ACCESSOR,
|
|
103
|
+
useExisting: forwardRef(() => SelectButtonComponent),
|
|
104
|
+
multi: true,
|
|
105
|
+
}
|
|
106
|
+
], usesOnChanges: true, ngImport: i0, template: "<span *ngIf=\"label\" class=\"c-label__content\">\n {{label}}\n <span *ngIf=\"required\" class=\"c-label__req\">*</span>\n <span *ngIf=\"error\" class=\"c-label__sub_is-error\">{{error}}</span>\n </span>\n<div class=\"container\">\n <in-button class=\"button-none\"></in-button>\n <in-button (click)=\"clickButton(option)\"\n *ngFor=\"let option of options\"\n [color]=\"selected.indexOf(option.value) === -1 ? 'normal': 'primary' \"\n [icon]=\"option.icon\"\n [label]=\"option.label | translate\"\n [testId]=\"'filter-buttons-' + option.value\"\n [title]=\"option.title ? (option.title | translate) : ''\"\n [name] = option.label\n [disabled]=\"option.readonly\"\n >\n </in-button>\n</div>\n", styles: [".container{white-space:nowrap}in-button ::ng-deep button{outline:none}in-button:first-child ::ng-deep button{border-bottom-right-radius:0;border-top-right-radius:0;border-right:1px solid #000}in-button:not(:first-child):not(:last-child) ::ng-deep button{border-radius:0;border-right:1px solid #000}in-button:last-child ::ng-deep button{border-bottom-left-radius:0;border-top-left-radius:0}.button-none{display:none}\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: "component", type: i2.ButtonComponent, selector: "in-button", inputs: ["size", "color", "type", "name", "testId", "label", "icon", "className", "notify", "svg", "width", "link", "isLoading", "shadow", "isIconOnly", "linkType", "linkTarget", "pressed", "disabled", "iconPos", "selectedItem", "menuPlacement", "menuItems"], outputs: ["focus", "blur", "click"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] });
|
|
107
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SelectButtonComponent, decorators: [{
|
|
108
|
+
type: Component,
|
|
109
|
+
args: [{ selector: 'in-select-button', providers: [
|
|
110
|
+
{
|
|
111
|
+
provide: NG_VALUE_ACCESSOR,
|
|
112
|
+
useExisting: forwardRef(() => SelectButtonComponent),
|
|
113
|
+
multi: true,
|
|
114
|
+
}
|
|
115
|
+
], template: "<span *ngIf=\"label\" class=\"c-label__content\">\n {{label}}\n <span *ngIf=\"required\" class=\"c-label__req\">*</span>\n <span *ngIf=\"error\" class=\"c-label__sub_is-error\">{{error}}</span>\n </span>\n<div class=\"container\">\n <in-button class=\"button-none\"></in-button>\n <in-button (click)=\"clickButton(option)\"\n *ngFor=\"let option of options\"\n [color]=\"selected.indexOf(option.value) === -1 ? 'normal': 'primary' \"\n [icon]=\"option.icon\"\n [label]=\"option.label | translate\"\n [testId]=\"'filter-buttons-' + option.value\"\n [title]=\"option.title ? (option.title | translate) : ''\"\n [name] = option.label\n [disabled]=\"option.readonly\"\n >\n </in-button>\n</div>\n", styles: [".container{white-space:nowrap}in-button ::ng-deep button{outline:none}in-button:first-child ::ng-deep button{border-bottom-right-radius:0;border-top-right-radius:0;border-right:1px solid #000}in-button:not(:first-child):not(:last-child) ::ng-deep button{border-radius:0;border-right:1px solid #000}in-button:last-child ::ng-deep button{border-bottom-left-radius:0;border-top-left-radius:0}.button-none{display:none}\n"] }]
|
|
116
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { name: [{
|
|
117
|
+
type: Input
|
|
118
|
+
}], testId: [{
|
|
119
|
+
type: Input
|
|
120
|
+
}], label: [{
|
|
121
|
+
type: Input
|
|
122
|
+
}], icon: [{
|
|
123
|
+
type: Input
|
|
124
|
+
}], error: [{
|
|
125
|
+
type: Input
|
|
126
|
+
}], iconPos: [{
|
|
127
|
+
type: Input
|
|
128
|
+
}], options: [{
|
|
129
|
+
type: Input
|
|
130
|
+
}], disabled: [{
|
|
131
|
+
type: Input
|
|
132
|
+
}], required: [{
|
|
133
|
+
type: Input
|
|
134
|
+
}], multiple: [{
|
|
135
|
+
type: Input
|
|
136
|
+
}], initial: [{
|
|
137
|
+
type: Input
|
|
138
|
+
}], focus: [{
|
|
139
|
+
type: Output
|
|
140
|
+
}], blur: [{
|
|
141
|
+
type: Output
|
|
142
|
+
}], click: [{
|
|
143
|
+
type: Output
|
|
144
|
+
}], change: [{
|
|
145
|
+
type: Output
|
|
146
|
+
}] } });
|
|
147
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnNwYXJrLWNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvc2VsZWN0LWJ1dHRvbi9zZWxlY3QtYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2luc3BhcmstY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9zZWxlY3QtYnV0dG9uL3NlbGVjdC1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLGlCQUFpQixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBcUIsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3ZILE9BQU8sRUFBdUIsaUJBQWlCLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7QUEwQnZFLE1BQU0sT0FBTyxxQkFBcUI7SUF5QmhDLFlBQW9CLEtBQXdCO1FBQXhCLFVBQUssR0FBTCxLQUFLLENBQW1CO1FBdkJuQyxTQUFJLEdBQUcsRUFBRSxDQUFDO1FBQ1YsV0FBTSxHQUFHLEVBQUUsQ0FBQztRQUNaLFVBQUssR0FBRyxFQUFFLENBQUM7UUFDWCxTQUFJLEdBQUcsRUFBRSxDQUFDO1FBQ1YsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUNYLFlBQU8sR0FBWSxNQUFNLENBQUM7UUFDMUIsWUFBTyxHQUFtQixFQUFFLENBQUM7UUFFN0IsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBR2hCLFVBQUssR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUM5QyxTQUFJLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7UUFDN0MsVUFBSyxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBQzlDLFdBQU0sR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUV6RCxhQUFRLEdBQUcsRUFBRSxDQUFDO1FBOEVOLG9CQUFlLEdBQUcsQ0FBQyxDQUFNLEVBQUUsRUFBRTtRQUNyQyxDQUFDLENBQUE7SUF2RUQsQ0FBQztJQUVELFFBQVE7SUFDUixDQUFDO0lBRUQsV0FBVztRQUNULElBQUksSUFBSSxDQUFDLE9BQU8sRUFBRTtZQUNoQixJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUM7U0FDOUI7YUFBTTtZQUNMLElBQUksQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDO1NBQ3BCO0lBQ0gsQ0FBQztJQUVELFdBQVcsQ0FBQyxNQUFNO1FBQ2hCLElBQUksTUFBTSxDQUFDLFFBQVEsRUFBRTtZQUNuQixPQUFPLEtBQUssQ0FBQztTQUNkO1FBQ0QsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2pCLElBQUksSUFBSSxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFO2dCQUM5QyxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsSUFBSSxLQUFLLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQzthQUNyRTtpQkFBTTtnQkFDTCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7YUFDbEM7WUFDRCxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQzFHO2FBQU07WUFDTCxJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQy9CLElBQUksQ0FBQyxLQUFLLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQztTQUMzQjtRQUNELElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDM0IsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ2xCLENBQUM7SUFFRDs7T0FFRztJQUNILFVBQVUsQ0FBQyxLQUFVO1FBQ25CLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1FBQ25CLElBQUksS0FBSyxLQUFLLElBQUksSUFBSSxLQUFLLEtBQUssU0FBUyxFQUFFO1lBQ3pDLElBQUksS0FBSyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsRUFBRTtnQkFDeEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxDQUFDLENBQUM7YUFDdkM7aUJBQU07Z0JBQ0wsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFDO2FBQ3pCO1NBQ0Y7UUFDRCxJQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQzdCLENBQUM7SUFFRDs7T0FFRztJQUNILGdCQUFnQixDQUFDLFVBQW1CO1FBQ2xDLElBQUksQ0FBQyxRQUFRLEdBQUcsVUFBVSxDQUFDO0lBQzdCLENBQUM7SUFFRDs7T0FFRztJQUNILGdCQUFnQixDQUFDLEVBQU87UUFDdEIscURBQXFEO1FBQ3JELElBQUksQ0FBQyxlQUFlLEdBQUcsRUFBRSxDQUFDO0lBQzVCLENBQUM7SUFFRDs7T0FFRztJQUNILGlCQUFpQixDQUFDLEVBQU87UUFDdkIscURBQXFEO1FBQ3JELElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFLTyxRQUFRO1FBQ2QsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDakMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQy9CLENBQUM7SUFFTyxTQUFTO0lBQ2pCLENBQUM7O2tIQTFHVSxxQkFBcUI7c0dBQXJCLHFCQUFxQixnVkFSckI7UUFDVDtZQUNFLE9BQU8sRUFBRSxpQkFBaUI7WUFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQztZQUNwRCxLQUFLLEVBQUUsSUFBSTtTQUNaO0tBQ0YsK0NDekJILDR5QkFtQkE7MkZEUWEscUJBQXFCO2tCQVpqQyxTQUFTOytCQUNFLGtCQUFrQixhQUdqQjt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxzQkFBc0IsQ0FBQzs0QkFDcEQsS0FBSyxFQUFFLElBQUk7eUJBQ1o7cUJBQ0Y7d0dBSVEsSUFBSTtzQkFBWixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFFSSxLQUFLO3NCQUFkLE1BQU07Z0JBQ0csSUFBSTtzQkFBYixNQUFNO2dCQUNHLEtBQUs7c0JBQWQsTUFBTTtnQkFDRyxNQUFNO3NCQUFmLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgZm9yd2FyZFJlZiwgSW5wdXQsIE9uQ2hhbmdlcywgT25Jbml0LCBPdXRwdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1J9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuXG50eXBlIEljb25Qb3MgPSAnbGVmdCcgfCAncmlnaHQnO1xuXG5pbnRlcmZhY2UgU2VsZWN0T3B0aW9uIHtcbiAgbGFiZWw6IHN0cmluZztcbiAgdGl0bGU/OiBzdHJpbmc7XG4gIHZhbHVlOiBhbnk7XG4gIGljb24/OiBzdHJpbmc7XG4gIHJlYWRvbmx5PzogYm9vbGVhbjtcbn1cblxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpbi1zZWxlY3QtYnV0dG9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NlbGVjdC1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zZWxlY3QtYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gU2VsZWN0QnV0dG9uQ29tcG9uZW50KSxcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgIH1cbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU2VsZWN0QnV0dG9uQ29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE9uSW5pdCwgT25DaGFuZ2VzIHtcblxuICBASW5wdXQoKSBuYW1lID0gJyc7XG4gIEBJbnB1dCgpIHRlc3RJZCA9ICcnO1xuICBASW5wdXQoKSBsYWJlbCA9ICcnO1xuICBASW5wdXQoKSBpY29uID0gJyc7XG4gIEBJbnB1dCgpIGVycm9yID0gJyc7XG4gIEBJbnB1dCgpIGljb25Qb3M6IEljb25Qb3MgPSAnbGVmdCc7XG4gIEBJbnB1dCgpIG9wdGlvbnM6IFNlbGVjdE9wdGlvbltdID0gW107XG4gIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuO1xuICBASW5wdXQoKSByZXF1aXJlZCA9IGZhbHNlO1xuICBASW5wdXQoKSBtdWx0aXBsZSA9IGZhbHNlO1xuICBASW5wdXQoKSBpbml0aWFsPzogYW55W107XG5cbiAgQE91dHB1dCgpIGZvY3VzOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgQE91dHB1dCgpIGJsdXI6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICBAT3V0cHV0KCkgY2xpY2s6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICBAT3V0cHV0KCkgY2hhbmdlOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBzZWxlY3RlZCA9IFtdO1xuXG4gIHZhbHVlOiBPYmplY3QgfCBPYmplY3RbXTtcblxuICBiaW5kaW5ndHlwZTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNkUmVmOiBDaGFuZ2VEZXRlY3RvclJlZikge1xuXG4gIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKCkge1xuICAgIGlmICh0aGlzLmluaXRpYWwpIHtcbiAgICAgIHRoaXMuc2VsZWN0ZWQgPSB0aGlzLmluaXRpYWw7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuc2VsZWN0ZWQgPSBbXTtcbiAgICB9XG4gIH1cblxuICBjbGlja0J1dHRvbihvcHRpb24pIHtcbiAgICBpZiAob3B0aW9uLnJlYWRvbmx5KSB7XG4gICAgICByZXR1cm4gZmFsc2U7XG4gICAgfVxuICAgIGlmICh0aGlzLm11bHRpcGxlKSB7XG4gICAgICBpZiAodGhpcy5zZWxlY3RlZC5pbmRleE9mKG9wdGlvbi52YWx1ZSkgIT09IC0xKSB7XG4gICAgICAgIHRoaXMuc2VsZWN0ZWQgPSB0aGlzLnNlbGVjdGVkLmZpbHRlcihpdGVtID0+IGl0ZW0gIT09IG9wdGlvbi52YWx1ZSk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICB0aGlzLnNlbGVjdGVkLnB1c2gob3B0aW9uLnZhbHVlKTtcbiAgICAgIH1cbiAgICAgIHRoaXMudmFsdWUgPSB0aGlzLm9wdGlvbnMuZmlsdGVyKGl0ZW0gPT4gdGhpcy5zZWxlY3RlZC5pbmRleE9mKGl0ZW0udmFsdWUpICE9PSAtMSkubWFwKHZhbCA9PiB2YWwudmFsdWUpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnNlbGVjdGVkID0gW29wdGlvbi52YWx1ZV07XG4gICAgICB0aGlzLnZhbHVlID0gb3B0aW9uLnZhbHVlO1xuICAgIH1cbiAgICB0aGlzLmNkUmVmLmRldGVjdENoYW5nZXMoKTtcbiAgICB0aGlzLm9uQ2hhbmdlKCk7XG4gIH1cblxuICAvKipcbiAgICogV3JpdGUgZm9ybSB2YWx1ZSB0byB0aGUgRE9NIGVsZW1lbnQgKG1vZGVsID0+IHZpZXcpXG4gICAqL1xuICB3cml0ZVZhbHVlKHZhbHVlOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLnZhbHVlID0gdmFsdWU7XG4gICAgaWYgKHZhbHVlICE9PSBudWxsICYmIHZhbHVlICE9PSB1bmRlZmluZWQpIHtcbiAgICAgIGlmIChBcnJheS5pc0FycmF5KHZhbHVlKSkge1xuICAgICAgICB0aGlzLnNlbGVjdGVkID0gdmFsdWUubWFwKHZhbCA9PiB2YWwpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdGhpcy5zZWxlY3RlZCA9IFt2YWx1ZV07XG4gICAgICB9XG4gICAgfVxuICAgIHRoaXMuY2RSZWYuZGV0ZWN0Q2hhbmdlcygpO1xuICB9XG5cbiAgLyoqXG4gICAqIFdyaXRlIGZvcm0gZGlzYWJsZWQgc3RhdGUgdG8gdGhlIERPTSBlbGVtZW50IChtb2RlbCA9PiB2aWV3KVxuICAgKi9cbiAgc2V0RGlzYWJsZWRTdGF0ZShpc0Rpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XG4gICAgdGhpcy5kaXNhYmxlZCA9IGlzRGlzYWJsZWQ7XG4gIH1cblxuICAvKipcbiAgICogVXBkYXRlIGZvcm0gd2hlbiBET00gZWxlbWVudCB2YWx1ZSBjaGFuZ2VzICh2aWV3ID0+IG1vZGVsKVxuICAgKi9cbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XG4gICAgLy8gU3RvcmUgdGhlIHByb3ZpZGVkIGZ1bmN0aW9uIGFzIGFuIGludGVybmFsIG1ldGhvZC5cbiAgICB0aGlzLnByb3BhZ2F0ZUNoYW5nZSA9IGZuO1xuICB9XG5cbiAgLyoqXG4gICAqIFVwZGF0ZSBmb3JtIHdoZW4gRE9NIGVsZW1lbnQgaXMgYmx1cnJlZCAodmlldyA9PiBtb2RlbClcbiAgICovXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHtcbiAgICAvLyBTdG9yZSB0aGUgcHJvdmlkZWQgZnVuY3Rpb24gYXMgYW4gaW50ZXJuYWwgbWV0aG9kLlxuICAgIHRoaXMub25Ub3VjaGVkID0gZm47XG4gIH1cblxuICBwcml2YXRlIHByb3BhZ2F0ZUNoYW5nZSA9IChfOiBhbnkpID0+IHtcbiAgfVxuXG4gIHByaXZhdGUgb25DaGFuZ2UoKSB7XG4gICAgdGhpcy5wcm9wYWdhdGVDaGFuZ2UodGhpcy52YWx1ZSk7XG4gICAgdGhpcy5jaGFuZ2UuZW1pdCh0aGlzLnZhbHVlKTtcbiAgfVxuXG4gIHByaXZhdGUgb25Ub3VjaGVkKCkge1xuICB9XG59XG4iLCI8c3BhbiAqbmdJZj1cImxhYmVsXCIgY2xhc3M9XCJjLWxhYmVsX19jb250ZW50XCI+XG4gICAgICAgIHt7bGFiZWx9fVxuICA8c3BhbiAqbmdJZj1cInJlcXVpcmVkXCIgY2xhc3M9XCJjLWxhYmVsX19yZXFcIj4qPC9zcGFuPlxuICAgICAgICA8c3BhbiAqbmdJZj1cImVycm9yXCIgY2xhc3M9XCJjLWxhYmVsX19zdWJfaXMtZXJyb3JcIj57e2Vycm9yfX08L3NwYW4+XG4gICAgPC9zcGFuPlxuPGRpdiBjbGFzcz1cImNvbnRhaW5lclwiPlxuICA8aW4tYnV0dG9uIGNsYXNzPVwiYnV0dG9uLW5vbmVcIj48L2luLWJ1dHRvbj5cbiAgPGluLWJ1dHRvbiAoY2xpY2spPVwiY2xpY2tCdXR0b24ob3B0aW9uKVwiXG4gICAgICAgICAgICAgKm5nRm9yPVwibGV0IG9wdGlvbiBvZiBvcHRpb25zXCJcbiAgICAgICAgICAgICBbY29sb3JdPVwic2VsZWN0ZWQuaW5kZXhPZihvcHRpb24udmFsdWUpID09PSAtMSA/ICdub3JtYWwnOiAncHJpbWFyeScgXCJcbiAgICAgICAgICAgICBbaWNvbl09XCJvcHRpb24uaWNvblwiXG4gICAgICAgICAgICAgW2xhYmVsXT1cIm9wdGlvbi5sYWJlbCB8IHRyYW5zbGF0ZVwiXG4gICAgICAgICAgICAgW3Rlc3RJZF09XCInZmlsdGVyLWJ1dHRvbnMtJyArIG9wdGlvbi52YWx1ZVwiXG4gICAgICAgICAgICAgW3RpdGxlXT1cIm9wdGlvbi50aXRsZSA/IChvcHRpb24udGl0bGUgfCB0cmFuc2xhdGUpIDogJydcIlxuICAgICAgICAgICAgIFtuYW1lXSA9IG9wdGlvbi5sYWJlbFxuICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJvcHRpb24ucmVhZG9ubHlcIlxuICA+XG4gIDwvaW4tYnV0dG9uPlxuPC9kaXY+XG4iXX0=
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { Component, } from '@angular/core';
|
|
2
|
+
import { Router } from '@angular/router';
|
|
3
|
+
import { InsparkMessageService } from "../../services/inspark-message.service";
|
|
4
|
+
import { gettext } from "../../utils/gettextMarker.function";
|
|
5
|
+
import { DynamicDialogConfig, DynamicDialogRef } from 'primeng/dynamicdialog';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
import * as i1 from "primeng/dynamicdialog";
|
|
8
|
+
import * as i2 from "../../services/inspark-message.service";
|
|
9
|
+
import * as i3 from "@angular/router";
|
|
10
|
+
import * as i4 from "@angular/common";
|
|
11
|
+
import * as i5 from "../button/button.component";
|
|
12
|
+
import * as i6 from "../component-container/component-container.component";
|
|
13
|
+
import * as i7 from "@ngx-translate/core";
|
|
14
|
+
export class SelectListComponent {
|
|
15
|
+
constructor(ref, config, messageService, router) {
|
|
16
|
+
this.ref = ref;
|
|
17
|
+
this.config = config;
|
|
18
|
+
this.messageService = messageService;
|
|
19
|
+
this.router = router;
|
|
20
|
+
this.options = null;
|
|
21
|
+
this.isShowSpinner = false;
|
|
22
|
+
}
|
|
23
|
+
ngOnInit() {
|
|
24
|
+
this.options = this.config.data.command.options.map(item => {
|
|
25
|
+
return { value: item, checked: false };
|
|
26
|
+
});
|
|
27
|
+
this.selected = Array(this.options.length).fill(false);
|
|
28
|
+
}
|
|
29
|
+
closeModal(val = null) {
|
|
30
|
+
this.ref.close(val);
|
|
31
|
+
}
|
|
32
|
+
applySelection() {
|
|
33
|
+
if (!this.selected) {
|
|
34
|
+
this.messageService.message(gettext('Select object'));
|
|
35
|
+
return;
|
|
36
|
+
}
|
|
37
|
+
else {
|
|
38
|
+
this.closeModal({ selected: this.options.filter(o => o.checked) });
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
select(i) {
|
|
42
|
+
this.options[i].checked = !this.options[i].checked;
|
|
43
|
+
}
|
|
44
|
+
highlight(value, text) {
|
|
45
|
+
const regex = new RegExp('(' + text + ')', 'gi');
|
|
46
|
+
return value.replace(regex, '<span class="u-text-highlight">$1</span>');
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
SelectListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SelectListComponent, deps: [{ token: i1.DynamicDialogRef }, { token: i1.DynamicDialogConfig }, { token: i2.InsparkMessageService }, { token: i3.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
50
|
+
SelectListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SelectListComponent, selector: "app-select-list", ngImport: i0, template: "<div class=\"c-panel__heading-title h4\">\n {{'Select objects for which to execute the command' | translate}}\n</div>\n<span *ngIf=\"isShowSpinner\"><ng-container *ngTemplateOutlet=\"spinner\"></ng-container></span>\n<div class=\"container\">\n <div class=\"c-form-group type_treeblock\">\n <div style=\"overflow: hidden; width: 100%; white-space: nowrap; display: inline-flex;\" *ngFor=\"let item of options; let i = index\">\n <span class=\"c-label c-label__content\" style=\"width: 100px; min-height: 30px;\">{{item.value}}</span>\n <input class=\"c-checkbox__input\" type=\"checkbox\" [checked]=\"options[i].checked\" >\n <i class=\"ui-chkbox-box c-checkbox__icon\" (click)=\"select(i)\"></i>\n </div>\n\n </div>\n <div class=\"buttons\">\n <in-component-container>\n <in-button id=\"close\" (click)=\"closeModal()\"\n label=\"{{'Cancel' | translate}}\"></in-button>\n <in-button id=\"edit\" (click)=\"applySelection()\" type=\"submit\"\n label=\"{{'Apply' | translate}}\"\n color=\"primary\" [disabled]=\"\" [title]=\"'Select an action' | translate\"></in-button>\n </in-component-container>\n </div>\n</div>\n\n<ng-template #spinner><span class=\"c-spinner\">\n <i class=\"fa fa-circle-o-notch fa-spin \"></i>\n</span></ng-template>\n", styles: [".buttons{text-align:right}.buttons p-button{margin-left:8px}.container{padding:12px}:host ::ng-deep .c-select_block{position:relative;left:10px;width:30%}:host ::ng-deep .c-input_small{width:50%}:host ::ng-deep .my-tree{width:100%;display:inline-block;position:relative}:host ::ng-deep .my-tree .c-inputtext{width:500px}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i5.ButtonComponent, selector: "in-button", inputs: ["size", "color", "type", "name", "testId", "label", "icon", "className", "notify", "svg", "width", "link", "isLoading", "shadow", "isIconOnly", "linkType", "linkTarget", "pressed", "disabled", "iconPos", "selectedItem", "menuPlacement", "menuItems"], outputs: ["focus", "blur", "click"] }, { kind: "component", type: i6.ComponentContainerComponent, selector: "in-component-container", inputs: ["align"] }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] });
|
|
51
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SelectListComponent, decorators: [{
|
|
52
|
+
type: Component,
|
|
53
|
+
args: [{ selector: 'app-select-list', template: "<div class=\"c-panel__heading-title h4\">\n {{'Select objects for which to execute the command' | translate}}\n</div>\n<span *ngIf=\"isShowSpinner\"><ng-container *ngTemplateOutlet=\"spinner\"></ng-container></span>\n<div class=\"container\">\n <div class=\"c-form-group type_treeblock\">\n <div style=\"overflow: hidden; width: 100%; white-space: nowrap; display: inline-flex;\" *ngFor=\"let item of options; let i = index\">\n <span class=\"c-label c-label__content\" style=\"width: 100px; min-height: 30px;\">{{item.value}}</span>\n <input class=\"c-checkbox__input\" type=\"checkbox\" [checked]=\"options[i].checked\" >\n <i class=\"ui-chkbox-box c-checkbox__icon\" (click)=\"select(i)\"></i>\n </div>\n\n </div>\n <div class=\"buttons\">\n <in-component-container>\n <in-button id=\"close\" (click)=\"closeModal()\"\n label=\"{{'Cancel' | translate}}\"></in-button>\n <in-button id=\"edit\" (click)=\"applySelection()\" type=\"submit\"\n label=\"{{'Apply' | translate}}\"\n color=\"primary\" [disabled]=\"\" [title]=\"'Select an action' | translate\"></in-button>\n </in-component-container>\n </div>\n</div>\n\n<ng-template #spinner><span class=\"c-spinner\">\n <i class=\"fa fa-circle-o-notch fa-spin \"></i>\n</span></ng-template>\n", styles: [".buttons{text-align:right}.buttons p-button{margin-left:8px}.container{padding:12px}:host ::ng-deep .c-select_block{position:relative;left:10px;width:30%}:host ::ng-deep .c-input_small{width:50%}:host ::ng-deep .my-tree{width:100%;display:inline-block;position:relative}:host ::ng-deep .my-tree .c-inputtext{width:500px}\n"] }]
|
|
54
|
+
}], ctorParameters: function () { return [{ type: i1.DynamicDialogRef }, { type: i1.DynamicDialogConfig }, { type: i2.InsparkMessageService }, { type: i3.Router }]; } });
|
|
55
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaW5zcGFyay1jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL3NlbGVjdC1saXN0L3NlbGVjdC1saXN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2luc3BhcmstY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9zZWxlY3QtbGlzdC9zZWxlY3QtbGlzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBQyxNQUFNLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUN2QyxPQUFPLEVBQUMscUJBQXFCLEVBQUMsTUFBTSx3Q0FBd0MsQ0FBQztBQUM3RSxPQUFPLEVBQUMsT0FBTyxFQUFDLE1BQU0sb0NBQW9DLENBQUM7QUFDM0QsT0FBTyxFQUFDLG1CQUFtQixFQUFFLGdCQUFnQixFQUFDLE1BQU0sdUJBQXVCLENBQUM7Ozs7Ozs7OztBQU81RSxNQUFNLE9BQU8sbUJBQW1CO0lBUzlCLFlBQW1CLEdBQXFCLEVBQ3JCLE1BQTJCLEVBQzFCLGNBQXFDLEVBQ3RDLE1BQWM7UUFIZCxRQUFHLEdBQUgsR0FBRyxDQUFrQjtRQUNyQixXQUFNLEdBQU4sTUFBTSxDQUFxQjtRQUMxQixtQkFBYyxHQUFkLGNBQWMsQ0FBdUI7UUFDdEMsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQU5qQyxZQUFPLEdBQXdDLElBQUksQ0FBQztRQUNwRCxrQkFBYSxHQUFHLEtBQUssQ0FBQztJQVF0QixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLEVBQUU7WUFDdkQsT0FBTyxFQUFDLEtBQUssRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBQyxDQUFDO1FBQ3ZDLENBQUMsQ0FDRixDQUFDO1FBQ0YsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDekQsQ0FBQztJQUVGLFVBQVUsQ0FBQyxHQUFHLEdBQUcsSUFBSTtRQUNsQixJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUN0QixDQUFDO0lBRUQsY0FBYztRQUNaLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2xCLElBQUksQ0FBQyxjQUFjLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDO1lBQ3RELE9BQU87U0FDUjthQUFNO1lBQ0wsSUFBSSxDQUFDLFVBQVUsQ0FBQyxFQUFDLFFBQVEsRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsRUFBQyxDQUFDLENBQUM7U0FDbEU7SUFFSCxDQUFDO0lBR0QsTUFBTSxDQUFDLENBQUM7UUFDTixJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLE9BQU8sR0FBRyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDO0lBQ3JELENBQUM7SUFJRCxTQUFTLENBQUMsS0FBYSxFQUFFLElBQUk7UUFDM0IsTUFBTSxLQUFLLEdBQUcsSUFBSSxNQUFNLENBQUMsR0FBRyxHQUFHLElBQUksR0FBRyxHQUFHLEVBQUUsSUFBSSxDQUFDLENBQUM7UUFDakQsT0FBTyxLQUFLLENBQUMsT0FBTyxDQUFDLEtBQUssRUFBRSwwQ0FBMEMsQ0FBQyxDQUFDO0lBQzFFLENBQUM7O2dIQWpEVSxtQkFBbUI7b0dBQW5CLG1CQUFtQix1RENiaEMsKzNDQTJCQTsyRkRkYSxtQkFBbUI7a0JBTC9CLFNBQVM7K0JBQ0UsaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LCBPbkluaXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtSb3V0ZXJ9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQge0luc3BhcmtNZXNzYWdlU2VydmljZX0gZnJvbSBcIi4uLy4uL3NlcnZpY2VzL2luc3BhcmstbWVzc2FnZS5zZXJ2aWNlXCI7XG5pbXBvcnQge2dldHRleHR9IGZyb20gXCIuLi8uLi91dGlscy9nZXR0ZXh0TWFya2VyLmZ1bmN0aW9uXCI7XG5pbXBvcnQge0R5bmFtaWNEaWFsb2dDb25maWcsIER5bmFtaWNEaWFsb2dSZWZ9IGZyb20gJ3ByaW1lbmcvZHluYW1pY2RpYWxvZyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1zZWxlY3QtbGlzdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9zZWxlY3QtbGlzdC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NlbGVjdC1saXN0LmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFNlbGVjdExpc3RDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIG9iamVjdHM6IGFueVtdO1xuICBzZWxlY3RlZDogQm9vbGVhbltdO1xuICB0aXRsZTogc3RyaW5nO1xuICBvYmpzO1xuICBvcHRpb25zOiB7dmFsdWU6IHN0cmluZywgY2hlY2tlZDogYm9vbGVhbn1bXSA9IG51bGw7XG4gIGlzU2hvd1NwaW5uZXIgPSBmYWxzZTtcblxuICBjb25zdHJ1Y3RvcihwdWJsaWMgcmVmOiBEeW5hbWljRGlhbG9nUmVmLFxuICAgICAgICAgICAgICBwdWJsaWMgY29uZmlnOiBEeW5hbWljRGlhbG9nQ29uZmlnLFxuICAgICAgICAgICAgICBwcml2YXRlIG1lc3NhZ2VTZXJ2aWNlOiBJbnNwYXJrTWVzc2FnZVNlcnZpY2UsXG4gICAgICAgICAgICAgIHB1YmxpYyByb3V0ZXI6IFJvdXRlcixcbiAgICAgICAgICAgICAgKSB7XG5cbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMub3B0aW9ucyA9IHRoaXMuY29uZmlnLmRhdGEuY29tbWFuZC5vcHRpb25zLm1hcChpdGVtID0+ICB7XG4gICAgICAgIHJldHVybiB7dmFsdWU6IGl0ZW0sIGNoZWNrZWQ6IGZhbHNlfTtcbiAgICAgIH1cbiAgICApO1xuICAgIHRoaXMuc2VsZWN0ZWQgPSBBcnJheSh0aGlzLm9wdGlvbnMubGVuZ3RoKS5maWxsKGZhbHNlKTtcbiAgfVxuXG4gY2xvc2VNb2RhbCh2YWwgPSBudWxsKSB7XG4gICAgdGhpcy5yZWYuY2xvc2UodmFsKTtcbiAgfVxuXG4gIGFwcGx5U2VsZWN0aW9uKCkge1xuICAgIGlmICghdGhpcy5zZWxlY3RlZCkge1xuICAgICAgdGhpcy5tZXNzYWdlU2VydmljZS5tZXNzYWdlKGdldHRleHQoJ1NlbGVjdCBvYmplY3QnKSk7XG4gICAgICByZXR1cm47XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuY2xvc2VNb2RhbCh7c2VsZWN0ZWQ6IHRoaXMub3B0aW9ucy5maWx0ZXIobyA9PiBvLmNoZWNrZWQpfSk7XG4gICAgfVxuXG4gIH1cblxuXG4gIHNlbGVjdChpKSB7XG4gICAgdGhpcy5vcHRpb25zW2ldLmNoZWNrZWQgPSAhdGhpcy5vcHRpb25zW2ldLmNoZWNrZWQ7XG4gIH1cblxuXG5cbiAgaGlnaGxpZ2h0KHZhbHVlOiBzdHJpbmcsIHRleHQpOiBzdHJpbmcge1xuICAgIGNvbnN0IHJlZ2V4ID0gbmV3IFJlZ0V4cCgnKCcgKyB0ZXh0ICsgJyknLCAnZ2knKTtcbiAgICByZXR1cm4gdmFsdWUucmVwbGFjZShyZWdleCwgJzxzcGFuIGNsYXNzPVwidS10ZXh0LWhpZ2hsaWdodFwiPiQxPC9zcGFuPicpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiYy1wYW5lbF9faGVhZGluZy10aXRsZSBoNFwiPlxuICAgIHt7J1NlbGVjdCBvYmplY3RzIGZvciB3aGljaCB0byBleGVjdXRlIHRoZSBjb21tYW5kJyB8IHRyYW5zbGF0ZX19XG48L2Rpdj5cbjxzcGFuICpuZ0lmPVwiaXNTaG93U3Bpbm5lclwiPjxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJzcGlubmVyXCI+PC9uZy1jb250YWluZXI+PC9zcGFuPlxuPGRpdiBjbGFzcz1cImNvbnRhaW5lclwiPlxuICAgIDxkaXYgY2xhc3M9XCJjLWZvcm0tZ3JvdXAgdHlwZV90cmVlYmxvY2tcIj5cbiAgICAgIDxkaXYgc3R5bGU9XCJvdmVyZmxvdzogaGlkZGVuOyB3aWR0aDogMTAwJTsgd2hpdGUtc3BhY2U6IG5vd3JhcDsgZGlzcGxheTogaW5saW5lLWZsZXg7XCIgKm5nRm9yPVwibGV0IGl0ZW0gb2Ygb3B0aW9uczsgbGV0IGkgPSBpbmRleFwiPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwiYy1sYWJlbCBjLWxhYmVsX19jb250ZW50XCIgc3R5bGU9XCJ3aWR0aDogMTAwcHg7IG1pbi1oZWlnaHQ6IDMwcHg7XCI+e3tpdGVtLnZhbHVlfX08L3NwYW4+XG4gICAgICAgICAgPGlucHV0IGNsYXNzPVwiYy1jaGVja2JveF9faW5wdXRcIiB0eXBlPVwiY2hlY2tib3hcIiBbY2hlY2tlZF09XCJvcHRpb25zW2ldLmNoZWNrZWRcIiA+XG4gICAgICAgICAgPGkgY2xhc3M9XCJ1aS1jaGtib3gtYm94IGMtY2hlY2tib3hfX2ljb25cIiAoY2xpY2spPVwic2VsZWN0KGkpXCI+PC9pPlxuICAgICAgPC9kaXY+XG5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiYnV0dG9uc1wiPlxuICAgICAgICA8aW4tY29tcG9uZW50LWNvbnRhaW5lcj5cbiAgICAgICAgICAgIDxpbi1idXR0b24gaWQ9XCJjbG9zZVwiIChjbGljayk9XCJjbG9zZU1vZGFsKClcIlxuICAgICAgICAgICAgICAgICAgICAgICBsYWJlbD1cInt7J0NhbmNlbCcgfCB0cmFuc2xhdGV9fVwiPjwvaW4tYnV0dG9uPlxuICAgICAgICAgICAgPGluLWJ1dHRvbiBpZD1cImVkaXRcIiAoY2xpY2spPVwiYXBwbHlTZWxlY3Rpb24oKVwiIHR5cGU9XCJzdWJtaXRcIlxuICAgICAgICAgICAgICAgICAgICAgICBsYWJlbD1cInt7J0FwcGx5JyB8IHRyYW5zbGF0ZX19XCJcbiAgICAgICAgICAgICAgICAgICAgICAgY29sb3I9XCJwcmltYXJ5XCIgW2Rpc2FibGVkXT1cIlwiIFt0aXRsZV09XCInU2VsZWN0IGFuIGFjdGlvbicgfCB0cmFuc2xhdGVcIj48L2luLWJ1dHRvbj5cbiAgICAgICAgPC9pbi1jb21wb25lbnQtY29udGFpbmVyPlxuICAgIDwvZGl2PlxuPC9kaXY+XG5cbjxuZy10ZW1wbGF0ZSAjc3Bpbm5lcj48c3BhbiBjbGFzcz1cImMtc3Bpbm5lclwiPlxuICAgICAgICAgICAgPGkgY2xhc3M9XCJmYSBmYS1jaXJjbGUtby1ub3RjaCBmYS1zcGluIFwiPjwvaT5cbjwvc3Bhbj48L25nLXRlbXBsYXRlPlxuIl19
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { Component, Input, ViewEncapsulation } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "../svg/svg.component";
|
|
5
|
+
export class StatusCircleComponent {
|
|
6
|
+
constructor() {
|
|
7
|
+
this.label = '';
|
|
8
|
+
this.title = '';
|
|
9
|
+
this.icon = '';
|
|
10
|
+
this.showLabel = true;
|
|
11
|
+
this.mode = 'success';
|
|
12
|
+
this.size = 'normal';
|
|
13
|
+
this.content = '';
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
StatusCircleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: StatusCircleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
17
|
+
StatusCircleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: StatusCircleComponent, selector: "in-status-circle", inputs: { label: "label", title: "title", icon: "icon", showLabel: "showLabel", mode: "mode", size: "size", content: "content" }, ngImport: i0, template: "<div [ngClass]=\"{'icon': icon ,'has-content': content!==''}\"\n class=\"circle-container {{size}}\"\n title=\"{{title ? title : label}}\">\n <span class=\"circle {{mode}}\">\n <in-svg *ngIf=\"icon\" [src]=\"icon\"></in-svg>\n <span *ngIf=\"content!==''\" class=\"content\">{{content}}</span>\n </span>\n <span *ngIf=\"showLabel && label\" class=\"label\">{{label}}</span>\n</div>\n", styles: ["@charset \"UTF-8\";:host{display:inline-block;line-height:0}.circle-container{font-size:14px;display:inline-block}.circle-container.small{font-size:12px}.circle-container.small .circle{width:8px;height:8px}.circle-container.normal .circle{width:12px;height:12px}.circle-container.big .circle{min-width:20px;min-height:20px}.circle-container.mini{margin-top:-2px;position:relative;padding:0;top:-3px}.circle-container.mini .circle{width:4px;height:4px}.circle{display:inline-flex;align-items:center;justify-content:center;color:var(--colorTextOnStatus);border-radius:20px;position:relative}.circle in-svg{position:absolute;left:50%;top:50%;height:18px;width:18px;transform:translate(-50%,-50%)}.falsevalue{background:var(--colorFalseValue)}.success{background:var(--colorSuccess)}.warning{background:var(--colorWarning)}.error{background:var(--colorError)}.none{background:var(--colorNoControl)}.critical{background:var(--colorCritical)}.primary{background:var(--ids-theme-primary, #78f4ff)}.inverse{background:var(--colorIcon, #78f4ff);color:var(--colorTextInverse)}.black{background:#000}.label{margin-left:6px}.content{display:inline-block;line-height:100%;padding:0 5px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.SvgComponent, selector: "in-svg", inputs: ["size", "width", "height", "src"] }] });
|
|
18
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: StatusCircleComponent, decorators: [{
|
|
19
|
+
type: Component,
|
|
20
|
+
args: [{ selector: 'in-status-circle', encapsulation: ViewEncapsulation.Emulated, template: "<div [ngClass]=\"{'icon': icon ,'has-content': content!==''}\"\n class=\"circle-container {{size}}\"\n title=\"{{title ? title : label}}\">\n <span class=\"circle {{mode}}\">\n <in-svg *ngIf=\"icon\" [src]=\"icon\"></in-svg>\n <span *ngIf=\"content!==''\" class=\"content\">{{content}}</span>\n </span>\n <span *ngIf=\"showLabel && label\" class=\"label\">{{label}}</span>\n</div>\n", styles: ["@charset \"UTF-8\";:host{display:inline-block;line-height:0}.circle-container{font-size:14px;display:inline-block}.circle-container.small{font-size:12px}.circle-container.small .circle{width:8px;height:8px}.circle-container.normal .circle{width:12px;height:12px}.circle-container.big .circle{min-width:20px;min-height:20px}.circle-container.mini{margin-top:-2px;position:relative;padding:0;top:-3px}.circle-container.mini .circle{width:4px;height:4px}.circle{display:inline-flex;align-items:center;justify-content:center;color:var(--colorTextOnStatus);border-radius:20px;position:relative}.circle in-svg{position:absolute;left:50%;top:50%;height:18px;width:18px;transform:translate(-50%,-50%)}.falsevalue{background:var(--colorFalseValue)}.success{background:var(--colorSuccess)}.warning{background:var(--colorWarning)}.error{background:var(--colorError)}.none{background:var(--colorNoControl)}.critical{background:var(--colorCritical)}.primary{background:var(--ids-theme-primary, #78f4ff)}.inverse{background:var(--colorIcon, #78f4ff);color:var(--colorTextInverse)}.black{background:#000}.label{margin-left:6px}.content{display:inline-block;line-height:100%;padding:0 5px}\n"] }]
|
|
21
|
+
}], propDecorators: { label: [{
|
|
22
|
+
type: Input
|
|
23
|
+
}], title: [{
|
|
24
|
+
type: Input
|
|
25
|
+
}], icon: [{
|
|
26
|
+
type: Input
|
|
27
|
+
}], showLabel: [{
|
|
28
|
+
type: Input
|
|
29
|
+
}], mode: [{
|
|
30
|
+
type: Input
|
|
31
|
+
}], size: [{
|
|
32
|
+
type: Input
|
|
33
|
+
}], content: [{
|
|
34
|
+
type: Input
|
|
35
|
+
}] } });
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzLWNpcmNsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnNwYXJrLWNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvc3RhdHVzLWNpcmNsZS9zdGF0dXMtY2lyY2xlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2luc3BhcmstY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9zdGF0dXMtY2lyY2xlL3N0YXR1cy1jaXJjbGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUMsTUFBTSxlQUFlLENBQUM7Ozs7QUFVbEUsTUFBTSxPQUFPLHFCQUFxQjtJQU5sQztRQVNXLFVBQUssR0FBRyxFQUFFLENBQUM7UUFDWCxVQUFLLEdBQUcsRUFBRSxDQUFDO1FBQ1gsU0FBSSxHQUFHLEVBQUUsQ0FBQztRQUNWLGNBQVMsR0FBRyxJQUFJLENBQUM7UUFDakIsU0FBSSxHQUFlLFNBQVMsQ0FBQztRQUM3QixTQUFJLEdBQWUsUUFBUSxDQUFDO1FBQzVCLFlBQU8sR0FBUSxFQUFFLENBQUM7S0FFNUI7O2tIQVhZLHFCQUFxQjtzR0FBckIscUJBQXFCLDBMQ1ZsQywyWkFTQTsyRkRDYSxxQkFBcUI7a0JBTmpDLFNBQVM7K0JBQ0Usa0JBQWtCLGlCQUdiLGlCQUFpQixDQUFDLFFBQVE7OEJBS2hDLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9ufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7Q2lyY2xlTW9kZSwgQ2lyY2xlU2l6ZX0gZnJvbSBcIi4uLy4uL2ludGVyZmFjZVwiO1xuXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2luLXN0YXR1cy1jaXJjbGUnLFxuICB0ZW1wbGF0ZVVybDogJy4vc3RhdHVzLWNpcmNsZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N0YXR1cy1jaXJjbGUuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uRW11bGF0ZWRcbn0pXG5leHBvcnQgY2xhc3MgU3RhdHVzQ2lyY2xlQ29tcG9uZW50IHtcblxuXG4gIEBJbnB1dCgpIGxhYmVsID0gJyc7XG4gIEBJbnB1dCgpIHRpdGxlID0gJyc7XG4gIEBJbnB1dCgpIGljb24gPSAnJztcbiAgQElucHV0KCkgc2hvd0xhYmVsID0gdHJ1ZTtcbiAgQElucHV0KCkgbW9kZTogQ2lyY2xlTW9kZSA9ICdzdWNjZXNzJztcbiAgQElucHV0KCkgc2l6ZTogQ2lyY2xlU2l6ZSA9ICdub3JtYWwnO1xuICBASW5wdXQoKSBjb250ZW50OiBhbnkgPSAnJztcblxufVxuIiwiPGRpdiBbbmdDbGFzc109XCJ7J2ljb24nOiBpY29uICwnaGFzLWNvbnRlbnQnOiBjb250ZW50IT09Jyd9XCJcbiAgICAgY2xhc3M9XCJjaXJjbGUtY29udGFpbmVyIHt7c2l6ZX19XCJcbiAgICAgdGl0bGU9XCJ7e3RpdGxlID8gdGl0bGUgOiBsYWJlbH19XCI+XG4gICAgPHNwYW4gY2xhc3M9XCJjaXJjbGUge3ttb2RlfX1cIj5cbiAgICAgICAgPGluLXN2ZyAqbmdJZj1cImljb25cIiBbc3JjXT1cImljb25cIj48L2luLXN2Zz5cbiAgICAgIDxzcGFuICpuZ0lmPVwiY29udGVudCE9PScnXCIgY2xhc3M9XCJjb250ZW50XCI+e3tjb250ZW50fX08L3NwYW4+XG4gICAgPC9zcGFuPlxuICA8c3BhbiAqbmdJZj1cInNob3dMYWJlbCAmJiBsYWJlbFwiIGNsYXNzPVwibGFiZWxcIj57e2xhYmVsfX08L3NwYW4+XG48L2Rpdj5cbiJdfQ==
|