mis-crystal-design-system 14.0.0 → 14.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/action-list/action-list.component.mjs +231 -36
- package/esm2020/action-list/action-list.module.mjs +13 -12
- package/esm2020/analytics/analytics.module.mjs +7 -7
- package/esm2020/analytics/analytics.service.mjs +12 -12
- package/esm2020/async-search-dropdown/async-dropdown.component.mjs +274 -64
- package/esm2020/async-search-dropdown/async-dropdown.module.mjs +13 -12
- package/esm2020/button/button.component.mjs +64 -29
- package/esm2020/button/button.directive.mjs +18 -16
- package/esm2020/button/button.module.mjs +13 -12
- package/esm2020/checkbox/checkbox.component.mjs +61 -24
- package/esm2020/checkbox/checkbox.module.mjs +13 -12
- package/esm2020/chip/chip.component.mjs +67 -21
- package/esm2020/chip/chip.module.mjs +13 -12
- package/esm2020/datepicker_v2/datepicker.module.mjs +13 -12
- package/esm2020/datepicker_v2/tz-datepicker.directive.mjs +44 -42
- package/esm2020/datepicker_v2/tz-dp-container/tz-dp-container.component.mjs +104 -10
- package/esm2020/daterangepicker_v2/daterangepicker.module.mjs +13 -12
- package/esm2020/daterangepicker_v2/tz-daterangepicker.directive.mjs +36 -34
- package/esm2020/daterangepicker_v2/tz-drp-container/tz-drp-container.component.mjs +145 -11
- package/esm2020/drawer/drawer-body/drawer-body.component.mjs +35 -20
- package/esm2020/drawer/drawer.module.mjs +12 -11
- package/esm2020/drawer/drawer.service.mjs +9 -9
- package/esm2020/dropdown/calculate-container-height.directive.mjs +13 -13
- package/esm2020/dropdown/dropdown.component.mjs +274 -58
- package/esm2020/dropdown/dropdown.module.mjs +13 -12
- package/esm2020/dynamic-form/dynamic-form.component.mjs +423 -22
- package/esm2020/dynamic-form/dynamic-form.module.mjs +25 -24
- package/esm2020/fab/fab.component.mjs +104 -42
- package/esm2020/fab/fab.module.mjs +13 -12
- package/esm2020/input/directives/input/input.directive.mjs +14 -14
- package/esm2020/input/mis-input.component.mjs +57 -22
- package/esm2020/input/mis-input.module.mjs +13 -12
- package/esm2020/input-stepper/input-stepper/input-stepper.component.mjs +39 -17
- package/esm2020/input-stepper/input-stepper.module.mjs +19 -18
- package/esm2020/loader/loader.component.mjs +14 -9
- package/esm2020/loader/loader.module.mjs +13 -12
- package/esm2020/menu/menu-close.directive.mjs +17 -15
- package/esm2020/menu/menu.directive.mjs +26 -24
- package/esm2020/menu/menu.module.mjs +13 -12
- package/esm2020/mobile-filter/mobile-filter.component.mjs +138 -25
- package/esm2020/mobile-filter/mobile-filter.module.mjs +13 -12
- package/esm2020/modal/modal.module.mjs +12 -11
- package/esm2020/modal/modal.service.mjs +9 -9
- package/esm2020/modal/module-wrapper/module-wrapper.component.mjs +41 -26
- package/esm2020/multi-select-dropdown/multi-select-dropdown.component.mjs +229 -45
- package/esm2020/multi-select-dropdown/multi-select-dropdown.module.mjs +13 -12
- package/esm2020/nested-multi-select-dropdown/nested-multi-select-dropdown.component.mjs +234 -37
- package/esm2020/nested-multi-select-dropdown/nested-multi-select-dropdown.module.mjs +13 -12
- package/esm2020/phone-input/phone-input.component.mjs +54 -41
- package/esm2020/phone-input/phone-input.module.mjs +13 -12
- package/esm2020/radio-button/radio-button.component.mjs +26 -19
- package/esm2020/radio-button/radio-button.module.mjs +13 -12
- package/esm2020/ske-loader/ske-loader.component.mjs +36 -17
- package/esm2020/ske-loader/ske-loader.module.mjs +13 -12
- package/esm2020/slider/slider.component.mjs +23 -15
- package/esm2020/slider/slider.module.mjs +21 -20
- package/esm2020/snackbar/snackbar/snackbar.component.mjs +61 -11
- package/esm2020/snackbar/snackbar.module.mjs +17 -16
- package/esm2020/snackbar/snackbar.service.mjs +9 -9
- package/esm2020/specificdatepicker/specificdatepicker.module.mjs +13 -12
- package/esm2020/specificdatepicker/tz-sdp-container/tz-sdp-container.component.mjs +273 -13
- package/esm2020/specificdatepicker/tz-specificdatepicker.directive.mjs +48 -46
- package/esm2020/star-rating/star-rating.component.mjs +52 -26
- package/esm2020/star-rating/star-rating.module.mjs +13 -12
- package/esm2020/switch/switch.component.mjs +29 -17
- package/esm2020/switch/switch.module.mjs +13 -12
- package/esm2020/table/custom-table-cell.directive.mjs +13 -13
- package/esm2020/table/filter/filter.component.mjs +105 -16
- package/esm2020/table/sub-table/sub-table.component.mjs +138 -14
- package/esm2020/table/table.component.mjs +301 -35
- package/esm2020/table/table.module.mjs +13 -12
- package/esm2020/timepicker/timepicker.component.mjs +115 -48
- package/esm2020/timepicker/timepicker.directive.mjs +17 -17
- package/esm2020/timepicker/timepicker.module.mjs +13 -12
- package/esm2020/timerangepicker/timerangepicker.component.mjs +58 -36
- package/esm2020/timerangepicker/timerangepicker.module.mjs +13 -12
- package/esm2020/toast/toast.component.mjs +40 -23
- package/esm2020/toast/toast.data.service.mjs +9 -9
- package/esm2020/toast/toast.module.mjs +12 -11
- package/esm2020/toast/toast.service.mjs +9 -9
- package/esm2020/tooltip/tooltip-container/tooltip.component.mjs +54 -10
- package/esm2020/tooltip/tooltip.directive.mjs +29 -27
- package/esm2020/tooltip/tooltip.module.mjs +13 -12
- package/esm2020/virtual-scroll/virtual-scroll.component.mjs +92 -18
- package/esm2020/virtual-scroll/virtual-scroll.module.mjs +21 -20
- package/esm2020/widgets/services/widget.service.mjs +6 -6
- package/esm2020/widgets/widgets.module.mjs +13 -12
- package/fesm2015/mis-crystal-design-system-action-list.mjs +256 -10
- package/fesm2015/mis-crystal-design-system-action-list.mjs.map +1 -1
- package/fesm2015/mis-crystal-design-system-analytics.mjs +14 -10
- package/fesm2015/mis-crystal-design-system-analytics.mjs.map +1 -1
- package/fesm2015/mis-crystal-design-system-async-search-dropdown.mjs +279 -10
- package/fesm2015/mis-crystal-design-system-async-search-dropdown.mjs.map +1 -1
- package/fesm2015/mis-crystal-design-system-button.mjs +70 -15
- package/fesm2015/mis-crystal-design-system-button.mjs.map +1 -1
- package/fesm2015/mis-crystal-design-system-checkbox.mjs +64 -10
- package/fesm2015/mis-crystal-design-system-checkbox.mjs.map +1 -1
- package/fesm2015/mis-crystal-design-system-chip.mjs +72 -10
- package/fesm2015/mis-crystal-design-system-chip.mjs.map +1 -1
- package/fesm2015/mis-crystal-design-system-datepicker_v2.mjs +136 -16
- package/fesm2015/mis-crystal-design-system-datepicker_v2.mjs.map +1 -1
- package/fesm2015/mis-crystal-design-system-daterangepicker_v2.mjs +183 -18
- package/fesm2015/mis-crystal-design-system-daterangepicker_v2.mjs.map +1 -1
- package/fesm2015/mis-crystal-design-system-drawer.mjs +47 -19
- package/fesm2015/mis-crystal-design-system-drawer.mjs.map +1 -1
- package/fesm2015/mis-crystal-design-system-dropdown.mjs +290 -15
- package/fesm2015/mis-crystal-design-system-dropdown.mjs.map +1 -1
- package/fesm2015/mis-crystal-design-system-dynamic-form.mjs +511 -20
- package/fesm2015/mis-crystal-design-system-dynamic-form.mjs.map +1 -1
- package/fesm2015/mis-crystal-design-system-fab.mjs +107 -23
- package/fesm2015/mis-crystal-design-system-fab.mjs.map +1 -1
- package/fesm2015/mis-crystal-design-system-input-stepper.mjs +40 -10
- package/fesm2015/mis-crystal-design-system-input-stepper.mjs.map +1 -1
- package/fesm2015/mis-crystal-design-system-input.mjs +65 -15
- package/fesm2015/mis-crystal-design-system-input.mjs.map +1 -1
- package/fesm2015/mis-crystal-design-system-loader.mjs +23 -10
- package/fesm2015/mis-crystal-design-system-loader.mjs.map +1 -1
- package/fesm2015/mis-crystal-design-system-menu.mjs +30 -15
- package/fesm2015/mis-crystal-design-system-menu.mjs.map +1 -1
- package/fesm2015/mis-crystal-design-system-mobile-filter.mjs +148 -10
- package/fesm2015/mis-crystal-design-system-mobile-filter.mjs.map +1 -1
- package/fesm2015/mis-crystal-design-system-modal.mjs +50 -22
- package/fesm2015/mis-crystal-design-system-modal.mjs.map +1 -1
- package/fesm2015/mis-crystal-design-system-multi-select-dropdown.mjs +238 -10
- package/fesm2015/mis-crystal-design-system-multi-select-dropdown.mjs.map +1 -1
- package/fesm2015/mis-crystal-design-system-nested-multi-select-dropdown.mjs +252 -10
- package/fesm2015/mis-crystal-design-system-nested-multi-select-dropdown.mjs.map +1 -1
- package/fesm2015/mis-crystal-design-system-phone-input.mjs +31 -10
- package/fesm2015/mis-crystal-design-system-phone-input.mjs.map +1 -1
- package/fesm2015/mis-crystal-design-system-radio-button.mjs +25 -10
- package/fesm2015/mis-crystal-design-system-radio-button.mjs.map +1 -1
- package/fesm2015/mis-crystal-design-system-ske-loader.mjs +40 -10
- package/fesm2015/mis-crystal-design-system-ske-loader.mjs.map +1 -1
- package/fesm2015/mis-crystal-design-system-slider.mjs +30 -12
- package/fesm2015/mis-crystal-design-system-slider.mjs.map +1 -1
- package/fesm2015/mis-crystal-design-system-snackbar.mjs +85 -14
- package/fesm2015/mis-crystal-design-system-snackbar.mjs.map +1 -1
- package/fesm2015/mis-crystal-design-system-specificdatepicker.mjs +332 -17
- package/fesm2015/mis-crystal-design-system-specificdatepicker.mjs.map +1 -1
- package/fesm2015/mis-crystal-design-system-star-rating.mjs +47 -10
- package/fesm2015/mis-crystal-design-system-star-rating.mjs.map +1 -1
- package/fesm2015/mis-crystal-design-system-switch.mjs +30 -10
- package/fesm2015/mis-crystal-design-system-switch.mjs.map +1 -1
- package/fesm2015/mis-crystal-design-system-table.mjs +620 -25
- package/fesm2015/mis-crystal-design-system-table.mjs.map +1 -1
- package/fesm2015/mis-crystal-design-system-timepicker.mjs +107 -16
- package/fesm2015/mis-crystal-design-system-timepicker.mjs.map +1 -1
- package/fesm2015/mis-crystal-design-system-timerangepicker.mjs +43 -11
- package/fesm2015/mis-crystal-design-system-timerangepicker.mjs.map +1 -1
- package/fesm2015/mis-crystal-design-system-toast.mjs +57 -25
- package/fesm2015/mis-crystal-design-system-toast.mjs.map +1 -1
- package/fesm2015/mis-crystal-design-system-tooltip.mjs +87 -15
- package/fesm2015/mis-crystal-design-system-tooltip.mjs.map +1 -1
- package/fesm2015/mis-crystal-design-system-virtual-scroll.mjs +117 -12
- package/fesm2015/mis-crystal-design-system-virtual-scroll.mjs.map +1 -1
- package/fesm2015/mis-crystal-design-system-widgets.mjs +8 -5
- package/fesm2015/mis-crystal-design-system-widgets.mjs.map +1 -1
- package/fesm2020/mis-crystal-design-system-action-list.mjs +242 -46
- package/fesm2020/mis-crystal-design-system-action-list.mjs.map +1 -1
- package/fesm2020/mis-crystal-design-system-analytics.mjs +17 -17
- package/fesm2020/mis-crystal-design-system-analytics.mjs.map +1 -1
- package/fesm2020/mis-crystal-design-system-async-search-dropdown.mjs +285 -74
- package/fesm2020/mis-crystal-design-system-async-search-dropdown.mjs.map +1 -1
- package/fesm2020/mis-crystal-design-system-button.mjs +92 -54
- package/fesm2020/mis-crystal-design-system-button.mjs.map +1 -1
- package/fesm2020/mis-crystal-design-system-checkbox.mjs +72 -34
- package/fesm2020/mis-crystal-design-system-checkbox.mjs.map +1 -1
- package/fesm2020/mis-crystal-design-system-chip.mjs +78 -31
- package/fesm2020/mis-crystal-design-system-chip.mjs.map +1 -1
- package/fesm2020/mis-crystal-design-system-datepicker_v2.mjs +158 -61
- package/fesm2020/mis-crystal-design-system-datepicker_v2.mjs.map +1 -1
- package/fesm2020/mis-crystal-design-system-daterangepicker_v2.mjs +191 -55
- package/fesm2020/mis-crystal-design-system-daterangepicker_v2.mjs.map +1 -1
- package/fesm2020/mis-crystal-design-system-drawer.mjs +53 -37
- package/fesm2020/mis-crystal-design-system-drawer.mjs.map +1 -1
- package/fesm2020/mis-crystal-design-system-dropdown.mjs +297 -80
- package/fesm2020/mis-crystal-design-system-dropdown.mjs.map +1 -1
- package/fesm2020/mis-crystal-design-system-dynamic-form.mjs +446 -45
- package/fesm2020/mis-crystal-design-system-dynamic-form.mjs.map +1 -1
- package/fesm2020/mis-crystal-design-system-fab.mjs +115 -52
- package/fesm2020/mis-crystal-design-system-fab.mjs.map +1 -1
- package/fesm2020/mis-crystal-design-system-input-stepper.mjs +56 -33
- package/fesm2020/mis-crystal-design-system-input-stepper.mjs.map +1 -1
- package/fesm2020/mis-crystal-design-system-input.mjs +81 -45
- package/fesm2020/mis-crystal-design-system-input.mjs.map +1 -1
- package/fesm2020/mis-crystal-design-system-loader.mjs +25 -19
- package/fesm2020/mis-crystal-design-system-loader.mjs.map +1 -1
- package/fesm2020/mis-crystal-design-system-menu.mjs +53 -48
- package/fesm2020/mis-crystal-design-system-menu.mjs.map +1 -1
- package/fesm2020/mis-crystal-design-system-mobile-filter.mjs +149 -35
- package/fesm2020/mis-crystal-design-system-mobile-filter.mjs.map +1 -1
- package/fesm2020/mis-crystal-design-system-modal.mjs +59 -43
- package/fesm2020/mis-crystal-design-system-modal.mjs.map +1 -1
- package/fesm2020/mis-crystal-design-system-multi-select-dropdown.mjs +240 -55
- package/fesm2020/mis-crystal-design-system-multi-select-dropdown.mjs.map +1 -1
- package/fesm2020/mis-crystal-design-system-nested-multi-select-dropdown.mjs +245 -47
- package/fesm2020/mis-crystal-design-system-nested-multi-select-dropdown.mjs.map +1 -1
- package/fesm2020/mis-crystal-design-system-phone-input.mjs +65 -51
- package/fesm2020/mis-crystal-design-system-phone-input.mjs.map +1 -1
- package/fesm2020/mis-crystal-design-system-radio-button.mjs +37 -29
- package/fesm2020/mis-crystal-design-system-radio-button.mjs.map +1 -1
- package/fesm2020/mis-crystal-design-system-ske-loader.mjs +47 -27
- package/fesm2020/mis-crystal-design-system-ske-loader.mjs.map +1 -1
- package/fesm2020/mis-crystal-design-system-slider.mjs +42 -33
- package/fesm2020/mis-crystal-design-system-slider.mjs.map +1 -1
- package/fesm2020/mis-crystal-design-system-snackbar.mjs +84 -33
- package/fesm2020/mis-crystal-design-system-snackbar.mjs.map +1 -1
- package/fesm2020/mis-crystal-design-system-specificdatepicker.mjs +331 -68
- package/fesm2020/mis-crystal-design-system-specificdatepicker.mjs.map +1 -1
- package/fesm2020/mis-crystal-design-system-star-rating.mjs +63 -36
- package/fesm2020/mis-crystal-design-system-star-rating.mjs.map +1 -1
- package/fesm2020/mis-crystal-design-system-switch.mjs +40 -27
- package/fesm2020/mis-crystal-design-system-switch.mjs.map +1 -1
- package/fesm2020/mis-crystal-design-system-table.mjs +565 -85
- package/fesm2020/mis-crystal-design-system-table.mjs.map +1 -1
- package/fesm2020/mis-crystal-design-system-timepicker.mjs +142 -74
- package/fesm2020/mis-crystal-design-system-timepicker.mjs.map +1 -1
- package/fesm2020/mis-crystal-design-system-timerangepicker.mjs +69 -46
- package/fesm2020/mis-crystal-design-system-timerangepicker.mjs.map +1 -1
- package/fesm2020/mis-crystal-design-system-toast.mjs +66 -48
- package/fesm2020/mis-crystal-design-system-toast.mjs.map +1 -1
- package/fesm2020/mis-crystal-design-system-tooltip.mjs +93 -46
- package/fesm2020/mis-crystal-design-system-tooltip.mjs.map +1 -1
- package/fesm2020/mis-crystal-design-system-virtual-scroll.mjs +111 -36
- package/fesm2020/mis-crystal-design-system-virtual-scroll.mjs.map +1 -1
- package/fesm2020/mis-crystal-design-system-widgets.mjs +12 -11
- package/fesm2020/mis-crystal-design-system-widgets.mjs.map +1 -1
- package/package.json +5 -2
- package/timepicker/timepicker.component.d.ts +1 -1
|
@@ -5,6 +5,8 @@ import { UntypedFormControl, ReactiveFormsModule } from '@angular/forms';
|
|
|
5
5
|
import * as i1 from '@angular/common';
|
|
6
6
|
import { CommonModule } from '@angular/common';
|
|
7
7
|
|
|
8
|
+
const _c0 = function (a0) { return { "toggle-switch-mobile": a0 }; };
|
|
9
|
+
const _c1 = function (a0) { return { "cursor": a0 }; };
|
|
8
10
|
class SwitchComponent {
|
|
9
11
|
constructor() {
|
|
10
12
|
this.mobileView = false;
|
|
@@ -26,39 +28,50 @@ class SwitchComponent {
|
|
|
26
28
|
this.valueChanged.emit(this.control.value);
|
|
27
29
|
}
|
|
28
30
|
}
|
|
29
|
-
SwitchComponent.ɵfac =
|
|
30
|
-
SwitchComponent.ɵcmp = i0.ɵɵ
|
|
31
|
-
i0.ɵɵ
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
31
|
+
SwitchComponent.ɵfac = function SwitchComponent_Factory(t) { return new (t || SwitchComponent)(); };
|
|
32
|
+
SwitchComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SwitchComponent, selectors: [["mis-switch"]], inputs: { mobileView: "mobileView", checked: "checked", disabled: "disabled", control: "control" }, outputs: { valueChanged: "valueChanged" }, decls: 3, vars: 7, consts: [[1, "toggle-switch", 3, "ngClass", "ngStyle"], ["type", "checkbox", 3, "formControl", "change"], [1, "slider"]], template: function SwitchComponent_Template(rf, ctx) { if (rf & 1) {
|
|
33
|
+
i0.ɵɵelementStart(0, "label", 0)(1, "input", 1);
|
|
34
|
+
i0.ɵɵlistener("change", function SwitchComponent_Template_input_change_1_listener($event) { return ctx.onChange($event); });
|
|
35
|
+
i0.ɵɵelementEnd();
|
|
36
|
+
i0.ɵɵelement(2, "span", 2);
|
|
37
|
+
i0.ɵɵelementEnd();
|
|
38
|
+
} if (rf & 2) {
|
|
39
|
+
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c0, ctx.mobileView))("ngStyle", i0.ɵɵpureFunction1(5, _c1, ctx.control.disabled ? "not-allowed" : "pointer"));
|
|
40
|
+
i0.ɵɵadvance(1);
|
|
41
|
+
i0.ɵɵproperty("formControl", ctx.control);
|
|
42
|
+
} }, dependencies: [i1.NgClass, i1.NgStyle, i2.CheckboxControlValueAccessor, i2.NgControlStatus, i2.FormControlDirective], styles: [".toggle-switch[_ngcontent-%COMP%]{height:28px;width:51px;display:inline-block;position:relative}.toggle-switch[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{display:none}.toggle-switch[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:checked + .slider[_ngcontent-%COMP%]{background-color:#0937b2}.toggle-switch[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:checked + .slider[_ngcontent-%COMP%]:after{transform:translate(23px)}.toggle-switch[_ngcontent-%COMP%] .slider[_ngcontent-%COMP%]{position:absolute;inset:0;background-color:#e0e0e0;transition:.25s;border-radius:14px}.toggle-switch[_ngcontent-%COMP%] .slider[_ngcontent-%COMP%]:after{position:absolute;content:\"\";height:24px;width:24px;background-color:#fff;border-radius:12px;left:2px;bottom:2px;transition:.25s}.toggle-switch-mobile[_ngcontent-%COMP%]{height:14px;width:34px;display:inline-block;position:relative}.toggle-switch-mobile[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{display:none}.toggle-switch-mobile[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:checked + .slider[_ngcontent-%COMP%]{background-color:#e0e0e0}.toggle-switch-mobile[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:disabled + .slider[_ngcontent-%COMP%]{background-color:#f5f5f5!important}.toggle-switch-mobile[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:checked + .slider[_ngcontent-%COMP%]:after{background-color:#0937b2;transform:translate(34px)}.toggle-switch-mobile[_ngcontent-%COMP%] input[_ngcontent-%COMP%]:checked:disabled + .slider[_ngcontent-%COMP%]:after{background-color:#929dab}.toggle-switch-mobile[_ngcontent-%COMP%] .slider[_ngcontent-%COMP%]{position:absolute;inset:0;background-color:#e0e0e0;transition:.25s;border-radius:14px}.toggle-switch-mobile[_ngcontent-%COMP%] .slider[_ngcontent-%COMP%]:after{position:absolute;content:\"\";height:20px;width:20px;background-color:#fff;box-shadow:0 0 6px -2px #929dab;border-radius:12px;top:-3px;left:-10px;transition:.25s}"] });
|
|
43
|
+
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SwitchComponent, [{
|
|
44
|
+
type: Component,
|
|
45
|
+
args: [{ selector: "mis-switch", template: "<label class=\"toggle-switch\" [ngClass]=\"{ 'toggle-switch-mobile': mobileView }\" [ngStyle]=\"{'cursor': control.disabled ? 'not-allowed' : 'pointer'}\">\n <input type=\"checkbox\" (change)=\"onChange($event)\" [formControl]=\"control\" />\n <span class=\"slider\"></span>\n</label>\n", styles: [".toggle-switch{height:28px;width:51px;display:inline-block;position:relative}.toggle-switch input{display:none}.toggle-switch input:checked+.slider{background-color:#0937b2}.toggle-switch input:checked+.slider:after{transform:translate(23px)}.toggle-switch .slider{position:absolute;inset:0;background-color:#e0e0e0;transition:.25s;border-radius:14px}.toggle-switch .slider:after{position:absolute;content:\"\";height:24px;width:24px;background-color:#fff;border-radius:12px;left:2px;bottom:2px;transition:.25s}.toggle-switch-mobile{height:14px;width:34px;display:inline-block;position:relative}.toggle-switch-mobile input{display:none}.toggle-switch-mobile input:checked+.slider{background-color:#e0e0e0}.toggle-switch-mobile input:disabled+.slider{background-color:#f5f5f5!important}.toggle-switch-mobile input:checked+.slider:after{background-color:#0937b2;transform:translate(34px)}.toggle-switch-mobile input:checked:disabled+.slider:after{background-color:#929dab}.toggle-switch-mobile .slider{position:absolute;inset:0;background-color:#e0e0e0;transition:.25s;border-radius:14px}.toggle-switch-mobile .slider:after{position:absolute;content:\"\";height:20px;width:20px;background-color:#fff;box-shadow:0 0 6px -2px #929dab;border-radius:12px;top:-3px;left:-10px;transition:.25s}\n"] }]
|
|
46
|
+
}], function () { return []; }, { mobileView: [{
|
|
47
|
+
type: Input
|
|
48
|
+
}], checked: [{
|
|
49
|
+
type: Input
|
|
50
|
+
}], disabled: [{
|
|
51
|
+
type: Input
|
|
52
|
+
}], control: [{
|
|
53
|
+
type: Input
|
|
54
|
+
}], valueChanged: [{
|
|
55
|
+
type: Output
|
|
56
|
+
}] }); })();
|
|
45
57
|
|
|
46
58
|
class SwitchModule {
|
|
47
59
|
static forRoot() {
|
|
48
60
|
return { ngModule: SwitchModule, providers: [] };
|
|
49
61
|
}
|
|
50
62
|
}
|
|
51
|
-
SwitchModule.ɵfac =
|
|
52
|
-
SwitchModule.ɵmod = i0.ɵɵ
|
|
53
|
-
SwitchModule.ɵinj = i0.ɵɵ
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
63
|
+
SwitchModule.ɵfac = function SwitchModule_Factory(t) { return new (t || SwitchModule)(); };
|
|
64
|
+
SwitchModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: SwitchModule });
|
|
65
|
+
SwitchModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule, ReactiveFormsModule] });
|
|
66
|
+
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SwitchModule, [{
|
|
67
|
+
type: NgModule,
|
|
68
|
+
args: [{
|
|
69
|
+
declarations: [SwitchComponent],
|
|
70
|
+
imports: [CommonModule, ReactiveFormsModule],
|
|
71
|
+
exports: [SwitchComponent]
|
|
72
|
+
}]
|
|
73
|
+
}], null, null); })();
|
|
74
|
+
(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SwitchModule, { declarations: [SwitchComponent], imports: [CommonModule, ReactiveFormsModule], exports: [SwitchComponent] }); })();
|
|
62
75
|
|
|
63
76
|
/**
|
|
64
77
|
* Generated bundle index. Do not edit.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mis-crystal-design-system-switch.mjs","sources":["../../../projects/mis-components/switch/switch.component.ts","../../../projects/mis-components/switch/switch.component.html","../../../projects/mis-components/switch/switch.module.ts","../../../projects/mis-components/switch/mis-crystal-design-system-switch.ts"],"sourcesContent":["import { Component, Input, OnInit, Output, EventEmitter } from \"@angular/core\";\nimport { AbstractControl, UntypedFormControl } from \"@angular/forms\";\n\n@Component({\n selector: \"mis-switch\",\n templateUrl: \"./switch.component.html\",\n styleUrls: [\"./switch.component.scss\"]\n})\nexport class SwitchComponent implements OnInit {\n @Input() mobileView: boolean = false;\n @Input() set checked(value: boolean) {\n this.control.setValue(value);\n }\n @Input() set disabled(value: boolean) {\n if (value) this.control.disable();\n else this.control.enable();\n }\n @Input() control: AbstractControl = new UntypedFormControl(false);\n\n /** Emits value when toggled */\n @Output() valueChanged = new EventEmitter<boolean>();\n\n constructor() {}\n ngOnInit() {}\n onChange(event) {\n this.valueChanged.emit(this.control.value);\n }\n}\n","<label class=\"toggle-switch\" [ngClass]=\"{ 'toggle-switch-mobile': mobileView }\" [ngStyle]=\"{'cursor': control.disabled ? 'not-allowed' : 'pointer'}\">\n <input type=\"checkbox\" (change)=\"onChange($event)\" [formControl]=\"control\" />\n <span class=\"slider\"></span>\n</label>\n","import { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\n\nimport { SwitchComponent } from \"./switch.component\";\nimport { ReactiveFormsModule } from \"@angular/forms\";\n\n@NgModule({\n declarations: [SwitchComponent],\n imports: [CommonModule, ReactiveFormsModule],\n exports: [SwitchComponent]\n})\nexport class SwitchModule {\n static forRoot(): ModuleWithProviders<SwitchModule> {\n return { ngModule: SwitchModule, providers: [] };\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"mis-crystal-design-system-switch.mjs","sources":["../../../projects/mis-components/switch/switch.component.ts","../../../projects/mis-components/switch/switch.component.html","../../../projects/mis-components/switch/switch.module.ts","../../../projects/mis-components/switch/mis-crystal-design-system-switch.ts"],"sourcesContent":["import { Component, Input, OnInit, Output, EventEmitter } from \"@angular/core\";\nimport { AbstractControl, UntypedFormControl } from \"@angular/forms\";\n\n@Component({\n selector: \"mis-switch\",\n templateUrl: \"./switch.component.html\",\n styleUrls: [\"./switch.component.scss\"]\n})\nexport class SwitchComponent implements OnInit {\n @Input() mobileView: boolean = false;\n @Input() set checked(value: boolean) {\n this.control.setValue(value);\n }\n @Input() set disabled(value: boolean) {\n if (value) this.control.disable();\n else this.control.enable();\n }\n @Input() control: AbstractControl = new UntypedFormControl(false);\n\n /** Emits value when toggled */\n @Output() valueChanged = new EventEmitter<boolean>();\n\n constructor() {}\n ngOnInit() {}\n onChange(event) {\n this.valueChanged.emit(this.control.value);\n }\n}\n","<label class=\"toggle-switch\" [ngClass]=\"{ 'toggle-switch-mobile': mobileView }\" [ngStyle]=\"{'cursor': control.disabled ? 'not-allowed' : 'pointer'}\">\n <input type=\"checkbox\" (change)=\"onChange($event)\" [formControl]=\"control\" />\n <span class=\"slider\"></span>\n</label>\n","import { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\n\nimport { SwitchComponent } from \"./switch.component\";\nimport { ReactiveFormsModule } from \"@angular/forms\";\n\n@NgModule({\n declarations: [SwitchComponent],\n imports: [CommonModule, ReactiveFormsModule],\n exports: [SwitchComponent]\n})\nexport class SwitchModule {\n static forRoot(): ModuleWithProviders<SwitchModule> {\n return { ngModule: SwitchModule, providers: [] };\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|