anim-3d-obj 1.1.2 → 1.1.5

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.
@@ -0,0 +1,2 @@
1
+ import { ObjProps } from './Faces/FaceInter';
2
+ export declare const Card: (props: ObjProps) => any;
@@ -0,0 +1,25 @@
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
+ exports.Card = void 0;
7
+ const react_1 = __importDefault(require("react"));
8
+ const AnimWrap_1 = require("./styles/AnimWrap");
9
+ const Scene_1 = require("./styles/Scene");
10
+ const Face_1 = __importDefault(require("./Faces/Face"));
11
+ const Global_1 = require("./styles/Global");
12
+ const Card = (props) => {
13
+ let { animSpecs = {}, width = 5, height = 5, faces, global = {}, custom = {}, tranz = (+height / 2) | 0, perspective, perspectiveOrigin, zIndex } = props;
14
+ const buildFace = (faceType) => {
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
+ };
17
+ return (react_1.default.createElement(Scene_1.SceneStyle, { width: width, height: height, perspective: perspective, perspectiveOrigin: perspectiveOrigin, zIndex: zIndex },
18
+ react_1.default.createElement(AnimWrap_1.AnimWrap, { duration: animSpecs.anim1duration, iterationCount: animSpecs.anim1count, animName: animSpecs.anim1, animLow: animSpecs.anim1low, animHi: animSpecs.anim1hi, animDirection: animSpecs.anim1direction },
19
+ react_1.default.createElement(AnimWrap_1.AnimWrap, { duration: animSpecs.anim2duration, iterationCount: animSpecs.anim2count, animName: animSpecs.anim2, animLow: animSpecs.anim2low, animHi: animSpecs.anim2hi, animDirection: animSpecs.anim2direction },
20
+ react_1.default.createElement(Global_1.ObjWrapper, null,
21
+ !!faces && !!faces.front ? buildFace('front') : null,
22
+ !!faces && !!faces.back ? buildFace('back') : null)))));
23
+ };
24
+ exports.Card = Card;
25
+ //# sourceMappingURL=Card.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,gDAA6C;AAC7C,0CAA4C;AAE5C,wDAAgC;AAChC,4CAA6C;AAEtC,MAAM,IAAI,GAAG,CAAC,KAAe,EAAO,EAAE;IACzC,IAAI,EAAE,SAAS,GAAG,EAAE,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;IAE1J,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,mBAAQ,IACL,QAAQ,EAAE,SAAS,CAAC,aAAa,EACjC,cAAc,EAAE,SAAS,CAAC,UAAU,EACpC,QAAQ,EAAE,SAAS,CAAC,KAAK,EACzB,OAAO,EAAE,SAAS,CAAC,QAAQ,EAC3B,MAAM,EAAE,SAAS,CAAC,OAAO,EACzB,aAAa,EAAE,SAAS,CAAC,cAAc;YAEvC,8BAAC,mBAAQ,IACL,QAAQ,EAAE,SAAS,CAAC,aAAa,EACjC,cAAc,EAAE,SAAS,CAAC,UAAU,EACpC,QAAQ,EAAE,SAAS,CAAC,KAAK,EACzB,OAAO,EAAE,SAAS,CAAC,QAAQ,EAC3B,MAAM,EAAE,SAAS,CAAC,OAAO,EACzB,aAAa,EAAE,SAAS,CAAC,cAAc;gBAEvC,8BAAC,mBAAU;oBACN,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI;oBACpD,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAC1C,CACN,CACJ,CACF,CAChB,CAAC;AACN,CAAC,CAAC;AAjCW,QAAA,IAAI,QAiCf"}
@@ -1,2 +1,2 @@
1
- import { CuboidProps } from './Faces/FaceInter';
2
- export declare const Cuboid: (props: CuboidProps) => any;
1
+ import { ObjProps } from './Faces/FaceInter';
2
+ export declare const Cuboid: (props: ObjProps) => any;
@@ -4,17 +4,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.Cuboid = void 0;
7
- const styled_components_1 = __importDefault(require("styled-components"));
8
7
  const react_1 = __importDefault(require("react"));
9
8
  const AnimWrap_1 = require("./styles/AnimWrap");
10
9
  const Scene_1 = require("./styles/Scene");
11
10
  const Face_1 = __importDefault(require("./Faces/Face"));
12
- const CuboidWrapper = styled_components_1.default.div `
13
- width: 100%;
14
- height: 100%;
15
- position: relative;
16
- transform-style: preserve-3d;
17
- `;
11
+ const Global_1 = require("./styles/Global");
18
12
  const Cuboid = (props) => {
19
13
  let { animSpecs = {}, width = 5, height = 5, depth = 5, faces, global = {}, custom = {}, tranz = (+height / 2) | 0, perspective, perspectiveOrigin, zIndex } = props;
20
14
  const buildFace = (faceType) => {
@@ -23,7 +17,7 @@ const Cuboid = (props) => {
23
17
  return (react_1.default.createElement(Scene_1.SceneStyle, { width: width, height: height, perspective: perspective, perspectiveOrigin: perspectiveOrigin, zIndex: zIndex },
24
18
  react_1.default.createElement(AnimWrap_1.AnimWrap, { duration: animSpecs.anim1duration, iterationCount: animSpecs.anim1count, animName: animSpecs.anim1, animLow: animSpecs.anim1low, animHi: animSpecs.anim1hi, animDirection: animSpecs.anim1direction },
25
19
  react_1.default.createElement(AnimWrap_1.AnimWrap, { duration: animSpecs.anim2duration, iterationCount: animSpecs.anim2count, animName: animSpecs.anim2, animLow: animSpecs.anim2low, animHi: animSpecs.anim2hi, animDirection: animSpecs.anim2direction },
26
- react_1.default.createElement(CuboidWrapper, null,
20
+ react_1.default.createElement(Global_1.ObjWrapper, null,
27
21
  !!faces && !!faces.front ? buildFace('front') : null,
28
22
  !!faces && !!faces.right ? buildFace('right') : null,
29
23
  !!faces && !!faces.back ? buildFace('back') : null,
@@ -1 +1 @@
1
- {"version":3,"file":"Cuboid.js","sourceRoot":"","sources":["../../../src/components/Cuboid.tsx"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AACvC,kDAA0B;AAC1B,gDAA6C;AAC7C,0CAA4C;AAE5C,wDAAgC;AAEhC,MAAM,aAAa,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;CAK/B,CAAC;AAEK,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAO,EAAE;IAC9C,IAAI,EAAE,SAAS,GAAG,EAAE,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;IAErK,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,mBAAQ,IACL,QAAQ,EAAE,SAAS,CAAC,aAAa,EACjC,cAAc,EAAE,SAAS,CAAC,UAAU,EACpC,QAAQ,EAAE,SAAS,CAAC,KAAK,EACzB,OAAO,EAAE,SAAS,CAAC,QAAQ,EAC3B,MAAM,EAAE,SAAS,CAAC,OAAO,EACzB,aAAa,EAAE,SAAS,CAAC,cAAc;YAEvC,8BAAC,mBAAQ,IACL,QAAQ,EAAE,SAAS,CAAC,aAAa,EACjC,cAAc,EAAE,SAAS,CAAC,UAAU,EACpC,QAAQ,EAAE,SAAS,CAAC,KAAK,EACzB,OAAO,EAAE,SAAS,CAAC,QAAQ,EAC3B,MAAM,EAAE,SAAS,CAAC,OAAO,EACzB,aAAa,EAAE,SAAS,CAAC,cAAc;gBAEvC,8BAAC,aAAa;oBACT,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI;oBACpD,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI;oBACpD,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI;oBAClD,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI;oBAClD,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI;oBAChD,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAC3C,CACT,CACJ,CACF,CAChB,CAAC;AACN,CAAC,CAAC;AArCW,QAAA,MAAM,UAqCjB"}
1
+ {"version":3,"file":"Cuboid.js","sourceRoot":"","sources":["../../../src/components/Cuboid.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,gDAA6C;AAC7C,0CAA4C;AAE5C,wDAAgC;AAChC,4CAA6C;AAEtC,MAAM,MAAM,GAAG,CAAC,KAAe,EAAO,EAAE;IAC3C,IAAI,EAAE,SAAS,GAAG,EAAE,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;IAErK,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,mBAAQ,IACL,QAAQ,EAAE,SAAS,CAAC,aAAa,EACjC,cAAc,EAAE,SAAS,CAAC,UAAU,EACpC,QAAQ,EAAE,SAAS,CAAC,KAAK,EACzB,OAAO,EAAE,SAAS,CAAC,QAAQ,EAC3B,MAAM,EAAE,SAAS,CAAC,OAAO,EACzB,aAAa,EAAE,SAAS,CAAC,cAAc;YAEvC,8BAAC,mBAAQ,IACL,QAAQ,EAAE,SAAS,CAAC,aAAa,EACjC,cAAc,EAAE,SAAS,CAAC,UAAU,EACpC,QAAQ,EAAE,SAAS,CAAC,KAAK,EACzB,OAAO,EAAE,SAAS,CAAC,QAAQ,EAC3B,MAAM,EAAE,SAAS,CAAC,OAAO,EACzB,aAAa,EAAE,SAAS,CAAC,cAAc;gBAEvC,8BAAC,mBAAU;oBACN,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI;oBACpD,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI;oBACpD,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI;oBAClD,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI;oBAClD,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI;oBAChD,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAC9C,CACN,CACJ,CACF,CAChB,CAAC;AACN,CAAC,CAAC;AArCW,QAAA,MAAM,UAqCjB"}
@@ -1 +1,2 @@
1
1
  export * from './Cuboid';
2
+ export * from './Card';
@@ -15,4 +15,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
15
15
  };
16
16
  Object.defineProperty(exports, "__esModule", { value: true });
17
17
  __exportStar(require("./Cuboid"), exports);
18
+ __exportStar(require("./Card"), exports);
18
19
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB;AACzB,yCAAuB"}
@@ -0,0 +1 @@
1
+ export declare const ObjWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -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
+ exports.ObjWrapper = void 0;
7
+ const styled_components_1 = __importDefault(require("styled-components"));
8
+ exports.ObjWrapper = styled_components_1.default.div `
9
+ width: 100%;
10
+ height: 100%;
11
+ position: relative;
12
+ transform-style: preserve-3d;
13
+ `;
14
+ //# sourceMappingURL=Global.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Global.js","sourceRoot":"","sources":["../../../../src/components/styles/Global.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAC1B,QAAA,UAAU,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;CAKnC,CAAC"}
@@ -0,0 +1,2 @@
1
+ import { ObjProps } from './Faces/FaceInter';
2
+ export declare const Card: (props: ObjProps) => any;
@@ -0,0 +1,18 @@
1
+ import React from 'react';
2
+ import { AnimWrap } from './styles/AnimWrap';
3
+ import { SceneStyle } from './styles/Scene';
4
+ import Face from './Faces/Face';
5
+ import { ObjWrapper } from './styles/Global';
6
+ export const Card = (props) => {
7
+ let { animSpecs = {}, width = 5, height = 5, faces, global = {}, custom = {}, tranz = (+height / 2) | 0, perspective, perspectiveOrigin, zIndex } = props;
8
+ const buildFace = (faceType) => {
9
+ return React.createElement(Face, { width: width, height: height, depth: 0.1, faceType: faceType, id: faceType, tranz: tranz, global: global, custom: custom });
10
+ };
11
+ return (React.createElement(SceneStyle, { width: width, height: height, perspective: perspective, perspectiveOrigin: perspectiveOrigin, zIndex: zIndex },
12
+ React.createElement(AnimWrap, { duration: animSpecs.anim1duration, iterationCount: animSpecs.anim1count, animName: animSpecs.anim1, animLow: animSpecs.anim1low, animHi: animSpecs.anim1hi, animDirection: animSpecs.anim1direction },
13
+ React.createElement(AnimWrap, { duration: animSpecs.anim2duration, iterationCount: animSpecs.anim2count, animName: animSpecs.anim2, animLow: animSpecs.anim2low, animHi: animSpecs.anim2hi, animDirection: animSpecs.anim2direction },
14
+ React.createElement(ObjWrapper, null,
15
+ !!faces && !!faces.front ? buildFace('front') : null,
16
+ !!faces && !!faces.back ? buildFace('back') : null)))));
17
+ };
18
+ //# sourceMappingURL=Card.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,OAAO,IAAI,MAAM,cAAc,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAe,EAAO,EAAE;IACzC,IAAI,EAAE,SAAS,GAAG,EAAE,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;IAE1J,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,QAAQ,IACL,QAAQ,EAAE,SAAS,CAAC,aAAa,EACjC,cAAc,EAAE,SAAS,CAAC,UAAU,EACpC,QAAQ,EAAE,SAAS,CAAC,KAAK,EACzB,OAAO,EAAE,SAAS,CAAC,QAAQ,EAC3B,MAAM,EAAE,SAAS,CAAC,OAAO,EACzB,aAAa,EAAE,SAAS,CAAC,cAAc;YAEvC,oBAAC,QAAQ,IACL,QAAQ,EAAE,SAAS,CAAC,aAAa,EACjC,cAAc,EAAE,SAAS,CAAC,UAAU,EACpC,QAAQ,EAAE,SAAS,CAAC,KAAK,EACzB,OAAO,EAAE,SAAS,CAAC,QAAQ,EAC3B,MAAM,EAAE,SAAS,CAAC,OAAO,EACzB,aAAa,EAAE,SAAS,CAAC,cAAc;gBAEvC,oBAAC,UAAU;oBACN,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI;oBACpD,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAC1C,CACN,CACJ,CACF,CAChB,CAAC;AACN,CAAC,CAAC"}
@@ -1,2 +1,2 @@
1
- import { CuboidProps } from './Faces/FaceInter';
2
- export declare const Cuboid: (props: CuboidProps) => any;
1
+ import { ObjProps } from './Faces/FaceInter';
2
+ export declare const Cuboid: (props: ObjProps) => any;
@@ -1,14 +1,8 @@
1
- import styled from 'styled-components';
2
1
  import React from 'react';
3
2
  import { AnimWrap } from './styles/AnimWrap';
4
3
  import { SceneStyle } from './styles/Scene';
5
4
  import Face from './Faces/Face';
6
- const CuboidWrapper = styled.div `
7
- width: 100%;
8
- height: 100%;
9
- position: relative;
10
- transform-style: preserve-3d;
11
- `;
5
+ import { ObjWrapper } from './styles/Global';
12
6
  export const Cuboid = (props) => {
13
7
  let { animSpecs = {}, width = 5, height = 5, depth = 5, faces, global = {}, custom = {}, tranz = (+height / 2) | 0, perspective, perspectiveOrigin, zIndex } = props;
14
8
  const buildFace = (faceType) => {
@@ -17,7 +11,7 @@ export const Cuboid = (props) => {
17
11
  return (React.createElement(SceneStyle, { width: width, height: height, perspective: perspective, perspectiveOrigin: perspectiveOrigin, zIndex: zIndex },
18
12
  React.createElement(AnimWrap, { duration: animSpecs.anim1duration, iterationCount: animSpecs.anim1count, animName: animSpecs.anim1, animLow: animSpecs.anim1low, animHi: animSpecs.anim1hi, animDirection: animSpecs.anim1direction },
19
13
  React.createElement(AnimWrap, { duration: animSpecs.anim2duration, iterationCount: animSpecs.anim2count, animName: animSpecs.anim2, animLow: animSpecs.anim2low, animHi: animSpecs.anim2hi, animDirection: animSpecs.anim2direction },
20
- React.createElement(CuboidWrapper, null,
14
+ React.createElement(ObjWrapper, null,
21
15
  !!faces && !!faces.front ? buildFace('front') : null,
22
16
  !!faces && !!faces.right ? buildFace('right') : null,
23
17
  !!faces && !!faces.back ? buildFace('back') : null,
@@ -1 +1 @@
1
- {"version":3,"file":"Cuboid.js","sourceRoot":"","sources":["../../../src/components/Cuboid.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Cuboid.js","sourceRoot":"","sources":["../../../src/components/Cuboid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,OAAO,IAAI,MAAM,cAAc,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAe,EAAO,EAAE;IAC3C,IAAI,EAAE,SAAS,GAAG,EAAE,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;IAErK,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,QAAQ,IACL,QAAQ,EAAE,SAAS,CAAC,aAAa,EACjC,cAAc,EAAE,SAAS,CAAC,UAAU,EACpC,QAAQ,EAAE,SAAS,CAAC,KAAK,EACzB,OAAO,EAAE,SAAS,CAAC,QAAQ,EAC3B,MAAM,EAAE,SAAS,CAAC,OAAO,EACzB,aAAa,EAAE,SAAS,CAAC,cAAc;YAEvC,oBAAC,QAAQ,IACL,QAAQ,EAAE,SAAS,CAAC,aAAa,EACjC,cAAc,EAAE,SAAS,CAAC,UAAU,EACpC,QAAQ,EAAE,SAAS,CAAC,KAAK,EACzB,OAAO,EAAE,SAAS,CAAC,QAAQ,EAC3B,MAAM,EAAE,SAAS,CAAC,OAAO,EACzB,aAAa,EAAE,SAAS,CAAC,cAAc;gBAEvC,oBAAC,UAAU;oBACN,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI;oBACpD,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI;oBACpD,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI;oBAClD,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI;oBAClD,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI;oBAChD,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAC9C,CACN,CACJ,CACF,CAChB,CAAC;AACN,CAAC,CAAC"}
@@ -1 +1,2 @@
1
1
  export * from './Cuboid';
2
+ export * from './Card';
@@ -1,2 +1,3 @@
1
1
  export * from './Cuboid';
2
+ export * from './Card';
2
3
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC"}
@@ -0,0 +1 @@
1
+ export declare const ObjWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -0,0 +1,8 @@
1
+ import styled from 'styled-components';
2
+ export const ObjWrapper = styled.div `
3
+ width: 100%;
4
+ height: 100%;
5
+ position: relative;
6
+ transform-style: preserve-3d;
7
+ `;
8
+ //# sourceMappingURL=Global.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Global.js","sourceRoot":"","sources":["../../../../src/components/styles/Global.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAKnC,CAAC"}
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "url": "https://github.com/mdnelles/Component-Libraryt"
6
6
  },
7
7
  "homepage": "https://github.com/mdnelles/anim-3d-objs-launchers",
8
- "version": "1.1.2",
8
+ "version": "1.1.5",
9
9
  "description": "React library for creating 3D objects on the fly. Also these objects can be animated",
10
10
  "main": "dist/cjs/index.js",
11
11
  "module": "dist/esm/index.js",