@mekari/pixel3-modal 0.0.21-dev.0 → 0.0.21-dev.2

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 (20) hide show
  1. package/dist/body.js +3 -1
  2. package/dist/body.mjs +1 -1
  3. package/dist/{chunk-ZKNVYPNA.mjs → chunk-53UX3JXF.mjs} +20 -15
  4. package/dist/{chunk-ASQKAMBD.mjs → chunk-7OLNTGJQ.mjs} +3 -1
  5. package/dist/{chunk-CFN36RCK.mjs → chunk-MMFENXKE.mjs} +1 -1
  6. package/dist/{chunk-D4KITWKW.mjs → chunk-NFQ2B3FR.mjs} +0 -5
  7. package/dist/{chunk-XRL6AZDH.mjs → chunk-XP25ZI7L.mjs} +1 -1
  8. package/dist/close-button.js +0 -5
  9. package/dist/close-button.mjs +1 -1
  10. package/dist/content.js +8 -6
  11. package/dist/content.mjs +2 -2
  12. package/dist/index.js +22 -20
  13. package/dist/index.mjs +5 -5
  14. package/dist/metafile-cjs.json +1 -1
  15. package/dist/metafile-esm.json +1 -1
  16. package/dist/modal.js +11 -9
  17. package/dist/modal.mjs +2 -2
  18. package/dist/modules/useModal.js +19 -14
  19. package/dist/modules/useModal.mjs +1 -1
  20. package/package.json +3 -5
package/dist/body.js CHANGED
@@ -44,13 +44,15 @@ var MpModalBody = (0, import_vue2.defineComponent)({
44
44
  props: modalProps
45
45
  } = useModalContext();
46
46
  const {
47
- scrollBehavior
47
+ scrollBehavior,
48
+ isBlockScrollOnMount
48
49
  } = modalProps;
49
50
  return () => {
50
51
  return (0, import_vue.createVNode)("div", {
51
52
  "data-pixel-component": "MpModalBody",
52
53
  "class": body,
53
54
  "style": {
55
+ overscrollBehavior: isBlockScrollOnMount.value ? "contain" : "auto",
54
56
  overflowY: scrollBehavior.value === "inside" || scrollBehavior.value === "auto" ? "auto" : "inherit"
55
57
  }
56
58
  }, [slots.default && slots.default()]);
package/dist/body.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  MpModalBody
3
- } from "./chunk-ASQKAMBD.mjs";
3
+ } from "./chunk-7OLNTGJQ.mjs";
4
4
  import "./chunk-DKUTSUEJ.mjs";
5
5
  import "./chunk-QZ7VFGWC.mjs";
6
6
  export {
package/dist/{chunk-ZKNVYPNA.mjs → chunk-53UX3JXF.mjs} RENAMED
@@ -6,9 +6,8 @@ import {
6
6
  } from "./chunk-QZ7VFGWC.mjs";
7
7
 
8
8
  // src/modules/useModal.ts
9
- import { ref, computed, nextTick } from "vue";
9
+ import { ref, computed, nextTick, watch } from "vue";
10
10
  import { useId } from "@mekari/pixel3-utils";
11
- import { enableBodyScroll, disableBodyScroll } from "body-scroll-lock";
12
11
  import anime from "animejs";
13
12
  import { useFocusTrap } from "@mekari/pixel3-utils";
14
13
  var baseSizes = {
@@ -23,20 +22,23 @@ function useModal(props, emit) {
23
22
  const isModalOpen = ref(props.isOpen);
24
23
  const modalEl = ref();
25
24
  const getId = computed(() => props.id || useId(4));
26
- function onOpen() {
27
- isModalOpen.value = true;
25
+ watch(() => isModalOpen.value, (isOpen) => {
28
26
  if (props.isBlockScrollOnMount) {
29
- nextTick(() => {
30
- disableBodyScroll(modalEl.value);
31
- });
27
+ if (isOpen) {
28
+ nextTick(() => {
29
+ document.body.style.overflow = "hidden";
30
+ });
31
+ } else {
32
+ document.body.style.overflow = "";
33
+ }
32
34
  }
35
+ });
36
+ function onOpen() {
37
+ isModalOpen.value = true;
33
38
  emit("open", true);
34
39
  }
35
40
  __name(onOpen, "onOpen");
36
41
  function onClose() {
37
- if (props.isBlockScrollOnMount) {
38
- enableBodyScroll(modalEl.value);
39
- }
40
42
  emit("close", true);
41
43
  }
42
44
  __name(onClose, "onClose");
@@ -84,7 +86,7 @@ function useModalContent(props) {
84
86
  if (scrollBehavior.value === "inside") {
85
87
  wrapperStyle = {
86
88
  ...wrapperStyle,
87
- maxHeight: "calc(100vh - 7.5rem)",
89
+ maxHeight: "calc(100% - 7.5rem)",
88
90
  overflow: "hidden",
89
91
  top: "3.75rem"
90
92
  };
@@ -98,25 +100,28 @@ function useModalContent(props) {
98
100
  wrapperStyle = {
99
101
  ...wrapperStyle,
100
102
  overflowY: "auto",
101
- overflowX: "hidden"
103
+ overflowX: "hidden",
104
+ top: 0
102
105
  };
103
106
  contentStyle = {
104
107
  ...contentStyle,
105
- my: "3.75rem",
108
+ marginTop: "3.75rem",
109
+ marginBottom: "3.75rem",
110
+ height: "auto",
106
111
  top: 0
107
112
  };
108
113
  }
109
114
  if (scrollBehavior.value === "auto") {
110
115
  wrapperStyle = {
111
116
  ...wrapperStyle,
112
- maxHeight: "calc(100vh - 7.5rem)",
117
+ maxHeight: "calc(100% - 7.5rem)",
113
118
  overflow: "hidden",
114
119
  top: "3.75rem"
115
120
  };
116
121
  contentStyle = {
117
122
  ...contentStyle,
118
123
  height: "auto",
119
- maxHeight: "calc(100vh - 7.5rem)",
124
+ maxHeight: "100%",
120
125
  top: 0
121
126
  };
122
127
  }
package/dist/{chunk-ASQKAMBD.mjs → chunk-7OLNTGJQ.mjs} RENAMED
@@ -18,13 +18,15 @@ var MpModalBody = defineComponent({
18
18
  props: modalProps
19
19
  } = useModalContext();
20
20
  const {
21
- scrollBehavior
21
+ scrollBehavior,
22
+ isBlockScrollOnMount
22
23
  } = modalProps;
23
24
  return () => {
24
25
  return _createVNode("div", {
25
26
  "data-pixel-component": "MpModalBody",
26
27
  "class": body,
27
28
  "style": {
29
+ overscrollBehavior: isBlockScrollOnMount.value ? "contain" : "auto",
28
30
  overflowY: scrollBehavior.value === "inside" || scrollBehavior.value === "auto" ? "auto" : "inherit"
29
31
  }
30
32
  }, [slots.default && slots.default()]);
package/dist/{chunk-CFN36RCK.mjs → chunk-MMFENXKE.mjs} RENAMED
@@ -4,7 +4,7 @@ import {
4
4
  import {
5
5
  baseSizes,
6
6
  useModalContent
7
- } from "./chunk-ZKNVYPNA.mjs";
7
+ } from "./chunk-53UX3JXF.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/{chunk-D4KITWKW.mjs → chunk-NFQ2B3FR.mjs} RENAMED
@@ -6,20 +6,15 @@ import {
6
6
  import { createVNode as _createVNode } from "vue";
7
7
  import { defineComponent } from "vue";
8
8
  import { MpButton } from "@mekari/pixel3-button";
9
- import { modalSlotRecipe } from "@mekari/pixel3-styled-system/recipes";
10
9
  var MpModalCloseButton = defineComponent({
11
10
  name: "MpModalCloseButton",
12
11
  setup() {
13
- const {
14
- closeButton
15
- } = modalSlotRecipe();
16
12
  const {
17
13
  onClose
18
14
  } = useModalContext();
19
15
  return () => {
20
16
  return _createVNode(MpButton, {
21
17
  "data-pixel-component": "MpModalCloseButton",
22
- "class": closeButton,
23
18
  "leftIcon": "close",
24
19
  "size": "sm",
25
20
  "variant": "ghost",
package/dist/{chunk-XRL6AZDH.mjs → chunk-XP25ZI7L.mjs} RENAMED
@@ -4,7 +4,7 @@ import {
4
4
  } from "./chunk-3GDGVZBF.mjs";
5
5
  import {
6
6
  useModal
7
- } from "./chunk-ZKNVYPNA.mjs";
7
+ } from "./chunk-53UX3JXF.mjs";
8
8
  import {
9
9
  ModalProvider
10
10
  } from "./chunk-DKUTSUEJ.mjs";
package/dist/close-button.js CHANGED
@@ -32,20 +32,15 @@ var import_pixel3_utils = require("@mekari/pixel3-utils");
32
32
  var [ModalProvider, useModalContext] = (0, import_pixel3_utils.usePixelCreateContext)("ModalContext");
33
33
 
34
34
  // src/close-button.tsx
35
- var import_recipes = require("@mekari/pixel3-styled-system/recipes");
36
35
  var MpModalCloseButton = (0, import_vue2.defineComponent)({
37
36
  name: "MpModalCloseButton",
38
37
  setup() {
39
- const {
40
- closeButton
41
- } = (0, import_recipes.modalSlotRecipe)();
42
38
  const {
43
39
  onClose
44
40
  } = useModalContext();
45
41
  return () => {
46
42
  return (0, import_vue.createVNode)(import_pixel3_button.MpButton, {
47
43
  "data-pixel-component": "MpModalCloseButton",
48
- "class": closeButton,
49
44
  "leftIcon": "close",
50
45
  "size": "sm",
51
46
  "variant": "ghost",
package/dist/close-button.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  MpModalCloseButton
3
- } from "./chunk-D4KITWKW.mjs";
3
+ } from "./chunk-NFQ2B3FR.mjs";
4
4
  import "./chunk-DKUTSUEJ.mjs";
5
5
  import "./chunk-QZ7VFGWC.mjs";
6
6
  export {
package/dist/content.js CHANGED
@@ -40,7 +40,6 @@ var import_vue3 = require("vue");
40
40
  // src/modules/useModal.ts
41
41
  var import_vue = require("vue");
42
42
  var import_pixel3_utils2 = require("@mekari/pixel3-utils");
43
- var import_body_scroll_lock = require("body-scroll-lock");
44
43
 
45
44
  // src/modules/modal.context.ts
46
45
  var import_pixel3_utils = require("@mekari/pixel3-utils");
@@ -92,7 +91,7 @@ function useModalContent(props) {
92
91
  if (scrollBehavior.value === "inside") {
93
92
  wrapperStyle = {
94
93
  ...wrapperStyle,
95
- maxHeight: "calc(100vh - 7.5rem)",
94
+ maxHeight: "calc(100% - 7.5rem)",
96
95
  overflow: "hidden",
97
96
  top: "3.75rem"
98
97
  };
@@ -106,25 +105,28 @@ function useModalContent(props) {
106
105
  wrapperStyle = {
107
106
  ...wrapperStyle,
108
107
  overflowY: "auto",
109
- overflowX: "hidden"
108
+ overflowX: "hidden",
109
+ top: 0
110
110
  };
111
111
  contentStyle = {
112
112
  ...contentStyle,
113
- my: "3.75rem",
113
+ marginTop: "3.75rem",
114
+ marginBottom: "3.75rem",
115
+ height: "auto",
114
116
  top: 0
115
117
  };
116
118
  }
117
119
  if (scrollBehavior.value === "auto") {
118
120
  wrapperStyle = {
119
121
  ...wrapperStyle,
120
- maxHeight: "calc(100vh - 7.5rem)",
122
+ maxHeight: "calc(100% - 7.5rem)",
121
123
  overflow: "hidden",
122
124
  top: "3.75rem"
123
125
  };
124
126
  contentStyle = {
125
127
  ...contentStyle,
126
128
  height: "auto",
127
- maxHeight: "calc(100vh - 7.5rem)",
129
+ maxHeight: "100%",
128
130
  top: 0
129
131
  };
130
132
  }
package/dist/content.mjs CHANGED
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  MpModalContent
3
- } from "./chunk-CFN36RCK.mjs";
3
+ } from "./chunk-MMFENXKE.mjs";
4
4
  import "./chunk-3GDGVZBF.mjs";
5
- import "./chunk-ZKNVYPNA.mjs";
5
+ import "./chunk-53UX3JXF.mjs";
6
6
  import "./chunk-DKUTSUEJ.mjs";
7
7
  import "./chunk-QZ7VFGWC.mjs";
8
8
  export {
package/dist/index.js CHANGED
@@ -113,7 +113,6 @@ var modalEmits = {
113
113
  // src/modules/useModal.ts
114
114
  var import_vue = require("vue");
115
115
  var import_pixel3_utils2 = require("@mekari/pixel3-utils");
116
- var import_body_scroll_lock = require("body-scroll-lock");
117
116
  var import_animejs = __toESM(require("animejs"));
118
117
  var import_pixel3_utils3 = require("@mekari/pixel3-utils");
119
118
  var baseSizes = {
@@ -128,20 +127,23 @@ function useModal(props, emit) {
128
127
  const isModalOpen = (0, import_vue.ref)(props.isOpen);
129
128
  const modalEl = (0, import_vue.ref)();
130
129
  const getId = (0, import_vue.computed)(() => props.id || (0, import_pixel3_utils2.useId)(4));
131
- function onOpen() {
132
- isModalOpen.value = true;
130
+ (0, import_vue.watch)(() => isModalOpen.value, (isOpen) => {
133
131
  if (props.isBlockScrollOnMount) {
134
- (0, import_vue.nextTick)(() => {
135
- (0, import_body_scroll_lock.disableBodyScroll)(modalEl.value);
136
- });
132
+ if (isOpen) {
133
+ (0, import_vue.nextTick)(() => {
134
+ document.body.style.overflow = "hidden";
135
+ });
136
+ } else {
137
+ document.body.style.overflow = "";
138
+ }
137
139
  }
140
+ });
141
+ function onOpen() {
142
+ isModalOpen.value = true;
138
143
  emit("open", true);
139
144
  }
140
145
  __name(onOpen, "onOpen");
141
146
  function onClose() {
142
- if (props.isBlockScrollOnMount) {
143
- (0, import_body_scroll_lock.enableBodyScroll)(modalEl.value);
144
- }
145
147
  emit("close", true);
146
148
  }
147
149
  __name(onClose, "onClose");
@@ -189,7 +191,7 @@ function useModalContent(props) {
189
191
  if (scrollBehavior.value === "inside") {
190
192
  wrapperStyle = {
191
193
  ...wrapperStyle,
192
- maxHeight: "calc(100vh - 7.5rem)",
194
+ maxHeight: "calc(100% - 7.5rem)",
193
195
  overflow: "hidden",
194
196
  top: "3.75rem"
195
197
  };
@@ -203,25 +205,28 @@ function useModalContent(props) {
203
205
  wrapperStyle = {
204
206
  ...wrapperStyle,
205
207
  overflowY: "auto",
206
- overflowX: "hidden"
208
+ overflowX: "hidden",
209
+ top: 0
207
210
  };
208
211
  contentStyle = {
209
212
  ...contentStyle,
210
- my: "3.75rem",
213
+ marginTop: "3.75rem",
214
+ marginBottom: "3.75rem",
215
+ height: "auto",
211
216
  top: 0
212
217
  };
213
218
  }
214
219
  if (scrollBehavior.value === "auto") {
215
220
  wrapperStyle = {
216
221
  ...wrapperStyle,
217
- maxHeight: "calc(100vh - 7.5rem)",
222
+ maxHeight: "calc(100% - 7.5rem)",
218
223
  overflow: "hidden",
219
224
  top: "3.75rem"
220
225
  };
221
226
  contentStyle = {
222
227
  ...contentStyle,
223
228
  height: "auto",
224
- maxHeight: "calc(100vh - 7.5rem)",
229
+ maxHeight: "100%",
225
230
  top: 0
226
231
  };
227
232
  }
@@ -585,13 +590,15 @@ var MpModalBody = (0, import_vue9.defineComponent)({
585
590
  props: modalProps2
586
591
  } = useModalContext();
587
592
  const {
588
- scrollBehavior
593
+ scrollBehavior,
594
+ isBlockScrollOnMount
589
595
  } = modalProps2;
590
596
  return () => {
591
597
  return (0, import_vue8.createVNode)("div", {
592
598
  "data-pixel-component": "MpModalBody",
593
599
  "class": body,
594
600
  "style": {
601
+ overscrollBehavior: isBlockScrollOnMount.value ? "contain" : "auto",
595
602
  overflowY: scrollBehavior.value === "inside" || scrollBehavior.value === "auto" ? "auto" : "inherit"
596
603
  }
597
604
  }, [slots.default && slots.default()]);
@@ -645,20 +652,15 @@ var MpModalFooter = (0, import_vue13.defineComponent)({
645
652
  var import_vue14 = require("vue");
646
653
  var import_vue15 = require("vue");
647
654
  var import_pixel3_button = require("@mekari/pixel3-button");
648
- var import_recipes7 = require("@mekari/pixel3-styled-system/recipes");
649
655
  var MpModalCloseButton = (0, import_vue15.defineComponent)({
650
656
  name: "MpModalCloseButton",
651
657
  setup() {
652
- const {
653
- closeButton
654
- } = (0, import_recipes7.modalSlotRecipe)();
655
658
  const {
656
659
  onClose
657
660
  } = useModalContext();
658
661
  return () => {
659
662
  return (0, import_vue14.createVNode)(import_pixel3_button.MpButton, {
660
663
  "data-pixel-component": "MpModalCloseButton",
661
- "class": closeButton,
662
664
  "leftIcon": "close",
663
665
  "size": "sm",
664
666
  "variant": "ghost",
package/dist/index.mjs CHANGED
@@ -1,13 +1,13 @@
1
1
  import "./chunk-T47XIOLI.mjs";
2
2
  import {
3
3
  MpModalBody
4
- } from "./chunk-ASQKAMBD.mjs";
4
+ } from "./chunk-7OLNTGJQ.mjs";
5
5
  import {
6
6
  MpModalCloseButton
7
- } from "./chunk-D4KITWKW.mjs";
7
+ } from "./chunk-NFQ2B3FR.mjs";
8
8
  import {
9
9
  MpModalContent
10
- } from "./chunk-CFN36RCK.mjs";
10
+ } from "./chunk-MMFENXKE.mjs";
11
11
  import {
12
12
  MpModalFooter
13
13
  } from "./chunk-THCDEEFK.mjs";
@@ -16,9 +16,9 @@ import {
16
16
  } from "./chunk-FXPPG3HJ.mjs";
17
17
  import {
18
18
  MpModal
19
- } from "./chunk-XRL6AZDH.mjs";
19
+ } from "./chunk-XP25ZI7L.mjs";
20
20
  import "./chunk-3GDGVZBF.mjs";
21
- import "./chunk-ZKNVYPNA.mjs";
21
+ import "./chunk-53UX3JXF.mjs";
22
22
  import {
23
23
  MpModalOverlay
24
24
  } 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":7176,"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":1632,"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/modules/modal.types.ts":{"bytes":331,"imports":[],"format":"esm"},"src/index.ts":{"bytes":310,"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"},{"path":"src/modules/modal.types.ts","kind":"import-statement","original":"./modules/modal.types"}],"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":6428},"src/modules/modal.context.ts":{"bytesInOutput":162},"src/modules/modal.props.ts":{"bytesInOutput":141}},"bytes":10456},"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":885},"src/modules/useModal.ts":{"bytesInOutput":7236},"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":18934},"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":744},"src/modules/useModal.ts":{"bytesInOutput":1068}},"bytes":5747},"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":1112}},"bytes":2081},"dist/modules/modal.types.js":{"imports":[],"exports":[],"entryPoint":"src/modules/modal.types.ts","inputs":{"src/modules/modal.types.ts":{"bytesInOutput":82}},"bytes":784},"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":7442},"src/modules/modal.context.ts":{"bytesInOutput":162}},"bytes":9313}}}
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":1006,"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":678,"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"}],"format":"esm"},"src/modules/useModal.ts":{"bytes":7240,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","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":1632,"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/modules/modal.types.ts":{"bytes":331,"imports":[],"format":"esm"},"src/index.ts":{"bytes":310,"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"},{"path":"src/modules/modal.types.ts","kind":"import-statement","original":"./modules/modal.types"}],"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":1011},"src/modules/modal.context.ts":{"bytesInOutput":162}},"bytes":2144},"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}],"exports":[],"entryPoint":"src/close-button.tsx","inputs":{"src/close-button.tsx":{"bytesInOutput":735},"src/modules/modal.context.ts":{"bytesInOutput":162}},"bytes":1891},"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":"@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":6431},"src/modules/modal.context.ts":{"bytesInOutput":162},"src/modules/modal.props.ts":{"bytesInOutput":141}},"bytes":10459},"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":"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}],"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":885},"src/modules/useModal.ts":{"bytesInOutput":7266},"src/overlay.tsx":{"bytesInOutput":1966},"src/content.tsx":{"bytesInOutput":1828},"src/body.tsx":{"bytesInOutput":887},"src/header.tsx":{"bytesInOutput":538},"src/footer.tsx":{"bytesInOutput":538},"src/close-button.tsx":{"bytesInOutput":573}},"bytes":18892},"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":"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":744},"src/modules/useModal.ts":{"bytesInOutput":1036}},"bytes":5715},"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":1112}},"bytes":2081},"dist/modules/modal.types.js":{"imports":[],"exports":[],"entryPoint":"src/modules/modal.types.ts","inputs":{"src/modules/modal.types.ts":{"bytesInOutput":82}},"bytes":784},"dist/modules/useModal.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","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":7472},"src/modules/modal.context.ts":{"bytesInOutput":162}},"bytes":9343}}}
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":7176,"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":1632,"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/modules/modal.types.ts":{"bytes":331,"imports":[],"format":"esm"},"src/index.ts":{"bytes":310,"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"},{"path":"src/modules/modal.types.ts","kind":"import-statement","original":"./modules/modal.types"}],"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-3GDGVZBF.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/modal.types.mjs":{"imports":[{"path":"dist/chunk-T47XIOLI.mjs","kind":"import-statement"}],"exports":[],"entryPoint":"src/modules/modal.types.ts","inputs":{},"bytes":32},"dist/modules/useModal.mjs":{"imports":[{"path":"dist/chunk-ZKNVYPNA.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-CFN36RCK.mjs","kind":"import-statement"},{"path":"dist/chunk-3GDGVZBF.mjs","kind":"import-statement"},{"path":"dist/chunk-ZKNVYPNA.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-T47XIOLI.mjs","kind":"import-statement"},{"path":"dist/chunk-ASQKAMBD.mjs","kind":"import-statement"},{"path":"dist/chunk-D4KITWKW.mjs","kind":"import-statement"},{"path":"dist/chunk-CFN36RCK.mjs","kind":"import-statement"},{"path":"dist/chunk-THCDEEFK.mjs","kind":"import-statement"},{"path":"dist/chunk-FXPPG3HJ.mjs","kind":"import-statement"},{"path":"dist/chunk-XRL6AZDH.mjs","kind":"import-statement"},{"path":"dist/chunk-3GDGVZBF.mjs","kind":"import-statement"},{"path":"dist/chunk-ZKNVYPNA.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":675},"dist/chunk-T47XIOLI.mjs":{"imports":[],"exports":[],"inputs":{"src/modules/modal.types.ts":{"bytesInOutput":0}},"bytes":0},"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-CFN36RCK.mjs":{"imports":[{"path":"dist/chunk-3GDGVZBF.mjs","kind":"import-statement"},{"path":"dist/chunk-ZKNVYPNA.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-XRL6AZDH.mjs","kind":"import-statement"},{"path":"dist/chunk-3GDGVZBF.mjs","kind":"import-statement"},{"path":"dist/chunk-ZKNVYPNA.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-XRL6AZDH.mjs":{"imports":[{"path":"dist/chunk-3GDGVZBF.mjs","kind":"import-statement"},{"path":"dist/chunk-ZKNVYPNA.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-3GDGVZBF.mjs":{"imports":[],"exports":["modalContentProps","modalEmits","modalProps"],"inputs":{"src/modules/modal.props.ts":{"bytesInOutput":885}},"bytes":976},"dist/chunk-ZKNVYPNA.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":6953}},"bytes":7144},"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":1006,"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":678,"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"}],"format":"esm"},"src/modules/useModal.ts":{"bytes":7240,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","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":1632,"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/modules/modal.types.ts":{"bytes":331,"imports":[],"format":"esm"},"src/index.ts":{"bytes":310,"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"},{"path":"src/modules/modal.types.ts","kind":"import-statement","original":"./modules/modal.types"}],"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-3GDGVZBF.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/modal.types.mjs":{"imports":[{"path":"dist/chunk-T47XIOLI.mjs","kind":"import-statement"}],"exports":[],"entryPoint":"src/modules/modal.types.ts","inputs":{},"bytes":32},"dist/modules/useModal.mjs":{"imports":[{"path":"dist/chunk-53UX3JXF.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-7OLNTGJQ.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-NFQ2B3FR.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-MMFENXKE.mjs","kind":"import-statement"},{"path":"dist/chunk-3GDGVZBF.mjs","kind":"import-statement"},{"path":"dist/chunk-53UX3JXF.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-T47XIOLI.mjs","kind":"import-statement"},{"path":"dist/chunk-7OLNTGJQ.mjs","kind":"import-statement"},{"path":"dist/chunk-NFQ2B3FR.mjs","kind":"import-statement"},{"path":"dist/chunk-MMFENXKE.mjs","kind":"import-statement"},{"path":"dist/chunk-THCDEEFK.mjs","kind":"import-statement"},{"path":"dist/chunk-FXPPG3HJ.mjs","kind":"import-statement"},{"path":"dist/chunk-XP25ZI7L.mjs","kind":"import-statement"},{"path":"dist/chunk-3GDGVZBF.mjs","kind":"import-statement"},{"path":"dist/chunk-53UX3JXF.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":675},"dist/chunk-T47XIOLI.mjs":{"imports":[],"exports":[],"inputs":{"src/modules/modal.types.ts":{"bytesInOutput":0}},"bytes":0},"dist/chunk-7OLNTGJQ.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":854}},"bytes":956},"dist/chunk-NFQ2B3FR.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}],"exports":["MpModalCloseButton"],"inputs":{"src/close-button.tsx":{"bytesInOutput":526}},"bytes":643},"dist/chunk-MMFENXKE.mjs":{"imports":[{"path":"dist/chunk-3GDGVZBF.mjs","kind":"import-statement"},{"path":"dist/chunk-53UX3JXF.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-XP25ZI7L.mjs","kind":"import-statement"},{"path":"dist/chunk-3GDGVZBF.mjs","kind":"import-statement"},{"path":"dist/chunk-53UX3JXF.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-XP25ZI7L.mjs":{"imports":[{"path":"dist/chunk-3GDGVZBF.mjs","kind":"import-statement"},{"path":"dist/chunk-53UX3JXF.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-3GDGVZBF.mjs":{"imports":[],"exports":["modalContentProps","modalEmits","modalProps"],"inputs":{"src/modules/modal.props.ts":{"bytesInOutput":885}},"bytes":976},"dist/chunk-53UX3JXF.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":"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":7019}},"bytes":7210},"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.js CHANGED
@@ -95,27 +95,29 @@ var modalEmits = {
95
95
  // src/modules/useModal.ts
96
96
  var import_vue = require("vue");
97
97
  var import_pixel3_utils2 = require("@mekari/pixel3-utils");
98
- var import_body_scroll_lock = require("body-scroll-lock");
99
98
  var import_animejs = __toESM(require("animejs"));
100
99
  var import_pixel3_utils3 = require("@mekari/pixel3-utils");
101
100
  function useModal(props, emit) {
102
101
  const isModalOpen = (0, import_vue.ref)(props.isOpen);
103
102
  const modalEl = (0, import_vue.ref)();
104
103
  const getId = (0, import_vue.computed)(() => props.id || (0, import_pixel3_utils2.useId)(4));
105
- function onOpen() {
106
- isModalOpen.value = true;
104
+ (0, import_vue.watch)(() => isModalOpen.value, (isOpen) => {
107
105
  if (props.isBlockScrollOnMount) {
108
- (0, import_vue.nextTick)(() => {
109
- (0, import_body_scroll_lock.disableBodyScroll)(modalEl.value);
110
- });
106
+ if (isOpen) {
107
+ (0, import_vue.nextTick)(() => {
108
+ document.body.style.overflow = "hidden";
109
+ });
110
+ } else {
111
+ document.body.style.overflow = "";
112
+ }
111
113
  }
114
+ });
115
+ function onOpen() {
116
+ isModalOpen.value = true;
112
117
  emit("open", true);
113
118
  }
114
119
  __name(onOpen, "onOpen");
115
120
  function onClose() {
116
- if (props.isBlockScrollOnMount) {
117
- (0, import_body_scroll_lock.enableBodyScroll)(modalEl.value);
118
- }
119
121
  emit("close", true);
120
122
  }
121
123
  __name(onClose, "onClose");
package/dist/modal.mjs CHANGED
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  MpModal
3
- } from "./chunk-XRL6AZDH.mjs";
3
+ } from "./chunk-XP25ZI7L.mjs";
4
4
  import "./chunk-3GDGVZBF.mjs";
5
- import "./chunk-ZKNVYPNA.mjs";
5
+ import "./chunk-53UX3JXF.mjs";
6
6
  import "./chunk-DKUTSUEJ.mjs";
7
7
  import "./chunk-QZ7VFGWC.mjs";
8
8
  export {
package/dist/modules/useModal.js CHANGED
@@ -38,7 +38,6 @@ __export(useModal_exports, {
38
38
  module.exports = __toCommonJS(useModal_exports);
39
39
  var import_vue = require("vue");
40
40
  var import_pixel3_utils2 = require("@mekari/pixel3-utils");
41
- var import_body_scroll_lock = require("body-scroll-lock");
42
41
 
43
42
  // src/modules/modal.context.ts
44
43
  var import_pixel3_utils = require("@mekari/pixel3-utils");
@@ -59,20 +58,23 @@ function useModal(props, emit) {
59
58
  const isModalOpen = (0, import_vue.ref)(props.isOpen);
60
59
  const modalEl = (0, import_vue.ref)();
61
60
  const getId = (0, import_vue.computed)(() => props.id || (0, import_pixel3_utils2.useId)(4));
62
- function onOpen() {
63
- isModalOpen.value = true;
61
+ (0, import_vue.watch)(() => isModalOpen.value, (isOpen) => {
64
62
  if (props.isBlockScrollOnMount) {
65
- (0, import_vue.nextTick)(() => {
66
- (0, import_body_scroll_lock.disableBodyScroll)(modalEl.value);
67
- });
63
+ if (isOpen) {
64
+ (0, import_vue.nextTick)(() => {
65
+ document.body.style.overflow = "hidden";
66
+ });
67
+ } else {
68
+ document.body.style.overflow = "";
69
+ }
68
70
  }
71
+ });
72
+ function onOpen() {
73
+ isModalOpen.value = true;
69
74
  emit("open", true);
70
75
  }
71
76
  __name(onOpen, "onOpen");
72
77
  function onClose() {
73
- if (props.isBlockScrollOnMount) {
74
- (0, import_body_scroll_lock.enableBodyScroll)(modalEl.value);
75
- }
76
78
  emit("close", true);
77
79
  }
78
80
  __name(onClose, "onClose");
@@ -120,7 +122,7 @@ function useModalContent(props) {
120
122
  if (scrollBehavior.value === "inside") {
121
123
  wrapperStyle = {
122
124
  ...wrapperStyle,
123
- maxHeight: "calc(100vh - 7.5rem)",
125
+ maxHeight: "calc(100% - 7.5rem)",
124
126
  overflow: "hidden",
125
127
  top: "3.75rem"
126
128
  };
@@ -134,25 +136,28 @@ function useModalContent(props) {
134
136
  wrapperStyle = {
135
137
  ...wrapperStyle,
136
138
  overflowY: "auto",
137
- overflowX: "hidden"
139
+ overflowX: "hidden",
140
+ top: 0
138
141
  };
139
142
  contentStyle = {
140
143
  ...contentStyle,
141
- my: "3.75rem",
144
+ marginTop: "3.75rem",
145
+ marginBottom: "3.75rem",
146
+ height: "auto",
142
147
  top: 0
143
148
  };
144
149
  }
145
150
  if (scrollBehavior.value === "auto") {
146
151
  wrapperStyle = {
147
152
  ...wrapperStyle,
148
- maxHeight: "calc(100vh - 7.5rem)",
153
+ maxHeight: "calc(100% - 7.5rem)",
149
154
  overflow: "hidden",
150
155
  top: "3.75rem"
151
156
  };
152
157
  contentStyle = {
153
158
  ...contentStyle,
154
159
  height: "auto",
155
- maxHeight: "calc(100vh - 7.5rem)",
160
+ maxHeight: "100%",
156
161
  top: 0
157
162
  };
158
163
  }
package/dist/modules/useModal.mjs CHANGED
@@ -2,7 +2,7 @@ import {
2
2
  baseSizes,
3
3
  useModal,
4
4
  useModalContent
5
- } from "../chunk-ZKNVYPNA.mjs";
5
+ } from "../chunk-53UX3JXF.mjs";
6
6
  import "../chunk-DKUTSUEJ.mjs";
7
7
  import "../chunk-QZ7VFGWC.mjs";
8
8
  export {
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.21-dev.0",
4
+ "version": "0.0.21-dev.2",
5
5
  "main": "dist/index.js",
6
6
  "license": "MIT",
7
7
  "files": [
@@ -9,17 +9,15 @@
9
9
  ],
10
10
  "dependencies": {
11
11
  "animejs": "^3.2.2",
12
- "body-scroll-lock": "4.0.0-beta.0",
13
- "@mekari/pixel3-styled-system": "0.1.5",
12
+ "@mekari/pixel3-button": "0.1.5-dev.1",
14
13
  "@mekari/pixel3-utils": "0.0.8-dev.0",
15
- "@mekari/pixel3-button": "0.1.5-dev.0"
14
+ "@mekari/pixel3-styled-system": "0.1.6-dev.0"
16
15
  },
17
16
  "peerDependencies": {
18
17
  "vue": "^3.4.9"
19
18
  },
20
19
  "devDependencies": {
21
20
  "@types/animejs": "^3.1.12",
22
- "@types/body-scroll-lock": "^3.1.2",
23
21
  "vue": "^3.4.9"
24
22
  },
25
23
  "publishConfig": {