{"version":3,"file":"static/js/772.83c2d2db.chunk.js","mappings":"2PAeA,MAmDA,GAnDgCA,EAAAA,EAAAA,WAAS,UAAU,QACjDC,EAAO,MACPC,IAKA,OACEC,EAAAA,cAACC,EAAAA,OAAM,CAACC,MAAI,EAACJ,QAASA,EAASK,MAAM,uBACnCH,EAAAA,cAACI,EAAAA,EAAa,KACZJ,EAAAA,cAACK,EAAAA,EAAU,CAACC,QAAQ,MAAK,qBACzBN,EAAAA,cAACO,EAAAA,EAAK,CAACC,UAAU,MAAMC,WAAW,UAChCT,EAAAA,cAACU,EAAAA,EAAM,CACL,cAAY,8BACZC,QAASZ,EAAMa,sCACfC,SAAUA,KACRd,EAAMe,oBACHf,EAAMa,sCACR,IAGLZ,EAAAA,cAACK,EAAAA,EAAU,KAAC,iDAEdL,EAAAA,cAACO,EAAAA,EAAK,CAACC,UAAU,MAAMC,WAAW,UAChCT,EAAAA,cAACU,EAAAA,EAAM,CACL,cAAY,oCACZC,QAASZ,EAAMgB,0CACfF,SAAUA,KACRd,EAAMiB,gBACHjB,EAAMgB,0CACR,IAGLf,EAAAA,cAACK,EAAAA,EAAU,KAAC,0CAGhBL,EAAAA,cAACiB,EAAAA,EAAa,KACZjB,EAAAA,cAACkB,EAAAA,EAAM,CACLZ,QAAQ,YACRa,MAAM,UACNC,QAASA,KACPtB,GAAS,GAEZ,UAMT,G,yKCnDA,MAAMuB,GAAe,EAAAC,EAAA,KAEfC,GAA+B,OAAa,MAAO,CACvDC,KAAM,WACNC,KAAM,OACNC,kBAAmB,CAACC,EAAOC,IAAWA,EAAOC,OAE/C,SAASC,EAAqBH,GAC5B,OAAO,EAAAI,EAAA,GAAoB,CACzBJ,QACAH,KAAM,WACNH,gBAEJ,CASA,SAASW,EAAaC,EAAUC,GAC9B,MAAMC,EAAgB,WAAeC,QAAQH,GAAUI,OAAOC,SAC9D,OAAOH,EAAcI,QAAO,CAACC,EAAQC,EAAOC,KAC1CF,EAAOG,KAAKF,GACRC,EAAQP,EAAcS,OAAS,GACjCJ,EAAOG,KAAkB,eAAmBT,EAAW,CACrDW,IAAK,aAAaH,OAGfF,IACN,GACL,CACA,MAQaM,EAAQ,EACnBC,aACAC,YAEA,IAAIpB,EAAS,CACXqB,QAAS,OACTC,cAAe,aACZ,QAAkB,CACnBF,UACC,QAAwB,CACzBG,OAAQJ,EAAWvC,UACnB4C,YAAaJ,EAAMI,YAAYD,UAC7BE,IAAa,CACfH,cAAeG,OAGnB,GAAIN,EAAWO,QAAS,CACtB,MAAMC,GAAc,QAAmBP,GACjCQ,EAAOC,OAAOC,KAAKV,EAAMI,YAAYD,QAAQZ,QAAO,CAACoB,EAAKC,MAC5B,iBAAvBb,EAAWO,SAA0D,MAAlCP,EAAWO,QAAQM,IAAuD,iBAAzBb,EAAWvC,WAA8D,MAApCuC,EAAWvC,UAAUoD,MACvJD,EAAIC,IAAc,GAEbD,IACN,CAAC,GACEE,GAAkB,QAAwB,CAC9CV,OAAQJ,EAAWvC,UACnBgD,SAEIM,GAAgB,QAAwB,CAC5CX,OAAQJ,EAAWO,QACnBE,SAE6B,iBAApBK,GACTJ,OAAOC,KAAKG,GAAiBE,SAAQ,CAACH,EAAYlB,EAAOU,KAEvD,IADuBS,EAAgBD,GAClB,CACnB,MAAMI,EAAyBtB,EAAQ,EAAImB,EAAgBT,EAAYV,EAAQ,IAAM,SACrFmB,EAAgBD,GAAcI,CAChC,KAGJ,MAAMC,EAAqB,CAACZ,EAAWO,KACrC,OAAIb,EAAWmB,WACN,CACLC,KAAK,QAASZ,EAAaF,IAGxB,CAGL,6BAA8B,CAC5Be,OAAQ,GAEV,gCAAiC,CAC/B,CAAC,SA9DkB5D,EA8DYoD,EAAaC,EAAgBD,GAAcb,EAAWvC,UA7DtF,CACL6D,IAAK,OACL,cAAe,QACfC,OAAQ,MACR,iBAAkB,UAClB9D,OAwD0G,QAAS+C,EAAaF,KA9DvG7C,KAgEtB,EAEHoB,GAAS,EAAA2C,EAAA,GAAU3C,GAAQ,QAAkB,CAC3CoB,SACCc,EAAeG,GACpB,CAEA,OADArC,GAAS,QAAwBoB,EAAMI,YAAaxB,GAC7CA,CAAM,E,0BChHf,MAAMrB,EDkHS,SAAqBiE,EAAU,CAAC,GAC7C,MAAM,sBAEJC,EAAwBlD,EAA4B,cACpDQ,EAAgBD,EAAoB,cACpC4C,EAAgB,YACdF,EAOEG,EAAYF,EAAsB3B,GAClCvC,EAAqB,cAAiB,SAAcqE,EAASC,GACjE,MAAMC,EAAa/C,EAAc6C,GAC3BjD,GAAQ,EAAAoD,EAAA,GAAaD,IACrB,UACJE,EAAY,MAAK,UACjBxE,EAAY,SAAQ,QACpB8C,EAAU,EAAC,QACX2B,EAAO,SACPhD,EAAQ,UACRiD,EAAS,WACThB,GAAa,KACViB,GACDxD,EACEoB,EAAa,CACjBvC,YACA8C,UACAY,cAEIkB,GArBC,EAAAC,EAAA,GAHO,CACZxD,KAAM,CAAC,UAEoBJ,IAAQ,EAAA6D,EAAA,IAAqBZ,EAAejD,IAAO,CAAC,GAsBjF,OAAoB,SAAKkD,EAAW,CAClCY,GAAIP,EACJjC,WAAYA,EACZ8B,IAAKA,EACLK,WAAW,EAAAM,EAAA,GAAKJ,EAAQvD,KAAMqD,MAC3BC,EACHlD,SAAUgD,EAAUjD,EAAaC,EAAUgD,GAAWhD,GAE1D,IAQA,OAAO1B,CACT,CCpKckF,CAAY,CACxBhB,uBAAuB,QAAO,MAAO,CACnCjD,KAAM,WACNC,KAAM,OACNC,kBAAmB,CAACC,EAAOC,IAAWA,EAAOC,OAE/CE,cAAe6C,IAAW,OAAc,CACtCjD,MAAOiD,EACPpD,KAAM,eA+CV,G,yKC5CA,MAuBMkE,GAAa,QAAO,OAAQ,CAChClE,KAAM,YACNC,KAAM,OACNC,kBAAmB,CAACC,EAAOC,KACzB,MAAM,WACJmB,GACEpB,EACJ,MAAO,CAACC,EAAOC,KAAMkB,EAAW4C,MAAQ/D,EAAO,QAAO,OAAWmB,EAAW4C,SAAU/D,EAAO,QAAO,OAAWmB,EAAW6C,SAAS,GAPpH,CAShB,CACD3C,QAAS,cACT4C,MAAO,GACPC,OAAQ,GACRC,SAAU,SACVC,QAAS,GACTC,UAAW,aACXC,SAAU,WACVC,WAAY,EACZC,OAAQ,EAERC,cAAe,SAEf,eAAgB,CACdC,YAAa,SAEfC,SAAU,CAAC,CACT5E,MAAO,CACLgE,KAAM,SAER7C,MAAO,CACL0D,YAAa,IAEd,CACD7E,MAAO,CACLgE,KAAM,OAER7C,MAAO,CACL2D,aAAc,IAEf,CACD9E,MAAO,CACLiE,KAAM,SAER9C,MAAO,CACL+C,MAAO,GACPC,OAAQ,GACRE,QAAS,EACT,CAAC,MAAM,IAAcU,SAAU,CAC7Bb,MAAO,GACPC,OAAQ,IAEV,CAAC,MAAM,IAAca,cAAe,CAClCX,QAAS,EACT,CAAC,KAAK,IAAcrF,WAAY,CAC9BiG,UAAW,0BAMfC,GAAmB,QAAO,IAAY,CAC1CrF,KAAM,YACNC,KAAM,aACNC,kBAAmB,CAACC,EAAOC,KACzB,MAAM,WACJmB,GACEpB,EACJ,MAAO,CAACC,EAAO+E,WAAY,CACzB,CAAC,MAAM,IAAcG,SAAUlF,EAAOkF,OAChB,YAArB/D,EAAW5B,OAAuBS,EAAO,SAAQ,OAAWmB,EAAW5B,UAAU,GAT/D,EAWtB,QAAU,EACX6B,YACI,CACJkD,SAAU,WACVa,IAAK,EACLC,KAAM,EACNZ,OAAQ,EAERjF,MAAO6B,EAAMiE,KAAOjE,EAAMiE,KAAKC,QAAQxG,OAAOyG,aAAe,GAA0B,UAAvBnE,EAAMkE,QAAQE,KAAmBpE,EAAMkE,QAAQG,OAAOC,MAAQtE,EAAMkE,QAAQK,KAAK,OACjJC,WAAYxE,EAAMyE,YAAYC,OAAO,CAAC,OAAQ,aAAc,CAC1DC,SAAU3E,EAAMyE,YAAYE,SAASC,WAEvC,CAAC,KAAK,IAAcjH,WAAY,CAC9BiG,UAAW,oBAEb,CAAC,KAAK,IAAciB,YAAa,CAC/B1G,MAAO6B,EAAMiE,KAAOjE,EAAMiE,KAAKC,QAAQxG,OAAOoH,qBAAuB,GAA0B,UAAvB9E,EAAMkE,QAAQE,KAAmBpE,EAAMkE,QAAQK,KAAK,KAAOvE,EAAMkE,QAAQK,KAAK,QAExJ,CAAC,KAAK,IAAc5G,cAAc,IAAcoH,SAAU,CACxDC,QAAS,IAEX,CAAC,KAAK,IAAcH,eAAe,IAAcE,SAAU,CACzDC,QAAShF,EAAMiE,KAAOjE,EAAMiE,KAAKe,QAAQC,oBAAsB,IAA0B,UAAvBjF,EAAMkE,QAAQE,KAAmB,IAAO,KAE5G,CAAC,MAAM,IAAcN,SAAU,CAC7BE,KAAM,QACNnB,MAAO,aAEN,QAAU,EACb7C,YACI,CACJ,UAAW,CACTkF,gBAAiBlF,EAAMiE,KAAO,QAAQjE,EAAMiE,KAAKC,QAAQiB,OAAOC,mBAAmBpF,EAAMiE,KAAKC,QAAQiB,OAAOE,iBAAkB,QAAMrF,EAAMkE,QAAQiB,OAAOG,OAAQtF,EAAMkE,QAAQiB,OAAOE,cAEvL,uBAAwB,CACtBH,gBAAiB,gBAGrB3B,SAAU,IAAI9C,OAAO8E,QAAQvF,EAAMkE,SAAS7E,QAAO,OAA+B,CAAC,WAClFmG,KAAI,EAAErH,MAAW,CAChBQ,MAAO,CACLR,SAEF2B,MAAO,CACL,CAAC,KAAK,IAAcnC,WAAY,CAC9BQ,OAAQ6B,EAAMiE,MAAQjE,GAAOkE,QAAQ/F,GAAOsH,KAC5C,UAAW,CACTP,gBAAiBlF,EAAMiE,KAAO,QAAQjE,EAAMiE,KAAKC,QAAQ/F,GAAOuH,iBAAiB1F,EAAMiE,KAAKC,QAAQiB,OAAOE,iBAAkB,QAAMrF,EAAMkE,QAAQ/F,GAAOsH,KAAMzF,EAAMkE,QAAQiB,OAAOE,cACnL,uBAAwB,CACtBH,gBAAiB,gBAGrB,CAAC,KAAK,IAAcL,YAAa,CAC/B1G,MAAO6B,EAAMiE,KAAOjE,EAAMiE,KAAKC,QAAQxG,OAAO,GAAGS,kBAAwB,GAA0B,UAAvB6B,EAAMkE,QAAQE,MAAmB,OAAQpE,EAAMkE,QAAQ/F,GAAOsH,KAAM,MAAQ,QAAOzF,EAAMkE,QAAQ/F,GAAOsH,KAAM,SAG9L,CAAC,KAAK,IAAc9H,cAAc,IAAcoH,SAAU,CACxDG,iBAAkBlF,EAAMiE,MAAQjE,GAAOkE,QAAQ/F,GAAOsH,iBAKxDE,GAAc,QAAO,OAAQ,CACjCnH,KAAM,YACNC,KAAM,QACNC,kBAAmB,CAACC,EAAOC,IAAWA,EAAOmG,OAH3B,EAIjB,QAAU,EACX/E,YACI,CACJ8C,OAAQ,OACRD,MAAO,OACP+C,aAAc,EACdxC,QAAS,EACToB,WAAYxE,EAAMyE,YAAYC,OAAO,CAAC,UAAW,oBAAqB,CACpEC,SAAU3E,EAAMyE,YAAYE,SAASC,WAEvCM,gBAAiBlF,EAAMiE,KAAOjE,EAAMiE,KAAKC,QAAQG,OAAOwB,aAAe,GAA0B,UAAvB7F,EAAMkE,QAAQE,KAAmBpE,EAAMkE,QAAQG,OAAOyB,MAAQ9F,EAAMkE,QAAQG,OAAOC,QAC7JU,QAAShF,EAAMiE,KAAOjE,EAAMiE,KAAKe,QAAQe,YAAc,IAA0B,UAAvB/F,EAAMkE,QAAQE,KAAmB,IAAO,SAE9F4B,GAAc,QAAO,OAAQ,CACjCxH,KAAM,YACNC,KAAM,QACNC,kBAAmB,CAACC,EAAOC,IAAWA,EAAO8E,OAH3B,EAIjB,QAAU,EACX1D,YACI,CACJiG,WAAYjG,EAAMiE,MAAQjE,GAAOkG,QAAQ,GACzChB,gBAAiB,eACjBrC,MAAO,GACPC,OAAQ,GACR8C,aAAc,WA6IhB,EA3I4B,cAAiB,SAAgBhE,EAASC,GACpE,MAAMlD,GAAQ,OAAgB,CAC5BA,MAAOiD,EACPpD,KAAM,eAEF,UACJ0D,EAAS,MACT/D,EAAQ,UAAS,KACjBwE,GAAO,EAAK,KACZC,EAAO,SAAQ,GACfuD,KACGhE,GACDxD,EACEoB,EAAa,IACdpB,EACHR,QACAwE,OACAC,QAEIR,EA7MkBrC,KACxB,MAAM,QACJqC,EAAO,KACPO,EAAI,KACJC,EAAI,MACJzE,EAAK,QACLR,EAAO,SACPkH,GACE9E,EACEqG,EAAQ,CACZvH,KAAM,CAAC,OAAQ8D,GAAQ,QAAO,OAAWA,KAAS,QAAO,OAAWC,MACpEe,WAAY,CAAC,aAAc,SAAQ,OAAWxF,KAAUR,GAAW,UAAWkH,GAAY,YAC1FnB,MAAO,CAAC,SACRqB,MAAO,CAAC,SACRjB,MAAO,CAAC,UAEJuC,GAAkB,OAAeD,EAAO,IAAuBhE,GACrE,MAAO,IACFA,KAEAiE,EACJ,EAwLeC,CAAkBvG,GAC5BwG,GAAoB,SAAKP,EAAa,CAC1C9D,UAAWE,EAAQsB,MACnB3D,WAAYA,IAEd,OAAoB,UAAM2C,EAAY,CACpCR,WAAW,OAAKE,EAAQvD,KAAMqD,GAC9BiE,GAAIA,EACJpG,WAAYA,EACZd,SAAU,EAAc,SAAK4E,EAAkB,CAC7C2C,KAAM,WACND,KAAMA,EACNE,YAAaF,EACb1E,IAAKA,EACL9B,WAAYA,KACToC,EACHC,QAAS,IACJA,EACHvD,KAAMuD,EAAQuB,eAED,SAAKgC,EAAa,CACjCzD,UAAWE,EAAQ2C,MACnBhF,WAAYA,MAGlB,G,qECrPO,SAAS2G,EAAsBjI,GACpC,OAAO,QAAqB,YAAaA,EAC3C,CACA,MACA,GADsB,OAAuB,YAAa,CAAC,OAAQ,YAAa,UAAW,aAAc,eAAgB,iBAAkB,YAAa,aAAc,UAAW,WAAY,QAAS,QAAS,S","sources":["../../../plugins/grid-bookmark/src/GridBookmarkWidget/components/dialogs/HighlightSettingsDialog.tsx","../../../node_modules/@mui/system/Stack/createStack.js","../../../node_modules/@mui/material/Stack/Stack.js","../../../node_modules/@mui/material/Switch/Switch.js","../../../node_modules/@mui/material/Switch/switchClasses.js"],"sourcesContent":["import React from 'react'\nimport { observer } from 'mobx-react'\nimport {\n  Button,\n  DialogContent,\n  DialogActions,\n  Stack,\n  Typography,\n  Switch,\n} from '@mui/material'\nimport { Dialog } from '@jbrowse/core/ui'\n\n// locals\nimport { GridBookmarkModel } from '../../model'\n\nconst HighlightSettingsDialog = observer(function ({\n  onClose,\n  model,\n}: {\n  onClose: () => void\n  model: GridBookmarkModel\n}) {\n  return (\n    <Dialog open onClose={onClose} title=\"Highlight bookmarks\">\n      <DialogContent>\n        <Typography variant=\"h6\">Highlight toggles</Typography>\n        <Stack direction=\"row\" alignItems=\"center\">\n          <Switch\n            data-testid=\"toggle_highlight_all_switch\"\n            checked={model.areBookmarksHighlightedOnAllOpenViews}\n            onChange={() => {\n              model.setHighlightToggle(\n                !model.areBookmarksHighlightedOnAllOpenViews,\n              )\n            }}\n          />\n          <Typography>Toggle bookmark highlights on all open views</Typography>\n        </Stack>\n        <Stack direction=\"row\" alignItems=\"center\">\n          <Switch\n            data-testid=\"toggle_highlight_label_all_switch\"\n            checked={model.areBookmarksHighlightLabelsOnAllOpenViews}\n            onChange={() => {\n              model.setLabelToggle(\n                !model.areBookmarksHighlightLabelsOnAllOpenViews,\n              )\n            }}\n          />\n          <Typography>Toggle 'bookmark' icon on LGV tracks</Typography>\n        </Stack>\n      </DialogContent>\n      <DialogActions>\n        <Button\n          variant=\"contained\"\n          color=\"primary\"\n          onClick={() => {\n            onClose()\n          }}\n        >\n          Close\n        </Button>\n      </DialogActions>\n    </Dialog>\n  )\n})\n\nexport default HighlightSettingsDialog\n","import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport deepmerge from '@mui/utils/deepmerge';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nimport composeClasses from '@mui/utils/composeClasses';\nimport systemStyled from \"../styled/index.js\";\nimport useThemePropsSystem from \"../useThemeProps/index.js\";\nimport { extendSxProp } from \"../styleFunctionSx/index.js\";\nimport createTheme from \"../createTheme/index.js\";\nimport { handleBreakpoints, mergeBreakpointsInOrder, resolveBreakpointValues } from \"../breakpoints/index.js\";\nimport { createUnarySpacing, getValue } from \"../spacing/index.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst defaultTheme = createTheme();\n// widening Theme to any so that the consumer can own the theme structure.\nconst defaultCreateStyledComponent = systemStyled('div', {\n  name: 'MuiStack',\n  slot: 'Root',\n  overridesResolver: (props, styles) => styles.root\n});\nfunction useThemePropsDefault(props) {\n  return useThemePropsSystem({\n    props,\n    name: 'MuiStack',\n    defaultTheme\n  });\n}\n\n/**\n * Return an array with the separator React element interspersed between\n * each React node of the input children.\n *\n * > joinChildren([1,2,3], 0)\n * [1,0,2,0,3]\n */\nfunction joinChildren(children, separator) {\n  const childrenArray = React.Children.toArray(children).filter(Boolean);\n  return childrenArray.reduce((output, child, index) => {\n    output.push(child);\n    if (index < childrenArray.length - 1) {\n      output.push(/*#__PURE__*/React.cloneElement(separator, {\n        key: `separator-${index}`\n      }));\n    }\n    return output;\n  }, []);\n}\nconst getSideFromDirection = direction => {\n  return {\n    row: 'Left',\n    'row-reverse': 'Right',\n    column: 'Top',\n    'column-reverse': 'Bottom'\n  }[direction];\n};\nexport const style = ({\n  ownerState,\n  theme\n}) => {\n  let styles = {\n    display: 'flex',\n    flexDirection: 'column',\n    ...handleBreakpoints({\n      theme\n    }, resolveBreakpointValues({\n      values: ownerState.direction,\n      breakpoints: theme.breakpoints.values\n    }), propValue => ({\n      flexDirection: propValue\n    }))\n  };\n  if (ownerState.spacing) {\n    const transformer = createUnarySpacing(theme);\n    const base = Object.keys(theme.breakpoints.values).reduce((acc, breakpoint) => {\n      if (typeof ownerState.spacing === 'object' && ownerState.spacing[breakpoint] != null || typeof ownerState.direction === 'object' && ownerState.direction[breakpoint] != null) {\n        acc[breakpoint] = true;\n      }\n      return acc;\n    }, {});\n    const directionValues = resolveBreakpointValues({\n      values: ownerState.direction,\n      base\n    });\n    const spacingValues = resolveBreakpointValues({\n      values: ownerState.spacing,\n      base\n    });\n    if (typeof directionValues === 'object') {\n      Object.keys(directionValues).forEach((breakpoint, index, breakpoints) => {\n        const directionValue = directionValues[breakpoint];\n        if (!directionValue) {\n          const previousDirectionValue = index > 0 ? directionValues[breakpoints[index - 1]] : 'column';\n          directionValues[breakpoint] = previousDirectionValue;\n        }\n      });\n    }\n    const styleFromPropValue = (propValue, breakpoint) => {\n      if (ownerState.useFlexGap) {\n        return {\n          gap: getValue(transformer, propValue)\n        };\n      }\n      return {\n        // The useFlexGap={false} implement relies on each child to give up control of the margin.\n        // We need to reset the margin to avoid double spacing.\n        '& > :not(style):not(style)': {\n          margin: 0\n        },\n        '& > :not(style) ~ :not(style)': {\n          [`margin${getSideFromDirection(breakpoint ? directionValues[breakpoint] : ownerState.direction)}`]: getValue(transformer, propValue)\n        }\n      };\n    };\n    styles = deepmerge(styles, handleBreakpoints({\n      theme\n    }, spacingValues, styleFromPropValue));\n  }\n  styles = mergeBreakpointsInOrder(theme.breakpoints, styles);\n  return styles;\n};\nexport default function createStack(options = {}) {\n  const {\n    // This will allow adding custom styled fn (for example for custom sx style function)\n    createStyledComponent = defaultCreateStyledComponent,\n    useThemeProps = useThemePropsDefault,\n    componentName = 'MuiStack'\n  } = options;\n  const useUtilityClasses = () => {\n    const slots = {\n      root: ['root']\n    };\n    return composeClasses(slots, slot => generateUtilityClass(componentName, slot), {});\n  };\n  const StackRoot = createStyledComponent(style);\n  const Stack = /*#__PURE__*/React.forwardRef(function Grid(inProps, ref) {\n    const themeProps = useThemeProps(inProps);\n    const props = extendSxProp(themeProps); // `color` type conflicts with html color attribute.\n    const {\n      component = 'div',\n      direction = 'column',\n      spacing = 0,\n      divider,\n      children,\n      className,\n      useFlexGap = false,\n      ...other\n    } = props;\n    const ownerState = {\n      direction,\n      spacing,\n      useFlexGap\n    };\n    const classes = useUtilityClasses();\n    return /*#__PURE__*/_jsx(StackRoot, {\n      as: component,\n      ownerState: ownerState,\n      ref: ref,\n      className: clsx(classes.root, className),\n      ...other,\n      children: divider ? joinChildren(children, divider) : children\n    });\n  });\n  process.env.NODE_ENV !== \"production\" ? Stack.propTypes /* remove-proptypes */ = {\n    children: PropTypes.node,\n    direction: PropTypes.oneOfType([PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row']), PropTypes.arrayOf(PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row'])), PropTypes.object]),\n    divider: PropTypes.node,\n    spacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),\n    sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])\n  } : void 0;\n  return Stack;\n}","'use client';\n\nimport PropTypes from 'prop-types';\nimport { createStack } from '@mui/system';\nimport styled from \"../styles/styled.js\";\nimport useThemeProps from \"../styles/useThemeProps.js\";\nconst Stack = createStack({\n  createStyledComponent: styled('div', {\n    name: 'MuiStack',\n    slot: 'Root',\n    overridesResolver: (props, styles) => styles.root\n  }),\n  useThemeProps: inProps => useThemeProps({\n    props: inProps,\n    name: 'MuiStack'\n  })\n});\nprocess.env.NODE_ENV !== \"production\" ? Stack.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * Defines the `flex-direction` style property.\n   * It is applied for all screen sizes.\n   * @default 'column'\n   */\n  direction: PropTypes.oneOfType([PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row']), PropTypes.arrayOf(PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row'])), PropTypes.object]),\n  /**\n   * Add an element between each child.\n   */\n  divider: PropTypes.node,\n  /**\n   * Defines the space between immediate children.\n   * @default 0\n   */\n  spacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),\n  /**\n   * The system prop, which allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.\n   *\n   * While CSS `gap` removes the [known limitations](https://mui.com/joy-ui/react-stack/#limitations),\n   * it is not fully supported in some browsers. We recommend checking https://caniuse.com/?search=flex%20gap before using this flag.\n   *\n   * To enable this flag globally, follow the [theme's default props](https://mui.com/material-ui/customization/theme-components/#default-props) configuration.\n   * @default false\n   */\n  useFlexGap: PropTypes.bool\n} : void 0;\nexport default Stack;","'use client';\n\n// @inheritedComponent IconButton\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport refType from '@mui/utils/refType';\nimport composeClasses from '@mui/utils/composeClasses';\nimport { alpha, darken, lighten } from '@mui/system/colorManipulator';\nimport capitalize from \"../utils/capitalize.js\";\nimport createSimplePaletteValueFilter from \"../utils/createSimplePaletteValueFilter.js\";\nimport SwitchBase from \"../internal/SwitchBase.js\";\nimport { styled } from \"../zero-styled/index.js\";\nimport memoTheme from \"../utils/memoTheme.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport switchClasses, { getSwitchUtilityClass } from \"./switchClasses.js\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    edge,\n    size,\n    color,\n    checked,\n    disabled\n  } = ownerState;\n  const slots = {\n    root: ['root', edge && `edge${capitalize(edge)}`, `size${capitalize(size)}`],\n    switchBase: ['switchBase', `color${capitalize(color)}`, checked && 'checked', disabled && 'disabled'],\n    thumb: ['thumb'],\n    track: ['track'],\n    input: ['input']\n  };\n  const composedClasses = composeClasses(slots, getSwitchUtilityClass, classes);\n  return {\n    ...classes,\n    // forward the disabled and checked classes to the SwitchBase\n    ...composedClasses\n  };\n};\nconst SwitchRoot = styled('span', {\n  name: 'MuiSwitch',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, ownerState.edge && styles[`edge${capitalize(ownerState.edge)}`], styles[`size${capitalize(ownerState.size)}`]];\n  }\n})({\n  display: 'inline-flex',\n  width: 34 + 12 * 2,\n  height: 14 + 12 * 2,\n  overflow: 'hidden',\n  padding: 12,\n  boxSizing: 'border-box',\n  position: 'relative',\n  flexShrink: 0,\n  zIndex: 0,\n  // Reset the stacking context.\n  verticalAlign: 'middle',\n  // For correct alignment with the text.\n  '@media print': {\n    colorAdjust: 'exact'\n  },\n  variants: [{\n    props: {\n      edge: 'start'\n    },\n    style: {\n      marginLeft: -8\n    }\n  }, {\n    props: {\n      edge: 'end'\n    },\n    style: {\n      marginRight: -8\n    }\n  }, {\n    props: {\n      size: 'small'\n    },\n    style: {\n      width: 40,\n      height: 24,\n      padding: 7,\n      [`& .${switchClasses.thumb}`]: {\n        width: 16,\n        height: 16\n      },\n      [`& .${switchClasses.switchBase}`]: {\n        padding: 4,\n        [`&.${switchClasses.checked}`]: {\n          transform: 'translateX(16px)'\n        }\n      }\n    }\n  }]\n});\nconst SwitchSwitchBase = styled(SwitchBase, {\n  name: 'MuiSwitch',\n  slot: 'SwitchBase',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.switchBase, {\n      [`& .${switchClasses.input}`]: styles.input\n    }, ownerState.color !== 'default' && styles[`color${capitalize(ownerState.color)}`]];\n  }\n})(memoTheme(({\n  theme\n}) => ({\n  position: 'absolute',\n  top: 0,\n  left: 0,\n  zIndex: 1,\n  // Render above the focus ripple.\n  color: theme.vars ? theme.vars.palette.Switch.defaultColor : `${theme.palette.mode === 'light' ? theme.palette.common.white : theme.palette.grey[300]}`,\n  transition: theme.transitions.create(['left', 'transform'], {\n    duration: theme.transitions.duration.shortest\n  }),\n  [`&.${switchClasses.checked}`]: {\n    transform: 'translateX(20px)'\n  },\n  [`&.${switchClasses.disabled}`]: {\n    color: theme.vars ? theme.vars.palette.Switch.defaultDisabledColor : `${theme.palette.mode === 'light' ? theme.palette.grey[100] : theme.palette.grey[600]}`\n  },\n  [`&.${switchClasses.checked} + .${switchClasses.track}`]: {\n    opacity: 0.5\n  },\n  [`&.${switchClasses.disabled} + .${switchClasses.track}`]: {\n    opacity: theme.vars ? theme.vars.opacity.switchTrackDisabled : `${theme.palette.mode === 'light' ? 0.12 : 0.2}`\n  },\n  [`& .${switchClasses.input}`]: {\n    left: '-100%',\n    width: '300%'\n  }\n})), memoTheme(({\n  theme\n}) => ({\n  '&:hover': {\n    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.action.activeChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(theme.palette.action.active, theme.palette.action.hoverOpacity),\n    // Reset on touch devices, it doesn't add specificity\n    '@media (hover: none)': {\n      backgroundColor: 'transparent'\n    }\n  },\n  variants: [...Object.entries(theme.palette).filter(createSimplePaletteValueFilter(['light'])) // check all the used fields in the style below\n  .map(([color]) => ({\n    props: {\n      color\n    },\n    style: {\n      [`&.${switchClasses.checked}`]: {\n        color: (theme.vars || theme).palette[color].main,\n        '&:hover': {\n          backgroundColor: theme.vars ? `rgba(${theme.vars.palette[color].mainChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(theme.palette[color].main, theme.palette.action.hoverOpacity),\n          '@media (hover: none)': {\n            backgroundColor: 'transparent'\n          }\n        },\n        [`&.${switchClasses.disabled}`]: {\n          color: theme.vars ? theme.vars.palette.Switch[`${color}DisabledColor`] : `${theme.palette.mode === 'light' ? lighten(theme.palette[color].main, 0.62) : darken(theme.palette[color].main, 0.55)}`\n        }\n      },\n      [`&.${switchClasses.checked} + .${switchClasses.track}`]: {\n        backgroundColor: (theme.vars || theme).palette[color].main\n      }\n    }\n  }))]\n})));\nconst SwitchTrack = styled('span', {\n  name: 'MuiSwitch',\n  slot: 'Track',\n  overridesResolver: (props, styles) => styles.track\n})(memoTheme(({\n  theme\n}) => ({\n  height: '100%',\n  width: '100%',\n  borderRadius: 14 / 2,\n  zIndex: -1,\n  transition: theme.transitions.create(['opacity', 'background-color'], {\n    duration: theme.transitions.duration.shortest\n  }),\n  backgroundColor: theme.vars ? theme.vars.palette.common.onBackground : `${theme.palette.mode === 'light' ? theme.palette.common.black : theme.palette.common.white}`,\n  opacity: theme.vars ? theme.vars.opacity.switchTrack : `${theme.palette.mode === 'light' ? 0.38 : 0.3}`\n})));\nconst SwitchThumb = styled('span', {\n  name: 'MuiSwitch',\n  slot: 'Thumb',\n  overridesResolver: (props, styles) => styles.thumb\n})(memoTheme(({\n  theme\n}) => ({\n  boxShadow: (theme.vars || theme).shadows[1],\n  backgroundColor: 'currentColor',\n  width: 20,\n  height: 20,\n  borderRadius: '50%'\n})));\nconst Switch = /*#__PURE__*/React.forwardRef(function Switch(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiSwitch'\n  });\n  const {\n    className,\n    color = 'primary',\n    edge = false,\n    size = 'medium',\n    sx,\n    ...other\n  } = props;\n  const ownerState = {\n    ...props,\n    color,\n    edge,\n    size\n  };\n  const classes = useUtilityClasses(ownerState);\n  const icon = /*#__PURE__*/_jsx(SwitchThumb, {\n    className: classes.thumb,\n    ownerState: ownerState\n  });\n  return /*#__PURE__*/_jsxs(SwitchRoot, {\n    className: clsx(classes.root, className),\n    sx: sx,\n    ownerState: ownerState,\n    children: [/*#__PURE__*/_jsx(SwitchSwitchBase, {\n      type: \"checkbox\",\n      icon: icon,\n      checkedIcon: icon,\n      ref: ref,\n      ownerState: ownerState,\n      ...other,\n      classes: {\n        ...classes,\n        root: classes.switchBase\n      }\n    }), /*#__PURE__*/_jsx(SwitchTrack, {\n      className: classes.track,\n      ownerState: ownerState\n    })]\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? Switch.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * If `true`, the component is checked.\n   */\n  checked: PropTypes.bool,\n  /**\n   * The icon to display when the component is checked.\n   */\n  checkedIcon: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The color of the component.\n   * It supports both default and custom theme colors, which can be added as shown in the\n   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).\n   * @default 'primary'\n   */\n  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['default', 'primary', 'secondary', 'error', 'info', 'success', 'warning']), PropTypes.string]),\n  /**\n   * The default checked state. Use when the component is not controlled.\n   */\n  defaultChecked: PropTypes.bool,\n  /**\n   * If `true`, the component is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true`, the ripple effect is disabled.\n   * @default false\n   */\n  disableRipple: PropTypes.bool,\n  /**\n   * If given, uses a negative margin to counteract the padding on one\n   * side (this is often helpful for aligning the left or right\n   * side of the icon with content above or below, without ruining the border\n   * size and shape).\n   * @default false\n   */\n  edge: PropTypes.oneOf(['end', 'start', false]),\n  /**\n   * The icon to display when the component is unchecked.\n   */\n  icon: PropTypes.node,\n  /**\n   * The id of the `input` element.\n   */\n  id: PropTypes.string,\n  /**\n   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.\n   */\n  inputProps: PropTypes.object,\n  /**\n   * Pass a ref to the `input` element.\n   */\n  inputRef: refType,\n  /**\n   * Callback fired when the state is changed.\n   *\n   * @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.\n   * You can pull out the new value by accessing `event.target.value` (string).\n   * You can pull out the new checked state by accessing `event.target.checked` (boolean).\n   */\n  onChange: PropTypes.func,\n  /**\n   * If `true`, the `input` element is required.\n   * @default false\n   */\n  required: PropTypes.bool,\n  /**\n   * The size of the component.\n   * `small` is equivalent to the dense switch styling.\n   * @default 'medium'\n   */\n  size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['medium', 'small']), PropTypes.string]),\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * The value of the component. The DOM API casts this to a string.\n   * The browser uses \"on\" as the default value.\n   */\n  value: PropTypes.any\n} : void 0;\nexport default Switch;","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getSwitchUtilityClass(slot) {\n  return generateUtilityClass('MuiSwitch', slot);\n}\nconst switchClasses = generateUtilityClasses('MuiSwitch', ['root', 'edgeStart', 'edgeEnd', 'switchBase', 'colorPrimary', 'colorSecondary', 'sizeSmall', 'sizeMedium', 'checked', 'disabled', 'input', 'thumb', 'track']);\nexport default switchClasses;"],"names":["observer","onClose","model","React","Dialog","open","title","DialogContent","Typography","variant","Stack","direction","alignItems","Switch","checked","areBookmarksHighlightedOnAllOpenViews","onChange","setHighlightToggle","areBookmarksHighlightLabelsOnAllOpenViews","setLabelToggle","DialogActions","Button","color","onClick","defaultTheme","createTheme","defaultCreateStyledComponent","name","slot","overridesResolver","props","styles","root","useThemePropsDefault","useThemeProps","joinChildren","children","separator","childrenArray","toArray","filter","Boolean","reduce","output","child","index","push","length","key","style","ownerState","theme","display","flexDirection","values","breakpoints","propValue","spacing","transformer","base","Object","keys","acc","breakpoint","directionValues","spacingValues","forEach","previousDirectionValue","styleFromPropValue","useFlexGap","gap","margin","row","column","deepmerge","options","createStyledComponent","componentName","StackRoot","inProps","ref","themeProps","extendSxProp","component","divider","className","other","classes","composeClasses","generateUtilityClass","as","clsx","createStack","SwitchRoot","edge","size","width","height","overflow","padding","boxSizing","position","flexShrink","zIndex","verticalAlign","colorAdjust","variants","marginLeft","marginRight","thumb","switchBase","transform","SwitchSwitchBase","input","top","left","vars","palette","defaultColor","mode","common","white","grey","transition","transitions","create","duration","shortest","disabled","defaultDisabledColor","track","opacity","switchTrackDisabled","backgroundColor","action","activeChannel","hoverOpacity","active","entries","map","main","mainChannel","SwitchTrack","borderRadius","onBackground","black","switchTrack","SwitchThumb","boxShadow","shadows","sx","slots","composedClasses","useUtilityClasses","icon","type","checkedIcon","getSwitchUtilityClass"],"sourceRoot":""}