@oneb/ui-vue 0.3.32 → 0.4.0

package/dist/ChevronLeftIcon-7505e081.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue");function r(t,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:"M15.75 19.5L8.25 12l7.5-7.5"})])}exports.render=r;

package/dist/ChevronLeftIcon-bb9adb5b.js

@@ -0,0 +1,20 @@
+import { openBlock as e, createElementBlock as r, createElementVNode as o } from "vue";
+function c(t, n) {
+  return e(), r("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.8",
+    stroke: "currentColor",
+    "aria-hidden": "true"
+  }, [
+    o("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M15.75 19.5L8.25 12l7.5-7.5"
+    })
+  ]);
+}
+export {
+  c as r
+};

package/dist/ChevronRightIcon-2992cf0d.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue");function r(t,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=r;

package/dist/ChevronRightIcon-b0585768.js

@@ -0,0 +1,20 @@
+import { openBlock as e, createElementBlock as r, createElementVNode as o } from "vue";
+function c(t, n) {
+  return e(), r("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.8",
+    stroke: "currentColor",
+    "aria-hidden": "true"
+  }, [
+    o("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M8.25 4.5l7.5 7.5-7.5 7.5"
+    })
+  ]);
+}
+export {
+  c as r
+};

package/dist/ChevronUpIcon-64a673e1.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue");function r(t,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"})])}exports.render=r;

package/dist/{ChevronRightIcon-4549a26b.js → ChevronUpIcon-c43f27a9.js}

@@ -1,20 +1,4 @@
 import { openBlock as e, createElementBlock as r, createElementVNode as o } from "vue";
-function l(t, n) {
-  return e(), r("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    "stroke-width": "1.8",
-    stroke: "currentColor",
-    "aria-hidden": "true"
-  }, [
-    o("path", {
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      d: "M4.5 15.75l7.5-7.5 7.5 7.5"
-    })
-  ]);
-}
 function c(t, n) {
   return e(), r("svg", {
     xmlns: "http://www.w3.org/2000/svg",
@@ -27,11 +11,10 @@ function c(t, n) {
     o("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
-      d: "M8.25 4.5l7.5 7.5-7.5 7.5"
+      d: "M4.5 15.75l7.5-7.5 7.5 7.5"
     })
   ]);
 }
 export {
-  c as a,
-  l as r
+  c as r
 };

package/dist/MagnifyingGlassIcon-adf871ba.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue");function r(t,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:"M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"})])}exports.render=r;

package/dist/MagnifyingGlassIcon-ca213d3d.js

@@ -0,0 +1,20 @@
+import { openBlock as e, createElementBlock as r, createElementVNode as o } from "vue";
+function c(t, n) {
+  return e(), r("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.8",
+    stroke: "currentColor",
+    "aria-hidden": "true"
+  }, [
+    o("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"
+    })
+  ]);
+}
+export {
+  c as r
+};

package/dist/OneDropdownAuto.vue_vue_type_script_setup_true_lang-2c508e8a.js

@@ -0,0 +1,79 @@
+import { defineComponent as g, ref as i, watch as b, onBeforeUnmount as _, provide as C, computed as R, openBlock as a, createElementBlock as r, createElementVNode as m, renderSlot as f, normalizeProps as v, guardReactiveProps as x, createBlock as z, Teleport as B, createCommentVNode as w, withDirectives as D, normalizeClass as E, toDisplayString as P, vShow as $ } from "vue";
+import { d as O } from "./dropdown-c81fb945.js";
+import { autoUpdate as S, computePosition as U, offset as A, shift as L } from "@floating-ui/dom";
+import { flip as N } from "@floating-ui/vue";
+const T = ["data-opened"], V = {
+  key: 0,
+  class: "text-sm text-secondary-content px-3 py-2 text-left"
+}, G = /* @__PURE__ */ g({
+  __name: "OneDropdownAuto",
+  props: O,
+  emits: ["open", "close"],
+  setup(y, { emit: h }) {
+    const u = y, t = i(!1), o = i(null), l = i(null);
+    let n = null;
+    const p = () => {
+      !l.value || !o.value || U(l.value, o.value, {
+        placement: u.stick ? u.stick : "bottom-start",
+        strategy: "fixed",
+        middleware: [A(5), N(), L({ padding: 8 })]
+      }).then(({ x: e, y: d }) => {
+        o.value && Object.assign(o.value.style, {
+          left: `${e}px`,
+          top: `${d}px`
+        });
+      });
+    };
+    b(t, (e) => {
+      e && l.value && o.value ? (p(), n = S(l.value, o.value, p)) : n && (n(), n = null);
+    }), _(() => {
+      n && n();
+    });
+    const c = h, s = () => {
+      t.value = !t.value, t.value ? c("open") : c("close");
+    };
+    C("OneDropdown", {
+      onToggle: s
+    });
+    const k = R(() => [
+      "fixed z-[10000] w-fit rounded-md bg-white",
+      "py-1 shadow-lg ring-black ring-opacity-5 focus:outline-none",
+      "overflow-auto max-h-[540px] min-w-[150px] max-w-[540px]"
+    ]);
+    return (e, d) => (a(), r("div", {
+      class: "relative inline-block",
+      "data-opened": t.value
+    }, [
+      m("div", {
+        ref_key: "buttonRef",
+        ref: l
+      }, [
+        f(e.$slots, "button", v(x({ onToggle: s, isExpanded: t.value })))
+      ], 512),
+      (a(), z(B, { to: "body" }, [
+        t.value ? (a(), r("div", {
+          key: 0,
+          class: "fixed top-0 left-0 w-screen h-screen z-[9999]",
+          onClick: s
+        })) : w("", !0),
+        D(m("div", {
+          ref_key: "menuRef",
+          ref: o,
+          class: E(["menu", k.value]),
+          role: "menu",
+          "aria-orientation": "vertical",
+          tabindex: "-1",
+          style: { display: "none" }
+        }, [
+          e.title ? (a(), r("div", V, P(e.title), 1)) : w("", !0),
+          f(e.$slots, "menu", v(x({ onToggle: s })))
+        ], 2), [
+          [$, t.value]
+        ])
+      ]))
+    ], 8, T));
+  }
+});
+export {
+  G as _
+};

package/dist/OneDropdownAuto.vue_vue_type_script_setup_true_lang-bf923b04.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),v=require("./dropdown-5cb64ab7.cjs"),r=require("@floating-ui/dom"),k=require("@floating-ui/vue"),w=["data-opened"],x={key:0,class:"text-sm text-secondary-content px-3 py-2 text-left"},y=e.defineComponent({__name:"OneDropdownAuto",props:v.dropdownProps,emits:["open","close"],setup(p,{emit:m}){const i=p,o=e.ref(!1),n=e.ref(null),s=e.ref(null);let l=null;const c=()=>{!s.value||!n.value||r.computePosition(s.value,n.value,{placement:i.stick?i.stick:"bottom-start",strategy:"fixed",middleware:[r.offset(5),k.flip(),r.shift({padding:8})]}).then(({x:t,y:d})=>{n.value&&Object.assign(n.value.style,{left:`${t}px`,top:`${d}px`})})};e.watch(o,t=>{t&&s.value&&n.value?(c(),l=r.autoUpdate(s.value,n.value,c)):l&&(l(),l=null)}),e.onBeforeUnmount(()=>{l&&l()});const u=m,a=()=>{o.value=!o.value,o.value?u("open"):u("close")};e.provide("OneDropdown",{onToggle:a});const f=e.computed(()=>["fixed z-[10000] w-fit rounded-md bg-white","py-1 shadow-lg ring-black ring-opacity-5 focus:outline-none","overflow-auto max-h-[540px] min-w-[150px] max-w-[540px]"]);return(t,d)=>(e.openBlock(),e.createElementBlock("div",{class:"relative inline-block","data-opened":o.value},[e.createElementVNode("div",{ref_key:"buttonRef",ref:s},[e.renderSlot(t.$slots,"button",e.normalizeProps(e.guardReactiveProps({onToggle:a,isExpanded:o.value})))],512),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[o.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"fixed top-0 left-0 w-screen h-screen z-[9999]",onClick:a})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("div",{ref_key:"menuRef",ref:n,class:e.normalizeClass(["menu",f.value]),role:"menu","aria-orientation":"vertical",tabindex:"-1",style:{display:"none"}},[t.title?(e.openBlock(),e.createElementBlock("div",x,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"menu",e.normalizeProps(e.guardReactiveProps({onToggle:a})))],2),[[e.vShow,o.value]])]))],8,w))}});exports._sfc_main=y;