@mekari/pixel3-modal 0.0.10 → 0.0.11-dev.1
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/{chunk-2WYPEVZV.mjs → chunk-C32JEGIV.mjs} +6 -2
- package/dist/{chunk-MO6AFEOO.mjs → chunk-DOYCA7TN.mjs} +8 -3
- package/dist/{chunk-7LGGLG42.mjs → chunk-F4DFMFXX.mjs} +2 -2
- package/dist/{chunk-NCQFKFXL.mjs → chunk-GECRKENZ.mjs} +2 -2
- package/dist/content.js +8 -3
- package/dist/content.mjs +3 -3
- package/dist/index.js +14 -5
- package/dist/index.mjs +4 -4
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/modal.d.mts +9 -0
- package/dist/modal.d.ts +9 -0
- package/dist/modal.js +6 -2
- package/dist/modal.mjs +3 -3
- package/dist/modules/modal.props.d.mts +4 -0
- package/dist/modules/modal.props.d.ts +4 -0
- package/dist/modules/modal.props.js +6 -2
- package/dist/modules/modal.props.mjs +1 -1
- package/dist/modules/useModal.js +8 -3
- package/dist/modules/useModal.mjs +1 -1
- package/package.json +3 -3
|
@@ -38,6 +38,10 @@ var modalProps = {
|
|
|
38
38
|
isDisablePortal: {
|
|
39
39
|
type: Boolean,
|
|
40
40
|
default: false
|
|
41
|
+
},
|
|
42
|
+
isDisableFocusTrap: {
|
|
43
|
+
type: Boolean,
|
|
44
|
+
default: false
|
|
41
45
|
}
|
|
42
46
|
};
|
|
43
47
|
var modalContentProps = {
|
|
@@ -51,8 +55,8 @@ var modalContentProps = {
|
|
|
51
55
|
}
|
|
52
56
|
};
|
|
53
57
|
var modalEmits = {
|
|
54
|
-
|
|
55
|
-
|
|
58
|
+
open: (value) => value,
|
|
59
|
+
close: (value) => value
|
|
56
60
|
};
|
|
57
61
|
|
|
58
62
|
export {
|
|
@@ -62,7 +62,8 @@ function useModalContent(props) {
|
|
|
62
62
|
isKeepAlive,
|
|
63
63
|
size,
|
|
64
64
|
isCentered,
|
|
65
|
-
scrollBehavior
|
|
65
|
+
scrollBehavior,
|
|
66
|
+
isDisableFocusTrap
|
|
66
67
|
} = modalProps;
|
|
67
68
|
const wrapperEl = ref();
|
|
68
69
|
const inlineStyle = computed(() => {
|
|
@@ -245,13 +246,17 @@ function useModalContent(props) {
|
|
|
245
246
|
if (isOpen.value) {
|
|
246
247
|
complete();
|
|
247
248
|
document.addEventListener("keydown", onKeydown);
|
|
248
|
-
|
|
249
|
+
if (!isDisableFocusTrap) {
|
|
250
|
+
activeFocusTrap();
|
|
251
|
+
}
|
|
249
252
|
}
|
|
250
253
|
}
|
|
251
254
|
});
|
|
252
255
|
}, "enterAnimation");
|
|
253
256
|
const leaveAnimation = /* @__PURE__ */ __name((el, complete) => {
|
|
254
|
-
|
|
257
|
+
if (!isDisableFocusTrap) {
|
|
258
|
+
deactivateFocusTrap();
|
|
259
|
+
}
|
|
255
260
|
anime({
|
|
256
261
|
targets: el,
|
|
257
262
|
...getTransition.value.leave,
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import {
|
|
2
2
|
modalContentProps
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-C32JEGIV.mjs";
|
|
4
4
|
import {
|
|
5
5
|
baseSizes,
|
|
6
6
|
useModalContent
|
|
7
|
-
} from "./chunk-
|
|
7
|
+
} from "./chunk-DOYCA7TN.mjs";
|
|
8
8
|
|
|
9
9
|
// src/content.tsx
|
|
10
10
|
import { withDirectives as _withDirectives, createVNode as _createVNode, mergeProps as _mergeProps, vShow as _vShow } from "vue";
|
package/dist/content.js
CHANGED
|
@@ -70,7 +70,8 @@ function useModalContent(props) {
|
|
|
70
70
|
isKeepAlive,
|
|
71
71
|
size,
|
|
72
72
|
isCentered,
|
|
73
|
-
scrollBehavior
|
|
73
|
+
scrollBehavior,
|
|
74
|
+
isDisableFocusTrap
|
|
74
75
|
} = modalProps;
|
|
75
76
|
const wrapperEl = (0, import_vue.ref)();
|
|
76
77
|
const inlineStyle = (0, import_vue.computed)(() => {
|
|
@@ -253,13 +254,17 @@ function useModalContent(props) {
|
|
|
253
254
|
if (isOpen.value) {
|
|
254
255
|
complete();
|
|
255
256
|
document.addEventListener("keydown", onKeydown);
|
|
256
|
-
|
|
257
|
+
if (!isDisableFocusTrap) {
|
|
258
|
+
activeFocusTrap();
|
|
259
|
+
}
|
|
257
260
|
}
|
|
258
261
|
}
|
|
259
262
|
});
|
|
260
263
|
}, "enterAnimation");
|
|
261
264
|
const leaveAnimation = /* @__PURE__ */ __name((el, complete) => {
|
|
262
|
-
|
|
265
|
+
if (!isDisableFocusTrap) {
|
|
266
|
+
deactivateFocusTrap();
|
|
267
|
+
}
|
|
263
268
|
(0, import_animejs.default)({
|
|
264
269
|
targets: el,
|
|
265
270
|
...getTransition.value.leave,
|
package/dist/content.mjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import {
|
|
2
2
|
MpModalContent
|
|
3
|
-
} from "./chunk-
|
|
4
|
-
import "./chunk-
|
|
5
|
-
import "./chunk-
|
|
3
|
+
} from "./chunk-GECRKENZ.mjs";
|
|
4
|
+
import "./chunk-C32JEGIV.mjs";
|
|
5
|
+
import "./chunk-DOYCA7TN.mjs";
|
|
6
6
|
import "./chunk-DKUTSUEJ.mjs";
|
|
7
7
|
import "./chunk-QZ7VFGWC.mjs";
|
|
8
8
|
export {
|
package/dist/index.js
CHANGED
|
@@ -89,6 +89,10 @@ var modalProps = {
|
|
|
89
89
|
isDisablePortal: {
|
|
90
90
|
type: Boolean,
|
|
91
91
|
default: false
|
|
92
|
+
},
|
|
93
|
+
isDisableFocusTrap: {
|
|
94
|
+
type: Boolean,
|
|
95
|
+
default: false
|
|
92
96
|
}
|
|
93
97
|
};
|
|
94
98
|
var modalContentProps = {
|
|
@@ -102,8 +106,8 @@ var modalContentProps = {
|
|
|
102
106
|
}
|
|
103
107
|
};
|
|
104
108
|
var modalEmits = {
|
|
105
|
-
|
|
106
|
-
|
|
109
|
+
open: (value) => value,
|
|
110
|
+
close: (value) => value
|
|
107
111
|
};
|
|
108
112
|
|
|
109
113
|
// src/modules/useModal.ts
|
|
@@ -163,7 +167,8 @@ function useModalContent(props) {
|
|
|
163
167
|
isKeepAlive,
|
|
164
168
|
size,
|
|
165
169
|
isCentered,
|
|
166
|
-
scrollBehavior
|
|
170
|
+
scrollBehavior,
|
|
171
|
+
isDisableFocusTrap
|
|
167
172
|
} = modalProps2;
|
|
168
173
|
const wrapperEl = (0, import_vue.ref)();
|
|
169
174
|
const inlineStyle = (0, import_vue.computed)(() => {
|
|
@@ -346,13 +351,17 @@ function useModalContent(props) {
|
|
|
346
351
|
if (isOpen.value) {
|
|
347
352
|
complete();
|
|
348
353
|
document.addEventListener("keydown", onKeydown);
|
|
349
|
-
|
|
354
|
+
if (!isDisableFocusTrap) {
|
|
355
|
+
activeFocusTrap();
|
|
356
|
+
}
|
|
350
357
|
}
|
|
351
358
|
}
|
|
352
359
|
});
|
|
353
360
|
}, "enterAnimation");
|
|
354
361
|
const leaveAnimation = /* @__PURE__ */ __name((el, complete) => {
|
|
355
|
-
|
|
362
|
+
if (!isDisableFocusTrap) {
|
|
363
|
+
deactivateFocusTrap();
|
|
364
|
+
}
|
|
356
365
|
(0, import_animejs.default)({
|
|
357
366
|
targets: el,
|
|
358
367
|
...getTransition.value.leave,
|
package/dist/index.mjs
CHANGED
|
@@ -6,7 +6,7 @@ import {
|
|
|
6
6
|
} from "./chunk-D4KITWKW.mjs";
|
|
7
7
|
import {
|
|
8
8
|
MpModalContent
|
|
9
|
-
} from "./chunk-
|
|
9
|
+
} from "./chunk-GECRKENZ.mjs";
|
|
10
10
|
import {
|
|
11
11
|
MpModalFooter
|
|
12
12
|
} from "./chunk-THCDEEFK.mjs";
|
|
@@ -15,9 +15,9 @@ import {
|
|
|
15
15
|
} from "./chunk-FXPPG3HJ.mjs";
|
|
16
16
|
import {
|
|
17
17
|
MpModal
|
|
18
|
-
} from "./chunk-
|
|
19
|
-
import "./chunk-
|
|
20
|
-
import "./chunk-
|
|
18
|
+
} from "./chunk-F4DFMFXX.mjs";
|
|
19
|
+
import "./chunk-C32JEGIV.mjs";
|
|
20
|
+
import "./chunk-DOYCA7TN.mjs";
|
|
21
21
|
import {
|
|
22
22
|
MpModalOverlay
|
|
23
23
|
} from "./chunk-FU2Y3XYA.mjs";
|
package/dist/metafile-cjs.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/modules/modal.context.ts":{"bytes":517,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"},"src/body.tsx":{"bytes":899,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/modal.context.ts","kind":"import-statement","original":"./modules/modal.context"},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/close-button.tsx":{"bytes":837,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-button","kind":"import-statement","external":true},{"path":"src/modules/modal.context.ts","kind":"import-statement","original":"./modules/modal.context"},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/modules/useModal.ts":{"bytes":6951,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"body-scroll-lock","kind":"import-statement","external":true},{"path":"src/modules/modal.context.ts","kind":"import-statement","original":"./modal.context"},{"path":"animejs","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/modal.props.ts":{"bytes":1629,"imports":[],"format":"esm"},"src/content.tsx":{"bytes":2061,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/useModal.ts","kind":"import-statement","original":"./modules/useModal"},{"path":"src/modules/modal.props.ts","kind":"import-statement","original":"./modules/modal.props"},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/footer.tsx":{"bytes":596,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/header.tsx":{"bytes":596,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/modal.tsx":{"bytes":2128,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/modal.context.ts","kind":"import-statement","original":"./modules/modal.context"},{"path":"src/modules/modal.props.ts","kind":"import-statement","original":"./modules/modal.props"},{"path":"src/modules/useModal.ts","kind":"import-statement","original":"./modules/useModal"},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/overlay.tsx":{"bytes":2005,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"animejs","kind":"import-statement","external":true},{"path":"src/modules/modal.context.ts","kind":"import-statement","original":"./modules/modal.context"},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":271,"imports":[{"path":"src/modal.tsx","kind":"import-statement","original":"./modal"},{"path":"src/overlay.tsx","kind":"import-statement","original":"./overlay"},{"path":"src/content.tsx","kind":"import-statement","original":"./content"},{"path":"src/body.tsx","kind":"import-statement","original":"./body"},{"path":"src/header.tsx","kind":"import-statement","original":"./header"},{"path":"src/footer.tsx","kind":"import-statement","original":"./footer"},{"path":"src/close-button.tsx","kind":"import-statement","original":"./close-button"}],"format":"esm"}},"outputs":{"dist/body.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/body.tsx","inputs":{"src/body.tsx":{"bytesInOutput":904},"src/modules/modal.context.ts":{"bytesInOutput":162}},"bytes":2037},"dist/close-button.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-button","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/close-button.tsx","inputs":{"src/close-button.tsx":{"bytesInOutput":912},"src/modules/modal.context.ts":{"bytesInOutput":162}},"bytes":2068},"dist/content.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"body-scroll-lock","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"animejs","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/content.tsx","inputs":{"src/content.tsx":{"bytesInOutput":1971},"src/modules/useModal.ts":{"bytesInOutput":6250},"src/modules/modal.context.ts":{"bytesInOutput":162},"src/modules/modal.props.ts":{"bytesInOutput":141}},"bytes":10278},"dist/footer.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/footer.tsx","inputs":{"src/footer.tsx":{"bytesInOutput":670}},"bytes":1595},"dist/header.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/header.tsx","inputs":{"src/header.tsx":{"bytesInOutput":670}},"bytes":1595},"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"body-scroll-lock","kind":"require-call","external":true},{"path":"animejs","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"animejs","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-button","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":357},"src/modal.tsx":{"bytesInOutput":1933},"src/modules/modal.context.ts":{"bytesInOutput":162},"src/modules/modal.props.ts":{"bytesInOutput":823},"src/modules/useModal.ts":{"bytesInOutput":7058},"src/overlay.tsx":{"bytesInOutput":1966},"src/content.tsx":{"bytesInOutput":1828},"src/body.tsx":{"bytesInOutput":780},"src/header.tsx":{"bytesInOutput":538},"src/footer.tsx":{"bytesInOutput":538},"src/close-button.tsx":{"bytesInOutput":752}},"bytes":18694},"dist/modal.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"body-scroll-lock","kind":"require-call","external":true},{"path":"animejs","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modal.tsx","inputs":{"src/modal.tsx":{"bytesInOutput":2058},"src/modules/modal.context.ts":{"bytesInOutput":162},"src/modules/modal.props.ts":{"bytesInOutput":682},"src/modules/useModal.ts":{"bytesInOutput":1068}},"bytes":5685},"dist/overlay.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"animejs","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/overlay.tsx","inputs":{"src/overlay.tsx":{"bytesInOutput":2099},"src/modules/modal.context.ts":{"bytesInOutput":162}},"bytes":3928},"dist/modules/modal.context.js":{"imports":[{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/modal.context.ts","inputs":{"src/modules/modal.context.ts":{"bytesInOutput":365}},"bytes":1323},"dist/modules/modal.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/modal.props.ts","inputs":{"src/modules/modal.props.ts":{"bytesInOutput":1050}},"bytes":2019},"dist/modules/useModal.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"body-scroll-lock","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"animejs","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/useModal.ts","inputs":{"src/modules/useModal.ts":{"bytesInOutput":7264},"src/modules/modal.context.ts":{"bytesInOutput":162}},"bytes":9135}}}
|
|
1
|
+
{"inputs":{"src/modules/modal.context.ts":{"bytes":517,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"},"src/body.tsx":{"bytes":899,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/modal.context.ts","kind":"import-statement","original":"./modules/modal.context"},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/close-button.tsx":{"bytes":837,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-button","kind":"import-statement","external":true},{"path":"src/modules/modal.context.ts","kind":"import-statement","original":"./modules/modal.context"},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/modules/useModal.ts":{"bytes":7065,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"body-scroll-lock","kind":"import-statement","external":true},{"path":"src/modules/modal.context.ts","kind":"import-statement","original":"./modal.context"},{"path":"animejs","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/modal.props.ts":{"bytes":1715,"imports":[],"format":"esm"},"src/content.tsx":{"bytes":2061,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/useModal.ts","kind":"import-statement","original":"./modules/useModal"},{"path":"src/modules/modal.props.ts","kind":"import-statement","original":"./modules/modal.props"},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/footer.tsx":{"bytes":596,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/header.tsx":{"bytes":596,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/modal.tsx":{"bytes":2128,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/modal.context.ts","kind":"import-statement","original":"./modules/modal.context"},{"path":"src/modules/modal.props.ts","kind":"import-statement","original":"./modules/modal.props"},{"path":"src/modules/useModal.ts","kind":"import-statement","original":"./modules/useModal"},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/overlay.tsx":{"bytes":2005,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"animejs","kind":"import-statement","external":true},{"path":"src/modules/modal.context.ts","kind":"import-statement","original":"./modules/modal.context"},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":271,"imports":[{"path":"src/modal.tsx","kind":"import-statement","original":"./modal"},{"path":"src/overlay.tsx","kind":"import-statement","original":"./overlay"},{"path":"src/content.tsx","kind":"import-statement","original":"./content"},{"path":"src/body.tsx","kind":"import-statement","original":"./body"},{"path":"src/header.tsx","kind":"import-statement","original":"./header"},{"path":"src/footer.tsx","kind":"import-statement","original":"./footer"},{"path":"src/close-button.tsx","kind":"import-statement","original":"./close-button"}],"format":"esm"}},"outputs":{"dist/body.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/body.tsx","inputs":{"src/body.tsx":{"bytesInOutput":904},"src/modules/modal.context.ts":{"bytesInOutput":162}},"bytes":2037},"dist/close-button.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-button","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/close-button.tsx","inputs":{"src/close-button.tsx":{"bytesInOutput":912},"src/modules/modal.context.ts":{"bytesInOutput":162}},"bytes":2068},"dist/content.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"body-scroll-lock","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"animejs","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/content.tsx","inputs":{"src/content.tsx":{"bytesInOutput":1971},"src/modules/useModal.ts":{"bytesInOutput":6364},"src/modules/modal.context.ts":{"bytesInOutput":162},"src/modules/modal.props.ts":{"bytesInOutput":141}},"bytes":10392},"dist/footer.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/footer.tsx","inputs":{"src/footer.tsx":{"bytesInOutput":670}},"bytes":1595},"dist/header.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/header.tsx","inputs":{"src/header.tsx":{"bytesInOutput":670}},"bytes":1595},"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"body-scroll-lock","kind":"require-call","external":true},{"path":"animejs","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"animejs","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-button","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":357},"src/modal.tsx":{"bytesInOutput":1933},"src/modules/modal.context.ts":{"bytesInOutput":162},"src/modules/modal.props.ts":{"bytesInOutput":886},"src/modules/useModal.ts":{"bytesInOutput":7172},"src/overlay.tsx":{"bytesInOutput":1966},"src/content.tsx":{"bytesInOutput":1828},"src/body.tsx":{"bytesInOutput":780},"src/header.tsx":{"bytesInOutput":538},"src/footer.tsx":{"bytesInOutput":538},"src/close-button.tsx":{"bytesInOutput":752}},"bytes":18871},"dist/modal.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"body-scroll-lock","kind":"require-call","external":true},{"path":"animejs","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modal.tsx","inputs":{"src/modal.tsx":{"bytesInOutput":2058},"src/modules/modal.context.ts":{"bytesInOutput":162},"src/modules/modal.props.ts":{"bytesInOutput":745},"src/modules/useModal.ts":{"bytesInOutput":1068}},"bytes":5748},"dist/overlay.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"animejs","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/overlay.tsx","inputs":{"src/overlay.tsx":{"bytesInOutput":2099},"src/modules/modal.context.ts":{"bytesInOutput":162}},"bytes":3928},"dist/modules/modal.context.js":{"imports":[{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/modal.context.ts","inputs":{"src/modules/modal.context.ts":{"bytesInOutput":365}},"bytes":1323},"dist/modules/modal.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/modal.props.ts","inputs":{"src/modules/modal.props.ts":{"bytesInOutput":1113}},"bytes":2082},"dist/modules/useModal.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"body-scroll-lock","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"animejs","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/useModal.ts","inputs":{"src/modules/useModal.ts":{"bytesInOutput":7378},"src/modules/modal.context.ts":{"bytesInOutput":162}},"bytes":9249}}}
|
package/dist/metafile-esm.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/modules/modal.context.ts":{"bytes":517,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"},"src/body.tsx":{"bytes":899,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/modal.context.ts","kind":"import-statement","original":"./modules/modal.context"},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/close-button.tsx":{"bytes":837,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-button","kind":"import-statement","external":true},{"path":"src/modules/modal.context.ts","kind":"import-statement","original":"./modules/modal.context"},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/modules/useModal.ts":{"bytes":6951,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"body-scroll-lock","kind":"import-statement","external":true},{"path":"src/modules/modal.context.ts","kind":"import-statement","original":"./modal.context"},{"path":"animejs","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/modal.props.ts":{"bytes":1629,"imports":[],"format":"esm"},"src/content.tsx":{"bytes":2061,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/useModal.ts","kind":"import-statement","original":"./modules/useModal"},{"path":"src/modules/modal.props.ts","kind":"import-statement","original":"./modules/modal.props"},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/footer.tsx":{"bytes":596,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/header.tsx":{"bytes":596,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/modal.tsx":{"bytes":2128,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/modal.context.ts","kind":"import-statement","original":"./modules/modal.context"},{"path":"src/modules/modal.props.ts","kind":"import-statement","original":"./modules/modal.props"},{"path":"src/modules/useModal.ts","kind":"import-statement","original":"./modules/useModal"},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/overlay.tsx":{"bytes":2005,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"animejs","kind":"import-statement","external":true},{"path":"src/modules/modal.context.ts","kind":"import-statement","original":"./modules/modal.context"},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":271,"imports":[{"path":"src/modal.tsx","kind":"import-statement","original":"./modal"},{"path":"src/overlay.tsx","kind":"import-statement","original":"./overlay"},{"path":"src/content.tsx","kind":"import-statement","original":"./content"},{"path":"src/body.tsx","kind":"import-statement","original":"./body"},{"path":"src/header.tsx","kind":"import-statement","original":"./header"},{"path":"src/footer.tsx","kind":"import-statement","original":"./footer"},{"path":"src/close-button.tsx","kind":"import-statement","original":"./close-button"}],"format":"esm"}},"outputs":{"dist/modules/modal.context.mjs":{"imports":[{"path":"dist/chunk-DKUTSUEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["ModalProvider","useModalContext"],"entryPoint":"src/modules/modal.context.ts","inputs":{},"bytes":155},"dist/modules/modal.props.mjs":{"imports":[{"path":"dist/chunk-2WYPEVZV.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["modalContentProps","modalEmits","modalProps"],"entryPoint":"src/modules/modal.props.ts","inputs":{},"bytes":181},"dist/modules/useModal.mjs":{"imports":[{"path":"dist/chunk-MO6AFEOO.mjs","kind":"import-statement"},{"path":"dist/chunk-DKUTSUEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["baseSizes","useModal","useModalContent"],"entryPoint":"src/modules/useModal.ts","inputs":{},"bytes":203},"dist/body.mjs":{"imports":[{"path":"dist/chunk-ASQKAMBD.mjs","kind":"import-statement"},{"path":"dist/chunk-DKUTSUEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpModalBody"],"entryPoint":"src/body.tsx","inputs":{},"bytes":142},"dist/close-button.mjs":{"imports":[{"path":"dist/chunk-D4KITWKW.mjs","kind":"import-statement"},{"path":"dist/chunk-DKUTSUEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpModalCloseButton"],"entryPoint":"src/close-button.tsx","inputs":{},"bytes":156},"dist/content.mjs":{"imports":[{"path":"dist/chunk-NCQFKFXL.mjs","kind":"import-statement"},{"path":"dist/chunk-2WYPEVZV.mjs","kind":"import-statement"},{"path":"dist/chunk-MO6AFEOO.mjs","kind":"import-statement"},{"path":"dist/chunk-DKUTSUEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpModalContent"],"entryPoint":"src/content.tsx","inputs":{},"bytes":210},"dist/footer.mjs":{"imports":[{"path":"dist/chunk-THCDEEFK.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpModalFooter"],"entryPoint":"src/footer.tsx","inputs":{},"bytes":115},"dist/header.mjs":{"imports":[{"path":"dist/chunk-FXPPG3HJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpModalHeader"],"entryPoint":"src/header.tsx","inputs":{},"bytes":115},"dist/index.mjs":{"imports":[{"path":"dist/chunk-ASQKAMBD.mjs","kind":"import-statement"},{"path":"dist/chunk-D4KITWKW.mjs","kind":"import-statement"},{"path":"dist/chunk-NCQFKFXL.mjs","kind":"import-statement"},{"path":"dist/chunk-THCDEEFK.mjs","kind":"import-statement"},{"path":"dist/chunk-FXPPG3HJ.mjs","kind":"import-statement"},{"path":"dist/chunk-7LGGLG42.mjs","kind":"import-statement"},{"path":"dist/chunk-2WYPEVZV.mjs","kind":"import-statement"},{"path":"dist/chunk-MO6AFEOO.mjs","kind":"import-statement"},{"path":"dist/chunk-FU2Y3XYA.mjs","kind":"import-statement"},{"path":"dist/chunk-DKUTSUEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpModal","MpModalBody","MpModalCloseButton","MpModalContent","MpModalFooter","MpModalHeader","MpModalOverlay"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":644},"dist/chunk-ASQKAMBD.mjs":{"imports":[{"path":"dist/chunk-DKUTSUEJ.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["MpModalBody"],"inputs":{"src/body.tsx":{"bytesInOutput":747}},"bytes":849},"dist/chunk-D4KITWKW.mjs":{"imports":[{"path":"dist/chunk-DKUTSUEJ.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-button","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["MpModalCloseButton"],"inputs":{"src/close-button.tsx":{"bytesInOutput":685}},"bytes":802},"dist/chunk-NCQFKFXL.mjs":{"imports":[{"path":"dist/chunk-2WYPEVZV.mjs","kind":"import-statement"},{"path":"dist/chunk-MO6AFEOO.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["MpModalContent"],"inputs":{"src/content.tsx":{"bytesInOutput":1801}},"bytes":1982},"dist/chunk-THCDEEFK.mjs":{"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["MpModalFooter"],"inputs":{"src/footer.tsx":{"bytesInOutput":503}},"bytes":550},"dist/chunk-FXPPG3HJ.mjs":{"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["MpModalHeader"],"inputs":{"src/header.tsx":{"bytesInOutput":503}},"bytes":550},"dist/modal.mjs":{"imports":[{"path":"dist/chunk-7LGGLG42.mjs","kind":"import-statement"},{"path":"dist/chunk-2WYPEVZV.mjs","kind":"import-statement"},{"path":"dist/chunk-MO6AFEOO.mjs","kind":"import-statement"},{"path":"dist/chunk-DKUTSUEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpModal"],"entryPoint":"src/modal.tsx","inputs":{},"bytes":196},"dist/chunk-7LGGLG42.mjs":{"imports":[{"path":"dist/chunk-2WYPEVZV.mjs","kind":"import-statement"},{"path":"dist/chunk-MO6AFEOO.mjs","kind":"import-statement"},{"path":"dist/chunk-DKUTSUEJ.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["MpModal"],"inputs":{"src/modal.tsx":{"bytesInOutput":1856}},"bytes":2071},"dist/chunk-2WYPEVZV.mjs":{"imports":[],"exports":["modalContentProps","modalEmits","modalProps"],"inputs":{"src/modules/modal.props.ts":{"bytesInOutput":823}},"bytes":914},"dist/chunk-MO6AFEOO.mjs":{"imports":[{"path":"dist/chunk-DKUTSUEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"body-scroll-lock","kind":"import-statement","external":true},{"path":"animejs","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["baseSizes","useModal","useModalContent"],"inputs":{"src/modules/useModal.ts":{"bytesInOutput":6775}},"bytes":6966},"dist/overlay.mjs":{"imports":[{"path":"dist/chunk-FU2Y3XYA.mjs","kind":"import-statement"},{"path":"dist/chunk-DKUTSUEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpModalOverlay"],"entryPoint":"src/overlay.tsx","inputs":{},"bytes":148},"dist/chunk-FU2Y3XYA.mjs":{"imports":[{"path":"dist/chunk-DKUTSUEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"animejs","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["MpModalOverlay"],"inputs":{"src/overlay.tsx":{"bytesInOutput":1874}},"bytes":2031},"dist/chunk-DKUTSUEJ.mjs":{"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["ModalProvider","useModalContext"],"inputs":{"src/modules/modal.context.ts":{"bytesInOutput":140}},"bytes":220},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151}}}
|
|
1
|
+
{"inputs":{"src/modules/modal.context.ts":{"bytes":517,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"},"src/body.tsx":{"bytes":899,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/modal.context.ts","kind":"import-statement","original":"./modules/modal.context"},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/close-button.tsx":{"bytes":837,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-button","kind":"import-statement","external":true},{"path":"src/modules/modal.context.ts","kind":"import-statement","original":"./modules/modal.context"},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/modules/useModal.ts":{"bytes":7065,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"body-scroll-lock","kind":"import-statement","external":true},{"path":"src/modules/modal.context.ts","kind":"import-statement","original":"./modal.context"},{"path":"animejs","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/modal.props.ts":{"bytes":1715,"imports":[],"format":"esm"},"src/content.tsx":{"bytes":2061,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/useModal.ts","kind":"import-statement","original":"./modules/useModal"},{"path":"src/modules/modal.props.ts","kind":"import-statement","original":"./modules/modal.props"},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/footer.tsx":{"bytes":596,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/header.tsx":{"bytes":596,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/modal.tsx":{"bytes":2128,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"src/modules/modal.context.ts","kind":"import-statement","original":"./modules/modal.context"},{"path":"src/modules/modal.props.ts","kind":"import-statement","original":"./modules/modal.props"},{"path":"src/modules/useModal.ts","kind":"import-statement","original":"./modules/useModal"},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"format":"esm"},"src/overlay.tsx":{"bytes":2005,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"animejs","kind":"import-statement","external":true},{"path":"src/modules/modal.context.ts","kind":"import-statement","original":"./modules/modal.context"},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":271,"imports":[{"path":"src/modal.tsx","kind":"import-statement","original":"./modal"},{"path":"src/overlay.tsx","kind":"import-statement","original":"./overlay"},{"path":"src/content.tsx","kind":"import-statement","original":"./content"},{"path":"src/body.tsx","kind":"import-statement","original":"./body"},{"path":"src/header.tsx","kind":"import-statement","original":"./header"},{"path":"src/footer.tsx","kind":"import-statement","original":"./footer"},{"path":"src/close-button.tsx","kind":"import-statement","original":"./close-button"}],"format":"esm"}},"outputs":{"dist/modules/modal.context.mjs":{"imports":[{"path":"dist/chunk-DKUTSUEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["ModalProvider","useModalContext"],"entryPoint":"src/modules/modal.context.ts","inputs":{},"bytes":155},"dist/modules/modal.props.mjs":{"imports":[{"path":"dist/chunk-C32JEGIV.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["modalContentProps","modalEmits","modalProps"],"entryPoint":"src/modules/modal.props.ts","inputs":{},"bytes":181},"dist/modules/useModal.mjs":{"imports":[{"path":"dist/chunk-DOYCA7TN.mjs","kind":"import-statement"},{"path":"dist/chunk-DKUTSUEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["baseSizes","useModal","useModalContent"],"entryPoint":"src/modules/useModal.ts","inputs":{},"bytes":203},"dist/body.mjs":{"imports":[{"path":"dist/chunk-ASQKAMBD.mjs","kind":"import-statement"},{"path":"dist/chunk-DKUTSUEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpModalBody"],"entryPoint":"src/body.tsx","inputs":{},"bytes":142},"dist/close-button.mjs":{"imports":[{"path":"dist/chunk-D4KITWKW.mjs","kind":"import-statement"},{"path":"dist/chunk-DKUTSUEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpModalCloseButton"],"entryPoint":"src/close-button.tsx","inputs":{},"bytes":156},"dist/content.mjs":{"imports":[{"path":"dist/chunk-GECRKENZ.mjs","kind":"import-statement"},{"path":"dist/chunk-C32JEGIV.mjs","kind":"import-statement"},{"path":"dist/chunk-DOYCA7TN.mjs","kind":"import-statement"},{"path":"dist/chunk-DKUTSUEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpModalContent"],"entryPoint":"src/content.tsx","inputs":{},"bytes":210},"dist/footer.mjs":{"imports":[{"path":"dist/chunk-THCDEEFK.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpModalFooter"],"entryPoint":"src/footer.tsx","inputs":{},"bytes":115},"dist/header.mjs":{"imports":[{"path":"dist/chunk-FXPPG3HJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpModalHeader"],"entryPoint":"src/header.tsx","inputs":{},"bytes":115},"dist/index.mjs":{"imports":[{"path":"dist/chunk-ASQKAMBD.mjs","kind":"import-statement"},{"path":"dist/chunk-D4KITWKW.mjs","kind":"import-statement"},{"path":"dist/chunk-GECRKENZ.mjs","kind":"import-statement"},{"path":"dist/chunk-THCDEEFK.mjs","kind":"import-statement"},{"path":"dist/chunk-FXPPG3HJ.mjs","kind":"import-statement"},{"path":"dist/chunk-F4DFMFXX.mjs","kind":"import-statement"},{"path":"dist/chunk-C32JEGIV.mjs","kind":"import-statement"},{"path":"dist/chunk-DOYCA7TN.mjs","kind":"import-statement"},{"path":"dist/chunk-FU2Y3XYA.mjs","kind":"import-statement"},{"path":"dist/chunk-DKUTSUEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpModal","MpModalBody","MpModalCloseButton","MpModalContent","MpModalFooter","MpModalHeader","MpModalOverlay"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":644},"dist/chunk-ASQKAMBD.mjs":{"imports":[{"path":"dist/chunk-DKUTSUEJ.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["MpModalBody"],"inputs":{"src/body.tsx":{"bytesInOutput":747}},"bytes":849},"dist/chunk-D4KITWKW.mjs":{"imports":[{"path":"dist/chunk-DKUTSUEJ.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-button","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["MpModalCloseButton"],"inputs":{"src/close-button.tsx":{"bytesInOutput":685}},"bytes":802},"dist/chunk-GECRKENZ.mjs":{"imports":[{"path":"dist/chunk-C32JEGIV.mjs","kind":"import-statement"},{"path":"dist/chunk-DOYCA7TN.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["MpModalContent"],"inputs":{"src/content.tsx":{"bytesInOutput":1801}},"bytes":1982},"dist/chunk-THCDEEFK.mjs":{"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["MpModalFooter"],"inputs":{"src/footer.tsx":{"bytesInOutput":503}},"bytes":550},"dist/chunk-FXPPG3HJ.mjs":{"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["MpModalHeader"],"inputs":{"src/header.tsx":{"bytesInOutput":503}},"bytes":550},"dist/modal.mjs":{"imports":[{"path":"dist/chunk-F4DFMFXX.mjs","kind":"import-statement"},{"path":"dist/chunk-C32JEGIV.mjs","kind":"import-statement"},{"path":"dist/chunk-DOYCA7TN.mjs","kind":"import-statement"},{"path":"dist/chunk-DKUTSUEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpModal"],"entryPoint":"src/modal.tsx","inputs":{},"bytes":196},"dist/chunk-F4DFMFXX.mjs":{"imports":[{"path":"dist/chunk-C32JEGIV.mjs","kind":"import-statement"},{"path":"dist/chunk-DOYCA7TN.mjs","kind":"import-statement"},{"path":"dist/chunk-DKUTSUEJ.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["MpModal"],"inputs":{"src/modal.tsx":{"bytesInOutput":1856}},"bytes":2071},"dist/chunk-C32JEGIV.mjs":{"imports":[],"exports":["modalContentProps","modalEmits","modalProps"],"inputs":{"src/modules/modal.props.ts":{"bytesInOutput":886}},"bytes":977},"dist/chunk-DOYCA7TN.mjs":{"imports":[{"path":"dist/chunk-DKUTSUEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"body-scroll-lock","kind":"import-statement","external":true},{"path":"animejs","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["baseSizes","useModal","useModalContent"],"inputs":{"src/modules/useModal.ts":{"bytesInOutput":6889}},"bytes":7080},"dist/overlay.mjs":{"imports":[{"path":"dist/chunk-FU2Y3XYA.mjs","kind":"import-statement"},{"path":"dist/chunk-DKUTSUEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpModalOverlay"],"entryPoint":"src/overlay.tsx","inputs":{},"bytes":148},"dist/chunk-FU2Y3XYA.mjs":{"imports":[{"path":"dist/chunk-DKUTSUEJ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"animejs","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["MpModalOverlay"],"inputs":{"src/overlay.tsx":{"bytesInOutput":1874}},"bytes":2031},"dist/chunk-DKUTSUEJ.mjs":{"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["ModalProvider","useModalContext"],"inputs":{"src/modules/modal.context.ts":{"bytesInOutput":140}},"bytes":220},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151}}}
|
package/dist/modal.d.mts
CHANGED
|
@@ -42,6 +42,10 @@ declare const MpModal: vue.DefineComponent<{
|
|
|
42
42
|
type: vue.PropType<boolean>;
|
|
43
43
|
default: boolean;
|
|
44
44
|
};
|
|
45
|
+
isDisableFocusTrap: {
|
|
46
|
+
type: vue.PropType<boolean>;
|
|
47
|
+
default: boolean;
|
|
48
|
+
};
|
|
45
49
|
}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
|
46
50
|
open: (value: boolean) => boolean;
|
|
47
51
|
close: (value: boolean) => boolean;
|
|
@@ -85,6 +89,10 @@ declare const MpModal: vue.DefineComponent<{
|
|
|
85
89
|
type: vue.PropType<boolean>;
|
|
86
90
|
default: boolean;
|
|
87
91
|
};
|
|
92
|
+
isDisableFocusTrap: {
|
|
93
|
+
type: vue.PropType<boolean>;
|
|
94
|
+
default: boolean;
|
|
95
|
+
};
|
|
88
96
|
}>> & {
|
|
89
97
|
onClose?: ((value: boolean) => any) | undefined;
|
|
90
98
|
onOpen?: ((value: boolean) => any) | undefined;
|
|
@@ -98,6 +106,7 @@ declare const MpModal: vue.DefineComponent<{
|
|
|
98
106
|
scrollBehavior: ScrollBehavior;
|
|
99
107
|
size: BaseSize;
|
|
100
108
|
isDisablePortal: boolean;
|
|
109
|
+
isDisableFocusTrap: boolean;
|
|
101
110
|
}, {}>;
|
|
102
111
|
|
|
103
112
|
export { MpModal };
|
package/dist/modal.d.ts
CHANGED
|
@@ -42,6 +42,10 @@ declare const MpModal: vue.DefineComponent<{
|
|
|
42
42
|
type: vue.PropType<boolean>;
|
|
43
43
|
default: boolean;
|
|
44
44
|
};
|
|
45
|
+
isDisableFocusTrap: {
|
|
46
|
+
type: vue.PropType<boolean>;
|
|
47
|
+
default: boolean;
|
|
48
|
+
};
|
|
45
49
|
}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
|
46
50
|
open: (value: boolean) => boolean;
|
|
47
51
|
close: (value: boolean) => boolean;
|
|
@@ -85,6 +89,10 @@ declare const MpModal: vue.DefineComponent<{
|
|
|
85
89
|
type: vue.PropType<boolean>;
|
|
86
90
|
default: boolean;
|
|
87
91
|
};
|
|
92
|
+
isDisableFocusTrap: {
|
|
93
|
+
type: vue.PropType<boolean>;
|
|
94
|
+
default: boolean;
|
|
95
|
+
};
|
|
88
96
|
}>> & {
|
|
89
97
|
onClose?: ((value: boolean) => any) | undefined;
|
|
90
98
|
onOpen?: ((value: boolean) => any) | undefined;
|
|
@@ -98,6 +106,7 @@ declare const MpModal: vue.DefineComponent<{
|
|
|
98
106
|
scrollBehavior: ScrollBehavior;
|
|
99
107
|
size: BaseSize;
|
|
100
108
|
isDisablePortal: boolean;
|
|
109
|
+
isDisableFocusTrap: boolean;
|
|
101
110
|
}, {}>;
|
|
102
111
|
|
|
103
112
|
export { MpModal };
|
package/dist/modal.js
CHANGED
|
@@ -81,11 +81,15 @@ var modalProps = {
|
|
|
81
81
|
isDisablePortal: {
|
|
82
82
|
type: Boolean,
|
|
83
83
|
default: false
|
|
84
|
+
},
|
|
85
|
+
isDisableFocusTrap: {
|
|
86
|
+
type: Boolean,
|
|
87
|
+
default: false
|
|
84
88
|
}
|
|
85
89
|
};
|
|
86
90
|
var modalEmits = {
|
|
87
|
-
|
|
88
|
-
|
|
91
|
+
open: (value) => value,
|
|
92
|
+
close: (value) => value
|
|
89
93
|
};
|
|
90
94
|
|
|
91
95
|
// src/modules/useModal.ts
|
package/dist/modal.mjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import {
|
|
2
2
|
MpModal
|
|
3
|
-
} from "./chunk-
|
|
4
|
-
import "./chunk-
|
|
5
|
-
import "./chunk-
|
|
3
|
+
} from "./chunk-F4DFMFXX.mjs";
|
|
4
|
+
import "./chunk-C32JEGIV.mjs";
|
|
5
|
+
import "./chunk-DOYCA7TN.mjs";
|
|
6
6
|
import "./chunk-DKUTSUEJ.mjs";
|
|
7
7
|
import "./chunk-QZ7VFGWC.mjs";
|
|
8
8
|
export {
|
|
@@ -64,6 +64,10 @@ var modalProps = {
|
|
|
64
64
|
isDisablePortal: {
|
|
65
65
|
type: Boolean,
|
|
66
66
|
default: false
|
|
67
|
+
},
|
|
68
|
+
isDisableFocusTrap: {
|
|
69
|
+
type: Boolean,
|
|
70
|
+
default: false
|
|
67
71
|
}
|
|
68
72
|
};
|
|
69
73
|
var modalContentProps = {
|
|
@@ -77,8 +81,8 @@ var modalContentProps = {
|
|
|
77
81
|
}
|
|
78
82
|
};
|
|
79
83
|
var modalEmits = {
|
|
80
|
-
|
|
81
|
-
|
|
84
|
+
open: (value) => value,
|
|
85
|
+
close: (value) => value
|
|
82
86
|
};
|
|
83
87
|
// Annotate the CommonJS export names for ESM import in node:
|
|
84
88
|
0 && (module.exports = {
|
package/dist/modules/useModal.js
CHANGED
|
@@ -98,7 +98,8 @@ function useModalContent(props) {
|
|
|
98
98
|
isKeepAlive,
|
|
99
99
|
size,
|
|
100
100
|
isCentered,
|
|
101
|
-
scrollBehavior
|
|
101
|
+
scrollBehavior,
|
|
102
|
+
isDisableFocusTrap
|
|
102
103
|
} = modalProps;
|
|
103
104
|
const wrapperEl = (0, import_vue.ref)();
|
|
104
105
|
const inlineStyle = (0, import_vue.computed)(() => {
|
|
@@ -281,13 +282,17 @@ function useModalContent(props) {
|
|
|
281
282
|
if (isOpen.value) {
|
|
282
283
|
complete();
|
|
283
284
|
document.addEventListener("keydown", onKeydown);
|
|
284
|
-
|
|
285
|
+
if (!isDisableFocusTrap) {
|
|
286
|
+
activeFocusTrap();
|
|
287
|
+
}
|
|
285
288
|
}
|
|
286
289
|
}
|
|
287
290
|
});
|
|
288
291
|
}, "enterAnimation");
|
|
289
292
|
const leaveAnimation = /* @__PURE__ */ __name((el, complete) => {
|
|
290
|
-
|
|
293
|
+
if (!isDisableFocusTrap) {
|
|
294
|
+
deactivateFocusTrap();
|
|
295
|
+
}
|
|
291
296
|
(0, import_animejs.default)({
|
|
292
297
|
targets: el,
|
|
293
298
|
...getTransition.value.leave,
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mekari/pixel3-modal",
|
|
3
3
|
"description": "Modal component for mekari pixel 3",
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.11-dev.1",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"files": [
|
|
@@ -10,8 +10,8 @@
|
|
|
10
10
|
"dependencies": {
|
|
11
11
|
"animejs": "^3.2.2",
|
|
12
12
|
"body-scroll-lock": "4.0.0-beta.0",
|
|
13
|
-
"@mekari/pixel3-button": "0.0.
|
|
14
|
-
"@mekari/pixel3-styled-system": "0.0.
|
|
13
|
+
"@mekari/pixel3-button": "0.0.12-dev.1",
|
|
14
|
+
"@mekari/pixel3-styled-system": "0.0.10-dev.0",
|
|
15
15
|
"@mekari/pixel3-utils": "0.0.6"
|
|
16
16
|
},
|
|
17
17
|
"peerDependencies": {
|