officialblock 2.1.0 → 2.1.1

package/dist/index-D3X7jHwZ.mjs

@@ -0,0 +1,278 @@
+import { defineComponent as O, ref as w, resolveComponent as k, createBlock as f, openBlock as s, withCtx as y, createElementVNode as a, createVNode as c, createElementBlock as g, Fragment as U, renderList as D, createTextVNode as S, toDisplayString as $, normalizeStyle as B, computed as r, normalizeClass as E, createCommentVNode as H } from "vue";
+import { P as A, _ as N, a as Y, O as j, r as M } from "./index-QpRJyZ_6.mjs";
+const R = { class: "setting-content" }, F = { class: "setting-header flex items-center" }, J = { class: "setting-header flex items-center" }, L = { class: "setting-header flex items-center" }, T = { class: "setting-header flex items-center" }, W = { class: "setting-header flex items-center" }, q = { class: "preview-container" }, G = ["src"], K = {
+  key: 1,
+  class: "no-preview"
+}, Q = { class: "setting-body" }, X = { class: "setting-item" }, Z = { class: "components-content" }, _ = /* @__PURE__ */ O({
+  __name: "setting",
+  props: {
+    show: {
+      type: Boolean,
+      default: !1
+    },
+    data: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  emits: ["update:show"],
+  setup(o, { emit: h }) {
+    const n = o, p = w([
+      {
+        id: "preset-1",
+        name: "YCCECE Background 1",
+        image: "https://ywies-tx.cedim.cn/images/material/ycyw-90th-bg-03.svg",
+        size: "cover",
+        position: "center center"
+      },
+      {
+        id: "preset-2",
+        name: "YCCECE Background 2",
+        image: "https://ywies-tx.cedim.cn/images/material/ycyw-90th-bg-04.svg",
+        size: "contain",
+        position: "left top"
+      },
+      {
+        id: "preset-3",
+        name: "YCCECE Background 3",
+        image: "https://ywies-tx.cedim.cn/images/material/ycyw-90th-bg-03.svg",
+        size: "cover",
+        position: "center center"
+      },
+      {
+        id: "preset-4",
+        name: "YCCECE Background 4",
+        image: "https://ywies-tx.cedim.cn/images/material/ycyw-90th-bg-03.svg",
+        size: "100% auto",
+        position: "right bottom"
+      }
+    ]), m = w(), u = p.value.find((i) => i.image === n.data.backgroundImage);
+    debugger;
+    m.value = u ? u.id : "";
+    const v = () => {
+      const i = p.value.find((t) => t.id === m.value);
+      i && (n.data.backgroundImage = `${i.image}`, n.data.backgroundSize = i.size, n.data.backgroundPosition = i.position);
+    }, V = h, C = () => {
+      V("update:show", !1);
+    };
+    return (i, t) => {
+      const x = k("a-option"), P = k("a-select"), z = k("a-button"), b = k("a-input"), I = k("a-drawer");
+      return s(), f(I, {
+        width: "60%",
+        visible: o.show,
+        footer: !1,
+        onCancel: C,
+        unmountOnClose: ""
+      }, {
+        title: y(() => [
+          S($(o.data.type) + "组件编辑 ", 1)
+        ]),
+        default: y(() => [
+          a("div", R, [
+            a("div", F, [
+              t[6] || (t[6] = a("span", { class: "header-title" }, "Background Preset", -1)),
+              c(P, {
+                modelValue: m.value,
+                "onUpdate:modelValue": t[0] || (t[0] = (e) => m.value = e),
+                style: { width: "300px", "margin-right": "8px" }
+              }, {
+                default: y(() => [
+                  (s(!0), g(U, null, D(p.value, (e) => (s(), f(x, {
+                    value: e.id,
+                    key: e.id
+                  }, {
+                    default: y(() => [
+                      S($(e.name), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["value"]))), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue"]),
+              c(z, {
+                type: "primary",
+                onClick: v
+              }, {
+                default: y(() => [...t[5] || (t[5] = [
+                  S("Apply", -1)
+                ])]),
+                _: 1
+              })
+            ]),
+            a("div", J, [
+              t[7] || (t[7] = a("span", { class: "header-title" }, "Image", -1)),
+              c(b, {
+                modelValue: o.data.backgroundImage,
+                "onUpdate:modelValue": t[1] || (t[1] = (e) => o.data.backgroundImage = e),
+                placeholder: "图片路径",
+                style: { width: "300px" }
+              }, null, 8, ["modelValue"])
+            ]),
+            a("div", L, [
+              t[8] || (t[8] = a("span", { class: "header-title" }, "Size", -1)),
+              c(b, {
+                modelValue: o.data.backgroundSize,
+                "onUpdate:modelValue": t[2] || (t[2] = (e) => o.data.backgroundSize = e),
+                placeholder: "尺寸",
+                style: { width: "300px" }
+              }, null, 8, ["modelValue"])
+            ]),
+            a("div", T, [
+              t[9] || (t[9] = a("span", { class: "header-title" }, "Position", -1)),
+              c(b, {
+                modelValue: o.data.backgroundPosition,
+                "onUpdate:modelValue": t[3] || (t[3] = (e) => o.data.backgroundPosition = e),
+                placeholder: "位置",
+                style: { width: "300px" }
+              }, null, 8, ["modelValue"])
+            ]),
+            a("div", W, [
+              t[11] || (t[11] = a("span", { class: "header-title" }, "Preview", -1)),
+              a("div", q, [
+                o.data.backgroundImage ? (s(), g("img", {
+                  key: 0,
+                  src: o.data.backgroundImage,
+                  style: B({
+                    "object-fit": o.data.backgroundSize || "cover",
+                    "background-position": o.data.backgroundPosition || "center center",
+                    width: "100%",
+                    height: "100px",
+                    border: "1px solid #ddd"
+                  }),
+                  alt: "Background Preview"
+                }, null, 12, G)) : (s(), g("div", K, "No preview available")),
+                t[10] || (t[10] = a("p", { class: "preview-note" }, " A light grey background has been applied for previewing and will not be reflected on website. ", -1))
+              ])
+            ]),
+            a("div", Q, [
+              t[12] || (t[12] = a("div", { class: "setting-toolbar" }, [
+                a("h4", null, "组件")
+              ], -1)),
+              a("div", X, [
+                a("div", Z, [
+                  c(A, {
+                    data: o.data.data,
+                    onUpdate: t[4] || (t[4] = (e) => o.data.data = e)
+                  }, null, 8, ["data"])
+                ])
+              ])
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["visible"]);
+    };
+  }
+}), ee = /* @__PURE__ */ N(_, [["__scopeId", "data-v-aed41d00"]]), te = { class: "component-wrapper" }, ae = {
+  __name: "index",
+  props: {
+    modelValue: {
+      type: Object,
+      default: () => {
+      }
+    },
+    // 是否预览
+    isPreview: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["update:modelValue", "handleDelete", "handleCopy", "handlePaste"],
+  setup(o, { emit: h }) {
+    const n = o, p = h, m = r(() => {
+      var e, l;
+      return !((e = n.modelValue) != null && e.data) || !Array.isArray(n.modelValue.data) ? [] : (l = n.modelValue) == null ? void 0 : l.data;
+    }), u = w(!1), v = w(!1), V = () => {
+      var l;
+      if (n.modelValue && n.modelValue.data)
+        return;
+      const e = {
+        id: ((l = n.modelValue) == null ? void 0 : l.id) || M(),
+        //componentKey
+        type: "BackgroundWrapper",
+        backgroundImage: "",
+        backgroundSize: "",
+        backgroundPosition: "",
+        data: []
+      };
+      p("update:modelValue", e);
+    }, C = r(() => {
+      var e;
+      return ((e = n.modelValue) == null ? void 0 : e.classes) ?? null;
+    }), i = r(() => {
+      var e;
+      return ((e = n.modelValue) == null ? void 0 : e.style) ?? null;
+    }), t = r(() => {
+      var e;
+      return ((e = n.modelValue) == null ? void 0 : e.width) ?? null;
+    }), x = r(() => {
+      var e;
+      return ((e = n.modelValue) == null ? void 0 : e.backgroundImage) ?? "";
+    }), P = r(() => {
+      var e;
+      return ((e = n.modelValue) == null ? void 0 : e.backgroundColor) ?? "transparent";
+    }), z = r(() => {
+      var e;
+      return ((e = n.modelValue) == null ? void 0 : e.backgroundSize) ?? "contain";
+    }), b = r(() => {
+      var e;
+      return ((e = n.modelValue) == null ? void 0 : e.backgroundPosition) ?? "center";
+    }), I = r(() => {
+      var e;
+      return ((e = n.modelValue) == null ? void 0 : e.backgroundRepeat) ?? "no-repeat";
+    });
+    return V(), (e, l) => (s(), g("div", {
+      class: E(["background-wrapper", C.value]),
+      style: B(i.value),
+      onMouseover: l[3] || (l[3] = (d) => u.value = !0),
+      onMouseout: l[4] || (l[4] = (d) => u.value = !1)
+    }, [
+      a("div", {
+        class: E(t.value)
+      }, [
+        a("div", {
+          class: "background-wrapper__bg",
+          style: B({
+            "background-image": `url('${x.value}')`,
+            "background-color": `${P.value}`,
+            "background-size": `${z.value}`,
+            "background-position": `${b.value}`,
+            "background-repeat": `${I.value}`
+          })
+        }, [
+          (s(!0), g(U, null, D(m.value, (d, oe) => (s(), g("div", {
+            key: d.id,
+            class: "page-item"
+          }, [
+            a("div", te, [
+              c(Y, {
+                type: d.type,
+                "props-data": { modelValue: d }
+              }, null, 8, ["type", "props-data"])
+            ])
+          ]))), 128))
+        ], 4),
+        o.isPreview ? H("", !0) : (s(), f(j, {
+          key: 0,
+          show: u.value,
+          "onUpdate:show": l[0] || (l[0] = (d) => u.value = d),
+          onHandleEdit: l[1] || (l[1] = (d) => v.value = !0),
+          onHandleDelete: e.handleDelete,
+          onHandleCopy: e.handleCopy,
+          onHandlePaste: e.handlePaste,
+          style: { top: "-20px" }
+        }, null, 8, ["show", "onHandleDelete", "onHandleCopy", "onHandlePaste"]))
+      ], 2),
+      o.isPreview ? H("", !0) : (s(), f(ee, {
+        key: 0,
+        show: v.value,
+        "onUpdate:show": l[2] || (l[2] = (d) => v.value = d),
+        data: o.modelValue
+      }, null, 8, ["show", "data"]))
+    ], 38));
+  }
+}, de = /* @__PURE__ */ N(ae, [["__scopeId", "data-v-6acc1a6e"]]);
+export {
+  de as default
+};

package/dist/{index-CT1rjCCp.mjs → index-DwAYwP3K.mjs}

@@ -4,7 +4,7 @@ var r = (a, u, c) => L(a, typeof u != "symbol" ? u + "" : u, c);
 import { defineComponent as A, shallowRef as R, ref as p, computed as F, inject as y, watch as C, nextTick as b, onBeforeUnmount as q, createElementBlock as J, openBlock as G, createVNode as I, unref as H, normalizeStyle as P } from "vue";
 import { Toolbar as Q, Editor as W } from "@wangeditor/editor-for-vue";
 import { Boot as z } from "@wangeditor/editor";
-import { _ as X } from "./index-C_l0k6dm.mjs";
+import { _ as X } from "./index-QpRJyZ_6.mjs";
 const Y = { class: "rich-text-editor" }, Z = /* @__PURE__ */ A({
   __name: "index",
   props: {

package/dist/index-DwPHbe8R.mjs

@@ -0,0 +1,216 @@
+import { defineComponent as U, ref as p, computed as s, onMounted as q, resolveComponent as $, createElementBlock as l, openBlock as o, normalizeStyle as G, normalizeClass as g, createCommentVNode as i, createElementVNode as n, createVNode as M, toDisplayString as d, Fragment as b, renderList as x, createBlock as z, resolveDynamicComponent as I, mergeProps as J, withCtx as Q } from "vue";
+import { T as R } from "./index-QpRJyZ_6.mjs";
+const X = {
+  key: 0,
+  class: "card-list__filter"
+}, Y = {
+  key: 0,
+  class: "card-list__title"
+}, Z = ["id"], ee = ["data-aos-delay", "data-aos-anchor"], te = { class: "card-school" }, oe = { class: "school__head" }, le = ["src", "alt"], se = {
+  key: 1,
+  class: "school__img img-fit"
+}, ne = ["src", "alt"], ae = {
+  key: 2,
+  class: "school__watermark"
+}, ce = ["src", "alt"], ie = { class: "school__body" }, re = {
+  key: 0,
+  class: "school__cat-list"
+}, ue = {
+  key: 1,
+  class: "school__title"
+}, de = ["innerHTML"], _e = { class: "school__cta" }, pe = { key: 0 }, he = ["href"], ve = { key: 1 }, ye = ["href"], ke = {
+  key: 3,
+  class: "contact__link mt-3"
+}, me = {
+  key: 4,
+  class: "contact__link mt-3"
+}, fe = {
+  key: 1,
+  class: "d-flex justify-content-center mt-10"
+}, we = { class: "btn--udrline" }, Le = /* @__PURE__ */ U({
+  __name: "index",
+  props: {
+    componentProps: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  emits: ["showLightboxVideo"],
+  setup(B, { emit: ge }) {
+    const c = B, y = p("all"), u = p(4), k = p(4), L = p(Date.now()), m = p(typeof window < "u" ? window.innerWidth : 1024), D = s(() => {
+      var e;
+      return ((e = c.componentProps) == null ? void 0 : e.classes) ?? null;
+    }), N = s(() => {
+      var e;
+      return ((e = c.componentProps) == null ? void 0 : e.style) ?? null;
+    }), S = s(() => {
+      var e;
+      return ((e = c.componentProps) == null ? void 0 : e.width) ?? null;
+    }), V = s(() => {
+      var e;
+      return ((e = c.componentProps) == null ? void 0 : e.center) ?? !1;
+    }), E = s(() => {
+      var e;
+      return ((e = c.componentProps) == null ? void 0 : e.type) ?? "school";
+    }), P = s(() => {
+      var e;
+      return ((e = c.componentProps) == null ? void 0 : e.title) ?? null;
+    }), _ = s(() => {
+      var e;
+      return ((e = c.componentProps) == null ? void 0 : e.filters) ?? [];
+    }), T = s(() => {
+      var e;
+      return ((e = c.componentProps) == null ? void 0 : e.list) ?? [];
+    }), h = s(() => {
+      var e;
+      return ((e = c.componentProps) == null ? void 0 : e.colDesktop) ?? 3;
+    }), f = s(() => {
+      var e;
+      return ((e = c.componentProps) == null ? void 0 : e.colMobile) ?? 1;
+    }), w = s(() => {
+      var e;
+      return ((e = c.componentProps) == null ? void 0 : e.addShowMore) ?? !1;
+    }), v = s(() => y.value === "all" || Array.isArray(_.value) && _.value.length <= 0 ? T.value : T.value.filter((e) => {
+      var r;
+      return (r = e.filter) == null ? void 0 : r.includes(y.value);
+    })), F = s(() => w.value ? v.value.slice(0, u.value) : v.value), K = s(() => w.value ? m.value <= 767.98 && u.value < v.value.length || w.value && u.value < v.value.length : !1), W = (e) => {
+      y.value = e;
+    }, C = (e) => e.includes("http") ? {
+      tag: "a",
+      props: { href: e, target: "_blank" }
+    } : {
+      tag: "router-link",
+      props: { to: e }
+    };
+    return q(() => {
+      m.value >= 767.98 ? (u.value = h.value, k.value = h.value) : (u.value = f.value * 3, k.value = f.value * 3), typeof window < "u" && window.addEventListener("resize", () => {
+        m.value = window.innerWidth;
+      });
+    }), (e, r) => {
+      const j = $("CircleLink"), A = $("BtnPrimary");
+      return o(), l("div", {
+        class: g(["card-list", D.value]),
+        style: G(N.value)
+      }, [
+        _.value && _.value.length > 0 ? (o(), l("div", X, [
+          M(R, {
+            tabList: _.value,
+            onUpdateFilter: W
+          }, null, 8, ["tabList"])
+        ])) : i("", !0),
+        n("div", {
+          class: g(["card-list__wrapper", [S.value, { "text-center": V.value }]])
+        }, [
+          P.value ? (o(), l("h4", Y, d(P.value), 1)) : i("", !0),
+          n("div", {
+            class: g(["row", [
+              `row-cols-${f.value}`,
+              `row-cols-md-${h.value}`,
+              { "small-gap": h.value > 4 },
+              `cars-list-${E.value}`
+            ]]),
+            id: `card-list-${L.value}`
+          }, [
+            (o(!0), l(b, null, x(F.value, (t, H) => (o(), l("div", {
+              class: "col",
+              key: t.key,
+              "data-aos": "fade-up",
+              "data-aos-delay": H * 100,
+              "data-aos-anchor": `#card-list-${L.value}`
+            }, [
+              n("div", te, [
+                n("div", oe, [
+                  t.link ? (o(), z(I(C(t.link).tag), J({
+                    key: 0,
+                    ref_for: !0
+                  }, C(t.link).props, { class: "school__img img-fit" }), {
+                    default: Q(() => [
+                      n("img", {
+                        src: t.image,
+                        alt: t.alt
+                      }, null, 8, le)
+                    ]),
+                    _: 2
+                  }, 1040)) : (o(), l("div", se, [
+                    n("img", {
+                      src: t.image,
+                      alt: t.alt
+                    }, null, 8, ne)
+                  ])),
+                  t.watermark ? (o(), l("div", ae, [
+                    n("img", {
+                      src: t.watermark,
+                      alt: t.alt
+                    }, null, 8, ce)
+                  ])) : i("", !0)
+                ]),
+                n("div", ie, [
+                  t.catList && t.catList.length > 0 ? (o(), l("ul", re, [
+                    (o(!0), l(b, null, x(t.catList, (a) => (o(), l("li", {
+                      key: a,
+                      class: "tx-overline text-blue"
+                    }, d(a), 1))), 128))
+                  ])) : i("", !0),
+                  t.title ? (o(), l("h6", ue, d(t.title), 1)) : i("", !0),
+                  t.text ? (o(), l("div", {
+                    key: 2,
+                    class: "school__content",
+                    innerHTML: t.text
+                  }, null, 8, de)) : i("", !0),
+                  n("ul", _e, [
+                    t.phone ? (o(), l("li", pe, [
+                      n("a", {
+                        class: "school__cta__item link-body-p link--udrline",
+                        href: `tel:${t.phone}`
+                      }, d(t.phone), 9, he)
+                    ])) : i("", !0),
+                    t.email ? (o(), l("li", ve, [
+                      n("a", {
+                        class: "school__cta__item link-body-p link--udrline",
+                        href: `mailto:${t.email}`
+                      }, d(t.email), 9, ye)
+                    ])) : i("", !0)
+                  ]),
+                  t.link ? (o(), l("div", ke, [
+                    M(j, {
+                      url: t.link,
+                      text: t.linkText || e.$t("btn.visit_school_website"),
+                      linkType: t.link.includes("http") ? "outer-link" : "nuxt-link"
+                    }, null, 8, ["url", "text", "linkType"])
+                  ])) : i("", !0),
+                  t.buttons ? (o(), l("div", me, [
+                    (o(!0), l(b, null, x(t.buttons, (a, O) => (o(), z(A, {
+                      key: O,
+                      text: a.text,
+                      url: a.url,
+                      buttonType: a.buttonType,
+                      light: a.light,
+                      white: a.white,
+                      blue: a.blue,
+                      size: a.size,
+                      action: a.action,
+                      actionKey: a.actionKey
+                    }, null, 8, ["text", "url", "buttonType", "light", "white", "blue", "size", "action", "actionKey"]))), 128))
+                  ])) : i("", !0)
+                ])
+              ])
+            ], 8, ee))), 128))
+          ], 10, Z),
+          K.value ? (o(), l("div", fe, [
+            n("button", {
+              type: "button",
+              class: "btn btn__load-more",
+              onClick: r[0] || (r[0] = (t) => u.value += k.value)
+            }, [
+              n("div", we, d(e.$t("btn.load_more")), 1),
+              r[1] || (r[1] = n("span", { class: "i i-load-more" }, null, -1))
+            ])
+          ])) : i("", !0)
+        ], 2)
+      ], 6);
+    };
+  }
+});
+export {
+  Le as default
+};

package/dist/index-NTd6BVQQ.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),S=require("./index-CvCNRVPY.js"),T={key:0,class:"card-list__filter"},x={key:0,class:"card-list__title"},C=["id"],D=["data-aos-delay","data-aos-anchor"],z={class:"card-programme"},$={class:"card-image"},H=["src","alt"],F={class:"card-body"},j=["innerHTML"],K=["innerHTML"],W=["innerHTML"],q={class:"card-programme__buttons"},A={key:1,class:"d-flex justify-content-center mt-10"},O={class:"btn--udrline"},U=e.defineComponent({__name:"index",props:{componentProps:{type:Object,default:()=>({})}},emits:["showLightboxVideo"],setup(w,{emit:G}){const l=w,d=e.ref("all"),a=e.ref(4),u=e.ref(4),_=e.ref(Date.now()),p=e.ref(typeof window<"u"?window.innerWidth:1024),f=e.computed(()=>{var t;return((t=l.componentProps)==null?void 0:t.classes)??null}),b=e.computed(()=>{var t;return((t=l.componentProps)==null?void 0:t.style)??null}),k=e.computed(()=>{var t;return((t=l.componentProps)==null?void 0:t.width)??null}),E=e.computed(()=>{var t;return((t=l.componentProps)==null?void 0:t.center)??!1}),g=e.computed(()=>{var t;return((t=l.componentProps)==null?void 0:t.type)??"school"}),h=e.computed(()=>{var t;return((t=l.componentProps)==null?void 0:t.title)??null}),r=e.computed(()=>{var t;return((t=l.componentProps)==null?void 0:t.filters)??[]}),y=e.computed(()=>{var t;return((t=l.componentProps)==null?void 0:t.list)??[]}),c=e.computed(()=>{var t;return((t=l.componentProps)==null?void 0:t.colDesktop)??3}),v=e.computed(()=>{var t;return((t=l.componentProps)==null?void 0:t.colMobile)??1}),m=e.computed(()=>{var t;return((t=l.componentProps)==null?void 0:t.addShowMore)??!1}),i=e.computed(()=>d.value==="all"||Array.isArray(r.value)&&r.value.length<=0?y.value:y.value.filter(t=>{var n;return(n=t.filter)==null?void 0:n.includes(d.value)})),N=e.computed(()=>m.value?i.value.slice(0,a.value):i.value),V=e.computed(()=>m.value?p.value<=767.98&&a.value<i.value.length||m.value&&a.value<i.value.length:!1),B=t=>{d.value=t};return e.onMounted(()=>{p.value>=767.98?(a.value=c.value,u.value=c.value):(a.value=v.value*3,u.value=v.value*3),typeof window<"u"&&window.addEventListener("resize",()=>{p.value=window.innerWidth})}),(t,n)=>{const L=e.resolveComponent("BtnPrimary");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["card-list",f.value]),style:e.normalizeStyle(b.value)},[r.value&&r.value.length>0?(e.openBlock(),e.createElementBlock("div",T,[e.createVNode(S.T,{tabList:r.value,onUpdateFilter:B},null,8,["tabList"])])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["card-list__wrapper",[k.value,{"text-center":E.value}]])},[h.value?(e.openBlock(),e.createElementBlock("h4",x,e.toDisplayString(h.value),1)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["row",[`row-cols-${v.value}`,`row-cols-md-${c.value}`,{"small-gap":c.value>4},`cars-list-${g.value}`]]),id:`card-list-${_.value}`},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(N.value,(o,P)=>(e.openBlock(),e.createElementBlock("div",{class:"col",key:o.key,"data-aos":"fade-up","data-aos-delay":P*100,"data-aos-anchor":`#card-list-${_.value}`},[e.createElementVNode("div",z,[e.createElementVNode("div",$,[e.createElementVNode("img",{src:o.image_url,alt:o.image_alt},null,8,H)]),e.createElementVNode("div",F,[e.withDirectives(e.createElementVNode("div",{class:"card-body__title",innerHTML:o.title},null,8,j),[[e.vShow,o.title]]),e.withDirectives(e.createElementVNode("div",{class:"card-body__subtitle",innerHTML:o.subtitle},null,8,K),[[e.vShow,o.subtitle]]),e.withDirectives(e.createElementVNode("div",{class:"card-body__description",innerHTML:o.description},null,8,W),[[e.vShow,o.description]]),e.withDirectives(e.createElementVNode("div",q,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.buttons,(s,M)=>(e.openBlock(),e.createBlock(L,{key:M,text:s.text,url:s.url,buttonType:s.buttonType,light:s.light,white:s.white,blue:s.blue,size:s.size,action:s.action,actionKey:s.actionKey},null,8,["text","url","buttonType","light","white","blue","size","action","actionKey"]))),128))],512),[[e.vShow,o.buttons&&o.buttons.length>0]])]),n[1]||(n[1]=e.createElementVNode("div",{class:"card-hover-border card-hover-border--y"},null,-1)),n[2]||(n[2]=e.createElementVNode("div",{class:"card-hover-border card-hover-border--x"},null,-1))])],8,D))),128))],10,C),V.value?(e.openBlock(),e.createElementBlock("div",A,[e.createElementVNode("button",{type:"button",class:"btn btn__load-more",onClick:n[0]||(n[0]=o=>a.value+=u.value)},[e.createElementVNode("div",O,e.toDisplayString(t.$t("btn.load_more")),1),n[3]||(n[3]=e.createElementVNode("span",{class:"i i-load-more"},null,-1))])])):e.createCommentVNode("",!0)],2)],6)}}});exports.default=U;