element-vir 16.2.0 → 16.3.0

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

@@ -30,6 +30,7 @@ export declare abstract class DeclarativeElement<TagName extends CustomElementTa
     static readonly hostClasses: StaticDeclarativeElementProperties<CustomElementTagName, PropertyInitMapBase, PropertyInitMapBase, EventsInitMap, BaseCssPropertyName<CustomElementTagName>, BaseCssPropertyName<CustomElementTagName>, unknown>['hostClasses'];
     static readonly cssVars: StaticDeclarativeElementProperties<CustomElementTagName, PropertyInitMapBase, PropertyInitMapBase, EventsInitMap, BaseCssPropertyName<CustomElementTagName>, BaseCssPropertyName<CustomElementTagName>, unknown>['cssVars'];
     abstract lastRenderError: Error | undefined;
+    abstract renderCount: number;
     abstract lastRenderedProps: Pick<RenderParams<any, Inputs, StateInit, any, any, any>, 'inputs' | 'state'>;
     abstract render(): unknown;
     abstract readonly instanceState: FlattenElementVirStateSetup<StateInit>;

package/dist/declarative-element/define-element-no-inputs.js

@@ -66,6 +66,7 @@ export function defineElementNoInputs(initInput) {
                 throw new Error(`"stateType" was called on ${initInput.tagName} as a value but it is only for types.`);
             }
             render() {
+                this.renderCount++;
                 try {
                     if (
                     // This ignores elements at the root of a page, as they can't receive inputs from
@@ -133,6 +134,7 @@ export function defineElementNoInputs(initInput) {
             constructor() {
                 super();
                 this.lastRenderError = undefined;
+                this.renderCount = 0;
                 this.initCalled = false;
                 this.hasRendered = false;
                 this.lastRenderedProps = undefined;

package/dist/declarative-element/directives/create-attribute-directive.d.ts

@@ -0,0 +1,13 @@
+import { PartInfo } from 'lit/directive.js';
+export declare function createAttributeDirective(attributeName: string): {
+    attributeSelector(attributeValue: string): string;
+    attributeDirective(attributeValue: string): import("lit-html/directive").DirectiveResult<{
+        new (partInfo: PartInfo): {
+            readonly element: Element;
+            render(testId: string): symbol;
+            readonly _$isConnected: boolean;
+            update(_part: import("lit-html").Part, props: unknown[]): unknown;
+        };
+    }>;
+    attributeName: string;
+};

package/dist/declarative-element/directives/create-attribute-directive.js

@@ -0,0 +1,24 @@
+import { noChange } from 'lit';
+import { directive, Directive } from 'lit/directive.js';
+import { extractElement } from './directive-helpers';
+export function createAttributeDirective(attributeName) {
+    const newDirective = directive(class extends Directive {
+        constructor(partInfo) {
+            super(partInfo);
+            this.element = extractElement(partInfo, 'testId');
+        }
+        render(testId) {
+            this.element.setAttribute(attributeName, testId);
+            return noChange;
+        }
+    });
+    return {
+        attributeSelector(attributeValue) {
+            return `[${attributeName}="${attributeValue}"]`;
+        },
+        attributeDirective(attributeValue) {
+            return newDirective(attributeValue);
+        },
+        attributeName,
+    };
+}

package/dist/declarative-element/directives/test-id.directive.d.ts

@@ -0,0 +1,8 @@
+export declare const testId: (attributeValue: string) => import("lit-html/directive").DirectiveResult<{
+    new (partInfo: import("lit-html/directive").PartInfo): {
+        readonly element: Element;
+        render(testId: string): symbol;
+        readonly _$isConnected: boolean;
+        update(_part: import("lit-html").Part, props: unknown[]): unknown;
+    };
+}>, testIdBy: (attributeValue: string) => string, testIdAttribute: string;

package/dist/declarative-element/directives/test-id.directive.js

@@ -0,0 +1,2 @@
+import { createAttributeDirective } from './create-attribute-directive';
+export const { attributeDirective: testId, attributeSelector: testIdBy, attributeName: testIdAttribute, } = createAttributeDirective('data-test-id');

package/dist/index.d.ts

@@ -8,6 +8,7 @@ export type { DeclarativeElementDefinitionOptions } from './declarative-element/
 export * from './declarative-element/directives/assign-with-clean-up.directive';
 export * from './declarative-element/directives/assign.directive';
 export * from './declarative-element/directives/async-prop';
+export * from './declarative-element/directives/create-attribute-directive';
 export * from './declarative-element/directives/directive-helpers';
 export * from './declarative-element/directives/is-render-ready.directive';
 export * from './declarative-element/directives/listen.directive';
@@ -15,6 +16,7 @@ export * from './declarative-element/directives/on-dom-created.directive';
 export * from './declarative-element/directives/on-resize.directive';
 export * from './declarative-element/directives/render-async.directive';
 export * from './declarative-element/directives/render-if.directive';
+export * from './declarative-element/directives/test-id.directive';
 export * from './declarative-element/is-declarative-element';
 export * from './declarative-element/properties/css-properties';
 export * from './declarative-element/properties/css-vars';

package/dist/index.js

@@ -7,6 +7,7 @@ export * from './declarative-element/define-element-no-inputs';
 export * from './declarative-element/directives/assign-with-clean-up.directive';
 export * from './declarative-element/directives/assign.directive';
 export * from './declarative-element/directives/async-prop';
+export * from './declarative-element/directives/create-attribute-directive';
 export * from './declarative-element/directives/directive-helpers';
 export * from './declarative-element/directives/is-render-ready.directive';
 export * from './declarative-element/directives/listen.directive';
@@ -14,6 +15,7 @@ export * from './declarative-element/directives/on-dom-created.directive';
 export * from './declarative-element/directives/on-resize.directive';
 export * from './declarative-element/directives/render-async.directive';
 export * from './declarative-element/directives/render-if.directive';
+export * from './declarative-element/directives/test-id.directive';
 export * from './declarative-element/is-declarative-element';
 export * from './declarative-element/properties/css-properties';
 export * from './declarative-element/properties/css-vars';

package/package.json

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