@dialpad/dialtone
Version:
Dialpad's Dialtone design system monorepo
47 lines (46 loc) • 1.27 kB
JavaScript
;
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
const SrOnlyCloseButtonMixin = {
props: {
/**
* If true, a hidden close button is included for screen readers
* @values true, false
*/
visuallyHiddenClose: {
type: Boolean,
default: false
},
/**
* Label for the visually hidden close button
* Required if visuallyHiddenClose is set to `true`
*/
visuallyHiddenCloseLabel: {
type: String,
default: null
}
},
watch: {
$props: {
immediate: true,
deep: true,
handler() {
this.validateVisuallyHiddenCloseProps();
}
}
},
computed: {
showVisuallyHiddenClose() {
return this.visuallyHiddenClose && this.visuallyHiddenCloseLabel != null;
}
},
methods: {
validateVisuallyHiddenCloseProps() {
if (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.`);
}
}
}
};
exports.default = SrOnlyCloseButtonMixin;
//# sourceMappingURL=sr_only_close_button.cjs.map