@dialpad/dialtone/dist/vue3/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 vue3 = require("@dialpad/dialtone-icons/vue3");
const vue = require("vue");
const _pluginVue_exportHelper = require("../_virtual/_plugin-vue_export-helper.cjs");
const button = require("../components/button/button.vue.cjs");
const _sfc_main = {
  name: "SrOnlyCloseButton",
  components: {
    DtIconClose: vue3.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");
    }
  }
};
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
  const _component_dt_icon_close = vue.resolveComponent("dt-icon-close");
  const _component_dt_button = vue.resolveComponent("dt-button");
  return vue.openBlock(), vue.createBlock(_component_dt_button, {
    id: "sr-only-close-button",
    "data-qa": "dt-sr-only-close-button",
    class: "d-vi-visible-sr",
    "aria-label": $props.visuallyHiddenCloseLabel,
    onClick: $options.close,
    onKeydown: vue.withKeys(vue.withModifiers($options.close, ["prevent", "stop"]), ["space"])
  }, {
    default: vue.withCtx(() => [
      vue.createVNode(_component_dt_icon_close)
    ]),
    _: 1
  }, 8, ["aria-label", "onClick", "onKeydown"]);
}
const SrOnlyCloseButton = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
exports.default = SrOnlyCloseButton;
//# sourceMappingURL=sr_only_close_button.vue.cjs.map