@ptsecurity/mosaic 13.6.0 → 13.7.1
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/LICENSE +21 -21
- package/README.md +6 -6
- package/_theming.scss +7238 -7128
- package/_visual.scss +2724 -2694
- package/autocomplete/autocomplete-origin.directive.d.ts +12 -12
- package/autocomplete/autocomplete-trigger.directive.d.ts +167 -167
- package/autocomplete/autocomplete.component.d.ts +73 -73
- package/autocomplete/autocomplete.module.d.ts +12 -12
- package/autocomplete/index.d.ts +1 -1
- package/autocomplete/ptsecurity-mosaic-autocomplete.d.ts +5 -5
- package/autocomplete/public-api.d.ts +4 -4
- package/button/button.component.d.ts +40 -40
- package/button/button.module.d.ts +10 -10
- package/button/index.d.ts +1 -1
- package/button/ptsecurity-mosaic-button.d.ts +5 -5
- package/button/public-api.d.ts +2 -2
- package/button-toggle/button-toggle.component.d.ts +141 -141
- package/button-toggle/button-toggle.module.d.ts +9 -9
- package/button-toggle/index.d.ts +1 -1
- package/button-toggle/ptsecurity-mosaic-button-toggle.d.ts +5 -5
- package/button-toggle/public-api.d.ts +2 -2
- package/card/card.component.d.ts +26 -26
- package/card/card.module.d.ts +10 -10
- package/card/index.d.ts +1 -1
- package/card/ptsecurity-mosaic-card.d.ts +5 -5
- package/card/public-api.d.ts +2 -2
- package/checkbox/README.md +1 -1
- package/checkbox/checkbox-config.d.ts +13 -13
- package/checkbox/checkbox-module.d.ts +9 -9
- package/checkbox/checkbox-required-validator.d.ts +13 -13
- package/checkbox/checkbox.d.ts +140 -140
- package/checkbox/index.d.ts +1 -1
- package/checkbox/ptsecurity-mosaic-checkbox.d.ts +5 -5
- package/checkbox/public-api.d.ts +4 -4
- package/core/animation/animation.d.ts +6 -6
- package/core/animation/fade-animations.d.ts +2 -2
- package/core/animation/index.d.ts +3 -3
- package/core/animation/select-animations.d.ts +12 -12
- package/core/common-behaviors/color.d.ts +19 -19
- package/core/common-behaviors/common-module.d.ts +25 -25
- package/core/common-behaviors/constructor.d.ts +9 -9
- package/core/common-behaviors/disabled.d.ts +8 -8
- package/core/common-behaviors/error-state.d.ts +25 -25
- package/core/common-behaviors/index.d.ts +5 -5
- package/core/common-behaviors/tabindex.d.ts +8 -8
- package/core/error/error-options.d.ts +14 -14
- package/core/formatters/date/formatter.d.ts +203 -203
- package/core/formatters/date/templates/en-US.d.ts +74 -74
- package/core/formatters/date/templates/ru-RU.d.ts +74 -74
- package/core/formatters/index.d.ts +9 -9
- package/core/formatters/number/formatter.d.ts +27 -27
- package/core/forms/forms-module.d.ts +7 -7
- package/core/forms/forms.directive.d.ts +22 -22
- package/core/forms/index.d.ts +2 -2
- package/core/highlight/highlight.pipe.d.ts +7 -7
- package/core/highlight/index.d.ts +9 -9
- package/core/index.d.ts +1 -1
- package/core/label/label-options.d.ts +13 -13
- package/core/line/line.d.ts +28 -28
- package/core/option/action.d.ts +42 -42
- package/core/option/index.d.ts +4 -4
- package/core/option/optgroup.d.ts +16 -16
- package/core/option/option-module.d.ts +11 -11
- package/core/option/option.d.ts +115 -115
- package/core/overlay/overlay-position-map.d.ts +34 -34
- package/core/pop-up/constants.d.ts +29 -29
- package/core/pop-up/index.d.ts +3 -3
- package/core/pop-up/pop-up-trigger.d.ts +70 -70
- package/core/pop-up/pop-up.d.ts +36 -36
- package/core/ptsecurity-mosaic-core.d.ts +5 -5
- package/core/public-api.d.ts +17 -17
- package/core/select/constants.d.ts +23 -23
- package/core/select/errors.d.ts +19 -19
- package/core/select/events.d.ts +1 -1
- package/core/select/index.d.ts +3 -3
- package/core/selection/constants.d.ts +4 -4
- package/core/selection/index.d.ts +3 -3
- package/core/selection/pseudo-checkbox/pseudo-checkbox.d.ts +30 -30
- package/core/selection/pseudo-checkbox/pseudo-checkbox.module.d.ts +8 -8
- package/core/services/measure-scrollbar.service.d.ts +11 -11
- package/core/utils/index.d.ts +1 -1
- package/core/utils/public-api.d.ts +1 -1
- package/core/utils/utils.d.ts +2 -2
- package/core/validation/index.d.ts +1 -1
- package/core/validation/validation.d.ts +18 -18
- package/core/version.d.ts +2 -2
- package/datepicker/calendar-body.component.d.ts +63 -63
- package/datepicker/calendar.component.d.ts +151 -151
- package/datepicker/datepicker-animations.d.ts +9 -9
- package/datepicker/datepicker-errors.d.ts +2 -2
- package/datepicker/datepicker-input.directive.d.ts +178 -178
- package/datepicker/datepicker-intl.d.ts +32 -32
- package/datepicker/datepicker-module.d.ts +20 -20
- package/datepicker/datepicker-toggle.component.d.ts +35 -35
- package/datepicker/datepicker.component.d.ts +158 -158
- package/datepicker/index.d.ts +1 -1
- package/datepicker/month-view.component.d.ts +93 -93
- package/datepicker/multi-year-view.component.d.ts +72 -72
- package/datepicker/ptsecurity-mosaic-datepicker.d.ts +5 -5
- package/datepicker/public-api.d.ts +11 -11
- package/datepicker/year-view.component.d.ts +90 -90
- package/design-tokens/index.d.ts +1 -1
- package/design-tokens/legacy-2017/tokens/components/alert.json5 +83 -83
- package/design-tokens/legacy-2017/tokens/components/autocomplete.json5 +11 -11
- package/design-tokens/legacy-2017/tokens/components/badge.json5 +174 -174
- package/design-tokens/legacy-2017/tokens/components/button-toggle.json5 +10 -10
- package/design-tokens/legacy-2017/tokens/components/button.json5 +142 -142
- package/design-tokens/legacy-2017/tokens/components/card.json5 +51 -51
- package/design-tokens/legacy-2017/tokens/components/checkbox.json5 +97 -97
- package/design-tokens/legacy-2017/tokens/components/datepicker.json5 +64 -64
- package/design-tokens/legacy-2017/tokens/components/divider.json5 +14 -14
- package/design-tokens/legacy-2017/tokens/components/dl.json5 +38 -38
- package/design-tokens/legacy-2017/tokens/components/dropdown.json5 +48 -48
- package/design-tokens/legacy-2017/tokens/components/form-field.json5 +92 -92
- package/design-tokens/legacy-2017/tokens/components/forms.json5 +52 -52
- package/design-tokens/legacy-2017/tokens/components/icon.json5 +104 -104
- package/design-tokens/legacy-2017/tokens/components/input.json5 +12 -12
- package/design-tokens/legacy-2017/tokens/components/link.json5 +50 -50
- package/design-tokens/legacy-2017/tokens/components/list.json5 +13 -13
- package/design-tokens/legacy-2017/tokens/components/loader-overlay.json5 +23 -0
- package/design-tokens/legacy-2017/tokens/components/modal.json5 +81 -81
- package/design-tokens/legacy-2017/tokens/components/navbar.json5 +70 -70
- package/design-tokens/legacy-2017/tokens/components/optgroup.json5 +10 -10
- package/design-tokens/legacy-2017/tokens/components/option.json5 +12 -12
- package/design-tokens/legacy-2017/tokens/components/popover.json5 +68 -68
- package/design-tokens/legacy-2017/tokens/components/popup.json5 +16 -16
- package/design-tokens/legacy-2017/tokens/components/progress-bar.json5 +13 -13
- package/design-tokens/legacy-2017/tokens/components/progress-spinner.json5 +7 -7
- package/design-tokens/legacy-2017/tokens/components/radio.json5 +45 -44
- package/design-tokens/legacy-2017/tokens/components/select.json5 +24 -24
- package/design-tokens/legacy-2017/tokens/components/sidepanel.json5 +44 -44
- package/design-tokens/legacy-2017/tokens/components/table.json5 +15 -15
- package/design-tokens/legacy-2017/tokens/components/tabs.json5 +101 -101
- package/design-tokens/legacy-2017/tokens/components/tags.json5 +134 -134
- package/design-tokens/legacy-2017/tokens/components/textarea.json5 +12 -12
- package/design-tokens/legacy-2017/tokens/components/timepicker.json5 +7 -7
- package/design-tokens/legacy-2017/tokens/components/toggle.json5 +79 -79
- package/design-tokens/legacy-2017/tokens/components/tooltip.json5 +83 -83
- package/design-tokens/legacy-2017/tokens/components/tree.json5 +15 -15
- package/design-tokens/legacy-2017/tokens/properties/aliases.json5 +3 -3
- package/design-tokens/legacy-2017/tokens/properties/colors.json5 +119 -118
- package/design-tokens/legacy-2017/tokens/properties/font.json5 +12 -12
- package/design-tokens/legacy-2017/tokens/properties/globals.json5 +49 -49
- package/design-tokens/legacy-2017/tokens/properties/padding.json5 +3 -3
- package/design-tokens/legacy-2017/tokens/properties/palette.json5 +163 -163
- package/design-tokens/legacy-2017/tokens/properties/typography.json5 +175 -175
- package/design-tokens/legacy-2017/tokens.d.ts +7873 -7843
- package/design-tokens/pt-2022/tokens/components/alert.json5 +83 -83
- package/design-tokens/pt-2022/tokens/components/autocomplete.json5 +11 -11
- package/design-tokens/pt-2022/tokens/components/badge.json5 +174 -174
- package/design-tokens/pt-2022/tokens/components/button-toggle.json5 +10 -10
- package/design-tokens/pt-2022/tokens/components/button.json5 +142 -142
- package/design-tokens/pt-2022/tokens/components/card.json5 +51 -51
- package/design-tokens/pt-2022/tokens/components/checkbox.json5 +97 -97
- package/design-tokens/pt-2022/tokens/components/datepicker.json5 +64 -64
- package/design-tokens/pt-2022/tokens/components/divider.json5 +14 -14
- package/design-tokens/pt-2022/tokens/components/dl.json5 +38 -38
- package/design-tokens/pt-2022/tokens/components/dropdown.json5 +48 -48
- package/design-tokens/pt-2022/tokens/components/form-field.json5 +92 -92
- package/design-tokens/pt-2022/tokens/components/forms.json5 +52 -52
- package/design-tokens/pt-2022/tokens/components/icon.json5 +104 -104
- package/design-tokens/pt-2022/tokens/components/input.json5 +12 -12
- package/design-tokens/pt-2022/tokens/components/link.json5 +50 -50
- package/design-tokens/pt-2022/tokens/components/list.json5 +13 -13
- package/design-tokens/pt-2022/tokens/components/loader-overlay.json5 +23 -0
- package/design-tokens/pt-2022/tokens/components/modal.json5 +81 -81
- package/design-tokens/pt-2022/tokens/components/navbar.json5 +70 -70
- package/design-tokens/pt-2022/tokens/components/optgroup.json5 +10 -10
- package/design-tokens/pt-2022/tokens/components/option.json5 +12 -12
- package/design-tokens/pt-2022/tokens/components/popover.json5 +68 -68
- package/design-tokens/pt-2022/tokens/components/popup.json5 +16 -16
- package/design-tokens/pt-2022/tokens/components/progress-bar.json5 +13 -13
- package/design-tokens/pt-2022/tokens/components/progress-spinner.json5 +7 -7
- package/design-tokens/pt-2022/tokens/components/radio.json5 +45 -44
- package/design-tokens/pt-2022/tokens/components/select.json5 +24 -24
- package/design-tokens/pt-2022/tokens/components/sidepanel.json5 +44 -44
- package/design-tokens/pt-2022/tokens/components/table.json5 +15 -15
- package/design-tokens/pt-2022/tokens/components/tabs.json5 +101 -101
- package/design-tokens/pt-2022/tokens/components/tags.json5 +137 -137
- package/design-tokens/pt-2022/tokens/components/textarea.json5 +12 -12
- package/design-tokens/pt-2022/tokens/components/timepicker.json5 +7 -7
- package/design-tokens/pt-2022/tokens/components/toggle.json5 +79 -79
- package/design-tokens/pt-2022/tokens/components/tooltip.json5 +83 -83
- package/design-tokens/pt-2022/tokens/components/tree.json5 +15 -15
- package/design-tokens/pt-2022/tokens/properties/aliases.json5 +3 -3
- package/design-tokens/pt-2022/tokens/properties/colors.json5 +122 -120
- package/design-tokens/pt-2022/tokens/properties/font.json5 +15 -15
- package/design-tokens/pt-2022/tokens/properties/globals.json5 +49 -49
- package/design-tokens/pt-2022/tokens/properties/padding.json5 +3 -3
- package/design-tokens/pt-2022/tokens/properties/palette.json5 +232 -232
- package/design-tokens/pt-2022/tokens/properties/typography.json5 +175 -175
- package/design-tokens/pt-2022/tokens.d.ts +9205 -9175
- package/design-tokens/ptsecurity-mosaic-design-tokens.d.ts +5 -5
- package/design-tokens/public-api.d.ts +3 -3
- package/design-tokens/style-dictionary/build.js +76 -63
- package/design-tokens/style-dictionary/configs/css.js +13 -13
- package/design-tokens/style-dictionary/configs/figma.js +11 -0
- package/design-tokens/style-dictionary/configs/index.js +48 -48
- package/design-tokens/style-dictionary/configs/js.js +9 -9
- package/design-tokens/style-dictionary/configs/scss.js +23 -23
- package/design-tokens/style-dictionary/filters/color.js +7 -7
- package/design-tokens/style-dictionary/filters/palette.js +7 -7
- package/design-tokens/style-dictionary/filters/size.js +7 -7
- package/design-tokens/style-dictionary/filters/typography.js +7 -7
- package/design-tokens/style-dictionary/formats/figma.js +104 -0
- package/design-tokens/style-dictionary/formats/palette.js +25 -25
- package/design-tokens/style-dictionary/formats/typography.js +52 -52
- package/design-tokens/style-dictionary/transformGroups/css.js +13 -13
- package/design-tokens/style-dictionary/transformGroups/figma.js +21 -0
- package/design-tokens/style-dictionary/transformGroups/scss.js +12 -12
- package/design-tokens/style-dictionary/transformGroups/ts.js +11 -11
- package/design-tokens/style-dictionary/transforms/attribute/figma-border.js +18 -0
- package/design-tokens/style-dictionary/transforms/attribute/figma-color.js +25 -0
- package/design-tokens/style-dictionary/transforms/attribute/figma-default.js +10 -0
- package/design-tokens/style-dictionary/transforms/attribute/figma-font.js +31 -0
- package/design-tokens/style-dictionary/transforms/attribute/figma-group.js +17 -0
- package/design-tokens/style-dictionary/transforms/attribute/figma-opacity.js +10 -0
- package/design-tokens/style-dictionary/transforms/attribute/figma-shadow.js +66 -0
- package/design-tokens/style-dictionary/transforms/attribute/figma-sizing.js +16 -0
- package/design-tokens/style-dictionary/transforms/attribute/figma-spacing.js +15 -0
- package/design-tokens/style-dictionary/transforms/attribute/figma-typography.js +24 -0
- package/design-tokens/style-dictionary/transforms/attribute/palette.js +9 -9
- package/design-tokens/style-dictionary/transforms/attribute/prefix.js +11 -11
- package/design-tokens/style-dictionary/transforms/attribute/size.js +8 -8
- package/design-tokens/style-dictionary/transforms/attribute/typography.js +9 -9
- package/design-tokens/style-dictionary/transforms/value/figma-values.js +7 -0
- package/divider/divider.component.d.ts +11 -11
- package/divider/divider.module.d.ts +8 -8
- package/divider/index.d.ts +1 -1
- package/divider/ptsecurity-mosaic-divider.d.ts +5 -5
- package/divider/public-api.d.ts +2 -2
- package/dl/dl.component.d.ts +26 -26
- package/dl/dl.module.d.ts +10 -10
- package/dl/index.d.ts +1 -1
- package/dl/ptsecurity-mosaic-dl.d.ts +5 -5
- package/dl/public-api.d.ts +2 -2
- package/dropdown/dropdown-animations.d.ts +11 -11
- package/dropdown/dropdown-content.directive.d.ts +32 -32
- package/dropdown/dropdown-errors.d.ts +17 -17
- package/dropdown/dropdown-item.component.d.ts +50 -50
- package/dropdown/dropdown-trigger.directive.d.ts +136 -136
- package/dropdown/dropdown.component.d.ts +121 -121
- package/dropdown/dropdown.module.d.ts +13 -13
- package/dropdown/dropdown.types.d.ts +53 -53
- package/dropdown/index.d.ts +1 -1
- package/dropdown/ptsecurity-mosaic-dropdown.d.ts +5 -5
- package/dropdown/public-api.d.ts +8 -8
- package/esm2020/autocomplete/autocomplete-origin.directive.mjs +21 -21
- package/esm2020/autocomplete/autocomplete-trigger.directive.mjs +555 -555
- package/esm2020/autocomplete/autocomplete.component.mjs +154 -154
- package/esm2020/autocomplete/autocomplete.module.mjs +34 -34
- package/esm2020/autocomplete/index.mjs +2 -2
- package/esm2020/autocomplete/ptsecurity-mosaic-autocomplete.mjs +4 -4
- package/esm2020/autocomplete/public-api.mjs +5 -5
- package/esm2020/button/button.component.mjs +137 -137
- package/esm2020/button/button.module.mjs +38 -38
- package/esm2020/button/index.mjs +2 -2
- package/esm2020/button/ptsecurity-mosaic-button.mjs +4 -4
- package/esm2020/button/public-api.mjs +3 -3
- package/esm2020/button-toggle/button-toggle.component.mjs +362 -362
- package/esm2020/button-toggle/button-toggle.module.mjs +19 -19
- package/esm2020/button-toggle/index.mjs +2 -2
- package/esm2020/button-toggle/ptsecurity-mosaic-button-toggle.mjs +4 -4
- package/esm2020/button-toggle/public-api.mjs +3 -3
- package/esm2020/card/card.component.mjs +80 -80
- package/esm2020/card/card.module.mjs +30 -30
- package/esm2020/card/index.mjs +2 -2
- package/esm2020/card/ptsecurity-mosaic-card.mjs +4 -4
- package/esm2020/card/public-api.mjs +3 -3
- package/esm2020/checkbox/checkbox-config.mjs +6 -6
- package/esm2020/checkbox/checkbox-module.mjs +19 -19
- package/esm2020/checkbox/checkbox-required-validator.mjs +27 -27
- package/esm2020/checkbox/checkbox.mjs +316 -316
- package/esm2020/checkbox/index.mjs +2 -2
- package/esm2020/checkbox/ptsecurity-mosaic-checkbox.mjs +4 -4
- package/esm2020/checkbox/public-api.mjs +5 -5
- package/esm2020/core/animation/animation.mjs +8 -8
- package/esm2020/core/animation/fade-animations.mjs +9 -9
- package/esm2020/core/animation/index.mjs +4 -4
- package/esm2020/core/animation/select-animations.mjs +45 -45
- package/esm2020/core/common-behaviors/color.mjs +30 -30
- package/esm2020/core/common-behaviors/common-module.mjs +83 -83
- package/esm2020/core/common-behaviors/constructor.mjs +2 -2
- package/esm2020/core/common-behaviors/disabled.mjs +17 -17
- package/esm2020/core/common-behaviors/error-state.mjs +31 -31
- package/esm2020/core/common-behaviors/index.mjs +6 -6
- package/esm2020/core/common-behaviors/tabindex.mjs +18 -18
- package/esm2020/core/error/error-options.mjs +26 -26
- package/esm2020/core/formatters/date/formatter.mjs +359 -359
- package/esm2020/core/formatters/date/templates/en-US.mjs +281 -281
- package/esm2020/core/formatters/date/templates/ru-RU.mjs +281 -281
- package/esm2020/core/formatters/index.mjs +20 -20
- package/esm2020/core/formatters/number/formatter.mjs +105 -105
- package/esm2020/core/forms/forms-module.mjs +24 -24
- package/esm2020/core/forms/forms.directive.mjs +66 -66
- package/esm2020/core/forms/index.mjs +3 -3
- package/esm2020/core/highlight/highlight.pipe.mjs +17 -17
- package/esm2020/core/highlight/index.mjs +19 -19
- package/esm2020/core/index.mjs +2 -2
- package/esm2020/core/label/label-options.mjs +4 -4
- package/esm2020/core/line/line.mjs +70 -70
- package/esm2020/core/option/action.mjs +121 -121
- package/esm2020/core/option/index.mjs +5 -5
- package/esm2020/core/option/optgroup.mjs +31 -31
- package/esm2020/core/option/option-module.mjs +21 -21
- package/esm2020/core/option/option.mjs +257 -257
- package/esm2020/core/overlay/overlay-position-map.mjs +244 -244
- package/esm2020/core/pop-up/constants.mjs +34 -34
- package/esm2020/core/pop-up/index.mjs +4 -4
- package/esm2020/core/pop-up/pop-up-trigger.mjs +239 -239
- package/esm2020/core/pop-up/pop-up.mjs +94 -94
- package/esm2020/core/ptsecurity-mosaic-core.mjs +4 -4
- package/esm2020/core/public-api.mjs +18 -18
- package/esm2020/core/select/constants.mjs +27 -27
- package/esm2020/core/select/errors.mjs +26 -26
- package/esm2020/core/select/events.mjs +2 -2
- package/esm2020/core/select/index.mjs +4 -4
- package/esm2020/core/selection/constants.mjs +6 -6
- package/esm2020/core/selection/index.mjs +4 -4
- package/esm2020/core/selection/pseudo-checkbox/pseudo-checkbox.mjs +49 -49
- package/esm2020/core/selection/pseudo-checkbox/pseudo-checkbox.module.mjs +18 -18
- package/esm2020/core/services/measure-scrollbar.service.mjs +48 -48
- package/esm2020/core/utils/index.mjs +2 -2
- package/esm2020/core/utils/public-api.mjs +2 -2
- package/esm2020/core/utils/utils.mjs +5 -5
- package/esm2020/core/validation/index.mjs +2 -2
- package/esm2020/core/validation/validation.mjs +118 -118
- package/esm2020/core/version.mjs +3 -3
- package/esm2020/datepicker/calendar-body.component.mjs +106 -106
- package/esm2020/datepicker/calendar.component.mjs +362 -362
- package/esm2020/datepicker/datepicker-animations.mjs +32 -32
- package/esm2020/datepicker/datepicker-errors.mjs +6 -6
- package/esm2020/datepicker/datepicker-input.directive.mjs +938 -936
- package/esm2020/datepicker/datepicker-intl.mjs +40 -40
- package/esm2020/datepicker/datepicker-module.mjs +107 -107
- package/esm2020/datepicker/datepicker-toggle.component.mjs +86 -86
- package/esm2020/datepicker/datepicker.component.mjs +404 -408
- package/esm2020/datepicker/index.mjs +2 -2
- package/esm2020/datepicker/month-view.component.mjs +257 -257
- package/esm2020/datepicker/multi-year-view.component.mjs +218 -218
- package/esm2020/datepicker/ptsecurity-mosaic-datepicker.mjs +4 -4
- package/esm2020/datepicker/public-api.mjs +12 -12
- package/esm2020/datepicker/year-view.component.mjs +253 -253
- package/esm2020/design-tokens/index.mjs +2 -2
- package/esm2020/design-tokens/legacy-2017/tokens.mjs +1167 -1137
- package/esm2020/design-tokens/pt-2022/tokens.mjs +1237 -1207
- package/esm2020/design-tokens/ptsecurity-mosaic-design-tokens.mjs +4 -4
- package/esm2020/design-tokens/public-api.mjs +4 -4
- package/esm2020/divider/divider.component.mjs +39 -39
- package/esm2020/divider/divider.module.mjs +18 -18
- package/esm2020/divider/index.mjs +2 -2
- package/esm2020/divider/ptsecurity-mosaic-divider.mjs +4 -4
- package/esm2020/divider/public-api.mjs +3 -3
- package/esm2020/dl/dl.component.mjs +78 -78
- package/esm2020/dl/dl.module.mjs +42 -42
- package/esm2020/dl/index.mjs +2 -2
- package/esm2020/dl/ptsecurity-mosaic-dl.mjs +4 -4
- package/esm2020/dl/public-api.mjs +3 -3
- package/esm2020/dropdown/dropdown-animations.mjs +41 -41
- package/esm2020/dropdown/dropdown-content.directive.mjs +64 -64
- package/esm2020/dropdown/dropdown-errors.mjs +29 -29
- package/esm2020/dropdown/dropdown-item.component.mjs +139 -139
- package/esm2020/dropdown/dropdown-trigger.directive.mjs +489 -489
- package/esm2020/dropdown/dropdown.component.mjs +292 -292
- package/esm2020/dropdown/dropdown.module.mjs +50 -50
- package/esm2020/dropdown/dropdown.types.mjs +24 -24
- package/esm2020/dropdown/index.mjs +2 -2
- package/esm2020/dropdown/ptsecurity-mosaic-dropdown.mjs +4 -4
- package/esm2020/dropdown/public-api.mjs +9 -9
- package/esm2020/form-field/cleaner.mjs +23 -23
- package/esm2020/form-field/form-field-control.mjs +5 -5
- package/esm2020/form-field/form-field-errors.mjs +7 -7
- package/esm2020/form-field/form-field.mjs +225 -225
- package/esm2020/form-field/form-field.module.mjs +57 -57
- package/esm2020/form-field/hint.mjs +34 -23
- package/esm2020/form-field/index.mjs +2 -2
- package/esm2020/form-field/password-hint.mjs +139 -139
- package/esm2020/form-field/prefix.mjs +13 -13
- package/esm2020/form-field/ptsecurity-mosaic-form-field.mjs +4 -4
- package/esm2020/form-field/public-api.mjs +11 -11
- package/esm2020/form-field/stepper.mjs +55 -55
- package/esm2020/form-field/suffix.mjs +13 -13
- package/esm2020/icon/icon.component.mjs +44 -44
- package/esm2020/icon/icon.module.mjs +38 -38
- package/esm2020/icon/index.mjs +2 -2
- package/esm2020/icon/ptsecurity-mosaic-icon.mjs +4 -4
- package/esm2020/icon/public-api.mjs +3 -3
- package/esm2020/index.mjs +2 -2
- package/esm2020/input/index.mjs +2 -2
- package/esm2020/input/input-errors.mjs +4 -4
- package/esm2020/input/input-number-validators.mjs +92 -92
- package/esm2020/input/input-number.mjs +163 -163
- package/esm2020/input/input-password.mjs +372 -372
- package/esm2020/input/input-value-accessor.mjs +3 -3
- package/esm2020/input/input.mjs +334 -334
- package/esm2020/input/input.module.mjs +65 -65
- package/esm2020/input/ptsecurity-mosaic-input.mjs +4 -4
- package/esm2020/input/public-api.mjs +7 -7
- package/esm2020/link/index.mjs +2 -2
- package/esm2020/link/link.component.mjs +107 -107
- package/esm2020/link/link.module.mjs +26 -26
- package/esm2020/link/ptsecurity-mosaic-link.mjs +4 -4
- package/esm2020/link/public-api.mjs +3 -3
- package/esm2020/list/index.mjs +2 -2
- package/esm2020/list/list-selection.component.mjs +689 -686
- package/esm2020/list/list.component.mjs +44 -44
- package/esm2020/list/list.module.mjs +55 -55
- package/esm2020/list/ptsecurity-mosaic-list.mjs +4 -4
- package/esm2020/list/public-api.mjs +4 -4
- package/esm2020/loader-overlay/index.mjs +2 -0
- package/esm2020/loader-overlay/loader-overlay.component.mjs +99 -0
- package/esm2020/loader-overlay/loader-overlay.module.mjs +50 -0
- package/esm2020/loader-overlay/ptsecurity-mosaic-loader-overlay.mjs +5 -0
- package/esm2020/loader-overlay/public-api.mjs +3 -0
- package/esm2020/modal/css-unit.pipe.mjs +17 -17
- package/esm2020/modal/index.mjs +2 -2
- package/esm2020/modal/modal-control.service.mjs +85 -85
- package/esm2020/modal/modal-ref.class.mjs +8 -8
- package/esm2020/modal/modal-util.mjs +17 -17
- package/esm2020/modal/modal.component.mjs +509 -501
- package/esm2020/modal/modal.directive.mjs +52 -52
- package/esm2020/modal/modal.module.mjs +72 -72
- package/esm2020/modal/modal.service.mjs +124 -124
- package/esm2020/modal/modal.type.mjs +7 -7
- package/esm2020/modal/ptsecurity-mosaic-modal.mjs +4 -4
- package/esm2020/modal/public-api.mjs +7 -7
- package/esm2020/navbar/index.mjs +2 -2
- package/esm2020/navbar/navbar-item.component.mjs +582 -582
- package/esm2020/navbar/navbar.component.mjs +239 -237
- package/esm2020/navbar/navbar.module.mjs +92 -92
- package/esm2020/navbar/ptsecurity-mosaic-navbar.mjs +4 -4
- package/esm2020/navbar/public-api.mjs +5 -5
- package/esm2020/navbar/vertical-navbar.animation.mjs +10 -10
- package/esm2020/navbar/vertical-navbar.component.mjs +114 -114
- package/esm2020/popover/index.mjs +2 -2
- package/esm2020/popover/popover-animations.mjs +16 -16
- package/esm2020/popover/popover-confirm.component.mjs +108 -108
- package/esm2020/popover/popover.component.mjs +253 -253
- package/esm2020/popover/popover.module.mjs +24 -24
- package/esm2020/popover/ptsecurity-mosaic-popover.mjs +4 -4
- package/esm2020/popover/public-api.mjs +5 -5
- package/esm2020/progress-bar/index.mjs +2 -2
- package/esm2020/progress-bar/progress-bar.component.mjs +42 -42
- package/esm2020/progress-bar/progress-bar.module.mjs +30 -30
- package/esm2020/progress-bar/ptsecurity-mosaic-progress-bar.mjs +4 -4
- package/esm2020/progress-bar/public-api.mjs +3 -3
- package/esm2020/progress-spinner/index.mjs +2 -2
- package/esm2020/progress-spinner/progress-spinner.component.mjs +46 -46
- package/esm2020/progress-spinner/progress-spinner.module.mjs +30 -30
- package/esm2020/progress-spinner/ptsecurity-mosaic-progress-spinner.mjs +4 -4
- package/esm2020/progress-spinner/public-api.mjs +3 -3
- package/esm2020/ptsecurity-mosaic.mjs +4 -4
- package/esm2020/public-api.mjs +2 -2
- package/esm2020/radio/index.mjs +2 -2
- package/esm2020/radio/ptsecurity-mosaic-radio.mjs +4 -4
- package/esm2020/radio/public-api.mjs +3 -3
- package/esm2020/radio/radio.component.mjs +458 -458
- package/esm2020/radio/radio.module.mjs +20 -20
- package/esm2020/select/index.mjs +2 -2
- package/esm2020/select/ptsecurity-mosaic-select.mjs +4 -4
- package/esm2020/select/public-api.mjs +4 -4
- package/esm2020/select/select-option.directive.mjs +65 -65
- package/esm2020/select/select.component.mjs +1117 -1107
- package/esm2020/select/select.module.mjs +73 -73
- package/esm2020/sidebar/index.mjs +2 -2
- package/esm2020/sidebar/ptsecurity-mosaic-sidebar.mjs +4 -4
- package/esm2020/sidebar/public-api.mjs +3 -3
- package/esm2020/sidebar/sidebar-animations.mjs +23 -23
- package/esm2020/sidebar/sidebar.component.mjs +146 -146
- package/esm2020/sidebar/sidebar.module.mjs +30 -30
- package/esm2020/sidepanel/index.mjs +2 -2
- package/esm2020/sidepanel/ptsecurity-mosaic-sidepanel.mjs +4 -4
- package/esm2020/sidepanel/public-api.mjs +7 -7
- package/esm2020/sidepanel/sidepanel-animations.mjs +26 -26
- package/esm2020/sidepanel/sidepanel-config.mjs +26 -26
- package/esm2020/sidepanel/sidepanel-container.component.mjs +106 -106
- package/esm2020/sidepanel/sidepanel-directives.mjs +159 -159
- package/esm2020/sidepanel/sidepanel-ref.mjs +53 -53
- package/esm2020/sidepanel/sidepanel.module.mjs +74 -74
- package/esm2020/sidepanel/sidepanel.service.mjs +167 -167
- package/esm2020/splitter/index.mjs +2 -2
- package/esm2020/splitter/ptsecurity-mosaic-splitter.mjs +4 -4
- package/esm2020/splitter/public-api.mjs +3 -3
- package/esm2020/splitter/splitter.component.mjs +482 -482
- package/esm2020/splitter/splitter.module.mjs +40 -40
- package/esm2020/table/index.mjs +2 -2
- package/esm2020/table/ptsecurity-mosaic-table.mjs +4 -4
- package/esm2020/table/public-api.mjs +3 -3
- package/esm2020/table/table.component.mjs +16 -16
- package/esm2020/table/table.module.mjs +30 -30
- package/esm2020/tabs/index.mjs +2 -2
- package/esm2020/tabs/paginated-tab-header.mjs +479 -479
- package/esm2020/tabs/ptsecurity-mosaic-tabs.mjs +4 -4
- package/esm2020/tabs/public-api.mjs +11 -11
- package/esm2020/tabs/tab-body.component.mjs +178 -178
- package/esm2020/tabs/tab-content.directive.mjs +15 -15
- package/esm2020/tabs/tab-group.component.mjs +350 -350
- package/esm2020/tabs/tab-header.component.mjs +67 -67
- package/esm2020/tabs/tab-label-wrapper.directive.mjs +78 -78
- package/esm2020/tabs/tab-label.directive.mjs +17 -17
- package/esm2020/tabs/tab-nav-bar/index.mjs +2 -2
- package/esm2020/tabs/tab-nav-bar/tab-nav-bar.mjs +110 -110
- package/esm2020/tabs/tab.component.mjs +133 -133
- package/esm2020/tabs/tabs-animations.mjs +24 -24
- package/esm2020/tabs/tabs.module.mjs +104 -104
- package/esm2020/tags/index.mjs +2 -2
- package/esm2020/tags/ptsecurity-mosaic-tags.mjs +4 -4
- package/esm2020/tags/public-api.mjs +6 -6
- package/esm2020/tags/tag-default-options.mjs +4 -4
- package/esm2020/tags/tag-input.mjs +229 -229
- package/esm2020/tags/tag-list.component.mjs +722 -722
- package/esm2020/tags/tag-text-control.mjs +2 -2
- package/esm2020/tags/tag.component.mjs +375 -375
- package/esm2020/tags/tag.module.mjs +56 -56
- package/esm2020/textarea/index.mjs +2 -2
- package/esm2020/textarea/ptsecurity-mosaic-textarea.mjs +4 -4
- package/esm2020/textarea/public-api.mjs +3 -3
- package/esm2020/textarea/textarea.component.mjs +269 -269
- package/esm2020/textarea/textarea.module.mjs +21 -21
- package/esm2020/timepicker/index.mjs +2 -2
- package/esm2020/timepicker/ptsecurity-mosaic-timepicker.mjs +4 -4
- package/esm2020/timepicker/public-api.mjs +4 -4
- package/esm2020/timepicker/timepicker.constants.mjs +25 -25
- package/esm2020/timepicker/timepicker.directive.mjs +665 -676
- package/esm2020/timepicker/timepicker.module.mjs +34 -34
- package/esm2020/toggle/index.mjs +2 -2
- package/esm2020/toggle/ptsecurity-mosaic-toggle.mjs +4 -4
- package/esm2020/toggle/public-api.mjs +3 -3
- package/esm2020/toggle/toggle.component.mjs +158 -158
- package/esm2020/toggle/toggle.module.mjs +20 -20
- package/esm2020/tooltip/index.mjs +2 -2
- package/esm2020/tooltip/ptsecurity-mosaic-tooltip.mjs +4 -4
- package/esm2020/tooltip/public-api.mjs +3 -3
- package/esm2020/tooltip/tooltip.animations.mjs +19 -19
- package/esm2020/tooltip/tooltip.component.mjs +295 -295
- package/esm2020/tooltip/tooltip.module.mjs +43 -43
- package/esm2020/tree/control/base-tree-control.mjs +60 -60
- package/esm2020/tree/control/flat-tree-control.mjs +126 -126
- package/esm2020/tree/control/nested-tree-control.mjs +41 -41
- package/esm2020/tree/control/tree-control.mjs +2 -2
- package/esm2020/tree/data-source/flat-data-source.mjs +162 -162
- package/esm2020/tree/data-source/nested-data-source.mjs +30 -30
- package/esm2020/tree/index.mjs +2 -2
- package/esm2020/tree/node.mjs +31 -31
- package/esm2020/tree/outlet.mjs +15 -15
- package/esm2020/tree/padding.directive.mjs +113 -110
- package/esm2020/tree/ptsecurity-mosaic-tree.mjs +4 -4
- package/esm2020/tree/public-api.mjs +16 -16
- package/esm2020/tree/toggle.mjs +80 -80
- package/esm2020/tree/tree-base.mjs +243 -243
- package/esm2020/tree/tree-errors.mjs +36 -36
- package/esm2020/tree/tree-option.component.mjs +248 -236
- package/esm2020/tree/tree-selection.component.mjs +541 -540
- package/esm2020/tree/tree.mjs +15 -15
- package/esm2020/tree/tree.module.mjs +57 -57
- package/esm2020/tree-select/index.mjs +2 -2
- package/esm2020/tree-select/ptsecurity-mosaic-tree-select.mjs +4 -4
- package/esm2020/tree-select/public-api.mjs +3 -3
- package/esm2020/tree-select/tree-select.component.mjs +939 -929
- package/esm2020/tree-select/tree-select.module.mjs +47 -47
- package/fesm2015/ptsecurity-mosaic-autocomplete.mjs +726 -726
- package/fesm2015/ptsecurity-mosaic-autocomplete.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-button-toggle.mjs +367 -367
- package/fesm2015/ptsecurity-mosaic-button-toggle.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-button.mjs +160 -160
- package/fesm2015/ptsecurity-mosaic-button.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-card.mjs +96 -96
- package/fesm2015/ptsecurity-mosaic-card.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-checkbox.mjs +348 -348
- package/fesm2015/ptsecurity-mosaic-checkbox.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-core.mjs +2652 -2652
- package/fesm2015/ptsecurity-mosaic-core.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-datepicker.mjs +2682 -2684
- package/fesm2015/ptsecurity-mosaic-datepicker.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-design-tokens.mjs +2433 -2343
- package/fesm2015/ptsecurity-mosaic-design-tokens.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-divider.mjs +48 -48
- package/fesm2015/ptsecurity-mosaic-divider.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-dl.mjs +108 -108
- package/fesm2015/ptsecurity-mosaic-dl.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-dropdown.mjs +1069 -1069
- package/fesm2015/ptsecurity-mosaic-dropdown.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-form-field.mjs +522 -512
- package/fesm2015/ptsecurity-mosaic-form-field.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-icon.mjs +73 -73
- package/fesm2015/ptsecurity-mosaic-icon.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-input.mjs +979 -979
- package/fesm2015/ptsecurity-mosaic-input.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-link.mjs +121 -121
- package/fesm2015/ptsecurity-mosaic-link.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-list.mjs +765 -762
- package/fesm2015/ptsecurity-mosaic-list.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-loader-overlay.mjs +155 -0
- package/fesm2015/ptsecurity-mosaic-loader-overlay.mjs.map +1 -0
- package/fesm2015/ptsecurity-mosaic-modal.mjs +833 -824
- package/fesm2015/ptsecurity-mosaic-modal.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-navbar.mjs +996 -994
- package/fesm2015/ptsecurity-mosaic-navbar.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-popover.mjs +364 -364
- package/fesm2015/ptsecurity-mosaic-popover.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-progress-bar.mjs +61 -61
- package/fesm2015/ptsecurity-mosaic-progress-bar.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-progress-spinner.mjs +65 -65
- package/fesm2015/ptsecurity-mosaic-progress-spinner.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-radio.mjs +464 -464
- package/fesm2015/ptsecurity-mosaic-radio.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-select.mjs +1213 -1203
- package/fesm2015/ptsecurity-mosaic-select.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-sidebar.mjs +185 -185
- package/fesm2015/ptsecurity-mosaic-sidebar.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-sidepanel.mjs +555 -555
- package/fesm2015/ptsecurity-mosaic-sidepanel.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-splitter.mjs +511 -511
- package/fesm2015/ptsecurity-mosaic-splitter.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-table.mjs +36 -36
- package/fesm2015/ptsecurity-mosaic-table.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-tabs.mjs +1460 -1460
- package/fesm2015/ptsecurity-mosaic-tabs.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-tags.mjs +1342 -1342
- package/fesm2015/ptsecurity-mosaic-tags.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-textarea.mjs +274 -274
- package/fesm2015/ptsecurity-mosaic-textarea.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-timepicker.mjs +703 -714
- package/fesm2015/ptsecurity-mosaic-timepicker.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-toggle.mjs +163 -163
- package/fesm2015/ptsecurity-mosaic-toggle.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-tooltip.mjs +344 -344
- package/fesm2015/ptsecurity-mosaic-tooltip.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-tree-select.mjs +954 -944
- package/fesm2015/ptsecurity-mosaic-tree-select.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic-tree.mjs +1696 -1682
- package/fesm2015/ptsecurity-mosaic-tree.mjs.map +1 -1
- package/fesm2015/ptsecurity-mosaic.mjs +2 -2
- package/fesm2020/ptsecurity-mosaic-autocomplete.mjs +722 -722
- package/fesm2020/ptsecurity-mosaic-autocomplete.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-button-toggle.mjs +365 -365
- package/fesm2020/ptsecurity-mosaic-button-toggle.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-button.mjs +160 -160
- package/fesm2020/ptsecurity-mosaic-button.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-card.mjs +96 -96
- package/fesm2020/ptsecurity-mosaic-card.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-checkbox.mjs +346 -346
- package/fesm2020/ptsecurity-mosaic-checkbox.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-core.mjs +2681 -2681
- package/fesm2020/ptsecurity-mosaic-core.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-datepicker.mjs +2667 -2669
- package/fesm2020/ptsecurity-mosaic-datepicker.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-design-tokens.mjs +2433 -2343
- package/fesm2020/ptsecurity-mosaic-design-tokens.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-divider.mjs +48 -48
- package/fesm2020/ptsecurity-mosaic-divider.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-dl.mjs +108 -108
- package/fesm2020/ptsecurity-mosaic-dl.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-dropdown.mjs +1056 -1056
- package/fesm2020/ptsecurity-mosaic-dropdown.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-form-field.mjs +507 -497
- package/fesm2020/ptsecurity-mosaic-form-field.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-icon.mjs +71 -71
- package/fesm2020/ptsecurity-mosaic-icon.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-input.mjs +968 -968
- package/fesm2020/ptsecurity-mosaic-input.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-link.mjs +120 -120
- package/fesm2020/ptsecurity-mosaic-link.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-list.mjs +758 -755
- package/fesm2020/ptsecurity-mosaic-list.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-loader-overlay.mjs +153 -0
- package/fesm2020/ptsecurity-mosaic-loader-overlay.mjs.map +1 -0
- package/fesm2020/ptsecurity-mosaic-modal.mjs +828 -820
- package/fesm2020/ptsecurity-mosaic-modal.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-navbar.mjs +980 -978
- package/fesm2020/ptsecurity-mosaic-navbar.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-popover.mjs +360 -360
- package/fesm2020/ptsecurity-mosaic-popover.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-progress-bar.mjs +61 -61
- package/fesm2020/ptsecurity-mosaic-progress-bar.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-progress-spinner.mjs +65 -65
- package/fesm2020/ptsecurity-mosaic-progress-spinner.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-radio.mjs +462 -462
- package/fesm2020/ptsecurity-mosaic-radio.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-select.mjs +1208 -1198
- package/fesm2020/ptsecurity-mosaic-select.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-sidebar.mjs +185 -185
- package/fesm2020/ptsecurity-mosaic-sidebar.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-sidepanel.mjs +552 -552
- package/fesm2020/ptsecurity-mosaic-sidepanel.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-splitter.mjs +511 -511
- package/fesm2020/ptsecurity-mosaic-splitter.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-table.mjs +36 -36
- package/fesm2020/ptsecurity-mosaic-table.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-tabs.mjs +1445 -1445
- package/fesm2020/ptsecurity-mosaic-tabs.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-tags.mjs +1335 -1335
- package/fesm2020/ptsecurity-mosaic-tags.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-textarea.mjs +272 -272
- package/fesm2020/ptsecurity-mosaic-textarea.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-timepicker.mjs +700 -711
- package/fesm2020/ptsecurity-mosaic-timepicker.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-toggle.mjs +163 -163
- package/fesm2020/ptsecurity-mosaic-toggle.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-tooltip.mjs +336 -336
- package/fesm2020/ptsecurity-mosaic-tooltip.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-tree-select.mjs +951 -941
- package/fesm2020/ptsecurity-mosaic-tree-select.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic-tree.mjs +1683 -1669
- package/fesm2020/ptsecurity-mosaic-tree.mjs.map +1 -1
- package/fesm2020/ptsecurity-mosaic.mjs +2 -2
- package/form-field/cleaner.d.ts +7 -7
- package/form-field/form-field-control.d.ts +37 -37
- package/form-field/form-field-errors.d.ts +2 -2
- package/form-field/form-field.d.ts +69 -69
- package/form-field/form-field.module.d.ts +15 -15
- package/form-field/hint.d.ts +14 -6
- package/form-field/index.d.ts +1 -1
- package/form-field/password-hint.d.ts +40 -40
- package/form-field/prefix.d.ts +5 -5
- package/form-field/ptsecurity-mosaic-form-field.d.ts +5 -5
- package/form-field/public-api.d.ts +10 -10
- package/form-field/stepper.d.ts +11 -11
- package/form-field/suffix.d.ts +5 -5
- package/icon/icon.component.d.ts +18 -18
- package/icon/icon.module.d.ts +10 -10
- package/icon/index.d.ts +1 -1
- package/icon/ptsecurity-mosaic-icon.d.ts +5 -5
- package/icon/public-api.d.ts +2 -2
- package/index.d.ts +1 -1
- package/input/index.d.ts +1 -1
- package/input/input-errors.d.ts +1 -1
- package/input/input-number-validators.d.ts +39 -39
- package/input/input-number.d.ts +33 -33
- package/input/input-password.d.ts +123 -123
- package/input/input-value-accessor.d.ts +4 -4
- package/input/input.d.ts +116 -116
- package/input/input.module.d.ts +14 -14
- package/input/ptsecurity-mosaic-input.d.ts +5 -5
- package/input/public-api.d.ts +6 -6
- package/link/index.d.ts +1 -1
- package/link/link.component.d.ts +38 -38
- package/link/link.module.d.ts +9 -9
- package/link/ptsecurity-mosaic-link.d.ts +5 -5
- package/link/public-api.d.ts +2 -2
- package/list/index.d.ts +1 -1
- package/list/list-selection.component.d.ts +168 -168
- package/list/list.component.d.ts +18 -18
- package/list/list.module.d.ts +11 -11
- package/list/ptsecurity-mosaic-list.d.ts +5 -5
- package/list/public-api.d.ts +3 -3
- package/{toggle → loader-overlay}/README.md +0 -0
- package/loader-overlay/index.d.ts +1 -0
- package/loader-overlay/loader-overlay.component.d.ts +33 -0
- package/loader-overlay/loader-overlay.module.d.ts +11 -0
- package/loader-overlay/package.json +10 -0
- package/loader-overlay/ptsecurity-mosaic-loader-overlay.d.ts +5 -0
- package/loader-overlay/public-api.d.ts +2 -0
- package/modal/README.md +33 -33
- package/modal/css-unit.pipe.d.ts +7 -7
- package/modal/index.d.ts +1 -1
- package/modal/modal-control.service.d.ts +20 -20
- package/modal/modal-ref.class.d.ts +36 -36
- package/modal/modal-util.d.ts +12 -12
- package/modal/modal.component.d.ts +128 -126
- package/modal/modal.directive.d.ts +17 -17
- package/modal/modal.module.d.ts +14 -14
- package/modal/modal.service.d.ts +33 -33
- package/modal/modal.type.d.ts +60 -59
- package/modal/ptsecurity-mosaic-modal.d.ts +5 -5
- package/modal/public-api.d.ts +6 -6
- package/navbar/README.md +41 -41
- package/navbar/index.d.ts +1 -1
- package/navbar/navbar-item.component.d.ts +161 -161
- package/navbar/navbar.component.d.ts +58 -58
- package/navbar/navbar.module.d.ts +14 -14
- package/navbar/ptsecurity-mosaic-navbar.d.ts +5 -5
- package/navbar/public-api.d.ts +4 -4
- package/navbar/vertical-navbar.animation.d.ts +2 -2
- package/navbar/vertical-navbar.component.d.ts +23 -23
- package/package.json +12 -4
- package/popover/README.md +32 -32
- package/popover/index.d.ts +1 -1
- package/popover/popover-animations.d.ts +4 -4
- package/popover/popover-confirm.component.d.ts +33 -33
- package/popover/popover.component.d.ts +74 -74
- package/popover/popover.module.d.ts +12 -12
- package/popover/ptsecurity-mosaic-popover.d.ts +5 -5
- package/popover/public-api.d.ts +4 -4
- package/prebuilt-themes/dark-theme.css +1 -1
- package/prebuilt-themes/default-theme.css +1 -1
- package/progress-bar/index.d.ts +1 -1
- package/progress-bar/progress-bar.component.d.ts +18 -18
- package/progress-bar/progress-bar.module.d.ts +9 -9
- package/progress-bar/ptsecurity-mosaic-progress-bar.d.ts +5 -5
- package/progress-bar/public-api.d.ts +2 -2
- package/progress-spinner/index.d.ts +1 -1
- package/progress-spinner/progress-spinner.component.d.ts +19 -19
- package/progress-spinner/progress-spinner.module.d.ts +9 -9
- package/progress-spinner/ptsecurity-mosaic-progress-spinner.d.ts +5 -5
- package/progress-spinner/public-api.d.ts +2 -2
- package/ptsecurity-mosaic.d.ts +5 -5
- package/public-api.d.ts +1 -1
- package/radio/index.d.ts +1 -1
- package/radio/ptsecurity-mosaic-radio.d.ts +5 -5
- package/radio/public-api.d.ts +2 -2
- package/radio/radio.component.d.ts +207 -207
- package/radio/radio.module.d.ts +10 -10
- package/schematics/README.md +35 -35
- package/select/index.d.ts +1 -1
- package/select/ptsecurity-mosaic-select.d.ts +5 -5
- package/select/public-api.d.ts +3 -3
- package/select/select-option.directive.d.ts +20 -20
- package/select/select.component.d.ts +310 -307
- package/select/select.module.d.ts +15 -15
- package/sidebar/index.d.ts +1 -1
- package/sidebar/ptsecurity-mosaic-sidebar.d.ts +5 -5
- package/sidebar/public-api.d.ts +2 -2
- package/sidebar/sidebar-animations.d.ts +8 -8
- package/sidebar/sidebar.component.d.ts +53 -53
- package/sidebar/sidebar.module.d.ts +8 -8
- package/sidepanel/index.d.ts +1 -1
- package/sidepanel/ptsecurity-mosaic-sidepanel.d.ts +5 -5
- package/sidepanel/public-api.d.ts +6 -6
- package/sidepanel/sidepanel-animations.d.ts +14 -14
- package/sidepanel/sidepanel-config.d.ts +25 -25
- package/sidepanel/sidepanel-container.component.d.ts +45 -45
- package/sidepanel/sidepanel-directives.d.ts +50 -50
- package/sidepanel/sidepanel-ref.d.ts +24 -24
- package/sidepanel/sidepanel.module.d.ts +15 -15
- package/sidepanel/sidepanel.service.d.ts +57 -57
- package/splitter/index.d.ts +1 -1
- package/splitter/ptsecurity-mosaic-splitter.d.ts +5 -5
- package/splitter/public-api.d.ts +2 -2
- package/splitter/splitter.component.d.ts +130 -130
- package/splitter/splitter.module.d.ts +9 -9
- package/table/index.d.ts +1 -1
- package/table/ptsecurity-mosaic-table.d.ts +5 -5
- package/table/public-api.d.ts +2 -2
- package/table/table.component.d.ts +5 -5
- package/table/table.module.d.ts +10 -10
- package/tabs/index.d.ts +1 -1
- package/tabs/paginated-tab-header.d.ts +179 -179
- package/tabs/ptsecurity-mosaic-tabs.d.ts +5 -5
- package/tabs/public-api.d.ts +10 -10
- package/tabs/tab-body.component.d.ts +95 -95
- package/tabs/tab-content.directive.d.ts +9 -9
- package/tabs/tab-group.component.d.ts +133 -133
- package/tabs/tab-header.component.d.ts +35 -35
- package/tabs/tab-label-wrapper.directive.d.ts +30 -30
- package/tabs/tab-label.directive.d.ts +9 -9
- package/tabs/tab-nav-bar/index.d.ts +1 -1
- package/tabs/tab-nav-bar/tab-nav-bar.d.ts +38 -38
- package/tabs/tab.component.d.ts +66 -66
- package/tabs/tabs-animations.d.ts +4 -4
- package/tabs/tabs.module.d.ts +20 -20
- package/tags/index.d.ts +1 -1
- package/tags/ptsecurity-mosaic-tags.d.ts +5 -5
- package/tags/public-api.d.ts +5 -5
- package/tags/tag-default-options.d.ts +8 -8
- package/tags/tag-input.d.ts +77 -77
- package/tags/tag-list.component.d.ts +240 -240
- package/tags/tag-text-control.d.ts +10 -10
- package/tags/tag.component.d.ts +135 -135
- package/tags/tag.module.d.ts +11 -11
- package/textarea/index.d.ts +1 -1
- package/textarea/ptsecurity-mosaic-textarea.d.ts +5 -5
- package/textarea/public-api.d.ts +2 -2
- package/textarea/textarea.component.d.ts +111 -111
- package/textarea/textarea.module.d.ts +11 -11
- package/timepicker/index.d.ts +1 -1
- package/timepicker/ptsecurity-mosaic-timepicker.d.ts +5 -5
- package/timepicker/public-api.d.ts +3 -3
- package/timepicker/timepicker.constants.d.ts +20 -20
- package/timepicker/timepicker.directive.d.ts +146 -147
- package/timepicker/timepicker.module.d.ts +11 -11
- package/toggle/index.d.ts +1 -1
- package/toggle/ptsecurity-mosaic-toggle.d.ts +5 -5
- package/toggle/public-api.d.ts +2 -2
- package/toggle/toggle.component.d.ts +54 -54
- package/toggle/toggle.module.d.ts +10 -10
- package/tooltip/index.d.ts +1 -1
- package/tooltip/ptsecurity-mosaic-tooltip.d.ts +5 -5
- package/tooltip/public-api.d.ts +2 -2
- package/tooltip/tooltip.animations.d.ts +8 -8
- package/tooltip/tooltip.component.d.ts +91 -91
- package/tooltip/tooltip.module.d.ts +9 -9
- package/tree/control/base-tree-control.d.ts +40 -40
- package/tree/control/flat-tree-control.d.ts +52 -52
- package/tree/control/nested-tree-control.d.ts +19 -19
- package/tree/control/tree-control.d.ts +44 -44
- package/tree/data-source/flat-data-source.d.ts +80 -80
- package/tree/data-source/nested-data-source.d.ts +15 -15
- package/tree/index.d.ts +1 -1
- package/tree/node.d.ts +34 -34
- package/tree/outlet.d.ts +9 -9
- package/tree/padding.directive.d.ts +47 -45
- package/tree/ptsecurity-mosaic-tree.d.ts +5 -5
- package/tree/public-api.d.ts +15 -15
- package/tree/toggle.d.ts +28 -28
- package/tree/tree-base.d.ts +97 -97
- package/tree/tree-errors.d.ts +25 -25
- package/tree/tree-option.component.d.ts +72 -68
- package/tree/tree-selection.component.d.ts +132 -132
- package/tree/tree.d.ts +6 -6
- package/tree/tree.module.d.ts +16 -16
- package/tree-select/index.d.ts +1 -1
- package/tree-select/ptsecurity-mosaic-tree-select.d.ts +5 -5
- package/tree-select/public-api.d.ts +2 -2
- package/tree-select/tree-select.component.d.ts +277 -274
- package/tree-select/tree-select.module.d.ts +14 -14
@@ -10,523 +10,533 @@ import { F8, ESCAPE } from '@ptsecurity/cdk/keycodes';
|
|
10
10
|
import { Subject, EMPTY, merge } from 'rxjs';
|
11
11
|
import { startWith, takeUntil } from 'rxjs/operators';
|
12
12
|
|
13
|
-
class McCleaner {
|
14
|
-
constructor() {
|
15
|
-
this.themePalette = ThemePalette;
|
16
|
-
}
|
17
|
-
}
|
18
|
-
/** @nocollapse */ /** @nocollapse */ McCleaner.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.
|
19
|
-
/** @nocollapse */ /** @nocollapse */ McCleaner.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.
|
20
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.
|
21
|
-
type: Component,
|
22
|
-
args: [{
|
23
|
-
selector: 'mc-cleaner',
|
24
|
-
exportAs: 'mcCleaner',
|
25
|
-
template: `<i class="mc-icon_light" mc-icon="mc-close-circle_16" [color]="themePalette.Second"></i>`,
|
26
|
-
host: {
|
27
|
-
class: 'mc-cleaner'
|
28
|
-
}
|
29
|
-
}]
|
13
|
+
class McCleaner {
|
14
|
+
constructor() {
|
15
|
+
this.themePalette = ThemePalette;
|
16
|
+
}
|
17
|
+
}
|
18
|
+
/** @nocollapse */ /** @nocollapse */ McCleaner.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: McCleaner, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
19
|
+
/** @nocollapse */ /** @nocollapse */ McCleaner.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: McCleaner, selector: "mc-cleaner", host: { classAttribute: "mc-cleaner" }, exportAs: ["mcCleaner"], ngImport: i0, template: `<i class="mc-icon_light" mc-icon="mc-close-circle_16" [color]="themePalette.Second"></i>`, isInline: true, components: [{ type: i1.McIcon, selector: "[mc-icon]", inputs: ["color"] }], directives: [{ type: i1.McIconCSSStyler, selector: "[mc-icon]" }] });
|
20
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: McCleaner, decorators: [{
|
21
|
+
type: Component,
|
22
|
+
args: [{
|
23
|
+
selector: 'mc-cleaner',
|
24
|
+
exportAs: 'mcCleaner',
|
25
|
+
template: `<i class="mc-icon_light" mc-icon="mc-close-circle_16" [color]="themePalette.Second"></i>`,
|
26
|
+
host: {
|
27
|
+
class: 'mc-cleaner'
|
28
|
+
}
|
29
|
+
}]
|
30
30
|
}] });
|
31
31
|
|
32
|
-
/** An interface which allows a control to work inside of a `MсFormField`. */
|
33
|
-
// tslint:disable-next-line:naming-convention
|
34
|
-
class McFormFieldControl {
|
32
|
+
/** An interface which allows a control to work inside of a `MсFormField`. */
|
33
|
+
// tslint:disable-next-line:naming-convention
|
34
|
+
class McFormFieldControl {
|
35
35
|
}
|
36
36
|
|
37
|
-
function getMcFormFieldMissingControlError() {
|
38
|
-
return Error('mc-form-field must contain a McFormFieldControl.');
|
39
|
-
}
|
40
|
-
function getMcFormFieldYouCanNotUseCleanerInNumberInputError() {
|
41
|
-
return Error(`You can't use mc-cleaner with input that have type="number"`);
|
37
|
+
function getMcFormFieldMissingControlError() {
|
38
|
+
return Error('mc-form-field must contain a McFormFieldControl.');
|
39
|
+
}
|
40
|
+
function getMcFormFieldYouCanNotUseCleanerInNumberInputError() {
|
41
|
+
return Error(`You can't use mc-cleaner with input that have type="number"`);
|
42
42
|
}
|
43
43
|
|
44
|
-
let nextHintUniqueId = 0;
|
45
|
-
class
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
}
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
44
|
+
let nextHintUniqueId = 0;
|
45
|
+
class McHintBase {
|
46
|
+
// tslint:disable-next-line:naming-convention
|
47
|
+
constructor(_elementRef) {
|
48
|
+
this._elementRef = _elementRef;
|
49
|
+
}
|
50
|
+
}
|
51
|
+
// tslint:disable-next-line:naming-convention
|
52
|
+
const McHintMixinBase = mixinColor(McHintBase);
|
53
|
+
class McHint extends McHintMixinBase {
|
54
|
+
constructor(elementRef) {
|
55
|
+
super(elementRef);
|
56
|
+
this.id = `mc-hint-${nextHintUniqueId++}`;
|
57
|
+
}
|
58
|
+
}
|
59
|
+
/** @nocollapse */ /** @nocollapse */ McHint.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: McHint, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
60
|
+
/** @nocollapse */ /** @nocollapse */ McHint.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: McHint, selector: "mc-hint", inputs: { color: "color", id: "id" }, host: { properties: { "attr.id": "id" }, classAttribute: "mc-hint" }, usesInheritance: true, ngImport: i0 });
|
61
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: McHint, decorators: [{
|
62
|
+
type: Directive,
|
63
|
+
args: [{
|
64
|
+
selector: 'mc-hint',
|
65
|
+
inputs: ['color'],
|
66
|
+
host: {
|
67
|
+
class: 'mc-hint',
|
68
|
+
'[attr.id]': 'id'
|
69
|
+
}
|
70
|
+
}]
|
71
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { id: [{
|
72
|
+
type: Input
|
63
73
|
}] } });
|
64
74
|
|
65
|
-
let nextPasswordHintUniqueId = 0;
|
66
|
-
var PasswordRules;
|
67
|
-
(function (PasswordRules) {
|
68
|
-
PasswordRules[PasswordRules["Length"] = 0] = "Length";
|
69
|
-
PasswordRules[PasswordRules["UpperLatin"] = 1] = "UpperLatin";
|
70
|
-
PasswordRules[PasswordRules["LowerLatin"] = 2] = "LowerLatin";
|
71
|
-
PasswordRules[PasswordRules["Digit"] = 3] = "Digit";
|
72
|
-
PasswordRules[PasswordRules["LatinAndSpecialSymbols"] = 4] = "LatinAndSpecialSymbols";
|
73
|
-
PasswordRules[PasswordRules["Custom"] = 5] = "Custom";
|
74
|
-
})(PasswordRules || (PasswordRules = {}));
|
75
|
-
const regExpPasswordValidator = {
|
76
|
-
[PasswordRules.LowerLatin]: RegExp(/^(?=.*?[a-z])/),
|
77
|
-
[PasswordRules.UpperLatin]: RegExp(/^(?=.*?[A-Z])/),
|
78
|
-
[PasswordRules.Digit]: RegExp(/^(?=.*?[0-9])/),
|
79
|
-
[PasswordRules.LatinAndSpecialSymbols]: RegExp(/[^ !`"'#№$%&()*+,-./\\:;<=>?@[\]^_{|}~A-Za-z0-9]/)
|
80
|
-
};
|
81
|
-
class McPasswordHint {
|
82
|
-
constructor(changeDetectorRef, formField) {
|
83
|
-
this.changeDetectorRef = changeDetectorRef;
|
84
|
-
this.formField = formField;
|
85
|
-
this.id = `mc-hint-${nextPasswordHintUniqueId++}`;
|
86
|
-
this.hasError = false;
|
87
|
-
this.checked = false;
|
88
|
-
this.checkValue = () => {
|
89
|
-
if (this.control.focused && this.isValueChanged()) {
|
90
|
-
this.hasError = false;
|
91
|
-
this.checked = this.checkRule(this.control.value);
|
92
|
-
}
|
93
|
-
else if (!this.control.focused && !this.isValueChanged()) {
|
94
|
-
this.hasError = !this.checkRule(this.control.value);
|
95
|
-
}
|
96
|
-
if (!this.control.required && !this.control.value) {
|
97
|
-
this.checked = this.hasError = false;
|
98
|
-
}
|
99
|
-
this.lastControlValue = this.control.value;
|
100
|
-
this.changeDetectorRef.markForCheck();
|
101
|
-
};
|
102
|
-
}
|
103
|
-
get control() {
|
104
|
-
return this.formField.control;
|
105
|
-
}
|
106
|
-
ngAfterContentInit() {
|
107
|
-
if (this.rule === null) {
|
108
|
-
throw Error('You should set [rule] name');
|
109
|
-
}
|
110
|
-
if (this.rule === PasswordRules.Custom && this.regex === undefined) {
|
111
|
-
throw Error('You should set [regex] for PasswordRules.Custom');
|
112
|
-
}
|
113
|
-
if (this.rule === PasswordRules.Length && (this.min || this.max) === null) {
|
114
|
-
throw Error('For [rule] "Length" need set [min] and [max]');
|
115
|
-
}
|
116
|
-
if (this.rule === PasswordRules.Length) {
|
117
|
-
this.checkRule = this.checkLengthRule;
|
118
|
-
}
|
119
|
-
else if ([PasswordRules.UpperLatin, PasswordRules.LowerLatin, PasswordRules.Digit].includes(this.rule)) {
|
120
|
-
this.regex = regExpPasswordValidator[this.rule];
|
121
|
-
this.checkRule = this.checkRegexRule;
|
122
|
-
}
|
123
|
-
else if (this.rule === PasswordRules.LatinAndSpecialSymbols) {
|
124
|
-
this.regex = regExpPasswordValidator[this.rule];
|
125
|
-
this.checkRule = this.checkSpecialSymbolsRegexRule;
|
126
|
-
}
|
127
|
-
else if (this.rule === PasswordRules.Custom) {
|
128
|
-
this.checkRule = this.checkRegexRule;
|
129
|
-
}
|
130
|
-
else {
|
131
|
-
throw Error(`Unknown [rule]=${this.rule}`);
|
132
|
-
}
|
133
|
-
this.formField.control.stateChanges
|
134
|
-
.subscribe(this.checkValue);
|
135
|
-
this.formField.control.checkRule
|
136
|
-
.subscribe(() => {
|
137
|
-
this.checked = this.checkRule(this.control.value);
|
138
|
-
this.hasError = !this.checkRule(this.control.value);
|
139
|
-
});
|
140
|
-
}
|
141
|
-
checkLengthRule(value) {
|
142
|
-
return value.length >= this.min && value.length <= this.max;
|
143
|
-
}
|
144
|
-
checkRegexRule(value) {
|
145
|
-
return !!this.regex?.test(value);
|
146
|
-
}
|
147
|
-
checkSpecialSymbolsRegexRule(value) {
|
148
|
-
return !!value && !this.regex?.test(value);
|
149
|
-
}
|
150
|
-
isValueChanged() {
|
151
|
-
return this.lastControlValue !== this.formField.control.value;
|
152
|
-
}
|
153
|
-
}
|
154
|
-
/** @nocollapse */ /** @nocollapse */ McPasswordHint.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.
|
155
|
-
/** @nocollapse */ /** @nocollapse */ McPasswordHint.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.
|
156
|
-
<i *ngIf="!checked" class="mc-password-hint__icon" mc-icon="mc-close-M_16"></i>
|
157
|
-
<i *ngIf="checked" class="mc-password-hint__icon" mc-icon="mc-check_16"></i>
|
158
|
-
|
159
|
-
<span class="mc-password-hint__text">
|
160
|
-
<ng-content></ng-content>
|
161
|
-
</span>
|
162
|
-
`, isInline: true, components: [{ type: i1.McIcon, selector: "[mc-icon]", inputs: ["color"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.McIconCSSStyler, selector: "[mc-icon]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
163
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.
|
164
|
-
type: Component,
|
165
|
-
args: [{
|
166
|
-
selector: 'mc-password-hint',
|
167
|
-
template: `
|
168
|
-
<i *ngIf="!checked" class="mc-password-hint__icon" mc-icon="mc-close-M_16"></i>
|
169
|
-
<i *ngIf="checked" class="mc-password-hint__icon" mc-icon="mc-check_16"></i>
|
170
|
-
|
171
|
-
<span class="mc-password-hint__text">
|
172
|
-
<ng-content></ng-content>
|
173
|
-
</span>
|
174
|
-
`,
|
175
|
-
host: {
|
176
|
-
class: 'mc-password-hint',
|
177
|
-
'[class.mc-password-hint_valid]': 'checked',
|
178
|
-
'[class.mc-password-hint_invalid]': 'hasError',
|
179
|
-
'[attr.id]': 'id'
|
180
|
-
},
|
181
|
-
changeDetection: ChangeDetectionStrategy.OnPush
|
182
|
-
}]
|
183
|
-
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: McFormField, decorators: [{
|
184
|
-
type: Inject,
|
185
|
-
args: [forwardRef(() => McFormField)]
|
186
|
-
}] }]; }, propDecorators: { id: [{
|
187
|
-
type: Input
|
188
|
-
}], rule: [{
|
189
|
-
type: Input
|
190
|
-
}], min: [{
|
191
|
-
type: Input
|
192
|
-
}], max: [{
|
193
|
-
type: Input
|
194
|
-
}], regex: [{
|
195
|
-
type: Input
|
75
|
+
let nextPasswordHintUniqueId = 0;
|
76
|
+
var PasswordRules;
|
77
|
+
(function (PasswordRules) {
|
78
|
+
PasswordRules[PasswordRules["Length"] = 0] = "Length";
|
79
|
+
PasswordRules[PasswordRules["UpperLatin"] = 1] = "UpperLatin";
|
80
|
+
PasswordRules[PasswordRules["LowerLatin"] = 2] = "LowerLatin";
|
81
|
+
PasswordRules[PasswordRules["Digit"] = 3] = "Digit";
|
82
|
+
PasswordRules[PasswordRules["LatinAndSpecialSymbols"] = 4] = "LatinAndSpecialSymbols";
|
83
|
+
PasswordRules[PasswordRules["Custom"] = 5] = "Custom";
|
84
|
+
})(PasswordRules || (PasswordRules = {}));
|
85
|
+
const regExpPasswordValidator = {
|
86
|
+
[PasswordRules.LowerLatin]: RegExp(/^(?=.*?[a-z])/),
|
87
|
+
[PasswordRules.UpperLatin]: RegExp(/^(?=.*?[A-Z])/),
|
88
|
+
[PasswordRules.Digit]: RegExp(/^(?=.*?[0-9])/),
|
89
|
+
[PasswordRules.LatinAndSpecialSymbols]: RegExp(/[^ !`"'#№$%&()*+,-./\\:;<=>?@[\]^_{|}~A-Za-z0-9]/)
|
90
|
+
};
|
91
|
+
class McPasswordHint {
|
92
|
+
constructor(changeDetectorRef, formField) {
|
93
|
+
this.changeDetectorRef = changeDetectorRef;
|
94
|
+
this.formField = formField;
|
95
|
+
this.id = `mc-hint-${nextPasswordHintUniqueId++}`;
|
96
|
+
this.hasError = false;
|
97
|
+
this.checked = false;
|
98
|
+
this.checkValue = () => {
|
99
|
+
if (this.control.focused && this.isValueChanged()) {
|
100
|
+
this.hasError = false;
|
101
|
+
this.checked = this.checkRule(this.control.value);
|
102
|
+
}
|
103
|
+
else if (!this.control.focused && !this.isValueChanged()) {
|
104
|
+
this.hasError = !this.checkRule(this.control.value);
|
105
|
+
}
|
106
|
+
if (!this.control.required && !this.control.value) {
|
107
|
+
this.checked = this.hasError = false;
|
108
|
+
}
|
109
|
+
this.lastControlValue = this.control.value;
|
110
|
+
this.changeDetectorRef.markForCheck();
|
111
|
+
};
|
112
|
+
}
|
113
|
+
get control() {
|
114
|
+
return this.formField.control;
|
115
|
+
}
|
116
|
+
ngAfterContentInit() {
|
117
|
+
if (this.rule === null) {
|
118
|
+
throw Error('You should set [rule] name');
|
119
|
+
}
|
120
|
+
if (this.rule === PasswordRules.Custom && this.regex === undefined) {
|
121
|
+
throw Error('You should set [regex] for PasswordRules.Custom');
|
122
|
+
}
|
123
|
+
if (this.rule === PasswordRules.Length && (this.min || this.max) === null) {
|
124
|
+
throw Error('For [rule] "Length" need set [min] and [max]');
|
125
|
+
}
|
126
|
+
if (this.rule === PasswordRules.Length) {
|
127
|
+
this.checkRule = this.checkLengthRule;
|
128
|
+
}
|
129
|
+
else if ([PasswordRules.UpperLatin, PasswordRules.LowerLatin, PasswordRules.Digit].includes(this.rule)) {
|
130
|
+
this.regex = regExpPasswordValidator[this.rule];
|
131
|
+
this.checkRule = this.checkRegexRule;
|
132
|
+
}
|
133
|
+
else if (this.rule === PasswordRules.LatinAndSpecialSymbols) {
|
134
|
+
this.regex = regExpPasswordValidator[this.rule];
|
135
|
+
this.checkRule = this.checkSpecialSymbolsRegexRule;
|
136
|
+
}
|
137
|
+
else if (this.rule === PasswordRules.Custom) {
|
138
|
+
this.checkRule = this.checkRegexRule;
|
139
|
+
}
|
140
|
+
else {
|
141
|
+
throw Error(`Unknown [rule]=${this.rule}`);
|
142
|
+
}
|
143
|
+
this.formField.control.stateChanges
|
144
|
+
.subscribe(this.checkValue);
|
145
|
+
this.formField.control.checkRule
|
146
|
+
.subscribe(() => {
|
147
|
+
this.checked = this.checkRule(this.control.value);
|
148
|
+
this.hasError = !this.checkRule(this.control.value);
|
149
|
+
});
|
150
|
+
}
|
151
|
+
checkLengthRule(value) {
|
152
|
+
return value.length >= this.min && value.length <= this.max;
|
153
|
+
}
|
154
|
+
checkRegexRule(value) {
|
155
|
+
return !!this.regex?.test(value);
|
156
|
+
}
|
157
|
+
checkSpecialSymbolsRegexRule(value) {
|
158
|
+
return !!value && !this.regex?.test(value);
|
159
|
+
}
|
160
|
+
isValueChanged() {
|
161
|
+
return this.lastControlValue !== this.formField.control.value;
|
162
|
+
}
|
163
|
+
}
|
164
|
+
/** @nocollapse */ /** @nocollapse */ McPasswordHint.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: McPasswordHint, deps: [{ token: i0.ChangeDetectorRef }, { token: forwardRef(() => McFormField) }], target: i0.ɵɵFactoryTarget.Component });
|
165
|
+
/** @nocollapse */ /** @nocollapse */ McPasswordHint.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: McPasswordHint, selector: "mc-password-hint", inputs: { id: "id", rule: "rule", min: "min", max: "max", regex: "regex" }, host: { properties: { "class.mc-password-hint_valid": "checked", "class.mc-password-hint_invalid": "hasError", "attr.id": "id" }, classAttribute: "mc-password-hint" }, ngImport: i0, template: `
|
166
|
+
<i *ngIf="!checked" class="mc-password-hint__icon" mc-icon="mc-close-M_16"></i>
|
167
|
+
<i *ngIf="checked" class="mc-password-hint__icon" mc-icon="mc-check_16"></i>
|
168
|
+
|
169
|
+
<span class="mc-password-hint__text">
|
170
|
+
<ng-content></ng-content>
|
171
|
+
</span>
|
172
|
+
`, isInline: true, components: [{ type: i1.McIcon, selector: "[mc-icon]", inputs: ["color"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.McIconCSSStyler, selector: "[mc-icon]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
173
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: McPasswordHint, decorators: [{
|
174
|
+
type: Component,
|
175
|
+
args: [{
|
176
|
+
selector: 'mc-password-hint',
|
177
|
+
template: `
|
178
|
+
<i *ngIf="!checked" class="mc-password-hint__icon" mc-icon="mc-close-M_16"></i>
|
179
|
+
<i *ngIf="checked" class="mc-password-hint__icon" mc-icon="mc-check_16"></i>
|
180
|
+
|
181
|
+
<span class="mc-password-hint__text">
|
182
|
+
<ng-content></ng-content>
|
183
|
+
</span>
|
184
|
+
`,
|
185
|
+
host: {
|
186
|
+
class: 'mc-password-hint',
|
187
|
+
'[class.mc-password-hint_valid]': 'checked',
|
188
|
+
'[class.mc-password-hint_invalid]': 'hasError',
|
189
|
+
'[attr.id]': 'id'
|
190
|
+
},
|
191
|
+
changeDetection: ChangeDetectionStrategy.OnPush
|
192
|
+
}]
|
193
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: McFormField, decorators: [{
|
194
|
+
type: Inject,
|
195
|
+
args: [forwardRef(() => McFormField)]
|
196
|
+
}] }]; }, propDecorators: { id: [{
|
197
|
+
type: Input
|
198
|
+
}], rule: [{
|
199
|
+
type: Input
|
200
|
+
}], min: [{
|
201
|
+
type: Input
|
202
|
+
}], max: [{
|
203
|
+
type: Input
|
204
|
+
}], regex: [{
|
205
|
+
type: Input
|
196
206
|
}] } });
|
197
207
|
|
198
|
-
class McPrefix {
|
199
|
-
}
|
200
|
-
/** @nocollapse */ /** @nocollapse */ McPrefix.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.
|
201
|
-
/** @nocollapse */ /** @nocollapse */ McPrefix.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.
|
202
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.
|
203
|
-
type: Directive,
|
204
|
-
args: [{
|
205
|
-
selector: '[mcPrefix]'
|
206
|
-
}]
|
208
|
+
class McPrefix {
|
209
|
+
}
|
210
|
+
/** @nocollapse */ /** @nocollapse */ McPrefix.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: McPrefix, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
211
|
+
/** @nocollapse */ /** @nocollapse */ McPrefix.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: McPrefix, selector: "[mcPrefix]", ngImport: i0 });
|
212
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: McPrefix, decorators: [{
|
213
|
+
type: Directive,
|
214
|
+
args: [{
|
215
|
+
selector: '[mcPrefix]'
|
216
|
+
}]
|
207
217
|
}] });
|
208
218
|
|
209
|
-
class McStepper {
|
210
|
-
constructor() {
|
211
|
-
this.stepUp = new EventEmitter();
|
212
|
-
this.stepDown = new EventEmitter();
|
213
|
-
}
|
214
|
-
connectTo(numberInput) {
|
215
|
-
if (!numberInput) {
|
216
|
-
return;
|
217
|
-
}
|
218
|
-
this.stepUp.subscribe(() => {
|
219
|
-
numberInput.stepUp(numberInput.step);
|
220
|
-
});
|
221
|
-
this.stepDown.subscribe(() => {
|
222
|
-
numberInput.stepDown(numberInput.step);
|
223
|
-
});
|
224
|
-
}
|
225
|
-
onStepUp($event) {
|
226
|
-
this.stepUp.emit();
|
227
|
-
$event.preventDefault();
|
228
|
-
}
|
229
|
-
onStepDown($event) {
|
230
|
-
this.stepDown.emit();
|
231
|
-
$event.preventDefault();
|
232
|
-
}
|
233
|
-
}
|
234
|
-
/** @nocollapse */ /** @nocollapse */ McStepper.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.
|
235
|
-
/** @nocollapse */ /** @nocollapse */ McStepper.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.
|
236
|
-
<i class="mc mc-icon mc-icon_light mc-second mc-stepper-step-up mc-angle-down-L_16"
|
237
|
-
(mousedown)="onStepUp($event)">
|
238
|
-
</i>
|
239
|
-
<i class="mc mc-icon mc-icon_light mc-second mc-stepper-step-down mc-angle-down-L_16"
|
240
|
-
(mousedown)="onStepDown($event)">
|
241
|
-
</i>
|
242
|
-
`, isInline: true });
|
243
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.
|
244
|
-
type: Component,
|
245
|
-
args: [{
|
246
|
-
selector: 'mc-stepper',
|
247
|
-
template: `
|
248
|
-
<i class="mc mc-icon mc-icon_light mc-second mc-stepper-step-up mc-angle-down-L_16"
|
249
|
-
(mousedown)="onStepUp($event)">
|
250
|
-
</i>
|
251
|
-
<i class="mc mc-icon mc-icon_light mc-second mc-stepper-step-down mc-angle-down-L_16"
|
252
|
-
(mousedown)="onStepDown($event)">
|
253
|
-
</i>
|
254
|
-
`
|
255
|
-
}]
|
256
|
-
}], propDecorators: { stepUp: [{
|
257
|
-
type: Output
|
258
|
-
}], stepDown: [{
|
259
|
-
type: Output
|
219
|
+
class McStepper {
|
220
|
+
constructor() {
|
221
|
+
this.stepUp = new EventEmitter();
|
222
|
+
this.stepDown = new EventEmitter();
|
223
|
+
}
|
224
|
+
connectTo(numberInput) {
|
225
|
+
if (!numberInput) {
|
226
|
+
return;
|
227
|
+
}
|
228
|
+
this.stepUp.subscribe(() => {
|
229
|
+
numberInput.stepUp(numberInput.step);
|
230
|
+
});
|
231
|
+
this.stepDown.subscribe(() => {
|
232
|
+
numberInput.stepDown(numberInput.step);
|
233
|
+
});
|
234
|
+
}
|
235
|
+
onStepUp($event) {
|
236
|
+
this.stepUp.emit();
|
237
|
+
$event.preventDefault();
|
238
|
+
}
|
239
|
+
onStepDown($event) {
|
240
|
+
this.stepDown.emit();
|
241
|
+
$event.preventDefault();
|
242
|
+
}
|
243
|
+
}
|
244
|
+
/** @nocollapse */ /** @nocollapse */ McStepper.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: McStepper, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
245
|
+
/** @nocollapse */ /** @nocollapse */ McStepper.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: McStepper, selector: "mc-stepper", outputs: { stepUp: "stepUp", stepDown: "stepDown" }, ngImport: i0, template: `
|
246
|
+
<i class="mc mc-icon mc-icon_light mc-second mc-stepper-step-up mc-angle-down-L_16"
|
247
|
+
(mousedown)="onStepUp($event)">
|
248
|
+
</i>
|
249
|
+
<i class="mc mc-icon mc-icon_light mc-second mc-stepper-step-down mc-angle-down-L_16"
|
250
|
+
(mousedown)="onStepDown($event)">
|
251
|
+
</i>
|
252
|
+
`, isInline: true });
|
253
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: McStepper, decorators: [{
|
254
|
+
type: Component,
|
255
|
+
args: [{
|
256
|
+
selector: 'mc-stepper',
|
257
|
+
template: `
|
258
|
+
<i class="mc mc-icon mc-icon_light mc-second mc-stepper-step-up mc-angle-down-L_16"
|
259
|
+
(mousedown)="onStepUp($event)">
|
260
|
+
</i>
|
261
|
+
<i class="mc mc-icon mc-icon_light mc-second mc-stepper-step-down mc-angle-down-L_16"
|
262
|
+
(mousedown)="onStepDown($event)">
|
263
|
+
</i>
|
264
|
+
`
|
265
|
+
}]
|
266
|
+
}], propDecorators: { stepUp: [{
|
267
|
+
type: Output
|
268
|
+
}], stepDown: [{
|
269
|
+
type: Output
|
260
270
|
}] } });
|
261
271
|
|
262
|
-
class McSuffix {
|
263
|
-
}
|
264
|
-
/** @nocollapse */ /** @nocollapse */ McSuffix.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.
|
265
|
-
/** @nocollapse */ /** @nocollapse */ McSuffix.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.
|
266
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.
|
267
|
-
type: Directive,
|
268
|
-
args: [{
|
269
|
-
selector: '[mcSuffix]'
|
270
|
-
}]
|
272
|
+
class McSuffix {
|
273
|
+
}
|
274
|
+
/** @nocollapse */ /** @nocollapse */ McSuffix.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: McSuffix, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
275
|
+
/** @nocollapse */ /** @nocollapse */ McSuffix.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: McSuffix, selector: "[mcSuffix]", ngImport: i0 });
|
276
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: McSuffix, decorators: [{
|
277
|
+
type: Directive,
|
278
|
+
args: [{
|
279
|
+
selector: '[mcSuffix]'
|
280
|
+
}]
|
271
281
|
}] });
|
272
282
|
|
273
|
-
let nextUniqueId = 0;
|
274
|
-
class McFormFieldBase {
|
275
|
-
// tslint:disable-next-line:naming-convention
|
276
|
-
constructor(_elementRef) {
|
277
|
-
this._elementRef = _elementRef;
|
278
|
-
}
|
279
|
-
}
|
280
|
-
// tslint:disable-next-line:naming-convention
|
281
|
-
const McFormFieldMixinBase = mixinColor(McFormFieldBase);
|
282
|
-
class McFormField extends McFormFieldMixinBase {
|
283
|
-
constructor(
|
284
|
-
// tslint:disable-next-line:naming-convention
|
285
|
-
_elementRef, _changeDetectorRef, focusMonitor) {
|
286
|
-
super(_elementRef);
|
287
|
-
this._elementRef = _elementRef;
|
288
|
-
this._changeDetectorRef = _changeDetectorRef;
|
289
|
-
this.focusMonitor = focusMonitor;
|
290
|
-
// Unique id for the internal form field label.
|
291
|
-
this.labelId = `mc-form-field-label-${nextUniqueId++}`;
|
292
|
-
this.hovered = false;
|
293
|
-
this.canCleanerClearByEsc = true;
|
294
|
-
this.$unsubscribe = new Subject();
|
295
|
-
this.runFocusMonitor();
|
296
|
-
}
|
297
|
-
get hasHint() {
|
298
|
-
return this.hint?.length > 0;
|
299
|
-
}
|
300
|
-
get hasPasswordStrengthError() {
|
301
|
-
return this.passwordHints?.some((hint) => hint.hasError);
|
302
|
-
}
|
303
|
-
get hasSuffix() {
|
304
|
-
return this.suffix?.length > 0;
|
305
|
-
}
|
306
|
-
get hasPrefix() {
|
307
|
-
return this.prefix?.length > 0;
|
308
|
-
}
|
309
|
-
get hasCleaner() {
|
310
|
-
return !!this.cleaner;
|
311
|
-
}
|
312
|
-
get hasStepper() {
|
313
|
-
return !!this.stepper;
|
314
|
-
}
|
315
|
-
get canShowCleaner() {
|
316
|
-
return this.hasCleaner &&
|
317
|
-
this.control?.ngControl
|
318
|
-
? this.control.ngControl.value && !this.control.disabled
|
319
|
-
: false;
|
320
|
-
}
|
321
|
-
get disabled() {
|
322
|
-
return this.control?.disabled;
|
323
|
-
}
|
324
|
-
get canShowStepper() {
|
325
|
-
return this.hasStepper &&
|
326
|
-
!this.disabled &&
|
327
|
-
(this.control?.focused || this.hovered);
|
328
|
-
}
|
329
|
-
ngAfterContentInit() {
|
330
|
-
if (this.control.numberInput && this.hasCleaner) {
|
331
|
-
this.cleaner = null;
|
332
|
-
throw getMcFormFieldYouCanNotUseCleanerInNumberInputError();
|
333
|
-
}
|
334
|
-
this.validateControlChild();
|
335
|
-
if (this.control.controlType) {
|
336
|
-
this._elementRef.nativeElement.classList.add(`mc-form-field-type-${this.control.controlType}`);
|
337
|
-
}
|
338
|
-
// Subscribe to changes in the child control state in order to update the form field UI.
|
339
|
-
this.control.stateChanges
|
340
|
-
.pipe(startWith())
|
341
|
-
.subscribe((state) => {
|
342
|
-
if (!state?.focused && this.hasPasswordStrengthError) {
|
343
|
-
this.control.ngControl?.control?.setErrors({ passwordStrength: true });
|
344
|
-
}
|
345
|
-
this._changeDetectorRef.markForCheck();
|
346
|
-
});
|
347
|
-
if (this.hasStepper) {
|
348
|
-
this.stepper.connectTo(this.control.numberInput);
|
349
|
-
}
|
350
|
-
// Run change detection if the value changes.
|
351
|
-
const valueChanges = this.control.ngControl?.valueChanges || EMPTY;
|
352
|
-
merge(valueChanges)
|
353
|
-
.pipe(takeUntil(this.$unsubscribe))
|
354
|
-
.subscribe(() => this._changeDetectorRef.markForCheck());
|
355
|
-
}
|
356
|
-
ngAfterContentChecked() {
|
357
|
-
this.validateControlChild();
|
358
|
-
}
|
359
|
-
ngAfterViewInit() {
|
360
|
-
// Avoid animations on load.
|
361
|
-
this._changeDetectorRef.detectChanges();
|
362
|
-
}
|
363
|
-
clearValue($event) {
|
364
|
-
$event.stopPropagation();
|
365
|
-
this.control?.ngControl?.reset();
|
366
|
-
this.control?.focus();
|
367
|
-
}
|
368
|
-
onContainerClick($event) {
|
369
|
-
if (this.control.onContainerClick) {
|
370
|
-
this.control.onContainerClick($event);
|
371
|
-
}
|
372
|
-
}
|
373
|
-
onKeyDown(event) {
|
374
|
-
// tslint:disable-next-line:deprecation
|
375
|
-
if (this.control.controlType === 'input-password' && event.altKey && event.keyCode === F8) {
|
376
|
-
this.control.toggleType();
|
377
|
-
}
|
378
|
-
// tslint:disable-next-line:deprecation
|
379
|
-
if (this.canCleanerClearByEsc && event.keyCode === ESCAPE && this.control.focused && this.hasCleaner) {
|
380
|
-
this.control?.ngControl?.reset();
|
381
|
-
event.preventDefault();
|
382
|
-
}
|
383
|
-
}
|
384
|
-
onHoverChanged(isHovered) {
|
385
|
-
if (isHovered !== this.hovered) {
|
386
|
-
this.hovered = isHovered;
|
387
|
-
this._changeDetectorRef.markForCheck();
|
388
|
-
}
|
389
|
-
}
|
390
|
-
/**
|
391
|
-
* Gets an ElementRef for the element that a overlay attached to the form-field should be
|
392
|
-
* positioned relative to.
|
393
|
-
*/
|
394
|
-
getConnectedOverlayOrigin() {
|
395
|
-
return this.connectionContainerRef || this._elementRef;
|
396
|
-
}
|
397
|
-
/** Determines whether a class from the NgControl should be forwarded to the host element. */
|
398
|
-
shouldForward(prop) {
|
399
|
-
const ngControl = this.control ? this.control.ngControl : null;
|
400
|
-
return ngControl && ngControl[prop];
|
401
|
-
}
|
402
|
-
ngOnDestroy() {
|
403
|
-
this.$unsubscribe.next();
|
404
|
-
this.$unsubscribe.complete();
|
405
|
-
this.stopFocusMonitor();
|
406
|
-
}
|
407
|
-
|
408
|
-
|
409
|
-
|
410
|
-
|
411
|
-
|
412
|
-
}
|
413
|
-
|
414
|
-
|
415
|
-
|
416
|
-
|
417
|
-
|
418
|
-
}
|
419
|
-
}
|
420
|
-
/** @nocollapse */ /** @nocollapse */ McFormField.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.
|
421
|
-
/** @nocollapse */ /** @nocollapse */ McFormField.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.
|
422
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.
|
423
|
-
type: Component,
|
424
|
-
args: [{ selector: 'mc-form-field', exportAs: 'mcFormField', host: {
|
425
|
-
class: 'mc-form-field',
|
426
|
-
'[class.mc-form-field_invalid]': 'control.errorState',
|
427
|
-
'[class.mc-form-field_has-prefix]': 'hasPrefix',
|
428
|
-
'[class.mc-form-field_has-suffix]': 'hasSuffix',
|
429
|
-
'[class.mc-form-field_has-cleaner]': 'canShowCleaner',
|
430
|
-
'[class.mc-form-field_has-stepper]': 'canShowStepper',
|
431
|
-
'[class.mc-disabled]': 'control.disabled',
|
432
|
-
'[class.ng-untouched]': 'shouldForward("untouched")',
|
433
|
-
'[class.ng-touched]': 'shouldForward("touched")',
|
434
|
-
'[class.ng-pristine]': 'shouldForward("pristine")',
|
435
|
-
'[class.ng-dirty]': 'shouldForward("dirty")',
|
436
|
-
'[class.ng-valid]': 'shouldForward("valid")',
|
437
|
-
'[class.ng-invalid]': 'shouldForward("invalid")',
|
438
|
-
'[class.ng-pending]': 'shouldForward("pending")',
|
439
|
-
'(keydown)': 'onKeyDown($event)',
|
440
|
-
'(mouseenter)': 'onHoverChanged(true)',
|
441
|
-
'(mouseleave)': 'onHoverChanged(false)'
|
442
|
-
}, inputs: ['color'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mc-form-field__container\" (click)=\"onContainerClick($event)\">\
|
443
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1$1.FocusMonitor }]; }, propDecorators: { control: [{
|
444
|
-
type: ContentChild,
|
445
|
-
args: [McFormFieldControl, { static: false }]
|
446
|
-
}], stepper: [{
|
447
|
-
type: ContentChild,
|
448
|
-
args: [McStepper, { static: false }]
|
449
|
-
}], cleaner: [{
|
450
|
-
type: ContentChild,
|
451
|
-
args: [McCleaner, { static: false }]
|
452
|
-
}], hint: [{
|
453
|
-
type: ContentChildren,
|
454
|
-
args: [McHint]
|
455
|
-
}], passwordHints: [{
|
456
|
-
type: ContentChildren,
|
457
|
-
args: [McPasswordHint]
|
458
|
-
}], suffix: [{
|
459
|
-
type: ContentChildren,
|
460
|
-
args: [McSuffix]
|
461
|
-
}], prefix: [{
|
462
|
-
type: ContentChildren,
|
463
|
-
args: [McPrefix]
|
464
|
-
}], connectionContainerRef: [{
|
465
|
-
type: ViewChild,
|
466
|
-
args: ['connectionContainer', { static: true }]
|
467
|
-
}] } });
|
468
|
-
class McFormFieldWithoutBorders {
|
469
|
-
}
|
470
|
-
/** @nocollapse */ /** @nocollapse */ McFormFieldWithoutBorders.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.
|
471
|
-
/** @nocollapse */ /** @nocollapse */ McFormFieldWithoutBorders.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.
|
472
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.
|
473
|
-
type: Directive,
|
474
|
-
args: [{
|
475
|
-
selector: 'mc-form-field[mcFormFieldWithoutBorders]',
|
476
|
-
exportAs: 'mcFormFieldWithoutBorders',
|
477
|
-
host: { class: 'mc-form-field_without-borders' }
|
478
|
-
}]
|
283
|
+
let nextUniqueId = 0;
|
284
|
+
class McFormFieldBase {
|
285
|
+
// tslint:disable-next-line:naming-convention
|
286
|
+
constructor(_elementRef) {
|
287
|
+
this._elementRef = _elementRef;
|
288
|
+
}
|
289
|
+
}
|
290
|
+
// tslint:disable-next-line:naming-convention
|
291
|
+
const McFormFieldMixinBase = mixinColor(McFormFieldBase);
|
292
|
+
class McFormField extends McFormFieldMixinBase {
|
293
|
+
constructor(
|
294
|
+
// tslint:disable-next-line:naming-convention
|
295
|
+
_elementRef, _changeDetectorRef, focusMonitor) {
|
296
|
+
super(_elementRef);
|
297
|
+
this._elementRef = _elementRef;
|
298
|
+
this._changeDetectorRef = _changeDetectorRef;
|
299
|
+
this.focusMonitor = focusMonitor;
|
300
|
+
// Unique id for the internal form field label.
|
301
|
+
this.labelId = `mc-form-field-label-${nextUniqueId++}`;
|
302
|
+
this.hovered = false;
|
303
|
+
this.canCleanerClearByEsc = true;
|
304
|
+
this.$unsubscribe = new Subject();
|
305
|
+
this.runFocusMonitor();
|
306
|
+
}
|
307
|
+
get hasHint() {
|
308
|
+
return this.hint?.length > 0;
|
309
|
+
}
|
310
|
+
get hasPasswordStrengthError() {
|
311
|
+
return this.passwordHints?.some((hint) => hint.hasError);
|
312
|
+
}
|
313
|
+
get hasSuffix() {
|
314
|
+
return this.suffix?.length > 0;
|
315
|
+
}
|
316
|
+
get hasPrefix() {
|
317
|
+
return this.prefix?.length > 0;
|
318
|
+
}
|
319
|
+
get hasCleaner() {
|
320
|
+
return !!this.cleaner;
|
321
|
+
}
|
322
|
+
get hasStepper() {
|
323
|
+
return !!this.stepper;
|
324
|
+
}
|
325
|
+
get canShowCleaner() {
|
326
|
+
return this.hasCleaner &&
|
327
|
+
this.control?.ngControl
|
328
|
+
? this.control.ngControl.value && !this.control.disabled
|
329
|
+
: false;
|
330
|
+
}
|
331
|
+
get disabled() {
|
332
|
+
return this.control?.disabled;
|
333
|
+
}
|
334
|
+
get canShowStepper() {
|
335
|
+
return this.hasStepper &&
|
336
|
+
!this.disabled &&
|
337
|
+
(this.control?.focused || this.hovered);
|
338
|
+
}
|
339
|
+
ngAfterContentInit() {
|
340
|
+
if (this.control.numberInput && this.hasCleaner) {
|
341
|
+
this.cleaner = null;
|
342
|
+
throw getMcFormFieldYouCanNotUseCleanerInNumberInputError();
|
343
|
+
}
|
344
|
+
this.validateControlChild();
|
345
|
+
if (this.control.controlType) {
|
346
|
+
this._elementRef.nativeElement.classList.add(`mc-form-field-type-${this.control.controlType}`);
|
347
|
+
}
|
348
|
+
// Subscribe to changes in the child control state in order to update the form field UI.
|
349
|
+
this.control.stateChanges
|
350
|
+
.pipe(startWith())
|
351
|
+
.subscribe((state) => {
|
352
|
+
if (!state?.focused && this.hasPasswordStrengthError) {
|
353
|
+
this.control.ngControl?.control?.setErrors({ passwordStrength: true });
|
354
|
+
}
|
355
|
+
this._changeDetectorRef.markForCheck();
|
356
|
+
});
|
357
|
+
if (this.hasStepper) {
|
358
|
+
this.stepper.connectTo(this.control.numberInput);
|
359
|
+
}
|
360
|
+
// Run change detection if the value changes.
|
361
|
+
const valueChanges = this.control.ngControl?.valueChanges || EMPTY;
|
362
|
+
merge(valueChanges)
|
363
|
+
.pipe(takeUntil(this.$unsubscribe))
|
364
|
+
.subscribe(() => this._changeDetectorRef.markForCheck());
|
365
|
+
}
|
366
|
+
ngAfterContentChecked() {
|
367
|
+
this.validateControlChild();
|
368
|
+
}
|
369
|
+
ngAfterViewInit() {
|
370
|
+
// Avoid animations on load.
|
371
|
+
this._changeDetectorRef.detectChanges();
|
372
|
+
}
|
373
|
+
clearValue($event) {
|
374
|
+
$event.stopPropagation();
|
375
|
+
this.control?.ngControl?.reset();
|
376
|
+
this.control?.focus();
|
377
|
+
}
|
378
|
+
onContainerClick($event) {
|
379
|
+
if (this.control.onContainerClick) {
|
380
|
+
this.control.onContainerClick($event);
|
381
|
+
}
|
382
|
+
}
|
383
|
+
onKeyDown(event) {
|
384
|
+
// tslint:disable-next-line:deprecation
|
385
|
+
if (this.control.controlType === 'input-password' && event.altKey && event.keyCode === F8) {
|
386
|
+
this.control.toggleType();
|
387
|
+
}
|
388
|
+
// tslint:disable-next-line:deprecation
|
389
|
+
if (this.canCleanerClearByEsc && event.keyCode === ESCAPE && this.control.focused && this.hasCleaner) {
|
390
|
+
this.control?.ngControl?.reset();
|
391
|
+
event.preventDefault();
|
392
|
+
}
|
393
|
+
}
|
394
|
+
onHoverChanged(isHovered) {
|
395
|
+
if (isHovered !== this.hovered) {
|
396
|
+
this.hovered = isHovered;
|
397
|
+
this._changeDetectorRef.markForCheck();
|
398
|
+
}
|
399
|
+
}
|
400
|
+
/**
|
401
|
+
* Gets an ElementRef for the element that a overlay attached to the form-field should be
|
402
|
+
* positioned relative to.
|
403
|
+
*/
|
404
|
+
getConnectedOverlayOrigin() {
|
405
|
+
return this.connectionContainerRef || this._elementRef;
|
406
|
+
}
|
407
|
+
/** Determines whether a class from the NgControl should be forwarded to the host element. */
|
408
|
+
shouldForward(prop) {
|
409
|
+
const ngControl = this.control ? this.control.ngControl : null;
|
410
|
+
return ngControl && ngControl[prop];
|
411
|
+
}
|
412
|
+
ngOnDestroy() {
|
413
|
+
this.$unsubscribe.next();
|
414
|
+
this.$unsubscribe.complete();
|
415
|
+
this.stopFocusMonitor();
|
416
|
+
}
|
417
|
+
runFocusMonitor() {
|
418
|
+
this.focusMonitor.monitor(this._elementRef.nativeElement, true);
|
419
|
+
}
|
420
|
+
stopFocusMonitor() {
|
421
|
+
this.focusMonitor.stopMonitoring(this._elementRef.nativeElement);
|
422
|
+
}
|
423
|
+
/** Throws an error if the form field's control is missing. */
|
424
|
+
validateControlChild() {
|
425
|
+
if (!this.control) {
|
426
|
+
throw getMcFormFieldMissingControlError();
|
427
|
+
}
|
428
|
+
}
|
429
|
+
}
|
430
|
+
/** @nocollapse */ /** @nocollapse */ McFormField.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: McFormField, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1$1.FocusMonitor }], target: i0.ɵɵFactoryTarget.Component });
|
431
|
+
/** @nocollapse */ /** @nocollapse */ McFormField.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: McFormField, selector: "mc-form-field", inputs: { color: "color" }, host: { listeners: { "keydown": "onKeyDown($event)", "mouseenter": "onHoverChanged(true)", "mouseleave": "onHoverChanged(false)" }, properties: { "class.mc-form-field_invalid": "control.errorState", "class.mc-form-field_has-prefix": "hasPrefix", "class.mc-form-field_has-suffix": "hasSuffix", "class.mc-form-field_has-cleaner": "canShowCleaner", "class.mc-form-field_has-stepper": "canShowStepper", "class.mc-disabled": "control.disabled", "class.ng-untouched": "shouldForward(\"untouched\")", "class.ng-touched": "shouldForward(\"touched\")", "class.ng-pristine": "shouldForward(\"pristine\")", "class.ng-dirty": "shouldForward(\"dirty\")", "class.ng-valid": "shouldForward(\"valid\")", "class.ng-invalid": "shouldForward(\"invalid\")", "class.ng-pending": "shouldForward(\"pending\")" }, classAttribute: "mc-form-field" }, queries: [{ propertyName: "control", first: true, predicate: McFormFieldControl, descendants: true }, { propertyName: "stepper", first: true, predicate: McStepper, descendants: true }, { propertyName: "cleaner", first: true, predicate: McCleaner, descendants: true }, { propertyName: "hint", predicate: McHint }, { propertyName: "passwordHints", predicate: McPasswordHint }, { propertyName: "suffix", predicate: McSuffix }, { propertyName: "prefix", predicate: McPrefix }], viewQueries: [{ propertyName: "connectionContainerRef", first: true, predicate: ["connectionContainer"], descendants: true, static: true }], exportAs: ["mcFormField"], usesInheritance: true, ngImport: i0, template: "<div class=\"mc-form-field__container\" (click)=\"onContainerClick($event)\">\n\n <div class=\"mc-form-field__prefix\" *ngIf=\"hasPrefix\">\n <ng-content select=\"[mcPrefix]\"></ng-content>\n </div>\n\n <div class=\"mc-form-field__infix\">\n <ng-content></ng-content>\n </div>\n\n <div class=\"mc-form-field__suffix\" *ngIf=\"hasSuffix\">\n <ng-content select=\"[mcSuffix]\"></ng-content>\n </div>\n\n <div class=\"mc-form-field__cleaner\"\n *ngIf=\"canShowCleaner && !hasSuffix\"\n (click)=\"clearValue($event)\">\n <ng-content select=\"mc-cleaner\"></ng-content>\n </div>\n\n <ng-content select=\"mc-password-toggle\"></ng-content>\n\n <ng-content *ngIf=\"canShowStepper\" select=\"mc-stepper\"></ng-content>\n</div>\n\n<div class=\"mc-form-field__hint\">\n <ng-content select=\"mc-hint, mc-password-hint\"></ng-content>\n</div>\n", styles: [".mc-form-field{position:relative;display:inline-block;width:100%;border-radius:var(--mc-form-field-size-border-radius, 4px)}.mc-form-field:hover{z-index:1}.mc-form-field.mc-focused{z-index:2}.mc-form-field-type-input-password .mc-input{padding-right:var(--mc-form-field-size-button-width, 32px)}.mc-hint{display:block}.mc-password-hint{display:block;padding-left:calc(16px + var(--mc-form-field-password-hint-size-icon-margin, 4px))}.mc-password-hint .mc-icon{position:absolute;left:0}.mc-form-field__hint>.mc-password-hint{margin-top:var(--mc-form-field-password-hint-size-margin-top, 8px)}.mc-form-field__hint>.mc-hint{margin-top:var(--mc-form-field-hint-size-margin-top, 4px)}.mc-form-field__container{position:relative;border-width:var(--mc-form-field-size-border-width, 1px);border-style:solid;border-color:transparent;border-radius:var(--mc-form-field-size-border-radius, 4px)}.mc-form-field_without-borders .mc-form-field__container{border-color:transparent}.mc-form-field__prefix,.mc-form-field__suffix{position:absolute;top:0;bottom:0;width:32px;display:flex;flex-direction:row;justify-content:center;align-items:center}.mc-form-field__prefix{left:0}.mc-form-field__suffix{right:0}.mc-form-field_has-suffix .mc-input,.mc-form-field_has-cleaner .mc-input,.mc-form-field_has-stepper .mc-input{padding-right:var(--mc-form-field-size-button-width, 32px)}.mc-form-field_has-prefix .mc-input{padding-left:var(--mc-form-field-size-button-width, 32px)}.mc-cleaner{display:flex;width:var(--mc-form-field-size-button-width, 32px);height:100%;cursor:pointer}.mc-cleaner .mc-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.mc-form-field__cleaner .mc-cleaner{position:absolute;top:0;bottom:0;right:0}mc-stepper{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;top:0;bottom:0;right:0;width:var(--mc-form-field-size-button-width, 32px)}mc-stepper .mc-stepper-step-up,mc-stepper .mc-stepper-step-down{cursor:pointer;width:var(--mc-form-field-size-button-width, 32px);text-align:center}mc-stepper .mc-stepper-step-up{transform:scaleY(-1)}\n", ".mc-input{background:transparent;padding:0;margin:0;border:none;outline:none;width:var(--mc-input-size-width, 100%);min-height:calc(var(--mc-form-field-size-height, 32px) - var(--mc-form-field-size-border-width, 1px) * 2);padding:var(--mc-input-size-padding, 0 12px)}.mc-input::-ms-clear{display:none;width:0;height:0}.mc-input::-ms-reveal{display:none;width:0;height:0}.mc-input::-webkit-search-decoration,.mc-input::-webkit-search-cancel-button,.mc-input::-webkit-search-results-button,.mc-input::-webkit-search-results-decoration{display:none}.mc-input{display:inline-block}input.mc-input[type=number]{-moz-appearance:textfield}input.mc-input[type=number]::-webkit-inner-spin-button,input.mc-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input.mc-input:invalid{box-shadow:unset}.mc-password-toggle{display:flex;position:absolute;top:-1px;right:-1px;border:1px solid transparent;width:32px;height:32px;align-items:center;justify-content:center;cursor:pointer;border-top-right-radius:var(--mc-form-field-size-border-radius, 4px);border-bottom-right-radius:var(--mc-form-field-size-border-radius, 4px)}.mc-password-toggle::-moz-focus-inner{border:0}.mc-password-toggle:focus{outline:none}\n", ".mc-timepicker{padding-right:calc(var(--mc-timepicker-size-padding-right, 16px) - var(--mc-form-field-size-border-width, 1px))}.mc-form-field-type-timepicker{width:auto}\n", ".mc-form-field-type-datepicker{width:auto}.mc-datepicker{width:var(--mc-datepicker-input-size-width, 130px)}\n", ".mc-textarea{background:transparent;margin:0;border:none;outline:none;resize:none;overflow:auto;width:100%;box-sizing:border-box;padding:var(--mc-textarea-size-padding, 5px 12px)}.mc-textarea{display:inline-block;-webkit-appearance:none;vertical-align:bottom}.mc-textarea:not(.mc-textarea-resizable){box-sizing:border-box;overflow-y:hidden}.mc-textarea.mc-textarea-resizable{resize:vertical;min-height:var(--mc-textarea-size-min-height, 50px)}.mc-textarea:invalid{box-shadow:unset}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
432
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: McFormField, decorators: [{
|
433
|
+
type: Component,
|
434
|
+
args: [{ selector: 'mc-form-field', exportAs: 'mcFormField', host: {
|
435
|
+
class: 'mc-form-field',
|
436
|
+
'[class.mc-form-field_invalid]': 'control.errorState',
|
437
|
+
'[class.mc-form-field_has-prefix]': 'hasPrefix',
|
438
|
+
'[class.mc-form-field_has-suffix]': 'hasSuffix',
|
439
|
+
'[class.mc-form-field_has-cleaner]': 'canShowCleaner',
|
440
|
+
'[class.mc-form-field_has-stepper]': 'canShowStepper',
|
441
|
+
'[class.mc-disabled]': 'control.disabled',
|
442
|
+
'[class.ng-untouched]': 'shouldForward("untouched")',
|
443
|
+
'[class.ng-touched]': 'shouldForward("touched")',
|
444
|
+
'[class.ng-pristine]': 'shouldForward("pristine")',
|
445
|
+
'[class.ng-dirty]': 'shouldForward("dirty")',
|
446
|
+
'[class.ng-valid]': 'shouldForward("valid")',
|
447
|
+
'[class.ng-invalid]': 'shouldForward("invalid")',
|
448
|
+
'[class.ng-pending]': 'shouldForward("pending")',
|
449
|
+
'(keydown)': 'onKeyDown($event)',
|
450
|
+
'(mouseenter)': 'onHoverChanged(true)',
|
451
|
+
'(mouseleave)': 'onHoverChanged(false)'
|
452
|
+
}, inputs: ['color'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mc-form-field__container\" (click)=\"onContainerClick($event)\">\n\n <div class=\"mc-form-field__prefix\" *ngIf=\"hasPrefix\">\n <ng-content select=\"[mcPrefix]\"></ng-content>\n </div>\n\n <div class=\"mc-form-field__infix\">\n <ng-content></ng-content>\n </div>\n\n <div class=\"mc-form-field__suffix\" *ngIf=\"hasSuffix\">\n <ng-content select=\"[mcSuffix]\"></ng-content>\n </div>\n\n <div class=\"mc-form-field__cleaner\"\n *ngIf=\"canShowCleaner && !hasSuffix\"\n (click)=\"clearValue($event)\">\n <ng-content select=\"mc-cleaner\"></ng-content>\n </div>\n\n <ng-content select=\"mc-password-toggle\"></ng-content>\n\n <ng-content *ngIf=\"canShowStepper\" select=\"mc-stepper\"></ng-content>\n</div>\n\n<div class=\"mc-form-field__hint\">\n <ng-content select=\"mc-hint, mc-password-hint\"></ng-content>\n</div>\n", styles: [".mc-form-field{position:relative;display:inline-block;width:100%;border-radius:var(--mc-form-field-size-border-radius, 4px)}.mc-form-field:hover{z-index:1}.mc-form-field.mc-focused{z-index:2}.mc-form-field-type-input-password .mc-input{padding-right:var(--mc-form-field-size-button-width, 32px)}.mc-hint{display:block}.mc-password-hint{display:block;padding-left:calc(16px + var(--mc-form-field-password-hint-size-icon-margin, 4px))}.mc-password-hint .mc-icon{position:absolute;left:0}.mc-form-field__hint>.mc-password-hint{margin-top:var(--mc-form-field-password-hint-size-margin-top, 8px)}.mc-form-field__hint>.mc-hint{margin-top:var(--mc-form-field-hint-size-margin-top, 4px)}.mc-form-field__container{position:relative;border-width:var(--mc-form-field-size-border-width, 1px);border-style:solid;border-color:transparent;border-radius:var(--mc-form-field-size-border-radius, 4px)}.mc-form-field_without-borders .mc-form-field__container{border-color:transparent}.mc-form-field__prefix,.mc-form-field__suffix{position:absolute;top:0;bottom:0;width:32px;display:flex;flex-direction:row;justify-content:center;align-items:center}.mc-form-field__prefix{left:0}.mc-form-field__suffix{right:0}.mc-form-field_has-suffix .mc-input,.mc-form-field_has-cleaner .mc-input,.mc-form-field_has-stepper .mc-input{padding-right:var(--mc-form-field-size-button-width, 32px)}.mc-form-field_has-prefix .mc-input{padding-left:var(--mc-form-field-size-button-width, 32px)}.mc-cleaner{display:flex;width:var(--mc-form-field-size-button-width, 32px);height:100%;cursor:pointer}.mc-cleaner .mc-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.mc-form-field__cleaner .mc-cleaner{position:absolute;top:0;bottom:0;right:0}mc-stepper{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;top:0;bottom:0;right:0;width:var(--mc-form-field-size-button-width, 32px)}mc-stepper .mc-stepper-step-up,mc-stepper .mc-stepper-step-down{cursor:pointer;width:var(--mc-form-field-size-button-width, 32px);text-align:center}mc-stepper .mc-stepper-step-up{transform:scaleY(-1)}\n", ".mc-input{background:transparent;padding:0;margin:0;border:none;outline:none;width:var(--mc-input-size-width, 100%);min-height:calc(var(--mc-form-field-size-height, 32px) - var(--mc-form-field-size-border-width, 1px) * 2);padding:var(--mc-input-size-padding, 0 12px)}.mc-input::-ms-clear{display:none;width:0;height:0}.mc-input::-ms-reveal{display:none;width:0;height:0}.mc-input::-webkit-search-decoration,.mc-input::-webkit-search-cancel-button,.mc-input::-webkit-search-results-button,.mc-input::-webkit-search-results-decoration{display:none}.mc-input{display:inline-block}input.mc-input[type=number]{-moz-appearance:textfield}input.mc-input[type=number]::-webkit-inner-spin-button,input.mc-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input.mc-input:invalid{box-shadow:unset}.mc-password-toggle{display:flex;position:absolute;top:-1px;right:-1px;border:1px solid transparent;width:32px;height:32px;align-items:center;justify-content:center;cursor:pointer;border-top-right-radius:var(--mc-form-field-size-border-radius, 4px);border-bottom-right-radius:var(--mc-form-field-size-border-radius, 4px)}.mc-password-toggle::-moz-focus-inner{border:0}.mc-password-toggle:focus{outline:none}\n", ".mc-timepicker{padding-right:calc(var(--mc-timepicker-size-padding-right, 16px) - var(--mc-form-field-size-border-width, 1px))}.mc-form-field-type-timepicker{width:auto}\n", ".mc-form-field-type-datepicker{width:auto}.mc-datepicker{width:var(--mc-datepicker-input-size-width, 130px)}\n", ".mc-textarea{background:transparent;margin:0;border:none;outline:none;resize:none;overflow:auto;width:100%;box-sizing:border-box;padding:var(--mc-textarea-size-padding, 5px 12px)}.mc-textarea{display:inline-block;-webkit-appearance:none;vertical-align:bottom}.mc-textarea:not(.mc-textarea-resizable){box-sizing:border-box;overflow-y:hidden}.mc-textarea.mc-textarea-resizable{resize:vertical;min-height:var(--mc-textarea-size-min-height, 50px)}.mc-textarea:invalid{box-shadow:unset}\n"] }]
|
453
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1$1.FocusMonitor }]; }, propDecorators: { control: [{
|
454
|
+
type: ContentChild,
|
455
|
+
args: [McFormFieldControl, { static: false }]
|
456
|
+
}], stepper: [{
|
457
|
+
type: ContentChild,
|
458
|
+
args: [McStepper, { static: false }]
|
459
|
+
}], cleaner: [{
|
460
|
+
type: ContentChild,
|
461
|
+
args: [McCleaner, { static: false }]
|
462
|
+
}], hint: [{
|
463
|
+
type: ContentChildren,
|
464
|
+
args: [McHint]
|
465
|
+
}], passwordHints: [{
|
466
|
+
type: ContentChildren,
|
467
|
+
args: [McPasswordHint]
|
468
|
+
}], suffix: [{
|
469
|
+
type: ContentChildren,
|
470
|
+
args: [McSuffix]
|
471
|
+
}], prefix: [{
|
472
|
+
type: ContentChildren,
|
473
|
+
args: [McPrefix]
|
474
|
+
}], connectionContainerRef: [{
|
475
|
+
type: ViewChild,
|
476
|
+
args: ['connectionContainer', { static: true }]
|
477
|
+
}] } });
|
478
|
+
class McFormFieldWithoutBorders {
|
479
|
+
}
|
480
|
+
/** @nocollapse */ /** @nocollapse */ McFormFieldWithoutBorders.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: McFormFieldWithoutBorders, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
481
|
+
/** @nocollapse */ /** @nocollapse */ McFormFieldWithoutBorders.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: McFormFieldWithoutBorders, selector: "mc-form-field[mcFormFieldWithoutBorders]", host: { classAttribute: "mc-form-field_without-borders" }, exportAs: ["mcFormFieldWithoutBorders"], ngImport: i0 });
|
482
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: McFormFieldWithoutBorders, decorators: [{
|
483
|
+
type: Directive,
|
484
|
+
args: [{
|
485
|
+
selector: 'mc-form-field[mcFormFieldWithoutBorders]',
|
486
|
+
exportAs: 'mcFormFieldWithoutBorders',
|
487
|
+
host: { class: 'mc-form-field_without-borders' }
|
488
|
+
}]
|
479
489
|
}] });
|
480
490
|
|
481
|
-
class McFormFieldModule {
|
482
|
-
}
|
483
|
-
/** @nocollapse */ /** @nocollapse */ McFormFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.
|
484
|
-
/** @nocollapse */ /** @nocollapse */ McFormFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.
|
485
|
-
McFormFieldWithoutBorders,
|
486
|
-
McHint,
|
487
|
-
McPasswordHint,
|
488
|
-
McPrefix,
|
489
|
-
McSuffix,
|
490
|
-
McCleaner,
|
491
|
-
McStepper], imports: [CommonModule, McIconModule], exports: [McFormField,
|
492
|
-
McFormFieldWithoutBorders,
|
493
|
-
McHint,
|
494
|
-
McPasswordHint,
|
495
|
-
McPrefix,
|
496
|
-
McSuffix,
|
497
|
-
McCleaner,
|
498
|
-
McStepper] });
|
499
|
-
/** @nocollapse */ /** @nocollapse */ McFormFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.
|
500
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.
|
501
|
-
type: NgModule,
|
502
|
-
args: [{
|
503
|
-
declarations: [
|
504
|
-
McFormField,
|
505
|
-
McFormFieldWithoutBorders,
|
506
|
-
McHint,
|
507
|
-
McPasswordHint,
|
508
|
-
McPrefix,
|
509
|
-
McSuffix,
|
510
|
-
McCleaner,
|
511
|
-
McStepper
|
512
|
-
],
|
513
|
-
imports: [CommonModule, McIconModule],
|
514
|
-
exports: [
|
515
|
-
McFormField,
|
516
|
-
McFormFieldWithoutBorders,
|
517
|
-
McHint,
|
518
|
-
McPasswordHint,
|
519
|
-
McPrefix,
|
520
|
-
McSuffix,
|
521
|
-
McCleaner,
|
522
|
-
McStepper
|
523
|
-
]
|
524
|
-
}]
|
491
|
+
class McFormFieldModule {
|
492
|
+
}
|
493
|
+
/** @nocollapse */ /** @nocollapse */ McFormFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: McFormFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
494
|
+
/** @nocollapse */ /** @nocollapse */ McFormFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: McFormFieldModule, declarations: [McFormField,
|
495
|
+
McFormFieldWithoutBorders,
|
496
|
+
McHint,
|
497
|
+
McPasswordHint,
|
498
|
+
McPrefix,
|
499
|
+
McSuffix,
|
500
|
+
McCleaner,
|
501
|
+
McStepper], imports: [CommonModule, McIconModule], exports: [McFormField,
|
502
|
+
McFormFieldWithoutBorders,
|
503
|
+
McHint,
|
504
|
+
McPasswordHint,
|
505
|
+
McPrefix,
|
506
|
+
McSuffix,
|
507
|
+
McCleaner,
|
508
|
+
McStepper] });
|
509
|
+
/** @nocollapse */ /** @nocollapse */ McFormFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: McFormFieldModule, imports: [[CommonModule, McIconModule]] });
|
510
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: McFormFieldModule, decorators: [{
|
511
|
+
type: NgModule,
|
512
|
+
args: [{
|
513
|
+
declarations: [
|
514
|
+
McFormField,
|
515
|
+
McFormFieldWithoutBorders,
|
516
|
+
McHint,
|
517
|
+
McPasswordHint,
|
518
|
+
McPrefix,
|
519
|
+
McSuffix,
|
520
|
+
McCleaner,
|
521
|
+
McStepper
|
522
|
+
],
|
523
|
+
imports: [CommonModule, McIconModule],
|
524
|
+
exports: [
|
525
|
+
McFormField,
|
526
|
+
McFormFieldWithoutBorders,
|
527
|
+
McHint,
|
528
|
+
McPasswordHint,
|
529
|
+
McPrefix,
|
530
|
+
McSuffix,
|
531
|
+
McCleaner,
|
532
|
+
McStepper
|
533
|
+
]
|
534
|
+
}]
|
525
535
|
}] });
|
526
536
|
|
527
|
-
/**
|
528
|
-
* Generated bundle index. Do not edit.
|
537
|
+
/**
|
538
|
+
* Generated bundle index. Do not edit.
|
529
539
|
*/
|
530
540
|
|
531
|
-
export { McCleaner, McFormField, McFormFieldBase, McFormFieldControl, McFormFieldMixinBase, McFormFieldModule, McFormFieldWithoutBorders, McHint, McPasswordHint, McPrefix, McStepper, McSuffix, PasswordRules, getMcFormFieldMissingControlError, getMcFormFieldYouCanNotUseCleanerInNumberInputError, regExpPasswordValidator };
|
541
|
+
export { McCleaner, McFormField, McFormFieldBase, McFormFieldControl, McFormFieldMixinBase, McFormFieldModule, McFormFieldWithoutBorders, McHint, McHintBase, McHintMixinBase, McPasswordHint, McPrefix, McStepper, McSuffix, PasswordRules, getMcFormFieldMissingControlError, getMcFormFieldYouCanNotUseCleanerInNumberInputError, regExpPasswordValidator };
|
532
542
|
//# sourceMappingURL=ptsecurity-mosaic-form-field.mjs.map
|