@digilogiclabs/saas-factory-ui 2.8.1 → 2.8.2
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.d.mts +4 -3
- package/dist/index.d.ts +4 -3
- package/dist/index.js +44 -2
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +44 -2
- package/dist/index.mjs.map +1 -1
- package/dist/web/index.d.mts +4 -3
- package/dist/web/index.d.ts +4 -3
- package/dist/web/index.js +44 -2
- package/dist/web/index.js.map +1 -1
- package/dist/web/index.mjs +44 -2
- package/dist/web/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/web/index.mjs
CHANGED
|
@@ -30988,6 +30988,8 @@ function DiceRoller({
|
|
|
30988
30988
|
)) : (() => {
|
|
30989
30989
|
const shape = POLY_SHAPES[sides];
|
|
30990
30990
|
const shown = results?.[d] ?? sides;
|
|
30991
|
+
const depth = effectiveSize * 0.18;
|
|
30992
|
+
const edgeLayers = 16;
|
|
30991
30993
|
const cardFaceStyle = {
|
|
30992
30994
|
position: "absolute",
|
|
30993
30995
|
inset: 0,
|
|
@@ -30996,13 +30998,53 @@ function DiceRoller({
|
|
|
30996
30998
|
backfaceVisibility: "hidden"
|
|
30997
30999
|
};
|
|
30998
31000
|
return /* @__PURE__ */ jsxs86(Fragment30, { children: [
|
|
31001
|
+
Array.from({ length: edgeLayers }, (_2, li) => {
|
|
31002
|
+
const z = -depth / 2 + depth * (li + 0.5) / edgeLayers;
|
|
31003
|
+
return /* @__PURE__ */ jsxs86(
|
|
31004
|
+
"svg",
|
|
31005
|
+
{
|
|
31006
|
+
viewBox: "0 0 100 100",
|
|
31007
|
+
width: "100%",
|
|
31008
|
+
height: "100%",
|
|
31009
|
+
style: {
|
|
31010
|
+
position: "absolute",
|
|
31011
|
+
inset: 0,
|
|
31012
|
+
display: "block",
|
|
31013
|
+
overflow: "visible",
|
|
31014
|
+
transform: `translateZ(${z}px)`
|
|
31015
|
+
},
|
|
31016
|
+
"aria-hidden": "true",
|
|
31017
|
+
children: [
|
|
31018
|
+
/* @__PURE__ */ jsx113(
|
|
31019
|
+
"polygon",
|
|
31020
|
+
{
|
|
31021
|
+
points: shape.points,
|
|
31022
|
+
fill: colors.face
|
|
31023
|
+
}
|
|
31024
|
+
),
|
|
31025
|
+
/* @__PURE__ */ jsx113(
|
|
31026
|
+
"polygon",
|
|
31027
|
+
{
|
|
31028
|
+
points: shape.points,
|
|
31029
|
+
fill: "#000",
|
|
31030
|
+
opacity: 0.22
|
|
31031
|
+
}
|
|
31032
|
+
)
|
|
31033
|
+
]
|
|
31034
|
+
},
|
|
31035
|
+
li
|
|
31036
|
+
);
|
|
31037
|
+
}),
|
|
30999
31038
|
/* @__PURE__ */ jsxs86(
|
|
31000
31039
|
"svg",
|
|
31001
31040
|
{
|
|
31002
31041
|
viewBox: "0 0 100 100",
|
|
31003
31042
|
width: "100%",
|
|
31004
31043
|
height: "100%",
|
|
31005
|
-
style:
|
|
31044
|
+
style: {
|
|
31045
|
+
...cardFaceStyle,
|
|
31046
|
+
transform: `translateZ(${depth / 2}px)`
|
|
31047
|
+
},
|
|
31006
31048
|
"aria-hidden": "true",
|
|
31007
31049
|
children: [
|
|
31008
31050
|
/* @__PURE__ */ jsx113(
|
|
@@ -31058,7 +31100,7 @@ function DiceRoller({
|
|
|
31058
31100
|
height: "100%",
|
|
31059
31101
|
style: {
|
|
31060
31102
|
...cardFaceStyle,
|
|
31061
|
-
transform:
|
|
31103
|
+
transform: `rotateY(180deg) translateZ(${depth / 2}px)`
|
|
31062
31104
|
},
|
|
31063
31105
|
"aria-hidden": "true",
|
|
31064
31106
|
children: [
|