element-vir 0.1.2 → 0.2.0

package/dist/functional-element/directives/assign-with-clean-up.directive.d.ts

@@ -0,0 +1,17 @@
+import { PartInfo } from 'lit/directive.js';
+import { PropertyInitMapBase, StaticElementPropertyDescriptor } from '../element-properties';
+import { FunctionalElementInstance } from '../functional-element';
+/**
+ * The directive generics (in listenDirective) are not strong enough to maintain their values. Thus,
+ * the directive call is wrapped in this function.
+ */
+export declare function assignWithCleanup<PropName extends string, PropValue>(propertyDescriptor: StaticElementPropertyDescriptor<PropName, PropValue>, value: typeof propertyDescriptor['initValue'], cleanupCallback: CleanupCallback<typeof propertyDescriptor['initValue']>): import("lit-html/directive").DirectiveResult<{
+    new (partInfo: PartInfo): {
+        readonly element: FunctionalElementInstance<PropertyInitMapBase>;
+        lastValue: unknown;
+        render(propName: string, value: unknown, cleanupCallback: CleanupCallback<any>): symbol;
+        readonly _$isConnected: boolean;
+        update(_part: import("lit-html").Part, props: unknown[]): unknown;
+    };
+}>;
+export declare type CleanupCallback<T> = (oldValue: T) => void;

package/dist/functional-element/directives/assign-with-clean-up.directive.js

@@ -0,0 +1,28 @@
+import { noChange } from 'lit';
+import { directive, Directive } from 'lit/directive.js';
+import { extractFunctionalElement } from './directive-util';
+/**
+ * The directive generics (in listenDirective) are not strong enough to maintain their values. Thus,
+ * the directive call is wrapped in this function.
+ */
+export function assignWithCleanup(propertyDescriptor, value, cleanupCallback) {
+    return assignWithCleanupDirective(propertyDescriptor.propName, value, cleanupCallback);
+}
+const assignWithCleanupDirective = directive(class extends Directive {
+    constructor(partInfo) {
+        super(partInfo);
+        this.element = extractFunctionalElement(partInfo, 'assign');
+    }
+    render(propName, value, cleanupCallback) {
+        if (!(propName in this.element.instanceProps)) {
+            throw new Error(`${this.element.tagName} element has no property of name "${propName}"`);
+        }
+        // reference equality check!
+        if (this.lastValue !== value) {
+            cleanupCallback(this.lastValue);
+        }
+        this.element.instanceProps[propName] = value;
+        this.lastValue = value;
+        return noChange;
+    }
+});

package/dist/functional-element/directives/assign.directive.d.ts

@@ -1,23 +1,15 @@
 import { PartInfo } from 'lit/directive.js';
-import { ElementEvent } from '../element-events';
 import { PropertyInitMapBase, StaticElementPropertyDescriptor } from '../element-properties';
 import { FunctionalElementInstance } from '../functional-element';
 /**
- * The directive generics (in listenDirective) are not strong enough to maintain their values. Thus,
+ * The directive generics (in assignDirective) are not strong enough to maintain their values. Thus,
  * the directive call is wrapped in this function.
  */
 export declare function assign<PropName extends string, PropValue>(propertyDescriptor: StaticElementPropertyDescriptor<PropName, PropValue>, value: typeof propertyDescriptor['initValue']): import("lit-html/directive").DirectiveResult<{
     new (partInfo: PartInfo): {
         readonly element: FunctionalElementInstance<PropertyInitMapBase>;
-        lastListenerMetaData: ListenerMetaData<any> | undefined;
         render(propName: string, value: unknown): symbol;
         readonly _$isConnected: boolean;
         update(_part: import("lit-html").Part, props: unknown[]): unknown;
     };
 }>;
-declare type ListenerMetaData<EventDetail> = {
-    eventType: string;
-    callback: (event: ElementEvent<string, EventDetail>) => void;
-    listener: (event: any) => void;
-};
-export {};

package/dist/functional-element/directives/assign.directive.js

@@ -2,7 +2,7 @@ import { noChange } from 'lit';
 import { directive, Directive } from 'lit/directive.js';
 import { extractFunctionalElement } from './directive-util';
 /**
- * The directive generics (in listenDirective) are not strong enough to maintain their values. Thus,
+ * The directive generics (in assignDirective) are not strong enough to maintain their values. Thus,
  * the directive call is wrapped in this function.
  */
 export function assign(propertyDescriptor, value) {

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export * from './functional-element/define-functional-element';
+export * from './functional-element/directives/assign-with-clean-up.directive';
 export * from './functional-element/directives/assign.directive';
 export * from './functional-element/directives/listen.directive';
 export * from './functional-element/directives/on-dom-created.directive';

package/dist/index.js

@@ -1,4 +1,5 @@
 export * from './functional-element/define-functional-element';
+export * from './functional-element/directives/assign-with-clean-up.directive';
 export * from './functional-element/directives/assign.directive';
 export * from './functional-element/directives/listen.directive';
 export * from './functional-element/directives/on-dom-created.directive';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "element-vir",
-    "version": "0.1.2",
+    "version": "0.2.0",
     "keywords": [
         "custom",
         "web",