@opendesign-plus-test/components 0.0.1-rc.158 → 0.0.1-rc.159

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

@@ -0,0 +1,187 @@
+.hover-icon-rotate .o-icon[data-v-41c99a8e] {
+  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
+}
+@media (hover: hover) {
+.hover-icon-rotate:hover .o-icon[data-v-41c99a8e] {
+    transform: rotate(-180deg);
+}
+}
+@media (max-width: 1200px) {
+.o-summit-schedule[data-v-41c99a8e] {
+    position: relative;
+}
+}
+.o-summit-schedule .o-summit-title[data-v-41c99a8e] {
+  margin-bottom: var(--o-r-gap-7);
+  color: var(--o-color-info1);
+  font-weight: 600;
+  text-align: center;
+  font-size: var(--o-r-font_size-display3);
+  line-height: var(--o-r-line_height-display3);
+}
+.o-summit-schedule .o-summit-category-tabs[data-v-41c99a8e] {
+  --tab-nav-text-size: var(--o-r-font_size-h4);
+  --tab-nav-text-height: var(--o-r-line_height-h4);
+  margin-bottom: var(--o-r-gap-5);
+}
+.o-summit-schedule .o-summit-forum-type-tabs[data-v-41c99a8e] {
+  margin-bottom: var(--o-r-gap-5);
+}
+.o-summit-schedule .o-summit-agenda-content-wrapper[data-v-41c99a8e] {
+  background-color: var(--o-color-fill2);
+  border-radius: var(--o-radius-xs);
+  padding: var(--o-r-gap-5) var(--o-r-gap-6);
+}
+.o-summit-schedule .o-summit-agenda-content[data-v-41c99a8e] {
+  display: grid;
+  grid-template-columns: max-content var(--o-r-gap-6) 1fr var(--o-r-gap-5) max-content var(--o-r-gap-4) 1fr;
+  align-items: center;
+}
+@media (max-width: 840px) {
+.o-summit-schedule .o-summit-agenda-content[data-v-41c99a8e] {
+    display: block;
+}
+}
+.o-summit-schedule .o-summit-schedule-item[data-v-41c99a8e] {
+  display: grid;
+  grid-template-columns: subgrid;
+  grid-column: 1/-1;
+  align-items: center;
+  padding: var(--o-r-gap-4) 0;
+  transition: all 0.25s ease;
+  min-height: 64px;
+  font-size: var(--o-r-font_size-text1);
+  line-height: var(--o-r-line_height-text1);
+}
+@media (max-width: 1200px) {
+.o-summit-schedule .o-summit-schedule-item[data-v-41c99a8e] {
+    padding: 6px 0;
+    min-height: 36px;
+}
+}
+@media (max-width: 840px) {
+.o-summit-schedule .o-summit-schedule-item[data-v-41c99a8e] {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: var(--o-gap-2);
+}
+}
+.o-summit-schedule .o-summit-schedule-item + .o-summit-schedule-item[data-v-41c99a8e] {
+  border-top: 1px solid var(--o-color-control4);
+}
+.o-summit-schedule .o-summit-schedule-item[data-v-41c99a8e]:hover {
+  background-color: var(--o-color-control2-light);
+}
+.o-summit-schedule .o-summit-schedule-item .o-summit-schedule-time[data-v-41c99a8e] {
+  grid-column: 1;
+  color: var(--o-color-info2);
+  display: flex;
+  align-items: center;
+  font-weight: 400;
+  flex-wrap: nowrap;
+}
+.o-summit-schedule .o-summit-schedule-item .o-summit-schedule-time svg[data-v-41c99a8e] {
+  --icon-size: 24px;
+  height: var(--icon-size);
+  width: var(--icon-size);
+  font-size: var(--icon-size);
+  color: var(--o-color-info3);
+  margin-right: var(--o-gap-2);
+}
+@media (min-width: 1201px) and (max-width: 1680px) {
+.o-summit-schedule .o-summit-schedule-item .o-summit-schedule-time svg[data-v-41c99a8e] {
+    --icon-size: 20px;
+}
+}
+@media (max-width: 840px) {
+.o-summit-schedule .o-summit-schedule-item .o-summit-schedule-time svg[data-v-41c99a8e] {
+    --icon-size: 16px;
+}
+}
+.o-summit-schedule .o-summit-schedule-item .o-summit-schedule-time span[data-v-41c99a8e] {
+  white-space: nowrap;
+}
+.o-summit-schedule .o-summit-schedule-item .o-summit-schedule-topics[data-v-41c99a8e] {
+  display: grid;
+  grid-template-columns: subgrid;
+  grid-column: 3/-1;
+  align-items: center;
+}
+@media (max-width: 840px) {
+.o-summit-schedule .o-summit-schedule-item .o-summit-schedule-topics[data-v-41c99a8e] {
+    display: block;
+    width: 100%;
+}
+}
+.o-summit-schedule .o-summit-schedule-item .o-summit-schedule-topic[data-v-41c99a8e] {
+  display: grid;
+  grid-template-columns: subgrid;
+  grid-column: 1/-1;
+  align-items: center;
+}
+@media (max-width: 840px) {
+.o-summit-schedule .o-summit-schedule-item .o-summit-schedule-topic[data-v-41c99a8e] {
+    display: flex;
+    gap: var(--o-gap-2);
+    flex-direction: column;
+    align-items: flex-start;
+}
+}
+@media (max-width: 840px) {
+.o-summit-schedule .o-summit-schedule-item .o-summit-schedule-topic + .o-summit-schedule-topic[data-v-41c99a8e] {
+    margin-top: var(--o-gap-2);
+}
+}
+.o-summit-schedule .o-summit-schedule-item .o-summit-schedule-desc-cell[data-v-41c99a8e] {
+  grid-column: 1;
+}
+@media (max-width: 840px) {
+.o-summit-schedule .o-summit-schedule-item .o-summit-schedule-desc-cell[data-v-41c99a8e] {
+    width: 100%;
+    flex-shrink: 0;
+    flex-grow: 0;
+}
+}
+.o-summit-schedule .o-summit-schedule-item .o-summit-schedule-desc-list[data-v-41c99a8e] {
+  display: block;
+}
+.o-summit-schedule .o-summit-schedule-item .o-summit-schedule-desc[data-v-41c99a8e] {
+  color: var(--o-color-info1);
+  display: block;
+  cursor: pointer;
+  font-weight: 600;
+}
+.o-summit-schedule .o-summit-schedule-item .o-summit-schedule-speakers[data-v-41c99a8e] {
+  display: grid;
+  grid-template-columns: subgrid;
+  grid-column: 3/6;
+  row-gap: var(--o-r-gap-3);
+  align-items: center;
+}
+@media (max-width: 840px) {
+.o-summit-schedule .o-summit-schedule-item .o-summit-schedule-speakers[data-v-41c99a8e] {
+    grid-column: auto;
+    grid-template-columns: 4em 1fr;
+    column-gap: var(--o-r-gap-4);
+    width: 100%;
+    flex-shrink: 0;
+    flex-grow: 0;
+}
+}
+.o-summit-schedule .o-summit-schedule-item .o-summit-schedule-speakers .o-summit-schedule-name[data-v-41c99a8e] {
+  grid-column: 1;
+  color: var(--o-color-info1);
+}
+.o-summit-schedule .o-summit-schedule-item .o-summit-schedule-speakers .o-summit-schedule-post[data-v-41c99a8e] {
+  grid-column: 3;
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--o-r-gap-2);
+  color: var(--o-color-info3);
+}
+@media (max-width: 840px) {
+.o-summit-schedule .o-summit-schedule-item .o-summit-schedule-speakers .o-summit-schedule-post[data-v-41c99a8e] {
+    grid-column: 2;
+}
+}

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

@@ -0,0 +1,3 @@
+import { SummitSchedulePropsT } from './types';
+declare const _default: import('vue').DefineComponent<SummitSchedulePropsT, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SummitSchedulePropsT> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

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

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

@@ -0,0 +1,266 @@
+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

@@ -0,0 +1,43 @@
+.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

@@ -0,0 +1,137 @@
+.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

@@ -0,0 +1,16 @@
+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

@@ -0,0 +1,7 @@
+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
+};