@ptsecurity/mosaic 12.1.0 → 13.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/_theming.scss +113 -66
- package/_visual.scss +11 -9
- package/autocomplete/README.md +0 -0
- package/autocomplete/package.json +5 -5
- package/button/README.md +0 -0
- package/button/button.component.d.ts +17 -14
- package/button/button.module.d.ts +1 -1
- package/button/package.json +5 -5
- package/button-toggle/README.md +0 -0
- package/button-toggle/package.json +5 -5
- package/card/README.md +0 -0
- package/card/package.json +5 -5
- package/checkbox/README.md +1 -0
- package/checkbox/package.json +5 -5
- package/core/formatters/date/formatter.d.ts +4 -4
- package/core/formatters/date/templates/en-US.d.ts +8 -8
- package/core/formatters/date/templates/ru-RU.d.ts +8 -8
- package/core/package.json +5 -5
- package/core/pop-up/pop-up-trigger.d.ts +9 -12
- package/datepicker/README.md +0 -0
- package/datepicker/package.json +5 -5
- package/design-tokens/package.json +5 -5
- package/design-tokens/style-dictionary/build.js +6 -0
- package/design-tokens/style-dictionary/configs/index.js +2 -1
- package/design-tokens/tokens/components/navbar.json5 +12 -9
- package/design-tokens/tokens.d.ts +11 -9
- package/divider/README.md +0 -0
- package/divider/package.json +5 -5
- package/dropdown/dropdown-item.component.d.ts +1 -0
- package/dropdown/package.json +5 -5
- package/{esm2015/autocomplete/autocomplete-origin.directive.js → esm2020/autocomplete/autocomplete-origin.directive.mjs} +4 -4
- package/{esm2015/autocomplete/autocomplete-trigger.directive.js → esm2020/autocomplete/autocomplete-trigger.directive.mjs} +4 -4
- package/esm2020/autocomplete/autocomplete.component.mjs +154 -0
- package/{esm2015/autocomplete/autocomplete.module.js → esm2020/autocomplete/autocomplete.module.mjs} +5 -5
- package/{esm2015/autocomplete/index.js → esm2020/autocomplete/index.mjs} +0 -0
- package/{esm2015/autocomplete/ptsecurity-mosaic-autocomplete.js → esm2020/autocomplete/ptsecurity-mosaic-autocomplete.mjs} +0 -0
- package/{esm2015/autocomplete/public-api.js → esm2020/autocomplete/public-api.mjs} +0 -0
- package/esm2020/button/button.component.mjs +129 -0
- package/esm2020/button/button.module.mjs +38 -0
- package/{esm2015/button/index.js → esm2020/button/index.mjs} +0 -0
- package/{esm2015/button/ptsecurity-mosaic-button.js → esm2020/button/ptsecurity-mosaic-button.mjs} +0 -0
- package/{esm2015/button/public-api.js → esm2020/button/public-api.mjs} +0 -0
- package/esm2020/button-toggle/button-toggle.component.mjs +362 -0
- package/{esm2015/button-toggle/button-toggle.module.js → esm2020/button-toggle/button-toggle.module.mjs} +5 -5
- package/{esm2015/button-toggle/index.js → esm2020/button-toggle/index.mjs} +0 -0
- package/{esm2015/button-toggle/ptsecurity-mosaic-button-toggle.js → esm2020/button-toggle/ptsecurity-mosaic-button-toggle.mjs} +0 -0
- package/{esm2015/button-toggle/public-api.js → esm2020/button-toggle/public-api.mjs} +0 -0
- package/esm2020/card/card.component.mjs +80 -0
- package/{esm2015/card/card.module.js → esm2020/card/card.module.mjs} +5 -5
- package/{esm2015/card/index.js → esm2020/card/index.mjs} +0 -0
- package/{esm2015/card/ptsecurity-mosaic-card.js → esm2020/card/ptsecurity-mosaic-card.mjs} +0 -0
- package/{esm2015/card/public-api.js → esm2020/card/public-api.mjs} +0 -0
- package/{esm2015/checkbox/checkbox-config.js → esm2020/checkbox/checkbox-config.mjs} +0 -0
- package/{esm2015/checkbox/checkbox-module.js → esm2020/checkbox/checkbox-module.mjs} +5 -5
- package/{esm2015/checkbox/checkbox-required-validator.js → esm2020/checkbox/checkbox-required-validator.mjs} +4 -4
- package/esm2020/checkbox/checkbox.mjs +315 -0
- package/{esm2015/checkbox/index.js → esm2020/checkbox/index.mjs} +0 -0
- package/{esm2015/checkbox/ptsecurity-mosaic-checkbox.js → esm2020/checkbox/ptsecurity-mosaic-checkbox.mjs} +0 -0
- package/{esm2015/checkbox/public-api.js → esm2020/checkbox/public-api.mjs} +0 -0
- package/{esm2015/core/animation/animation.js → esm2020/core/animation/animation.mjs} +0 -0
- package/{esm2015/core/animation/fade-animations.js → esm2020/core/animation/fade-animations.mjs} +0 -0
- package/{esm2015/core/animation/index.js → esm2020/core/animation/index.mjs} +0 -0
- package/{esm2015/core/animation/select-animations.js → esm2020/core/animation/select-animations.mjs} +0 -0
- package/{esm2015/core/common-behaviors/color.js → esm2020/core/common-behaviors/color.mjs} +0 -0
- package/{esm2015/core/common-behaviors/common-module.js → esm2020/core/common-behaviors/common-module.mjs} +5 -5
- package/{esm2015/core/common-behaviors/constructor.js → esm2020/core/common-behaviors/constructor.mjs} +0 -0
- package/{esm2015/core/common-behaviors/disabled.js → esm2020/core/common-behaviors/disabled.mjs} +0 -0
- package/{esm2015/core/common-behaviors/error-state.js → esm2020/core/common-behaviors/error-state.mjs} +0 -0
- package/{esm2015/core/common-behaviors/index.js → esm2020/core/common-behaviors/index.mjs} +0 -0
- package/{esm2015/core/common-behaviors/tabindex.js → esm2020/core/common-behaviors/tabindex.mjs} +0 -0
- package/{esm2015/core/error/error-options.js → esm2020/core/error/error-options.mjs} +7 -7
- package/esm2020/core/formatters/date/formatter.mjs +314 -0
- package/esm2020/core/formatters/date/templates/en-US.mjs +280 -0
- package/esm2020/core/formatters/date/templates/ru-RU.mjs +280 -0
- package/{esm2015/core/formatters/index.js → esm2020/core/formatters/index.mjs} +5 -5
- package/esm2020/core/formatters/number/formatter.mjs +105 -0
- package/{esm2015/core/forms/forms-module.js → esm2020/core/forms/forms-module.mjs} +5 -5
- package/{esm2015/core/forms/forms.directive.js → esm2020/core/forms/forms.directive.mjs} +7 -7
- package/{esm2015/core/forms/index.js → esm2020/core/forms/index.mjs} +0 -0
- package/{esm2015/core/highlight/highlight.pipe.js → esm2020/core/highlight/highlight.pipe.mjs} +4 -4
- package/{esm2015/core/highlight/index.js → esm2020/core/highlight/index.mjs} +5 -5
- package/{esm2015/core/index.js → esm2020/core/index.mjs} +0 -0
- package/{esm2015/core/label/label-options.js → esm2020/core/label/label-options.mjs} +0 -0
- package/{esm2015/core/line/line.js → esm2020/core/line/line.mjs} +8 -8
- package/esm2020/core/option/action.mjs +121 -0
- package/{esm2015/core/option/index.js → esm2020/core/option/index.mjs} +0 -0
- package/esm2020/core/option/optgroup.mjs +31 -0
- package/{esm2015/core/option/option-module.js → esm2020/core/option/option-module.mjs} +5 -5
- package/esm2020/core/option/option.mjs +254 -0
- package/{esm2015/core/overlay/overlay-position-map.js → esm2020/core/overlay/overlay-position-map.mjs} +0 -0
- package/{esm2015/core/pop-up/constants.js → esm2020/core/pop-up/constants.mjs} +0 -0
- package/{esm2015/core/pop-up/index.js → esm2020/core/pop-up/index.mjs} +0 -0
- package/esm2020/core/pop-up/pop-up-trigger.mjs +246 -0
- package/esm2020/core/pop-up/pop-up.mjs +91 -0
- package/{esm2015/core/ptsecurity-mosaic-core.js → esm2020/core/ptsecurity-mosaic-core.mjs} +0 -0
- package/{esm2015/core/public-api.js → esm2020/core/public-api.mjs} +0 -0
- package/{esm2015/core/select/constants.js → esm2020/core/select/constants.mjs} +0 -0
- package/{esm2015/core/select/errors.js → esm2020/core/select/errors.mjs} +0 -0
- package/{esm2015/core/select/events.js → esm2020/core/select/events.mjs} +0 -0
- package/{esm2015/core/select/index.js → esm2020/core/select/index.mjs} +0 -0
- package/{esm2015/core/selection/constants.js → esm2020/core/selection/constants.mjs} +0 -0
- package/{esm2015/core/selection/index.js → esm2020/core/selection/index.mjs} +0 -0
- package/esm2020/core/selection/pseudo-checkbox/pseudo-checkbox.mjs +37 -0
- package/{esm2015/core/selection/pseudo-checkbox/pseudo-checkbox.module.js → esm2020/core/selection/pseudo-checkbox/pseudo-checkbox.module.mjs} +5 -5
- package/{esm2015/core/services/measure-scrollbar.service.js → esm2020/core/services/measure-scrollbar.service.mjs} +4 -4
- package/{esm2015/core/utils/index.js → esm2020/core/utils/index.mjs} +0 -0
- package/{esm2015/core/utils/public-api.js → esm2020/core/utils/public-api.mjs} +0 -0
- package/{esm2015/core/utils/utils.js → esm2020/core/utils/utils.mjs} +0 -0
- package/{esm2015/core/validation/index.js → esm2020/core/validation/index.mjs} +0 -0
- package/{esm2015/core/validation/validation.js → esm2020/core/validation/validation.mjs} +0 -0
- package/esm2020/datepicker/calendar-body.component.mjs +106 -0
- package/esm2020/datepicker/calendar.component.mjs +362 -0
- package/{esm2015/datepicker/datepicker-animations.js → esm2020/datepicker/datepicker-animations.mjs} +0 -0
- package/{esm2015/datepicker/datepicker-errors.js → esm2020/datepicker/datepicker-errors.mjs} +0 -0
- package/esm2020/datepicker/datepicker-input.directive.mjs +900 -0
- package/{esm2015/datepicker/datepicker-intl.js → esm2020/datepicker/datepicker-intl.mjs} +4 -4
- package/{esm2015/datepicker/datepicker-module.js → esm2020/datepicker/datepicker-module.mjs} +5 -5
- package/esm2020/datepicker/datepicker-toggle.component.mjs +86 -0
- package/esm2020/datepicker/datepicker.component.mjs +408 -0
- package/{esm2015/datepicker/index.js → esm2020/datepicker/index.mjs} +0 -0
- package/{esm2015/datepicker/month-view.component.js → esm2020/datepicker/month-view.component.mjs} +5 -11
- package/{esm2015/datepicker/multi-year-view.component.js → esm2020/datepicker/multi-year-view.component.mjs} +5 -11
- package/{esm2015/datepicker/ptsecurity-mosaic-datepicker.js → esm2020/datepicker/ptsecurity-mosaic-datepicker.mjs} +0 -0
- package/{esm2015/datepicker/public-api.js → esm2020/datepicker/public-api.mjs} +0 -0
- package/{esm2015/datepicker/year-view.component.js → esm2020/datepicker/year-view.component.mjs} +5 -11
- package/{esm2015/design-tokens/index.js → esm2020/design-tokens/index.mjs} +0 -0
- package/{esm2015/design-tokens/ptsecurity-mosaic-design-tokens.js → esm2020/design-tokens/ptsecurity-mosaic-design-tokens.mjs} +0 -0
- package/{esm2015/design-tokens/public-api.js → esm2020/design-tokens/public-api.mjs} +0 -0
- package/{esm2015/design-tokens/tokens.js → esm2020/design-tokens/tokens.mjs} +12 -10
- package/{esm2015/divider/divider.component.js → esm2020/divider/divider.component.mjs} +6 -13
- package/{esm2015/divider/divider.module.js → esm2020/divider/divider.module.mjs} +5 -5
- package/{esm2015/divider/index.js → esm2020/divider/index.mjs} +0 -0
- package/{esm2015/divider/ptsecurity-mosaic-divider.js → esm2020/divider/ptsecurity-mosaic-divider.mjs} +0 -0
- package/{esm2015/divider/public-api.js → esm2020/divider/public-api.mjs} +0 -0
- package/{esm2015/dropdown/dropdown-animations.js → esm2020/dropdown/dropdown-animations.mjs} +0 -0
- package/{esm2015/dropdown/dropdown-content.directive.js → esm2020/dropdown/dropdown-content.directive.mjs} +6 -8
- package/{esm2015/dropdown/dropdown-errors.js → esm2020/dropdown/dropdown-errors.mjs} +0 -0
- package/esm2020/dropdown/dropdown-item.component.mjs +139 -0
- package/esm2020/dropdown/dropdown-trigger.directive.mjs +485 -0
- package/esm2020/dropdown/dropdown.component.mjs +292 -0
- package/{esm2015/dropdown/dropdown.module.js → esm2020/dropdown/dropdown.module.mjs} +5 -5
- package/{esm2015/dropdown/dropdown.types.js → esm2020/dropdown/dropdown.types.mjs} +0 -0
- package/{esm2015/dropdown/index.js → esm2020/dropdown/index.mjs} +0 -0
- package/{esm2015/dropdown/ptsecurity-mosaic-dropdown.js → esm2020/dropdown/ptsecurity-mosaic-dropdown.mjs} +0 -0
- package/{esm2015/dropdown/public-api.js → esm2020/dropdown/public-api.mjs} +0 -0
- package/esm2020/form-field/cleaner.mjs +23 -0
- package/{esm2015/form-field/form-field-control.js → esm2020/form-field/form-field-control.mjs} +0 -0
- package/{esm2015/form-field/form-field-errors.js → esm2020/form-field/form-field-errors.mjs} +0 -0
- package/esm2020/form-field/form-field.mjs +205 -0
- package/{esm2015/form-field/form-field.module.js → esm2020/form-field/form-field.module.mjs} +5 -5
- package/{esm2015/form-field/hint.js → esm2020/form-field/hint.mjs} +4 -4
- package/{esm2015/form-field/index.js → esm2020/form-field/index.mjs} +0 -0
- package/{esm2015/form-field/prefix.js → esm2020/form-field/prefix.mjs} +4 -4
- package/{esm2015/form-field/ptsecurity-mosaic-form-field.js → esm2020/form-field/ptsecurity-mosaic-form-field.mjs} +0 -0
- package/{esm2015/form-field/public-api.js → esm2020/form-field/public-api.mjs} +0 -0
- package/{esm2015/form-field/stepper.js → esm2020/form-field/stepper.mjs} +4 -4
- package/{esm2015/form-field/suffix.js → esm2020/form-field/suffix.mjs} +4 -4
- package/esm2020/icon/icon.component.mjs +44 -0
- package/{esm2015/icon/icon.module.js → esm2020/icon/icon.module.mjs} +5 -5
- package/{esm2015/icon/index.js → esm2020/icon/index.mjs} +0 -0
- package/{esm2015/icon/ptsecurity-mosaic-icon.js → esm2020/icon/ptsecurity-mosaic-icon.mjs} +0 -0
- package/{esm2015/icon/public-api.js → esm2020/icon/public-api.mjs} +0 -0
- package/{esm2015/index.js → esm2020/index.mjs} +0 -0
- package/{esm2015/input/index.js → esm2020/input/index.mjs} +0 -0
- package/{esm2015/input/input-errors.js → esm2020/input/input-errors.mjs} +0 -0
- package/esm2020/input/input-number-validators.mjs +92 -0
- package/{esm2015/input/input-number.js → esm2020/input/input-number.mjs} +4 -4
- package/{esm2015/input/input-value-accessor.js → esm2020/input/input-value-accessor.mjs} +0 -0
- package/{esm2015/input/input.js → esm2020/input/input.mjs} +7 -7
- package/{esm2015/input/input.module.js → esm2020/input/input.module.mjs} +5 -5
- package/{esm2015/input/ptsecurity-mosaic-input.js → esm2020/input/ptsecurity-mosaic-input.mjs} +0 -0
- package/{esm2015/input/public-api.js → esm2020/input/public-api.mjs} +0 -0
- package/{esm2015/link/index.js → esm2020/link/index.mjs} +0 -0
- package/esm2020/link/link.component.mjs +107 -0
- package/{esm2015/link/link.module.js → esm2020/link/link.module.mjs} +5 -5
- package/{esm2015/link/ptsecurity-mosaic-link.js → esm2020/link/ptsecurity-mosaic-link.mjs} +0 -0
- package/{esm2015/link/public-api.js → esm2020/link/public-api.mjs} +0 -0
- package/{esm2015/list/index.js → esm2020/list/index.mjs} +0 -0
- package/esm2020/list/list-selection.component.mjs +693 -0
- package/esm2020/list/list.component.mjs +44 -0
- package/{esm2015/list/list.module.js → esm2020/list/list.module.mjs} +5 -5
- package/{esm2015/list/ptsecurity-mosaic-list.js → esm2020/list/ptsecurity-mosaic-list.mjs} +0 -0
- package/{esm2015/list/public-api.js → esm2020/list/public-api.mjs} +0 -0
- package/{esm2015/modal/css-unit.pipe.js → esm2020/modal/css-unit.pipe.mjs} +4 -4
- package/{esm2015/modal/index.js → esm2020/modal/index.mjs} +0 -0
- package/{esm2015/modal/modal-control.service.js → esm2020/modal/modal-control.service.mjs} +4 -4
- package/{esm2015/modal/modal-ref.class.js → esm2020/modal/modal-ref.class.mjs} +0 -0
- package/{esm2015/modal/modal-util.js → esm2020/modal/modal-util.mjs} +0 -0
- package/esm2020/modal/modal.component.mjs +501 -0
- package/{esm2015/modal/modal.directive.js → esm2020/modal/modal.directive.mjs} +13 -13
- package/esm2020/modal/modal.module.mjs +72 -0
- package/esm2020/modal/modal.service.mjs +124 -0
- package/{esm2015/modal/modal.type.js → esm2020/modal/modal.type.mjs} +0 -0
- package/{esm2015/modal/ptsecurity-mosaic-modal.js → esm2020/modal/ptsecurity-mosaic-modal.mjs} +0 -0
- package/{esm2015/modal/public-api.js → esm2020/modal/public-api.mjs} +0 -0
- package/{esm2015/navbar/index.js → esm2020/navbar/index.mjs} +0 -0
- package/esm2020/navbar/navbar-item.component.mjs +577 -0
- package/esm2020/navbar/navbar.component.mjs +237 -0
- package/esm2020/navbar/navbar.module.mjs +92 -0
- package/{esm2015/navbar/ptsecurity-mosaic-navbar.js → esm2020/navbar/ptsecurity-mosaic-navbar.mjs} +0 -0
- package/{esm2015/navbar/public-api.js → esm2020/navbar/public-api.mjs} +0 -0
- package/{esm2015/navbar/vertical-navbar.animation.js → esm2020/navbar/vertical-navbar.animation.mjs} +2 -2
- package/esm2020/navbar/vertical-navbar.component.mjs +114 -0
- package/{esm2015/popover/index.js → esm2020/popover/index.mjs} +0 -0
- package/{esm2015/popover/popover-animations.js → esm2020/popover/popover-animations.mjs} +0 -0
- package/esm2020/popover/popover-confirm.component.mjs +108 -0
- package/esm2020/popover/popover.component.mjs +253 -0
- package/esm2020/popover/popover.module.mjs +24 -0
- package/{esm2015/popover/ptsecurity-mosaic-popover.js → esm2020/popover/ptsecurity-mosaic-popover.mjs} +0 -0
- package/{esm2015/popover/public-api.js → esm2020/popover/public-api.mjs} +2 -1
- package/{esm2015/progress-bar/index.js → esm2020/progress-bar/index.mjs} +0 -0
- package/esm2020/progress-bar/progress-bar.component.mjs +42 -0
- package/{esm2015/progress-bar/progress-bar.module.js → esm2020/progress-bar/progress-bar.module.mjs} +5 -5
- package/{esm2015/progress-bar/ptsecurity-mosaic-progress-bar.js → esm2020/progress-bar/ptsecurity-mosaic-progress-bar.mjs} +0 -0
- package/{esm2015/progress-bar/public-api.js → esm2020/progress-bar/public-api.mjs} +0 -0
- package/{esm2015/progress-spinner/index.js → esm2020/progress-spinner/index.mjs} +0 -0
- package/esm2020/progress-spinner/progress-spinner.component.mjs +46 -0
- package/{esm2015/progress-spinner/progress-spinner.module.js → esm2020/progress-spinner/progress-spinner.module.mjs} +5 -5
- package/{esm2015/progress-spinner/ptsecurity-mosaic-progress-spinner.js → esm2020/progress-spinner/ptsecurity-mosaic-progress-spinner.mjs} +0 -0
- package/{esm2015/progress-spinner/public-api.js → esm2020/progress-spinner/public-api.mjs} +0 -0
- package/{esm2015/ptsecurity-mosaic.js → esm2020/ptsecurity-mosaic.mjs} +0 -0
- package/{esm2015/public-api.js → esm2020/public-api.mjs} +0 -0
- package/{esm2015/radio/index.js → esm2020/radio/index.mjs} +0 -0
- package/{esm2015/radio/ptsecurity-mosaic-radio.js → esm2020/radio/ptsecurity-mosaic-radio.mjs} +0 -0
- package/{esm2015/radio/public-api.js → esm2020/radio/public-api.mjs} +0 -0
- package/esm2020/radio/radio.component.mjs +458 -0
- package/{esm2015/radio/radio.module.js → esm2020/radio/radio.module.mjs} +5 -5
- package/{esm2015/select/index.js → esm2020/select/index.mjs} +0 -0
- package/{esm2015/select/ptsecurity-mosaic-select.js → esm2020/select/ptsecurity-mosaic-select.mjs} +0 -0
- package/{esm2015/select/public-api.js → esm2020/select/public-api.mjs} +0 -0
- package/esm2020/select/select.component.mjs +1110 -0
- package/{esm2015/select/select.module.js → esm2020/select/select.module.mjs} +5 -5
- package/{esm2015/sidebar/index.js → esm2020/sidebar/index.mjs} +0 -0
- package/{esm2015/sidebar/ptsecurity-mosaic-sidebar.js → esm2020/sidebar/ptsecurity-mosaic-sidebar.mjs} +0 -0
- package/{esm2015/sidebar/public-api.js → esm2020/sidebar/public-api.mjs} +0 -0
- package/{esm2015/sidebar/sidebar-animations.js → esm2020/sidebar/sidebar-animations.mjs} +0 -0
- package/esm2020/sidebar/sidebar.component.mjs +146 -0
- package/{esm2015/sidebar/sidebar.module.js → esm2020/sidebar/sidebar.module.mjs} +5 -5
- package/{esm2015/sidepanel/index.js → esm2020/sidepanel/index.mjs} +0 -0
- package/{esm2015/sidepanel/ptsecurity-mosaic-sidepanel.js → esm2020/sidepanel/ptsecurity-mosaic-sidepanel.mjs} +0 -0
- package/{esm2015/sidepanel/public-api.js → esm2020/sidepanel/public-api.mjs} +0 -0
- package/{esm2015/sidepanel/sidepanel-animations.js → esm2020/sidepanel/sidepanel-animations.mjs} +0 -0
- package/{esm2015/sidepanel/sidepanel-config.js → esm2020/sidepanel/sidepanel-config.mjs} +0 -0
- package/esm2020/sidepanel/sidepanel-container.component.mjs +106 -0
- package/esm2020/sidepanel/sidepanel-directives.mjs +159 -0
- package/{esm2015/sidepanel/sidepanel-ref.js → esm2020/sidepanel/sidepanel-ref.mjs} +0 -0
- package/esm2020/sidepanel/sidepanel.module.mjs +74 -0
- package/esm2020/sidepanel/sidepanel.service.mjs +167 -0
- package/{esm2015/splitter/index.js → esm2020/splitter/index.mjs} +0 -0
- package/{esm2015/splitter/ptsecurity-mosaic-splitter.js → esm2020/splitter/ptsecurity-mosaic-splitter.mjs} +0 -0
- package/{esm2015/splitter/public-api.js → esm2020/splitter/public-api.mjs} +0 -0
- package/esm2020/splitter/splitter.component.mjs +480 -0
- package/esm2020/splitter/splitter.module.mjs +40 -0
- package/{esm2015/table/index.js → esm2020/table/index.mjs} +0 -0
- package/{esm2015/table/ptsecurity-mosaic-table.js → esm2020/table/ptsecurity-mosaic-table.mjs} +0 -0
- package/{esm2015/table/public-api.js → esm2020/table/public-api.mjs} +0 -0
- package/{esm2015/table/table.component.js → esm2020/table/table.component.mjs} +4 -4
- package/{esm2015/table/table.module.js → esm2020/table/table.module.mjs} +5 -5
- package/{esm2015/tabs/index.js → esm2020/tabs/index.mjs} +0 -0
- package/esm2020/tabs/paginated-tab-header.mjs +479 -0
- package/{esm2015/tabs/ptsecurity-mosaic-tabs.js → esm2020/tabs/ptsecurity-mosaic-tabs.mjs} +0 -0
- package/{esm2015/tabs/public-api.js → esm2020/tabs/public-api.mjs} +0 -0
- package/esm2020/tabs/tab-body.component.mjs +178 -0
- package/{esm2015/tabs/tab-content.directive.js → esm2020/tabs/tab-content.directive.mjs} +4 -4
- package/esm2020/tabs/tab-group.component.mjs +350 -0
- package/esm2020/tabs/tab-header.component.mjs +67 -0
- package/{esm2015/tabs/tab-label-wrapper.directive.js → esm2020/tabs/tab-label-wrapper.directive.mjs} +4 -4
- package/{esm2015/tabs/tab-label.directive.js → esm2020/tabs/tab-label.directive.mjs} +4 -4
- package/{esm2015/tabs/tab-nav-bar/index.js → esm2020/tabs/tab-nav-bar/index.mjs} +0 -0
- package/esm2020/tabs/tab-nav-bar/tab-nav-bar.mjs +110 -0
- package/{esm2015/tabs/tab.component.js → esm2020/tabs/tab.component.mjs} +4 -4
- package/{esm2015/tabs/tabs-animations.js → esm2020/tabs/tabs-animations.mjs} +0 -0
- package/{esm2015/tabs/tabs.module.js → esm2020/tabs/tabs.module.mjs} +5 -5
- package/{esm2015/tags/index.js → esm2020/tags/index.mjs} +0 -0
- package/{esm2015/tags/ptsecurity-mosaic-tags.js → esm2020/tags/ptsecurity-mosaic-tags.mjs} +0 -0
- package/{esm2015/tags/public-api.js → esm2020/tags/public-api.mjs} +0 -0
- package/{esm2015/tags/tag-default-options.js → esm2020/tags/tag-default-options.mjs} +0 -0
- package/{esm2015/tags/tag-input.js → esm2020/tags/tag-input.mjs} +4 -4
- package/esm2020/tags/tag-list.component.mjs +722 -0
- package/{esm2015/tags/tag-text-control.js → esm2020/tags/tag-text-control.mjs} +0 -0
- package/esm2020/tags/tag.component.mjs +374 -0
- package/{esm2015/tags/tag.module.js → esm2020/tags/tag.module.mjs} +5 -5
- package/{esm2015/textarea/index.js → esm2020/textarea/index.mjs} +0 -0
- package/{esm2015/textarea/ptsecurity-mosaic-textarea.js → esm2020/textarea/ptsecurity-mosaic-textarea.mjs} +0 -0
- package/{esm2015/textarea/public-api.js → esm2020/textarea/public-api.mjs} +0 -0
- package/{esm2015/textarea/textarea.component.js → esm2020/textarea/textarea.component.mjs} +4 -4
- package/{esm2015/textarea/textarea.module.js → esm2020/textarea/textarea.module.mjs} +5 -5
- package/{esm2015/timepicker/index.js → esm2020/timepicker/index.mjs} +0 -0
- package/{esm2015/timepicker/ptsecurity-mosaic-timepicker.js → esm2020/timepicker/ptsecurity-mosaic-timepicker.mjs} +0 -0
- package/{esm2015/timepicker/public-api.js → esm2020/timepicker/public-api.mjs} +0 -0
- package/{esm2015/timepicker/timepicker.constants.js → esm2020/timepicker/timepicker.constants.mjs} +0 -0
- package/esm2020/timepicker/timepicker.directive.mjs +653 -0
- package/{esm2015/timepicker/timepicker.module.js → esm2020/timepicker/timepicker.module.mjs} +5 -5
- package/{esm2015/toggle/index.js → esm2020/toggle/index.mjs} +0 -0
- package/{esm2015/toggle/ptsecurity-mosaic-toggle.js → esm2020/toggle/ptsecurity-mosaic-toggle.mjs} +0 -0
- package/{esm2015/toggle/public-api.js → esm2020/toggle/public-api.mjs} +0 -0
- package/esm2020/toggle/toggle.component.mjs +158 -0
- package/{esm2015/toggle/toggle.module.js → esm2020/toggle/toggle.module.mjs} +5 -5
- package/{esm2015/tooltip/index.js → esm2020/tooltip/index.mjs} +0 -0
- package/{esm2015/tooltip/ptsecurity-mosaic-tooltip.js → esm2020/tooltip/ptsecurity-mosaic-tooltip.mjs} +0 -0
- package/{esm2015/tooltip/public-api.js → esm2020/tooltip/public-api.mjs} +0 -0
- package/{esm2015/tooltip/tooltip.animations.js → esm2020/tooltip/tooltip.animations.mjs} +0 -0
- package/esm2020/tooltip/tooltip.component.mjs +291 -0
- package/{esm2015/tooltip/tooltip.module.js → esm2020/tooltip/tooltip.module.mjs} +5 -5
- package/{esm2015/tree/control/base-tree-control.js → esm2020/tree/control/base-tree-control.mjs} +0 -0
- package/{esm2015/tree/control/flat-tree-control.js → esm2020/tree/control/flat-tree-control.mjs} +0 -0
- package/{esm2015/tree/control/nested-tree-control.js → esm2020/tree/control/nested-tree-control.mjs} +0 -0
- package/{esm2015/tree/control/tree-control.js → esm2020/tree/control/tree-control.mjs} +0 -0
- package/{esm2015/tree/data-source/flat-data-source.js → esm2020/tree/data-source/flat-data-source.mjs} +0 -0
- package/{esm2015/tree/data-source/nested-data-source.js → esm2020/tree/data-source/nested-data-source.mjs} +0 -0
- package/{esm2015/tree/index.js → esm2020/tree/index.mjs} +0 -0
- package/{esm2015/tree/node.js → esm2020/tree/node.mjs} +4 -4
- package/{esm2015/tree/outlet.js → esm2020/tree/outlet.mjs} +4 -4
- package/esm2020/tree/padding.directive.mjs +110 -0
- package/{esm2015/tree/ptsecurity-mosaic-tree.js → esm2020/tree/ptsecurity-mosaic-tree.mjs} +0 -0
- package/{esm2015/tree/public-api.js → esm2020/tree/public-api.mjs} +0 -0
- package/esm2020/tree/toggle.mjs +80 -0
- package/{esm2015/tree/tree-base.js → esm2020/tree/tree-base.mjs} +7 -7
- package/{esm2015/tree/tree-errors.js → esm2020/tree/tree-errors.mjs} +0 -0
- package/esm2020/tree/tree-option.component.mjs +226 -0
- package/esm2020/tree/tree-selection.component.mjs +530 -0
- package/esm2020/tree/tree.mjs +15 -0
- package/esm2020/tree/tree.module.mjs +53 -0
- package/{esm2015/tree-select/index.js → esm2020/tree-select/index.mjs} +0 -0
- package/{esm2015/tree-select/ptsecurity-mosaic-tree-select.js → esm2020/tree-select/ptsecurity-mosaic-tree-select.mjs} +0 -0
- package/{esm2015/tree-select/public-api.js → esm2020/tree-select/public-api.mjs} +0 -0
- package/esm2020/tree-select/tree-select.component.mjs +889 -0
- package/{esm2015/tree-select/tree-select.module.js → esm2020/tree-select/tree-select.module.mjs} +5 -5
- package/fesm2015/ptsecurity-mosaic-autocomplete.mjs +756 -0
- package/fesm2015/ptsecurity-mosaic-autocomplete.mjs.map +1 -0
- package/fesm2015/ptsecurity-mosaic-button-toggle.mjs +385 -0
- package/fesm2015/ptsecurity-mosaic-button-toggle.mjs.map +1 -0
- package/fesm2015/ptsecurity-mosaic-button.mjs +170 -0
- package/fesm2015/ptsecurity-mosaic-button.mjs.map +1 -0
- package/fesm2015/{ptsecurity-mosaic-card.js → ptsecurity-mosaic-card.mjs} +10 -18
- package/fesm2015/ptsecurity-mosaic-card.mjs.map +1 -0
- package/fesm2015/ptsecurity-mosaic-checkbox.mjs +366 -0
- package/fesm2015/ptsecurity-mosaic-checkbox.mjs.map +1 -0
- package/fesm2015/{ptsecurity-mosaic-core.js → ptsecurity-mosaic-core.mjs} +186 -241
- package/fesm2015/ptsecurity-mosaic-core.mjs.map +1 -0
- package/fesm2015/ptsecurity-mosaic-datepicker.mjs +2700 -0
- package/fesm2015/ptsecurity-mosaic-datepicker.mjs.map +1 -0
- package/fesm2015/{ptsecurity-mosaic-design-tokens.js → ptsecurity-mosaic-design-tokens.mjs} +13 -11
- package/fesm2015/ptsecurity-mosaic-design-tokens.mjs.map +1 -0
- package/fesm2015/ptsecurity-mosaic-divider.mjs +61 -0
- package/fesm2015/ptsecurity-mosaic-divider.mjs.map +1 -0
- package/fesm2015/ptsecurity-mosaic-dropdown.mjs +1106 -0
- package/fesm2015/ptsecurity-mosaic-dropdown.mjs.map +1 -0
- package/fesm2015/ptsecurity-mosaic-form-field.mjs +378 -0
- package/fesm2015/ptsecurity-mosaic-form-field.mjs.map +1 -0
- package/fesm2015/ptsecurity-mosaic-icon.mjs +88 -0
- package/fesm2015/ptsecurity-mosaic-icon.mjs.map +1 -0
- package/fesm2015/ptsecurity-mosaic-input.mjs +609 -0
- package/fesm2015/ptsecurity-mosaic-input.mjs.map +1 -0
- package/fesm2015/{ptsecurity-mosaic-link.js → ptsecurity-mosaic-link.mjs} +8 -8
- package/fesm2015/ptsecurity-mosaic-link.mjs.map +1 -0
- package/fesm2015/ptsecurity-mosaic-list.mjs +796 -0
- package/fesm2015/ptsecurity-mosaic-list.mjs.map +1 -0
- package/fesm2015/ptsecurity-mosaic-modal.mjs +842 -0
- package/fesm2015/ptsecurity-mosaic-modal.mjs.map +1 -0
- package/fesm2015/ptsecurity-mosaic-navbar.mjs +1025 -0
- package/fesm2015/ptsecurity-mosaic-navbar.mjs.map +1 -0
- package/fesm2015/ptsecurity-mosaic-popover.mjs +393 -0
- package/fesm2015/ptsecurity-mosaic-popover.mjs.map +1 -0
- package/fesm2015/{ptsecurity-mosaic-progress-bar.js → ptsecurity-mosaic-progress-bar.mjs} +10 -18
- package/fesm2015/ptsecurity-mosaic-progress-bar.mjs.map +1 -0
- package/fesm2015/ptsecurity-mosaic-progress-spinner.mjs +80 -0
- package/fesm2015/ptsecurity-mosaic-progress-spinner.mjs.map +1 -0
- package/fesm2015/ptsecurity-mosaic-radio.mjs +481 -0
- package/fesm2015/ptsecurity-mosaic-radio.mjs.map +1 -0
- package/fesm2015/ptsecurity-mosaic-select.mjs +1175 -0
- package/fesm2015/ptsecurity-mosaic-select.mjs.map +1 -0
- package/fesm2015/{ptsecurity-mosaic-sidebar.js → ptsecurity-mosaic-sidebar.mjs} +16 -25
- package/fesm2015/ptsecurity-mosaic-sidebar.mjs.map +1 -0
- package/fesm2015/ptsecurity-mosaic-sidepanel.mjs +592 -0
- package/fesm2015/ptsecurity-mosaic-sidepanel.mjs.map +1 -0
- package/fesm2015/ptsecurity-mosaic-splitter.mjs +524 -0
- package/fesm2015/ptsecurity-mosaic-splitter.mjs.map +1 -0
- package/fesm2015/{ptsecurity-mosaic-table.js → ptsecurity-mosaic-table.mjs} +8 -8
- package/fesm2015/ptsecurity-mosaic-table.mjs.map +1 -0
- package/fesm2015/ptsecurity-mosaic-tabs.mjs +1511 -0
- package/fesm2015/ptsecurity-mosaic-tabs.mjs.map +1 -0
- package/fesm2015/ptsecurity-mosaic-tags.mjs +1372 -0
- package/fesm2015/ptsecurity-mosaic-tags.mjs.map +1 -0
- package/fesm2015/ptsecurity-mosaic-textarea.mjs +293 -0
- package/fesm2015/ptsecurity-mosaic-textarea.mjs.map +1 -0
- package/fesm2015/ptsecurity-mosaic-timepicker.mjs +715 -0
- package/fesm2015/ptsecurity-mosaic-timepicker.mjs.map +1 -0
- package/fesm2015/{ptsecurity-mosaic-toggle.js → ptsecurity-mosaic-toggle.mjs} +12 -23
- package/fesm2015/ptsecurity-mosaic-toggle.mjs.map +1 -0
- package/fesm2015/ptsecurity-mosaic-tooltip.mjs +362 -0
- package/fesm2015/ptsecurity-mosaic-tooltip.mjs.map +1 -0
- package/fesm2015/ptsecurity-mosaic-tree-select.mjs +932 -0
- package/fesm2015/ptsecurity-mosaic-tree-select.mjs.map +1 -0
- package/fesm2015/ptsecurity-mosaic-tree.mjs +1707 -0
- package/fesm2015/ptsecurity-mosaic-tree.mjs.map +1 -0
- package/fesm2015/{ptsecurity-mosaic.js → ptsecurity-mosaic.mjs} +1 -1
- package/fesm2015/ptsecurity-mosaic.mjs.map +1 -0
- package/{fesm2015/ptsecurity-mosaic-autocomplete.js → fesm2020/ptsecurity-mosaic-autocomplete.mjs} +17 -26
- package/fesm2020/ptsecurity-mosaic-autocomplete.mjs.map +1 -0
- package/{fesm2015/ptsecurity-mosaic-button-toggle.js → fesm2020/ptsecurity-mosaic-button-toggle.mjs} +15 -23
- package/fesm2020/ptsecurity-mosaic-button-toggle.mjs.map +1 -0
- package/fesm2020/ptsecurity-mosaic-button.mjs +170 -0
- package/fesm2020/ptsecurity-mosaic-button.mjs.map +1 -0
- package/fesm2020/ptsecurity-mosaic-card.mjs +113 -0
- package/fesm2020/ptsecurity-mosaic-card.mjs.map +1 -0
- package/{fesm2015/ptsecurity-mosaic-checkbox.js → fesm2020/ptsecurity-mosaic-checkbox.mjs} +13 -23
- package/fesm2020/ptsecurity-mosaic-checkbox.mjs.map +1 -0
- package/fesm2020/ptsecurity-mosaic-core.mjs +2688 -0
- package/fesm2020/ptsecurity-mosaic-core.mjs.map +1 -0
- package/{fesm2015/ptsecurity-mosaic-datepicker.js → fesm2020/ptsecurity-mosaic-datepicker.mjs} +77 -121
- package/fesm2020/ptsecurity-mosaic-datepicker.mjs.map +1 -0
- package/fesm2020/ptsecurity-mosaic-design-tokens.mjs +939 -0
- package/fesm2020/ptsecurity-mosaic-design-tokens.mjs.map +1 -0
- package/fesm2020/ptsecurity-mosaic-divider.mjs +61 -0
- package/fesm2020/ptsecurity-mosaic-divider.mjs.map +1 -0
- package/{fesm2015/ptsecurity-mosaic-dropdown.js → fesm2020/ptsecurity-mosaic-dropdown.mjs} +45 -53
- package/fesm2020/ptsecurity-mosaic-dropdown.mjs.map +1 -0
- package/fesm2020/ptsecurity-mosaic-form-field.mjs +377 -0
- package/fesm2020/ptsecurity-mosaic-form-field.mjs.map +1 -0
- package/fesm2020/ptsecurity-mosaic-icon.mjs +86 -0
- package/fesm2020/ptsecurity-mosaic-icon.mjs.map +1 -0
- package/{fesm2015/ptsecurity-mosaic-input.js → fesm2020/ptsecurity-mosaic-input.mjs} +41 -27
- package/fesm2020/ptsecurity-mosaic-input.mjs.map +1 -0
- package/fesm2020/ptsecurity-mosaic-link.mjs +136 -0
- package/fesm2020/ptsecurity-mosaic-link.mjs.map +1 -0
- package/{fesm2015/ptsecurity-mosaic-list.js → fesm2020/ptsecurity-mosaic-list.mjs} +41 -70
- package/fesm2020/ptsecurity-mosaic-list.mjs.map +1 -0
- package/{fesm2015/ptsecurity-mosaic-modal.js → fesm2020/ptsecurity-mosaic-modal.mjs} +63 -59
- package/fesm2020/ptsecurity-mosaic-modal.mjs.map +1 -0
- package/fesm2020/ptsecurity-mosaic-navbar.mjs +1009 -0
- package/fesm2020/ptsecurity-mosaic-navbar.mjs.map +1 -0
- package/fesm2020/ptsecurity-mosaic-popover.mjs +389 -0
- package/fesm2020/ptsecurity-mosaic-popover.mjs.map +1 -0
- package/fesm2020/ptsecurity-mosaic-progress-bar.mjs +76 -0
- package/fesm2020/ptsecurity-mosaic-progress-bar.mjs.map +1 -0
- package/fesm2020/ptsecurity-mosaic-progress-spinner.mjs +80 -0
- package/fesm2020/ptsecurity-mosaic-progress-spinner.mjs.map +1 -0
- package/{fesm2015/ptsecurity-mosaic-radio.js → fesm2020/ptsecurity-mosaic-radio.mjs} +13 -22
- package/fesm2020/ptsecurity-mosaic-radio.mjs.map +1 -0
- package/{fesm2015/ptsecurity-mosaic-select.js → fesm2020/ptsecurity-mosaic-select.mjs} +23 -35
- package/fesm2020/ptsecurity-mosaic-select.mjs.map +1 -0
- package/fesm2020/ptsecurity-mosaic-sidebar.mjs +202 -0
- package/fesm2020/ptsecurity-mosaic-sidebar.mjs.map +1 -0
- package/{fesm2015/ptsecurity-mosaic-sidepanel.js → fesm2020/ptsecurity-mosaic-sidepanel.mjs} +57 -53
- package/fesm2020/ptsecurity-mosaic-sidepanel.mjs.map +1 -0
- package/fesm2020/ptsecurity-mosaic-splitter.mjs +524 -0
- package/fesm2020/ptsecurity-mosaic-splitter.mjs.map +1 -0
- package/fesm2020/ptsecurity-mosaic-table.mjs +50 -0
- package/fesm2020/ptsecurity-mosaic-table.mjs.map +1 -0
- package/{fesm2015/ptsecurity-mosaic-tabs.js → fesm2020/ptsecurity-mosaic-tabs.mjs} +65 -102
- package/fesm2020/ptsecurity-mosaic-tabs.mjs.map +1 -0
- package/{fesm2015/ptsecurity-mosaic-tags.js → fesm2020/ptsecurity-mosaic-tags.mjs} +29 -47
- package/fesm2020/ptsecurity-mosaic-tags.mjs.map +1 -0
- package/{fesm2015/ptsecurity-mosaic-textarea.js → fesm2020/ptsecurity-mosaic-textarea.mjs} +8 -8
- package/fesm2020/ptsecurity-mosaic-textarea.mjs.map +1 -0
- package/{fesm2015/ptsecurity-mosaic-timepicker.js → fesm2020/ptsecurity-mosaic-timepicker.mjs} +16 -15
- package/fesm2020/ptsecurity-mosaic-timepicker.mjs.map +1 -0
- package/fesm2020/ptsecurity-mosaic-toggle.mjs +180 -0
- package/fesm2020/ptsecurity-mosaic-toggle.mjs.map +1 -0
- package/fesm2020/ptsecurity-mosaic-tooltip.mjs +354 -0
- package/fesm2020/ptsecurity-mosaic-tooltip.mjs.map +1 -0
- package/{fesm2015/ptsecurity-mosaic-tree-select.js → fesm2020/ptsecurity-mosaic-tree-select.mjs} +16 -27
- package/fesm2020/ptsecurity-mosaic-tree-select.mjs.map +1 -0
- package/{fesm2015/ptsecurity-mosaic-tree.js → fesm2020/ptsecurity-mosaic-tree.mjs} +61 -108
- package/fesm2020/ptsecurity-mosaic-tree.mjs.map +1 -0
- package/fesm2020/ptsecurity-mosaic.mjs +4 -0
- package/fesm2020/ptsecurity-mosaic.mjs.map +1 -0
- package/form-field/README.md +0 -0
- package/form-field/cleaner.d.ts +2 -0
- package/form-field/package.json +5 -5
- package/icon/README.md +0 -0
- package/icon/package.json +5 -5
- package/input/input-number-validators.d.ts +2 -2
- package/input/package.json +5 -5
- package/link/README.md +0 -0
- package/link/package.json +5 -5
- package/list/README.md +0 -0
- package/list/package.json +5 -5
- package/modal/README.md +34 -0
- package/modal/modal.component.d.ts +2 -0
- package/modal/modal.module.d.ts +1 -1
- package/modal/package.json +5 -5
- package/navbar/README.md +41 -0
- package/navbar/navbar-item.component.d.ts +122 -34
- package/navbar/navbar.component.d.ts +37 -9
- package/navbar/navbar.module.d.ts +2 -1
- package/navbar/package.json +5 -5
- package/navbar/vertical-navbar.component.d.ts +15 -26
- package/package.json +299 -14
- package/popover/README.md +32 -0
- package/popover/package.json +5 -5
- package/popover/popover-confirm.component.d.ts +33 -0
- package/popover/popover.component.d.ts +14 -4
- package/popover/popover.module.d.ts +6 -3
- package/popover/public-api.d.ts +1 -0
- package/prebuilt-themes/dark-theme.css +1 -1
- package/prebuilt-themes/default-theme.css +1 -1
- package/prebuilt-visual/default-visual.css +1 -1
- package/progress-bar/README.md +0 -0
- package/progress-bar/package.json +5 -5
- package/progress-spinner/README.md +0 -0
- package/progress-spinner/package.json +5 -5
- package/radio/package.json +5 -5
- package/schematics/README.md +35 -0
- package/schematics/ng-update/data/index.d.ts +1 -0
- package/schematics/ng-update/data/index.js +10 -9
- package/schematics/ng-update/data/index.js.map +1 -1
- package/schematics/ng-update/data/symbol-removal.d.ts +2 -0
- package/schematics/ng-update/data/symbol-removal.js +5 -0
- package/schematics/ng-update/data/symbol-removal.js.map +1 -0
- package/schematics/ng-update/index.js +3 -3
- package/schematics/ng-update/index.js.map +1 -1
- package/schematics/ng-update/update-9.0.0/secondary-entry-points-migration.js +1 -2
- package/schematics/ng-update/update-9.0.0/secondary-entry-points-migration.js.map +1 -1
- package/schematics/ng-update/upgrade-data.js +2 -1
- package/schematics/ng-update/upgrade-data.js.map +1 -1
- package/schematics/tsconfig.lib.json +2 -2
- package/select/README.md +0 -0
- package/select/package.json +5 -5
- package/select/select.component.d.ts +2 -7
- package/sidebar/package.json +5 -5
- package/sidepanel/package.json +5 -5
- package/sidepanel/sidepanel-directives.d.ts +2 -0
- package/sidepanel/sidepanel.module.d.ts +2 -1
- package/splitter/package.json +5 -5
- package/splitter/splitter.component.d.ts +46 -5
- package/splitter/splitter.module.d.ts +1 -1
- package/table/README.md +0 -0
- package/table/package.json +5 -5
- package/tabs/README.md +0 -0
- package/tabs/package.json +5 -5
- package/tags/README.md +0 -0
- package/tags/package.json +5 -5
- package/textarea/README.md +0 -0
- package/textarea/package.json +5 -5
- package/timepicker/README.md +0 -0
- package/timepicker/package.json +5 -5
- package/toggle/package.json +5 -5
- package/tooltip/package.json +5 -5
- package/tooltip/tooltip.component.d.ts +12 -3
- package/tree/package.json +5 -5
- package/tree/padding.directive.d.ts +1 -1
- package/tree/tree-option.component.d.ts +1 -1
- package/tree/tree-selection.component.d.ts +2 -2
- package/tree/tree.module.d.ts +1 -1
- package/tree-select/README.md +0 -0
- package/tree-select/package.json +5 -5
- package/tree-select/tree-select.component.d.ts +2 -7
- package/bundles/ptsecurity-mosaic-autocomplete.umd.js +0 -1162
- package/bundles/ptsecurity-mosaic-autocomplete.umd.js.map +0 -1
- package/bundles/ptsecurity-mosaic-button-toggle.umd.js +0 -757
- package/bundles/ptsecurity-mosaic-button-toggle.umd.js.map +0 -1
- package/bundles/ptsecurity-mosaic-button.umd.js +0 -535
- package/bundles/ptsecurity-mosaic-button.umd.js.map +0 -1
- package/bundles/ptsecurity-mosaic-card.umd.js +0 -481
- package/bundles/ptsecurity-mosaic-card.umd.js.map +0 -1
- package/bundles/ptsecurity-mosaic-checkbox.umd.js +0 -764
- package/bundles/ptsecurity-mosaic-checkbox.umd.js.map +0 -1
- package/bundles/ptsecurity-mosaic-core.umd.js +0 -2887
- package/bundles/ptsecurity-mosaic-core.umd.js.map +0 -1
- package/bundles/ptsecurity-mosaic-datepicker.umd.js +0 -3357
- package/bundles/ptsecurity-mosaic-datepicker.umd.js.map +0 -1
- package/bundles/ptsecurity-mosaic-design-tokens.umd.js +0 -1872
- package/bundles/ptsecurity-mosaic-design-tokens.umd.js.map +0 -1
- package/bundles/ptsecurity-mosaic-divider.umd.js +0 -108
- package/bundles/ptsecurity-mosaic-divider.umd.js.map +0 -1
- package/bundles/ptsecurity-mosaic-dropdown.umd.js +0 -1519
- package/bundles/ptsecurity-mosaic-dropdown.umd.js.map +0 -1
- package/bundles/ptsecurity-mosaic-form-field.umd.js +0 -789
- package/bundles/ptsecurity-mosaic-form-field.umd.js.map +0 -1
- package/bundles/ptsecurity-mosaic-icon.umd.js +0 -452
- package/bundles/ptsecurity-mosaic-icon.umd.js.map +0 -1
- package/bundles/ptsecurity-mosaic-input.umd.js +0 -996
- package/bundles/ptsecurity-mosaic-input.umd.js.map +0 -1
- package/bundles/ptsecurity-mosaic-link.umd.js +0 -517
- package/bundles/ptsecurity-mosaic-link.umd.js.map +0 -1
- package/bundles/ptsecurity-mosaic-list.umd.js +0 -1250
- package/bundles/ptsecurity-mosaic-list.umd.js.map +0 -1
- package/bundles/ptsecurity-mosaic-modal.umd.js +0 -1304
- package/bundles/ptsecurity-mosaic-modal.umd.js.map +0 -1
- package/bundles/ptsecurity-mosaic-navbar.umd.js +0 -932
- package/bundles/ptsecurity-mosaic-navbar.umd.js.map +0 -1
- package/bundles/ptsecurity-mosaic-popover.umd.js +0 -655
- package/bundles/ptsecurity-mosaic-popover.umd.js.map +0 -1
- package/bundles/ptsecurity-mosaic-progress-bar.umd.js +0 -442
- package/bundles/ptsecurity-mosaic-progress-bar.umd.js.map +0 -1
- package/bundles/ptsecurity-mosaic-progress-spinner.umd.js +0 -450
- package/bundles/ptsecurity-mosaic-progress-spinner.umd.js.map +0 -1
- package/bundles/ptsecurity-mosaic-radio.umd.js +0 -903
- package/bundles/ptsecurity-mosaic-radio.umd.js.map +0 -1
- package/bundles/ptsecurity-mosaic-select.umd.js +0 -1608
- package/bundles/ptsecurity-mosaic-select.umd.js.map +0 -1
- package/bundles/ptsecurity-mosaic-sidebar.umd.js +0 -256
- package/bundles/ptsecurity-mosaic-sidebar.umd.js.map +0 -1
- package/bundles/ptsecurity-mosaic-sidepanel.umd.js +0 -950
- package/bundles/ptsecurity-mosaic-sidepanel.umd.js.map +0 -1
- package/bundles/ptsecurity-mosaic-splitter.umd.js +0 -438
- package/bundles/ptsecurity-mosaic-splitter.umd.js.map +0 -1
- package/bundles/ptsecurity-mosaic-table.umd.js +0 -83
- package/bundles/ptsecurity-mosaic-table.umd.js.map +0 -1
- package/bundles/ptsecurity-mosaic-tabs.umd.js +0 -2015
- package/bundles/ptsecurity-mosaic-tabs.umd.js.map +0 -1
- package/bundles/ptsecurity-mosaic-tags.umd.js +0 -1913
- package/bundles/ptsecurity-mosaic-tags.umd.js.map +0 -1
- package/bundles/ptsecurity-mosaic-textarea.umd.js +0 -666
- package/bundles/ptsecurity-mosaic-textarea.umd.js.map +0 -1
- package/bundles/ptsecurity-mosaic-timepicker.umd.js +0 -822
- package/bundles/ptsecurity-mosaic-timepicker.umd.js.map +0 -1
- package/bundles/ptsecurity-mosaic-toggle.umd.js +0 -559
- package/bundles/ptsecurity-mosaic-toggle.umd.js.map +0 -1
- package/bundles/ptsecurity-mosaic-tooltip.umd.js +0 -728
- package/bundles/ptsecurity-mosaic-tooltip.umd.js.map +0 -1
- package/bundles/ptsecurity-mosaic-tree-select.umd.js +0 -1370
- package/bundles/ptsecurity-mosaic-tree-select.umd.js.map +0 -1
- package/bundles/ptsecurity-mosaic-tree.umd.js +0 -2309
- package/bundles/ptsecurity-mosaic-tree.umd.js.map +0 -1
- package/bundles/ptsecurity-mosaic.umd.js +0 -11
- package/bundles/ptsecurity-mosaic.umd.js.map +0 -1
- package/esm2015/autocomplete/autocomplete.component.js +0 -163
- package/esm2015/button/button.component.js +0 -129
- package/esm2015/button/button.module.js +0 -42
- package/esm2015/button-toggle/button-toggle.component.js +0 -370
- package/esm2015/card/card.component.js +0 -88
- package/esm2015/checkbox/checkbox.js +0 -325
- package/esm2015/core/formatters/date/formatter.js +0 -287
- package/esm2015/core/formatters/date/templates/en-US.js +0 -280
- package/esm2015/core/formatters/date/templates/ru-RU.js +0 -280
- package/esm2015/core/formatters/number/formatter.js +0 -99
- package/esm2015/core/option/action.js +0 -131
- package/esm2015/core/option/optgroup.js +0 -40
- package/esm2015/core/option/option.js +0 -262
- package/esm2015/core/pop-up/pop-up-trigger.js +0 -273
- package/esm2015/core/pop-up/pop-up.js +0 -87
- package/esm2015/core/selection/pseudo-checkbox/pseudo-checkbox.js +0 -45
- package/esm2015/datepicker/calendar-body.component.js +0 -114
- package/esm2015/datepicker/calendar.component.js +0 -377
- package/esm2015/datepicker/datepicker-input.directive.js +0 -885
- package/esm2015/datepicker/datepicker-toggle.component.js +0 -94
- package/esm2015/datepicker/datepicker.component.js +0 -418
- package/esm2015/dropdown/dropdown-item.component.js +0 -142
- package/esm2015/dropdown/dropdown-trigger.directive.js +0 -478
- package/esm2015/dropdown/dropdown.component.js +0 -302
- package/esm2015/form-field/cleaner.js +0 -19
- package/esm2015/form-field/form-field.js +0 -224
- package/esm2015/icon/icon.component.js +0 -51
- package/esm2015/input/input-number-validators.js +0 -78
- package/esm2015/link/link.component.js +0 -108
- package/esm2015/list/list-selection.component.js +0 -708
- package/esm2015/list/list.component.js +0 -58
- package/esm2015/modal/modal.component.js +0 -506
- package/esm2015/modal/modal.module.js +0 -70
- package/esm2015/modal/modal.service.js +0 -117
- package/esm2015/navbar/navbar-item.component.js +0 -209
- package/esm2015/navbar/navbar.component.js +0 -118
- package/esm2015/navbar/navbar.module.js +0 -76
- package/esm2015/navbar/vertical-navbar.component.js +0 -140
- package/esm2015/popover/popover.component.js +0 -219
- package/esm2015/popover/popover.module.js +0 -21
- package/esm2015/progress-bar/progress-bar.component.js +0 -50
- package/esm2015/progress-spinner/progress-spinner.component.js +0 -54
- package/esm2015/radio/radio.component.js +0 -467
- package/esm2015/select/select.component.js +0 -1122
- package/esm2015/sidebar/sidebar.component.js +0 -155
- package/esm2015/sidepanel/sidepanel-container.component.js +0 -113
- package/esm2015/sidepanel/sidepanel-directives.js +0 -155
- package/esm2015/sidepanel/sidepanel.module.js +0 -70
- package/esm2015/sidepanel/sidepanel.service.js +0 -163
- package/esm2015/splitter/splitter.component.js +0 -331
- package/esm2015/splitter/splitter.module.js +0 -38
- package/esm2015/tabs/paginated-tab-header.js +0 -482
- package/esm2015/tabs/tab-body.component.js +0 -186
- package/esm2015/tabs/tab-group.component.js +0 -359
- package/esm2015/tabs/tab-header.component.js +0 -76
- package/esm2015/tabs/tab-nav-bar/tab-nav-bar.js +0 -118
- package/esm2015/tags/tag-list.component.js +0 -732
- package/esm2015/tags/tag.component.js +0 -382
- package/esm2015/timepicker/timepicker.directive.js +0 -652
- package/esm2015/toggle/toggle.component.js +0 -169
- package/esm2015/tooltip/tooltip.component.js +0 -260
- package/esm2015/tree/padding.directive.js +0 -114
- package/esm2015/tree/toggle.js +0 -89
- package/esm2015/tree/tree-option.component.js +0 -238
- package/esm2015/tree/tree-selection.component.js +0 -541
- package/esm2015/tree/tree.js +0 -23
- package/esm2015/tree/tree.module.js +0 -56
- package/esm2015/tree-select/tree-select.component.js +0 -900
- package/fesm2015/ptsecurity-mosaic-autocomplete.js.map +0 -1
- package/fesm2015/ptsecurity-mosaic-button-toggle.js.map +0 -1
- package/fesm2015/ptsecurity-mosaic-button.js +0 -174
- package/fesm2015/ptsecurity-mosaic-button.js.map +0 -1
- package/fesm2015/ptsecurity-mosaic-card.js.map +0 -1
- package/fesm2015/ptsecurity-mosaic-checkbox.js.map +0 -1
- package/fesm2015/ptsecurity-mosaic-core.js.map +0 -1
- package/fesm2015/ptsecurity-mosaic-datepicker.js.map +0 -1
- package/fesm2015/ptsecurity-mosaic-design-tokens.js.map +0 -1
- package/fesm2015/ptsecurity-mosaic-divider.js +0 -68
- package/fesm2015/ptsecurity-mosaic-divider.js.map +0 -1
- package/fesm2015/ptsecurity-mosaic-dropdown.js.map +0 -1
- package/fesm2015/ptsecurity-mosaic-form-field.js +0 -393
- package/fesm2015/ptsecurity-mosaic-form-field.js.map +0 -1
- package/fesm2015/ptsecurity-mosaic-icon.js +0 -93
- package/fesm2015/ptsecurity-mosaic-icon.js.map +0 -1
- package/fesm2015/ptsecurity-mosaic-input.js.map +0 -1
- package/fesm2015/ptsecurity-mosaic-link.js.map +0 -1
- package/fesm2015/ptsecurity-mosaic-list.js.map +0 -1
- package/fesm2015/ptsecurity-mosaic-modal.js.map +0 -1
- package/fesm2015/ptsecurity-mosaic-navbar.js +0 -539
- package/fesm2015/ptsecurity-mosaic-navbar.js.map +0 -1
- package/fesm2015/ptsecurity-mosaic-popover.js +0 -257
- package/fesm2015/ptsecurity-mosaic-popover.js.map +0 -1
- package/fesm2015/ptsecurity-mosaic-progress-bar.js.map +0 -1
- package/fesm2015/ptsecurity-mosaic-progress-spinner.js +0 -88
- package/fesm2015/ptsecurity-mosaic-progress-spinner.js.map +0 -1
- package/fesm2015/ptsecurity-mosaic-radio.js.map +0 -1
- package/fesm2015/ptsecurity-mosaic-select.js.map +0 -1
- package/fesm2015/ptsecurity-mosaic-sidebar.js.map +0 -1
- package/fesm2015/ptsecurity-mosaic-sidepanel.js.map +0 -1
- package/fesm2015/ptsecurity-mosaic-splitter.js +0 -373
- package/fesm2015/ptsecurity-mosaic-splitter.js.map +0 -1
- package/fesm2015/ptsecurity-mosaic-table.js.map +0 -1
- package/fesm2015/ptsecurity-mosaic-tabs.js.map +0 -1
- package/fesm2015/ptsecurity-mosaic-tags.js.map +0 -1
- package/fesm2015/ptsecurity-mosaic-textarea.js.map +0 -1
- package/fesm2015/ptsecurity-mosaic-timepicker.js.map +0 -1
- package/fesm2015/ptsecurity-mosaic-toggle.js.map +0 -1
- package/fesm2015/ptsecurity-mosaic-tooltip.js +0 -323
- package/fesm2015/ptsecurity-mosaic-tooltip.js.map +0 -1
- package/fesm2015/ptsecurity-mosaic-tree-select.js.map +0 -1
- package/fesm2015/ptsecurity-mosaic-tree.js.map +0 -1
- package/fesm2015/ptsecurity-mosaic.js.map +0 -1
@@ -1,1519 +0,0 @@
|
|
1
|
-
(function (global, factory) {
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/cdk/overlay'), require('@angular/common'), require('@ptsecurity/mosaic/icon'), require('@angular/cdk/portal'), require('rxjs'), require('@ptsecurity/mosaic/core'), require('@angular/cdk/a11y'), require('@angular/cdk/platform'), require('@ptsecurity/cdk/keycodes'), require('rxjs/operators'), require('@angular/cdk/coercion'), require('@angular/cdk/keycodes'), require('@ptsecurity/cdk/a11y'), require('@angular/animations'), require('@angular/cdk/bidi')) :
|
3
|
-
typeof define === 'function' && define.amd ? define('@ptsecurity/mosaic/dropdown', ['exports', '@angular/core', '@angular/cdk/overlay', '@angular/common', '@ptsecurity/mosaic/icon', '@angular/cdk/portal', 'rxjs', '@ptsecurity/mosaic/core', '@angular/cdk/a11y', '@angular/cdk/platform', '@ptsecurity/cdk/keycodes', 'rxjs/operators', '@angular/cdk/coercion', '@angular/cdk/keycodes', '@ptsecurity/cdk/a11y', '@angular/animations', '@angular/cdk/bidi'], factory) :
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.ptsecurity = global.ptsecurity || {}, global.ptsecurity.mosaic = global.ptsecurity.mosaic || {}, global.ptsecurity.mosaic.dropdown = {}), global.ng.core, global.ng.cdk.overlay, global.ng.common, global.ptsecurity.mosaic.icon, global.ng.cdk.portal, global.rxjs, global.ptsecurity.mosaic.core, global.ng.cdk.a11y, global.ng.cdk.platform, global.mc.cdk.keycodes, global.rxjs.operators, global.ng.cdk.coercion, global.ng.cdk.keycodes, global.mc.cdk.a11y, global.ng.animations, global.ng.cdk.bidi));
|
5
|
-
}(this, (function (exports, i0, i1$1, i3, i2, portal, rxjs, core, i1, platform, keycodes$1, operators, coercion, keycodes, a11y, animations, i4) { 'use strict';
|
6
|
-
|
7
|
-
function _interopNamespace(e) {
|
8
|
-
if (e && e.__esModule) return e;
|
9
|
-
var n = Object.create(null);
|
10
|
-
if (e) {
|
11
|
-
Object.keys(e).forEach(function (k) {
|
12
|
-
if (k !== 'default') {
|
13
|
-
var d = Object.getOwnPropertyDescriptor(e, k);
|
14
|
-
Object.defineProperty(n, k, d.get ? d : {
|
15
|
-
enumerable: true,
|
16
|
-
get: function () {
|
17
|
-
return e[k];
|
18
|
-
}
|
19
|
-
});
|
20
|
-
}
|
21
|
-
});
|
22
|
-
}
|
23
|
-
n['default'] = e;
|
24
|
-
return Object.freeze(n);
|
25
|
-
}
|
26
|
-
|
27
|
-
var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
|
28
|
-
var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
|
29
|
-
var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
|
30
|
-
var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
|
31
|
-
var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
|
32
|
-
var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
|
33
|
-
|
34
|
-
/**
|
35
|
-
* Injection token used to provide the parent dropdown to dropdown-specific components.
|
36
|
-
* @docs-private
|
37
|
-
*/
|
38
|
-
var MC_DROPDOWN_PANEL = new i0.InjectionToken('MC_DROPDOWN_PANEL');
|
39
|
-
/** Injection token to be used to override the default options for `mc-dropdown`. */
|
40
|
-
var MC_DROPDOWN_DEFAULT_OPTIONS = new i0.InjectionToken('mc-dropdown-default-options', {
|
41
|
-
providedIn: 'root',
|
42
|
-
factory: MC_DROPDOWN_DEFAULT_OPTIONS_FACTORY
|
43
|
-
});
|
44
|
-
/** @docs-private */
|
45
|
-
// tslint:disable-next-line:naming-convention
|
46
|
-
function MC_DROPDOWN_DEFAULT_OPTIONS_FACTORY() {
|
47
|
-
return {
|
48
|
-
overlapTriggerX: true,
|
49
|
-
overlapTriggerY: false,
|
50
|
-
xPosition: 'after',
|
51
|
-
yPosition: 'below',
|
52
|
-
backdropClass: 'cdk-overlay-transparent-backdrop',
|
53
|
-
hasBackdrop: false
|
54
|
-
};
|
55
|
-
}
|
56
|
-
|
57
|
-
/**
|
58
|
-
* Dropdown content that will be rendered lazily once the dropdown is opened.
|
59
|
-
*/
|
60
|
-
var McDropdownContent = /** @class */ (function () {
|
61
|
-
function McDropdownContent(template, componentFactoryResolver, appRef, injector, viewContainerRef, document) {
|
62
|
-
this.template = template;
|
63
|
-
this.componentFactoryResolver = componentFactoryResolver;
|
64
|
-
this.appRef = appRef;
|
65
|
-
this.injector = injector;
|
66
|
-
this.viewContainerRef = viewContainerRef;
|
67
|
-
this.document = document;
|
68
|
-
/** Emits when the dropdown content has been attached. */
|
69
|
-
this.attached = new rxjs.Subject();
|
70
|
-
}
|
71
|
-
/**
|
72
|
-
* Attaches the content with a particular context.
|
73
|
-
* @docs-private
|
74
|
-
*/
|
75
|
-
McDropdownContent.prototype.attach = function (context) {
|
76
|
-
if (context === void 0) { context = {}; }
|
77
|
-
if (!this.portal) {
|
78
|
-
this.portal = new portal.TemplatePortal(this.template, this.viewContainerRef);
|
79
|
-
}
|
80
|
-
this.detach();
|
81
|
-
if (!this.outlet) {
|
82
|
-
this.outlet = new portal.DomPortalOutlet(this.document.createElement('div'), this.componentFactoryResolver, this.appRef, this.injector);
|
83
|
-
}
|
84
|
-
var element = this.template.elementRef.nativeElement;
|
85
|
-
// Because we support opening the same dropdown from different triggers (which in turn have their
|
86
|
-
// own `OverlayRef` panel), we have to re-insert the host element every time, otherwise we
|
87
|
-
// risk it staying attached to a pane that's no longer in the DOM.
|
88
|
-
element.parentNode.insertBefore(this.outlet.outletElement, element);
|
89
|
-
this.portal.attach(this.outlet, context);
|
90
|
-
this.attached.next();
|
91
|
-
};
|
92
|
-
/**
|
93
|
-
* Detaches the content.
|
94
|
-
* @docs-private
|
95
|
-
*/
|
96
|
-
McDropdownContent.prototype.detach = function () {
|
97
|
-
var _a;
|
98
|
-
if ((_a = this.portal) === null || _a === void 0 ? void 0 : _a.isAttached) {
|
99
|
-
this.portal.detach();
|
100
|
-
}
|
101
|
-
};
|
102
|
-
McDropdownContent.prototype.ngOnDestroy = function () {
|
103
|
-
var _a;
|
104
|
-
(_a = this.outlet) === null || _a === void 0 ? void 0 : _a.dispose();
|
105
|
-
};
|
106
|
-
return McDropdownContent;
|
107
|
-
}());
|
108
|
-
/** @nocollapse */ McDropdownContent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: McDropdownContent, deps: [{ token: i0__namespace.TemplateRef }, { token: i0__namespace.ComponentFactoryResolver }, { token: i0__namespace.ApplicationRef }, { token: i0__namespace.Injector }, { token: i0__namespace.ViewContainerRef }, { token: i3.DOCUMENT }], target: i0__namespace.ɵɵFactoryTarget.Directive });
|
109
|
-
/** @nocollapse */ McDropdownContent.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: McDropdownContent, selector: "ng-template[mcDropdownContent]", ngImport: i0__namespace });
|
110
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: McDropdownContent, decorators: [{
|
111
|
-
type: i0.Directive,
|
112
|
-
args: [{
|
113
|
-
selector: 'ng-template[mcDropdownContent]'
|
114
|
-
}]
|
115
|
-
}], ctorParameters: function () {
|
116
|
-
return [{ type: i0__namespace.TemplateRef }, { type: i0__namespace.ComponentFactoryResolver }, { type: i0__namespace.ApplicationRef }, { type: i0__namespace.Injector }, { type: i0__namespace.ViewContainerRef }, { type: undefined, decorators: [{
|
117
|
-
type: i0.Inject,
|
118
|
-
args: [i3.DOCUMENT]
|
119
|
-
}] }];
|
120
|
-
} });
|
121
|
-
|
122
|
-
/*! *****************************************************************************
|
123
|
-
Copyright (c) Microsoft Corporation.
|
124
|
-
|
125
|
-
Permission to use, copy, modify, and/or distribute this software for any
|
126
|
-
purpose with or without fee is hereby granted.
|
127
|
-
|
128
|
-
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
129
|
-
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
130
|
-
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
131
|
-
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
132
|
-
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
133
|
-
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
134
|
-
PERFORMANCE OF THIS SOFTWARE.
|
135
|
-
***************************************************************************** */
|
136
|
-
/* global Reflect, Promise */
|
137
|
-
var extendStatics = function (d, b) {
|
138
|
-
extendStatics = Object.setPrototypeOf ||
|
139
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
140
|
-
function (d, b) { for (var p in b)
|
141
|
-
if (Object.prototype.hasOwnProperty.call(b, p))
|
142
|
-
d[p] = b[p]; };
|
143
|
-
return extendStatics(d, b);
|
144
|
-
};
|
145
|
-
function __extends(d, b) {
|
146
|
-
if (typeof b !== "function" && b !== null)
|
147
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
148
|
-
extendStatics(d, b);
|
149
|
-
function __() { this.constructor = d; }
|
150
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
151
|
-
}
|
152
|
-
var __assign = function () {
|
153
|
-
__assign = Object.assign || function __assign(t) {
|
154
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
155
|
-
s = arguments[i];
|
156
|
-
for (var p in s)
|
157
|
-
if (Object.prototype.hasOwnProperty.call(s, p))
|
158
|
-
t[p] = s[p];
|
159
|
-
}
|
160
|
-
return t;
|
161
|
-
};
|
162
|
-
return __assign.apply(this, arguments);
|
163
|
-
};
|
164
|
-
function __rest(s, e) {
|
165
|
-
var t = {};
|
166
|
-
for (var p in s)
|
167
|
-
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
168
|
-
t[p] = s[p];
|
169
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
170
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
171
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
172
|
-
t[p[i]] = s[p[i]];
|
173
|
-
}
|
174
|
-
return t;
|
175
|
-
}
|
176
|
-
function __decorate(decorators, target, key, desc) {
|
177
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
178
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
|
179
|
-
r = Reflect.decorate(decorators, target, key, desc);
|
180
|
-
else
|
181
|
-
for (var i = decorators.length - 1; i >= 0; i--)
|
182
|
-
if (d = decorators[i])
|
183
|
-
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
184
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
185
|
-
}
|
186
|
-
function __param(paramIndex, decorator) {
|
187
|
-
return function (target, key) { decorator(target, key, paramIndex); };
|
188
|
-
}
|
189
|
-
function __metadata(metadataKey, metadataValue) {
|
190
|
-
if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
|
191
|
-
return Reflect.metadata(metadataKey, metadataValue);
|
192
|
-
}
|
193
|
-
function __awaiter(thisArg, _arguments, P, generator) {
|
194
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
195
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
196
|
-
function fulfilled(value) { try {
|
197
|
-
step(generator.next(value));
|
198
|
-
}
|
199
|
-
catch (e) {
|
200
|
-
reject(e);
|
201
|
-
} }
|
202
|
-
function rejected(value) { try {
|
203
|
-
step(generator["throw"](value));
|
204
|
-
}
|
205
|
-
catch (e) {
|
206
|
-
reject(e);
|
207
|
-
} }
|
208
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
209
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
210
|
-
});
|
211
|
-
}
|
212
|
-
function __generator(thisArg, body) {
|
213
|
-
var _ = { label: 0, sent: function () { if (t[0] & 1)
|
214
|
-
throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
215
|
-
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
|
216
|
-
function verb(n) { return function (v) { return step([n, v]); }; }
|
217
|
-
function step(op) {
|
218
|
-
if (f)
|
219
|
-
throw new TypeError("Generator is already executing.");
|
220
|
-
while (_)
|
221
|
-
try {
|
222
|
-
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
|
223
|
-
return t;
|
224
|
-
if (y = 0, t)
|
225
|
-
op = [op[0] & 2, t.value];
|
226
|
-
switch (op[0]) {
|
227
|
-
case 0:
|
228
|
-
case 1:
|
229
|
-
t = op;
|
230
|
-
break;
|
231
|
-
case 4:
|
232
|
-
_.label++;
|
233
|
-
return { value: op[1], done: false };
|
234
|
-
case 5:
|
235
|
-
_.label++;
|
236
|
-
y = op[1];
|
237
|
-
op = [0];
|
238
|
-
continue;
|
239
|
-
case 7:
|
240
|
-
op = _.ops.pop();
|
241
|
-
_.trys.pop();
|
242
|
-
continue;
|
243
|
-
default:
|
244
|
-
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
|
245
|
-
_ = 0;
|
246
|
-
continue;
|
247
|
-
}
|
248
|
-
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
|
249
|
-
_.label = op[1];
|
250
|
-
break;
|
251
|
-
}
|
252
|
-
if (op[0] === 6 && _.label < t[1]) {
|
253
|
-
_.label = t[1];
|
254
|
-
t = op;
|
255
|
-
break;
|
256
|
-
}
|
257
|
-
if (t && _.label < t[2]) {
|
258
|
-
_.label = t[2];
|
259
|
-
_.ops.push(op);
|
260
|
-
break;
|
261
|
-
}
|
262
|
-
if (t[2])
|
263
|
-
_.ops.pop();
|
264
|
-
_.trys.pop();
|
265
|
-
continue;
|
266
|
-
}
|
267
|
-
op = body.call(thisArg, _);
|
268
|
-
}
|
269
|
-
catch (e) {
|
270
|
-
op = [6, e];
|
271
|
-
y = 0;
|
272
|
-
}
|
273
|
-
finally {
|
274
|
-
f = t = 0;
|
275
|
-
}
|
276
|
-
if (op[0] & 5)
|
277
|
-
throw op[1];
|
278
|
-
return { value: op[0] ? op[1] : void 0, done: true };
|
279
|
-
}
|
280
|
-
}
|
281
|
-
var __createBinding = Object.create ? (function (o, m, k, k2) {
|
282
|
-
if (k2 === undefined)
|
283
|
-
k2 = k;
|
284
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
|
285
|
-
}) : (function (o, m, k, k2) {
|
286
|
-
if (k2 === undefined)
|
287
|
-
k2 = k;
|
288
|
-
o[k2] = m[k];
|
289
|
-
});
|
290
|
-
function __exportStar(m, o) {
|
291
|
-
for (var p in m)
|
292
|
-
if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
|
293
|
-
__createBinding(o, m, p);
|
294
|
-
}
|
295
|
-
function __values(o) {
|
296
|
-
var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
|
297
|
-
if (m)
|
298
|
-
return m.call(o);
|
299
|
-
if (o && typeof o.length === "number")
|
300
|
-
return {
|
301
|
-
next: function () {
|
302
|
-
if (o && i >= o.length)
|
303
|
-
o = void 0;
|
304
|
-
return { value: o && o[i++], done: !o };
|
305
|
-
}
|
306
|
-
};
|
307
|
-
throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
|
308
|
-
}
|
309
|
-
function __read(o, n) {
|
310
|
-
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
311
|
-
if (!m)
|
312
|
-
return o;
|
313
|
-
var i = m.call(o), r, ar = [], e;
|
314
|
-
try {
|
315
|
-
while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
|
316
|
-
ar.push(r.value);
|
317
|
-
}
|
318
|
-
catch (error) {
|
319
|
-
e = { error: error };
|
320
|
-
}
|
321
|
-
finally {
|
322
|
-
try {
|
323
|
-
if (r && !r.done && (m = i["return"]))
|
324
|
-
m.call(i);
|
325
|
-
}
|
326
|
-
finally {
|
327
|
-
if (e)
|
328
|
-
throw e.error;
|
329
|
-
}
|
330
|
-
}
|
331
|
-
return ar;
|
332
|
-
}
|
333
|
-
/** @deprecated */
|
334
|
-
function __spread() {
|
335
|
-
for (var ar = [], i = 0; i < arguments.length; i++)
|
336
|
-
ar = ar.concat(__read(arguments[i]));
|
337
|
-
return ar;
|
338
|
-
}
|
339
|
-
/** @deprecated */
|
340
|
-
function __spreadArrays() {
|
341
|
-
for (var s = 0, i = 0, il = arguments.length; i < il; i++)
|
342
|
-
s += arguments[i].length;
|
343
|
-
for (var r = Array(s), k = 0, i = 0; i < il; i++)
|
344
|
-
for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
|
345
|
-
r[k] = a[j];
|
346
|
-
return r;
|
347
|
-
}
|
348
|
-
function __spreadArray(to, from, pack) {
|
349
|
-
if (pack || arguments.length === 2)
|
350
|
-
for (var i = 0, l = from.length, ar; i < l; i++) {
|
351
|
-
if (ar || !(i in from)) {
|
352
|
-
if (!ar)
|
353
|
-
ar = Array.prototype.slice.call(from, 0, i);
|
354
|
-
ar[i] = from[i];
|
355
|
-
}
|
356
|
-
}
|
357
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
358
|
-
}
|
359
|
-
function __await(v) {
|
360
|
-
return this instanceof __await ? (this.v = v, this) : new __await(v);
|
361
|
-
}
|
362
|
-
function __asyncGenerator(thisArg, _arguments, generator) {
|
363
|
-
if (!Symbol.asyncIterator)
|
364
|
-
throw new TypeError("Symbol.asyncIterator is not defined.");
|
365
|
-
var g = generator.apply(thisArg, _arguments || []), i, q = [];
|
366
|
-
return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
|
367
|
-
function verb(n) { if (g[n])
|
368
|
-
i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
|
369
|
-
function resume(n, v) { try {
|
370
|
-
step(g[n](v));
|
371
|
-
}
|
372
|
-
catch (e) {
|
373
|
-
settle(q[0][3], e);
|
374
|
-
} }
|
375
|
-
function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
|
376
|
-
function fulfill(value) { resume("next", value); }
|
377
|
-
function reject(value) { resume("throw", value); }
|
378
|
-
function settle(f, v) { if (f(v), q.shift(), q.length)
|
379
|
-
resume(q[0][0], q[0][1]); }
|
380
|
-
}
|
381
|
-
function __asyncDelegator(o) {
|
382
|
-
var i, p;
|
383
|
-
return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
|
384
|
-
function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
|
385
|
-
}
|
386
|
-
function __asyncValues(o) {
|
387
|
-
if (!Symbol.asyncIterator)
|
388
|
-
throw new TypeError("Symbol.asyncIterator is not defined.");
|
389
|
-
var m = o[Symbol.asyncIterator], i;
|
390
|
-
return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
|
391
|
-
function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
|
392
|
-
function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
|
393
|
-
}
|
394
|
-
function __makeTemplateObject(cooked, raw) {
|
395
|
-
if (Object.defineProperty) {
|
396
|
-
Object.defineProperty(cooked, "raw", { value: raw });
|
397
|
-
}
|
398
|
-
else {
|
399
|
-
cooked.raw = raw;
|
400
|
-
}
|
401
|
-
return cooked;
|
402
|
-
}
|
403
|
-
;
|
404
|
-
var __setModuleDefault = Object.create ? (function (o, v) {
|
405
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
406
|
-
}) : function (o, v) {
|
407
|
-
o["default"] = v;
|
408
|
-
};
|
409
|
-
function __importStar(mod) {
|
410
|
-
if (mod && mod.__esModule)
|
411
|
-
return mod;
|
412
|
-
var result = {};
|
413
|
-
if (mod != null)
|
414
|
-
for (var k in mod)
|
415
|
-
if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
|
416
|
-
__createBinding(result, mod, k);
|
417
|
-
__setModuleDefault(result, mod);
|
418
|
-
return result;
|
419
|
-
}
|
420
|
-
function __importDefault(mod) {
|
421
|
-
return (mod && mod.__esModule) ? mod : { default: mod };
|
422
|
-
}
|
423
|
-
function __classPrivateFieldGet(receiver, state, kind, f) {
|
424
|
-
if (kind === "a" && !f)
|
425
|
-
throw new TypeError("Private accessor was defined without a getter");
|
426
|
-
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
427
|
-
throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
428
|
-
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
429
|
-
}
|
430
|
-
function __classPrivateFieldSet(receiver, state, value, kind, f) {
|
431
|
-
if (kind === "m")
|
432
|
-
throw new TypeError("Private method is not writable");
|
433
|
-
if (kind === "a" && !f)
|
434
|
-
throw new TypeError("Private accessor was defined without a setter");
|
435
|
-
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
|
436
|
-
throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
437
|
-
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
438
|
-
}
|
439
|
-
|
440
|
-
// Boilerplate for applying mixins to McDropdownItem.
|
441
|
-
/** @docs-private */
|
442
|
-
var McDropdownItemBase = /** @class */ (function () {
|
443
|
-
function McDropdownItemBase() {
|
444
|
-
}
|
445
|
-
return McDropdownItemBase;
|
446
|
-
}());
|
447
|
-
// tslint:disable-next-line:naming-convention
|
448
|
-
var McDropdownItemMixinBase = core.mixinDisabled(McDropdownItemBase);
|
449
|
-
/**
|
450
|
-
* This directive is intended to be used inside an mc-dropdown tag.
|
451
|
-
* It exists mostly to set the role attribute.
|
452
|
-
*/
|
453
|
-
var McDropdownItem = /** @class */ (function (_super) {
|
454
|
-
__extends(McDropdownItem, _super);
|
455
|
-
function McDropdownItem(elementRef, focusMonitor, parentDropdownPanel) {
|
456
|
-
var _this = _super.call(this) || this;
|
457
|
-
_this.elementRef = elementRef;
|
458
|
-
_this.focusMonitor = focusMonitor;
|
459
|
-
_this.parentDropdownPanel = parentDropdownPanel;
|
460
|
-
/** Stream that emits when the dropdown item is hovered. */
|
461
|
-
_this.hovered = new rxjs.Subject();
|
462
|
-
/** Stream that emits when the menu item is focused. */
|
463
|
-
_this.focused = new rxjs.Subject();
|
464
|
-
/** Whether the dropdown item is highlighted. */
|
465
|
-
_this.highlighted = false;
|
466
|
-
/** Whether the dropdown item acts as a trigger for a nested dropdown. */
|
467
|
-
_this.isNested = false;
|
468
|
-
return _this;
|
469
|
-
}
|
470
|
-
McDropdownItem.prototype.ngAfterViewInit = function () {
|
471
|
-
if (this.focusMonitor) {
|
472
|
-
// Start monitoring the element so it gets the appropriate focused classes. We want
|
473
|
-
// to show the focus style for menu items only when the focus was not caused by a
|
474
|
-
// mouse or touch interaction.
|
475
|
-
this.focusMonitor.monitor(this.elementRef, false);
|
476
|
-
}
|
477
|
-
};
|
478
|
-
McDropdownItem.prototype.ngOnDestroy = function () {
|
479
|
-
if (this.focusMonitor) {
|
480
|
-
this.focusMonitor.stopMonitoring(this.elementRef);
|
481
|
-
}
|
482
|
-
this.hovered.complete();
|
483
|
-
this.focused.complete();
|
484
|
-
};
|
485
|
-
McDropdownItem.prototype.resetStyles = function () {
|
486
|
-
this.getHostElement().classList.remove('cdk-keyboard-focused');
|
487
|
-
};
|
488
|
-
/** Focuses the dropdown item. */
|
489
|
-
McDropdownItem.prototype.focus = function (origin, options) {
|
490
|
-
if (this.focusMonitor && origin) {
|
491
|
-
this.focusMonitor.focusVia(this.getHostElement(), origin, options);
|
492
|
-
}
|
493
|
-
else {
|
494
|
-
this.getHostElement().focus(options);
|
495
|
-
}
|
496
|
-
this.focused.next(this);
|
497
|
-
};
|
498
|
-
/** Returns the host DOM element. */
|
499
|
-
McDropdownItem.prototype.getHostElement = function () {
|
500
|
-
return this.elementRef.nativeElement;
|
501
|
-
};
|
502
|
-
/** Used to set the `tabindex`. */
|
503
|
-
McDropdownItem.prototype.getTabIndex = function () {
|
504
|
-
return this.disabled ? '-1' : '0';
|
505
|
-
};
|
506
|
-
/** Prevents the default element actions if it is disabled. */
|
507
|
-
// We have to use a `HostListener` here in order to support both Ivy and ViewEngine.
|
508
|
-
// In Ivy the `host` bindings will be merged when this class is extended, whereas in
|
509
|
-
// ViewEngine they're overwritten.
|
510
|
-
// TODO(crisbeto): we move this back into `host` once Ivy is turned on by default.
|
511
|
-
// tslint:disable-next-line:no-host-decorator-in-concrete
|
512
|
-
McDropdownItem.prototype.checkDisabled = function (event) {
|
513
|
-
if (this.disabled) {
|
514
|
-
event.preventDefault();
|
515
|
-
event.stopPropagation();
|
516
|
-
}
|
517
|
-
};
|
518
|
-
/** Emits to the hover stream. */
|
519
|
-
// We have to use a `HostListener` here in order to support both Ivy and ViewEngine.
|
520
|
-
// In Ivy the `host` bindings will be merged when this class is extended, whereas in
|
521
|
-
// ViewEngine they're overwritten.
|
522
|
-
// TODO(crisbeto): we move this back into `host` once Ivy is turned on by default.
|
523
|
-
// tslint:disable-next-line:no-host-decorator-in-concrete
|
524
|
-
McDropdownItem.prototype.handleMouseEnter = function () {
|
525
|
-
this.hovered.next(this);
|
526
|
-
};
|
527
|
-
/** Gets the label to be used when determining whether the option should be focused. */
|
528
|
-
McDropdownItem.prototype.getLabel = function () {
|
529
|
-
var _a, _b;
|
530
|
-
var clone = this.getHostElement().cloneNode(true);
|
531
|
-
var icons = clone.querySelectorAll('[mc-icon], .mc-icon');
|
532
|
-
// Strip away icons so they don't show up in the text.
|
533
|
-
// tslint:disable-next-line:prefer-for-of
|
534
|
-
for (var i = 0; i < icons.length; i++) {
|
535
|
-
var icon = icons[i];
|
536
|
-
(_a = icon.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(icon);
|
537
|
-
}
|
538
|
-
return ((_b = clone.textContent) === null || _b === void 0 ? void 0 : _b.trim()) || '';
|
539
|
-
};
|
540
|
-
return McDropdownItem;
|
541
|
-
}(McDropdownItemMixinBase));
|
542
|
-
/** @nocollapse */ McDropdownItem.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: McDropdownItem, deps: [{ token: i0__namespace.ElementRef }, { token: i1__namespace.FocusMonitor }, { token: MC_DROPDOWN_PANEL, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
543
|
-
/** @nocollapse */ McDropdownItem.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.5", type: McDropdownItem, selector: "mc-dropdown-item, [mc-dropdown-item]", inputs: { disabled: "disabled" }, host: { listeners: { "click": "checkDisabled($event)", "mouseenter": "handleMouseEnter()" }, properties: { "class.mc-dropdown-item_with-icon": "icon", "class.mc-dropdown-item_highlighted": "highlighted", "attr.disabled": "disabled || null", "attr.tabindex": "getTabIndex()" }, classAttribute: "mc-dropdown-item" }, queries: [{ propertyName: "icon", first: true, predicate: i2.McIcon, descendants: true }], exportAs: ["mcDropdownItem"], usesInheritance: true, ngImport: i0__namespace, template: "<div class=\"mc-dropdown-item-wrapper\">\n <ng-content></ng-content>\n</div>\n<i *ngIf=\"isNested\" mc-icon=\"mc-angle-right-M_16\" class=\"mc-dropdown-trigger__icon\"></i>\n", styles: [".mc-dropdown-item{-webkit-user-select:none;user-select:none;display:flex;align-items:center;position:relative;box-sizing:border-box;width:100%;border:1px solid transparent;outline:none;padding:0;text-align:left;white-space:nowrap}.mc-dropdown-item:not([disabled]){cursor:pointer}.mc-dropdown-item .mc-dropdown-item__caption{margin-top:4px}.mc-dropdown-item.mc-dropdown-item_with-icon .mc-dropdown-item__caption{margin-left:24px}.mc-dropdown-item .docs-navbar-version__num{margin-right:4px}.mc-dropdown-item-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 15px;padding:var(--mc-dropdown-item-size-padding, 5px 15px)}.mc-dropdown-item-wrapper [mc-icon]{padding:0 8px 2px 0;padding:var(--mc-dropdown-item-size-icon-padding, 0 8px 2px 0)}.mc-dropdown-trigger__icon{margin-left:auto;padding-right:8px;padding-right:var(--dropdown-trigger-size-icon-padding-right, 8px)}.mc-dropdown__group-header{-webkit-user-select:none;user-select:none;padding:6px 15px;padding:var(--mc-dropdown-item-size-padding, 6px 15px)}.mc-dropdown__group-header.mc-dropdown__group-header_small{padding:8px 15px;padding:var(--mc-dropdown-item-size-padding, 8px 15px)}.mc-dropdown__divider{height:1px;height:var(--mc-dropdown-divider-size-height, 1px);margin:4px 0;margin:var(--mc-dropdown-divider-size-margin, 4px 0)}\n"], components: [{ type: i2__namespace.McIcon, selector: "[mc-icon]", inputs: ["color"] }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.McIconCSSStyler, selector: "[mc-icon]" }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
|
544
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: McDropdownItem, decorators: [{
|
545
|
-
type: i0.Component,
|
546
|
-
args: [{
|
547
|
-
selector: 'mc-dropdown-item, [mc-dropdown-item]',
|
548
|
-
exportAs: 'mcDropdownItem',
|
549
|
-
templateUrl: 'dropdown-item.html',
|
550
|
-
styleUrls: ['dropdown-item.scss'],
|
551
|
-
inputs: ['disabled'],
|
552
|
-
host: {
|
553
|
-
class: 'mc-dropdown-item',
|
554
|
-
'[class.mc-dropdown-item_with-icon]': 'icon',
|
555
|
-
'[class.mc-dropdown-item_highlighted]': 'highlighted',
|
556
|
-
'[attr.disabled]': 'disabled || null',
|
557
|
-
'[attr.tabindex]': 'getTabIndex()'
|
558
|
-
},
|
559
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
560
|
-
encapsulation: i0.ViewEncapsulation.None
|
561
|
-
}]
|
562
|
-
}], ctorParameters: function () {
|
563
|
-
return [{ type: i0__namespace.ElementRef }, { type: i1__namespace.FocusMonitor }, { type: undefined, decorators: [{
|
564
|
-
type: i0.Inject,
|
565
|
-
args: [MC_DROPDOWN_PANEL]
|
566
|
-
}, {
|
567
|
-
type: i0.Optional
|
568
|
-
}] }];
|
569
|
-
}, propDecorators: { icon: [{
|
570
|
-
type: i0.ContentChild,
|
571
|
-
args: [i2.McIcon]
|
572
|
-
}], checkDisabled: [{
|
573
|
-
type: i0.HostListener,
|
574
|
-
args: ['click', ['$event']]
|
575
|
-
}], handleMouseEnter: [{
|
576
|
-
type: i0.HostListener,
|
577
|
-
args: ['mouseenter']
|
578
|
-
}] } });
|
579
|
-
|
580
|
-
/**
|
581
|
-
* Throws an exception for the case when dropdown trigger doesn't have a valid mc-dropdown instance
|
582
|
-
* @docs-private
|
583
|
-
*/
|
584
|
-
function throwMcDropdownMissingError() {
|
585
|
-
throw Error("mcDropdownTriggerFor: must pass in an mc-dropdown instance.\n Example:\n <mc-dropdown #dropdown=\"mcDropdown\"></mc-dropdown>\n <button [mcDropdownTriggerFor]=\"dropdown\"></button>");
|
586
|
-
}
|
587
|
-
/**
|
588
|
-
* Throws an exception for the case when dropdown's x-position value isn't valid.
|
589
|
-
* In other words, it doesn't match 'before' or 'after'.
|
590
|
-
* @docs-private
|
591
|
-
*/
|
592
|
-
function throwMcDropdownInvalidPositionX() {
|
593
|
-
throw Error("xPosition value must be either 'before' or after'.\n Example: <mc-dropdown [xPosition]=\"'before'\" #dropdown=\"mcDropdown\"></mc-dropdown>");
|
594
|
-
}
|
595
|
-
/**
|
596
|
-
* Throws an exception for the case when dropdown's y-position value isn't valid.
|
597
|
-
* In other words, it doesn't match 'above' or 'below'.
|
598
|
-
* @docs-private
|
599
|
-
*/
|
600
|
-
function throwMcDropdownInvalidPositionY() {
|
601
|
-
throw Error("yPosition value must be either 'above' or below'.\n Example: <mc-dropdown [yPosition]=\"'above'\" #dropdown=\"mcDropdown\"></mc-dropdown>");
|
602
|
-
}
|
603
|
-
|
604
|
-
/**
|
605
|
-
* Animations used by the mc-dropdown component.
|
606
|
-
* @docs-private
|
607
|
-
*/
|
608
|
-
var mcDropdownAnimations = {
|
609
|
-
/**
|
610
|
-
* This animation controls the dropdown panel's entry and exit from the page.
|
611
|
-
*
|
612
|
-
* When the dropdown panel is added to the DOM, it scales in and fades in its border.
|
613
|
-
*
|
614
|
-
* When the dropdown panel is removed from the DOM, it simply fades out after a brief
|
615
|
-
* delay to display the ripple.
|
616
|
-
*/
|
617
|
-
transformDropdown: animations.trigger('transformDropdown', [
|
618
|
-
animations.state('void', animations.style({
|
619
|
-
opacity: 0,
|
620
|
-
transform: 'scale(0.8)'
|
621
|
-
})),
|
622
|
-
animations.transition('void => enter', animations.group([
|
623
|
-
animations.query('.mc-dropdown__content', animations.animate('50ms linear', animations.style({ opacity: 1 }))),
|
624
|
-
animations.animate('50ms cubic-bezier(0, 0, 0.2, 1)', animations.style({ transform: 'scale(1)' }))
|
625
|
-
])),
|
626
|
-
animations.transition('* => void', animations.animate('50ms 25ms linear', animations.style({ opacity: 0 })))
|
627
|
-
]),
|
628
|
-
/**
|
629
|
-
* This animation fades in the background color and content of the dropdown panel
|
630
|
-
* after its containing element is scaled in.
|
631
|
-
*/
|
632
|
-
fadeInItems: animations.trigger('fadeInItems', [
|
633
|
-
// now. Remove next time we do breaking changes.
|
634
|
-
animations.state('showing', animations.style({ opacity: 1 })),
|
635
|
-
animations.transition('void => *', [
|
636
|
-
animations.style({ opacity: 0 }),
|
637
|
-
animations.animate('200ms 60ms cubic-bezier(0.55, 0, 0.55, 0.2)')
|
638
|
-
])
|
639
|
-
])
|
640
|
-
};
|
641
|
-
var fadeInItems = mcDropdownAnimations.fadeInItems;
|
642
|
-
var transformDropdown = mcDropdownAnimations.transformDropdown;
|
643
|
-
|
644
|
-
var McDropdown = /** @class */ (function () {
|
645
|
-
function McDropdown(elementRef, ngZone, defaultOptions) {
|
646
|
-
this.elementRef = elementRef;
|
647
|
-
this.ngZone = ngZone;
|
648
|
-
this.defaultOptions = defaultOptions;
|
649
|
-
this.navigationWithWrap = false;
|
650
|
-
this._xPosition = this.defaultOptions.xPosition;
|
651
|
-
this._yPosition = this.defaultOptions.yPosition;
|
652
|
-
this._overlapTriggerX = this.defaultOptions.overlapTriggerX;
|
653
|
-
this._overlapTriggerY = this.defaultOptions.overlapTriggerY;
|
654
|
-
this._hasBackdrop = this.defaultOptions.hasBackdrop;
|
655
|
-
this.triggerWidth = '';
|
656
|
-
/** Config object to be passed into the dropdown's ngClass */
|
657
|
-
this.classList = {};
|
658
|
-
/** Current state of the panel animation. */
|
659
|
-
this.panelAnimationState = 'void';
|
660
|
-
/** Emits whenever an animation on the dropdown completes. */
|
661
|
-
this.animationDone = new rxjs.Subject();
|
662
|
-
/** Class to be added to the backdrop element. */
|
663
|
-
this.backdropClass = this.defaultOptions.backdropClass;
|
664
|
-
/** Event emitted when the dropdown is closed. */
|
665
|
-
this.closed = new i0.EventEmitter();
|
666
|
-
/** Only the direct descendant menu items. */
|
667
|
-
this.directDescendantItems = new i0.QueryList();
|
668
|
-
/** Subscription to tab events on the dropdown panel */
|
669
|
-
this.tabSubscription = rxjs.Subscription.EMPTY;
|
670
|
-
}
|
671
|
-
Object.defineProperty(McDropdown.prototype, "xPosition", {
|
672
|
-
/** Position of the dropdown in the X axis. */
|
673
|
-
get: function () {
|
674
|
-
return this._xPosition;
|
675
|
-
},
|
676
|
-
set: function (value) {
|
677
|
-
if (value !== 'before' && value !== 'after') {
|
678
|
-
throwMcDropdownInvalidPositionX();
|
679
|
-
}
|
680
|
-
this._xPosition = value;
|
681
|
-
this.setPositionClasses();
|
682
|
-
},
|
683
|
-
enumerable: false,
|
684
|
-
configurable: true
|
685
|
-
});
|
686
|
-
Object.defineProperty(McDropdown.prototype, "yPosition", {
|
687
|
-
/** Position of the dropdown in the Y axis. */
|
688
|
-
get: function () {
|
689
|
-
return this._yPosition;
|
690
|
-
},
|
691
|
-
set: function (value) {
|
692
|
-
if (value !== 'above' && value !== 'below') {
|
693
|
-
throwMcDropdownInvalidPositionY();
|
694
|
-
}
|
695
|
-
this._yPosition = value;
|
696
|
-
this.setPositionClasses();
|
697
|
-
},
|
698
|
-
enumerable: false,
|
699
|
-
configurable: true
|
700
|
-
});
|
701
|
-
Object.defineProperty(McDropdown.prototype, "overlapTriggerY", {
|
702
|
-
/** Whether the dropdown should overlap its trigger vertically. */
|
703
|
-
get: function () {
|
704
|
-
return this._overlapTriggerY;
|
705
|
-
},
|
706
|
-
set: function (value) {
|
707
|
-
this._overlapTriggerY = coercion.coerceBooleanProperty(value);
|
708
|
-
},
|
709
|
-
enumerable: false,
|
710
|
-
configurable: true
|
711
|
-
});
|
712
|
-
Object.defineProperty(McDropdown.prototype, "overlapTriggerX", {
|
713
|
-
/** Whether the dropdown should overlap its trigger horizontally. */
|
714
|
-
get: function () {
|
715
|
-
return this._overlapTriggerX;
|
716
|
-
},
|
717
|
-
set: function (value) {
|
718
|
-
this._overlapTriggerX = coercion.coerceBooleanProperty(value);
|
719
|
-
},
|
720
|
-
enumerable: false,
|
721
|
-
configurable: true
|
722
|
-
});
|
723
|
-
Object.defineProperty(McDropdown.prototype, "hasBackdrop", {
|
724
|
-
/** Whether the dropdown has a backdrop. */
|
725
|
-
get: function () {
|
726
|
-
return this._hasBackdrop;
|
727
|
-
},
|
728
|
-
set: function (value) {
|
729
|
-
this._hasBackdrop = coercion.coerceBooleanProperty(value);
|
730
|
-
},
|
731
|
-
enumerable: false,
|
732
|
-
configurable: true
|
733
|
-
});
|
734
|
-
Object.defineProperty(McDropdown.prototype, "panelClass", {
|
735
|
-
/**
|
736
|
-
* This method takes classes set on the host mc-dropdown element and applies them on the
|
737
|
-
* dropdown template that displays in the overlay container. Otherwise, it's difficult
|
738
|
-
* to style the containing dropdown from outside the component.
|
739
|
-
* @param classes list of class names
|
740
|
-
*/
|
741
|
-
set: function (classes) {
|
742
|
-
var _this = this;
|
743
|
-
var previousPanelClass = this.previousPanelClass;
|
744
|
-
if (previousPanelClass && previousPanelClass.length) {
|
745
|
-
previousPanelClass
|
746
|
-
.split(' ')
|
747
|
-
.forEach(function (className) { return _this.classList[className] = false; });
|
748
|
-
}
|
749
|
-
this.previousPanelClass = classes;
|
750
|
-
if (classes === null || classes === void 0 ? void 0 : classes.length) {
|
751
|
-
classes
|
752
|
-
.split(' ')
|
753
|
-
.forEach(function (className) { return _this.classList[className] = true; });
|
754
|
-
this.elementRef.nativeElement.className = '';
|
755
|
-
}
|
756
|
-
},
|
757
|
-
enumerable: false,
|
758
|
-
configurable: true
|
759
|
-
});
|
760
|
-
McDropdown.prototype.ngOnInit = function () {
|
761
|
-
this.setPositionClasses();
|
762
|
-
};
|
763
|
-
McDropdown.prototype.ngAfterContentInit = function () {
|
764
|
-
var _this = this;
|
765
|
-
this.updateDirectDescendants();
|
766
|
-
this.keyManager = new a11y.FocusKeyManager(this.directDescendantItems)
|
767
|
-
.withTypeAhead();
|
768
|
-
if (this.navigationWithWrap) {
|
769
|
-
this.keyManager.withWrap();
|
770
|
-
}
|
771
|
-
this.tabSubscription = this.keyManager.tabOut
|
772
|
-
.subscribe(function () { return _this.closed.emit('tab'); });
|
773
|
-
// If a user manually (programmatically) focuses a menu item, we need to reflect that focus
|
774
|
-
// change back to the key manager. Note that we don't need to unsubscribe here because focused
|
775
|
-
// is internal and we know that it gets completed on destroy.
|
776
|
-
this.directDescendantItems.changes
|
777
|
-
.pipe(operators.startWith(this.directDescendantItems), operators.switchMap(function (items) { return rxjs.merge.apply(void 0, __spreadArray([], __read(items.map(function (item) { return item.focused; })))); }))
|
778
|
-
.subscribe(function (focusedItem) { return _this.keyManager.updateActiveItem(focusedItem); });
|
779
|
-
};
|
780
|
-
McDropdown.prototype.ngOnDestroy = function () {
|
781
|
-
this.directDescendantItems.destroy();
|
782
|
-
this.tabSubscription.unsubscribe();
|
783
|
-
this.closed.complete();
|
784
|
-
};
|
785
|
-
/** Stream that emits whenever the hovered dropdown item changes. */
|
786
|
-
McDropdown.prototype.hovered = function () {
|
787
|
-
var itemChanges = this.directDescendantItems.changes;
|
788
|
-
return itemChanges.pipe(operators.startWith(this.directDescendantItems), operators.switchMap(function (items) { return rxjs.merge.apply(void 0, __spreadArray([], __read(items.map(function (item) { return item.hovered; })))); }));
|
789
|
-
};
|
790
|
-
/** Handle a keyboard event from the dropdown, delegating to the appropriate action. */
|
791
|
-
McDropdown.prototype.handleKeydown = function (event) {
|
792
|
-
// tslint:disable-next-line:deprecation
|
793
|
-
var keyCode = event.keyCode;
|
794
|
-
switch (keyCode) {
|
795
|
-
case keycodes$1.ESCAPE:
|
796
|
-
this.closed.emit('keydown');
|
797
|
-
break;
|
798
|
-
case keycodes$1.LEFT_ARROW:
|
799
|
-
if (this.parent && this.direction === 'ltr') {
|
800
|
-
this.closed.emit('keydown');
|
801
|
-
}
|
802
|
-
break;
|
803
|
-
case keycodes$1.RIGHT_ARROW:
|
804
|
-
if (this.parent && this.direction === 'rtl') {
|
805
|
-
this.closed.emit('keydown');
|
806
|
-
}
|
807
|
-
break;
|
808
|
-
default:
|
809
|
-
if (keyCode === keycodes.UP_ARROW || keyCode === keycodes.DOWN_ARROW) {
|
810
|
-
this.keyManager.setFocusOrigin('keyboard');
|
811
|
-
}
|
812
|
-
this.keyManager.onKeydown(event);
|
813
|
-
return;
|
814
|
-
}
|
815
|
-
// Don't allow the event to propagate if we've already handled it, or it may
|
816
|
-
// end up reaching other overlays that were opened earlier.
|
817
|
-
event.stopPropagation();
|
818
|
-
};
|
819
|
-
/**
|
820
|
-
* Focus the first item in the dropdown.
|
821
|
-
* @param origin Action from which the focus originated. Used to set the correct styling.
|
822
|
-
*/
|
823
|
-
McDropdown.prototype.focusFirstItem = function (origin) {
|
824
|
-
var _this = this;
|
825
|
-
if (origin === void 0) { origin = 'program'; }
|
826
|
-
// When the content is rendered lazily, it takes a bit before the items are inside the DOM.
|
827
|
-
if (this.lazyContent) {
|
828
|
-
this.ngZone.onStable
|
829
|
-
.pipe(operators.take(1))
|
830
|
-
.subscribe(function () { return _this.keyManager.setFocusOrigin(origin).setFirstItemActive(); });
|
831
|
-
}
|
832
|
-
else {
|
833
|
-
this.keyManager.setFocusOrigin(origin).setFirstItemActive();
|
834
|
-
}
|
835
|
-
};
|
836
|
-
/**
|
837
|
-
* Resets the active item in the dropdown. This is used when the dropdown is opened, allowing
|
838
|
-
* the user to start from the first option when pressing the down arrow.
|
839
|
-
*/
|
840
|
-
McDropdown.prototype.resetActiveItem = function () {
|
841
|
-
var _a;
|
842
|
-
(_a = this.keyManager.activeItem) === null || _a === void 0 ? void 0 : _a.resetStyles();
|
843
|
-
this.keyManager.setActiveItem(-1);
|
844
|
-
};
|
845
|
-
/**
|
846
|
-
* Adds classes to the dropdown panel based on its position. Can be used by
|
847
|
-
* consumers to add specific styling based on the position.
|
848
|
-
* @param posX Position of the dropdown along the x axis.
|
849
|
-
* @param posY Position of the dropdown along the y axis.
|
850
|
-
* @docs-private
|
851
|
-
*/
|
852
|
-
McDropdown.prototype.setPositionClasses = function (posX, posY) {
|
853
|
-
if (posX === void 0) { posX = this.xPosition; }
|
854
|
-
if (posY === void 0) { posY = this.yPosition; }
|
855
|
-
var classes = this.classList;
|
856
|
-
classes['mc-dropdown-before'] = posX === 'before';
|
857
|
-
classes['mc-dropdown-after'] = posX === 'after';
|
858
|
-
classes['mc-dropdown-above'] = posY === 'above';
|
859
|
-
classes['mc-dropdown-below'] = posY === 'below';
|
860
|
-
};
|
861
|
-
/** Starts the enter animation. */
|
862
|
-
McDropdown.prototype.startAnimation = function () {
|
863
|
-
this.panelAnimationState = 'enter';
|
864
|
-
};
|
865
|
-
/** Resets the panel animation to its initial state. */
|
866
|
-
McDropdown.prototype.resetAnimation = function () {
|
867
|
-
this.panelAnimationState = 'void';
|
868
|
-
};
|
869
|
-
/** Callback that is invoked when the panel animation completes. */
|
870
|
-
McDropdown.prototype.onAnimationDone = function (event) {
|
871
|
-
this.animationDone.next(event);
|
872
|
-
this.isAnimating = false;
|
873
|
-
};
|
874
|
-
McDropdown.prototype.onAnimationStart = function (event) {
|
875
|
-
this.isAnimating = true;
|
876
|
-
// Scroll the content element to the top as soon as the animation starts. This is necessary,
|
877
|
-
// because we move focus to the first item while it's still being animated, which can throw
|
878
|
-
// the browser off when it determines the scroll position. Alternatively we can move focus
|
879
|
-
// when the animation is done, however moving focus asynchronously will interrupt screen
|
880
|
-
// readers which are in the process of reading out the dropdown already. We take the `element`
|
881
|
-
// from the `event` since we can't use a `ViewChild` to access the pane.
|
882
|
-
if (event.toState === 'enter' && this.keyManager.activeItemIndex === 0) {
|
883
|
-
event.element.scrollTop = 0;
|
884
|
-
}
|
885
|
-
};
|
886
|
-
McDropdown.prototype.close = function () {
|
887
|
-
var focusOrigin = this.keyManager.getFocusOrigin() === 'keyboard' ? 'keydown' : 'click';
|
888
|
-
this.closed.emit(focusOrigin);
|
889
|
-
};
|
890
|
-
/**
|
891
|
-
* Sets up a stream that will keep track of any newly-added menu items and will update the list
|
892
|
-
* of direct descendants. We collect the descendants this way, because `_allItems` can include
|
893
|
-
* items that are part of child menus, and using a custom way of registering items is unreliable
|
894
|
-
* when it comes to maintaining the item order.
|
895
|
-
*/
|
896
|
-
McDropdown.prototype.updateDirectDescendants = function () {
|
897
|
-
var _this = this;
|
898
|
-
this.items.changes
|
899
|
-
.pipe(operators.startWith(this.items))
|
900
|
-
.subscribe(function (items) {
|
901
|
-
_this.directDescendantItems.reset(items.filter(function (item) { return item.parentDropdownPanel === _this; }));
|
902
|
-
_this.directDescendantItems.notifyOnChanges();
|
903
|
-
});
|
904
|
-
};
|
905
|
-
return McDropdown;
|
906
|
-
}());
|
907
|
-
/** @nocollapse */ McDropdown.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: McDropdown, deps: [{ token: i0__namespace.ElementRef }, { token: i0__namespace.NgZone }, { token: MC_DROPDOWN_DEFAULT_OPTIONS }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
908
|
-
/** @nocollapse */ McDropdown.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.5", type: McDropdown, selector: "mc-dropdown", inputs: { navigationWithWrap: "navigationWithWrap", xPosition: "xPosition", yPosition: "yPosition", overlapTriggerY: "overlapTriggerY", overlapTriggerX: "overlapTriggerX", hasBackdrop: "hasBackdrop", panelClass: ["class", "panelClass"], backdropClass: "backdropClass" }, outputs: { closed: "closed" }, providers: [
|
909
|
-
{ provide: MC_DROPDOWN_PANEL, useExisting: McDropdown }
|
910
|
-
], queries: [{ propertyName: "lazyContent", first: true, predicate: McDropdownContent, descendants: true }, { propertyName: "items", predicate: McDropdownItem, descendants: true }], viewQueries: [{ propertyName: "templateRef", first: true, predicate: i0.TemplateRef, descendants: true }], exportAs: ["mcDropdown"], ngImport: i0__namespace, template: "<ng-template>\n <div class=\"mc-dropdown__panel\"\n [ngClass]=\"classList\"\n [class.mc-dropdown__panel_nested]=\"parent\"\n [style.min-width]=\"triggerWidth\"\n (keydown)=\"handleKeydown($event)\"\n (click)=\"close()\"\n [@transformDropdown]=\"panelAnimationState\"\n (@transformDropdown.start)=\"onAnimationStart($event)\"\n (@transformDropdown.done)=\"onAnimationDone($event)\"\n tabindex=\"-1\">\n\n <div class=\"mc-dropdown__content\">\n <ng-content></ng-content>\n </div>\n </div>\n</ng-template>\n", styles: [".mc-dropdown__panel{margin-top:-1px;max-width:640px;max-width:var(--mc-dropdown-panel-size-max-width, 640px);border-width:1px;border-width:var(--mc-dropdown-panel-size-border-width, 1px);border-style:solid;border-bottom-left-radius:3px;border-bottom-left-radius:var(--mc-dropdown-panel-size-border-radius, 3px);border-bottom-right-radius:3px;border-bottom-right-radius:var(--mc-dropdown-panel-size-border-radius, 3px);padding:4px 0;padding:var(--mc-dropdown-panel-size-padding, 4px 0)}.mc-dropdown__panel.mc-dropdown__panel_nested{border-top-left-radius:3px;border-top-left-radius:var(--mc-dropdown-panel-size-border-radius, 3px);border-top-right-radius:3px;border-top-right-radius:var(--mc-dropdown-panel-size-border-radius, 3px)}.mc-dropdown__panel.ng-animating{pointer-events:none}.mc-dropdown__content{display:flex;flex-direction:column}\n"], directives: [{ type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], animations: [
|
911
|
-
mcDropdownAnimations.transformDropdown,
|
912
|
-
mcDropdownAnimations.fadeInItems
|
913
|
-
], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
|
914
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: McDropdown, decorators: [{
|
915
|
-
type: i0.Component,
|
916
|
-
args: [{
|
917
|
-
selector: 'mc-dropdown',
|
918
|
-
exportAs: 'mcDropdown',
|
919
|
-
templateUrl: 'dropdown.html',
|
920
|
-
styleUrls: ['dropdown.scss'],
|
921
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
922
|
-
encapsulation: i0.ViewEncapsulation.None,
|
923
|
-
animations: [
|
924
|
-
mcDropdownAnimations.transformDropdown,
|
925
|
-
mcDropdownAnimations.fadeInItems
|
926
|
-
],
|
927
|
-
providers: [
|
928
|
-
{ provide: MC_DROPDOWN_PANEL, useExisting: McDropdown }
|
929
|
-
]
|
930
|
-
}]
|
931
|
-
}], ctorParameters: function () {
|
932
|
-
return [{ type: i0__namespace.ElementRef }, { type: i0__namespace.NgZone }, { type: undefined, decorators: [{
|
933
|
-
type: i0.Inject,
|
934
|
-
args: [MC_DROPDOWN_DEFAULT_OPTIONS]
|
935
|
-
}] }];
|
936
|
-
}, propDecorators: { navigationWithWrap: [{
|
937
|
-
type: i0.Input
|
938
|
-
}], xPosition: [{
|
939
|
-
type: i0.Input
|
940
|
-
}], yPosition: [{
|
941
|
-
type: i0.Input
|
942
|
-
}], overlapTriggerY: [{
|
943
|
-
type: i0.Input
|
944
|
-
}], overlapTriggerX: [{
|
945
|
-
type: i0.Input
|
946
|
-
}], hasBackdrop: [{
|
947
|
-
type: i0.Input
|
948
|
-
}], panelClass: [{
|
949
|
-
type: i0.Input,
|
950
|
-
args: ['class']
|
951
|
-
}], backdropClass: [{
|
952
|
-
type: i0.Input
|
953
|
-
}], templateRef: [{
|
954
|
-
type: i0.ViewChild,
|
955
|
-
args: [i0.TemplateRef, { static: false }]
|
956
|
-
}], items: [{
|
957
|
-
type: i0.ContentChildren,
|
958
|
-
args: [McDropdownItem, { descendants: true }]
|
959
|
-
}], lazyContent: [{
|
960
|
-
type: i0.ContentChild,
|
961
|
-
args: [McDropdownContent, { static: false }]
|
962
|
-
}], closed: [{
|
963
|
-
type: i0.Output
|
964
|
-
}] } });
|
965
|
-
|
966
|
-
/** Injection token that determines the scroll handling while the dropdown is open. */
|
967
|
-
var MC_DROPDOWN_SCROLL_STRATEGY = new i0.InjectionToken('mc-dropdown-scroll-strategy');
|
968
|
-
/** @docs-private */
|
969
|
-
// tslint:disable-next-line:naming-convention
|
970
|
-
function MC_DROPDOWN_SCROLL_STRATEGY_FACTORY(overlay) {
|
971
|
-
return function () { return overlay.scrollStrategies.reposition(); };
|
972
|
-
}
|
973
|
-
/** @docs-private */
|
974
|
-
var MC_DROPDOWN_SCROLL_STRATEGY_FACTORY_PROVIDER = {
|
975
|
-
provide: MC_DROPDOWN_SCROLL_STRATEGY,
|
976
|
-
deps: [i1$1.Overlay],
|
977
|
-
useFactory: MC_DROPDOWN_SCROLL_STRATEGY_FACTORY
|
978
|
-
};
|
979
|
-
/** Default top padding of the nested dropdown panel. */
|
980
|
-
var NESTED_PANEL_TOP_PADDING = 4;
|
981
|
-
var NESTED_PANEL_LEFT_PADDING = 8;
|
982
|
-
/** Options for binding a passive event listener. */
|
983
|
-
var passiveEventListenerOptions = platform.normalizePassiveListenerOptions({ passive: true });
|
984
|
-
/**
|
985
|
-
* This directive is intended to be used in conjunction with an mc-dropdown tag. It is
|
986
|
-
* responsible for toggling the display of the provided dropdown instance.
|
987
|
-
*/
|
988
|
-
var McDropdownTrigger = /** @class */ (function () {
|
989
|
-
function McDropdownTrigger(overlay, elementRef, viewContainerRef, scrollStrategy, parent, dropdownItemInstance, _dir, focusMonitor) {
|
990
|
-
var _this = this;
|
991
|
-
this.overlay = overlay;
|
992
|
-
this.elementRef = elementRef;
|
993
|
-
this.viewContainerRef = viewContainerRef;
|
994
|
-
this.scrollStrategy = scrollStrategy;
|
995
|
-
this.parent = parent;
|
996
|
-
this.dropdownItemInstance = dropdownItemInstance;
|
997
|
-
this._dir = _dir;
|
998
|
-
this.focusMonitor = focusMonitor;
|
999
|
-
this.openByArrowDown = true;
|
1000
|
-
/**
|
1001
|
-
* Whether focus should be restored when the menu is closed.
|
1002
|
-
* Note that disabling this option can have accessibility implications
|
1003
|
-
* and it's up to you to manage focus, if you decide to turn it off.
|
1004
|
-
*/
|
1005
|
-
this.restoreFocus = true;
|
1006
|
-
/** Event emitted when the associated dropdown is opened. */
|
1007
|
-
this.dropdownOpened = new i0.EventEmitter();
|
1008
|
-
/** Event emitted when the associated dropdown is closed. */
|
1009
|
-
this.dropdownClosed = new i0.EventEmitter();
|
1010
|
-
this._opened = false;
|
1011
|
-
this.overlayRef = null;
|
1012
|
-
this.closeSubscription = rxjs.Subscription.EMPTY;
|
1013
|
-
this.hoverSubscription = rxjs.Subscription.EMPTY;
|
1014
|
-
/**
|
1015
|
-
* Handles touch start events on the trigger.
|
1016
|
-
* Needs to be an arrow function so we can easily use addEventListener and removeEventListener.
|
1017
|
-
*/
|
1018
|
-
this.handleTouchStart = function () { return _this.openedBy = 'touch'; };
|
1019
|
-
elementRef.nativeElement.addEventListener('touchstart', this.handleTouchStart, passiveEventListenerOptions);
|
1020
|
-
if (dropdownItemInstance) {
|
1021
|
-
dropdownItemInstance.isNested = this.isNested();
|
1022
|
-
}
|
1023
|
-
}
|
1024
|
-
Object.defineProperty(McDropdownTrigger.prototype, "dropdown", {
|
1025
|
-
/** References the dropdown instance that the trigger is associated with. */
|
1026
|
-
get: function () {
|
1027
|
-
return this._dropdown;
|
1028
|
-
},
|
1029
|
-
set: function (dropdown) {
|
1030
|
-
var _this = this;
|
1031
|
-
if (dropdown === this._dropdown) {
|
1032
|
-
return;
|
1033
|
-
}
|
1034
|
-
this._dropdown = dropdown;
|
1035
|
-
this.closeSubscription.unsubscribe();
|
1036
|
-
if (dropdown) {
|
1037
|
-
this.closeSubscription = dropdown.closed
|
1038
|
-
.asObservable()
|
1039
|
-
.subscribe(function (reason) {
|
1040
|
-
_this.destroy(reason);
|
1041
|
-
// If a click closed the dropdown, we should close the entire chain of nested dropdowns.
|
1042
|
-
if (['click', 'tab'].includes(reason) && _this.parent) {
|
1043
|
-
_this.parent.closed.emit(reason);
|
1044
|
-
}
|
1045
|
-
});
|
1046
|
-
}
|
1047
|
-
},
|
1048
|
-
enumerable: false,
|
1049
|
-
configurable: true
|
1050
|
-
});
|
1051
|
-
Object.defineProperty(McDropdownTrigger.prototype, "dir", {
|
1052
|
-
/** The text direction of the containing app. */
|
1053
|
-
get: function () {
|
1054
|
-
var _a;
|
1055
|
-
return ((_a = this._dir) === null || _a === void 0 ? void 0 : _a.value) === 'rtl' ? 'rtl' : 'ltr';
|
1056
|
-
},
|
1057
|
-
enumerable: false,
|
1058
|
-
configurable: true
|
1059
|
-
});
|
1060
|
-
Object.defineProperty(McDropdownTrigger.prototype, "opened", {
|
1061
|
-
/** Whether the dropdown is open. */
|
1062
|
-
get: function () {
|
1063
|
-
return this._opened;
|
1064
|
-
},
|
1065
|
-
enumerable: false,
|
1066
|
-
configurable: true
|
1067
|
-
});
|
1068
|
-
McDropdownTrigger.prototype.ngAfterContentInit = function () {
|
1069
|
-
this.check();
|
1070
|
-
this.handleHover();
|
1071
|
-
};
|
1072
|
-
McDropdownTrigger.prototype.ngOnDestroy = function () {
|
1073
|
-
if (this.overlayRef) {
|
1074
|
-
this.overlayRef.dispose();
|
1075
|
-
this.overlayRef = null;
|
1076
|
-
}
|
1077
|
-
this.elementRef.nativeElement.removeEventListener('touchstart', this.handleTouchStart, passiveEventListenerOptions);
|
1078
|
-
this.cleanUpSubscriptions();
|
1079
|
-
};
|
1080
|
-
/** Whether the dropdown triggers a nested dropdown or a top-level one. */
|
1081
|
-
McDropdownTrigger.prototype.isNested = function () {
|
1082
|
-
return !!(this.dropdownItemInstance && this.parent);
|
1083
|
-
};
|
1084
|
-
/** Toggles the dropdown between the open and closed states. */
|
1085
|
-
McDropdownTrigger.prototype.toggle = function () {
|
1086
|
-
// tslint:disable-next-line:no-void-expression
|
1087
|
-
return this._opened ? this.close() : this.open();
|
1088
|
-
};
|
1089
|
-
/** Opens the dropdown. */
|
1090
|
-
McDropdownTrigger.prototype.open = function () {
|
1091
|
-
var _this = this;
|
1092
|
-
if (this._opened) {
|
1093
|
-
return;
|
1094
|
-
}
|
1095
|
-
this.check();
|
1096
|
-
var overlayRef = this.createOverlay();
|
1097
|
-
var overlayConfig = overlayRef.getConfig();
|
1098
|
-
this.setPosition(overlayConfig.positionStrategy);
|
1099
|
-
overlayConfig.hasBackdrop = this.dropdown.hasBackdrop ? !this.isNested() : this.dropdown.hasBackdrop;
|
1100
|
-
overlayRef.attach(this.getPortal());
|
1101
|
-
if (this.dropdown.lazyContent) {
|
1102
|
-
this.dropdown.lazyContent.detach();
|
1103
|
-
this.dropdown.lazyContent.attach(this.data);
|
1104
|
-
}
|
1105
|
-
this.closeSubscription = this.closingActions()
|
1106
|
-
.subscribe(function () { return _this.close(); });
|
1107
|
-
this.init();
|
1108
|
-
if (this.dropdown instanceof McDropdown) {
|
1109
|
-
this.dropdown.startAnimation();
|
1110
|
-
}
|
1111
|
-
};
|
1112
|
-
/** Closes the dropdown. */
|
1113
|
-
McDropdownTrigger.prototype.close = function () {
|
1114
|
-
this.dropdown.closed.emit();
|
1115
|
-
};
|
1116
|
-
/**
|
1117
|
-
* Focuses the dropdown trigger.
|
1118
|
-
*/
|
1119
|
-
McDropdownTrigger.prototype.focus = function (origin, options) {
|
1120
|
-
if (this.focusMonitor && origin) {
|
1121
|
-
this.focusMonitor.focusVia(this.elementRef.nativeElement, origin, options);
|
1122
|
-
}
|
1123
|
-
else {
|
1124
|
-
this.elementRef.nativeElement.focus();
|
1125
|
-
}
|
1126
|
-
};
|
1127
|
-
/** Handles mouse presses on the trigger. */
|
1128
|
-
McDropdownTrigger.prototype.handleMousedown = function (event) {
|
1129
|
-
// Since right or middle button clicks won't trigger the `click` event,
|
1130
|
-
// we shouldn't consider the dropdown as opened by mouse in those cases.
|
1131
|
-
this.openedBy = event.button === 0 ? 'mouse' : undefined;
|
1132
|
-
// Since clicking on the trigger won't close the dropdown if it opens a nested dropdown,
|
1133
|
-
// we should prevent focus from moving onto it via click to avoid the
|
1134
|
-
// highlight from lingering on the dropdown item.
|
1135
|
-
if (this.isNested()) {
|
1136
|
-
event.preventDefault();
|
1137
|
-
}
|
1138
|
-
};
|
1139
|
-
/** Handles key presses on the trigger. */
|
1140
|
-
McDropdownTrigger.prototype.handleKeydown = function (event) {
|
1141
|
-
// tslint:disable-next-line:deprecation
|
1142
|
-
var keyCode = event.keyCode;
|
1143
|
-
// Pressing enter on the trigger will trigger the click handler later.
|
1144
|
-
if (keyCode === keycodes$1.ENTER || keyCode === keycodes$1.SPACE) {
|
1145
|
-
this.openedBy = 'keyboard';
|
1146
|
-
}
|
1147
|
-
if ((this.isNested() &&
|
1148
|
-
((keyCode === keycodes$1.RIGHT_ARROW && this.dir === 'ltr') || (keyCode === keycodes$1.LEFT_ARROW && this.dir === 'rtl'))) ||
|
1149
|
-
(!this.isNested() && (keyCode === keycodes$1.DOWN_ARROW && this.openByArrowDown))) {
|
1150
|
-
event.preventDefault();
|
1151
|
-
this.openedBy = 'keyboard';
|
1152
|
-
this.open();
|
1153
|
-
}
|
1154
|
-
};
|
1155
|
-
/** Handles click events on the trigger. */
|
1156
|
-
McDropdownTrigger.prototype.handleClick = function (event) {
|
1157
|
-
if (this.isNested()) {
|
1158
|
-
// Stop event propagation to avoid closing the parent dropdown.
|
1159
|
-
event.stopPropagation();
|
1160
|
-
this.open();
|
1161
|
-
}
|
1162
|
-
else {
|
1163
|
-
this.toggle();
|
1164
|
-
}
|
1165
|
-
};
|
1166
|
-
/** Closes the dropdown and does the necessary cleanup. */
|
1167
|
-
McDropdownTrigger.prototype.destroy = function (reason) {
|
1168
|
-
var _this = this;
|
1169
|
-
if (!this.overlayRef || !this.opened) {
|
1170
|
-
return;
|
1171
|
-
}
|
1172
|
-
this.lastDestroyReason = reason;
|
1173
|
-
this.dropdown.resetActiveItem();
|
1174
|
-
this.closeSubscription.unsubscribe();
|
1175
|
-
this.overlayRef.detach();
|
1176
|
-
if (this.restoreFocus && (reason === 'keydown' || !this.openedBy || !this.isNested())) {
|
1177
|
-
this.focus(this.openedBy);
|
1178
|
-
}
|
1179
|
-
this.openedBy = undefined;
|
1180
|
-
if (this.dropdown instanceof McDropdown) {
|
1181
|
-
this.dropdown.resetAnimation();
|
1182
|
-
var animationSubscription = this.dropdown.animationDone
|
1183
|
-
.pipe(operators.filter(function (event) { return event.toState === 'void'; }), operators.take(1));
|
1184
|
-
if (this.dropdown.lazyContent) {
|
1185
|
-
// Wait for the exit animation to finish before detaching the content.
|
1186
|
-
animationSubscription
|
1187
|
-
.pipe(
|
1188
|
-
// Interrupt if the content got re-attached.
|
1189
|
-
operators.takeUntil(this.dropdown.lazyContent.attached))
|
1190
|
-
.subscribe({
|
1191
|
-
next: function () { return _this.dropdown.lazyContent.detach(); },
|
1192
|
-
// No matter whether the content got re-attached, reset the this.dropdown.
|
1193
|
-
complete: function () { return _this.setIsOpened(false); }
|
1194
|
-
});
|
1195
|
-
}
|
1196
|
-
else {
|
1197
|
-
animationSubscription
|
1198
|
-
.subscribe(function () { return _this.setIsOpened(false); });
|
1199
|
-
}
|
1200
|
-
}
|
1201
|
-
else {
|
1202
|
-
this.setIsOpened(false);
|
1203
|
-
if (this.dropdown.lazyContent) {
|
1204
|
-
this.dropdown.lazyContent.detach();
|
1205
|
-
}
|
1206
|
-
}
|
1207
|
-
};
|
1208
|
-
/**
|
1209
|
-
* This method sets the dropdown state to open and focuses the first item if
|
1210
|
-
* the dropdown was opened via the keyboard.
|
1211
|
-
*/
|
1212
|
-
McDropdownTrigger.prototype.init = function () {
|
1213
|
-
this.dropdown.parent = this.isNested() ? this.parent : undefined;
|
1214
|
-
this.dropdown.direction = this.dir;
|
1215
|
-
if (!this.dropdown.parent) {
|
1216
|
-
this.dropdown.triggerWidth = this.getWidth();
|
1217
|
-
}
|
1218
|
-
this.dropdown.focusFirstItem(this.openedBy || 'program');
|
1219
|
-
this.setIsOpened(true);
|
1220
|
-
};
|
1221
|
-
// set state rather than toggle to support triggers sharing a dropdown
|
1222
|
-
McDropdownTrigger.prototype.setIsOpened = function (isOpen) {
|
1223
|
-
this._opened = isOpen;
|
1224
|
-
// tslint:disable-next-line:no-void-expression
|
1225
|
-
this._opened ? this.dropdownOpened.emit() : this.dropdownClosed.emit();
|
1226
|
-
if (this.isNested()) {
|
1227
|
-
this.dropdownItemInstance.highlighted = isOpen;
|
1228
|
-
}
|
1229
|
-
};
|
1230
|
-
/**
|
1231
|
-
* This method checks that a valid instance of McDropdown has been passed into
|
1232
|
-
* mcDropdownTriggerFor. If not, an exception is thrown.
|
1233
|
-
*/
|
1234
|
-
McDropdownTrigger.prototype.check = function () {
|
1235
|
-
if (!this.dropdown) {
|
1236
|
-
throwMcDropdownMissingError();
|
1237
|
-
}
|
1238
|
-
};
|
1239
|
-
/**
|
1240
|
-
* This method creates the overlay from the provided dropdown's template and saves its
|
1241
|
-
* OverlayRef so that it can be attached to the DOM when open is called.
|
1242
|
-
*/
|
1243
|
-
McDropdownTrigger.prototype.createOverlay = function () {
|
1244
|
-
if (!this.overlayRef) {
|
1245
|
-
var config = this.getOverlayConfig();
|
1246
|
-
this.subscribeToPositions(config.positionStrategy);
|
1247
|
-
this.overlayRef = this.overlay.create(config);
|
1248
|
-
// Consume the `keydownEvents` in order to prevent them from going to another overlay.
|
1249
|
-
// Ideally we'd also have our keyboard event logic in here, however doing so will
|
1250
|
-
// break anybody that may have implemented the `McDropdownPanel` themselves.
|
1251
|
-
this.overlayRef.keydownEvents()
|
1252
|
-
.subscribe();
|
1253
|
-
}
|
1254
|
-
return this.overlayRef;
|
1255
|
-
};
|
1256
|
-
/**
|
1257
|
-
* This method builds the configuration object needed to create the overlay, the OverlayState.
|
1258
|
-
* @returns OverlayConfig
|
1259
|
-
*/
|
1260
|
-
McDropdownTrigger.prototype.getOverlayConfig = function () {
|
1261
|
-
return new i1$1.OverlayConfig({
|
1262
|
-
positionStrategy: this.overlay.position()
|
1263
|
-
.flexibleConnectedTo(this.elementRef)
|
1264
|
-
.withLockedPosition()
|
1265
|
-
.withTransformOriginOn('.mc-dropdown__panel'),
|
1266
|
-
backdropClass: this.dropdown.backdropClass || 'cdk-overlay-transparent-backdrop',
|
1267
|
-
scrollStrategy: this.scrollStrategy(),
|
1268
|
-
direction: this.dir
|
1269
|
-
});
|
1270
|
-
};
|
1271
|
-
/**
|
1272
|
-
* Listens to changes in the position of the overlay and sets the correct classes
|
1273
|
-
* on the dropdown based on the new position. This ensures the animation origin is always
|
1274
|
-
* correct, even if a fallback position is used for the overlay.
|
1275
|
-
*/
|
1276
|
-
McDropdownTrigger.prototype.subscribeToPositions = function (position) {
|
1277
|
-
var _this = this;
|
1278
|
-
if (this.dropdown.setPositionClasses) {
|
1279
|
-
position.positionChanges
|
1280
|
-
.subscribe(function (change) {
|
1281
|
-
var posX = change.connectionPair.overlayX === 'start' ? 'after' : 'before';
|
1282
|
-
var posY = change.connectionPair.overlayY === 'top' ? 'below' : 'above';
|
1283
|
-
_this.dropdown.setPositionClasses(posX, posY);
|
1284
|
-
});
|
1285
|
-
}
|
1286
|
-
};
|
1287
|
-
/**
|
1288
|
-
* Sets the appropriate positions on a position strategy
|
1289
|
-
* so the overlay connects with the trigger correctly.
|
1290
|
-
* @param positionStrategy Strategy whose position to update.
|
1291
|
-
*/
|
1292
|
-
McDropdownTrigger.prototype.setPosition = function (positionStrategy) {
|
1293
|
-
var _b = __read(this.dropdown.xPosition === 'before' ?
|
1294
|
-
['end', 'start', 'end', 'start'] :
|
1295
|
-
['start', 'end', 'start', 'end'], 4), originX = _b[0], originFallbackX = _b[1], overlayX = _b[2], overlayFallbackX = _b[3];
|
1296
|
-
// tslint:disable-next-line:prefer-const
|
1297
|
-
var _c = __read(this.dropdown.yPosition === 'above' ?
|
1298
|
-
['bottom', 'top', 'bottom', 'top'] :
|
1299
|
-
['top', 'bottom', 'top', 'bottom'], 4), overlayY = _c[0], overlayFallbackY = _c[1], originY = _c[2], originFallbackY = _c[3];
|
1300
|
-
var offsetY = 0;
|
1301
|
-
var offsetX = 0;
|
1302
|
-
if (this.isNested()) {
|
1303
|
-
// When the dropdown is nested, it should always align itself
|
1304
|
-
// to the edges of the trigger, instead of overlapping it.
|
1305
|
-
overlayFallbackX = originX = this.dropdown.xPosition === 'before' ? 'start' : 'end';
|
1306
|
-
originFallbackX = overlayX = originX === 'end' ? 'start' : 'end';
|
1307
|
-
offsetY = overlayY === 'bottom' ? NESTED_PANEL_TOP_PADDING : -NESTED_PANEL_TOP_PADDING;
|
1308
|
-
offsetX = NESTED_PANEL_LEFT_PADDING;
|
1309
|
-
}
|
1310
|
-
else {
|
1311
|
-
if (!this.dropdown.overlapTriggerY) {
|
1312
|
-
originY = overlayY === 'top' ? 'bottom' : 'top';
|
1313
|
-
originFallbackY = overlayFallbackY === 'top' ? 'bottom' : 'top';
|
1314
|
-
}
|
1315
|
-
if (!this.dropdown.overlapTriggerX) {
|
1316
|
-
overlayFallbackX = originX = this.dropdown.xPosition === 'before' ? 'start' : 'end';
|
1317
|
-
originFallbackX = overlayX = originX === 'end' ? 'start' : 'end';
|
1318
|
-
}
|
1319
|
-
}
|
1320
|
-
positionStrategy.withPositions([
|
1321
|
-
{ originX: originX, originY: originY, overlayX: overlayX, overlayY: overlayY, offsetY: offsetY, offsetX: -offsetX },
|
1322
|
-
{ originX: originFallbackX, originY: originY, overlayX: overlayFallbackX, overlayY: overlayY, offsetY: offsetY, offsetX: offsetX },
|
1323
|
-
{
|
1324
|
-
originX: originX,
|
1325
|
-
originY: originFallbackY,
|
1326
|
-
overlayX: overlayX,
|
1327
|
-
overlayY: overlayFallbackY,
|
1328
|
-
offsetY: -offsetY,
|
1329
|
-
offsetX: -offsetX
|
1330
|
-
},
|
1331
|
-
{
|
1332
|
-
originX: originFallbackX,
|
1333
|
-
originY: originFallbackY,
|
1334
|
-
overlayX: overlayFallbackX,
|
1335
|
-
overlayY: overlayFallbackY,
|
1336
|
-
offsetY: -offsetY,
|
1337
|
-
offsetX: -offsetX
|
1338
|
-
}
|
1339
|
-
]);
|
1340
|
-
};
|
1341
|
-
/** Cleans up the active subscriptions. */
|
1342
|
-
McDropdownTrigger.prototype.cleanUpSubscriptions = function () {
|
1343
|
-
this.closeSubscription.unsubscribe();
|
1344
|
-
this.hoverSubscription.unsubscribe();
|
1345
|
-
};
|
1346
|
-
/** Returns a stream that emits whenever an action that should close the dropdown occurs. */
|
1347
|
-
McDropdownTrigger.prototype.closingActions = function () {
|
1348
|
-
var _this = this;
|
1349
|
-
var backdrop = this.overlayRef.backdropClick();
|
1350
|
-
var outsidePointerEvents = this.overlayRef.outsidePointerEvents();
|
1351
|
-
var detachments = this.overlayRef.detachments();
|
1352
|
-
var parentClose = this.parent ? this.parent.closed : rxjs.of();
|
1353
|
-
var hover = this.parent ? this.parent.hovered()
|
1354
|
-
.pipe(operators.filter(function (active) { return active !== _this.dropdownItemInstance; }), operators.filter(function () { return _this._opened; })) : rxjs.of();
|
1355
|
-
return rxjs.merge(backdrop, outsidePointerEvents, parentClose, hover, detachments);
|
1356
|
-
};
|
1357
|
-
/** Handles the cases where the user hovers over the trigger. */
|
1358
|
-
McDropdownTrigger.prototype.handleHover = function () {
|
1359
|
-
var _this = this;
|
1360
|
-
// Subscribe to changes in the hovered item in order to toggle the panel.
|
1361
|
-
if (!this.isNested()) {
|
1362
|
-
return;
|
1363
|
-
}
|
1364
|
-
this.hoverSubscription = this.parent.hovered()
|
1365
|
-
// Since we might have multiple competing triggers for the same dropdown (e.g. a nested dropdown
|
1366
|
-
// with different data and triggers), we have to delay it by a tick to ensure that
|
1367
|
-
// it won't be closed immediately after it is opened.
|
1368
|
-
.pipe(operators.filter(function (active) { return active === _this.dropdownItemInstance && !active.disabled; }), operators.delay(0, rxjs.asapScheduler))
|
1369
|
-
.subscribe(function () {
|
1370
|
-
_this.openedBy = 'mouse';
|
1371
|
-
// If the same dropdown is used between multiple triggers, it might still be animating
|
1372
|
-
// while the new trigger tries to re-open it. Wait for the animation to finish
|
1373
|
-
// before doing so. Also interrupt if the user moves to another item.
|
1374
|
-
if (_this.dropdown instanceof McDropdown && _this.dropdown.isAnimating) {
|
1375
|
-
// We need the `delay(0)` here in order to avoid
|
1376
|
-
// 'changed after checked' errors in some cases. See #12194.
|
1377
|
-
_this.dropdown.animationDone
|
1378
|
-
.pipe(operators.take(1), operators.delay(0, rxjs.asapScheduler), operators.takeUntil(_this.parent.hovered()))
|
1379
|
-
.subscribe(function () { return _this.open(); });
|
1380
|
-
}
|
1381
|
-
else {
|
1382
|
-
_this.open();
|
1383
|
-
}
|
1384
|
-
});
|
1385
|
-
};
|
1386
|
-
/** Gets the portal that should be attached to the overlay. */
|
1387
|
-
McDropdownTrigger.prototype.getPortal = function () {
|
1388
|
-
// Note that we can avoid this check by keeping the portal on the dropdown panel.
|
1389
|
-
// While it would be cleaner, we'd have to introduce another required method on
|
1390
|
-
// `McDropdownPanel`, making it harder to consume.
|
1391
|
-
if (!this.portal || this.portal.templateRef !== this.dropdown.templateRef) {
|
1392
|
-
this.portal = new portal.TemplatePortal(this.dropdown.templateRef, this.viewContainerRef);
|
1393
|
-
}
|
1394
|
-
return this.portal;
|
1395
|
-
};
|
1396
|
-
McDropdownTrigger.prototype.getWidth = function () {
|
1397
|
-
var nativeElement = this.elementRef.nativeElement;
|
1398
|
-
var _b = window.getComputedStyle(nativeElement), width = _b.width, borderRightWidth = _b.borderRightWidth, borderLeftWidth = _b.borderLeftWidth;
|
1399
|
-
return parseInt(width) - parseInt(borderRightWidth) - parseInt(borderLeftWidth) + "px";
|
1400
|
-
};
|
1401
|
-
return McDropdownTrigger;
|
1402
|
-
}());
|
1403
|
-
/** @nocollapse */ McDropdownTrigger.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: McDropdownTrigger, deps: [{ token: i1__namespace$1.Overlay }, { token: i0__namespace.ElementRef }, { token: i0__namespace.ViewContainerRef }, { token: MC_DROPDOWN_SCROLL_STRATEGY }, { token: McDropdown, optional: true }, { token: McDropdownItem, optional: true, self: true }, { token: i4__namespace.Directionality, optional: true }, { token: i1__namespace.FocusMonitor }], target: i0__namespace.ɵɵFactoryTarget.Directive });
|
1404
|
-
/** @nocollapse */ McDropdownTrigger.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: McDropdownTrigger, selector: "[mcDropdownTriggerFor]", inputs: { data: ["mcDropdownTriggerData", "data"], openByArrowDown: "openByArrowDown", restoreFocus: ["mcDropdownTriggerRestoreFocus", "restoreFocus"], dropdown: ["mcDropdownTriggerFor", "dropdown"] }, outputs: { dropdownOpened: "dropdownOpened", dropdownClosed: "dropdownClosed" }, host: { listeners: { "mousedown": "handleMousedown($event)", "keydown": "handleKeydown($event)", "click": "handleClick($event)" }, properties: { "class.mc-pressed": "opened" }, classAttribute: "mc-dropdown-trigger" }, exportAs: ["mcDropdownTrigger"], ngImport: i0__namespace });
|
1405
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: McDropdownTrigger, decorators: [{
|
1406
|
-
type: i0.Directive,
|
1407
|
-
args: [{
|
1408
|
-
selector: "[mcDropdownTriggerFor]",
|
1409
|
-
exportAs: 'mcDropdownTrigger',
|
1410
|
-
host: {
|
1411
|
-
class: 'mc-dropdown-trigger',
|
1412
|
-
'[class.mc-pressed]': 'opened',
|
1413
|
-
'(mousedown)': 'handleMousedown($event)',
|
1414
|
-
'(keydown)': 'handleKeydown($event)',
|
1415
|
-
'(click)': 'handleClick($event)'
|
1416
|
-
}
|
1417
|
-
}]
|
1418
|
-
}], ctorParameters: function () {
|
1419
|
-
return [{ type: i1__namespace$1.Overlay }, { type: i0__namespace.ElementRef }, { type: i0__namespace.ViewContainerRef }, { type: undefined, decorators: [{
|
1420
|
-
type: i0.Inject,
|
1421
|
-
args: [MC_DROPDOWN_SCROLL_STRATEGY]
|
1422
|
-
}] }, { type: McDropdown, decorators: [{
|
1423
|
-
type: i0.Optional
|
1424
|
-
}] }, { type: McDropdownItem, decorators: [{
|
1425
|
-
type: i0.Optional
|
1426
|
-
}, {
|
1427
|
-
type: i0.Self
|
1428
|
-
}] }, { type: i4__namespace.Directionality, decorators: [{
|
1429
|
-
type: i0.Optional
|
1430
|
-
}] }, { type: i1__namespace.FocusMonitor }];
|
1431
|
-
}, propDecorators: { data: [{
|
1432
|
-
type: i0.Input,
|
1433
|
-
args: ['mcDropdownTriggerData']
|
1434
|
-
}], openByArrowDown: [{
|
1435
|
-
type: i0.Input
|
1436
|
-
}], restoreFocus: [{
|
1437
|
-
type: i0.Input,
|
1438
|
-
args: ['mcDropdownTriggerRestoreFocus']
|
1439
|
-
}], dropdown: [{
|
1440
|
-
type: i0.Input,
|
1441
|
-
args: ['mcDropdownTriggerFor']
|
1442
|
-
}], dropdownOpened: [{
|
1443
|
-
type: i0.Output
|
1444
|
-
}], dropdownClosed: [{
|
1445
|
-
type: i0.Output
|
1446
|
-
}] } });
|
1447
|
-
|
1448
|
-
var McDropdownModule = /** @class */ (function () {
|
1449
|
-
function McDropdownModule() {
|
1450
|
-
}
|
1451
|
-
return McDropdownModule;
|
1452
|
-
}());
|
1453
|
-
/** @nocollapse */ McDropdownModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: McDropdownModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
1454
|
-
/** @nocollapse */ McDropdownModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: McDropdownModule, declarations: [McDropdown,
|
1455
|
-
McDropdownItem,
|
1456
|
-
McDropdownTrigger,
|
1457
|
-
McDropdownContent], imports: [i3.CommonModule,
|
1458
|
-
i1$1.OverlayModule,
|
1459
|
-
i2.McIconModule], exports: [McDropdown,
|
1460
|
-
McDropdownItem,
|
1461
|
-
McDropdownTrigger,
|
1462
|
-
McDropdownContent] });
|
1463
|
-
/** @nocollapse */ McDropdownModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: McDropdownModule, providers: [MC_DROPDOWN_SCROLL_STRATEGY_FACTORY_PROVIDER], imports: [[
|
1464
|
-
i3.CommonModule,
|
1465
|
-
i1$1.OverlayModule,
|
1466
|
-
i2.McIconModule
|
1467
|
-
]] });
|
1468
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0__namespace, type: McDropdownModule, decorators: [{
|
1469
|
-
type: i0.NgModule,
|
1470
|
-
args: [{
|
1471
|
-
imports: [
|
1472
|
-
i3.CommonModule,
|
1473
|
-
i1$1.OverlayModule,
|
1474
|
-
i2.McIconModule
|
1475
|
-
],
|
1476
|
-
exports: [
|
1477
|
-
McDropdown,
|
1478
|
-
McDropdownItem,
|
1479
|
-
McDropdownTrigger,
|
1480
|
-
McDropdownContent
|
1481
|
-
],
|
1482
|
-
declarations: [
|
1483
|
-
McDropdown,
|
1484
|
-
McDropdownItem,
|
1485
|
-
McDropdownTrigger,
|
1486
|
-
McDropdownContent
|
1487
|
-
],
|
1488
|
-
providers: [MC_DROPDOWN_SCROLL_STRATEGY_FACTORY_PROVIDER]
|
1489
|
-
}]
|
1490
|
-
}] });
|
1491
|
-
|
1492
|
-
/**
|
1493
|
-
* Generated bundle index. Do not edit.
|
1494
|
-
*/
|
1495
|
-
|
1496
|
-
exports.MC_DROPDOWN_DEFAULT_OPTIONS = MC_DROPDOWN_DEFAULT_OPTIONS;
|
1497
|
-
exports.MC_DROPDOWN_DEFAULT_OPTIONS_FACTORY = MC_DROPDOWN_DEFAULT_OPTIONS_FACTORY;
|
1498
|
-
exports.MC_DROPDOWN_PANEL = MC_DROPDOWN_PANEL;
|
1499
|
-
exports.MC_DROPDOWN_SCROLL_STRATEGY = MC_DROPDOWN_SCROLL_STRATEGY;
|
1500
|
-
exports.MC_DROPDOWN_SCROLL_STRATEGY_FACTORY = MC_DROPDOWN_SCROLL_STRATEGY_FACTORY;
|
1501
|
-
exports.MC_DROPDOWN_SCROLL_STRATEGY_FACTORY_PROVIDER = MC_DROPDOWN_SCROLL_STRATEGY_FACTORY_PROVIDER;
|
1502
|
-
exports.McDropdown = McDropdown;
|
1503
|
-
exports.McDropdownContent = McDropdownContent;
|
1504
|
-
exports.McDropdownItem = McDropdownItem;
|
1505
|
-
exports.McDropdownModule = McDropdownModule;
|
1506
|
-
exports.McDropdownTrigger = McDropdownTrigger;
|
1507
|
-
exports.NESTED_PANEL_LEFT_PADDING = NESTED_PANEL_LEFT_PADDING;
|
1508
|
-
exports.NESTED_PANEL_TOP_PADDING = NESTED_PANEL_TOP_PADDING;
|
1509
|
-
exports.fadeInItems = fadeInItems;
|
1510
|
-
exports.mcDropdownAnimations = mcDropdownAnimations;
|
1511
|
-
exports.throwMcDropdownInvalidPositionX = throwMcDropdownInvalidPositionX;
|
1512
|
-
exports.throwMcDropdownInvalidPositionY = throwMcDropdownInvalidPositionY;
|
1513
|
-
exports.throwMcDropdownMissingError = throwMcDropdownMissingError;
|
1514
|
-
exports.transformDropdown = transformDropdown;
|
1515
|
-
|
1516
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
1517
|
-
|
1518
|
-
})));
|
1519
|
-
//# sourceMappingURL=ptsecurity-mosaic-dropdown.umd.js.map
|