@web-atoms/core 2.5.9 → 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

@@ -0,0 +1,45 @@
+import { descendentElementIterator } from "../core/AtomUI.js";
+
+interface IElementTarget {
+    target: WeakRef<HTMLElement>;
+    previous: IElementTarget;
+}
+
+
+let current = null as IElementTarget;
+
+
+export const LastTarget = {
+
+    get target(): HTMLElement {
+        for(;;) {
+            if(!current?.target) {
+                break;
+            }
+            const { target, previous } = current;
+            const t = target.deref();
+            if(t?.isConnected) {
+                return t;
+            }
+            if(!previous) {
+                break;
+            }
+            current = previous;
+        }
+        // get first AtomControl
+        for(const i of descendentElementIterator(document.body)) {
+            if ((i as HTMLElement).atomControl) {
+                this.target = i;
+                return i as HTMLElement;
+            }
+        }
+    },
+    set target(target: HTMLElement) {
+        current = {
+            target: new WeakRef(target),
+            previous: current
+        };
+    }
+
+
+};

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,13 +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 { 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;
@@ -274,12 +275,6 @@ function closeHandler(
 
 let popupId = 1001;
 
-let lastTarget = {
-    element: null,
-    x: 10,
-    y: 10
-};
-
 export interface IPopupAlertOptions {
     message: string | XNode;
     title?: string;
@@ -290,69 +285,77 @@ export interface IPopupAlertOptions {
 }
 export default class PopupService {
 
-    public static defaultElementTarget: HTMLElement;
-
-    public static get lastTarget() {
-        const { element, x = 0, y = 0 } = lastTarget;
-        if (element?.isConnected) {
-            return element;
-        }
-
-
-        const targets = this.targetPath;
-        if (targets) {
-            for(;;) {
-                const first = targets[0];
-                if (!first) {
-                    break;
-                }
-                if (first.isConnected) {
-                    lastTarget = { element: first , x, y};
-                    return first;
-                }
-                targets.splice(0, 1);
-            }
-        }
-
-        let e = document.elementFromPoint?.(x, y) as HTMLElement ?? document.body;
-        if (this.defaultElementTarget?.isConnected
-            && (e === document.documentElement || e === document.body)) {
-                e = this.defaultElementTarget;
-            }
-        PopupService.lastTarget = e;
-        return e;
+    public static get lastTarget(): HTMLElement {
+        return LastTarget.target;
     }
 
-    public static set lastTarget(element: HTMLElement) {
-        if (!element.isConnected) {
-            return;
-        }
-        if (element === document.documentElement) {
-            return;
-        }
-
-        let start = element;
-        const targets = [start];
-        while(start) {
-            start = start.parentElement;
-            if (start) {
-                targets.push(start);
-            }
-        }
-
-        this.targetPath = targets;
-
-        if (!this.defaultElementTarget && element !== document.body && element !== document.documentElement) {
-            this.defaultElementTarget = element;
-        }
-        const rect = element.getBoundingClientRect();
-        lastTarget = {
-            element,
-            x: rect.left + (rect.width / 2),
-            y: rect.top + (rect.height / 2)
-        };
+    public static set lastTarget(v: HTMLElement) {
+        LastTarget.target = v;
     }
 
+    // public static defaultElementTarget: HTMLElement;
+
+    // public static get lastTarget() {
+    //     const { element, x = 0, y = 0 } = lastTarget;
+    //     if (element?.isConnected) {
+    //         return element;
+    //     }
+
+
+    //     const targets = this.targetPath;
+    //     if (targets) {
+    //         for(;;) {
+    //             const first = targets[0];
+    //             if (!first) {
+    //                 break;
+    //             }
+    //             if (first.isConnected) {
+    //                 lastTarget = { element: first , x, y};
+    //                 return first;
+    //             }
+    //             targets.splice(0, 1);
+    //         }
+    //     }
+
+    //     let e = document.elementFromPoint?.(x, y) as HTMLElement ?? document.body;
+    //     if (this.defaultElementTarget?.isConnected
+    //         && (e === document.documentElement || e === document.body)) {
+    //             e = this.defaultElementTarget;
+    //         }
+    //     PopupService.lastTarget = e;
+    //     return e;
+    // }
+
+    // public static set lastTarget(element: HTMLElement) {
+    //     if (!element.isConnected) {
+    //         return;
+    //     }
+    //     if (element === document.documentElement) {
+    //         return;
+    //     }
+
+    //     let start = element;
+    //     const targets = [start];
+    //     while(start) {
+    //         start = start.parentElement;
+    //         if (start) {
+    //             targets.push(start);
+    //         }
+    //     }
+
+    //     this.targetPath = targets;
+
+    //     if (!this.defaultElementTarget && element !== document.body && element !== document.documentElement) {
+    //         this.defaultElementTarget = element;
+    //     }
+    //     const rect = element.getBoundingClientRect();
+    //     lastTarget = {
+    //         element,
+    //         x: rect.left + (rect.width / 2),
+    //         y: rect.top + (rect.height / 2)
+    //     };
+    // }
+
     public static async alert({
         message,
         detail,

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);