mis-crystal-design-system 18.0.25 → 18.1.0-signal-test
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/action-list/action-list.component.d.ts +17 -15
- package/async-search-dropdown/async-dropdown.component.d.ts +43 -61
- package/button/button.component.d.ts +35 -13
- package/button/button.directive.d.ts +10 -8
- package/button/button.directive.scss +13 -15
- package/checkbox/checkbox.component.d.ts +15 -12
- package/chip/chip.component.d.ts +9 -11
- package/datepicker_v2/models/dp-config.model.d.ts +1 -0
- package/datepicker_v2/tz-datepicker.directive.d.ts +15 -18
- package/datepicker_v2/tz-dp-container/tz-dp-container.component.d.ts +42 -21
- package/daterangepicker_v2/tz-daterangepicker.directive.d.ts +12 -14
- package/daterangepicker_v2/tz-drp-container/tz-drp-container.component.d.ts +46 -23
- package/drawer/drawer-body/drawer-body.component.d.ts +2 -2
- package/drawer/drawer.scss +1 -1
- package/dropdown/calculate-container-height.directive.d.ts +7 -8
- package/dropdown/dropdown.component.d.ts +41 -49
- package/dynamic-form/dynamic-form.component.d.ts +20 -16
- package/esm2022/action-list/action-list.component.mjs +113 -90
- package/esm2022/async-search-dropdown/async-dropdown.component.mjs +257 -327
- package/esm2022/button/button.component.mjs +56 -49
- package/esm2022/button/button.directive.mjs +36 -40
- package/esm2022/checkbox/checkbox.component.mjs +75 -70
- package/esm2022/chip/chip.component.mjs +20 -33
- package/esm2022/datepicker_v2/models/dp-config.model.mjs +1 -1
- package/esm2022/datepicker_v2/tz-datepicker.directive.mjs +42 -71
- package/esm2022/datepicker_v2/tz-dp-container/tz-dp-container.component.mjs +203 -173
- package/esm2022/datepicker_v2/utils/index.mjs +2 -1
- package/esm2022/daterangepicker_v2/tz-daterangepicker.directive.mjs +26 -51
- package/esm2022/daterangepicker_v2/tz-drp-container/tz-drp-container.component.mjs +283 -236
- package/esm2022/drawer/drawer-body/drawer-body.component.mjs +8 -7
- package/esm2022/dropdown/calculate-container-height.directive.mjs +25 -22
- package/esm2022/dropdown/dropdown.component.mjs +163 -187
- package/esm2022/dynamic-form/dynamic-form.component.mjs +119 -73
- package/esm2022/fab/fab.component.mjs +30 -34
- package/esm2022/filter/filter-panel/filter-panel.component.mjs +61 -59
- package/esm2022/input/directives/input/input.directive.mjs +22 -26
- package/esm2022/input/mis-input.component.mjs +42 -46
- package/esm2022/input-stepper/input-stepper/input-stepper.component.mjs +42 -52
- package/esm2022/loader/loader.component.mjs +8 -11
- package/esm2022/mobile-filter/mobile-filter.component.mjs +62 -62
- package/esm2022/modal/module-wrapper/module-wrapper.component.mjs +11 -9
- package/esm2022/multi-select-dropdown/multi-select-dropdown.component.mjs +235 -281
- package/esm2022/nested-multi-select-dropdown/nested-multi-select-dropdown.component.mjs +250 -287
- package/esm2022/phone-input/phone-input.component.mjs +21 -43
- package/esm2022/public-api.mjs +1 -1
- package/esm2022/radio-button/radio-button.component.mjs +15 -27
- package/esm2022/ske-loader/ske-loader.component.mjs +15 -29
- package/esm2022/slider/slider.component.mjs +23 -33
- package/esm2022/slider/slider.module.mjs +4 -11
- package/esm2022/snackbar/snackbar/snackbar.component.mjs +21 -15
- package/esm2022/snackbar/snackbar.service.mjs +3 -2
- package/esm2022/specificdatepicker/tz-sdp-container/tz-sdp-container.component.mjs +231 -344
- package/esm2022/specificdatepicker/tz-specificdatepicker.directive.mjs +77 -105
- package/esm2022/star-rating/star-rating.component.mjs +58 -72
- package/esm2022/switch/switch.component.mjs +34 -36
- package/esm2022/table/actions-cell/actions-cell.component.mjs +56 -55
- package/esm2022/table/custom-table-cell.directive.mjs +22 -18
- package/esm2022/table/filter/filter.component.mjs +60 -42
- package/esm2022/table/sort-icons.directive.mjs +16 -8
- package/esm2022/table/sub-table/sub-table.component.mjs +42 -45
- package/esm2022/table/table.component.mjs +182 -166
- package/esm2022/timepicker/timepicker.component.mjs +245 -160
- package/esm2022/timepicker/timepicker.directive.mjs +3 -2
- package/esm2022/timerangepicker/timerangepicker.component.mjs +200 -159
- package/esm2022/toast/toast.component.mjs +7 -8
- package/esm2022/toast/toast.data.service.mjs +15 -9
- package/esm2022/tooltip/tooltip-container/tooltip.component.mjs +12 -12
- package/esm2022/tooltip/tooltip.directive.mjs +4 -4
- package/esm2022/virtual-scroll/virtual-scroll.component.mjs +57 -59
- package/fab/fab.component.d.ts +12 -8
- package/fesm2022/mis-crystal-design-system-action-list.mjs +112 -89
- package/fesm2022/mis-crystal-design-system-action-list.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-async-search-dropdown.mjs +254 -325
- package/fesm2022/mis-crystal-design-system-async-search-dropdown.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-button.mjs +89 -86
- package/fesm2022/mis-crystal-design-system-button.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-checkbox.mjs +74 -69
- package/fesm2022/mis-crystal-design-system-checkbox.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-chip.mjs +19 -32
- package/fesm2022/mis-crystal-design-system-chip.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-datepicker_v2.mjs +243 -241
- package/fesm2022/mis-crystal-design-system-datepicker_v2.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-daterangepicker_v2.mjs +306 -284
- package/fesm2022/mis-crystal-design-system-daterangepicker_v2.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-drawer.mjs +7 -6
- package/fesm2022/mis-crystal-design-system-drawer.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-dropdown.mjs +184 -205
- package/fesm2022/mis-crystal-design-system-dropdown.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-dynamic-form.mjs +119 -73
- package/fesm2022/mis-crystal-design-system-dynamic-form.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-fab.mjs +29 -33
- package/fesm2022/mis-crystal-design-system-fab.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-filter.mjs +60 -58
- package/fesm2022/mis-crystal-design-system-filter.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-input-stepper.mjs +41 -51
- package/fesm2022/mis-crystal-design-system-input-stepper.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-input.mjs +62 -71
- package/fesm2022/mis-crystal-design-system-input.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-loader.mjs +7 -10
- package/fesm2022/mis-crystal-design-system-loader.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-mobile-filter.mjs +61 -61
- package/fesm2022/mis-crystal-design-system-mobile-filter.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-modal.mjs +10 -8
- package/fesm2022/mis-crystal-design-system-modal.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-multi-select-dropdown.mjs +233 -279
- package/fesm2022/mis-crystal-design-system-multi-select-dropdown.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-nested-multi-select-dropdown.mjs +249 -286
- package/fesm2022/mis-crystal-design-system-nested-multi-select-dropdown.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-phone-input.mjs +20 -42
- package/fesm2022/mis-crystal-design-system-phone-input.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-radio-button.mjs +14 -26
- package/fesm2022/mis-crystal-design-system-radio-button.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-ske-loader.mjs +14 -28
- package/fesm2022/mis-crystal-design-system-ske-loader.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-slider.mjs +25 -42
- package/fesm2022/mis-crystal-design-system-slider.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-snackbar.mjs +22 -15
- package/fesm2022/mis-crystal-design-system-snackbar.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-specificdatepicker.mjs +305 -446
- package/fesm2022/mis-crystal-design-system-specificdatepicker.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-star-rating.mjs +57 -71
- package/fesm2022/mis-crystal-design-system-star-rating.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-switch.mjs +33 -35
- package/fesm2022/mis-crystal-design-system-switch.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-table.mjs +368 -324
- package/fesm2022/mis-crystal-design-system-table.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-timepicker.mjs +246 -160
- package/fesm2022/mis-crystal-design-system-timepicker.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-timerangepicker.mjs +199 -158
- package/fesm2022/mis-crystal-design-system-timerangepicker.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-toast.mjs +19 -14
- package/fesm2022/mis-crystal-design-system-toast.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-tooltip.mjs +14 -14
- package/fesm2022/mis-crystal-design-system-tooltip.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-virtual-scroll.mjs +57 -59
- package/fesm2022/mis-crystal-design-system-virtual-scroll.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system.mjs.map +1 -1
- package/filter/filter-panel/filter-panel.component.d.ts +14 -14
- package/input/directives/input/input.directive.d.ts +6 -10
- package/input/mis-input.component.d.ts +12 -13
- package/input/mis-input.component.scss +18 -18
- package/input-stepper/input-stepper/input-stepper.component.d.ts +8 -7
- package/loader/loader.component.d.ts +3 -6
- package/mobile-filter/mobile-filter.component.d.ts +15 -15
- package/modal/modal.scss +1 -1
- package/modal/module-wrapper/module-wrapper.component.d.ts +2 -3
- package/multi-select-dropdown/multi-select-dropdown.component.d.ts +89 -51
- package/nested-multi-select-dropdown/nested-multi-select-dropdown.component.d.ts +99 -56
- package/package.json +17 -23
- package/phone-input/phone-input.component.d.ts +16 -18
- package/radio-button/radio-button.component.d.ts +9 -11
- package/ske-loader/ske-loader.component.d.ts +8 -11
- package/slider/slider.component.d.ts +8 -11
- package/slider/slider.module.d.ts +1 -2
- package/snackbar/snackbar/snackbar.component.d.ts +3 -3
- package/specificdatepicker/tz-sdp-container/tz-sdp-container.component.d.ts +35 -35
- package/specificdatepicker/tz-specificdatepicker.directive.d.ts +24 -28
- package/star-rating/star-rating.component.d.ts +18 -18
- package/styles/mis-color-constants.scss +0 -204
- package/styles/mis-icons.scss +56 -56
- package/styles/mis-old-icon-styles.scss +21 -21
- package/switch/switch.component.d.ts +8 -10
- package/table/actions-cell/actions-cell.component.d.ts +14 -14
- package/table/custom-table-cell.directive.d.ts +3 -3
- package/table/filter/filter.component.d.ts +9 -9
- package/table/sub-table/sub-table.component.d.ts +5 -5
- package/table/table.component.d.ts +38 -35
- package/timepicker/timepicker.component.d.ts +29 -28
- package/timerangepicker/timerangepicker.component.d.ts +36 -33
- package/toast/toast.data.service.d.ts +1 -1
- package/tooltip/tooltip-container/tooltip.component.d.ts +4 -4
- package/virtual-scroll/virtual-scroll.component.d.ts +8 -9
- package/dynamic-theme/branding.types.d.ts +0 -84
- package/dynamic-theme/dynamic-theme.module.d.ts +0 -9
- package/dynamic-theme/dynamic-theme.service.d.ts +0 -89
- package/dynamic-theme/index.d.ts +0 -1
- package/dynamic-theme/public_api.d.ts +0 -3
- package/esm2022/dynamic-theme/branding.types.mjs +0 -93
- package/esm2022/dynamic-theme/dynamic-theme.module.mjs +0 -25
- package/esm2022/dynamic-theme/dynamic-theme.service.mjs +0 -193
- package/esm2022/dynamic-theme/index.mjs +0 -2
- package/esm2022/dynamic-theme/mis-crystal-design-system-dynamic-theme.mjs +0 -5
- package/esm2022/dynamic-theme/public_api.mjs +0 -4
- package/fesm2022/mis-crystal-design-system-dynamic-theme.mjs +0 -313
- package/fesm2022/mis-crystal-design-system-dynamic-theme.mjs.map +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Component, EventEmitter,
|
|
1
|
+
import { Component, EventEmitter, Output, ChangeDetectionStrategy, input } from "@angular/core";
|
|
2
2
|
import { FormControl } from "@angular/forms";
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "@angular/common";
|
|
@@ -7,16 +7,20 @@ import * as i3 from "mis-crystal-design-system/dropdown";
|
|
|
7
7
|
const _c0 = a0 => ({ "height": a0 });
|
|
8
8
|
export class PhoneInputComponent {
|
|
9
9
|
constructor() {
|
|
10
|
-
this.
|
|
11
|
-
this.
|
|
12
|
-
this.
|
|
13
|
-
this.
|
|
10
|
+
this.dropdownHeight = input();
|
|
11
|
+
this.dropdownWidth = input();
|
|
12
|
+
this.inputHeight = input();
|
|
13
|
+
this.dropdownData = input([]);
|
|
14
|
+
this.dropdownSelectedItem = input({ value: "", label: "" });
|
|
15
|
+
this.label = input();
|
|
16
|
+
this.inputPlaceholder = input('Enter');
|
|
17
|
+
this.inputFormControl = input(new FormControl());
|
|
18
|
+
this.dropdownListWidth = input();
|
|
19
|
+
this.dropdownListHeight = input();
|
|
20
|
+
this.searchEnabled = input(false);
|
|
21
|
+
this.inputType = input("number");
|
|
22
|
+
this.searchLabel = input("Search Keyword");
|
|
14
23
|
this.onDropdownSelection = new EventEmitter();
|
|
15
|
-
this.searchEnabled = false;
|
|
16
|
-
this.inputType = "number";
|
|
17
|
-
this.searchLabel = "Search Keyword";
|
|
18
|
-
}
|
|
19
|
-
ngOnInit() {
|
|
20
24
|
}
|
|
21
25
|
handleDropdownSelection(item) {
|
|
22
26
|
this.onDropdownSelection.emit(item);
|
|
@@ -26,7 +30,7 @@ export class PhoneInputComponent {
|
|
|
26
30
|
event.preventDefault();
|
|
27
31
|
}
|
|
28
32
|
static { this.ɵfac = function PhoneInputComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PhoneInputComponent)(); }; }
|
|
29
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PhoneInputComponent, selectors: [["mis-phone-input"]], inputs: { dropdownHeight: "dropdownHeight", dropdownWidth: "dropdownWidth", inputHeight: "inputHeight", dropdownData: "dropdownData", dropdownSelectedItem: "dropdownSelectedItem", label: "label", inputPlaceholder: "inputPlaceholder", inputFormControl: "inputFormControl", dropdownListWidth: "dropdownListWidth", dropdownListHeight: "dropdownListHeight", searchEnabled: "searchEnabled", inputType: "inputType", searchLabel: "searchLabel" }, outputs: { onDropdownSelection: "onDropdownSelection" }, decls: 5, vars: 16, consts: [[1, "main-container-phone"], [3, "onChange", "height", "dropdownListWidth", "dropdownListHeight", "width", "data", "selectedItem", "label", "searchEnabled", "multiLine", "searchLabel"], [1, "details-field"], [1, "input-box"], [1, "black-text", 3, "wheel", "ngStyle", "placeholder", "formControl", "type"]], template: function PhoneInputComponent_Template(rf, ctx) { if (rf & 1) {
|
|
33
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PhoneInputComponent, selectors: [["mis-phone-input"]], inputs: { dropdownHeight: [1, "dropdownHeight"], dropdownWidth: [1, "dropdownWidth"], inputHeight: [1, "inputHeight"], dropdownData: [1, "dropdownData"], dropdownSelectedItem: [1, "dropdownSelectedItem"], label: [1, "label"], inputPlaceholder: [1, "inputPlaceholder"], inputFormControl: [1, "inputFormControl"], dropdownListWidth: [1, "dropdownListWidth"], dropdownListHeight: [1, "dropdownListHeight"], searchEnabled: [1, "searchEnabled"], inputType: [1, "inputType"], searchLabel: [1, "searchLabel"] }, outputs: { onDropdownSelection: "onDropdownSelection" }, decls: 5, vars: 16, consts: [[1, "main-container-phone"], [3, "onChange", "height", "dropdownListWidth", "dropdownListHeight", "width", "data", "selectedItem", "label", "searchEnabled", "multiLine", "searchLabel"], [1, "details-field"], [1, "input-box"], [1, "black-text", 3, "wheel", "ngStyle", "placeholder", "formControl", "type"]], template: function PhoneInputComponent_Template(rf, ctx) { if (rf & 1) {
|
|
30
34
|
i0.ɵɵelementStart(0, "div", 0)(1, "mis-dropdown", 1);
|
|
31
35
|
i0.ɵɵlistener("onChange", function PhoneInputComponent_Template_mis_dropdown_onChange_1_listener($event) { return ctx.handleDropdownSelection($event); });
|
|
32
36
|
i0.ɵɵelementEnd();
|
|
@@ -35,42 +39,16 @@ export class PhoneInputComponent {
|
|
|
35
39
|
i0.ɵɵelementEnd()()()();
|
|
36
40
|
} if (rf & 2) {
|
|
37
41
|
i0.ɵɵadvance();
|
|
38
|
-
i0.ɵɵproperty("height", ctx.dropdownHeight)("dropdownListWidth", ctx.dropdownListWidth)("dropdownListHeight", ctx.dropdownListHeight)("width", ctx.dropdownWidth)("data", ctx.dropdownData)("selectedItem", ctx.dropdownSelectedItem)("label", ctx.label)("searchEnabled", ctx.searchEnabled)("multiLine", false)("searchLabel", ctx.searchLabel);
|
|
42
|
+
i0.ɵɵproperty("height", ctx.dropdownHeight())("dropdownListWidth", ctx.dropdownListWidth())("dropdownListHeight", ctx.dropdownListHeight())("width", ctx.dropdownWidth())("data", ctx.dropdownData())("selectedItem", ctx.dropdownSelectedItem())("label", ctx.label())("searchEnabled", ctx.searchEnabled())("multiLine", false)("searchLabel", ctx.searchLabel());
|
|
39
43
|
i0.ɵɵadvance(3);
|
|
40
|
-
i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(14, _c0, ctx.inputHeight))("placeholder", ctx.inputPlaceholder)("formControl", ctx.inputFormControl)("type", ctx.inputType);
|
|
41
|
-
} }, dependencies: [i1.NgStyle, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlDirective, i3.DropdownComponent], styles: ["
|
|
44
|
+
i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(14, _c0, ctx.inputHeight()))("placeholder", ctx.inputPlaceholder())("formControl", ctx.inputFormControl())("type", ctx.inputType());
|
|
45
|
+
} }, dependencies: [i1.NgStyle, i2.DefaultValueAccessor, i2.NgControlStatus, i2.FormControlDirective, i3.DropdownComponent], styles: [".main-container-phone[_ngcontent-%COMP%]{display:flex;border:1px solid #E0E0E0;border-radius:6px}.details-field[_ngcontent-%COMP%] label[_ngcontent-%COMP%]{display:inline-block;min-width:224px;margin-right:24px}.details-field[_ngcontent-%COMP%] .input-box[_ngcontent-%COMP%]{width:100%}.details-field[_ngcontent-%COMP%] .input-box[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{width:100%;height:32px}input[_ngcontent-%COMP%]{padding:10px 16px;border:none;outline:none;color:#181f33;line-height:24px;font-size:16px;width:100%;height:auto;border-radius:6px}.black-text[_ngcontent-%COMP%]{color:#181f33;font-size:16px;line-height:24px}input[_ngcontent-%COMP%]::-webkit-outer-spin-button, input[_ngcontent-%COMP%]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number][_ngcontent-%COMP%]{appearance:textfield;-moz-appearance:textfield}.main-container-phone[_ngcontent-%COMP%] .item{padding:8px!important}.main-container-phone[_ngcontent-%COMP%] .dropdown{border:unset!important}"], changeDetection: 0 }); }
|
|
42
46
|
}
|
|
43
47
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PhoneInputComponent, [{
|
|
44
48
|
type: Component,
|
|
45
|
-
args: [{ selector: "mis-phone-input", template: "<div class=\"main-container-phone\">\n <mis-dropdown [height]=\"dropdownHeight\" [dropdownListWidth]=\"dropdownListWidth\"[dropdownListHeight]=\"dropdownListHeight\" [width]=\"dropdownWidth\" [data]=\"dropdownData\" [selectedItem]=\"dropdownSelectedItem\" [label]=\"label\" [searchEnabled]=\"searchEnabled\" [multiLine]=\"false\" (onChange)=\"handleDropdownSelection($event)\" [searchLabel]=\"searchLabel\"
|
|
46
|
-
}],
|
|
47
|
-
type: Input
|
|
48
|
-
}], dropdownWidth: [{
|
|
49
|
-
type: Input
|
|
50
|
-
}], inputHeight: [{
|
|
51
|
-
type: Input
|
|
52
|
-
}], dropdownData: [{
|
|
53
|
-
type: Input
|
|
54
|
-
}], dropdownSelectedItem: [{
|
|
55
|
-
type: Input
|
|
56
|
-
}], label: [{
|
|
57
|
-
type: Input
|
|
58
|
-
}], inputPlaceholder: [{
|
|
59
|
-
type: Input
|
|
60
|
-
}], inputFormControl: [{
|
|
61
|
-
type: Input
|
|
62
|
-
}], onDropdownSelection: [{
|
|
49
|
+
args: [{ selector: "mis-phone-input", changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"main-container-phone\">\n <mis-dropdown \n [height]=\"dropdownHeight()\" \n [dropdownListWidth]=\"dropdownListWidth()\"\n [dropdownListHeight]=\"dropdownListHeight()\" \n [width]=\"dropdownWidth()\" \n [data]=\"dropdownData()\" \n [selectedItem]=\"dropdownSelectedItem()\" \n [label]=\"label()\" \n [searchEnabled]=\"searchEnabled()\" \n [multiLine]=\"false\" \n (onChange)=\"handleDropdownSelection($event)\" \n [searchLabel]=\"searchLabel()\">\n </mis-dropdown>\n <div class=\"details-field\">\n <div class=\"input-box\">\n <input\n [ngStyle]=\"{'height': inputHeight() }\"\n class=\"black-text\"\n [placeholder]=\"inputPlaceholder()\"\n [formControl]=\"inputFormControl()\" \n [type]=\"inputType()\"\n (wheel)=\"preventScroll($event)\"\n />\n </div>\n </div>\n</div>\n", styles: [".main-container-phone{display:flex;border:1px solid #E0E0E0;border-radius:6px}.details-field label{display:inline-block;min-width:224px;margin-right:24px}.details-field .input-box{width:100%}.details-field .input-box input{width:100%;height:32px}input{padding:10px 16px;border:none;outline:none;color:#181f33;line-height:24px;font-size:16px;width:100%;height:auto;border-radius:6px}.black-text{color:#181f33;font-size:16px;line-height:24px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield;-moz-appearance:textfield}.main-container-phone ::ng-deep .item{padding:8px!important}.main-container-phone ::ng-deep .dropdown{border:unset!important}\n"] }]
|
|
50
|
+
}], null, { onDropdownSelection: [{
|
|
63
51
|
type: Output
|
|
64
|
-
}], dropdownListWidth: [{
|
|
65
|
-
type: Input
|
|
66
|
-
}], dropdownListHeight: [{
|
|
67
|
-
type: Input
|
|
68
|
-
}], searchEnabled: [{
|
|
69
|
-
type: Input
|
|
70
|
-
}], inputType: [{
|
|
71
|
-
type: Input
|
|
72
|
-
}], searchLabel: [{
|
|
73
|
-
type: Input
|
|
74
52
|
}] }); })();
|
|
75
53
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PhoneInputComponent, { className: "PhoneInputComponent" }); })();
|
|
76
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGhvbmUtaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbWlzLWNvbXBvbmVudHMvcGhvbmUtaW5wdXQvcGhvbmUtaW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbWlzLWNvbXBvbmVudHMvcGhvbmUtaW5wdXQvcGhvbmUtaW5wdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLHVCQUF1QixFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNoRyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7OztBQVM3QyxNQUFNLE9BQU8sbUJBQW1CO0lBTmhDO1FBT0UsbUJBQWMsR0FBRyxLQUFLLEVBQVUsQ0FBQztRQUNqQyxrQkFBYSxHQUFHLEtBQUssRUFBVSxDQUFDO1FBQ2hDLGdCQUFXLEdBQUcsS0FBSyxFQUFVLENBQUM7UUFDOUIsaUJBQVksR0FBRyxLQUFLLENBQWlCLEVBQUUsQ0FBQyxDQUFDO1FBQ3pDLHlCQUFvQixHQUFHLEtBQUssQ0FBZSxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDckUsVUFBSyxHQUFHLEtBQUssRUFBVSxDQUFDO1FBQ3hCLHFCQUFnQixHQUFHLEtBQUssQ0FBUyxPQUFPLENBQUMsQ0FBQztRQUMxQyxxQkFBZ0IsR0FBRyxLQUFLLENBQWMsSUFBSSxXQUFXLEVBQUUsQ0FBQyxDQUFDO1FBQ3pELHNCQUFpQixHQUFHLEtBQUssRUFBVSxDQUFDO1FBQ3BDLHVCQUFrQixHQUFHLEtBQUssRUFBVSxDQUFDO1FBQ3JDLGtCQUFhLEdBQUcsS0FBSyxDQUFVLEtBQUssQ0FBQyxDQUFDO1FBQ3RDLGNBQVMsR0FBRyxLQUFLLENBQVMsUUFBUSxDQUFDLENBQUM7UUFDcEMsZ0JBQVcsR0FBRyxLQUFLLENBQVMsZ0JBQWdCLENBQUMsQ0FBQztRQUVwQyx3QkFBbUIsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO0tBVXpEO0lBUkMsdUJBQXVCLENBQUMsSUFBa0I7UUFDeEMsSUFBSSxDQUFDLG1CQUFtQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN0QyxDQUFDO0lBRUQsYUFBYSxDQUFDLEtBQWlCO1FBQzdCLHFFQUFxRTtRQUNyRSxLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7SUFDekIsQ0FBQztvSEF4QlUsbUJBQW1CO29FQUFuQixtQkFBbUI7WUNUOUIsQUFERiw4QkFBa0Msc0JBWUE7WUFEOUIsa0hBQVksbUNBQStCLElBQUM7WUFFOUMsaUJBQWU7WUFHWCxBQURGLEFBREYsOEJBQTJCLGFBQ0YsZUFRbkI7WUFEQSxxR0FBUyx5QkFBcUIsSUFBQztZQUl2QyxBQURFLEFBREUsQUFSRSxpQkFPRSxFQUNFLEVBQ0YsRUFDRjs7WUF4QkYsY0FBMkI7WUFVM0IsQUFGQSxBQURBLEFBREEsQUFEQSxBQURBLEFBREEsQUFEQSxBQURBLEFBREEsNkNBQTJCLDhDQUNjLGdEQUNFLDhCQUNsQiw0QkFDRiw0Q0FDZ0Isc0JBQ3RCLHNDQUNnQixvQkFDZCxrQ0FFVTtZQUt6QixlQUFzQztZQUl0QyxBQURBLEFBREEsQUFGQSx3RUFBc0MsdUNBRUosdUNBQ0EseUJBQ2Q7OztpRkRYZixtQkFBbUI7Y0FOL0IsU0FBUzsyQkFDRSxpQkFBaUIsbUJBR1YsdUJBQXVCLENBQUMsTUFBTTtnQkFpQnJDLG1CQUFtQjtrQkFBNUIsTUFBTTs7a0ZBZkksbUJBQW1CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIE91dHB1dCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIGlucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IEZvcm1Db250cm9sIH0gZnJvbSBcIkBhbmd1bGFyL2Zvcm1zXCI7XG5pbXBvcnQgeyBEcm9wZG93bkl0ZW0gfSBmcm9tIFwibWlzLWNyeXN0YWwtZGVzaWduLXN5c3RlbS9kcm9wZG93blwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwibWlzLXBob25lLWlucHV0XCIsXG4gIHRlbXBsYXRlVXJsOiBcIi4vcGhvbmUtaW5wdXQuY29tcG9uZW50Lmh0bWxcIixcbiAgc3R5bGVVcmxzOiBbXCIuL3Bob25lLWlucHV0LmNvbXBvbmVudC5zY3NzXCJdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBQaG9uZUlucHV0Q29tcG9uZW50IHtcbiAgZHJvcGRvd25IZWlnaHQgPSBpbnB1dDxzdHJpbmc+KCk7XG4gIGRyb3Bkb3duV2lkdGggPSBpbnB1dDxzdHJpbmc+KCk7XG4gIGlucHV0SGVpZ2h0ID0gaW5wdXQ8c3RyaW5nPigpO1xuICBkcm9wZG93bkRhdGEgPSBpbnB1dDxEcm9wZG93bkl0ZW1bXT4oW10pO1xuICBkcm9wZG93blNlbGVjdGVkSXRlbSA9IGlucHV0PERyb3Bkb3duSXRlbT4oeyB2YWx1ZTogXCJcIiwgbGFiZWw6IFwiXCIgfSk7XG4gIGxhYmVsID0gaW5wdXQ8c3RyaW5nPigpO1xuICBpbnB1dFBsYWNlaG9sZGVyID0gaW5wdXQ8c3RyaW5nPignRW50ZXInKTtcbiAgaW5wdXRGb3JtQ29udHJvbCA9IGlucHV0PEZvcm1Db250cm9sPihuZXcgRm9ybUNvbnRyb2woKSk7XG4gIGRyb3Bkb3duTGlzdFdpZHRoID0gaW5wdXQ8c3RyaW5nPigpO1xuICBkcm9wZG93bkxpc3RIZWlnaHQgPSBpbnB1dDxzdHJpbmc+KCk7XG4gIHNlYXJjaEVuYWJsZWQgPSBpbnB1dDxib29sZWFuPihmYWxzZSk7XG4gIGlucHV0VHlwZSA9IGlucHV0PHN0cmluZz4oXCJudW1iZXJcIik7XG4gIHNlYXJjaExhYmVsID0gaW5wdXQ8c3RyaW5nPihcIlNlYXJjaCBLZXl3b3JkXCIpO1xuXG4gIEBPdXRwdXQoKSBvbkRyb3Bkb3duU2VsZWN0aW9uID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgaGFuZGxlRHJvcGRvd25TZWxlY3Rpb24oaXRlbTogRHJvcGRvd25JdGVtKSB7XG4gICAgdGhpcy5vbkRyb3Bkb3duU2VsZWN0aW9uLmVtaXQoaXRlbSk7XG4gIH1cblxuICBwcmV2ZW50U2Nyb2xsKGV2ZW50OiBXaGVlbEV2ZW50KTogdm9pZCB7XG4gICAgLy8gUHJldmVudCBzY3JvbGwgd2hlZWwgZnJvbSBjaGFuZ2luZyBudW1iZXIgaW5wdXQgdmFsdWUgd2hlbiBmb2N1c2VkXG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cIm1haW4tY29udGFpbmVyLXBob25lXCI+XG4gIDxtaXMtZHJvcGRvd24gXG4gICAgW2hlaWdodF09XCJkcm9wZG93bkhlaWdodCgpXCIgXG4gICAgW2Ryb3Bkb3duTGlzdFdpZHRoXT1cImRyb3Bkb3duTGlzdFdpZHRoKClcIlxuICAgIFtkcm9wZG93bkxpc3RIZWlnaHRdPVwiZHJvcGRvd25MaXN0SGVpZ2h0KClcIiBcbiAgICBbd2lkdGhdPVwiZHJvcGRvd25XaWR0aCgpXCIgXG4gICAgW2RhdGFdPVwiZHJvcGRvd25EYXRhKClcIiBcbiAgICBbc2VsZWN0ZWRJdGVtXT1cImRyb3Bkb3duU2VsZWN0ZWRJdGVtKClcIiBcbiAgICBbbGFiZWxdPVwibGFiZWwoKVwiIFxuICAgIFtzZWFyY2hFbmFibGVkXT1cInNlYXJjaEVuYWJsZWQoKVwiIFxuICAgIFttdWx0aUxpbmVdPVwiZmFsc2VcIiBcbiAgICAob25DaGFuZ2UpPVwiaGFuZGxlRHJvcGRvd25TZWxlY3Rpb24oJGV2ZW50KVwiIFxuICAgIFtzZWFyY2hMYWJlbF09XCJzZWFyY2hMYWJlbCgpXCI+XG4gIDwvbWlzLWRyb3Bkb3duPlxuICA8ZGl2IGNsYXNzPVwiZGV0YWlscy1maWVsZFwiPlxuICAgIDxkaXYgY2xhc3M9XCJpbnB1dC1ib3hcIj5cbiAgICAgIDxpbnB1dFxuICAgICAgICBbbmdTdHlsZV09XCJ7J2hlaWdodCc6IGlucHV0SGVpZ2h0KCkgfVwiXG4gICAgICAgIGNsYXNzPVwiYmxhY2stdGV4dFwiXG4gICAgICAgIFtwbGFjZWhvbGRlcl09XCJpbnB1dFBsYWNlaG9sZGVyKClcIlxuICAgICAgICBbZm9ybUNvbnRyb2xdPVwiaW5wdXRGb3JtQ29udHJvbCgpXCIgXG4gICAgICAgIFt0eXBlXT1cImlucHV0VHlwZSgpXCJcbiAgICAgICAgKHdoZWVsKT1cInByZXZlbnRTY3JvbGwoJGV2ZW50KVwiXG4gICAgICAvPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
package/esm2022/public-api.mjs
CHANGED
|
@@ -17,4 +17,4 @@
|
|
|
17
17
|
// export * from './tooltip'
|
|
18
18
|
// export * from './datepicker'
|
|
19
19
|
export default {};
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL21pcy1jb21wb25lbnRzL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFDSCw0QkFBNEI7QUFDNUIsOEJBQThCO0FBQzlCLDBCQUEwQjtBQUMxQiw0QkFBNEI7QUFDNUIsOEJBQThCO0FBQzlCLHlCQUF5QjtBQUN6Qiw0QkFBNEI7QUFDNUIsMENBQTBDO0FBQzFDLGlEQUFpRDtBQUNqRCxpQ0FBaUM7QUFDakMsMkJBQTJCO0FBQzNCLDJCQUEyQjtBQUMzQiwwQkFBMEI7QUFDMUIsNEJBQTRCO0FBQzVCLCtCQUErQjtBQUUvQixlQUFlLEVBQUUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgbWlzLWNvbXBvbmVudHNcbiAqL1xuLy8gZXhwb3J0ICogZnJvbSAnLi9idXR0b24nO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9jaGVja2JveCc7XG4vLyBleHBvcnQgKiBmcm9tICcuL2NoaXAnO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9kcmF3ZXInO1xuLy8gZXhwb3J0ICogZnJvbSAnLi9kcm9wZG93bic7XG4vLyBleHBvcnQgKiBmcm9tICcuL2ZhYic7XG4vLyBleHBvcnQgKiBmcm9tICcuL2xvYWRlcic7XG4vLyBleHBvcnQgKiBmcm9tICcuL211bHRpLXNlbGVjdC1kcm9wZG93bidcbi8vIGV4cG9ydCAqIGZyb20gJy4vbmVzdGVkLW11bHRpLXNlbGVjdC1kcm9wZG93bidcbi8vIGV4cG9ydCAqIGZyb20gJy4vcmFkaW8tYnV0dG9uJ1xuLy8gZXhwb3J0ICogZnJvbSAnLi9zd2l0Y2gnXG4vLyBleHBvcnQgKiBmcm9tICcuL3RhYmxlJztcbi8vIGV4cG9ydCAqIGZyb20gJy4vdG9hc3QnXG4vLyBleHBvcnQgKiBmcm9tICcuL3Rvb2x0aXAnXG4vLyBleHBvcnQgKiBmcm9tICcuL2RhdGVwaWNrZXInXG5cbmV4cG9ydCBkZWZhdWx0IHt9O1xuIl19
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Component,
|
|
1
|
+
import { Component, Output, EventEmitter, ChangeDetectionStrategy, input } from "@angular/core";
|
|
2
2
|
import { UntypedFormControl } from "@angular/forms";
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "@angular/forms";
|
|
@@ -6,52 +6,40 @@ export class RadioButtonComponent {
|
|
|
6
6
|
constructor() {
|
|
7
7
|
/** When multiple radio input fields are used
|
|
8
8
|
* an "id" can be given to keep track of them */
|
|
9
|
-
this.id = "";
|
|
9
|
+
this.id = input("");
|
|
10
10
|
/** Name of the attribute for which the radio
|
|
11
11
|
* selection is provided */
|
|
12
|
-
this.name = "";
|
|
12
|
+
this.name = input("");
|
|
13
13
|
/** Value of the attribute which is to be emitted
|
|
14
14
|
* when selected */
|
|
15
|
-
this.value = "";
|
|
15
|
+
this.value = input("");
|
|
16
16
|
/** Controls the state of the radio button */
|
|
17
|
-
this.disabled = false;
|
|
17
|
+
this.disabled = input(false);
|
|
18
18
|
/** Can be used to attach the radio input field
|
|
19
19
|
* to a reactive form by passing in a
|
|
20
|
-
*
|
|
20
|
+
* "FormControl" Object. It can also be
|
|
21
21
|
* used to set the default attribute value */
|
|
22
|
-
this.formControl = new UntypedFormControl(null);
|
|
22
|
+
this.formControl = input(new UntypedFormControl(null));
|
|
23
23
|
/** Emits "value" of the radio button on selection */
|
|
24
24
|
this.valueChange = new EventEmitter();
|
|
25
25
|
}
|
|
26
|
-
ngOnInit() { }
|
|
27
26
|
onChange(event) {
|
|
28
|
-
this.valueChange.emit(this.formControl.value);
|
|
27
|
+
this.valueChange.emit(this.formControl().value);
|
|
29
28
|
}
|
|
30
29
|
static { this.ɵfac = function RadioButtonComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || RadioButtonComponent)(); }; }
|
|
31
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RadioButtonComponent, selectors: [["mis-radio"]], inputs: { id: "id", name: "name", value: "value", disabled: "disabled", formControl: "formControl" }, outputs: { valueChange: "valueChange" }, decls: 1, vars: 5, consts: [["tabindex", "-1", "type", "radio", 3, "change", "
|
|
30
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RadioButtonComponent, selectors: [["mis-radio"]], inputs: { id: [1, "id"], name: [1, "name"], value: [1, "value"], disabled: [1, "disabled"], formControl: [1, "formControl"] }, outputs: { valueChange: "valueChange" }, decls: 1, vars: 5, consts: [["tabindex", "-1", "type", "radio", 3, "change", "keyup.enter", "id", "name", "disabled", "value", "formControl"]], template: function RadioButtonComponent_Template(rf, ctx) { if (rf & 1) {
|
|
32
31
|
i0.ɵɵelementStart(0, "input", 0);
|
|
33
|
-
i0.ɵɵlistener("change", function RadioButtonComponent_Template_input_change_0_listener($event) { return ctx.onChange($event); })("
|
|
32
|
+
i0.ɵɵlistener("change", function RadioButtonComponent_Template_input_change_0_listener($event) { return ctx.onChange($event); })("keyup.enter", function RadioButtonComponent_Template_input_keyup_enter_0_listener($event) { return ctx.onChange($event); });
|
|
34
33
|
i0.ɵɵelementEnd();
|
|
35
34
|
} if (rf & 2) {
|
|
36
|
-
i0.ɵɵ
|
|
37
|
-
|
|
38
|
-
} }, dependencies: [i1.DefaultValueAccessor, i1.RadioControlValueAccessor, i1.NgControlStatus, i1.FormControlDirective], styles: ["[_ngcontent-%COMP%]:root{--pmry-200: #99BAF7;--pmry-100: #CBDDFB;--pmry-500: #0937B2;--pmry-400: #3C68D0;--pmry-600: #062A99;--pmry-700: #041F80;--pmry-300: #638FE7;--pmry-800: #021567;--pmry-900: #010F55;--sec-d-purple: #40447F;--sec-maroon: #6B034E;--sec-mud-red: #B23600;--sec-orange: #ED711C;--sec-purple: #815FD5;--sec-teal: #10ADAE;--sec-yellow: #D4900C;--sec-green: #547F40;--sec-bright-green: #27D22E;--sec-dark-teal: #035F6B;--sec-chocolate: #7C2F33;--sec-rube-pink: #C13D6D;--sec-cerulean: #0087B2;--sem-error: #B00020;--sem-info: #0091FF;--sem-warning: #FF9D00;--sem-success: #38AF49;--grey-bg-1: #FAFAFA;--grey-bg: #F5F5F5;--grey-seperators: #E0E0E0;--grey-disabled: #C8CDD3;--grey-hover: #F5F7FC;--grey-pressed: #E6EBF7;--grey-row: #F5F7FC;--dec-light-yellow: #F4E7C3;--dec-light-purple: #DACFF9;--dec-light-green: #E4F5E9;--dec-light-green2: #F1FFF3;--dec-light-pink: #FAE1EA;--dec-: #F4CBC1;--dec-lt-orange: #FAEFED;--dec-light-blue: #CFECF9;--dec-row-selection: #F1FDF8;--dec-row-selection2: #F2FBFF;--dec-row-lines: #D3E1E9;--text-white: #FFFFFF;--text-muted: #6A737D;--text-black: #181F33;--MR-solid-blue2:#C8D5F6;--MR-solid-purple:#C9C3FB;--MR-solid-orange:#EEAC9F;--MR-solid-green:#ACDADA;--MR-solid-brown:#E8C8AF;--MR-solid-yellow:#FFEFC7;--MR-solid-blue:#BBE6FF;--MR-solid-pink:#FFC6F2;--tr-hover:#F0F3FA;--tr-pressed:#DAE1F3;--brand-primary: #0937B2;--brand-primary-light: #3C68D0;--brand-primary-dark: #062A99;--brand-primary-darker: #041F80;--brand-primary-lighter: #638FE7;--brand-primary-lightest: #CBDDFB;--brand-primary-hover: #F0F3FA;--brand-primary-active: #DAE1F3;--brand-secondary: #ED711C;--brand-secondary-light: #F09E65;--brand-secondary-dark: #B23600;--brand-secondary-lighter: #FFC6F2;--brand-accent: #10ADAE;--brand-accent-light: #16CBBC;--brand-accent-dark: #035F6B;--brand-accent-lighter: #ACDADA;--brand-success: #38AF49;--brand-success-light: #4CAF50;--brand-success-dark: #216531;--brand-success-lighter: #E4F5E9;--brand-success-lightest: #F1FFF3;--brand-error: #B00020;--brand-error-light: #F04E4E;--brand-error-dark: #A60060;--brand-error-lighter: #FAE1EA;--brand-error-lightest: #FDF2F2;--brand-warning: #FF9D00;--brand-warning-light: #D4900C;--brand-warning-dark: #624000;--brand-warning-lighter: #F4E7C3;--brand-warning-lightest: #FAEFED;--brand-info: #0091FF;--brand-info-light: #35A1FF;--brand-info-dark: #0087B2;--brand-info-lighter: #CFECF9;--text-primary: #181F33;--text-secondary: #6A737D;--text-tertiary: #929DAB;--text-disabled: #929DAB;--text-primary-87: rgba(24, 31, 51, .87);--text-primary-60: rgba(24, 31, 51, .6);--text-primary-38: rgba(24, 31, 51, .38);--text-primary-12: rgba(24, 31, 51, .12);--bg-primary: #FFFFFF;--bg-secondary: #FAFAFA;--bg-tertiary: #F5F5F5;--bg-overlay: rgba(0, 0, 0, .32);--bg-overlay-light: rgba(0, 0, 0, .12);--bg-overlay-lighter: rgba(0, 0, 0, .08);--bg-overlay-lightest: rgba(0, 0, 0, .04);--border-primary: #E0E0E0;--border-secondary: #D6DCE2;--border-tertiary: #C8CDD3;--border-light: #F1F4F8;--border-primary-12: rgba(0, 0, 0, .12);--border-primary-08: rgba(0, 0, 0, .08);--border-primary-06: rgba(0, 0, 0, .06);--shadow-primary: rgba(0, 0, 0, .12);--shadow-secondary: rgba(0, 0, 0, .08);--shadow-tertiary: rgba(0, 0, 0, .04);--shadow-light: rgba(0, 0, 0, .06);--status-available: #929DAB;--status-unavailable: #CCD3DA;--status-hotseat: #857BFF;--status-multiteam: #10ADAE;--status-selected: #10ADAE;--status-upcoming: #D4900C;--status-room: #38AF49;--status-room-booked: #B23600;--status-room-unavailable: #181F33;--team-color-1: #F8C52E;--team-color-2: #FA8E20;--team-color-3: #987CDD;--team-color-4: #16CBBC;--team-color-5: #E65010;--team-color-6: #A60060;--team-color-7: #ED323B;--team-color-8: #35A1FF;--team-color-9: #80D348}input[type=radio][_ngcontent-%COMP%]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;margin:0;padding:3px;background-clip:content-box;border:2px solid var(--text-secondary, #6A737D);background-color:var(--bg-primary, #FFFFFF);border-radius:50%;cursor:pointer}input[type=radio][_ngcontent-%COMP%]:checked{background-color:var(--brand-primary, #0937B2);border:2px solid var(--brand-primary, #0937B2)}input[type=radio][_ngcontent-%COMP%]:hover{border:2px solid var(--text-tertiary, #929DAB)}input[type=radio][_ngcontent-%COMP%]:checked:hover{border:2px solid var(--brand-primary, #0937B2)}input[type=radio][_ngcontent-%COMP%]:disabled{border:2px solid var(--text-disabled, #C8CDD3)}input[type=radio][_ngcontent-%COMP%]:checked:disabled{border:2px solid var(--text-disabled, #C8CDD3);background-color:var(--text-disabled, #C8CDD3)}"] }); }
|
|
35
|
+
i0.ɵɵproperty("id", ctx.id())("name", ctx.name())("disabled", ctx.disabled())("value", ctx.value())("formControl", ctx.formControl());
|
|
36
|
+
} }, dependencies: [i1.DefaultValueAccessor, i1.RadioControlValueAccessor, i1.NgControlStatus, i1.FormControlDirective], styles: ["input[type=radio][_ngcontent-%COMP%]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;margin:0;padding:3px;background-clip:content-box;border:2px solid #6a737d;background-color:#fff;border-radius:50%;cursor:pointer}input[type=radio][_ngcontent-%COMP%]:checked{background-color:#0937b2;border:2px solid #0937b2}input[type=radio][_ngcontent-%COMP%]:hover{border:2px solid #929dab}input[type=radio][_ngcontent-%COMP%]:checked:hover{border:2px solid #0937b2}input[type=radio][_ngcontent-%COMP%]:disabled{border:2px solid #c8cdd3}input[type=radio][_ngcontent-%COMP%]:checked:disabled{border:2px solid #c8cdd3;background-color:#c8cdd3}"], changeDetection: 0 }); }
|
|
39
37
|
}
|
|
40
38
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RadioButtonComponent, [{
|
|
41
39
|
type: Component,
|
|
42
|
-
args: [{ selector: "mis-radio", template: "<input \n (change)=\"onChange($event)\" \n (
|
|
43
|
-
}],
|
|
44
|
-
type: Input
|
|
45
|
-
}], name: [{
|
|
46
|
-
type: Input
|
|
47
|
-
}], value: [{
|
|
48
|
-
type: Input
|
|
49
|
-
}], disabled: [{
|
|
50
|
-
type: Input
|
|
51
|
-
}], formControl: [{
|
|
52
|
-
type: Input
|
|
53
|
-
}], valueChange: [{
|
|
40
|
+
args: [{ selector: "mis-radio", changeDetection: ChangeDetectionStrategy.OnPush, template: "<input \n (change)=\"onChange($event)\" \n (keyup.enter)=\"onChange($event)\"\n tabindex=\"-1\"\n [id]=\"id()\" \n type=\"radio\" \n [name]=\"name()\" \n [disabled]=\"disabled()\" \n [value]=\"value()\"\n [formControl]=\"formControl()\" \n/>\n", styles: ["input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;margin:0;padding:3px;background-clip:content-box;border:2px solid #6a737d;background-color:#fff;border-radius:50%;cursor:pointer}input[type=radio]:checked{background-color:#0937b2;border:2px solid #0937b2}input[type=radio]:hover{border:2px solid #929dab}input[type=radio]:checked:hover{border:2px solid #0937b2}input[type=radio]:disabled{border:2px solid #c8cdd3}input[type=radio]:checked:disabled{border:2px solid #c8cdd3;background-color:#c8cdd3}\n"] }]
|
|
41
|
+
}], null, { valueChange: [{
|
|
54
42
|
type: Output
|
|
55
43
|
}] }); })();
|
|
56
44
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RadioButtonComponent, { className: "RadioButtonComponent" }); })();
|
|
57
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
45
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8tYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL21pcy1jb21wb25lbnRzL3JhZGlvLWJ1dHRvbi9yYWRpby1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbWlzLWNvbXBvbmVudHMvcmFkaW8tYnV0dG9uL3JhZGlvLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsdUJBQXVCLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2hHLE9BQU8sRUFBbUIsa0JBQWtCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7O0FBUXJFLE1BQU0sT0FBTyxvQkFBb0I7SUFOakM7UUFPRTt3REFDZ0Q7UUFDaEQsT0FBRSxHQUFHLEtBQUssQ0FBa0IsRUFBRSxDQUFDLENBQUM7UUFFaEM7bUNBQzJCO1FBQzNCLFNBQUksR0FBRyxLQUFLLENBQWtCLEVBQUUsQ0FBQyxDQUFDO1FBRWxDOzJCQUNtQjtRQUNuQixVQUFLLEdBQUcsS0FBSyxDQUFrQixFQUFFLENBQUMsQ0FBQztRQUVuQyw2Q0FBNkM7UUFDN0MsYUFBUSxHQUFHLEtBQUssQ0FBVSxLQUFLLENBQUMsQ0FBQztRQUVqQzs7O3FEQUc2QztRQUM3QyxnQkFBVyxHQUFHLEtBQUssQ0FBa0IsSUFBSSxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO1FBRW5FLHFEQUFxRDtRQUMzQyxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7S0FLakQ7SUFIQyxRQUFRLENBQUMsS0FBVTtRQUNqQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDbEQsQ0FBQztxSEEzQlUsb0JBQW9CO29FQUFwQixvQkFBb0I7WUNUakMsZ0NBVUU7WUFSRSxBQURBLHdHQUFVLG9CQUFnQixJQUFDLHFHQUNaLG9CQUFnQixJQUFDO1lBRnBDLGlCQVVFOztZQURFLEFBREEsQUFEQSxBQURBLEFBRkEsNkJBQVcsb0JBRUksNEJBQ1Esc0JBQ04sa0NBQ1k7OztpRkRBcEIsb0JBQW9CO2NBTmhDLFNBQVM7MkJBQ0UsV0FBVyxtQkFHSix1QkFBdUIsQ0FBQyxNQUFNO2dCQXlCckMsV0FBVztrQkFBcEIsTUFBTTs7a0ZBdkJJLG9CQUFvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBpbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBBYnN0cmFjdENvbnRyb2wsIFVudHlwZWRGb3JtQ29udHJvbCB9IGZyb20gXCJAYW5ndWxhci9mb3Jtc1wiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwibWlzLXJhZGlvXCIsXG4gIHRlbXBsYXRlVXJsOiBcIi4vcmFkaW8tYnV0dG9uLmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlVXJsczogW1wiLi9yYWRpby1idXR0b24uY29tcG9uZW50LnNjc3NcIl0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIFJhZGlvQnV0dG9uQ29tcG9uZW50IHtcbiAgLyoqIFdoZW4gbXVsdGlwbGUgcmFkaW8gaW5wdXQgZmllbGRzIGFyZSB1c2VkXG4gICAqIGFuIFwiaWRcIiBjYW4gYmUgZ2l2ZW4gdG8ga2VlcCB0cmFjayBvZiB0aGVtICovXG4gIGlkID0gaW5wdXQ8c3RyaW5nIHwgbnVtYmVyPihcIlwiKTtcbiAgXG4gIC8qKiBOYW1lIG9mIHRoZSBhdHRyaWJ1dGUgZm9yIHdoaWNoIHRoZSByYWRpb1xuICAgKiBzZWxlY3Rpb24gaXMgcHJvdmlkZWQgKi9cbiAgbmFtZSA9IGlucHV0PHN0cmluZyB8IG51bWJlcj4oXCJcIik7XG4gIFxuICAvKiogVmFsdWUgb2YgdGhlIGF0dHJpYnV0ZSB3aGljaCBpcyB0byBiZSBlbWl0dGVkXG4gICAqIHdoZW4gc2VsZWN0ZWQgKi9cbiAgdmFsdWUgPSBpbnB1dDxzdHJpbmcgfCBudW1iZXI+KFwiXCIpO1xuICBcbiAgLyoqIENvbnRyb2xzIHRoZSBzdGF0ZSBvZiB0aGUgcmFkaW8gYnV0dG9uICovXG4gIGRpc2FibGVkID0gaW5wdXQ8Ym9vbGVhbj4oZmFsc2UpO1xuXG4gIC8qKiBDYW4gYmUgdXNlZCB0byBhdHRhY2ggdGhlIHJhZGlvIGlucHV0IGZpZWxkXG4gICAqIHRvIGEgcmVhY3RpdmUgZm9ybSBieSBwYXNzaW5nIGluIGFcbiAgICogXCJGb3JtQ29udHJvbFwiIE9iamVjdC4gSXQgY2FuIGFsc28gYmVcbiAgICogdXNlZCB0byBzZXQgdGhlIGRlZmF1bHQgYXR0cmlidXRlIHZhbHVlICovXG4gIGZvcm1Db250cm9sID0gaW5wdXQ8QWJzdHJhY3RDb250cm9sPihuZXcgVW50eXBlZEZvcm1Db250cm9sKG51bGwpKTtcblxuICAvKiogRW1pdHMgXCJ2YWx1ZVwiIG9mIHRoZSByYWRpbyBidXR0b24gb24gc2VsZWN0aW9uICovXG4gIEBPdXRwdXQoKSB2YWx1ZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuXG4gIG9uQ2hhbmdlKGV2ZW50OiBhbnkpIHtcbiAgICB0aGlzLnZhbHVlQ2hhbmdlLmVtaXQodGhpcy5mb3JtQ29udHJvbCgpLnZhbHVlKTtcbiAgfVxufVxuIiwiPGlucHV0IFxuICAgIChjaGFuZ2UpPVwib25DaGFuZ2UoJGV2ZW50KVwiIFxuICAgIChrZXl1cC5lbnRlcik9XCJvbkNoYW5nZSgkZXZlbnQpXCJcbiAgICB0YWJpbmRleD1cIi0xXCJcbiAgICBbaWRdPVwiaWQoKVwiIFxuICAgIHR5cGU9XCJyYWRpb1wiIFxuICAgIFtuYW1lXT1cIm5hbWUoKVwiIFxuICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZCgpXCIgXG4gICAgW3ZhbHVlXT1cInZhbHVlKClcIlxuICAgIFtmb3JtQ29udHJvbF09XCJmb3JtQ29udHJvbCgpXCIgXG4vPlxuIl19
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Component,
|
|
1
|
+
import { Component, input, computed, ChangeDetectionStrategy } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "@angular/common";
|
|
4
4
|
const _c0 = (a0, a1) => ({ overflow: "hidden", height: a0, width: a1 });
|
|
@@ -10,45 +10,31 @@ function SkeLoaderComponent_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
|
10
10
|
} if (rf & 2) {
|
|
11
11
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
12
12
|
i0.ɵɵadvance();
|
|
13
|
-
i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction2(1, _c1, ctx_r0.lineHeight, ctx_r0.gap));
|
|
13
|
+
i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction2(1, _c1, ctx_r0.lineHeight(), ctx_r0.gap()));
|
|
14
14
|
} }
|
|
15
15
|
export class SkeLoaderComponent {
|
|
16
|
-
set count(num) {
|
|
17
|
-
this.rowCount = Array(num);
|
|
18
|
-
}
|
|
19
|
-
;
|
|
20
16
|
constructor() {
|
|
21
|
-
this.
|
|
22
|
-
this.lineHeight = '20px';
|
|
23
|
-
this.height = '100%';
|
|
24
|
-
this.width = '100%';
|
|
25
|
-
this.gap = '8px';
|
|
17
|
+
this.count = input(1);
|
|
18
|
+
this.lineHeight = input('20px');
|
|
19
|
+
this.height = input('100%');
|
|
20
|
+
this.width = input('100%');
|
|
21
|
+
this.gap = input('8px');
|
|
22
|
+
this.rowCount = computed(() => Array(this.count()));
|
|
26
23
|
}
|
|
27
|
-
ngOnInit() { }
|
|
28
24
|
static { this.ɵfac = function SkeLoaderComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SkeLoaderComponent)(); }; }
|
|
29
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SkeLoaderComponent, selectors: [["mis-skeleton-loader"]], inputs: { count: "count", lineHeight: "lineHeight", height: "height", width: "width", gap: "gap" }, decls: 2, vars: 5, consts: [[3, "ngStyle"], [4, "ngFor", "ngForOf"], [1, "ske-loader", 3, "ngStyle"]], template: function SkeLoaderComponent_Template(rf, ctx) { if (rf & 1) {
|
|
25
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SkeLoaderComponent, selectors: [["mis-skeleton-loader"]], inputs: { count: [1, "count"], lineHeight: [1, "lineHeight"], height: [1, "height"], width: [1, "width"], gap: [1, "gap"] }, decls: 2, vars: 5, consts: [[3, "ngStyle"], [4, "ngFor", "ngForOf"], [1, "ske-loader", 3, "ngStyle"]], template: function SkeLoaderComponent_Template(rf, ctx) { if (rf & 1) {
|
|
30
26
|
i0.ɵɵelementStart(0, "div", 0);
|
|
31
27
|
i0.ɵɵtemplate(1, SkeLoaderComponent_div_1_Template, 2, 4, "div", 1);
|
|
32
28
|
i0.ɵɵelementEnd();
|
|
33
29
|
} if (rf & 2) {
|
|
34
|
-
i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction2(2, _c0, ctx.height, ctx.width));
|
|
30
|
+
i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction2(2, _c0, ctx.height(), ctx.width()));
|
|
35
31
|
i0.ɵɵadvance();
|
|
36
|
-
i0.ɵɵproperty("ngForOf", ctx.rowCount);
|
|
37
|
-
} }, dependencies: [i1.NgForOf, i1.NgStyle], styles: ["
|
|
32
|
+
i0.ɵɵproperty("ngForOf", ctx.rowCount());
|
|
33
|
+
} }, dependencies: [i1.NgForOf, i1.NgStyle], styles: [".ske-loader[_ngcontent-%COMP%]{background:gray;position:relative;width:100%;background:#e5e5e5;background:linear-gradient(110deg,#ececec 8%,#f5f5f5 18%,#ececec 33%);border-radius:5px;background-size:200% 100%;animation:1s _ngcontent-%COMP%_shine linear infinite;overflow:hidden}@keyframes _ngcontent-%COMP%_shine{to{background-position-x:-200%}}"], changeDetection: 0 }); }
|
|
38
34
|
}
|
|
39
35
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SkeLoaderComponent, [{
|
|
40
36
|
type: Component,
|
|
41
|
-
args: [{ selector: 'mis-skeleton-loader', template: "<div [ngStyle]=\"{\n overflow: 'hidden',\n height:
|
|
42
|
-
}],
|
|
43
|
-
type: Input
|
|
44
|
-
}], lineHeight: [{
|
|
45
|
-
type: Input
|
|
46
|
-
}], height: [{
|
|
47
|
-
type: Input
|
|
48
|
-
}], width: [{
|
|
49
|
-
type: Input
|
|
50
|
-
}], gap: [{
|
|
51
|
-
type: Input
|
|
52
|
-
}] }); })();
|
|
37
|
+
args: [{ selector: 'mis-skeleton-loader', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [ngStyle]=\"{\n overflow: 'hidden',\n height: height(),\n width: width()\n }\">\n <div *ngFor=\"let n of rowCount(); let i = index;\">\n <div class=\"ske-loader\" [ngStyle]=\"{'height': lineHeight(), 'margin-bottom': gap() }\"></div>\n </div>\n</div>\n", styles: [".ske-loader{background:gray;position:relative;width:100%;background:#e5e5e5;background:linear-gradient(110deg,#ececec 8%,#f5f5f5 18%,#ececec 33%);border-radius:5px;background-size:200% 100%;animation:1s shine linear infinite;overflow:hidden}@keyframes shine{to{background-position-x:-200%}}\n"] }]
|
|
38
|
+
}], null, null); })();
|
|
53
39
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SkeLoaderComponent, { className: "SkeLoaderComponent" }); })();
|
|
54
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlLWxvYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9taXMtY29tcG9uZW50cy9za2UtbG9hZGVyL3NrZS1sb2FkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbWlzLWNvbXBvbmVudHMvc2tlLWxvYWRlci9za2UtbG9hZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0lDS2hGLDJCQUFrRDtJQUM5Qyx5QkFBNEY7SUFDaEcsaUJBQU07OztJQURzQixjQUE2RDtJQUE3RCx1RkFBNkQ7O0FERTdGLE1BQU0sT0FBTyxrQkFBa0I7SUFOL0I7UUFPRSxVQUFLLEdBQUcsS0FBSyxDQUFTLENBQUMsQ0FBQyxDQUFDO1FBQ3pCLGVBQVUsR0FBRyxLQUFLLENBQVMsTUFBTSxDQUFDLENBQUM7UUFDbkMsV0FBTSxHQUFHLEtBQUssQ0FBUyxNQUFNLENBQUMsQ0FBQztRQUMvQixVQUFLLEdBQUcsS0FBSyxDQUFTLE1BQU0sQ0FBQyxDQUFDO1FBQzlCLFFBQUcsR0FBRyxLQUFLLENBQVMsS0FBSyxDQUFDLENBQUM7UUFFM0IsYUFBUSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQztLQUNoRDttSEFSWSxrQkFBa0I7b0VBQWxCLGtCQUFrQjtZQ1IvQiw4QkFJSztZQUNELG1FQUFrRDtZQUd0RCxpQkFBTTs7WUFSRCwrRUFJRDtZQUNtQixjQUFlO1lBQWYsd0NBQWU7OztpRkRHekIsa0JBQWtCO2NBTjlCLFNBQVM7MkJBQ0UscUJBQXFCLG1CQUdkLHVCQUF1QixDQUFDLE1BQU07O2tGQUVwQyxrQkFBa0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGlucHV0LCBjb21wdXRlZCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbWlzLXNrZWxldG9uLWxvYWRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9za2UtbG9hZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc2tlLWxvYWRlci5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBTa2VMb2FkZXJDb21wb25lbnQge1xuICBjb3VudCA9IGlucHV0PG51bWJlcj4oMSk7XG4gIGxpbmVIZWlnaHQgPSBpbnB1dDxzdHJpbmc+KCcyMHB4Jyk7XG4gIGhlaWdodCA9IGlucHV0PHN0cmluZz4oJzEwMCUnKTtcbiAgd2lkdGggPSBpbnB1dDxzdHJpbmc+KCcxMDAlJyk7XG4gIGdhcCA9IGlucHV0PHN0cmluZz4oJzhweCcpO1xuXG4gIHJvd0NvdW50ID0gY29tcHV0ZWQoKCkgPT4gQXJyYXkodGhpcy5jb3VudCgpKSk7XG59XG4iLCI8ZGl2IFtuZ1N0eWxlXT1cIntcbiAgICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gICAgaGVpZ2h0OiBoZWlnaHQoKSxcbiAgICB3aWR0aDogd2lkdGgoKVxuICB9XCI+XG4gICAgPGRpdiAqbmdGb3I9XCJsZXQgbiBvZiByb3dDb3VudCgpOyBsZXQgaSA9IGluZGV4O1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwic2tlLWxvYWRlclwiIFtuZ1N0eWxlXT1cInsnaGVpZ2h0JzogbGluZUhlaWdodCgpLCAnbWFyZ2luLWJvdHRvbSc6IGdhcCgpIH1cIj48L2Rpdj5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -1,46 +1,36 @@
|
|
|
1
|
-
import { Component, EventEmitter,
|
|
1
|
+
import { Component, EventEmitter, input, Output, ChangeDetectionStrategy, signal } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/forms";
|
|
4
3
|
export class SliderComponent {
|
|
5
|
-
constructor(
|
|
6
|
-
this.
|
|
7
|
-
this.
|
|
8
|
-
this.
|
|
9
|
-
this.value = 0;
|
|
4
|
+
constructor() {
|
|
5
|
+
this.min = input(0);
|
|
6
|
+
this.max = input(100);
|
|
7
|
+
this.value = input(0);
|
|
10
8
|
this.valueChange = new EventEmitter();
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
});
|
|
9
|
+
// Internal signal for the current value
|
|
10
|
+
this.currentValue = signal(0);
|
|
11
|
+
// Initialize the current value with the input value
|
|
12
|
+
this.currentValue.set(this.value());
|
|
16
13
|
}
|
|
17
14
|
onInputChange(value) {
|
|
18
|
-
|
|
19
|
-
this.
|
|
20
|
-
this.valueChange.emit(
|
|
15
|
+
const numValue = Number(value);
|
|
16
|
+
this.currentValue.set(numValue);
|
|
17
|
+
this.valueChange.emit(numValue);
|
|
21
18
|
}
|
|
22
|
-
static { this.ɵfac = function SliderComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SliderComponent)(
|
|
23
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SliderComponent, selectors: [["mis-slider"]], inputs: { min: "min", max: "max", value: "value" }, outputs: { valueChange: "valueChange" }, decls:
|
|
24
|
-
i0.ɵɵelementStart(0, "
|
|
25
|
-
i0.ɵɵlistener("input", function
|
|
26
|
-
i0.ɵɵelementEnd()()
|
|
19
|
+
static { this.ɵfac = function SliderComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SliderComponent)(); }; }
|
|
20
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SliderComponent, selectors: [["mis-slider"]], inputs: { min: [1, "min"], max: [1, "max"], value: [1, "value"] }, outputs: { valueChange: "valueChange" }, decls: 2, vars: 3, consts: [[1, "slider"], ["type", "range", 3, "input", "min", "max", "value"]], template: function SliderComponent_Template(rf, ctx) { if (rf & 1) {
|
|
21
|
+
i0.ɵɵelementStart(0, "div", 0)(1, "input", 1);
|
|
22
|
+
i0.ɵɵlistener("input", function SliderComponent_Template_input_input_1_listener($event) { return ctx.onInputChange($event.target.value); });
|
|
23
|
+
i0.ɵɵelementEnd()();
|
|
27
24
|
} if (rf & 2) {
|
|
28
|
-
i0.ɵɵ
|
|
29
|
-
i0.ɵɵ
|
|
30
|
-
|
|
31
|
-
} }, dependencies: [i1.ɵNgNoValidate, i1.DefaultValueAccessor, i1.RangeValueAccessor, i1.NgControlStatus, i1.NgControlStatusGroup, i1.FormGroupDirective, i1.FormControlName], styles: [".slider[_ngcontent-%COMP%]{width:100%;display:flex;align-items:center}.slider[_ngcontent-%COMP%] input[type=range][_ngcontent-%COMP%]{width:100%;-webkit-appearance:none;appearance:none;height:8px;background:var(--brand-primary-lightest, #CBDDFB);outline:none;border-radius:5px}.slider[_ngcontent-%COMP%] input[type=range][_ngcontent-%COMP%]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;background:var(--brand-primary, #0937B2);cursor:pointer;border-radius:50%}.slider[_ngcontent-%COMP%] input[type=range][_ngcontent-%COMP%]::-moz-range-thumb{width:15px;height:15px;background:var(--brand-primary, #0937B2);cursor:pointer;border-radius:50%}.slider[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{margin-left:10px}"] }); }
|
|
25
|
+
i0.ɵɵadvance();
|
|
26
|
+
i0.ɵɵproperty("min", ctx.min())("max", ctx.max())("value", ctx.currentValue());
|
|
27
|
+
} }, styles: [".slider[_ngcontent-%COMP%]{width:100%;display:flex;align-items:center}.slider[_ngcontent-%COMP%] input[type=range][_ngcontent-%COMP%]{width:100%;-webkit-appearance:none;appearance:none;height:8px;background:#cbddfb;outline:none;border-radius:5px}.slider[_ngcontent-%COMP%] input[type=range][_ngcontent-%COMP%]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;background:#0937b2;cursor:pointer;border-radius:50%}.slider[_ngcontent-%COMP%] input[type=range][_ngcontent-%COMP%]::-moz-range-thumb{width:15px;height:15px;background:#0937b2;cursor:pointer;border-radius:50%}.slider[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{margin-left:10px}"], changeDetection: 0 }); }
|
|
32
28
|
}
|
|
33
29
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SliderComponent, [{
|
|
34
30
|
type: Component,
|
|
35
|
-
args: [{ selector: 'mis-slider', template: "<
|
|
36
|
-
}], () => [
|
|
37
|
-
type: Input
|
|
38
|
-
}], max: [{
|
|
39
|
-
type: Input
|
|
40
|
-
}], value: [{
|
|
41
|
-
type: Input
|
|
42
|
-
}], valueChange: [{
|
|
31
|
+
args: [{ selector: 'mis-slider', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"slider\">\n <input \n type=\"range\" \n [min]=\"min()\" \n [max]=\"max()\" \n [value]=\"currentValue()\"\n (input)=\"onInputChange($event.target.value)\" />\n</div>\n \n\n ", styles: [".slider{width:100%;display:flex;align-items:center}.slider input[type=range]{width:100%;-webkit-appearance:none;appearance:none;height:8px;background:#cbddfb;outline:none;border-radius:5px}.slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;background:#0937b2;cursor:pointer;border-radius:50%}.slider input[type=range]::-moz-range-thumb{width:15px;height:15px;background:#0937b2;cursor:pointer;border-radius:50%}.slider span{margin-left:10px}\n"] }]
|
|
32
|
+
}], () => [], { valueChange: [{
|
|
43
33
|
type: Output
|
|
44
34
|
}] }); })();
|
|
45
35
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SliderComponent, { className: "SliderComponent" }); })();
|
|
46
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL21pcy1jb21wb25lbnRzL3NsaWRlci9zbGlkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbWlzLWNvbXBvbmVudHMvc2xpZGVyL3NsaWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLHVCQUF1QixFQUFFLE1BQU0sRUFBa0IsTUFBTSxlQUFlLENBQUM7O0FBUXhILE1BQU0sT0FBTyxlQUFlO0lBUzFCO1FBUkEsUUFBRyxHQUFHLEtBQUssQ0FBUyxDQUFDLENBQUMsQ0FBQztRQUN2QixRQUFHLEdBQUcsS0FBSyxDQUFTLEdBQUcsQ0FBQyxDQUFDO1FBQ3pCLFVBQUssR0FBRyxLQUFLLENBQVMsQ0FBQyxDQUFDLENBQUM7UUFDZixnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFFbkQsd0NBQXdDO1FBQ3hDLGlCQUFZLEdBQTJCLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUcvQyxvREFBb0Q7UUFDcEQsSUFBSSxDQUFDLFlBQVksQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUM7SUFDdEMsQ0FBQztJQUVELGFBQWEsQ0FBQyxLQUFhO1FBQ3pCLE1BQU0sUUFBUSxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMvQixJQUFJLENBQUMsWUFBWSxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUNoQyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUNsQyxDQUFDO2dIQWxCVSxlQUFlO29FQUFmLGVBQWU7WUNQMUIsQUFERiw4QkFBb0IsZUFNK0I7WUFBL0MsaUdBQVMsc0NBQWtDLElBQUM7WUFDaEQsQUFORSxpQkFLaUQsRUFDN0M7O1lBSkYsY0FBYTtZQUViLEFBREEsQUFEQSwrQkFBYSxrQkFDQSw2QkFDVzs7O2lGREdmLGVBQWU7Y0FOM0IsU0FBUzsyQkFDRSxZQUFZLG1CQUdMLHVCQUF1QixDQUFDLE1BQU07b0JBTXJDLFdBQVc7a0JBQXBCLE1BQU07O2tGQUpJLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgaW5wdXQsIE91dHB1dCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIHNpZ25hbCwgV3JpdGFibGVTaWduYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbWlzLXNsaWRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9zbGlkZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zbGlkZXIuY29tcG9uZW50LmNzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBTbGlkZXJDb21wb25lbnQge1xuICBtaW4gPSBpbnB1dDxudW1iZXI+KDApO1xuICBtYXggPSBpbnB1dDxudW1iZXI+KDEwMCk7XG4gIHZhbHVlID0gaW5wdXQ8bnVtYmVyPigwKTtcbiAgQE91dHB1dCgpIHZhbHVlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KCk7XG5cbiAgLy8gSW50ZXJuYWwgc2lnbmFsIGZvciB0aGUgY3VycmVudCB2YWx1ZVxuICBjdXJyZW50VmFsdWU6IFdyaXRhYmxlU2lnbmFsPG51bWJlcj4gPSBzaWduYWwoMCk7XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgLy8gSW5pdGlhbGl6ZSB0aGUgY3VycmVudCB2YWx1ZSB3aXRoIHRoZSBpbnB1dCB2YWx1ZVxuICAgIHRoaXMuY3VycmVudFZhbHVlLnNldCh0aGlzLnZhbHVlKCkpO1xuICB9XG5cbiAgb25JbnB1dENoYW5nZSh2YWx1ZTogbnVtYmVyKSB7XG4gICAgY29uc3QgbnVtVmFsdWUgPSBOdW1iZXIodmFsdWUpO1xuICAgIHRoaXMuY3VycmVudFZhbHVlLnNldChudW1WYWx1ZSk7XG4gICAgdGhpcy52YWx1ZUNoYW5nZS5lbWl0KG51bVZhbHVlKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInNsaWRlclwiPlxuICA8aW5wdXQgXG4gICAgdHlwZT1cInJhbmdlXCIgXG4gICAgW21pbl09XCJtaW4oKVwiIFxuICAgIFttYXhdPVwibWF4KClcIiBcbiAgICBbdmFsdWVdPVwiY3VycmVudFZhbHVlKClcIlxuICAgIChpbnB1dCk9XCJvbklucHV0Q2hhbmdlKCRldmVudC50YXJnZXQudmFsdWUpXCIgLz5cbjwvZGl2PlxuICBcblxuICAiXX0=
|
|
@@ -1,14 +1,11 @@
|
|
|
1
1
|
import { NgModule } from '@angular/core';
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
3
|
import { SliderComponent } from './slider.component';
|
|
4
|
-
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
5
4
|
import * as i0 from "@angular/core";
|
|
6
5
|
export class SliderModule {
|
|
7
6
|
static { this.ɵfac = function SliderModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SliderModule)(); }; }
|
|
8
7
|
static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: SliderModule }); }
|
|
9
|
-
static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule
|
|
10
|
-
FormsModule,
|
|
11
|
-
ReactiveFormsModule] }); }
|
|
8
|
+
static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule] }); }
|
|
12
9
|
}
|
|
13
10
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SliderModule, [{
|
|
14
11
|
type: NgModule,
|
|
@@ -17,14 +14,10 @@ export class SliderModule {
|
|
|
17
14
|
SliderComponent
|
|
18
15
|
],
|
|
19
16
|
imports: [
|
|
20
|
-
CommonModule
|
|
21
|
-
FormsModule,
|
|
22
|
-
ReactiveFormsModule
|
|
17
|
+
CommonModule
|
|
23
18
|
],
|
|
24
19
|
exports: [SliderComponent]
|
|
25
20
|
}]
|
|
26
21
|
}], null, null); })();
|
|
27
|
-
(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SliderModule, { declarations: [SliderComponent], imports: [CommonModule,
|
|
28
|
-
|
|
29
|
-
ReactiveFormsModule], exports: [SliderComponent] }); })();
|
|
30
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGVyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL21pcy1jb21wb25lbnRzL3NsaWRlci9zbGlkZXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNyRCxPQUFPLEVBQUUsV0FBVyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7O0FBZWxFLE1BQU0sT0FBTyxZQUFZOzZHQUFaLFlBQVk7bUVBQVosWUFBWTt1RUFOckIsWUFBWTtZQUNaLFdBQVc7WUFDWCxtQkFBbUI7O2lGQUlWLFlBQVk7Y0FYeEIsUUFBUTtlQUFDO2dCQUNSLFlBQVksRUFBRTtvQkFDWixlQUFlO2lCQUNoQjtnQkFDRCxPQUFPLEVBQUU7b0JBQ1AsWUFBWTtvQkFDWixXQUFXO29CQUNYLG1CQUFtQjtpQkFDcEI7Z0JBQ0QsT0FBTyxFQUFFLENBQUMsZUFBZSxDQUFDO2FBQzNCOzt3RkFDWSxZQUFZLG1CQVRyQixlQUFlLGFBR2YsWUFBWTtRQUNaLFdBQVc7UUFDWCxtQkFBbUIsYUFFWCxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBTbGlkZXJDb21wb25lbnQgfSBmcm9tICcuL3NsaWRlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUsIFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cblxuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBTbGlkZXJDb21wb25lbnRcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBGb3Jtc01vZHVsZSxcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlXG4gIF0sXG4gIGV4cG9ydHM6IFtTbGlkZXJDb21wb25lbnRdXG59KVxuZXhwb3J0IGNsYXNzIFNsaWRlck1vZHVsZSB7IH1cbiJdfQ==
|
|
22
|
+
(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SliderModule, { declarations: [SliderComponent], imports: [CommonModule], exports: [SliderComponent] }); })();
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGVyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL21pcy1jb21wb25lbnRzL3NsaWRlci9zbGlkZXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQzs7QUFXckQsTUFBTSxPQUFPLFlBQVk7NkdBQVosWUFBWTttRUFBWixZQUFZO3VFQUpyQixZQUFZOztpRkFJSCxZQUFZO2NBVHhCLFFBQVE7ZUFBQztnQkFDUixZQUFZLEVBQUU7b0JBQ1osZUFBZTtpQkFDaEI7Z0JBQ0QsT0FBTyxFQUFFO29CQUNQLFlBQVk7aUJBQ2I7Z0JBQ0QsT0FBTyxFQUFFLENBQUMsZUFBZSxDQUFDO2FBQzNCOzt3RkFDWSxZQUFZLG1CQVByQixlQUFlLGFBR2YsWUFBWSxhQUVKLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFNsaWRlckNvbXBvbmVudCB9IGZyb20gJy4vc2xpZGVyLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIFNsaWRlckNvbXBvbmVudFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlXG4gIF0sXG4gIGV4cG9ydHM6IFtTbGlkZXJDb21wb25lbnRdXG59KVxuZXhwb3J0IGNsYXNzIFNsaWRlck1vZHVsZSB7IH1cbiJdfQ==
|