@m4l/components 0.1.13 → 0.1.15

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

@@ -1,743 +0,0 @@
-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
-};