99 lines
3.8 KiB
JavaScript
Vendored
99 lines
3.8 KiB
JavaScript
Vendored
import { c as createElementBlock, o as openBlock, b as createBaseVNode, r as resolveComponent, m as resolveDirective, h as withDirectives, a as createVNode, w as withCtx, j as renderSlot, T as Transition } from "./app-D5-35U5T.js";
|
|
import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.js";
|
|
import { a as Form, F as FormActions } from "./Form-Qi93-WYo.js";
|
|
const _sfc_main$2 = {};
|
|
const _hoisted_1$2 = {
|
|
width: "1em",
|
|
height: "1em",
|
|
viewBox: "0 0 16 16",
|
|
fill: "currentColor",
|
|
xmlns: "http://www.w3.org/2000/svg"
|
|
};
|
|
function _sfc_render$2(_ctx, _cache) {
|
|
return openBlock(), createElementBlock("svg", _hoisted_1$2, _cache[0] || (_cache[0] = [
|
|
createBaseVNode("path", {
|
|
"fill-rule": "evenodd",
|
|
d: "M11.854 4.146a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708-.708l7-7a.5.5 0 0 1 .708 0z"
|
|
}, null, -1),
|
|
createBaseVNode("path", {
|
|
"fill-rule": "evenodd",
|
|
d: "M4.146 4.146a.5.5 0 0 0 0 .708l7 7a.5.5 0 0 0 .708-.708l-7-7a.5.5 0 0 0-.708 0z"
|
|
}, null, -1)
|
|
]));
|
|
}
|
|
const IconClose = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2]]);
|
|
const _sfc_main$1 = {
|
|
components: {
|
|
IconClose,
|
|
FormActions,
|
|
Form
|
|
}
|
|
};
|
|
const _hoisted_1$1 = { class: "relative w-full h-full max-w-lg p-8 rounded shadow-2xl pointer-events-auto bg-overlay bf-blur-high overflow-y-scroll" };
|
|
const _hoisted_2 = { class: "font-medium text-title" };
|
|
const _hoisted_3 = { class: "text-medium-emphasis" };
|
|
function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
|
|
const _component_IconClose = resolveComponent("IconClose");
|
|
const _component_FormActions = resolveComponent("FormActions");
|
|
const _component_Form = resolveComponent("Form");
|
|
const _directive_click_outside = resolveDirective("click-outside");
|
|
return withDirectives((openBlock(), createElementBlock("aside", _hoisted_1$1, [
|
|
createBaseVNode("button", {
|
|
onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close")),
|
|
class: "absolute top-0 right-0 flex items-center justify-center w-12 h-12"
|
|
}, [
|
|
createVNode(_component_IconClose, { class: "w-8 h-8 text-low-emphasis" })
|
|
]),
|
|
createVNode(_component_Form, {
|
|
onSubmit: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("submit"))
|
|
}, {
|
|
default: withCtx(() => [
|
|
createBaseVNode("div", null, [
|
|
createBaseVNode("h2", _hoisted_2, [
|
|
renderSlot(_ctx.$slots, "title")
|
|
]),
|
|
createBaseVNode("p", _hoisted_3, [
|
|
renderSlot(_ctx.$slots, "subtitle")
|
|
])
|
|
]),
|
|
renderSlot(_ctx.$slots, "form"),
|
|
createVNode(_component_FormActions, null, {
|
|
default: withCtx(() => [
|
|
renderSlot(_ctx.$slots, "form-actions")
|
|
], void 0, true),
|
|
_: 3
|
|
})
|
|
], void 0, true),
|
|
_: 3
|
|
})
|
|
])), [
|
|
[_directive_click_outside, () => _ctx.$emit("close")]
|
|
]);
|
|
}
|
|
const Modal = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
|
|
const _sfc_main = {};
|
|
const _hoisted_1 = { class: "fixed inset-0 z-50 flex flex-col items-end w-full h-screen p-6 pointer-events-none" };
|
|
function _sfc_render(_ctx, _cache) {
|
|
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
createVNode(Transition, {
|
|
"enter-active-class": "transition ease-out transform duration-slow",
|
|
"enter-class": "scale-95 translate-x-full",
|
|
"enter-to-class": "scale-100 translate-x-0",
|
|
"leave-active-class": "transition ease-out transform duration-slow",
|
|
"leave-class": "scale-95 translate-x-0",
|
|
"leave-to-class": "scale-95 translate-x-full"
|
|
}, {
|
|
default: withCtx(() => [
|
|
renderSlot(_ctx.$slots, "default")
|
|
], void 0, true),
|
|
_: 3
|
|
})
|
|
]);
|
|
}
|
|
const ModalContainer = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
|
|
export {
|
|
IconClose as I,
|
|
ModalContainer as M,
|
|
Modal as a
|
|
};
|