mis-crystal-design-system 18.0.5 → 18.0.6
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/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 +5 -5
- 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 +485 -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 +176 -184
- 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/{fesm2020 → fesm2022}/mis-crystal-design-system-table.mjs +314 -321
- 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/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.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/{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
|
@@ -1,135 +0,0 @@
|
|
|
1
|
-
import * as i1 from '@angular/cdk/overlay';
|
|
2
|
-
import { ConnectionPositionPair, OverlayConfig, OverlayModule } from '@angular/cdk/overlay';
|
|
3
|
-
import { TemplatePortal, PortalModule } from '@angular/cdk/portal';
|
|
4
|
-
import * as i0 from '@angular/core';
|
|
5
|
-
import { Directive, Input, HostListener, NgModule } from '@angular/core';
|
|
6
|
-
import { take } from 'rxjs/operators';
|
|
7
|
-
import { CommonModule } from '@angular/common';
|
|
8
|
-
|
|
9
|
-
/** @format */
|
|
10
|
-
class MenuDirective {
|
|
11
|
-
constructor(overlay, element, viewContainerRef) {
|
|
12
|
-
this.overlay = overlay;
|
|
13
|
-
this.element = element;
|
|
14
|
-
this.viewContainerRef = viewContainerRef;
|
|
15
|
-
this.positionX = "start";
|
|
16
|
-
this.positionY = "bottom";
|
|
17
|
-
this.offsetX = 0;
|
|
18
|
-
this.offsetY = 0;
|
|
19
|
-
}
|
|
20
|
-
onClick(event) {
|
|
21
|
-
this.menuShow();
|
|
22
|
-
}
|
|
23
|
-
menuShow() {
|
|
24
|
-
const positionStrategy = this.overlay
|
|
25
|
-
.position()
|
|
26
|
-
.flexibleConnectedTo(this.element)
|
|
27
|
-
.withPositions([
|
|
28
|
-
new ConnectionPositionPair({ originX: this.positionX, originY: this.positionY }, { overlayX: this.positionX, overlayY: this.positionY === "bottom" ? "top" : "bottom" }, this.offsetX, this.offsetY),
|
|
29
|
-
new ConnectionPositionPair({ originX: "start", originY: "bottom" }, { overlayX: "start", overlayY: "top" }, this.offsetX, this.offsetY),
|
|
30
|
-
new ConnectionPositionPair({ originX: "end", originY: "top" }, { overlayX: "end", overlayY: "bottom" }, this.offsetX, this.offsetY)
|
|
31
|
-
])
|
|
32
|
-
.withPush(true);
|
|
33
|
-
const config = new OverlayConfig({
|
|
34
|
-
hasBackdrop: true,
|
|
35
|
-
positionStrategy,
|
|
36
|
-
scrollStrategy: this.overlay.scrollStrategies.reposition(),
|
|
37
|
-
backdropClass: "cdk-overlay-transparent-backdrop"
|
|
38
|
-
});
|
|
39
|
-
this.overlayRef = this.overlay.create(config);
|
|
40
|
-
const tempRef = new TemplatePortal(this.menu, this.viewContainerRef);
|
|
41
|
-
this.overlayRef.attach(tempRef);
|
|
42
|
-
this.overlayRef
|
|
43
|
-
.backdropClick()
|
|
44
|
-
.pipe(take(1))
|
|
45
|
-
.subscribe(res => {
|
|
46
|
-
this.close();
|
|
47
|
-
});
|
|
48
|
-
}
|
|
49
|
-
close() {
|
|
50
|
-
var _a, _b;
|
|
51
|
-
(_a = this.overlayRef) === null || _a === void 0 ? void 0 : _a.detach();
|
|
52
|
-
(_b = this.overlayRef) === null || _b === void 0 ? void 0 : _b.dispose();
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
MenuDirective.ɵfac = function MenuDirective_Factory(t) { return new (t || MenuDirective)(i0.ɵɵdirectiveInject(i1.Overlay), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.ViewContainerRef)); };
|
|
56
|
-
MenuDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: MenuDirective, selectors: [["", "misMenu", ""]], hostBindings: function MenuDirective_HostBindings(rf, ctx) {
|
|
57
|
-
if (rf & 1) {
|
|
58
|
-
i0.ɵɵlistener("click", function MenuDirective_click_HostBindingHandler($event) { return ctx.onClick($event); });
|
|
59
|
-
}
|
|
60
|
-
}, inputs: { menu: ["misMenu", "menu"], positionX: "positionX", positionY: "positionY", offsetX: "offsetX", offsetY: "offsetY" }, exportAs: ["misMenu"] });
|
|
61
|
-
(function () {
|
|
62
|
-
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MenuDirective, [{
|
|
63
|
-
type: Directive,
|
|
64
|
-
args: [{
|
|
65
|
-
selector: "[misMenu]",
|
|
66
|
-
exportAs: "misMenu"
|
|
67
|
-
}]
|
|
68
|
-
}], function () { return [{ type: i1.Overlay }, { type: i0.ElementRef }, { type: i0.ViewContainerRef }]; }, { menu: [{
|
|
69
|
-
type: Input,
|
|
70
|
-
args: ["misMenu"]
|
|
71
|
-
}], positionX: [{
|
|
72
|
-
type: Input
|
|
73
|
-
}], positionY: [{
|
|
74
|
-
type: Input
|
|
75
|
-
}], offsetX: [{
|
|
76
|
-
type: Input
|
|
77
|
-
}], offsetY: [{
|
|
78
|
-
type: Input
|
|
79
|
-
}], onClick: [{
|
|
80
|
-
type: HostListener,
|
|
81
|
-
args: ["click", ["$event"]]
|
|
82
|
-
}] });
|
|
83
|
-
})();
|
|
84
|
-
|
|
85
|
-
class MenuCloseDirective {
|
|
86
|
-
constructor() { }
|
|
87
|
-
closeMenu() {
|
|
88
|
-
this.menu.close();
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
|
-
MenuCloseDirective.ɵfac = function MenuCloseDirective_Factory(t) { return new (t || MenuCloseDirective)(); };
|
|
92
|
-
MenuCloseDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: MenuCloseDirective, selectors: [["", "misMenuClose", ""]], hostBindings: function MenuCloseDirective_HostBindings(rf, ctx) {
|
|
93
|
-
if (rf & 1) {
|
|
94
|
-
i0.ɵɵlistener("click", function MenuCloseDirective_click_HostBindingHandler() { return ctx.closeMenu(); });
|
|
95
|
-
}
|
|
96
|
-
}, inputs: { menu: ["misMenuClose", "menu"] } });
|
|
97
|
-
(function () {
|
|
98
|
-
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MenuCloseDirective, [{
|
|
99
|
-
type: Directive,
|
|
100
|
-
args: [{
|
|
101
|
-
selector: "[misMenuClose]"
|
|
102
|
-
}]
|
|
103
|
-
}], function () { return []; }, { menu: [{
|
|
104
|
-
type: Input,
|
|
105
|
-
args: ["misMenuClose"]
|
|
106
|
-
}], closeMenu: [{
|
|
107
|
-
type: HostListener,
|
|
108
|
-
args: ["click", []]
|
|
109
|
-
}] });
|
|
110
|
-
})();
|
|
111
|
-
|
|
112
|
-
/** @format */
|
|
113
|
-
class MisMenuModule {
|
|
114
|
-
}
|
|
115
|
-
MisMenuModule.ɵfac = function MisMenuModule_Factory(t) { return new (t || MisMenuModule)(); };
|
|
116
|
-
MisMenuModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: MisMenuModule });
|
|
117
|
-
MisMenuModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule, OverlayModule, PortalModule] });
|
|
118
|
-
(function () {
|
|
119
|
-
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MisMenuModule, [{
|
|
120
|
-
type: NgModule,
|
|
121
|
-
args: [{
|
|
122
|
-
declarations: [MenuDirective, MenuCloseDirective],
|
|
123
|
-
imports: [CommonModule, OverlayModule, PortalModule],
|
|
124
|
-
exports: [MenuDirective, MenuCloseDirective]
|
|
125
|
-
}]
|
|
126
|
-
}], null, null);
|
|
127
|
-
})();
|
|
128
|
-
(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(MisMenuModule, { declarations: [MenuDirective, MenuCloseDirective], imports: [CommonModule, OverlayModule, PortalModule], exports: [MenuDirective, MenuCloseDirective] }); })();
|
|
129
|
-
|
|
130
|
-
/**
|
|
131
|
-
* Generated bundle index. Do not edit.
|
|
132
|
-
*/
|
|
133
|
-
|
|
134
|
-
export { MenuCloseDirective, MenuDirective, MisMenuModule };
|
|
135
|
-
//# sourceMappingURL=mis-crystal-design-system-menu.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"mis-crystal-design-system-menu.mjs","sources":["../../../projects/mis-components/menu/menu.directive.ts","../../../projects/mis-components/menu/menu-close.directive.ts","../../../projects/mis-components/menu/menu.module.ts","../../../projects/mis-components/menu/mis-crystal-design-system-menu.ts"],"sourcesContent":["/** @format */\n\nimport { ConnectionPositionPair, Overlay, OverlayConfig, OverlayRef } from \"@angular/cdk/overlay\";\nimport { TemplatePortal } from \"@angular/cdk/portal\";\nimport { Directive, ElementRef, HostListener, Input, TemplateRef, ViewContainerRef } from \"@angular/core\";\nimport { take } from \"rxjs/operators\";\n\n@Directive({\n selector: \"[misMenu]\",\n exportAs: \"misMenu\"\n})\nexport class MenuDirective {\n @Input(\"misMenu\") menu: TemplateRef<ElementRef>;\n @Input() positionX: \"start\" | \"end\" = \"start\";\n @Input() positionY: \"top\" | \"bottom\" = \"bottom\";\n @Input() offsetX = 0;\n @Input() offsetY = 0;\n private overlayRef: OverlayRef;\n\n constructor(private overlay: Overlay, private element: ElementRef, private viewContainerRef: ViewContainerRef) {}\n @HostListener(\"click\", [\"$event\"]) onClick(event) {\n this.menuShow();\n }\n private menuShow() {\n const positionStrategy = this.overlay\n .position()\n .flexibleConnectedTo(this.element)\n .withPositions([\n new ConnectionPositionPair(\n { originX: this.positionX, originY: this.positionY },\n { overlayX: this.positionX, overlayY: this.positionY === \"bottom\" ? \"top\" : \"bottom\" },\n this.offsetX,\n this.offsetY\n ),\n new ConnectionPositionPair({ originX: \"start\", originY: \"bottom\" }, { overlayX: \"start\", overlayY: \"top\" }, this.offsetX, this.offsetY),\n new ConnectionPositionPair({ originX: \"end\", originY: \"top\" }, { overlayX: \"end\", overlayY: \"bottom\" }, this.offsetX, this.offsetY)\n ])\n .withPush(true);\n const config = new OverlayConfig({\n hasBackdrop: true,\n positionStrategy,\n scrollStrategy: this.overlay.scrollStrategies.reposition(),\n backdropClass: \"cdk-overlay-transparent-backdrop\"\n });\n this.overlayRef = this.overlay.create(config);\n\n const tempRef = new TemplatePortal(this.menu, this.viewContainerRef);\n this.overlayRef.attach(tempRef);\n this.overlayRef\n .backdropClick()\n .pipe(take(1))\n .subscribe(res => {\n this.close();\n });\n }\n\n close(): void {\n this.overlayRef?.detach();\n this.overlayRef?.dispose();\n }\n}\n","import { Directive, HostListener, Input } from \"@angular/core\";\nimport { MenuDirective } from \"./menu.directive\";\n\n@Directive({\n selector: \"[misMenuClose]\"\n})\nexport class MenuCloseDirective {\n @Input(\"misMenuClose\") menu: MenuDirective;\n constructor() {}\n\n @HostListener(\"click\", []) closeMenu() {\n this.menu.close();\n }\n}\n","/** @format */\n\nimport { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { MenuDirective } from \"./menu.directive\";\nimport { OverlayModule } from \"@angular/cdk/overlay\";\nimport { PortalModule } from \"@angular/cdk/portal\";\nimport { MenuCloseDirective } from \"./menu-close.directive\";\n\n@NgModule({\n declarations: [MenuDirective, MenuCloseDirective],\n imports: [CommonModule, OverlayModule, PortalModule],\n exports: [MenuDirective, MenuCloseDirective]\n})\nexport class MisMenuModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,227 +0,0 @@
|
|
|
1
|
-
import * as i1 from '@angular/common';
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
|
-
import * as i0 from '@angular/core';
|
|
4
|
-
import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
|
|
5
|
-
import * as i2 from 'mis-crystal-design-system/button';
|
|
6
|
-
import { ButtonModule } from 'mis-crystal-design-system/button';
|
|
7
|
-
import * as i3 from 'mis-crystal-design-system/checkbox';
|
|
8
|
-
import { CheckboxModule } from 'mis-crystal-design-system/checkbox';
|
|
9
|
-
|
|
10
|
-
function MobileFilterComponent_ng_container_7_span_4_Template(rf, ctx) {
|
|
11
|
-
if (rf & 1) {
|
|
12
|
-
i0.ɵɵelementStart(0, "span", 16);
|
|
13
|
-
i0.ɵɵtext(1);
|
|
14
|
-
i0.ɵɵelementEnd();
|
|
15
|
-
}
|
|
16
|
-
if (rf & 2) {
|
|
17
|
-
const filter_r2 = i0.ɵɵnextContext().$implicit;
|
|
18
|
-
const ctx_r3 = i0.ɵɵnextContext();
|
|
19
|
-
i0.ɵɵadvance(1);
|
|
20
|
-
i0.ɵɵtextInterpolate(ctx_r3.localFilterOptions[filter_r2.key]["noOfSelectedItems"]);
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
function MobileFilterComponent_ng_container_7_div_5_Template(rf, ctx) {
|
|
24
|
-
if (rf & 1) {
|
|
25
|
-
i0.ɵɵelement(0, "div", 17);
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
const _c0 = function (a0) { return { "color": a0 }; };
|
|
29
|
-
function MobileFilterComponent_ng_container_7_Template(rf, ctx) {
|
|
30
|
-
if (rf & 1) {
|
|
31
|
-
const _r7 = i0.ɵɵgetCurrentView();
|
|
32
|
-
i0.ɵɵelementContainerStart(0);
|
|
33
|
-
i0.ɵɵelementStart(1, "div", 12);
|
|
34
|
-
i0.ɵɵlistener("click", function MobileFilterComponent_ng_container_7_Template_div_click_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r7); const filter_r2 = restoredCtx.$implicit; const ctx_r6 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r6.currentSelectedItem = filter_r2.key); })("keyup.enter", function MobileFilterComponent_ng_container_7_Template_div_keyup_enter_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r7); const filter_r2 = restoredCtx.$implicit; const ctx_r8 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r8.currentSelectedItem = filter_r2.key); });
|
|
35
|
-
i0.ɵɵelementStart(2, "span", 13);
|
|
36
|
-
i0.ɵɵtext(3);
|
|
37
|
-
i0.ɵɵelementEnd();
|
|
38
|
-
i0.ɵɵtemplate(4, MobileFilterComponent_ng_container_7_span_4_Template, 2, 1, "span", 14);
|
|
39
|
-
i0.ɵɵtemplate(5, MobileFilterComponent_ng_container_7_div_5_Template, 1, 0, "div", 15);
|
|
40
|
-
i0.ɵɵelementEnd();
|
|
41
|
-
i0.ɵɵelementContainerEnd();
|
|
42
|
-
}
|
|
43
|
-
if (rf & 2) {
|
|
44
|
-
const filter_r2 = ctx.$implicit;
|
|
45
|
-
const ctx_r0 = i0.ɵɵnextContext();
|
|
46
|
-
i0.ɵɵadvance(2);
|
|
47
|
-
i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(4, _c0, filter_r2.key === ctx_r0.currentSelectedItem ? "#0937B2" : "#181F33"));
|
|
48
|
-
i0.ɵɵadvance(1);
|
|
49
|
-
i0.ɵɵtextInterpolate(ctx_r0.localFilterOptions[filter_r2.key] == null ? null : ctx_r0.localFilterOptions[filter_r2.key].name);
|
|
50
|
-
i0.ɵɵadvance(1);
|
|
51
|
-
i0.ɵɵproperty("ngIf", ctx_r0.localFilterOptions[filter_r2.key]["multiSelect"] && ctx_r0.localFilterOptions[filter_r2.key]["noOfSelectedItems"] > 0);
|
|
52
|
-
i0.ɵɵadvance(1);
|
|
53
|
-
i0.ɵɵproperty("ngIf", filter_r2.key === ctx_r0.currentSelectedItem);
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
function MobileFilterComponent_ng_container_14_mis_checkbox_2_Template(rf, ctx) {
|
|
57
|
-
if (rf & 1) {
|
|
58
|
-
i0.ɵɵelement(0, "mis-checkbox", 22);
|
|
59
|
-
}
|
|
60
|
-
if (rf & 2) {
|
|
61
|
-
const option_r9 = i0.ɵɵnextContext().$implicit;
|
|
62
|
-
i0.ɵɵproperty("checked", option_r9.selected);
|
|
63
|
-
i0.ɵɵattribute("aria-label", (option_r9.selected ? "Selected" : "Unselected") + " checkbox " + option_r9.label);
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
function MobileFilterComponent_ng_container_14_input_3_Template(rf, ctx) {
|
|
67
|
-
if (rf & 1) {
|
|
68
|
-
i0.ɵɵelement(0, "input", 23);
|
|
69
|
-
}
|
|
70
|
-
if (rf & 2) {
|
|
71
|
-
const option_r9 = i0.ɵɵnextContext().$implicit;
|
|
72
|
-
i0.ɵɵproperty("checked", option_r9.selected);
|
|
73
|
-
i0.ɵɵattribute("aria-label", (option_r9.selected ? "Selected" : "Unselected") + " radioButton " + option_r9.label);
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
function MobileFilterComponent_ng_container_14_Template(rf, ctx) {
|
|
77
|
-
if (rf & 1) {
|
|
78
|
-
const _r16 = i0.ɵɵgetCurrentView();
|
|
79
|
-
i0.ɵɵelementContainerStart(0);
|
|
80
|
-
i0.ɵɵelementStart(1, "div", 18);
|
|
81
|
-
i0.ɵɵlistener("click", function MobileFilterComponent_ng_container_14_Template_div_click_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r16); const option_r9 = restoredCtx.$implicit; const ctx_r15 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r15.toggleFilter(option_r9.value, option_r9.selected)); })("keyup.enter", function MobileFilterComponent_ng_container_14_Template_div_keyup_enter_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r16); const option_r9 = restoredCtx.$implicit; const ctx_r17 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r17.toggleFilter(option_r9.value, option_r9.selected)); });
|
|
82
|
-
i0.ɵɵtemplate(2, MobileFilterComponent_ng_container_14_mis_checkbox_2_Template, 1, 2, "mis-checkbox", 19);
|
|
83
|
-
i0.ɵɵtemplate(3, MobileFilterComponent_ng_container_14_input_3_Template, 1, 2, "input", 20);
|
|
84
|
-
i0.ɵɵelementStart(4, "span", 21);
|
|
85
|
-
i0.ɵɵtext(5);
|
|
86
|
-
i0.ɵɵelementEnd()();
|
|
87
|
-
i0.ɵɵelementContainerEnd();
|
|
88
|
-
}
|
|
89
|
-
if (rf & 2) {
|
|
90
|
-
const option_r9 = ctx.$implicit;
|
|
91
|
-
const ctx_r1 = i0.ɵɵnextContext();
|
|
92
|
-
i0.ɵɵadvance(2);
|
|
93
|
-
i0.ɵɵproperty("ngIf", ctx_r1.localFilterOptions[ctx_r1.currentSelectedItem].multiSelect);
|
|
94
|
-
i0.ɵɵadvance(1);
|
|
95
|
-
i0.ɵɵproperty("ngIf", !ctx_r1.localFilterOptions[ctx_r1.currentSelectedItem].multiSelect);
|
|
96
|
-
i0.ɵɵadvance(1);
|
|
97
|
-
i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(4, _c0, option_r9.selected ? "#181F33" : "#6A737D"));
|
|
98
|
-
i0.ɵɵadvance(1);
|
|
99
|
-
i0.ɵɵtextInterpolate(option_r9.label);
|
|
100
|
-
}
|
|
101
|
-
}
|
|
102
|
-
class MobileFilterComponent {
|
|
103
|
-
constructor() {
|
|
104
|
-
this.currentSelectedItem = 'Sort';
|
|
105
|
-
this.backIcon = '';
|
|
106
|
-
this.headerName = 'Filters';
|
|
107
|
-
this.applyBtnName = 'Apply';
|
|
108
|
-
this.clearBtnName = 'Clear Filters';
|
|
109
|
-
this.closeFilters = new EventEmitter();
|
|
110
|
-
this.clearFilters = new EventEmitter();
|
|
111
|
-
this.applyFilters = new EventEmitter();
|
|
112
|
-
}
|
|
113
|
-
set filterOptions(options) {
|
|
114
|
-
this.localFilterOptions = options;
|
|
115
|
-
}
|
|
116
|
-
;
|
|
117
|
-
ngOnInit() {
|
|
118
|
-
}
|
|
119
|
-
originalOrder() {
|
|
120
|
-
return 0;
|
|
121
|
-
}
|
|
122
|
-
toggleFilter(data, isSelectedItem) {
|
|
123
|
-
const isMultiSelect = this.localFilterOptions[this.currentSelectedItem].multiSelect;
|
|
124
|
-
this.localFilterOptions[this.currentSelectedItem].noOfSelectedItems = 0;
|
|
125
|
-
this.localFilterOptions[this.currentSelectedItem].options = this.localFilterOptions[this.currentSelectedItem].options.map(option => {
|
|
126
|
-
const isSelectedValue = option.value === data;
|
|
127
|
-
(isMultiSelect && option.selected) && (this.localFilterOptions[this.currentSelectedItem].noOfSelectedItems += 1);
|
|
128
|
-
return Object.assign(Object.assign({}, option), { selected: isSelectedValue ? (isMultiSelect ? !option.selected : true) : (isMultiSelect ? option.selected : false) });
|
|
129
|
-
});
|
|
130
|
-
// changing number of selected items for multiselect filters
|
|
131
|
-
const noOfSelectedItems = this.localFilterOptions[this.currentSelectedItem].noOfSelectedItems;
|
|
132
|
-
isMultiSelect ? this.localFilterOptions[this.currentSelectedItem].noOfSelectedItems = isSelectedItem ? noOfSelectedItems - 1 : noOfSelectedItems + 1 : null;
|
|
133
|
-
}
|
|
134
|
-
}
|
|
135
|
-
MobileFilterComponent.ɵfac = function MobileFilterComponent_Factory(t) { return new (t || MobileFilterComponent)(); };
|
|
136
|
-
MobileFilterComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MobileFilterComponent, selectors: [["mis-mobile-filter"]], inputs: { currentSelectedItem: "currentSelectedItem", filterOptions: "filterOptions", backIcon: "backIcon", headerName: "headerName", applyBtnName: "applyBtnName", clearBtnName: "clearBtnName" }, outputs: { closeFilters: "closeFilters", clearFilters: "clearFilters", applyFilters: "applyFilters" }, decls: 20, vars: 10, consts: [[1, "filters-container"], [1, "head", "display-flex"], ["tabindex", "0", "aria-label", "Close Filters Arrow", "alt", "", 3, "src", "click", "keyup.enter"], [1, "body", "display-flex"], [1, "filters"], [4, "ngFor", "ngForOf"], [1, "filter-options-container"], [1, "filter-options-title"], [1, "filter-options"], [1, "footer", "display-flex"], ["mis-button", "", "size", "md", "type", "text", 3, "click"], ["mis-button", "", "size", "md", "type", "primary", 3, "click"], ["tabindex", "0", 1, "filter", "display-flex", 3, "click", "keyup.enter"], [1, "filterName", 3, "ngStyle"], ["class", "selectedNumber", 4, "ngIf"], ["class", "highlightor", 4, "ngIf"], [1, "selectedNumber"], [1, "highlightor"], [1, "filter-option", "display-flex", 3, "click", "keyup.enter"], [3, "checked", 4, "ngIf"], ["type", "radio", 3, "checked", 4, "ngIf"], [3, "ngStyle"], [3, "checked"], ["type", "radio", 3, "checked"]], template: function MobileFilterComponent_Template(rf, ctx) {
|
|
137
|
-
if (rf & 1) {
|
|
138
|
-
i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "img", 2);
|
|
139
|
-
i0.ɵɵlistener("click", function MobileFilterComponent_Template_img_click_2_listener() { return ctx.closeFilters.emit(); })("keyup.enter", function MobileFilterComponent_Template_img_keyup_enter_2_listener() { return ctx.closeFilters.emit(); });
|
|
140
|
-
i0.ɵɵelementEnd();
|
|
141
|
-
i0.ɵɵelementStart(3, "span");
|
|
142
|
-
i0.ɵɵtext(4);
|
|
143
|
-
i0.ɵɵelementEnd()();
|
|
144
|
-
i0.ɵɵelementStart(5, "div", 3)(6, "div", 4);
|
|
145
|
-
i0.ɵɵtemplate(7, MobileFilterComponent_ng_container_7_Template, 6, 6, "ng-container", 5);
|
|
146
|
-
i0.ɵɵpipe(8, "keyvalue");
|
|
147
|
-
i0.ɵɵelementEnd();
|
|
148
|
-
i0.ɵɵelementStart(9, "div", 6)(10, "div", 7)(11, "span");
|
|
149
|
-
i0.ɵɵtext(12);
|
|
150
|
-
i0.ɵɵelementEnd()();
|
|
151
|
-
i0.ɵɵelementStart(13, "div", 8);
|
|
152
|
-
i0.ɵɵtemplate(14, MobileFilterComponent_ng_container_14_Template, 6, 6, "ng-container", 5);
|
|
153
|
-
i0.ɵɵelementEnd()()();
|
|
154
|
-
i0.ɵɵelementStart(15, "div", 9)(16, "button", 10);
|
|
155
|
-
i0.ɵɵlistener("click", function MobileFilterComponent_Template_button_click_16_listener() { return ctx.clearFilters.emit(); });
|
|
156
|
-
i0.ɵɵtext(17);
|
|
157
|
-
i0.ɵɵelementEnd();
|
|
158
|
-
i0.ɵɵelementStart(18, "button", 11);
|
|
159
|
-
i0.ɵɵlistener("click", function MobileFilterComponent_Template_button_click_18_listener() { return ctx.applyFilters.emit(ctx.localFilterOptions); });
|
|
160
|
-
i0.ɵɵtext(19);
|
|
161
|
-
i0.ɵɵelementEnd()()();
|
|
162
|
-
}
|
|
163
|
-
if (rf & 2) {
|
|
164
|
-
i0.ɵɵadvance(2);
|
|
165
|
-
i0.ɵɵproperty("src", ctx.backIcon, i0.ɵɵsanitizeUrl);
|
|
166
|
-
i0.ɵɵadvance(2);
|
|
167
|
-
i0.ɵɵtextInterpolate(ctx.headerName);
|
|
168
|
-
i0.ɵɵadvance(3);
|
|
169
|
-
i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind2(8, 7, ctx.localFilterOptions, ctx.originalOrder));
|
|
170
|
-
i0.ɵɵadvance(5);
|
|
171
|
-
i0.ɵɵtextInterpolate(ctx.localFilterOptions[ctx.currentSelectedItem] == null ? null : ctx.localFilterOptions[ctx.currentSelectedItem].name);
|
|
172
|
-
i0.ɵɵadvance(2);
|
|
173
|
-
i0.ɵɵproperty("ngForOf", ctx.localFilterOptions[ctx.currentSelectedItem] == null ? null : ctx.localFilterOptions[ctx.currentSelectedItem].options);
|
|
174
|
-
i0.ɵɵadvance(3);
|
|
175
|
-
i0.ɵɵtextInterpolate1(" ", ctx.clearBtnName, " ");
|
|
176
|
-
i0.ɵɵadvance(2);
|
|
177
|
-
i0.ɵɵtextInterpolate1(" ", ctx.applyBtnName, " ");
|
|
178
|
-
}
|
|
179
|
-
}, dependencies: [i1.NgForOf, i1.NgIf, i1.NgStyle, i2.ButtonDirective, i3.CheckboxComponent, i1.KeyValuePipe], styles: [".display-flex[_ngcontent-%COMP%]{display:flex}.filters-container[_ngcontent-%COMP%]{position:absolute;inset:0;background-color:#fff;cursor:default}.filters-container[_ngcontent-%COMP%] *[_ngcontent-%COMP%]{font-family:Lato}.filters-container[_ngcontent-%COMP%] .head[_ngcontent-%COMP%]{height:56px;border-bottom:1px solid #E0E0E0;justify-content:flex-start;align-items:center;padding:0 16px;gap:12px}.filters-container[_ngcontent-%COMP%] .head[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{cursor:pointer}.filters-container[_ngcontent-%COMP%] .head[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{font-weight:700;font-size:17px;line-height:24px;letter-spacing:.2px}.filters-container[_ngcontent-%COMP%] .body[_ngcontent-%COMP%]{height:calc(100vh - 129px)}.filters-container[_ngcontent-%COMP%] .body[_ngcontent-%COMP%] .filters[_ngcontent-%COMP%]{width:120px;border-right:1px solid #E0E0E0;flex-shrink:0}.filters-container[_ngcontent-%COMP%] .body[_ngcontent-%COMP%] .filters[_ngcontent-%COMP%] .filter[_ngcontent-%COMP%]{height:56px;padding:0 16px;border-bottom:1px solid #E0E0E0;align-items:center;font-size:15px;justify-content:space-between;position:relative}.filters-container[_ngcontent-%COMP%] .body[_ngcontent-%COMP%] .filters[_ngcontent-%COMP%] .filter[_ngcontent-%COMP%] .filterName[_ngcontent-%COMP%]{color:#6a737d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filters-container[_ngcontent-%COMP%] .body[_ngcontent-%COMP%] .filters[_ngcontent-%COMP%] .filter[_ngcontent-%COMP%] .selectedNumber[_ngcontent-%COMP%]{background-color:#f5f5f5;height:24px;width:auto;font-size:14px;min-width:24px;border-radius:50%;text-align:center;line-height:24px;padding:0 8px}.filters-container[_ngcontent-%COMP%] .body[_ngcontent-%COMP%] .filters[_ngcontent-%COMP%] .filter[_ngcontent-%COMP%] .highlightor[_ngcontent-%COMP%]{position:absolute;left:0;height:100%;width:4px;background-color:#0937b2}.filters-container[_ngcontent-%COMP%] .body[_ngcontent-%COMP%] .filter-options-container[_ngcontent-%COMP%]{padding:16px 16px 0 12px;width:calc(100% - 56px);overflow-x:hidden}.filters-container[_ngcontent-%COMP%] .body[_ngcontent-%COMP%] .filter-options-container[_ngcontent-%COMP%] *[_ngcontent-%COMP%]{color:#181f33}.filters-container[_ngcontent-%COMP%] .body[_ngcontent-%COMP%] .filter-options-container[_ngcontent-%COMP%] .filter-options-title[_ngcontent-%COMP%]{text-transform:uppercase;font-size:12px;line-height:16px;letter-spacing:.25px}.filters-container[_ngcontent-%COMP%] .body[_ngcontent-%COMP%] .filter-options-container[_ngcontent-%COMP%] .filter-options-title[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{color:#6a737d}.filters-container[_ngcontent-%COMP%] .body[_ngcontent-%COMP%] .filter-options-container[_ngcontent-%COMP%] .filter-options[_ngcontent-%COMP%]{margin-top:16px;overflow-y:scroll;height:calc(100% - 32px)}.filters-container[_ngcontent-%COMP%] .body[_ngcontent-%COMP%] .filter-options-container[_ngcontent-%COMP%] .filter-options[_ngcontent-%COMP%] .filter-option[_ngcontent-%COMP%]{height:48px;border-bottom:1px solid #E0E0E0;align-items:center;padding-left:16px;gap:13px;font-size:15px}.filters-container[_ngcontent-%COMP%] .body[_ngcontent-%COMP%] .filter-options-container[_ngcontent-%COMP%] .filter-options[_ngcontent-%COMP%] .filter-option[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filters-container[_ngcontent-%COMP%] .body[_ngcontent-%COMP%] .filter-options-container[_ngcontent-%COMP%] .filter-options[_ngcontent-%COMP%] .filter-option[_ngcontent-%COMP%] input[type=radio][_ngcontent-%COMP%]{accent-color:#0937B2;width:20px;height:20px}.filters-container[_ngcontent-%COMP%] .footer[_ngcontent-%COMP%]{height:73px;border-top:1px solid #E0E0E0;padding:0 16px;align-items:center;justify-content:space-between}.filters-container[_ngcontent-%COMP%] .footer[_ngcontent-%COMP%] button[_ngcontent-%COMP%]{width:160px}"] });
|
|
180
|
-
(function () {
|
|
181
|
-
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MobileFilterComponent, [{
|
|
182
|
-
type: Component,
|
|
183
|
-
args: [{ selector: 'mis-mobile-filter', template: "<div class=\"filters-container\">\n <div class=\"head display-flex\">\n <img \n tabindex=\"0\"\n (click)=\"closeFilters.emit();\"\n (keyup.enter)=\"closeFilters.emit();\" \n aria-label=\"Close Filters Arrow\"\n [src]=\"backIcon\" alt=\"\">\n <span>{{headerName}}</span>\n </div>\n <div class=\"body display-flex\">\n <div class=\"filters\">\n <ng-container *ngFor=\"let filter of localFilterOptions | keyvalue : originalOrder\">\n <div class=\"filter display-flex\" \n tabindex=\"0\"\n (click)=\"currentSelectedItem = filter.key\"\n (keyup.enter)=\"currentSelectedItem = filter.key\"\n >\n <span class=\"filterName\" [ngStyle]=\"{'color': filter.key === currentSelectedItem ? '#0937B2' : '#181F33'}\">{{ localFilterOptions[filter.key]?.name }}</span>\n <span class=\"selectedNumber\" *ngIf=\"localFilterOptions[filter.key]['multiSelect'] && localFilterOptions[filter.key]['noOfSelectedItems'] > 0\">{{ localFilterOptions[filter.key]['noOfSelectedItems'] }}</span>\n <div class=\"highlightor\" *ngIf=\"filter.key === currentSelectedItem\"></div>\n </div>\n </ng-container>\n </div>\n <div class=\"filter-options-container\">\n <div class=\"filter-options-title\">\n <span>{{ localFilterOptions[currentSelectedItem]?.name }}</span>\n </div>\n <div class=\"filter-options\">\n <ng-container *ngFor=\"let option of localFilterOptions[currentSelectedItem]?.options; let i = index\">\n <div class=\"filter-option display-flex\"\n (click)=\"toggleFilter(option.value, option.selected)\" \n (keyup.enter)=\"toggleFilter(option.value, option.selected)\"\n >\n <mis-checkbox [attr.aria-label]=\"(option.selected ? 'Selected' : 'Unselected') + ' checkbox ' + option.label\" *ngIf=\"localFilterOptions[currentSelectedItem].multiSelect\" [checked]=\"option.selected\"></mis-checkbox>\n <input type=\"radio\" [attr.aria-label]=\"(option.selected ? 'Selected' : 'Unselected') + ' radioButton ' + option.label\" *ngIf=\"!localFilterOptions[currentSelectedItem].multiSelect\" [checked]=\"option.selected\">\n <span [ngStyle]=\"{'color': option.selected ? '#181F33' : '#6A737D'}\">{{ option.label }}</span>\n </div>\n </ng-container>\n </div>\n </div>\n </div>\n <div class=\"footer display-flex\">\n <button\n mis-button\n size=\"md\"\n type=\"text\"\n (click)=\"clearFilters.emit()\">\n {{clearBtnName}}\n </button>\n <button\n mis-button\n size=\"md\"\n type=\"primary\"\n (click)=\"applyFilters.emit(localFilterOptions)\"\n >\n {{applyBtnName}}\n </button>\n </div>\n</div>\n", styles: [".display-flex{display:flex}.filters-container{position:absolute;inset:0;background-color:#fff;cursor:default}.filters-container *{font-family:Lato}.filters-container .head{height:56px;border-bottom:1px solid #E0E0E0;justify-content:flex-start;align-items:center;padding:0 16px;gap:12px}.filters-container .head img{cursor:pointer}.filters-container .head span{font-weight:700;font-size:17px;line-height:24px;letter-spacing:.2px}.filters-container .body{height:calc(100vh - 129px)}.filters-container .body .filters{width:120px;border-right:1px solid #E0E0E0;flex-shrink:0}.filters-container .body .filters .filter{height:56px;padding:0 16px;border-bottom:1px solid #E0E0E0;align-items:center;font-size:15px;justify-content:space-between;position:relative}.filters-container .body .filters .filter .filterName{color:#6a737d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filters-container .body .filters .filter .selectedNumber{background-color:#f5f5f5;height:24px;width:auto;font-size:14px;min-width:24px;border-radius:50%;text-align:center;line-height:24px;padding:0 8px}.filters-container .body .filters .filter .highlightor{position:absolute;left:0;height:100%;width:4px;background-color:#0937b2}.filters-container .body .filter-options-container{padding:16px 16px 0 12px;width:calc(100% - 56px);overflow-x:hidden}.filters-container .body .filter-options-container *{color:#181f33}.filters-container .body .filter-options-container .filter-options-title{text-transform:uppercase;font-size:12px;line-height:16px;letter-spacing:.25px}.filters-container .body .filter-options-container .filter-options-title span{color:#6a737d}.filters-container .body .filter-options-container .filter-options{margin-top:16px;overflow-y:scroll;height:calc(100% - 32px)}.filters-container .body .filter-options-container .filter-options .filter-option{height:48px;border-bottom:1px solid #E0E0E0;align-items:center;padding-left:16px;gap:13px;font-size:15px}.filters-container .body .filter-options-container .filter-options .filter-option span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filters-container .body .filter-options-container .filter-options .filter-option input[type=radio]{accent-color:#0937B2;width:20px;height:20px}.filters-container .footer{height:73px;border-top:1px solid #E0E0E0;padding:0 16px;align-items:center;justify-content:space-between}.filters-container .footer button{width:160px}\n"] }]
|
|
184
|
-
}], function () { return []; }, { currentSelectedItem: [{
|
|
185
|
-
type: Input
|
|
186
|
-
}], filterOptions: [{
|
|
187
|
-
type: Input
|
|
188
|
-
}], backIcon: [{
|
|
189
|
-
type: Input
|
|
190
|
-
}], headerName: [{
|
|
191
|
-
type: Input
|
|
192
|
-
}], applyBtnName: [{
|
|
193
|
-
type: Input
|
|
194
|
-
}], clearBtnName: [{
|
|
195
|
-
type: Input
|
|
196
|
-
}], closeFilters: [{
|
|
197
|
-
type: Output
|
|
198
|
-
}], clearFilters: [{
|
|
199
|
-
type: Output
|
|
200
|
-
}], applyFilters: [{
|
|
201
|
-
type: Output
|
|
202
|
-
}] });
|
|
203
|
-
})();
|
|
204
|
-
|
|
205
|
-
class MobileFilterModule {
|
|
206
|
-
}
|
|
207
|
-
MobileFilterModule.ɵfac = function MobileFilterModule_Factory(t) { return new (t || MobileFilterModule)(); };
|
|
208
|
-
MobileFilterModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: MobileFilterModule });
|
|
209
|
-
MobileFilterModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule, ButtonModule, CheckboxModule] });
|
|
210
|
-
(function () {
|
|
211
|
-
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MobileFilterModule, [{
|
|
212
|
-
type: NgModule,
|
|
213
|
-
args: [{
|
|
214
|
-
declarations: [MobileFilterComponent],
|
|
215
|
-
imports: [CommonModule, ButtonModule, CheckboxModule],
|
|
216
|
-
exports: [MobileFilterComponent]
|
|
217
|
-
}]
|
|
218
|
-
}], null, null);
|
|
219
|
-
})();
|
|
220
|
-
(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(MobileFilterModule, { declarations: [MobileFilterComponent], imports: [CommonModule, ButtonModule, CheckboxModule], exports: [MobileFilterComponent] }); })();
|
|
221
|
-
|
|
222
|
-
/**
|
|
223
|
-
* Generated bundle index. Do not edit.
|
|
224
|
-
*/
|
|
225
|
-
|
|
226
|
-
export { MobileFilterComponent, MobileFilterModule };
|
|
227
|
-
//# sourceMappingURL=mis-crystal-design-system-mobile-filter.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"mis-crystal-design-system-mobile-filter.mjs","sources":["../../../projects/mis-components/mobile-filter/mobile-filter.component.html","../../../projects/mis-components/mobile-filter/mobile-filter.component.ts","../../../projects/mis-components/mobile-filter/mobile-filter.module.ts","../../../projects/mis-components/mobile-filter/mis-crystal-design-system-mobile-filter.ts"],"sourcesContent":["<div class=\"filters-container\">\n <div class=\"head display-flex\">\n <img \n tabindex=\"0\"\n (click)=\"closeFilters.emit();\"\n (keyup.enter)=\"closeFilters.emit();\" \n aria-label=\"Close Filters Arrow\"\n [src]=\"backIcon\" alt=\"\">\n <span>{{headerName}}</span>\n </div>\n <div class=\"body display-flex\">\n <div class=\"filters\">\n <ng-container *ngFor=\"let filter of localFilterOptions | keyvalue : originalOrder\">\n <div class=\"filter display-flex\" \n tabindex=\"0\"\n (click)=\"currentSelectedItem = filter.key\"\n (keyup.enter)=\"currentSelectedItem = filter.key\"\n >\n <span class=\"filterName\" [ngStyle]=\"{'color': filter.key === currentSelectedItem ? '#0937B2' : '#181F33'}\">{{ localFilterOptions[filter.key]?.name }}</span>\n <span class=\"selectedNumber\" *ngIf=\"localFilterOptions[filter.key]['multiSelect'] && localFilterOptions[filter.key]['noOfSelectedItems'] > 0\">{{ localFilterOptions[filter.key]['noOfSelectedItems'] }}</span>\n <div class=\"highlightor\" *ngIf=\"filter.key === currentSelectedItem\"></div>\n </div>\n </ng-container>\n </div>\n <div class=\"filter-options-container\">\n <div class=\"filter-options-title\">\n <span>{{ localFilterOptions[currentSelectedItem]?.name }}</span>\n </div>\n <div class=\"filter-options\">\n <ng-container *ngFor=\"let option of localFilterOptions[currentSelectedItem]?.options; let i = index\">\n <div class=\"filter-option display-flex\"\n (click)=\"toggleFilter(option.value, option.selected)\" \n (keyup.enter)=\"toggleFilter(option.value, option.selected)\"\n >\n <mis-checkbox [attr.aria-label]=\"(option.selected ? 'Selected' : 'Unselected') + ' checkbox ' + option.label\" *ngIf=\"localFilterOptions[currentSelectedItem].multiSelect\" [checked]=\"option.selected\"></mis-checkbox>\n <input type=\"radio\" [attr.aria-label]=\"(option.selected ? 'Selected' : 'Unselected') + ' radioButton ' + option.label\" *ngIf=\"!localFilterOptions[currentSelectedItem].multiSelect\" [checked]=\"option.selected\">\n <span [ngStyle]=\"{'color': option.selected ? '#181F33' : '#6A737D'}\">{{ option.label }}</span>\n </div>\n </ng-container>\n </div>\n </div>\n </div>\n <div class=\"footer display-flex\">\n <button\n mis-button\n size=\"md\"\n type=\"text\"\n (click)=\"clearFilters.emit()\">\n {{clearBtnName}}\n </button>\n <button\n mis-button\n size=\"md\"\n type=\"primary\"\n (click)=\"applyFilters.emit(localFilterOptions)\"\n >\n {{applyBtnName}}\n </button>\n </div>\n</div>\n","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\n\n@Component({\n selector: 'mis-mobile-filter',\n templateUrl: './mobile-filter.component.html',\n styleUrls: ['./mobile-filter.component.scss']\n})\nexport class MobileFilterComponent implements OnInit {\n\n localFilterOptions: IFilterOptions;\n @Input() currentSelectedItem: string = 'Sort';\n\n @Input() set filterOptions(options) {\n this.localFilterOptions = options;\n };\n\n @Input() backIcon: string = '';\n\n @Input() headerName: string = 'Filters';\n @Input() applyBtnName: string = 'Apply';\n @Input() clearBtnName: string = 'Clear Filters';\n\n @Output() closeFilters = new EventEmitter();\n @Output() clearFilters = new EventEmitter();\n @Output() applyFilters = new EventEmitter<IFilterOptions>();\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n originalOrder() { // used in template for keyvalue pipe sorting\n return 0;\n }\n\n toggleFilter(data, isSelectedItem) {\n const isMultiSelect = this.localFilterOptions[this.currentSelectedItem].multiSelect;\n this.localFilterOptions[this.currentSelectedItem].noOfSelectedItems = 0;\n this.localFilterOptions[this.currentSelectedItem].options = this.localFilterOptions[this.currentSelectedItem].options.map(option => {\n const isSelectedValue = option.value === data;\n (isMultiSelect && option.selected) && (this.localFilterOptions[this.currentSelectedItem].noOfSelectedItems +=1);\n return {\n ...option,\n selected: isSelectedValue ? (isMultiSelect ? !option.selected : true) : (isMultiSelect ? option.selected : false)\n }\n });\n\n // changing number of selected items for multiselect filters\n const noOfSelectedItems = this.localFilterOptions[this.currentSelectedItem].noOfSelectedItems;\n isMultiSelect ? this.localFilterOptions[this.currentSelectedItem].noOfSelectedItems = isSelectedItem ? noOfSelectedItems - 1 : noOfSelectedItems + 1 : null;\n \n }\n}\n\nexport interface IFilterOptions {\n [filterName: string]: {\n name: string;\n options: {label: string, value: string, selected: boolean, capacities?: number[], amenities?: string[]}[], // capacities & amenities are for floor\n multiSelect: boolean,\n noOfSelectedItems?: number\n }\n}\n","import { CommonModule } from \"@angular/common\";\nimport { NgModule } from \"@angular/core\";\nimport { MobileFilterComponent } from \"./mobile-filter.component\";\nimport { ButtonModule } from \"mis-crystal-design-system/button\";\nimport { CheckboxModule } from \"mis-crystal-design-system/checkbox\";\n\n@NgModule({\n declarations: [MobileFilterComponent],\n imports: [CommonModule, ButtonModule, CheckboxModule],\n exports: [MobileFilterComponent]\n})\nexport class MobileFilterModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,184 +0,0 @@
|
|
|
1
|
-
import * as i1$1 from '@angular/cdk/overlay';
|
|
2
|
-
import { OverlayConfig, OverlayModule } from '@angular/cdk/overlay';
|
|
3
|
-
import * as i1 from '@angular/cdk/portal';
|
|
4
|
-
import { ComponentPortal, PortalInjector, PortalModule } from '@angular/cdk/portal';
|
|
5
|
-
import * as i0 from '@angular/core';
|
|
6
|
-
import { InjectionToken, ViewContainerRef, Component, ViewChild, Injectable, NgModule } from '@angular/core';
|
|
7
|
-
import { Subject } from 'rxjs';
|
|
8
|
-
import { trigger, transition, style, animate } from '@angular/animations';
|
|
9
|
-
import { CommonModule } from '@angular/common';
|
|
10
|
-
|
|
11
|
-
/** @format */
|
|
12
|
-
const MODAL_DATA_VAR = new InjectionToken("MISModalDataInjectionToken");
|
|
13
|
-
|
|
14
|
-
/** @format */
|
|
15
|
-
class ModalRef {
|
|
16
|
-
constructor(overlay) {
|
|
17
|
-
this.overlay = overlay;
|
|
18
|
-
this.afterClosed$ = new Subject();
|
|
19
|
-
this.afterClosed = this.afterClosed$.asObservable();
|
|
20
|
-
}
|
|
21
|
-
close(data) {
|
|
22
|
-
this.overlay.detach();
|
|
23
|
-
this.overlay.dispose();
|
|
24
|
-
this.afterClosed$.next(data);
|
|
25
|
-
this.afterClosed$.complete();
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
const _c0 = ["place"];
|
|
30
|
-
function ModuleWrapperComponent_ng_template_2_Template(rf, ctx) { }
|
|
31
|
-
class ModuleWrapperComponent {
|
|
32
|
-
constructor() { }
|
|
33
|
-
bindComponent(type, injector) {
|
|
34
|
-
this.initComponent(type, injector);
|
|
35
|
-
}
|
|
36
|
-
initComponent(type, injector) {
|
|
37
|
-
this.modalPortal = new ComponentPortal(type, this.place, injector);
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
ModuleWrapperComponent.ɵfac = function ModuleWrapperComponent_Factory(t) { return new (t || ModuleWrapperComponent)(); };
|
|
41
|
-
ModuleWrapperComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ModuleWrapperComponent, selectors: [["mis-module-wrapper"]], viewQuery: function ModuleWrapperComponent_Query(rf, ctx) {
|
|
42
|
-
if (rf & 1) {
|
|
43
|
-
i0.ɵɵviewQuery(_c0, 5, ViewContainerRef);
|
|
44
|
-
}
|
|
45
|
-
if (rf & 2) {
|
|
46
|
-
let _t;
|
|
47
|
-
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.place = _t.first);
|
|
48
|
-
}
|
|
49
|
-
}, decls: 3, vars: 2, consts: [[1, "mis-modal-body"], ["place", ""], [3, "cdkPortalOutlet"]], template: function ModuleWrapperComponent_Template(rf, ctx) {
|
|
50
|
-
if (rf & 1) {
|
|
51
|
-
i0.ɵɵelementStart(0, "div", 0, 1);
|
|
52
|
-
i0.ɵɵtemplate(2, ModuleWrapperComponent_ng_template_2_Template, 0, 0, "ng-template", 2);
|
|
53
|
-
i0.ɵɵelementEnd();
|
|
54
|
-
}
|
|
55
|
-
if (rf & 2) {
|
|
56
|
-
i0.ɵɵproperty("@slideInOut", undefined);
|
|
57
|
-
i0.ɵɵadvance(2);
|
|
58
|
-
i0.ɵɵproperty("cdkPortalOutlet", ctx.modalPortal);
|
|
59
|
-
}
|
|
60
|
-
}, dependencies: [i1.CdkPortalOutlet], styles: [".mis-modal-body[_ngcontent-%COMP%]{display:block;width:100%;height:100%;background-color:transparent;border-radius:12px;box-shadow:0 12px 24px #0000001f,0 4px 8px #0000001f;overflow:hidden}"], data: { animation: [
|
|
61
|
-
trigger("slideInOut", [
|
|
62
|
-
transition(":enter", [
|
|
63
|
-
style({ transform: "translateY(-30%)", opacity: 0 }),
|
|
64
|
-
animate("200ms ease-out", style({ transform: "translatey(0%)", opacity: 1 }))
|
|
65
|
-
]),
|
|
66
|
-
transition(":leave", [animate("200ms ease-out", style({ transform: "translatey(-30%)", opacity: 0 }))])
|
|
67
|
-
])
|
|
68
|
-
] } });
|
|
69
|
-
(function () {
|
|
70
|
-
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ModuleWrapperComponent, [{
|
|
71
|
-
type: Component,
|
|
72
|
-
args: [{ selector: "mis-module-wrapper", animations: [
|
|
73
|
-
trigger("slideInOut", [
|
|
74
|
-
transition(":enter", [
|
|
75
|
-
style({ transform: "translateY(-30%)", opacity: 0 }),
|
|
76
|
-
animate("200ms ease-out", style({ transform: "translatey(0%)", opacity: 1 }))
|
|
77
|
-
]),
|
|
78
|
-
transition(":leave", [animate("200ms ease-out", style({ transform: "translatey(-30%)", opacity: 0 }))])
|
|
79
|
-
])
|
|
80
|
-
], template: "<div class=\"mis-modal-body\" #place @slideInOut>\n <ng-template [cdkPortalOutlet]=\"modalPortal\"></ng-template>\n</div>\n", styles: [".mis-modal-body{display:block;width:100%;height:100%;background-color:transparent;border-radius:12px;box-shadow:0 12px 24px #0000001f,0 4px 8px #0000001f;overflow:hidden}\n"] }]
|
|
81
|
-
}], function () { return []; }, { place: [{
|
|
82
|
-
type: ViewChild,
|
|
83
|
-
args: ["place", { static: false, read: ViewContainerRef }]
|
|
84
|
-
}] });
|
|
85
|
-
})();
|
|
86
|
-
|
|
87
|
-
class ModalService {
|
|
88
|
-
constructor(overlay, injector) {
|
|
89
|
-
this.overlay = overlay;
|
|
90
|
-
this.injector = injector;
|
|
91
|
-
}
|
|
92
|
-
show(component, data, options) {
|
|
93
|
-
const positionStrategy = this.calculatePosition(options);
|
|
94
|
-
const { width, height } = options || {};
|
|
95
|
-
const config = new OverlayConfig({
|
|
96
|
-
hasBackdrop: true,
|
|
97
|
-
positionStrategy,
|
|
98
|
-
scrollStrategy: this.overlay.scrollStrategies.noop(),
|
|
99
|
-
width: width,
|
|
100
|
-
height,
|
|
101
|
-
panelClass: "mis-modal",
|
|
102
|
-
backdropClass: "mis-modal-overlay"
|
|
103
|
-
});
|
|
104
|
-
const overlayRef = this.overlay.create(config);
|
|
105
|
-
const modalRef = new ModalRef(overlayRef);
|
|
106
|
-
const injector = this.createInjector(modalRef, this.injector, data);
|
|
107
|
-
const portal = new ComponentPortal(ModuleWrapperComponent, null);
|
|
108
|
-
this.componentInstance = overlayRef.attach(portal);
|
|
109
|
-
if (options === null || options === void 0 ? void 0 : options.closeOnBackdropClick) {
|
|
110
|
-
overlayRef.backdropClick().subscribe(() => modalRef.close());
|
|
111
|
-
}
|
|
112
|
-
this.componentInstance.instance.bindComponent(component, injector);
|
|
113
|
-
return modalRef;
|
|
114
|
-
}
|
|
115
|
-
createInjector(ref, inj, data) {
|
|
116
|
-
const injectorTokens = new WeakMap();
|
|
117
|
-
injectorTokens.set(ModalRef, ref);
|
|
118
|
-
injectorTokens.set(MODAL_DATA_VAR, data);
|
|
119
|
-
return new PortalInjector(inj, injectorTokens);
|
|
120
|
-
}
|
|
121
|
-
calculatePosition(options) {
|
|
122
|
-
const position = this.overlay.position().global().centerHorizontally().centerVertically();
|
|
123
|
-
if (options && screen.width > 600) {
|
|
124
|
-
if (options.top) {
|
|
125
|
-
position.top(options.top);
|
|
126
|
-
}
|
|
127
|
-
if (options.left) {
|
|
128
|
-
position.left(options.left);
|
|
129
|
-
}
|
|
130
|
-
if (options.right) {
|
|
131
|
-
position.right(options.right);
|
|
132
|
-
}
|
|
133
|
-
if (options.bottom) {
|
|
134
|
-
position.bottom(options.bottom);
|
|
135
|
-
}
|
|
136
|
-
}
|
|
137
|
-
return position;
|
|
138
|
-
}
|
|
139
|
-
}
|
|
140
|
-
ModalService.ɵfac = function ModalService_Factory(t) { return new (t || ModalService)(i0.ɵɵinject(i1$1.Overlay), i0.ɵɵinject(i0.Injector)); };
|
|
141
|
-
ModalService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: ModalService, factory: ModalService.ɵfac, providedIn: "root" });
|
|
142
|
-
(function () {
|
|
143
|
-
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ModalService, [{
|
|
144
|
-
type: Injectable,
|
|
145
|
-
args: [{
|
|
146
|
-
providedIn: "root"
|
|
147
|
-
}]
|
|
148
|
-
}], function () { return [{ type: i1$1.Overlay }, { type: i0.Injector }]; }, null);
|
|
149
|
-
})();
|
|
150
|
-
|
|
151
|
-
class ModalModule {
|
|
152
|
-
static forRoot() {
|
|
153
|
-
return {
|
|
154
|
-
ngModule: ModalModule,
|
|
155
|
-
providers: [ModalService]
|
|
156
|
-
};
|
|
157
|
-
}
|
|
158
|
-
static forChild() {
|
|
159
|
-
return {
|
|
160
|
-
ngModule: ModalModule,
|
|
161
|
-
providers: [ModalService]
|
|
162
|
-
};
|
|
163
|
-
}
|
|
164
|
-
}
|
|
165
|
-
ModalModule.ɵfac = function ModalModule_Factory(t) { return new (t || ModalModule)(); };
|
|
166
|
-
ModalModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: ModalModule });
|
|
167
|
-
ModalModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule, OverlayModule, PortalModule] });
|
|
168
|
-
(function () {
|
|
169
|
-
(typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ModalModule, [{
|
|
170
|
-
type: NgModule,
|
|
171
|
-
args: [{
|
|
172
|
-
declarations: [ModuleWrapperComponent],
|
|
173
|
-
imports: [CommonModule, OverlayModule, PortalModule]
|
|
174
|
-
}]
|
|
175
|
-
}], null, null);
|
|
176
|
-
})();
|
|
177
|
-
(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(ModalModule, { declarations: [ModuleWrapperComponent], imports: [CommonModule, OverlayModule, PortalModule] }); })();
|
|
178
|
-
|
|
179
|
-
/**
|
|
180
|
-
* Generated bundle index. Do not edit.
|
|
181
|
-
*/
|
|
182
|
-
|
|
183
|
-
export { MODAL_DATA_VAR, ModalModule, ModalRef, ModalService };
|
|
184
|
-
//# sourceMappingURL=mis-crystal-design-system-modal.mjs.map
|