anim-3d-obj 1.1.32 → 1.1.33
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/cjs/components/Card.js +5 -6
- package/dist/cjs/components/Card.js.map +1 -1
- package/dist/cjs/components/Cuboid.js +9 -10
- package/dist/cjs/components/Cuboid.js.map +1 -1
- package/dist/cjs/components/Ribbon.js +6 -7
- package/dist/cjs/components/Ribbon.js.map +1 -1
- package/dist/cjs/components/styles/AnimFilter.d.ts +7 -0
- package/dist/cjs/components/styles/AnimFilter.js +14 -0
- package/dist/cjs/components/styles/AnimFilter.js.map +1 -0
- package/dist/esm/components/Card.js +5 -6
- package/dist/esm/components/Card.js.map +1 -1
- package/dist/esm/components/Cuboid.js +9 -10
- package/dist/esm/components/Cuboid.js.map +1 -1
- package/dist/esm/components/Ribbon.js +6 -7
- package/dist/esm/components/Ribbon.js.map +1 -1
- package/dist/esm/components/styles/AnimFilter.d.ts +7 -0
- package/dist/esm/components/styles/AnimFilter.js +8 -0
- package/dist/esm/components/styles/AnimFilter.js.map +1 -0
- package/package.json +1 -1
|
@@ -5,21 +5,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.Card = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const AnimWrap_1 = require("./styles/AnimWrap");
|
|
9
8
|
const Scene_1 = require("./styles/Scene");
|
|
10
9
|
const Face_1 = __importDefault(require("./Faces/Face"));
|
|
11
10
|
const Global_1 = require("./styles/Global");
|
|
11
|
+
const AnimFilter_1 = __importDefault(require("./styles/AnimFilter"));
|
|
12
12
|
const Card = (props) => {
|
|
13
13
|
let { anim1Specs, anim2Specs, width = 5, height = 5, faces, global = {}, custom = {}, tranz = (+height / 2) | 0, perspective, perspectiveOrigin, zIndex } = props;
|
|
14
14
|
const buildFace = (faceType) => {
|
|
15
15
|
return react_1.default.createElement(Face_1.default, { width: width, height: height, depth: 0.1, faceType: faceType, id: faceType, tranz: tranz, global: global, custom: custom });
|
|
16
16
|
};
|
|
17
17
|
return (react_1.default.createElement(Scene_1.SceneStyle, { width: width, height: height, perspective: perspective, perspectiveOrigin: perspectiveOrigin, zIndex: zIndex },
|
|
18
|
-
react_1.default.createElement(
|
|
19
|
-
react_1.default.createElement(
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
!!faces && !!faces.back ? buildFace('back') : null)))));
|
|
18
|
+
react_1.default.createElement(AnimFilter_1.default, { anim1Specs: anim1Specs, anim2Specs: anim2Specs },
|
|
19
|
+
react_1.default.createElement(Global_1.ObjWrapper, null,
|
|
20
|
+
!!faces && !!faces.front ? buildFace('front') : null,
|
|
21
|
+
!!faces && !!faces.back ? buildFace('back') : null))));
|
|
23
22
|
};
|
|
24
23
|
exports.Card = Card;
|
|
25
24
|
//# sourceMappingURL=Card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,0CAA4C;AAE5C,wDAAgC;AAChC,4CAA6C;AAC7C,qEAA6C;AAEtC,MAAM,IAAI,GAAG,CAAC,KAAe,EAAO,EAAE;IACzC,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,EAAE,EAAE,MAAM,GAAG,EAAE,EAAE,KAAK,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAElK,MAAM,SAAS,GAAG,CAAC,QAAa,EAAO,EAAE;QACrC,OAAO,8BAAC,cAAI,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;IAC9I,CAAC,CAAC;IAEF,OAAO,CACH,8BAAC,kBAAU,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM;QACpH,8BAAC,oBAAU,IAAC,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU;YACtD,8BAAC,mBAAU;gBACN,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI;gBACpD,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAC1C,CACJ,CACJ,CAChB,CAAC;AACN,CAAC,CAAC;AAjBW,QAAA,IAAI,QAiBf"}
|
|
@@ -5,25 +5,24 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.Cuboid = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const AnimWrap_1 = require("./styles/AnimWrap");
|
|
9
8
|
const Scene_1 = require("./styles/Scene");
|
|
10
9
|
const Face_1 = __importDefault(require("./Faces/Face"));
|
|
11
10
|
const Global_1 = require("./styles/Global");
|
|
11
|
+
const AnimFilter_1 = __importDefault(require("./styles/AnimFilter"));
|
|
12
12
|
const Cuboid = (props) => {
|
|
13
13
|
let { anim1Specs, anim2Specs, width = 5, height = 5, depth = 5, faces, global = {}, custom = {}, tranz = (+height / 2) | 0, perspective, perspectiveOrigin, zIndex } = props;
|
|
14
14
|
const buildFace = (faceType) => {
|
|
15
15
|
return react_1.default.createElement(Face_1.default, { width: width, height: height, depth: depth, faceType: faceType, id: faceType, tranz: tranz, global: global, custom: custom });
|
|
16
16
|
};
|
|
17
17
|
return (react_1.default.createElement(Scene_1.SceneStyle, { width: width, height: height, perspective: perspective, perspectiveOrigin: perspectiveOrigin, zIndex: zIndex },
|
|
18
|
-
react_1.default.createElement(
|
|
19
|
-
react_1.default.createElement(
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
!!faces && !!faces.bottom ? buildFace('bottom') : null)))));
|
|
18
|
+
react_1.default.createElement(AnimFilter_1.default, { anim1Specs: anim1Specs, anim2Specs: anim2Specs },
|
|
19
|
+
react_1.default.createElement(Global_1.ObjWrapper, null,
|
|
20
|
+
!!faces && !!faces.front ? buildFace('front') : null,
|
|
21
|
+
!!faces && !!faces.right ? buildFace('right') : null,
|
|
22
|
+
!!faces && !!faces.back ? buildFace('back') : null,
|
|
23
|
+
!!faces && !!faces.left ? buildFace('left') : null,
|
|
24
|
+
!!faces && !!faces.top ? buildFace('top') : null,
|
|
25
|
+
!!faces && !!faces.bottom ? buildFace('bottom') : null))));
|
|
27
26
|
};
|
|
28
27
|
exports.Cuboid = Cuboid;
|
|
29
28
|
//# sourceMappingURL=Cuboid.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Cuboid.js","sourceRoot":"","sources":["../../../src/components/Cuboid.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,
|
|
1
|
+
{"version":3,"file":"Cuboid.js","sourceRoot":"","sources":["../../../src/components/Cuboid.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,0CAA4C;AAE5C,wDAAgC;AAChC,4CAA6C;AAC7C,qEAA6C;AAEtC,MAAM,MAAM,GAAG,CAAC,KAAe,EAAO,EAAE;IAC3C,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,EAAE,EAAE,MAAM,GAAG,EAAE,EAAE,KAAK,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAE7K,MAAM,SAAS,GAAG,CAAC,QAAa,EAAO,EAAE;QACrC,OAAO,8BAAC,cAAI,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;IAChJ,CAAC,CAAC;IAEF,OAAO,CACH,8BAAC,kBAAU,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM;QACpH,8BAAC,oBAAU,IAAC,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU;YACtD,8BAAC,mBAAU;gBACN,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI;gBACpD,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI;gBACpD,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI;gBAClD,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI;gBAClD,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI;gBAChD,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAC9C,CACJ,CACJ,CAChB,CAAC;AACN,CAAC,CAAC;AArBW,QAAA,MAAM,UAqBjB"}
|
|
@@ -5,22 +5,21 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.Ribbon = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const AnimWrap_1 = require("./styles/AnimWrap");
|
|
9
8
|
const Scene_1 = require("./styles/Scene");
|
|
10
9
|
const Face_1 = __importDefault(require("./Faces/Face"));
|
|
11
10
|
const Global_1 = require("./styles/Global");
|
|
11
|
+
const AnimFilter_1 = __importDefault(require("./styles/AnimFilter"));
|
|
12
12
|
const Ribbon = (props) => {
|
|
13
13
|
let { anim1Specs, anim2Specs, width = 5, height = 5, depth = 5, faces, global = {}, custom = {}, tranz = (+height / 2) | 0, perspective, perspectiveOrigin, zIndex } = props;
|
|
14
14
|
const buildFace = (faceType) => {
|
|
15
15
|
return react_1.default.createElement(Face_1.default, { width: width, height: height, depth: depth, faceType: faceType, id: faceType, tranz: tranz, global: global, custom: custom });
|
|
16
16
|
};
|
|
17
17
|
return (react_1.default.createElement(Scene_1.SceneStyle, { width: width, height: height, perspective: perspective, perspectiveOrigin: perspectiveOrigin, zIndex: zIndex },
|
|
18
|
-
react_1.default.createElement(
|
|
19
|
-
react_1.default.createElement(
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
!!faces && !!faces.top ? buildFace('topr') : null)))));
|
|
18
|
+
react_1.default.createElement(AnimFilter_1.default, { anim1Specs: anim1Specs, anim2Specs: anim2Specs },
|
|
19
|
+
react_1.default.createElement(Global_1.ObjWrapper, null,
|
|
20
|
+
!!faces && !!faces.bottom ? buildFace('bottom') : null,
|
|
21
|
+
!!faces && !!faces.back ? buildFace('back') : null,
|
|
22
|
+
!!faces && !!faces.top ? buildFace('topr') : null))));
|
|
24
23
|
};
|
|
25
24
|
exports.Ribbon = Ribbon;
|
|
26
25
|
//# sourceMappingURL=Ribbon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Ribbon.js","sourceRoot":"","sources":["../../../src/components/Ribbon.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,
|
|
1
|
+
{"version":3,"file":"Ribbon.js","sourceRoot":"","sources":["../../../src/components/Ribbon.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,0CAA4C;AAE5C,wDAAgC;AAChC,4CAA6C;AAC7C,qEAA6C;AAEtC,MAAM,MAAM,GAAG,CAAC,KAAe,EAAO,EAAE;IAC3C,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,EAAE,EAAE,MAAM,GAAG,EAAE,EAAE,KAAK,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAE7K,MAAM,SAAS,GAAG,CAAC,QAAa,EAAO,EAAE;QACrC,OAAO,8BAAC,cAAI,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;IAChJ,CAAC,CAAC;IAEF,OAAO,CACH,8BAAC,kBAAU,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM;QACpH,8BAAC,oBAAU,IAAC,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU;YACtD,8BAAC,mBAAU;gBACN,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI;gBACtD,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI;gBAClD,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CACzC,CACJ,CACJ,CAChB,CAAC;AACN,CAAC,CAAC;AAlBW,QAAA,MAAM,UAkBjB"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const react_1 = __importDefault(require("react"));
|
|
7
|
+
const AnimWrap_1 = require("./AnimWrap");
|
|
8
|
+
function AnimFilter(props) {
|
|
9
|
+
const { anim1Specs = false, anim2Specs = false, children = '' } = props;
|
|
10
|
+
return anim1Specs && anim2Specs ? (react_1.default.createElement(AnimWrap_1.AnimWrap, { animSpecs: anim1Specs },
|
|
11
|
+
react_1.default.createElement(AnimWrap_1.AnimWrap, { animSpecs: anim2Specs }, children))) : anim1Specs && !anim2Specs ? (react_1.default.createElement(AnimWrap_1.AnimWrap, { animSpecs: anim1Specs }, children)) : !anim1Specs && anim2Specs ? (react_1.default.createElement(AnimWrap_1.AnimWrap, { animSpecs: anim2Specs }, children)) : (react_1.default.createElement(react_1.default.Fragment, null, children));
|
|
12
|
+
}
|
|
13
|
+
exports.default = AnimFilter;
|
|
14
|
+
//# sourceMappingURL=AnimFilter.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AnimFilter.js","sourceRoot":"","sources":["../../../../src/components/styles/AnimFilter.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,yCAAsC;AAQtC,SAAwB,UAAU,CAAC,KAAsB;IACrD,MAAM,EAAE,UAAU,GAAG,KAAK,EAAE,UAAU,GAAG,KAAK,EAAE,QAAQ,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC;IAExE,OAAO,UAAU,IAAI,UAAU,CAAC,CAAC,CAAC,CAC9B,8BAAC,mBAAQ,IAAC,SAAS,EAAE,UAAU;QAC3B,8BAAC,mBAAQ,IAAC,SAAS,EAAE,UAAU,IAAG,QAAQ,CAAY,CAC/C,CACd,CAAC,CAAC,CAAC,UAAU,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAC5B,8BAAC,mBAAQ,IAAC,SAAS,EAAE,UAAU,IAAG,QAAQ,CAAY,CACzD,CAAC,CAAC,CAAC,CAAC,UAAU,IAAI,UAAU,CAAC,CAAC,CAAC,CAC5B,8BAAC,mBAAQ,IAAC,SAAS,EAAE,UAAU,IAAG,QAAQ,CAAY,CACzD,CAAC,CAAC,CAAC,CACA,8DAAG,QAAQ,CAAI,CAClB,CAAC;AACN,CAAC;AAdD,6BAcC"}
|
|
@@ -1,18 +1,17 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { AnimWrap } from './styles/AnimWrap';
|
|
3
2
|
import { SceneStyle } from './styles/Scene';
|
|
4
3
|
import Face from './Faces/Face';
|
|
5
4
|
import { ObjWrapper } from './styles/Global';
|
|
5
|
+
import AnimFilter from './styles/AnimFilter';
|
|
6
6
|
export const Card = (props) => {
|
|
7
7
|
let { anim1Specs, anim2Specs, width = 5, height = 5, faces, global = {}, custom = {}, tranz = (+height / 2) | 0, perspective, perspectiveOrigin, zIndex } = props;
|
|
8
8
|
const buildFace = (faceType) => {
|
|
9
9
|
return React.createElement(Face, { width: width, height: height, depth: 0.1, faceType: faceType, id: faceType, tranz: tranz, global: global, custom: custom });
|
|
10
10
|
};
|
|
11
11
|
return (React.createElement(SceneStyle, { width: width, height: height, perspective: perspective, perspectiveOrigin: perspectiveOrigin, zIndex: zIndex },
|
|
12
|
-
React.createElement(
|
|
13
|
-
React.createElement(
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
!!faces && !!faces.back ? buildFace('back') : null)))));
|
|
12
|
+
React.createElement(AnimFilter, { anim1Specs: anim1Specs, anim2Specs: anim2Specs },
|
|
13
|
+
React.createElement(ObjWrapper, null,
|
|
14
|
+
!!faces && !!faces.front ? buildFace('front') : null,
|
|
15
|
+
!!faces && !!faces.back ? buildFace('back') : null))));
|
|
17
16
|
};
|
|
18
17
|
//# sourceMappingURL=Card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,OAAO,IAAI,MAAM,cAAc,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,UAAU,MAAM,qBAAqB,CAAC;AAE7C,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAe,EAAO,EAAE;IACzC,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,EAAE,EAAE,MAAM,GAAG,EAAE,EAAE,KAAK,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAElK,MAAM,SAAS,GAAG,CAAC,QAAa,EAAO,EAAE;QACrC,OAAO,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;IAC9I,CAAC,CAAC;IAEF,OAAO,CACH,oBAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM;QACpH,oBAAC,UAAU,IAAC,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU;YACtD,oBAAC,UAAU;gBACN,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI;gBACpD,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAC1C,CACJ,CACJ,CAChB,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1,22 +1,21 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { AnimWrap } from './styles/AnimWrap';
|
|
3
2
|
import { SceneStyle } from './styles/Scene';
|
|
4
3
|
import Face from './Faces/Face';
|
|
5
4
|
import { ObjWrapper } from './styles/Global';
|
|
5
|
+
import AnimFilter from './styles/AnimFilter';
|
|
6
6
|
export const Cuboid = (props) => {
|
|
7
7
|
let { anim1Specs, anim2Specs, width = 5, height = 5, depth = 5, faces, global = {}, custom = {}, tranz = (+height / 2) | 0, perspective, perspectiveOrigin, zIndex } = props;
|
|
8
8
|
const buildFace = (faceType) => {
|
|
9
9
|
return React.createElement(Face, { width: width, height: height, depth: depth, faceType: faceType, id: faceType, tranz: tranz, global: global, custom: custom });
|
|
10
10
|
};
|
|
11
11
|
return (React.createElement(SceneStyle, { width: width, height: height, perspective: perspective, perspectiveOrigin: perspectiveOrigin, zIndex: zIndex },
|
|
12
|
-
React.createElement(
|
|
13
|
-
React.createElement(
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
!!faces && !!faces.bottom ? buildFace('bottom') : null)))));
|
|
12
|
+
React.createElement(AnimFilter, { anim1Specs: anim1Specs, anim2Specs: anim2Specs },
|
|
13
|
+
React.createElement(ObjWrapper, null,
|
|
14
|
+
!!faces && !!faces.front ? buildFace('front') : null,
|
|
15
|
+
!!faces && !!faces.right ? buildFace('right') : null,
|
|
16
|
+
!!faces && !!faces.back ? buildFace('back') : null,
|
|
17
|
+
!!faces && !!faces.left ? buildFace('left') : null,
|
|
18
|
+
!!faces && !!faces.top ? buildFace('top') : null,
|
|
19
|
+
!!faces && !!faces.bottom ? buildFace('bottom') : null))));
|
|
21
20
|
};
|
|
22
21
|
//# sourceMappingURL=Cuboid.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Cuboid.js","sourceRoot":"","sources":["../../../src/components/Cuboid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Cuboid.js","sourceRoot":"","sources":["../../../src/components/Cuboid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,OAAO,IAAI,MAAM,cAAc,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,UAAU,MAAM,qBAAqB,CAAC;AAE7C,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAe,EAAO,EAAE;IAC3C,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,EAAE,EAAE,MAAM,GAAG,EAAE,EAAE,KAAK,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAE7K,MAAM,SAAS,GAAG,CAAC,QAAa,EAAO,EAAE;QACrC,OAAO,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;IAChJ,CAAC,CAAC;IAEF,OAAO,CACH,oBAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM;QACpH,oBAAC,UAAU,IAAC,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU;YACtD,oBAAC,UAAU;gBACN,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI;gBACpD,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI;gBACpD,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI;gBAClD,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI;gBAClD,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI;gBAChD,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAC9C,CACJ,CACJ,CAChB,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1,19 +1,18 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { AnimWrap } from './styles/AnimWrap';
|
|
3
2
|
import { SceneStyle } from './styles/Scene';
|
|
4
3
|
import Face from './Faces/Face';
|
|
5
4
|
import { ObjWrapper } from './styles/Global';
|
|
5
|
+
import AnimFilter from './styles/AnimFilter';
|
|
6
6
|
export const Ribbon = (props) => {
|
|
7
7
|
let { anim1Specs, anim2Specs, width = 5, height = 5, depth = 5, faces, global = {}, custom = {}, tranz = (+height / 2) | 0, perspective, perspectiveOrigin, zIndex } = props;
|
|
8
8
|
const buildFace = (faceType) => {
|
|
9
9
|
return React.createElement(Face, { width: width, height: height, depth: depth, faceType: faceType, id: faceType, tranz: tranz, global: global, custom: custom });
|
|
10
10
|
};
|
|
11
11
|
return (React.createElement(SceneStyle, { width: width, height: height, perspective: perspective, perspectiveOrigin: perspectiveOrigin, zIndex: zIndex },
|
|
12
|
-
React.createElement(
|
|
13
|
-
React.createElement(
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
!!faces && !!faces.top ? buildFace('topr') : null)))));
|
|
12
|
+
React.createElement(AnimFilter, { anim1Specs: anim1Specs, anim2Specs: anim2Specs },
|
|
13
|
+
React.createElement(ObjWrapper, null,
|
|
14
|
+
!!faces && !!faces.bottom ? buildFace('bottom') : null,
|
|
15
|
+
!!faces && !!faces.back ? buildFace('back') : null,
|
|
16
|
+
!!faces && !!faces.top ? buildFace('topr') : null))));
|
|
18
17
|
};
|
|
19
18
|
//# sourceMappingURL=Ribbon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Ribbon.js","sourceRoot":"","sources":["../../../src/components/Ribbon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Ribbon.js","sourceRoot":"","sources":["../../../src/components/Ribbon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,OAAO,IAAI,MAAM,cAAc,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,UAAU,MAAM,qBAAqB,CAAC;AAE7C,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAe,EAAO,EAAE;IAC3C,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,EAAE,EAAE,MAAM,GAAG,EAAE,EAAE,KAAK,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAE7K,MAAM,SAAS,GAAG,CAAC,QAAa,EAAO,EAAE;QACrC,OAAO,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;IAChJ,CAAC,CAAC;IAEF,OAAO,CACH,oBAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM;QACpH,oBAAC,UAAU,IAAC,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU;YACtD,oBAAC,UAAU;gBACN,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI;gBACtD,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI;gBAClD,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CACzC,CACJ,CACJ,CAChB,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { AnimWrap } from './AnimWrap';
|
|
3
|
+
export default function AnimFilter(props) {
|
|
4
|
+
const { anim1Specs = false, anim2Specs = false, children = '' } = props;
|
|
5
|
+
return anim1Specs && anim2Specs ? (React.createElement(AnimWrap, { animSpecs: anim1Specs },
|
|
6
|
+
React.createElement(AnimWrap, { animSpecs: anim2Specs }, children))) : anim1Specs && !anim2Specs ? (React.createElement(AnimWrap, { animSpecs: anim1Specs }, children)) : !anim1Specs && anim2Specs ? (React.createElement(AnimWrap, { animSpecs: anim2Specs }, children)) : (React.createElement(React.Fragment, null, children));
|
|
7
|
+
}
|
|
8
|
+
//# sourceMappingURL=AnimFilter.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AnimFilter.js","sourceRoot":"","sources":["../../../../src/components/styles/AnimFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAQtC,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAsB;IACrD,MAAM,EAAE,UAAU,GAAG,KAAK,EAAE,UAAU,GAAG,KAAK,EAAE,QAAQ,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC;IAExE,OAAO,UAAU,IAAI,UAAU,CAAC,CAAC,CAAC,CAC9B,oBAAC,QAAQ,IAAC,SAAS,EAAE,UAAU;QAC3B,oBAAC,QAAQ,IAAC,SAAS,EAAE,UAAU,IAAG,QAAQ,CAAY,CAC/C,CACd,CAAC,CAAC,CAAC,UAAU,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAC5B,oBAAC,QAAQ,IAAC,SAAS,EAAE,UAAU,IAAG,QAAQ,CAAY,CACzD,CAAC,CAAC,CAAC,CAAC,UAAU,IAAI,UAAU,CAAC,CAAC,CAAC,CAC5B,oBAAC,QAAQ,IAAC,SAAS,EAAE,UAAU,IAAG,QAAQ,CAAY,CACzD,CAAC,CAAC,CAAC,CACA,0CAAG,QAAQ,CAAI,CAClB,CAAC;AACN,CAAC"}
|
package/package.json
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
"url": "https://github.com/mdnelles/anim-3d-objs",
|
|
6
6
|
"homepage": "https://github.com/mdnelles/anim-3d-objs/blob/main/README.md"
|
|
7
7
|
},
|
|
8
|
-
"version": "1.1.
|
|
8
|
+
"version": "1.1.33",
|
|
9
9
|
"description": "A component library for getting people started with easy to re-use components for everyday projects.",
|
|
10
10
|
"main": "dist/cjs/index.js",
|
|
11
11
|
"module": "dist/esm/index.js",
|