anim-3d-obj 1.1.18 → 1.1.19

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

@@ -3,28 +3,28 @@ interface AllAnimsProps {
     degreesHi?: number;
 }
 export declare const allAnims: (props: AllAnimsProps) => {
-    X360: any;
-    Y360: any;
-    fadeInkf: any;
-    wobY: any;
-    wobX: any;
-    fwdx018: any;
-    fwdx1836: any;
-    fwdx09: any;
-    fwdx918: any;
-    fwdx1827: any;
-    fwdx2736: any;
-    fwdy018: any;
-    fwdy1836: any;
-    fwdy09: any;
-    fwdy918: any;
-    fwdy1827: any;
-    fwdy2736: any;
-    floatX: any;
-    floatShadow: any;
-    pulseSM: any;
-    pulseMD: any;
-    pulseLG: any;
-    noAnim: any;
+    X360: import("styled-components").Keyframes;
+    Y360: import("styled-components").Keyframes;
+    fadeInkf: import("styled-components").Keyframes;
+    wobY: import("styled-components").Keyframes;
+    wobX: import("styled-components").Keyframes;
+    fwdx018: import("styled-components").Keyframes;
+    fwdx1836: import("styled-components").Keyframes;
+    fwdx09: import("styled-components").Keyframes;
+    fwdx918: import("styled-components").Keyframes;
+    fwdx1827: import("styled-components").Keyframes;
+    fwdx2736: import("styled-components").Keyframes;
+    fwdy018: import("styled-components").Keyframes;
+    fwdy1836: import("styled-components").Keyframes;
+    fwdy09: import("styled-components").Keyframes;
+    fwdy918: import("styled-components").Keyframes;
+    fwdy1827: import("styled-components").Keyframes;
+    fwdy2736: import("styled-components").Keyframes;
+    floatX: import("styled-components").Keyframes;
+    floatShadow: import("styled-components").Keyframes;
+    pulseSM: import("styled-components").Keyframes;
+    pulseMD: import("styled-components").Keyframes;
+    pulseLG: import("styled-components").Keyframes;
+    noAnim: import("styled-components").Keyframes;
 };
 export {};

package/dist/cjs/components/styles/Anims.js

@@ -0,0 +1,275 @@
+"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) `
+   from {
+      -webkit-transform: rotateX(360deg);
+      transform: rotateX(360deg);
+   }
+   to {
+      -webkit-transform: rotateX(0deg);
+      transform: rotateX(0deg);
+   }
+}`;
+    //////// Y360
+    const Y360 = (0, styled_components_1.keyframes) `
+    from {
+        -webkit-transform: rotateY(360deg);
+        transform: rotateY(360deg);
+    }
+    to {
+        -webkit-transform: rotateY(0deg);
+        transform: rotateY(0deg);
+    }`;
+    const fadeInkf = (0, styled_components_1.keyframes) `
+    from {
+        opacity: 0;
+    }
+    to {
+        opacity: 1;
+    }`;
+    const wobY = (0, styled_components_1.keyframes) `
+    0% {
+        -webkit-transform: rotateY(${degreesLow}deg);
+        transform: rotateY(${degreesLow}deg);
+    }
+    50% {
+        -webkit-transform: rotateY(${degreesHi}deg);
+        transform: rotateY(${degreesHi}deg);
+    }
+    100% {
+        -webkit-transform: rotateY(${degreesLow}deg);
+        transform: rotateY(${degreesLow}deg);
+    }`;
+    const wobX = (0, styled_components_1.keyframes) `
+    0% {
+        -webkit-transform: rotateX(${degreesLow}deg);
+        transform: rotateX(${degreesLow}deg);
+    }
+    50% {
+        -webkit-transform: rotateX(${degreesHi}deg);
+        transform: rotateX(${degreesHi}deg);
+    }
+    100% {
+        -webkit-transform: rotateX(${degreesLow}deg);
+        transform: rotateX(${degreesLow}deg);
+    }`;
+    /* ============================== x-axis 0-180 >180 - 360 */
+    const fwdx018 = (0, styled_components_1.keyframes) `
+    from {
+        -webkit-transform: rotateX(360deg);
+        transform: rotateX(360deg);
+    }
+    to {
+        -webkit-transform: rotateX(180deg);
+        transform: rotateX(180deg);
+    }`;
+    const fwdx1836 = (0, styled_components_1.keyframes) `
+    from {
+        -webkit-transform: rotateX(180deg);
+        transform: rotateX(180deg);
+    }
+    to {
+        -webkit-transform: rotateX(0deg);
+        transform: rotateX(0deg);
+    }`;
+    /* ============================= x-axis 0-90, 90-180, 180-270, 270-360 */
+    const fwdx09 = (0, styled_components_1.keyframes) `
+    from {
+       -webkit-transform: rotateX(360deg);
+       transform: rotateX(360deg);
+    }
+    to {
+       -webkit-transform: rotateX(90deg);
+       transform: rotateX(90deg);
+    }`;
+    const fwdx918 = (0, styled_components_1.keyframes) `
+    from {
+        -webkit-transform: rotateX(-90deg);
+        transform: rotateX(-90deg);
+    }
+    to {
+        -webkit-transform: rotateX(-180deg);
+        transform: rotateX(-180deg);
+    }`;
+    const fwdx1827 = (0, styled_components_1.keyframes) `
+    from {
+        -webkit-transform: rotateX(-180deg);
+        transform: rotateX(-180deg);
+    }
+    to {
+        -webkit-transform: rotateX(-270deg);
+        transform: rotateX(-270deg);
+    }`;
+    const fwdx2736 = (0, styled_components_1.keyframes) `
+    from {
+        -webkit-transform: rotateX(-270deg);
+        transform: rotateX(-270deg);
+    }
+    to {
+        -webkit-transform: rotateX(-360deg);
+        transform: rotateX(-360deg);
+    }`;
+    /* ============================== y-axis 0-180 >180 - 360 */
+    const fwdy018 = (0, styled_components_1.keyframes) `
+   from {
+       -webkit-transform: rotateY(360deg);
+       transform: rotateY(360deg);
+   }
+   to {
+       -webkit-transform: rotateY(180deg);
+       transform: rotateY(180deg);
+   }`;
+    const fwdy1836 = (0, styled_components_1.keyframes) `
+   from {
+       -webkit-transform: rotateY(180deg);
+       transform: rotateY(180deg);
+   }
+   to {
+       -webkit-transform: rotateY(0deg);
+       transform: rotateY(0deg);
+   }`;
+    /* ============================= y-axis 0-90, 90-180, 180-270, 270-360 */
+    const fwdy09 = (0, styled_components_1.keyframes) `
+   from {
+      -webkit-transform: rotateY(360deg);
+      transform: rotateY(360deg);
+   }
+   to {
+      -webkit-transform: rotateY(90deg);
+      transform: rotateY(90deg);
+   }`;
+    const fwdy918 = (0, styled_components_1.keyframes) `
+   from {
+       -webkit-transform: rotateY(-90deg);
+       transform: rotateY(-90deg);
+   }
+   to {
+       -webkit-transform: rotateY(-180deg);
+       transform: rotateY(-180deg);
+   }`;
+    const fwdy1827 = (0, styled_components_1.keyframes) `
+   from {
+       -webkit-transform: rotateY(-180deg);
+       transform: rotateY(-180deg);
+   }
+   to {
+       -webkit-transform: rotateY(-270deg);
+       transform: rotateY(-270deg);
+   }`;
+    const fwdy2736 = (0, styled_components_1.keyframes) `
+   from {
+       -webkit-transform: rotateY(-270deg);
+       transform: rotateY(-270deg);
+   }
+   to {
+       -webkit-transform: rotateY(-360deg);
+       transform: rotateY(-360deg);
+   }`;
+    /* ============================= floating */
+    const floatX = (0, styled_components_1.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) `
+        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);
+            -webkit-transform: translateY(0px);
+                -ms-transform: translateY(0px);
+                    transform: translateY(0px);
+        }
+        50% {
+            -webkit-box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);
+                    box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);
+            -webkit-transform: translateY(-20px);
+                -ms-transform: translateY(-20px);
+                    transform: translateY(-20px);
+        }
+        100% {
+            -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);
+            -webkit-transform: translateY(0px);
+                -ms-transform: translateY(0px);
+                    transform: translateY(0px);
+        }`;
+    const pulseSM = (0, styled_components_1.keyframes) `
+   0% {
+    -webkit-transform: scale(0.9);
+        -ms-transform: scale(0.9);
+            transform: scale(0.9);
+    }
+    70% {
+        -webkit-transform: scale(1);
+            -ms-transform: scale(1);
+                transform: scale(1);
+    }
+    100% {
+        -webkit-transform: scale(0.9);
+            -ms-transform: scale(0.9);
+                transform: scale(0.9);
+    }`;
+    const pulseMD = (0, styled_components_1.keyframes) `
+    0% {
+     -webkit-transform: scale(0.7);
+         -ms-transform: scale(0.7);
+             transform: scale(0.7);
+     }
+     70% {
+         -webkit-transform: scale(1);
+             -ms-transform: scale(1);
+                 transform: scale(1);
+     }
+     100% {
+         -webkit-transform: scale(0.7);
+             -ms-transform: scale(0.7);
+                 transform: scale(0.7);
+     }`;
+    const pulseLG = (0, styled_components_1.keyframes) `
+    0% {
+     -webkit-transform: scale(0.5);
+         -ms-transform: scale(0.5);
+             transform: scale(0.5);
+     }
+     70% {
+         -webkit-transform: scale(1);
+             -ms-transform: scale(1);
+                 transform: scale(1);
+     }
+     100% {
+         -webkit-transform: scale(0.5);
+             -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
+    };
+};
+exports.allAnims = allAnims;
+//# sourceMappingURL=Anims.js.map

package/dist/cjs/components/styles/Anims.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Anims.js","sourceRoot":"","sources":["../../../../src/components/styles/Anims.ts"],"names":[],"mappings":";;;AAAA,yDAA8C;AAOvC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC7C,MAAM,EAAE,UAAU,GAAG,CAAC,EAAE,SAAS,GAAG,CAAC,EAAE,GAAG,KAAK,CAAC;IAEhD,MAAM,IAAI,GAAG,IAAA,6BAAS,EAAA;;;;;;;;;EASxB,CAAC;IAEC,aAAa;IACb,MAAM,IAAI,GAAG,IAAA,6BAAS,EAAA;;;;;;;;MAQpB,CAAC;IAEH,MAAM,QAAQ,GAAG,IAAA,6BAAS,EAAA;;;;;;MAMxB,CAAC;IAEH,MAAM,IAAI,GAAG,IAAA,6BAAS,EAAA;;qCAEW,UAAU;6BAClB,UAAU;;;qCAGF,SAAS;6BACjB,SAAS;;;qCAGD,UAAU;6BAClB,UAAU;MACjC,CAAC;IAEH,MAAM,IAAI,GAAG,IAAA,6BAAS,EAAA;;qCAEW,UAAU;6BAClB,UAAU;;;qCAGF,SAAS;6BACjB,SAAS;;;qCAGD,UAAU;6BAClB,UAAU;MACjC,CAAC;IACH,4DAA4D;IAC5D,MAAM,OAAO,GAAG,IAAA,6BAAS,EAAA;;;;;;;;MAQvB,CAAC;IACH,MAAM,QAAQ,GAAG,IAAA,6BAAS,EAAA;;;;;;;;MAQxB,CAAC;IACH,yEAAyE;IACzE,MAAM,MAAM,GAAG,IAAA,6BAAS,EAAA;;;;;;;;MAQtB,CAAC;IACH,MAAM,OAAO,GAAG,IAAA,6BAAS,EAAA;;;;;;;;MAQvB,CAAC;IACH,MAAM,QAAQ,GAAG,IAAA,6BAAS,EAAA;;;;;;;;MAQxB,CAAC;IACH,MAAM,QAAQ,GAAG,IAAA,6BAAS,EAAA;;;;;;;;MAQxB,CAAC;IAEH,4DAA4D;IAC5D,MAAM,OAAO,GAAG,IAAA,6BAAS,EAAA;;;;;;;;KAQxB,CAAC;IACF,MAAM,QAAQ,GAAG,IAAA,6BAAS,EAAA;;;;;;;;KAQzB,CAAC;IAEF,yEAAyE;IACzE,MAAM,MAAM,GAAG,IAAA,6BAAS,EAAA;;;;;;;;KAQvB,CAAC;IACF,MAAM,OAAO,GAAG,IAAA,6BAAS,EAAA;;;;;;;;KAQxB,CAAC;IACF,MAAM,QAAQ,GAAG,IAAA,6BAAS,EAAA;;;;;;;;KAQzB,CAAC;IACF,MAAM,QAAQ,GAAG,IAAA,6BAAS,EAAA;;;;;;;;KAQzB,CAAC;IAEF,4CAA4C;IAC5C,MAAM,MAAM,GAAG,IAAA,6BAAS,EAAA;;;uHAG2F,CAAC;IAEpH,MAAM,WAAW,GAAG,IAAA,6BAAS,EAAA;;;;;;;;;;;;;;;;;;;;;UAqBvB,CAAC;IAEP,MAAM,OAAO,GAAG,IAAA,6BAAS,EAAA;;;;;;;;;;;;;;;MAevB,CAAC;IAEH,MAAM,OAAO,GAAG,IAAA,6BAAS,EAAA;;;;;;;;;;;;;;;OAetB,CAAC;IAEJ,MAAM,OAAO,GAAG,IAAA,6BAAS,EAAA;;;;;;;;;;;;;;;OAetB,CAAC;IAEJ,MAAM,MAAM,GAAG,IAAA,6BAAS,EAAA,EAAE,CAAC;IAE3B,OAAO;QACH,IAAI;QACJ,IAAI;QACJ,QAAQ;QACR,IAAI;QACJ,IAAI;QACJ,OAAO;QACP,QAAQ;QACR,MAAM;QACN,OAAO;QACP,QAAQ;QACR,QAAQ;QACR,OAAO;QACP,QAAQ;QACR,MAAM;QACN,OAAO;QACP,QAAQ;QACR,QAAQ;QACR,MAAM;QACN,WAAW;QACX,OAAO;QACP,OAAO;QACP,OAAO;QACP,MAAM;KACT,CAAC;AACN,CAAC,CAAC;AA1RW,QAAA,QAAQ,YA0RnB"}

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

@@ -1 +1 @@
-export declare const ObjWrapper: any;
+export declare const ObjWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/cjs/components/styles/Global.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ObjWrapper = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.ObjWrapper = styled_components_1.default.div `
+    width: 100%;
+    height: 100%;
+    position: relative;
+    transform-style: preserve-3d;
+`;
+//# sourceMappingURL=Global.js.map

package/dist/cjs/components/styles/Global.js.map

@@ -0,0 +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"}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface SceneStyleProps {
     width?: number | string;
     height?: number | string;

package/dist/cjs/components/styles/Scene.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SceneStyle = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styled_components_1 = __importDefault(require("styled-components"));
+const SceneStyle = (props) => {
+    const { width = 0, height = 0, perspective = 600, perspectiveOrigin = '50% 50%', zIndex = 10, children = {} } = props;
+    const SceneStyleDiv = styled_components_1.default.div `
+        width: ${width}px;
+        height: ${height}px;
+        -webkit-perspective: ${perspective}px;
+        perspective: ${perspective}px;
+        -webkit-perspective-origin: ${perspectiveOrigin};
+        perspective-origin: ${perspectiveOrigin};
+    `;
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ style: { zIndex } }, { children: (0, jsx_runtime_1.jsx)(SceneStyleDiv, { children: children }) })));
+};
+exports.SceneStyle = SceneStyle;
+//# sourceMappingURL=Scene.js.map

package/dist/cjs/components/styles/Scene.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scene.js","sourceRoot":"","sources":["../../../../src/components/styles/Scene.tsx"],"names":[],"mappings":";;;;;;;AAAA,0EAAuC;AAYhC,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IACjD,MAAM,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,WAAW,GAAG,GAAG,EAAE,iBAAiB,GAAG,SAAS,EAAE,MAAM,GAAG,EAAE,EAAE,QAAQ,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC;IAEtH,MAAM,aAAa,GAAQ,2BAAM,CAAC,GAAG,CAAA;iBACxB,KAAK;kBACJ,MAAM;+BACO,WAAW;uBACnB,WAAW;sCACI,iBAAiB;8BACzB,iBAAiB;KAC1C,CAAC;IAEF,OAAO,CACH,8CAAK,KAAK,EAAE,EAAE,MAAM,EAAE,gBAClB,uBAAC,aAAa,cAAE,QAAQ,GAAiB,IACvC,CACT,CAAC;AACN,CAAC,CAAC;AAjBW,QAAA,UAAU,cAiBrB"}