@epilot/volt-ui 1.1.7-alpha.1 → 1.1.7
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/index.cjs.js +51 -0
- package/dist/index.es.js +11823 -137
- package/dist/preflight.css +1 -241
- package/dist/style.css +1 -7393
- package/package.json +4 -1
- package/dist/components/button/index.d.ts +0 -1
- package/dist/index.es.js.map +0 -1
- package/dist/index.es10.js +0 -35
- package/dist/index.es10.js.map +0 -1
- package/dist/index.es100.js +0 -14
- package/dist/index.es100.js.map +0 -1
- package/dist/index.es101.js +0 -20
- package/dist/index.es101.js.map +0 -1
- package/dist/index.es102.js +0 -103
- package/dist/index.es102.js.map +0 -1
- package/dist/index.es103.js +0 -12
- package/dist/index.es103.js.map +0 -1
- package/dist/index.es104.js +0 -30
- package/dist/index.es104.js.map +0 -1
- package/dist/index.es105.js +0 -38
- package/dist/index.es105.js.map +0 -1
- package/dist/index.es106.js +0 -17
- package/dist/index.es106.js.map +0 -1
- package/dist/index.es107.js +0 -49
- package/dist/index.es107.js.map +0 -1
- package/dist/index.es108.js +0 -10
- package/dist/index.es108.js.map +0 -1
- package/dist/index.es11.js +0 -318
- package/dist/index.es11.js.map +0 -1
- package/dist/index.es12.js +0 -274
- package/dist/index.es12.js.map +0 -1
- package/dist/index.es13.js +0 -38
- package/dist/index.es13.js.map +0 -1
- package/dist/index.es14.js +0 -48
- package/dist/index.es14.js.map +0 -1
- package/dist/index.es15.js +0 -67
- package/dist/index.es15.js.map +0 -1
- package/dist/index.es16.js +0 -120
- package/dist/index.es16.js.map +0 -1
- package/dist/index.es17.js +0 -27
- package/dist/index.es17.js.map +0 -1
- package/dist/index.es18.js +0 -51
- package/dist/index.es18.js.map +0 -1
- package/dist/index.es19.js +0 -168
- package/dist/index.es19.js.map +0 -1
- package/dist/index.es20.js +0 -55
- package/dist/index.es20.js.map +0 -1
- package/dist/index.es21.js +0 -61
- package/dist/index.es21.js.map +0 -1
- package/dist/index.es22.js +0 -86
- package/dist/index.es22.js.map +0 -1
- package/dist/index.es23.js +0 -195
- package/dist/index.es23.js.map +0 -1
- package/dist/index.es24.js +0 -105
- package/dist/index.es24.js.map +0 -1
- package/dist/index.es25.js +0 -146
- package/dist/index.es25.js.map +0 -1
- package/dist/index.es26.js +0 -92
- package/dist/index.es26.js.map +0 -1
- package/dist/index.es27.js +0 -80
- package/dist/index.es27.js.map +0 -1
- package/dist/index.es28.js +0 -94
- package/dist/index.es28.js.map +0 -1
- package/dist/index.es29.js +0 -82
- package/dist/index.es29.js.map +0 -1
- package/dist/index.es30.js +0 -1087
- package/dist/index.es30.js.map +0 -1
- package/dist/index.es31.js +0 -18
- package/dist/index.es31.js.map +0 -1
- package/dist/index.es32.js +0 -3015
- package/dist/index.es32.js.map +0 -1
- package/dist/index.es33.js +0 -107
- package/dist/index.es33.js.map +0 -1
- package/dist/index.es34.js +0 -46
- package/dist/index.es34.js.map +0 -1
- package/dist/index.es35.js +0 -151
- package/dist/index.es35.js.map +0 -1
- package/dist/index.es36.js +0 -1200
- package/dist/index.es36.js.map +0 -1
- package/dist/index.es37.js +0 -27
- package/dist/index.es37.js.map +0 -1
- package/dist/index.es38.js +0 -493
- package/dist/index.es38.js.map +0 -1
- package/dist/index.es39.js +0 -156
- package/dist/index.es39.js.map +0 -1
- package/dist/index.es4.js +0 -9
- package/dist/index.es4.js.map +0 -1
- package/dist/index.es40.js +0 -31
- package/dist/index.es40.js.map +0 -1
- package/dist/index.es41.js +0 -314
- package/dist/index.es41.js.map +0 -1
- package/dist/index.es42.js +0 -343
- package/dist/index.es42.js.map +0 -1
- package/dist/index.es43.js +0 -280
- package/dist/index.es43.js.map +0 -1
- package/dist/index.es44.js +0 -289
- package/dist/index.es44.js.map +0 -1
- package/dist/index.es45.js +0 -319
- package/dist/index.es45.js.map +0 -1
- package/dist/index.es46.js +0 -167
- package/dist/index.es46.js.map +0 -1
- package/dist/index.es47.js +0 -195
- package/dist/index.es47.js.map +0 -1
- package/dist/index.es48.js +0 -40
- package/dist/index.es48.js.map +0 -1
- package/dist/index.es49.js +0 -40
- package/dist/index.es49.js.map +0 -1
- package/dist/index.es5.js +0 -57
- package/dist/index.es5.js.map +0 -1
- package/dist/index.es50.js +0 -12
- package/dist/index.es50.js.map +0 -1
- package/dist/index.es51.js +0 -82
- package/dist/index.es51.js.map +0 -1
- package/dist/index.es52.js +0 -72
- package/dist/index.es52.js.map +0 -1
- package/dist/index.es53.js +0 -15
- package/dist/index.es53.js.map +0 -1
- package/dist/index.es54.js +0 -40
- package/dist/index.es54.js.map +0 -1
- package/dist/index.es55.js +0 -44
- package/dist/index.es55.js.map +0 -1
- package/dist/index.es56.js +0 -71
- package/dist/index.es56.js.map +0 -1
- package/dist/index.es57.js +0 -152
- package/dist/index.es57.js.map +0 -1
- package/dist/index.es58.js +0 -15
- package/dist/index.es58.js.map +0 -1
- package/dist/index.es59.js +0 -11
- package/dist/index.es59.js.map +0 -1
- package/dist/index.es6.js +0 -77
- package/dist/index.es6.js.map +0 -1
- package/dist/index.es60.js +0 -130
- package/dist/index.es60.js.map +0 -1
- package/dist/index.es61.js +0 -213
- package/dist/index.es61.js.map +0 -1
- package/dist/index.es62.js +0 -294
- package/dist/index.es62.js.map +0 -1
- package/dist/index.es63.js +0 -16
- package/dist/index.es63.js.map +0 -1
- package/dist/index.es64.js +0 -37
- package/dist/index.es64.js.map +0 -1
- package/dist/index.es65.js +0 -228
- package/dist/index.es65.js.map +0 -1
- package/dist/index.es66.js +0 -209
- package/dist/index.es66.js.map +0 -1
- package/dist/index.es67.js +0 -19
- package/dist/index.es67.js.map +0 -1
- package/dist/index.es68.js +0 -30
- package/dist/index.es68.js.map +0 -1
- package/dist/index.es69.js +0 -12
- package/dist/index.es69.js.map +0 -1
- package/dist/index.es7.js +0 -200
- package/dist/index.es7.js.map +0 -1
- package/dist/index.es70.js +0 -123
- package/dist/index.es70.js.map +0 -1
- package/dist/index.es71.js +0 -90
- package/dist/index.es71.js.map +0 -1
- package/dist/index.es72.js +0 -7
- package/dist/index.es72.js.map +0 -1
- package/dist/index.es73.js +0 -90
- package/dist/index.es73.js.map +0 -1
- package/dist/index.es74.js +0 -15
- package/dist/index.es74.js.map +0 -1
- package/dist/index.es75.js +0 -7
- package/dist/index.es75.js.map +0 -1
- package/dist/index.es76.js +0 -40
- package/dist/index.es76.js.map +0 -1
- package/dist/index.es77.js +0 -90
- package/dist/index.es77.js.map +0 -1
- package/dist/index.es78.js +0 -313
- package/dist/index.es78.js.map +0 -1
- package/dist/index.es79.js +0 -16
- package/dist/index.es79.js.map +0 -1
- package/dist/index.es8.js +0 -47
- package/dist/index.es8.js.map +0 -1
- package/dist/index.es80.js +0 -90
- package/dist/index.es80.js.map +0 -1
- package/dist/index.es81.js +0 -18
- package/dist/index.es81.js.map +0 -1
- package/dist/index.es82.js +0 -298
- package/dist/index.es82.js.map +0 -1
- package/dist/index.es83.js +0 -26
- package/dist/index.es83.js.map +0 -1
- package/dist/index.es84.js +0 -626
- package/dist/index.es84.js.map +0 -1
- package/dist/index.es85.js +0 -19
- package/dist/index.es85.js.map +0 -1
- package/dist/index.es86.js +0 -40
- package/dist/index.es86.js.map +0 -1
- package/dist/index.es87.js +0 -40
- package/dist/index.es87.js.map +0 -1
- package/dist/index.es88.js +0 -39
- package/dist/index.es88.js.map +0 -1
- package/dist/index.es89.js +0 -8
- package/dist/index.es89.js.map +0 -1
- package/dist/index.es9.js +0 -37
- package/dist/index.es9.js.map +0 -1
- package/dist/index.es90.js +0 -722
- package/dist/index.es90.js.map +0 -1
- package/dist/index.es91.js +0 -155
- package/dist/index.es91.js.map +0 -1
- package/dist/index.es92.js +0 -174
- package/dist/index.es92.js.map +0 -1
- package/dist/index.es93.js +0 -11
- package/dist/index.es93.js.map +0 -1
- package/dist/index.es94.js +0 -6
- package/dist/index.es94.js.map +0 -1
- package/dist/index.es95.js +0 -36
- package/dist/index.es95.js.map +0 -1
- package/dist/index.es96.js +0 -175
- package/dist/index.es96.js.map +0 -1
- package/dist/index.es97.js +0 -22
- package/dist/index.es97.js.map +0 -1
- package/dist/index.es98.js +0 -89
- package/dist/index.es98.js.map +0 -1
- package/dist/index.es99.js +0 -48
- package/dist/index.es99.js.map +0 -1
package/dist/index.es96.js
DELETED
|
@@ -1,175 +0,0 @@
|
|
|
1
|
-
import { __spreadArray } from "./index.es87.js";
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import { RemoveScrollBar } from "./index.es99.js";
|
|
4
|
-
import { styleSingleton } from "./index.es100.js";
|
|
5
|
-
import { nonPassive } from "./index.es101.js";
|
|
6
|
-
import { locationCouldBeScrolled, handleScroll } from "./index.es102.js";
|
|
7
|
-
var getTouchXY = function(event) {
|
|
8
|
-
return "changedTouches" in event ? [event.changedTouches[0].clientX, event.changedTouches[0].clientY] : [0, 0];
|
|
9
|
-
};
|
|
10
|
-
var getDeltaXY = function(event) {
|
|
11
|
-
return [event.deltaX, event.deltaY];
|
|
12
|
-
};
|
|
13
|
-
var extractRef = function(ref) {
|
|
14
|
-
return ref && "current" in ref ? ref.current : ref;
|
|
15
|
-
};
|
|
16
|
-
var deltaCompare = function(x, y) {
|
|
17
|
-
return x[0] === y[0] && x[1] === y[1];
|
|
18
|
-
};
|
|
19
|
-
var generateStyle = function(id) {
|
|
20
|
-
return "\n .block-interactivity-".concat(id, " {pointer-events: none;}\n .allow-interactivity-").concat(id, " {pointer-events: all;}\n");
|
|
21
|
-
};
|
|
22
|
-
var idCounter = 0;
|
|
23
|
-
var lockStack = [];
|
|
24
|
-
function RemoveScrollSideCar(props) {
|
|
25
|
-
var shouldPreventQueue = React.useRef([]);
|
|
26
|
-
var touchStartRef = React.useRef([0, 0]);
|
|
27
|
-
var activeAxis = React.useRef();
|
|
28
|
-
var id = React.useState(idCounter++)[0];
|
|
29
|
-
var Style = React.useState(styleSingleton)[0];
|
|
30
|
-
var lastProps = React.useRef(props);
|
|
31
|
-
React.useEffect(function() {
|
|
32
|
-
lastProps.current = props;
|
|
33
|
-
}, [props]);
|
|
34
|
-
React.useEffect(function() {
|
|
35
|
-
if (props.inert) {
|
|
36
|
-
document.body.classList.add("block-interactivity-".concat(id));
|
|
37
|
-
var allow_1 = __spreadArray([props.lockRef.current], (props.shards || []).map(extractRef), true).filter(Boolean);
|
|
38
|
-
allow_1.forEach(function(el) {
|
|
39
|
-
return el.classList.add("allow-interactivity-".concat(id));
|
|
40
|
-
});
|
|
41
|
-
return function() {
|
|
42
|
-
document.body.classList.remove("block-interactivity-".concat(id));
|
|
43
|
-
allow_1.forEach(function(el) {
|
|
44
|
-
return el.classList.remove("allow-interactivity-".concat(id));
|
|
45
|
-
});
|
|
46
|
-
};
|
|
47
|
-
}
|
|
48
|
-
return;
|
|
49
|
-
}, [props.inert, props.lockRef.current, props.shards]);
|
|
50
|
-
var shouldCancelEvent = React.useCallback(function(event, parent) {
|
|
51
|
-
if ("touches" in event && event.touches.length === 2 || event.type === "wheel" && event.ctrlKey) {
|
|
52
|
-
return !lastProps.current.allowPinchZoom;
|
|
53
|
-
}
|
|
54
|
-
var touch = getTouchXY(event);
|
|
55
|
-
var touchStart = touchStartRef.current;
|
|
56
|
-
var deltaX = "deltaX" in event ? event.deltaX : touchStart[0] - touch[0];
|
|
57
|
-
var deltaY = "deltaY" in event ? event.deltaY : touchStart[1] - touch[1];
|
|
58
|
-
var currentAxis;
|
|
59
|
-
var target = event.target;
|
|
60
|
-
var moveDirection = Math.abs(deltaX) > Math.abs(deltaY) ? "h" : "v";
|
|
61
|
-
if ("touches" in event && moveDirection === "h" && target.type === "range") {
|
|
62
|
-
return false;
|
|
63
|
-
}
|
|
64
|
-
var canBeScrolledInMainDirection = locationCouldBeScrolled(moveDirection, target);
|
|
65
|
-
if (!canBeScrolledInMainDirection) {
|
|
66
|
-
return true;
|
|
67
|
-
}
|
|
68
|
-
if (canBeScrolledInMainDirection) {
|
|
69
|
-
currentAxis = moveDirection;
|
|
70
|
-
} else {
|
|
71
|
-
currentAxis = moveDirection === "v" ? "h" : "v";
|
|
72
|
-
canBeScrolledInMainDirection = locationCouldBeScrolled(moveDirection, target);
|
|
73
|
-
}
|
|
74
|
-
if (!canBeScrolledInMainDirection) {
|
|
75
|
-
return false;
|
|
76
|
-
}
|
|
77
|
-
if (!activeAxis.current && "changedTouches" in event && (deltaX || deltaY)) {
|
|
78
|
-
activeAxis.current = currentAxis;
|
|
79
|
-
}
|
|
80
|
-
if (!currentAxis) {
|
|
81
|
-
return true;
|
|
82
|
-
}
|
|
83
|
-
var cancelingAxis = activeAxis.current || currentAxis;
|
|
84
|
-
return handleScroll(cancelingAxis, parent, event, cancelingAxis === "h" ? deltaX : deltaY);
|
|
85
|
-
}, []);
|
|
86
|
-
var shouldPrevent = React.useCallback(function(_event) {
|
|
87
|
-
var event = _event;
|
|
88
|
-
if (!lockStack.length || lockStack[lockStack.length - 1] !== Style) {
|
|
89
|
-
return;
|
|
90
|
-
}
|
|
91
|
-
var delta = "deltaY" in event ? getDeltaXY(event) : getTouchXY(event);
|
|
92
|
-
var sourceEvent = shouldPreventQueue.current.filter(function(e) {
|
|
93
|
-
return e.name === event.type && (e.target === event.target || event.target === e.shadowParent) && deltaCompare(e.delta, delta);
|
|
94
|
-
})[0];
|
|
95
|
-
if (sourceEvent && sourceEvent.should) {
|
|
96
|
-
if (event.cancelable) {
|
|
97
|
-
event.preventDefault();
|
|
98
|
-
}
|
|
99
|
-
return;
|
|
100
|
-
}
|
|
101
|
-
if (!sourceEvent) {
|
|
102
|
-
var shardNodes = (lastProps.current.shards || []).map(extractRef).filter(Boolean).filter(function(node) {
|
|
103
|
-
return node.contains(event.target);
|
|
104
|
-
});
|
|
105
|
-
var shouldStop = shardNodes.length > 0 ? shouldCancelEvent(event, shardNodes[0]) : !lastProps.current.noIsolation;
|
|
106
|
-
if (shouldStop) {
|
|
107
|
-
if (event.cancelable) {
|
|
108
|
-
event.preventDefault();
|
|
109
|
-
}
|
|
110
|
-
}
|
|
111
|
-
}
|
|
112
|
-
}, []);
|
|
113
|
-
var shouldCancel = React.useCallback(function(name, delta, target, should) {
|
|
114
|
-
var event = { name, delta, target, should, shadowParent: getOutermostShadowParent(target) };
|
|
115
|
-
shouldPreventQueue.current.push(event);
|
|
116
|
-
setTimeout(function() {
|
|
117
|
-
shouldPreventQueue.current = shouldPreventQueue.current.filter(function(e) {
|
|
118
|
-
return e !== event;
|
|
119
|
-
});
|
|
120
|
-
}, 1);
|
|
121
|
-
}, []);
|
|
122
|
-
var scrollTouchStart = React.useCallback(function(event) {
|
|
123
|
-
touchStartRef.current = getTouchXY(event);
|
|
124
|
-
activeAxis.current = void 0;
|
|
125
|
-
}, []);
|
|
126
|
-
var scrollWheel = React.useCallback(function(event) {
|
|
127
|
-
shouldCancel(event.type, getDeltaXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));
|
|
128
|
-
}, []);
|
|
129
|
-
var scrollTouchMove = React.useCallback(function(event) {
|
|
130
|
-
shouldCancel(event.type, getTouchXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));
|
|
131
|
-
}, []);
|
|
132
|
-
React.useEffect(function() {
|
|
133
|
-
lockStack.push(Style);
|
|
134
|
-
props.setCallbacks({
|
|
135
|
-
onScrollCapture: scrollWheel,
|
|
136
|
-
onWheelCapture: scrollWheel,
|
|
137
|
-
onTouchMoveCapture: scrollTouchMove
|
|
138
|
-
});
|
|
139
|
-
document.addEventListener("wheel", shouldPrevent, nonPassive);
|
|
140
|
-
document.addEventListener("touchmove", shouldPrevent, nonPassive);
|
|
141
|
-
document.addEventListener("touchstart", scrollTouchStart, nonPassive);
|
|
142
|
-
return function() {
|
|
143
|
-
lockStack = lockStack.filter(function(inst) {
|
|
144
|
-
return inst !== Style;
|
|
145
|
-
});
|
|
146
|
-
document.removeEventListener("wheel", shouldPrevent, nonPassive);
|
|
147
|
-
document.removeEventListener("touchmove", shouldPrevent, nonPassive);
|
|
148
|
-
document.removeEventListener("touchstart", scrollTouchStart, nonPassive);
|
|
149
|
-
};
|
|
150
|
-
}, []);
|
|
151
|
-
var removeScrollBar = props.removeScrollBar, inert = props.inert;
|
|
152
|
-
return React.createElement(
|
|
153
|
-
React.Fragment,
|
|
154
|
-
null,
|
|
155
|
-
inert ? React.createElement(Style, { styles: generateStyle(id) }) : null,
|
|
156
|
-
removeScrollBar ? React.createElement(RemoveScrollBar, { noRelative: props.noRelative, gapMode: props.gapMode }) : null
|
|
157
|
-
);
|
|
158
|
-
}
|
|
159
|
-
function getOutermostShadowParent(node) {
|
|
160
|
-
var shadowParent = null;
|
|
161
|
-
while (node !== null) {
|
|
162
|
-
if (node instanceof ShadowRoot) {
|
|
163
|
-
shadowParent = node.host;
|
|
164
|
-
node = node.host;
|
|
165
|
-
}
|
|
166
|
-
node = node.parentNode;
|
|
167
|
-
}
|
|
168
|
-
return shadowParent;
|
|
169
|
-
}
|
|
170
|
-
export {
|
|
171
|
-
RemoveScrollSideCar,
|
|
172
|
-
getDeltaXY,
|
|
173
|
-
getTouchXY
|
|
174
|
-
};
|
|
175
|
-
//# sourceMappingURL=index.es96.js.map
|
package/dist/index.es96.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.es96.js","sources":["../docs/node_modules/.bun/react-remove-scroll@2.7.1+e2cc400bcbee7045/node_modules/react-remove-scroll/dist/es2015/SideEffect.js"],"sourcesContent":["import { __spreadArray } from \"tslib\";\nimport * as React from 'react';\nimport { RemoveScrollBar } from 'react-remove-scroll-bar';\nimport { styleSingleton } from 'react-style-singleton';\nimport { nonPassive } from './aggresiveCapture';\nimport { handleScroll, locationCouldBeScrolled } from './handleScroll';\nexport var getTouchXY = function (event) {\n return 'changedTouches' in event ? [event.changedTouches[0].clientX, event.changedTouches[0].clientY] : [0, 0];\n};\nexport var getDeltaXY = function (event) { return [event.deltaX, event.deltaY]; };\nvar extractRef = function (ref) {\n return ref && 'current' in ref ? ref.current : ref;\n};\nvar deltaCompare = function (x, y) { return x[0] === y[0] && x[1] === y[1]; };\nvar generateStyle = function (id) { return \"\\n .block-interactivity-\".concat(id, \" {pointer-events: none;}\\n .allow-interactivity-\").concat(id, \" {pointer-events: all;}\\n\"); };\nvar idCounter = 0;\nvar lockStack = [];\nexport function RemoveScrollSideCar(props) {\n var shouldPreventQueue = React.useRef([]);\n var touchStartRef = React.useRef([0, 0]);\n var activeAxis = React.useRef();\n var id = React.useState(idCounter++)[0];\n var Style = React.useState(styleSingleton)[0];\n var lastProps = React.useRef(props);\n React.useEffect(function () {\n lastProps.current = props;\n }, [props]);\n React.useEffect(function () {\n if (props.inert) {\n document.body.classList.add(\"block-interactivity-\".concat(id));\n var allow_1 = __spreadArray([props.lockRef.current], (props.shards || []).map(extractRef), true).filter(Boolean);\n allow_1.forEach(function (el) { return el.classList.add(\"allow-interactivity-\".concat(id)); });\n return function () {\n document.body.classList.remove(\"block-interactivity-\".concat(id));\n allow_1.forEach(function (el) { return el.classList.remove(\"allow-interactivity-\".concat(id)); });\n };\n }\n return;\n }, [props.inert, props.lockRef.current, props.shards]);\n var shouldCancelEvent = React.useCallback(function (event, parent) {\n if (('touches' in event && event.touches.length === 2) || (event.type === 'wheel' && event.ctrlKey)) {\n return !lastProps.current.allowPinchZoom;\n }\n var touch = getTouchXY(event);\n var touchStart = touchStartRef.current;\n var deltaX = 'deltaX' in event ? event.deltaX : touchStart[0] - touch[0];\n var deltaY = 'deltaY' in event ? event.deltaY : touchStart[1] - touch[1];\n var currentAxis;\n var target = event.target;\n var moveDirection = Math.abs(deltaX) > Math.abs(deltaY) ? 'h' : 'v';\n // allow horizontal touch move on Range inputs. They will not cause any scroll\n if ('touches' in event && moveDirection === 'h' && target.type === 'range') {\n return false;\n }\n var canBeScrolledInMainDirection = locationCouldBeScrolled(moveDirection, target);\n if (!canBeScrolledInMainDirection) {\n return true;\n }\n if (canBeScrolledInMainDirection) {\n currentAxis = moveDirection;\n }\n else {\n currentAxis = moveDirection === 'v' ? 'h' : 'v';\n canBeScrolledInMainDirection = locationCouldBeScrolled(moveDirection, target);\n // other axis might be not scrollable\n }\n if (!canBeScrolledInMainDirection) {\n return false;\n }\n if (!activeAxis.current && 'changedTouches' in event && (deltaX || deltaY)) {\n activeAxis.current = currentAxis;\n }\n if (!currentAxis) {\n return true;\n }\n var cancelingAxis = activeAxis.current || currentAxis;\n return handleScroll(cancelingAxis, parent, event, cancelingAxis === 'h' ? deltaX : deltaY, true);\n }, []);\n var shouldPrevent = React.useCallback(function (_event) {\n var event = _event;\n if (!lockStack.length || lockStack[lockStack.length - 1] !== Style) {\n // not the last active\n return;\n }\n var delta = 'deltaY' in event ? getDeltaXY(event) : getTouchXY(event);\n var sourceEvent = shouldPreventQueue.current.filter(function (e) { return e.name === event.type && (e.target === event.target || event.target === e.shadowParent) && deltaCompare(e.delta, delta); })[0];\n // self event, and should be canceled\n if (sourceEvent && sourceEvent.should) {\n if (event.cancelable) {\n event.preventDefault();\n }\n return;\n }\n // outside or shard event\n if (!sourceEvent) {\n var shardNodes = (lastProps.current.shards || [])\n .map(extractRef)\n .filter(Boolean)\n .filter(function (node) { return node.contains(event.target); });\n var shouldStop = shardNodes.length > 0 ? shouldCancelEvent(event, shardNodes[0]) : !lastProps.current.noIsolation;\n if (shouldStop) {\n if (event.cancelable) {\n event.preventDefault();\n }\n }\n }\n }, []);\n var shouldCancel = React.useCallback(function (name, delta, target, should) {\n var event = { name: name, delta: delta, target: target, should: should, shadowParent: getOutermostShadowParent(target) };\n shouldPreventQueue.current.push(event);\n setTimeout(function () {\n shouldPreventQueue.current = shouldPreventQueue.current.filter(function (e) { return e !== event; });\n }, 1);\n }, []);\n var scrollTouchStart = React.useCallback(function (event) {\n touchStartRef.current = getTouchXY(event);\n activeAxis.current = undefined;\n }, []);\n var scrollWheel = React.useCallback(function (event) {\n shouldCancel(event.type, getDeltaXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));\n }, []);\n var scrollTouchMove = React.useCallback(function (event) {\n shouldCancel(event.type, getTouchXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));\n }, []);\n React.useEffect(function () {\n lockStack.push(Style);\n props.setCallbacks({\n onScrollCapture: scrollWheel,\n onWheelCapture: scrollWheel,\n onTouchMoveCapture: scrollTouchMove,\n });\n document.addEventListener('wheel', shouldPrevent, nonPassive);\n document.addEventListener('touchmove', shouldPrevent, nonPassive);\n document.addEventListener('touchstart', scrollTouchStart, nonPassive);\n return function () {\n lockStack = lockStack.filter(function (inst) { return inst !== Style; });\n document.removeEventListener('wheel', shouldPrevent, nonPassive);\n document.removeEventListener('touchmove', shouldPrevent, nonPassive);\n document.removeEventListener('touchstart', scrollTouchStart, nonPassive);\n };\n }, []);\n var removeScrollBar = props.removeScrollBar, inert = props.inert;\n return (React.createElement(React.Fragment, null,\n inert ? React.createElement(Style, { styles: generateStyle(id) }) : null,\n removeScrollBar ? React.createElement(RemoveScrollBar, { noRelative: props.noRelative, gapMode: props.gapMode }) : null));\n}\nfunction getOutermostShadowParent(node) {\n var shadowParent = null;\n while (node !== null) {\n if (node instanceof ShadowRoot) {\n shadowParent = node.host;\n node = node.host;\n }\n node = node.parentNode;\n }\n return shadowParent;\n}\n"],"names":[],"mappings":"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","x_google_ignoreList":[0]}
|
package/dist/index.es97.js
DELETED
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { __rest, __assign } from "./index.es87.js";
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
var SideCar = function(_a) {
|
|
4
|
-
var sideCar = _a.sideCar, rest = __rest(_a, ["sideCar"]);
|
|
5
|
-
if (!sideCar) {
|
|
6
|
-
throw new Error("Sidecar: please provide `sideCar` property to import the right car");
|
|
7
|
-
}
|
|
8
|
-
var Target = sideCar.read();
|
|
9
|
-
if (!Target) {
|
|
10
|
-
throw new Error("Sidecar medium not found");
|
|
11
|
-
}
|
|
12
|
-
return React.createElement(Target, __assign({}, rest));
|
|
13
|
-
};
|
|
14
|
-
SideCar.isSideCarExport = true;
|
|
15
|
-
function exportSidecar(medium, exported) {
|
|
16
|
-
medium.useMedium(exported);
|
|
17
|
-
return SideCar;
|
|
18
|
-
}
|
|
19
|
-
export {
|
|
20
|
-
exportSidecar
|
|
21
|
-
};
|
|
22
|
-
//# sourceMappingURL=index.es97.js.map
|
package/dist/index.es97.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.es97.js","sources":["../docs/node_modules/.bun/use-sidecar@1.1.3+e2cc400bcbee7045/node_modules/use-sidecar/dist/es2015/exports.js"],"sourcesContent":["import { __assign, __rest } from \"tslib\";\nimport * as React from 'react';\nvar SideCar = function (_a) {\n var sideCar = _a.sideCar, rest = __rest(_a, [\"sideCar\"]);\n if (!sideCar) {\n throw new Error('Sidecar: please provide `sideCar` property to import the right car');\n }\n var Target = sideCar.read();\n if (!Target) {\n throw new Error('Sidecar medium not found');\n }\n return React.createElement(Target, __assign({}, rest));\n};\nSideCar.isSideCarExport = true;\nexport function exportSidecar(medium, exported) {\n medium.useMedium(exported);\n return SideCar;\n}\n"],"names":[],"mappings":";;AAEA,IAAI,UAAU,SAAU,IAAI;AACxB,MAAI,UAAU,GAAG,SAAS,OAAO,OAAO,IAAI,CAAC,SAAS,CAAC;AACvD,MAAI,CAAC,SAAS;AACV,UAAM,IAAI,MAAM,oEAAoE;AAAA,EACxF;AACA,MAAI,SAAS,QAAQ,KAAI;AACzB,MAAI,CAAC,QAAQ;AACT,UAAM,IAAI,MAAM,0BAA0B;AAAA,EAC9C;AACA,SAAO,MAAM,cAAc,QAAQ,SAAS,CAAA,GAAI,IAAI,CAAC;AACzD;AACA,QAAQ,kBAAkB;AACnB,SAAS,cAAc,QAAQ,UAAU;AAC5C,SAAO,UAAU,QAAQ;AACzB,SAAO;AACX;","x_google_ignoreList":[0]}
|
package/dist/index.es98.js
DELETED
|
@@ -1,89 +0,0 @@
|
|
|
1
|
-
import { __assign } from "./index.es87.js";
|
|
2
|
-
function ItoI(a) {
|
|
3
|
-
return a;
|
|
4
|
-
}
|
|
5
|
-
function innerCreateMedium(defaults, middleware) {
|
|
6
|
-
if (middleware === void 0) {
|
|
7
|
-
middleware = ItoI;
|
|
8
|
-
}
|
|
9
|
-
var buffer = [];
|
|
10
|
-
var assigned = false;
|
|
11
|
-
var medium = {
|
|
12
|
-
read: function() {
|
|
13
|
-
if (assigned) {
|
|
14
|
-
throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");
|
|
15
|
-
}
|
|
16
|
-
if (buffer.length) {
|
|
17
|
-
return buffer[buffer.length - 1];
|
|
18
|
-
}
|
|
19
|
-
return defaults;
|
|
20
|
-
},
|
|
21
|
-
useMedium: function(data) {
|
|
22
|
-
var item = middleware(data, assigned);
|
|
23
|
-
buffer.push(item);
|
|
24
|
-
return function() {
|
|
25
|
-
buffer = buffer.filter(function(x) {
|
|
26
|
-
return x !== item;
|
|
27
|
-
});
|
|
28
|
-
};
|
|
29
|
-
},
|
|
30
|
-
assignSyncMedium: function(cb) {
|
|
31
|
-
assigned = true;
|
|
32
|
-
while (buffer.length) {
|
|
33
|
-
var cbs = buffer;
|
|
34
|
-
buffer = [];
|
|
35
|
-
cbs.forEach(cb);
|
|
36
|
-
}
|
|
37
|
-
buffer = {
|
|
38
|
-
push: function(x) {
|
|
39
|
-
return cb(x);
|
|
40
|
-
},
|
|
41
|
-
filter: function() {
|
|
42
|
-
return buffer;
|
|
43
|
-
}
|
|
44
|
-
};
|
|
45
|
-
},
|
|
46
|
-
assignMedium: function(cb) {
|
|
47
|
-
assigned = true;
|
|
48
|
-
var pendingQueue = [];
|
|
49
|
-
if (buffer.length) {
|
|
50
|
-
var cbs = buffer;
|
|
51
|
-
buffer = [];
|
|
52
|
-
cbs.forEach(cb);
|
|
53
|
-
pendingQueue = buffer;
|
|
54
|
-
}
|
|
55
|
-
var executeQueue = function() {
|
|
56
|
-
var cbs2 = pendingQueue;
|
|
57
|
-
pendingQueue = [];
|
|
58
|
-
cbs2.forEach(cb);
|
|
59
|
-
};
|
|
60
|
-
var cycle = function() {
|
|
61
|
-
return Promise.resolve().then(executeQueue);
|
|
62
|
-
};
|
|
63
|
-
cycle();
|
|
64
|
-
buffer = {
|
|
65
|
-
push: function(x) {
|
|
66
|
-
pendingQueue.push(x);
|
|
67
|
-
cycle();
|
|
68
|
-
},
|
|
69
|
-
filter: function(filter) {
|
|
70
|
-
pendingQueue = pendingQueue.filter(filter);
|
|
71
|
-
return buffer;
|
|
72
|
-
}
|
|
73
|
-
};
|
|
74
|
-
}
|
|
75
|
-
};
|
|
76
|
-
return medium;
|
|
77
|
-
}
|
|
78
|
-
function createSidecarMedium(options) {
|
|
79
|
-
if (options === void 0) {
|
|
80
|
-
options = {};
|
|
81
|
-
}
|
|
82
|
-
var medium = innerCreateMedium(null);
|
|
83
|
-
medium.options = __assign({ async: true, ssr: false }, options);
|
|
84
|
-
return medium;
|
|
85
|
-
}
|
|
86
|
-
export {
|
|
87
|
-
createSidecarMedium
|
|
88
|
-
};
|
|
89
|
-
//# sourceMappingURL=index.es98.js.map
|
package/dist/index.es98.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.es98.js","sources":["../docs/node_modules/.bun/use-sidecar@1.1.3+e2cc400bcbee7045/node_modules/use-sidecar/dist/es2015/medium.js"],"sourcesContent":["import { __assign } from \"tslib\";\nfunction ItoI(a) {\n return a;\n}\nfunction innerCreateMedium(defaults, middleware) {\n if (middleware === void 0) { middleware = ItoI; }\n var buffer = [];\n var assigned = false;\n var medium = {\n read: function () {\n if (assigned) {\n throw new Error('Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.');\n }\n if (buffer.length) {\n return buffer[buffer.length - 1];\n }\n return defaults;\n },\n useMedium: function (data) {\n var item = middleware(data, assigned);\n buffer.push(item);\n return function () {\n buffer = buffer.filter(function (x) { return x !== item; });\n };\n },\n assignSyncMedium: function (cb) {\n assigned = true;\n while (buffer.length) {\n var cbs = buffer;\n buffer = [];\n cbs.forEach(cb);\n }\n buffer = {\n push: function (x) { return cb(x); },\n filter: function () { return buffer; },\n };\n },\n assignMedium: function (cb) {\n assigned = true;\n var pendingQueue = [];\n if (buffer.length) {\n var cbs = buffer;\n buffer = [];\n cbs.forEach(cb);\n pendingQueue = buffer;\n }\n var executeQueue = function () {\n var cbs = pendingQueue;\n pendingQueue = [];\n cbs.forEach(cb);\n };\n var cycle = function () { return Promise.resolve().then(executeQueue); };\n cycle();\n buffer = {\n push: function (x) {\n pendingQueue.push(x);\n cycle();\n },\n filter: function (filter) {\n pendingQueue = pendingQueue.filter(filter);\n return buffer;\n },\n };\n },\n };\n return medium;\n}\nexport function createMedium(defaults, middleware) {\n if (middleware === void 0) { middleware = ItoI; }\n return innerCreateMedium(defaults, middleware);\n}\n// eslint-disable-next-line @typescript-eslint/ban-types\nexport function createSidecarMedium(options) {\n if (options === void 0) { options = {}; }\n var medium = innerCreateMedium(null);\n medium.options = __assign({ async: true, ssr: false }, options);\n return medium;\n}\n"],"names":["cbs"],"mappings":";AACA,SAAS,KAAK,GAAG;AACb,SAAO;AACX;AACA,SAAS,kBAAkB,UAAU,YAAY;AAC7C,MAAI,eAAe,QAAQ;AAAE,iBAAa;AAAA,EAAM;AAChD,MAAI,SAAS,CAAA;AACb,MAAI,WAAW;AACf,MAAI,SAAS;AAAA,IACT,MAAM,WAAY;AACd,UAAI,UAAU;AACV,cAAM,IAAI,MAAM,kGAAkG;AAAA,MACtH;AACA,UAAI,OAAO,QAAQ;AACf,eAAO,OAAO,OAAO,SAAS,CAAC;AAAA,MACnC;AACA,aAAO;AAAA,IACX;AAAA,IACA,WAAW,SAAU,MAAM;AACvB,UAAI,OAAO,WAAW,MAAM,QAAQ;AACpC,aAAO,KAAK,IAAI;AAChB,aAAO,WAAY;AACf,iBAAS,OAAO,OAAO,SAAU,GAAG;AAAE,iBAAO,MAAM;AAAA,QAAM,CAAC;AAAA,MAC9D;AAAA,IACJ;AAAA,IACA,kBAAkB,SAAU,IAAI;AAC5B,iBAAW;AACX,aAAO,OAAO,QAAQ;AAClB,YAAI,MAAM;AACV,iBAAS,CAAA;AACT,YAAI,QAAQ,EAAE;AAAA,MAClB;AACA,eAAS;AAAA,QACL,MAAM,SAAU,GAAG;AAAE,iBAAO,GAAG,CAAC;AAAA,QAAG;AAAA,QACnC,QAAQ,WAAY;AAAE,iBAAO;AAAA,QAAQ;AAAA,MACrD;AAAA,IACQ;AAAA,IACA,cAAc,SAAU,IAAI;AACxB,iBAAW;AACX,UAAI,eAAe,CAAA;AACnB,UAAI,OAAO,QAAQ;AACf,YAAI,MAAM;AACV,iBAAS,CAAA;AACT,YAAI,QAAQ,EAAE;AACd,uBAAe;AAAA,MACnB;AACA,UAAI,eAAe,WAAY;AAC3B,YAAIA,OAAM;AACV,uBAAe,CAAA;AACf,QAAAA,KAAI,QAAQ,EAAE;AAAA,MAClB;AACA,UAAI,QAAQ,WAAY;AAAE,eAAO,QAAQ,QAAO,EAAG,KAAK,YAAY;AAAA,MAAG;AACvE,YAAK;AACL,eAAS;AAAA,QACL,MAAM,SAAU,GAAG;AACf,uBAAa,KAAK,CAAC;AACnB,gBAAK;AAAA,QACT;AAAA,QACA,QAAQ,SAAU,QAAQ;AACtB,yBAAe,aAAa,OAAO,MAAM;AACzC,iBAAO;AAAA,QACX;AAAA,MAChB;AAAA,IACQ;AAAA,EACR;AACI,SAAO;AACX;AAMO,SAAS,oBAAoB,SAAS;AACzC,MAAI,YAAY,QAAQ;AAAE,cAAU,CAAA;AAAA,EAAI;AACxC,MAAI,SAAS,kBAAkB,IAAI;AACnC,SAAO,UAAU,SAAS,EAAE,OAAO,MAAM,KAAK,MAAK,GAAI,OAAO;AAC9D,SAAO;AACX;","x_google_ignoreList":[0]}
|
package/dist/index.es99.js
DELETED
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { styleSingleton } from "./index.es100.js";
|
|
3
|
-
import { noScrollbarsClassName, zeroRightClassName, fullWidthClassName, removedBarSizeVariable } from "./index.es93.js";
|
|
4
|
-
import { getGapWidth } from "./index.es105.js";
|
|
5
|
-
var Style = styleSingleton();
|
|
6
|
-
var lockAttribute = "data-scroll-locked";
|
|
7
|
-
var getStyles = function(_a, allowRelative, gapMode, important) {
|
|
8
|
-
var left = _a.left, top = _a.top, right = _a.right, gap = _a.gap;
|
|
9
|
-
if (gapMode === void 0) {
|
|
10
|
-
gapMode = "margin";
|
|
11
|
-
}
|
|
12
|
-
return "\n .".concat(noScrollbarsClassName, " {\n overflow: hidden ").concat(important, ";\n padding-right: ").concat(gap, "px ").concat(important, ";\n }\n body[").concat(lockAttribute, "] {\n overflow: hidden ").concat(important, ";\n overscroll-behavior: contain;\n ").concat([
|
|
13
|
-
allowRelative && "position: relative ".concat(important, ";"),
|
|
14
|
-
gapMode === "margin" && "\n padding-left: ".concat(left, "px;\n padding-top: ").concat(top, "px;\n padding-right: ").concat(right, "px;\n margin-left:0;\n margin-top:0;\n margin-right: ").concat(gap, "px ").concat(important, ";\n "),
|
|
15
|
-
gapMode === "padding" && "padding-right: ".concat(gap, "px ").concat(important, ";")
|
|
16
|
-
].filter(Boolean).join(""), "\n }\n \n .").concat(zeroRightClassName, " {\n right: ").concat(gap, "px ").concat(important, ";\n }\n \n .").concat(fullWidthClassName, " {\n margin-right: ").concat(gap, "px ").concat(important, ";\n }\n \n .").concat(zeroRightClassName, " .").concat(zeroRightClassName, " {\n right: 0 ").concat(important, ";\n }\n \n .").concat(fullWidthClassName, " .").concat(fullWidthClassName, " {\n margin-right: 0 ").concat(important, ";\n }\n \n body[").concat(lockAttribute, "] {\n ").concat(removedBarSizeVariable, ": ").concat(gap, "px;\n }\n");
|
|
17
|
-
};
|
|
18
|
-
var getCurrentUseCounter = function() {
|
|
19
|
-
var counter = parseInt(document.body.getAttribute(lockAttribute) || "0", 10);
|
|
20
|
-
return isFinite(counter) ? counter : 0;
|
|
21
|
-
};
|
|
22
|
-
var useLockAttribute = function() {
|
|
23
|
-
React.useEffect(function() {
|
|
24
|
-
document.body.setAttribute(lockAttribute, (getCurrentUseCounter() + 1).toString());
|
|
25
|
-
return function() {
|
|
26
|
-
var newCounter = getCurrentUseCounter() - 1;
|
|
27
|
-
if (newCounter <= 0) {
|
|
28
|
-
document.body.removeAttribute(lockAttribute);
|
|
29
|
-
} else {
|
|
30
|
-
document.body.setAttribute(lockAttribute, newCounter.toString());
|
|
31
|
-
}
|
|
32
|
-
};
|
|
33
|
-
}, []);
|
|
34
|
-
};
|
|
35
|
-
var RemoveScrollBar = function(_a) {
|
|
36
|
-
var noRelative = _a.noRelative, noImportant = _a.noImportant, _b = _a.gapMode, gapMode = _b === void 0 ? "margin" : _b;
|
|
37
|
-
useLockAttribute();
|
|
38
|
-
var gap = React.useMemo(function() {
|
|
39
|
-
return getGapWidth(gapMode);
|
|
40
|
-
}, [gapMode]);
|
|
41
|
-
return React.createElement(Style, { styles: getStyles(gap, !noRelative, gapMode, !noImportant ? "!important" : "") });
|
|
42
|
-
};
|
|
43
|
-
export {
|
|
44
|
-
RemoveScrollBar,
|
|
45
|
-
lockAttribute,
|
|
46
|
-
useLockAttribute
|
|
47
|
-
};
|
|
48
|
-
//# sourceMappingURL=index.es99.js.map
|
package/dist/index.es99.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.es99.js","sources":["../docs/node_modules/.bun/react-remove-scroll-bar@2.3.8+e2cc400bcbee7045/node_modules/react-remove-scroll-bar/dist/es2015/component.js"],"sourcesContent":["import * as React from 'react';\nimport { styleSingleton } from 'react-style-singleton';\nimport { fullWidthClassName, zeroRightClassName, noScrollbarsClassName, removedBarSizeVariable } from './constants';\nimport { getGapWidth } from './utils';\nvar Style = styleSingleton();\nexport var lockAttribute = 'data-scroll-locked';\n// important tip - once we measure scrollBar width and remove them\n// we could not repeat this operation\n// thus we are using style-singleton - only the first \"yet correct\" style will be applied.\nvar getStyles = function (_a, allowRelative, gapMode, important) {\n var left = _a.left, top = _a.top, right = _a.right, gap = _a.gap;\n if (gapMode === void 0) { gapMode = 'margin'; }\n return \"\\n .\".concat(noScrollbarsClassName, \" {\\n overflow: hidden \").concat(important, \";\\n padding-right: \").concat(gap, \"px \").concat(important, \";\\n }\\n body[\").concat(lockAttribute, \"] {\\n overflow: hidden \").concat(important, \";\\n overscroll-behavior: contain;\\n \").concat([\n allowRelative && \"position: relative \".concat(important, \";\"),\n gapMode === 'margin' &&\n \"\\n padding-left: \".concat(left, \"px;\\n padding-top: \").concat(top, \"px;\\n padding-right: \").concat(right, \"px;\\n margin-left:0;\\n margin-top:0;\\n margin-right: \").concat(gap, \"px \").concat(important, \";\\n \"),\n gapMode === 'padding' && \"padding-right: \".concat(gap, \"px \").concat(important, \";\"),\n ]\n .filter(Boolean)\n .join(''), \"\\n }\\n \\n .\").concat(zeroRightClassName, \" {\\n right: \").concat(gap, \"px \").concat(important, \";\\n }\\n \\n .\").concat(fullWidthClassName, \" {\\n margin-right: \").concat(gap, \"px \").concat(important, \";\\n }\\n \\n .\").concat(zeroRightClassName, \" .\").concat(zeroRightClassName, \" {\\n right: 0 \").concat(important, \";\\n }\\n \\n .\").concat(fullWidthClassName, \" .\").concat(fullWidthClassName, \" {\\n margin-right: 0 \").concat(important, \";\\n }\\n \\n body[\").concat(lockAttribute, \"] {\\n \").concat(removedBarSizeVariable, \": \").concat(gap, \"px;\\n }\\n\");\n};\nvar getCurrentUseCounter = function () {\n var counter = parseInt(document.body.getAttribute(lockAttribute) || '0', 10);\n return isFinite(counter) ? counter : 0;\n};\nexport var useLockAttribute = function () {\n React.useEffect(function () {\n document.body.setAttribute(lockAttribute, (getCurrentUseCounter() + 1).toString());\n return function () {\n var newCounter = getCurrentUseCounter() - 1;\n if (newCounter <= 0) {\n document.body.removeAttribute(lockAttribute);\n }\n else {\n document.body.setAttribute(lockAttribute, newCounter.toString());\n }\n };\n }, []);\n};\n/**\n * Removes page scrollbar and blocks page scroll when mounted\n */\nexport var RemoveScrollBar = function (_a) {\n var noRelative = _a.noRelative, noImportant = _a.noImportant, _b = _a.gapMode, gapMode = _b === void 0 ? 'margin' : _b;\n useLockAttribute();\n /*\n gap will be measured on every component mount\n however it will be used only by the \"first\" invocation\n due to singleton nature of <Style\n */\n var gap = React.useMemo(function () { return getGapWidth(gapMode); }, [gapMode]);\n return React.createElement(Style, { styles: getStyles(gap, !noRelative, gapMode, !noImportant ? '!important' : '') });\n};\n"],"names":[],"mappings":";;;;AAIA,IAAI,QAAQ,eAAc;AAChB,IAAC,gBAAgB;AAI3B,IAAI,YAAY,SAAU,IAAI,eAAe,SAAS,WAAW;AAC7D,MAAI,OAAO,GAAG,MAAM,MAAM,GAAG,KAAK,QAAQ,GAAG,OAAO,MAAM,GAAG;AAC7D,MAAI,YAAY,QAAQ;AAAE,cAAU;AAAA,EAAU;AAC9C,SAAO,QAAQ,OAAO,uBAAuB,0BAA0B,EAAE,OAAO,WAAW,uBAAuB,EAAE,OAAO,KAAK,KAAK,EAAE,OAAO,WAAW,iBAAiB,EAAE,OAAO,eAAe,4BAA4B,EAAE,OAAO,WAAW,4CAA4C,EAAE,OAAO;AAAA,IACnS,iBAAiB,sBAAsB,OAAO,WAAW,GAAG;AAAA,IAC5D,YAAY,YACR,uBAAuB,OAAO,MAAM,wBAAwB,EAAE,OAAO,KAAK,0BAA0B,EAAE,OAAO,OAAO,gEAAgE,EAAE,OAAO,KAAK,KAAK,EAAE,OAAO,WAAW,SAAS;AAAA,IACxO,YAAY,aAAa,kBAAkB,OAAO,KAAK,KAAK,EAAE,OAAO,WAAW,GAAG;AAAA,EAC3F,EACS,OAAO,OAAO,EACd,KAAK,EAAE,GAAG,gBAAgB,EAAE,OAAO,oBAAoB,iBAAiB,EAAE,OAAO,KAAK,KAAK,EAAE,OAAO,WAAW,iBAAiB,EAAE,OAAO,oBAAoB,wBAAwB,EAAE,OAAO,KAAK,KAAK,EAAE,OAAO,WAAW,iBAAiB,EAAE,OAAO,oBAAoB,IAAI,EAAE,OAAO,oBAAoB,mBAAmB,EAAE,OAAO,WAAW,iBAAiB,EAAE,OAAO,oBAAoB,IAAI,EAAE,OAAO,oBAAoB,0BAA0B,EAAE,OAAO,WAAW,qBAAqB,EAAE,OAAO,eAAe,WAAW,EAAE,OAAO,wBAAwB,IAAI,EAAE,OAAO,KAAK,YAAY;AAC/kB;AACA,IAAI,uBAAuB,WAAY;AACnC,MAAI,UAAU,SAAS,SAAS,KAAK,aAAa,aAAa,KAAK,KAAK,EAAE;AAC3E,SAAO,SAAS,OAAO,IAAI,UAAU;AACzC;AACU,IAAC,mBAAmB,WAAY;AACtC,QAAM,UAAU,WAAY;AACxB,aAAS,KAAK,aAAa,gBAAgB,yBAAyB,GAAG,UAAU;AACjF,WAAO,WAAY;AACf,UAAI,aAAa,qBAAoB,IAAK;AAC1C,UAAI,cAAc,GAAG;AACjB,iBAAS,KAAK,gBAAgB,aAAa;AAAA,MAC/C,OACK;AACD,iBAAS,KAAK,aAAa,eAAe,WAAW,SAAQ,CAAE;AAAA,MACnE;AAAA,IACJ;AAAA,EACJ,GAAG,CAAA,CAAE;AACT;AAIU,IAAC,kBAAkB,SAAU,IAAI;AACvC,MAAI,aAAa,GAAG,YAAY,cAAc,GAAG,aAAa,KAAK,GAAG,SAAS,UAAU,OAAO,SAAS,WAAW;AACpH,mBAAgB;AAMhB,MAAI,MAAM,MAAM,QAAQ,WAAY;AAAE,WAAO,YAAY,OAAO;AAAA,EAAG,GAAG,CAAC,OAAO,CAAC;AAC/E,SAAO,MAAM,cAAc,OAAO,EAAE,QAAQ,UAAU,KAAK,CAAC,YAAY,SAAS,CAAC,cAAc,eAAe,EAAE,EAAC,CAAE;AACxH;","x_google_ignoreList":[0]}
|