jails-js 5.1.5 → 5.2.0

package/src/component.ts

@@ -1,25 +1,25 @@
+import { type Component } from '..'
 import morphdom from 'morphdom'
 
-import { rAF, dup } from './utils'
+import { rAF, dup, safe } from './utils'
 import { buildtemplates } from './template-system'
 import { on, off, trigger } from './utils/events'
 import { publish, subscribe } from './utils/pubsub'
 
 export default function Component( elm, { module, dependencies, templates, components, $scopes }) {
 
+	const tplid = elm.getAttribute('tplid')
 	const options = getOptions( module )
+	const initialState = (new Function( `return ${elm.getAttribute('html-model') || '{}'}`))()
 
 	buildtemplates( elm, components, templates, $scopes )
 
-	const htmlModel = elm.getAttribute('html-model')
-	const initialState = htmlModel? (new Function(`return ${htmlModel}`))() : {}
-	const tplid = elm.getAttribute('tplid')
 	const template = tplid ? templates[tplid] : null
 	const state = { data: module.model ? dup(module.model) : {} }
 	const scope = $scopes[tplid] && $scopes[tplid].length? $scopes[tplid].shift() : {}
 	state.data = Object.assign(scope, state.data, initialState)
 
-	const base = {
+	const base: Component = {
 		template,
 		elm,
 		dependencies,
@@ -88,9 +88,9 @@ export default function Component( elm, { module, dependencies, templates, compo
 			state.data = Object.assign(state.data, data)
 
 			const newdata = dup(state.data)
-			const newhtml = base.template.call(options.view(newdata), elm, $scopes)
+			const newhtml = base.template.call(options.view(newdata), elm, safe, $scopes)
 
-			morphdom(elm, newhtml, morphdomOptions(elm, options))
+			morphdom(elm, newhtml, morphdomOptions(elm))
 
 			rAF(_ => {
 				Array

package/src/element.ts

@@ -13,7 +13,6 @@ export default function Element(module, dependencies, templates, components, $sc
 		constructor() {
 
 			super()
-
 			const { base, options } = Component(this, { module, dependencies, templates, components, $scopes })
 
 			this.base = base
@@ -22,6 +21,7 @@ export default function Element(module, dependencies, templates, components, $sc
 		}
 
 		connectedCallback() {
+
 			this.base.render()
 
 			if( this.returns && this.returns.constructor === Promise ) {

package/src/index.ts

@@ -1,4 +1,6 @@
+import { type Module } from '..'
 import { templateConfig, buildtemplates } from './template-system'
+import { publish, subscribe } from './utils/pubsub'
 import Element from './element'
 
 const templates = {}
@@ -9,13 +11,15 @@ export default {
 
 	templateConfig,
 
-	register( name:string, module:any, dependencies: object ) {
+	publish,
+	subscribe,
+
+	register( name:string, module: Module, dependencies: object ) {
 		components[name] = { name, module, dependencies }
 	},
 
-	start() {
-		const body = document.body
-		buildtemplates( body, components, templates, $scopes )
+	start( target = document.body ) {
+		buildtemplates( target, components, templates, $scopes )
 		registerComponents()
 	}
 }
@@ -24,7 +28,7 @@ const registerComponents = () => {
 	Object
 		.values( components )
 		.forEach( (component) => {
-			const { name, module, dependencies } = component
+			const { name, module, dependencies } = component as any
 			const Base = Element(module, dependencies, templates, components, $scopes)
 			customElements.define(name, Base)
 		})

package/src/template-system.ts

@@ -1,6 +1,8 @@
-import Transpile from './Transpile'
+import Transpile from './transpile'
 import { uuid } from './utils'
 
+const textarea = document.createElement('textarea')
+
 const config = {
 	tags: ['${', '}']
 }
@@ -12,15 +14,11 @@ export const templateConfig = (newconfig) => {
 export default function Template(element, $scopes) {
 
 	const html = Transpile(element.outerHTML, config, $scopes)
-	const decodedHTML = JSON.stringify(html)
+	textarea.innerHTML = html
+	const decodedHTML  = JSON.stringify(textarea.value)
 
-	return new Function('$element', '$scopes',`
+	return new Function('$element', 'safe', '$scopes',`
 		var $data = this;
-
-		function safe(execute, val){
-			try{return execute()}catch(err){return val || ''}
-		}
-
 		with( $data ){
 			var output=${decodedHTML
 				.replace(/%%_=(.+?)_%%/g, '"+safe(function(){return $1;})+"')
@@ -32,9 +30,9 @@ export default function Template(element, $scopes) {
 export const buildtemplates = ( target, components, templates, $scopes ) => {
 	return Array
 		.from(target.querySelectorAll('*'))
-		.filter((node) => node.tagName.toLowerCase() in components)
+		.filter((node:HTMLElement) => node.tagName.toLowerCase() in components)
 		.reverse()
-		.map((node) => {
+		.map((node:HTMLElement) => {
 			Array.from(node.querySelectorAll('template'))
 				.map((template) => buildtemplates(template.content, components, templates, $scopes))
 			createTemplateId(node, templates, $scopes)

package/src/transpile.ts

@@ -5,7 +5,7 @@ export default function Transpile(html, config, $scopes) {
 	const regexTags = new RegExp(`\\${config.tags[0]}(.+?)\\${config.tags[1]}`, 'g')
 	const virtual = parser.parseFromString(html.replace(/<\/?template[^>]*>/g, ''), 'text/html')
 
-	virtual.querySelectorAll('[html-for], [html-if], [html-inner], [html-class]').forEach((element) => {
+	virtual.querySelectorAll('[html-for], [html-if], [html-inner], [html-class], [html-model]').forEach((element) => {
 
 		const htmlForeach = element.getAttribute('html-foreach')
 		const htmlFor 	= element.getAttribute('html-for')
@@ -44,7 +44,7 @@ export default function Transpile(html, config, $scopes) {
 		}
 		if (htmlClass) {
 			element.removeAttribute('html-class')
-			element.className += ` %%_=${htmlClass}_%%`
+			element.className = (element.className + ` %%_=${htmlClass}_%%`).trim()
 		}
 	})
 

package/src/utils/index.ts

@@ -36,3 +36,7 @@ export const purge = (d) => {
 		}
 	}
 }
+
+export const safe = (execute, val) => {
+	try{return execute()}catch(err){return val || ''}
+}

package/tsconfig.json

@@ -25,9 +25,9 @@
     // "moduleDetection": "auto",                        /* Control what method is used to detect module-format JS files. */
 
     /* Modules */
-    "module":"CommonJS",                                /* Specify what module code is generated. */
+    "module":"ES2015",                                /* Specify what module code is generated. */
     // "rootDir": "./src",                                  /* Specify the root folder within your source files. */
-    "moduleResolution": "node",                       /* Specify how TypeScript looks up a file from a given module specifier. */
+    "moduleResolution": "Bundler",                       /* Specify how TypeScript looks up a file from a given module specifier. */
     // "baseUrl": "./",                                  /* Specify the base directory to resolve non-relative module names. */
     // "paths": {},                                      /* Specify a set of entries that re-map imports to additional lookup locations. */
     // "rootDirs": [],                                   /* Allow multiple folders to be treated as one when resolving modules. */
@@ -44,12 +44,12 @@
     // "maxNodeModuleJsDepth": 1,                        /* Specify the maximum folder depth used for checking JavaScript files from 'node_modules'. Only applicable with 'allowJs'. */
 
     /* Emit */
-    "declaration": true,                              /* Generate .d.ts files from TypeScript and JavaScript files in your project. */
+    // "declaration": true,                              /* Generate .d.ts files from TypeScript and JavaScript files in your project. */
     // "declarationMap": true,                           /* Create sourcemaps for d.ts files. */
-    "emitDeclarationOnly": true,                      /* Only output d.ts files and not JavaScript files. */
+    // "emitDeclarationOnly": true,                      /* Only output d.ts files and not JavaScript files. */
     // "sourceMap": true,                                /* Create source map files for emitted JavaScript files. */
     // "outFile": "types/index.d.ts",                                  /* Specify a file that bundles all outputs into one JavaScript file. If 'declaration' is true, also designates a file that bundles all .d.ts output. */
-    "outDir": "types",                                   /* Specify an output folder for all emitted files. */
+    // "outDir": "types",                                   /* Specify an output folder for all emitted files. */
     // "removeComments": true,                           /* Disable emitting comments. */
     // "noEmit": true,                                   /* Disable emitting files from a compilation. */
     // "importHelpers": true,                            /* Allow importing helper functions from tslib once per project, instead of including them per-file. */

package/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/vite.config.ts

@@ -0,0 +1,16 @@
+import { defineConfig } from 'vite'
+import path from 'path'
+
+export default defineConfig({
+	build: {
+		sourcemap: true,
+		target: 'es2015',
+		minify: 'terser',
+		lib: {
+			name: 'jails',
+			entry: path.resolve('src', 'index.ts'),
+			formats: ['umd'],
+			fileName: format => `index.js`
+		}
+	}
+})

package/.babelrc

@@ -1,6 +0,0 @@
-{
-	"plugins": [
-		"transform-custom-element-classes",
-		"transform-es2015-classes"
-	]
-}

package/types/component.d.ts

@@ -1,32 +0,0 @@
-export default function Component(elm: any, { module, dependencies, templates, components }: {
-    module: any;
-    dependencies: any;
-    templates: any;
-    components: any;
-}): {
-    base: {
-        template: any;
-        elm: any;
-        dependencies: any;
-        publish: (name: any, params: any) => void;
-        subscribe: (name: any, method: any) => () => void;
-        main(fn: any): void;
-        unmount(fn: any): void;
-        onupdate(fn: any): void;
-        on(eventName: any, selectorOrCallback: any, callback: any): void;
-        off(eventName: any, callback: any): void;
-        trigger(eventName: any, target: any, args: any): void;
-        emit: (...args: any[]) => void;
-        state: {
-            set(data: any): Promise<unknown>;
-            get(): any;
-        };
-        render(data?: any): void;
-    };
-    options: {
-        main: (a: any) => any;
-        unmount: (a: any) => any;
-        onupdate: (a: any) => any;
-        view: any;
-    };
-};

package/types/element.d.ts

@@ -1,311 +0,0 @@
-export default function Element(module: any, dependencies: any, templates: any, components: any): {
-    new (): {
-        base: any;
-        options: any;
-        __events: any;
-        connectedCallback(): void;
-        disconnectedCallback(): void;
-        attributeChangedCallback(): void;
-        accessKey: string;
-        readonly accessKeyLabel: string;
-        autocapitalize: string;
-        dir: string;
-        draggable: boolean;
-        hidden: boolean;
-        innerText: string;
-        lang: string;
-        readonly offsetHeight: number;
-        readonly offsetLeft: number;
-        readonly offsetParent: Element;
-        readonly offsetTop: number;
-        readonly offsetWidth: number;
-        outerText: string;
-        spellcheck: boolean;
-        title: string;
-        translate: boolean;
-        attachInternals(): ElementInternals;
-        click(): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
-        readonly attributes: NamedNodeMap;
-        readonly classList: DOMTokenList;
-        className: string;
-        readonly clientHeight: number;
-        readonly clientLeft: number;
-        readonly clientTop: number;
-        readonly clientWidth: number;
-        id: string;
-        readonly localName: string;
-        readonly namespaceURI: string;
-        onfullscreenchange: (this: Element, ev: Event) => any;
-        onfullscreenerror: (this: Element, ev: Event) => any;
-        outerHTML: string;
-        readonly ownerDocument: Document;
-        readonly part: DOMTokenList;
-        readonly prefix: string;
-        readonly scrollHeight: number;
-        scrollLeft: number;
-        scrollTop: number;
-        readonly scrollWidth: number;
-        readonly shadowRoot: ShadowRoot;
-        slot: string;
-        readonly tagName: string;
-        attachShadow(init: ShadowRootInit): ShadowRoot;
-        closest<K_2 extends keyof HTMLElementTagNameMap>(selector: K_2): HTMLElementTagNameMap[K_2];
-        closest<K_3 extends keyof SVGElementTagNameMap>(selector: K_3): SVGElementTagNameMap[K_3];
-        closest<E extends Element = Element>(selectors: string): E;
-        getAttribute(qualifiedName: string): string;
-        getAttributeNS(namespace: string, localName: string): string;
-        getAttributeNames(): string[];
-        getAttributeNode(qualifiedName: string): Attr;
-        getAttributeNodeNS(namespace: string, localName: string): Attr;
-        getBoundingClientRect(): DOMRect;
-        getClientRects(): DOMRectList;
-        getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
-        getElementsByTagName<K_4 extends keyof HTMLElementTagNameMap>(qualifiedName: K_4): HTMLCollectionOf<HTMLElementTagNameMap[K_4]>;
-        getElementsByTagName<K_5 extends keyof SVGElementTagNameMap>(qualifiedName: K_5): HTMLCollectionOf<SVGElementTagNameMap[K_5]>;
-        getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;
-        getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;
-        getElementsByTagNameNS(namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;
-        getElementsByTagNameNS(namespace: string, localName: string): HTMLCollectionOf<Element>;
-        hasAttribute(qualifiedName: string): boolean;
-        hasAttributeNS(namespace: string, localName: string): boolean;
-        hasAttributes(): boolean;
-        hasPointerCapture(pointerId: number): boolean;
-        insertAdjacentElement(where: InsertPosition, element: Element): Element;
-        insertAdjacentHTML(position: InsertPosition, text: string): void;
-        insertAdjacentText(where: InsertPosition, data: string): void;
-        matches(selectors: string): boolean;
-        releasePointerCapture(pointerId: number): void;
-        removeAttribute(qualifiedName: string): void;
-        removeAttributeNS(namespace: string, localName: string): void;
-        removeAttributeNode(attr: Attr): Attr;
-        requestFullscreen(options?: FullscreenOptions): Promise<void>;
-        requestPointerLock(): void;
-        scroll(options?: ScrollToOptions): void;
-        scroll(x: number, y: number): void;
-        scrollBy(options?: ScrollToOptions): void;
-        scrollBy(x: number, y: number): void;
-        scrollIntoView(arg?: boolean | ScrollIntoViewOptions): void;
-        scrollTo(options?: ScrollToOptions): void;
-        scrollTo(x: number, y: number): void;
-        setAttribute(qualifiedName: string, value: string): void;
-        setAttributeNS(namespace: string, qualifiedName: string, value: string): void;
-        setAttributeNode(attr: Attr): Attr;
-        setAttributeNodeNS(attr: Attr): Attr;
-        setPointerCapture(pointerId: number): void;
-        toggleAttribute(qualifiedName: string, force?: boolean): boolean;
-        webkitMatchesSelector(selectors: string): boolean;
-        readonly baseURI: string;
-        readonly childNodes: NodeListOf<ChildNode>;
-        readonly firstChild: ChildNode;
-        readonly isConnected: boolean;
-        readonly lastChild: ChildNode;
-        readonly nextSibling: ChildNode;
-        readonly nodeName: string;
-        readonly nodeType: number;
-        nodeValue: string;
-        readonly parentElement: HTMLElement;
-        readonly parentNode: ParentNode;
-        readonly previousSibling: ChildNode;
-        textContent: string;
-        appendChild<T extends Node>(node: T): T;
-        cloneNode(deep?: boolean): Node;
-        compareDocumentPosition(other: Node): number;
-        contains(other: Node): boolean;
-        getRootNode(options?: GetRootNodeOptions): Node;
-        hasChildNodes(): boolean;
-        insertBefore<T_1 extends Node>(node: T_1, child: Node): T_1;
-        isDefaultNamespace(namespace: string): boolean;
-        isEqualNode(otherNode: Node): boolean;
-        isSameNode(otherNode: Node): boolean;
-        lookupNamespaceURI(prefix: string): string;
-        lookupPrefix(namespace: string): string;
-        normalize(): void;
-        removeChild<T_2 extends Node>(child: T_2): T_2;
-        replaceChild<T_3 extends Node>(node: Node, child: T_3): T_3;
-        readonly ATTRIBUTE_NODE: number;
-        readonly CDATA_SECTION_NODE: number;
-        readonly COMMENT_NODE: number;
-        readonly DOCUMENT_FRAGMENT_NODE: number;
-        readonly DOCUMENT_NODE: number;
-        readonly DOCUMENT_POSITION_CONTAINED_BY: number;
-        readonly DOCUMENT_POSITION_CONTAINS: number;
-        readonly DOCUMENT_POSITION_DISCONNECTED: number;
-        readonly DOCUMENT_POSITION_FOLLOWING: number;
-        readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: number;
-        readonly DOCUMENT_POSITION_PRECEDING: number;
-        readonly DOCUMENT_TYPE_NODE: number;
-        readonly ELEMENT_NODE: number;
-        readonly ENTITY_NODE: number;
-        readonly ENTITY_REFERENCE_NODE: number;
-        readonly NOTATION_NODE: number;
-        readonly PROCESSING_INSTRUCTION_NODE: number;
-        readonly TEXT_NODE: number;
-        dispatchEvent(event: Event): boolean;
-        ariaAtomic: string;
-        ariaAutoComplete: string;
-        ariaBusy: string;
-        ariaChecked: string;
-        ariaColCount: string;
-        ariaColIndex: string;
-        ariaColSpan: string;
-        ariaCurrent: string;
-        ariaDisabled: string;
-        ariaExpanded: string;
-        ariaHasPopup: string;
-        ariaHidden: string;
-        ariaKeyShortcuts: string;
-        ariaLabel: string;
-        ariaLevel: string;
-        ariaLive: string;
-        ariaModal: string;
-        ariaMultiLine: string;
-        ariaMultiSelectable: string;
-        ariaOrientation: string;
-        ariaPlaceholder: string;
-        ariaPosInSet: string;
-        ariaPressed: string;
-        ariaReadOnly: string;
-        ariaRequired: string;
-        ariaRoleDescription: string;
-        ariaRowCount: string;
-        ariaRowIndex: string;
-        ariaRowSpan: string;
-        ariaSelected: string;
-        ariaSetSize: string;
-        ariaSort: string;
-        ariaValueMax: string;
-        ariaValueMin: string;
-        ariaValueNow: string;
-        ariaValueText: string;
-        animate(keyframes: Keyframe[] | PropertyIndexedKeyframes, options?: number | KeyframeAnimationOptions): Animation;
-        getAnimations(options?: GetAnimationsOptions): Animation[];
-        after(...nodes: (string | Node)[]): void;
-        before(...nodes: (string | Node)[]): void;
-        remove(): void;
-        replaceWith(...nodes: (string | Node)[]): void;
-        innerHTML: string;
-        readonly nextElementSibling: Element;
-        readonly previousElementSibling: Element;
-        readonly childElementCount: number;
-        readonly children: HTMLCollection;
-        readonly firstElementChild: Element;
-        readonly lastElementChild: Element;
-        append(...nodes: (string | Node)[]): void;
-        prepend(...nodes: (string | Node)[]): void;
-        querySelector<K_6 extends keyof HTMLElementTagNameMap>(selectors: K_6): HTMLElementTagNameMap[K_6];
-        querySelector<K_7 extends keyof SVGElementTagNameMap>(selectors: K_7): SVGElementTagNameMap[K_7];
-        querySelector<E_1 extends Element = Element>(selectors: string): E_1;
-        querySelectorAll<K_8 extends keyof HTMLElementTagNameMap>(selectors: K_8): NodeListOf<HTMLElementTagNameMap[K_8]>;
-        querySelectorAll<K_9 extends keyof SVGElementTagNameMap>(selectors: K_9): NodeListOf<SVGElementTagNameMap[K_9]>;
-        querySelectorAll<E_2 extends Element = Element>(selectors: string): NodeListOf<E_2>;
-        replaceChildren(...nodes: (string | Node)[]): void;
-        readonly assignedSlot: HTMLSlotElement;
-        oncopy: (this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any;
-        oncut: (this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any;
-        onpaste: (this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any;
-        readonly style: CSSStyleDeclaration;
-        contentEditable: string;
-        enterKeyHint: string;
-        inputMode: string;
-        readonly isContentEditable: boolean;
-        onabort: (this: GlobalEventHandlers, ev: UIEvent) => any;
-        onanimationcancel: (this: GlobalEventHandlers, ev: AnimationEvent) => any;
-        onanimationend: (this: GlobalEventHandlers, ev: AnimationEvent) => any;
-        onanimationiteration: (this: GlobalEventHandlers, ev: AnimationEvent) => any;
-        onanimationstart: (this: GlobalEventHandlers, ev: AnimationEvent) => any;
-        onauxclick: (this: GlobalEventHandlers, ev: MouseEvent) => any;
-        onblur: (this: GlobalEventHandlers, ev: FocusEvent) => any;
-        oncanplay: (this: GlobalEventHandlers, ev: Event) => any;
-        oncanplaythrough: (this: GlobalEventHandlers, ev: Event) => any;
-        onchange: (this: GlobalEventHandlers, ev: Event) => any;
-        onclick: (this: GlobalEventHandlers, ev: MouseEvent) => any;
-        onclose: (this: GlobalEventHandlers, ev: Event) => any;
-        oncontextmenu: (this: GlobalEventHandlers, ev: MouseEvent) => any;
-        oncuechange: (this: GlobalEventHandlers, ev: Event) => any;
-        ondblclick: (this: GlobalEventHandlers, ev: MouseEvent) => any;
-        ondrag: (this: GlobalEventHandlers, ev: DragEvent) => any;
-        ondragend: (this: GlobalEventHandlers, ev: DragEvent) => any;
-        ondragenter: (this: GlobalEventHandlers, ev: DragEvent) => any;
-        ondragleave: (this: GlobalEventHandlers, ev: DragEvent) => any;
-        ondragover: (this: GlobalEventHandlers, ev: DragEvent) => any;
-        ondragstart: (this: GlobalEventHandlers, ev: DragEvent) => any;
-        ondrop: (this: GlobalEventHandlers, ev: DragEvent) => any;
-        ondurationchange: (this: GlobalEventHandlers, ev: Event) => any;
-        onemptied: (this: GlobalEventHandlers, ev: Event) => any;
-        onended: (this: GlobalEventHandlers, ev: Event) => any;
-        onerror: OnErrorEventHandlerNonNull;
-        onfocus: (this: GlobalEventHandlers, ev: FocusEvent) => any;
-        onformdata: (this: GlobalEventHandlers, ev: FormDataEvent) => any;
-        ongotpointercapture: (this: GlobalEventHandlers, ev: PointerEvent) => any;
-        oninput: (this: GlobalEventHandlers, ev: Event) => any;
-        oninvalid: (this: GlobalEventHandlers, ev: Event) => any;
-        onkeydown: (this: GlobalEventHandlers, ev: KeyboardEvent) => any;
-        onkeypress: (this: GlobalEventHandlers, ev: KeyboardEvent) => any;
-        onkeyup: (this: GlobalEventHandlers, ev: KeyboardEvent) => any;
-        onload: (this: GlobalEventHandlers, ev: Event) => any;
-        onloadeddata: (this: GlobalEventHandlers, ev: Event) => any;
-        onloadedmetadata: (this: GlobalEventHandlers, ev: Event) => any;
-        onloadstart: (this: GlobalEventHandlers, ev: Event) => any;
-        onlostpointercapture: (this: GlobalEventHandlers, ev: PointerEvent) => any;
-        onmousedown: (this: GlobalEventHandlers, ev: MouseEvent) => any;
-        onmouseenter: (this: GlobalEventHandlers, ev: MouseEvent) => any;
-        onmouseleave: (this: GlobalEventHandlers, ev: MouseEvent) => any;
-        onmousemove: (this: GlobalEventHandlers, ev: MouseEvent) => any;
-        onmouseout: (this: GlobalEventHandlers, ev: MouseEvent) => any;
-        onmouseover: (this: GlobalEventHandlers, ev: MouseEvent) => any;
-        onmouseup: (this: GlobalEventHandlers, ev: MouseEvent) => any;
-        onpause: (this: GlobalEventHandlers, ev: Event) => any;
-        onplay: (this: GlobalEventHandlers, ev: Event) => any;
-        onplaying: (this: GlobalEventHandlers, ev: Event) => any;
-        onpointercancel: (this: GlobalEventHandlers, ev: PointerEvent) => any;
-        onpointerdown: (this: GlobalEventHandlers, ev: PointerEvent) => any;
-        onpointerenter: (this: GlobalEventHandlers, ev: PointerEvent) => any;
-        onpointerleave: (this: GlobalEventHandlers, ev: PointerEvent) => any;
-        onpointermove: (this: GlobalEventHandlers, ev: PointerEvent) => any;
-        onpointerout: (this: GlobalEventHandlers, ev: PointerEvent) => any;
-        onpointerover: (this: GlobalEventHandlers, ev: PointerEvent) => any;
-        onpointerup: (this: GlobalEventHandlers, ev: PointerEvent) => any;
-        onprogress: (this: GlobalEventHandlers, ev: ProgressEvent<EventTarget>) => any;
-        onratechange: (this: GlobalEventHandlers, ev: Event) => any;
-        onreset: (this: GlobalEventHandlers, ev: Event) => any;
-        onresize: (this: GlobalEventHandlers, ev: UIEvent) => any;
-        onscroll: (this: GlobalEventHandlers, ev: Event) => any;
-        onsecuritypolicyviolation: (this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any;
-        onseeked: (this: GlobalEventHandlers, ev: Event) => any;
-        onseeking: (this: GlobalEventHandlers, ev: Event) => any;
-        onselect: (this: GlobalEventHandlers, ev: Event) => any;
-        onselectionchange: (this: GlobalEventHandlers, ev: Event) => any;
-        onselectstart: (this: GlobalEventHandlers, ev: Event) => any;
-        onslotchange: (this: GlobalEventHandlers, ev: Event) => any;
-        onstalled: (this: GlobalEventHandlers, ev: Event) => any;
-        onsubmit: (this: GlobalEventHandlers, ev: SubmitEvent) => any;
-        onsuspend: (this: GlobalEventHandlers, ev: Event) => any;
-        ontimeupdate: (this: GlobalEventHandlers, ev: Event) => any;
-        ontoggle: (this: GlobalEventHandlers, ev: Event) => any;
-        ontouchcancel?: (this: GlobalEventHandlers, ev: TouchEvent) => any;
-        ontouchend?: (this: GlobalEventHandlers, ev: TouchEvent) => any;
-        ontouchmove?: (this: GlobalEventHandlers, ev: TouchEvent) => any;
-        ontouchstart?: (this: GlobalEventHandlers, ev: TouchEvent) => any;
-        ontransitioncancel: (this: GlobalEventHandlers, ev: TransitionEvent) => any;
-        ontransitionend: (this: GlobalEventHandlers, ev: TransitionEvent) => any;
-        ontransitionrun: (this: GlobalEventHandlers, ev: TransitionEvent) => any;
-        ontransitionstart: (this: GlobalEventHandlers, ev: TransitionEvent) => any;
-        onvolumechange: (this: GlobalEventHandlers, ev: Event) => any;
-        onwaiting: (this: GlobalEventHandlers, ev: Event) => any;
-        onwebkitanimationend: (this: GlobalEventHandlers, ev: Event) => any;
-        onwebkitanimationiteration: (this: GlobalEventHandlers, ev: Event) => any;
-        onwebkitanimationstart: (this: GlobalEventHandlers, ev: Event) => any;
-        onwebkittransitionend: (this: GlobalEventHandlers, ev: Event) => any;
-        onwheel: (this: GlobalEventHandlers, ev: WheelEvent) => any;
-        autofocus: boolean;
-        readonly dataset: DOMStringMap;
-        nonce?: string;
-        tabIndex: number;
-        blur(): void;
-        focus(options?: FocusOptions): void;
-    };
-};

package/types/index.d.ts

@@ -1,6 +0,0 @@
-declare const _default: {
-    register(name: string, module: any, dependencies?: object): void;
-    start(): void;
-	templateConfig( options: any ): void;
-};
-export default _default;

package/types/index.ts

@@ -1,41 +0,0 @@
-export type Component = {
-
-	elm: HTMLElement
-	dependencies: object
-
-	state : {
-		set( data: object ) : void
-		set( callback: ( state: object ) => any ) : void
-		get() : object
-	}
-
-	main( mainArgs: ( t: any ) => Array<Function> ): void
-
-	publish( name: string, value: any ) : void
-
-	subscribe( name: string, value: Function ) : Function
-
-	template( data: object ) : void
-
-	unmount( callback: () => void ) : void
-
-	onupdate( callback: () => void ) : void
-
-	on( eventName: string, selector: string, callback: () => void ): void
-
-	on( eventName: string, callback: () => void ): void
-
-	emit( eventName: string, data: any ) : void
-
-	off( eventName: string, callback: () => void ): void
-
-	trigger( eventName: string, selector :string, data: any ): void
-
-	render( data: object ) : void
-}
-
-export type Model = {
-	[key: string] : object
-}
-
-export type View = ( state: object ) => object

package/types/template-system.d.ts

@@ -1 +0,0 @@
-export default function templateSystem(element: any): (data: any) => string;

package/types/utils/events.d.ts

@@ -1,3 +0,0 @@
-export declare const on: (node: any, ev: any, selectorOrCallback: any, callback: any) => void;
-export declare const off: (node: any, ev: any, fn: any) => void;
-export declare const trigger: (node: any, name: any, args: any) => void;

package/types/utils/index.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="node" />
-export declare const rAF: (fn: any) => number | NodeJS.Timeout;
-export declare const uuid: () => string;
-export declare const stripTemplateTag: (element: any) => void;
-export declare const dup: (o: any) => any;
-export declare const createTemplateId: (element: any, templates: any) => void;
-export declare const buildtemplates: (target: any, components: any, templates: any) => unknown[];
-export declare const decodeHtmlEntities: (str: any) => string;

package/types/utils/pubsub.d.ts

@@ -1,2 +0,0 @@
-export declare const publish: (name: any, params: any) => void;
-export declare const subscribe: (name: any, method: any) => () => void;