aptechka 0.4.30 → 0.4.32

package/lib/canvas/index.js

@@ -1,16 +1,16 @@
-import { CSSProperty as O } from "../css-property/index.js";
-import { CustomElement as z, define as A } from "../custom-element/index.js";
+import { CSSProperty as F } from "../css-property/index.js";
+import { CustomElement as O, define as B } from "../custom-element/index.js";
 import "../Store-Cd-E5W1z.js";
-import { c as D } from "../math-BOBiC4TN.js";
+import { c as z } from "../math-BOBiC4TN.js";
 import "../path-data-polyfill-DgeDWYeI.js";
-import { e as L, q as T } from "../tags-BoPv9fDr.js";
-import { c as q } from "../createStylesheet-KMRQhSa-.js";
+import { e as A, q as D } from "../tags-BoPv9fDr.js";
+import { c as L } from "../createStylesheet-KMRQhSa-.js";
 import { elementResizer as b } from "../element-resizer/index.js";
 import { ticker as S } from "../ticker/index.js";
-var F = Object.defineProperty, G = Object.getOwnPropertyDescriptor, B = (t, i, s, h) => {
-  for (var r = h > 1 ? void 0 : h ? G(i, s) : i, k = t.length - 1, R; k >= 0; k--)
+var T = Object.defineProperty, q = Object.getOwnPropertyDescriptor, G = (t, i, s, h) => {
+  for (var r = h > 1 ? void 0 : h ? q(i, s) : i, k = t.length - 1, R; k >= 0; k--)
     (R = t[k]) && (r = (h ? R(i, s, r) : R(r)) || r);
-  return h && r && F(i, s, r), r;
+  return h && r && T(i, s, r), r;
 }, M = (t, i, s) => {
   if (!i.has(t))
     throw TypeError("Cannot " + s);
@@ -18,28 +18,28 @@ var F = Object.defineProperty, G = Object.getOwnPropertyDescriptor, B = (t, i, s
   if (i.has(t))
     throw TypeError("Cannot add the same private member more than once");
   i instanceof WeakSet ? i.add(t) : i.set(t, s);
-}, n = (t, i, s, h) => (M(t, i, "write to private field"), h ? h.call(t, s) : i.set(t, s), s), d = (t, i, s) => (M(t, i, "access private method"), s), o, c, u, p, l, v, _, m, w, W, C, P, x, f, g, E;
-const H = q({
+}, n = (t, i, s, h) => (M(t, i, "write to private field"), h ? h.call(t, s) : i.set(t, s), s), u = (t, i, s) => (M(t, i, "access private method"), s), o, c, d, p, l, m, f, _, w, W, C, P, x, v, g, E;
+const H = L({
   ":host, canvas": {
     display: "block",
     width: "100%",
     height: "100%"
   }
 });
-let y = class extends z {
+let y = class extends O {
   constructor() {
-    super(), a(this, w), a(this, C), a(this, g), a(this, o, new O(this, "--fps", 0)), a(this, c, null), a(this, u, null), a(this, p, 0), a(this, l, 0), a(this, v, 1), a(this, _, 0), a(this, m, 1), a(this, x, (t) => {
-      n(this, v, D(devicePixelRatio, 1, 2)), n(this, p, t.contentRect.width), n(this, l, t.contentRect.height), e(this, c).width = e(this, p) * this.pixelRatio, e(this, c).height = e(this, l) * this.pixelRatio, this.context.scale(this.pixelRatio, this.pixelRatio), d(this, g, E).call(this);
-    }), a(this, f, (t) => {
-      n(this, _, t.timestamp), n(this, m, t.elapsed), d(this, g, E).call(this);
-    }), this.openShadow(H), L(this, {
-      children: T({
+    super(), a(this, w), a(this, C), a(this, g), a(this, o, new F(this, "--fps", 0)), a(this, c, null), a(this, d, null), a(this, p, 0), a(this, l, 0), a(this, m, 1), a(this, f, 0), a(this, _, 1), a(this, x, (t) => {
+      n(this, m, z(devicePixelRatio, 1, 2)), n(this, p, t.contentRect.width), n(this, l, t.contentRect.height), e(this, c).width = e(this, p) * this.pixelRatio, e(this, c).height = e(this, l) * this.pixelRatio, this.context.scale(this.pixelRatio, this.pixelRatio), u(this, g, E).call(this);
+    }), a(this, v, (t) => {
+      n(this, f, t.timestamp), n(this, _, t.timeBetweenFrames), u(this, g, E).call(this);
+    }), this.openShadow(H), A(this, {
+      children: D({
         ref: (t) => {
-          n(this, c, t), n(this, u, t.getContext("2d"));
+          n(this, c, t), n(this, d, t.getContext("2d"));
         }
       })
     }), e(this, o).subscribe((t) => {
-      typeof t.previous != "undefined" && t.current !== t.previous && d(this, w, W).call(this);
+      typeof t.previous != "undefined" && t.current !== t.previous && u(this, w, W).call(this);
     });
   }
   get fpsCSSProperty() {
@@ -49,10 +49,10 @@ let y = class extends z {
     return e(this, c);
   }
   get context() {
-    return e(this, u);
+    return e(this, d);
   }
   get pixelRatio() {
-    return e(this, v);
+    return e(this, m);
   }
   get width() {
     return e(this, p);
@@ -66,40 +66,40 @@ let y = class extends z {
       height: e(this, l),
       element: this,
       canvasElement: e(this, c),
-      pixelRatio: e(this, v),
-      context: e(this, u),
-      timestamp: e(this, _),
-      elapsed: e(this, m)
+      pixelRatio: e(this, m),
+      context: e(this, d),
+      timestamp: e(this, f),
+      timeBetweenFrames: e(this, _)
     };
   }
   connectedCallback() {
-    e(this, o).observe(), b.subscribe(this, e(this, x)), d(this, w, W).call(this);
+    e(this, o).observe(), b.subscribe(this, e(this, x)), u(this, w, W).call(this);
   }
   disconnectedCallback() {
-    e(this, o).unobserve(), b.unsubscribe(e(this, x)), d(this, C, P).call(this);
+    e(this, o).unobserve(), b.unsubscribe(e(this, x)), u(this, C, P).call(this);
   }
 };
 o = /* @__PURE__ */ new WeakMap();
 c = /* @__PURE__ */ new WeakMap();
-u = /* @__PURE__ */ new WeakMap();
+d = /* @__PURE__ */ new WeakMap();
 p = /* @__PURE__ */ new WeakMap();
 l = /* @__PURE__ */ new WeakMap();
-v = /* @__PURE__ */ new WeakMap();
-_ = /* @__PURE__ */ new WeakMap();
 m = /* @__PURE__ */ new WeakMap();
+f = /* @__PURE__ */ new WeakMap();
+_ = /* @__PURE__ */ new WeakMap();
 w = /* @__PURE__ */ new WeakSet();
 W = function() {
-  S.unsubscribe(e(this, f)), this.hasAttribute("static") || S.subscribe(e(this, f), {
+  S.unsubscribe(e(this, v)), this.hasAttribute("static") || S.subscribe(e(this, v), {
     culling: this,
     maxFPS: e(this, o).current
   });
 };
 C = /* @__PURE__ */ new WeakSet();
 P = function() {
-  S.unsubscribe(e(this, f));
+  S.unsubscribe(e(this, v));
 };
 x = /* @__PURE__ */ new WeakMap();
-f = /* @__PURE__ */ new WeakMap();
+v = /* @__PURE__ */ new WeakMap();
 g = /* @__PURE__ */ new WeakSet();
 E = function() {
   this.dispatchEvent(
@@ -109,8 +109,8 @@ E = function() {
     })
   );
 };
-y = B([
-  A("e-canvas")
+y = G([
+  B("e-canvas")
 ], y);
 export {
   y as CanvasElement

package/lib/class-linked-status/index.cjs

@@ -1 +1 @@
-"use strict";var f=Object.defineProperty;var c=Object.getOwnPropertySymbols;var L=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable;var h=(e,s,t)=>s in e?f(e,s,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[s]=t,b=(e,s)=>{for(var t in s||(s={}))L.call(s,t)&&h(e,t,s[t]);if(c)for(var t of c(s))S.call(s,t)&&h(e,t,s[t]);return e};var d=(e,s,t)=>{if(!s.has(e))throw TypeError("Cannot "+t)};var i=(e,s,t)=>(d(e,s,"read from private field"),t?t.call(e):s.get(e)),n=(e,s,t)=>{if(s.has(e))throw TypeError("Cannot add the same private member more than once");s instanceof WeakSet?s.add(e):s.set(e,t)},o=(e,s,t,u)=>(d(e,s,"write to private field"),u?u.call(e,t):s.set(e,t),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../string-DhgS_iFl.cjs");require("../path-data-polyfill-CXsOR7Oc.cjs");var a,r,l;class T{constructor(s,t){n(this,a,void 0);n(this,r,void 0);n(this,l,void 0);o(this,a,s),o(this,r,t),o(this,l,b({},t))}isTrue(s){return i(this,r)[s]===!0}isFalse(s){return i(this,r)[s]===!1}reset(){for(const s in i(this,l))this.set(s,i(this,l)[s])}set(s,t=!0){i(this,r)[s]=t,t?i(this,a).classList.add(m.camelToKebab(s)):i(this,a).classList.remove(m.camelToKebab(s))}}a=new WeakMap,r=new WeakMap,l=new WeakMap;exports.ClassLinkedStatus=T;
+"use strict";var S=Object.defineProperty,m=Object.defineProperties;var f=Object.getOwnPropertyDescriptors;var u=Object.getOwnPropertySymbols;var L=Object.prototype.hasOwnProperty,T=Object.prototype.propertyIsEnumerable;var a=(s,t,e)=>t in s?S(s,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):s[t]=e,c=(s,t)=>{for(var e in t||(t={}))L.call(t,e)&&a(s,e,t[e]);if(u)for(var e of u(t))T.call(t,e)&&a(s,e,t[e]);return s},l=(s,t)=>m(s,f(t));var o=(s,t,e)=>{if(!t.has(s))throw TypeError("Cannot "+e)};var n=(s,t,e)=>(o(s,t,"read from private field"),e?e.call(s):t.get(s)),h=(s,t,e)=>{if(t.has(s))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(s):t.set(s,e)},d=(s,t,e,r)=>(o(s,t,"write to private field"),r?r.call(s,e):t.set(s,e),e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../Store-BQGNOHlY.cjs"),b=require("../string-DhgS_iFl.cjs");require("../path-data-polyfill-CXsOR7Oc.cjs");var i;class p extends g.Store{constructor(e,r){super(r);h(this,i,void 0);d(this,i,e)}isTrue(e){return this.current[e]===!0}isFalse(e){return this.current[e]===!1}reset(){super.reset();for(const e in this.initial)this.set(e,this.initial[e])}set(e,r=!0){this.current=l(c({},this.current),{[e]:r}),r?n(this,i).classList.add(b.camelToKebab(e)):n(this,i).classList.remove(b.camelToKebab(e))}}i=new WeakMap;exports.ClassLinkedStatus=p;

package/lib/class-linked-status/index.d.ts

@@ -1,6 +1,8 @@
+import { Store } from '../store';
+
 export declare class ClassLinkedStatus<T extends {
     [key in string]: boolean;
-}> {
+}> extends Store<T> {
     #private;
     constructor(element: HTMLElement, value: T);
     isTrue(key: keyof T): boolean;

package/lib/class-linked-status/index.js

@@ -1,51 +1,50 @@
-var p = Object.defineProperty;
-var n = Object.getOwnPropertySymbols;
-var L = Object.prototype.hasOwnProperty, b = Object.prototype.propertyIsEnumerable;
-var m = (i, s, t) => s in i ? p(i, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[s] = t, u = (i, s) => {
+var f = Object.defineProperty, d = Object.defineProperties;
+var L = Object.getOwnPropertyDescriptors;
+var a = Object.getOwnPropertySymbols;
+var S = Object.prototype.hasOwnProperty, b = Object.prototype.propertyIsEnumerable;
+var o = (e, s, t) => s in e ? f(e, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[s] = t, c = (e, s) => {
   for (var t in s || (s = {}))
-    L.call(s, t) && m(i, t, s[t]);
-  if (n)
-    for (var t of n(s))
-      b.call(s, t) && m(i, t, s[t]);
-  return i;
-};
-var f = (i, s, t) => {
-  if (!s.has(i))
+    S.call(s, t) && o(e, t, s[t]);
+  if (a)
+    for (var t of a(s))
+      b.call(s, t) && o(e, t, s[t]);
+  return e;
+}, u = (e, s) => d(e, L(s));
+var h = (e, s, t) => {
+  if (!s.has(e))
     throw TypeError("Cannot " + t);
 };
-var e = (i, s, t) => (f(i, s, "read from private field"), t ? t.call(i) : s.get(i)), o = (i, s, t) => {
-  if (s.has(i))
+var n = (e, s, t) => (h(e, s, "read from private field"), t ? t.call(e) : s.get(e)), l = (e, s, t) => {
+  if (s.has(e))
     throw TypeError("Cannot add the same private member more than once");
-  s instanceof WeakSet ? s.add(i) : s.set(i, t);
-}, l = (i, s, t, c) => (f(i, s, "write to private field"), c ? c.call(i, t) : s.set(i, t), t);
-import { c as d } from "../string-f0Dnk0L1.js";
+  s instanceof WeakSet ? s.add(e) : s.set(e, t);
+}, m = (e, s, t, r) => (h(e, s, "write to private field"), r ? r.call(e, t) : s.set(e, t), t);
+import { S as x } from "../Store-Cd-E5W1z.js";
+import { c as p } from "../string-f0Dnk0L1.js";
 import "../path-data-polyfill-DgeDWYeI.js";
-var a, r, h;
-class F {
-  constructor(s, t) {
-    o(this, a, void 0);
-    o(this, r, void 0);
-    o(this, h, void 0);
-    l(this, a, s), l(this, r, t), l(this, h, u({}, t));
+var i;
+class g extends x {
+  constructor(t, r) {
+    super(r);
+    l(this, i, void 0);
+    m(this, i, t);
   }
-  isTrue(s) {
-    return e(this, r)[s] === !0;
+  isTrue(t) {
+    return this.current[t] === !0;
   }
-  isFalse(s) {
-    return e(this, r)[s] === !1;
+  isFalse(t) {
+    return this.current[t] === !1;
   }
   reset() {
-    for (const s in e(this, h))
-      this.set(
-        s,
-        e(this, h)[s]
-      );
+    super.reset();
+    for (const t in this.initial)
+      this.set(t, this.initial[t]);
   }
-  set(s, t = !0) {
-    e(this, r)[s] = t, t ? e(this, a).classList.add(d(s)) : e(this, a).classList.remove(d(s));
+  set(t, r = !0) {
+    this.current = u(c({}, this.current), { [t]: r }), r ? n(this, i).classList.add(p(t)) : n(this, i).classList.remove(p(t));
   }
 }
-a = new WeakMap(), r = new WeakMap(), h = new WeakMap();
+i = new WeakMap();
 export {
-  F as ClassLinkedStatus
+  g as ClassLinkedStatus
 };

package/lib/controls/index.cjs

@@ -1 +1 @@
-"use strict";var S=(r,a,e)=>{if(!a.has(r))throw TypeError("Cannot "+e)};var t=(r,a,e)=>(S(r,a,"read from private field"),e?e.call(r):a.get(r)),i=(r,a,e)=>{if(a.has(r))throw TypeError("Cannot add the same private member more than once");a instanceof WeakSet?a.add(r):a.set(r,e)},s=(r,a,e,n)=>(S(r,a,"write to private field"),n?n.call(r,e):a.set(r,e),e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("../notifier/index.cjs"),f=require("../browser-CpzFX2xg.cjs"),R=require("../dom-JBOkFLTh.cjs");require("../path-data-polyfill-CXsOR7Oc.cjs");const x=require("../ticker/index.cjs"),N=require("../gestures-DHLrn6Q8.cjs"),U=require("../number-yVpzMdbQ.cjs"),j=require("../order/index.cjs");var W;class P{constructor(){i(this,W,new O.Notifier)}get changeEvent(){return t(this,W)}}W=new WeakMap;var m,c,d,q;class z extends P{constructor(e){super();i(this,m,null);i(this,c,null);i(this,d,"offsetHeight");i(this,q,e=>{const n=e.shiftKey?-1:1;let h;e.code==="Space"?h=n*t(this,c)[t(this,d)]*.4:e.code==="ArrowLeft"?h=-1*t(this,c)[t(this,d)]*.2:e.code==="ArrowRight"?h=1*t(this,c)[t(this,d)]*.2:e.code==="ArrowUp"?h=-1*t(this,c)[t(this,d)]*.2:e.code==="ArrowDown"?h=1*t(this,c)[t(this,d)]*.2:e.code==="PageUp"?h=-1*t(this,c)[t(this,d)]:e.code==="PageDown"?h=1*t(this,c)[t(this,d)]:e.code==="Home"?h=0:e.code==="End"&&(h=t(this,d)==="offsetWidth"?t(this,c).scrollWidth:t(this,c).scrollHeight),h&&(e.stopPropagation(),this.changeEvent.notify("keyboard",h))});f.isBrowser&&(s(this,m,e!=null&&e.element&&R.getElement(e.element)||window),s(this,c,t(this,m)instanceof HTMLElement?t(this,m):document.documentElement),this.dimension=e==null?void 0:e.dimension)}set dimension(e){s(this,d,e==="width"?"offsetWidth":"offsetHeight")}connect(){f.isBrowser&&t(this,m).addEventListener("keydown",t(this,q))}disconnect(){f.isBrowser&&t(this,m).removeEventListener("keydown",t(this,q))}}m=new WeakMap,c=new WeakMap,d=new WeakMap,q=new WeakMap;var o,v,A,I,u,M,L,T;class F extends P{constructor(e){super();i(this,o,void 0);i(this,v,void 0);i(this,A,void 0);i(this,I,void 0);i(this,u,void 0);i(this,M,void 0);i(this,L,void 0);i(this,T,void 0);this.direction=1,s(this,u,!1),s(this,L,n=>{t(this,u)||this.changeEvent.notify("autoplay",n.elapsed*t(this,o)*this.direction)}),s(this,T,()=>{t(this,u)||this.changeEvent.notify("autoplay",Math.sign(t(this,o))*this.direction)}),s(this,o,(e==null?void 0:e.speed)||1),s(this,v,(e==null?void 0:e.interval)||!1),s(this,A,e)}set interval(e){s(this,v,e),this.connect()}set speed(e){s(this,o,e),this.connect()}connect(){this.disconnect(),t(this,v)?s(this,I,setInterval(t(this,T),Math.abs(t(this,o)))):x.ticker.subscribe(t(this,L),t(this,A))}disconnect(){clearInterval(t(this,I)),x.ticker.unsubscribe(t(this,L)),clearInterval(t(this,M)),s(this,u,!1)}pauseAndContinue(e){e&&!t(this,u)&&(clearInterval(t(this,M)),s(this,u,!0),s(this,M,setTimeout(()=>{s(this,u,!1)},3e3)))}}o=new WeakMap,v=new WeakMap,A=new WeakMap,I=new WeakMap,u=new WeakMap,M=new WeakMap,L=new WeakMap,T=new WeakMap;var k,g,C,D;class G extends P{constructor(e){super();i(this,k,null);i(this,g,void 0);i(this,C,void 0);i(this,D,e=>{let n=0;if(e.preventDefault(),!(this.axis==="x"&&Math.abs(e.deltaY)>Math.abs(e.deltaX)*.5||this.axis==="y"&&Math.abs(e.deltaX)>Math.abs(e.deltaY)*.5))if(n=(this.axis==="max"?Math.abs(e.deltaX)>Math.abs(e.deltaY)?e.deltaX:e.deltaY:this.axis==="x"?e.deltaX:e.deltaY)*this.speed,e.stopPropagation(),this.debounce){const h=Date.now();if(h-t(this,C)>40&&(n=100*Math.sign(n)),s(this,C,h),Math.abs(n)<100||t(this,g))return;this.changeEvent.notify("wheel",n),s(this,g,setTimeout(()=>{s(this,g,void 0)},80))}else this.changeEvent.notify("wheel",n)});this.axis=(e==null?void 0:e.axis)||"y",this.speed=(e==null?void 0:e.speed)||1,this.debounce=(e==null?void 0:e.debounce)||!1,s(this,C,Date.now()),f.isBrowser&&s(this,k,e!=null&&e.element&&R.getElement(e.element)||window)}connect(){f.isBrowser&&t(this,k).addEventListener("wheel",t(this,D),{passive:!1})}disconnect(){f.isBrowser&&(t(this,k).removeEventListener("wheel",t(this,D)),clearTimeout(t(this,g)))}}k=new WeakMap,g=new WeakMap,C=new WeakMap,D=new WeakMap;var y,w,B,l,H,E;const b=class b extends P{constructor(e){super();i(this,w,null);i(this,B,!1);i(this,l,0);i(this,H,e=>{if(e.composedPath().find(h=>h instanceof HTMLElement&&h.hasAttribute("drag-dead-zone")))return;this.swipe||x.ticker.unsubscribe(t(this,E));let n=e;s(this,l,0),document.documentElement.classList.add("grabbing"),N.setupDrag(h=>{if(t(this,B)||t(b,y)&&t(b,y)!==t(this,w))return;this.swipe&&s(this,B,!0);const X=n.x-h.x,Y=n.y-h.y;this.axis==="x"?s(this,l,X):s(this,l,Y),n=h,(this.axis==="x"&&Math.abs(X)>Math.abs(Y)||this.axis==="y"&&Math.abs(Y)>Math.abs(X))&&(s(b,y,t(this,w)),this.changeEvent.notify("drag",t(this,l)))},()=>{s(b,y,null),this.swipe||(s(this,l,t(this,l)*3),x.ticker.subscribe(t(this,E),{order:j.TICK_ORDER.SCROLL-1})),document.documentElement.classList.remove("grabbing"),s(this,B,!1)})});i(this,E,()=>{Math.floor(t(this,l))||x.ticker.unsubscribe(t(this,E)),s(this,l,t(this,l)*.95),s(this,l,U.preciseNumber(t(this,l),3)),this.changeEvent.notify("drag",t(this,l))});this.axis=(e==null?void 0:e.axis)||"y",this.swipe=(e==null?void 0:e.swipe)||!1,f.isBrowser&&s(this,w,e!=null&&e.element&&R.getElement(e.element)||document.documentElement)}connect(){f.isBrowser&&t(this,w).addEventListener("pointerdown",t(this,H))}disconnect(){f.isBrowser&&(t(this,w).removeEventListener("pointerdown",t(this,H)),x.ticker.unsubscribe(t(this,E)))}};y=new WeakMap,w=new WeakMap,B=new WeakMap,l=new WeakMap,H=new WeakMap,E=new WeakMap,i(b,y,null);let K=b;exports.AutoplayControls=F;exports.Controls=P;exports.DragControls=K;exports.KeyboardControls=z;exports.WheelControls=G;
+"use strict";var S=(r,a,e)=>{if(!a.has(r))throw TypeError("Cannot "+e)};var t=(r,a,e)=>(S(r,a,"read from private field"),e?e.call(r):a.get(r)),i=(r,a,e)=>{if(a.has(r))throw TypeError("Cannot add the same private member more than once");a instanceof WeakSet?a.add(r):a.set(r,e)},s=(r,a,e,n)=>(S(r,a,"write to private field"),n?n.call(r,e):a.set(r,e),e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("../notifier/index.cjs"),f=require("../browser-CpzFX2xg.cjs"),R=require("../dom-JBOkFLTh.cjs");require("../path-data-polyfill-CXsOR7Oc.cjs");const x=require("../ticker/index.cjs"),F=require("../gestures-DHLrn6Q8.cjs"),N=require("../number-yVpzMdbQ.cjs"),U=require("../order/index.cjs");var W;class P{constructor(){i(this,W,new O.Notifier)}get changeEvent(){return t(this,W)}}W=new WeakMap;var m,c,d,q;class j extends P{constructor(e){super();i(this,m,null);i(this,c,null);i(this,d,"offsetHeight");i(this,q,e=>{const n=e.shiftKey?-1:1;let h;e.code==="Space"?h=n*t(this,c)[t(this,d)]*.4:e.code==="ArrowLeft"?h=-1*t(this,c)[t(this,d)]*.2:e.code==="ArrowRight"?h=1*t(this,c)[t(this,d)]*.2:e.code==="ArrowUp"?h=-1*t(this,c)[t(this,d)]*.2:e.code==="ArrowDown"?h=1*t(this,c)[t(this,d)]*.2:e.code==="PageUp"?h=-1*t(this,c)[t(this,d)]:e.code==="PageDown"?h=1*t(this,c)[t(this,d)]:e.code==="Home"?h=0:e.code==="End"&&(h=t(this,d)==="offsetWidth"?t(this,c).scrollWidth:t(this,c).scrollHeight),h&&(e.stopPropagation(),this.changeEvent.notify("keyboard",h))});f.isBrowser&&(s(this,m,e!=null&&e.element&&R.getElement(e.element)||window),s(this,c,t(this,m)instanceof HTMLElement?t(this,m):document.documentElement),this.dimension=e==null?void 0:e.dimension)}set dimension(e){s(this,d,e==="width"?"offsetWidth":"offsetHeight")}connect(){f.isBrowser&&t(this,m).addEventListener("keydown",t(this,q))}disconnect(){f.isBrowser&&t(this,m).removeEventListener("keydown",t(this,q))}}m=new WeakMap,c=new WeakMap,d=new WeakMap,q=new WeakMap;var o,v,A,I,u,M,L,T;class z extends P{constructor(e){super();i(this,o,void 0);i(this,v,void 0);i(this,A,void 0);i(this,I,void 0);i(this,u,void 0);i(this,M,void 0);i(this,L,void 0);i(this,T,void 0);this.direction=1,s(this,u,!1),s(this,L,n=>{t(this,u)||this.changeEvent.notify("autoplay",n.timeBetweenFrames*t(this,o)*this.direction)}),s(this,T,()=>{t(this,u)||this.changeEvent.notify("autoplay",Math.sign(t(this,o))*this.direction)}),s(this,o,(e==null?void 0:e.speed)||1),s(this,v,(e==null?void 0:e.interval)||!1),s(this,A,e)}set interval(e){s(this,v,e),this.connect()}set speed(e){s(this,o,e),this.connect()}connect(){this.disconnect(),t(this,v)?s(this,I,setInterval(t(this,T),Math.abs(t(this,o)))):x.ticker.subscribe(t(this,L),t(this,A))}disconnect(){clearInterval(t(this,I)),x.ticker.unsubscribe(t(this,L)),clearInterval(t(this,M)),s(this,u,!1)}pauseAndContinue(e){e&&!t(this,u)&&(clearInterval(t(this,M)),s(this,u,!0),s(this,M,setTimeout(()=>{s(this,u,!1)},3e3)))}}o=new WeakMap,v=new WeakMap,A=new WeakMap,I=new WeakMap,u=new WeakMap,M=new WeakMap,L=new WeakMap,T=new WeakMap;var k,g,C,D;class G extends P{constructor(e){super();i(this,k,null);i(this,g,void 0);i(this,C,void 0);i(this,D,e=>{let n=0;if(e.preventDefault(),!(this.axis==="x"&&Math.abs(e.deltaY)>Math.abs(e.deltaX)*.5||this.axis==="y"&&Math.abs(e.deltaX)>Math.abs(e.deltaY)*.5))if(n=(this.axis==="max"?Math.abs(e.deltaX)>Math.abs(e.deltaY)?e.deltaX:e.deltaY:this.axis==="x"?e.deltaX:e.deltaY)*this.speed,e.stopPropagation(),this.debounce){const h=Date.now();if(h-t(this,C)>40&&(n=100*Math.sign(n)),s(this,C,h),Math.abs(n)<100||t(this,g))return;this.changeEvent.notify("wheel",n),s(this,g,setTimeout(()=>{s(this,g,void 0)},80))}else this.changeEvent.notify("wheel",n)});this.axis=(e==null?void 0:e.axis)||"y",this.speed=(e==null?void 0:e.speed)||1,this.debounce=(e==null?void 0:e.debounce)||!1,s(this,C,Date.now()),f.isBrowser&&s(this,k,e!=null&&e.element&&R.getElement(e.element)||window)}connect(){f.isBrowser&&t(this,k).addEventListener("wheel",t(this,D),{passive:!1})}disconnect(){f.isBrowser&&(t(this,k).removeEventListener("wheel",t(this,D)),clearTimeout(t(this,g)))}}k=new WeakMap,g=new WeakMap,C=new WeakMap,D=new WeakMap;var y,w,B,l,H,E;const b=class b extends P{constructor(e){super();i(this,w,null);i(this,B,!1);i(this,l,0);i(this,H,e=>{if(e.composedPath().find(h=>h instanceof HTMLElement&&h.hasAttribute("drag-dead-zone")))return;this.swipe||x.ticker.unsubscribe(t(this,E));let n=e;s(this,l,0),document.documentElement.classList.add("grabbing"),F.setupDrag(h=>{if(t(this,B)||t(b,y)&&t(b,y)!==t(this,w))return;this.swipe&&s(this,B,!0);const X=n.x-h.x,Y=n.y-h.y;this.axis==="x"?s(this,l,X):s(this,l,Y),n=h,(this.axis==="x"&&Math.abs(X)>Math.abs(Y)||this.axis==="y"&&Math.abs(Y)>Math.abs(X))&&(s(b,y,t(this,w)),this.changeEvent.notify("drag",t(this,l)))},()=>{s(b,y,null),this.swipe||(s(this,l,t(this,l)*3),x.ticker.subscribe(t(this,E),{order:U.TICK_ORDER.SCROLL-1})),document.documentElement.classList.remove("grabbing"),s(this,B,!1)})});i(this,E,()=>{Math.floor(t(this,l))||x.ticker.unsubscribe(t(this,E)),s(this,l,t(this,l)*.95),s(this,l,N.preciseNumber(t(this,l),3)),this.changeEvent.notify("drag",t(this,l))});this.axis=(e==null?void 0:e.axis)||"y",this.swipe=(e==null?void 0:e.swipe)||!1,f.isBrowser&&s(this,w,e!=null&&e.element&&R.getElement(e.element)||document.documentElement)}connect(){f.isBrowser&&t(this,w).addEventListener("pointerdown",t(this,H))}disconnect(){f.isBrowser&&(t(this,w).removeEventListener("pointerdown",t(this,H)),x.ticker.unsubscribe(t(this,E)))}};y=new WeakMap,w=new WeakMap,B=new WeakMap,l=new WeakMap,H=new WeakMap,E=new WeakMap,i(b,y,null);let K=b;exports.AutoplayControls=z;exports.Controls=P;exports.DragControls=K;exports.KeyboardControls=j;exports.WheelControls=G;

package/lib/controls/index.js

@@ -1,103 +1,103 @@
-var O = (a, r, e) => {
+var F = (a, r, e) => {
   if (!r.has(a))
     throw TypeError("Cannot " + e);
 };
-var t = (a, r, e) => (O(a, r, "read from private field"), e ? e.call(a) : r.get(a)), i = (a, r, e) => {
+var t = (a, r, e) => (F(a, r, "read from private field"), e ? e.call(a) : r.get(a)), s = (a, r, e) => {
   if (r.has(a))
     throw TypeError("Cannot add the same private member more than once");
   r instanceof WeakSet ? r.add(a) : r.set(a, e);
-}, s = (a, r, e, n) => (O(a, r, "write to private field"), n ? n.call(a, e) : r.set(a, e), e);
-import { Notifier as U } from "../notifier/index.js";
-import { i as u } from "../browser-0zX67oeU.js";
-import { g as N } from "../dom-0S_WDL4g.js";
+}, i = (a, r, e, n) => (F(a, r, "write to private field"), n ? n.call(a, e) : r.set(a, e), e);
+import { Notifier as O } from "../notifier/index.js";
+import { i as m } from "../browser-0zX67oeU.js";
+import { g as B } from "../dom-0S_WDL4g.js";
 import "../path-data-polyfill-DgeDWYeI.js";
 import { ticker as y } from "../ticker/index.js";
-import { s as z } from "../gestures-D2Fdra_G.js";
-import { p as B } from "../number-Bo5RdrA1.js";
-import { TICK_ORDER as F } from "../order/index.js";
+import { s as S } from "../gestures-D2Fdra_G.js";
+import { p as U } from "../number-Bo5RdrA1.js";
+import { TICK_ORDER as z } from "../order/index.js";
 var Y;
 class R {
   constructor() {
-    i(this, Y, new U());
+    s(this, Y, new O());
   }
   get changeEvent() {
     return t(this, Y);
   }
 }
 Y = new WeakMap();
-var m, d, c, C;
+var u, d, c, C;
 class p extends R {
   constructor(e) {
     super();
-    i(this, m, null);
-    i(this, d, null);
-    i(this, c, "offsetHeight");
-    i(this, C, (e) => {
+    s(this, u, null);
+    s(this, d, null);
+    s(this, c, "offsetHeight");
+    s(this, C, (e) => {
       const n = e.shiftKey ? -1 : 1;
       let h;
       e.code === "Space" ? h = n * t(this, d)[t(this, c)] * 0.4 : e.code === "ArrowLeft" ? h = -1 * t(this, d)[t(this, c)] * 0.2 : e.code === "ArrowRight" ? h = 1 * t(this, d)[t(this, c)] * 0.2 : e.code === "ArrowUp" ? h = -1 * t(this, d)[t(this, c)] * 0.2 : e.code === "ArrowDown" ? h = 1 * t(this, d)[t(this, c)] * 0.2 : e.code === "PageUp" ? h = -1 * t(this, d)[t(this, c)] : e.code === "PageDown" ? h = 1 * t(this, d)[t(this, c)] : e.code === "Home" ? h = 0 : e.code === "End" && (h = t(this, c) === "offsetWidth" ? t(this, d).scrollWidth : t(this, d).scrollHeight), h && (e.stopPropagation(), this.changeEvent.notify("keyboard", h));
     });
-    u && (s(this, m, e != null && e.element && N(e.element) || window), s(this, d, t(this, m) instanceof HTMLElement ? t(this, m) : document.documentElement), this.dimension = e == null ? void 0 : e.dimension);
+    m && (i(this, u, e != null && e.element && B(e.element) || window), i(this, d, t(this, u) instanceof HTMLElement ? t(this, u) : document.documentElement), this.dimension = e == null ? void 0 : e.dimension);
   }
   set dimension(e) {
-    s(this, c, e === "width" ? "offsetWidth" : "offsetHeight");
+    i(this, c, e === "width" ? "offsetWidth" : "offsetHeight");
   }
   connect() {
-    u && t(this, m).addEventListener(
+    m && t(this, u).addEventListener(
       "keydown",
       t(this, C)
     );
   }
   disconnect() {
-    u && t(this, m).removeEventListener(
+    m && t(this, u).removeEventListener(
       "keydown",
       t(this, C)
     );
   }
 }
-m = new WeakMap(), d = new WeakMap(), c = new WeakMap(), C = new WeakMap();
+u = new WeakMap(), d = new WeakMap(), c = new WeakMap(), C = new WeakMap();
 var w, v, T, D, f, L, M, H;
 class ee extends R {
   constructor(e) {
     super();
-    i(this, w, void 0);
-    i(this, v, void 0);
-    i(this, T, void 0);
-    i(this, D, void 0);
-    i(this, f, void 0);
-    i(this, L, void 0);
-    i(this, M, void 0);
-    i(this, H, void 0);
-    this.direction = 1, s(this, f, !1), s(this, M, (n) => {
+    s(this, w, void 0);
+    s(this, v, void 0);
+    s(this, T, void 0);
+    s(this, D, void 0);
+    s(this, f, void 0);
+    s(this, L, void 0);
+    s(this, M, void 0);
+    s(this, H, void 0);
+    this.direction = 1, i(this, f, !1), i(this, M, (n) => {
       t(this, f) || this.changeEvent.notify(
         "autoplay",
-        n.elapsed * t(this, w) * this.direction
+        n.timeBetweenFrames * t(this, w) * this.direction
       );
-    }), s(this, H, () => {
+    }), i(this, H, () => {
       t(this, f) || this.changeEvent.notify(
         "autoplay",
         Math.sign(t(this, w)) * this.direction
       );
-    }), s(this, w, (e == null ? void 0 : e.speed) || 1), s(this, v, (e == null ? void 0 : e.interval) || !1), s(this, T, e);
+    }), i(this, w, (e == null ? void 0 : e.speed) || 1), i(this, v, (e == null ? void 0 : e.interval) || !1), i(this, T, e);
   }
   set interval(e) {
-    s(this, v, e), this.connect();
+    i(this, v, e), this.connect();
   }
   set speed(e) {
-    s(this, w, e), this.connect();
+    i(this, w, e), this.connect();
   }
   connect() {
-    this.disconnect(), t(this, v) ? s(this, D, setInterval(
+    this.disconnect(), t(this, v) ? i(this, D, setInterval(
       t(this, H),
       Math.abs(t(this, w))
     )) : y.subscribe(t(this, M), t(this, T));
   }
   disconnect() {
-    clearInterval(t(this, D)), y.unsubscribe(t(this, M)), clearInterval(t(this, L)), s(this, f, !1);
+    clearInterval(t(this, D)), y.unsubscribe(t(this, M)), clearInterval(t(this, L)), i(this, f, !1);
   }
   pauseAndContinue(e) {
-    e && !t(this, f) && (clearInterval(t(this, L)), s(this, f, !0), s(this, L, setTimeout(() => {
-      s(this, f, !1);
+    e && !t(this, f) && (clearInterval(t(this, L)), i(this, f, !0), i(this, L, setTimeout(() => {
+      i(this, f, !1);
     }, 3e3)));
   }
 }
@@ -106,26 +106,26 @@ var k, g, I, P;
 class te extends R {
   constructor(e) {
     super();
-    i(this, k, null);
-    i(this, g, void 0);
-    i(this, I, void 0);
-    i(this, P, (e) => {
+    s(this, k, null);
+    s(this, g, void 0);
+    s(this, I, void 0);
+    s(this, P, (e) => {
       let n = 0;
       if (e.preventDefault(), !(this.axis === "x" && Math.abs(e.deltaY) > Math.abs(e.deltaX) * 0.5 || this.axis === "y" && Math.abs(e.deltaX) > Math.abs(e.deltaY) * 0.5))
         if (n = (this.axis === "max" ? Math.abs(e.deltaX) > Math.abs(e.deltaY) ? e.deltaX : e.deltaY : this.axis === "x" ? e.deltaX : e.deltaY) * this.speed, e.stopPropagation(), this.debounce) {
           const h = Date.now();
-          if (h - t(this, I) > 40 && (n = 100 * Math.sign(n)), s(this, I, h), Math.abs(n) < 100 || t(this, g))
+          if (h - t(this, I) > 40 && (n = 100 * Math.sign(n)), i(this, I, h), Math.abs(n) < 100 || t(this, g))
             return;
-          this.changeEvent.notify("wheel", n), s(this, g, setTimeout(() => {
-            s(this, g, void 0);
+          this.changeEvent.notify("wheel", n), i(this, g, setTimeout(() => {
+            i(this, g, void 0);
           }, 80));
         } else
           this.changeEvent.notify("wheel", n);
     });
-    this.axis = (e == null ? void 0 : e.axis) || "y", this.speed = (e == null ? void 0 : e.speed) || 1, this.debounce = (e == null ? void 0 : e.debounce) || !1, s(this, I, Date.now()), u && s(this, k, e != null && e.element && N(e.element) || window);
+    this.axis = (e == null ? void 0 : e.axis) || "y", this.speed = (e == null ? void 0 : e.speed) || 1, this.debounce = (e == null ? void 0 : e.debounce) || !1, i(this, I, Date.now()), m && i(this, k, e != null && e.element && B(e.element) || window);
   }
   connect() {
-    u && t(this, k).addEventListener(
+    m && t(this, k).addEventListener(
       "wheel",
       t(this, P),
       {
@@ -134,7 +134,7 @@ class te extends R {
     );
   }
   disconnect() {
-    u && (t(this, k).removeEventListener(
+    m && (t(this, k).removeEventListener(
       "wheel",
       t(this, P)
     ), clearTimeout(t(this, g)));
@@ -145,50 +145,50 @@ var E, b, A, l, X, x;
 const o = class o extends R {
   constructor(e) {
     super();
-    i(this, b, null);
-    i(this, A, !1);
-    i(this, l, 0);
-    i(this, X, (e) => {
+    s(this, b, null);
+    s(this, A, !1);
+    s(this, l, 0);
+    s(this, X, (e) => {
       if (e.composedPath().find(
         (h) => h instanceof HTMLElement && h.hasAttribute("drag-dead-zone")
       ))
         return;
       this.swipe || y.unsubscribe(t(this, x));
       let n = e;
-      s(this, l, 0), document.documentElement.classList.add("grabbing"), z(
+      i(this, l, 0), document.documentElement.classList.add("grabbing"), S(
         (h) => {
           if (t(this, A) || t(o, E) && t(o, E) !== t(this, b))
             return;
-          this.swipe && s(this, A, !0);
+          this.swipe && i(this, A, !0);
           const W = n.x - h.x, K = n.y - h.y;
-          this.axis === "x" ? s(this, l, W) : s(this, l, K), n = h, (this.axis === "x" && Math.abs(W) > Math.abs(K) || this.axis === "y" && Math.abs(K) > Math.abs(W)) && (s(o, E, t(this, b)), this.changeEvent.notify("drag", t(this, l)));
+          this.axis === "x" ? i(this, l, W) : i(this, l, K), n = h, (this.axis === "x" && Math.abs(W) > Math.abs(K) || this.axis === "y" && Math.abs(K) > Math.abs(W)) && (i(o, E, t(this, b)), this.changeEvent.notify("drag", t(this, l)));
         },
         () => {
-          s(o, E, null), this.swipe || (s(this, l, t(this, l) * 3), y.subscribe(t(this, x), { order: F.SCROLL - 1 })), document.documentElement.classList.remove("grabbing"), s(this, A, !1);
+          i(o, E, null), this.swipe || (i(this, l, t(this, l) * 3), y.subscribe(t(this, x), { order: z.SCROLL - 1 })), document.documentElement.classList.remove("grabbing"), i(this, A, !1);
         }
       );
     });
-    i(this, x, () => {
-      Math.floor(t(this, l)) || y.unsubscribe(t(this, x)), s(this, l, t(this, l) * 0.95), s(this, l, B(t(this, l), 3)), this.changeEvent.notify("drag", t(this, l));
+    s(this, x, () => {
+      Math.floor(t(this, l)) || y.unsubscribe(t(this, x)), i(this, l, t(this, l) * 0.95), i(this, l, U(t(this, l), 3)), this.changeEvent.notify("drag", t(this, l));
     });
-    this.axis = (e == null ? void 0 : e.axis) || "y", this.swipe = (e == null ? void 0 : e.swipe) || !1, u && s(this, b, e != null && e.element && N(e.element) || document.documentElement);
+    this.axis = (e == null ? void 0 : e.axis) || "y", this.swipe = (e == null ? void 0 : e.swipe) || !1, m && i(this, b, e != null && e.element && B(e.element) || document.documentElement);
   }
   connect() {
-    u && t(this, b).addEventListener("pointerdown", t(this, X));
+    m && t(this, b).addEventListener("pointerdown", t(this, X));
   }
   disconnect() {
-    u && (t(this, b).removeEventListener(
+    m && (t(this, b).removeEventListener(
       "pointerdown",
       t(this, X)
     ), y.unsubscribe(t(this, x)));
   }
 };
-E = new WeakMap(), b = new WeakMap(), A = new WeakMap(), l = new WeakMap(), X = new WeakMap(), x = new WeakMap(), i(o, E, null);
-let S = o;
+E = new WeakMap(), b = new WeakMap(), A = new WeakMap(), l = new WeakMap(), X = new WeakMap(), x = new WeakMap(), s(o, E, null);
+let N = o;
 export {
   ee as AutoplayControls,
   R as Controls,
-  S as DragControls,
+  N as DragControls,
   p as KeyboardControls,
   te as WheelControls
 };

package/lib/css-property/index.cjs

@@ -1 +1 @@
-"use strict";var S=(s,r,e)=>{if(!r.has(s))throw TypeError("Cannot "+e)};var i=(s,r,e)=>(S(s,r,"read from private field"),e?e.call(s):r.get(s)),n=(s,r,e)=>{if(r.has(s))throw TypeError("Cannot add the same private member more than once");r instanceof WeakSet?r.add(s):r.set(s,e)},o=(s,r,e,u)=>(S(s,r,"write to private field"),u?u.call(s,e):r.set(s,e),e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../css-value-parser/index.cjs"),w=require("../order/index.cjs"),R=require("../Store-BQGNOHlY.cjs"),y=require("../dom-JBOkFLTh.cjs");require("../path-data-polyfill-CXsOR7Oc.cjs");const a=require("../window-resizer/index.cjs");var c,b,t,h;class g extends R.Store{constructor(e,u,l,d){super(l,d);n(this,c,void 0);n(this,b,void 0);n(this,t,void 0);n(this,h,()=>{this.check()});o(this,c,y.getElement(e)),o(this,b,u),o(this,t,l.toString())}observe(){this.subscribers.size||a.windowResizer.subscribe(i(this,h),w.RESIZE_ORDER.CSS_VARIABLE)}unobserve(){this.subscribers.size||a.windowResizer.unsubscribe(i(this,h))}subscribe(e){return this.observe(),super.subscribe(e)}unsubscribe(e){super.unsubscribe(e),this.unobserve()}check(){const e=getComputedStyle(i(this,c)).getPropertyValue(i(this,b));if(i(this,t)!==e)if(o(this,t,e),e){const u=p.cssValueParser.parse(i(this,t));this.current=u}else this.current=this.initial}}c=new WeakMap,b=new WeakMap,t=new WeakMap,h=new WeakMap;exports.CSSProperty=g;
+"use strict";var d=(r,s,e)=>{if(!s.has(r))throw TypeError("Cannot "+e)};var t=(r,s,e)=>(d(r,s,"read from private field"),e?e.call(r):s.get(r)),c=(r,s,e)=>{if(s.has(r))throw TypeError("Cannot add the same private member more than once");s instanceof WeakSet?s.add(r):s.set(r,e)},n=(r,s,e,u)=>(d(r,s,"write to private field"),u?u.call(r,e):s.set(r,e),e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("../css-value-parser/index.cjs"),V=require("../order/index.cjs"),g=require("../Store-BQGNOHlY.cjs"),y=require("../dom-JBOkFLTh.cjs");require("../path-data-polyfill-CXsOR7Oc.cjs");const w=require("../window-resizer/index.cjs");var h,b,i,a,o;class f extends g.Store{constructor(e,u,S,l){super(S,l);c(this,h,void 0);c(this,b,void 0);c(this,i,void 0);c(this,a,void 0);c(this,o,()=>{this.check()});n(this,h,y.getElement(e)),n(this,b,u),n(this,i,S.toString()),n(this,a,(l==null?void 0:l.rawValueCheck)!==!1)}get currentRawValue(){return t(this,i)}observe(){this.subscribers.size||w.windowResizer.subscribe(t(this,o),V.RESIZE_ORDER.CSS_VARIABLE)}unobserve(){this.subscribers.size||w.windowResizer.unsubscribe(t(this,o))}subscribe(e){return this.observe(),super.subscribe(e)}unsubscribe(e){super.unsubscribe(e),this.unobserve()}check(){const e=getComputedStyle(t(this,h)).getPropertyValue(t(this,b));if(!(t(this,a)&&t(this,i)===e))if(n(this,i,e),e){const u=R.cssValueParser.parse(t(this,i));this.current=u}else this.current=this.initial}}h=new WeakMap,b=new WeakMap,i=new WeakMap,a=new WeakMap,o=new WeakMap;exports.CSSProperty=f;

package/lib/css-property/index.d.ts

@@ -1,9 +1,13 @@
 import { ElementOrSelector } from '../utils';
 import { Store, StoreCallback, StoreEntry, StoreManagerType, StoreOptions } from '../store';
 
+export interface CSSPropertyOptions<StoreType extends number | boolean | string, StoreManager extends StoreManagerType = StoreManagerType> extends StoreOptions<StoreType, StoreManager> {
+    rawValueCheck?: boolean;
+}
 export declare class CSSProperty<StoreType extends number | boolean | string, StoreManager extends StoreManagerType = StoreManagerType> extends Store<StoreType, StoreManager> {
     #private;
-    constructor(elementOrSelector: ElementOrSelector<HTMLElement>, property: string, defaultValue: StoreType, options?: StoreOptions<StoreType, StoreManager>);
+    constructor(elementOrSelector: ElementOrSelector<HTMLElement>, property: string, defaultValue: StoreType, options?: CSSPropertyOptions<StoreType, StoreManager>);
+    get currentRawValue(): string;
     observe(): void;
     unobserve(): void;
     subscribe(callback: StoreCallback<StoreEntry<StoreType>>): () => void;