@mozaic-ds/angular 0.23.0-beta → 0.23.0
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/assets/moz-icons/Logotypes_Payment_BonificoBancario_24px.svg +1 -0
- package/assets/moz-icons/Logotypes_Payment_BonificoBancario_32px.svg +1 -0
- package/assets/moz-icons/Logotypes_Payment_BonificoBancario_48px.svg +1 -0
- package/assets/moz-icons/Logotypes_Payment_BonificoBancario_64px.svg +1 -0
- package/assets/moz-icons/Logotypes_Payment_Monochrome_BonificoBancario_24px.svg +1 -0
- package/assets/moz-icons/Logotypes_Payment_Monochrome_BonificoBancario_32px.svg +1 -0
- package/assets/moz-icons/Logotypes_Payment_Monochrome_BonificoBancario_48px.svg +1 -0
- package/assets/moz-icons/Logotypes_Payment_Monochrome_BonificoBancario_64px.svg +1 -0
- package/assets/moz-icons/Store_StoreBM_24px.svg +1 -0
- package/assets/moz-icons/Store_StoreBM_32px.svg +1 -0
- package/assets/moz-icons/Store_StoreBM_48px.svg +1 -0
- package/assets/moz-icons/Store_StoreBM_64px.svg +1 -0
- package/esm2020/components/checkbox/checkbox.component.mjs +2 -2
- package/esm2020/components/dialog/dialog.component.mjs +3 -3
- package/esm2020/components/layer/layer.component.mjs +3 -3
- package/esm2020/components/notification/notification-footer.mjs +2 -2
- package/esm2020/components/notification/notification-message.mjs +2 -2
- package/esm2020/components/notification/notification-title.mjs +2 -2
- package/esm2020/components/notification/notification.component.mjs +2 -2
- package/esm2020/components/pagination/pagination.component.mjs +2 -1
- package/esm2020/components/select/select.component.mjs +2 -2
- package/esm2020/components/tag/tag.component.mjs +2 -2
- package/esm2020/components/text-input/text-input.component.mjs +2 -2
- package/esm2020/components/toggle/toggle.component.mjs +2 -2
- package/esm2020/components/tooltip/tooltip.component.mjs +2 -2
- package/fesm2015/mozaic-ds-angular.mjs +25 -24
- package/fesm2015/mozaic-ds-angular.mjs.map +1 -1
- package/fesm2020/mozaic-ds-angular.mjs +25 -24
- package/fesm2020/mozaic-ds-angular.mjs.map +1 -1
- package/package.json +1 -1
- package/adeo/README.md +0 -0
- package/adeo/assets/special-icons/checkbox-checked-disabled.svg +0 -3
- package/adeo/assets/special-icons/checkbox-checked.svg +0 -3
- package/adeo/assets/special-icons/checkbox-indeterminate-disabled.svg +0 -3
- package/adeo/assets/special-icons/checkbox-indeterminate.svg +0 -3
- package/adeo/assets/special-icons/invalid-cross.svg +0 -3
- package/adeo/assets/special-icons/layer-cross.svg +0 -3
- package/adeo/assets/special-icons/notification-danger-m.svg +0 -4
- package/adeo/assets/special-icons/notification-danger-s.svg +0 -4
- package/adeo/assets/special-icons/notification-information-m.svg +0 -5
- package/adeo/assets/special-icons/notification-information-s.svg +0 -5
- package/adeo/assets/special-icons/notification-success-m.svg +0 -4
- package/adeo/assets/special-icons/notification-success-s.svg +0 -4
- package/adeo/assets/special-icons/notification-warning-m.svg +0 -5
- package/adeo/assets/special-icons/notification-warning-s.svg +0 -5
- package/adeo/assets/special-icons/remove-tag.svg +0 -3
- package/adeo/assets/special-icons/toggle-checked-disabled.svg +0 -3
- package/adeo/assets/special-icons/toggle-checked.svg +0 -3
- package/adeo/assets/special-icons/toggle-cross-disabled.svg +0 -3
- package/adeo/assets/special-icons/toggle-cross.svg +0 -3
- package/adeo/assets/special-icons/tooltip-triangle.svg +0 -3
- package/adeo/assets/special-icons/valid-check-mark.svg +0 -11
- package/adeo/assets/tokens/adeo/android/colors.xml +0 -482
- package/adeo/assets/tokens/adeo/android/font_dimens.xml +0 -18
- package/adeo/assets/tokens/adeo/css/_variables.scss +0 -626
- package/adeo/assets/tokens/adeo/css/root.scss +0 -478
- package/adeo/assets/tokens/adeo/ios/StyleDictionaryColor.h +0 -490
- package/adeo/assets/tokens/adeo/ios/StyleDictionaryColor.m +0 -502
- package/adeo/assets/tokens/adeo/ios/StyleDictionaryColor.swift +0 -485
- package/adeo/assets/tokens/adeo/ios/StyleDictionarySize.h +0 -69
- package/adeo/assets/tokens/adeo/ios/StyleDictionarySize.m +0 -70
- package/adeo/assets/tokens/adeo/ios/StyleDictionarySize.swift +0 -71
- package/adeo/assets/tokens/adeo/js/tokens.js +0 -574
- package/adeo/assets/tokens/adeo/js/tokensObject.js +0 -9637
- package/adeo/assets/tokens/adeo/scss/_tokens.scss +0 -1617
- package/adeo/common/global-events/global-events.module.d.ts +0 -6
- package/adeo/common/global-events/global-events.service.d.ts +0 -11
- package/adeo/common/global-events/public-api.d.ts +0 -2
- package/adeo/common/index.d.ts +0 -2
- package/adeo/common/utils/boolean-property.d.ts +0 -1
- package/adeo/common/utils/generate-id.d.ts +0 -1
- package/adeo/common/utils/get-random-number.d.ts +0 -1
- package/adeo/common/utils/index.d.ts +0 -4
- package/adeo/common/utils/overwrite-style.d.ts +0 -2
- package/adeo/common/utils/public-api.d.ts +0 -1
- package/adeo/components/badge/badge.component.d.ts +0 -8
- package/adeo/components/badge/badge.d.ts +0 -3
- package/adeo/components/badge/badge.module.d.ts +0 -8
- package/adeo/components/badge/index.d.ts +0 -2
- package/adeo/components/button/button.component.d.ts +0 -16
- package/adeo/components/button/button.d.ts +0 -7
- package/adeo/components/button/button.module.d.ts +0 -8
- package/adeo/components/button/index.d.ts +0 -2
- package/adeo/components/checkbox/checkbox.component.d.ts +0 -21
- package/adeo/components/checkbox/checkbox.module.d.ts +0 -8
- package/adeo/components/checkbox/public-api.d.ts +0 -2
- package/adeo/components/dialog/classes/dialog-config.d.ts +0 -9
- package/adeo/components/dialog/classes/dialog-injector.d.ts +0 -10
- package/adeo/components/dialog/classes/dialog-ref.d.ts +0 -25
- package/adeo/components/dialog/classes/index.d.ts +0 -3
- package/adeo/components/dialog/dialog-animation.d.ts +0 -1
- package/adeo/components/dialog/dialog.component.d.ts +0 -23
- package/adeo/components/dialog/dialog.module.d.ts +0 -8
- package/adeo/components/dialog/dialog.service.d.ts +0 -20
- package/adeo/components/dialog/interfaces/dialog-config.d.ts +0 -7
- package/adeo/components/dialog/interfaces/dialog-di-params.d.ts +0 -6
- package/adeo/components/dialog/interfaces/dialog-ref.d.ts +0 -18
- package/adeo/components/dialog/interfaces/index.d.ts +0 -3
- package/adeo/components/dialog/public-api.d.ts +0 -5
- package/adeo/components/dialog/tokens/dialog-config.token.d.ts +0 -2
- package/adeo/components/dialog/tokens/dialog-data.token.d.ts +0 -2
- package/adeo/components/dialog/tokens/dialog-ref.token.d.ts +0 -2
- package/adeo/components/dialog/tokens/index.d.ts +0 -3
- package/adeo/components/field/directives/input-icon.directive.d.ts +0 -7
- package/adeo/components/field/field-error.component.d.ts +0 -5
- package/adeo/components/field/field.component.d.ts +0 -16
- package/adeo/components/field/field.module.d.ts +0 -10
- package/adeo/components/field/public-api.d.ts +0 -4
- package/adeo/components/icon/icon-size.d.ts +0 -6
- package/adeo/components/icon/icon.component.d.ts +0 -15
- package/adeo/components/icon/icon.module.d.ts +0 -8
- package/adeo/components/icon/icon.service.d.ts +0 -13
- package/adeo/components/icon/public-api.d.ts +0 -3
- package/adeo/components/layer/classes/layer-injector.d.ts +0 -10
- package/adeo/components/layer/classes/layer-ref.d.ts +0 -21
- package/adeo/components/layer/interfaces/index.d.ts +0 -3
- package/adeo/components/layer/interfaces/layer-config.d.ts +0 -4
- package/adeo/components/layer/interfaces/layer-di-params.d.ts +0 -6
- package/adeo/components/layer/interfaces/layer-ref.d.ts +0 -15
- package/adeo/components/layer/layer-animation.d.ts +0 -1
- package/adeo/components/layer/layer.component.d.ts +0 -19
- package/adeo/components/layer/layer.module.d.ts +0 -9
- package/adeo/components/layer/layer.service.d.ts +0 -19
- package/adeo/components/layer/public-api.d.ts +0 -5
- package/adeo/components/layer/tokens/index.d.ts +0 -3
- package/adeo/components/layer/tokens/layer-config.token.d.ts +0 -2
- package/adeo/components/layer/tokens/layer-data.token.d.ts +0 -2
- package/adeo/components/layer/tokens/layer-ref.token.d.ts +0 -2
- package/adeo/components/loader/loader.component.d.ts +0 -25
- package/adeo/components/loader/loader.d.ts +0 -16
- package/adeo/components/loader/loader.module.d.ts +0 -8
- package/adeo/components/loader/loader.service.d.ts +0 -18
- package/adeo/components/loader/public-api.d.ts +0 -3
- package/adeo/components/notification/notification-animation.d.ts +0 -1
- package/adeo/components/notification/notification-container.component.d.ts +0 -12
- package/adeo/components/notification/notification-footer.d.ts +0 -5
- package/adeo/components/notification/notification-message.d.ts +0 -5
- package/adeo/components/notification/notification-title.d.ts +0 -5
- package/adeo/components/notification/notification.component.d.ts +0 -9
- package/adeo/components/notification/notification.d.ts +0 -15
- package/adeo/components/notification/notification.module.d.ts +0 -15
- package/adeo/components/notification/notification.service.d.ts +0 -16
- package/adeo/components/notification/public-api.d.ts +0 -8
- package/adeo/components/pagination/pagination.component.d.ts +0 -46
- package/adeo/components/pagination/pagination.d.ts +0 -7
- package/adeo/components/pagination/pagination.module.d.ts +0 -13
- package/adeo/components/pagination/public-api.d.ts +0 -2
- package/adeo/components/progress-bar/progress-bar-size.d.ts +0 -1
- package/adeo/components/progress-bar/progress-bar-theme.d.ts +0 -1
- package/adeo/components/progress-bar/progress-bar.component.d.ts +0 -15
- package/adeo/components/progress-bar/progress-bar.module.d.ts +0 -8
- package/adeo/components/progress-bar/public-api.d.ts +0 -2
- package/adeo/components/public-api.d.ts +0 -19
- package/adeo/components/select/public-api.d.ts +0 -2
- package/adeo/components/select/select-size.d.ts +0 -5
- package/adeo/components/select/select.component.d.ts +0 -8
- package/adeo/components/select/select.module.d.ts +0 -8
- package/adeo/components/stepper/public-api.d.ts +0 -3
- package/adeo/components/stepper/step-state.d.ts +0 -1
- package/adeo/components/stepper/step.component.d.ts +0 -20
- package/adeo/components/stepper/stepper.component.d.ts +0 -20
- package/adeo/components/stepper/stepper.module.d.ts +0 -10
- package/adeo/components/tabs/public-api.d.ts +0 -3
- package/adeo/components/tabs/tab-selectors.d.ts +0 -2
- package/adeo/components/tabs/tab.component.d.ts +0 -16
- package/adeo/components/tabs/tabs.component.d.ts +0 -36
- package/adeo/components/tabs/tabs.module.d.ts +0 -9
- package/adeo/components/tag/public-api.d.ts +0 -2
- package/adeo/components/tag/tag-type.d.ts +0 -1
- package/adeo/components/tag/tag.component.d.ts +0 -23
- package/adeo/components/tag/tag.module.d.ts +0 -9
- package/adeo/components/text-area/public-api.d.ts +0 -2
- package/adeo/components/text-area/text-area.component.d.ts +0 -12
- package/adeo/components/text-area/text-area.module.d.ts +0 -7
- package/adeo/components/text-input/public-api.d.ts +0 -2
- package/adeo/components/text-input/text-input.component.d.ts +0 -21
- package/adeo/components/text-input/text-input.d.ts +0 -1
- package/adeo/components/text-input/text-input.module.d.ts +0 -10
- package/adeo/components/toggle/public-api.d.ts +0 -2
- package/adeo/components/toggle/toggle-size.d.ts +0 -1
- package/adeo/components/toggle/toggle.component.d.ts +0 -22
- package/adeo/components/toggle/toggle.module.d.ts +0 -8
- package/adeo/components/tooltip/public-api.d.ts +0 -2
- package/adeo/components/tooltip/tooltip-position.d.ts +0 -1
- package/adeo/components/tooltip/tooltip.component.d.ts +0 -11
- package/adeo/components/tooltip/tooltip.module.d.ts +0 -8
- package/adeo/esm2020/common/global-events/global-events.module.mjs +0 -15
- package/adeo/esm2020/common/global-events/global-events.service.mjs +0 -30
- package/adeo/esm2020/common/global-events/public-api.mjs +0 -3
- package/adeo/esm2020/common/index.mjs +0 -3
- package/adeo/esm2020/common/utils/boolean-property.mjs +0 -4
- package/adeo/esm2020/common/utils/generate-id.mjs +0 -7
- package/adeo/esm2020/common/utils/get-random-number.mjs +0 -6
- package/adeo/esm2020/common/utils/index.mjs +0 -5
- package/adeo/esm2020/common/utils/overwrite-style.mjs +0 -5
- package/adeo/esm2020/common/utils/public-api.mjs +0 -2
- package/adeo/esm2020/components/badge/badge.component.mjs +0 -30
- package/adeo/esm2020/components/badge/badge.mjs +0 -2
- package/adeo/esm2020/components/badge/badge.module.mjs +0 -18
- package/adeo/esm2020/components/badge/index.mjs +0 -3
- package/adeo/esm2020/components/button/button.component.mjs +0 -53
- package/adeo/esm2020/components/button/button.mjs +0 -2
- package/adeo/esm2020/components/button/button.module.mjs +0 -18
- package/adeo/esm2020/components/button/index.mjs +0 -3
- package/adeo/esm2020/components/checkbox/checkbox.component.mjs +0 -58
- package/adeo/esm2020/components/checkbox/checkbox.module.mjs +0 -21
- package/adeo/esm2020/components/checkbox/public-api.mjs +0 -3
- package/adeo/esm2020/components/dialog/classes/dialog-config.mjs +0 -9
- package/adeo/esm2020/components/dialog/classes/dialog-injector.mjs +0 -22
- package/adeo/esm2020/components/dialog/classes/dialog-ref.mjs +0 -49
- package/adeo/esm2020/components/dialog/classes/index.mjs +0 -4
- package/adeo/esm2020/components/dialog/dialog-animation.mjs +0 -18
- package/adeo/esm2020/components/dialog/dialog.component.mjs +0 -57
- package/adeo/esm2020/components/dialog/dialog.module.mjs +0 -20
- package/adeo/esm2020/components/dialog/dialog.service.mjs +0 -67
- package/adeo/esm2020/components/dialog/interfaces/dialog-config.mjs +0 -2
- package/adeo/esm2020/components/dialog/interfaces/dialog-di-params.mjs +0 -2
- package/adeo/esm2020/components/dialog/interfaces/dialog-ref.mjs +0 -2
- package/adeo/esm2020/components/dialog/interfaces/index.mjs +0 -4
- package/adeo/esm2020/components/dialog/public-api.mjs +0 -6
- package/adeo/esm2020/components/dialog/tokens/dialog-config.token.mjs +0 -3
- package/adeo/esm2020/components/dialog/tokens/dialog-data.token.mjs +0 -3
- package/adeo/esm2020/components/dialog/tokens/dialog-ref.token.mjs +0 -3
- package/adeo/esm2020/components/dialog/tokens/index.mjs +0 -4
- package/adeo/esm2020/components/field/directives/input-icon.directive.mjs +0 -15
- package/adeo/esm2020/components/field/field-error.component.mjs +0 -13
- package/adeo/esm2020/components/field/field.component.mjs +0 -40
- package/adeo/esm2020/components/field/field.module.mjs +0 -20
- package/adeo/esm2020/components/field/public-api.mjs +0 -5
- package/adeo/esm2020/components/icon/icon-size.mjs +0 -8
- package/adeo/esm2020/components/icon/icon.component.mjs +0 -49
- package/adeo/esm2020/components/icon/icon.module.mjs +0 -18
- package/adeo/esm2020/components/icon/icon.service.mjs +0 -42
- package/adeo/esm2020/components/icon/public-api.mjs +0 -4
- package/adeo/esm2020/components/layer/classes/layer-injector.mjs +0 -22
- package/adeo/esm2020/components/layer/classes/layer-ref.mjs +0 -38
- package/adeo/esm2020/components/layer/interfaces/index.mjs +0 -4
- package/adeo/esm2020/components/layer/interfaces/layer-config.mjs +0 -2
- package/adeo/esm2020/components/layer/interfaces/layer-di-params.mjs +0 -2
- package/adeo/esm2020/components/layer/interfaces/layer-ref.mjs +0 -2
- package/adeo/esm2020/components/layer/layer-animation.mjs +0 -18
- package/adeo/esm2020/components/layer/layer.component.mjs +0 -40
- package/adeo/esm2020/components/layer/layer.module.mjs +0 -21
- package/adeo/esm2020/components/layer/layer.service.mjs +0 -56
- package/adeo/esm2020/components/layer/public-api.mjs +0 -6
- package/adeo/esm2020/components/layer/tokens/index.mjs +0 -4
- package/adeo/esm2020/components/layer/tokens/layer-config.token.mjs +0 -3
- package/adeo/esm2020/components/layer/tokens/layer-data.token.mjs +0 -3
- package/adeo/esm2020/components/layer/tokens/layer-ref.token.mjs +0 -3
- package/adeo/esm2020/components/loader/loader.component.mjs +0 -47
- package/adeo/esm2020/components/loader/loader.mjs +0 -11
- package/adeo/esm2020/components/loader/loader.module.mjs +0 -20
- package/adeo/esm2020/components/loader/loader.service.mjs +0 -53
- package/adeo/esm2020/components/loader/public-api.mjs +0 -4
- package/adeo/esm2020/components/notification/notification-animation.mjs +0 -21
- package/adeo/esm2020/components/notification/notification-container.component.mjs +0 -38
- package/adeo/esm2020/components/notification/notification-footer.mjs +0 -11
- package/adeo/esm2020/components/notification/notification-message.mjs +0 -11
- package/adeo/esm2020/components/notification/notification-title.mjs +0 -11
- package/adeo/esm2020/components/notification/notification.component.mjs +0 -29
- package/adeo/esm2020/components/notification/notification.mjs +0 -8
- package/adeo/esm2020/components/notification/notification.module.mjs +0 -66
- package/adeo/esm2020/components/notification/notification.service.mjs +0 -40
- package/adeo/esm2020/components/notification/public-api.mjs +0 -9
- package/adeo/esm2020/components/pagination/pagination.component.mjs +0 -133
- package/adeo/esm2020/components/pagination/pagination.mjs +0 -4
- package/adeo/esm2020/components/pagination/pagination.module.mjs +0 -23
- package/adeo/esm2020/components/pagination/public-api.mjs +0 -3
- package/adeo/esm2020/components/progress-bar/progress-bar-size.mjs +0 -2
- package/adeo/esm2020/components/progress-bar/progress-bar-theme.mjs +0 -2
- package/adeo/esm2020/components/progress-bar/progress-bar.component.mjs +0 -38
- package/adeo/esm2020/components/progress-bar/progress-bar.module.mjs +0 -18
- package/adeo/esm2020/components/progress-bar/public-api.mjs +0 -3
- package/adeo/esm2020/components/public-api.mjs +0 -20
- package/adeo/esm2020/components/select/public-api.mjs +0 -3
- package/adeo/esm2020/components/select/select-size.mjs +0 -6
- package/adeo/esm2020/components/select/select.component.mjs +0 -25
- package/adeo/esm2020/components/select/select.module.mjs +0 -18
- package/adeo/esm2020/components/stepper/public-api.mjs +0 -4
- package/adeo/esm2020/components/stepper/step-state.mjs +0 -2
- package/adeo/esm2020/components/stepper/step.component.mjs +0 -51
- package/adeo/esm2020/components/stepper/stepper.component.mjs +0 -79
- package/adeo/esm2020/components/stepper/stepper.module.mjs +0 -20
- package/adeo/esm2020/components/tabs/public-api.mjs +0 -4
- package/adeo/esm2020/components/tabs/tab-selectors.mjs +0 -3
- package/adeo/esm2020/components/tabs/tab.component.mjs +0 -53
- package/adeo/esm2020/components/tabs/tabs.component.mjs +0 -126
- package/adeo/esm2020/components/tabs/tabs.module.mjs +0 -19
- package/adeo/esm2020/components/tag/public-api.mjs +0 -3
- package/adeo/esm2020/components/tag/tag-type.mjs +0 -2
- package/adeo/esm2020/components/tag/tag.component.mjs +0 -61
- package/adeo/esm2020/components/tag/tag.module.mjs +0 -19
- package/adeo/esm2020/components/text-area/public-api.mjs +0 -3
- package/adeo/esm2020/components/text-area/text-area.component.mjs +0 -43
- package/adeo/esm2020/components/text-area/text-area.module.mjs +0 -16
- package/adeo/esm2020/components/text-input/public-api.mjs +0 -3
- package/adeo/esm2020/components/text-input/text-input.component.mjs +0 -64
- package/adeo/esm2020/components/text-input/text-input.mjs +0 -2
- package/adeo/esm2020/components/text-input/text-input.module.mjs +0 -20
- package/adeo/esm2020/components/toggle/public-api.mjs +0 -3
- package/adeo/esm2020/components/toggle/toggle-size.mjs +0 -2
- package/adeo/esm2020/components/toggle/toggle.component.mjs +0 -59
- package/adeo/esm2020/components/toggle/toggle.module.mjs +0 -18
- package/adeo/esm2020/components/tooltip/public-api.mjs +0 -3
- package/adeo/esm2020/components/tooltip/tooltip-position.mjs +0 -2
- package/adeo/esm2020/components/tooltip/tooltip.component.mjs +0 -32
- package/adeo/esm2020/components/tooltip/tooltip.module.mjs +0 -18
- package/adeo/esm2020/mozaic-ds-angular.mjs +0 -5
- package/adeo/esm2020/public-api.mjs +0 -3
- package/adeo/fesm2015/mozaic-ds-angular.mjs +0 -2052
- package/adeo/fesm2015/mozaic-ds-angular.mjs.map +0 -1
- package/adeo/fesm2020/mozaic-ds-angular.mjs +0 -2025
- package/adeo/fesm2020/mozaic-ds-angular.mjs.map +0 -1
- package/adeo/index.d.ts +0 -5
- package/adeo/package.json +0 -31
- package/adeo/public-api.d.ts +0 -2
- package/assets/tokens/adeo/android/colors.xml +0 -482
- package/assets/tokens/adeo/android/font_dimens.xml +0 -18
- package/assets/tokens/adeo/css/_variables.scss +0 -626
- package/assets/tokens/adeo/css/root.scss +0 -478
- package/assets/tokens/adeo/ios/StyleDictionaryColor.h +0 -490
- package/assets/tokens/adeo/ios/StyleDictionaryColor.m +0 -502
- package/assets/tokens/adeo/ios/StyleDictionaryColor.swift +0 -485
- package/assets/tokens/adeo/ios/StyleDictionarySize.h +0 -69
- package/assets/tokens/adeo/ios/StyleDictionarySize.m +0 -70
- package/assets/tokens/adeo/ios/StyleDictionarySize.swift +0 -71
- package/assets/tokens/adeo/js/tokens.js +0 -574
- package/assets/tokens/adeo/js/tokensObject.js +0 -9637
- package/assets/tokens/adeo/scss/_tokens.scss +0 -1617
|
@@ -40,10 +40,10 @@ export class TagComponent {
|
|
|
40
40
|
}
|
|
41
41
|
}
|
|
42
42
|
TagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TagComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
43
|
-
TagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TagComponent, selector: "moz-tag, a[moz-tag]", inputs: { type: "type", size: "size", select: "select" }, outputs: { selectChange: "selectChange", clickOnRemove: "clickOnRemove" }, host: { properties: { "class": "this.hostCssClasses" } }, ngImport: i0, template: "<ng-template #labelTemplate>\n <span [ngClass]=\"labelCssClass\">\n <ng-content></ng-content>\n </span>\n</ng-template>\n\n<ng-container [ngSwitch]=\"type\">\n <ng-container *ngSwitchCase=\"'selectable'\">\n <input\n class=\"mc-tag-selectable__input\"\n type=\"checkbox\"\n id=\"selectable\"\n [ngModel]=\"select\"\n (ngModelChange)=\"emitSelectChanges($event)\"\n />\n <label class=\"mc-tag-selectable__pill\" for=\"selectable\">\n <ng-container [ngTemplateOutlet]=\"labelTemplate\"></ng-container>\n </label>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'removable'\">\n <ng-container [ngTemplateOutlet]=\"labelTemplate\"></ng-container>\n <button class=\"mc-tag-removable__remove\" (click)=\"emitRemove()\"></button>\n </ng-container>\n\n <ng-container *ngSwitchDefault>\n <ng-container [ngTemplateOutlet]=\"labelTemplate\"></ng-container>\n </ng-container>\n</ng-container>\n", styles: [".mc-tag-text{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;background:#ffffff;color:#191919;box-shadow:inset 0 0 0 1px gray}.mc-tag-text:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-text--s{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-text--s:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}@media screen and (min-width: 680px){.mc-tag-text--s\\@from-m{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-text--s\\@from-m:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1024px){.mc-tag-text--s\\@from-l{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-text--s\\@from-l:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1280px){.mc-tag-text--s\\@from-xl{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-text--s\\@from-xl:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1920px){.mc-tag-text--s\\@from-xxl{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-text--s\\@from-xxl:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}.mc-tag-text--dark{background:#191919;color:#fff;box-shadow:inset 0 0 0 1px #fff}.mc-tag-link{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;text-decoration:none;outline:none;background:#ffffff;box-shadow:inset 0 0 0 1px gray;color:#191919}.mc-tag-link:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-link:hover{background:#e6e6e6}.mc-tag-link:active{background:#cccccc}.mc-tag-link:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc;box-shadow:0 0 0 .125rem #0b96cc}.mc-tag-link--s{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-link--s:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}@media screen and (min-width: 680px){.mc-tag-link--s\\@from-m{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-link--s\\@from-m:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1024px){.mc-tag-link--s\\@from-l{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-link--s\\@from-l:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1280px){.mc-tag-link--s\\@from-xl{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-link--s\\@from-xl:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1920px){.mc-tag-link--s\\@from-xxl{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-link--s\\@from-xxl:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}.mc-tag-link--dark{background:#191919;color:#fff;box-shadow:inset 0 0 0 1px #fff}.mc-tag-link--dark:hover{background:#333333}.mc-tag-link--dark:active{background:#4d4d4d}.mc-tag-selectable{display:inline-block;white-space:nowrap}.mc-tag-selectable__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}.mc-tag-selectable__label{-webkit-user-select:none;user-select:none}.mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;transition:box-shadow .2s ease;background:#ffffff;box-shadow:inset 0 0 0 1px gray;color:#191919;cursor:pointer}.mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-selectable__pill:hover{background:#9ed05f}:checked+.mc-tag-selectable__pill{background:#188803;box-shadow:inset 0 0 0 1px #188803;color:#fff}:checked+.mc-tag-selectable__pill:hover{background:#006902;box-shadow:inset 0 0 0 1px #006902}.mc-tag-selectable__pill:active{background:#035010;box-shadow:inset 0 0 0 1px #035010;color:#fff}:focus+.mc-tag-selectable__pill:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc;box-shadow:0 0 0 .125rem #0b96cc}:disabled+.mc-tag-selectable__pill{cursor:not-allowed;background:#e6e6e6;color:gray}.mc-tag-selectable--dark .mc-tag-selectable__pill{background:#191919;color:#fff;cursor:pointer}.mc-tag-selectable--dark .mc-tag-selectable__pill:hover{background:#006902}.mc-tag-selectable--dark .mc-tag-selectable__pill:active{background:#c5e39e;box-shadow:inset 0 0 0 1px #c5e39e;color:#191919}.mc-tag-selectable--dark :checked+.mc-tag-selectable__pill{background:#78be20;box-shadow:inset 0 0 0 1px #78be20;color:#191919}.mc-tag-selectable--dark :checked+.mc-tag-selectable__pill:hover{background:#9ed05f}.mc-tag-selectable--dark :disabled+.mc-tag-selectable__pill{cursor:not-allowed;background:#4d4d4d;color:gray}.mc-tag-selectable--s .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-selectable--s .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}@media screen and (min-width: 680px){.mc-tag-selectable--s\\@from-m .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-selectable--s\\@from-m .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1024px){.mc-tag-selectable--s\\@from-l .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-selectable--s\\@from-l .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1280px){.mc-tag-selectable--s\\@from-xl .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-selectable--s\\@from-xl .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1920px){.mc-tag-selectable--s\\@from-xxl .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-selectable--s\\@from-xxl .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}.mc-tag-selectable--m .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex}.mc-tag-selectable--m .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}@media screen and (min-width: 680px){.mc-tag-selectable--m\\@from-m .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex}.mc-tag-selectable--m\\@from-m .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}}@media screen and (min-width: 1024px){.mc-tag-selectable--m\\@from-l .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex}.mc-tag-selectable--m\\@from-l .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}}@media screen and (min-width: 1280px){.mc-tag-selectable--m\\@from-xl .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex}.mc-tag-selectable--m\\@from-xl .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}}@media screen and (min-width: 1920px){.mc-tag-selectable--m\\@from-xxl .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex}.mc-tag-selectable--m\\@from-xxl .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}}.mc-tag-removable{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;padding:0;background-color:#333;color:#fff}.mc-tag-removable:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-removable--s{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--s:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}.mc-tag-removable--s .mc-tag-removable__label{padding:.1875rem .25rem .1875rem 1rem}.mc-tag-removable--s .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}@media screen and (min-width: 680px){.mc-tag-removable--s\\@from-m{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-m:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}.mc-tag-removable--s\\@from-m .mc-tag-removable__label{padding:.1875rem .25rem .1875rem 1rem}.mc-tag-removable--s\\@from-m .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}}@media screen and (min-width: 1024px){.mc-tag-removable--s\\@from-l{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-l:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}.mc-tag-removable--s\\@from-l .mc-tag-removable__label{padding:.1875rem .25rem .1875rem 1rem}.mc-tag-removable--s\\@from-l .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}}@media screen and (min-width: 1280px){.mc-tag-removable--s\\@from-xl{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-xl:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}.mc-tag-removable--s\\@from-xl .mc-tag-removable__label{padding:.1875rem .25rem .1875rem 1rem}.mc-tag-removable--s\\@from-xl .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}}@media screen and (min-width: 1920px){.mc-tag-removable--s\\@from-xxl{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-xxl:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}.mc-tag-removable--s\\@from-xxl .mc-tag-removable__label{padding:.1875rem .25rem .1875rem 1rem}.mc-tag-removable--s\\@from-xxl .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}}.mc-tag-removable--m{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--m:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-removable--m .mc-tag-removable__label{padding:.6875rem .5rem .6875rem 1.5rem}.mc-tag-removable--m .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" fill=\"#cccccc\" viewBox=\"0 0 24 24\"><path d=\"M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\"/></svg>')}@media screen and (min-width: 680px){.mc-tag-removable--m\\@from-m{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-m:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-removable--m\\@from-m .mc-tag-removable__label{padding:.6875rem .5rem .6875rem 1.5rem}.mc-tag-removable--m\\@from-m .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" fill=\"#cccccc\" viewBox=\"0 0 24 24\"><path d=\"M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\"/></svg>')}}@media screen and (min-width: 1024px){.mc-tag-removable--m\\@from-l{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-l:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-removable--m\\@from-l .mc-tag-removable__label{padding:.6875rem .5rem .6875rem 1.5rem}.mc-tag-removable--m\\@from-l .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" fill=\"#cccccc\" viewBox=\"0 0 24 24\"><path d=\"M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\"/></svg>')}}@media screen and (min-width: 1280px){.mc-tag-removable--m\\@from-xl{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-xl:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-removable--m\\@from-xl .mc-tag-removable__label{padding:.6875rem .5rem .6875rem 1.5rem}.mc-tag-removable--m\\@from-xl .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" fill=\"#cccccc\" viewBox=\"0 0 24 24\"><path d=\"M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\"/></svg>')}}@media screen and (min-width: 1920px){.mc-tag-removable--m\\@from-xxl{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-xxl:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-removable--m\\@from-xxl .mc-tag-removable__label{padding:.6875rem .5rem .6875rem 1.5rem}.mc-tag-removable--m\\@from-xxl .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" fill=\"#cccccc\" viewBox=\"0 0 24 24\"><path d=\"M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\"/></svg>')}}.mc-tag-removable--dark{background-color:#ccc;color:#191919}.mc-tag-removable__label{padding:.6875rem .5rem .6875rem 1.5rem}.mc-tag-removable__remove{box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" fill=\"#cccccc\" viewBox=\"0 0 24 24\"><path d=\"M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\"/></svg>');position:relative;background-color:#333;margin:0;display:block;border-radius:50%;background-repeat:no-repeat;background-position:center}.mc-tag-removable__remove:after{box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:50%;inset:-.125rem}.mc-tag-removable__remove-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}.mc-tag-removable__remove:hover{background-color:#4d4d4d}.mc-tag-removable__remove:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc;box-shadow:0 0 0 .125rem #0b96cc}.mc-tag-removable__remove:active{background-color:#666}.mc-tag-removable--dark .mc-tag-removable__remove{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" fill=\"#191919\" viewBox=\"0 0 24 24\"><path d=\"M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\"/></svg>');background-color:#ccc}.mc-tag-removable--dark .mc-tag-removable__remove:hover{background-color:#b3b3b3}.mc-tag-removable--dark .mc-tag-removable__remove:active{background-color:#999}.mc-tag-list{list-style:none;margin-left:0;padding-left:0;display:flex;flex-flow:row wrap}.mc-tag-list__item{margin:0 1rem 1rem 0}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
43
|
+
TagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TagComponent, selector: "moz-tag, a[moz-tag]", inputs: { type: "type", size: "size", select: "select" }, outputs: { selectChange: "selectChange", clickOnRemove: "clickOnRemove" }, host: { properties: { "class": "this.hostCssClasses" } }, ngImport: i0, template: "<ng-template #labelTemplate>\n <span [ngClass]=\"labelCssClass\">\n <ng-content></ng-content>\n </span>\n</ng-template>\n\n<ng-container [ngSwitch]=\"type\">\n <ng-container *ngSwitchCase=\"'selectable'\">\n <input\n class=\"mc-tag-selectable__input\"\n type=\"checkbox\"\n id=\"selectable\"\n [ngModel]=\"select\"\n (ngModelChange)=\"emitSelectChanges($event)\"\n />\n <label class=\"mc-tag-selectable__pill\" for=\"selectable\">\n <ng-container [ngTemplateOutlet]=\"labelTemplate\"></ng-container>\n </label>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'removable'\">\n <ng-container [ngTemplateOutlet]=\"labelTemplate\"></ng-container>\n <button class=\"mc-tag-removable__remove\" (click)=\"emitRemove()\"></button>\n </ng-container>\n\n <ng-container *ngSwitchDefault>\n <ng-container [ngTemplateOutlet]=\"labelTemplate\"></ng-container>\n </ng-container>\n</ng-container>\n", styles: [".mc-tag-text{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;background:#ffffff;color:#191919;box-shadow:inset 0 0 0 1px gray}.mc-tag-text:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-text--s{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-text--s:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}@media screen and (min-width: 680px){.mc-tag-text--s\\@from-m{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-text--s\\@from-m:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1024px){.mc-tag-text--s\\@from-l{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-text--s\\@from-l:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1280px){.mc-tag-text--s\\@from-xl{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-text--s\\@from-xl:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1920px){.mc-tag-text--s\\@from-xxl{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-text--s\\@from-xxl:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}.mc-tag-text--dark{background:#191919;color:#fff;box-shadow:inset 0 0 0 1px #fff}.mc-tag-link{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;text-decoration:none;outline:none;background:#ffffff;box-shadow:inset 0 0 0 1px gray;color:#191919}.mc-tag-link:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-link:hover{background:#e6e6e6}.mc-tag-link:active{background:#cccccc}.mc-tag-link:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc;box-shadow:0 0 0 .125rem #0b96cc}.mc-tag-link--s{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-link--s:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}@media screen and (min-width: 680px){.mc-tag-link--s\\@from-m{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-link--s\\@from-m:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1024px){.mc-tag-link--s\\@from-l{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-link--s\\@from-l:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1280px){.mc-tag-link--s\\@from-xl{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-link--s\\@from-xl:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1920px){.mc-tag-link--s\\@from-xxl{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-link--s\\@from-xxl:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}.mc-tag-link--dark{background:#191919;color:#fff;box-shadow:inset 0 0 0 1px #fff}.mc-tag-link--dark:hover{background:#333333}.mc-tag-link--dark:active{background:#4d4d4d}.mc-tag-selectable{display:inline-block;white-space:nowrap}.mc-tag-selectable__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}.mc-tag-selectable__label{-webkit-user-select:none;user-select:none}.mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;transition:box-shadow .2s ease;background:#ffffff;box-shadow:inset 0 0 0 1px gray;color:#191919;cursor:pointer}.mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-selectable__pill:hover{background:#9ed05f}:checked+.mc-tag-selectable__pill{background:#188803;box-shadow:inset 0 0 0 1px #188803;color:#fff}:checked+.mc-tag-selectable__pill:hover{background:#006902;box-shadow:inset 0 0 0 1px #006902}.mc-tag-selectable__pill:active{background:#035010;box-shadow:inset 0 0 0 1px #035010;color:#fff}:focus+.mc-tag-selectable__pill:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc;box-shadow:0 0 0 .125rem #0b96cc}:disabled+.mc-tag-selectable__pill{cursor:not-allowed;background:#e6e6e6;color:gray}.mc-tag-selectable--dark .mc-tag-selectable__pill{background:#191919;color:#fff;cursor:pointer}.mc-tag-selectable--dark .mc-tag-selectable__pill:hover{background:#006902}.mc-tag-selectable--dark .mc-tag-selectable__pill:active{background:#c5e39e;box-shadow:inset 0 0 0 1px #c5e39e;color:#191919}.mc-tag-selectable--dark :checked+.mc-tag-selectable__pill{background:#78be20;box-shadow:inset 0 0 0 1px #78be20;color:#191919}.mc-tag-selectable--dark :checked+.mc-tag-selectable__pill:hover{background:#9ed05f}.mc-tag-selectable--dark :disabled+.mc-tag-selectable__pill{cursor:not-allowed;background:#4d4d4d;color:gray}.mc-tag-selectable--s .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-selectable--s .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}@media screen and (min-width: 680px){.mc-tag-selectable--s\\@from-m .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-selectable--s\\@from-m .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1024px){.mc-tag-selectable--s\\@from-l .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-selectable--s\\@from-l .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1280px){.mc-tag-selectable--s\\@from-xl .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-selectable--s\\@from-xl .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1920px){.mc-tag-selectable--s\\@from-xxl .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-selectable--s\\@from-xxl .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}.mc-tag-selectable--m .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex}.mc-tag-selectable--m .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}@media screen and (min-width: 680px){.mc-tag-selectable--m\\@from-m .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex}.mc-tag-selectable--m\\@from-m .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}}@media screen and (min-width: 1024px){.mc-tag-selectable--m\\@from-l .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex}.mc-tag-selectable--m\\@from-l .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}}@media screen and (min-width: 1280px){.mc-tag-selectable--m\\@from-xl .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex}.mc-tag-selectable--m\\@from-xl .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}}@media screen and (min-width: 1920px){.mc-tag-selectable--m\\@from-xxl .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex}.mc-tag-selectable--m\\@from-xxl .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}}.mc-tag-removable{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;padding:0;background-color:#333;color:#fff}.mc-tag-removable:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-removable--s{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--s:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}.mc-tag-removable--s .mc-tag-removable__label{padding:.1875rem .25rem .1875rem 1rem}.mc-tag-removable--s .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}@media screen and (min-width: 680px){.mc-tag-removable--s\\@from-m{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-m:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}.mc-tag-removable--s\\@from-m .mc-tag-removable__label{padding:.1875rem .25rem .1875rem 1rem}.mc-tag-removable--s\\@from-m .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}}@media screen and (min-width: 1024px){.mc-tag-removable--s\\@from-l{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-l:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}.mc-tag-removable--s\\@from-l .mc-tag-removable__label{padding:.1875rem .25rem .1875rem 1rem}.mc-tag-removable--s\\@from-l .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}}@media screen and (min-width: 1280px){.mc-tag-removable--s\\@from-xl{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-xl:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}.mc-tag-removable--s\\@from-xl .mc-tag-removable__label{padding:.1875rem .25rem .1875rem 1rem}.mc-tag-removable--s\\@from-xl .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}}@media screen and (min-width: 1920px){.mc-tag-removable--s\\@from-xxl{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-xxl:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}.mc-tag-removable--s\\@from-xxl .mc-tag-removable__label{padding:.1875rem .25rem .1875rem 1rem}.mc-tag-removable--s\\@from-xxl .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}}.mc-tag-removable--m{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--m:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-removable--m .mc-tag-removable__label{padding:.6875rem .5rem .6875rem 1.5rem}.mc-tag-removable--m .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23cccccc' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z'/%3E%3C/svg%3E\")}@media screen and (min-width: 680px){.mc-tag-removable--m\\@from-m{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-m:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-removable--m\\@from-m .mc-tag-removable__label{padding:.6875rem .5rem .6875rem 1.5rem}.mc-tag-removable--m\\@from-m .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23cccccc' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z'/%3E%3C/svg%3E\")}}@media screen and (min-width: 1024px){.mc-tag-removable--m\\@from-l{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-l:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-removable--m\\@from-l .mc-tag-removable__label{padding:.6875rem .5rem .6875rem 1.5rem}.mc-tag-removable--m\\@from-l .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23cccccc' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z'/%3E%3C/svg%3E\")}}@media screen and (min-width: 1280px){.mc-tag-removable--m\\@from-xl{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-xl:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-removable--m\\@from-xl .mc-tag-removable__label{padding:.6875rem .5rem .6875rem 1.5rem}.mc-tag-removable--m\\@from-xl .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23cccccc' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z'/%3E%3C/svg%3E\")}}@media screen and (min-width: 1920px){.mc-tag-removable--m\\@from-xxl{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-xxl:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-removable--m\\@from-xxl .mc-tag-removable__label{padding:.6875rem .5rem .6875rem 1.5rem}.mc-tag-removable--m\\@from-xxl .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23cccccc' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z'/%3E%3C/svg%3E\")}}.mc-tag-removable--dark{background-color:#ccc;color:#191919}.mc-tag-removable__label{padding:.6875rem .5rem .6875rem 1.5rem}.mc-tag-removable__remove{box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23cccccc' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z'/%3E%3C/svg%3E\");position:relative;background-color:#333;margin:0;display:block;border-radius:50%;background-repeat:no-repeat;background-position:center}.mc-tag-removable__remove:after{box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:50%;inset:-.125rem}.mc-tag-removable__remove-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}.mc-tag-removable__remove:hover{background-color:#4d4d4d}.mc-tag-removable__remove:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc;box-shadow:0 0 0 .125rem #0b96cc}.mc-tag-removable__remove:active{background-color:#666}.mc-tag-removable--dark .mc-tag-removable__remove{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23191919' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z'/%3E%3C/svg%3E\");background-color:#ccc}.mc-tag-removable--dark .mc-tag-removable__remove:hover{background-color:#b3b3b3}.mc-tag-removable--dark .mc-tag-removable__remove:active{background-color:#999}.mc-tag-list{list-style:none;margin-left:0;padding-left:0;display:flex;flex-flow:row wrap}.mc-tag-list__item{margin:0 1rem 1rem 0}.mc-tag-removable__remove{background-image:url(assets/special-icons/remove-tag.svg)!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
44
44
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TagComponent, decorators: [{
|
|
45
45
|
type: Component,
|
|
46
|
-
args: [{ selector: 'moz-tag, a[moz-tag]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-template #labelTemplate>\n <span [ngClass]=\"labelCssClass\">\n <ng-content></ng-content>\n </span>\n</ng-template>\n\n<ng-container [ngSwitch]=\"type\">\n <ng-container *ngSwitchCase=\"'selectable'\">\n <input\n class=\"mc-tag-selectable__input\"\n type=\"checkbox\"\n id=\"selectable\"\n [ngModel]=\"select\"\n (ngModelChange)=\"emitSelectChanges($event)\"\n />\n <label class=\"mc-tag-selectable__pill\" for=\"selectable\">\n <ng-container [ngTemplateOutlet]=\"labelTemplate\"></ng-container>\n </label>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'removable'\">\n <ng-container [ngTemplateOutlet]=\"labelTemplate\"></ng-container>\n <button class=\"mc-tag-removable__remove\" (click)=\"emitRemove()\"></button>\n </ng-container>\n\n <ng-container *ngSwitchDefault>\n <ng-container [ngTemplateOutlet]=\"labelTemplate\"></ng-container>\n </ng-container>\n</ng-container>\n", styles: [".mc-tag-text{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;background:#ffffff;color:#191919;box-shadow:inset 0 0 0 1px gray}.mc-tag-text:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-text--s{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-text--s:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}@media screen and (min-width: 680px){.mc-tag-text--s\\@from-m{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-text--s\\@from-m:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1024px){.mc-tag-text--s\\@from-l{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-text--s\\@from-l:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1280px){.mc-tag-text--s\\@from-xl{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-text--s\\@from-xl:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1920px){.mc-tag-text--s\\@from-xxl{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-text--s\\@from-xxl:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}.mc-tag-text--dark{background:#191919;color:#fff;box-shadow:inset 0 0 0 1px #fff}.mc-tag-link{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;text-decoration:none;outline:none;background:#ffffff;box-shadow:inset 0 0 0 1px gray;color:#191919}.mc-tag-link:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-link:hover{background:#e6e6e6}.mc-tag-link:active{background:#cccccc}.mc-tag-link:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc;box-shadow:0 0 0 .125rem #0b96cc}.mc-tag-link--s{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-link--s:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}@media screen and (min-width: 680px){.mc-tag-link--s\\@from-m{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-link--s\\@from-m:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1024px){.mc-tag-link--s\\@from-l{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-link--s\\@from-l:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1280px){.mc-tag-link--s\\@from-xl{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-link--s\\@from-xl:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1920px){.mc-tag-link--s\\@from-xxl{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-link--s\\@from-xxl:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}.mc-tag-link--dark{background:#191919;color:#fff;box-shadow:inset 0 0 0 1px #fff}.mc-tag-link--dark:hover{background:#333333}.mc-tag-link--dark:active{background:#4d4d4d}.mc-tag-selectable{display:inline-block;white-space:nowrap}.mc-tag-selectable__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}.mc-tag-selectable__label{-webkit-user-select:none;user-select:none}.mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;transition:box-shadow .2s ease;background:#ffffff;box-shadow:inset 0 0 0 1px gray;color:#191919;cursor:pointer}.mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-selectable__pill:hover{background:#9ed05f}:checked+.mc-tag-selectable__pill{background:#188803;box-shadow:inset 0 0 0 1px #188803;color:#fff}:checked+.mc-tag-selectable__pill:hover{background:#006902;box-shadow:inset 0 0 0 1px #006902}.mc-tag-selectable__pill:active{background:#035010;box-shadow:inset 0 0 0 1px #035010;color:#fff}:focus+.mc-tag-selectable__pill:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc;box-shadow:0 0 0 .125rem #0b96cc}:disabled+.mc-tag-selectable__pill{cursor:not-allowed;background:#e6e6e6;color:gray}.mc-tag-selectable--dark .mc-tag-selectable__pill{background:#191919;color:#fff;cursor:pointer}.mc-tag-selectable--dark .mc-tag-selectable__pill:hover{background:#006902}.mc-tag-selectable--dark .mc-tag-selectable__pill:active{background:#c5e39e;box-shadow:inset 0 0 0 1px #c5e39e;color:#191919}.mc-tag-selectable--dark :checked+.mc-tag-selectable__pill{background:#78be20;box-shadow:inset 0 0 0 1px #78be20;color:#191919}.mc-tag-selectable--dark :checked+.mc-tag-selectable__pill:hover{background:#9ed05f}.mc-tag-selectable--dark :disabled+.mc-tag-selectable__pill{cursor:not-allowed;background:#4d4d4d;color:gray}.mc-tag-selectable--s .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-selectable--s .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}@media screen and (min-width: 680px){.mc-tag-selectable--s\\@from-m .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-selectable--s\\@from-m .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1024px){.mc-tag-selectable--s\\@from-l .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-selectable--s\\@from-l .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1280px){.mc-tag-selectable--s\\@from-xl .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-selectable--s\\@from-xl .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1920px){.mc-tag-selectable--s\\@from-xxl .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-selectable--s\\@from-xxl .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}.mc-tag-selectable--m .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex}.mc-tag-selectable--m .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}@media screen and (min-width: 680px){.mc-tag-selectable--m\\@from-m .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex}.mc-tag-selectable--m\\@from-m .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}}@media screen and (min-width: 1024px){.mc-tag-selectable--m\\@from-l .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex}.mc-tag-selectable--m\\@from-l .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}}@media screen and (min-width: 1280px){.mc-tag-selectable--m\\@from-xl .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex}.mc-tag-selectable--m\\@from-xl .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}}@media screen and (min-width: 1920px){.mc-tag-selectable--m\\@from-xxl .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex}.mc-tag-selectable--m\\@from-xxl .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}}.mc-tag-removable{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;padding:0;background-color:#333;color:#fff}.mc-tag-removable:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-removable--s{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--s:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}.mc-tag-removable--s .mc-tag-removable__label{padding:.1875rem .25rem .1875rem 1rem}.mc-tag-removable--s .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}@media screen and (min-width: 680px){.mc-tag-removable--s\\@from-m{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-m:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}.mc-tag-removable--s\\@from-m .mc-tag-removable__label{padding:.1875rem .25rem .1875rem 1rem}.mc-tag-removable--s\\@from-m .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}}@media screen and (min-width: 1024px){.mc-tag-removable--s\\@from-l{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-l:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}.mc-tag-removable--s\\@from-l .mc-tag-removable__label{padding:.1875rem .25rem .1875rem 1rem}.mc-tag-removable--s\\@from-l .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}}@media screen and (min-width: 1280px){.mc-tag-removable--s\\@from-xl{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-xl:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}.mc-tag-removable--s\\@from-xl .mc-tag-removable__label{padding:.1875rem .25rem .1875rem 1rem}.mc-tag-removable--s\\@from-xl .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}}@media screen and (min-width: 1920px){.mc-tag-removable--s\\@from-xxl{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-xxl:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}.mc-tag-removable--s\\@from-xxl .mc-tag-removable__label{padding:.1875rem .25rem .1875rem 1rem}.mc-tag-removable--s\\@from-xxl .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}}.mc-tag-removable--m{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--m:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-removable--m .mc-tag-removable__label{padding:.6875rem .5rem .6875rem 1.5rem}.mc-tag-removable--m .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" fill=\"#cccccc\" viewBox=\"0 0 24 24\"><path d=\"M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\"/></svg>')}@media screen and (min-width: 680px){.mc-tag-removable--m\\@from-m{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-m:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-removable--m\\@from-m .mc-tag-removable__label{padding:.6875rem .5rem .6875rem 1.5rem}.mc-tag-removable--m\\@from-m .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" fill=\"#cccccc\" viewBox=\"0 0 24 24\"><path d=\"M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\"/></svg>')}}@media screen and (min-width: 1024px){.mc-tag-removable--m\\@from-l{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-l:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-removable--m\\@from-l .mc-tag-removable__label{padding:.6875rem .5rem .6875rem 1.5rem}.mc-tag-removable--m\\@from-l .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" fill=\"#cccccc\" viewBox=\"0 0 24 24\"><path d=\"M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\"/></svg>')}}@media screen and (min-width: 1280px){.mc-tag-removable--m\\@from-xl{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-xl:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-removable--m\\@from-xl .mc-tag-removable__label{padding:.6875rem .5rem .6875rem 1.5rem}.mc-tag-removable--m\\@from-xl .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" fill=\"#cccccc\" viewBox=\"0 0 24 24\"><path d=\"M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\"/></svg>')}}@media screen and (min-width: 1920px){.mc-tag-removable--m\\@from-xxl{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-xxl:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-removable--m\\@from-xxl .mc-tag-removable__label{padding:.6875rem .5rem .6875rem 1.5rem}.mc-tag-removable--m\\@from-xxl .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" fill=\"#cccccc\" viewBox=\"0 0 24 24\"><path d=\"M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\"/></svg>')}}.mc-tag-removable--dark{background-color:#ccc;color:#191919}.mc-tag-removable__label{padding:.6875rem .5rem .6875rem 1.5rem}.mc-tag-removable__remove{box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" fill=\"#cccccc\" viewBox=\"0 0 24 24\"><path d=\"M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\"/></svg>');position:relative;background-color:#333;margin:0;display:block;border-radius:50%;background-repeat:no-repeat;background-position:center}.mc-tag-removable__remove:after{box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:50%;inset:-.125rem}.mc-tag-removable__remove-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}.mc-tag-removable__remove:hover{background-color:#4d4d4d}.mc-tag-removable__remove:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc;box-shadow:0 0 0 .125rem #0b96cc}.mc-tag-removable__remove:active{background-color:#666}.mc-tag-removable--dark .mc-tag-removable__remove{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" fill=\"#191919\" viewBox=\"0 0 24 24\"><path d=\"M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z\"/></svg>');background-color:#ccc}.mc-tag-removable--dark .mc-tag-removable__remove:hover{background-color:#b3b3b3}.mc-tag-removable--dark .mc-tag-removable__remove:active{background-color:#999}.mc-tag-list{list-style:none;margin-left:0;padding-left:0;display:flex;flex-flow:row wrap}.mc-tag-list__item{margin:0 1rem 1rem 0}\n"] }]
|
|
46
|
+
args: [{ selector: 'moz-tag, a[moz-tag]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-template #labelTemplate>\n <span [ngClass]=\"labelCssClass\">\n <ng-content></ng-content>\n </span>\n</ng-template>\n\n<ng-container [ngSwitch]=\"type\">\n <ng-container *ngSwitchCase=\"'selectable'\">\n <input\n class=\"mc-tag-selectable__input\"\n type=\"checkbox\"\n id=\"selectable\"\n [ngModel]=\"select\"\n (ngModelChange)=\"emitSelectChanges($event)\"\n />\n <label class=\"mc-tag-selectable__pill\" for=\"selectable\">\n <ng-container [ngTemplateOutlet]=\"labelTemplate\"></ng-container>\n </label>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'removable'\">\n <ng-container [ngTemplateOutlet]=\"labelTemplate\"></ng-container>\n <button class=\"mc-tag-removable__remove\" (click)=\"emitRemove()\"></button>\n </ng-container>\n\n <ng-container *ngSwitchDefault>\n <ng-container [ngTemplateOutlet]=\"labelTemplate\"></ng-container>\n </ng-container>\n</ng-container>\n", styles: [".mc-tag-text{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;background:#ffffff;color:#191919;box-shadow:inset 0 0 0 1px gray}.mc-tag-text:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-text--s{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-text--s:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}@media screen and (min-width: 680px){.mc-tag-text--s\\@from-m{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-text--s\\@from-m:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1024px){.mc-tag-text--s\\@from-l{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-text--s\\@from-l:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1280px){.mc-tag-text--s\\@from-xl{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-text--s\\@from-xl:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1920px){.mc-tag-text--s\\@from-xxl{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-text--s\\@from-xxl:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}.mc-tag-text--dark{background:#191919;color:#fff;box-shadow:inset 0 0 0 1px #fff}.mc-tag-link{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;text-decoration:none;outline:none;background:#ffffff;box-shadow:inset 0 0 0 1px gray;color:#191919}.mc-tag-link:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-link:hover{background:#e6e6e6}.mc-tag-link:active{background:#cccccc}.mc-tag-link:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc;box-shadow:0 0 0 .125rem #0b96cc}.mc-tag-link--s{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-link--s:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}@media screen and (min-width: 680px){.mc-tag-link--s\\@from-m{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-link--s\\@from-m:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1024px){.mc-tag-link--s\\@from-l{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-link--s\\@from-l:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1280px){.mc-tag-link--s\\@from-xl{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-link--s\\@from-xl:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1920px){.mc-tag-link--s\\@from-xxl{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-link--s\\@from-xxl:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}.mc-tag-link--dark{background:#191919;color:#fff;box-shadow:inset 0 0 0 1px #fff}.mc-tag-link--dark:hover{background:#333333}.mc-tag-link--dark:active{background:#4d4d4d}.mc-tag-selectable{display:inline-block;white-space:nowrap}.mc-tag-selectable__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}.mc-tag-selectable__label{-webkit-user-select:none;user-select:none}.mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;transition:box-shadow .2s ease;background:#ffffff;box-shadow:inset 0 0 0 1px gray;color:#191919;cursor:pointer}.mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-selectable__pill:hover{background:#9ed05f}:checked+.mc-tag-selectable__pill{background:#188803;box-shadow:inset 0 0 0 1px #188803;color:#fff}:checked+.mc-tag-selectable__pill:hover{background:#006902;box-shadow:inset 0 0 0 1px #006902}.mc-tag-selectable__pill:active{background:#035010;box-shadow:inset 0 0 0 1px #035010;color:#fff}:focus+.mc-tag-selectable__pill:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc;box-shadow:0 0 0 .125rem #0b96cc}:disabled+.mc-tag-selectable__pill{cursor:not-allowed;background:#e6e6e6;color:gray}.mc-tag-selectable--dark .mc-tag-selectable__pill{background:#191919;color:#fff;cursor:pointer}.mc-tag-selectable--dark .mc-tag-selectable__pill:hover{background:#006902}.mc-tag-selectable--dark .mc-tag-selectable__pill:active{background:#c5e39e;box-shadow:inset 0 0 0 1px #c5e39e;color:#191919}.mc-tag-selectable--dark :checked+.mc-tag-selectable__pill{background:#78be20;box-shadow:inset 0 0 0 1px #78be20;color:#191919}.mc-tag-selectable--dark :checked+.mc-tag-selectable__pill:hover{background:#9ed05f}.mc-tag-selectable--dark :disabled+.mc-tag-selectable__pill{cursor:not-allowed;background:#4d4d4d;color:gray}.mc-tag-selectable--s .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-selectable--s .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}@media screen and (min-width: 680px){.mc-tag-selectable--s\\@from-m .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-selectable--s\\@from-m .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1024px){.mc-tag-selectable--s\\@from-l .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-selectable--s\\@from-l .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1280px){.mc-tag-selectable--s\\@from-xl .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-selectable--s\\@from-xl .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}@media screen and (min-width: 1920px){.mc-tag-selectable--s\\@from-xxl .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex}.mc-tag-selectable--s\\@from-xxl .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}}.mc-tag-selectable--m .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex}.mc-tag-selectable--m .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}@media screen and (min-width: 680px){.mc-tag-selectable--m\\@from-m .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex}.mc-tag-selectable--m\\@from-m .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}}@media screen and (min-width: 1024px){.mc-tag-selectable--m\\@from-l .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex}.mc-tag-selectable--m\\@from-l .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}}@media screen and (min-width: 1280px){.mc-tag-selectable--m\\@from-xl .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex}.mc-tag-selectable--m\\@from-xl .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}}@media screen and (min-width: 1920px){.mc-tag-selectable--m\\@from-xxl .mc-tag-selectable__pill{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex}.mc-tag-selectable--m\\@from-xxl .mc-tag-selectable__pill:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}}.mc-tag-removable{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;padding:0;background-color:#333;color:#fff}.mc-tag-removable:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-removable--s{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--s:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}.mc-tag-removable--s .mc-tag-removable__label{padding:.1875rem .25rem .1875rem 1rem}.mc-tag-removable--s .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}@media screen and (min-width: 680px){.mc-tag-removable--s\\@from-m{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-m:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}.mc-tag-removable--s\\@from-m .mc-tag-removable__label{padding:.1875rem .25rem .1875rem 1rem}.mc-tag-removable--s\\@from-m .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}}@media screen and (min-width: 1024px){.mc-tag-removable--s\\@from-l{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-l:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}.mc-tag-removable--s\\@from-l .mc-tag-removable__label{padding:.1875rem .25rem .1875rem 1rem}.mc-tag-removable--s\\@from-l .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}}@media screen and (min-width: 1280px){.mc-tag-removable--s\\@from-xl{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-xl:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}.mc-tag-removable--s\\@from-xl .mc-tag-removable__label{padding:.1875rem .25rem .1875rem 1rem}.mc-tag-removable--s\\@from-xl .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}}@media screen and (min-width: 1920px){.mc-tag-removable--s\\@from-xxl{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:.75rem;padding:.1875rem 1rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--s\\@from-xxl:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:.875rem;inset:-.125rem}.mc-tag-removable--s\\@from-xxl .mc-tag-removable__label{padding:.1875rem .25rem .1875rem 1rem}.mc-tag-removable--s\\@from-xxl .mc-tag-removable__remove{width:1.5rem;height:1.5rem;background-size:1rem}}.mc-tag-removable--m{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--m:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-removable--m .mc-tag-removable__label{padding:.6875rem .5rem .6875rem 1.5rem}.mc-tag-removable--m .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23cccccc' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z'/%3E%3C/svg%3E\")}@media screen and (min-width: 680px){.mc-tag-removable--m\\@from-m{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-m:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-removable--m\\@from-m .mc-tag-removable__label{padding:.6875rem .5rem .6875rem 1.5rem}.mc-tag-removable--m\\@from-m .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23cccccc' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z'/%3E%3C/svg%3E\")}}@media screen and (min-width: 1024px){.mc-tag-removable--m\\@from-l{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-l:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-removable--m\\@from-l .mc-tag-removable__label{padding:.6875rem .5rem .6875rem 1.5rem}.mc-tag-removable--m\\@from-l .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23cccccc' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z'/%3E%3C/svg%3E\")}}@media screen and (min-width: 1280px){.mc-tag-removable--m\\@from-xl{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-xl:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-removable--m\\@from-xl .mc-tag-removable__label{padding:.6875rem .5rem .6875rem 1.5rem}.mc-tag-removable--m\\@from-xl .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23cccccc' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z'/%3E%3C/svg%3E\")}}@media screen and (min-width: 1920px){.mc-tag-removable--m\\@from-xxl{font-family:LeroyMerlin,sans-serif;font-weight:400;font-size:.875rem;line-height:1.2857142857;border-radius:1.25rem;padding:.6875rem 1.5rem;position:relative;display:inline-flex;padding:0}.mc-tag-removable--m\\@from-xxl:after{border-radius:2px;box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:1.375rem;inset:-.125rem}.mc-tag-removable--m\\@from-xxl .mc-tag-removable__label{padding:.6875rem .5rem .6875rem 1.5rem}.mc-tag-removable--m\\@from-xxl .mc-tag-removable__remove{width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23cccccc' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z'/%3E%3C/svg%3E\")}}.mc-tag-removable--dark{background-color:#ccc;color:#191919}.mc-tag-removable__label{padding:.6875rem .5rem .6875rem 1.5rem}.mc-tag-removable__remove{box-shadow:none;text-decoration:none;outline:none;border:none;cursor:pointer;padding:0;width:2.5rem;height:2.5rem;background-size:1.5rem;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23cccccc' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z'/%3E%3C/svg%3E\");position:relative;background-color:#333;margin:0;display:block;border-radius:50%;background-repeat:no-repeat;background-position:center}.mc-tag-removable__remove:after{box-shadow:0 0 0 0 transparent;content:\"\";display:block;pointer-events:none;position:absolute;inset:0;transition:box-shadow .2s ease;border-radius:50%;inset:-.125rem}.mc-tag-removable__remove-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}.mc-tag-removable__remove:hover{background-color:#4d4d4d}.mc-tag-removable__remove:focus:after{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc;box-shadow:0 0 0 .125rem #0b96cc}.mc-tag-removable__remove:active{background-color:#666}.mc-tag-removable--dark .mc-tag-removable__remove{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' fill='%23191919' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z'/%3E%3C/svg%3E\");background-color:#ccc}.mc-tag-removable--dark .mc-tag-removable__remove:hover{background-color:#b3b3b3}.mc-tag-removable--dark .mc-tag-removable__remove:active{background-color:#999}.mc-tag-list{list-style:none;margin-left:0;padding-left:0;display:flex;flex-flow:row wrap}.mc-tag-list__item{margin:0 1rem 1rem 0}.mc-tag-removable__remove{background-image:url(assets/special-icons/remove-tag.svg)!important}\n"] }]
|
|
47
47
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { type: [{
|
|
48
48
|
type: Input
|
|
49
49
|
}], size: [{
|
|
@@ -47,10 +47,10 @@ export class TextInputComponent {
|
|
|
47
47
|
}
|
|
48
48
|
}
|
|
49
49
|
TextInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TextInputComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
50
|
-
TextInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TextInputComponent, selector: "input[moz-input]", inputs: { size: "size", invalid: "invalid", valid: "valid" }, host: { properties: { "class": "this.hostCssClasses" } }, ngImport: i0, template: '', isInline: true, styles: [".mc-text-input{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem;transition:box-shadow .2s ease;display:block;width:100%;position:relative;border:1px solid #666666;color:#191919;background-color:#fff;border-radius:4px}.mc-text-input[type=number]::-webkit-inner-spin-button,.mc-text-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-text-input[type=number]{-moz-appearance:textfield}.mc-text-input[type=search]::-webkit-search-decoration:hover,.mc-text-input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-text-input::placeholder{font-size:1rem;line-height:1.375}.mc-text-input::placeholder{margin:0;color:#666;opacity:1}.mc-text-input.is-valid,.mc-text-input.is-invalid{background-repeat:no-repeat;background-size:1.5rem 1.5rem;background-position:right .4375rem center;padding-right:2.5rem}.mc-text-input.is-valid{border-color:#46a610;background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" fill=\"#46a610\" viewBox=\"0 0 24 24\"><path d=\"M12 4a8 8 0 11-8 8 8 8 0 018-8m0-2a10 10 0 1010 10A10 10 0 0012 2z\"/><path d=\"M10.73 15.75a1 1 0 01-.68-.26l-3-2.74a1 1 0 011.36-1.47l2.25 2.08 4.36-4.42a1 1 0 111.42 1.41l-5 5.1a1 1 0 01-.71.3z\"/></svg>')}.mc-text-input.is-valid:hover,.mc-text-input.is-valid.is-hover{border-color:#035010}.mc-text-input.is-invalid{border-color:#c61112;background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" viewBox=\"0 0 24 24\" fill=\"#c61112\"><path d=\"M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z\"/><path d=\"M12 7a1 1 0 00-1 1v4.38a1 1 0 002 0V8a1 1 0 00-1-1z\"/><circle cx=\"12\" cy=\"16\" r=\"1\"/></svg>')}.mc-text-input.is-invalid:hover,.mc-text-input.is-invalid.is-hover{border-color:#530000}.mc-text-input:hover{border-color:#191919}.mc-text-input:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-text-input:disabled{background:#e6e6e6;border-color:#e6e6e6;color:#666;cursor:not-allowed}.mc-text-input--s{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s::placeholder{font-size:.875rem;line-height:1.2857142857}@media screen and (min-width: 680px){.mc-text-input--s\\@from-m{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-m::placeholder{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1024px){.mc-text-input--s\\@from-l{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-l::placeholder{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1280px){.mc-text-input--s\\@from-xl{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-xl::placeholder{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1920px){.mc-text-input--s\\@from-xxl{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-xxl::placeholder{font-size:.875rem;line-height:1.2857142857}}.mc-text-input--m{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m::placeholder{font-size:1rem;line-height:1.375}@media screen and (min-width: 680px){.mc-text-input--m\\@from-m{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-m::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-text-input--m\\@from-l{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-l::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-text-input--m\\@from-xl{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-xl::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-text-input--m\\@from-xxl{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-xxl::placeholder{font-size:1rem;line-height:1.375}}.mc-radio{align-items:center;display:flex}.mc-radio__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:.5rem;color:#000}.mc-radio__input{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;border:2px solid #666666;min-width:20px;width:1.25rem;min-height:20px;height:1.25rem;border-radius:50%;background-color:#fff;position:relative;transition:all .2s ease;cursor:pointer}.mc-radio__input[type=number]::-webkit-inner-spin-button,.mc-radio__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-radio__input[type=number]{-moz-appearance:textfield}.mc-radio__input[type=search]::-webkit-search-decoration:hover,.mc-radio__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-radio__input:before{border-radius:50%;content:\"\";display:block;height:.375rem;left:50%;min-height:6px;min-width:6px;position:absolute;top:50%;transform:translate(-50%,-50%);width:.375rem}.mc-radio__input::-ms-check{background-color:#fff;border:2px solid #666666;color:#fff}.mc-radio__input:hover{border-color:#191919}.mc-radio__input:hover::-ms-check{border-color:#191919}.mc-radio__input:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-radio__input:focus::-ms-check{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-radio__input:checked{background-color:#46a610;border-color:#46a610}.mc-radio__input:checked::-ms-check{border-color:#46a610;background-color:#46a610}.mc-radio__input:checked:before{background-color:#fff}.mc-radio__input:checked:hover{border-color:#035010}.mc-radio__input:checked:hover::-ms-check{border-color:#035010}.mc-radio__input:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-radio__input:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-radio__input:disabled+.mc-radio__label{color:gray}.mc-radio__input:disabled:checked:before{background-color:#999}.mc-radio__input.is-invalid{border-color:#c61112}.mc-radio__input.is-invalid::-ms-check{border-color:#c61112}.mc-radio__input.is-invalid:hover{border-color:#530000}.mc-radio__input.is-invalid:hover::-ms-check{border-color:#530000}.mc-checkbox{align-items:center;display:flex}.mc-checkbox__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:.5rem;color:#000}.mc-checkbox__input{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-radius:4px;border:2px solid #666666;background-color:#fff;position:relative;transition:all .2s ease;cursor:pointer}.mc-checkbox__input[type=number]::-webkit-inner-spin-button,.mc-checkbox__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-checkbox__input[type=number]{-moz-appearance:textfield}.mc-checkbox__input[type=search]::-webkit-search-decoration:hover,.mc-checkbox__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-checkbox__input::-ms-check{background-color:#fff;border:2px solid #666666;border-radius:4px;color:#fff}.mc-checkbox__input:hover{border-color:#191919}.mc-checkbox__input:hover::-ms-check{border-color:#191919}.mc-checkbox__input:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-checkbox__input:focus::-ms-check{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-checkbox__input:checked,.mc-checkbox__input:indeterminate{background-color:#46a610;border-color:#46a610;background-size:1rem 1rem}.mc-checkbox__input:checked{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#ffffff\" viewBox=\"0 0 16 16\"><path d=\"M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z\"/></svg>');background-position:center center}.mc-checkbox__input:checked::-ms-check{background-color:#46a610;border-color:#46a610}.mc-checkbox__input:checked:hover:not(:disabled){border-color:#035010}.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check{border-color:#035010}.mc-checkbox__input:indeterminate{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#ffffff\" viewBox=\"0 0 16 16\"><path d=\"M12 9H4a1 1 0 010-2h8a1 1 0 010 2z\"/></svg>')}.mc-checkbox__input:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input:disabled:checked{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#999999\" viewBox=\"0 0 16 16\"><path d=\"M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z\"/></svg>')}.mc-checkbox__input:disabled:indeterminate{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#999999\" viewBox=\"0 0 16 16\"><path d=\"M12 9H4a1 1 0 010-2h8a1 1 0 010 2z\"/></svg>')}.mc-checkbox__input:disabled+.mc-checkbox__label{color:gray}.mc-checkbox__input.is-invalid{border-color:#c61112}.mc-checkbox__input.is-invalid::-ms-check{border-color:#c61112}.mc-checkbox__input.is-invalid:hover{border-color:#530000}.mc-checkbox__input.is-invalid:hover::-ms-check{border-color:#530000}.mc-text-input--m{height:3rem}.mc-text-input--s{height:2rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
50
|
+
TextInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TextInputComponent, selector: "input[moz-input]", inputs: { size: "size", invalid: "invalid", valid: "valid" }, host: { properties: { "class": "this.hostCssClasses" } }, ngImport: i0, template: '', isInline: true, styles: [".mc-text-input{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem;transition:box-shadow .2s ease;display:block;width:100%;position:relative;border:1px solid #666666;color:#191919;background-color:#fff;border-radius:4px}.mc-text-input[type=number]::-webkit-inner-spin-button,.mc-text-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-text-input[type=number]{-moz-appearance:textfield}.mc-text-input[type=search]::-webkit-search-decoration:hover,.mc-text-input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-text-input::placeholder{font-size:1rem;line-height:1.375}.mc-text-input::placeholder{margin:0;color:#666;opacity:1}.mc-text-input.is-valid,.mc-text-input.is-invalid{background-repeat:no-repeat;background-size:1.5rem 1.5rem;background-position:right .4375rem center;padding-right:2.5rem}.mc-text-input.is-valid{border-color:#46a610;background-image:url(data:image/svg+xml,)}.mc-text-input.is-valid:hover,.mc-text-input.is-valid.is-hover{border-color:#035010}.mc-text-input.is-invalid{border-color:#c61112;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23c61112'%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z'/%3E%3Cpath d='M12 7a1 1 0 00-1 1v4.38a1 1 0 002 0V8a1 1 0 00-1-1z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/svg%3E\")}.mc-text-input.is-invalid:hover,.mc-text-input.is-invalid.is-hover{border-color:#530000}.mc-text-input:hover{border-color:#191919}.mc-text-input:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-text-input:disabled{background:#e6e6e6;border-color:#e6e6e6;color:#666;cursor:not-allowed}.mc-text-input--s{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s::placeholder{font-size:.875rem;line-height:1.2857142857}@media screen and (min-width: 680px){.mc-text-input--s\\@from-m{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-m::placeholder{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1024px){.mc-text-input--s\\@from-l{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-l::placeholder{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1280px){.mc-text-input--s\\@from-xl{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-xl::placeholder{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1920px){.mc-text-input--s\\@from-xxl{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-xxl::placeholder{font-size:.875rem;line-height:1.2857142857}}.mc-text-input--m{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m::placeholder{font-size:1rem;line-height:1.375}@media screen and (min-width: 680px){.mc-text-input--m\\@from-m{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-m::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-text-input--m\\@from-l{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-l::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-text-input--m\\@from-xl{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-xl::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-text-input--m\\@from-xxl{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-xxl::placeholder{font-size:1rem;line-height:1.375}}.mc-radio{align-items:center;display:flex}.mc-radio__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:.5rem;color:#000}.mc-radio__input{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;border:2px solid #666666;min-width:20px;width:1.25rem;min-height:20px;height:1.25rem;border-radius:50%;background-color:#fff;position:relative;transition:all .2s ease;cursor:pointer}.mc-radio__input[type=number]::-webkit-inner-spin-button,.mc-radio__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-radio__input[type=number]{-moz-appearance:textfield}.mc-radio__input[type=search]::-webkit-search-decoration:hover,.mc-radio__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-radio__input:before{border-radius:50%;content:\"\";display:block;height:.375rem;left:50%;min-height:6px;min-width:6px;position:absolute;top:50%;transform:translate(-50%,-50%);width:.375rem}.mc-radio__input::-ms-check{background-color:#fff;border:2px solid #666666;color:#fff}.mc-radio__input:hover{border-color:#191919}.mc-radio__input:hover::-ms-check{border-color:#191919}.mc-radio__input:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-radio__input:focus::-ms-check{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-radio__input:checked{background-color:#46a610;border-color:#46a610}.mc-radio__input:checked::-ms-check{border-color:#46a610;background-color:#46a610}.mc-radio__input:checked:before{background-color:#fff}.mc-radio__input:checked:hover{border-color:#035010}.mc-radio__input:checked:hover::-ms-check{border-color:#035010}.mc-radio__input:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-radio__input:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-radio__input:disabled+.mc-radio__label{color:gray}.mc-radio__input:disabled:checked:before{background-color:#999}.mc-radio__input.is-invalid{border-color:#c61112}.mc-radio__input.is-invalid::-ms-check{border-color:#c61112}.mc-radio__input.is-invalid:hover{border-color:#530000}.mc-radio__input.is-invalid:hover::-ms-check{border-color:#530000}.mc-checkbox{align-items:center;display:flex}.mc-checkbox__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:.5rem;color:#000}.mc-checkbox__input{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-radius:4px;border:2px solid #666666;background-color:#fff;position:relative;transition:all .2s ease;cursor:pointer}.mc-checkbox__input[type=number]::-webkit-inner-spin-button,.mc-checkbox__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-checkbox__input[type=number]{-moz-appearance:textfield}.mc-checkbox__input[type=search]::-webkit-search-decoration:hover,.mc-checkbox__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-checkbox__input::-ms-check{background-color:#fff;border:2px solid #666666;border-radius:4px;color:#fff}.mc-checkbox__input:hover{border-color:#191919}.mc-checkbox__input:hover::-ms-check{border-color:#191919}.mc-checkbox__input:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-checkbox__input:focus::-ms-check{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-checkbox__input:checked,.mc-checkbox__input:indeterminate{background-color:#46a610;border-color:#46a610;background-size:1rem 1rem}.mc-checkbox__input:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\");background-position:center center}.mc-checkbox__input:checked::-ms-check{background-color:#46a610;border-color:#46a610}.mc-checkbox__input:checked:hover:not(:disabled){border-color:#035010}.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check{border-color:#035010}.mc-checkbox__input:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input:disabled:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled+.mc-checkbox__label{color:gray}.mc-checkbox__input.is-invalid{border-color:#c61112}.mc-checkbox__input.is-invalid::-ms-check{border-color:#c61112}.mc-checkbox__input.is-invalid:hover{border-color:#530000}.mc-checkbox__input.is-invalid:hover::-ms-check{border-color:#530000}.mc-text-input--m{height:3rem}.mc-text-input--s{height:2rem}.mc-text-input.is-invalid:not(:disabled){background-image:url(assets/special-icons/invalid-cross.svg)}.mc-text-input.is-valid:not(:disabled){background-image:url(assets/special-icons/valid-check-mark.svg)}.mc-checkbox__input:checked:disabled{background-image:url(assets/special-icons/checkbox-checked-disabled.svg)}.mc-checkbox__input:checked{background-image:url(assets/special-icons/checkbox-checked.svg)}.mc-checkbox__input:indeterminate{background-image:url(assets/special-icons/checkbox-indeterminate.svg)}.mc-checkbox__input:disabled:indeterminate{background-image:url(assets/special-icons/checkbox-indeterminate-disabled.svg)}.mc-checkbox__label:empty{display:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
51
51
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TextInputComponent, decorators: [{
|
|
52
52
|
type: Component,
|
|
53
|
-
args: [{ selector: 'input[moz-input]', template: '', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [".mc-text-input{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem;transition:box-shadow .2s ease;display:block;width:100%;position:relative;border:1px solid #666666;color:#191919;background-color:#fff;border-radius:4px}.mc-text-input[type=number]::-webkit-inner-spin-button,.mc-text-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-text-input[type=number]{-moz-appearance:textfield}.mc-text-input[type=search]::-webkit-search-decoration:hover,.mc-text-input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-text-input::placeholder{font-size:1rem;line-height:1.375}.mc-text-input::placeholder{margin:0;color:#666;opacity:1}.mc-text-input.is-valid,.mc-text-input.is-invalid{background-repeat:no-repeat;background-size:1.5rem 1.5rem;background-position:right .4375rem center;padding-right:2.5rem}.mc-text-input.is-valid{border-color:#46a610;background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" fill=\"#46a610\" viewBox=\"0 0 24 24\"><path d=\"M12 4a8 8 0 11-8 8 8 8 0 018-8m0-2a10 10 0 1010 10A10 10 0 0012 2z\"/><path d=\"M10.73 15.75a1 1 0 01-.68-.26l-3-2.74a1 1 0 011.36-1.47l2.25 2.08 4.36-4.42a1 1 0 111.42 1.41l-5 5.1a1 1 0 01-.71.3z\"/></svg>')}.mc-text-input.is-valid:hover,.mc-text-input.is-valid.is-hover{border-color:#035010}.mc-text-input.is-invalid{border-color:#c61112;background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1.5rem\" width=\"1.5rem\" viewBox=\"0 0 24 24\" fill=\"#c61112\"><path d=\"M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z\"/><path d=\"M12 7a1 1 0 00-1 1v4.38a1 1 0 002 0V8a1 1 0 00-1-1z\"/><circle cx=\"12\" cy=\"16\" r=\"1\"/></svg>')}.mc-text-input.is-invalid:hover,.mc-text-input.is-invalid.is-hover{border-color:#530000}.mc-text-input:hover{border-color:#191919}.mc-text-input:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-text-input:disabled{background:#e6e6e6;border-color:#e6e6e6;color:#666;cursor:not-allowed}.mc-text-input--s{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s::placeholder{font-size:.875rem;line-height:1.2857142857}@media screen and (min-width: 680px){.mc-text-input--s\\@from-m{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-m::placeholder{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1024px){.mc-text-input--s\\@from-l{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-l::placeholder{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1280px){.mc-text-input--s\\@from-xl{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-xl::placeholder{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1920px){.mc-text-input--s\\@from-xxl{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-xxl::placeholder{font-size:.875rem;line-height:1.2857142857}}.mc-text-input--m{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m::placeholder{font-size:1rem;line-height:1.375}@media screen and (min-width: 680px){.mc-text-input--m\\@from-m{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-m::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-text-input--m\\@from-l{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-l::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-text-input--m\\@from-xl{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-xl::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-text-input--m\\@from-xxl{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-xxl::placeholder{font-size:1rem;line-height:1.375}}.mc-radio{align-items:center;display:flex}.mc-radio__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:.5rem;color:#000}.mc-radio__input{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;border:2px solid #666666;min-width:20px;width:1.25rem;min-height:20px;height:1.25rem;border-radius:50%;background-color:#fff;position:relative;transition:all .2s ease;cursor:pointer}.mc-radio__input[type=number]::-webkit-inner-spin-button,.mc-radio__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-radio__input[type=number]{-moz-appearance:textfield}.mc-radio__input[type=search]::-webkit-search-decoration:hover,.mc-radio__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-radio__input:before{border-radius:50%;content:\"\";display:block;height:.375rem;left:50%;min-height:6px;min-width:6px;position:absolute;top:50%;transform:translate(-50%,-50%);width:.375rem}.mc-radio__input::-ms-check{background-color:#fff;border:2px solid #666666;color:#fff}.mc-radio__input:hover{border-color:#191919}.mc-radio__input:hover::-ms-check{border-color:#191919}.mc-radio__input:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-radio__input:focus::-ms-check{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-radio__input:checked{background-color:#46a610;border-color:#46a610}.mc-radio__input:checked::-ms-check{border-color:#46a610;background-color:#46a610}.mc-radio__input:checked:before{background-color:#fff}.mc-radio__input:checked:hover{border-color:#035010}.mc-radio__input:checked:hover::-ms-check{border-color:#035010}.mc-radio__input:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-radio__input:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-radio__input:disabled+.mc-radio__label{color:gray}.mc-radio__input:disabled:checked:before{background-color:#999}.mc-radio__input.is-invalid{border-color:#c61112}.mc-radio__input.is-invalid::-ms-check{border-color:#c61112}.mc-radio__input.is-invalid:hover{border-color:#530000}.mc-radio__input.is-invalid:hover::-ms-check{border-color:#530000}.mc-checkbox{align-items:center;display:flex}.mc-checkbox__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:.5rem;color:#000}.mc-checkbox__input{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-radius:4px;border:2px solid #666666;background-color:#fff;position:relative;transition:all .2s ease;cursor:pointer}.mc-checkbox__input[type=number]::-webkit-inner-spin-button,.mc-checkbox__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-checkbox__input[type=number]{-moz-appearance:textfield}.mc-checkbox__input[type=search]::-webkit-search-decoration:hover,.mc-checkbox__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-checkbox__input::-ms-check{background-color:#fff;border:2px solid #666666;border-radius:4px;color:#fff}.mc-checkbox__input:hover{border-color:#191919}.mc-checkbox__input:hover::-ms-check{border-color:#191919}.mc-checkbox__input:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-checkbox__input:focus::-ms-check{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-checkbox__input:checked,.mc-checkbox__input:indeterminate{background-color:#46a610;border-color:#46a610;background-size:1rem 1rem}.mc-checkbox__input:checked{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#ffffff\" viewBox=\"0 0 16 16\"><path d=\"M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z\"/></svg>');background-position:center center}.mc-checkbox__input:checked::-ms-check{background-color:#46a610;border-color:#46a610}.mc-checkbox__input:checked:hover:not(:disabled){border-color:#035010}.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check{border-color:#035010}.mc-checkbox__input:indeterminate{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#ffffff\" viewBox=\"0 0 16 16\"><path d=\"M12 9H4a1 1 0 010-2h8a1 1 0 010 2z\"/></svg>')}.mc-checkbox__input:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input:disabled:checked{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#999999\" viewBox=\"0 0 16 16\"><path d=\"M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z\"/></svg>')}.mc-checkbox__input:disabled:indeterminate{background-image:url('<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1rem\" width=\"1rem\" fill=\"#999999\" viewBox=\"0 0 16 16\"><path d=\"M12 9H4a1 1 0 010-2h8a1 1 0 010 2z\"/></svg>')}.mc-checkbox__input:disabled+.mc-checkbox__label{color:gray}.mc-checkbox__input.is-invalid{border-color:#c61112}.mc-checkbox__input.is-invalid::-ms-check{border-color:#c61112}.mc-checkbox__input.is-invalid:hover{border-color:#530000}.mc-checkbox__input.is-invalid:hover::-ms-check{border-color:#530000}.mc-text-input--m{height:3rem}.mc-text-input--s{height:2rem}\n"] }]
|
|
53
|
+
args: [{ selector: 'input[moz-input]', template: '', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [".mc-text-input{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem;transition:box-shadow .2s ease;display:block;width:100%;position:relative;border:1px solid #666666;color:#191919;background-color:#fff;border-radius:4px}.mc-text-input[type=number]::-webkit-inner-spin-button,.mc-text-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-text-input[type=number]{-moz-appearance:textfield}.mc-text-input[type=search]::-webkit-search-decoration:hover,.mc-text-input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-text-input::placeholder{font-size:1rem;line-height:1.375}.mc-text-input::placeholder{margin:0;color:#666;opacity:1}.mc-text-input.is-valid,.mc-text-input.is-invalid{background-repeat:no-repeat;background-size:1.5rem 1.5rem;background-position:right .4375rem center;padding-right:2.5rem}.mc-text-input.is-valid{border-color:#46a610;background-image:url(data:image/svg+xml,)}.mc-text-input.is-valid:hover,.mc-text-input.is-valid.is-hover{border-color:#035010}.mc-text-input.is-invalid{border-color:#c61112;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5rem' width='1.5rem' viewBox='0 0 24 24' fill='%23c61112'%3E%3Cpath d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z'/%3E%3Cpath d='M12 7a1 1 0 00-1 1v4.38a1 1 0 002 0V8a1 1 0 00-1-1z'/%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3C/svg%3E\")}.mc-text-input.is-invalid:hover,.mc-text-input.is-invalid.is-hover{border-color:#530000}.mc-text-input:hover{border-color:#191919}.mc-text-input:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-text-input:disabled{background:#e6e6e6;border-color:#e6e6e6;color:#666;cursor:not-allowed}.mc-text-input--s{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s::placeholder{font-size:.875rem;line-height:1.2857142857}@media screen and (min-width: 680px){.mc-text-input--s\\@from-m{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-m::placeholder{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1024px){.mc-text-input--s\\@from-l{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-l::placeholder{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1280px){.mc-text-input--s\\@from-xl{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-xl::placeholder{font-size:.875rem;line-height:1.2857142857}}@media screen and (min-width: 1920px){.mc-text-input--s\\@from-xxl{font-size:.875rem;line-height:1.2857142857;min-height:2rem;padding:.375rem .4375rem}.mc-text-input--s\\@from-xxl::placeholder{font-size:.875rem;line-height:1.2857142857}}.mc-text-input--m{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m::placeholder{font-size:1rem;line-height:1.375}@media screen and (min-width: 680px){.mc-text-input--m\\@from-m{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-m::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1024px){.mc-text-input--m\\@from-l{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-l::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1280px){.mc-text-input--m\\@from-xl{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-xl::placeholder{font-size:1rem;line-height:1.375}}@media screen and (min-width: 1920px){.mc-text-input--m\\@from-xxl{font-size:1rem;line-height:1.375;min-height:3rem;padding:.75rem .6875rem}.mc-text-input--m\\@from-xxl::placeholder{font-size:1rem;line-height:1.375}}.mc-radio{align-items:center;display:flex}.mc-radio__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:.5rem;color:#000}.mc-radio__input{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;border:2px solid #666666;min-width:20px;width:1.25rem;min-height:20px;height:1.25rem;border-radius:50%;background-color:#fff;position:relative;transition:all .2s ease;cursor:pointer}.mc-radio__input[type=number]::-webkit-inner-spin-button,.mc-radio__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-radio__input[type=number]{-moz-appearance:textfield}.mc-radio__input[type=search]::-webkit-search-decoration:hover,.mc-radio__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-radio__input:before{border-radius:50%;content:\"\";display:block;height:.375rem;left:50%;min-height:6px;min-width:6px;position:absolute;top:50%;transform:translate(-50%,-50%);width:.375rem}.mc-radio__input::-ms-check{background-color:#fff;border:2px solid #666666;color:#fff}.mc-radio__input:hover{border-color:#191919}.mc-radio__input:hover::-ms-check{border-color:#191919}.mc-radio__input:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-radio__input:focus::-ms-check{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-radio__input:checked{background-color:#46a610;border-color:#46a610}.mc-radio__input:checked::-ms-check{border-color:#46a610;background-color:#46a610}.mc-radio__input:checked:before{background-color:#fff}.mc-radio__input:checked:hover{border-color:#035010}.mc-radio__input:checked:hover::-ms-check{border-color:#035010}.mc-radio__input:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-radio__input:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-radio__input:disabled+.mc-radio__label{color:gray}.mc-radio__input:disabled:checked:before{background-color:#999}.mc-radio__input.is-invalid{border-color:#c61112}.mc-radio__input.is-invalid::-ms-check{border-color:#c61112}.mc-radio__input.is-invalid:hover{border-color:#530000}.mc-radio__input.is-invalid:hover::-ms-check{border-color:#530000}.mc-checkbox{align-items:center;display:flex}.mc-checkbox__label{font-size:1rem;line-height:1.125;cursor:pointer;margin-left:.5rem;color:#000}.mc-checkbox__input{font-family:LeroyMerlin,sans-serif;font-weight:400;box-sizing:border-box;outline:none;-webkit-appearance:none;appearance:none;padding:0;margin:0;box-shadow:none;border:none;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border-radius:4px;border:2px solid #666666;background-color:#fff;position:relative;transition:all .2s ease;cursor:pointer}.mc-checkbox__input[type=number]::-webkit-inner-spin-button,.mc-checkbox__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.mc-checkbox__input[type=number]{-moz-appearance:textfield}.mc-checkbox__input[type=search]::-webkit-search-decoration:hover,.mc-checkbox__input[type=search]::-webkit-search-cancel-button:hover{cursor:pointer}.mc-checkbox__input::-ms-check{background-color:#fff;border:2px solid #666666;border-radius:4px;color:#fff}.mc-checkbox__input:hover{border-color:#191919}.mc-checkbox__input:hover::-ms-check{border-color:#191919}.mc-checkbox__input:focus{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-checkbox__input:focus::-ms-check{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-checkbox__input:checked,.mc-checkbox__input:indeterminate{background-color:#46a610;border-color:#46a610;background-size:1rem 1rem}.mc-checkbox__input:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\");background-position:center center}.mc-checkbox__input:checked::-ms-check{background-color:#46a610;border-color:#46a610}.mc-checkbox__input:checked:hover:not(:disabled){border-color:#035010}.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check{border-color:#035010}.mc-checkbox__input:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled{background-color:#e6e6e6;border-color:#e6e6e6;cursor:not-allowed}.mc-checkbox__input:disabled::-ms-check{background-color:#e6e6e6;border-color:#e6e6e6}.mc-checkbox__input:disabled:checked{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled:indeterminate{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23999999' viewBox='0 0 16 16'%3E%3Cpath d='M12 9H4a1 1 0 010-2h8a1 1 0 010 2z'/%3E%3C/svg%3E\")}.mc-checkbox__input:disabled+.mc-checkbox__label{color:gray}.mc-checkbox__input.is-invalid{border-color:#c61112}.mc-checkbox__input.is-invalid::-ms-check{border-color:#c61112}.mc-checkbox__input.is-invalid:hover{border-color:#530000}.mc-checkbox__input.is-invalid:hover::-ms-check{border-color:#530000}.mc-text-input--m{height:3rem}.mc-text-input--s{height:2rem}.mc-text-input.is-invalid:not(:disabled){background-image:url(assets/special-icons/invalid-cross.svg)}.mc-text-input.is-valid:not(:disabled){background-image:url(assets/special-icons/valid-check-mark.svg)}.mc-checkbox__input:checked:disabled{background-image:url(assets/special-icons/checkbox-checked-disabled.svg)}.mc-checkbox__input:checked{background-image:url(assets/special-icons/checkbox-checked.svg)}.mc-checkbox__input:indeterminate{background-image:url(assets/special-icons/checkbox-indeterminate.svg)}.mc-checkbox__input:disabled:indeterminate{background-image:url(assets/special-icons/checkbox-indeterminate-disabled.svg)}.mc-checkbox__label:empty{display:none}\n"] }]
|
|
54
54
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { size: [{
|
|
55
55
|
type: Input
|
|
56
56
|
}], hostCssClasses: [{
|
|
@@ -42,10 +42,10 @@ export class ToggleComponent {
|
|
|
42
42
|
}
|
|
43
43
|
}
|
|
44
44
|
ToggleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
45
|
-
ToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ToggleComponent, selector: "moz-toggle", inputs: { disabled: "disabled", size: "size", checked: "checked" }, host: { properties: { "class": "this.hostCssClasses" } }, providers: [TOGGLE_CONTROL_VALUE_ACCESSOR], ngImport: i0, template: "<input\n [id]=\"toggleId\"\n type=\"checkbox\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n class=\"mc-toggle__input\"\n (click)=\"toggle()\"\n/>\n<label class=\"mc-toggle__label\" [for]=\"toggleId\">\n <span class=\"mc-toggle__content\">\n <ng-content></ng-content>\n </span>\n</label>\n", styles: [".mc-toggle{display:block;position:relative}.mc-toggle__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mc-toggle__input:focus+.mc-toggle__label:before{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-toggle__input:checked+.mc-toggle__label:before{background-color:#46a610}.mc-toggle__input:checked+.mc-toggle__label:after{border-color:#46a610;background-image:url(
|
|
45
|
+
ToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ToggleComponent, selector: "moz-toggle", inputs: { disabled: "disabled", size: "size", checked: "checked" }, host: { properties: { "class": "this.hostCssClasses" } }, providers: [TOGGLE_CONTROL_VALUE_ACCESSOR], ngImport: i0, template: "<input\n [id]=\"toggleId\"\n type=\"checkbox\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n class=\"mc-toggle__input\"\n (click)=\"toggle()\"\n/>\n<label class=\"mc-toggle__label\" [for]=\"toggleId\">\n <span class=\"mc-toggle__content\">\n <ng-content></ng-content>\n </span>\n</label>\n", styles: [".mc-toggle{display:block;position:relative}.mc-toggle__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mc-toggle__input:focus+.mc-toggle__label:before{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-toggle__input:checked+.mc-toggle__label:before{background-color:#46a610}.mc-toggle__input:checked+.mc-toggle__label:after{border-color:#46a610;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%2346a610' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 01-1.38 0l-2.92-2.6a1 1 0 111.34-1.48l2.22 2 4.41-4.34a1 1 0 111.4 1.42z'/%3E%3C/svg%3E\");transform:translate(100%,-50%)}.mc-toggle__input:checked+.mc-toggle__label .mc-toggle__off{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}.mc-toggle__input:not(:checked)+.mc-toggle__label .mc-toggle__on{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}.mc-toggle__input:disabled+.mc-toggle__label{color:gray;cursor:not-allowed}.mc-toggle__input:disabled+.mc-toggle__label:before{background-color:#e6e6e6}.mc-toggle__input:disabled+.mc-toggle__label:after{border-color:#e6e6e6;background-color:#b3b3b3;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23e6e6e6' viewBox='0 0 16 16'%3E%3Cpath d='M9.41 8l3.3-3.29a1 1 0 10-1.42-1.42L8 6.59l-3.29-3.3a1 1 0 00-1.42 1.42L6.59 8l-3.3 3.29a1 1 0 000 1.42 1 1 0 001.42 0L8 9.41l3.29 3.3a1 1 0 001.42 0 1 1 0 000-1.42z'/%3E%3C/svg%3E\")}.mc-toggle__input:disabled:checked+.mc-toggle__label:before{background-color:#c5e39e}.mc-toggle__input:disabled:checked+.mc-toggle__label:after{border-color:#c5e39e;background-color:#fff;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23c5e39e' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 01-1.38 0l-2.92-2.6a1 1 0 111.34-1.48l2.22 2 4.41-4.34a1 1 0 111.4 1.42z'/%3E%3C/svg%3E\");background-size:1rem}.mc-toggle__input:not(:disabled)+.mc-toggle__label:hover:after{background-color:#e6e6e6}.mc-toggle__content{display:inline-block;padding-left:.75rem}.mc-toggle__label{font-size:1rem;line-height:1.125;height:2rem;padding-left:4rem;box-sizing:border-box;cursor:pointer;color:#000;display:table-cell;position:relative;vertical-align:middle;-webkit-user-select:none;user-select:none}.mc-toggle__label:before,.mc-toggle__label:after{border-radius:2rem;height:2rem}.mc-toggle__label:before{width:4rem}.mc-toggle__label:after{width:2rem}.mc-toggle__label:after,.mc-toggle__label:before{box-sizing:border-box;content:\"\";display:block;left:0;position:absolute;top:50%;transform:translateY(-50%)}.mc-toggle__label:before{background-color:#666;will-change:background-color,border-color,box-shadow;transition:background-color .1s ease,border-color .1s ease,box-shadow .2s ease}.mc-toggle__label:after{background:#ffffff url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23666666' viewBox='0 0 16 16'%3E%3Cpath d='M9.41 8l3.3-3.29a1 1 0 10-1.42-1.42L8 6.59l-3.29-3.3a1 1 0 00-1.42 1.42L6.59 8l-3.3 3.29a1 1 0 000 1.42 1 1 0 001.42 0L8 9.41l3.29 3.3a1 1 0 001.42 0 1 1 0 000-1.42z'/%3E%3C/svg%3E\") no-repeat center;background-size:1rem;border:solid 3px #666666;will-change:transform;transition:transform .1s ease,border-color .1s ease}.mc-toggle--s .mc-toggle__label{height:1.5rem;padding-left:3rem}.mc-toggle--s .mc-toggle__label:before,.mc-toggle--s .mc-toggle__label:after{border-radius:1.5rem;height:1.5rem}.mc-toggle--s .mc-toggle__label:before{width:3rem}.mc-toggle--s .mc-toggle__label:after{width:1.5rem}@media screen and (min-width: 680px){.mc-toggle--s\\@from-m .mc-toggle__label{height:1.5rem;padding-left:3rem}.mc-toggle--s\\@from-m .mc-toggle__label:before,.mc-toggle--s\\@from-m .mc-toggle__label:after{border-radius:1.5rem;height:1.5rem}.mc-toggle--s\\@from-m .mc-toggle__label:before{width:3rem}.mc-toggle--s\\@from-m .mc-toggle__label:after{width:1.5rem}}@media screen and (min-width: 1024px){.mc-toggle--s\\@from-l .mc-toggle__label{height:1.5rem;padding-left:3rem}.mc-toggle--s\\@from-l .mc-toggle__label:before,.mc-toggle--s\\@from-l .mc-toggle__label:after{border-radius:1.5rem;height:1.5rem}.mc-toggle--s\\@from-l .mc-toggle__label:before{width:3rem}.mc-toggle--s\\@from-l .mc-toggle__label:after{width:1.5rem}}@media screen and (min-width: 1280px){.mc-toggle--s\\@from-xl .mc-toggle__label{height:1.5rem;padding-left:3rem}.mc-toggle--s\\@from-xl .mc-toggle__label:before,.mc-toggle--s\\@from-xl .mc-toggle__label:after{border-radius:1.5rem;height:1.5rem}.mc-toggle--s\\@from-xl .mc-toggle__label:before{width:3rem}.mc-toggle--s\\@from-xl .mc-toggle__label:after{width:1.5rem}}@media screen and (min-width: 1920px){.mc-toggle--s\\@from-xxl .mc-toggle__label{height:1.5rem;padding-left:3rem}.mc-toggle--s\\@from-xxl .mc-toggle__label:before,.mc-toggle--s\\@from-xxl .mc-toggle__label:after{border-radius:1.5rem;height:1.5rem}.mc-toggle--s\\@from-xxl .mc-toggle__label:before{width:3rem}.mc-toggle--s\\@from-xxl .mc-toggle__label:after{width:1.5rem}}.mc-toggle--m .mc-toggle__label{height:2rem;padding-left:4rem}.mc-toggle--m .mc-toggle__label:before,.mc-toggle--m .mc-toggle__label:after{border-radius:2rem;height:2rem}.mc-toggle--m .mc-toggle__label:before{width:4rem}.mc-toggle--m .mc-toggle__label:after{width:2rem}@media screen and (min-width: 680px){.mc-toggle--m\\@from-m .mc-toggle__label{height:2rem;padding-left:4rem}.mc-toggle--m\\@from-m .mc-toggle__label:before,.mc-toggle--m\\@from-m .mc-toggle__label:after{border-radius:2rem;height:2rem}.mc-toggle--m\\@from-m .mc-toggle__label:before{width:4rem}.mc-toggle--m\\@from-m .mc-toggle__label:after{width:2rem}}@media screen and (min-width: 1024px){.mc-toggle--m\\@from-l .mc-toggle__label{height:2rem;padding-left:4rem}.mc-toggle--m\\@from-l .mc-toggle__label:before,.mc-toggle--m\\@from-l .mc-toggle__label:after{border-radius:2rem;height:2rem}.mc-toggle--m\\@from-l .mc-toggle__label:before{width:4rem}.mc-toggle--m\\@from-l .mc-toggle__label:after{width:2rem}}@media screen and (min-width: 1280px){.mc-toggle--m\\@from-xl .mc-toggle__label{height:2rem;padding-left:4rem}.mc-toggle--m\\@from-xl .mc-toggle__label:before,.mc-toggle--m\\@from-xl .mc-toggle__label:after{border-radius:2rem;height:2rem}.mc-toggle--m\\@from-xl .mc-toggle__label:before{width:4rem}.mc-toggle--m\\@from-xl .mc-toggle__label:after{width:2rem}}@media screen and (min-width: 1920px){.mc-toggle--m\\@from-xxl .mc-toggle__label{height:2rem;padding-left:4rem}.mc-toggle--m\\@from-xxl .mc-toggle__label:before,.mc-toggle--m\\@from-xxl .mc-toggle__label:after{border-radius:2rem;height:2rem}.mc-toggle--m\\@from-xxl .mc-toggle__label:before{width:4rem}.mc-toggle--m\\@from-xxl .mc-toggle__label:after{width:2rem}}.mc-toggle--hide-label .mc-toggle__content{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}:checked+.mc-toggle__label:after{background-image:url(assets/special-icons/toggle-checked.svg)}:disabled:checked+.mc-toggle__label:after{background-image:url(assets/special-icons/toggle-checked-disabled.svg)}.mc-toggle__label:after{background-image:url(assets/special-icons/toggle-cross.svg)}:disabled+.mc-toggle__label:after{background-image:url(assets/special-icons/toggle-cross-disabled.svg)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
46
46
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ToggleComponent, decorators: [{
|
|
47
47
|
type: Component,
|
|
48
|
-
args: [{ selector: 'moz-toggle', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [TOGGLE_CONTROL_VALUE_ACCESSOR], template: "<input\n [id]=\"toggleId\"\n type=\"checkbox\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n class=\"mc-toggle__input\"\n (click)=\"toggle()\"\n/>\n<label class=\"mc-toggle__label\" [for]=\"toggleId\">\n <span class=\"mc-toggle__content\">\n <ng-content></ng-content>\n </span>\n</label>\n", styles: [".mc-toggle{display:block;position:relative}.mc-toggle__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mc-toggle__input:focus+.mc-toggle__label:before{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-toggle__input:checked+.mc-toggle__label:before{background-color:#46a610}.mc-toggle__input:checked+.mc-toggle__label:after{border-color:#46a610;background-image:url(
|
|
48
|
+
args: [{ selector: 'moz-toggle', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [TOGGLE_CONTROL_VALUE_ACCESSOR], template: "<input\n [id]=\"toggleId\"\n type=\"checkbox\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n class=\"mc-toggle__input\"\n (click)=\"toggle()\"\n/>\n<label class=\"mc-toggle__label\" [for]=\"toggleId\">\n <span class=\"mc-toggle__content\">\n <ng-content></ng-content>\n </span>\n</label>\n", styles: [".mc-toggle{display:block;position:relative}.mc-toggle__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mc-toggle__input:focus+.mc-toggle__label:before{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-toggle__input:checked+.mc-toggle__label:before{background-color:#46a610}.mc-toggle__input:checked+.mc-toggle__label:after{border-color:#46a610;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%2346a610' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 01-1.38 0l-2.92-2.6a1 1 0 111.34-1.48l2.22 2 4.41-4.34a1 1 0 111.4 1.42z'/%3E%3C/svg%3E\");transform:translate(100%,-50%)}.mc-toggle__input:checked+.mc-toggle__label .mc-toggle__off{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}.mc-toggle__input:not(:checked)+.mc-toggle__label .mc-toggle__on{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}.mc-toggle__input:disabled+.mc-toggle__label{color:gray;cursor:not-allowed}.mc-toggle__input:disabled+.mc-toggle__label:before{background-color:#e6e6e6}.mc-toggle__input:disabled+.mc-toggle__label:after{border-color:#e6e6e6;background-color:#b3b3b3;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23e6e6e6' viewBox='0 0 16 16'%3E%3Cpath d='M9.41 8l3.3-3.29a1 1 0 10-1.42-1.42L8 6.59l-3.29-3.3a1 1 0 00-1.42 1.42L6.59 8l-3.3 3.29a1 1 0 000 1.42 1 1 0 001.42 0L8 9.41l3.29 3.3a1 1 0 001.42 0 1 1 0 000-1.42z'/%3E%3C/svg%3E\")}.mc-toggle__input:disabled:checked+.mc-toggle__label:before{background-color:#c5e39e}.mc-toggle__input:disabled:checked+.mc-toggle__label:after{border-color:#c5e39e;background-color:#fff;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23c5e39e' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 01-1.38 0l-2.92-2.6a1 1 0 111.34-1.48l2.22 2 4.41-4.34a1 1 0 111.4 1.42z'/%3E%3C/svg%3E\");background-size:1rem}.mc-toggle__input:not(:disabled)+.mc-toggle__label:hover:after{background-color:#e6e6e6}.mc-toggle__content{display:inline-block;padding-left:.75rem}.mc-toggle__label{font-size:1rem;line-height:1.125;height:2rem;padding-left:4rem;box-sizing:border-box;cursor:pointer;color:#000;display:table-cell;position:relative;vertical-align:middle;-webkit-user-select:none;user-select:none}.mc-toggle__label:before,.mc-toggle__label:after{border-radius:2rem;height:2rem}.mc-toggle__label:before{width:4rem}.mc-toggle__label:after{width:2rem}.mc-toggle__label:after,.mc-toggle__label:before{box-sizing:border-box;content:\"\";display:block;left:0;position:absolute;top:50%;transform:translateY(-50%)}.mc-toggle__label:before{background-color:#666;will-change:background-color,border-color,box-shadow;transition:background-color .1s ease,border-color .1s ease,box-shadow .2s ease}.mc-toggle__label:after{background:#ffffff url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23666666' viewBox='0 0 16 16'%3E%3Cpath d='M9.41 8l3.3-3.29a1 1 0 10-1.42-1.42L8 6.59l-3.29-3.3a1 1 0 00-1.42 1.42L6.59 8l-3.3 3.29a1 1 0 000 1.42 1 1 0 001.42 0L8 9.41l3.29 3.3a1 1 0 001.42 0 1 1 0 000-1.42z'/%3E%3C/svg%3E\") no-repeat center;background-size:1rem;border:solid 3px #666666;will-change:transform;transition:transform .1s ease,border-color .1s ease}.mc-toggle--s .mc-toggle__label{height:1.5rem;padding-left:3rem}.mc-toggle--s .mc-toggle__label:before,.mc-toggle--s .mc-toggle__label:after{border-radius:1.5rem;height:1.5rem}.mc-toggle--s .mc-toggle__label:before{width:3rem}.mc-toggle--s .mc-toggle__label:after{width:1.5rem}@media screen and (min-width: 680px){.mc-toggle--s\\@from-m .mc-toggle__label{height:1.5rem;padding-left:3rem}.mc-toggle--s\\@from-m .mc-toggle__label:before,.mc-toggle--s\\@from-m .mc-toggle__label:after{border-radius:1.5rem;height:1.5rem}.mc-toggle--s\\@from-m .mc-toggle__label:before{width:3rem}.mc-toggle--s\\@from-m .mc-toggle__label:after{width:1.5rem}}@media screen and (min-width: 1024px){.mc-toggle--s\\@from-l .mc-toggle__label{height:1.5rem;padding-left:3rem}.mc-toggle--s\\@from-l .mc-toggle__label:before,.mc-toggle--s\\@from-l .mc-toggle__label:after{border-radius:1.5rem;height:1.5rem}.mc-toggle--s\\@from-l .mc-toggle__label:before{width:3rem}.mc-toggle--s\\@from-l .mc-toggle__label:after{width:1.5rem}}@media screen and (min-width: 1280px){.mc-toggle--s\\@from-xl .mc-toggle__label{height:1.5rem;padding-left:3rem}.mc-toggle--s\\@from-xl .mc-toggle__label:before,.mc-toggle--s\\@from-xl .mc-toggle__label:after{border-radius:1.5rem;height:1.5rem}.mc-toggle--s\\@from-xl .mc-toggle__label:before{width:3rem}.mc-toggle--s\\@from-xl .mc-toggle__label:after{width:1.5rem}}@media screen and (min-width: 1920px){.mc-toggle--s\\@from-xxl .mc-toggle__label{height:1.5rem;padding-left:3rem}.mc-toggle--s\\@from-xxl .mc-toggle__label:before,.mc-toggle--s\\@from-xxl .mc-toggle__label:after{border-radius:1.5rem;height:1.5rem}.mc-toggle--s\\@from-xxl .mc-toggle__label:before{width:3rem}.mc-toggle--s\\@from-xxl .mc-toggle__label:after{width:1.5rem}}.mc-toggle--m .mc-toggle__label{height:2rem;padding-left:4rem}.mc-toggle--m .mc-toggle__label:before,.mc-toggle--m .mc-toggle__label:after{border-radius:2rem;height:2rem}.mc-toggle--m .mc-toggle__label:before{width:4rem}.mc-toggle--m .mc-toggle__label:after{width:2rem}@media screen and (min-width: 680px){.mc-toggle--m\\@from-m .mc-toggle__label{height:2rem;padding-left:4rem}.mc-toggle--m\\@from-m .mc-toggle__label:before,.mc-toggle--m\\@from-m .mc-toggle__label:after{border-radius:2rem;height:2rem}.mc-toggle--m\\@from-m .mc-toggle__label:before{width:4rem}.mc-toggle--m\\@from-m .mc-toggle__label:after{width:2rem}}@media screen and (min-width: 1024px){.mc-toggle--m\\@from-l .mc-toggle__label{height:2rem;padding-left:4rem}.mc-toggle--m\\@from-l .mc-toggle__label:before,.mc-toggle--m\\@from-l .mc-toggle__label:after{border-radius:2rem;height:2rem}.mc-toggle--m\\@from-l .mc-toggle__label:before{width:4rem}.mc-toggle--m\\@from-l .mc-toggle__label:after{width:2rem}}@media screen and (min-width: 1280px){.mc-toggle--m\\@from-xl .mc-toggle__label{height:2rem;padding-left:4rem}.mc-toggle--m\\@from-xl .mc-toggle__label:before,.mc-toggle--m\\@from-xl .mc-toggle__label:after{border-radius:2rem;height:2rem}.mc-toggle--m\\@from-xl .mc-toggle__label:before{width:4rem}.mc-toggle--m\\@from-xl .mc-toggle__label:after{width:2rem}}@media screen and (min-width: 1920px){.mc-toggle--m\\@from-xxl .mc-toggle__label{height:2rem;padding-left:4rem}.mc-toggle--m\\@from-xxl .mc-toggle__label:before,.mc-toggle--m\\@from-xxl .mc-toggle__label:after{border-radius:2rem;height:2rem}.mc-toggle--m\\@from-xxl .mc-toggle__label:before{width:4rem}.mc-toggle--m\\@from-xxl .mc-toggle__label:after{width:2rem}}.mc-toggle--hide-label .mc-toggle__content{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}:checked+.mc-toggle__label:after{background-image:url(assets/special-icons/toggle-checked.svg)}:disabled:checked+.mc-toggle__label:after{background-image:url(assets/special-icons/toggle-checked-disabled.svg)}.mc-toggle__label:after{background-image:url(assets/special-icons/toggle-cross.svg)}:disabled+.mc-toggle__label:after{background-image:url(assets/special-icons/toggle-cross-disabled.svg)}\n"] }]
|
|
49
49
|
}], ctorParameters: function () { return []; }, propDecorators: { disabled: [{
|
|
50
50
|
type: Input
|
|
51
51
|
}], size: [{
|
|
@@ -15,10 +15,10 @@ export class TooltipComponent {
|
|
|
15
15
|
}
|
|
16
16
|
}
|
|
17
17
|
TooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
18
|
-
TooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TooltipComponent, selector: "moz-tooltip", inputs: { text: "text", position: "position", disabled: "disabled" }, host: { properties: { "class": "this.hostCssClasses" } }, ngImport: i0, template: "<ng-content></ng-content>\n<span *ngIf=\"viewContent\" class=\"mc-tooltip__content\" role=\"tooltip\">{{ text }}</span>\n", styles: [".mc-tooltip{font-family:LeroyMerlin,sans-serif;font-weight:400;display:inline-flex;position:relative}.mc-tooltip:focus,.mc-tooltip:hover{cursor:help}.mc-tooltip:focus .mc-tooltip__content,.mc-tooltip:hover .mc-tooltip__content{visibility:visible}.mc-tooltip__content{font-size:.875rem;line-height:1.2857142857;background-color:#4d4d4d;border-radius:4px;box-sizing:border-box;color:#fff;padding:.4375rem 1rem;position:absolute;text-align:center;visibility:hidden;white-space:normal;z-index:1000;border:1px solid #ffffff}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.mc-tooltip__content{width:13.75rem}}@supports (width: max-content){.mc-tooltip__content{min-width:6.625rem;max-width:13.75rem;width:max-content}}.mc-tooltip__content:before{background:transparent url(
|
|
18
|
+
TooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TooltipComponent, selector: "moz-tooltip", inputs: { text: "text", position: "position", disabled: "disabled" }, host: { properties: { "class": "this.hostCssClasses" } }, ngImport: i0, template: "<ng-content></ng-content>\n<span *ngIf=\"viewContent\" class=\"mc-tooltip__content\" role=\"tooltip\">{{ text }}</span>\n", styles: [".mc-tooltip{font-family:LeroyMerlin,sans-serif;font-weight:400;display:inline-flex;position:relative}.mc-tooltip:focus,.mc-tooltip:hover{cursor:help}.mc-tooltip:focus .mc-tooltip__content,.mc-tooltip:hover .mc-tooltip__content{visibility:visible}.mc-tooltip__content{font-size:.875rem;line-height:1.2857142857;background-color:#4d4d4d;border-radius:4px;box-sizing:border-box;color:#fff;padding:.4375rem 1rem;position:absolute;text-align:center;visibility:hidden;white-space:normal;z-index:1000;border:1px solid #ffffff}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.mc-tooltip__content{width:13.75rem}}@supports (width: max-content){.mc-tooltip__content{min-width:6.625rem;max-width:13.75rem;width:max-content}}.mc-tooltip__content:before{background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='0.5rem' width='0.5rem' viewBox='0 0 8 8'%3E%3Cpath fill='%23ffffff' d='M1.79 3.11l6.21-3.11v8l-6.21-3.11a1 1 0 0 1-.45-1.34 1 1 0 0 1 .45-.44z'/%3E%3C/svg%3E\") no-repeat;background-size:.625rem;content:\"\";height:.625rem;position:absolute;width:.625rem}.mc-tooltip__content:after{background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='0.5rem' width='0.5rem' viewBox='0 0 8 8'%3E%3Cpath fill='%234d4d4d' d='M1.79 3.11l6.21-3.11v8l-6.21-3.11a1 1 0 0 1-.45-1.34 1 1 0 0 1 .45-.44z'/%3E%3C/svg%3E\") no-repeat;background-size:.5rem;content:\"\";height:.5rem;position:absolute;width:.5rem}.mc-tooltip--top .mc-tooltip__content{top:0;left:50%;transform:translate(-50%,calc(-100% - .75rem))}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.mc-tooltip--top .mc-tooltip__content{transform:translate(-50%,-100%);margin-top:-.75rem}}.mc-tooltip--top .mc-tooltip__content:after,.mc-tooltip--top .mc-tooltip__content:before{bottom:0;left:50%;transform:translate(-50%,100%) rotate(-90deg)}.mc-tooltip--top .mc-tooltip__content:before{bottom:-1px}.mc-tooltip--right .mc-tooltip__content{top:50%;right:0;transform:translate(calc(100% + .75rem),-50%)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.mc-tooltip--right .mc-tooltip__content{transform:translate(100%,-50%);margin-right:-.75rem}}.mc-tooltip--right .mc-tooltip__content:after,.mc-tooltip--right .mc-tooltip__content:before{top:50%;left:0;transform:translate(-99%,-50%)}.mc-tooltip--right .mc-tooltip__content:before{left:-1px}.mc-tooltip--left .mc-tooltip__content{left:0;top:50%;transform:translate(calc(-100% - .75rem),-50%)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.mc-tooltip--left .mc-tooltip__content{transform:translate(-100%,-50%);margin-left:-.75rem}}.mc-tooltip--left .mc-tooltip__content:after,.mc-tooltip--left .mc-tooltip__content:before{top:50%;right:0;transform:translate(99%,-50%) rotate(180deg)}.mc-tooltip--left .mc-tooltip__content:before{right:-1px}.mc-tooltip--bottom .mc-tooltip__content{bottom:0;left:50%;transform:translate(-50%,calc(100% + .75rem))}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.mc-tooltip--bottom .mc-tooltip__content{transform:translate(-50%,100%);margin-bottom:-.75rem}}.mc-tooltip--bottom .mc-tooltip__content:after,.mc-tooltip--bottom .mc-tooltip__content:before{top:0;left:50%;transform:translate(-50%,-100%) rotate(90deg)}.mc-tooltip--bottom .mc-tooltip__content:before{top:-1px}.mc-tooltip--no-pointer .mc-tooltip__content:after,.mc-tooltip--no-pointer .mc-tooltip__content:before{background:none}.mc-tooltip__content:after{background:transparent url(assets/special-icons/tooltip-triangle.svg) no-repeat;background-size:.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
19
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TooltipComponent, decorators: [{
|
|
20
20
|
type: Component,
|
|
21
|
-
args: [{ selector: 'moz-tooltip', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n<span *ngIf=\"viewContent\" class=\"mc-tooltip__content\" role=\"tooltip\">{{ text }}</span>\n", styles: [".mc-tooltip{font-family:LeroyMerlin,sans-serif;font-weight:400;display:inline-flex;position:relative}.mc-tooltip:focus,.mc-tooltip:hover{cursor:help}.mc-tooltip:focus .mc-tooltip__content,.mc-tooltip:hover .mc-tooltip__content{visibility:visible}.mc-tooltip__content{font-size:.875rem;line-height:1.2857142857;background-color:#4d4d4d;border-radius:4px;box-sizing:border-box;color:#fff;padding:.4375rem 1rem;position:absolute;text-align:center;visibility:hidden;white-space:normal;z-index:1000;border:1px solid #ffffff}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.mc-tooltip__content{width:13.75rem}}@supports (width: max-content){.mc-tooltip__content{min-width:6.625rem;max-width:13.75rem;width:max-content}}.mc-tooltip__content:before{background:transparent url(
|
|
21
|
+
args: [{ selector: 'moz-tooltip', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n<span *ngIf=\"viewContent\" class=\"mc-tooltip__content\" role=\"tooltip\">{{ text }}</span>\n", styles: [".mc-tooltip{font-family:LeroyMerlin,sans-serif;font-weight:400;display:inline-flex;position:relative}.mc-tooltip:focus,.mc-tooltip:hover{cursor:help}.mc-tooltip:focus .mc-tooltip__content,.mc-tooltip:hover .mc-tooltip__content{visibility:visible}.mc-tooltip__content{font-size:.875rem;line-height:1.2857142857;background-color:#4d4d4d;border-radius:4px;box-sizing:border-box;color:#fff;padding:.4375rem 1rem;position:absolute;text-align:center;visibility:hidden;white-space:normal;z-index:1000;border:1px solid #ffffff}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.mc-tooltip__content{width:13.75rem}}@supports (width: max-content){.mc-tooltip__content{min-width:6.625rem;max-width:13.75rem;width:max-content}}.mc-tooltip__content:before{background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='0.5rem' width='0.5rem' viewBox='0 0 8 8'%3E%3Cpath fill='%23ffffff' d='M1.79 3.11l6.21-3.11v8l-6.21-3.11a1 1 0 0 1-.45-1.34 1 1 0 0 1 .45-.44z'/%3E%3C/svg%3E\") no-repeat;background-size:.625rem;content:\"\";height:.625rem;position:absolute;width:.625rem}.mc-tooltip__content:after{background:transparent url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='0.5rem' width='0.5rem' viewBox='0 0 8 8'%3E%3Cpath fill='%234d4d4d' d='M1.79 3.11l6.21-3.11v8l-6.21-3.11a1 1 0 0 1-.45-1.34 1 1 0 0 1 .45-.44z'/%3E%3C/svg%3E\") no-repeat;background-size:.5rem;content:\"\";height:.5rem;position:absolute;width:.5rem}.mc-tooltip--top .mc-tooltip__content{top:0;left:50%;transform:translate(-50%,calc(-100% - .75rem))}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.mc-tooltip--top .mc-tooltip__content{transform:translate(-50%,-100%);margin-top:-.75rem}}.mc-tooltip--top .mc-tooltip__content:after,.mc-tooltip--top .mc-tooltip__content:before{bottom:0;left:50%;transform:translate(-50%,100%) rotate(-90deg)}.mc-tooltip--top .mc-tooltip__content:before{bottom:-1px}.mc-tooltip--right .mc-tooltip__content{top:50%;right:0;transform:translate(calc(100% + .75rem),-50%)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.mc-tooltip--right .mc-tooltip__content{transform:translate(100%,-50%);margin-right:-.75rem}}.mc-tooltip--right .mc-tooltip__content:after,.mc-tooltip--right .mc-tooltip__content:before{top:50%;left:0;transform:translate(-99%,-50%)}.mc-tooltip--right .mc-tooltip__content:before{left:-1px}.mc-tooltip--left .mc-tooltip__content{left:0;top:50%;transform:translate(calc(-100% - .75rem),-50%)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.mc-tooltip--left .mc-tooltip__content{transform:translate(-100%,-50%);margin-left:-.75rem}}.mc-tooltip--left .mc-tooltip__content:after,.mc-tooltip--left .mc-tooltip__content:before{top:50%;right:0;transform:translate(99%,-50%) rotate(180deg)}.mc-tooltip--left .mc-tooltip__content:before{right:-1px}.mc-tooltip--bottom .mc-tooltip__content{bottom:0;left:50%;transform:translate(-50%,calc(100% + .75rem))}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.mc-tooltip--bottom .mc-tooltip__content{transform:translate(-50%,100%);margin-bottom:-.75rem}}.mc-tooltip--bottom .mc-tooltip__content:after,.mc-tooltip--bottom .mc-tooltip__content:before{top:0;left:50%;transform:translate(-50%,-100%) rotate(90deg)}.mc-tooltip--bottom .mc-tooltip__content:before{top:-1px}.mc-tooltip--no-pointer .mc-tooltip__content:after,.mc-tooltip--no-pointer .mc-tooltip__content:before{background:none}.mc-tooltip__content:after{background:transparent url(assets/special-icons/tooltip-triangle.svg) no-repeat;background-size:.5rem}\n"] }]
|
|
22
22
|
}], propDecorators: { text: [{
|
|
23
23
|
type: Input
|
|
24
24
|
}], position: [{
|