@serendie/ui 3.2.2-dev.202604251110 → 3.2.2-dev.202604270058
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/client.js +35 -32
- package/dist/components/Slider/Slider.d.ts +47 -0
- package/dist/components/Slider/Slider.js +232 -0
- package/dist/components/Slider/index.d.ts +1 -0
- package/dist/components/Slider/index.js +5 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +39 -36
- package/dist/node_modules/@ark-ui/react/dist/components/slider/slider-context.js +5 -0
- package/dist/node_modules/@ark-ui/react/dist/components/slider/slider-control.js +16 -0
- package/dist/node_modules/@ark-ui/react/dist/components/slider/slider-dragging-indicator.js +18 -0
- package/dist/node_modules/@ark-ui/react/dist/components/slider/slider-hidden-input.js +17 -0
- package/dist/node_modules/@ark-ui/react/dist/components/slider/slider-label.js +16 -0
- package/dist/node_modules/@ark-ui/react/dist/components/slider/slider-marker-group.js +16 -0
- package/dist/node_modules/@ark-ui/react/dist/components/slider/slider-marker.js +17 -0
- package/dist/node_modules/@ark-ui/react/dist/components/slider/slider-range.js +16 -0
- package/dist/node_modules/@ark-ui/react/dist/components/slider/slider-root-provider.js +20 -0
- package/dist/node_modules/@ark-ui/react/dist/components/slider/slider-root.js +46 -0
- package/dist/node_modules/@ark-ui/react/dist/components/slider/slider-thumb.js +21 -0
- package/dist/node_modules/@ark-ui/react/dist/components/slider/slider-track.js +16 -0
- package/dist/node_modules/@ark-ui/react/dist/components/slider/slider-value-text.js +17 -0
- package/dist/node_modules/@ark-ui/react/dist/components/slider/slider.js +32 -0
- package/dist/node_modules/@ark-ui/react/dist/components/slider/use-slider-context.js +10 -0
- package/dist/node_modules/@ark-ui/react/dist/components/slider/use-slider-thumb-props-context.js +10 -0
- package/dist/node_modules/@ark-ui/react/dist/components/slider/use-slider.js +19 -0
- package/dist/node_modules/@zag-js/dom-query/dist/event.js +36 -31
- package/dist/node_modules/@zag-js/dom-query/dist/form.js +31 -21
- package/dist/node_modules/@zag-js/dom-query/dist/pointer-move.js +29 -0
- package/dist/node_modules/@zag-js/slider/dist/slider.anatomy.js +17 -0
- package/dist/node_modules/@zag-js/slider/dist/slider.connect.js +272 -0
- package/dist/node_modules/@zag-js/slider/dist/slider.dom.js +88 -0
- package/dist/node_modules/@zag-js/slider/dist/slider.machine.js +309 -0
- package/dist/node_modules/@zag-js/slider/dist/slider.style.js +119 -0
- package/dist/node_modules/@zag-js/slider/dist/slider.utils.js +105 -0
- package/dist/node_modules/@zag-js/utils/dist/number.js +63 -8
- package/dist/node_modules/@zag-js/utils/dist/object.js +17 -8
- package/dist/styles.css +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { createSplitProps as t } from "../../utils/create-split-props.js";
|
|
2
|
+
import { ark as a } from "../factory.js";
|
|
3
|
+
import { useSliderContext as s } from "./use-slider-context.js";
|
|
4
|
+
import { forwardRef as i } from "react";
|
|
5
|
+
import { jsx as l } from "react/jsx-runtime";
|
|
6
|
+
import { mergeProps as f } from "../../../../../@zag-js/core/dist/merge-props.js";
|
|
7
|
+
var P = t(), d = i((r, o) => {
|
|
8
|
+
const [e, p] = P(r, ["value"]), m = f(s().getMarkerProps(e), p);
|
|
9
|
+
return /* @__PURE__ */ l(a.span, {
|
|
10
|
+
...m,
|
|
11
|
+
ref: o
|
|
12
|
+
});
|
|
13
|
+
});
|
|
14
|
+
d.displayName = "SliderMarker";
|
|
15
|
+
export {
|
|
16
|
+
d as SliderMarker
|
|
17
|
+
};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { ark as m } from "../factory.js";
|
|
2
|
+
import { useSliderContext as t } from "./use-slider-context.js";
|
|
3
|
+
import { forwardRef as i } from "react";
|
|
4
|
+
import { jsx as p } from "react/jsx-runtime";
|
|
5
|
+
import { mergeProps as a } from "../../../../../@zag-js/core/dist/merge-props.js";
|
|
6
|
+
var d = i((r, e) => {
|
|
7
|
+
const o = a(t().getRangeProps(), r);
|
|
8
|
+
return /* @__PURE__ */ p(m.div, {
|
|
9
|
+
...o,
|
|
10
|
+
ref: e
|
|
11
|
+
});
|
|
12
|
+
});
|
|
13
|
+
d.displayName = "SliderRange";
|
|
14
|
+
export {
|
|
15
|
+
d as SliderRange
|
|
16
|
+
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { createSplitProps as m } from "../../utils/create-split-props.js";
|
|
2
|
+
import { ark as d } from "../factory.js";
|
|
3
|
+
import { SliderProvider as l } from "./use-slider-context.js";
|
|
4
|
+
import { forwardRef as s } from "react";
|
|
5
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
6
|
+
import { mergeProps as a } from "../../../../../@zag-js/core/dist/merge-props.js";
|
|
7
|
+
var v = m(), P = s((e, i) => {
|
|
8
|
+
const [{ value: r }, t] = v(e, ["value"]), p = a(r.getRootProps(), t);
|
|
9
|
+
return /* @__PURE__ */ o(l, {
|
|
10
|
+
value: r,
|
|
11
|
+
children: /* @__PURE__ */ o(d.div, {
|
|
12
|
+
...p,
|
|
13
|
+
ref: i
|
|
14
|
+
})
|
|
15
|
+
});
|
|
16
|
+
});
|
|
17
|
+
P.displayName = "SliderRootProvider";
|
|
18
|
+
export {
|
|
19
|
+
P as SliderRootProvider
|
|
20
|
+
};
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { createSplitProps as m } from "../../utils/create-split-props.js";
|
|
2
|
+
import { ark as n } from "../factory.js";
|
|
3
|
+
import { SliderProvider as s } from "./use-slider-context.js";
|
|
4
|
+
import { useSlider as d } from "./use-slider.js";
|
|
5
|
+
import { forwardRef as p } from "react";
|
|
6
|
+
import { jsx as e } from "react/jsx-runtime";
|
|
7
|
+
import { mergeProps as u } from "../../../../../@zag-js/core/dist/merge-props.js";
|
|
8
|
+
var f = m(), g = p((o, i) => {
|
|
9
|
+
const [a, t] = f(o, [
|
|
10
|
+
"aria-label",
|
|
11
|
+
"aria-labelledby",
|
|
12
|
+
"defaultValue",
|
|
13
|
+
"disabled",
|
|
14
|
+
"form",
|
|
15
|
+
"getAriaValueText",
|
|
16
|
+
"id",
|
|
17
|
+
"ids",
|
|
18
|
+
"invalid",
|
|
19
|
+
"max",
|
|
20
|
+
"min",
|
|
21
|
+
"minStepsBetweenThumbs",
|
|
22
|
+
"name",
|
|
23
|
+
"onFocusChange",
|
|
24
|
+
"onValueChange",
|
|
25
|
+
"onValueChangeEnd",
|
|
26
|
+
"orientation",
|
|
27
|
+
"origin",
|
|
28
|
+
"readOnly",
|
|
29
|
+
"step",
|
|
30
|
+
"thumbAlignment",
|
|
31
|
+
"thumbCollisionBehavior",
|
|
32
|
+
"thumbSize",
|
|
33
|
+
"value"
|
|
34
|
+
]), r = d(a), l = u(r.getRootProps(), t);
|
|
35
|
+
return /* @__PURE__ */ e(s, {
|
|
36
|
+
value: r,
|
|
37
|
+
children: /* @__PURE__ */ e(n.div, {
|
|
38
|
+
...l,
|
|
39
|
+
ref: i
|
|
40
|
+
})
|
|
41
|
+
});
|
|
42
|
+
});
|
|
43
|
+
g.displayName = "SliderRoot";
|
|
44
|
+
export {
|
|
45
|
+
g as SliderRoot
|
|
46
|
+
};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { createSplitProps as t } from "../../utils/create-split-props.js";
|
|
2
|
+
import { ark as s } from "../factory.js";
|
|
3
|
+
import { useSliderContext as d } from "./use-slider-context.js";
|
|
4
|
+
import { SliderThumbPropsProvider as l } from "./use-slider-thumb-props-context.js";
|
|
5
|
+
import { forwardRef as a } from "react";
|
|
6
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
7
|
+
import { mergeProps as f } from "../../../../../@zag-js/core/dist/merge-props.js";
|
|
8
|
+
var u = t(), P = a((m, e) => {
|
|
9
|
+
const [r, p] = u(m, ["index", "name"]), i = f(d().getThumbProps(r), p);
|
|
10
|
+
return /* @__PURE__ */ o(l, {
|
|
11
|
+
value: r,
|
|
12
|
+
children: /* @__PURE__ */ o(s.div, {
|
|
13
|
+
...i,
|
|
14
|
+
ref: e
|
|
15
|
+
})
|
|
16
|
+
});
|
|
17
|
+
});
|
|
18
|
+
P.displayName = "SliderThumb";
|
|
19
|
+
export {
|
|
20
|
+
P as SliderThumb
|
|
21
|
+
};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { ark as m } from "../factory.js";
|
|
2
|
+
import { useSliderContext as t } from "./use-slider-context.js";
|
|
3
|
+
import { forwardRef as i } from "react";
|
|
4
|
+
import { jsx as p } from "react/jsx-runtime";
|
|
5
|
+
import { mergeProps as a } from "../../../../../@zag-js/core/dist/merge-props.js";
|
|
6
|
+
var d = i((r, o) => {
|
|
7
|
+
const e = a(t().getTrackProps(), r);
|
|
8
|
+
return /* @__PURE__ */ p(m.div, {
|
|
9
|
+
...e,
|
|
10
|
+
ref: o
|
|
11
|
+
});
|
|
12
|
+
});
|
|
13
|
+
d.displayName = "SliderTrack";
|
|
14
|
+
export {
|
|
15
|
+
d as SliderTrack
|
|
16
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { ark as s } from "../factory.js";
|
|
2
|
+
import { useSliderContext as l } from "./use-slider-context.js";
|
|
3
|
+
import { forwardRef as p } from "react";
|
|
4
|
+
import { jsx as a } from "react/jsx-runtime";
|
|
5
|
+
import { mergeProps as d } from "../../../../../@zag-js/core/dist/merge-props.js";
|
|
6
|
+
var n = p((e, o) => {
|
|
7
|
+
const { children: t, ...i } = e, r = l(), m = d(r.getValueTextProps(), i);
|
|
8
|
+
return /* @__PURE__ */ a(s.span, {
|
|
9
|
+
...m,
|
|
10
|
+
ref: o,
|
|
11
|
+
children: t || r.value.join(", ")
|
|
12
|
+
});
|
|
13
|
+
});
|
|
14
|
+
n.displayName = "SliderValueText";
|
|
15
|
+
export {
|
|
16
|
+
n as SliderValueText
|
|
17
|
+
};
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { __exportAll as r } from "../../_virtual/_rolldown/runtime.js";
|
|
2
|
+
import { SliderContext as o } from "./slider-context.js";
|
|
3
|
+
import { SliderControl as i } from "./slider-control.js";
|
|
4
|
+
import { SliderDraggingIndicator as e } from "./slider-dragging-indicator.js";
|
|
5
|
+
import { SliderHiddenInput as t } from "./slider-hidden-input.js";
|
|
6
|
+
import { SliderLabel as m } from "./slider-label.js";
|
|
7
|
+
import { SliderMarker as d } from "./slider-marker.js";
|
|
8
|
+
import { SliderMarkerGroup as l } from "./slider-marker-group.js";
|
|
9
|
+
import { SliderRange as p } from "./slider-range.js";
|
|
10
|
+
import { SliderRoot as a } from "./slider-root.js";
|
|
11
|
+
import { SliderRootProvider as f } from "./slider-root-provider.js";
|
|
12
|
+
import { SliderThumb as n } from "./slider-thumb.js";
|
|
13
|
+
import { SliderTrack as S } from "./slider-track.js";
|
|
14
|
+
import { SliderValueText as g } from "./slider-value-text.js";
|
|
15
|
+
var D = /* @__PURE__ */ r({
|
|
16
|
+
Context: () => o,
|
|
17
|
+
Control: () => i,
|
|
18
|
+
DraggingIndicator: () => e,
|
|
19
|
+
HiddenInput: () => t,
|
|
20
|
+
Label: () => m,
|
|
21
|
+
Marker: () => d,
|
|
22
|
+
MarkerGroup: () => l,
|
|
23
|
+
Range: () => p,
|
|
24
|
+
Root: () => a,
|
|
25
|
+
RootProvider: () => f,
|
|
26
|
+
Thumb: () => n,
|
|
27
|
+
Track: () => S,
|
|
28
|
+
ValueText: () => g
|
|
29
|
+
});
|
|
30
|
+
export {
|
|
31
|
+
D as slider_exports
|
|
32
|
+
};
|
package/dist/node_modules/@ark-ui/react/dist/components/slider/use-slider-thumb-props-context.js
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { createContext as e } from "../../utils/create-context.js";
|
|
2
|
+
var [o, t] = e({
|
|
3
|
+
name: "SliderThumbPropsContext",
|
|
4
|
+
hookName: "useSliderThumbPropsContext",
|
|
5
|
+
providerName: "<SliderThumbPropsProvider />"
|
|
6
|
+
});
|
|
7
|
+
export {
|
|
8
|
+
o as SliderThumbPropsProvider,
|
|
9
|
+
t as useSliderThumbPropsContext
|
|
10
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { useEnvironmentContext as i } from "../../providers/environment/use-environment-context.js";
|
|
2
|
+
import { useLocaleContext as s } from "../../providers/locale/use-locale-context.js";
|
|
3
|
+
import { useId as c } from "react";
|
|
4
|
+
import { useMachine as p } from "../../../../../@zag-js/react/dist/machine.js";
|
|
5
|
+
import { normalizeProps as f } from "../../../../../@zag-js/react/dist/normalize-props.js";
|
|
6
|
+
import { machine as a } from "../../../../../@zag-js/slider/dist/slider.machine.js";
|
|
7
|
+
import { connect as u } from "../../../../../@zag-js/slider/dist/slider.connect.js";
|
|
8
|
+
var g = (o) => {
|
|
9
|
+
const r = c(), { getRootNode: t } = i(), { dir: e } = s(), m = {
|
|
10
|
+
id: r,
|
|
11
|
+
dir: e,
|
|
12
|
+
getRootNode: t,
|
|
13
|
+
...o
|
|
14
|
+
}, n = p(a, m);
|
|
15
|
+
return u(n, f);
|
|
16
|
+
};
|
|
17
|
+
export {
|
|
18
|
+
g as useSlider
|
|
19
|
+
};
|
|
@@ -1,37 +1,37 @@
|
|
|
1
1
|
import { isAndroid as s, isMac as u } from "./platform.js";
|
|
2
|
-
function
|
|
3
|
-
var r,
|
|
4
|
-
return ((r = t.composedPath) == null ? void 0 : r.call(t)) ?? ((i = (
|
|
2
|
+
function a(t) {
|
|
3
|
+
var r, e, i;
|
|
4
|
+
return ((r = t.composedPath) == null ? void 0 : r.call(t)) ?? ((i = (e = t.nativeEvent) == null ? void 0 : e.composedPath) == null ? void 0 : i.call(e));
|
|
5
5
|
}
|
|
6
|
-
function
|
|
7
|
-
const r =
|
|
6
|
+
function h(t) {
|
|
7
|
+
const r = a(t);
|
|
8
8
|
return (r == null ? void 0 : r[0]) ?? t.target;
|
|
9
9
|
}
|
|
10
|
-
function
|
|
10
|
+
function w(t) {
|
|
11
11
|
const r = t.currentTarget;
|
|
12
12
|
if (!r || !r.matches("a[href], button[type='submit'], input[type='submit']")) return !1;
|
|
13
|
-
const i = t.button === 1,
|
|
14
|
-
return i ||
|
|
13
|
+
const i = t.button === 1, n = c(t);
|
|
14
|
+
return i || n;
|
|
15
15
|
}
|
|
16
16
|
function E(t) {
|
|
17
17
|
const r = t.currentTarget;
|
|
18
18
|
if (!r) return !1;
|
|
19
|
-
const
|
|
20
|
-
return t.altKey ?
|
|
19
|
+
const e = r.localName;
|
|
20
|
+
return t.altKey ? e === "a" || e === "button" && r.type === "submit" || e === "input" && r.type === "submit" : !1;
|
|
21
21
|
}
|
|
22
22
|
function d(t) {
|
|
23
23
|
return y(t).isComposing || t.keyCode === 229;
|
|
24
24
|
}
|
|
25
|
-
function
|
|
25
|
+
function c(t) {
|
|
26
26
|
return u() ? t.metaKey : t.ctrlKey;
|
|
27
27
|
}
|
|
28
|
-
function
|
|
28
|
+
function k(t) {
|
|
29
29
|
return t.key.length === 1 && !t.ctrlKey && !t.metaKey;
|
|
30
30
|
}
|
|
31
31
|
function b(t) {
|
|
32
32
|
return t.pointerType === "" && t.isTrusted ? !0 : s() && t.pointerType ? t.type === "click" && t.buttons === 1 : t.detail === 0 && !t.pointerType;
|
|
33
33
|
}
|
|
34
|
-
var
|
|
34
|
+
var A = (t) => t.button === 0, C = (t) => t.button === 2 || u() && t.ctrlKey && t.button === 0, T = (t) => t.ctrlKey || t.altKey || t.metaKey, l = (t) => "touches" in t && t.touches.length > 0, f = {
|
|
35
35
|
Up: "ArrowUp",
|
|
36
36
|
Down: "ArrowDown",
|
|
37
37
|
Esc: "Escape",
|
|
@@ -44,37 +44,42 @@ var w = (t) => t.button === 0, C = (t) => t.button === 2 || u() && t.ctrlKey &&
|
|
|
44
44
|
ArrowRight: "ArrowLeft"
|
|
45
45
|
};
|
|
46
46
|
function v(t, r = {}) {
|
|
47
|
-
const { dir:
|
|
48
|
-
let
|
|
49
|
-
return
|
|
47
|
+
const { dir: e = "ltr", orientation: i = "horizontal" } = r;
|
|
48
|
+
let n = t.key;
|
|
49
|
+
return n = f[n] ?? n, e === "rtl" && i === "horizontal" && n in o && (n = o[n]), n;
|
|
50
50
|
}
|
|
51
51
|
function y(t) {
|
|
52
52
|
return t.nativeEvent ?? t;
|
|
53
53
|
}
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
return
|
|
54
|
+
var p = /* @__PURE__ */ new Set(["PageUp", "PageDown"]), g = /* @__PURE__ */ new Set(["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"]);
|
|
55
|
+
function L(t) {
|
|
56
|
+
return t.ctrlKey || t.metaKey ? 0.1 : p.has(t.key) || t.shiftKey && g.has(t.key) ? 10 : 1;
|
|
57
|
+
}
|
|
58
|
+
function M(t, r = "client") {
|
|
59
|
+
const e = l(t) ? t.touches[0] || t.changedTouches[0] : t;
|
|
60
|
+
return { x: e[`${r}X`], y: e[`${r}Y`] };
|
|
57
61
|
}
|
|
58
|
-
var
|
|
59
|
-
const
|
|
60
|
-
return
|
|
61
|
-
|
|
62
|
+
var P = (t, r, e, i) => {
|
|
63
|
+
const n = typeof t == "function" ? t() : t;
|
|
64
|
+
return n == null || n.addEventListener(r, e, i), () => {
|
|
65
|
+
n == null || n.removeEventListener(r, e, i);
|
|
62
66
|
};
|
|
63
67
|
};
|
|
64
68
|
export {
|
|
65
|
-
|
|
69
|
+
P as addDomEvent,
|
|
66
70
|
v as getEventKey,
|
|
67
|
-
|
|
68
|
-
|
|
71
|
+
M as getEventPoint,
|
|
72
|
+
L as getEventStep,
|
|
73
|
+
h as getEventTarget,
|
|
69
74
|
y as getNativeEvent,
|
|
70
75
|
d as isComposingEvent,
|
|
71
76
|
C as isContextMenuEvent,
|
|
72
|
-
|
|
77
|
+
c as isCtrlOrMetaKey,
|
|
73
78
|
E as isDownloadingEvent,
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
79
|
+
A as isLeftClick,
|
|
80
|
+
T as isModifierKey,
|
|
81
|
+
w as isOpeningInNewTab,
|
|
82
|
+
k as isPrintableKey,
|
|
78
83
|
l as isTouchEvent,
|
|
79
84
|
b as isVirtualClick
|
|
80
85
|
};
|
|
@@ -3,42 +3,51 @@ function c(t, n) {
|
|
|
3
3
|
const { type: e = "HTMLInputElement", property: r = "value" } = n, o = i(t)[e].prototype;
|
|
4
4
|
return Object.getOwnPropertyDescriptor(o, r) ?? {};
|
|
5
5
|
}
|
|
6
|
-
function
|
|
6
|
+
function f(t) {
|
|
7
7
|
if (t.localName === "input") return "HTMLInputElement";
|
|
8
8
|
if (t.localName === "textarea") return "HTMLTextAreaElement";
|
|
9
9
|
if (t.localName === "select") return "HTMLSelectElement";
|
|
10
10
|
}
|
|
11
|
-
function
|
|
11
|
+
function p(t, n, e = "value") {
|
|
12
12
|
var o;
|
|
13
13
|
if (!t) return;
|
|
14
|
-
const r =
|
|
14
|
+
const r = f(t);
|
|
15
15
|
r && ((o = c(t, { type: r, property: e }).set) == null || o.call(t, n)), t.setAttribute(e, n);
|
|
16
16
|
}
|
|
17
|
-
function
|
|
17
|
+
function d(t, n) {
|
|
18
18
|
var r;
|
|
19
19
|
if (!t) return;
|
|
20
20
|
(r = c(t, { type: "HTMLInputElement", property: "checked" }).set) == null || r.call(t, n), n ? t.setAttribute("checked", "") : t.removeAttribute("checked");
|
|
21
21
|
}
|
|
22
22
|
function h(t, n) {
|
|
23
|
+
const { value: e, bubbles: r = !0 } = n;
|
|
24
|
+
if (!t) return;
|
|
25
|
+
const o = i(t);
|
|
26
|
+
if (!(t instanceof o.HTMLInputElement)) return;
|
|
27
|
+
p(t, `${e}`);
|
|
28
|
+
const s = new o.Event("input", { bubbles: r });
|
|
29
|
+
t.dispatchEvent(a(s));
|
|
30
|
+
}
|
|
31
|
+
function y(t, n) {
|
|
23
32
|
const { checked: e, bubbles: r = !0 } = n;
|
|
24
33
|
if (!t) return;
|
|
25
34
|
const o = i(t);
|
|
26
35
|
if (!(t instanceof o.HTMLInputElement)) return;
|
|
27
|
-
|
|
36
|
+
d(t, e);
|
|
28
37
|
const s = new o.Event("click", { bubbles: r });
|
|
29
|
-
t.dispatchEvent(
|
|
38
|
+
t.dispatchEvent(a(s));
|
|
30
39
|
}
|
|
31
|
-
function
|
|
40
|
+
function E(t) {
|
|
32
41
|
return t.matches("textarea, input, select, button");
|
|
33
42
|
}
|
|
34
|
-
function
|
|
43
|
+
function m(t, n) {
|
|
35
44
|
if (!t) return;
|
|
36
|
-
const e =
|
|
45
|
+
const e = E(t) ? t.form : t.closest("form"), r = (o) => {
|
|
37
46
|
o.defaultPrevented || n();
|
|
38
47
|
};
|
|
39
48
|
return e == null || e.addEventListener("reset", r, { passive: !0 }), () => e == null ? void 0 : e.removeEventListener("reset", r);
|
|
40
49
|
}
|
|
41
|
-
function
|
|
50
|
+
function b(t, n) {
|
|
42
51
|
const e = t == null ? void 0 : t.closest("fieldset");
|
|
43
52
|
if (!e) return;
|
|
44
53
|
n(e.disabled);
|
|
@@ -48,23 +57,24 @@ function m(t, n) {
|
|
|
48
57
|
attributeFilter: ["disabled"]
|
|
49
58
|
}), () => o.disconnect();
|
|
50
59
|
}
|
|
51
|
-
function
|
|
60
|
+
function T(t, n) {
|
|
52
61
|
if (!t) return;
|
|
53
|
-
const { onFieldsetDisabledChange: e, onFormReset: r } = n, o = [
|
|
62
|
+
const { onFieldsetDisabledChange: e, onFormReset: r } = n, o = [m(t, r), b(t, e)];
|
|
54
63
|
return () => o.forEach((s) => s == null ? void 0 : s());
|
|
55
64
|
}
|
|
56
65
|
var u = /* @__PURE__ */ Symbol.for("zag.changeEvent");
|
|
57
|
-
function
|
|
66
|
+
function l(t) {
|
|
58
67
|
return Object.prototype.hasOwnProperty.call(t, u);
|
|
59
68
|
}
|
|
60
|
-
function
|
|
61
|
-
return
|
|
69
|
+
function a(t) {
|
|
70
|
+
return l(t) || Object.defineProperty(t, u, { value: !0 }), t;
|
|
62
71
|
}
|
|
63
72
|
export {
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
73
|
+
y as dispatchInputCheckedEvent,
|
|
74
|
+
h as dispatchInputValueEvent,
|
|
75
|
+
l as isInternalChangeEvent,
|
|
76
|
+
a as markAsInternalChangeEvent,
|
|
77
|
+
d as setElementChecked,
|
|
78
|
+
p as setElementValue,
|
|
79
|
+
T as trackFormControl
|
|
70
80
|
};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { addDomEvent as r, getEventPoint as i } from "./event.js";
|
|
2
|
+
import { disableTextSelection as m } from "./text-selection.js";
|
|
3
|
+
function M(t, s) {
|
|
4
|
+
const { onPointerMove: p, onPointerUp: a } = s, c = (o) => {
|
|
5
|
+
const n = i(o), u = Math.sqrt(n.x ** 2 + n.y ** 2), l = o.pointerType === "touch" ? 10 : 5;
|
|
6
|
+
if (!(u < l)) {
|
|
7
|
+
if (o.pointerType === "mouse" && o.buttons === 0) {
|
|
8
|
+
e(o);
|
|
9
|
+
return;
|
|
10
|
+
}
|
|
11
|
+
p({ point: n, event: o });
|
|
12
|
+
}
|
|
13
|
+
}, e = (o) => {
|
|
14
|
+
const n = i(o);
|
|
15
|
+
a({ point: n, event: o });
|
|
16
|
+
}, f = [
|
|
17
|
+
r(t, "pointermove", c, !1),
|
|
18
|
+
r(t, "pointerup", e, !1),
|
|
19
|
+
r(t, "pointercancel", e, !1),
|
|
20
|
+
r(t, "contextmenu", e, !1),
|
|
21
|
+
m({ doc: t })
|
|
22
|
+
];
|
|
23
|
+
return () => {
|
|
24
|
+
f.forEach((o) => o());
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
export {
|
|
28
|
+
M as trackPointerMove
|
|
29
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { createAnatomy as r } from "../../anatomy/dist/create-anatomy.js";
|
|
2
|
+
var a = r("slider").parts(
|
|
3
|
+
"root",
|
|
4
|
+
"label",
|
|
5
|
+
"thumb",
|
|
6
|
+
"valueText",
|
|
7
|
+
"track",
|
|
8
|
+
"range",
|
|
9
|
+
"control",
|
|
10
|
+
"markerGroup",
|
|
11
|
+
"marker",
|
|
12
|
+
"draggingIndicator"
|
|
13
|
+
), o = a.build();
|
|
14
|
+
export {
|
|
15
|
+
a as anatomy,
|
|
16
|
+
o as parts
|
|
17
|
+
};
|