@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/).
106 lines (105 loc) • 5.13 kB
JavaScript
import '../example-radio-option.css';
"use strict";
const vue = require("vue");
const mtIcon_vue_vue_type_style_index_0_lang = require("../mt-icon.vue_vue_type_style_index_0_lang-0a28c7b6.js");
const _pluginVue_exportHelper = require("../_plugin-vue_export-helper-9c783a34.js");
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__ */ vue.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 vue.openBlock(), vue.createElementBlock("div", {
class: vue.normalizeClass(["example-radio-option", {
"example-radio-option--checked": _ctx.checked,
"example-radio-option--disabled": _ctx.disabled
}])
}, [
vue.createElementVNode("div", _hoisted_1, [
vue.createElementVNode("div", _hoisted_2, [
vue.createElementVNode("h3", _hoisted_3, vue.toDisplayString(_ctx.title), 1),
vue.createElementVNode("div", _hoisted_4, [
vue.createElementVNode("span", _hoisted_5, vue.toDisplayString(_ctx.price), 1),
_cache[0] || (_cache[0] = vue.createElementVNode("div", { class: "example-radio-option__billing" }, [
vue.createElementVNode("div", null, "per editor / month"),
vue.createElementVNode("div", null, "billed annually")
], -1))
])
]),
vue.createElementVNode("div", _hoisted_6, [
vue.renderSlot(_ctx.$slots, "indicator", {}, void 0, true)
])
]),
_cache[2] || (_cache[2] = vue.createElementVNode("div", { class: "example-radio-option__divider" }, null, -1)),
vue.createElementVNode("div", _hoisted_7, [
vue.createElementVNode("div", _hoisted_8, [
vue.createElementVNode("div", _hoisted_9, [
vue.createVNode(mtIcon_vue_vue_type_style_index_0_lang._sfc_main, {
name: "regular-image",
size: "var(--scale-size-16)",
"aria-hidden": "true"
})
]),
vue.createElementVNode("span", null, vue.toDisplayString(_ctx.feature1), 1)
]),
vue.createElementVNode("div", _hoisted_10, [
vue.createElementVNode("div", _hoisted_11, [
vue.createVNode(mtIcon_vue_vue_type_style_index_0_lang._sfc_main, {
name: "regular-flow",
size: "var(--scale-size-16)",
"aria-hidden": "true"
})
]),
vue.createElementVNode("span", null, vue.toDisplayString(_ctx.feature2), 1)
]),
vue.createElementVNode("div", _hoisted_12, [
vue.createElementVNode("div", _hoisted_13, [
vue.createVNode(mtIcon_vue_vue_type_style_index_0_lang._sfc_main, {
name: "regular-chart-line",
size: "var(--scale-size-16)",
"aria-hidden": "true"
})
]),
vue.createElementVNode("span", null, vue.toDisplayString(_ctx.feature3), 1)
]),
vue.createElementVNode("div", _hoisted_14, [
vue.createElementVNode("div", _hoisted_15, [
vue.createVNode(mtIcon_vue_vue_type_style_index_0_lang._sfc_main, {
name: "regular-headset",
size: "var(--scale-size-16)",
"aria-hidden": "true"
})
]),
_cache[1] || (_cache[1] = vue.createElementVNode("span", null, "48h support reaction time", -1))
])
])
], 2);
};
}
});
const exampleRadioOption_vue_vue_type_style_index_0_scoped_b26f3e8a_lang = "";
const exampleRadioOption = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-b26f3e8a"]]);
module.exports = exampleRadioOption;
//# sourceMappingURL=ExampleRadioOption.js.map