@web-atoms/web-controls 2.5.64 → 2.6.3

package/src/html-editor/commands/AddImage.tsx

@@ -1,11 +1,11 @@
-import Bind from "@web-atoms/core/dist/core/Bind";
-import { BindableProperty } from "@web-atoms/core/dist/core/BindableProperty";
-import XNode from "@web-atoms/core/dist/core/XNode";
-import PopupService, { PopupWindow } from "@web-atoms/core/dist/web/services/PopupService";
-import FormField from "../../basic/FormField";
-import type AtomHtmlEditor from "../AtomHtmlEditor";
-import CommandButton, { notSet } from "./CommandButton";
-import HtmlCommands from "./HtmlCommands";
+import Bind from "@web-atoms/core/dist/core/Bind.js";
+import { BindableProperty } from "@web-atoms/core/dist/core/BindableProperty.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import PopupService, { PopupWindow } from "@web-atoms/core/dist/web/services/PopupService.js";
+import FormField from "../../basic/FormField.js";
+import type AtomHtmlEditor from "../AtomHtmlEditor.js";
+import CommandButton, { notSet } from "./CommandButton.js";
+import HtmlCommands from "./HtmlCommands.js";
 
 class ImageDialog extends PopupWindow {
 

package/src/html-editor/commands/AddLink.tsx

@@ -1,13 +1,13 @@
-import Bind from "@web-atoms/core/dist/core/Bind";
-import { BindableProperty } from "@web-atoms/core/dist/core/BindableProperty";
-import XNode from "@web-atoms/core/dist/core/XNode";
-import { AtomToggleButtonBar } from "@web-atoms/core/dist/web/controls/AtomToggleButtonBar";
-import PopupService, { PopupWindow } from "@web-atoms/core/dist/web/services/PopupService";
-import FormField from "../../basic/FormField";
-import type AtomHtmlEditor from "../AtomHtmlEditor";
-import CommandButton, { notSet } from "./CommandButton";
-import HtmlCommands from "./HtmlCommands";
+import Bind from "@web-atoms/core/dist/core/Bind.js";
+import { BindableProperty } from "@web-atoms/core/dist/core/BindableProperty.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import PopupService, { PopupWindow } from "@web-atoms/core/dist/web/services/PopupService.js";
+import FormField from "../../basic/FormField.js";
+import type AtomHtmlEditor from "../AtomHtmlEditor.js";
+import CommandButton, { notSet } from "./CommandButton.js";
+import HtmlCommands from "./HtmlCommands.js";
 import "./AddLink.local.css";
+import ButtonBar from "../../basic/ButtonBar.js";
 
 const linkTypes = [
     {
@@ -43,7 +43,7 @@ class LinkDialog extends PopupWindow {
         this.title = "Create Link";
         this.render(<div class={linkDialogCss}>
             <FormField label="Type">
-                <AtomToggleButtonBar
+                <ButtonBar
                     items={linkTypes}
                     value={Bind.twoWays(() => this.type)}/>
             </FormField>

package/src/html-editor/commands/Align.tsx

@@ -1,9 +1,9 @@
-import Bind from "@web-atoms/core/dist/core/Bind";
-import XNode from "@web-atoms/core/dist/core/XNode";
-import PopupButton, { MenuItem } from "../../basic/PopupButton";
-import type AtomHtmlEditor from "../AtomHtmlEditor";
-import { IPopupOptions } from "@web-atoms/core/dist/web/services/PopupService";
-import { IPopupButton } from "../../basic/InlinePopupButton";
+import Bind from "@web-atoms/core/dist/core/Bind.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import PopupButton, { MenuItem } from "../../basic/PopupButton.js";
+import type AtomHtmlEditor from "../AtomHtmlEditor.js";
+import { IPopupOptions } from "@web-atoms/core/dist/web/services/PopupService.js";
+import { IPopupButton } from "../../basic/InlinePopupButton.js";
 
 export default function Align(a: IPopupButton) {
     return <PopupButton

package/src/html-editor/commands/AttachFile.tsx

@@ -1,9 +1,9 @@
-import XNode from "@web-atoms/core/dist/core/XNode";
-import AtomHtmlEditor from "../AtomHtmlEditor";
-import CommandButton from "./CommandButton";
-import HtmlCommands from "./HtmlCommands";
-import UploadEvent from "../../basic/UploadEvent";
-import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import AtomHtmlEditor from "../AtomHtmlEditor.js";
+import CommandButton from "./CommandButton.js";
+import HtmlCommands from "./HtmlCommands.js";
+import UploadEvent from "../../basic/UploadEvent.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
 
 export default function AttachFile({
     accept = "image/*",

package/src/html-editor/commands/AttachImage.tsx

@@ -1,6 +1,6 @@
-import XNode from "@web-atoms/core/dist/core/XNode";
-import UploadEvent, { FilesAvailableEventArgs } from "../../basic/UploadEvent";
-import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import UploadEvent, { FilesAvailableEventArgs } from "../../basic/UploadEvent.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
 
 const onAttachImage = async (ce: FilesAvailableEventArgs) => {
     const c = AtomControl.from(ce.target) as any;

package/src/html-editor/commands/Bold.ts

@@ -1,4 +1,4 @@
-import Command, { ICommand } from "./Command";
+import Command, { ICommand } from "./Command.js";
 
 export default function Bold(cmd: ICommand) {
     return Command({

package/src/html-editor/commands/ChangeColor.tsx

@@ -1,7 +1,7 @@
-import Bind from "@web-atoms/core/dist/core/Bind";
-import XNode from "@web-atoms/core/dist/core/XNode";
-import PopupButton from "../../basic/PopupButton";
-import type AtomHtmlEditor from "../AtomHtmlEditor";
+import Bind from "@web-atoms/core/dist/core/Bind.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import PopupButton from "../../basic/PopupButton.js";
+import type AtomHtmlEditor from "../AtomHtmlEditor.js";
 import "./ChangeColor.local.css";
 const gray = [
     "rgb(0,0,0)",

package/src/html-editor/commands/ChangeFont.tsx

@@ -1,7 +1,7 @@
-import Bind from "@web-atoms/core/dist/core/Bind";
-import XNode from "@web-atoms/core/dist/core/XNode";
-import PopupButton, { MenuItem } from "../../basic/PopupButton";
-import type AtomHtmlEditor from "../AtomHtmlEditor";
+import Bind from "@web-atoms/core/dist/core/Bind.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import PopupButton, { MenuItem } from "../../basic/PopupButton.js";
+import type AtomHtmlEditor from "../AtomHtmlEditor.js";
 import "./ChangeFont.local.css";
 
 const fontMenuCSS = "web-controls-html-editor-change-font";

package/src/html-editor/commands/ChangeFontSize.tsx

@@ -1,8 +1,8 @@
-import Bind from "@web-atoms/core/dist/core/Bind";
-import XNode from "@web-atoms/core/dist/core/XNode";
-import PopupButton, { MenuItem } from "../../basic/PopupButton";
-import type AtomHtmlEditor from "../AtomHtmlEditor";
-import Command, { ICommand } from "./Command";
+import Bind from "@web-atoms/core/dist/core/Bind.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import PopupButton, { MenuItem } from "../../basic/PopupButton.js";
+import type AtomHtmlEditor from "../AtomHtmlEditor.js";
+import Command, { ICommand } from "./Command.js";
 
 export default function ChangeFontSize(cmd: ICommand) {
     return <PopupButton

package/src/html-editor/commands/Command.tsx

@@ -1,6 +1,6 @@
-import Bind from "@web-atoms/core/dist/core/Bind";
-import XNode from "@web-atoms/core/dist/core/XNode";
-import type AtomHtmlEditor from "../AtomHtmlEditor";
+import Bind from "@web-atoms/core/dist/core/Bind.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import type AtomHtmlEditor from "../AtomHtmlEditor.js";
 
 export interface ICommand {
     label?: string;

package/src/html-editor/commands/CommandButton.tsx

@@ -1,7 +1,7 @@
-import Bind from "@web-atoms/core/dist/core/Bind";
-import XNode from "@web-atoms/core/dist/core/XNode";
-import type AtomHtmlEditor from "../AtomHtmlEditor";
-import { IHtmlCommand } from "./HtmlCommands";
+import Bind from "@web-atoms/core/dist/core/Bind.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import type AtomHtmlEditor from "../AtomHtmlEditor.js";
+import { IHtmlCommand } from "./HtmlCommands.js";
 
 export interface ICommandButton {
     icon?: string;

package/src/html-editor/commands/Headings.tsx

@@ -1,7 +1,7 @@
-import Bind from "@web-atoms/core/dist/core/Bind";
-import XNode from "@web-atoms/core/dist/core/XNode";
-import PopupButton, { MenuItem } from "../../basic/PopupButton";
-import type AtomHtmlEditor from "../AtomHtmlEditor";
+import Bind from "@web-atoms/core/dist/core/Bind.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import PopupButton, { MenuItem } from "../../basic/PopupButton.js";
+import type AtomHtmlEditor from "../AtomHtmlEditor.js";
 
 export default function Headings() {
     return <PopupButton

package/src/html-editor/commands/HorizontalRule.tsx

@@ -1,4 +1,4 @@
-import Command, { ICommand } from "./Command";
+import Command, { ICommand } from "./Command.js";
 
 export default function HorizontalRule(cmd: ICommand) {
     return Command({

package/src/html-editor/commands/HtmlCommands.ts

@@ -1,4 +1,4 @@
-import type AtomHtmlEditor from "../AtomHtmlEditor";
+import type AtomHtmlEditor from "../AtomHtmlEditor.js";
 
 function query(name: keyof typeof HtmlCommands): IHtmlCommand {
     return {

package/src/html-editor/commands/IndentLess.tsx

@@ -1,4 +1,4 @@
-import Command from "./Command";
+import Command from "./Command.js";
 
 export default function IndentLess(cmd: any) {
     return Command({

package/src/html-editor/commands/IndentMore.tsx

@@ -1,4 +1,4 @@
-import Command from "./Command";
+import Command from "./Command.js";
 
 export default function IndentMore(cmd: any) {
     return Command({

package/src/html-editor/commands/Italic.ts

@@ -1,4 +1,4 @@
-import Command, { ICommand } from "./Command";
+import Command, { ICommand } from "./Command.js";
 
 export default function Italic(cmd: ICommand) {
     return Command({

package/src/html-editor/commands/NumberedList.tsx

@@ -1,4 +1,4 @@
-import Command from "./Command";
+import Command from "./Command.js";
 
 export default function NumberedList(cmd: any) {
     return Command({

package/src/html-editor/commands/Quote.tsx

@@ -1,4 +1,4 @@
-import Command from "./Command";
+import Command from "./Command.js";
 
 export default function IndentMore(cmd: any) {
     return Command({

package/src/html-editor/commands/RemoveFormat.tsx

@@ -1,4 +1,4 @@
-import Command from "./Command";
+import Command from "./Command.js";
 
 export default function RemoveFormat(cmd: any) {
     return Command({

package/src/html-editor/commands/Separator.tsx

@@ -1,4 +1,4 @@
-import XNode from "@web-atoms/core/dist/core/XNode";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
 
 import "./Separator.global.css";
 

package/src/html-editor/commands/Source.tsx

@@ -1,10 +1,10 @@
-import Bind from "@web-atoms/core/dist/core/Bind";
-import { BindableProperty } from "@web-atoms/core/dist/core/BindableProperty";
-import XNode from "@web-atoms/core/dist/core/XNode";
-import PopupService, { PopupWindow } from "@web-atoms/core/dist/web/services/PopupService";
-import type AtomHtmlEditor from "../AtomHtmlEditor";
-import CommandButton from "./CommandButton";
-import HtmlCommands from "./HtmlCommands";
+import Bind from "@web-atoms/core/dist/core/Bind.js";
+import { BindableProperty } from "@web-atoms/core/dist/core/BindableProperty.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import PopupService, { PopupWindow } from "@web-atoms/core/dist/web/services/PopupService.js";
+import type AtomHtmlEditor from "../AtomHtmlEditor.js";
+import CommandButton from "./CommandButton.js";
+import HtmlCommands from "./HtmlCommands.js";
 import "./Source.local.css";
 
 const css = "web-controls-html-editor-source";

package/src/html-editor/commands/StrikeThrough.ts

@@ -1,4 +1,4 @@
-import Command, { ICommand } from "./Command";
+import Command, { ICommand } from "./Command.js";
 
 export default function StrikeThrough(cmd: ICommand) {
     return Command({

package/src/html-editor/commands/Toolbar.tsx

@@ -1,4 +1,4 @@
-import XNode from "@web-atoms/core/dist/core/XNode";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
 
 import "../../styles/html-editor-toolbar.global.css";
 

package/src/html-editor/commands/Underline.ts

@@ -1,4 +1,4 @@
-import Command, { ICommand } from "./Command";
+import Command, { ICommand } from "./Command.js";
 
 export default function Underline(cmd: ICommand) {
     return Command({

package/src/html-editor/commands/Unlink.tsx

@@ -1,5 +1,5 @@
-import CommandButton from "./CommandButton";
-import HtmlCommands from "./HtmlCommands";
+import CommandButton from "./CommandButton.js";
+import HtmlCommands from "./HtmlCommands.js";
 
 export default function Unlink({
     insertCommand = HtmlCommands.unlink

package/src/html-editor/commands/UnorderedList.tsx

@@ -1,4 +1,4 @@
-import Command from "./Command";
+import Command from "./Command.js";
 
 export default function UnorderedList(cmd: any) {
     return Command({

package/src/mobile-app/BottomPopup.tsx

@@ -1,11 +1,11 @@
-import { BindableProperty } from "@web-atoms/core/dist/core/BindableProperty";
-import { CancelToken } from "@web-atoms/core/dist/core/types";
-import XNode from "@web-atoms/core/dist/core/XNode";
-import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl";
-import { ChildEnumerator } from "@web-atoms/core/dist/web/core/AtomUI";
-import PopupService, { IPopupOptions, PopupControl, PopupWindow } from "@web-atoms/core/dist/web/services/PopupService";
-export * as zDoNotUse from "../animations/Animations";
-import MobileApp from "./MobileApp";
+import { BindableProperty } from "@web-atoms/core/dist/core/BindableProperty.js";
+import { CancelToken } from "@web-atoms/core/dist/core/types.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import { ChildEnumerator } from "@web-atoms/core/dist/web/core/AtomUI.js";
+import PopupService, { IPopupOptions, PopupControl, PopupWindow } from "@web-atoms/core/dist/web/services/PopupService.js";
+export * as zDoNotUse from "../animations/Animations.js";
+import MobileApp from "./MobileApp.js";
 
 import "./bottom-popup.global.css";
 

package/src/mobile-app/MasterDetailPage.tsx

@@ -1,7 +1,7 @@
-import PageNavigator, { Page } from "../PageNavigator";
-import { ContentPage, isMobileView } from "./MobileApp";
-import { descendentElementIterator } from "@web-atoms/core/dist/web/core/AtomUI";
-import AtomRepeater from "../basic/AtomRepeater";
+import PageNavigator, { Page } from "../PageNavigator.js";
+import { ContentPage, isMobileView } from "./MobileApp.js";
+import { descendentElementIterator } from "@web-atoms/core/dist/web/core/AtomUI.js";
+import AtomRepeater from "../basic/AtomRepeater.js";
 
 import "./MasterDetailPage.global.css";
 

package/src/mobile-app/MobileApp.tsx

@@ -1,20 +1,18 @@
-import { AtomLoader } from "@web-atoms/core/dist/core/AtomLoader";
-import { AtomUri } from "@web-atoms/core/dist/core/AtomUri";
-import sleep from "@web-atoms/core/dist/core/sleep";
-import XNode from "@web-atoms/core/dist/core/XNode";
-import { NavigationService } from "@web-atoms/core/dist/services/NavigationService";
-import { AtomWindowViewModel } from "@web-atoms/core/dist/view-model/AtomWindowViewModel";
-import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl";
-import PopupService, { IDialogOptions, PopupWindow } from "@web-atoms/core/dist/web/services/PopupService";
-import PageNavigator from "../PageNavigator";
-import { StringHelper } from "@web-atoms/core/dist/core/StringHelper";
-import { BindableProperty } from "@web-atoms/core/dist/core/BindableProperty";
-import { AtomDisposableList } from "@web-atoms/core/dist/core/AtomDisposableList";
-import Bind from "@web-atoms/core/dist/core/Bind";
-import { CancelToken, IDisposable } from "@web-atoms/core/dist/core/types";
-import { AncestorEnumerator, ChildEnumerator } from "@web-atoms/core/dist/web/core/AtomUI";
-import { displayRouteSymbol, routeSymbol } from "@web-atoms/core/dist/core/Command";
-import Route from "@web-atoms/core/dist/core/Route";
+import { AtomLoader } from "@web-atoms/core/dist/core/AtomLoader.js";
+import { AtomUri } from "@web-atoms/core/dist/core/AtomUri.js";
+import sleep from "@web-atoms/core/dist/core/sleep.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import PopupService, { IDialogOptions, PopupWindow } from "@web-atoms/core/dist/web/services/PopupService.js";
+import PageNavigator from "../PageNavigator.js";
+import { StringHelper } from "@web-atoms/core/dist/core/StringHelper.js";
+import { BindableProperty } from "@web-atoms/core/dist/core/BindableProperty.js";
+import { AtomDisposableList } from "@web-atoms/core/dist/core/AtomDisposableList.js";
+import Bind from "@web-atoms/core/dist/core/Bind.js";
+import { CancelToken, IDisposable } from "@web-atoms/core/dist/core/types.js";
+import { AncestorEnumerator, ChildEnumerator } from "@web-atoms/core/dist/web/core/AtomUI.js";
+import { displayRouteSymbol, routeSymbol } from "@web-atoms/core/dist/core/Command.js";
+import Route from "@web-atoms/core/dist/core/Route.js";
 
 import "./MobileApp.global.css";
 
@@ -527,7 +525,7 @@ delete (BasePage.prototype as any).init;
 
 export class ContentPage<T = any, TResult = any> extends BasePage {
     public parameters: T;
-    public close: (result: TResult) => any;
+    declare public close: (result: TResult) => any;
 }
 
 export type InputOf<T extends ContentPage> = T extends ContentPage<infer T> ? T : any;
@@ -674,14 +672,14 @@ export default class MobileApp extends AtomControl {
         this.bindEvent(this.element, "closeDrawer", (e) => {
             this.hideDrawer?.();
         });
-        const navigationService = this.app.resolve(NavigationService);
-        navigationService.registerNavigationHook(
-            (uri, { target, clearHistory }) => {
-                if (/^(app|root)$/.test(target)) {
-                    return this.loadPageForReturn(uri, clearHistory);
-                }
-            }
-        );
+        // const navigationService = this.app.resolve(NavigationService);
+        // navigationService.registerNavigationHook(
+        //     (uri, { target, clearHistory }) => {
+        //         if (/^(app|root)$/.test(target)) {
+        //             return this.loadPageForReturn(uri, clearHistory);
+        //         }
+        //     }
+        // );
         this.runAfterInit(() => this.app.runAsync(() => this.init()));
     }
 
@@ -743,7 +741,7 @@ export default class MobileApp extends AtomControl {
         this.container.appendChild(page.element);
         this.selectedPage = page;
 
-        const vm = page.viewModel as AtomWindowViewModel;
+        // const vm = page.viewModel as AtomWindowViewModel;
         const element = page.element;
         return new Promise((resolve, reject) => {
 
@@ -767,10 +765,10 @@ export default class MobileApp extends AtomControl {
 
             const cancel = closeFactory(reject, "cancelled") as any;
             const close = closeFactory(resolve);
-            if (vm) {
-                vm.cancel = cancel;
-                vm.close = close;
-            }
+            // if (vm) {
+            //     vm.cancel = cancel;
+            //     vm.close = close;
+            // }
             page.cancel = cancel;
             page.close = close;
         });
@@ -796,21 +794,21 @@ const root = (isMobileView ? ContentPage : PopupWindowEx) as typeof AtomControl;
 export class PopupWindowPage<TIn = any, TOut = any> extends (root as any as typeof ContentPage) {
 
 
-    public parameters: TIn;
+    declare public parameters: TIn;
 
     public static dialogOptions: IDialogOptions;
 
-    public close: (r: TOut) => void;
+    declare public close: (r: TOut) => void;
 
-    public cancel: (error?: any) => void;
+    declare public cancel: (error?: any) => void;
 
-    public title: string;
+    declare public title: string;
 
-    public headerRenderer: () => XNode;
+    declare public headerRenderer: () => XNode;
 
-    public footerRenderer: () => XNode;
+    declare public footerRenderer: () => XNode;
 
-    public titleRenderer: () => XNode;
+    declare public titleRenderer: () => XNode;
 
 
 }

package/src/player/AtomVideoPlayer.tsx

@@ -1,9 +1,9 @@
-import { AtomBinder } from "@web-atoms/core/dist/core/AtomBinder";
-import Bind from "@web-atoms/core/dist/core/Bind";
-import { BindableProperty } from "@web-atoms/core/dist/core/BindableProperty";
-import XNode from "@web-atoms/core/dist/core/XNode";
-import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl";
-import { ChildEnumerator } from "@web-atoms/core/dist/web/core/AtomUI";
+import { AtomBinder } from "@web-atoms/core/dist/core/AtomBinder.js";
+import Bind from "@web-atoms/core/dist/core/Bind.js";
+import { BindableProperty } from "@web-atoms/core/dist/core/BindableProperty.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import { ChildEnumerator } from "@web-atoms/core/dist/web/core/AtomUI.js";
 
 // check if it is a mobile..
 const isTouchEnabled = /android|iPhone|iPad/i.test(navigator.userAgent);

package/src/player/TrackProgress.tsx

@@ -1,4 +1,4 @@
-import XNode from "@web-atoms/core/dist/core/XNode";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
 
 import "../styles/track-progress.global.css";
 

package/src/tags.d.ts

@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/naming-convention */
-namespace JSX {
+declare namespace JSX {
     interface IntrinsicElements {
         "data-list-input": any;
         "sort-by-button": any;

package/src/toggle-view/AtomToggleView.tsx

@@ -1,10 +1,10 @@
-import { BindableProperty } from "@web-atoms/core/dist/core/BindableProperty";
-import XNode from "@web-atoms/core/dist/core/XNode";
-import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl";
+import { BindableProperty } from "@web-atoms/core/dist/core/BindableProperty.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
 
 import "../basic/styles/toggle-view.global.css";
-import IElement from "../basic/IElement";
-import Action from "@web-atoms/core/dist/view-model/Action";
+import IElement from "../basic/IElement.js";
+import Action from "@web-atoms/core/dist/view-model/Action.js";
 
 
 export interface IToggleView {

package/tsconfig.esm.json

@@ -0,0 +1,34 @@
+{
+    "compilerOptions": {
+        "target": "es2022",
+        "module":"es2022",
+        "incremental": true,
+        "sourceMap": true,
+        "declaration": true,
+        "declarationMap": true,
+        "moduleResolution": "bundler",
+        "outDir": "dist-esm",
+        "downlevelIteration": false,
+        "experimentalDecorators": true,
+        "emitDecoratorMetadata": true,
+        "allowSyntheticDefaultImports": true,
+        "useDefineForClassFields": false,
+        "removeComments": true,
+        "importHelpers": true,
+        "jsx": "react",
+        "jsxFactory": "XNode.create",
+        "lib": [
+            "es6",
+            "dom",
+            "ESNext.Disposable",
+            "ES2021.WeakRef"
+        ]
+    },
+    "include": [
+        "src/**/*"
+    ],
+    "exclude": [
+		"node_modules",
+		"tests"
+    ]
+}

package/dist/auto-complete/AppComboBoxViewModel.d.ts

@@ -1,7 +0,0 @@
-import { AtomWindowViewModel } from "@web-atoms/core/dist/view-model/AtomWindowViewModel";
-import AutoCompleteBox from "./AutoCompleteBox";
-export default class AppComboBoxViewModel extends AtomWindowViewModel {
-    comboBox: AutoCompleteBox;
-    init(): Promise<void>;
-}
-//# sourceMappingURL=AppComboBoxViewModel.d.ts.map

package/dist/auto-complete/AppComboBoxViewModel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppComboBoxViewModel.d.ts","sourceRoot":"","sources":["../../src/auto-complete/AppComboBoxViewModel.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,qDAAqD,CAAC;AAC1F,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAEhD,MAAM,CAAC,OAAO,OAAO,oBAAqB,SAAQ,mBAAmB;IAE1D,QAAQ,EAAE,eAAe,CAAC;IAE1B,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;CAK/B"}

package/dist/auto-complete/AppComboBoxViewModel.js

@@ -1,20 +0,0 @@
-System.register(["@web-atoms/core/dist/view-model/AtomWindowViewModel"], function (_export, _context) {
-  "use strict";
-
-  var AtomWindowViewModel, AppComboBoxViewModel;
-  _export("default", void 0);
-  return {
-    setters: [function (_webAtomsCoreDistViewModelAtomWindowViewModel) {
-      AtomWindowViewModel = _webAtomsCoreDistViewModelAtomWindowViewModel.AtomWindowViewModel;
-    }],
-    execute: function () {
-      _export("default", AppComboBoxViewModel = class AppComboBoxViewModel extends AtomWindowViewModel {
-        init() {
-          this.comboBox.windowViewModel = this;
-          return super.init();
-        }
-      });
-    }
-  };
-});
-//# sourceMappingURL=AppComboBoxViewModel.js.map

package/dist/auto-complete/AppComboBoxViewModel.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["AppComboBoxViewModel","_export","setters","_webAtomsCoreDistViewModelAtomWindowViewModel","AtomWindowViewModel","execute","init","comboBox","windowViewModel"],"sources":["../../src/auto-complete/AppComboBoxViewModel.ts"],"sourcesContent":[null],"mappings":";;;2BAIqBA,oBAAqB;EAAAC,OAAA;EAAA;IAAAC,OAAA,aAAAC,6CAAA;MAHjCC,mBAAmB,GAAAD,6CAAA,CAAnBC,mBAAmB;IAAA;IAAAC,OAAA,WAAAA,CAAA;MAAAJ,OAAA,YAGPD,oBAAqB,GAA5B,MAAOA,oBAAqB,SAAQI,mBAAmB;QAI1DE,IAAIA,CAAA;UACN,IAAI,CAACC,QAAgB,CAACC,eAAe,GAAG,IAAI;UAC7C,OAAO,KAAK,CAACF,IAAI,EAAE;QACvB;OAEH;IAAA;EAAA;AAAA","ignoreList":[]}