vc-create-dashboard 2.9.5 → 2.9.7
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/karma.conf.js +44 -0
- package/ng-package.json +7 -0
- package/package.json +11 -31
- package/src/lib/categoryList.ts +23 -0
- package/src/lib/configurations.ts +8 -0
- package/src/lib/create-dashboard-container/categories/categories-config.ts +18 -0
- package/src/lib/create-dashboard-container/categories/categories.component.html +84 -0
- package/src/lib/create-dashboard-container/categories/categories.component.less +252 -0
- package/src/lib/create-dashboard-container/categories/categories.component.spec.ts +43 -0
- package/src/lib/create-dashboard-container/categories/categories.component.ts +205 -0
- package/src/lib/create-dashboard-container/configure-widgets/configure-widgets/configure-widgets.component.html +70 -0
- package/src/lib/create-dashboard-container/configure-widgets/configure-widgets/configure-widgets.component.less +381 -0
- package/src/lib/create-dashboard-container/configure-widgets/configure-widgets/configure-widgets.component.spec.ts +48 -0
- package/src/lib/create-dashboard-container/configure-widgets/configure-widgets/configure-widgets.component.ts +545 -0
- package/src/lib/create-dashboard-container/configure-widgets/configure-widgets/widget.interface.ts +9 -0
- package/src/lib/create-dashboard-container/configure-widgets/configure-widgets.module.ts +29 -0
- package/src/lib/create-dashboard-container/create-dashboard-config.ts +24 -0
- package/src/lib/create-dashboard-container/create-dashboard-mockData.ts +341 -0
- package/src/lib/create-dashboard-container/create-dashboard.component.html +1258 -0
- package/src/lib/create-dashboard-container/create-dashboard.component.less +1277 -0
- package/src/lib/create-dashboard-container/create-dashboard.component.spec.ts +755 -0
- package/src/lib/create-dashboard-container/create-dashboard.component.ts +1281 -0
- package/src/lib/create-dashboard-container/create-dashboard.module.ts +76 -0
- package/src/lib/create-dashboard-container/directives/directives.module.ts +18 -0
- package/src/lib/create-dashboard-container/directives/scroll-in-view.directive.ts +28 -0
- package/src/lib/create-dashboard-container/form-group/form-group.component.html +287 -0
- package/src/lib/create-dashboard-container/form-group/form-group.component.less +450 -0
- package/src/lib/create-dashboard-container/form-group/form-group.component.spec.ts +90 -0
- package/src/lib/create-dashboard-container/form-group/form-group.component.ts +162 -0
- package/src/lib/create-dashboard-container/frequency/frequency.component.html +61 -0
- package/src/lib/create-dashboard-container/frequency/frequency.component.less +183 -0
- package/src/lib/create-dashboard-container/frequency/frequency.component.spec.ts +120 -0
- package/src/lib/create-dashboard-container/frequency/frequency.component.ts +303 -0
- package/{lib/create-dashboard-container/interfaces/widget-data-model.d.ts → src/lib/create-dashboard-container/interfaces/widget-data-model.ts} +1 -1
- package/src/lib/create-dashboard-container/pipes/filter.pipe.ts +25 -0
- package/src/lib/create-dashboard-container/pipes/search.pipe.ts +23 -0
- package/src/lib/create-dashboard-container/pipes/text-count.pipe.spec.ts +8 -0
- package/src/lib/create-dashboard-container/pipes/text-count.pipe.ts +15 -0
- package/src/lib/create-dashboard-container/responsibility-center/responsibility-center.component.html +44 -0
- package/src/lib/create-dashboard-container/responsibility-center/responsibility-center.component.less +181 -0
- package/src/lib/create-dashboard-container/responsibility-center/responsibility-center.component.spec.ts +41 -0
- package/src/lib/create-dashboard-container/responsibility-center/responsibility-center.component.ts +136 -0
- package/src/lib/create-dashboard-container/risk-categories/risk-categories-config.ts +18 -0
- package/src/lib/create-dashboard-container/risk-categories/risk-categories.component.html +83 -0
- package/src/lib/create-dashboard-container/risk-categories/risk-categories.component.less +230 -0
- package/src/lib/create-dashboard-container/risk-categories/risk-categories.component.spec.ts +39 -0
- package/src/lib/create-dashboard-container/risk-categories/risk-categories.component.ts +191 -0
- package/src/lib/create-dashboard-container/services/auth.service.ts +27 -0
- package/src/lib/create-dashboard-container/services/configure-widgets.service.spec.ts +19 -0
- package/src/lib/create-dashboard-container/services/configure-widgets.service.ts +228 -0
- package/src/lib/create-dashboard-container/services/create-dashboard.service.spec.ts +19 -0
- package/src/lib/create-dashboard-container/services/create-dashboard.service.ts +139 -0
- package/src/lib/create-dashboard-container/services/pagination.service.spec.ts +16 -0
- package/src/lib/create-dashboard-container/services/pagination.service.ts +25 -0
- package/src/lib/create-dashboard-container/user-list/user-list.component.html +146 -0
- package/src/lib/create-dashboard-container/user-list/user-list.component.less +451 -0
- package/src/lib/create-dashboard-container/user-list/user-list.component.spec.ts +153 -0
- package/src/lib/create-dashboard-container/user-list/user-list.component.ts +433 -0
- package/{lib/create-dashboard-container/user-list/user-list.config.d.ts → src/lib/create-dashboard-container/user-list/user-list.config.ts} +6 -6
- package/src/lib/create-dashboard.service.ts +8 -0
- package/src/lib/ui-kit/action-dialog/access-capability/access-capability.component.html +22 -0
- package/src/lib/ui-kit/action-dialog/access-capability/access-capability.component.less +218 -0
- package/src/lib/ui-kit/action-dialog/access-capability/access-capability.component.ts +30 -0
- package/src/lib/ui-kit/action-dialog/action-dialog.module.ts +53 -0
- package/src/lib/ui-kit/action-dialog/active/active.component.html +1 -0
- package/src/lib/ui-kit/action-dialog/active/active.component.less +0 -0
- package/src/lib/ui-kit/action-dialog/active/active.component.ts +12 -0
- package/src/lib/ui-kit/action-dialog/assesment-confirmation/assesment-confirmation.component.html +18 -0
- package/src/lib/ui-kit/action-dialog/assesment-confirmation/assesment-confirmation.component.less +98 -0
- package/src/lib/ui-kit/action-dialog/assesment-confirmation/assesment-confirmation.component.ts +18 -0
- package/src/lib/ui-kit/action-dialog/confirmation/confirmation.component.html +20 -0
- package/src/lib/ui-kit/action-dialog/confirmation/confirmation.component.less +325 -0
- package/src/lib/ui-kit/action-dialog/confirmation/confirmation.component.ts +26 -0
- package/src/lib/ui-kit/action-dialog/delete/delete.component.html +24 -0
- package/src/lib/ui-kit/action-dialog/delete/delete.component.less +240 -0
- package/src/lib/ui-kit/action-dialog/delete/delete.component.ts +22 -0
- package/src/lib/ui-kit/action-dialog/error/error.component.html +20 -0
- package/src/lib/ui-kit/action-dialog/error/error.component.less +103 -0
- package/src/lib/ui-kit/action-dialog/error/error.component.ts +18 -0
- package/src/lib/ui-kit/action-dialog/inactive/inactive.component.html +23 -0
- package/src/lib/ui-kit/action-dialog/inactive/inactive.component.less +167 -0
- package/src/lib/ui-kit/action-dialog/inactive/inactive.component.ts +12 -0
- package/src/lib/ui-kit/action-dialog/link/link.component.html +57 -0
- package/src/lib/ui-kit/action-dialog/link/link.component.less +222 -0
- package/src/lib/ui-kit/action-dialog/link/link.component.ts +18 -0
- package/src/lib/ui-kit/action-dialog/move/move.component.html +43 -0
- package/src/lib/ui-kit/action-dialog/move/move.component.less +157 -0
- package/src/lib/ui-kit/action-dialog/move/move.component.ts +25 -0
- package/src/lib/ui-kit/action-dialog/my-rating/my-rating.component.html +19 -0
- package/src/lib/ui-kit/action-dialog/my-rating/my-rating.component.less +97 -0
- package/src/lib/ui-kit/action-dialog/my-rating/my-rating.component.ts +18 -0
- package/src/lib/ui-kit/action-dialog/upload/upload.component.html +19 -0
- package/src/lib/ui-kit/action-dialog/upload/upload.component.less +97 -0
- package/src/lib/ui-kit/action-dialog/upload/upload.component.ts +12 -0
- package/src/lib/ui-kit/chart/bar/bar.component.html +28 -0
- package/src/lib/ui-kit/chart/bar/bar.component.less +13 -0
- package/src/lib/ui-kit/chart/bar/bar.component.ts +44 -0
- package/src/lib/ui-kit/chart/chart.module.ts +12 -0
- package/src/lib/ui-kit/chart/pipes/segmenter.pipe.ts +28 -0
- package/src/lib/ui-kit/chart/pipes/x-calculator.pipe.ts +22 -0
- package/src/lib/ui-kit/circle-progresss/circle/circle.component.html +37 -0
- package/src/lib/ui-kit/circle-progresss/circle/circle.component.less +1448 -0
- package/src/lib/ui-kit/circle-progresss/circle/circle.component.ts +19 -0
- package/src/lib/ui-kit/circle-progresss/circle-progresss.module.ts +10 -0
- package/src/lib/ui-kit/click-outside/click-outside.directive.ts +16 -0
- package/src/lib/ui-kit/click-outside/click-outside.module.ts +16 -0
- package/src/lib/ui-kit/color-palette/color-palette.component.html +110 -0
- package/src/lib/ui-kit/color-palette/color-palette.component.less +54 -0
- package/src/lib/ui-kit/color-palette/color-palette.component.ts +28 -0
- package/src/lib/ui-kit/color-palette/color-palette.module.ts +10 -0
- package/src/lib/ui-kit/dashboard-footer/dashboard-footer/dashboard-footer.component.html +37 -0
- package/src/lib/ui-kit/dashboard-footer/dashboard-footer/dashboard-footer.component.less +335 -0
- package/src/lib/ui-kit/dashboard-footer/dashboard-footer/dashboard-footer.component.spec.ts +25 -0
- package/src/lib/ui-kit/dashboard-footer/dashboard-footer/dashboard-footer.component.ts +44 -0
- package/src/lib/ui-kit/dashboard-footer/dashboard-footer-config.ts +11 -0
- package/src/lib/ui-kit/dashboard-footer/dashboard-footer.module.ts +22 -0
- package/src/lib/ui-kit/dialog/dialog-config.ts +6 -0
- package/src/lib/ui-kit/dialog/dialog-injector.ts +18 -0
- package/src/lib/ui-kit/dialog/dialog-ref.ts +12 -0
- package/src/lib/ui-kit/dialog/dialog.component.css +89 -0
- package/src/lib/ui-kit/dialog/dialog.component.html +27 -0
- package/src/lib/ui-kit/dialog/dialog.component.ts +96 -0
- package/src/lib/ui-kit/dialog/dialog.module.ts +11 -0
- package/src/lib/ui-kit/dialog/dialog.service.ts +57 -0
- package/src/lib/ui-kit/dialog/insertion.directive.ts +8 -0
- package/src/lib/ui-kit/floating-bar/floating-bar.component.html +42 -0
- package/src/lib/ui-kit/floating-bar/floating-bar.component.less +355 -0
- package/src/lib/ui-kit/floating-bar/floating-bar.component.spec.ts +25 -0
- package/src/lib/ui-kit/floating-bar/floating-bar.component.ts +40 -0
- package/src/lib/ui-kit/floating-bar/floating-bar.module.ts +22 -0
- package/src/lib/ui-kit/formgroup/click-outside.directive.ts +16 -0
- package/src/lib/ui-kit/formgroup/cs-checkbox/cs-checkbox.component.html +11 -0
- package/src/lib/ui-kit/formgroup/cs-checkbox/cs-checkbox.component.less +102 -0
- package/src/lib/ui-kit/formgroup/cs-checkbox/cs-checkbox.component.ts +19 -0
- package/src/lib/ui-kit/formgroup/cs-radio/cs-radio.component.html +11 -0
- package/src/lib/ui-kit/formgroup/cs-radio/cs-radio.component.less +125 -0
- package/src/lib/ui-kit/formgroup/cs-radio/cs-radio.component.ts +21 -0
- package/src/lib/ui-kit/formgroup/cs-radio-group/cs-radio-group.component.html +4 -0
- package/src/lib/ui-kit/formgroup/cs-radio-group/cs-radio-group.component.less +0 -0
- package/src/lib/ui-kit/formgroup/cs-radio-group/cs-radio-group.component.ts +12 -0
- package/src/lib/ui-kit/formgroup/cs-select/cs-select.component.html +78 -0
- package/src/lib/ui-kit/formgroup/cs-select/cs-select.component.less +259 -0
- package/src/lib/ui-kit/formgroup/cs-select/cs-select.component.ts +92 -0
- package/src/lib/ui-kit/formgroup/cs-switch/cs-switch.component.html +30 -0
- package/src/lib/ui-kit/formgroup/cs-switch/cs-switch.component.less +103 -0
- package/src/lib/ui-kit/formgroup/cs-switch/cs-switch.component.ts +23 -0
- package/src/lib/ui-kit/formgroup/formgroup.module.ts +35 -0
- package/src/lib/ui-kit/formgroup/pipes/pascal.pipe.ts +13 -0
- package/src/lib/ui-kit/formgroup/pipes/searchMultiSelect.pipe.ts +18 -0
- package/src/lib/ui-kit/line-loader/line-loader.component.html +3 -0
- package/src/lib/ui-kit/line-loader/line-loader.component.less +34 -0
- package/src/lib/ui-kit/line-loader/line-loader.component.ts +14 -0
- package/src/lib/ui-kit/line-loader/line-loader.module.ts +10 -0
- package/src/lib/ui-kit/longpress/longpress.directive.ts +28 -0
- package/src/lib/ui-kit/longpress/longpress.module.ts +10 -0
- package/src/lib/ui-kit/multi-select/cs-multiselect/cs-multiselect.component.html +51 -0
- package/src/lib/ui-kit/multi-select/cs-multiselect/cs-multiselect.component.less +365 -0
- package/src/lib/ui-kit/multi-select/cs-multiselect/cs-multiselect.component.spec.ts +24 -0
- package/src/lib/ui-kit/multi-select/cs-multiselect/cs-multiselect.component.ts +139 -0
- package/src/lib/ui-kit/multi-select/cs-multiselect-option/cs-multiselect-option.component.html +9 -0
- package/src/lib/ui-kit/multi-select/cs-multiselect-option/cs-multiselect-option.component.less +105 -0
- package/src/lib/ui-kit/multi-select/cs-multiselect-option/cs-multiselect-option.component.spec.ts +27 -0
- package/src/lib/ui-kit/multi-select/cs-multiselect-option/cs-multiselect-option.component.ts +24 -0
- package/src/lib/ui-kit/multi-select/multi-select.module.ts +24 -0
- package/src/lib/ui-kit/multi-select/multi-select.service.ts +10 -0
- package/src/lib/ui-kit/no-data/no-data.component.html +14 -0
- package/src/lib/ui-kit/no-data/no-data.component.less +87 -0
- package/src/lib/ui-kit/no-data/no-data.component.ts +26 -0
- package/src/lib/ui-kit/no-data/no-data.module.ts +10 -0
- package/src/lib/ui-kit/pagination/pagination.component.html +11 -0
- package/src/lib/ui-kit/pagination/pagination.component.less +72 -0
- package/src/lib/ui-kit/pagination/pagination.component.spec.ts +25 -0
- package/src/lib/ui-kit/pagination/pagination.component.ts +138 -0
- package/src/lib/ui-kit/pagination/pagination.module.ts +10 -0
- package/src/lib/ui-kit/pipes/pipes.module.ts +10 -0
- package/src/lib/ui-kit/pipes/safeHTML.pipe.ts +12 -0
- package/src/lib/ui-kit/pipes/trim.pipe.ts +10 -0
- package/src/lib/ui-kit/popover/popover.component.html +6 -0
- package/src/lib/ui-kit/popover/popover.component.less +20 -0
- package/src/lib/ui-kit/popover/popover.component.ts +124 -0
- package/src/lib/ui-kit/popover/popover.directive.ts +72 -0
- package/src/lib/ui-kit/popover/popover.module.ts +13 -0
- package/src/lib/ui-kit/popover/popover.service.ts +17 -0
- package/src/lib/ui-kit/ripple/ripple.directive.ts +33 -0
- package/src/lib/ui-kit/ripple/ripple.module.ts +10 -0
- package/src/lib/ui-kit/select/cs-option/cs-option.component.html +8 -0
- package/src/lib/ui-kit/select/cs-option/cs-option.component.less +49 -0
- package/src/lib/ui-kit/select/cs-option/cs-option.component.ts +31 -0
- package/src/lib/ui-kit/select/cs-select/cs-select.component.html +16 -0
- package/src/lib/ui-kit/select/cs-select/cs-select.component.less +142 -0
- package/src/lib/ui-kit/select/cs-select/cs-select.component.ts +96 -0
- package/src/lib/ui-kit/select/safe-html.pipe.ts +13 -0
- package/src/lib/ui-kit/select/select.module.ts +13 -0
- package/src/lib/ui-kit/services/cs-select.service.ts +10 -0
- package/src/lib/ui-kit/smiley-dialog/smiley-dialog.component.html +30 -0
- package/src/lib/ui-kit/smiley-dialog/smiley-dialog.component.less +442 -0
- package/src/lib/ui-kit/smiley-dialog/smiley-dialog.component.ts +40 -0
- package/src/lib/ui-kit/smiley-dialog/smiley-dialog.module.ts +11 -0
- package/src/lib/ui-kit/snack-bar/snack-bar/snack-bar.component.html +10 -0
- package/src/lib/ui-kit/snack-bar/snack-bar/snack-bar.component.less +110 -0
- package/src/lib/ui-kit/snack-bar/snack-bar/snack-bar.component.ts +42 -0
- package/src/lib/ui-kit/snack-bar/snack-bar.module.ts +10 -0
- package/src/lib/ui-kit/snack-bar/snack-bar.service.ts +18 -0
- package/src/lib/ui-kit/time-filter/time-filter.component.html +84 -0
- package/src/lib/ui-kit/time-filter/time-filter.component.less +481 -0
- package/src/lib/ui-kit/time-filter/time-filter.component.ts +284 -0
- package/src/lib/ui-kit/time-filter/time-filter.module.ts +10 -0
- package/src/lib/ui-kit/tooltip/tooltip.directive.ts +127 -0
- package/src/lib/ui-kit/tooltip/tooltip.module.ts +10 -0
- package/src/lib/ui-kit/v-loader/loader/loader.component.html +6 -0
- package/src/lib/ui-kit/v-loader/loader/loader.component.less +52 -0
- package/src/lib/ui-kit/v-loader/loader/loader.component.ts +22 -0
- package/src/lib/ui-kit/v-loader/loader-inline/loader-inline.component.html +6 -0
- package/src/lib/ui-kit/v-loader/loader-inline/loader-inline.component.less +52 -0
- package/src/lib/ui-kit/v-loader/loader-inline/loader-inline.component.ts +22 -0
- package/src/lib/ui-kit/v-loader/v-loader.module.ts +11 -0
- package/src/public-api.ts +11 -0
- package/src/test.ts +28 -0
- package/tsconfig.lib.json +20 -0
- package/tsconfig.lib.prod.json +10 -0
- package/tsconfig.spec.json +17 -0
- package/esm2020/create-dashboard.mjs +0 -5
- package/esm2020/lib/configurations.mjs +0 -6
- package/esm2020/lib/create-dashboard-container/categories/categories-config.mjs +0 -2
- package/esm2020/lib/create-dashboard-container/categories/categories.component.mjs +0 -209
- package/esm2020/lib/create-dashboard-container/configure-widgets/configure-widgets/configure-widgets.component.mjs +0 -545
- package/esm2020/lib/create-dashboard-container/configure-widgets/configure-widgets/widget.interface.mjs +0 -2
- package/esm2020/lib/create-dashboard-container/configure-widgets/configure-widgets.module.mjs +0 -45
- package/esm2020/lib/create-dashboard-container/create-dashboard-config.mjs +0 -2
- package/esm2020/lib/create-dashboard-container/create-dashboard.component.mjs +0 -1067
- package/esm2020/lib/create-dashboard-container/create-dashboard.module.mjs +0 -125
- package/esm2020/lib/create-dashboard-container/directives/directives.module.mjs +0 -24
- package/esm2020/lib/create-dashboard-container/directives/scroll-in-view.directive.mjs +0 -35
- package/esm2020/lib/create-dashboard-container/form-group/form-group.component.mjs +0 -141
- package/esm2020/lib/create-dashboard-container/frequency/frequency.component.mjs +0 -305
- package/esm2020/lib/create-dashboard-container/interfaces/widget-data-model.mjs +0 -2
- package/esm2020/lib/create-dashboard-container/pipes/filter.pipe.mjs +0 -30
- package/esm2020/lib/create-dashboard-container/pipes/search.pipe.mjs +0 -25
- package/esm2020/lib/create-dashboard-container/pipes/text-count.pipe.mjs +0 -19
- package/esm2020/lib/create-dashboard-container/responsibility-center/responsibility-center.component.mjs +0 -146
- package/esm2020/lib/create-dashboard-container/risk-categories/risk-categories-config.mjs +0 -2
- package/esm2020/lib/create-dashboard-container/risk-categories/risk-categories.component.mjs +0 -194
- package/esm2020/lib/create-dashboard-container/services/auth.service.mjs +0 -29
- package/esm2020/lib/create-dashboard-container/services/configure-widgets.service.mjs +0 -224
- package/esm2020/lib/create-dashboard-container/services/create-dashboard.service.mjs +0 -123
- package/esm2020/lib/create-dashboard-container/services/pagination.service.mjs +0 -29
- package/esm2020/lib/create-dashboard-container/user-list/user-list.component.mjs +0 -414
- package/esm2020/lib/create-dashboard-container/user-list/user-list.config.mjs +0 -2
- package/esm2020/lib/create-dashboard.service.mjs +0 -14
- package/esm2020/lib/ui-kit/dashboard-footer/dashboard-footer/dashboard-footer.component.mjs +0 -53
- package/esm2020/lib/ui-kit/dashboard-footer/dashboard-footer-config.mjs +0 -2
- package/esm2020/lib/ui-kit/dashboard-footer/dashboard-footer.module.mjs +0 -32
- package/esm2020/lib/ui-kit/dialog/dialog-config.mjs +0 -3
- package/esm2020/lib/ui-kit/dialog/dialog-injector.mjs +0 -15
- package/esm2020/lib/ui-kit/dialog/dialog-ref.mjs +0 -12
- package/esm2020/lib/ui-kit/dialog/dialog.component.mjs +0 -85
- package/esm2020/lib/ui-kit/dialog/dialog.module.mjs +0 -20
- package/esm2020/lib/ui-kit/dialog/dialog.service.mjs +0 -52
- package/esm2020/lib/ui-kit/dialog/insertion.directive.mjs +0 -16
- package/esm2020/lib/ui-kit/floating-bar/floating-bar.component.mjs +0 -52
- package/esm2020/lib/ui-kit/floating-bar/floating-bar.module.mjs +0 -32
- package/esm2020/lib/ui-kit/formgroup/click-outside.directive.mjs +0 -29
- package/esm2020/lib/ui-kit/formgroup/cs-checkbox/cs-checkbox.component.mjs +0 -27
- package/esm2020/lib/ui-kit/formgroup/cs-radio/cs-radio.component.mjs +0 -30
- package/esm2020/lib/ui-kit/formgroup/cs-radio-group/cs-radio-group.component.mjs +0 -14
- package/esm2020/lib/ui-kit/formgroup/cs-select/cs-select.component.mjs +0 -100
- package/esm2020/lib/ui-kit/formgroup/cs-switch/cs-switch.component.mjs +0 -35
- package/esm2020/lib/ui-kit/formgroup/formgroup.module.mjs +0 -55
- package/esm2020/lib/ui-kit/formgroup/pipes/pascal.pipe.mjs +0 -19
- package/esm2020/lib/ui-kit/formgroup/pipes/searchMultiSelect.pipe.mjs +0 -24
- package/esm2020/lib/ui-kit/no-data/no-data.component.mjs +0 -40
- package/esm2020/lib/ui-kit/no-data/no-data.module.mjs +0 -18
- package/esm2020/lib/ui-kit/pagination/pagination.component.mjs +0 -127
- package/esm2020/lib/ui-kit/pagination/pagination.module.mjs +0 -18
- package/esm2020/lib/ui-kit/popover/popover.component.mjs +0 -133
- package/esm2020/lib/ui-kit/popover/popover.directive.mjs +0 -86
- package/esm2020/lib/ui-kit/popover/popover.module.mjs +0 -21
- package/esm2020/lib/ui-kit/popover/popover.service.mjs +0 -17
- package/esm2020/lib/ui-kit/select/cs-option/cs-option.component.mjs +0 -36
- package/esm2020/lib/ui-kit/select/cs-select/cs-select.component.mjs +0 -89
- package/esm2020/lib/ui-kit/select/safe-html.pipe.mjs +0 -20
- package/esm2020/lib/ui-kit/select/select.module.mjs +0 -21
- package/esm2020/lib/ui-kit/services/cs-select.service.mjs +0 -15
- package/esm2020/lib/ui-kit/smiley-dialog/smiley-dialog.component.mjs +0 -50
- package/esm2020/lib/ui-kit/smiley-dialog/smiley-dialog.module.mjs +0 -18
- package/esm2020/lib/ui-kit/snack-bar/snack-bar/snack-bar.component.mjs +0 -45
- package/esm2020/lib/ui-kit/snack-bar/snack-bar.module.mjs +0 -18
- package/esm2020/lib/ui-kit/snack-bar/snack-bar.service.mjs +0 -24
- package/esm2020/lib/ui-kit/tooltip/tooltip.directive.mjs +0 -153
- package/esm2020/lib/ui-kit/tooltip/tooltip.module.mjs +0 -18
- package/esm2020/lib/ui-kit/v-loader/loader/loader.component.mjs +0 -21
- package/esm2020/lib/ui-kit/v-loader/loader-inline/loader-inline.component.mjs +0 -21
- package/esm2020/lib/ui-kit/v-loader/v-loader.module.mjs +0 -19
- package/esm2020/public-api.mjs +0 -10
- package/fesm2015/create-dashboard.mjs +0 -5195
- package/fesm2015/create-dashboard.mjs.map +0 -1
- package/fesm2020/create-dashboard.mjs +0 -5162
- package/fesm2020/create-dashboard.mjs.map +0 -1
- package/index.d.ts +0 -5
- package/lib/configurations.d.ts +0 -4
- package/lib/create-dashboard-container/categories/categories-config.d.ts +0 -18
- package/lib/create-dashboard-container/categories/categories.component.d.ts +0 -31
- package/lib/create-dashboard-container/configure-widgets/configure-widgets/configure-widgets.component.d.ts +0 -88
- package/lib/create-dashboard-container/configure-widgets/configure-widgets/widget.interface.d.ts +0 -9
- package/lib/create-dashboard-container/configure-widgets/configure-widgets.module.d.ts +0 -14
- package/lib/create-dashboard-container/create-dashboard-config.d.ts +0 -18
- package/lib/create-dashboard-container/create-dashboard.component.d.ts +0 -173
- package/lib/create-dashboard-container/create-dashboard.module.d.ts +0 -36
- package/lib/create-dashboard-container/directives/directives.module.d.ts +0 -8
- package/lib/create-dashboard-container/directives/scroll-in-view.directive.d.ts +0 -12
- package/lib/create-dashboard-container/form-group/form-group.component.d.ts +0 -47
- package/lib/create-dashboard-container/frequency/frequency.component.d.ts +0 -39
- package/lib/create-dashboard-container/pipes/filter.pipe.d.ts +0 -7
- package/lib/create-dashboard-container/pipes/search.pipe.d.ts +0 -7
- package/lib/create-dashboard-container/pipes/text-count.pipe.d.ts +0 -7
- package/lib/create-dashboard-container/responsibility-center/responsibility-center.component.d.ts +0 -27
- package/lib/create-dashboard-container/risk-categories/risk-categories-config.d.ts +0 -18
- package/lib/create-dashboard-container/risk-categories/risk-categories.component.d.ts +0 -31
- package/lib/create-dashboard-container/services/auth.service.d.ts +0 -11
- package/lib/create-dashboard-container/services/configure-widgets.service.d.ts +0 -38
- package/lib/create-dashboard-container/services/create-dashboard.service.d.ts +0 -47
- package/lib/create-dashboard-container/services/pagination.service.d.ts +0 -12
- package/lib/create-dashboard-container/user-list/user-list.component.d.ts +0 -88
- package/lib/create-dashboard.service.d.ts +0 -6
- package/lib/ui-kit/dashboard-footer/dashboard-footer/dashboard-footer.component.d.ts +0 -17
- package/lib/ui-kit/dashboard-footer/dashboard-footer-config.d.ts +0 -11
- package/lib/ui-kit/dashboard-footer/dashboard-footer.module.d.ts +0 -10
- package/lib/ui-kit/dialog/dialog-config.d.ts +0 -6
- package/lib/ui-kit/dialog/dialog-injector.d.ts +0 -7
- package/lib/ui-kit/dialog/dialog-ref.d.ts +0 -7
- package/lib/ui-kit/dialog/dialog.component.d.ts +0 -33
- package/lib/ui-kit/dialog/dialog.module.d.ts +0 -9
- package/lib/ui-kit/dialog/dialog.service.d.ts +0 -17
- package/lib/ui-kit/dialog/insertion.directive.d.ts +0 -8
- package/lib/ui-kit/floating-bar/floating-bar.component.d.ts +0 -20
- package/lib/ui-kit/floating-bar/floating-bar.module.d.ts +0 -10
- package/lib/ui-kit/formgroup/click-outside.directive.d.ts +0 -10
- package/lib/ui-kit/formgroup/cs-checkbox/cs-checkbox.component.d.ts +0 -13
- package/lib/ui-kit/formgroup/cs-radio/cs-radio.component.d.ts +0 -15
- package/lib/ui-kit/formgroup/cs-radio-group/cs-radio-group.component.d.ts +0 -8
- package/lib/ui-kit/formgroup/cs-select/cs-select.component.d.ts +0 -36
- package/lib/ui-kit/formgroup/cs-switch/cs-switch.component.d.ts +0 -15
- package/lib/ui-kit/formgroup/formgroup.module.d.ts +0 -17
- package/lib/ui-kit/formgroup/pipes/pascal.pipe.d.ts +0 -7
- package/lib/ui-kit/formgroup/pipes/searchMultiSelect.pipe.d.ts +0 -7
- package/lib/ui-kit/no-data/no-data.component.d.ts +0 -19
- package/lib/ui-kit/no-data/no-data.module.d.ts +0 -8
- package/lib/ui-kit/pagination/pagination.component.d.ts +0 -21
- package/lib/ui-kit/pagination/pagination.module.d.ts +0 -8
- package/lib/ui-kit/popover/popover.component.d.ts +0 -28
- package/lib/ui-kit/popover/popover.directive.d.ts +0 -17
- package/lib/ui-kit/popover/popover.module.d.ts +0 -9
- package/lib/ui-kit/popover/popover.service.d.ts +0 -13
- package/lib/ui-kit/select/cs-option/cs-option.component.d.ts +0 -16
- package/lib/ui-kit/select/cs-select/cs-select.component.d.ts +0 -32
- package/lib/ui-kit/select/safe-html.pipe.d.ts +0 -10
- package/lib/ui-kit/select/select.module.d.ts +0 -11
- package/lib/ui-kit/services/cs-select.service.d.ts +0 -7
- package/lib/ui-kit/smiley-dialog/smiley-dialog.component.d.ts +0 -17
- package/lib/ui-kit/smiley-dialog/smiley-dialog.module.d.ts +0 -8
- package/lib/ui-kit/snack-bar/snack-bar/snack-bar.component.d.ts +0 -17
- package/lib/ui-kit/snack-bar/snack-bar.module.d.ts +0 -8
- package/lib/ui-kit/snack-bar/snack-bar.service.d.ts +0 -9
- package/lib/ui-kit/tooltip/tooltip.directive.d.ts +0 -27
- package/lib/ui-kit/tooltip/tooltip.module.d.ts +0 -8
- package/lib/ui-kit/v-loader/loader/loader.component.d.ts +0 -11
- package/lib/ui-kit/v-loader/loader-inline/loader-inline.component.d.ts +0 -11
- package/lib/ui-kit/v-loader/v-loader.module.d.ts +0 -9
- package/public-api.d.ts +0 -3
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { NgModule } from '@angular/core';
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { FloatingBarComponent } from './floating-bar.component';
|
|
4
|
-
import { PopoverModule } from '../popover/popover.module';
|
|
5
|
-
import { TooltipModule } from '../tooltip/tooltip.module';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
export class FloatingBarModule {
|
|
8
|
-
}
|
|
9
|
-
FloatingBarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FloatingBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
10
|
-
FloatingBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: FloatingBarModule, declarations: [FloatingBarComponent], imports: [CommonModule,
|
|
11
|
-
PopoverModule,
|
|
12
|
-
TooltipModule], exports: [FloatingBarComponent] });
|
|
13
|
-
FloatingBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FloatingBarModule, imports: [CommonModule,
|
|
14
|
-
PopoverModule,
|
|
15
|
-
TooltipModule] });
|
|
16
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FloatingBarModule, decorators: [{
|
|
17
|
-
type: NgModule,
|
|
18
|
-
args: [{
|
|
19
|
-
declarations: [
|
|
20
|
-
FloatingBarComponent
|
|
21
|
-
],
|
|
22
|
-
imports: [
|
|
23
|
-
CommonModule,
|
|
24
|
-
PopoverModule,
|
|
25
|
-
TooltipModule
|
|
26
|
-
],
|
|
27
|
-
exports: [
|
|
28
|
-
FloatingBarComponent
|
|
29
|
-
]
|
|
30
|
-
}]
|
|
31
|
-
}] });
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxvYXRpbmctYmFyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NyZWF0ZS1kYXNoYm9hcmQvc3JjL2xpYi91aS1raXQvZmxvYXRpbmctYmFyL2Zsb2F0aW5nLWJhci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzFELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7QUFpQjFELE1BQU0sT0FBTyxpQkFBaUI7OzhHQUFqQixpQkFBaUI7K0dBQWpCLGlCQUFpQixpQkFYMUIsb0JBQW9CLGFBR3BCLFlBQVk7UUFDWixhQUFhO1FBQ2IsYUFBYSxhQUdiLG9CQUFvQjsrR0FHWCxpQkFBaUIsWUFSMUIsWUFBWTtRQUNaLGFBQWE7UUFDYixhQUFhOzJGQU1KLGlCQUFpQjtrQkFiN0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osb0JBQW9CO3FCQUNyQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixhQUFhO3dCQUNiLGFBQWE7cUJBQ2Q7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLG9CQUFvQjtxQkFDckI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBGbG9hdGluZ0JhckNvbXBvbmVudCB9IGZyb20gJy4vZmxvYXRpbmctYmFyLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFBvcG92ZXJNb2R1bGUgfSBmcm9tICcuLi9wb3BvdmVyL3BvcG92ZXIubW9kdWxlJztcclxuaW1wb3J0IHsgVG9vbHRpcE1vZHVsZSB9IGZyb20gJy4uL3Rvb2x0aXAvdG9vbHRpcC5tb2R1bGUnO1xyXG5cclxuXHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGRlY2xhcmF0aW9uczogW1xyXG4gICAgRmxvYXRpbmdCYXJDb21wb25lbnRcclxuICBdLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIFBvcG92ZXJNb2R1bGUsXHJcbiAgICBUb29sdGlwTW9kdWxlXHJcbiAgXSxcclxuICBleHBvcnRzOiBbXHJcbiAgICBGbG9hdGluZ0JhckNvbXBvbmVudFxyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIEZsb2F0aW5nQmFyTW9kdWxlIHsgfVxyXG4iXX0=
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { Directive, EventEmitter, HostListener, Output } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export class ClickOutsideDirective {
|
|
4
|
-
constructor(elementRef) {
|
|
5
|
-
this.elementRef = elementRef;
|
|
6
|
-
this.clickOutside = new EventEmitter();
|
|
7
|
-
}
|
|
8
|
-
onMouseEnter(targetElement) {
|
|
9
|
-
const clickedInside = this.elementRef.nativeElement.contains(targetElement);
|
|
10
|
-
if (!clickedInside) {
|
|
11
|
-
this.clickOutside.emit(null);
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
ClickOutsideDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ClickOutsideDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
16
|
-
ClickOutsideDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: ClickOutsideDirective, selector: "[clickOutside]", outputs: { clickOutside: "clickOutside" }, host: { listeners: { "document:click": "onMouseEnter($event.target)" } }, ngImport: i0 });
|
|
17
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ClickOutsideDirective, decorators: [{
|
|
18
|
-
type: Directive,
|
|
19
|
-
args: [{
|
|
20
|
-
selector: '[clickOutside]',
|
|
21
|
-
}]
|
|
22
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { clickOutside: [{
|
|
23
|
-
type: Output,
|
|
24
|
-
args: ['clickOutside']
|
|
25
|
-
}], onMouseEnter: [{
|
|
26
|
-
type: HostListener,
|
|
27
|
-
args: ['document:click', ['$event.target']]
|
|
28
|
-
}] } });
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2xpY2stb3V0c2lkZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jcmVhdGUtZGFzaGJvYXJkL3NyYy9saWIvdWkta2l0L2Zvcm1ncm91cC9jbGljay1vdXRzaWRlLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFjLFlBQVksRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUsxRixNQUFNLE9BQU8scUJBQXFCO0lBQ2hDLFlBQW9CLFVBQXNCO1FBQXRCLGVBQVUsR0FBVixVQUFVLENBQVk7UUFDbEIsaUJBQVksR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQURoQyxDQUFDO0lBR0ssWUFBWSxDQUFDLGFBQWtCO1FBQ2hGLE1BQU0sYUFBYSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUM1RSxJQUFJLENBQUMsYUFBYSxFQUFFO1lBQ2xCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1NBQzlCO0lBQ0gsQ0FBQzs7a0hBVFUscUJBQXFCO3NHQUFyQixxQkFBcUI7MkZBQXJCLHFCQUFxQjtrQkFIakMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsZ0JBQWdCO2lCQUMzQjtpR0FHeUIsWUFBWTtzQkFBbkMsTUFBTTt1QkFBQyxjQUFjO2dCQUU2QixZQUFZO3NCQUE5RCxZQUFZO3VCQUFDLGdCQUFnQixFQUFFLENBQUMsZUFBZSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBFdmVudEVtaXR0ZXIsIEhvc3RMaXN0ZW5lciwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5ARGlyZWN0aXZlKHtcclxuICBzZWxlY3RvcjogJ1tjbGlja091dHNpZGVdJyxcclxufSlcclxuZXhwb3J0IGNsYXNzIENsaWNrT3V0c2lkZURpcmVjdGl2ZSB7XHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmKSB7fVxyXG4gIEBPdXRwdXQoJ2NsaWNrT3V0c2lkZScpIGNsaWNrT3V0c2lkZTogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcblxyXG4gIEBIb3N0TGlzdGVuZXIoJ2RvY3VtZW50OmNsaWNrJywgWyckZXZlbnQudGFyZ2V0J10pIG9uTW91c2VFbnRlcih0YXJnZXRFbGVtZW50OiBhbnkpIHtcclxuICAgIGNvbnN0IGNsaWNrZWRJbnNpZGUgPSB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5jb250YWlucyh0YXJnZXRFbGVtZW50KTtcclxuICAgIGlmICghY2xpY2tlZEluc2lkZSkge1xyXG4gICAgICB0aGlzLmNsaWNrT3V0c2lkZS5lbWl0KG51bGwpO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iXX0=
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/forms";
|
|
4
|
-
export class CsCheckboxComponent {
|
|
5
|
-
constructor() {
|
|
6
|
-
this.ngValueChange = new EventEmitter();
|
|
7
|
-
}
|
|
8
|
-
ngOnInit() { }
|
|
9
|
-
valueChanged() {
|
|
10
|
-
this.ngValueChange.emit(this.ngValue);
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
CsCheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CsCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
14
|
-
CsCheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CsCheckboxComponent, selector: "app-cs-checkbox", inputs: { disabled: "disabled", ngValue: "ngValue", value: "value" }, outputs: { ngValueChange: "ngValueChange" }, ngImport: i0, template: "<label class=\"checkbox-item\" [class.disabled]=\"disabled\">\r\n <input type=\"checkbox\" [name]=\"value\" [disabled]=\"disabled\" [(ngModel)]=\"ngValue\" (ngModelChange)=\"valueChanged()\" />\r\n <span class=\"checkbox\">\r\n <span class=\"inner\"></span>\r\n </span>\r\n <svg class=\"checkmark\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\">\r\n <circle class=\"checkmark__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\r\n <path class=\"checkmark__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\r\n </svg>\r\n <span class=\"value\"><ng-content></ng-content></span>\r\n</label>\r\n", styles: ["label.checkbox-item{display:inline-flex;align-items:center;cursor:pointer;margin:0;padding:0;max-width:100%}label.checkbox-item span{display:inline-flex;align-items:center;justify-content:center}label.checkbox-item span.checkbox{height:16px;width:16px;border-radius:2px;border:1px solid #dbdbdb;position:relative;padding:2px;margin-top:0}label.checkbox-item span.value{color:#4e4e4e;font-size:14px;line-height:16px;font-weight:400;margin-left:10px;max-width:calc(100% - 26px)}label.checkbox-item span.value:empty{display:none}label.checkbox-item svg{display:none;margin-top:0}label.checkbox-item input[type=checkbox]{display:none}label.checkbox-item input[type=checkbox]:checked~svg{display:block}label.checkbox-item input[type=checkbox]:checked+.checkbox{display:none}label.checkbox-item input[type=checkbox]:disabled~*{opacity:.7}.disabled{opacity:.4!important}.checkmark{width:16px;height:16px;border-radius:2px;stroke-width:4;stroke:#fff;stroke-miterlimit:10;box-shadow:inset 0 0 #34aa44;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}.checkmark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#34aa44;fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fill{to{box-shadow:inset 0 0 0 30px #34aa44}}\n"], dependencies: [{ kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
|
|
15
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CsCheckboxComponent, decorators: [{
|
|
16
|
-
type: Component,
|
|
17
|
-
args: [{ selector: 'app-cs-checkbox', template: "<label class=\"checkbox-item\" [class.disabled]=\"disabled\">\r\n <input type=\"checkbox\" [name]=\"value\" [disabled]=\"disabled\" [(ngModel)]=\"ngValue\" (ngModelChange)=\"valueChanged()\" />\r\n <span class=\"checkbox\">\r\n <span class=\"inner\"></span>\r\n </span>\r\n <svg class=\"checkmark\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\">\r\n <circle class=\"checkmark__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\r\n <path class=\"checkmark__check\" fill=\"none\" d=\"M14.1 27.2l7.1 7.2 16.7-16.8\" />\r\n </svg>\r\n <span class=\"value\"><ng-content></ng-content></span>\r\n</label>\r\n", styles: ["label.checkbox-item{display:inline-flex;align-items:center;cursor:pointer;margin:0;padding:0;max-width:100%}label.checkbox-item span{display:inline-flex;align-items:center;justify-content:center}label.checkbox-item span.checkbox{height:16px;width:16px;border-radius:2px;border:1px solid #dbdbdb;position:relative;padding:2px;margin-top:0}label.checkbox-item span.value{color:#4e4e4e;font-size:14px;line-height:16px;font-weight:400;margin-left:10px;max-width:calc(100% - 26px)}label.checkbox-item span.value:empty{display:none}label.checkbox-item svg{display:none;margin-top:0}label.checkbox-item input[type=checkbox]{display:none}label.checkbox-item input[type=checkbox]:checked~svg{display:block}label.checkbox-item input[type=checkbox]:checked+.checkbox{display:none}label.checkbox-item input[type=checkbox]:disabled~*{opacity:.7}.disabled{opacity:.4!important}.checkmark{width:16px;height:16px;border-radius:2px;stroke-width:4;stroke:#fff;stroke-miterlimit:10;box-shadow:inset 0 0 #34aa44;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}.checkmark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#34aa44;fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fill{to{box-shadow:inset 0 0 0 30px #34aa44}}\n"] }]
|
|
18
|
-
}], ctorParameters: function () { return []; }, propDecorators: { disabled: [{
|
|
19
|
-
type: Input
|
|
20
|
-
}], ngValue: [{
|
|
21
|
-
type: Input
|
|
22
|
-
}], value: [{
|
|
23
|
-
type: Input
|
|
24
|
-
}], ngValueChange: [{
|
|
25
|
-
type: Output
|
|
26
|
-
}] } });
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3MtY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY3JlYXRlLWRhc2hib2FyZC9zcmMvbGliL3VpLWtpdC9mb3JtZ3JvdXAvY3MtY2hlY2tib3gvY3MtY2hlY2tib3guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY3JlYXRlLWRhc2hib2FyZC9zcmMvbGliL3VpLWtpdC9mb3JtZ3JvdXAvY3MtY2hlY2tib3gvY3MtY2hlY2tib3guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFxQixNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQU8xRixNQUFNLE9BQU8sbUJBQW1CO0lBSzlCO1FBRFUsa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO0lBQ25DLENBQUM7SUFFaEIsUUFBUSxLQUFVLENBQUM7SUFDbkIsWUFBWTtRQUNWLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUN4QyxDQUFDOztnSEFWVSxtQkFBbUI7b0dBQW5CLG1CQUFtQiwwS0NQaEMsNG5CQVdBOzJGREphLG1CQUFtQjtrQkFML0IsU0FBUzsrQkFDRSxpQkFBaUI7MEVBS2xCLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDSSxhQUFhO3NCQUF0QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkNoYW5nZXMsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1jcy1jaGVja2JveCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NzLWNoZWNrYm94LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9jcy1jaGVja2JveC5jb21wb25lbnQubGVzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ3NDaGVja2JveENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgZGlzYWJsZWQhOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIG5nVmFsdWU6IGFueTtcclxuICBASW5wdXQoKSB2YWx1ZTogYW55O1xyXG4gIEBPdXRwdXQoKSBuZ1ZhbHVlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcbiAgY29uc3RydWN0b3IoKSB7fVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XHJcbiAgdmFsdWVDaGFuZ2VkKCkge1xyXG4gICAgdGhpcy5uZ1ZhbHVlQ2hhbmdlLmVtaXQodGhpcy5uZ1ZhbHVlKTtcclxuICB9XHJcbn1cclxuIiwiPGxhYmVsIGNsYXNzPVwiY2hlY2tib3gtaXRlbVwiIFtjbGFzcy5kaXNhYmxlZF09XCJkaXNhYmxlZFwiPlxyXG4gIDxpbnB1dCB0eXBlPVwiY2hlY2tib3hcIiBbbmFtZV09XCJ2YWx1ZVwiIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIFsobmdNb2RlbCldPVwibmdWYWx1ZVwiIChuZ01vZGVsQ2hhbmdlKT1cInZhbHVlQ2hhbmdlZCgpXCIgLz5cclxuICA8c3BhbiBjbGFzcz1cImNoZWNrYm94XCI+XHJcbiAgICA8c3BhbiBjbGFzcz1cImlubmVyXCI+PC9zcGFuPlxyXG4gIDwvc3Bhbj5cclxuICA8c3ZnIGNsYXNzPVwiY2hlY2ttYXJrXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHZpZXdCb3g9XCIwIDAgNTIgNTJcIj5cclxuICAgIDxjaXJjbGUgY2xhc3M9XCJjaGVja21hcmtfX2NpcmNsZVwiIGN4PVwiMjZcIiBjeT1cIjI2XCIgcj1cIjI1XCIgZmlsbD1cIm5vbmVcIiAvPlxyXG4gICAgPHBhdGggY2xhc3M9XCJjaGVja21hcmtfX2NoZWNrXCIgZmlsbD1cIm5vbmVcIiBkPVwiTTE0LjEgMjcuMmw3LjEgNy4yIDE2LjctMTYuOFwiIC8+XHJcbiAgPC9zdmc+XHJcbiAgPHNwYW4gY2xhc3M9XCJ2YWx1ZVwiPjxuZy1jb250ZW50PjwvbmctY29udGVudD48L3NwYW4+XHJcbjwvbGFiZWw+XHJcbiJdfQ==
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export class CsRadioComponent {
|
|
4
|
-
constructor() {
|
|
5
|
-
this.checkedEvent = new EventEmitter();
|
|
6
|
-
}
|
|
7
|
-
ngOnInit() { }
|
|
8
|
-
changeState(evt) {
|
|
9
|
-
this.checkedEvent.emit(evt);
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
CsRadioComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CsRadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
-
CsRadioComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CsRadioComponent, selector: "app-cs-radio", inputs: { disabled: "disabled", readonly: "readonly", name: "name", checked: "checked", value: "value" }, outputs: { checkedEvent: "checkedEvent" }, ngImport: i0, template: "<label class=\"radio-item\" [class.readonly]=\"readonly\">\r\n <input type=\"radio\" [disabled]=\"disabled\" [name]=\"name\" [value]=\"value\" [checked]=\"checked\" (change)=\"changeState($event)\" />\r\n <span class=\"radio\">\r\n <span class=\"inner\"></span>\r\n </span>\r\n <svg class=\"radiomark\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\">\r\n <circle class=\"radiomark__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\r\n <circle class=\"radiomark__check\" cx=\"26\" cy=\"26\" r=\"5\" fill=\"none\" />\r\n </svg>\r\n <span class=\"value\"><ng-content></ng-content></span>\r\n</label>\r\n", styles: ["label{max-width:600px}label.radio-item{display:inline-flex;align-items:center;cursor:pointer;margin:0;padding:0;max-width:100%}label.radio-item.readonly{pointer-events:none}label.radio-item span{display:inline-flex;align-items:center}label.radio-item span.radio{background:#fff;height:16px;width:16px;border-radius:50%;border:1px solid #dbdbdb;position:relative;padding:5px;margin-top:0}label.radio-item span.radio .inner{height:10px;width:10px;border-radius:50%;background:#ffffff;display:none}label.radio-item span.value{color:#4e4e4e;font-size:14px;line-height:16px;font-weight:400;margin-left:10px;max-width:calc(100% - 26px)}label.radio-item span.value:empty{display:none}label.radio-item svg{display:none;margin-top:0}label.radio-item input[type=radio]{display:none}label.radio-item input[type=radio]:checked+span.radio{display:none}label.radio-item input[type=radio]:checked~svg{display:block}label.radio-item input[type=radio]:disabled~*{opacity:.7}.radiomark{width:16px;height:16px;border-radius:50%;stroke-width:4;stroke:#fff;stroke-miterlimit:10;box-shadow:inset 0 0 #34aa44;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}.radiomark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#34aa44;fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.radiomark__check{stroke-dasharray:100;stroke-dashoffset:100;stroke-width:10;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fill{to{box-shadow:inset 0 0 0 30px #34aa44}}\n"] });
|
|
14
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CsRadioComponent, decorators: [{
|
|
15
|
-
type: Component,
|
|
16
|
-
args: [{ selector: 'app-cs-radio', template: "<label class=\"radio-item\" [class.readonly]=\"readonly\">\r\n <input type=\"radio\" [disabled]=\"disabled\" [name]=\"name\" [value]=\"value\" [checked]=\"checked\" (change)=\"changeState($event)\" />\r\n <span class=\"radio\">\r\n <span class=\"inner\"></span>\r\n </span>\r\n <svg class=\"radiomark\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 52 52\">\r\n <circle class=\"radiomark__circle\" cx=\"26\" cy=\"26\" r=\"25\" fill=\"none\" />\r\n <circle class=\"radiomark__check\" cx=\"26\" cy=\"26\" r=\"5\" fill=\"none\" />\r\n </svg>\r\n <span class=\"value\"><ng-content></ng-content></span>\r\n</label>\r\n", styles: ["label{max-width:600px}label.radio-item{display:inline-flex;align-items:center;cursor:pointer;margin:0;padding:0;max-width:100%}label.radio-item.readonly{pointer-events:none}label.radio-item span{display:inline-flex;align-items:center}label.radio-item span.radio{background:#fff;height:16px;width:16px;border-radius:50%;border:1px solid #dbdbdb;position:relative;padding:5px;margin-top:0}label.radio-item span.radio .inner{height:10px;width:10px;border-radius:50%;background:#ffffff;display:none}label.radio-item span.value{color:#4e4e4e;font-size:14px;line-height:16px;font-weight:400;margin-left:10px;max-width:calc(100% - 26px)}label.radio-item span.value:empty{display:none}label.radio-item svg{display:none;margin-top:0}label.radio-item input[type=radio]{display:none}label.radio-item input[type=radio]:checked+span.radio{display:none}label.radio-item input[type=radio]:checked~svg{display:block}label.radio-item input[type=radio]:disabled~*{opacity:.7}.radiomark{width:16px;height:16px;border-radius:50%;stroke-width:4;stroke:#fff;stroke-miterlimit:10;box-shadow:inset 0 0 #34aa44;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}.radiomark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#34aa44;fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.radiomark__check{stroke-dasharray:100;stroke-dashoffset:100;stroke-width:10;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fill{to{box-shadow:inset 0 0 0 30px #34aa44}}\n"] }]
|
|
17
|
-
}], ctorParameters: function () { return []; }, propDecorators: { disabled: [{
|
|
18
|
-
type: Input
|
|
19
|
-
}], readonly: [{
|
|
20
|
-
type: Input
|
|
21
|
-
}], name: [{
|
|
22
|
-
type: Input
|
|
23
|
-
}], checked: [{
|
|
24
|
-
type: Input
|
|
25
|
-
}], value: [{
|
|
26
|
-
type: Input
|
|
27
|
-
}], checkedEvent: [{
|
|
28
|
-
type: Output
|
|
29
|
-
}] } });
|
|
30
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3MtcmFkaW8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY3JlYXRlLWRhc2hib2FyZC9zcmMvbGliL3VpLWtpdC9mb3JtZ3JvdXAvY3MtcmFkaW8vY3MtcmFkaW8uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY3JlYXRlLWRhc2hib2FyZC9zcmMvbGliL3VpLWtpdC9mb3JtZ3JvdXAvY3MtcmFkaW8vY3MtcmFkaW8uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFPL0UsTUFBTSxPQUFPLGdCQUFnQjtJQU8zQjtRQURVLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUM3QixDQUFDO0lBRWhCLFFBQVEsS0FBVSxDQUFDO0lBQ25CLFdBQVcsQ0FBQyxHQUFRO1FBQ2xCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQzlCLENBQUM7OzZHQVpVLGdCQUFnQjtpR0FBaEIsZ0JBQWdCLHlNQ1A3QiwybkJBV0E7MkZESmEsZ0JBQWdCO2tCQUw1QixTQUFTOytCQUNFLGNBQWM7MEVBS2YsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNJLFlBQVk7c0JBQXJCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1jcy1yYWRpbycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NzLXJhZGlvLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9jcy1yYWRpby5jb21wb25lbnQubGVzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ3NSYWRpb0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgZGlzYWJsZWQhOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIHJlYWRvbmx5ITogYm9vbGVhbjtcclxuICBASW5wdXQoKSBuYW1lITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGNoZWNrZWQhOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIHZhbHVlOiBhbnk7XHJcbiAgQE91dHB1dCgpIGNoZWNrZWRFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBjb25zdHJ1Y3RvcigpIHt9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge31cclxuICBjaGFuZ2VTdGF0ZShldnQ6IGFueSkge1xyXG4gICAgdGhpcy5jaGVja2VkRXZlbnQuZW1pdChldnQpO1xyXG4gIH1cclxufVxyXG4iLCI8bGFiZWwgY2xhc3M9XCJyYWRpby1pdGVtXCIgW2NsYXNzLnJlYWRvbmx5XT1cInJlYWRvbmx5XCI+XHJcbiAgPGlucHV0IHR5cGU9XCJyYWRpb1wiIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIFtuYW1lXT1cIm5hbWVcIiBbdmFsdWVdPVwidmFsdWVcIiBbY2hlY2tlZF09XCJjaGVja2VkXCIgKGNoYW5nZSk9XCJjaGFuZ2VTdGF0ZSgkZXZlbnQpXCIgLz5cclxuICA8c3BhbiBjbGFzcz1cInJhZGlvXCI+XHJcbiAgICA8c3BhbiBjbGFzcz1cImlubmVyXCI+PC9zcGFuPlxyXG4gIDwvc3Bhbj5cclxuICA8c3ZnIGNsYXNzPVwicmFkaW9tYXJrXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHZpZXdCb3g9XCIwIDAgNTIgNTJcIj5cclxuICAgIDxjaXJjbGUgY2xhc3M9XCJyYWRpb21hcmtfX2NpcmNsZVwiIGN4PVwiMjZcIiBjeT1cIjI2XCIgcj1cIjI1XCIgZmlsbD1cIm5vbmVcIiAvPlxyXG4gICAgPGNpcmNsZSBjbGFzcz1cInJhZGlvbWFya19fY2hlY2tcIiBjeD1cIjI2XCIgY3k9XCIyNlwiIHI9XCI1XCIgZmlsbD1cIm5vbmVcIiAvPlxyXG4gIDwvc3ZnPlxyXG4gIDxzcGFuIGNsYXNzPVwidmFsdWVcIj48bmctY29udGVudD48L25nLWNvbnRlbnQ+PC9zcGFuPlxyXG48L2xhYmVsPlxyXG4iXX0=
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { Component } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "../cs-radio/cs-radio.component";
|
|
4
|
-
export class CsRadioGroupComponent {
|
|
5
|
-
constructor() { }
|
|
6
|
-
ngOnInit() { }
|
|
7
|
-
}
|
|
8
|
-
CsRadioGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CsRadioGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
-
CsRadioGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CsRadioGroupComponent, selector: "app-cs-radio-group", ngImport: i0, template: "<app-cs-radio>fefre</app-cs-radio>\r\n<app-cs-radio>fefre</app-cs-radio>\r\n<app-cs-radio>fefre</app-cs-radio>\r\n<app-cs-radio>fefre</app-cs-radio>\r\n", styles: [""], dependencies: [{ kind: "component", type: i1.CsRadioComponent, selector: "app-cs-radio", inputs: ["disabled", "readonly", "name", "checked", "value"], outputs: ["checkedEvent"] }] });
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CsRadioGroupComponent, decorators: [{
|
|
11
|
-
type: Component,
|
|
12
|
-
args: [{ selector: 'app-cs-radio-group', template: "<app-cs-radio>fefre</app-cs-radio>\r\n<app-cs-radio>fefre</app-cs-radio>\r\n<app-cs-radio>fefre</app-cs-radio>\r\n<app-cs-radio>fefre</app-cs-radio>\r\n" }]
|
|
13
|
-
}], ctorParameters: function () { return []; } });
|
|
14
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3MtcmFkaW8tZ3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY3JlYXRlLWRhc2hib2FyZC9zcmMvbGliL3VpLWtpdC9mb3JtZ3JvdXAvY3MtcmFkaW8tZ3JvdXAvY3MtcmFkaW8tZ3JvdXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY3JlYXRlLWRhc2hib2FyZC9zcmMvbGliL3VpLWtpdC9mb3JtZ3JvdXAvY3MtcmFkaW8tZ3JvdXAvY3MtcmFkaW8tZ3JvdXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQzs7O0FBT2xELE1BQU0sT0FBTyxxQkFBcUI7SUFDaEMsZ0JBQWUsQ0FBQztJQUVoQixRQUFRLEtBQVUsQ0FBQzs7a0hBSFIscUJBQXFCO3NHQUFyQixxQkFBcUIsMERDUGxDLDBKQUlBOzJGREdhLHFCQUFxQjtrQkFMakMsU0FBUzsrQkFDRSxvQkFBb0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtY3MtcmFkaW8tZ3JvdXAnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jcy1yYWRpby1ncm91cC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY3MtcmFkaW8tZ3JvdXAuY29tcG9uZW50Lmxlc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIENzUmFkaW9Hcm91cENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgY29uc3RydWN0b3IoKSB7fVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XHJcbn1cclxuIiwiPGFwcC1jcy1yYWRpbz5mZWZyZTwvYXBwLWNzLXJhZGlvPlxyXG48YXBwLWNzLXJhZGlvPmZlZnJlPC9hcHAtY3MtcmFkaW8+XHJcbjxhcHAtY3MtcmFkaW8+ZmVmcmU8L2FwcC1jcy1yYWRpbz5cclxuPGFwcC1jcy1yYWRpbz5mZWZyZTwvYXBwLWNzLXJhZGlvPlxyXG4iXX0=
|
|
@@ -1,100 +0,0 @@
|
|
|
1
|
-
import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/common";
|
|
4
|
-
import * as i2 from "../click-outside.directive";
|
|
5
|
-
import * as i3 from "../pipes/pascal.pipe";
|
|
6
|
-
export class CsSelectComponent {
|
|
7
|
-
constructor() {
|
|
8
|
-
this.selectedData = new EventEmitter();
|
|
9
|
-
this.selectedValueChange = new EventEmitter();
|
|
10
|
-
this.dropdownOption = false;
|
|
11
|
-
this.activeDoropdown = false;
|
|
12
|
-
}
|
|
13
|
-
set content(content) {
|
|
14
|
-
if (content) {
|
|
15
|
-
// initially setter gets called with undefined
|
|
16
|
-
this.optionList = content;
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
ngOnChanges(changes) {
|
|
20
|
-
if (changes.selectedValue) {
|
|
21
|
-
this.selectedValue = this.selectedValue || '--';
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
openDropdown(event) {
|
|
25
|
-
this.dropdownOption = true;
|
|
26
|
-
setTimeout(() => {
|
|
27
|
-
const dropdown = event.target.getBoundingClientRect();
|
|
28
|
-
const selectOption = this.optionList.nativeElement.offsetHeight;
|
|
29
|
-
if (dropdown.top + selectOption * 2 > window.innerHeight) {
|
|
30
|
-
this.getTop = dropdown.top - selectOption;
|
|
31
|
-
}
|
|
32
|
-
else {
|
|
33
|
-
this.getTop = dropdown.top + dropdown.height;
|
|
34
|
-
}
|
|
35
|
-
this.getLeft = dropdown.left;
|
|
36
|
-
this.getWidth = dropdown.width;
|
|
37
|
-
this.maxWidth = dropdown.width * 1.25;
|
|
38
|
-
}, 10);
|
|
39
|
-
setTimeout(() => {
|
|
40
|
-
this.activeDoropdown = true;
|
|
41
|
-
}, 100);
|
|
42
|
-
}
|
|
43
|
-
selectOption(selectedData) {
|
|
44
|
-
if (typeof selectedData === 'object') {
|
|
45
|
-
this.selectedValue = selectedData[this.displayProperty];
|
|
46
|
-
this.colorSelected = selectedData[this.colorProperty];
|
|
47
|
-
}
|
|
48
|
-
else {
|
|
49
|
-
this.selectedValue = selectedData;
|
|
50
|
-
}
|
|
51
|
-
this.selectedData.emit(selectedData);
|
|
52
|
-
this.dropdownOption = false;
|
|
53
|
-
}
|
|
54
|
-
closeDropdown() {
|
|
55
|
-
this.dropdownOption = false;
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
CsSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CsSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
59
|
-
CsSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CsSelectComponent, selector: "app-cs-select", inputs: { dataList: "dataList", dropdownLabel: "dropdownLabel", displayProperty: "displayProperty", selectedValue: "selectedValue", isRequired: "isRequired", dropdownSubLabel: "dropdownSubLabel", disabled: "disabled", placeholder: "placeholder", stylex: "stylex", valueKey: "valueKey", multipleSelect: "multipleSelect", colorProperty: "colorProperty", colorSelected: "colorSelected" }, outputs: { selectedData: "selectedData", selectedValueChange: "selectedValueChange" }, viewQueries: [{ propertyName: "option", first: true, predicate: ["option"], descendants: true }, { propertyName: "content", first: true, predicate: ["optionList"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"input-group\" (clickOutside)=\"dropdownOption = false\">\r\n <label *ngIf=\"dropdownLabel != undefined\">\r\n {{ dropdownLabel }} <span class=\"sub-label\">{{ dropdownSubLabel }}</span> <span class=\"required\" *ngIf=\"isRequired\">*</span></label\r\n >\r\n <div class=\"custom-select-box\" [class.disabled]=\"disabled\">\r\n <input\r\n type=\"text\"\r\n [class.line]=\"stylex\"\r\n [placeholder]=\"placeholder\"\r\n [value]=\"selectedValue | pascal\"\r\n readonly\r\n (click)=\"openDropdown($event)\"\r\n (keyup.enter)=\"openDropdown($event)\"\r\n (keyup.arrowup)=\"openDropdown($event)\"\r\n (keyup.arrowdown)=\"openDropdown($event)\"\r\n *ngIf=\"!colorProperty\"\r\n />\r\n <span class=\"show-label\" *ngIf=\"colorProperty\" (click)=\"openDropdown($event)\">\r\n <span class=\"label\" [innerHTML]=\"selectedValue\" [style.backgroundColor]=\"colorSelected + '1A'\" [style.color]=\"colorSelected\"></span>\r\n </span>\r\n <span class=\"arrow\" [class.line]=\"stylex\">\r\n <i class=\"risk-icons\"></i>\r\n </span>\r\n <div class=\"overlay active\" *ngIf=\"dropdownOption === true\" (click)=\"closeDropdown()\"></div>\r\n <ul\r\n class=\"list-of-option\"\r\n *ngIf=\"dropdownOption === true && !colorProperty\"\r\n #optionList\r\n (keyup.Escape)=\"closeDropdown()\"\r\n [style.top.px]=\"getTop\"\r\n [style.left.px]=\"getLeft\"\r\n [style.min-width.px]=\"getWidth\"\r\n [style.max-width.px]=\"maxWidth\"\r\n [class.active]=\"activeDoropdown\"\r\n >\r\n <li *ngFor=\"let data of dataList\">\r\n <label>\r\n <input type=\"radio\" [value]=\"data[valueKey]\" name=\"sliceLabel\" (change)=\"selectOption(data)\" #option (keyup.enter)=\"closeDropdown()\" class=\"pointer-none\" />\r\n <span (click)=\"closeDropdown(); selectOption(data)\" *ngIf=\"displayProperty && displayProperty !== ''\" class=\"value\">{{ data[displayProperty] }}</span>\r\n <span (click)=\"closeDropdown(); selectOption(data)\" *ngIf=\"!displayProperty || displayProperty === ''\" class=\"value\">{{ data }}</span>\r\n </label>\r\n </li>\r\n </ul>\r\n <ul\r\n class=\"list-of-option\"\r\n *ngIf=\"dropdownOption === true && colorProperty\"\r\n #optionList\r\n (keyup.Escape)=\"closeDropdown()\"\r\n [style.top.px]=\"getTop\"\r\n [style.left.px]=\"getLeft\"\r\n [style.min-width.px]=\"getWidth\"\r\n [style.max-width.px]=\"maxWidth\"\r\n [class.active]=\"activeDoropdown\"\r\n >\r\n <li *ngFor=\"let data of dataList\">\r\n <label class=\"colors\">\r\n <input type=\"radio\" [value]=\"data[valueKey]\" name=\"sliceLabel\" (click)=\"selectOption(data)\" #option (keyup.enter)=\"closeDropdown()\" class=\"pointer-none\" />\r\n <span\r\n (click)=\"selectOption(data)\"\r\n *ngIf=\"displayProperty && displayProperty !== ''\"\r\n class=\"value\"\r\n [ngStyle]=\"{ color: data.segment_color }\"\r\n [style.backgroundColor]=\"data.segment_color + '1A'\"\r\n >{{ data[displayProperty] }}</span\r\n >\r\n <span\r\n (click)=\"selectOption(data)\"\r\n *ngIf=\"!displayProperty || displayProperty === ''\"\r\n class=\"value\"\r\n [ngStyle]=\"{ color: data.segment_color }\"\r\n [style.backgroundColor]=\"data.segment_color + '1A'\"\r\n >{{ data }}</span\r\n >\r\n </label>\r\n </li>\r\n </ul>\r\n </div>\r\n</div>\r\n", styles: [".input-group{position:relative;margin-bottom:0}.input-group label{font-size:11px;color:#161b2f;font-weight:500;line-height:16px;margin-bottom:5px;text-transform:uppercase;display:block}.input-group label span.required{color:#eb2424;font-size:14px}.input-group label span.sub-label{color:#747576;font-size:11px;font-weight:400;margin-left:3px}.input-group input[type=text],.input-group .show-label{height:36px;line-height:16px;font-size:13px;color:#747576;font-weight:400;background:#ffffff;border:1px solid #dbdbdb;border-radius:4px;width:100%;padding:10px 13px;display:block;outline:none;overflow:hidden;text-overflow:ellipsis}.input-group input[type=text].line,.input-group .show-label.line{border:none;border-bottom:1px solid #dbdbdb;border-radius:0;padding-left:0}.input-group .show-label{display:flex;padding:6px;padding-right:25px!important;cursor:pointer}.input-group .show-label .label{white-space:nowrap;padding:2px 5px;height:100%;overflow:hidden;text-overflow:ellipsis;display:block;width:100%;text-transform:uppercase;font-size:11px;font-weight:600;line-height:15px;pointer-events:none}.input-group:focus-within input[type=text]{border-color:#1e5dd3;box-shadow:0 3px 6px #1e5dd333}.input-group:focus-within input[type=text].line{box-shadow:none}.input-group .custom-select-box{position:relative}.input-group .custom-select-box input[type=text],.input-group .custom-select-box .input{cursor:pointer;padding-right:30px}.input-group .custom-select-box input[type=text].line,.input-group .custom-select-box .input.line{padding-right:20px}.input-group .custom-select-box.disabled{filter:grayscale(1);pointer-events:none}.input-group .arrow{position:absolute;right:17px;color:#747576;bottom:8px;font-size:10px;pointer-events:none}.input-group .arrow.line{right:5px}ul.list-of-option{position:fixed;overflow:auto;max-height:200px;padding:0;margin:0;display:block;border:1px solid #dbdbdb;box-shadow:0 3px 6px #1e5dd333;z-index:2147483002;background:#ffffff;border-radius:2px;opacity:0}ul.list-of-option.reset{top:inherit;bottom:100%;box-shadow:0 -3px 6px #1e5dd333}ul.list-of-option.active{opacity:1}ul.list-of-option li{width:100%;display:block;margin-bottom:0;padding:0;height:auto}ul.list-of-option li label{line-height:23px;font-size:13px;font-weight:400;border-radius:4px;display:flex;position:relative;margin:0;align-items:center}ul.list-of-option li label input[type=radio]{position:absolute;margin:0;height:100%;width:100%;opacity:0;left:0;cursor:pointer}ul.list-of-option li label input[type=radio]:checked+span,ul.list-of-option li label input[type=radio]:hover+span{background:#dcdcdc}ul.list-of-option li label span.value{color:#747576;font-size:14px;line-height:21px;font-weight:400;max-width:100%;white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis;padding:5px 15px;width:100%;text-transform:none;cursor:pointer;text-align:left}ul.list-of-option li label.multiselect{padding:0 15px}ul.list-of-option li label.multiselect span.checkbox{display:inline-block;border:1px solid #dbdbdb;border-radius:2px;height:16px;width:16px;position:relative;padding:2px}ul.list-of-option li label input[type=checkbox]{position:absolute;margin:0;height:100%;width:100%;opacity:0;cursor:pointer}ul.list-of-option li label input[type=checkbox]:checked+span{background:#dcdcdc}ul.list-of-option li label input[type=checkbox]:checked+span.checkbox{border-color:#34aa44;background:#34aa44}ul.list-of-option li label input[type=checkbox]:checked+span.checkbox:after{width:8px;height:3px;border-bottom:2px solid #ffffff;border-left:2px solid #ffffff;transform:rotate(-45deg);content:\"\";position:absolute;top:3px;left:2px}ul.list-of-option li label.colors{padding:3px 5px}ul.list-of-option li label.colors span.value{padding:3px 6px;line-height:16px;font-size:11px;font-weight:600}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.ClickOutsideDirective, selector: "[clickOutside]", outputs: ["clickOutside"] }, { kind: "pipe", type: i3.PascalPipe, name: "pascal" }] });
|
|
60
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CsSelectComponent, decorators: [{
|
|
61
|
-
type: Component,
|
|
62
|
-
args: [{ selector: 'app-cs-select', template: "<div class=\"input-group\" (clickOutside)=\"dropdownOption = false\">\r\n <label *ngIf=\"dropdownLabel != undefined\">\r\n {{ dropdownLabel }} <span class=\"sub-label\">{{ dropdownSubLabel }}</span> <span class=\"required\" *ngIf=\"isRequired\">*</span></label\r\n >\r\n <div class=\"custom-select-box\" [class.disabled]=\"disabled\">\r\n <input\r\n type=\"text\"\r\n [class.line]=\"stylex\"\r\n [placeholder]=\"placeholder\"\r\n [value]=\"selectedValue | pascal\"\r\n readonly\r\n (click)=\"openDropdown($event)\"\r\n (keyup.enter)=\"openDropdown($event)\"\r\n (keyup.arrowup)=\"openDropdown($event)\"\r\n (keyup.arrowdown)=\"openDropdown($event)\"\r\n *ngIf=\"!colorProperty\"\r\n />\r\n <span class=\"show-label\" *ngIf=\"colorProperty\" (click)=\"openDropdown($event)\">\r\n <span class=\"label\" [innerHTML]=\"selectedValue\" [style.backgroundColor]=\"colorSelected + '1A'\" [style.color]=\"colorSelected\"></span>\r\n </span>\r\n <span class=\"arrow\" [class.line]=\"stylex\">\r\n <i class=\"risk-icons\"></i>\r\n </span>\r\n <div class=\"overlay active\" *ngIf=\"dropdownOption === true\" (click)=\"closeDropdown()\"></div>\r\n <ul\r\n class=\"list-of-option\"\r\n *ngIf=\"dropdownOption === true && !colorProperty\"\r\n #optionList\r\n (keyup.Escape)=\"closeDropdown()\"\r\n [style.top.px]=\"getTop\"\r\n [style.left.px]=\"getLeft\"\r\n [style.min-width.px]=\"getWidth\"\r\n [style.max-width.px]=\"maxWidth\"\r\n [class.active]=\"activeDoropdown\"\r\n >\r\n <li *ngFor=\"let data of dataList\">\r\n <label>\r\n <input type=\"radio\" [value]=\"data[valueKey]\" name=\"sliceLabel\" (change)=\"selectOption(data)\" #option (keyup.enter)=\"closeDropdown()\" class=\"pointer-none\" />\r\n <span (click)=\"closeDropdown(); selectOption(data)\" *ngIf=\"displayProperty && displayProperty !== ''\" class=\"value\">{{ data[displayProperty] }}</span>\r\n <span (click)=\"closeDropdown(); selectOption(data)\" *ngIf=\"!displayProperty || displayProperty === ''\" class=\"value\">{{ data }}</span>\r\n </label>\r\n </li>\r\n </ul>\r\n <ul\r\n class=\"list-of-option\"\r\n *ngIf=\"dropdownOption === true && colorProperty\"\r\n #optionList\r\n (keyup.Escape)=\"closeDropdown()\"\r\n [style.top.px]=\"getTop\"\r\n [style.left.px]=\"getLeft\"\r\n [style.min-width.px]=\"getWidth\"\r\n [style.max-width.px]=\"maxWidth\"\r\n [class.active]=\"activeDoropdown\"\r\n >\r\n <li *ngFor=\"let data of dataList\">\r\n <label class=\"colors\">\r\n <input type=\"radio\" [value]=\"data[valueKey]\" name=\"sliceLabel\" (click)=\"selectOption(data)\" #option (keyup.enter)=\"closeDropdown()\" class=\"pointer-none\" />\r\n <span\r\n (click)=\"selectOption(data)\"\r\n *ngIf=\"displayProperty && displayProperty !== ''\"\r\n class=\"value\"\r\n [ngStyle]=\"{ color: data.segment_color }\"\r\n [style.backgroundColor]=\"data.segment_color + '1A'\"\r\n >{{ data[displayProperty] }}</span\r\n >\r\n <span\r\n (click)=\"selectOption(data)\"\r\n *ngIf=\"!displayProperty || displayProperty === ''\"\r\n class=\"value\"\r\n [ngStyle]=\"{ color: data.segment_color }\"\r\n [style.backgroundColor]=\"data.segment_color + '1A'\"\r\n >{{ data }}</span\r\n >\r\n </label>\r\n </li>\r\n </ul>\r\n </div>\r\n</div>\r\n", styles: [".input-group{position:relative;margin-bottom:0}.input-group label{font-size:11px;color:#161b2f;font-weight:500;line-height:16px;margin-bottom:5px;text-transform:uppercase;display:block}.input-group label span.required{color:#eb2424;font-size:14px}.input-group label span.sub-label{color:#747576;font-size:11px;font-weight:400;margin-left:3px}.input-group input[type=text],.input-group .show-label{height:36px;line-height:16px;font-size:13px;color:#747576;font-weight:400;background:#ffffff;border:1px solid #dbdbdb;border-radius:4px;width:100%;padding:10px 13px;display:block;outline:none;overflow:hidden;text-overflow:ellipsis}.input-group input[type=text].line,.input-group .show-label.line{border:none;border-bottom:1px solid #dbdbdb;border-radius:0;padding-left:0}.input-group .show-label{display:flex;padding:6px;padding-right:25px!important;cursor:pointer}.input-group .show-label .label{white-space:nowrap;padding:2px 5px;height:100%;overflow:hidden;text-overflow:ellipsis;display:block;width:100%;text-transform:uppercase;font-size:11px;font-weight:600;line-height:15px;pointer-events:none}.input-group:focus-within input[type=text]{border-color:#1e5dd3;box-shadow:0 3px 6px #1e5dd333}.input-group:focus-within input[type=text].line{box-shadow:none}.input-group .custom-select-box{position:relative}.input-group .custom-select-box input[type=text],.input-group .custom-select-box .input{cursor:pointer;padding-right:30px}.input-group .custom-select-box input[type=text].line,.input-group .custom-select-box .input.line{padding-right:20px}.input-group .custom-select-box.disabled{filter:grayscale(1);pointer-events:none}.input-group .arrow{position:absolute;right:17px;color:#747576;bottom:8px;font-size:10px;pointer-events:none}.input-group .arrow.line{right:5px}ul.list-of-option{position:fixed;overflow:auto;max-height:200px;padding:0;margin:0;display:block;border:1px solid #dbdbdb;box-shadow:0 3px 6px #1e5dd333;z-index:2147483002;background:#ffffff;border-radius:2px;opacity:0}ul.list-of-option.reset{top:inherit;bottom:100%;box-shadow:0 -3px 6px #1e5dd333}ul.list-of-option.active{opacity:1}ul.list-of-option li{width:100%;display:block;margin-bottom:0;padding:0;height:auto}ul.list-of-option li label{line-height:23px;font-size:13px;font-weight:400;border-radius:4px;display:flex;position:relative;margin:0;align-items:center}ul.list-of-option li label input[type=radio]{position:absolute;margin:0;height:100%;width:100%;opacity:0;left:0;cursor:pointer}ul.list-of-option li label input[type=radio]:checked+span,ul.list-of-option li label input[type=radio]:hover+span{background:#dcdcdc}ul.list-of-option li label span.value{color:#747576;font-size:14px;line-height:21px;font-weight:400;max-width:100%;white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis;padding:5px 15px;width:100%;text-transform:none;cursor:pointer;text-align:left}ul.list-of-option li label.multiselect{padding:0 15px}ul.list-of-option li label.multiselect span.checkbox{display:inline-block;border:1px solid #dbdbdb;border-radius:2px;height:16px;width:16px;position:relative;padding:2px}ul.list-of-option li label input[type=checkbox]{position:absolute;margin:0;height:100%;width:100%;opacity:0;cursor:pointer}ul.list-of-option li label input[type=checkbox]:checked+span{background:#dcdcdc}ul.list-of-option li label input[type=checkbox]:checked+span.checkbox{border-color:#34aa44;background:#34aa44}ul.list-of-option li label input[type=checkbox]:checked+span.checkbox:after{width:8px;height:3px;border-bottom:2px solid #ffffff;border-left:2px solid #ffffff;transform:rotate(-45deg);content:\"\";position:absolute;top:3px;left:2px}ul.list-of-option li label.colors{padding:3px 5px}ul.list-of-option li label.colors span.value{padding:3px 6px;line-height:16px;font-size:11px;font-weight:600}\n"] }]
|
|
63
|
-
}], propDecorators: { dataList: [{
|
|
64
|
-
type: Input
|
|
65
|
-
}], dropdownLabel: [{
|
|
66
|
-
type: Input
|
|
67
|
-
}], displayProperty: [{
|
|
68
|
-
type: Input
|
|
69
|
-
}], selectedValue: [{
|
|
70
|
-
type: Input
|
|
71
|
-
}], isRequired: [{
|
|
72
|
-
type: Input
|
|
73
|
-
}], dropdownSubLabel: [{
|
|
74
|
-
type: Input
|
|
75
|
-
}], disabled: [{
|
|
76
|
-
type: Input
|
|
77
|
-
}], option: [{
|
|
78
|
-
type: ViewChild,
|
|
79
|
-
args: ['option']
|
|
80
|
-
}], selectedData: [{
|
|
81
|
-
type: Output
|
|
82
|
-
}], selectedValueChange: [{
|
|
83
|
-
type: Output
|
|
84
|
-
}], placeholder: [{
|
|
85
|
-
type: Input
|
|
86
|
-
}], stylex: [{
|
|
87
|
-
type: Input
|
|
88
|
-
}], valueKey: [{
|
|
89
|
-
type: Input
|
|
90
|
-
}], multipleSelect: [{
|
|
91
|
-
type: Input
|
|
92
|
-
}], colorProperty: [{
|
|
93
|
-
type: Input
|
|
94
|
-
}], colorSelected: [{
|
|
95
|
-
type: Input
|
|
96
|
-
}], content: [{
|
|
97
|
-
type: ViewChild,
|
|
98
|
-
args: ['optionList']
|
|
99
|
-
}] } });
|
|
100
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3Mtc2VsZWN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NyZWF0ZS1kYXNoYm9hcmQvc3JjL2xpYi91aS1raXQvZm9ybWdyb3VwL2NzLXNlbGVjdC9jcy1zZWxlY3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY3JlYXRlLWRhc2hib2FyZC9zcmMvbGliL3VpLWtpdC9mb3JtZ3JvdXAvY3Mtc2VsZWN0L2NzLXNlbGVjdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFjLFlBQVksRUFBRSxLQUFLLEVBQWEsTUFBTSxFQUFpQixTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBT3hILE1BQU0sT0FBTyxpQkFBaUI7SUFMOUI7UUFlWSxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFDbEMsd0JBQW1CLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQVVuRCxtQkFBYyxHQUFHLEtBQUssQ0FBQztRQU12QixvQkFBZSxHQUFHLEtBQUssQ0FBQztLQWdEekI7SUE1Q0MsSUFBNkIsT0FBTyxDQUFDLE9BQW1CO1FBQ3RELElBQUksT0FBTyxFQUFFO1lBQ1gsOENBQThDO1lBQzlDLElBQUksQ0FBQyxVQUFVLEdBQUcsT0FBTyxDQUFDO1NBQzNCO0lBQ0gsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxhQUFhLEVBQUU7WUFDekIsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsYUFBYSxJQUFJLElBQUksQ0FBQztTQUNqRDtJQUNILENBQUM7SUFFRCxZQUFZLENBQUMsS0FBVTtRQUNyQixJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQztRQUMzQixVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2QsTUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1lBQ3RELE1BQU0sWUFBWSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQztZQUNoRSxJQUFJLFFBQVEsQ0FBQyxHQUFHLEdBQUcsWUFBWSxHQUFHLENBQUMsR0FBRyxNQUFNLENBQUMsV0FBVyxFQUFFO2dCQUN4RCxJQUFJLENBQUMsTUFBTSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEdBQUcsWUFBWSxDQUFDO2FBQzNDO2lCQUFNO2dCQUNMLElBQUksQ0FBQyxNQUFNLEdBQUcsUUFBUSxDQUFDLEdBQUcsR0FBRyxRQUFRLENBQUMsTUFBTSxDQUFDO2FBQzlDO1lBQ0QsSUFBSSxDQUFDLE9BQU8sR0FBRyxRQUFRLENBQUMsSUFBSSxDQUFDO1lBQzdCLElBQUksQ0FBQyxRQUFRLEdBQUcsUUFBUSxDQUFDLEtBQUssQ0FBQztZQUMvQixJQUFJLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDO1FBQ3hDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUNQLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDZCxJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQztRQUM5QixDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUM7SUFDVixDQUFDO0lBQ0QsWUFBWSxDQUFDLFlBQWlCO1FBQzVCLElBQUksT0FBTyxZQUFZLEtBQUssUUFBUSxFQUFFO1lBQ3BDLElBQUksQ0FBQyxhQUFhLEdBQUcsWUFBWSxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQztZQUN4RCxJQUFJLENBQUMsYUFBYSxHQUFHLFlBQVksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7U0FDdkQ7YUFBTTtZQUNMLElBQUksQ0FBQyxhQUFhLEdBQUcsWUFBWSxDQUFDO1NBQ25DO1FBQ0QsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7UUFDckMsSUFBSSxDQUFDLGNBQWMsR0FBRyxLQUFLLENBQUM7SUFDOUIsQ0FBQztJQUNELGFBQWE7UUFDWCxJQUFJLENBQUMsY0FBYyxHQUFHLEtBQUssQ0FBQztJQUM5QixDQUFDOzs4R0ExRVUsaUJBQWlCO2tHQUFqQixpQkFBaUIsNnRCQ1A5QiwwakhBOEVBOzJGRHZFYSxpQkFBaUI7a0JBTDdCLFNBQVM7K0JBQ0UsZUFBZTs4QkFLaEIsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNlLE1BQU07c0JBQTFCLFNBQVM7dUJBQUMsUUFBUTtnQkFFVCxZQUFZO3NCQUFyQixNQUFNO2dCQUNHLG1CQUFtQjtzQkFBNUIsTUFBTTtnQkFDRSxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFFRyxhQUFhO3NCQUFyQixLQUFLO2dCQWF1QixPQUFPO3NCQUFuQyxTQUFTO3VCQUFDLFlBQVkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uQ2hhbmdlcywgT3V0cHV0LCBTaW1wbGVDaGFuZ2VzLCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLWNzLXNlbGVjdCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NzLXNlbGVjdC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY3Mtc2VsZWN0LmNvbXBvbmVudC5sZXNzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDc1NlbGVjdENvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XHJcbiAgQElucHV0KCkgZGF0YUxpc3QhOiBhbnlbXTtcclxuICBASW5wdXQoKSBkcm9wZG93bkxhYmVsITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGRpc3BsYXlQcm9wZXJ0eSE6IHN0cmluZztcclxuICBASW5wdXQoKSBzZWxlY3RlZFZhbHVlITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGlzUmVxdWlyZWQhOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIGRyb3Bkb3duU3ViTGFiZWwhOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgZGlzYWJsZWQhOiBib29sZWFuO1xyXG4gIEBWaWV3Q2hpbGQoJ29wdGlvbicpIG9wdGlvbiE6IEVsZW1lbnRSZWY7XHJcblxyXG4gIEBPdXRwdXQoKSBzZWxlY3RlZERhdGEgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQE91dHB1dCgpIHNlbGVjdGVkVmFsdWVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQElucHV0KCkgcGxhY2Vob2xkZXI6IGFueTtcclxuICBASW5wdXQoKSBzdHlsZXg6IGFueTtcclxuICBASW5wdXQoKSB2YWx1ZUtleTogYW55O1xyXG4gIEBJbnB1dCgpIG11bHRpcGxlU2VsZWN0OiBhbnk7XHJcbiAgQElucHV0KCkgY29sb3JQcm9wZXJ0eSE6IHN0cmluZztcclxuXHJcbiAgQElucHV0KCkgY29sb3JTZWxlY3RlZCE6IHN0cmluZztcclxuICBjb2xvckNvZGUhOiBzdHJpbmc7XHJcblxyXG4gIGRyb3Bkb3duT3B0aW9uID0gZmFsc2U7XHJcbiAgcG9zaXRpb25SZXNldCE6IGJvb2xlYW47XHJcbiAgZ2V0TGVmdCE6IG51bWJlcjtcclxuICBnZXRUb3AhOiBudW1iZXI7XHJcbiAgZ2V0V2lkdGghOiBudW1iZXI7XHJcbiAgbWF4V2lkdGghOiBudW1iZXI7XHJcbiAgYWN0aXZlRG9yb3Bkb3duID0gZmFsc2U7XHJcblxyXG4gIHByaXZhdGUgb3B0aW9uTGlzdCE6IEVsZW1lbnRSZWY7XHJcblxyXG4gIEBWaWV3Q2hpbGQoJ29wdGlvbkxpc3QnKSBzZXQgY29udGVudChjb250ZW50OiBFbGVtZW50UmVmKSB7XHJcbiAgICBpZiAoY29udGVudCkge1xyXG4gICAgICAvLyBpbml0aWFsbHkgc2V0dGVyIGdldHMgY2FsbGVkIHdpdGggdW5kZWZpbmVkXHJcbiAgICAgIHRoaXMub3B0aW9uTGlzdCA9IGNvbnRlbnQ7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKSB7XHJcbiAgICBpZiAoY2hhbmdlcy5zZWxlY3RlZFZhbHVlKSB7XHJcbiAgICAgIHRoaXMuc2VsZWN0ZWRWYWx1ZSA9IHRoaXMuc2VsZWN0ZWRWYWx1ZSB8fCAnLS0nO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgb3BlbkRyb3Bkb3duKGV2ZW50OiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMuZHJvcGRvd25PcHRpb24gPSB0cnVlO1xyXG4gICAgc2V0VGltZW91dCgoKSA9PiB7XHJcbiAgICAgIGNvbnN0IGRyb3Bkb3duID0gZXZlbnQudGFyZ2V0LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xyXG4gICAgICBjb25zdCBzZWxlY3RPcHRpb24gPSB0aGlzLm9wdGlvbkxpc3QubmF0aXZlRWxlbWVudC5vZmZzZXRIZWlnaHQ7XHJcbiAgICAgIGlmIChkcm9wZG93bi50b3AgKyBzZWxlY3RPcHRpb24gKiAyID4gd2luZG93LmlubmVySGVpZ2h0KSB7XHJcbiAgICAgICAgdGhpcy5nZXRUb3AgPSBkcm9wZG93bi50b3AgLSBzZWxlY3RPcHRpb247XHJcbiAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgdGhpcy5nZXRUb3AgPSBkcm9wZG93bi50b3AgKyBkcm9wZG93bi5oZWlnaHQ7XHJcbiAgICAgIH1cclxuICAgICAgdGhpcy5nZXRMZWZ0ID0gZHJvcGRvd24ubGVmdDtcclxuICAgICAgdGhpcy5nZXRXaWR0aCA9IGRyb3Bkb3duLndpZHRoO1xyXG4gICAgICB0aGlzLm1heFdpZHRoID0gZHJvcGRvd24ud2lkdGggKiAxLjI1O1xyXG4gICAgfSwgMTApO1xyXG4gICAgc2V0VGltZW91dCgoKSA9PiB7XHJcbiAgICAgIHRoaXMuYWN0aXZlRG9yb3Bkb3duID0gdHJ1ZTtcclxuICAgIH0sIDEwMCk7XHJcbiAgfVxyXG4gIHNlbGVjdE9wdGlvbihzZWxlY3RlZERhdGE6IGFueSkge1xyXG4gICAgaWYgKHR5cGVvZiBzZWxlY3RlZERhdGEgPT09ICdvYmplY3QnKSB7XHJcbiAgICAgIHRoaXMuc2VsZWN0ZWRWYWx1ZSA9IHNlbGVjdGVkRGF0YVt0aGlzLmRpc3BsYXlQcm9wZXJ0eV07XHJcbiAgICAgIHRoaXMuY29sb3JTZWxlY3RlZCA9IHNlbGVjdGVkRGF0YVt0aGlzLmNvbG9yUHJvcGVydHldO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdGhpcy5zZWxlY3RlZFZhbHVlID0gc2VsZWN0ZWREYXRhO1xyXG4gICAgfVxyXG4gICAgdGhpcy5zZWxlY3RlZERhdGEuZW1pdChzZWxlY3RlZERhdGEpO1xyXG4gICAgdGhpcy5kcm9wZG93bk9wdGlvbiA9IGZhbHNlO1xyXG4gIH1cclxuICBjbG9zZURyb3Bkb3duKCkge1xyXG4gICAgdGhpcy5kcm9wZG93bk9wdGlvbiA9IGZhbHNlO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiaW5wdXQtZ3JvdXBcIiAoY2xpY2tPdXRzaWRlKT1cImRyb3Bkb3duT3B0aW9uID0gZmFsc2VcIj5cclxuICA8bGFiZWwgKm5nSWY9XCJkcm9wZG93bkxhYmVsICE9IHVuZGVmaW5lZFwiPlxyXG4gICAge3sgZHJvcGRvd25MYWJlbCB9fSA8c3BhbiBjbGFzcz1cInN1Yi1sYWJlbFwiPnt7IGRyb3Bkb3duU3ViTGFiZWwgfX08L3NwYW4+IDxzcGFuIGNsYXNzPVwicmVxdWlyZWRcIiAqbmdJZj1cImlzUmVxdWlyZWRcIj4qPC9zcGFuPjwvbGFiZWxcclxuICA+XHJcbiAgPGRpdiBjbGFzcz1cImN1c3RvbS1zZWxlY3QtYm94XCIgW2NsYXNzLmRpc2FibGVkXT1cImRpc2FibGVkXCI+XHJcbiAgICA8aW5wdXRcclxuICAgICAgdHlwZT1cInRleHRcIlxyXG4gICAgICBbY2xhc3MubGluZV09XCJzdHlsZXhcIlxyXG4gICAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxyXG4gICAgICBbdmFsdWVdPVwic2VsZWN0ZWRWYWx1ZSB8IHBhc2NhbFwiXHJcbiAgICAgIHJlYWRvbmx5XHJcbiAgICAgIChjbGljayk9XCJvcGVuRHJvcGRvd24oJGV2ZW50KVwiXHJcbiAgICAgIChrZXl1cC5lbnRlcik9XCJvcGVuRHJvcGRvd24oJGV2ZW50KVwiXHJcbiAgICAgIChrZXl1cC5hcnJvd3VwKT1cIm9wZW5Ecm9wZG93bigkZXZlbnQpXCJcclxuICAgICAgKGtleXVwLmFycm93ZG93bik9XCJvcGVuRHJvcGRvd24oJGV2ZW50KVwiXHJcbiAgICAgICpuZ0lmPVwiIWNvbG9yUHJvcGVydHlcIlxyXG4gICAgLz5cclxuICAgIDxzcGFuIGNsYXNzPVwic2hvdy1sYWJlbFwiICpuZ0lmPVwiY29sb3JQcm9wZXJ0eVwiIChjbGljayk9XCJvcGVuRHJvcGRvd24oJGV2ZW50KVwiPlxyXG4gICAgICA8c3BhbiBjbGFzcz1cImxhYmVsXCIgW2lubmVySFRNTF09XCJzZWxlY3RlZFZhbHVlXCIgW3N0eWxlLmJhY2tncm91bmRDb2xvcl09XCJjb2xvclNlbGVjdGVkICsgJzFBJ1wiIFtzdHlsZS5jb2xvcl09XCJjb2xvclNlbGVjdGVkXCI+PC9zcGFuPlxyXG4gICAgPC9zcGFuPlxyXG4gICAgPHNwYW4gY2xhc3M9XCJhcnJvd1wiIFtjbGFzcy5saW5lXT1cInN0eWxleFwiPlxyXG4gICAgICA8aSBjbGFzcz1cInJpc2staWNvbnNcIj4mI3hlOTE5OzwvaT5cclxuICAgIDwvc3Bhbj5cclxuICAgIDxkaXYgY2xhc3M9XCJvdmVybGF5IGFjdGl2ZVwiICpuZ0lmPVwiZHJvcGRvd25PcHRpb24gPT09IHRydWVcIiAoY2xpY2spPVwiY2xvc2VEcm9wZG93bigpXCI+PC9kaXY+XHJcbiAgICA8dWxcclxuICAgICAgY2xhc3M9XCJsaXN0LW9mLW9wdGlvblwiXHJcbiAgICAgICpuZ0lmPVwiZHJvcGRvd25PcHRpb24gPT09IHRydWUgJiYgIWNvbG9yUHJvcGVydHlcIlxyXG4gICAgICAjb3B0aW9uTGlzdFxyXG4gICAgICAoa2V5dXAuRXNjYXBlKT1cImNsb3NlRHJvcGRvd24oKVwiXHJcbiAgICAgIFtzdHlsZS50b3AucHhdPVwiZ2V0VG9wXCJcclxuICAgICAgW3N0eWxlLmxlZnQucHhdPVwiZ2V0TGVmdFwiXHJcbiAgICAgIFtzdHlsZS5taW4td2lkdGgucHhdPVwiZ2V0V2lkdGhcIlxyXG4gICAgICBbc3R5bGUubWF4LXdpZHRoLnB4XT1cIm1heFdpZHRoXCJcclxuICAgICAgW2NsYXNzLmFjdGl2ZV09XCJhY3RpdmVEb3JvcGRvd25cIlxyXG4gICAgPlxyXG4gICAgICA8bGkgKm5nRm9yPVwibGV0IGRhdGEgb2YgZGF0YUxpc3RcIj5cclxuICAgICAgICA8bGFiZWw+XHJcbiAgICAgICAgICA8aW5wdXQgdHlwZT1cInJhZGlvXCIgW3ZhbHVlXT1cImRhdGFbdmFsdWVLZXldXCIgbmFtZT1cInNsaWNlTGFiZWxcIiAoY2hhbmdlKT1cInNlbGVjdE9wdGlvbihkYXRhKVwiICNvcHRpb24gKGtleXVwLmVudGVyKT1cImNsb3NlRHJvcGRvd24oKVwiIGNsYXNzPVwicG9pbnRlci1ub25lXCIgLz5cclxuICAgICAgICAgIDxzcGFuIChjbGljayk9XCJjbG9zZURyb3Bkb3duKCk7IHNlbGVjdE9wdGlvbihkYXRhKVwiICpuZ0lmPVwiZGlzcGxheVByb3BlcnR5ICYmIGRpc3BsYXlQcm9wZXJ0eSAhPT0gJydcIiBjbGFzcz1cInZhbHVlXCI+e3sgZGF0YVtkaXNwbGF5UHJvcGVydHldIH19PC9zcGFuPlxyXG4gICAgICAgICAgPHNwYW4gKGNsaWNrKT1cImNsb3NlRHJvcGRvd24oKTsgc2VsZWN0T3B0aW9uKGRhdGEpXCIgKm5nSWY9XCIhZGlzcGxheVByb3BlcnR5IHx8IGRpc3BsYXlQcm9wZXJ0eSA9PT0gJydcIiBjbGFzcz1cInZhbHVlXCI+e3sgZGF0YSB9fTwvc3Bhbj5cclxuICAgICAgICA8L2xhYmVsPlxyXG4gICAgICA8L2xpPlxyXG4gICAgPC91bD5cclxuICAgIDx1bFxyXG4gICAgICBjbGFzcz1cImxpc3Qtb2Ytb3B0aW9uXCJcclxuICAgICAgKm5nSWY9XCJkcm9wZG93bk9wdGlvbiA9PT0gdHJ1ZSAmJiBjb2xvclByb3BlcnR5XCJcclxuICAgICAgI29wdGlvbkxpc3RcclxuICAgICAgKGtleXVwLkVzY2FwZSk9XCJjbG9zZURyb3Bkb3duKClcIlxyXG4gICAgICBbc3R5bGUudG9wLnB4XT1cImdldFRvcFwiXHJcbiAgICAgIFtzdHlsZS5sZWZ0LnB4XT1cImdldExlZnRcIlxyXG4gICAgICBbc3R5bGUubWluLXdpZHRoLnB4XT1cImdldFdpZHRoXCJcclxuICAgICAgW3N0eWxlLm1heC13aWR0aC5weF09XCJtYXhXaWR0aFwiXHJcbiAgICAgIFtjbGFzcy5hY3RpdmVdPVwiYWN0aXZlRG9yb3Bkb3duXCJcclxuICAgID5cclxuICAgICAgPGxpICpuZ0Zvcj1cImxldCBkYXRhIG9mIGRhdGFMaXN0XCI+XHJcbiAgICAgICAgPGxhYmVsIGNsYXNzPVwiY29sb3JzXCI+XHJcbiAgICAgICAgICA8aW5wdXQgdHlwZT1cInJhZGlvXCIgW3ZhbHVlXT1cImRhdGFbdmFsdWVLZXldXCIgbmFtZT1cInNsaWNlTGFiZWxcIiAoY2xpY2spPVwic2VsZWN0T3B0aW9uKGRhdGEpXCIgI29wdGlvbiAoa2V5dXAuZW50ZXIpPVwiY2xvc2VEcm9wZG93bigpXCIgY2xhc3M9XCJwb2ludGVyLW5vbmVcIiAvPlxyXG4gICAgICAgICAgPHNwYW5cclxuICAgICAgICAgICAgKGNsaWNrKT1cInNlbGVjdE9wdGlvbihkYXRhKVwiXHJcbiAgICAgICAgICAgICpuZ0lmPVwiZGlzcGxheVByb3BlcnR5ICYmIGRpc3BsYXlQcm9wZXJ0eSAhPT0gJydcIlxyXG4gICAgICAgICAgICBjbGFzcz1cInZhbHVlXCJcclxuICAgICAgICAgICAgW25nU3R5bGVdPVwieyBjb2xvcjogZGF0YS5zZWdtZW50X2NvbG9yIH1cIlxyXG4gICAgICAgICAgICBbc3R5bGUuYmFja2dyb3VuZENvbG9yXT1cImRhdGEuc2VnbWVudF9jb2xvciArICcxQSdcIlxyXG4gICAgICAgICAgICA+e3sgZGF0YVtkaXNwbGF5UHJvcGVydHldIH19PC9zcGFuXHJcbiAgICAgICAgICA+XHJcbiAgICAgICAgICA8c3BhblxyXG4gICAgICAgICAgICAoY2xpY2spPVwic2VsZWN0T3B0aW9uKGRhdGEpXCJcclxuICAgICAgICAgICAgKm5nSWY9XCIhZGlzcGxheVByb3BlcnR5IHx8IGRpc3BsYXlQcm9wZXJ0eSA9PT0gJydcIlxyXG4gICAgICAgICAgICBjbGFzcz1cInZhbHVlXCJcclxuICAgICAgICAgICAgW25nU3R5bGVdPVwieyBjb2xvcjogZGF0YS5zZWdtZW50X2NvbG9yIH1cIlxyXG4gICAgICAgICAgICBbc3R5bGUuYmFja2dyb3VuZENvbG9yXT1cImRhdGEuc2VnbWVudF9jb2xvciArICcxQSdcIlxyXG4gICAgICAgICAgICA+e3sgZGF0YSB9fTwvc3BhblxyXG4gICAgICAgICAgPlxyXG4gICAgICAgIDwvbGFiZWw+XHJcbiAgICAgIDwvbGk+XHJcbiAgICA8L3VsPlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/common";
|
|
4
|
-
import * as i2 from "@angular/forms";
|
|
5
|
-
import * as i3 from "../../tooltip/tooltip.directive";
|
|
6
|
-
export class CsSwitchComponent {
|
|
7
|
-
constructor() {
|
|
8
|
-
this.ngValueChange = new EventEmitter();
|
|
9
|
-
}
|
|
10
|
-
ngOnInit() {
|
|
11
|
-
// console.log(this.value);
|
|
12
|
-
}
|
|
13
|
-
valueChanged() {
|
|
14
|
-
this.ngValueChange.emit(this.ngValue);
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
CsSwitchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CsSwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
18
|
-
CsSwitchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CsSwitchComponent, selector: "app-cs-switch", inputs: { disabled: "disabled", ngValue: "ngValue", value: "value", tooltipMessage: "tooltipMessage", position: "position" }, outputs: { ngValueChange: "ngValueChange" }, ngImport: i0, template: "<label class=\"cs-switch\" [class.top]=\"position == 'top'\">\r\n <!-- [class.large]=\"large\" -->\r\n <span class=\"value\">\r\n <span [innerHTML]=\"value\" *ngIf=\"value != undefined\"></span>\r\n <!-- <span class=\"notification\" *ngIf=\"!tooltipMessage\" [arTooltip]=\"tooltipMessage\" placement=\"bottom-right\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">\r\n <i class=\"vc-icons\"></i>\r\n </span> -->\r\n </span>\r\n <!-- [class.last]=\"last\" -->\r\n <span class=\"switch\" *ngIf=\"tooltipMessage === '' || tooltipMessage === undefined\">\r\n <input type=\"checkbox\" [(ngModel)]=\"ngValue\" (ngModelChange)=\"valueChanged()\" [disabled]=\"disabled\" />\r\n <span class=\"switch-box\">\r\n <span class=\"switch-ball\"></span>\r\n </span>\r\n </span>\r\n <span\r\n class=\"switch\"\r\n *ngIf=\"tooltipMessage !== '' && tooltipMessage !== undefined\"\r\n [arTooltip]=\"tooltipMessage\"\r\n placement=\"bottom-right\"\r\n delay=\"0\"\r\n type=\"black\"\r\n [tooltipMandatory]=\"true\"\r\n >\r\n <input type=\"checkbox\" [(ngModel)]=\"ngValue\" (ngModelChange)=\"valueChanged()\" [disabled]=\"disabled\" />\r\n <span class=\"switch-box\">\r\n <span class=\"switch-ball\"></span>\r\n </span>\r\n </span>\r\n</label>\r\n", styles: ["label.cs-switch{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;margin:0;padding:0}label.cs-switch.top{align-items:flex-start}label.cs-switch span.value{font-size:12px;color:#161b2f;font-weight:400;display:flex;justify-content:space-between;width:calc(100% - 35px);align-items:flex-start}label.cs-switch span.switch{position:relative;display:block;width:25px;height:14px}label.cs-switch span.switch input{position:absolute;opacity:0;margin:0;width:100%;height:100%;z-index:1;cursor:pointer}label.cs-switch span.switch input:checked+span.switch-box{background:#34aa44;border:1px solid #34aa44}label.cs-switch span.switch input:checked+span.switch-box .switch-ball{left:13px}label.cs-switch span.switch input:disabled{pointer-events:none}label.cs-switch span.switch input:disabled+.switch-box{opacity:.5}label.cs-switch span.switch-box{height:100%;width:100%;border-radius:11px;background:#bcbcbc;border:1px solid #bcbcbc;display:block;transition:all .2s ease-in-out}label.cs-switch span.switch-ball{height:10px;width:10px;background:#ffffff;border-radius:50%;border:1px solid #ffffff;display:block;position:absolute;left:2px;top:2px;bottom:1px;transition:all .2s ease-in-out}label.cs-switch span.notification{display:inline-flex;font-size:12px;cursor:pointer;color:#4681ef;align-items:center;line-height:20px;margin:0 10px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.ToolTipDirective, selector: "[arTooltip]", inputs: ["arTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }] });
|
|
19
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CsSwitchComponent, decorators: [{
|
|
20
|
-
type: Component,
|
|
21
|
-
args: [{ selector: 'app-cs-switch', template: "<label class=\"cs-switch\" [class.top]=\"position == 'top'\">\r\n <!-- [class.large]=\"large\" -->\r\n <span class=\"value\">\r\n <span [innerHTML]=\"value\" *ngIf=\"value != undefined\"></span>\r\n <!-- <span class=\"notification\" *ngIf=\"!tooltipMessage\" [arTooltip]=\"tooltipMessage\" placement=\"bottom-right\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"true\">\r\n <i class=\"vc-icons\"></i>\r\n </span> -->\r\n </span>\r\n <!-- [class.last]=\"last\" -->\r\n <span class=\"switch\" *ngIf=\"tooltipMessage === '' || tooltipMessage === undefined\">\r\n <input type=\"checkbox\" [(ngModel)]=\"ngValue\" (ngModelChange)=\"valueChanged()\" [disabled]=\"disabled\" />\r\n <span class=\"switch-box\">\r\n <span class=\"switch-ball\"></span>\r\n </span>\r\n </span>\r\n <span\r\n class=\"switch\"\r\n *ngIf=\"tooltipMessage !== '' && tooltipMessage !== undefined\"\r\n [arTooltip]=\"tooltipMessage\"\r\n placement=\"bottom-right\"\r\n delay=\"0\"\r\n type=\"black\"\r\n [tooltipMandatory]=\"true\"\r\n >\r\n <input type=\"checkbox\" [(ngModel)]=\"ngValue\" (ngModelChange)=\"valueChanged()\" [disabled]=\"disabled\" />\r\n <span class=\"switch-box\">\r\n <span class=\"switch-ball\"></span>\r\n </span>\r\n </span>\r\n</label>\r\n", styles: ["label.cs-switch{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;margin:0;padding:0}label.cs-switch.top{align-items:flex-start}label.cs-switch span.value{font-size:12px;color:#161b2f;font-weight:400;display:flex;justify-content:space-between;width:calc(100% - 35px);align-items:flex-start}label.cs-switch span.switch{position:relative;display:block;width:25px;height:14px}label.cs-switch span.switch input{position:absolute;opacity:0;margin:0;width:100%;height:100%;z-index:1;cursor:pointer}label.cs-switch span.switch input:checked+span.switch-box{background:#34aa44;border:1px solid #34aa44}label.cs-switch span.switch input:checked+span.switch-box .switch-ball{left:13px}label.cs-switch span.switch input:disabled{pointer-events:none}label.cs-switch span.switch input:disabled+.switch-box{opacity:.5}label.cs-switch span.switch-box{height:100%;width:100%;border-radius:11px;background:#bcbcbc;border:1px solid #bcbcbc;display:block;transition:all .2s ease-in-out}label.cs-switch span.switch-ball{height:10px;width:10px;background:#ffffff;border-radius:50%;border:1px solid #ffffff;display:block;position:absolute;left:2px;top:2px;bottom:1px;transition:all .2s ease-in-out}label.cs-switch span.notification{display:inline-flex;font-size:12px;cursor:pointer;color:#4681ef;align-items:center;line-height:20px;margin:0 10px}\n"] }]
|
|
22
|
-
}], ctorParameters: function () { return []; }, propDecorators: { disabled: [{
|
|
23
|
-
type: Input
|
|
24
|
-
}], ngValue: [{
|
|
25
|
-
type: Input
|
|
26
|
-
}], value: [{
|
|
27
|
-
type: Input
|
|
28
|
-
}], ngValueChange: [{
|
|
29
|
-
type: Output
|
|
30
|
-
}], tooltipMessage: [{
|
|
31
|
-
type: Input
|
|
32
|
-
}], position: [{
|
|
33
|
-
type: Input
|
|
34
|
-
}] } });
|
|
35
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3Mtc3dpdGNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NyZWF0ZS1kYXNoYm9hcmQvc3JjL2xpYi91aS1raXQvZm9ybWdyb3VwL2NzLXN3aXRjaC9jcy1zd2l0Y2guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY3JlYXRlLWRhc2hib2FyZC9zcmMvbGliL3VpLWtpdC9mb3JtZ3JvdXAvY3Mtc3dpdGNoL2NzLXN3aXRjaC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7OztBQU8vRSxNQUFNLE9BQU8saUJBQWlCO0lBTzVCO1FBSFUsa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO0lBR25DLENBQUM7SUFFaEIsUUFBUTtRQUNOLDJCQUEyQjtJQUM3QixDQUFDO0lBQ0QsWUFBWTtRQUNWLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUN4QyxDQUFDOzs4R0FkVSxpQkFBaUI7a0dBQWpCLGlCQUFpQixnT0NQOUIsd3lDQThCQTsyRkR2QmEsaUJBQWlCO2tCQUw3QixTQUFTOytCQUNFLGVBQWU7MEVBS2hCLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDSSxhQUFhO3NCQUF0QixNQUFNO2dCQUNFLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLWNzLXN3aXRjaCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NzLXN3aXRjaC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY3Mtc3dpdGNoLmNvbXBvbmVudC5sZXNzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDc1N3aXRjaENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgZGlzYWJsZWQhOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIG5nVmFsdWU6IGFueTtcclxuICBASW5wdXQoKSB2YWx1ZTogYW55O1xyXG4gIEBPdXRwdXQoKSBuZ1ZhbHVlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcbiAgQElucHV0KCkgdG9vbHRpcE1lc3NhZ2U6IGFueTtcclxuICBASW5wdXQoKSBwb3NpdGlvbjogYW55O1xyXG4gIGNvbnN0cnVjdG9yKCkge31cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICAvLyBjb25zb2xlLmxvZyh0aGlzLnZhbHVlKTtcclxuICB9XHJcbiAgdmFsdWVDaGFuZ2VkKCkge1xyXG4gICAgdGhpcy5uZ1ZhbHVlQ2hhbmdlLmVtaXQodGhpcy5uZ1ZhbHVlKTtcclxuICB9XHJcbn1cclxuIiwiPGxhYmVsIGNsYXNzPVwiY3Mtc3dpdGNoXCIgW2NsYXNzLnRvcF09XCJwb3NpdGlvbiA9PSAndG9wJ1wiPlxyXG4gIDwhLS0gW2NsYXNzLmxhcmdlXT1cImxhcmdlXCIgLS0+XHJcbiAgPHNwYW4gY2xhc3M9XCJ2YWx1ZVwiPlxyXG4gICAgPHNwYW4gW2lubmVySFRNTF09XCJ2YWx1ZVwiICpuZ0lmPVwidmFsdWUgIT0gdW5kZWZpbmVkXCI+PC9zcGFuPlxyXG4gICAgPCEtLSA8c3BhbiBjbGFzcz1cIm5vdGlmaWNhdGlvblwiICpuZ0lmPVwiIXRvb2x0aXBNZXNzYWdlXCIgW2FyVG9vbHRpcF09XCJ0b29sdGlwTWVzc2FnZVwiIHBsYWNlbWVudD1cImJvdHRvbS1yaWdodFwiIGRlbGF5PVwiMFwiIHR5cGU9XCJibGFja1wiIFt0b29sdGlwTWFuZGF0b3J5XT1cInRydWVcIj5cclxuICAgICAgICA8aSBjbGFzcz1cInZjLWljb25zXCI+JiN4ZTlmMzs8L2k+XHJcbiAgICAgIDwvc3Bhbj4gLS0+XHJcbiAgPC9zcGFuPlxyXG4gIDwhLS0gW2NsYXNzLmxhc3RdPVwibGFzdFwiIC0tPlxyXG4gIDxzcGFuIGNsYXNzPVwic3dpdGNoXCIgKm5nSWY9XCJ0b29sdGlwTWVzc2FnZSA9PT0gJycgfHwgdG9vbHRpcE1lc3NhZ2UgPT09IHVuZGVmaW5lZFwiPlxyXG4gICAgPGlucHV0IHR5cGU9XCJjaGVja2JveFwiIFsobmdNb2RlbCldPVwibmdWYWx1ZVwiIChuZ01vZGVsQ2hhbmdlKT1cInZhbHVlQ2hhbmdlZCgpXCIgW2Rpc2FibGVkXT1cImRpc2FibGVkXCIgLz5cclxuICAgIDxzcGFuIGNsYXNzPVwic3dpdGNoLWJveFwiPlxyXG4gICAgICA8c3BhbiBjbGFzcz1cInN3aXRjaC1iYWxsXCI+PC9zcGFuPlxyXG4gICAgPC9zcGFuPlxyXG4gIDwvc3Bhbj5cclxuICA8c3BhblxyXG4gICAgY2xhc3M9XCJzd2l0Y2hcIlxyXG4gICAgKm5nSWY9XCJ0b29sdGlwTWVzc2FnZSAhPT0gJycgJiYgdG9vbHRpcE1lc3NhZ2UgIT09IHVuZGVmaW5lZFwiXHJcbiAgICBbYXJUb29sdGlwXT1cInRvb2x0aXBNZXNzYWdlXCJcclxuICAgIHBsYWNlbWVudD1cImJvdHRvbS1yaWdodFwiXHJcbiAgICBkZWxheT1cIjBcIlxyXG4gICAgdHlwZT1cImJsYWNrXCJcclxuICAgIFt0b29sdGlwTWFuZGF0b3J5XT1cInRydWVcIlxyXG4gID5cclxuICAgIDxpbnB1dCB0eXBlPVwiY2hlY2tib3hcIiBbKG5nTW9kZWwpXT1cIm5nVmFsdWVcIiAobmdNb2RlbENoYW5nZSk9XCJ2YWx1ZUNoYW5nZWQoKVwiIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIC8+XHJcbiAgICA8c3BhbiBjbGFzcz1cInN3aXRjaC1ib3hcIj5cclxuICAgICAgPHNwYW4gY2xhc3M9XCJzd2l0Y2gtYmFsbFwiPjwvc3Bhbj5cclxuICAgIDwvc3Bhbj5cclxuICA8L3NwYW4+XHJcbjwvbGFiZWw+XHJcbiJdfQ==
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import { FormsModule } from '@angular/forms';
|
|
2
|
-
import { NgModule } from '@angular/core';
|
|
3
|
-
import { CommonModule } from '@angular/common';
|
|
4
|
-
import { CsCheckboxComponent } from './cs-checkbox/cs-checkbox.component';
|
|
5
|
-
import { CsRadioComponent } from './cs-radio/cs-radio.component';
|
|
6
|
-
import { CsSwitchComponent } from './cs-switch/cs-switch.component';
|
|
7
|
-
import { CsRadioGroupComponent } from './cs-radio-group/cs-radio-group.component';
|
|
8
|
-
import { CsSelectComponent } from './cs-select/cs-select.component';
|
|
9
|
-
import { TooltipModule } from '../tooltip/tooltip.module';
|
|
10
|
-
import { PascalPipe } from './pipes/pascal.pipe';
|
|
11
|
-
import { SearchMultiSelectPipe } from './pipes/searchMultiSelect.pipe';
|
|
12
|
-
import { ClickOutsideDirective } from './click-outside.directive';
|
|
13
|
-
import * as i0 from "@angular/core";
|
|
14
|
-
export class FormgroupModule {
|
|
15
|
-
}
|
|
16
|
-
FormgroupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FormgroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
17
|
-
FormgroupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: FormgroupModule, declarations: [CsCheckboxComponent,
|
|
18
|
-
CsRadioComponent,
|
|
19
|
-
CsSwitchComponent,
|
|
20
|
-
CsRadioGroupComponent,
|
|
21
|
-
CsSelectComponent,
|
|
22
|
-
PascalPipe,
|
|
23
|
-
SearchMultiSelectPipe,
|
|
24
|
-
ClickOutsideDirective], imports: [CommonModule, FormsModule, TooltipModule], exports: [CsCheckboxComponent,
|
|
25
|
-
CsRadioComponent,
|
|
26
|
-
CsSwitchComponent,
|
|
27
|
-
CsRadioGroupComponent,
|
|
28
|
-
CsSelectComponent,
|
|
29
|
-
SearchMultiSelectPipe] });
|
|
30
|
-
FormgroupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FormgroupModule, imports: [CommonModule, FormsModule, TooltipModule] });
|
|
31
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FormgroupModule, decorators: [{
|
|
32
|
-
type: NgModule,
|
|
33
|
-
args: [{
|
|
34
|
-
declarations: [
|
|
35
|
-
CsCheckboxComponent,
|
|
36
|
-
CsRadioComponent,
|
|
37
|
-
CsSwitchComponent,
|
|
38
|
-
CsRadioGroupComponent,
|
|
39
|
-
CsSelectComponent,
|
|
40
|
-
PascalPipe,
|
|
41
|
-
SearchMultiSelectPipe,
|
|
42
|
-
ClickOutsideDirective,
|
|
43
|
-
],
|
|
44
|
-
imports: [CommonModule, FormsModule, TooltipModule],
|
|
45
|
-
exports: [
|
|
46
|
-
CsCheckboxComponent,
|
|
47
|
-
CsRadioComponent,
|
|
48
|
-
CsSwitchComponent,
|
|
49
|
-
CsRadioGroupComponent,
|
|
50
|
-
CsSelectComponent,
|
|
51
|
-
SearchMultiSelectPipe,
|
|
52
|
-
],
|
|
53
|
-
}]
|
|
54
|
-
}] });
|
|
55
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybWdyb3VwLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NyZWF0ZS1kYXNoYm9hcmQvc3JjL2xpYi91aS1raXQvZm9ybWdyb3VwL2Zvcm1ncm91cC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ2pFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQ2xGLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDakQsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDdkUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7O0FBdUJsRSxNQUFNLE9BQU8sZUFBZTs7NEdBQWYsZUFBZTs2R0FBZixlQUFlLGlCQW5CeEIsbUJBQW1CO1FBQ25CLGdCQUFnQjtRQUNoQixpQkFBaUI7UUFDakIscUJBQXFCO1FBQ3JCLGlCQUFpQjtRQUNqQixVQUFVO1FBQ1YscUJBQXFCO1FBQ3JCLHFCQUFxQixhQUViLFlBQVksRUFBRSxXQUFXLEVBQUUsYUFBYSxhQUVoRCxtQkFBbUI7UUFDbkIsZ0JBQWdCO1FBQ2hCLGlCQUFpQjtRQUNqQixxQkFBcUI7UUFDckIsaUJBQWlCO1FBQ2pCLHFCQUFxQjs2R0FHWixlQUFlLFlBVmhCLFlBQVksRUFBRSxXQUFXLEVBQUUsYUFBYTsyRkFVdkMsZUFBZTtrQkFyQjNCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLG1CQUFtQjt3QkFDbkIsZ0JBQWdCO3dCQUNoQixpQkFBaUI7d0JBQ2pCLHFCQUFxQjt3QkFDckIsaUJBQWlCO3dCQUNqQixVQUFVO3dCQUNWLHFCQUFxQjt3QkFDckIscUJBQXFCO3FCQUN0QjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsV0FBVyxFQUFFLGFBQWEsQ0FBQztvQkFDbkQsT0FBTyxFQUFFO3dCQUNQLG1CQUFtQjt3QkFDbkIsZ0JBQWdCO3dCQUNoQixpQkFBaUI7d0JBQ2pCLHFCQUFxQjt3QkFDckIsaUJBQWlCO3dCQUNqQixxQkFBcUI7cUJBQ3RCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENzQ2hlY2tib3hDb21wb25lbnQgfSBmcm9tICcuL2NzLWNoZWNrYm94L2NzLWNoZWNrYm94LmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IENzUmFkaW9Db21wb25lbnQgfSBmcm9tICcuL2NzLXJhZGlvL2NzLXJhZGlvLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IENzU3dpdGNoQ29tcG9uZW50IH0gZnJvbSAnLi9jcy1zd2l0Y2gvY3Mtc3dpdGNoLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IENzUmFkaW9Hcm91cENvbXBvbmVudCB9IGZyb20gJy4vY3MtcmFkaW8tZ3JvdXAvY3MtcmFkaW8tZ3JvdXAuY29tcG9uZW50JztcclxuaW1wb3J0IHsgQ3NTZWxlY3RDb21wb25lbnQgfSBmcm9tICcuL2NzLXNlbGVjdC9jcy1zZWxlY3QuY29tcG9uZW50JztcclxuaW1wb3J0IHsgVG9vbHRpcE1vZHVsZSB9IGZyb20gJy4uL3Rvb2x0aXAvdG9vbHRpcC5tb2R1bGUnO1xyXG5pbXBvcnQgeyBQYXNjYWxQaXBlIH0gZnJvbSAnLi9waXBlcy9wYXNjYWwucGlwZSc7XHJcbmltcG9ydCB7IFNlYXJjaE11bHRpU2VsZWN0UGlwZSB9IGZyb20gJy4vcGlwZXMvc2VhcmNoTXVsdGlTZWxlY3QucGlwZSc7XHJcbmltcG9ydCB7IENsaWNrT3V0c2lkZURpcmVjdGl2ZSB9IGZyb20gJy4vY2xpY2stb3V0c2lkZS5kaXJlY3RpdmUnO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtcclxuICAgIENzQ2hlY2tib3hDb21wb25lbnQsXHJcbiAgICBDc1JhZGlvQ29tcG9uZW50LFxyXG4gICAgQ3NTd2l0Y2hDb21wb25lbnQsXHJcbiAgICBDc1JhZGlvR3JvdXBDb21wb25lbnQsXHJcbiAgICBDc1NlbGVjdENvbXBvbmVudCxcclxuICAgIFBhc2NhbFBpcGUsXHJcbiAgICBTZWFyY2hNdWx0aVNlbGVjdFBpcGUsXHJcbiAgICBDbGlja091dHNpZGVEaXJlY3RpdmUsXHJcbiAgXSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBGb3Jtc01vZHVsZSwgVG9vbHRpcE1vZHVsZV0sXHJcbiAgZXhwb3J0czogW1xyXG4gICAgQ3NDaGVja2JveENvbXBvbmVudCxcclxuICAgIENzUmFkaW9Db21wb25lbnQsXHJcbiAgICBDc1N3aXRjaENvbXBvbmVudCxcclxuICAgIENzUmFkaW9Hcm91cENvbXBvbmVudCxcclxuICAgIENzU2VsZWN0Q29tcG9uZW50LFxyXG4gICAgU2VhcmNoTXVsdGlTZWxlY3RQaXBlLFxyXG4gIF0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBGb3JtZ3JvdXBNb2R1bGUge31cclxuIl19
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { Pipe } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export class PascalPipe {
|
|
4
|
-
transform(value, ...args) {
|
|
5
|
-
if (typeof value !== 'string') {
|
|
6
|
-
return value;
|
|
7
|
-
}
|
|
8
|
-
return value.charAt(0).toUpperCase() + value.slice(1);
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
|
-
PascalPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PascalPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
12
|
-
PascalPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: PascalPipe, name: "pascal" });
|
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PascalPipe, decorators: [{
|
|
14
|
-
type: Pipe,
|
|
15
|
-
args: [{
|
|
16
|
-
name: 'pascal',
|
|
17
|
-
}]
|
|
18
|
-
}] });
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFzY2FsLnBpcGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jcmVhdGUtZGFzaGJvYXJkL3NyYy9saWIvdWkta2l0L2Zvcm1ncm91cC9waXBlcy9wYXNjYWwucGlwZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFpQixNQUFNLGVBQWUsQ0FBQzs7QUFLcEQsTUFBTSxPQUFPLFVBQVU7SUFDckIsU0FBUyxDQUFDLEtBQWEsRUFBRSxHQUFHLElBQWU7UUFDekMsSUFBSSxPQUFPLEtBQUssS0FBSyxRQUFRLEVBQUU7WUFDN0IsT0FBTyxLQUFLLENBQUM7U0FDZDtRQUNELE9BQU8sS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLEVBQUUsR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ3hELENBQUM7O3VHQU5VLFVBQVU7cUdBQVYsVUFBVTsyRkFBVixVQUFVO2tCQUh0QixJQUFJO21CQUFDO29CQUNKLElBQUksRUFBRSxRQUFRO2lCQUNmIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUGlwZSwgUGlwZVRyYW5zZm9ybSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQFBpcGUoe1xyXG4gIG5hbWU6ICdwYXNjYWwnLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgUGFzY2FsUGlwZSBpbXBsZW1lbnRzIFBpcGVUcmFuc2Zvcm0ge1xyXG4gIHRyYW5zZm9ybSh2YWx1ZTogc3RyaW5nLCAuLi5hcmdzOiB1bmtub3duW10pOiB1bmtub3duIHtcclxuICAgIGlmICh0eXBlb2YgdmFsdWUgIT09ICdzdHJpbmcnKSB7XHJcbiAgICAgIHJldHVybiB2YWx1ZTtcclxuICAgIH1cclxuICAgIHJldHVybiB2YWx1ZS5jaGFyQXQoMCkudG9VcHBlckNhc2UoKSArIHZhbHVlLnNsaWNlKDEpO1xyXG4gIH1cclxufVxyXG4iXX0=
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { Pipe } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export class SearchMultiSelectPipe {
|
|
4
|
-
transform(value, key, searchKey) {
|
|
5
|
-
if (searchKey && searchKey.length > 0) {
|
|
6
|
-
searchKey = searchKey.toLowerCase();
|
|
7
|
-
return value.filter((item) => {
|
|
8
|
-
if (item[key].toLowerCase().includes(searchKey)) {
|
|
9
|
-
return item;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
}
|
|
13
|
-
return value;
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
SearchMultiSelectPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SearchMultiSelectPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
17
|
-
SearchMultiSelectPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: SearchMultiSelectPipe, name: "searchMultiSelect" });
|
|
18
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SearchMultiSelectPipe, decorators: [{
|
|
19
|
-
type: Pipe,
|
|
20
|
-
args: [{
|
|
21
|
-
name: 'searchMultiSelect',
|
|
22
|
-
}]
|
|
23
|
-
}] });
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoTXVsdGlTZWxlY3QucGlwZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NyZWF0ZS1kYXNoYm9hcmQvc3JjL2xpYi91aS1raXQvZm9ybWdyb3VwL3BpcGVzL3NlYXJjaE11bHRpU2VsZWN0LnBpcGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBaUIsTUFBTSxlQUFlLENBQUM7O0FBS3BELE1BQU0sT0FBTyxxQkFBcUI7SUFDaEMsU0FBUyxDQUFDLEtBQVksRUFBRSxHQUFXLEVBQUUsU0FBaUI7UUFDcEQsSUFBSSxTQUFTLElBQUksU0FBUyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7WUFDckMsU0FBUyxHQUFHLFNBQVMsQ0FBQyxXQUFXLEVBQUUsQ0FBQztZQUNwQyxPQUFPLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRTtnQkFDM0IsSUFBSSxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsV0FBVyxFQUFFLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQyxFQUFFO29CQUMvQyxPQUFPLElBQUksQ0FBQztpQkFDYjtZQUNILENBQUMsQ0FBQyxDQUFDO1NBQ0o7UUFDRCxPQUFPLEtBQUssQ0FBQztJQUNmLENBQUM7O2tIQVhVLHFCQUFxQjtnSEFBckIscUJBQXFCOzJGQUFyQixxQkFBcUI7a0JBSGpDLElBQUk7bUJBQUM7b0JBQ0osSUFBSSxFQUFFLG1CQUFtQjtpQkFDMUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQaXBlLCBQaXBlVHJhbnNmb3JtIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AUGlwZSh7XHJcbiAgbmFtZTogJ3NlYXJjaE11bHRpU2VsZWN0JyxcclxufSlcclxuZXhwb3J0IGNsYXNzIFNlYXJjaE11bHRpU2VsZWN0UGlwZSBpbXBsZW1lbnRzIFBpcGVUcmFuc2Zvcm0ge1xyXG4gIHRyYW5zZm9ybSh2YWx1ZTogYW55W10sIGtleTogc3RyaW5nLCBzZWFyY2hLZXk6IHN0cmluZyk6IGFueVtdIHtcclxuICAgIGlmIChzZWFyY2hLZXkgJiYgc2VhcmNoS2V5Lmxlbmd0aCA+IDApIHtcclxuICAgICAgc2VhcmNoS2V5ID0gc2VhcmNoS2V5LnRvTG93ZXJDYXNlKCk7XHJcbiAgICAgIHJldHVybiB2YWx1ZS5maWx0ZXIoKGl0ZW0pID0+IHtcclxuICAgICAgICBpZiAoaXRlbVtrZXldLnRvTG93ZXJDYXNlKCkuaW5jbHVkZXMoc2VhcmNoS2V5KSkge1xyXG4gICAgICAgICAgcmV0dXJuIGl0ZW07XHJcbiAgICAgICAgfVxyXG4gICAgICB9KTtcclxuICAgIH1cclxuICAgIHJldHVybiB2YWx1ZTtcclxuICB9XHJcbn1cclxuIl19
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import { Component, Input, Output, EventEmitter } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/common";
|
|
4
|
-
export class NoDataComponent {
|
|
5
|
-
constructor() {
|
|
6
|
-
this.noDataText = '';
|
|
7
|
-
this.buttonAction = new EventEmitter();
|
|
8
|
-
}
|
|
9
|
-
ngOnInit() { }
|
|
10
|
-
actionEmitter(button) {
|
|
11
|
-
this.buttonAction.emit(button);
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
NoDataComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NoDataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
15
|
-
NoDataComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: NoDataComponent, selector: "app-no-data", inputs: { action: "action", noDataImage: "noDataImage", noDataText: "noDataText", noDataButton: "noDataButton", noDataSecButton: "noDataSecButton", altText: "altText", smallButton: "smallButton", buttonIcon: "buttonIcon", iconClass: "iconClass" }, outputs: { buttonAction: "buttonAction" }, ngImport: i0, template: "<div class=\"no-data-wrapper\">\r\n <div class=\"no-data-container\">\r\n <img [src]=\"noDataImage\" [alt]=\"altText\" class=\"image\" />\r\n <p class=\"text\" [innerHTML]=\"noDataText\" *ngIf=\"noDataText\"></p>\r\n <div class=\"button-row\" *ngFor=\"let button of action\">\r\n <button *ngIf=\"!button?.buttonIcon\" (click)=\"actionEmitter(button)\" [innerHTML]=\"button?.buttonText\"\r\n [class.small]=\"smallButton\"></button>\r\n <button *ngIf=\"button?.buttonIcon\" (click)=\"actionEmitter(button)\" [class.small]=\"smallButton\">\r\n <i class=\"icons\" [innerHTML]=\"button?.buttonIcon\"></i> <span\r\n [innerHTML]=\"button?.buttonText\"></span>\r\n </button>\r\n </div>\r\n </div>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";::ng-deep .no-data-wrapper{display:flex;align-items:center;justify-content:center;height:100%;width:100%;background:#ffffff;border-radius:2px}::ng-deep .no-data-container{display:inline-block;text-align:center;width:450px}::ng-deep .no-data-container .image{width:300px;margin-bottom:20px;display:inline-block}::ng-deep .no-data-container p.text{font-size:17px;font-weight:400;line-height:24px;margin-bottom:25px;color:#161b2f;text-align:center;margin-top:0}::ng-deep .no-data-container p.text strong{font-weight:500}::ng-deep .no-data-container button{width:auto;height:38px;border-radius:2px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:500;line-height:24px;cursor:pointer;background:#1e5dd3;border:1px solid #1e5dd3;outline:none;text-transform:uppercase;padding:0 16px}::ng-deep .no-data-container button+button{margin-left:5px}::ng-deep .no-data-container button i+span{margin-left:12px}::ng-deep .no-data-container button.small{width:60px;height:24px;font-size:11px}::ng-deep .no-data-container button.small i{margin-right:5px;font-size:9px}::ng-deep .no-data-container .button-row{display:flex;justify-content:center}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
16
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NoDataComponent, decorators: [{
|
|
17
|
-
type: Component,
|
|
18
|
-
args: [{ selector: 'app-no-data', template: "<div class=\"no-data-wrapper\">\r\n <div class=\"no-data-container\">\r\n <img [src]=\"noDataImage\" [alt]=\"altText\" class=\"image\" />\r\n <p class=\"text\" [innerHTML]=\"noDataText\" *ngIf=\"noDataText\"></p>\r\n <div class=\"button-row\" *ngFor=\"let button of action\">\r\n <button *ngIf=\"!button?.buttonIcon\" (click)=\"actionEmitter(button)\" [innerHTML]=\"button?.buttonText\"\r\n [class.small]=\"smallButton\"></button>\r\n <button *ngIf=\"button?.buttonIcon\" (click)=\"actionEmitter(button)\" [class.small]=\"smallButton\">\r\n <i class=\"icons\" [innerHTML]=\"button?.buttonIcon\"></i> <span\r\n [innerHTML]=\"button?.buttonText\"></span>\r\n </button>\r\n </div>\r\n </div>\r\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";::ng-deep .no-data-wrapper{display:flex;align-items:center;justify-content:center;height:100%;width:100%;background:#ffffff;border-radius:2px}::ng-deep .no-data-container{display:inline-block;text-align:center;width:450px}::ng-deep .no-data-container .image{width:300px;margin-bottom:20px;display:inline-block}::ng-deep .no-data-container p.text{font-size:17px;font-weight:400;line-height:24px;margin-bottom:25px;color:#161b2f;text-align:center;margin-top:0}::ng-deep .no-data-container p.text strong{font-weight:500}::ng-deep .no-data-container button{width:auto;height:38px;border-radius:2px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:500;line-height:24px;cursor:pointer;background:#1e5dd3;border:1px solid #1e5dd3;outline:none;text-transform:uppercase;padding:0 16px}::ng-deep .no-data-container button+button{margin-left:5px}::ng-deep .no-data-container button i+span{margin-left:12px}::ng-deep .no-data-container button.small{width:60px;height:24px;font-size:11px}::ng-deep .no-data-container button.small i{margin-right:5px;font-size:9px}::ng-deep .no-data-container .button-row{display:flex;justify-content:center}\n"] }]
|
|
19
|
-
}], ctorParameters: function () { return []; }, propDecorators: { action: [{
|
|
20
|
-
type: Input
|
|
21
|
-
}], noDataImage: [{
|
|
22
|
-
type: Input
|
|
23
|
-
}], noDataText: [{
|
|
24
|
-
type: Input
|
|
25
|
-
}], noDataButton: [{
|
|
26
|
-
type: Input
|
|
27
|
-
}], noDataSecButton: [{
|
|
28
|
-
type: Input
|
|
29
|
-
}], altText: [{
|
|
30
|
-
type: Input
|
|
31
|
-
}], buttonAction: [{
|
|
32
|
-
type: Output
|
|
33
|
-
}], smallButton: [{
|
|
34
|
-
type: Input
|
|
35
|
-
}], buttonIcon: [{
|
|
36
|
-
type: Input
|
|
37
|
-
}], iconClass: [{
|
|
38
|
-
type: Input
|
|
39
|
-
}] } });
|
|
40
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm8tZGF0YS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jcmVhdGUtZGFzaGJvYXJkL3NyYy9saWIvdWkta2l0L25vLWRhdGEvbm8tZGF0YS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jcmVhdGUtZGFzaGJvYXJkL3NyYy9saWIvdWkta2l0L25vLWRhdGEvbm8tZGF0YS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFPL0UsTUFBTSxPQUFPLGVBQWU7SUFXMUI7UUFSUyxlQUFVLEdBQUcsRUFBRSxDQUFDO1FBSWYsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0lBSXBDLENBQUM7SUFFakIsUUFBUSxLQUFXLENBQUM7SUFFcEIsYUFBYSxDQUFDLE1BQWM7UUFDMUIsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDakMsQ0FBQzs7NEdBakJVLGVBQWU7Z0dBQWYsZUFBZSxzVkNQNUIsdzBCQWFNOzJGRE5PLGVBQWU7a0JBTDNCLFNBQVM7K0JBQ0UsYUFBYTswRUFLZCxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0ksWUFBWTtzQkFBckIsTUFBTTtnQkFDRSxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLW5vLWRhdGEnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9uby1kYXRhLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9uby1kYXRhLmNvbXBvbmVudC5sZXNzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBOb0RhdGFDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIGFjdGlvbiE6IGFueTtcclxuICBASW5wdXQoKSBub0RhdGFJbWFnZSE6IHN0cmluZztcclxuICBASW5wdXQoKSBub0RhdGFUZXh0ID0gJyc7XHJcbiAgQElucHV0KCkgbm9EYXRhQnV0dG9uITogc3RyaW5nIHwgYm9vbGVhbjtcclxuICBASW5wdXQoKSBub0RhdGFTZWNCdXR0b24hOiBzdHJpbmcgfCBib29sZWFuO1xyXG4gIEBJbnB1dCgpIGFsdFRleHQhOiBzdHJpbmc7XHJcbiAgQE91dHB1dCgpIGJ1dHRvbkFjdGlvbiA9IG5ldyBFdmVudEVtaXR0ZXI8b2JqZWN0PigpO1xyXG4gIEBJbnB1dCgpIHNtYWxsQnV0dG9uITogYm9vbGVhbjtcclxuICBASW5wdXQoKSBidXR0b25JY29uITogYW55O1xyXG4gIEBJbnB1dCgpIGljb25DbGFzcyE6IGFueTtcclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHsgfVxyXG5cclxuICBhY3Rpb25FbWl0dGVyKGJ1dHRvbjogb2JqZWN0KSB7XHJcbiAgICB0aGlzLmJ1dHRvbkFjdGlvbi5lbWl0KGJ1dHRvbik7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJuby1kYXRhLXdyYXBwZXJcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJuby1kYXRhLWNvbnRhaW5lclwiPlxyXG4gICAgICAgIDxpbWcgW3NyY109XCJub0RhdGFJbWFnZVwiIFthbHRdPVwiYWx0VGV4dFwiIGNsYXNzPVwiaW1hZ2VcIiAvPlxyXG4gICAgICAgIDxwIGNsYXNzPVwidGV4dFwiIFtpbm5lckhUTUxdPVwibm9EYXRhVGV4dFwiICpuZ0lmPVwibm9EYXRhVGV4dFwiPjwvcD5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiYnV0dG9uLXJvd1wiICpuZ0Zvcj1cImxldCBidXR0b24gb2YgYWN0aW9uXCI+XHJcbiAgICAgICAgICAgICAgICA8YnV0dG9uICpuZ0lmPVwiIWJ1dHRvbj8uYnV0dG9uSWNvblwiIChjbGljayk9XCJhY3Rpb25FbWl0dGVyKGJ1dHRvbilcIiBbaW5uZXJIVE1MXT1cImJ1dHRvbj8uYnV0dG9uVGV4dFwiXHJcbiAgICAgICAgICAgICAgICAgICAgW2NsYXNzLnNtYWxsXT1cInNtYWxsQnV0dG9uXCI+PC9idXR0b24+XHJcbiAgICAgICAgICAgICAgICA8YnV0dG9uICpuZ0lmPVwiYnV0dG9uPy5idXR0b25JY29uXCIgKGNsaWNrKT1cImFjdGlvbkVtaXR0ZXIoYnV0dG9uKVwiIFtjbGFzcy5zbWFsbF09XCJzbWFsbEJ1dHRvblwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxpIGNsYXNzPVwiaWNvbnNcIiBbaW5uZXJIVE1MXT1cImJ1dHRvbj8uYnV0dG9uSWNvblwiPjwvaT4gPHNwYW5cclxuICAgICAgICAgICAgICAgICAgICAgICAgW2lubmVySFRNTF09XCJidXR0b24/LmJ1dHRvblRleHRcIj48L3NwYW4+XHJcbiAgICAgICAgICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj4iXX0=
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { NgModule } from '@angular/core';
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { NoDataComponent } from './no-data.component';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export class NoDataModule {
|
|
6
|
-
}
|
|
7
|
-
NoDataModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NoDataModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
8
|
-
NoDataModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: NoDataModule, declarations: [NoDataComponent], imports: [CommonModule], exports: [NoDataComponent] });
|
|
9
|
-
NoDataModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NoDataModule, imports: [CommonModule] });
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NoDataModule, decorators: [{
|
|
11
|
-
type: NgModule,
|
|
12
|
-
args: [{
|
|
13
|
-
declarations: [NoDataComponent],
|
|
14
|
-
imports: [CommonModule],
|
|
15
|
-
exports: [NoDataComponent],
|
|
16
|
-
}]
|
|
17
|
-
}] });
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm8tZGF0YS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jcmVhdGUtZGFzaGJvYXJkL3NyYy9saWIvdWkta2l0L25vLWRhdGEvbm8tZGF0YS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDOztBQU90RCxNQUFNLE9BQU8sWUFBWTs7eUdBQVosWUFBWTswR0FBWixZQUFZLGlCQUpSLGVBQWUsYUFDcEIsWUFBWSxhQUNaLGVBQWU7MEdBRWQsWUFBWSxZQUhiLFlBQVk7MkZBR1gsWUFBWTtrQkFMeEIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxlQUFlLENBQUM7b0JBQy9CLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztvQkFDdkIsT0FBTyxFQUFFLENBQUMsZUFBZSxDQUFDO2lCQUMzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IE5vRGF0YUNvbXBvbmVudCB9IGZyb20gJy4vbm8tZGF0YS5jb21wb25lbnQnO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtOb0RhdGFDb21wb25lbnRdLFxyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxyXG4gIGV4cG9ydHM6IFtOb0RhdGFDb21wb25lbnRdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTm9EYXRhTW9kdWxlIHt9XHJcbiJdfQ==
|