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

package/dist/treeshaking/components/article-anchor/components/ArticleAnchorMobile.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,132 @@
+import icon_anchor_default from "../../../_virtual/~icons/components/icon-anchor.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, nextTick, normalizeStyle, openBlock, ref, renderList, toDisplayString, unref, useCssVars, watch, withCtx } from "vue";
+import { ODialog, OIcon, OMenu, OMenuItem } from "@opensig/opendesign";
+import { useEventListener } from "@vueuse/core";
+// src/components/article-anchor/components/ArticleAnchorMobile.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "o-article-anchor--mobile" };
+var _hoisted_2 = ["aria-label", "aria-expanded"];
+var _hoisted_3 = { class: "o-article-anchor--mobile__sheet-title" };
+var ArticleAnchorMobile_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "ArticleAnchorMobile",
+	props: {
+		title: {},
+		radius: {},
+		expanded: { type: Boolean },
+		items: {},
+		container: {},
+		targetOffset: {}
+	},
+	emits: [
+		"toggle",
+		"close",
+		"update:visible"
+	],
+	setup(__props, { emit: __emit }) {
+		useCssVars((_ctx) => ({ "v3bf9ee34": _ctx.radius }));
+		const props = __props;
+		const emit = __emit;
+		const visible = computed({
+			get: () => !!props.expanded,
+			set: (value) => {
+				if (value) emit("toggle");
+				else emit("close");
+			}
+		});
+		const flatItems = computed(() => {
+			const list = [];
+			props.items?.forEach((item) => {
+				list.push(item);
+				if (item.children?.length) list.push(...item.children);
+			});
+			return list;
+		});
+		const active = ref("");
+		const scrollTarget = computed(() => {
+			if (typeof props.container === "string") return document.querySelector(props.container);
+			if (props.container && props.container !== window) return props.container;
+			return window;
+		});
+		const updateActive = () => {
+			if (!flatItems.value.length) return;
+			const container = scrollTarget.value;
+			if (!container) return;
+			const containerTop = container === window ? 0 : container.getBoundingClientRect().top;
+			const offset = (props.targetOffset ?? 0) + 1;
+			let current = null;
+			for (const item of flatItems.value) {
+				const observeId = (item.observeHref || item.href).replace(/^#/, "");
+				const el = document.getElementById(observeId);
+				if (!el) continue;
+				if (el.getBoundingClientRect().top - containerTop <= offset) current = item.href;
+			}
+			if (current && active.value !== current) active.value = current;
+		};
+		useEventListener(scrollTarget, "scroll", updateActive);
+		watch(() => props.expanded, (value) => {
+			if (value) nextTick(updateActive);
+		});
+		watch(() => props.items, () => {
+			nextTick(updateActive);
+		}, { deep: true });
+		const jump = (item) => {
+			const target = item.observeHref || item.href;
+			document.getElementById(target.replace(/^#/, ""))?.scrollIntoView({
+				behavior: "smooth",
+				block: "start"
+			});
+			emit("close");
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", {
+				class: "o-article-anchor--mobile__fab",
+				"aria-label": __props.title,
+				"aria-expanded": __props.expanded,
+				onClick: _cache[0] || (_cache[0] = ($event) => emit("toggle"))
+			}, [createVNode(unref(OIcon), { class: "o-article-anchor--mobile__fab-icon" }, {
+				default: withCtx(() => [createVNode(unref(icon_anchor_default))]),
+				_: 1
+			})], 8, _hoisted_2), createVNode(unref(ODialog), {
+				visible: visible.value,
+				"onUpdate:visible": _cache[2] || (_cache[2] = ($event) => visible.value = $event),
+				"phone-half-full": "",
+				size: "medium",
+				style: normalizeStyle({
+					"--dlg-radius": __props.radius,
+					"--dlg-margin": "24px",
+					"--dlg-header-color": "var(--o-color-info1)"
+				})
+			}, {
+				header: withCtx(() => [createElementVNode("span", _hoisted_3, toDisplayString(__props.title), 1)]),
+				default: withCtx(() => [createVNode(unref(OMenu), {
+					modelValue: active.value,
+					"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => active.value = $event),
+					class: "o-article-anchor--mobile__menu"
+				}, {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
+						return openBlock(), createElementBlock(Fragment, { key: item.href }, [createVNode(unref(OMenuItem), {
+							class: "o-article-anchor--mobile__menu-item",
+							value: item.href,
+							onClick: ($event) => jump(item)
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(item.title), 1)]),
+							_: 2
+						}, 1032, ["value", "onClick"]), item.children?.length ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(item.children, (child) => {
+							return openBlock(), createBlock(unref(OMenuItem), {
+								key: child.href,
+								value: child.href,
+								class: "o-article-anchor--mobile__menu-subitem",
+								onClick: ($event) => jump(child)
+							}, {
+								default: withCtx(() => [createTextVNode(toDisplayString(child.title), 1)]),
+								_: 2
+							}, 1032, ["value", "onClick"]);
+						}), 128)) : createCommentVNode("", true)], 64);
+					}), 128))]),
+					_: 1
+				}, 8, ["modelValue"])]),
+				_: 1
+			}, 8, ["visible", "style"])]);
+		};
+	}
+});
+export { ArticleAnchorMobile_vue_vue_type_script_setup_true_lang_default as default };

package/dist/treeshaking/components/article-anchor/components/ArticleAnchorPad.mjs

@@ -0,0 +1,6 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import ArticleAnchorPad_vue_vue_type_script_setup_true_lang_default from "./ArticleAnchorPad.vue_vue_type_script_setup_true_lang.mjs";
+import './ArticleAnchorPad.vue_vue_type_style_index_0_scoped_3c75b66d_lang.css';
+// src/components/article-anchor/components/ArticleAnchorPad.vue
+var ArticleAnchorPad_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ArticleAnchorPad_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-3c75b66d"]]);
+export { ArticleAnchorPad_default as default };

package/dist/treeshaking/components/article-anchor/components/ArticleAnchorPad.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,54 @@
+import { useI18n } from "../../../i18n/index.mjs";
+import icon_anchor_default from "../../../_virtual/~icons/components/icon-anchor.mjs";
+import icon_anchor_expand_default from "../../../_virtual/~icons/components/icon-anchor-expand.mjs";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderSlot, toDisplayString, unref, useCssVars, vShow, withCtx, withDirectives } from "vue";
+import { OIcon } from "@opensig/opendesign";
+import { useEventListener } from "@vueuse/core";
+// src/components/article-anchor/components/ArticleAnchorPad.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "o-article-anchor--pad__toggle-label" };
+var _hoisted_2 = { class: "o-article-anchor--pad__pop" };
+var _hoisted_3 = {
+	key: 0,
+	class: "o-article-anchor--pad__pop-title"
+};
+var _hoisted_4 = { class: "o-article-anchor--pad__pop-title-text" };
+var ArticleAnchorPad_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "ArticleAnchorPad",
+	props: {
+		showTitle: { type: Boolean },
+		title: {},
+		radius: {},
+		expanded: { type: Boolean }
+	},
+	emits: ["toggle", "close"],
+	setup(__props, { emit: __emit }) {
+		useCssVars((_ctx) => ({ "v8dd14310": _ctx.radius }));
+		const { t } = useI18n();
+		const navTitle = computed(() => t("articleAnchor.navTitle"));
+		const emit = __emit;
+		const rootRef = ref();
+		useEventListener(document, "click", (e) => {
+			if (!rootRef.value?.contains(e.target)) emit("close");
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "rootRef",
+				ref: rootRef,
+				class: "o-article-anchor--pad"
+			}, [createElementVNode("div", {
+				class: normalizeClass(["o-article-anchor--pad__toggle", { hidden: __props.expanded }]),
+				onClick: _cache[0] || (_cache[0] = ($event) => emit("toggle"))
+			}, [createVNode(unref(OIcon), { class: "o-article-anchor--pad__toggle-icon" }, {
+				default: withCtx(() => [createVNode(unref(icon_anchor_default))]),
+				_: 1
+			}), createElementVNode("span", _hoisted_1, toDisplayString(navTitle.value), 1)], 2), withDirectives(createElementVNode("div", _hoisted_2, [__props.showTitle ? (openBlock(), createElementBlock("div", _hoisted_3, [createElementVNode("span", _hoisted_4, toDisplayString(__props.title), 1), createVNode(unref(OIcon), {
+				class: "o-article-anchor--pad__pop-close",
+				onClick: _cache[1] || (_cache[1] = ($event) => emit("close"))
+			}, {
+				default: withCtx(() => [createVNode(unref(icon_anchor_expand_default))]),
+				_: 1
+			})])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default", {}, void 0, true)], 512), [[vShow, __props.expanded]])], 512);
+		};
+	}
+});
+export { ArticleAnchorPad_vue_vue_type_script_setup_true_lang_default as default };

package/dist/treeshaking/components/article-anchor/components/ArticleAnchorPc.mjs

@@ -0,0 +1,6 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import ArticleAnchorPc_vue_vue_type_script_setup_true_lang_default from "./ArticleAnchorPc.vue_vue_type_script_setup_true_lang.mjs";
+import './ArticleAnchorPc.vue_vue_type_style_index_0_scoped_a480e4e7_lang.css';
+// src/components/article-anchor/components/ArticleAnchorPc.vue
+var ArticleAnchorPc_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ArticleAnchorPc_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-a480e4e7"]]);
+export { ArticleAnchorPc_default as default };

package/dist/treeshaking/components/article-anchor/components/ArticleAnchorPc.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,27 @@
+import icon_anchor_default from "../../../_virtual/~icons/components/icon-anchor.mjs";
+import { createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, renderSlot, toDisplayString, unref, useCssVars, withCtx } from "vue";
+import { OIcon } from "@opensig/opendesign";
+// src/components/article-anchor/components/ArticleAnchorPc.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "o-article-anchor" };
+var _hoisted_2 = {
+	key: 0,
+	class: "o-article-anchor__title"
+};
+var ArticleAnchorPc_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "ArticleAnchorPc",
+	props: {
+		showTitle: { type: Boolean },
+		title: {},
+		radius: {}
+	},
+	setup(__props) {
+		useCssVars((_ctx) => ({ "v1e4fd6d4": _ctx.radius }));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [__props.showTitle ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(unref(OIcon), { class: "o-article-anchor__icon" }, {
+				default: withCtx(() => [createVNode(unref(icon_anchor_default))]),
+				_: 1
+			}), createElementVNode("span", null, toDisplayString(__props.title), 1)])) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default", {}, void 0, true)]);
+		};
+	}
+});
+export { ArticleAnchorPc_vue_vue_type_script_setup_true_lang_default as default };

package/dist/treeshaking/components/article-anchor/index.mjs

@@ -1,9 +1,6 @@
-import _OArticleAnchor from "./OArticleAnchor.vue.mjs";
-const OArticleAnchor = Object.assign(_OArticleAnchor, {
-  install(app) {
-    app.component("OArticleAnchor", _OArticleAnchor);
-  }
-});
-export {
-  OArticleAnchor
-};
+import OArticleAnchor_default from "./OArticleAnchor.mjs";
+// src/components/article-anchor/index.ts
+var OArticleAnchor = Object.assign(OArticleAnchor_default, { install(app) {
+	app.component("OArticleAnchor", OArticleAnchor_default);
+} });
+export { OArticleAnchor };

package/dist/treeshaking/components/article-pagination/OArticlePagination.mjs

@@ -0,0 +1,6 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import OArticlePagination_vue_vue_type_script_setup_true_lang_default from "./OArticlePagination.vue_vue_type_script_setup_true_lang.mjs";
+import './OArticlePagination.vue_vue_type_style_index_0_scoped_8a8cf9f8_lang.css';
+// src/components/article-pagination/OArticlePagination.vue
+var OArticlePagination_default = /*#__PURE__*/ _plugin_vue_export_helper_default(OArticlePagination_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-8a8cf9f8"]]);
+export { OArticlePagination_default as default };

package/dist/treeshaking/components/article-pagination/OArticlePagination.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,82 @@
+import { useI18n } from "../../i18n/index.mjs";
+import icon_next_default from "../../_virtual/~icons/components/icon-next.mjs";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, toDisplayString, unref, withCtx } from "vue";
+import { ODivider, OIcon } from "@opensig/opendesign";
+// src/components/article-pagination/OArticlePagination.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "o-article-pagination__main" };
+var _hoisted_2 = ["href", "title"];
+var _hoisted_3 = { class: "o-article-pagination__card" };
+var _hoisted_4 = { class: "o-article-pagination__text" };
+var _hoisted_5 = { class: "o-article-pagination__label" };
+var _hoisted_6 = { class: "o-article-pagination__title" };
+var _hoisted_7 = ["href", "title"];
+var _hoisted_8 = { class: "o-article-pagination__card" };
+var _hoisted_9 = { class: "o-article-pagination__text" };
+var _hoisted_10 = { class: "o-article-pagination__label" };
+var _hoisted_11 = { class: "o-article-pagination__title" };
+var OArticlePagination_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "OArticlePagination",
+	props: {
+		prev: { default: null },
+		next: { default: null },
+		prevLabel: { default: "" },
+		nextLabel: { default: "" },
+		divider: {
+			type: Boolean,
+			default: true
+		},
+		radius: { default: "var(--o-radius-xs)" },
+		preventDefault: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["navigate"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const { t } = useI18n();
+		const emit = __emit;
+		const hasPrev = computed(() => !!props.prev && !!props.prev.url);
+		const hasNext = computed(() => !!props.next && !!props.next.url);
+		const show = computed(() => hasPrev.value || hasNext.value);
+		const resolvedPrevLabel = computed(() => props.prevLabel || t("md.prevPage"));
+		const resolvedNextLabel = computed(() => props.nextLabel || t("md.nextPage"));
+		const onNavigate = (type, item) => (event) => {
+			if (props.preventDefault) event.preventDefault();
+			emit("navigate", type, item);
+		};
+		return (_ctx, _cache) => {
+			return show.value ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(["o-article-pagination", {
+					"o-article-pagination--has-prev": hasPrev.value,
+					"o-article-pagination--has-next": hasNext.value
+				}]),
+				style: normalizeStyle({ "--o-article-pagination-radius": __props.radius })
+			}, [__props.divider ? (openBlock(), createBlock(unref(ODivider), {
+				key: 0,
+				direction: "h",
+				class: "o-article-pagination__divider"
+			})) : createCommentVNode("", true), createElementVNode("div", _hoisted_1, [hasPrev.value ? (openBlock(), createElementBlock("a", {
+				key: 0,
+				class: "o-article-pagination__side o-article-pagination__side--prev",
+				href: __props.prev.url,
+				title: __props.prev.title,
+				onClick: _cache[0] || (_cache[0] = ($event) => onNavigate("prev", __props.prev))
+			}, [createElementVNode("span", _hoisted_3, [createVNode(unref(OIcon), { class: "o-article-pagination__arrow o-article-pagination__arrow--prev" }, {
+				default: withCtx(() => [createVNode(unref(icon_next_default))]),
+				_: 1
+			}), createElementVNode("span", _hoisted_4, [createElementVNode("span", _hoisted_5, toDisplayString(resolvedPrevLabel.value), 1), createElementVNode("span", _hoisted_6, toDisplayString(__props.prev.title), 1)])])], 8, _hoisted_2)) : createCommentVNode("", true), hasNext.value ? (openBlock(), createElementBlock("a", {
+				key: 1,
+				class: "o-article-pagination__side o-article-pagination__side--next",
+				href: __props.next.url,
+				title: __props.next.title,
+				onClick: _cache[1] || (_cache[1] = ($event) => onNavigate("next", __props.next))
+			}, [createElementVNode("span", _hoisted_8, [createElementVNode("span", _hoisted_9, [createElementVNode("span", _hoisted_10, toDisplayString(resolvedNextLabel.value), 1), createElementVNode("span", _hoisted_11, toDisplayString(__props.next.title), 1)]), createVNode(unref(OIcon), { class: "o-article-pagination__arrow o-article-pagination__arrow--next" }, {
+				default: withCtx(() => [createVNode(unref(icon_next_default))]),
+				_: 1
+			})])], 8, _hoisted_7)) : createCommentVNode("", true)])], 6)) : createCommentVNode("", true);
+		};
+	}
+});
+export { OArticlePagination_vue_vue_type_script_setup_true_lang_default as default };

package/dist/treeshaking/components/article-pagination/index.mjs

@@ -1,9 +1,6 @@
-import _OArticlePagination from "./OArticlePagination.vue.mjs";
-const OArticlePagination = Object.assign(_OArticlePagination, {
-  install(app) {
-    app.component("OArticlePagination", _OArticlePagination);
-  }
-});
-export {
-  OArticlePagination
-};
+import OArticlePagination_default from "./OArticlePagination.mjs";
+// src/components/article-pagination/index.ts
+var OArticlePagination = Object.assign(OArticlePagination_default, { install(app) {
+	app.component("OArticlePagination", OArticlePagination_default);
+} });
+export { OArticlePagination };

package/dist/treeshaking/components/banner/OBanner.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import OBanner_vue_vue_type_script_setup_true_lang_default from "./OBanner.vue_vue_type_script_setup_true_lang.mjs";
+import './OBanner.vue_vue_type_style_index_0_scoped_8cfcc7ff_lang.css';
+import './OBanner.vue_vue_type_style_index_1_scoped_8cfcc7ff_lang.css';
+// src/components/banner/OBanner.vue
+var OBanner_default = /*#__PURE__*/ _plugin_vue_export_helper_default(OBanner_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-8cfcc7ff"]]);
+export { OBanner_default as default };

package/dist/treeshaking/components/banner/OBanner.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,129 @@
+import { useTheme } from "../../shared/theme.mjs";
+import ContentWrapper_default from "../common/ContentWrapper.mjs";
+import OBannerContent_default from "./OBannerContent.mjs";
+import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
+import { OCarousel, OCarouselItem, OFigure } from "@opensig/opendesign";
+import { useScreen } from "@opendesign-plus/composables";
+// src/components/banner/OBanner.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "content-height"
+};
+var _hoisted_2 = { key: 0 };
+var _hoisted_3 = {
+	key: 1,
+	class: "content-height"
+};
+var _hoisted_4 = {
+	key: 2,
+	class: "content-height"
+};
+var OBanner_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "OBanner",
+	props: {
+		options: {},
+		size: {},
+		contentJustifyCenter: { type: Boolean },
+		autoPlay: { type: Boolean }
+	},
+	emits: ["click"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { isLight } = useTheme();
+		const { isPhone } = useScreen();
+		const singleBanner = computed(() => {
+			if (!props.options) return void 0;
+			if (Array.isArray(props.options)) return props.options.length === 1 ? props.options[0] : void 0;
+			return props.options;
+		});
+		const multiBanner = computed(() => {
+			if (!Array.isArray(props.options) || props.options.length <= 1) return void 0;
+			return props.options;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["home-banner", __props.size]) }, [singleBanner.value ? (openBlock(), createElementBlock("div", _hoisted_1, [__props.size === "tiny" ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(singleBanner.value.title), 1)) : !unref(isPhone) ? (openBlock(), createBlock(OBannerContent_default, {
+				key: 1,
+				info: singleBanner.value,
+				size: __props.size,
+				"content-justify-center": __props.contentJustifyCenter,
+				"is-phone": unref(isPhone),
+				"is-light": unref(isLight),
+				onClick: _cache[0] || (_cache[0] = ($event) => emit("click", $event))
+			}, null, 8, [
+				"info",
+				"size",
+				"content-justify-center",
+				"is-phone",
+				"is-light"
+			])) : (openBlock(), createBlock(ContentWrapper_default, {
+				key: 2,
+				class: "banner-wrapper"
+			}, {
+				default: withCtx(() => [createVNode(unref(OFigure), {
+					class: "banner-bg",
+					src: singleBanner.value.bg,
+					fit: "cover"
+				}, null, 8, ["src"])]),
+				_: 1
+			}))])) : multiBanner.value ? (openBlock(), createElementBlock("div", _hoisted_3, [!unref(isPhone) ? (openBlock(), createBlock(unref(OCarousel), {
+				key: 0,
+				class: "banner-carousel",
+				effect: "toggle",
+				"active-class": "current-slide",
+				"indicator-click": "",
+				"auto-play": __props.autoPlay
+			}, {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(multiBanner.value, (info, index) => {
+					return openBlock(), createBlock(unref(OCarouselItem), {
+						key: index,
+						class: normalizeClass(["banner-item", `banner-item${index}`])
+					}, {
+						default: withCtx(() => [createVNode(OBannerContent_default, {
+							info,
+							size: __props.size,
+							"content-justify-center": __props.contentJustifyCenter,
+							"is-phone": unref(isPhone),
+							"is-light": unref(isLight),
+							onClick: _cache[1] || (_cache[1] = ($event) => emit("click", $event))
+						}, null, 8, [
+							"info",
+							"size",
+							"content-justify-center",
+							"is-phone",
+							"is-light"
+						])]),
+						_: 2
+					}, 1032, ["class"]);
+				}), 128))]),
+				_: 1
+			}, 8, ["auto-play"])) : (openBlock(), createBlock(unref(OCarousel), {
+				key: 1,
+				class: "banner-carousel",
+				effect: "gallery",
+				"indicator-click": "",
+				arrow: "never",
+				"auto-play": __props.autoPlay
+			}, {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(multiBanner.value, (info, index) => {
+					return openBlock(), createBlock(unref(OCarouselItem), {
+						key: index,
+						class: normalizeClass(["banner-item", `banner-item${index}`])
+					}, {
+						default: withCtx(() => [createVNode(ContentWrapper_default, { class: "banner-wrapper" }, {
+							default: withCtx(() => [createVNode(unref(OFigure), {
+								class: "banner-bg",
+								src: info.bg,
+								onClick: ($event) => emit("click", info.href)
+							}, null, 8, ["src", "onClick"])]),
+							_: 2
+						}, 1024)]),
+						_: 2
+					}, 1032, ["class"]);
+				}), 128))]),
+				_: 1
+			}, 8, ["auto-play"]))])) : (openBlock(), createElementBlock("div", _hoisted_4, [..._cache[2] || (_cache[2] = [createElementVNode("p", null, "No data.", -1)])]))], 2);
+		};
+	}
+});
+export { OBanner_vue_vue_type_script_setup_true_lang_default as default };

package/dist/treeshaking/components/banner/OBannerContent.mjs

@@ -0,0 +1,6 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import OBannerContent_vue_vue_type_script_setup_true_lang_default from "./OBannerContent.vue_vue_type_script_setup_true_lang.mjs";
+import './OBannerContent.vue_vue_type_style_index_0_scoped_1904d05a_lang.css';
+// src/components/banner/OBannerContent.vue
+var OBannerContent_default = /*#__PURE__*/ _plugin_vue_export_helper_default(OBannerContent_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-1904d05a"]]);
+export { OBannerContent_default as default };

package/dist/treeshaking/components/banner/OBannerContent.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,93 @@
+import ContentWrapper_default from "../common/ContentWrapper.mjs";
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, toDisplayString, unref, withCtx } from "vue";
+import { OButton, OFigure } from "@opensig/opendesign";
+// src/components/banner/OBannerContent.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "banner-content" };
+var _hoisted_2 = ["src"];
+var _hoisted_3 = {
+	key: 4,
+	class: "banner-opts"
+};
+var OBannerContent_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "OBannerContent",
+	props: {
+		info: {},
+		size: {},
+		contentJustifyCenter: { type: Boolean },
+		isPhone: { type: Boolean },
+		isLight: { type: Boolean }
+	},
+	emits: ["click"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const onClick = (href, hasBtn) => {
+			if (href && !hasBtn) {
+				window.open(href);
+				emit("click", href);
+			}
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(OFigure), {
+				class: normalizeClass(["banner-bg", {
+					"with-sticky-bg": __props.info.withStickyBg,
+					"cursor-pointer": __props.info.href && !__props.info.btn
+				}]),
+				src: __props.info.bg,
+				style: normalizeStyle({ "--pad-offset": __props.info.pad_offset }),
+				onClick: _cache[0] || (_cache[0] = ($event) => onClick(__props.info.href, __props.info.btn))
+			}, {
+				default: withCtx(() => [createVNode(ContentWrapper_default, { class: normalizeClass(["banner-wrapper", ["banner-wrapper", __props.contentJustifyCenter ? "content-center" : ""]]) }, {
+					default: withCtx(() => [createElementVNode("div", _hoisted_1, [
+						!__props.isPhone && __props.info.attach ? (openBlock(), createElementBlock("img", {
+							key: 0,
+							src: __props.info.attach,
+							class: "banner-attach"
+						}, null, 8, _hoisted_2)) : createCommentVNode("", true),
+						__props.info.title ? (openBlock(), createElementBlock("div", {
+							key: 1,
+							class: normalizeClass({
+								"banner-title": true,
+								"text-dark": __props.info.text_theme === "dark"
+							})
+						}, toDisplayString(__props.info.title), 3)) : createCommentVNode("", true),
+						__props.info.subtitle ? (openBlock(), createElementBlock("div", {
+							key: 2,
+							class: normalizeClass({
+								"banner-subtitle": true,
+								"text-dark": __props.info.text_theme === "dark"
+							})
+						}, toDisplayString(__props.info.subtitle), 3)) : createCommentVNode("", true),
+						__props.info.bg_text ? (openBlock(), createElementBlock("div", {
+							key: 3,
+							class: "banner-text",
+							style: normalizeStyle({
+								backgroundImage: `url(${__props.info.bg_text})`,
+								"--pc-width": __props.info.pc_text_width,
+								"--pc-height": __props.info.pc_text_height,
+								"--pad-width": __props.info.pad_text_width,
+								"--pad-height": __props.info.pad_text_height
+							})
+						}, null, 4)) : createCommentVNode("", true),
+						__props.info.btn ? (openBlock(), createElementBlock("div", _hoisted_3, [createVNode(unref(OButton), {
+							href: __props.info.href,
+							target: "_blank",
+							variant: "solid",
+							color: "primary",
+							size: __props.size === "tiny" ? void 0 : __props.size
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(__props.info.btn), 1)]),
+							_: 1
+						}, 8, ["href", "size"])])) : createCommentVNode("", true)
+					])]),
+					_: 1
+				}, 8, ["class"])]),
+				_: 1
+			}, 8, [
+				"src",
+				"class",
+				"style"
+			]);
+		};
+	}
+});
+export { OBannerContent_vue_vue_type_script_setup_true_lang_default as default };

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

@@ -1,16 +1,10 @@
-import _OBanner from "./OBanner.vue.mjs";
-import _OBannerContent from "./OBannerContent.vue.mjs";
-const OBanner = Object.assign(_OBanner, {
-  install(app) {
-    app.component("OBanner", _OBanner);
-  }
-});
-const OBannerContent = Object.assign(_OBannerContent, {
-  install(app) {
-    app.component("OBannerContent", _OBannerContent);
-  }
-});
-export {
-  OBanner,
-  OBannerContent
-};
+import OBannerContent_default from "./OBannerContent.mjs";
+import OBanner_default from "./OBanner.mjs";
+// src/components/banner/index.ts
+var OBanner = Object.assign(OBanner_default, { install(app) {
+	app.component("OBanner", OBanner_default);
+} });
+var OBannerContent = Object.assign(OBannerContent_default, { install(app) {
+	app.component("OBannerContent", OBannerContent_default);
+} });
+export { OBanner, OBannerContent };

package/dist/treeshaking/components/brand/OBrandFile.mjs

@@ -0,0 +1,6 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import OBrandFile_vue_vue_type_script_setup_true_lang_default from "./OBrandFile.vue_vue_type_script_setup_true_lang.mjs";
+import './OBrandFile.vue_vue_type_style_index_0_scoped_9919f662_lang.css';
+// src/components/brand/OBrandFile.vue
+var OBrandFile_default = /*#__PURE__*/ _plugin_vue_export_helper_default(OBrandFile_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-9919f662"]]);
+export { OBrandFile_default as default };