@dialpad/dialtone
Version:
Dialpad's Dialtone design system monorepo
45 lines (44 loc) • 1.08 kB
JavaScript
const e = {
props: {
/**
* If true, a hidden close button is included for screen readers
* @values true, false
*/
visuallyHiddenClose: {
type: Boolean,
default: !1
},
/**
* Label for the visually hidden close button
* Required if visuallyHiddenClose is set to `true`
*/
visuallyHiddenCloseLabel: {
type: String,
default: null
}
},
watch: {
$props: {
immediate: !0,
deep: !0,
handler() {
this.validateVisuallyHiddenCloseProps();
}
}
},
computed: {
showVisuallyHiddenClose() {
return this.visuallyHiddenClose && this.visuallyHiddenCloseLabel != null;
}
},
methods: {
validateVisuallyHiddenCloseProps() {
this.visuallyHiddenClose && !this.visuallyHiddenCloseLabel && console.error(`If visuallyHiddenClose prop is true, the component includes
a visually hidden close button and you must set the visuallyHiddenCloseLabel prop.`);
}
}
};
export {
e as default
};
//# sourceMappingURL=sr-only-close-button.js.map