{
  "version": 3,
  "sources": ["../../../../../src/lib/ui/components/HelperButtons/BackToContent.tsx"],
  "sourcesContent": ["import { Editor, EditorAtom, useEditor, useQuickReactor } from '@tldraw/editor'\nimport { useEffect, useRef, useState } from 'react'\nimport { useActions } from '../../context/actions'\nimport { TldrawUiMenuActionItem } from '../primitives/menus/TldrawUiMenuActionItem'\n\nconst backToContentSuppressed = new EditorAtom('backToContentSuppressed', () => false)\nconst suppressTimeout = new EditorAtom<number | null>('backToContentSuppressTimeout', () => null)\n\n/**\n * How long all content must stay off-screen before the \"back to content\" button\n * appears. Delaying the appearance stops the button from flickering during brief\n * off-screen moments while panning or zooming.\n * @internal\n */\nexport const BACK_TO_CONTENT_APPEAR_DELAY_MS = 1000\n\n/**\n * Hide the \"back to content\" helper button right away, regardless of where the\n * camera currently is. This is used when the user has explicitly chosen to\n * navigate back to the content (e.g. via the \"move focus to canvas\" button): the\n * button should disappear on intent rather than waiting for the camera animation\n * to physically bring a shape back into the viewport. The button falls back to\n * its normal reactive logic after `durationMs`, by which point the camera has\n * arrived and the content is visible.\n * @internal\n */\nexport function suppressBackToContent(editor: Editor, durationMs: number) {\n\tbackToContentSuppressed.set(editor, true)\n\t// Cancel any pending timeout so an earlier (shorter) timer can't clear the\n\t// suppression while a newer camera animation is still running.\n\tconst pending = suppressTimeout.get(editor)\n\tif (pending !== null) clearTimeout(pending)\n\tconst id = editor.timers.setTimeout(() => {\n\t\tbackToContentSuppressed.set(editor, false)\n\t\tsuppressTimeout.set(editor, null)\n\t}, durationMs)\n\tsuppressTimeout.set(editor, id)\n}\n\nexport function BackToContent() {\n\tconst editor = useEditor()\n\n\tconst actions = useActions()\n\n\tconst [showBackToContent, setShowBackToContent] = useState(false)\n\tconst rIsShowing = useRef(false)\n\tconst rAppearTimeout = useRef<number | null>(null)\n\n\tuseQuickReactor(\n\t\t'toggle showback to content',\n\t\t() => {\n\t\t\tlet showBackToContentNow = false\n\t\t\tif (!backToContentSuppressed.get(editor)) {\n\t\t\t\tconst shapeIds = editor.getCurrentPageShapeIds()\n\t\t\t\tif (shapeIds.size) {\n\t\t\t\t\tshowBackToContentNow = shapeIds.size === editor.getNotVisibleShapes().size\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (showBackToContentNow === rIsShowing.current) {\n\t\t\t\t// Already in the desired state. Cancel any pending appearance timer\n\t\t\t\t// that's no longer needed (e.g. content came back into view before\n\t\t\t\t// the delay elapsed).\n\t\t\t\tif (rAppearTimeout.current !== null) {\n\t\t\t\t\tclearTimeout(rAppearTimeout.current)\n\t\t\t\t\trAppearTimeout.current = null\n\t\t\t\t}\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\tif (showBackToContentNow) {\n\t\t\t\t// Delay the appearance so the button doesn't flicker during brief\n\t\t\t\t// off-screen moments. The timer cancels above if content returns.\n\t\t\t\tif (rAppearTimeout.current === null) {\n\t\t\t\t\trAppearTimeout.current = editor.timers.setTimeout(() => {\n\t\t\t\t\t\trAppearTimeout.current = null\n\t\t\t\t\t\trIsShowing.current = true\n\t\t\t\t\t\tsetShowBackToContent(true)\n\t\t\t\t\t}, BACK_TO_CONTENT_APPEAR_DELAY_MS)\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\t// Hiding stays immediate.\n\t\t\t\tif (rAppearTimeout.current !== null) {\n\t\t\t\t\tclearTimeout(rAppearTimeout.current)\n\t\t\t\t\trAppearTimeout.current = null\n\t\t\t\t}\n\t\t\t\trIsShowing.current = false\n\t\t\t\tsetShowBackToContent(false)\n\t\t\t}\n\t\t},\n\t\t[editor]\n\t)\n\n\t// Clear any pending appearance timer if we unmount before it fires.\n\tuseEffect(() => {\n\t\treturn () => {\n\t\t\tif (rAppearTimeout.current !== null) {\n\t\t\t\tclearTimeout(rAppearTimeout.current)\n\t\t\t\trAppearTimeout.current = null\n\t\t\t}\n\t\t}\n\t}, [])\n\n\tif (!showBackToContent) return null\n\n\treturn (\n\t\t<TldrawUiMenuActionItem\n\t\t\tactionId=\"back-to-content\"\n\t\t\tonSelect={() => {\n\t\t\t\tactions['back-to-content'].onSelect('helper-buttons')\n\t\t\t\tsetShowBackToContent(false)\n\t\t\t}}\n\t\t/>\n\t)\n}\n"],
  "mappings": "AA0GE;AA1GF,SAAiB,YAAY,WAAW,uBAAuB;AAC/D,SAAS,WAAW,QAAQ,gBAAgB;AAC5C,SAAS,kBAAkB;AAC3B,SAAS,8BAA8B;AAEvC,MAAM,0BAA0B,IAAI,WAAW,2BAA2B,MAAM,KAAK;AACrF,MAAM,kBAAkB,IAAI,WAA0B,gCAAgC,MAAM,IAAI;AAQzF,MAAM,kCAAkC;AAYxC,SAAS,sBAAsB,QAAgB,YAAoB;AACzE,0BAAwB,IAAI,QAAQ,IAAI;AAGxC,QAAM,UAAU,gBAAgB,IAAI,MAAM;AAC1C,MAAI,YAAY,KAAM,cAAa,OAAO;AAC1C,QAAM,KAAK,OAAO,OAAO,WAAW,MAAM;AACzC,4BAAwB,IAAI,QAAQ,KAAK;AACzC,oBAAgB,IAAI,QAAQ,IAAI;AAAA,EACjC,GAAG,UAAU;AACb,kBAAgB,IAAI,QAAQ,EAAE;AAC/B;AAEO,SAAS,gBAAgB;AAC/B,QAAM,SAAS,UAAU;AAEzB,QAAM,UAAU,WAAW;AAE3B,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,SAAS,KAAK;AAChE,QAAM,aAAa,OAAO,KAAK;AAC/B,QAAM,iBAAiB,OAAsB,IAAI;AAEjD;AAAA,IACC;AAAA,IACA,MAAM;AACL,UAAI,uBAAuB;AAC3B,UAAI,CAAC,wBAAwB,IAAI,MAAM,GAAG;AACzC,cAAM,WAAW,OAAO,uBAAuB;AAC/C,YAAI,SAAS,MAAM;AAClB,iCAAuB,SAAS,SAAS,OAAO,oBAAoB,EAAE;AAAA,QACvE;AAAA,MACD;AAEA,UAAI,yBAAyB,WAAW,SAAS;AAIhD,YAAI,eAAe,YAAY,MAAM;AACpC,uBAAa,eAAe,OAAO;AACnC,yBAAe,UAAU;AAAA,QAC1B;AACA;AAAA,MACD;AAEA,UAAI,sBAAsB;AAGzB,YAAI,eAAe,YAAY,MAAM;AACpC,yBAAe,UAAU,OAAO,OAAO,WAAW,MAAM;AACvD,2BAAe,UAAU;AACzB,uBAAW,UAAU;AACrB,iCAAqB,IAAI;AAAA,UAC1B,GAAG,+BAA+B;AAAA,QACnC;AAAA,MACD,OAAO;AAEN,YAAI,eAAe,YAAY,MAAM;AACpC,uBAAa,eAAe,OAAO;AACnC,yBAAe,UAAU;AAAA,QAC1B;AACA,mBAAW,UAAU;AACrB,6BAAqB,KAAK;AAAA,MAC3B;AAAA,IACD;AAAA,IACA,CAAC,MAAM;AAAA,EACR;AAGA,YAAU,MAAM;AACf,WAAO,MAAM;AACZ,UAAI,eAAe,YAAY,MAAM;AACpC,qBAAa,eAAe,OAAO;AACnC,uBAAe,UAAU;AAAA,MAC1B;AAAA,IACD;AAAA,EACD,GAAG,CAAC,CAAC;AAEL,MAAI,CAAC,kBAAmB,QAAO;AAE/B,SACC;AAAA,IAAC;AAAA;AAAA,MACA,UAAS;AAAA,MACT,UAAU,MAAM;AACf,gBAAQ,iBAAiB,EAAE,SAAS,gBAAgB;AACpD,6BAAqB,KAAK;AAAA,MAC3B;AAAA;AAAA,EACD;AAEF;",
  "names": []
}