anim-3d-obj 1.1.35 → 1.1.36

package/README.md

@@ -1,59 +1,154 @@
-# React Typescript Cuboid Builder
-
-This project allows a user to create Cuboids of any size simply by entering a set of parameters.  
-The program does the leg work with regard to calculating translationZ depth and config on the fly.
-
-## Examples
-
--   [6 sided Cuboid - animate X360 Y360](https://codesandbox.io/s/anim-3d-obj-all-sides-simple-bf67yg-tzr2v6)
--   [3 sided Object - animate y-axis](https://codesandbox.io/s/anim-3d-obj-3-sides-wobble-y-axis-wglkms)
--   [Double box spin](https://codesandbox.io/s/react-anim-3d-double-box-spin-vbdhg2)
--   [2 sided object with animation wobble](https://codesandbox.io/s/anim-3d-obj-2-sided-anim-wobble-e14v3b)
--   [Parallel divs animated x and y axis in tandem](https://codesandbox.io/s/anim-3d-obj-2-sides-simple-4057y7)
--   [Spinning Slab](https://codesandbox.io/s/react-anim-3d-pulse-kc8g0f)
--   [Double animation] (https://codesandbox.io/s/react-anim-3d-double-animation-kexyzk)
-
-## Config
-
-Animations are optional. Either or both of `anim1Specs` or `anim2Specs` can be applied to the object. Both could be used if you want to apply animations on the X and Y axis.
-
-```typescript
-const anim1Specs: object = {
-    border: '', // while testing reveal the animation wrapper
-    degreesHi: -45, // degrees if spin
-    degreesLow: 45, // degrees if spin
-    delay: 0, // start delay in seconds
-    direction: 'normal', //normal alternating reverse
-    duration: 8, // seconds
-    fillMode: 'forwards', // none|forwards|backwards|both|initial|inherit;
-    iterationCount: 'infinite', // number or infinte
-    name: 'Y360', // ** ANIMATIONS
-    timing: 'ease-in-out' // linear ease ease-in-out
-};
-```
-
-`** ANIMATIONS`
-
--   X360: rotate 360 degrees on the x-axis
--   Y360: rotate 360 degrees on the y-axis
--   fadeInkf: fade object in from 0 to 1 Opacity
--   wobY: wobble on y-axis (degreesHi <-> degreesLow)
--   wobX: wobble on x-axis (degreesHi <-> degreesLow)
--   fwdx018: spin object on x-axis from 0 degrees to 180 degrees
--   fwdx1836: spin object on x-axis from 180 degrees to 360 degrees
--   fwdx09: spin object on x-axis from 0 degrees to 90 degrees
--   fwdx918: spin object on x-axis from 90 degrees to 180 degrees
--   fwdx1827: spin object on x-axis from 180 degrees to 270 degrees
--   fwdx2736: spin object on x-axis from 270 degrees to 360 degrees
--   fwdy018: spin object on y-axis from 0 degrees to 180 degrees
--   fwdy1836: spin object on y-axis from 180 degrees to 360 degrees
--   fwdy09: spin object on y-axis from 0 degrees to 90 degrees
--   fwdy918: spin object on y-axis from 90 degrees to 180 degrees
--   fwdy1827: spin object on y-axis from 180 degrees to 270 degrees
--   fwdy2736: spin object on y-axis from 270 degrees to 360 degrees
--   floatX: float object so is not stationary
--   floatShadow: float object + add shadow
--   pulseSM: pulse object Small
--   pulseMD: pulse object Medium
--   pulseLG: pulse object Large
--   noAnim: no animation place holder
+# React Typescript Cuboid Builder
+
+This project allows a user to create Cuboids of any size simply by entering a set of parameters.  
+The program does the leg work with regard to calculating translationZ depth and config on the fly.
+
+-  [GIT HOME](https://github.com/mdnelles/anim-3d-objs-launcher)
+-  [NPM HOME](https://www.npmjs.com/package/anim-3d-obj) npm i anim-3d-obj
+
+## Examples
+
+-  [6 sided Cuboid - animate X360 Y360](https://codesandbox.io/s/anim-3d-obj-all-sides-simple-bf67yg)
+-  [3 sided Object - animate y-axis](https://codesandbox.io/s/anim-3d-obj-3-sides-wobble-y-axis-wglkms)
+-  [Double box spin](https://codesandbox.io/s/react-anim-3d-double-box-spin-vbdhg2)
+-  [2 sided object with animation wobble](https://codesandbox.io/s/anim-3d-obj-wobblex-mmidkg)
+-  [Parallel divs animated x and y axis in tandem](https://codesandbox.io/s/anim-3d-obj-2-sides-simple-4057y7)
+-  [Spinning Slab](https://codesandbox.io/s/react-anim-3d-pulse-kc8g0f)
+
+## Config
+
+Animations are optional. Either or both of `anim1Specs` or `anim2Specs` can be applied to the object.
+
+```typescript
+const anim1Specs: object = {
+   border: "", // while testing reveal the animation wrapper
+   degreesHi: -45, // degrees if spin
+   degreesLow: 45, // degrees if spin
+   delay: 0, // start delay in seconds
+   direction: "normal", //normal alternating reverse
+   duration: 8, // seconds
+   fillMode: "forward", // node forward backward both
+   iterationCount: "infinite", // number or infinte
+   name: "Y360", // ** ANIMATIONS
+   timing: "ease-in-out", // linear ease ease-in-out
+};
+```
+
+`** ANIMATIONS`
+
+-  X360: rotate 360 degrees on the x-axis
+-  Y360: rotate 360 degrees on the y-axis
+-  fadeInkf: fade object in from 0 to 1 Opacity
+-  wobY: wobble on y-axis (degreesHi <-> degreesLow)
+-  wobX: wobble on x-axis (degreesHi <-> degreesLow)
+-  fwdx018: spin object on x-axis from 0 degrees to 180 degrees
+-  fwdx1836: spin object on x-axis from 180 degrees to 360 degrees
+-  fwdx09: spin object on x-axis from 0 degrees to 90 degrees
+-  fwdx918: spin object on x-axis from 90 degrees to 180 degrees
+-  fwdx1827: spin object on x-axis from 180 degrees to 270 degrees
+-  fwdx2736: spin object on x-axis from 270 degrees to 360 degrees
+-  fwdy018: spin object on y-axis from 0 degrees to 180 degrees
+-  fwdy1836: spin object on y-axis from 180 degrees to 360 degrees
+-  fwdy09: spin object on y-axis from 0 degrees to 90 degrees
+-  fwdy918: spin object on y-axis from 90 degrees to 180 degrees
+-  fwdy1827: spin object on y-axis from 180 degrees to 270 degrees
+-  fwdy2736: spin object on y-axis from 270 degrees to 360 degrees
+-  floatX: float object so is not stationary
+-  floatShadow: float object + add shadow
+-  pulseSM: pulse object Small
+-  pulseMD: pulse object Medium
+-  pulseLG: pulse object Large
+-  noAnim: no animation place holder
+
+<>
+
+GLOBAL CONFIG
+
+```typescript
+// EXAMPLE GLOBAL FACE CONFIG
+// This will be applied to all Faces that do not have their own custom config
+const global: object = {
+   // // face individual styles (over rides global)
+   css: `
+         border: 1px solid #fff;
+         background: rgb(2,0,36);
+         background: linear-gradient(180deg, rgba(255,255,255,.1) 0%, rgba(141,191,249,.7) 100%);
+         color:white;
+         text-align:center;
+         line-height:10;
+         backface-visibility: visible;
+         font-family: Arial, Helvetica, sans-serif;
+         border-radius:5px;
+         `,
+   body: " ",
+};
+```
+
+<>
+
+CUSTOM CONFIG FOR INDIVIDUAL FACES
+
+```typescript
+const custom: object = {
+      // // face individual styles (over rides global)
+      front: {
+         css: ``,
+         body: <Login />,
+      },
+      left: {
+         css: `
+         border: 1px solid #fff;
+         background: rgb(2,0,36);
+         color:white;
+         text-align: center;
+         line-height:8;`
+         body: " ",
+      },
+      right: {
+         css: ``,
+         body: " ",
+      },
+      back: {
+         css: ``,
+         body: <Logout />,
+      },
+      bottom: {
+         css: `
+         background-color:rgba(141,191,249,1);
+         -webkit-box-shadow: 0px 0px 23px 18px #858585;
+         box-shadow: 0px 0px 23px 18px #858585;
+         `,
+      },
+```
+
+## Render
+
+and
+
+```typescript
+<Cuboid
+   width={250}
+   height={300}
+   depth={250}
+   perspective={800}
+   perspectiveOrigin='50% 50%'
+   zIndex={10}
+   anim1Specs={anim1Specs}
+   anim2Specs={anim2Specs}
+   custom={custom}
+   faces={faceprops}
+   global={global}
+/>
+```
+
+will produce the following
+
+![Logo](https://raw.githubusercontent.com/mdnelles/objs-local/main/img.png?token=GHSAT0AAAAAABQVNJ4VATWQM4SI3LXSTDZWYVDOL7Q)
+
+## Authors
+
+-  [@mdnelles](https://github.com/mdnelles)
+
+## License
+
+[MIT](https://choosealicense.com/licenses/mit/)

package/dist/esm/components/Button.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 export interface IButtonProps extends React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
     backgroundColor?: string;
     color?: string;

package/dist/esm/components/Button.js

@@ -1,4 +1,5 @@
-import React from 'react';
+// not in the ecosystem
+import React from "react";
 export const Button = (props) => {
     const { children, backgroundColor, color, style } = props;
     let _style = style || {};

package/dist/esm/components/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,CAAC,MAAM,MAAM,GAA0C,CAAC,KAAK,EAAE,EAAE;IACnE,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAE1D,IAAI,MAAM,GAAwB,KAAK,IAAI,EAAE,CAAC;IAE9C,wBAAwB;IACxB,IAAI,eAAe,IAAI,MAAM;QAAE,MAAM,CAAC,eAAe,GAAG,eAAe,CAAC;IACxE,IAAI,KAAK,IAAI,MAAM;QAAE,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;IAE1C,OAAO,CACH,8CAAQ,KAAK,EAAE,MAAM,IAAM,KAAK,GAC3B,QAAQ,CACJ,CACZ,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":"AAAA,uBAAuB;AACvB,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,MAAM,CAAC,MAAM,MAAM,GAA0C,CAAC,KAAK,EAAE,EAAE;IACrE,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAE1D,IAAI,MAAM,GAAwB,KAAK,IAAI,EAAE,CAAC;IAE9C,wBAAwB;IACxB,IAAI,eAAe,IAAI,MAAM;QAAE,MAAM,CAAC,eAAe,GAAG,eAAe,CAAC;IACxE,IAAI,KAAK,IAAI,MAAM;QAAE,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;IAE1C,OAAO,CACL,8CAAQ,KAAK,EAAE,MAAM,IAAM,KAAK,GAC7B,QAAQ,CACF,CACV,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/Card.d.ts

@@ -1,2 +1,2 @@
-import { ObjProps } from './Faces/FaceInter';
+import { ObjProps } from "./Face/face";
 export declare const Card: (props: ObjProps) => any;

package/dist/esm/components/Card.js

@@ -1,17 +1,18 @@
-import React from 'react';
-import { SceneStyle } from './styles/Scene';
-import Face from './Faces/Face';
-import { ObjWrapper } from './styles/Global';
-import AnimFilter from './styles/AnimFilter';
+import React from "react";
+import { AnimWrap } from "./styles/AnimWrap";
+import { SceneStyle } from "./styles/Scene";
+import Face from "./Face";
+import { ObjWrapper } from "./styles/Global";
 export const Card = (props) => {
-    let { anim1Specs, anim2Specs, width = 5, height = 5, faces, global = {}, custom = {}, tranz = (+height / 2) | 0, perspective, perspectiveOrigin, zIndex } = props;
+    let { anim1Specs, anim2Specs, width = 5, height = 5, faces, global = {}, custom = {}, tranz = (+height / 2) | 0, perspective, perspectiveOrigin, zIndex, } = props;
     const buildFace = (faceType) => {
-        return React.createElement(Face, { width: width, height: height, depth: 0.1, faceType: faceType, id: faceType, tranz: tranz, global: global, custom: custom });
+        return (React.createElement(Face, { width: width, height: height, depth: 0.1, faceType: faceType, id: faceType, tranz: tranz, global: global, custom: custom }));
     };
     return (React.createElement(SceneStyle, { width: width, height: height, perspective: perspective, perspectiveOrigin: perspectiveOrigin, zIndex: zIndex },
-        React.createElement(AnimFilter, { anim1Specs: anim1Specs, anim2Specs: anim2Specs },
-            React.createElement(ObjWrapper, null,
-                !!faces && !!faces.front ? buildFace('front') : null,
-                !!faces && !!faces.back ? buildFace('back') : null))));
+        React.createElement(AnimWrap, { animSpecs: anim1Specs },
+            React.createElement(AnimWrap, { animSpecs: anim2Specs },
+                React.createElement(ObjWrapper, null,
+                    !!faces && !!faces.front ? buildFace("front") : null,
+                    !!faces && !!faces.back ? buildFace("back") : null)))));
 };
 //# sourceMappingURL=Card.js.map

package/dist/esm/components/Card.js.map

@@ -1 +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"}
+{"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,QAAQ,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAe,EAAO,EAAE;IAC3C,IAAI,EACF,UAAU,EACV,UAAU,EACV,KAAK,GAAG,CAAC,EACT,MAAM,GAAG,CAAC,EACV,KAAK,EACL,MAAM,GAAG,EAAE,EACX,MAAM,GAAG,EAAE,EACX,KAAK,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,EACzB,WAAW,EACX,iBAAiB,EACjB,MAAM,GACP,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,CAAC,QAAa,EAAO,EAAE;QACvC,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,GACd,CACH,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,IACT,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,iBAAiB,EAAE,iBAAiB,EACpC,MAAM,EAAE,MAAM;QAEd,oBAAC,QAAQ,IAAC,SAAS,EAAE,UAAU;YAC7B,oBAAC,QAAQ,IAAC,SAAS,EAAE,UAAU;gBAC7B,oBAAC,UAAU;oBACR,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,CACxC,CACJ,CACF,CACA,CACd,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/Cuboid.d.ts

@@ -1,2 +1,2 @@
-import { ObjProps } from './Faces/FaceInter';
+import { ObjProps } from "./Face/face";
 export declare const Cuboid: (props: ObjProps) => any;

package/dist/esm/components/Cuboid.js

@@ -1,21 +1,22 @@
-import React from 'react';
-import { SceneStyle } from './styles/Scene';
-import Face from './Faces/Face';
-import { ObjWrapper } from './styles/Global';
-import AnimFilter from './styles/AnimFilter';
+import React from "react";
+import { AnimWrap } from "./styles/AnimWrap";
+import { SceneStyle } from "./styles/Scene";
+import Face from "./Face";
+import { ObjWrapper } from "./styles/Global";
 export const Cuboid = (props) => {
-    let { anim1Specs, anim2Specs, width = 5, height = 5, depth = 5, faces, global = {}, custom = {}, tranz = (+height / 2) | 0, perspective, perspectiveOrigin, zIndex } = props;
+    let { anim1Specs, anim2Specs, width = 5, height = 5, depth = 5, faces, global = {}, custom = {}, tranz = (+height / 2) | 0, perspective, perspectiveOrigin, zIndex, } = props;
     const buildFace = (faceType) => {
-        return React.createElement(Face, { width: width, height: height, depth: depth, faceType: faceType, id: faceType, tranz: tranz, global: global, custom: custom });
+        return (React.createElement(Face, { width: width, height: height, depth: depth, faceType: faceType, id: faceType, tranz: tranz, global: global, custom: custom }));
     };
     return (React.createElement(SceneStyle, { width: width, height: height, perspective: perspective, perspectiveOrigin: perspectiveOrigin, zIndex: zIndex },
-        React.createElement(AnimFilter, { anim1Specs: anim1Specs, anim2Specs: anim2Specs },
-            React.createElement(ObjWrapper, null,
-                !!faces && !!faces.front ? buildFace('front') : null,
-                !!faces && !!faces.right ? buildFace('right') : null,
-                !!faces && !!faces.back ? buildFace('back') : null,
-                !!faces && !!faces.left ? buildFace('left') : null,
-                !!faces && !!faces.top ? buildFace('top') : null,
-                !!faces && !!faces.bottom ? buildFace('bottom') : null))));
+        React.createElement(AnimWrap, { animSpecs: anim1Specs },
+            React.createElement(AnimWrap, { animSpecs: anim2Specs },
+                React.createElement(ObjWrapper, null,
+                    !!faces && !!faces.front ? buildFace("front") : null,
+                    !!faces && !!faces.right ? buildFace("right") : null,
+                    !!faces && !!faces.back ? buildFace("back") : null,
+                    !!faces && !!faces.left ? buildFace("left") : null,
+                    !!faces && !!faces.top ? buildFace("top") : null,
+                    !!faces && !!faces.bottom ? buildFace("bottom") : null)))));
 };
 //# sourceMappingURL=Cuboid.js.map

package/dist/esm/components/Cuboid.js.map

@@ -1 +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"}
+{"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,QAAQ,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAe,EAAO,EAAE;IAC7C,IAAI,EACF,UAAU,EACV,UAAU,EACV,KAAK,GAAG,CAAC,EACT,MAAM,GAAG,CAAC,EACV,KAAK,GAAG,CAAC,EACT,KAAK,EACL,MAAM,GAAG,EAAE,EACX,MAAM,GAAG,EAAE,EACX,KAAK,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,EACzB,WAAW,EACX,iBAAiB,EACjB,MAAM,GACP,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,CAAC,QAAa,EAAO,EAAE;QACvC,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,GACd,CACH,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,IACT,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,iBAAiB,EAAE,iBAAiB,EACpC,MAAM,EAAE,MAAM;QAEd,oBAAC,QAAQ,IAAC,SAAS,EAAE,UAAU;YAC7B,oBAAC,QAAQ,IAAC,SAAS,EAAE,UAAU;gBAC7B,oBAAC,UAAU;oBACR,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,CAC5C,CACJ,CACF,CACA,CACd,CAAC;AACJ,CAAC,CAAC"}

package/dist/{cjs/components/Faces/Face.d.ts → esm/components/Face/index.d.ts}

@@ -1,3 +1,3 @@
-import { FaceProps } from './FaceInter';
+import { FaceProps } from "./face";
 declare const Face: (props: FaceProps) => JSX.Element;
 export default Face;

package/dist/esm/components/{Faces/Face.js → Face/index.js}

@@ -1,33 +1,37 @@
-import styled from 'styled-components';
-import React from 'react';
+import styled from "styled-components";
+import React from "react";
 const Face = (props) => {
-    let { depth = 10, faceType, global = {}, height = 10, custom = false, tranz = 80, width = 100 } = props;
+    let { depth = 10, faceType, global = {}, height = 10, custom = false, tranz = 80, width = 100, } = props;
     let transform;
-    let styles = !!custom[faceType] && !!custom[faceType].css ? custom[faceType].css : global.css;
-    const body = !!custom[faceType] && !!custom[faceType].body ? custom[faceType].body : global.body;
-    if (faceType === 'bottom') {
+    let styles = !!custom[faceType] && !!custom[faceType].css
+        ? custom[faceType].css
+        : global.css;
+    const body = !!custom[faceType] && !!custom[faceType].body
+        ? custom[faceType].body
+        : global.body;
+    if (faceType === "bottom") {
         tranz = +height - +depth / 2;
         height = +depth;
         transform = `transform: rotateX(-90deg) translateZ(${tranz}px);`;
         //styles = !!custom["top"] ? custom : global;
     }
-    else if (faceType === 'top') {
+    else if (faceType === "top") {
         height = +depth;
         if (!!depth)
             tranz = +depth / 2;
         transform = `transform: rotateX(90deg) translateZ(${tranz}px);`;
     }
-    else if (faceType === 'front') {
+    else if (faceType === "front") {
         if (!!depth)
             tranz = +depth / 2;
         transform = `transform: rotateY(0deg) translateZ(${tranz}px);`;
     }
-    else if (faceType === 'back') {
+    else if (faceType === "back") {
         if (!!depth)
             tranz = +depth / 2;
         transform = `transform: rotateY(180deg) translateZ(${tranz}px);`;
     }
-    else if (faceType === 'right') {
+    else if (faceType === "right") {
         if (height > width && !depth) {
             tranz = -(+height / 2 - +width);
             width = +height;
@@ -43,11 +47,11 @@ const Face = (props) => {
         transform = `transform: rotateY(90deg) translateZ(${tranz}px);`;
         // topr is to of Ribbon which points back
     }
-    else if (faceType === 'topr') {
+    else if (faceType === "topr") {
         height = +depth;
         if (!!depth)
             tranz = +depth / 2;
-        //let offset = depth / 2;
+        let offset = depth / 2;
         transform = `transform: rotateX(90deg) translateZ(${tranz}px );  `;
     }
     else {
@@ -65,15 +69,15 @@ const Face = (props) => {
         }
         transform = `transform: rotateY(-90deg) translateZ(${tranz}px);`;
     }
-    //const BackFlip: any = styled.section``;
+    const BackFlip = styled.section ``;
     const Specs = styled.section `
-        ${styles}
-        width: ${width}px;
-        position: absolute;
-        height: ${height}px;
-        ${transform};
-    `;
+    ${styles}
+    width: ${width}px;
+    position: absolute;
+    height: ${height}px;
+    ${transform};
+  `;
     return React.createElement(Specs, null, body);
 };
 export default Face;
-//# sourceMappingURL=Face.js.map
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Face/index.js.map

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

package/dist/esm/components/Ribbon.d.ts

@@ -1,2 +1,2 @@
-import { ObjProps } from './Faces/FaceInter';
+import { ObjProps } from "./Face/face";
 export declare const Ribbon: (props: ObjProps) => any;

package/dist/esm/components/Ribbon.js

@@ -1,18 +1,18 @@
-import React from 'react';
-import { SceneStyle } from './styles/Scene';
-import Face from './Faces/Face';
-import { ObjWrapper } from './styles/Global';
-import AnimFilter from './styles/AnimFilter';
+import { AnimWrap } from "./styles/AnimWrap";
+import { SceneStyle } from "./styles/Scene";
+import Face from "./Face";
+import { ObjWrapper } from "./styles/Global";
 export const Ribbon = (props) => {
-    let { anim1Specs, anim2Specs, width = 5, height = 5, depth = 5, faces, global = {}, custom = {}, tranz = (+height / 2) | 0, perspective, perspectiveOrigin, zIndex } = props;
+    let { anim1Specs, anim2Specs, width = 5, height = 5, depth = 5, faces, global = {}, custom = {}, tranz = (+height / 2) | 0, perspective, perspectiveOrigin, zIndex, } = props;
     const buildFace = (faceType) => {
-        return React.createElement(Face, { width: width, height: height, depth: depth, faceType: faceType, id: faceType, tranz: tranz, global: global, custom: custom });
+        return (React.createElement(Face, { width: width, height: height, depth: depth, faceType: faceType, id: faceType, tranz: tranz, global: global, custom: custom }));
     };
     return (React.createElement(SceneStyle, { width: width, height: height, perspective: perspective, perspectiveOrigin: perspectiveOrigin, zIndex: zIndex },
-        React.createElement(AnimFilter, { anim1Specs: anim1Specs, anim2Specs: anim2Specs },
-            React.createElement(ObjWrapper, null,
-                !!faces && !!faces.bottom ? buildFace('bottom') : null,
-                !!faces && !!faces.back ? buildFace('back') : null,
-                !!faces && !!faces.top ? buildFace('topr') : null))));
+        React.createElement(AnimWrap, { animSpecs: anim1Specs },
+            React.createElement(AnimWrap, { animSpecs: anim2Specs },
+                React.createElement(ObjWrapper, null,
+                    !!faces && !!faces.bottom ? buildFace("bottom") : null,
+                    !!faces && !!faces.back ? buildFace("back") : null,
+                    !!faces && !!faces.top ? buildFace("topr") : null)))));
 };
 //# sourceMappingURL=Ribbon.js.map

package/dist/esm/components/Ribbon.js.map

@@ -1 +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"}
+{"version":3,"file":"Ribbon.js","sourceRoot":"","sources":["../../../src/components/Ribbon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAe,EAAO,EAAE;IAC7C,IAAI,EACF,UAAU,EACV,UAAU,EACV,KAAK,GAAG,CAAC,EACT,MAAM,GAAG,CAAC,EACV,KAAK,GAAG,CAAC,EACT,KAAK,EACL,MAAM,GAAG,EAAE,EACX,MAAM,GAAG,EAAE,EACX,KAAK,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,EACzB,WAAW,EACX,iBAAiB,EACjB,MAAM,GACP,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,CAAC,QAAa,EAAO,EAAE;QACvC,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,GACd,CACH,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,IACT,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,iBAAiB,EAAE,iBAAiB,EACpC,MAAM,EAAE,MAAM;QAEd,oBAAC,QAAQ,IAAC,SAAS,EAAE,UAAU;YAC7B,oBAAC,QAAQ,IAAC,SAAS,EAAE,UAAU;gBAC7B,oBAAC,UAAU;oBACR,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI;oBACtD,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,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CACvC,CACJ,CACF,CACA,CACd,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/index.d.ts

@@ -1,5 +1,5 @@
-export * from './Button';
-export * from './Faces/Face';
-export * from './Card';
-export * from './Cuboid';
-export * from './Ribbon';
+import Face from "./Face";
+import { Cuboid } from "./Cuboid";
+import { Card } from "./Card";
+import { Ribbon } from "./Ribbon";
+export { Face, Cuboid, Card, Ribbon };

package/dist/esm/components/index.js

@@ -1,6 +1,6 @@
-export * from './Button';
-export * from './Faces/Face';
-export * from './Card';
-export * from './Cuboid';
-export * from './Ribbon';
+import Face from "./Face";
+import { Cuboid } from "./Cuboid";
+import { Card } from "./Card";
+import { Ribbon } from "./Ribbon";
+export { Face, Cuboid, Card, Ribbon };
 //# sourceMappingURL=index.js.map

package/dist/esm/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC"}

package/dist/esm/components/styles/AnimWrap.d.ts

@@ -1,2 +1,2 @@
-import { AnimStylesProps } from './Anim';
+import { AnimStylesProps } from "./Anim";
 export declare const AnimWrap: (props: AnimStylesProps) => JSX.Element;