@dialpad/dialtone-vue
Version:
Vue component library for Dialpad's design system Dialtone
31 lines (30 loc) • 1.69 kB
JavaScript
import { n as r } from "../../_plugin-vue2_normalizer-DSLOjnn3.js";
import n from "../chip/chip.js";
const o = {
name: "DtRecipeGroupedChip",
components: {
DtChip: n
},
computed: {}
};
var c = function() {
var t = this, e = t._self._c;
return e("div", { staticClass: "d-recipe-grouped-chip", attrs: { "data-qa": "dt-recipe-grouped-chip" } }, [e("dt-chip", { staticClass: "d-recipe-grouped-chip__content d-recipe-grouped-chip__content-left", attrs: { "hide-close": !0, interactive: !1, size: "xs", "grouped-chip": !0 }, scopedSlots: t._u([t.$slots.leftIcon ? { key: "icon", fn: function() {
return [t.$slots.leftIcon ? e("div", { attrs: { "data-qa": "left-grouped-chip-icon" } }, [t._t("leftIcon")], 2) : t._e()];
}, proxy: !0 } : null, { key: "default", fn: function() {
return [t.$slots.leftContent ? e("div", { attrs: { "data-qa": "left-grouped-chip-content" } }, [t._t("leftContent")], 2) : t._e()];
}, proxy: !0 }], null, !0) }), e("dt-chip", { staticClass: "d-recipe-grouped-chip__content d-recipe-grouped-chip__content-right", attrs: { "hide-close": !0, interactive: !1, size: "xs", "grouped-chip": !0 }, scopedSlots: t._u([{ key: "icon", fn: function() {
return [t.$slots.rightIcon ? e("div", { attrs: { "data-qa": "right-grouped-chip-icon" } }, [t._t("rightIcon")], 2) : t._e()];
}, proxy: !0 }, { key: "default", fn: function() {
return [t.$slots.rightContent ? e("div", { attrs: { "data-qa": "right-grouped-chip-content" } }, [t._t("rightContent")], 2) : t._e()];
}, proxy: !0 }], null, !0) })], 1);
}, i = [], p = /* @__PURE__ */ r(
o,
c,
i
);
const u = p.exports;
export {
u as default
};
//# sourceMappingURL=grouped-chip.js.map