aptechka 0.1.1 → 0.1.3

package/lib/utils/index.js

@@ -0,0 +1,203 @@
+import { a as B, p as T } from "../attributes-w0u-KiIb.js";
+import { i as U } from "../browser-S4eq8AeN.js";
+import { f as M, a as J, g as q } from "../dom-bHEwc_xV.js";
+import { c as V, n as W, f as G, p as L, b as X, i as Y, m as Z, e as _, g as $, j as F, d as H, o as b, a as j, h as ee, k as te, l as ne } from "../easings-uF-tgahf.js";
+import { d as ae, t as ie } from "../function-zwSFehNd.js";
+import { g as oe, a as ue, b as ce } from "../layout-5SJlcXTY.js";
+import { e as fe, f as de, c as pe, d as ye, l as me, m as he, r as xe, b as we, a as ge, s as Oe } from "../math-_a3IpKOc.js";
+import { f as Ce, g as ke, r as Ae } from "../number-bCHB2GAD.js";
+import { c as ve, a as Pe, k as Qe, s as Re, t as De } from "../string-GmxZA5Nq.js";
+function m(e, t, ...n) {
+  return [...e.slice(0, t), ...n, ...e.slice(t)];
+}
+function h(e, t) {
+  const n = e.measureText(t), s = n.actualBoundingBoxAscent + n.actualBoundingBoxDescent, a = n.width;
+  return {
+    height: s,
+    width: a
+  };
+}
+function x(e) {
+  return Math.floor(e) + 0.5;
+}
+function w(e, t, n, s, a, i) {
+  let u = e / t, l = n / s, r = 0, o = 0;
+  return a = typeof a == "undefined" ? 0.5 : a, i = typeof i == "undefined" ? 0.5 : i, u > l ? (r = s, o = s * u) : (o = n, r = n / u), [
+    (n - o) * a,
+    (s - r) * i,
+    o,
+    r
+  ];
+}
+function g(e, t) {
+  return e.x < t.x + t.width && e.x > t.x && e.y < t.y + t.height && e.y > t.y;
+}
+function O(e, t) {
+  return Math.sqrt((e.x - t.x) ** 2 + (e.y - t.y) ** 2) < t.radius;
+}
+function I(e, t, n = !1) {
+  let s = e.x - t.width / 2, a = t.height / 2 - e.y;
+  return n && (s = s / (t.width / 2), a = a / (t.height / 2)), { x: s, y: a };
+}
+function C(e, t) {
+  const n = e.x / t.x, s = e.y / t.y;
+  return { x: n, y: s };
+}
+function k(e, t) {
+  return t = t || {
+    x: 0,
+    y: 0,
+    width: document.documentElement.offsetWidth,
+    height: innerHeight
+  }, {
+    x: (e.x - t.x) / t.width * t.width,
+    y: (e.y - t.y) / t.height * t.height
+  };
+}
+function A(e) {
+  const t = window.atob(e);
+  return decodeURIComponent(window.escape(t));
+}
+function E(e) {
+  const t = window.unescape(encodeURIComponent(e));
+  return window.btoa(t);
+}
+function v({ ms: e = 200 } = {}) {
+  setInterval(() => {
+    window.dispatchEvent(new Event("resize"));
+  }, e);
+}
+function P(e, t) {
+  const n = new Blob([JSON.stringify(t)], { type: "application/json" }), s = document.createElement("a");
+  s.download = e + ".json", s.href = window.URL.createObjectURL(n), s.dataset.downloadurl = ["application/json", s.download, s.href].join(":");
+  const a = new MouseEvent("click", {
+    view: window,
+    bubbles: !0,
+    cancelable: !0
+  });
+  s.dispatchEvent(a), s.remove();
+}
+function f(e) {
+  return typeof e == "object" && e !== null && !Array.isArray(e);
+}
+function d(e) {
+  if (e === null || typeof e != "object")
+    return e;
+  if (e instanceof Date)
+    return new Date(e.getTime());
+  if (e instanceof Node)
+    return e;
+  const t = Array.isArray(e) ? [] : {};
+  for (const n in e)
+    e.hasOwnProperty(n) && (t[n] = d(e[n]));
+  return t;
+}
+function p(e, t, n = f) {
+  for (const s in t)
+    n(t[s]) ? (e[s] || Object.assign(e, { [s]: {} }), p(e[s], t[s], n)) : Object.assign(e, { [s]: t[s] });
+  return e;
+}
+function y(e) {
+  return e === null || typeof e == "undefined";
+}
+function c(e, t) {
+  if (typeof e != typeof t)
+    return !1;
+  if ([e, t].some((n) => y(n)))
+    return e === t;
+  if (Array.isArray(e)) {
+    const n = e.length > t.length ? e : t, s = e.length > t.length ? t : e;
+    return n.every((a, i) => c(a, s[i]));
+  }
+  if (typeof e != "object" || e instanceof Node || typeof e == "object" && e.constructor.toString().startsWith("class"))
+    return e === t;
+  for (const n in e) {
+    if (!t.hasOwnProperty(n))
+      return !1;
+    if (typeof e[n] == "object" && typeof t[n] == "object") {
+      if (!c(e[n], t[n]))
+        return !1;
+    } else if (e[n] !== t[n])
+      return !1;
+  }
+  return !0;
+}
+function Q(e, t) {
+  const n = {};
+  for (const s in e)
+    t.includes(s) && (n[s] = e[s]);
+  return n;
+}
+function R(e, t) {
+  const n = {};
+  for (const s in e)
+    t.includes(s) || (n[s] = e[s]);
+  return n;
+}
+export {
+  fe as calculateDistance,
+  de as calculateDistanceWithRadius,
+  ve as camelToKebab,
+  Pe as capitalize,
+  pe as clamp,
+  d as cloneDeep,
+  c as compareObjects,
+  w as cover,
+  P as createJSONAndSave,
+  ye as damp,
+  ae as debounce,
+  E as decode,
+  O as dotCircleCollision,
+  g as dotRectCollision,
+  V as easeInCubic,
+  W as easeInExpo,
+  G as easeInOutCubic,
+  L as easeInOutExpo,
+  X as easeInOutQuad,
+  Y as easeInOutQuart,
+  Z as easeInOutQuint,
+  _ as easeInQuad,
+  $ as easeInQuart,
+  F as easeInQuint,
+  H as easeOutCubic,
+  b as easeOutExpo,
+  j as easeOutQuad,
+  ee as easeOutQuart,
+  te as easeOutQuint,
+  A as encode,
+  M as findParentElement,
+  J as findScrollParentElement,
+  Ce as fix,
+  x as fixPosition,
+  ke as generateId,
+  oe as getCumulativeOffsetLeft,
+  ue as getCumulativeOffsetTop,
+  ce as getCumulativePosition,
+  q as getElement,
+  k as getPointerPosition,
+  m as insert,
+  U as isBrowser,
+  y as isNullish,
+  f as isObject,
+  Qe as kebabToCamel,
+  me as lerp,
+  ne as linear,
+  he as mapRange,
+  h as measureText,
+  p as mergeDeep,
+  C as normalize,
+  R as omit,
+  B as parseAttribute,
+  T as parseAttributeValue,
+  Q as pick,
+  v as resizeInterval,
+  xe as round,
+  Ae as roundTo,
+  I as screenToCartesian,
+  we as smootherstep,
+  ge as smoothstep,
+  Re as snakeToDotted,
+  Oe as step,
+  ie as throttle,
+  De as toPascalCase
+};

package/lib/utils/layout.d.ts

@@ -0,0 +1,3 @@
+export declare const getCumulativePosition: (target: HTMLElement, from?: 'offsetLeft' | 'offsetTop', stopElement?: HTMLElement) => number;
+export declare const getCumulativeOffsetLeft: (target: HTMLElement, stopElement?: HTMLElement) => number;
+export declare const getCumulativeOffsetTop: (target: HTMLElement, stopElement?: HTMLElement) => number;

package/lib/utils/math.d.ts

@@ -0,0 +1,11 @@
+import { Dot2D } from './ts-shape.js';
+export declare function lerp(a: number, b: number, c: number): number;
+export declare function damp(a: number, b: number, c: number, dt: number): number;
+export declare function step(edge: number, value: number, x?: number, y?: number): number;
+export declare function round(number: number, precision?: number): number;
+export declare function clamp(number: number, min?: number, max?: number): number;
+export declare function mapRange(value: number, rangeA: [number, number], rangeB: [number, number]): number;
+export declare function smoothstep(x: number, min: number, max: number): number;
+export declare function smootherstep(x: number, min: number, max: number): number;
+export declare function calculateDistance(d1: Dot2D, d2: Dot2D): number;
+export declare function calculateDistanceWithRadius(x1: number, y1: number, r1: number, x2: number, y2: number, r2: number): number;

package/lib/utils/number.d.ts

@@ -0,0 +1,3 @@
+export declare function fix(number: number, n?: number): number;
+export declare function roundTo(number: number, to: number): number;
+export declare function generateId(length: number, characters?: string): string;

package/lib/utils/object.d.ts

@@ -0,0 +1,7 @@
+export declare function isObject(value: any): value is object;
+export declare function cloneDeep<T>(obj: T): T;
+export declare function mergeDeep(target: object, source: object, isObjectFunction?: typeof isObject): object;
+export declare function isNullish(value: any): boolean;
+export declare function compareObjects(obj1: any, obj2: any): boolean;
+export declare function pick<T extends object, R extends keyof T>(object: T, keys: Array<R>): Pick<T, R>;
+export declare function omit<T extends object, R extends keyof T>(object: T, keys: Array<R>): Omit<T, R>;

package/lib/utils/string.d.ts

@@ -0,0 +1,5 @@
+export declare function kebabToCamel(kebab: string, capitalize?: boolean): string;
+export declare function camelToKebab(camelCaseString: string): string;
+export declare function snakeToDotted(snake: string): string;
+export declare function toPascalCase(str: string): string;
+export declare function capitalize(string: string, everyWord?: boolean): string;

package/lib/utils/ts-shape.d.ts

@@ -0,0 +1,19 @@
+export type Axes2D = 'x' | 'y';
+export type Axes3D = Axes2D | 'z';
+export type Dot2D = {
+    x: number;
+    y: number;
+};
+export type Rect2D = Dot2D & {
+    width: number;
+    height: number;
+};
+export type Circle = Dot2D & {
+    radius: number;
+};
+export type Dot3D = Dot2D & {
+    z: number;
+};
+export type Rect3D = Rect2D & {
+    depth: number;
+};

package/lib/utils/ts-utility.d.ts

@@ -0,0 +1,19 @@
+export type NestedKeys<T> = T extends Node ? '' : T extends object ? {
+    [K in keyof T]: T[K] extends infer U ? `${Extract<K, string>}${NestedKeys<U> extends '' ? '' : '.'}${NestedKeys<U>}` : never;
+}[keyof T] : '';
+export type NestedValueOf<Obj, Key extends string> = Obj extends object ? Key extends `${infer Parent}.${infer Leaf}` ? Parent extends keyof Obj ? NestedValueOf<Obj[Parent], Leaf> : never : Key extends keyof Obj ? Obj[Key] : never : never;
+type Tail<T extends any[]> = ((...t: T) => void) extends (h: any, ...r: infer R) => void ? R : never;
+export type DeepOmit<T, Path extends string[]> = T extends object ? Path['length'] extends 1 ? Omit<T, Path[0]> : {
+    [K in keyof T]: K extends Path[0] ? DeepOmit<T[K], Tail<Path>> : T[K];
+} : T;
+export type DeepPartial<T> = {
+    [K in keyof T]?: T[K] extends object ? DeepPartial<T[K]> : T[K];
+};
+export type Requiredish<T> = {
+    [K in keyof Required<T>]: T[K];
+};
+export type WithRequired<T, K extends keyof T> = T & {
+    [P in K]-?: T[P];
+};
+export type Split<S extends string, D extends string> = string extends S ? string[] : S extends '' ? [] : S extends `${infer T}${D}${infer U}` ? [T, ...Split<U, D>] : [S];
+export {};

package/lib/video/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../custom-element/index.cjs");require("../resizer/index.cjs");require("../Store-txkR3wXU.cjs");const o=require("../source/index.cjs");require("../browser-QbF6EW-w.cjs");require("../notifier/index.cjs");require("../function-QP7IreXR.cjs");require("../SourceManager-tmQlXkSD.cjs");require("../order/index.cjs");require("../intersector/index.cjs");require("../loading/index.cjs");var l=Object.defineProperty,a=Object.getOwnPropertyDescriptor,m=(i,r,s,t)=>{for(var e=t>1?void 0:t?a(r,s):r,u=i.length-1,n;u>=0;u--)(n=i[u])&&(e=(t?n(r,s,e):n(e))||e);return t&&e&&l(r,s,e),e};exports.VideoElement=class extends o.SourceElement{connectedCallback(){super.connectedCallback(),this.captureEvent.subscribe(()=>{this.hasAttribute("e-autoplay")&&this.consumerElement.play()}),this.releaseEvent.subscribe(()=>{this.hasAttribute("e-autoplay")&&(this.consumerElement.pause(),this.hasAttribute("replay")&&(this.consumerElement.currentTime=0))})}createConsumer(){return document.createElement("video")}consumeSource(r){this.consumerElement.src=r||""}};exports.VideoElement=m([c.define("e-video")],exports.VideoElement);

package/lib/video/index.d.ts

@@ -0,0 +1,11 @@
+import { SourceElement } from '../source';
+export declare class VideoElement extends SourceElement<HTMLVideoElement> {
+    protected connectedCallback(): void;
+    protected createConsumer(): HTMLVideoElement;
+    protected consumeSource(url: string | null): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'e-video': VideoElement;
+    }
+}

package/lib/video/index.js

@@ -0,0 +1,37 @@
+import { define as c } from "../custom-element/index.js";
+import "../resizer/index.js";
+import "../Store-qq7IjRLE.js";
+import { SourceElement as p } from "../source/index.js";
+import "../browser-S4eq8AeN.js";
+import "../notifier/index.js";
+import "../function-zwSFehNd.js";
+import "../SourceManager-vXInLlh_.js";
+import "../order/index.js";
+import "../intersector/index.js";
+import "../loading/index.js";
+var u = Object.defineProperty, l = Object.getOwnPropertyDescriptor, a = (t, r, s, i) => {
+  for (var e = i > 1 ? void 0 : i ? l(r, s) : r, o = t.length - 1, m; o >= 0; o--)
+    (m = t[o]) && (e = (i ? m(r, s, e) : m(e)) || e);
+  return i && e && u(r, s, e), e;
+};
+let n = class extends p {
+  connectedCallback() {
+    super.connectedCallback(), this.captureEvent.subscribe(() => {
+      this.hasAttribute("e-autoplay") && this.consumerElement.play();
+    }), this.releaseEvent.subscribe(() => {
+      this.hasAttribute("e-autoplay") && (this.consumerElement.pause(), this.hasAttribute("replay") && (this.consumerElement.currentTime = 0));
+    });
+  }
+  createConsumer() {
+    return document.createElement("video");
+  }
+  consumeSource(t) {
+    this.consumerElement.src = t || "";
+  }
+};
+n = a([
+  c("e-video")
+], n);
+export {
+  n as VideoElement
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aptechka",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/denisavitski/aptechka.git"
@@ -13,8 +13,8 @@
     "access": "public"
   },
   "license": "ISC",
-  "images": [
-    "lib/"
+  "files": [
+    "lib"
   ],
   "type": "module",
   "exports": {
@@ -248,17 +248,17 @@
     }
   },
   "scripts": {
-    "dev": "vite --mode lib",
+    "dev": "vite --mode site",
     "build:lib": "tsc && vite build --mode lib",
     "build:site": "tsc && vite build --mode site",
-    "preview": "vite preview",
-    "pp": "npm publish --access public"
+    "preview": "vite preview"
   },
   "devDependencies": {
     "@types/node": "^20.11.5",
     "@types/three": "^0.160.0",
     "vite": "^5.0.12",
-    "vite-plugin-dts": "^3.7.2"
+    "vite-plugin-dts": "^3.7.2",
+    "vite-plugin-html-components": "^0.1.2"
   },
   "dependencies": {
     "detect-gpu": "^5.0.37",

package/.github/workflows/publish.yml

@@ -1,20 +0,0 @@
-name: 'publish npm'
-
-on: push
-
-jobs:
-  publish:
-    runs-on: ubuntu-latest
-    steps:
-      - name: checkout
-        uses: actions/checkout@v2
-      - name: node
-        uses: actions/setup-node@v2
-        with:
-          node-version: 18
-          registry-url: https://registry.npmjs.org
-      - name: publish
-        run: npm publish --access public
-        working-directory: ./
-        env:
-          NODE_AUTH_TOKEN: ${{secrets.NPM_AUTH_TOKEN}}

package/.prettierignore

@@ -1,16 +0,0 @@
-.gitignore
-.vscode
-.prettierignore
-.prettierrc
-node_modules
-package-lock.json
-dist
-dist/
-.DS_Store
-node_modules
-/build
-/.svelte-kit
-/package
-.env
-.env.*
-!.env.example

package/.prettierrc

@@ -1,9 +0,0 @@
-{
-  "singleQuote": true,
-  "tabWidth": 2,
-  "semi": false,
-  "printWidth": 100,
-  "arrowParens": "always",
-  "bracketSpacing": true,
-  "singleAttributePerLine": true
-}

package/index.html

@@ -1,32 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0"
-    />
-    <title>🍓</title>
-
-    <style>
-      * {
-        margin: 0;
-        padding: 0;
-        box-sizing: border-box;
-      }
-
-      html,
-      body {
-        width: 100%;
-        height: 100%;
-        overflow: hidden;
-      }
-    </style>
-  </head>
-  <body>
-    <script
-      type="module"
-      src="/src/playground/index.ts"
-    ></script>
-  </body>
-</html>

package/public/vite.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/src/packages/animation/Animated.ts

@@ -1,189 +0,0 @@
-import { StoreOptions, StoreEntry, Store, StoreCallback } from '$packages/store'
-import { ticker, TickerCallbackEntry, TickerCallback, TickerAddOptions } from '$packages/ticker'
-import { ElementOrSelector, clamp, fix } from '$packages/utils'
-
-export interface AnimatedOptions extends StoreOptions<number>, TickerAddOptions {
-  min?: number | AnimatedEdgeFunction
-  max?: number | AnimatedEdgeFunction
-}
-
-export type AnimatedEdgeFunction = () => number
-
-export interface AnimatedEntry extends StoreEntry<number> {
-  min: number
-  max: number
-  delta: number
-  progress: number
-  direction: number
-  speed: number
-}
-
-export abstract class Animated<Entry extends AnimatedEntry = AnimatedEntry> extends Store<
-  number,
-  Entry
-> {
-  #maxFPS: number | undefined
-  #order: number | undefined
-  #culling: ElementOrSelector | undefined
-  #target: number
-  #min: AnimatedEdgeFunction
-  #max: AnimatedEdgeFunction
-  #setter: Animated | undefined
-  #isRunning = new Store(false)
-  #direction = 0
-  #speed = 0
-
-  constructor(options?: AnimatedOptions) {
-    super(0, options)
-
-    this.#order = options?.order
-    this.#maxFPS = options?.maxFPS
-    this.#culling = options?.culling
-    this.#min = this.#getEdgeFunction(options?.min)
-    this.#max = this.#getEdgeFunction(options?.max)
-    this.#target = this.current = 0
-  }
-
-  public get target() {
-    return this.#target
-  }
-
-  public get isRunning() {
-    return this.#isRunning
-  }
-
-  public get direction() {
-    return this.#direction
-  }
-
-  public get maxFPS() {
-    return this.#maxFPS
-  }
-
-  public get speed() {
-    return this.#speed
-  }
-
-  public get min(): number {
-    return this.#min()
-  }
-
-  public set min(value: number | AnimatedEdgeFunction | undefined) {
-    this.#min = this.#getEdgeFunction(value)
-    this.set(this.#target)
-    this.current = this.#target
-  }
-
-  public get max(): number {
-    return this.#max()
-  }
-
-  public set max(value: number | AnimatedEdgeFunction | undefined) {
-    this.#max = this.#getEdgeFunction(value)
-    this.set(this.#target)
-    this.current = this.#target
-  }
-
-  public get delta() {
-    return this.max - this.min
-  }
-
-  public get progress() {
-    return this.delta ? fix((this.current - this.min) / this.delta, 6) : 0
-  }
-
-  public get setter() {
-    return this.#setter
-  }
-
-  public override get entry(): Entry {
-    return {
-      ...super.entry,
-      min: this.min,
-      max: this.max,
-      delta: this.delta,
-      direction: this.direction,
-      progress: this.progress,
-      speed: this.speed,
-    }
-  }
-
-  public set setter(animated: Animated | undefined) {
-    this.#setter?.unsubscribe(this.#setterListener)
-    this.#setter = animated
-    this.#setter?.subscribe(this.#setterListener)
-  }
-
-  public set(value: number, equalize = false) {
-    const previous = this.#target
-
-    this.#target = clamp(value, this.min, this.max)
-
-    if (equalize) {
-      this.current = this.#target
-    }
-
-    if (this.#target !== previous) {
-      this.#speed = 0
-      this.#direction = Math.sign(value - this.#target) || 1
-      this.update()
-    }
-  }
-
-  public shift(value: number, equalize = false) {
-    this.set(this.#target + value, equalize)
-  }
-
-  public override close() {
-    super.close()
-
-    this.unlistenAnimationFrame()
-
-    this.#setter?.unsubscribe(this.#setterListener)
-    this.#setter = undefined
-  }
-
-  public override reset() {
-    this.set(this.initial, true)
-    super.reset()
-    this.unlistenAnimationFrame()
-  }
-
-  public listenAnimationFrame() {
-    this.#isRunning.current = true
-    ticker.subscribe(this.#animationFrameListener, {
-      maxFPS: this.#maxFPS,
-      order: this.#order,
-      culling: this.#culling,
-    })
-  }
-
-  public unlistenAnimationFrame() {
-    this.#speed = 0
-    this.#isRunning.current = false
-    ticker.unsubscribe(this.#animationFrameListener)
-  }
-
-  protected abstract update(): void
-
-  protected abstract handleAnimationFrame(e: TickerCallbackEntry): void
-
-  #setterListener: StoreCallback<AnimatedEntry> = (e) => {
-    this.set(e.current)
-  }
-
-  #animationFrameListener: TickerCallback = (e) => {
-    const current = this.current
-
-    this.handleAnimationFrame(e)
-
-    const delta = Math.abs(current - this.target)
-
-    this.#speed = delta / e.elapsed
-  }
-
-  #getEdgeFunction(value: number | AnimatedEdgeFunction | undefined) {
-    const v = value || 0
-    return typeof v === 'function' ? v : () => v
-  }
-}