reka-ui 2.9.10 → 2.10.0

package/dist/DismissableLayer/DismissableLayer.js

@@ -27,6 +27,11 @@ var DismissableLayer_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		as: {
 			type: null,
 			required: false
+		},
+		present: {
+			type: Boolean,
+			required: false,
+			default: true
 		}
 	},
 	emits: [
@@ -56,7 +61,7 @@ var DismissableLayer_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		});
 		const pointerDownOutside = usePointerDownOutside(async (event) => {
 			const isPointerDownOnBranch = [...context.branches].some((branch) => branch?.contains(event.target));
-			if (!isPointerEventsEnabled.value || isPointerDownOnBranch) return;
+			if (!props.present || !isPointerEventsEnabled.value || isPointerDownOnBranch) return;
 			emits("pointerDownOutside", event);
 			emits("interactOutside", event);
 			await nextTick();
@@ -64,19 +69,24 @@ var DismissableLayer_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		}, layerElement);
 		const focusOutside = useFocusOutside((event) => {
 			const isFocusInBranch = [...context.branches].some((branch) => branch?.contains(event.target));
-			if (isFocusInBranch) return;
+			if (!props.present || isFocusInBranch) return;
 			emits("focusOutside", event);
 			emits("interactOutside", event);
 			if (!event.defaultPrevented) emits("dismiss");
 		}, layerElement);
 		onKeyStroke("Escape", (event) => {
+			if (!props.present) return;
 			const isHighestLayer = index.value === layers.value.size - 1;
 			if (!isHighestLayer) return;
 			emits("escapeKeyDown", event);
 			if (!event.defaultPrevented) emits("dismiss");
 		});
-		watch([layerElement, () => props.disableOutsidePointerEvents], ([element, disableOutsidePointerEvents], _, onCleanup) => {
-			if (!element) return;
+		watch([
+			layerElement,
+			() => props.disableOutsidePointerEvents,
+			() => props.present
+		], ([element, disableOutsidePointerEvents, present], _, onCleanup) => {
+			if (!element || !present) return;
 			if (disableOutsidePointerEvents) {
 				if (context.layersWithOutsidePointerEventsDisabled.size === 0) {
 					context.originalBodyPointerEvents = ownerDocument.value.body.style.pointerEvents;
@@ -88,7 +98,13 @@ var DismissableLayer_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 					if (context.layersWithOutsidePointerEventsDisabled.size === 0 && !isNullish(context.originalBodyPointerEvents)) ownerDocument.value.body.style.pointerEvents = context.originalBodyPointerEvents;
 				});
 			}
+		}, { immediate: true });
+		watch([layerElement, () => props.present], ([element, present], _, onCleanup) => {
+			if (!element || !present) return;
 			layers.value.add(element);
+			onCleanup(() => {
+				layers.value.delete(element);
+			});
 		}, { immediate: true });
 		watchEffect((cleanupFn) => {
 			cleanupFn(() => {

package/dist/DismissableLayer/DismissableLayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"DismissableLayer.js","names":["asChild","as"],"sources":["../../src/DismissableLayer/DismissableLayer.vue","../../src/DismissableLayer/DismissableLayer.vue"],"sourcesContent":[],"mappings":";;;;;;;;AAwDA,MAAa,UAAU,SAAS;CAC9B,4BAAY,IAAI;CAChB,wDAAwC,IAAI;CAC5C;CACA,0BAAU,IAAI;AACf,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;EAaD,MAAM,QAAQ;EAId,MAAM,QAAQ;EAEd,MAAM,EAAE,YAAY,gBAAgB,cAAc,GAAG,kBAAiB;EACtE,MAAM,gBAAgB,SACpB,MAAM,aAAa,OAAO,iBAAiB,WAAW,SACxD;EAEA,MAAM,SAAS,SAAS,MAAM,QAAQ,WAAU;EAEhD,MAAM,QAAQ,SAAS,MAAM;AAC3B,UAAO,aAAa,QAChB,MAAM,KAAK,OAAO,MAAM,CAAC,QAAQ,aAAa,MAAK,GACnD;EACL,EAAA;EAED,MAAM,8BAA8B,SAAS,MAAM;AACjD,UAAO,QAAQ,uCAAuC,OAAO;EAC9D,EAAA;EAED,MAAM,yBAAyB,SAAS,MAAM;GAC5C,MAAM,cAAc,MAAM,KAAK,OAAO,MAAK;GAC3C,MAAM,CAAC,6CAA6C,GAAG,CAAC,GAAG,QAAQ,sCAAuC,EAAC,MAAM,GAAE;GACnH,MAAM,oDAAoD,YAAY,QAAQ,6CAA4C;AAE1H,UAAO,MAAM,SAAS;EACvB,EAAA;EAED,MAAM,qBAAqB,sBAAsB,OAAO,UAAU;GAChE,MAAM,wBAAwB,CAAC,GAAG,QAAQ,QAAS,EAAC,KAAK,YACvD,QAAQ,SAAS,MAAM,OAAsB,CAC/C;AAEA,QAAK,uBAAuB,SAAS,sBACnC;AACF,SAAM,sBAAsB,MAAK;AACjC,SAAM,mBAAmB,MAAK;AAC9B,SAAM,UAAS;AACf,QAAK,MAAM,iBACT,OAAM,UAAS;EAClB,GAAE,aAAY;EAEf,MAAM,eAAe,gBAAgB,CAAC,UAAU;GAC9C,MAAM,kBAAkB,CAAC,GAAG,QAAQ,QAAS,EAAC,KAAK,YACjD,QAAQ,SAAS,MAAM,OAAsB,CAC/C;AAEA,OAAI,gBACF;AACF,SAAM,gBAAgB,MAAK;AAC3B,SAAM,mBAAmB,MAAK;AAC9B,QAAK,MAAM,iBACT,OAAM,UAAS;EAClB,GAAE,aAAY;AAEf,cAAY,UAAU,CAAC,UAAU;GAC/B,MAAM,iBAAiB,MAAM,UAAU,OAAO,MAAM,OAAO;AAC3D,QAAK,eACH;AACF,SAAM,iBAAiB,MAAK;AAC5B,QAAK,MAAM,iBACT,OAAM,UAAS;EAClB,EAAA;AAQD,QACE,CAAC,cAAc,MAAM,MAAM,2BAA4B,GACvD,CAAC,CAAC,SAAS,4BAA4B,EAAE,GAAG,cAAc;AACxD,QAAK,QACH;AACF,OAAI,6BAA6B;AAC/B,QAAI,QAAQ,uCAAuC,SAAS,GAAG;AAC7D,aAAQ,4BAA4B,cAAc,MAAM,KAAK,MAAM;AACnE,mBAAc,MAAM,KAAK,MAAM,gBAAgB;IACjD;AACA,YAAQ,uCAAuC,IAAI,QAAO;AAS1D,cAAU,MAAM;AACd,aAAQ,uCAAuC,OAAO,QAAO;AAC7D,SACE,QAAQ,uCAAuC,SAAS,MACpD,UAAU,QAAQ,0BAAyB,CAE/C,eAAc,MAAM,KAAK,MAAM,gBAAgB,QAAQ;IAE1D,EAAA;GACH;AACA,UAAO,MAAM,IAAI,QAAO;EACzB,GACD,EAAE,WAAW,KAAM,EACrB;AAEA,cAAY,CAAC,cAAc;AACzB,aAAU,MAAM;AACd,SAAK,aAAa,MAChB;AACF,WAAO,MAAM,OAAO,aAAa,MAAK;AACtC,YAAQ,uCAAuC,OAAO,aAAa,MAAK;GACzE,EAAA;EACF,EAAA;;uBAIC,YAiBY,MAAA,UAAA,EAAA;IAhBT,KAAK,MAAA,WAAU;IACf,YAAUA,KAAAA;IACV,IAAIC,KAAAA;IACL,0BAAA;IACC,OAAK,eAAA,iBAAyB,4BAAA,QAAsC,uBAAA;oBAOrD,MAAA,aAAY,CAAC;mBACd,MAAA,aAAY,CAAC;0BACN,MAAA,mBAAkB,CAAC;;qBAEzC,MAAQ,CAAR,WAAQ,KAAA,QAAA,UAAA"}
+{"version":3,"file":"DismissableLayer.js","names":["asChild","as"],"sources":["../../src/DismissableLayer/DismissableLayer.vue","../../src/DismissableLayer/DismissableLayer.vue"],"sourcesContent":[],"mappings":"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"}

package/dist/Drawer/DrawerClose.cjs

@@ -0,0 +1,48 @@
+const require_rolldown_runtime = require('../rolldown-runtime.cjs');
+const require_shared_useForwardExpose = require('../shared/useForwardExpose.cjs');
+const require_Primitive_Primitive = require('../Primitive/Primitive.cjs');
+const require_Drawer_DrawerRoot = require('./DrawerRoot.cjs');
+const vue = require_rolldown_runtime.__toESM(require("vue"));
+
+//#region src/Drawer/DrawerClose.vue?vue&type=script&setup=true&lang.ts
+var DrawerClose_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "DrawerClose",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "button"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		require_shared_useForwardExpose.useForwardExpose();
+		const rootContext = require_Drawer_DrawerRoot.injectDrawerRootContext();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive_Primitive.Primitive), (0, vue.mergeProps)(props, {
+				type: _ctx.as === "button" ? "button" : void 0,
+				onClick: _cache[0] || (_cache[0] = ($event) => (0, vue.unref)(rootContext).onOpenChange(false, "close-press"))
+			}), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["type"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/Drawer/DrawerClose.vue
+var DrawerClose_default = DrawerClose_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+Object.defineProperty(exports, 'DrawerClose_default', {
+  enumerable: true,
+  get: function () {
+    return DrawerClose_default;
+  }
+});
+//# sourceMappingURL=DrawerClose.cjs.map

package/dist/Drawer/DrawerClose.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerClose.cjs","names":["as"],"sources":["../../src/Drawer/DrawerClose.vue","../../src/Drawer/DrawerClose.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;EAWA,MAAM,QAAQ;AACd,oDAAiB;EACjB,MAAM,cAAc,mDAAwB;;gCAI1C,qBAMY,eAAA,sCAAA,EANZ,oBACU,OAAK;IACZ,MAAMA,KAAAA,OAAE,WAAA;IACR,SAAK,OAAA,OAAA,OAAA,KAAA,CAAA,WAAE,eAAA,YAAW,CAAC,aAAY,OAAA,cAAA;;8BAEhC,MAAQ,CAAR,oBAAQ,KAAA,QAAA,UAAA"}

package/dist/Drawer/DrawerClose.js

@@ -0,0 +1,42 @@
+import { useForwardExpose } from "../shared/useForwardExpose.js";
+import { Primitive } from "../Primitive/Primitive.js";
+import { injectDrawerRootContext } from "./DrawerRoot.js";
+import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+
+//#region src/Drawer/DrawerClose.vue?vue&type=script&setup=true&lang.ts
+var DrawerClose_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "DrawerClose",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "button"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		useForwardExpose();
+		const rootContext = injectDrawerRootContext();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Primitive), mergeProps(props, {
+				type: _ctx.as === "button" ? "button" : void 0,
+				onClick: _cache[0] || (_cache[0] = ($event) => unref(rootContext).onOpenChange(false, "close-press"))
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["type"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/Drawer/DrawerClose.vue
+var DrawerClose_default = DrawerClose_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { DrawerClose_default };
+//# sourceMappingURL=DrawerClose.js.map

package/dist/Drawer/DrawerClose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerClose.js","names":["as"],"sources":["../../src/Drawer/DrawerClose.vue","../../src/Drawer/DrawerClose.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;EAWA,MAAM,QAAQ;AACd,oBAAiB;EACjB,MAAM,cAAc,yBAAwB;;uBAI1C,YAMY,MAAA,UAAA,EANZ,WACU,OAAK;IACZ,MAAMA,KAAAA,OAAE,WAAA;IACR,SAAK,OAAA,OAAA,OAAA,KAAA,CAAA,WAAE,MAAA,YAAW,CAAC,aAAY,OAAA,cAAA;;qBAEhC,MAAQ,CAAR,WAAQ,KAAA,QAAA,UAAA"}

package/dist/Drawer/DrawerContent.cjs

@@ -0,0 +1,139 @@
+const require_rolldown_runtime = require('../rolldown-runtime.cjs');
+const require_shared_useEmitAsProps = require('../shared/useEmitAsProps.cjs');
+const require_shared_useForwardExpose = require('../shared/useForwardExpose.cjs');
+const require_shared_useHideOthers = require('../shared/useHideOthers.cjs');
+const require_Presence_Presence = require('../Presence/Presence.cjs');
+const require_Drawer_DrawerRoot = require('./DrawerRoot.cjs');
+const require_Drawer_DrawerContentImpl = require('./DrawerContentImpl.cjs');
+const vue = require_rolldown_runtime.__toESM(require("vue"));
+
+//#region src/Drawer/DrawerContent.vue?vue&type=script&setup=true&lang.ts
+var DrawerContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "DrawerContent",
+	props: {
+		forceMount: {
+			type: Boolean,
+			required: false
+		},
+		initialFocus: {
+			type: [Boolean, null],
+			required: false,
+			skipCheck: true
+		},
+		finalFocus: {
+			type: [Boolean, null],
+			required: false,
+			skipCheck: true
+		},
+		disableOutsidePointerEvents: {
+			type: Boolean,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false
+		}
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside",
+		"openAutoFocus",
+		"closeAutoFocus"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const rootContext = require_Drawer_DrawerRoot.injectDrawerRootContext();
+		const emitsAsProps = require_shared_useEmitAsProps.useEmitAsProps(emits);
+		const { forwardRef, currentElement } = require_shared_useForwardExpose.useForwardExpose();
+		const hasInteractedOutside = (0, vue.ref)(false);
+		const hasPointerDownOutside = (0, vue.ref)(false);
+		const isFullModal = (0, vue.computed)(() => rootContext.modal.value === true);
+		const isTrapFocusOnly = (0, vue.computed)(() => rootContext.modal.value === "trap-focus");
+		const shouldTrapFocus = (0, vue.computed)(() => (isFullModal.value || isTrapFocusOnly.value) && rootContext.open.value);
+		const shouldHideOthers = (0, vue.computed)(() => isFullModal.value ? currentElement.value : void 0);
+		require_shared_useHideOthers.useHideOthers(shouldHideOthers);
+		function onCloseAutoFocusNonModal(e) {
+			if (!e.defaultPrevented) {
+				if (!hasInteractedOutside.value) rootContext.triggerElement.value?.focus();
+				e.preventDefault();
+			}
+			hasInteractedOutside.value = false;
+			hasPointerDownOutside.value = false;
+		}
+		function onInteractOutsideNonModal(e) {
+			if (!e.defaultPrevented) {
+				hasInteractedOutside.value = true;
+				if (e.detail.originalEvent.type === "pointerdown") hasPointerDownOutside.value = true;
+			}
+			const target = e.target;
+			if (rootContext.triggerElement.value?.contains(target)) e.preventDefault();
+			if (e.detail.originalEvent.type === "focusin" && hasPointerDownOutside.value) e.preventDefault();
+		}
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Presence_Presence.Presence_default), { present: _ctx.forceMount || (0, vue.unref)(rootContext).open.value }, {
+				default: (0, vue.withCtx)(() => [isFullModal.value ? ((0, vue.openBlock)(), (0, vue.createBlock)(require_Drawer_DrawerContentImpl.DrawerContentImpl_default, (0, vue.mergeProps)({
+					key: 0,
+					ref: (0, vue.unref)(forwardRef)
+				}, {
+					...props,
+					...(0, vue.unref)(emitsAsProps),
+					..._ctx.$attrs
+				}, {
+					"trap-focus": shouldTrapFocus.value,
+					"disable-outside-pointer-events": true,
+					onCloseAutoFocus: _cache[0] || (_cache[0] = (e) => {
+						if (!e.defaultPrevented) {
+							e.preventDefault();
+							(0, vue.unref)(rootContext).triggerElement.value?.focus();
+						}
+					}),
+					onPointerDownOutside: _cache[1] || (_cache[1] = (e) => {
+						const orig = e.detail.originalEvent;
+						const isRightClick = orig.button === 2 || orig.button === 0 && orig.ctrlKey;
+						if (isRightClick) e.preventDefault();
+					}),
+					onFocusOutside: _cache[2] || (_cache[2] = (e) => e.preventDefault())
+				}), {
+					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+					_: 3
+				}, 16, ["trap-focus"])) : ((0, vue.openBlock)(), (0, vue.createBlock)(require_Drawer_DrawerContentImpl.DrawerContentImpl_default, (0, vue.mergeProps)({
+					key: 1,
+					ref: (0, vue.unref)(forwardRef)
+				}, {
+					...props,
+					...(0, vue.unref)(emitsAsProps),
+					..._ctx.$attrs
+				}, {
+					"trap-focus": shouldTrapFocus.value,
+					"disable-outside-pointer-events": false,
+					onCloseAutoFocus: onCloseAutoFocusNonModal,
+					onInteractOutside: onInteractOutsideNonModal
+				}), {
+					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+					_: 3
+				}, 16, ["trap-focus"]))]),
+				_: 3
+			}, 8, ["present"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/Drawer/DrawerContent.vue
+var DrawerContent_default = DrawerContent_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+Object.defineProperty(exports, 'DrawerContent_default', {
+  enumerable: true,
+  get: function () {
+    return DrawerContent_default;
+  }
+});
+//# sourceMappingURL=DrawerContent.cjs.map

package/dist/Drawer/DrawerContent.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerContent.cjs","names":["forceMount","$attrs"],"sources":["../../src/Drawer/DrawerContent.vue","../../src/Drawer/DrawerContent.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgBA,MAAM,QAAQ;EACd,MAAM,QAAQ;EAEd,MAAM,cAAc,mDAAwB;EAC5C,MAAM,eAAe,6CAAe,MAAK;EACzC,MAAM,EAAE,YAAY,gBAAgB,GAAG,kDAAiB;EACxD,MAAM,uBAAuB,aAAI,MAAK;EACtC,MAAM,wBAAwB,aAAI,MAAK;EAMvC,MAAM,cAAc,kBAAS,MAAM,YAAY,MAAM,UAAU,KAAI;EACnE,MAAM,kBAAkB,kBAAS,MAAM,YAAY,MAAM,UAAU,aAAY;EAC/E,MAAM,kBAAkB,kBAAS,OAAO,YAAY,SAAS,gBAAgB,UAAU,YAAY,KAAK,MAAK;EAC7G,MAAM,mBAAmB,kBAAS,MAAM,YAAY,QAAQ,eAAe,eAAiB;AAC5F,6CAAc,iBAAgB;EAI9B,SAAS,yBAAyB,GAAU;AAC1C,QAAK,EAAE,kBAAkB;AACvB,SAAK,qBAAqB,MACxB,aAAY,eAAe,OAAO,OAAM;AAC1C,MAAE,gBAAe;GACnB;AACA,wBAAqB,QAAQ;AAC7B,yBAAsB,QAAQ;EAChC;EAEA,SAAS,0BAA0B,GAAQ;AACzC,QAAK,EAAE,kBAAkB;AACvB,yBAAqB,QAAQ;AAC7B,QAAI,EAAE,OAAO,cAAc,SAAS,cAClC,uBAAsB,QAAQ;GAClC;GACA,MAAM,SAAS,EAAE;AACjB,OAAI,YAAY,eAAe,OAAO,SAAS,OAAO,CACpD,GAAE,gBAAe;AACnB,OAAI,EAAE,OAAO,cAAc,SAAS,aAAa,sBAAsB,MACrE,GAAE,gBAAe;EACrB;;gCAIE,qBAkCW,eAAA,2CAAA,EAAA,EAlCA,SAASA,KAAAA,cAAc,eAAA,YAAW,CAAC,KAAK;8BACjD,MAoBoB,CAnBZ,YAAA,+BADR,qBAoBoB,4DApBpB,oBAoBoB;;KAlBjB,KAAK,eAAA,WAAU;;QACH;KAAK,GAAK,eAAA,aAAY;KAAA,GAAKC,KAAAA;IAAM,GAAA;KAC7C,cAAY,gBAAA;KACZ,kCAAgC;KAChC,kBAAgB,OAAA,OAAA,OAAA,KAAA,CAAG,MAAQ;WAAoB,EAAE,kBAAgB;AAAc,SAAE,gBAAc;AAAa,sBAAA,YAAW,CAAC,eAAe,OAAO,OAAK;;;KAMnJ,sBAAoB,OAAA,OAAA,OAAA,KAAA,CAAG,MAAM;YAAqB,OAAO,EAAE,OAAO;YAA4B,eAAe,KAAK,WAAM,KAAW,KAAK,WAAM,KAAU,KAAK;UAAqB,aAAc,GAAE,gBAAc;;KAKhN,gBAAa,OAAA,OAAA,OAAA,KAAA,CAAG,MAAa,EAAE,gBAAc;;+BAE9C,MAAQ,CAAR,oBAAQ,KAAA,QAAA,UAAA;;qDAGV,qBAUoB,4DAVpB,oBAUoB;;KARjB,KAAK,eAAA,WAAU;;QACH;KAAK,GAAK,eAAA,aAAY;KAAA,GAAKA,KAAAA;IAAM,GAAA;KAC7C,cAAY,gBAAA;KACZ,kCAAgC;KAChC,kBAAkB;KAClB,mBAAkB;;+BAEnB,MAAQ,CAAR,oBAAQ,KAAA,QAAA,UAAA"}

package/dist/Drawer/DrawerContent.js

@@ -0,0 +1,133 @@
+import { useEmitAsProps } from "../shared/useEmitAsProps.js";
+import { useForwardExpose } from "../shared/useForwardExpose.js";
+import { useHideOthers } from "../shared/useHideOthers.js";
+import { Presence_default } from "../Presence/Presence.js";
+import { injectDrawerRootContext } from "./DrawerRoot.js";
+import { DrawerContentImpl_default } from "./DrawerContentImpl.js";
+import { computed, createBlock, createCommentVNode, defineComponent, mergeProps, openBlock, ref, renderSlot, unref, withCtx } from "vue";
+
+//#region src/Drawer/DrawerContent.vue?vue&type=script&setup=true&lang.ts
+var DrawerContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "DrawerContent",
+	props: {
+		forceMount: {
+			type: Boolean,
+			required: false
+		},
+		initialFocus: {
+			type: [Boolean, null],
+			required: false,
+			skipCheck: true
+		},
+		finalFocus: {
+			type: [Boolean, null],
+			required: false,
+			skipCheck: true
+		},
+		disableOutsidePointerEvents: {
+			type: Boolean,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false
+		}
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside",
+		"openAutoFocus",
+		"closeAutoFocus"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const rootContext = injectDrawerRootContext();
+		const emitsAsProps = useEmitAsProps(emits);
+		const { forwardRef, currentElement } = useForwardExpose();
+		const hasInteractedOutside = ref(false);
+		const hasPointerDownOutside = ref(false);
+		const isFullModal = computed(() => rootContext.modal.value === true);
+		const isTrapFocusOnly = computed(() => rootContext.modal.value === "trap-focus");
+		const shouldTrapFocus = computed(() => (isFullModal.value || isTrapFocusOnly.value) && rootContext.open.value);
+		const shouldHideOthers = computed(() => isFullModal.value ? currentElement.value : void 0);
+		useHideOthers(shouldHideOthers);
+		function onCloseAutoFocusNonModal(e) {
+			if (!e.defaultPrevented) {
+				if (!hasInteractedOutside.value) rootContext.triggerElement.value?.focus();
+				e.preventDefault();
+			}
+			hasInteractedOutside.value = false;
+			hasPointerDownOutside.value = false;
+		}
+		function onInteractOutsideNonModal(e) {
+			if (!e.defaultPrevented) {
+				hasInteractedOutside.value = true;
+				if (e.detail.originalEvent.type === "pointerdown") hasPointerDownOutside.value = true;
+			}
+			const target = e.target;
+			if (rootContext.triggerElement.value?.contains(target)) e.preventDefault();
+			if (e.detail.originalEvent.type === "focusin" && hasPointerDownOutside.value) e.preventDefault();
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Presence_default), { present: _ctx.forceMount || unref(rootContext).open.value }, {
+				default: withCtx(() => [isFullModal.value ? (openBlock(), createBlock(DrawerContentImpl_default, mergeProps({
+					key: 0,
+					ref: unref(forwardRef)
+				}, {
+					...props,
+					...unref(emitsAsProps),
+					..._ctx.$attrs
+				}, {
+					"trap-focus": shouldTrapFocus.value,
+					"disable-outside-pointer-events": true,
+					onCloseAutoFocus: _cache[0] || (_cache[0] = (e) => {
+						if (!e.defaultPrevented) {
+							e.preventDefault();
+							unref(rootContext).triggerElement.value?.focus();
+						}
+					}),
+					onPointerDownOutside: _cache[1] || (_cache[1] = (e) => {
+						const orig = e.detail.originalEvent;
+						const isRightClick = orig.button === 2 || orig.button === 0 && orig.ctrlKey;
+						if (isRightClick) e.preventDefault();
+					}),
+					onFocusOutside: _cache[2] || (_cache[2] = (e) => e.preventDefault())
+				}), {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				}, 16, ["trap-focus"])) : (openBlock(), createBlock(DrawerContentImpl_default, mergeProps({
+					key: 1,
+					ref: unref(forwardRef)
+				}, {
+					...props,
+					...unref(emitsAsProps),
+					..._ctx.$attrs
+				}, {
+					"trap-focus": shouldTrapFocus.value,
+					"disable-outside-pointer-events": false,
+					onCloseAutoFocus: onCloseAutoFocusNonModal,
+					onInteractOutside: onInteractOutsideNonModal
+				}), {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				}, 16, ["trap-focus"]))]),
+				_: 3
+			}, 8, ["present"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/Drawer/DrawerContent.vue
+var DrawerContent_default = DrawerContent_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { DrawerContent_default };
+//# sourceMappingURL=DrawerContent.js.map

package/dist/Drawer/DrawerContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerContent.js","names":["forceMount","$attrs"],"sources":["../../src/Drawer/DrawerContent.vue","../../src/Drawer/DrawerContent.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgBA,MAAM,QAAQ;EACd,MAAM,QAAQ;EAEd,MAAM,cAAc,yBAAwB;EAC5C,MAAM,eAAe,eAAe,MAAK;EACzC,MAAM,EAAE,YAAY,gBAAgB,GAAG,kBAAiB;EACxD,MAAM,uBAAuB,IAAI,MAAK;EACtC,MAAM,wBAAwB,IAAI,MAAK;EAMvC,MAAM,cAAc,SAAS,MAAM,YAAY,MAAM,UAAU,KAAI;EACnE,MAAM,kBAAkB,SAAS,MAAM,YAAY,MAAM,UAAU,aAAY;EAC/E,MAAM,kBAAkB,SAAS,OAAO,YAAY,SAAS,gBAAgB,UAAU,YAAY,KAAK,MAAK;EAC7G,MAAM,mBAAmB,SAAS,MAAM,YAAY,QAAQ,eAAe,eAAiB;AAC5F,gBAAc,iBAAgB;EAI9B,SAAS,yBAAyB,GAAU;AAC1C,QAAK,EAAE,kBAAkB;AACvB,SAAK,qBAAqB,MACxB,aAAY,eAAe,OAAO,OAAM;AAC1C,MAAE,gBAAe;GACnB;AACA,wBAAqB,QAAQ;AAC7B,yBAAsB,QAAQ;EAChC;EAEA,SAAS,0BAA0B,GAAQ;AACzC,QAAK,EAAE,kBAAkB;AACvB,yBAAqB,QAAQ;AAC7B,QAAI,EAAE,OAAO,cAAc,SAAS,cAClC,uBAAsB,QAAQ;GAClC;GACA,MAAM,SAAS,EAAE;AACjB,OAAI,YAAY,eAAe,OAAO,SAAS,OAAO,CACpD,GAAE,gBAAe;AACnB,OAAI,EAAE,OAAO,cAAc,SAAS,aAAa,sBAAsB,MACrE,GAAE,gBAAe;EACrB;;uBAIE,YAkCW,MAAA,iBAAA,EAAA,EAlCA,SAASA,KAAAA,cAAc,MAAA,YAAW,CAAC,KAAK;qBACjD,MAoBoB,CAnBZ,YAAA,sBADR,YAoBoB,2BApBpB,WAoBoB;;KAlBjB,KAAK,MAAA,WAAU;;QACH;KAAK,GAAK,MAAA,aAAY;KAAA,GAAKC,KAAAA;IAAM,GAAA;KAC7C,cAAY,gBAAA;KACZ,kCAAgC;KAChC,kBAAgB,OAAA,OAAA,OAAA,KAAA,CAAG,MAAQ;WAAoB,EAAE,kBAAgB;AAAc,SAAE,gBAAc;AAAa,aAAA,YAAW,CAAC,eAAe,OAAO,OAAK;;;KAMnJ,sBAAoB,OAAA,OAAA,OAAA,KAAA,CAAG,MAAM;YAAqB,OAAO,EAAE,OAAO;YAA4B,eAAe,KAAK,WAAM,KAAW,KAAK,WAAM,KAAU,KAAK;UAAqB,aAAc,GAAE,gBAAc;;KAKhN,gBAAa,OAAA,OAAA,OAAA,KAAA,CAAG,MAAa,EAAE,gBAAc;;sBAE9C,MAAQ,CAAR,WAAQ,KAAA,QAAA,UAAA;;4CAGV,YAUoB,2BAVpB,WAUoB;;KARjB,KAAK,MAAA,WAAU;;QACH;KAAK,GAAK,MAAA,aAAY;KAAA,GAAKA,KAAAA;IAAM,GAAA;KAC7C,cAAY,gBAAA;KACZ,kCAAgC;KAChC,kBAAkB;KAClB,mBAAkB;;sBAEnB,MAAQ,CAAR,WAAQ,KAAA,QAAA,UAAA"}