@jbrowse/plugin-linear-genome-view 2.10.0 → 2.10.1

package/dist/LinearGenomeView/components/OverviewScalebar.d.ts

@@ -1,16 +1,8 @@
 import React from 'react';
-import { Base1DViewModel } from '@jbrowse/core/util/Base1DViewModel';
 import { LinearGenomeViewModel } from '..';
-declare const Polygon: ({ model, overview, useOffset, }: {
-    model: LGV;
-    overview: Base1DViewModel;
-    useOffset?: boolean | undefined;
-}) => React.JSX.Element | null;
 type LGV = LinearGenomeViewModel;
 declare const OverviewScalebar: ({ model, children, }: {
     model: LGV;
     children: React.ReactNode;
 }) => React.JSX.Element;
-export { Polygon };
-export { default as Cytobands } from './Cytobands';
 export default OverviewScalebar;

package/dist/LinearGenomeView/components/OverviewScalebar.js

@@ -26,7 +26,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Cytobands = exports.Polygon = void 0;
 const react_1 = __importStar(require("react"));
 const material_1 = require("@mui/material");
 const mui_1 = require("tss-react/mui");
@@ -38,9 +37,10 @@ const blockTypes_1 = require("@jbrowse/core/util/blockTypes");
 // locals
 const __1 = require("..");
 const util_2 = require("../util");
+const util_3 = require("./util");
 const OverviewRubberband_1 = __importDefault(require("./OverviewRubberband"));
 const Cytobands_1 = __importDefault(require("./Cytobands"));
-const util_3 = require("./util");
+const OverviewScalebarPolygon_1 = __importDefault(require("./OverviewScalebarPolygon"));
 const wholeSeqSpacer = 2;
 const useStyles = (0, mui_1.makeStyles)()(theme => ({
     scalebar: {
@@ -94,56 +94,14 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
         position: 'absolute',
     },
 }));
-const Polygon = (0, mobx_react_1.observer)(function ({ model, overview, useOffset = true, }) {
-    const theme = (0, material_1.useTheme)();
-    const multiplier = Number(useOffset);
-    const { interRegionPaddingWidth, offsetPx, dynamicBlocks, cytobandOffset } = model;
-    const { contentBlocks, totalWidthPxWithoutBorders } = dynamicBlocks;
-    const { tertiary, primary } = theme.palette;
-    const polygonColor = tertiary ? tertiary.light : primary.light;
-    // catches possible null from at's below
-    if (!contentBlocks.length) {
-        return null;
-    }
-    const first = contentBlocks.at(0);
-    const last = contentBlocks.at(-1);
-    const topLeft = (overview.bpToPx({
-        ...first,
-        coord: first.reversed ? first.end : first.start,
-    }) || 0) +
-        cytobandOffset * multiplier;
-    const topRight = (overview.bpToPx({
-        ...last,
-        coord: last.reversed ? last.start : last.end,
-    }) || 0) +
-        cytobandOffset * multiplier;
-    const startPx = Math.max(0, -offsetPx);
-    const endPx = startPx +
-        totalWidthPxWithoutBorders +
-        (contentBlocks.length * interRegionPaddingWidth) / 2;
-    const points = [
-        [startPx, __1.HEADER_BAR_HEIGHT],
-        [endPx, __1.HEADER_BAR_HEIGHT],
-        [topRight, 0],
-        [topLeft, 0],
-    ];
-    return (react_1.default.createElement("polygon", { points: points.toString(), fill: (0, material_1.alpha)(polygonColor, 0.3), stroke: (0, material_1.alpha)(polygonColor, 0.8) }));
-});
-exports.Polygon = Polygon;
 const OverviewBox = (0, mobx_react_1.observer)(function ({ scale, model, block, overview, }) {
     const { classes, cx } = useStyles();
     const theme = (0, material_1.useTheme)();
     const { cytobandOffset, showCytobands } = model;
-    const { start, end, reversed, refName, assemblyName } = block;
-    const { majorPitch } = (0, util_2.chooseGridPitch)(scale, 120, 15);
+    const { reversed, refName, assemblyName } = block;
     const { assemblyManager } = (0, util_1.getSession)(model);
     const assembly = assemblyManager.get(assemblyName);
     const refNameColor = assembly === null || assembly === void 0 ? void 0 : assembly.getRefNameColor(refName);
-    const tickLabels = [];
-    for (let i = 0; i < Math.floor((end - start) / majorPitch); i++) {
-        const offsetLabel = (i + 1) * majorPitch;
-        tickLabels.push(reversed ? end - offsetLabel : start + offsetLabel);
-    }
     const canDisplayCytobands = showCytobands && (0, util_3.getCytobands)(assembly, block.refName).length;
     return (react_1.default.createElement("div", null,
         react_1.default.createElement(material_1.Typography, { style: {
@@ -161,16 +119,28 @@ const OverviewBox = (0, mobx_react_1.observer)(function ({ scale, model, block,
                 width: block.widthPx,
                 borderColor: refNameColor,
             } },
-            !canDisplayCytobands
-                ? tickLabels.map((tickLabel, labelIdx) => (react_1.default.createElement(material_1.Typography, { key: `${JSON.stringify(block)}-${tickLabel}-${labelIdx}`, className: classes.scalebarLabel, variant: "body2", style: {
-                        left: ((labelIdx + 1) * majorPitch) / scale,
-                        pointerEvents: 'none',
-                        color: refNameColor,
-                    } }, (0, util_1.getTickDisplayStr)(tickLabel, overview.bpPerPx))))
-                : null,
+            !canDisplayCytobands ? (react_1.default.createElement(TickLabels, { model: model, overview: overview, scale: scale, block: block })) : null,
             canDisplayCytobands ? (react_1.default.createElement("svg", { style: { width: '100%' } },
                 react_1.default.createElement(Cytobands_1.default, { overview: overview, assembly: assembly, block: block }))) : null)));
 });
+const TickLabels = (0, mobx_react_1.observer)(function ({ block, scale, overview, model, }) {
+    const { classes } = useStyles();
+    const { start, end, reversed, refName, assemblyName } = block;
+    const { majorPitch } = (0, util_2.chooseGridPitch)(scale, 120, 15);
+    const { assemblyManager } = (0, util_1.getSession)(model);
+    const assembly = assemblyManager.get(assemblyName);
+    const refNameColor = assembly === null || assembly === void 0 ? void 0 : assembly.getRefNameColor(refName);
+    const tickLabels = [];
+    for (let i = 0; i < Math.floor((end - start) / majorPitch); i++) {
+        const offsetLabel = (i + 1) * majorPitch;
+        tickLabels.push(reversed ? end - offsetLabel : start + offsetLabel);
+    }
+    return tickLabels.map((tickLabel, labelIdx) => (react_1.default.createElement(material_1.Typography, { key: `${JSON.stringify(block)}-${tickLabel}-${labelIdx}`, className: classes.scalebarLabel, variant: "body2", style: {
+            left: ((labelIdx + 1) * majorPitch) / scale,
+            pointerEvents: 'none',
+            color: refNameColor,
+        } }, (0, util_1.getTickDisplayStr)(tickLabel, overview.bpPerPx))));
+});
 const Scalebar = (0, mobx_react_1.observer)(function ({ model, scale, overview, }) {
     const { classes } = useStyles();
     const theme = (0, material_1.useTheme)();
@@ -235,9 +205,7 @@ const OverviewScalebar = (0, mobx_react_1.observer)(function ({ model, children,
         react_1.default.createElement(OverviewRubberband_1.default, { model: model, overview: overview, ControlComponent: react_1.default.createElement(Scalebar, { model: model, overview: overview, scale: scale }) }),
         react_1.default.createElement("div", { className: classes.overview },
             react_1.default.createElement("svg", { height: __1.HEADER_BAR_HEIGHT, className: classes.overviewSvg },
-                react_1.default.createElement(Polygon, { model: model, overview: overview })),
+                react_1.default.createElement(OverviewScalebarPolygon_1.default, { model: model, overview: overview })),
             children)));
 });
-var Cytobands_2 = require("./Cytobands");
-Object.defineProperty(exports, "Cytobands", { enumerable: true, get: function () { return __importDefault(Cytobands_2).default; } });
 exports.default = OverviewScalebar;

package/dist/LinearGenomeView/components/OverviewScalebarPolygon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Base1DViewModel } from '@jbrowse/core/util/Base1DViewModel';
+import { LinearGenomeViewModel } from '..';
+declare const OverviewScalebarPolygon: ({ model, overview, useOffset, }: {
+    model: LinearGenomeViewModel;
+    overview: Base1DViewModel;
+    useOffset?: boolean | undefined;
+}) => React.JSX.Element | null;
+export default OverviewScalebarPolygon;

package/dist/LinearGenomeView/components/OverviewScalebarPolygon.js

@@ -0,0 +1,46 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const material_1 = require("@mui/material");
+const mobx_react_1 = require("mobx-react");
+// locals
+const __1 = require("..");
+const OverviewScalebarPolygon = (0, mobx_react_1.observer)(function ({ model, overview, useOffset = true, }) {
+    const theme = (0, material_1.useTheme)();
+    const multiplier = Number(useOffset);
+    const { interRegionPaddingWidth, offsetPx, dynamicBlocks, cytobandOffset } = model;
+    const { contentBlocks, totalWidthPxWithoutBorders } = dynamicBlocks;
+    const { tertiary, primary } = theme.palette;
+    const polygonColor = tertiary ? tertiary.light : primary.light;
+    // catches possible null from at's below
+    if (!contentBlocks.length) {
+        return null;
+    }
+    const first = contentBlocks.at(0);
+    const last = contentBlocks.at(-1);
+    const topLeft = (overview.bpToPx({
+        ...first,
+        coord: first.reversed ? first.end : first.start,
+    }) || 0) +
+        cytobandOffset * multiplier;
+    const topRight = (overview.bpToPx({
+        ...last,
+        coord: last.reversed ? last.start : last.end,
+    }) || 0) +
+        cytobandOffset * multiplier;
+    const startPx = Math.max(0, -offsetPx);
+    const endPx = startPx +
+        totalWidthPxWithoutBorders +
+        (contentBlocks.length * interRegionPaddingWidth) / 2;
+    const points = [
+        [startPx, __1.HEADER_BAR_HEIGHT],
+        [endPx, __1.HEADER_BAR_HEIGHT],
+        [topRight, 0],
+        [topLeft, 0],
+    ];
+    return (react_1.default.createElement("polygon", { points: points.toString(), fill: (0, material_1.alpha)(polygonColor, 0.3), stroke: (0, material_1.alpha)(polygonColor, 0.8) }));
+});
+exports.default = OverviewScalebarPolygon;

package/dist/LinearGenomeView/svgcomponents/SVGHeader.js

@@ -10,9 +10,9 @@ const material_1 = require("@mui/material");
 // locals
 const __1 = require("..");
 const Cytobands_1 = __importDefault(require("../components/Cytobands"));
-const OverviewScalebar_1 = require("../components/OverviewScalebar");
 const SVGRuler_1 = __importDefault(require("./SVGRuler"));
 const SVGScalebar_1 = __importDefault(require("./SVGScalebar"));
+const OverviewScalebarPolygon_1 = __importDefault(require("../components/OverviewScalebarPolygon"));
 function SVGHeader({ model, fontSize, cytobandHeight, rulerHeight, }) {
     const { width, assemblyNames, showCytobands, displayedRegions } = model;
     const { assemblyManager } = (0, util_1.getSession)(model);
@@ -49,7 +49,7 @@ function SVGHeader({ model, fontSize, cytobandHeight, rulerHeight, }) {
             react_1.default.createElement(Cytobands_1.default, { overview: overview, assembly: assembly, block: block }),
             react_1.default.createElement("rect", { stroke: "red", fill: "rgb(255,0,0,0.1)", width: Math.max(lastOverviewPx - firstOverviewPx, 0.5), height: __1.HEADER_OVERVIEW_HEIGHT - 1, x: firstOverviewPx, y: 0.5 }),
             react_1.default.createElement("g", { transform: `translate(0,${__1.HEADER_OVERVIEW_HEIGHT})` },
-                react_1.default.createElement(OverviewScalebar_1.Polygon, { overview: overview, model: model, useOffset: false })))) : null,
+                react_1.default.createElement(OverviewScalebarPolygon_1.default, { overview: overview, model: model, useOffset: false })))) : null,
         react_1.default.createElement("g", { transform: `translate(0 ${fontSize + y})` },
             react_1.default.createElement(SVGScalebar_1.default, { model: model, fontSize: fontSize })),
         react_1.default.createElement("g", { transform: `translate(0 ${rulerHeight + y})` },

package/esm/LinearGenomeView/components/OverviewScalebar.d.ts

@@ -1,16 +1,8 @@
 import React from 'react';
-import { Base1DViewModel } from '@jbrowse/core/util/Base1DViewModel';
 import { LinearGenomeViewModel } from '..';
-declare const Polygon: ({ model, overview, useOffset, }: {
-    model: LGV;
-    overview: Base1DViewModel;
-    useOffset?: boolean | undefined;
-}) => React.JSX.Element | null;
 type LGV = LinearGenomeViewModel;
 declare const OverviewScalebar: ({ model, children, }: {
     model: LGV;
     children: React.ReactNode;
 }) => React.JSX.Element;
-export { Polygon };
-export { default as Cytobands } from './Cytobands';
 export default OverviewScalebar;

package/esm/LinearGenomeView/components/OverviewScalebar.js

@@ -9,9 +9,10 @@ import { ContentBlock } from '@jbrowse/core/util/blockTypes';
 // locals
 import { HEADER_BAR_HEIGHT, HEADER_OVERVIEW_HEIGHT, } from '..';
 import { chooseGridPitch } from '../util';
+import { getCytobands } from './util';
 import OverviewRubberband from './OverviewRubberband';
 import Cytobands from './Cytobands';
-import { getCytobands } from './util';
+import OverviewScalebarPolygon from './OverviewScalebarPolygon';
 const wholeSeqSpacer = 2;
 const useStyles = makeStyles()(theme => ({
     scalebar: {
@@ -65,55 +66,14 @@ const useStyles = makeStyles()(theme => ({
         position: 'absolute',
     },
 }));
-const Polygon = observer(function ({ model, overview, useOffset = true, }) {
-    const theme = useTheme();
-    const multiplier = Number(useOffset);
-    const { interRegionPaddingWidth, offsetPx, dynamicBlocks, cytobandOffset } = model;
-    const { contentBlocks, totalWidthPxWithoutBorders } = dynamicBlocks;
-    const { tertiary, primary } = theme.palette;
-    const polygonColor = tertiary ? tertiary.light : primary.light;
-    // catches possible null from at's below
-    if (!contentBlocks.length) {
-        return null;
-    }
-    const first = contentBlocks.at(0);
-    const last = contentBlocks.at(-1);
-    const topLeft = (overview.bpToPx({
-        ...first,
-        coord: first.reversed ? first.end : first.start,
-    }) || 0) +
-        cytobandOffset * multiplier;
-    const topRight = (overview.bpToPx({
-        ...last,
-        coord: last.reversed ? last.start : last.end,
-    }) || 0) +
-        cytobandOffset * multiplier;
-    const startPx = Math.max(0, -offsetPx);
-    const endPx = startPx +
-        totalWidthPxWithoutBorders +
-        (contentBlocks.length * interRegionPaddingWidth) / 2;
-    const points = [
-        [startPx, HEADER_BAR_HEIGHT],
-        [endPx, HEADER_BAR_HEIGHT],
-        [topRight, 0],
-        [topLeft, 0],
-    ];
-    return (React.createElement("polygon", { points: points.toString(), fill: alpha(polygonColor, 0.3), stroke: alpha(polygonColor, 0.8) }));
-});
 const OverviewBox = observer(function ({ scale, model, block, overview, }) {
     const { classes, cx } = useStyles();
     const theme = useTheme();
     const { cytobandOffset, showCytobands } = model;
-    const { start, end, reversed, refName, assemblyName } = block;
-    const { majorPitch } = chooseGridPitch(scale, 120, 15);
+    const { reversed, refName, assemblyName } = block;
     const { assemblyManager } = getSession(model);
     const assembly = assemblyManager.get(assemblyName);
     const refNameColor = assembly === null || assembly === void 0 ? void 0 : assembly.getRefNameColor(refName);
-    const tickLabels = [];
-    for (let i = 0; i < Math.floor((end - start) / majorPitch); i++) {
-        const offsetLabel = (i + 1) * majorPitch;
-        tickLabels.push(reversed ? end - offsetLabel : start + offsetLabel);
-    }
     const canDisplayCytobands = showCytobands && getCytobands(assembly, block.refName).length;
     return (React.createElement("div", null,
         React.createElement(Typography, { style: {
@@ -131,16 +91,28 @@ const OverviewBox = observer(function ({ scale, model, block, overview, }) {
                 width: block.widthPx,
                 borderColor: refNameColor,
             } },
-            !canDisplayCytobands
-                ? tickLabels.map((tickLabel, labelIdx) => (React.createElement(Typography, { key: `${JSON.stringify(block)}-${tickLabel}-${labelIdx}`, className: classes.scalebarLabel, variant: "body2", style: {
-                        left: ((labelIdx + 1) * majorPitch) / scale,
-                        pointerEvents: 'none',
-                        color: refNameColor,
-                    } }, getTickDisplayStr(tickLabel, overview.bpPerPx))))
-                : null,
+            !canDisplayCytobands ? (React.createElement(TickLabels, { model: model, overview: overview, scale: scale, block: block })) : null,
             canDisplayCytobands ? (React.createElement("svg", { style: { width: '100%' } },
                 React.createElement(Cytobands, { overview: overview, assembly: assembly, block: block }))) : null)));
 });
+const TickLabels = observer(function ({ block, scale, overview, model, }) {
+    const { classes } = useStyles();
+    const { start, end, reversed, refName, assemblyName } = block;
+    const { majorPitch } = chooseGridPitch(scale, 120, 15);
+    const { assemblyManager } = getSession(model);
+    const assembly = assemblyManager.get(assemblyName);
+    const refNameColor = assembly === null || assembly === void 0 ? void 0 : assembly.getRefNameColor(refName);
+    const tickLabels = [];
+    for (let i = 0; i < Math.floor((end - start) / majorPitch); i++) {
+        const offsetLabel = (i + 1) * majorPitch;
+        tickLabels.push(reversed ? end - offsetLabel : start + offsetLabel);
+    }
+    return tickLabels.map((tickLabel, labelIdx) => (React.createElement(Typography, { key: `${JSON.stringify(block)}-${tickLabel}-${labelIdx}`, className: classes.scalebarLabel, variant: "body2", style: {
+            left: ((labelIdx + 1) * majorPitch) / scale,
+            pointerEvents: 'none',
+            color: refNameColor,
+        } }, getTickDisplayStr(tickLabel, overview.bpPerPx))));
+});
 const Scalebar = observer(function ({ model, scale, overview, }) {
     const { classes } = useStyles();
     const theme = useTheme();
@@ -205,9 +177,7 @@ const OverviewScalebar = observer(function ({ model, children, }) {
         React.createElement(OverviewRubberband, { model: model, overview: overview, ControlComponent: React.createElement(Scalebar, { model: model, overview: overview, scale: scale }) }),
         React.createElement("div", { className: classes.overview },
             React.createElement("svg", { height: HEADER_BAR_HEIGHT, className: classes.overviewSvg },
-                React.createElement(Polygon, { model: model, overview: overview })),
+                React.createElement(OverviewScalebarPolygon, { model: model, overview: overview })),
             children)));
 });
-export { Polygon };
-export { default as Cytobands } from './Cytobands';
 export default OverviewScalebar;

package/esm/LinearGenomeView/components/OverviewScalebarPolygon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Base1DViewModel } from '@jbrowse/core/util/Base1DViewModel';
+import { LinearGenomeViewModel } from '..';
+declare const OverviewScalebarPolygon: ({ model, overview, useOffset, }: {
+    model: LinearGenomeViewModel;
+    overview: Base1DViewModel;
+    useOffset?: boolean | undefined;
+}) => React.JSX.Element | null;
+export default OverviewScalebarPolygon;

package/esm/LinearGenomeView/components/OverviewScalebarPolygon.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import { useTheme, alpha } from '@mui/material';
+import { observer } from 'mobx-react';
+// locals
+import { HEADER_BAR_HEIGHT } from '..';
+const OverviewScalebarPolygon = observer(function ({ model, overview, useOffset = true, }) {
+    const theme = useTheme();
+    const multiplier = Number(useOffset);
+    const { interRegionPaddingWidth, offsetPx, dynamicBlocks, cytobandOffset } = model;
+    const { contentBlocks, totalWidthPxWithoutBorders } = dynamicBlocks;
+    const { tertiary, primary } = theme.palette;
+    const polygonColor = tertiary ? tertiary.light : primary.light;
+    // catches possible null from at's below
+    if (!contentBlocks.length) {
+        return null;
+    }
+    const first = contentBlocks.at(0);
+    const last = contentBlocks.at(-1);
+    const topLeft = (overview.bpToPx({
+        ...first,
+        coord: first.reversed ? first.end : first.start,
+    }) || 0) +
+        cytobandOffset * multiplier;
+    const topRight = (overview.bpToPx({
+        ...last,
+        coord: last.reversed ? last.start : last.end,
+    }) || 0) +
+        cytobandOffset * multiplier;
+    const startPx = Math.max(0, -offsetPx);
+    const endPx = startPx +
+        totalWidthPxWithoutBorders +
+        (contentBlocks.length * interRegionPaddingWidth) / 2;
+    const points = [
+        [startPx, HEADER_BAR_HEIGHT],
+        [endPx, HEADER_BAR_HEIGHT],
+        [topRight, 0],
+        [topLeft, 0],
+    ];
+    return (React.createElement("polygon", { points: points.toString(), fill: alpha(polygonColor, 0.3), stroke: alpha(polygonColor, 0.8) }));
+});
+export default OverviewScalebarPolygon;

package/esm/LinearGenomeView/svgcomponents/SVGHeader.js

@@ -5,9 +5,9 @@ import { useTheme } from '@mui/material';
 // locals
 import { HEADER_OVERVIEW_HEIGHT } from '..';
 import Cytobands from '../components/Cytobands';
-import { Polygon } from '../components/OverviewScalebar';
 import SVGRuler from './SVGRuler';
 import SVGScalebar from './SVGScalebar';
+import OverviewScalebarPolygon from '../components/OverviewScalebarPolygon';
 export default function SVGHeader({ model, fontSize, cytobandHeight, rulerHeight, }) {
     const { width, assemblyNames, showCytobands, displayedRegions } = model;
     const { assemblyManager } = getSession(model);
@@ -44,7 +44,7 @@ export default function SVGHeader({ model, fontSize, cytobandHeight, rulerHeight
             React.createElement(Cytobands, { overview: overview, assembly: assembly, block: block }),
             React.createElement("rect", { stroke: "red", fill: "rgb(255,0,0,0.1)", width: Math.max(lastOverviewPx - firstOverviewPx, 0.5), height: HEADER_OVERVIEW_HEIGHT - 1, x: firstOverviewPx, y: 0.5 }),
             React.createElement("g", { transform: `translate(0,${HEADER_OVERVIEW_HEIGHT})` },
-                React.createElement(Polygon, { overview: overview, model: model, useOffset: false })))) : null,
+                React.createElement(OverviewScalebarPolygon, { overview: overview, model: model, useOffset: false })))) : null,
         React.createElement("g", { transform: `translate(0 ${fontSize + y})` },
             React.createElement(SVGScalebar, { model: model, fontSize: fontSize })),
         React.createElement("g", { transform: `translate(0 ${rulerHeight + y})` },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/plugin-linear-genome-view",
-  "version": "2.10.0",
+  "version": "2.10.1",
   "description": "JBrowse 2 linear genome view",
   "keywords": [
     "jbrowse",
@@ -63,5 +63,5 @@
     "access": "public"
   },
   "module": "esm/index.js",
-  "gitHead": "223d8bfb68fd1bacaf22852639ad5920f1b7f43b"
+  "gitHead": "442b5f87efddfdf4ccf520b4d9dd01ddd370cb07"
 }