@web-atoms/web-controls 2.5.38 → 2.5.39

package/src/buttons/AtomPopupButtonStyle.ts

@@ -1,6 +1,6 @@
-import Colors from "@web-atoms/core/dist/core/Colors";
-import { AtomStyle } from "@web-atoms/core/dist/web/styles/AtomStyle";
-import { IStyleDeclaration } from "@web-atoms/core/dist/web/styles/IStyleDeclaration";
+import Colors from "@web-atoms/core/dist/core/Colors.js";
+import { AtomStyle } from "@web-atoms/core/dist/web/styles/AtomStyle.js";
+import { IStyleDeclaration } from "@web-atoms/core/dist/web/styles/IStyleDeclaration.js";
 
 export class AtomPopupButtonStyle extends AtomStyle {
 

package/src/calendar/AtomCalendar.tsx

@@ -1,12 +1,12 @@
-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 {AtomComboBox} from "@web-atoms/core/dist/web/controls/AtomComboBox";
-import {AtomControl} from "@web-atoms/core/dist/web/controls/AtomControl";
-import {AtomItemsControl} from "@web-atoms/core/dist/web/controls/AtomItemsControl";
-import AtomCalendarStyle from "./AtomCalendarStyle";
-import CalendarViewModel from "./CalendarViewModel";
-import SRCalendar from "./res/SRCalendar";
+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 {AtomComboBox} from "@web-atoms/core/dist/web/controls/AtomComboBox.js";
+import {AtomControl} from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import {AtomItemsControl} from "@web-atoms/core/dist/web/controls/AtomItemsControl.js";
+import AtomCalendarStyle from "./AtomCalendarStyle.js";
+import CalendarViewModel from "./CalendarViewModel.js";
+import SRCalendar from "./res/SRCalendar.js";
 
 const BindCalendar = Bind
 	.forLocalViewModel<CalendarViewModel>();
@@ -27,7 +27,7 @@ export default class AtomCalendar extends AtomControl {
 
 	public itemTemplate: any ;
 
-	public localViewModel: CalendarViewModel;
+	declare public localViewModel: CalendarViewModel;
 
 	protected srCalendar: SRCalendar;
 

package/src/calendar/AtomCalendarStyle.ts

@@ -1,7 +1,7 @@
-import Colors from "@web-atoms/core/dist/core/Colors";
-import { AtomStyle } from "@web-atoms/core/dist/web/styles/AtomStyle";
-import { AtomTheme } from "@web-atoms/core/dist/web/styles/AtomTheme";
-import { IStyleDeclaration } from "@web-atoms/core/dist/web/styles/IStyleDeclaration";
+import Colors from "@web-atoms/core/dist/core/Colors.js";
+import { AtomStyle } from "@web-atoms/core/dist/web/styles/AtomStyle.js";
+import { AtomTheme } from "@web-atoms/core/dist/web/styles/AtomTheme.js";
+import { IStyleDeclaration } from "@web-atoms/core/dist/web/styles/IStyleDeclaration.js";
 
 export default class AtomCalendarStyle extends AtomStyle {
 

package/src/calendar/CalendarViewModel.ts

@@ -1,5 +1,5 @@
-import { AtomViewModel, Watch } from "@web-atoms/core/dist/view-model/AtomViewModel";
-import DateTime from "@web-atoms/date-time/dist/DateTime";
+import { AtomViewModel, Watch } from "@web-atoms/core/dist/view-model/AtomViewModel.js";
+import DateTime from "@web-atoms/date-time/dist/DateTime.js";
 
 export interface ILabelValue {
     label?: string;

package/src/calendar/res/SRCalendar.ts

@@ -1,4 +1,4 @@
-import DISingleton from "@web-atoms/core/dist/di/DISingleton";
+import DISingleton from "@web-atoms/core/dist/di/DISingleton.js";
 
 @DISingleton({
     inject: "./{lang}/SRCalendar"

package/src/calendar/res/en-US/SRCalendar.ts

@@ -1,4 +1,4 @@
-import SRCalendar from "../SRCalendar";
+import SRCalendar from "../SRCalendar.js";
 
 export default class Calendar extends SRCalendar {
 

package/src/data-grid/AtomColumn.tsx

@@ -1,10 +1,10 @@
 // tslint:disable
 import Bind from "@web-atoms/core/dist/core/Bind"
 import XNode from "@web-atoms/core/dist/core/XNode"
-import {BindableProperty} from "@web-atoms/core/dist/core/BindableProperty";
-import {AtomControl} from "@web-atoms/core/dist/web/controls/AtomControl";
+import {BindableProperty} from "@web-atoms/core/dist/core/BindableProperty.js";
+import {AtomControl} from "@web-atoms/core/dist/web/controls/AtomControl.js";
 
-    import FormattedString from "@web-atoms/core/dist/core/FormattedString";
+    import FormattedString from "@web-atoms/core/dist/core/FormattedString.js";
 
 
 

package/src/data-grid/AtomDataGrid.ts

@@ -1,9 +1,9 @@
-import {BindableProperty} from "@web-atoms/core/dist/core/BindableProperty";
-import {AtomItemsControl} from "@web-atoms/core/dist/web/controls/AtomItemsControl";
-import AtomColumn from "./AtomColumn";
-import AtomDataGridStyle from "./AtomDataGridStyle";
-import AtomDataGridViewModel from "./AtomDataGridViewModel";
-import GridTemplate from "./GridTemplate";
+import {BindableProperty} from "@web-atoms/core/dist/core/BindableProperty.js";
+import {AtomItemsControl} from "@web-atoms/core/dist/web/controls/AtomItemsControl.js";
+import AtomColumn from "./AtomColumn.js";
+import AtomDataGridStyle from "./AtomDataGridStyle.js";
+import AtomDataGridViewModel from "./AtomDataGridViewModel.js";
+import GridTemplate from "./GridTemplate.js";
 
 declare var UMD: any;
 const moduleName = globalThis.filename;

package/src/data-grid/AtomDataGridStyle.ts

@@ -1,6 +1,6 @@
-import Colors from "@web-atoms/core/dist/core/Colors";
-import { AtomStyle } from "@web-atoms/core/dist/web/styles/AtomStyle";
-import { IStyleDeclaration } from "@web-atoms/core/dist/web/styles/IStyleDeclaration";
+import Colors from "@web-atoms/core/dist/core/Colors.js";
+import { AtomStyle } from "@web-atoms/core/dist/web/styles/AtomStyle.js";
+import { IStyleDeclaration } from "@web-atoms/core/dist/web/styles/IStyleDeclaration.js";
 
 export default class AtomDataGridStyle extends AtomStyle {
 

package/src/data-grid/AtomDataGridViewModel.ts

@@ -1,8 +1,8 @@
-import { App } from "@web-atoms/core/dist/App";
-import { Inject } from "@web-atoms/core/dist/di/Inject";
-import { AtomViewModel, Watch } from "@web-atoms/core/dist/view-model/AtomViewModel";
-import Load from "@web-atoms/core/dist/view-model/Load";
-import AtomColumn from "./AtomColumn";
+import { App } from "@web-atoms/core/dist/App.js";
+import { Inject } from "@web-atoms/core/dist/di/Inject.js";
+import { AtomViewModel, Watch } from "@web-atoms/core/dist/view-model/AtomViewModel.js";
+import Load from "@web-atoms/core/dist/view-model/Load.js";
+import AtomColumn from "./AtomColumn.js";
 
 interface IDataGrid {
     columns: AtomColumn[];
@@ -13,8 +13,8 @@ export default class AtomDataGridViewModel extends AtomViewModel {
 
     public owner: IDataGrid;
 
-    @Inject
-    public app: App;
+    // @Inject
+    // public app: App;
 
     @Watch
     public watchInit() {

package/src/data-grid/GridTemplate.ts

@@ -1,8 +1,8 @@
-import { App } from "@web-atoms/core/dist/App";
-import { AtomWatcher } from "@web-atoms/core/dist/core/AtomWatcher";
-import { IClassOf, IDisposable } from "@web-atoms/core/dist/core/types";
-import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl";
-import AtomColumn from "./AtomColumn";
+import { App } from "@web-atoms/core/dist/App.js";
+import { AtomWatcher } from "@web-atoms/core/dist/core/AtomWatcher.js";
+import { IClassOf, IDisposable } from "@web-atoms/core/dist/core/types.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import AtomColumn from "./AtomColumn.js";
 
 interface IDataGrid {
     columns: AtomColumn[];

package/src/data-pager/AtomDataPager.tsx

@@ -1,11 +1,11 @@
-import Bind from "@web-atoms/core/dist/core/Bind";
-import Colors from "@web-atoms/core/dist/core/Colors";
-import XNode from "@web-atoms/core/dist/core/XNode";
-import { AtomViewModel, Watch } from "@web-atoms/core/dist/view-model/AtomViewModel";
-import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl";
-import { AtomItemsControl } from "@web-atoms/core/dist/web/controls/AtomItemsControl";
-import { AtomStyle } from "@web-atoms/core/dist/web/styles/AtomStyle";
-import { IStyleDeclaration } from "@web-atoms/core/dist/web/styles/IStyleDeclaration";
+import Bind from "@web-atoms/core/dist/core/Bind.js";
+import Colors from "@web-atoms/core/dist/core/Colors.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import { AtomViewModel, Watch } from "@web-atoms/core/dist/view-model/AtomViewModel.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import { AtomItemsControl } from "@web-atoms/core/dist/web/controls/AtomItemsControl.js";
+import { AtomStyle } from "@web-atoms/core/dist/web/styles/AtomStyle.js";
+import { IStyleDeclaration } from "@web-atoms/core/dist/web/styles/IStyleDeclaration.js";
 
 export class AtomDataPagerViewModel extends AtomViewModel {
 
@@ -67,7 +67,7 @@ export default class AtomDataPager extends AtomControl {
 
     public current: number;
 
-    public localViewModel: AtomDataPagerViewModel;
+    declare public localViewModel: AtomDataPagerViewModel;
 
     public create() {
         this.defaultControlStyle = AtomDataPagerStyle;

package/src/date-field/AtomDateField.tsx

@@ -1,9 +1,9 @@
-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 AtomPopupButton from "../buttons/AtomPopupButton";
-import AtomCalendar from "../calendar/AtomCalendar";
-import SRCalendar from "../calendar/res/SRCalendar";
+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 AtomPopupButton from "../buttons/AtomPopupButton.js";
+import AtomCalendar from "../calendar/AtomCalendar.js";
+import SRCalendar from "../calendar/res/SRCalendar.js";
 
 const shortDate = {
 	year: "numeric",

package/src/desktop-app/DesktopApp.tsx

@@ -1,11 +1,11 @@
-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 MobileApp from "../mobile-app/MobileApp";
+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";
+import MobileApp from "../mobile-app/MobileApp.js";
 
 import "../styles/desktop-app.global.css";
-import Action from "@web-atoms/core/dist/view-model/Action";
+import Action from "@web-atoms/core/dist/view-model/Action.js";
 
 export default class DesktopApp extends AtomControl {
 

package/src/desktop-app/MobileDesktopApp.tsx

@@ -1,9 +1,9 @@
-import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl";
-import MobileApp, { Drawer } from "../mobile-app/MobileApp";
-import { isMobileView } from "../mobile-app/MobileApp";
-import DesktopApp from "./DesktopApp";
-import XNode from "@web-atoms/core/dist/core/XNode";
-import PopupService from "@web-atoms/core/dist/web/services/PopupService";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import MobileApp, { Drawer } from "../mobile-app/MobileApp.js";
+import { isMobileView } from "../mobile-app/MobileApp.js";
+import DesktopApp from "./DesktopApp.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import PopupService from "@web-atoms/core/dist/web/services/PopupService.js";
 
 const T = isMobileView ? MobileApp : DesktopApp;
 

package/src/dev/DevHost.tsx

@@ -1,16 +1,16 @@
 import Bind from "@web-atoms/core/dist/core/Bind"
 import XNode from "@web-atoms/core/dist/core/XNode"
-import { BaseService, Get, Query } from "@web-atoms/core/dist/services/http/RestService";
-import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl";
-import styled from "@web-atoms/core/dist/style/styled";
-import InjectProperty from "@web-atoms/core/dist/core/InjectProperty";
+import { BaseService, Get, Query } from "@web-atoms/core/dist/services/http/RestService.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import styled from "@web-atoms/core/dist/style/styled.js";
+import InjectProperty from "@web-atoms/core/dist/core/InjectProperty.js";
 
 import "@web-atoms/data-styles/data-styles";
-import { CancelToken } from "@web-atoms/core/dist/core/types";
-import Action from "@web-atoms/core/dist/view-model/Action";
-import DISingleton from "@web-atoms/core/dist/di/DISingleton";
-import AtomRepeater from "../basic/AtomRepeater";
-import ToggleButtonBar from "../basic/ToggleButtonBar";
+import { CancelToken } from "@web-atoms/core/dist/core/types.js";
+import Action from "@web-atoms/core/dist/view-model/Action.js";
+import DISingleton from "@web-atoms/core/dist/di/DISingleton.js";
+import AtomRepeater from "../basic/AtomRepeater.js";
+import ToggleButtonBar from "../basic/ToggleButtonBar.js";
 
 import "./Devhost.global.css";
 

package/src/form/AtomField.tsx

@@ -1,12 +1,12 @@
-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 { IClassOf } from "@web-atoms/core/dist/core/types";
-import XNode from "@web-atoms/core/dist/core/XNode";
-import { NavigationService } from "@web-atoms/core/dist/services/NavigationService";
-import { AtomContentControl } from "@web-atoms/core/dist/web/controls/AtomContentControl";
-import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl";
-export { default as HP } from "./HelpPopup";
+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 { IClassOf } from "@web-atoms/core/dist/core/types.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import { NavigationService } from "@web-atoms/core/dist/services/NavigationService.js";
+import { AtomContentControl } from "@web-atoms/core/dist/web/controls/AtomContentControl.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+export { default as HP } from "./HelpPopup.js";
 
 let inputID = 0;
 

package/src/form/AtomForm.ts

@@ -1,6 +1,6 @@
-import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl";
-import AtomFormStyle from "./AtomFormStyle";
-import { refreshInherited } from "@web-atoms/core/dist/core/Hacks";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import AtomFormStyle from "./AtomFormStyle.js";
+import { refreshInherited } from "@web-atoms/core/dist/core/Hacks.js";
 
 export default class AtomForm extends AtomControl {
 

package/src/form/AtomFormGroup.ts

@@ -1,5 +1,5 @@
-import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl";
-import AtomForm from "./AtomForm";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import AtomForm from "./AtomForm.js";
 
 export default class AtomFormGroup extends AtomForm {
 

package/src/form/AtomFormStyle.ts

@@ -1,6 +1,6 @@
-import Colors, { ColorItem } from "@web-atoms/core/dist/core/Colors";
-import { AtomStyle } from "@web-atoms/core/dist/web/styles/AtomStyle";
-import { IStyleDeclaration } from "@web-atoms/core/dist/web/styles/IStyleDeclaration";
+import Colors, { ColorItem } from "@web-atoms/core/dist/core/Colors.js";
+import { AtomStyle } from "@web-atoms/core/dist/web/styles/AtomStyle.js";
+import { IStyleDeclaration } from "@web-atoms/core/dist/web/styles/IStyleDeclaration.js";
 
 export default class AtomFormStyle extends AtomStyle {
 

package/src/form/HelpPopup.tsx

@@ -1,6 +1,6 @@
-import Bind from "@web-atoms/core/dist/core/Bind";
-import XNode from "@web-atoms/core/dist/core/XNode";
-import {AtomControl} from "@web-atoms/core/dist/web/controls/AtomControl";
+import Bind from "@web-atoms/core/dist/core/Bind.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import {AtomControl} from "@web-atoms/core/dist/web/controls/AtomControl.js";
 
 export default class HelpPopup extends AtomControl {
 

package/src/html-editor/AtomHtmlEditor.tsx

@@ -1,32 +1,32 @@
-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 AtomRepeater from "../basic/AtomRepeater";
-import AddImage, { showImageDialog } from "./commands/AddImage";
-import AddLink from "./commands/AddLink";
-import Align from "./commands/Align";
-import AttachFile from "./commands/AttachFile";
-import Bold from "./commands/Bold";
-import ChangeColor from "./commands/ChangeColor";
-import ChangeFont from "./commands/ChangeFont";
-import ChangeFontSize from "./commands/ChangeFontSize";
-import Headings from "./commands/Headings";
-import HorizontalRule from "./commands/HorizontalRule";
-import IndentLess from "./commands/IndentLess";
-import IndentMore from "./commands/IndentMore";
-import Italic from "./commands/Italic";
-import NumberedList from "./commands/NumberedList";
-import RemoveFormat from "./commands/RemoveFormat";
-import Separator from "./commands/Separator";
-import Source from "./commands/Source";
-import StrikeThrough from "./commands/StrikeThrough";
-import Underline from "./commands/Underline";
-import Unlink from "./commands/Unlink";
-import UnorderedList from "./commands/UnorderedList";
-import Toolbar from "./commands/Toolbar";
-export { default as Toolbar} from "./commands/Toolbar";
+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 AtomRepeater from "../basic/AtomRepeater.js";
+import AddImage, { showImageDialog } from "./commands/AddImage.js";
+import AddLink from "./commands/AddLink.js";
+import Align from "./commands/Align.js";
+import AttachFile from "./commands/AttachFile.js";
+import Bold from "./commands/Bold.js";
+import ChangeColor from "./commands/ChangeColor.js";
+import ChangeFont from "./commands/ChangeFont.js";
+import ChangeFontSize from "./commands/ChangeFontSize.js";
+import Headings from "./commands/Headings.js";
+import HorizontalRule from "./commands/HorizontalRule.js";
+import IndentLess from "./commands/IndentLess.js";
+import IndentMore from "./commands/IndentMore.js";
+import Italic from "./commands/Italic.js";
+import NumberedList from "./commands/NumberedList.js";
+import RemoveFormat from "./commands/RemoveFormat.js";
+import Separator from "./commands/Separator.js";
+import Source from "./commands/Source.js";
+import StrikeThrough from "./commands/StrikeThrough.js";
+import Underline from "./commands/Underline.js";
+import Unlink from "./commands/Unlink.js";
+import UnorderedList from "./commands/UnorderedList.js";
+import Toolbar from "./commands/Toolbar.js";
+export { default as Toolbar} from "./commands/Toolbar.js";
 
 import "../styles/atom-html-editor.global.css";
 

package/src/html-editor/HtmlEditorCommands.tsx

@@ -1,4 +1,4 @@
-import { IRangeUpdate } from "./RangeEditor";
+import { IRangeUpdate } from "./RangeEditor.js";
 
 export interface IHtmlEditorCommand {
     [key: string]: (e: IRangeUpdate) => void;

package/src/html-editor/InlineHtmlEditor.tsx

@@ -1,12 +1,12 @@
-import XNode from "@web-atoms/core/dist/core/XNode";
-import sleep from "@web-atoms/core/dist/core/sleep";
-import { CancelToken } from "@web-atoms/core/dist/core/types";
-import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl";
-import { ChildEnumerator, descendentElementIterator } from "@web-atoms/core/dist/web/core/AtomUI";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import sleep from "@web-atoms/core/dist/core/sleep.js";
+import { CancelToken } from "@web-atoms/core/dist/core/types.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import { ChildEnumerator, descendentElementIterator } from "@web-atoms/core/dist/web/core/AtomUI.js";
 
 import "@web-atoms/data-styles/data-styles";
-import { showImageDialog } from "./commands/AddImage";
-import { FilesAvailableEventArgs } from "../basic/UploadEvent";
+import { showImageDialog } from "./commands/AddImage.js";
+import { FilesAvailableEventArgs } from "../basic/UploadEvent.js";
 
 import "../styles/inline-html-editor.global.css";
 

package/src/html-editor/RangeEditor.tsx

@@ -1,4 +1,4 @@
-import { ChildEnumerator, descendentElementIterator } from "@web-atoms/core/dist/web/core/AtomUI";
+import { ChildEnumerator, descendentElementIterator } from "@web-atoms/core/dist/web/core/AtomUI.js";
 
 export const checkAnyParent = (check: (e: HTMLElement) => boolean) => (e: HTMLElement) => {
     while (e) {

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,12 +1,12 @@
-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 { AtomToggleButtonBar } from "@web-atoms/core/dist/web/controls/AtomToggleButtonBar.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";
 
 const linkTypes = [

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;