adverich-kun-ui 0.1.55 → 0.1.57

package/dist/components/kunMenu/src/composables/kunMenuProps.js

@@ -9,46 +9,64 @@ const t = {
   openOnClick: Boolean,
   openOnHover: Boolean,
   openOnFocus: Boolean,
-  closeOnContentClick: { type: Boolean, default: !0 },
-  closeOnBack: { type: Boolean, default: !0 },
+  closeOnContentClick: {
+    type: Boolean,
+    default: !0
+  },
+  closeOnBack: {
+    type: Boolean,
+    default: !0
+  },
   contained: Boolean,
   contentClass: [String, Array, Object],
   contentProps: {
     type: Object,
     default: () => ({})
   },
+  menuPositionStyle: {
+    type: Object,
+    default: () => ({})
+  },
   disabled: Boolean,
   eager: Boolean,
   height: [String, Number],
-  width: [String, Number],
-  matchActivatorWidth: {
-    type: Boolean,
-    default: !1
-  },
   minHeight: [String, Number],
-  minWidth: [String, Number],
   maxHeight: [String, Number],
-  maxWidth: [String, Number],
+  width: {
+    type: [String, Number],
+    default: "w-full"
+  },
+  minWidth: [String, Number],
+  maxWidth: {
+    type: [String, Number],
+    default: "w-full"
+  },
   offset: [String, Number, Array],
-  openDelay: { type: [String, Number], default: 100 },
-  closeDelay: { type: [String, Number], default: 100 },
-  location: { type: String, default: "bottom" },
-  origin: { type: String, default: "auto" },
+  openDelay: {
+    type: [String, Number],
+    default: 100
+  },
+  closeDelay: {
+    type: [String, Number],
+    default: 100
+  },
+  location: {
+    type: String,
+    default: "bottom",
+    validator: (e) => ["top", "bottom", "left", "right"].includes(e)
+  },
+  origin: {
+    type: String,
+    default: "auto"
+  },
   transition: {
-    type: [String, Object],
+    type: String,
     default: "scale",
-    validator: (e) => ["fade", "slide-y", "slide-left", "slide-right", "scale"].includes(e) || typeof e == "object" && "component" in e
+    validator: (e) => ["fade", "slide-y", "slide-x", "scale"].includes(e)
   },
   persistent: Boolean,
   zIndex: [String, Number],
   submenu: Boolean,
-  scrim: [Boolean, String],
-  opacity: { type: [Number, String], default: 1 },
-  scrollStrategy: {
-    type: [String, Function],
-    default: "reposition",
-    validator: (e) => ["close", "block", "reposition", "none"].includes(e) || typeof e == "function"
-  },
   label: {
     type: String,
     default: "Menú contextual"
@@ -56,7 +74,8 @@ const t = {
   keyboardNavigation: {
     type: Boolean,
     default: !0
-  }
+  },
+  textFieldRef: Object
 };
 export {
   t as kunMenuProps

package/dist/components/kunMenu/src/composables/useKunMenu.js

@@ -1,169 +1,58 @@
-import { ref as r, computed as o, watch as w, nextTick as L, onMounted as X, onBeforeUnmount as Y } from "vue";
-import { useKunMenuComposable as q } from "./useKunMenuComposable.js";
-import { useKunScrollStrategy as F } from "./useKunScrollStrategy.js";
-function U(e, v) {
-  const l = r(e.modelValue), a = r(null), i = r(null), d = r(null), s = r(null), k = o(
-    () => typeof e.width == "number" ? `${e.width}px` : e.width
-  ), C = o(
-    () => typeof e.height == "number" ? `${e.height}px` : e.height
-  ), H = o(
-    () => typeof e.minWidth == "number" ? `${e.minWidth}px` : e.minWidth
-  ), I = o(
-    () => typeof e.minHeight == "number" ? `${e.minHeight}px` : e.minHeight
-  ), M = o(
-    () => typeof e.maxWidth == "number" ? `${e.maxWidth}px` : e.maxWidth
-  ), W = o(
-    () => typeof e.maxHeight == "number" ? `${e.maxHeight}px` : e.maxHeight
-  ), T = {
-    top: { class: "origin-bottom" },
-    bottom: { class: "origin-top" },
-    left: { class: "origin-right" },
-    right: { class: "origin-left" }
-  }, A = o(() => {
-    var t;
-    return ((t = e.transition) == null ? void 0 : t.component) || null;
+import { ref as o, watch as V } from "vue";
+function b(n, l) {
+  const t = o(n.modelValue), r = o(null), c = o(null), i = o(null), d = o(null);
+  V(() => n.modelValue, (e) => {
+    t.value = e, e ? (l("update:modelValue", !0), document.addEventListener("click", u)) : (l("update:modelValue", !1), document.removeEventListener("click", u));
   });
-  function g() {
-    e.disabled || (clearTimeout(s.value), d.value = setTimeout(() => {
-      l.value = !0, v("update:modelValue", !0);
-    }, +e.openDelay));
+  function f() {
+    n.disabled || (clearTimeout(d.value), i.value = setTimeout(() => {
+      t.value = !0, l("update:modelValue", !0);
+    }, +n.openDelay), console.log(1), document.addEventListener("click", u));
   }
-  function m() {
-    e.persistent || (clearTimeout(d.value), s.value = setTimeout(() => {
-      l.value = !1, v("update:modelValue", !1);
-    }, +e.closeDelay));
-  }
-  function x() {
-    l.value ? m() : g();
+  function a() {
+    clearTimeout(i.value), d.value = setTimeout(() => {
+      t.value = !1, l("update:modelValue", !1);
+    }, +n.closeDelay), console.log(2), document.removeEventListener("click", u);
   }
-  function $(t) {
-    e.disabled || e.openOnClick && !e.persistent && x();
+  function s() {
   }
-  function E(t) {
-    if (!e.openOnHover || e.disabled) return;
-    clearTimeout(d.value), clearTimeout(s.value);
-    const c = t === "enter" ? e.openDelay : e.closeDelay;
-    setTimeout(() => {
-      l.value = t === "enter";
-    }, +c);
+  function m() {
+    n.disabled || n.openOnClick;
   }
-  function O() {
-    e.openOnFocus && (l.value = !0);
+  function v(e) {
   }
-  function V(t) {
-    e.closeOnContentClick && !e.persistent && m();
+  function E() {
+    n.openOnFocus && (t.value = !0);
   }
-  w(
-    () => e.modelValue,
-    (t) => {
-      l.value = t;
-    }
-  ), w(
-    l,
-    async (t) => {
-      t && (await L(), h());
-    }
-  );
-  function h() {
-    if (!a.value || !i.value) return;
-    const t = a.value.getBoundingClientRect(), c = window.scrollX || window.pageXOffset, f = window.scrollY || window.pageYOffset;
-    let n = 0, u = 0;
-    const b = e.submenu ? "right" : e.location;
-    switch (b) {
-      case "top":
-        n = t.top - i.value.offsetHeight, u = t.left;
-        break;
-      case "bottom":
-        n = t.bottom, u = t.left;
-        break;
-      case "left":
-        n = t.top, u = t.left - i.value.offsetWidth;
-        break;
-      case "right":
-        n = t.top, u = t.right;
-        break;
-      default:
-        n = t.bottom, u = t.left;
-    }
-    if (e.offset)
-      if (Array.isArray(e.offset))
-        u += e.offset[0], n += e.offset[1];
-      else {
-        const y = parseInt(e.offset);
-        ["top", "bottom"].includes(b) ? u += y : n += y;
-      }
-    i.value.style.top = `${n + f}px`, i.value.style.left = `${u + c}px`;
+  function u(e) {
+    t.value && c.value && !c.value.contains(e.target) && !n.textFieldRef.$el.contains(e.target) && a();
   }
-  function D() {
-    if (!e.keyboardNavigation) return;
-    const t = Array.from(i.value.querySelectorAll('[role="menuitem"]')), f = (t.findIndex((n) => document.activeElement === n) + 1) % t.length;
-    t[f].focus();
+  function g(e) {
+    console.log("Escape pressed"), a(), l("handleEscape");
   }
-  function N() {
-    if (!e.keyboardNavigation) return;
-    const t = Array.from(i.value.querySelectorAll('[role="menuitem"]')), f = (t.findIndex((n) => document.activeElement === n) - 1 + t.length) % t.length;
-    t[f].focus();
+  function h() {
+    if (!n.keyboardNavigation) return;
+    const e = document.activeElement;
+    (e == null ? void 0 : e.getAttribute("role")) === "menuitem" && e.click();
   }
-  function S() {
-    if (!e.keyboardNavigation) return;
-    const t = document.activeElement;
-    t && t.getAttribute("role") === "menuitem" && t.click();
+  function k() {
   }
-  X(async () => {
-    var n;
-    e.activator === "parent" && (a.value = (n = i.value) == null ? void 0 : n.parentElement);
-    const { onClickOutside: t } = q(), { addEventListeners: c, removeEventListeners: f } = t(
-      i,
-      () => {
-        e.persistent || m();
-      },
-      [a]
-    );
-    c(), Y(() => {
-      f();
-    }), F(e, m, h);
-  });
-  const B = o(() => {
-    if (typeof e.transition == "object")
-      return e.transition.component || "transition";
-    switch (e.location) {
-      case "top":
-        return "slide-y";
-      case "left":
-        return "slide-left";
-      case "right":
-        return "slide-right";
-      default:
-        return "scale";
-    }
-  }), K = o(() => e.width ? e.width : e.matchActivatorWidth && a.value ? `${a.value.getBoundingClientRect().width}px` : "auto");
   return {
-    menuVisible: l,
-    activatorEl: a,
-    contentEl: i,
-    computedWidth: k,
-    computedHeight: C,
-    computedMinWidth: H,
-    computedMinHeight: I,
-    computedMaxWidth: M,
-    computedMaxHeight: W,
-    locationMap: T,
-    transitionComponent: A,
-    showMenu: g,
-    hideMenu: m,
-    toggleMenu: x,
-    handleActivatorClick: $,
-    handleHover: E,
-    handleFocus: O,
-    handleContentClick: V,
-    positionMenu: h,
-    focusNextItem: D,
-    focusPrevItem: N,
-    focusCurrentItem: S,
-    computedTransition: B,
-    menuWidth: K
+    menuVisible: t,
+    activatorEl: r,
+    contentEl: c,
+    showMenu: f,
+    hideMenu: a,
+    toggleMenu: s,
+    initMenu: k,
+    handleActivatorClick: m,
+    handleClickOutside: u,
+    handleHover: v,
+    handleFocus: E,
+    handleEscape: g,
+    focusCurrentItem: h
   };
 }
 export {
-  U as useKunMenu
+  b as useKunMenu
 };

package/dist/components/kunMenu/src/composables/useKunMenuStyles.js

@@ -0,0 +1,29 @@
+import { computed as d } from "vue";
+function E(t, c, l, o, i, s) {
+  const u = {
+    top: { class: "origin-bottom" },
+    bottom: { class: "origin-top" },
+    left: { class: "origin-right" },
+    right: { class: "origin-left" }
+  }, f = d(() => {
+    var n;
+    return ((n = u[t.location]) == null ? void 0 : n.class) || "origin-top";
+  });
+  function v() {
+    var n, a, r;
+    if (t.activator === "parent") {
+      const e = (n = c.value) == null ? void 0 : n.parentElement;
+      e && (e.addEventListener("click", o), e.addEventListener("mouseenter", () => i("enter")), e.addEventListener("mouseleave", () => i("leave")), e.addEventListener("focus", s));
+    } else if (t.activator && typeof t.activator == "object") {
+      let e = (a = t.activator) == null ? void 0 : a.value;
+      e && e.$el && (e = e.$el), (r = e == null ? void 0 : e.$refs) != null && r.input && (e = e.$refs.input), e instanceof HTMLElement && (l.value = e, e.addEventListener("click", o), e.addEventListener("mouseenter", () => i("enter")), e.addEventListener("mouseleave", () => i("leave")), e.addEventListener("focus", s));
+    }
+  }
+  return {
+    originClass: f,
+    setMenuPosition: v
+  };
+}
+export {
+  E as useKunMenuStyles
+};

package/dist/icons/IconAsterisk.vue.js

@@ -0,0 +1,20 @@
+import { createElementBlock as e, openBlock as o, createElementVNode as r } from "vue";
+import l from "../_virtual/_plugin-vue_export-helper.js";
+const n = {}, s = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24"
+};
+function c(i, t) {
+  return o(), e("svg", s, t[0] || (t[0] = [
+    r("path", {
+      fill: "currentColor",
+      d: "M11 21v-6.6l-4.65 4.675l-1.425-1.425L9.6 13H3v-2h6.6L4.925 6.35L6.35 4.925L11 9.6V3h2v6.6l4.65-4.675l1.425 1.425L14.4 11H21v2h-6.6l4.675 4.65l-1.425 1.425L13 14.4V21z"
+    }, null, -1)
+  ]));
+}
+const m = /* @__PURE__ */ l(n, [["render", c]]);
+export {
+  m as default
+};

package/dist/icons/IconCheck.vue.js

@@ -0,0 +1,20 @@
+import { createElementBlock as t, openBlock as o, createElementVNode as r } from "vue";
+import n from "../_virtual/_plugin-vue_export-helper.js";
+const c = {}, l = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24"
+};
+function s(i, e) {
+  return o(), t("svg", l, e[0] || (e[0] = [
+    r("path", {
+      fill: "currentColor",
+      d: "M5 13l4 4L19 7"
+    }, null, -1)
+  ]));
+}
+const _ = /* @__PURE__ */ n(c, [["render", s]]);
+export {
+  _ as default
+};

package/dist/icons/IconClose.vue.js

@@ -0,0 +1,16 @@
+import { createElementBlock as o, openBlock as t, createElementVNode as r } from "vue";
+import n from "../_virtual/_plugin-vue_export-helper.js";
+const l = {}, c = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "currentColor"
+};
+function s(f, e) {
+  return t(), o("svg", c, e[0] || (e[0] = [
+    r("path", { d: "M6 18L18 6M6 6l12 12" }, null, -1)
+  ]));
+}
+const i = /* @__PURE__ */ n(l, [["render", s]]);
+export {
+  i as default
+};

package/dist/icons/IconDelete.vue.js

@@ -0,0 +1,16 @@
+import { createElementBlock as t, openBlock as o, createElementVNode as r } from "vue";
+import n from "../_virtual/_plugin-vue_export-helper.js";
+const l = {}, c = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "currentColor"
+};
+function s(f, e) {
+  return o(), t("svg", c, e[0] || (e[0] = [
+    r("path", { d: "M6 18L18 6M6 6l12 12" }, null, -1)
+  ]));
+}
+const i = /* @__PURE__ */ n(l, [["render", s]]);
+export {
+  i as default
+};

package/dist/icons/IconEdit.vue.js

@@ -0,0 +1,16 @@
+import { createElementBlock as e, openBlock as o, createElementVNode as r } from "vue";
+import n from "../_virtual/_plugin-vue_export-helper.js";
+const c = {}, l = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "currentColor"
+};
+function s(f, t) {
+  return o(), e("svg", l, t[0] || (t[0] = [
+    r("path", { d: "M6 18L18 6M6 6l12 12" }, null, -1)
+  ]));
+}
+const _ = /* @__PURE__ */ n(c, [["render", s]]);
+export {
+  _ as default
+};

package/dist/icons/IconMenuDownOutline.vue.js

@@ -0,0 +1,20 @@
+import { createElementBlock as t, openBlock as o, createElementVNode as n } from "vue";
+import r from "../_virtual/_plugin-vue_export-helper.js";
+const l = {}, c = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24"
+};
+function s(i, e) {
+  return o(), t("svg", c, e[0] || (e[0] = [
+    n("path", {
+      fill: "currentColor",
+      d: "M18 9v1.5l-6 6l-6-6V9zm-6 4.67L14.67 11H9.33z"
+    }, null, -1)
+  ]));
+}
+const _ = /* @__PURE__ */ r(l, [["render", s]]);
+export {
+  _ as default
+};

package/dist/icons/IconMenuUpOutline.vue.js

@@ -0,0 +1,20 @@
+import { createElementBlock as t, openBlock as o, createElementVNode as n } from "vue";
+import r from "../_virtual/_plugin-vue_export-helper.js";
+const l = {}, c = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24"
+};
+function s(i, e) {
+  return o(), t("svg", c, e[0] || (e[0] = [
+    n("path", {
+      fill: "currentColor",
+      d: "M18 16v-1.5l-6-6l-6 6V16zm-6-4.67L14.67 14H9.33z"
+    }, null, -1)
+  ]));
+}
+const p = /* @__PURE__ */ r(l, [["render", s]]);
+export {
+  p as default
+};

package/dist/icons/IconSearch.vue.js

@@ -0,0 +1,16 @@
+import { createElementBlock as o, openBlock as t, createElementVNode as r } from "vue";
+import n from "../_virtual/_plugin-vue_export-helper.js";
+const c = {}, l = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "currentColor"
+};
+function s(f, e) {
+  return t(), o("svg", l, e[0] || (e[0] = [
+    r("path", { d: "M6 18L18 6M6 6l12 12" }, null, -1)
+  ]));
+}
+const i = /* @__PURE__ */ n(c, [["render", s]]);
+export {
+  i as default
+};

package/dist/icons/IconStar.vue.js

@@ -0,0 +1,16 @@
+import { createElementBlock as e, openBlock as o, createElementVNode as r } from "vue";
+import n from "../_virtual/_plugin-vue_export-helper.js";
+const c = {}, l = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "currentColor"
+};
+function s(f, t) {
+  return o(), e("svg", l, t[0] || (t[0] = [
+    r("path", { d: "M6 18L18 6M6 6l12 12" }, null, -1)
+  ]));
+}
+const i = /* @__PURE__ */ n(c, [["render", s]]);
+export {
+  i as default
+};

package/dist/icons/index.js

@@ -0,0 +1,23 @@
+import o from "./IconAsterisk.vue.js";
+import r from "./IconCheck.vue.js";
+import e from "./IconClose.vue.js";
+import t from "./IconDelete.vue.js";
+import n from "./IconEdit.vue.js";
+import m from "./IconMenuDownOutline.vue.js";
+import i from "./IconMenuUpOutline.vue.js";
+import c from "./IconSearch.vue.js";
+import p from "./IconStar.vue.js";
+const d = {
+  asterisk: o,
+  check: r,
+  close: e,
+  delete: t,
+  edit: n,
+  menuDownOutline: m,
+  menuUpOutline: i,
+  search: c,
+  star: p
+};
+export {
+  d as icons
+};

package/dist/index.js

@@ -23,19 +23,19 @@ import b from "./components/KunListGroup/src/components/KunListGroup.vue.js";
 import S from "./components/KunListImg/src/components/KunListImg.vue.js";
 import x from "./components/KunListItem/src/components/KunListItem.vue.js";
 import h from "./components/KunListItemAction/src/components/KunListItemAction.vue.js";
-import v from "./components/KunListItemAvatar/src/components/KunListItemAvatar.vue.js";
-import w from "./components/KunListItemSubtitle/src/components/KunListItemSubtitle.vue.js";
-import g from "./components/KunListItemText/src/components/KunListItemText.vue.js";
-import F from "./components/KunListSubheader/src/components/KunListSubheader.vue.js";
-import y from "./components/kunMenu/src/components/kunMenu.vue.js";
-import B from "./components/KunLoaderCircular/src/components/KunLoaderCircular.vue.js";
+import g from "./components/KunListItemAvatar/src/components/KunListItemAvatar.vue.js";
+import v from "./components/KunListItemSubtitle/src/components/KunListItemSubtitle.vue.js";
+import w from "./components/KunListItemText/src/components/KunListItemText.vue.js";
+import B from "./components/KunListSubheader/src/components/KunListSubheader.vue.js";
+import F from "./components/kunMenu/src/components/kunMenu.vue.js";
+import y from "./components/KunLoaderCircular/src/components/KunLoaderCircular.vue.js";
 import D from "./components/KunRow/src/components/KunRow.vue.js";
 import G from "./components/KunSlider/src/components/KunSlider.vue.js";
-import M from "./components/KunSpacer/src/components/KunSpacer.vue.js";
-import R from "./components/KunSwitch/src/components/KunSwitch.vue.js";
-import j from "./components/KunTextField/src/components/KunTextField.vue.js";
-import k from "./components/KunToolbar/src/components/KunToolbar.vue.js";
-import q from "./components/KunTooltip/src/components/KunTooltip.vue.js";
+import R from "./components/KunSpacer/src/components/KunSpacer.vue.js";
+import j from "./components/KunSwitch/src/components/KunSwitch.vue.js";
+import k from "./components/KunTextField/src/components/KunTextField.vue.js";
+import q from "./components/KunToolbar/src/components/KunToolbar.vue.js";
+import M from "./components/KunTooltip/src/components/KunTooltip.vue.js";
 const m = {
   KunAlert: r,
   KunAppbar: o,
@@ -61,19 +61,19 @@ const m = {
   KunListImg: S,
   KunListItem: x,
   KunListItemAction: h,
-  KunListItemAvatar: v,
-  KunListItemSubtitle: w,
-  KunListItemText: g,
-  KunListSubheader: F,
-  KunMenu: y,
-  KunLoaderCircular: B,
+  KunListItemAvatar: g,
+  KunListItemSubtitle: v,
+  KunListItemText: w,
+  KunListSubheader: B,
+  KunMenu: F,
+  KunLoaderCircular: y,
   KunRow: D,
   KunSlider: G,
-  KunSpacer: M,
-  KunSwitch: R,
-  KunTextField: j,
-  KunToolbar: k,
-  KunTooltip: q
+  KunSpacer: R,
+  KunSwitch: j,
+  KunTextField: k,
+  KunToolbar: q,
+  KunTooltip: M
 };
 function xn(i) {
   for (const n in m)
@@ -104,18 +104,18 @@ export {
   S as KunListImg,
   x as KunListItem,
   h as KunListItemAction,
-  v as KunListItemAvatar,
-  w as KunListItemSubtitle,
-  g as KunListItemText,
-  F as KunListSubheader,
-  B as KunLoaderCircular,
-  y as KunMenu,
+  g as KunListItemAvatar,
+  v as KunListItemSubtitle,
+  w as KunListItemText,
+  B as KunListSubheader,
+  y as KunLoaderCircular,
+  F as KunMenu,
   D as KunRow,
   G as KunSlider,
-  M as KunSpacer,
-  R as KunSwitch,
-  j as KunTextField,
-  k as KunToolbar,
-  q as KunTooltip,
+  R as KunSpacer,
+  j as KunSwitch,
+  k as KunTextField,
+  q as KunToolbar,
+  M as KunTooltip,
   xn as install
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adverich-kun-ui",
-  "version": "0.1.55",
+  "version": "0.1.57",
   "type": "module",
   "description": "Una librería de componentes Vue.js con Tailwind CSS",
   "main": "dist/index.js",
@@ -14,15 +14,16 @@
     "preview": "vite preview"
   },
   "devDependencies": {
-    "@tailwindcss/vite": "^4.1.6",
-    "@vitejs/plugin-vue": "^5.2.1",
-    "autoprefixer": "^10.4.20",
+    "@tailwindcss/vite": "^4.1.7",
+    "@vitejs/plugin-vue": "^5.2.4",
+    "autoprefixer": "^10.4.21",
     "prettier": "^3.5.3",
     "prettier-plugin-tailwindcss": "^0.6.11",
-    "vite": "^6.2.4"
+    "vite": "^6.3.5",
+    "vite-plugin-vue-devtools": "^7.7.6"
   },
   "peerDependencies": {
-    "tailwindcss": "^4.1.6",
+    "tailwindcss": "^4.1.7",
     "vue": "^3.5.13",
     "vue-router": "^4.0.0"
   },