officialblock 2.0.8 → 2.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,278 @@
1
+ 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";
2
+ import { P as A, _ as N, a as Y, O as j, r as M } from "./index-QpRJyZ_6.mjs";
3
+ 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 = {
4
+ key: 1,
5
+ class: "no-preview"
6
+ }, Q = { class: "setting-body" }, X = { class: "setting-item" }, Z = { class: "components-content" }, _ = /* @__PURE__ */ O({
7
+ __name: "setting",
8
+ props: {
9
+ show: {
10
+ type: Boolean,
11
+ default: !1
12
+ },
13
+ data: {
14
+ type: Object,
15
+ default: () => {
16
+ }
17
+ }
18
+ },
19
+ emits: ["update:show"],
20
+ setup(o, { emit: h }) {
21
+ const n = o, p = w([
22
+ {
23
+ id: "preset-1",
24
+ name: "YCCECE Background 1",
25
+ image: "https://ywies-tx.cedim.cn/images/material/ycyw-90th-bg-03.svg",
26
+ size: "cover",
27
+ position: "center center"
28
+ },
29
+ {
30
+ id: "preset-2",
31
+ name: "YCCECE Background 2",
32
+ image: "https://ywies-tx.cedim.cn/images/material/ycyw-90th-bg-04.svg",
33
+ size: "contain",
34
+ position: "left top"
35
+ },
36
+ {
37
+ id: "preset-3",
38
+ name: "YCCECE Background 3",
39
+ image: "https://ywies-tx.cedim.cn/images/material/ycyw-90th-bg-03.svg",
40
+ size: "cover",
41
+ position: "center center"
42
+ },
43
+ {
44
+ id: "preset-4",
45
+ name: "YCCECE Background 4",
46
+ image: "https://ywies-tx.cedim.cn/images/material/ycyw-90th-bg-03.svg",
47
+ size: "100% auto",
48
+ position: "right bottom"
49
+ }
50
+ ]), m = w(), u = p.value.find((i) => i.image === n.data.backgroundImage);
51
+ debugger;
52
+ m.value = u ? u.id : "";
53
+ const v = () => {
54
+ const i = p.value.find((t) => t.id === m.value);
55
+ i && (n.data.backgroundImage = `${i.image}`, n.data.backgroundSize = i.size, n.data.backgroundPosition = i.position);
56
+ }, V = h, C = () => {
57
+ V("update:show", !1);
58
+ };
59
+ return (i, t) => {
60
+ const x = k("a-option"), P = k("a-select"), z = k("a-button"), b = k("a-input"), I = k("a-drawer");
61
+ return s(), f(I, {
62
+ width: "60%",
63
+ visible: o.show,
64
+ footer: !1,
65
+ onCancel: C,
66
+ unmountOnClose: ""
67
+ }, {
68
+ title: y(() => [
69
+ S($(o.data.type) + "组件编辑 ", 1)
70
+ ]),
71
+ default: y(() => [
72
+ a("div", R, [
73
+ a("div", F, [
74
+ t[6] || (t[6] = a("span", { class: "header-title" }, "Background Preset", -1)),
75
+ c(P, {
76
+ modelValue: m.value,
77
+ "onUpdate:modelValue": t[0] || (t[0] = (e) => m.value = e),
78
+ style: { width: "300px", "margin-right": "8px" }
79
+ }, {
80
+ default: y(() => [
81
+ (s(!0), g(U, null, D(p.value, (e) => (s(), f(x, {
82
+ value: e.id,
83
+ key: e.id
84
+ }, {
85
+ default: y(() => [
86
+ S($(e.name), 1)
87
+ ]),
88
+ _: 2
89
+ }, 1032, ["value"]))), 128))
90
+ ]),
91
+ _: 1
92
+ }, 8, ["modelValue"]),
93
+ c(z, {
94
+ type: "primary",
95
+ onClick: v
96
+ }, {
97
+ default: y(() => [...t[5] || (t[5] = [
98
+ S("Apply", -1)
99
+ ])]),
100
+ _: 1
101
+ })
102
+ ]),
103
+ a("div", J, [
104
+ t[7] || (t[7] = a("span", { class: "header-title" }, "Image", -1)),
105
+ c(b, {
106
+ modelValue: o.data.backgroundImage,
107
+ "onUpdate:modelValue": t[1] || (t[1] = (e) => o.data.backgroundImage = e),
108
+ placeholder: "图片路径",
109
+ style: { width: "300px" }
110
+ }, null, 8, ["modelValue"])
111
+ ]),
112
+ a("div", L, [
113
+ t[8] || (t[8] = a("span", { class: "header-title" }, "Size", -1)),
114
+ c(b, {
115
+ modelValue: o.data.backgroundSize,
116
+ "onUpdate:modelValue": t[2] || (t[2] = (e) => o.data.backgroundSize = e),
117
+ placeholder: "尺寸",
118
+ style: { width: "300px" }
119
+ }, null, 8, ["modelValue"])
120
+ ]),
121
+ a("div", T, [
122
+ t[9] || (t[9] = a("span", { class: "header-title" }, "Position", -1)),
123
+ c(b, {
124
+ modelValue: o.data.backgroundPosition,
125
+ "onUpdate:modelValue": t[3] || (t[3] = (e) => o.data.backgroundPosition = e),
126
+ placeholder: "位置",
127
+ style: { width: "300px" }
128
+ }, null, 8, ["modelValue"])
129
+ ]),
130
+ a("div", W, [
131
+ t[11] || (t[11] = a("span", { class: "header-title" }, "Preview", -1)),
132
+ a("div", q, [
133
+ o.data.backgroundImage ? (s(), g("img", {
134
+ key: 0,
135
+ src: o.data.backgroundImage,
136
+ style: B({
137
+ "object-fit": o.data.backgroundSize || "cover",
138
+ "background-position": o.data.backgroundPosition || "center center",
139
+ width: "100%",
140
+ height: "100px",
141
+ border: "1px solid #ddd"
142
+ }),
143
+ alt: "Background Preview"
144
+ }, null, 12, G)) : (s(), g("div", K, "No preview available")),
145
+ 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))
146
+ ])
147
+ ]),
148
+ a("div", Q, [
149
+ t[12] || (t[12] = a("div", { class: "setting-toolbar" }, [
150
+ a("h4", null, "组件")
151
+ ], -1)),
152
+ a("div", X, [
153
+ a("div", Z, [
154
+ c(A, {
155
+ data: o.data.data,
156
+ onUpdate: t[4] || (t[4] = (e) => o.data.data = e)
157
+ }, null, 8, ["data"])
158
+ ])
159
+ ])
160
+ ])
161
+ ])
162
+ ]),
163
+ _: 1
164
+ }, 8, ["visible"]);
165
+ };
166
+ }
167
+ }), ee = /* @__PURE__ */ N(_, [["__scopeId", "data-v-aed41d00"]]), te = { class: "component-wrapper" }, ae = {
168
+ __name: "index",
169
+ props: {
170
+ modelValue: {
171
+ type: Object,
172
+ default: () => {
173
+ }
174
+ },
175
+ // 是否预览
176
+ isPreview: {
177
+ type: Boolean,
178
+ default: !0
179
+ }
180
+ },
181
+ emits: ["update:modelValue", "handleDelete", "handleCopy", "handlePaste"],
182
+ setup(o, { emit: h }) {
183
+ const n = o, p = h, m = r(() => {
184
+ var e, l;
185
+ return !((e = n.modelValue) != null && e.data) || !Array.isArray(n.modelValue.data) ? [] : (l = n.modelValue) == null ? void 0 : l.data;
186
+ }), u = w(!1), v = w(!1), V = () => {
187
+ var l;
188
+ if (n.modelValue && n.modelValue.data)
189
+ return;
190
+ const e = {
191
+ id: ((l = n.modelValue) == null ? void 0 : l.id) || M(),
192
+ //componentKey
193
+ type: "BackgroundWrapper",
194
+ backgroundImage: "",
195
+ backgroundSize: "",
196
+ backgroundPosition: "",
197
+ data: []
198
+ };
199
+ p("update:modelValue", e);
200
+ }, C = r(() => {
201
+ var e;
202
+ return ((e = n.modelValue) == null ? void 0 : e.classes) ?? null;
203
+ }), i = r(() => {
204
+ var e;
205
+ return ((e = n.modelValue) == null ? void 0 : e.style) ?? null;
206
+ }), t = r(() => {
207
+ var e;
208
+ return ((e = n.modelValue) == null ? void 0 : e.width) ?? null;
209
+ }), x = r(() => {
210
+ var e;
211
+ return ((e = n.modelValue) == null ? void 0 : e.backgroundImage) ?? "";
212
+ }), P = r(() => {
213
+ var e;
214
+ return ((e = n.modelValue) == null ? void 0 : e.backgroundColor) ?? "transparent";
215
+ }), z = r(() => {
216
+ var e;
217
+ return ((e = n.modelValue) == null ? void 0 : e.backgroundSize) ?? "contain";
218
+ }), b = r(() => {
219
+ var e;
220
+ return ((e = n.modelValue) == null ? void 0 : e.backgroundPosition) ?? "center";
221
+ }), I = r(() => {
222
+ var e;
223
+ return ((e = n.modelValue) == null ? void 0 : e.backgroundRepeat) ?? "no-repeat";
224
+ });
225
+ return V(), (e, l) => (s(), g("div", {
226
+ class: E(["background-wrapper", C.value]),
227
+ style: B(i.value),
228
+ onMouseover: l[3] || (l[3] = (d) => u.value = !0),
229
+ onMouseout: l[4] || (l[4] = (d) => u.value = !1)
230
+ }, [
231
+ a("div", {
232
+ class: E(t.value)
233
+ }, [
234
+ a("div", {
235
+ class: "background-wrapper__bg",
236
+ style: B({
237
+ "background-image": `url('${x.value}')`,
238
+ "background-color": `${P.value}`,
239
+ "background-size": `${z.value}`,
240
+ "background-position": `${b.value}`,
241
+ "background-repeat": `${I.value}`
242
+ })
243
+ }, [
244
+ (s(!0), g(U, null, D(m.value, (d, oe) => (s(), g("div", {
245
+ key: d.id,
246
+ class: "page-item"
247
+ }, [
248
+ a("div", te, [
249
+ c(Y, {
250
+ type: d.type,
251
+ "props-data": { modelValue: d }
252
+ }, null, 8, ["type", "props-data"])
253
+ ])
254
+ ]))), 128))
255
+ ], 4),
256
+ o.isPreview ? H("", !0) : (s(), f(j, {
257
+ key: 0,
258
+ show: u.value,
259
+ "onUpdate:show": l[0] || (l[0] = (d) => u.value = d),
260
+ onHandleEdit: l[1] || (l[1] = (d) => v.value = !0),
261
+ onHandleDelete: e.handleDelete,
262
+ onHandleCopy: e.handleCopy,
263
+ onHandlePaste: e.handlePaste,
264
+ style: { top: "-20px" }
265
+ }, null, 8, ["show", "onHandleDelete", "onHandleCopy", "onHandlePaste"]))
266
+ ], 2),
267
+ o.isPreview ? H("", !0) : (s(), f(ee, {
268
+ key: 0,
269
+ show: v.value,
270
+ "onUpdate:show": l[2] || (l[2] = (d) => v.value = d),
271
+ data: o.modelValue
272
+ }, null, 8, ["show", "data"]))
273
+ ], 38));
274
+ }
275
+ }, de = /* @__PURE__ */ N(ae, [["__scopeId", "data-v-6acc1a6e"]]);
276
+ export {
277
+ de as default
278
+ };
@@ -4,7 +4,7 @@ var r = (a, u, c) => L(a, typeof u != "symbol" ? u + "" : u, c);
4
4
  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";
5
5
  import { Toolbar as Q, Editor as W } from "@wangeditor/editor-for-vue";
6
6
  import { Boot as z } from "@wangeditor/editor";
7
- import { _ as X } from "./index-B_2L9dK-.mjs";
7
+ import { _ as X } from "./index-QpRJyZ_6.mjs";
8
8
  const Y = { class: "rich-text-editor" }, Z = /* @__PURE__ */ A({
9
9
  __name: "index",
10
10
  props: {
@@ -0,0 +1,216 @@
1
+ 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";
2
+ import { T as R } from "./index-QpRJyZ_6.mjs";
3
+ const X = {
4
+ key: 0,
5
+ class: "card-list__filter"
6
+ }, Y = {
7
+ key: 0,
8
+ class: "card-list__title"
9
+ }, Z = ["id"], ee = ["data-aos-delay", "data-aos-anchor"], te = { class: "card-school" }, oe = { class: "school__head" }, le = ["src", "alt"], se = {
10
+ key: 1,
11
+ class: "school__img img-fit"
12
+ }, ne = ["src", "alt"], ae = {
13
+ key: 2,
14
+ class: "school__watermark"
15
+ }, ce = ["src", "alt"], ie = { class: "school__body" }, re = {
16
+ key: 0,
17
+ class: "school__cat-list"
18
+ }, ue = {
19
+ key: 1,
20
+ class: "school__title"
21
+ }, de = ["innerHTML"], _e = { class: "school__cta" }, pe = { key: 0 }, he = ["href"], ve = { key: 1 }, ye = ["href"], ke = {
22
+ key: 3,
23
+ class: "contact__link mt-3"
24
+ }, me = {
25
+ key: 4,
26
+ class: "contact__link mt-3"
27
+ }, fe = {
28
+ key: 1,
29
+ class: "d-flex justify-content-center mt-10"
30
+ }, we = { class: "btn--udrline" }, Le = /* @__PURE__ */ U({
31
+ __name: "index",
32
+ props: {
33
+ componentProps: {
34
+ type: Object,
35
+ default: () => ({})
36
+ }
37
+ },
38
+ emits: ["showLightboxVideo"],
39
+ setup(B, { emit: ge }) {
40
+ 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(() => {
41
+ var e;
42
+ return ((e = c.componentProps) == null ? void 0 : e.classes) ?? null;
43
+ }), N = s(() => {
44
+ var e;
45
+ return ((e = c.componentProps) == null ? void 0 : e.style) ?? null;
46
+ }), S = s(() => {
47
+ var e;
48
+ return ((e = c.componentProps) == null ? void 0 : e.width) ?? null;
49
+ }), V = s(() => {
50
+ var e;
51
+ return ((e = c.componentProps) == null ? void 0 : e.center) ?? !1;
52
+ }), E = s(() => {
53
+ var e;
54
+ return ((e = c.componentProps) == null ? void 0 : e.type) ?? "school";
55
+ }), P = s(() => {
56
+ var e;
57
+ return ((e = c.componentProps) == null ? void 0 : e.title) ?? null;
58
+ }), _ = s(() => {
59
+ var e;
60
+ return ((e = c.componentProps) == null ? void 0 : e.filters) ?? [];
61
+ }), T = s(() => {
62
+ var e;
63
+ return ((e = c.componentProps) == null ? void 0 : e.list) ?? [];
64
+ }), h = s(() => {
65
+ var e;
66
+ return ((e = c.componentProps) == null ? void 0 : e.colDesktop) ?? 3;
67
+ }), f = s(() => {
68
+ var e;
69
+ return ((e = c.componentProps) == null ? void 0 : e.colMobile) ?? 1;
70
+ }), w = s(() => {
71
+ var e;
72
+ return ((e = c.componentProps) == null ? void 0 : e.addShowMore) ?? !1;
73
+ }), v = s(() => y.value === "all" || Array.isArray(_.value) && _.value.length <= 0 ? T.value : T.value.filter((e) => {
74
+ var r;
75
+ return (r = e.filter) == null ? void 0 : r.includes(y.value);
76
+ })), 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) => {
77
+ y.value = e;
78
+ }, C = (e) => e.includes("http") ? {
79
+ tag: "a",
80
+ props: { href: e, target: "_blank" }
81
+ } : {
82
+ tag: "router-link",
83
+ props: { to: e }
84
+ };
85
+ return q(() => {
86
+ 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", () => {
87
+ m.value = window.innerWidth;
88
+ });
89
+ }), (e, r) => {
90
+ const j = $("CircleLink"), A = $("BtnPrimary");
91
+ return o(), l("div", {
92
+ class: g(["card-list", D.value]),
93
+ style: G(N.value)
94
+ }, [
95
+ _.value && _.value.length > 0 ? (o(), l("div", X, [
96
+ M(R, {
97
+ tabList: _.value,
98
+ onUpdateFilter: W
99
+ }, null, 8, ["tabList"])
100
+ ])) : i("", !0),
101
+ n("div", {
102
+ class: g(["card-list__wrapper", [S.value, { "text-center": V.value }]])
103
+ }, [
104
+ P.value ? (o(), l("h4", Y, d(P.value), 1)) : i("", !0),
105
+ n("div", {
106
+ class: g(["row", [
107
+ `row-cols-${f.value}`,
108
+ `row-cols-md-${h.value}`,
109
+ { "small-gap": h.value > 4 },
110
+ `cars-list-${E.value}`
111
+ ]]),
112
+ id: `card-list-${L.value}`
113
+ }, [
114
+ (o(!0), l(b, null, x(F.value, (t, H) => (o(), l("div", {
115
+ class: "col",
116
+ key: t.key,
117
+ "data-aos": "fade-up",
118
+ "data-aos-delay": H * 100,
119
+ "data-aos-anchor": `#card-list-${L.value}`
120
+ }, [
121
+ n("div", te, [
122
+ n("div", oe, [
123
+ t.link ? (o(), z(I(C(t.link).tag), J({
124
+ key: 0,
125
+ ref_for: !0
126
+ }, C(t.link).props, { class: "school__img img-fit" }), {
127
+ default: Q(() => [
128
+ n("img", {
129
+ src: t.image,
130
+ alt: t.alt
131
+ }, null, 8, le)
132
+ ]),
133
+ _: 2
134
+ }, 1040)) : (o(), l("div", se, [
135
+ n("img", {
136
+ src: t.image,
137
+ alt: t.alt
138
+ }, null, 8, ne)
139
+ ])),
140
+ t.watermark ? (o(), l("div", ae, [
141
+ n("img", {
142
+ src: t.watermark,
143
+ alt: t.alt
144
+ }, null, 8, ce)
145
+ ])) : i("", !0)
146
+ ]),
147
+ n("div", ie, [
148
+ t.catList && t.catList.length > 0 ? (o(), l("ul", re, [
149
+ (o(!0), l(b, null, x(t.catList, (a) => (o(), l("li", {
150
+ key: a,
151
+ class: "tx-overline text-blue"
152
+ }, d(a), 1))), 128))
153
+ ])) : i("", !0),
154
+ t.title ? (o(), l("h6", ue, d(t.title), 1)) : i("", !0),
155
+ t.text ? (o(), l("div", {
156
+ key: 2,
157
+ class: "school__content",
158
+ innerHTML: t.text
159
+ }, null, 8, de)) : i("", !0),
160
+ n("ul", _e, [
161
+ t.phone ? (o(), l("li", pe, [
162
+ n("a", {
163
+ class: "school__cta__item link-body-p link--udrline",
164
+ href: `tel:${t.phone}`
165
+ }, d(t.phone), 9, he)
166
+ ])) : i("", !0),
167
+ t.email ? (o(), l("li", ve, [
168
+ n("a", {
169
+ class: "school__cta__item link-body-p link--udrline",
170
+ href: `mailto:${t.email}`
171
+ }, d(t.email), 9, ye)
172
+ ])) : i("", !0)
173
+ ]),
174
+ t.link ? (o(), l("div", ke, [
175
+ M(j, {
176
+ url: t.link,
177
+ text: t.linkText || e.$t("btn.visit_school_website"),
178
+ linkType: t.link.includes("http") ? "outer-link" : "nuxt-link"
179
+ }, null, 8, ["url", "text", "linkType"])
180
+ ])) : i("", !0),
181
+ t.buttons ? (o(), l("div", me, [
182
+ (o(!0), l(b, null, x(t.buttons, (a, O) => (o(), z(A, {
183
+ key: O,
184
+ text: a.text,
185
+ url: a.url,
186
+ buttonType: a.buttonType,
187
+ light: a.light,
188
+ white: a.white,
189
+ blue: a.blue,
190
+ size: a.size,
191
+ action: a.action,
192
+ actionKey: a.actionKey
193
+ }, null, 8, ["text", "url", "buttonType", "light", "white", "blue", "size", "action", "actionKey"]))), 128))
194
+ ])) : i("", !0)
195
+ ])
196
+ ])
197
+ ], 8, ee))), 128))
198
+ ], 10, Z),
199
+ K.value ? (o(), l("div", fe, [
200
+ n("button", {
201
+ type: "button",
202
+ class: "btn btn__load-more",
203
+ onClick: r[0] || (r[0] = (t) => u.value += k.value)
204
+ }, [
205
+ n("div", we, d(e.$t("btn.load_more")), 1),
206
+ r[1] || (r[1] = n("span", { class: "i i-load-more" }, null, -1))
207
+ ])
208
+ ])) : i("", !0)
209
+ ], 2)
210
+ ], 6);
211
+ };
212
+ }
213
+ });
214
+ export {
215
+ Le as default
216
+ };
@@ -0,0 +1 @@
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;