@web-atoms/core 2.5.11 → 2.5.13

package/src/web/controls/AtomToggleButtonBar.ts

@@ -1,8 +1,8 @@
-import { App } from "../../App";
-import { AtomToggleButtonBarStyle } from "../styles/AtomToggleButtonBarStyle";
-import { AtomControl } from "./AtomControl";
-import { AtomItemsControl } from "./AtomItemsControl";
-import { AtomListBox } from "./AtomListBox";
+import { App } from "../../App.js";
+import { AtomToggleButtonBarStyle } from "../styles/AtomToggleButtonBarStyle.js";
+import { AtomControl } from "./AtomControl.js";
+import { AtomItemsControl } from "./AtomItemsControl.js";
+import { AtomListBox } from "./AtomListBox.js";
 
 export class AtomToggleButtonBar extends AtomListBox {
 

package/src/web/controls/AtomViewPager.ts

@@ -1,12 +1,12 @@
-import { AtomBinder } from "../../core/AtomBinder";
-import { AtomLoader } from "../../core/AtomLoader";
-import { AtomUri } from "../../core/AtomUri";
-import { BindableProperty } from "../../core/BindableProperty";
-import { IClassOf } from "../../core/types";
-import { JsonService } from "../../services/JsonService";
-import { AtomContentControl } from "./AtomContentControl";
-import { AtomControl } from "./AtomControl";
-import { AtomItemsControl } from "./AtomItemsControl";
+import { AtomBinder } from "../../core/AtomBinder.js";
+import { AtomLoader } from "../../core/AtomLoader.js";
+import { AtomUri } from "../../core/AtomUri.js";
+import { BindableProperty } from "../../core/BindableProperty.js";
+import { IClassOf } from "../../core/types.js";
+import { JsonService } from "../../services/JsonService.js";
+import { AtomContentControl } from "./AtomContentControl.js";
+import { AtomControl } from "./AtomControl.js";
+import { AtomItemsControl } from "./AtomItemsControl.js";
 
 export class AtomViewPager extends AtomItemsControl {
 

package/src/web/controls/AtomViewStack.ts

@@ -1,5 +1,5 @@
-import { BindableProperty } from "../../core/BindableProperty";
-import { AtomControl } from "./AtomControl";
+import { BindableProperty } from "../../core/BindableProperty.js";
+import { AtomControl } from "./AtomControl.js";
 
 export class AtomViewStack extends AtomControl {
 

package/src/web/controls/AtomWindow.tsx

@@ -1,14 +1,14 @@
-import { App } from "../../App";
-import Bind from "../../core/Bind";
-import { BindableProperty } from "../../core/BindableProperty";
-import { IClassOf, IDisposable, IRect } from "../../core/types";
-import XNode from "../../core/XNode";
-import { AtomWindowViewModel } from "../../view-model/AtomWindowViewModel";
-import { AtomUI } from "../core/AtomUI";
-import { AtomTheme } from "../styles/AtomTheme";
-import { AtomWindowStyle } from "../styles/AtomWindowStyle";
-import { AtomControl } from "./AtomControl";
-import { AtomTemplate } from "./AtomTemplate";
+import { App } from "../../App.js";
+import Bind from "../../core/Bind.js";
+import { BindableProperty } from "../../core/BindableProperty.js";
+import { IClassOf, IDisposable, IRect } from "../../core/types.js";
+import XNode from "../../core/XNode.js";
+import { AtomWindowViewModel } from "../../view-model/AtomWindowViewModel.js";
+import { AtomUI } from "../core/AtomUI.js";
+import { AtomTheme } from "../styles/AtomTheme.js";
+import { AtomWindowStyle } from "../styles/AtomWindowStyle.js";
+import { AtomControl } from "./AtomControl.js";
+import { AtomTemplate } from "./AtomTemplate.js";
 
 export function getTemplateParent(e: HTMLElement) {
     const tp = e._templateParent;

package/src/web/core/AtomUI.ts

@@ -1,4 +1,4 @@
-import { INameValues, IRect } from "../../core/types";
+import { INameValues, IRect } from "../../core/types.js";
 
 export class AncestorEnumerator {
 

package/src/web/core/HtmlNode.tsx

@@ -1,8 +1,8 @@
-import XNode, { elementFactorySymbol } from "../../core/XNode";
-import { AtomStyleRules } from "../../style/StyleRule";
-import { ElementValueSetters } from "../controls/AtomControl";
-import { AtomUI, descendentElementIterator } from "./AtomUI";
-import Encoder from "./Encoder";
+import XNode, { elementFactorySymbol } from "../../core/XNode.js";
+import { AtomStyleRules } from "../../style/StyleRule.js";
+import { ElementValueSetters } from "../controls/AtomControl.js";
+import { AtomUI, descendentElementIterator } from "./AtomUI.js";
+import Encoder from "./Encoder.js";
 export const encoder = Encoder("entity");
 
 export interface IKeyValuePair {

package/src/web/images/Busy.ts

@@ -1,4 +1,4 @@
-import WebImage from "../../core/WebImage";
+import WebImage from "../../core/WebImage.js";
 
 // tslint:disable
 declare var UMD: any;

package/src/web/images/BusyDataUrl.ts

@@ -1,4 +1,4 @@
-import WebImage from "../../core/WebImage";
+import WebImage from "../../core/WebImage.js";
 
 // tslint:disable
 

package/src/web/images/Button.ts

@@ -1,5 +1,5 @@
 // tslint:disable
-import WebImage from "../../core/WebImage";
+import WebImage from "../../core/WebImage.js";
 declare var UMD: any;
 export default new WebImage(UMD.resolvePath("web-atoms-core/dist/web/images/close-button.svg"));
                 

package/src/web/images/ButtonDataUrl.ts

@@ -1,5 +1,5 @@
 // tslint:disable
-import WebImage from "../../core/WebImage";
+import WebImage from "../../core/WebImage.js";
 
 const base64 = "PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6"+
 		"IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246"+

package/src/web/images/CloseButton.ts

@@ -1,4 +1,4 @@
-import WebImage from "../../core/WebImage";
+import WebImage from "../../core/WebImage.js";
 
 // tslint:disable
 declare var UMD: any;

package/src/web/images/CloseButtonDataUrl.ts

@@ -1,4 +1,4 @@
-import WebImage from "../../core/WebImage";
+import WebImage from "../../core/WebImage.js";
 
 // tslint:disable
 

package/src/web/images/CloseButtonHover.ts

@@ -1,4 +1,4 @@
-import WebImage from "../../core/WebImage";
+import WebImage from "../../core/WebImage.js";
 
 // tslint:disable
 declare var UMD: any;

package/src/web/images/CloseButtonHoverDataUrl.ts

@@ -1,4 +1,4 @@
-import WebImage from "../../core/WebImage";
+import WebImage from "../../core/WebImage.js";
 
 // tslint:disable
 

package/src/web/samples/MovieService.ts

@@ -1,5 +1,5 @@
-import { RegisterSingleton } from "../../di/RegisterSingleton";
-import { BaseService, Get } from "../../services/http/RestService";
+import { RegisterSingleton } from "../../di/RegisterSingleton.js";
+import { BaseService, Get } from "../../services/http/RestService.js";
 
 @RegisterSingleton
 export class MovieService extends BaseService {

package/src/web/samples/demo/app.ts

@@ -1,6 +1,6 @@
-import WebApp from "../../../web/WebApp";
-import { MovieList } from "./views/MovieList";
-import { MovieListViewModel } from "./views/MovieListViewModel";
+import WebApp from "../../../web/WebApp.js";
+import { MovieList } from "./views/MovieList.js";
+import { MovieListViewModel } from "./views/MovieListViewModel.js";
 
 export class SampleApp extends WebApp {
 

package/src/web/samples/demo/views/MovieList.ts

@@ -1,8 +1,8 @@
-import { App } from "../../../../App";
-import { AtomControl } from "../../../controls/AtomControl";
-import { AtomGridSplitter } from "../../../controls/AtomGridSplitter";
-import { AtomGridView } from "../../../controls/AtomGridView";
-import { AtomItemsControl } from "../../../controls/AtomItemsControl";
+import { App } from "../../../../App.js";
+import { AtomControl } from "../../../controls/AtomControl.js";
+import { AtomGridSplitter } from "../../../controls/AtomGridSplitter.js";
+import { AtomGridView } from "../../../controls/AtomGridView.js";
+import { AtomItemsControl } from "../../../controls/AtomItemsControl.js";
 
 export class MovieList extends AtomGridView {
 

package/src/web/samples/demo/views/MovieListViewModel.ts

@@ -1,9 +1,9 @@
-import { App } from "../../../../App";
-import { AtomBinder } from "../../../../core/AtomBinder";
-import { BindableProperty } from "../../../../core/BindableProperty";
-import { Inject } from "../../../../di/Inject";
-import { AtomViewModel, Validate } from "../../../../view-model/AtomViewModel";
-import { WindowService } from "../../../../web/services/WindowService";
+import { App } from "../../../../App.js";
+import { AtomBinder } from "../../../../core/AtomBinder.js";
+import { BindableProperty } from "../../../../core/BindableProperty.js";
+import { Inject } from "../../../../di/Inject.js";
+import { AtomViewModel, Validate } from "../../../../view-model/AtomViewModel.js";
+import { WindowService } from "../../../../web/services/WindowService.js";
 
 export interface IMovie {
     label: string;

package/src/web/samples/tabs/app.ts

@@ -1,6 +1,6 @@
-import { NavigationService } from "../../../services/NavigationService";
-import { AtomTabbedPage } from "../../controls/AtomTabbedPage";
-import WebApp from "../../WebApp";
+import { NavigationService } from "../../../services/NavigationService.js";
+import { AtomTabbedPage } from "../../controls/AtomTabbedPage.js";
+import WebApp from "../../WebApp.js";
 
 export class TabApp extends WebApp {
     public main(): void {

package/src/web/samples/tabs/views/List.ts

@@ -1,4 +1,4 @@
-import WebImage from "../../../../core/WebImage";
+import WebImage from "../../../../core/WebImage.js";
 
 // tslint:disable
 declare var UMD: any;

package/src/web/samples/tabs/views/ListDataUrl.ts

@@ -1,4 +1,4 @@
-import WebImage from "../../../../core/WebImage";
+import WebImage from "../../../../core/WebImage.js";
 
 // tslint:disable
 

package/src/web/samples/tabs/views/Page1.tsx

@@ -1,12 +1,12 @@
-import { App } from "../../../../App";
-import Bind from "../../../../core/Bind";
-import { BindableProperty } from "../../../../core/BindableProperty";
-import XNode from "../../../../core/XNode";
-import { Inject } from "../../../../di/Inject";
-import { AtomWindowViewModel } from "../../../../view-model/AtomWindowViewModel";
-import { AtomGridView } from "../../../controls/AtomGridView";
-import { AtomListBox } from "../../../controls/AtomListBox";
-import { MovieService } from "../../MovieService";
+import { App } from "../../../../App.js";
+import Bind from "../../../../core/Bind.js";
+import { BindableProperty } from "../../../../core/BindableProperty.js";
+import XNode from "../../../../core/XNode.js";
+import { Inject } from "../../../../di/Inject.js";
+import { AtomWindowViewModel } from "../../../../view-model/AtomWindowViewModel.js";
+import { AtomGridView } from "../../../controls/AtomGridView.js";
+import { AtomListBox } from "../../../controls/AtomListBox.js";
+import { MovieService } from "../../MovieService.js";
 
 export default class Page1 extends AtomGridView {
     protected create(): void {

package/src/web/samples/tabs/views/TabHost.ts

@@ -1,8 +1,8 @@
-import { App } from "../../../../App";
-import { Inject } from "../../../../di/Inject";
-import { NavigationService } from "../../../../services/NavigationService";
-import { AtomViewModel } from "../../../../view-model/AtomViewModel";
-import { AtomTabbedPage } from "../../../controls/AtomTabbedPage";
+import { App } from "../../../../App.js";
+import { Inject } from "../../../../di/Inject.js";
+import { NavigationService } from "../../../../services/NavigationService.js";
+import { AtomViewModel } from "../../../../view-model/AtomViewModel.js";
+import { AtomTabbedPage } from "../../../controls/AtomTabbedPage.js";
 
 export default class TabHost extends AtomTabbedPage {
 

package/src/web/samples/window/WindowSample.tsx

@@ -1,7 +1,7 @@
-import Bind from "../../../core/Bind";
-import XNode from "../../../core/XNode";
-import { NavigationService } from "../../../services/NavigationService";
-import { AtomControl } from "../../controls/AtomControl";
+import Bind from "../../../core/Bind.js";
+import XNode from "../../../core/XNode.js";
+import { NavigationService } from "../../../services/NavigationService.js";
+import { AtomControl } from "../../controls/AtomControl.js";
 
 export default class WindowSample extends AtomControl {
 

package/src/web/services/LastTarget.ts

@@ -1,4 +1,4 @@
-import { descendentElementIterator } from "../core/AtomUI";
+import { descendentElementIterator } from "../core/AtomUI.js";
 
 interface IElementTarget {
     target: WeakRef<HTMLElement>;

package/src/web/services/MarkdownService.ts

@@ -1,6 +1,6 @@
-import DISingleton from "../../di/DISingleton";
-import { RegisterSingleton } from "../../di/RegisterSingleton";
-import { Register } from "../../di/Register";
+import DISingleton from "../../di/DISingleton.js";
+import { RegisterSingleton } from "../../di/RegisterSingleton.js";
+import { Register } from "../../di/Register.js";
 
 type Processor = [string, string, (s: string, e: string, t: string) => string ];
 

package/src/web/services/NotificationPopup.tsx

@@ -1,5 +1,5 @@
-import XNode from "../../core/XNode";
-import { PopupWindow } from "./PopupService";
+import XNode from "../../core/XNode.js";
+import { PopupWindow } from "./PopupService.js";
 
 import "./NotifcationPopup.global.css";
 

package/src/web/services/PopupService.tsx

@@ -1,14 +1,14 @@
-import { App } from "../../App";
-import { AtomDisposableList } from "../../core/AtomDisposableList";
-import { getOwnInheritedProperty } from "../../core/InheritedProperty";
-import { CancelToken } from "../../core/types";
-import XNode from "../../core/XNode";
-import { AtomControl } from "../controls/AtomControl";
-import { LastTarget } from "./LastTarget";
+import { App } from "../../App.js";
+import { AtomDisposableList } from "../../core/AtomDisposableList.js";
+import { getOwnInheritedProperty } from "../../core/InheritedProperty.js";
+import { CancelToken } from "../../core/types.js";
+import XNode from "../../core/XNode.js";
+import { AtomControl } from "../controls/AtomControl.js";
+import { LastTarget } from "./LastTarget.js";
 
 import "./PopupService.global.css";
 
-import PopupWindowA, { ConfirmPopup } from "./PopupWindow";
+import PopupWindowA, { ConfirmPopup } from "./PopupWindow.js";
 
 
 export const PopupWindow = PopupWindowA;

package/src/web/services/PopupWindow.tsx

@@ -1,12 +1,12 @@
-import Bind from "../../core/Bind";
-import { BindableProperty } from "../../core/BindableProperty";
-import XNode from "../../core/XNode";
-import sleep from "../../core/sleep";
-import { CancelToken, IClassOf, IDisposable, IRect } from "../../core/types";
-import { AtomControl } from "../controls/AtomControl";
-import { ChildEnumerator } from "../core/AtomUI";
-import type PopupService from "./PopupService";
-import type { IDialogOptions } from "./PopupService";
+import Bind from "../../core/Bind.js";
+import { BindableProperty } from "../../core/BindableProperty.js";
+import XNode from "../../core/XNode.js";
+import sleep from "../../core/sleep.js";
+import { CancelToken, IClassOf, IDisposable, IRect } from "../../core/types.js";
+import { AtomControl } from "../controls/AtomControl.js";
+import { ChildEnumerator } from "../core/AtomUI.js";
+import type PopupService from "./PopupService.js";
+import type { IDialogOptions } from "./PopupService.js";
 
 import "./PopupWindow.global.css";
 
@@ -16,7 +16,7 @@ const loadPopupService = async () => {
     if (popupService) {
         return popupService;
     }
-    return popupService = (await (import("./PopupService"))).default;
+    return popupService = (await (import("./PopupService.js"))).default as any as typeof PopupService;
 };
 
 const focus = (popup: PopupWindow) => {

package/src/web/services/WebBusyIndicatorService.ts

@@ -1,12 +1,12 @@
-import { App } from "../../App";
-import { IDisposable } from "../../core/types";
-import { Inject } from "../../di/Inject";
-import { RegisterSingleton } from "../../di/RegisterSingleton";
-import { BusyIndicatorService } from "../../services/BusyIndicatorService";
-import { NavigationService } from "../../services/NavigationService";
-import { AtomControl } from "../controls/AtomControl";
-import { cssNumberToString } from "../styles/StyleBuilder";
-import { WindowService } from "./WindowService";
+import { App } from "../../App.js";
+import { IDisposable } from "../../core/types.js";
+import { Inject } from "../../di/Inject.js";
+import { RegisterSingleton } from "../../di/RegisterSingleton.js";
+import { BusyIndicatorService } from "../../services/BusyIndicatorService.js";
+import { NavigationService } from "../../services/NavigationService.js";
+import { AtomControl } from "../controls/AtomControl.js";
+import { cssNumberToString } from "../styles/StyleBuilder.js";
+import { WindowService } from "./WindowService.js";
 
 @RegisterSingleton
 export class WebBusyIndicatorService extends BusyIndicatorService {

package/src/web/services/WindowService.ts

@@ -1,29 +1,29 @@
-import { App } from "../../App";
-import { Atom } from "../../Atom";
-import { AtomLoader } from "../../core/AtomLoader";
-import { AtomUri } from "../../core/AtomUri";
-import FormattedError from "../../core/FormattedError";
-import FormattedString from "../../core/FormattedString";
-import { IScreen, IScreenType } from "../../core/IScreen";
-import { ArrayHelper, CancelToken, IClassOf, IDisposable, INameValuePairs } from "../../core/types";
-import { Inject } from "../../di/Inject";
-import { RegisterSingleton } from "../../di/RegisterSingleton";
-import { Scope, ServiceCollection } from "../../di/ServiceCollection";
-import { JsonService } from "../../services/JsonService";
-import { IPageOptions, NavigationService, NotifyType } from "../../services/NavigationService";
-import ReferenceService, { ObjectReference } from "../../services/ReferenceService";
-import { AtomWindowViewModel } from "../../view-model/AtomWindowViewModel";
-import { AtomUI } from "../../web/core/AtomUI";
-import AtomAlertWindow from "../controls/AtomAlertWindow";
-import { AtomControl } from "../controls/AtomControl";
-import AtomNotification from "../controls/AtomNotification";
-import { AtomWindow } from "../controls/AtomWindow";
-import { AtomPopupStyle } from "../styles/AtomPopupStyle";
-import { AtomStyleSheet } from "../styles/AtomStyleSheet";
-import { AtomTheme } from "../styles/AtomTheme";
-import { cssNumberToString } from "../styles/StyleBuilder";
-import NotificationPopup from "./NotificationPopup";
-import PopupService from "./PopupService";
+import { App } from "../../App.js";
+import { Atom } from "../../Atom.js";
+import { AtomLoader } from "../../core/AtomLoader.js";
+import { AtomUri } from "../../core/AtomUri.js";
+import FormattedError from "../../core/FormattedError.js";
+import FormattedString from "../../core/FormattedString.js";
+import { IScreen, IScreenType } from "../../core/IScreen.js";
+import { ArrayHelper, CancelToken, IClassOf, IDisposable, INameValuePairs } from "../../core/types.js";
+import { Inject } from "../../di/Inject.js";
+import { RegisterSingleton } from "../../di/RegisterSingleton.js";
+import { Scope, ServiceCollection } from "../../di/ServiceCollection.js";
+import { JsonService } from "../../services/JsonService.js";
+import { IPageOptions, NavigationService, NotifyType } from "../../services/NavigationService.js";
+import ReferenceService, { ObjectReference } from "../../services/ReferenceService.js";
+import { AtomWindowViewModel } from "../../view-model/AtomWindowViewModel.js";
+import { AtomUI } from "../../web/core/AtomUI.js";
+import AtomAlertWindow from "../controls/AtomAlertWindow.js";
+import { AtomControl } from "../controls/AtomControl.js";
+import AtomNotification from "../controls/AtomNotification.js";
+import { AtomWindow } from "../controls/AtomWindow.js";
+import { AtomPopupStyle } from "../styles/AtomPopupStyle.js";
+import { AtomStyleSheet } from "../styles/AtomStyleSheet.js";
+import { AtomTheme } from "../styles/AtomTheme.js";
+import { cssNumberToString } from "../styles/StyleBuilder.js";
+import NotificationPopup from "./NotificationPopup.js";
+import PopupService from "./PopupService.js";
 
 export type HostForElementFunc = ((e: HTMLElement) => HTMLElement);
 

package/src/web/styles/AtomAlertWindowStyle.ts

@@ -1,7 +1,7 @@
-import { Atom } from "../../Atom";
-import Colors from "../../core/Colors";
-import { AtomWindowStyle } from "./AtomWindowStyle";
-import { IStyleDeclaration } from "./IStyleDeclaration";
+import { Atom } from "../../Atom.js";
+import Colors from "../../core/Colors.js";
+import { AtomWindowStyle } from "./AtomWindowStyle.js";
+import { IStyleDeclaration } from "./IStyleDeclaration.js";
 
 export default class AtomAlertWindowStyle extends AtomWindowStyle {
 

package/src/web/styles/AtomFrameStyle.ts

@@ -1,6 +1,6 @@
-import { AtomStyle } from "./AtomStyle";
-import { IStyleDeclaration } from "./IStyleDeclaration";
-import StyleBuilder from "./StyleBuilder";
+import { AtomStyle } from "./AtomStyle.js";
+import { IStyleDeclaration } from "./IStyleDeclaration.js";
+import StyleBuilder from "./StyleBuilder.js";
 
 export default class AtomFrameStyle extends AtomStyle {
 

package/src/web/styles/AtomListBoxStyle.ts

@@ -1,7 +1,7 @@
-import { BindableProperty } from "../../core/BindableProperty";
-import { AtomStyle } from "./AtomStyle";
-import { AtomTheme } from "./AtomTheme";
-import { IStyleDeclaration } from "./IStyleDeclaration";
+import { BindableProperty } from "../../core/BindableProperty.js";
+import { AtomStyle } from "./AtomStyle.js";
+import { AtomTheme } from "./AtomTheme.js";
+import { IStyleDeclaration } from "./IStyleDeclaration.js";
 
 export class AtomListBoxStyle extends AtomStyle {
 

package/src/web/styles/AtomNotificationStyle.ts

@@ -1,6 +1,6 @@
-import Colors from "../../core/Colors";
-import { AtomStyle } from "./AtomStyle";
-import { IStyleDeclaration } from "./IStyleDeclaration";
+import Colors from "../../core/Colors.js";
+import { AtomStyle } from "./AtomStyle.js";
+import { IStyleDeclaration } from "./IStyleDeclaration.js";
 
 export default class AtomNotificationStyle extends AtomStyle {
 

package/src/web/styles/AtomPageLinkStyle.ts

@@ -1,5 +1,5 @@
-import { AtomStyle } from "./AtomStyle";
-import { IStyleDeclaration } from "./IStyleDeclaration";
+import { AtomStyle } from "./AtomStyle.js";
+import { IStyleDeclaration } from "./IStyleDeclaration.js";
 
 export default class AtomPageLinkStyle extends AtomStyle {
 

package/src/web/styles/AtomPopupStyle.ts

@@ -1,5 +1,5 @@
-import { AtomStyle } from "../styles/AtomStyle";
-import { IStyleDeclaration } from "./IStyleDeclaration";
+import { AtomStyle } from "../styles/AtomStyle.js";
+import { IStyleDeclaration } from "./IStyleDeclaration.js";
 export class AtomPopupStyle extends AtomStyle {
 
     public get root(): IStyleDeclaration {

package/src/web/styles/AtomStyle.ts

@@ -1,11 +1,11 @@
-import { App } from "../../App";
-import { AtomBinder } from "../../core/AtomBinder";
-import { ColorItem } from "../../core/Colors";
-import { StringHelper } from "../../core/StringHelper";
-import { IClassOf, INameValuePairs } from "../../core/types";
-import { TypeKey } from "../../di/TypeKey";
-import { AtomStyleSheet } from "./AtomStyleSheet";
-import { IStyleDeclaration } from "./IStyleDeclaration";
+import { App } from "../../App.js";
+import { AtomBinder } from "../../core/AtomBinder.js";
+import { ColorItem } from "../../core/Colors.js";
+import { StringHelper } from "../../core/StringHelper.js";
+import { IClassOf, INameValuePairs } from "../../core/types.js";
+import { TypeKey } from "../../di/TypeKey.js";
+import { AtomStyleSheet } from "./AtomStyleSheet.js";
+import { IStyleDeclaration } from "./IStyleDeclaration.js";
 
 export type StyleItem = AtomStyle;
 

package/src/web/styles/AtomStyleSheet.ts

@@ -1,7 +1,7 @@
-import { App } from "../../App";
-import { IClassOf, INameValuePairs, INotifyPropertyChanging } from "../../core/types";
-import { TypeKey } from "../../di/TypeKey";
-import { AtomStyle } from "./AtomStyle";
+import { App } from "../../App.js";
+import { IClassOf, INameValuePairs, INotifyPropertyChanging } from "../../core/types.js";
+import { TypeKey } from "../../di/TypeKey.js";
+import { AtomStyle } from "./AtomStyle.js";
 
 export class AtomStyleSheet implements INotifyPropertyChanging {
 

package/src/web/styles/AtomTabbedPageStyle.ts

@@ -1,8 +1,8 @@
 import CloseButtonDataUrl from "@web-atoms/core/src/web/images/close-button-hover.svg";
 import CloseButtonHoverDataUrl from "@web-atoms/core/src/web/images/close-button.svg";
-import { AtomStyle } from "./AtomStyle";
-import { AtomTheme } from "./AtomTheme";
-import { IStyleDeclaration } from "./IStyleDeclaration";
+import { AtomStyle } from "./AtomStyle.js";
+import { AtomTheme } from "./AtomTheme.js";
+import { IStyleDeclaration } from "./IStyleDeclaration.js";
 
 export class AtomTabbedPageStyle extends AtomStyle {
 

package/src/web/styles/AtomTheme.ts

@@ -1,19 +1,19 @@
-import { AtomWindowStyle } from "./AtomWindowStyle";
-
-import { AtomPopupStyle } from "./AtomPopupStyle";
-
-import { App } from "../../App";
-import { BindableProperty } from "../../core/BindableProperty";
-import Color from "../../core/Color";
-import Colors, { ColorItem } from "../../core/Colors";
-import { IDisposable, INotifyPropertyChanging } from "../../core/types";
-import { Inject } from "../../di/Inject";
-import { RegisterSingleton } from "../../di/RegisterSingleton";
-import { NavigationService } from "../../services/NavigationService";
-import { AtomListBox } from "../controls/AtomListBox";
-import { AtomWindow } from "../controls/AtomWindow";
-import { AtomStyleSheet } from "../styles/AtomStyleSheet";
-import { AtomListBoxStyle } from "./AtomListBoxStyle";
+import { AtomWindowStyle } from "./AtomWindowStyle.js";
+
+import { AtomPopupStyle } from "./AtomPopupStyle.js";
+
+import { App } from "../../App.js";
+import { BindableProperty } from "../../core/BindableProperty.js";
+import Color from "../../core/Color.js";
+import Colors, { ColorItem } from "../../core/Colors.js";
+import { IDisposable, INotifyPropertyChanging } from "../../core/types.js";
+import { Inject } from "../../di/Inject.js";
+import { RegisterSingleton } from "../../di/RegisterSingleton.js";
+import { NavigationService } from "../../services/NavigationService.js";
+import { AtomListBox } from "../controls/AtomListBox.js";
+import { AtomWindow } from "../controls/AtomWindow.js";
+import { AtomStyleSheet } from "../styles/AtomStyleSheet.js";
+import { AtomListBoxStyle } from "./AtomListBoxStyle.js";
 
 @RegisterSingleton
 export class AtomTheme extends AtomStyleSheet