import { defineComponent as O, useCssVars as z, computed as r, ref as c, onMounted as P, watch as V, createElementBlock as l, openBlock as a, createBlock as d, unref as u, withCtx as b, Fragment as $, renderList as A, createElementVNode as g, toDisplayString as F } from "vue";
import { Swiper as H, SwiperSlide as W } from "swiper/vue";
import { Autoplay as j, Navigation as J, Pagination as N, Scrollbar as x, A11y as q, EffectCube as G, EffectCards as K, EffectFlip as Q, EffectFade as R, EffectCoverflow as T } from "swiper/modules";
import "swiper/swiper-bundle.css";
import "../../text-text-basic/index.mjs";
import "../../text-table-basic/index.mjs";
import "../../chart-other-gauge/index.mjs";
import "../../chart-other-gauge-stage/index.mjs";
import "../../chart-other-gauge-grade/index.mjs";
import "../../chart-other-word-cloud/index.mjs";
import "../../chart-other-liquidfill/index.mjs";
import "../../chart-other-funnel/index.mjs";
import "../../chart-other-force/index.mjs";
import "../../chart-other-radar/index.mjs";
import "../../chart-other-funnel-split/index.mjs";
import "../../chart-other-funnel-contrast/index.mjs";
import "../../chart-other-candlestick-basic/index.mjs";
import "../../chart-other-candlestick-shanghai/index.mjs";
import "../../chart-other-candlestick-demo/index.mjs";
import "../../chart-other-heatmap/index.mjs";
import "../../chart-other-force2/index.mjs";
import "../../chart-other-graph-basic/index.mjs";
import "../../chart-other-graph-basic2/index.mjs";
import "../../chart-other-graph-calendar/index.mjs";
import "../../chart-other-tree-line/index.mjs";
import "../../chart-other-treemap-basic/index.mjs";
import "../../chart-other-sunburst-basic/index.mjs";
import "../../chart-other-sunburst-basic2/index.mjs";
import "../../chart-other-sunburst-basic3/index.mjs";
import "../../chart-other-sunburst-basic4/index.mjs";
import "../../chart-other-sunburst-book/index.mjs";
import "../../chart-other-sunburst-radius/index.mjs";
import "../../chart-other-sunburst-flavors/index.mjs";
import "../../chart-other-parallel-basic/index.mjs";
import "../../chart-other-parallel-mul/index.mjs";
import "../../chart-other-circular-graph/index.mjs";
import "../../map-earth-basic/index.mjs";
import "../../map-earth-cool-tech/index.mjs";
import "../../map-earth-particle/index.mjs";
import "../../map-earth-hacker/index.mjs";
import "../../map-earth-fly-line/index.mjs";
import "../../chart-other-grid-percentage/index.mjs";
import "../../chart-other-radar-stack/index.mjs";
import "../../chart-other-funnel2/index.mjs";
import "../../chart-other-label-gauge/index.mjs";
import "../../chart-other-theme-river/index.mjs";
import "../../chart-other-tree/index.mjs";
import "../../chart-other-treemap/index.mjs";
import "../../commons-product-model/index.mjs";
import "../../commons-vr-photo/index.mjs";
import "../../commons-vr-video/index.mjs";
import "../../commons-three-loader/index.mjs";
import "../../commons-three-loader3/index.mjs";
import "../../commons-loop-iterator/index.mjs";
import "../../commons-gaussian-splatting-view/index.mjs";
import "../../commons-babylon/index.mjs";
import "../../commons-svg/index.mjs";
import "../../commons-weather/index.mjs";
import "../../commons-weather-dynamic/index.mjs";
import "../../media-wavesurfer/index.mjs";
import "../../interaction-tabs/index.mjs";
import "../../interaction-tabs2/index.mjs";
import "../../interaction-button/index.mjs";
import "../../interaction-button-image/index.mjs";
import "../../interaction-select/index.mjs";
import "../../interaction-input/index.mjs";
import "../../interaction-radio/index.mjs";
import "../../interaction-slider/index.mjs";
import "../../interaction-switch/index.mjs";
import "../../interaction-data-picker/index.mjs";
import "../../interaction-button-refresh/index.mjs";
import "../../media-image/index.mjs";
import "../../text-title/index.mjs";
import "../../commons-qrcode/index.mjs";
import "../../media-video/index.mjs";
import "../../media-audio/index.mjs";
import "../../text-real-time/index.mjs";
import "../../media-carousel/index.mjs";
import "../../media-carousel-slides/index.mjs";
import "../../media-iframe-carousel/index.mjs";
import "../../media-iframe/index.mjs";
import "../../media-m3u8/index.mjs";
import "../../media-m3u8-dynamic/index.mjs";
import "../../media-audio-dynamic/index.mjs";
import "../../media-video-dynamic/index.mjs";
import "../../media-image-dynamic/index.mjs";
import "../../media-iframe-dynamic/index.mjs";
import "../../media-flv/index.mjs";
import "../../commons-echarts/index.mjs";
import "../../text-over-number/index.mjs";
import "../../text-table-scroll/index.mjs";
import "../../text-carousel/index.mjs";
import "../../text-row-scroll/index.mjs";
import "../../text-text-dynamic/index.mjs";
import "../../text-count-down/index.mjs";
import "../../graphical-circle/index.mjs";
import "../../graphical-diamond/index.mjs";
import "../../graphical-hexagon/index.mjs";
import "../../graphical-isosceles-triangle/index.mjs";
import "../../graphical-pentagon/index.mjs";
import "../../graphical-rect/index.mjs";
import "../../graphical-right-triangle/index.mjs";
import "../../scene-map3d/index.mjs";
import "../../scene-amap2d/index.mjs";
import "../../scene-amap3d/index.mjs";
import "../../scene-vr/index.mjs";
import "../../scene-unity-iframe/index.mjs";
import "../../scene-unity-webgl/index.mjs";
import "../../scene-ue-iframe/index.mjs";
import "../../scene-ue-shj/index.mjs";
import "../../scene-default/index.mjs";
import "../../interaction/tabs/index.mjs";
import "../../interaction/tabs-icon/index.mjs";
import "../../interaction/button/index.mjs";
import "../../interaction/date-picker/src/date-picker/index.mjs";
import "../../interaction/date-picker/src/date-picker-range/index.mjs";
import "../../text/list/index.mjs";
import "../../chart/src/bar/basic/index.mjs";
import "../../chart/src/bar/animation/index.mjs";
import "../../chart/src/bar/contrast/index.mjs";
import "../../chart/src/bar/contrast2/index.mjs";
import "../../chart/src/bar/contrast3/index.mjs";
import "../../chart/src/bar/gradient-column-chart/index.mjs";
import "../../chart/src/bar/horizontal/index.mjs";
import "../../chart/src/bar/horizontal-stack/index.mjs";
import "../../chart/src/bar/line-bar/index.mjs";
import "../../chart/src/bar/line-bar2/index.mjs";
import "../../chart/src/bar/loop/index.mjs";
import "../../chart/src/bar/mini/index.mjs";
import "../../chart/src/bar/polar/index.mjs";
import "../../chart/src/bar/polar-stack/index.mjs";
import "../../chart/src/bar/polar2/index.mjs";
import "../../chart/src/bar/radius-circle/index.mjs";
import "../../chart/src/bar/rank/index.mjs";
import "../../chart/src/bar/segmented-progress/index.mjs";
import "../../chart/src/bar/spire/index.mjs";
import "../../chart/src/bar/stack/index.mjs";
import "../../chart/src/bar/stack-line/index.mjs";
import "../../chart/src/bar/stack2/index.mjs";
import "../../chart/src/bar/stack3/index.mjs";
import "../../chart/src/bar/staggered/index.mjs";
import "../../chart/src/bar/three/index.mjs";
import "../../chart/src/bar/waterfall/index.mjs";
import "../../chart/src/bar/zebra/index.mjs";
import "../../chart/src/line/area-gradient/index.mjs";
import "../../chart/src/line/area-highlight/index.mjs";
import "../../chart/src/line/area-highlight2/index.mjs";
import "../../chart/src/line/basic/index.mjs";
import "../../chart/src/line/bump/index.mjs";
import "../../chart/src/line/dashed/index.mjs";
import "../../chart/src/line/ladder/index.mjs";
import "../../chart/src/line/logarithm/index.mjs";
import "../../chart/src/line/multix/index.mjs";
import "../../chart/src/line/polar-double/index.mjs";
import "../../chart/src/line/rain-flow/index.mjs";
import "../../chart/src/line/scale/index.mjs";
import "../../chart/src/line/smooth/index.mjs";
import "../../chart/src/line/smooth-area/index.mjs";
import "../../chart/src/line/stack/index.mjs";
import "../../chart/src/line/stack-area/index.mjs";
import "../../chart/src/line/temp/index.mjs";
import "../../chart/src/line/vertical/index.mjs";
import "../../chart/src/map/basic/index.mjs";
import "../../chart/src/map/bmap-basic/index.mjs";
import "../../chart/src/map/bmap-heatmap/index.mjs";
import "../../chart/src/map/bmap-rich/index.mjs";
import "../../chart/src/map/customize/index.mjs";
import "../../chart/src/map/lines/index.mjs";
import "../../chart/src/map/scatter/index.mjs";
import "../../chart/src/pie/3d/index.mjs";
import "../../chart/src/pie/basic/index.mjs";
import "../../chart/src/pie/basic2/index.mjs";
import "../../chart/src/pie/customized/index.mjs";
import "../../chart/src/pie/index/index.mjs";
import "../../chart/src/pie/interval/index.mjs";
import "../../chart/src/pie/legend-scroll/index.mjs";
import "../../chart/src/pie/radius/index.mjs";
import "../../chart/src/pie/rose/index.mjs";
import "../../chart/src/pie/round/index.mjs";
import "../../chart/src/pie/sunburst/index.mjs";
import "../../chart/src/scatter/basic/index.mjs";
import "../../chart/src/scatter/basic2/index.mjs";
import "../../chart/src/scatter/bubble/index.mjs";
import "../../chart/src/scatter/ripples/index.mjs";
import "../../commons/custom-component-render/index.mjs";
import "../zv-hj-tree-list/index.mjs";
import "../zv-hj-model-resource/index.mjs";
import "../zv-hj-one-map-config/index.mjs";
import "../zv-hj-video-control/index.mjs";
import "../zv-hj-video-page/index.mjs";
import "../zv-hj-password-input/index.mjs";
import "./index.mjs";
import "../zv-hj-video-monitor/index.mjs";
import "../zv-hj-scene-amap2d/index.mjs";
import "../zv-hj-scene-amap3d/index.mjs";
import "../zv-hj-person-face/index.mjs";
import "../zv-hj-resource-type-phone/index.mjs";
import "../zv-hj-tree-list-phone/index.mjs";
import "../zv-hj-video-page-phone/index.mjs";
import "../zv-hj-model-resource-phone/index.mjs";
import "../zv-hj-bottom-suspend/index.mjs";
import "../zv-hj-pagination/index.mjs";
import "../zv-hj-password-input-phone/index.mjs";
/* empty css                           */
/* empty css                                  */
import { SHJDatasourceV2 as U } from "../../../plugins/datasource/index.mjs";
import { SHJParseEvent as X } from "../../../plugins/event/index.mjs";
import "lodash";
const Y = { class: "swiper" }, Z = ["onClick"], _ = { class: "swiper-text" }, ii = O({ name: "zv-hj-carousel" }), Ue = /* @__PURE__ */ O({
  ...ii,
  props: {
    basicOption: {},
    sources: {},
    useEvents: {},
    uuid: {}
  },
  emits: ["on-click"],
  setup(f, { expose: v, emit: h }) {
    z((t) => ({
      "65ef3c00": i.basicOption.selected.bgWidth + "px",
      "1e8c3aad": i.basicOption.selected.bgHeight + "px",
      "1e288688": I.value,
      "7a576a78": i.basicOption.selected.letterSpacing + "px",
      "15231fa4": i.basicOption.selected.textShow ? "flex" : "none",
      "0d8225e4": i.basicOption.selected.fontStyle,
      "6c2c9062": i.basicOption.selected.color,
      "3964e9ee": i.basicOption.selected.fontSize + "px",
      "34975ebb": i.basicOption.selected.fontWeight,
      "78bb57b0": i.basicOption.selected.direction == "vertical" ? "vertical-rl" : "unset",
      e52e6280: i.basicOption.selected.direction == "vertical" ? "upright" : "unset",
      baeda6f4: i.basicOption.unselect.bgWidth + "px",
      "0db67e32": i.basicOption.unselect.bgHeight + "px",
      "7326f17c": E.value,
      "58cece6c": i.basicOption.unselect.letterSpacing + "px",
      "334b5dac": i.basicOption.unselect.textShow ? "flex" : "none",
      "8d41b270": i.basicOption.unselect.fontStyle,
      e96042ee: i.basicOption.unselect.color,
      "8433dd7a": i.basicOption.unselect.fontSize + "px",
      "787e5c41": i.basicOption.unselect.fontWeight,
      "6ecdcf6a": i.basicOption.unselect.direction == "vertical" ? "vertical-rl" : "unset",
      "6390337a": i.basicOption.unselect.direction == "vertical" ? "upright" : "unset",
      "752cdf40": i.basicOption.navigation.left.y + "px",
      "5d886381": i.basicOption.navigation.left.x + "px",
      bedba71a: i.basicOption.navigation.left.width + "px",
      "878882cc": i.basicOption.navigation.left.height + "px",
      "8707c53e": B.value,
      "9ff3d88a": i.basicOption.navigation.left.backgroundSize,
      "3fae71c1": i.basicOption.navigation.right.y + "px",
      "5065763c": i.basicOption.navigation.right.x + "px",
      "7e551558": i.basicOption.navigation.right.width + "px",
      b73cdc4e: i.basicOption.navigation.right.height + "px",
      d171316c: D.value,
      "66caaf48": i.basicOption.navigation.right.backgroundSize
    }));
    const i = f, s = c(-1), p = c([]), n = () => {
      U.parse({
        tId: i.uuid,
        sources: i.sources,
        callback: ({ data: t }) => {
          var o;
          p.value = ((o = t == null ? void 0 : t[0]) == null ? void 0 : o.data) || [];
        }
      });
    };
    P(() => {
      n();
    }), V(() => i.sources, () => {
      n();
    }, { deep: !0 });
    const w = h, m = (t) => {
      w("on-click", t), X.parseEvents(i.useEvents, "on-click", t);
    }, y = (t) => {
      const o = t.activeIndex - 1, e = p.value[o];
      p.value.length <= 0 || !e || Object.keys(e).length <= 0 || s.value !== o && (s.value = o, m(e));
    }, S = [j, J, N, x, q, G, K, Q, R, T], k = r(() => {
      let t;
      return i.basicOption.autoplay.enabled ? (t = {
        delay: i.basicOption.autoplay.delay,
        stopOnLastSlide: i.basicOption.autoplay.stopOnLastSlide,
        pauseOnMouseEnter: i.basicOption.autoplay.pauseOnMouseEnter,
        reverseDirection: i.basicOption.autoplay.reverseDirection
      }, t) : (t = !1, t);
    }), C = r(() => {
      let t;
      return i.basicOption.navigation.enabled ? (t = {}, t) : (t = !1, t);
    }), I = r(() => i.basicOption.selected.backgroundImageShow && i.basicOption.selected.backgroundImage ? `url(${i.basicOption.selected.backgroundImage})` : "none"), E = r(() => i.basicOption.unselect.backgroundImageShow && i.basicOption.unselect.backgroundImage ? `url(${i.basicOption.unselect.backgroundImage})` : "none"), B = r(() => i.basicOption.navigation.enabled && i.basicOption.navigation.left.url ? `url(${i.basicOption.navigation.left.url})` : "none"), D = r(() => i.basicOption.navigation.enabled && i.basicOption.navigation.right.url ? `url(${i.basicOption.navigation.right.url})` : "none"), L = (t) => {
      t.update();
    };
    return v({
      refresh: () => n(),
      refreshData: () => n()
    }), (t, o) => (a(), l("div", Y, [
      (a(), d(u(H), {
        key: t.basicOption.effect + t.basicOption.pagination.enabled + t.basicOption.pagination.type + t.basicOption.freeMode + t.basicOption.reverseDirection + t.basicOption.slidesPerView + t.basicOption.speed + t.basicOption.spaceBetween + t.basicOption.rewind + t.basicOption.loop + t.basicOption.grabCursor + t.basicOption.stopOnLastSlide + t.basicOption.autoplay.enabled + t.basicOption.autoplay.delay + t.basicOption.autoplay.stopOnLastSlide + t.basicOption.autoplay.pauseOnMouseEnter + t.basicOption.autoplay.reverseDirection,
        modules: S,
        autoplay: k.value,
        effect: t.basicOption.effect,
        pagination: t.basicOption.pagination,
        "free-mode": t.basicOption.freeMode,
        "reverse-direction": t.basicOption.reverseDirection,
        "slides-per-view": t.basicOption.slidesPerView,
        "centered-slides": t.basicOption.centeredSlides,
        speed: t.basicOption.speed,
        "space-between": t.basicOption.spaceBetween,
        rewind: t.basicOption.rewind,
        loop: t.basicOption.loop,
        "grab-cursor": t.basicOption.grabCursor,
        "round-lengths": t.basicOption.roundLengths,
        direction: t.basicOption.direction,
        navigation: C.value,
        "slide-to-clicked-slide": !0,
        onSwiper: L,
        onSlideChange: y
      }, {
        default: b(() => [
          (a(!0), l($, null, A(p.value, (e, M) => (a(), d(u(W), {
            key: M,
            class: "swiper-item"
          }, {
            default: b(() => [
              g("div", {
                class: "swiper-custom",
                onClick: (ti) => m(e)
              }, [
                g("span", _, F(e.name), 1)
              ], 8, Z)
            ]),
            _: 2
          }, 1024))), 128))
        ]),
        _: 1
      }, 8, ["autoplay", "effect", "pagination", "free-mode", "reverse-direction", "slides-per-view", "centered-slides", "speed", "space-between", "rewind", "loop", "grab-cursor", "round-lengths", "direction", "navigation"]))
    ]));
  }
});
export {
  Ue as default
};
