@educarehq/solaris-ui 0.1.0 → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/educarehq-solaris-ui.d.ts +5 -0
- package/esm2022/educarehq-solaris-ui.js +5 -0
- package/esm2022/educarehq-solaris-ui.js.map +1 -0
- package/esm2022/index.js +70 -0
- package/esm2022/index.js.map +1 -0
- package/esm2022/lib/components/actions/button/directives/button-icon.directive.js +17 -0
- package/esm2022/lib/components/actions/button/directives/button-icon.directive.js.map +1 -0
- package/esm2022/lib/components/actions/button/directives/button.directive.js +60 -0
- package/esm2022/lib/components/actions/button/directives/button.directive.js.map +1 -0
- package/esm2022/lib/components/actions/button/model/button.types.js +1 -0
- package/esm2022/lib/components/actions/button/model/button.types.js.map +1 -0
- package/esm2022/lib/components/actions/button-group/component/button-group.component.js +21 -0
- package/esm2022/lib/components/actions/button-group/component/button-group.component.js.map +1 -0
- package/esm2022/lib/components/actions/button-group/model/button-group.types.js +1 -0
- package/esm2022/lib/components/actions/button-group/model/button-group.types.js.map +1 -0
- package/esm2022/lib/components/actions/icon-button/directives/icon-button-badge.directive.js +17 -0
- package/esm2022/lib/components/actions/icon-button/directives/icon-button-badge.directive.js.map +1 -0
- package/esm2022/lib/components/actions/icon-button/directives/icon-button.directive.js +58 -0
- package/esm2022/lib/components/actions/icon-button/directives/icon-button.directive.js.map +1 -0
- package/esm2022/lib/components/actions/icon-button/model/icon-button.types.js +1 -0
- package/esm2022/lib/components/actions/icon-button/model/icon-button.types.js.map +1 -0
- package/esm2022/lib/components/data-display/badge/component/badge.component.js +24 -0
- package/esm2022/lib/components/data-display/badge/component/badge.component.js.map +1 -0
- package/esm2022/lib/components/data-display/badge/directives/badge-icon.directive.js +17 -0
- package/esm2022/lib/components/data-display/badge/directives/badge-icon.directive.js.map +1 -0
- package/esm2022/lib/components/data-display/badge/model/badge.types.js +1 -0
- package/esm2022/lib/components/data-display/badge/model/badge.types.js.map +1 -0
- package/esm2022/lib/components/data-display/card/component/card.component.js +20 -0
- package/esm2022/lib/components/data-display/card/component/card.component.js.map +1 -0
- package/esm2022/lib/components/data-display/card/directives/card-actions.directive.js +17 -0
- package/esm2022/lib/components/data-display/card/directives/card-actions.directive.js.map +1 -0
- package/esm2022/lib/components/data-display/card/directives/card-content.directive.js +17 -0
- package/esm2022/lib/components/data-display/card/directives/card-content.directive.js.map +1 -0
- package/esm2022/lib/components/data-display/card/directives/card-description.directive.js +17 -0
- package/esm2022/lib/components/data-display/card/directives/card-description.directive.js.map +1 -0
- package/esm2022/lib/components/data-display/card/directives/card-footer.directive.js +19 -0
- package/esm2022/lib/components/data-display/card/directives/card-footer.directive.js.map +1 -0
- package/esm2022/lib/components/data-display/card/directives/card-header.directive.js +17 -0
- package/esm2022/lib/components/data-display/card/directives/card-header.directive.js.map +1 -0
- package/esm2022/lib/components/data-display/card/directives/card-media.directive.js +17 -0
- package/esm2022/lib/components/data-display/card/directives/card-media.directive.js.map +1 -0
- package/esm2022/lib/components/data-display/card/directives/card-title.directive.js +17 -0
- package/esm2022/lib/components/data-display/card/directives/card-title.directive.js.map +1 -0
- package/esm2022/lib/components/data-display/card/model/card.types.js +1 -0
- package/esm2022/lib/components/data-display/card/model/card.types.js.map +1 -0
- package/esm2022/lib/components/feedback/alert/component/alert-actions.component.js +18 -0
- package/esm2022/lib/components/feedback/alert/component/alert-actions.component.js.map +1 -0
- package/esm2022/lib/components/feedback/alert/component/alert.component.js +90 -0
- package/esm2022/lib/components/feedback/alert/component/alert.component.js.map +1 -0
- package/esm2022/lib/components/feedback/alert/directives/alert-description.directive.js +17 -0
- package/esm2022/lib/components/feedback/alert/directives/alert-description.directive.js.map +1 -0
- package/esm2022/lib/components/feedback/alert/directives/alert-title.directive.js +17 -0
- package/esm2022/lib/components/feedback/alert/directives/alert-title.directive.js.map +1 -0
- package/esm2022/lib/components/feedback/alert/model/alert.types.js +1 -0
- package/esm2022/lib/components/feedback/alert/model/alert.types.js.map +1 -0
- package/esm2022/lib/components/feedback/skeleton/component/skeleton.component.js +69 -0
- package/esm2022/lib/components/feedback/skeleton/component/skeleton.component.js.map +1 -0
- package/esm2022/lib/components/feedback/skeleton/model/skeleton.types.js +1 -0
- package/esm2022/lib/components/feedback/skeleton/model/skeleton.types.js.map +1 -0
- package/esm2022/lib/components/forms/checkbox/component/checkbox.component.js +227 -0
- package/esm2022/lib/components/forms/checkbox/component/checkbox.component.js.map +1 -0
- package/esm2022/lib/components/forms/checkbox/model/checkbox.types.js +1 -0
- package/esm2022/lib/components/forms/checkbox/model/checkbox.types.js.map +1 -0
- package/esm2022/lib/components/forms/checkbox-group/component/checkbox-group.component.js +441 -0
- package/esm2022/lib/components/forms/checkbox-group/component/checkbox-group.component.js.map +1 -0
- package/esm2022/lib/components/forms/checkbox-group/model/checkbox-group.types.js +1 -0
- package/esm2022/lib/components/forms/checkbox-group/model/checkbox-group.types.js.map +1 -0
- package/esm2022/lib/components/forms/email-field/component/email-field.component.js +214 -0
- package/esm2022/lib/components/forms/email-field/component/email-field.component.js.map +1 -0
- package/esm2022/lib/components/forms/email-field/model/email-field.types.js +1 -0
- package/esm2022/lib/components/forms/email-field/model/email-field.types.js.map +1 -0
- package/esm2022/lib/components/forms/email-field/validators/email-field.validators.js +69 -0
- package/esm2022/lib/components/forms/email-field/validators/email-field.validators.js.map +1 -0
- package/esm2022/lib/components/forms/form-field/component/form-error.component.js +19 -0
- package/esm2022/lib/components/forms/form-field/component/form-error.component.js.map +1 -0
- package/esm2022/lib/components/forms/form-field/component/form-field.component.js +394 -0
- package/esm2022/lib/components/forms/form-field/component/form-field.component.js.map +1 -0
- package/esm2022/lib/components/forms/form-field/component/form-hint.component.js +18 -0
- package/esm2022/lib/components/forms/form-field/component/form-hint.component.js.map +1 -0
- package/esm2022/lib/components/forms/form-field/component/form-label.component.js +18 -0
- package/esm2022/lib/components/forms/form-field/component/form-label.component.js.map +1 -0
- package/esm2022/lib/components/forms/form-field/directives/form-field-trigger.directive.js +14 -0
- package/esm2022/lib/components/forms/form-field/directives/form-field-trigger.directive.js.map +1 -0
- package/esm2022/lib/components/forms/form-field/directives/form-prefix.directive.js +17 -0
- package/esm2022/lib/components/forms/form-field/directives/form-prefix.directive.js.map +1 -0
- package/esm2022/lib/components/forms/form-field/directives/form-suffix.directive.js +17 -0
- package/esm2022/lib/components/forms/form-field/directives/form-suffix.directive.js.map +1 -0
- package/esm2022/lib/components/forms/form-field/index.js +8 -0
- package/esm2022/lib/components/forms/form-field/index.js.map +1 -0
- package/esm2022/lib/components/forms/form-field/model/form-control.contract.js +3 -0
- package/esm2022/lib/components/forms/form-field/model/form-control.contract.js.map +1 -0
- package/esm2022/lib/components/forms/form-field/model/form-field.types.js +1 -0
- package/esm2022/lib/components/forms/form-field/model/form-field.types.js.map +1 -0
- package/esm2022/lib/components/forms/input/directives/input.directive.js +148 -0
- package/esm2022/lib/components/forms/input/directives/input.directive.js.map +1 -0
- package/esm2022/lib/components/forms/input/index.js +2 -0
- package/esm2022/lib/components/forms/input/index.js.map +1 -0
- package/esm2022/lib/components/forms/input/model/input.defaults.js +27 -0
- package/esm2022/lib/components/forms/input/model/input.defaults.js.map +1 -0
- package/esm2022/lib/components/forms/input/model/input.types.js +1 -0
- package/esm2022/lib/components/forms/input/model/input.types.js.map +1 -0
- package/esm2022/lib/components/forms/multi-select/component/multi-select.component.js +1119 -0
- package/esm2022/lib/components/forms/multi-select/component/multi-select.component.js.map +1 -0
- package/esm2022/lib/components/forms/multi-select/model/multi-select.types.js +1 -0
- package/esm2022/lib/components/forms/multi-select/model/multi-select.types.js.map +1 -0
- package/esm2022/lib/components/forms/option/component/option.component.js +149 -0
- package/esm2022/lib/components/forms/option/component/option.component.js.map +1 -0
- package/esm2022/lib/components/forms/option/directives/option-slots.directive.js +58 -0
- package/esm2022/lib/components/forms/option/directives/option-slots.directive.js.map +1 -0
- package/esm2022/lib/components/forms/option/index.js +3 -0
- package/esm2022/lib/components/forms/option/index.js.map +1 -0
- package/esm2022/lib/components/forms/option/model/option.types.js +1 -0
- package/esm2022/lib/components/forms/option/model/option.types.js.map +1 -0
- package/esm2022/lib/components/forms/option-group/component/option-group.component.js +103 -0
- package/esm2022/lib/components/forms/option-group/component/option-group.component.js.map +1 -0
- package/esm2022/lib/components/forms/option-group/index.js +2 -0
- package/esm2022/lib/components/forms/option-group/index.js.map +1 -0
- package/esm2022/lib/components/forms/option-group/model/option-group.types.js +1 -0
- package/esm2022/lib/components/forms/option-group/model/option-group.types.js.map +1 -0
- package/esm2022/lib/components/forms/password-field/component/password-field.component.js +299 -0
- package/esm2022/lib/components/forms/password-field/component/password-field.component.js.map +1 -0
- package/esm2022/lib/components/forms/password-field/model/password-field-constants.js +5 -0
- package/esm2022/lib/components/forms/password-field/model/password-field-constants.js.map +1 -0
- package/esm2022/lib/components/forms/password-field/model/password-field.types.js +1 -0
- package/esm2022/lib/components/forms/password-field/model/password-field.types.js.map +1 -0
- package/esm2022/lib/components/forms/password-field/model/password-policy.types.js +1 -0
- package/esm2022/lib/components/forms/password-field/model/password-policy.types.js.map +1 -0
- package/esm2022/lib/components/forms/password-field/model/password-strength.js +67 -0
- package/esm2022/lib/components/forms/password-field/model/password-strength.js.map +1 -0
- package/esm2022/lib/components/forms/password-field/validators/password.validator.js +45 -0
- package/esm2022/lib/components/forms/password-field/validators/password.validator.js.map +1 -0
- package/esm2022/lib/components/forms/radio/component/radio.component.js +219 -0
- package/esm2022/lib/components/forms/radio/component/radio.component.js.map +1 -0
- package/esm2022/lib/components/forms/radio/model/radio.types.js +1 -0
- package/esm2022/lib/components/forms/radio/model/radio.types.js.map +1 -0
- package/esm2022/lib/components/forms/radio-group/component/radio-group.component.js +348 -0
- package/esm2022/lib/components/forms/radio-group/component/radio-group.component.js.map +1 -0
- package/esm2022/lib/components/forms/radio-group/model/radio-group.token.js +3 -0
- package/esm2022/lib/components/forms/radio-group/model/radio-group.token.js.map +1 -0
- package/esm2022/lib/components/forms/radio-group/model/radio-group.types.js +1 -0
- package/esm2022/lib/components/forms/radio-group/model/radio-group.types.js.map +1 -0
- package/esm2022/lib/components/forms/select/component/select.component.js +819 -0
- package/esm2022/lib/components/forms/select/component/select.component.js.map +1 -0
- package/esm2022/lib/components/forms/select/model/select.types.js +1 -0
- package/esm2022/lib/components/forms/select/model/select.types.js.map +1 -0
- package/esm2022/lib/components/forms/switch/component/switch.component.js +211 -0
- package/esm2022/lib/components/forms/switch/component/switch.component.js.map +1 -0
- package/esm2022/lib/components/forms/switch/index.js +2 -0
- package/esm2022/lib/components/forms/switch/index.js.map +1 -0
- package/esm2022/lib/components/forms/switch/model/switch.types.js +1 -0
- package/esm2022/lib/components/forms/switch/model/switch.types.js.map +1 -0
- package/esm2022/lib/components/forms/switch-group/component/switch-group.component.js +369 -0
- package/esm2022/lib/components/forms/switch-group/component/switch-group.component.js.map +1 -0
- package/esm2022/lib/components/forms/switch-group/model/switch-group.types.js +1 -0
- package/esm2022/lib/components/forms/switch-group/model/switch-group.types.js.map +1 -0
- package/esm2022/lib/components/forms/textarea/directives/textarea.directive.js +137 -0
- package/esm2022/lib/components/forms/textarea/directives/textarea.directive.js.map +1 -0
- package/esm2022/lib/components/forms/textarea/model/textarea.types.js +1 -0
- package/esm2022/lib/components/forms/textarea/model/textarea.types.js.map +1 -0
- package/esm2022/lib/components/icon/component/solaris-icon.component.js +20 -0
- package/esm2022/lib/components/icon/component/solaris-icon.component.js.map +1 -0
- package/esm2022/lib/components/icon/index.js +2 -0
- package/esm2022/lib/components/icon/index.js.map +1 -0
- package/esm2022/lib/components/interaction/popover/component/popover-panel.component.js +29 -0
- package/esm2022/lib/components/interaction/popover/component/popover-panel.component.js.map +1 -0
- package/esm2022/lib/components/interaction/popover/directives/popover-trigger.directive.js +317 -0
- package/esm2022/lib/components/interaction/popover/directives/popover-trigger.directive.js.map +1 -0
- package/esm2022/lib/components/interaction/popover/directives/popover.directive.js +16 -0
- package/esm2022/lib/components/interaction/popover/directives/popover.directive.js.map +1 -0
- package/esm2022/lib/components/interaction/popover/index.js +4 -0
- package/esm2022/lib/components/interaction/popover/index.js.map +1 -0
- package/esm2022/lib/components/interaction/popover/model/popover-position.js +145 -0
- package/esm2022/lib/components/interaction/popover/model/popover-position.js.map +1 -0
- package/esm2022/lib/components/interaction/popover/model/popover.types.js +1 -0
- package/esm2022/lib/components/interaction/popover/model/popover.types.js.map +1 -0
- package/esm2022/lib/components/interaction/popover/token/popover.tokens.js +3 -0
- package/esm2022/lib/components/interaction/popover/token/popover.tokens.js.map +1 -0
- package/esm2022/lib/components/interaction/tooltip/component/tooltip-panel.component.js +23 -0
- package/esm2022/lib/components/interaction/tooltip/component/tooltip-panel.component.js.map +1 -0
- package/esm2022/lib/components/interaction/tooltip/directive/tooltip.directive.js +405 -0
- package/esm2022/lib/components/interaction/tooltip/directive/tooltip.directive.js.map +1 -0
- package/esm2022/lib/components/interaction/tooltip/index.js +3 -0
- package/esm2022/lib/components/interaction/tooltip/index.js.map +1 -0
- package/esm2022/lib/components/interaction/tooltip/model/tooltip-position.js +209 -0
- package/esm2022/lib/components/interaction/tooltip/model/tooltip-position.js.map +1 -0
- package/esm2022/lib/components/interaction/tooltip/model/tooltip.types.js +1 -0
- package/esm2022/lib/components/interaction/tooltip/model/tooltip.types.js.map +1 -0
- package/esm2022/lib/components/interaction/tooltip/token/tooltip.tokens.js +3 -0
- package/esm2022/lib/components/interaction/tooltip/token/tooltip.tokens.js.map +1 -0
- package/esm2022/lib/services/accessibility/directives/visually-hidden.directive.js +25 -0
- package/esm2022/lib/services/accessibility/directives/visually-hidden.directive.js.map +1 -0
- package/esm2022/lib/services/accessibility/model/solaris-accessibility-config.interface.js +1 -0
- package/esm2022/lib/services/accessibility/model/solaris-accessibility-config.interface.js.map +1 -0
- package/esm2022/lib/services/accessibility/model/solaris-accessibility.types.js +1 -0
- package/esm2022/lib/services/accessibility/model/solaris-accessibility.types.js.map +1 -0
- package/esm2022/lib/services/accessibility/provider/provide-solaris-accessibility.js +10 -0
- package/esm2022/lib/services/accessibility/provider/provide-solaris-accessibility.js.map +1 -0
- package/esm2022/lib/services/accessibility/service/solaris-accessibility.service.js +60 -0
- package/esm2022/lib/services/accessibility/service/solaris-accessibility.service.js.map +1 -0
- package/esm2022/lib/services/accessibility/testing/solaris-accessibility-testing.provider.js +10 -0
- package/esm2022/lib/services/accessibility/testing/solaris-accessibility-testing.provider.js.map +1 -0
- package/esm2022/lib/services/accessibility/token/solaris-accessibility.tokens.js +3 -0
- package/esm2022/lib/services/accessibility/token/solaris-accessibility.tokens.js.map +1 -0
- package/esm2022/lib/services/icon/icons/index.js +2 -0
- package/esm2022/lib/services/icon/icons/index.js.map +1 -0
- package/esm2022/lib/services/icon/icons/solaris-built-in-icons.js +207 -0
- package/esm2022/lib/services/icon/icons/solaris-built-in-icons.js.map +1 -0
- package/esm2022/lib/services/icon/index.js +5 -0
- package/esm2022/lib/services/icon/index.js.map +1 -0
- package/esm2022/lib/services/icon/model/solaris-icon-definition.interface.js +1 -0
- package/esm2022/lib/services/icon/model/solaris-icon-definition.interface.js.map +1 -0
- package/esm2022/lib/services/icon/model/solaris-icon.types.js +1 -0
- package/esm2022/lib/services/icon/model/solaris-icon.types.js.map +1 -0
- package/esm2022/lib/services/icon/provider/provide-solaris-icons.js +10 -0
- package/esm2022/lib/services/icon/provider/provide-solaris-icons.js.map +1 -0
- package/esm2022/lib/services/icon/service/solaris-icon-registry.service.js +43 -0
- package/esm2022/lib/services/icon/service/solaris-icon-registry.service.js.map +1 -0
- package/esm2022/lib/services/icon/token/solaris-icon.tokens.js +3 -0
- package/esm2022/lib/services/icon/token/solaris-icon.tokens.js.map +1 -0
- package/esm2022/lib/services/theme/model/solaris-theme-config.interface.js +1 -0
- package/esm2022/lib/services/theme/model/solaris-theme-config.interface.js.map +1 -0
- package/esm2022/lib/services/theme/model/solaris-theme.types.js +1 -0
- package/esm2022/lib/services/theme/model/solaris-theme.types.js.map +1 -0
- package/esm2022/lib/services/theme/provider/provide-solaris-theme.js +10 -0
- package/esm2022/lib/services/theme/provider/provide-solaris-theme.js.map +1 -0
- package/esm2022/lib/services/theme/service/solaris-theme.service.js +22 -0
- package/esm2022/lib/services/theme/service/solaris-theme.service.js.map +1 -0
- package/esm2022/lib/services/theme/testing/solaris-theme-testing.provider.js +10 -0
- package/esm2022/lib/services/theme/testing/solaris-theme-testing.provider.js.map +1 -0
- package/esm2022/lib/services/theme/token/solaris-theme.tokens.js +3 -0
- package/esm2022/lib/services/theme/token/solaris-theme.tokens.js.map +1 -0
- package/esm2022/lib/services/translation/index.js +6 -0
- package/esm2022/lib/services/translation/index.js.map +1 -0
- package/esm2022/lib/services/translation/model/solaris-locale.types.js +1 -0
- package/esm2022/lib/services/translation/model/solaris-locale.types.js.map +1 -0
- package/esm2022/lib/services/translation/model/solaris-translate-config.interface.js +1 -0
- package/esm2022/lib/services/translation/model/solaris-translate-config.interface.js.map +1 -0
- package/esm2022/lib/services/translation/model/solaris-translate-defaults.js +40 -0
- package/esm2022/lib/services/translation/model/solaris-translate-defaults.js.map +1 -0
- package/esm2022/lib/services/translation/model/solaris-translation.types.js +1 -0
- package/esm2022/lib/services/translation/model/solaris-translation.types.js.map +1 -0
- package/esm2022/lib/services/translation/pipe/solaris-translate.pipe.js +20 -0
- package/esm2022/lib/services/translation/pipe/solaris-translate.pipe.js.map +1 -0
- package/esm2022/lib/services/translation/provider/provide-solaris-translate.js +10 -0
- package/esm2022/lib/services/translation/provider/provide-solaris-translate.js.map +1 -0
- package/esm2022/lib/services/translation/service/solaris-translate.service.js +87 -0
- package/esm2022/lib/services/translation/service/solaris-translate.service.js.map +1 -0
- package/esm2022/lib/services/translation/testing/solaris-translate-testing.provider.js +32 -0
- package/esm2022/lib/services/translation/testing/solaris-translate-testing.provider.js.map +1 -0
- package/esm2022/lib/services/translation/token/solaris-translate.tokens.js +3 -0
- package/esm2022/lib/services/translation/token/solaris-translate.tokens.js.map +1 -0
- package/esm2022/lib/testing/provide-solaris-testing.js +11 -0
- package/esm2022/lib/testing/provide-solaris-testing.js.map +1 -0
- package/esm2022/lib/testing/solaris-test-utilities.js +12 -0
- package/esm2022/lib/testing/solaris-test-utilities.js.map +1 -0
- package/index.d.ts +106 -0
- package/lib/components/actions/button/directives/button-icon.directive.d.ts +5 -0
- package/lib/components/actions/button/directives/button.directive.d.ts +22 -0
- package/lib/components/actions/button/model/button.types.d.ts +5 -0
- package/lib/components/actions/button-group/component/button-group.component.d.ts +10 -0
- package/lib/components/actions/button-group/model/button-group.types.d.ts +2 -0
- package/lib/components/actions/icon-button/directives/icon-button-badge.directive.d.ts +5 -0
- package/lib/components/actions/icon-button/directives/icon-button.directive.d.ts +21 -0
- package/lib/components/actions/icon-button/model/icon-button.types.d.ts +5 -0
- package/lib/components/data-display/badge/component/badge.component.d.ts +12 -0
- package/lib/components/data-display/badge/directives/badge-icon.directive.d.ts +5 -0
- package/lib/components/data-display/badge/model/badge.types.d.ts +6 -0
- package/lib/components/data-display/card/component/card.component.d.ts +10 -0
- package/lib/components/data-display/card/directives/card-actions.directive.d.ts +5 -0
- package/lib/components/data-display/card/directives/card-content.directive.d.ts +5 -0
- package/lib/components/data-display/card/directives/card-description.directive.d.ts +5 -0
- package/lib/components/data-display/card/directives/card-footer.directive.d.ts +6 -0
- package/lib/components/data-display/card/directives/card-header.directive.d.ts +5 -0
- package/lib/components/data-display/card/directives/card-media.directive.d.ts +5 -0
- package/lib/components/data-display/card/directives/card-title.directive.d.ts +5 -0
- package/lib/components/data-display/card/model/card.types.d.ts +4 -0
- package/lib/components/feedback/alert/component/alert-actions.component.d.ts +5 -0
- package/lib/components/feedback/alert/component/alert.component.d.ts +26 -0
- package/lib/components/feedback/alert/directives/alert-description.directive.d.ts +5 -0
- package/lib/components/feedback/alert/directives/alert-title.directive.d.ts +5 -0
- package/lib/components/feedback/alert/model/alert.types.d.ts +5 -0
- package/lib/components/feedback/skeleton/component/skeleton.component.d.ts +17 -0
- package/lib/components/feedback/skeleton/model/skeleton.types.d.ts +5 -0
- package/lib/components/forms/checkbox/component/checkbox.component.d.ts +70 -0
- package/lib/components/forms/checkbox/model/checkbox.types.d.ts +5 -0
- package/lib/components/forms/checkbox-group/component/checkbox-group.component.d.ts +123 -0
- package/lib/components/forms/checkbox-group/model/checkbox-group.types.d.ts +5 -0
- package/lib/components/forms/email-field/component/email-field.component.d.ts +66 -0
- package/lib/components/forms/email-field/model/email-field.types.d.ts +6 -0
- package/lib/components/forms/email-field/validators/email-field.validators.d.ts +8 -0
- package/lib/components/forms/form-field/component/form-error.component.d.ts +5 -0
- package/lib/components/forms/form-field/component/form-field.component.d.ts +90 -0
- package/lib/components/forms/form-field/component/form-hint.component.d.ts +5 -0
- package/lib/components/forms/form-field/component/form-label.component.d.ts +5 -0
- package/lib/components/forms/form-field/directives/form-field-trigger.directive.d.ts +5 -0
- package/lib/components/forms/form-field/directives/form-prefix.directive.d.ts +5 -0
- package/lib/components/forms/form-field/directives/form-suffix.directive.d.ts +5 -0
- package/lib/components/forms/form-field/index.d.ts +8 -0
- package/lib/components/forms/form-field/model/form-control.contract.d.ts +11 -0
- package/lib/components/forms/form-field/model/form-field.types.d.ts +5 -0
- package/lib/components/forms/input/directives/input.directive.d.ts +37 -0
- package/lib/components/forms/input/index.d.ts +2 -0
- package/lib/components/forms/input/model/input.defaults.d.ts +2 -0
- package/lib/components/forms/input/model/input.types.d.ts +4 -0
- package/lib/components/forms/multi-select/component/multi-select.component.d.ts +202 -0
- package/lib/components/forms/multi-select/model/multi-select.types.d.ts +5 -0
- package/lib/components/forms/option/component/option.component.d.ts +58 -0
- package/lib/components/forms/option/directives/option-slots.directive.d.ts +21 -0
- package/lib/components/forms/option/index.d.ts +3 -0
- package/lib/components/forms/option/model/option.types.d.ts +3 -0
- package/lib/components/forms/option-group/component/option-group.component.d.ts +32 -0
- package/lib/components/forms/option-group/index.d.ts +2 -0
- package/lib/components/forms/option-group/model/option-group.types.d.ts +2 -0
- package/lib/components/forms/password-field/component/password-field.component.d.ts +81 -0
- package/lib/components/forms/password-field/model/password-field-constants.d.ts +4 -0
- package/lib/components/forms/password-field/model/password-field.types.d.ts +6 -0
- package/lib/components/forms/password-field/model/password-policy.types.d.ts +10 -0
- package/lib/components/forms/password-field/model/password-strength.d.ts +2 -0
- package/lib/components/forms/password-field/validators/password.validator.d.ts +3 -0
- package/lib/components/forms/radio/component/radio.component.d.ts +68 -0
- package/lib/components/forms/radio/model/radio.types.d.ts +4 -0
- package/lib/components/forms/radio-group/component/radio-group.component.d.ts +86 -0
- package/lib/components/forms/radio-group/model/radio-group.token.d.ts +2 -0
- package/lib/components/forms/radio-group/model/radio-group.types.d.ts +5 -0
- package/lib/components/forms/select/component/select.component.d.ts +158 -0
- package/lib/components/forms/select/model/select.types.d.ts +4 -0
- package/lib/components/forms/switch/component/switch.component.d.ts +66 -0
- package/lib/components/forms/switch/index.d.ts +2 -0
- package/lib/components/forms/switch/model/switch.types.d.ts +4 -0
- package/lib/components/forms/switch-group/component/switch-group.component.d.ts +91 -0
- package/lib/components/forms/switch-group/model/switch-group.types.d.ts +5 -0
- package/lib/components/forms/textarea/directives/textarea.directive.d.ts +37 -0
- package/lib/components/forms/textarea/model/textarea.types.d.ts +5 -0
- package/lib/components/icon/component/solaris-icon.component.d.ts +13 -0
- package/lib/components/icon/index.d.ts +1 -0
- package/lib/components/interaction/popover/component/popover-panel.component.d.ts +10 -0
- package/lib/components/interaction/popover/directives/popover-trigger.directive.d.ts +65 -0
- package/lib/components/interaction/popover/directives/popover.directive.d.ts +7 -0
- package/lib/components/interaction/popover/index.d.ts +4 -0
- package/lib/components/interaction/popover/model/popover-position.d.ts +4 -0
- package/lib/components/interaction/popover/model/popover.types.d.ts +7 -0
- package/lib/components/interaction/popover/token/popover.tokens.d.ts +12 -0
- package/lib/components/interaction/tooltip/component/tooltip-panel.component.d.ts +9 -0
- package/lib/components/interaction/tooltip/directive/tooltip.directive.d.ts +80 -0
- package/lib/components/interaction/tooltip/index.d.ts +3 -0
- package/lib/components/interaction/tooltip/model/tooltip-position.d.ts +5 -0
- package/lib/components/interaction/tooltip/model/tooltip.types.d.ts +22 -0
- package/lib/components/interaction/tooltip/token/tooltip.tokens.d.ts +21 -0
- package/lib/services/accessibility/directives/visually-hidden.directive.d.ts +5 -0
- package/lib/services/accessibility/model/solaris-accessibility-config.interface.d.ts +4 -0
- package/lib/services/accessibility/model/solaris-accessibility.types.d.ts +5 -0
- package/lib/services/accessibility/provider/provide-solaris-accessibility.d.ts +3 -0
- package/lib/services/accessibility/service/solaris-accessibility.service.d.ts +15 -0
- package/lib/services/accessibility/testing/solaris-accessibility-testing.provider.d.ts +3 -0
- package/lib/services/accessibility/token/solaris-accessibility.tokens.d.ts +3 -0
- package/lib/services/icon/icons/index.d.ts +1 -0
- package/lib/services/icon/icons/solaris-built-in-icons.d.ts +2 -0
- package/lib/services/icon/index.d.ts +8 -0
- package/lib/services/icon/model/solaris-icon-definition.interface.d.ts +36 -0
- package/lib/services/icon/model/solaris-icon.types.d.ts +4 -0
- package/lib/services/icon/provider/provide-solaris-icons.d.ts +3 -0
- package/lib/services/icon/service/solaris-icon-registry.service.d.ts +12 -0
- package/lib/services/icon/token/solaris-icon.tokens.d.ts +6 -0
- package/lib/services/theme/model/solaris-theme-config.interface.d.ts +5 -0
- package/lib/services/theme/model/solaris-theme.types.d.ts +3 -0
- package/lib/services/theme/provider/provide-solaris-theme.d.ts +3 -0
- package/lib/services/theme/service/solaris-theme.service.d.ts +9 -0
- package/lib/services/theme/testing/solaris-theme-testing.provider.d.ts +3 -0
- package/lib/services/theme/token/solaris-theme.tokens.d.ts +3 -0
- package/lib/services/translation/index.d.ts +8 -0
- package/lib/services/translation/model/solaris-locale.types.d.ts +4 -0
- package/lib/services/translation/model/solaris-translate-config.interface.d.ts +8 -0
- package/lib/services/translation/model/solaris-translate-defaults.d.ts +2 -0
- package/lib/services/translation/model/solaris-translation.types.d.ts +3 -0
- package/lib/services/translation/pipe/solaris-translate.pipe.d.ts +8 -0
- package/lib/services/translation/provider/provide-solaris-translate.d.ts +3 -0
- package/lib/services/translation/service/solaris-translate.service.d.ts +15 -0
- package/lib/services/translation/testing/solaris-translate-testing.provider.d.ts +3 -0
- package/lib/services/translation/token/solaris-translate.tokens.d.ts +3 -0
- package/lib/testing/provide-solaris-testing.d.ts +10 -0
- package/lib/testing/solaris-test-utilities.d.ts +3 -0
- package/package.json +9 -5
- package/styles/_button.scss +50 -220
- package/styles/_core.scss +37 -37
- package/styles/_icon-button.scss +43 -219
- package/styles/_index.scss +19 -19
- package/styles/_input.scss +255 -0
- package/styles/_popover.scss +68 -0
- package/styles/_theme.scss +36 -36
- package/styles/_tooltip.scss +3 -0
- package/fesm2022/educarehq-solaris-ui.mjs +0 -1047
- package/fesm2022/educarehq-solaris-ui.mjs.map +0 -1
- package/types/educarehq-solaris-ui.d.ts +0 -408
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"educarehq-solaris-ui.js","sourceRoot":"","sources":["../../../../packages/angular/src/educarehq-solaris-ui.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC","sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}
|
package/esm2022/index.js
ADDED
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
export { provideSolarisTranslateTesting } from './lib/services/translation/testing/solaris-translate-testing.provider';
|
|
2
|
+
export { provideSolarisTranslate } from './lib/services/translation/provider/provide-solaris-translate';
|
|
3
|
+
export { SolarisTranslateService } from './lib/services/translation/service/solaris-translate.service';
|
|
4
|
+
export { SolarisTranslatePipe } from './lib/services/translation/pipe/solaris-translate.pipe';
|
|
5
|
+
export { SOLARIS_TRANSLATE_CONFIG } from './lib/services/translation/token/solaris-translate.tokens';
|
|
6
|
+
export { provideSolarisAccessibilityTesting } from './lib/services/accessibility/testing/solaris-accessibility-testing.provider';
|
|
7
|
+
export { SolarisVisuallyHiddenDirective } from './lib/services/accessibility/directives/visually-hidden.directive';
|
|
8
|
+
export { provideSolarisAccessibility } from './lib/services/accessibility/provider/provide-solaris-accessibility';
|
|
9
|
+
export { SolarisAccessibilityService } from './lib/services/accessibility/service/solaris-accessibility.service';
|
|
10
|
+
export { SOLARIS_ACCESSIBILITY_CONFIG } from './lib/services/accessibility/token/solaris-accessibility.tokens';
|
|
11
|
+
export { provideSolarisThemeTesting } from './lib/services/theme/testing/solaris-theme-testing.provider';
|
|
12
|
+
export { provideSolarisTheme } from './lib/services/theme/provider/provide-solaris-theme';
|
|
13
|
+
export { SolarisThemeService } from './lib/services/theme/service/solaris-theme.service';
|
|
14
|
+
export { SOLARIS_THEME_CONFIG } from './lib/services/theme/token/solaris-theme.tokens';
|
|
15
|
+
export { SolarisIconComponent } from './lib/components/icon/component/solaris-icon.component';
|
|
16
|
+
export { SolarisIconRegistryService } from './lib/services/icon/service/solaris-icon-registry.service';
|
|
17
|
+
export { provideSolarisIcons } from './lib/services/icon/provider/provide-solaris-icons';
|
|
18
|
+
export { SOLARIS_ICONS_CONFIG } from './lib/services/icon/token/solaris-icon.tokens';
|
|
19
|
+
export { SOLARIS_BUILT_IN_ICONS } from './lib/services/icon/icons/solaris-built-in-icons';
|
|
20
|
+
export { SolarisBadgeComponent } from './lib/components/data-display/badge/component/badge.component';
|
|
21
|
+
export { SolarisBadgeIconDirective } from './lib/components/data-display/badge/directives/badge-icon.directive';
|
|
22
|
+
export { SolarisCardComponent } from './lib/components/data-display/card/component/card.component';
|
|
23
|
+
export { SolarisCardHeaderDirective } from './lib/components/data-display/card/directives/card-header.directive';
|
|
24
|
+
export { SolarisCardContentDirective } from './lib/components/data-display/card/directives/card-content.directive';
|
|
25
|
+
export { SolarisCardMediaDirective } from './lib/components/data-display/card/directives/card-media.directive';
|
|
26
|
+
export { SolarisCardFooterDirective } from './lib/components/data-display/card/directives/card-footer.directive';
|
|
27
|
+
export { SolarisCardActionsDirective } from './lib/components/data-display/card/directives/card-actions.directive';
|
|
28
|
+
export { SolarisCardTitleDirective } from './lib/components/data-display/card/directives/card-title.directive';
|
|
29
|
+
export { SolarisCardDescriptionDirective } from './lib/components/data-display/card/directives/card-description.directive';
|
|
30
|
+
export { SolarisAlertComponent } from './lib/components/feedback/alert/component/alert.component';
|
|
31
|
+
export { SolarisAlertActionsComponent } from './lib/components/feedback/alert/component/alert-actions.component';
|
|
32
|
+
export { SolarisAlertTitleDirective } from './lib/components/feedback/alert/directives/alert-title.directive';
|
|
33
|
+
export { SolarisAlertDescriptionDirective } from './lib/components/feedback/alert/directives/alert-description.directive';
|
|
34
|
+
export { SolarisButtonDirective } from './lib/components/actions/button/directives/button.directive';
|
|
35
|
+
export { SolarisButtonIconDirective } from './lib/components/actions/button/directives/button-icon.directive';
|
|
36
|
+
export { SolarisIconButtonDirective } from './lib/components/actions/icon-button/directives/icon-button.directive';
|
|
37
|
+
export { SolarisIconButtonBadgeDirective } from './lib/components/actions/icon-button/directives/icon-button-badge.directive';
|
|
38
|
+
export { SolarisButtonGroupComponent } from './lib/components/actions/button-group/component/button-group.component';
|
|
39
|
+
export { SolarisOptionComponent } from './lib/components/forms/option/component/option.component';
|
|
40
|
+
export { SolarisOptionLeadingDirective, SolarisOptionLabelDirective, SolarisOptionDescriptionDirective, SolarisOptionMetaDirective, SolarisOptionTrailingDirective, } from './lib/components/forms/option/directives/option-slots.directive';
|
|
41
|
+
export { SolarisOptionGroupComponent } from './lib/components/forms/option-group/component/option-group.component';
|
|
42
|
+
export { SolarisFormFieldComponent } from './lib/components/forms/form-field/component/form-field.component';
|
|
43
|
+
export { SolarisFormLabelComponent } from './lib/components/forms/form-field/component/form-label.component';
|
|
44
|
+
export { SolarisFormHintComponent } from './lib/components/forms/form-field/component/form-hint.component';
|
|
45
|
+
export { SolarisFormErrorComponent } from './lib/components/forms/form-field/component/form-error.component';
|
|
46
|
+
export { SolarisFormPrefixDirective } from './lib/components/forms/form-field/directives/form-prefix.directive';
|
|
47
|
+
export { SolarisFormSuffixDirective } from './lib/components/forms/form-field/directives/form-suffix.directive';
|
|
48
|
+
export { SolarisSelectComponent } from './lib/components/forms/select/component/select.component';
|
|
49
|
+
export { SolarisMultiSelectComponent } from './lib/components/forms/multi-select/component/multi-select.component';
|
|
50
|
+
export { SolarisInputDirective } from './lib/components/forms/input/directives/input.directive';
|
|
51
|
+
export { SolarisCheckboxComponent } from './lib/components/forms/checkbox/component/checkbox.component';
|
|
52
|
+
export { SolarisCheckboxGroupComponent } from './lib/components/forms/checkbox-group/component/checkbox-group.component';
|
|
53
|
+
export { SolarisRadioComponent } from './lib/components/forms/radio/component/radio.component';
|
|
54
|
+
export { SolarisSwitchComponent } from './lib/components/forms/switch/component/switch.component';
|
|
55
|
+
export { SolarisSwitchGroupComponent } from './lib/components/forms/switch-group/component/switch-group.component';
|
|
56
|
+
export { SolarisRadioGroupComponent } from './lib/components/forms/radio-group/component/radio-group.component';
|
|
57
|
+
export { SolarisTextareaDirective } from './lib/components/forms/textarea/directives/textarea.directive';
|
|
58
|
+
export { SolarisPasswordFieldComponent } from './lib/components/forms/password-field/component/password-field.component';
|
|
59
|
+
export { solarisPasswordValidator } from './lib/components/forms/password-field/validators/password.validator';
|
|
60
|
+
export { SolarisEmailFieldComponent } from './lib/components/forms/email-field/component/email-field.component';
|
|
61
|
+
export { solarisEmailValidator, solarisAllowedDomainsValidator, solarisBlockedDomainsValidator, } from './lib/components/forms/email-field/validators/email-field.validators';
|
|
62
|
+
export { SolarisPopoverDirective } from './lib/components/interaction/popover/directives/popover.directive';
|
|
63
|
+
export { SolarisPopoverTriggerDirective } from './lib/components/interaction/popover/directives/popover-trigger.directive';
|
|
64
|
+
export { SolarisPopoverPanelComponent } from './lib/components/interaction/popover/component/popover-panel.component';
|
|
65
|
+
export { SolarisTooltipDirective } from './lib/components/interaction/tooltip/directive/tooltip.directive';
|
|
66
|
+
export { SolarisTooltipPanelComponent } from './lib/components/interaction/tooltip/component/tooltip-panel.component';
|
|
67
|
+
export { SolarisSkeletonComponent } from './lib/components/feedback/skeleton/component/skeleton.component';
|
|
68
|
+
export { provideSolarisTesting } from './lib/testing/provide-solaris-testing';
|
|
69
|
+
export { configureSolarisTesting } from './lib/testing/solaris-test-utilities';
|
|
70
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../packages/angular/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,8BAA8B,EAAE,MAAM,uEAAuE,CAAC;AAEvH,OAAO,EAAE,uBAAuB,EAAE,MAAM,+DAA+D,CAAC;AACxG,OAAO,EAAE,uBAAuB,EAAE,MAAM,8DAA8D,CAAC;AACvG,OAAO,EAAE,oBAAoB,EAAE,MAAM,wDAAwD,CAAC;AAC9F,OAAO,EAAE,wBAAwB,EAAE,MAAM,2DAA2D,CAAC;AAWrG,OAAO,EAAE,kCAAkC,EAAE,MAAM,6EAA6E,CAAC;AAEjI,OAAO,EAAE,8BAA8B,EAAE,MAAM,mEAAmE,CAAC;AACnH,OAAO,EAAE,2BAA2B,EAAE,MAAM,qEAAqE,CAAC;AAClH,OAAO,EAAE,2BAA2B,EAAE,MAAM,oEAAoE,CAAC;AAEjH,OAAO,EAAE,4BAA4B,EAAE,MAAM,iEAAiE,CAAC;AAE/G,OAAO,EAAE,0BAA0B,EAAE,MAAM,6DAA6D,CAAC;AAOzG,OAAO,EAAE,mBAAmB,EAAE,MAAM,qDAAqD,CAAC;AAC1F,OAAO,EAAE,mBAAmB,EAAE,MAAM,oDAAoD,CAAC;AACzF,OAAO,EAAE,oBAAoB,EAAE,MAAM,iDAAiD,CAAC;AAEvF,OAAO,EAAE,oBAAoB,EAAE,MAAM,wDAAwD,CAAC;AAC9F,OAAO,EAAE,0BAA0B,EAAE,MAAM,2DAA2D,CAAC;AACvG,OAAO,EAAE,mBAAmB,EAAE,MAAM,oDAAoD,CAAC;AACzF,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AACrF,OAAO,EAAE,sBAAsB,EAAE,MAAM,kDAAkD,CAAC;AAgB1F,OAAO,EAAE,qBAAqB,EAAE,MAAM,+DAA+D,CAAC;AACtG,OAAO,EAAE,yBAAyB,EAAE,MAAM,qEAAqE,CAAC;AAUhH,OAAO,EAAE,oBAAoB,EAAE,MAAM,6DAA6D,CAAC;AACnG,OAAO,EAAE,0BAA0B,EAAE,MAAM,qEAAqE,CAAC;AACjH,OAAO,EAAE,2BAA2B,EAAE,MAAM,sEAAsE,CAAC;AACnH,OAAO,EAAE,yBAAyB,EAAE,MAAM,oEAAoE,CAAC;AAC/G,OAAO,EAAE,0BAA0B,EAAE,MAAM,qEAAqE,CAAC;AACjH,OAAO,EAAE,2BAA2B,EAAE,MAAM,sEAAsE,CAAC;AACnH,OAAO,EAAE,yBAAyB,EAAE,MAAM,oEAAoE,CAAC;AAC/G,OAAO,EAAE,+BAA+B,EAAE,MAAM,0EAA0E,CAAC;AAQ3H,OAAO,EAAE,qBAAqB,EAAE,MAAM,2DAA2D,CAAC;AAClG,OAAO,EAAE,4BAA4B,EAAE,MAAM,mEAAmE,CAAC;AACjH,OAAO,EAAE,0BAA0B,EAAE,MAAM,kEAAkE,CAAC;AAC9G,OAAO,EAAE,gCAAgC,EAAE,MAAM,wEAAwE,CAAC;AAS1H,OAAO,EAAE,sBAAsB,EAAE,MAAM,6DAA6D,CAAC;AACrG,OAAO,EAAE,0BAA0B,EAAE,MAAM,kEAAkE,CAAC;AAS9G,OAAO,EAAE,0BAA0B,EAAE,MAAM,uEAAuE,CAAC;AACnH,OAAO,EAAE,+BAA+B,EAAE,MAAM,6EAA6E,CAAC;AAS9H,OAAO,EAAE,2BAA2B,EAAE,MAAM,wEAAwE,CAAC;AAMrH,OAAO,EAAE,sBAAsB,EAAE,MAAM,0DAA0D,CAAC;AAClG,OAAO,EACL,6BAA6B,EAC7B,2BAA2B,EAC3B,iCAAiC,EACjC,0BAA0B,EAC1B,8BAA8B,GAC/B,MAAM,iEAAiE,CAAC;AAOzE,OAAO,EAAE,2BAA2B,EAAE,MAAM,sEAAsE,CAAC;AAMnH,OAAO,EAAE,yBAAyB,EAAE,MAAM,kEAAkE,CAAC;AAC7G,OAAO,EAAE,yBAAyB,EAAE,MAAM,kEAAkE,CAAC;AAC7G,OAAO,EAAE,wBAAwB,EAAE,MAAM,iEAAiE,CAAC;AAC3G,OAAO,EAAE,yBAAyB,EAAE,MAAM,kEAAkE,CAAC;AAC7G,OAAO,EAAE,0BAA0B,EAAE,MAAM,oEAAoE,CAAC;AAChH,OAAO,EAAE,0BAA0B,EAAE,MAAM,oEAAoE,CAAC;AAQhH,OAAO,EAAE,sBAAsB,EAAE,MAAM,0DAA0D,CAAC;AAQlG,OAAO,EAAE,2BAA2B,EAAE,MAAM,sEAAsE,CAAC;AASnH,OAAO,EAAE,qBAAqB,EAAE,MAAM,yDAAyD,CAAC;AAQhG,OAAO,EAAE,wBAAwB,EAAE,MAAM,8DAA8D,CAAC;AASxG,OAAO,EAAE,6BAA6B,EAAE,MAAM,0EAA0E,CAAC;AASzH,OAAO,EAAE,qBAAqB,EAAE,MAAM,wDAAwD,CAAC;AAQ/F,OAAO,EAAE,sBAAsB,EAAE,MAAM,0DAA0D,CAAC;AAQlG,OAAO,EAAE,2BAA2B,EAAE,MAAM,sEAAsE,CAAC;AASnH,OAAO,EAAE,0BAA0B,EAAE,MAAM,oEAAoE,CAAC;AAShH,OAAO,EAAE,wBAAwB,EAAE,MAAM,+DAA+D,CAAC;AASzG,OAAO,EAAE,6BAA6B,EAAE,MAAM,0EAA0E,CAAC;AACzH,OAAO,EAAE,wBAAwB,EAAE,MAAM,qEAAqE,CAAC;AAU/G,OAAO,EAAE,0BAA0B,EAAE,MAAM,oEAAoE,CAAC;AAChH,OAAO,EACL,qBAAqB,EACrB,8BAA8B,EAC9B,8BAA8B,GAC/B,MAAM,sEAAsE,CAAC;AAQ9E,OAAO,EAAE,uBAAuB,EAAE,MAAM,mEAAmE,CAAC;AAC5G,OAAO,EAAE,8BAA8B,EAAE,MAAM,2EAA2E,CAAC;AAC3H,OAAO,EAAE,4BAA4B,EAAE,MAAM,wEAAwE,CAAC;AAWtH,OAAO,EAAE,uBAAuB,EAAE,MAAM,kEAAkE,CAAC;AAC3G,OAAO,EAAE,4BAA4B,EAAE,MAAM,wEAAwE,CAAC;AAUtH,OAAO,EAAE,wBAAwB,EAAE,MAAM,iEAAiE,CAAC;AAS3G,OAAO,EAAE,qBAAqB,EAAE,MAAM,uCAAuC,CAAC;AAE9E,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC","sourcesContent":["export { provideSolarisTranslateTesting } from './lib/services/translation/testing/solaris-translate-testing.provider';\r\nexport type { SolarisTranslateConfig } from './lib/services/translation/model/solaris-translate-config.interface';\r\nexport { provideSolarisTranslate } from './lib/services/translation/provider/provide-solaris-translate';\r\nexport { SolarisTranslateService } from './lib/services/translation/service/solaris-translate.service';\r\nexport { SolarisTranslatePipe } from './lib/services/translation/pipe/solaris-translate.pipe';\r\nexport { SOLARIS_TRANSLATE_CONFIG } from './lib/services/translation/token/solaris-translate.tokens';\r\nexport type {\r\n SolarisBuiltInLocale,\r\n SolarisLocale,\r\n} from './lib/services/translation/model/solaris-locale.types';\r\nexport type {\r\n SolarisTranslationMap,\r\n SolarisTranslations,\r\n SolarisTranslateParams,\r\n} from './lib/services/translation/model/solaris-translation.types';\r\n\r\nexport { provideSolarisAccessibilityTesting } from './lib/services/accessibility/testing/solaris-accessibility-testing.provider';\r\nexport type { SolarisAccessibilityConfig } from './lib/services/accessibility/model/solaris-accessibility-config.interface';\r\nexport { SolarisVisuallyHiddenDirective } from './lib/services/accessibility/directives/visually-hidden.directive';\r\nexport { provideSolarisAccessibility } from './lib/services/accessibility/provider/provide-solaris-accessibility';\r\nexport { SolarisAccessibilityService } from './lib/services/accessibility/service/solaris-accessibility.service';\r\nexport type { SolarisReducedMotionState } from './lib/services/accessibility/model/solaris-accessibility.types';\r\nexport { SOLARIS_ACCESSIBILITY_CONFIG } from './lib/services/accessibility/token/solaris-accessibility.tokens';\r\n\r\nexport { provideSolarisThemeTesting } from './lib/services/theme/testing/solaris-theme-testing.provider';\r\nexport type { SolarisThemeConfig } from './lib/services/theme/model/solaris-theme-config.interface';\r\nexport type {\r\n SolarisColorScheme,\r\n SolarisDensity,\r\n SolarisReducedMotionPreference,\r\n} from './lib/services/theme/model/solaris-theme.types';\r\nexport { provideSolarisTheme } from './lib/services/theme/provider/provide-solaris-theme';\r\nexport { SolarisThemeService } from './lib/services/theme/service/solaris-theme.service';\r\nexport { SOLARIS_THEME_CONFIG } from './lib/services/theme/token/solaris-theme.tokens';\r\n\r\nexport { SolarisIconComponent } from './lib/components/icon/component/solaris-icon.component';\r\nexport { SolarisIconRegistryService } from './lib/services/icon/service/solaris-icon-registry.service';\r\nexport { provideSolarisIcons } from './lib/services/icon/provider/provide-solaris-icons';\r\nexport { SOLARIS_ICONS_CONFIG } from './lib/services/icon/token/solaris-icon.tokens';\r\nexport { SOLARIS_BUILT_IN_ICONS } from './lib/services/icon/icons/solaris-built-in-icons';\r\nexport type { SolarisIconDefinition } from './lib/services/icon/model/solaris-icon-definition.interface';\r\nexport type {\r\n SvgElement,\r\n SvgPathElement,\r\n SvgLineElement,\r\n SvgPolylineElement,\r\n SvgPolygonElement,\r\n SvgCircleElement,\r\n} from './lib/services/icon/model/solaris-icon-definition.interface';\r\nexport type {\r\n SolarisIconName,\r\n SolarisBuiltInIcon,\r\n} from './lib/services/icon/model/solaris-icon.types';\r\nexport type { SolarisIconsConfig } from './lib/services/icon/token/solaris-icon.tokens';\r\n\r\nexport { SolarisBadgeComponent } from './lib/components/data-display/badge/component/badge.component';\r\nexport { SolarisBadgeIconDirective } from './lib/components/data-display/badge/directives/badge-icon.directive';\r\nexport type {\r\n SolarisBadgeAppearance,\r\n SolarisBadgeColor,\r\n SolarisBadgeSize,\r\n SolarisBadgeRadius,\r\n SolarisBadgeVariant,\r\n SolarisBadgeDensity,\r\n} from './lib/components/data-display/badge/model/badge.types';\r\n\r\nexport { SolarisCardComponent } from './lib/components/data-display/card/component/card.component';\r\nexport { SolarisCardHeaderDirective } from './lib/components/data-display/card/directives/card-header.directive';\r\nexport { SolarisCardContentDirective } from './lib/components/data-display/card/directives/card-content.directive';\r\nexport { SolarisCardMediaDirective } from './lib/components/data-display/card/directives/card-media.directive';\r\nexport { SolarisCardFooterDirective } from './lib/components/data-display/card/directives/card-footer.directive';\r\nexport { SolarisCardActionsDirective } from './lib/components/data-display/card/directives/card-actions.directive';\r\nexport { SolarisCardTitleDirective } from './lib/components/data-display/card/directives/card-title.directive';\r\nexport { SolarisCardDescriptionDirective } from './lib/components/data-display/card/directives/card-description.directive';\r\nexport type {\r\n SolarisCardAppearance,\r\n SolarisCardRadius,\r\n SolarisCardDensity,\r\n SolarisCardGlassTexture,\r\n} from './lib/components/data-display/card/model/card.types';\r\n\r\nexport { SolarisAlertComponent } from './lib/components/feedback/alert/component/alert.component';\r\nexport { SolarisAlertActionsComponent } from './lib/components/feedback/alert/component/alert-actions.component';\r\nexport { SolarisAlertTitleDirective } from './lib/components/feedback/alert/directives/alert-title.directive';\r\nexport { SolarisAlertDescriptionDirective } from './lib/components/feedback/alert/directives/alert-description.directive';\r\nexport type {\r\n SolarisAlertVariant,\r\n SolarisAlertAppearance,\r\n SolarisAlertRadius,\r\n SolarisAlertDensity,\r\n SolarisAlertLive,\r\n} from './lib/components/feedback/alert/model/alert.types';\r\n\r\nexport { SolarisButtonDirective } from './lib/components/actions/button/directives/button.directive';\r\nexport { SolarisButtonIconDirective } from './lib/components/actions/button/directives/button-icon.directive';\r\nexport type {\r\n SolarisButtonAppearance,\r\n SolarisButtonColor,\r\n SolarisButtonSize,\r\n SolarisButtonRadius,\r\n SolarisButtonDensity,\r\n} from './lib/components/actions/button/model/button.types';\r\n\r\nexport { SolarisIconButtonDirective } from './lib/components/actions/icon-button/directives/icon-button.directive';\r\nexport { SolarisIconButtonBadgeDirective } from './lib/components/actions/icon-button/directives/icon-button-badge.directive';\r\nexport type {\r\n SolarisIconButtonAppearance,\r\n SolarisIconButtonColor,\r\n SolarisIconButtonSize,\r\n SolarisIconButtonRadius,\r\n SolarisIconButtonDensity,\r\n} from './lib/components/actions/icon-button/model/icon-button.types';\r\n\r\nexport { SolarisButtonGroupComponent } from './lib/components/actions/button-group/component/button-group.component';\r\nexport type {\r\n SolarisButtonGroupOrientation,\r\n SolarisButtonGroupDensity,\r\n} from './lib/components/actions/button-group/model/button-group.types';\r\n\r\nexport { SolarisOptionComponent } from './lib/components/forms/option/component/option.component';\r\nexport {\r\n SolarisOptionLeadingDirective,\r\n SolarisOptionLabelDirective,\r\n SolarisOptionDescriptionDirective,\r\n SolarisOptionMetaDirective,\r\n SolarisOptionTrailingDirective,\r\n} from './lib/components/forms/option/directives/option-slots.directive';\r\nexport type {\r\n SolarisOptionSize,\r\n SolarisOptionDensity,\r\n SolarisOptionSelectionMode,\r\n} from './lib/components/forms/option/model/option.types';\r\n\r\nexport { SolarisOptionGroupComponent } from './lib/components/forms/option-group/component/option-group.component';\r\nexport type {\r\n SolarisOptionGroupSize,\r\n SolarisOptionGroupDensity,\r\n} from './lib/components/forms/option-group/model/option-group.types';\r\n\r\nexport { SolarisFormFieldComponent } from './lib/components/forms/form-field/component/form-field.component';\r\nexport { SolarisFormLabelComponent } from './lib/components/forms/form-field/component/form-label.component';\r\nexport { SolarisFormHintComponent } from './lib/components/forms/form-field/component/form-hint.component';\r\nexport { SolarisFormErrorComponent } from './lib/components/forms/form-field/component/form-error.component';\r\nexport { SolarisFormPrefixDirective } from './lib/components/forms/form-field/directives/form-prefix.directive';\r\nexport { SolarisFormSuffixDirective } from './lib/components/forms/form-field/directives/form-suffix.directive';\r\nexport type {\r\n SolarisFormFieldAppearance,\r\n SolarisFormFieldSize,\r\n SolarisFormFieldDensity,\r\n SolarisFormFieldRadius,\r\n} from './lib/components/forms/form-field/model/form-field.types';\r\n\r\nexport { SolarisSelectComponent } from './lib/components/forms/select/component/select.component';\r\nexport type {\r\n SolarisSelectAppearance,\r\n SolarisSelectSize,\r\n SolarisSelectDensity,\r\n SolarisSelectRadius,\r\n} from './lib/components/forms/select/model/select.types';\r\n\r\nexport { SolarisMultiSelectComponent } from './lib/components/forms/multi-select/component/multi-select.component';\r\nexport type {\r\n SolarisMultiSelectAppearance,\r\n SolarisMultiSelectSize,\r\n SolarisMultiSelectDensity,\r\n SolarisMultiSelectRadius,\r\n SolarisMultiSelectDisplayMode,\r\n} from './lib/components/forms/multi-select/model/multi-select.types';\r\n\r\nexport { SolarisInputDirective } from './lib/components/forms/input/directives/input.directive';\r\nexport type {\r\n SolarisInputAppearance,\r\n SolarisInputSize,\r\n SolarisInputDensity,\r\n SolarisInputRadius,\r\n} from './lib/components/forms/input/model/input.types';\r\n\r\nexport { SolarisCheckboxComponent } from './lib/components/forms/checkbox/component/checkbox.component';\r\nexport type {\r\n SolarisCheckboxAppearance,\r\n SolarisCheckboxColor,\r\n SolarisCheckboxSize,\r\n SolarisCheckboxRadius,\r\n SolarisCheckboxDensity,\r\n} from './lib/components/forms/checkbox/model/checkbox.types';\r\n\r\nexport { SolarisCheckboxGroupComponent } from './lib/components/forms/checkbox-group/component/checkbox-group.component';\r\nexport type {\r\n SolarisCheckboxGroupOrientation,\r\n SolarisCheckboxGroupLayout,\r\n SolarisCheckboxGroupColumns,\r\n SolarisCheckboxGroupDensity,\r\n SolarisCheckboxGroupSize,\r\n} from './lib/components/forms/checkbox-group/model/checkbox-group.types';\r\n\r\nexport { SolarisRadioComponent } from './lib/components/forms/radio/component/radio.component';\r\nexport type {\r\n SolarisRadioAppearance,\r\n SolarisRadioColor,\r\n SolarisRadioSize,\r\n SolarisRadioDensity,\r\n} from './lib/components/forms/radio/model/radio.types';\r\n\r\nexport { SolarisSwitchComponent } from './lib/components/forms/switch/component/switch.component';\r\nexport type {\r\n SolarisSwitchAppearance,\r\n SolarisSwitchColor,\r\n SolarisSwitchSize,\r\n SolarisSwitchDensity,\r\n} from './lib/components/forms/switch/model/switch.types';\r\n\r\nexport { SolarisSwitchGroupComponent } from './lib/components/forms/switch-group/component/switch-group.component';\r\nexport type {\r\n SolarisSwitchGroupOrientation,\r\n SolarisSwitchGroupLayout,\r\n SolarisSwitchGroupColumns,\r\n SolarisSwitchGroupDensity,\r\n SolarisSwitchGroupSize,\r\n} from './lib/components/forms/switch-group/model/switch-group.types';\r\n\r\nexport { SolarisRadioGroupComponent } from './lib/components/forms/radio-group/component/radio-group.component';\r\nexport type {\r\n SolarisRadioGroupOrientation,\r\n SolarisRadioGroupLayout,\r\n SolarisRadioGroupColumns,\r\n SolarisRadioGroupDensity,\r\n SolarisRadioGroupSize,\r\n} from './lib/components/forms/radio-group/model/radio-group.types';\r\n\r\nexport { SolarisTextareaDirective } from './lib/components/forms/textarea/directives/textarea.directive';\r\nexport type {\r\n SolarisTextareaAppearance,\r\n SolarisTextareaSize,\r\n SolarisTextareaDensity,\r\n SolarisTextareaRadius,\r\n SolarisTextareaResize,\r\n} from './lib/components/forms/textarea/model/textarea.types';\r\n\r\nexport { SolarisPasswordFieldComponent } from './lib/components/forms/password-field/component/password-field.component';\r\nexport { solarisPasswordValidator } from './lib/components/forms/password-field/validators/password.validator';\r\nexport type { SolarisPasswordPolicy } from './lib/components/forms/password-field/model/password-policy.types';\r\nexport type {\r\n SolarisPasswordFieldAppearance,\r\n SolarisPasswordFieldSize,\r\n SolarisPasswordFieldDensity,\r\n SolarisPasswordFieldRadius,\r\n SolarisPasswordStrength,\r\n} from './lib/components/forms/password-field/model/password-field.types';\r\n\r\nexport { SolarisEmailFieldComponent } from './lib/components/forms/email-field/component/email-field.component';\r\nexport {\r\n solarisEmailValidator,\r\n solarisAllowedDomainsValidator,\r\n solarisBlockedDomainsValidator,\r\n} from './lib/components/forms/email-field/validators/email-field.validators';\r\nexport type {\r\n SolarisEmailFieldAppearance,\r\n SolarisEmailFieldSize,\r\n SolarisEmailFieldDensity,\r\n SolarisEmailFieldRadius,\r\n} from './lib/components/forms/email-field/model/email-field.types';\r\n\r\nexport { SolarisPopoverDirective } from './lib/components/interaction/popover/directives/popover.directive';\r\nexport { SolarisPopoverTriggerDirective } from './lib/components/interaction/popover/directives/popover-trigger.directive';\r\nexport { SolarisPopoverPanelComponent } from './lib/components/interaction/popover/component/popover-panel.component';\r\nexport 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 './lib/components/interaction/popover/model/popover.types';\r\n\r\nexport { SolarisTooltipDirective } from './lib/components/interaction/tooltip/directive/tooltip.directive';\r\nexport { SolarisTooltipPanelComponent } from './lib/components/interaction/tooltip/component/tooltip-panel.component';\r\nexport type {\r\n SolarisTooltipPlacement,\r\n SolarisTooltipTrigger,\r\n SolarisTooltipAppearance,\r\n SolarisTooltipSize,\r\n SolarisTooltipRadius,\r\n SolarisTooltipConfig,\r\n} from './lib/components/interaction/tooltip/model/tooltip.types';\r\n\r\nexport { SolarisSkeletonComponent } from './lib/components/feedback/skeleton/component/skeleton.component';\r\nexport type {\r\n SolarisSkeletonVariant,\r\n SolarisSkeletonAnimation,\r\n SolarisSkeletonSize,\r\n SolarisSkeletonRadius,\r\n SolarisSkeletonDensity,\r\n} from './lib/components/feedback/skeleton/model/skeleton.types';\r\n\r\nexport { provideSolarisTesting } from './lib/testing/provide-solaris-testing';\r\nexport type { SolarisTestingOptions } from './lib/testing/provide-solaris-testing';\r\nexport { configureSolarisTesting } from './lib/testing/solaris-test-utilities';\r\n"]}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Directive } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class SolarisButtonIconDirective {
|
|
4
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisButtonIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
5
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: SolarisButtonIconDirective, isStandalone: true, selector: "[solaris-button-icon]", host: { classAttribute: "solaris-button-icon" }, ngImport: i0 });
|
|
6
|
+
}
|
|
7
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisButtonIconDirective, decorators: [{
|
|
8
|
+
type: Directive,
|
|
9
|
+
args: [{
|
|
10
|
+
selector: '[solaris-button-icon]',
|
|
11
|
+
standalone: true,
|
|
12
|
+
host: {
|
|
13
|
+
class: 'solaris-button-icon',
|
|
14
|
+
},
|
|
15
|
+
}]
|
|
16
|
+
}] });
|
|
17
|
+
//# sourceMappingURL=button-icon.directive.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button-icon.directive.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/actions/button/directives/button-icon.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAS1C,MAAM,OAAO,0BAA0B;wGAA1B,0BAA0B;4FAA1B,0BAA0B;;4FAA1B,0BAA0B;kBAPtC,SAAS;mBAAC;oBACT,QAAQ,EAAE,uBAAuB;oBACjC,UAAU,EAAE,IAAI;oBAChB,IAAI,EAAE;wBACJ,KAAK,EAAE,qBAAqB;qBAC7B;iBACF","sourcesContent":["import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[solaris-button-icon]',\r\n standalone: true,\r\n host: {\r\n class: 'solaris-button-icon',\r\n },\r\n})\r\nexport class SolarisButtonIconDirective {}\r\n"]}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { Directive, input, computed, HostListener, inject, ElementRef, } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class SolarisButtonDirective {
|
|
4
|
+
appearance = input('solid', ...(ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []));
|
|
5
|
+
color = input('neutral', ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
|
|
6
|
+
radius = input('md', ...(ngDevMode ? [{ debugName: "radius" }] : /* istanbul ignore next */ []));
|
|
7
|
+
size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
|
|
8
|
+
density = input(...(ngDevMode ? [undefined, { debugName: "density" }] : /* istanbul ignore next */ []));
|
|
9
|
+
loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
|
|
10
|
+
disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
|
|
11
|
+
fullWidth = input(false, ...(ngDevMode ? [{ debugName: "fullWidth" }] : /* istanbul ignore next */ []));
|
|
12
|
+
loadingLabelKey = input(...(ngDevMode ? [undefined, { debugName: "loadingLabelKey" }] : /* istanbul ignore next */ []));
|
|
13
|
+
loadingLabel = input(...(ngDevMode ? [undefined, { debugName: "loadingLabel" }] : /* istanbul ignore next */ []));
|
|
14
|
+
isEffectivelyDisabled = computed(() => this.disabled() || this.loading(), ...(ngDevMode ? [{ debugName: "isEffectivelyDisabled" }] : /* istanbul ignore next */ []));
|
|
15
|
+
elementRef = inject(ElementRef);
|
|
16
|
+
// SECURITY_EXCEPTION: ElementRef.nativeElement.tagName is the standard Angular API to differentiate <button> vs <a> for correct disabled/type behavior.
|
|
17
|
+
isButton = this.elementRef.nativeElement.tagName === 'BUTTON';
|
|
18
|
+
// SECURITY_EXCEPTION: ElementRef.nativeElement.tagName is the standard Angular API to differentiate <button> vs <a> for correct disabled/type behavior.
|
|
19
|
+
isAnchor = this.elementRef.nativeElement.tagName === 'A';
|
|
20
|
+
constructor() {
|
|
21
|
+
// SECURITY_EXCEPTION: ElementRef.nativeElement.getAttribute/setAttribute is the standard Angular approach to handle default button type.
|
|
22
|
+
const initialType = this.elementRef.nativeElement.getAttribute('type');
|
|
23
|
+
if (this.isButton && initialType === null) {
|
|
24
|
+
// SECURITY_EXCEPTION: ElementRef.nativeElement.setAttribute required for default <button> type behavior.
|
|
25
|
+
this.elementRef.nativeElement.setAttribute('type', 'button');
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
onClick(event) {
|
|
29
|
+
if (this.isEffectivelyDisabled() && this.isAnchor) {
|
|
30
|
+
event.preventDefault();
|
|
31
|
+
event.stopPropagation();
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
35
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.17", type: SolarisButtonDirective, isStandalone: true, selector: "[solaris-button]", inputs: { appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, radius: { classPropertyName: "radius", publicName: "radius", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, density: { classPropertyName: "density", publicName: "density", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null }, loadingLabelKey: { classPropertyName: "loadingLabelKey", publicName: "loadingLabelKey", isSignal: true, isRequired: false, transformFunction: null }, loadingLabel: { classPropertyName: "loadingLabel", publicName: "loadingLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick($event)" }, properties: { "attr.data-appearance": "appearance()", "attr.data-color": "color()", "attr.data-size": "size()", "attr.data-radius": "radius()", "attr.data-density": "density()", "attr.data-loading": "loading() ? \"\" : null", "attr.data-full-width": "fullWidth() ? \"\" : null", "attr.aria-busy": "loading() ? \"true\" : null", "attr.aria-disabled": "isEffectivelyDisabled() ? \"true\" : null", "attr.disabled": "isButton && isEffectivelyDisabled() ? \"\" : null", "tabindex": "isAnchor && isEffectivelyDisabled() ? \"-1\" : null" } }, ngImport: i0 });
|
|
36
|
+
}
|
|
37
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisButtonDirective, decorators: [{
|
|
38
|
+
type: Directive,
|
|
39
|
+
args: [{
|
|
40
|
+
selector: '[solaris-button]',
|
|
41
|
+
standalone: true,
|
|
42
|
+
host: {
|
|
43
|
+
'[attr.data-appearance]': 'appearance()',
|
|
44
|
+
'[attr.data-color]': 'color()',
|
|
45
|
+
'[attr.data-size]': 'size()',
|
|
46
|
+
'[attr.data-radius]': 'radius()',
|
|
47
|
+
'[attr.data-density]': 'density()',
|
|
48
|
+
'[attr.data-loading]': 'loading() ? "" : null',
|
|
49
|
+
'[attr.data-full-width]': 'fullWidth() ? "" : null',
|
|
50
|
+
'[attr.aria-busy]': 'loading() ? "true" : null',
|
|
51
|
+
'[attr.aria-disabled]': 'isEffectivelyDisabled() ? "true" : null',
|
|
52
|
+
'[attr.disabled]': 'isButton && isEffectivelyDisabled() ? "" : null',
|
|
53
|
+
'[tabindex]': 'isAnchor && isEffectivelyDisabled() ? "-1" : null',
|
|
54
|
+
},
|
|
55
|
+
}]
|
|
56
|
+
}], ctorParameters: () => [], propDecorators: { appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], radius: [{ type: i0.Input, args: [{ isSignal: true, alias: "radius", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], density: [{ type: i0.Input, args: [{ isSignal: true, alias: "density", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], fullWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullWidth", required: false }] }], loadingLabelKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingLabelKey", required: false }] }], loadingLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingLabel", required: false }] }], onClick: [{
|
|
57
|
+
type: HostListener,
|
|
58
|
+
args: ['click', ['$event']]
|
|
59
|
+
}] } });
|
|
60
|
+
//# sourceMappingURL=button.directive.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.directive.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/actions/button/directives/button.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,UAAU,GACX,MAAM,eAAe,CAAC;;AA2BvB,MAAM,OAAO,sBAAsB;IACxB,UAAU,GAAG,KAAK,CAA0B,OAAO,iFAAC,CAAC;IACrD,KAAK,GAAG,KAAK,CAAqB,SAAS,4EAAC,CAAC;IAC7C,MAAM,GAAG,KAAK,CAAsB,IAAI,6EAAC,CAAC;IAC1C,IAAI,GAAG,KAAK,CAAoB,IAAI,2EAAC,CAAC;IACtC,OAAO,GAAG,KAAK,wFAAwB,CAAC;IACxC,OAAO,GAAG,KAAK,CAAU,KAAK,8EAAC,CAAC;IAChC,QAAQ,GAAG,KAAK,CAAU,KAAK,+EAAC,CAAC;IACjC,SAAS,GAAG,KAAK,CAAU,KAAK,gFAAC,CAAC;IAClC,eAAe,GAAG,KAAK,gGAAU,CAAC;IAClC,YAAY,GAAG,KAAK,6FAAU,CAAC;IAErB,qBAAqB,GAAG,QAAQ,CACjD,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,OAAO,EAAE,4FACxC,CAAC;IAEe,UAAU,GAAG,MAAM,CAA0B,UAAU,CAAC,CAAC;IAE1E,wJAAwJ;IACrI,QAAQ,GACzB,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,KAAK,QAAQ,CAAC;IACrD,wJAAwJ;IACrI,QAAQ,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,KAAK,GAAG,CAAC;IAE5E;QACE,yIAAyI;QACzI,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;QACvE,IAAI,IAAI,CAAC,QAAQ,IAAI,WAAW,KAAK,IAAI,EAAE,CAAC;YAC1C,yGAAyG;YACzG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QAC/D,CAAC;IACH,CAAC;IAGD,OAAO,CAAC,KAAiB;QACvB,IAAI,IAAI,CAAC,qBAAqB,EAAE,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClD,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QAC1B,CAAC;IACH,CAAC;wGAvCU,sBAAsB;4FAAtB,sBAAsB;;4FAAtB,sBAAsB;kBAjBlC,SAAS;mBAAC;oBACT,QAAQ,EAAE,kBAAkB;oBAC5B,UAAU,EAAE,IAAI;oBAChB,IAAI,EAAE;wBACJ,wBAAwB,EAAE,cAAc;wBACxC,mBAAmB,EAAE,SAAS;wBAC9B,kBAAkB,EAAE,QAAQ;wBAC5B,oBAAoB,EAAE,UAAU;wBAChC,qBAAqB,EAAE,WAAW;wBAClC,qBAAqB,EAAE,uBAAuB;wBAC9C,wBAAwB,EAAE,yBAAyB;wBACnD,kBAAkB,EAAE,2BAA2B;wBAC/C,sBAAsB,EAAE,yCAAyC;wBACjE,iBAAiB,EAAE,iDAAiD;wBACpE,YAAY,EAAE,mDAAmD;qBAClE;iBACF;;sBAkCE,YAAY;uBAAC,OAAO,EAAE,CAAC,QAAQ,CAAC","sourcesContent":["import {\r\n Directive,\r\n input,\r\n computed,\r\n HostListener,\r\n inject,\r\n ElementRef,\r\n} from '@angular/core';\r\n\r\nimport type {\r\n SolarisButtonAppearance,\r\n SolarisButtonColor,\r\n SolarisButtonSize,\r\n SolarisButtonRadius,\r\n SolarisButtonDensity,\r\n} from '../model/button.types';\r\n\r\n@Directive({\r\n selector: '[solaris-button]',\r\n standalone: true,\r\n host: {\r\n '[attr.data-appearance]': 'appearance()',\r\n '[attr.data-color]': 'color()',\r\n '[attr.data-size]': 'size()',\r\n '[attr.data-radius]': 'radius()',\r\n '[attr.data-density]': 'density()',\r\n '[attr.data-loading]': 'loading() ? \"\" : null',\r\n '[attr.data-full-width]': 'fullWidth() ? \"\" : null',\r\n '[attr.aria-busy]': 'loading() ? \"true\" : null',\r\n '[attr.aria-disabled]': 'isEffectivelyDisabled() ? \"true\" : null',\r\n '[attr.disabled]': 'isButton && isEffectivelyDisabled() ? \"\" : null',\r\n '[tabindex]': 'isAnchor && isEffectivelyDisabled() ? \"-1\" : null',\r\n },\r\n})\r\nexport class SolarisButtonDirective {\r\n readonly appearance = input<SolarisButtonAppearance>('solid');\r\n readonly color = input<SolarisButtonColor>('neutral');\r\n readonly radius = input<SolarisButtonRadius>('md');\r\n readonly size = input<SolarisButtonSize>('md');\r\n readonly density = input<SolarisButtonDensity>();\r\n readonly loading = input<boolean>(false);\r\n readonly disabled = input<boolean>(false);\r\n readonly fullWidth = input<boolean>(false);\r\n readonly loadingLabelKey = input<string>();\r\n readonly loadingLabel = input<string>();\r\n\r\n protected readonly isEffectivelyDisabled = computed(\r\n () => this.disabled() || this.loading(),\r\n );\r\n\r\n private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\r\n\r\n // SECURITY_EXCEPTION: ElementRef.nativeElement.tagName is the standard Angular API to differentiate <button> vs <a> for correct disabled/type behavior.\r\n protected readonly isButton =\r\n this.elementRef.nativeElement.tagName === 'BUTTON';\r\n // SECURITY_EXCEPTION: ElementRef.nativeElement.tagName is the standard Angular API to differentiate <button> vs <a> for correct disabled/type behavior.\r\n protected readonly isAnchor = this.elementRef.nativeElement.tagName === 'A';\r\n\r\n constructor() {\r\n // SECURITY_EXCEPTION: ElementRef.nativeElement.getAttribute/setAttribute is the standard Angular approach to handle default button type.\r\n const initialType = this.elementRef.nativeElement.getAttribute('type');\r\n if (this.isButton && initialType === null) {\r\n // SECURITY_EXCEPTION: ElementRef.nativeElement.setAttribute required for default <button> type behavior.\r\n this.elementRef.nativeElement.setAttribute('type', 'button');\r\n }\r\n }\r\n\r\n @HostListener('click', ['$event'])\r\n onClick(event: MouseEvent): void {\r\n if (this.isEffectivelyDisabled() && this.isAnchor) {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n }\r\n }\r\n}\r\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
//# sourceMappingURL=button.types.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/actions/button/model/button.types.ts"],"names":[],"mappings":"","sourcesContent":["export type SolarisButtonAppearance =\n | 'solid'\n | 'outline'\n | 'ghost'\n | 'tonal'\n | 'surface';\n\nexport type SolarisButtonColor =\n | 'neutral'\n | 'primary'\n | 'success'\n | 'warning'\n | 'danger'\n | 'info'\n | 'custom';\n\nexport type SolarisButtonSize = 'sm' | 'md' | 'lg';\n\nexport type SolarisButtonRadius = 'none' | 'sm' | 'md' | 'lg' | 'full';\n\nexport type SolarisButtonDensity = 'compact' | 'comfortable';\n"]}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { Component, input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class SolarisButtonGroupComponent {
|
|
4
|
+
orientation = input('horizontal', ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
|
|
5
|
+
attached = input(true, ...(ngDevMode ? [{ debugName: "attached" }] : /* istanbul ignore next */ []));
|
|
6
|
+
density = input(...(ngDevMode ? [undefined, { debugName: "density" }] : /* istanbul ignore next */ []));
|
|
7
|
+
fullWidth = input(false, ...(ngDevMode ? [{ debugName: "fullWidth" }] : /* istanbul ignore next */ []));
|
|
8
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.17", type: SolarisButtonGroupComponent, isStandalone: true, selector: "solaris-button-group", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, attached: { classPropertyName: "attached", publicName: "attached", isSignal: true, isRequired: false, transformFunction: null }, density: { classPropertyName: "density", publicName: "density", isSignal: true, isRequired: false, transformFunction: null }, fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "group" }, properties: { "attr.data-orientation": "orientation()", "attr.data-attached": "attached() ? \"\" : null", "attr.data-density": "density() ?? null", "attr.data-full-width": "fullWidth() ? \"\" : null" } }, ngImport: i0, template: "<ng-content />\r\n", styles: [":host{--solaris-button-group-gap: 0;--solaris-button-group-radius: var(--solaris-radius-md);--solaris-button-group-border-color: var(--solaris-border-strong);--solaris-button-group-separator-color: var(--solaris-border-soft);--solaris-button-disabled-opacity: .28;display:inline-flex;box-sizing:border-box;max-width:100%;gap:var(--solaris-button-group-gap)}:host([data-full-width]){display:flex;width:100%}:host([data-full-width]) ::ng-deep [solaris-button],:host([data-full-width]) ::ng-deep [solaris-icon-button]{flex:1 1 auto}:host([data-orientation=horizontal]){flex-direction:row;align-items:stretch}:host([data-orientation=horizontal][data-attached]){border-radius:var(--solaris-button-group-radius);box-shadow:inset 0 0 0 var(--solaris-border-width-sm) var(--solaris-button-group-border-color)}:host([data-orientation=horizontal][data-attached]) ::ng-deep [solaris-button],:host([data-orientation=horizontal][data-attached]) ::ng-deep [solaris-icon-button]{border-radius:0;margin-inline-end:0;box-shadow:inset calc(-1 * var(--solaris-border-width-sm)) 0 0 0 var(--solaris-button-group-separator-color)}:host([data-orientation=horizontal][data-attached]) ::ng-deep [solaris-button]:first-child,:host([data-orientation=horizontal][data-attached]) ::ng-deep [solaris-icon-button]:first-child{border-start-start-radius:var(--solaris-button-group-radius);border-end-start-radius:var(--solaris-button-group-radius)}:host([data-orientation=horizontal][data-attached]) ::ng-deep [solaris-button]:last-child,:host([data-orientation=horizontal][data-attached]) ::ng-deep [solaris-icon-button]:last-child{border-start-end-radius:var(--solaris-button-group-radius);border-end-end-radius:var(--solaris-button-group-radius);box-shadow:none}:host([data-orientation=vertical]){flex-direction:column}:host([data-orientation=vertical][data-attached]){border-radius:var(--solaris-button-group-radius);box-shadow:inset 0 0 0 var(--solaris-border-width-sm) var(--solaris-button-group-border-color)}:host([data-orientation=vertical][data-attached]) ::ng-deep [solaris-button],:host([data-orientation=vertical][data-attached]) ::ng-deep [solaris-icon-button]{border-radius:0;margin-block-end:0;box-shadow:inset 0 calc(-1 * var(--solaris-border-width-sm)) 0 0 var(--solaris-button-group-separator-color)}:host([data-orientation=vertical][data-attached]) ::ng-deep [solaris-button]:first-child,:host([data-orientation=vertical][data-attached]) ::ng-deep [solaris-icon-button]:first-child{border-start-start-radius:var(--solaris-button-group-radius);border-start-end-radius:var(--solaris-button-group-radius)}:host([data-orientation=vertical][data-attached]) ::ng-deep [solaris-button]:last-child,:host([data-orientation=vertical][data-attached]) ::ng-deep [solaris-icon-button]:last-child{border-end-start-radius:var(--solaris-button-group-radius);border-end-end-radius:var(--solaris-button-group-radius);box-shadow:none}:host(:not([data-attached])){--solaris-button-group-gap: var(--solaris-spacing-2)}:host(:not([data-attached])[data-density=compact]){--solaris-button-group-gap: var(--solaris-spacing-1)}:host(:not([data-attached])[data-density=comfortable]){--solaris-button-group-gap: var(--solaris-spacing-3)}:host([data-density=compact]){--solaris-button-group-gap: var(--solaris-spacing-1)}:host([data-density=comfortable]){--solaris-button-group-gap: var(--solaris-spacing-3)}\n"] });
|
|
10
|
+
}
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisButtonGroupComponent, decorators: [{
|
|
12
|
+
type: Component,
|
|
13
|
+
args: [{ selector: 'solaris-button-group', standalone: true, host: {
|
|
14
|
+
role: 'group',
|
|
15
|
+
'[attr.data-orientation]': 'orientation()',
|
|
16
|
+
'[attr.data-attached]': 'attached() ? "" : null',
|
|
17
|
+
'[attr.data-density]': 'density() ?? null',
|
|
18
|
+
'[attr.data-full-width]': 'fullWidth() ? "" : null',
|
|
19
|
+
}, template: "<ng-content />\r\n", styles: [":host{--solaris-button-group-gap: 0;--solaris-button-group-radius: var(--solaris-radius-md);--solaris-button-group-border-color: var(--solaris-border-strong);--solaris-button-group-separator-color: var(--solaris-border-soft);--solaris-button-disabled-opacity: .28;display:inline-flex;box-sizing:border-box;max-width:100%;gap:var(--solaris-button-group-gap)}:host([data-full-width]){display:flex;width:100%}:host([data-full-width]) ::ng-deep [solaris-button],:host([data-full-width]) ::ng-deep [solaris-icon-button]{flex:1 1 auto}:host([data-orientation=horizontal]){flex-direction:row;align-items:stretch}:host([data-orientation=horizontal][data-attached]){border-radius:var(--solaris-button-group-radius);box-shadow:inset 0 0 0 var(--solaris-border-width-sm) var(--solaris-button-group-border-color)}:host([data-orientation=horizontal][data-attached]) ::ng-deep [solaris-button],:host([data-orientation=horizontal][data-attached]) ::ng-deep [solaris-icon-button]{border-radius:0;margin-inline-end:0;box-shadow:inset calc(-1 * var(--solaris-border-width-sm)) 0 0 0 var(--solaris-button-group-separator-color)}:host([data-orientation=horizontal][data-attached]) ::ng-deep [solaris-button]:first-child,:host([data-orientation=horizontal][data-attached]) ::ng-deep [solaris-icon-button]:first-child{border-start-start-radius:var(--solaris-button-group-radius);border-end-start-radius:var(--solaris-button-group-radius)}:host([data-orientation=horizontal][data-attached]) ::ng-deep [solaris-button]:last-child,:host([data-orientation=horizontal][data-attached]) ::ng-deep [solaris-icon-button]:last-child{border-start-end-radius:var(--solaris-button-group-radius);border-end-end-radius:var(--solaris-button-group-radius);box-shadow:none}:host([data-orientation=vertical]){flex-direction:column}:host([data-orientation=vertical][data-attached]){border-radius:var(--solaris-button-group-radius);box-shadow:inset 0 0 0 var(--solaris-border-width-sm) var(--solaris-button-group-border-color)}:host([data-orientation=vertical][data-attached]) ::ng-deep [solaris-button],:host([data-orientation=vertical][data-attached]) ::ng-deep [solaris-icon-button]{border-radius:0;margin-block-end:0;box-shadow:inset 0 calc(-1 * var(--solaris-border-width-sm)) 0 0 var(--solaris-button-group-separator-color)}:host([data-orientation=vertical][data-attached]) ::ng-deep [solaris-button]:first-child,:host([data-orientation=vertical][data-attached]) ::ng-deep [solaris-icon-button]:first-child{border-start-start-radius:var(--solaris-button-group-radius);border-start-end-radius:var(--solaris-button-group-radius)}:host([data-orientation=vertical][data-attached]) ::ng-deep [solaris-button]:last-child,:host([data-orientation=vertical][data-attached]) ::ng-deep [solaris-icon-button]:last-child{border-end-start-radius:var(--solaris-button-group-radius);border-end-end-radius:var(--solaris-button-group-radius);box-shadow:none}:host(:not([data-attached])){--solaris-button-group-gap: var(--solaris-spacing-2)}:host(:not([data-attached])[data-density=compact]){--solaris-button-group-gap: var(--solaris-spacing-1)}:host(:not([data-attached])[data-density=comfortable]){--solaris-button-group-gap: var(--solaris-spacing-3)}:host([data-density=compact]){--solaris-button-group-gap: var(--solaris-spacing-1)}:host([data-density=comfortable]){--solaris-button-group-gap: var(--solaris-spacing-3)}\n"] }]
|
|
20
|
+
}], propDecorators: { orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], attached: [{ type: i0.Input, args: [{ isSignal: true, alias: "attached", required: false }] }], density: [{ type: i0.Input, args: [{ isSignal: true, alias: "density", required: false }] }], fullWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullWidth", required: false }] }] } });
|
|
21
|
+
//# sourceMappingURL=button-group.component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button-group.component.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/actions/button-group/component/button-group.component.ts","../../../../../../../../../packages/angular/src/lib/components/actions/button-group/component/button-group.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;;AAoBjD,MAAM,OAAO,2BAA2B;IAC7B,WAAW,GAAG,KAAK,CAAgC,YAAY,kFAAC,CAAC;IACjE,QAAQ,GAAG,KAAK,CAAU,IAAI,+EAAC,CAAC;IAChC,OAAO,GAAG,KAAK,wFAA6B,CAAC;IAC7C,SAAS,GAAG,KAAK,CAAU,KAAK,gFAAC,CAAC;wGAJhC,2BAA2B;4FAA3B,2BAA2B,+1BCpBxC,oBACA;;4FDmBa,2BAA2B;kBAbvC,SAAS;+BACE,sBAAsB,cACpB,IAAI,QAGV;wBACJ,IAAI,EAAE,OAAO;wBACb,yBAAyB,EAAE,eAAe;wBAC1C,sBAAsB,EAAE,wBAAwB;wBAChD,qBAAqB,EAAE,mBAAmB;wBAC1C,wBAAwB,EAAE,yBAAyB;qBACpD","sourcesContent":["import { Component, input } from '@angular/core';\r\n\r\nimport type {\r\n SolarisButtonGroupOrientation,\r\n SolarisButtonGroupDensity,\r\n} from '../model/button-group.types';\r\n\r\n@Component({\r\n selector: 'solaris-button-group',\r\n standalone: true,\r\n templateUrl: './button-group.component.html',\r\n styleUrls: ['./button-group.component.scss'],\r\n host: {\r\n role: 'group',\r\n '[attr.data-orientation]': 'orientation()',\r\n '[attr.data-attached]': 'attached() ? \"\" : null',\r\n '[attr.data-density]': 'density() ?? null',\r\n '[attr.data-full-width]': 'fullWidth() ? \"\" : null',\r\n },\r\n})\r\nexport class SolarisButtonGroupComponent {\r\n readonly orientation = input<SolarisButtonGroupOrientation>('horizontal');\r\n readonly attached = input<boolean>(true);\r\n readonly density = input<SolarisButtonGroupDensity>();\r\n readonly fullWidth = input<boolean>(false);\r\n}\r\n","<ng-content />\r\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
//# sourceMappingURL=button-group.types.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button-group.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/actions/button-group/model/button-group.types.ts"],"names":[],"mappings":"","sourcesContent":["export type SolarisButtonGroupOrientation = 'horizontal' | 'vertical';\r\n\r\nexport type SolarisButtonGroupDensity = 'compact' | 'comfortable';\r\n"]}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Directive } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class SolarisIconButtonBadgeDirective {
|
|
4
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisIconButtonBadgeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
5
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: SolarisIconButtonBadgeDirective, isStandalone: true, selector: "[solaris-icon-button-badge]", host: { classAttribute: "solaris-icon-button-badge" }, ngImport: i0 });
|
|
6
|
+
}
|
|
7
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisIconButtonBadgeDirective, decorators: [{
|
|
8
|
+
type: Directive,
|
|
9
|
+
args: [{
|
|
10
|
+
selector: '[solaris-icon-button-badge]',
|
|
11
|
+
standalone: true,
|
|
12
|
+
host: {
|
|
13
|
+
class: 'solaris-icon-button-badge',
|
|
14
|
+
},
|
|
15
|
+
}]
|
|
16
|
+
}] });
|
|
17
|
+
//# sourceMappingURL=icon-button-badge.directive.js.map
|
package/esm2022/lib/components/actions/icon-button/directives/icon-button-badge.directive.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon-button-badge.directive.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/actions/icon-button/directives/icon-button-badge.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAS1C,MAAM,OAAO,+BAA+B;wGAA/B,+BAA+B;4FAA/B,+BAA+B;;4FAA/B,+BAA+B;kBAP3C,SAAS;mBAAC;oBACT,QAAQ,EAAE,6BAA6B;oBACvC,UAAU,EAAE,IAAI;oBAChB,IAAI,EAAE;wBACJ,KAAK,EAAE,2BAA2B;qBACnC;iBACF","sourcesContent":["import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[solaris-icon-button-badge]',\r\n standalone: true,\r\n host: {\r\n class: 'solaris-icon-button-badge',\r\n },\r\n})\r\nexport class SolarisIconButtonBadgeDirective {}\r\n"]}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { Directive, HostListener, ElementRef, inject, input, computed, } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class SolarisIconButtonDirective {
|
|
4
|
+
appearance = input('solid', ...(ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []));
|
|
5
|
+
color = input('neutral', ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
|
|
6
|
+
radius = input('md', ...(ngDevMode ? [{ debugName: "radius" }] : /* istanbul ignore next */ []));
|
|
7
|
+
size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
|
|
8
|
+
density = input(...(ngDevMode ? [undefined, { debugName: "density" }] : /* istanbul ignore next */ []));
|
|
9
|
+
ariaLabelKey = input(...(ngDevMode ? [undefined, { debugName: "ariaLabelKey" }] : /* istanbul ignore next */ []));
|
|
10
|
+
ariaLabel = input(...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
|
|
11
|
+
disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
|
|
12
|
+
loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
|
|
13
|
+
isEffectivelyDisabled = computed(() => this.disabled() || this.loading(), ...(ngDevMode ? [{ debugName: "isEffectivelyDisabled" }] : /* istanbul ignore next */ []));
|
|
14
|
+
elementRef = inject(ElementRef);
|
|
15
|
+
// SECURITY_EXCEPTION: ElementRef.nativeElement.tagName is the standard Angular API to differentiate <button> vs <a> for correct disabled/type behavior.
|
|
16
|
+
isButton = this.elementRef.nativeElement.tagName === 'BUTTON';
|
|
17
|
+
// SECURITY_EXCEPTION: ElementRef.nativeElement.tagName is the standard Angular API to differentiate <button> vs <a> for correct disabled/type behavior.
|
|
18
|
+
isAnchor = this.elementRef.nativeElement.tagName === 'A';
|
|
19
|
+
constructor() {
|
|
20
|
+
// SECURITY_EXCEPTION: ElementRef.nativeElement.getAttribute/setAttribute is the standard Angular approach to handle default button type.
|
|
21
|
+
const initialType = this.elementRef.nativeElement.getAttribute('type');
|
|
22
|
+
if (this.isButton && initialType === null) {
|
|
23
|
+
// SECURITY_EXCEPTION: ElementRef.nativeElement.setAttribute required for default <button> type behavior.
|
|
24
|
+
this.elementRef.nativeElement.setAttribute('type', 'button');
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
onClick(event) {
|
|
28
|
+
if (this.isEffectivelyDisabled() && this.isAnchor) {
|
|
29
|
+
event.preventDefault();
|
|
30
|
+
event.stopPropagation();
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisIconButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
34
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.17", type: SolarisIconButtonDirective, isStandalone: true, selector: "[solaris-icon-button]", inputs: { appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, radius: { classPropertyName: "radius", publicName: "radius", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, density: { classPropertyName: "density", publicName: "density", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelKey: { classPropertyName: "ariaLabelKey", publicName: "ariaLabelKey", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick($event)" }, properties: { "attr.data-appearance": "appearance()", "attr.data-color": "color()", "attr.data-size": "size()", "attr.data-radius": "radius()", "attr.data-density": "density()", "attr.data-loading": "loading() ? \"\" : null", "attr.aria-busy": "loading() ? \"true\" : null", "attr.aria-disabled": "isEffectivelyDisabled() ? \"true\" : null", "attr.disabled": "isButton && isEffectivelyDisabled() ? \"\" : null", "tabindex": "isAnchor && isEffectivelyDisabled() ? \"-1\" : null" } }, ngImport: i0 });
|
|
35
|
+
}
|
|
36
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisIconButtonDirective, decorators: [{
|
|
37
|
+
type: Directive,
|
|
38
|
+
args: [{
|
|
39
|
+
selector: '[solaris-icon-button]',
|
|
40
|
+
standalone: true,
|
|
41
|
+
host: {
|
|
42
|
+
'[attr.data-appearance]': 'appearance()',
|
|
43
|
+
'[attr.data-color]': 'color()',
|
|
44
|
+
'[attr.data-size]': 'size()',
|
|
45
|
+
'[attr.data-radius]': 'radius()',
|
|
46
|
+
'[attr.data-density]': 'density()',
|
|
47
|
+
'[attr.data-loading]': 'loading() ? "" : null',
|
|
48
|
+
'[attr.aria-busy]': 'loading() ? "true" : null',
|
|
49
|
+
'[attr.aria-disabled]': 'isEffectivelyDisabled() ? "true" : null',
|
|
50
|
+
'[attr.disabled]': 'isButton && isEffectivelyDisabled() ? "" : null',
|
|
51
|
+
'[tabindex]': 'isAnchor && isEffectivelyDisabled() ? "-1" : null',
|
|
52
|
+
},
|
|
53
|
+
}]
|
|
54
|
+
}], ctorParameters: () => [], propDecorators: { appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], radius: [{ type: i0.Input, args: [{ isSignal: true, alias: "radius", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], density: [{ type: i0.Input, args: [{ isSignal: true, alias: "density", required: false }] }], ariaLabelKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelKey", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], onClick: [{
|
|
55
|
+
type: HostListener,
|
|
56
|
+
args: ['click', ['$event']]
|
|
57
|
+
}] } });
|
|
58
|
+
//# sourceMappingURL=icon-button.directive.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon-button.directive.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/actions/icon-button/directives/icon-button.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,YAAY,EACZ,UAAU,EACV,MAAM,EACN,KAAK,EACL,QAAQ,GACT,MAAM,eAAe,CAAC;;AA0BvB,MAAM,OAAO,0BAA0B;IAC5B,UAAU,GAAG,KAAK,CAA8B,OAAO,iFAAC,CAAC;IACzD,KAAK,GAAG,KAAK,CAAyB,SAAS,4EAAC,CAAC;IACjD,MAAM,GAAG,KAAK,CAA0B,IAAI,6EAAC,CAAC;IAC9C,IAAI,GAAG,KAAK,CAAwB,IAAI,2EAAC,CAAC;IAC1C,OAAO,GAAG,KAAK,wFAA4B,CAAC;IAC5C,YAAY,GAAG,KAAK,6FAAsB,CAAC;IAC3C,SAAS,GAAG,KAAK,0FAAsB,CAAC;IACxC,QAAQ,GAAG,KAAK,CAAU,KAAK,+EAAC,CAAC;IACjC,OAAO,GAAG,KAAK,CAAU,KAAK,8EAAC,CAAC;IAEtB,qBAAqB,GAAG,QAAQ,CACjD,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,OAAO,EAAE,4FACxC,CAAC;IAEe,UAAU,GAAG,MAAM,CAA0B,UAAU,CAAC,CAAC;IAE1E,wJAAwJ;IACrI,QAAQ,GACzB,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,KAAK,QAAQ,CAAC;IACrD,wJAAwJ;IACrI,QAAQ,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,KAAK,GAAG,CAAC;IAE5E;QACE,yIAAyI;QACzI,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;QACvE,IAAI,IAAI,CAAC,QAAQ,IAAI,WAAW,KAAK,IAAI,EAAE,CAAC;YAC1C,yGAAyG;YACzG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QAC/D,CAAC;IACH,CAAC;IAGD,OAAO,CAAC,KAAiB;QACvB,IAAI,IAAI,CAAC,qBAAqB,EAAE,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClD,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QAC1B,CAAC;IACH,CAAC;wGAtCU,0BAA0B;4FAA1B,0BAA0B;;4FAA1B,0BAA0B;kBAhBtC,SAAS;mBAAC;oBACT,QAAQ,EAAE,uBAAuB;oBACjC,UAAU,EAAE,IAAI;oBAChB,IAAI,EAAE;wBACJ,wBAAwB,EAAE,cAAc;wBACxC,mBAAmB,EAAE,SAAS;wBAC9B,kBAAkB,EAAE,QAAQ;wBAC5B,oBAAoB,EAAE,UAAU;wBAChC,qBAAqB,EAAE,WAAW;wBAClC,qBAAqB,EAAE,uBAAuB;wBAC9C,kBAAkB,EAAE,2BAA2B;wBAC/C,sBAAsB,EAAE,yCAAyC;wBACjE,iBAAiB,EAAE,iDAAiD;wBACpE,YAAY,EAAE,mDAAmD;qBAClE;iBACF;;sBAiCE,YAAY;uBAAC,OAAO,EAAE,CAAC,QAAQ,CAAC","sourcesContent":["import {\r\n Directive,\r\n HostListener,\r\n ElementRef,\r\n inject,\r\n input,\r\n computed,\r\n} from '@angular/core';\r\n\r\nimport type {\r\n SolarisIconButtonAppearance,\r\n SolarisIconButtonColor,\r\n SolarisIconButtonSize,\r\n SolarisIconButtonRadius,\r\n SolarisIconButtonDensity,\r\n} from '../model/icon-button.types';\r\n\r\n@Directive({\r\n selector: '[solaris-icon-button]',\r\n standalone: true,\r\n host: {\r\n '[attr.data-appearance]': 'appearance()',\r\n '[attr.data-color]': 'color()',\r\n '[attr.data-size]': 'size()',\r\n '[attr.data-radius]': 'radius()',\r\n '[attr.data-density]': 'density()',\r\n '[attr.data-loading]': 'loading() ? \"\" : null',\r\n '[attr.aria-busy]': 'loading() ? \"true\" : null',\r\n '[attr.aria-disabled]': 'isEffectivelyDisabled() ? \"true\" : null',\r\n '[attr.disabled]': 'isButton && isEffectivelyDisabled() ? \"\" : null',\r\n '[tabindex]': 'isAnchor && isEffectivelyDisabled() ? \"-1\" : null',\r\n },\r\n})\r\nexport class SolarisIconButtonDirective {\r\n readonly appearance = input<SolarisIconButtonAppearance>('solid');\r\n readonly color = input<SolarisIconButtonColor>('neutral');\r\n readonly radius = input<SolarisIconButtonRadius>('md');\r\n readonly size = input<SolarisIconButtonSize>('md');\r\n readonly density = input<SolarisIconButtonDensity>();\r\n readonly ariaLabelKey = input<string | undefined>();\r\n readonly ariaLabel = input<string | undefined>();\r\n readonly disabled = input<boolean>(false);\r\n readonly loading = input<boolean>(false);\r\n\r\n protected readonly isEffectivelyDisabled = computed(\r\n () => this.disabled() || this.loading(),\r\n );\r\n\r\n private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\r\n\r\n // SECURITY_EXCEPTION: ElementRef.nativeElement.tagName is the standard Angular API to differentiate <button> vs <a> for correct disabled/type behavior.\r\n protected readonly isButton =\r\n this.elementRef.nativeElement.tagName === 'BUTTON';\r\n // SECURITY_EXCEPTION: ElementRef.nativeElement.tagName is the standard Angular API to differentiate <button> vs <a> for correct disabled/type behavior.\r\n protected readonly isAnchor = this.elementRef.nativeElement.tagName === 'A';\r\n\r\n constructor() {\r\n // SECURITY_EXCEPTION: ElementRef.nativeElement.getAttribute/setAttribute is the standard Angular approach to handle default button type.\r\n const initialType = this.elementRef.nativeElement.getAttribute('type');\r\n if (this.isButton && initialType === null) {\r\n // SECURITY_EXCEPTION: ElementRef.nativeElement.setAttribute required for default <button> type behavior.\r\n this.elementRef.nativeElement.setAttribute('type', 'button');\r\n }\r\n }\r\n\r\n @HostListener('click', ['$event'])\r\n onClick(event: MouseEvent): void {\r\n if (this.isEffectivelyDisabled() && this.isAnchor) {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n }\r\n }\r\n}\r\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
//# sourceMappingURL=icon-button.types.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon-button.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/actions/icon-button/model/icon-button.types.ts"],"names":[],"mappings":"","sourcesContent":["export type SolarisIconButtonAppearance =\n | 'solid'\n | 'outline'\n | 'ghost'\n | 'tonal'\n | 'surface';\n\nexport type SolarisIconButtonColor =\n | 'neutral'\n | 'primary'\n | 'success'\n | 'warning'\n | 'danger'\n | 'info'\n | 'custom';\n\nexport type SolarisIconButtonSize = 'sm' | 'md' | 'lg';\n\nexport type SolarisIconButtonRadius = 'none' | 'sm' | 'md' | 'lg' | 'full';\n\nexport type SolarisIconButtonDensity = 'compact' | 'comfortable';\n"]}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { Component, input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class SolarisBadgeComponent {
|
|
4
|
+
appearance = input('tonal', ...(ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []));
|
|
5
|
+
variant = input('standard', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
|
|
6
|
+
color = input('neutral', ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
|
|
7
|
+
radius = input('full', ...(ngDevMode ? [{ debugName: "radius" }] : /* istanbul ignore next */ []));
|
|
8
|
+
density = input(...(ngDevMode ? [undefined, { debugName: "density" }] : /* istanbul ignore next */ []));
|
|
9
|
+
size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
|
|
10
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.17", type: SolarisBadgeComponent, isStandalone: true, selector: "solaris-badge", inputs: { appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, radius: { classPropertyName: "radius", publicName: "radius", isSignal: true, isRequired: false, transformFunction: null }, density: { classPropertyName: "density", publicName: "density", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-appearance": "appearance()", "attr.data-color": "color()", "attr.data-size": "size()", "attr.data-radius": "radius()", "attr.data-variant": "variant()", "attr.data-density": "density()" } }, ngImport: i0, template: "<ng-content />\r\n", styles: [":host{--solaris-badge-gap: initial;--solaris-badge-color: initial;--solaris-badge-radius: initial;--solaris-badge-padding-x: initial;--solaris-badge-padding-y: initial;--solaris-badge-font-size: initial;--solaris-badge-min-width: initial;--solaris-badge-icon-size: initial;--solaris-badge-background: initial;--solaris-badge-min-height: initial;--solaris-badge-line-height: initial;--solaris-badge-custom-color: initial;--solaris-badge-border-color: initial;-webkit-user-select:none;user-select:none;align-items:center;white-space:nowrap;display:inline-flex;vertical-align:middle;box-sizing:border-box;justify-content:center;gap:var(--solaris-badge-gap);color:var(--solaris-badge-color);font-size:var(--solaris-badge-font-size);min-width:var(--solaris-badge-min-width);border-radius:var(--solaris-badge-radius);min-height:var(--solaris-badge-min-height);background:var(--solaris-badge-background);line-height:var(--solaris-badge-line-height);font-weight:var(--solaris-font-weight-medium);font-family:var(--solaris-font-family-sans),system-ui;padding:var(--solaris-badge-padding-y) var(--solaris-badge-padding-x);border:var(--solaris-border-width-sm) solid var(--solaris-badge-border-color)}::ng-deep .solaris-badge-icon{flex-shrink:0;align-items:center;display:inline-flex;justify-content:center;width:var(--solaris-badge-icon-size);height:var(--solaris-badge-icon-size)}:host([data-size=sm]){--solaris-badge-gap: var(--solaris-spacing-1);--solaris-badge-icon-size: var(--solaris-spacing-3);--solaris-badge-padding-x: var(--solaris-spacing-3);--solaris-badge-min-width: var(--solaris-spacing-5);--solaris-badge-min-height: var(--solaris-spacing-5);--solaris-badge-font-size: var(--solaris-font-size-xs);--solaris-badge-line-height: var(--solaris-line-height-sm);--solaris-badge-padding-y: calc(var(--solaris-spacing-1) / 2)}:host([data-size=md]){--solaris-badge-gap: var(--solaris-spacing-2);--solaris-badge-padding-y: var(--solaris-spacing-1);--solaris-badge-padding-x: var(--solaris-spacing-4);--solaris-badge-min-width: var(--solaris-spacing-4);--solaris-badge-min-height: var(--solaris-spacing-5);--solaris-badge-font-size: var(--solaris-font-size-sm);--solaris-badge-line-height: var(--solaris-line-height-sm);--solaris-badge-icon-size: calc(var(--solaris-spacing-4) / 1.15)}:host([data-size=lg]){--solaris-badge-gap: var(--solaris-spacing-2);--solaris-badge-padding-y: var(--solaris-spacing-2);--solaris-badge-padding-x: var(--solaris-spacing-3);--solaris-badge-min-width: var(--solaris-spacing-8);--solaris-badge-min-height: var(--solaris-spacing-6);--solaris-badge-font-size: var(--solaris-font-size-md);--solaris-badge-line-height: var(--solaris-line-height-sm);--solaris-badge-icon-size: calc(var(--solaris-spacing-1) * 3.5)}:host([data-density=compact]){--solaris-badge-gap: var(--solaris-density-gap-xs);--solaris-badge-padding-y: calc(var(--solaris-spacing-1) / 4);--solaris-badge-min-height: calc( var(--solaris-spacing-4) + var(--solaris-spacing-1) / 2 )}:host([data-density=comfortable]){--solaris-badge-gap: var(--solaris-density-gap-md);--solaris-badge-min-height: var(--solaris-spacing-6);--solaris-badge-padding-y: calc(var(--solaris-spacing-3) / 4)}:host([data-radius=sm]){--solaris-badge-radius: var(--solaris-radius-sm)}:host([data-radius=md]){--solaris-badge-radius: var(--solaris-radius-md)}:host([data-radius=full]){--solaris-badge-radius: var(--solaris-radius-full)}:host([data-variant=count]){--solaris-badge-padding-x: var(--solaris-spacing-1);--solaris-badge-min-width: var(--solaris-badge-min-height)}:host([data-variant=count][data-radius=full]){--solaris-badge-padding-x: var(--solaris-spacing-1)}:host([data-appearance=solid]){--solaris-badge-border-color: transparent}:host([data-appearance=outline]){--solaris-badge-background: transparent}:host([data-appearance=ghost]){--solaris-badge-background: transparent;--solaris-badge-border-color: transparent}:host([data-color=neutral][data-appearance=solid]){--solaris-badge-color: var(--solaris-text-inverse);--solaris-badge-background: var(--solaris-text-default)}:host([data-color=neutral][data-appearance=tonal]){--solaris-badge-color: var(--solaris-text-default);--solaris-badge-background: var(--solaris-surface-muted);--solaris-badge-border-color: var(--solaris-border-default)}:host([data-color=neutral][data-appearance=outline]){--solaris-badge-color: var(--solaris-text-default);--solaris-badge-border-color: var(--solaris-border-default)}:host([data-color=neutral][data-appearance=ghost]){--solaris-badge-color: var(--solaris-text-muted)}:host([data-color=primary][data-appearance=solid]){--solaris-badge-color: var(--solaris-primary-text);--solaris-badge-background: var(--solaris-primary-base)}:host([data-color=primary][data-appearance=tonal]){--solaris-badge-color: var(--solaris-primary-text);--solaris-badge-background: var(--solaris-primary-surface);--solaris-badge-border-color: var(--solaris-primary-border)}:host([data-color=primary][data-appearance=outline]){--solaris-badge-color: var(--solaris-primary-text);--solaris-badge-border-color: var(--solaris-primary-border)}:host([data-color=primary][data-appearance=ghost]){--solaris-badge-color: var(--solaris-primary-text)}:host([data-color=success][data-appearance=solid]){--solaris-badge-color: var(--solaris-success-on-solid);--solaris-badge-background: var(--solaris-success-base)}:host([data-color=success][data-appearance=tonal]){--solaris-badge-color: var(--solaris-success-text);--solaris-badge-background: var(--solaris-success-surface);--solaris-badge-border-color: var(--solaris-success-border)}:host([data-color=success][data-appearance=outline]){--solaris-badge-color: var(--solaris-success-text);--solaris-badge-border-color: var(--solaris-success-border)}:host([data-color=success][data-appearance=ghost]){--solaris-badge-color: var(--solaris-success-text)}:host([data-color=warning][data-appearance=solid]){--solaris-badge-color: var(--solaris-warning-on-solid);--solaris-badge-background: var(--solaris-warning-base)}:host([data-color=warning][data-appearance=tonal]){--solaris-badge-color: var(--solaris-warning-text);--solaris-badge-background: var(--solaris-warning-surface);--solaris-badge-border-color: var(--solaris-warning-border)}:host([data-color=warning][data-appearance=outline]){--solaris-badge-color: var(--solaris-warning-text);--solaris-badge-border-color: var(--solaris-warning-border)}:host([data-color=warning][data-appearance=ghost]){--solaris-badge-color: var(--solaris-warning-text)}:host([data-color=danger][data-appearance=solid]){--solaris-badge-color: var(--solaris-danger-on-solid);--solaris-badge-background: var(--solaris-danger-base)}:host([data-color=danger][data-appearance=tonal]){--solaris-badge-color: var(--solaris-danger-text);--solaris-badge-background: var(--solaris-danger-surface);--solaris-badge-border-color: var(--solaris-danger-border)}:host([data-color=danger][data-appearance=outline]){--solaris-badge-color: var(--solaris-danger-text);--solaris-badge-border-color: var(--solaris-danger-border)}:host([data-color=danger][data-appearance=ghost]){--solaris-badge-color: var(--solaris-danger-text)}:host([data-color=info][data-appearance=solid]){--solaris-badge-color: var(--solaris-info-on-solid);--solaris-badge-background: var(--solaris-info-base)}:host([data-color=info][data-appearance=tonal]){--solaris-badge-color: var(--solaris-info-text);--solaris-badge-background: var(--solaris-info-surface);--solaris-badge-border-color: var(--solaris-info-border)}:host([data-color=info][data-appearance=outline]){--solaris-badge-color: var(--solaris-info-text);--solaris-badge-border-color: var(--solaris-info-border)}:host([data-color=info][data-appearance=ghost]){--solaris-badge-color: var(--solaris-info-text)}:host([data-color=custom]){--solaris-badge-color: var(--solaris-badge-custom-color);--solaris-badge-background: var(--solaris-badge-custom-background);--solaris-badge-border-color: var(--solaris-badge-custom-border-color)}\n"] });
|
|
12
|
+
}
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisBadgeComponent, decorators: [{
|
|
14
|
+
type: Component,
|
|
15
|
+
args: [{ selector: 'solaris-badge', standalone: true, host: {
|
|
16
|
+
'[attr.data-appearance]': 'appearance()',
|
|
17
|
+
'[attr.data-color]': 'color()',
|
|
18
|
+
'[attr.data-size]': 'size()',
|
|
19
|
+
'[attr.data-radius]': 'radius()',
|
|
20
|
+
'[attr.data-variant]': 'variant()',
|
|
21
|
+
'[attr.data-density]': 'density()',
|
|
22
|
+
}, template: "<ng-content />\r\n", styles: [":host{--solaris-badge-gap: initial;--solaris-badge-color: initial;--solaris-badge-radius: initial;--solaris-badge-padding-x: initial;--solaris-badge-padding-y: initial;--solaris-badge-font-size: initial;--solaris-badge-min-width: initial;--solaris-badge-icon-size: initial;--solaris-badge-background: initial;--solaris-badge-min-height: initial;--solaris-badge-line-height: initial;--solaris-badge-custom-color: initial;--solaris-badge-border-color: initial;-webkit-user-select:none;user-select:none;align-items:center;white-space:nowrap;display:inline-flex;vertical-align:middle;box-sizing:border-box;justify-content:center;gap:var(--solaris-badge-gap);color:var(--solaris-badge-color);font-size:var(--solaris-badge-font-size);min-width:var(--solaris-badge-min-width);border-radius:var(--solaris-badge-radius);min-height:var(--solaris-badge-min-height);background:var(--solaris-badge-background);line-height:var(--solaris-badge-line-height);font-weight:var(--solaris-font-weight-medium);font-family:var(--solaris-font-family-sans),system-ui;padding:var(--solaris-badge-padding-y) var(--solaris-badge-padding-x);border:var(--solaris-border-width-sm) solid var(--solaris-badge-border-color)}::ng-deep .solaris-badge-icon{flex-shrink:0;align-items:center;display:inline-flex;justify-content:center;width:var(--solaris-badge-icon-size);height:var(--solaris-badge-icon-size)}:host([data-size=sm]){--solaris-badge-gap: var(--solaris-spacing-1);--solaris-badge-icon-size: var(--solaris-spacing-3);--solaris-badge-padding-x: var(--solaris-spacing-3);--solaris-badge-min-width: var(--solaris-spacing-5);--solaris-badge-min-height: var(--solaris-spacing-5);--solaris-badge-font-size: var(--solaris-font-size-xs);--solaris-badge-line-height: var(--solaris-line-height-sm);--solaris-badge-padding-y: calc(var(--solaris-spacing-1) / 2)}:host([data-size=md]){--solaris-badge-gap: var(--solaris-spacing-2);--solaris-badge-padding-y: var(--solaris-spacing-1);--solaris-badge-padding-x: var(--solaris-spacing-4);--solaris-badge-min-width: var(--solaris-spacing-4);--solaris-badge-min-height: var(--solaris-spacing-5);--solaris-badge-font-size: var(--solaris-font-size-sm);--solaris-badge-line-height: var(--solaris-line-height-sm);--solaris-badge-icon-size: calc(var(--solaris-spacing-4) / 1.15)}:host([data-size=lg]){--solaris-badge-gap: var(--solaris-spacing-2);--solaris-badge-padding-y: var(--solaris-spacing-2);--solaris-badge-padding-x: var(--solaris-spacing-3);--solaris-badge-min-width: var(--solaris-spacing-8);--solaris-badge-min-height: var(--solaris-spacing-6);--solaris-badge-font-size: var(--solaris-font-size-md);--solaris-badge-line-height: var(--solaris-line-height-sm);--solaris-badge-icon-size: calc(var(--solaris-spacing-1) * 3.5)}:host([data-density=compact]){--solaris-badge-gap: var(--solaris-density-gap-xs);--solaris-badge-padding-y: calc(var(--solaris-spacing-1) / 4);--solaris-badge-min-height: calc( var(--solaris-spacing-4) + var(--solaris-spacing-1) / 2 )}:host([data-density=comfortable]){--solaris-badge-gap: var(--solaris-density-gap-md);--solaris-badge-min-height: var(--solaris-spacing-6);--solaris-badge-padding-y: calc(var(--solaris-spacing-3) / 4)}:host([data-radius=sm]){--solaris-badge-radius: var(--solaris-radius-sm)}:host([data-radius=md]){--solaris-badge-radius: var(--solaris-radius-md)}:host([data-radius=full]){--solaris-badge-radius: var(--solaris-radius-full)}:host([data-variant=count]){--solaris-badge-padding-x: var(--solaris-spacing-1);--solaris-badge-min-width: var(--solaris-badge-min-height)}:host([data-variant=count][data-radius=full]){--solaris-badge-padding-x: var(--solaris-spacing-1)}:host([data-appearance=solid]){--solaris-badge-border-color: transparent}:host([data-appearance=outline]){--solaris-badge-background: transparent}:host([data-appearance=ghost]){--solaris-badge-background: transparent;--solaris-badge-border-color: transparent}:host([data-color=neutral][data-appearance=solid]){--solaris-badge-color: var(--solaris-text-inverse);--solaris-badge-background: var(--solaris-text-default)}:host([data-color=neutral][data-appearance=tonal]){--solaris-badge-color: var(--solaris-text-default);--solaris-badge-background: var(--solaris-surface-muted);--solaris-badge-border-color: var(--solaris-border-default)}:host([data-color=neutral][data-appearance=outline]){--solaris-badge-color: var(--solaris-text-default);--solaris-badge-border-color: var(--solaris-border-default)}:host([data-color=neutral][data-appearance=ghost]){--solaris-badge-color: var(--solaris-text-muted)}:host([data-color=primary][data-appearance=solid]){--solaris-badge-color: var(--solaris-primary-text);--solaris-badge-background: var(--solaris-primary-base)}:host([data-color=primary][data-appearance=tonal]){--solaris-badge-color: var(--solaris-primary-text);--solaris-badge-background: var(--solaris-primary-surface);--solaris-badge-border-color: var(--solaris-primary-border)}:host([data-color=primary][data-appearance=outline]){--solaris-badge-color: var(--solaris-primary-text);--solaris-badge-border-color: var(--solaris-primary-border)}:host([data-color=primary][data-appearance=ghost]){--solaris-badge-color: var(--solaris-primary-text)}:host([data-color=success][data-appearance=solid]){--solaris-badge-color: var(--solaris-success-on-solid);--solaris-badge-background: var(--solaris-success-base)}:host([data-color=success][data-appearance=tonal]){--solaris-badge-color: var(--solaris-success-text);--solaris-badge-background: var(--solaris-success-surface);--solaris-badge-border-color: var(--solaris-success-border)}:host([data-color=success][data-appearance=outline]){--solaris-badge-color: var(--solaris-success-text);--solaris-badge-border-color: var(--solaris-success-border)}:host([data-color=success][data-appearance=ghost]){--solaris-badge-color: var(--solaris-success-text)}:host([data-color=warning][data-appearance=solid]){--solaris-badge-color: var(--solaris-warning-on-solid);--solaris-badge-background: var(--solaris-warning-base)}:host([data-color=warning][data-appearance=tonal]){--solaris-badge-color: var(--solaris-warning-text);--solaris-badge-background: var(--solaris-warning-surface);--solaris-badge-border-color: var(--solaris-warning-border)}:host([data-color=warning][data-appearance=outline]){--solaris-badge-color: var(--solaris-warning-text);--solaris-badge-border-color: var(--solaris-warning-border)}:host([data-color=warning][data-appearance=ghost]){--solaris-badge-color: var(--solaris-warning-text)}:host([data-color=danger][data-appearance=solid]){--solaris-badge-color: var(--solaris-danger-on-solid);--solaris-badge-background: var(--solaris-danger-base)}:host([data-color=danger][data-appearance=tonal]){--solaris-badge-color: var(--solaris-danger-text);--solaris-badge-background: var(--solaris-danger-surface);--solaris-badge-border-color: var(--solaris-danger-border)}:host([data-color=danger][data-appearance=outline]){--solaris-badge-color: var(--solaris-danger-text);--solaris-badge-border-color: var(--solaris-danger-border)}:host([data-color=danger][data-appearance=ghost]){--solaris-badge-color: var(--solaris-danger-text)}:host([data-color=info][data-appearance=solid]){--solaris-badge-color: var(--solaris-info-on-solid);--solaris-badge-background: var(--solaris-info-base)}:host([data-color=info][data-appearance=tonal]){--solaris-badge-color: var(--solaris-info-text);--solaris-badge-background: var(--solaris-info-surface);--solaris-badge-border-color: var(--solaris-info-border)}:host([data-color=info][data-appearance=outline]){--solaris-badge-color: var(--solaris-info-text);--solaris-badge-border-color: var(--solaris-info-border)}:host([data-color=info][data-appearance=ghost]){--solaris-badge-color: var(--solaris-info-text)}:host([data-color=custom]){--solaris-badge-color: var(--solaris-badge-custom-color);--solaris-badge-background: var(--solaris-badge-custom-background);--solaris-badge-border-color: var(--solaris-badge-custom-border-color)}\n"] }]
|
|
23
|
+
}], propDecorators: { appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], radius: [{ type: i0.Input, args: [{ isSignal: true, alias: "radius", required: false }] }], density: [{ type: i0.Input, args: [{ isSignal: true, alias: "density", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
|
|
24
|
+
//# sourceMappingURL=badge.component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"badge.component.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/data-display/badge/component/badge.component.ts","../../../../../../../../../packages/angular/src/lib/components/data-display/badge/component/badge.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;;AAyBjD,MAAM,OAAO,qBAAqB;IACvB,UAAU,GAAG,KAAK,CAAyB,OAAO,iFAAC,CAAC;IACpD,OAAO,GAAG,KAAK,CAAsB,UAAU,8EAAC,CAAC;IACjD,KAAK,GAAG,KAAK,CAAoB,SAAS,4EAAC,CAAC;IAC5C,MAAM,GAAG,KAAK,CAAqB,MAAM,6EAAC,CAAC;IAC3C,OAAO,GAAG,KAAK,wFAAuB,CAAC;IACvC,IAAI,GAAG,KAAK,CAAmB,IAAI,2EAAC,CAAC;wGANnC,qBAAqB;4FAArB,qBAAqB,giCCzBlC,oBACA;;4FDwBa,qBAAqB;kBAdjC,SAAS;+BACE,eAAe,cACb,IAAI,QAGV;wBACJ,wBAAwB,EAAE,cAAc;wBACxC,mBAAmB,EAAE,SAAS;wBAC9B,kBAAkB,EAAE,QAAQ;wBAC5B,oBAAoB,EAAE,UAAU;wBAChC,qBAAqB,EAAE,WAAW;wBAClC,qBAAqB,EAAE,WAAW;qBACnC","sourcesContent":["import { Component, input } from '@angular/core';\r\n\r\nimport type {\r\n SolarisBadgeAppearance,\r\n SolarisBadgeColor,\r\n SolarisBadgeSize,\r\n SolarisBadgeRadius,\r\n SolarisBadgeVariant,\r\n SolarisBadgeDensity,\r\n} from '../model/badge.types';\r\n\r\n@Component({\r\n selector: 'solaris-badge',\r\n standalone: true,\r\n templateUrl: './badge.component.html',\r\n styleUrls: ['./badge.component.scss'],\r\n host: {\r\n '[attr.data-appearance]': 'appearance()',\r\n '[attr.data-color]': 'color()',\r\n '[attr.data-size]': 'size()',\r\n '[attr.data-radius]': 'radius()',\r\n '[attr.data-variant]': 'variant()',\r\n '[attr.data-density]': 'density()',\r\n },\r\n})\r\nexport class SolarisBadgeComponent {\r\n readonly appearance = input<SolarisBadgeAppearance>('tonal');\r\n readonly variant = input<SolarisBadgeVariant>('standard');\r\n readonly color = input<SolarisBadgeColor>('neutral');\r\n readonly radius = input<SolarisBadgeRadius>('full');\r\n readonly density = input<SolarisBadgeDensity>();\r\n readonly size = input<SolarisBadgeSize>('md');\r\n}\r\n","<ng-content />\r\n"]}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Directive } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class SolarisBadgeIconDirective {
|
|
4
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisBadgeIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
5
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: SolarisBadgeIconDirective, isStandalone: true, selector: "[solaris-badge-icon]", host: { classAttribute: "solaris-badge-icon" }, ngImport: i0 });
|
|
6
|
+
}
|
|
7
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SolarisBadgeIconDirective, decorators: [{
|
|
8
|
+
type: Directive,
|
|
9
|
+
args: [{
|
|
10
|
+
selector: '[solaris-badge-icon]',
|
|
11
|
+
standalone: true,
|
|
12
|
+
host: {
|
|
13
|
+
class: 'solaris-badge-icon',
|
|
14
|
+
},
|
|
15
|
+
}]
|
|
16
|
+
}] });
|
|
17
|
+
//# sourceMappingURL=badge-icon.directive.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"badge-icon.directive.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/data-display/badge/directives/badge-icon.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAS1C,MAAM,OAAO,yBAAyB;wGAAzB,yBAAyB;4FAAzB,yBAAyB;;4FAAzB,yBAAyB;kBAPrC,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,UAAU,EAAE,IAAI;oBAChB,IAAI,EAAE;wBACJ,KAAK,EAAE,oBAAoB;qBAC5B;iBACF","sourcesContent":["import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[solaris-badge-icon]',\r\n standalone: true,\r\n host: {\r\n class: 'solaris-badge-icon',\r\n },\r\n})\r\nexport class SolarisBadgeIconDirective {}\r\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
//# sourceMappingURL=badge.types.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"badge.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/angular/src/lib/components/data-display/badge/model/badge.types.ts"],"names":[],"mappings":"","sourcesContent":["export type SolarisBadgeAppearance = 'solid' | 'tonal' | 'outline' | 'ghost';\r\n\r\nexport type SolarisBadgeColor =\r\n | 'neutral'\r\n | 'primary'\r\n | 'success'\r\n | 'warning'\r\n | 'danger'\r\n | 'info'\r\n | 'custom';\r\n\r\nexport type SolarisBadgeSize = 'sm' | 'md' | 'lg';\r\n\r\nexport type SolarisBadgeRadius = 'sm' | 'md' | 'full';\r\n\r\nexport type SolarisBadgeVariant = 'standard' | 'count';\r\n\r\nexport type SolarisBadgeDensity = 'compact' | 'comfortable';\r\n"]}
|