taggedjs 2.8.44 → 3.0.2

package/js/TagJsEvent.type.d.ts

@@ -1,10 +1,6 @@
 export interface ElementTargetEvent extends Event {
     target: HTMLElement;
 }
-export interface InputElementTargetEvent extends Event {
+export interface InputElementTargetEvent extends Event, KeyboardEvent {
     target: HTMLInputElement;
 }
-export interface TagJsEvent extends InputElementTargetEvent {
-    stagger: number;
-    staggerBy?: number;
-}

package/js/TagJsEvent.type.js

@@ -1,2 +1,8 @@
 export {};
+/*
+export interface TagJsEvent extends InputElementTargetEvent {
+  stagger: number // each number represents an item being animated
+  staggerBy?: number // staggerBy * stagger = totalStagger
+}
+*/ 
 //# sourceMappingURL=TagJsEvent.type.js.map

package/js/TagJsEvent.type.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagJsEvent.type.js","sourceRoot":"","sources":["../ts/TagJsEvent.type.ts"],"names":[],"mappings":""}
+{"version":3,"file":"TagJsEvent.type.js","sourceRoot":"","sources":["../ts/TagJsEvent.type.ts"],"names":[],"mappings":";AAOA;;;;;EAKE"}

package/js/elements/designElement.function.d.ts

@@ -0,0 +1,48 @@
+import { InputElementTargetEvent } from '../index.js';
+import { Attribute } from '../interpolations/optimizers/ObjectNode.types.js';
+import { ReadOnlyVar, TagJsVar } from '../tagJsVars/tagJsVar.type.js';
+import { elementFunctions } from './elementFunctions.js';
+export type TruthyVar = number | string | boolean | ((_: InputElementTargetEvent) => string | boolean | number);
+export type MockElmListener = [
+    string,
+    callback: ((e: InputElementTargetEvent) => any) & {
+        toCallback: any;
+    }
+];
+export type ElementVarBase = ReadOnlyVar & {
+    tagName: string;
+    innerHTML: any[];
+    attributes: Attribute[];
+    elementFunctions: typeof elementFunctions;
+    /** Children and self contexts all together */
+    contexts?: TagJsVar[];
+    /** Just this element listeners */
+    listeners: MockElmListener[];
+    /** Parent and Child elements listeners */
+    allListeners: MockElmListener[];
+};
+type Child = ((_: InputElementTargetEvent) => any) | string | boolean | TagJsVar | number | null | undefined | any[];
+export type Attributes = {
+    onKeyup?: (_: InputElementTargetEvent) => any;
+    onKeydown?: (_: InputElementTargetEvent) => any;
+    onClick?: (_: InputElementTargetEvent) => any;
+    onChange?: (_: InputElementTargetEvent) => any;
+    onBlur?: (_: InputElementTargetEvent) => any;
+    /** You may want to instead use "onClick" because "onclick" is a string function that runs in browser */
+    onclick?: string;
+    /** You may want to instead use "onChange" because "onchange" is a string function that runs in browser */
+    onchange?: string;
+    /** You may want to instead use "onBlur" because "onblur" is a string function that runs in browser */
+    onblur?: string;
+    checked?: TruthyVar;
+    autofocus?: TruthyVar;
+    style?: string | object | ((_: InputElementTargetEvent) => string | object);
+    attr?: string | object | TagJsVar | void | undefined | ((_: InputElementTargetEvent) => any);
+} & {
+    [attrName: string]: object | string | boolean | number | TagJsVar | undefined | void | ((_: InputElementTargetEvent) => any);
+};
+export type ElementFunction = ((attributesOrFirstChild: Child | Attributes, ...children: Child[]) => any) & ElementVarBase;
+export type ElementVar = ElementFunction;
+export declare function designElement(tagName: string): ElementVar;
+export declare function getPushKid(element: ElementVarBase, _elmFunctions: typeof elementFunctions): ElementVar;
+export {};

package/js/elements/designElement.function.js

@@ -0,0 +1,77 @@
+import { blankHandler } from '../render/dom/blankHandler.function.js';
+import { elementFunctions, isValueForContext, loopObjectAttributes } from './elementFunctions.js';
+import { destroyDesignElement } from './destroyDesignElement.function.js';
+import { processDesignElementUpdate, checkTagElementValueChange } from './processDesignElementUpdate.function.js';
+import { processDesignElementInit } from './processDesignElementInit.function.js';
+export function designElement(tagName) {
+    const element = {
+        tagJsType: 'element',
+        processInitAttribute: blankHandler,
+        processInit: processDesignElementInit,
+        destroy: destroyDesignElement,
+        processUpdate: processDesignElementUpdate,
+        hasValueChanged: checkTagElementValueChange,
+        tagName,
+        innerHTML: [],
+        attributes: [],
+        listeners: [],
+        allListeners: [],
+        elementFunctions,
+    };
+    const pushKid = getPushKid(element, elementFunctions);
+    pushKid.tagName = tagName;
+    return pushKid;
+}
+export function getPushKid(element, _elmFunctions) {
+    const pushKid = (...args) => {
+        const newElement = { ...pushKid };
+        newElement.attributes = [...pushKid.attributes];
+        newElement.listeners = [...pushKid.listeners];
+        newElement.allListeners = [...pushKid.allListeners];
+        if (args.length > 0 &&
+            typeof args[0] === 'object' &&
+            !Array.isArray(args[0]) &&
+            !args[0].tagJsType // TODO: need better attribute detection
+        ) {
+            loopObjectAttributes(newElement, args[0]);
+            args.splice(0, 1);
+        }
+        newElement.innerHTML = args;
+        // review each child for potential to be context
+        args.forEach(arg => {
+            if (!isValueForContext(arg)) {
+                return;
+            }
+            if (arg.tagJsType === 'element') {
+                newElement.allListeners.push(...arg.allListeners);
+                if (arg.contexts) {
+                    // the argument is an element so push up its contexts into mine
+                    if (!newElement.contexts) {
+                        // newElement.contexts = [...arg.contexts]
+                        newElement.contexts = arg.contexts;
+                    }
+                    else {
+                        newElement.contexts.push(...arg.contexts);
+                    }
+                }
+                return;
+            }
+            registerMockChildContext(arg, newElement);
+        });
+        return newElement;
+    };
+    Object.assign(pushKid, element);
+    Object.assign(pushKid, elementFunctions(pushKid));
+    pushKid.attributes = [...element.attributes];
+    pushKid.listeners = [...element.listeners];
+    pushKid.allListeners = [...element.allListeners];
+    return pushKid;
+}
+/** used during updates */
+function registerMockChildContext(value, mockElm) {
+    if (!mockElm.contexts) {
+        mockElm.contexts = [];
+    }
+    mockElm.contexts.push(value);
+}
+//# sourceMappingURL=designElement.function.js.map

package/js/elements/designElement.function.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"designElement.function.js","sourceRoot":"","sources":["../../ts/elements/designElement.function.ts"],"names":[],"mappings":"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"}

package/js/elements/destroyDesignElement.function.d.ts

@@ -0,0 +1,4 @@
+import { AnySupport } from '../index.js';
+import { ContextItem } from '../tag/ContextItem.type.js';
+export declare function destroyDesignElement(context: ContextItem, ownerSupport: AnySupport): Promise<void> | undefined;
+export declare function destroyDesignByContexts(contexts: ContextItem[], ownerSupport: AnySupport, promises: Promise<any>[]): number | undefined;

package/js/elements/destroyDesignElement.function.js

@@ -0,0 +1,53 @@
+import { isPromise } from '../index.js';
+import { paint, painting } from '../render/paint.function.js';
+import { destroyHtmlDomMeta } from '../tag/destroyHtmlDomMeta.function.js';
+import { destroyContextHtml } from '../tag/smartRemoveKids.function.js';
+export function destroyDesignElement(context, ownerSupport) {
+    ++context.updateCount;
+    const contexts = context.contexts;
+    const promises = [];
+    if (contexts.length) {
+        destroyDesignByContexts(contexts, ownerSupport, promises);
+        contexts.length = 0;
+        if (promises.length) {
+            const htmlDomMeta = context.htmlDomMeta;
+            context.deleted = true;
+            return Promise.all(promises).then(() => {
+                ++painting.locks;
+                // destroyContextHtml(context)
+                destroyHtmlDomMeta(htmlDomMeta);
+                // delete context.htmlDomMeta
+                context.htmlDomMeta = [];
+                // context.deleted = true
+                --painting.locks;
+                paint();
+            });
+        }
+    }
+    destroyContextHtml(context);
+    // delete context.htmlDomMeta
+    context.htmlDomMeta = [];
+    // context.deleted = true
+    delete context.contexts;
+    context.deleted = true;
+}
+export function destroyDesignByContexts(contexts, ownerSupport, promises) {
+    const context = contexts[0];
+    const result = context.tagJsVar.destroy(context, ownerSupport);
+    context.deleted = true;
+    if (isPromise(result)) {
+        return promises.push(result.then(() => {
+            if (contexts.length > 1) {
+                return destroyDesignByContexts(contexts.slice(1, contexts.length), ownerSupport, promises);
+            }
+        }));
+    }
+    if (context.htmlDomMeta) {
+        destroyContextHtml(context);
+        delete context.htmlDomMeta;
+    }
+    if (contexts.length > 1) {
+        return destroyDesignByContexts(contexts.slice(1, contexts.length), ownerSupport, promises);
+    }
+}
+//# sourceMappingURL=destroyDesignElement.function.js.map

package/js/elements/destroyDesignElement.function.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"destroyDesignElement.function.js","sourceRoot":"","sources":["../../ts/elements/destroyDesignElement.function.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,SAAS,EAAE,MAAM,aAAa,CAAA;AAEnD,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AAE7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,uCAAuC,CAAA;AAC1E,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAA;AAEvE,MAAM,UAAU,oBAAoB,CAClC,OAAoB,EACpB,YAAwB;IAExB,EAAE,OAAO,CAAC,WAAW,CAAA;IAErB,MAAM,QAAQ,GAAG,OAAO,CAAC,QAAyB,CAAA;IAClD,MAAM,QAAQ,GAAmB,EAAE,CAAA;IAEnC,IAAG,QAAQ,CAAC,MAAM,EAAE,CAAC;QACnB,uBAAuB,CAAC,QAAQ,EAAE,YAAY,EAAE,QAAQ,CAAC,CAAA;QACzD,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAA;QAEnB,IAAI,QAAQ,CAAC,MAAM,EAAG,CAAC;YACrB,MAAM,WAAW,GAAG,OAAO,CAAC,WAAgC,CAAA;YAC5D,OAAO,CAAC,OAAO,GAAG,IAAI,CAAA;YACtB,OAAO,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE;gBACrC,EAAE,QAAQ,CAAC,KAAK,CAAA;gBAChB,8BAA8B;gBAC9B,kBAAkB,CAAE,WAAW,CAAE,CAAA;gBACjC,6BAA6B;gBAC7B,OAAO,CAAC,WAAW,GAAG,EAAE,CAAA;gBACxB,yBAAyB;gBACzB,EAAE,QAAQ,CAAC,KAAK,CAAA;gBAChB,KAAK,EAAE,CAAA;YACT,CAAC,CAAC,CAAA;QACJ,CAAC;IACH,CAAC;IAED,kBAAkB,CAAC,OAAO,CAAC,CAAA;IAE3B,6BAA6B;IAC7B,OAAO,CAAC,WAAW,GAAG,EAAE,CAAA;IACxB,yBAAyB;IACzB,OAAO,OAAO,CAAC,QAAQ,CAAA;IACvB,OAAO,CAAC,OAAO,GAAG,IAAI,CAAA;AACxB,CAAC;AAED,MAAM,UAAU,uBAAuB,CACrC,QAAuB,EACvB,YAAwB,EACxB,QAAwB;IAExB,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAC3B,MAAM,MAAM,GAAG,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,YAAY,CAAC,CAAA;IAC9D,OAAO,CAAC,OAAO,GAAG,IAAI,CAAA;IAEtB,IAAI,SAAS,CAAC,MAAM,CAAC,EAAG,CAAC;QACvB,OAAO,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE;YACpC,IAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACvB,OAAO,uBAAuB,CAC5B,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,EAClC,YAAY,EACZ,QAAQ,CACT,CAAA;YACH,CAAC;QACH,CAAC,CAAC,CAAC,CAAA;IACL,CAAC;IAED,IAAG,OAAO,CAAC,WAAW,EAAE,CAAC;QACvB,kBAAkB,CAAC,OAAO,CAAC,CAAA;QAC3B,OAAO,OAAO,CAAC,WAAW,CAAA;IAC5B,CAAC;IAED,IAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACvB,OAAO,uBAAuB,CAC5B,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,EAClC,YAAY,EACZ,QAAQ,CACT,CAAA;IACH,CAAC;AACH,CAAC"}

package/js/elements/div.d.ts

@@ -0,0 +1,4 @@
+export declare const div: import("./designElement.function.js").ElementVar;
+export declare const button: import("./designElement.function.js").ElementVar;
+export declare const select: import("./designElement.function.js").ElementVar;
+export declare const option: import("./designElement.function.js").ElementVar;

package/js/elements/div.js

@@ -0,0 +1,6 @@
+import { designElement } from './designElement.function.js';
+export const div = designElement('div');
+export const button = designElement('button');
+export const select = designElement('select');
+export const option = designElement('option');
+//# sourceMappingURL=div.js.map

package/js/elements/div.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"div.js","sourceRoot":"","sources":["../../ts/elements/div.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAE3D,MAAM,CAAC,MAAM,GAAG,GAAG,aAAa,CAAC,KAAK,CAAC,CAAA;AACvC,MAAM,CAAC,MAAM,MAAM,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAA;AAC7C,MAAM,CAAC,MAAM,MAAM,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAA;AAC7C,MAAM,CAAC,MAAM,MAAM,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAA"}

package/js/elements/elementFunctions.d.ts

@@ -0,0 +1,20 @@
+import { InputElementTargetEvent } from '../TagJsEvent.type.js';
+import { ElementVar } from './designElement.function.js';
+export declare function elementFunctions(item: any): {
+    onClose: (callback: (e: InputElementTargetEvent) => any) => import("./designElement.function.js").ElementFunction;
+    onDoubleClick: (callback: (e: InputElementTargetEvent) => any) => import("./designElement.function.js").ElementFunction;
+    onClick: (callback: (e: InputElementTargetEvent) => any) => import("./designElement.function.js").ElementFunction;
+    onBlur: (callback: (e: InputElementTargetEvent) => any) => import("./designElement.function.js").ElementFunction;
+    onChange: (callback: (e: InputElementTargetEvent) => any) => import("./designElement.function.js").ElementFunction;
+    onMousedown: (callback: (e: InputElementTargetEvent) => any) => import("./designElement.function.js").ElementFunction;
+    onMouseup: (callback: (e: InputElementTargetEvent) => any) => import("./designElement.function.js").ElementFunction;
+    onKeydown: (callback: (e: InputElementTargetEvent) => any) => import("./designElement.function.js").ElementFunction;
+    onKeyup: (callback: (e: InputElementTargetEvent) => any) => import("./designElement.function.js").ElementFunction;
+    attr: (...args: any[]) => import("./designElement.function.js").ElementFunction;
+    /** Used for setting array index-key value */
+    key: (arrayValue: any) => /*elided*/ any;
+};
+/** used during updates */
+export declare function registerMockAttrContext(value: any, mockElm: ElementVar): void;
+export declare function isValueForContext(value: any): any;
+export declare function loopObjectAttributes(item: ElementVar, object: any): import("./designElement.function.js").ElementFunction;

package/js/elements/elementFunctions.js

@@ -0,0 +1,140 @@
+import { isFunction, isObject } from '../index.js';
+import { setBooleanAttribute, setNonFunctionInputValue, setSimpleAttribute } from '../interpolations/attributes/howToSetInputValue.function.js';
+import { getPushKid } from './designElement.function.js';
+function callbackWrapper(item, eventName, callback) {
+    const clone = getPushKid(item, item.elementFunctions);
+    return callbackWrapper2(clone, eventName, callback);
+}
+function callbackWrapper2(item, eventName, callback) {
+    function wrapCallback(e) {
+        return wrapCallback.toCallback(e);
+    }
+    wrapCallback.toCallback = callback;
+    item.listeners.push([eventName, wrapCallback]);
+    item.allListeners.push([eventName, wrapCallback]);
+    return item;
+}
+function attr(item, args) {
+    const clone = getPushKid(item, item.elementFunctions);
+    clone.attributes.push(args);
+    if (isValueForContext(args[0])) {
+        registerMockAttrContext(args[0], clone); // the attrName is a function or TagJsVar
+    }
+    else if (isValueForContext(args[1])) {
+        registerMockAttrContext(args[1], clone); // the attrValue is a function or TagJsVar
+    }
+    return clone;
+}
+function attr2(item, args) {
+    // const clone = getPushKid(item as any, item.elementFunctions)
+    // clone.attributes.push(args as Attribute)
+    item.attributes.push(args);
+    if (isValueForContext(args[0])) {
+        registerMockAttrContext(args[0], item); // the attrName is a function or TagJsVar
+    }
+    else if (isValueForContext(args[1])) {
+        registerMockAttrContext(args[1], item); // the attrValue is a function or TagJsVar
+    }
+    return item;
+}
+export function elementFunctions(item) {
+    /** Used for all element callbacks */
+    function makeCallback(eventName) {
+        return function (callback) {
+            return callbackWrapper(item, eventName, callback);
+        };
+    }
+    // TODO: This maybe the old way of doing things (see callables)
+    const callables_other = {
+        // ...eventCallables,
+        onClose: makeCallback('onclose'),
+        onDoubleClick: makeCallback('ondblclick'),
+        onClick: makeCallback('click'),
+        // onclick: makeCallback('click'),
+        // click: makeCallback('click'),
+        onBlur: makeCallback('onblur'),
+        onChange: makeCallback('onchange'),
+        // onchange: makeCallback('onchange'),
+        // change: makeCallback('onchange'),
+        onMousedown: makeCallback('onmousedown'),
+        onMouseup: makeCallback('onmouseup'),
+        onKeydown: makeCallback('onkeydown'),
+        onKeyup: makeCallback('onkeyup'),
+        // onkeyup: makeCallback('onkeyup'),
+        // keyup: makeCallback('onkeyup'),
+        /* apply attribute via attr(name: string, value?: any): **/
+        attr: (...args) => attr(item, args),
+        /** Used for setting array index-key value */
+        key: function (arrayValue) {
+            ;
+            this.arrayValue = arrayValue;
+            return this;
+        },
+    };
+    return callables_other;
+}
+function setClassValue(element, name, value) {
+    if (isObject(value)) {
+        Object.entries(value).forEach(([name, value]) => {
+            if (value) {
+                element.classList.add(name);
+            }
+            else {
+                element.classList.remove(name);
+            }
+        });
+        return; // howToSetInputObjectValue(element, name, value as Record<string, any>)
+    }
+    setSimpleAttribute(element, name, value);
+}
+/** used during updates */
+export function registerMockAttrContext(value, mockElm) {
+    if (!mockElm.contexts) {
+        mockElm.contexts = [];
+    }
+    mockElm.contexts.push(value);
+}
+export function isValueForContext(value) {
+    return Array.isArray(value) || isFunction(value) || value?.tagJsType;
+}
+function setupAttr(attrName, howToSet) {
+    return (item, value) => attr2(item, [attrName, value, false, howToSet]);
+}
+function makeCallback(eventName) {
+    return (item, callback) => {
+        return callbackWrapper2(item, eventName, callback);
+    };
+}
+const eventCallables = {
+    onClose: makeCallback('onclose'),
+    onClick: makeCallback('click'),
+    onDoubleClick: makeCallback('ondblclick'),
+    onDblClick: makeCallback('ondblclick'),
+    onBlur: makeCallback('onblur'),
+    onChange: makeCallback('onchange'),
+    onMousedown: makeCallback('onmousedown'),
+    onMouseDown: makeCallback('onmousedown'),
+    onMouseup: makeCallback('onmouseup'),
+    onMouseUp: makeCallback('onmouseup'),
+    onKeyup: makeCallback('onkeyup'),
+    onKeyUp: makeCallback('onkeyup'),
+    onKeydown: makeCallback('onkeydown'),
+    onKeyDown: makeCallback('onkeydown'),
+};
+const callables = {
+    checked: setupAttr('checked', setBooleanAttribute),
+    selected: setupAttr('selected', setBooleanAttribute),
+    /** element.setAttribute('style', x)  */
+    class: setupAttr('class', setClassValue),
+    ...eventCallables
+};
+export function loopObjectAttributes(item, object) {
+    const result = Object.entries(object).reduce((all, [name, value]) => {
+        if (name in callables) {
+            return callables[name](item, value);
+        }
+        return attr2(item, [name, value, false, setNonFunctionInputValue]);
+    }, item);
+    return result;
+}
+//# sourceMappingURL=elementFunctions.js.map

package/js/elements/elementFunctions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementFunctions.js","sourceRoot":"","sources":["../../ts/elements/elementFunctions.ts"],"names":[],"mappings":"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"}

package/js/elements/index.d.ts

@@ -0,0 +1,50 @@
+export type { ElementVar } from './designElement.function.js';
+export { noElement } from './noElement.function.js';
+export declare const button: import("./designElement.function.js").ElementFunction;
+export declare const select: import("./designElement.function.js").ElementFunction;
+export declare const option: import("./designElement.function.js").ElementFunction;
+export declare const input: import("./designElement.function.js").ElementFunction;
+export declare const textarea: import("./designElement.function.js").ElementFunction;
+export declare const htmlDoc: import("./designElement.function.js").ElementFunction;
+export declare const head: import("./designElement.function.js").ElementFunction;
+export declare const title: import("./designElement.function.js").ElementFunction;
+export declare const meta: import("./designElement.function.js").ElementFunction;
+export declare const link: import("./designElement.function.js").ElementFunction;
+export declare const style: import("./designElement.function.js").ElementFunction;
+export declare const body: import("./designElement.function.js").ElementFunction;
+export declare const noscript: import("./designElement.function.js").ElementFunction;
+export declare const hr: import("./designElement.function.js").ElementFunction;
+export declare const h1: import("./designElement.function.js").ElementFunction;
+export declare const h2: import("./designElement.function.js").ElementFunction;
+export declare const h3: import("./designElement.function.js").ElementFunction;
+export declare const h4: import("./designElement.function.js").ElementFunction;
+export declare const h5: import("./designElement.function.js").ElementFunction;
+export declare const h6: import("./designElement.function.js").ElementFunction;
+export declare const ol: import("./designElement.function.js").ElementFunction;
+export declare const ul: import("./designElement.function.js").ElementFunction;
+export declare const li: import("./designElement.function.js").ElementFunction;
+export declare const div: import("./designElement.function.js").ElementFunction;
+export declare const main: import("./designElement.function.js").ElementFunction;
+export declare const section: import("./designElement.function.js").ElementFunction;
+export declare const header: import("./designElement.function.js").ElementFunction;
+export declare const footer: import("./designElement.function.js").ElementFunction;
+export declare const fieldset: import("./designElement.function.js").ElementFunction;
+export declare const legend: import("./designElement.function.js").ElementFunction;
+export declare const dialog: import("./designElement.function.js").ElementFunction;
+export declare const pre: import("./designElement.function.js").ElementFunction;
+export declare const table: import("./designElement.function.js").ElementFunction;
+export declare const tr: import("./designElement.function.js").ElementFunction;
+export declare const td: import("./designElement.function.js").ElementFunction;
+export declare const th: import("./designElement.function.js").ElementFunction;
+export declare const thead: import("./designElement.function.js").ElementFunction;
+export declare const tbody: import("./designElement.function.js").ElementFunction;
+export declare const tfoot: import("./designElement.function.js").ElementFunction;
+export declare const a: import("./designElement.function.js").ElementFunction;
+export declare const br: import("./designElement.function.js").ElementFunction;
+export declare const label: import("./designElement.function.js").ElementFunction;
+export declare const p: import("./designElement.function.js").ElementFunction;
+export declare const small: import("./designElement.function.js").ElementFunction;
+export declare const span: import("./designElement.function.js").ElementFunction;
+export declare const strong: import("./designElement.function.js").ElementFunction;
+export declare const b: import("./designElement.function.js").ElementFunction;
+export declare const sup: import("./designElement.function.js").ElementFunction;

package/js/elements/index.js

@@ -0,0 +1,55 @@
+import { designElement } from './designElement.function.js';
+export { noElement } from './noElement.function.js';
+export const button = designElement('button');
+export const select = designElement('select');
+export const option = designElement('option');
+export const input = designElement('input');
+export const textarea = designElement('textarea');
+// HEAD & SUPPORT ELEMENTS
+export const htmlDoc = designElement('html'); // TODO: get this named to html
+export const head = designElement('head');
+export const title = designElement('title');
+export const meta = designElement('meta');
+export const link = designElement('link');
+export const style = designElement('style');
+export const body = designElement('body');
+export const noscript = designElement('noscript');
+// BLOCK ELEMENTS
+export const hr = designElement('hr');
+export const h1 = designElement('h1');
+export const h2 = designElement('h2');
+export const h3 = designElement('h3');
+export const h4 = designElement('h4');
+export const h5 = designElement('h5');
+export const h6 = designElement('h6');
+export const ol = designElement('ol');
+export const ul = designElement('ul');
+export const li = designElement('li');
+export const div = designElement('div');
+export const main = designElement('main');
+export const section = designElement('section');
+export const header = designElement('header');
+export const footer = designElement('footer');
+export const fieldset = designElement('fieldset');
+export const legend = designElement('legend');
+export const dialog = designElement('dialog');
+export const pre = designElement('pre');
+// TABLE ELEMENTS
+export const table = designElement('table');
+export const tr = designElement('tr');
+export const td = designElement('td');
+export const th = designElement('th');
+export const thead = designElement('thead');
+export const tbody = designElement('tbody');
+export const tfoot = designElement('tfoot');
+// INLINE ELEMENTS
+export const a = designElement('a');
+export const br = designElement('br');
+export const label = designElement('label');
+export const p = designElement('p');
+export const small = designElement('small');
+export const span = designElement('span');
+export const strong = designElement('strong');
+export const b = designElement('b');
+export const sup = designElement('sup');
+//# sourceMappingURL=index.js.map

package/js/elements/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../ts/elements/index.ts"],"names":[],"mappings":"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"}

package/js/elements/noElement.function.d.ts

@@ -0,0 +1,4 @@
+import { ElementVar } from '../index.js';
+/** used when you do NOT have a root element returned for your function */
+export declare const noElement: import("./designElement.function.js").ElementFunction;
+export declare function noElementMaker(): ElementVar;

package/js/elements/noElement.function.js

@@ -0,0 +1,53 @@
+import { paint, paintBefore, painting } from '../render/paint.function.js';
+import { blankHandler } from '../render/dom/blankHandler.function.js';
+import { elementFunctions } from './elementFunctions.js';
+import { destroyDesignByContexts } from './destroyDesignElement.function.js';
+import { processDesignElementUpdate, checkTagElementValueChange } from './processDesignElementUpdate.function.js';
+import { processChildren } from './processChildren.function.js';
+import { getPushKid } from './designElement.function.js';
+import { destroyHtmlDomMeta } from '../tag/destroyHtmlDomMeta.function.js';
+/** used when you do NOT have a root element returned for your function */
+export const noElement = noElementMaker();
+export function noElementMaker() {
+    const element = {
+        tagJsType: 'element',
+        processInitAttribute: blankHandler, // its never an attribute
+        processInit: processNoElmInit,
+        destroy: destroyNoElement,
+        processUpdate: processDesignElementUpdate,
+        hasValueChanged: checkTagElementValueChange,
+        tagName: 'no-element',
+        innerHTML: [],
+        attributes: [],
+        listeners: [],
+        allListeners: [],
+        elementFunctions,
+    };
+    const pushKid = getPushKid(element, elementFunctions);
+    pushKid.tagName = 'no-element';
+    return pushKid;
+}
+function processNoElmInit(value, context, ownerSupport, insertBefore) {
+    context.contexts = context.contexts || []; // added contexts
+    context.htmlDomMeta = [];
+    processChildren(value.innerHTML, context, ownerSupport, insertBefore, paintBefore);
+}
+function destroyNoElement(context, ownerSupport) {
+    ++context.updateCount;
+    const contexts = context.contexts;
+    const promises = [];
+    if (contexts.length) {
+        destroyDesignByContexts(contexts, ownerSupport, promises);
+        contexts.length = 0;
+        if (promises.length) {
+            const htmlDomMeta = context.htmlDomMeta;
+            return Promise.all(promises).then(() => {
+                ++painting.locks;
+                destroyHtmlDomMeta(htmlDomMeta);
+                --painting.locks;
+                paint();
+            });
+        }
+    }
+}
+//# sourceMappingURL=noElement.function.js.map

package/js/elements/noElement.function.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"noElement.function.js","sourceRoot":"","sources":["../../ts/elements/noElement.function.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AAE1E,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAA;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAE,uBAAuB,EAAE,MAAM,oCAAoC,CAAA;AAC5E,OAAO,EAAE,0BAA0B,EAAE,0BAA0B,EAAE,MAAM,0CAA0C,CAAA;AACjH,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAC/D,OAAO,EAAkB,UAAU,EAAE,MAAM,6BAA6B,CAAA;AACxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,uCAAuC,CAAA;AAG1E,0EAA0E;AAC1E,MAAM,CAAC,MAAM,SAAS,GAAG,cAAc,EAAE,CAAA;AAEzC,MAAM,UAAU,cAAc;IAC5B,MAAM,OAAO,GAAmB;QAC9B,SAAS,EAAE,SAAS;QAEpB,oBAAoB,EAAE,YAAY,EAAE,yBAAyB;QAE7D,WAAW,EAAE,gBAAgB;QAE7B,OAAO,EAAE,gBAAgB;QACzB,aAAa,EAAE,0BAA0B;QACzC,eAAe,EAAE,0BAA0B;QAE3C,OAAO,EAAE,YAAY;QACrB,SAAS,EAAE,EAAE;QACb,UAAU,EAAE,EAAS;QACrB,SAAS,EAAE,EAAE;QACb,YAAY,EAAE,EAAE;QAEhB,gBAAgB;KACjB,CAAA;IAED,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,EAAE,gBAAgB,CAAC,CAAA;IACrD,OAAO,CAAC,OAAO,GAAG,YAAY,CAAA;IAE9B,OAAO,OAAqB,CAAA;AAC9B,CAAC;AAED,SAAS,gBAAgB,CACvB,KAAiB,EACjB,OAAoB,EACpB,YAAwB,EACxB,YAAmB;IAGnB,OAAO,CAAC,QAAQ,GAAG,OAAO,CAAC,QAAQ,IAAI,EAAE,CAAA,CAAC,iBAAiB;IAC3D,OAAO,CAAC,WAAW,GAAG,EAAE,CAAA;IAExB,eAAe,CACb,KAAK,CAAC,SAAS,EACf,OAAO,EACP,YAAY,EACZ,YAAsC,EACtC,WAAW,CACZ,CAAA;AACH,CAAC;AAED,SAAS,gBAAgB,CACvB,OAAoB,EACpB,YAAwB;IAExB,EAAE,OAAO,CAAC,WAAW,CAAA;IAErB,MAAM,QAAQ,GAAG,OAAO,CAAC,QAAyB,CAAA;IAClD,MAAM,QAAQ,GAAmB,EAAE,CAAA;IAEnC,IAAG,QAAQ,CAAC,MAAM,EAAE,CAAC;QACnB,uBAAuB,CAAC,QAAQ,EAAE,YAAY,EAAE,QAAQ,CAAC,CAAA;QACzD,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAA;QAEnB,IAAI,QAAQ,CAAC,MAAM,EAAG,CAAC;YACrB,MAAM,WAAW,GAAG,OAAO,CAAC,WAAgC,CAAA;YAC5D,OAAO,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE;gBAErC,EAAE,QAAQ,CAAC,KAAK,CAAA;gBAChB,kBAAkB,CAAE,WAAW,CAAE,CAAA;gBACjC,EAAE,QAAQ,CAAC,KAAK,CAAA;gBAEhB,KAAK,EAAE,CAAA;YACT,CAAC,CAAC,CAAA;QACJ,CAAC;IACH,CAAC;AACH,CAAC"}

package/js/elements/processChildren.d.ts

@@ -0,0 +1,5 @@
+import { AnySupport } from '..';
+import { ContextItem } from '../tag';
+export declare function processChildren(innerHTML: any[], context: ContextItem, ownerSupport: AnySupport, addedContexts: ContextItem[], element: HTMLElement): void;
+export declare function processNonElement(item: any, context: ContextItem, addedContexts: ContextItem[], element: HTMLElement, ownerSupport: AnySupport): ContextItem;
+export declare function handleSimpleInnerValue(value: number | string, element: HTMLElement): Text;

package/js/elements/processChildren.function.d.ts

@@ -0,0 +1,8 @@
+import { AnySupport } from '../index.js';
+import { painter } from '../render/paint.function.js';
+import { ContextItem } from '../tag/index.js';
+export declare function processChildren(innerHTML: any[], parentContext: ContextItem, ownerSupport: AnySupport, element: HTMLElement | Text, // appendTo
+paintBy: painter): void;
+/** used when a child is not another element and requires init processing */
+export declare function processNonElement(item: any, parentContext: ContextItem, element: HTMLElement | Text, ownerSupport: AnySupport, paintBy: painter): ContextItem;
+export declare function handleSimpleInnerValue(value: number | string, element: HTMLElement | Text, paintBy: painter): Text;