@opendesign-plus/components 0.0.1-rc.103 → 0.0.1-rc.105

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

@@ -0,0 +1,141 @@
+import OSummitTabs_default from "./components/OSummitTabs.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, onMounted, onUnmounted, openBlock, ref, renderList, toDisplayString, unref, watch, withCtx } from "vue";
+import { OOption, OSelect } from "@opensig/opendesign";
+import { useScreen } from "@opendesign-plus/composables";
+// src/components/summit/OSummitLive.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "o-summit-live" };
+var _hoisted_2 = {
+	key: 0,
+	class: "o-summit-title"
+};
+var _hoisted_3 = { class: "o-summit-live-wrapper" };
+var _hoisted_4 = { class: "o-summit-live-select" };
+var _hoisted_5 = ["height", "src"];
+var _hoisted_6 = { class: "o-summit-live-itembox" };
+var _hoisted_7 = ["onClick"];
+var _hoisted_8 = { class: "o-summit-live-name" };
+var OSummitLive_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "OSummitLive",
+	props: {
+		section: {},
+		liveUrl: {},
+		backgrounds: {}
+	},
+	emits: ["change"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { size } = useScreen();
+		const height = ref(800);
+		const roomId = ref(0);
+		const dateIndex = ref(0);
+		const currentRooms = computed(() => props.section.dates?.[dateIndex.value]?.rooms || []);
+		const dateLabels = computed(() => props.section.dates?.map((d) => d.label) ?? []);
+		const liveRoom = ref(currentRooms.value[0]?.liveId);
+		watch(currentRooms, (val) => {
+			liveRoom.value = val[0]?.liveId;
+			roomId.value = 0;
+			emit("change", liveRoom.value);
+		});
+		const setLiveRoom = (item, index) => {
+			roomId.value = index;
+			emit("change", item.liveId);
+		};
+		const changeLive = (val) => {
+			const liveId = Array.isArray(val) ? val[0] : val;
+			const idx = currentRooms.value.findIndex((item) => item.liveId === liveId);
+			if (idx > -1) roomId.value = idx;
+			emit("change", liveId);
+		};
+		function setHeight(data) {
+			if (size.width <= 1100) {
+				if (data.state === 1 || data.state === 3) height.value = size.width * 1.31;
+				else if (data.state === 0 || data.state === 2) height.value = size.width * .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) => {
+			let data = "";
+			try {
+				data = JSON.parse(event.data);
+			} catch {
+				data = event.data;
+			}
+			setHeight(data);
+		};
+		onMounted(() => {
+			window.addEventListener("message", messageHandler, false);
+		});
+		onUnmounted(() => {
+			window.removeEventListener("message", messageHandler);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				props.section.title ? (openBlock(), createElementBlock("h3", _hoisted_2, toDisplayString(props.section.title), 1)) : createCommentVNode("", true),
+				createVNode(OSummitTabs_default, {
+					modelValue: dateIndex.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dateIndex.value = $event),
+					items: dateLabels.value
+				}, null, 8, ["modelValue", "items"]),
+				createElementVNode("div", _hoisted_3, [
+					createElementVNode("div", _hoisted_4, [createVNode(unref(OSelect), {
+						modelValue: liveRoom.value,
+						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => liveRoom.value = $event),
+						clearable: "",
+						filterable: "",
+						onChange: changeLive
+					}, {
+						default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(currentRooms.value, (item) => {
+							return openBlock(), createBlock(unref(OOption), {
+								key: item.id,
+								label: item.name,
+								value: item.liveId
+							}, null, 8, ["label", "value"]);
+						}), 128))]),
+						_: 1
+					}, 8, ["modelValue"])]),
+					createElementVNode("iframe", {
+						height: height.value,
+						allow: "camera *;microphone *;",
+						scrolling: "no",
+						src: props.liveUrl,
+						allowfullscreen: "true",
+						class: "o-summit-live-video"
+					}, null, 8, _hoisted_5),
+					createElementVNode("div", {
+						class: "o-summit-live-web",
+						style: normalizeStyle({
+							"--o-summit-live-bg-normal": __props.backgrounds?.normal ? `url(${__props.backgrounds.normal})` : "",
+							"--o-summit-live-bg-normal-dark": __props.backgrounds?.normalDark ? `url(${__props.backgrounds.normalDark})` : "",
+							"--o-summit-live-bg-normal-active": __props.backgrounds?.normalActive ? `url(${__props.backgrounds.normalActive})` : "",
+							"--o-summit-live-bg-normal-active-dark": __props.backgrounds?.normalActiveDark ? `url(${__props.backgrounds.normalActiveDark})` : "",
+							"--o-summit-live-bg-main": __props.backgrounds?.main ? `url(${__props.backgrounds.main})` : "",
+							"--o-summit-live-bg-main-dark": __props.backgrounds?.mainDark ? `url(${__props.backgrounds.mainDark})` : "",
+							"--o-summit-live-bg-main-active": __props.backgrounds?.mainActive ? `url(${__props.backgrounds.mainActive})` : "",
+							"--o-summit-live-bg-main-active-dark": __props.backgrounds?.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,
+							class: normalizeClass([
+								"o-summit-live-link",
+								roomId.value === index ? "is-active" : "",
+								index === 0 ? "is-main" : ""
+							]),
+							style: normalizeStyle({
+								"--o-summit-live-bg": item.background ? `url(${item.background})` : "",
+								"--o-summit-live-bg-dark": item.backgroundDark ? `url(${item.backgroundDark})` : ""
+							}),
+							onClick: ($event) => setLiveRoom(item, index)
+						}, [createElementVNode("p", _hoisted_8, toDisplayString(item.name), 1)], 14, _hoisted_7);
+					}), 128))])], 4)
+				])
+			]);
+		};
+	}
+});
+export { OSummitLive_vue_vue_type_script_setup_true_lang_default as default };

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

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import OSummitSchedule_vue_vue_type_script_setup_true_lang_default from "./OSummitSchedule.vue_vue_type_script_setup_true_lang.mjs";
+import './OSummitSchedule.vue_vue_type_style_index_0_scoped_934d2319_lang.css';
+import './OSummitSchedule.vue_vue_type_style_index_1_lang.css';
+// src/components/summit/OSummitSchedule.vue
+var OSummitSchedule_default = /*#__PURE__*/ _plugin_vue_export_helper_default(OSummitSchedule_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-934d2319"]]);
+export { OSummitSchedule_default as default };

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

@@ -0,0 +1,229 @@
+import { useI18n } from "../../i18n/index.mjs";
+import icon_outlink_default from "../../_virtual/~icons/components/icon-outlink.mjs";
+import icon_time_default from "../../_virtual/~icons/components/icon-time.mjs";
+import OSummitTabs_default from "./components/OSummitTabs.mjs";
+import icon_address_default from "../../_virtual/~icons/components/icon-address.mjs";
+import { normalizeScheduleEntries } from "./utils.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useSlots, watch, withCtx } from "vue";
+import { OIcon, OPopover, OTab, OTabPane } from "@opensig/opendesign";
+// src/components/summit/OSummitSchedule.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "o-summit-schedule" };
+var _hoisted_2 = {
+	key: 0,
+	class: "o-summit-title"
+};
+var _hoisted_3 = {
+	key: 3,
+	class: "o-summit-agenda-content-wrapper"
+};
+var _hoisted_4 = { class: "o-summit-agenda-content" };
+var _hoisted_5 = { class: "o-summit-schedule-time" };
+var _hoisted_6 = { class: "o-summit-schedule-topics" };
+var _hoisted_7 = { class: "o-summit-schedule-desc-cell" };
+var _hoisted_8 = { class: "o-summit-schedule-desc-list" };
+var _hoisted_9 = { class: "o-summit-schedule-detail" };
+var _hoisted_10 = { key: 0 };
+var _hoisted_11 = { key: 1 };
+var _hoisted_12 = {
+	key: 1,
+	class: "o-summit-schedule-desc-list"
+};
+var _hoisted_13 = {
+	key: 0,
+	class: "o-summit-schedule-speakers"
+};
+var _hoisted_14 = { class: "o-summit-schedule-name" };
+var _hoisted_15 = { class: "o-summit-schedule-post" };
+var _hoisted_16 = {
+	key: 1,
+	class: "o-summit-schedule-address"
+};
+var _hoisted_17 = ["href"];
+var OSummitSchedule_vue_vue_type_script_setup_true_lang_default = /*@__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 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(() => currentDay.value?.categories ?? []);
+		const currentCategory = computed(() => currentCategories.value?.[categoryIndex.value]);
+		const currentSessions = computed(() => currentCategory.value?.sessions || []);
+		const currentSession = computed(() => currentSessions.value[sessionIndex.value]);
+		const currentSubForums = computed(() => currentSession.value?.subForums || []);
+		const currentSubForum = computed(() => currentSubForums.value[forumTypeIndex.value]);
+		const currentSchedule = computed(() => {
+			if (!currentSession.value) return [];
+			if (currentSession.value.items) return currentSession.value.items;
+			return currentSubForum.value?.items || [];
+		});
+		const currentDetailMode = computed(() => currentSubForum.value?.detailMode);
+		const slots = useSlots();
+		const isEmptySession = computed(() => {
+			const s = currentSession.value;
+			return !!s && !s.items && !s.subForums;
+		});
+		const sessionSlotName = computed(() => currentSession.value?.sessionKey ? `session-${currentSession.value.sessionKey}` : "");
+		const hasSessionSlot = computed(() => !!(sessionSlotName.value && slots[sessionSlotName.value]));
+		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(() => (currentDay.value?.categories?.length || 0) > 1);
+		function speakerNames(topic) {
+			return (topic.speakers || []).map((s) => s.name).filter(Boolean).join("、");
+		}
+		function speakerPositions(topic) {
+			return (topic.speakers || []).map((s) => s.positions?.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_default, {
+					modelValue: dayIndex.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dayIndex.value = $event),
+					items: dayLabels.value,
+					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_default, {
+					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"]),
+				isEmptySession.value && hasSessionSlot.value ? renderSlot(_ctx.$slots, sessionSlotName.value, {
+					key: 2,
+					session: currentSession.value
+				}, void 0, true) : !isEmptySession.value ? (openBlock(), createElementBlock("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(icon_time_default)), 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),
+							topic.address ? (openBlock(), createElementBlock("div", _hoisted_16, [createVNode(unref(OIcon), null, {
+								default: withCtx(() => [createVNode(unref(icon_address_default))]),
+								_: 1
+							}), createElementVNode("span", null, toDisplayString(topic.address), 1)])) : createCommentVNode("", true),
+							topic.url ? (openBlock(), createElementBlock("a", {
+								key: 2,
+								class: "o-summit-schedule-url",
+								href: topic.url,
+								target: "_blank",
+								rel: "noopener noreferrer"
+							}, [createElementVNode("span", null, toDisplayString(unref(t)("summit.scheduleTopicUrl")), 1), createVNode(unref(OIcon), null, {
+								default: withCtx(() => [createVNode(unref(icon_outlink_default))]),
+								_: 1
+							})], 8, _hoisted_17)) : createCommentVNode("", true)
+						]);
+					}), 128))])]);
+				}), 128))])])) : createCommentVNode("", true)
+			]);
+		};
+	}
+});
+export { OSummitSchedule_vue_vue_type_script_setup_true_lang_default as default };

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

@@ -0,0 +1,6 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import OSummitTabs_vue_vue_type_script_setup_true_lang_default from "./OSummitTabs.vue_vue_type_script_setup_true_lang.mjs";
+import './OSummitTabs.vue_vue_type_style_index_0_scoped_7337571d_lang.css';
+// src/components/summit/components/OSummitTabs.vue
+var OSummitTabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(OSummitTabs_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-7337571d"]]);
+export { OSummitTabs_default as default };

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

@@ -0,0 +1,127 @@
+import { Fragment, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, nextTick, normalizeClass, onMounted, openBlock, ref, renderList, toDisplayString, unref, vShow, watch, withCtx, withDirectives } from "vue";
+import { OIcon, OIconChevronLeft, OIconChevronRight } from "@opensig/opendesign";
+import { useResizeObserver } from "@vueuse/core";
+// src/components/summit/components/OSummitTabs.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["tabindex", "aria-disabled"];
+var _hoisted_2 = ["onClick"];
+var _hoisted_3 = ["tabindex", "aria-disabled"];
+var _hoisted_4 = {
+	key: 1,
+	class: "o-summit-tabs-single"
+};
+var SCROLL_STEP = 3;
+var OSummitTabs_vue_vue_type_script_setup_true_lang_default = /*@__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) => {
+			if (props.disabled?.includes(idx)) return;
+			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++) if (tabs[i].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;
+			let target = firstVisibleIndex() + 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) => {
+					return openBlock(), createElementBlock("button", {
+						key: idx,
+						class: normalizeClass(["o-summit-tab", {
+							"is-active": __props.modelValue === idx,
+							"is-disabled": __props.disabled?.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 { OSummitTabs_vue_vue_type_script_setup_true_lang_default as default };

package/dist/treeshaking/components/summit/index.mjs

@@ -1,30 +1,18 @@
-import _OSummit from "./OSummit.vue.mjs";
-import _OSummitIntro from "./OSummitIntro.vue.mjs";
-import _OSummitLive from "./OSummitLive.vue.mjs";
-import _OSummitSchedule from "./OSummitSchedule.vue.mjs";
-const OSummit = Object.assign(_OSummit, {
-  install(app) {
-    app.component("OSummit", _OSummit);
-  }
-});
-const OSummitIntro = Object.assign(_OSummitIntro, {
-  install(app) {
-    app.component("OSummitIntro", _OSummitIntro);
-  }
-});
-const OSummitLive = Object.assign(_OSummitLive, {
-  install(app) {
-    app.component("OSummitLive", _OSummitLive);
-  }
-});
-const OSummitSchedule = Object.assign(_OSummitSchedule, {
-  install(app) {
-    app.component("OSummitSchedule", _OSummitSchedule);
-  }
-});
-export {
-  OSummit,
-  OSummitIntro,
-  OSummitLive,
-  OSummitSchedule
-};
+import OSummitIntro_default from "./OSummitIntro.mjs";
+import OSummitLive_default from "./OSummitLive.mjs";
+import OSummitSchedule_default from "./OSummitSchedule.mjs";
+import OSummit_default from "./OSummit.mjs";
+// src/components/summit/index.ts
+var OSummit = Object.assign(OSummit_default, { install(app) {
+	app.component("OSummit", OSummit_default);
+} });
+var OSummitIntro = Object.assign(OSummitIntro_default, { install(app) {
+	app.component("OSummitIntro", OSummitIntro_default);
+} });
+var OSummitLive = Object.assign(OSummitLive_default, { install(app) {
+	app.component("OSummitLive", OSummitLive_default);
+} });
+var OSummitSchedule = Object.assign(OSummitSchedule_default, { install(app) {
+	app.component("OSummitSchedule", OSummitSchedule_default);
+} });
+export { OSummit, OSummitIntro, OSummitLive, OSummitSchedule };