@reinosoft-ui/core 0.1.37 → 0.1.38

package/dist/reinosoft-ui.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as S, ref as m, computed as V, watch as X, onMounted as ae, createElementBlock as f, openBlock as v, normalizeStyle as ye, normalizeClass as le, renderSlot as Y, createCommentVNode as O, withDirectives as we, createElementVNode as w, vShow as qe, mergeProps as Ce, mergeModels as Q, useModel as fe, withKeys as ve, withModifiers as ne, onUnmounted as be, Fragment as te, unref as D, toDisplayString as P, renderList as ue, createBlock as J, Transition as $e, withCtx as G, nextTick as Me, useId as ce, provide as ge, createVNode as U, createTextVNode as me, onBeforeUnmount as Ie, Teleport as He, resolveDynamicComponent as Ve, useAttrs as Ne, inject as ie, h as K, useSlots as Fe, resolveComponent as h1, vModelRadio as y1, vModelDynamic as g1, reactive as r1, TransitionGroup as b1, createApp as k1, shallowRef as w1, vModelText as Ae } from "vue";
+import { defineComponent as S, ref as m, computed as V, watch as X, onMounted as ae, createElementBlock as f, openBlock as v, normalizeStyle as ye, normalizeClass as le, renderSlot as Y, createCommentVNode as O, withDirectives as Me, createElementVNode as w, vShow as qe, mergeProps as Ce, mergeModels as Q, useModel as fe, withKeys as ve, withModifiers as ne, onUnmounted as be, Fragment as te, unref as D, toDisplayString as P, renderList as ue, createBlock as J, Transition as $e, withCtx as G, nextTick as we, useId as ce, provide as ge, createVNode as U, createTextVNode as me, onBeforeUnmount as Ie, Teleport as He, resolveDynamicComponent as Ve, useAttrs as Ne, inject as ie, h as K, useSlots as Fe, resolveComponent as h1, vModelRadio as y1, vModelDynamic as g1, reactive as r1, TransitionGroup as b1, createApp as k1, shallowRef as w1, vModelText as Ae } from "vue";
 import { routerKey as M1 } from "vue-router";
 const x1 = ["aria-busy"], L1 = ["aria-label"], $1 = ["src", "srcset", "sizes", "alt", "aria-hidden", "loading", "decoding"], V1 = /* @__PURE__ */ S({
   __name: "Image",
@@ -54,7 +54,7 @@ const x1 = ["aria-busy"], L1 = ["aria-label"], $1 = ["src", "srcset", "sizes", "
           "aria-label": e.decorative ? void 0 : e.alt
         }, "Image not available", 8, L1)
       ], !0) : O("", !0),
-      we(w("img", {
+      Me(w("img", {
         ref_key: "imgRef",
         ref: s,
         class: "ui-image__img",
@@ -2017,7 +2017,7 @@ const s1 = (e) => {
       ...c.value,
       ...t.editor?.buttons ?? []
     ]), p = async () => {
-      await Me(), i.value[0]?.focus();
+      await we(), i.value[0]?.focus();
     }, g = (d) => {
       const C = i.value, $ = C.indexOf(document.activeElement);
       if (d.key === "ArrowRight") {
@@ -2419,7 +2419,7 @@ const T2 = (e) => {
         c?.(), c = null, u?.disconnect(), u = null;
         return;
       }
-      await Me(), d(), c = T2(d), u = new ResizeObserver(d), i.value && u.observe(i.value), s.value && u.observe(s.value);
+      await we(), d(), c = T2(d), u = new ResizeObserver(d), i.value && u.observe(i.value), s.value && u.observe(s.value);
     }), Ie(() => {
       c?.(), u?.disconnect();
     }), (C, $) => (v(), f(te, null, [
@@ -2857,7 +2857,7 @@ const N2 = {
       ], 16, ia),
       U($e, { name: "select" }, {
         default: G(() => [
-          we(w("ul", {
+          Me(w("ul", {
             id: p,
             role: "listbox",
             class: "options"
@@ -2945,7 +2945,7 @@ const N2 = {
       n.value = null;
     };
     return X(u, async (h) => {
-      await Me();
+      await we();
       const _ = s.value[h];
       _ && _.scrollIntoView({
         behavior: window.matchMedia("(prefers-reduced-motion: reduce)").matches ? "auto" : "smooth",
@@ -3760,7 +3760,7 @@ const Ja = {
         key: r.key,
         class: le(["radio", { checked: t.value === r.key, disabled: e.disabled || r.disabled }])
       }, [
-        we(w("input", {
+        Me(w("input", {
           type: "radio",
           class: "radio-input",
           name: e.name,
@@ -3838,16 +3838,16 @@ const Ja = {
         u.value = null;
         return;
       }
-      R.value.length !== 0 && (await Me(), re());
+      R.value.length !== 0 && (await we(), re());
     }), X(
       () => t.loading,
       async (H) => {
-        H || r.value && R.value.length !== 0 && (await Me(), re());
+        H || r.value && R.value.length !== 0 && (await we(), re());
       }
     ), X(
       () => t.options,
       () => {
-        p.value = null;
+        l.value || (p.value = null, u.value = null);
       }
     );
     const I = (H) => {
@@ -3895,8 +3895,16 @@ const Ja = {
     }, L = () => {
       if (l.value.toString().length === 0 || !t.options || t.options.length === 0) return;
       const H = t.options.findIndex((z) => t.getKey(z) === l.value);
-      H > -1 && (u.value = H, p.value = H, n.value = t.getValue(t.options[H]));
-    }, E = () => {
+      console.log("IDX" + t.id, H, t.options, l.value), H > -1 && (u.value = H, p.value = H, n.value = t.getValue(t.options[H]));
+    };
+    X(
+      () => t.options.length,
+      async (H) => {
+        l.value && H !== 0 && (await we(), L());
+      },
+      { immediate: !0, flush: "post" }
+    );
+    const E = () => {
       n.value = "", l.value = "";
     }, W = (H) => {
       !H || H.trim().length === 0 || (c.value = [
@@ -3921,7 +3929,7 @@ const Ja = {
         for: e.id,
         class: "label"
       }, P(e.label), 9, io),
-      we(w("input", Ce({
+      Me(w("input", Ce({
         id: e.id,
         type: e.type
       }, H.$attrs, {
@@ -3944,7 +3952,7 @@ const Ja = {
       ]),
       U($e, { name: "select" }, {
         default: G(() => [
-          we(w("ul", {
+          Me(w("ul", {
             id: d,
             role: "listbox",
             class: "options"
@@ -4032,7 +4040,7 @@ const Ja = {
       })) : O("", !0)
     ], 2));
   }
-}), ll = /* @__PURE__ */ j(go, [["__scopeId", "data-v-f6d926bc"]]), bo = 5, pe = r1({
+}), ll = /* @__PURE__ */ j(go, [["__scopeId", "data-v-c16fc775"]]), bo = 5, pe = r1({
   toasts: []
 });
 let ko = 0;
@@ -5094,7 +5102,7 @@ const sl = {
     const o = e, t = ie("DropdownContext");
     if (!t) throw new Error("DropdownTrigger must be used within a Dropdown");
     const a = m(), l = (s) => {
-      s.key === "ArrowDown" && (s.preventDefault(), t.open(), Me(() => t.focusFirstItem())), s.key === "ArrowUp" && (s.preventDefault(), t.open(), Me(() => t.focusLastItem()));
+      s.key === "ArrowDown" && (s.preventDefault(), t.open(), we(() => t.focusFirstItem())), s.key === "ArrowUp" && (s.preventDefault(), t.open(), we(() => t.focusLastItem()));
     };
     return ae(() => t.triggerRef.value = a.value?.el), (s, i) => (v(), J(he, {
       ref_key: "btn",
@@ -5303,7 +5311,7 @@ const Hn = (e, o) => {
       s,
       async (b) => {
         if (b) {
-          await Me();
+          await we();
           let A = n.value?.querySelector('button[data-selected="true"]');
           if (!A) {
             const B = /* @__PURE__ */ new Date();
@@ -5497,7 +5505,7 @@ const Hn = (e, o) => {
       }, {
         time: G(() => [
           l.value ? (v(), f("div", qn, [
-            i.value ? we((v(), f("input", {
+            i.value ? Me((v(), f("input", {
               key: 0,
               id: `hour_${D(a)}`,
               type: "number",
@@ -5518,7 +5526,7 @@ const Hn = (e, o) => {
               ]
             ]) : O("", !0),
             i.value && n.value ? (v(), f("span", Fn, ":")) : O("", !0),
-            n.value ? we((v(), f("input", {
+            n.value ? Me((v(), f("input", {
               key: 2,
               id: `minute_${D(a)}`,
               type: "number",
@@ -5539,7 +5547,7 @@ const Hn = (e, o) => {
               ]
             ]) : O("", !0),
             (i.value || n.value) && r.value ? (v(), f("span", Kn, ":")) : O("", !0),
-            r.value ? we((v(), f("input", {
+            r.value ? Me((v(), f("input", {
               key: 4,
               id: `second_${D(a)}`,
               type: "number",