@bigbluebutton/tldraw 2.0.0-alpha.19

package/dist-esm/index.mjs

@@ -0,0 +1,234 @@
+export * from "@bigbluebutton/editor";
+import { Tldraw } from "./lib/Tldraw.mjs";
+import { TldrawCropHandles } from "./lib/canvas/TldrawCropHandles.mjs";
+import { TldrawHandles } from "./lib/canvas/TldrawHandles.mjs";
+import { TldrawHoveredShapeIndicator } from "./lib/canvas/TldrawHoveredShapeIndicator.mjs";
+import { TldrawScribble } from "./lib/canvas/TldrawScribble.mjs";
+import { TldrawSelectionBackground } from "./lib/canvas/TldrawSelectionBackground.mjs";
+import { TldrawSelectionForeground } from "./lib/canvas/TldrawSelectionForeground.mjs";
+import { defaultShapeTools } from "./lib/defaultShapeTools.mjs";
+import { defaultShapeUtils } from "./lib/defaultShapeUtils.mjs";
+import { defaultTools } from "./lib/defaultTools.mjs";
+import { ArrowShapeTool } from "./lib/shapes/arrow/ArrowShapeTool.mjs";
+import { ArrowShapeUtil } from "./lib/shapes/arrow/ArrowShapeUtil.mjs";
+import { BookmarkShapeUtil } from "./lib/shapes/bookmark/BookmarkShapeUtil.mjs";
+import { DrawShapeTool } from "./lib/shapes/draw/DrawShapeTool.mjs";
+import { DrawShapeUtil } from "./lib/shapes/draw/DrawShapeUtil.mjs";
+import { EmbedShapeUtil } from "./lib/shapes/embed/EmbedShapeUtil.mjs";
+import { FrameShapeTool } from "./lib/shapes/frame/FrameShapeTool.mjs";
+import { FrameShapeUtil } from "./lib/shapes/frame/FrameShapeUtil.mjs";
+import { GeoShapeTool } from "./lib/shapes/geo/GeoShapeTool.mjs";
+import { GeoShapeUtil } from "./lib/shapes/geo/GeoShapeUtil.mjs";
+import { HighlightShapeTool } from "./lib/shapes/highlight/HighlightShapeTool.mjs";
+import { HighlightShapeUtil } from "./lib/shapes/highlight/HighlightShapeUtil.mjs";
+import { ImageShapeUtil } from "./lib/shapes/image/ImageShapeUtil.mjs";
+import { LineShapeTool } from "./lib/shapes/line/LineShapeTool.mjs";
+import { LineShapeUtil } from "./lib/shapes/line/LineShapeUtil.mjs";
+import { NoteShapeTool } from "./lib/shapes/note/NoteShapeTool.mjs";
+import { NoteShapeUtil } from "./lib/shapes/note/NoteShapeUtil.mjs";
+import { TextShapeTool } from "./lib/shapes/text/TextShapeTool.mjs";
+import { TextShapeUtil } from "./lib/shapes/text/TextShapeUtil.mjs";
+import { VideoShapeUtil } from "./lib/shapes/video/VideoShapeUtil.mjs";
+import { EraserTool } from "./lib/tools/EraserTool/EraserTool.mjs";
+import { HandTool } from "./lib/tools/HandTool/HandTool.mjs";
+import { LaserTool } from "./lib/tools/LaserTool/LaserTool.mjs";
+import { SelectTool } from "./lib/tools/SelectTool/SelectTool.mjs";
+import { ZoomTool } from "./lib/tools/ZoomTool/ZoomTool.mjs";
+import { TldrawUi } from "./lib/ui/TldrawUi.mjs";
+import {
+  TldrawUiContextProvider
+} from "./lib/ui/TldrawUiContextProvider.mjs";
+import { setDefaultUiAssetUrls } from "./lib/ui/assetUrls.mjs";
+import { ContextMenu } from "./lib/ui/components/ContextMenu.mjs";
+import { OfflineIndicator } from "./lib/ui/components/OfflineIndicator/OfflineIndicator.mjs";
+import { Spinner } from "./lib/ui/components/Spinner.mjs";
+import { Button } from "./lib/ui/components/primitives/Button.mjs";
+import { Icon } from "./lib/ui/components/primitives/Icon.mjs";
+import { Input } from "./lib/ui/components/primitives/Input.mjs";
+import {
+  compactMenuItems,
+  findMenuItem,
+  menuCustom,
+  menuGroup,
+  menuItem,
+  menuSubmenu
+} from "./lib/ui/hooks/menuHelpers.mjs";
+import {
+  useActions
+} from "./lib/ui/hooks/useActions.mjs";
+import {
+  useActionsMenuSchema
+} from "./lib/ui/hooks/useActionsMenuSchema.mjs";
+import { AssetUrlsProvider, useAssetUrls } from "./lib/ui/hooks/useAssetUrls.mjs";
+import { BreakPointProvider, useBreakpoint } from "./lib/ui/hooks/useBreakpoint.mjs";
+import { useCanRedo } from "./lib/ui/hooks/useCanRedo.mjs";
+import { useCanUndo } from "./lib/ui/hooks/useCanUndo.mjs";
+import { useMenuClipboardEvents, useNativeClipboardEvents } from "./lib/ui/hooks/useClipboardEvents.mjs";
+import {
+  useContextMenuSchema
+} from "./lib/ui/hooks/useContextMenuSchema.mjs";
+import { useCopyAs } from "./lib/ui/hooks/useCopyAs.mjs";
+import {
+  useDialogs
+} from "./lib/ui/hooks/useDialogsProvider.mjs";
+import {
+  UiEventsProvider,
+  useUiEvents
+} from "./lib/ui/hooks/useEventsProvider.mjs";
+import { useExportAs } from "./lib/ui/hooks/useExportAs.mjs";
+import {
+  useHelpMenuSchema
+} from "./lib/ui/hooks/useHelpMenuSchema.mjs";
+import { useKeyboardShortcuts } from "./lib/ui/hooks/useKeyboardShortcuts.mjs";
+import {
+  useKeyboardShortcutsSchema
+} from "./lib/ui/hooks/useKeyboardShortcutsSchema.mjs";
+import { useLocalStorageState } from "./lib/ui/hooks/useLocalStorageState.mjs";
+import { useMenuIsOpen } from "./lib/ui/hooks/useMenuIsOpen.mjs";
+import {
+  useMenuSchema
+} from "./lib/ui/hooks/useMenuSchema.mjs";
+import { useReadonly } from "./lib/ui/hooks/useReadonly.mjs";
+import {
+  useToasts
+} from "./lib/ui/hooks/useToastsProvider.mjs";
+import {
+  toolbarItem,
+  useToolbarSchema
+} from "./lib/ui/hooks/useToolbarSchema.mjs";
+import {
+  useTools
+} from "./lib/ui/hooks/useTools.mjs";
+import {
+  useTranslation
+} from "./lib/ui/hooks/useTranslation/useTranslation.mjs";
+import { useDefaultHelpers } from "./lib/ui/overrides.mjs";
+import {
+  DEFAULT_ACCEPTED_IMG_TYPE,
+  DEFAULT_ACCEPTED_VID_TYPE,
+  containBoxSize,
+  getResizedImageDataUrl,
+  isGifAnimated
+} from "./lib/utils/assets/assets.mjs";
+import { getEmbedInfo } from "./lib/utils/embeds/embeds.mjs";
+import { copyAs } from "./lib/utils/export/copyAs.mjs";
+import { getSvgAsImage } from "./lib/utils/export/export.mjs";
+import { exportAs } from "./lib/utils/export/exportAs.mjs";
+import { fitFrameToContent, removeFrame } from "./lib/utils/frames/frames.mjs";
+import { setDefaultEditorAssetUrls } from "./lib/utils/static-assets/assetUrls.mjs";
+import { truncateStringWithEllipsis } from "./lib/utils/text/text.mjs";
+import {
+  buildFromV1Document
+} from "./lib/utils/tldr/buildFromV1Document.mjs";
+import {
+  TLDRAW_FILE_EXTENSION,
+  parseAndLoadDocument,
+  parseTldrawJsonFile,
+  serializeTldrawJson,
+  serializeTldrawJsonBlob
+} from "./lib/utils/tldr/file.mjs";
+import * as Dialog from "./lib/ui/components/primitives/Dialog.mjs";
+import * as DropdownMenu from "./lib/ui/components/primitives/DropdownMenu.mjs";
+export {
+  ArrowShapeTool,
+  ArrowShapeUtil,
+  AssetUrlsProvider,
+  BookmarkShapeUtil,
+  BreakPointProvider,
+  Button,
+  ContextMenu,
+  DEFAULT_ACCEPTED_IMG_TYPE,
+  DEFAULT_ACCEPTED_VID_TYPE,
+  Dialog,
+  DrawShapeTool,
+  DrawShapeUtil,
+  DropdownMenu,
+  EmbedShapeUtil,
+  EraserTool,
+  FrameShapeTool,
+  FrameShapeUtil,
+  GeoShapeTool,
+  GeoShapeUtil,
+  HandTool,
+  HighlightShapeTool,
+  HighlightShapeUtil,
+  Icon,
+  ImageShapeUtil,
+  Input,
+  LaserTool,
+  LineShapeTool,
+  LineShapeUtil,
+  NoteShapeTool,
+  NoteShapeUtil,
+  OfflineIndicator,
+  SelectTool,
+  Spinner,
+  TLDRAW_FILE_EXTENSION,
+  TextShapeTool,
+  TextShapeUtil,
+  Tldraw,
+  TldrawCropHandles,
+  TldrawHandles,
+  TldrawHoveredShapeIndicator,
+  TldrawScribble,
+  TldrawSelectionBackground,
+  TldrawSelectionForeground,
+  TldrawUi,
+  TldrawUiContextProvider,
+  UiEventsProvider,
+  VideoShapeUtil,
+  ZoomTool,
+  buildFromV1Document,
+  compactMenuItems,
+  containBoxSize,
+  copyAs,
+  defaultShapeTools,
+  defaultShapeUtils,
+  defaultTools,
+  exportAs,
+  findMenuItem,
+  fitFrameToContent,
+  getEmbedInfo,
+  getResizedImageDataUrl,
+  getSvgAsImage,
+  isGifAnimated,
+  menuCustom,
+  menuGroup,
+  menuItem,
+  menuSubmenu,
+  parseAndLoadDocument,
+  parseTldrawJsonFile,
+  removeFrame,
+  serializeTldrawJson,
+  serializeTldrawJsonBlob,
+  setDefaultEditorAssetUrls,
+  setDefaultUiAssetUrls,
+  toolbarItem,
+  truncateStringWithEllipsis,
+  useActions,
+  useActionsMenuSchema,
+  useAssetUrls,
+  useBreakpoint,
+  useCanRedo,
+  useCanUndo,
+  useContextMenuSchema,
+  useCopyAs,
+  useDefaultHelpers,
+  useDialogs,
+  useExportAs,
+  useHelpMenuSchema,
+  useKeyboardShortcuts,
+  useKeyboardShortcutsSchema,
+  useLocalStorageState,
+  useMenuClipboardEvents,
+  useMenuIsOpen,
+  useMenuSchema,
+  useNativeClipboardEvents,
+  useReadonly,
+  useToasts,
+  useToolbarSchema,
+  useTools,
+  useTranslation,
+  useUiEvents
+};
+//# sourceMappingURL=index.mjs.map

package/dist-esm/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/index.ts"],
+  "sourcesContent": ["/// <reference types=\"react\" />\n\n// eslint-disable-next-line local/no-export-star\nexport * from '@bigbluebutton/editor'\nexport { Tldraw, type TldrawProps } from './lib/Tldraw'\nexport { TldrawCropHandles, type TldrawCropHandlesProps } from './lib/canvas/TldrawCropHandles'\nexport { TldrawHandles } from './lib/canvas/TldrawHandles'\nexport { TldrawHoveredShapeIndicator } from './lib/canvas/TldrawHoveredShapeIndicator'\nexport { TldrawScribble } from './lib/canvas/TldrawScribble'\nexport { TldrawSelectionBackground } from './lib/canvas/TldrawSelectionBackground'\nexport { TldrawSelectionForeground } from './lib/canvas/TldrawSelectionForeground'\nexport { defaultShapeTools } from './lib/defaultShapeTools'\nexport { defaultShapeUtils } from './lib/defaultShapeUtils'\nexport { defaultTools } from './lib/defaultTools'\nexport { ArrowShapeTool } from './lib/shapes/arrow/ArrowShapeTool'\nexport { ArrowShapeUtil } from './lib/shapes/arrow/ArrowShapeUtil'\nexport { BookmarkShapeUtil } from './lib/shapes/bookmark/BookmarkShapeUtil'\nexport { DrawShapeTool } from './lib/shapes/draw/DrawShapeTool'\nexport { DrawShapeUtil } from './lib/shapes/draw/DrawShapeUtil'\nexport { EmbedShapeUtil } from './lib/shapes/embed/EmbedShapeUtil'\nexport { FrameShapeTool } from './lib/shapes/frame/FrameShapeTool'\nexport { FrameShapeUtil } from './lib/shapes/frame/FrameShapeUtil'\nexport { GeoShapeTool } from './lib/shapes/geo/GeoShapeTool'\nexport { GeoShapeUtil } from './lib/shapes/geo/GeoShapeUtil'\nexport { HighlightShapeTool } from './lib/shapes/highlight/HighlightShapeTool'\nexport { HighlightShapeUtil } from './lib/shapes/highlight/HighlightShapeUtil'\nexport { ImageShapeUtil } from './lib/shapes/image/ImageShapeUtil'\nexport { LineShapeTool } from './lib/shapes/line/LineShapeTool'\nexport { LineShapeUtil } from './lib/shapes/line/LineShapeUtil'\nexport { NoteShapeTool } from './lib/shapes/note/NoteShapeTool'\nexport { NoteShapeUtil } from './lib/shapes/note/NoteShapeUtil'\nexport { TextShapeTool } from './lib/shapes/text/TextShapeTool'\nexport { TextShapeUtil } from './lib/shapes/text/TextShapeUtil'\nexport { VideoShapeUtil } from './lib/shapes/video/VideoShapeUtil'\nexport { EraserTool } from './lib/tools/EraserTool/EraserTool'\nexport { HandTool } from './lib/tools/HandTool/HandTool'\nexport { LaserTool } from './lib/tools/LaserTool/LaserTool'\nexport { SelectTool } from './lib/tools/SelectTool/SelectTool'\nexport { ZoomTool } from './lib/tools/ZoomTool/ZoomTool'\n// UI\nexport { TldrawUi, type TldrawUiBaseProps, type TldrawUiProps } from './lib/ui/TldrawUi'\nexport {\n\tTldrawUiContextProvider,\n\ttype TldrawUiContextProviderProps,\n} from './lib/ui/TldrawUiContextProvider'\nexport { setDefaultUiAssetUrls, type TLUiAssetUrlOverrides } from './lib/ui/assetUrls'\nexport { ContextMenu, type TLUiContextMenuProps } from './lib/ui/components/ContextMenu'\nexport { OfflineIndicator } from './lib/ui/components/OfflineIndicator/OfflineIndicator'\nexport { Spinner } from './lib/ui/components/Spinner'\nexport { Button, type TLUiButtonProps } from './lib/ui/components/primitives/Button'\nexport { Icon, type TLUiIconProps } from './lib/ui/components/primitives/Icon'\nexport { Input, type TLUiInputProps } from './lib/ui/components/primitives/Input'\nexport {\n\tcompactMenuItems,\n\tfindMenuItem,\n\tmenuCustom,\n\tmenuGroup,\n\tmenuItem,\n\tmenuSubmenu,\n\ttype TLUiCustomMenuItem,\n\ttype TLUiMenuChild,\n\ttype TLUiMenuGroup,\n\ttype TLUiMenuItem,\n\ttype TLUiMenuSchema,\n\ttype TLUiSubMenu,\n} from './lib/ui/hooks/menuHelpers'\nexport {\n\tuseActions,\n\ttype TLUiActionItem,\n\ttype TLUiActionsContextType,\n} from './lib/ui/hooks/useActions'\nexport {\n\tuseActionsMenuSchema,\n\ttype TLUiActionsMenuSchemaContextType,\n} from './lib/ui/hooks/useActionsMenuSchema'\nexport { AssetUrlsProvider, useAssetUrls } from './lib/ui/hooks/useAssetUrls'\nexport { BreakPointProvider, useBreakpoint } from './lib/ui/hooks/useBreakpoint'\nexport { useCanRedo } from './lib/ui/hooks/useCanRedo'\nexport { useCanUndo } from './lib/ui/hooks/useCanUndo'\nexport { useMenuClipboardEvents, useNativeClipboardEvents } from './lib/ui/hooks/useClipboardEvents'\nexport {\n\tuseContextMenuSchema,\n\ttype TLUiContextTTLUiMenuSchemaContextType,\n} from './lib/ui/hooks/useContextMenuSchema'\nexport { useCopyAs } from './lib/ui/hooks/useCopyAs'\nexport {\n\tuseDialogs,\n\ttype TLUiDialog,\n\ttype TLUiDialogProps,\n\ttype TLUiDialogsContextType,\n} from './lib/ui/hooks/useDialogsProvider'\nexport {\n\tUiEventsProvider,\n\tuseUiEvents,\n\ttype EventsProviderProps,\n\ttype TLUiEventContextType,\n\ttype TLUiEventHandler,\n\ttype TLUiEventMap,\n\ttype TLUiEventSource,\n} from './lib/ui/hooks/useEventsProvider'\nexport { useExportAs } from './lib/ui/hooks/useExportAs'\nexport {\n\tuseHelpMenuSchema,\n\ttype TLUiHelpMenuSchemaContextType,\n} from './lib/ui/hooks/useHelpMenuSchema'\nexport { useKeyboardShortcuts } from './lib/ui/hooks/useKeyboardShortcuts'\nexport {\n\tuseKeyboardShortcutsSchema,\n\ttype TLUiKeyboardShortcutsSchemaContextType,\n\ttype TLUiKeyboardShortcutsSchemaProviderProps,\n} from './lib/ui/hooks/useKeyboardShortcutsSchema'\nexport { useLocalStorageState } from './lib/ui/hooks/useLocalStorageState'\nexport { useMenuIsOpen } from './lib/ui/hooks/useMenuIsOpen'\nexport {\n\tuseMenuSchema,\n\ttype TLUiMenuSchemaContextType,\n\ttype TLUiMenuSchemaProviderProps,\n} from './lib/ui/hooks/useMenuSchema'\nexport { useReadonly } from './lib/ui/hooks/useReadonly'\nexport {\n\tuseToasts,\n\ttype TLUiToast,\n\ttype TLUiToastAction,\n\ttype TLUiToastsContextType,\n} from './lib/ui/hooks/useToastsProvider'\nexport {\n\ttoolbarItem,\n\tuseToolbarSchema,\n\ttype TLUiToolbarItem,\n\ttype TLUiToolbarSchemaContextType,\n} from './lib/ui/hooks/useToolbarSchema'\nexport {\n\tuseTools,\n\ttype TLUiToolItem,\n\ttype TLUiToolsContextType,\n\ttype TLUiToolsProviderProps,\n} from './lib/ui/hooks/useTools'\nexport { type TLUiTranslationKey } from './lib/ui/hooks/useTranslation/TLUiTranslationKey'\nexport { type TLUiTranslation } from './lib/ui/hooks/useTranslation/translations'\nexport {\n\tuseTranslation as useTranslation,\n\ttype TLUiTranslationContextType,\n} from './lib/ui/hooks/useTranslation/useTranslation'\nexport { type TLUiIconType } from './lib/ui/icon-types'\nexport { useDefaultHelpers, type TLUiOverrides } from './lib/ui/overrides'\nexport {\n\tDEFAULT_ACCEPTED_IMG_TYPE,\n\tDEFAULT_ACCEPTED_VID_TYPE,\n\tcontainBoxSize,\n\tgetResizedImageDataUrl,\n\tisGifAnimated,\n} from './lib/utils/assets/assets'\nexport { getEmbedInfo } from './lib/utils/embeds/embeds'\nexport { copyAs } from './lib/utils/export/copyAs'\nexport { getSvgAsImage } from './lib/utils/export/export'\nexport { exportAs } from './lib/utils/export/exportAs'\nexport { fitFrameToContent, removeFrame } from './lib/utils/frames/frames'\nexport { setDefaultEditorAssetUrls } from './lib/utils/static-assets/assetUrls'\nexport { truncateStringWithEllipsis } from './lib/utils/text/text'\nexport {\n\tbuildFromV1Document,\n\ttype LegacyTldrawDocument,\n} from './lib/utils/tldr/buildFromV1Document'\nexport {\n\tTLDRAW_FILE_EXTENSION,\n\tparseAndLoadDocument,\n\tparseTldrawJsonFile,\n\tserializeTldrawJson,\n\tserializeTldrawJsonBlob,\n\ttype TldrawFile,\n} from './lib/utils/tldr/file'\nexport { Dialog, DropdownMenu }\nimport * as Dialog from './lib/ui/components/primitives/Dialog'\nimport * as DropdownMenu from './lib/ui/components/primitives/DropdownMenu'\n"],
+  "mappings": "AAGA,cAAc;AACd,SAAS,cAAgC;AACzC,SAAS,yBAAsD;AAC/D,SAAS,qBAAqB;AAC9B,SAAS,mCAAmC;AAC5C,SAAS,sBAAsB;AAC/B,SAAS,iCAAiC;AAC1C,SAAS,iCAAiC;AAC1C,SAAS,yBAAyB;AAClC,SAAS,yBAAyB;AAClC,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,yBAAyB;AAClC,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAC9B,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAC7B,SAAS,0BAA0B;AACnC,SAAS,0BAA0B;AACnC,SAAS,sBAAsB;AAC/B,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAC9B,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;AACzB,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;AAEzB,SAAS,gBAA4D;AACrE;AAAA,EACC;AAAA,OAEM;AACP,SAAS,6BAAyD;AAClE,SAAS,mBAA8C;AACvD,SAAS,wBAAwB;AACjC,SAAS,eAAe;AACxB,SAAS,cAAoC;AAC7C,SAAS,YAAgC;AACzC,SAAS,aAAkC;AAC3C;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAOM;AACP;AAAA,EACC;AAAA,OAGM;AACP;AAAA,EACC;AAAA,OAEM;AACP,SAAS,mBAAmB,oBAAoB;AAChD,SAAS,oBAAoB,qBAAqB;AAClD,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,wBAAwB,gCAAgC;AACjE;AAAA,EACC;AAAA,OAEM;AACP,SAAS,iBAAiB;AAC1B;AAAA,EACC;AAAA,OAIM;AACP;AAAA,EACC;AAAA,EACA;AAAA,OAMM;AACP,SAAS,mBAAmB;AAC5B;AAAA,EACC;AAAA,OAEM;AACP,SAAS,4BAA4B;AACrC;AAAA,EACC;AAAA,OAGM;AACP,SAAS,4BAA4B;AACrC,SAAS,qBAAqB;AAC9B;AAAA,EACC;AAAA,OAGM;AACP,SAAS,mBAAmB;AAC5B;AAAA,EACC;AAAA,OAIM;AACP;AAAA,EACC;AAAA,EACA;AAAA,OAGM;AACP;AAAA,EACC;AAAA,OAIM;AAGP;AAAA,EACmB;AAAA,OAEZ;AAEP,SAAS,yBAA6C;AACtD;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AACvB,SAAS,qBAAqB;AAC9B,SAAS,gBAAgB;AACzB,SAAS,mBAAmB,mBAAmB;AAC/C,SAAS,iCAAiC;AAC1C,SAAS,kCAAkC;AAC3C;AAAA,EACC;AAAA,OAEM;AACP;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEM;AAEP,YAAY,YAAY;AACxB,YAAY,kBAAkB;",
+  "names": []
+}

package/dist-esm/lib/Tldraw.mjs

@@ -0,0 +1,127 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  Canvas,
+  ErrorScreen,
+  LoadingScreen,
+  TldrawEditor,
+  assert,
+  useEditor,
+  useShallowArrayIdentity,
+  useShallowObjectIdentity
+} from "@bigbluebutton/editor";
+import { useCallback, useDebugValue, useLayoutEffect, useMemo, useRef } from "react";
+import { TldrawHandles } from "./canvas/TldrawHandles.mjs";
+import { TldrawHoveredShapeIndicator } from "./canvas/TldrawHoveredShapeIndicator.mjs";
+import { TldrawScribble } from "./canvas/TldrawScribble.mjs";
+import { TldrawSelectionBackground } from "./canvas/TldrawSelectionBackground.mjs";
+import { TldrawSelectionForeground } from "./canvas/TldrawSelectionForeground.mjs";
+import {
+  registerDefaultExternalContentHandlers
+} from "./defaultExternalContentHandlers.mjs";
+import { defaultShapeTools } from "./defaultShapeTools.mjs";
+import { defaultShapeUtils } from "./defaultShapeUtils.mjs";
+import { registerDefaultSideEffects } from "./defaultSideEffects.mjs";
+import { defaultTools } from "./defaultTools.mjs";
+import { TldrawUi } from "./ui/TldrawUi.mjs";
+import { ContextMenu } from "./ui/components/ContextMenu.mjs";
+import { usePreloadAssets } from "./ui/hooks/usePreloadAssets.mjs";
+import { useDefaultEditorAssetsWithOverrides } from "./utils/static-assets/assetUrls.mjs";
+function Tldraw(props) {
+  const {
+    children,
+    maxImageDimension,
+    maxAssetSize,
+    acceptedImageMimeTypes,
+    acceptedVideoMimeTypes,
+    onMount,
+    ...rest
+  } = props;
+  const components = useShallowObjectIdentity(rest.components ?? {});
+  const shapeUtils = useShallowArrayIdentity(rest.shapeUtils ?? []);
+  const tools = useShallowArrayIdentity(rest.tools ?? []);
+  const withDefaults = {
+    initialState: "select",
+    ...rest,
+    components: useMemo(
+      () => ({
+        Scribble: TldrawScribble,
+        CollaboratorScribble: TldrawScribble,
+        SelectionForeground: TldrawSelectionForeground,
+        SelectionBackground: TldrawSelectionBackground,
+        Handles: TldrawHandles,
+        HoveredShapeIndicator: TldrawHoveredShapeIndicator,
+        ...components
+      }),
+      [components]
+    ),
+    shapeUtils: useMemo(() => [...defaultShapeUtils, ...shapeUtils], [shapeUtils]),
+    tools: useMemo(() => [...defaultTools, ...defaultShapeTools, ...tools], [tools])
+  };
+  const assets = useDefaultEditorAssetsWithOverrides(rest.assetUrls);
+  const { done: preloadingComplete, error: preloadingError } = usePreloadAssets(assets);
+  if (preloadingError) {
+    return /* @__PURE__ */ jsx(ErrorScreen, { children: "Could not load assets. Please refresh the page." });
+  }
+  if (!preloadingComplete) {
+    return /* @__PURE__ */ jsx(LoadingScreen, { children: "Loading assets..." });
+  }
+  return /* @__PURE__ */ jsx(TldrawEditor, { ...withDefaults, children: /* @__PURE__ */ jsxs(TldrawUi, { ...withDefaults, children: [
+    /* @__PURE__ */ jsx(ContextMenu, { children: /* @__PURE__ */ jsx(Canvas, {}) }),
+    /* @__PURE__ */ jsx(
+      InsideOfEditorContext,
+      {
+        maxImageDimension,
+        maxAssetSize,
+        acceptedImageMimeTypes,
+        acceptedVideoMimeTypes,
+        onMount
+      }
+    ),
+    children
+  ] }) });
+}
+function InsideOfEditorContext({
+  maxImageDimension = 1e3,
+  maxAssetSize = 10 * 1024 * 1024,
+  // 10mb
+  acceptedImageMimeTypes = ["image/jpeg", "image/png", "image/gif", "image/svg+xml"],
+  acceptedVideoMimeTypes = ["video/mp4", "video/quicktime"],
+  onMount
+}) {
+  const editor = useEditor();
+  const onMountEvent = useEvent((editor2) => {
+    const unsubs = [];
+    unsubs.push(...registerDefaultSideEffects(editor2));
+    registerDefaultExternalContentHandlers(editor2, {
+      maxImageDimension,
+      maxAssetSize,
+      acceptedImageMimeTypes,
+      acceptedVideoMimeTypes
+    });
+    unsubs.push(onMount?.(editor2));
+    return () => {
+      unsubs.forEach((fn) => fn?.());
+    };
+  });
+  useLayoutEffect(() => {
+    if (editor)
+      return onMountEvent?.(editor);
+  }, [editor, onMountEvent]);
+  return null;
+}
+function useEvent(handler) {
+  const handlerRef = useRef();
+  useLayoutEffect(() => {
+    handlerRef.current = handler;
+  });
+  useDebugValue(handler);
+  return useCallback((...args) => {
+    const fn = handlerRef.current;
+    assert(fn, "fn does not exist");
+    return fn(...args);
+  }, []);
+}
+export {
+  Tldraw
+};
+//# sourceMappingURL=Tldraw.mjs.map

package/dist-esm/lib/Tldraw.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/lib/Tldraw.tsx"],
+  "sourcesContent": ["import {\n\tCanvas,\n\tEditor,\n\tErrorScreen,\n\tLoadingScreen,\n\tStoreSnapshot,\n\tTLOnMountHandler,\n\tTLRecord,\n\tTLStore,\n\tTLStoreWithStatus,\n\tTldrawEditor,\n\tTldrawEditorBaseProps,\n\tTldrawEditorProps,\n\tassert,\n\tuseEditor,\n\tuseShallowArrayIdentity,\n\tuseShallowObjectIdentity,\n} from '@bigbluebutton/editor'\nimport { useCallback, useDebugValue, useLayoutEffect, useMemo, useRef } from 'react'\nimport { TldrawHandles } from './canvas/TldrawHandles'\nimport { TldrawHoveredShapeIndicator } from './canvas/TldrawHoveredShapeIndicator'\nimport { TldrawScribble } from './canvas/TldrawScribble'\nimport { TldrawSelectionBackground } from './canvas/TldrawSelectionBackground'\nimport { TldrawSelectionForeground } from './canvas/TldrawSelectionForeground'\nimport {\n\tTLExternalContentProps,\n\tregisterDefaultExternalContentHandlers,\n} from './defaultExternalContentHandlers'\nimport { defaultShapeTools } from './defaultShapeTools'\nimport { defaultShapeUtils } from './defaultShapeUtils'\nimport { registerDefaultSideEffects } from './defaultSideEffects'\nimport { defaultTools } from './defaultTools'\nimport { TldrawUi, TldrawUiProps } from './ui/TldrawUi'\nimport { ContextMenu } from './ui/components/ContextMenu'\nimport { usePreloadAssets } from './ui/hooks/usePreloadAssets'\nimport { useDefaultEditorAssetsWithOverrides } from './utils/static-assets/assetUrls'\n\n/** @public */\nexport type TldrawProps = TldrawEditorBaseProps &\n\t(\n\t\t| {\n\t\t\t\tstore: TLStore | TLStoreWithStatus\n\t\t  }\n\t\t| {\n\t\t\t\tstore?: undefined\n\t\t\t\tpersistenceKey?: string\n\t\t\t\tsessionId?: string\n\t\t\t\tdefaultName?: string\n\t\t\t\t/**\n\t\t\t\t * A snapshot to load for the store's initial data / schema.\n\t\t\t\t */\n\t\t\t\tsnapshot?: StoreSnapshot<TLRecord>\n\t\t  }\n\t) &\n\tTldrawUiProps &\n\tPartial<TLExternalContentProps>\n\n/** @public */\nexport function Tldraw(props: TldrawProps) {\n\tconst {\n\t\tchildren,\n\t\tmaxImageDimension,\n\t\tmaxAssetSize,\n\t\tacceptedImageMimeTypes,\n\t\tacceptedVideoMimeTypes,\n\t\tonMount,\n\t\t...rest\n\t} = props\n\n\tconst components = useShallowObjectIdentity(rest.components ?? {})\n\tconst shapeUtils = useShallowArrayIdentity(rest.shapeUtils ?? [])\n\tconst tools = useShallowArrayIdentity(rest.tools ?? [])\n\n\tconst withDefaults: TldrawEditorProps = {\n\t\tinitialState: 'select',\n\t\t...rest,\n\t\tcomponents: useMemo(\n\t\t\t() => ({\n\t\t\t\tScribble: TldrawScribble,\n\t\t\t\tCollaboratorScribble: TldrawScribble,\n\t\t\t\tSelectionForeground: TldrawSelectionForeground,\n\t\t\t\tSelectionBackground: TldrawSelectionBackground,\n\t\t\t\tHandles: TldrawHandles,\n\t\t\t\tHoveredShapeIndicator: TldrawHoveredShapeIndicator,\n\t\t\t\t...components,\n\t\t\t}),\n\t\t\t[components]\n\t\t),\n\t\tshapeUtils: useMemo(() => [...defaultShapeUtils, ...shapeUtils], [shapeUtils]),\n\t\ttools: useMemo(() => [...defaultTools, ...defaultShapeTools, ...tools], [tools]),\n\t}\n\n\tconst assets = useDefaultEditorAssetsWithOverrides(rest.assetUrls)\n\n\tconst { done: preloadingComplete, error: preloadingError } = usePreloadAssets(assets)\n\n\tif (preloadingError) {\n\t\treturn <ErrorScreen>Could not load assets. Please refresh the page.</ErrorScreen>\n\t}\n\n\tif (!preloadingComplete) {\n\t\treturn <LoadingScreen>Loading assets...</LoadingScreen>\n\t}\n\n\treturn (\n\t\t<TldrawEditor {...withDefaults}>\n\t\t\t<TldrawUi {...withDefaults}>\n\t\t\t\t<ContextMenu>\n\t\t\t\t\t<Canvas />\n\t\t\t\t</ContextMenu>\n\t\t\t\t<InsideOfEditorContext\n\t\t\t\t\tmaxImageDimension={maxImageDimension}\n\t\t\t\t\tmaxAssetSize={maxAssetSize}\n\t\t\t\t\tacceptedImageMimeTypes={acceptedImageMimeTypes}\n\t\t\t\t\tacceptedVideoMimeTypes={acceptedVideoMimeTypes}\n\t\t\t\t\tonMount={onMount}\n\t\t\t\t/>\n\t\t\t\t{children}\n\t\t\t</TldrawUi>\n\t\t</TldrawEditor>\n\t)\n}\n\n// We put these hooks into a component here so that they can run inside of the context provided by TldrawEditor.\nfunction InsideOfEditorContext({\n\tmaxImageDimension = 1000,\n\tmaxAssetSize = 10 * 1024 * 1024, // 10mb\n\tacceptedImageMimeTypes = ['image/jpeg', 'image/png', 'image/gif', 'image/svg+xml'],\n\tacceptedVideoMimeTypes = ['video/mp4', 'video/quicktime'],\n\tonMount,\n}: Partial<TLExternalContentProps & { onMount: TLOnMountHandler }>) {\n\tconst editor = useEditor()\n\n\tconst onMountEvent = useEvent((editor: Editor) => {\n\t\tconst unsubs: (void | (() => void) | undefined)[] = []\n\n\t\tunsubs.push(...registerDefaultSideEffects(editor))\n\n\t\t// for content handling, first we register the default handlers...\n\t\tregisterDefaultExternalContentHandlers(editor, {\n\t\t\tmaxImageDimension,\n\t\t\tmaxAssetSize,\n\t\t\tacceptedImageMimeTypes,\n\t\t\tacceptedVideoMimeTypes,\n\t\t})\n\n\t\t// ...then we run the onMount prop, which may override the above\n\t\tunsubs.push(onMount?.(editor))\n\n\t\treturn () => {\n\t\t\tunsubs.forEach((fn) => fn?.())\n\t\t}\n\t})\n\n\tuseLayoutEffect(() => {\n\t\tif (editor) return onMountEvent?.(editor)\n\t}, [editor, onMountEvent])\n\n\treturn null\n}\n\n// duped from tldraw editor\nfunction useEvent<Args extends Array<unknown>, Result>(\n\thandler: (...args: Args) => Result\n): (...args: Args) => Result {\n\tconst handlerRef = useRef<(...args: Args) => Result>()\n\n\tuseLayoutEffect(() => {\n\t\thandlerRef.current = handler\n\t})\n\n\tuseDebugValue(handler)\n\n\treturn useCallback((...args: Args) => {\n\t\tconst fn = handlerRef.current\n\t\tassert(fn, 'fn does not exist')\n\t\treturn fn(...args)\n\t}, [])\n}\n"],
+  "mappings": "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",
+  "names": ["editor"]
+}

package/dist-esm/lib/canvas/TldrawCropHandles.mjs

@@ -0,0 +1,134 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { toDomPrecision } from "@bigbluebutton/editor";
+import classNames from "classnames";
+function TldrawCropHandles({
+  size,
+  width,
+  height,
+  hideAlternateHandles
+}) {
+  const cropStrokeWidth = toDomPrecision(size / 3);
+  const offset = cropStrokeWidth / 2;
+  return /* @__PURE__ */ jsxs("svg", { className: "tl-overlays__item", children: [
+    /* @__PURE__ */ jsx(
+      "polyline",
+      {
+        className: "tl-corner-crop-handle",
+        points: `
+						${toDomPrecision(0 - offset)},${toDomPrecision(size)} 
+						${toDomPrecision(0 - offset)},${toDomPrecision(0 - offset)} 
+						${toDomPrecision(size)},${toDomPrecision(0 - offset)}`,
+        strokeWidth: cropStrokeWidth,
+        "data-testid": "selection.crop.top_left",
+        "aria-label": "top_left handle"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "line",
+      {
+        className: classNames("tl-corner-crop-edge-handle", {
+          "tl-hidden": hideAlternateHandles
+        }),
+        x1: toDomPrecision(width / 2 - size),
+        y1: toDomPrecision(0 - offset),
+        x2: toDomPrecision(width / 2 + size),
+        y2: toDomPrecision(0 - offset),
+        strokeWidth: cropStrokeWidth,
+        "data-testid": "selection.crop.top",
+        "aria-label": "top handle"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "polyline",
+      {
+        className: classNames("tl-corner-crop-handle", {
+          "tl-hidden": hideAlternateHandles
+        }),
+        points: `
+						${toDomPrecision(width - size)},${toDomPrecision(0 - offset)} 
+						${toDomPrecision(width + offset)},${toDomPrecision(0 - offset)} 
+						${toDomPrecision(width + offset)},${toDomPrecision(size)}`,
+        strokeWidth: cropStrokeWidth,
+        "data-testid": "selection.crop.top_right",
+        "aria-label": "top_right handle"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "line",
+      {
+        className: classNames("tl-corner-crop-edge-handle", {
+          "tl-hidden": hideAlternateHandles
+        }),
+        x1: toDomPrecision(width + offset),
+        y1: toDomPrecision(height / 2 - size),
+        x2: toDomPrecision(width + offset),
+        y2: toDomPrecision(height / 2 + size),
+        strokeWidth: cropStrokeWidth,
+        "data-testid": "selection.crop.right",
+        "aria-label": "right handle"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "polyline",
+      {
+        className: "tl-corner-crop-handle",
+        points: `
+						${toDomPrecision(width + offset)},${toDomPrecision(height - size)} 
+						${toDomPrecision(width + offset)},${toDomPrecision(height + offset)}
+						${toDomPrecision(width - size)},${toDomPrecision(height + offset)}`,
+        strokeWidth: cropStrokeWidth,
+        "data-testid": "selection.crop.bottom_right",
+        "aria-label": "bottom_right handle"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "line",
+      {
+        className: classNames("tl-corner-crop-edge-handle", {
+          "tl-hidden": hideAlternateHandles
+        }),
+        x1: toDomPrecision(width / 2 - size),
+        y1: toDomPrecision(height + offset),
+        x2: toDomPrecision(width / 2 + size),
+        y2: toDomPrecision(height + offset),
+        strokeWidth: cropStrokeWidth,
+        "data-testid": "selection.crop.bottom",
+        "aria-label": "bottom handle"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "polyline",
+      {
+        className: classNames("tl-corner-crop-handle", {
+          "tl-hidden": hideAlternateHandles
+        }),
+        points: `
+						${toDomPrecision(0 + size)},${toDomPrecision(height + offset)} 
+						${toDomPrecision(0 - offset)},${toDomPrecision(height + offset)}
+						${toDomPrecision(0 - offset)},${toDomPrecision(height - size)}`,
+        strokeWidth: cropStrokeWidth,
+        "data-testid": "selection.crop.bottom_left",
+        "aria-label": "bottom_left handle"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "line",
+      {
+        className: classNames("tl-corner-crop-edge-handle", {
+          "tl-hidden": hideAlternateHandles
+        }),
+        x1: toDomPrecision(0 - offset),
+        y1: toDomPrecision(height / 2 - size),
+        x2: toDomPrecision(0 - offset),
+        y2: toDomPrecision(height / 2 + size),
+        strokeWidth: cropStrokeWidth,
+        "data-testid": "selection.crop.left",
+        "aria-label": "left handle"
+      }
+    )
+  ] });
+}
+export {
+  TldrawCropHandles
+};
+//# sourceMappingURL=TldrawCropHandles.mjs.map

package/dist-esm/lib/canvas/TldrawCropHandles.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/lib/canvas/TldrawCropHandles.tsx"],
+  "sourcesContent": ["import { toDomPrecision } from '@bigbluebutton/editor'\nimport classNames from 'classnames'\n\n/** @public */\nexport interface TldrawCropHandlesProps {\n\tsize: number\n\twidth: number\n\theight: number\n\thideAlternateHandles: boolean\n}\n\n/** @public */\nexport function TldrawCropHandles({\n\tsize,\n\twidth,\n\theight,\n\thideAlternateHandles,\n}: TldrawCropHandlesProps) {\n\tconst cropStrokeWidth = toDomPrecision(size / 3)\n\tconst offset = cropStrokeWidth / 2\n\n\treturn (\n\t\t<svg className=\"tl-overlays__item\">\n\t\t\t{/* Top left */}\n\t\t\t<polyline\n\t\t\t\tclassName=\"tl-corner-crop-handle\"\n\t\t\t\tpoints={`\n\t\t\t\t\t\t${toDomPrecision(0 - offset)},${toDomPrecision(size)} \n\t\t\t\t\t\t${toDomPrecision(0 - offset)},${toDomPrecision(0 - offset)} \n\t\t\t\t\t\t${toDomPrecision(size)},${toDomPrecision(0 - offset)}`}\n\t\t\t\tstrokeWidth={cropStrokeWidth}\n\t\t\t\tdata-testid=\"selection.crop.top_left\"\n\t\t\t\taria-label=\"top_left handle\"\n\t\t\t/>\n\t\t\t{/* Top */}\n\t\t\t<line\n\t\t\t\tclassName={classNames('tl-corner-crop-edge-handle', {\n\t\t\t\t\t'tl-hidden': hideAlternateHandles,\n\t\t\t\t})}\n\t\t\t\tx1={toDomPrecision(width / 2 - size)}\n\t\t\t\ty1={toDomPrecision(0 - offset)}\n\t\t\t\tx2={toDomPrecision(width / 2 + size)}\n\t\t\t\ty2={toDomPrecision(0 - offset)}\n\t\t\t\tstrokeWidth={cropStrokeWidth}\n\t\t\t\tdata-testid=\"selection.crop.top\"\n\t\t\t\taria-label=\"top handle\"\n\t\t\t/>\n\t\t\t{/* Top right */}\n\t\t\t<polyline\n\t\t\t\tclassName={classNames('tl-corner-crop-handle', {\n\t\t\t\t\t'tl-hidden': hideAlternateHandles,\n\t\t\t\t})}\n\t\t\t\tpoints={`\n\t\t\t\t\t\t${toDomPrecision(width - size)},${toDomPrecision(0 - offset)} \n\t\t\t\t\t\t${toDomPrecision(width + offset)},${toDomPrecision(0 - offset)} \n\t\t\t\t\t\t${toDomPrecision(width + offset)},${toDomPrecision(size)}`}\n\t\t\t\tstrokeWidth={cropStrokeWidth}\n\t\t\t\tdata-testid=\"selection.crop.top_right\"\n\t\t\t\taria-label=\"top_right handle\"\n\t\t\t/>\n\t\t\t{/* Right */}\n\t\t\t<line\n\t\t\t\tclassName={classNames('tl-corner-crop-edge-handle', {\n\t\t\t\t\t'tl-hidden': hideAlternateHandles,\n\t\t\t\t})}\n\t\t\t\tx1={toDomPrecision(width + offset)}\n\t\t\t\ty1={toDomPrecision(height / 2 - size)}\n\t\t\t\tx2={toDomPrecision(width + offset)}\n\t\t\t\ty2={toDomPrecision(height / 2 + size)}\n\t\t\t\tstrokeWidth={cropStrokeWidth}\n\t\t\t\tdata-testid=\"selection.crop.right\"\n\t\t\t\taria-label=\"right handle\"\n\t\t\t/>\n\t\t\t{/* Bottom right */}\n\t\t\t<polyline\n\t\t\t\tclassName=\"tl-corner-crop-handle\"\n\t\t\t\tpoints={`\n\t\t\t\t\t\t${toDomPrecision(width + offset)},${toDomPrecision(height - size)} \n\t\t\t\t\t\t${toDomPrecision(width + offset)},${toDomPrecision(height + offset)}\n\t\t\t\t\t\t${toDomPrecision(width - size)},${toDomPrecision(height + offset)}`}\n\t\t\t\tstrokeWidth={cropStrokeWidth}\n\t\t\t\tdata-testid=\"selection.crop.bottom_right\"\n\t\t\t\taria-label=\"bottom_right handle\"\n\t\t\t/>\n\t\t\t{/* Bottom */}\n\t\t\t<line\n\t\t\t\tclassName={classNames('tl-corner-crop-edge-handle', {\n\t\t\t\t\t'tl-hidden': hideAlternateHandles,\n\t\t\t\t})}\n\t\t\t\tx1={toDomPrecision(width / 2 - size)}\n\t\t\t\ty1={toDomPrecision(height + offset)}\n\t\t\t\tx2={toDomPrecision(width / 2 + size)}\n\t\t\t\ty2={toDomPrecision(height + offset)}\n\t\t\t\tstrokeWidth={cropStrokeWidth}\n\t\t\t\tdata-testid=\"selection.crop.bottom\"\n\t\t\t\taria-label=\"bottom handle\"\n\t\t\t/>\n\t\t\t{/* Bottom left */}\n\t\t\t<polyline\n\t\t\t\tclassName={classNames('tl-corner-crop-handle', {\n\t\t\t\t\t'tl-hidden': hideAlternateHandles,\n\t\t\t\t})}\n\t\t\t\tpoints={`\n\t\t\t\t\t\t${toDomPrecision(0 + size)},${toDomPrecision(height + offset)} \n\t\t\t\t\t\t${toDomPrecision(0 - offset)},${toDomPrecision(height + offset)}\n\t\t\t\t\t\t${toDomPrecision(0 - offset)},${toDomPrecision(height - size)}`}\n\t\t\t\tstrokeWidth={cropStrokeWidth}\n\t\t\t\tdata-testid=\"selection.crop.bottom_left\"\n\t\t\t\taria-label=\"bottom_left handle\"\n\t\t\t/>\n\t\t\t{/* Left */}\n\t\t\t<line\n\t\t\t\tclassName={classNames('tl-corner-crop-edge-handle', {\n\t\t\t\t\t'tl-hidden': hideAlternateHandles,\n\t\t\t\t})}\n\t\t\t\tx1={toDomPrecision(0 - offset)}\n\t\t\t\ty1={toDomPrecision(height / 2 - size)}\n\t\t\t\tx2={toDomPrecision(0 - offset)}\n\t\t\t\ty2={toDomPrecision(height / 2 + size)}\n\t\t\t\tstrokeWidth={cropStrokeWidth}\n\t\t\t\tdata-testid=\"selection.crop.left\"\n\t\t\t\taria-label=\"left handle\"\n\t\t\t/>\n\t\t</svg>\n\t)\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist-esm/lib/canvas/TldrawHandles.mjs

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+import { useEditor, useValue } from "@bigbluebutton/editor";
+const TldrawHandles = ({ children }) => {
+  const editor = useEditor();
+  const shouldDisplayHandles = useValue(
+    "shouldDisplayHandles",
+    () => editor.isInAny("select.idle", "select.pointing_handle"),
+    [editor]
+  );
+  if (!shouldDisplayHandles)
+    return null;
+  return /* @__PURE__ */ jsx("svg", { className: "tl-user-handles tl-overlays__item", children });
+};
+export {
+  TldrawHandles
+};
+//# sourceMappingURL=TldrawHandles.mjs.map

package/dist-esm/lib/canvas/TldrawHandles.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/lib/canvas/TldrawHandles.tsx"],
+  "sourcesContent": ["import { TLHandlesComponent, useEditor, useValue } from '@bigbluebutton/editor'\n\n/** @public */\nexport const TldrawHandles: TLHandlesComponent = ({ children }) => {\n\tconst editor = useEditor()\n\tconst shouldDisplayHandles = useValue(\n\t\t'shouldDisplayHandles',\n\t\t() => editor.isInAny('select.idle', 'select.pointing_handle'),\n\t\t[editor]\n\t)\n\n\tif (!shouldDisplayHandles) return null\n\n\treturn <svg className=\"tl-user-handles tl-overlays__item\">{children}</svg>\n}\n"],
+  "mappings": "AAaQ;AAbR,SAA6B,WAAW,gBAAgB;AAGjD,MAAM,gBAAoC,CAAC,EAAE,SAAS,MAAM;AAClE,QAAM,SAAS,UAAU;AACzB,QAAM,uBAAuB;AAAA,IAC5B;AAAA,IACA,MAAM,OAAO,QAAQ,eAAe,wBAAwB;AAAA,IAC5D,CAAC,MAAM;AAAA,EACR;AAEA,MAAI,CAAC;AAAsB,WAAO;AAElC,SAAO,oBAAC,SAAI,WAAU,qCAAqC,UAAS;AACrE;",
+  "names": []
+}

package/dist-esm/lib/canvas/TldrawHoveredShapeIndicator.mjs

@@ -0,0 +1,26 @@
+import { jsx } from "react/jsx-runtime";
+import {
+  ShapeIndicator,
+  useEditor,
+  useValue
+} from "@bigbluebutton/editor";
+const TldrawHoveredShapeIndicator = ({ shapeId }) => {
+  const editor = useEditor();
+  const showHoveredShapeIndicator = useValue(
+    "show hovered",
+    () => {
+      if (editor.isIn("select.editing_shape")) {
+        return editor.getHoveredShapeId() !== editor.getEditingShapeId();
+      }
+      return editor.isInAny("select.idle");
+    },
+    [editor]
+  );
+  if (!showHoveredShapeIndicator)
+    return null;
+  return /* @__PURE__ */ jsx(ShapeIndicator, { className: "tl-user-indicator__hovered", id: shapeId });
+};
+export {
+  TldrawHoveredShapeIndicator
+};
+//# sourceMappingURL=TldrawHoveredShapeIndicator.mjs.map

package/dist-esm/lib/canvas/TldrawHoveredShapeIndicator.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/lib/canvas/TldrawHoveredShapeIndicator.tsx"],
+  "sourcesContent": ["import {\n\tShapeIndicator,\n\tTLHoveredShapeIndicatorComponent,\n\tuseEditor,\n\tuseValue,\n} from '@bigbluebutton/editor'\n\n/** @public */\nexport const TldrawHoveredShapeIndicator: TLHoveredShapeIndicatorComponent = ({ shapeId }) => {\n\tconst editor = useEditor()\n\tconst showHoveredShapeIndicator = useValue(\n\t\t'show hovered',\n\t\t() => {\n\t\t\t// When the editor is editing a shape and hovering that shape,\n\t\t\t// don't show its indicator; but DO show other hover indicators\n\t\t\tif (editor.isIn('select.editing_shape')) {\n\t\t\t\treturn editor.getHoveredShapeId() !== editor.getEditingShapeId()\n\t\t\t}\n\n\t\t\t// Otherise, only show the hovered indicator when the editor\n\t\t\t// is in the idle state\n\t\t\treturn editor.isInAny('select.idle')\n\t\t},\n\t\t[editor]\n\t)\n\tif (!showHoveredShapeIndicator) return null\n\treturn <ShapeIndicator className=\"tl-user-indicator__hovered\" id={shapeId} />\n}\n\n//\n"],
+  "mappings": "AA0BQ;AA1BR;AAAA,EACC;AAAA,EAEA;AAAA,EACA;AAAA,OACM;AAGA,MAAM,8BAAgE,CAAC,EAAE,QAAQ,MAAM;AAC7F,QAAM,SAAS,UAAU;AACzB,QAAM,4BAA4B;AAAA,IACjC;AAAA,IACA,MAAM;AAGL,UAAI,OAAO,KAAK,sBAAsB,GAAG;AACxC,eAAO,OAAO,kBAAkB,MAAM,OAAO,kBAAkB;AAAA,MAChE;AAIA,aAAO,OAAO,QAAQ,aAAa;AAAA,IACpC;AAAA,IACA,CAAC,MAAM;AAAA,EACR;AACA,MAAI,CAAC;AAA2B,WAAO;AACvC,SAAO,oBAAC,kBAAe,WAAU,8BAA6B,IAAI,SAAS;AAC5E;",
+  "names": []
+}