mis-crystal-design-system 18.0.5 → 18.0.7-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 +1 -1
- package/analytics/analytics.service.d.ts +1 -1
- package/async-search-dropdown/async-dropdown.component.d.ts +3 -2
- package/button/button.component.d.ts +1 -1
- package/button/button.directive.d.ts +1 -1
- package/checkbox/checkbox.component.d.ts +1 -1
- package/chip/chip.component.d.ts +1 -1
- package/datepicker_v2/models/dp-config.model.d.ts +1 -1
- package/datepicker_v2/tz-datepicker.directive.d.ts +1 -1
- package/datepicker_v2/tz-dp-container/tz-dp-container.component.d.ts +1 -1
- package/daterangepicker_v2/models/drp-config.model.d.ts +1 -1
- package/daterangepicker_v2/tz-daterangepicker.directive.d.ts +1 -1
- package/daterangepicker_v2/tz-drp-container/tz-drp-container.component.d.ts +1 -1
- package/drawer/drawer-body/drawer-body.component.d.ts +1 -1
- package/dropdown/calculate-container-height.directive.d.ts +1 -1
- package/dropdown/dropdown.component.d.ts +1 -1
- package/dropdown/dropdown.module.d.ts +1 -1
- package/dynamic-form/dynamic-form.component.d.ts +1 -1
- package/esm2022/action-list/action-list.component.mjs +363 -0
- package/{esm2020 → esm2022}/action-list/action-list.module.mjs +5 -5
- package/{esm2020 → esm2022}/analytics/analytics.module.mjs +5 -5
- package/esm2022/analytics/analytics.service.mjs +64 -0
- package/esm2022/async-search-dropdown/async-dropdown.component.mjs +536 -0
- package/{esm2020 → esm2022}/async-search-dropdown/async-dropdown.module.mjs +5 -5
- package/esm2022/button/button.component.mjs +88 -0
- package/esm2022/button/button.directive.mjs +61 -0
- package/{esm2020 → esm2022}/button/button.module.mjs +5 -5
- package/esm2022/checkbox/checkbox.component.mjs +124 -0
- package/{esm2020 → esm2022}/checkbox/checkbox.module.mjs +5 -5
- package/esm2022/chip/chip.component.mjs +82 -0
- package/{esm2020 → esm2022}/chip/chip.module.mjs +5 -5
- package/{esm2020 → esm2022}/datepicker_v2/datepicker.module.mjs +5 -5
- package/esm2022/datepicker_v2/tz-datepicker.directive.mjs +183 -0
- package/esm2022/datepicker_v2/tz-dp-container/tz-dp-container.component.mjs +442 -0
- package/{esm2020/daterangepicker_v2 → esm2022/datepicker_v2}/utils/index.mjs +1 -1
- package/{esm2020 → esm2022}/daterangepicker_v2/daterangepicker.module.mjs +5 -5
- package/esm2022/daterangepicker_v2/tz-daterangepicker.directive.mjs +165 -0
- package/esm2022/daterangepicker_v2/tz-drp-container/tz-drp-container.component.mjs +503 -0
- package/esm2022/daterangepicker_v2/utils/index.mjs +45 -0
- package/esm2022/drawer/drawer-body/drawer-body.component.mjs +59 -0
- package/{esm2020 → esm2022}/drawer/drawer-ref.mjs +4 -4
- package/{esm2020 → esm2022}/drawer/drawer.module.mjs +5 -5
- package/{esm2020 → esm2022}/drawer/drawer.service.mjs +5 -5
- package/esm2022/dropdown/calculate-container-height.directive.mjs +41 -0
- package/esm2022/dropdown/dropdown.component.mjs +464 -0
- package/{esm2020 → esm2022}/dropdown/dropdown.module.mjs +6 -6
- package/esm2022/dynamic-form/dynamic-form.component.mjs +1093 -0
- package/{esm2020 → esm2022}/dynamic-form/dynamic-form.module.mjs +13 -13
- package/esm2022/fab/fab.component.mjs +145 -0
- package/{esm2020 → esm2022}/fab/fab.module.mjs +5 -5
- package/esm2022/filter/filter-panel/filter-panel.component.mjs +396 -0
- package/{esm2020 → esm2022}/filter/filters.module.mjs +17 -17
- package/esm2022/filter/has-value.pipe.mjs +31 -0
- package/{esm2020 → esm2022}/input/directives/input/input.directive.mjs +6 -6
- package/{fesm2020/mis-crystal-design-system-input.mjs → esm2022/input/mis-input.component.mjs} +49 -109
- package/{esm2020 → esm2022}/input/mis-input.module.mjs +5 -5
- package/esm2022/input-stepper/input-stepper/input-stepper.component.mjs +89 -0
- package/{esm2020 → esm2022}/input-stepper/input-stepper.module.mjs +5 -5
- package/esm2022/loader/loader.component.mjs +25 -0
- package/{esm2020 → esm2022}/loader/loader.module.mjs +5 -5
- package/esm2022/menu/menu-close.directive.mjs +25 -0
- package/{esm2020 → esm2022}/menu/menu.directive.mjs +7 -7
- package/{esm2020 → esm2022}/menu/menu.module.mjs +5 -5
- package/esm2022/mobile-filter/mobile-filter.component.mjs +180 -0
- package/{esm2020 → esm2022}/mobile-filter/mobile-filter.module.mjs +5 -5
- package/{esm2020 → esm2022}/modal/modal.module.mjs +5 -5
- package/esm2022/modal/modal.service.mjs +70 -0
- package/esm2022/modal/module-wrapper/module-wrapper.component.mjs +56 -0
- package/esm2022/multi-select-dropdown/multi-select-dropdown.component.mjs +489 -0
- package/{esm2020 → esm2022}/multi-select-dropdown/multi-select-dropdown.module.mjs +5 -5
- package/esm2022/nested-multi-select-dropdown/nested-multi-select-dropdown.component.mjs +516 -0
- package/{esm2020 → esm2022}/nested-multi-select-dropdown/nested-multi-select-dropdown.module.mjs +5 -5
- package/esm2022/phone-input/phone-input.component.mjs +72 -0
- package/{esm2020 → esm2022}/phone-input/phone-input.module.mjs +5 -5
- package/esm2022/radio-button/radio-button.component.mjs +57 -0
- package/{esm2020 → esm2022}/radio-button/radio-button.module.mjs +5 -5
- package/esm2022/ske-loader/ske-loader.component.mjs +54 -0
- package/{esm2020 → esm2022}/ske-loader/ske-loader.module.mjs +5 -5
- package/esm2022/slider/slider.component.mjs +46 -0
- package/{esm2020 → esm2022}/slider/slider.module.mjs +7 -7
- package/esm2022/snackbar/snackbar/snackbar.component.mjs +72 -0
- package/{esm2020 → esm2022}/snackbar/snackbar.module.mjs +5 -5
- package/esm2022/snackbar/snackbar.service.mjs +47 -0
- package/{esm2020 → esm2022}/specificdatepicker/specificdatepicker.module.mjs +5 -5
- package/esm2022/specificdatepicker/tz-sdp-container/tz-sdp-container.component.mjs +646 -0
- package/esm2022/specificdatepicker/tz-specificdatepicker.directive.mjs +196 -0
- package/esm2022/specificdatepicker/utils/index.mjs +45 -0
- package/esm2022/star-rating/star-rating.component.mjs +113 -0
- package/{esm2020 → esm2022}/star-rating/star-rating.module.mjs +5 -5
- package/esm2022/switch/switch.component.mjs +56 -0
- package/{esm2020 → esm2022}/switch/switch.module.mjs +5 -5
- package/esm2022/table/custom-table-cell.directive.mjs +42 -0
- package/esm2022/table/filter/filter.component.mjs +177 -0
- package/esm2022/table/sub-table/sub-table.component.mjs +192 -0
- package/esm2022/table/table.component.mjs +486 -0
- package/{esm2020 → esm2022}/table/table.module.mjs +5 -5
- package/esm2022/timepicker/timepicker.component.mjs +374 -0
- package/esm2022/timepicker/timepicker.directive.mjs +69 -0
- package/{esm2020 → esm2022}/timepicker/timepicker.module.mjs +5 -5
- package/esm2022/timerangepicker/timerangepicker.component.mjs +237 -0
- package/{esm2020 → esm2022}/timerangepicker/timerangepicker.module.mjs +5 -5
- package/esm2022/toast/toast.component.mjs +51 -0
- package/{esm2020 → esm2022}/toast/toast.data.service.mjs +8 -8
- package/{esm2020 → esm2022}/toast/toast.module.mjs +5 -5
- package/esm2022/toast/toast.service.mjs +91 -0
- package/esm2022/tooltip/tooltip-container/tooltip.component.mjs +79 -0
- package/esm2022/tooltip/tooltip.directive.mjs +143 -0
- package/{esm2020 → esm2022}/tooltip/tooltip.module.mjs +5 -5
- package/esm2022/virtual-scroll/virtual-scroll.component.mjs +188 -0
- package/{esm2020 → esm2022}/virtual-scroll/virtual-scroll.module.mjs +7 -7
- package/esm2022/widgets/classes/async-widget.mjs +23 -0
- package/{esm2020 → esm2022}/widgets/classes/base-widget.mjs +1 -1
- package/esm2022/widgets/classes/sync-widget.mjs +20 -0
- package/{esm2020 → esm2022}/widgets/services/widget.service.mjs +5 -5
- package/{esm2020 → esm2022}/widgets/widgets.module.mjs +5 -5
- package/fab/fab.component.d.ts +4 -4
- package/{fesm2020 → fesm2022}/mis-crystal-design-system-action-list.mjs +106 -113
- package/fesm2022/mis-crystal-design-system-action-list.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/mis-crystal-design-system-analytics.mjs +9 -9
- package/{fesm2020 → fesm2022}/mis-crystal-design-system-analytics.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-async-search-dropdown.mjs +561 -0
- package/fesm2022/mis-crystal-design-system-async-search-dropdown.mjs.map +1 -0
- package/fesm2022/mis-crystal-design-system-button.mjs +173 -0
- package/fesm2022/mis-crystal-design-system-button.mjs.map +1 -0
- package/fesm2022/mis-crystal-design-system-checkbox.mjs +150 -0
- package/fesm2022/mis-crystal-design-system-checkbox.mjs.map +1 -0
- package/fesm2022/mis-crystal-design-system-chip.mjs +108 -0
- package/fesm2022/mis-crystal-design-system-chip.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/mis-crystal-design-system-datepicker_v2.mjs +133 -140
- package/fesm2022/mis-crystal-design-system-datepicker_v2.mjs.map +1 -0
- package/fesm2022/mis-crystal-design-system-daterangepicker_v2.mjs +737 -0
- package/fesm2022/mis-crystal-design-system-daterangepicker_v2.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/mis-crystal-design-system-drawer.mjs +34 -33
- package/{fesm2020 → fesm2022}/mis-crystal-design-system-drawer.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/mis-crystal-design-system-dropdown.mjs +177 -186
- package/fesm2022/mis-crystal-design-system-dropdown.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/mis-crystal-design-system-dynamic-form.mjs +441 -456
- package/fesm2022/mis-crystal-design-system-dynamic-form.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/mis-crystal-design-system-fab.mjs +48 -47
- package/fesm2022/mis-crystal-design-system-fab.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/mis-crystal-design-system-filter.mjs +113 -120
- package/fesm2022/mis-crystal-design-system-filter.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/mis-crystal-design-system-input-stepper.mjs +35 -34
- package/{fesm2020 → fesm2022}/mis-crystal-design-system-input-stepper.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-input.mjs +146 -0
- package/{fesm2020 → fesm2022}/mis-crystal-design-system-input.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-loader.mjs +51 -0
- package/{fesm2020 → fesm2022}/mis-crystal-design-system-loader.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/mis-crystal-design-system-menu.mjs +16 -16
- package/{fesm2020 → fesm2022}/mis-crystal-design-system-menu.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-mobile-filter.mjs +205 -0
- package/fesm2022/mis-crystal-design-system-mobile-filter.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/mis-crystal-design-system-modal.mjs +34 -33
- package/{fesm2020 → fesm2022}/mis-crystal-design-system-modal.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/mis-crystal-design-system-multi-select-dropdown.mjs +107 -109
- package/fesm2022/mis-crystal-design-system-multi-select-dropdown.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/mis-crystal-design-system-nested-multi-select-dropdown.mjs +128 -129
- package/fesm2022/mis-crystal-design-system-nested-multi-select-dropdown.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/mis-crystal-design-system-phone-input.mjs +22 -21
- package/{fesm2020 → fesm2022}/mis-crystal-design-system-phone-input.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-radio-button.mjs +83 -0
- package/{fesm2020 → fesm2022}/mis-crystal-design-system-radio-button.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-ske-loader.mjs +77 -0
- package/fesm2022/mis-crystal-design-system-ske-loader.mjs.map +1 -0
- package/fesm2022/mis-crystal-design-system-slider.mjs +80 -0
- package/{fesm2020 → fesm2022}/mis-crystal-design-system-slider.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/mis-crystal-design-system-snackbar.mjs +32 -32
- package/fesm2022/mis-crystal-design-system-snackbar.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/mis-crystal-design-system-specificdatepicker.mjs +204 -204
- package/fesm2022/mis-crystal-design-system-specificdatepicker.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/mis-crystal-design-system-star-rating.mjs +29 -28
- package/fesm2022/mis-crystal-design-system-star-rating.mjs.map +1 -0
- package/fesm2022/mis-crystal-design-system-switch.mjs +82 -0
- package/fesm2022/mis-crystal-design-system-switch.mjs.map +1 -0
- package/fesm2022/mis-crystal-design-system-table.mjs +913 -0
- package/fesm2022/mis-crystal-design-system-table.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/mis-crystal-design-system-timepicker.mjs +78 -74
- package/{fesm2020 → fesm2022}/mis-crystal-design-system-timepicker.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/mis-crystal-design-system-timerangepicker.mjs +26 -25
- package/{fesm2020 → fesm2022}/mis-crystal-design-system-timerangepicker.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/mis-crystal-design-system-toast.mjs +35 -34
- package/{fesm2020 → fesm2022}/mis-crystal-design-system-toast.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/mis-crystal-design-system-tooltip.mjs +47 -47
- package/{fesm2020 → fesm2022}/mis-crystal-design-system-tooltip.mjs.map +1 -1
- package/{fesm2020 → fesm2022}/mis-crystal-design-system-virtual-scroll.mjs +50 -52
- package/fesm2022/mis-crystal-design-system-virtual-scroll.mjs.map +1 -0
- package/{fesm2020 → fesm2022}/mis-crystal-design-system-widgets.mjs +4 -4
- package/{fesm2020 → fesm2022}/mis-crystal-design-system-widgets.mjs.map +1 -1
- package/filter/filter-panel/filter-panel.component.d.ts +1 -1
- package/input/directives/input/input.directive.d.ts +1 -1
- package/input/mis-input.component.d.ts +1 -1
- package/input-stepper/input-stepper/input-stepper.component.d.ts +1 -1
- package/loader/loader.component.d.ts +1 -1
- package/menu/menu-close.directive.d.ts +1 -1
- package/menu/menu.directive.d.ts +1 -1
- package/mobile-filter/mobile-filter.component.d.ts +1 -1
- package/modal/module-wrapper/module-wrapper.component.d.ts +1 -1
- package/multi-select-dropdown/multi-select-dropdown.component.d.ts +1 -1
- package/nested-multi-select-dropdown/nested-multi-select-dropdown.component.d.ts +1 -1
- package/package.json +125 -207
- package/phone-input/phone-input.component.d.ts +1 -1
- package/radio-button/radio-button.component.d.ts +1 -1
- package/ske-loader/ske-loader.component.d.ts +1 -1
- package/slider/slider.component.d.ts +1 -1
- package/snackbar/snackbar/snackbar.component.d.ts +1 -1
- package/specificdatepicker/models/sdp-config.model.d.ts +1 -1
- package/specificdatepicker/tz-sdp-container/tz-sdp-container.component.d.ts +1 -1
- package/specificdatepicker/tz-specificdatepicker.directive.d.ts +1 -1
- package/star-rating/star-rating.component.d.ts +1 -1
- package/switch/switch.component.d.ts +1 -1
- package/table/custom-table-cell.directive.d.ts +1 -1
- package/table/filter/filter.component.d.ts +1 -1
- package/table/sub-table/sub-table.component.d.ts +1 -1
- package/table/table.component.d.ts +1 -1
- package/timepicker/timepicker.component.d.ts +1 -1
- package/timepicker/timepicker.directive.d.ts +1 -1
- package/timerangepicker/timerange.namespace.d.ts +1 -1
- package/timerangepicker/timerangepicker.component.d.ts +1 -1
- package/toast/toast.component.d.ts +1 -1
- package/toast/toast.service.d.ts +1 -1
- package/tooltip/models/tooltip.model.d.ts +1 -1
- package/tooltip/tooltip-container/tooltip.component.d.ts +1 -1
- package/tooltip/tooltip.directive.d.ts +1 -1
- package/virtual-scroll/virtual-scroll.component.d.ts +1 -1
- package/widgets/interfaces/widgets.model.d.ts +1 -1
- package/button/button.directive.scss +0 -69
- package/drawer/drawer.scss +0 -20
- package/esm2020/action-list/action-list.component.mjs +0 -370
- package/esm2020/analytics/analytics.service.mjs +0 -64
- package/esm2020/async-search-dropdown/async-dropdown.component.mjs +0 -525
- package/esm2020/button/button.component.mjs +0 -87
- package/esm2020/button/button.directive.mjs +0 -61
- package/esm2020/checkbox/checkbox.component.mjs +0 -124
- package/esm2020/chip/chip.component.mjs +0 -82
- package/esm2020/datepicker_v2/tz-datepicker.directive.mjs +0 -183
- package/esm2020/datepicker_v2/tz-dp-container/tz-dp-container.component.mjs +0 -449
- package/esm2020/datepicker_v2/utils/index.mjs +0 -45
- package/esm2020/daterangepicker_v2/tz-daterangepicker.directive.mjs +0 -165
- package/esm2020/daterangepicker_v2/tz-drp-container/tz-drp-container.component.mjs +0 -502
- package/esm2020/drawer/drawer-body/drawer-body.component.mjs +0 -58
- package/esm2020/dropdown/calculate-container-height.directive.mjs +0 -41
- package/esm2020/dropdown/dropdown.component.mjs +0 -472
- package/esm2020/dynamic-form/dynamic-form.component.mjs +0 -1108
- package/esm2020/fab/fab.component.mjs +0 -144
- package/esm2020/filter/filter-panel/filter-panel.component.mjs +0 -403
- package/esm2020/filter/has-value.pipe.mjs +0 -31
- package/esm2020/input/mis-input.component.mjs +0 -84
- package/esm2020/input-stepper/input-stepper/input-stepper.component.mjs +0 -88
- package/esm2020/loader/loader.component.mjs +0 -24
- package/esm2020/menu/menu-close.directive.mjs +0 -25
- package/esm2020/mobile-filter/mobile-filter.component.mjs +0 -181
- package/esm2020/modal/modal.service.mjs +0 -70
- package/esm2020/modal/module-wrapper/module-wrapper.component.mjs +0 -55
- package/esm2020/multi-select-dropdown/multi-select-dropdown.component.mjs +0 -491
- package/esm2020/nested-multi-select-dropdown/nested-multi-select-dropdown.component.mjs +0 -517
- package/esm2020/phone-input/phone-input.component.mjs +0 -71
- package/esm2020/radio-button/radio-button.component.mjs +0 -56
- package/esm2020/ske-loader/ske-loader.component.mjs +0 -53
- package/esm2020/slider/slider.component.mjs +0 -45
- package/esm2020/snackbar/snackbar/snackbar.component.mjs +0 -72
- package/esm2020/snackbar/snackbar.service.mjs +0 -47
- package/esm2020/specificdatepicker/tz-sdp-container/tz-sdp-container.component.mjs +0 -646
- package/esm2020/specificdatepicker/tz-specificdatepicker.directive.mjs +0 -196
- package/esm2020/specificdatepicker/utils/index.mjs +0 -45
- package/esm2020/star-rating/star-rating.component.mjs +0 -112
- package/esm2020/switch/switch.component.mjs +0 -55
- package/esm2020/table/custom-table-cell.directive.mjs +0 -42
- package/esm2020/table/filter/filter.component.mjs +0 -176
- package/esm2020/table/sub-table/sub-table.component.mjs +0 -193
- package/esm2020/table/table.component.mjs +0 -492
- package/esm2020/timepicker/timepicker.component.mjs +0 -370
- package/esm2020/timepicker/timepicker.directive.mjs +0 -69
- package/esm2020/timerangepicker/timerangepicker.component.mjs +0 -236
- package/esm2020/toast/toast.component.mjs +0 -50
- package/esm2020/toast/toast.service.mjs +0 -91
- package/esm2020/tooltip/tooltip-container/tooltip.component.mjs +0 -79
- package/esm2020/tooltip/tooltip.directive.mjs +0 -143
- package/esm2020/virtual-scroll/virtual-scroll.component.mjs +0 -190
- package/esm2020/widgets/classes/async-widget.mjs +0 -23
- package/esm2020/widgets/classes/sync-widget.mjs +0 -20
- package/fesm2015/mis-crystal-design-system-action-list.mjs +0 -446
- package/fesm2015/mis-crystal-design-system-action-list.mjs.map +0 -1
- package/fesm2015/mis-crystal-design-system-analytics.mjs +0 -87
- package/fesm2015/mis-crystal-design-system-analytics.mjs.map +0 -1
- package/fesm2015/mis-crystal-design-system-async-search-dropdown.mjs +0 -618
- package/fesm2015/mis-crystal-design-system-async-search-dropdown.mjs.map +0 -1
- package/fesm2015/mis-crystal-design-system-button.mjs +0 -189
- package/fesm2015/mis-crystal-design-system-button.mjs.map +0 -1
- package/fesm2015/mis-crystal-design-system-checkbox.mjs +0 -166
- package/fesm2015/mis-crystal-design-system-checkbox.mjs.map +0 -1
- package/fesm2015/mis-crystal-design-system-chip.mjs +0 -123
- package/fesm2015/mis-crystal-design-system-chip.mjs.map +0 -1
- package/fesm2015/mis-crystal-design-system-datepicker_v2.mjs +0 -751
- package/fesm2015/mis-crystal-design-system-datepicker_v2.mjs.map +0 -1
- package/fesm2015/mis-crystal-design-system-daterangepicker_v2.mjs +0 -769
- package/fesm2015/mis-crystal-design-system-daterangepicker_v2.mjs.map +0 -1
- package/fesm2015/mis-crystal-design-system-drawer.mjs +0 -185
- package/fesm2015/mis-crystal-design-system-drawer.mjs.map +0 -1
- package/fesm2015/mis-crystal-design-system-dropdown.mjs +0 -616
- package/fesm2015/mis-crystal-design-system-dropdown.mjs.map +0 -1
- package/fesm2015/mis-crystal-design-system-dynamic-form.mjs +0 -1337
- package/fesm2015/mis-crystal-design-system-dynamic-form.mjs.map +0 -1
- package/fesm2015/mis-crystal-design-system-fab.mjs +0 -186
- package/fesm2015/mis-crystal-design-system-fab.mjs.map +0 -1
- package/fesm2015/mis-crystal-design-system-filter.mjs +0 -559
- package/fesm2015/mis-crystal-design-system-filter.mjs.map +0 -1
- package/fesm2015/mis-crystal-design-system-input-stepper.mjs +0 -124
- package/fesm2015/mis-crystal-design-system-input-stepper.mjs.map +0 -1
- package/fesm2015/mis-crystal-design-system-input.mjs +0 -165
- package/fesm2015/mis-crystal-design-system-input.mjs.map +0 -1
- package/fesm2015/mis-crystal-design-system-loader.mjs +0 -57
- package/fesm2015/mis-crystal-design-system-loader.mjs.map +0 -1
- package/fesm2015/mis-crystal-design-system-menu.mjs +0 -135
- package/fesm2015/mis-crystal-design-system-menu.mjs.map +0 -1
- package/fesm2015/mis-crystal-design-system-mobile-filter.mjs +0 -227
- package/fesm2015/mis-crystal-design-system-mobile-filter.mjs.map +0 -1
- package/fesm2015/mis-crystal-design-system-modal.mjs +0 -184
- package/fesm2015/mis-crystal-design-system-modal.mjs.map +0 -1
- package/fesm2015/mis-crystal-design-system-multi-select-dropdown.mjs +0 -550
- package/fesm2015/mis-crystal-design-system-multi-select-dropdown.mjs.map +0 -1
- package/fesm2015/mis-crystal-design-system-nested-multi-select-dropdown.mjs +0 -559
- package/fesm2015/mis-crystal-design-system-nested-multi-select-dropdown.mjs.map +0 -1
- package/fesm2015/mis-crystal-design-system-phone-input.mjs +0 -107
- package/fesm2015/mis-crystal-design-system-phone-input.mjs.map +0 -1
- package/fesm2015/mis-crystal-design-system-radio-button.mjs +0 -89
- package/fesm2015/mis-crystal-design-system-radio-button.mjs.map +0 -1
- package/fesm2015/mis-crystal-design-system-ske-loader.mjs +0 -86
- package/fesm2015/mis-crystal-design-system-ske-loader.mjs.map +0 -1
- package/fesm2015/mis-crystal-design-system-slider.mjs +0 -88
- package/fesm2015/mis-crystal-design-system-slider.mjs.map +0 -1
- package/fesm2015/mis-crystal-design-system-snackbar.mjs +0 -175
- package/fesm2015/mis-crystal-design-system-snackbar.mjs.map +0 -1
- package/fesm2015/mis-crystal-design-system-specificdatepicker.mjs +0 -970
- package/fesm2015/mis-crystal-design-system-specificdatepicker.mjs.map +0 -1
- package/fesm2015/mis-crystal-design-system-star-rating.mjs +0 -145
- package/fesm2015/mis-crystal-design-system-star-rating.mjs.map +0 -1
- package/fesm2015/mis-crystal-design-system-switch.mjs +0 -88
- package/fesm2015/mis-crystal-design-system-switch.mjs.map +0 -1
- package/fesm2015/mis-crystal-design-system-table.mjs +0 -1045
- package/fesm2015/mis-crystal-design-system-table.mjs.map +0 -1
- package/fesm2015/mis-crystal-design-system-timepicker.mjs +0 -484
- package/fesm2015/mis-crystal-design-system-timepicker.mjs.map +0 -1
- package/fesm2015/mis-crystal-design-system-timerangepicker.mjs +0 -273
- package/fesm2015/mis-crystal-design-system-timerangepicker.mjs.map +0 -1
- package/fesm2015/mis-crystal-design-system-toast.mjs +0 -214
- package/fesm2015/mis-crystal-design-system-toast.mjs.map +0 -1
- package/fesm2015/mis-crystal-design-system-tooltip.mjs +0 -272
- package/fesm2015/mis-crystal-design-system-tooltip.mjs.map +0 -1
- package/fesm2015/mis-crystal-design-system-virtual-scroll.mjs +0 -259
- package/fesm2015/mis-crystal-design-system-virtual-scroll.mjs.map +0 -1
- package/fesm2015/mis-crystal-design-system-widgets.mjs +0 -131
- package/fesm2015/mis-crystal-design-system-widgets.mjs.map +0 -1
- package/fesm2020/mis-crystal-design-system-action-list.mjs.map +0 -1
- package/fesm2020/mis-crystal-design-system-async-search-dropdown.mjs +0 -550
- package/fesm2020/mis-crystal-design-system-async-search-dropdown.mjs.map +0 -1
- package/fesm2020/mis-crystal-design-system-button.mjs +0 -172
- package/fesm2020/mis-crystal-design-system-button.mjs.map +0 -1
- package/fesm2020/mis-crystal-design-system-checkbox.mjs +0 -150
- package/fesm2020/mis-crystal-design-system-checkbox.mjs.map +0 -1
- package/fesm2020/mis-crystal-design-system-chip.mjs +0 -108
- package/fesm2020/mis-crystal-design-system-chip.mjs.map +0 -1
- package/fesm2020/mis-crystal-design-system-datepicker_v2.mjs.map +0 -1
- package/fesm2020/mis-crystal-design-system-daterangepicker_v2.mjs +0 -736
- package/fesm2020/mis-crystal-design-system-daterangepicker_v2.mjs.map +0 -1
- package/fesm2020/mis-crystal-design-system-dropdown.mjs.map +0 -1
- package/fesm2020/mis-crystal-design-system-dynamic-form.mjs.map +0 -1
- package/fesm2020/mis-crystal-design-system-fab.mjs.map +0 -1
- package/fesm2020/mis-crystal-design-system-filter.mjs.map +0 -1
- package/fesm2020/mis-crystal-design-system-loader.mjs +0 -50
- package/fesm2020/mis-crystal-design-system-mobile-filter.mjs +0 -206
- package/fesm2020/mis-crystal-design-system-mobile-filter.mjs.map +0 -1
- package/fesm2020/mis-crystal-design-system-multi-select-dropdown.mjs.map +0 -1
- package/fesm2020/mis-crystal-design-system-nested-multi-select-dropdown.mjs.map +0 -1
- package/fesm2020/mis-crystal-design-system-radio-button.mjs +0 -82
- package/fesm2020/mis-crystal-design-system-ske-loader.mjs +0 -76
- package/fesm2020/mis-crystal-design-system-ske-loader.mjs.map +0 -1
- package/fesm2020/mis-crystal-design-system-slider.mjs +0 -79
- package/fesm2020/mis-crystal-design-system-snackbar.mjs.map +0 -1
- package/fesm2020/mis-crystal-design-system-specificdatepicker.mjs.map +0 -1
- package/fesm2020/mis-crystal-design-system-star-rating.mjs.map +0 -1
- package/fesm2020/mis-crystal-design-system-styles.mjs +0 -4
- package/fesm2020/mis-crystal-design-system-styles.mjs.map +0 -1
- package/fesm2020/mis-crystal-design-system-switch.mjs +0 -81
- package/fesm2020/mis-crystal-design-system-switch.mjs.map +0 -1
- package/fesm2020/mis-crystal-design-system-table.mjs +0 -919
- package/fesm2020/mis-crystal-design-system-table.mjs.map +0 -1
- package/fesm2020/mis-crystal-design-system-utils.mjs +0 -24
- package/fesm2020/mis-crystal-design-system-utils.mjs.map +0 -1
- package/fesm2020/mis-crystal-design-system-virtual-scroll.mjs.map +0 -1
- package/fesm2020/mis-crystal-design-system.mjs +0 -24
- package/fesm2020/mis-crystal-design-system.mjs.map +0 -1
- package/input/mis-input.component.scss +0 -180
- package/modal/modal.scss +0 -9
- package/styles/fonts/icomoon.eot +0 -0
- package/styles/fonts/icomoon.svg +0 -315
- package/styles/fonts/icomoon.ttf +0 -0
- package/styles/fonts/icomoon.woff +0 -0
- package/styles/mis-borders-backgrounds.scss +0 -764
- package/styles/mis-color-constants.scss +0 -149
- package/styles/mis-flex.scss +0 -321
- package/styles/mis-fonts.scss +0 -124
- package/styles/mis-icons.scss +0 -1054
- package/styles/mis-mixins.scss +0 -46
- package/styles/mis-old-icon-styles.scss +0 -498
- package/styles/mis-spacing-sizing.scss +0 -2590
- package/styles/mis-typography.scss +0 -462
- /package/{esm2020 → esm2022}/action-list/index.mjs +0 -0
- /package/{esm2020 → esm2022}/action-list/mis-crystal-design-system-action-list.mjs +0 -0
- /package/{esm2020 → esm2022}/action-list/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/analytics/index.mjs +0 -0
- /package/{esm2020 → esm2022}/analytics/mis-crystal-design-system-analytics.mjs +0 -0
- /package/{esm2020 → esm2022}/analytics/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/async-search-dropdown/index.mjs +0 -0
- /package/{esm2020 → esm2022}/async-search-dropdown/mis-crystal-design-system-async-search-dropdown.mjs +0 -0
- /package/{esm2020 → esm2022}/async-search-dropdown/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/button/index.mjs +0 -0
- /package/{esm2020 → esm2022}/button/mis-crystal-design-system-button.mjs +0 -0
- /package/{esm2020 → esm2022}/button/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/checkbox/index.mjs +0 -0
- /package/{esm2020 → esm2022}/checkbox/mis-crystal-design-system-checkbox.mjs +0 -0
- /package/{esm2020 → esm2022}/checkbox/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/chip/index.mjs +0 -0
- /package/{esm2020 → esm2022}/chip/mis-crystal-design-system-chip.mjs +0 -0
- /package/{esm2020 → esm2022}/chip/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/datepicker_v2/datepicker-constants.mjs +0 -0
- /package/{esm2020 → esm2022}/datepicker_v2/index.mjs +0 -0
- /package/{esm2020 → esm2022}/datepicker_v2/mis-crystal-design-system-datepicker_v2.mjs +0 -0
- /package/{esm2020 → esm2022}/datepicker_v2/models/dp-config.model.mjs +0 -0
- /package/{esm2020 → esm2022}/datepicker_v2/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/daterangepicker_v2/daterangepicker-constants.mjs +0 -0
- /package/{esm2020 → esm2022}/daterangepicker_v2/index.mjs +0 -0
- /package/{esm2020 → esm2022}/daterangepicker_v2/mis-crystal-design-system-daterangepicker_v2.mjs +0 -0
- /package/{esm2020 → esm2022}/daterangepicker_v2/models/drp-config.model.mjs +0 -0
- /package/{esm2020 → esm2022}/daterangepicker_v2/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/drawer/drawer-constants.mjs +0 -0
- /package/{esm2020 → esm2022}/drawer/index.mjs +0 -0
- /package/{esm2020 → esm2022}/drawer/mis-crystal-design-system-drawer.mjs +0 -0
- /package/{esm2020 → esm2022}/drawer/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/dropdown/index.mjs +0 -0
- /package/{esm2020 → esm2022}/dropdown/mis-crystal-design-system-dropdown.mjs +0 -0
- /package/{esm2020 → esm2022}/dropdown/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/dynamic-form/dynamic-form.namespace.mjs +0 -0
- /package/{esm2020 → esm2022}/dynamic-form/index.mjs +0 -0
- /package/{esm2020 → esm2022}/dynamic-form/mis-crystal-design-system-dynamic-form.mjs +0 -0
- /package/{esm2020 → esm2022}/dynamic-form/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/fab/index.mjs +0 -0
- /package/{esm2020 → esm2022}/fab/mis-crystal-design-system-fab.mjs +0 -0
- /package/{esm2020 → esm2022}/fab/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/filter/animations/slideFromRight.mjs +0 -0
- /package/{esm2020 → esm2022}/filter/index.mjs +0 -0
- /package/{esm2020 → esm2022}/filter/mis-crystal-design-system-filter.mjs +0 -0
- /package/{esm2020 → esm2022}/filter/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/index.mjs +0 -0
- /package/{esm2020 → esm2022}/input/index.mjs +0 -0
- /package/{esm2020 → esm2022}/input/mis-crystal-design-system-input.mjs +0 -0
- /package/{esm2020 → esm2022}/input/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/input-stepper/index.mjs +0 -0
- /package/{esm2020 → esm2022}/input-stepper/mis-crystal-design-system-input-stepper.mjs +0 -0
- /package/{esm2020 → esm2022}/input-stepper/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/loader/index.mjs +0 -0
- /package/{esm2020 → esm2022}/loader/mis-crystal-design-system-loader.mjs +0 -0
- /package/{esm2020 → esm2022}/loader/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/menu/index.mjs +0 -0
- /package/{esm2020 → esm2022}/menu/mis-crystal-design-system-menu.mjs +0 -0
- /package/{esm2020 → esm2022}/menu/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/mis-crystal-design-system.mjs +0 -0
- /package/{esm2020 → esm2022}/mobile-filter/index.mjs +0 -0
- /package/{esm2020 → esm2022}/mobile-filter/mis-crystal-design-system-mobile-filter.mjs +0 -0
- /package/{esm2020 → esm2022}/mobile-filter/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/modal/index.mjs +0 -0
- /package/{esm2020 → esm2022}/modal/mis-crystal-design-system-modal.mjs +0 -0
- /package/{esm2020 → esm2022}/modal/modal-constants.mjs +0 -0
- /package/{esm2020 → esm2022}/modal/modal-ref.mjs +0 -0
- /package/{esm2020 → esm2022}/modal/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/multi-select-dropdown/index.mjs +0 -0
- /package/{esm2020 → esm2022}/multi-select-dropdown/mis-crystal-design-system-multi-select-dropdown.mjs +0 -0
- /package/{esm2020 → esm2022}/multi-select-dropdown/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/nested-multi-select-dropdown/index.mjs +0 -0
- /package/{esm2020 → esm2022}/nested-multi-select-dropdown/mis-crystal-design-system-nested-multi-select-dropdown.mjs +0 -0
- /package/{esm2020 → esm2022}/nested-multi-select-dropdown/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/phone-input/index.mjs +0 -0
- /package/{esm2020 → esm2022}/phone-input/mis-crystal-design-system-phone-input.mjs +0 -0
- /package/{esm2020 → esm2022}/phone-input/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/radio-button/index.mjs +0 -0
- /package/{esm2020 → esm2022}/radio-button/mis-crystal-design-system-radio-button.mjs +0 -0
- /package/{esm2020 → esm2022}/radio-button/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/ske-loader/index.mjs +0 -0
- /package/{esm2020 → esm2022}/ske-loader/mis-crystal-design-system-ske-loader.mjs +0 -0
- /package/{esm2020 → esm2022}/ske-loader/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/slider/index.mjs +0 -0
- /package/{esm2020 → esm2022}/slider/mis-crystal-design-system-slider.mjs +0 -0
- /package/{esm2020 → esm2022}/slider/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/snackbar/index.mjs +0 -0
- /package/{esm2020 → esm2022}/snackbar/mis-crystal-design-system-snackbar.mjs +0 -0
- /package/{esm2020 → esm2022}/snackbar/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/specificdatepicker/daterangepicker-constants.mjs +0 -0
- /package/{esm2020 → esm2022}/specificdatepicker/index.mjs +0 -0
- /package/{esm2020 → esm2022}/specificdatepicker/mis-crystal-design-system-specificdatepicker.mjs +0 -0
- /package/{esm2020 → esm2022}/specificdatepicker/models/sdp-config.model.mjs +0 -0
- /package/{esm2020 → esm2022}/specificdatepicker/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/star-rating/index.mjs +0 -0
- /package/{esm2020 → esm2022}/star-rating/mis-crystal-design-system-star-rating.mjs +0 -0
- /package/{esm2020 → esm2022}/star-rating/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/styles/index.mjs +0 -0
- /package/{esm2020 → esm2022}/styles/mis-crystal-design-system-styles.mjs +0 -0
- /package/{esm2020 → esm2022}/styles/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/switch/index.mjs +0 -0
- /package/{esm2020 → esm2022}/switch/mis-crystal-design-system-switch.mjs +0 -0
- /package/{esm2020 → esm2022}/switch/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/table/index.mjs +0 -0
- /package/{esm2020 → esm2022}/table/mis-crystal-design-system-table.mjs +0 -0
- /package/{esm2020 → esm2022}/table/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/timepicker/index.mjs +0 -0
- /package/{esm2020 → esm2022}/timepicker/mis-crystal-design-system-timepicker.mjs +0 -0
- /package/{esm2020 → esm2022}/timepicker/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/timepicker/time.namespace.mjs +0 -0
- /package/{esm2020 → esm2022}/timerangepicker/index.mjs +0 -0
- /package/{esm2020 → esm2022}/timerangepicker/mis-crystal-design-system-timerangepicker.mjs +0 -0
- /package/{esm2020 → esm2022}/timerangepicker/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/timerangepicker/timerange.namespace.mjs +0 -0
- /package/{esm2020 → esm2022}/toast/index.mjs +0 -0
- /package/{esm2020 → esm2022}/toast/mis-crystal-design-system-toast.mjs +0 -0
- /package/{esm2020 → esm2022}/toast/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/tooltip/index.mjs +0 -0
- /package/{esm2020 → esm2022}/tooltip/mis-crystal-design-system-tooltip.mjs +0 -0
- /package/{esm2020 → esm2022}/tooltip/models/tooltip.model.mjs +0 -0
- /package/{esm2020 → esm2022}/tooltip/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/utils/index.mjs +0 -0
- /package/{esm2020 → esm2022}/utils/mis-crystal-design-system-utils.mjs +0 -0
- /package/{esm2020 → esm2022}/virtual-scroll/index.mjs +0 -0
- /package/{esm2020 → esm2022}/virtual-scroll/mis-crystal-design-system-virtual-scroll.mjs +0 -0
- /package/{esm2020 → esm2022}/virtual-scroll/public_api.mjs +0 -0
- /package/{esm2020 → esm2022}/virtual-scroll/virtual-scroll.constants.mjs +0 -0
- /package/{esm2020 → esm2022}/widgets/classes/widget-group.mjs +0 -0
- /package/{esm2020 → esm2022}/widgets/index.mjs +0 -0
- /package/{esm2020 → esm2022}/widgets/interfaces/widgets.model.mjs +0 -0
- /package/{esm2020 → esm2022}/widgets/mis-crystal-design-system-widgets.mjs +0 -0
- /package/{esm2020 → esm2022}/widgets/public_api.mjs +0 -0
- /package/{fesm2015 → fesm2022}/mis-crystal-design-system-styles.mjs +0 -0
- /package/{fesm2015 → fesm2022}/mis-crystal-design-system-styles.mjs.map +0 -0
- /package/{fesm2015 → fesm2022}/mis-crystal-design-system-utils.mjs +0 -0
- /package/{fesm2015 → fesm2022}/mis-crystal-design-system-utils.mjs.map +0 -0
- /package/{fesm2015 → fesm2022}/mis-crystal-design-system.mjs +0 -0
- /package/{fesm2015 → fesm2022}/mis-crystal-design-system.mjs.map +0 -0
|
@@ -9,7 +9,7 @@ import { DropdownModule } from 'mis-crystal-design-system/dropdown';
|
|
|
9
9
|
import { OverlayModule } from '@angular/cdk/overlay';
|
|
10
10
|
import { ScrollingModule } from '@angular/cdk-experimental/scrolling';
|
|
11
11
|
|
|
12
|
-
const _c0 =
|
|
12
|
+
const _c0 = a0 => ({ "height": a0 });
|
|
13
13
|
class PhoneInputComponent {
|
|
14
14
|
constructor() {
|
|
15
15
|
this.dropdownData = [];
|
|
@@ -26,25 +26,25 @@ class PhoneInputComponent {
|
|
|
26
26
|
handleDropdownSelection(item) {
|
|
27
27
|
this.onDropdownSelection.emit(item);
|
|
28
28
|
}
|
|
29
|
+
static { this.ɵfac = function PhoneInputComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PhoneInputComponent)(); }; }
|
|
30
|
+
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, "ngStyle", "placeholder", "formControl", "type"]], template: function PhoneInputComponent_Template(rf, ctx) { if (rf & 1) {
|
|
31
|
+
i0.ɵɵelementStart(0, "div", 0)(1, "mis-dropdown", 1);
|
|
32
|
+
i0.ɵɵlistener("onChange", function PhoneInputComponent_Template_mis_dropdown_onChange_1_listener($event) { return ctx.handleDropdownSelection($event); });
|
|
33
|
+
i0.ɵɵelementEnd();
|
|
34
|
+
i0.ɵɵelementStart(2, "div", 2)(3, "div", 3);
|
|
35
|
+
i0.ɵɵelement(4, "input", 4);
|
|
36
|
+
i0.ɵɵelementEnd()()();
|
|
37
|
+
} if (rf & 2) {
|
|
38
|
+
i0.ɵɵadvance();
|
|
39
|
+
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);
|
|
40
|
+
i0.ɵɵadvance(3);
|
|
41
|
+
i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(14, _c0, ctx.inputHeight))("placeholder", ctx.inputPlaceholder)("formControl", ctx.inputFormControl)("type", ctx.inputType);
|
|
42
|
+
} }, 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}.main-container-phone[_ngcontent-%COMP%] .item{padding:8px!important}.main-container-phone[_ngcontent-%COMP%] .dropdown{border:unset!important}"] }); }
|
|
29
43
|
}
|
|
30
|
-
|
|
31
|
-
PhoneInputComponent.ɵ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, "height", "dropdownListWidth", "dropdownListHeight", "width", "data", "selectedItem", "label", "searchEnabled", "multiLine", "searchLabel", "onChange"], [1, "details-field"], [1, "input-box"], [1, "black-text", 3, "ngStyle", "placeholder", "formControl", "type"]], template: function PhoneInputComponent_Template(rf, ctx) { if (rf & 1) {
|
|
32
|
-
i0.ɵɵelementStart(0, "div", 0)(1, "mis-dropdown", 1);
|
|
33
|
-
i0.ɵɵlistener("onChange", function PhoneInputComponent_Template_mis_dropdown_onChange_1_listener($event) { return ctx.handleDropdownSelection($event); });
|
|
34
|
-
i0.ɵɵelementEnd();
|
|
35
|
-
i0.ɵɵelementStart(2, "div", 2)(3, "div", 3);
|
|
36
|
-
i0.ɵɵelement(4, "input", 4);
|
|
37
|
-
i0.ɵɵelementEnd()()();
|
|
38
|
-
} if (rf & 2) {
|
|
39
|
-
i0.ɵɵadvance(1);
|
|
40
|
-
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);
|
|
41
|
-
i0.ɵɵadvance(3);
|
|
42
|
-
i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(14, _c0, ctx.inputHeight))("placeholder", ctx.inputPlaceholder)("formControl", ctx.inputFormControl)("type", ctx.inputType);
|
|
43
|
-
} }, 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}.main-container-phone[_ngcontent-%COMP%] .item{padding:8px!important}.main-container-phone[_ngcontent-%COMP%] .dropdown{border:unset!important}"] });
|
|
44
|
-
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PhoneInputComponent, [{
|
|
44
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PhoneInputComponent, [{
|
|
45
45
|
type: Component,
|
|
46
46
|
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\"></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 />\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}.main-container-phone ::ng-deep .item{padding:8px!important}.main-container-phone ::ng-deep .dropdown{border:unset!important}\n"] }]
|
|
47
|
-
}],
|
|
47
|
+
}], () => [], { dropdownHeight: [{
|
|
48
48
|
type: Input
|
|
49
49
|
}], dropdownWidth: [{
|
|
50
50
|
type: Input
|
|
@@ -73,16 +73,17 @@ PhoneInputComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PhoneIn
|
|
|
73
73
|
}], searchLabel: [{
|
|
74
74
|
type: Input
|
|
75
75
|
}] }); })();
|
|
76
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PhoneInputComponent, { className: "PhoneInputComponent" }); })();
|
|
76
77
|
|
|
77
78
|
class PhoneInputModule {
|
|
78
79
|
static forRoot() {
|
|
79
80
|
return { ngModule: PhoneInputModule, providers: [] };
|
|
80
81
|
}
|
|
82
|
+
static { this.ɵfac = function PhoneInputModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PhoneInputModule)(); }; }
|
|
83
|
+
static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: PhoneInputModule }); }
|
|
84
|
+
static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule, ReactiveFormsModule, FormsModule, OverlayModule, ScrollingModule, DropdownModule] }); }
|
|
81
85
|
}
|
|
82
|
-
|
|
83
|
-
PhoneInputModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: PhoneInputModule });
|
|
84
|
-
PhoneInputModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule, ReactiveFormsModule, FormsModule, OverlayModule, ScrollingModule, DropdownModule] });
|
|
85
|
-
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PhoneInputModule, [{
|
|
86
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PhoneInputModule, [{
|
|
86
87
|
type: NgModule,
|
|
87
88
|
args: [{
|
|
88
89
|
declarations: [PhoneInputComponent],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mis-crystal-design-system-phone-input.mjs","sources":["../../../projects/mis-components/phone-input/phone-input.component.ts","../../../projects/mis-components/phone-input/phone-input.component.html","../../../projects/mis-components/phone-input/phone-input.module.ts","../../../projects/mis-components/phone-input/mis-crystal-design-system-phone-input.ts"],"sourcesContent":["import { Component, EventEmitter, Input, OnInit, Output } from \"@angular/core\";\nimport { FormControl } from \"@angular/forms\";\nimport { DropdownItem } from \"mis-crystal-design-system/dropdown\";\n\n@Component({\n selector: \"mis-phone-input\",\n templateUrl: \"./phone-input.component.html\",\n styleUrls: [\"./phone-input.component.scss\"]\n})\nexport class PhoneInputComponent implements OnInit {\n @Input() dropdownHeight?: string;\n @Input() dropdownWidth?: string;\n @Input() inputHeight?: string;\n @Input() dropdownData: DropdownItem[] = [];\n @Input() dropdownSelectedItem:DropdownItem = { value: \"\", label: \"\" } \n @Input() label: string;\n\n @Input() inputPlaceholder: string = 'Enter';\n @Input() inputFormControl: FormControl = new FormControl();\n\n @Output() onDropdownSelection = new EventEmitter<any>();\n @Input() dropdownListWidth;\n @Input() dropdownListHeight;\n @Input() searchEnabled:boolean=false;\n @Input() inputType: string = \"number\";\n @Input() searchLabel:string = \"Search Keyword\"\n \n constructor() {}\n ngOnInit() {\n }\n\n handleDropdownSelection(item: DropdownItem){\n this.onDropdownSelection.emit(item);\n }\n\n}\n","<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\"></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 />\n </div>\n </div>\n</div>\n","import { CommonModule } from \"@angular/common\";\nimport { FormsModule } from \"@angular/forms\";\nimport { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { PhoneInputComponent } from \"./phone-input.component\";\nimport { OverlayModule } from \"@angular/cdk/overlay\";\nimport { ScrollingModule } from \"@angular/cdk-experimental/scrolling\";\nimport { DropdownModule } from \"mis-crystal-design-system/dropdown\";\nimport { ReactiveFormsModule } from \"@angular/forms\";\n\n\n@NgModule({\n declarations: [PhoneInputComponent],\n imports: [CommonModule,ReactiveFormsModule, FormsModule, OverlayModule, ScrollingModule, DropdownModule],\n exports: [PhoneInputComponent]\n})\nexport class PhoneInputModule {\n static forRoot(): ModuleWithProviders<PhoneInputModule> {\n return { ngModule: PhoneInputModule, providers: [] };\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;MASa,mBAAmB,CAAA;AAkB9B,IAAA,WAAA,GAAA;QAdS,IAAY,CAAA,YAAA,GAAmB,EAAE,CAAC;QAClC,IAAoB,CAAA,oBAAA,GAAgB,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAA;QAG5D,IAAgB,CAAA,gBAAA,GAAW,OAAO,CAAC;AACnC,QAAA,IAAA,CAAA,gBAAgB,GAAgB,IAAI,WAAW,EAAE,CAAC;AAEjD,QAAA,IAAA,CAAA,mBAAmB,GAAG,IAAI,YAAY,EAAO,CAAC;QAG/C,IAAa,CAAA,aAAA,GAAS,KAAK,CAAC;QAC5B,IAAS,CAAA,SAAA,GAAW,QAAQ,CAAC;QAC7B,IAAW,CAAA,WAAA,GAAU,gBAAgB,CAAA;KAE9B;IAChB,QAAQ,GAAA;KACP;AAED,IAAA,uBAAuB,CAAC,IAAkB,EAAA;AACxC,QAAA,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KACrC
|
|
1
|
+
{"version":3,"file":"mis-crystal-design-system-phone-input.mjs","sources":["../../../projects/mis-components/phone-input/phone-input.component.ts","../../../projects/mis-components/phone-input/phone-input.component.html","../../../projects/mis-components/phone-input/phone-input.module.ts","../../../projects/mis-components/phone-input/mis-crystal-design-system-phone-input.ts"],"sourcesContent":["import { Component, EventEmitter, Input, OnInit, Output } from \"@angular/core\";\nimport { FormControl } from \"@angular/forms\";\nimport { DropdownItem } from \"mis-crystal-design-system/dropdown\";\n\n@Component({\n selector: \"mis-phone-input\",\n templateUrl: \"./phone-input.component.html\",\n styleUrls: [\"./phone-input.component.scss\"]\n})\nexport class PhoneInputComponent implements OnInit {\n @Input() dropdownHeight?: string;\n @Input() dropdownWidth?: string;\n @Input() inputHeight?: string;\n @Input() dropdownData: DropdownItem[] = [];\n @Input() dropdownSelectedItem:DropdownItem = { value: \"\", label: \"\" } \n @Input() label: string;\n\n @Input() inputPlaceholder: string = 'Enter';\n @Input() inputFormControl: FormControl = new FormControl();\n\n @Output() onDropdownSelection = new EventEmitter<any>();\n @Input() dropdownListWidth;\n @Input() dropdownListHeight;\n @Input() searchEnabled:boolean=false;\n @Input() inputType: string = \"number\";\n @Input() searchLabel:string = \"Search Keyword\"\n \n constructor() {}\n ngOnInit() {\n }\n\n handleDropdownSelection(item: DropdownItem){\n this.onDropdownSelection.emit(item);\n }\n\n}\n","<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\"></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 />\n </div>\n </div>\n</div>\n","import { CommonModule } from \"@angular/common\";\nimport { FormsModule } from \"@angular/forms\";\nimport { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { PhoneInputComponent } from \"./phone-input.component\";\nimport { OverlayModule } from \"@angular/cdk/overlay\";\nimport { ScrollingModule } from \"@angular/cdk-experimental/scrolling\";\nimport { DropdownModule } from \"mis-crystal-design-system/dropdown\";\nimport { ReactiveFormsModule } from \"@angular/forms\";\n\n\n@NgModule({\n declarations: [PhoneInputComponent],\n imports: [CommonModule,ReactiveFormsModule, FormsModule, OverlayModule, ScrollingModule, DropdownModule],\n exports: [PhoneInputComponent]\n})\nexport class PhoneInputModule {\n static forRoot(): ModuleWithProviders<PhoneInputModule> {\n return { ngModule: PhoneInputModule, providers: [] };\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
|
|
3
|
+
import * as i1 from '@angular/forms';
|
|
4
|
+
import { UntypedFormControl, ReactiveFormsModule } from '@angular/forms';
|
|
5
|
+
import { CommonModule } from '@angular/common';
|
|
6
|
+
|
|
7
|
+
class RadioButtonComponent {
|
|
8
|
+
constructor() {
|
|
9
|
+
/** When multiple radio input fields are used
|
|
10
|
+
* an "id" can be given to keep track of them */
|
|
11
|
+
this.id = "";
|
|
12
|
+
/** Name of the attribute for which the radio
|
|
13
|
+
* selection is provided */
|
|
14
|
+
this.name = "";
|
|
15
|
+
/** Value of the attribute which is to be emitted
|
|
16
|
+
* when selected */
|
|
17
|
+
this.value = "";
|
|
18
|
+
/** Controls the state of the radio button */
|
|
19
|
+
this.disabled = false;
|
|
20
|
+
/** Can be used to attach the radio input field
|
|
21
|
+
* to a reactive form by passing in a
|
|
22
|
+
* “FormControl“ Object. It can also be
|
|
23
|
+
* used to set the default attribute value */
|
|
24
|
+
this.formControl = new UntypedFormControl(null);
|
|
25
|
+
/** Emits "value" of the radio button on selection */
|
|
26
|
+
this.valueChange = new EventEmitter();
|
|
27
|
+
}
|
|
28
|
+
ngOnInit() { }
|
|
29
|
+
onChange(event) {
|
|
30
|
+
this.valueChange.emit(this.formControl.value);
|
|
31
|
+
}
|
|
32
|
+
static { this.ɵfac = function RadioButtonComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || RadioButtonComponent)(); }; }
|
|
33
|
+
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", "keup.enter", "id", "name", "disabled", "value", "formControl"]], template: function RadioButtonComponent_Template(rf, ctx) { if (rf & 1) {
|
|
34
|
+
i0.ɵɵelementStart(0, "input", 0);
|
|
35
|
+
i0.ɵɵlistener("change", function RadioButtonComponent_Template_input_change_0_listener($event) { return ctx.onChange($event); })("keup.enter", function RadioButtonComponent_Template_input_keup_enter_0_listener($event) { return ctx.onChange($event); });
|
|
36
|
+
i0.ɵɵelementEnd();
|
|
37
|
+
} if (rf & 2) {
|
|
38
|
+
i0.ɵɵpropertyInterpolate("id", ctx.id);
|
|
39
|
+
i0.ɵɵproperty("name", ctx.name)("disabled", ctx.disabled)("value", ctx.value)("formControl", ctx.formControl);
|
|
40
|
+
} }, 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}"] }); }
|
|
41
|
+
}
|
|
42
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RadioButtonComponent, [{
|
|
43
|
+
type: Component,
|
|
44
|
+
args: [{ selector: "mis-radio", template: "<input \n (change)=\"onChange($event)\" \n (keup.enter)=\"onChange($event)\"\n tabindex=\"-1\"\n id=\"{{ id }}\" type=\"radio\" \n [name]=\"name\" [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"] }]
|
|
45
|
+
}], () => [], { id: [{
|
|
46
|
+
type: Input
|
|
47
|
+
}], name: [{
|
|
48
|
+
type: Input
|
|
49
|
+
}], value: [{
|
|
50
|
+
type: Input
|
|
51
|
+
}], disabled: [{
|
|
52
|
+
type: Input
|
|
53
|
+
}], formControl: [{
|
|
54
|
+
type: Input
|
|
55
|
+
}], valueChange: [{
|
|
56
|
+
type: Output
|
|
57
|
+
}] }); })();
|
|
58
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RadioButtonComponent, { className: "RadioButtonComponent" }); })();
|
|
59
|
+
|
|
60
|
+
class RadioButtonModule {
|
|
61
|
+
static forRoot() {
|
|
62
|
+
return { ngModule: RadioButtonModule, providers: [] };
|
|
63
|
+
}
|
|
64
|
+
static { this.ɵfac = function RadioButtonModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || RadioButtonModule)(); }; }
|
|
65
|
+
static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: RadioButtonModule }); }
|
|
66
|
+
static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule, ReactiveFormsModule] }); }
|
|
67
|
+
}
|
|
68
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RadioButtonModule, [{
|
|
69
|
+
type: NgModule,
|
|
70
|
+
args: [{
|
|
71
|
+
declarations: [RadioButtonComponent],
|
|
72
|
+
imports: [CommonModule, ReactiveFormsModule],
|
|
73
|
+
exports: [RadioButtonComponent]
|
|
74
|
+
}]
|
|
75
|
+
}], null, null); })();
|
|
76
|
+
(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(RadioButtonModule, { declarations: [RadioButtonComponent], imports: [CommonModule, ReactiveFormsModule], exports: [RadioButtonComponent] }); })();
|
|
77
|
+
|
|
78
|
+
/**
|
|
79
|
+
* Generated bundle index. Do not edit.
|
|
80
|
+
*/
|
|
81
|
+
|
|
82
|
+
export { RadioButtonComponent, RadioButtonModule };
|
|
83
|
+
//# sourceMappingURL=mis-crystal-design-system-radio-button.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mis-crystal-design-system-radio-button.mjs","sources":["../../../projects/mis-components/radio-button/radio-button.component.ts","../../../projects/mis-components/radio-button/radio-button.component.html","../../../projects/mis-components/radio-button/radio-button.module.ts","../../../projects/mis-components/radio-button/mis-crystal-design-system-radio-button.ts"],"sourcesContent":["import { Component, Input, OnInit, Output, EventEmitter } from \"@angular/core\";\nimport { AbstractControl, UntypedFormControl } from \"@angular/forms\";\n\n@Component({\n selector: \"mis-radio\",\n templateUrl: \"./radio-button.component.html\",\n styleUrls: [\"./radio-button.component.scss\"]\n})\nexport class RadioButtonComponent implements OnInit {\n /** When multiple radio input fields are used\n * an \"id\" can be given to keep track of them */\n @Input() id: string | number = \"\";\n /** Name of the attribute for which the radio\n * selection is provided */\n @Input() name: string | number = \"\";\n /** Value of the attribute which is to be emitted\n * when selected */\n @Input() value: string | number = \"\";\n /** Controls the state of the radio button */\n @Input() disabled: boolean = false;\n\n /** Can be used to attach the radio input field\n * to a reactive form by passing in a\n * “FormControl“ Object. It can also be\n * used to set the default attribute value */\n @Input() formControl: AbstractControl = new UntypedFormControl(null);\n\n /** Emits \"value\" of the radio button on selection */\n @Output() valueChange = new EventEmitter<any>();\n\n constructor() {}\n ngOnInit() {}\n onChange(event) {\n this.valueChange.emit(this.formControl.value);\n }\n}\n","<input \n (change)=\"onChange($event)\" \n (keup.enter)=\"onChange($event)\"\n tabindex=\"-1\"\n id=\"{{ id }}\" type=\"radio\" \n [name]=\"name\" [disabled]=\"disabled\" \n [value]=\"value\"\n [formControl]=\"formControl\" \n/>\n","import { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\n\nimport { RadioButtonComponent } from \"./radio-button.component\";\nimport { ReactiveFormsModule } from \"@angular/forms\";\n\n@NgModule({\n declarations: [RadioButtonComponent],\n imports: [CommonModule, ReactiveFormsModule],\n exports: [RadioButtonComponent]\n})\nexport class RadioButtonModule {\n static forRoot(): ModuleWithProviders<RadioButtonModule> {\n return { ngModule: RadioButtonModule, providers: [] };\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAQa,oBAAoB,CAAA;AAsB/B,IAAA,WAAA,GAAA;AArBA;AACgD;QACvC,IAAE,CAAA,EAAA,GAAoB,EAAE,CAAC;AAClC;AAC2B;QAClB,IAAI,CAAA,IAAA,GAAoB,EAAE,CAAC;AACpC;AACmB;QACV,IAAK,CAAA,KAAA,GAAoB,EAAE,CAAC;;QAE5B,IAAQ,CAAA,QAAA,GAAY,KAAK,CAAC;AAEnC;;;AAG6C;AACpC,QAAA,IAAA,CAAA,WAAW,GAAoB,IAAI,kBAAkB,CAAC,IAAI,CAAC,CAAC;;AAG3D,QAAA,IAAA,CAAA,WAAW,GAAG,IAAI,YAAY,EAAO,CAAC;KAEhC;AAChB,IAAA,QAAQ,MAAK;AACb,IAAA,QAAQ,CAAC,KAAK,EAAA;QACZ,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;KAC/C
|
|
1
|
+
{"version":3,"file":"mis-crystal-design-system-radio-button.mjs","sources":["../../../projects/mis-components/radio-button/radio-button.component.ts","../../../projects/mis-components/radio-button/radio-button.component.html","../../../projects/mis-components/radio-button/radio-button.module.ts","../../../projects/mis-components/radio-button/mis-crystal-design-system-radio-button.ts"],"sourcesContent":["import { Component, Input, OnInit, Output, EventEmitter } from \"@angular/core\";\nimport { AbstractControl, UntypedFormControl } from \"@angular/forms\";\n\n@Component({\n selector: \"mis-radio\",\n templateUrl: \"./radio-button.component.html\",\n styleUrls: [\"./radio-button.component.scss\"]\n})\nexport class RadioButtonComponent implements OnInit {\n /** When multiple radio input fields are used\n * an \"id\" can be given to keep track of them */\n @Input() id: string | number = \"\";\n /** Name of the attribute for which the radio\n * selection is provided */\n @Input() name: string | number = \"\";\n /** Value of the attribute which is to be emitted\n * when selected */\n @Input() value: string | number = \"\";\n /** Controls the state of the radio button */\n @Input() disabled: boolean = false;\n\n /** Can be used to attach the radio input field\n * to a reactive form by passing in a\n * “FormControl“ Object. It can also be\n * used to set the default attribute value */\n @Input() formControl: AbstractControl = new UntypedFormControl(null);\n\n /** Emits \"value\" of the radio button on selection */\n @Output() valueChange = new EventEmitter<any>();\n\n constructor() {}\n ngOnInit() {}\n onChange(event) {\n this.valueChange.emit(this.formControl.value);\n }\n}\n","<input \n (change)=\"onChange($event)\" \n (keup.enter)=\"onChange($event)\"\n tabindex=\"-1\"\n id=\"{{ id }}\" type=\"radio\" \n [name]=\"name\" [disabled]=\"disabled\" \n [value]=\"value\"\n [formControl]=\"formControl\" \n/>\n","import { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\n\nimport { RadioButtonComponent } from \"./radio-button.component\";\nimport { ReactiveFormsModule } from \"@angular/forms\";\n\n@NgModule({\n declarations: [RadioButtonComponent],\n imports: [CommonModule, ReactiveFormsModule],\n exports: [RadioButtonComponent]\n})\nexport class RadioButtonModule {\n static forRoot(): ModuleWithProviders<RadioButtonModule> {\n return { ngModule: RadioButtonModule, providers: [] };\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAQa,oBAAoB,CAAA;AAsB/B,IAAA,WAAA,GAAA;AArBA;AACgD;QACvC,IAAE,CAAA,EAAA,GAAoB,EAAE,CAAC;AAClC;AAC2B;QAClB,IAAI,CAAA,IAAA,GAAoB,EAAE,CAAC;AACpC;AACmB;QACV,IAAK,CAAA,KAAA,GAAoB,EAAE,CAAC;;QAE5B,IAAQ,CAAA,QAAA,GAAY,KAAK,CAAC;AAEnC;;;AAG6C;AACpC,QAAA,IAAA,CAAA,WAAW,GAAoB,IAAI,kBAAkB,CAAC,IAAI,CAAC,CAAC;;AAG3D,QAAA,IAAA,CAAA,WAAW,GAAG,IAAI,YAAY,EAAO,CAAC;KAEhC;AAChB,IAAA,QAAQ,MAAK;AACb,IAAA,QAAQ,CAAC,KAAK,EAAA;QACZ,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;KAC/C;qHA1BU,oBAAoB,GAAA,CAAA,EAAA,CAAA,EAAA;oEAApB,oBAAoB,EAAA,SAAA,EAAA,CAAA,CAAA,WAAA,CAAA,CAAA,EAAA,MAAA,EAAA,EAAA,EAAA,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,CAAA,UAAA,EAAA,IAAA,EAAA,MAAA,EAAA,OAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAA,EAAA,IAAA,EAAA,MAAA,EAAA,UAAA,EAAA,OAAA,EAAA,aAAA,CAAA,CAAA,EAAA,QAAA,EAAA,SAAA,6BAAA,CAAA,EAAA,EAAA,GAAA,EAAA,EAAA,IAAA,EAAA,GAAA,CAAA,EAAA;YCRjC,EAQE,CAAA,cAAA,CAAA,CAAA,EAAA,OAAA,EAAA,CAAA,CAAA,CAAA;AANE,YADA,EAAU,CAAA,UAAA,CAAA,QAAA,EAAA,SAAA,qDAAA,CAAA,MAAA,EAAA,EAAA,OAAA,GAAA,CAAA,QAAA,CAAA,MAAA,CAAgB,CAAC,EAAA,CAAA,CAAA,YAAA,EAAA,SAAA,yDAAA,CAAA,MAAA,EAAA,EAAA,OACb,oBAAgB,CAAC,EAAA,CAAA,CAAA;YAFnC,EAQE,CAAA,YAAA,EAAA,CAAA;;YAJE,EAAa,CAAA,qBAAA,CAAA,IAAA,EAAA,GAAA,CAAA,EAAA,CAAA,CAAA;AAGb,YAFA,EAAa,CAAA,UAAA,CAAA,MAAA,EAAA,GAAA,CAAA,IAAA,CAAA,CAAA,UAAA,EAAA,GAAA,CAAA,QAAA,CAAsB,oBACpB,CACY,aAAA,EAAA,GAAA,CAAA,WAAA,CAAA,CAAA;;;iFDClB,oBAAoB,EAAA,CAAA;cALhC,SAAS;2BACE,WAAW,EAAA,QAAA,EAAA,6PAAA,EAAA,MAAA,EAAA,CAAA,0iBAAA,CAAA,EAAA,CAAA;oBAOZ,EAAE,EAAA,CAAA;kBAAV,KAAK;YAGG,IAAI,EAAA,CAAA;kBAAZ,KAAK;YAGG,KAAK,EAAA,CAAA;kBAAb,KAAK;YAEG,QAAQ,EAAA,CAAA;kBAAhB,KAAK;YAMG,WAAW,EAAA,CAAA;kBAAnB,KAAK;YAGI,WAAW,EAAA,CAAA;kBAApB,MAAM;;kFApBI,oBAAoB,EAAA,EAAA,SAAA,EAAA,sBAAA,EAAA,CAAA,CAAA,EAAA,GAAA;;MEGpB,iBAAiB,CAAA;AAC5B,IAAA,OAAO,OAAO,GAAA;QACZ,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC;KACvD;kHAHU,iBAAiB,GAAA,CAAA,EAAA,CAAA,EAAA;mEAAjB,iBAAiB,EAAA,CAAA,CAAA,EAAA;AAHlB,IAAA,SAAA,IAAA,CAAA,IAAA,iBAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,YAAY,EAAE,mBAAmB,CAAA,EAAA,CAAA,CAAA,EAAA;;iFAGhC,iBAAiB,EAAA,CAAA;cAL7B,QAAQ;AAAC,QAAA,IAAA,EAAA,CAAA;gBACR,YAAY,EAAE,CAAC,oBAAoB,CAAC;AACpC,gBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,mBAAmB,CAAC;gBAC5C,OAAO,EAAE,CAAC,oBAAoB,CAAC;AAChC,aAAA,CAAA;;AACY,CAAA,YAAA,EAAA,CAAA,OAAA,SAAA,KAAA,WAAA,IAAA,SAAA,KAAA,EAAA,CAAA,kBAAA,CAAA,iBAAiB,mBAJb,oBAAoB,CAAA,EAAA,OAAA,EAAA,CACzB,YAAY,EAAE,mBAAmB,aACjC,oBAAoB,CAAA,EAAA,CAAA,CAAA,EAAA,GAAA;;ACThC;;AAEG;;;;"}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Component, Input, NgModule } from '@angular/core';
|
|
3
|
+
import * as i1 from '@angular/common';
|
|
4
|
+
import { CommonModule } from '@angular/common';
|
|
5
|
+
|
|
6
|
+
const _c0 = (a0, a1) => ({ overflow: "hidden", height: a0, width: a1 });
|
|
7
|
+
const _c1 = (a0, a1) => ({ "height": a0, "margin-bottom": a1 });
|
|
8
|
+
function SkeLoaderComponent_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
9
|
+
i0.ɵɵelementStart(0, "div");
|
|
10
|
+
i0.ɵɵelement(1, "div", 2);
|
|
11
|
+
i0.ɵɵelementEnd();
|
|
12
|
+
} if (rf & 2) {
|
|
13
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
|
14
|
+
i0.ɵɵadvance();
|
|
15
|
+
i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction2(1, _c1, ctx_r0.lineHeight, ctx_r0.gap));
|
|
16
|
+
} }
|
|
17
|
+
class SkeLoaderComponent {
|
|
18
|
+
set count(num) {
|
|
19
|
+
this.rowCount = Array(num);
|
|
20
|
+
}
|
|
21
|
+
;
|
|
22
|
+
constructor() {
|
|
23
|
+
this.rowCount = [1];
|
|
24
|
+
this.lineHeight = '20px';
|
|
25
|
+
this.height = '100%';
|
|
26
|
+
this.width = '100%';
|
|
27
|
+
this.gap = '8px';
|
|
28
|
+
}
|
|
29
|
+
ngOnInit() { }
|
|
30
|
+
static { this.ɵfac = function SkeLoaderComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SkeLoaderComponent)(); }; }
|
|
31
|
+
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) {
|
|
32
|
+
i0.ɵɵelementStart(0, "div", 0);
|
|
33
|
+
i0.ɵɵtemplate(1, SkeLoaderComponent_div_1_Template, 2, 4, "div", 1);
|
|
34
|
+
i0.ɵɵelementEnd();
|
|
35
|
+
} if (rf & 2) {
|
|
36
|
+
i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction2(2, _c0, ctx.height, ctx.width));
|
|
37
|
+
i0.ɵɵadvance();
|
|
38
|
+
i0.ɵɵproperty("ngForOf", ctx.rowCount);
|
|
39
|
+
} }, 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%}}"] }); }
|
|
40
|
+
}
|
|
41
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SkeLoaderComponent, [{
|
|
42
|
+
type: Component,
|
|
43
|
+
args: [{ selector: 'mis-skeleton-loader', template: "<div [ngStyle]=\"{\n overflow: 'hidden',\n height: this.height,\n width: this.width\n }\">\n <div *ngFor=\"let n of rowCount; let i = index;\">\n <div class=\"ske-loader\" [ngStyle]=\"{'height':this.lineHeight,'margin-bottom':this.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"] }]
|
|
44
|
+
}], () => [], { count: [{
|
|
45
|
+
type: Input
|
|
46
|
+
}], lineHeight: [{
|
|
47
|
+
type: Input
|
|
48
|
+
}], height: [{
|
|
49
|
+
type: Input
|
|
50
|
+
}], width: [{
|
|
51
|
+
type: Input
|
|
52
|
+
}], gap: [{
|
|
53
|
+
type: Input
|
|
54
|
+
}] }); })();
|
|
55
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SkeLoaderComponent, { className: "SkeLoaderComponent" }); })();
|
|
56
|
+
|
|
57
|
+
class SkeLoaderModule {
|
|
58
|
+
static { this.ɵfac = function SkeLoaderModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SkeLoaderModule)(); }; }
|
|
59
|
+
static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: SkeLoaderModule }); }
|
|
60
|
+
static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule] }); }
|
|
61
|
+
}
|
|
62
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SkeLoaderModule, [{
|
|
63
|
+
type: NgModule,
|
|
64
|
+
args: [{
|
|
65
|
+
declarations: [SkeLoaderComponent],
|
|
66
|
+
imports: [CommonModule],
|
|
67
|
+
exports: [SkeLoaderComponent]
|
|
68
|
+
}]
|
|
69
|
+
}], null, null); })();
|
|
70
|
+
(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SkeLoaderModule, { declarations: [SkeLoaderComponent], imports: [CommonModule], exports: [SkeLoaderComponent] }); })();
|
|
71
|
+
|
|
72
|
+
/**
|
|
73
|
+
* Generated bundle index. Do not edit.
|
|
74
|
+
*/
|
|
75
|
+
|
|
76
|
+
export { SkeLoaderComponent, SkeLoaderModule };
|
|
77
|
+
//# sourceMappingURL=mis-crystal-design-system-ske-loader.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mis-crystal-design-system-ske-loader.mjs","sources":["../../../projects/mis-components/ske-loader/ske-loader.component.html","../../../projects/mis-components/ske-loader/ske-loader.component.ts","../../../projects/mis-components/ske-loader/ske-loader.module.ts","../../../projects/mis-components/ske-loader/mis-crystal-design-system-ske-loader.ts"],"sourcesContent":["<div [ngStyle]=\"{\n overflow: 'hidden',\n height: this.height,\n width: this.width\n }\">\n <div *ngFor=\"let n of rowCount; let i = index;\">\n <div class=\"ske-loader\" [ngStyle]=\"{'height':this.lineHeight,'margin-bottom':this.gap }\"></div>\n </div>\n</div>\n","import { Component, OnInit, Input } from '@angular/core';\n\n@Component({\n selector: 'mis-skeleton-loader',\n templateUrl: './ske-loader.component.html',\n styleUrls: ['./ske-loader.component.scss']\n})\nexport class SkeLoaderComponent implements OnInit {\n\n rowCount = [1];\n @Input() set count(num: number) {\n this.rowCount = Array(num)\n };\n @Input() lineHeight: string = '20px';\n @Input() height: string = '100%';\n @Input() width: string = '100%';\n @Input() gap: string = '8px'\n\n constructor() { }\n\n ngOnInit(): void {}\n\n}\n","import { CommonModule } from \"@angular/common\";\nimport { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { SkeLoaderComponent } from \"./ske-loader.component\";\n\n@NgModule({\n declarations: [SkeLoaderComponent],\n imports: [CommonModule],\n exports: [SkeLoaderComponent]\n})\nexport class SkeLoaderModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
|
|
3
|
+
import * as i1 from '@angular/forms';
|
|
4
|
+
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
5
|
+
import { CommonModule } from '@angular/common';
|
|
6
|
+
|
|
7
|
+
class SliderComponent {
|
|
8
|
+
constructor(formBuilder) {
|
|
9
|
+
this.formBuilder = formBuilder;
|
|
10
|
+
this.min = 0;
|
|
11
|
+
this.max = 100;
|
|
12
|
+
this.value = 0;
|
|
13
|
+
this.valueChange = new EventEmitter();
|
|
14
|
+
}
|
|
15
|
+
ngOnInit() {
|
|
16
|
+
this.sliderForm = this.formBuilder.group({
|
|
17
|
+
sliderFormControl: [this.value]
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
onInputChange(value) {
|
|
21
|
+
this.value = value;
|
|
22
|
+
this.sliderForm.patchValue({ sliderFormControl: value });
|
|
23
|
+
this.valueChange.emit(this.value);
|
|
24
|
+
}
|
|
25
|
+
static { this.ɵfac = function SliderComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SliderComponent)(i0.ɵɵdirectiveInject(i1.UntypedFormBuilder)); }; }
|
|
26
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SliderComponent, selectors: [["mis-slider"]], inputs: { min: "min", max: "max", value: "value" }, outputs: { valueChange: "valueChange" }, decls: 3, vars: 3, consts: [[3, "formGroup"], [1, "slider"], ["type", "range", "formControlName", "sliderFormControl", 3, "input", "min", "max"]], template: function SliderComponent_Template(rf, ctx) { if (rf & 1) {
|
|
27
|
+
i0.ɵɵelementStart(0, "form", 0)(1, "div", 1)(2, "input", 2);
|
|
28
|
+
i0.ɵɵlistener("input", function SliderComponent_Template_input_input_2_listener($event) { return ctx.onInputChange($event.target.value); });
|
|
29
|
+
i0.ɵɵelementEnd()()();
|
|
30
|
+
} if (rf & 2) {
|
|
31
|
+
i0.ɵɵproperty("formGroup", ctx.sliderForm);
|
|
32
|
+
i0.ɵɵadvance(2);
|
|
33
|
+
i0.ɵɵproperty("min", ctx.min)("max", ctx.max);
|
|
34
|
+
} }, 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:#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}"] }); }
|
|
35
|
+
}
|
|
36
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SliderComponent, [{
|
|
37
|
+
type: Component,
|
|
38
|
+
args: [{ selector: 'mis-slider', template: "<form [formGroup]=\"sliderForm\">\n <div class=\"slider\">\n <input type=\"range\" [min]=\"min\" [max]=\"max\" formControlName=\"sliderFormControl\" (input)=\"onInputChange($event.target.value)\" />\n </div>\n </form>\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"] }]
|
|
39
|
+
}], () => [{ type: i1.UntypedFormBuilder }], { min: [{
|
|
40
|
+
type: Input
|
|
41
|
+
}], max: [{
|
|
42
|
+
type: Input
|
|
43
|
+
}], value: [{
|
|
44
|
+
type: Input
|
|
45
|
+
}], valueChange: [{
|
|
46
|
+
type: Output
|
|
47
|
+
}] }); })();
|
|
48
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SliderComponent, { className: "SliderComponent" }); })();
|
|
49
|
+
|
|
50
|
+
class SliderModule {
|
|
51
|
+
static { this.ɵfac = function SliderModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SliderModule)(); }; }
|
|
52
|
+
static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: SliderModule }); }
|
|
53
|
+
static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
|
|
54
|
+
FormsModule,
|
|
55
|
+
ReactiveFormsModule] }); }
|
|
56
|
+
}
|
|
57
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SliderModule, [{
|
|
58
|
+
type: NgModule,
|
|
59
|
+
args: [{
|
|
60
|
+
declarations: [
|
|
61
|
+
SliderComponent
|
|
62
|
+
],
|
|
63
|
+
imports: [
|
|
64
|
+
CommonModule,
|
|
65
|
+
FormsModule,
|
|
66
|
+
ReactiveFormsModule
|
|
67
|
+
],
|
|
68
|
+
exports: [SliderComponent]
|
|
69
|
+
}]
|
|
70
|
+
}], null, null); })();
|
|
71
|
+
(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SliderModule, { declarations: [SliderComponent], imports: [CommonModule,
|
|
72
|
+
FormsModule,
|
|
73
|
+
ReactiveFormsModule], exports: [SliderComponent] }); })();
|
|
74
|
+
|
|
75
|
+
/**
|
|
76
|
+
* Generated bundle index. Do not edit.
|
|
77
|
+
*/
|
|
78
|
+
|
|
79
|
+
export { SliderComponent, SliderModule };
|
|
80
|
+
//# sourceMappingURL=mis-crystal-design-system-slider.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mis-crystal-design-system-slider.mjs","sources":["../../../projects/mis-components/slider/slider.component.ts","../../../projects/mis-components/slider/slider.component.html","../../../projects/mis-components/slider/slider.module.ts","../../../projects/mis-components/slider/mis-crystal-design-system-slider.ts"],"sourcesContent":["import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';\n\n@Component({\n selector: 'mis-slider',\n templateUrl: './slider.component.html',\n styleUrls: ['./slider.component.css']\n})\nexport class SliderComponent implements OnInit {\n\n @Input() min?:number = 0;\n @Input() max?:number = 100;\n @Input() value: number = 0;\n @Output() valueChange = new EventEmitter<number>()\n\n sliderForm: UntypedFormGroup;\n\n constructor(private formBuilder: UntypedFormBuilder) { }\n\n ngOnInit(): void {\n this.sliderForm = this.formBuilder.group({\n sliderFormControl: [this.value]\n });\n }\n\n onInputChange(value: number) {\n this.value = value;\n this.sliderForm.patchValue({sliderFormControl: value})\n this.valueChange.emit(this.value);\n }\n\n}\n","<form [formGroup]=\"sliderForm\">\n <div class=\"slider\">\n <input type=\"range\" [min]=\"min\" [max]=\"max\" formControlName=\"sliderFormControl\" (input)=\"onInputChange($event.target.value)\" />\n </div>\n </form>\n \n\n ","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SliderComponent } from './slider.component';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\n\n\n\n@NgModule({\n declarations: [\n SliderComponent\n ],\n imports: [\n CommonModule,\n FormsModule,\n ReactiveFormsModule\n ],\n exports: [SliderComponent]\n})\nexport class SliderModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAQa,eAAe,CAAA;AAS1B,IAAA,WAAA,CAAoB,WAA+B,EAAA;QAA/B,IAAW,CAAA,WAAA,GAAX,WAAW,CAAoB;QAP1C,IAAG,CAAA,GAAA,GAAW,CAAC,CAAC;QAChB,IAAG,CAAA,GAAA,GAAW,GAAG,CAAC;QAClB,IAAK,CAAA,KAAA,GAAW,CAAC,CAAC;AACjB,QAAA,IAAA,CAAA,WAAW,GAAG,IAAI,YAAY,EAAU,CAAA;KAIM;IAExD,QAAQ,GAAA;QACN,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AACvC,YAAA,iBAAiB,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC;AAChC,SAAA,CAAC,CAAC;KACJ;AAED,IAAA,aAAa,CAAC,KAAa,EAAA;AACzB,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,EAAC,iBAAiB,EAAE,KAAK,EAAC,CAAC,CAAA;QACtD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACnC
|
|
1
|
+
{"version":3,"file":"mis-crystal-design-system-slider.mjs","sources":["../../../projects/mis-components/slider/slider.component.ts","../../../projects/mis-components/slider/slider.component.html","../../../projects/mis-components/slider/slider.module.ts","../../../projects/mis-components/slider/mis-crystal-design-system-slider.ts"],"sourcesContent":["import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';\n\n@Component({\n selector: 'mis-slider',\n templateUrl: './slider.component.html',\n styleUrls: ['./slider.component.css']\n})\nexport class SliderComponent implements OnInit {\n\n @Input() min?:number = 0;\n @Input() max?:number = 100;\n @Input() value: number = 0;\n @Output() valueChange = new EventEmitter<number>()\n\n sliderForm: UntypedFormGroup;\n\n constructor(private formBuilder: UntypedFormBuilder) { }\n\n ngOnInit(): void {\n this.sliderForm = this.formBuilder.group({\n sliderFormControl: [this.value]\n });\n }\n\n onInputChange(value: number) {\n this.value = value;\n this.sliderForm.patchValue({sliderFormControl: value})\n this.valueChange.emit(this.value);\n }\n\n}\n","<form [formGroup]=\"sliderForm\">\n <div class=\"slider\">\n <input type=\"range\" [min]=\"min\" [max]=\"max\" formControlName=\"sliderFormControl\" (input)=\"onInputChange($event.target.value)\" />\n </div>\n </form>\n \n\n ","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SliderComponent } from './slider.component';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\n\n\n\n@NgModule({\n declarations: [\n SliderComponent\n ],\n imports: [\n CommonModule,\n FormsModule,\n ReactiveFormsModule\n ],\n exports: [SliderComponent]\n})\nexport class SliderModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAQa,eAAe,CAAA;AAS1B,IAAA,WAAA,CAAoB,WAA+B,EAAA;QAA/B,IAAW,CAAA,WAAA,GAAX,WAAW,CAAoB;QAP1C,IAAG,CAAA,GAAA,GAAW,CAAC,CAAC;QAChB,IAAG,CAAA,GAAA,GAAW,GAAG,CAAC;QAClB,IAAK,CAAA,KAAA,GAAW,CAAC,CAAC;AACjB,QAAA,IAAA,CAAA,WAAW,GAAG,IAAI,YAAY,EAAU,CAAA;KAIM;IAExD,QAAQ,GAAA;QACN,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AACvC,YAAA,iBAAiB,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC;AAChC,SAAA,CAAC,CAAC;KACJ;AAED,IAAA,aAAa,CAAC,KAAa,EAAA;AACzB,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,EAAC,iBAAiB,EAAE,KAAK,EAAC,CAAC,CAAA;QACtD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACnC;gHArBU,eAAe,EAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,CAAA,kBAAA,CAAA,CAAA,CAAA,EAAA,CAAA,EAAA;oEAAf,eAAe,EAAA,SAAA,EAAA,CAAA,CAAA,YAAA,CAAA,CAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,KAAA,EAAA,GAAA,EAAA,KAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,CAAA,CAAA,EAAA,WAAA,CAAA,EAAA,CAAA,CAAA,EAAA,QAAA,CAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,CAAA,EAAA,OAAA,EAAA,KAAA,EAAA,KAAA,CAAA,CAAA,EAAA,QAAA,EAAA,SAAA,wBAAA,CAAA,EAAA,EAAA,GAAA,EAAA,EAAA,IAAA,EAAA,GAAA,CAAA,EAAA;YCR5B,EAA+B,CAAA,cAAA,CAAA,CAAA,EAAA,MAAA,EAAA,CAAA,CAAA,CAAA,CAAA,EAAA,KAAA,EAAA,CAAA,CACP,CAC6G,CAAA,EAAA,OAAA,EAAA,CAAA,CAAA,CAAA;AAA/C,YAAA,EAAA,CAAA,UAAA,CAAA,OAAA,EAAA,SAAA,+CAAA,CAAA,MAAA,EAAA,EAAA,OAAS,sCAAkC,CAAC,EAAA,CAAA,CAAA;YAA5H,EAA+H,CAAA,YAAA,EAAA,EAC3H,EACD,CAAA;;YAJH,EAAwB,CAAA,UAAA,CAAA,WAAA,EAAA,GAAA,CAAA,UAAA,CAAA,CAAA;YAEJ,EAAW,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA;AAAC,YAAZ,6BAAW,CAAY,KAAA,EAAA,GAAA,CAAA,GAAA,CAAA,CAAA;;;iFDMpC,eAAe,EAAA,CAAA;cAL3B,SAAS;2BACE,YAAY,EAAA,QAAA,EAAA,iPAAA,EAAA,MAAA,EAAA,CAAA,yfAAA,CAAA,EAAA,CAAA;mDAMb,GAAG,EAAA,CAAA;kBAAX,KAAK;YACG,GAAG,EAAA,CAAA;kBAAX,KAAK;YACG,KAAK,EAAA,CAAA;kBAAb,KAAK;YACI,WAAW,EAAA,CAAA;kBAApB,MAAM;;kFALI,eAAe,EAAA,EAAA,SAAA,EAAA,iBAAA,EAAA,CAAA,CAAA,EAAA,GAAA;;MEUf,YAAY,CAAA;6GAAZ,YAAY,GAAA,CAAA,EAAA,CAAA,EAAA;mEAAZ,YAAY,EAAA,CAAA,CAAA,EAAA;uEANrB,YAAY;YACZ,WAAW;YACX,mBAAmB,CAAA,EAAA,CAAA,CAAA,EAAA;;iFAIV,YAAY,EAAA,CAAA;cAXxB,QAAQ;AAAC,QAAA,IAAA,EAAA,CAAA;AACR,gBAAA,YAAY,EAAE;oBACZ,eAAe;AAChB,iBAAA;AACD,gBAAA,OAAO,EAAE;oBACP,YAAY;oBACZ,WAAW;oBACX,mBAAmB;AACpB,iBAAA;gBACD,OAAO,EAAE,CAAC,eAAe,CAAC;AAC3B,aAAA,CAAA;;wFACY,YAAY,EAAA,EAAA,YAAA,EAAA,CATrB,eAAe,CAAA,EAAA,OAAA,EAAA,CAGf,YAAY;QACZ,WAAW;AACX,QAAA,mBAAmB,aAEX,eAAe,CAAA,EAAA,CAAA,CAAA,EAAA,GAAA;;AChB3B;;AAEG;;;;"}
|
|
@@ -6,22 +6,23 @@ import { EventEmitter, Component, Input, Output, Injectable, NgModule } from '@a
|
|
|
6
6
|
import * as i1 from '@angular/common';
|
|
7
7
|
import { CommonModule } from '@angular/common';
|
|
8
8
|
|
|
9
|
+
const _c0 = ["*"];
|
|
9
10
|
function SnackbarComponent_div_1_img_2_Template(rf, ctx) { if (rf & 1) {
|
|
10
11
|
i0.ɵɵelement(0, "img", 7);
|
|
11
12
|
} if (rf & 2) {
|
|
12
|
-
const
|
|
13
|
-
i0.ɵɵproperty("src",
|
|
13
|
+
const ctx_r0 = i0.ɵɵnextContext(2);
|
|
14
|
+
i0.ɵɵproperty("src", ctx_r0.config.iconUrl, i0.ɵɵsanitizeUrl);
|
|
14
15
|
} }
|
|
15
16
|
function SnackbarComponent_div_1_div_4_Template(rf, ctx) { if (rf & 1) {
|
|
16
|
-
const
|
|
17
|
+
const _r2 = i0.ɵɵgetCurrentView();
|
|
17
18
|
i0.ɵɵelementStart(0, "div", 8)(1, "button", 9);
|
|
18
|
-
i0.ɵɵlistener("click", function SnackbarComponent_div_1_div_4_Template_button_click_1_listener() { i0.ɵɵrestoreView(
|
|
19
|
+
i0.ɵɵlistener("click", function SnackbarComponent_div_1_div_4_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onActionClick()); });
|
|
19
20
|
i0.ɵɵtext(2);
|
|
20
21
|
i0.ɵɵelementEnd()();
|
|
21
22
|
} if (rf & 2) {
|
|
22
|
-
const
|
|
23
|
+
const ctx_r0 = i0.ɵɵnextContext(2);
|
|
23
24
|
i0.ɵɵadvance(2);
|
|
24
|
-
i0.ɵɵtextInterpolate(
|
|
25
|
+
i0.ɵɵtextInterpolate(ctx_r0.config.actionString);
|
|
25
26
|
} }
|
|
26
27
|
function SnackbarComponent_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
27
28
|
i0.ɵɵelementStart(0, "div", 3)(1, "span", 4);
|
|
@@ -34,9 +35,9 @@ function SnackbarComponent_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
|
34
35
|
const ctx_r0 = i0.ɵɵnextContext();
|
|
35
36
|
i0.ɵɵadvance(2);
|
|
36
37
|
i0.ɵɵproperty("ngIf", ctx_r0.config.iconUrl);
|
|
37
|
-
i0.ɵɵadvance(
|
|
38
|
+
i0.ɵɵadvance();
|
|
38
39
|
i0.ɵɵtextInterpolate1(" ", ctx_r0.config.message, " ");
|
|
39
|
-
i0.ɵɵadvance(
|
|
40
|
+
i0.ɵɵadvance();
|
|
40
41
|
i0.ɵɵproperty("ngIf", ctx_r0.config.actionString);
|
|
41
42
|
} }
|
|
42
43
|
function SnackbarComponent_div_2_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -44,7 +45,6 @@ function SnackbarComponent_div_2_Template(rf, ctx) { if (rf & 1) {
|
|
|
44
45
|
i0.ɵɵprojection(1);
|
|
45
46
|
i0.ɵɵelementEnd();
|
|
46
47
|
} }
|
|
47
|
-
const _c0 = ["*"];
|
|
48
48
|
class SnackbarComponent {
|
|
49
49
|
constructor() {
|
|
50
50
|
this.triggerAction = new EventEmitter();
|
|
@@ -52,28 +52,28 @@ class SnackbarComponent {
|
|
|
52
52
|
onActionClick() {
|
|
53
53
|
this.triggerAction.emit();
|
|
54
54
|
}
|
|
55
|
+
static { this.ɵfac = function SnackbarComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SnackbarComponent)(); }; }
|
|
56
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SnackbarComponent, selectors: [["app-snackbar"]], inputs: { config: "config" }, outputs: { triggerAction: "triggerAction" }, ngContentSelectors: _c0, decls: 3, vars: 2, consts: [[1, "snackbar-container"], ["class", "messages", 4, "ngIf"], ["class", "component-container", 4, "ngIf"], [1, "messages"], [1, "message"], ["alt", "", 3, "src", 4, "ngIf"], ["class", "snackbar-action", 4, "ngIf"], ["alt", "", 3, "src"], [1, "snackbar-action"], [3, "click"], [1, "component-container"]], template: function SnackbarComponent_Template(rf, ctx) { if (rf & 1) {
|
|
57
|
+
i0.ɵɵprojectionDef();
|
|
58
|
+
i0.ɵɵelementStart(0, "div", 0);
|
|
59
|
+
i0.ɵɵtemplate(1, SnackbarComponent_div_1_Template, 5, 3, "div", 1)(2, SnackbarComponent_div_2_Template, 2, 0, "div", 2);
|
|
60
|
+
i0.ɵɵelementEnd();
|
|
61
|
+
} if (rf & 2) {
|
|
62
|
+
i0.ɵɵadvance();
|
|
63
|
+
i0.ɵɵproperty("ngIf", !ctx.config.hasComponent);
|
|
64
|
+
i0.ɵɵadvance();
|
|
65
|
+
i0.ɵɵproperty("ngIf", ctx.config.hasComponent);
|
|
66
|
+
} }, dependencies: [i1.NgIf], styles: [".snackbar-container[_ngcontent-%COMP%]{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:#181f33;color:#fff;border-radius:8px;padding:8px 12px;max-width:400px;width:90%;z-index:1000;box-shadow:0 4px 8px #0003}.messages[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between}.message[_ngcontent-%COMP%]{flex:1;padding-right:10px;font-size:16px;font-weight:700}.snackbar-action[_ngcontent-%COMP%] button[_ngcontent-%COMP%]{background-color:#181f33;color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-size:16px!important;transition:background-color .3s ease}.snackbar-action[_ngcontent-%COMP%] button[_ngcontent-%COMP%]:hover{background-color:#0056b3}.component-container[_ngcontent-%COMP%]{margin-top:10px}@media (max-width: 768px){.snackbar-container[_ngcontent-%COMP%]{left:10px;right:10px;transform:none;width:auto;max-width:none}}"] }); }
|
|
55
67
|
}
|
|
56
|
-
|
|
57
|
-
SnackbarComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SnackbarComponent, selectors: [["app-snackbar"]], inputs: { config: "config" }, outputs: { triggerAction: "triggerAction" }, ngContentSelectors: _c0, decls: 3, vars: 2, consts: [[1, "snackbar-container"], ["class", "messages", 4, "ngIf"], ["class", "component-container", 4, "ngIf"], [1, "messages"], [1, "message"], ["alt", "", 3, "src", 4, "ngIf"], ["class", "snackbar-action", 4, "ngIf"], ["alt", "", 3, "src"], [1, "snackbar-action"], [3, "click"], [1, "component-container"]], template: function SnackbarComponent_Template(rf, ctx) { if (rf & 1) {
|
|
58
|
-
i0.ɵɵprojectionDef();
|
|
59
|
-
i0.ɵɵelementStart(0, "div", 0);
|
|
60
|
-
i0.ɵɵtemplate(1, SnackbarComponent_div_1_Template, 5, 3, "div", 1);
|
|
61
|
-
i0.ɵɵtemplate(2, SnackbarComponent_div_2_Template, 2, 0, "div", 2);
|
|
62
|
-
i0.ɵɵelementEnd();
|
|
63
|
-
} if (rf & 2) {
|
|
64
|
-
i0.ɵɵadvance(1);
|
|
65
|
-
i0.ɵɵproperty("ngIf", !ctx.config.hasComponent);
|
|
66
|
-
i0.ɵɵadvance(1);
|
|
67
|
-
i0.ɵɵproperty("ngIf", ctx.config.hasComponent);
|
|
68
|
-
} }, dependencies: [i1.NgIf], styles: [".snackbar-container[_ngcontent-%COMP%]{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:#181f33;color:#fff;border-radius:8px;padding:8px 12px;max-width:400px;width:90%;z-index:1000;box-shadow:0 4px 8px #0003}.messages[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between}.message[_ngcontent-%COMP%]{flex:1;padding-right:10px;font-size:16px;font-weight:700}.snackbar-action[_ngcontent-%COMP%] button[_ngcontent-%COMP%]{background-color:#181f33;color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-size:16px!important;transition:background-color .3s ease}.snackbar-action[_ngcontent-%COMP%] button[_ngcontent-%COMP%]:hover{background-color:#0056b3}.component-container[_ngcontent-%COMP%]{margin-top:10px}@media (max-width: 768px){.snackbar-container[_ngcontent-%COMP%]{left:10px;right:10px;transform:none;width:auto;max-width:none}}"] });
|
|
69
|
-
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SnackbarComponent, [{
|
|
68
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SnackbarComponent, [{
|
|
70
69
|
type: Component,
|
|
71
70
|
args: [{ selector: 'app-snackbar', template: "<div class=\"snackbar-container\">\n <div class=\"messages\" *ngIf=\"!config.hasComponent\">\n <span class=\"message\">\n <img *ngIf=\"config.iconUrl\" [src]=\"config.iconUrl\" alt=\"\">\n {{ config.message }}\n </span>\n <div class=\"snackbar-action\" *ngIf=\"config.actionString\">\n <button (click)=\"onActionClick()\">{{ config.actionString }}</button>\n </div>\n </div>\n <div class=\"component-container\" *ngIf=\"config.hasComponent\">\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [".snackbar-container{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:#181f33;color:#fff;border-radius:8px;padding:8px 12px;max-width:400px;width:90%;z-index:1000;box-shadow:0 4px 8px #0003}.messages{display:flex;align-items:center;justify-content:space-between}.message{flex:1;padding-right:10px;font-size:16px;font-weight:700}.snackbar-action button{background-color:#181f33;color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-size:16px!important;transition:background-color .3s ease}.snackbar-action button:hover{background-color:#0056b3}.component-container{margin-top:10px}@media (max-width: 768px){.snackbar-container{left:10px;right:10px;transform:none;width:auto;max-width:none}}\n"] }]
|
|
72
|
-
}],
|
|
71
|
+
}], () => [], { config: [{
|
|
73
72
|
type: Input
|
|
74
73
|
}], triggerAction: [{
|
|
75
74
|
type: Output
|
|
76
75
|
}] }); })();
|
|
76
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SnackbarComponent, { className: "SnackbarComponent" }); })();
|
|
77
77
|
|
|
78
78
|
class SnackbarService {
|
|
79
79
|
constructor(overlay) {
|
|
@@ -106,15 +106,15 @@ class SnackbarService {
|
|
|
106
106
|
this.snackbarRef = null;
|
|
107
107
|
}
|
|
108
108
|
}
|
|
109
|
+
static { this.ɵfac = function SnackbarService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SnackbarService)(i0.ɵɵinject(i1$1.Overlay)); }; }
|
|
110
|
+
static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: SnackbarService, factory: SnackbarService.ɵfac, providedIn: "root" }); }
|
|
109
111
|
}
|
|
110
|
-
|
|
111
|
-
SnackbarService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: SnackbarService, factory: SnackbarService.ɵfac, providedIn: "root" });
|
|
112
|
-
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SnackbarService, [{
|
|
112
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SnackbarService, [{
|
|
113
113
|
type: Injectable,
|
|
114
114
|
args: [{
|
|
115
115
|
providedIn: "root"
|
|
116
116
|
}]
|
|
117
|
-
}],
|
|
117
|
+
}], () => [{ type: i1$1.Overlay }], null); })();
|
|
118
118
|
|
|
119
119
|
class SnackbarModule {
|
|
120
120
|
static forRoot() {
|
|
@@ -129,11 +129,11 @@ class SnackbarModule {
|
|
|
129
129
|
providers: [SnackbarService]
|
|
130
130
|
};
|
|
131
131
|
}
|
|
132
|
+
static { this.ɵfac = function SnackbarModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SnackbarModule)(); }; }
|
|
133
|
+
static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: SnackbarModule }); }
|
|
134
|
+
static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule] }); }
|
|
132
135
|
}
|
|
133
|
-
|
|
134
|
-
SnackbarModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: SnackbarModule });
|
|
135
|
-
SnackbarModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule] });
|
|
136
|
-
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SnackbarModule, [{
|
|
136
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SnackbarModule, [{
|
|
137
137
|
type: NgModule,
|
|
138
138
|
args: [{
|
|
139
139
|
declarations: [
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mis-crystal-design-system-snackbar.mjs","sources":["../../../projects/mis-components/snackbar/snackbar/snackbar.component.html","../../../projects/mis-components/snackbar/snackbar/snackbar.component.ts","../../../projects/mis-components/snackbar/snackbar.service.ts","../../../projects/mis-components/snackbar/snackbar.module.ts","../../../projects/mis-components/snackbar/mis-crystal-design-system-snackbar.ts"],"sourcesContent":["<div class=\"snackbar-container\">\n <div class=\"messages\" *ngIf=\"!config.hasComponent\">\n <span class=\"message\">\n <img *ngIf=\"config.iconUrl\" [src]=\"config.iconUrl\" alt=\"\">\n {{ config.message }}\n </span>\n <div class=\"snackbar-action\" *ngIf=\"config.actionString\">\n <button (click)=\"onActionClick()\">{{ config.actionString }}</button>\n </div>\n </div>\n <div class=\"component-container\" *ngIf=\"config.hasComponent\">\n <ng-content></ng-content>\n </div>\n</div>\n","import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { ISnackBarConfig } from '../snackbar.service';\n\n@Component({\n selector: 'app-snackbar',\n templateUrl: './snackbar.component.html',\n styleUrls: ['./snackbar.component.css']\n})\nexport class SnackbarComponent {\n @Input() config: ISnackBarConfig;\n @Output() triggerAction = new EventEmitter<void>();\n constructor(){}\n onActionClick(): void {\n this.triggerAction.emit();\n }\n}\n","export interface ISnackBarConfig {\n message: string;\n actionString: string;\n hasComponent: boolean;\n iconUrl?: string;\n component?: ComponentRef<any>;\n duration?: number;\n onActionClick?: () => void;\n}\nimport { Overlay, OverlayConfig, OverlayRef } from \"@angular/cdk/overlay\";\nimport { ComponentPortal } from \"@angular/cdk/portal\";\nimport { ComponentRef, Injectable } from \"@angular/core\"; // Assuming you have defined ISnackBarConfig interface\nimport { SnackbarComponent } from \"./snackbar/snackbar.component\";\n\n@Injectable({\n providedIn: \"root\"\n})\nexport class SnackbarService {\n config: ISnackBarConfig;\n private snackbarRef: OverlayRef;\n\n constructor(private overlay: Overlay) {}\n\n openSnackbar(config: ISnackBarConfig): void {\n this.config = config;\n const overlayConfig = new OverlayConfig({\n hasBackdrop: false,\n positionStrategy: this.overlay.position().global().centerHorizontally().bottom(\"48px\")\n });\n\n this.snackbarRef = this.overlay.create(overlayConfig);\n\n const snackbarPortal = new ComponentPortal(SnackbarComponent);\n const componentRef = this.snackbarRef.attach(snackbarPortal);\n\n // componentRef.instance.config = config;\n\n config.duration = config.duration || 3000;\n setTimeout(() => {\n this.closeSnackbar();\n }, config.duration);\n\n componentRef.instance.triggerAction.subscribe(() => {\n if (config.onActionClick) {\n config.onActionClick();\n }\n this.closeSnackbar();\n });\n }\n\n closeSnackbar(): void {\n if (this.snackbarRef) {\n this.snackbarRef.dispose();\n this.snackbarRef = null;\n }\n }\n}\n","import { ModuleWithProviders, NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SnackbarComponent } from './snackbar/snackbar.component';\nimport { SnackbarService } from './snackbar.service';\n\n\n\n@NgModule({\n declarations: [\n SnackbarComponent\n ],\n imports: [\n CommonModule\n ],\n exports: [SnackbarComponent]\n})\nexport class SnackbarModule {\n static forRoot(): ModuleWithProviders<SnackbarModule> {\n return {\n ngModule: SnackbarModule,\n providers: [SnackbarService]\n };\n }\n\n static forChild(): ModuleWithProviders<SnackbarModule> {\n return {\n ngModule: SnackbarModule,\n providers: [ SnackbarService]\n };\n }\n }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}
|