@aplus-frontend/ui 7.13.6 → 7.13.8

package/es/src/scroll-view/index.vue.mjs

@@ -1,10 +1,10 @@
-import { defineComponent as ue, ref as he, reactive as pe, computed as v, unref as a, watchEffect as _, watch as ye, createElementBlock as me, openBlock as P, withModifiers as M, normalizeStyle as A, normalizeClass as w, createElementVNode as z, renderSlot as de, createBlock as L, createCommentVNode as O, mergeProps as I } from "vue";
-import { wait as k } from "@aplus-frontend/utils";
-import { useElementSize as T, useRafFn as ve } from "@vueuse/core";
-import { isString as j } from "lodash-unified";
+import { defineComponent as ue, ref as he, reactive as pe, computed as v, unref as a, watchEffect as A, watch as ye, createElementBlock as me, openBlock as z, withModifiers as L, normalizeStyle as O, normalizeClass as B, createElementVNode as k, renderSlot as de, createBlock as I, createCommentVNode as T, mergeProps as _ } from "vue";
+import { wait as R } from "@aplus-frontend/utils";
+import { useElementSize as j, useRafFn as ve } from "@vueuse/core";
+import { isString as F } from "lodash-unified";
 import "../config-provider/index.mjs";
 import "../scroll-bar/index.mjs";
-import { ensureRangeValue as n, getScrollable as R } from "../scroll-bar/utils/index.mjs";
+import { ensureRangeValue as n, getScrollable as W } from "../scroll-bar/utils/index.mjs";
 import "../utils/index.mjs";
 import { useScrollBack as xe } from "./hooks/use-scroll-back.mjs";
 import { useScrollSmooth as we } from "./hooks/use-scroll-smooth.mjs";
@@ -13,8 +13,8 @@ import Se from "./style/index.mjs";
 import { getElementScrollOffset as ge } from "./utils/index.mjs";
 import { useNamespace as be } from "../config-provider/hooks/use-namespace.mjs";
 import { isDef as f } from "../utils/is.mjs";
-import F from "../scroll-bar/internal.vue.mjs";
-const Le = /* @__PURE__ */ ue({
+import H from "../scroll-bar/internal.vue.mjs";
+const Oe = /* @__PURE__ */ ue({
   name: "ScrollView",
   __name: "index",
   props: {
@@ -27,13 +27,13 @@ const Le = /* @__PURE__ */ ue({
     yBarProps: { default: () => ({}) },
     onWheel: {}
   },
-  setup(H, { expose: q }) {
-    const o = H, G = {
+  setup(x, { expose: q }) {
+    const o = x, G = {
       direction: "vertical",
       rate: 1,
       repeat: !0
-    }, { b: J, e: B, em: W } = be("scroll-view"), K = Se("scroll-view"), u = he(), c = pe({ x: 30, y: 30 });
-    let S = !1;
+    }, { b: J, e: S, em: N } = be("scroll-view"), K = Se("scroll-view"), u = he(), c = pe({ x: 30, y: 30 });
+    let g = !1;
     const {
       scrollOffset: r,
       maxScrollDistance: i,
@@ -43,25 +43,25 @@ const Le = /* @__PURE__ */ ue({
       scrollYBar: h,
       scrollXBar: p,
       updateMaxScrollDistance: Z
-    } = Be(), { width: ee, height: te } = T(u), { width: re, height: oe } = T(s), { start: N } = xe({
+    } = Be(), { width: ee, height: te } = j(u), { width: re, height: oe } = j(s), { start: $ } = xe({
       scrollOffset: r,
       maxScrollDistance: i,
       onScroll: (e) => {
         e === "horizontal" ? p() : h();
       },
       async onScrollEnd() {
-        await k(200), g();
+        await R(200), b();
       }
-    }), { start: $ } = we({
+    }), { start: V } = we({
       scrollOffset: r,
       maxScrollDistance: i,
       onScroll(e, t) {
-        V.value && (y(), S = !0), e && p(), t && h();
+        E.value && (y(), g = !0), e && p(), t && h();
       },
       async onScrollEnd() {
-        S && (await k(200), g(), S = !1);
+        g && (await R(200), b(), g = !1);
       }
-    }), { resume: g, pause: y, isActive: V } = ve(
+    }), { resume: b, pause: y, isActive: E } = ve(
       () => {
         if (!o.autoPlay) {
           y();
@@ -73,7 +73,7 @@ const Le = /* @__PURE__ */ ue({
         };
         if (t.direction === "horizontal") {
           if (r.x === i.x) {
-            y(), t.repeat && N("horizontal");
+            y(), t.repeat && $("horizontal");
             return;
           }
           r.x = n(
@@ -83,7 +83,7 @@ const Le = /* @__PURE__ */ ue({
           ), p();
         } else {
           if (r.y === i.y) {
-            y(), t.repeat && N("vertical");
+            y(), t.repeat && $("vertical");
             return;
           }
           r.y = n(
@@ -94,16 +94,16 @@ const Le = /* @__PURE__ */ ue({
         }
       },
       { immediate: !0 }
-    ), m = v(() => o.showXBar && c.x !== 100), x = v(() => o.showYBar && c.y !== 100), ae = v(() => ({
-      width: f(o.width) ? j(o.width) ? o.width : Number.isNaN(o.width) ? void 0 : `${o.width}px` : void 0,
-      height: f(o.heigth) ? j(o.heigth) ? o.heigth : Number.isNaN(o.heigth) ? void 0 : `${o.heigth}px` : void 0,
+    ), m = v(() => o.showXBar && c.x !== 100), w = v(() => o.showYBar && c.y !== 100), ae = v(() => ({
+      width: f(o.width) ? F(o.width) ? o.width : Number.isNaN(o.width) ? void 0 : `${o.width}px` : void 0,
+      height: f(o.heigth) ? F(o.heigth) ? o.heigth : Number.isNaN(o.heigth) ? void 0 : `${o.heigth}px` : void 0,
       padding: `${o.xBarProps.trackWidth || 10}px ${o.yBarProps.trackWidth || 10}px`
     }));
-    async function b() {
-      V.value && (y(), await k(500), g());
+    async function P() {
+      E.value && (y(), await R(500), b());
     }
     async function le(e) {
-      if (a(x))
+      if (a(w))
         e.preventDefault(), e.stopPropagation();
       else
         return;
@@ -111,7 +111,7 @@ const Le = /* @__PURE__ */ ue({
         r.y + e.deltaY,
         0,
         i.y
-      ), h(), o.onWheel?.("vertical", r.y), b();
+      ), h(), o.onWheel?.("vertical", r.y), P();
     }
     function ie(e) {
       if (a(m))
@@ -122,11 +122,11 @@ const Le = /* @__PURE__ */ ue({
         r.x + e.deltaX,
         0,
         i.x
-      ), p(), o.onWheel?.("horizontal", r.x), b();
+      ), p(), o.onWheel?.("horizontal", r.x), P();
     }
-    function E() {
+    function X() {
       if (o.showYBar) {
-        const { visibleSize: e, totalSize: t } = R(
+        const { visibleSize: e, totalSize: t } = W(
           s.value,
           "vertical"
         );
@@ -135,7 +135,7 @@ const Le = /* @__PURE__ */ ue({
         );
       }
       if (o.showXBar) {
-        const { visibleSize: e, totalSize: t } = R(
+        const { visibleSize: e, totalSize: t } = W(
           s.value,
           "horizontal"
         );
@@ -144,21 +144,21 @@ const Le = /* @__PURE__ */ ue({
         );
       }
     }
-    function X(e, t) {
+    function C(e, t) {
       const l = a(s), d = a(u);
       if (!l || !d) return;
-      const { visibleSize: C, totalSize: D } = R(l, t);
-      if (D <= C) return;
-      const Y = (D - C) * e / 100, fe = t === "vertical";
-      if (b(), fe) {
-        r.y = Y;
+      const { visibleSize: D, totalSize: Y } = W(l, t);
+      if (Y <= D) return;
+      const M = (Y - D) * e / 100, fe = t === "vertical";
+      if (P(), fe) {
+        r.y = M;
         return;
       }
-      r.x = Y;
+      r.x = M;
     }
-    _(
+    A(
       () => {
-        a(s.value) && E();
+        a(s.value) && X();
       },
       { flush: "post" }
     ), ye(
@@ -169,16 +169,16 @@ const Le = /* @__PURE__ */ ue({
         oe.value
       ],
       () => {
-        E(), Z();
+        X(), Z();
       }
-    ), _(() => {
+    ), A(() => {
       u.value && (u.value.style.transform = `translate3d(-${r.x}px, -${r.y}px, 0px)`);
     });
     function ne(e, t) {
-      f(e) && m.value && (r.x = n(e, 0, i.x), p()), f(t) && x.value && (r.y = n(t, 0, i.y), h());
+      f(e) && m.value && (r.x = n(e, 0, i.x), p()), f(t) && w.value && (r.y = n(t, 0, i.y), h());
     }
     function se({ smooth: e, left: t, top: l }) {
-      e ? $({ x: t, y: l }) : (f(t) && (r.x = t), f(l) && (r.y = l));
+      e ? V({ x: t, y: l }) : (f(t) && (r.x = t), f(l) && (r.y = l));
     }
     function ce(e, t = "start") {
       const l = ge(
@@ -190,11 +190,11 @@ const Le = /* @__PURE__ */ ue({
         r.x + l.x,
         0,
         i.x
-      )), x.value && (d.y = n(
+      )), w.value && (d.y = n(
         r.y + l.y,
         0,
         i.y
-      )), $(d);
+      )), V(d);
     }
     return q({
       scrollTop: v(() => r.y),
@@ -202,52 +202,52 @@ const Le = /* @__PURE__ */ ue({
       scroll: ne,
       scrollTo: se,
       scrollIntoView: ce
-    }), (e, t) => (P(), me("div", {
+    }), (e, t) => (z(), me("div", {
       ref_key: "containerRef",
       ref: s,
-      class: w([a(J)(), a(K)]),
-      style: A(ae.value),
+      class: B([a(J)(), a(K)]),
+      style: O(ae.value),
       onWheel: [
-        M(le, ["exact"]),
-        M(ie, ["shift"])
+        L(le, ["exact"]),
+        L(ie, ["shift"])
       ]
     }, [
-      z("div", {
+      k("div", {
         ref_key: "contentRef",
         ref: u,
-        class: w(a(B)("content"))
+        class: B(a(S)("content"))
       }, [
         de(e.$slots, "default")
       ], 2),
-      z("div", {
-        class: w([a(B)("bar-wrapper"), a(W)("bar-wrapper", "vertical")]),
-        style: A(`height: calc(100% - ${m.value ? e.xBarProps.trackWidth || 10 : 0}px)`)
+      k("div", {
+        class: B([a(S)("bar-wrapper"), a(N)("bar-wrapper", "vertical")]),
+        style: O(`height: calc(100% - ${m.value ? x.xBarProps.trackWidth || 10 : 0}px)`)
       }, [
-        x.value ? (P(), L(a(F), I({
+        w.value ? (z(), I(a(H), _({
           key: 0,
           ref_key: "yBarRef",
           ref: U
-        }, e.yBarProps, {
+        }, x.yBarProps, {
           "bar-length": c.y,
-          onScroll: t[0] || (t[0] = (l) => X(l, "vertical"))
-        }), null, 16, ["bar-length"])) : O("", !0)
+          onScroll: t[0] || (t[0] = (l) => C(l, "vertical"))
+        }), null, 16, ["bar-length"])) : T("", !0)
       ], 6),
-      z("div", {
-        class: w([a(B)("bar-wrapper"), a(W)("bar-wrapper", "horizontal")])
+      k("div", {
+        class: B([a(S)("bar-wrapper"), a(N)("bar-wrapper", "horizontal")])
       }, [
-        m.value ? (P(), L(a(F), I({
+        m.value ? (z(), I(a(H), _({
           key: 0,
           ref_key: "xBarRef",
           ref: Q
-        }, e.xBarProps, {
+        }, x.xBarProps, {
           direction: "horizontal",
           "bar-length": c.x,
-          onScroll: t[1] || (t[1] = (l) => X(l, "horizontal"))
-        }), null, 16, ["bar-length"])) : O("", !0)
+          onScroll: t[1] || (t[1] = (l) => C(l, "horizontal"))
+        }), null, 16, ["bar-length"])) : T("", !0)
       ], 2)
     ], 38));
   }
 });
 export {
-  Le as default
+  Oe as default
 };

package/es/src/skeleton/components/desc/index.vue2.mjs

@@ -1,17 +1,17 @@
-import { defineComponent as o, createBlock as r, openBlock as i, unref as a, withCtx as n, createVNode as t } from "vue";
+import { defineComponent as i, createBlock as o, openBlock as r, unref as a, withCtx as n, createVNode as t } from "vue";
 import { Card as c, Skeleton as l } from "@aplus-frontend/antdv";
 import "./item-large.vue.mjs";
 import "./item.vue.mjs";
-import p from "./item.vue2.mjs";
-import m from "./item-large.vue2.mjs";
-const x = /* @__PURE__ */ o({
+import m from "./item.vue2.mjs";
+import d from "./item-large.vue2.mjs";
+const B = /* @__PURE__ */ i({
   name: "ApSkeletonDesc",
   __name: "index",
   props: {
     active: { type: Boolean }
   },
-  setup(s) {
-    return (e, d) => (i(), r(a(c), {
+  setup(e) {
+    return (p, s) => (r(), o(a(c), {
       variant: "borderless",
       style: {
         borderStartEndRadius: 0,
@@ -25,13 +25,13 @@ const x = /* @__PURE__ */ o({
           size: "small",
           style: { width: "100px", marginBlockEnd: "16px" }
         }, null, 8, ["active"]),
-        t(p, { active: e.active }, null, 8, ["active"]),
-        t(m, { active: e.active }, null, 8, ["active"])
+        t(m, { active: e.active }, null, 8, ["active"]),
+        t(d, { active: e.active }, null, 8, ["active"])
       ]),
       _: 1
     }));
   }
 });
 export {
-  x as default
+  B as default
 };

package/es/src/skeleton/components/desc/item-large.vue2.mjs

@@ -1,61 +1,61 @@
-import { defineComponent as n, createElementBlock as r, openBlock as o, createVNode as t, createElementVNode as l, unref as a } from "vue";
+import { defineComponent as n, createElementBlock as c, openBlock as r, createVNode as e, createElementVNode as l, unref as a } from "vue";
 import { Skeleton as i } from "@aplus-frontend/antdv";
-const s = { style: { marginBlockStart: "32px" } }, c = { style: {
+const o = { style: { marginBlockStart: "32px" } }, s = { style: {
   width: "100%",
   justifyContent: "space-between",
   display: "flex"
-} }, p = { style: {
+} }, v = { style: {
   flex: 1,
   marginInlineEnd: "24px",
   maxWidth: "300px"
-} }, v = { style: {
+} }, m = { style: {
   flex: 1,
   alignItems: "center",
   justifyContent: "center"
-} }, m = { style: {
+} }, d = { style: {
   maxWidth: "300px",
   margin: "auto"
-} }, u = /* @__PURE__ */ n({
+} }, h = /* @__PURE__ */ n({
   __name: "item-large",
   props: {
     active: { type: Boolean }
   },
-  setup(d) {
-    return (e, f) => (o(), r("div", s, [
-      t(a(i).Button, {
-        active: e.active,
+  setup(t) {
+    return (p, f) => (r(), c("div", o, [
+      e(a(i).Button, {
+        active: t.active,
         size: "small",
         style: { width: "100px", marginBlockEnd: "16px" }
       }, null, 8, ["active"]),
-      l("div", c, [
-        l("div", p, [
-          t(a(i), {
-            active: e.active,
+      l("div", s, [
+        l("div", v, [
+          e(a(i), {
+            active: t.active,
             paragraph: !1,
             title: { style: { marginBlockStart: 0 } }
           }, null, 8, ["active"]),
-          t(a(i), {
-            active: e.active,
+          e(a(i), {
+            active: t.active,
             paragraph: !1,
             title: { style: { marginBlockStart: "8px" } }
           }, null, 8, ["active"]),
-          t(a(i), {
-            active: e.active,
+          e(a(i), {
+            active: t.active,
             paragraph: !1,
             title: { style: { marginBlockStart: "8px" } }
           }, null, 8, ["active"])
         ]),
-        l("div", v, [
-          l("div", m, [
-            t(a(i), {
-              active: e.active,
+        l("div", m, [
+          l("div", d, [
+            e(a(i), {
+              active: t.active,
               paragraph: !1,
               title: {
                 style: { marginBlockStart: 0 }
               }
             }, null, 8, ["active"]),
-            t(a(i), {
-              active: e.active,
+            e(a(i), {
+              active: t.active,
               paragraph: !1,
               title: {
                 style: { marginBlockStart: "8px" }
@@ -68,5 +68,5 @@ const s = { style: { marginBlockStart: "32px" } }, c = { style: {
   }
 });
 export {
-  u as default
+  h as default
 };

package/es/src/skeleton/components/desc/item.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as y, computed as a, createElementBlock as n, openBlock as r, Fragment as g, renderList as x, normalizeStyle as k, createVNode as i, unref as s } from "vue";
+import { defineComponent as y, computed as a, createElementBlock as n, openBlock as i, Fragment as x, renderList as g, normalizeStyle as k, createVNode as r, unref as s } from "vue";
 import { Skeleton as o } from "@aplus-frontend/antdv";
 import S from "@aplus-frontend/antdv/es/_util/hooks/useBreakpoint";
 const z = { style: {
@@ -12,10 +12,10 @@ const z = { style: {
     size: {},
     active: { type: Boolean }
   },
-  setup(u) {
-    const t = u;
+  setup(e) {
+    const t = e;
     t.size;
-    const m = {
+    const p = {
       lg: !0,
       md: !0,
       sm: !1,
@@ -29,33 +29,33 @@ const z = { style: {
       lg: 3,
       xl: 3,
       xxl: 4
-    }, d = S(), c = a(() => d.value || m), v = a(
+    }, d = S(), c = a(() => d.value || p), v = a(
       () => Object.keys(c.value).filter(
-        (e) => c.value[e] === !0
+        (m) => c.value[m] === !0
       )[0] || "md"
-    ), p = a(
+    ), u = a(
       () => t.size === void 0 ? f[v.value] || 3 : t.size
     );
-    return (e, B) => (r(), n("div", z, [
-      (r(!0), n(g, null, x(new Array(p.value).fill(null), (_, l) => (r(), n("div", {
+    return (m, B) => (i(), n("div", z, [
+      (i(!0), n(x, null, g(new Array(u.value).fill(null), (h, l) => (i(), n("div", {
         key: l,
         style: k({
           flex: 1,
           paddingInlineStart: l === 0 ? 0 : "24px",
-          paddingInlineEnd: l === p.value - 1 ? 0 : "24px"
+          paddingInlineEnd: l === u.value - 1 ? 0 : "24px"
         })
       }, [
-        i(s(o), {
+        r(s(o), {
           active: e.active,
           paragraph: !1,
           title: { style: { marginBlockStart: 0 } }
         }, null, 8, ["active"]),
-        i(s(o), {
+        r(s(o), {
           active: e.active,
           paragraph: !1,
           title: { style: { marginBlockStart: "8px" } }
         }, null, 8, ["active"]),
-        i(s(o), {
+        r(s(o), {
           active: e.active,
           paragraph: !1,
           title: { style: { marginBlockStart: "8px" } }

package/es/src/skeleton/components/list/index.vue2.mjs

@@ -1,8 +1,8 @@
-import { defineComponent as i, createBlock as n, openBlock as t, unref as a, withCtx as r, createCommentVNode as s, createElementBlock as d, createVNode as p, Fragment as u, renderList as c } from "vue";
-import { Card as o, Skeleton as m } from "@aplus-frontend/antdv";
+import { defineComponent as o, createBlock as n, openBlock as t, unref as a, withCtx as l, createCommentVNode as c, createElementBlock as d, createVNode as s, Fragment as u, renderList as m } from "vue";
+import { Card as r, Skeleton as f } from "@aplus-frontend/antdv";
 import "./item.vue.mjs";
-import f from "./item.vue2.mjs";
-const g = /* @__PURE__ */ i({
+import p from "./item.vue2.mjs";
+const b = /* @__PURE__ */ o({
   name: "ApSkeletonList",
   __name: "index",
   props: {
@@ -10,13 +10,13 @@ const g = /* @__PURE__ */ i({
     active: { type: Boolean, default: !0 },
     actionButton: { type: Boolean }
   },
-  setup(y) {
-    return (e, v) => (t(), n(a(o), {
+  setup(e) {
+    return (y, v) => (t(), n(a(r), {
       variant: "borderless",
       "body-style": { padding: 0 }
     }, {
-      default: r(() => [
-        e.actionButton !== !1 ? (t(), n(a(o), {
+      default: l(() => [
+        e.actionButton !== !1 ? (t(), n(a(r), {
           key: 0,
           variant: "borderless",
           "body-style": {
@@ -26,17 +26,17 @@ const g = /* @__PURE__ */ i({
             padding: "18px 24px"
           }
         }, {
-          default: r(() => [
-            p(a(m).Button, {
+          default: l(() => [
+            s(a(f).Button, {
               style: { width: "80px" },
               active: e.active,
               size: "small"
             }, null, 8, ["active"])
           ]),
           _: 1
-        })) : s("", !0),
-        (t(!0), d(u, null, c(new Array(e.size).fill(null), (_, l) => (t(), n(f, {
-          key: l,
+        })) : c("", !0),
+        (t(!0), d(u, null, m(new Array(e.size).fill(null), (x, i) => (t(), n(p, {
+          key: i,
           active: !!e.active
         }, null, 8, ["active"]))), 128))
       ]),
@@ -45,5 +45,5 @@ const g = /* @__PURE__ */ i({
   }
 });
 export {
-  g as default
+  b as default
 };

package/es/src/skeleton/components/list/item.vue2.mjs

@@ -1,7 +1,7 @@
-import { defineComponent as o, createElementBlock as l, openBlock as r, Fragment as s, createVNode as e, unref as t, withCtx as p, createElementVNode as i } from "vue";
-import { Card as c, Skeleton as n } from "@aplus-frontend/antdv";
-import { ApSkeletonLine as d } from "../line/index.mjs";
-const m = { style: {
+import { defineComponent as l, createElementBlock as o, openBlock as r, Fragment as s, createVNode as e, unref as t, withCtx as c, createElementVNode as i } from "vue";
+import { Card as d, Skeleton as n } from "@aplus-frontend/antdv";
+import { ApSkeletonLine as m } from "../line/index.mjs";
+const p = { style: {
   width: "100%",
   display: "flex",
   alignItems: "center",
@@ -9,21 +9,21 @@ const m = { style: {
 } }, u = { style: {
   maxWidth: "100%",
   flex: 1
-} }, x = /* @__PURE__ */ o({
+} }, _ = /* @__PURE__ */ l({
   name: "ApSkeletonListItem",
   __name: "item",
   props: {
     active: { type: Boolean }
   },
-  setup(f) {
-    return (a, y) => (r(), l(s, null, [
-      e(t(c), {
+  setup(a) {
+    return (f, y) => (r(), o(s, null, [
+      e(t(d), {
         variant: "borderless",
         style: { borderRadius: 0 },
         "body-style": { padding: "24px" }
       }, {
-        default: p(() => [
-          i("div", m, [
+        default: c(() => [
+          i("div", p, [
             i("div", u, [
               e(t(n), {
                 active: a.active,
@@ -48,10 +48,10 @@ const m = { style: {
         ]),
         _: 1
       }),
-      e(t(d))
+      e(t(m))
     ], 64));
   }
 });
 export {
-  x as default
+  _ as default
 };

package/es/src/skeleton/components/page-header/index.vue2.mjs

@@ -1,19 +1,19 @@
-import { defineComponent as n, createElementBlock as r, openBlock as p, createVNode as e, unref as t } from "vue";
-import { Skeleton as o } from "@aplus-frontend/antdv";
-const i = { style: { "margin-block-end": "16px" } }, d = /* @__PURE__ */ n({
+import { defineComponent as o, createElementBlock as r, openBlock as c, createVNode as e, unref as t } from "vue";
+import { Skeleton as a } from "@aplus-frontend/antdv";
+const i = { style: { "margin-block-end": "16px" } }, d = /* @__PURE__ */ o({
   name: "ApSkeletonPageHeader",
   __name: "index",
   props: {
     active: { type: Boolean }
   },
-  setup(l) {
-    return (a, c) => (p(), r("div", i, [
-      e(t(o), {
+  setup(n) {
+    return (l, p) => (c(), r("div", i, [
+      e(t(a), {
         paragraph: !1,
         title: { width: "185px" }
       }),
-      e(t(o).Button, {
-        active: a.active,
+      e(t(a).Button, {
+        active: n.active,
         size: "small"
       }, null, 8, ["active"])
     ]));