@turquoisehealth/pit-viper 2.233.0 → 2.234.1-dev.0

package/pv-components/dist/web/components/pv-filter-panel/pv-filter-panel.js

@@ -220,7 +220,11 @@ var ye = [
 			type: Boolean,
 			default: !1
 		},
-		hideHeader: { type: Boolean }
+		hideHeader: { type: Boolean },
+		position: {
+			default: "center",
+			type: String
+		}
 	}, {
 		modelValue: {
 			type: Boolean,
@@ -230,25 +234,22 @@ var ye = [
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = e, n = z("dialog"), r = ie(e, "modelValue");
-		H(() => r.value, () => {
-			r.value ? n.value?.showModal() : n.value?.close();
+		let t = e, n = r(() => t.position === "center" ? "position: fixed; inset-block: 0; height: fit-content; margin-block: auto" : void 0), i = z("dialog"), c = ie(e, "modelValue");
+		H(() => c.value, () => {
+			c.value ? i.value?.showModal() : i.value?.close();
 		});
-		let i = () => {
-			r.value = !1;
-		}, c = (e) => {
-			!t.disableCloseOnClickOutside && e.target === n.value && i();
+		let l = () => {
+			c.value = !1;
+		}, u = (e) => {
+			!t.disableCloseOnClickOutside && e.target === i.value && l();
 		};
-		return (t, n) => (O(), o("dialog", {
+		return (t, r) => (O(), o("dialog", {
 			class: "pv-modal-sm",
 			ref: "dialog",
-			style: {
-				"--top": "40%",
-				position: "absolute"
-			},
-			onClose: i,
-			onClick: c
-		}, [s("div", De, [e.hideHeader ? a("v-if", !0) : (O(), o("div", Oe, [s("span", ke, I(e.header), 1), e.subheader ? (O(), o("span", Ae, I(e.subheader), 1)) : a("v-if", !0)])), M(t.$slots, "body")]), e.hideFooter ? a("v-if", !0) : (O(), o("div", je, [M(t.$slots, "footer")]))], 544));
+			style: S(n.value),
+			onClose: l,
+			onClick: u
+		}, [s("div", De, [e.hideHeader ? a("v-if", !0) : (O(), o("div", Oe, [s("span", ke, I(e.header), 1), e.subheader ? (O(), o("span", Ae, I(e.subheader), 1)) : a("v-if", !0)])), M(t.$slots, "body")]), e.hideFooter ? a("v-if", !0) : (O(), o("div", je, [M(t.$slots, "footer")]))], 36));
 	}
 });
 //#endregion