sep-yui 0.0.77 → 0.0.78

package/dist/components/Select/SelectList.vue.d.ts

@@ -8,10 +8,12 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<
     isOpened: boolean;
 }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     change: (val: boolean) => void;
+    "focusout-options": () => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ISelectListProps>, {
     isOpened: boolean;
 }>>> & {
     onChange?: ((val: boolean) => any) | undefined;
+    "onFocusout-options"?: (() => any) | undefined;
 }, {
     isOpened: boolean;
 }, {}>;

package/dist/sep-yui.es.ts

@@ -2126,7 +2126,7 @@ const Im = ["disabled"], Em = /* @__PURE__ */ oe({
       ], 4)) : ne("", !0)
     ], 46, Im));
   }
-}), yr = /* @__PURE__ */ be(Em, [["__scopeId", "data-v-37d01d80"]]), Hm = { class: "switch-yui-kit-list" }, Rm = ["onClick"], Vm = /* @__PURE__ */ oe({
+}), yr = /* @__PURE__ */ be(Em, [["__scopeId", "data-v-bb9b4eb8"]]), Hm = { class: "switch-yui-kit-list" }, Rm = ["onClick"], Vm = /* @__PURE__ */ oe({
   __name: "Switch",
   props: {
     items: {},
@@ -2358,7 +2358,7 @@ const Zm = { class: "select-list-yui-kit" }, zm = ["open"], qm = /* @__PURE__ */
     optionsClasses: {},
     disabled: { type: Boolean }
   },
-  emits: ["change"],
+  emits: ["change", "focusout-options"],
   setup(e, { emit: t }) {
     const r = e, i = Fe({
       isOpened: !1
@@ -2367,7 +2367,7 @@ const Zm = { class: "select-list-yui-kit" }, zm = ["open"], qm = /* @__PURE__ */
     const c = () => {
       r.disabled || r.disableOpen || (i.isOpened = !i.isOpened, u("change", i.isOpened));
     }, f = () => {
-      i.isOpened = !1, u("change", i.isOpened);
+      i.isOpened = !1, u("focusout-options"), u("change", i.isOpened);
     }, h = () => {
       if (l.value && a.value && i.isOpened) {
         const p = l.value.getBoundingClientRect();
@@ -2418,7 +2418,7 @@ const Zm = { class: "select-list-yui-kit" }, zm = ["open"], qm = /* @__PURE__ */
       ]
     ]);
   }
-}), ui = /* @__PURE__ */ be(qm, [["__scopeId", "data-v-bae85ee7"]]);
+}), ui = /* @__PURE__ */ be(qm, [["__scopeId", "data-v-23b8cd9f"]]);
 function Hi(e) {
   return e !== null && typeof e == "object" && "key" in e;
 }
@@ -2451,21 +2451,21 @@ const U1 = (e) => e !== null && typeof e == "object" && "hint" in e, Ri = (e) =>
       "truncate-yui-kit": !0
     })), u = (h) => {
       i.choosedOption = h, Hi(i.choosedOption) ? a("change", i.choosedOption.key) : a("change", i.choosedOption);
-    }, c = (h) => U1(h) ? h.hint : Hi(h) ? h.value : h, f = (h) => {
+    }, c = (h) => {
       let p = !1;
       return Hi(h) ? Hi(i.choosedOption) ? h.value === i.choosedOption.value && (p = !0) : ((h.key === "null" || h.key === null) && i.choosedOption === "" && (p = !0), h.value === i.choosedOption && (p = !0)) : Hi(i.choosedOption) ? h === i.choosedOption.value && (p = !0) : h === i.choosedOption && (p = !0), {
         active: p
       };
-    };
+    }, f = (h) => U1(h) ? h.hint : Hi(h) ? h.value : h;
     return (h, p) => ($(!0), P(Re, null, Ze(r.options, (m) => ($(), P(Re, { key: m }, [
       R("li", {
-        class: le([l.value, f(m), r.class]),
+        class: le([l.value, c(m), r.class]),
         onClick: () => u(m)
-      }, ye(c(m)), 11, Gm),
+      }, ye(f(m)), 11, Gm),
       Be(h.$slots, "default", {}, void 0, !0)
     ], 64))), 128));
   }
-}), Ha = /* @__PURE__ */ be(Xm, [["__scopeId", "data-v-8ebad07c"]]), Km = { class: "truncate-yui-kit dropdown-yui-kit__text" }, Jm = /* @__PURE__ */ oe({
+}), Ha = /* @__PURE__ */ be(Xm, [["__scopeId", "data-v-53c35194"]]), Km = { class: "truncate-yui-kit dropdown-yui-kit__text" }, Jm = /* @__PURE__ */ oe({
   __name: "Dropdown",
   props: {
     options: {},
@@ -14041,16 +14041,18 @@ const RE = { class: "filter-yui-kit" }, VE = {
     class: {},
     disabled: { type: Boolean, default: !1 }
   },
-  emits: ["change", "error"],
+  emits: ["change", "error", "focusout-option"],
   setup(e, { emit: t }) {
     const r = t, i = e, a = Fe({
       isOpened: !1,
       placeholder: i.placeholder,
       values: i.options,
       searchValue: ""
-    }), l = (f) => {
-      var h;
-      (((h = a.values) == null ? void 0 : h.length) != 0 || !i.disableOpen) && (a.isOpened = f, !a.isOpened && a.searchValue != "" && r("error"));
+    }), l = () => {
+      r("focusout-option");
+    }, u = (h) => {
+      var p;
+      (((p = a.values) == null ? void 0 : p.length) != 0 || !i.disableOpen) && (a.isOpened = h, !a.isOpened && a.searchValue != "" && r("error"));
     };
     It(() => a.values = i.options), It(() => a.searchValue = i.defaultOption || ""), $e(
       () => a.searchValue,
@@ -14058,22 +14060,23 @@ const RE = { class: "filter-yui-kit" }, VE = {
         a.searchValue == "" && (a.values = i.options);
       }
     );
-    const u = () => {
-      var f;
+    const c = () => {
+      var h;
       a.isOpened = !0, a.values = i.options.filter(
-        (h) => a.searchValue.toLowerCase().split(" ").every((p) => h.toLowerCase().includes(p))
-      ), r("change", a.searchValue), ((f = a.values) == null ? void 0 : f.length) == 0 && (a.isOpened = !1);
-    }, c = (f) => {
-      a.searchValue = f, a.isOpened = !1, r("change", f);
+        (p) => a.searchValue.toLowerCase().split(" ").every((m) => p.toLowerCase().includes(m))
+      ), r("change", a.searchValue), ((h = a.values) == null ? void 0 : h.length) == 0 && (a.isOpened = !1);
+    }, f = (h) => {
+      a.searchValue = h, a.isOpened = !1, r("change", h);
     };
-    return (f, h) => {
-      var p;
+    return (h, p) => {
+      var m;
       return $(), pe(ui, {
-        onChange: l,
+        onChange: u,
         "is-opened": a.isOpened,
-        "disable-open": ((p = a.values) == null ? void 0 : p.length) == 0,
+        "disable-open": ((m = a.values) == null ? void 0 : m.length) == 0,
         class: le(i.class),
         disabled: i.disabled,
+        onFocusoutOptions: l,
         "header-classes": "filter__header",
         "options-classes": "filter__options"
       }, {
@@ -14081,10 +14084,10 @@ const RE = { class: "filter-yui-kit" }, VE = {
           jt(R("input", {
             type: "search",
             class: "combobox__input",
-            "onUpdate:modelValue": h[0] || (h[0] = (m) => a.searchValue = m),
+            "onUpdate:modelValue": p[0] || (p[0] = (C) => a.searchValue = C),
             placeholder: a.placeholder,
-            onKeydown: _o(u, ["enter"]),
-            onInput: u
+            onKeydown: _o(c, ["enter"]),
+            onInput: c
           }, null, 40, KE), [
             [ss, a.searchValue]
           ])
@@ -14093,14 +14096,14 @@ const RE = { class: "filter-yui-kit" }, VE = {
           J(Ha, {
             "default-option": a.searchValue,
             options: a.values,
-            onChange: c
+            onChange: f
           }, null, 8, ["default-option", "options"])
         ]),
         _: 1
       }, 8, ["is-opened", "disable-open", "class", "disabled"]);
     };
   }
-}), Kh = /* @__PURE__ */ be(JE, [["__scopeId", "data-v-8d5b7d92"]]);
+}), Kh = /* @__PURE__ */ be(JE, [["__scopeId", "data-v-d1578062"]]);
 var Jh = /* @__PURE__ */ ((e) => (e.text = "text", e.email = "email", e.password = "password", e.tel = "tel", e.url = "url", e.week = "week", e))(Jh || {});
 const QE = {
   key: 0,
@@ -15123,7 +15126,7 @@ const NH = /* @__PURE__ */ oe({
       height: r.height
     })), c = t, f = () => {
       var C;
-      return r.open ? (C = i.value) == null ? void 0 : C.showModal() : h();
+      r.open ? (C = i.value) == null || C.showModal() : h();
     }, h = () => {
       var C;
       (C = i.value) == null || C.close(), c("close"), document.documentElement.focus();
@@ -15147,8 +15150,8 @@ const NH = /* @__PURE__ */ oe({
     }), ai(() => {
       is(
         {
-          overflow: "inherit",
-          "padding-right": "0px"
+          overflow: "",
+          "padding-right": ""
         },
         document.body
       ), document.removeEventListener("keydown", p);
@@ -15164,7 +15167,7 @@ const NH = /* @__PURE__ */ oe({
       ], 4)
     ], 16));
   }
-}), jH = /* @__PURE__ */ be(NH, [["__scopeId", "data-v-3348ed90"]]), UH = /* @__PURE__ */ oe({
+}), jH = /* @__PURE__ */ be(NH, [["__scopeId", "data-v-31ed5bc3"]]), UH = /* @__PURE__ */ oe({
   __name: "ModalAnimated",
   props: {
     open: { type: Boolean },