anim-3d-obj 1.1.34 → 1.1.35

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (62) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +59 -154
  3. package/dist/cjs/components/Button.d.ts +1 -1
  4. package/dist/cjs/components/Button.js.map +1 -1
  5. package/dist/cjs/components/Card.d.ts +1 -1
  6. package/dist/cjs/components/Card.js +7 -8
  7. package/dist/cjs/components/Card.js.map +1 -1
  8. package/dist/cjs/components/Cuboid.d.ts +1 -1
  9. package/dist/cjs/components/Cuboid.js +11 -12
  10. package/dist/cjs/components/Cuboid.js.map +1 -1
  11. package/dist/cjs/components/Faces/Face.d.ts +1 -1
  12. package/dist/cjs/components/Faces/Face.js +15 -19
  13. package/dist/cjs/components/Faces/Face.js.map +1 -1
  14. package/dist/cjs/components/Ribbon.d.ts +1 -1
  15. package/dist/cjs/components/Ribbon.js +8 -9
  16. package/dist/cjs/components/Ribbon.js.map +1 -1
  17. package/dist/cjs/components/index.d.ts +5 -5
  18. package/dist/cjs/components/styles/AnimFilter.d.ts +7 -0
  19. package/dist/cjs/components/styles/AnimFilter.js +14 -0
  20. package/dist/cjs/components/styles/AnimFilter.js.map +1 -0
  21. package/dist/cjs/components/styles/AnimWrap.d.ts +1 -1
  22. package/dist/cjs/components/styles/AnimWrap.js +44 -44
  23. package/dist/cjs/components/styles/AnimWrap.js.map +1 -1
  24. package/dist/cjs/components/styles/Anims.d.ts +4 -0
  25. package/dist/cjs/components/styles/Anims.js +79 -18
  26. package/dist/cjs/components/styles/Anims.js.map +1 -1
  27. package/dist/cjs/components/styles/Global.js +4 -4
  28. package/dist/cjs/components/styles/Scene.js +8 -8
  29. package/dist/cjs/components/styles/Scene.js.map +1 -1
  30. package/dist/cjs/index.d.ts +1 -1
  31. package/dist/esm/components/Button.d.ts +1 -1
  32. package/dist/esm/components/Button.js +1 -1
  33. package/dist/esm/components/Button.js.map +1 -1
  34. package/dist/esm/components/Card.d.ts +1 -1
  35. package/dist/esm/components/Card.js +11 -12
  36. package/dist/esm/components/Card.js.map +1 -1
  37. package/dist/esm/components/Cuboid.d.ts +1 -1
  38. package/dist/esm/components/Cuboid.js +15 -16
  39. package/dist/esm/components/Cuboid.js.map +1 -1
  40. package/dist/esm/components/Faces/Face.d.ts +1 -1
  41. package/dist/esm/components/Faces/Face.js +17 -21
  42. package/dist/esm/components/Faces/Face.js.map +1 -1
  43. package/dist/esm/components/Ribbon.d.ts +1 -1
  44. package/dist/esm/components/Ribbon.js +12 -13
  45. package/dist/esm/components/Ribbon.js.map +1 -1
  46. package/dist/esm/components/index.d.ts +5 -5
  47. package/dist/esm/components/index.js +5 -5
  48. package/dist/esm/components/styles/AnimFilter.d.ts +7 -0
  49. package/dist/esm/components/styles/AnimFilter.js +8 -0
  50. package/dist/esm/components/styles/AnimFilter.js.map +1 -0
  51. package/dist/esm/components/styles/AnimWrap.d.ts +1 -1
  52. package/dist/esm/components/styles/AnimWrap.js +47 -47
  53. package/dist/esm/components/styles/AnimWrap.js.map +1 -1
  54. package/dist/esm/components/styles/Anims.d.ts +4 -0
  55. package/dist/esm/components/styles/Anims.js +80 -19
  56. package/dist/esm/components/styles/Anims.js.map +1 -1
  57. package/dist/esm/components/styles/Global.js +5 -5
  58. package/dist/esm/components/styles/Scene.js +10 -10
  59. package/dist/esm/components/styles/Scene.js.map +1 -1
  60. package/dist/esm/index.d.ts +1 -1
  61. package/dist/esm/index.js +1 -1
  62. package/package.json +38 -46
@@ -1,2 +1,2 @@
1
- import { ObjProps } from "./Faces/FaceInter";
1
+ import { ObjProps } from './Faces/FaceInter';
2
2
  export declare const Ribbon: (props: ObjProps) => any;
@@ -1,19 +1,18 @@
1
- import React from "react";
2
- import { AnimWrap } from "./styles/AnimWrap";
3
- import { SceneStyle } from "./styles/Scene";
4
- import Face from "./Faces/Face";
5
- import { ObjWrapper } from "./styles/Global";
1
+ import React from 'react';
2
+ import { SceneStyle } from './styles/Scene';
3
+ import Face from './Faces/Face';
4
+ import { ObjWrapper } from './styles/Global';
5
+ import AnimFilter from './styles/AnimFilter';
6
6
  export const Ribbon = (props) => {
7
- let { anim1Specs, anim2Specs, width = 5, height = 5, depth = 5, faces, global = {}, custom = {}, tranz = (+height / 2) | 0, perspective, perspectiveOrigin, zIndex, } = props;
7
+ let { anim1Specs, anim2Specs, width = 5, height = 5, depth = 5, faces, global = {}, custom = {}, tranz = (+height / 2) | 0, perspective, perspectiveOrigin, zIndex } = props;
8
8
  const buildFace = (faceType) => {
9
- return (React.createElement(Face, { width: width, height: height, depth: depth, faceType: faceType, id: faceType, tranz: tranz, global: global, custom: custom }));
9
+ return React.createElement(Face, { width: width, height: height, depth: depth, faceType: faceType, id: faceType, tranz: tranz, global: global, custom: custom });
10
10
  };
11
11
  return (React.createElement(SceneStyle, { width: width, height: height, perspective: perspective, perspectiveOrigin: perspectiveOrigin, zIndex: zIndex },
12
- React.createElement(AnimWrap, { animSpecs: anim1Specs },
13
- React.createElement(AnimWrap, { animSpecs: anim2Specs },
14
- React.createElement(ObjWrapper, null,
15
- !!faces && !!faces.bottom ? buildFace("bottom") : null,
16
- !!faces && !!faces.back ? buildFace("back") : null,
17
- !!faces && !!faces.top ? buildFace("topr") : null)))));
12
+ React.createElement(AnimFilter, { anim1Specs: anim1Specs, anim2Specs: anim2Specs },
13
+ React.createElement(ObjWrapper, null,
14
+ !!faces && !!faces.bottom ? buildFace('bottom') : null,
15
+ !!faces && !!faces.back ? buildFace('back') : null,
16
+ !!faces && !!faces.top ? buildFace('topr') : null))));
18
17
  };
19
18
  //# sourceMappingURL=Ribbon.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Ribbon.js","sourceRoot":"","sources":["../../../src/components/Ribbon.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,cAAc,CAAC;AAChC,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"}
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"}
@@ -1,5 +1,5 @@
1
- export * from "./Button";
2
- export * from "./Faces/Face";
3
- export * from "./Card";
4
- export * from "./Cuboid";
5
- export * from "./Ribbon";
1
+ export * from './Button';
2
+ export * from './Faces/Face';
3
+ export * from './Card';
4
+ export * from './Cuboid';
5
+ export * from './Ribbon';
@@ -1,6 +1,6 @@
1
- export * from "./Button";
2
- export * from "./Faces/Face";
3
- export * from "./Card";
4
- export * from "./Cuboid";
5
- export * from "./Ribbon";
1
+ export * from './Button';
2
+ export * from './Faces/Face';
3
+ export * from './Card';
4
+ export * from './Cuboid';
5
+ export * from './Ribbon';
6
6
  //# sourceMappingURL=index.js.map
@@ -0,0 +1,7 @@
1
+ interface AnimFilterProps {
2
+ anim1Specs?: any;
3
+ anim2Specs?: any;
4
+ children: any;
5
+ }
6
+ export default function AnimFilter(props: AnimFilterProps): JSX.Element;
7
+ export {};
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ import { AnimWrap } from './AnimWrap';
3
+ export default function AnimFilter(props) {
4
+ const { anim1Specs = false, anim2Specs = false, children = '' } = props;
5
+ return anim1Specs && anim2Specs ? (React.createElement(AnimWrap, { animSpecs: anim1Specs },
6
+ React.createElement(AnimWrap, { animSpecs: anim2Specs }, children))) : anim1Specs && !anim2Specs ? (React.createElement(AnimWrap, { animSpecs: anim1Specs }, children)) : !anim1Specs && anim2Specs ? (React.createElement(AnimWrap, { animSpecs: anim2Specs }, children)) : (React.createElement(React.Fragment, null, children));
7
+ }
8
+ //# sourceMappingURL=AnimFilter.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AnimFilter.js","sourceRoot":"","sources":["../../../../src/components/styles/AnimFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAQtC,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAsB;IACrD,MAAM,EAAE,UAAU,GAAG,KAAK,EAAE,UAAU,GAAG,KAAK,EAAE,QAAQ,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC;IAExE,OAAO,UAAU,IAAI,UAAU,CAAC,CAAC,CAAC,CAC9B,oBAAC,QAAQ,IAAC,SAAS,EAAE,UAAU;QAC3B,oBAAC,QAAQ,IAAC,SAAS,EAAE,UAAU,IAAG,QAAQ,CAAY,CAC/C,CACd,CAAC,CAAC,CAAC,UAAU,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAC5B,oBAAC,QAAQ,IAAC,SAAS,EAAE,UAAU,IAAG,QAAQ,CAAY,CACzD,CAAC,CAAC,CAAC,CAAC,UAAU,IAAI,UAAU,CAAC,CAAC,CAAC,CAC5B,oBAAC,QAAQ,IAAC,SAAS,EAAE,UAAU,IAAG,QAAQ,CAAY,CACzD,CAAC,CAAC,CAAC,CACA,0CAAG,QAAQ,CAAI,CAClB,CAAC;AACN,CAAC"}
@@ -1,2 +1,2 @@
1
- import { AnimStylesProps } from "./Anim";
1
+ import { AnimStylesProps } from './Anim';
2
2
  export declare const AnimWrap: (props: AnimStylesProps) => JSX.Element;
@@ -1,79 +1,79 @@
1
- import styled from "styled-components";
2
- import React from "react";
3
- import { allAnims } from "./Anims";
1
+ import styled from 'styled-components';
2
+ import React from 'react';
3
+ import { allAnims } from './Anims';
4
4
  export const AnimWrap = (props) => {
5
5
  const { children, animSpecs } = props;
6
6
  const AS = animSpecs;
7
- const { X360, Y360, fadeInkf, wobY, wobX, fwdx018, fwdx1836, fwdx09, fwdx918, fwdx1827, fwdx2736, fwdy018, fwdy1836, fwdy09, fwdy918, fwdy1827, fwdy2736, floatX, floatShadow, pulseSM, pulseMD, pulseLG, noAnim, } = allAnims({ degreesHi: AS.degreesHi, degreesLow: AS.degreesLow });
8
- let theAnim = "noAnim";
7
+ const { X360, Y360, fadeInkf, wobY, wobX, fwdx018, fwdx1836, fwdx09, fwdx918, fwdx1827, fwdx2736, fwdy018, fwdy1836, fwdy09, fwdy918, fwdy1827, fwdy2736, floatX, floatShadow, pulseSM, pulseMD, pulseLG, noAnim } = allAnims({ degreesHi: AS.degreesHi, degreesLow: AS.degreesLow });
8
+ let theAnim = 'noAnim';
9
9
  // need to iterate through all animation posibilities and not use eval() to satisfy TS
10
- if (AS.name === "X360")
10
+ if (AS.name === 'X360')
11
11
  theAnim = X360;
12
- else if (AS.name === "Y360")
12
+ else if (AS.name === 'Y360')
13
13
  theAnim = Y360;
14
- else if (AS.name === "fadeInkf")
14
+ else if (AS.name === 'fadeInkf')
15
15
  theAnim = fadeInkf;
16
- else if (AS.name === "wobX")
16
+ else if (AS.name === 'wobX')
17
17
  theAnim = wobX;
18
- else if (AS.name === "wobY")
18
+ else if (AS.name === 'wobY')
19
19
  theAnim = wobY;
20
- else if (AS.name === "fwdx018")
20
+ else if (AS.name === 'fwdx018')
21
21
  theAnim = fwdx018;
22
- else if (AS.name === "fwdx1836")
22
+ else if (AS.name === 'fwdx1836')
23
23
  theAnim = fwdx1836;
24
- else if (AS.name === "fwdx09")
24
+ else if (AS.name === 'fwdx09')
25
25
  theAnim = fwdx09;
26
- else if (AS.name === "fwdx918")
26
+ else if (AS.name === 'fwdx918')
27
27
  theAnim = fwdx918;
28
- else if (AS.name === "fwdx1827")
28
+ else if (AS.name === 'fwdx1827')
29
29
  theAnim = fwdx1827;
30
- else if (AS.name === "fwdx2736")
30
+ else if (AS.name === 'fwdx2736')
31
31
  theAnim = fwdx2736;
32
- else if (AS.name === "fwdy018")
32
+ else if (AS.name === 'fwdy018')
33
33
  theAnim = fwdy018;
34
- else if (AS.name === "fwdy1836")
34
+ else if (AS.name === 'fwdy1836')
35
35
  theAnim = fwdy1836;
36
- else if (AS.name === "fwdy09")
36
+ else if (AS.name === 'fwdy09')
37
37
  theAnim = fwdy09;
38
- else if (AS.name === "fwdy918")
38
+ else if (AS.name === 'fwdy918')
39
39
  theAnim = fwdy918;
40
- else if (AS.name === "fwdy1827")
40
+ else if (AS.name === 'fwdy1827')
41
41
  theAnim = fwdy1827;
42
- else if (AS.name === "fwdy2736")
42
+ else if (AS.name === 'fwdy2736')
43
43
  theAnim = fwdy2736;
44
- else if (AS.name === "floatX")
44
+ else if (AS.name === 'floatX')
45
45
  theAnim = floatX;
46
- else if (AS.name === "floatShadow")
46
+ else if (AS.name === 'floatShadow')
47
47
  theAnim = floatShadow;
48
- else if (AS.name === "pulseSM")
48
+ else if (AS.name === 'pulseSM')
49
49
  theAnim = pulseSM;
50
- else if (AS.name === "pulseMD")
50
+ else if (AS.name === 'pulseMD')
51
51
  theAnim = pulseMD;
52
- else if (AS.name === "pulseLG")
52
+ else if (AS.name === 'pulseLG')
53
53
  theAnim = pulseLG;
54
54
  else
55
55
  theAnim = noAnim;
56
56
  const AnimWrapDiv = styled.div `
57
- width: 100%;
58
- height: 100%;
59
- position: relative;
60
- transform-style: preserve-3d;
61
- border: ${AS.border};
62
- -webkit-animation-duration: ${AS.duration}s;
63
- animation-duration: ${AS.duration}s;
64
- -webkit-animation-iteration-count: ${AS.iterationCount};
65
- animation-iteration-count: ${AS.iterationCount};
66
- -webkit-animation-name: ${theAnim};
67
- animation-name: ${theAnim};
68
- -webkit-animation-fill-mode: ${AS.fillMode};
69
- animation-fill-mode: ${AS.fillMode};
70
- animation-direction: ${AS.direction};
71
- -webkit-animation-direction: ${AS.direction};
72
- -webkit-animation-timing-function: ${AS.timing};
73
- animation-timing-function: ${AS.timing};
74
- -webkit-animation-delay: ${AS.delay}s;
75
- animation-delay: ${AS.delay}s;
76
- `;
57
+ width: 100%;
58
+ height: 100%;
59
+ position: relative;
60
+ transform-style: preserve-3d;
61
+ border: ${AS.border};
62
+ -webkit-animation-duration: ${AS.duration}s;
63
+ animation-duration: ${AS.duration}s;
64
+ -webkit-animation-iteration-count: ${AS.iterationCount};
65
+ animation-iteration-count: ${AS.iterationCount};
66
+ -webkit-animation-name: ${theAnim};
67
+ animation-name: ${theAnim};
68
+ -webkit-animation-fill-mode: ${AS.fillMode};
69
+ animation-fill-mode: ${AS.fillMode};
70
+ animation-direction: ${AS.direction};
71
+ -webkit-animation-direction: ${AS.direction};
72
+ -webkit-animation-timing-function: ${AS.timing};
73
+ animation-timing-function: ${AS.timing};
74
+ -webkit-animation-delay: ${AS.delay}s;
75
+ animation-delay: ${AS.delay}s;
76
+ `;
77
77
  return React.createElement(AnimWrapDiv, null, children);
78
78
  };
79
79
  //# sourceMappingURL=AnimWrap.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"AnimWrap.js","sourceRoot":"","sources":["../../../../src/components/styles/AnimWrap.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"AnimWrap.js","sourceRoot":"","sources":["../../../../src/components/styles/AnimWrap.tsx"],"names":[],"mappings":"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"}
@@ -10,16 +10,20 @@ export declare const allAnims: (props: AllAnimsProps) => {
10
10
  wobX: import("styled-components").Keyframes;
11
11
  fwdx018: import("styled-components").Keyframes;
12
12
  fwdx1836: import("styled-components").Keyframes;
13
+ fwdx1836true: import("styled-components").Keyframes;
13
14
  fwdx09: import("styled-components").Keyframes;
14
15
  fwdx918: import("styled-components").Keyframes;
15
16
  fwdx1827: import("styled-components").Keyframes;
16
17
  fwdx2736: import("styled-components").Keyframes;
18
+ fwdx2736true: import("styled-components").Keyframes;
17
19
  fwdy018: import("styled-components").Keyframes;
18
20
  fwdy1836: import("styled-components").Keyframes;
21
+ fwdy1836true: import("styled-components").Keyframes;
19
22
  fwdy09: import("styled-components").Keyframes;
20
23
  fwdy918: import("styled-components").Keyframes;
21
24
  fwdy1827: import("styled-components").Keyframes;
22
25
  fwdy2736: import("styled-components").Keyframes;
26
+ fwdy2736true: import("styled-components").Keyframes;
23
27
  floatX: import("styled-components").Keyframes;
24
28
  floatShadow: import("styled-components").Keyframes;
25
29
  pulseSM: import("styled-components").Keyframes;
@@ -1,4 +1,4 @@
1
- import { keyframes } from "styled-components";
1
+ import { keyframes } from 'styled-components';
2
2
  export const allAnims = (props) => {
3
3
  const { degreesLow = 0, degreesHi = 0 } = props;
4
4
  const X360 = keyframes `
@@ -57,31 +57,46 @@ export const allAnims = (props) => {
57
57
  /* ============================== x-axis 0-180 >180 - 360 */
58
58
  const fwdx018 = keyframes `
59
59
  from {
60
- -webkit-transform: rotateX(360deg);
61
- transform: rotateX(360deg);
60
+ -webkit-transform: rotateX(0deg);
61
+ transform: rotateX(0deg);
62
62
  }
63
63
  to {
64
64
  -webkit-transform: rotateX(180deg);
65
65
  transform: rotateX(180deg);
66
66
  }`;
67
67
  const fwdx1836 = keyframes `
68
- from {
68
+ 0% {
69
69
  -webkit-transform: rotateX(180deg);
70
70
  transform: rotateX(180deg);
71
71
  }
72
- to {
72
+ 99% {
73
+ -webkit-transform: rotateX(360deg);
74
+ transform: rotateX(360deg);
75
+ }
76
+ 100% {
73
77
  -webkit-transform: rotateX(0deg);
74
78
  transform: rotateX(0deg);
75
- }`;
79
+ }
80
+ `;
81
+ const fwdx1836true = keyframes `
82
+ 0% {
83
+ -webkit-transform: rotateX(180deg);
84
+ transform: rotateX(180deg);
85
+ }
86
+ 100% {
87
+ -webkit-transform: rotateX(360deg);
88
+ transform: rotateX(360deg);
89
+ }
90
+ `;
76
91
  /* ============================= x-axis 0-90, 90-180, 180-270, 270-360 */
77
92
  const fwdx09 = keyframes `
78
93
  from {
79
- -webkit-transform: rotateX(360deg);
80
- transform: rotateX(360deg);
94
+ -webkit-transform: rotateX(0deg);
95
+ transform: rotateX(0deg);
81
96
  }
82
97
  to {
83
- -webkit-transform: rotateX(90deg);
84
- transform: rotateX(90deg);
98
+ -webkit-transform: rotateX(-90deg);
99
+ transform: rotateX(-90deg);
85
100
  }`;
86
101
  const fwdx918 = keyframes `
87
102
  from {
@@ -102,6 +117,20 @@ export const allAnims = (props) => {
102
117
  transform: rotateX(-270deg);
103
118
  }`;
104
119
  const fwdx2736 = keyframes `
120
+ 0% {
121
+ -webkit-transform: rotateX(-270deg);
122
+ transform: rotateX(-270deg);
123
+ }
124
+ 99% {
125
+ -webkit-transform: rotateX(-360deg);
126
+ transform: rotateX(-360deg);
127
+ }
128
+ 100% {
129
+ -webkit-transform: rotateX(0);
130
+ transform: rotateX(0);
131
+ }
132
+ `;
133
+ const fwdx2736true = keyframes `
105
134
  from {
106
135
  -webkit-transform: rotateX(-270deg);
107
136
  transform: rotateX(-270deg);
@@ -113,31 +142,45 @@ export const allAnims = (props) => {
113
142
  /* ============================== y-axis 0-180 >180 - 360 */
114
143
  const fwdy018 = keyframes `
115
144
  from {
116
- -webkit-transform: rotateY(360deg);
117
- transform: rotateY(360deg);
145
+ -webkit-transform: rotateY(0deg);
146
+ transform: rotateY(0deg);
118
147
  }
119
148
  to {
120
149
  -webkit-transform: rotateY(180deg);
121
150
  transform: rotateY(180deg);
122
151
  }`;
123
152
  const fwdy1836 = keyframes `
124
- from {
153
+ 0% {
125
154
  -webkit-transform: rotateY(180deg);
126
155
  transform: rotateY(180deg);
127
156
  }
128
- to {
157
+ 99% {
158
+ -webkit-transform: rotateY(360deg);
159
+ transform: rotateY(360deg);
160
+ }
161
+ 100% {
129
162
  -webkit-transform: rotateY(0deg);
130
163
  transform: rotateY(0deg);
164
+ }
165
+ `;
166
+ const fwdy1836true = keyframes `
167
+ from {
168
+ -webkit-transform: rotateY(180deg);
169
+ transform: rotateY(180deg);
170
+ }
171
+ to {
172
+ -webkit-transform: rotateY(360deg);
173
+ transform: rotateY(360deg);
131
174
  }`;
132
175
  /* ============================= y-axis 0-90, 90-180, 180-270, 270-360 */
133
176
  const fwdy09 = keyframes `
134
177
  from {
135
- -webkit-transform: rotateY(360deg);
136
- transform: rotateY(360deg);
178
+ -webkit-transform: rotateY(0deg);
179
+ transform: rotateY(0deg);
137
180
  }
138
181
  to {
139
- -webkit-transform: rotateY(90deg);
140
- transform: rotateY(90deg);
182
+ -webkit-transform: rotateY(-90deg);
183
+ transform: rotateY(-90deg);
141
184
  }`;
142
185
  const fwdy918 = keyframes `
143
186
  from {
@@ -158,6 +201,20 @@ export const allAnims = (props) => {
158
201
  transform: rotateY(-270deg);
159
202
  }`;
160
203
  const fwdy2736 = keyframes `
204
+ 0% {
205
+ -webkit-transform: rotateY(-270deg);
206
+ transform: rotateY(-270deg);
207
+ }
208
+ 99% {
209
+ -webkit-transform: rotateY(-360deg);
210
+ transform: rotateY(-360deg);
211
+ }
212
+ 100%{
213
+ -webkit-transform: rotateY(0);
214
+ transform: rotateY(0g);
215
+ }
216
+ `;
217
+ const fwdy2736true = keyframes `
161
218
  from {
162
219
  -webkit-transform: rotateY(-270deg);
163
220
  transform: rotateY(-270deg);
@@ -250,22 +307,26 @@ export const allAnims = (props) => {
250
307
  wobX,
251
308
  fwdx018,
252
309
  fwdx1836,
310
+ fwdx1836true,
253
311
  fwdx09,
254
312
  fwdx918,
255
313
  fwdx1827,
256
314
  fwdx2736,
315
+ fwdx2736true,
257
316
  fwdy018,
258
317
  fwdy1836,
318
+ fwdy1836true,
259
319
  fwdy09,
260
320
  fwdy918,
261
321
  fwdy1827,
262
322
  fwdy2736,
323
+ fwdy2736true,
263
324
  floatX,
264
325
  floatShadow,
265
326
  pulseSM,
266
327
  pulseMD,
267
328
  pulseLG,
268
- noAnim,
329
+ noAnim
269
330
  };
270
331
  };
271
332
  //# sourceMappingURL=Anims.js.map
@@ -1 +1 @@
1
- {"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;IAC/C,MAAM,EAAE,UAAU,GAAG,CAAC,EAAE,SAAS,GAAG,CAAC,EAAE,GAAG,KAAK,CAAC;IAEhD,MAAM,IAAI,GAAG,SAAS,CAAA;;;;;;;;;EAStB,CAAC;IAED,aAAa;IACb,MAAM,IAAI,GAAG,SAAS,CAAA;;;;;;;;MAQlB,CAAC;IAEL,MAAM,QAAQ,GAAG,SAAS,CAAA;;;;;;MAMtB,CAAC;IAEL,MAAM,IAAI,GAAG,SAAS,CAAA;;qCAEa,UAAU;6BAClB,UAAU;;;qCAGF,SAAS;6BACjB,SAAS;;;qCAGD,UAAU;6BAClB,UAAU;MACjC,CAAC;IAEL,MAAM,IAAI,GAAG,SAAS,CAAA;;qCAEa,UAAU;6BAClB,UAAU;;;qCAGF,SAAS;6BACjB,SAAS;;;qCAGD,UAAU;6BAClB,UAAU;MACjC,CAAC;IACL,4DAA4D;IAC5D,MAAM,OAAO,GAAG,SAAS,CAAA;;;;;;;;MAQrB,CAAC;IACL,MAAM,QAAQ,GAAG,SAAS,CAAA;;;;;;;;MAQtB,CAAC;IACL,yEAAyE;IACzE,MAAM,MAAM,GAAG,SAAS,CAAA;;;;;;;;MAQpB,CAAC;IACL,MAAM,OAAO,GAAG,SAAS,CAAA;;;;;;;;MAQrB,CAAC;IACL,MAAM,QAAQ,GAAG,SAAS,CAAA;;;;;;;;MAQtB,CAAC;IACL,MAAM,QAAQ,GAAG,SAAS,CAAA;;;;;;;;MAQtB,CAAC;IAEL,4DAA4D;IAC5D,MAAM,OAAO,GAAG,SAAS,CAAA;;;;;;;;KAQtB,CAAC;IACJ,MAAM,QAAQ,GAAG,SAAS,CAAA;;;;;;;;KAQvB,CAAC;IAEJ,yEAAyE;IACzE,MAAM,MAAM,GAAG,SAAS,CAAA;;;;;;;;KAQrB,CAAC;IACJ,MAAM,OAAO,GAAG,SAAS,CAAA;;;;;;;;KAQtB,CAAC;IACJ,MAAM,QAAQ,GAAG,SAAS,CAAA;;;;;;;;KAQvB,CAAC;IACJ,MAAM,QAAQ,GAAG,SAAS,CAAA;;;;;;;;KAQvB,CAAC;IAEJ,4CAA4C;IAC5C,MAAM,MAAM,GAAG,SAAS,CAAA;;;uHAG6F,CAAC;IAEtH,MAAM,WAAW,GAAG,SAAS,CAAA;;;;;;;;;;;;;;;;;;;;;UAqBrB,CAAC;IAET,MAAM,OAAO,GAAG,SAAS,CAAA;;;;;;;;;;;;;;;MAerB,CAAC;IAEL,MAAM,OAAO,GAAG,SAAS,CAAA;;;;;;;;;;;;;;;OAepB,CAAC;IAEN,MAAM,OAAO,GAAG,SAAS,CAAA;;;;;;;;;;;;;;;OAepB,CAAC;IAEN,MAAM,MAAM,GAAG,SAAS,CAAA,EAAE,CAAC;IAE3B,OAAO;QACL,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;KACP,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"Anims.js","sourceRoot":"","sources":["../../../../src/components/styles/Anims.ts"],"names":[],"mappings":"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"}
@@ -1,8 +1,8 @@
1
- import styled from "styled-components";
1
+ import styled from 'styled-components';
2
2
  export const ObjWrapper = styled.div `
3
- width: 100%;
4
- height: 100%;
5
- position: relative;
6
- transform-style: preserve-3d;
3
+ width: 100%;
4
+ height: 100%;
5
+ position: relative;
6
+ transform-style: preserve-3d;
7
7
  `;
8
8
  //# sourceMappingURL=Global.js.map
@@ -1,15 +1,15 @@
1
- import styled from "styled-components";
2
- import React from "react";
1
+ import styled from 'styled-components';
2
+ import React from 'react';
3
3
  export const SceneStyle = (props) => {
4
- const { width = 0, height = 0, perspective = 600, perspectiveOrigin = "50% 50%", zIndex = 10, children = {}, } = props;
4
+ const { width = 0, height = 0, perspective = 600, perspectiveOrigin = '50% 50%', zIndex = 10, children = {} } = props;
5
5
  const SceneStyleDiv = styled.div `
6
- width: ${width}px;
7
- height: ${height}px;
8
- -webkit-perspective: ${perspective}px;
9
- perspective: ${perspective}px;
10
- -webkit-perspective-origin: ${perspectiveOrigin};
11
- perspective-origin: ${perspectiveOrigin};
12
- `;
6
+ width: ${width}px;
7
+ height: ${height}px;
8
+ -webkit-perspective: ${perspective}px;
9
+ perspective: ${perspective}px;
10
+ -webkit-perspective-origin: ${perspectiveOrigin};
11
+ perspective-origin: ${perspectiveOrigin};
12
+ `;
13
13
  return (React.createElement("div", { style: { zIndex } },
14
14
  React.createElement(SceneStyleDiv, null, children)));
15
15
  };
@@ -1 +1 @@
1
- {"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;IACnD,MAAM,EACJ,KAAK,GAAG,CAAC,EACT,MAAM,GAAG,CAAC,EACV,WAAW,GAAG,GAAG,EACjB,iBAAiB,GAAG,SAAS,EAC7B,MAAM,GAAG,EAAE,EACX,QAAQ,GAAG,EAAE,GACd,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAQ,MAAM,CAAC,GAAG,CAAA;aAC1B,KAAK;cACJ,MAAM;2BACO,WAAW;mBACnB,WAAW;kCACI,iBAAiB;0BACzB,iBAAiB;GACxC,CAAC;IAEF,OAAO,CACL,6BAAK,KAAK,EAAE,EAAE,MAAM,EAAE;QACpB,oBAAC,aAAa,QAAE,QAAQ,CAAiB,CACrC,CACP,CAAC;AACJ,CAAC,CAAC"}
1
+ {"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;+BACO,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"}
@@ -1 +1 @@
1
- export * from "./components";
1
+ export * from './components';
package/dist/esm/index.js CHANGED
@@ -1,4 +1,4 @@
1
1
  //export * from './hooks';
2
2
  //export * from './library';
3
- export * from "./components";
3
+ export * from './components';
4
4
  //# sourceMappingURL=index.js.map
package/package.json CHANGED
@@ -1,48 +1,40 @@
1
1
  {
2
- "name": "anim-3d-obj",
3
- "repository": {
4
- "type": "git",
5
- "url": "https://github.com/mdnelles/Component-Library"
6
- },
7
- "homepage": "https://github.com/mdnelles/anim-3d-objs",
8
- "version": "1.1.34",
9
- "description": "React library for creating 3D objects quickly. Also these objects can be animated",
10
- "main": "dist/cjs/index.js",
11
- "module": "dist/esm/index.js",
12
- "files": [
13
- "dist"
14
- ],
15
- "scripts": {
16
- "build": "rm -rf dist/ && prettier --write src/ && npm run build:esm && npm run build:cjs",
17
- "build:esm": "tsc",
18
- "build:cjs": "tsc --module CommonJS --outDir dist/cjs"
19
- },
20
- "author": "mdnelles",
21
- "license": "MIT",
22
- "devDependencies": {
23
- "@types/node": "^18.11.9",
24
- "@types/react": "^18.0.25",
25
- "@types/react-dom": "^18.0.8",
26
- "@types/styled-components": "^5.1.26",
27
- "react": "^18.2.0",
28
- "react-dom": "^18.2.0",
29
- "typescript": "^4.8.4"
30
- },
31
- "peerDependencies": {
32
- "react": "^18.2.0",
33
- "react-dom": "^18.2.0"
34
- },
35
- "dependencies": {
36
- "styled-components": "^5.3.6"
37
- },
38
- "keywords": [
39
- "React",
40
- "CSS",
41
- "style",
42
- "animation",
43
- "cube",
44
- "cuboid",
45
- "3d",
46
- "webGL"
47
- ]
2
+ "name": "anim-3d-obj",
3
+ "repository": {
4
+ "type": "git",
5
+ "url": "https://github.com/mdnelles/anim-3d-objs",
6
+ "homepage": "https://github.com/mdnelles/anim-3d-objs/blob/main/README.md"
7
+ },
8
+ "version": "1.1.35",
9
+ "description": "A component library for getting people started with easy to re-use components for everyday projects.",
10
+ "main": "dist/cjs/index.js",
11
+ "module": "dist/esm/index.js",
12
+ "files": [
13
+ "dist"
14
+ ],
15
+ "scripts": {
16
+ "build": "rm -rf dist/ && prettier --write src/ && npm run build:esm && npm run build:cjs",
17
+ "build:esm": "tsc",
18
+ "build:cjs": "tsc --module CommonJS --outDir dist/cjs"
19
+ },
20
+ "author": "mnelles",
21
+ "license": "MIT",
22
+ "devDependencies": {
23
+ "@types/node": "^18.11.9",
24
+ "@types/react": "^18.0.25",
25
+ "@types/react-dom": "^18.0.8",
26
+ "@types/styled-components": "^5.1.26",
27
+ "react": "^18.2.0",
28
+ "react-dom": "^18.2.0",
29
+ "typescript": "^4.8.4",
30
+ "styled-components": "^5.3.6"
31
+ },
32
+ "peerDependencies": {
33
+ "react": "^18.2.0",
34
+ "react-dom": "^18.2.0",
35
+ "styled-components": "^5.3.6"
36
+ },
37
+ "dependencies": {
38
+ "styled-components": "^5.3.6"
39
+ }
48
40
  }