@opendesign-plus/components 0.0.1-rc.97 → 0.0.1-rc.99

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

@@ -1,5 +1,6 @@
 import { defineComponent, ref, computed, watch, onMounted, onUnmounted, openBlock, createElementBlock, toDisplayString, createCommentVNode, createVNode, createElementVNode, unref, withCtx, Fragment, renderList, createBlock, normalizeStyle, normalizeClass } from "vue";
 import { OSelect, OOption } from "@opensig/opendesign";
+import { useScreen } from "@opendesign-plus/composables";
 import OSummitTabs from "./components/OSummitTabs.vue.mjs";
 const _hoisted_1 = { class: "o-summit-live" };
 const _hoisted_2 = {
@@ -9,21 +10,22 @@ const _hoisted_2 = {
 const _hoisted_3 = { class: "o-summit-live-wrapper" };
 const _hoisted_4 = { class: "o-summit-live-select" };
 const _hoisted_5 = ["height", "src"];
-const _hoisted_6 = { class: "o-summit-live-web" };
-const _hoisted_7 = { class: "o-summit-live-itembox" };
-const _hoisted_8 = ["onClick"];
-const _hoisted_9 = { class: "o-summit-live-name" };
+const _hoisted_6 = { class: "o-summit-live-itembox" };
+const _hoisted_7 = ["onClick"];
+const _hoisted_8 = { class: "o-summit-live-name" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "OSummitLive",
   props: {
     section: {},
-    liveUrl: {}
+    liveUrl: {},
+    backgrounds: {}
   },
   emits: ["change"],
   setup(__props, { emit: __emit }) {
     var _a;
     const props = __props;
     const emit = __emit;
+    const { screenSize } = useScreen();
     const height = ref(800);
     const roomId = ref(0);
     const dateIndex = ref(0);
@@ -55,10 +57,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("change", liveId);
     };
     function setHeight(data) {
+      if (screenSize.width <= 1100) {
+        if (data.state === 1 || data.state === 3) {
+          height.value = screenSize.width * 1.31;
+        } else if (data.state === 0 || data.state === 2) {
+          height.value = screenSize.width * 0.5;
+        } else {
+          height.value = 800;
+        }
+        return;
+      }
       if (data.height === "auto") {
         height.value = 550;
       } else if (data.height) {
         height.value = parseInt(data.height, 10);
+      } else {
+        height.value = 800;
       }
     }
     const messageHandler = (event) => {
@@ -77,6 +91,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       window.removeEventListener("message", messageHandler);
     });
     return (_ctx, _cache) => {
+      var _a2, _b, _c, _d, _e, _f, _g, _h;
       return openBlock(), createElementBlock("div", _hoisted_1, [
         props.section.title ? (openBlock(), createElementBlock("h3", _hoisted_2, toDisplayString(props.section.title), 1)) : createCommentVNode("", true),
         createVNode(OSummitTabs, {
@@ -113,8 +128,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             allowfullscreen: "true",
             class: "o-summit-live-video"
           }, null, 8, _hoisted_5),
-          createElementVNode("div", _hoisted_6, [
-            createElementVNode("div", _hoisted_7, [
+          createElementVNode("div", {
+            class: "o-summit-live-web",
+            style: normalizeStyle({
+              "--o-summit-live-bg-normal": ((_a2 = __props.backgrounds) == null ? void 0 : _a2.normal) ? `url(${__props.backgrounds.normal})` : "",
+              "--o-summit-live-bg-normal-dark": ((_b = __props.backgrounds) == null ? void 0 : _b.normalDark) ? `url(${__props.backgrounds.normalDark})` : "",
+              "--o-summit-live-bg-normal-active": ((_c = __props.backgrounds) == null ? void 0 : _c.normalActive) ? `url(${__props.backgrounds.normalActive})` : "",
+              "--o-summit-live-bg-normal-active-dark": ((_d = __props.backgrounds) == null ? void 0 : _d.normalActiveDark) ? `url(${__props.backgrounds.normalActiveDark})` : "",
+              "--o-summit-live-bg-main": ((_e = __props.backgrounds) == null ? void 0 : _e.main) ? `url(${__props.backgrounds.main})` : "",
+              "--o-summit-live-bg-main-dark": ((_f = __props.backgrounds) == null ? void 0 : _f.mainDark) ? `url(${__props.backgrounds.mainDark})` : "",
+              "--o-summit-live-bg-main-active": ((_g = __props.backgrounds) == null ? void 0 : _g.mainActive) ? `url(${__props.backgrounds.mainActive})` : "",
+              "--o-summit-live-bg-main-active-dark": ((_h = __props.backgrounds) == null ? void 0 : _h.mainActiveDark) ? `url(${__props.backgrounds.mainActiveDark})` : ""
+            })
+          }, [
+            createElementVNode("div", _hoisted_6, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(currentRooms.value, (item, index) => {
                 return openBlock(), createElementBlock("div", {
                   key: item.id,
@@ -129,11 +156,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   }),
                   onClick: ($event) => setLiveRoom(item, index)
                 }, [
-                  createElementVNode("p", _hoisted_9, toDisplayString(item.name), 1)
-                ], 14, _hoisted_8);
+                  createElementVNode("p", _hoisted_8, toDisplayString(item.name), 1)
+                ], 14, _hoisted_7);
               }), 128))
             ])
-          ])
+          ], 4)
         ])
       ]);
     };

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

@@ -1,17 +1,17 @@
-.hover-icon-rotate .o-icon[data-v-9422de32] {
+.hover-icon-rotate .o-icon[data-v-b3bf869b] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-9422de32] {
+.hover-icon-rotate:hover .o-icon[data-v-b3bf869b] {
     transform: rotate(-180deg);
 }
 }
 @media (max-width: 1200px) {
-.o-summit-schedule[data-v-9422de32] {
+.o-summit-schedule[data-v-b3bf869b] {
     position: relative;
 }
 }
-.o-summit-schedule .o-summit-title[data-v-9422de32] {
+.o-summit-schedule .o-summit-title[data-v-b3bf869b] {
   margin-bottom: var(--o-r-gap-7);
   color: var(--o-color-info1);
   font-weight: 600;
@@ -19,30 +19,30 @@
   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-9422de32] {
+.o-summit-schedule .o-summit-category-tabs[data-v-b3bf869b] {
   --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-9422de32] {
+.o-summit-schedule .o-summit-forum-type-tabs[data-v-b3bf869b] {
   margin-bottom: var(--o-r-gap-5);
 }
-.o-summit-schedule .o-summit-agenda-content-wrapper[data-v-9422de32] {
+.o-summit-schedule .o-summit-agenda-content-wrapper[data-v-b3bf869b] {
   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-9422de32] {
+.o-summit-schedule .o-summit-agenda-content[data-v-b3bf869b] {
   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-9422de32] {
+.o-summit-schedule .o-summit-agenda-content[data-v-b3bf869b] {
     display: block;
 }
 }
-.o-summit-schedule .o-summit-schedule-item[data-v-9422de32] {
+.o-summit-schedule .o-summit-schedule-item[data-v-b3bf869b] {
   display: grid;
   grid-template-columns: subgrid;
   grid-column: 1/-1;
@@ -54,26 +54,26 @@
   line-height: var(--o-r-line_height-text1);
 }
 @media (max-width: 1200px) {
-.o-summit-schedule .o-summit-schedule-item[data-v-9422de32] {
+.o-summit-schedule .o-summit-schedule-item[data-v-b3bf869b] {
     padding: 6px 0;
     min-height: 36px;
 }
 }
 @media (max-width: 840px) {
-.o-summit-schedule .o-summit-schedule-item[data-v-9422de32] {
+.o-summit-schedule .o-summit-schedule-item[data-v-b3bf869b] {
     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-9422de32] {
+.o-summit-schedule .o-summit-schedule-item + .o-summit-schedule-item[data-v-b3bf869b] {
   border-top: 1px solid var(--o-color-control4);
 }
-.o-summit-schedule .o-summit-schedule-item[data-v-9422de32]:hover {
+.o-summit-schedule .o-summit-schedule-item[data-v-b3bf869b]:hover {
   background-color: var(--o-color-control2-light);
 }
-.o-summit-schedule .o-summit-schedule-item .o-summit-schedule-time[data-v-9422de32] {
+.o-summit-schedule .o-summit-schedule-item .o-summit-schedule-time[data-v-b3bf869b] {
   grid-column: 1;
   color: var(--o-color-info2);
   display: flex;
@@ -81,7 +81,7 @@
   font-weight: 400;
   flex-wrap: nowrap;
 }
-.o-summit-schedule .o-summit-schedule-item .o-summit-schedule-time svg[data-v-9422de32] {
+.o-summit-schedule .o-summit-schedule-item .o-summit-schedule-time svg[data-v-b3bf869b] {
   --icon-size: 24px;
   height: var(--icon-size);
   width: var(--icon-size);
@@ -90,38 +90,38 @@
   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-9422de32] {
+.o-summit-schedule .o-summit-schedule-item .o-summit-schedule-time svg[data-v-b3bf869b] {
     --icon-size: 20px;
 }
 }
 @media (max-width: 840px) {
-.o-summit-schedule .o-summit-schedule-item .o-summit-schedule-time svg[data-v-9422de32] {
+.o-summit-schedule .o-summit-schedule-item .o-summit-schedule-time svg[data-v-b3bf869b] {
     --icon-size: 16px;
 }
 }
-.o-summit-schedule .o-summit-schedule-item .o-summit-schedule-time span[data-v-9422de32] {
+.o-summit-schedule .o-summit-schedule-item .o-summit-schedule-time span[data-v-b3bf869b] {
   white-space: nowrap;
 }
-.o-summit-schedule .o-summit-schedule-item .o-summit-schedule-topics[data-v-9422de32] {
+.o-summit-schedule .o-summit-schedule-item .o-summit-schedule-topics[data-v-b3bf869b] {
   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-9422de32] {
+.o-summit-schedule .o-summit-schedule-item .o-summit-schedule-topics[data-v-b3bf869b] {
     display: block;
     width: 100%;
 }
 }
-.o-summit-schedule .o-summit-schedule-item .o-summit-schedule-topic[data-v-9422de32] {
+.o-summit-schedule .o-summit-schedule-item .o-summit-schedule-topic[data-v-b3bf869b] {
   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-9422de32] {
+.o-summit-schedule .o-summit-schedule-item .o-summit-schedule-topic[data-v-b3bf869b] {
     display: flex;
     gap: var(--o-gap-2);
     flex-direction: column;
@@ -129,30 +129,30 @@
 }
 }
 @media (max-width: 840px) {
-.o-summit-schedule .o-summit-schedule-item .o-summit-schedule-topic + .o-summit-schedule-topic[data-v-9422de32] {
+.o-summit-schedule .o-summit-schedule-item .o-summit-schedule-topic + .o-summit-schedule-topic[data-v-b3bf869b] {
     margin-top: var(--o-gap-2);
 }
 }
-.o-summit-schedule .o-summit-schedule-item .o-summit-schedule-desc-cell[data-v-9422de32] {
+.o-summit-schedule .o-summit-schedule-item .o-summit-schedule-desc-cell[data-v-b3bf869b] {
   grid-column: 1;
 }
 @media (max-width: 840px) {
-.o-summit-schedule .o-summit-schedule-item .o-summit-schedule-desc-cell[data-v-9422de32] {
+.o-summit-schedule .o-summit-schedule-item .o-summit-schedule-desc-cell[data-v-b3bf869b] {
     width: 100%;
     flex-shrink: 0;
     flex-grow: 0;
 }
 }
-.o-summit-schedule .o-summit-schedule-item .o-summit-schedule-desc-list[data-v-9422de32] {
+.o-summit-schedule .o-summit-schedule-item .o-summit-schedule-desc-list[data-v-b3bf869b] {
   display: block;
 }
-.o-summit-schedule .o-summit-schedule-item .o-summit-schedule-desc[data-v-9422de32] {
+.o-summit-schedule .o-summit-schedule-item .o-summit-schedule-desc[data-v-b3bf869b] {
   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-9422de32] {
+.o-summit-schedule .o-summit-schedule-item .o-summit-schedule-speakers[data-v-b3bf869b] {
   display: grid;
   grid-template-columns: subgrid;
   grid-column: 3/6;
@@ -160,7 +160,7 @@
   align-items: center;
 }
 @media (max-width: 840px) {
-.o-summit-schedule .o-summit-schedule-item .o-summit-schedule-speakers[data-v-9422de32] {
+.o-summit-schedule .o-summit-schedule-item .o-summit-schedule-speakers[data-v-b3bf869b] {
     grid-column: auto;
     grid-template-columns: 4em 1fr;
     column-gap: var(--o-r-gap-4);
@@ -169,11 +169,11 @@
     flex-grow: 0;
 }
 }
-.o-summit-schedule .o-summit-schedule-item .o-summit-schedule-speakers .o-summit-schedule-name[data-v-9422de32] {
+.o-summit-schedule .o-summit-schedule-item .o-summit-schedule-speakers .o-summit-schedule-name[data-v-b3bf869b] {
   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-9422de32] {
+.o-summit-schedule .o-summit-schedule-item .o-summit-schedule-speakers .o-summit-schedule-post[data-v-b3bf869b] {
   grid-column: 3;
   display: flex;
   flex-wrap: wrap;
@@ -181,7 +181,7 @@
   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-9422de32] {
+.o-summit-schedule .o-summit-schedule-item .o-summit-schedule-speakers .o-summit-schedule-post[data-v-b3bf869b] {
     grid-column: 2;
 }
 }

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

@@ -2,7 +2,7 @@ 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-9422de32"]]);
+const _OSummitSchedule = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b3bf869b"]]);
 export {
   _OSummitSchedule as default
 };

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

@@ -3,7 +3,7 @@ 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";
-import { normalizeScheduleRows } from "./utils.mjs";
+import { normalizeScheduleEntries } from "./utils.mjs";
 const _hoisted_1 = { class: "o-summit-schedule" };
 const _hoisted_2 = {
   key: 0,
@@ -40,19 +40,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const categoryIndex = ref(0);
     const sessionIndex = ref(0);
     const forumTypeIndex = ref(0);
-    const currentDay = computed(() => {
+    const normalizedDays = computed(() => normalizeScheduleEntries(props.schedule.entries ?? []));
+    const dayLabels = computed(() => normalizedDays.value.map((d) => d.dateLabel));
+    const currentDay = computed(() => normalizedDays.value[dayIndex.value]);
+    const currentCategories = computed(() => {
       var _a;
-      return (_a = props.schedule.days) == null ? void 0 : _a[dayIndex.value];
+      return ((_a = currentDay.value) == null ? void 0 : _a.categories) ?? [];
     });
-    const currentCategories = computed(
-      () => {
-        var _a;
-        return (((_a = currentDay.value) == null ? void 0 : _a.categories) ?? []).map((category) => ({
-          ...category,
-          sessions: normalizeScheduleRows(category.entries ?? [])
-        }));
-      }
-    );
     const currentCategory = computed(() => {
       var _a;
       return (_a = currentCategories.value) == null ? void 0 : _a[categoryIndex.value];
@@ -124,7 +118,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createVNode(OSummitTabs, {
           modelValue: dayIndex.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dayIndex.value = $event),
-          items: (props.schedule.days ?? []).map((d) => d.dateLabel),
+          items: dayLabels.value,
           onChange: selectDay
         }, null, 8, ["modelValue", "items"]),
         hasCategories.value && currentDay.value ? (openBlock(), createBlock(unref(OTab), {

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

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

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

@@ -1,7 +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-de6cb33f"]]);
+const OSummitTabs = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7337571d"]]);
 export {
   OSummitTabs as default
 };

package/dist/treeshaking/components/summit/index.d.ts

@@ -1,6 +1,6 @@
 import { App } from 'vue';
 declare const OSummit: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').SummitPropsT> & Readonly<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').SummitPropsT> & Readonly<{
         onLiveChange?: ((liveId: string | number) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
         liveChange: (liveId: string | number) => any;
@@ -11,13 +11,13 @@ declare const OSummit: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('../../index').SummitPropsT> & Readonly<{
+    }, Readonly<import('./types').SummitPropsT> & Readonly<{
         onLiveChange?: ((liveId: string | number) => any) | undefined;
     }>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('../../index').SummitPropsT> & Readonly<{
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').SummitPropsT> & Readonly<{
     onLiveChange?: ((liveId: string | number) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     liveChange: (liveId: string | number) => any;
@@ -25,22 +25,22 @@ declare const OSummit: {
     install(app: App): void;
 };
 declare const OSummitIntro: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').SummitIntroPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').SummitIntroPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('../../index').SummitIntroPropsT> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    }, Readonly<import('./types').SummitIntroPropsT> & Readonly<{}>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('../../index').SummitIntroPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').SummitIntroPropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
     install(app: App): void;
 };
 declare const OSummitLive: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').SummitLivePropsT> & Readonly<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').SummitLivePropsT> & Readonly<{
         onChange?: ((liveId: string | number) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
         change: (liveId: string | number) => any;
@@ -51,13 +51,13 @@ declare const OSummitLive: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('../../index').SummitLivePropsT> & Readonly<{
+    }, Readonly<import('./types').SummitLivePropsT> & Readonly<{
         onChange?: ((liveId: string | number) => any) | undefined;
     }>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('../../index').SummitLivePropsT> & Readonly<{
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').SummitLivePropsT> & Readonly<{
     onChange?: ((liveId: string | number) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     change: (liveId: string | number) => any;
@@ -65,18 +65,18 @@ declare const OSummitLive: {
     install(app: App): void;
 };
 declare const OSummitSchedule: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').SummitSchedulePropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').SummitSchedulePropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('../../index').SummitSchedulePropsT> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    }, Readonly<import('./types').SummitSchedulePropsT> & Readonly<{}>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('../../index').SummitSchedulePropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').SummitSchedulePropsT> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
     install(app: App): void;
 };
 export { OSummit, OSummitIntro, OSummitLive, OSummitSchedule, };