@esportsplus/template 0.41.2 → 0.41.4

package/build/index.d.ts

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

package/build/index.js

@@ -9,5 +9,5 @@ export * from './event/index.js';
 export * from './utilities.js';
 export { default as html } from './html.js';
 export { default as render } from './render.js';
+export { default as slot, ArraySlot, EffectSlot } from './slot/index.js';
 export { default as svg } from './svg.js';
-export { ArraySlot, EffectSlot } from './slot/index.js';

package/build/svg.d.ts

@@ -1,5 +1,5 @@
 import html from './html.js';
 declare const svg: typeof html & {
-    sprite: (href: string) => ReturnType<typeof html>;
+    sprite: (href: string) => DocumentFragment;
 };
 export default svg;

package/build/svg.js

@@ -1,9 +1,14 @@
+import { setProperty } from './attributes.js';
+import { template } from './utilities.js';
 import html from './html.js';
+let factory = template('<svg><use /></svg>');
 const svg = html.bind(null);
 svg.sprite = (href) => {
     if (href[0] !== '#') {
         href = '#' + href;
     }
-    return html `<svg><use ${{ ['href']: href }} /></svg>`;
+    let root = factory();
+    setProperty(root.firstChild.firstChild, 'href', href);
+    return root;
 };
 export default svg;

package/package.json

@@ -39,7 +39,7 @@
   },
   "type": "module",
   "types": "./build/index.d.ts",
-  "version": "0.41.2",
+  "version": "0.41.4",
   "scripts": {
     "build": "tsc",
     "build:test": "vite build --config test/vite.config.ts",

package/src/index.ts

@@ -16,6 +16,6 @@ export * from './utilities';
 
 export { default as html } from './html';
 export { default as render } from './render';
+export { default as slot, ArraySlot, EffectSlot } from './slot';
 export { default as svg } from './svg';
-export { ArraySlot, EffectSlot } from './slot';
 export type { Attributes, Element, Renderable } from './types';

package/src/svg.ts

@@ -1,8 +1,14 @@
+import { setProperty } from './attributes';
+import { template } from './utilities';
+import { Element } from './types';
 import html from './html';
 
 
+let factory = template('<svg><use /></svg>');
+
+
 const svg = html.bind(null) as typeof html & {
-    sprite: (href: string) => ReturnType<typeof html>
+    sprite: (href: string) => DocumentFragment
 };
 
 svg.sprite = (href: string) => {
@@ -10,7 +16,11 @@ svg.sprite = (href: string) => {
         href = '#' + href;
     }
 
-    return html`<svg><use ${{ ['href']: href }} /></svg>`;
+    let root = factory();
+
+    setProperty(root.firstChild!.firstChild as Element, 'href', href);
+
+    return root;
 };