@mekari/pixel3-drawer 0.0.24-dev.0 → 0.0.24-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/body.js +14 -1
- package/dist/body.mjs +2 -1
- package/dist/{chunk-GCUVIMGG.mjs → chunk-25EDSYX3.mjs} +3 -1
- package/dist/{chunk-MCN332Y2.mjs → chunk-5RIMQAZV.mjs} +1 -1
- package/dist/{chunk-BMJBVQAN.mjs → chunk-EIMC43YU.mjs} +4 -0
- package/dist/{chunk-ZTWQO5OZ.mjs → chunk-MFLS5N5K.mjs} +12 -1
- package/dist/content.js +3 -1
- package/dist/content.mjs +1 -1
- package/dist/drawer.d.mts +10 -0
- package/dist/drawer.d.ts +10 -0
- package/dist/drawer.js +4 -0
- package/dist/drawer.mjs +2 -2
- package/dist/index.d.mts +2 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +15 -2
- package/dist/index.mjs +4 -4
- package/dist/metafile-cjs.json +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/modules/drawer.props.d.mts +6 -1
- package/dist/modules/drawer.props.d.ts +6 -1
- package/dist/modules/drawer.props.js +4 -0
- package/dist/modules/drawer.props.mjs +1 -1
- package/package.json +4 -4
package/dist/body.js
CHANGED
|
@@ -26,14 +26,27 @@ module.exports = __toCommonJS(body_exports);
|
|
|
26
26
|
var import_vue = require("vue");
|
|
27
27
|
var import_vue2 = require("vue");
|
|
28
28
|
var import_pixel3_modal = require("@mekari/pixel3-modal");
|
|
29
|
+
|
|
30
|
+
// src/modules/drawer.context.ts
|
|
31
|
+
var import_pixel3_utils = require("@mekari/pixel3-utils");
|
|
32
|
+
var [DrawerProvider, useDrawerContext] = (0, import_pixel3_utils.usePixelCreateContext)("DrawerContext");
|
|
33
|
+
|
|
34
|
+
// src/body.tsx
|
|
29
35
|
var MpDrawerBody = (0, import_vue2.defineComponent)({
|
|
30
36
|
name: "MpDrawerBody",
|
|
31
37
|
setup(_props, {
|
|
32
38
|
slots
|
|
33
39
|
}) {
|
|
40
|
+
const {
|
|
41
|
+
props: drawerProps
|
|
42
|
+
} = useDrawerContext();
|
|
43
|
+
const {
|
|
44
|
+
variant
|
|
45
|
+
} = drawerProps;
|
|
34
46
|
return () => {
|
|
35
47
|
return (0, import_vue.createVNode)(import_pixel3_modal.MpModalBody, {
|
|
36
|
-
"data-pixel-component": "MpDrawerBody"
|
|
48
|
+
"data-pixel-component": "MpDrawerBody",
|
|
49
|
+
"data-drawer-variant": (variant == null ? void 0 : variant.value) || "default"
|
|
37
50
|
}, {
|
|
38
51
|
default: () => [slots.default && slots.default()]
|
|
39
52
|
});
|
package/dist/body.mjs
CHANGED
|
@@ -55,7 +55,8 @@ var MpDrawerContent = defineComponent({
|
|
|
55
55
|
props: drawerProps
|
|
56
56
|
} = useDrawerContext();
|
|
57
57
|
const {
|
|
58
|
-
placement
|
|
58
|
+
placement,
|
|
59
|
+
variant
|
|
59
60
|
} = drawerProps;
|
|
60
61
|
const placementStyles = computed(() => {
|
|
61
62
|
const placementStyles2 = getPlacementStyles(placement.value, {});
|
|
@@ -70,6 +71,7 @@ var MpDrawerContent = defineComponent({
|
|
|
70
71
|
"data-pixel-component": "MpDrawerContent",
|
|
71
72
|
"type": "drawer",
|
|
72
73
|
"data-modal-type": "drawer",
|
|
74
|
+
"data-drawer-variant": (variant == null ? void 0 : variant.value) || "default",
|
|
73
75
|
"placement": placement.value,
|
|
74
76
|
"data-placement": placement.value,
|
|
75
77
|
"style": placementStyles.value
|
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
import {
|
|
2
|
+
useDrawerContext
|
|
3
|
+
} from "./chunk-54CTPMF7.mjs";
|
|
4
|
+
|
|
1
5
|
// src/body.tsx
|
|
2
6
|
import { createVNode as _createVNode } from "vue";
|
|
3
7
|
import { defineComponent } from "vue";
|
|
@@ -7,9 +11,16 @@ var MpDrawerBody = defineComponent({
|
|
|
7
11
|
setup(_props, {
|
|
8
12
|
slots
|
|
9
13
|
}) {
|
|
14
|
+
const {
|
|
15
|
+
props: drawerProps
|
|
16
|
+
} = useDrawerContext();
|
|
17
|
+
const {
|
|
18
|
+
variant
|
|
19
|
+
} = drawerProps;
|
|
10
20
|
return () => {
|
|
11
21
|
return _createVNode(MpModalBody, {
|
|
12
|
-
"data-pixel-component": "MpDrawerBody"
|
|
22
|
+
"data-pixel-component": "MpDrawerBody",
|
|
23
|
+
"data-drawer-variant": (variant == null ? void 0 : variant.value) || "default"
|
|
13
24
|
}, {
|
|
14
25
|
default: () => [slots.default && slots.default()]
|
|
15
26
|
});
|
package/dist/content.js
CHANGED
|
@@ -79,7 +79,8 @@ var MpDrawerContent = (0, import_vue2.defineComponent)({
|
|
|
79
79
|
props: drawerProps
|
|
80
80
|
} = useDrawerContext();
|
|
81
81
|
const {
|
|
82
|
-
placement
|
|
82
|
+
placement,
|
|
83
|
+
variant
|
|
83
84
|
} = drawerProps;
|
|
84
85
|
const placementStyles = (0, import_vue2.computed)(() => {
|
|
85
86
|
const placementStyles2 = getPlacementStyles(placement.value, {});
|
|
@@ -94,6 +95,7 @@ var MpDrawerContent = (0, import_vue2.defineComponent)({
|
|
|
94
95
|
"data-pixel-component": "MpDrawerContent",
|
|
95
96
|
"type": "drawer",
|
|
96
97
|
"data-modal-type": "drawer",
|
|
98
|
+
"data-drawer-variant": (variant == null ? void 0 : variant.value) || "default",
|
|
97
99
|
"placement": placement.value,
|
|
98
100
|
"data-placement": placement.value,
|
|
99
101
|
"style": placementStyles.value
|
package/dist/content.mjs
CHANGED
package/dist/drawer.d.mts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import * as vue_jsx_runtime from 'vue/jsx-runtime';
|
|
2
|
+
import { DrawerVariant } from './modules/drawer.props.mjs';
|
|
2
3
|
import * as _mekari_pixel3_modal from '@mekari/pixel3-modal';
|
|
3
4
|
import * as vue from 'vue';
|
|
4
5
|
|
|
@@ -34,6 +35,10 @@ declare const MpDrawer: vue.DefineComponent<{
|
|
|
34
35
|
type: vue.PropType<_mekari_pixel3_modal.ModalBaseSize>;
|
|
35
36
|
default: string;
|
|
36
37
|
};
|
|
38
|
+
variant: {
|
|
39
|
+
type: vue.PropType<DrawerVariant>;
|
|
40
|
+
default: string;
|
|
41
|
+
};
|
|
37
42
|
}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
|
38
43
|
open: (value: boolean) => boolean;
|
|
39
44
|
close: (value: boolean) => boolean;
|
|
@@ -69,6 +74,10 @@ declare const MpDrawer: vue.DefineComponent<{
|
|
|
69
74
|
type: vue.PropType<_mekari_pixel3_modal.ModalBaseSize>;
|
|
70
75
|
default: string;
|
|
71
76
|
};
|
|
77
|
+
variant: {
|
|
78
|
+
type: vue.PropType<DrawerVariant>;
|
|
79
|
+
default: string;
|
|
80
|
+
};
|
|
72
81
|
}>> & {
|
|
73
82
|
onClose?: ((value: boolean) => any) | undefined;
|
|
74
83
|
onOpen?: ((value: boolean) => any) | undefined;
|
|
@@ -80,6 +89,7 @@ declare const MpDrawer: vue.DefineComponent<{
|
|
|
80
89
|
isKeepAlive: boolean;
|
|
81
90
|
placement: _mekari_pixel3_modal.ModalPlacement;
|
|
82
91
|
size: _mekari_pixel3_modal.ModalBaseSize;
|
|
92
|
+
variant: DrawerVariant;
|
|
83
93
|
}, {}>;
|
|
84
94
|
|
|
85
95
|
export { MpDrawer };
|
package/dist/drawer.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import * as vue_jsx_runtime from 'vue/jsx-runtime';
|
|
2
|
+
import { DrawerVariant } from './modules/drawer.props.js';
|
|
2
3
|
import * as _mekari_pixel3_modal from '@mekari/pixel3-modal';
|
|
3
4
|
import * as vue from 'vue';
|
|
4
5
|
|
|
@@ -34,6 +35,10 @@ declare const MpDrawer: vue.DefineComponent<{
|
|
|
34
35
|
type: vue.PropType<_mekari_pixel3_modal.ModalBaseSize>;
|
|
35
36
|
default: string;
|
|
36
37
|
};
|
|
38
|
+
variant: {
|
|
39
|
+
type: vue.PropType<DrawerVariant>;
|
|
40
|
+
default: string;
|
|
41
|
+
};
|
|
37
42
|
}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
|
38
43
|
open: (value: boolean) => boolean;
|
|
39
44
|
close: (value: boolean) => boolean;
|
|
@@ -69,6 +74,10 @@ declare const MpDrawer: vue.DefineComponent<{
|
|
|
69
74
|
type: vue.PropType<_mekari_pixel3_modal.ModalBaseSize>;
|
|
70
75
|
default: string;
|
|
71
76
|
};
|
|
77
|
+
variant: {
|
|
78
|
+
type: vue.PropType<DrawerVariant>;
|
|
79
|
+
default: string;
|
|
80
|
+
};
|
|
72
81
|
}>> & {
|
|
73
82
|
onClose?: ((value: boolean) => any) | undefined;
|
|
74
83
|
onOpen?: ((value: boolean) => any) | undefined;
|
|
@@ -80,6 +89,7 @@ declare const MpDrawer: vue.DefineComponent<{
|
|
|
80
89
|
isKeepAlive: boolean;
|
|
81
90
|
placement: _mekari_pixel3_modal.ModalPlacement;
|
|
82
91
|
size: _mekari_pixel3_modal.ModalBaseSize;
|
|
92
|
+
variant: DrawerVariant;
|
|
83
93
|
}, {}>;
|
|
84
94
|
|
|
85
95
|
export { MpDrawer };
|
package/dist/drawer.js
CHANGED
package/dist/drawer.mjs
CHANGED
package/dist/index.d.mts
CHANGED
|
@@ -6,5 +6,6 @@ export { MpDrawerHeader } from './header.mjs';
|
|
|
6
6
|
export { MpDrawerFooter } from './footer.mjs';
|
|
7
7
|
export { MpDrawerCloseButton } from './close-button.mjs';
|
|
8
8
|
import 'vue/jsx-runtime';
|
|
9
|
-
import '
|
|
9
|
+
import './modules/drawer.props.mjs';
|
|
10
10
|
import 'vue';
|
|
11
|
+
import '@mekari/pixel3-modal';
|
package/dist/index.d.ts
CHANGED
|
@@ -6,5 +6,6 @@ export { MpDrawerHeader } from './header.js';
|
|
|
6
6
|
export { MpDrawerFooter } from './footer.js';
|
|
7
7
|
export { MpDrawerCloseButton } from './close-button.js';
|
|
8
8
|
import 'vue/jsx-runtime';
|
|
9
|
-
import '
|
|
9
|
+
import './modules/drawer.props.js';
|
|
10
10
|
import 'vue';
|
|
11
|
+
import '@mekari/pixel3-modal';
|
package/dist/index.js
CHANGED
|
@@ -68,6 +68,10 @@ var drawerProps = {
|
|
|
68
68
|
size: {
|
|
69
69
|
type: String,
|
|
70
70
|
default: "md"
|
|
71
|
+
},
|
|
72
|
+
variant: {
|
|
73
|
+
type: String,
|
|
74
|
+
default: "default"
|
|
71
75
|
}
|
|
72
76
|
};
|
|
73
77
|
var drawerEmits = {
|
|
@@ -176,7 +180,8 @@ var MpDrawerContent = (0, import_vue6.defineComponent)({
|
|
|
176
180
|
props: drawerProps2
|
|
177
181
|
} = useDrawerContext();
|
|
178
182
|
const {
|
|
179
|
-
placement
|
|
183
|
+
placement,
|
|
184
|
+
variant
|
|
180
185
|
} = drawerProps2;
|
|
181
186
|
const placementStyles = (0, import_vue6.computed)(() => {
|
|
182
187
|
const placementStyles2 = getPlacementStyles(placement.value, {});
|
|
@@ -191,6 +196,7 @@ var MpDrawerContent = (0, import_vue6.defineComponent)({
|
|
|
191
196
|
"data-pixel-component": "MpDrawerContent",
|
|
192
197
|
"type": "drawer",
|
|
193
198
|
"data-modal-type": "drawer",
|
|
199
|
+
"data-drawer-variant": (variant == null ? void 0 : variant.value) || "default",
|
|
194
200
|
"placement": placement.value,
|
|
195
201
|
"data-placement": placement.value,
|
|
196
202
|
"style": placementStyles.value
|
|
@@ -210,9 +216,16 @@ var MpDrawerBody = (0, import_vue8.defineComponent)({
|
|
|
210
216
|
setup(_props, {
|
|
211
217
|
slots
|
|
212
218
|
}) {
|
|
219
|
+
const {
|
|
220
|
+
props: drawerProps2
|
|
221
|
+
} = useDrawerContext();
|
|
222
|
+
const {
|
|
223
|
+
variant
|
|
224
|
+
} = drawerProps2;
|
|
213
225
|
return () => {
|
|
214
226
|
return (0, import_vue7.createVNode)(import_pixel3_modal4.MpModalBody, {
|
|
215
|
-
"data-pixel-component": "MpDrawerBody"
|
|
227
|
+
"data-pixel-component": "MpDrawerBody",
|
|
228
|
+
"data-drawer-variant": (variant == null ? void 0 : variant.value) || "default"
|
|
216
229
|
}, {
|
|
217
230
|
default: () => [slots.default && slots.default()]
|
|
218
231
|
});
|
package/dist/index.mjs
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import {
|
|
2
2
|
MpDrawerBody
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-MFLS5N5K.mjs";
|
|
4
4
|
import {
|
|
5
5
|
MpDrawerCloseButton
|
|
6
6
|
} from "./chunk-CMAJDRDT.mjs";
|
|
7
7
|
import {
|
|
8
8
|
MpDrawerContent
|
|
9
|
-
} from "./chunk-
|
|
9
|
+
} from "./chunk-25EDSYX3.mjs";
|
|
10
10
|
import {
|
|
11
11
|
MpDrawer
|
|
12
|
-
} from "./chunk-
|
|
13
|
-
import "./chunk-
|
|
12
|
+
} from "./chunk-5RIMQAZV.mjs";
|
|
13
|
+
import "./chunk-EIMC43YU.mjs";
|
|
14
14
|
import "./chunk-54CTPMF7.mjs";
|
|
15
15
|
import {
|
|
16
16
|
MpDrawerFooter
|
package/dist/metafile-cjs.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/body.tsx":{"bytes":
|
|
1
|
+
{"inputs":{"src/modules/drawer.context.ts":{"bytes":401,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"},"src/body.tsx":{"bytes":765,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-modal","kind":"import-statement","external":true},{"path":"src/modules/drawer.context.ts","kind":"import-statement","original":"./modules/drawer.context"}],"format":"esm"},"src/close-button.tsx":{"bytes":481,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-modal","kind":"import-statement","external":true}],"format":"esm"},"src/content.tsx":{"bytes":1919,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-modal","kind":"import-statement","external":true},{"path":"src/modules/drawer.context.ts","kind":"import-statement","original":"./modules/drawer.context"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/drawer.props.ts":{"bytes":1199,"imports":[],"format":"esm"},"src/drawer.tsx":{"bytes":1173,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-modal","kind":"import-statement","external":true},{"path":"src/modules/drawer.props.ts","kind":"import-statement","original":"./modules/drawer.props"},{"path":"src/modules/drawer.context.ts","kind":"import-statement","original":"./modules/drawer.context"}],"format":"esm"},"src/footer.tsx":{"bytes":542,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-modal","kind":"import-statement","external":true}],"format":"esm"},"src/header.tsx":{"bytes":579,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-modal","kind":"import-statement","external":true}],"format":"esm"},"src/overlay.tsx":{"bytes":461,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-modal","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":272,"imports":[{"path":"src/drawer.tsx","kind":"import-statement","original":"./drawer"},{"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-modal","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/body.tsx","inputs":{"src/body.tsx":{"bytesInOutput":807},"src/modules/drawer.context.ts":{"bytesInOutput":165}},"bytes":1945},"dist/close-button.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-modal","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/close-button.tsx","inputs":{"src/close-button.tsx":{"bytesInOutput":587}},"bytes":1524},"dist/content.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-modal","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/content.tsx","inputs":{"src/content.tsx":{"bytesInOutput":1957},"src/modules/drawer.context.ts":{"bytesInOutput":165}},"bytes":3194},"dist/drawer.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-modal","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/drawer.tsx","inputs":{"src/drawer.tsx":{"bytesInOutput":1133},"src/modules/drawer.props.ts":{"bytesInOutput":608},"src/modules/drawer.context.ts":{"bytesInOutput":165}},"bytes":2911},"dist/footer.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-modal","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/footer.tsx","inputs":{"src/footer.tsx":{"bytesInOutput":625}},"bytes":1551},"dist/header.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-modal","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/header.tsx","inputs":{"src/header.tsx":{"bytesInOutput":662}},"bytes":1588},"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-modal","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-modal","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-modal","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-modal","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-modal","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-modal","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-modal","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":371},"src/drawer.tsx":{"bytesInOutput":1003},"src/modules/drawer.props.ts":{"bytesInOutput":608},"src/modules/drawer.context.ts":{"bytesInOutput":165},"src/overlay.tsx":{"bytesInOutput":405},"src/content.tsx":{"bytesInOutput":1816},"src/body.tsx":{"bytesInOutput":681},"src/header.tsx":{"bytesInOutput":526},"src/footer.tsx":{"bytesInOutput":491},"src/close-button.tsx":{"bytesInOutput":425}},"bytes":7836},"dist/overlay.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-modal","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/overlay.tsx","inputs":{"src/overlay.tsx":{"bytesInOutput":548}},"bytes":1476},"dist/modules/drawer.context.js":{"imports":[{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/drawer.context.ts","inputs":{"src/modules/drawer.context.ts":{"bytesInOutput":375}},"bytes":1336},"dist/modules/drawer.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/drawer.props.ts","inputs":{"src/modules/drawer.props.ts":{"bytesInOutput":796}},"bytes":1747}}}
|
package/dist/metafile-esm.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/body.tsx":{"bytes":
|
|
1
|
+
{"inputs":{"src/modules/drawer.context.ts":{"bytes":401,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"},"src/body.tsx":{"bytes":765,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-modal","kind":"import-statement","external":true},{"path":"src/modules/drawer.context.ts","kind":"import-statement","original":"./modules/drawer.context"}],"format":"esm"},"src/close-button.tsx":{"bytes":481,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-modal","kind":"import-statement","external":true}],"format":"esm"},"src/content.tsx":{"bytes":1919,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-modal","kind":"import-statement","external":true},{"path":"src/modules/drawer.context.ts","kind":"import-statement","original":"./modules/drawer.context"},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/modules/drawer.props.ts":{"bytes":1199,"imports":[],"format":"esm"},"src/drawer.tsx":{"bytes":1173,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-modal","kind":"import-statement","external":true},{"path":"src/modules/drawer.props.ts","kind":"import-statement","original":"./modules/drawer.props"},{"path":"src/modules/drawer.context.ts","kind":"import-statement","original":"./modules/drawer.context"}],"format":"esm"},"src/footer.tsx":{"bytes":542,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-modal","kind":"import-statement","external":true}],"format":"esm"},"src/header.tsx":{"bytes":579,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-modal","kind":"import-statement","external":true}],"format":"esm"},"src/overlay.tsx":{"bytes":461,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-modal","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":272,"imports":[{"path":"src/drawer.tsx","kind":"import-statement","original":"./drawer"},{"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/drawer.context.mjs":{"imports":[{"path":"dist/chunk-54CTPMF7.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["DrawerProvider","useDrawerContext"],"entryPoint":"src/modules/drawer.context.ts","inputs":{},"bytes":159},"dist/modules/drawer.props.mjs":{"imports":[{"path":"dist/chunk-EIMC43YU.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["drawerEmits","drawerProps"],"entryPoint":"src/modules/drawer.props.ts","inputs":{},"bytes":143},"dist/body.mjs":{"imports":[{"path":"dist/chunk-MFLS5N5K.mjs","kind":"import-statement"},{"path":"dist/chunk-54CTPMF7.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpDrawerBody"],"entryPoint":"src/body.tsx","inputs":{},"bytes":144},"dist/close-button.mjs":{"imports":[{"path":"dist/chunk-CMAJDRDT.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpDrawerCloseButton"],"entryPoint":"src/close-button.tsx","inputs":{},"bytes":127},"dist/content.mjs":{"imports":[{"path":"dist/chunk-25EDSYX3.mjs","kind":"import-statement"},{"path":"dist/chunk-54CTPMF7.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpDrawerContent"],"entryPoint":"src/content.tsx","inputs":{},"bytes":150},"dist/drawer.mjs":{"imports":[{"path":"dist/chunk-5RIMQAZV.mjs","kind":"import-statement"},{"path":"dist/chunk-EIMC43YU.mjs","kind":"import-statement"},{"path":"dist/chunk-54CTPMF7.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpDrawer"],"entryPoint":"src/drawer.tsx","inputs":{},"bytes":167},"dist/footer.mjs":{"imports":[{"path":"dist/chunk-V64M33JD.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpDrawerFooter"],"entryPoint":"src/footer.tsx","inputs":{},"bytes":117},"dist/header.mjs":{"imports":[{"path":"dist/chunk-QBLJ6VFU.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpDrawerHeader"],"entryPoint":"src/header.tsx","inputs":{},"bytes":117},"dist/index.mjs":{"imports":[{"path":"dist/chunk-MFLS5N5K.mjs","kind":"import-statement"},{"path":"dist/chunk-CMAJDRDT.mjs","kind":"import-statement"},{"path":"dist/chunk-25EDSYX3.mjs","kind":"import-statement"},{"path":"dist/chunk-5RIMQAZV.mjs","kind":"import-statement"},{"path":"dist/chunk-EIMC43YU.mjs","kind":"import-statement"},{"path":"dist/chunk-54CTPMF7.mjs","kind":"import-statement"},{"path":"dist/chunk-V64M33JD.mjs","kind":"import-statement"},{"path":"dist/chunk-QBLJ6VFU.mjs","kind":"import-statement"},{"path":"dist/chunk-PZOVPODZ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpDrawer","MpDrawerBody","MpDrawerCloseButton","MpDrawerContent","MpDrawerFooter","MpDrawerHeader","MpDrawerOverlay"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":627},"dist/chunk-MFLS5N5K.mjs":{"imports":[{"path":"dist/chunk-54CTPMF7.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-modal","kind":"import-statement","external":true}],"exports":["MpDrawerBody"],"inputs":{"src/body.tsx":{"bytesInOutput":639}},"bytes":743},"dist/chunk-CMAJDRDT.mjs":{"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-modal","kind":"import-statement","external":true}],"exports":["MpDrawerCloseButton"],"inputs":{"src/close-button.tsx":{"bytesInOutput":388}},"bytes":447},"dist/chunk-25EDSYX3.mjs":{"imports":[{"path":"dist/chunk-54CTPMF7.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":"@mekari/pixel3-modal","kind":"import-statement","external":true}],"exports":["MpDrawerContent"],"inputs":{"src/content.tsx":{"bytesInOutput":1770}},"bytes":1929},"dist/chunk-5RIMQAZV.mjs":{"imports":[{"path":"dist/chunk-EIMC43YU.mjs","kind":"import-statement"},{"path":"dist/chunk-54CTPMF7.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-modal","kind":"import-statement","external":true}],"exports":["MpDrawer"],"inputs":{"src/drawer.tsx":{"bytesInOutput":954}},"bytes":1123},"dist/chunk-EIMC43YU.mjs":{"imports":[],"exports":["drawerEmits","drawerProps"],"inputs":{"src/modules/drawer.props.ts":{"bytesInOutput":608}},"bytes":681},"dist/chunk-54CTPMF7.mjs":{"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["DrawerProvider","useDrawerContext"],"inputs":{"src/modules/drawer.context.ts":{"bytesInOutput":143}},"bytes":226},"dist/chunk-V64M33JD.mjs":{"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-modal","kind":"import-statement","external":true}],"exports":["MpDrawerFooter"],"inputs":{"src/footer.tsx":{"bytesInOutput":449}},"bytes":497},"dist/chunk-QBLJ6VFU.mjs":{"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-modal","kind":"import-statement","external":true}],"exports":["MpDrawerHeader"],"inputs":{"src/header.tsx":{"bytesInOutput":486}},"bytes":534},"dist/overlay.mjs":{"imports":[{"path":"dist/chunk-PZOVPODZ.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpDrawerOverlay"],"entryPoint":"src/overlay.tsx","inputs":{},"bytes":119},"dist/chunk-PZOVPODZ.mjs":{"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-modal","kind":"import-statement","external":true}],"exports":["MpDrawerOverlay"],"inputs":{"src/overlay.tsx":{"bytesInOutput":368}},"bytes":418},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151}}}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { PropType, ExtractPropTypes } from 'vue';
|
|
2
2
|
import { ModalPlacement, ModalBaseSize } from '@mekari/pixel3-modal';
|
|
3
3
|
|
|
4
|
+
type DrawerVariant = 'default' | 'floating';
|
|
4
5
|
declare const drawerProps: {
|
|
5
6
|
id: {
|
|
6
7
|
type: PropType<string>;
|
|
@@ -33,6 +34,10 @@ declare const drawerProps: {
|
|
|
33
34
|
type: PropType<ModalBaseSize>;
|
|
34
35
|
default: string;
|
|
35
36
|
};
|
|
37
|
+
variant: {
|
|
38
|
+
type: PropType<DrawerVariant>;
|
|
39
|
+
default: string;
|
|
40
|
+
};
|
|
36
41
|
};
|
|
37
42
|
declare const drawerEmits: {
|
|
38
43
|
open: (value: boolean) => boolean;
|
|
@@ -40,4 +45,4 @@ declare const drawerEmits: {
|
|
|
40
45
|
};
|
|
41
46
|
type DrawerProps = ExtractPropTypes<typeof drawerProps>;
|
|
42
47
|
|
|
43
|
-
export { DrawerProps, drawerEmits, drawerProps };
|
|
48
|
+
export { DrawerProps, DrawerVariant, drawerEmits, drawerProps };
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { PropType, ExtractPropTypes } from 'vue';
|
|
2
2
|
import { ModalPlacement, ModalBaseSize } from '@mekari/pixel3-modal';
|
|
3
3
|
|
|
4
|
+
type DrawerVariant = 'default' | 'floating';
|
|
4
5
|
declare const drawerProps: {
|
|
5
6
|
id: {
|
|
6
7
|
type: PropType<string>;
|
|
@@ -33,6 +34,10 @@ declare const drawerProps: {
|
|
|
33
34
|
type: PropType<ModalBaseSize>;
|
|
34
35
|
default: string;
|
|
35
36
|
};
|
|
37
|
+
variant: {
|
|
38
|
+
type: PropType<DrawerVariant>;
|
|
39
|
+
default: string;
|
|
40
|
+
};
|
|
36
41
|
};
|
|
37
42
|
declare const drawerEmits: {
|
|
38
43
|
open: (value: boolean) => boolean;
|
|
@@ -40,4 +45,4 @@ declare const drawerEmits: {
|
|
|
40
45
|
};
|
|
41
46
|
type DrawerProps = ExtractPropTypes<typeof drawerProps>;
|
|
42
47
|
|
|
43
|
-
export { DrawerProps, drawerEmits, drawerProps };
|
|
48
|
+
export { DrawerProps, DrawerVariant, drawerEmits, drawerProps };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mekari/pixel3-drawer",
|
|
3
3
|
"description": "Drawer component for mekari pixel 3",
|
|
4
|
-
"version": "0.0.24-dev.
|
|
4
|
+
"version": "0.0.24-dev.1",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"files": [
|
|
@@ -9,9 +9,9 @@
|
|
|
9
9
|
],
|
|
10
10
|
"dependencies": {
|
|
11
11
|
"animejs": "^3.2.2",
|
|
12
|
-
"@mekari/pixel3-
|
|
13
|
-
"@mekari/pixel3-
|
|
14
|
-
"@mekari/pixel3-
|
|
12
|
+
"@mekari/pixel3-utils": "0.1.0-dev.1",
|
|
13
|
+
"@mekari/pixel3-modal": "0.0.24-dev.1",
|
|
14
|
+
"@mekari/pixel3-styled-system": "0.2.0-dev.1"
|
|
15
15
|
},
|
|
16
16
|
"peerDependencies": {
|
|
17
17
|
"vue": "^3.4.9"
|