ropav 0.1.6 → 0.1.7

package/dist/events.js

@@ -0,0 +1,59 @@
+import { n as matchesSelectorSafe, r as querySelectorAllSafe, t as isElement } from "./query.js";
+//#region src/utils/dom/events.ts
+function isNodeLike(value) {
+	return value != null && typeof value === "object" && "nodeType" in value && typeof value.nodeType === "number";
+}
+function isNodeWithinElement(value, element) {
+	if (!isElement(element) || !isNodeLike(value)) return false;
+	try {
+		return element.contains(value);
+	} catch {
+		return false;
+	}
+}
+function isEventWithinElement(event, element) {
+	const path = event.composedPath();
+	if (path.length > 0) return path.some((entry) => entry === element || isNodeWithinElement(entry, element));
+	return isNodeWithinElement(event.target, element);
+}
+function getEventDocument(event) {
+	const target = event.target;
+	if (target != null && typeof target === "object") {
+		if ("nodeType" in target && target.nodeType === 9) return target;
+		if ("ownerDocument" in target) return target.ownerDocument ?? null;
+		if ("document" in target) return target.document ?? null;
+	}
+	return typeof document !== "undefined" ? document : null;
+}
+function isEventWithinSelector(event, selector) {
+	const path = event.composedPath();
+	if (path.length > 0) return path.some((entry) => isElement(entry) && matchesSelectorSafe(entry, selector));
+	return querySelectorAllSafe(selector, getEventDocument(event)).some((element) => isEventWithinElement(event, element));
+}
+function isEventWithinTargets(event, targets) {
+	for (const target of targets) {
+		if (!target) continue;
+		if (typeof target === "string") {
+			if (isEventWithinSelector(event, target)) return true;
+			continue;
+		}
+		if (isEventWithinElement(event, target)) return true;
+	}
+	return false;
+}
+function getEventView(event) {
+	const target = event.target;
+	if (target == null || typeof target !== "object") return null;
+	if ("ownerDocument" in target) return target.ownerDocument?.defaultView ?? null;
+	if ("defaultView" in target) return target.defaultView ?? null;
+	return null;
+}
+function createCancelableCustomEvent(type, detail, originalEvent) {
+	return new ((getEventView(originalEvent)?.CustomEvent) ?? CustomEvent)(type, {
+		bubbles: false,
+		cancelable: true,
+		detail
+	});
+}
+//#endregion
+export { isNodeWithinElement as i, isEventWithinElement as n, isEventWithinTargets as r, createCancelableCustomEvent as t };

package/dist/field.css

@@ -1,5 +1,5 @@
 @layer ropav.components {
-.rp-field[data-v-cbd66c2e] {
+.rp-field[data-v-babf7642] {
     --_rp-field-danger: var(--rp-color-red-filled);
     display: grid;
     gap: var(--rp-spacing-1);
@@ -7,10 +7,10 @@
     font-family: var(--rp-font-family);
     color: var(--rp-color-text);
 }
-html.dark .rp-field[data-v-cbd66c2e], [data-rp-color-scheme=dark] .rp-field[data-v-cbd66c2e] {
+html.dark .rp-field[data-v-babf7642], [data-rp-color-scheme=dark] .rp-field[data-v-babf7642] {
     --_rp-field-danger: var(--rp-color-red-light-color);
 }
-.rp-field__label[data-v-cbd66c2e] {
+.rp-field__label[data-v-babf7642] {
     display: inline-flex;
     width: fit-content;
     align-items: center;
@@ -20,23 +20,23 @@ html.dark .rp-field[data-v-cbd66c2e], [data-rp-color-scheme=dark] .rp-field[data
     font-weight: var(--rp-font-weight-medium);
     line-height: var(--rp-line-height-md);
 }
-.rp-field__required[data-v-cbd66c2e] {
+.rp-field__required[data-v-babf7642] {
     color: var(--_rp-field-danger);
     line-height: 1;
 }
-.rp-field__label + .rp-field__control[data-v-cbd66c2e] {
+.rp-field__label + .rp-field__control[data-v-babf7642] {
     margin-block-start: var(--rp-spacing-1);
 }
-.rp-field__control[data-v-cbd66c2e] {
+.rp-field__control[data-v-babf7642] {
     min-width: 0;
 }
-.rp-field__description[data-v-cbd66c2e] {
+.rp-field__description[data-v-babf7642] {
     margin: 0;
     color: var(--rp-color-dimmed);
     font-size: var(--rp-font-size-sm);
     line-height: var(--rp-line-height-md);
 }
-.rp-field--disabled .rp-field__label[data-v-cbd66c2e], .rp-field--disabled .rp-field__description[data-v-cbd66c2e] {
+.rp-field--disabled .rp-field__label[data-v-babf7642], .rp-field--disabled .rp-field__description[data-v-babf7642] {
     color: var(--rp-color-disabled-color);
 }
 }

package/dist/field.js

@@ -1,21 +1,11 @@
 import './field.css';
-import { n as useStylesApi, t as presence } from "./styles-api.js";
+import { t as useStylesApi } from "./styles-api.js";
+import { n as toPresenceAttribute } from "./attributes.js";
 import { t as bem } from "./bem.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { child, computed, createIf, createInvoker, createSlot, defineVaporComponent, delegateEvents, renderEffect, setDynamicProps, setInsertionState, setText, template, toDisplayString, unref, useId, useSlots } from "vue";
+import { t as isInteractiveElement } from "./interactive.js";
+import { child, computed, createIf, createSlot, defineVaporComponent, on, renderEffect, setDynamicProps, setInsertionState, setText, template, toDisplayString, unref, useId, useSlots } from "vue";
 //#region src/components/field/useField.ts
-var INTERACTIVE_LABEL_SELECTOR = [
-	"button",
-	"a[href]",
-	"input",
-	"select",
-	"textarea",
-	"[contenteditable=\"true\"]",
-	"[tabindex]:not([tabindex=\"-1\"])"
-].join(",");
-function isInteractiveLabelTarget(target) {
-	return Boolean(target.closest(INTERACTIVE_LABEL_SELECTOR));
-}
 function useField(props) {
 	const slots = useSlots();
 	const generatedId = useId();
@@ -43,8 +33,7 @@ function useField(props) {
 	}));
 	function focusControl(e) {
 		if (props.disabled) return;
-		const target = e.target;
-		if (target instanceof Element && isInteractiveLabelTarget(target)) return;
+		if (isInteractiveElement(e.target)) return;
 		const label = e.currentTarget;
 		const control = label instanceof HTMLLabelElement ? label.control ?? label.ownerDocument.getElementById(controlId.value) : void 0;
 		if (control instanceof HTMLElement) control.focus();
@@ -67,11 +56,10 @@ function useField(props) {
 //#endregion
 //#region src/components/field/field.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template(" ");
-var t1 = template("<span data-v-cbd66c2e>*");
-var t2 = template("<label data-v-cbd66c2e>");
-var t3 = template("<p data-v-cbd66c2e>");
-var t4 = template("<div data-v-cbd66c2e><div data-v-cbd66c2e></div>", 1);
-delegateEvents("mousedown");
+var t1 = template("<span data-v-babf7642>*");
+var t2 = template("<label data-v-babf7642>");
+var t3 = template("<p data-v-babf7642>");
+var t4 = template("<div data-v-babf7642><div data-v-babf7642></div>", 1);
 //#endregion
 //#region src/components/field/field.vue
 var field_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineVaporComponent({
@@ -103,8 +91,8 @@ var field_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 		const { getPartAttrs, getRootAttrs } = useStylesApi(props, "root");
 		const rootAttrs = computed(() => getRootAttrs({
 			class: rootClass.value,
-			"data-disabled": presence(props.disabled),
-			"data-invalid": presence(isInvalid.value)
+			"data-disabled": toPresenceAttribute(props.disabled),
+			"data-invalid": toPresenceAttribute(isInvalid.value)
 		}));
 		const n20 = t4();
 		const n10 = child(n20, 1);
@@ -129,7 +117,7 @@ var field_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 				renderEffect(() => setDynamicProps(n7, [unref(getPartAttrs)("required", { class: "rp-field__required" }), { "aria-hidden": "true" }]));
 				return n7;
 			});
-			n8.$evtmousedown = createInvoker((e) => unref(focusControl)(e));
+			on(n8, "mousedown", (e) => unref(focusControl)(e));
 			return n8;
 		});
 		renderEffect(() => setDynamicProps(n10, [unref(getPartAttrs)("control", { class: "rp-field__control" })]));
@@ -161,7 +149,7 @@ var field_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 		});
 		return n20;
 	}
-}), [["__scopeId", "data-v-cbd66c2e"]]);
+}), [["__scopeId", "data-v-babf7642"]]);
 //#endregion
 //#region src/components/field/types.ts
 var fieldParts = [