@mobilon-dev/chotto 0.3.30 → 0.3.31

package/dist/components/3_compounds/ChatInput/ChatInput.vue2.js

@@ -0,0 +1,192 @@
+import { defineComponent as V, inject as $, ref as g, computed as C, watch as d, nextTick as p, unref as a, onMounted as N, createElementBlock as y, openBlock as x, createElementVNode as u, withDirectives as G, createVNode as T, renderSlot as w, toDisplayString as U, withKeys as J, vModelText as Q, normalizeClass as X } from "vue";
+import { useImmediateDebouncedRef as Z } from "../../../hooks/useImmediateDebouncedRef.js";
+import { useMessageDraft as ee } from "../../../hooks/useMessageDraft.js";
+import "../../../hooks/useSearchModel.js";
+import "../../../hooks/useTheme.js";
+/* empty css                              */
+/* empty css                                              */
+import "../../../node_modules/linkifyjs/dist/linkify.js";
+import "../../../functions/parseMarkdown.js";
+import { t as te } from "../../../locale/useLocale.js";
+import ne from "./icons/SendIcon.vue.js";
+import le from "../../2_chatinput_elements/TextFormatToolbar/TextFormatToolbar.vue.js";
+const ie = { class: "chat-input__container" }, se = ["id"], oe = ["id"], ae = { class: "chat-input__inline-buttons" }, re = {
+  key: 0,
+  class: "chat-input__input chat-input__disabled-placeholder"
+}, ue = ["disabled", "placeholder"], ce = ["disabled"], de = { class: "" }, pe = { class: "chat-input__third-line" }, Ie = /* @__PURE__ */ V({
+  __name: "ChatInput",
+  props: {
+    state: {
+      type: String,
+      required: !1,
+      default: "active"
+    },
+    focusOnInputArea: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    disabledPlaceholder: {
+      type: String,
+      default: null
+    },
+    selectedChannel: {
+      type: Object,
+      required: !1,
+      default: null
+    },
+    inputButtonColor: {
+      type: String,
+      required: !1,
+      default: null
+    }
+  },
+  emits: ["send", "typing"],
+  setup(c, { emit: I }) {
+    const f = I, h = $("chatAppId"), { resetMessage: A, getMessage: i, setMessageText: m, setForceSendMessage: D } = ee(h), n = g(), F = Z("", 2e3), E = g(), r = c, R = C(() => !!(r.state == "disabled" || i().text == "" && !i().file || i().isRecording)), k = C(() => {
+      var t;
+      if (r.inputButtonColor)
+        return r.inputButtonColor;
+      if (!((t = r.selectedChannel) != null && t.channelId))
+        return "#25D366";
+      const e = r.selectedChannel.channelId.toLowerCase();
+      return e.includes("whatsapp") || e.includes("waba") ? "#25D366" : e.includes("telegram") ? "#37AFE2" : e.includes("sms") ? "#6C757D" : e.includes("max") ? "#4B0082" : "#25D366";
+    });
+    d(
+      () => F.value,
+      () => {
+        f("typing");
+      }
+    ), d(
+      () => r.focusOnInputArea,
+      () => {
+        r.focusOnInputArea && p(() => {
+          const e = a(n);
+          e == null || e.focus();
+        });
+      },
+      { immediate: !0 }
+    ), d(
+      () => i().text,
+      () => {
+        p(() => {
+          const e = n.value;
+          if (!e) return;
+          const t = e.scrollTop;
+          e.style.height = "auto";
+          const l = getComputedStyle(e), s = parseFloat(l.fontSize) || 16, L = parseFloat(l.lineHeight) || s * 1.4, _ = 40, b = L * 11, S = e.scrollHeight, W = i().text.split(`
+`).length > 1, o = document.createElement("div");
+          o.style.position = "absolute", o.style.visibility = "hidden", o.style.whiteSpace = "nowrap", o.style.font = l.font, o.style.fontSize = l.fontSize, o.style.fontFamily = l.fontFamily, o.style.fontWeight = l.fontWeight, o.style.letterSpacing = l.letterSpacing, o.textContent = i().text, document.body.appendChild(o);
+          const O = o.offsetWidth;
+          document.body.removeChild(o);
+          const Y = parseFloat(l.paddingLeft) || 0, q = parseFloat(l.paddingRight) || 0, K = e.clientWidth - Y - q, P = O > K, j = W || P;
+          i().text.trim() && j ? S <= b ? (e.style.height = S + "px", e.style.overflowY = "hidden") : (e.style.height = b + "px", e.style.overflowY = "auto", e.scrollTop = t) : (e.style.height = _ + "px", e.style.overflowY = "hidden");
+        });
+      },
+      { immediate: !0 }
+    ), d(
+      () => i().forceSend,
+      () => {
+        i().forceSend && (v(), D(!1));
+      }
+    );
+    const z = (e) => {
+      const t = e.target;
+      f("typing", t.value);
+    }, B = () => {
+      p(() => {
+        const e = n.value;
+        e && (e.style.height = "40px", e.style.overflowY = "hidden");
+      });
+    };
+    N(() => {
+      B();
+    });
+    const H = (e) => {
+      if (e.shiftKey) {
+        if (n.value instanceof HTMLTextAreaElement) {
+          let t = n.value.selectionStart;
+          t && (n.value.setRangeText(`
+`, t, t, "end"), m(n.value.value));
+        }
+        e.preventDefault();
+      } else if (e.ctrlKey) {
+        if (n.value instanceof HTMLTextAreaElement) {
+          let t = n.value.selectionStart;
+          t && (n.value.setRangeText(`
+`, t, t, "end"), m(n.value.value));
+        }
+        e.preventDefault();
+      } else
+        e.preventDefault(), v();
+    }, M = (e) => {
+      if (n.value) {
+        const t = n.value.value;
+        n.value.value = e.newText;
+        const l = e.newText.length - (t.length - (e.end - e.start)), s = e.start + l;
+        m(e.newText), p(() => {
+          n.value && (n.value.setSelectionRange(s, s), n.value.focus());
+        });
+      }
+    }, v = () => {
+      var t, l;
+      const e = g(i());
+      if (e.value.text != "" || e.value.file) {
+        const s = {
+          type: "",
+          text: "",
+          url: "",
+          filename: "",
+          size: "",
+          reply: void 0
+        };
+        e.value.file ? (s.type = "message." + e.value.file.type, s.url = e.value.file.url, s.filename = e.value.file.name, s.size = (t = e.value.file.size) == null ? void 0 : t.toString(), s.text = (l = e == null ? void 0 : e.value) == null ? void 0 : l.text.trim()) : (s.type = "message.text", s.text = e.value.text.trim()), e.value.reply && (s.reply = e.value.reply), f("send", s), A(), E.value = void 0, n.value && n.value.focus();
+      }
+    };
+    return (e, t) => (x(), y("div", ie, [
+      u("div", {
+        id: "chat-input-reply-line-" + a(h),
+        class: "chat-input__reply-line"
+      }, null, 8, se),
+      u("div", {
+        id: "chat-input-file-line-" + a(h),
+        class: "chat-input__file-line"
+      }, null, 8, oe),
+      u("div", ae, [
+        w(e.$slots, "inline-buttons", {}, void 0, !0)
+      ]),
+      c.disabledPlaceholder && (c.state == "disabled" || a(i)().isRecording) ? (x(), y("div", re, U(c.disabledPlaceholder), 1)) : G((x(), y("textarea", {
+        key: 1,
+        ref_key: "refInput",
+        ref: n,
+        "onUpdate:modelValue": t[0] || (t[0] = (l) => a(i)().text = l),
+        disabled: c.state == "disabled" || a(i)().isRecording,
+        class: "chat-input__input",
+        placeholder: a(te)("component.ChatInput.InputPlaceholder"),
+        onKeydown: J(H, ["enter"]),
+        onInput: z
+      }, null, 40, ue)), [
+        [Q, a(i)().text]
+      ]),
+      T(le, {
+        textarea: n.value,
+        onFormatApplied: M
+      }, null, 8, ["textarea"]),
+      u("button", {
+        class: X(["chat-input__button", { "chat-input__button-disabled": R.value }]),
+        disabled: a(i)().isRecording,
+        onClick: v
+      }, [
+        u("span", de, [
+          T(a(ne), { color: k.value }, null, 8, ["color"])
+        ])
+      ], 10, ce),
+      u("div", pe, [
+        w(e.$slots, "buttons", {}, void 0, !0)
+      ])
+    ]));
+  }
+});
+export {
+  Ie as default
+};

package/dist/components/3_compounds/ChatInput/icons/SendIcon.vue.js

@@ -0,0 +1,35 @@
+import { defineComponent as o, createElementBlock as i, openBlock as n, createElementVNode as t } from "vue";
+const c = {
+  width: "30",
+  height: "30",
+  viewBox: "0 0 30 30",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, r = { "clip-path": "url(#clip0_5094_38)" }, s = ["fill"], p = /* @__PURE__ */ o({
+  __name: "SendIcon",
+  props: {
+    color: { default: "#6C757D" }
+  },
+  setup(l) {
+    return (C, e) => (n(), i("svg", c, [
+      t("g", r, [
+        t("path", {
+          d: "M29.2562 15.8609C29.4249 15.7886 29.5687 15.6685 29.6697 15.5153C29.7708 15.3621 29.8246 15.1826 29.8246 14.9991C29.8246 14.8156 29.7708 14.6361 29.6697 14.4829C29.5687 14.3297 29.4249 14.2096 29.2562 14.1373L2.25448 2.56551L2.25315 2.56418L1.41523 2.20356C1.25645 2.13533 1.0819 2.11232 0.910865 2.13706C0.739829 2.16181 0.57896 2.23335 0.44603 2.34378C0.3131 2.45421 0.21328 2.59924 0.157599 2.76284C0.101917 2.92644 0.0925408 3.10225 0.130504 3.27085L0.329378 4.15915L0.328052 4.16313L2.73707 14.9991L0.328052 25.8351L0.328051 25.8404L0.129177 26.7287C0.0918219 26.8971 0.101658 27.0725 0.157599 27.2357C0.213541 27.3989 0.313419 27.5435 0.446241 27.6535C0.579064 27.7636 0.739678 27.8349 0.910408 27.8596C1.08114 27.8842 1.25536 27.8613 1.4139 27.7933L29.2562 15.8609ZM24.3202 15.9365H4.44872L4.61179 15.2033C4.6418 15.0688 4.6418 14.9294 4.61179 14.7949L4.44872 14.0617H24.3202L26.5065 14.9991L24.3215 15.9378L24.3202 15.9365Z",
+          fill: l.color
+        }, null, 8, s)
+      ]),
+      e[0] || (e[0] = t("defs", null, [
+        t("clipPath", { id: "clip0_5094_38" }, [
+          t("rect", {
+            width: "30",
+            height: "30",
+            fill: "white"
+          })
+        ])
+      ], -1))
+    ]));
+  }
+});
+export {
+  p as default
+};

package/dist/components/3_compounds/ChatInput/icons/SendIcon.vue2.js

@@ -0,0 +1,4 @@
+import f from "./SendIcon.vue.js";
+export {
+  f as default
+};

package/dist/components/3_compounds/ChatList/ChatList.vue.js

@@ -0,0 +1,186 @@
+import { ref as L, computed as I, createElementBlock as o, openBlock as a, renderSlot as v, createBlock as r, createCommentVNode as n, createElementVNode as i, createVNode as D, unref as e, toDisplayString as h, createTextVNode as Q, Fragment as u, renderList as g, Transition as N, withCtx as V } from "vue";
+import p from "../../2_chatlist_elements/ChatItem/ChatItem.vue.js";
+import $ from "../../2_chatlist_elements/ChatFilter/ChatFilter.vue.js";
+import q from "../../2_chatlist_elements/ChatTabs/ChatTabs.vue.js";
+import { useChatListScroll as M } from "./composables/useChatListScroll.js";
+import { useChatListSelection as P } from "./composables/useChatListSelection.js";
+import { useChatListFilter as U } from "./composables/useChatListFilter.js";
+import { useChatListActions as W } from "./composables/useChatListActions.js";
+/* empty css              */
+import j from "../../../_virtual/_plugin-vue_export-helper.js";
+const O = { class: "chat-list" }, R = {
+  key: 2,
+  class: "chat-list__search-indicator"
+}, z = { class: "chat-list__search-content" }, G = { class: "chat-list__search-text" }, H = {
+  key: 0,
+  class: "chat-list__search-progress"
+}, J = {
+  key: 1,
+  class: "chat-list__search-query"
+}, K = {
+  key: 0,
+  class: "chat-list__search-stats"
+}, X = {
+  key: 0,
+  class: "chat-list__no-data"
+}, Y = { class: "chat-list__fixed-items-top" }, Z = { class: "chat-list__scrollable-items" }, tt = { class: "chat-list__fixed-items-bottom" }, et = {
+  __name: "ChatList",
+  props: {
+    chats: {
+      type: Array,
+      required: !0
+    },
+    filterEnabled: {
+      type: Boolean,
+      required: !0
+    },
+    filterQuery: {
+      type: String,
+      default: null
+    },
+    dialogTabs: {
+      type: Array,
+      default: () => []
+    },
+    activeTabId: {
+      type: String,
+      default: "all"
+    },
+    // Props для поиска
+    searchQuery: {
+      type: String,
+      default: ""
+    },
+    isSearching: {
+      type: Boolean,
+      default: !1
+    },
+    searchProgress: {
+      type: String,
+      default: ""
+    },
+    searchStats: {
+      type: Object,
+      default: () => ({ loaded: 0, total: "?" })
+    },
+    showDialogs: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["select", "action", "loadMoreChats", "expand", "tab-click", "search", "clear-search"],
+  setup(s, { emit: A }) {
+    const S = s, c = A, k = L(), _ = I(() => S.chats), {
+      isShowButton: E,
+      scrollToTopForce: C,
+      scrollCheck: b,
+      startScrollWatch: x,
+      stopScrollWatch: T
+    } = M({ refChatList: k, chats: _, emit: c }), {
+      selectChat: m
+    } = P({ chats: _, emit: c }), {
+      getSortedAndFilteredChats: d,
+      getFilter: F
+    } = U({ props: S, emit: c }), {
+      expandChat: f,
+      action: y,
+      handleTabClick: B
+    } = W({ emit: c });
+    return (w, l) => (a(), o("div", O, [
+      v(w.$slots, "header", {}, void 0, !0),
+      v(w.$slots, "sidebar", {}, void 0, !0),
+      s.filterEnabled ? (a(), r($, {
+        key: 0,
+        class: "chat-list__filter",
+        onUpdate: e(F)
+      }, null, 8, ["onUpdate"])) : n("", !0),
+      s.dialogTabs && s.dialogTabs.length > 0 ? (a(), r(q, {
+        key: 1,
+        tabs: s.dialogTabs,
+        onTabClick: e(B)
+      }, null, 8, ["tabs", "onTabClick"])) : n("", !0),
+      s.isSearching || s.searchQuery ? (a(), o("div", R, [
+        i("div", z, [
+          i("div", G, [
+            s.isSearching ? (a(), o("span", H, h(s.searchProgress || "Поиск..."), 1)) : (a(), o("span", J, [
+              Q(' Поиск "' + h(s.searchQuery) + '" завершён ', 1),
+              s.searchStats.loaded > 0 ? (a(), o("span", K, " (" + h(s.searchStats.loaded) + " " + h(s.searchStats.total !== "?" ? `из ${s.searchStats.total}` : "") + ") ", 1)) : n("", !0)
+            ]))
+          ]),
+          s.searchQuery ? (a(), o("button", {
+            key: 0,
+            class: "chat-list__search-clear",
+            title: "Очистить поиск",
+            onClick: l[0] || (l[0] = (t) => c("clear-search"))
+          }, [...l[5] || (l[5] = [
+            i("i", { class: "pi pi-times" }, null, -1)
+          ])])) : n("", !0)
+        ])
+      ])) : n("", !0),
+      i("div", {
+        ref_key: "refChatList",
+        ref: k,
+        class: "chat-list__items",
+        onScroll: l[1] || (l[1] = (...t) => e(b) && e(b)(...t)),
+        onMousedown: l[2] || (l[2] = (...t) => e(x) && e(x)(...t)),
+        onMouseup: l[3] || (l[3] = (...t) => e(T) && e(T)(...t))
+      }, [
+        e(d)().length === 0 ? (a(), o("div", X, [...l[6] || (l[6] = [
+          i("div", { class: "chat-list__placeholder" }, [
+            i("p", { class: "chat-list__placeholder-title" }, " Нет контактных данных, чтобы начать чат "),
+            i("p", { class: "chat-list__placeholder-hint" }, " Добавьте номер телефона или имя Telegram в карточку контакта ")
+          ], -1)
+        ])])) : (a(), o(u, { key: 1 }, [
+          i("div", Y, [
+            (a(!0), o(u, null, g(e(d)().filter((t) => t.isFixedTop), (t) => (a(), r(p, {
+              key: t.chatId,
+              class: "chat-list__item",
+              chat: t,
+              "show-dialogs": s.showDialogs,
+              onSelect: e(m),
+              onExpand: e(f),
+              onAction: e(y)
+            }, null, 8, ["chat", "show-dialogs", "onSelect", "onExpand", "onAction"]))), 128))
+          ]),
+          i("div", Z, [
+            (a(!0), o(u, null, g(e(d)().filter((t) => !t.isFixedBottom && !t.isFixedTop), (t) => (a(), r(p, {
+              key: t.chatId,
+              class: "chat-list__item",
+              chat: t,
+              "show-dialogs": s.showDialogs,
+              onSelect: e(m),
+              onExpand: e(f),
+              onAction: e(y)
+            }, null, 8, ["chat", "show-dialogs", "onSelect", "onExpand", "onAction"]))), 128))
+          ]),
+          i("div", tt, [
+            (a(!0), o(u, null, g(e(d)().filter((t) => t.isFixedBottom), (t) => (a(), r(p, {
+              key: t.chatId,
+              class: "chat-list__item",
+              chat: t,
+              "show-dialogs": s.showDialogs,
+              onSelect: e(m),
+              onExpand: e(f),
+              onAction: e(y)
+            }, null, 8, ["chat", "show-dialogs", "onSelect", "onExpand", "onAction"]))), 128))
+          ])
+        ], 64))
+      ], 544),
+      D(N, null, {
+        default: V(() => [
+          e(E) ? (a(), o("button", {
+            key: 0,
+            class: "chat-list__button-up",
+            onClick: l[4] || (l[4] = (...t) => e(C) && e(C)(...t))
+          }, [...l[7] || (l[7] = [
+            i("span", { class: "pi pi-angle-up chat-list__icon-down" }, null, -1)
+          ])])) : n("", !0)
+        ]),
+        _: 1
+      })
+    ]));
+  }
+}, ut = /* @__PURE__ */ j(et, [["__scopeId", "data-v-f4c84599"]]);
+export {
+  ut as default
+};

package/dist/components/3_compounds/ChatList/ChatListHeader.vue.js

@@ -0,0 +1,27 @@
+import { createElementBlock as e, openBlock as o, createCommentVNode as a, renderSlot as n, toDisplayString as i } from "vue";
+const r = { class: "chat-list__title-container" }, c = {
+  key: 0,
+  class: "chat-list__title"
+}, p = {
+  __name: "ChatListHeader",
+  props: {
+    title: {
+      type: String,
+      default: "Чаты"
+    },
+    titleEnabled: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(l) {
+    const t = l;
+    return (s, _) => (o(), e("div", r, [
+      t.titleEnabled ? (o(), e("h2", c, i(t.title), 1)) : a("", !0),
+      n(s.$slots, "actions")
+    ]));
+  }
+};
+export {
+  p as default
+};

package/dist/components/3_compounds/ChatList/composables/useChatListActions.js

@@ -0,0 +1,16 @@
+function i({ emit: a }) {
+  return {
+    expandChat: (n) => {
+      a("expand", n);
+    },
+    action: (n) => {
+      a("action", n);
+    },
+    handleTabClick: (n) => {
+      a("tab-click", n);
+    }
+  };
+}
+export {
+  i as useChatListActions
+};

package/dist/components/3_compounds/ChatList/composables/useChatListFilter.js

@@ -0,0 +1,27 @@
+import { ref as l } from "vue";
+function m({ props: e, emit: u }) {
+  const n = l("");
+  return {
+    filter: n,
+    getSortedAndFilteredChats: () => !e.chats || e.chats.length === 0 ? [] : e.chats.slice().sort((t, r) => {
+      const a = Number(t["lastActivity.timestamp"] || 0), s = Number(r["lastActivity.timestamp"] || 0);
+      return a > s ? -1 : a < s ? 1 : 0;
+    }).sort((t, r) => t.countUnread > r.countUnread ? -1 : t.countUnread < r.countUnread ? 1 : 0).filter((t) => {
+      var a;
+      const r = e.activeTabId || "all";
+      if (r !== "all") {
+        if (r === "countUnread") {
+          if (t.countUnread <= 0) return !1;
+        } else if (r.startsWith("tag_") && (!((a = t.contact) != null && a.tags) || !t.contact.tags.some((s) => s.tagId === r)))
+          return !1;
+      }
+      return e.searchQuery && e.searchQuery.trim() !== "" ? !0 : e.filterQuery ? t.name.includes(e.filterQuery) || t.metadata.includes(e.filterQuery) : t.name.includes(n.value) || t.metadata.includes(n.value);
+    }),
+    getFilter: (i) => {
+      n.value = i, i.trim() !== "" ? u("search", i) : u("clear-search");
+    }
+  };
+}
+export {
+  m as useChatListFilter
+};

package/dist/components/3_compounds/ChatList/composables/useChatListScroll.js

@@ -0,0 +1,47 @@
+import { ref as n, watch as a, unref as r, nextTick as v } from "vue";
+function W({ refChatList: t, chats: u, emit: i }) {
+  const o = n(!1), s = n(!1), c = n(!1);
+  function f() {
+    v(function() {
+      const l = r(t);
+      l && (l.scrollTop = 0);
+    });
+  }
+  const h = () => {
+    const l = r(t);
+    if (!l) return;
+    const e = l.scrollHeight - l.scrollTop - l.clientHeight;
+    l.scrollTop > 500 && (s.value = !0), l.scrollTop <= 500 && (s.value = !1), c.value ? e < 300 && (o.value = !0) : (e < 300 && (o.value = !0), e >= 300 && (o.value = !1));
+  };
+  return a(
+    () => o.value,
+    () => {
+      o.value && i("loadMoreChats");
+    }
+  ), a(
+    u,
+    () => {
+      if (o.value = !1, c.value) {
+        const l = r(t);
+        if (!l) return;
+        l.scrollTop = l.scrollHeight;
+      }
+    }
+  ), {
+    allowLoadMore: o,
+    isShowButton: s,
+    scrollToTopForce: f,
+    scrollCheck: h,
+    startScrollWatch: (l) => {
+      const e = r(t);
+      if (!e) return;
+      (l.offsetX > e.clientWidth || l.offsetY > e.clientHeight) && (c.value = !0);
+    },
+    stopScrollWatch: () => {
+      c.value = !1;
+    }
+  };
+}
+export {
+  W as useChatListScroll
+};

package/dist/components/3_compounds/ChatList/composables/useChatListSelection.js

@@ -0,0 +1,28 @@
+function d({ chats: r, emit: l }) {
+  const s = (t) => {
+    const a = r.value;
+    !a || !Array.isArray(a) || a.forEach((i) => {
+      i.isSelected = !1, i.dialogs && Array.isArray(i.dialogs) && i.dialogs.forEach((e) => {
+        e.isSelected = !1, e.dialogId == t.dialogId && (e.isSelected = !0);
+      });
+    });
+  };
+  return {
+    selectChat: (t) => {
+      const a = r.value;
+      if (!a || !Array.isArray(a))
+        return;
+      a.forEach((e) => {
+        e.isSelected = !1, e.dialogs && Array.isArray(e.dialogs) && e.dialogs.forEach((o) => {
+          o.isSelected = !1;
+        });
+      }), t.dialog && s(t.dialog);
+      const i = a.find((e) => e.chatId === t.chat.chatId);
+      i && (i.isSelected = !0), l("select", t);
+    },
+    selectDialog: s
+  };
+}
+export {
+  d as useChatListSelection
+};

package/dist/components/3_compounds/Feed/Feed.vue.js

@@ -0,0 +1,7 @@
+import o from "./Feed.vue2.js";
+/* empty css          */
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-08344bf7"]]);
+export {
+  m as default
+};