@tylertech/forge-core 3.2.1 → 3.3.0-dev.0

package/README.md

@@ -1,29 +1,3 @@
 # Tyler Forge™ Core
 
-This library contains the core building blocks and utilities that are used when building Tyler Forge™ based Web Component libraries.
-
-## Usage 
-
-```bash
-npm i @tylertech/forge-core
-```
-
-## Development
-
-Install dependencies:
-
-```bash
-npm i
-```
-
-Build library:
-
-```bash
-npm run build
-```
-
-Run tests:
-
-```bash
-npm test
-```
+This library contains core utilities that are used within Tyler Forge™.

package/dist/a11y/index.d.ts

@@ -1 +1,2 @@
-export * from './a11y';
+export * from './a11y.js';
+export * from './live-announcer.js';

package/dist/a11y/index.js

@@ -1 +1,2 @@
-export * from './a11y';
+export * from './a11y.js';
+export * from './live-announcer.js';

package/dist/a11y/live-announcer.d.ts

@@ -0,0 +1,16 @@
+declare const LIVE_ANNOUNCER_KEY: unique symbol;
+export type LiveAnnouncerPoliteness = 'polite' | 'assertive';
+declare global {
+    interface Window {
+        [LIVE_ANNOUNCER_KEY]: LiveAnnouncer;
+    }
+}
+export declare class LiveAnnouncer {
+    private _politeElement;
+    private _assertiveElement;
+    private constructor();
+    static get instance(): LiveAnnouncer;
+    announce(message: string, politeness?: LiveAnnouncerPoliteness): void;
+    private _getElement;
+}
+export {};

package/dist/a11y/live-announcer.js

@@ -0,0 +1,39 @@
+import { createVisuallyHiddenElement } from '../utils/a11y.js';
+const LIVE_ANNOUNCER_KEY = Symbol('forgeLiveAnnouncer');
+export class LiveAnnouncer {
+    constructor() {
+        this._politeElement = null;
+        this._assertiveElement = null;
+    }
+    static get instance() {
+        if (!window[LIVE_ANNOUNCER_KEY]) {
+            window[LIVE_ANNOUNCER_KEY] = new LiveAnnouncer();
+        }
+        return window[LIVE_ANNOUNCER_KEY];
+    }
+    announce(message, politeness = 'polite') {
+        const element = this._getElement(politeness);
+        element.textContent = '';
+        setTimeout(() => {
+            element.textContent = message;
+        }, 100);
+    }
+    _getElement(politeness) {
+        const isPolite = politeness === 'polite';
+        const existing = isPolite ? this._politeElement : this._assertiveElement;
+        if (existing && document.body.contains(existing)) {
+            return existing;
+        }
+        const element = createVisuallyHiddenElement(`data-forge-live-announcer-${politeness}`);
+        element.setAttribute('aria-live', politeness);
+        element.setAttribute('aria-atomic', 'true');
+        document.body.appendChild(element);
+        if (isPolite) {
+            this._politeElement = element;
+        }
+        else {
+            this._assertiveElement = element;
+        }
+        return element;
+    }
+}

package/dist/constants/date-constants.js

@@ -1,49 +1,7 @@
-const days = [
-    'Su',
-    'Mo',
-    'Tu',
-    'We',
-    'Th',
-    'Fr',
-    'Sa'
-];
-const daysLong = [
-    'Sunday',
-    'Monday',
-    'Tuesday',
-    'Wednesday',
-    'Thursday',
-    'Friday',
-    'Saturday'
-];
-const months = [
-    'Jan',
-    'Feb',
-    'Mar',
-    'Apr',
-    'May',
-    'Jun',
-    'Jul',
-    'Aug',
-    'Sep',
-    'Oct',
-    'Nov',
-    'Dec'
-];
-const monthsLong = [
-    'January',
-    'February',
-    'March',
-    'April',
-    'May',
-    'June',
-    'July',
-    'August',
-    'September',
-    'October',
-    'November',
-    'December'
-];
+const days = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'];
+const daysLong = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
+const months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
+const monthsLong = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
 export const DATE_CONSTANTS = {
     days,
     daysLong,

package/dist/constants/index.d.ts

@@ -1 +1 @@
-export * from './date-constants';
+export * from './date-constants.js';

package/dist/constants/index.js

@@ -1 +1 @@
-export * from './date-constants';
+export * from './date-constants.js';

package/dist/custom-elements/component-utils.js

@@ -1,5 +1,5 @@
-import { replaceElement, isArray, removeAllChildren, walkUpUntil } from '../utils';
-import { CUSTOM_ELEMENT_CSS_PROPERTY, CUSTOM_ELEMENT_DEPENDENCIES_PROPERTY, CUSTOM_ELEMENT_NAME_PROPERTY, CUSTOM_ELEMENT_STYLESHEETS_PROPERTY, CUSTOM_ELEMENT_TEMPLATE_PROPERTY, supportsConstructableStyleSheets } from './constants';
+import { replaceElement, isArray, removeAllChildren, walkUpUntil } from '../utils/index.js';
+import { CUSTOM_ELEMENT_CSS_PROPERTY, CUSTOM_ELEMENT_DEPENDENCIES_PROPERTY, CUSTOM_ELEMENT_NAME_PROPERTY, CUSTOM_ELEMENT_STYLESHEETS_PROPERTY, CUSTOM_ELEMENT_TEMPLATE_PROPERTY, supportsConstructableStyleSheets } from './constants.js';
 /**
  * Recursively defines a component as a custom elements and all of its dependencies.
  * @param component The component to import.
@@ -44,7 +44,7 @@ export function hasDefinedCustomElement(name) {
  * @param property
  */
 export function upgradeProperty(instance, property) {
-    if (instance.hasOwnProperty(property)) {
+    if (Object.prototype.hasOwnProperty.call(instance, property)) {
         const value = instance[property];
         delete instance[property];
         instance[property] = value;

package/dist/custom-elements/decorators/core-property.js

@@ -8,7 +8,7 @@ class CorePropertyOptions {
     }
 }
 const CORE_PROPERTY_NAME = '_core';
-const corePropertyNotFoundMessage = (className, propertyName) => `${className}\'s core does not contain the property \"${propertyName}\"`;
+const corePropertyNotFoundMessage = (className, propertyName) => `${className}'s core does not contain the property "${propertyName}"`;
 const coreNotFoundMessage = (className) => `${className} does not have a core`;
 function runIfVerified(target, propertyName, action) {
     if (target[CORE_PROPERTY_NAME]) {
@@ -68,26 +68,24 @@ export function coreProperty(options) {
                 const attributes = { configurable: true, enumerable: true };
                 const get = {
                     get() {
-                        const that = this;
-                        return wireDescriptorGet(that, corePropertyName, attrs => {
+                        return wireDescriptorGet(this, corePropertyName, attrs => {
                             let setter;
                             if (allOptions.set) {
                                 setter = { ...set };
                             }
-                            Reflect.defineProperty(that, corePropertyName, { configurable: true, enumerable: true, ...attrs, ...setter });
+                            Reflect.defineProperty(this, corePropertyName, { configurable: true, enumerable: true, ...attrs, ...setter });
                             return attrs.get();
                         });
                     }
                 };
                 const set = {
                     set(value) {
-                        const that = this;
-                        return wireDescriptorSet(that, corePropertyName, attrs => {
+                        return wireDescriptorSet(this, corePropertyName, attrs => {
                             let getter;
                             if (allOptions.get) {
                                 getter = { ...get };
                             }
-                            Reflect.defineProperty(that, corePropertyName, { configurable: true, enumerable: true, ...attrs, ...getter });
+                            Reflect.defineProperty(this, corePropertyName, { configurable: true, enumerable: true, ...attrs, ...getter });
                             attrs.set(value);
                         });
                     }

package/dist/custom-elements/decorators/custom-element.js

@@ -1,5 +1,5 @@
-import { defineCustomElement } from '../component-utils';
-import { CUSTOM_ELEMENT_NAME_PROPERTY, CUSTOM_ELEMENT_DEPENDENCIES_PROPERTY } from '../constants';
+import { defineCustomElement } from '../component-utils.js';
+import { CUSTOM_ELEMENT_NAME_PROPERTY, CUSTOM_ELEMENT_DEPENDENCIES_PROPERTY } from '../constants.js';
 /**
  * This decorator is intended to be used on classes that extend `HTMLElement` to
  * extend/modify the behavior of a custom element.

package/dist/custom-elements/decorators/index.d.ts

@@ -1,2 +1,2 @@
-export * from './custom-element';
-export * from './core-property';
+export * from './custom-element.js';
+export * from './core-property.js';

package/dist/custom-elements/decorators/index.js

@@ -1,2 +1,2 @@
-export * from './custom-element';
-export * from './core-property';
+export * from './custom-element.js';
+export * from './core-property.js';

package/dist/custom-elements/index.d.ts

@@ -1,6 +1,6 @@
-export * from './decorators';
-export * from './component-utils';
-export * from './constants';
+export * from './decorators/index.js';
+export * from './component-utils.js';
+export * from './constants.js';
 export interface ICustomElement extends HTMLElement {
     initializedCallback?: () => void;
     connectedCallback?: () => void;

package/dist/custom-elements/index.js

@@ -1,3 +1,3 @@
-export * from './decorators';
-export * from './component-utils';
-export * from './constants';
+export * from './decorators/index.js';
+export * from './component-utils.js';
+export * from './constants.js';

package/dist/events/index.d.ts

@@ -1 +1 @@
-export * from './event-aware';
+export * from './event-aware.js';

package/dist/events/index.js

@@ -1 +1 @@
-export * from './event-aware';
+export * from './event-aware.js';

package/dist/index.d.ts

@@ -3,13 +3,13 @@
  * Copyright (c) 2022 Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-export * from './a11y';
-export * from './constants';
-export * from './custom-elements';
-export * from './events';
-export * from './media-observer';
-export * from './message-list';
-export * from './resize';
-export * from './scroll';
-export * from './services';
-export * from './utils';
+export * from './a11y/index.js';
+export * from './constants/index.js';
+export * from './custom-elements/index.js';
+export * from './events/index.js';
+export * from './media-observer/index.js';
+export * from './message-list/index.js';
+export * from './resize/index.js';
+export * from './scroll/index.js';
+export * from './services/index.js';
+export * from './utils/index.js';

package/dist/index.js

@@ -3,13 +3,13 @@
  * Copyright (c) 2022 Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-export * from './a11y';
-export * from './constants';
-export * from './custom-elements';
-export * from './events';
-export * from './media-observer';
-export * from './message-list';
-export * from './resize';
-export * from './scroll';
-export * from './services';
-export * from './utils';
+export * from './a11y/index.js';
+export * from './constants/index.js';
+export * from './custom-elements/index.js';
+export * from './events/index.js';
+export * from './media-observer/index.js';
+export * from './message-list/index.js';
+export * from './resize/index.js';
+export * from './scroll/index.js';
+export * from './services/index.js';
+export * from './utils/index.js';

package/dist/media-observer/index.d.ts

@@ -1,3 +1,3 @@
-export * from './media-observer';
-export * from './media-observer-utils';
-export * from './types';
+export * from './media-observer.js';
+export * from './media-observer-utils.js';
+export * from './types.js';

package/dist/media-observer/index.js

@@ -1,3 +1,3 @@
-export * from './media-observer';
-export * from './media-observer-utils';
-export * from './types';
+export * from './media-observer.js';
+export * from './media-observer-utils.js';
+export * from './types.js';

package/dist/media-observer/media-observer-utils.d.ts

@@ -1,4 +1,4 @@
-import { IMediaRange, MediaFeature, NamedMediaQuery, RangeMediaFeature } from './types';
+import { IMediaRange, MediaFeature, NamedMediaQuery, RangeMediaFeature } from './types.js';
 /** Returns the names of all queries that match. Used for range media features. */
 export declare function getMatchingValues(namedQueries: NamedMediaQuery[]): string[];
 /** Returns the name of one query that matches. Used for discrete media features. */

package/dist/media-observer/media-observer-utils.js

@@ -1,4 +1,4 @@
-import { ALL_MEDIA_FEATURES } from './types';
+import { ALL_MEDIA_FEATURES } from './types.js';
 /** Returns the names of all queries that match. Used for range media features. */
 export function getMatchingValues(namedQueries) {
     const values = [];

package/dist/media-observer/media-observer.d.ts

@@ -1,5 +1,5 @@
-import { Subject } from '../observable';
-import { BooleanMediaFeature, IMediaObserverOptions, IMediaRange, MediaFeature as DiscreteMediaFeature, NamedMediaQuery, RangeMediaFeature } from './types';
+import { Subject } from '../observable/index.js';
+import { BooleanMediaFeature, IMediaObserverOptions, IMediaRange, MediaFeature as DiscreteMediaFeature, NamedMediaQuery, RangeMediaFeature } from './types.js';
 /**
  * A Subject that tracks the value of a media feature and exposes it synchronously and
  * asynchronously.

package/dist/media-observer/media-observer.js

@@ -1,11 +1,16 @@
-import { Subject } from '../observable';
-import { getBooleanValue, getMatchingValue, getMatchingValues, getRangeQuery, validateName } from './media-observer-utils';
-import { mediaFeatureValues } from './types';
+import { Subject } from '../observable/index.js';
+import { getBooleanValue, getMatchingValue, getMatchingValues, getRangeQuery, validateName } from './media-observer-utils.js';
+import { mediaFeatureValues } from './types.js';
 /**
  * A Subject that tracks the value of a media feature and exposes it synchronously and
  * asynchronously.
  */
 export class MediaObserver extends Subject {
+    /**
+     * STATIC MEMBERS
+     */
+    /** A collection of all managed media observers. */
+    static { this._observers = {}; }
     /**
      * Returns a new media observer tracking a discrete feature.
      * @param feature The name of a discrete media feature.
@@ -87,7 +92,6 @@ export class MediaObserver extends Subject {
     get name() {
         return this._name;
     }
-    // eslint-disable-next-line @tylertech-eslint/require-private-modifier
     constructor(name, namedQueries, value, track = true) {
         super(value);
         this._queries = [];
@@ -108,24 +112,22 @@ export class MediaObserver extends Subject {
     _attachMediaQueries(namedQueries) {
         return namedQueries.map(({ name, query }) => {
             const queryList = window.matchMedia(query);
-            const handler = (event) => this.setValue(event, name);
+            const handler = event => this.setValue(event, name);
             handler(queryList);
             queryList.addEventListener('change', handler);
             return { queryList, handler };
         });
     }
 }
-/**
- * STATIC MEMBERS
- */
-/** A collection of all managed media observers. */
-MediaObserver._observers = {};
 /**
  * A media observer that tracks one feature with multiple discrete keyword values.
  */
 export class DiscreteMediaObserver extends MediaObserver {
     static create(feature, options) {
-        const namedQueries = mediaFeatureValues[feature].map(featureValue => ({ name: featureValue.toString(), query: `(${feature}: ${featureValue})` }));
+        const namedQueries = mediaFeatureValues[feature].map(featureValue => ({
+            name: featureValue.toString(),
+            query: `(${feature}: ${featureValue})`
+        }));
         const value = getMatchingValue(namedQueries);
         const name = validateName(options?.name) ?? feature;
         return new DiscreteMediaObserver(name, namedQueries, value, options?.track !== false);
@@ -148,7 +150,6 @@ export class RangeMediaObserver extends MediaObserver {
         const name = validateName(options?.name) ?? feature;
         return new RangeMediaObserver(name, namedQueries, value, options?.track !== false);
     }
-    // eslint-disable-next-line @tylertech-eslint/require-private-modifier
     constructor(name, namedQueries, value, track = true) {
         super(name, namedQueries, value, track);
         this._isAwaitingQueries = false;

package/dist/media-observer/types.d.ts

@@ -1,11 +1,11 @@
 export declare const DISCRETE_MEDIA_FEATURES: readonly ["any-hover", "any-pointer", "color-gamut", "display-mode", "dynamic-range", "forced-colors", "grid", "hover", "inverted-colors", "orientation", "overflow-block", "overflow-inline", "pointer", "prefers-contrast", "prefers-color-scheme", "prefers-reduced-motion", "scripting", "update", "video-dynamic-range"];
 export declare const RANGE_MEDIA_FEATURES: readonly ["aspect-ratio", "color", "color-index", "height", "monochrome", "resolution", "width"];
-export declare const ALL_MEDIA_FEATURES: ("resolution" | "height" | "width" | "color" | "grid" | "update" | "orientation" | "any-hover" | "any-pointer" | "color-gamut" | "display-mode" | "dynamic-range" | "forced-colors" | "hover" | "inverted-colors" | "overflow-block" | "overflow-inline" | "pointer" | "prefers-contrast" | "prefers-color-scheme" | "prefers-reduced-motion" | "scripting" | "video-dynamic-range" | "aspect-ratio" | "color-index" | "monochrome")[];
+export declare const ALL_MEDIA_FEATURES: ("height" | "width" | "any-hover" | "any-pointer" | "color-gamut" | "display-mode" | "dynamic-range" | "forced-colors" | "grid" | "hover" | "inverted-colors" | "orientation" | "overflow-block" | "overflow-inline" | "pointer" | "prefers-contrast" | "prefers-color-scheme" | "prefers-reduced-motion" | "scripting" | "update" | "video-dynamic-range" | "aspect-ratio" | "color" | "color-index" | "monochrome" | "resolution")[];
 export declare const BOOLEAN_MEDIA_FEATURES: readonly ["any-hover", "any-pointer", "color", "color-index", "dynamic-range", "forced-colors", "grid", "height", "hover", "inverted-colors", "monochrome", "overflow-block", "overflow-inline", "pointer", "prefers-contrast", "prefers-reduced-motion", "scripting", "update", "video-dynamic-range", "width"];
-export type DiscreteMediaFeature = typeof DISCRETE_MEDIA_FEATURES[number];
-export type RangeMediaFeature = typeof RANGE_MEDIA_FEATURES[number];
+export type DiscreteMediaFeature = (typeof DISCRETE_MEDIA_FEATURES)[number];
+export type RangeMediaFeature = (typeof RANGE_MEDIA_FEATURES)[number];
 export type MediaFeature = DiscreteMediaFeature | RangeMediaFeature;
-export type BooleanMediaFeature = typeof BOOLEAN_MEDIA_FEATURES[number];
+export type BooleanMediaFeature = (typeof BOOLEAN_MEDIA_FEATURES)[number];
 export declare const colorGamutValues: readonly ["srbg", "p3", "rec2020"];
 export declare const displayModeValues: readonly ["fullscreen", "standalone", "minimal-ui", "browser", "window-controls-overlay"];
 export declare const dynamicRangeValues: readonly ["standard", "high"];
@@ -23,38 +23,38 @@ export declare const prefersReducedMotionValues: readonly ["no-preference", "red
 export declare const scriptingValues: readonly ["none", "initial-only", "enabled"];
 export declare const updateValues: readonly ["none", "slow", "fast"];
 export declare const videoDynamicRangeValues: readonly ["standard", "high"];
-export type ColorGamutValue = typeof colorGamutValues[number];
-export type DisplayModeValue = typeof displayModeValues[number];
-export type DynamicRangeValue = typeof dynamicRangeValues[number];
-export type ForcedColorsValue = typeof forcedColorsValues[number];
-export type GridValue = typeof gridValues[number];
-export type HoverValue = typeof hoverValues[number];
-export type InvertedColorsValue = typeof invertedColorsValues[number];
-export type OrientationValue = typeof orientationValues[number];
-export type OverflowBlockValue = typeof overflowBlockValues[number];
-export type OverflowInlineValue = typeof overflowInlineValues[number];
-export type PointerValue = typeof pointerValues[number];
-export type PrefersContrastValue = typeof prefersContrastValues[number];
-export type PrefersColorSchemeValue = typeof prefersColorSchemeValues[number];
-export type PrefersReducedMotionValue = typeof prefersReducedMotionValues[number];
-export type ScriptingValue = typeof scriptingValues[number];
-export type UpdateValue = typeof updateValues[number];
-export type VideoDynamicRangeValue = typeof videoDynamicRangeValues[number];
-export type NamedMediaQuery = {
+export type ColorGamutValue = (typeof colorGamutValues)[number];
+export type DisplayModeValue = (typeof displayModeValues)[number];
+export type DynamicRangeValue = (typeof dynamicRangeValues)[number];
+export type ForcedColorsValue = (typeof forcedColorsValues)[number];
+export type GridValue = (typeof gridValues)[number];
+export type HoverValue = (typeof hoverValues)[number];
+export type InvertedColorsValue = (typeof invertedColorsValues)[number];
+export type OrientationValue = (typeof orientationValues)[number];
+export type OverflowBlockValue = (typeof overflowBlockValues)[number];
+export type OverflowInlineValue = (typeof overflowInlineValues)[number];
+export type PointerValue = (typeof pointerValues)[number];
+export type PrefersContrastValue = (typeof prefersContrastValues)[number];
+export type PrefersColorSchemeValue = (typeof prefersColorSchemeValues)[number];
+export type PrefersReducedMotionValue = (typeof prefersReducedMotionValues)[number];
+export type ScriptingValue = (typeof scriptingValues)[number];
+export type UpdateValue = (typeof updateValues)[number];
+export type VideoDynamicRangeValue = (typeof videoDynamicRangeValues)[number];
+export interface NamedMediaQuery {
     name: string;
     query: string;
-};
-export type ManagedMediaQuery = {
+}
+export interface ManagedMediaQuery {
     queryList: MediaQueryList;
     handler: MediaQueryHandler;
-};
+}
 export type MediaQueryHandler = (event: MediaQueryList | MediaQueryListEvent) => void;
 export declare const mediaFeatureValues: {
     'any-hover': ("none" | "hover")[];
     'any-pointer': ("none" | "coarse" | "fine")[];
-    'color-gamut': ("p3" | "rec2020" | "srbg")[];
-    'display-mode': ("browser" | "fullscreen" | "standalone" | "minimal-ui" | "window-controls-overlay")[];
-    'dynamic-range': ("high" | "standard")[];
+    'color-gamut': ("srbg" | "p3" | "rec2020")[];
+    'display-mode': ("fullscreen" | "standalone" | "minimal-ui" | "browser" | "window-controls-overlay")[];
+    'dynamic-range': ("standard" | "high")[];
     'forced-colors': ("none" | "active")[];
     grid: (0 | 1)[];
     hover: ("none" | "hover")[];
@@ -63,12 +63,12 @@ export declare const mediaFeatureValues: {
     'overflow-block': ("none" | "scroll" | "optional-paged" | "paged")[];
     'overflow-inline': ("none" | "scroll")[];
     pointer: ("none" | "coarse" | "fine")[];
-    'prefers-contrast': ("custom" | "no-preference" | "more" | "less")[];
+    'prefers-contrast': ("no-preference" | "more" | "less" | "custom")[];
     'prefers-color-scheme': ("light" | "dark")[];
     'prefers-reduced-motion': ("reduce" | "no-preference")[];
     scripting: ("none" | "initial-only" | "enabled")[];
     update: ("none" | "slow" | "fast")[];
-    'video-dynamic-range': ("high" | "standard")[];
+    'video-dynamic-range': ("standard" | "high")[];
 };
 export interface IMediaObserverOptions {
     name?: string;

package/dist/media-observer/types.js

@@ -19,15 +19,7 @@ export const DISCRETE_MEDIA_FEATURES = [
     'update',
     'video-dynamic-range'
 ];
-export const RANGE_MEDIA_FEATURES = [
-    'aspect-ratio',
-    'color',
-    'color-index',
-    'height',
-    'monochrome',
-    'resolution',
-    'width'
-];
+export const RANGE_MEDIA_FEATURES = ['aspect-ratio', 'color', 'color-index', 'height', 'monochrome', 'resolution', 'width'];
 export const ALL_MEDIA_FEATURES = [...DISCRETE_MEDIA_FEATURES, ...RANGE_MEDIA_FEATURES];
 export const BOOLEAN_MEDIA_FEATURES = [
     'any-hover',
@@ -75,17 +67,17 @@ export const mediaFeatureValues = {
     'display-mode': Array.from(displayModeValues.values()),
     'dynamic-range': Array.from(dynamicRangeValues.values()),
     'forced-colors': Array.from(forcedColorsValues.values()),
-    'grid': Array.from(gridValues.values()),
-    'hover': Array.from(hoverValues.values()),
+    grid: Array.from(gridValues.values()),
+    hover: Array.from(hoverValues.values()),
     'inverted-colors': Array.from(invertedColorsValues.values()),
-    'orientation': Array.from(orientationValues.values()),
+    orientation: Array.from(orientationValues.values()),
     'overflow-block': Array.from(overflowBlockValues.values()),
     'overflow-inline': Array.from(overflowInlineValues.values()),
-    'pointer': Array.from(pointerValues.values()),
+    pointer: Array.from(pointerValues.values()),
     'prefers-contrast': Array.from(prefersContrastValues.values()),
     'prefers-color-scheme': Array.from(prefersColorSchemeValues.values()),
     'prefers-reduced-motion': Array.from(prefersReducedMotionValues.values()),
-    'scripting': Array.from(scriptingValues.values()),
-    'update': Array.from(updateValues.values()),
+    scripting: Array.from(scriptingValues.values()),
+    update: Array.from(updateValues.values()),
     'video-dynamic-range': Array.from(videoDynamicRangeValues.values())
 };

package/dist/message-list/index.d.ts

@@ -1,2 +1,2 @@
-export * from './message-list-entry';
-export * from './message-list';
+export * from './message-list-entry.js';
+export * from './message-list.js';

package/dist/message-list/index.js

@@ -1,2 +1,2 @@
-export * from './message-list-entry';
-export * from './message-list';
+export * from './message-list-entry.js';
+export * from './message-list.js';