@dialpad/dialtone/dist/vue2/common/sr_only_close_button.vue.js

Dialpad's Dialtone design system monorepo

import { DtIconClose } from "@dialpad/dialtone-icons/vue2";
import normalizeComponent from "../_virtual/_plugin-vue2_normalizer.js";
import DtButton from "../components/button/button.vue.js";
const _sfc_main = {
  name: "SrOnlyCloseButton",
  components: {
    DtIconClose,
    DtButton
  },
  props: {
    /**
     * Label for the visually hidden close button
     * Required if visuallyHiddenClose is set to `true`
     */
    visuallyHiddenCloseLabel: {
      type: String,
      default: null
    }
  },
  emits: ["close"],
  methods: {
    close() {
      this.$emit("close");
    }
  }
};
var _sfc_render = function render() {
  var _vm = this, _c = _vm._self._c;
  return _c("dt-button", { staticClass: "d-vi-visible-sr", attrs: { "id": "sr-only-close-button", "data-qa": "dt-sr-only-close-button", "aria-label": _vm.visuallyHiddenCloseLabel }, on: { "click": _vm.close, "keydown": function($event) {
    if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "space", 32, $event.key, [" ", "Spacebar"])) return null;
    $event.preventDefault();
    $event.stopPropagation();
    return _vm.close.apply(null, arguments);
  } } }, [_c("dt-icon-close")], 1);
};
var _sfc_staticRenderFns = [];
var __component__ = /* @__PURE__ */ normalizeComponent(
  _sfc_main,
  _sfc_render,
  _sfc_staticRenderFns
);
const SrOnlyCloseButton = __component__.exports;
export {
  SrOnlyCloseButton as default
};
//# sourceMappingURL=sr_only_close_button.vue.js.map