element-vir 0.0.1 → 0.0.5

package/dist/functional-element/define-functional-element.js

@@ -14,22 +14,22 @@ export function defineFunctionalElement(functionalElementInit) {
                 const initProps = functionalElementInit.props || {};
                 Object.keys(initProps).forEach((propName) => {
                     const functionalElementInstance = this;
-                    if (propName in functionalElementInstance) {
-                        throw new Error(`${functionalElementInit.tagName} already has a property named ${propName}. Don't add a new property to it with that name.`);
-                    }
                     property()(functionalElementInstance, propName);
                     functionalElementInstance[propName] = initProps[propName];
                 });
             }
+            createRenderParams() {
+                return createRenderParams(this, eventsMap);
+            }
             render() {
-                return functionalElementInit.renderCallback(createRenderParams(this, eventsMap));
+                return functionalElementInit.renderCallback(this.createRenderParams());
             }
             connectedCallback() {
                 var _a;
                 super.connectedCallback();
                 (_a = functionalElementInit.connectedCallback) === null || _a === void 0 ? void 0 : _a.call(functionalElementInit, {
                     element: this,
-                    props: this.instanceProps,
+                    ...this.createRenderParams(),
                 });
             }
             disconnectedCallback() {
@@ -37,7 +37,14 @@ export function defineFunctionalElement(functionalElementInit) {
                 super.disconnectedCallback();
                 (_a = functionalElementInit.disconnectedCallback) === null || _a === void 0 ? void 0 : _a.call(functionalElementInit, {
                     element: this,
-                    props: this.instanceProps,
+                    ...this.createRenderParams(),
+                });
+            }
+            firstUpdated() {
+                var _a;
+                (_a = functionalElementInit.firstUpdated) === null || _a === void 0 ? void 0 : _a.call(functionalElementInit, {
+                    element: this,
+                    ...this.createRenderParams(),
                 });
             }
         },

package/dist/functional-element/functional-element-init.d.ts

@@ -1,7 +1,7 @@
 import { CSSResult } from 'lit';
-import { ConnectionCallback } from './connection-callback';
 import { EventsInitMap } from './element-events';
 import { PropertyInitMapBase } from './element-properties';
+import { LifecycleCallback } from './lifecycle-callback';
 import { RenderCallback } from './render-callback';
 export declare type FunctionalElementInit<PropertyInitGeneric extends PropertyInitMapBase, EventsInitGeneric extends EventsInitMap> = {
     /**
@@ -15,7 +15,8 @@ export declare type FunctionalElementInit<PropertyInitGeneric extends PropertyIn
     props?: PropertyInitGeneric | undefined;
     /** Initializer for events that the element can dispatch. (These can be thought of as "outputs".) */
     events?: EventsInitGeneric | undefined;
-    connectedCallback?: ConnectionCallback<PropertyInitGeneric>;
-    disconnectedCallback?: ConnectionCallback<PropertyInitGeneric>;
+    connectedCallback?: LifecycleCallback<PropertyInitGeneric, EventsInitGeneric>;
+    disconnectedCallback?: LifecycleCallback<PropertyInitGeneric, EventsInitGeneric>;
+    firstUpdated?: LifecycleCallback<PropertyInitGeneric, EventsInitGeneric>;
     renderCallback: RenderCallback<PropertyInitGeneric, EventsInitGeneric>;
 };

package/dist/functional-element/functional-element.d.ts

@@ -11,9 +11,16 @@ export declare abstract class FunctionalElementBaseClass<PropertyInitGeneric ext
 }
 export declare type FunctionalElementInstance<PropertyInitGeneric extends PropertyInitMapBase> = FunctionalElementBaseClass<PropertyInitGeneric> & PropertyInitGeneric;
 export declare type FunctionalElementConstructor<PropertyInitGeneric extends PropertyInitMapBase, EventsInitGeneric extends EventsInitMap> = (new () => FunctionalElementInstance<PropertyInitGeneric>) & ExtraStaticFunctionalElementProperties<PropertyInitGeneric, EventsInitGeneric>;
-export declare type ExtraStaticFunctionalElementProperties<PropertyInitGeneric extends PropertyInitMapBase, EventsInitGeneric extends EventsInitMap> = {
+export declare type ExtraStaticFunctionalElementProperties<PropertyInitGeneric extends PropertyInitMapBase, EventsInitGeneric extends EventsInitMap> = Readonly<{
     /** Pass through the render callback for direct unit testability */
     renderCallback: RenderCallback<PropertyInitGeneric, EventsInitGeneric>;
     events: EventDescriptorMap<EventsInitGeneric>;
     props: ElementPropertyDescriptorMap<PropertyInitGeneric>;
-};
+    /**
+     * Static properties have to be copied here cause they get nuked in the "new () =>
+     * FunctionalElementInstance<PropertyInitGeneric>" type.
+     */
+    tagName: string;
+    styles: CSSResult;
+    propNames: string[];
+}>;

package/dist/functional-element/lifecycle-callback.d.ts

@@ -0,0 +1,8 @@
+import { EventsInitMap } from './element-events';
+import { PropertyInitMapBase } from './element-properties';
+import { FunctionalElementInstance } from './functional-element';
+import { RenderParams } from './render-callback';
+export declare type LifecycleCallbackParams<PropertyInitGeneric extends PropertyInitMapBase, EventsInitGeneric extends EventsInitMap> = {
+    element: FunctionalElementInstance<PropertyInitGeneric>;
+} & RenderParams<PropertyInitGeneric, EventsInitGeneric>;
+export declare type LifecycleCallback<PropertyInitGeneric extends PropertyInitMapBase, EventsInitGeneric extends EventsInitMap> = (params: LifecycleCallbackParams<PropertyInitGeneric, EventsInitGeneric>) => void;

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-export * from './functional-element/connection-callback';
 export * from './functional-element/define-functional-element';
 export * from './functional-element/directives/event-listen.directive';
 export * from './functional-element/directives/property-assign.directive';
@@ -6,6 +5,7 @@ export * from './functional-element/element-events';
 export * from './functional-element/element-properties';
 export * from './functional-element/functional-element';
 export * from './functional-element/functional-element-init';
+export * from './functional-element/lifecycle-callback';
 export * from './functional-element/render-callback';
 export * from './vir-html/directive';
 export * from './vir-html/vir-html';

package/dist/index.js

@@ -1,4 +1,3 @@
-export * from './functional-element/connection-callback';
 export * from './functional-element/define-functional-element';
 export * from './functional-element/directives/event-listen.directive';
 export * from './functional-element/directives/property-assign.directive';
@@ -6,6 +5,7 @@ export * from './functional-element/element-events';
 export * from './functional-element/element-properties';
 export * from './functional-element/functional-element';
 export * from './functional-element/functional-element-init';
+export * from './functional-element/lifecycle-callback';
 export * from './functional-element/render-callback';
 export * from './vir-html/directive';
 export * from './vir-html/vir-html';

package/package.json

@@ -1,6 +1,14 @@
 {
     "name": "element-vir",
-    "version": "0.0.1",
+    "version": "0.0.5",
+    "keywords": [
+        "custom",
+        "web",
+        "components",
+        "elements",
+        "functional",
+        "lit"
+    ],
     "homepage": "https://github.com/electrovir/element-vir#readme",
     "bugs": {
         "url": "https://github.com/electrovir/element-vir/issues"

package/dist/functional-element/connection-callback.d.ts

@@ -1,7 +0,0 @@
-import { PropertyInitMapBase } from './element-properties';
-import { FunctionalElementInstance } from './functional-element';
-export declare type ConnectionCallbackParams<PropertyInitGeneric extends PropertyInitMapBase> = {
-    element: FunctionalElementInstance<PropertyInitGeneric>;
-    props: PropertyInitGeneric;
-};
-export declare type ConnectionCallback<PropertyInitGeneric extends PropertyInitMapBase> = (params: ConnectionCallbackParams<PropertyInitGeneric>) => void;