@altinn/altinn-components 0.56.0 → 0.56.2

package/dist/components/Menu/Menu.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { M as t } from "../../SearchField-BUp4_VIq.js";
+import { M as t } from "../../SearchField-CN2mo8ck.js";
 import "./useMenuSearch.js";
 export {
   t as Menu

package/dist/components/Menu/MenuItems.js

@@ -4,7 +4,7 @@ import "../../index-p1eeF8LQ.js";
 import "../../hooks/useMenu.js";
 import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import { a as b } from "../../SearchField-BUp4_VIq.js";
+import { a as b } from "../../SearchField-CN2mo8ck.js";
 import "./MenuItem.js";
 import "./MenuList.js";
 import "./MenuListItem.js";

package/dist/components/Menu/MenuListSearch.js

@@ -3,7 +3,7 @@ import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import { b as s } from "../../SearchField-BUp4_VIq.js";
+import { b as s } from "../../SearchField-CN2mo8ck.js";
 import "../Snackbar/useSnackbar.js";
 export {
   s as MenuListSearch

package/dist/components/Menu/VirtualizedMenuItems.js

@@ -4,7 +4,7 @@ import "../../index-p1eeF8LQ.js";
 import "../../hooks/useMenu.js";
 import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import { V as z } from "../../SearchField-BUp4_VIq.js";
+import { V as z } from "../../SearchField-CN2mo8ck.js";
 import "./MenuItem.js";
 import "./MenuList.js";
 import "./MenuListItem.js";

package/dist/components/Menu/index.js

@@ -1,4 +1,4 @@
-import { M as t, a as o, b as n, V as u } from "../../SearchField-BUp4_VIq.js";
+import { M as t, a as o, b as n, V as u } from "../../SearchField-CN2mo8ck.js";
 import { MenuItem as M } from "./MenuItem.js";
 import { MenuList as s } from "./MenuList.js";
 import { MenuListItem as a } from "./MenuListItem.js";

package/dist/components/Searchbar/QueryLabel.js

@@ -1,12 +1,12 @@
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import '../../assets/QueryLabel.css';const n = "_label_1jqye_1", o = "_group_1jqye_25", p = "_plus_1jqye_31", m = "_item_1jqye_35", l = {
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import '../../assets/QueryLabel.css';const n = "_label_yf5z4_1", o = "_group_yf5z4_25", p = "_plus_yf5z4_31", m = "_item_yf5z4_35", l = {
   label: n,
   group: o,
   plus: p,
   item: m
-}, u = ({ type: e = "search", label: t }) => /* @__PURE__ */ s("span", { className: l.item, "data-type": e, children: t }), i = ({ params: e = [], size: t = "sm" }) => /* @__PURE__ */ s("div", { className: l.label, "data-size": t, children: e.map((r, a) => /* @__PURE__ */ c("div", { className: l.group, children: [
-  /* @__PURE__ */ s(u, { ...r }),
-  e[a + 1] && /* @__PURE__ */ s("span", { className: l.plus, children: "+" })
+}, u = ({ type: s = "search", label: t }) => /* @__PURE__ */ e("span", { className: l.item, "data-type": s, children: t }), i = ({ params: s = [], size: t = "sm" }) => /* @__PURE__ */ e("div", { className: l.label, "data-size": t, children: s.map((r, a) => /* @__PURE__ */ c("div", { className: l.group, children: [
+  /* @__PURE__ */ e(u, { ...r }),
+  s[a + 1] && /* @__PURE__ */ e("span", { className: l.plus, children: "+" })
 ] }, a)) });
 export {
   u as QueryItem,

package/dist/components/Settings/BookmarksSettingsList.js

@@ -1,44 +1,44 @@
-import { jsxs as i, Fragment as e, jsx as o } from "react/jsx-runtime";
-import { createElement as c } from "react";
+import { jsxs as i, Fragment as s, jsx as o } from "react/jsx-runtime";
+import { Fragment as c, createElement as g } from "react";
 import "../../index-p1eeF8LQ.js";
-import { Typography as g } from "../Typography/Typography.js";
-import { Heading as h } from "../Typography/Heading.js";
+import { Typography as h } from "../Typography/Typography.js";
+import { Heading as f } from "../Typography/Heading.js";
 import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import { Divider as f } from "../Divider/Divider.js";
-import { List as k } from "../List/List.js";
+import { Divider as k } from "../Divider/Divider.js";
+import { List as x } from "../List/List.js";
 import "../Snackbar/useSnackbar.js";
-import { Flex as x } from "../Page/Flex.js";
+import { Flex as F } from "../Page/Flex.js";
 import { SettingsSection as S } from "./SettingsSection.js";
 import { BookmarksSettingsItem as u } from "./BookmarksSettingsItem.js";
-const U = ({
-  loading: n,
-  title: m,
-  description: l,
+const $ = ({
+  loading: e,
+  title: n,
+  description: m,
   items: t,
-  untitled: p = "Untitled bookmark",
+  untitled: l = "Untitled bookmark",
   expandedId: d,
-  onToggle: s
-}) => /* @__PURE__ */ i(e, { children: [
-  /* @__PURE__ */ o(h, { size: "lg", children: m }),
-  t.length > 0 && /* @__PURE__ */ i(x, { direction: "col", spacing: 4, children: [
-    /* @__PURE__ */ o(S, { children: /* @__PURE__ */ o(k, { size: "sm", children: t.map((r, a) => /* @__PURE__ */ i(e, { children: [
-      a > 0 && /* @__PURE__ */ o(f, {}),
-      /* @__PURE__ */ c(
+  onToggle: p
+}) => /* @__PURE__ */ i(s, { children: [
+  /* @__PURE__ */ o(f, { size: "lg", children: n }),
+  t.length > 0 && /* @__PURE__ */ i(F, { direction: "col", spacing: 4, children: [
+    /* @__PURE__ */ o(S, { children: /* @__PURE__ */ o(x, { size: "sm", children: t.map((r, a) => /* @__PURE__ */ i(c, { children: [
+      a > 0 && /* @__PURE__ */ o(k, {}),
+      /* @__PURE__ */ g(
         u,
         {
           ...r,
           key: r.id,
-          title: r?.title || p,
-          loading: n || r.loading,
-          onToggle: () => s?.(r.id),
+          title: r?.title || l,
+          loading: e || r.loading,
+          onToggle: () => p?.(r.id),
           expanded: d === r.id
         }
       )
-    ] })) }) }),
-    /* @__PURE__ */ o(g, { color: "neutral", variant: "subtle", size: "xs", children: /* @__PURE__ */ o("p", { children: l }) })
+    ] }, r.id)) }) }),
+    /* @__PURE__ */ o(h, { color: "neutral", variant: "subtle", size: "xs", children: /* @__PURE__ */ o("p", { children: m }) })
   ] })
 ] });
 export {
-  U as BookmarksSettingsList
+  $ as BookmarksSettingsList
 };

package/dist/components/Toolbar/SelectDateFilter.js

@@ -1,6 +1,6 @@
-import { jsx as c } from "react/jsx-runtime";
+import { jsx as p } from "react/jsx-runtime";
 import { useState as b } from "react";
-import { M as g } from "../../SearchField-BUp4_VIq.js";
+import { M as g } from "../../SearchField-CN2mo8ck.js";
 import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
@@ -9,42 +9,42 @@ import { DatepickerFilter as C } from "./DatepickerFilter.js";
 import { formatDateRange as h } from "./formatDateRange.js";
 const q = ({
   name: t = "time",
-  size: m,
-  searchable: s,
-  keyboardEvents: D,
-  items: f,
+  size: c,
+  searchable: m,
+  keyboardEvents: s,
+  items: D,
   groups: d,
-  filterState: o = {},
+  filterState: e = {},
   onFilterStateChange: r
 }) => {
-  const [u, i] = b(!1), a = o?.fromDate?.[0] || "", n = o?.toDate?.[0] || "", k = () => {
+  const [f, i] = b(!1), a = e?.fromDate?.[0] || "", n = e?.toDate?.[0] || "", u = () => {
     i(!1);
-  }, l = (e) => {
+  }, k = (o) => {
     r?.({
-      ...o,
-      fromDate: e.fromDate ? [e.fromDate] : void 0,
-      toDate: e.toDate ? [e.toDate] : void 0,
+      ...e,
+      fromDate: o.fromDate ? [o.fromDate] : void 0,
+      toDate: o.toDate ? [o.toDate] : void 0,
       [t]: ["fromAndToDate"]
     });
-  }, p = h(a, n), v = f?.map((e) => e.role === "datepicker" ? {
-    ...e,
-    description: p,
-    selected: !!p,
+  }, l = h(a, n), v = D?.map((o) => o.role === "datepicker" ? {
+    ...o,
+    description: l,
+    selected: e?.[t]?.[0] === "fromAndToDate",
     onClick: () => {
       i(!0);
     }
   } : {
-    ...e,
+    ...o,
     onChange: () => {
       r?.({
-        ...o,
+        ...e,
         fromDate: void 0,
         toDate: void 0,
-        [t]: e?.value ? [e.value] : void 0
+        [t]: o?.value ? [o.value] : void 0
       });
     }
   });
-  return u ? /* @__PURE__ */ c(C, { formData: { fromDate: a, toDate: n }, onChange: l, onSubmit: k }) : /* @__PURE__ */ c(g, { size: m, searchable: s, keyboardEvents: D, items: v, groups: d });
+  return f ? /* @__PURE__ */ p(C, { formData: { fromDate: a, toDate: n }, onChange: k, onSubmit: u }) : /* @__PURE__ */ p(g, { size: c, searchable: m, keyboardEvents: s, items: v, groups: d });
 };
 export {
   q as SelectDateFilter

package/dist/components/Toolbar/ToolbarFilter.js

@@ -1,79 +1,78 @@
-import { jsxs as g, jsx as m } from "react/jsx-runtime";
-import { useState as C, createElement as M } from "react";
-import { Button as w } from "../Button/Button.js";
+import { jsxs as g, Fragment as f, jsx as l } from "react/jsx-runtime";
+import { useState as B, createElement as I } from "react";
+import { Button as L } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { useFilter as I } from "./useFilter.js";
-import { ButtonGroup as L } from "../Button/ButtonGroup.js";
-import { ToolbarFilterAddMenu as N } from "./ToolbarFilterAddMenu.js";
-import { ToolbarFilterMenu as O } from "./ToolbarFilterMenu.js";
+import { useFilter as N } from "./useFilter.js";
+import { ToolbarFilterAddMenu as O } from "./ToolbarFilterAddMenu.js";
+import { ToolbarFilterMenu as w } from "./ToolbarFilterMenu.js";
 import { S as y } from "../../XMark-tKk6aExO.js";
-const V = ({
+const U = ({
   filters: n,
   filterState: e = {},
   onFilterStateChange: r,
-  addLabel: u = "Legg til filter",
-  addNextLabel: b = "Legg til",
-  resetLabel: v = "Nullstill",
-  removeLabel: h = "Fjern filter",
-  submitLabel: F,
+  addLabel: b = "Legg til filter",
+  addNextLabel: v = "Legg til",
+  resetLabel: u = "Nullstill",
+  removeLabel: F = "Fjern filter",
+  submitLabel: h,
   getFilterLabel: T,
   virtualized: j
 }) => {
-  const { visibleFilters: l, hiddenFilters: s, onFilterAdd: x, onFilterChange: R, onFilterRemove: i } = I({
+  const { visibleFilters: m, hiddenFilters: s, onFilterAdd: R, onFilterChange: k, onFilterRemove: i } = N({
     filters: n,
     filterState: e,
     onFilterStateChange: r
-  }), f = (n?.filter((o) => o.removable)?.length || 0) > 0 && Object.values(e)?.some((o) => o && o?.length > 0), k = n?.filter((o) => o.removable)?.map((o) => o.name) ?? [], [a, d] = C(void 0), p = (o) => {
+  }), x = (n?.filter((o) => o.removable)?.length || 0) > 0 && Object.values(e)?.some((o) => o && o?.length > 0), A = n?.filter((o) => o.removable)?.map((o) => o.name) ?? [], [a, d] = B(void 0), p = (o) => {
     d((t) => t === o ? void 0 : o);
   }, c = () => {
     d(void 0);
-  }, A = () => {
-    for (const o of k)
+  }, C = () => {
+    for (const o of A)
       i(o);
     r?.({});
   };
-  return /* @__PURE__ */ g(L, { size: "xs", wrap: !0, children: [
-    l?.map((o, t) => {
-      const B = T?.(o?.name, e?.[o?.id]) ?? o?.label;
-      return /* @__PURE__ */ M(
-        O,
+  return /* @__PURE__ */ g(f, { children: [
+    m?.map((o, t) => {
+      const M = T?.(o?.name, e?.[o?.id]) ?? o?.label;
+      return /* @__PURE__ */ I(
+        w,
         {
           ...o,
-          submitLabel: F,
+          submitLabel: h,
           key: t,
           onToggle: () => p(o.name),
           onClose: c,
           open: a === o.name,
-          label: B,
+          label: M,
           onRemove: () => i(o.name),
-          removeLabel: h,
-          onFilterChange: R,
+          removeLabel: F,
+          onFilterChange: k,
           onFilterStateChange: r,
           filterState: e
         }
       );
     }),
-    s?.length > 0 && /* @__PURE__ */ m(
-      N,
+    s?.length > 0 && /* @__PURE__ */ l(
+      O,
       {
         name: "add",
         onToggle: () => p("add"),
         onClose: c,
         open: a === "add",
         items: s,
-        onAdd: x,
-        label: l?.length > 0 ? b : u,
+        onAdd: R,
+        label: m?.length > 0 ? v : b,
         virtualized: j
       }
     ),
-    f && /* @__PURE__ */ g(w, { onClick: A, variant: "ghost", children: [
-      /* @__PURE__ */ m(y, { "aria-hidden": "true" }),
-      /* @__PURE__ */ m("span", { children: v })
+    x && /* @__PURE__ */ g(L, { onClick: C, variant: "ghost", children: [
+      /* @__PURE__ */ l(y, { "aria-hidden": "true" }),
+      /* @__PURE__ */ l("span", { children: u })
     ] })
   ] });
 };
 export {
-  V as ToolbarFilter
+  U as ToolbarFilter
 };

package/dist/components/Toolbar/ToolbarFilterAddMenu.js

@@ -1,15 +1,15 @@
 "use client";
-import { jsx as s, jsxs as h } from "react/jsx-runtime";
-import u, { forwardRef as v, useRef as m, useEffect as y } from "react";
-import { Button as w } from "../Button/Button.js";
+import { jsx as s, jsxs as v } from "react/jsx-runtime";
+import u, { forwardRef as y, useRef as m, useEffect as w } from "react";
+import { Button as b } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
-import { Dropdown as b } from "../Dropdown/Dropdown.js";
+import { Dropdown as O } from "../Dropdown/Dropdown.js";
 import "../RootProvider/RootProvider.js";
-import { M as O } from "../../SearchField-BUp4_VIq.js";
-import { useDropdownMenuController as I } from "../Menu/useDropdownMenuController.js";
+import { M as I } from "../../SearchField-CN2mo8ck.js";
+import { useDropdownMenuController as x } from "../Menu/useDropdownMenuController.js";
 import "../Snackbar/useSnackbar.js";
-import { u as x } from "../../useId-BVFxCjkq.js";
-var R = function(t, a) {
+import { u as R } from "../../useId-BVFxCjkq.js";
+var j = function(t, a) {
   var o = {};
   for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && a.indexOf(e) < 0 && (o[e] = t[e]);
   if (t != null && typeof Object.getOwnPropertySymbols == "function")
@@ -17,9 +17,9 @@ var R = function(t, a) {
       a.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (o[e[r]] = t[e[r]]);
   return o;
 };
-const j = v((t, a) => {
-  var { title: o, titleId: e } = t, r = R(t, ["title", "titleId"]);
-  let i = x();
+const C = y((t, a) => {
+  var { title: o, titleId: e } = t, r = j(t, ["title", "titleId"]);
+  let i = R();
   return i = o ? e || "title-" + i : void 0, u.createElement(
     "svg",
     Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: a, "aria-labelledby": i }, r),
@@ -33,28 +33,30 @@ const j = v((t, a) => {
   onAdd: e,
   onToggle: r,
   onClose: i,
-  open: n
+  open: n,
+  dropdownSize: p = "sm"
 }) => {
-  const l = I({ id: "tool-filter-add" }), f = m(n), p = m(!1), c = a?.map((d) => ({
+  const l = x({ id: "tool-filter-add" }), f = m(n), g = m(!1), c = a?.map((d) => ({
     linkIcon: !0,
     ...d,
     onClick: () => e?.(d?.name ?? "")
   }));
-  if (y(() => {
+  if (w(() => {
     const d = f.current;
     f.current = n, d && !n && l?.triggerRef?.current?.focus();
   }, [n, l.triggerRef]), !c?.length)
     return null;
-  const g = () => {
+  const h = () => {
     const d = document.getElementById(l.menuId);
-    p.current = !!d?.querySelector('[aria-haspopup="menu"][aria-expanded="true"]'), i();
+    g.current = !!d?.querySelector('[aria-haspopup="menu"][aria-expanded="true"]'), i();
   };
   return /* @__PURE__ */ s(
-    b,
+    O,
     {
       variant: "drawer-dropdown",
-      trigger: /* @__PURE__ */ h(
-        w,
+      size: p,
+      trigger: /* @__PURE__ */ v(
+        b,
         {
           variant: "secondary",
           style: {
@@ -66,15 +68,15 @@ const j = v((t, a) => {
           onClick: r,
           ref: l.triggerRef,
           children: [
-            /* @__PURE__ */ s(j, { "aria-hidden": "true", focusable: "false" }),
+            /* @__PURE__ */ s(C, { "aria-hidden": "true", focusable: "false" }),
             /* @__PURE__ */ s("span", { children: t })
           ]
         }
       ),
       open: n,
-      onClose: g,
+      onClose: h,
       ...l.dropdownA11yProps,
-      children: /* @__PURE__ */ s(O, { groups: o, items: c, maxLevels: 1, keyboardEvents: n, open: n, ...l.menuA11yProps })
+      children: /* @__PURE__ */ s(I, { groups: o, items: c, maxLevels: 1, keyboardEvents: n, open: n, ...l.menuA11yProps })
     }
   );
 };

package/dist/components/Toolbar/ToolbarFilterMenu.js

@@ -1,116 +1,119 @@
 import { jsx as e } from "react/jsx-runtime";
-import { useRef as T, useEffect as q } from "react";
+import { useRef as q, useEffect as G } from "react";
 import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
-import { M as G } from "../../SearchField-BUp4_VIq.js";
-import { useDropdownMenuController as H } from "../Menu/useDropdownMenuController.js";
+import { M as H } from "../../SearchField-CN2mo8ck.js";
+import { useDropdownMenuController as J } from "../Menu/useDropdownMenuController.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { Dropdown as A } from "../Dropdown/Dropdown.js";
-import { ToolbarFilterButton as I } from "./ToolbarFilterButton.js";
+import { Dropdown as I } from "../Dropdown/Dropdown.js";
+import { ToolbarFilterButton as R } from "./ToolbarFilterButton.js";
 const L = ({
-  as: R,
-  size: a,
+  as: F,
+  size: s,
   name: n,
-  label: s = "",
-  searchable: d,
+  label: a = "",
+  searchable: m,
   groups: f,
   items: l,
-  removable: F,
-  removeLabel: P = "Fjern filter",
-  filterState: m,
+  removable: P,
+  removeLabel: E = "Fjern filter",
+  filterState: d,
   onFilterStateChange: p,
-  onFilterChange: E,
-  onRemove: j,
+  onFilterChange: j,
+  onRemove: C,
   open: t,
   onToggle: g,
   onClose: u,
   submitLabel: v,
-  search: w,
-  virtualized: y,
+  search: y,
+  virtualized: w,
   title: b,
-  variant: C
+  variant: D,
+  dropdownSize: x = "sm"
 }) => {
-  const x = T(t), o = H({ id: "toolbar-filter-menu" });
-  q(() => {
-    const r = x.current;
-    x.current = t, r && !t && o?.triggerRef?.current?.focus();
+  const M = q(t), o = J({ id: "toolbar-filter-menu" });
+  G(() => {
+    const r = M.current;
+    M.current = t, r && !t && o?.triggerRef?.current?.focus();
   }, [t, o.triggerRef]);
-  const D = (r) => {
-    const c = r.target.type, V = r.target.name, B = r.target.value;
-    E?.(c, V, B), c === "radio" && u();
-  }, M = l?.map((r) => ({
+  const O = (r) => {
+    const c = r.target.type, B = r.target.name, T = r.target.value;
+    j?.(c, B, T), c === "radio" && u();
+  }, h = l?.map((r) => ({
     ...r,
-    onChange: (c) => D(c)
-  })), O = (l?.filter((r) => r.checked)?.map((r) => r.value || "true")).length > 0 || m?.[n]?.length, h = C || O ? "tinted" : "outline", k = R || G, i = d ? "combobox" : "menu";
-  return F ? /* @__PURE__ */ e(
-    A,
+    onChange: (c) => O(c)
+  })), V = (l?.filter((r) => r.checked)?.map((r) => r.value || "true")).length > 0 || d?.[n]?.length, k = D || V ? "tinted" : "outline", A = F || H, i = m ? "combobox" : "menu";
+  return P ? /* @__PURE__ */ e(
+    I,
     {
       submitLabel: v,
       title: b,
       variant: "drawer-dropdown",
+      size: x,
       trigger: /* @__PURE__ */ e(
-        I,
+        R,
         {
           name: n,
           onClick: g,
-          onRemove: j,
+          onRemove: C,
           removable: !0,
-          variant: h,
-          removeLabel: P,
+          variant: k,
+          removeLabel: E,
           open: t,
           "aria-expanded": t,
           "aria-controls": o.menuId,
           ref: o.triggerRef,
-          children: s
+          children: a
         }
       ),
       open: t,
       onClose: u,
       ...o.dropdownA11yProps,
       children: /* @__PURE__ */ e(
-        k,
+        A,
         {
-          search: w,
+          search: y,
           name: n,
-          filterState: m,
+          filterState: d,
           onFilterStateChange: p,
-          size: a,
-          searchable: d,
+          size: s,
+          searchable: m,
           groups: f,
-          items: M,
+          items: h,
           keyboardEvents: t,
           a11yMode: i,
           ...i === "combobox" ? { id: o.menuId } : o.menuA11yProps,
-          virtualized: y
+          virtualized: w
         }
       )
     }
   ) : /* @__PURE__ */ e(
-    A,
+    I,
     {
+      size: x,
       title: b,
       variant: "drawer-dropdown",
       submitLabel: v,
-      trigger: /* @__PURE__ */ e(I, { name: n, onClick: g, variant: h, children: s }),
+      trigger: /* @__PURE__ */ e(R, { name: n, onClick: g, variant: k, children: a }),
       open: t,
       onClose: u,
       ...o.dropdownA11yProps,
       children: /* @__PURE__ */ e(
-        k,
+        A,
         {
-          search: w,
+          search: y,
           name: n,
-          filterState: m,
+          filterState: d,
           onFilterStateChange: p,
-          size: a,
-          searchable: d,
+          size: s,
+          searchable: m,
           groups: f,
-          items: M,
+          items: h,
           keyboardEvents: t,
           a11yMode: i,
           ...i === "combobox" ? { id: o.menuId } : o.menuA11yProps,
-          virtualized: y
+          virtualized: w
         }
       )
     }