@dialpad/dialtone/dist/vue3/common/mixins/sr_only_close_button.js

Dialpad's Dialtone design system monorepo

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.`);
      }
    }
  }
};
export {
  SrOnlyCloseButtonMixin as default
};
//# sourceMappingURL=sr_only_close_button.js.map