@acorex/components 5.0.4 → 5.0.8
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/README.md +24 -24
- package/acorex-components.d.ts +5 -5
- package/bundles/acorex-components.umd.js +7172 -6743
- package/bundles/acorex-components.umd.js.map +1 -1
- package/esm2015/acorex-components.js +4 -4
- package/esm2015/lib/alert/alert-button.component.js +52 -52
- package/esm2015/lib/alert/alert-contnet.component.js +21 -21
- package/esm2015/lib/alert/alert-footer.component.js +27 -27
- package/esm2015/lib/alert/alert-suffix.component.js +27 -27
- package/esm2015/lib/alert/alert-title.component.js +23 -23
- package/esm2015/lib/alert/alert.component.js +130 -131
- package/esm2015/lib/alert/alert.module.js +43 -43
- package/esm2015/lib/alert/index.js +8 -8
- package/esm2015/lib/avatar/avatar.component.js +55 -55
- package/esm2015/lib/avatar/avatar.module.js +21 -21
- package/esm2015/lib/avatar/index.js +3 -3
- package/esm2015/lib/badge/badge.component.js +34 -0
- package/esm2015/lib/badge/badge.module.js +21 -0
- package/esm2015/lib/badge/index.js +3 -0
- package/esm2015/lib/base/common.module.js +18 -18
- package/esm2015/lib/base/custom-cdk-overlay.service.js +47 -47
- package/esm2015/lib/base/drawing.class.js +11 -11
- package/esm2015/lib/base/events.class.js +53 -53
- package/esm2015/lib/base/index.js +7 -7
- package/esm2015/lib/base/mixin/base-components.class.js +83 -83
- package/esm2015/lib/base/mixin/button-mixin.class.js +129 -129
- package/esm2015/lib/base/mixin/clickable-mixin.class.js +24 -24
- package/esm2015/lib/base/mixin/constratctor.js +2 -2
- package/esm2015/lib/base/mixin/datalist-component.class.js +97 -97
- package/esm2015/lib/base/mixin/dropdown-mixin.class.js +36 -36
- package/esm2015/lib/base/mixin/index.js +3 -3
- package/esm2015/lib/base/mixin/interactive-mixin.class.js +77 -72
- package/esm2015/lib/base/mixin/loading-mixin.class.js +18 -18
- package/esm2015/lib/base/mixin/mixin.class.js +22 -23
- package/esm2015/lib/base/mixin/selection-component.class.js +158 -158
- package/esm2015/lib/base/mixin/sizable-mixin.class.js +18 -18
- package/esm2015/lib/base/mixin/textbox-mixin.class.js +38 -38
- package/esm2015/lib/base/mixin/value-mixin.class.js +190 -190
- package/esm2015/lib/base/overlay.service.js +91 -91
- package/esm2015/lib/base/responsive.directive.js +34 -34
- package/esm2015/lib/base/styles.class.js +4 -4
- package/esm2015/lib/button/button-group.component.js +131 -131
- package/esm2015/lib/button/button-item.class.js +2 -2
- package/esm2015/lib/button/button-item.component.js +81 -81
- package/esm2015/lib/button/button.component.js +73 -51
- package/esm2015/lib/button/button.module.js +33 -37
- package/esm2015/lib/button/index.js +6 -7
- package/esm2015/lib/calendar/calendar.component.js +287 -59
- package/esm2015/lib/calendar/calendar.module.js +25 -24
- package/esm2015/lib/calendar/index.js +3 -3
- package/esm2015/lib/carousel/carousel-arrows.component.js +53 -53
- package/esm2015/lib/carousel/carousel-item.component.js +21 -21
- package/esm2015/lib/carousel/carousel-pager.component.js +74 -74
- package/esm2015/lib/carousel/carousel-splidejs.class.js +82 -82
- package/esm2015/lib/carousel/carousel.class.js +10 -10
- package/esm2015/lib/carousel/carousel.component.js +246 -246
- package/esm2015/lib/carousel/carousel.module.js +24 -24
- package/esm2015/lib/carousel/index.js +7 -7
- package/esm2015/lib/checkbox/checkbox.component.js +40 -40
- package/esm2015/lib/checkbox/checkbox.module.js +20 -20
- package/esm2015/lib/checkbox/index.js +3 -3
- package/esm2015/lib/datalist/datalist.component.js +81 -81
- package/esm2015/lib/datalist/datalist.module.js +22 -22
- package/esm2015/lib/datalist/index.js +3 -3
- package/esm2015/lib/datepicker/datepicker.component.js +80 -64
- package/esm2015/lib/datepicker/datepicker.module.js +23 -23
- package/esm2015/lib/datepicker/index.js +3 -3
- package/esm2015/lib/decorators/decorators.module.js +22 -22
- package/esm2015/lib/decorators/index.js +4 -4
- package/esm2015/lib/decorators/prefix.component.js +27 -27
- package/esm2015/lib/decorators/suffix.component.js +27 -35
- package/esm2015/lib/dialog/dialog.class.js +2 -2
- package/esm2015/lib/dialog/dialog.component.js +45 -45
- package/esm2015/lib/dialog/dialog.module.js +26 -26
- package/esm2015/lib/dialog/dialog.service.js +146 -127
- package/esm2015/lib/dialog/index.js +5 -5
- package/esm2015/lib/drawer/drawer-container.component.js +73 -73
- package/esm2015/lib/drawer/drawer-content.component.js +27 -27
- package/esm2015/lib/drawer/drawer.component.js +145 -145
- package/esm2015/lib/drawer/drawer.module.js +23 -23
- package/esm2015/lib/drawer/index.js +5 -5
- package/esm2015/lib/dropdown/dropdown-base.class.js +98 -0
- package/esm2015/lib/dropdown/dropdown-panel.component.js +84 -194
- package/esm2015/lib/dropdown/dropdown.component.js +32 -139
- package/esm2015/lib/dropdown/dropdown.module.js +25 -24
- package/esm2015/lib/dropdown/index.js +4 -4
- package/esm2015/lib/form/form-field.component.js +20 -20
- package/esm2015/lib/form/form-field.module.js +21 -21
- package/esm2015/lib/form/form-hint.component.js +20 -20
- package/esm2015/lib/form/form.component.js +51 -51
- package/esm2015/lib/form/index.js +5 -5
- package/esm2015/lib/icon/icon.component.js +28 -28
- package/esm2015/lib/icon/icon.module.js +21 -21
- package/esm2015/lib/icon/index.js +3 -3
- package/esm2015/lib/input-mask/index.js +3 -3
- package/esm2015/lib/input-mask/input-mask.component.js +42 -42
- package/esm2015/lib/input-mask/input-mask.module.js +23 -23
- package/esm2015/lib/label/index.js +3 -3
- package/esm2015/lib/label/label.component.js +20 -20
- package/esm2015/lib/label/label.module.js +21 -21
- package/esm2015/lib/loading/index.js +6 -6
- package/esm2015/lib/loading/loading-spinner.component.js +32 -32
- package/esm2015/lib/loading/loading.component.js +54 -54
- package/esm2015/lib/loading/loading.directive.js +67 -67
- package/esm2015/lib/loading/loading.module.js +35 -35
- package/esm2015/lib/loading/loading.service.js +155 -155
- package/esm2015/lib/number-box/index.js +3 -3
- package/esm2015/lib/number-box/number-box.component.js +289 -289
- package/esm2015/lib/number-box/number-box.module.js +32 -32
- package/esm2015/lib/page/base-page.class.js +66 -66
- package/esm2015/lib/page/index.js +5 -5
- package/esm2015/lib/page/page-footer.component.js +32 -32
- package/esm2015/lib/page/page.component.js +33 -33
- package/esm2015/lib/page/page.module.js +18 -18
- package/esm2015/lib/password-box/index.js +3 -0
- package/esm2015/lib/password-box/password-box.component.js +74 -0
- package/esm2015/lib/password-box/password-box.module.js +35 -0
- package/esm2015/lib/popover/index.js +3 -3
- package/esm2015/lib/popover/popover.component.js +220 -119
- package/esm2015/lib/popover/popover.module.js +19 -19
- package/esm2015/lib/popup/index.js +4 -4
- package/esm2015/lib/popup/popup.component.js +97 -97
- package/esm2015/lib/popup/popup.module.js +26 -26
- package/esm2015/lib/popup/popup.service.js +94 -94
- package/esm2015/lib/range-slider/index.js +3 -3
- package/esm2015/lib/range-slider/range-slider.component.js +22 -22
- package/esm2015/lib/range-slider/range-slider.module.js +21 -21
- package/esm2015/lib/selectbox/index.js +3 -3
- package/esm2015/lib/selectbox/selectbox.component.js +201 -193
- package/esm2015/lib/selectbox/selectbox.module.js +25 -21
- package/esm2015/lib/selection-list/index.js +3 -3
- package/esm2015/lib/selection-list/selection-list.component.js +47 -46
- package/esm2015/lib/selection-list/selection-list.module.js +21 -21
- package/esm2015/lib/side-menu/index.js +3 -3
- package/esm2015/lib/side-menu/side-menu.component.js +21 -21
- package/esm2015/lib/side-menu/side-menu.module.js +21 -21
- package/esm2015/lib/switch/index.js +3 -3
- package/esm2015/lib/switch/switch.component.js +30 -30
- package/esm2015/lib/switch/switch.module.js +21 -21
- package/esm2015/lib/tabs/index.js +8 -6
- package/esm2015/lib/tabs/tab-content.directive.js +27 -0
- package/esm2015/lib/tabs/tab-item.component.js +76 -0
- package/esm2015/lib/tabs/tab-strip.component.js +69 -61
- package/esm2015/lib/tabs/tab-view.component.js +45 -46
- package/esm2015/lib/tabs/tab.component.js +58 -59
- package/esm2015/lib/tabs/tabs.class.js +4 -4
- package/esm2015/lib/tabs/tabs.component.js +74 -0
- package/esm2015/lib/tabs/tabs.module.js +25 -23
- package/esm2015/lib/textbox/index.js +3 -3
- package/esm2015/lib/textbox/textbox.component.js +62 -62
- package/esm2015/lib/textbox/textbox.module.js +43 -43
- package/esm2015/lib/time-box/index.js +3 -3
- package/esm2015/lib/time-box/time-box.component.js +134 -134
- package/esm2015/lib/time-box/time-box.module.js +32 -32
- package/esm2015/lib/toast/index.js +5 -5
- package/esm2015/lib/toast/toast.class.js +2 -2
- package/esm2015/lib/toast/toast.component.js +50 -50
- package/esm2015/lib/toast/toast.module.js +22 -22
- package/esm2015/lib/toast/toast.service.js +114 -114
- package/esm2015/lib/tooltip/index.js +4 -4
- package/esm2015/lib/tooltip/tooltip.component.js +45 -45
- package/esm2015/lib/tooltip/tooltip.directive.js +86 -86
- package/esm2015/lib/tooltip/tooltip.module.js +23 -23
- package/esm2015/lib/validation/index.js +3 -3
- package/esm2015/lib/validation/validation-rule.widget.js +113 -113
- package/esm2015/lib/validation/validation.class.js +2 -2
- package/esm2015/lib/validation/validation.module.js +32 -32
- package/esm2015/public-api.js +41 -39
- package/fesm2015/acorex-components.js +6215 -5830
- package/fesm2015/acorex-components.js.map +1 -1
- package/lib/alert/alert-button.component.d.ts +13 -13
- package/lib/alert/alert-contnet.component.d.ts +5 -5
- package/lib/alert/alert-footer.component.d.ts +5 -5
- package/lib/alert/alert-suffix.component.d.ts +5 -5
- package/lib/alert/alert-title.component.d.ts +5 -5
- package/lib/alert/alert.component.d.ts +46 -46
- package/lib/alert/alert.module.d.ts +13 -13
- package/lib/alert/index.d.ts +7 -7
- package/lib/avatar/avatar.component.d.ts +20 -20
- package/lib/avatar/avatar.module.d.ts +8 -8
- package/lib/avatar/index.d.ts +2 -2
- package/lib/badge/badge.component.d.ts +11 -0
- package/lib/badge/badge.module.d.ts +8 -0
- package/lib/badge/index.d.ts +2 -0
- package/lib/base/common.module.d.ts +7 -7
- package/lib/base/custom-cdk-overlay.service.d.ts +19 -19
- package/lib/base/drawing.class.d.ts +9 -9
- package/lib/base/events.class.d.ts +72 -72
- package/lib/base/index.d.ts +6 -6
- package/lib/base/mixin/base-components.class.d.ts +84 -84
- package/lib/base/mixin/button-mixin.class.d.ts +81 -79
- package/lib/base/mixin/clickable-mixin.class.d.ts +42 -42
- package/lib/base/mixin/constratctor.d.ts +4 -4
- package/lib/base/mixin/datalist-component.class.d.ts +54 -54
- package/lib/base/mixin/dropdown-mixin.class.d.ts +47 -47
- package/lib/base/mixin/index.d.ts +2 -2
- package/lib/base/mixin/interactive-mixin.class.d.ts +62 -60
- package/lib/base/mixin/loading-mixin.class.d.ts +46 -46
- package/lib/base/mixin/mixin.class.d.ts +591 -814
- package/lib/base/mixin/selection-component.class.d.ts +55 -55
- package/lib/base/mixin/sizable-mixin.class.d.ts +40 -40
- package/lib/base/mixin/textbox-mixin.class.d.ts +58 -59
- package/lib/base/mixin/value-mixin.class.d.ts +70 -68
- package/lib/base/overlay.service.d.ts +31 -31
- package/lib/base/responsive.directive.d.ts +10 -10
- package/lib/base/styles.class.d.ts +17 -17
- package/lib/button/button-group.component.d.ts +36 -36
- package/lib/button/button-item.class.d.ts +22 -22
- package/lib/button/button-item.component.d.ts +92 -92
- package/lib/button/button.component.d.ts +21 -18
- package/lib/button/button.module.d.ts +12 -13
- package/lib/button/index.d.ts +5 -6
- package/lib/calendar/calendar.component.d.ts +56 -16
- package/lib/calendar/calendar.module.d.ts +12 -11
- package/lib/calendar/index.d.ts +2 -2
- package/lib/carousel/carousel-arrows.component.d.ts +14 -14
- package/lib/carousel/carousel-item.component.d.ts +8 -8
- package/lib/carousel/carousel-pager.component.d.ts +22 -22
- package/lib/carousel/carousel-splidejs.class.d.ts +18 -18
- package/lib/carousel/carousel.class.d.ts +48 -48
- package/lib/carousel/carousel.component.d.ts +62 -62
- package/lib/carousel/carousel.module.d.ts +11 -11
- package/lib/carousel/index.d.ts +6 -6
- package/lib/checkbox/checkbox.component.d.ts +12 -12
- package/lib/checkbox/checkbox.module.d.ts +9 -9
- package/lib/checkbox/index.d.ts +2 -2
- package/lib/datalist/datalist.component.d.ts +25 -25
- package/lib/datalist/datalist.module.d.ts +9 -9
- package/lib/datalist/index.d.ts +2 -2
- package/lib/datepicker/datepicker.component.d.ts +18 -18
- package/lib/datepicker/datepicker.module.d.ts +10 -10
- package/lib/datepicker/index.d.ts +2 -2
- package/lib/decorators/decorators.module.d.ts +9 -9
- package/lib/decorators/index.d.ts +3 -3
- package/lib/decorators/prefix.component.d.ts +8 -8
- package/lib/decorators/suffix.component.d.ts +8 -8
- package/lib/dialog/dialog.class.d.ts +12 -12
- package/lib/dialog/dialog.component.d.ts +15 -15
- package/lib/dialog/dialog.module.d.ts +13 -13
- package/lib/dialog/dialog.service.d.ts +36 -18
- package/lib/dialog/index.d.ts +4 -4
- package/lib/drawer/drawer-container.component.d.ts +13 -13
- package/lib/drawer/drawer-content.component.d.ts +8 -8
- package/lib/drawer/drawer.component.d.ts +30 -30
- package/lib/drawer/drawer.module.d.ts +10 -10
- package/lib/drawer/index.d.ts +4 -4
- package/lib/dropdown/dropdown-base.class.d.ts +92 -0
- package/lib/dropdown/dropdown-panel.component.d.ts +28 -117
- package/lib/dropdown/dropdown.component.d.ts +13 -31
- package/lib/dropdown/dropdown.module.d.ts +14 -13
- package/lib/dropdown/index.d.ts +3 -3
- package/lib/form/form-field.component.d.ts +8 -8
- package/lib/form/form-field.module.d.ts +10 -10
- package/lib/form/form-hint.component.d.ts +8 -8
- package/lib/form/form.component.d.ts +13 -13
- package/lib/form/index.d.ts +4 -4
- package/lib/icon/icon.component.d.ts +10 -10
- package/lib/icon/icon.module.d.ts +8 -8
- package/lib/icon/index.d.ts +2 -2
- package/lib/input-mask/index.d.ts +2 -2
- package/lib/input-mask/input-mask.component.d.ts +14 -14
- package/lib/input-mask/input-mask.module.d.ts +9 -9
- package/lib/label/index.d.ts +2 -2
- package/lib/label/label.component.d.ts +8 -8
- package/lib/label/label.module.d.ts +8 -8
- package/lib/loading/index.d.ts +5 -5
- package/lib/loading/loading-spinner.component.d.ts +5 -5
- package/lib/loading/loading.component.d.ts +19 -19
- package/lib/loading/loading.directive.d.ts +22 -22
- package/lib/loading/loading.module.d.ts +13 -13
- package/lib/loading/loading.service.d.ts +48 -48
- package/lib/number-box/index.d.ts +2 -2
- package/lib/number-box/number-box.component.d.ts +69 -69
- package/lib/number-box/number-box.module.d.ts +11 -11
- package/lib/page/base-page.class.d.ts +37 -37
- package/lib/page/index.d.ts +4 -4
- package/lib/page/page-footer.component.d.ts +7 -7
- package/lib/page/page.component.d.ts +13 -13
- package/lib/page/page.module.d.ts +7 -7
- package/lib/password-box/index.d.ts +2 -0
- package/lib/password-box/password-box.component.d.ts +24 -0
- package/lib/password-box/password-box.module.d.ts +12 -0
- package/lib/popover/index.d.ts +2 -2
- package/lib/popover/popover.component.d.ts +44 -30
- package/lib/popover/popover.module.d.ts +8 -8
- package/lib/popup/index.d.ts +3 -3
- package/lib/popup/popup.component.d.ts +33 -33
- package/lib/popup/popup.module.d.ts +12 -12
- package/lib/popup/popup.service.d.ts +37 -37
- package/lib/range-slider/index.d.ts +2 -2
- package/lib/range-slider/range-slider.component.d.ts +8 -8
- package/lib/range-slider/range-slider.module.d.ts +8 -8
- package/lib/selectbox/index.d.ts +2 -2
- package/lib/selectbox/selectbox.component.d.ts +29 -28
- package/lib/selectbox/selectbox.module.d.ts +14 -10
- package/lib/selection-list/index.d.ts +2 -2
- package/lib/selection-list/selection-list.component.d.ts +10 -10
- package/lib/selection-list/selection-list.module.d.ts +10 -10
- package/lib/side-menu/index.d.ts +2 -2
- package/lib/side-menu/side-menu.component.d.ts +8 -8
- package/lib/side-menu/side-menu.module.d.ts +8 -8
- package/lib/switch/index.d.ts +2 -2
- package/lib/switch/switch.component.d.ts +9 -9
- package/lib/switch/switch.module.d.ts +9 -9
- package/lib/tabs/index.d.ts +7 -5
- package/lib/tabs/tab-content.directive.d.ts +11 -0
- package/lib/tabs/tab-item.component.d.ts +16 -0
- package/lib/tabs/tab-strip.component.d.ts +19 -17
- package/lib/tabs/tab-view.component.d.ts +14 -14
- package/lib/tabs/tab.component.d.ts +18 -18
- package/lib/tabs/tabs.class.d.ts +18 -18
- package/lib/tabs/tabs.component.d.ts +19 -0
- package/lib/tabs/tabs.module.d.ts +12 -10
- package/lib/textbox/index.d.ts +2 -2
- package/lib/textbox/textbox.component.d.ts +19 -19
- package/lib/textbox/textbox.module.d.ts +13 -13
- package/lib/time-box/index.d.ts +2 -2
- package/lib/time-box/time-box.component.d.ts +29 -29
- package/lib/time-box/time-box.module.d.ts +11 -11
- package/lib/toast/index.d.ts +4 -4
- package/lib/toast/toast.class.d.ts +14 -14
- package/lib/toast/toast.component.d.ts +16 -16
- package/lib/toast/toast.module.d.ts +9 -9
- package/lib/toast/toast.service.d.ts +18 -18
- package/lib/tooltip/index.d.ts +3 -3
- package/lib/tooltip/tooltip.component.d.ts +10 -10
- package/lib/tooltip/tooltip.directive.d.ts +18 -18
- package/lib/tooltip/tooltip.module.d.ts +10 -10
- package/lib/validation/index.d.ts +2 -2
- package/lib/validation/validation-rule.widget.d.ts +25 -25
- package/lib/validation/validation.class.d.ts +17 -17
- package/lib/validation/validation.module.d.ts +9 -9
- package/package.json +18 -18
- package/public-api.d.ts +39 -37
- package/esm2015/lib/button/dropdown-button.component.js +0 -200
- package/lib/button/dropdown-button.component.d.ts +0 -234
|
@@ -1,131 +1,131 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, ContentChildren, EventEmitter, Input, Output, ViewEncapsulation } from "@angular/core";
|
|
2
|
-
import { AXButtonComponent } from "./button.component";
|
|
3
|
-
import { AXInteractiveComponenetMixin } from "../base";
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export class AXButtonGroupComponent extends AXInteractiveComponenetMixin {
|
|
6
|
-
constructor(elementRef, zone, cdr) {
|
|
7
|
-
super(elementRef, cdr);
|
|
8
|
-
this.zone = zone;
|
|
9
|
-
this.selectionChange = new EventEmitter();
|
|
10
|
-
this.colorChange = new EventEmitter();
|
|
11
|
-
this._color = 'primary';
|
|
12
|
-
this.lookChange = new EventEmitter();
|
|
13
|
-
this._look = null;
|
|
14
|
-
this.onItemClick = new EventEmitter();
|
|
15
|
-
this.onValueChanged = new EventEmitter();
|
|
16
|
-
}
|
|
17
|
-
get selection() {
|
|
18
|
-
return this._selection;
|
|
19
|
-
}
|
|
20
|
-
set selection(value) {
|
|
21
|
-
value = this.onOptionChanging({ name: 'selection', value: value });
|
|
22
|
-
const oldValue = this.selection;
|
|
23
|
-
if (value != oldValue) {
|
|
24
|
-
this._selection = value;
|
|
25
|
-
this.selectionChange.emit(value);
|
|
26
|
-
this.onOptionChanged({ name: 'selection', oldValue, newValue: value });
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
/**
|
|
30
|
-
* Predefined color schemes
|
|
31
|
-
*/
|
|
32
|
-
get color() {
|
|
33
|
-
return this._color;
|
|
34
|
-
}
|
|
35
|
-
set color(value) {
|
|
36
|
-
value = this.onOptionChanging({ name: 'color', value: value });
|
|
37
|
-
const oldValue = this.color;
|
|
38
|
-
if (value != oldValue) {
|
|
39
|
-
this._color = value;
|
|
40
|
-
this.colorChange.emit(value);
|
|
41
|
-
this.onOptionChanged({ name: 'value', oldValue, newValue: value });
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
/**
|
|
45
|
-
* Predefined look schemes
|
|
46
|
-
*/
|
|
47
|
-
get look() {
|
|
48
|
-
return this._look;
|
|
49
|
-
}
|
|
50
|
-
set look(value) {
|
|
51
|
-
value = this.onOptionChanging({ name: 'look', value: value });
|
|
52
|
-
const oldValue = this.look;
|
|
53
|
-
if (value != oldValue) {
|
|
54
|
-
this._look = value;
|
|
55
|
-
this.lookChange.emit(value);
|
|
56
|
-
this.onOptionChanged({ name: 'look', oldValue, newValue: value });
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
ngAfterContentInit() {
|
|
60
|
-
this._bindEvents();
|
|
61
|
-
this._bindProps();
|
|
62
|
-
}
|
|
63
|
-
_bindEvents() {
|
|
64
|
-
(this._contentButtons || []).forEach(b => {
|
|
65
|
-
b.onClick.subscribe(c => {
|
|
66
|
-
this._handleClickEvent(c, b);
|
|
67
|
-
});
|
|
68
|
-
});
|
|
69
|
-
}
|
|
70
|
-
_bindProps() {
|
|
71
|
-
(this._contentButtons || []).forEach(b => {
|
|
72
|
-
b.look = this.look;
|
|
73
|
-
b.color = this.color;
|
|
74
|
-
b.disabled = this.disabled;
|
|
75
|
-
b.toggleable = false;
|
|
76
|
-
});
|
|
77
|
-
}
|
|
78
|
-
onOptionChanged(options) {
|
|
79
|
-
this._bindProps();
|
|
80
|
-
}
|
|
81
|
-
_handleClickEvent(e, button) {
|
|
82
|
-
if (this.selection == 'multiple') {
|
|
83
|
-
button.selected = !button.selected;
|
|
84
|
-
}
|
|
85
|
-
else if (this.selection == 'single') {
|
|
86
|
-
this._contentButtons.forEach(c => {
|
|
87
|
-
c.selected = false;
|
|
88
|
-
});
|
|
89
|
-
button.selected = true;
|
|
90
|
-
}
|
|
91
|
-
else {
|
|
92
|
-
button.selected = false;
|
|
93
|
-
}
|
|
94
|
-
this.onItemClick.emit({
|
|
95
|
-
component: this,
|
|
96
|
-
htmlElement: e.htmlElement,
|
|
97
|
-
item: button
|
|
98
|
-
});
|
|
99
|
-
}
|
|
100
|
-
}
|
|
101
|
-
AXButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: AXButtonGroupComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
102
|
-
AXButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.6", type: AXButtonGroupComponent, selector: "ax-button-group", inputs: { cssClass: "cssClass", size: "size", cssStyle: "cssStyle", rtl: "rtl", disabled: "disabled", selection: "selection", color: "color", look: "look" }, outputs: { selectionChange: "selectionChange", colorChange: "colorChange", lookChange: "lookChange", onItemClick: "onItemClick" }, host: { attributes: { "role": "group" }, classAttribute: "ax-button-group" }, queries: [{ propertyName: "_contentButtons", predicate: AXButtonComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-button\">\n</ng-content>", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
103
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: AXButtonGroupComponent, decorators: [{
|
|
104
|
-
type: Component,
|
|
105
|
-
args: [{
|
|
106
|
-
selector: 'ax-button-group',
|
|
107
|
-
templateUrl: 'button-group.component.html',
|
|
108
|
-
inputs: ['cssClass', 'size', 'cssStyle', 'rtl', 'disabled'],
|
|
109
|
-
encapsulation: ViewEncapsulation.None,
|
|
110
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
111
|
-
host: { class: 'ax-button-group', role: 'group' }
|
|
112
|
-
}]
|
|
113
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { selectionChange: [{
|
|
114
|
-
type: Output
|
|
115
|
-
}], selection: [{
|
|
116
|
-
type: Input
|
|
117
|
-
}], colorChange: [{
|
|
118
|
-
type: Output
|
|
119
|
-
}], color: [{
|
|
120
|
-
type: Input
|
|
121
|
-
}], lookChange: [{
|
|
122
|
-
type: Output
|
|
123
|
-
}], look: [{
|
|
124
|
-
type: Input
|
|
125
|
-
}], onItemClick: [{
|
|
126
|
-
type: Output
|
|
127
|
-
}], _contentButtons: [{
|
|
128
|
-
type: ContentChildren,
|
|
129
|
-
args: [AXButtonComponent, { descendants: true }]
|
|
130
|
-
}] } });
|
|
131
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL3NyYy9saWIvYnV0dG9uL2J1dHRvbi1ncm91cC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hY29yZXgvY29tcG9uZW50cy9zcmMvbGliL2J1dHRvbi9idXR0b24tZ3JvdXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFxQixTQUFTLEVBQUUsZUFBZSxFQUFjLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUEyQixpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNwTSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUN2RCxPQUFPLEVBQWdCLDRCQUE0QixFQUF3RyxNQUFNLFNBQVMsQ0FBQzs7QUFVM0ssTUFBTSxPQUFPLHNCQUF1QixTQUFRLDRCQUE0QjtJQXdFcEUsWUFDSSxVQUFzQixFQUNkLElBQVksRUFDcEIsR0FBc0I7UUFDdEIsS0FBSyxDQUFDLFVBQVUsRUFBRSxHQUFHLENBQUMsQ0FBQTtRQUZkLFNBQUksR0FBSixJQUFJLENBQVE7UUF0RXhCLG9CQUFlLEdBQWtDLElBQUksWUFBWSxFQUFFLENBQUM7UUFtQnBFLGdCQUFXLEdBQW1DLElBQUksWUFBWSxFQUFFLENBQUM7UUFDekQsV0FBTSxHQUFxQixTQUFTLENBQUM7UUFtQjdDLGVBQVUsR0FBb0MsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUN6RCxVQUFLLEdBQXVCLElBQUksQ0FBQztRQW1CekMsZ0JBQVcsR0FBc0QsSUFBSSxZQUFZLEVBQXVDLENBQUM7UUFFbEgsbUJBQWMsR0FBK0MsSUFBSSxZQUFZLEVBQWdDLENBQUM7SUFZckgsQ0FBQztJQXRFRCxJQUNXLFNBQVM7UUFDaEIsT0FB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QzNELGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO29CQUNyQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsSUFBSSxFQUFFLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLElBQUksRUFBRSxPQUFPLEVBQUU7aUJBQ3BEO3NKQUtHLGVBQWU7c0JBRGQsTUFBTTtnQkFLSSxTQUFTO3NCQURuQixLQUFLO2dCQWdCTixXQUFXO3NCQURWLE1BQU07Z0JBT0gsS0FBSztzQkFEUixLQUFLO2dCQWVOLFVBQVU7c0JBRFQsTUFBTTtnQkFPSCxJQUFJO3NCQURQLEtBQUs7Z0JBZU4sV0FBVztzQkFEVixNQUFNO2dCQU9QLGVBQWU7c0JBRGQsZUFBZTt1QkFBQyxpQkFBaUIsRUFBRSxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgQ29udGVudENoaWxkcmVuLCBFbGVtZW50UmVmLCBFdmVudEVtaXR0ZXIsIElucHV0LCBOZ1pvbmUsIE91dHB1dCwgUXVlcnlMaXN0LCBWaWV3Q2hpbGRyZW4sIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IEFYQnV0dG9uQ29tcG9uZW50IH0gZnJvbSBcIi4vYnV0dG9uLmNvbXBvbmVudFwiO1xuaW1wb3J0IHsgQVhDbGlja0V2ZW50LCBBWEludGVyYWN0aXZlQ29tcG9uZW5ldE1peGluLCBBWEl0ZW1DbGlja0V2ZW50LCBBWFNlbGVjdGlvbk1vZGUsIEFYU2VsZWN0aW9uVmFsdWVDaGFuZ2VkRXZlbnQsIEFYU3R5bGVCdXR0b25Mb29rLCBBWFN0eWxlQ29sb3JUeXBlIH0gZnJvbSBcIi4uL2Jhc2VcIjtcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdheC1idXR0b24tZ3JvdXAnLFxuICAgIHRlbXBsYXRlVXJsOiAnYnV0dG9uLWdyb3VwLmNvbXBvbmVudC5odG1sJyxcbiAgICBpbnB1dHM6IFsnY3NzQ2xhc3MnLCAnc2l6ZScsICdjc3NTdHlsZScsICdydGwnLCAnZGlzYWJsZWQnXSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGhvc3Q6IHsgY2xhc3M6ICdheC1idXR0b24tZ3JvdXAnLCByb2xlOiAnZ3JvdXAnIH1cbn0pXG5leHBvcnQgY2xhc3MgQVhCdXR0b25Hcm91cENvbXBvbmVudCBleHRlbmRzIEFYSW50ZXJhY3RpdmVDb21wb25lbmV0TWl4aW4ge1xuXG4gXG4gICAgQE91dHB1dCgpXG4gICAgc2VsZWN0aW9uQ2hhbmdlOiBFdmVudEVtaXR0ZXI8QVhTZWxlY3Rpb25Nb2RlPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICAgIHByaXZhdGUgX3NlbGVjdGlvbiA6IEFYU2VsZWN0aW9uTW9kZTtcbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBnZXQgc2VsZWN0aW9uKCkgOiBBWFNlbGVjdGlvbk1vZGUge1xuICAgICAgICByZXR1cm4gdGhpcy5fc2VsZWN0aW9uO1xuICAgIH1cbiAgICBwdWJsaWMgc2V0IHNlbGVjdGlvbih2YWx1ZSA6IEFYU2VsZWN0aW9uTW9kZSkge1xuICAgICAgICB2YWx1ZSA9IHRoaXMub25PcHRpb25DaGFuZ2luZyh7IG5hbWU6ICdzZWxlY3Rpb24nLCB2YWx1ZTogdmFsdWUgfSk7XG4gICAgICAgIGNvbnN0IG9sZFZhbHVlID0gdGhpcy5zZWxlY3Rpb247XG4gICAgICAgIGlmICh2YWx1ZSAhPSBvbGRWYWx1ZSkge1xuICAgICAgICAgICAgdGhpcy5fc2VsZWN0aW9uID0gdmFsdWU7XG4gICAgICAgICAgICB0aGlzLnNlbGVjdGlvbkNoYW5nZS5lbWl0KHZhbHVlKTtcbiAgICAgICAgICAgIHRoaXMub25PcHRpb25DaGFuZ2VkKHsgbmFtZTogJ3NlbGVjdGlvbicsIG9sZFZhbHVlLCBuZXdWYWx1ZTogdmFsdWUgfSk7XG4gICAgICAgIH1cbiAgICB9XG4gICAgXG5cbiAgICBAT3V0cHV0KClcbiAgICBjb2xvckNoYW5nZTogRXZlbnRFbWl0dGVyPEFYU3R5bGVDb2xvclR5cGU+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICAgIHByaXZhdGUgX2NvbG9yOiBBWFN0eWxlQ29sb3JUeXBlID0gJ3ByaW1hcnknO1xuICAgIC8qKlxuICAgICogIFByZWRlZmluZWQgY29sb3Igc2NoZW1lc1xuICAgICovXG4gICAgQElucHV0KClcbiAgICBnZXQgY29sb3IoKTogQVhTdHlsZUNvbG9yVHlwZSB7XG4gICAgICAgIHJldHVybiB0aGlzLl9jb2xvcjtcbiAgICB9XG4gICAgc2V0IGNvbG9yKHZhbHVlOiBBWFN0eWxlQ29sb3JUeXBlKSB7XG4gICAgICAgIHZhbHVlID0gdGhpcy5vbk9wdGlvbkNoYW5naW5nKHsgbmFtZTogJ2NvbG9yJywgdmFsdWU6IHZhbHVlIH0pO1xuICAgICAgICBjb25zdCBvbGRWYWx1ZSA9IHRoaXMuY29sb3I7XG4gICAgICAgIGlmICh2YWx1ZSAhPSBvbGRWYWx1ZSkge1xuICAgICAgICAgICAgdGhpcy5fY29sb3IgPSB2YWx1ZTtcbiAgICAgICAgICAgIHRoaXMuY29sb3JDaGFuZ2UuZW1pdCh2YWx1ZSk7XG4gICAgICAgICAgICB0aGlzLm9uT3B0aW9uQ2hhbmdlZCh7IG5hbWU6ICd2YWx1ZScsIG9sZFZhbHVlLCBuZXdWYWx1ZTogdmFsdWUgfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBAT3V0cHV0KClcbiAgICBsb29rQ2hhbmdlOiBFdmVudEVtaXR0ZXI8QVhTdHlsZUJ1dHRvbkxvb2s+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICAgIHByaXZhdGUgX2xvb2s/OiBBWFN0eWxlQnV0dG9uTG9vayA9IG51bGw7XG4gICAgLyoqXG4gICAgKiAgUHJlZGVmaW5lZCBsb29rIHNjaGVtZXNcbiAgICAqL1xuICAgIEBJbnB1dCgpXG4gICAgZ2V0IGxvb2soKTogQVhTdHlsZUJ1dHRvbkxvb2sge1xuICAgICAgICByZXR1cm4gdGhpcy5fbG9vaztcbiAgICB9XG4gICAgc2V0IGxvb2sodmFsdWU6IEFYU3R5bGVCdXR0b25Mb29rKSB7XG4gICAgICAgIHZhbHVlID0gdGhpcy5vbk9wdGlvbkNoYW5naW5nKHsgbmFtZTogJ2xvb2snLCB2YWx1ZTogdmFsdWUgfSk7XG4gICAgICAgIGNvbnN0IG9sZFZhbHVlID0gdGhpcy5sb29rO1xuICAgICAgICBpZiAodmFsdWUgIT0gb2xkVmFsdWUpIHtcbiAgICAgICAgICAgIHRoaXMuX2xvb2sgPSB2YWx1ZTtcbiAgICAgICAgICAgIHRoaXMubG9va0NoYW5nZS5lbWl0KHZhbHVlKTtcbiAgICAgICAgICAgIHRoaXMub25PcHRpb25DaGFuZ2VkKHsgbmFtZTogJ2xvb2snLCBvbGRWYWx1ZSwgbmV3VmFsdWU6IHZhbHVlIH0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQE91dHB1dCgpXG4gICAgb25JdGVtQ2xpY2s6IEV2ZW50RW1pdHRlcjxBWEl0ZW1DbGlja0V2ZW50PEFYQnV0dG9uQ29tcG9uZW50Pj4gPSBuZXcgRXZlbnRFbWl0dGVyPEFYSXRlbUNsaWNrRXZlbnQ8QVhCdXR0b25Db21wb25lbnQ+PigpO1xuXG4gICAgcHVibGljIG9uVmFsdWVDaGFuZ2VkOiBFdmVudEVtaXR0ZXI8QVhTZWxlY3Rpb25WYWx1ZUNoYW5nZWRFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyPEFYU2VsZWN0aW9uVmFsdWVDaGFuZ2VkRXZlbnQ+KCk7XG5cblxuICAgIEBDb250ZW50Q2hpbGRyZW4oQVhCdXR0b25Db21wb25lbnQsIHsgZGVzY2VuZGFudHM6IHRydWUgfSlcbiAgICBfY29udGVudEJ1dHRvbnM6IFF1ZXJ5TGlzdDxBWEJ1dHRvbkNvbXBvbmVudD47XG5cblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBlbGVtZW50UmVmOiBFbGVtZW50UmVmLFxuICAgICAgICBwcml2YXRlIHpvbmU6IE5nWm9uZSxcbiAgICAgICAgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZikge1xuICAgICAgICBzdXBlcihlbGVtZW50UmVmLCBjZHIpXG4gICAgfVxuXG5cbiAgICBuZ0FmdGVyQ29udGVudEluaXQoKSB7XG4gICAgICAgIHRoaXMuX2JpbmRFdmVudHMoKTtcbiAgICAgICAgdGhpcy5fYmluZFByb3BzKCk7XG4gICAgfVxuXG5cbiAgICBwcml2YXRlIF9iaW5kRXZlbnRzKCkge1xuICAgICAgICAodGhpcy5fY29udGVudEJ1dHRvbnMgfHwgW10pLmZvckVhY2goYiA9PiB7XG4gICAgICAgICAgICBiLm9uQ2xpY2suc3Vic2NyaWJlKGMgPT4ge1xuICAgICAgICAgICAgICAgIHRoaXMuX2hhbmRsZUNsaWNrRXZlbnQoYywgYik7XG4gICAgICAgICAgICB9KTtcbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBfYmluZFByb3BzKCkge1xuICAgICAgICAodGhpcy5fY29udGVudEJ1dHRvbnMgfHwgW10pLmZvckVhY2goYiA9PiB7XG4gICAgICAgICAgICBiLmxvb2sgPSB0aGlzLmxvb2s7XG4gICAgICAgICAgICBiLmNvbG9yID0gdGhpcy5jb2xvcjtcbiAgICAgICAgICAgIGIuZGlzYWJsZWQgPSB0aGlzLmRpc2FibGVkO1xuICAgICAgICAgICAgYi50b2dnbGVhYmxlID0gZmFsc2U7XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIG9uT3B0aW9uQ2hhbmdlZChvcHRpb25zKSB7XG4gICAgICAgIHRoaXMuX2JpbmRQcm9wcygpO1xuICAgIH1cblxuXG4gICAgX2hhbmRsZUNsaWNrRXZlbnQoZTogQVhDbGlja0V2ZW50LCBidXR0b246IEFYQnV0dG9uQ29tcG9uZW50KSB7XG4gICAgICAgIGlmICh0aGlzLnNlbGVjdGlvbiA9PSAnbXVsdGlwbGUnKSB7XG4gICAgICAgICAgICBidXR0b24uc2VsZWN0ZWQgPSAhYnV0dG9uLnNlbGVjdGVkO1xuICAgICAgICB9XG4gICAgICAgIGVsc2UgaWYgKHRoaXMuc2VsZWN0aW9uID09ICdzaW5nbGUnKSB7XG4gICAgICAgICAgICB0aGlzLl9jb250ZW50QnV0dG9ucy5mb3JFYWNoKGMgPT4ge1xuICAgICAgICAgICAgICAgIGMuc2VsZWN0ZWQgPSBmYWxzZTtcbiAgICAgICAgICAgIH0pXG4gICAgICAgICAgICBidXR0b24uc2VsZWN0ZWQgPSB0cnVlO1xuICAgICAgICB9XG4gICAgICAgIGVsc2Uge1xuICAgICAgICAgICAgYnV0dG9uLnNlbGVjdGVkID0gZmFsc2U7XG4gICAgICAgIH1cbiAgICAgICBcbiAgICAgICAgdGhpcy5vbkl0ZW1DbGljay5lbWl0KHtcbiAgICAgICAgICAgIGNvbXBvbmVudDogdGhpcyxcbiAgICAgICAgICAgIGh0bWxFbGVtZW50OiBlLmh0bWxFbGVtZW50LFxuICAgICAgICAgICAgaXRlbSA6IGJ1dHRvblxuICAgICAgICB9KTtcblxuICAgIH1cbn0iLCI8bmctY29udGVudCBzZWxlY3Q9XCJheC1idXR0b25cIj5cbjwvbmctY29udGVudD4iXX0=
|
|
1
|
+
import { ChangeDetectionStrategy, Component, ContentChildren, EventEmitter, Input, Output, ViewEncapsulation } from "@angular/core";
|
|
2
|
+
import { AXButtonComponent } from "./button.component";
|
|
3
|
+
import { AXInteractiveComponenetMixin } from "../base";
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export class AXButtonGroupComponent extends AXInteractiveComponenetMixin {
|
|
6
|
+
constructor(elementRef, zone, cdr) {
|
|
7
|
+
super(elementRef, cdr);
|
|
8
|
+
this.zone = zone;
|
|
9
|
+
this.selectionChange = new EventEmitter();
|
|
10
|
+
this.colorChange = new EventEmitter();
|
|
11
|
+
this._color = 'primary';
|
|
12
|
+
this.lookChange = new EventEmitter();
|
|
13
|
+
this._look = null;
|
|
14
|
+
this.onItemClick = new EventEmitter();
|
|
15
|
+
this.onValueChanged = new EventEmitter();
|
|
16
|
+
}
|
|
17
|
+
get selection() {
|
|
18
|
+
return this._selection;
|
|
19
|
+
}
|
|
20
|
+
set selection(value) {
|
|
21
|
+
value = this.onOptionChanging({ name: 'selection', value: value });
|
|
22
|
+
const oldValue = this.selection;
|
|
23
|
+
if (value != oldValue) {
|
|
24
|
+
this._selection = value;
|
|
25
|
+
this.selectionChange.emit(value);
|
|
26
|
+
this.onOptionChanged({ name: 'selection', oldValue, newValue: value });
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
/**
|
|
30
|
+
* Predefined color schemes
|
|
31
|
+
*/
|
|
32
|
+
get color() {
|
|
33
|
+
return this._color;
|
|
34
|
+
}
|
|
35
|
+
set color(value) {
|
|
36
|
+
value = this.onOptionChanging({ name: 'color', value: value });
|
|
37
|
+
const oldValue = this.color;
|
|
38
|
+
if (value != oldValue) {
|
|
39
|
+
this._color = value;
|
|
40
|
+
this.colorChange.emit(value);
|
|
41
|
+
this.onOptionChanged({ name: 'value', oldValue, newValue: value });
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
/**
|
|
45
|
+
* Predefined look schemes
|
|
46
|
+
*/
|
|
47
|
+
get look() {
|
|
48
|
+
return this._look;
|
|
49
|
+
}
|
|
50
|
+
set look(value) {
|
|
51
|
+
value = this.onOptionChanging({ name: 'look', value: value });
|
|
52
|
+
const oldValue = this.look;
|
|
53
|
+
if (value != oldValue) {
|
|
54
|
+
this._look = value;
|
|
55
|
+
this.lookChange.emit(value);
|
|
56
|
+
this.onOptionChanged({ name: 'look', oldValue, newValue: value });
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
ngAfterContentInit() {
|
|
60
|
+
this._bindEvents();
|
|
61
|
+
this._bindProps();
|
|
62
|
+
}
|
|
63
|
+
_bindEvents() {
|
|
64
|
+
(this._contentButtons || []).forEach(b => {
|
|
65
|
+
b.onClick.subscribe(c => {
|
|
66
|
+
this._handleClickEvent(c, b);
|
|
67
|
+
});
|
|
68
|
+
});
|
|
69
|
+
}
|
|
70
|
+
_bindProps() {
|
|
71
|
+
(this._contentButtons || []).forEach(b => {
|
|
72
|
+
b.look = this.look;
|
|
73
|
+
b.color = this.color;
|
|
74
|
+
b.disabled = this.disabled;
|
|
75
|
+
b.toggleable = false;
|
|
76
|
+
});
|
|
77
|
+
}
|
|
78
|
+
onOptionChanged(options) {
|
|
79
|
+
this._bindProps();
|
|
80
|
+
}
|
|
81
|
+
_handleClickEvent(e, button) {
|
|
82
|
+
if (this.selection == 'multiple') {
|
|
83
|
+
button.selected = !button.selected;
|
|
84
|
+
}
|
|
85
|
+
else if (this.selection == 'single') {
|
|
86
|
+
this._contentButtons.forEach(c => {
|
|
87
|
+
c.selected = false;
|
|
88
|
+
});
|
|
89
|
+
button.selected = true;
|
|
90
|
+
}
|
|
91
|
+
else {
|
|
92
|
+
button.selected = false;
|
|
93
|
+
}
|
|
94
|
+
this.onItemClick.emit({
|
|
95
|
+
component: this,
|
|
96
|
+
htmlElement: e.htmlElement,
|
|
97
|
+
item: button
|
|
98
|
+
});
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
AXButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: AXButtonGroupComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
102
|
+
AXButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.6", type: AXButtonGroupComponent, selector: "ax-button-group", inputs: { cssClass: "cssClass", size: "size", cssStyle: "cssStyle", rtl: "rtl", disabled: "disabled", selection: "selection", color: "color", look: "look" }, outputs: { selectionChange: "selectionChange", colorChange: "colorChange", lookChange: "lookChange", onItemClick: "onItemClick" }, host: { attributes: { "role": "group" }, classAttribute: "ax-button-group" }, queries: [{ propertyName: "_contentButtons", predicate: AXButtonComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-button\">\r\n</ng-content>", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
103
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: AXButtonGroupComponent, decorators: [{
|
|
104
|
+
type: Component,
|
|
105
|
+
args: [{
|
|
106
|
+
selector: 'ax-button-group',
|
|
107
|
+
templateUrl: 'button-group.component.html',
|
|
108
|
+
inputs: ['cssClass', 'size', 'cssStyle', 'rtl', 'disabled'],
|
|
109
|
+
encapsulation: ViewEncapsulation.None,
|
|
110
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
111
|
+
host: { class: 'ax-button-group', role: 'group' }
|
|
112
|
+
}]
|
|
113
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { selectionChange: [{
|
|
114
|
+
type: Output
|
|
115
|
+
}], selection: [{
|
|
116
|
+
type: Input
|
|
117
|
+
}], colorChange: [{
|
|
118
|
+
type: Output
|
|
119
|
+
}], color: [{
|
|
120
|
+
type: Input
|
|
121
|
+
}], lookChange: [{
|
|
122
|
+
type: Output
|
|
123
|
+
}], look: [{
|
|
124
|
+
type: Input
|
|
125
|
+
}], onItemClick: [{
|
|
126
|
+
type: Output
|
|
127
|
+
}], _contentButtons: [{
|
|
128
|
+
type: ContentChildren,
|
|
129
|
+
args: [AXButtonComponent, { descendants: true }]
|
|
130
|
+
}] } });
|
|
131
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL3NyYy9saWIvYnV0dG9uL2J1dHRvbi1ncm91cC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hY29yZXgvY29tcG9uZW50cy9zcmMvbGliL2J1dHRvbi9idXR0b24tZ3JvdXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFxQixTQUFTLEVBQUUsZUFBZSxFQUFjLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUEyQixpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNwTSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUN2RCxPQUFPLEVBQWdCLDRCQUE0QixFQUF3RyxNQUFNLFNBQVMsQ0FBQzs7QUFVM0ssTUFBTSxPQUFPLHNCQUF1QixTQUFRLDRCQUE0QjtJQXdFcEUsWUFDSSxVQUFzQixFQUNkLElBQVksRUFDcEIsR0FBc0I7UUFDdEIsS0FBSyxDQUFDLFVBQVUsRUFBRSxHQUFHLENBQUMsQ0FBQTtRQUZkLFNBQUksR0FBSixJQUFJLENBQVE7UUF0RXhCLG9CQUFlLEdBQWtDLElBQUksWUFBWSxFQUFFLENBQUM7UUFtQnBFLGdCQUFXLEdBQW1DLElBQUksWUFBWSxFQUFFLENBQUM7UUFDekQsV0FBTSxHQUFxQixTQUFTLENBQUM7UUFtQjdDLGVBQVUsR0FBb0MsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUN6RCxVQUFLLEdBQXVCLElBQUksQ0FBQztRQW1CekMsZ0JBQVcsR0FBc0QsSUFBSSxZQUFZLEVBQXVDLENBQUM7UUFFbEgsbUJBQWMsR0FBK0MsSUFBSSxZQUFZLEVBQWdDLENBQUM7SUFZckgsQ0FBQztJQXRFRCxJQUNXLFNBQVM7UUFDaEIsT0FB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QzNELGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO29CQUNyQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsSUFBSSxFQUFFLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLElBQUksRUFBRSxPQUFPLEVBQUU7aUJBQ3BEO3NKQUtHLGVBQWU7c0JBRGQsTUFBTTtnQkFLSSxTQUFTO3NCQURuQixLQUFLO2dCQWdCTixXQUFXO3NCQURWLE1BQU07Z0JBT0gsS0FBSztzQkFEUixLQUFLO2dCQWVOLFVBQVU7c0JBRFQsTUFBTTtnQkFPSCxJQUFJO3NCQURQLEtBQUs7Z0JBZU4sV0FBVztzQkFEVixNQUFNO2dCQU9QLGVBQWU7c0JBRGQsZUFBZTt1QkFBQyxpQkFBaUIsRUFBRSxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgQ29udGVudENoaWxkcmVuLCBFbGVtZW50UmVmLCBFdmVudEVtaXR0ZXIsIElucHV0LCBOZ1pvbmUsIE91dHB1dCwgUXVlcnlMaXN0LCBWaWV3Q2hpbGRyZW4sIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgQVhCdXR0b25Db21wb25lbnQgfSBmcm9tIFwiLi9idXR0b24uY29tcG9uZW50XCI7XHJcbmltcG9ydCB7IEFYQ2xpY2tFdmVudCwgQVhJbnRlcmFjdGl2ZUNvbXBvbmVuZXRNaXhpbiwgQVhJdGVtQ2xpY2tFdmVudCwgQVhTZWxlY3Rpb25Nb2RlLCBBWFNlbGVjdGlvblZhbHVlQ2hhbmdlZEV2ZW50LCBBWFN0eWxlQnV0dG9uTG9vaywgQVhTdHlsZUNvbG9yVHlwZSB9IGZyb20gXCIuLi9iYXNlXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnYXgtYnV0dG9uLWdyb3VwJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnYnV0dG9uLWdyb3VwLmNvbXBvbmVudC5odG1sJyxcclxuICAgIGlucHV0czogWydjc3NDbGFzcycsICdzaXplJywgJ2Nzc1N0eWxlJywgJ3J0bCcsICdkaXNhYmxlZCddLFxyXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gICAgaG9zdDogeyBjbGFzczogJ2F4LWJ1dHRvbi1ncm91cCcsIHJvbGU6ICdncm91cCcgfVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQVhCdXR0b25Hcm91cENvbXBvbmVudCBleHRlbmRzIEFYSW50ZXJhY3RpdmVDb21wb25lbmV0TWl4aW4ge1xyXG5cclxuIFxyXG4gICAgQE91dHB1dCgpXHJcbiAgICBzZWxlY3Rpb25DaGFuZ2U6IEV2ZW50RW1pdHRlcjxBWFNlbGVjdGlvbk1vZGU+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICAgIHByaXZhdGUgX3NlbGVjdGlvbiA6IEFYU2VsZWN0aW9uTW9kZTtcclxuICAgIEBJbnB1dCgpXHJcbiAgICBwdWJsaWMgZ2V0IHNlbGVjdGlvbigpIDogQVhTZWxlY3Rpb25Nb2RlIHtcclxuICAgICAgICByZXR1cm4gdGhpcy5fc2VsZWN0aW9uO1xyXG4gICAgfVxyXG4gICAgcHVibGljIHNldCBzZWxlY3Rpb24odmFsdWUgOiBBWFNlbGVjdGlvbk1vZGUpIHtcclxuICAgICAgICB2YWx1ZSA9IHRoaXMub25PcHRpb25DaGFuZ2luZyh7IG5hbWU6ICdzZWxlY3Rpb24nLCB2YWx1ZTogdmFsdWUgfSk7XHJcbiAgICAgICAgY29uc3Qgb2xkVmFsdWUgPSB0aGlzLnNlbGVjdGlvbjtcclxuICAgICAgICBpZiAodmFsdWUgIT0gb2xkVmFsdWUpIHtcclxuICAgICAgICAgICAgdGhpcy5fc2VsZWN0aW9uID0gdmFsdWU7XHJcbiAgICAgICAgICAgIHRoaXMuc2VsZWN0aW9uQ2hhbmdlLmVtaXQodmFsdWUpO1xyXG4gICAgICAgICAgICB0aGlzLm9uT3B0aW9uQ2hhbmdlZCh7IG5hbWU6ICdzZWxlY3Rpb24nLCBvbGRWYWx1ZSwgbmV3VmFsdWU6IHZhbHVlIH0pO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuICAgIFxyXG5cclxuICAgIEBPdXRwdXQoKVxyXG4gICAgY29sb3JDaGFuZ2U6IEV2ZW50RW1pdHRlcjxBWFN0eWxlQ29sb3JUeXBlPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICAgIHByaXZhdGUgX2NvbG9yOiBBWFN0eWxlQ29sb3JUeXBlID0gJ3ByaW1hcnknO1xyXG4gICAgLyoqXHJcbiAgICAqICBQcmVkZWZpbmVkIGNvbG9yIHNjaGVtZXNcclxuICAgICovXHJcbiAgICBASW5wdXQoKVxyXG4gICAgZ2V0IGNvbG9yKCk6IEFYU3R5bGVDb2xvclR5cGUge1xyXG4gICAgICAgIHJldHVybiB0aGlzLl9jb2xvcjtcclxuICAgIH1cclxuICAgIHNldCBjb2xvcih2YWx1ZTogQVhTdHlsZUNvbG9yVHlwZSkge1xyXG4gICAgICAgIHZhbHVlID0gdGhpcy5vbk9wdGlvbkNoYW5naW5nKHsgbmFtZTogJ2NvbG9yJywgdmFsdWU6IHZhbHVlIH0pO1xyXG4gICAgICAgIGNvbnN0IG9sZFZhbHVlID0gdGhpcy5jb2xvcjtcclxuICAgICAgICBpZiAodmFsdWUgIT0gb2xkVmFsdWUpIHtcclxuICAgICAgICAgICAgdGhpcy5fY29sb3IgPSB2YWx1ZTtcclxuICAgICAgICAgICAgdGhpcy5jb2xvckNoYW5nZS5lbWl0KHZhbHVlKTtcclxuICAgICAgICAgICAgdGhpcy5vbk9wdGlvbkNoYW5nZWQoeyBuYW1lOiAndmFsdWUnLCBvbGRWYWx1ZSwgbmV3VmFsdWU6IHZhbHVlIH0pO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICBAT3V0cHV0KClcclxuICAgIGxvb2tDaGFuZ2U6IEV2ZW50RW1pdHRlcjxBWFN0eWxlQnV0dG9uTG9vaz4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgICBwcml2YXRlIF9sb29rPzogQVhTdHlsZUJ1dHRvbkxvb2sgPSBudWxsO1xyXG4gICAgLyoqXHJcbiAgICAqICBQcmVkZWZpbmVkIGxvb2sgc2NoZW1lc1xyXG4gICAgKi9cclxuICAgIEBJbnB1dCgpXHJcbiAgICBnZXQgbG9vaygpOiBBWFN0eWxlQnV0dG9uTG9vayB7XHJcbiAgICAgICAgcmV0dXJuIHRoaXMuX2xvb2s7XHJcbiAgICB9XHJcbiAgICBzZXQgbG9vayh2YWx1ZTogQVhTdHlsZUJ1dHRvbkxvb2spIHtcclxuICAgICAgICB2YWx1ZSA9IHRoaXMub25PcHRpb25DaGFuZ2luZyh7IG5hbWU6ICdsb29rJywgdmFsdWU6IHZhbHVlIH0pO1xyXG4gICAgICAgIGNvbnN0IG9sZFZhbHVlID0gdGhpcy5sb29rO1xyXG4gICAgICAgIGlmICh2YWx1ZSAhPSBvbGRWYWx1ZSkge1xyXG4gICAgICAgICAgICB0aGlzLl9sb29rID0gdmFsdWU7XHJcbiAgICAgICAgICAgIHRoaXMubG9va0NoYW5nZS5lbWl0KHZhbHVlKTtcclxuICAgICAgICAgICAgdGhpcy5vbk9wdGlvbkNoYW5nZWQoeyBuYW1lOiAnbG9vaycsIG9sZFZhbHVlLCBuZXdWYWx1ZTogdmFsdWUgfSk7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIEBPdXRwdXQoKVxyXG4gICAgb25JdGVtQ2xpY2s6IEV2ZW50RW1pdHRlcjxBWEl0ZW1DbGlja0V2ZW50PEFYQnV0dG9uQ29tcG9uZW50Pj4gPSBuZXcgRXZlbnRFbWl0dGVyPEFYSXRlbUNsaWNrRXZlbnQ8QVhCdXR0b25Db21wb25lbnQ+PigpO1xyXG5cclxuICAgIHB1YmxpYyBvblZhbHVlQ2hhbmdlZDogRXZlbnRFbWl0dGVyPEFYU2VsZWN0aW9uVmFsdWVDaGFuZ2VkRXZlbnQ+ID0gbmV3IEV2ZW50RW1pdHRlcjxBWFNlbGVjdGlvblZhbHVlQ2hhbmdlZEV2ZW50PigpO1xyXG5cclxuXHJcbiAgICBAQ29udGVudENoaWxkcmVuKEFYQnV0dG9uQ29tcG9uZW50LCB7IGRlc2NlbmRhbnRzOiB0cnVlIH0pXHJcbiAgICBfY29udGVudEJ1dHRvbnM6IFF1ZXJ5TGlzdDxBWEJ1dHRvbkNvbXBvbmVudD47XHJcblxyXG5cclxuICAgIGNvbnN0cnVjdG9yKFxyXG4gICAgICAgIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsXHJcbiAgICAgICAgcHJpdmF0ZSB6b25lOiBOZ1pvbmUsXHJcbiAgICAgICAgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZikge1xyXG4gICAgICAgIHN1cGVyKGVsZW1lbnRSZWYsIGNkcilcclxuICAgIH1cclxuXHJcblxyXG4gICAgbmdBZnRlckNvbnRlbnRJbml0KCkge1xyXG4gICAgICAgIHRoaXMuX2JpbmRFdmVudHMoKTtcclxuICAgICAgICB0aGlzLl9iaW5kUHJvcHMoKTtcclxuICAgIH1cclxuXHJcblxyXG4gICAgcHJpdmF0ZSBfYmluZEV2ZW50cygpIHtcclxuICAgICAgICAodGhpcy5fY29udGVudEJ1dHRvbnMgfHwgW10pLmZvckVhY2goYiA9PiB7XHJcbiAgICAgICAgICAgIGIub25DbGljay5zdWJzY3JpYmUoYyA9PiB7XHJcbiAgICAgICAgICAgICAgICB0aGlzLl9oYW5kbGVDbGlja0V2ZW50KGMsIGIpO1xyXG4gICAgICAgICAgICB9KTtcclxuICAgICAgICB9KTtcclxuICAgIH1cclxuXHJcbiAgICBwcml2YXRlIF9iaW5kUHJvcHMoKSB7XHJcbiAgICAgICAgKHRoaXMuX2NvbnRlbnRCdXR0b25zIHx8IFtdKS5mb3JFYWNoKGIgPT4ge1xyXG4gICAgICAgICAgICBiLmxvb2sgPSB0aGlzLmxvb2s7XHJcbiAgICAgICAgICAgIGIuY29sb3IgPSB0aGlzLmNvbG9yO1xyXG4gICAgICAgICAgICBiLmRpc2FibGVkID0gdGhpcy5kaXNhYmxlZDtcclxuICAgICAgICAgICAgYi50b2dnbGVhYmxlID0gZmFsc2U7XHJcbiAgICAgICAgfSk7XHJcbiAgICB9XHJcblxyXG4gICAgb25PcHRpb25DaGFuZ2VkKG9wdGlvbnMpIHtcclxuICAgICAgICB0aGlzLl9iaW5kUHJvcHMoKTtcclxuICAgIH1cclxuXHJcblxyXG4gICAgX2hhbmRsZUNsaWNrRXZlbnQoZTogQVhDbGlja0V2ZW50LCBidXR0b246IEFYQnV0dG9uQ29tcG9uZW50KSB7XHJcbiAgICAgICAgaWYgKHRoaXMuc2VsZWN0aW9uID09ICdtdWx0aXBsZScpIHtcclxuICAgICAgICAgICAgYnV0dG9uLnNlbGVjdGVkID0gIWJ1dHRvbi5zZWxlY3RlZDtcclxuICAgICAgICB9XHJcbiAgICAgICAgZWxzZSBpZiAodGhpcy5zZWxlY3Rpb24gPT0gJ3NpbmdsZScpIHtcclxuICAgICAgICAgICAgdGhpcy5fY29udGVudEJ1dHRvbnMuZm9yRWFjaChjID0+IHtcclxuICAgICAgICAgICAgICAgIGMuc2VsZWN0ZWQgPSBmYWxzZTtcclxuICAgICAgICAgICAgfSlcclxuICAgICAgICAgICAgYnV0dG9uLnNlbGVjdGVkID0gdHJ1ZTtcclxuICAgICAgICB9XHJcbiAgICAgICAgZWxzZSB7XHJcbiAgICAgICAgICAgIGJ1dHRvbi5zZWxlY3RlZCA9IGZhbHNlO1xyXG4gICAgICAgIH1cclxuICAgICAgIFxyXG4gICAgICAgIHRoaXMub25JdGVtQ2xpY2suZW1pdCh7XHJcbiAgICAgICAgICAgIGNvbXBvbmVudDogdGhpcyxcclxuICAgICAgICAgICAgaHRtbEVsZW1lbnQ6IGUuaHRtbEVsZW1lbnQsXHJcbiAgICAgICAgICAgIGl0ZW0gOiBidXR0b25cclxuICAgICAgICB9KTtcclxuXHJcbiAgICB9XHJcbn0iLCI8bmctY29udGVudCBzZWxlY3Q9XCJheC1idXR0b25cIj5cclxuPC9uZy1jb250ZW50PiJdfQ==
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWl0ZW0uY2xhc3MuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hY29yZXgvY29tcG9uZW50cy9zcmMvbGliL2J1dHRvbi9idXR0b24taXRlbS5jbGFzcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhTdHlsZUJ1dHRvbkxvb2ssIEFYU3R5bGVDb2xvclR5cGUgfSBmcm9tIFwiLi4vYmFzZVwiO1xyXG5cclxuZXhwb3J0IGludGVyZmFjZSBBWENsaWNrSXRlbUJhc2Uge1xyXG4gICAgY3NzQ2xhc3M/OiBzdHJpbmc7XHJcbiAgICBjb2xvcj86IEFYU3R5bGVDb2xvclR5cGU7XHJcbiAgICBsb29rPzogQVhTdHlsZUJ1dHRvbkxvb2s7XHJcbiAgICB0ZXh0Pzogc3RyaW5nO1xyXG4gICAgdG9vbHRpcD86IHN0cmluZztcclxuICAgIGljb25DbGFzcz86IHN0cmluZztcclxuICAgIGJhZGdlPzogc3RyaW5nO1xyXG4gICAgZGlzYWJsZWQ/OiBib29sZWFuO1xyXG4gICAgc2VsZWN0ZWQ/OiBib29sZWFuO1xyXG4gICAgc2VwZXJhdGVkPzogYm9vbGVhbjtcclxuICAgIG5hbWU/OiBzdHJpbmc7XHJcbiAgICBkYXRhPzogYW55O1xyXG4gICAgb25DbGljaz86ICguLi5hcmdzKSA9PiB2b2lkO1xyXG59XHJcbmV4cG9ydCBpbnRlcmZhY2UgQVhCdXR0b25JdGVtIGV4dGVuZHMgIEFYQ2xpY2tJdGVtQmFzZXtcclxuICAgIHN1Ym1pdEJlaGF2aW9yPzogQm9vbGVhbjtcclxuICAgIGNhbmNlbEJlaGF2aW9yPzogYm9vbGVhbjtcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBBWE1lbnVJdGVtIGV4dGVuZHMgIEFYQ2xpY2tJdGVtQmFzZXtcclxufSJdfQ==
|
|
@@ -1,81 +1,81 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, HostBinding, HostListener, Input, ViewEncapsulation } from '@angular/core';
|
|
2
|
-
import { AXBaseComponent } from '../base';
|
|
3
|
-
import { _ClickableComponenetMixin } from '../base/mixin/clickable-mixin.class';
|
|
4
|
-
import { _InteractiveComponenetMixin } from '../base/mixin/interactive-mixin.class';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
import * as i1 from "@angular/common";
|
|
7
|
-
export const AXBaseItemButtonMixin = _InteractiveComponenetMixin(_ClickableComponenetMixin(AXBaseComponent));
|
|
8
|
-
export class AXButtonItemComponent extends AXBaseItemButtonMixin {
|
|
9
|
-
/**
|
|
10
|
-
* @ignore
|
|
11
|
-
*/
|
|
12
|
-
constructor(elementRef, cdr) {
|
|
13
|
-
super(elementRef, cdr);
|
|
14
|
-
this.text = null;
|
|
15
|
-
this.tooltip = null;
|
|
16
|
-
this.selected = false;
|
|
17
|
-
this.seperated = false;
|
|
18
|
-
this.color = 'primary';
|
|
19
|
-
}
|
|
20
|
-
__hostClick(e) {
|
|
21
|
-
this._emitOnClickEvent(e);
|
|
22
|
-
}
|
|
23
|
-
get __hostClass() {
|
|
24
|
-
const cssClasses = {
|
|
25
|
-
'ax-button-icon': !this.text,
|
|
26
|
-
'ax-state-disabled': this.disabled,
|
|
27
|
-
'ax-state-selected': this.selected,
|
|
28
|
-
};
|
|
29
|
-
cssClasses[`ax-${this.color || 'primary'}`] = true;
|
|
30
|
-
return Object.entries(cssClasses).filter(c => c[1]).map(c => c[0]).join(' ');
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
AXButtonItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: AXButtonItemComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
34
|
-
AXButtonItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.6", type: AXButtonItemComponent, selector: "ax-button-item", inputs: { text: "text", tooltip: "tooltip", selected: "selected", seperated: "seperated", name: "name", data: "data", color: "color" }, host: { listeners: { "click": "__hostClick($event)" }, properties: { "class": "this.__hostClass" }, styleAttribute: "cssStyle" }, usesInheritance: true, ngImport: i0, template: `
|
|
35
|
-
<ng-content select="ax-prefix">
|
|
36
|
-
</ng-content>
|
|
37
|
-
<ng-content select="ax-icon">
|
|
38
|
-
</ng-content>
|
|
39
|
-
<span *ngIf="text">{{text}}</span>
|
|
40
|
-
<ng-content select="ax-suffix">
|
|
41
|
-
</ng-content>
|
|
42
|
-
`, isInline: true, directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
43
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: AXButtonItemComponent, decorators: [{
|
|
44
|
-
type: Component,
|
|
45
|
-
args: [{
|
|
46
|
-
selector: 'ax-button-item',
|
|
47
|
-
template: `
|
|
48
|
-
<ng-content select="ax-prefix">
|
|
49
|
-
</ng-content>
|
|
50
|
-
<ng-content select="ax-icon">
|
|
51
|
-
</ng-content>
|
|
52
|
-
<span *ngIf="text">{{text}}</span>
|
|
53
|
-
<ng-content select="ax-suffix">
|
|
54
|
-
</ng-content>
|
|
55
|
-
`,
|
|
56
|
-
encapsulation: ViewEncapsulation.None,
|
|
57
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
58
|
-
host: { style: 'cssStyle' }
|
|
59
|
-
}]
|
|
60
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { text: [{
|
|
61
|
-
type: Input
|
|
62
|
-
}], tooltip: [{
|
|
63
|
-
type: Input
|
|
64
|
-
}], selected: [{
|
|
65
|
-
type: Input
|
|
66
|
-
}], seperated: [{
|
|
67
|
-
type: Input
|
|
68
|
-
}], name: [{
|
|
69
|
-
type: Input
|
|
70
|
-
}], data: [{
|
|
71
|
-
type: Input
|
|
72
|
-
}], color: [{
|
|
73
|
-
type: Input
|
|
74
|
-
}], __hostClick: [{
|
|
75
|
-
type: HostListener,
|
|
76
|
-
args: ['click', ['$event']]
|
|
77
|
-
}], __hostClass: [{
|
|
78
|
-
type: HostBinding,
|
|
79
|
-
args: ['class']
|
|
80
|
-
}] } });
|
|
81
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
import { ChangeDetectionStrategy, Component, HostBinding, HostListener, Input, ViewEncapsulation } from '@angular/core';
|
|
2
|
+
import { AXBaseComponent } from '../base';
|
|
3
|
+
import { _ClickableComponenetMixin } from '../base/mixin/clickable-mixin.class';
|
|
4
|
+
import { _InteractiveComponenetMixin } from '../base/mixin/interactive-mixin.class';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "@angular/common";
|
|
7
|
+
export const AXBaseItemButtonMixin = _InteractiveComponenetMixin(_ClickableComponenetMixin(AXBaseComponent));
|
|
8
|
+
export class AXButtonItemComponent extends AXBaseItemButtonMixin {
|
|
9
|
+
/**
|
|
10
|
+
* @ignore
|
|
11
|
+
*/
|
|
12
|
+
constructor(elementRef, cdr) {
|
|
13
|
+
super(elementRef, cdr);
|
|
14
|
+
this.text = null;
|
|
15
|
+
this.tooltip = null;
|
|
16
|
+
this.selected = false;
|
|
17
|
+
this.seperated = false;
|
|
18
|
+
this.color = 'primary';
|
|
19
|
+
}
|
|
20
|
+
__hostClick(e) {
|
|
21
|
+
this._emitOnClickEvent(e);
|
|
22
|
+
}
|
|
23
|
+
get __hostClass() {
|
|
24
|
+
const cssClasses = {
|
|
25
|
+
'ax-button-icon': !this.text,
|
|
26
|
+
'ax-state-disabled': this.disabled,
|
|
27
|
+
'ax-state-selected': this.selected,
|
|
28
|
+
};
|
|
29
|
+
cssClasses[`ax-${this.color || 'primary'}`] = true;
|
|
30
|
+
return Object.entries(cssClasses).filter(c => c[1]).map(c => c[0]).join(' ');
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
AXButtonItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: AXButtonItemComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
34
|
+
AXButtonItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.6", type: AXButtonItemComponent, selector: "ax-button-item", inputs: { text: "text", tooltip: "tooltip", selected: "selected", seperated: "seperated", name: "name", data: "data", color: "color" }, host: { listeners: { "click": "__hostClick($event)" }, properties: { "class": "this.__hostClass" }, styleAttribute: "cssStyle" }, usesInheritance: true, ngImport: i0, template: `
|
|
35
|
+
<ng-content select="ax-prefix">
|
|
36
|
+
</ng-content>
|
|
37
|
+
<ng-content select="ax-icon">
|
|
38
|
+
</ng-content>
|
|
39
|
+
<span *ngIf="text">{{text}}</span>
|
|
40
|
+
<ng-content select="ax-suffix">
|
|
41
|
+
</ng-content>
|
|
42
|
+
`, isInline: true, directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
43
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: AXButtonItemComponent, decorators: [{
|
|
44
|
+
type: Component,
|
|
45
|
+
args: [{
|
|
46
|
+
selector: 'ax-button-item',
|
|
47
|
+
template: `
|
|
48
|
+
<ng-content select="ax-prefix">
|
|
49
|
+
</ng-content>
|
|
50
|
+
<ng-content select="ax-icon">
|
|
51
|
+
</ng-content>
|
|
52
|
+
<span *ngIf="text">{{text}}</span>
|
|
53
|
+
<ng-content select="ax-suffix">
|
|
54
|
+
</ng-content>
|
|
55
|
+
`,
|
|
56
|
+
encapsulation: ViewEncapsulation.None,
|
|
57
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
58
|
+
host: { style: 'cssStyle' }
|
|
59
|
+
}]
|
|
60
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { text: [{
|
|
61
|
+
type: Input
|
|
62
|
+
}], tooltip: [{
|
|
63
|
+
type: Input
|
|
64
|
+
}], selected: [{
|
|
65
|
+
type: Input
|
|
66
|
+
}], seperated: [{
|
|
67
|
+
type: Input
|
|
68
|
+
}], name: [{
|
|
69
|
+
type: Input
|
|
70
|
+
}], data: [{
|
|
71
|
+
type: Input
|
|
72
|
+
}], color: [{
|
|
73
|
+
type: Input
|
|
74
|
+
}], __hostClick: [{
|
|
75
|
+
type: HostListener,
|
|
76
|
+
args: ['click', ['$event']]
|
|
77
|
+
}], __hostClass: [{
|
|
78
|
+
type: HostBinding,
|
|
79
|
+
args: ['class']
|
|
80
|
+
}] } });
|
|
81
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWNvcmV4L2NvbXBvbmVudHMvc3JjL2xpYi9idXR0b24vYnV0dG9uLWl0ZW0uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBcUIsU0FBUyxFQUFjLFdBQVcsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9KLE9BQU8sRUFBRSxlQUFlLEVBQW9CLE1BQU0sU0FBUyxDQUFDO0FBQzVELE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ2hGLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLHVDQUF1QyxDQUFDOzs7QUFHcEYsTUFBTSxDQUFDLE1BQU0scUJBQXFCLEdBQzlCLDJCQUEyQixDQUN2Qix5QkFBeUIsQ0FBQyxlQUFlLENBQUMsQ0FDN0MsQ0FBQztBQW1CTixNQUFNLE9BQU8scUJBQXNCLFNBQVEscUJBQXFCO0lBRzVEOztNQUVFO0lBQ0YsWUFBWSxVQUFzQixFQUFFLEdBQXNCO1FBQ3RELEtBQUssQ0FBQyxVQUFVLEVBQUUsR0FBRyxDQUFDLENBQUM7UUFJM0IsU0FBSSxHQUFXLElBQUksQ0FBQztRQUdwQixZQUFPLEdBQVcsSUFBSSxDQUFDO1FBSXZCLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFHMUIsY0FBUyxHQUFZLEtBQUssQ0FBQztRQVUzQixVQUFLLEdBQXFCLFNBQVMsQ0FBQztJQXZCcEMsQ0FBQztJQTJCTyxXQUFXLENBQUMsQ0FBYTtRQUM3QixJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDOUIsQ0FBQztJQUVELElBQ1ksV0FBVztRQUNuQixNQUFNLFVBQVUsR0FBRztZQUNmLGdCQUFnQixFQUFFLENBQUMsSUFBSSxDQUFDLElBQUk7WUFDNUIsbUJBQW1CLEVBQUUsSUFBSSxDQUFDLFFBQVE7WUFDbEMsbUJBQW1CLEVBQUUsSUFBSSxDQUFDLFFBQVE7U0FDckMsQ0FBQztRQUNGLFVBQVUsQ0FBQyxNQUFNLElBQUksQ0FBQyxLQUFLLElBQUksU0FBUyxFQUFFLENBQUMsR0FBRyxJQUFJLENBQUM7UUFDbkQsT0FBTyxNQUFNLENBQUMsT0FBTyxDQUFDLFVBQVUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUNqRixDQUFDOztrSEFoRFEscUJBQXFCO3NHQUFyQixxQkFBcUIsdVZBZHBCOzs7Ozs7OztLQVFUOzJGQU1RLHFCQUFxQjtrQkFoQmpDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLGdCQUFnQjtvQkFDMUIsUUFBUSxFQUFFOzs7Ozs7OztLQVFUO29CQUNELGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO29CQUNyQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsSUFBSSxFQUFFLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRTtpQkFDOUI7aUlBYUcsSUFBSTtzQkFESCxLQUFLO2dCQUlOLE9BQU87c0JBRE4sS0FBSztnQkFLTixRQUFRO3NCQURQLEtBQUs7Z0JBSU4sU0FBUztzQkFEUixLQUFLO2dCQUlOLElBQUk7c0JBREgsS0FBSztnQkFJTixJQUFJO3NCQURILEtBQUs7Z0JBS04sS0FBSztzQkFESixLQUFLO2dCQUtFLFdBQVc7c0JBRGxCLFlBQVk7dUJBQUMsT0FBTyxFQUFFLENBQUMsUUFBUSxDQUFDO2dCQU1yQixXQUFXO3NCQUR0QixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgRWxlbWVudFJlZiwgSG9zdEJpbmRpbmcsIEhvc3RMaXN0ZW5lciwgSW5wdXQsIE9uSW5pdCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQVhCYXNlQ29tcG9uZW50LCBBWFN0eWxlQ29sb3JUeXBlIH0gZnJvbSAnLi4vYmFzZSc7XHJcbmltcG9ydCB7IF9DbGlja2FibGVDb21wb25lbmV0TWl4aW4gfSBmcm9tICcuLi9iYXNlL21peGluL2NsaWNrYWJsZS1taXhpbi5jbGFzcyc7XHJcbmltcG9ydCB7IF9JbnRlcmFjdGl2ZUNvbXBvbmVuZXRNaXhpbiB9IGZyb20gJy4uL2Jhc2UvbWl4aW4vaW50ZXJhY3RpdmUtbWl4aW4uY2xhc3MnO1xyXG5cclxuXHJcbmV4cG9ydCBjb25zdCBBWEJhc2VJdGVtQnV0dG9uTWl4aW4gPVxyXG4gICAgX0ludGVyYWN0aXZlQ29tcG9uZW5ldE1peGluKFxyXG4gICAgICAgIF9DbGlja2FibGVDb21wb25lbmV0TWl4aW4oQVhCYXNlQ29tcG9uZW50KVxyXG4gICAgKTtcclxuXHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnYXgtYnV0dG9uLWl0ZW0nLFxyXG4gICAgdGVtcGxhdGU6IGBcclxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1wcmVmaXhcIj5cclxuICAgICAgICA8L25nLWNvbnRlbnQ+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtaWNvblwiPlxyXG4gICAgICAgIDwvbmctY29udGVudD5cclxuICAgICAgICA8c3BhbiAqbmdJZj1cInRleHRcIj57e3RleHR9fTwvc3Bhbj5cclxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1zdWZmaXhcIj5cclxuICAgICAgICA8L25nLWNvbnRlbnQ+XHJcbiAgICBgLFxyXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gICAgaG9zdDogeyBzdHlsZTogJ2Nzc1N0eWxlJyB9XHJcbn0pXHJcblxyXG5leHBvcnQgY2xhc3MgQVhCdXR0b25JdGVtQ29tcG9uZW50IGV4dGVuZHMgQVhCYXNlSXRlbUJ1dHRvbk1peGluIHtcclxuXHJcblxyXG4gICAgLyoqXHJcbiAgICAqICBAaWdub3JlXHJcbiAgICAqL1xyXG4gICAgY29uc3RydWN0b3IoZWxlbWVudFJlZjogRWxlbWVudFJlZiwgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZikge1xyXG4gICAgICAgIHN1cGVyKGVsZW1lbnRSZWYsIGNkcik7XHJcbiAgICB9XHJcblxyXG4gICAgQElucHV0KClcclxuICAgIHRleHQ6IHN0cmluZyA9IG51bGw7XHJcblxyXG4gICAgQElucHV0KClcclxuICAgIHRvb2x0aXA6IHN0cmluZyA9IG51bGw7XHJcblxyXG5cclxuICAgIEBJbnB1dCgpXHJcbiAgICBzZWxlY3RlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICAgIEBJbnB1dCgpXHJcbiAgICBzZXBlcmF0ZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgICBASW5wdXQoKVxyXG4gICAgbmFtZTogc3RyaW5nO1xyXG5cclxuICAgIEBJbnB1dCgpXHJcbiAgICBkYXRhOiBhbnk7XHJcblxyXG5cclxuICAgIEBJbnB1dCgpXHJcbiAgICBjb2xvcjogQVhTdHlsZUNvbG9yVHlwZSA9ICdwcmltYXJ5JztcclxuXHJcblxyXG4gICAgQEhvc3RMaXN0ZW5lcignY2xpY2snLCBbJyRldmVudCddKVxyXG4gICAgcHJpdmF0ZSBfX2hvc3RDbGljayhlOiBNb3VzZUV2ZW50KSB7XHJcbiAgICAgICAgdGhpcy5fZW1pdE9uQ2xpY2tFdmVudChlKTtcclxuICAgIH1cclxuXHJcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcclxuICAgIHByaXZhdGUgZ2V0IF9faG9zdENsYXNzKCk6IHN0cmluZyB7XHJcbiAgICAgICAgY29uc3QgY3NzQ2xhc3NlcyA9IHtcclxuICAgICAgICAgICAgJ2F4LWJ1dHRvbi1pY29uJzogIXRoaXMudGV4dCxcclxuICAgICAgICAgICAgJ2F4LXN0YXRlLWRpc2FibGVkJzogdGhpcy5kaXNhYmxlZCxcclxuICAgICAgICAgICAgJ2F4LXN0YXRlLXNlbGVjdGVkJzogdGhpcy5zZWxlY3RlZCxcclxuICAgICAgICB9O1xyXG4gICAgICAgIGNzc0NsYXNzZXNbYGF4LSR7dGhpcy5jb2xvciB8fCAncHJpbWFyeSd9YF0gPSB0cnVlO1xyXG4gICAgICAgIHJldHVybiBPYmplY3QuZW50cmllcyhjc3NDbGFzc2VzKS5maWx0ZXIoYyA9PiBjWzFdKS5tYXAoYyA9PiBjWzBdKS5qb2luKCcgJyk7XHJcbiAgICB9XHJcbn1cclxuXHJcbiJdfQ==
|