@mekari/pixel3-drawer 0.0.1

package/dist/body.d.mts

@@ -0,0 +1,6 @@
+import * as vue from 'vue';
+import * as vue_jsx_runtime from 'vue/jsx-runtime';
+
+declare const MpDrawerBody: vue.DefineComponent<{}, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
+
+export { MpDrawerBody };

package/dist/body.d.ts

@@ -0,0 +1,6 @@
+import * as vue from 'vue';
+import * as vue_jsx_runtime from 'vue/jsx-runtime';
+
+declare const MpDrawerBody: vue.DefineComponent<{}, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
+
+export { MpDrawerBody };

package/dist/body.js

@@ -0,0 +1,46 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/body.tsx
+var body_exports = {};
+__export(body_exports, {
+  MpDrawerBody: () => MpDrawerBody
+});
+module.exports = __toCommonJS(body_exports);
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_pixel3_modal = require("@mekari/pixel3-modal");
+var MpDrawerBody = (0, import_vue2.defineComponent)({
+  name: "MpDrawerBody",
+  setup(_props, {
+    slots
+  }) {
+    return () => {
+      return (0, import_vue.createVNode)(import_pixel3_modal.MpModalBody, {
+        "data-pixel-component": "MpDrawerBody"
+      }, {
+        default: () => [slots.default && slots.default()]
+      });
+    };
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MpDrawerBody
+});

package/dist/body.mjs

@@ -0,0 +1,7 @@
+import {
+  MpDrawerBody
+} from "./chunk-ZTWQO5OZ.mjs";
+import "./chunk-QZ7VFGWC.mjs";
+export {
+  MpDrawerBody
+};

package/dist/chunk-4UTOYOXC.mjs

@@ -0,0 +1,47 @@
+// src/modules/drawer.props.ts
+var drawerProps = {
+  id: {
+    type: String
+  },
+  isOpen: {
+    type: Boolean,
+    default: false
+  },
+  isBlockScrollOnMount: {
+    type: Boolean,
+    default: false
+  },
+  isCloseOnEsc: {
+    type: Boolean,
+    default: true
+  },
+  isCloseOnOverlayClick: {
+    type: Boolean,
+    default: true
+  },
+  isKeepAlive: {
+    type: Boolean,
+    default: false
+  },
+  isFullHeight: {
+    type: Boolean,
+    default: true
+  },
+  placement: {
+    type: String,
+    default: "right"
+  },
+  size: {
+    type: String,
+    default: "md"
+  }
+};
+var drawerEmits = {
+  "open": (value) => value,
+  "close": (value) => value
+};
+
+export {
+  drawerProps,
+  drawerEmits
+};

package/dist/chunk-54CTPMF7.mjs

@@ -0,0 +1,8 @@
+// src/modules/drawer.context.ts
+import { usePixelCreateContext } from "@mekari/pixel3-utils";
+var [DrawerProvider, useDrawerContext] = usePixelCreateContext("DrawerContext");
+
+export {
+  DrawerProvider,
+  useDrawerContext
+};

package/dist/chunk-7CKFUGSM.mjs

@@ -0,0 +1,84 @@
+import {
+  useDrawerContext
+} from "./chunk-54CTPMF7.mjs";
+import {
+  __name
+} from "./chunk-QZ7VFGWC.mjs";
+
+// src/content.tsx
+import { createVNode as _createVNode } from "vue";
+import { defineComponent, computed } from "vue";
+import { MpModalContent } from "@mekari/pixel3-modal";
+var getPlacementStyles = /* @__PURE__ */ __name((position, {
+  finalWidth
+}) => {
+  const placements = {
+    bottom: {
+      maxWidth: "100vw",
+      height: "auto",
+      bottom: 0,
+      left: 0,
+      right: 0
+    },
+    top: {
+      maxWidth: "100vw",
+      height: "auto",
+      top: 0,
+      left: 0,
+      right: 0
+    },
+    left: {
+      ...finalWidth && {
+        maxWidth: finalWidth
+      },
+      height: "100vh",
+      left: 0,
+      top: 0
+    },
+    right: {
+      ...finalWidth && {
+        maxWidth: finalWidth
+      },
+      right: 0,
+      top: 0,
+      height: "100vh"
+    }
+  };
+  return placements[position] || placements.right;
+}, "getPlacementStyles");
+var MpDrawerContent = defineComponent({
+  name: "MpDrawerContent",
+  setup(_props, {
+    slots
+  }) {
+    const {
+      props: drawerProps
+    } = useDrawerContext();
+    const {
+      placement
+    } = drawerProps;
+    const placementStyles = computed(() => {
+      const placementStyles2 = getPlacementStyles(placement.value, {});
+      return {
+        position: "fixed",
+        borderRadius: 0,
+        ...placementStyles2
+      };
+    });
+    return () => {
+      return _createVNode(MpModalContent, {
+        "data-pixel-component": "MpDrawerContent",
+        "type": "drawer",
+        "placement": placement.value,
+        "data-placement": placement.value,
+        "style": placementStyles.value
+      }, {
+        default: () => [slots.default && slots.default()]
+      });
+    };
+  }
+});
+
+export {
+  MpDrawerContent
+};

package/dist/chunk-CMAJDRDT.mjs

@@ -0,0 +1,18 @@
+// src/close-button.tsx
+import { createVNode as _createVNode } from "vue";
+import { defineComponent } from "vue";
+import { MpModalCloseButton } from "@mekari/pixel3-modal";
+var MpDrawerCloseButton = defineComponent({
+  name: "MpDrawerCloseButton",
+  setup() {
+    return () => {
+      return _createVNode(MpModalCloseButton, {
+        "data-pixel-component": "MpDrawerCloseButton"
+      }, null);
+    };
+  }
+});
+
+export {
+  MpDrawerCloseButton
+};

package/dist/chunk-O5HQLNZJ.mjs

@@ -0,0 +1,22 @@
+// src/header.tsx
+import { createVNode as _createVNode } from "vue";
+import { defineComponent } from "vue";
+import { MpModalHeader } from "@mekari/pixel3-modal";
+var MpDrawerHeader = defineComponent({
+  name: "MpDrawerHeader",
+  setup(_props, {
+    slots
+  }) {
+    return () => {
+      return _createVNode(MpModalHeader, {
+        "data-pixel-component": "MpDrawerHeader"
+      }, {
+        default: () => [slots.default && slots.default()]
+      });
+    };
+  }
+});
+
+export {
+  MpDrawerHeader
+};

package/dist/chunk-PSZMVXVP.mjs

@@ -0,0 +1,44 @@
+import {
+  drawerEmits,
+  drawerProps
+} from "./chunk-4UTOYOXC.mjs";
+import {
+  DrawerProvider
+} from "./chunk-54CTPMF7.mjs";
+
+// src/drawer.tsx
+import { createVNode as _createVNode } from "vue";
+import { defineComponent, toRefs } from "vue";
+import { MpModal } from "@mekari/pixel3-modal";
+var MpDrawer = defineComponent({
+  name: "MpDrawer",
+  props: drawerProps,
+  emits: drawerEmits,
+  setup(props, {
+    slots,
+    emit
+  }) {
+    DrawerProvider({
+      props: toRefs(props)
+    });
+    return () => {
+      return _createVNode(MpModal, {
+        "data-pixel-component": "MpDrawer",
+        "id": props.id,
+        "isOpen": props.isOpen,
+        "size": props.size,
+        "isCloseOnEsc": props.isCloseOnEsc,
+        "isCloseOnOverlayClick": props.isCloseOnOverlayClick,
+        "isKeepAlive": props.isKeepAlive,
+        "onOpen": () => emit("open", true),
+        "onClose": () => emit("close", true)
+      }, {
+        default: () => [slots.default && slots.default()]
+      });
+    };
+  }
+});
+
+export {
+  MpDrawer
+};

package/dist/chunk-PZOVPODZ.mjs

@@ -0,0 +1,18 @@
+// src/overlay.tsx
+import { createVNode as _createVNode } from "vue";
+import { defineComponent } from "vue";
+import { MpModalOverlay } from "@mekari/pixel3-modal";
+var MpDrawerOverlay = defineComponent({
+  name: "MpDrawerOverlay",
+  setup() {
+    return () => {
+      return _createVNode(MpModalOverlay, {
+        "data-pixel-component": "MpDrawerOverlay"
+      }, null);
+    };
+  }
+});
+
+export {
+  MpDrawerOverlay
+};

package/dist/chunk-QZ7VFGWC.mjs

@@ -0,0 +1,6 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
+export {
+  __name
+};

package/dist/chunk-V64M33JD.mjs

@@ -0,0 +1,22 @@
+// src/footer.tsx
+import { createVNode as _createVNode } from "vue";
+import { defineComponent } from "vue";
+import { MpModalFooter } from "@mekari/pixel3-modal";
+var MpDrawerFooter = defineComponent({
+  name: "MpDrawerFooter",
+  setup(_props, {
+    slots
+  }) {
+    return () => {
+      return _createVNode(MpModalFooter, {
+        "data-pixel-component": "MpDrawerFooter"
+      }, {
+        default: () => [slots.default && slots.default()]
+      });
+    };
+  }
+});
+
+export {
+  MpDrawerFooter
+};

package/dist/chunk-ZTWQO5OZ.mjs

@@ -0,0 +1,22 @@
+// src/body.tsx
+import { createVNode as _createVNode } from "vue";
+import { defineComponent } from "vue";
+import { MpModalBody } from "@mekari/pixel3-modal";
+var MpDrawerBody = defineComponent({
+  name: "MpDrawerBody",
+  setup(_props, {
+    slots
+  }) {
+    return () => {
+      return _createVNode(MpModalBody, {
+        "data-pixel-component": "MpDrawerBody"
+      }, {
+        default: () => [slots.default && slots.default()]
+      });
+    };
+  }
+});
+
+export {
+  MpDrawerBody
+};

package/dist/close-button.d.mts

@@ -0,0 +1,6 @@
+import * as vue from 'vue';
+import * as vue_jsx_runtime from 'vue/jsx-runtime';
+
+declare const MpDrawerCloseButton: vue.DefineComponent<{}, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
+
+export { MpDrawerCloseButton };

package/dist/close-button.d.ts

@@ -0,0 +1,6 @@
+import * as vue from 'vue';
+import * as vue_jsx_runtime from 'vue/jsx-runtime';
+
+declare const MpDrawerCloseButton: vue.DefineComponent<{}, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
+
+export { MpDrawerCloseButton };

package/dist/close-button.js

@@ -0,0 +1,42 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/close-button.tsx
+var close_button_exports = {};
+__export(close_button_exports, {
+  MpDrawerCloseButton: () => MpDrawerCloseButton
+});
+module.exports = __toCommonJS(close_button_exports);
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_pixel3_modal = require("@mekari/pixel3-modal");
+var MpDrawerCloseButton = (0, import_vue2.defineComponent)({
+  name: "MpDrawerCloseButton",
+  setup() {
+    return () => {
+      return (0, import_vue.createVNode)(import_pixel3_modal.MpModalCloseButton, {
+        "data-pixel-component": "MpDrawerCloseButton"
+      }, null);
+    };
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MpDrawerCloseButton
+});

package/dist/close-button.mjs

@@ -0,0 +1,7 @@
+import {
+  MpDrawerCloseButton
+} from "./chunk-CMAJDRDT.mjs";
+import "./chunk-QZ7VFGWC.mjs";
+export {
+  MpDrawerCloseButton
+};

package/dist/content.d.mts

@@ -0,0 +1,6 @@
+import * as vue from 'vue';
+import * as vue_jsx_runtime from 'vue/jsx-runtime';
+
+declare const MpDrawerContent: vue.DefineComponent<{}, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
+
+export { MpDrawerContent };

package/dist/content.d.ts

@@ -0,0 +1,6 @@
+import * as vue from 'vue';
+import * as vue_jsx_runtime from 'vue/jsx-runtime';
+
+declare const MpDrawerContent: vue.DefineComponent<{}, () => vue_jsx_runtime.JSX.Element, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
+
+export { MpDrawerContent };

package/dist/content.js

@@ -0,0 +1,108 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/content.tsx
+var content_exports = {};
+__export(content_exports, {
+  MpDrawerContent: () => MpDrawerContent
+});
+module.exports = __toCommonJS(content_exports);
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_pixel3_modal = require("@mekari/pixel3-modal");
+
+// src/modules/drawer.context.ts
+var import_pixel3_utils = require("@mekari/pixel3-utils");
+var [DrawerProvider, useDrawerContext] = (0, import_pixel3_utils.usePixelCreateContext)("DrawerContext");
+
+// src/content.tsx
+var getPlacementStyles = /* @__PURE__ */ __name((position, {
+  finalWidth
+}) => {
+  const placements = {
+    bottom: {
+      maxWidth: "100vw",
+      height: "auto",
+      bottom: 0,
+      left: 0,
+      right: 0
+    },
+    top: {
+      maxWidth: "100vw",
+      height: "auto",
+      top: 0,
+      left: 0,
+      right: 0
+    },
+    left: {
+      ...finalWidth && {
+        maxWidth: finalWidth
+      },
+      height: "100vh",
+      left: 0,
+      top: 0
+    },
+    right: {
+      ...finalWidth && {
+        maxWidth: finalWidth
+      },
+      right: 0,
+      top: 0,
+      height: "100vh"
+    }
+  };
+  return placements[position] || placements.right;
+}, "getPlacementStyles");
+var MpDrawerContent = (0, import_vue2.defineComponent)({
+  name: "MpDrawerContent",
+  setup(_props, {
+    slots
+  }) {
+    const {
+      props: drawerProps
+    } = useDrawerContext();
+    const {
+      placement
+    } = drawerProps;
+    const placementStyles = (0, import_vue2.computed)(() => {
+      const placementStyles2 = getPlacementStyles(placement.value, {});
+      return {
+        position: "fixed",
+        borderRadius: 0,
+        ...placementStyles2
+      };
+    });
+    return () => {
+      return (0, import_vue.createVNode)(import_pixel3_modal.MpModalContent, {
+        "data-pixel-component": "MpDrawerContent",
+        "type": "drawer",
+        "placement": placement.value,
+        "data-placement": placement.value,
+        "style": placementStyles.value
+      }, {
+        default: () => [slots.default && slots.default()]
+      });
+    };
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MpDrawerContent
+});

package/dist/content.mjs

@@ -0,0 +1,8 @@
+import {
+  MpDrawerContent
+} from "./chunk-7CKFUGSM.mjs";
+import "./chunk-54CTPMF7.mjs";
+import "./chunk-QZ7VFGWC.mjs";
+export {
+  MpDrawerContent
+};

package/dist/drawer.d.mts

@@ -0,0 +1,94 @@
+import * as vue_jsx_runtime from 'vue/jsx-runtime';
+import * as _mekari_pixel3_modal from '@mekari/pixel3-modal';
+import * as vue from 'vue';
+
+declare const MpDrawer: vue.DefineComponent<{
+    id: {
+        type: vue.PropType<string>;
+    };
+    isOpen: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isBlockScrollOnMount: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isCloseOnEsc: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isCloseOnOverlayClick: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isKeepAlive: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isFullHeight: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    placement: {
+        type: vue.PropType<_mekari_pixel3_modal.Placement>;
+        default: string;
+    };
+    size: {
+        type: vue.PropType<_mekari_pixel3_modal.BaseSize>;
+        default: string;
+    };
+}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    open: (value: boolean) => boolean;
+    close: (value: boolean) => boolean;
+}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    id: {
+        type: vue.PropType<string>;
+    };
+    isOpen: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isBlockScrollOnMount: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isCloseOnEsc: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isCloseOnOverlayClick: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isKeepAlive: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isFullHeight: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    placement: {
+        type: vue.PropType<_mekari_pixel3_modal.Placement>;
+        default: string;
+    };
+    size: {
+        type: vue.PropType<_mekari_pixel3_modal.BaseSize>;
+        default: string;
+    };
+}>> & {
+    onClose?: ((value: boolean) => any) | undefined;
+    onOpen?: ((value: boolean) => any) | undefined;
+}, {
+    isOpen: boolean;
+    isBlockScrollOnMount: boolean;
+    isCloseOnEsc: boolean;
+    isCloseOnOverlayClick: boolean;
+    isKeepAlive: boolean;
+    size: _mekari_pixel3_modal.BaseSize;
+    placement: _mekari_pixel3_modal.Placement;
+    isFullHeight: boolean;
+}, {}>;
+
+export { MpDrawer };