@jbrowse/plugin-wiggle 2.16.1 → 2.18.0

package/dist/MultiLinearWiggleDisplay/{models/model.js → model.js}

@@ -28,23 +28,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.stateModelFactory = stateModelFactory;
 const react_1 = require("react");
-const mobx_state_tree_1 = require("mobx-state-tree");
-const mobx_1 = require("mobx");
-const react_d3_axis_mod_1 = require("react-d3-axis-mod");
-const fast_deep_equal_1 = __importDefault(require("fast-deep-equal"));
-// jbrowse imports
 const configuration_1 = require("@jbrowse/core/configuration");
-const util_1 = require("@jbrowse/core/util");
-const tracks_1 = require("@jbrowse/core/util/tracks");
 const colors_1 = require("@jbrowse/core/ui/colors");
-// locals
-const util_2 = require("../../util");
-const modelShared_1 = __importDefault(require("../../shared/modelShared"));
+const util_1 = require("@jbrowse/core/util");
+const stopToken_1 = require("@jbrowse/core/util/stopToken");
+const fast_deep_equal_1 = __importDefault(require("fast-deep-equal"));
+const mobx_state_tree_1 = require("mobx-state-tree");
+const react_d3_axis_mod_1 = require("react-d3-axis-mod");
+const SharedWiggleMixin_1 = __importDefault(require("../shared/SharedWiggleMixin"));
+const util_2 = require("../util");
 const randomColor = () => '#000000'.replaceAll('0', () => (~~(Math.random() * 16)).toString(16));
-// lazies
-const Tooltip = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('../components/Tooltip'))));
-const SetColorDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('../components/SetColorDialog'))));
-// using a map because it preserves order
+const Tooltip = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./components/Tooltip'))));
+const SetColorDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./components/SetColorDialog'))));
 const rendererTypes = new Map([
     ['xyplot', 'MultiXYPlotRenderer'],
     ['multirowxy', 'MultiRowXYPlotRenderer'],
@@ -52,71 +47,46 @@ const rendererTypes = new Map([
     ['multiline', 'MultiLineRenderer'],
     ['multirowline', 'MultiRowLineRenderer'],
 ]);
-/**
- * #stateModel MultiLinearWiggleDisplay
- * extends
- * - [SharedWiggleMixin](../sharedwigglemixin)
- */
 function stateModelFactory(pluginManager, configSchema) {
     return mobx_state_tree_1.types
-        .compose('MultiLinearWiggleDisplay', (0, modelShared_1.default)(configSchema), mobx_state_tree_1.types.model({
-        /**
-         * #property
-         */
+        .compose('MultiLinearWiggleDisplay', (0, SharedWiggleMixin_1.default)(configSchema), mobx_state_tree_1.types.model({
         type: mobx_state_tree_1.types.literal('MultiLinearWiggleDisplay'),
-        /**
-         * #property
-         */
         layout: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.frozen(), []),
     }))
         .volatile(() => ({
+        sourcesLoadingStopToken: undefined,
         featureUnderMouseVolatile: undefined,
         sourcesVolatile: undefined,
     }))
         .actions(self => ({
-        /**
-         * #action
-         */
+        setSourcesLoading(str) {
+            if (self.sourcesLoadingStopToken) {
+                (0, stopToken_1.stopStopToken)(self.sourcesLoadingStopToken);
+            }
+            self.sourcesLoadingStopToken = str;
+        },
         setLayout(layout) {
             self.layout = layout;
         },
-        /**
-         * #action
-         */
         clearLayout() {
             self.layout = [];
         },
-        /**
-         * #action
-         */
         setSources(sources) {
             if (!(0, fast_deep_equal_1.default)(sources, self.sourcesVolatile)) {
                 self.sourcesVolatile = sources;
             }
         },
-        /**
-         * #action
-         */
         setFeatureUnderMouse(f) {
             self.featureUnderMouseVolatile = f;
         },
     }))
         .views(self => ({
-        /**
-         * #getter
-         */
         get featureUnderMouse() {
             return self.featureUnderMouseVolatile;
         },
-        /**
-         * #getter
-         */
         get TooltipComponent() {
             return Tooltip;
         },
-        /**
-         * #getter
-         */
         get rendererTypeName() {
             const name = self.rendererTypeNameSimple;
             const rendererType = rendererTypes.get(name);
@@ -127,35 +97,21 @@ function stateModelFactory(pluginManager, configSchema) {
         },
     }))
         .views(self => ({
-        /**
-         * #getter
-         */
         get needsScalebar() {
             return (self.rendererTypeName === 'MultiXYPlotRenderer' ||
                 self.rendererTypeName === 'MultiRowXYPlotRenderer' ||
                 self.rendererTypeName === 'MultiLineRenderer' ||
                 self.rendererTypeName === 'MultiRowLineRenderer');
         },
-        /**
-         * #getter
-         */
         get needsFullHeightScalebar() {
             return (self.rendererTypeName === 'MultiXYPlotRenderer' ||
                 self.rendererTypeName === 'MultiLineRenderer');
         },
-        /**
-         * #getter
-         */
         get isMultiRow() {
             return (self.rendererTypeName === 'MultiRowXYPlotRenderer' ||
                 self.rendererTypeName === 'MultiRowLineRenderer' ||
                 self.rendererTypeName === 'MultiDensityRenderer');
         },
-        /**
-         * #getter
-         * can be used to give it a "color scale" like a R heatmap, not
-         * implemented like this yet but flag can be used for this
-         */
         get needsCustomLegend() {
             return self.rendererTypeName === 'MultiDensityRenderer';
         },
@@ -163,27 +119,13 @@ function stateModelFactory(pluginManager, configSchema) {
             return (self.rendererTypeName === 'MultiXYPlotRenderer' ||
                 self.rendererTypeName === 'MultiRowXYPlotRenderer');
         },
-        /**
-         * #getter
-         * the multirowxy and multiline don't need to use colors on the legend
-         * boxes since their track is drawn with the color. sort of a stylistic
-         * choice
-         */
         get renderColorBoxes() {
             return !(self.rendererTypeName === 'MultiRowLineRenderer' ||
                 self.rendererTypeName === 'MultiRowXYPlotRenderer');
         },
-        /**
-         * #getter
-         * positions multi-row below the tracklabel even if using overlap
-         * tracklabels for everything else
-         */
         get prefersOffset() {
             return this.isMultiRow;
         },
-        /**
-         * #getter
-         */
         get sources() {
             var _a;
             const sources = Object.fromEntries(((_a = self.sourcesVolatile) === null || _a === void 0 ? void 0 : _a.map(s => [s.name, s])) || []);
@@ -197,129 +139,116 @@ function stateModelFactory(pluginManager, configSchema) {
                     (!this.isMultiRow ? colors_1.set1[i] || randomColor() : 'blue'),
             }));
         },
+        get quantitativeStatsReady() {
+            const view = (0, util_1.getContainingView)(self);
+            return (view.initialized && self.statsReadyAndRegionNotTooLarge && !self.error);
+        },
     }))
         .views(self => ({
-        /**
-         * #getter
-         */
         get rowHeight() {
             const { sources, height, isMultiRow } = self;
             return isMultiRow ? height / ((sources === null || sources === void 0 ? void 0 : sources.length) || 1) : height;
         },
-        /**
-         * #getter
-         */
         get rowHeightTooSmallForScalebar() {
             return this.rowHeight < 70;
         },
-        /**
-         * #getter
-         */
         get useMinimalTicks() {
             return ((0, configuration_1.getConf)(self, 'minimalTicks') || this.rowHeightTooSmallForScalebar);
         },
-    }))
-        .views(self => ({
-        /**
-         * #getter
-         */
-        get ticks() {
-            const { scaleType, domain, isMultiRow, rowHeight, useMinimalTicks } = self;
-            if (!domain) {
-                return undefined;
-            }
-            const offset = isMultiRow ? 0 : util_2.YSCALEBAR_LABEL_OFFSET;
-            const ticks = (0, react_d3_axis_mod_1.axisPropsFromTickScale)((0, util_2.getScale)({
-                scaleType,
-                domain,
-                range: [rowHeight - offset, offset],
-                inverted: (0, configuration_1.getConf)(self, 'inverted'),
-            }), 4);
-            return useMinimalTicks ? { ...ticks, values: domain } : ticks;
-        },
-        /**
-         * #getter
-         */
-        get colors() {
-            return [
-                'red',
-                'blue',
-                'green',
-                'orange',
-                'purple',
-                'cyan',
-                'pink',
-                'darkblue',
-                'darkred',
-                'pink',
-            ];
-        },
     }))
         .views(self => {
         const { renderProps: superRenderProps } = self;
         return {
-            /**
-             * #method
-             */
-            renderProps() {
+            adapterProps() {
                 const superProps = superRenderProps();
-                const { displayCrossHatches, filters, height, resolution, rpcDriverName, scaleOpts, stats, sources, ticks, rendererConfig: config, } = self;
                 return {
                     ...superProps,
-                    notReady: superProps.notReady || !sources || !stats,
                     displayModel: self,
-                    config,
-                    displayCrossHatches,
-                    filters,
-                    height,
-                    resolution,
-                    rpcDriverName,
-                    scaleOpts,
-                    sources,
-                    ticks,
-                    onMouseMove: (_, f) => {
-                        self.setFeatureUnderMouse(f);
-                    },
-                    onMouseLeave: () => {
-                        self.setFeatureUnderMouse(undefined);
-                    },
+                    config: self.rendererConfig,
+                    filters: self.filters,
+                    resolution: self.resolution,
+                    rpcDriverName: self.rpcDriverName,
+                    sources: self.sources,
                 };
             },
-            /**
-             * #getter
-             */
-            get hasResolution() {
-                return self.adapterCapabilities.includes('hasResolution');
+            get ticks() {
+                const { scaleType, domain, isMultiRow, rowHeight, useMinimalTicks } = self;
+                if (!domain) {
+                    return undefined;
+                }
+                const offset = isMultiRow ? 0 : util_2.YSCALEBAR_LABEL_OFFSET;
+                const ticks = (0, react_d3_axis_mod_1.axisPropsFromTickScale)((0, util_2.getScale)({
+                    scaleType,
+                    domain,
+                    range: [rowHeight - offset, offset],
+                    inverted: (0, configuration_1.getConf)(self, 'inverted'),
+                }), 4);
+                return useMinimalTicks ? { ...ticks, values: domain } : ticks;
             },
-            /**
-             * #getter
-             */
-            get hasGlobalStats() {
-                return self.adapterCapabilities.includes('hasGlobalStats');
+            get colors() {
+                return [
+                    'red',
+                    'blue',
+                    'green',
+                    'orange',
+                    'purple',
+                    'cyan',
+                    'pink',
+                    'darkblue',
+                    'darkred',
+                    'pink',
+                ];
             },
-            /**
-             * #getter
-             */
-            get fillSetting() {
-                if (self.filled) {
-                    return 0;
-                }
-                else if (self.minSize === 1) {
-                    return 1;
-                }
-                else {
-                    return 2;
-                }
+            get quantitativeStatsRelevantToCurrentZoom() {
+                var _a;
+                const view = (0, util_1.getContainingView)(self);
+                return ((_a = self.stats) === null || _a === void 0 ? void 0 : _a.currStatsBpPerPx) === view.bpPerPx;
             },
         };
     })
+        .views(self => ({
+        renderProps() {
+            const superProps = self.adapterProps();
+            return {
+                ...superProps,
+                notReady: superProps.notReady || !self.sources || !self.stats,
+                displayModel: self,
+                rpcDriverName: self.rpcDriverName,
+                displayCrossHatches: self.displayCrossHatches,
+                height: self.height,
+                ticks: self.ticks,
+                stats: self.stats,
+                scaleOpts: self.scaleOpts,
+                onMouseMove: (_, f) => {
+                    self.setFeatureUnderMouse(f);
+                },
+                onMouseLeave: () => {
+                    self.setFeatureUnderMouse(undefined);
+                },
+            };
+        },
+        get hasResolution() {
+            return self.adapterCapabilities.includes('hasResolution');
+        },
+        get hasGlobalStats() {
+            return self.adapterCapabilities.includes('hasGlobalStats');
+        },
+        get fillSetting() {
+            if (self.filled) {
+                return 0;
+            }
+            else if (self.minSize === 1) {
+                return 1;
+            }
+            else {
+                return 2;
+            }
+        },
+    }))
         .views(self => {
         const { trackMenuItems: superTrackMenuItems } = self;
         const hasRenderings = (0, configuration_1.getConf)(self, 'defaultRendering');
         return {
-            /**
-             * #method
-             */
             trackMenuItems() {
                 return [
                     ...superTrackMenuItems(),
@@ -392,28 +321,24 @@ function stateModelFactory(pluginManager, configSchema) {
         const { renderSvg: superRenderSvg } = self;
         return {
             afterAttach() {
-                // eslint-disable-next-line @typescript-eslint/no-floating-promises
                 ;
                 (async () => {
-                    const { quantitativeStatsAutorun } = await Promise.resolve().then(() => __importStar(require('../../util')));
-                    quantitativeStatsAutorun(self);
-                    (0, mobx_state_tree_1.addDisposer)(self, (0, mobx_1.autorun)(async () => {
-                        const { rpcManager } = (0, util_1.getSession)(self);
-                        const { adapterConfig } = self;
-                        const sessionId = (0, tracks_1.getRpcSessionId)(self);
-                        const sources = (await rpcManager.call(sessionId, 'MultiWiggleGetSources', {
-                            sessionId,
-                            adapterConfig,
-                        }));
+                    try {
+                        const [{ getMultiWiggleSourcesAutorun }, { getQuantitativeStatsAutorun },] = await Promise.all([
+                            Promise.resolve().then(() => __importStar(require('../getMultiWiggleSourcesAutorun'))),
+                            Promise.resolve().then(() => __importStar(require('../getQuantitativeStatsAutorun'))),
+                        ]);
+                        getQuantitativeStatsAutorun(self);
+                        getMultiWiggleSourcesAutorun(self);
+                    }
+                    catch (e) {
                         if ((0, mobx_state_tree_1.isAlive)(self)) {
-                            self.setSources(sources);
+                            console.error(e);
+                            (0, util_1.getSession)(self).notifyError(`${e}`, e);
                         }
-                    }));
+                    }
                 })();
             },
-            /**
-             * #action
-             */
             async renderSvg(opts) {
                 const { renderSvg } = await Promise.resolve().then(() => __importStar(require('./renderSvg')));
                 return renderSvg(self, opts, superRenderSvg);

package/dist/MultiLinearWiggleDisplay/{models/renderSvg.d.ts → renderSvg.d.ts}

@@ -1,4 +1,4 @@
 import React from 'react';
-import { ExportSvgDisplayOptions } from '@jbrowse/plugin-linear-genome-view';
-import { WiggleDisplayModel } from './model';
+import type { WiggleDisplayModel } from './model';
+import type { ExportSvgDisplayOptions } from '@jbrowse/plugin-linear-genome-view';
 export declare function renderSvg(self: WiggleDisplayModel, opts: ExportSvgDisplayOptions, superRenderSvg: (opts: ExportSvgDisplayOptions) => Promise<React.ReactNode>): Promise<React.JSX.Element>;

package/dist/MultiLinearWiggleDisplay/{models/renderSvg.js → renderSvg.js}

@@ -7,12 +7,12 @@ exports.renderSvg = renderSvg;
 const react_1 = __importDefault(require("react"));
 const util_1 = require("@jbrowse/core/util");
 const mobx_1 = require("mobx");
-const YScaleBars_1 = __importDefault(require("../components/YScaleBars"));
+const YScaleBars_1 = __importDefault(require("./components/YScaleBars"));
 async function renderSvg(self, opts, superRenderSvg) {
     await (0, mobx_1.when)(() => !!self.stats && !!self.regionCannotBeRenderedText);
     const { offsetPx } = (0, util_1.getContainingView)(self);
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("g", { id: "snpcov" }, await superRenderSvg(opts)),
+        react_1.default.createElement("g", null, await superRenderSvg(opts)),
         react_1.default.createElement("g", { transform: `translate(${Math.max(-offsetPx, 0)})` },
             react_1.default.createElement(YScaleBars_1.default, { model: self, orientation: "left", exportSVG: true }))));
 }

package/dist/MultiQuantitativeTrack/configSchema.d.ts

@@ -1,4 +1,4 @@
-import PluginManager from '@jbrowse/core/PluginManager';
+import type PluginManager from '@jbrowse/core/PluginManager';
 declare const configSchema: (pluginManager: PluginManager) => import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
     name: {
         description: string;

package/dist/MultiQuantitativeTrack/configSchema.js

@@ -2,15 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const configuration_1 = require("@jbrowse/core/configuration");
 const models_1 = require("@jbrowse/core/pluggableElementTypes/models");
-/**
- * #config MultiQuantitativeTrack
- */
-function x() { } // eslint-disable-line @typescript-eslint/no-unused-vars
+function x() { }
 const configSchema = (pluginManager) => {
     return (0, configuration_1.ConfigurationSchema)('MultiQuantitativeTrack', {}, {
-        /**
-         * #baseConfiguration
-         */
         baseConfiguration: (0, models_1.createBaseTrackConfig)(pluginManager),
     });
 };

package/dist/MultiQuantitativeTrack/index.d.ts

@@ -1,2 +1,2 @@
-import PluginManager from '@jbrowse/core/PluginManager';
+import type PluginManager from '@jbrowse/core/PluginManager';
 export default function MultiQuantitativeTrackF(pluginManager: PluginManager): void;

package/dist/MultiQuantitativeTrack/index.js

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = MultiQuantitativeTrackF;
-const models_1 = require("@jbrowse/core/pluggableElementTypes/models");
 const TrackType_1 = __importDefault(require("@jbrowse/core/pluggableElementTypes/TrackType"));
+const models_1 = require("@jbrowse/core/pluggableElementTypes/models");
 const configSchema_1 = __importDefault(require("./configSchema"));
 function MultiQuantitativeTrackF(pluginManager) {
     pluginManager.addTrackType(() => {

package/dist/MultiRowLineRenderer/MultiRowLineRenderer.d.ts

@@ -1,5 +1,6 @@
-import { Feature } from '@jbrowse/core/util';
-import WiggleBaseRenderer, { MultiRenderArgsDeserialized as MultiArgs } from '../WiggleBaseRenderer';
+import WiggleBaseRenderer from '../WiggleBaseRenderer';
+import type { MultiRenderArgsDeserialized as MultiArgs } from '../WiggleBaseRenderer';
+import type { Feature } from '@jbrowse/core/util';
 export default class MultiRowLineRenderer extends WiggleBaseRenderer {
     draw(ctx: CanvasRenderingContext2D, props: MultiArgs): Promise<{
         reducedFeatures: Feature[];

package/dist/MultiRowLineRenderer/MultiRowLineRenderer.js

@@ -4,10 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const util_1 = require("@jbrowse/core/util");
-const drawLine_1 = require("../drawLine");
 const WiggleBaseRenderer_1 = __importDefault(require("../WiggleBaseRenderer"));
+const drawLine_1 = require("../drawLine");
 class MultiRowLineRenderer extends WiggleBaseRenderer_1.default {
-    // @ts-expect-error
     async draw(ctx, props) {
         const { bpPerPx, sources, regions, features } = props;
         const region = regions[0];

package/dist/MultiRowLineRenderer/configSchema.d.ts

@@ -1,15 +1,9 @@
 declare const configSchema: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
-    /**
-     * #slot
-     */
     displayCrossHatches: {
         type: string;
         description: string;
         defaultValue: boolean;
     };
-    /**
-     * #slot
-     */
     summaryScoreMode: {
         type: string;
         model: import("mobx-state-tree").ISimpleType<string>;

package/dist/MultiRowLineRenderer/configSchema.js

@@ -3,25 +3,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const mobx_state_tree_1 = require("mobx-state-tree");
 const configuration_1 = require("@jbrowse/core/configuration");
+const mobx_state_tree_1 = require("mobx-state-tree");
 const configSchema_1 = __importDefault(require("../configSchema"));
-/**
- * #config MultiRowLineRenderer
- */
-function x() { } // eslint-disable-line @typescript-eslint/no-unused-vars
+function x() { }
 const configSchema = (0, configuration_1.ConfigurationSchema)('MultiRowLineRenderer', {
-    /**
-     * #slot
-     */
     displayCrossHatches: {
         type: 'boolean',
         description: 'choose to draw cross hatches (sideways lines)',
         defaultValue: false,
     },
-    /**
-     * #slot
-     */
     summaryScoreMode: {
         type: 'stringEnum',
         model: mobx_state_tree_1.types.enumeration('Score type', ['max', 'min', 'avg', 'whiskers']),
@@ -29,9 +20,6 @@ const configSchema = (0, configuration_1.ConfigurationSchema)('MultiRowLineRende
         defaultValue: 'avg',
     },
 }, {
-    /**
-     * #baseConfiguration
-     */
     baseConfiguration: configSchema_1.default,
     explicitlyTyped: true,
 });

package/dist/MultiRowLineRenderer/index.d.ts

@@ -1,2 +1,2 @@
-import PluginManager from '@jbrowse/core/PluginManager';
+import type PluginManager from '@jbrowse/core/PluginManager';
 export default function MultiRowLineRendererF(pluginManager: PluginManager): void;

package/dist/MultiRowXYPlotRenderer/MultiRowXYPlotRenderer.d.ts

@@ -1,5 +1,6 @@
-import { Feature } from '@jbrowse/core/util';
-import WiggleBaseRenderer, { MultiRenderArgsDeserialized as MultiArgs } from '../WiggleBaseRenderer';
+import WiggleBaseRenderer from '../WiggleBaseRenderer';
+import type { MultiRenderArgsDeserialized as MultiArgs } from '../WiggleBaseRenderer';
+import type { Feature } from '@jbrowse/core/util';
 export default class MultiXYPlotRenderer extends WiggleBaseRenderer {
     draw(ctx: CanvasRenderingContext2D, props: MultiArgs): Promise<{
         reducedFeatures: Feature[];

package/dist/MultiRowXYPlotRenderer/MultiRowXYPlotRenderer.js

@@ -4,10 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const util_1 = require("@jbrowse/core/util");
-const drawXY_1 = require("../drawXY");
 const WiggleBaseRenderer_1 = __importDefault(require("../WiggleBaseRenderer"));
+const drawXY_1 = require("../drawXY");
 class MultiXYPlotRenderer extends WiggleBaseRenderer_1.default {
-    // @ts-expect-error
     async draw(ctx, props) {
         const { bpPerPx, sources, regions, features } = props;
         const region = regions[0];

package/dist/MultiRowXYPlotRenderer/configSchema.d.ts

@@ -1,31 +1,19 @@
 declare const configSchema: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
-    /**
-     * #slot
-     */
     filled: {
         type: string;
         defaultValue: boolean;
     };
-    /**
-     * #slot
-     */
     displayCrossHatches: {
         type: string;
         description: string;
         defaultValue: boolean;
     };
-    /**
-     * #slot
-     */
     summaryScoreMode: {
         type: string;
         model: import("mobx-state-tree").ISimpleType<string>;
         description: string;
         defaultValue: string;
     };
-    /**
-     * #slot
-     */
     minSize: {
         type: string;
         defaultValue: number;