anim-3d-obj 1.1.8 → 1.1.11

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

@@ -1,271 +0,0 @@
-import { keyframes } from 'styled-components';
-export const allAnims = (props) => {
-    const { degreesLow = 0, degreesHi = 0 } = props;
-    const X360 = keyframes `
-   from {
-      -webkit-transform: rotateX(360deg);
-      transform: rotateX(360deg);
-   }
-   to {
-      -webkit-transform: rotateX(0deg);
-      transform: rotateX(0deg);
-   }
-}`;
-    //////// Y360
-    const Y360 = keyframes `
-    from {
-        -webkit-transform: rotateY(360deg);
-        transform: rotateY(360deg);
-    }
-    to {
-        -webkit-transform: rotateY(0deg);
-        transform: rotateY(0deg);
-    }`;
-    const fadeInkf = keyframes `
-    from {
-        opacity: 0;
-    }
-    to {
-        opacity: 1;
-    }`;
-    const wobY = 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 = 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 = keyframes `
-    from {
-        -webkit-transform: rotateX(360deg);
-        transform: rotateX(360deg);
-    }
-    to {
-        -webkit-transform: rotateX(180deg);
-        transform: rotateX(180deg);
-    }`;
-    const fwdx1836 = 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 = keyframes `
-    from {
-       -webkit-transform: rotateX(360deg);
-       transform: rotateX(360deg);
-    }
-    to {
-       -webkit-transform: rotateX(90deg);
-       transform: rotateX(90deg);
-    }`;
-    const fwdx918 = keyframes `
-    from {
-        -webkit-transform: rotateX(-90deg);
-        transform: rotateX(-90deg);
-    }
-    to {
-        -webkit-transform: rotateX(-180deg);
-        transform: rotateX(-180deg);
-    }`;
-    const fwdx1827 = keyframes `
-    from {
-        -webkit-transform: rotateX(-180deg);
-        transform: rotateX(-180deg);
-    }
-    to {
-        -webkit-transform: rotateX(-270deg);
-        transform: rotateX(-270deg);
-    }`;
-    const fwdx2736 = 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 = keyframes `
-   from {
-       -webkit-transform: rotateY(360deg);
-       transform: rotateY(360deg);
-   }
-   to {
-       -webkit-transform: rotateY(180deg);
-       transform: rotateY(180deg);
-   }`;
-    const fwdy1836 = 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 = keyframes `
-   from {
-      -webkit-transform: rotateY(360deg);
-      transform: rotateY(360deg);
-   }
-   to {
-      -webkit-transform: rotateY(90deg);
-      transform: rotateY(90deg);
-   }`;
-    const fwdy918 = keyframes `
-   from {
-       -webkit-transform: rotateY(-90deg);
-       transform: rotateY(-90deg);
-   }
-   to {
-       -webkit-transform: rotateY(-180deg);
-       transform: rotateY(-180deg);
-   }`;
-    const fwdy1827 = keyframes `
-   from {
-       -webkit-transform: rotateY(-180deg);
-       transform: rotateY(-180deg);
-   }
-   to {
-       -webkit-transform: rotateY(-270deg);
-       transform: rotateY(-270deg);
-   }`;
-    const fwdy2736 = keyframes `
-   from {
-       -webkit-transform: rotateY(-270deg);
-       transform: rotateY(-270deg);
-   }
-   to {
-       -webkit-transform: rotateY(-360deg);
-       transform: rotateY(-360deg);
-   }`;
-    /* ============================= 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 = 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 = 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 = 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 = 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 = 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
-    };
-};
-//# sourceMappingURL=Anims.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Anims.js","sourceRoot":"","sources":["../../../../src/components/styles/Anims.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAO9C,MAAM,CAAC,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,SAAS,CAAA;;;;;;;;;EASxB,CAAC;IAEC,aAAa;IACb,MAAM,IAAI,GAAG,SAAS,CAAA;;;;;;;;MAQpB,CAAC;IAEH,MAAM,QAAQ,GAAG,SAAS,CAAA;;;;;;MAMxB,CAAC;IAEH,MAAM,IAAI,GAAG,SAAS,CAAA;;qCAEW,UAAU;6BAClB,UAAU;;;qCAGF,SAAS;6BACjB,SAAS;;;qCAGD,UAAU;6BAClB,UAAU;MACjC,CAAC;IAEH,MAAM,IAAI,GAAG,SAAS,CAAA;;qCAEW,UAAU;6BAClB,UAAU;;;qCAGF,SAAS;6BACjB,SAAS;;;qCAGD,UAAU;6BAClB,UAAU;MACjC,CAAC;IACH,4DAA4D;IAC5D,MAAM,OAAO,GAAG,SAAS,CAAA;;;;;;;;MAQvB,CAAC;IACH,MAAM,QAAQ,GAAG,SAAS,CAAA;;;;;;;;MAQxB,CAAC;IACH,yEAAyE;IACzE,MAAM,MAAM,GAAG,SAAS,CAAA;;;;;;;;MAQtB,CAAC;IACH,MAAM,OAAO,GAAG,SAAS,CAAA;;;;;;;;MAQvB,CAAC;IACH,MAAM,QAAQ,GAAG,SAAS,CAAA;;;;;;;;MAQxB,CAAC;IACH,MAAM,QAAQ,GAAG,SAAS,CAAA;;;;;;;;MAQxB,CAAC;IAEH,4DAA4D;IAC5D,MAAM,OAAO,GAAG,SAAS,CAAA;;;;;;;;KAQxB,CAAC;IACF,MAAM,QAAQ,GAAG,SAAS,CAAA;;;;;;;;KAQzB,CAAC;IAEF,yEAAyE;IACzE,MAAM,MAAM,GAAG,SAAS,CAAA;;;;;;;;KAQvB,CAAC;IACF,MAAM,OAAO,GAAG,SAAS,CAAA;;;;;;;;KAQxB,CAAC;IACF,MAAM,QAAQ,GAAG,SAAS,CAAA;;;;;;;;KAQzB,CAAC;IACF,MAAM,QAAQ,GAAG,SAAS,CAAA;;;;;;;;KAQzB,CAAC;IAEF,4CAA4C;IAC5C,MAAM,MAAM,GAAG,SAAS,CAAA;;;uHAG2F,CAAC;IAEpH,MAAM,WAAW,GAAG,SAAS,CAAA;;;;;;;;;;;;;;;;;;;;;UAqBvB,CAAC;IAEP,MAAM,OAAO,GAAG,SAAS,CAAA;;;;;;;;;;;;;;;MAevB,CAAC;IAEH,MAAM,OAAO,GAAG,SAAS,CAAA;;;;;;;;;;;;;;;OAetB,CAAC;IAEJ,MAAM,OAAO,GAAG,SAAS,CAAA;;;;;;;;;;;;;;;OAetB,CAAC;IAEJ,MAAM,MAAM,GAAG,SAAS,CAAA,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"}

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

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

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

@@ -1,8 +0,0 @@
-import styled from 'styled-components';
-export const ObjWrapper = styled.div `
-    width: 100%;
-    height: 100%;
-    position: relative;
-    transform-style: preserve-3d;
-`;
-//# sourceMappingURL=Global.js.map

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

@@ -1 +0,0 @@
-{"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/dist/esm/components/styles/Scene.d.ts

@@ -1,10 +0,0 @@
-interface SceneStyleProps {
-    width?: number | string;
-    height?: number | string;
-    perspective?: number | string | undefined;
-    perspectiveOrigin?: string | undefined;
-    zIndex?: number | undefined;
-    children: any;
-}
-export declare const SceneStyle: (props: SceneStyleProps) => JSX.Element;
-export {};

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

@@ -1,17 +0,0 @@
-import styled from 'styled-components';
-import React from 'react';
-export const SceneStyle = (props) => {
-    const { width = 0, height = 0, perspective = 600, perspectiveOrigin = '50% 50%', zIndex = 10, children = {} } = props;
-    const SceneStyleDiv = styled.div `
-        width: ${width}px;
-        height: ${height}px;
-
-        -webkit-perspective: ${perspective}px;
-        perspective: ${perspective}px;
-        -webkit-perspective-origin: ${perspectiveOrigin};
-        perspective-origin: ${perspectiveOrigin};
-    `;
-    return (React.createElement("div", { style: { zIndex } },
-        React.createElement(SceneStyleDiv, null, children)));
-};
-//# sourceMappingURL=Scene.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Scene.js","sourceRoot":"","sources":["../../../../src/components/styles/Scene.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,MAAM,CAAC,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,MAAM,CAAC,GAAG,CAAA;iBACxB,KAAK;kBACJ,MAAM;;+BAEO,WAAW;uBACnB,WAAW;sCACI,iBAAiB;8BACzB,iBAAiB;KAC1C,CAAC;IAEF,OAAO,CACH,6BAAK,KAAK,EAAE,EAAE,MAAM,EAAE;QAClB,oBAAC,aAAa,QAAE,QAAQ,CAAiB,CACvC,CACT,CAAC;AACN,CAAC,CAAC"}

package/dist/esm/index.d.ts

@@ -1 +0,0 @@
-export * from './components';

package/dist/esm/index.js

@@ -1,2 +0,0 @@
-export * from './components';
-//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}