@dialpad/dialtone
Version:
Dialpad's Dialtone design system monorepo
67 lines (66 loc) • 1.87 kB
JavaScript
import { hasSlotContent as a } from "../../common/utils/index.js";
import { createElementBlock as n, openBlock as o, createCommentVNode as c, createElementVNode as s, renderSlot as i, createTextVNode as r, toDisplayString as l } from "vue";
import { _ } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
const f = {
compatConfig: { MODE: 3 },
name: "DtNoticeContent",
props: {
/**
* Title header of the notice. This can be left blank to remove the title from the notice entirely.
*/
title: {
type: String,
default: ""
},
/**
* ID for the title element of the component. Useful for aria-describedby
* or aria-labelledby or any other reason you may need an id to refer to the title.
*/
titleId: {
type: String,
default: void 0
},
/**
* ID for the content element of the component. Useful for aria-describedby
* or aria-labelledby or any other reason you may need an id to refer to the content.
*/
contentId: {
type: String,
default: void 0
}
},
data() {
return {
hasSlotContent: a
};
}
}, m = {
class: "d-notice__content",
"data-qa": "notice-content"
}, u = ["id"], p = ["id"];
function g(e, S, t, h, d, C) {
return o(), n("div", m, [
t.title || d.hasSlotContent(e.$slots.titleOverride) ? (o(), n("p", {
key: 0,
id: t.titleId,
class: "d-notice__title",
"data-qa": "notice-content-title"
}, [
i(e.$slots, "titleOverride", {}, () => [
r(l(t.title), 1)
])
], 8, u)) : c("", !0),
s("p", {
id: t.contentId,
class: "d-notice__message",
"data-qa": "notice-content-message"
}, [
i(e.$slots, "default")
], 8, p)
]);
}
const I = /* @__PURE__ */ _(f, [["render", g]]);
export {
I as default
};
//# sourceMappingURL=notice-content.js.map