anim-3d-obj 1.1.74 → 1.1.225

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

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

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

@@ -1,81 +0,0 @@
-import styled from "styled-components";
-import React from "react";
-import { allAnims } from "./Anims";
-export const AnimWrap = (props) => {
-    const { children, animSpecs } = props;
-    const AS = animSpecs;
-    const { X360, Y360, fadeInkf, wobY, wobX, fwdx018, fwdx1836, fwdx09, fwdx918, fwdx1827, fwdx2736, fwdy018, fwdy1836, fwdy09, fwdy918, fwdy1827, fwdy2736, floatX, floatShadow, pulseSM, pulseMD, pulseLG, swing, swingDecay, noAnim, } = allAnims({ degreesHi: AS.degreesHi, degreesLow: AS.degreesLow });
-    let theAnim = "noAnim";
-    if (AS.name === "X360")
-        theAnim = X360;
-    else if (AS.name === "Y360")
-        theAnim = Y360;
-    else if (AS.name === "fadeInkf")
-        theAnim = fadeInkf;
-    else if (AS.name === "wobX")
-        theAnim = wobX;
-    else if (AS.name === "wobY")
-        theAnim = wobY;
-    else if (AS.name === "fwdx018")
-        theAnim = fwdx018;
-    else if (AS.name === "fwdx1836")
-        theAnim = fwdx1836;
-    else if (AS.name === "fwdx09")
-        theAnim = fwdx09;
-    else if (AS.name === "fwdx918")
-        theAnim = fwdx918;
-    else if (AS.name === "fwdx1827")
-        theAnim = fwdx1827;
-    else if (AS.name === "fwdx2736")
-        theAnim = fwdx2736;
-    else if (AS.name === "fwdy018")
-        theAnim = fwdy018;
-    else if (AS.name === "fwdy1836")
-        theAnim = fwdy1836;
-    else if (AS.name === "fwdy09")
-        theAnim = fwdy09;
-    else if (AS.name === "fwdy918")
-        theAnim = fwdy918;
-    else if (AS.name === "fwdy1827")
-        theAnim = fwdy1827;
-    else if (AS.name === "fwdy2736")
-        theAnim = fwdy2736;
-    else if (AS.name === "floatX")
-        theAnim = floatX;
-    else if (AS.name === "floatShadow")
-        theAnim = floatShadow;
-    else if (AS.name === "pulseSM")
-        theAnim = pulseSM;
-    else if (AS.name === "pulseMD")
-        theAnim = pulseMD;
-    else if (AS.name === "pulseLG")
-        theAnim = pulseLG;
-    else if (AS.name === "swing")
-        theAnim = swing;
-    else if (AS.name === "swingDecay")
-        theAnim = swingDecay;
-    else
-        theAnim = noAnim;
-    const AnimWrapDiv = styled.div `
-    width: 100%;
-    height: 100%;
-    position: relative;
-    transform-style: preserve-3d;
-    border: ${AS.border};
-    -webkit-animation-duration: ${AS.duration}s;
-    animation-duration: ${AS.duration}s;
-    -webkit-animation-iteration-count: ${AS.iterationCount};
-    animation-iteration-count: ${AS.iterationCount};
-    -webkit-animation-name: ${theAnim};
-    animation-name: ${theAnim};
-    -webkit-animation-fill-mode: ${AS.fillMode};
-    animation-fill-mode: ${AS.fillMode};
-    animation-direction: ${AS.direction};
-    -webkit-animation-direction: ${AS.direction};
-    -webkit-animation-timing-function: ${AS.timing};
-    animation-timing-function: ${AS.timing};
-    -webkit-animation-delay: ${AS.delay}s;
-    animation-delay: ${AS.delay}s;
-  `;
-    return React.createElement(AnimWrapDiv, null, children);
-};

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

@@ -1,32 +0,0 @@
-interface AllAnimsProps {
-    degreesLow?: number;
-    degreesHi?: number;
-}
-export declare const allAnims: (props: AllAnimsProps) => {
-    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;
-    swing: import("styled-components").Keyframes;
-    swingDecay: import("styled-components").Keyframes;
-    noAnim: import("styled-components").Keyframes;
-};
-export {};

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

@@ -1,6 +0,0 @@
-interface ObjWrapperProps {
-    showCenterDiv?: boolean | string | number;
-    children?: any;
-}
-export declare const ObjWrapper: (props: ObjWrapperProps) => any;
-export {};

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

@@ -1,20 +0,0 @@
-import styled from "styled-components";
-import React from "react";
-export const ObjWrapper = (props) => {
-    const { showCenterDiv = false, children = "" } = props;
-    const Wrapper = showCenterDiv
-        ? styled.section `
-        width: 100%;
-        height: 100%;
-        position: relative;
-        transform-style: preserve-3d;
-        border: 1px solid #0f0;
-      `
-        : styled.section `
-        width: 100%;
-        height: 100%;
-        position: relative;
-        transform-style: preserve-3d;
-      `;
-    return React.createElement(Wrapper, null, children);
-};

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,15 +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)));
-};

package/dist/esm/index.d.ts

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

package/dist/esm/index.js

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