{
  "version": 3,
  "sources": ["../../../../../src/lib/ui/components/NavigationZone/NavigationZone.tsx"],
  "sourcesContent": ["import { memo, useCallback } from 'react'\nimport { useActions } from '../../hooks/useActions'\nimport { useBreakpoint } from '../../hooks/useBreakpoint'\nimport { useLocalStorageState } from '../../hooks/useLocalStorageState'\nimport { useTranslation } from '../../hooks/useTranslation/useTranslation'\nimport { Button } from '../primitives/Button'\nimport { kbdStr } from '../primitives/shared'\nimport { Minimap } from './Minimap'\nimport { ZoomMenu } from './ZoomMenu'\n\n/** @internal */\nexport const NavigationZone = memo(function NavigationZone() {\n\tconst actions = useActions()\n\tconst msg = useTranslation()\n\tconst breakpoint = useBreakpoint()\n\n\tconst [collapsed, setCollapsed] = useLocalStorageState('minimap', true)\n\n\tconst toggleMinimap = useCallback(() => {\n\t\tsetCollapsed((s) => !s)\n\t}, [setCollapsed])\n\n\tif (breakpoint < 4) {\n\t\treturn null\n\t}\n\n\treturn (\n\t\t<div className=\"tlui-navigation-zone\">\n\t\t\t<div className=\"tlui-navigation-zone__controls\">\n\t\t\t\t{breakpoint < 6 ? (\n\t\t\t\t\t<ZoomMenu />\n\t\t\t\t) : collapsed ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<ZoomMenu />\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ttitle={msg('navigation-zone.toggle-minimap')}\n\t\t\t\t\t\t\tclassName=\"tlui-navigation-zone__toggle\"\n\t\t\t\t\t\t\tdata-testid=\"minimap.toggle\"\n\t\t\t\t\t\t\tonClick={toggleMinimap}\n\t\t\t\t\t\t\ticon={collapsed ? 'chevrons-ne' : 'chevrons-sw'}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</>\n\t\t\t\t) : (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ticon=\"minus\"\n\t\t\t\t\t\t\tdata-testid=\"minimap.zoom-out\"\n\t\t\t\t\t\t\ttitle={`${msg(actions['zoom-out'].label!)} ${kbdStr(actions['zoom-out'].kbd!)}`}\n\t\t\t\t\t\t\tonClick={() => actions['zoom-out'].onSelect('navigation-zone')}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ZoomMenu />\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ticon=\"plus\"\n\t\t\t\t\t\t\tdata-testid=\"minimap.zoom-in\"\n\t\t\t\t\t\t\ttitle={`${msg(actions['zoom-in'].label!)} ${kbdStr(actions['zoom-in'].kbd!)}`}\n\t\t\t\t\t\t\tonClick={() => actions['zoom-in'].onSelect('navigation-zone')}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ttitle={msg('navigation-zone.toggle-minimap')}\n\t\t\t\t\t\t\tclassName=\"tlui-navigation-zone__toggle\"\n\t\t\t\t\t\t\tonClick={toggleMinimap}\n\t\t\t\t\t\t\ticon={collapsed ? 'chevrons-ne' : 'chevrons-sw'}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{breakpoint >= 6 && !collapsed && (\n\t\t\t\t<Minimap\n\t\t\t\t\tviewportFill=\"--color-muted-1\"\n\t\t\t\t\tselectFill=\"--color-selected\"\n\t\t\t\t\tshapeFill=\"--color-text-3\"\n\t\t\t\t/>\n\t\t\t)}\n\t\t</div>\n\t)\n})\n"],
  "mappings": "AA8BK,SAEA,UAFA,KAEA,YAFA;AA9BL,SAAS,MAAM,mBAAmB;AAClC,SAAS,kBAAkB;AAC3B,SAAS,qBAAqB;AAC9B,SAAS,4BAA4B;AACrC,SAAS,sBAAsB;AAC/B,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,eAAe;AACxB,SAAS,gBAAgB;AAGlB,MAAM,iBAAiB,KAAK,SAASA,kBAAiB;AAC5D,QAAM,UAAU,WAAW;AAC3B,QAAM,MAAM,eAAe;AAC3B,QAAM,aAAa,cAAc;AAEjC,QAAM,CAAC,WAAW,YAAY,IAAI,qBAAqB,WAAW,IAAI;AAEtE,QAAM,gBAAgB,YAAY,MAAM;AACvC,iBAAa,CAAC,MAAM,CAAC,CAAC;AAAA,EACvB,GAAG,CAAC,YAAY,CAAC;AAEjB,MAAI,aAAa,GAAG;AACnB,WAAO;AAAA,EACR;AAEA,SACC,qBAAC,SAAI,WAAU,wBACd;AAAA,wBAAC,SAAI,WAAU,kCACb,uBAAa,IACb,oBAAC,YAAS,IACP,YACH,iCACC;AAAA,0BAAC,YAAS;AAAA,MACV;AAAA,QAAC;AAAA;AAAA,UACA,OAAO,IAAI,gCAAgC;AAAA,UAC3C,WAAU;AAAA,UACV,eAAY;AAAA,UACZ,SAAS;AAAA,UACT,MAAM,YAAY,gBAAgB;AAAA;AAAA,MACnC;AAAA,OACD,IAEA,iCACC;AAAA;AAAA,QAAC;AAAA;AAAA,UACA,MAAK;AAAA,UACL,eAAY;AAAA,UACZ,OAAO,GAAG,IAAI,QAAQ,UAAU,EAAE,KAAM,CAAC,IAAI,OAAO,QAAQ,UAAU,EAAE,GAAI,CAAC;AAAA,UAC7E,SAAS,MAAM,QAAQ,UAAU,EAAE,SAAS,iBAAiB;AAAA;AAAA,MAC9D;AAAA,MACA,oBAAC,YAAS;AAAA,MACV;AAAA,QAAC;AAAA;AAAA,UACA,MAAK;AAAA,UACL,eAAY;AAAA,UACZ,OAAO,GAAG,IAAI,QAAQ,SAAS,EAAE,KAAM,CAAC,IAAI,OAAO,QAAQ,SAAS,EAAE,GAAI,CAAC;AAAA,UAC3E,SAAS,MAAM,QAAQ,SAAS,EAAE,SAAS,iBAAiB;AAAA;AAAA,MAC7D;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACA,OAAO,IAAI,gCAAgC;AAAA,UAC3C,WAAU;AAAA,UACV,SAAS;AAAA,UACT,MAAM,YAAY,gBAAgB;AAAA;AAAA,MACnC;AAAA,OACD,GAEF;AAAA,IACC,cAAc,KAAK,CAAC,aACpB;AAAA,MAAC;AAAA;AAAA,QACA,cAAa;AAAA,QACb,YAAW;AAAA,QACX,WAAU;AAAA;AAAA,IACX;AAAA,KAEF;AAEF,CAAC;",
  "names": ["NavigationZone"]
}