@digilogiclabs/saas-factory-ui 1.16.5 → 1.16.6
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.js +53 -86
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +53 -86
- package/dist/index.mjs.map +1 -1
- package/dist/web/index.js +53 -86
- package/dist/web/index.js.map +1 -1
- package/dist/web/index.mjs +53 -86
- package/dist/web/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -30704,38 +30704,13 @@ function DiceRoller({
|
|
|
30704
30704
|
clampedCount,
|
|
30705
30705
|
effectiveSize,
|
|
30706
30706
|
starts,
|
|
30707
|
+
reducedMotion,
|
|
30707
30708
|
refs: {
|
|
30708
30709
|
die: dieWrapperRefs.current.map((el) => !!el),
|
|
30709
30710
|
cube: cubeRefs.current.map((el) => !!el)
|
|
30710
30711
|
}
|
|
30711
30712
|
});
|
|
30712
30713
|
}
|
|
30713
|
-
if (reducedMotion) {
|
|
30714
|
-
const final = defaultPositions(w, h, clampedCount);
|
|
30715
|
-
currentPositionsRef.current = final;
|
|
30716
|
-
for (let i = 0; i < clampedCount; i++) {
|
|
30717
|
-
const p = final[i];
|
|
30718
|
-
const el = dieWrapperRefs.current[i];
|
|
30719
|
-
if (el) {
|
|
30720
|
-
el.style.transition = "transform 0.2s ease-out";
|
|
30721
|
-
el.style.setProperty("--dice-x", `${p.x - half}px`);
|
|
30722
|
-
el.style.setProperty("--dice-y", `${p.y - half}px`);
|
|
30723
|
-
el.style.setProperty("--dice-sx", "1");
|
|
30724
|
-
el.style.setProperty("--dice-sy", "1");
|
|
30725
|
-
}
|
|
30726
|
-
const tgt = SHOW_ROT[vals[i]];
|
|
30727
|
-
writeCubeRotation(i, tgt.x, tgt.y, 0, true);
|
|
30728
|
-
}
|
|
30729
|
-
setResults(vals);
|
|
30730
|
-
setRolling(false);
|
|
30731
|
-
rollingRef.current = false;
|
|
30732
|
-
const total2 = vals.reduce((a, b) => a + b, 0);
|
|
30733
|
-
onRoll?.(vals, total2);
|
|
30734
|
-
if (showHistory) {
|
|
30735
|
-
setHistory((prev) => [{ vals, total: total2 }, ...prev].slice(0, historyMax));
|
|
30736
|
-
}
|
|
30737
|
-
return;
|
|
30738
|
-
}
|
|
30739
30714
|
const frames = simulateDice(w, h, effectiveSize, starts, clampedCount);
|
|
30740
30715
|
for (let i = 0; i < clampedCount; i++) {
|
|
30741
30716
|
writeCubeRotation(
|
|
@@ -30904,72 +30879,64 @@ function DiceRoller({
|
|
|
30904
30879
|
"--dice-sx": "1",
|
|
30905
30880
|
"--dice-sy": "1"
|
|
30906
30881
|
};
|
|
30907
|
-
return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(
|
|
30908
|
-
|
|
30909
|
-
|
|
30910
|
-
|
|
30911
|
-
|
|
30912
|
-
|
|
30913
|
-
|
|
30882
|
+
return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { ref: getDieSetter(d), style: wrapperStyle, children: [
|
|
30883
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
|
|
30884
|
+
"div",
|
|
30885
|
+
{
|
|
30886
|
+
ref: getShadowSetter(d),
|
|
30887
|
+
style: {
|
|
30888
|
+
position: "absolute",
|
|
30889
|
+
bottom: -6,
|
|
30890
|
+
left: "12%",
|
|
30891
|
+
width: "76%",
|
|
30892
|
+
height: 10,
|
|
30893
|
+
background: `radial-gradient(ellipse,${colors.shadow} 0%,transparent 70%)`,
|
|
30894
|
+
borderRadius: "50%",
|
|
30895
|
+
pointerEvents: "none",
|
|
30896
|
+
opacity: 0.85,
|
|
30897
|
+
transition: "opacity 0.3s"
|
|
30898
|
+
}
|
|
30899
|
+
}
|
|
30900
|
+
),
|
|
30901
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
|
|
30902
|
+
"div",
|
|
30903
|
+
{
|
|
30904
|
+
ref: getCubeSetter(d),
|
|
30905
|
+
style: {
|
|
30906
|
+
width: "100%",
|
|
30907
|
+
height: "100%",
|
|
30908
|
+
position: "relative",
|
|
30909
|
+
transformStyle: "preserve-3d",
|
|
30910
|
+
willChange: "transform"
|
|
30911
|
+
},
|
|
30912
|
+
children: [1, 2, 3, 4, 5, 6].map((val, fi) => /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
|
|
30914
30913
|
"div",
|
|
30915
30914
|
{
|
|
30916
|
-
ref: getShadowSetter(d),
|
|
30917
30915
|
style: {
|
|
30918
30916
|
position: "absolute",
|
|
30919
|
-
|
|
30920
|
-
|
|
30921
|
-
|
|
30922
|
-
|
|
30923
|
-
|
|
30924
|
-
|
|
30925
|
-
|
|
30926
|
-
opacity: 0.85,
|
|
30927
|
-
transition: "opacity 0.3s"
|
|
30928
|
-
}
|
|
30929
|
-
}
|
|
30930
|
-
),
|
|
30931
|
-
/* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
|
|
30932
|
-
"div",
|
|
30933
|
-
{
|
|
30934
|
-
ref: getCubeSetter(d),
|
|
30935
|
-
style: {
|
|
30936
|
-
width: "100%",
|
|
30937
|
-
height: "100%",
|
|
30938
|
-
position: "relative",
|
|
30939
|
-
transformStyle: "preserve-3d",
|
|
30940
|
-
willChange: "transform"
|
|
30917
|
+
width: effectiveSize,
|
|
30918
|
+
height: effectiveSize,
|
|
30919
|
+
background: colors.face,
|
|
30920
|
+
border: `1px solid ${colors.faceBorder}`,
|
|
30921
|
+
borderRadius: faceRadius,
|
|
30922
|
+
transform: faceTransforms[fi],
|
|
30923
|
+
transition: "background 0.3s, border-color 0.3s"
|
|
30941
30924
|
},
|
|
30942
|
-
children:
|
|
30943
|
-
|
|
30925
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
|
|
30926
|
+
Face,
|
|
30944
30927
|
{
|
|
30945
|
-
|
|
30946
|
-
|
|
30947
|
-
|
|
30948
|
-
|
|
30949
|
-
|
|
30950
|
-
|
|
30951
|
-
|
|
30952
|
-
|
|
30953
|
-
|
|
30954
|
-
|
|
30955
|
-
|
|
30956
|
-
|
|
30957
|
-
{
|
|
30958
|
-
value: val,
|
|
30959
|
-
pipColor: colors.pip,
|
|
30960
|
-
pipShadow: colors.pipShadow,
|
|
30961
|
-
pipDiameter
|
|
30962
|
-
}
|
|
30963
|
-
)
|
|
30964
|
-
},
|
|
30965
|
-
val
|
|
30966
|
-
))
|
|
30967
|
-
}
|
|
30968
|
-
)
|
|
30969
|
-
]
|
|
30970
|
-
},
|
|
30971
|
-
d
|
|
30972
|
-
);
|
|
30928
|
+
value: val,
|
|
30929
|
+
pipColor: colors.pip,
|
|
30930
|
+
pipShadow: colors.pipShadow,
|
|
30931
|
+
pipDiameter
|
|
30932
|
+
}
|
|
30933
|
+
)
|
|
30934
|
+
},
|
|
30935
|
+
val
|
|
30936
|
+
))
|
|
30937
|
+
}
|
|
30938
|
+
)
|
|
30939
|
+
] }, d);
|
|
30973
30940
|
})
|
|
30974
30941
|
}
|
|
30975
30942
|
),
|