import _sfc_main$2 from "./SectionHeadline-0zkilFRp.js";
import { defineComponent, mergeProps, useSSRContext, computed, unref } from "vue";
import { ssrRenderAttrs, ssrRenderList, ssrRenderClass, ssrRenderComponent } from "vue/server-renderer";
import { a as _export_sfc } from "../server.mjs";
import __nuxt_component_2 from "./SocialVideosSlider-DQncfJv-.js";
import _sfc_main$3 from "./EmptyState-CWK2sm1Q.js";
import { c as useMarketingVideosQuery } from "./marketing-lpt_YDVO.js";
import "ofetch";
import "#internal/nuxt/paths";
import "D:/marwa/front/webstdy-v2-frontend/node_modules/hookable/dist/index.mjs";
import "D:/marwa/front/webstdy-v2-frontend/node_modules/unctx/dist/index.mjs";
import "D:/marwa/front/webstdy-v2-frontend/node_modules/h3/dist/index.mjs";
import "pinia";
import "D:/marwa/front/webstdy-v2-frontend/node_modules/defu/dist/defu.mjs";
import "@pinia/colada";
import "D:/marwa/front/webstdy-v2-frontend/node_modules/klona/dist/index.mjs";
import "vue-router";
import "D:/marwa/front/webstdy-v2-frontend/node_modules/radix3/dist/index.mjs";
import "D:/marwa/front/webstdy-v2-frontend/node_modules/cookie-es/dist/index.mjs";
import "D:/marwa/front/webstdy-v2-frontend/node_modules/destr/dist/index.mjs";
import "D:/marwa/front/webstdy-v2-frontend/node_modules/ohash/dist/index.mjs";
import "D:/marwa/front/webstdy-v2-frontend/node_modules/@unhead/vue/dist/index.mjs";
import "@vue/devtools-api";
import "@unhead/schema-org/vue";
import "scule";
import "deep-pick-omit";
import "@iconify/vue";
import "./VideoButton-B4IDmAbs.js";
import "./GradientFullArrowRight-B3gaunpf.js";
import "./useApi-Dv-cyvzn.js";
import "axios";
import "vue-sonner";
const _sfc_main$1 = /* @__PURE__ */ defineComponent({
  __name: "SocialVideosSliderSkeleton",
  __ssrInlineRender: true,
  setup(__props) {
    const skeletonSlides = [0, 1, 2];
    return (_ctx, _push, _parent, _attrs) => {
      _push(`<div${ssrRenderAttrs(mergeProps({
        class: "relative w-full overflow-hidden",
        "aria-label": "Video gallery loading"
      }, _attrs))} data-v-2f6d383e><div class="gallery-container" data-v-2f6d383e><!--[-->`);
      ssrRenderList(skeletonSlides, (index) => {
        _push(`<div class="${ssrRenderClass([
          "gallery-slide",
          index === 0 ? "center" : index === 1 ? "left" : "right"
        ])}" data-v-2f6d383e><div class="${ssrRenderClass([[index === 1 || index === 2 ? "animate-pulse" : ""], "skeleton-slide"])}" data-v-2f6d383e></div></div>`);
      });
      _push(`<!--]--></div><div class="gallery-controls" data-v-2f6d383e><button class="gallery-controls-previous" disabled data-v-2f6d383e><div class="h-4 w-4 rounded-full bg-gray-300" data-v-2f6d383e></div></button><button class="gallery-controls-next" disabled data-v-2f6d383e><div class="h-4 w-4 rounded-full bg-gray-300" data-v-2f6d383e></div></button></div></div>`);
    };
  }
});
const _sfc_setup$1 = _sfc_main$1.setup;
_sfc_main$1.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/skeletons/SocialVideosSliderSkeleton.vue");
  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
};
const __nuxt_component_1 = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-2f6d383e"]]);
const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "SocialMediaVideos",
  __ssrInlineRender: true,
  setup(__props) {
    const projectsQuery = useMarketingVideosQuery();
    const projects = computed(() => projectsQuery.data.value ?? []);
    const isPending = computed(() => projectsQuery.isPending.value);
    return (_ctx, _push, _parent, _attrs) => {
      const _component_SectionHeadline = _sfc_main$2;
      const _component_SkeletonsSocialVideosSliderSkeleton = __nuxt_component_1;
      const _component_SocialVideosSlider = __nuxt_component_2;
      const _component_EmptyState = _sfc_main$3;
      _push(`<section${ssrRenderAttrs(mergeProps({ class: "social-videos py-section bg-gradient-odd" }, _attrs))}><div class="container mx-auto px-4">`);
      _push(ssrRenderComponent(_component_SectionHeadline, {
        title: _ctx.$t("socialMedia.videosTitle")
      }, null, _parent));
      if (unref(isPending)) {
        _push(ssrRenderComponent(_component_SkeletonsSocialVideosSliderSkeleton, null, null, _parent));
      } else {
        _push(`<!---->`);
      }
      if (unref(projectsQuery).data.value && unref(projects).length >= 3 && !unref(isPending)) {
        _push(ssrRenderComponent(_component_SocialVideosSlider, { projects: unref(projects) }, null, _parent));
      } else {
        _push(`<!---->`);
      }
      if (unref(projects).length < 3) {
        _push(`<div>`);
        _push(ssrRenderComponent(_component_EmptyState, { size: "100%" }, null, _parent));
        _push(`</div>`);
      } else {
        _push(`<!---->`);
      }
      _push(`</div></section>`);
    };
  }
});
const _sfc_setup = _sfc_main.setup;
_sfc_main.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/digital-marketing/SocialMediaVideos.vue");
  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
};
export {
  _sfc_main as default
};
//# sourceMappingURL=SocialMediaVideos-UQjPphxj.js.map
