scope360-core 0.0.43 → 0.0.45

package/dist/scope360-core.js

@@ -2,7 +2,7 @@ import './style.css';
 var Zu = Object.defineProperty;
 var ec = (n, e, t) => e in n ? Zu(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
 var oe = (n, e, t) => (ec(n, typeof e != "symbol" ? e + "" : e, t), t);
-import { defineAsyncComponent as tc, openBlock as A, createBlock as pe, resolveDynamicComponent as or, unref as M, computed as U, createElementBlock as V, normalizeStyle as yt, normalizeClass as he, createCommentVNode as W, toDisplayString as Pe, withKeys as ue, withModifiers as ge, renderSlot as ie, createVNode as Te, withDirectives as Xt, Fragment as be, renderList as Ee, vShow as yn, Transition as Ln, withCtx as xe, createTextVNode as bt, mergeModels as on, useModel as Tn, ref as te, createElementVNode as se, vModelText as nc, pushScopeId as Vo, popScopeId as Ho, reactive as Ea, defineComponent as ut, useSlots as la, toRef as Pr, onMounted as ct, nextTick as wn, onUnmounted as lr, watch as Yn, mergeProps as lt, isRef as Us, createSlots as _t, normalizeProps as tt, guardReactiveProps as gt, Teleport as ac, h as rc, render as Gs, onBeforeUpdate as ic, getCurrentScope as sc, onScopeDispose as oc } from "vue";
+import { defineAsyncComponent as tc, openBlock as A, createBlock as pe, resolveDynamicComponent as or, unref as M, computed as U, createElementBlock as V, normalizeStyle as yt, normalizeClass as he, createCommentVNode as W, toDisplayString as Pe, withKeys as ue, withModifiers as ge, renderSlot as ie, createVNode as Te, withDirectives as Xt, Fragment as be, renderList as Ee, vShow as yn, Transition as Ln, withCtx as xe, createTextVNode as bt, mergeModels as on, ref as te, useModel as Tn, createElementVNode as se, vModelText as nc, pushScopeId as Vo, popScopeId as Ho, reactive as Ea, defineComponent as ut, useSlots as la, toRef as Pr, onMounted as ct, nextTick as wn, onUnmounted as lr, watch as Yn, mergeProps as lt, isRef as Us, createSlots as _t, normalizeProps as tt, guardReactiveProps as gt, Teleport as ac, h as rc, render as Gs, onBeforeUpdate as ic, getCurrentScope as sc, onScopeDispose as oc } from "vue";
 const lc = (n, e) => {
   const t = n[e];
   return t ? typeof t == "function" ? t() : Promise.resolve(t) : new Promise((a, r) => {
@@ -1217,31 +1217,33 @@ const Sc = {
   }),
   emits: ["update:modelValue"],
   setup(n) {
-    const e = Tn(n, "modelValue", {
-      get(l) {
-        return typeof l == "object" ? l.name : l;
+    const e = n, t = U(() => e.width ? { width: e.width } : null), a = te(null), r = U(() => a.value && a.value.isOpen), i = U(() => !!l.value.length), s = U(
+      () => e.options.every((c) => typeof c == "object" && c !== null)
+    ), o = U(
+      () => s.value ? e.options.map((c) => c.name) : e.options
+    ), l = Tn(n, "modelValue", {
+      get(c) {
+        return typeof c == "object" ? c.name : c;
       },
-      set(l) {
-        return l;
+      set(c) {
+        return s.value ? e.options.find((u) => u.name === c) : c;
       }
-    }), t = n, a = U(() => t.width ? { width: t.width } : null), r = te(null), i = U(() => r.value && r.value.isOpen), s = U(() => !!e.value.length), o = U(
-      () => options.every((l) => typeof l == "object" && l !== null) ? options.map((l) => l.name) : options
-    );
-    return (l, c) => (A(), V("div", {
+    });
+    return (c, u) => (A(), V("div", {
       class: "scope-multiselect-container",
-      style: yt(a.value)
+      style: yt(t.value)
     }, [
       n.label ? (A(), V("div", Sc, Pe(n.label), 1)) : W("", !0),
       Te(M(qo), {
         ref_key: "multiselect",
-        ref: r,
+        ref: a,
         class: he([
           "scope-multiselect",
           `-${n.size}`,
           { "-with-search": n.searchable, "-invalid": n.invalid }
         ]),
-        modelValue: e.value,
-        "onUpdate:modelValue": c[0] || (c[0] = (u) => e.value = u),
+        modelValue: l.value,
+        "onUpdate:modelValue": u[0] || (u[0] = (d) => l.value = d),
         options: o.value,
         searchable: n.searchable,
         disabled: n.disabled,
@@ -1258,20 +1260,20 @@ const Sc = {
         n.searchable ? (A(), pe(ln, {
           key: 0,
           icon: "search",
-          class: he(["search-item", s.value ? "-is-not-empty" : "-is-empty"])
+          class: he(["search-item", i.value ? "-is-not-empty" : "-is-empty"])
         }, null, 8, ["class"])) : W("", !0),
         Te(ln, {
           icon: "chevron",
           class: he([
             "select-item",
-            s.value ? "-is-not-empty" : "-is-empty",
-            { "-opened": i.value }
+            i.value ? "-is-not-empty" : "-is-empty",
+            { "-opened": r.value }
           ])
         }, null, 8, ["class"])
       ], 2)
     ], 4));
   }
-}, ly = /* @__PURE__ */ Ft(Oc, [["__scopeId", "data-v-f3a6ad93"]]), Ac = {
+}, ly = /* @__PURE__ */ Ft(Oc, [["__scopeId", "data-v-375323d7"]]), Ac = {
   key: 0,
   class: "scope-input__label"
 }, Cc = ["disabled", "placeholder"], Rc = {