@mekari/pixel3-transition 0.0.3 → 0.0.5-dev.0
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.
- package/dist/animate-height.js +5 -0
- package/dist/animate-height.mjs +2 -2
- package/dist/{chunk-7BE634W2.mjs → chunk-EL6JEJTO.mjs} +1 -1
- package/dist/{chunk-F65UX7S5.mjs → chunk-RNSGSVCB.mjs} +5 -0
- package/dist/index.js +6 -1
- package/dist/index.mjs +2 -2
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/modules/useAnimateHeight.js +5 -0
- package/dist/modules/useAnimateHeight.mjs +1 -1
- package/package.json +5 -5
package/dist/animate-height.js
CHANGED
|
@@ -76,10 +76,13 @@ var animateHeightProps = {
|
|
|
76
76
|
// src/modules/useAnimateHeight.ts
|
|
77
77
|
var import_animejs = __toESM(require("animejs"));
|
|
78
78
|
var import_vue = require("vue");
|
|
79
|
+
var import_pixel3_utils = require("@mekari/pixel3-utils");
|
|
79
80
|
function useAnimateHeight(props, emit) {
|
|
80
81
|
const currentEl = (0, import_vue.ref)();
|
|
81
82
|
const isFirstRender = (0, import_vue.ref)(true);
|
|
82
83
|
function enter() {
|
|
84
|
+
if (!import_pixel3_utils.canUseDOM)
|
|
85
|
+
return;
|
|
83
86
|
const el = currentEl.value;
|
|
84
87
|
emit("enter", currentEl);
|
|
85
88
|
el.style.visibility = "hidden";
|
|
@@ -107,6 +110,8 @@ function useAnimateHeight(props, emit) {
|
|
|
107
110
|
}
|
|
108
111
|
__name(enter, "enter");
|
|
109
112
|
function leave() {
|
|
113
|
+
if (!import_pixel3_utils.canUseDOM)
|
|
114
|
+
return;
|
|
110
115
|
const el = currentEl.value;
|
|
111
116
|
emit("leave", currentEl);
|
|
112
117
|
const {
|
package/dist/animate-height.mjs
CHANGED
|
@@ -5,10 +5,13 @@ import {
|
|
|
5
5
|
// src/modules/useAnimateHeight.ts
|
|
6
6
|
import anime from "animejs";
|
|
7
7
|
import { computed, nextTick, ref, watch } from "vue";
|
|
8
|
+
import { canUseDOM } from "@mekari/pixel3-utils";
|
|
8
9
|
function useAnimateHeight(props, emit) {
|
|
9
10
|
const currentEl = ref();
|
|
10
11
|
const isFirstRender = ref(true);
|
|
11
12
|
function enter() {
|
|
13
|
+
if (!canUseDOM)
|
|
14
|
+
return;
|
|
12
15
|
const el = currentEl.value;
|
|
13
16
|
emit("enter", currentEl);
|
|
14
17
|
el.style.visibility = "hidden";
|
|
@@ -36,6 +39,8 @@ function useAnimateHeight(props, emit) {
|
|
|
36
39
|
}
|
|
37
40
|
__name(enter, "enter");
|
|
38
41
|
function leave() {
|
|
42
|
+
if (!canUseDOM)
|
|
43
|
+
return;
|
|
39
44
|
const el = currentEl.value;
|
|
40
45
|
emit("leave", currentEl);
|
|
41
46
|
const {
|
package/dist/index.js
CHANGED
|
@@ -28,7 +28,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
28
28
|
));
|
|
29
29
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
30
30
|
|
|
31
|
-
// src/index.
|
|
31
|
+
// src/index.ts
|
|
32
32
|
var src_exports = {};
|
|
33
33
|
__export(src_exports, {
|
|
34
34
|
MpAnimateHeight: () => MpAnimateHeight
|
|
@@ -78,10 +78,13 @@ var animateHeightProps = {
|
|
|
78
78
|
// src/modules/useAnimateHeight.ts
|
|
79
79
|
var import_animejs = __toESM(require("animejs"));
|
|
80
80
|
var import_vue = require("vue");
|
|
81
|
+
var import_pixel3_utils = require("@mekari/pixel3-utils");
|
|
81
82
|
function useAnimateHeight(props, emit) {
|
|
82
83
|
const currentEl = (0, import_vue.ref)();
|
|
83
84
|
const isFirstRender = (0, import_vue.ref)(true);
|
|
84
85
|
function enter() {
|
|
86
|
+
if (!import_pixel3_utils.canUseDOM)
|
|
87
|
+
return;
|
|
85
88
|
const el = currentEl.value;
|
|
86
89
|
emit("enter", currentEl);
|
|
87
90
|
el.style.visibility = "hidden";
|
|
@@ -109,6 +112,8 @@ function useAnimateHeight(props, emit) {
|
|
|
109
112
|
}
|
|
110
113
|
__name(enter, "enter");
|
|
111
114
|
function leave() {
|
|
115
|
+
if (!import_pixel3_utils.canUseDOM)
|
|
116
|
+
return;
|
|
112
117
|
const el = currentEl.value;
|
|
113
118
|
emit("leave", currentEl);
|
|
114
119
|
const {
|
package/dist/index.mjs
CHANGED
package/dist/metafile-cjs.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/modules/transition.props.ts":{"bytes":1007,"imports":[],"format":"esm"},"src/modules/useAnimateHeight.ts":{"bytes":
|
|
1
|
+
{"inputs":{"src/modules/transition.props.ts":{"bytes":1007,"imports":[],"format":"esm"},"src/modules/useAnimateHeight.ts":{"bytes":2344,"imports":[{"path":"animejs","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/animate-height.tsx":{"bytes":758,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/transition.props.ts","kind":"import-statement","original":"./modules/transition.props"},{"path":"src/modules/useAnimateHeight.ts","kind":"import-statement","original":"./modules/useAnimateHeight"}],"format":"esm"},"src/index.ts":{"bytes":118,"imports":[{"path":"src/animate-height.tsx","kind":"import-statement","original":"./animate-height"}],"format":"esm"}},"outputs":{"dist/animate-height.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"animejs","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/animate-height.tsx","inputs":{"src/animate-height.tsx":{"bytesInOutput":716},"src/modules/transition.props.ts":{"bytesInOutput":500},"src/modules/useAnimateHeight.ts":{"bytesInOutput":2369}},"bytes":5306},"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"animejs","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":135},"src/animate-height.tsx":{"bytesInOutput":548},"src/modules/transition.props.ts":{"bytesInOutput":500},"src/modules/useAnimateHeight.ts":{"bytesInOutput":2369}},"bytes":5290},"dist/modules/transition.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/transition.props.ts","inputs":{"src/modules/transition.props.ts":{"bytesInOutput":680}},"bytes":1627},"dist/modules/useAnimateHeight.js":{"imports":[{"path":"animejs","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/useAnimateHeight.ts","inputs":{"src/modules/useAnimateHeight.ts":{"bytesInOutput":2545}},"bytes":4177}}}
|
package/dist/metafile-esm.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/modules/transition.props.ts":{"bytes":1007,"imports":[],"format":"esm"},"src/modules/useAnimateHeight.ts":{"bytes":
|
|
1
|
+
{"inputs":{"src/modules/transition.props.ts":{"bytes":1007,"imports":[],"format":"esm"},"src/modules/useAnimateHeight.ts":{"bytes":2344,"imports":[{"path":"animejs","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/animate-height.tsx":{"bytes":758,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/transition.props.ts","kind":"import-statement","original":"./modules/transition.props"},{"path":"src/modules/useAnimateHeight.ts","kind":"import-statement","original":"./modules/useAnimateHeight"}],"format":"esm"},"src/index.ts":{"bytes":118,"imports":[{"path":"src/animate-height.tsx","kind":"import-statement","original":"./animate-height"}],"format":"esm"}},"outputs":{"dist/animate-height.mjs":{"imports":[{"path":"dist/chunk-EL6JEJTO.mjs","kind":"import-statement"},{"path":"dist/chunk-SQMYD3AJ.mjs","kind":"import-statement"},{"path":"dist/chunk-RNSGSVCB.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAnimateHeight"],"entryPoint":"src/animate-height.tsx","inputs":{},"bytes":181},"dist/index.mjs":{"imports":[{"path":"dist/chunk-EL6JEJTO.mjs","kind":"import-statement"},{"path":"dist/chunk-SQMYD3AJ.mjs","kind":"import-statement"},{"path":"dist/chunk-RNSGSVCB.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAnimateHeight"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":181},"dist/chunk-EL6JEJTO.mjs":{"imports":[{"path":"dist/chunk-SQMYD3AJ.mjs","kind":"import-statement"},{"path":"dist/chunk-RNSGSVCB.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true}],"exports":["MpAnimateHeight"],"inputs":{"src/animate-height.tsx":{"bytesInOutput":537}},"bytes":715},"dist/modules/transition.props.mjs":{"imports":[{"path":"dist/chunk-SQMYD3AJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["animateHeightProps"],"entryPoint":"src/modules/transition.props.ts","inputs":{},"bytes":127},"dist/chunk-SQMYD3AJ.mjs":{"imports":[],"exports":["animateHeightProps"],"inputs":{"src/modules/transition.props.ts":{"bytesInOutput":500}},"bytes":569},"dist/modules/useAnimateHeight.mjs":{"imports":[{"path":"dist/chunk-RNSGSVCB.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["useAnimateHeight"],"entryPoint":"src/modules/useAnimateHeight.ts","inputs":{},"bytes":123},"dist/chunk-RNSGSVCB.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"animejs","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["useAnimateHeight"],"inputs":{"src/modules/useAnimateHeight.ts":{"bytesInOutput":2180}},"bytes":2297},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151}}}
|
|
@@ -36,10 +36,13 @@ __export(useAnimateHeight_exports, {
|
|
|
36
36
|
module.exports = __toCommonJS(useAnimateHeight_exports);
|
|
37
37
|
var import_animejs = __toESM(require("animejs"));
|
|
38
38
|
var import_vue = require("vue");
|
|
39
|
+
var import_pixel3_utils = require("@mekari/pixel3-utils");
|
|
39
40
|
function useAnimateHeight(props, emit) {
|
|
40
41
|
const currentEl = (0, import_vue.ref)();
|
|
41
42
|
const isFirstRender = (0, import_vue.ref)(true);
|
|
42
43
|
function enter() {
|
|
44
|
+
if (!import_pixel3_utils.canUseDOM)
|
|
45
|
+
return;
|
|
43
46
|
const el = currentEl.value;
|
|
44
47
|
emit("enter", currentEl);
|
|
45
48
|
el.style.visibility = "hidden";
|
|
@@ -67,6 +70,8 @@ function useAnimateHeight(props, emit) {
|
|
|
67
70
|
}
|
|
68
71
|
__name(enter, "enter");
|
|
69
72
|
function leave() {
|
|
73
|
+
if (!import_pixel3_utils.canUseDOM)
|
|
74
|
+
return;
|
|
70
75
|
const el = currentEl.value;
|
|
71
76
|
emit("leave", currentEl);
|
|
72
77
|
const {
|
package/package.json
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mekari/pixel3-transition",
|
|
3
|
-
"
|
|
3
|
+
"description": "Transition component for mekari pixel 3",
|
|
4
|
+
"version": "0.0.5-dev.0",
|
|
4
5
|
"main": "dist/index.js",
|
|
5
6
|
"license": "MIT",
|
|
6
7
|
"files": [
|
|
@@ -8,9 +9,9 @@
|
|
|
8
9
|
],
|
|
9
10
|
"dependencies": {
|
|
10
11
|
"animejs": "^3.2.2",
|
|
11
|
-
"@mekari/pixel3-icon": "0.0.
|
|
12
|
-
"@mekari/pixel3-
|
|
13
|
-
"@mekari/pixel3-
|
|
12
|
+
"@mekari/pixel3-icon": "0.0.6-dev.0",
|
|
13
|
+
"@mekari/pixel3-utils": "0.0.4",
|
|
14
|
+
"@mekari/pixel3-styled-system": "0.0.4-dev.0"
|
|
14
15
|
},
|
|
15
16
|
"peerDependencies": {
|
|
16
17
|
"vue": "^3.4.9"
|
|
@@ -36,7 +37,6 @@
|
|
|
36
37
|
"build": "tsup && pnpm build:types",
|
|
37
38
|
"build:fast": "tsup",
|
|
38
39
|
"build:types": "tsup src --dts-only",
|
|
39
|
-
"build:external": "tsup src/index.tsx --external @acme-org/styled-system",
|
|
40
40
|
"types:check": "tsc --noEmit",
|
|
41
41
|
"replace-config": "clean-package",
|
|
42
42
|
"restore-config": "clean-package restore"
|