@microsoft/fast-element 1.8.0 → 1.10.1

package/.eslintrc.json

@@ -0,0 +1,30 @@
+{
+    "extends": ["@microsoft/eslint-config-fast-dna", "prettier"],
+    "rules": {
+        "max-classes-per-file": "off",
+        "no-case-declarations": "off",
+        "@typescript-eslint/ban-types": [
+            "error",
+            {
+                "types": {
+                    "{}": false,
+                    "Function": false,
+                    "Object": false
+                },
+                "extendDefaults": true
+            }
+        ],
+        "@typescript-eslint/no-use-before-define": ["error", { "typedefs": false }],
+        "@typescript-eslint/no-non-null-assertion": "off",
+        "@typescript-eslint/explicit-function-return-type": [
+            "error",
+            {
+                "allowExpressions": true
+            }
+        ],
+        "import/extensions": [
+            "error",
+            "always"
+        ]
+    }
+}

package/CHANGELOG.json

@@ -2,7 +2,139 @@
   "name": "@microsoft/fast-element",
   "entries": [
     {
-      "date": "Tue, 08 Mar 2022 07:10:44 GMT",
+      "date": "Tue, 03 May 2022 07:12:26 GMT",
+      "tag": "@microsoft/fast-element_v1.10.1",
+      "version": "1.10.1",
+      "comments": {
+        "patch": [
+          {
+            "comment": "Upgraded api-extractor",
+            "author": "44823142+williamw2@users.noreply.github.com",
+            "commit": "2341496a6fafe3051dc50333c21ca652026f725b",
+            "package": "@microsoft/fast-element"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 27 Apr 2022 07:21:09 GMT",
+      "tag": "@microsoft/fast-element_v1.10.0",
+      "version": "1.10.0",
+      "comments": {
+        "minor": [
+          {
+            "comment": "update to typescript 4.6.2 and update ARIAMixin typings",
+            "author": "chhol@microsoft.com",
+            "commit": "35bdab45550b5d8b8762041110eccb06de78add5",
+            "package": "@microsoft/fast-element"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Sun, 24 Apr 2022 07:13:26 GMT",
+      "tag": "@microsoft/fast-element_v1.9.0",
+      "version": "1.9.0",
+      "comments": {
+        "none": [
+          {
+            "comment": "Update to fix broken links and grammar.",
+            "author": "16669785+awentzel@users.noreply.github.com",
+            "commit": "ed08697132b639f3104562b16a0dcf5c5653a878",
+            "package": "@microsoft/fast-element"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 20 Apr 2022 07:13:17 GMT",
+      "tag": "@microsoft/fast-element_v1.9.0",
+      "version": "1.9.0",
+      "comments": {
+        "none": [
+          {
+            "comment": "Pull up api-extractor.json to root and then extend it for each project",
+            "author": "stephanosp@microsoft.com",
+            "commit": "e3076337cbc2d260a497116061ee3bba3866a97d",
+            "package": "@microsoft/fast-element"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Sun, 17 Apr 2022 07:11:18 GMT",
+      "tag": "@microsoft/fast-element_v1.9.0",
+      "version": "1.9.0",
+      "comments": {
+        "none": [
+          {
+            "comment": "Merge branch 'master' into wanFixString",
+            "author": "74849806+wannieman98@users.noreply.github.com",
+            "commit": "14bc5d5f2ae608328eb16ad7e619bab00415f60a",
+            "package": "@microsoft/fast-element"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 12 Apr 2022 07:13:35 GMT",
+      "tag": "@microsoft/fast-element_v1.9.0",
+      "version": "1.9.0",
+      "comments": {
+        "none": [
+          {
+            "comment": "repeat directive documentation fix code snippet not rendering properly",
+            "author": "yinon@hotmail.com",
+            "commit": "3e4d72447520f40d234b1df2cc70446dcef8bb47",
+            "package": "@microsoft/fast-element"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 06 Apr 2022 07:12:42 GMT",
+      "tag": "@microsoft/fast-element_v1.9.0",
+      "version": "1.9.0",
+      "comments": {
+        "minor": [
+          {
+            "comment": "convert fast-element to type:module",
+            "author": "nicholasrice@users.noreply.github.com",
+            "commit": "ead7f7340654236f2503359e2fc6f0b41639b507",
+            "package": "@microsoft/fast-element"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Sun, 03 Apr 2022 07:12:01 GMT",
+      "tag": "@microsoft/fast-element_v1.8.0",
+      "version": "1.8.0",
+      "comments": {
+        "none": [
+          {
+            "comment": "Fixed a typo in a doc example",
+            "author": "47367562+bheston@users.noreply.github.com",
+            "commit": "35913ce3a2dcba83bebb63cce2b8edf4e9da7df9",
+            "package": "@microsoft/fast-element"
+          },
+          {
+            "comment": "add comment-style tags for syntax highlighting (#5561)",
+            "author": "chhol@microsoft.com",
+            "commit": "7495a63e6e89b6e92e2d7f289eea063a8a354108",
+            "package": "@microsoft/fast-element"
+          },
+          {
+            "comment": "Update binding documentation to have an accurate example. Changes \"Bindings\" to \"Volatile Properties\".",
+            "author": "tgoze@ntst.com",
+            "commit": "1ffb431816f418864d2385b29ba494efcb3fa844",
+            "package": "@microsoft/fast-element"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 08 Mar 2022 07:12:45 GMT",
       "tag": "@microsoft/fast-element_v1.8.0",
       "version": "1.8.0",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,36 @@
 # Change Log - @microsoft/fast-element
 
-This log was last generated on Tue, 08 Mar 2022 07:10:44 GMT and should not be manually modified.
+This log was last generated on Tue, 03 May 2022 07:12:26 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 1.10.1
+
+Tue, 03 May 2022 07:12:26 GMT
+
+### Patches
+
+- Upgraded api-extractor (44823142+williamw2@users.noreply.github.com)
+
+## 1.10.0
+
+Wed, 27 Apr 2022 07:21:09 GMT
+
+### Minor changes
+
+- update to typescript 4.6.2 and update ARIAMixin typings (chhol@microsoft.com)
+
+## 1.9.0
+
+Wed, 06 Apr 2022 07:12:42 GMT
+
+### Minor changes
+
+- convert fast-element to type:module (nicholasrice@users.noreply.github.com)
+
 ## 1.8.0
 
-Tue, 08 Mar 2022 07:10:44 GMT
+Tue, 08 Mar 2022 07:12:45 GMT
 
 ### Minor changes
 

package/dist/dts/components/attributes.d.ts

@@ -1,4 +1,4 @@
-import { Accessor } from "../observation/observable";
+import { Accessor } from "../observation/observable.js";
 /**
  * Represents objects that can convert values to and from
  * view or model representations.

package/dist/dts/components/controller.d.ts

@@ -1,9 +1,9 @@
-import type { Behavior } from "../observation/behavior";
-import { PropertyChangeNotifier } from "../observation/notifier";
-import type { ElementStyles } from "../styles/element-styles";
-import type { ElementViewTemplate } from "../templating/template";
-import type { ElementView } from "../templating/view";
-import { FASTElementDefinition } from "./fast-definitions";
+import type { Behavior } from "../observation/behavior.js";
+import { PropertyChangeNotifier } from "../observation/notifier.js";
+import type { ElementStyles } from "../styles/element-styles.js";
+import type { ElementViewTemplate } from "../templating/template.js";
+import type { ElementView } from "../templating/view.js";
+import { FASTElementDefinition } from "./fast-definitions.js";
 /**
  * Controls the lifecycle and rendering of a `FASTElement`.
  * @public

package/dist/dts/components/fast-definitions.d.ts

@@ -1,6 +1,6 @@
-import { ComposableStyles, ElementStyles } from "../styles/element-styles";
-import type { ElementViewTemplate } from "../templating/template";
-import { AttributeConfiguration, AttributeDefinition } from "./attributes";
+import { ComposableStyles, ElementStyles } from "../styles/element-styles.js";
+import type { ElementViewTemplate } from "../templating/template.js";
+import { AttributeConfiguration, AttributeDefinition } from "./attributes.js";
 /**
  * Represents metadata configuration for a custom element.
  * @public

package/dist/dts/components/fast-element.d.ts

@@ -1,5 +1,5 @@
-import { Controller } from "./controller";
-import { PartialFASTElementDefinition } from "./fast-definitions";
+import { Controller } from "./controller.js";
+import { PartialFASTElementDefinition } from "./fast-definitions.js";
 /**
  * Represents a custom element based on the FASTElement infrastructure.
  * @public

package/dist/dts/dom.d.ts

@@ -1,5 +1,5 @@
-import type { Callable } from "./interfaces";
-import { TrustedTypesPolicy } from "./platform";
+import type { Callable } from "./interfaces.js";
+import { TrustedTypesPolicy } from "./platform.js";
 /** @internal */
 export declare const _interpolationStart: string;
 /** @internal */

package/dist/dts/index.d.ts

@@ -1,26 +1,26 @@
-export * from "./platform";
-export * from "./templating/template";
-export * from "./components/fast-element";
-export { FASTElementDefinition, PartialFASTElementDefinition, } from "./components/fast-definitions";
-export * from "./components/attributes";
-export * from "./components/controller";
-export type { Callable, Constructable, Mutable } from "./interfaces";
-export * from "./templating/compiler";
-export { ElementStyles, ElementStyleFactory, ComposableStyles, StyleTarget, } from "./styles/element-styles";
-export { css, cssPartial } from "./styles/css";
-export { CSSDirective } from "./styles/css-directive";
-export * from "./templating/view";
-export * from "./observation/observable";
-export * from "./observation/notifier";
-export { Splice } from "./observation/array-change-records";
-export { enableArrayObservation } from "./observation/array-observer";
-export { DOM } from "./dom";
-export type { Behavior } from "./observation/behavior";
-export * from "./templating/binding";
-export * from "./templating/html-directive";
-export * from "./templating/ref";
-export * from "./templating/when";
-export * from "./templating/repeat";
-export * from "./templating/slotted";
-export * from "./templating/children";
-export { elements, ElementsFilter, NodeBehaviorOptions, } from "./templating/node-observation";
+export * from "./platform.js";
+export * from "./templating/template.js";
+export * from "./components/fast-element.js";
+export { FASTElementDefinition, PartialFASTElementDefinition, } from "./components/fast-definitions.js";
+export * from "./components/attributes.js";
+export * from "./components/controller.js";
+export type { Callable, Constructable, Mutable } from "./interfaces.js";
+export * from "./templating/compiler.js";
+export { ElementStyles, ElementStyleFactory, ComposableStyles, StyleTarget, } from "./styles/element-styles.js";
+export { css, cssPartial } from "./styles/css.js";
+export { CSSDirective } from "./styles/css-directive.js";
+export * from "./templating/view.js";
+export * from "./observation/observable.js";
+export * from "./observation/notifier.js";
+export { Splice } from "./observation/array-change-records.js";
+export { enableArrayObservation } from "./observation/array-observer.js";
+export { DOM } from "./dom.js";
+export type { Behavior } from "./observation/behavior.js";
+export * from "./templating/binding.js";
+export * from "./templating/html-directive.js";
+export * from "./templating/ref.js";
+export * from "./templating/when.js";
+export * from "./templating/repeat.js";
+export * from "./templating/slotted.js";
+export * from "./templating/children.js";
+export { elements, ElementsFilter, NodeBehaviorOptions, } from "./templating/node-observation.js";

package/dist/dts/observation/behavior.d.ts

@@ -1,4 +1,4 @@
-import type { ExecutionContext } from "./observable";
+import type { ExecutionContext } from "./observable.js";
 /**
  * Represents and object that can contribute behavior to a view or
  * element's bind/unbind operations.

package/dist/dts/observation/observable.d.ts

@@ -1,4 +1,4 @@
-import type { Notifier, Subscriber } from "./notifier";
+import type { Notifier, Subscriber } from "./notifier.js";
 /**
  * Represents a getter/setter property accessor on an object.
  * @public

package/dist/dts/styles/css-directive.d.ts

@@ -1,5 +1,5 @@
-import type { Behavior } from "../observation/behavior";
-import type { ComposableStyles } from "./element-styles";
+import type { Behavior } from "../observation/behavior.js";
+import type { ComposableStyles } from "./element-styles.js";
 /**
  * Directive for use in {@link css}.
  *

package/dist/dts/styles/css.d.ts

@@ -1,5 +1,5 @@
-import { CSSDirective } from "./css-directive";
-import { ComposableStyles, ElementStyles } from "./element-styles";
+import { CSSDirective } from "./css-directive.js";
+import { ComposableStyles, ElementStyles } from "./element-styles.js";
 /**
  * Transforms a template literal string into styles.
  * @param strings - The string fragments that are interpolated with the values.

package/dist/dts/styles/element-styles.d.ts

@@ -1,4 +1,4 @@
-import type { Behavior } from "../observation/behavior";
+import type { Behavior } from "../observation/behavior.js";
 /**
  * A node that can be targeted by styles.
  * @public

package/dist/dts/templating/binding.d.ts

@@ -1,6 +1,6 @@
-import type { Behavior } from "../observation/behavior";
-import { Binding, BindingObserver, ExecutionContext } from "../observation/observable";
-import { TargetedHTMLDirective } from "./html-directive";
+import type { Behavior } from "../observation/behavior.js";
+import { Binding, BindingObserver, ExecutionContext } from "../observation/observable.js";
+import { TargetedHTMLDirective } from "./html-directive.js";
 declare function normalBind(this: BindingBehavior, source: unknown, context: ExecutionContext): void;
 declare function normalUnbind(this: BindingBehavior): void;
 declare function updatePropertyTarget(this: BindingBehavior, value: unknown): void;

package/dist/dts/templating/children.d.ts

@@ -1,5 +1,5 @@
-import { NodeBehaviorOptions, NodeObservationBehavior } from "./node-observation";
-import type { CaptureType } from "./template";
+import { NodeBehaviorOptions, NodeObservationBehavior } from "./node-observation.js";
+import type { CaptureType } from "./template.js";
 /**
  * The options used to configure child list observation.
  * @public

package/dist/dts/templating/compiler.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLDirective, NodeBehaviorFactory } from "./html-directive";
+import type { HTMLDirective, NodeBehaviorFactory } from "./html-directive.js";
 /**
  * The result of compiling a template and its directives.
  * @beta

package/dist/dts/templating/html-directive.d.ts

@@ -1,4 +1,4 @@
-import type { Behavior } from "../observation/behavior";
+import type { Behavior } from "../observation/behavior.js";
 /**
  * A factory that can create a {@link Behavior} associated with a particular
  * location within a DOM fragment.

package/dist/dts/templating/node-observation.d.ts

@@ -1,4 +1,4 @@
-import type { Behavior } from "../observation/behavior";
+import type { Behavior } from "../observation/behavior.js";
 /**
  * Options for configuring node observation behavior.
  * @public

package/dist/dts/templating/ref.d.ts

@@ -1,5 +1,5 @@
-import type { Behavior } from "../observation/behavior";
-import type { CaptureType } from "./template";
+import type { Behavior } from "../observation/behavior.js";
+import type { CaptureType } from "./template.js";
 /**
  * The runtime behavior for template references.
  * @public

package/dist/dts/templating/repeat.d.ts

@@ -1,9 +1,9 @@
-import { Binding, ExecutionContext } from "../observation/observable";
-import type { Subscriber } from "../observation/notifier";
-import type { Splice } from "../observation/array-change-records";
-import type { Behavior } from "../observation/behavior";
-import { HTMLDirective } from "./html-directive";
-import type { CaptureType, SyntheticViewTemplate } from "./template";
+import { Binding, ExecutionContext } from "../observation/observable.js";
+import type { Subscriber } from "../observation/notifier.js";
+import type { Splice } from "../observation/array-change-records.js";
+import type { Behavior } from "../observation/behavior.js";
+import { HTMLDirective } from "./html-directive.js";
+import type { CaptureType, SyntheticViewTemplate } from "./template.js";
 /**
  * Options for configuring repeat behavior.
  * @public

package/dist/dts/templating/slotted.d.ts

@@ -1,5 +1,5 @@
-import { NodeBehaviorOptions, NodeObservationBehavior } from "./node-observation";
-import type { CaptureType } from "./template";
+import { NodeBehaviorOptions, NodeObservationBehavior } from "./node-observation.js";
+import type { CaptureType } from "./template.js";
 /**
  * The options used to configure slotted node observation.
  * @public

package/dist/dts/templating/template.d.ts

@@ -1,6 +1,6 @@
-import { Binding } from "../observation/observable";
-import { ElementView, HTMLView, SyntheticView } from "./view";
-import { HTMLDirective } from "./html-directive";
+import { Binding } from "../observation/observable.js";
+import { ElementView, HTMLView, SyntheticView } from "./view.js";
+import { HTMLDirective } from "./html-directive.js";
 /**
  * A template capable of creating views specifically for rendering custom elements.
  * @public

package/dist/dts/templating/view.d.ts

@@ -1,5 +1,5 @@
-import type { Behavior } from "../observation/behavior";
-import type { ExecutionContext } from "../observation/observable";
+import type { Behavior } from "../observation/behavior.js";
+import type { ExecutionContext } from "../observation/observable.js";
 /**
  * Represents a collection of DOM nodes which can be bound to a data source.
  * @public

package/dist/dts/templating/when.d.ts

@@ -1,5 +1,5 @@
-import type { Binding } from "../observation/observable";
-import type { CaptureType, SyntheticViewTemplate } from "./template";
+import type { Binding } from "../observation/observable.js";
+import type { CaptureType, SyntheticViewTemplate } from "./template.js";
 /**
  * A directive that enables basic conditional rendering in a template.
  * @param binding - The condition to test for rendering.

package/dist/esm/components/attributes.js

@@ -1,5 +1,5 @@
-import { Observable } from "../observation/observable";
-import { DOM } from "../dom";
+import { Observable } from "../observation/observable.js";
+import { DOM } from "../dom.js";
 /**
  * A {@link ValueConverter} that converts to and from `boolean` values.
  * @remarks

package/dist/esm/components/controller.js

@@ -1,7 +1,7 @@
-import { DOM } from "../dom";
-import { PropertyChangeNotifier } from "../observation/notifier";
-import { defaultExecutionContext, Observable } from "../observation/observable";
-import { FASTElementDefinition } from "./fast-definitions";
+import { DOM } from "../dom.js";
+import { PropertyChangeNotifier } from "../observation/notifier.js";
+import { defaultExecutionContext, Observable } from "../observation/observable.js";
+import { FASTElementDefinition } from "./fast-definitions.js";
 const shadowRoots = new WeakMap();
 const defaultEventOptions = {
     bubbles: true,

package/dist/esm/components/fast-definitions.js

@@ -1,7 +1,7 @@
-import { FAST } from "../platform";
-import { Observable } from "../observation/observable";
-import { ElementStyles } from "../styles/element-styles";
-import { AttributeDefinition } from "./attributes";
+import { FAST } from "../platform.js";
+import { Observable } from "../observation/observable.js";
+import { ElementStyles } from "../styles/element-styles.js";
+import { AttributeDefinition } from "./attributes.js";
 const defaultShadowOptions = { mode: "open" };
 const defaultElementOptions = {};
 const fastRegistry = FAST.getById(4 /* elementRegistry */, () => {

package/dist/esm/components/fast-element.js

@@ -1,5 +1,5 @@
-import { Controller } from "./controller";
-import { FASTElementDefinition } from "./fast-definitions";
+import { Controller } from "./controller.js";
+import { FASTElementDefinition, } from "./fast-definitions.js";
 /* eslint-disable-next-line @typescript-eslint/explicit-function-return-type */
 function createFASTElement(BaseType) {
     return class extends BaseType {

package/dist/esm/dom.js

@@ -1,4 +1,4 @@
-import { $global } from "./platform";
+import { $global } from "./platform.js";
 const updateQueue = $global.FAST.getById(1 /* updateQueue */, () => {
     const tasks = [];
     const pendingErrors = [];

package/dist/esm/index.js

@@ -1,23 +1,24 @@
-export * from "./platform";
-export * from "./templating/template";
-export * from "./components/fast-element";
-export { FASTElementDefinition, } from "./components/fast-definitions";
-export * from "./components/attributes";
-export * from "./components/controller";
-export * from "./templating/compiler";
-export { ElementStyles, } from "./styles/element-styles";
-export { css, cssPartial } from "./styles/css";
-export { CSSDirective } from "./styles/css-directive";
-export * from "./templating/view";
-export * from "./observation/observable";
-export * from "./observation/notifier";
-export { enableArrayObservation } from "./observation/array-observer";
-export { DOM } from "./dom";
-export * from "./templating/binding";
-export * from "./templating/html-directive";
-export * from "./templating/ref";
-export * from "./templating/when";
-export * from "./templating/repeat";
-export * from "./templating/slotted";
-export * from "./templating/children";
-export { elements, } from "./templating/node-observation";
+export * from "./platform.js";
+export * from "./templating/template.js";
+export * from "./components/fast-element.js";
+export { FASTElementDefinition, } from "./components/fast-definitions.js";
+export * from "./components/attributes.js";
+export * from "./components/controller.js";
+export * from "./templating/compiler.js";
+export { ElementStyles, } from "./styles/element-styles.js";
+export { css, cssPartial } from "./styles/css.js";
+export { CSSDirective } from "./styles/css-directive.js";
+export * from "./templating/view.js";
+export * from "./observation/observable.js";
+export * from "./observation/notifier.js";
+export {} from "./observation/array-change-records.js";
+export { enableArrayObservation } from "./observation/array-observer.js";
+export { DOM } from "./dom.js";
+export * from "./templating/binding.js";
+export * from "./templating/html-directive.js";
+export * from "./templating/ref.js";
+export * from "./templating/when.js";
+export * from "./templating/repeat.js";
+export * from "./templating/slotted.js";
+export * from "./templating/children.js";
+export { elements, } from "./templating/node-observation.js";

package/dist/esm/interfaces.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/observation/array-change-records.js

@@ -1,4 +1,4 @@
-import { emptyArray } from "../platform";
+import { emptyArray } from "../platform.js";
 /** @internal */
 export function newSplice(index, removed, addedCount) {
     return {

package/dist/esm/observation/array-observer.js

@@ -1,7 +1,7 @@
-import { DOM } from "../dom";
-import { calcSplices, newSplice, projectArraySplices } from "./array-change-records";
-import { SubscriberSet } from "./notifier";
-import { Observable } from "./observable";
+import { DOM } from "../dom.js";
+import { calcSplices, newSplice, projectArraySplices } from "./array-change-records.js";
+import { SubscriberSet } from "./notifier.js";
+import { Observable } from "./observable.js";
 let arrayObservationEnabled = false;
 function adjustIndex(changeRecord, array) {
     let index = changeRecord.index;

package/dist/esm/observation/behavior.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/observation/notifier.js

@@ -147,7 +147,8 @@ export class PropertyChangeNotifier {
             subscribers.subscribe(subscriber);
         }
         else {
-            this.sourceSubscribers = (_a = this.sourceSubscribers) !== null && _a !== void 0 ? _a : new SubscriberSet(this.source);
+            this.sourceSubscribers =
+                (_a = this.sourceSubscribers) !== null && _a !== void 0 ? _a : new SubscriberSet(this.source);
             this.sourceSubscribers.subscribe(subscriber);
         }
     }

package/dist/esm/observation/observable.js

@@ -1,6 +1,6 @@
-import { DOM } from "../dom";
-import { PropertyChangeNotifier, SubscriberSet } from "./notifier";
-import { FAST } from "../platform";
+import { DOM } from "../dom.js";
+import { FAST } from "../platform.js";
+import { PropertyChangeNotifier, SubscriberSet } from "./notifier.js";
 /**
  * Common Observable APIs.
  * @public
@@ -122,6 +122,7 @@ export const Observable = FAST.getById(2 /* observable */, () => {
                     watcher = void 0;
                     /* eslint-disable-next-line */
                     prevValue = prev.propertySource[prev.propertyName];
+                    /* eslint-disable-next-line @typescript-eslint/no-this-alias */
                     watcher = this;
                     if (propertySource === prevValue) {
                         this.needsRefresh = true;

package/dist/esm/styles/css.js

@@ -1,5 +1,5 @@
-import { CSSDirective } from "./css-directive";
-import { ElementStyles } from "./element-styles";
+import { CSSDirective } from "./css-directive.js";
+import { ElementStyles } from "./element-styles.js";
 function collectStyles(strings, values) {
     const styles = [];
     let cssString = "";