@oneb/ui-vue 0.3.13 → 0.3.15

package/dist/useModal-85f57682.js

@@ -0,0 +1,177 @@
+import { defineComponent as k, computed as y, ref as f, openBlock as g, createElementBlock as h, normalizeClass as m, createElementVNode as a, normalizeStyle as O, toDisplayString as _, createCommentVNode as M, renderSlot as p, onMounted as S, onBeforeUnmount as T } from "vue";
+import { _ as z } from "./_plugin-vue_export-helper-dad06003.js";
+const B = {
+  useModal: {
+    required: !0,
+    type: Object
+  },
+  title: {
+    required: !1,
+    type: String
+  },
+  size: {
+    type: String,
+    default: "medium"
+  },
+  onClose: {
+    type: Function
+  },
+  classModal: {
+    type: Boolean,
+    default: !1
+  },
+  titleCenter: {
+    type: Boolean,
+    default: !1
+  },
+  classTitle: {
+    type: String,
+    default: ""
+  },
+  canClose: {
+    type: Function,
+    default: () => !0
+  },
+  customWidth: {
+    type: String,
+    default: ""
+  }
+}, E = {
+  "3xs": ["max-w-xs"],
+  xs: ["max-w-sm"],
+  sm: ["max-w-md"],
+  small: ["max-w-lg"],
+  md: ["max-w-xl"],
+  medium: ["max-w-xl"],
+  large: ["max-w-2xl"],
+  xl: ["max-w-3xl"],
+  "2xl": ["max-w-4xl"],
+  "3xl": ["max-w-4xl"],
+  "4xl": ["max-w-5xl"],
+  "5xl": ["max-w-5xl"],
+  "7xl": ["max-w-7xl"]
+}, L = (i = "medium") => {
+  const s = [];
+  return s.push(...E[i] ?? []), s;
+}, W = { class: "relative bg-white rounded-lg shadow h-full" }, D = /* @__PURE__ */ k({
+  __name: "OneModal",
+  props: B,
+  emits: ["isOpen", "closed"],
+  setup(i, { expose: s, emit: r }) {
+    const t = i, n = r, v = y(() => {
+      var l, u;
+      const e = t.useModal;
+      return ((l = e == null ? void 0 : e.isOpened) == null ? void 0 : l.value) ?? ((u = e == null ? void 0 : e.isOpen) == null ? void 0 : u.value) ?? !1;
+    }), x = y(() => L(t.size)), d = y(() => t.customWidth ? { width: t.customWidth } : {}), o = f(null), w = f(!1);
+    function b(e) {
+      w.value = !1, o.value && !o.value.contains(e.target) && (w.value = !0);
+    }
+    function C(e) {
+      w.value && o.value && !o.value.contains(e.target) && c();
+    }
+    const c = () => {
+      var l, u;
+      if (t.canClose && !t.canClose())
+        return;
+      const e = t.useModal;
+      (l = e == null ? void 0 : e.close) == null || l.call(e), (u = t.onClose) == null || u.call(t), n("closed"), n("isOpen");
+    };
+    return s({
+      open: () => {
+        var l;
+        const e = t.useModal;
+        (l = e == null ? void 0 : e.open) == null || l.call(e), n("isOpen");
+      },
+      close: c
+    }), (e, l) => v.value ? (g(), h("div", {
+      key: 0,
+      tabindex: "-1",
+      onMousedown: b,
+      onMouseup: C,
+      class: m(["modal backdrop !m-0", { "modal-mobile": e.classModal }])
+    }, [
+      a("div", {
+        class: m([
+          "relative w-full max-h-full",
+          x.value,
+          { "fixed bottom-0 left-0 right-0 w-full bg-white rounded-t-xl mobile-modal": e.classModal }
+        ]),
+        style: O(d.value),
+        ref_key: "modalContent",
+        ref: o
+      }, [
+        a("div", W, [
+          e.title ? (g(), h("div", {
+            key: 0,
+            class: m([
+              e.titleCenter ? "grid grid-cols-4" : "flex items-start justify-between",
+              "p-3 border-b rounded-t",
+              e.classTitle
+            ])
+          }, [
+            a("h3", {
+              class: m(["text-xl font-semibold text-gray-900 whitespace-nowrap overflow-hidden text-ellipsis", e.titleCenter ? "col-span-2 text-center col-start-2" : ""])
+            }, _(e.title), 3),
+            a("button", {
+              type: "button",
+              class: "text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center",
+              onClick: c
+            }, [...l[0] || (l[0] = [
+              a("svg", {
+                xmlns: "http://www.w3.org/2000/svg",
+                fill: "none",
+                viewBox: "0 0 24 24",
+                "stroke-width": "1.8",
+                stroke: "currentColor",
+                "aria-hidden": "true",
+                class: "w-5 h-5"
+              }, [
+                a("path", {
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round",
+                  d: "M6 18L18 6M6 6l12 12"
+                })
+              ], -1)
+            ])])
+          ], 2)) : M("", !0),
+          p(e.$slots, "header", {}, void 0, !0),
+          p(e.$slots, "body", {}, void 0, !0),
+          p(e.$slots, "default", {}, void 0, !0),
+          p(e.$slots, "footer", { close: c }, void 0, !0)
+        ])
+      ], 6)
+    ], 34)) : M("", !0);
+  }
+});
+const F = /* @__PURE__ */ z(D, [["__scopeId", "data-v-3560b61e"]]);
+function N(i = !1) {
+  const s = f(i), r = f(void 0);
+  let t = null;
+  const n = () => {
+    t && (clearTimeout(t), t = null), s.value = !1, r.value = void 0;
+  }, v = (o) => {
+    r.value = o, s.value = !0;
+  }, x = (o) => {
+    t && clearTimeout(t), t = setTimeout(n, o * 1e3);
+  }, d = (o) => {
+    o.key === "Escape" && s.value && n();
+  };
+  return S(() => {
+    document.addEventListener("keydown", d);
+  }), T(() => {
+    document.removeEventListener("keydown", d), t && clearTimeout(t);
+  }), {
+    isOpened: s,
+    isOpen: s,
+    // alias for backward compatibility
+    data: r,
+    open: v,
+    close: n,
+    closeWithDelay: x
+  };
+}
+export {
+  F as O,
+  B as m,
+  N as u
+};

package/dist/useModal-98810f6a.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("vue"),g=require("./_plugin-vue_export-helper-f246444f.cjs"),v={useModal:{required:!0,type:Object},title:{required:!1,type:String},size:{type:String,default:"medium"},onClose:{type:Function},classModal:{type:Boolean,default:!1},titleCenter:{type:Boolean,default:!1},classTitle:{type:String,default:""},canClose:{type:Function,default:()=>!0},customWidth:{type:String,default:""}},y={"3xs":["max-w-xs"],xs:["max-w-sm"],sm:["max-w-md"],small:["max-w-lg"],md:["max-w-xl"],medium:["max-w-xl"],large:["max-w-2xl"],xl:["max-w-3xl"],"2xl":["max-w-4xl"],"3xl":["max-w-4xl"],"4xl":["max-w-5xl"],"5xl":["max-w-5xl"],"7xl":["max-w-7xl"]},h=(r="medium")=>{const n=[];return n.push(...y[r]??[]),n},C={class:"relative bg-white rounded-lg shadow h-full"},M=t.defineComponent({__name:"OneModal",props:v,emits:["isOpen","closed"],setup(r,{expose:n,emit:i}){const l=r,a=i,m=t.computed(()=>{var s,u;const e=l.useModal;return((s=e==null?void 0:e.isOpened)==null?void 0:s.value)??((u=e==null?void 0:e.isOpen)==null?void 0:u.value)??!1}),p=t.computed(()=>h(l.size)),d=t.computed(()=>l.customWidth?{width:l.customWidth}:{}),o=t.ref(null),f=t.ref(!1);function x(e){f.value=!1,o.value&&!o.value.contains(e.target)&&(f.value=!0)}function w(e){f.value&&o.value&&!o.value.contains(e.target)&&c()}const c=()=>{var s,u;if(l.canClose&&!l.canClose())return;const e=l.useModal;(s=e==null?void 0:e.close)==null||s.call(e),(u=l.onClose)==null||u.call(l),a("closed"),a("isOpen")};return n({open:()=>{var s;const e=l.useModal;(s=e==null?void 0:e.open)==null||s.call(e),a("isOpen")},close:c}),(e,s)=>m.value?(t.openBlock(),t.createElementBlock("div",{key:0,tabindex:"-1",onMousedown:x,onMouseup:w,class:t.normalizeClass(["modal backdrop !m-0",{"modal-mobile":e.classModal}])},[t.createElementVNode("div",{class:t.normalizeClass(["relative w-full max-h-full",p.value,{"fixed bottom-0 left-0 right-0 w-full bg-white rounded-t-xl mobile-modal":e.classModal}]),style:t.normalizeStyle(d.value),ref_key:"modalContent",ref:o},[t.createElementVNode("div",C,[e.title?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass([e.titleCenter?"grid grid-cols-4":"flex items-start justify-between","p-3 border-b rounded-t",e.classTitle])},[t.createElementVNode("h3",{class:t.normalizeClass(["text-xl font-semibold text-gray-900 whitespace-nowrap overflow-hidden text-ellipsis",e.titleCenter?"col-span-2 text-center col-start-2":""])},t.toDisplayString(e.title),3),t.createElementVNode("button",{type:"button",class:"text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center",onClick:c},[...s[0]||(s[0]=[t.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true",class:"w-5 h-5"},[t.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M6 18L18 6M6 6l12 12"})],-1)])])],2)):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"header",{},void 0,!0),t.renderSlot(e.$slots,"body",{},void 0,!0),t.renderSlot(e.$slots,"default",{},void 0,!0),t.renderSlot(e.$slots,"footer",{close:c},void 0,!0)])],6)],34)):t.createCommentVNode("",!0)}});const b=g._export_sfc(M,[["__scopeId","data-v-3560b61e"]]);function k(r=!1){const n=t.ref(r),i=t.ref(void 0);let l=null;const a=()=>{l&&(clearTimeout(l),l=null),n.value=!1,i.value=void 0},m=o=>{i.value=o,n.value=!0},p=o=>{l&&clearTimeout(l),l=setTimeout(a,o*1e3)},d=o=>{o.key==="Escape"&&n.value&&a()};return t.onMounted(()=>{document.addEventListener("keydown",d)}),t.onBeforeUnmount(()=>{document.removeEventListener("keydown",d),l&&clearTimeout(l)}),{isOpened:n,isOpen:n,data:i,open:m,close:a,closeWithDelay:p}}exports.OneModal=b;exports.modalProps=v;exports.useModal=k;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oneb/ui-vue",
-  "version": "0.3.13",
+  "version": "0.3.15",
   "type": "module",
   "license": "MIT",
   "files": [
@@ -209,7 +209,9 @@
   },
   "peerDependencies": {
     "vue": ">= 3",
-    "vue-router": ">= 4"
+    "vue-router": ">= 4",
+    "dayjs": "^1.11.0",
+    "@floating-ui/vue": "^1.0.0"
   },
   "devDependencies": {
     "@types/node": "^18.16.17",
@@ -220,8 +222,6 @@
     "vue-tsc": "^1.6.5"
   },
   "dependencies": {
-    "@floating-ui/vue": "^1.1.6",
-    "dayjs": "^1.11.13",
     "v-calendar": "^3.1.2",
     "vue-markdown-render": "^2.2.1"
   }

package/dist/ChevronRightIcon-6aa413c4.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("vue");function t(r,n){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M19.5 8.25l-7.5 7.5-7.5-7.5"})])}function o(r,n){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M4.5 15.75l7.5-7.5 7.5 7.5"})])}function l(r,n){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M8.25 4.5l7.5 7.5-7.5 7.5"})])}exports.render=o;exports.render$1=t;exports.render$2=l;