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

package/dist/treeshaking/components/header/OHeader.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,256 @@
+import HeaderNav_default from "./components/HeaderNav.mjs";
+import HeaderContent_default from "./components/HeaderContent.mjs";
+import HeaderFlatten_default from "./components/HeaderFlatten.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, onUnmounted, openBlock, provide, readonly, ref, renderList, renderSlot } from "vue";
+// src/components/header/OHeader.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "header" };
+var _hoisted_2 = { class: "header-content" };
+var _hoisted_3 = ["src"];
+var _hoisted_4 = {
+	key: 0,
+	class: "header-nav-top"
+};
+var _hoisted_5 = {
+	key: 1,
+	class: "header-nav-flatten"
+};
+var _hoisted_6 = {
+	key: 2,
+	class: "header-toolbar"
+};
+var OHeader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "OHeader",
+	props: {
+		logo: {},
+		community: {},
+		navData: {},
+		bgLeft: {},
+		bgRight: {},
+		activeIndex: {},
+		codeData: {},
+		langData: {},
+		isSimpleHeader: { type: Boolean },
+		headerTitle: {},
+		isFlatten: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: [
+		"go-home",
+		"handle-click",
+		"nav-layout"
+	],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const props = __props;
+		const hoverId = ref();
+		const headerUserFullWidth = ref(0);
+		provide("headerUserFullWidth", readonly(headerUserFullWidth));
+		provide("reportHeaderUserWidth", (val) => headerUserFullWidth.value = val);
+		const isUserHidden = ref(false);
+		const isSearchHidden = ref(false);
+		provide("isUserHidden", readonly(isUserHidden));
+		provide("isSearchHidden", readonly(isSearchHidden));
+		provide("shrinkUserOrSearch", () => {
+			if (headerUserFullWidth.value && !isUserHidden.value) isUserHidden.value = true;
+			else if (!isSearchHidden.value) isSearchHidden.value = true;
+		});
+		provide("expandUser", () => {
+			if (headerUserFullWidth.value && isUserHidden.value && !isSearchHidden.value) isUserHidden.value = false;
+		});
+		provide("expandSearch", () => {
+			if (isSearchHidden.value) isSearchHidden.value = false;
+		});
+		const itemData = ref();
+		const itemVisible = ref(false);
+		const hoveringNavLiName = computed(() => itemData.value?.label);
+		provide("hoveringNavLiName", hoveringNavLiName);
+		const navsWithChildren = computed(() => (props.navData ?? []).filter((nav) => nav.children?.length));
+		const closeTimer = ref(null);
+		const contentRef = ref();
+		const lastMousePos = ref({
+			x: 0,
+			y: 0
+		});
+		let safetyTracker = null;
+		const cancelClose = () => {
+			if (closeTimer.value !== null) {
+				clearTimeout(closeTimer.value);
+				closeTimer.value = null;
+			}
+			removeSafetyTracker();
+		};
+		const removeSafetyTracker = () => {
+			if (safetyTracker) {
+				document.removeEventListener("mousemove", safetyTracker);
+				safetyTracker = null;
+			}
+		};
+		const isInTriangle = (px, py, ax, ay, bx, by, cx, cy) => {
+			const d1 = (px - bx) * (ay - by) - (ax - bx) * (py - by);
+			const d2 = (px - cx) * (by - cy) - (bx - cx) * (py - cy);
+			const d3 = (px - ax) * (cy - ay) - (cx - ax) * (py - ay);
+			return !((d1 < 0 || d2 < 0 || d3 < 0) && (d1 > 0 || d2 > 0 || d3 > 0));
+		};
+		const scheduleClose = (useTriangle = true) => {
+			cancelClose();
+			const exitPos = { ...lastMousePos.value };
+			const startTimer = () => {
+				closeTimer.value = window.setTimeout(() => {
+					removeSafetyTracker();
+					itemVisible.value = false;
+					closeTimer.value = null;
+				}, 100);
+			};
+			if (useTriangle && contentRef.value && itemVisible.value) {
+				const rect = contentRef.value.getBoundingClientRect();
+				safetyTracker = (e) => {
+					const mx = e.clientX;
+					const my = e.clientY;
+					if (mx >= rect.left && mx <= rect.right && my >= rect.top && my <= rect.bottom) {
+						cancelClose();
+						return;
+					}
+					if (!isInTriangle(mx, my, exitPos.x, exitPos.y, rect.left, rect.top, rect.right, rect.top)) {
+						cancelClose();
+						itemVisible.value = false;
+					} else {
+						if (closeTimer.value !== null) clearTimeout(closeTimer.value);
+						startTimer();
+					}
+				};
+				document.addEventListener("mousemove", safetyTracker);
+			}
+			startTimer();
+		};
+		const onMousemoveHeader = (e) => {
+			lastMousePos.value = {
+				x: e.clientX,
+				y: e.clientY
+			};
+		};
+		const navLayout = (val) => {
+			emit("nav-layout", val);
+		};
+		const goHome = () => {
+			emit("go-home");
+		};
+		const handleMouseenter = (val) => {
+			cancelClose();
+			itemData.value = val;
+			if (val?.children?.length) itemVisible.value = true;
+		};
+		const handleMouseleave = () => {
+			scheduleClose(true);
+		};
+		const handleClick = (val) => {
+			emit("handle-click", val);
+		};
+		const handleMouseenterSub = (val) => {
+			cancelClose();
+			hoverId.value = val;
+		};
+		const handleMouseleaveSub = (val) => {
+			hoverId.value = val;
+			scheduleClose(false);
+		};
+		const navFirstHoverTime = ref(0);
+		const navStepCount = ref(0);
+		provide("navStepCount", readonly(navStepCount));
+		provide("navFirstHoverTime", readonly(navFirstHoverTime));
+		provide("increNavStepCount", () => {
+			navStepCount.value++;
+		});
+		provide("updateNavFirstHoverTime", () => {
+			if (!navFirstHoverTime.value) navFirstHoverTime.value = Date.now();
+		});
+		provide("clearNavHandleTrace", () => {
+			navStepCount.value = 0;
+			navFirstHoverTime.value = 0;
+		});
+		provide("closeNavPanel", () => {
+			cancelClose();
+			itemVisible.value = false;
+		});
+		onUnmounted(() => {
+			cancelClose();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("header", _hoisted_1, [createElementVNode("div", {
+				class: "header-wrap",
+				onMousemove: onMousemoveHeader
+			}, [createElementVNode("div", _hoisted_2, [
+				createElementVNode("div", {
+					class: "header-logo",
+					onClick: goHome
+				}, [renderSlot(_ctx.$slots, "logo", {}, () => [props.logo ? (openBlock(), createElementBlock("img", {
+					key: 0,
+					class: "logo",
+					alt: "logo",
+					src: props.logo
+				}, null, 8, _hoisted_3)) : createCommentVNode("", true)], true)]),
+				!props.isFlatten ? (openBlock(), createElementBlock("div", _hoisted_4, [renderSlot(_ctx.$slots, "nav", {}, () => [props.navData ? (openBlock(), createBlock(HeaderNav_default, {
+					key: 0,
+					"nav-data": props.navData,
+					hoverId: hoverId.value,
+					"active-index": props.activeIndex,
+					community: props.community,
+					onHandleMouseenter: handleMouseenter,
+					onHandleMouseleave: handleMouseleave,
+					onHandleClick: handleClick,
+					onNavLayout: navLayout
+				}, null, 8, [
+					"nav-data",
+					"hoverId",
+					"active-index",
+					"community"
+				])) : createCommentVNode("", true)], true)])) : createCommentVNode("", true),
+				props.isFlatten ? (openBlock(), createElementBlock("div", _hoisted_5, [renderSlot(_ctx.$slots, "nav", {}, () => [props.navData ? (openBlock(), createBlock(HeaderFlatten_default, {
+					key: 0,
+					"nav-data": props.navData,
+					hoverId: hoverId.value,
+					"active-index": props.activeIndex,
+					onHandleMouseenter: handleMouseenter,
+					onHandleMouseleave: handleMouseleave,
+					onHandleClick: handleClick,
+					onNavLayout: navLayout
+				}, null, 8, [
+					"nav-data",
+					"hoverId",
+					"active-index"
+				])) : createCommentVNode("", true)], true)])) : createCommentVNode("", true),
+				_ctx.$slots.toolbar ? (openBlock(), createElementBlock("div", _hoisted_6, [renderSlot(_ctx.$slots, "toolbar", {}, void 0, true)])) : createCommentVNode("", true)
+			])], 32), !props.isFlatten ? (openBlock(), createElementBlock("nav", {
+				key: 0,
+				ref_key: "contentRef",
+				ref: contentRef,
+				class: "header-nav-content",
+				"aria-label": "Site",
+				onMousemove: onMousemoveHeader
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(navsWithChildren.value, (nav) => {
+				return openBlock(), createBlock(HeaderContent_default, {
+					key: nav.id,
+					itemData: nav,
+					"item-visible": itemVisible.value,
+					"item-active": itemData.value?.id === nav.id,
+					"bg-left": props.bgLeft,
+					"bg-right": props.bgRight,
+					community: props.community,
+					"hover-index": nav.id,
+					onHandleMouseenterSub: handleMouseenterSub,
+					onHandleMouseleaveSub: handleMouseleaveSub
+				}, null, 8, [
+					"itemData",
+					"item-visible",
+					"item-active",
+					"bg-left",
+					"bg-right",
+					"community",
+					"hover-index"
+				]);
+			}), 128))], 544)) : createCommentVNode("", true)]);
+		};
+	}
+});
+export { OHeader_vue_vue_type_script_setup_true_lang_default as default };

package/dist/treeshaking/components/header/OHeaderMobile.mjs

@@ -0,0 +1,6 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import OHeaderMobile_vue_vue_type_script_setup_true_lang_default from "./OHeaderMobile.vue_vue_type_script_setup_true_lang.mjs";
+import './OHeaderMobile.vue_vue_type_style_index_0_scoped_0a2d44bb_lang.css';
+// src/components/header/OHeaderMobile.vue
+var OHeaderMobile_default = /*#__PURE__*/ _plugin_vue_export_helper_default(OHeaderMobile_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-0a2d44bb"]]);
+export { OHeaderMobile_default as default };

package/dist/treeshaking/components/header/OHeaderMobile.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,121 @@
+import icon_close_default from "../../_virtual/~icons/components/icon-close.mjs";
+import ContentWrapper_default from "../common/ContentWrapper.mjs";
+import HeaderNavMobile_default from "./components/HeaderNavMobile.mjs";
+import icon_header_menu_default from "../../_virtual/~icons/components/icon-header-menu.mjs";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderSlot, toDisplayString, unref, withCtx } from "vue";
+import { OIcon, OIconArrowLeft } from "@opensig/opendesign";
+// src/components/header/OHeaderMobile.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "header" };
+var _hoisted_2 = { class: "header-box" };
+var _hoisted_3 = {
+	key: 0,
+	class: "header-simple"
+};
+var _hoisted_4 = { class: "simple-header-left" };
+var _hoisted_5 = {
+	key: 0,
+	class: "header-title"
+};
+var _hoisted_6 = {
+	key: 0,
+	class: "simple-header-right"
+};
+var _hoisted_7 = { class: "header-left" };
+var _hoisted_8 = { class: "header-center" };
+var _hoisted_9 = ["src"];
+var _hoisted_10 = { class: "header-right" };
+var OHeaderMobile_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "OHeaderMobile",
+	props: {
+		logo: {},
+		community: {},
+		navData: {},
+		bgLeft: {},
+		bgRight: {},
+		activeIndex: {},
+		codeData: {},
+		langData: {},
+		isSimpleHeader: { type: Boolean },
+		headerTitle: {},
+		isFlatten: { type: Boolean }
+	},
+	emits: [
+		"go-back",
+		"lang-click",
+		"go-home",
+		"handle-click"
+	],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const props = __props;
+		const goBack = () => {
+			emit("go-back");
+		};
+		const goHome = () => {
+			emit("go-home");
+		};
+		const menuShow = ref(false);
+		const menuPanel = () => {
+			setTimeout(() => {
+				menuShow.value = !menuShow.value;
+			}, 200);
+		};
+		const mobileClick = () => {
+			menuPanel();
+		};
+		const handleClick = (val) => {
+			emit("handle-click", val);
+			menuPanel();
+		};
+		const langClick = (val) => {
+			emit("lang-click", val);
+			menuPanel();
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createVNode(ContentWrapper_default, { class: "header-wrap" }, {
+				default: withCtx(() => [__props.isSimpleHeader ? (openBlock(), createElementBlock("div", _hoisted_3, [createElementVNode("div", _hoisted_4, [createVNode(unref(OIcon), { onClick: goBack }, {
+					default: withCtx(() => [createVNode(unref(OIconArrowLeft))]),
+					_: 1
+				}), __props.headerTitle ? (openBlock(), createElementBlock("div", _hoisted_5, toDisplayString(__props.headerTitle), 1)) : createCommentVNode("", true)]), _ctx.$slots.rightConfig ? (openBlock(), createElementBlock("div", _hoisted_6, [renderSlot(_ctx.$slots, "rightConfig", {}, void 0, true)])) : createCommentVNode("", true)])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+					createElementVNode("div", _hoisted_7, [createVNode(unref(OIcon), { onClick: menuPanel }, {
+						default: withCtx(() => [!menuShow.value ? (openBlock(), createBlock(unref(icon_header_menu_default), { key: 0 })) : (openBlock(), createBlock(unref(icon_close_default), { key: 1 }))]),
+						_: 1
+					})]),
+					createElementVNode("div", _hoisted_8, [createElementVNode("div", {
+						class: "header-logo",
+						onClick: goHome
+					}, [renderSlot(_ctx.$slots, "logo", {}, () => [props.logo ? (openBlock(), createElementBlock("img", {
+						key: 0,
+						class: "logo",
+						alt: "logo",
+						src: props.logo
+					}, null, 8, _hoisted_9)) : createCommentVNode("", true)], true)])]),
+					createElementVNode("div", _hoisted_10, [renderSlot(_ctx.$slots, "toolbar", {}, void 0, true)])
+				], 64))]),
+				_: 3
+			})]), createElementVNode("div", { class: normalizeClass(["header-content-mb", { "header-content-active": menuShow.value }]) }, [createVNode(HeaderNavMobile_default, {
+				ref: "mobileNav",
+				"nav-data": __props.navData,
+				"code-data": __props.codeData,
+				"lang-data": __props.langData,
+				"menu-show": menuShow.value,
+				community: props.community,
+				"active-index": __props.activeIndex,
+				onHandleClick: handleClick,
+				onOnClick: mobileClick,
+				onLangClick: langClick
+			}, {
+				tool: withCtx(() => [renderSlot(_ctx.$slots, "tool", {}, void 0, true)]),
+				_: 3
+			}, 8, [
+				"nav-data",
+				"code-data",
+				"lang-data",
+				"menu-show",
+				"community",
+				"active-index"
+			])], 2)]);
+		};
+	}
+});
+export { OHeaderMobile_vue_vue_type_script_setup_true_lang_default as default };

package/dist/treeshaking/components/header/components/HeaderContent.mjs

@@ -0,0 +1,6 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import HeaderContent_vue_vue_type_script_setup_true_lang_default from "./HeaderContent.vue_vue_type_script_setup_true_lang.mjs";
+import './HeaderContent.vue_vue_type_style_index_0_scoped_366a2b01_lang.css';
+// src/components/header/components/HeaderContent.vue
+var HeaderContent_default = /*#__PURE__*/ _plugin_vue_export_helper_default(HeaderContent_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-366a2b01"]]);
+export { HeaderContent_default as default };

package/dist/treeshaking/components/header/components/HeaderContent.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,286 @@
+import { useI18n } from "../../../i18n/index.mjs";
+import { useTheme } from "../../../shared/theme.mjs";
+import { isTagExpired, linkTarget } from "../utils.mjs";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, normalizeClass, normalizeStyle, openBlock, ref, renderList, resolveDirective, resolveDynamicComponent, toDisplayString, unref, vShow, withCtx, withDirectives } from "vue";
+import { OIcon, OPopover, OScroller, OTag } from "@opensig/opendesign";
+// src/components/header/components/HeaderContent.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "header-content-nav" };
+var _hoisted_2 = { class: "nav-sub-content" };
+var _hoisted_3 = { class: "content-left" };
+var _hoisted_4 = { class: "content-label" };
+var _hoisted_5 = { class: "content-container" };
+var _hoisted_6 = ["href", "target"];
+var _hoisted_7 = { class: "popover-shortcut" };
+var _hoisted_8 = {
+	key: 0,
+	class: "desc-container"
+};
+var _hoisted_9 = { class: "popover-item-desc" };
+var _hoisted_10 = {
+	key: 0,
+	class: "split-line"
+};
+var _hoisted_11 = {
+	key: 1,
+	class: "content-right"
+};
+var _hoisted_12 = { class: "content-label" };
+var _hoisted_13 = ["href", "target"];
+var _hoisted_14 = { class: "popover-shortcut" };
+var _hoisted_15 = ["href", "target"];
+var _hoisted_16 = ["src", "alt"];
+var _hoisted_17 = { class: "review-content" };
+var _hoisted_18 = { class: "popover-shortcut" };
+var _hoisted_19 = { class: "popover-shortcut" };
+var HeaderContent_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "HeaderContent",
+	props: {
+		itemData: {},
+		itemVisible: { type: Boolean },
+		itemActive: { type: Boolean },
+		community: {},
+		bgLeft: {},
+		bgRight: {},
+		hoverIndex: {}
+	},
+	emits: ["handle-mouseenter-sub", "handle-mouseleave-sub"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const props = __props;
+		const { locale, t } = useI18n();
+		const { theme, isDark } = useTheme();
+		const navVisible = ref(false);
+		const onMouseEnter = () => {
+			emit("handle-mouseenter-sub", props.itemData?.id);
+			navVisible.value = true;
+		};
+		const onMouseLeave = () => {
+			emit("handle-mouseleave-sub", "");
+			navVisible.value = false;
+		};
+		const showDesc = ref(false);
+		const descMouseenter = (e) => {
+			if (!e || !e.target) return;
+			const target = e.target;
+			showDesc.value = target.clientHeight < target.scrollHeight;
+		};
+		const showTitle = ref(false);
+		const titleMouseenter = (e) => {
+			if (!e || !e.target) return;
+			const target = e.target;
+			showTitle.value = target.clientHeight < target.scrollHeight;
+		};
+		const hoveringNavLiName = inject("hoveringNavLiName");
+		const injectCloseNavPanel = inject("closeNavPanel");
+		const closeNavPanel = () => {
+			injectCloseNavPanel?.();
+			navVisible.value = false;
+		};
+		const navFirstHoverTime = inject("navFirstHoverTime");
+		const navStepCount = inject("navStepCount");
+		const onClickNavHref = (item, sub) => {
+			return { properties: {
+				module: "navigation",
+				level1: hoveringNavLiName?.value ?? "",
+				level2: item.label,
+				level3: sub.label,
+				target: sub.label,
+				url: item.href,
+				...navStepCount && { steps: navStepCount.value },
+				...navFirstHoverTime?.value && { duration: Date.now() - navFirstHoverTime.value }
+			} };
+		};
+		const onClickShortcut = (item) => {
+			return { properties: {
+				module: "navigation",
+				level1: hoveringNavLiName?.value ?? "",
+				level2: t("header.quickLink"),
+				level3: item.label,
+				target: item.label,
+				url: item.href,
+				...navStepCount && { steps: navStepCount.value },
+				...navFirstHoverTime?.value && { duration: Date.now() - navFirstHoverTime.value }
+			} };
+		};
+		return (_ctx, _cache) => {
+			const _directive_analytics = resolveDirective("analytics");
+			return openBlock(), createElementBlock("div", {
+				onMouseenter: onMouseEnter,
+				onMouseleave: onMouseLeave
+			}, [withDirectives(createElementVNode("div", { class: normalizeClass(["nav-content", [
+				props.community?.toLowerCase(),
+				props.hoverIndex,
+				unref(theme),
+				`${props.hoverIndex}-${unref(locale)}`
+			]]) }, [
+				createElementVNode("div", {
+					class: "nav-background-left",
+					style: normalizeStyle({ backgroundImage: `url(${props.bgLeft})` })
+				}, null, 4),
+				createElementVNode("div", {
+					class: "nav-background-right",
+					style: normalizeStyle({ backgroundImage: `url(${props.bgRight})` })
+				}, null, 4),
+				createElementVNode("div", _hoisted_1, [createVNode(unref(OScroller), {
+					class: "nav-scroller",
+					"show-type": "always",
+					size: "small",
+					"disabled-y": ""
+				}, {
+					default: withCtx(() => [createElementVNode("div", _hoisted_2, [
+						createElementVNode("div", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(props.itemData?.children, (sub, s) => {
+							return openBlock(), createElementBlock("div", {
+								class: "item-sub",
+								key: s
+							}, [createElementVNode("span", _hoisted_4, toDisplayString(sub.label), 1), createElementVNode("div", _hoisted_5, [(openBlock(true), createElementBlock(Fragment, null, renderList(sub.children, (subItem) => {
+								return openBlock(), createElementBlock("div", {
+									key: subItem.label,
+									class: normalizeClass(["content-item", { "content-item-disabled": subItem?.disabled }])
+								}, [withDirectives((openBlock(), createElementBlock("a", {
+									href: subItem.href,
+									target: unref(linkTarget)(subItem.href, subItem?.target),
+									rel: "noopener noreferrer",
+									class: "item-label",
+									onClick: closeNavPanel
+								}, [
+									showTitle.value ? (openBlock(), createBlock(unref(OPopover), {
+										key: 0,
+										trigger: "hover",
+										position: "bottom",
+										"adjust-min-width": false,
+										"adjust-width": false
+									}, {
+										target: withCtx(() => [createElementVNode("p", {
+											class: "item-name",
+											onMouseenter: _cache[0] || (_cache[0] = ($event) => titleMouseenter($event))
+										}, toDisplayString(subItem.label), 33)]),
+										default: withCtx(() => [createElementVNode("p", _hoisted_7, toDisplayString(subItem.label), 1)]),
+										_: 2
+									}, 1024)) : (openBlock(), createElementBlock("p", {
+										key: 1,
+										class: "item-name",
+										onMouseenter: _cache[1] || (_cache[1] = ($event) => titleMouseenter($event))
+									}, toDisplayString(subItem.label), 33)),
+									subItem.icon ? (openBlock(), createBlock(unref(OIcon), { key: 2 }, {
+										default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(subItem.icon)))]),
+										_: 2
+									}, 1024)) : createCommentVNode("", true),
+									subItem.tag && !unref(isTagExpired)(subItem.tagExpire) ? (openBlock(), createBlock(unref(OTag), {
+										key: 3,
+										color: "danger",
+										size: "small",
+										round: "pill",
+										class: normalizeClass(["content-tag", `tag-${subItem?.tag?.toLowerCase()}`])
+									}, {
+										default: withCtx(() => [createTextVNode(toDisplayString(subItem.tag), 1)]),
+										_: 2
+									}, 1032, ["class"])) : createCommentVNode("", true)
+								], 8, _hoisted_6)), [[_directive_analytics, () => onClickNavHref(sub, subItem)]]), subItem.description ? (openBlock(), createElementBlock("div", _hoisted_8, [showDesc.value ? (openBlock(), createBlock(unref(OPopover), {
+									key: 0,
+									trigger: "hover",
+									position: "bottom",
+									"adjust-min-width": false,
+									"adjust-width": false
+								}, {
+									target: withCtx(() => [createElementVNode("p", {
+										class: normalizeClass(["item-desc", [`item-desc-line-${subItem?.line}`]]),
+										onMouseenter: _cache[2] || (_cache[2] = ($event) => descMouseenter($event))
+									}, toDisplayString(subItem.description), 35)]),
+									default: withCtx(() => [createElementVNode("p", _hoisted_9, toDisplayString(subItem.description), 1)]),
+									_: 2
+								}, 1024)) : (openBlock(), createElementBlock("p", {
+									key: 1,
+									class: normalizeClass(["item-desc", [`item-desc-line-${subItem?.line}`]]),
+									onMouseenter: _cache[3] || (_cache[3] = ($event) => descMouseenter($event))
+								}, toDisplayString(subItem.description), 35))])) : createCommentVNode("", true)], 2);
+							}), 128))])]);
+						}), 128))]),
+						props.itemData?.shortcut?.length ? (openBlock(), createElementBlock("div", _hoisted_10)) : createCommentVNode("", true),
+						props.itemData?.shortcut?.length ? (openBlock(), createElementBlock("div", _hoisted_11, [createElementVNode("span", _hoisted_12, toDisplayString(unref(t)("header.quickLink")), 1), !props.itemData?.withPicture ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(props.itemData?.shortcut, (shortcut) => {
+							return openBlock(), createElementBlock("div", {
+								key: shortcut.label,
+								class: "shortcut"
+							}, [withDirectives((openBlock(), createElementBlock("a", {
+								href: shortcut.href,
+								target: unref(linkTarget)(shortcut.href, shortcut?.target),
+								rel: "noopener noreferrer",
+								class: "shortcut-link",
+								onClick: closeNavPanel
+							}, [showDesc.value ? (openBlock(), createBlock(unref(OPopover), {
+								key: 0,
+								trigger: "hover",
+								position: "bottom",
+								"adjust-min-width": false,
+								"adjust-width": false
+							}, {
+								target: withCtx(() => [createElementVNode("p", {
+									class: "shortcut-title",
+									onMouseenter: _cache[4] || (_cache[4] = ($event) => descMouseenter($event))
+								}, toDisplayString(shortcut.label), 33)]),
+								default: withCtx(() => [createElementVNode("p", _hoisted_14, toDisplayString(shortcut.label), 1)]),
+								_: 2
+							}, 1024)) : (openBlock(), createElementBlock("p", {
+								key: 1,
+								class: "shortcut-title",
+								onMouseenter: _cache[5] || (_cache[5] = ($event) => descMouseenter($event))
+							}, toDisplayString(shortcut.label), 33)), shortcut.icon ? (openBlock(), createBlock(unref(OIcon), { key: 2 }, {
+								default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(shortcut.icon)))]),
+								_: 2
+							}, 1024)) : createCommentVNode("", true)], 8, _hoisted_13)), [[_directive_analytics, () => onClickShortcut(shortcut)]])]);
+						}), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(props.itemData?.shortcut, (shortcut) => {
+							return withDirectives((openBlock(), createElementBlock("a", {
+								key: shortcut.label,
+								href: shortcut.href,
+								target: unref(linkTarget)(shortcut.href, shortcut?.target),
+								rel: "noopener noreferrer",
+								class: "review",
+								onClick: closeNavPanel
+							}, [createElementVNode("img", {
+								src: unref(isDark) && shortcut?.pictureDark ? shortcut?.pictureDark : shortcut.picture,
+								alt: shortcut.label,
+								class: "review-picture",
+								loading: "lazy"
+							}, null, 8, _hoisted_16), createElementVNode("div", _hoisted_17, [showDesc.value ? (openBlock(), createBlock(unref(OPopover), {
+								key: 0,
+								trigger: "hover",
+								position: "bottom",
+								"adjust-min-width": false,
+								"adjust-width": false
+							}, {
+								target: withCtx(() => [createElementVNode("p", {
+									class: "review-label",
+									onMouseenter: _cache[6] || (_cache[6] = ($event) => descMouseenter($event))
+								}, toDisplayString(shortcut.label), 33)]),
+								default: withCtx(() => [createElementVNode("p", _hoisted_18, toDisplayString(shortcut.label), 1)]),
+								_: 2
+							}, 1024)) : (openBlock(), createElementBlock("p", {
+								key: 1,
+								class: "review-label",
+								onMouseenter: _cache[7] || (_cache[7] = ($event) => descMouseenter($event))
+							}, toDisplayString(shortcut.label), 33)), showTitle.value ? (openBlock(), createBlock(unref(OPopover), {
+								key: 2,
+								trigger: "hover",
+								position: "bottom",
+								"adjust-min-width": false,
+								"adjust-width": false
+							}, {
+								target: withCtx(() => [createElementVNode("div", {
+									class: "review-property",
+									onMouseenter: _cache[8] || (_cache[8] = ($event) => titleMouseenter($event))
+								}, toDisplayString(shortcut.remark), 33)]),
+								default: withCtx(() => [createElementVNode("div", _hoisted_19, toDisplayString(shortcut.remark), 1)]),
+								_: 2
+							}, 1024)) : (openBlock(), createElementBlock("div", {
+								key: 3,
+								class: "review-property",
+								onMouseenter: _cache[9] || (_cache[9] = ($event) => titleMouseenter($event))
+							}, toDisplayString(shortcut.remark), 33))])], 8, _hoisted_15)), [[_directive_analytics, () => onClickShortcut(shortcut)]]);
+						}), 128))])) : createCommentVNode("", true)
+					])]),
+					_: 1
+				})])
+			], 2), [[vShow, props.itemActive && (props.itemVisible || navVisible.value) && props.itemData?.children?.length]])], 32);
+		};
+	}
+});
+export { HeaderContent_vue_vue_type_script_setup_true_lang_default as default };

package/dist/treeshaking/components/header/components/HeaderFlatten.mjs

@@ -0,0 +1,6 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import HeaderFlatten_vue_vue_type_script_setup_true_lang_default from "./HeaderFlatten.vue_vue_type_script_setup_true_lang.mjs";
+import './HeaderFlatten.vue_vue_type_style_index_0_scoped_edcea052_lang.css';
+// src/components/header/components/HeaderFlatten.vue
+var HeaderFlatten_default = /*#__PURE__*/ _plugin_vue_export_helper_default(HeaderFlatten_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-edcea052"]]);
+export { HeaderFlatten_default as default };