@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/index.mjs
CHANGED
|
@@ -31100,6 +31100,8 @@ function DiceRoller({
|
|
|
31100
31100
|
)) : (() => {
|
|
31101
31101
|
const shape = POLY_SHAPES[sides];
|
|
31102
31102
|
const shown = results?.[d] ?? sides;
|
|
31103
|
+
const depth = effectiveSize * 0.18;
|
|
31104
|
+
const edgeLayers = 16;
|
|
31103
31105
|
const cardFaceStyle = {
|
|
31104
31106
|
position: "absolute",
|
|
31105
31107
|
inset: 0,
|
|
@@ -31108,13 +31110,53 @@ function DiceRoller({
|
|
|
31108
31110
|
backfaceVisibility: "hidden"
|
|
31109
31111
|
};
|
|
31110
31112
|
return /* @__PURE__ */ jsxs86(Fragment30, { children: [
|
|
31113
|
+
Array.from({ length: edgeLayers }, (_2, li) => {
|
|
31114
|
+
const z = -depth / 2 + depth * (li + 0.5) / edgeLayers;
|
|
31115
|
+
return /* @__PURE__ */ jsxs86(
|
|
31116
|
+
"svg",
|
|
31117
|
+
{
|
|
31118
|
+
viewBox: "0 0 100 100",
|
|
31119
|
+
width: "100%",
|
|
31120
|
+
height: "100%",
|
|
31121
|
+
style: {
|
|
31122
|
+
position: "absolute",
|
|
31123
|
+
inset: 0,
|
|
31124
|
+
display: "block",
|
|
31125
|
+
overflow: "visible",
|
|
31126
|
+
transform: `translateZ(${z}px)`
|
|
31127
|
+
},
|
|
31128
|
+
"aria-hidden": "true",
|
|
31129
|
+
children: [
|
|
31130
|
+
/* @__PURE__ */ jsx114(
|
|
31131
|
+
"polygon",
|
|
31132
|
+
{
|
|
31133
|
+
points: shape.points,
|
|
31134
|
+
fill: colors.face
|
|
31135
|
+
}
|
|
31136
|
+
),
|
|
31137
|
+
/* @__PURE__ */ jsx114(
|
|
31138
|
+
"polygon",
|
|
31139
|
+
{
|
|
31140
|
+
points: shape.points,
|
|
31141
|
+
fill: "#000",
|
|
31142
|
+
opacity: 0.22
|
|
31143
|
+
}
|
|
31144
|
+
)
|
|
31145
|
+
]
|
|
31146
|
+
},
|
|
31147
|
+
li
|
|
31148
|
+
);
|
|
31149
|
+
}),
|
|
31111
31150
|
/* @__PURE__ */ jsxs86(
|
|
31112
31151
|
"svg",
|
|
31113
31152
|
{
|
|
31114
31153
|
viewBox: "0 0 100 100",
|
|
31115
31154
|
width: "100%",
|
|
31116
31155
|
height: "100%",
|
|
31117
|
-
style:
|
|
31156
|
+
style: {
|
|
31157
|
+
...cardFaceStyle,
|
|
31158
|
+
transform: `translateZ(${depth / 2}px)`
|
|
31159
|
+
},
|
|
31118
31160
|
"aria-hidden": "true",
|
|
31119
31161
|
children: [
|
|
31120
31162
|
/* @__PURE__ */ jsx114(
|
|
@@ -31170,7 +31212,7 @@ function DiceRoller({
|
|
|
31170
31212
|
height: "100%",
|
|
31171
31213
|
style: {
|
|
31172
31214
|
...cardFaceStyle,
|
|
31173
|
-
transform:
|
|
31215
|
+
transform: `rotateY(180deg) translateZ(${depth / 2}px)`
|
|
31174
31216
|
},
|
|
31175
31217
|
"aria-hidden": "true",
|
|
31176
31218
|
children: [
|