@baleada/logic 0.20.31 → 0.20.33

package/lib/index.cjs

@@ -142,7 +142,7 @@ function createReverse() {
 }
 function createSlug(options) {
   return (string) => {
-    return slugify__default['default'](string, options);
+    return slugify__default["default"](string, options);
   };
 }
 function createClip(required) {
@@ -169,7 +169,7 @@ function createDetermine(potentialities) {
 function createRename({ from, to }) {
   return (map2) => {
     const keys = [...map2.keys()], keyToRenameIndex = lazyCollections.findIndex((k) => k === from)(keys), newKeys = createReplace({ index: keyToRenameIndex, item: to })(keys), values = [...map2.values()];
-    return createReduce((renamed, key, index) => renamed.set(key, values[index]), new Map())(newKeys);
+    return createReduce((renamed, key, index) => renamed.set(key, values[index]), /* @__PURE__ */ new Map())(newKeys);
   };
 }
 function createToEntries() {
@@ -246,8 +246,6 @@ function toEvent(eventType, options) {
         return new InputEvent(eventType, options.init);
       if (eventType === "blur")
         return new FocusEvent(eventType, options.init);
-      if (eventType === "cancel")
-        return new Event(eventType, options.init);
       if (eventType === "canplay")
         return new Event(eventType, options.init);
       if (eventType === "canplaythrough")
@@ -276,8 +274,6 @@ function toEvent(eventType, options) {
         return new DragEvent(eventType, options.init);
       if (eventType === "dragenter")
         return new DragEvent(eventType, options.init);
-      if (eventType === "dragexit")
-        return new Event(eventType, options.init);
       if (eventType === "dragleave")
         return new DragEvent(eventType, options.init);
       if (eventType === "dragover")
@@ -500,7 +496,7 @@ function toCombo(type) {
 function fromComboItemNameToType(name) {
   return lazyCollections.find((type) => predicatesByType[type](name))(listenableComboItemTypes) ?? "custom";
 }
-const listenableComboItemTypes = new Set(["singleCharacter", "arrow", "other", "modifier", "click", "pointer"]);
+const listenableComboItemTypes = /* @__PURE__ */ new Set(["singleCharacter", "arrow", "other", "modifier", "click", "pointer"]);
 const predicatesByType = {
   singleCharacter: (name) => typeREs["singleCharacter"].test(name),
   arrow: (name) => typeREs["arrow"].test(name),
@@ -596,6 +592,10 @@ function isString(value) {
 }
 
 class Recognizeable {
+  maxSequenceLength;
+  effects;
+  effectApi;
+  toType;
   constructor(sequence, options = { effectsIncludeCombos: true }) {
     const defaultOptions = {
       maxSequenceLength: true,
@@ -619,6 +619,7 @@ class Recognizeable {
     };
     this.ready();
   }
+  computedMetadata;
   resetComputedMetadata() {
     this.computedMetadata = {};
   }
@@ -628,6 +629,7 @@ class Recognizeable {
   denied() {
     this.computedStatus = "denied";
   }
+  computedStatus;
   ready() {
     this.computedStatus = "ready";
   }
@@ -643,6 +645,7 @@ class Recognizeable {
   get metadata() {
     return this.computedMetadata;
   }
+  computedSequence;
   setSequence(sequence) {
     this.computedSequence = sequence;
     return this;
@@ -746,9 +749,12 @@ function createToType({
     }
   };
 }
-const leftclickcomboEventTypes = new Set(["click", "mousedown", "mouseup", "dblclick"]), rightclickComboEventTypes = new Set(["contextmenu"]), keycomboEventTypes = new Set(["keydown", "keyup"]), toJoinedClickcombo = lazyCollections.join("+"), toJoinedKeycombo = lazyCollections.pipe(lazyCollections.map(({ name }) => name), toJoinedClickcombo);
+const leftclickcomboEventTypes = /* @__PURE__ */ new Set(["click", "mousedown", "mouseup", "dblclick"]), rightclickComboEventTypes = /* @__PURE__ */ new Set(["contextmenu"]), keycomboEventTypes = /* @__PURE__ */ new Set(["keydown", "keyup"]), toJoinedClickcombo = lazyCollections.join("+"), toJoinedKeycombo = lazyCollections.pipe(lazyCollections.map(({ name }) => name), toJoinedClickcombo);
 
 class Listenable {
+  computedRecognizeable;
+  recognizeableEffectsKeys;
+  computedActive;
   constructor(type, options) {
     if (type === "recognizeable") {
       const recognizeableOptions = {
@@ -761,10 +767,11 @@ class Listenable {
       this.computedRecognizeable = new Recognizeable([], recognizeableOptions);
       this.recognizeableEffectsKeys = Object.keys(recognizeableOptions.effects);
     }
-    this.computedActive = new Set();
+    this.computedActive = /* @__PURE__ */ new Set();
     this.setType(type);
     this.ready();
   }
+  computedStatus;
   ready() {
     this.computedStatus = "ready";
   }
@@ -783,6 +790,8 @@ class Listenable {
   get recognizeable() {
     return this.computedRecognizeable;
   }
+  computedType;
+  implementation;
   setType(type) {
     this.stop();
     this.computedType = type;
@@ -975,7 +984,7 @@ function stop(stoppable) {
 function toImplementation(type) {
   return lazyCollections.find((implementation) => predicatesByImplementation.get(implementation)(type))(predicatesByImplementation.keys());
 }
-const predicatesByImplementation = new Map([
+const predicatesByImplementation = /* @__PURE__ */ new Map([
   [
     "recognizeable",
     (type) => type === "recognizeable"
@@ -1025,7 +1034,7 @@ const predicatesByImplementation = new Map([
     () => true
   ]
 ]);
-const documentEvents = new Set([
+const documentEvents = /* @__PURE__ */ new Set([
   "fullscreenchange",
   "fullscreenerror",
   "pointerlockchange",
@@ -1048,6 +1057,11 @@ function eventMatchesKeycombo({ event, keycombo }) {
   return lazyCollections.every(({ name, type }, index) => {
     switch (type) {
       case "singleCharacter":
+        if (name === "!") {
+          return event.key === "!";
+        }
+        const keyToTest = event.altKey && fromComboItemNameToType(event.key) === "custom" ? fromCodeToSingleCharacter(event.code) : event.key.toLowerCase();
+        return name.startsWith("!") ? keyToTest !== toKey(name.slice(1)).toLowerCase() : keyToTest === toKey(name).toLowerCase();
       case "other":
         if (name === "!") {
           return event.key === "!";
@@ -1063,7 +1077,34 @@ function eventMatchesKeycombo({ event, keycombo }) {
     }
   })(keycombo);
 }
-const predicatesByArrow = new Map([
+function fromCodeToSingleCharacter(code) {
+  for (const c in aliasesByCode) {
+    if (c === code) {
+      return aliasesByCode[c];
+    }
+  }
+  for (const prefix of ["Key", "Digit"]) {
+    const re = new RegExp(`^${prefix}`);
+    if (re.test(code)) {
+      return createClip(re)(code).toLowerCase();
+    }
+  }
+  return code;
+}
+const aliasesByCode = {
+  "Backquote": "`",
+  "Minus": "-",
+  "Equal": "=",
+  "BracketLeft": "[",
+  "BracketRight": "]",
+  "Backslash": "\\",
+  "Semicolon": ";",
+  "Quote": "'",
+  "Comma": ",",
+  "Period": ".",
+  "Slash": "/"
+};
+const predicatesByArrow = /* @__PURE__ */ new Map([
   [
     "arrow",
     ({ event }) => arrows.has(event.key.toLowerCase())
@@ -1093,9 +1134,9 @@ const predicatesByArrow = new Map([
     ({ event, name }) => name.startsWith("!") ? event.key.toLowerCase() !== `arrow${name.toLowerCase()}` : event.key.toLowerCase() === `arrow${name.toLowerCase()}`
   ]
 ]);
-const arrows = new Set(["arrowup", "arrowright", "arrowdown", "arrowleft"]);
-const verticalArrows = new Set(["arrowup", "arrowdown"]);
-const horizontalArrows = new Set(["arrowright", "arrowleft"]);
+const arrows = /* @__PURE__ */ new Set(["arrowup", "arrowright", "arrowdown", "arrowleft"]);
+const verticalArrows = /* @__PURE__ */ new Set(["arrowup", "arrowdown"]);
+const horizontalArrows = /* @__PURE__ */ new Set(["arrowright", "arrowleft"]);
 function eventMatchesClickcombo({ event, clickcombo }) {
   return lazyCollections.every((name) => fromComboItemNameToType(name) === "click" || name.startsWith("!") && !isModified({ alias: name.slice(1), event }) || !name.startsWith("!") && isModified({ alias: name, event }))(clickcombo);
 }
@@ -1120,6 +1161,21 @@ const defaultOptions$6 = {
   alternates: false
 };
 class Animateable {
+  initialDuration;
+  iterationLimit;
+  alternates;
+  controlPoints;
+  reversedControlPoints;
+  toAnimationProgress;
+  reversedToAnimationProgress;
+  playCache;
+  reverseCache;
+  pauseCache;
+  seekCache;
+  alternateCache;
+  visibilitychange;
+  getEaseables;
+  getReversedEaseables;
   constructor(keyframes, options = {}) {
     this.initialDuration = options?.duration || defaultOptions$6.duration;
     this.controlPoints = fromTimingToControlPoints(options?.timing || defaultOptions$6.timing);
@@ -1143,21 +1199,25 @@ class Animateable {
     this.resetProgress();
     this.resetIterations();
   }
+  computedStatus;
   ready() {
     this.computedStatus = "ready";
   }
+  computedTime;
   resetTime() {
     this.computedTime = {
       elapsed: 0,
       remaining: this.duration
     };
   }
+  computedProgress;
   resetProgress() {
     this.computedProgress = {
       time: 0,
       animation: 0
     };
   }
+  computedIterations;
   resetIterations() {
     this.computedIterations = 0;
   }
@@ -1188,6 +1248,11 @@ class Animateable {
   get progress() {
     return this.computedProgress;
   }
+  computedKeyframes;
+  reversedKeyframes;
+  properties;
+  easeables;
+  reversedEaseables;
   setKeyframes(keyframes) {
     this.stop();
     this.computedKeyframes = Array.from(keyframes).sort(({ progress: progressA }, { progress: progressB }) => progressA - progressB);
@@ -1197,6 +1262,9 @@ class Animateable {
     this.reversedEaseables = this.getReversedEaseables({ keyframes: this.reversedKeyframes, properties: this.properties });
     return this;
   }
+  computedPlaybackRate;
+  duration;
+  totalTimeInvisible;
   setPlaybackRate(playbackRate) {
     const ensuredPlaybackRate = Math.max(0, playbackRate);
     this.computedPlaybackRate = ensuredPlaybackRate;
@@ -1342,6 +1410,7 @@ class Animateable {
   reversed() {
     this.computedStatus = "reversed";
   }
+  invisibleAt;
   listenForVisibilitychange() {
     if (this.visibilitychange.active.size === 0) {
       this.totalTimeInvisible = 0;
@@ -1357,6 +1426,7 @@ class Animateable {
       });
     }
   }
+  computedRequest;
   createAnimate(type) {
     return (effect, options = {}) => {
       const { interpolate: interpolateOptions } = options;
@@ -1377,6 +1447,7 @@ class Animateable {
       return this;
     };
   }
+  startTime;
   setStartTimeAndStatus(type, timestamp) {
     switch (type) {
       case "play":
@@ -1743,7 +1814,7 @@ function createGetEaseables(fromKeyframeToControlPoints) {
   };
 }
 function toProperties(keyframes) {
-  const properties = new Set();
+  const properties = /* @__PURE__ */ new Set();
   for (const keyframe of keyframes) {
     for (const property in keyframe.properties) {
       if (!properties.has(property)) {
@@ -1768,7 +1839,7 @@ function fromControlPointsToReversedControlPoints(points) {
 }
 function createToAnimationProgress(points) {
   const { 0: { x: point1x, y: point1y }, 1: { x: point2x, y: point2y } } = points;
-  return BezierEasing__default['default'](point1x, point1y, point2x, point2y);
+  return BezierEasing__default["default"](point1x, point1y, point2x, point2y);
 }
 function toInterpolated({ previous, next, progress }, options = {}) {
   if (isUndefined(previous)) {
@@ -1981,6 +2052,10 @@ const defaultCompleteOptions = {
   select: "completionEnd"
 };
 class Completeable {
+  segmentFrom;
+  segmentTo;
+  divider;
+  computedDividerIndices;
   constructor(string, options = {}) {
     this.constructing();
     this.segmentFrom = options?.segment?.from || defaultOptions$5.segment.from;
@@ -1994,6 +2069,7 @@ class Completeable {
   constructing() {
     this.computedStatus = "constructing";
   }
+  computedStatus;
   ready() {
     this.computedStatus = "ready";
   }
@@ -2038,6 +2114,7 @@ class Completeable {
         return this.dividerIndices.after;
     }
   }
+  computedString;
   setString(string) {
     this.computedString = string;
     switch (this.status) {
@@ -2049,6 +2126,7 @@ class Completeable {
     }
     return this;
   }
+  computedSelection;
   setSelection(selection) {
     this.computedSelection = selection;
     this.setDividerIndices();
@@ -2135,6 +2213,10 @@ function toNextMatch({ string, re, from }) {
 }
 
 class Copyable {
+  computedIsClipboardText;
+  copyListenable;
+  cutListenable;
+  copyAndCutEffect;
   constructor(string, options = {}) {
     this.computedIsClipboardText = false;
     this.copyListenable = new Listenable("copy");
@@ -2146,6 +2228,7 @@ class Copyable {
     this.setString(string);
     this.ready();
   }
+  computedStatus;
   ready() {
     this.computedStatus = "ready";
   }
@@ -2167,10 +2250,13 @@ class Copyable {
   get error() {
     return this.computedError;
   }
+  computedString;
   setString(string) {
     this.computedString = string;
     return this;
   }
+  computedResponse;
+  computedError;
   async copy(options = { type: "clipboard" }) {
     this.copying();
     const { type } = options;
@@ -2223,6 +2309,7 @@ const defaultOptions$4 = {
   executions: 1
 };
 class Delayable {
+  animateable;
   constructor(effect, options = {}) {
     this.animateable = new Animateable([
       { progress: 0, properties: { progress: 0 } },
@@ -2234,6 +2321,7 @@ class Delayable {
     this.setEffect(effect);
     this.ready();
   }
+  computedStatus;
   ready() {
     this.computedStatus = "ready";
   }
@@ -2255,12 +2343,14 @@ class Delayable {
   get progress() {
     return this.animateable.progress.time;
   }
+  computedEffect;
   setEffect(effect) {
     this.stop();
     this.computedEffect = effect;
     this.setFrameEffect(effect);
     return this;
   }
+  frameEffect;
   setFrameEffect(effect) {
     this.frameEffect = (frame) => {
       const { properties: { progress }, timestamp } = frame;
@@ -2363,6 +2453,7 @@ class Dispatchable {
     this.setType(type);
     this.ready();
   }
+  computedStatus;
   ready() {
     this.computedStatus = "ready";
   }
@@ -2378,10 +2469,12 @@ class Dispatchable {
   get status() {
     return this.computedStatus;
   }
+  computedType;
   setType(type) {
     this.computedType = type;
     return this;
   }
+  computedCancelled;
   dispatch(options = {}) {
     const { target = window, ...rest } = options, event = toEvent(this.type, rest);
     this.computedCancelled = !target.dispatchEvent(event);
@@ -2397,11 +2490,14 @@ const defaultOptions$3 = {
   toD: (stroke) => stroke.length === 0 ? "" : toD(stroke)
 };
 class Drawable {
+  computedD;
+  toD;
   constructor(stroke, options = {}) {
     this.toD = options?.toD || defaultOptions$3.toD;
     this.setStroke(stroke);
     this.ready();
   }
+  computedStatus;
   ready() {
     this.computedStatus = "ready";
   }
@@ -2417,6 +2513,7 @@ class Drawable {
   get d() {
     return this.computedD;
   }
+  computedStroke;
   setStroke(stroke) {
     this.computedStroke = stroke;
     this.computedD = this.toD(stroke);
@@ -2445,7 +2542,7 @@ function toFlattenedD(stroke) {
   if (stroke.length === 0) {
     return "";
   }
-  const multiPolygon = polygonClipping__default['default'].union([stroke]);
+  const multiPolygon = polygonClipping__default["default"].union([stroke]);
   return createReduce((dFromMultiPolygon, polygon) => {
     return dFromMultiPolygon + createReduce((dFromRing, points) => {
       return dFromRing + toD(points);
@@ -2458,6 +2555,7 @@ class Resolveable {
     this.setGetPromise(getPromise);
     this.ready();
   }
+  computedStatus;
   ready() {
     this.computedStatus = "ready";
   }
@@ -2473,10 +2571,12 @@ class Resolveable {
   get value() {
     return this.computedValue;
   }
+  computedGetPromise;
   setGetPromise(getPromise) {
     this.computedGetPromise = getPromise;
     return this;
   }
+  computedValue;
   async resolve(...args) {
     this.resolving();
     try {
@@ -2501,6 +2601,11 @@ class Resolveable {
 }
 
 class Fetchable {
+  computedArrayBuffer;
+  computedBlob;
+  computedFormData;
+  computedJson;
+  computedText;
   constructor(resource, options = {}) {
     this.setResource(resource);
     this.computedArrayBuffer = new Resolveable(async () => "arrayBuffer" in this.response ? await this.response.arrayBuffer() : await void 0);
@@ -2510,6 +2615,7 @@ class Fetchable {
     this.computedText = new Resolveable(async () => "text" in this.response ? await this.response.text() : await void 0);
     this.ready();
   }
+  computedStatus;
   ready() {
     this.computedStatus = "ready";
   }
@@ -2519,6 +2625,7 @@ class Fetchable {
   set resource(resource) {
     this.setResource(resource);
   }
+  computedAbortController;
   get abortController() {
     if (!this.computedAbortController) {
       this.computedAbortController = new AbortController();
@@ -2564,10 +2671,13 @@ class Fetchable {
         return resolveable;
     }
   }
+  computedResource;
   setResource(resource) {
     this.computedResource = resource;
     return this;
   }
+  computedResponse;
+  computedError;
   async fetch(options = {}) {
     this.computedStatus = "fetching";
     try {
@@ -2622,6 +2732,7 @@ class Fullscreenable {
     this.setGetElement(getElement);
     this.ready();
   }
+  computedStatus;
   ready() {
     this.computedStatus = "ready";
   }
@@ -2640,6 +2751,7 @@ class Fullscreenable {
   get error() {
     return this.computedError;
   }
+  computedGetElement;
   setGetElement(getElement) {
     this.computedGetElement = () => getElement();
     return this;
@@ -2648,6 +2760,7 @@ class Fullscreenable {
     await this.fullscreen(options);
     return this;
   }
+  computedError;
   async fullscreen(options = {}) {
     try {
       await this.element.requestFullscreen(options);
@@ -2684,6 +2797,7 @@ class Grantable {
     this.setDescriptor(descriptor);
     this.ready();
   }
+  computedStatus;
   ready() {
     this.computedStatus = "ready";
   }
@@ -2699,10 +2813,12 @@ class Grantable {
   get status() {
     return this.computedStatus;
   }
+  computedDescriptor;
   setDescriptor(descriptor) {
     this.computedDescriptor = descriptor;
     return this;
   }
+  computedPermission;
   async query() {
     this.querying();
     try {
@@ -2739,15 +2855,18 @@ class Navigateable {
     this.navigate(options?.initialLocation ?? defaultOptions$2.initialLocation);
     this.ready();
   }
+  computedStatus;
   ready() {
     this.computedStatus = "ready";
   }
+  computedArray;
   get array() {
     return this.computedArray;
   }
   set array(value) {
     this.setArray(value);
   }
+  computedLocation;
   get location() {
     return this.computedLocation;
   }
@@ -2871,29 +2990,33 @@ const defaultOptions$1 = {
 };
 class Pickable {
   constructor(array, options = {}) {
-    this.toItems = createMap((index) => this.array[index]);
     this.setArray(array);
     this.pick(options.initialPicks ?? defaultOptions$1.initialPicks);
     this.ready();
   }
+  computedStatus;
   ready() {
     this.computedStatus = "ready";
   }
+  computedArray;
   get array() {
     return this.computedArray;
   }
   set array(array) {
     this.setArray(array);
   }
+  computedPicks;
   get picks() {
     return this.computedPicks;
   }
   set picks(indices) {
     this.pick(indices);
   }
+  computedFirst;
   get first() {
     return this.computedFirst;
   }
+  computedLast;
   get last() {
     return this.computedLast;
   }
@@ -2909,9 +3032,11 @@ class Pickable {
   get items() {
     return this.toItems(this.picks);
   }
+  toItems = createMap((index) => this.array[index]);
   get multiple() {
     return this.picks.length > 1;
   }
+  toPossiblePicks;
   setArray(array) {
     this.computedArray = array;
     this.toPossiblePicks = createFilter((index) => index >= 0 && index < array.length);
@@ -2987,14 +3112,17 @@ function ensureIndices(indexOrIndices) {
 const toUnique = createUnique();
 
 class Sanitizeable {
+  domPurifyConfig;
   constructor(html, options) {
     this.computedHtml = html;
     this.domPurifyConfig = options;
     this.ready();
   }
+  computedDompurify;
+  computedStatus;
   ready() {
     if (domIsAvailable()) {
-      this.computedDompurify = createDOMPurify__default['default']();
+      this.computedDompurify = createDOMPurify__default["default"]();
       this.computedDompurify.setConfig(this.domPurifyConfig);
     }
     this.computedStatus = "ready";
@@ -3007,7 +3135,7 @@ class Sanitizeable {
   }
   get dompurify() {
     if (!this.computedDompurify && domIsAvailable()) {
-      this.computedDompurify = createDOMPurify__default['default']();
+      this.computedDompurify = createDOMPurify__default["default"]();
       this.computedDompurify.setConfig(this.domPurifyConfig);
     }
     return this.computedDompurify;
@@ -3015,6 +3143,7 @@ class Sanitizeable {
   get status() {
     return this.computedStatus;
   }
+  computedHtml;
   setHtml(html) {
     this.computedHtml = html;
     return this;
@@ -3030,15 +3159,19 @@ class Sanitizeable {
 }
 
 class Searchable {
+  searcherOptions;
+  computedResults;
   constructor(candidates, options = {}) {
     this.searcherOptions = options;
     this.setCandidates(candidates);
     this.computedResults = [];
     this.ready();
   }
+  computedStatus;
   ready() {
     this.computedStatus = "ready";
   }
+  computedCandidates;
   get candidates() {
     return this.computedCandidates;
   }
@@ -3054,6 +3187,7 @@ class Searchable {
   get status() {
     return this.computedStatus;
   }
+  computedSearcher;
   setCandidates(candidates) {
     this.computedCandidates = Array.from(candidates);
     this.computedSearcher = new fastFuzzy.Searcher(candidates, this.searcherOptions);
@@ -3074,6 +3208,8 @@ const defaultOptions = {
   statusKeySuffix: " status"
 };
 class Storeable {
+  type;
+  statusKeySuffix;
   constructor(key, options = {}) {
     this.constructing();
     this.type = options.type ?? defaultOptions.type;
@@ -3084,6 +3220,7 @@ class Storeable {
   constructing() {
     this.computedStatus = "constructing";
   }
+  computedStatus;
   ready() {
     this.computedStatus = "ready";
     if (domIsAvailable()) {
@@ -3121,6 +3258,8 @@ class Storeable {
   get error() {
     return this.computedError;
   }
+  computedKey;
+  computedStatusKey;
   setKey(key) {
     let string;
     switch (this.status) {
@@ -3146,6 +3285,8 @@ class Storeable {
     }
     return this;
   }
+  computedString;
+  computedError;
   store(string) {
     try {
       this.storage.setItem(this.key, string);

package/lib/index.js

@@ -158,7 +158,7 @@ function createDetermine(potentialities) {
 function createRename({ from, to }) {
   return (map2) => {
     const keys = [...map2.keys()], keyToRenameIndex = findIndex((k) => k === from)(keys), newKeys = createReplace({ index: keyToRenameIndex, item: to })(keys), values = [...map2.values()];
-    return createReduce((renamed, key, index) => renamed.set(key, values[index]), new Map())(newKeys);
+    return createReduce((renamed, key, index) => renamed.set(key, values[index]), /* @__PURE__ */ new Map())(newKeys);
   };
 }
 function createToEntries() {
@@ -235,8 +235,6 @@ function toEvent(eventType, options) {
         return new InputEvent(eventType, options.init);
       if (eventType === "blur")
         return new FocusEvent(eventType, options.init);
-      if (eventType === "cancel")
-        return new Event(eventType, options.init);
       if (eventType === "canplay")
         return new Event(eventType, options.init);
       if (eventType === "canplaythrough")
@@ -265,8 +263,6 @@ function toEvent(eventType, options) {
         return new DragEvent(eventType, options.init);
       if (eventType === "dragenter")
         return new DragEvent(eventType, options.init);
-      if (eventType === "dragexit")
-        return new Event(eventType, options.init);
       if (eventType === "dragleave")
         return new DragEvent(eventType, options.init);
       if (eventType === "dragover")
@@ -489,7 +485,7 @@ function toCombo(type) {
 function fromComboItemNameToType(name) {
   return find((type) => predicatesByType[type](name))(listenableComboItemTypes) ?? "custom";
 }
-const listenableComboItemTypes = new Set(["singleCharacter", "arrow", "other", "modifier", "click", "pointer"]);
+const listenableComboItemTypes = /* @__PURE__ */ new Set(["singleCharacter", "arrow", "other", "modifier", "click", "pointer"]);
 const predicatesByType = {
   singleCharacter: (name) => typeREs["singleCharacter"].test(name),
   arrow: (name) => typeREs["arrow"].test(name),
@@ -585,6 +581,10 @@ function isString(value) {
 }
 
 class Recognizeable {
+  maxSequenceLength;
+  effects;
+  effectApi;
+  toType;
   constructor(sequence, options = { effectsIncludeCombos: true }) {
     const defaultOptions = {
       maxSequenceLength: true,
@@ -608,6 +608,7 @@ class Recognizeable {
     };
     this.ready();
   }
+  computedMetadata;
   resetComputedMetadata() {
     this.computedMetadata = {};
   }
@@ -617,6 +618,7 @@ class Recognizeable {
   denied() {
     this.computedStatus = "denied";
   }
+  computedStatus;
   ready() {
     this.computedStatus = "ready";
   }
@@ -632,6 +634,7 @@ class Recognizeable {
   get metadata() {
     return this.computedMetadata;
   }
+  computedSequence;
   setSequence(sequence) {
     this.computedSequence = sequence;
     return this;
@@ -735,9 +738,12 @@ function createToType({
     }
   };
 }
-const leftclickcomboEventTypes = new Set(["click", "mousedown", "mouseup", "dblclick"]), rightclickComboEventTypes = new Set(["contextmenu"]), keycomboEventTypes = new Set(["keydown", "keyup"]), toJoinedClickcombo = join("+"), toJoinedKeycombo = pipe(map(({ name }) => name), toJoinedClickcombo);
+const leftclickcomboEventTypes = /* @__PURE__ */ new Set(["click", "mousedown", "mouseup", "dblclick"]), rightclickComboEventTypes = /* @__PURE__ */ new Set(["contextmenu"]), keycomboEventTypes = /* @__PURE__ */ new Set(["keydown", "keyup"]), toJoinedClickcombo = join("+"), toJoinedKeycombo = pipe(map(({ name }) => name), toJoinedClickcombo);
 
 class Listenable {
+  computedRecognizeable;
+  recognizeableEffectsKeys;
+  computedActive;
   constructor(type, options) {
     if (type === "recognizeable") {
       const recognizeableOptions = {
@@ -750,10 +756,11 @@ class Listenable {
       this.computedRecognizeable = new Recognizeable([], recognizeableOptions);
       this.recognizeableEffectsKeys = Object.keys(recognizeableOptions.effects);
     }
-    this.computedActive = new Set();
+    this.computedActive = /* @__PURE__ */ new Set();
     this.setType(type);
     this.ready();
   }
+  computedStatus;
   ready() {
     this.computedStatus = "ready";
   }
@@ -772,6 +779,8 @@ class Listenable {
   get recognizeable() {
     return this.computedRecognizeable;
   }
+  computedType;
+  implementation;
   setType(type) {
     this.stop();
     this.computedType = type;
@@ -964,7 +973,7 @@ function stop(stoppable) {
 function toImplementation(type) {
   return find((implementation) => predicatesByImplementation.get(implementation)(type))(predicatesByImplementation.keys());
 }
-const predicatesByImplementation = new Map([
+const predicatesByImplementation = /* @__PURE__ */ new Map([
   [
     "recognizeable",
     (type) => type === "recognizeable"
@@ -1014,7 +1023,7 @@ const predicatesByImplementation = new Map([
     () => true
   ]
 ]);
-const documentEvents = new Set([
+const documentEvents = /* @__PURE__ */ new Set([
   "fullscreenchange",
   "fullscreenerror",
   "pointerlockchange",
@@ -1037,6 +1046,11 @@ function eventMatchesKeycombo({ event, keycombo }) {
   return every(({ name, type }, index) => {
     switch (type) {
       case "singleCharacter":
+        if (name === "!") {
+          return event.key === "!";
+        }
+        const keyToTest = event.altKey && fromComboItemNameToType(event.key) === "custom" ? fromCodeToSingleCharacter(event.code) : event.key.toLowerCase();
+        return name.startsWith("!") ? keyToTest !== toKey(name.slice(1)).toLowerCase() : keyToTest === toKey(name).toLowerCase();
       case "other":
         if (name === "!") {
           return event.key === "!";
@@ -1052,7 +1066,34 @@ function eventMatchesKeycombo({ event, keycombo }) {
     }
   })(keycombo);
 }
-const predicatesByArrow = new Map([
+function fromCodeToSingleCharacter(code) {
+  for (const c in aliasesByCode) {
+    if (c === code) {
+      return aliasesByCode[c];
+    }
+  }
+  for (const prefix of ["Key", "Digit"]) {
+    const re = new RegExp(`^${prefix}`);
+    if (re.test(code)) {
+      return createClip(re)(code).toLowerCase();
+    }
+  }
+  return code;
+}
+const aliasesByCode = {
+  "Backquote": "`",
+  "Minus": "-",
+  "Equal": "=",
+  "BracketLeft": "[",
+  "BracketRight": "]",
+  "Backslash": "\\",
+  "Semicolon": ";",
+  "Quote": "'",
+  "Comma": ",",
+  "Period": ".",
+  "Slash": "/"
+};
+const predicatesByArrow = /* @__PURE__ */ new Map([
   [
     "arrow",
     ({ event }) => arrows.has(event.key.toLowerCase())
@@ -1082,9 +1123,9 @@ const predicatesByArrow = new Map([
     ({ event, name }) => name.startsWith("!") ? event.key.toLowerCase() !== `arrow${name.toLowerCase()}` : event.key.toLowerCase() === `arrow${name.toLowerCase()}`
   ]
 ]);
-const arrows = new Set(["arrowup", "arrowright", "arrowdown", "arrowleft"]);
-const verticalArrows = new Set(["arrowup", "arrowdown"]);
-const horizontalArrows = new Set(["arrowright", "arrowleft"]);
+const arrows = /* @__PURE__ */ new Set(["arrowup", "arrowright", "arrowdown", "arrowleft"]);
+const verticalArrows = /* @__PURE__ */ new Set(["arrowup", "arrowdown"]);
+const horizontalArrows = /* @__PURE__ */ new Set(["arrowright", "arrowleft"]);
 function eventMatchesClickcombo({ event, clickcombo }) {
   return every((name) => fromComboItemNameToType(name) === "click" || name.startsWith("!") && !isModified({ alias: name.slice(1), event }) || !name.startsWith("!") && isModified({ alias: name, event }))(clickcombo);
 }
@@ -1109,6 +1150,21 @@ const defaultOptions$6 = {
   alternates: false
 };
 class Animateable {
+  initialDuration;
+  iterationLimit;
+  alternates;
+  controlPoints;
+  reversedControlPoints;
+  toAnimationProgress;
+  reversedToAnimationProgress;
+  playCache;
+  reverseCache;
+  pauseCache;
+  seekCache;
+  alternateCache;
+  visibilitychange;
+  getEaseables;
+  getReversedEaseables;
   constructor(keyframes, options = {}) {
     this.initialDuration = options?.duration || defaultOptions$6.duration;
     this.controlPoints = fromTimingToControlPoints(options?.timing || defaultOptions$6.timing);
@@ -1132,21 +1188,25 @@ class Animateable {
     this.resetProgress();
     this.resetIterations();
   }
+  computedStatus;
   ready() {
     this.computedStatus = "ready";
   }
+  computedTime;
   resetTime() {
     this.computedTime = {
       elapsed: 0,
       remaining: this.duration
     };
   }
+  computedProgress;
   resetProgress() {
     this.computedProgress = {
       time: 0,
       animation: 0
     };
   }
+  computedIterations;
   resetIterations() {
     this.computedIterations = 0;
   }
@@ -1177,6 +1237,11 @@ class Animateable {
   get progress() {
     return this.computedProgress;
   }
+  computedKeyframes;
+  reversedKeyframes;
+  properties;
+  easeables;
+  reversedEaseables;
   setKeyframes(keyframes) {
     this.stop();
     this.computedKeyframes = Array.from(keyframes).sort(({ progress: progressA }, { progress: progressB }) => progressA - progressB);
@@ -1186,6 +1251,9 @@ class Animateable {
     this.reversedEaseables = this.getReversedEaseables({ keyframes: this.reversedKeyframes, properties: this.properties });
     return this;
   }
+  computedPlaybackRate;
+  duration;
+  totalTimeInvisible;
   setPlaybackRate(playbackRate) {
     const ensuredPlaybackRate = Math.max(0, playbackRate);
     this.computedPlaybackRate = ensuredPlaybackRate;
@@ -1331,6 +1399,7 @@ class Animateable {
   reversed() {
     this.computedStatus = "reversed";
   }
+  invisibleAt;
   listenForVisibilitychange() {
     if (this.visibilitychange.active.size === 0) {
       this.totalTimeInvisible = 0;
@@ -1346,6 +1415,7 @@ class Animateable {
       });
     }
   }
+  computedRequest;
   createAnimate(type) {
     return (effect, options = {}) => {
       const { interpolate: interpolateOptions } = options;
@@ -1366,6 +1436,7 @@ class Animateable {
       return this;
     };
   }
+  startTime;
   setStartTimeAndStatus(type, timestamp) {
     switch (type) {
       case "play":
@@ -1732,7 +1803,7 @@ function createGetEaseables(fromKeyframeToControlPoints) {
   };
 }
 function toProperties(keyframes) {
-  const properties = new Set();
+  const properties = /* @__PURE__ */ new Set();
   for (const keyframe of keyframes) {
     for (const property in keyframe.properties) {
       if (!properties.has(property)) {
@@ -1970,6 +2041,10 @@ const defaultCompleteOptions = {
   select: "completionEnd"
 };
 class Completeable {
+  segmentFrom;
+  segmentTo;
+  divider;
+  computedDividerIndices;
   constructor(string, options = {}) {
     this.constructing();
     this.segmentFrom = options?.segment?.from || defaultOptions$5.segment.from;
@@ -1983,6 +2058,7 @@ class Completeable {
   constructing() {
     this.computedStatus = "constructing";
   }
+  computedStatus;
   ready() {
     this.computedStatus = "ready";
   }
@@ -2027,6 +2103,7 @@ class Completeable {
         return this.dividerIndices.after;
     }
   }
+  computedString;
   setString(string) {
     this.computedString = string;
     switch (this.status) {
@@ -2038,6 +2115,7 @@ class Completeable {
     }
     return this;
   }
+  computedSelection;
   setSelection(selection) {
     this.computedSelection = selection;
     this.setDividerIndices();
@@ -2124,6 +2202,10 @@ function toNextMatch({ string, re, from }) {
 }
 
 class Copyable {
+  computedIsClipboardText;
+  copyListenable;
+  cutListenable;
+  copyAndCutEffect;
   constructor(string, options = {}) {
     this.computedIsClipboardText = false;
     this.copyListenable = new Listenable("copy");
@@ -2135,6 +2217,7 @@ class Copyable {
     this.setString(string);
     this.ready();
   }
+  computedStatus;
   ready() {
     this.computedStatus = "ready";
   }
@@ -2156,10 +2239,13 @@ class Copyable {
   get error() {
     return this.computedError;
   }
+  computedString;
   setString(string) {
     this.computedString = string;
     return this;
   }
+  computedResponse;
+  computedError;
   async copy(options = { type: "clipboard" }) {
     this.copying();
     const { type } = options;
@@ -2212,6 +2298,7 @@ const defaultOptions$4 = {
   executions: 1
 };
 class Delayable {
+  animateable;
   constructor(effect, options = {}) {
     this.animateable = new Animateable([
       { progress: 0, properties: { progress: 0 } },
@@ -2223,6 +2310,7 @@ class Delayable {
     this.setEffect(effect);
     this.ready();
   }
+  computedStatus;
   ready() {
     this.computedStatus = "ready";
   }
@@ -2244,12 +2332,14 @@ class Delayable {
   get progress() {
     return this.animateable.progress.time;
   }
+  computedEffect;
   setEffect(effect) {
     this.stop();
     this.computedEffect = effect;
     this.setFrameEffect(effect);
     return this;
   }
+  frameEffect;
   setFrameEffect(effect) {
     this.frameEffect = (frame) => {
       const { properties: { progress }, timestamp } = frame;
@@ -2352,6 +2442,7 @@ class Dispatchable {
     this.setType(type);
     this.ready();
   }
+  computedStatus;
   ready() {
     this.computedStatus = "ready";
   }
@@ -2367,10 +2458,12 @@ class Dispatchable {
   get status() {
     return this.computedStatus;
   }
+  computedType;
   setType(type) {
     this.computedType = type;
     return this;
   }
+  computedCancelled;
   dispatch(options = {}) {
     const { target = window, ...rest } = options, event = toEvent(this.type, rest);
     this.computedCancelled = !target.dispatchEvent(event);
@@ -2386,11 +2479,14 @@ const defaultOptions$3 = {
   toD: (stroke) => stroke.length === 0 ? "" : toD(stroke)
 };
 class Drawable {
+  computedD;
+  toD;
   constructor(stroke, options = {}) {
     this.toD = options?.toD || defaultOptions$3.toD;
     this.setStroke(stroke);
     this.ready();
   }
+  computedStatus;
   ready() {
     this.computedStatus = "ready";
   }
@@ -2406,6 +2502,7 @@ class Drawable {
   get d() {
     return this.computedD;
   }
+  computedStroke;
   setStroke(stroke) {
     this.computedStroke = stroke;
     this.computedD = this.toD(stroke);
@@ -2447,6 +2544,7 @@ class Resolveable {
     this.setGetPromise(getPromise);
     this.ready();
   }
+  computedStatus;
   ready() {
     this.computedStatus = "ready";
   }
@@ -2462,10 +2560,12 @@ class Resolveable {
   get value() {
     return this.computedValue;
   }
+  computedGetPromise;
   setGetPromise(getPromise) {
     this.computedGetPromise = getPromise;
     return this;
   }
+  computedValue;
   async resolve(...args) {
     this.resolving();
     try {
@@ -2490,6 +2590,11 @@ class Resolveable {
 }
 
 class Fetchable {
+  computedArrayBuffer;
+  computedBlob;
+  computedFormData;
+  computedJson;
+  computedText;
   constructor(resource, options = {}) {
     this.setResource(resource);
     this.computedArrayBuffer = new Resolveable(async () => "arrayBuffer" in this.response ? await this.response.arrayBuffer() : await void 0);
@@ -2499,6 +2604,7 @@ class Fetchable {
     this.computedText = new Resolveable(async () => "text" in this.response ? await this.response.text() : await void 0);
     this.ready();
   }
+  computedStatus;
   ready() {
     this.computedStatus = "ready";
   }
@@ -2508,6 +2614,7 @@ class Fetchable {
   set resource(resource) {
     this.setResource(resource);
   }
+  computedAbortController;
   get abortController() {
     if (!this.computedAbortController) {
       this.computedAbortController = new AbortController();
@@ -2553,10 +2660,13 @@ class Fetchable {
         return resolveable;
     }
   }
+  computedResource;
   setResource(resource) {
     this.computedResource = resource;
     return this;
   }
+  computedResponse;
+  computedError;
   async fetch(options = {}) {
     this.computedStatus = "fetching";
     try {
@@ -2611,6 +2721,7 @@ class Fullscreenable {
     this.setGetElement(getElement);
     this.ready();
   }
+  computedStatus;
   ready() {
     this.computedStatus = "ready";
   }
@@ -2629,6 +2740,7 @@ class Fullscreenable {
   get error() {
     return this.computedError;
   }
+  computedGetElement;
   setGetElement(getElement) {
     this.computedGetElement = () => getElement();
     return this;
@@ -2637,6 +2749,7 @@ class Fullscreenable {
     await this.fullscreen(options);
     return this;
   }
+  computedError;
   async fullscreen(options = {}) {
     try {
       await this.element.requestFullscreen(options);
@@ -2673,6 +2786,7 @@ class Grantable {
     this.setDescriptor(descriptor);
     this.ready();
   }
+  computedStatus;
   ready() {
     this.computedStatus = "ready";
   }
@@ -2688,10 +2802,12 @@ class Grantable {
   get status() {
     return this.computedStatus;
   }
+  computedDescriptor;
   setDescriptor(descriptor) {
     this.computedDescriptor = descriptor;
     return this;
   }
+  computedPermission;
   async query() {
     this.querying();
     try {
@@ -2728,15 +2844,18 @@ class Navigateable {
     this.navigate(options?.initialLocation ?? defaultOptions$2.initialLocation);
     this.ready();
   }
+  computedStatus;
   ready() {
     this.computedStatus = "ready";
   }
+  computedArray;
   get array() {
     return this.computedArray;
   }
   set array(value) {
     this.setArray(value);
   }
+  computedLocation;
   get location() {
     return this.computedLocation;
   }
@@ -2860,29 +2979,33 @@ const defaultOptions$1 = {
 };
 class Pickable {
   constructor(array, options = {}) {
-    this.toItems = createMap((index) => this.array[index]);
     this.setArray(array);
     this.pick(options.initialPicks ?? defaultOptions$1.initialPicks);
     this.ready();
   }
+  computedStatus;
   ready() {
     this.computedStatus = "ready";
   }
+  computedArray;
   get array() {
     return this.computedArray;
   }
   set array(array) {
     this.setArray(array);
   }
+  computedPicks;
   get picks() {
     return this.computedPicks;
   }
   set picks(indices) {
     this.pick(indices);
   }
+  computedFirst;
   get first() {
     return this.computedFirst;
   }
+  computedLast;
   get last() {
     return this.computedLast;
   }
@@ -2898,9 +3021,11 @@ class Pickable {
   get items() {
     return this.toItems(this.picks);
   }
+  toItems = createMap((index) => this.array[index]);
   get multiple() {
     return this.picks.length > 1;
   }
+  toPossiblePicks;
   setArray(array) {
     this.computedArray = array;
     this.toPossiblePicks = createFilter((index) => index >= 0 && index < array.length);
@@ -2976,11 +3101,14 @@ function ensureIndices(indexOrIndices) {
 const toUnique = createUnique();
 
 class Sanitizeable {
+  domPurifyConfig;
   constructor(html, options) {
     this.computedHtml = html;
     this.domPurifyConfig = options;
     this.ready();
   }
+  computedDompurify;
+  computedStatus;
   ready() {
     if (domIsAvailable()) {
       this.computedDompurify = createDOMPurify();
@@ -3004,6 +3132,7 @@ class Sanitizeable {
   get status() {
     return this.computedStatus;
   }
+  computedHtml;
   setHtml(html) {
     this.computedHtml = html;
     return this;
@@ -3019,15 +3148,19 @@ class Sanitizeable {
 }
 
 class Searchable {
+  searcherOptions;
+  computedResults;
   constructor(candidates, options = {}) {
     this.searcherOptions = options;
     this.setCandidates(candidates);
     this.computedResults = [];
     this.ready();
   }
+  computedStatus;
   ready() {
     this.computedStatus = "ready";
   }
+  computedCandidates;
   get candidates() {
     return this.computedCandidates;
   }
@@ -3043,6 +3176,7 @@ class Searchable {
   get status() {
     return this.computedStatus;
   }
+  computedSearcher;
   setCandidates(candidates) {
     this.computedCandidates = Array.from(candidates);
     this.computedSearcher = new Searcher(candidates, this.searcherOptions);
@@ -3063,6 +3197,8 @@ const defaultOptions = {
   statusKeySuffix: " status"
 };
 class Storeable {
+  type;
+  statusKeySuffix;
   constructor(key, options = {}) {
     this.constructing();
     this.type = options.type ?? defaultOptions.type;
@@ -3073,6 +3209,7 @@ class Storeable {
   constructing() {
     this.computedStatus = "constructing";
   }
+  computedStatus;
   ready() {
     this.computedStatus = "ready";
     if (domIsAvailable()) {
@@ -3110,6 +3247,8 @@ class Storeable {
   get error() {
     return this.computedError;
   }
+  computedKey;
+  computedStatusKey;
   setKey(key) {
     let string;
     switch (this.status) {
@@ -3135,6 +3274,8 @@ class Storeable {
     }
     return this;
   }
+  computedString;
+  computedError;
   store(string) {
     try {
       this.storage.setItem(this.key, string);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baleada/logic",
-  "version": "0.20.31",
+  "version": "0.20.33",
   "description": "UI logic for the Baleada toolkit",
   "main": "lib/index.cjs",
   "module": "lib/index.js",
@@ -44,16 +44,16 @@
   "homepage": "https://baleada.netlify.com",
   "devDependencies": {
     "@baleada/animateable-utils": "^0.0.2",
-    "@baleada/prepare": "^0.5.11",
+    "@baleada/prepare": "^0.5.20",
     "@types/node": "^14.14.41",
     "@vue/compiler-sfc": "^3.2.9",
     "esbuild": "^0.9.7",
     "esbuild-register": "^2.6.0",
     "rollup": "^2.56.3",
     "tailwindcss": "^2.1.1",
-    "typescript": "^4.4.3",
+    "typescript": "^4.5.5",
     "uvu": "^0.5.1",
-    "vite": "^2.4.4",
+    "vite": "^2.7.2",
     "vue": "^3.2.12",
     "vue-router": "^4.0.3"
   },