@baleada/logic 0.20.11 → 0.20.12

package/lib/index.cjs

@@ -6,6 +6,8 @@ var lazyCollections = require('lazy-collections');
 var slugify = require('@sindresorhus/slugify');
 var BezierEasing = require('bezier-easing');
 var color = require('@snigo.dev/color');
+var perfectFreehand = require('perfect-freehand');
+var polygonClipping = require('polygon-clipping');
 var createDOMPurify = require('dompurify');
 var fastFuzzy = require('fast-fuzzy');
 
@@ -13,6 +15,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var slugify__default = /*#__PURE__*/_interopDefaultLegacy(slugify);
 var BezierEasing__default = /*#__PURE__*/_interopDefaultLegacy(BezierEasing);
+var polygonClipping__default = /*#__PURE__*/_interopDefaultLegacy(polygonClipping);
 var createDOMPurify__default = /*#__PURE__*/_interopDefaultLegacy(createDOMPurify);
 
 function createReduceAsync(reduce, initialValue) {
@@ -1086,7 +1089,7 @@ const observerAssertionsByType = {
   resize: (observer) => observer instanceof ResizeObserver
 };
 
-const defaultOptions$4 = {
+const defaultOptions$5 = {
   duration: 0,
   timing: [
     0,
@@ -1099,10 +1102,10 @@ const defaultOptions$4 = {
 };
 class Animateable {
   constructor(keyframes, options = {}) {
-    this.initialDuration = options?.duration || defaultOptions$4.duration;
-    this.controlPoints = fromTimingToControlPoints(options?.timing || defaultOptions$4.timing);
-    this.iterationLimit = options?.iterations || defaultOptions$4.iterations;
-    this.alternates = options?.alternates || defaultOptions$4.alternates;
+    this.initialDuration = options?.duration || defaultOptions$5.duration;
+    this.controlPoints = fromTimingToControlPoints(options?.timing || defaultOptions$5.timing);
+    this.iterationLimit = options?.iterations || defaultOptions$5.iterations;
+    this.alternates = options?.alternates || defaultOptions$5.alternates;
     this.reversedControlPoints = fromControlPointsToReversedControlPoints(this.controlPoints);
     this.toAnimationProgress = createToAnimationProgress(this.controlPoints);
     this.reversedToAnimationProgress = createToAnimationProgress(this.reversedControlPoints);
@@ -1767,8 +1770,188 @@ function toInterpolated({ previous, next, progress }, options = {}) {
     return createSlice({ from: 0, to: sliceEnd })(sliceTarget);
   }
 }
+const linear = [
+  0,
+  0,
+  1,
+  1
+];
+const materialStandard = [
+  0.4,
+  0,
+  0.2,
+  1
+];
+const materialDecelerated = [
+  0,
+  0,
+  0.2,
+  1
+];
+const materialAccelerated = [
+  0.4,
+  0,
+  1,
+  1
+];
+const verouEase = [
+  0.25,
+  0.1,
+  0.25,
+  1
+];
+const verouEaseIn = [
+  0.42,
+  0,
+  1,
+  1
+];
+const verouEaseOut = [
+  0,
+  0,
+  0.58,
+  1
+];
+const verouEaseInOut = [
+  0.42,
+  0,
+  0.58,
+  1
+];
+const easingsNetInSine = [
+  0.12,
+  0,
+  0.39,
+  0
+];
+const easingsNetOutSine = [
+  0.61,
+  1,
+  0.88,
+  1
+];
+const easingsNetInOutSine = [
+  0.37,
+  0,
+  0.63,
+  1
+];
+const easingsNetInQuad = [
+  0.11,
+  0,
+  0.5,
+  0
+];
+const easingsNetOutQuad = [
+  0.5,
+  1,
+  0.89,
+  1
+];
+const easingsNetInOutQuad = [
+  0.45,
+  0,
+  0.55,
+  1
+];
+const easingsNetInCubic = [
+  0.32,
+  0,
+  0.67,
+  0
+];
+const easingsNetOutCubic = [
+  0.33,
+  1,
+  0.68,
+  1
+];
+const easingsNetInOutCubic = [
+  0.65,
+  0,
+  0.35,
+  1
+];
+const easingsNetInQuart = [
+  0.5,
+  0,
+  0.75,
+  0
+];
+const easingsNetInQuint = [
+  0.64,
+  0,
+  0.78,
+  0
+];
+const easingsNetOutQuint = [
+  0.22,
+  1,
+  0.36,
+  1
+];
+const easingsNetInOutQuint = [
+  0.83,
+  0,
+  0.17,
+  1
+];
+const easingsNetInExpo = [
+  0.7,
+  0,
+  0.84,
+  0
+];
+const easingsNetOutExpo = [
+  0.16,
+  1,
+  0.3,
+  1
+];
+const easingsNetInOutExpo = [
+  0.87,
+  0,
+  0.13,
+  1
+];
+const easingsNetInCirc = [
+  0.55,
+  0,
+  1,
+  0.45
+];
+const easingsNetOutCirc = [
+  0,
+  0.55,
+  0.45,
+  1
+];
+const easingsNetInOutCirc = [
+  0.85,
+  0,
+  0.15,
+  1
+];
+const easingsNetInBack = [
+  0.36,
+  0,
+  0.66,
+  -0.56
+];
+const easingsNetOutBack = [
+  0.34,
+  1.56,
+  0.64,
+  1
+];
+const easingsNetInOutBack = [
+  0.68,
+  -0.6,
+  0.32,
+  1.6
+];
 
-const defaultOptions$3 = {
+const defaultOptions$4 = {
   segment: {
     from: "start",
     to: "end"
@@ -1781,9 +1964,9 @@ const defaultCompleteOptions = {
 class Completeable {
   constructor(string, options = {}) {
     this.constructing();
-    this.segmentFrom = options?.segment?.from || defaultOptions$3.segment.from;
-    this.segmentTo = options?.segment?.to || defaultOptions$3.segment.to;
-    this.divider = options?.divider || defaultOptions$3.divider;
+    this.segmentFrom = options?.segment?.from || defaultOptions$4.segment.from;
+    this.segmentTo = options?.segment?.to || defaultOptions$4.segment.to;
+    this.divider = options?.divider || defaultOptions$4.divider;
     this.computedDividerIndices = { before: 0, after: 0 };
     this.setString(string);
     this.setSelection(options?.initialSelection || { start: string.length, end: string.length, direction: "none" });
@@ -2013,7 +2196,7 @@ class Copyable {
   }
 }
 
-const defaultOptions$2 = {
+const defaultOptions$3 = {
   delay: 0,
   executions: 1
 };
@@ -2023,8 +2206,8 @@ class Delayable {
       { progress: 0, properties: { progress: 0 } },
       { progress: 1, properties: { progress: 1 } }
     ], {
-      duration: options?.delay ?? defaultOptions$2.delay,
-      iterations: options?.executions ?? defaultOptions$2.executions
+      duration: options?.delay ?? defaultOptions$3.delay,
+      iterations: options?.executions ?? defaultOptions$3.executions
     });
     this.setEffect(effect);
     this.ready();
@@ -2188,6 +2371,66 @@ class Dispatchable {
   }
 }
 
+const defaultOptions$2 = {
+  toD: (stroke) => stroke.length === 0 ? "" : toD(stroke)
+};
+class Drawable {
+  constructor(stroke, options = {}) {
+    this.toD = options?.toD || defaultOptions$2.toD;
+    this.setStroke(stroke);
+    this.ready();
+  }
+  ready() {
+    this.computedStatus = "ready";
+  }
+  get stroke() {
+    return this.computedStroke;
+  }
+  set stroke(stroke) {
+    this.setStroke(stroke);
+  }
+  get status() {
+    return this.computedStatus;
+  }
+  get d() {
+    return this.computedD;
+  }
+  setStroke(stroke) {
+    this.computedStroke = stroke;
+    this.computedD = this.toD(stroke);
+    return this;
+  }
+  draw(points, options) {
+    this.drawing();
+    this.stroke = perfectFreehand.getStroke(points, options);
+    this.drawn();
+    return this;
+  }
+  drawing() {
+    this.computedStatus = "drawing";
+  }
+  drawn() {
+    this.computedStatus = "drawn";
+  }
+}
+function toD(stroke) {
+  return createReduce((d, [x0, y0], index) => {
+    const [x1, y1] = stroke[(index + 1) % stroke.length];
+    return `${d} ${x0} ${y0} ${(x0 + x1) / 2} ${(y0 + y1) / 2}`;
+  }, `M ${stroke[0][0]} ${stroke[0][1]} Q`)(stroke) + "Z";
+}
+function toFlattenedD(stroke) {
+  if (stroke.length === 0) {
+    return "";
+  }
+  const multiPolygon = polygonClipping__default['default'].union([stroke]);
+  return createReduce((dFromMultiPolygon, polygon) => {
+    return dFromMultiPolygon + createReduce((dFromRing, points) => {
+      return dFromRing + toD(points);
+    }, "")(polygon);
+  }, "")(multiPolygon);
+}
+
 class Resolveable {
   constructor(getPromise, options = {}) {
     this.setGetPromise(getPromise);
@@ -2774,6 +3017,7 @@ exports.Completeable = Completeable;
 exports.Copyable = Copyable;
 exports.Delayable = Delayable;
 exports.Dispatchable = Dispatchable;
+exports.Drawable = Drawable;
 exports.Fetchable = Fetchable;
 exports.Fullscreenable = Fullscreenable;
 exports.Grantable = Grantable;
@@ -2805,5 +3049,37 @@ exports.createSlice = createSlice;
 exports.createSlug = createSlug;
 exports.createSwap = createSwap;
 exports.createUnique = createUnique;
+exports.easingsNetInBack = easingsNetInBack;
+exports.easingsNetInCirc = easingsNetInCirc;
+exports.easingsNetInCubic = easingsNetInCubic;
+exports.easingsNetInExpo = easingsNetInExpo;
+exports.easingsNetInOutBack = easingsNetInOutBack;
+exports.easingsNetInOutCirc = easingsNetInOutCirc;
+exports.easingsNetInOutCubic = easingsNetInOutCubic;
+exports.easingsNetInOutExpo = easingsNetInOutExpo;
+exports.easingsNetInOutQuad = easingsNetInOutQuad;
+exports.easingsNetInOutQuint = easingsNetInOutQuint;
+exports.easingsNetInOutSine = easingsNetInOutSine;
+exports.easingsNetInQuad = easingsNetInQuad;
+exports.easingsNetInQuart = easingsNetInQuart;
+exports.easingsNetInQuint = easingsNetInQuint;
+exports.easingsNetInSine = easingsNetInSine;
+exports.easingsNetOutBack = easingsNetOutBack;
+exports.easingsNetOutCirc = easingsNetOutCirc;
+exports.easingsNetOutCubic = easingsNetOutCubic;
+exports.easingsNetOutExpo = easingsNetOutExpo;
+exports.easingsNetOutQuad = easingsNetOutQuad;
+exports.easingsNetOutQuint = easingsNetOutQuint;
+exports.easingsNetOutSine = easingsNetOutSine;
 exports.ensureKeycombo = ensureKeycombo;
 exports.eventMatchesKeycombo = eventMatchesKeycombo;
+exports.linear = linear;
+exports.materialAccelerated = materialAccelerated;
+exports.materialDecelerated = materialDecelerated;
+exports.materialStandard = materialStandard;
+exports.toD = toD;
+exports.toFlattenedD = toFlattenedD;
+exports.verouEase = verouEase;
+exports.verouEaseIn = verouEaseIn;
+exports.verouEaseInOut = verouEaseInOut;
+exports.verouEaseOut = verouEaseOut;

package/lib/index.d.ts

@@ -1,3 +1,4 @@
+import { getStroke, StrokeOptions } from 'perfect-freehand';
 import createDOMPurify, { Config } from 'dompurify';
 import { FullOptions, MatchData, Searcher } from 'fast-fuzzy';
 import { Options } from '@sindresorhus/slugify';
@@ -111,6 +112,36 @@ declare class Animateable {
     stop(): this;
     private stopped;
 }
+declare const linear: AnimateableKeyframe['timing'];
+declare const materialStandard: AnimateableKeyframe['timing'];
+declare const materialDecelerated: AnimateableKeyframe['timing'];
+declare const materialAccelerated: AnimateableKeyframe['timing'];
+declare const verouEase: AnimateableKeyframe['timing'];
+declare const verouEaseIn: AnimateableKeyframe['timing'];
+declare const verouEaseOut: AnimateableKeyframe['timing'];
+declare const verouEaseInOut: AnimateableKeyframe['timing'];
+declare const easingsNetInSine: AnimateableKeyframe['timing'];
+declare const easingsNetOutSine: AnimateableKeyframe['timing'];
+declare const easingsNetInOutSine: AnimateableKeyframe['timing'];
+declare const easingsNetInQuad: AnimateableKeyframe['timing'];
+declare const easingsNetOutQuad: AnimateableKeyframe['timing'];
+declare const easingsNetInOutQuad: AnimateableKeyframe['timing'];
+declare const easingsNetInCubic: AnimateableKeyframe['timing'];
+declare const easingsNetOutCubic: AnimateableKeyframe['timing'];
+declare const easingsNetInOutCubic: AnimateableKeyframe['timing'];
+declare const easingsNetInQuart: AnimateableKeyframe['timing'];
+declare const easingsNetInQuint: AnimateableKeyframe['timing'];
+declare const easingsNetOutQuint: AnimateableKeyframe['timing'];
+declare const easingsNetInOutQuint: AnimateableKeyframe['timing'];
+declare const easingsNetInExpo: AnimateableKeyframe['timing'];
+declare const easingsNetOutExpo: AnimateableKeyframe['timing'];
+declare const easingsNetInOutExpo: AnimateableKeyframe['timing'];
+declare const easingsNetInCirc: AnimateableKeyframe['timing'];
+declare const easingsNetOutCirc: AnimateableKeyframe['timing'];
+declare const easingsNetInOutCirc: AnimateableKeyframe['timing'];
+declare const easingsNetInBack: AnimateableKeyframe['timing'];
+declare const easingsNetOutBack: AnimateableKeyframe['timing'];
+declare const easingsNetInOutBack: AnimateableKeyframe['timing'];
 
 declare type CompleteableOptions = {
     segment?: {
@@ -534,6 +565,29 @@ declare type DocumentEventInitMap = {
     "visibilitychange": EventInit;
 };
 
+declare type DrawableOptions = {
+    toD?: (stroke: ReturnType<typeof getStroke>) => string;
+};
+declare type DrawableStatus = 'ready' | 'drawing' | 'drawn';
+declare class Drawable {
+    private computedD;
+    private toD;
+    constructor(stroke: ReturnType<typeof getStroke>, options?: DrawableOptions);
+    computedStatus: DrawableStatus;
+    private ready;
+    get stroke(): number[][];
+    set stroke(stroke: number[][]);
+    get status(): DrawableStatus;
+    get d(): string;
+    private computedStroke;
+    setStroke(stroke: ReturnType<typeof getStroke>): this;
+    draw(points: Parameters<typeof getStroke>[0], options?: StrokeOptions): this;
+    private drawing;
+    private drawn;
+}
+declare function toD(stroke: number[][]): string;
+declare function toFlattenedD(stroke: number[][]): string;
+
 declare type ResolveableOptions = Record<string, never>;
 declare type ResolveableGetPromise<Value> = (...args: any[]) => (Promise<Value> | Promise<Value>[]);
 declare type ResolveableStatus = 'ready' | 'resolving' | 'resolved' | 'errored';
@@ -808,4 +862,4 @@ declare class Pipeable {
     pipeAsync(...fns: ((...args: any[]) => Promise<any>)[]): Promise<any>;
 }
 
-export { AnimateFrame, AnimateFrameEffect, AnimateOptions, Animateable, AnimateableKeyframe, AnimateableOptions, AnimateableStatus, ArrayFunction, ArrayFunctionAsync, CompleteOptions, Completeable, CompleteableOptions, CompleteableStatus, Copyable, CopyableOptions, CopyableStatus, Delayable, DelayableEffect, DelayableOptions, DelayableStatus, DispatchOptions, Dispatchable, DispatchableOptions, DispatchableStatus, FetchOptions, FetchOptionsApi, Fetchable, FetchableOptions, FetchableStatus, Fullscreenable, FullscreenableGetElement, FullscreenableOptions, FullscreenableStatus, Grantable, GrantableOptions, GrantableStatus, ListenEffect, ListenEffectParam, ListenOptions, Listenable, ListenableActive, ListenableClickcombo, ListenableKeycombo, ListenableKeycomboItem, ListenableOptions, ListenablePointercombo, ListenableStatus, ListenableSupportedEventType, ListenableSupportedType, MapFunction, Navigateable, NavigateableOptions, NavigateableStatus, NumberFunction, Pipeable, RecognizeOptions, Recognizeable, RecognizeableEffectApi, RecognizeableOptions, RecognizeableStatus, Resolveable, ResolveableGetPromise, ResolveableOptions, ResolveableStatus, Sanitizeable, SanitizeableOptions, SanitizeableStatus, Searchable, SearchableOptions, SearchableStatus, Storeable, StoreableOptions, StoreableStatus, StringFunction, createClamp, createClip, createConcat, createDelete, createFilter, createFilterAsync, createForEachAsync, createInsert, createMap, createMapAsync, createReduce, createReduceAsync, createRename, createReorder, createReplace, createReverse, createSlice, createSlug, createSwap, createUnique, ensureKeycombo, eventMatchesKeycombo };
+export { AnimateFrame, AnimateFrameEffect, AnimateOptions, Animateable, AnimateableKeyframe, AnimateableOptions, AnimateableStatus, ArrayFunction, ArrayFunctionAsync, CompleteOptions, Completeable, CompleteableOptions, CompleteableStatus, Copyable, CopyableOptions, CopyableStatus, Delayable, DelayableEffect, DelayableOptions, DelayableStatus, DispatchOptions, Dispatchable, DispatchableOptions, DispatchableStatus, Drawable, DrawableOptions, DrawableStatus, FetchOptions, FetchOptionsApi, Fetchable, FetchableOptions, FetchableStatus, Fullscreenable, FullscreenableGetElement, FullscreenableOptions, FullscreenableStatus, Grantable, GrantableOptions, GrantableStatus, ListenEffect, ListenEffectParam, ListenOptions, Listenable, ListenableActive, ListenableClickcombo, ListenableKeycombo, ListenableKeycomboItem, ListenableOptions, ListenablePointercombo, ListenableStatus, ListenableSupportedEventType, ListenableSupportedType, MapFunction, Navigateable, NavigateableOptions, NavigateableStatus, NumberFunction, Pipeable, RecognizeOptions, Recognizeable, RecognizeableEffectApi, RecognizeableOptions, RecognizeableStatus, Resolveable, ResolveableGetPromise, ResolveableOptions, ResolveableStatus, Sanitizeable, SanitizeableOptions, SanitizeableStatus, Searchable, SearchableOptions, SearchableStatus, Storeable, StoreableOptions, StoreableStatus, StringFunction, createClamp, createClip, createConcat, createDelete, createFilter, createFilterAsync, createForEachAsync, createInsert, createMap, createMapAsync, createReduce, createReduceAsync, createRename, createReorder, createReplace, createReverse, createSlice, createSlug, createSwap, createUnique, easingsNetInBack, easingsNetInCirc, easingsNetInCubic, easingsNetInExpo, easingsNetInOutBack, easingsNetInOutCirc, easingsNetInOutCubic, easingsNetInOutExpo, easingsNetInOutQuad, easingsNetInOutQuint, easingsNetInOutSine, easingsNetInQuad, easingsNetInQuart, easingsNetInQuint, easingsNetInSine, easingsNetOutBack, easingsNetOutCirc, easingsNetOutCubic, easingsNetOutExpo, easingsNetOutQuad, easingsNetOutQuint, easingsNetOutSine, ensureKeycombo, eventMatchesKeycombo, linear, materialAccelerated, materialDecelerated, materialStandard, toD, toFlattenedD, verouEase, verouEaseIn, verouEaseInOut, verouEaseOut };

package/lib/index.js

@@ -2,6 +2,8 @@ import { reduce, pipe, filter, toArray, findIndex, slice, concat, unique as uniq
 import slugify from '@sindresorhus/slugify';
 import BezierEasing from 'bezier-easing';
 import { mix } from '@snigo.dev/color';
+import { getStroke } from 'perfect-freehand';
+import polygonClipping from 'polygon-clipping';
 import createDOMPurify from 'dompurify';
 import { Searcher } from 'fast-fuzzy';
 
@@ -1076,7 +1078,7 @@ const observerAssertionsByType = {
   resize: (observer) => observer instanceof ResizeObserver
 };
 
-const defaultOptions$4 = {
+const defaultOptions$5 = {
   duration: 0,
   timing: [
     0,
@@ -1089,10 +1091,10 @@ const defaultOptions$4 = {
 };
 class Animateable {
   constructor(keyframes, options = {}) {
-    this.initialDuration = options?.duration || defaultOptions$4.duration;
-    this.controlPoints = fromTimingToControlPoints(options?.timing || defaultOptions$4.timing);
-    this.iterationLimit = options?.iterations || defaultOptions$4.iterations;
-    this.alternates = options?.alternates || defaultOptions$4.alternates;
+    this.initialDuration = options?.duration || defaultOptions$5.duration;
+    this.controlPoints = fromTimingToControlPoints(options?.timing || defaultOptions$5.timing);
+    this.iterationLimit = options?.iterations || defaultOptions$5.iterations;
+    this.alternates = options?.alternates || defaultOptions$5.alternates;
     this.reversedControlPoints = fromControlPointsToReversedControlPoints(this.controlPoints);
     this.toAnimationProgress = createToAnimationProgress(this.controlPoints);
     this.reversedToAnimationProgress = createToAnimationProgress(this.reversedControlPoints);
@@ -1757,8 +1759,188 @@ function toInterpolated({ previous, next, progress }, options = {}) {
     return createSlice({ from: 0, to: sliceEnd })(sliceTarget);
   }
 }
+const linear = [
+  0,
+  0,
+  1,
+  1
+];
+const materialStandard = [
+  0.4,
+  0,
+  0.2,
+  1
+];
+const materialDecelerated = [
+  0,
+  0,
+  0.2,
+  1
+];
+const materialAccelerated = [
+  0.4,
+  0,
+  1,
+  1
+];
+const verouEase = [
+  0.25,
+  0.1,
+  0.25,
+  1
+];
+const verouEaseIn = [
+  0.42,
+  0,
+  1,
+  1
+];
+const verouEaseOut = [
+  0,
+  0,
+  0.58,
+  1
+];
+const verouEaseInOut = [
+  0.42,
+  0,
+  0.58,
+  1
+];
+const easingsNetInSine = [
+  0.12,
+  0,
+  0.39,
+  0
+];
+const easingsNetOutSine = [
+  0.61,
+  1,
+  0.88,
+  1
+];
+const easingsNetInOutSine = [
+  0.37,
+  0,
+  0.63,
+  1
+];
+const easingsNetInQuad = [
+  0.11,
+  0,
+  0.5,
+  0
+];
+const easingsNetOutQuad = [
+  0.5,
+  1,
+  0.89,
+  1
+];
+const easingsNetInOutQuad = [
+  0.45,
+  0,
+  0.55,
+  1
+];
+const easingsNetInCubic = [
+  0.32,
+  0,
+  0.67,
+  0
+];
+const easingsNetOutCubic = [
+  0.33,
+  1,
+  0.68,
+  1
+];
+const easingsNetInOutCubic = [
+  0.65,
+  0,
+  0.35,
+  1
+];
+const easingsNetInQuart = [
+  0.5,
+  0,
+  0.75,
+  0
+];
+const easingsNetInQuint = [
+  0.64,
+  0,
+  0.78,
+  0
+];
+const easingsNetOutQuint = [
+  0.22,
+  1,
+  0.36,
+  1
+];
+const easingsNetInOutQuint = [
+  0.83,
+  0,
+  0.17,
+  1
+];
+const easingsNetInExpo = [
+  0.7,
+  0,
+  0.84,
+  0
+];
+const easingsNetOutExpo = [
+  0.16,
+  1,
+  0.3,
+  1
+];
+const easingsNetInOutExpo = [
+  0.87,
+  0,
+  0.13,
+  1
+];
+const easingsNetInCirc = [
+  0.55,
+  0,
+  1,
+  0.45
+];
+const easingsNetOutCirc = [
+  0,
+  0.55,
+  0.45,
+  1
+];
+const easingsNetInOutCirc = [
+  0.85,
+  0,
+  0.15,
+  1
+];
+const easingsNetInBack = [
+  0.36,
+  0,
+  0.66,
+  -0.56
+];
+const easingsNetOutBack = [
+  0.34,
+  1.56,
+  0.64,
+  1
+];
+const easingsNetInOutBack = [
+  0.68,
+  -0.6,
+  0.32,
+  1.6
+];
 
-const defaultOptions$3 = {
+const defaultOptions$4 = {
   segment: {
     from: "start",
     to: "end"
@@ -1771,9 +1953,9 @@ const defaultCompleteOptions = {
 class Completeable {
   constructor(string, options = {}) {
     this.constructing();
-    this.segmentFrom = options?.segment?.from || defaultOptions$3.segment.from;
-    this.segmentTo = options?.segment?.to || defaultOptions$3.segment.to;
-    this.divider = options?.divider || defaultOptions$3.divider;
+    this.segmentFrom = options?.segment?.from || defaultOptions$4.segment.from;
+    this.segmentTo = options?.segment?.to || defaultOptions$4.segment.to;
+    this.divider = options?.divider || defaultOptions$4.divider;
     this.computedDividerIndices = { before: 0, after: 0 };
     this.setString(string);
     this.setSelection(options?.initialSelection || { start: string.length, end: string.length, direction: "none" });
@@ -2003,7 +2185,7 @@ class Copyable {
   }
 }
 
-const defaultOptions$2 = {
+const defaultOptions$3 = {
   delay: 0,
   executions: 1
 };
@@ -2013,8 +2195,8 @@ class Delayable {
       { progress: 0, properties: { progress: 0 } },
       { progress: 1, properties: { progress: 1 } }
     ], {
-      duration: options?.delay ?? defaultOptions$2.delay,
-      iterations: options?.executions ?? defaultOptions$2.executions
+      duration: options?.delay ?? defaultOptions$3.delay,
+      iterations: options?.executions ?? defaultOptions$3.executions
     });
     this.setEffect(effect);
     this.ready();
@@ -2178,6 +2360,66 @@ class Dispatchable {
   }
 }
 
+const defaultOptions$2 = {
+  toD: (stroke) => stroke.length === 0 ? "" : toD(stroke)
+};
+class Drawable {
+  constructor(stroke, options = {}) {
+    this.toD = options?.toD || defaultOptions$2.toD;
+    this.setStroke(stroke);
+    this.ready();
+  }
+  ready() {
+    this.computedStatus = "ready";
+  }
+  get stroke() {
+    return this.computedStroke;
+  }
+  set stroke(stroke) {
+    this.setStroke(stroke);
+  }
+  get status() {
+    return this.computedStatus;
+  }
+  get d() {
+    return this.computedD;
+  }
+  setStroke(stroke) {
+    this.computedStroke = stroke;
+    this.computedD = this.toD(stroke);
+    return this;
+  }
+  draw(points, options) {
+    this.drawing();
+    this.stroke = getStroke(points, options);
+    this.drawn();
+    return this;
+  }
+  drawing() {
+    this.computedStatus = "drawing";
+  }
+  drawn() {
+    this.computedStatus = "drawn";
+  }
+}
+function toD(stroke) {
+  return createReduce((d, [x0, y0], index) => {
+    const [x1, y1] = stroke[(index + 1) % stroke.length];
+    return `${d} ${x0} ${y0} ${(x0 + x1) / 2} ${(y0 + y1) / 2}`;
+  }, `M ${stroke[0][0]} ${stroke[0][1]} Q`)(stroke) + "Z";
+}
+function toFlattenedD(stroke) {
+  if (stroke.length === 0) {
+    return "";
+  }
+  const multiPolygon = polygonClipping.union([stroke]);
+  return createReduce((dFromMultiPolygon, polygon) => {
+    return dFromMultiPolygon + createReduce((dFromRing, points) => {
+      return dFromRing + toD(points);
+    }, "")(polygon);
+  }, "")(multiPolygon);
+}
+
 class Resolveable {
   constructor(getPromise, options = {}) {
     this.setGetPromise(getPromise);
@@ -2759,4 +3001,4 @@ class Storeable {
   }
 }
 
-export { Animateable, Completeable, Copyable, Delayable, Dispatchable, Fetchable, Fullscreenable, Grantable, Listenable, Navigateable, Pipeable, Recognizeable, Resolveable, Sanitizeable, Searchable, Storeable, createClamp, createClip, createConcat, createDelete, createFilter, createFilterAsync, createForEachAsync, createInsert, createMap, createMapAsync, createReduce, createReduceAsync, createRename, createReorder, createReplace, createReverse, createSlice, createSlug, createSwap, createUnique, ensureKeycombo, eventMatchesKeycombo };
+export { Animateable, Completeable, Copyable, Delayable, Dispatchable, Drawable, Fetchable, Fullscreenable, Grantable, Listenable, Navigateable, Pipeable, Recognizeable, Resolveable, Sanitizeable, Searchable, Storeable, createClamp, createClip, createConcat, createDelete, createFilter, createFilterAsync, createForEachAsync, createInsert, createMap, createMapAsync, createReduce, createReduceAsync, createRename, createReorder, createReplace, createReverse, createSlice, createSlug, createSwap, createUnique, easingsNetInBack, easingsNetInCirc, easingsNetInCubic, easingsNetInExpo, easingsNetInOutBack, easingsNetInOutCirc, easingsNetInOutCubic, easingsNetInOutExpo, easingsNetInOutQuad, easingsNetInOutQuint, easingsNetInOutSine, easingsNetInQuad, easingsNetInQuart, easingsNetInQuint, easingsNetInSine, easingsNetOutBack, easingsNetOutCirc, easingsNetOutCubic, easingsNetOutExpo, easingsNetOutQuad, easingsNetOutQuint, easingsNetOutSine, ensureKeycombo, eventMatchesKeycombo, linear, materialAccelerated, materialDecelerated, materialStandard, toD, toFlattenedD, verouEase, verouEaseIn, verouEaseInOut, verouEaseOut };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baleada/logic",
-  "version": "0.20.11",
+  "version": "0.20.12",
   "description": "UI logic for the Baleada toolkit",
   "main": "lib/index.cjs",
   "module": "lib/index.js",
@@ -54,7 +54,7 @@
     "typescript": "^4.4.3",
     "uvu": "^0.5.1",
     "vite": "^2.4.4",
-    "vue": "^3.2.9",
+    "vue": "^3.2.12",
     "vue-router": "^4.0.3"
   },
   "dependencies": {
@@ -67,7 +67,9 @@
     "bezier-easing": "^2.1.0",
     "dompurify": "^2.2.6",
     "fast-fuzzy": "^1.10.8",
-    "lazy-collections": "^0.8.0"
+    "lazy-collections": "^0.8.0",
+    "perfect-freehand": "^1.0.4",
+    "polygon-clipping": "^0.15.3"
   },
   "sideEffects": false
 }