@shopware-ag/meteor-component-library
Version:
The meteor component library is a Vue component library developed by Shopware. It is based on the [Meteor Design System](https://shopware.design/).
107 lines (106 loc) • 4.89 kB
JavaScript
import '../example-radio-option.css';
import { defineComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, renderSlot, createVNode } from "vue";
import { _ as _sfc_main$1 } from "../mt-icon.vue_vue_type_style_index_0_lang-2cc5f73e.mjs";
import { _ as _export_sfc } from "../_plugin-vue_export-helper-cc2b3d55.mjs";
const _hoisted_1 = { class: "example-radio-option__header" };
const _hoisted_2 = { class: "example-radio-option__header-content" };
const _hoisted_3 = { class: "example-radio-option__title" };
const _hoisted_4 = { class: "example-radio-option__price-section" };
const _hoisted_5 = { class: "example-radio-option__price" };
const _hoisted_6 = { class: "example-radio-option__indicator" };
const _hoisted_7 = { class: "example-radio-option__content" };
const _hoisted_8 = { class: "example-radio-option__feature" };
const _hoisted_9 = { class: "example-radio-option__feature-icon" };
const _hoisted_10 = { class: "example-radio-option__feature" };
const _hoisted_11 = { class: "example-radio-option__feature-icon" };
const _hoisted_12 = { class: "example-radio-option__feature" };
const _hoisted_13 = { class: "example-radio-option__feature-icon" };
const _hoisted_14 = { class: "example-radio-option__feature" };
const _hoisted_15 = { class: "example-radio-option__feature-icon" };
const _sfc_main = /* @__PURE__ */ defineComponent({
__name: "example-radio-option",
props: {
title: { default: "Pro" },
checked: { type: Boolean, default: false },
disabled: { type: Boolean, default: false },
feature1: { default: "100 image generations" },
feature2: { default: "Unlimited workflows" },
feature3: { default: "Advanced analytics" },
price: { default: "$10" }
},
setup(__props) {
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", {
class: normalizeClass(["example-radio-option", {
"example-radio-option--checked": _ctx.checked,
"example-radio-option--disabled": _ctx.disabled
}])
}, [
createElementVNode("div", _hoisted_1, [
createElementVNode("div", _hoisted_2, [
createElementVNode("h3", _hoisted_3, toDisplayString(_ctx.title), 1),
createElementVNode("div", _hoisted_4, [
createElementVNode("span", _hoisted_5, toDisplayString(_ctx.price), 1),
_cache[0] || (_cache[0] = createElementVNode("div", { class: "example-radio-option__billing" }, [
createElementVNode("div", null, "per editor / month"),
createElementVNode("div", null, "billed annually")
], -1))
])
]),
createElementVNode("div", _hoisted_6, [
renderSlot(_ctx.$slots, "indicator", {}, void 0, true)
])
]),
_cache[2] || (_cache[2] = createElementVNode("div", { class: "example-radio-option__divider" }, null, -1)),
createElementVNode("div", _hoisted_7, [
createElementVNode("div", _hoisted_8, [
createElementVNode("div", _hoisted_9, [
createVNode(_sfc_main$1, {
name: "regular-image",
size: "var(--scale-size-16)",
"aria-hidden": "true"
})
]),
createElementVNode("span", null, toDisplayString(_ctx.feature1), 1)
]),
createElementVNode("div", _hoisted_10, [
createElementVNode("div", _hoisted_11, [
createVNode(_sfc_main$1, {
name: "regular-flow",
size: "var(--scale-size-16)",
"aria-hidden": "true"
})
]),
createElementVNode("span", null, toDisplayString(_ctx.feature2), 1)
]),
createElementVNode("div", _hoisted_12, [
createElementVNode("div", _hoisted_13, [
createVNode(_sfc_main$1, {
name: "regular-chart-line",
size: "var(--scale-size-16)",
"aria-hidden": "true"
})
]),
createElementVNode("span", null, toDisplayString(_ctx.feature3), 1)
]),
createElementVNode("div", _hoisted_14, [
createElementVNode("div", _hoisted_15, [
createVNode(_sfc_main$1, {
name: "regular-headset",
size: "var(--scale-size-16)",
"aria-hidden": "true"
})
]),
_cache[1] || (_cache[1] = createElementVNode("span", null, "48h support reaction time", -1))
])
])
], 2);
};
}
});
const exampleRadioOption_vue_vue_type_style_index_0_scoped_b26f3e8a_lang = "";
const exampleRadioOption = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b26f3e8a"]]);
export {
exampleRadioOption as default
};
//# sourceMappingURL=ExampleRadioOption.js.map