@opendesign-plus-test/components 0.0.1-rc.160 → 0.0.1-rc.161

package/dist/treeshaking/components/summit/OSummitSchedule.vue2.mjs

@@ -1,266 +0,0 @@
-import { defineComponent, ref, computed, watch, openBlock, createElementBlock, toDisplayString, createCommentVNode, createVNode, createBlock, unref, withCtx, Fragment, renderList, createElementVNode } from "vue";
-import { OTab, OTabPane, OPopover } from "@opensig/opendesign";
-import { useI18n } from "../../i18n/index.mjs";
-import IconTime from "../../_virtual/icon-time.mjs";
-import OSummitTabs from "./components/OSummitTabs.vue.mjs";
-const _hoisted_1 = { class: "o-summit-schedule" };
-const _hoisted_2 = {
-  key: 0,
-  class: "o-summit-title"
-};
-const _hoisted_3 = { class: "o-summit-agenda-content-wrapper" };
-const _hoisted_4 = { class: "o-summit-agenda-content" };
-const _hoisted_5 = { class: "o-summit-schedule-time" };
-const _hoisted_6 = { class: "o-summit-schedule-topics" };
-const _hoisted_7 = { class: "o-summit-schedule-desc-cell" };
-const _hoisted_8 = { class: "o-summit-schedule-desc-list" };
-const _hoisted_9 = { class: "o-summit-schedule-detail" };
-const _hoisted_10 = { key: 0 };
-const _hoisted_11 = { key: 1 };
-const _hoisted_12 = {
-  key: 1,
-  class: "o-summit-schedule-desc-list"
-};
-const _hoisted_13 = {
-  key: 0,
-  class: "o-summit-schedule-speakers"
-};
-const _hoisted_14 = { class: "o-summit-schedule-name" };
-const _hoisted_15 = { class: "o-summit-schedule-post" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "OSummitSchedule",
-  props: {
-    schedule: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const { t } = useI18n();
-    const dayIndex = ref(0);
-    const categoryIndex = ref(0);
-    const sessionIndex = ref(0);
-    const forumTypeIndex = ref(0);
-    const currentDay = computed(() => {
-      var _a;
-      return (_a = props.schedule.days) == null ? void 0 : _a[dayIndex.value];
-    });
-    const currentCategory = computed(() => {
-      var _a, _b;
-      return (_b = (_a = currentDay.value) == null ? void 0 : _a.categories) == null ? void 0 : _b[categoryIndex.value];
-    });
-    const currentSessions = computed(() => {
-      var _a;
-      return ((_a = currentCategory.value) == null ? void 0 : _a.sessions) || [];
-    });
-    const currentSession = computed(() => currentSessions.value[sessionIndex.value]);
-    const currentSubForums = computed(() => {
-      var _a;
-      return ((_a = currentSession.value) == null ? void 0 : _a.subForums) || [];
-    });
-    const currentSubForum = computed(() => currentSubForums.value[forumTypeIndex.value]);
-    const currentSchedule = computed(() => {
-      var _a;
-      if (!currentSession.value) return [];
-      if (currentSession.value.items) return currentSession.value.items;
-      return ((_a = currentSubForum.value) == null ? void 0 : _a.items) || [];
-    });
-    const currentDetailMode = computed(() => {
-      var _a;
-      return (_a = currentSubForum.value) == null ? void 0 : _a.detailMode;
-    });
-    const selectDay = (idx) => {
-      dayIndex.value = idx;
-      categoryIndex.value = 0;
-      sessionIndex.value = 0;
-      forumTypeIndex.value = 0;
-    };
-    const onCategoryChange = (val) => {
-      categoryIndex.value = Number(val) || 0;
-      sessionIndex.value = 0;
-      forumTypeIndex.value = 0;
-    };
-    const selectSession = (idx) => {
-      sessionIndex.value = idx;
-      forumTypeIndex.value = 0;
-    };
-    const onSubForumChange = (val) => {
-      forumTypeIndex.value = Number(val) || 0;
-    };
-    watch(() => props.schedule, () => {
-      dayIndex.value = 0;
-      categoryIndex.value = 0;
-      sessionIndex.value = 0;
-      forumTypeIndex.value = 0;
-    }, { immediate: true });
-    const hasSubForums = computed(() => currentSubForums.value.length > 1);
-    const hasCategories = computed(() => {
-      var _a, _b;
-      return (((_b = (_a = currentDay.value) == null ? void 0 : _a.categories) == null ? void 0 : _b.length) || 0) > 1;
-    });
-    function speakerNames(topic) {
-      return (topic.speakers || []).map((s) => s.name).filter(Boolean).join("、");
-    }
-    function speakerPositions(topic) {
-      return (topic.speakers || []).map((s) => {
-        var _a;
-        return (_a = s.positions) == null ? void 0 : _a.join("、");
-      }).filter(Boolean).join("；");
-    }
-    function topicLines(topic) {
-      return Array.isArray(topic.topic) ? topic.topic : [topic.topic];
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        props.schedule.title ? (openBlock(), createElementBlock("h3", _hoisted_2, toDisplayString(props.schedule.title), 1)) : createCommentVNode("", true),
-        createVNode(OSummitTabs, {
-          modelValue: dayIndex.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dayIndex.value = $event),
-          items: props.schedule.days.map((d) => d.dateLabel),
-          onChange: selectDay
-        }, null, 8, ["modelValue", "items"]),
-        hasCategories.value && currentDay.value ? (openBlock(), createBlock(unref(OTab), {
-          key: 1,
-          maxShow: 999,
-          modelValue: categoryIndex.value,
-          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => categoryIndex.value = $event),
-          variant: "text",
-          class: "o-summit-category-tabs",
-          onChange: onCategoryChange,
-          line: false
-        }, {
-          default: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(currentDay.value.categories, (cat, idx) => {
-              return openBlock(), createBlock(unref(OTabPane), {
-                key: cat.id,
-                value: idx,
-                label: cat.name
-              }, null, 8, ["value", "label"]);
-            }), 128))
-          ]),
-          _: 1
-        }, 8, ["modelValue"])) : createCommentVNode("", true),
-        createVNode(OSummitTabs, {
-          modelValue: sessionIndex.value,
-          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => sessionIndex.value = $event),
-          items: currentSessions.value.map((s) => s.label),
-          onChange: selectSession
-        }, null, 8, ["modelValue", "items"]),
-        createElementVNode("div", _hoisted_3, [
-          hasSubForums.value && currentSession.value ? (openBlock(), createBlock(unref(OTab), {
-            key: 0,
-            maxShow: 999,
-            modelValue: forumTypeIndex.value,
-            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => forumTypeIndex.value = $event),
-            variant: "text",
-            class: "o-summit-forum-type-tabs",
-            onChange: onSubForumChange,
-            line: false
-          }, {
-            default: withCtx(() => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(currentSubForums.value, (ft, idx) => {
-                return openBlock(), createBlock(unref(OTabPane), {
-                  key: ft.id,
-                  value: idx,
-                  label: ft.name
-                }, null, 8, ["value", "label"]);
-              }), 128))
-            ]),
-            _: 1
-          }, 8, ["modelValue"])) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_4, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(currentSchedule.value, (entry) => {
-              return openBlock(), createElementBlock("div", {
-                key: entry.time,
-                class: "o-summit-schedule-item"
-              }, [
-                createElementVNode("span", _hoisted_5, [
-                  createVNode(unref(IconTime)),
-                  createElementVNode("span", null, toDisplayString(entry.time), 1)
-                ]),
-                createElementVNode("div", _hoisted_6, [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(entry.topics, (topic, topicIdx) => {
-                    return openBlock(), createElementBlock("div", {
-                      key: topicIdx,
-                      class: "o-summit-schedule-topic"
-                    }, [
-                      createElementVNode("div", _hoisted_7, [
-                        currentDetailMode.value === "popover" ? (openBlock(), createBlock(unref(OPopover), {
-                          key: 0,
-                          trigger: "click",
-                          position: "bottom",
-                          "wrap-class": "o-summit-schedule-popover"
-                        }, {
-                          target: withCtx(() => [
-                            createElementVNode("div", _hoisted_8, [
-                              (openBlock(true), createElementBlock(Fragment, null, renderList(topicLines(topic), (line, i) => {
-                                return openBlock(), createElementBlock("span", {
-                                  key: i,
-                                  class: "o-summit-schedule-desc"
-                                }, toDisplayString(line), 1);
-                              }), 128))
-                            ])
-                          ]),
-                          default: withCtx(() => [
-                            createElementVNode("div", _hoisted_9, [
-                              createElementVNode("p", null, [
-                                createElementVNode("span", null, toDisplayString(unref(t)("summit.scheduleTopicName")), 1),
-                                createElementVNode("span", null, [
-                                  (openBlock(true), createElementBlock(Fragment, null, renderList(topicLines(topic), (line, i) => {
-                                    return openBlock(), createElementBlock("span", {
-                                      key: i,
-                                      class: "o-summit-schedule-detail-line"
-                                    }, toDisplayString(line), 1);
-                                  }), 128))
-                                ])
-                              ]),
-                              topic.description ? (openBlock(), createElementBlock("p", _hoisted_10, [
-                                createElementVNode("span", null, toDisplayString(unref(t)("summit.scheduleTopicDesc")), 1),
-                                createElementVNode("span", null, toDisplayString(topic.description), 1)
-                              ])) : createCommentVNode("", true),
-                              createElementVNode("p", null, [
-                                createElementVNode("span", null, toDisplayString(unref(t)("summit.scheduleSpeaker")), 1),
-                                createElementVNode("span", null, toDisplayString(speakerNames(topic)), 1)
-                              ]),
-                              speakerPositions(topic) ? (openBlock(), createElementBlock("p", _hoisted_11, [
-                                createElementVNode("span", null, toDisplayString(unref(t)("summit.schedulePosition")), 1),
-                                createElementVNode("span", null, toDisplayString(speakerPositions(topic)), 1)
-                              ])) : createCommentVNode("", true)
-                            ])
-                          ]),
-                          _: 2
-                        }, 1024)) : (openBlock(), createElementBlock("div", _hoisted_12, [
-                          (openBlock(true), createElementBlock(Fragment, null, renderList(topicLines(topic), (line, i) => {
-                            return openBlock(), createElementBlock("span", {
-                              key: i,
-                              class: "o-summit-schedule-desc"
-                            }, toDisplayString(line), 1);
-                          }), 128))
-                        ]))
-                      ]),
-                      topic.speakers && topic.speakers.length ? (openBlock(), createElementBlock("div", _hoisted_13, [
-                        (openBlock(true), createElementBlock(Fragment, null, renderList(topic.speakers, (speaker) => {
-                          return openBlock(), createElementBlock(Fragment, {
-                            key: speaker.name
-                          }, [
-                            createElementVNode("span", _hoisted_14, toDisplayString(speaker.name), 1),
-                            createElementVNode("div", _hoisted_15, [
-                              (openBlock(true), createElementBlock(Fragment, null, renderList(speaker.positions, (pos) => {
-                                return openBlock(), createElementBlock("span", { key: pos }, toDisplayString(pos), 1);
-                              }), 128))
-                            ])
-                          ], 64);
-                        }), 128))
-                      ])) : createCommentVNode("", true)
-                    ]);
-                  }), 128))
-                ])
-              ]);
-            }), 128))
-          ])
-        ])
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/dist/treeshaking/components/summit/OSummitSchedule2.css

@@ -1,43 +0,0 @@
-.hover-icon-rotate .o-icon {
-  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
-}
-@media (hover: hover) {
-.hover-icon-rotate:hover .o-icon {
-    transform: rotate(-180deg);
-}
-}
-.o-summit-schedule-popover {
-  border: none;
-  width: 480px;
-  max-width: calc(100vw - 32px);
-}
-.o-summit-schedule-popover .o-summit-schedule-detail {
-  background-color: var(--o-color-fill2);
-  max-height: 300px;
-  overflow: auto;
-}
-.o-summit-schedule-popover .o-summit-schedule-detail::-webkit-scrollbar {
-  display: none;
-}
-.o-summit-schedule-popover .o-summit-schedule-detail p + p {
-  margin-top: var(--o-r-gap-2);
-}
-.o-summit-schedule-popover .o-summit-schedule-detail p {
-  display: flex;
-}
-.o-summit-schedule-popover .o-summit-schedule-detail p > span {
-  color: var(--o-color-info1);
-  display: inline-block;
-  font-size: var(--o-r-font_size-tip1);
-  line-height: var(--o-r-line_height-tip1);
-}
-.o-summit-schedule-popover .o-summit-schedule-detail p > span:nth-of-type(1) {
-  display: inline-block;
-  width: 6em;
-}
-.o-summit-schedule-popover .o-summit-schedule-detail p > span:nth-of-type(2) {
-  flex: 1;
-}
-.o-summit-schedule-popover .o-summit-schedule-detail .o-summit-schedule-detail-line {
-  display: block;
-}

package/dist/treeshaking/components/summit/components/OSummitTabs.css

@@ -1,137 +0,0 @@
-.hover-icon-rotate .o-icon[data-v-0aa6f003] {
-  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
-}
-@media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-0aa6f003] {
-    transform: rotate(-180deg);
-}
-}
-.o-summit-tabs[data-v-0aa6f003] {
-  display: flex;
-  align-items: stretch;
-  margin-bottom: var(--o-r-gap-5);
-  --tab-width: 160px;
-  --tab-height: 56px;
-}
-@media (min-width: 1201px) and (max-width: 1680px) {
-.o-summit-tabs[data-v-0aa6f003] {
-    --tab-width: 128px;
-    --tab-height: 48px;
-}
-}
-@media (min-width: 841px) and (max-width: 1200px) {
-.o-summit-tabs[data-v-0aa6f003] {
-    --tab-width: 104px;
-    --tab-height: 40px;
-}
-}
-@media (max-width: 840px) {
-.o-summit-tabs[data-v-0aa6f003] {
-    --tab-width: 96px;
-    --tab-height: 32px;
-}
-}
-.o-summit-tabs .o-summit-tabs-scroller[data-v-0aa6f003] {
-  display: flex;
-  justify-content: center;
-  flex: 1 1 auto;
-  min-width: 0;
-  overflow-x: auto;
-  overflow-y: hidden;
-  scrollbar-width: none;
-}
-.o-summit-tabs .o-summit-tabs-scroller[data-v-0aa6f003]::-webkit-scrollbar {
-  display: none;
-}
-.o-summit-tabs .o-summit-tabs-track[data-v-0aa6f003] {
-  display: inline-flex;
-  flex-wrap: nowrap;
-  white-space: nowrap;
-}
-.o-summit-tabs.is-overflowing .o-summit-tabs-scroller[data-v-0aa6f003] {
-  justify-content: flex-start;
-}
-.o-summit-tabs.is-overflowing .o-summit-tab[data-v-0aa6f003]:first-child {
-  border-radius: 0;
-}
-.o-summit-tabs.is-overflowing .o-summit-tab[data-v-0aa6f003]:last-child {
-  border-radius: 0;
-}
-.o-summit-tabs.is-overflowing .o-summit-tabs-arrow.is-left[data-v-0aa6f003] {
-  border-radius: var(--o-radius-xs) 0 0 var(--o-radius-xs);
-}
-.o-summit-tabs.is-overflowing .o-summit-tabs-arrow.is-right[data-v-0aa6f003] {
-  border-radius: 0 var(--o-radius-xs) var(--o-radius-xs) 0;
-}
-.o-summit-tabs .o-summit-tab[data-v-0aa6f003] {
-  cursor: pointer;
-  color: var(--o-color-info1);
-  min-width: var(--tab-width);
-  text-align: center;
-  background: var(--o-color-fill2);
-  padding: 0 var(--o-r-gap-6);
-  border: none;
-  font-weight: 600;
-  font-size: var(--o-r-font_size-h3);
-  line-height: var(--tab-height);
-}
-.o-summit-tabs .o-summit-tab[data-v-0aa6f003]:first-child {
-  border-radius: var(--o-radius-xs) 0 0 var(--o-radius-xs);
-}
-.o-summit-tabs .o-summit-tab[data-v-0aa6f003]:last-child {
-  border-radius: 0 var(--o-radius-xs) var(--o-radius-xs) 0;
-}
-.o-summit-tabs .o-summit-tab[data-v-0aa6f003]:hover {
-  color: var(--o-color-primary2);
-}
-.o-summit-tabs .o-summit-tab[data-v-0aa6f003]:focus {
-  color: var(--o-color-primary3);
-}
-.o-summit-tabs .o-summit-tab.is-active[data-v-0aa6f003] {
-  color: #fff;
-  background: var(--o-color-primary1);
-}
-.o-summit-tabs .o-summit-tab.is-disabled[data-v-0aa6f003] {
-  color: var(--o-color-info4);
-  background: var(--o-color-fill3);
-}
-.o-summit-tabs .o-summit-tabs-arrow[data-v-0aa6f003] {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex: 0 0 auto;
-  width: var(--tab-height);
-  padding: 0;
-  border: none;
-  color: var(--o-color-info3);
-  cursor: pointer;
-  background-color: transparent;
-}
-.o-summit-tabs .o-summit-tabs-arrow .o-icon[data-v-0aa6f003] {
-  --icon-size: 24px;
-}
-@media (max-width: 840px) {
-.o-summit-tabs .o-summit-tabs-arrow .o-icon[data-v-0aa6f003] {
-    --icon-size: 20px;
-}
-}
-.o-summit-tabs .o-summit-tabs-arrow[data-v-0aa6f003]:hover {
-  color: var(--o-color-primary2);
-}
-.o-summit-tabs .o-summit-tabs-arrow[data-v-0aa6f003]:focus {
-  color: var(--o-color-primary3);
-}
-.o-summit-tabs .o-summit-tabs-arrow.is-disabled[data-v-0aa6f003] {
-  color: var(--o-color-info4);
-  cursor: not-allowed;
-}
-.o-summit-tabs .o-summit-tabs-arrow.is-disabled[data-v-0aa6f003]:hover {
-  color: var(--o-color-info4);
-}
-.o-summit-tabs-single[data-v-0aa6f003] {
-  margin-bottom: var(--o-r-gap-5);
-  color: var(--o-color-info1);
-  font-weight: 500;
-  font-size: var(--o-r-font_size-h2);
-  line-height: var(--o-r-line_height-h2);
-}

package/dist/treeshaking/components/summit/components/OSummitTabs.vue.d.ts

@@ -1,16 +0,0 @@
-type __VLS_Props = {
-    modelValue: number;
-    items: string[];
-    disabled?: number[];
-};
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    change: (val: number) => any;
-    "update:modelValue": (val: number) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onChange?: ((val: number) => any) | undefined;
-    "onUpdate:modelValue"?: ((val: number) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    scrollRef: HTMLDivElement;
-    trackRef: HTMLDivElement;
-}, any>;
-export default _default;

package/dist/treeshaking/components/summit/components/OSummitTabs.vue.mjs

@@ -1,7 +0,0 @@
-import _sfc_main from "./OSummitTabs.vue2.mjs";
-import './OSummitTabs.css';
-import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const OSummitTabs = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0aa6f003"]]);
-export {
-  OSummitTabs as default
-};

package/dist/treeshaking/components/summit/components/OSummitTabs.vue2.mjs

@@ -1,155 +0,0 @@
-import { defineComponent, ref, watch, nextTick, onMounted, openBlock, createElementBlock, normalizeClass, withDirectives, createElementVNode, createVNode, unref, withCtx, vShow, Fragment, renderList, toDisplayString, createCommentVNode } from "vue";
-import { OIcon, OIconChevronLeft, OIconChevronRight } from "@opensig/opendesign";
-import { useResizeObserver } from "@vueuse/core";
-const _hoisted_1 = ["tabindex", "aria-disabled"];
-const _hoisted_2 = ["onClick"];
-const _hoisted_3 = ["tabindex", "aria-disabled"];
-const _hoisted_4 = {
-  key: 1,
-  class: "o-summit-tabs-single"
-};
-const SCROLL_STEP = 3;
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "OSummitTabs",
-  props: {
-    modelValue: {},
-    items: {},
-    disabled: {}
-  },
-  emits: ["update:modelValue", "change"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const select = (idx) => {
-      emit("update:modelValue", idx);
-      emit("change", idx);
-    };
-    const scrollRef = ref(null);
-    const trackRef = ref(null);
-    const canScrollLeft = ref(false);
-    const canScrollRight = ref(false);
-    const isOverflowing = ref(false);
-    const updateArrows = () => {
-      const sc = scrollRef.value;
-      if (!sc) return;
-      const overflow = sc.scrollWidth - sc.clientWidth;
-      isOverflowing.value = overflow > 1;
-      canScrollLeft.value = sc.scrollLeft > 1;
-      canScrollRight.value = sc.scrollLeft < overflow - 1;
-    };
-    const firstVisibleIndex = () => {
-      const sc = scrollRef.value;
-      const track = trackRef.value;
-      if (!sc || !track) return 0;
-      const scLeft = sc.getBoundingClientRect().left;
-      const tabs = track.children;
-      for (let i = 0; i < tabs.length; i++) {
-        const el = tabs[i];
-        if (el.getBoundingClientRect().right > scLeft + 1) {
-          return i;
-        }
-      }
-      return 0;
-    };
-    const scrollTabs = (direction) => {
-      const sc = scrollRef.value;
-      const track = trackRef.value;
-      if (!sc || !track) return;
-      if (direction === -1 && !canScrollLeft.value) return;
-      if (direction === 1 && !canScrollRight.value) return;
-      const idx = firstVisibleIndex();
-      let target = idx + direction * SCROLL_STEP;
-      target = Math.max(0, Math.min(target, track.children.length - 1));
-      const targetEl = track.children[target];
-      if (targetEl) {
-        const delta = targetEl.getBoundingClientRect().left - sc.getBoundingClientRect().left;
-        sc.scrollTo({
-          left: sc.scrollLeft + delta,
-          behavior: "smooth"
-        });
-      }
-    };
-    useResizeObserver(scrollRef, updateArrows);
-    useResizeObserver(trackRef, updateArrows);
-    watch(
-      () => props.items.join("\0"),
-      () => {
-        nextTick(() => {
-          if (scrollRef.value) {
-            scrollRef.value.scrollTo({ left: 0 });
-          }
-          updateArrows();
-        });
-      }
-    );
-    onMounted(() => {
-      updateArrows();
-    });
-    return (_ctx, _cache) => {
-      return __props.items.length > 1 ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        class: normalizeClass(["o-summit-tabs", { "is-overflowing": isOverflowing.value }])
-      }, [
-        withDirectives(createElementVNode("button", {
-          type: "button",
-          class: normalizeClass(["o-summit-tabs-arrow is-left", { "is-disabled": !canScrollLeft.value }]),
-          tabindex: canScrollLeft.value ? 0 : -1,
-          "aria-disabled": !canScrollLeft.value,
-          onClick: _cache[0] || (_cache[0] = ($event) => scrollTabs(-1))
-        }, [
-          createVNode(unref(OIcon), null, {
-            default: withCtx(() => [
-              createVNode(unref(OIconChevronLeft))
-            ]),
-            _: 1
-          })
-        ], 10, _hoisted_1), [
-          [vShow, isOverflowing.value]
-        ]),
-        createElementVNode("div", {
-          ref_key: "scrollRef",
-          ref: scrollRef,
-          class: "o-summit-tabs-scroller",
-          onScroll: updateArrows
-        }, [
-          createElementVNode("div", {
-            ref_key: "trackRef",
-            ref: trackRef,
-            class: "o-summit-tabs-track"
-          }, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (label, idx) => {
-              var _a;
-              return openBlock(), createElementBlock("button", {
-                key: idx,
-                class: normalizeClass(["o-summit-tab", {
-                  "is-active": __props.modelValue === idx,
-                  "is-disabled": (_a = __props.disabled) == null ? void 0 : _a.includes(idx)
-                }]),
-                onClick: ($event) => select(idx)
-              }, toDisplayString(label), 11, _hoisted_2);
-            }), 128))
-          ], 512)
-        ], 544),
-        withDirectives(createElementVNode("button", {
-          type: "button",
-          class: normalizeClass(["o-summit-tabs-arrow is-right", { "is-disabled": !canScrollRight.value }]),
-          tabindex: canScrollRight.value ? 0 : -1,
-          "aria-disabled": !canScrollRight.value,
-          onClick: _cache[1] || (_cache[1] = ($event) => scrollTabs(1))
-        }, [
-          createVNode(unref(OIcon), null, {
-            default: withCtx(() => [
-              createVNode(unref(OIconChevronRight))
-            ]),
-            _: 1
-          })
-        ], 10, _hoisted_3), [
-          [vShow, isOverflowing.value]
-        ])
-      ], 2)) : __props.items.length === 1 ? (openBlock(), createElementBlock("h4", _hoisted_4, toDisplayString(__props.items[0]), 1)) : createCommentVNode("", true);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};