@excalidraw/common 0.18.0-508de2f3a → 0.18.0-5fffc47

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (73) hide show
  1. package/dist/dev/index.js +89 -25
  2. package/dist/dev/index.js.map +2 -2
  3. package/dist/prod/index.js +3 -3
  4. package/dist/types/common/src/constants.d.ts +23 -4
  5. package/dist/types/common/src/utils.d.ts +3 -0
  6. package/dist/types/element/src/bounds.d.ts +1 -1
  7. package/dist/types/element/src/delta.d.ts +4 -5
  8. package/dist/types/element/src/index.d.ts +1 -0
  9. package/dist/types/element/src/mutateElement.d.ts +0 -1
  10. package/dist/types/element/src/positionElementsOnGrid.d.ts +2 -0
  11. package/dist/types/element/src/renderElement.d.ts +4 -1
  12. package/dist/types/element/src/store.d.ts +5 -0
  13. package/dist/types/element/src/textElement.d.ts +1 -1
  14. package/dist/types/excalidraw/actions/actionAddToLibrary.d.ts +21 -6
  15. package/dist/types/excalidraw/actions/actionBoundText.d.ts +14 -4
  16. package/dist/types/excalidraw/actions/actionCanvas.d.ts +94 -28
  17. package/dist/types/excalidraw/actions/actionClipboard.d.ts +42 -12
  18. package/dist/types/excalidraw/actions/actionCropEditor.d.ts +7 -2
  19. package/dist/types/excalidraw/actions/actionDeleteSelected.d.ts +21 -6
  20. package/dist/types/excalidraw/actions/actionElementLink.d.ts +7 -2
  21. package/dist/types/excalidraw/actions/actionElementLock.d.ts +14 -4
  22. package/dist/types/excalidraw/actions/actionEmbeddable.d.ts +7 -2
  23. package/dist/types/excalidraw/actions/actionExport.d.ts +63 -18
  24. package/dist/types/excalidraw/actions/actionFinalize.d.ts +14 -4
  25. package/dist/types/excalidraw/actions/actionFrame.d.ts +28 -8
  26. package/dist/types/excalidraw/actions/actionGroup.d.ts +14 -4
  27. package/dist/types/excalidraw/actions/actionLinearEditor.d.ts +8 -3
  28. package/dist/types/excalidraw/actions/actionLink.d.ts +6 -1
  29. package/dist/types/excalidraw/actions/actionMenu.d.ts +7 -368
  30. package/dist/types/excalidraw/actions/actionNavigate.d.ts +14 -4
  31. package/dist/types/excalidraw/actions/actionProperties.d.ts +122 -38
  32. package/dist/types/excalidraw/actions/actionSelectAll.d.ts +7 -2
  33. package/dist/types/excalidraw/actions/actionStyles.d.ts +7 -2
  34. package/dist/types/excalidraw/actions/actionToggleGridMode.d.ts +7 -2
  35. package/dist/types/excalidraw/actions/actionToggleObjectsSnapMode.d.ts +7 -2
  36. package/dist/types/excalidraw/actions/actionToggleSearchMenu.d.ts +7 -2
  37. package/dist/types/excalidraw/actions/actionToggleStats.d.ts +7 -2
  38. package/dist/types/excalidraw/actions/actionToggleViewMode.d.ts +7 -2
  39. package/dist/types/excalidraw/actions/actionToggleZenMode.d.ts +7 -2
  40. package/dist/types/excalidraw/actions/index.d.ts +2 -2
  41. package/dist/types/excalidraw/actions/types.d.ts +1 -1
  42. package/dist/types/excalidraw/appState.d.ts +5 -1
  43. package/dist/types/excalidraw/clipboard.d.ts +64 -1
  44. package/dist/types/excalidraw/components/Actions.d.ts +17 -3
  45. package/dist/types/excalidraw/components/App.d.ts +12 -11
  46. package/dist/types/excalidraw/components/ColorPicker/ColorPicker.d.ts +1 -0
  47. package/dist/types/excalidraw/components/ColorPicker/Picker.d.ts +2 -0
  48. package/dist/types/excalidraw/components/ColorPicker/PickerColorList.d.ts +2 -1
  49. package/dist/types/excalidraw/components/ColorPicker/ShadeList.d.ts +2 -1
  50. package/dist/types/excalidraw/components/CommandPalette/CommandPalette.d.ts +1 -0
  51. package/dist/types/excalidraw/components/ExcalidrawLogo.d.ts +1 -1
  52. package/dist/types/excalidraw/components/FontPicker/FontPicker.d.ts +2 -1
  53. package/dist/types/excalidraw/components/FontPicker/FontPickerTrigger.d.ts +3 -1
  54. package/dist/types/excalidraw/components/InlineIcon.d.ts +3 -1
  55. package/dist/types/excalidraw/components/LayerUI.d.ts +2 -1
  56. package/dist/types/excalidraw/components/LibraryMenuSection.d.ts +1 -1
  57. package/dist/types/excalidraw/components/MobileMenu.d.ts +3 -5
  58. package/dist/types/excalidraw/components/MobileToolBar.d.ts +11 -0
  59. package/dist/types/excalidraw/components/PropertiesPopover.d.ts +1 -0
  60. package/dist/types/excalidraw/components/TTDDialog/TTDDialogTrigger.d.ts +1 -2
  61. package/dist/types/excalidraw/components/TextField.d.ts +1 -0
  62. package/dist/types/excalidraw/components/ToolPopover.d.ts +25 -0
  63. package/dist/types/excalidraw/components/dropdownMenu/DropdownMenu.d.ts +4 -2
  64. package/dist/types/excalidraw/components/dropdownMenu/DropdownMenuContent.d.ts +2 -1
  65. package/dist/types/excalidraw/components/icons.d.ts +5 -0
  66. package/dist/types/excalidraw/components/shapes.d.ts +129 -1
  67. package/dist/types/excalidraw/data/blob.d.ts +3 -7
  68. package/dist/types/excalidraw/data/types.d.ts +4 -1
  69. package/dist/types/excalidraw/hooks/useLibraryItemSvg.d.ts +1 -1
  70. package/dist/types/excalidraw/hooks/useTextEditorFocus.d.ts +14 -0
  71. package/dist/types/excalidraw/types.d.ts +12 -4
  72. package/dist/types/math/src/segment.d.ts +1 -0
  73. package/package.json +1 -1
package/dist/dev/index.js CHANGED
@@ -281,49 +281,48 @@ var BinaryHeap = class {
281
281
  content = [];
282
282
  sinkDown(idx) {
283
283
  const node = this.content[idx];
284
+ const nodeScore = this.scoreFunction(node);
284
285
  while (idx > 0) {
285
286
  const parentN = (idx + 1 >> 1) - 1;
286
287
  const parent = this.content[parentN];
287
- if (this.scoreFunction(node) < this.scoreFunction(parent)) {
288
- this.content[parentN] = node;
288
+ if (nodeScore < this.scoreFunction(parent)) {
289
289
  this.content[idx] = parent;
290
290
  idx = parentN;
291
291
  } else {
292
292
  break;
293
293
  }
294
294
  }
295
+ this.content[idx] = node;
295
296
  }
296
297
  bubbleUp(idx) {
297
298
  const length = this.content.length;
298
299
  const node = this.content[idx];
299
300
  const score = this.scoreFunction(node);
300
301
  while (true) {
301
- const child2N = idx + 1 << 1;
302
- const child1N = child2N - 1;
303
- let swap = null;
304
- let child1Score = 0;
302
+ const child1N = (idx + 1 << 1) - 1;
303
+ const child2N = child1N + 1;
304
+ let smallestIdx = idx;
305
+ let smallestScore = score;
305
306
  if (child1N < length) {
306
- const child1 = this.content[child1N];
307
- child1Score = this.scoreFunction(child1);
308
- if (child1Score < score) {
309
- swap = child1N;
307
+ const child1Score = this.scoreFunction(this.content[child1N]);
308
+ if (child1Score < smallestScore) {
309
+ smallestIdx = child1N;
310
+ smallestScore = child1Score;
310
311
  }
311
312
  }
312
313
  if (child2N < length) {
313
- const child2 = this.content[child2N];
314
- const child2Score = this.scoreFunction(child2);
315
- if (child2Score < (swap === null ? score : child1Score)) {
316
- swap = child2N;
314
+ const child2Score = this.scoreFunction(this.content[child2N]);
315
+ if (child2Score < smallestScore) {
316
+ smallestIdx = child2N;
317
317
  }
318
318
  }
319
- if (swap !== null) {
320
- this.content[idx] = this.content[swap];
321
- this.content[swap] = node;
322
- idx = swap;
323
- } else {
319
+ if (smallestIdx === idx) {
324
320
  break;
325
321
  }
322
+ this.content[idx] = this.content[smallestIdx];
323
+ idx = smallestIdx;
326
324
  }
325
+ this.content[idx] = node;
327
326
  }
328
327
  push(node) {
329
328
  this.content.push(node);
@@ -647,9 +646,12 @@ var isAndroid = /\b(android)\b/i.test(navigator.userAgent);
647
646
  var isFirefox = typeof window !== "undefined" && "netscape" in window && navigator.userAgent.indexOf("rv:") > 1 && navigator.userAgent.indexOf("Gecko") > 1;
648
647
  var isChrome = navigator.userAgent.indexOf("Chrome") !== -1;
649
648
  var isSafari = !isChrome && navigator.userAgent.indexOf("Safari") !== -1;
650
- var isIOS = /iPad|iPhone/.test(navigator.platform) || // iPadOS 13+
649
+ var isIOS = /iPad|iPhone/i.test(navigator.platform) || // iPadOS 13+
651
650
  navigator.userAgent.includes("Mac") && "ontouchend" in document;
652
651
  var isBrave = () => navigator.brave?.isBrave?.name === "isBrave";
652
+ var isMobile = isIOS || /android|webos|ipod|blackberry|iemobile|opera mini/i.test(
653
+ navigator.userAgent
654
+ ) || /android|ios|ipod|blackberry|windows phone/i.test(navigator.platform);
653
655
  var supportsResizeObserver = typeof window !== "undefined" && "ResizeObserver" in window;
654
656
  var APP_NAME = "Excalidraw";
655
657
  var TEXT_AUTOWRAP_THRESHOLD = 36;
@@ -731,10 +733,12 @@ var ENV = {
731
733
  PRODUCTION: "production"
732
734
  };
733
735
  var CLASSES = {
736
+ SIDEBAR: "sidebar",
734
737
  SHAPE_ACTIONS_MENU: "App-menu__left",
735
738
  ZOOM_ACTIONS: "zoom-actions",
736
739
  SEARCH_MENU_INPUT_WRAPPER: "layer-ui__search-inputWrapper",
737
- CONVERT_ELEMENT_TYPE_POPUP: "ConvertElementTypePopup"
740
+ CONVERT_ELEMENT_TYPE_POPUP: "ConvertElementTypePopup",
741
+ SHAPE_ACTIONS_THEME_SCOPE: "shape-actions-theme-scope"
738
742
  };
739
743
  var CJK_HAND_DRAWN_FALLBACK_FONT = "Xiaolai";
740
744
  var WINDOWS_EMOJI_FALLBACK_FONT = "Segoe UI Emoji";
@@ -829,13 +833,19 @@ var IMAGE_MIME_TYPES = {
829
833
  avif: "image/avif",
830
834
  jfif: "image/jfif"
831
835
  };
832
- var MIME_TYPES = {
836
+ var STRING_MIME_TYPES = {
833
837
  text: "text/plain",
834
838
  html: "text/html",
835
839
  json: "application/json",
836
840
  // excalidraw data
837
841
  excalidraw: "application/vnd.excalidraw+json",
842
+ // LEGACY: fully-qualified library JSON data
838
843
  excalidrawlib: "application/vnd.excalidrawlib+json",
844
+ // list of excalidraw library item ids
845
+ excalidrawlibIds: "application/vnd.excalidrawlib.ids+json"
846
+ };
847
+ var MIME_TYPES = {
848
+ ...STRING_MIME_TYPES,
839
849
  // image-encoded excalidraw data
840
850
  "excalidraw.svg": "image/svg+xml",
841
851
  "excalidraw.png": "image/png",
@@ -894,9 +904,12 @@ var DEFAULT_UI_OPTIONS = {
894
904
  image: true
895
905
  }
896
906
  };
897
- var MQ_MAX_WIDTH_PORTRAIT = 730;
907
+ var MQ_MAX_MOBILE = 599;
898
908
  var MQ_MAX_WIDTH_LANDSCAPE = 1e3;
899
909
  var MQ_MAX_HEIGHT_LANDSCAPE = 500;
910
+ var MQ_MIN_TABLET = MQ_MAX_MOBILE + 1;
911
+ var MQ_MAX_TABLET = 1400;
912
+ var MQ_MIN_WIDTH_DESKTOP = 1440;
900
913
  var MQ_RIGHT_SIDEBAR_MIN_WIDTH = 1229;
901
914
  var MAX_DECIMALS_FOR_SVG_EXPORT = 2;
902
915
  var EXPORT_SCALES = [1, 2, 3];
@@ -1017,6 +1030,10 @@ var UserIdleState = /* @__PURE__ */ ((UserIdleState2) => {
1017
1030
  return UserIdleState2;
1018
1031
  })(UserIdleState || {});
1019
1032
  var LINE_POLYGON_POINT_MERGE_DISTANCE = 20;
1033
+ var DOUBLE_TAP_POSITION_THRESHOLD = 35;
1034
+ var MOBILE_ACTION_BUTTON_BG = {
1035
+ background: "var(--mobile-action-button-bg)"
1036
+ };
1020
1037
 
1021
1038
  // src/font-metadata.ts
1022
1039
  init_define_import_meta_env();
@@ -1417,7 +1434,7 @@ var isInteractive = (target) => {
1417
1434
  return isInputLike(target) || target instanceof Element && !!target.closest("label, button");
1418
1435
  };
1419
1436
  var isWritableElement = (target) => target instanceof HTMLElement && target.dataset.type === "wysiwyg" || target instanceof HTMLBRElement || // newline in wysiwyg
1420
- target instanceof HTMLTextAreaElement || target instanceof HTMLInputElement && (target.type === "text" || target.type === "number" || target.type === "password");
1437
+ target instanceof HTMLTextAreaElement || target instanceof HTMLInputElement && (target.type === "text" || target.type === "number" || target.type === "password" || target.type === "search");
1421
1438
  var getFontFamilyString = ({
1422
1439
  fontFamily
1423
1440
  }) => {
@@ -1434,6 +1451,9 @@ var getFontString = ({
1434
1451
  }) => {
1435
1452
  return `${fontSize}px ${getFontFamilyString({ fontFamily })}`;
1436
1453
  };
1454
+ var nextAnimationFrame = async (cb) => {
1455
+ requestAnimationFrame(() => requestAnimationFrame(cb));
1456
+ };
1437
1457
  var debounce = (fn, timeout) => {
1438
1458
  let handle = 0;
1439
1459
  let lastArgs = null;
@@ -2067,6 +2087,41 @@ var reduceToCommonValue = (collection, getValue) => {
2067
2087
  }
2068
2088
  return commonValue;
2069
2089
  };
2090
+ var isMobileOrTablet = () => {
2091
+ const ua = navigator.userAgent || "";
2092
+ const platform = navigator.platform || "";
2093
+ const uaData = navigator.userAgentData;
2094
+ if (uaData) {
2095
+ const plat = (uaData.platform || "").toLowerCase();
2096
+ const isDesktopOS = plat === "windows" || plat === "macos" || plat === "linux" || plat === "chrome os";
2097
+ if (uaData.mobile === true) {
2098
+ return true;
2099
+ }
2100
+ if (uaData.mobile === false && plat === "android") {
2101
+ const looksTouchTablet = matchMedia?.("(hover: none)").matches && matchMedia?.("(pointer: coarse)").matches;
2102
+ return looksTouchTablet;
2103
+ }
2104
+ if (isDesktopOS) {
2105
+ return false;
2106
+ }
2107
+ }
2108
+ if (isIOS) {
2109
+ return true;
2110
+ }
2111
+ if (isAndroid) {
2112
+ const isAndroidPhone = /Mobile/i.test(ua);
2113
+ const isAndroidTablet = !isAndroidPhone;
2114
+ if (isAndroidPhone || isAndroidTablet) {
2115
+ const looksTouchTablet = matchMedia?.("(hover: none)").matches && matchMedia?.("(pointer: coarse)").matches;
2116
+ return looksTouchTablet;
2117
+ }
2118
+ }
2119
+ const looksDesktopPlatform = /Win|Linux|CrOS|Mac/.test(platform) || /Windows NT|X11|CrOS|Macintosh/.test(ua);
2120
+ if (looksDesktopPlatform) {
2121
+ return false;
2122
+ }
2123
+ return false;
2124
+ };
2070
2125
 
2071
2126
  // src/random.ts
2072
2127
  var random = new Random(Date.now());
@@ -2189,6 +2244,7 @@ export {
2189
2244
  DEFAULT_UI_OPTIONS,
2190
2245
  DEFAULT_VERSION,
2191
2246
  DEFAULT_VERTICAL_ALIGN,
2247
+ DOUBLE_TAP_POSITION_THRESHOLD,
2192
2248
  DRAGGING_THRESHOLD,
2193
2249
  EDITOR_LS_KEYS,
2194
2250
  ELEMENTS_PALETTE_SHADE_INDEXES,
@@ -2230,10 +2286,14 @@ export {
2230
2286
  MIN_FONT_SIZE,
2231
2287
  MIN_WIDTH_OR_HEIGHT,
2232
2288
  MIN_ZOOM,
2289
+ MOBILE_ACTION_BUTTON_BG,
2233
2290
  MONOSPACE_GENERIC_FONT,
2234
2291
  MQ_MAX_HEIGHT_LANDSCAPE,
2292
+ MQ_MAX_MOBILE,
2293
+ MQ_MAX_TABLET,
2235
2294
  MQ_MAX_WIDTH_LANDSCAPE,
2236
- MQ_MAX_WIDTH_PORTRAIT,
2295
+ MQ_MIN_TABLET,
2296
+ MQ_MIN_WIDTH_DESKTOP,
2237
2297
  MQ_RIGHT_SIDEBAR_MIN_WIDTH,
2238
2298
  ORIG_ID,
2239
2299
  POINTER_BUTTON,
@@ -2247,6 +2307,7 @@ export {
2247
2307
  SHIFT_LOCKING_ANGLE,
2248
2308
  SIDE_RESIZING_THRESHOLD,
2249
2309
  STATS_PANELS,
2310
+ STRING_MIME_TYPES,
2250
2311
  STROKE_WIDTH,
2251
2312
  SVG_DOCUMENT_PREAMBLE,
2252
2313
  SVG_NS,
@@ -2326,6 +2387,8 @@ export {
2326
2387
  isLatinChar,
2327
2388
  isLocalLink,
2328
2389
  isMemberOf,
2390
+ isMobile,
2391
+ isMobileOrTablet,
2329
2392
  isPrimitive,
2330
2393
  isProdEnv,
2331
2394
  isPromiseLike,
@@ -2345,6 +2408,7 @@ export {
2345
2408
  memoize,
2346
2409
  muteFSAbortError,
2347
2410
  nFormatter,
2411
+ nextAnimationFrame,
2348
2412
  normalizeEOL,
2349
2413
  normalizeLink,
2350
2414
  preventUnload,