@esportsplus/template 0.41.0 → 0.41.2

package/build/event/index.js

@@ -1,6 +1,6 @@
 import { root } from '@esportsplus/reactivity';
 import { defineProperty } from '@esportsplus/utilities';
-import { ondisconnect as disconnect } from '../slot/cleanup.js';
+import { ondisconnect as disconnect } from '../slot/index.js';
 import onconnect from './onconnect.js';
 import onresize from './onresize.js';
 import ontick from './ontick.js';

package/build/html.d.ts

@@ -1,6 +1,6 @@
 import { Reactive } from '@esportsplus/reactivity';
 import { Attribute, Attributes, Renderable } from './types.js';
-import { ArraySlot } from './slot/array.js';
+import { ArraySlot } from './slot/index.js';
 type Values<T> = ArraySlot<T extends unknown[] ? T : never> | Attribute | Attributes<any> | Renderable<T>;
 declare const html: {
     <T>(_literals: TemplateStringsArray, ..._values: (Values<T> | Values<T>[])[]): DocumentFragment;

package/build/index.d.ts

@@ -5,7 +5,5 @@ export * from './utilities.js';
 export { default as html } from './html.js';
 export { default as render } from './render.js';
 export { default as svg } from './svg.js';
-export { ArraySlot } from './slot/array.js';
-export { EffectSlot } from './slot/effect.js';
-export { default as slot } from './slot/index.js';
+export { ArraySlot, EffectSlot } from './slot/index.js';
 export type { Attributes, Element, Renderable } from './types.js';

package/build/index.js

@@ -10,6 +10,4 @@ export * from './utilities.js';
 export { default as html } from './html.js';
 export { default as render } from './render.js';
 export { default as svg } from './svg.js';
-export { ArraySlot } from './slot/array.js';
-export { EffectSlot } from './slot/effect.js';
-export { default as slot } from './slot/index.js';
+export { ArraySlot, EffectSlot } from './slot/index.js';

package/build/render.d.ts

@@ -1,3 +1,3 @@
-import { Effect, Renderable } from './types.js';
-declare const _default: <T>(parent: HTMLElement, renderable: Exclude<Renderable<T>, Effect<T>>) => void;
+import { Renderable } from './types.js';
+declare const _default: <T>(parent: HTMLElement, renderable: Renderable<T>) => void;
 export default _default;

package/build/slot/index.d.ts

@@ -1,3 +1,7 @@
-import { Element } from '../types.js';
-declare const _default: (anchor: Element, value: unknown) => void;
+import { Element, Renderable } from '../types.js';
+declare const _default: <T>(anchor: Element, renderable: Renderable<T>) => void;
 export default _default;
+export * from './array.js';
+export * from './cleanup.js';
+export * from './effect.js';
+export { default as render } from './render.js';

package/build/slot/index.js

@@ -1,4 +1,14 @@
+import { EffectSlot } from './effect.js';
 import render from './render.js';
-export default (anchor, value) => {
-    anchor.after(render(anchor, value));
+export default (anchor, renderable) => {
+    if (typeof renderable === 'function') {
+        new EffectSlot(anchor, renderable);
+    }
+    else {
+        anchor.after(render(anchor, renderable));
+    }
 };
+export * from './array.js';
+export * from './cleanup.js';
+export * from './effect.js';
+export { default as render } from './render.js';

package/build/types.d.ts

@@ -1,6 +1,4 @@
-import { ArraySlot } from './slot/array.js';
-import { setProperties } from './attributes.js';
-import slot from './slot/index.js';
+import { ArraySlot } from './slot/index.js';
 type Attribute = Effect<Primitive | Primitive[]> | ((...args: any[]) => void) | Primitive;
 type Attributes<T extends HTMLElement = Element> = {
     class?: Attribute | Attribute[];
@@ -22,14 +20,4 @@ type SlotGroup = {
     head: Element;
     tail: Element;
 };
-type Template = {
-    fragment: DocumentFragment;
-    html: string;
-    literals: TemplateStringsArray;
-    slots: {
-        fn: typeof setProperties | typeof slot;
-        name: string | null;
-        path: (() => ChildNode | null)[];
-    }[] | null;
-};
-export type { Attribute, Attributes, Effect, Element, Renderable, SlotGroup, Template };
+export type { Attribute, Attributes, Effect, Element, Renderable, SlotGroup };

package/package.json

@@ -2,7 +2,7 @@
   "author": "ICJR",
   "dependencies": {
     "@esportsplus/queue": "^0.2.0",
-    "@esportsplus/reactivity": "^0.29.12",
+    "@esportsplus/reactivity": "^0.29.14",
     "@esportsplus/typescript": "^0.27.3",
     "@esportsplus/utilities": "^0.27.2",
     "serve": "^14.2.5"
@@ -39,7 +39,7 @@
   },
   "type": "module",
   "types": "./build/index.d.ts",
-  "version": "0.41.0",
+  "version": "0.41.2",
   "scripts": {
     "build": "tsc",
     "build:test": "vite build --config test/vite.config.ts",

package/src/event/index.ts

@@ -1,7 +1,7 @@
 import { root } from '@esportsplus/reactivity';
 import { defineProperty } from '@esportsplus/utilities';
+import { ondisconnect as disconnect } from '~/slot';
 import { Attributes, Element } from '~/types';
-import { ondisconnect as disconnect } from '~/slot/cleanup';
 import onconnect from './onconnect';
 import onresize from './onresize';
 import ontick from './ontick';

package/src/html.ts

@@ -1,6 +1,6 @@
 import { Reactive } from '@esportsplus/reactivity';
 import { Attribute, Attributes, Renderable } from '~/types';
-import { ArraySlot } from '~/slot/array';
+import { ArraySlot } from '~/slot';
 
 
 type Values<T> = ArraySlot<T extends unknown[] ? T : never> | Attribute | Attributes<any> | Renderable<T>;

package/src/index.ts

@@ -17,7 +17,5 @@ export * from './utilities';
 export { default as html } from './html';
 export { default as render } from './render';
 export { default as svg } from './svg';
-export { ArraySlot } from './slot/array';
-export { EffectSlot } from './slot/effect';
-export { default as slot } from './slot';
+export { ArraySlot, EffectSlot } from './slot';
 export type { Attributes, Element, Renderable } from './types';

package/src/render.ts

@@ -1,9 +1,9 @@
-import { Effect, Element, Renderable } from './types';
+import { Element, Renderable } from './types';
 import { marker } from './utilities';
 import slot from './slot';
 
 
-export default <T>(parent: HTMLElement, renderable: Exclude<Renderable<T>, Effect<T>>) => {
+export default <T>(parent: HTMLElement, renderable: Renderable<T>) => {
     let anchor = marker.cloneNode() as unknown as Element;
 
     parent.nodeValue = '';

package/src/slot/index.ts

@@ -1,7 +1,17 @@
-import { Element } from '~/types';
+import { EffectSlot } from './effect';
+import { Element, Renderable } from '~/types';
 import render from './render';
 
 
-export default (anchor: Element, value: unknown): void => {
-    anchor.after( render(anchor, value) );
+export default <T>(anchor: Element, renderable: Renderable<T>) => {
+    if (typeof renderable === 'function') {
+        new EffectSlot(anchor, renderable);
+    }
+    else {
+        anchor.after( render(anchor, renderable) );
+    }
 };
+export * from './array';
+export * from './cleanup';
+export * from './effect';
+export { default as render } from './render';

package/src/types.ts

@@ -1,6 +1,4 @@
-import { ArraySlot } from './slot/array';
-import { setProperties } from './attributes';
-import slot from './slot';
+import { ArraySlot } from './slot';
 
 
 type Attribute = Effect<Primitive | Primitive[]> | ((...args: any[]) => void) | Primitive;
@@ -33,22 +31,10 @@ type SlotGroup = {
     tail: Element;
 };
 
-type Template = {
-    fragment: DocumentFragment;
-    html: string;
-    literals: TemplateStringsArray;
-    slots: {
-        fn: typeof setProperties | typeof slot;
-        name: string | null;
-        path: (() => ChildNode | null)[];
-    }[] | null;
-};
-
 
 export type {
     Attribute, Attributes,
     Effect, Element,
     Renderable,
-    SlotGroup,
-    Template
+    SlotGroup
 };