aptechka 0.8.4 → 0.10.0

package/lib/utils/bytes.d.ts

@@ -0,0 +1 @@
+export declare function formatBytes(bytes: number, decimals?: number): string;

package/lib/utils/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("../attributes-Bf2svn4j.cjs"),S=require("../browser-CpzFX2xg.cjs"),l=require("../canvas-CU5Xjahf.cjs"),m=require("../coordinates-D8Np3cPD.cjs"),p=require("../dom-JBOkFLTh.cjs"),n=require("../easings-DsS5-Kqc.cjs"),h=require("../events-BGwqaxVW.cjs"),I=require("../file-EevnUtRj.cjs"),C=require("../function-MthRj-GJ.cjs"),v=require("../gestures-DHLrn6Q8.cjs"),f=require("../layout-8ryRAMGJ.cjs"),i=require("../math-GDWEqu7y.cjs"),d=require("../polyfills-CM4SCDTt.cjs"),o=require("../object-CCiXnER2.cjs"),r=require("../string-DhgS_iFl.cjs"),O=require("../style-At6aDoqG.cjs"),g=require("../url-C3dWnJQg.cjs");function y(t,e,...a){return[...t.slice(0,e),...a,...t.slice(e)]}function P(t,e){const a=t.length;e=e%a;const s=new Array(a);for(let u=0;u<a;u++){const c=(u+e)%a;s[c]=t[u]}return s}function T(t,e){return t.x<e.x+e.width&&t.x>e.x&&t.y<e.y+e.height&&t.y>e.y}function q(t,e){return Math.sqrt((t.x-e.x)**2+(t.y-e.y)**2)<e.radius}function E(t,e){const a=t.styleMap.get(e);if(a){const s=a.toString();return s.startsWith("var")?E(t,s.slice(4,-1)):s}}function x(...t){const e={};return Array.from(document.styleSheets).forEach(a=>{Array.from(a.cssRules).forEach(s=>{s instanceof CSSStyleRule&&s.selectorText===":root"&&t.forEach(u=>{const c=E(s,u);c&&(e[u]=c)})})}),t.forEach(a=>{e[a]||console.warn(`variable named ${a} not found`)}),e}function Q(t){const e=window.atob(t);return decodeURIComponent(window.escape(e))}function D(t){const e=window.unescape(encodeURIComponent(t));return window.btoa(e)}exports.parseAttribute=b.parseAttribute;exports.parseAttributeValue=b.parseAttributeValue;exports.isBrowser=S.isBrowser;exports.contain=l.contain;exports.cover=l.cover;exports.fixPosition=l.fixPosition;exports.measureText=l.measureText;exports.getPointerPosition=m.getPointerPosition;exports.normalize=m.normalize;exports.screenToCartesian=m.screenToCartesian;exports.findParentElement=p.findParentElement;exports.findScrollParentElement=p.findScrollParentElement;exports.getAllParentElements=p.getAllParentElements;exports.getElement=p.getElement;exports.easeInCubic=n.easeInCubic;exports.easeInExpo=n.easeInExpo;exports.easeInOutCubic=n.easeInOutCubic;exports.easeInOutExpo=n.easeInOutExpo;exports.easeInOutQuad=n.easeInOutQuad;exports.easeInOutQuart=n.easeInOutQuart;exports.easeInOutQuint=n.easeInOutQuint;exports.easeInQuad=n.easeInQuad;exports.easeInQuart=n.easeInQuart;exports.easeInQuint=n.easeInQuint;exports.easeOutCubic=n.easeOutCubic;exports.easeOutExpo=n.easeOutExpo;exports.easeOutQuad=n.easeOutQuad;exports.easeOutQuart=n.easeOutQuart;exports.easeOutQuint=n.easeOutQuint;exports.linear=n.linear;exports.dispatchBeforeSizeChangeEvent=h.dispatchBeforeSizeChangeEvent;exports.dispatchSizeChangeEvent=h.dispatchSizeChangeEvent;exports.createJSONAndSave=I.createJSONAndSave;exports.debounce=C.debounce;exports.throttle=C.throttle;exports.setupDrag=v.setupDrag;exports.getCumulativeOffsetLeft=f.getCumulativeOffsetLeft;exports.getCumulativeOffsetTop=f.getCumulativeOffsetTop;exports.getCumulativePosition=f.getCumulativePosition;exports.calculateDistance=i.calculateDistance;exports.calculateDistanceWithRadius=i.calculateDistanceWithRadius;exports.clamp=i.clamp;exports.damp=i.damp;exports.lerp=i.lerp;exports.mapRange=i.mapRange;exports.round=i.round;exports.smootherstep=i.smootherstep;exports.smoothstep=i.smoothstep;exports.step=i.step;exports.nullishCoalescing=d.nullishCoalescing;exports.preciseNumber=d.preciseNumber;exports.roundNumberTo=d.roundNumberTo;exports.toStep=d.toStep;exports.cloneDeep=o.cloneDeep;exports.compareObjects=o.compareObjects;exports.isESClass=o.isESClass;exports.isNullish=o.isNullish;exports.isObject=o.isObject;exports.mergeDeep=o.mergeDeep;exports.mixin=o.mixin;exports.omit=o.omit;exports.pick=o.pick;exports.camelToKebab=r.camelToKebab;exports.capitalize=r.capitalize;exports.generateId=r.generateId;exports.isUppercase=r.isUppercase;exports.kebabToCamel=r.kebabToCamel;exports.snakeToDotted=r.snakeToDotted;exports.toPascalCase=r.toPascalCase;exports.uncapitalize=r.uncapitalize;exports.getElementTransitionDurationMS=O.getElementTransitionDurationMS;exports.getElementTransitionDurationS=O.getElementTransitionDurationS;exports.changeHistory=g.changeHistory;exports.normalizeBase=g.normalizeBase;exports.splitPath=g.splitPath;exports.decode=D;exports.dotCircleCollision=q;exports.dotRectCollision=T;exports.encode=Q;exports.getRootVariables=x;exports.insert=y;exports.shiftArray=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("../attributes-Bf2svn4j.cjs"),S=require("../browser-CpzFX2xg.cjs"),l=require("../canvas-CU5Xjahf.cjs"),m=require("../coordinates-D8Np3cPD.cjs"),p=require("../dom-JBOkFLTh.cjs"),a=require("../easings-DsS5-Kqc.cjs"),b=require("../events-BGwqaxVW.cjs"),I=require("../file-EevnUtRj.cjs"),C=require("../function-MthRj-GJ.cjs"),y=require("../gestures-DHLrn6Q8.cjs"),f=require("../layout-8ryRAMGJ.cjs"),s=require("../math-GDWEqu7y.cjs"),d=require("../polyfills-CM4SCDTt.cjs"),r=require("../object-CCiXnER2.cjs"),u=require("../string-DhgS_iFl.cjs"),O=require("../style-At6aDoqG.cjs"),g=require("../url-C3dWnJQg.cjs");function v(t,e,...n){return[...t.slice(0,e),...n,...t.slice(e)]}function P(t,e){const n=t.length;e=e%n;const i=new Array(n);for(let o=0;o<n;o++){const c=(o+e)%n;i[c]=t[o]}return i}function T(t,e=2){if(!+t)return"0 Bytes";const n=1024,i=e<0?0:e,o=["Bytes","KiB","MiB","GiB","TiB","PiB","EiB","ZiB","YiB"],c=Math.floor(Math.log(t)/Math.log(n));return`${parseFloat((t/Math.pow(n,c)).toFixed(i))} ${o[c]}`}function x(t,e){return t.x<e.x+e.width&&t.x>e.x&&t.y<e.y+e.height&&t.y>e.y}function q(t,e){return Math.sqrt((t.x-e.x)**2+(t.y-e.y)**2)<e.radius}function E(t,e){const n=t.styleMap.get(e);if(n){const i=n.toString();return i.startsWith("var")?E(t,i.slice(4,-1)):i}}function B(...t){const e={};return Array.from(document.styleSheets).forEach(n=>{Array.from(n.cssRules).forEach(i=>{i instanceof CSSStyleRule&&i.selectorText===":root"&&t.forEach(o=>{const c=E(i,o);c&&(e[o]=c)})})}),t.forEach(n=>{e[n]||console.warn(`variable named ${n} not found`)}),e}function Q(t){const e=window.atob(t);return decodeURIComponent(window.escape(e))}function w(t){const e=window.unescape(encodeURIComponent(t));return window.btoa(e)}exports.parseAttribute=h.parseAttribute;exports.parseAttributeValue=h.parseAttributeValue;exports.isBrowser=S.isBrowser;exports.contain=l.contain;exports.cover=l.cover;exports.fixPosition=l.fixPosition;exports.measureText=l.measureText;exports.getPointerPosition=m.getPointerPosition;exports.normalize=m.normalize;exports.screenToCartesian=m.screenToCartesian;exports.findParentElement=p.findParentElement;exports.findScrollParentElement=p.findScrollParentElement;exports.getAllParentElements=p.getAllParentElements;exports.getElement=p.getElement;exports.easeInCubic=a.easeInCubic;exports.easeInExpo=a.easeInExpo;exports.easeInOutCubic=a.easeInOutCubic;exports.easeInOutExpo=a.easeInOutExpo;exports.easeInOutQuad=a.easeInOutQuad;exports.easeInOutQuart=a.easeInOutQuart;exports.easeInOutQuint=a.easeInOutQuint;exports.easeInQuad=a.easeInQuad;exports.easeInQuart=a.easeInQuart;exports.easeInQuint=a.easeInQuint;exports.easeOutCubic=a.easeOutCubic;exports.easeOutExpo=a.easeOutExpo;exports.easeOutQuad=a.easeOutQuad;exports.easeOutQuart=a.easeOutQuart;exports.easeOutQuint=a.easeOutQuint;exports.linear=a.linear;exports.dispatchBeforeSizeChangeEvent=b.dispatchBeforeSizeChangeEvent;exports.dispatchSizeChangeEvent=b.dispatchSizeChangeEvent;exports.createJSONAndSave=I.createJSONAndSave;exports.debounce=C.debounce;exports.throttle=C.throttle;exports.setupDrag=y.setupDrag;exports.getCumulativeOffsetLeft=f.getCumulativeOffsetLeft;exports.getCumulativeOffsetTop=f.getCumulativeOffsetTop;exports.getCumulativePosition=f.getCumulativePosition;exports.calculateDistance=s.calculateDistance;exports.calculateDistanceWithRadius=s.calculateDistanceWithRadius;exports.clamp=s.clamp;exports.damp=s.damp;exports.lerp=s.lerp;exports.mapRange=s.mapRange;exports.round=s.round;exports.smootherstep=s.smootherstep;exports.smoothstep=s.smoothstep;exports.step=s.step;exports.nullishCoalescing=d.nullishCoalescing;exports.preciseNumber=d.preciseNumber;exports.roundNumberTo=d.roundNumberTo;exports.toStep=d.toStep;exports.cloneDeep=r.cloneDeep;exports.compareObjects=r.compareObjects;exports.isESClass=r.isESClass;exports.isNullish=r.isNullish;exports.isObject=r.isObject;exports.mergeDeep=r.mergeDeep;exports.mixin=r.mixin;exports.omit=r.omit;exports.pick=r.pick;exports.camelToKebab=u.camelToKebab;exports.capitalize=u.capitalize;exports.generateId=u.generateId;exports.isUppercase=u.isUppercase;exports.kebabToCamel=u.kebabToCamel;exports.snakeToDotted=u.snakeToDotted;exports.toPascalCase=u.toPascalCase;exports.uncapitalize=u.uncapitalize;exports.getElementTransitionDurationMS=O.getElementTransitionDurationMS;exports.getElementTransitionDurationS=O.getElementTransitionDurationS;exports.changeHistory=g.changeHistory;exports.normalizeBase=g.normalizeBase;exports.splitPath=g.splitPath;exports.decode=w;exports.dotCircleCollision=q;exports.dotRectCollision=x;exports.encode=Q;exports.formatBytes=T;exports.getRootVariables=B;exports.insert=v;exports.shiftArray=P;

package/lib/utils/index.d.ts

@@ -1,6 +1,7 @@
 export * from './array';
 export * from './attributes';
 export * from './browser';
+export * from './bytes';
 export * from './canvas';
 export * from './collisions';
 export * from './coordinates';

package/lib/utils/index.js

@@ -1,148 +1,165 @@
-import { a as g, p as b } from "../attributes-69we3byR.js";
-import { i as C } from "../browser-0zX67oeU.js";
-import { a as S, c as O, f as y, m as w } from "../canvas-DeZ0SLUJ.js";
+import { a as h, p as b } from "../attributes-69we3byR.js";
+import { i as E } from "../browser-0zX67oeU.js";
+import { a as y, c as O, f as w, m as B } from "../canvas-DeZ0SLUJ.js";
 import { g as v, n as P, s as T } from "../coordinates-CgdGoSYs.js";
-import { f as Q, b as D, g as R, a as z } from "../dom-P5QbAASX.js";
-import { c as j, n as N, f as V, p as B, b as M, i as U, m as W, e as q, g as H, j as J, d as K, o as L, a as $, h as F, k as G, l as X } from "../easings-BKi40vHz.js";
-import { d as Z, a as _ } from "../events-CJTUMSLU.js";
-import { c as ae } from "../file-lxi_oXJf.js";
-import { d as te, t as oe } from "../function-C10DGppn.js";
-import { s as re } from "../gestures-D2Fdra_G.js";
-import { g as ce, a as ue, b as le } from "../layout-HoBT_Da2.js";
-import { e as pe, f as me, c as de, d as xe, l as ge, m as be, r as he, b as Ce, a as Ee, s as Se } from "../math-BOBiC4TN.js";
-import { n as ye, p as we, r as Ie, t as ve } from "../polyfills-X6KXuHg-.js";
-import { c as Te, d as Ae, i as Qe, b as De, a as Re, m as ze, e as ke, o as je, p as Ne } from "../object-D6MVWB4l.js";
-import { c as Be, a as Me, g as Ue, i as We, k as qe, s as He, t as Je, u as Ke } from "../string-f0Dnk0L1.js";
-import { g as $e, a as Fe } from "../style-j2TwriJ_.js";
-import { c as Xe, n as Ye, s as Ze } from "../url-DMNfW7uN.js";
-function i(a, e, ...s) {
-  return [...a.slice(0, e), ...s, ...a.slice(e)];
+import { f as Q, b as D, g as M, a as R } from "../dom-P5QbAASX.js";
+import { c as k, n as j, f as N, p as V, b as U, i as $, m as F, e as K, g as W, j as q, d as G, o as H, a as J, h as L, k as Y, l as Z } from "../easings-BKi40vHz.js";
+import { d as _, a as ee } from "../events-CJTUMSLU.js";
+import { c as te } from "../file-lxi_oXJf.js";
+import { d as oe, t as ne } from "../function-C10DGppn.js";
+import { s as ie } from "../gestures-D2Fdra_G.js";
+import { g as ue, a as le, b as fe } from "../layout-HoBT_Da2.js";
+import { e as me, f as de, c as ge, d as xe, l as he, m as be, r as Ce, b as Ee, a as Se, s as ye } from "../math-BOBiC4TN.js";
+import { n as we, p as Be, r as Ie, t as ve } from "../polyfills-X6KXuHg-.js";
+import { c as Te, d as Ae, i as Qe, b as De, a as Me, m as Re, e as ze, o as ke, p as je } from "../object-D6MVWB4l.js";
+import { c as Ve, a as Ue, g as $e, i as Fe, k as Ke, s as We, t as qe, u as Ge } from "../string-f0Dnk0L1.js";
+import { g as Je, a as Le } from "../style-j2TwriJ_.js";
+import { c as Ze, n as Xe, s as _e } from "../url-DMNfW7uN.js";
+function i(a, e, ...t) {
+  return [...a.slice(0, e), ...t, ...a.slice(e)];
 }
 function c(a, e) {
-  const s = a.length;
-  e = e % s;
-  const t = new Array(s);
-  for (let o = 0; o < s; o++) {
-    const n = (o + e) % s;
-    t[n] = a[o];
+  const t = a.length;
+  e = e % t;
+  const s = new Array(t);
+  for (let o = 0; o < t; o++) {
+    const n = (o + e) % t;
+    s[n] = a[o];
   }
-  return t;
+  return s;
 }
-function u(a, e) {
-  return a.x < e.x + e.width && a.x > e.x && a.y < e.y + e.height && a.y > e.y;
+function u(a, e = 2) {
+  if (!+a)
+    return "0 Bytes";
+  const t = 1024, s = e < 0 ? 0 : e, o = [
+    "Bytes",
+    "KiB",
+    "MiB",
+    "GiB",
+    "TiB",
+    "PiB",
+    "EiB",
+    "ZiB",
+    "YiB"
+  ], n = Math.floor(Math.log(a) / Math.log(t));
+  return `${parseFloat((a / Math.pow(t, n)).toFixed(s))} ${o[n]}`;
 }
 function l(a, e) {
+  return a.x < e.x + e.width && a.x > e.x && a.y < e.y + e.height && a.y > e.y;
+}
+function f(a, e) {
   return Math.sqrt((a.x - e.x) ** 2 + (a.y - e.y) ** 2) < e.radius;
 }
 function r(a, e) {
-  const s = a.styleMap.get(e);
-  if (s) {
-    const t = s.toString();
-    return t.startsWith("var") ? r(a, t.slice(4, -1)) : t;
+  const t = a.styleMap.get(e);
+  if (t) {
+    const s = t.toString();
+    return s.startsWith("var") ? r(a, s.slice(4, -1)) : s;
   }
 }
-function f(...a) {
+function p(...a) {
   const e = {};
-  return Array.from(document.styleSheets).forEach((s) => {
-    Array.from(s.cssRules).forEach((t) => {
-      t instanceof CSSStyleRule && t.selectorText === ":root" && a.forEach((o) => {
-        const n = r(t, o);
+  return Array.from(document.styleSheets).forEach((t) => {
+    Array.from(t.cssRules).forEach((s) => {
+      s instanceof CSSStyleRule && s.selectorText === ":root" && a.forEach((o) => {
+        const n = r(s, o);
         n && (e[o] = n);
       });
     });
-  }), a.forEach((s) => {
-    e[s] || console.warn(`variable named ${s} not found`);
+  }), a.forEach((t) => {
+    e[t] || console.warn(`variable named ${t} not found`);
   }), e;
 }
-function p(a) {
+function m(a) {
   const e = window.atob(a);
   return decodeURIComponent(window.escape(e));
 }
-function m(a) {
+function d(a) {
   const e = window.unescape(encodeURIComponent(a));
   return window.btoa(e);
 }
 export {
-  pe as calculateDistance,
-  me as calculateDistanceWithRadius,
-  Be as camelToKebab,
-  Me as capitalize,
-  Xe as changeHistory,
-  de as clamp,
+  me as calculateDistance,
+  de as calculateDistanceWithRadius,
+  Ve as camelToKebab,
+  Ue as capitalize,
+  Ze as changeHistory,
+  ge as clamp,
   Te as cloneDeep,
   Ae as compareObjects,
-  S as contain,
+  y as contain,
   O as cover,
-  ae as createJSONAndSave,
+  te as createJSONAndSave,
   xe as damp,
-  te as debounce,
-  m as decode,
-  Z as dispatchBeforeSizeChangeEvent,
-  _ as dispatchSizeChangeEvent,
-  l as dotCircleCollision,
-  u as dotRectCollision,
-  j as easeInCubic,
-  N as easeInExpo,
-  V as easeInOutCubic,
-  B as easeInOutExpo,
-  M as easeInOutQuad,
-  U as easeInOutQuart,
-  W as easeInOutQuint,
-  q as easeInQuad,
-  H as easeInQuart,
-  J as easeInQuint,
-  K as easeOutCubic,
-  L as easeOutExpo,
-  $ as easeOutQuad,
-  F as easeOutQuart,
-  G as easeOutQuint,
-  p as encode,
+  oe as debounce,
+  d as decode,
+  _ as dispatchBeforeSizeChangeEvent,
+  ee as dispatchSizeChangeEvent,
+  f as dotCircleCollision,
+  l as dotRectCollision,
+  k as easeInCubic,
+  j as easeInExpo,
+  N as easeInOutCubic,
+  V as easeInOutExpo,
+  U as easeInOutQuad,
+  $ as easeInOutQuart,
+  F as easeInOutQuint,
+  K as easeInQuad,
+  W as easeInQuart,
+  q as easeInQuint,
+  G as easeOutCubic,
+  H as easeOutExpo,
+  J as easeOutQuad,
+  L as easeOutQuart,
+  Y as easeOutQuint,
+  m as encode,
   Q as findParentElement,
   D as findScrollParentElement,
-  y as fixPosition,
-  Ue as generateId,
-  R as getAllParentElements,
-  ce as getCumulativeOffsetLeft,
-  ue as getCumulativeOffsetTop,
-  le as getCumulativePosition,
-  z as getElement,
-  $e as getElementTransitionDurationMS,
-  Fe as getElementTransitionDurationS,
+  w as fixPosition,
+  u as formatBytes,
+  $e as generateId,
+  M as getAllParentElements,
+  ue as getCumulativeOffsetLeft,
+  le as getCumulativeOffsetTop,
+  fe as getCumulativePosition,
+  R as getElement,
+  Je as getElementTransitionDurationMS,
+  Le as getElementTransitionDurationS,
   v as getPointerPosition,
-  f as getRootVariables,
+  p as getRootVariables,
   i as insert,
-  C as isBrowser,
+  E as isBrowser,
   Qe as isESClass,
   De as isNullish,
-  Re as isObject,
-  We as isUppercase,
-  qe as kebabToCamel,
-  ge as lerp,
-  X as linear,
+  Me as isObject,
+  Fe as isUppercase,
+  Ke as kebabToCamel,
+  he as lerp,
+  Z as linear,
   be as mapRange,
-  w as measureText,
-  ze as mergeDeep,
-  ke as mixin,
+  B as measureText,
+  Re as mergeDeep,
+  ze as mixin,
   P as normalize,
-  Ye as normalizeBase,
-  ye as nullishCoalescing,
-  je as omit,
-  g as parseAttribute,
+  Xe as normalizeBase,
+  we as nullishCoalescing,
+  ke as omit,
+  h as parseAttribute,
   b as parseAttributeValue,
-  Ne as pick,
-  we as preciseNumber,
-  he as round,
+  je as pick,
+  Be as preciseNumber,
+  Ce as round,
   Ie as roundNumberTo,
   T as screenToCartesian,
-  re as setupDrag,
+  ie as setupDrag,
   c as shiftArray,
-  Ce as smootherstep,
-  Ee as smoothstep,
-  He as snakeToDotted,
-  Ze as splitPath,
-  Se as step,
-  oe as throttle,
-  Je as toPascalCase,
+  Ee as smootherstep,
+  Se as smoothstep,
+  We as snakeToDotted,
+  _e as splitPath,
+  ye as step,
+  ne as throttle,
+  qe as toPascalCase,
   ve as toStep,
-  Ke as uncapitalize
+  Ge as uncapitalize
 };

package/lib/video/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../custom-element/index.cjs");require("../window-resizer/index.cjs");require("../Store-Cr3VaD9G.cjs");const v=require("../source/index.cjs"),d=require("../ticker/index.cjs");var E=Object.defineProperty,f=Object.getOwnPropertyDescriptor,_=(t,e,r,i)=>{for(var s=i>1?void 0:i?f(e,r):e,o=t.length-1,u;o>=0;o--)(u=t[o])&&(s=(i?u(e,r,s):u(s))||s);return i&&s&&E(e,r,s),s},p=(t,e,r)=>{if(!e.has(t))throw TypeError("Cannot "+r)},n=(t,e,r)=>(p(t,e,"read from private field"),r?r.call(t):e.get(t)),l=(t,e,r)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,r)},h=(t,e,r,i)=>(p(t,e,"write to private field"),e.set(t,r),r),a,c;exports.VideoElement=class extends v.SourceElement{constructor(){super(...arguments),l(this,a,0),l(this,c,()=>{this.classList.add(`state-${this.consumerElement.readyState}`);const e=this.consumerElement.readyState/4;e>n(this,a)&&h(this,a,e),this.dispatchEvent(new CustomEvent("readyStateChange",{detail:{readyState:this.consumerElement.readyState,progress:n(this,a)}})),this.consumerElement.readyState===4&&d.ticker.unsubscribe(n(this,c))})}connectedCallback(){super.connectedCallback(),this.addEventListener("sourceCapture",()=>{d.ticker.subscribe(n(this,c)),this.hasAttribute("capture-autoplay")&&this.consumerElement.play()}),this.addEventListener("sourceRelease",()=>{this.hasAttribute("capture-autoplay")&&(this.consumerElement.pause(),this.hasAttribute("replay")&&(this.consumerElement.currentTime=0)),this.hasAttribute("reload-source")&&this.classList.remove("state-0","state-1","state-2","state-3","state-4")})}disconnectedCallback(){super.disconnectedCallback(),d.ticker.unsubscribe(n(this,c)),h(this,a,0)}createConsumer(){return document.createElement("video")}consumeSource(e){this.consumerElement.src=e||""}};a=new WeakMap;c=new WeakMap;exports.VideoElement=_([m.define("e-video")],exports.VideoElement);
+"use strict";var l=(t,s,e)=>{if(!s.has(t))throw TypeError("Cannot "+e)};var i=(t,s,e)=>(l(t,s,"read from private field"),e?e.call(t):s.get(t)),n=(t,s,e)=>{if(s.has(t))throw TypeError("Cannot add the same private member more than once");s instanceof WeakSet?s.add(t):s.set(t,e)},c=(t,s,e,o)=>(l(t,s,"write to private field"),o?o.call(t,e):s.set(t,e),e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../window-resizer/index.cjs");require("../Store-Cr3VaD9G.cjs");const h=require("../source/index.cjs"),u=require("../ticker/index.cjs");var r,a;class d extends h.SourceElement{constructor(){super(...arguments);n(this,r,0);n(this,a,()=>{this.classList.add(`state-${this.consumerElement.readyState}`);const e=this.consumerElement.readyState/4;e>i(this,r)&&c(this,r,e),this.dispatchEvent(new CustomEvent("readyStateChange",{detail:{readyState:this.consumerElement.readyState,progress:i(this,r)}})),this.consumerElement.readyState===4&&u.ticker.unsubscribe(i(this,a))})}connectedCallback(){super.connectedCallback(),this.addEventListener("sourceCapture",()=>{u.ticker.subscribe(i(this,a)),this.hasAttribute("capture-autoplay")&&this.consumerElement.play()}),this.addEventListener("sourceRelease",()=>{this.hasAttribute("capture-autoplay")&&(this.consumerElement.pause(),this.hasAttribute("replay")&&(this.consumerElement.currentTime=0)),this.hasAttribute("reload-source")&&this.classList.remove("state-0","state-1","state-2","state-3","state-4")})}disconnectedCallback(){super.disconnectedCallback(),u.ticker.unsubscribe(i(this,a)),c(this,r,0)}createConsumer(){return document.createElement("video")}consumeSource(e){this.consumerElement.src=e||""}}r=new WeakMap,a=new WeakMap;customElements.get("e-video")||customElements.define("e-video",d);exports.VideoElement=d;

package/lib/video/index.js

@@ -1,38 +1,37 @@
-import { define as v } from "../custom-element/index.js";
+var m = (t, s, e) => {
+  if (!s.has(t))
+    throw TypeError("Cannot " + e);
+};
+var i = (t, s, e) => (m(t, s, "read from private field"), e ? e.call(t) : s.get(t)), n = (t, s, e) => {
+  if (s.has(t))
+    throw TypeError("Cannot add the same private member more than once");
+  s instanceof WeakSet ? s.add(t) : s.set(t, e);
+}, c = (t, s, e, u) => (m(t, s, "write to private field"), u ? u.call(t, e) : s.set(t, e), e);
 import "../window-resizer/index.js";
 import "../Store-Qr3SNOSf.js";
-import { SourceElement as f } from "../source/index.js";
-import { ticker as h } from "../ticker/index.js";
-var E = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, y = (e, t, s, i) => {
-  for (var r = i > 1 ? void 0 : i ? _(t, s) : t, o = e.length - 1, u; o >= 0; o--)
-    (u = e[o]) && (r = (i ? u(t, s, r) : u(r)) || r);
-  return i && r && E(t, s, r), r;
-}, m = (e, t, s) => {
-  if (!t.has(e))
-    throw TypeError("Cannot " + s);
-}, n = (e, t, s) => (m(e, t, "read from private field"), s ? s.call(e) : t.get(e)), l = (e, t, s) => {
-  if (t.has(e))
-    throw TypeError("Cannot add the same private member more than once");
-  t instanceof WeakSet ? t.add(e) : t.set(e, s);
-}, d = (e, t, s, i) => (m(e, t, "write to private field"), t.set(e, s), s), a, c;
-let p = class extends f {
+import { SourceElement as h } from "../source/index.js";
+import { ticker as o } from "../ticker/index.js";
+var r, a;
+class l extends h {
   constructor() {
-    super(...arguments), l(this, a, 0), l(this, c, () => {
+    super(...arguments);
+    n(this, r, 0);
+    n(this, a, () => {
       this.classList.add(`state-${this.consumerElement.readyState}`);
       const e = this.consumerElement.readyState / 4;
-      e > n(this, a) && d(this, a, e), this.dispatchEvent(
+      e > i(this, r) && c(this, r, e), this.dispatchEvent(
         new CustomEvent("readyStateChange", {
           detail: {
             readyState: this.consumerElement.readyState,
-            progress: n(this, a)
+            progress: i(this, r)
           }
         })
-      ), this.consumerElement.readyState === 4 && h.unsubscribe(n(this, c));
+      ), this.consumerElement.readyState === 4 && o.unsubscribe(i(this, a));
     });
   }
   connectedCallback() {
     super.connectedCallback(), this.addEventListener("sourceCapture", () => {
-      h.subscribe(n(this, c)), this.hasAttribute("capture-autoplay") && this.consumerElement.play();
+      o.subscribe(i(this, a)), this.hasAttribute("capture-autoplay") && this.consumerElement.play();
     }), this.addEventListener("sourceRelease", () => {
       this.hasAttribute("capture-autoplay") && (this.consumerElement.pause(), this.hasAttribute("replay") && (this.consumerElement.currentTime = 0)), this.hasAttribute("reload-source") && this.classList.remove(
         "state-0",
@@ -44,7 +43,7 @@ let p = class extends f {
     });
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), h.unsubscribe(n(this, c)), d(this, a, 0);
+    super.disconnectedCallback(), o.unsubscribe(i(this, a)), c(this, r, 0);
   }
   createConsumer() {
     return document.createElement("video");
@@ -52,12 +51,9 @@ let p = class extends f {
   consumeSource(e) {
     this.consumerElement.src = e || "";
   }
-};
-a = /* @__PURE__ */ new WeakMap();
-c = /* @__PURE__ */ new WeakMap();
-p = y([
-  v("e-video")
-], p);
+}
+r = new WeakMap(), a = new WeakMap();
+customElements.get("e-video") || customElements.define("e-video", l);
 export {
-  p as VideoElement
+  l as VideoElement
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aptechka",
-  "version": "0.8.4",
+  "version": "0.10.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/denisavitski/aptechka.git"
@@ -73,11 +73,6 @@
       "default": "./lib/css-value-parser/index.js",
       "types": "./lib/css-value-parser/index.d.ts"
     },
-    "./custom-element": {
-      "require": "./lib/custom-element/index.cjs",
-      "default": "./lib/custom-element/index.js",
-      "types": "./lib/custom-element/index.d.ts"
-    },
     "./dev": {
       "require": "./lib/dev/index.cjs",
       "default": "./lib/dev/index.js",
@@ -138,6 +133,51 @@
       "default": "./lib/intersector/index.js",
       "types": "./lib/intersector/index.d.ts"
     },
+    "./jsx": {
+      "require": "./lib/jsx/index.cjs",
+      "default": "./lib/jsx/index.js",
+      "types": "./lib/jsx/index.d.ts"
+    },
+    "./jsx/hooks/animation": {
+      "require": "./lib/jsx/hooks/animation/index.cjs",
+      "default": "./lib/jsx/hooks/animation/index.js",
+      "types": "./lib/jsx/hooks/animation/index.d.ts"
+    },
+    "./jsx/hooks/store": {
+      "require": "./lib/jsx/hooks/store/index.cjs",
+      "default": "./lib/jsx/hooks/store/index.js",
+      "types": "./lib/jsx/hooks/store/index.d.ts"
+    },
+    "./jsx/hooks/onAnimationFrame": {
+      "require": "./lib/jsx/hooks/onAnimationFrame.cjs",
+      "default": "./lib/jsx/hooks/onAnimationFrame.js",
+      "types": "./lib/jsx/hooks/onAnimationFrame.d.ts"
+    },
+    "./jsx/hooks/onElementResize": {
+      "require": "./lib/jsx/hooks/onElementResize.cjs",
+      "default": "./lib/jsx/hooks/onElementResize.js",
+      "types": "./lib/jsx/hooks/onElementResize.d.ts"
+    },
+    "./jsx/hooks/onIntersection": {
+      "require": "./lib/jsx/hooks/onIntersection.cjs",
+      "default": "./lib/jsx/hooks/onIntersection.js",
+      "types": "./lib/jsx/hooks/onIntersection.d.ts"
+    },
+    "./jsx/hooks/onWindowResize": {
+      "require": "./lib/jsx/hooks/onWindowResize.cjs",
+      "default": "./lib/jsx/hooks/onWindowResize.js",
+      "types": "./lib/jsx/hooks/onWindowResize.d.ts"
+    },
+    "./jsx/hooks/watchAttribute": {
+      "require": "./lib/jsx/hooks/watchAttribute.cjs",
+      "default": "./lib/jsx/hooks/watchAttribute.js",
+      "types": "./lib/jsx/hooks/watchAttribute.d.ts"
+    },
+    "./jsx/hooks/watchCSSProperty": {
+      "require": "./lib/jsx/hooks/watchCSSProperty.cjs",
+      "default": "./lib/jsx/hooks/watchCSSProperty.js",
+      "types": "./lib/jsx/hooks/watchCSSProperty.d.ts"
+    },
     "./ladder": {
       "require": "./lib/ladder/index.cjs",
       "default": "./lib/ladder/index.js",
@@ -302,9 +342,6 @@
       "css-value-parser": [
         "lib/css-value-parser/index.d.ts"
       ],
-      "custom-element": [
-        "lib/custom-element/index.d.ts"
-      ],
       "dev": [
         "lib/dev/index.d.ts"
       ],
@@ -341,6 +378,33 @@
       "intersector": [
         "lib/intersector/index.d.ts"
       ],
+      "jsx": [
+        "lib/jsx/index.d.ts"
+      ],
+      "jsx/hooks/animation": [
+        "lib/jsx/hooks/animation/index.d.ts"
+      ],
+      "jsx/hooks/store": [
+        "lib/jsx/hooks/store/index.d.ts"
+      ],
+      "jsx/hooks/onAnimationFrame": [
+        "lib/jsx/hooks/onAnimationFrame.d.ts"
+      ],
+      "jsx/hooks/onElementResize": [
+        "lib/jsx/hooks/onElementResize.d.ts"
+      ],
+      "jsx/hooks/onIntersection": [
+        "lib/jsx/hooks/onIntersection.d.ts"
+      ],
+      "jsx/hooks/onWindowResize": [
+        "lib/jsx/hooks/onWindowResize.d.ts"
+      ],
+      "jsx/hooks/watchAttribute": [
+        "lib/jsx/hooks/watchAttribute.d.ts"
+      ],
+      "jsx/hooks/watchCSSProperty": [
+        "lib/jsx/hooks/watchCSSProperty.d.ts"
+      ],
       "ladder": [
         "lib/ladder/index.d.ts"
       ],

package/lib/custom-element/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../browser-CpzFX2xg.cjs");function n(t,e){return function(s){o.isBrowser&&!customElements.get(t)&&customElements.define(t,s,{extends:e})}}function i(t,e,s){o.isBrowser&&!customElements.get(t)&&customElements.define(t,e,{extends:s})}const d=o.isBrowser?window.HTMLElement:class{attachShadow(){}};class r extends d{openShadow(...e){if(!this.shadowRoot&&o.isBrowser){const s=this.attachShadow({mode:"open"});return this.addStylesheet(...e),s}return this.shadowRoot}addStylesheet(...e){this.shadowRoot&&o.isBrowser&&this.shadowRoot.adoptedStyleSheets.push(...e)}}exports.CustomElement=r;exports.define=n;exports.defineElement=i;

package/lib/custom-element/index.d.ts

@@ -1,8 +0,0 @@
-export declare function define(name: string, extend?: keyof HTMLElementTagNameMap): (Constructor: CustomElementConstructor) => void;
-export declare function defineElement(name: string, Constructor: CustomElementConstructor, extend?: keyof HTMLElementTagNameMap): void;
-declare const HTMLElement: typeof window.HTMLElement;
-export declare class CustomElement extends HTMLElement {
-    openShadow(...stylesheets: Array<CSSStyleSheet>): ShadowRoot;
-    addStylesheet(...stylesheets: Array<CSSStyleSheet>): void;
-}
-export {};

package/lib/custom-element/index.js

@@ -1,30 +0,0 @@
-import { i as o } from "../browser-0zX67oeU.js";
-function i(e, t) {
-  return function(s) {
-    o && !customElements.get(e) && customElements.define(e, s, { extends: t });
-  };
-}
-function h(e, t, s) {
-  o && !customElements.get(e) && customElements.define(e, t, { extends: s });
-}
-const n = o ? window.HTMLElement : class {
-  attachShadow() {
-  }
-};
-class a extends n {
-  openShadow(...t) {
-    if (!this.shadowRoot && o) {
-      const s = this.attachShadow({ mode: "open" });
-      return this.addStylesheet(...t), s;
-    }
-    return this.shadowRoot;
-  }
-  addStylesheet(...t) {
-    this.shadowRoot && o && this.shadowRoot.adoptedStyleSheets.push(...t);
-  }
-}
-export {
-  a as CustomElement,
-  i as define,
-  h as defineElement
-};

package/lib/index-CzpP1Tg6.cjs

@@ -1,9 +0,0 @@
-"use strict";var z=(t,e,s)=>{if(!e.has(t))throw TypeError("Cannot "+s)};var D=(t,e,s)=>(z(t,e,"read from private field"),s?s.call(t):e.get(t)),A=(t,e,s)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,s)},H=(t,e,s,n)=>(z(t,e,"write to private field"),n?n.call(t,s):e.set(t,s),s);const y=require("./custom-element/index.cjs");require("./Store-Cr3VaD9G.cjs");const M=require("./browser-CpzFX2xg.cjs"),R=require("./events-BGwqaxVW.cjs"),N=require("./style-At6aDoqG.cjs"),a=require("./tags-CAfasCGV.cjs"),W=require("./createStylesheet-BsMSWX0q.cjs"),V=require("./theme/index.cjs");var Y=Object.defineProperty,Z=Object.getOwnPropertyDescriptor,J=(t,e,s,n)=>{for(var i=n>1?void 0:n?Z(e,s):e,l=t.length-1,o;l>=0;l--)(o=t[l])&&(i=(n?o(e,s,i):o(i))||i);return n&&i&&Y(e,s,i),i},P=(t,e,s)=>{if(!e.has(t))throw TypeError("Cannot "+s)},r=(t,e,s)=>(P(t,e,"read from private field"),s?s.call(t):e.get(t)),c=(t,e,s)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,s)},d=(t,e,s,n)=>(P(t,e,"write to private field"),e.set(t,s),s),I=(t,e,s)=>(P(t,e,"access private method"),s),u,f,h,v,g,m,$,S,b;const Q=W.createStylesheet({":host":{position:"relative"},".head":{width:"100%",cursor:"default",background:"none",border:"none",color:"inherit",fontFamily:"inherit",fontSize:"inherit",fontWeight:"inherit",textAlign:"start",padding:"0",margin:"0"},".body":{boxSizing:"border-box",position:"var(--position, unset)",top:"100%",left:"0",width:"100%",overflow:"hidden",transitionDuration:"var(--duration, var(--duration-short))",transitionProperty:"height",cursor:"default"},".body-inner":{display:"grid",gap:"var(--gap, 0px)",width:"100%",paddingTop:"var(--gap, 0px)"}});exports.SelectElement=class extends y.CustomElement{constructor(){super(),c(this,S),c(this,u,null),c(this,f,""),c(this,h,null),c(this,v,!1),c(this,g,void 0),c(this,m,null),c(this,$,()=>{R.dispatchSizeChangeEvent(this)}),M.isBrowser&&(this.openShadow(Q),d(this,u,this.attachInternals()),d(this,m,new ResizeObserver(r(this,$))),a.element(this,{children:[a.button({class:"head",children:a.slot({name:"head"}),onClick:()=>{this.opened?this.close():this.open()}}),a.div({class:"body",style:{height:"0px"},children:a.div({class:"body-inner",children:a.slot()}),ref:e=>{d(this,h,e)}})]}))}get value(){return r(this,f)}set value(e){d(this,f,e),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})),r(this,u).setFormValue(r(this,f))}get internals(){return r(this,u)}get opened(){return r(this,v)}open(){clearTimeout(r(this,g)),d(this,v,!0),r(this,h).style.display="grid",this.classList.add("triggered"),setTimeout(()=>{this.classList.add("opened"),r(this,h).style.height=r(this,h).scrollHeight+"px",I(this,S,b).call(this)},0)}close(){d(this,v,!1),r(this,h).style.height="0px",this.classList.remove("opened"),I(this,S,b).call(this),d(this,g,setTimeout(()=>{this.classList.remove("triggered"),r(this,h).style.display="none"},N.getElementTransitionDurationMS(r(this,h))))}connectedCallback(){r(this,m).observe(r(this,h))}disconnectedCallback(){clearTimeout(r(this,g)),r(this,m).disconnect()}};u=new WeakMap;f=new WeakMap;h=new WeakMap;v=new WeakMap;g=new WeakMap;m=new WeakMap;$=new WeakMap;S=new WeakSet;b=function(){R.dispatchBeforeSizeChangeEvent(this),this.dispatchEvent(new CustomEvent("selectToggle",{bubbles:!0,composed:!0,detail:{opened:r(this,v)}}))};exports.SelectElement.formAssociated=!0;exports.SelectElement=J([y.define("e-select")],exports.SelectElement);var E;class q extends y.CustomElement{constructor(){super(...arguments);A(this,E,null)}get selectElement(){return D(this,E)}connectedCallback(){var n,i;const s=(i=(n=this.assignedSlot)==null?void 0:n.getRootNode())==null?void 0:i.host;s?H(this,E,s):console.log(this,"e-select not found")}}E=new WeakMap;var X=Object.defineProperty,j=Object.getOwnPropertyDescriptor,ee=(t,e,s,n)=>{for(var i=n>1?void 0:n?j(e,s):e,l=t.length-1,o;l>=0;l--)(o=t[l])&&(i=(n?o(e,s,i):o(i))||i);return n&&i&&X(e,s,i),i},F=(t,e,s)=>{if(!e.has(t))throw TypeError("Cannot "+s)},k=(t,e,s)=>(F(t,e,"read from private field"),s?s.call(t):e.get(t)),B=(t,e,s)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,s)},G=(t,e,s)=>(F(t,e,"access private method"),s),w,C,L;const te=W.createStylesheet({":host":{width:"100%",height:"40px",display:"inline-flex",alignItems:"center"}});exports.SelectOptionElement=class extends q{constructor(){super(),B(this,C),B(this,w,()=>{this.selectElement.value===this.value?this.style.display="none":this.style.display=""}),M.isBrowser&&(this.openShadow(te),a.element(this,{tabindex:0,onClick:()=>{G(this,C,L).call(this)},onKeydown:e=>{e.code==="Space"&&G(this,C,L).call(this)},children:a.slot()}))}get value(){return(this.hasAttribute("value")?this.getAttribute("value"):this.innerText)||""}connectedCallback(){super.connectedCallback(),this.hasAttribute("default")&&(this.selectElement.value||(this.selectElement.value=this.value)),this.selectElement.addEventListener("change",k(this,w)),setTimeout(()=>{k(this,w).call(this)})}disconnectedCallback(){this.selectElement.removeEventListener("change",k(this,w))}};w=new WeakMap;C=new WeakSet;L=function(){this.selectElement.value=this.value,this.selectElement.close()};exports.SelectOptionElement=ee([y.define("e-select-option")],exports.SelectOptionElement);const U=`<svg
-  xmlns="http://www.w3.org/2000/svg"
-  width="32"
-  height="32"
-  viewBox="0 0 24 24"
->
-  <path d="m12.37 15.835l6.43-6.63C19.201 8.79 18.958 8 18.43 8H5.57c-.528 0-.771.79-.37 1.205l6.43 6.63c.213.22.527.22.74 0Z" />
-</svg>
-`;var se=Object.defineProperty,ie=Object.getOwnPropertyDescriptor,ne=(t,e,s,n)=>{for(var i=n>1?void 0:n?ie(e,s):e,l=t.length-1,o;l>=0;l--)(o=t[l])&&(i=(n?o(e,s,i):o(i))||i);return n&&i&&se(e,s,i),i},K=(t,e,s)=>{if(!e.has(t))throw TypeError("Cannot "+s)},p=(t,e,s)=>(K(t,e,"read from private field"),s?s.call(t):e.get(t)),O=(t,e,s)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,s)},re=(t,e,s,n)=>(K(t,e,"write to private field"),e.set(t,s),s),x,_,T;const ae=W.createStylesheet({":host":{width:"100%",height:"40px",display:"inline-flex",alignItems:"center",justifyContent:"space-between"},".default-arrow":{flexShrink:"0",width:"var(--arrow-size, 1em)",height:"var(--arrow-size, 1em)",fill:`var(--arrow-color, ${V.aptechkaTheme.colorMain.var})`,transitionProperty:"transform",transitionDuration:"var(--duration, var(--duration-short))"},":host(.opened) .default-arrow":{transform:"scaleY(-1)"}});exports.SelectHeadElement=class extends q{constructor(){super(),O(this,x,null),O(this,_,()=>{const s=this.selectElement.shadowRoot.querySelector(".body slot").assignedElements().find(n=>n.value===this.selectElement.value);s&&(p(this,x).innerHTML=s.innerHTML)}),O(this,T,()=>{this.classList.toggle("opened",this.selectElement.opened)}),M.isBrowser&&(this.openShadow(ae),a.element(this,{children:[a.slot(),a.slot({name:"arrow",children:a.element(U,{class:"default-arrow"})})]}),this.slot="head")}connectedCallback(){super.connectedCallback(),re(this,x,this.querySelector("[data-value-holder]")||this),this.selectElement.addEventListener("change",p(this,_)),p(this,_).call(this),this.selectElement.addEventListener("selectToggle",p(this,T))}disconnectedCallback(){this.selectElement.removeEventListener("change",p(this,_)),this.selectElement.removeEventListener("selectToggle",p(this,T))}};x=new WeakMap;_=new WeakMap;T=new WeakMap;exports.SelectHeadElement=ne([y.define("e-select-head")],exports.SelectHeadElement);exports.SelectUserElement=q;exports.arrowIcon=U;