anim-3d-obj 1.1.19 → 1.1.22

package/{dist/cjs/components/styles/Anims.js → src/lib/components/styles/Anims.ts}

@@ -1,10 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.allAnims = void 0;
-const styled_components_1 = require("styled-components");
-const allAnims = (props) => {
-    const { degreesLow = 0, degreesHi = 0 } = props;
-    const X360 = (0, styled_components_1.keyframes) `
+import { keyframes } from "styled-components";
+
+interface AllAnimsProps {
+   degreesLow?: number;
+   degreesHi?: number;
+}
+
+export const allAnims = (props: AllAnimsProps) => {
+   const { degreesLow = 0, degreesHi = 0 } = props;
+
+   const X360 = keyframes`
    from {
       -webkit-transform: rotateX(360deg);
       transform: rotateX(360deg);
@@ -14,8 +18,9 @@ const allAnims = (props) => {
       transform: rotateX(0deg);
    }
 }`;
-    //////// Y360
-    const Y360 = (0, styled_components_1.keyframes) `
+
+   //////// Y360
+   const Y360 = keyframes`
     from {
         -webkit-transform: rotateY(360deg);
         transform: rotateY(360deg);
@@ -24,14 +29,16 @@ const allAnims = (props) => {
         -webkit-transform: rotateY(0deg);
         transform: rotateY(0deg);
     }`;
-    const fadeInkf = (0, styled_components_1.keyframes) `
+
+   const fadeInkf = keyframes`
     from {
         opacity: 0;
     }
     to {
         opacity: 1;
     }`;
-    const wobY = (0, styled_components_1.keyframes) `
+
+   const wobY = keyframes`
     0% {
         -webkit-transform: rotateY(${degreesLow}deg);
         transform: rotateY(${degreesLow}deg);
@@ -44,7 +51,8 @@ const allAnims = (props) => {
         -webkit-transform: rotateY(${degreesLow}deg);
         transform: rotateY(${degreesLow}deg);
     }`;
-    const wobX = (0, styled_components_1.keyframes) `
+
+   const wobX = keyframes`
     0% {
         -webkit-transform: rotateX(${degreesLow}deg);
         transform: rotateX(${degreesLow}deg);
@@ -57,8 +65,8 @@ const allAnims = (props) => {
         -webkit-transform: rotateX(${degreesLow}deg);
         transform: rotateX(${degreesLow}deg);
     }`;
-    /* ============================== x-axis 0-180 >180 - 360 */
-    const fwdx018 = (0, styled_components_1.keyframes) `
+   /* ============================== x-axis 0-180 >180 - 360 */
+   const fwdx018 = keyframes`
     from {
         -webkit-transform: rotateX(360deg);
         transform: rotateX(360deg);
@@ -67,7 +75,7 @@ const allAnims = (props) => {
         -webkit-transform: rotateX(180deg);
         transform: rotateX(180deg);
     }`;
-    const fwdx1836 = (0, styled_components_1.keyframes) `
+   const fwdx1836 = keyframes`
     from {
         -webkit-transform: rotateX(180deg);
         transform: rotateX(180deg);
@@ -76,8 +84,8 @@ const allAnims = (props) => {
         -webkit-transform: rotateX(0deg);
         transform: rotateX(0deg);
     }`;
-    /* ============================= x-axis 0-90, 90-180, 180-270, 270-360 */
-    const fwdx09 = (0, styled_components_1.keyframes) `
+   /* ============================= x-axis 0-90, 90-180, 180-270, 270-360 */
+   const fwdx09 = keyframes`
     from {
        -webkit-transform: rotateX(360deg);
        transform: rotateX(360deg);
@@ -86,7 +94,7 @@ const allAnims = (props) => {
        -webkit-transform: rotateX(90deg);
        transform: rotateX(90deg);
     }`;
-    const fwdx918 = (0, styled_components_1.keyframes) `
+   const fwdx918 = keyframes`
     from {
         -webkit-transform: rotateX(-90deg);
         transform: rotateX(-90deg);
@@ -95,7 +103,7 @@ const allAnims = (props) => {
         -webkit-transform: rotateX(-180deg);
         transform: rotateX(-180deg);
     }`;
-    const fwdx1827 = (0, styled_components_1.keyframes) `
+   const fwdx1827 = keyframes`
     from {
         -webkit-transform: rotateX(-180deg);
         transform: rotateX(-180deg);
@@ -104,7 +112,7 @@ const allAnims = (props) => {
         -webkit-transform: rotateX(-270deg);
         transform: rotateX(-270deg);
     }`;
-    const fwdx2736 = (0, styled_components_1.keyframes) `
+   const fwdx2736 = keyframes`
     from {
         -webkit-transform: rotateX(-270deg);
         transform: rotateX(-270deg);
@@ -113,8 +121,9 @@ const allAnims = (props) => {
         -webkit-transform: rotateX(-360deg);
         transform: rotateX(-360deg);
     }`;
-    /* ============================== y-axis 0-180 >180 - 360 */
-    const fwdy018 = (0, styled_components_1.keyframes) `
+
+   /* ============================== y-axis 0-180 >180 - 360 */
+   const fwdy018 = keyframes`
    from {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
@@ -123,7 +132,7 @@ const allAnims = (props) => {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }`;
-    const fwdy1836 = (0, styled_components_1.keyframes) `
+   const fwdy1836 = keyframes`
    from {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
@@ -132,8 +141,9 @@ const allAnims = (props) => {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }`;
-    /* ============================= y-axis 0-90, 90-180, 180-270, 270-360 */
-    const fwdy09 = (0, styled_components_1.keyframes) `
+
+   /* ============================= y-axis 0-90, 90-180, 180-270, 270-360 */
+   const fwdy09 = keyframes`
    from {
       -webkit-transform: rotateY(360deg);
       transform: rotateY(360deg);
@@ -142,7 +152,7 @@ const allAnims = (props) => {
       -webkit-transform: rotateY(90deg);
       transform: rotateY(90deg);
    }`;
-    const fwdy918 = (0, styled_components_1.keyframes) `
+   const fwdy918 = keyframes`
    from {
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
@@ -151,7 +161,7 @@ const allAnims = (props) => {
        -webkit-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
    }`;
-    const fwdy1827 = (0, styled_components_1.keyframes) `
+   const fwdy1827 = keyframes`
    from {
        -webkit-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
@@ -160,7 +170,7 @@ const allAnims = (props) => {
        -webkit-transform: rotateY(-270deg);
        transform: rotateY(-270deg);
    }`;
-    const fwdy2736 = (0, styled_components_1.keyframes) `
+   const fwdy2736 = keyframes`
    from {
        -webkit-transform: rotateY(-270deg);
        transform: rotateY(-270deg);
@@ -169,12 +179,14 @@ const allAnims = (props) => {
        -webkit-transform: rotateY(-360deg);
        transform: rotateY(-360deg);
    }`;
-    /* ============================= floating */
-    const floatX = (0, styled_components_1.keyframes) `
+
+   /* ============================= floating */
+   const floatX = keyframes`
    0% { -webkit-transform: translate(0,  0px); -ms-transform: translate(0,  0px); transform: translate(0,  0px); }
    50%  { -webkit-transform: translate(0, 15px); -ms-transform: translate(0, 15px); transform: translate(0, 15px); }
    100%   { -webkit-transform: translate(0, -0px); -ms-transform: translate(0, -0px); transform: translate(0, -0px); }`;
-    const floatShadow = (0, styled_components_1.keyframes) `
+
+   const floatShadow = keyframes`
         0% {
             -webkit-box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
                     box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
@@ -196,7 +208,8 @@ const allAnims = (props) => {
                 -ms-transform: translateY(0px);
                     transform: translateY(0px);
         }`;
-    const pulseSM = (0, styled_components_1.keyframes) `
+
+   const pulseSM = keyframes`
    0% {
     -webkit-transform: scale(0.9);
         -ms-transform: scale(0.9);
@@ -212,7 +225,8 @@ const allAnims = (props) => {
             -ms-transform: scale(0.9);
                 transform: scale(0.9);
     }`;
-    const pulseMD = (0, styled_components_1.keyframes) `
+
+   const pulseMD = keyframes`
     0% {
      -webkit-transform: scale(0.7);
          -ms-transform: scale(0.7);
@@ -228,7 +242,8 @@ const allAnims = (props) => {
              -ms-transform: scale(0.7);
                  transform: scale(0.7);
      }`;
-    const pulseLG = (0, styled_components_1.keyframes) `
+
+   const pulseLG = keyframes`
     0% {
      -webkit-transform: scale(0.5);
          -ms-transform: scale(0.5);
@@ -244,32 +259,32 @@ const allAnims = (props) => {
              -ms-transform: scale(0.5);
                  transform: scale(0.5);
      }`;
-    const noAnim = (0, styled_components_1.keyframes) ``;
-    return {
-        X360,
-        Y360,
-        fadeInkf,
-        wobY,
-        wobX,
-        fwdx018,
-        fwdx1836,
-        fwdx09,
-        fwdx918,
-        fwdx1827,
-        fwdx2736,
-        fwdy018,
-        fwdy1836,
-        fwdy09,
-        fwdy918,
-        fwdy1827,
-        fwdy2736,
-        floatX,
-        floatShadow,
-        pulseSM,
-        pulseMD,
-        pulseLG,
-        noAnim
-    };
+
+   const noAnim = keyframes``;
+
+   return {
+      X360,
+      Y360,
+      fadeInkf,
+      wobY,
+      wobX,
+      fwdx018,
+      fwdx1836,
+      fwdx09,
+      fwdx918,
+      fwdx1827,
+      fwdx2736,
+      fwdy018,
+      fwdy1836,
+      fwdy09,
+      fwdy918,
+      fwdy1827,
+      fwdy2736,
+      floatX,
+      floatShadow,
+      pulseSM,
+      pulseMD,
+      pulseLG,
+      noAnim,
+   };
 };
-exports.allAnims = allAnims;
-//# sourceMappingURL=Anims.js.map

package/src/lib/components/styles/Global.ts

@@ -0,0 +1,7 @@
+import styled from "styled-components";
+export const ObjWrapper = styled.div`
+   width: 100%;
+   height: 100%;
+   position: relative;
+   transform-style: preserve-3d;
+`;

package/src/lib/components/styles/Scene.tsx

@@ -0,0 +1,37 @@
+import styled from "styled-components";
+import React from "react";
+
+interface SceneStyleProps {
+   width?: number | string;
+   height?: number | string;
+   perspective?: number | string | undefined;
+   perspectiveOrigin?: string | undefined;
+   zIndex?: number | undefined;
+   children: any;
+}
+
+export const SceneStyle = (props: SceneStyleProps) => {
+   const {
+      width = 0,
+      height = 0,
+      perspective = 600,
+      perspectiveOrigin = "50% 50%",
+      zIndex = 10,
+      children = {},
+   } = props;
+
+   const SceneStyleDiv: any = styled.div`
+      width: ${width}px;
+      height: ${height}px;
+      -webkit-perspective: ${perspective}px;
+      perspective: ${perspective}px;
+      -webkit-perspective-origin: ${perspectiveOrigin};
+      perspective-origin: ${perspectiveOrigin};
+   `;
+
+   return (
+      <div style={{ zIndex }}>
+         <SceneStyleDiv>{children}</SceneStyleDiv>
+      </div>
+   );
+};

package/src/lib/index.ts

@@ -0,0 +1,6 @@
+import Face from "./components/Face";
+import { Cuboid } from "./components/Cuboid";
+import { Card } from "./components/Card";
+import { Ribbon } from "./components/Ribbon";
+
+export { Face, Cuboid, Card, Ribbon };

package/src/reportWebVitals.ts

@@ -0,0 +1,15 @@
+import { ReportHandler } from 'web-vitals';
+
+const reportWebVitals = (onPerfEntry?: ReportHandler) => {
+  if (onPerfEntry && onPerfEntry instanceof Function) {
+    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
+      getCLS(onPerfEntry);
+      getFID(onPerfEntry);
+      getFCP(onPerfEntry);
+      getLCP(onPerfEntry);
+      getTTFB(onPerfEntry);
+    });
+  }
+};
+
+export default reportWebVitals;

package/src/setupTests.ts

@@ -0,0 +1,5 @@
+// jest-dom adds custom jest matchers for asserting on DOM nodes.
+// allows you to do things like:
+// expect(element).toHaveTextContent(/react/i)
+// learn more: https://github.com/testing-library/jest-dom
+import '@testing-library/jest-dom/extend-expect';

package/tsconfig.json

@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "noFallthroughCasesInSwitch": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx"
+  },
+  "include": [
+    "src"
+  ]
+}

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2022 JTL (Saman)
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

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

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

package/dist/cjs/components/Card.js

@@ -1,20 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Card = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const AnimWrap_1 = require("./styles/AnimWrap");
-const Scene_1 = require("./styles/Scene");
-const Face_1 = __importDefault(require("./Faces/Face"));
-const Global_1 = require("./styles/Global");
-const Card = (props) => {
-    const { anim1Specs, anim2Specs, width = 5, height = 5, faces, global = {}, custom = {}, tranz = (+height / 2) | 0, perspective, perspectiveOrigin, zIndex } = props;
-    const buildFace = (faceType) => {
-        return (0, jsx_runtime_1.jsx)(Face_1.default, { width: width, height: height, depth: 0.1, faceType: faceType, id: faceType, tranz: tranz, global: global, custom: custom });
-    };
-    return ((0, jsx_runtime_1.jsx)(Scene_1.SceneStyle, Object.assign({ width: width, height: height, perspective: perspective, perspectiveOrigin: perspectiveOrigin, zIndex: zIndex }, { children: (0, jsx_runtime_1.jsx)(AnimWrap_1.AnimWrap, Object.assign({ animSpecs: anim1Specs }, { children: (0, jsx_runtime_1.jsx)(AnimWrap_1.AnimWrap, Object.assign({ animSpecs: anim2Specs }, { children: (0, jsx_runtime_1.jsxs)(Global_1.ObjWrapper, { children: [faces && faces.front ? buildFace('front') : null, faces && faces.back ? buildFace('back') : null] }) })) })) })));
-};
-exports.Card = Card;
-//# sourceMappingURL=Card.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card.tsx"],"names":[],"mappings":";;;;;;;AAAA,gDAA6C;AAC7C,0CAA4C;AAE5C,wDAAgC;AAChC,4CAA6C;AAEtC,MAAM,IAAI,GAAG,CAAC,KAAe,EAAO,EAAE;IACzC,MAAM,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;IAEpK,MAAM,SAAS,GAAG,CAAC,QAAa,EAAO,EAAE;QACrC,OAAO,uBAAC,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,uBAAC,kBAAU,kBAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM,gBACpH,uBAAC,mBAAQ,kBAAC,SAAS,EAAE,UAAU,gBAC3B,uBAAC,mBAAQ,kBAAC,SAAS,EAAE,UAAU,gBAC3B,wBAAC,mBAAU,eACN,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,EAChD,KAAK,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,IACtC,IACN,IACJ,IACF,CAChB,CAAC;AACN,CAAC,CAAC;AAnBW,QAAA,IAAI,QAmBf"}

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

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

package/dist/cjs/components/Cuboid.js

@@ -1,21 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Cuboid = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-//import React from 'react'
-const AnimWrap_1 = require("./styles/AnimWrap");
-const Scene_1 = require("./styles/Scene");
-const Face_1 = __importDefault(require("./Faces/Face"));
-const Global_1 = require("./styles/Global");
-const Cuboid = (props) => {
-    const { anim1Specs, anim2Specs, width = 5, height = 5, depth = 5, faces, global = {}, custom = {}, tranz = (+height / 2) | 0, perspective, perspectiveOrigin, zIndex } = props;
-    const buildFace = (faceType) => {
-        return (0, jsx_runtime_1.jsx)(Face_1.default, { width: width, height: height, depth: depth, faceType: faceType, id: faceType, tranz: tranz, global: global, custom: custom });
-    };
-    return ((0, jsx_runtime_1.jsx)(Scene_1.SceneStyle, Object.assign({ width: width, height: height, perspective: perspective, perspectiveOrigin: perspectiveOrigin, zIndex: zIndex }, { children: (0, jsx_runtime_1.jsx)(AnimWrap_1.AnimWrap, Object.assign({ animSpecs: anim1Specs }, { children: (0, jsx_runtime_1.jsx)(AnimWrap_1.AnimWrap, Object.assign({ animSpecs: anim2Specs }, { children: (0, jsx_runtime_1.jsxs)(Global_1.ObjWrapper, { children: [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] }) })) })) })));
-};
-exports.Cuboid = Cuboid;
-//# sourceMappingURL=Cuboid.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Cuboid.js","sourceRoot":"","sources":["../../../src/components/Cuboid.tsx"],"names":[],"mappings":";;;;;;;AAAA,2BAA2B;AAC3B,gDAA6C;AAC7C,0CAA4C;AAE5C,wDAAgC;AAChC,4CAA6C;AAEtC,MAAM,MAAM,GAAG,CAAC,KAAe,EAAO,EAAE;IAC3C,MAAM,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;IAE/K,MAAM,SAAS,GAAG,CAAC,QAAa,EAAO,EAAE;QACrC,OAAO,uBAAC,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,uBAAC,kBAAU,kBAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM,gBACpH,uBAAC,mBAAQ,kBAAC,SAAS,EAAE,UAAU,gBAC3B,uBAAC,mBAAQ,kBAAC,SAAS,EAAE,UAAU,gBAC3B,wBAAC,mBAAU,eACN,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,EAChD,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,EAChD,KAAK,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,EAC9C,KAAK,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,EAC9C,KAAK,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAC5C,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,IAC1C,IACN,IACJ,IACF,CAChB,CAAC;AACN,CAAC,CAAC;AAvBW,QAAA,MAAM,UAuBjB"}

package/dist/cjs/components/Faces/Face.d.ts

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

package/dist/cjs/components/Faces/Face.js

@@ -1,86 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-//import React from 'react'
-const styled_components_1 = __importDefault(require("styled-components"));
-const Face = (props) => {
-    let { height = 10, tranz = 80, width = 100 } = props;
-    const { depth = 10, faceType, global = {}, custom = false } = props;
-    let transform;
-    const 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') {
-        height = +depth;
-        if (depth)
-            tranz = +depth / 2;
-        transform = `transform: rotateX(90deg) translateZ(${tranz}px);`;
-    }
-    else if (faceType === 'front') {
-        if (depth)
-            tranz = +depth / 2;
-        transform = `transform: rotateY(0deg) translateZ(${tranz}px);`;
-    }
-    else if (faceType === 'back') {
-        if (depth)
-            tranz = +depth / 2;
-        transform = `transform: rotateY(180deg) translateZ(${tranz}px);`;
-    }
-    else if (faceType === 'right') {
-        if (height > width && !depth) {
-            tranz = -(+height / 2 - +width);
-            width = +height;
-        }
-        else if (width > height && !depth) {
-            tranz = +height / 2;
-            height = +width;
-        }
-        else {
-            tranz = +width - +depth / 2;
-            width = +depth;
-        }
-        transform = `transform: rotateY(90deg) translateZ(${tranz}px);`;
-        // topr is to of Ribbon which points back
-    }
-    else if (faceType === 'topr') {
-        height = +depth;
-        if (depth)
-            tranz = +depth / 2;
-        //let offset = depth / 2;
-        transform = `transform: rotateX(90deg) translateZ(${tranz}px );  `;
-    }
-    else {
-        if (height > width && !depth) {
-            tranz = -(+height / 2 - +width);
-            width = +height;
-        }
-        else if (width > height && !depth) {
-            tranz = +height / 2;
-            height = +width;
-        }
-        else {
-            tranz = +depth / 2;
-            width = +depth;
-        }
-        transform = `transform: rotateY(-90deg) translateZ(${tranz}px);`;
-    }
-    //const BackFlip: any = styled.section``;
-    const Specs = styled_components_1.default.section `
-        ${styles}
-        width: ${width}px;
-        position: absolute;
-        height: ${height}px;
-        ${transform};
-    `;
-    return (0, jsx_runtime_1.jsx)(Specs, { children: body });
-};
-exports.default = Face;
-//# sourceMappingURL=Face.js.map

package/dist/cjs/components/Faces/Face.js.map

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

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

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

package/dist/cjs/components/Ribbon.js

@@ -1,20 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Ribbon = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const AnimWrap_1 = require("./styles/AnimWrap");
-const Scene_1 = require("./styles/Scene");
-const Face_1 = __importDefault(require("./Faces/Face"));
-const Global_1 = require("./styles/Global");
-const Ribbon = (props) => {
-    const { anim1Specs, anim2Specs, width = 5, height = 5, depth = 5, faces, global = {}, custom = {}, tranz = (+height / 2) | 0, perspective, perspectiveOrigin, zIndex } = props;
-    const buildFace = (faceType) => {
-        return (0, jsx_runtime_1.jsx)(Face_1.default, { width: width, height: height, depth: depth, faceType: faceType, id: faceType, tranz: tranz, global: global, custom: custom });
-    };
-    return ((0, jsx_runtime_1.jsx)(Scene_1.SceneStyle, Object.assign({ width: width, height: height, perspective: perspective, perspectiveOrigin: perspectiveOrigin, zIndex: zIndex }, { children: (0, jsx_runtime_1.jsx)(AnimWrap_1.AnimWrap, Object.assign({ animSpecs: anim1Specs }, { children: (0, jsx_runtime_1.jsx)(AnimWrap_1.AnimWrap, Object.assign({ animSpecs: anim2Specs }, { children: (0, jsx_runtime_1.jsxs)(Global_1.ObjWrapper, { children: [faces && faces.bottom ? buildFace('bottom') : null, faces && faces.back ? buildFace('back') : null, faces && faces.top ? buildFace('topr') : null] }) })) })) })));
-};
-exports.Ribbon = Ribbon;
-//# sourceMappingURL=Ribbon.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Ribbon.js","sourceRoot":"","sources":["../../../src/components/Ribbon.tsx"],"names":[],"mappings":";;;;;;;AAAA,gDAA6C;AAC7C,0CAA4C;AAE5C,wDAAgC;AAChC,4CAA6C;AAEtC,MAAM,MAAM,GAAG,CAAC,KAAe,EAAO,EAAE;IAC3C,MAAM,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;IAE/K,MAAM,SAAS,GAAG,CAAC,QAAa,EAAO,EAAE;QACrC,OAAO,uBAAC,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,uBAAC,kBAAU,kBAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM,gBACpH,uBAAC,mBAAQ,kBAAC,SAAS,EAAE,UAAU,gBAC3B,uBAAC,mBAAQ,kBAAC,SAAS,EAAE,UAAU,gBAC3B,wBAAC,mBAAU,eACN,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,EAClD,KAAK,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,EAC9C,KAAK,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,IACrC,IACN,IACJ,IACF,CAChB,CAAC;AACN,CAAC,CAAC;AApBW,QAAA,MAAM,UAoBjB"}

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

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