diff --git a/components/Card.js b/components/Card.js index 35e6b096..ead54147 100644 --- a/components/Card.js +++ b/components/Card.js @@ -4,6 +4,7 @@ import AriaReflectorMixin from '../mixins/AriaReflectorMixin.js'; import DelegatesFocusMixin from '../mixins/DelegatesFocusMixin.js'; import FlexableMixin from '../mixins/FlexableMixin.js'; import FormAssociatedMixin from '../mixins/FormAssociatedMixin.js'; +import HyperlinkMixin from '../mixins/HyperlinkMixin.js'; import ShapeMixin from '../mixins/ShapeMixin.js'; import StateMixin from '../mixins/StateMixin.js'; import SurfaceMixin from '../mixins/SurfaceMixin.js'; @@ -21,6 +22,7 @@ export default CustomElement .mixin(StateMixin) .mixin(AriaReflectorMixin) .mixin(DelegatesFocusMixin) + .mixin(HyperlinkMixin) .set({ _ariaRole: 'figure', }) @@ -35,6 +37,7 @@ export default CustomElement }) .expressions({ showBlocker: ({ disabledState }) => !SUPPORTS_INERT && disabledState, + showButton: ({ actionable, href }) => Boolean(actionable || href), }) .methods({ focus() { @@ -43,10 +46,17 @@ export default CustomElement }, }) .html` - +
` + .recompose(({ refs: { anchor } }) => { anchor.remove(); }) .css` /* https://m3.material.io/components/cards/specs */