http://colorline-arena.com/js/gallery.l1kvlvc7.js

1import { c as _sfc_main$2 } from "./_FAQ.BhPMCX2t.js";
2import { d as defineComponent, I as openBlock, J as createElementBlock, D as createVNode, a1 as toDisplayString, Y as createCommentVNode, F as Fragment, M as renderList } from "./swiper-vue.DTY2ZdM9.js";
3import { _ as _export_sfc } from "./_plugin-vue_export-helper.1tPrXgE0.js";
4const _hoisted_1$1 = { class: "fig" };
5const _hoisted_2$1 = {
6  key: 0,
7  class: "figcaption"
8};
9const _sfc_main$1 = /* @__PURE__ */ defineComponent({
10  __name: "Fig",
11  props: {
12    content: {
13      type: Object,
14      required: true
15    }
16  },
17  setup(__props) {
18    return (_ctx, _cache) => {
19      const _component_ProxyPicture = _sfc_main$2;
20      return openBlock(), createElementBlock("figure", _hoisted_1$1, [
21        createVNode(_component_ProxyPicture, {
22          src: __props.content.url,
23          alt: __props.content.alt,
24          title: __props.content.title,
25          breakpoints: [
26            { media: "(min-width: 1921px)", dimensions: "556x306" },
27            { media: "(max-width: 1920px) and (min-width: 1401px)", dimensions: "416x306" },
28            { media: "(max-width: 1400px) and (min-width: 1001px)", dimensions: "790x462" },
29            { media: "(max-width: 1000px) and (min-width: 651px)", dimensions: "538x314" },
30            { media: "(max-width: 650px) and (min-width: 429px)", dimensions: "598x348" },
31            { media: "(max-width: 428px)", dimensions: "386x225" }
32          ]
33        }, null, 8, ["src", "alt", "title", "breakpoints"]),
34        __props.content.copyright ? (openBlock(), createElementBlock("figcaption", _hoisted_2$1, "© " + toDisplayString(__props.content.copyright), 1)) : createCommentVNode("", true)
35      ]);
36    };
37  }
38});
39const __nuxt_component_0 = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-fdfe777f"]]);
40const _hoisted_1 = { class: "gallery" };
41const _hoisted_2 = { class: "item" };
42const _sfc_main = /* @__PURE__ */ defineComponent({
43  __name: "Gallery",
44  props: {
45    items: {
46      type: [Object],
47      required: true
48    }
49  },
50  setup(__props) {
51    return (_ctx, _cache) => {
52      const _component_GalleryFig = __nuxt_component_0;
53      return openBlock(), createElementBlock("ul", _hoisted_1, [
54        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
55          return openBlock(), createElementBlock("li", _hoisted_2, [
56            createVNode(_component_GalleryFig, { content: item }, null, 8, ["content"])
57          ]);
58        }), 256))
59      ]);
60    };
61  }
62});
63const __nuxt_component_3 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-deaf13a4"]]);
64export {
65  __nuxt_component_3 as _
66};