@dialpad/dialtone
Version:
Dialpad's Dialtone design system monorepo
96 lines (95 loc) • 2.77 kB
JavaScript
import { DtIconDialbot as u, DtIconInbox as c, DtIconContacts as r, DtIconHash as a, DtIconThread as l, DtIconLayoutTemplate as i, DtIconLock as s, DtIconSparkle as C, DtIconUsers as p, DtIconExternalLink as I, DtIconLockFilled as _, DtIconHashBold as D, DtIconAtSign as T, DtIconLaptop2 as d, DtIconCalendarClock as E } from "@dialpad/dialtone-icons/vue3";
import { LEFTBAR_GENERAL_ROW_TYPES as e, LEFTBAR_GENERAL_ROW_CONTACT_CENTER_COLORS as A } from "./general-row-constants.js";
import { resolveComponent as y, openBlock as n, createBlock as L, resolveDynamicComponent as R, createElementBlock as o, normalizeClass as f, createVNode as O, createCommentVNode as S } from "vue";
import { _ as h } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
const k = /* @__PURE__ */ new Map([
[e.INBOX, c],
[e.CONTACTS, r],
[e.CHANNELS, a],
[e.THREADS, l],
[e.LAUNCHPAD, i],
[e.LOCKED_CHANNEL, s],
[e.QUICK_START, C],
[e.COACHING_GROUP, p],
[e.COACHING_CENTER, I],
["locked channel unread", _],
["channel unread", D],
[e.ASSIGNED, T],
[e.DIGITAL, d],
[e.SCHEDULED, E]
]), b = {
compatConfig: { MODE: 3 },
name: "DtRecipeLeftbarGeneralRowIcon",
components: {
DtIconDialbot: u,
DtIconInbox: c,
DtIconContacts: r,
DtIconHash: a,
DtIconThread: l,
DtIconLayoutTemplate: i,
DtIconLock: s,
DtIconSparkle: C,
DtIconUsers: p,
DtIconExternalLink: I,
DtIconLockFilled: _,
DtIconHashBold: D,
DtIconAtSign: T,
DtIconLaptop2: d,
DtIconCalendarClock: E
},
props: {
type: {
type: String,
default: null
},
color: {
type: String,
default: null
},
iconSize: {
type: String,
default: "300"
}
},
computed: {
isIconType() {
return ![e.DIALBOT, e.CONTACT_CENTER].includes(this.type);
},
isContactCenterType() {
return this.type === e.CONTACT_CENTER;
},
isDialbotType() {
return this.type === e.DIALBOT;
},
getIconName() {
return k.get(this.type);
},
contactCenterIconClasses() {
return [
"d-recipe-leftbar-row__icon-cc",
A[this.color]
];
}
}
}, g = {
key: 2,
class: "d-recipe-leftbar-general-row__icon",
"data-qa": "general-row-dialbot"
};
function B(G, H, m, w, z, t) {
const N = y("dt-icon-dialbot");
return t.isIconType ? (n(), L(R(t.getIconName), {
key: 0,
size: m.iconSize
}, null, 8, ["size"])) : t.isContactCenterType ? (n(), o("div", {
key: 1,
class: f(t.contactCenterIconClasses)
}, null, 2)) : t.isDialbotType ? (n(), o("div", g, [
O(N, { size: "500" })
])) : S("", !0);
}
const P = /* @__PURE__ */ h(b, [["render", B]]);
export {
P as default
};
//# sourceMappingURL=leftbar-general-row-icon.js.map