anim-3d-obj 1.1.26 → 1.1.29

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 (8) hide show
  1. package/README.md +1 -3
  2. package/dist/cjs/components/styles/Anims.d.ts +4 -0
  3. package/dist/cjs/components/styles/Anims.js +74 -13
  4. package/dist/cjs/components/styles/Anims.js.map +1 -1
  5. package/dist/esm/components/styles/Anims.d.ts +4 -0
  6. package/dist/esm/components/styles/Anims.js +74 -13
  7. package/dist/esm/components/styles/Anims.js.map +1 -1
  8. package/package.json +1 -1
package/README.md CHANGED
@@ -3,7 +3,7 @@
3
3
  This project allows a user to create Cuboids of any size simply by entering a set of parameters.
4
4
  The program does the leg work with regard to calculating translationZ depth and config on the fly.
5
5
 
6
- - [GIT HOME](https://github.com/mdnelles/anim-3d-objs-launcher)
6
+ - [GIT HOME](https://github.com/mdnelles/anim-3d-objs)
7
7
  - [NPM HOME](https://www.npmjs.com/package/anim-3d-obj) npm i anim-3d-obj
8
8
 
9
9
  ## Examples
@@ -14,8 +14,6 @@ The program does the leg work with regard to calculating translationZ depth and
14
14
  - [2 sided object with animation wobble](https://codesandbox.io/s/anim-3d-obj-2-sided-anim-wobble-e14v3b)
15
15
  - [Parallel divs animated x and y axis in tandem](https://codesandbox.io/s/anim-3d-obj-2-sides-simple-4057y7)
16
16
  - [Spinning Slab](https://codesandbox.io/s/react-anim-3d-pulse-kc8g0f)
17
- - [GIT HOME](https://github.com/mdnelles/anim-3d-objs-launcher)
18
- - [NPM HOME](https://www.npmjs.com/package/anim-3d-obj) npm i anim-3d-obj
19
17
 
20
18
  ## Config
21
19
 
package/dist/cjs/components/styles/Anims.d.ts CHANGED
@@ -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;
package/dist/cjs/components/styles/Anims.js CHANGED
@@ -60,27 +60,42 @@ const allAnims = (props) => {
60
60
  /* ============================== x-axis 0-180 >180 - 360 */
61
61
  const fwdx018 = (0, styled_components_1.keyframes) `
62
62
  from {
63
- -webkit-transform: rotateX(360deg);
64
- transform: rotateX(360deg);
63
+ -webkit-transform: rotateX(0deg);
64
+ transform: rotateX(0deg);
65
65
  }
66
66
  to {
67
67
  -webkit-transform: rotateX(180deg);
68
68
  transform: rotateX(180deg);
69
69
  }`;
70
70
  const fwdx1836 = (0, styled_components_1.keyframes) `
71
- from {
71
+ 0% {
72
72
  -webkit-transform: rotateX(180deg);
73
73
  transform: rotateX(180deg);
74
74
  }
75
- to {
75
+ 99% {
76
+ -webkit-transform: rotateX(360deg);
77
+ transform: rotateX(360deg);
78
+ }
79
+ 100% {
76
80
  -webkit-transform: rotateX(0deg);
77
81
  transform: rotateX(0deg);
78
- }`;
82
+ }
83
+ `;
84
+ const fwdx1836true = (0, styled_components_1.keyframes) `
85
+ 0% {
86
+ -webkit-transform: rotateX(180deg);
87
+ transform: rotateX(180deg);
88
+ }
89
+ 100% {
90
+ -webkit-transform: rotateX(360deg);
91
+ transform: rotateX(360deg);
92
+ }
93
+ `;
79
94
  /* ============================= x-axis 0-90, 90-180, 180-270, 270-360 */
80
95
  const fwdx09 = (0, styled_components_1.keyframes) `
81
96
  from {
82
- -webkit-transform: rotateX(360deg);
83
- transform: rotateX(360deg);
97
+ -webkit-transform: rotateX(0deg);
98
+ transform: rotateX(0deg);
84
99
  }
85
100
  to {
86
101
  -webkit-transform: rotateX(90deg);
@@ -105,6 +120,20 @@ const allAnims = (props) => {
105
120
  transform: rotateX(-270deg);
106
121
  }`;
107
122
  const fwdx2736 = (0, styled_components_1.keyframes) `
123
+ 0% {
124
+ -webkit-transform: rotateX(-270deg);
125
+ transform: rotateX(-270deg);
126
+ }
127
+ 99% {
128
+ -webkit-transform: rotateX(-360deg);
129
+ transform: rotateX(-360deg);
130
+ }
131
+ 100% {
132
+ -webkit-transform: rotateX(0);
133
+ transform: rotateX(0);
134
+ }
135
+ `;
136
+ const fwdx2736true = (0, styled_components_1.keyframes) `
108
137
  from {
109
138
  -webkit-transform: rotateX(-270deg);
110
139
  transform: rotateX(-270deg);
@@ -116,27 +145,41 @@ const allAnims = (props) => {
116
145
  /* ============================== y-axis 0-180 >180 - 360 */
117
146
  const fwdy018 = (0, styled_components_1.keyframes) `
118
147
  from {
119
- -webkit-transform: rotateY(360deg);
120
- transform: rotateY(360deg);
148
+ -webkit-transform: rotateY(0deg);
149
+ transform: rotateY(0deg);
121
150
  }
122
151
  to {
123
152
  -webkit-transform: rotateY(180deg);
124
153
  transform: rotateY(180deg);
125
154
  }`;
126
155
  const fwdy1836 = (0, styled_components_1.keyframes) `
127
- from {
156
+ 0% {
128
157
  -webkit-transform: rotateY(180deg);
129
158
  transform: rotateY(180deg);
130
159
  }
131
- to {
160
+ 99% {
161
+ -webkit-transform: rotateY(360deg);
162
+ transform: rotateY(360deg);
163
+ }
164
+ 100% {
132
165
  -webkit-transform: rotateY(0deg);
133
166
  transform: rotateY(0deg);
167
+ }
168
+ `;
169
+ const fwdy1836true = (0, styled_components_1.keyframes) `
170
+ from {
171
+ -webkit-transform: rotateY(180deg);
172
+ transform: rotateY(180deg);
173
+ }
174
+ to {
175
+ -webkit-transform: rotateY(360deg);
176
+ transform: rotateY(360deg);
134
177
  }`;
135
178
  /* ============================= y-axis 0-90, 90-180, 180-270, 270-360 */
136
179
  const fwdy09 = (0, styled_components_1.keyframes) `
137
180
  from {
138
- -webkit-transform: rotateY(360deg);
139
- transform: rotateY(360deg);
181
+ -webkit-transform: rotateY(0deg);
182
+ transform: rotateY(0deg);
140
183
  }
141
184
  to {
142
185
  -webkit-transform: rotateY(90deg);
@@ -161,6 +204,20 @@ const allAnims = (props) => {
161
204
  transform: rotateY(-270deg);
162
205
  }`;
163
206
  const fwdy2736 = (0, styled_components_1.keyframes) `
207
+ 0% {
208
+ -webkit-transform: rotateY(-270deg);
209
+ transform: rotateY(-270deg);
210
+ }
211
+ 99% {
212
+ -webkit-transform: rotateY(-360deg);
213
+ transform: rotateY(-360deg);
214
+ }
215
+ 100%{
216
+ -webkit-transform: rotateY(0);
217
+ transform: rotateY(0g);
218
+ }
219
+ `;
220
+ const fwdy2736true = (0, styled_components_1.keyframes) `
164
221
  from {
165
222
  -webkit-transform: rotateY(-270deg);
166
223
  transform: rotateY(-270deg);
@@ -253,16 +310,20 @@ const allAnims = (props) => {
253
310
  wobX,
254
311
  fwdx018,
255
312
  fwdx1836,
313
+ fwdx1836true,
256
314
  fwdx09,
257
315
  fwdx918,
258
316
  fwdx1827,
259
317
  fwdx2736,
318
+ fwdx2736true,
260
319
  fwdy018,
261
320
  fwdy1836,
321
+ fwdy1836true,
262
322
  fwdy09,
263
323
  fwdy918,
264
324
  fwdy1827,
265
325
  fwdy2736,
326
+ fwdy2736true,
266
327
  floatX,
267
328
  floatShadow,
268
329
  pulseSM,
package/dist/cjs/components/styles/Anims.js.map CHANGED
@@ -1 +1 @@
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"}
1
+ {"version":3,"file":"Anims.js","sourceRoot":"","sources":["../../../../src/components/styles/Anims.ts"],"names":[],"mappings":"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"}
package/dist/esm/components/styles/Anims.d.ts CHANGED
@@ -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;
package/dist/esm/components/styles/Anims.js CHANGED
@@ -57,27 +57,42 @@ 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
98
  -webkit-transform: rotateX(90deg);
@@ -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,27 +142,41 @@ 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
182
  -webkit-transform: rotateY(90deg);
@@ -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,16 +307,20 @@ 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,
package/dist/esm/components/styles/Anims.js.map CHANGED
@@ -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;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"}
1
+ {"version":3,"file":"Anims.js","sourceRoot":"","sources":["../../../../src/components/styles/Anims.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "url": "https://github.com/mdnelles/anim-3d-objs",
6
6
  "homepage": "https://github.com/mdnelles/anim-3d-objs/blob/main/README.md"
7
7
  },
8
- "version": "1.1.26",
8
+ "version": "1.1.29",
9
9
  "description": "A component library for getting people started with easy to re-use components for everyday projects.",
10
10
  "main": "dist/cjs/index.js",
11
11
  "module": "dist/esm/index.js",