element-vir 0.2.1 → 1.0.0

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

@@ -1,4 +1,4 @@
 import { EventsInitMap } from './element-events';
 import { PropertyInitMapBase } from './element-properties';
-import { FunctionalElementConstructor, FunctionalElementInit } from './functional-element';
-export declare function defineFunctionalElement<EventsInitGeneric extends EventsInitMap = never, PropertyInitGeneric extends PropertyInitMapBase = never>(functionalElementInit: FunctionalElementInit<PropertyInitGeneric, EventsInitGeneric>): FunctionalElementConstructor<PropertyInitGeneric, EventsInitGeneric>;
+import { FunctionalElement, FunctionalElementInit } from './functional-element';
+export declare function defineFunctionalElement<EventsInitGeneric extends EventsInitMap = {}, PropertyInitGeneric extends PropertyInitMapBase = {}>(functionalElementInit: FunctionalElementInit<PropertyInitGeneric, EventsInitGeneric>): FunctionalElement<PropertyInitGeneric, EventsInitGeneric>;

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

@@ -0,0 +1,3 @@
+import { CSSResult } from 'lit';
+import { FunctionalElement } from '../functional-element';
+export declare function cssSelector(element: FunctionalElement): CSSResult;

package/dist/functional-element/directives/cssSelector.js

@@ -0,0 +1,6 @@
+import { unsafeCSS } from 'lit';
+export function cssSelector(element) {
+    // This is actually safe because it's not user input.
+    // If the dev using this package allows user input for tag names... all hope is lost anyway.
+    return unsafeCSS(element.tagName);
+}

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

@@ -23,8 +23,8 @@ export declare abstract class FunctionalElementBaseClass<PropertyInitGeneric ext
     abstract render(): TemplateResult | Promise<TemplateResult>;
     abstract readonly instanceProps: PropertyInitGeneric;
 }
-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 FunctionalElementInstance<PropertyInitGeneric extends PropertyInitMapBase = {}> = FunctionalElementBaseClass<PropertyInitGeneric> & PropertyInitGeneric;
+export declare type FunctionalElement<PropertyInitGeneric extends PropertyInitMapBase = any, EventsInitGeneric extends EventsInitMap = any> = (new () => FunctionalElementInstance<PropertyInitGeneric>) & ExtraStaticFunctionalElementProperties<PropertyInitGeneric, EventsInitGeneric>;
 export declare type ExtraStaticFunctionalElementProperties<PropertyInitGeneric extends PropertyInitMapBase, EventsInitGeneric extends EventsInitMap> = Readonly<{
     /** Pass through the render callback for direct unit testability */
     renderCallback: RenderCallback<PropertyInitGeneric, EventsInitGeneric>;

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 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/cssSelector';
 export * from './functional-element/directives/listen.directive';
 export * from './functional-element/directives/on-dom-created.directive';
 export * from './functional-element/directives/on-resize.directive';

package/dist/index.js

@@ -1,6 +1,7 @@
 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/cssSelector';
 export * from './functional-element/directives/listen.directive';
 export * from './functional-element/directives/on-dom-created.directive';
 export * from './functional-element/directives/on-resize.directive';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "element-vir",
-    "version": "0.2.1",
+    "version": "1.0.0",
     "keywords": [
         "custom",
         "web",
@@ -29,7 +29,7 @@
         "format": "virmator format write",
         "prepublishOnly": "npm run test:full",
         "spellcheck": "virmator spellcheck",
-        "start": "snowpack dev --reload",
+        "start": "snowpack dev",
         "test:full": "npm test && npm run spellcheck && virmator format check",
         "test": "npm run compile"
     },
@@ -38,8 +38,9 @@
     },
     "devDependencies": {
         "@snowpack/plugin-typescript": "^1.2.1",
+        "augment-vir": "^1.0.0",
         "snowpack": "^3.8.8",
         "typescript": "^4.4.3",
-        "virmator": "^1.1.15"
+        "virmator": "^1.2.0"
     }
 }