aptechka 0.1.9 → 0.1.11

package/lib/Composed-C2Vv1xxR.cjs

@@ -0,0 +1 @@
+"use strict";var g=(r,s,e)=>{if(!s.has(r))throw TypeError("Cannot "+e)};var t=(r,s,e)=>(g(r,s,"read from private field"),e?e.call(r):s.get(r)),h=(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)},f=(r,s,e,c)=>(g(r,s,"write to private field"),c?c.call(r,e):s.set(r,e),e);const x=require("./Store-D0_rDIsE.cjs"),v=require("./function-MthRj-GJ.cjs");var a;class C extends x.Store{constructor(e,c,u){super(null,u);h(this,a,void 0);f(this,a,e.subscribe(o=>{const l=[];o.current.forEach((m,p)=>{var S;o.current[p]===((S=o.previous)==null?void 0:S[p])&&this.current[p]?l.push(this.current[p]):l.push(c(m))}),this.current=l}))}close(){super.close(),t(this,a).call(this)}}a=new WeakMap;var d,n,i;class E extends x.Store{constructor(e,c,u){super(e,u);h(this,d,void 0);h(this,n,void 0);h(this,i,0);f(this,n,new x.Store(!1)),f(this,d,c),u!=null&&u.manualControl||this.refetch()}get isPending(){return t(this,n)}refetch(){t(this,n).current=!0,f(this,i,t(this,i)+1);const e=t(this,i);t(this,d).call(this).then(c=>{e===t(this,i)&&(t(this,n).current=!1,this.current=c)})}}d=new WeakMap,n=new WeakMap,i=new WeakMap;var b;class q extends x.Store{constructor(e,c,u){super(null,u);h(this,b,[]);const o=v.debounce(()=>{this.current=c()},0);e.forEach(l=>{t(this,b).push(l.subscribe(()=>{o()}))})}close(){super.close(),t(this,b).forEach(e=>e())}}b=new WeakMap;exports.Composed=q;exports.DerivedArray=C;exports.Resource=E;

package/lib/Composed-DhtYBEmo.js

@@ -0,0 +1,79 @@
+var g = (e, r, s) => {
+  if (!r.has(e))
+    throw TypeError("Cannot " + s);
+};
+var t = (e, r, s) => (g(e, r, "read from private field"), s ? s.call(e) : r.get(e)), n = (e, r, s) => {
+  if (r.has(e))
+    throw TypeError("Cannot add the same private member more than once");
+  r instanceof WeakSet ? r.add(e) : r.set(e, s);
+}, l = (e, r, s, c) => (g(e, r, "write to private field"), c ? c.call(e, s) : r.set(e, s), s);
+import { S as m } from "./Store-JOKrNVEr.js";
+import { d as E } from "./function-C10DGppn.js";
+var f;
+class P extends m {
+  constructor(s, c, u) {
+    super(null, u);
+    n(this, f, void 0);
+    l(this, f, s.subscribe((o) => {
+      const a = [];
+      o.current.forEach((C, p) => {
+        var x;
+        o.current[p] === ((x = o.previous) == null ? void 0 : x[p]) && this.current[p] ? a.push(this.current[p]) : a.push(c(C));
+      }), this.current = a;
+    }));
+  }
+  close() {
+    super.close(), t(this, f).call(this);
+  }
+}
+f = new WeakMap();
+var d, h, i;
+class R extends m {
+  constructor(s, c, u) {
+    super(s, u);
+    n(this, d, void 0);
+    n(this, h, void 0);
+    n(this, i, 0);
+    l(this, h, new m(!1)), l(this, d, c), u != null && u.manualControl || this.refetch();
+  }
+  get isPending() {
+    return t(this, h);
+  }
+  /**
+   * Calls fetcher again and sets isPending to true.
+   */
+  refetch() {
+    t(this, h).current = !0, l(this, i, t(this, i) + 1);
+    const s = t(this, i);
+    t(this, d).call(this).then((c) => {
+      s === t(this, i) && (t(this, h).current = !1, this.current = c);
+    });
+  }
+}
+d = new WeakMap(), h = new WeakMap(), i = new WeakMap();
+var b;
+class S extends m {
+  constructor(s, c, u) {
+    super(null, u);
+    n(this, b, []);
+    const o = E(() => {
+      this.current = c();
+    }, 0);
+    s.forEach((a) => {
+      t(this, b).push(
+        a.subscribe(() => {
+          o();
+        })
+      );
+    });
+  }
+  close() {
+    super.close(), t(this, b).forEach((s) => s());
+  }
+}
+b = new WeakMap();
+export {
+  S as C,
+  P as D,
+  R
+};

package/lib/abstract-elements/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../custom-element/index.cjs");require("../Store-D0_rDIsE.cjs");const r=require("../browser-CpzFX2xg.cjs"),s=require("../tags-920hsh9U.cjs");class o extends t.CustomElement{constructor(){super(),r.isBrowser&&s.element(this,{style:{cursor:"default"},tabIndex:this.getAttribute("tabindex")||"0",role:"button",onKeydown:e=>{e.code==="Space"&&this.click()},onClick:()=>{this.click()}})}}exports.AbstractButtonElement=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../custom-element/index.cjs");require("../Store-D0_rDIsE.cjs");const r=require("../browser-CpzFX2xg.cjs"),s=require("../tags-75InVOh4.cjs");class o extends t.CustomElement{constructor(){super(),r.isBrowser&&s.element(this,{style:{cursor:"default"},tabIndex:this.getAttribute("tabindex")||"0",role:"button",onKeydown:e=>{e.code==="Space"&&this.click()},onClick:()=>{this.click()}})}}exports.AbstractButtonElement=o;

package/lib/abstract-elements/index.js

@@ -1,7 +1,7 @@
 import { CustomElement as e } from "../custom-element/index.js";
 import "../Store-JOKrNVEr.js";
 import { i as o } from "../browser-0zX67oeU.js";
-import { e as r } from "../tags-kZqsS_nJ.js";
+import { e as r } from "../tags-DgRVzazL.js";
 class l extends e {
   constructor() {
     super(), o && r(this, {

package/lib/canvas/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("../custom-element/index.cjs");require("../Store-D0_rDIsE.cjs");const M=require("../math-GDWEqu7y.cjs"),x=require("../tags-920hsh9U.cjs"),W=require("../createStylesheet-BoJwXvjE.cjs"),y=require("../notifier/index.cjs"),k=require("../element-resizer/index.cjs"),E=require("../ticker/index.cjs");var b=Object.defineProperty,q=Object.getOwnPropertyDescriptor,S=(i,e,s,r)=>{for(var h=r>1?void 0:r?q(e,s):e,f=i.length-1,g;f>=0;f--)(g=i[f])&&(h=(r?g(e,s,h):g(h))||h);return r&&h&&b(e,s,h),h},C=(i,e,s)=>{if(!e.has(i))throw TypeError("Cannot "+s)},t=(i,e,s)=>(C(i,e,"read from private field"),s?s.call(i):e.get(i)),n=(i,e,s)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,s)},c=(i,e,s,r)=>(C(i,e,"write to private field"),r?r.call(i,s):e.set(i,s),s),p,a,d,l,o,u,v,_,w,m;const P=W.createStylesheet({":host, canvas":{display:"block",width:"100%",height:"100%"}});exports.CanvasElement=class extends R.CustomElement{constructor(){super(),n(this,p,new y.Notifier),n(this,a,null),n(this,d,null),n(this,l,0),n(this,o,0),n(this,u,1),n(this,v,0),n(this,_,1),n(this,w,e=>{c(this,u,M.clamp(devicePixelRatio,1,2)),c(this,l,e.contentRect.width),c(this,o,e.contentRect.height),t(this,a).width=t(this,l)*this.pixelRatio,t(this,a).height=t(this,o)*this.pixelRatio,this.context.scale(this.pixelRatio,this.pixelRatio),this.renderEvent.notify(this.detail)}),n(this,m,e=>{c(this,v,e.timestamp),c(this,_,e.elapsed),t(this,p).notify(this.detail)}),this.openShadow(P),x.element(this,{children:x.canvas({ref:e=>{c(this,a,e),c(this,d,e.getContext("2d"))}})})}get renderEvent(){return t(this,p)}get canvasElement(){return t(this,a)}get context(){return t(this,d)}get pixelRatio(){return t(this,u)}get width(){return t(this,l)}get height(){return t(this,o)}get detail(){return{width:t(this,l),height:t(this,o),element:this,canvasElement:t(this,a),pixelRatio:t(this,u),context:t(this,d),timestamp:t(this,v),elapsed:t(this,_)}}connectedCallback(){k.elementResizer.subscribe(this,t(this,w)),this.hasAttribute("static")||E.ticker.subscribe(t(this,m),{culling:this,maxFPS:this.hasAttribute("fps")?parseInt(this.getAttribute("fps")):void 0})}disconnectedCallback(){k.elementResizer.unsubscribe(t(this,w)),E.ticker.unsubscribe(t(this,m)),t(this,p).close(),t(this,a).remove()}};p=new WeakMap;a=new WeakMap;d=new WeakMap;l=new WeakMap;o=new WeakMap;u=new WeakMap;v=new WeakMap;_=new WeakMap;w=new WeakMap;m=new WeakMap;exports.CanvasElement=S([R.define("e-canvas")],exports.CanvasElement);
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const W=require("../custom-element/index.cjs");require("../Store-D0_rDIsE.cjs");const S=require("../math-GDWEqu7y.cjs"),E=require("../tags-75InVOh4.cjs"),b=require("../createStylesheet-DTOK6fTn.cjs"),k=require("../element-resizer/index.cjs"),C=require("../ticker/index.cjs");var y=Object.defineProperty,q=Object.getOwnPropertyDescriptor,P=(i,e,s,h)=>{for(var r=h>1?void 0:h?q(e,s):e,f=i.length-1,g;f>=0;f--)(g=i[f])&&(r=(h?g(e,s,r):g(r))||r);return h&&r&&y(e,s,r),r},R=(i,e,s)=>{if(!e.has(i))throw TypeError("Cannot "+s)},t=(i,e,s)=>(R(i,e,"read from private field"),s?s.call(i):e.get(i)),a=(i,e,s)=>{if(e.has(i))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(i):e.set(i,s)},c=(i,e,s,h)=>(R(i,e,"write to private field"),h?h.call(i,s):e.set(i,s),s),M=(i,e,s)=>(R(i,e,"access private method"),s),n,p,l,o,d,u,v,_,m,w,x;const O=b.createStylesheet({":host, canvas":{display:"block",width:"100%",height:"100%"}});exports.CanvasElement=class extends W.CustomElement{constructor(){super(),a(this,w),a(this,n,null),a(this,p,null),a(this,l,0),a(this,o,0),a(this,d,1),a(this,u,0),a(this,v,1),a(this,_,e=>{c(this,d,S.clamp(devicePixelRatio,1,2)),c(this,l,e.contentRect.width),c(this,o,e.contentRect.height),t(this,n).width=t(this,l)*this.pixelRatio,t(this,n).height=t(this,o)*this.pixelRatio,this.context.scale(this.pixelRatio,this.pixelRatio),M(this,w,x).call(this)}),a(this,m,e=>{c(this,u,e.timestamp),c(this,v,e.elapsed),M(this,w,x).call(this)}),this.openShadow(O),E.element(this,{children:E.canvas({ref:e=>{c(this,n,e),c(this,p,e.getContext("2d"))}})})}get canvasElement(){return t(this,n)}get context(){return t(this,p)}get pixelRatio(){return t(this,d)}get width(){return t(this,l)}get height(){return t(this,o)}get detail(){return{width:t(this,l),height:t(this,o),element:this,canvasElement:t(this,n),pixelRatio:t(this,d),context:t(this,p),timestamp:t(this,u),elapsed:t(this,v)}}connectedCallback(){k.elementResizer.subscribe(this,t(this,_)),this.hasAttribute("static")||C.ticker.subscribe(t(this,m),{culling:this,maxFPS:this.hasAttribute("fps")?parseInt(this.getAttribute("fps")):void 0})}disconnectedCallback(){k.elementResizer.unsubscribe(t(this,_)),C.ticker.unsubscribe(t(this,m)),t(this,n).remove()}};n=new WeakMap;p=new WeakMap;l=new WeakMap;o=new WeakMap;d=new WeakMap;u=new WeakMap;v=new WeakMap;_=new WeakMap;m=new WeakMap;w=new WeakSet;x=function(){this.dispatchEvent(new CustomEvent("canvasRender",{composed:!0,detail:this.detail}))};exports.CanvasElement=P([W.define("e-canvas")],exports.CanvasElement);

package/lib/canvas/index.d.ts

@@ -1,6 +1,5 @@
 import { CustomElement } from '../custom-element';
-import { Notifier } from '../notifier';
-export interface Canvas2DRenderEntry {
+export interface Canvas2DRenderDetail {
     pixelRatio: number;
     width: number;
     height: number;
@@ -10,17 +9,16 @@ export interface Canvas2DRenderEntry {
     timestamp: number;
     elapsed: number;
 }
-export type Canvas2DRenderCallback = (entry: Canvas2DRenderEntry) => void;
+export type Canvas2DRenderCallback = (entry: Canvas2DRenderDetail) => void;
 export declare class CanvasElement extends CustomElement {
     #private;
     constructor();
-    get renderEvent(): Notifier<Canvas2DRenderCallback>;
     get canvasElement(): HTMLCanvasElement;
     get context(): CanvasRenderingContext2D;
     get pixelRatio(): number;
     get width(): number;
     get height(): number;
-    get detail(): Canvas2DRenderEntry;
+    get detail(): Canvas2DRenderDetail;
     protected connectedCallback(): void;
     protected disconnectedCallback(): void;
 }
@@ -28,4 +26,7 @@ declare global {
     interface HTMLElementTagNameMap {
         'e-canvas': CanvasElement;
     }
+    interface HTMLElementEventMap {
+        canvasRender: CustomEvent<Canvas2DRenderDetail>;
+    }
 }

package/lib/canvas/index.js

@@ -1,97 +1,101 @@
-import { CustomElement as E, define as M } from "../custom-element/index.js";
+import { CustomElement as M, define as b } from "../custom-element/index.js";
 import "../Store-JOKrNVEr.js";
-import { c as C } from "../math-BOBiC4TN.js";
-import { e as y, q as b } from "../tags-kZqsS_nJ.js";
-import { c as P } from "../createStylesheet-DSgkNlUZ.js";
-import { Notifier as S } from "../notifier/index.js";
-import { elementResizer as x } from "../element-resizer/index.js";
-import { ticker as k } from "../ticker/index.js";
-var A = Object.defineProperty, O = Object.getOwnPropertyDescriptor, z = (t, i, s, r) => {
-  for (var n = r > 1 ? void 0 : r ? O(i, s) : i, w = t.length - 1, g; w >= 0; w--)
-    (g = t[w]) && (n = (r ? g(i, s, n) : g(n)) || n);
-  return r && n && A(i, s, n), n;
-}, W = (t, i, s) => {
+import { c as P } from "../math-BOBiC4TN.js";
+import { e as S, q as y } from "../tags-DgRVzazL.js";
+import { c as A } from "../createStylesheet-Zqf3lXhM.js";
+import { elementResizer as k } from "../element-resizer/index.js";
+import { ticker as E } from "../ticker/index.js";
+var O = Object.defineProperty, z = Object.getOwnPropertyDescriptor, D = (t, i, s, r) => {
+  for (var n = r > 1 ? void 0 : r ? z(i, s) : i, w = t.length - 1, x; w >= 0; w--)
+    (x = t[w]) && (n = (r ? x(i, s, n) : x(n)) || n);
+  return r && n && O(i, s, n), n;
+}, R = (t, i, s) => {
   if (!i.has(t))
     throw TypeError("Cannot " + s);
-}, e = (t, i, s) => (W(t, i, "read from private field"), s ? s.call(t) : i.get(t)), a = (t, i, s) => {
+}, e = (t, i, s) => (R(t, i, "read from private field"), s ? s.call(t) : i.get(t)), a = (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);
-}, o = (t, i, s, r) => (W(t, i, "write to private field"), r ? r.call(t, s) : i.set(t, s), s), l, h, d, p, c, m, v, f, u, _;
-const D = P({
+}, c = (t, i, s, r) => (R(t, i, "write to private field"), r ? r.call(t, s) : i.set(t, s), s), W = (t, i, s) => (R(t, i, "access private method"), s), h, l, p, o, d, v, m, u, _, f, g;
+const L = A({
   ":host, canvas": {
     display: "block",
     width: "100%",
     height: "100%"
   }
 });
-let R = class extends E {
+let C = class extends M {
   constructor() {
-    super(), a(this, l, new S()), a(this, h, null), a(this, d, null), a(this, p, 0), a(this, c, 0), a(this, m, 1), a(this, v, 0), a(this, f, 1), a(this, u, (t) => {
-      o(this, m, C(devicePixelRatio, 1, 2)), o(this, p, t.contentRect.width), o(this, c, t.contentRect.height), e(this, h).width = e(this, p) * this.pixelRatio, e(this, h).height = e(this, c) * this.pixelRatio, this.context.scale(this.pixelRatio, this.pixelRatio), this.renderEvent.notify(this.detail);
+    super(), a(this, f), a(this, h, null), a(this, l, null), a(this, p, 0), a(this, o, 0), a(this, d, 1), a(this, v, 0), a(this, m, 1), a(this, u, (t) => {
+      c(this, d, P(devicePixelRatio, 1, 2)), c(this, p, t.contentRect.width), c(this, o, t.contentRect.height), e(this, h).width = e(this, p) * this.pixelRatio, e(this, h).height = e(this, o) * this.pixelRatio, this.context.scale(this.pixelRatio, this.pixelRatio), W(this, f, g).call(this);
     }), a(this, _, (t) => {
-      o(this, v, t.timestamp), o(this, f, t.elapsed), e(this, l).notify(this.detail);
-    }), this.openShadow(D), y(this, {
-      children: b({
+      c(this, v, t.timestamp), c(this, m, t.elapsed), W(this, f, g).call(this);
+    }), this.openShadow(L), S(this, {
+      children: y({
         ref: (t) => {
-          o(this, h, t), o(this, d, t.getContext("2d"));
+          c(this, h, t), c(this, l, t.getContext("2d"));
         }
       })
     });
   }
-  get renderEvent() {
-    return e(this, l);
-  }
   get canvasElement() {
     return e(this, h);
   }
   get context() {
-    return e(this, d);
+    return e(this, l);
   }
   get pixelRatio() {
-    return e(this, m);
+    return e(this, d);
   }
   get width() {
     return e(this, p);
   }
   get height() {
-    return e(this, c);
+    return e(this, o);
   }
   get detail() {
     return {
       width: e(this, p),
-      height: e(this, c),
+      height: e(this, o),
       element: this,
       canvasElement: e(this, h),
-      pixelRatio: e(this, m),
-      context: e(this, d),
+      pixelRatio: e(this, d),
+      context: e(this, l),
       timestamp: e(this, v),
-      elapsed: e(this, f)
+      elapsed: e(this, m)
     };
   }
   connectedCallback() {
-    x.subscribe(this, e(this, u)), this.hasAttribute("static") || k.subscribe(e(this, _), {
+    k.subscribe(this, e(this, u)), this.hasAttribute("static") || E.subscribe(e(this, _), {
       culling: this,
       maxFPS: this.hasAttribute("fps") ? parseInt(this.getAttribute("fps")) : void 0
     });
   }
   disconnectedCallback() {
-    x.unsubscribe(e(this, u)), k.unsubscribe(e(this, _)), e(this, l).close(), e(this, h).remove();
+    k.unsubscribe(e(this, u)), E.unsubscribe(e(this, _)), e(this, h).remove();
   }
 };
-l = /* @__PURE__ */ new WeakMap();
 h = /* @__PURE__ */ new WeakMap();
-d = /* @__PURE__ */ new WeakMap();
+l = /* @__PURE__ */ new WeakMap();
 p = /* @__PURE__ */ new WeakMap();
-c = /* @__PURE__ */ new WeakMap();
-m = /* @__PURE__ */ new WeakMap();
+o = /* @__PURE__ */ new WeakMap();
+d = /* @__PURE__ */ new WeakMap();
 v = /* @__PURE__ */ new WeakMap();
-f = /* @__PURE__ */ new WeakMap();
+m = /* @__PURE__ */ new WeakMap();
 u = /* @__PURE__ */ new WeakMap();
 _ = /* @__PURE__ */ new WeakMap();
-R = z([
-  M("e-canvas")
-], R);
+f = /* @__PURE__ */ new WeakSet();
+g = function() {
+  this.dispatchEvent(
+    new CustomEvent("canvasRender", {
+      composed: !0,
+      detail: this.detail
+    })
+  );
+};
+C = D([
+  b("e-canvas")
+], C);
 export {
-  R as CanvasElement
+  C as CanvasElement
 };

package/lib/component/Component.d.ts

@@ -0,0 +1,26 @@
+import { ElementConstructorTagObject } from '../element-constructor';
+export type ComponentDefaultProps<El extends HTMLElement = HTMLElement> = {
+    element: El;
+};
+export type ComponentConstructorCallback<Props extends object = {}, El extends HTMLElement = HTMLElement> = (props: Props & ComponentDefaultProps<El>) => ElementConstructorTagObject<El> | void | null | undefined;
+export type ComponentConnectCallback = (element: HTMLElement) => void | (() => void);
+export type ComponentElementCallback = (element: HTMLElement) => void;
+export type ComponentInitObject = {
+    name: string;
+} & ShadowRootInit;
+export type ComponentReturn<Props extends object = {}> = (props?: Props) => HTMLElement;
+export interface ComponentElement extends HTMLElement {
+    addConnectCallback(callback: ComponentConnectCallback): void;
+    addDisconnectCallback(callback: ComponentElementCallback): void;
+    addAfterCreateCallback(callback: ComponentElementCallback): void;
+}
+export declare const contexts: Map<string, {
+    element: HTMLElement;
+    value: any;
+}>;
+export declare function onConnect(callback: ComponentConnectCallback): void;
+export declare function onDisconnect(callback: ComponentElementCallback): void;
+export declare function onBeforeCreate(callback: ComponentElementCallback): void;
+export declare function onAfterCreate(callback: ComponentElementCallback): void;
+export declare function Component<Props extends object = {}>(name: string, callback: ComponentConstructorCallback<Props>): ComponentReturn<Props>;
+export declare function Component<Props extends object = {}, BaseElementConstructor extends typeof HTMLElement = typeof HTMLElement>(Constructor: BaseElementConstructor, name: string, callback: ComponentConstructorCallback<Props, InstanceType<BaseElementConstructor>>): ComponentReturn<Props>;

package/lib/component/hooks/animation.d.ts

@@ -0,0 +1,9 @@
+import { Damped, Tweened } from '../../animation';
+import { TickerAddOptions, TickerCallback } from '../../ticker';
+import { ElementOrSelector } from '../../utils';
+import { ElementConstructorRef } from '../../element-constructor';
+export declare function createDamped(...parameters: ConstructorParameters<typeof Damped>): Damped;
+export declare function createTweened(...parameters: ConstructorParameters<typeof Tweened>): Tweened;
+export declare function onAnimationFrame(callback: TickerCallback, options?: Omit<TickerAddOptions, 'culling'> & {
+    culling?: boolean | ElementOrSelector | ElementConstructorRef;
+}): void;

package/lib/component/hooks/context.d.ts

@@ -0,0 +1,2 @@
+export declare function createContext<Context>(name: string, value: Context): void;
+export declare function getContext<Context>(name: string): Context;

package/lib/component/hooks/intersection.d.ts

@@ -0,0 +1,4 @@
+import { IntersectorCallback } from '../../intersector';
+import { ElementOrSelector } from '../../utils';
+import { ElementConstructorRef } from '../../element-constructor';
+export declare function onIntersection(callback: IntersectorCallback, element?: ElementOrSelector | ElementConstructorRef): void;

package/lib/component/hooks/resize.d.ts

@@ -0,0 +1,6 @@
+import { ElementResizerCallback } from '../../element-resizer';
+import { ElementOrSelector } from '../../utils';
+import { WindowResizerCallback } from '../../window-resizer';
+import { ElementConstructorRef } from '../../element-constructor';
+export declare function onElementResize(callback: ElementResizerCallback, element?: ElementOrSelector | ElementConstructorRef): void;
+export declare function onWindowResize(callback: WindowResizerCallback, order?: number): void;

package/lib/component/hooks/shadow.d.ts

@@ -0,0 +1 @@
+export declare function attachShadow(options?: Omit<ShadowRootInit, 'mode'>): void;

package/lib/component/hooks/stores.d.ts

@@ -0,0 +1,6 @@
+import { StoreManagerType, StoreEntry, Store, Derived, DerivedArray, Composed, Resource } from '../../store';
+export declare function createStore<StoreType = unknown, StoreManager extends StoreManagerType = StoreManagerType, Entry extends StoreEntry<StoreType> = StoreEntry<StoreType>>(...parameters: ConstructorParameters<typeof Store<StoreType, StoreManager, Entry>>): Store<StoreType, StoreManager, StoreEntry<StoreType>>;
+export declare function createDerived<DerivedType, StoreType>(...parameters: ConstructorParameters<typeof Derived<DerivedType, StoreType>>): Derived<DerivedType, StoreType>;
+export declare function createDerivedArray<DerivedType, StoreType extends Array<any> = Array<any>>(...parameters: ConstructorParameters<typeof DerivedArray<DerivedType, StoreType>>): DerivedArray<DerivedType, StoreType>;
+export declare function createComposed<ComposedType>(...parameters: ConstructorParameters<typeof Composed<ComposedType>>): Composed<ComposedType>;
+export declare function createResource<StoreType>(...parameters: ConstructorParameters<typeof Resource<StoreType>>): Resource<StoreType>;

package/lib/component/hooks/style.d.ts

@@ -0,0 +1,2 @@
+import { ElementConstructorJSS } from '../../element-constructor';
+export declare function attachStyle(object?: ElementConstructorJSS | undefined): void;

package/lib/component/index.cjs

@@ -0,0 +1 @@
+"use strict";var g=Object.defineProperty,A=Object.defineProperties;var M=Object.getOwnPropertyDescriptors;var p=Object.getOwnPropertySymbols;var _=Object.prototype.hasOwnProperty,F=Object.prototype.propertyIsEnumerable;var D=(t,e,n)=>e in t?g(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,w=(t,e)=>{for(var n in e||(e={}))_.call(e,n)&&D(t,n,e[n]);if(p)for(var n of p(e))F.call(e,n)&&D(t,n,e[n]);return t},R=(t,e)=>A(t,M(e));var H=(t,e,n)=>{if(!e.has(t))throw TypeError("Cannot "+n)};var o=(t,e,n)=>(H(t,e,"read from private field"),n?n.call(t):e.get(t)),C=(t,e,n)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,n)};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const L=require("../Store-D0_rDIsE.cjs"),x=require("../tags-75InVOh4.cjs"),P=require("../Derived-SjPdLJiZ.cjs"),y=require("../Composed-C2Vv1xxR.cjs"),j=require("../ticker/index.cjs"),I=require("../animation/index.cjs"),W=require("../Damped-BwpMU9Gi.cjs"),k=require("../intersector/index.cjs"),q=require("../element-resizer/index.cjs"),B=require("../window-resizer/index.cjs"),N=require("../createStylesheet-DTOK6fTn.cjs");let b=null;const v=new Map;function m(t){b.addConnectCallback(t)}function i(t){b.addDisconnectCallback(t)}function z(t){t(b)}function O(...t){var l,a,u,S;const e=typeof t[0]=="string"?HTMLElement:t[0],n=typeof t[0]=="string"?t[0]:t[1],r=typeof t[0]=="string"?t[1]:t[2],s=`e-${n}`;let h=customElements.get(s);return h||(h=(S=class extends e{constructor(c){super();C(this,l,new Set);C(this,a,new Set);C(this,u,new Set);b=this;const d=r(w({element:this},c));d&&x.element(this,d),o(this,u).forEach(f=>{f(this)}),o(this,u).clear(),v.forEach((f,T)=>{f.element===this&&v.delete(T)})}addConnectCallback(c){o(this,l).add(c)}addDisconnectCallback(c){o(this,a).add(c)}addAfterCreateCallback(c){o(this,u).add(c)}connectedCallback(){var c;(c=super.connectedCallback)==null||c.call(this),o(this,l).forEach(d=>{const f=d(this);f&&o(this,a).add(f)}),o(this,l).clear()}disconnectedCallback(){var c;(c=super.disconnectedCallback)==null||c.call(this),o(this,a).forEach(d=>{d(this)}),o(this,a).clear()}},l=new WeakMap,a=new WeakMap,u=new WeakMap,S),customElements.define(s,h)),E=>new h(E||{})}function $(...t){const e=new L.Store(...t);return i(e.close),e}function G(...t){const e=new P.Derived(...t);return i(e.close),e}function J(...t){const e=new y.DerivedArray(...t);return i(e.close),e}function K(...t){const e=new y.Composed(...t);return i(e.close),e}function Q(...t){const e=new y.Resource(...t);return i(e.close),e}function U(...t){const e=new W.Damped(...t);return i(e.close),e}function V(...t){const e=new I.Tweened(...t);return i(e.close),e}function X(t,e){m(n=>{let r;const s=e==null?void 0:e.culling;return s===!0?r=n:typeof s=="string"||s instanceof Element?r=s:typeof s=="object"&&(r=s.current),j.ticker.subscribe(t,{culling:r,maxFPS:e==null?void 0:e.maxFPS,order:e==null?void 0:e.order})})}function Y(t,e){m(n=>{const r=e||(n instanceof Element?n:void 0);if(typeof r=="string"||r instanceof Element)return k.intersector.subscribe(r,t);if(r!=null&&r.current)return k.intersector.subscribe(r.current,t)})}function Z(t,e){m(n=>{const r=e||(n instanceof Element?n:void 0);if(typeof r=="string"||r instanceof Element)return q.elementResizer.subscribe(r,t);if(r!=null&&r.current)return q.elementResizer.subscribe(r.current,t)})}function ee(t,e){m(n=>B.windowResizer.subscribe(t,e))}function te(t){z(e=>{e.shadowRoot&&e.shadowRoot.adoptedStyleSheets.push(N.createStylesheet(t))}),m(()=>{const e=x.style(t).node;if(![...document.head.querySelectorAll("style")].find(r=>r.outerHTML===e.outerHTML))return document.head.appendChild(e),()=>{e.remove()}})}function ne(t){z(e=>{e.attachShadow(R(w({},t),{mode:"open"}))})}exports.Component=O;exports.attachShadow=ne;exports.attachStyle=te;exports.createComposed=K;exports.createDamped=U;exports.createDerived=G;exports.createDerivedArray=J;exports.createResource=Q;exports.createStore=$;exports.createTweened=V;exports.onAnimationFrame=X;exports.onConnect=m;exports.onDisconnect=i;exports.onElementResize=Z;exports.onIntersection=Y;exports.onWindowResize=ee;

package/lib/component/index.d.ts

@@ -0,0 +1,7 @@
+export { Component, onConnect, onDisconnect, type ComponentConstructorCallback, type ComponentConnectCallback, type ComponentElementCallback, } from './Component';
+export { createStore, createComposed, createDerived, createDerivedArray, createResource, } from './hooks/stores';
+export { createDamped, createTweened, onAnimationFrame, } from './hooks/animation';
+export { onIntersection } from './hooks/intersection';
+export { onElementResize, onWindowResize } from './hooks/resize';
+export { attachStyle } from './hooks/style';
+export { attachShadow } from './hooks/shadow';

package/lib/component/index.js

@@ -0,0 +1,183 @@
+var A = Object.defineProperty, g = Object.defineProperties;
+var z = Object.getOwnPropertyDescriptors;
+var E = Object.getOwnPropertySymbols;
+var M = Object.prototype.hasOwnProperty, F = Object.prototype.propertyIsEnumerable;
+var S = (t, e, n) => e in t ? A(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, p = (t, e) => {
+  for (var n in e || (e = {}))
+    M.call(e, n) && S(t, n, e[n]);
+  if (E)
+    for (var n of E(e))
+      F.call(e, n) && S(t, n, e[n]);
+  return t;
+}, D = (t, e) => g(t, z(e));
+var H = (t, e, n) => {
+  if (!e.has(t))
+    throw TypeError("Cannot " + n);
+};
+var o = (t, e, n) => (H(t, e, "read from private field"), n ? n.call(t) : e.get(t)), C = (t, e, n) => {
+  if (e.has(t))
+    throw TypeError("Cannot add the same private member more than once");
+  e instanceof WeakSet ? e.add(t) : e.set(t, n);
+};
+import { S as L } from "../Store-JOKrNVEr.js";
+import { e as P, aD as j } from "../tags-DgRVzazL.js";
+import { D as q } from "../Derived-Bc88XJ8J.js";
+import { D as B, C as I, R as N } from "../Composed-DhtYBEmo.js";
+import { ticker as W } from "../ticker/index.js";
+import { Tweened as $ } from "../animation/index.js";
+import { D as G } from "../Damped-urvryQLo.js";
+import { intersector as k } from "../intersector/index.js";
+import { elementResizer as R } from "../element-resizer/index.js";
+import { windowResizer as J } from "../window-resizer/index.js";
+import { c as K } from "../createStylesheet-Zqf3lXhM.js";
+let b = null;
+const v = /* @__PURE__ */ new Map();
+function m(t) {
+  b.addConnectCallback(t);
+}
+function a(t) {
+  b.addDisconnectCallback(t);
+}
+function T(t) {
+  t(b);
+}
+function ce(...t) {
+  var l, i, u, w;
+  const e = typeof t[0] == "string" ? HTMLElement : t[0], n = typeof t[0] == "string" ? t[0] : t[1], r = typeof t[0] == "string" ? t[1] : t[2], s = `e-${n}`;
+  let h = customElements.get(
+    s
+  );
+  return h || (h = (w = class extends e {
+    constructor(c) {
+      super();
+      C(this, l, /* @__PURE__ */ new Set());
+      C(this, i, /* @__PURE__ */ new Set());
+      C(this, u, /* @__PURE__ */ new Set());
+      b = this;
+      const f = r(p({
+        element: this
+      }, c));
+      f && P(this, f), o(this, u).forEach((d) => {
+        d(this);
+      }), o(this, u).clear(), v.forEach((d, x) => {
+        d.element === this && v.delete(x);
+      });
+    }
+    addConnectCallback(c) {
+      o(this, l).add(c);
+    }
+    addDisconnectCallback(c) {
+      o(this, i).add(c);
+    }
+    addAfterCreateCallback(c) {
+      o(this, u).add(c);
+    }
+    connectedCallback() {
+      var c;
+      (c = super.connectedCallback) == null || c.call(this), o(this, l).forEach((f) => {
+        const d = f(this);
+        d && o(this, i).add(d);
+      }), o(this, l).clear();
+    }
+    disconnectedCallback() {
+      var c;
+      (c = super.disconnectedCallback) == null || c.call(this), o(this, i).forEach((f) => {
+        f(this);
+      }), o(this, i).clear();
+    }
+  }, l = new WeakMap(), i = new WeakMap(), u = new WeakMap(), w), customElements.define(s, h)), (y) => new h(y || {});
+}
+function oe(...t) {
+  const e = new L(...t);
+  return a(e.close), e;
+}
+function se(...t) {
+  const e = new q(...t);
+  return a(e.close), e;
+}
+function ie(...t) {
+  const e = new B(...t);
+  return a(e.close), e;
+}
+function ae(...t) {
+  const e = new I(...t);
+  return a(e.close), e;
+}
+function le(...t) {
+  const e = new N(...t);
+  return a(e.close), e;
+}
+function ue(...t) {
+  const e = new G(...t);
+  return a(e.close), e;
+}
+function fe(...t) {
+  const e = new $(...t);
+  return a(e.close), e;
+}
+function de(t, e) {
+  m((n) => {
+    let r;
+    const s = e == null ? void 0 : e.culling;
+    return s === !0 ? r = n : typeof s == "string" || s instanceof Element ? r = s : typeof s == "object" && (r = s.current), W.subscribe(t, {
+      culling: r,
+      maxFPS: e == null ? void 0 : e.maxFPS,
+      order: e == null ? void 0 : e.order
+    });
+  });
+}
+function me(t, e) {
+  m((n) => {
+    const r = e || (n instanceof Element ? n : void 0);
+    if (typeof r == "string" || r instanceof Element)
+      return k.subscribe(r, t);
+    if (r != null && r.current)
+      return k.subscribe(r.current, t);
+  });
+}
+function he(t, e) {
+  m((n) => {
+    const r = e || (n instanceof Element ? n : void 0);
+    if (typeof r == "string" || r instanceof Element)
+      return R.subscribe(r, t);
+    if (r != null && r.current)
+      return R.subscribe(r.current, t);
+  });
+}
+function Ce(t, e) {
+  m((n) => J.subscribe(t, e));
+}
+function be(t) {
+  T((e) => {
+    e.shadowRoot && e.shadowRoot.adoptedStyleSheets.push(K(t));
+  }), m(() => {
+    const e = j(t).node;
+    if (![...document.head.querySelectorAll("style")].find((r) => r.outerHTML === e.outerHTML))
+      return document.head.appendChild(e), () => {
+        e.remove();
+      };
+  });
+}
+function pe(t) {
+  T((e) => {
+    e.attachShadow(D(p({}, t), { mode: "open" }));
+  });
+}
+export {
+  ce as Component,
+  pe as attachShadow,
+  be as attachStyle,
+  ae as createComposed,
+  ue as createDamped,
+  se as createDerived,
+  ie as createDerivedArray,
+  le as createResource,
+  oe as createStore,
+  fe as createTweened,
+  de as onAnimationFrame,
+  m as onConnect,
+  a as onDisconnect,
+  he as onElementResize,
+  me as onIntersection,
+  Ce as onWindowResize
+};

package/lib/connector/index.cjs

@@ -1 +1 @@
-"use strict";var f=(i,n,e)=>{if(!n.has(i))throw TypeError("Cannot "+e)};var c=(i,n,e)=>(f(i,n,"read from private field"),e?e.call(i):n.get(i)),h=(i,n,e)=>{if(n.has(i))throw TypeError("Cannot add the same private member more than once");n instanceof WeakSet?n.add(i):n.set(i,e)},d=(i,n,e,l)=>(f(i,n,"write to private field"),l?l.call(i,e):n.set(i,e),e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var a,s,o,r;class b{constructor(){h(this,a,[]);h(this,s,void 0);h(this,o,100);h(this,r,()=>{var n,e,l;for(let C=c(this,a).length-1;C>=0;C--){const t=c(this,a)[c(this,a).length-1-C];t.node.isConnected&&!t.isConnected?((n=t.connectCallback)==null||n.call(t),t.isConnected=!0):!t.node.isConnected&&t.isConnected&&((e=t.disconnectCallback)==null||e.call(t),t.isConnected=!1,t.unsubscribeAfterDisconnect&&this.unsubscribe(t)),t.timer+=c(this,o),!t.isConnected&&t.timer>t.maxWaitSec*1e3&&((l=t.disconnectCallback)==null||l.call(t,!0),this.unsubscribe(t))}})}subscribe(n,e){const l=c(this,a).length;return c(this,a).push({node:n,connectCallback:e.connectCallback,disconnectCallback:e.disconnectCallback,isConnected:!1,maxWaitSec:typeof e.maxWaitSec=="number"?e.maxWaitSec===0?c(this,o)/1e3:e.maxWaitSec:1/0,timer:0,unsubscribeAfterDisconnect:e.unsubscribeAfterDisconnect||!1}),l||(d(this,s,setInterval(c(this,r),c(this,o))),setTimeout(()=>{c(this,r).call(this)})),()=>{this.unsubscribe(e)}}unsubscribe(n){c(this,a).forEach(e=>{e.connectCallback===n.connectCallback&&(e.connectCallback=void 0),e.disconnectCallback===n.disconnectCallback&&(e.disconnectCallback=void 0)}),d(this,a,c(this,a).filter(e=>e.connectCallback||e.disconnectCallback)),c(this,a).length||(clearInterval(c(this,s)),d(this,s,void 0))}destroy(){clearInterval(c(this,s)),d(this,a,[])}}a=new WeakMap,s=new WeakMap,o=new WeakMap,r=new WeakMap;const u=new b;exports.Connector=b;exports.connector=u;
+"use strict";var f=(i,n,e)=>{if(!n.has(i))throw TypeError("Cannot "+e)};var c=(i,n,e)=>(f(i,n,"read from private field"),e?e.call(i):n.get(i)),d=(i,n,e)=>{if(n.has(i))throw TypeError("Cannot add the same private member more than once");n instanceof WeakSet?n.add(i):n.set(i,e)},h=(i,n,e,l)=>(f(i,n,"write to private field"),l?l.call(i,e):n.set(i,e),e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var a,s,o,r;class b{constructor(){d(this,a,[]);d(this,s,void 0);d(this,o,100);d(this,r,()=>{var n,e,l;for(let C=c(this,a).length-1;C>=0;C--){const t=c(this,a)[C];t.node.isConnected&&!t.isConnected?((n=t.connectCallback)==null||n.call(t),t.isConnected=!0):!t.node.isConnected&&t.isConnected&&((e=t.disconnectCallback)==null||e.call(t),t.isConnected=!1,t.unsubscribeAfterDisconnect&&this.unsubscribe(t)),t.timer+=c(this,o),!t.isConnected&&t.timer>t.maxWaitSec*1e3&&((l=t.disconnectCallback)==null||l.call(t,!0),this.unsubscribe(t))}})}subscribe(n,e){const l=c(this,a).length;return c(this,a).push({node:n,connectCallback:e.connectCallback,disconnectCallback:e.disconnectCallback,isConnected:!1,maxWaitSec:typeof e.maxWaitSec=="number"?e.maxWaitSec===0?c(this,o)/1e3:e.maxWaitSec:1/0,timer:0,unsubscribeAfterDisconnect:e.unsubscribeAfterDisconnect||!1}),l||(h(this,s,setInterval(c(this,r),c(this,o))),setTimeout(()=>{c(this,r).call(this)})),()=>{this.unsubscribe(e)}}unsubscribe(n){c(this,a).forEach(e=>{e.connectCallback===n.connectCallback&&(e.connectCallback=void 0),e.disconnectCallback===n.disconnectCallback&&(e.disconnectCallback=void 0)}),h(this,a,c(this,a).filter(e=>e.connectCallback||e.disconnectCallback)),c(this,a).length||(clearInterval(c(this,s)),h(this,s,void 0))}destroy(){clearInterval(c(this,s)),h(this,a,[])}}a=new WeakMap,s=new WeakMap,o=new WeakMap,r=new WeakMap;const u=new b;exports.Connector=b;exports.connector=u;

package/lib/connector/index.js

@@ -16,7 +16,7 @@ class b {
     h(this, C, () => {
       var n, e, l;
       for (let r = c(this, a).length - 1; r >= 0; r--) {
-        const t = c(this, a)[c(this, a).length - 1 - r];
+        const t = c(this, a)[r];
         t.node.isConnected && !t.isConnected ? ((n = t.connectCallback) == null || n.call(t), t.isConnected = !0) : !t.node.isConnected && t.isConnected && ((e = t.disconnectCallback) == null || e.call(t), t.isConnected = !1, t.unsubscribeAfterDisconnect && this.unsubscribe(t)), t.timer += c(this, o), !t.isConnected && t.timer > t.maxWaitSec * 1e3 && ((l = t.disconnectCallback) == null || l.call(t, !0), this.unsubscribe(t));
       }
     });

package/lib/{createStylesheet-BoJwXvjE.cjs → createStylesheet-DTOK6fTn.cjs}

@@ -1 +1 @@
-"use strict";const n=require("./tags-920hsh9U.cjs");function r(t){const e=new CSSStyleSheet;return e.replaceSync(n.style(t).node.innerHTML),e}exports.createStylesheet=r;
+"use strict";const n=require("./tags-75InVOh4.cjs");function r(t){const e=new CSSStyleSheet;return e.replaceSync(n.style(t).node.innerHTML),e}exports.createStylesheet=r;

package/lib/{createStylesheet-DSgkNlUZ.js → createStylesheet-Zqf3lXhM.js}

@@ -1,4 +1,4 @@
-import { aD as n } from "./tags-kZqsS_nJ.js";
+import { aD as n } from "./tags-DgRVzazL.js";
 function c(t) {
   const e = new CSSStyleSheet();
   return e.replaceSync(n(t).node.innerHTML), e;

package/lib/{createTheme-COo8IzPG.cjs → createTheme-B_W5dUY9.cjs}

@@ -1 +1 @@
-"use strict";const l=require("./string-DzUwFYSS.cjs");function s(r,a){const t=(a==null?void 0:a.prefix)||"",c={style:{}};for(const e in r)c[e]={var:`var(--${t}${l.camelToKebab(e)})`,value:r[e]},c.style[`--${t}${l.camelToKebab(e)}`]=r[e];return c}exports.createTheme=s;
+"use strict";const l=require("./string-vBu90jhV.cjs");function s(r,a){const t=(a==null?void 0:a.prefix)||"",c={style:{}};for(const e in r)c[e]={var:`var(--${t}${l.camelToKebab(e)})`,value:r[e]},c.style[`--${t}${l.camelToKebab(e)}`]=r[e];return c}exports.createTheme=s;

package/lib/{createTheme-BMH9cRrS.js → createTheme-D0IoYkYN.js}

@@ -1,4 +1,4 @@
-import { c as l } from "./string-BrDhnNUL.js";
+import { c as l } from "./string-3lAkpJJP.js";
 function m(r, a) {
   const f = (a == null ? void 0 : a.prefix) || "", c = {
     style: {}

package/lib/element-constructor/ElementConstructor.d.ts

@@ -21,7 +21,7 @@ export type ElementConstructorJSS = ElementConstructorStyle | {
 };
 export type ElementConstructorEventMap = HTMLElementEventMap & SVGElementEventMap;
 export type ElementConstructorNativeAttribute<T extends ElementConstructorTagNames | Node = ElementConstructorTagNames, E = T extends ElementConstructorTagNames ? ElementConstructorTagNameMap[T] : Node> = {
-    [K in keyof E]: E[K] extends string ? K : never;
+    [K in keyof E]: E[K] extends string | null ? K : never;
 }[keyof E];
 export type ElementConstructorNativeAttributes<T extends ElementConstructorTagNames | Node = ElementConstructorTagNames> = Partial<{
     [K in ElementConstructorNativeAttribute<T>]: any;