@dialpad/dialtone
Version:
Dialpad's Dialtone design system monorepo
90 lines (89 loc) • 3.06 kB
JavaScript
;
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
const common_utils = require("../../../common/utils.cjs");
const vue = require("vue");
const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.cjs");
const chip = require("../../../components/chip/chip.vue.cjs");
const _sfc_main = {
compatConfig: { MODE: 3 },
name: "DtRecipeGroupedChip",
components: {
DtChip: chip.default
},
data() {
return {
hasSlotContent: common_utils.hasSlotContent
};
}
};
const _hoisted_1 = {
"data-qa": "dt-recipe-grouped-chip",
class: "d-recipe-grouped-chip"
};
const _hoisted_2 = {
key: 0,
"data-qa": "left-grouped-chip-icon"
};
const _hoisted_3 = {
key: 0,
"data-qa": "left-grouped-chip-content"
};
const _hoisted_4 = {
key: 0,
"data-qa": "right-grouped-chip-icon"
};
const _hoisted_5 = {
key: 0,
"data-qa": "right-grouped-chip-content"
};
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
const _component_dt_chip = vue.resolveComponent("dt-chip");
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
vue.createVNode(_component_dt_chip, {
"hide-close": true,
interactive: false,
size: "xs",
"grouped-chip": true,
class: "d-recipe-grouped-chip__content d-recipe-grouped-chip__content-left"
}, vue.createSlots({
default: vue.withCtx(() => [
$data.hasSlotContent(_ctx.$slots.leftContent) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
vue.renderSlot(_ctx.$slots, "leftContent")
])) : vue.createCommentVNode("", true)
]),
_: 2
}, [
$data.hasSlotContent(_ctx.$slots.leftIcon) ? {
name: "icon",
fn: vue.withCtx(() => [
$data.hasSlotContent(_ctx.$slots.leftIcon) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
vue.renderSlot(_ctx.$slots, "leftIcon")
])) : vue.createCommentVNode("", true)
]),
key: "0"
} : void 0
]), 1024),
vue.createVNode(_component_dt_chip, {
"hide-close": true,
interactive: false,
size: "xs",
"grouped-chip": true,
class: "d-recipe-grouped-chip__content d-recipe-grouped-chip__content-right"
}, {
icon: vue.withCtx(() => [
$data.hasSlotContent(_ctx.$slots.rightIcon) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
vue.renderSlot(_ctx.$slots, "rightIcon")
])) : vue.createCommentVNode("", true)
]),
default: vue.withCtx(() => [
$data.hasSlotContent(_ctx.$slots.rightContent) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
vue.renderSlot(_ctx.$slots, "rightContent")
])) : vue.createCommentVNode("", true)
]),
_: 3
})
]);
}
const grouped_chip = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
exports.default = grouped_chip;
//# sourceMappingURL=grouped_chip.vue.cjs.map