@gamepark/react-game 7.5.7 → 7.5.9

package/dist/components/material/Dices/OctahedralDiceDescription.js

@@ -1,142 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
-/** @jsxImportSource @emotion/react */
-import { css } from '@emotion/react';
-import { range } from 'es-toolkit';
-import { backgroundCss, shadowEffect, shineEffect, transformCss } from '../../../css';
-import { MobileMaterialDescription } from '../MobileMaterialDescription';
-const TILT = 35.26; // 90 - arctan(sqrt(2)) in degrees
-const TZ_RATIO = 0.2562; // translateZ / width ratio for octahedron
-/**
- * 8-faced (octahedral) dice with CSS 3D transforms.
- *
- * The `images` array must contain exactly 8 images, one per face:
- *
- *   - **images[0–3]**: top faces (triangles pointing up)
- *   - **images[4–7]**: bottom faces (triangles pointing down)
- *
- * Within each half, faces are arranged by cardinal direction:
- *
- *   | Index | Half   | Direction |
- *   |-------|--------|-----------|
- *   |   0   |  top   |  front    |
- *   |   1   |  top   |  right    |
- *   |   2   |  top   |  back     |
- *   |   3   |  top   |  left     |
- *   |   4   | bottom |  front    |
- *   |   5   | bottom |  right    |
- *   |   6   | bottom |  back     |
- *   |   7   | bottom |  left     |
- *
- * `location.rotation` (0–7) selects which face is shown on top.
- * Top face images should have their symbol shifted toward the base of the triangle (centroid offset).
- * Bottom face images should be rotated 180° with the symbol shifted the opposite way.
- */
-export class OctahedralDiceDescription extends MobileMaterialDescription {
-    width = 2;
-    ratio = 1;
-    borderRadius = 0;
-    color = '#222222';
-    /** Set to true to display face index labels (0-7) for debugging */
-    debugFaceLabels = false;
-    get tz() { return this.width * TZ_RATIO; }
-    getImages() {
-        return Array.isArray(this.images) ? this.images : Object.values(this.images).flat();
-    }
-    getDiceImages(itemId) {
-        return Array.isArray(this.images) ? this.images : this.images[itemId];
-    }
-    getColor(_itemId) {
-        return this.color;
-    }
-    content = ({ itemId, highlight, preview, playDown = preview }) => {
-        const images = this.getDiceImages(itemId);
-        const w = this.width;
-        const tz = this.tz;
-        const sideCss = css `
-      position: absolute;
-      width: ${w}em;
-      height: ${w}em;
-      backface-visibility: hidden;
-    `;
-        const diamondTopCss = css `
-      display: block;
-      width: 100%;
-      height: 100%;
-      overflow: hidden;
-      backface-visibility: hidden;
-      transform: translateY(50%) rotate(30deg) skewY(30deg) scaleX(0.866);
-      filter: drop-shadow(0 0 0.03em rgba(0, 0, 0, 0.5));
-    `;
-        const diamondBottomCss = css `
-      display: block;
-      width: 100%;
-      height: 100%;
-      overflow: hidden;
-      backface-visibility: hidden;
-      transform: translateY(-50%) rotate(30deg) skewY(30deg) scaleX(0.866);
-      filter: drop-shadow(0 0 0.03em rgba(0, 0, 0, 0.5));
-    `;
-        const contentTopCss = css `
-      display: block;
-      width: 100%;
-      height: 100%;
-      backface-visibility: hidden;
-      background-color: ${this.getColor(itemId)};
-      transform: scaleX(1.155) skewY(-30deg) rotate(-30deg) translateY(-50%);
-    `;
-        const contentBottomCss = css `
-      display: block;
-      width: 100%;
-      height: 100%;
-      backface-visibility: hidden;
-      background-color: ${this.getColor(itemId)};
-      transform: scaleX(1.155) skewY(-30deg) rotate(-30deg) translateY(50%);
-    `;
-        const faceLabelCss = this.debugFaceLabels ? css `
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-      font-size: ${w * 0.3}em;
-      font-weight: bold;
-      color: red;
-      pointer-events: none;
-      z-index: 1;
-    ` : undefined;
-        return _jsx(_Fragment, { children: range(8).map((_, index) => {
-                const yRot = (index % 4) * 90;
-                // Bottom faces are offset by 180° so that rotateX(180deg) brings face N to the top
-                const bottomYRot = ((index % 4) * 90 + 180) % 360;
-                const sideTransform = index < 4
-                    ? transformCss(index > 0 ? `rotateY(${yRot}deg)` : undefined, `rotateX(${TILT}deg)`, `translateZ(${tz}em)`)
-                    : transformCss(`translateY(52%)`, bottomYRot > 0 ? `rotateY(${bottomYRot}deg)` : undefined, `rotateX(${-TILT}deg)`, `translateZ(${tz}em)`);
-                return _jsx("div", { css: [sideCss, sideTransform], children: _jsx("div", { css: index < 4 ? diamondTopCss : diamondBottomCss, children: _jsx("div", { css: [
-                                index < 4 ? contentTopCss : contentBottomCss,
-                                backgroundCss(images[index]),
-                                highlight ? shineEffect : playDown && shadowEffect
-                            ], children: faceLabelCss && _jsx("span", { css: faceLabelCss, children: index }) }) }) }, index);
-            }) });
-    };
-    getItemTransform(item, context) {
-        return super.getItemTransform(item, context).concat(`translateZ(${this.tz}em)`, ...this.getRotations(item, context));
-    }
-    getRotations(item, _context) {
-        switch (item.location.rotation) {
-            case 0: return [];
-            case 1: return ['rotateY(-90deg)'];
-            case 2: return ['rotateY(-180deg)'];
-            case 3: return ['rotateY(90deg)'];
-            case 4: return ['rotateX(180deg)'];
-            case 5: return ['rotateX(180deg)', 'rotateY(90deg)'];
-            case 6: return ['rotateX(180deg)', 'rotateY(180deg)'];
-            case 7: return ['rotateX(180deg)', 'rotateY(-90deg)'];
-            default: return [];
-        }
-    }
-    getHelpDisplayExtraCss(item, context) {
-        return item.location && [transformCss(...this.getRotations(item, context)), css `
-      margin: ${this.width / 4}em;
-    `];
-    }
-}
-//# sourceMappingURL=OctahedralDiceDescription.js.map

package/dist/components/material/Dices/OctahedralDiceDescription.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OctahedralDiceDescription.js","sourceRoot":"","sources":["../../../../src/components/material/Dices/OctahedralDiceDescription.tsx"],"names":[],"mappings":"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"}