@educarehq/solaris-ui 0.2.0 → 0.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/educarehq-solaris-ui.mjs +12261 -0
- package/fesm2022/educarehq-solaris-ui.mjs.map +1 -0
- package/package.json +5 -5
- package/styles/_button.scss +510 -510
- package/styles/_dropdown-menu.scss +72 -0
- package/styles/_icon-button.scss +481 -481
- package/styles/_input.scss +255 -255
- package/styles/_popover.scss +73 -68
- package/styles/_theme.scss +46 -36
- package/styles/_toast.scss +9 -0
- package/styles/token/border/_border.scss +5 -0
- package/styles/token/border/_index.scss +1 -0
- package/styles/token/color/_dark.scss +78 -0
- package/styles/token/color/_high-contrast.scss +27 -0
- package/styles/token/color/_index.scss +3 -0
- package/styles/token/color/_light.scss +69 -0
- package/styles/token/density/_comfortable.scss +15 -0
- package/styles/token/density/_compact.scss +15 -0
- package/styles/token/density/_index.scss +2 -0
- package/styles/token/motion/_index.scss +2 -0
- package/styles/token/motion/_motion.scss +15 -0
- package/styles/token/motion/_reduced-motion.scss +15 -0
- package/styles/token/opacity/_index.scss +1 -0
- package/styles/token/opacity/_opacity.scss +4 -0
- package/styles/token/radius/_index.scss +1 -0
- package/styles/token/radius/_radius.scss +8 -0
- package/styles/token/shadow/_index.scss +1 -0
- package/styles/token/shadow/_shadow.scss +26 -0
- package/styles/token/spacing/_index.scss +1 -0
- package/styles/token/spacing/_spacing.scss +15 -0
- package/styles/token/typography/_font-family.scss +13 -0
- package/styles/token/typography/_index.scss +2 -0
- package/styles/token/typography/_typography.scss +25 -0
- package/styles/token/z-index/_index.scss +1 -0
- package/styles/token/z-index/_z-index.scss +10 -0
- package/types/educarehq-solaris-ui.d.ts +3201 -0
- package/educarehq-solaris-ui.d.ts +0 -5
- package/esm2022/educarehq-solaris-ui.js +0 -5
- package/esm2022/educarehq-solaris-ui.js.map +0 -1
- package/esm2022/index.js +0 -70
- package/esm2022/index.js.map +0 -1
- package/esm2022/lib/components/actions/button/directives/button-icon.directive.js +0 -17
- package/esm2022/lib/components/actions/button/directives/button-icon.directive.js.map +0 -1
- package/esm2022/lib/components/actions/button/directives/button.directive.js +0 -60
- package/esm2022/lib/components/actions/button/directives/button.directive.js.map +0 -1
- package/esm2022/lib/components/actions/button/model/button.types.js +0 -1
- package/esm2022/lib/components/actions/button/model/button.types.js.map +0 -1
- package/esm2022/lib/components/actions/button-group/component/button-group.component.js +0 -21
- package/esm2022/lib/components/actions/button-group/component/button-group.component.js.map +0 -1
- package/esm2022/lib/components/actions/button-group/model/button-group.types.js +0 -1
- package/esm2022/lib/components/actions/button-group/model/button-group.types.js.map +0 -1
- package/esm2022/lib/components/actions/icon-button/directives/icon-button-badge.directive.js +0 -17
- package/esm2022/lib/components/actions/icon-button/directives/icon-button-badge.directive.js.map +0 -1
- package/esm2022/lib/components/actions/icon-button/directives/icon-button.directive.js +0 -58
- package/esm2022/lib/components/actions/icon-button/directives/icon-button.directive.js.map +0 -1
- package/esm2022/lib/components/actions/icon-button/model/icon-button.types.js +0 -1
- package/esm2022/lib/components/actions/icon-button/model/icon-button.types.js.map +0 -1
- package/esm2022/lib/components/data-display/badge/component/badge.component.js +0 -24
- package/esm2022/lib/components/data-display/badge/component/badge.component.js.map +0 -1
- package/esm2022/lib/components/data-display/badge/directives/badge-icon.directive.js +0 -17
- package/esm2022/lib/components/data-display/badge/directives/badge-icon.directive.js.map +0 -1
- package/esm2022/lib/components/data-display/badge/model/badge.types.js +0 -1
- package/esm2022/lib/components/data-display/badge/model/badge.types.js.map +0 -1
- package/esm2022/lib/components/data-display/card/component/card.component.js +0 -20
- package/esm2022/lib/components/data-display/card/component/card.component.js.map +0 -1
- package/esm2022/lib/components/data-display/card/directives/card-actions.directive.js +0 -17
- package/esm2022/lib/components/data-display/card/directives/card-actions.directive.js.map +0 -1
- package/esm2022/lib/components/data-display/card/directives/card-content.directive.js +0 -17
- package/esm2022/lib/components/data-display/card/directives/card-content.directive.js.map +0 -1
- package/esm2022/lib/components/data-display/card/directives/card-description.directive.js +0 -17
- package/esm2022/lib/components/data-display/card/directives/card-description.directive.js.map +0 -1
- package/esm2022/lib/components/data-display/card/directives/card-footer.directive.js +0 -19
- package/esm2022/lib/components/data-display/card/directives/card-footer.directive.js.map +0 -1
- package/esm2022/lib/components/data-display/card/directives/card-header.directive.js +0 -17
- package/esm2022/lib/components/data-display/card/directives/card-header.directive.js.map +0 -1
- package/esm2022/lib/components/data-display/card/directives/card-media.directive.js +0 -17
- package/esm2022/lib/components/data-display/card/directives/card-media.directive.js.map +0 -1
- package/esm2022/lib/components/data-display/card/directives/card-title.directive.js +0 -17
- package/esm2022/lib/components/data-display/card/directives/card-title.directive.js.map +0 -1
- package/esm2022/lib/components/data-display/card/model/card.types.js +0 -1
- package/esm2022/lib/components/data-display/card/model/card.types.js.map +0 -1
- package/esm2022/lib/components/feedback/alert/component/alert-actions.component.js +0 -18
- package/esm2022/lib/components/feedback/alert/component/alert-actions.component.js.map +0 -1
- package/esm2022/lib/components/feedback/alert/component/alert.component.js +0 -90
- package/esm2022/lib/components/feedback/alert/component/alert.component.js.map +0 -1
- package/esm2022/lib/components/feedback/alert/directives/alert-description.directive.js +0 -17
- package/esm2022/lib/components/feedback/alert/directives/alert-description.directive.js.map +0 -1
- package/esm2022/lib/components/feedback/alert/directives/alert-title.directive.js +0 -17
- package/esm2022/lib/components/feedback/alert/directives/alert-title.directive.js.map +0 -1
- package/esm2022/lib/components/feedback/alert/model/alert.types.js +0 -1
- package/esm2022/lib/components/feedback/alert/model/alert.types.js.map +0 -1
- package/esm2022/lib/components/feedback/skeleton/component/skeleton.component.js +0 -69
- package/esm2022/lib/components/feedback/skeleton/component/skeleton.component.js.map +0 -1
- package/esm2022/lib/components/feedback/skeleton/model/skeleton.types.js +0 -1
- package/esm2022/lib/components/feedback/skeleton/model/skeleton.types.js.map +0 -1
- package/esm2022/lib/components/forms/checkbox/component/checkbox.component.js +0 -227
- package/esm2022/lib/components/forms/checkbox/component/checkbox.component.js.map +0 -1
- package/esm2022/lib/components/forms/checkbox/model/checkbox.types.js +0 -1
- package/esm2022/lib/components/forms/checkbox/model/checkbox.types.js.map +0 -1
- package/esm2022/lib/components/forms/checkbox-group/component/checkbox-group.component.js +0 -441
- package/esm2022/lib/components/forms/checkbox-group/component/checkbox-group.component.js.map +0 -1
- package/esm2022/lib/components/forms/checkbox-group/model/checkbox-group.types.js +0 -1
- package/esm2022/lib/components/forms/checkbox-group/model/checkbox-group.types.js.map +0 -1
- package/esm2022/lib/components/forms/email-field/component/email-field.component.js +0 -214
- package/esm2022/lib/components/forms/email-field/component/email-field.component.js.map +0 -1
- package/esm2022/lib/components/forms/email-field/model/email-field.types.js +0 -1
- package/esm2022/lib/components/forms/email-field/model/email-field.types.js.map +0 -1
- package/esm2022/lib/components/forms/email-field/validators/email-field.validators.js +0 -69
- package/esm2022/lib/components/forms/email-field/validators/email-field.validators.js.map +0 -1
- package/esm2022/lib/components/forms/form-field/component/form-error.component.js +0 -19
- package/esm2022/lib/components/forms/form-field/component/form-error.component.js.map +0 -1
- package/esm2022/lib/components/forms/form-field/component/form-field.component.js +0 -394
- package/esm2022/lib/components/forms/form-field/component/form-field.component.js.map +0 -1
- package/esm2022/lib/components/forms/form-field/component/form-hint.component.js +0 -18
- package/esm2022/lib/components/forms/form-field/component/form-hint.component.js.map +0 -1
- package/esm2022/lib/components/forms/form-field/component/form-label.component.js +0 -18
- package/esm2022/lib/components/forms/form-field/component/form-label.component.js.map +0 -1
- package/esm2022/lib/components/forms/form-field/directives/form-field-trigger.directive.js +0 -14
- package/esm2022/lib/components/forms/form-field/directives/form-field-trigger.directive.js.map +0 -1
- package/esm2022/lib/components/forms/form-field/directives/form-prefix.directive.js +0 -17
- package/esm2022/lib/components/forms/form-field/directives/form-prefix.directive.js.map +0 -1
- package/esm2022/lib/components/forms/form-field/directives/form-suffix.directive.js +0 -17
- package/esm2022/lib/components/forms/form-field/directives/form-suffix.directive.js.map +0 -1
- package/esm2022/lib/components/forms/form-field/index.js +0 -8
- package/esm2022/lib/components/forms/form-field/index.js.map +0 -1
- package/esm2022/lib/components/forms/form-field/model/form-control.contract.js +0 -3
- package/esm2022/lib/components/forms/form-field/model/form-control.contract.js.map +0 -1
- package/esm2022/lib/components/forms/form-field/model/form-field.types.js +0 -1
- package/esm2022/lib/components/forms/form-field/model/form-field.types.js.map +0 -1
- package/esm2022/lib/components/forms/input/directives/input.directive.js +0 -148
- package/esm2022/lib/components/forms/input/directives/input.directive.js.map +0 -1
- package/esm2022/lib/components/forms/input/index.js +0 -2
- package/esm2022/lib/components/forms/input/index.js.map +0 -1
- package/esm2022/lib/components/forms/input/model/input.defaults.js +0 -27
- package/esm2022/lib/components/forms/input/model/input.defaults.js.map +0 -1
- package/esm2022/lib/components/forms/input/model/input.types.js +0 -1
- package/esm2022/lib/components/forms/input/model/input.types.js.map +0 -1
- package/esm2022/lib/components/forms/multi-select/component/multi-select.component.js +0 -1119
- package/esm2022/lib/components/forms/multi-select/component/multi-select.component.js.map +0 -1
- package/esm2022/lib/components/forms/multi-select/model/multi-select.types.js +0 -1
- package/esm2022/lib/components/forms/multi-select/model/multi-select.types.js.map +0 -1
- package/esm2022/lib/components/forms/option/component/option.component.js +0 -149
- package/esm2022/lib/components/forms/option/component/option.component.js.map +0 -1
- package/esm2022/lib/components/forms/option/directives/option-slots.directive.js +0 -58
- package/esm2022/lib/components/forms/option/directives/option-slots.directive.js.map +0 -1
- package/esm2022/lib/components/forms/option/index.js +0 -3
- package/esm2022/lib/components/forms/option/index.js.map +0 -1
- package/esm2022/lib/components/forms/option/model/option.types.js +0 -1
- package/esm2022/lib/components/forms/option/model/option.types.js.map +0 -1
- package/esm2022/lib/components/forms/option-group/component/option-group.component.js +0 -103
- package/esm2022/lib/components/forms/option-group/component/option-group.component.js.map +0 -1
- package/esm2022/lib/components/forms/option-group/index.js +0 -2
- package/esm2022/lib/components/forms/option-group/index.js.map +0 -1
- package/esm2022/lib/components/forms/option-group/model/option-group.types.js +0 -1
- package/esm2022/lib/components/forms/option-group/model/option-group.types.js.map +0 -1
- package/esm2022/lib/components/forms/password-field/component/password-field.component.js +0 -299
- package/esm2022/lib/components/forms/password-field/component/password-field.component.js.map +0 -1
- package/esm2022/lib/components/forms/password-field/model/password-field-constants.js +0 -5
- package/esm2022/lib/components/forms/password-field/model/password-field-constants.js.map +0 -1
- package/esm2022/lib/components/forms/password-field/model/password-field.types.js +0 -1
- package/esm2022/lib/components/forms/password-field/model/password-field.types.js.map +0 -1
- package/esm2022/lib/components/forms/password-field/model/password-policy.types.js +0 -1
- package/esm2022/lib/components/forms/password-field/model/password-policy.types.js.map +0 -1
- package/esm2022/lib/components/forms/password-field/model/password-strength.js +0 -67
- package/esm2022/lib/components/forms/password-field/model/password-strength.js.map +0 -1
- package/esm2022/lib/components/forms/password-field/validators/password.validator.js +0 -45
- package/esm2022/lib/components/forms/password-field/validators/password.validator.js.map +0 -1
- package/esm2022/lib/components/forms/radio/component/radio.component.js +0 -219
- package/esm2022/lib/components/forms/radio/component/radio.component.js.map +0 -1
- package/esm2022/lib/components/forms/radio/model/radio.types.js +0 -1
- package/esm2022/lib/components/forms/radio/model/radio.types.js.map +0 -1
- package/esm2022/lib/components/forms/radio-group/component/radio-group.component.js +0 -348
- package/esm2022/lib/components/forms/radio-group/component/radio-group.component.js.map +0 -1
- package/esm2022/lib/components/forms/radio-group/model/radio-group.token.js +0 -3
- package/esm2022/lib/components/forms/radio-group/model/radio-group.token.js.map +0 -1
- package/esm2022/lib/components/forms/radio-group/model/radio-group.types.js +0 -1
- package/esm2022/lib/components/forms/radio-group/model/radio-group.types.js.map +0 -1
- package/esm2022/lib/components/forms/select/component/select.component.js +0 -819
- package/esm2022/lib/components/forms/select/component/select.component.js.map +0 -1
- package/esm2022/lib/components/forms/select/model/select.types.js +0 -1
- package/esm2022/lib/components/forms/select/model/select.types.js.map +0 -1
- package/esm2022/lib/components/forms/switch/component/switch.component.js +0 -211
- package/esm2022/lib/components/forms/switch/component/switch.component.js.map +0 -1
- package/esm2022/lib/components/forms/switch/index.js +0 -2
- package/esm2022/lib/components/forms/switch/index.js.map +0 -1
- package/esm2022/lib/components/forms/switch/model/switch.types.js +0 -1
- package/esm2022/lib/components/forms/switch/model/switch.types.js.map +0 -1
- package/esm2022/lib/components/forms/switch-group/component/switch-group.component.js +0 -369
- package/esm2022/lib/components/forms/switch-group/component/switch-group.component.js.map +0 -1
- package/esm2022/lib/components/forms/switch-group/model/switch-group.types.js +0 -1
- package/esm2022/lib/components/forms/switch-group/model/switch-group.types.js.map +0 -1
- package/esm2022/lib/components/forms/textarea/directives/textarea.directive.js +0 -137
- package/esm2022/lib/components/forms/textarea/directives/textarea.directive.js.map +0 -1
- package/esm2022/lib/components/forms/textarea/model/textarea.types.js +0 -1
- package/esm2022/lib/components/forms/textarea/model/textarea.types.js.map +0 -1
- package/esm2022/lib/components/icon/component/solaris-icon.component.js +0 -20
- package/esm2022/lib/components/icon/component/solaris-icon.component.js.map +0 -1
- package/esm2022/lib/components/icon/index.js +0 -2
- package/esm2022/lib/components/icon/index.js.map +0 -1
- package/esm2022/lib/components/interaction/popover/component/popover-panel.component.js +0 -29
- package/esm2022/lib/components/interaction/popover/component/popover-panel.component.js.map +0 -1
- package/esm2022/lib/components/interaction/popover/directives/popover-trigger.directive.js +0 -317
- package/esm2022/lib/components/interaction/popover/directives/popover-trigger.directive.js.map +0 -1
- package/esm2022/lib/components/interaction/popover/directives/popover.directive.js +0 -16
- package/esm2022/lib/components/interaction/popover/directives/popover.directive.js.map +0 -1
- package/esm2022/lib/components/interaction/popover/index.js +0 -4
- package/esm2022/lib/components/interaction/popover/index.js.map +0 -1
- package/esm2022/lib/components/interaction/popover/model/popover-position.js +0 -145
- package/esm2022/lib/components/interaction/popover/model/popover-position.js.map +0 -1
- package/esm2022/lib/components/interaction/popover/model/popover.types.js +0 -1
- package/esm2022/lib/components/interaction/popover/model/popover.types.js.map +0 -1
- package/esm2022/lib/components/interaction/popover/token/popover.tokens.js +0 -3
- package/esm2022/lib/components/interaction/popover/token/popover.tokens.js.map +0 -1
- package/esm2022/lib/components/interaction/tooltip/component/tooltip-panel.component.js +0 -23
- package/esm2022/lib/components/interaction/tooltip/component/tooltip-panel.component.js.map +0 -1
- package/esm2022/lib/components/interaction/tooltip/directive/tooltip.directive.js +0 -405
- package/esm2022/lib/components/interaction/tooltip/directive/tooltip.directive.js.map +0 -1
- package/esm2022/lib/components/interaction/tooltip/index.js +0 -3
- package/esm2022/lib/components/interaction/tooltip/index.js.map +0 -1
- package/esm2022/lib/components/interaction/tooltip/model/tooltip-position.js +0 -209
- package/esm2022/lib/components/interaction/tooltip/model/tooltip-position.js.map +0 -1
- package/esm2022/lib/components/interaction/tooltip/model/tooltip.types.js +0 -1
- package/esm2022/lib/components/interaction/tooltip/model/tooltip.types.js.map +0 -1
- package/esm2022/lib/components/interaction/tooltip/token/tooltip.tokens.js +0 -3
- package/esm2022/lib/components/interaction/tooltip/token/tooltip.tokens.js.map +0 -1
- package/esm2022/lib/services/accessibility/directives/visually-hidden.directive.js +0 -25
- package/esm2022/lib/services/accessibility/directives/visually-hidden.directive.js.map +0 -1
- package/esm2022/lib/services/accessibility/model/solaris-accessibility-config.interface.js +0 -1
- package/esm2022/lib/services/accessibility/model/solaris-accessibility-config.interface.js.map +0 -1
- package/esm2022/lib/services/accessibility/model/solaris-accessibility.types.js +0 -1
- package/esm2022/lib/services/accessibility/model/solaris-accessibility.types.js.map +0 -1
- package/esm2022/lib/services/accessibility/provider/provide-solaris-accessibility.js +0 -10
- package/esm2022/lib/services/accessibility/provider/provide-solaris-accessibility.js.map +0 -1
- package/esm2022/lib/services/accessibility/service/solaris-accessibility.service.js +0 -60
- package/esm2022/lib/services/accessibility/service/solaris-accessibility.service.js.map +0 -1
- package/esm2022/lib/services/accessibility/testing/solaris-accessibility-testing.provider.js +0 -10
- package/esm2022/lib/services/accessibility/testing/solaris-accessibility-testing.provider.js.map +0 -1
- package/esm2022/lib/services/accessibility/token/solaris-accessibility.tokens.js +0 -3
- package/esm2022/lib/services/accessibility/token/solaris-accessibility.tokens.js.map +0 -1
- package/esm2022/lib/services/icon/icons/index.js +0 -2
- package/esm2022/lib/services/icon/icons/index.js.map +0 -1
- package/esm2022/lib/services/icon/icons/solaris-built-in-icons.js +0 -207
- package/esm2022/lib/services/icon/icons/solaris-built-in-icons.js.map +0 -1
- package/esm2022/lib/services/icon/index.js +0 -5
- package/esm2022/lib/services/icon/index.js.map +0 -1
- package/esm2022/lib/services/icon/model/solaris-icon-definition.interface.js +0 -1
- package/esm2022/lib/services/icon/model/solaris-icon-definition.interface.js.map +0 -1
- package/esm2022/lib/services/icon/model/solaris-icon.types.js +0 -1
- package/esm2022/lib/services/icon/model/solaris-icon.types.js.map +0 -1
- package/esm2022/lib/services/icon/provider/provide-solaris-icons.js +0 -10
- package/esm2022/lib/services/icon/provider/provide-solaris-icons.js.map +0 -1
- package/esm2022/lib/services/icon/service/solaris-icon-registry.service.js +0 -43
- package/esm2022/lib/services/icon/service/solaris-icon-registry.service.js.map +0 -1
- package/esm2022/lib/services/icon/token/solaris-icon.tokens.js +0 -3
- package/esm2022/lib/services/icon/token/solaris-icon.tokens.js.map +0 -1
- package/esm2022/lib/services/theme/model/solaris-theme-config.interface.js +0 -1
- package/esm2022/lib/services/theme/model/solaris-theme-config.interface.js.map +0 -1
- package/esm2022/lib/services/theme/model/solaris-theme.types.js +0 -1
- package/esm2022/lib/services/theme/model/solaris-theme.types.js.map +0 -1
- package/esm2022/lib/services/theme/provider/provide-solaris-theme.js +0 -10
- package/esm2022/lib/services/theme/provider/provide-solaris-theme.js.map +0 -1
- package/esm2022/lib/services/theme/service/solaris-theme.service.js +0 -22
- package/esm2022/lib/services/theme/service/solaris-theme.service.js.map +0 -1
- package/esm2022/lib/services/theme/testing/solaris-theme-testing.provider.js +0 -10
- package/esm2022/lib/services/theme/testing/solaris-theme-testing.provider.js.map +0 -1
- package/esm2022/lib/services/theme/token/solaris-theme.tokens.js +0 -3
- package/esm2022/lib/services/theme/token/solaris-theme.tokens.js.map +0 -1
- package/esm2022/lib/services/translation/index.js +0 -6
- package/esm2022/lib/services/translation/index.js.map +0 -1
- package/esm2022/lib/services/translation/model/solaris-locale.types.js +0 -1
- package/esm2022/lib/services/translation/model/solaris-locale.types.js.map +0 -1
- package/esm2022/lib/services/translation/model/solaris-translate-config.interface.js +0 -1
- package/esm2022/lib/services/translation/model/solaris-translate-config.interface.js.map +0 -1
- package/esm2022/lib/services/translation/model/solaris-translate-defaults.js +0 -40
- package/esm2022/lib/services/translation/model/solaris-translate-defaults.js.map +0 -1
- package/esm2022/lib/services/translation/model/solaris-translation.types.js +0 -1
- package/esm2022/lib/services/translation/model/solaris-translation.types.js.map +0 -1
- package/esm2022/lib/services/translation/pipe/solaris-translate.pipe.js +0 -20
- package/esm2022/lib/services/translation/pipe/solaris-translate.pipe.js.map +0 -1
- package/esm2022/lib/services/translation/provider/provide-solaris-translate.js +0 -10
- package/esm2022/lib/services/translation/provider/provide-solaris-translate.js.map +0 -1
- package/esm2022/lib/services/translation/service/solaris-translate.service.js +0 -87
- package/esm2022/lib/services/translation/service/solaris-translate.service.js.map +0 -1
- package/esm2022/lib/services/translation/testing/solaris-translate-testing.provider.js +0 -32
- package/esm2022/lib/services/translation/testing/solaris-translate-testing.provider.js.map +0 -1
- package/esm2022/lib/services/translation/token/solaris-translate.tokens.js +0 -3
- package/esm2022/lib/services/translation/token/solaris-translate.tokens.js.map +0 -1
- package/esm2022/lib/testing/provide-solaris-testing.js +0 -11
- package/esm2022/lib/testing/provide-solaris-testing.js.map +0 -1
- package/esm2022/lib/testing/solaris-test-utilities.js +0 -12
- package/esm2022/lib/testing/solaris-test-utilities.js.map +0 -1
- package/index.d.ts +0 -106
- package/lib/components/actions/button/directives/button-icon.directive.d.ts +0 -5
- package/lib/components/actions/button/directives/button.directive.d.ts +0 -22
- package/lib/components/actions/button/model/button.types.d.ts +0 -5
- package/lib/components/actions/button-group/component/button-group.component.d.ts +0 -10
- package/lib/components/actions/button-group/model/button-group.types.d.ts +0 -2
- package/lib/components/actions/icon-button/directives/icon-button-badge.directive.d.ts +0 -5
- package/lib/components/actions/icon-button/directives/icon-button.directive.d.ts +0 -21
- package/lib/components/actions/icon-button/model/icon-button.types.d.ts +0 -5
- package/lib/components/data-display/badge/component/badge.component.d.ts +0 -12
- package/lib/components/data-display/badge/directives/badge-icon.directive.d.ts +0 -5
- package/lib/components/data-display/badge/model/badge.types.d.ts +0 -6
- package/lib/components/data-display/card/component/card.component.d.ts +0 -10
- package/lib/components/data-display/card/directives/card-actions.directive.d.ts +0 -5
- package/lib/components/data-display/card/directives/card-content.directive.d.ts +0 -5
- package/lib/components/data-display/card/directives/card-description.directive.d.ts +0 -5
- package/lib/components/data-display/card/directives/card-footer.directive.d.ts +0 -6
- package/lib/components/data-display/card/directives/card-header.directive.d.ts +0 -5
- package/lib/components/data-display/card/directives/card-media.directive.d.ts +0 -5
- package/lib/components/data-display/card/directives/card-title.directive.d.ts +0 -5
- package/lib/components/data-display/card/model/card.types.d.ts +0 -4
- package/lib/components/feedback/alert/component/alert-actions.component.d.ts +0 -5
- package/lib/components/feedback/alert/component/alert.component.d.ts +0 -26
- package/lib/components/feedback/alert/directives/alert-description.directive.d.ts +0 -5
- package/lib/components/feedback/alert/directives/alert-title.directive.d.ts +0 -5
- package/lib/components/feedback/alert/model/alert.types.d.ts +0 -5
- package/lib/components/feedback/skeleton/component/skeleton.component.d.ts +0 -17
- package/lib/components/feedback/skeleton/model/skeleton.types.d.ts +0 -5
- package/lib/components/forms/checkbox/component/checkbox.component.d.ts +0 -70
- package/lib/components/forms/checkbox/model/checkbox.types.d.ts +0 -5
- package/lib/components/forms/checkbox-group/component/checkbox-group.component.d.ts +0 -123
- package/lib/components/forms/checkbox-group/model/checkbox-group.types.d.ts +0 -5
- package/lib/components/forms/email-field/component/email-field.component.d.ts +0 -66
- package/lib/components/forms/email-field/model/email-field.types.d.ts +0 -6
- package/lib/components/forms/email-field/validators/email-field.validators.d.ts +0 -8
- package/lib/components/forms/form-field/component/form-error.component.d.ts +0 -5
- package/lib/components/forms/form-field/component/form-field.component.d.ts +0 -90
- package/lib/components/forms/form-field/component/form-hint.component.d.ts +0 -5
- package/lib/components/forms/form-field/component/form-label.component.d.ts +0 -5
- package/lib/components/forms/form-field/directives/form-field-trigger.directive.d.ts +0 -5
- package/lib/components/forms/form-field/directives/form-prefix.directive.d.ts +0 -5
- package/lib/components/forms/form-field/directives/form-suffix.directive.d.ts +0 -5
- package/lib/components/forms/form-field/index.d.ts +0 -8
- package/lib/components/forms/form-field/model/form-control.contract.d.ts +0 -11
- package/lib/components/forms/form-field/model/form-field.types.d.ts +0 -5
- package/lib/components/forms/input/directives/input.directive.d.ts +0 -37
- package/lib/components/forms/input/index.d.ts +0 -2
- package/lib/components/forms/input/model/input.defaults.d.ts +0 -2
- package/lib/components/forms/input/model/input.types.d.ts +0 -4
- package/lib/components/forms/multi-select/component/multi-select.component.d.ts +0 -202
- package/lib/components/forms/multi-select/model/multi-select.types.d.ts +0 -5
- package/lib/components/forms/option/component/option.component.d.ts +0 -58
- package/lib/components/forms/option/directives/option-slots.directive.d.ts +0 -21
- package/lib/components/forms/option/index.d.ts +0 -3
- package/lib/components/forms/option/model/option.types.d.ts +0 -3
- package/lib/components/forms/option-group/component/option-group.component.d.ts +0 -32
- package/lib/components/forms/option-group/index.d.ts +0 -2
- package/lib/components/forms/option-group/model/option-group.types.d.ts +0 -2
- package/lib/components/forms/password-field/component/password-field.component.d.ts +0 -81
- package/lib/components/forms/password-field/model/password-field-constants.d.ts +0 -4
- package/lib/components/forms/password-field/model/password-field.types.d.ts +0 -6
- package/lib/components/forms/password-field/model/password-policy.types.d.ts +0 -10
- package/lib/components/forms/password-field/model/password-strength.d.ts +0 -2
- package/lib/components/forms/password-field/validators/password.validator.d.ts +0 -3
- package/lib/components/forms/radio/component/radio.component.d.ts +0 -68
- package/lib/components/forms/radio/model/radio.types.d.ts +0 -4
- package/lib/components/forms/radio-group/component/radio-group.component.d.ts +0 -86
- package/lib/components/forms/radio-group/model/radio-group.token.d.ts +0 -2
- package/lib/components/forms/radio-group/model/radio-group.types.d.ts +0 -5
- package/lib/components/forms/select/component/select.component.d.ts +0 -158
- package/lib/components/forms/select/model/select.types.d.ts +0 -4
- package/lib/components/forms/switch/component/switch.component.d.ts +0 -66
- package/lib/components/forms/switch/index.d.ts +0 -2
- package/lib/components/forms/switch/model/switch.types.d.ts +0 -4
- package/lib/components/forms/switch-group/component/switch-group.component.d.ts +0 -91
- package/lib/components/forms/switch-group/model/switch-group.types.d.ts +0 -5
- package/lib/components/forms/textarea/directives/textarea.directive.d.ts +0 -37
- package/lib/components/forms/textarea/model/textarea.types.d.ts +0 -5
- package/lib/components/icon/component/solaris-icon.component.d.ts +0 -13
- package/lib/components/icon/index.d.ts +0 -1
- package/lib/components/interaction/popover/component/popover-panel.component.d.ts +0 -10
- package/lib/components/interaction/popover/directives/popover-trigger.directive.d.ts +0 -65
- package/lib/components/interaction/popover/directives/popover.directive.d.ts +0 -7
- package/lib/components/interaction/popover/index.d.ts +0 -4
- package/lib/components/interaction/popover/model/popover-position.d.ts +0 -4
- package/lib/components/interaction/popover/model/popover.types.d.ts +0 -7
- package/lib/components/interaction/popover/token/popover.tokens.d.ts +0 -12
- package/lib/components/interaction/tooltip/component/tooltip-panel.component.d.ts +0 -9
- package/lib/components/interaction/tooltip/directive/tooltip.directive.d.ts +0 -80
- package/lib/components/interaction/tooltip/index.d.ts +0 -3
- package/lib/components/interaction/tooltip/model/tooltip-position.d.ts +0 -5
- package/lib/components/interaction/tooltip/model/tooltip.types.d.ts +0 -22
- package/lib/components/interaction/tooltip/token/tooltip.tokens.d.ts +0 -21
- package/lib/services/accessibility/directives/visually-hidden.directive.d.ts +0 -5
- package/lib/services/accessibility/model/solaris-accessibility-config.interface.d.ts +0 -4
- package/lib/services/accessibility/model/solaris-accessibility.types.d.ts +0 -5
- package/lib/services/accessibility/provider/provide-solaris-accessibility.d.ts +0 -3
- package/lib/services/accessibility/service/solaris-accessibility.service.d.ts +0 -15
- package/lib/services/accessibility/testing/solaris-accessibility-testing.provider.d.ts +0 -3
- package/lib/services/accessibility/token/solaris-accessibility.tokens.d.ts +0 -3
- package/lib/services/icon/icons/index.d.ts +0 -1
- package/lib/services/icon/icons/solaris-built-in-icons.d.ts +0 -2
- package/lib/services/icon/index.d.ts +0 -8
- package/lib/services/icon/model/solaris-icon-definition.interface.d.ts +0 -36
- package/lib/services/icon/model/solaris-icon.types.d.ts +0 -4
- package/lib/services/icon/provider/provide-solaris-icons.d.ts +0 -3
- package/lib/services/icon/service/solaris-icon-registry.service.d.ts +0 -12
- package/lib/services/icon/token/solaris-icon.tokens.d.ts +0 -6
- package/lib/services/theme/model/solaris-theme-config.interface.d.ts +0 -5
- package/lib/services/theme/model/solaris-theme.types.d.ts +0 -3
- package/lib/services/theme/provider/provide-solaris-theme.d.ts +0 -3
- package/lib/services/theme/service/solaris-theme.service.d.ts +0 -9
- package/lib/services/theme/testing/solaris-theme-testing.provider.d.ts +0 -3
- package/lib/services/theme/token/solaris-theme.tokens.d.ts +0 -3
- package/lib/services/translation/index.d.ts +0 -8
- package/lib/services/translation/model/solaris-locale.types.d.ts +0 -4
- package/lib/services/translation/model/solaris-translate-config.interface.d.ts +0 -8
- package/lib/services/translation/model/solaris-translate-defaults.d.ts +0 -2
- package/lib/services/translation/model/solaris-translation.types.d.ts +0 -3
- package/lib/services/translation/pipe/solaris-translate.pipe.d.ts +0 -8
- package/lib/services/translation/provider/provide-solaris-translate.d.ts +0 -3
- package/lib/services/translation/service/solaris-translate.service.d.ts +0 -15
- package/lib/services/translation/testing/solaris-translate-testing.provider.d.ts +0 -3
- package/lib/services/translation/token/solaris-translate.tokens.d.ts +0 -3
- package/lib/testing/provide-solaris-testing.d.ts +0 -10
- package/lib/testing/solaris-test-utilities.d.ts +0 -3
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"textarea.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/forms/textarea/model/textarea.types.ts"],"names":[],"mappings":"","sourcesContent":["export type SolarisTextareaAppearance = 'outline' | 'surface' | 'filled';\n\nexport type SolarisTextareaSize = 'sm' | 'md' | 'lg';\n\nexport type SolarisTextareaDensity = 'compact' | 'comfortable';\n\nexport type SolarisTextareaRadius = 'none' | 'sm' | 'md' | 'lg';\n\nexport type SolarisTextareaResize = 'none' | 'vertical' | 'horizontal' | 'both';\n"]}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { Component, inject, input, computed } from '@angular/core';
|
|
2
|
-
import { SolarisIconRegistryService } from '../../../services/icon';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export class SolarisIconComponent {
|
|
5
|
-
registry = inject(SolarisIconRegistryService);
|
|
6
|
-
name = input.required(...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
|
|
7
|
-
ariaLabel = input(...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
|
|
8
|
-
decorative = input(false, ...(ngDevMode ? [{ debugName: "decorative" }] : /* istanbul ignore next */ []));
|
|
9
|
-
definition = computed(() => this.registry.getIcon(this.name()), ...(ngDevMode ? [{ debugName: "definition" }] : /* istanbul ignore next */ []));
|
|
10
|
-
isHidden = computed(() => this.decorative(), ...(ngDevMode ? [{ debugName: "isHidden" }] : /* istanbul ignore next */ []));
|
|
11
|
-
accessibleLabel = computed(() => this.ariaLabel() ?? '', ...(ngDevMode ? [{ debugName: "accessibleLabel" }] : /* istanbul ignore next */ []));
|
|
12
|
-
hasSemanticLabel = computed(() => !this.decorative() && !!this.ariaLabel(), ...(ngDevMode ? [{ debugName: "hasSemanticLabel" }] : /* istanbul ignore next */ []));
|
|
13
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
14
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SolarisIconComponent, isStandalone: true, selector: "solaris-icon", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, decorative: { classPropertyName: "decorative", publicName: "decorative", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (definition(); as icon) {\n <svg\n width=\"100%\"\n height=\"100%\"\n [attr.viewBox]=\"icon.viewBox\"\n [attr.fill]=\"icon.fill ?? 'none'\"\n [attr.stroke]=\"icon.stroke ?? 'currentColor'\"\n [attr.stroke-width]=\"icon.strokeWidth ?? 2\"\n [attr.stroke-linecap]=\"icon.strokeLinecap ?? 'round'\"\n [attr.stroke-linejoin]=\"icon.strokeLinejoin ?? 'round'\"\n [attr.aria-hidden]=\"isHidden() ? 'true' : null\"\n [attr.aria-label]=\"hasSemanticLabel() ? accessibleLabel() : null\"\n [attr.role]=\"isHidden() ? 'presentation' : 'img'\"\n >\n @for (element of icon.elements; track $index) {\n @switch (element.type) {\n @case ('path') {\n <path [attr.d]=\"element.d\" />\n }\n @case ('line') {\n <line\n [attr.x1]=\"element.x1\"\n [attr.y1]=\"element.y1\"\n [attr.x2]=\"element.x2\"\n [attr.y2]=\"element.y2\"\n />\n }\n @case ('polyline') {\n <polyline [attr.points]=\"element.points\" />\n }\n @case ('polygon') {\n <polygon [attr.points]=\"element.points\" />\n }\n @case ('circle') {\n <circle\n [attr.cx]=\"element.cx\"\n [attr.cy]=\"element.cy\"\n [attr.r]=\"element.r\"\n />\n }\n }\n }\n </svg>\n}\n", styles: [":host{width:1em;height:1em;align-items:center;display:inline-flex;justify-content:center}:host svg{width:100%;height:100%}\n"] });
|
|
15
|
-
}
|
|
16
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisIconComponent, decorators: [{
|
|
17
|
-
type: Component,
|
|
18
|
-
args: [{ selector: 'solaris-icon', standalone: true, template: "@if (definition(); as icon) {\n <svg\n width=\"100%\"\n height=\"100%\"\n [attr.viewBox]=\"icon.viewBox\"\n [attr.fill]=\"icon.fill ?? 'none'\"\n [attr.stroke]=\"icon.stroke ?? 'currentColor'\"\n [attr.stroke-width]=\"icon.strokeWidth ?? 2\"\n [attr.stroke-linecap]=\"icon.strokeLinecap ?? 'round'\"\n [attr.stroke-linejoin]=\"icon.strokeLinejoin ?? 'round'\"\n [attr.aria-hidden]=\"isHidden() ? 'true' : null\"\n [attr.aria-label]=\"hasSemanticLabel() ? accessibleLabel() : null\"\n [attr.role]=\"isHidden() ? 'presentation' : 'img'\"\n >\n @for (element of icon.elements; track $index) {\n @switch (element.type) {\n @case ('path') {\n <path [attr.d]=\"element.d\" />\n }\n @case ('line') {\n <line\n [attr.x1]=\"element.x1\"\n [attr.y1]=\"element.y1\"\n [attr.x2]=\"element.x2\"\n [attr.y2]=\"element.y2\"\n />\n }\n @case ('polyline') {\n <polyline [attr.points]=\"element.points\" />\n }\n @case ('polygon') {\n <polygon [attr.points]=\"element.points\" />\n }\n @case ('circle') {\n <circle\n [attr.cx]=\"element.cx\"\n [attr.cy]=\"element.cy\"\n [attr.r]=\"element.r\"\n />\n }\n }\n }\n </svg>\n}\n", styles: [":host{width:1em;height:1em;align-items:center;display:inline-flex;justify-content:center}:host svg{width:100%;height:100%}\n"] }]
|
|
19
|
-
}], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: true }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], decorative: [{ type: i0.Input, args: [{ isSignal: true, alias: "decorative", required: false }] }] } });
|
|
20
|
-
//# sourceMappingURL=solaris-icon.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"solaris-icon.component.js","sourceRoot":"","sources":["../../../../../../../../packages/angular/src/lib/components/icon/component/solaris-icon.component.ts","../../../../../../../../packages/angular/src/lib/components/icon/component/solaris-icon.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEnE,OAAO,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAC;;AAQpE,MAAM,OAAO,oBAAoB;IACd,QAAQ,GAAG,MAAM,CAAC,0BAA0B,CAAC,CAAC;IAEtD,IAAI,GAAG,KAAK,CAAC,QAAQ,0EAAU,CAAC;IAChC,SAAS,GAAG,KAAK,0FAAU,CAAC;IAC5B,UAAU,GAAG,KAAK,CAAC,KAAK,iFAAC,CAAC;IAEhB,UAAU,GAAG,QAAQ,CAAC,GAAG,EAAE,CAC5C,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,iFACnC,CAAC;IAEiB,QAAQ,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,+EAAC,CAAC;IAC7C,eAAe,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,EAAE,sFAAC,CAAC;IACzD,gBAAgB,GAAG,QAAQ,CAC5C,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE,uFAC/C,CAAC;wGAfS,oBAAoB;4FAApB,oBAAoB,mdCVjC,01CA4CA;;4FDlCa,oBAAoB;kBANhC,SAAS;+BACE,cAAc,cACZ,IAAI","sourcesContent":["import { Component, inject, input, computed } from '@angular/core';\n\nimport { SolarisIconRegistryService } from '../../../services/icon';\n\n@Component({\n selector: 'solaris-icon',\n standalone: true,\n templateUrl: './solaris-icon.component.html',\n styleUrls: ['./solaris-icon.component.scss'],\n})\nexport class SolarisIconComponent {\n private readonly registry = inject(SolarisIconRegistryService);\n\n readonly name = input.required<string>();\n readonly ariaLabel = input<string>();\n readonly decorative = input(false);\n\n protected readonly definition = computed(() =>\n this.registry.getIcon(this.name()),\n );\n\n protected readonly isHidden = computed(() => this.decorative());\n protected readonly accessibleLabel = computed(() => this.ariaLabel() ?? '');\n protected readonly hasSemanticLabel = computed(\n () => !this.decorative() && !!this.ariaLabel(),\n );\n}\n","@if (definition(); as icon) {\n <svg\n width=\"100%\"\n height=\"100%\"\n [attr.viewBox]=\"icon.viewBox\"\n [attr.fill]=\"icon.fill ?? 'none'\"\n [attr.stroke]=\"icon.stroke ?? 'currentColor'\"\n [attr.stroke-width]=\"icon.strokeWidth ?? 2\"\n [attr.stroke-linecap]=\"icon.strokeLinecap ?? 'round'\"\n [attr.stroke-linejoin]=\"icon.strokeLinejoin ?? 'round'\"\n [attr.aria-hidden]=\"isHidden() ? 'true' : null\"\n [attr.aria-label]=\"hasSemanticLabel() ? accessibleLabel() : null\"\n [attr.role]=\"isHidden() ? 'presentation' : 'img'\"\n >\n @for (element of icon.elements; track $index) {\n @switch (element.type) {\n @case ('path') {\n <path [attr.d]=\"element.d\" />\n }\n @case ('line') {\n <line\n [attr.x1]=\"element.x1\"\n [attr.y1]=\"element.y1\"\n [attr.x2]=\"element.x2\"\n [attr.y2]=\"element.y2\"\n />\n }\n @case ('polyline') {\n <polyline [attr.points]=\"element.points\" />\n }\n @case ('polygon') {\n <polygon [attr.points]=\"element.points\" />\n }\n @case ('circle') {\n <circle\n [attr.cx]=\"element.cx\"\n [attr.cy]=\"element.cy\"\n [attr.r]=\"element.r\"\n />\n }\n }\n }\n </svg>\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/angular/src/lib/components/icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC","sourcesContent":["export { SolarisIconComponent } from './component/solaris-icon.component';\r\n"]}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { Component, inject, ElementRef } from '@angular/core';
|
|
2
|
-
import { NgTemplateOutlet } from '@angular/common';
|
|
3
|
-
import { SOLARIS_POPOVER_PANEL_DATA, } from '../token/popover.tokens';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export class SolarisPopoverPanelComponent {
|
|
6
|
-
elementRef = inject(ElementRef);
|
|
7
|
-
data = inject(SOLARIS_POPOVER_PANEL_DATA);
|
|
8
|
-
ngAfterViewInit() {
|
|
9
|
-
if (this.data.autoFocus === 'panel') {
|
|
10
|
-
// SECURITY_EXCEPTION: nativeElement.focus() required for autoFocus='panel'. SSR-safe via ElementRef.
|
|
11
|
-
this.elementRef.nativeElement.focus();
|
|
12
|
-
}
|
|
13
|
-
else if (this.data.autoFocus === 'first-tabbable') {
|
|
14
|
-
const firstTabbable = this.elementRef.nativeElement // SECURITY_EXCEPTION: nativeElement.querySelector needed for autoFocus='first-tabbable'. Standard query only.
|
|
15
|
-
.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
|
|
16
|
-
firstTabbable?.focus();
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisPopoverPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
20
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: SolarisPopoverPanelComponent, isStandalone: true, selector: "solaris-popover-panel", host: { properties: { "attr.tabindex": "data.autoFocus === \"panel\" ? \"-1\" : null" }, classAttribute: "solaris-popover-panel" }, ngImport: i0, template: "<div\n class=\"solaris-popover-panel__container\"\n [attr.data-appearance]=\"data.appearance\"\n [attr.data-padding]=\"data.padding\"\n [attr.data-radius]=\"data.radius\"\n [attr.data-connected-side]=\"data.connectedSide ?? null\"\n [attr.role]=\"data.role\"\n [id]=\"data.panelId\"\n tabindex=\"-1\"\n>\n <ng-container *ngTemplateOutlet=\"data.contentTemplate\" />\n</div>\n", styles: [":host{display:block;width:100%;outline:none}.solaris-popover-panel__container{width:100%;box-sizing:border-box;background:var(--solaris-popover-background, var(--solaris-surface-raised));color:var(--solaris-popover-color, var(--solaris-text-default));border:var(--solaris-popover-border-width, 0) solid var(--solaris-popover-border-color, transparent);border-radius:var(--solaris-popover-radius, var(--solaris-radius-md));box-shadow:var(--solaris-popover-shadow, var(--solaris-shadow-lg));padding:var(--solaris-popover-padding, var(--solaris-spacing-3));min-width:var(--solaris-popover-min-width, auto);max-width:var(--solaris-popover-max-width, none);outline:none}.solaris-popover-panel__container[data-appearance=outline]{background:var(--solaris-popover-background, var(--solaris-surface-base));border:var(--solaris-popover-border-width, var(--solaris-border-width-sm)) solid var(--solaris-popover-border-color, var(--solaris-popover-outline-border-color, var(--solaris-border-default)))}.solaris-popover-panel__container[data-padding=none]{--solaris-popover-padding: 0}.solaris-popover-panel__container[data-padding=sm]{--solaris-popover-padding: var(--solaris-spacing-2)}.solaris-popover-panel__container[data-padding=md]{--solaris-popover-padding: var(--solaris-spacing-3)}.solaris-popover-panel__container[data-padding=lg]{--solaris-popover-padding: var(--solaris-spacing-4)}.solaris-popover-panel__container[data-radius=none]{border-radius:var(--solaris-radius-none)}.solaris-popover-panel__container[data-radius=sm]{border-radius:var(--solaris-radius-sm)}.solaris-popover-panel__container[data-radius=md]{border-radius:var(--solaris-radius-md)}.solaris-popover-panel__container[data-radius=lg]{border-radius:var(--solaris-radius-lg)}.solaris-popover-panel__container[data-radius=xl]{border-radius:var(--solaris-radius-xl)}.solaris-popover-panel__container[data-connected-side=bottom]{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.solaris-popover-panel__container[data-connected-side=top]{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
|
|
21
|
-
}
|
|
22
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisPopoverPanelComponent, decorators: [{
|
|
23
|
-
type: Component,
|
|
24
|
-
args: [{ selector: 'solaris-popover-panel', standalone: true, imports: [NgTemplateOutlet], host: {
|
|
25
|
-
class: 'solaris-popover-panel',
|
|
26
|
-
'[attr.tabindex]': 'data.autoFocus === "panel" ? "-1" : null',
|
|
27
|
-
}, template: "<div\n class=\"solaris-popover-panel__container\"\n [attr.data-appearance]=\"data.appearance\"\n [attr.data-padding]=\"data.padding\"\n [attr.data-radius]=\"data.radius\"\n [attr.data-connected-side]=\"data.connectedSide ?? null\"\n [attr.role]=\"data.role\"\n [id]=\"data.panelId\"\n tabindex=\"-1\"\n>\n <ng-container *ngTemplateOutlet=\"data.contentTemplate\" />\n</div>\n", styles: [":host{display:block;width:100%;outline:none}.solaris-popover-panel__container{width:100%;box-sizing:border-box;background:var(--solaris-popover-background, var(--solaris-surface-raised));color:var(--solaris-popover-color, var(--solaris-text-default));border:var(--solaris-popover-border-width, 0) solid var(--solaris-popover-border-color, transparent);border-radius:var(--solaris-popover-radius, var(--solaris-radius-md));box-shadow:var(--solaris-popover-shadow, var(--solaris-shadow-lg));padding:var(--solaris-popover-padding, var(--solaris-spacing-3));min-width:var(--solaris-popover-min-width, auto);max-width:var(--solaris-popover-max-width, none);outline:none}.solaris-popover-panel__container[data-appearance=outline]{background:var(--solaris-popover-background, var(--solaris-surface-base));border:var(--solaris-popover-border-width, var(--solaris-border-width-sm)) solid var(--solaris-popover-border-color, var(--solaris-popover-outline-border-color, var(--solaris-border-default)))}.solaris-popover-panel__container[data-padding=none]{--solaris-popover-padding: 0}.solaris-popover-panel__container[data-padding=sm]{--solaris-popover-padding: var(--solaris-spacing-2)}.solaris-popover-panel__container[data-padding=md]{--solaris-popover-padding: var(--solaris-spacing-3)}.solaris-popover-panel__container[data-padding=lg]{--solaris-popover-padding: var(--solaris-spacing-4)}.solaris-popover-panel__container[data-radius=none]{border-radius:var(--solaris-radius-none)}.solaris-popover-panel__container[data-radius=sm]{border-radius:var(--solaris-radius-sm)}.solaris-popover-panel__container[data-radius=md]{border-radius:var(--solaris-radius-md)}.solaris-popover-panel__container[data-radius=lg]{border-radius:var(--solaris-radius-lg)}.solaris-popover-panel__container[data-radius=xl]{border-radius:var(--solaris-radius-xl)}.solaris-popover-panel__container[data-connected-side=bottom]{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.solaris-popover-panel__container[data-connected-side=top]{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}\n"] }]
|
|
28
|
-
}] });
|
|
29
|
-
//# sourceMappingURL=popover-panel.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"popover-panel.component.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/interaction/popover/component/popover-panel.component.ts","../../../../../../../../../packages/angular/src/lib/components/interaction/popover/component/popover-panel.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAiB,UAAU,EAAE,MAAM,eAAe,CAAC;AAC7E,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEnD,OAAO,EACL,0BAA0B,GAE3B,MAAM,yBAAyB,CAAC;;AAajC,MAAM,OAAO,4BAA4B;IACtB,UAAU,GAAG,MAAM,CAA0B,UAAU,CAAC,CAAC;IACjE,IAAI,GAA4B,MAAM,CAAC,0BAA0B,CAAC,CAAC;IAE5E,eAAe;QACb,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,KAAK,OAAO,EAAE,CAAC;YACpC,qGAAqG;YACpG,IAAI,CAAC,UAAsC,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;QACrE,CAAC;aAAM,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,KAAK,gBAAgB,EAAE,CAAC;YACpD,MAAM,aAAa,GACjB,IAAI,CAAC,UACN,CAAC,aAAa,CAAC,8GAA8G;iBAC3H,aAAa,CACZ,0EAA0E,CAC3E,CAAC;YACJ,aAAa,EAAE,KAAK,EAAE,CAAC;QACzB,CAAC;IACH,CAAC;wGAjBU,4BAA4B;4FAA5B,4BAA4B,qNCnBzC,kYAYA,2mEDDY,gBAAgB;;4FAQf,4BAA4B;kBAXxC,SAAS;+BACE,uBAAuB,cACrB,IAAI,WACP,CAAC,gBAAgB,CAAC,QAGrB;wBACJ,KAAK,EAAE,uBAAuB;wBAC9B,iBAAiB,EAAE,0CAA0C;qBAC9D","sourcesContent":["import { Component, inject, AfterViewInit, ElementRef } from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\n\nimport {\n SOLARIS_POPOVER_PANEL_DATA,\n type SolarisPopoverPanelData,\n} from '../token/popover.tokens';\n\n@Component({\n selector: 'solaris-popover-panel',\n standalone: true,\n imports: [NgTemplateOutlet],\n templateUrl: './popover-panel.component.html',\n styleUrls: ['./popover-panel.component.scss'],\n host: {\n class: 'solaris-popover-panel',\n '[attr.tabindex]': 'data.autoFocus === \"panel\" ? \"-1\" : null',\n },\n})\nexport class SolarisPopoverPanelComponent implements AfterViewInit {\n private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n readonly data: SolarisPopoverPanelData = inject(SOLARIS_POPOVER_PANEL_DATA);\n\n ngAfterViewInit(): void {\n if (this.data.autoFocus === 'panel') {\n // SECURITY_EXCEPTION: nativeElement.focus() required for autoFocus='panel'. SSR-safe via ElementRef.\n (this.elementRef as ElementRef<HTMLElement>).nativeElement.focus();\n } else if (this.data.autoFocus === 'first-tabbable') {\n const firstTabbable = (\n this.elementRef as ElementRef<HTMLElement>\n ).nativeElement // SECURITY_EXCEPTION: nativeElement.querySelector needed for autoFocus='first-tabbable'. Standard query only.\n .querySelector<HTMLElement>(\n 'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\n );\n firstTabbable?.focus();\n }\n }\n}\n","<div\n class=\"solaris-popover-panel__container\"\n [attr.data-appearance]=\"data.appearance\"\n [attr.data-padding]=\"data.padding\"\n [attr.data-radius]=\"data.radius\"\n [attr.data-connected-side]=\"data.connectedSide ?? null\"\n [attr.role]=\"data.role\"\n [id]=\"data.panelId\"\n tabindex=\"-1\"\n>\n <ng-container *ngTemplateOutlet=\"data.contentTemplate\" />\n</div>\n"]}
|
|
@@ -1,317 +0,0 @@
|
|
|
1
|
-
import { Directive, ElementRef, Injector, ViewContainerRef, computed, effect, inject, input, output, signal, DestroyRef, HostListener, } from '@angular/core';
|
|
2
|
-
import { DOCUMENT } from '@angular/common';
|
|
3
|
-
import { Overlay, OverlayConfig, } from '@angular/cdk/overlay';
|
|
4
|
-
import { ComponentPortal } from '@angular/cdk/portal';
|
|
5
|
-
import { SolarisPopoverPanelComponent } from '../component/popover-panel.component';
|
|
6
|
-
import { SOLARIS_POPOVER_PANEL_DATA, } from '../token/popover.tokens';
|
|
7
|
-
import { getPrimaryPosition, getFallbackPositions, } from '../model/popover-position';
|
|
8
|
-
import * as i0 from "@angular/core";
|
|
9
|
-
let nextPanelId = 0;
|
|
10
|
-
export class SolarisPopoverTriggerDirective {
|
|
11
|
-
overlay = inject(Overlay);
|
|
12
|
-
elementRef = inject(ElementRef);
|
|
13
|
-
viewContainerRef = inject(ViewContainerRef);
|
|
14
|
-
injector = inject(Injector);
|
|
15
|
-
document = inject(DOCUMENT);
|
|
16
|
-
destroyRef = inject(DestroyRef);
|
|
17
|
-
panelId = `solaris-popover-panel-${++nextPanelId}`;
|
|
18
|
-
isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
|
|
19
|
-
overlayRef = null;
|
|
20
|
-
positionStrategy = null;
|
|
21
|
-
outsideClickCleanup = null;
|
|
22
|
-
previousActiveElement = null;
|
|
23
|
-
panelContainerRef = null;
|
|
24
|
-
connectedSide = 'bottom';
|
|
25
|
-
solarisPopoverTriggerFor = input(undefined, { ...(ngDevMode ? { debugName: "solarisPopoverTriggerFor" } : /* istanbul ignore next */ {}), alias: 'solarisPopoverTriggerFor' });
|
|
26
|
-
solarisPopoverOpen = input(undefined, { ...(ngDevMode ? { debugName: "solarisPopoverOpen" } : /* istanbul ignore next */ {}), alias: 'solarisPopoverOpen' });
|
|
27
|
-
solarisPopoverDisabled = input(false, { ...(ngDevMode ? { debugName: "solarisPopoverDisabled" } : /* istanbul ignore next */ {}), alias: 'solarisPopoverDisabled' });
|
|
28
|
-
solarisPopoverPlacement = input('bottom', { ...(ngDevMode ? { debugName: "solarisPopoverPlacement" } : /* istanbul ignore next */ {}), alias: 'solarisPopoverPlacement' });
|
|
29
|
-
solarisPopoverAlign = input('start', { ...(ngDevMode ? { debugName: "solarisPopoverAlign" } : /* istanbul ignore next */ {}), alias: 'solarisPopoverAlign' });
|
|
30
|
-
solarisPopoverOffset = input(8, { ...(ngDevMode ? { debugName: "solarisPopoverOffset" } : /* istanbul ignore next */ {}), alias: 'solarisPopoverOffset' });
|
|
31
|
-
solarisPopoverMatchTriggerWidth = input(false, { ...(ngDevMode ? { debugName: "solarisPopoverMatchTriggerWidth" } : /* istanbul ignore next */ {}), alias: 'solarisPopoverMatchTriggerWidth' });
|
|
32
|
-
solarisPopoverMinWidth = input(undefined, { ...(ngDevMode ? { debugName: "solarisPopoverMinWidth" } : /* istanbul ignore next */ {}), alias: 'solarisPopoverMinWidth' });
|
|
33
|
-
solarisPopoverMaxWidth = input(undefined, { ...(ngDevMode ? { debugName: "solarisPopoverMaxWidth" } : /* istanbul ignore next */ {}), alias: 'solarisPopoverMaxWidth' });
|
|
34
|
-
solarisPopoverCloseOnOutsideClick = input(true, { ...(ngDevMode ? { debugName: "solarisPopoverCloseOnOutsideClick" } : /* istanbul ignore next */ {}), alias: 'solarisPopoverCloseOnOutsideClick' });
|
|
35
|
-
solarisPopoverCloseOnEscape = input(true, { ...(ngDevMode ? { debugName: "solarisPopoverCloseOnEscape" } : /* istanbul ignore next */ {}), alias: 'solarisPopoverCloseOnEscape' });
|
|
36
|
-
solarisPopoverRestoreFocus = input(true, { ...(ngDevMode ? { debugName: "solarisPopoverRestoreFocus" } : /* istanbul ignore next */ {}), alias: 'solarisPopoverRestoreFocus' });
|
|
37
|
-
solarisPopoverAutoFocus = input(false, { ...(ngDevMode ? { debugName: "solarisPopoverAutoFocus" } : /* istanbul ignore next */ {}), alias: 'solarisPopoverAutoFocus' });
|
|
38
|
-
solarisPopoverScrollStrategy = input('reposition', { ...(ngDevMode ? { debugName: "solarisPopoverScrollStrategy" } : /* istanbul ignore next */ {}), alias: 'solarisPopoverScrollStrategy' });
|
|
39
|
-
solarisPopoverPanelRole = input(undefined, { ...(ngDevMode ? { debugName: "solarisPopoverPanelRole" } : /* istanbul ignore next */ {}), alias: 'solarisPopoverPanelRole' });
|
|
40
|
-
solarisPopoverAriaHasPopup = input(undefined, { ...(ngDevMode ? { debugName: "solarisPopoverAriaHasPopup" } : /* istanbul ignore next */ {}), alias: 'solarisPopoverAriaHasPopup' });
|
|
41
|
-
solarisPopoverAppearance = input('surface', { ...(ngDevMode ? { debugName: "solarisPopoverAppearance" } : /* istanbul ignore next */ {}), alias: 'solarisPopoverAppearance' });
|
|
42
|
-
solarisPopoverPadding = input('md', { ...(ngDevMode ? { debugName: "solarisPopoverPadding" } : /* istanbul ignore next */ {}), alias: 'solarisPopoverPadding' });
|
|
43
|
-
solarisPopoverRadius = input('md', { ...(ngDevMode ? { debugName: "solarisPopoverRadius" } : /* istanbul ignore next */ {}), alias: 'solarisPopoverRadius' });
|
|
44
|
-
solarisPopoverTopConnected = input(false, { ...(ngDevMode ? { debugName: "solarisPopoverTopConnected" } : /* istanbul ignore next */ {}), alias: 'solarisPopoverTopConnected' });
|
|
45
|
-
solarisPopoverOpened = output();
|
|
46
|
-
solarisPopoverClosed = output();
|
|
47
|
-
solarisPopoverOpenChange = output();
|
|
48
|
-
ariaHasPopupComputed = computed(() => {
|
|
49
|
-
const value = this.solarisPopoverAriaHasPopup();
|
|
50
|
-
if (value === undefined)
|
|
51
|
-
return null;
|
|
52
|
-
return String(value);
|
|
53
|
-
}, ...(ngDevMode ? [{ debugName: "ariaHasPopupComputed" }] : /* istanbul ignore next */ []));
|
|
54
|
-
popoverTemplateRef = computed(() => this.solarisPopoverTriggerFor()?.templateRef, ...(ngDevMode ? [{ debugName: "popoverTemplateRef" }] : /* istanbul ignore next */ []));
|
|
55
|
-
constructor() {
|
|
56
|
-
effect(() => {
|
|
57
|
-
const shouldBeOpen = this.solarisPopoverOpen();
|
|
58
|
-
if (shouldBeOpen === true && !this.isOpen()) {
|
|
59
|
-
this.open();
|
|
60
|
-
}
|
|
61
|
-
else if (shouldBeOpen === false && this.isOpen()) {
|
|
62
|
-
this.close();
|
|
63
|
-
}
|
|
64
|
-
});
|
|
65
|
-
this.destroyRef.onDestroy(() => {
|
|
66
|
-
this.disposeOverlay();
|
|
67
|
-
});
|
|
68
|
-
}
|
|
69
|
-
onClick() {
|
|
70
|
-
if (!this.solarisPopoverDisabled()) {
|
|
71
|
-
this.toggle();
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
onEscape() {
|
|
75
|
-
if (this.solarisPopoverCloseOnEscape() && this.isOpen()) {
|
|
76
|
-
this.close();
|
|
77
|
-
}
|
|
78
|
-
}
|
|
79
|
-
open() {
|
|
80
|
-
if (this.isOpen() || this.solarisPopoverDisabled()) {
|
|
81
|
-
return;
|
|
82
|
-
}
|
|
83
|
-
// SECURITY_EXCEPTION: this.document.activeElement required for restoreFocus. SSR-safe via injected DOCUMENT.
|
|
84
|
-
this.previousActiveElement = this.document.activeElement;
|
|
85
|
-
this.createOverlay();
|
|
86
|
-
this.attachPanel();
|
|
87
|
-
this.addOutsideClickHandler();
|
|
88
|
-
this.updateOverlaySize();
|
|
89
|
-
this.isOpen.set(true);
|
|
90
|
-
this.solarisPopoverOpened.emit();
|
|
91
|
-
this.solarisPopoverOpenChange.emit(true);
|
|
92
|
-
}
|
|
93
|
-
close() {
|
|
94
|
-
if (!this.isOpen()) {
|
|
95
|
-
return;
|
|
96
|
-
}
|
|
97
|
-
this.detachPanel();
|
|
98
|
-
this.restoreFocus();
|
|
99
|
-
this.isOpen.set(false);
|
|
100
|
-
this.solarisPopoverClosed.emit();
|
|
101
|
-
this.solarisPopoverOpenChange.emit(false);
|
|
102
|
-
}
|
|
103
|
-
toggle() {
|
|
104
|
-
if (this.isOpen()) {
|
|
105
|
-
this.close();
|
|
106
|
-
}
|
|
107
|
-
else {
|
|
108
|
-
this.open();
|
|
109
|
-
}
|
|
110
|
-
}
|
|
111
|
-
updatePosition() {
|
|
112
|
-
if (this.overlayRef) {
|
|
113
|
-
this.overlayRef.updatePosition();
|
|
114
|
-
}
|
|
115
|
-
}
|
|
116
|
-
createOverlay() {
|
|
117
|
-
this.disposeOverlay();
|
|
118
|
-
this.positionStrategy = this.createPositionStrategy();
|
|
119
|
-
const scrollStrategy = this.createScrollStrategy();
|
|
120
|
-
const config = new OverlayConfig({
|
|
121
|
-
positionStrategy: this.positionStrategy,
|
|
122
|
-
scrollStrategy,
|
|
123
|
-
disposeOnNavigation: true,
|
|
124
|
-
panelClass: 'solaris-popover-panel-overlay',
|
|
125
|
-
});
|
|
126
|
-
this.overlayRef = this.overlay.create(config);
|
|
127
|
-
this.positionStrategy.positionChanges.subscribe((change) => {
|
|
128
|
-
this.connectedSide =
|
|
129
|
-
change.connectionPair.originY === 'bottom' ? 'bottom' : 'top';
|
|
130
|
-
if (this.panelContainerRef) {
|
|
131
|
-
this.panelContainerRef.dataset['connectedSide'] = this.connectedSide;
|
|
132
|
-
}
|
|
133
|
-
// SECURITY_EXCEPTION: nativeElement.setAttribute required to sync data-connected-side. Read-only DOM access.
|
|
134
|
-
this.elementRef.nativeElement.dataset['connectedSide'] =
|
|
135
|
-
this.connectedSide;
|
|
136
|
-
// SECURITY_EXCEPTION: closest() required to find ancestor form-field wrapper. SSR-safe via injected ElementRef.
|
|
137
|
-
const formFieldWrapper = this.elementRef.nativeElement.closest('.solaris-form-field__control-wrapper');
|
|
138
|
-
if (formFieldWrapper) {
|
|
139
|
-
formFieldWrapper.dataset['connectedSide'] = this.connectedSide;
|
|
140
|
-
}
|
|
141
|
-
});
|
|
142
|
-
}
|
|
143
|
-
createPositionStrategy() {
|
|
144
|
-
const placement = this.solarisPopoverPlacement();
|
|
145
|
-
const align = this.solarisPopoverAlign();
|
|
146
|
-
const offset = this.solarisPopoverOffset();
|
|
147
|
-
const primaryPosition = getPrimaryPosition(placement, align);
|
|
148
|
-
const fallbackPositions = getFallbackPositions(placement, align);
|
|
149
|
-
let offsetX = 0;
|
|
150
|
-
let offsetY = 0;
|
|
151
|
-
if (placement === 'right') {
|
|
152
|
-
offsetX = offset;
|
|
153
|
-
}
|
|
154
|
-
else if (placement === 'left') {
|
|
155
|
-
offsetX = -offset;
|
|
156
|
-
}
|
|
157
|
-
if (placement === 'bottom') {
|
|
158
|
-
offsetY = offset;
|
|
159
|
-
}
|
|
160
|
-
else if (placement === 'top') {
|
|
161
|
-
offsetY = -offset;
|
|
162
|
-
}
|
|
163
|
-
return this.overlay
|
|
164
|
-
.position()
|
|
165
|
-
.flexibleConnectedTo(this.elementRef)
|
|
166
|
-
.withPositions([primaryPosition, ...fallbackPositions])
|
|
167
|
-
.withFlexibleDimensions(true)
|
|
168
|
-
.withPush(true)
|
|
169
|
-
.withDefaultOffsetX(offsetX)
|
|
170
|
-
.withDefaultOffsetY(offsetY);
|
|
171
|
-
}
|
|
172
|
-
createScrollStrategy() {
|
|
173
|
-
const strategy = this.solarisPopoverScrollStrategy();
|
|
174
|
-
switch (strategy) {
|
|
175
|
-
case 'reposition':
|
|
176
|
-
return this.overlay.scrollStrategies.reposition();
|
|
177
|
-
case 'close':
|
|
178
|
-
return this.overlay.scrollStrategies.close();
|
|
179
|
-
case 'block':
|
|
180
|
-
return this.overlay.scrollStrategies.block();
|
|
181
|
-
}
|
|
182
|
-
}
|
|
183
|
-
attachPanel() {
|
|
184
|
-
if (!this.overlayRef) {
|
|
185
|
-
return;
|
|
186
|
-
}
|
|
187
|
-
const templateRef = this.popoverTemplateRef();
|
|
188
|
-
if (!templateRef) {
|
|
189
|
-
return;
|
|
190
|
-
}
|
|
191
|
-
const topConnected = this.solarisPopoverTopConnected();
|
|
192
|
-
const initialSide = topConnected ? 'bottom' : undefined;
|
|
193
|
-
this.connectedSide = 'bottom';
|
|
194
|
-
const data = {
|
|
195
|
-
contentTemplate: templateRef,
|
|
196
|
-
appearance: this.solarisPopoverAppearance(),
|
|
197
|
-
padding: this.solarisPopoverPadding(),
|
|
198
|
-
radius: this.solarisPopoverRadius(),
|
|
199
|
-
role: this.solarisPopoverPanelRole(),
|
|
200
|
-
panelId: this.panelId,
|
|
201
|
-
autoFocus: this.solarisPopoverAutoFocus(),
|
|
202
|
-
connectedSide: initialSide,
|
|
203
|
-
};
|
|
204
|
-
const panelInjector = Injector.create({
|
|
205
|
-
parent: this.injector,
|
|
206
|
-
providers: [{ provide: SOLARIS_POPOVER_PANEL_DATA, useValue: data }],
|
|
207
|
-
});
|
|
208
|
-
const portal = new ComponentPortal(SolarisPopoverPanelComponent, this.viewContainerRef, panelInjector);
|
|
209
|
-
const componentRef = this.overlayRef.attach(portal);
|
|
210
|
-
// SECURITY_EXCEPTION: nativeElement.querySelector required to find panel container in attached overlay. CDK overlay provides no typed API for this.
|
|
211
|
-
this.panelContainerRef = componentRef.location.nativeElement.querySelector('.solaris-popover-panel__container');
|
|
212
|
-
if (this.panelContainerRef && initialSide) {
|
|
213
|
-
this.panelContainerRef.dataset['connectedSide'] = initialSide;
|
|
214
|
-
}
|
|
215
|
-
}
|
|
216
|
-
detachPanel() {
|
|
217
|
-
if (this.overlayRef) {
|
|
218
|
-
this.overlayRef.detach();
|
|
219
|
-
this.disposeOverlay();
|
|
220
|
-
}
|
|
221
|
-
this.removeOutsideClickHandler();
|
|
222
|
-
}
|
|
223
|
-
disposeOverlay() {
|
|
224
|
-
if (this.overlayRef) {
|
|
225
|
-
this.overlayRef.dispose();
|
|
226
|
-
this.overlayRef = null;
|
|
227
|
-
}
|
|
228
|
-
this.removeOutsideClickHandler();
|
|
229
|
-
}
|
|
230
|
-
addOutsideClickHandler() {
|
|
231
|
-
if (!this.solarisPopoverCloseOnOutsideClick()) {
|
|
232
|
-
return;
|
|
233
|
-
}
|
|
234
|
-
this.removeOutsideClickHandler();
|
|
235
|
-
this.outsideClickCleanup = this.rendererListen(this.document, 'click', this.handleOutsideClick);
|
|
236
|
-
}
|
|
237
|
-
removeOutsideClickHandler() {
|
|
238
|
-
if (this.outsideClickCleanup) {
|
|
239
|
-
this.outsideClickCleanup();
|
|
240
|
-
this.outsideClickCleanup = null;
|
|
241
|
-
}
|
|
242
|
-
}
|
|
243
|
-
handleOutsideClick = (event) => {
|
|
244
|
-
if (!this.solarisPopoverCloseOnOutsideClick() || !this.overlayRef) {
|
|
245
|
-
return;
|
|
246
|
-
}
|
|
247
|
-
const overlayElement = this.overlayRef.overlayElement;
|
|
248
|
-
// SECURITY_EXCEPTION: nativeElement needed for outside-click containment check. ElementRef SSR-safe.
|
|
249
|
-
const triggerElement = this.elementRef.nativeElement;
|
|
250
|
-
const target = event.target;
|
|
251
|
-
if (target &&
|
|
252
|
-
!overlayElement.contains(target) &&
|
|
253
|
-
!triggerElement.contains(target)) {
|
|
254
|
-
this.close();
|
|
255
|
-
}
|
|
256
|
-
};
|
|
257
|
-
rendererListen(target, event, callback) {
|
|
258
|
-
target.addEventListener(event, callback);
|
|
259
|
-
return () => {
|
|
260
|
-
target.removeEventListener(event, callback);
|
|
261
|
-
};
|
|
262
|
-
}
|
|
263
|
-
updateOverlaySize() {
|
|
264
|
-
if (!this.overlayRef) {
|
|
265
|
-
return;
|
|
266
|
-
}
|
|
267
|
-
const size = {};
|
|
268
|
-
// SECURITY_EXCEPTION: nativeElement.offsetWidth — required for matchTriggerWidth.
|
|
269
|
-
// ElementRef is SSR-safe. offsetWidth is a read-only layout property.
|
|
270
|
-
const triggerWidth = this.elementRef.nativeElement.offsetWidth;
|
|
271
|
-
const matchWidth = this.solarisPopoverMatchTriggerWidth();
|
|
272
|
-
const minWidth = this.solarisPopoverMinWidth();
|
|
273
|
-
const maxWidth = this.solarisPopoverMaxWidth();
|
|
274
|
-
if (matchWidth) {
|
|
275
|
-
size.width = triggerWidth;
|
|
276
|
-
// Also set minWidth so it won't shrink below trigger width on flexible dimensions.
|
|
277
|
-
size.minWidth = triggerWidth;
|
|
278
|
-
}
|
|
279
|
-
if (minWidth !== undefined) {
|
|
280
|
-
size.minWidth = typeof minWidth === 'number' ? `${minWidth}px` : minWidth;
|
|
281
|
-
}
|
|
282
|
-
if (maxWidth !== undefined) {
|
|
283
|
-
size.maxWidth = typeof maxWidth === 'number' ? `${maxWidth}px` : maxWidth;
|
|
284
|
-
}
|
|
285
|
-
this.overlayRef.updateSize(size);
|
|
286
|
-
}
|
|
287
|
-
restoreFocus() {
|
|
288
|
-
if (this.solarisPopoverRestoreFocus() &&
|
|
289
|
-
this.previousActiveElement &&
|
|
290
|
-
// SECURITY_EXCEPTION: this.document.contains() to safely verify trigger still exists before focus.
|
|
291
|
-
this.document.contains(this.previousActiveElement)) {
|
|
292
|
-
this.previousActiveElement.focus();
|
|
293
|
-
}
|
|
294
|
-
this.previousActiveElement = null;
|
|
295
|
-
}
|
|
296
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisPopoverTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
297
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.17", type: SolarisPopoverTriggerDirective, isStandalone: true, selector: "[solaris-popover-trigger]", inputs: { solarisPopoverTriggerFor: { classPropertyName: "solarisPopoverTriggerFor", publicName: "solarisPopoverTriggerFor", isSignal: true, isRequired: false, transformFunction: null }, solarisPopoverOpen: { classPropertyName: "solarisPopoverOpen", publicName: "solarisPopoverOpen", isSignal: true, isRequired: false, transformFunction: null }, solarisPopoverDisabled: { classPropertyName: "solarisPopoverDisabled", publicName: "solarisPopoverDisabled", isSignal: true, isRequired: false, transformFunction: null }, solarisPopoverPlacement: { classPropertyName: "solarisPopoverPlacement", publicName: "solarisPopoverPlacement", isSignal: true, isRequired: false, transformFunction: null }, solarisPopoverAlign: { classPropertyName: "solarisPopoverAlign", publicName: "solarisPopoverAlign", isSignal: true, isRequired: false, transformFunction: null }, solarisPopoverOffset: { classPropertyName: "solarisPopoverOffset", publicName: "solarisPopoverOffset", isSignal: true, isRequired: false, transformFunction: null }, solarisPopoverMatchTriggerWidth: { classPropertyName: "solarisPopoverMatchTriggerWidth", publicName: "solarisPopoverMatchTriggerWidth", isSignal: true, isRequired: false, transformFunction: null }, solarisPopoverMinWidth: { classPropertyName: "solarisPopoverMinWidth", publicName: "solarisPopoverMinWidth", isSignal: true, isRequired: false, transformFunction: null }, solarisPopoverMaxWidth: { classPropertyName: "solarisPopoverMaxWidth", publicName: "solarisPopoverMaxWidth", isSignal: true, isRequired: false, transformFunction: null }, solarisPopoverCloseOnOutsideClick: { classPropertyName: "solarisPopoverCloseOnOutsideClick", publicName: "solarisPopoverCloseOnOutsideClick", isSignal: true, isRequired: false, transformFunction: null }, solarisPopoverCloseOnEscape: { classPropertyName: "solarisPopoverCloseOnEscape", publicName: "solarisPopoverCloseOnEscape", isSignal: true, isRequired: false, transformFunction: null }, solarisPopoverRestoreFocus: { classPropertyName: "solarisPopoverRestoreFocus", publicName: "solarisPopoverRestoreFocus", isSignal: true, isRequired: false, transformFunction: null }, solarisPopoverAutoFocus: { classPropertyName: "solarisPopoverAutoFocus", publicName: "solarisPopoverAutoFocus", isSignal: true, isRequired: false, transformFunction: null }, solarisPopoverScrollStrategy: { classPropertyName: "solarisPopoverScrollStrategy", publicName: "solarisPopoverScrollStrategy", isSignal: true, isRequired: false, transformFunction: null }, solarisPopoverPanelRole: { classPropertyName: "solarisPopoverPanelRole", publicName: "solarisPopoverPanelRole", isSignal: true, isRequired: false, transformFunction: null }, solarisPopoverAriaHasPopup: { classPropertyName: "solarisPopoverAriaHasPopup", publicName: "solarisPopoverAriaHasPopup", isSignal: true, isRequired: false, transformFunction: null }, solarisPopoverAppearance: { classPropertyName: "solarisPopoverAppearance", publicName: "solarisPopoverAppearance", isSignal: true, isRequired: false, transformFunction: null }, solarisPopoverPadding: { classPropertyName: "solarisPopoverPadding", publicName: "solarisPopoverPadding", isSignal: true, isRequired: false, transformFunction: null }, solarisPopoverRadius: { classPropertyName: "solarisPopoverRadius", publicName: "solarisPopoverRadius", isSignal: true, isRequired: false, transformFunction: null }, solarisPopoverTopConnected: { classPropertyName: "solarisPopoverTopConnected", publicName: "solarisPopoverTopConnected", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { solarisPopoverOpened: "solarisPopoverOpened", solarisPopoverClosed: "solarisPopoverClosed", solarisPopoverOpenChange: "solarisPopoverOpenChange" }, host: { listeners: { "click": "onClick()", "keydown.escape": "onEscape()" }, properties: { "attr.aria-expanded": "isOpen() ? \"true\" : \"false\"", "attr.aria-controls": "isOpen() ? panelId : null", "attr.aria-haspopup": "ariaHasPopupComputed()" } }, ngImport: i0 });
|
|
298
|
-
}
|
|
299
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisPopoverTriggerDirective, decorators: [{
|
|
300
|
-
type: Directive,
|
|
301
|
-
args: [{
|
|
302
|
-
selector: '[solaris-popover-trigger]',
|
|
303
|
-
standalone: true,
|
|
304
|
-
host: {
|
|
305
|
-
'[attr.aria-expanded]': 'isOpen() ? "true" : "false"',
|
|
306
|
-
'[attr.aria-controls]': 'isOpen() ? panelId : null',
|
|
307
|
-
'[attr.aria-haspopup]': 'ariaHasPopupComputed()',
|
|
308
|
-
},
|
|
309
|
-
}]
|
|
310
|
-
}], ctorParameters: () => [], propDecorators: { solarisPopoverTriggerFor: [{ type: i0.Input, args: [{ isSignal: true, alias: "solarisPopoverTriggerFor", required: false }] }], solarisPopoverOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "solarisPopoverOpen", required: false }] }], solarisPopoverDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "solarisPopoverDisabled", required: false }] }], solarisPopoverPlacement: [{ type: i0.Input, args: [{ isSignal: true, alias: "solarisPopoverPlacement", required: false }] }], solarisPopoverAlign: [{ type: i0.Input, args: [{ isSignal: true, alias: "solarisPopoverAlign", required: false }] }], solarisPopoverOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "solarisPopoverOffset", required: false }] }], solarisPopoverMatchTriggerWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "solarisPopoverMatchTriggerWidth", required: false }] }], solarisPopoverMinWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "solarisPopoverMinWidth", required: false }] }], solarisPopoverMaxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "solarisPopoverMaxWidth", required: false }] }], solarisPopoverCloseOnOutsideClick: [{ type: i0.Input, args: [{ isSignal: true, alias: "solarisPopoverCloseOnOutsideClick", required: false }] }], solarisPopoverCloseOnEscape: [{ type: i0.Input, args: [{ isSignal: true, alias: "solarisPopoverCloseOnEscape", required: false }] }], solarisPopoverRestoreFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "solarisPopoverRestoreFocus", required: false }] }], solarisPopoverAutoFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "solarisPopoverAutoFocus", required: false }] }], solarisPopoverScrollStrategy: [{ type: i0.Input, args: [{ isSignal: true, alias: "solarisPopoverScrollStrategy", required: false }] }], solarisPopoverPanelRole: [{ type: i0.Input, args: [{ isSignal: true, alias: "solarisPopoverPanelRole", required: false }] }], solarisPopoverAriaHasPopup: [{ type: i0.Input, args: [{ isSignal: true, alias: "solarisPopoverAriaHasPopup", required: false }] }], solarisPopoverAppearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "solarisPopoverAppearance", required: false }] }], solarisPopoverPadding: [{ type: i0.Input, args: [{ isSignal: true, alias: "solarisPopoverPadding", required: false }] }], solarisPopoverRadius: [{ type: i0.Input, args: [{ isSignal: true, alias: "solarisPopoverRadius", required: false }] }], solarisPopoverTopConnected: [{ type: i0.Input, args: [{ isSignal: true, alias: "solarisPopoverTopConnected", required: false }] }], solarisPopoverOpened: [{ type: i0.Output, args: ["solarisPopoverOpened"] }], solarisPopoverClosed: [{ type: i0.Output, args: ["solarisPopoverClosed"] }], solarisPopoverOpenChange: [{ type: i0.Output, args: ["solarisPopoverOpenChange"] }], onClick: [{
|
|
311
|
-
type: HostListener,
|
|
312
|
-
args: ['click']
|
|
313
|
-
}], onEscape: [{
|
|
314
|
-
type: HostListener,
|
|
315
|
-
args: ['keydown.escape']
|
|
316
|
-
}] } });
|
|
317
|
-
//# sourceMappingURL=popover-trigger.directive.js.map
|
package/esm2022/lib/components/interaction/popover/directives/popover-trigger.directive.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"popover-trigger.directive.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/interaction/popover/directives/popover-trigger.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import {\r\n Directive,\r\n ElementRef,\r\n Injector,\r\n ViewContainerRef,\r\n computed,\r\n effect,\r\n inject,\r\n input,\r\n output,\r\n signal,\r\n DestroyRef,\r\n HostListener,\r\n TemplateRef,\r\n} from '@angular/core';\r\nimport { DOCUMENT } from '@angular/common';\r\nimport {\r\n Overlay,\r\n OverlayRef,\r\n OverlayConfig,\r\n FlexibleConnectedPositionStrategy,\r\n} from '@angular/cdk/overlay';\r\nimport { ComponentPortal } from '@angular/cdk/portal';\r\n\r\nimport { SolarisPopoverDirective } from './popover.directive';\r\nimport { SolarisPopoverPanelComponent } from '../component/popover-panel.component';\r\nimport {\r\n SOLARIS_POPOVER_PANEL_DATA,\r\n type SolarisPopoverPanelData,\r\n} from '../token/popover.tokens';\r\nimport {\r\n getPrimaryPosition,\r\n getFallbackPositions,\r\n} from '../model/popover-position';\r\n\r\nimport type {\r\n SolarisPopoverPlacement,\r\n SolarisPopoverAlign,\r\n SolarisPopoverAppearance,\r\n SolarisPopoverPadding,\r\n SolarisPopoverRadius,\r\n SolarisPopoverScrollStrategy,\r\n SolarisPopoverAutoFocus,\r\n} from '../model/popover.types';\r\n\r\nlet nextPanelId = 0;\r\n\r\n@Directive({\r\n selector: '[solaris-popover-trigger]',\r\n standalone: true,\r\n host: {\r\n '[attr.aria-expanded]': 'isOpen() ? \"true\" : \"false\"',\r\n '[attr.aria-controls]': 'isOpen() ? panelId : null',\r\n '[attr.aria-haspopup]': 'ariaHasPopupComputed()',\r\n },\r\n})\r\nexport class SolarisPopoverTriggerDirective {\r\n private readonly overlay = inject(Overlay);\r\n private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\r\n private readonly viewContainerRef = inject(ViewContainerRef);\r\n private readonly injector = inject(Injector);\r\n private readonly document = inject(DOCUMENT);\r\n private readonly destroyRef = inject(DestroyRef);\r\n\r\n protected readonly panelId = `solaris-popover-panel-${++nextPanelId}`;\r\n protected readonly isOpen = signal(false);\r\n\r\n private overlayRef: OverlayRef | null = null;\r\n private positionStrategy: FlexibleConnectedPositionStrategy | null = null;\r\n private outsideClickCleanup: (() => void) | null = null;\r\n private previousActiveElement: HTMLElement | null = null;\r\n private panelContainerRef: HTMLElement | null = null;\r\n private connectedSide: 'top' | 'bottom' = 'bottom';\r\n\r\n readonly solarisPopoverTriggerFor = input<\r\n SolarisPopoverDirective | undefined\r\n >(undefined, {\r\n alias: 'solarisPopoverTriggerFor',\r\n });\r\n\r\n readonly solarisPopoverOpen = input<boolean | undefined>(undefined, {\r\n alias: 'solarisPopoverOpen',\r\n });\r\n\r\n readonly solarisPopoverDisabled = input<boolean>(false, {\r\n alias: 'solarisPopoverDisabled',\r\n });\r\n\r\n readonly solarisPopoverPlacement = input<SolarisPopoverPlacement>('bottom', {\r\n alias: 'solarisPopoverPlacement',\r\n });\r\n\r\n readonly solarisPopoverAlign = input<SolarisPopoverAlign>('start', {\r\n alias: 'solarisPopoverAlign',\r\n });\r\n\r\n readonly solarisPopoverOffset = input<number>(8, {\r\n alias: 'solarisPopoverOffset',\r\n });\r\n\r\n readonly solarisPopoverMatchTriggerWidth = input<boolean>(false, {\r\n alias: 'solarisPopoverMatchTriggerWidth',\r\n });\r\n\r\n readonly solarisPopoverMinWidth = input<string | number | undefined>(\r\n undefined,\r\n {\r\n alias: 'solarisPopoverMinWidth',\r\n },\r\n );\r\n\r\n readonly solarisPopoverMaxWidth = input<string | number | undefined>(\r\n undefined,\r\n {\r\n alias: 'solarisPopoverMaxWidth',\r\n },\r\n );\r\n\r\n readonly solarisPopoverCloseOnOutsideClick = input<boolean>(true, {\r\n alias: 'solarisPopoverCloseOnOutsideClick',\r\n });\r\n\r\n readonly solarisPopoverCloseOnEscape = input<boolean>(true, {\r\n alias: 'solarisPopoverCloseOnEscape',\r\n });\r\n\r\n readonly solarisPopoverRestoreFocus = input<boolean>(true, {\r\n alias: 'solarisPopoverRestoreFocus',\r\n });\r\n\r\n readonly solarisPopoverAutoFocus = input<SolarisPopoverAutoFocus>(false, {\r\n alias: 'solarisPopoverAutoFocus',\r\n });\r\n\r\n readonly solarisPopoverScrollStrategy = input<SolarisPopoverScrollStrategy>(\r\n 'reposition',\r\n {\r\n alias: 'solarisPopoverScrollStrategy',\r\n },\r\n );\r\n\r\n readonly solarisPopoverPanelRole = input<string | undefined>(undefined, {\r\n alias: 'solarisPopoverPanelRole',\r\n });\r\n\r\n readonly solarisPopoverAriaHasPopup = input<string | boolean | undefined>(\r\n undefined,\r\n {\r\n alias: 'solarisPopoverAriaHasPopup',\r\n },\r\n );\r\n\r\n readonly solarisPopoverAppearance = input<SolarisPopoverAppearance>(\r\n 'surface',\r\n {\r\n alias: 'solarisPopoverAppearance',\r\n },\r\n );\r\n\r\n readonly solarisPopoverPadding = input<SolarisPopoverPadding>('md', {\r\n alias: 'solarisPopoverPadding',\r\n });\r\n\r\n readonly solarisPopoverRadius = input<SolarisPopoverRadius>('md', {\r\n alias: 'solarisPopoverRadius',\r\n });\r\n\r\n readonly solarisPopoverTopConnected = input<boolean>(false, {\r\n alias: 'solarisPopoverTopConnected',\r\n });\r\n\r\n readonly solarisPopoverOpened = output<void>();\r\n readonly solarisPopoverClosed = output<void>();\r\n readonly solarisPopoverOpenChange = output<boolean>();\r\n\r\n protected readonly ariaHasPopupComputed = computed(() => {\r\n const value = this.solarisPopoverAriaHasPopup();\r\n if (value === undefined) return null;\r\n return String(value);\r\n });\r\n\r\n private readonly popoverTemplateRef = computed<\r\n TemplateRef<unknown> | undefined\r\n >(() => this.solarisPopoverTriggerFor()?.templateRef);\r\n\r\n constructor() {\r\n effect(() => {\r\n const shouldBeOpen = this.solarisPopoverOpen();\r\n if (shouldBeOpen === true && !this.isOpen()) {\r\n this.open();\r\n } else if (shouldBeOpen === false && this.isOpen()) {\r\n this.close();\r\n }\r\n });\r\n\r\n this.destroyRef.onDestroy(() => {\r\n this.disposeOverlay();\r\n });\r\n }\r\n\r\n @HostListener('click')\r\n onClick(): void {\r\n if (!this.solarisPopoverDisabled()) {\r\n this.toggle();\r\n }\r\n }\r\n\r\n @HostListener('keydown.escape')\r\n onEscape(): void {\r\n if (this.solarisPopoverCloseOnEscape() && this.isOpen()) {\r\n this.close();\r\n }\r\n }\r\n\r\n open(): void {\r\n if (this.isOpen() || this.solarisPopoverDisabled()) {\r\n return;\r\n }\r\n\r\n // SECURITY_EXCEPTION: this.document.activeElement required for restoreFocus. SSR-safe via injected DOCUMENT.\r\n this.previousActiveElement = this.document.activeElement as HTMLElement;\r\n this.createOverlay();\r\n this.attachPanel();\r\n this.addOutsideClickHandler();\r\n this.updateOverlaySize();\r\n this.isOpen.set(true);\r\n this.solarisPopoverOpened.emit();\r\n this.solarisPopoverOpenChange.emit(true);\r\n }\r\n\r\n close(): void {\r\n if (!this.isOpen()) {\r\n return;\r\n }\r\n\r\n this.detachPanel();\r\n this.restoreFocus();\r\n this.isOpen.set(false);\r\n this.solarisPopoverClosed.emit();\r\n this.solarisPopoverOpenChange.emit(false);\r\n }\r\n\r\n toggle(): void {\r\n if (this.isOpen()) {\r\n this.close();\r\n } else {\r\n this.open();\r\n }\r\n }\r\n\r\n updatePosition(): void {\r\n if (this.overlayRef) {\r\n this.overlayRef.updatePosition();\r\n }\r\n }\r\n\r\n private createOverlay(): void {\r\n this.disposeOverlay();\r\n\r\n this.positionStrategy = this.createPositionStrategy();\r\n const scrollStrategy = this.createScrollStrategy();\r\n\r\n const config = new OverlayConfig({\r\n positionStrategy: this.positionStrategy,\r\n scrollStrategy,\r\n disposeOnNavigation: true,\r\n panelClass: 'solaris-popover-panel-overlay',\r\n });\r\n\r\n this.overlayRef = this.overlay.create(config);\r\n\r\n this.positionStrategy.positionChanges.subscribe((change) => {\r\n this.connectedSide =\r\n change.connectionPair.originY === 'bottom' ? 'bottom' : 'top';\r\n if (this.panelContainerRef) {\r\n this.panelContainerRef.dataset['connectedSide'] = this.connectedSide;\r\n }\r\n // SECURITY_EXCEPTION: nativeElement.setAttribute required to sync data-connected-side. Read-only DOM access.\r\n this.elementRef.nativeElement.dataset['connectedSide'] =\r\n this.connectedSide;\r\n // SECURITY_EXCEPTION: closest() required to find ancestor form-field wrapper. SSR-safe via injected ElementRef.\r\n const formFieldWrapper = this.elementRef.nativeElement.closest(\r\n '.solaris-form-field__control-wrapper',\r\n ) as HTMLElement | null;\r\n if (formFieldWrapper) {\r\n formFieldWrapper.dataset['connectedSide'] = this.connectedSide;\r\n }\r\n });\r\n }\r\n\r\n private createPositionStrategy(): FlexibleConnectedPositionStrategy {\r\n const placement = this.solarisPopoverPlacement();\r\n const align = this.solarisPopoverAlign();\r\n const offset = this.solarisPopoverOffset();\r\n\r\n const primaryPosition = getPrimaryPosition(placement, align);\r\n const fallbackPositions = getFallbackPositions(placement, align);\r\n\r\n let offsetX = 0;\r\n let offsetY = 0;\r\n\r\n if (placement === 'right') {\r\n offsetX = offset;\r\n } else if (placement === 'left') {\r\n offsetX = -offset;\r\n }\r\n\r\n if (placement === 'bottom') {\r\n offsetY = offset;\r\n } else if (placement === 'top') {\r\n offsetY = -offset;\r\n }\r\n\r\n return this.overlay\r\n .position()\r\n .flexibleConnectedTo(this.elementRef)\r\n .withPositions([primaryPosition, ...fallbackPositions])\r\n .withFlexibleDimensions(true)\r\n .withPush(true)\r\n .withDefaultOffsetX(offsetX)\r\n .withDefaultOffsetY(offsetY);\r\n }\r\n\r\n private createScrollStrategy() {\r\n const strategy = this.solarisPopoverScrollStrategy();\r\n switch (strategy) {\r\n case 'reposition':\r\n return this.overlay.scrollStrategies.reposition();\r\n case 'close':\r\n return this.overlay.scrollStrategies.close();\r\n case 'block':\r\n return this.overlay.scrollStrategies.block();\r\n }\r\n }\r\n\r\n private attachPanel(): void {\r\n if (!this.overlayRef) {\r\n return;\r\n }\r\n\r\n const templateRef = this.popoverTemplateRef();\r\n if (!templateRef) {\r\n return;\r\n }\r\n\r\n const topConnected = this.solarisPopoverTopConnected();\r\n const initialSide = topConnected ? 'bottom' : undefined;\r\n this.connectedSide = 'bottom';\r\n\r\n const data: SolarisPopoverPanelData = {\r\n contentTemplate: templateRef,\r\n appearance: this.solarisPopoverAppearance(),\r\n padding: this.solarisPopoverPadding(),\r\n radius: this.solarisPopoverRadius(),\r\n role: this.solarisPopoverPanelRole(),\r\n panelId: this.panelId,\r\n autoFocus: this.solarisPopoverAutoFocus(),\r\n connectedSide: initialSide,\r\n };\r\n\r\n const panelInjector = Injector.create({\r\n parent: this.injector,\r\n providers: [{ provide: SOLARIS_POPOVER_PANEL_DATA, useValue: data }],\r\n });\r\n\r\n const portal = new ComponentPortal(\r\n SolarisPopoverPanelComponent,\r\n this.viewContainerRef,\r\n panelInjector,\r\n );\r\n\r\n const componentRef = this.overlayRef.attach(portal);\r\n // SECURITY_EXCEPTION: nativeElement.querySelector required to find panel container in attached overlay. CDK overlay provides no typed API for this.\r\n this.panelContainerRef = componentRef.location.nativeElement.querySelector(\r\n '.solaris-popover-panel__container',\r\n );\r\n\r\n if (this.panelContainerRef && initialSide) {\r\n this.panelContainerRef.dataset['connectedSide'] = initialSide;\r\n }\r\n }\r\n\r\n private detachPanel(): void {\r\n if (this.overlayRef) {\r\n this.overlayRef.detach();\r\n this.disposeOverlay();\r\n }\r\n this.removeOutsideClickHandler();\r\n }\r\n\r\n private disposeOverlay(): void {\r\n if (this.overlayRef) {\r\n this.overlayRef.dispose();\r\n this.overlayRef = null;\r\n }\r\n this.removeOutsideClickHandler();\r\n }\r\n\r\n private addOutsideClickHandler(): void {\r\n if (!this.solarisPopoverCloseOnOutsideClick()) {\r\n return;\r\n }\r\n\r\n this.removeOutsideClickHandler();\r\n\r\n this.outsideClickCleanup = this.rendererListen(\r\n this.document,\r\n 'click',\r\n this.handleOutsideClick,\r\n );\r\n }\r\n\r\n private removeOutsideClickHandler(): void {\r\n if (this.outsideClickCleanup) {\r\n this.outsideClickCleanup();\r\n this.outsideClickCleanup = null;\r\n }\r\n }\r\n\r\n private readonly handleOutsideClick = (event: Event): void => {\r\n if (!this.solarisPopoverCloseOnOutsideClick() || !this.overlayRef) {\r\n return;\r\n }\r\n\r\n const overlayElement = this.overlayRef.overlayElement;\r\n // SECURITY_EXCEPTION: nativeElement needed for outside-click containment check. ElementRef SSR-safe.\r\n const triggerElement = this.elementRef.nativeElement;\r\n const target = event.target as Node;\r\n\r\n if (\r\n target &&\r\n !overlayElement.contains(target) &&\r\n !triggerElement.contains(target)\r\n ) {\r\n this.close();\r\n }\r\n };\r\n\r\n private rendererListen(\r\n target: EventTarget,\r\n event: string,\r\n callback: (event: Event) => void,\r\n ): () => void {\r\n target.addEventListener(event, callback);\r\n return () => {\r\n target.removeEventListener(event, callback);\r\n };\r\n }\r\n\r\n private updateOverlaySize(): void {\r\n if (!this.overlayRef) {\r\n return;\r\n }\r\n\r\n const size: {\r\n width?: number | string;\r\n minWidth?: number | string;\r\n maxWidth?: number | string;\r\n } = {};\r\n\r\n // SECURITY_EXCEPTION: nativeElement.offsetWidth — required for matchTriggerWidth.\r\n // ElementRef is SSR-safe. offsetWidth is a read-only layout property.\r\n const triggerWidth = this.elementRef.nativeElement.offsetWidth;\r\n const matchWidth = this.solarisPopoverMatchTriggerWidth();\r\n const minWidth = this.solarisPopoverMinWidth();\r\n const maxWidth = this.solarisPopoverMaxWidth();\r\n\r\n if (matchWidth) {\r\n size.width = triggerWidth;\r\n // Also set minWidth so it won't shrink below trigger width on flexible dimensions.\r\n size.minWidth = triggerWidth;\r\n }\r\n\r\n if (minWidth !== undefined) {\r\n size.minWidth = typeof minWidth === 'number' ? `${minWidth}px` : minWidth;\r\n }\r\n\r\n if (maxWidth !== undefined) {\r\n size.maxWidth = typeof maxWidth === 'number' ? `${maxWidth}px` : maxWidth;\r\n }\r\n\r\n this.overlayRef.updateSize(size);\r\n }\r\n\r\n private restoreFocus(): void {\r\n if (\r\n this.solarisPopoverRestoreFocus() &&\r\n this.previousActiveElement &&\r\n // SECURITY_EXCEPTION: this.document.contains() to safely verify trigger still exists before focus.\r\n this.document.contains(this.previousActiveElement)\r\n ) {\r\n this.previousActiveElement.focus();\r\n }\r\n this.previousActiveElement = null;\r\n }\r\n}\r\n"]}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { Directive, inject, TemplateRef } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export class SolarisPopoverDirective {
|
|
4
|
-
templateRef = inject(TemplateRef);
|
|
5
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisPopoverDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
6
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: SolarisPopoverDirective, isStandalone: true, selector: "ng-template[solaris-popover]", exportAs: ["solarisPopover"], ngImport: i0 });
|
|
7
|
-
}
|
|
8
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisPopoverDirective, decorators: [{
|
|
9
|
-
type: Directive,
|
|
10
|
-
args: [{
|
|
11
|
-
selector: 'ng-template[solaris-popover]',
|
|
12
|
-
standalone: true,
|
|
13
|
-
exportAs: 'solarisPopover',
|
|
14
|
-
}]
|
|
15
|
-
}] });
|
|
16
|
-
//# sourceMappingURL=popover.directive.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"popover.directive.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/interaction/popover/directives/popover.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;;AAO/D,MAAM,OAAO,uBAAuB;IACzB,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;wGADhC,uBAAuB;4FAAvB,uBAAuB;;4FAAvB,uBAAuB;kBALnC,SAAS;mBAAC;oBACT,QAAQ,EAAE,8BAA8B;oBACxC,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE,gBAAgB;iBAC3B","sourcesContent":["import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n selector: 'ng-template[solaris-popover]',\n standalone: true,\n exportAs: 'solarisPopover',\n})\nexport class SolarisPopoverDirective {\n readonly templateRef = inject(TemplateRef);\n}\n"]}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
export { SolarisPopoverDirective } from './directives/popover.directive';
|
|
2
|
-
export { SolarisPopoverTriggerDirective } from './directives/popover-trigger.directive';
|
|
3
|
-
export { SolarisPopoverPanelComponent } from './component/popover-panel.component';
|
|
4
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../packages/angular/src/lib/components/interaction/popover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,8BAA8B,EAAE,MAAM,wCAAwC,CAAC;AACxF,OAAO,EAAE,4BAA4B,EAAE,MAAM,qCAAqC,CAAC","sourcesContent":["export { SolarisPopoverDirective } from './directives/popover.directive';\nexport { SolarisPopoverTriggerDirective } from './directives/popover-trigger.directive';\nexport { SolarisPopoverPanelComponent } from './component/popover-panel.component';\n\nexport type {\n SolarisPopoverPlacement,\n SolarisPopoverAlign,\n SolarisPopoverAppearance,\n SolarisPopoverPadding,\n SolarisPopoverRadius,\n SolarisPopoverScrollStrategy,\n SolarisPopoverAutoFocus,\n} from './model/popover.types';\n"]}
|