vft 0.0.524 → 0.0.525

package/lib/components/rate/rate.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,205 @@
+const require_index = require("../../hooks/use-namespace/index.cjs");
+const require_aria = require("../../constants/aria.cjs");
+const require_event = require("../../constants/event.cjs");
+const require_constants = require("../form/constants.cjs");
+const require_use_form_common_props = require("../form/hooks/use-form-common-props.cjs");
+const require_use_form_item = require("../form/hooks/use-form-item.cjs");
+const require_rate = require("./rate.cjs");
+let _vft_utils = require("@vft/utils");
+let vue = require("vue");
+//#region ../../packages/components/rate/rate.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = [
+	"id",
+	"aria-label",
+	"aria-labelledby",
+	"aria-valuenow",
+	"aria-valuetext",
+	"aria-valuemax"
+];
+const _hoisted_2 = ["onMousemove", "onClick"];
+const __default__ = (0, vue.defineComponent)({ name: "ElRate" });
+var rate_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
+	...__default__,
+	props: require_rate.rateProps,
+	emits: require_rate.rateEmits,
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		function getValueFromMap(value, map) {
+			const isExcludedObject = (val) => (0, _vft_utils.isObject)(val);
+			const matchedValue = map[Object.keys(map).map((key) => +key).filter((key) => {
+				const val = map[key];
+				return (isExcludedObject(val) ? val.excluded : false) ? value < key : value <= key;
+			}).sort((a, b) => a - b)[0]];
+			return isExcludedObject(matchedValue) && matchedValue.value || matchedValue;
+		}
+		const formContext = (0, vue.inject)(require_constants.formContextKey, void 0);
+		const formItemContext = (0, vue.inject)(require_constants.formItemContextKey, void 0);
+		const rateSize = require_use_form_common_props.useFormSize();
+		const ns = require_index.useNamespace("rate");
+		const { inputId, isLabeledByFormItem } = require_use_form_item.useFormItemInputId(props, { formItemContext });
+		const currentValue = (0, vue.ref)(props.modelValue);
+		const hoverIndex = (0, vue.ref)(-1);
+		const pointerAtLeftHalf = (0, vue.ref)(true);
+		const rateClasses = (0, vue.computed)(() => [ns.b(), ns.m(rateSize.value)]);
+		const rateDisabled = (0, vue.computed)(() => props.disabled || formContext?.disabled);
+		const rateStyles = (0, vue.computed)(() => {
+			return ns.cssVarBlock({
+				"void-color": props.voidColor,
+				"disabled-void-color": props.disabledVoidColor,
+				"fill-color": activeColor.value
+			});
+		});
+		const text = (0, vue.computed)(() => {
+			let result = "";
+			if (props.showScore) result = props.scoreTemplate.replace(/\{\s*value\s*\}/, rateDisabled.value ? `${props.modelValue}` : `${currentValue.value}`);
+			else if (props.showText) result = props.texts[Math.ceil(currentValue.value) - 1];
+			return result;
+		});
+		const valueDecimal = (0, vue.computed)(() => props.modelValue * 100 - Math.floor(props.modelValue) * 100);
+		const colorMap = (0, vue.computed)(() => (0, _vft_utils.isArray)(props.colors) ? {
+			[props.lowThreshold]: props.colors[0],
+			[props.highThreshold]: {
+				value: props.colors[1],
+				excluded: true
+			},
+			[props.max]: props.colors[2]
+		} : props.colors);
+		const activeColor = (0, vue.computed)(() => {
+			const color = getValueFromMap(currentValue.value, colorMap.value);
+			return (0, _vft_utils.isObject)(color) ? "" : color;
+		});
+		const decimalStyle = (0, vue.computed)(() => {
+			let width = "";
+			if (rateDisabled.value) width = `${valueDecimal.value}%`;
+			else if (props.allowHalf) width = "50%";
+			return {
+				color: activeColor.value,
+				width
+			};
+		});
+		const componentMap = (0, vue.computed)(() => {
+			let icons = (0, _vft_utils.isArray)(props.icons) ? [...props.icons] : { ...props.icons };
+			icons = (0, vue.markRaw)(icons);
+			return (0, _vft_utils.isArray)(icons) ? {
+				[props.lowThreshold]: icons[0],
+				[props.highThreshold]: {
+					value: icons[1],
+					excluded: true
+				},
+				[props.max]: icons[2]
+			} : icons;
+		});
+		const decimalIconComponent = (0, vue.computed)(() => getValueFromMap(props.modelValue, componentMap.value));
+		const voidComponent = (0, vue.computed)(() => rateDisabled.value ? (0, _vft_utils.isString)(props.disabledVoidIcon) ? props.disabledVoidIcon : (0, vue.markRaw)(props.disabledVoidIcon) : (0, _vft_utils.isString)(props.voidIcon) ? props.voidIcon : (0, vue.markRaw)(props.voidIcon));
+		const activeComponent = (0, vue.computed)(() => getValueFromMap(currentValue.value, componentMap.value));
+		function showDecimalIcon(item) {
+			const showWhenDisabled = rateDisabled.value && valueDecimal.value > 0 && item - 1 < props.modelValue && item > props.modelValue;
+			const showWhenAllowHalf = props.allowHalf && pointerAtLeftHalf.value && item - .5 <= currentValue.value && item > currentValue.value;
+			return showWhenDisabled || showWhenAllowHalf;
+		}
+		function emitValue(value) {
+			if (props.clearable && value === props.modelValue) value = 0;
+			emit(require_event.UPDATE_MODEL_EVENT, value);
+			if (props.modelValue !== value) emit(require_event.CHANGE_EVENT, value);
+		}
+		function selectValue(value) {
+			if (rateDisabled.value) return;
+			if (props.allowHalf && pointerAtLeftHalf.value) emitValue(currentValue.value);
+			else emitValue(value);
+		}
+		function handleKey(e) {
+			if (rateDisabled.value) return;
+			let _currentValue = currentValue.value;
+			const code = e.code;
+			if (code === require_aria.EVENT_CODE.up || code === require_aria.EVENT_CODE.right) {
+				if (props.allowHalf) _currentValue += .5;
+				else _currentValue += 1;
+				e.stopPropagation();
+				e.preventDefault();
+			} else if (code === require_aria.EVENT_CODE.left || code === require_aria.EVENT_CODE.down) {
+				if (props.allowHalf) _currentValue -= .5;
+				else _currentValue -= 1;
+				e.stopPropagation();
+				e.preventDefault();
+			}
+			_currentValue = _currentValue < 0 ? 0 : _currentValue;
+			_currentValue = _currentValue > props.max ? props.max : _currentValue;
+			emit(require_event.UPDATE_MODEL_EVENT, _currentValue);
+			emit(require_event.CHANGE_EVENT, _currentValue);
+			return _currentValue;
+		}
+		function setCurrentValue(value, event) {
+			if (rateDisabled.value) return;
+			if (props.allowHalf && event) {
+				let target = event.target;
+				if ((0, _vft_utils.hasClass)(target, ns.e("item"))) target = target.querySelector(`.${ns.e("icon")}`);
+				if (target.clientWidth === 0 || (0, _vft_utils.hasClass)(target, ns.e("decimal"))) target = target.parentNode;
+				pointerAtLeftHalf.value = event.offsetX * 2 <= target.clientWidth;
+				currentValue.value = pointerAtLeftHalf.value ? value - .5 : value;
+			} else currentValue.value = value;
+			hoverIndex.value = value;
+		}
+		function resetCurrentValue() {
+			if (rateDisabled.value) return;
+			if (props.allowHalf) pointerAtLeftHalf.value = props.modelValue !== Math.floor(props.modelValue);
+			currentValue.value = props.modelValue;
+			hoverIndex.value = -1;
+		}
+		(0, vue.watch)(() => props.modelValue, (val) => {
+			currentValue.value = val;
+			pointerAtLeftHalf.value = props.modelValue !== Math.floor(props.modelValue);
+		});
+		if (!props.modelValue) emit(require_event.UPDATE_MODEL_EVENT, 0);
+		__expose({
+			/** @description set current value */
+			setCurrentValue,
+			/** @description reset current value */
+			resetCurrentValue
+		});
+		return (_ctx, _cache) => {
+			const _component_el_icon = (0, vue.resolveComponent)("el-icon");
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+				id: (0, vue.unref)(inputId),
+				class: (0, vue.normalizeClass)([rateClasses.value, (0, vue.unref)(ns).is("disabled", rateDisabled.value)]),
+				role: "slider",
+				"aria-label": !(0, vue.unref)(isLabeledByFormItem) ? _ctx.ariaLabel || "rating" : void 0,
+				"aria-labelledby": (0, vue.unref)(isLabeledByFormItem) ? (0, vue.unref)(formItemContext)?.labelId : void 0,
+				"aria-valuenow": currentValue.value,
+				"aria-valuetext": text.value || void 0,
+				"aria-valuemin": "0",
+				"aria-valuemax": _ctx.max,
+				tabindex: "0",
+				style: (0, vue.normalizeStyle)(rateStyles.value),
+				onKeydown: handleKey
+			}, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(_ctx.max, (item, key) => {
+				return (0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
+					key,
+					class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("item")),
+					onMousemove: ($event) => setCurrentValue(item, $event),
+					onMouseleave: resetCurrentValue,
+					onClick: ($event) => selectValue(item)
+				}, [(0, vue.createVNode)(_component_el_icon, { class: (0, vue.normalizeClass)([
+					(0, vue.unref)(ns).e("icon"),
+					{ hover: hoverIndex.value === item },
+					(0, vue.unref)(ns).is("active", item <= currentValue.value)
+				]) }, {
+					default: (0, vue.withCtx)(() => [!showDecimalIcon(item) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [(0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(activeComponent.value), null, null, 512)), [[vue.vShow, item <= currentValue.value]]), (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(voidComponent.value), null, null, 512)), [[vue.vShow, !(item <= currentValue.value)]])], 64)) : (0, vue.createCommentVNode)("v-if", true), showDecimalIcon(item) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(voidComponent.value), { class: (0, vue.normalizeClass)([(0, vue.unref)(ns).em("decimal", "box")]) }, null, 8, ["class"])), (0, vue.createVNode)(_component_el_icon, {
+						style: (0, vue.normalizeStyle)(decimalStyle.value),
+						class: (0, vue.normalizeClass)([(0, vue.unref)(ns).e("icon"), (0, vue.unref)(ns).e("decimal")])
+					}, {
+						default: (0, vue.withCtx)(() => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(decimalIconComponent.value)))]),
+						_: 1
+					}, 8, ["style", "class"])], 64)) : (0, vue.createCommentVNode)("v-if", true)]),
+					_: 2
+				}, 1032, ["class"])], 42, _hoisted_2);
+			}), 128)), _ctx.showText || _ctx.showScore ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
+				key: 0,
+				class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("text")),
+				style: (0, vue.normalizeStyle)({ color: _ctx.textColor })
+			}, (0, vue.toDisplayString)(text.value), 7)) : (0, vue.createCommentVNode)("v-if", true)], 46, _hoisted_1);
+		};
+	}
+});
+//#endregion
+exports.default = rate_vue_vue_type_script_setup_true_lang_default;

package/lib/components/rate/rate2.cjs

@@ -0,0 +1,8 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+//#region ../../packages/components/rate/rate.vue
+var rate_default = require("./rate.vue_vue_type_script_setup_true_lang.cjs").default;
+//#endregion
+exports.default = rate_default;

package/lib/components/rate/style/css.cjs

@@ -1 +1,3 @@
-"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-rate.css");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../base/style/css.cjs");
+require("vft/theme-style/vft-rate.css");

package/lib/components/rate/style/index.cjs

@@ -1 +1,3 @@
-"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/rate.scss");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../base/style/index.cjs");
+require("vft/theme-style/src/rate.scss");

package/lib/components/result/index.cjs

@@ -1 +1,11 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("vue");const r=require("../../utils/vue/install.cjs");require("lodash-es");require("../form/index.cjs");const t=require("./result.vue2.cjs"),e=r.withInstall(t.default);exports.VftResult=e;exports.default=e;
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_install = require("../../utils/vue/install.cjs");
+const require_result = require("./result.cjs");
+//#region ../../packages/components/result/index.ts
+const VftResult = require_install.withInstall(require_result.default);
+//#endregion
+exports.VftResult = VftResult;
+exports.default = VftResult;

package/lib/components/result/result.cjs

@@ -0,0 +1,8 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+//#region ../../packages/components/result/result.vue
+var result_default = require("./result.vue_vue_type_script_setup_true_lang.cjs").default;
+//#endregion
+exports.default = result_default;

package/lib/components/result/result.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,46 @@
+const require_index = require("../../hooks/use-namespace/index.cjs");
+const require_index$1 = require("../icon/index.cjs");
+let _vft_utils = require("@vft/utils");
+let vue = require("vue");
+//#region ../../packages/components/result/result.vue?vue&type=script&setup=true&lang.ts
+const __default__ = (0, vue.defineComponent)({ name: "vft-result" });
+var result_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
+	...__default__,
+	props: {
+		title: {
+			type: [String, Number],
+			required: false
+		},
+		subTitle: {
+			type: [String, Number],
+			required: false
+		},
+		icon: {
+			type: Object,
+			required: false
+		}
+	},
+	setup(__props) {
+		const ns = require_index.useNamespace("result");
+		const instance = (0, vue.getCurrentInstance)();
+		const slots = (0, vue.useSlots)();
+		const _icon = (0, vue.computed)(() => {
+			return (0, _vft_utils.singleAttrToObj)(__props.icon, "icon");
+		});
+		const vIcon = _icon.value?.icon ? (0, vue.h)("div", { class: ns.e("icon") }, [(0, vue.h)(require_index$1.VftIcon, { ..._icon.value })]) : slots.default?.();
+		const vCon = (attrName) => {
+			const nodeCon = (0, _vft_utils.renderTNode)(instance, attrName);
+			return nodeCon ? (0, vue.h)("div", { class: ns.e(attrName) }, [(0, vue.h)("p", {}, { default: () => nodeCon })]) : null;
+		};
+		return () => {
+			return (0, vue.h)("div", { class: ns.b() }, { default: () => [
+				vIcon,
+				vCon("title"),
+				vCon("sub-title"),
+				slots.extra ? (0, vue.h)("div", { class: ns.e("extra") }, { default: () => slots.extra?.() }) : null
+			] });
+		};
+	}
+});
+//#endregion
+exports.default = result_vue_vue_type_script_setup_true_lang_default;

package/lib/components/result/style/css.cjs

@@ -1 +1,3 @@
-"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-result.css");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../base/style/css.cjs");
+require("vft/theme-style/vft-result.css");

package/lib/components/result/style/index.cjs

@@ -1 +1,3 @@
-"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/result.scss");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../base/style/index.cjs");
+require("vft/theme-style/src/result.scss");

package/lib/components/router-view-content/index.cjs

@@ -1 +1,11 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("vue");const t=require("../../utils/vue/install.cjs");require("lodash-es");require("../form/index.cjs");const r=require("./router-view-content.vue2.cjs"),e=t.withInstall(r.default);exports.VftRouterViewContent=e;exports.default=e;
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_install = require("../../utils/vue/install.cjs");
+const require_router_view_content = require("./router-view-content.cjs");
+//#region ../../packages/components/router-view-content/index.ts
+const VftRouterViewContent = require_install.withInstall(require_router_view_content.default);
+//#endregion
+exports.VftRouterViewContent = VftRouterViewContent;
+exports.default = VftRouterViewContent;

package/lib/components/router-view-content/router-view-content.cjs

@@ -0,0 +1,8 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+//#region ../../packages/components/router-view-content/router-view-content.vue
+var router_view_content_default = require("./router-view-content.vue_vue_type_script_setup_true_lang.cjs").default;
+//#endregion
+exports.default = router_view_content_default;

package/lib/components/router-view-content/router-view-content.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,73 @@
+let _vueuse_core = require("@vueuse/core");
+let vue = require("vue");
+let _vft_router = require("@vft/router");
+//#region ../../packages/components/router-view-content/router-view-content.vue?vue&type=script&setup=true&lang.ts
+const __default__ = (0, vue.defineComponent)({ name: "vft-router-view-content" });
+var router_view_content_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
+	...__default__,
+	props: {
+		name: {
+			type: String,
+			required: false
+		},
+		cacheList: {
+			type: Array,
+			required: true
+		},
+		transitionName: {
+			type: String,
+			required: false
+		},
+		transitionAttr: {
+			type: Object,
+			required: false
+		},
+		openKeepAlive: {
+			type: Boolean,
+			required: false,
+			default: true
+		},
+		isReloadFlag: {
+			type: Boolean,
+			required: true
+		}
+	},
+	setup(__props) {
+		const getCaches = (0, vue.computed)(() => {
+			if (!__props.openKeepAlive) return [];
+			return __props.cacheList;
+		});
+		const excludeNames = (0, vue.computed)(() => {
+			return (route) => {
+				let name = route.name;
+				if (route.meta?.currentActivePath) name = route.matched?.filter((item) => {
+					return item.path === route.meta?.currentActivePath;
+				})?.[0].name;
+				return __props.isReloadFlag ? void 0 : name;
+			};
+		});
+		const [DefineTemplate, ReuseTemplate] = (0, _vueuse_core.createReusableTemplate)();
+		return (_ctx, _cache) => {
+			const _component_router_view = (0, vue.resolveComponent)("router-view");
+			return (0, vue.openBlock)(), (0, vue.createBlock)(_component_router_view, { name: __props.name }, {
+				default: (0, vue.withCtx)(({ Component: Comp, route }) => [(0, vue.createVNode)((0, vue.unref)(DefineTemplate), null, {
+					default: (0, vue.withCtx)(() => [__props.openKeepAlive ? ((0, vue.openBlock)(), (0, vue.createBlock)(vue.KeepAlive, {
+						key: 0,
+						include: getCaches.value,
+						exclude: excludeNames.value(route)
+					}, [__props.isReloadFlag ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(Comp), { key: (0, vue.unref)(_vft_router.getRouterKeyPath)(route) })) : (0, vue.createCommentVNode)("v-if", true)], 1032, ["include", "exclude"])) : ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(Comp), { key: route.fullPath }))]),
+					_: 2
+				}, 1024), __props.transitionName ? ((0, vue.openBlock)(), (0, vue.createBlock)(vue.Transition, (0, vue.mergeProps)({
+					key: 0,
+					name: __props.transitionName
+				}, __props.transitionAttr), {
+					default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(ReuseTemplate))]),
+					_: 1
+				}, 16, ["name"])) : ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(ReuseTemplate), { key: 1 }))]),
+				_: 1
+			}, 8, ["name"]);
+		};
+	}
+});
+//#endregion
+exports.default = router_view_content_vue_vue_type_script_setup_true_lang_default;

package/lib/components/router-view-content/style/css.cjs

@@ -1 +1,3 @@
-"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-router-view-content.css");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../base/style/css.cjs");
+require("vft/theme-style/vft-router-view-content.css");

package/lib/components/router-view-content/style/index.cjs

@@ -1 +1,3 @@
-"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/router-view-content.scss");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../base/style/index.cjs");
+require("vft/theme-style/src/router-view-content.scss");

package/lib/components/roving-focus-group/index.cjs

@@ -1 +1,28 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const _=require("./roving-focus-group.vue2.cjs"),u=require("./roving-focus-group-impl.vue2.cjs"),r=require("./roving-focus-item.vue2.cjs"),e=require("./types.cjs"),o=require("./tokens.cjs"),t=require("./utils.cjs");exports.VftRovingFocusGroup=_.default;exports.default=_.default;exports.VftRovingFocusGroupImpl=u.default;exports.VftRovingFocusItem=r.default;exports.ROVING_FOCUS_COLLECTION_INJECTION_KEY=e.ROVING_FOCUS_COLLECTION_INJECTION_KEY;exports.ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY=e.ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY;exports.VftCollection=e.VftCollection;exports.VftCollectionItem=e.VftCollectionItem;exports.VftFocusGroupCollection=e.VftCollection;exports.VftRovingFocusCollectionItem=e.VftCollectionItem;exports.ROVING_FOCUS_GROUP_INJECTION_KEY=o.ROVING_FOCUS_GROUP_INJECTION_KEY;exports.ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY=o.ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY;exports.focusFirst=t.focusFirst;exports.getFocusIntent=t.getFocusIntent;exports.reorderArray=t.reorderArray;
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_tokens = require("./tokens.cjs");
+const require_types = require("./types.cjs");
+const require_utils = require("./utils.cjs");
+const require_roving_focus_group_impl = require("./roving-focus-group-impl.cjs");
+const require_roving_focus_group = require("./roving-focus-group.cjs");
+const require_roving_focus_item = require("./roving-focus-item.cjs");
+//#region ../../packages/components/roving-focus-group/index.ts
+var roving_focus_group_default$1 = require_roving_focus_group.default;
+//#endregion
+exports.ROVING_FOCUS_COLLECTION_INJECTION_KEY = require_types.ROVING_FOCUS_COLLECTION_INJECTION_KEY;
+exports.ROVING_FOCUS_GROUP_INJECTION_KEY = require_tokens.ROVING_FOCUS_GROUP_INJECTION_KEY;
+exports.ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY = require_tokens.ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY;
+exports.ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY = require_types.ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY;
+exports.VftCollection = require_types.VftCollection;
+exports.VftCollectionItem = require_types.VftCollectionItem;
+exports.VftFocusGroupCollection = require_types.VftCollection;
+exports.VftRovingFocusCollectionItem = require_types.VftCollectionItem;
+exports.VftRovingFocusGroup = require_roving_focus_group.default;
+exports.VftRovingFocusGroupImpl = require_roving_focus_group_impl.default;
+exports.VftRovingFocusItem = require_roving_focus_item.default;
+exports.default = roving_focus_group_default$1;
+exports.focusFirst = require_utils.focusFirst;
+exports.getFocusIntent = require_utils.getFocusIntent;
+exports.reorderArray = require_utils.reorderArray;

package/lib/components/roving-focus-group/roving-focus-group-impl.cjs

@@ -0,0 +1,8 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+//#region ../../packages/components/roving-focus-group/roving-focus-group-impl.vue
+var roving_focus_group_impl_default = require("./roving-focus-group-impl.vue_vue_type_script_setup_true_lang.cjs").default;
+//#endregion
+exports.default = roving_focus_group_impl_default;

package/lib/components/roving-focus-group/roving-focus-group-impl.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,142 @@
+const require_event = require("../../utils/event.cjs");
+const require_tokens = require("./tokens.cjs");
+const require_types = require("./types.cjs");
+const require_utils = require("./utils.cjs");
+let _vueuse_core = require("@vueuse/core");
+let vue = require("vue");
+//#region ../../packages/components/roving-focus-group/roving-focus-group-impl.vue?vue&type=script&setup=true&lang.ts
+const CURRENT_TAB_ID_CHANGE_EVT = "currentTabIdChange";
+const ENTRY_FOCUS_EVT = "rovingFocusGroup.entryFocus";
+const __default__ = (0, vue.defineComponent)({
+	name: "VftRovingFocusGroupImpl",
+	inheritAttrs: false
+});
+var roving_focus_group_impl_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
+	...__default__,
+	props: {
+		style: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			required: false,
+			skipCheck: true
+		},
+		currentTabId: {
+			type: String,
+			required: false
+		},
+		defaultCurrentTabId: {
+			type: String,
+			required: false
+		},
+		loop: {
+			type: Boolean,
+			required: false
+		},
+		dir: {
+			type: String,
+			required: false,
+			default: "ltr"
+		},
+		orientation: {
+			type: String,
+			required: false
+		},
+		onBlur: {
+			type: Function,
+			required: false
+		},
+		onFocus: {
+			type: Function,
+			required: false
+		},
+		onMousedown: {
+			type: Function,
+			required: false
+		}
+	},
+	emits: ["currentTabIdChange", "entryFocus"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const EVT_OPTS = {
+			bubbles: false,
+			cancelable: true
+		};
+		const currentTabbedId = (0, vue.ref)((props.currentTabId || props.defaultCurrentTabId) ?? null);
+		const isBackingOut = (0, vue.ref)(false);
+		const isClickFocus = (0, vue.ref)(false);
+		const rovingFocusGroupRef = (0, vue.ref)(null);
+		const { getItems } = (0, vue.inject)(require_types.ROVING_FOCUS_COLLECTION_INJECTION_KEY, void 0);
+		const rovingFocusGroupRootStyle = (0, vue.computed)(() => {
+			return [{ outline: "none" }, props.style];
+		});
+		const onItemFocus = (tabbedId) => {
+			emit(CURRENT_TAB_ID_CHANGE_EVT, tabbedId);
+		};
+		const onItemShiftTab = () => {
+			isBackingOut.value = true;
+		};
+		const onMousedown = require_event.composeEventHandlers((e) => {
+			props.onMousedown?.(e);
+		}, () => {
+			isClickFocus.value = true;
+		});
+		const onFocus = require_event.composeEventHandlers((e) => {
+			props.onFocus?.(e);
+		}, (e) => {
+			const isKeyboardFocus = !(0, vue.unref)(isClickFocus);
+			const { target, currentTarget } = e;
+			if (target === currentTarget && isKeyboardFocus && !(0, vue.unref)(isBackingOut)) {
+				const entryFocusEvt = new Event(ENTRY_FOCUS_EVT, EVT_OPTS);
+				currentTarget?.dispatchEvent(entryFocusEvt);
+				if (!entryFocusEvt.defaultPrevented) {
+					const items = getItems().filter((item) => item.focusable);
+					require_utils.focusFirst([
+						items.find((item) => item.active),
+						items.find((item) => item.id === (0, vue.unref)(currentTabbedId)),
+						...items
+					].filter(Boolean).map((item) => item.ref));
+				}
+			}
+			isClickFocus.value = false;
+		});
+		const onBlur = require_event.composeEventHandlers((e) => {
+			props.onBlur?.(e);
+		}, () => {
+			isBackingOut.value = false;
+		});
+		const handleEntryFocus = (...args) => {
+			emit("entryFocus", ...args);
+		};
+		(0, vue.provide)(require_tokens.ROVING_FOCUS_GROUP_INJECTION_KEY, {
+			currentTabbedId: (0, vue.readonly)(currentTabbedId),
+			loop: (0, vue.toRef)(props, "loop"),
+			tabIndex: (0, vue.computed)(() => {
+				return (0, vue.unref)(isBackingOut) ? -1 : 0;
+			}),
+			rovingFocusGroupRef,
+			rovingFocusGroupRootStyle,
+			orientation: (0, vue.toRef)(props, "orientation"),
+			dir: (0, vue.toRef)(props, "dir"),
+			onItemFocus,
+			onItemShiftTab,
+			onBlur,
+			onFocus,
+			onMousedown
+		});
+		(0, vue.watch)(() => props.currentTabId, (val) => {
+			currentTabbedId.value = val ?? null;
+		});
+		(0, _vueuse_core.useEventListener)(rovingFocusGroupRef, ENTRY_FOCUS_EVT, handleEntryFocus);
+		return (_ctx, _cache) => {
+			return (0, vue.renderSlot)(_ctx.$slots, "default");
+		};
+	}
+});
+//#endregion
+exports.default = roving_focus_group_impl_vue_vue_type_script_setup_true_lang_default;

package/lib/components/roving-focus-group/roving-focus-group.cjs

@@ -0,0 +1,8 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+//#region ../../packages/components/roving-focus-group/roving-focus-group.vue
+var roving_focus_group_default = require("./roving-focus-group.vue_vue_type_script_setup_true_lang.cjs").default;
+//#endregion
+exports.default = roving_focus_group_default;

package/lib/components/roving-focus-group/roving-focus-group.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,27 @@
+const require_types = require("./types.cjs");
+const require_roving_focus_group_impl = require("./roving-focus-group-impl.cjs");
+let vue = require("vue");
+//#region ../../packages/components/roving-focus-group/roving-focus-group.vue?vue&type=script&setup=true&lang.ts
+const __default__ = (0, vue.defineComponent)({
+	name: "VftRovingFocusGroup",
+	components: {
+		"focus-group-collection": require_types.VftCollection,
+		"roving-focus-group-impl": require_roving_focus_group_impl.default
+	}
+});
+var roving_focus_group_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
+	...__default__,
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_types.VftCollection), null, {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)(require_roving_focus_group_impl.default, (0, vue.normalizeProps)((0, vue.guardReactiveProps)(_ctx.$attrs)), {
+					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+					_: 3
+				}, 16)]),
+				_: 3
+			});
+		};
+	}
+});
+//#endregion
+exports.default = roving_focus_group_vue_vue_type_script_setup_true_lang_default;

package/lib/components/roving-focus-group/roving-focus-item.cjs

@@ -0,0 +1,8 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+//#region ../../packages/components/roving-focus-group/roving-focus-item.vue
+var roving_focus_item_default = require("./roving-focus-item.vue_vue_type_script_setup_true_lang.cjs").default;
+//#endregion
+exports.default = roving_focus_item_default;