@excalidraw/common 0.18.0-0457ac9 → 0.18.0-063e025

package/dist/dev/index.js

@@ -1394,7 +1394,10 @@ var cssInvert = (r, g, b, percent) => {
   const invertedB = invertComponent(b);
   return { r: invertedR, g: invertedG, b: invertedB };
 };
-var applyDarkModeFilter = (color) => {
+var applyDarkModeFilter = (color, enable = true) => {
+  if (!enable) {
+    return color;
+  }
   const cached = DARK_MODE_COLORS_CACHE?.get(color);
   if (cached) {
     return cached;
@@ -1836,8 +1839,10 @@ var DEFAULT_UI_OPTIONS = {
 var MAX_DECIMALS_FOR_SVG_EXPORT = 2;
 var EXPORT_SCALES = [1, 2, 3];
 var DEFAULT_EXPORT_PADDING = 10;
-var DEFAULT_MAX_IMAGE_WIDTH_OR_HEIGHT = 1440;
-var MAX_ALLOWED_FILE_BYTES = 4 * 1024 * 1024;
+var DEFAULT_IMAGE_OPTIONS = {
+  maxWidthOrHeight: 1440,
+  maxFileSizeBytes: 4 * 1024 * 1024
+};
 var SVG_NS = "http://www.w3.org/2000/svg";
 var SVG_DOCUMENT_PREAMBLE = `<?xml version="1.0" standalone="no"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
@@ -1884,16 +1889,34 @@ var ROUGHNESS = {
   artist: 1,
   cartoonist: 2
 };
+var STROKE_WIDTH_KEYS = [
+  "thin",
+  "medium",
+  "bold"
+];
 var STROKE_WIDTH = {
   thin: 1,
+  medium: 2,
+  bold: 4,
+  extraBold: 8
+  // unused (may be introduced in the future)
+};
+var FREEDRAW_STROKE_WIDTH = {
+  thin: 0.5,
+  medium: 1,
   bold: 2,
   extraBold: 4
+  // legacy (may be used again in the future)
+};
+var getStrokeWidthByKey = (elementType, strokeWidthKey) => {
+  return elementType === "freedraw" ? FREEDRAW_STROKE_WIDTH[strokeWidthKey] : STROKE_WIDTH[strokeWidthKey];
 };
+var DEFAULT_ELEMENT_STROKE_WIDTH_KEY = "medium";
 var DEFAULT_ELEMENT_PROPS = {
   strokeColor: COLOR_PALETTE.black,
   backgroundColor: COLOR_PALETTE.transparent,
   fillStyle: "solid",
-  strokeWidth: 2,
+  strokeWidth: STROKE_WIDTH[DEFAULT_ELEMENT_STROKE_WIDTH_KEY],
   strokeStyle: "solid",
   roughness: ROUGHNESS.artist,
   opacity: 100,
@@ -1957,6 +1980,8 @@ var BIND_MODE_TIMEOUT = 700;
 var MOBILE_ACTION_BUTTON_BG = {
   background: "var(--mobile-action-button-bg)"
 };
+var DEFAULT_STROKE_STREAMLINE = 0.5;
+var DEFAULT_STROKE_STREAMLINE_PRECISE = 0.2;
 
 // src/font-metadata.ts
 init_define_import_meta_env();
@@ -2570,67 +2595,6 @@ var throttleRAF = (fn) => {
 var easeOut = (k) => {
   return 1 - Math.pow(1 - k, 4);
 };
-var easeOutInterpolate = (from, to, progress) => {
-  return (to - from) * easeOut(progress) + from;
-};
-var easeToValuesRAF = ({
-  fromValues,
-  toValues,
-  onStep,
-  duration = 250,
-  interpolateValue,
-  onStart,
-  onEnd,
-  onCancel
-}) => {
-  let canceled = false;
-  let frameId = 0;
-  let startTime;
-  function step(timestamp) {
-    if (canceled) {
-      return;
-    }
-    if (startTime === void 0) {
-      startTime = timestamp;
-      onStart?.();
-    }
-    const elapsed = Math.min(timestamp - startTime, duration);
-    const factor = easeOut(elapsed / duration);
-    const newValues = {};
-    Object.keys(fromValues).forEach((key) => {
-      const _key = key;
-      const result = (toValues[_key] - fromValues[_key]) * factor + fromValues[_key];
-      newValues[_key] = result;
-    });
-    onStep(newValues);
-    if (elapsed < duration) {
-      const progress = elapsed / duration;
-      const newValues2 = {};
-      Object.keys(fromValues).forEach((key) => {
-        const _key = key;
-        const startValue = fromValues[_key];
-        const endValue = toValues[_key];
-        let result;
-        result = interpolateValue ? interpolateValue(startValue, endValue, progress, _key) : easeOutInterpolate(startValue, endValue, progress);
-        if (result == null) {
-          result = easeOutInterpolate(startValue, endValue, progress);
-        }
-        newValues2[_key] = result;
-      });
-      onStep(newValues2);
-      frameId = window.requestAnimationFrame(step);
-    } else {
-      onStep(toValues);
-      onEnd?.();
-    }
-  }
-  frameId = window.requestAnimationFrame(step);
-  return () => {
-    onCancel?.();
-    canceled = true;
-    window.cancelAnimationFrame(frameId);
-  };
-};
 var chunk = (array, size) => {
   if (!array.length || size < 1) {
     return [];
@@ -3553,17 +3517,20 @@ export {
   DEFAULT_ELEMENT_STROKE_COLOR_INDEX,
   DEFAULT_ELEMENT_STROKE_COLOR_PALETTE,
   DEFAULT_ELEMENT_STROKE_PICKS,
+  DEFAULT_ELEMENT_STROKE_WIDTH_KEY,
   DEFAULT_EXPORT_PADDING,
   DEFAULT_FILENAME,
   DEFAULT_FONT_FAMILY,
   DEFAULT_FONT_SIZE,
   DEFAULT_GRID_SIZE,
   DEFAULT_GRID_STEP,
+  DEFAULT_IMAGE_OPTIONS,
   DEFAULT_LASER_COLOR,
-  DEFAULT_MAX_IMAGE_WIDTH_OR_HEIGHT,
   DEFAULT_PROPORTIONAL_RADIUS,
   DEFAULT_REDUCED_GLOBAL_ALPHA,
   DEFAULT_SIDEBAR,
+  DEFAULT_STROKE_STREAMLINE,
+  DEFAULT_STROKE_STREAMLINE_PRECISE,
   DEFAULT_TEXT_ALIGN,
   DEFAULT_TRANSFORM_HANDLE_SPACING,
   DEFAULT_UI_OPTIONS,
@@ -3591,6 +3558,7 @@ export {
   FONT_METADATA,
   FONT_SIZES,
   FRAME_STYLE,
+  FREEDRAW_STROKE_WIDTH,
   GOOGLE_FONTS_RANGES,
   HYPERLINK_TOOLTIP_DELAY,
   IDLE_THRESHOLD,
@@ -3603,7 +3571,6 @@ export {
   LINE_CONFIRM_THRESHOLD,
   LINE_POLYGON_POINT_MERGE_DISTANCE,
   LOCAL_FONT_PROTOCOL,
-  MAX_ALLOWED_FILE_BYTES,
   MAX_CUSTOM_COLORS_USED_IN_CANVAS,
   MAX_DECIMALS_FOR_SVG_EXPORT,
   MAX_ZOOM,
@@ -3635,6 +3602,7 @@ export {
   STATS_PANELS,
   STRING_MIME_TYPES,
   STROKE_WIDTH,
+  STROKE_WIDTH_KEYS,
   SVG_DOCUMENT_PREAMBLE,
   SVG_NS,
   TAP_TWICE_TIMEOUT,
@@ -3675,7 +3643,6 @@ export {
   deriveStylesPanelMode,
   distance,
   easeOut,
-  easeToValuesRAF,
   escapeDoubleQuotes,
   exitFullScreen,
   findIndex,
@@ -3696,6 +3663,7 @@ export {
   getLineHeight,
   getNearestScrollableContainer,
   getSizeFromPoints,
+  getStrokeWidthByKey,
   getSvgPathFromStroke,
   getUpdatedTimestamp,
   getVersion,