@jbrowse/plugin-data-management 2.17.0 → 2.18.0

package/dist/HierarchicalTrackSelectorWidget/components/tree/RecentlyUsedTracks.js

@@ -4,12 +4,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
+const History_1 = __importDefault(require("@mui/icons-material/History"));
 const material_1 = require("@mui/material");
 const mobx_react_1 = require("mobx-react");
-// icons
-const History_1 = __importDefault(require("@mui/icons-material/History"));
-const DropdownTrackSelector_1 = __importDefault(require("./DropdownTrackSelector"));
 const mui_1 = require("tss-react/mui");
+const DropdownTrackSelector_1 = __importDefault(require("./DropdownTrackSelector"));
 const useStyles = (0, mui_1.makeStyles)()({
     smallBadge: {
         height: 14,

package/dist/HierarchicalTrackSelectorWidget/components/tree/TrackCategory.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { NodeData } from '../util';
+import type { NodeData } from '../util';
 export default function Category({ isOpen, setOpen, data, }: {
     isOpen: boolean;
     setOpen: (arg: boolean) => void;

package/dist/HierarchicalTrackSelectorWidget/components/tree/TrackCategory.js

@@ -28,23 +28,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = Category;
 const react_1 = __importStar(require("react"));
-const material_1 = require("@mui/material");
-const mui_1 = require("tss-react/mui");
 const Menu_1 = __importDefault(require("@jbrowse/core/ui/Menu"));
-// icons
 const ArrowDropDown_1 = __importDefault(require("@mui/icons-material/ArrowDropDown"));
 const ArrowRight_1 = __importDefault(require("@mui/icons-material/ArrowRight"));
 const MoreHoriz_1 = __importDefault(require("@mui/icons-material/MoreHoriz"));
-// locals
+const material_1 = require("@mui/material");
+const mui_1 = require("tss-react/mui");
 const util_1 = require("../util");
 const useStyles = (0, mui_1.makeStyles)()(theme => ({
     contrastColor: {
         color: theme.palette.tertiary.contrastText,
     },
-    // margin:auto 0 to center text vertically
     accordionText: {
         margin: 'auto 0',
-        // width 100 so you can click anywhere on the category bar
         width: '100%',
     },
 }));

package/dist/HierarchicalTrackSelectorWidget/components/tree/TrackLabel.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { AnyConfigurationModel } from '@jbrowse/core/configuration';
-import { NodeData } from '../util';
+import type { NodeData } from '../util';
+import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
 export interface InfoArgs {
     target: HTMLElement;
     id: string;

package/dist/HierarchicalTrackSelectorWidget/components/tree/TrackLabel.js

@@ -5,11 +5,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = TrackLabel;
 const react_1 = __importDefault(require("react"));
+const configuration_1 = require("@jbrowse/core/configuration");
+const SanitizedHTML_1 = __importDefault(require("@jbrowse/core/ui/SanitizedHTML"));
 const material_1 = require("@mui/material");
 const mui_1 = require("tss-react/mui");
-const SanitizedHTML_1 = __importDefault(require("@jbrowse/core/ui/SanitizedHTML"));
-const configuration_1 = require("@jbrowse/core/configuration");
-// locals
 const util_1 = require("../util");
 const TrackLabelMenu_1 = __importDefault(require("./TrackLabelMenu"));
 const useStyles = (0, mui_1.makeStyles)()(theme => ({
@@ -35,7 +34,6 @@ function TrackLabel({ data }) {
             react_1.default.createElement(material_1.FormControlLabel, { className: classes.checkboxLabel, control: react_1.default.createElement(material_1.Checkbox, { className: classes.compactCheckbox, checked: checked, onChange: () => {
                         onChange(trackId);
                     }, disabled: (0, util_1.isUnsupported)(name), inputProps: {
-                        // @ts-expect-error
                         'data-testid': `htsTrackEntry-${id}`,
                     } }), label: react_1.default.createElement("div", { "data-testid": `htsTrackLabel-${id}`, style: { background: selected ? '#cccc' : undefined } },
                     react_1.default.createElement(SanitizedHTML_1.default, { html: name })) })),

package/dist/HierarchicalTrackSelectorWidget/components/tree/TrackLabelMenu.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { AnyConfigurationModel } from '@jbrowse/core/configuration';
-import { HierarchicalTrackSelectorModel } from '../../model';
+import type { HierarchicalTrackSelectorModel } from '../../model';
+import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
 declare const TrackLabelMenu: ({ id, trackId, stopPropagation, model, setOpen, conf, }: {
     id: string;
     trackId: string;

package/dist/HierarchicalTrackSelectorWidget/components/tree/TrackLabelMenu.js

@@ -4,13 +4,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const mui_1 = require("tss-react/mui");
-const util_1 = require("@jbrowse/core/util");
 const CascadingMenuButton_1 = __importDefault(require("@jbrowse/core/ui/CascadingMenuButton"));
-// icons
+const util_1 = require("@jbrowse/core/util");
 const MoreHoriz_1 = __importDefault(require("@mui/icons-material/MoreHoriz"));
-const StarBorderOutlined_1 = __importDefault(require("@mui/icons-material/StarBorderOutlined"));
 const Star_1 = __importDefault(require("@mui/icons-material/Star"));
+const StarBorderOutlined_1 = __importDefault(require("@mui/icons-material/StarBorderOutlined"));
+const mui_1 = require("tss-react/mui");
 const useStyles = (0, mui_1.makeStyles)()({
     cascadingStyle: {
         padding: 0,

package/dist/HierarchicalTrackSelectorWidget/components/tree/TrackListNode.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { NodeData } from '../util';
+import type { NodeData } from '../util';
 export default function Node({ data, isOpen, style, setOpen, }: {
     data: NodeData;
     isOpen: boolean;

package/dist/HierarchicalTrackSelectorWidget/components/tree/TrackListNode.js

@@ -6,13 +6,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = Node;
 const react_1 = __importDefault(require("react"));
 const mui_1 = require("tss-react/mui");
-// locals
 const TrackCategory_1 = __importDefault(require("./TrackCategory"));
 const TrackLabel_1 = __importDefault(require("./TrackLabel"));
 const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    // this accordionBase element's small padding is used to give a margin to
-    // accordionColor it a "margin" because the virtualized elements can't really
-    // use margin in a conventional way (it doesn't affect layout)
     accordionBase: {
         display: 'flex',
     },
@@ -25,8 +21,6 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
         position: 'absolute',
         borderLeft: '1.5px solid #555',
     },
-    // accordionColor set's display:flex so that the child accordionText use
-    // vertically centered text
     accordionColor: {
         background: theme.palette.tertiary.main,
         color: theme.palette.tertiary.contrastText,
@@ -35,17 +29,13 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
         paddingLeft: 5,
     },
 }));
-// An individual node in the track selector. Note: manually sets cursor:
-// pointer improves usability for what can be clicked
 function Node({ data, isOpen, style, setOpen, }) {
     const { isLeaf, nestingLevel } = data;
     const { classes } = useStyles();
     const width = 10;
     const marginLeft = nestingLevel * width + (isLeaf ? width : 0);
     return (react_1.default.createElement("div", { style: style, className: !isLeaf ? classes.accordionBase : undefined },
-        new Array(nestingLevel).fill(0).map((_, idx) => (react_1.default.createElement("div", { 
-            /* biome-ignore lint/suspicious/noArrayIndexKey: */
-            key: `mark-${idx}`, style: { left: idx * width + 4, height: style === null || style === void 0 ? void 0 : style.height }, className: classes.nestingLevelMarker }))),
+        new Array(nestingLevel).fill(0).map((_, idx) => (react_1.default.createElement("div", { key: `mark-${idx}`, style: { left: idx * width + 4, height: style === null || style === void 0 ? void 0 : style.height }, className: classes.nestingLevelMarker }))),
         react_1.default.createElement("div", { className: !isLeaf ? classes.accordionCard : undefined, style: {
                 marginLeft,
                 whiteSpace: 'nowrap',

package/dist/HierarchicalTrackSelectorWidget/components/util.d.ts

@@ -1,7 +1,7 @@
-import { AnyConfigurationModel } from '@jbrowse/core/configuration';
-import { HierarchicalTrackSelectorModel } from '../model';
-import { TreeNode } from '../generateHierarchy';
-import { MenuItem } from '@jbrowse/core/ui';
+import type { TreeNode } from '../generateHierarchy';
+import type { HierarchicalTrackSelectorModel } from '../model';
+import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import type { MenuItem } from '@jbrowse/core/ui';
 export interface NodeData {
     nestingLevel: number;
     checked: boolean;

package/dist/HierarchicalTrackSelectorWidget/components/util.js

@@ -4,7 +4,6 @@ exports.getAllChildren = getAllChildren;
 exports.treeToMap = treeToMap;
 exports.isUnsupported = isUnsupported;
 function getAllChildren(subtree) {
-    // @ts-expect-error
     return (subtree === null || subtree === void 0 ? void 0 : subtree.type) === 'category'
         ? subtree.children
             .map(t => (t.type === 'category' ? getAllChildren(t) : t.conf))

package/dist/HierarchicalTrackSelectorWidget/facetedModel.d.ts

@@ -1,65 +1,23 @@
-import { Instance } from 'mobx-state-tree';
-/**
- * #stateModel FacetedModel
- */
+import type { Instance } from 'mobx-state-tree';
 export declare function facetedStateTreeF(): import("mobx-state-tree").IModelType<{
-    /**
-     * #property
-     */
     filterText: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-    /**
-     * #property
-     */
     showSparse: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-    /**
-     * #property
-     */
     showFilters: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-    /**
-     * #property
-     */
     showOptions: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-    /**
-     * #property
-     */
     panelWidth: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
 }, {
     visible: Record<string, boolean>;
     useShoppingCart: boolean;
     filters: import("mobx").ObservableMap<string, string[]>;
 } & {
-    /**
-     * #action
-     */
     setFilter(key: string, value: string[]): void;
-    /**
-     * #action
-     */
     setPanelWidth(width: number): number;
-    /**
-     * #action
-     */
     setUseShoppingCart(f: boolean): void;
-    /**
-     * #action
-     */
     setFilterText(str: string): void;
-    /**
-     * #action
-     */
     setShowSparse(f: boolean): void;
-    /**
-     * #action
-     */
     setShowOptions(f: boolean): void;
-    /**
-     * #action
-     */
     setShowFilters(f: boolean): void;
 } & {
-    /**
-     * #getter
-     */
     readonly allTrackConfigurations: ({
         [x: string]: any;
     } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
@@ -72,9 +30,6 @@ export declare function facetedStateTreeF(): import("mobx-state-tree").IModelTyp
         } & import("mobx-state-tree").IStateTreeNode<import("@jbrowse/core/configuration").AnyConfigurationSchemaType>);
     } & import("mobx-state-tree").IStateTreeNode<import("@jbrowse/core/configuration").AnyConfigurationSchemaType>)[];
 } & {
-    /**
-     * #getter
-     */
     readonly rows: {
         readonly id: string;
         readonly conf: {
@@ -95,22 +50,10 @@ export declare function facetedStateTreeF(): import("mobx-state-tree").IModelTyp
         readonly metadata: Record<string, unknown>;
     }[];
 } & {
-    /**
-     * #getter
-     */
     readonly filteredNonMetadataKeys: string[] | readonly ["category", "adapter", "description"];
-    /**
-     * #getter
-     */
     readonly metadataKeys: string[];
     readonly filteredMetadataKeys: string[];
-    /**
-     * #getter
-     */
     readonly fields: string[];
-    /**
-     * #getter
-     */
     readonly filteredRows: {
         readonly id: string;
         readonly conf: {
@@ -131,9 +74,6 @@ export declare function facetedStateTreeF(): import("mobx-state-tree").IModelTyp
         readonly metadata: Record<string, unknown>;
     }[];
 } & {
-    /**
-     * #action
-     */
     setVisible(args: Record<string, boolean>): void;
     afterAttach(): void;
 }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;

package/dist/HierarchicalTrackSelectorWidget/facetedModel.js

@@ -1,41 +1,23 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.facetedStateTreeF = facetedStateTreeF;
-const mobx_state_tree_1 = require("mobx-state-tree");
-const util_1 = require("./util");
 const configuration_1 = require("@jbrowse/core/configuration");
+const util_1 = require("@jbrowse/core/util");
 const tracks_1 = require("@jbrowse/core/util/tracks");
-const util_2 = require("@jbrowse/core/util");
 const mobx_1 = require("mobx");
+const mobx_state_tree_1 = require("mobx-state-tree");
+const util_2 = require("./components/faceted/util");
 const facetedUtil_1 = require("./facetedUtil");
-const util_3 = require("./components/faceted/util");
+const util_3 = require("./util");
 const nonMetadataKeys = ['category', 'adapter', 'description'];
-/**
- * #stateModel FacetedModel
- */
 function facetedStateTreeF() {
     return mobx_state_tree_1.types
         .model('FacetedModel', {
-        /**
-         * #property
-         */
         filterText: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.string, ''),
-        /**
-         * #property
-         */
-        showSparse: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.boolean, () => JSON.parse((0, util_2.localStorageGetItem)('facet-showSparse') || 'false')),
-        /**
-         * #property
-         */
-        showFilters: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.boolean, () => JSON.parse((0, util_2.localStorageGetItem)('facet-showFilters') || 'true')),
-        /**
-         * #property
-         */
-        showOptions: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.boolean, () => JSON.parse((0, util_2.localStorageGetItem)('facet-showTableOptions') || 'false')),
-        /**
-         * #property
-         */
-        panelWidth: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.number, () => JSON.parse((0, util_2.localStorageGetItem)('facet-panelWidth') || '400')),
+        showSparse: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.boolean, () => JSON.parse((0, util_1.localStorageGetItem)('facet-showSparse') || 'false')),
+        showFilters: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.boolean, () => JSON.parse((0, util_1.localStorageGetItem)('facet-showFilters') || 'true')),
+        showOptions: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.boolean, () => JSON.parse((0, util_1.localStorageGetItem)('facet-showTableOptions') || 'false')),
+        panelWidth: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.number, () => JSON.parse((0, util_1.localStorageGetItem)('facet-panelWidth') || '400')),
     })
         .volatile(() => ({
         visible: {},
@@ -43,67 +25,40 @@ function facetedStateTreeF() {
         filters: mobx_1.observable.map(),
     }))
         .actions(self => ({
-        /**
-         * #action
-         */
         setFilter(key, value) {
             self.filters.set(key, value);
         },
-        /**
-         * #action
-         */
         setPanelWidth(width) {
             self.panelWidth = width;
             return self.panelWidth;
         },
-        /**
-         * #action
-         */
         setUseShoppingCart(f) {
             self.useShoppingCart = f;
         },
-        /**
-         * #action
-         */
         setFilterText(str) {
             self.filterText = str;
         },
-        /**
-         * #action
-         */
         setShowSparse(f) {
             self.showSparse = f;
         },
-        /**
-         * #action
-         */
         setShowOptions(f) {
             self.showOptions = f;
         },
-        /**
-         * #action
-         */
         setShowFilters(f) {
             self.showFilters = f;
         },
     }))
         .views(self => ({
-        /**
-         * #getter
-         */
         get allTrackConfigurations() {
             return (0, mobx_state_tree_1.getParent)(self).allTrackConfigurations;
         },
     }))
         .views(self => ({
-        /**
-         * #getter
-         */
         get rows() {
-            const session = (0, util_2.getSession)(self);
+            const session = (0, util_1.getSession)(self);
             const { allTrackConfigurations, filterText } = self;
             return allTrackConfigurations
-                .filter(conf => (0, util_1.matches)(filterText, conf, session))
+                .filter(conf => (0, util_3.matches)(filterText, conf, session))
                 .map(track => {
                 var _a, _b;
                 return {
@@ -119,30 +74,19 @@ function facetedStateTreeF() {
         },
     }))
         .views(self => ({
-        /**
-         * #getter
-         */
         get filteredNonMetadataKeys() {
             return self.showSparse
                 ? nonMetadataKeys
                 : (0, facetedUtil_1.findNonSparseKeys)(nonMetadataKeys, self.rows, (r, f) => r[f]);
         },
-        /**
-         * #getter
-         */
         get metadataKeys() {
             return [...new Set(self.rows.flatMap(row => (0, facetedUtil_1.getRootKeys)(row.metadata)))];
         },
         get filteredMetadataKeys() {
             return self.showSparse
                 ? this.metadataKeys
-                : (0, facetedUtil_1.findNonSparseKeys)(this.metadataKeys, self.rows, 
-                // @ts-expect-error
-                (r, f) => r.metadata[f]);
+                : (0, facetedUtil_1.findNonSparseKeys)(this.metadataKeys, self.rows, (r, f) => r.metadata[f]);
         },
-        /**
-         * #getter
-         */
         get fields() {
             return [
                 'name',
@@ -150,20 +94,14 @@ function facetedStateTreeF() {
                 ...this.filteredMetadataKeys.map(m => `metadata.${m}`),
             ];
         },
-        /**
-         * #getter
-         */
         get filteredRows() {
             const arrFilters = [...self.filters.entries()]
                 .filter(f => f[1].length > 0)
                 .map(([key, val]) => [key, new Set(val)]);
-            return self.rows.filter(row => arrFilters.every(([key, val]) => val.has((0, util_3.getRowStr)(key, row))));
+            return self.rows.filter(row => arrFilters.every(([key, val]) => val.has((0, util_2.getRowStr)(key, row))));
         },
     }))
         .actions(self => ({
-        /**
-         * #action
-         */
         setVisible(args) {
             self.visible = args;
         },

package/dist/HierarchicalTrackSelectorWidget/filterTracks.d.ts

@@ -1,4 +1,4 @@
-import { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
 export declare function filterTracks(tracks: AnyConfigurationModel[], self: {
     view?: {
         type: string;

package/dist/HierarchicalTrackSelectorWidget/generateHierarchy.d.ts

@@ -1,5 +1,5 @@
-import { AnyConfigurationModel } from '@jbrowse/core/configuration';
-import { MenuItem } from '@jbrowse/core/ui';
+import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import type { MenuItem } from '@jbrowse/core/ui';
 export interface TreeTrackNode {
     name: string;
     id: string;

package/dist/HierarchicalTrackSelectorWidget/generateHierarchy.js

@@ -4,11 +4,8 @@ exports.generateHierarchy = generateHierarchy;
 const configuration_1 = require("@jbrowse/core/configuration");
 const util_1 = require("@jbrowse/core/util");
 const tracks_1 = require("@jbrowse/core/util/tracks");
-// locals
 const util_2 = require("./util");
 function sortConfs(confs, sortNames, sortCategories) {
-    // uses readConfObject instead of getTrackName so that the undefined
-    // reference sequence track is sorted to the top
     const ret = confs.map(c => {
         var _a, _b, _c;
         return [
@@ -23,8 +20,6 @@ function sortConfs(confs, sortNames, sortCategories) {
         ret.sort((a, b) => a[1].localeCompare(b[1]));
     }
     if (sortCategories) {
-        // sort up to three sub-category levels, harder to code it to go deeper
-        // than this and likely rarely used
         ret.sort((a, b) => {
             if (a[2] !== b[2]) {
                 return a[2].localeCompare(b[2]);
@@ -49,18 +44,13 @@ function generateHierarchy({ model, trackConfs, extra, noCategories, menuItems,
     const session = (0, util_1.getSession)(model);
     const viewTracks = view.tracks;
     const confs = trackConfs.filter(conf => (0, util_2.matches)(filterText, conf, session));
-    // uses getConf
     for (const conf of sortConfs(confs, activeSortTrackNames, activeSortCategories)) {
-        // copy the categories since this array can be mutated downstream
         const categories = [...((0, configuration_1.readConfObject)(conf, 'category') || [])];
-        // hack where if trackId ends with sessionTrack, then push it to a
-        // category that starts with a space to force sort to the top
         if (conf.trackId.endsWith('sessionTrack')) {
             categories.unshift(' Session tracks');
         }
         let currLevel = hierarchy;
         if (!noCategories) {
-            // find existing category to put track into or create it
             for (let i = 0; i < categories.length; i++) {
                 const category = categories[i];
                 const ret = currLevel.children.find(c => c.name === category);
@@ -84,9 +74,6 @@ function generateHierarchy({ model, trackConfs, extra, noCategories, menuItems,
                 }
             }
         }
-        // uses splice to try to put all leaf nodes above "category nodes" if you
-        // change the splice to a simple push and open
-        // test_data/test_order/config.json you will see the weirdness
         const r = currLevel.children.findIndex(elt => elt.children.length);
         const idx = r === -1 ? currLevel.children.length : r;
         currLevel.children.splice(idx, 0, {

package/dist/HierarchicalTrackSelectorWidget/index.d.ts

@@ -1,4 +1,4 @@
-import PluginManager from '@jbrowse/core/PluginManager';
+import type PluginManager from '@jbrowse/core/PluginManager';
 export default function HierarchicalTrackSelectorWidgetF(pluginManager: PluginManager): void;
 export { type HierarchicalTrackSelectorModel, default as stateModelFactory, } from './model';
 export { default as configSchema } from './configSchema';

package/dist/HierarchicalTrackSelectorWidget/index.js

@@ -28,10 +28,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.configSchema = exports.stateModelFactory = void 0;
 exports.default = HierarchicalTrackSelectorWidgetF;
-const model_1 = __importDefault(require("./model"));
-const configSchema_1 = __importDefault(require("./configSchema"));
-const pluggableElementTypes_1 = require("@jbrowse/core/pluggableElementTypes");
 const react_1 = require("react");
+const pluggableElementTypes_1 = require("@jbrowse/core/pluggableElementTypes");
+const configSchema_1 = __importDefault(require("./configSchema"));
+const model_1 = __importDefault(require("./model"));
 function HierarchicalTrackSelectorWidgetF(pluginManager) {
     pluginManager.addWidgetType(() => {
         return new pluggableElementTypes_1.WidgetType({