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

Dialpad's Dialtone design system monorepo

"use strict";
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
const vue2 = require("@dialpad/dialtone-icons/vue2");
const _pluginVue2_normalizer = require("../_virtual/_plugin-vue2_normalizer.cjs");
const button = require("../components/button/button.vue.cjs");
const _sfc_main = {
  name: "SrOnlyCloseButton",
  components: {
    DtIconClose: vue2.DtIconClose,
    DtButton: button.default
  },
  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__ */ _pluginVue2_normalizer.default(
  _sfc_main,
  _sfc_render,
  _sfc_staticRenderFns
);
const SrOnlyCloseButton = __component__.exports;
exports.default = SrOnlyCloseButton;
//# sourceMappingURL=sr_only_close_button.vue.cjs.map