@m4l/components 0.1.11 → 0.1.13

package/components/CommonActions/components/Actions/index.e8148d98.js

@@ -0,0 +1,743 @@
+import { jsx as e, jsxs as b, Fragment as W } from "react/jsx-runtime";
+import { styled as p } from "@mui/material/styles";
+import { useEnvironment as k, useModuleDictionary as T } from "@m4l/core";
+import "@mui/material/Button";
+import "../../../mui_extended/Button/index.84d8898c.js";
+import "react-hook-form";
+import "react-router-dom";
+import { IconButton as nt, Tooltip as et, MenuItem as it, Skeleton as S, Checkbox as ot } from "@mui/material";
+import { useState as L, useMemo as w, forwardRef as st, useRef as B, useImperativeHandle as rt, useEffect as at, useCallback as j } from "react";
+import "../../../../contexts/ModalContext/index.2188b69e.js";
+import "@mui/lab";
+import { I as v } from "../../../mui_extended/IconButton/index.88f3aadb.js";
+import { u as I, a as lt, O as ct } from "../../../DataGrid/index.b688877d.js";
+import { P as dt } from "../../../mui_extended/Pager/index.0576814f.js";
+import { D as pt } from "../../../../react-data-grid.d46d625e.js";
+import { u as gt } from "../../../../hooks/useModal/index.6571d2d9.js";
+import { A as ft } from "../ActionCancel/index.cba1b460.js";
+import { A as ut } from "../ActionIntro/index.cc4b1e0e.js";
+import { M as mt } from "../../../mui_extended/MenuPopover/index.488fc536.js";
+import { I as N } from "../../../Icon/index.cbca79b0.js";
+import { useResponsiveDesktop as ht } from "@m4l/graphics";
+const _t = p("div")(({
+  theme: t
+}) => ({
+  paddingTop: t.spacing(3),
+  margin: t.spacing(0, 1.5),
+  display: "flex",
+  flexDirection: "row",
+  justifyContent: "flex-end",
+  "& > button": {
+    marginLeft: "10px"
+  }
+})), on = (t) => {
+  const {
+    children: n
+  } = t;
+  return /* @__PURE__ */ e(_t, {
+    id: "WrapperStandarActions",
+    children: n
+  });
+};
+function sn() {
+  return ["common_actions"];
+}
+const rn = {
+  common_actions: {
+    cancel: "Cancel",
+    intro: "Intro",
+    confirm_quit_title: "Confirm",
+    confirm_quit_msg: "Are your sure exit?"
+  }
+}, vt = p(nt)(() => ({})), Ct = p("div")(({
+  theme: t
+}) => ({
+  height: "22px",
+  marginLeft: t.spacing(1.5),
+  display: "flex",
+  alignItems: "center"
+}));
+function U(t) {
+  const {
+    menuActions: n,
+    objItem: o = {},
+    urlIcon: s,
+    toolTip: r = "",
+    marginTop: g = -1,
+    marginBottom: l,
+    marginLeft: C,
+    marginRight: _,
+    width: a = 200,
+    arrow: u = "right-top",
+    ...f
+  } = t, {
+    host_static_assets: z,
+    environment_assets: $
+  } = k(), {
+    getLabel: x
+  } = T(), [y, R] = L(null), D = (m) => {
+    R(m.currentTarget);
+  }, F = w(() => s || `${z}/${$}/frontend/commons/assets/icons/more_vertical.svg`, [s, z, $]), P = () => {
+    R(null);
+  }, d = (m) => {
+    R(null), m.onClick();
+  }, O = w(() => {
+    let m;
+    return typeof n != "function" ? m = n : m = n(o), m;
+  }, [n, o]);
+  return /* @__PURE__ */ b(W, {
+    children: [/* @__PURE__ */ e(et, {
+      title: r,
+      children: /* @__PURE__ */ e(vt, {
+        id: "WrapperMenuActions",
+        size: "small",
+        onClick: D,
+        children: /* @__PURE__ */ e(N, {
+          src: F
+        })
+      })
+    }), /* @__PURE__ */ e(mt, {
+      id: "MenuPopover",
+      open: Boolean(y),
+      anchorEl: y,
+      onClose: P,
+      arrow: u,
+      sx: {
+        marginTop: g,
+        marginBottom: l,
+        marginLeft: C,
+        marginRight: _,
+        width: a,
+        "& .MuiMenuItem-root": {
+          px: 1,
+          typography: "body2",
+          borderRadius: 0.75
+        }
+      },
+      ...f,
+      children: y && O.map((m, M) => /* @__PURE__ */ b(it, {
+        dense: !0,
+        onClick: () => d(m),
+        sx: {
+          color: m.color ?? "text.main"
+        },
+        disabled: m.disabled,
+        children: [/* @__PURE__ */ e(N, {
+          src: m.urlIcon
+        }), /* @__PURE__ */ e(Ct, {
+          children: x(m.dictionaryField)
+        })]
+      }, `menu_action_${M}`))
+    })]
+  });
+}
+const yt = p("div")(({ theme: t }) => ({
+  width: "100%",
+  justifyContent: "center",
+  display: "flex",
+  marginLeft: 0,
+  [t.breakpoints.up("sm")]: {
+    display: "flex",
+    alignItems: "center",
+    marginLeft: t.spacing(3)
+  }
+}));
+function an(t) {
+  const {
+    count: n,
+    page: o,
+    rowsPerPage: s,
+    onPageChange: r
+  } = t, {
+    host_static_assets: g,
+    environment_assets: l
+  } = k(), C = (f) => {
+    r(f, 0);
+  }, _ = (f) => {
+    r(f, o - 1);
+  }, a = (f) => {
+    r(f, o + 1);
+  }, u = (f) => {
+    r(f, Math.max(0, Math.ceil(n / s) - 1));
+  };
+  return /* @__PURE__ */ b(yt, {
+    id: "WrapperPagerActions",
+    children: [/* @__PURE__ */ e(v, {
+      id: "test_bruce",
+      dictionaryTooltip: "pager.first",
+      onClick: C,
+      disabled: o === 0,
+      "aria-label": "first page",
+      src: `${g}/${l}/frontend/components/pager/assets/icons/first.svg`
+    }), /* @__PURE__ */ e(v, {
+      dictionaryTooltip: "pager.previous",
+      onClick: _,
+      disabled: o === 0,
+      "aria-label": "first page",
+      src: `${g}/${l}/frontend/components/pager/assets/icons/previous.svg`
+    }), /* @__PURE__ */ e(v, {
+      dictionaryTooltip: "pager.next",
+      onClick: a,
+      disabled: o >= Math.ceil(n / s) - 1,
+      "aria-label": "next page",
+      src: `${g}/${l}/frontend/components/pager/assets/icons/next.svg`
+    }), /* @__PURE__ */ e(v, {
+      dictionaryTooltip: "pager.last",
+      onClick: u,
+      disabled: o >= Math.ceil(n / s) - 1,
+      "aria-label": "last page",
+      src: `${g}/${l}/frontend/components/pager/assets/icons/last.svg`
+    })]
+  });
+}
+const xt = "actions-row";
+function bt(t) {
+  const {
+    rowActionsGetter: n
+  } = I();
+  return n === void 0 ? /* @__PURE__ */ e(W, {}) : /* @__PURE__ */ e(U, {
+    arrow: "top-left",
+    objItem: t.row,
+    menuActions: n,
+    marginTop: 1,
+    marginLeft: "-11px",
+    anchorOrigin: {
+      vertical: "bottom",
+      horizontal: "left"
+    },
+    transformOrigin: {
+      vertical: "top",
+      horizontal: "left"
+    }
+  });
+}
+const ln = {
+  key: xt,
+  name: "Actions",
+  width: 60,
+  withFilter: !1,
+  resizable: !0,
+  sortable: !1,
+  frozen: !0,
+  type: "custom",
+  formatter: bt
+}, wt = p("div")(({
+  theme: t
+}) => ({
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center",
+  minWidth: t.spacing(3.75),
+  height: t.spacing(3.75)
+}));
+function kt() {
+  const {
+    isSkeleton: t
+  } = I(), {
+    activeFilters: n,
+    setActiveFilters: o
+  } = lt(), {
+    host_static_assets: s,
+    environment_assets: r
+  } = k(), g = () => {
+    o(!n);
+  };
+  return t ? /* @__PURE__ */ e(wt, {
+    children: /* @__PURE__ */ e(S, {
+      variant: "circular",
+      width: 20,
+      height: 20
+    })
+  }) : /* @__PURE__ */ e(v, {
+    dictionaryTooltip: n ? "data_grid.tooltip_filter_hide" : "data_grid.tooltip_filter_show",
+    onClick: g,
+    "aria-label": "filter",
+    src: `${s}/${r}/frontend/components/data_grid/assets/icons/filter.svg`
+  });
+}
+const It = p("div")(({ theme: t }) => ({
+  color: t.palette.text.primary,
+  position: "relative",
+  display: "flex",
+  flexDirection: "column",
+  height: "100%",
+  width: "100%"
+}));
+p("div")(({ theme: t }) => ({
+  color: t.palette.text.primary,
+  fontSize: t.typography.h4.fontSize
+}));
+const $t = p("div")(({ theme: t }) => ({
+  ...t.typography.subtitle2,
+  color: t.palette.text.primary,
+  padding: `${t.spacing(3)} ${t.spacing(1)}`
+})), Rt = p("div")(() => ({
+  position: "relative",
+  display: "flex",
+  flexDirection: "column",
+  flexGrow: 1
+}));
+p("div")(() => ({
+  display: "flex",
+  flexDirection: "row"
+}));
+const At = p("div")(({ theme: t }) => ({
+  paddingTop: t.spacing(3),
+  display: "flex",
+  flexDirection: "row"
+}));
+p("div")(({ theme: t }) => ({
+  paddingTop: t.spacing(3),
+  display: "flex",
+  flexDirection: "row",
+  justifyContent: "flex-end",
+  "& > button": {
+    marginLeft: "10px"
+  }
+}));
+function H({
+  row: t,
+  onRowChange: n,
+  column: o
+}) {
+  const s = () => {
+    const r = {
+      ...t
+    };
+    r[o.key] = !t[o.key], n(r);
+  };
+  return /* @__PURE__ */ e(ot, {
+    size: "small",
+    checked: t[o.key],
+    onChange: s
+  });
+}
+function K(t) {
+  return t.filter((n) => !n.hidden).map((n) => ({
+    key: n.key,
+    name: n.name,
+    visible: n.visible === void 0 ? !0 : n.visible,
+    frozen: n.frozen === void 0 ? !1 : n.frozen,
+    originalIndex: n.orginalIndex,
+    originalFrozen: n.originalFrozen,
+    originalVisible: n.originalVisible
+  }));
+}
+const Q = st((t, n) => {
+  const o = B(null), {
+    onCloseSettings: s,
+    columnsConfig: r,
+    onChangeColumnsConfig: g
+  } = t, {
+    getLabel: l
+  } = T(), [C, _] = L(!0), [a, u] = L(K(r)), [f, z] = L(() => /* @__PURE__ */ new Set()), $ = B(null), {
+    host_static_assets: x,
+    environment_assets: y
+  } = k();
+  rt(n, () => ({
+    onClickIntro: J,
+    current: $.current
+  }));
+  const R = w(() => [{
+    key: "name",
+    name: l("data_grid.settings_column_name"),
+    width: 200,
+    resizable: !0,
+    type: "string"
+  }, {
+    key: "originalIndex",
+    name: l("data_grid.settings_column_position"),
+    width: 50,
+    type: "number",
+    cellClass: "rdg-cell-align-center"
+  }, {
+    key: "visible",
+    name: l("data_grid.settings_column_visible"),
+    width: 80,
+    type: "boolean",
+    formatter: H,
+    cellClass: "rdg-cell-align-center"
+  }, {
+    key: "frozen",
+    name: l("data_grid.settings_column_frozen"),
+    width: 80,
+    type: "boolean",
+    formatter: H,
+    cellClass: "rdg-cell-align-center"
+  }], [l]), D = () => {
+    u(a.map((i) => ({
+      ...i,
+      visible: !0
+    })));
+  }, F = () => {
+    u(a.map((i) => ({
+      ...i,
+      visible: !1
+    })));
+  }, P = () => {
+    u(a.map((i) => ({
+      ...i,
+      visible: i.originalVisible,
+      frozen: i.originalFrozen,
+      index: i.originalIndex
+    })).sort((i, c) => i.index - c.index));
+  };
+  at(() => {
+    C === !1 && u(K(r)), _(!1);
+  }, [r]);
+  const d = w(() => {
+    let i = -1;
+    if (f.size !== 1)
+      return i;
+    const h = f.entries().next().value[1];
+    return i = a.findIndex((A) => A.key === h), i;
+  }, [a, f]), O = () => {
+    if (d === -1)
+      return -1;
+    const i = [...a];
+    i.splice(d, 1), i.splice(0, 0, a[d]), o.current?.selectCell({
+      idx: 0,
+      rowIdx: 0
+    }), u(i);
+  }, m = () => {
+    if (d === -1)
+      return -1;
+    const i = [...a];
+    i.splice(d, 1), i.splice(i.length, 0, a[d]), o.current?.selectCell({
+      idx: 0,
+      rowIdx: i.length - 1
+    }), u(i);
+  }, M = (i) => {
+    if (d === -1)
+      return -1;
+    const c = [...a], h = c[d];
+    c.splice(d, 1), c.splice(d + i, 0, h), o.current?.selectCell({
+      idx: 0,
+      rowIdx: d + i
+    }), u(c);
+  }, Y = (i) => {
+    const c = a.findIndex((h) => h.key === i);
+    if (c > -1)
+      return {
+        visible: a[c].visible,
+        frozen: a[c].frozen
+      };
+  }, G = (i) => {
+    const c = a.findIndex((h) => h.key === i.key);
+    return c > -1 ? c : r.findIndex((h) => h.key === i.key);
+  }, J = () => {
+    const i = r.map((c) => {
+      const h = {
+        ...c
+      };
+      if (!c.hidden) {
+        const A = Y(c.key);
+        A && (h.visible = A.visible, h.frozen = A.frozen);
+      }
+      return h;
+    }).sort((c, h) => G(c) - G(h));
+    g(i), s();
+  }, X = () => {
+  }, Z = (i) => {
+    u(i);
+  }, tt = (i) => {
+    if (f.has(i.key))
+      return;
+    const c = /* @__PURE__ */ new Set([i.key]);
+    z(c);
+  };
+  return /* @__PURE__ */ b(It, {
+    id: "WrapperColumnsConfig",
+    ref: $,
+    children: [/* @__PURE__ */ e($t, {
+      id: "divInfo",
+      children: l("data_grid.settings_sel_columns")
+    }), /* @__PURE__ */ e(Rt, {
+      id: "WrapperDataGrid",
+      children: /* @__PURE__ */ e(ct, {
+        id: "Originaldata_gridWrapperStyled",
+        children: /* @__PURE__ */ e(pt, {
+          className: "fill-data_grid  rdg-light",
+          ref: o,
+          columns: R,
+          rows: a,
+          onRowsChange: Z,
+          selectedRows: f,
+          onSelectedRowsChange: X,
+          onRowClick: tt,
+          rowKeyGetter: (i) => i.key,
+          cellNavigationMode: "CHANGE_ROW",
+          defaultColumnOptions: {
+            resizable: !0,
+            sortable: !0
+          }
+        })
+      })
+    }), /* @__PURE__ */ b(At, {
+      children: [/* @__PURE__ */ e(v, {
+        dictionaryTooltip: "data_grid.settings_move_first",
+        onClick: O,
+        "aria-label": "move first place",
+        disabled: d < 1,
+        src: `${x}/${y}/frontend/components/data_grid/assets/icons/move_first_place.svg`
+      }), /* @__PURE__ */ e(v, {
+        dictionaryTooltip: "data_grid.settings_move_up",
+        onClick: () => M(-1),
+        "aria-label": "move up place",
+        disabled: d < 1,
+        src: `${x}/${y}/frontend/components/data_grid/assets/icons/move_up_place.svg`
+      }), /* @__PURE__ */ e(v, {
+        dictionaryTooltip: "data_grid.settings_move_last",
+        onClick: m,
+        "aria-label": "move last place",
+        disabled: d === a.length - 1 || d === -1,
+        src: `${x}/${y}/frontend/components/data_grid/assets/icons/move_last_place.svg`
+      }), /* @__PURE__ */ e(v, {
+        dictionaryTooltip: "data_grid.settings_move_down",
+        onClick: () => M(1),
+        "aria-label": "move down place",
+        disabled: d === a.length - 1 || d === -1,
+        src: `${x}/${y}/frontend/components/data_grid/assets/icons/move_down_place.svg`
+      }), /* @__PURE__ */ e(v, {
+        dictionaryTooltip: "data_grid.settings_visible_all",
+        onClick: D,
+        "aria-label": "check visible all",
+        src: `${x}/${y}/frontend/components/data_grid/assets/icons/check_all.svg`
+      }), /* @__PURE__ */ e(v, {
+        dictionaryTooltip: "data_grid.settings_no_visible_all",
+        onClick: F,
+        "aria-label": "un check all",
+        src: `${x}/${y}/frontend/components/data_grid/assets/icons/uncheck_all.svg`
+      }), /* @__PURE__ */ e(v, {
+        dictionaryTooltip: "data_grid.settings_restore",
+        onClick: P,
+        "aria-label": "Restore columns",
+        src: `${x}/${y}/frontend/components/data_grid/assets/icons/restore_columns.svg`
+      })]
+    })]
+  });
+});
+Q.displayName = "ColumnsConfig";
+const St = p("div")(({ theme: t }) => ({
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center",
+  minWidth: t.spacing(3.75),
+  height: t.spacing(3.75)
+}));
+function Tt() {
+  const {
+    openModal: t,
+    closeModal: n
+  } = gt(), {
+    columnsConfig: o,
+    onChangeColumnsConfig: s,
+    isSkeleton: r
+  } = I(), {
+    getLabel: g
+  } = T(), {
+    host_static_assets: l,
+    environment_assets: C
+  } = k(), _ = B(null), a = j(() => {
+    n();
+  }, [n]), u = j(() => {
+    _.current?.onClickIntro && _.current?.onClickIntro();
+  }, []), f = j(() => {
+    t({
+      onQueryClose: () => n(),
+      title: g("data_grid.settings_title"),
+      initialWidth: 500,
+      initialHeigth: 680,
+      contentComponent: /* @__PURE__ */ e(Q, {
+        ref: _,
+        columnsConfig: o,
+        onChangeColumnsConfig: s,
+        onCloseSettings: a
+      }),
+      actions: /* @__PURE__ */ b(W, {
+        children: [/* @__PURE__ */ e(ft, {
+          onClick: n
+        }), /* @__PURE__ */ e(ut, {
+          onClick: u
+        })]
+      })
+    });
+  }, [n, o, g, s, a, t, u]);
+  return r ? /* @__PURE__ */ e(St, {
+    children: /* @__PURE__ */ e(S, {
+      variant: "circular",
+      width: 20,
+      height: 20
+    })
+  }) : /* @__PURE__ */ e(v, {
+    dictionaryTooltip: "data_grid.tooltip_settings",
+    onClick: f,
+    "aria-label": "settings",
+    src: `${l}/${C}/frontend/components/data_grid/assets/icons/configuration.svg`
+  });
+}
+const V = p("div")(() => ({
+  display: "flex",
+  alignItems: "center"
+})), E = p("span")(() => ({})), q = p("span")(({ theme: t }) => ({
+  marginLeft: t.spacing(2),
+  paddingTop: "2px",
+  paddingBottom: "2px",
+  paddingLeft: "4px",
+  paddingRight: "4px",
+  border: `1px solid ${t.palette.divider}`
+}));
+function zt() {
+  const {
+    rowsCount: t,
+    isSkeleton: n
+  } = I(), {
+    getLabel: o
+  } = T();
+  return n ? /* @__PURE__ */ b(V, {
+    children: [/* @__PURE__ */ e(E, {
+      children: /* @__PURE__ */ e(S, {
+        variant: "text",
+        width: "40px",
+        height: "16px"
+      })
+    }), /* @__PURE__ */ e(q, {
+      children: /* @__PURE__ */ e(S, {
+        variant: "text",
+        width: "20px",
+        height: "16px"
+      })
+    })]
+  }) : /* @__PURE__ */ b(V, {
+    className: "rows-count",
+    id: "RowsCount",
+    children: [/* @__PURE__ */ e(E, {
+      children: o("data_grid.rows")
+    }), /* @__PURE__ */ e(q, {
+      children: t
+    })]
+  });
+}
+const Mt = p("div")(({ theme: t }) => ({
+  marginLeft: 0,
+  [t.breakpoints.up("sm")]: {
+    marginLeft: t.spacing(3)
+  }
+})), Lt = p("div")(({ theme: t }) => ({
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center",
+  minWidth: t.spacing(3.75),
+  height: t.spacing(3.75)
+}));
+function Wt() {
+  const {
+    host_static_assets: t,
+    environment_assets: n
+  } = k(), {
+    rowHeights: o,
+    currentRowHeightVariant: s,
+    setRowHeightVariant: r,
+    isSkeleton: g
+  } = I(), {
+    getLabel: l
+  } = T(), C = w(() => typeof o == "number" ? [] : [{
+    urlIcon: `${t}/${n}/frontend/components/data_grid/assets/icons/compact.svg`,
+    onClick: () => r("compact"),
+    disabled: s === "compact",
+    dictionaryField: "data_grid.density_compact"
+  }, {
+    urlIcon: `${t}/${n}/frontend/components/data_grid/assets/icons/standard.svg`,
+    onClick: () => r("standard"),
+    disabled: s === "standard",
+    dictionaryField: "data_grid.density_standard"
+  }, {
+    urlIcon: `${t}/${n}/frontend/components/data_grid/assets/icons/confortable.svg`,
+    onClick: () => r("confortable"),
+    disabled: s === "confortable",
+    dictionaryField: "data_grid.density_confortable"
+  }], [o, s, r, t, n]), _ = w(() => s === "compact" ? `${t}/${n}/frontend/components/data_grid/assets/icons/compact.svg` : s === "standard" ? `${t}/${n}/frontend/components/data_grid/assets/icons/standard.svg` : `${t}/${n}/frontend/components/data_grid/assets/icons/confortable.svg`, [s, t, n]);
+  return C.length === 0 ? /* @__PURE__ */ e(W, {}) : g ? /* @__PURE__ */ e(Lt, {
+    children: /* @__PURE__ */ e(S, {
+      variant: "circular",
+      width: "20px",
+      height: "20px"
+    })
+  }) : /* @__PURE__ */ e(Mt, {
+    id: "WrapperDensity",
+    children: /* @__PURE__ */ e(U, {
+      arrow: "right-top",
+      anchorOrigin: {
+        vertical: "top",
+        horizontal: "left"
+      },
+      transformOrigin: {
+        vertical: "top",
+        horizontal: "right"
+      },
+      menuActions: C,
+      urlIcon: _,
+      toolTip: l("data_grid.tooltip_density")
+    })
+  });
+}
+const Dt = p("div")(({ theme: t }) => ({
+  ...t.typography.caption,
+  position: "absolute",
+  left: "0px",
+  right: "0px",
+  top: "0px",
+  height: t.spacing(5.5),
+  padding: 0,
+  display: "flex",
+  flexDirection: "row",
+  alignItems: "center",
+  justifyContent: "flex-end",
+  [t.breakpoints.up("sm")]: {
+    padding: t.spacing(0, 1.5)
+  },
+  "&.with-no-pager .rows-count": {
+    flexGrow: 1
+  },
+  "& .MuiTablePagination-root": {
+    flexGrow: 1,
+    display: "flex",
+    justifyContent: "center",
+    overflow: "hidden"
+  }
+}));
+function cn(t) {
+  const n = ht(), {
+    rowHeights: o,
+    isSkeleton: s
+  } = I(), {
+    withRowsCount: r = !0,
+    withPager: g = !0,
+    pagerOptions: l,
+    withSettings: C = !0,
+    settingsProps: _,
+    withLocalFilters: a
+  } = t;
+  return /* @__PURE__ */ b(Dt, {
+    id: "WrapperActions",
+    className: g && l ? "with-pager" : "with-no-pager",
+    children: [r && n && /* @__PURE__ */ e(zt, {}), g && l && /* @__PURE__ */ e(dt, {
+      ...l,
+      totalRecords: l.totalRecords,
+      isSkeleton: s,
+      isDesktop: n
+    }), typeof o != "number" && /* @__PURE__ */ e(Wt, {}), a && /* @__PURE__ */ e(kt, {}), C && /* @__PURE__ */ e(Tt, {
+      ..._
+    })]
+  });
+}
+export {
+  ln as A,
+  Ct as L,
+  U as M,
+  an as P,
+  cn as a,
+  on as b,
+  rn as d,
+  sn as g
+};