@web-atoms/web-controls 2.5.64 → 2.6.3

package/src/basic/DropDownInput.tsx

@@ -1,9 +1,9 @@
-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 { askSuggestionPopup, Match, MatchAnyCaseInsensitive } from "./AtomRepeater";
-import { BindableProperty } from "@web-atoms/core/dist/core/BindableProperty";
-import { Focusable } from "../Focusable";
+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";
+import { askSuggestionPopup, Match, MatchAnyCaseInsensitive } from "./AtomRepeater.js";
+import { BindableProperty } from "@web-atoms/core/dist/core/BindableProperty.js";
+import { Focusable } from "../Focusable.js";
 
 import "./DropDownInput.global.css";
 
@@ -127,7 +127,7 @@ public "event-selection-changed"?: (e: CustomEvent) => void;
                 this.match ?? MatchAnyCaseInsensitive(this.labelPath),
                 selectedItem);
             if (newItem !== selectedItem) {
-                this.selectedItem = newItem;
+                this.selectedItem = selectedItem;
                 this.value = this.valuePath?.(newItem) ?? newItem;
                 this.element.dispatchEvent(new CustomEvent(
                     "selectionChanged",
@@ -137,10 +137,7 @@ public "event-selection-changed"?: (e: CustomEvent) => void;
                         cancelable: true
                     }
                 ));
-                if (newItem) {
-                    this.label = this.labelPath(newItem);
-                    this.input.placeholder = this.label;
-                }
+                this.input.placeholder = this.label;
             }
             // Focusable.moveNext(this.input);
         } finally {

package/src/basic/Editable.tsx

@@ -1,6 +1,6 @@
-import XNode from "@web-atoms/core/dist/core/XNode";
-import { getParentRepeaterItem } from "./AtomRepeater";
-import IElement from "./IElement";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import { getParentRepeaterItem } from "./AtomRepeater.js";
+import IElement from "./IElement.js";
 
 type Getter = (item) => any;
 

package/src/basic/Expander.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/expander.global.css";
 

package/src/basic/FilesDragDrop.ts

@@ -3,8 +3,8 @@ const supportsFileSystemAccessAPI =
 const supportsWebkitGetAsEntry =
   "webkitGetAsEntry" in DataTransferItem.prototype;
 
-import { StringHelper } from "@web-atoms/core/dist/core/StringHelper";
-import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl";
+import { StringHelper } from "@web-atoms/core/dist/core/StringHelper.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
 import "./FilesDragDrop.global.css";
 
 

package/src/basic/Form.tsx

@@ -1,6 +1,6 @@
-import Bind from "@web-atoms/core/dist/core/Bind";
-import { StringHelper } from "@web-atoms/core/dist/core/StringHelper";
-import XNode from "@web-atoms/core/dist/core/XNode";
+import Bind from "@web-atoms/core/dist/core/Bind.js";
+import { StringHelper } from "@web-atoms/core/dist/core/StringHelper.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
 
 import "../styles/form.global.css";
 

package/src/basic/FormField.tsx

@@ -1,9 +1,8 @@
-import type { App } from "@web-atoms/core/dist/App";
-import Bind from "@web-atoms/core/dist/core/Bind";
-import FormattedString from "@web-atoms/core/dist/core/FormattedString";
-import XNode from "@web-atoms/core/dist/core/XNode";
-import { NavigationService } from "@web-atoms/core/dist/services/NavigationService";
-import { PopupWindow } from "@web-atoms/core/dist/web/services/PopupService";
+import type { App } from "@web-atoms/core/dist/App.js";
+import Bind from "@web-atoms/core/dist/core/Bind.js";
+import FormattedString from "@web-atoms/core/dist/core/FormattedString.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import PopupService, { PopupWindow } from "@web-atoms/core/dist/web/services/PopupService.js";
 import "./styles/form-field.global.css";
 
 export interface IFormField {
@@ -137,9 +136,8 @@ export default function FormField(
     if (!helpEventClick && help) {
         helpEventClick = Bind.event((s, e) => {
             const app = s.app as App;
-            if (typeof help === "string" || help instanceof FormattedString) {
-                const ns = app.resolve(NavigationService);
-                ns.notify(help);
+            if (typeof help === "string" || help instanceof XNode) {
+                PopupService.notify(help).catch(console.error);
                 return;
             }
 
@@ -214,9 +212,8 @@ export function HorizontalFormField(
     if (!helpEventClick && help) {
         helpEventClick = Bind.event((s, e) => {
             const app = s.app as App;
-            if (typeof help === "string" || help instanceof FormattedString) {
-                const ns = app.resolve(NavigationService);
-                ns.notify(help);
+            if (typeof help === "string" || help instanceof XNode) {
+                PopupService.notify(help).catch(console.error);
                 return;
             }
 

package/src/basic/InlinePopup.tsx

@@ -1,13 +1,13 @@
-import { App } from "@web-atoms/core/dist/App";
-import { AtomDisposableList } from "@web-atoms/core/dist/core/AtomDisposableList";
-import sleep from "@web-atoms/core/dist/core/sleep";
-import XNode from "@web-atoms/core/dist/core/XNode";
-import { AtomControl, ElementValueSetters } from "@web-atoms/core/dist/web/controls/AtomControl";
-import { IPopup, IPopupOptions } from "@web-atoms/core/dist/web/services/PopupService";
-import IElement from "./IElement";
+import { App } from "@web-atoms/core/dist/App.js";
+import { AtomDisposableList } from "@web-atoms/core/dist/core/AtomDisposableList.js";
+import sleep from "@web-atoms/core/dist/core/sleep.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import { AtomControl, ElementValueSetters } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import { IPopup, IPopupOptions } from "@web-atoms/core/dist/web/services/PopupService.js";
+import IElement from "./IElement.js";
 
 import "./styles/inline-popup.global.css";
-import { StringHelper } from "@web-atoms/core/dist/core/StringHelper";
+import { StringHelper } from "@web-atoms/core/dist/core/StringHelper.js";
 
 function closeHandler(
     opener: HTMLElement,

package/src/basic/InlinePopupButton.tsx

@@ -1,8 +1,8 @@
-import XNode from "@web-atoms/core/dist/core/XNode";
-import type { IAnchorPopover } from "./elements/AtomPopover";
-import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl";
-import { App } from "@web-atoms/core/dist/App";
-import AtomPopover from "./elements/AtomPopover";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import type { IAnchorPopover } from "./elements/AtomPopover.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import { App } from "@web-atoms/core/dist/App.js";
+import AtomPopover from "./elements/AtomPopover.js";
 
 export type PopupFactory = (data) => XNode;
 

package/src/basic/InlinePopupControl.tsx

@@ -1,6 +1,6 @@
-import XNode from "@web-atoms/core/dist/core/XNode";
-import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl";
-import { IPopupOptions, PopupControl } from "@web-atoms/core/dist/web/services/PopupService";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import { IPopupOptions, PopupControl } from "@web-atoms/core/dist/web/services/PopupService.js";
 
 export default class InlinePopupControl extends PopupControl {
 

package/src/basic/LimitedText.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/limited-text.global.css";
 

package/src/basic/ListRepeater.tsx

@@ -1,5 +1,5 @@
-import { BindableProperty } from "@web-atoms/core/dist/core/BindableProperty";
-import AtomRepeater from "./AtomRepeater";
+import { BindableProperty } from "@web-atoms/core/dist/core/BindableProperty.js";
+import AtomRepeater from "./AtomRepeater.js";
 
 import "./styles/list-repeater.global.css";
 export default class ListRepeater<T = any> extends AtomRepeater<T> {

package/src/basic/MaskedInput.tsx

@@ -1,5 +1,5 @@
-import XNode from "@web-atoms/core/dist/core/XNode";
-import IElement from "./IElement";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import IElement from "./IElement.js";
 
 import "./styles/masked-input.global.css";
 

package/src/basic/MaskedInputDiv.tsx

@@ -1,6 +1,6 @@
-import XNode from "@web-atoms/core/dist/core/XNode";
-import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl";
-import IElement from "./IElement";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import IElement from "./IElement.js";
 
 export interface IMaskedInput extends IElement {
     mask?: string;

package/src/basic/PasswordBox.tsx

@@ -1,5 +1,5 @@
-import XNode from "@web-atoms/core/dist/core/XNode";
-import IElement from "./IElement";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import IElement from "./IElement.js";
 
 import "./styles/password-box.global.css";
 

package/src/basic/PinchZoomView.tsx

@@ -1,7 +1,7 @@
-import Bind from "@web-atoms/core/dist/core/Bind";
-import { BindableProperty } from "@web-atoms/core/dist/core/BindableProperty";
-import XNode, { isTemplateSymbol } 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 { BindableProperty } from "@web-atoms/core/dist/core/BindableProperty.js";
+import XNode, { isTemplateSymbol } from "@web-atoms/core/dist/core/XNode.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
 
 import "./styles/pinch-zoom-view.global.css";
 

package/src/basic/PopupButton.tsx

@@ -1,7 +1,7 @@
-import XNode from "@web-atoms/core/dist/core/XNode";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
 
 import "./styles/popup-button.global.css";
-import InlinePopupButton, { IPopupButton } from "./InlinePopupButton";
+import InlinePopupButton, { IPopupButton } from "./InlinePopupButton.js";
 
 export interface IMenuItem {
     label?: string;

package/src/basic/PopupMenu.tsx

@@ -1,5 +1,5 @@
-import XNode from "@web-atoms/core/dist/core/XNode";
-import InlinePopupButton, { IPopupButton } from "./InlinePopupButton";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import InlinePopupButton, { IPopupButton } from "./InlinePopupButton.js";
 
 export default function PopupMenu(a: IPopupButton, ... nodes: XNode[]) {
     a.closeOnClick ??= true;

package/src/basic/RadioButtonList.tsx

@@ -1,5 +1,5 @@
-import XNode from "@web-atoms/core/dist/core/XNode";
-import AtomRepeater from "./AtomRepeater";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import AtomRepeater from "./AtomRepeater.js";
 
 import "./styles/radio-button-list.global.css";
 

package/src/basic/RefreshLock.ts

@@ -1,5 +1,5 @@
-import { App } from "@web-atoms/core/dist/App";
-import { IDisposable } from "@web-atoms/core/dist/core/types";
+import { App } from "@web-atoms/core/dist/App.js";
+import { IDisposable } from "@web-atoms/core/dist/core/types.js";
 
 export default class RefreshLock implements IDisposable {
 

package/src/basic/Resizable.tsx

@@ -1,7 +1,7 @@
-import { AtomDisposableList } from "@web-atoms/core/dist/core/AtomDisposableList";
-import XNode from "@web-atoms/core/dist/core/XNode";
-import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl";
-import { isMobileView } from "../mobile-app/MobileApp";
+import { AtomDisposableList } from "@web-atoms/core/dist/core/AtomDisposableList.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import { isMobileView } from "../mobile-app/MobileApp.js";
 
 import "../styles/resizable.global.css";
     

package/src/basic/Select.tsx

@@ -1,6 +1,6 @@
-import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl";
-import IElement from "./IElement";
-import XNode from "@web-atoms/core/dist/core/XNode";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import IElement from "./IElement.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
 
 const labelPathSetter = AtomControl.registerProperty("data-items", "value", (ctrl, element, value) => {
     element["labelPath"] = value;

package/src/basic/SortByButton.tsx

@@ -1,8 +1,8 @@
-import Bind from "@web-atoms/core/dist/core/Bind";
-import XNode from "@web-atoms/core/dist/core/XNode";
+import Bind from "@web-atoms/core/dist/core/Bind.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
 
 import "./SortByButton.global.css";
-import AtomRepeater from "./AtomRepeater";
+import AtomRepeater from "./AtomRepeater.js";
 
 const BindRepeater = Bind.forControl<AtomRepeater>();
 

package/src/basic/Swipe.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/swipe.global.css";
 
 interface ISwipeStart {

package/src/basic/Switch.tsx

@@ -1,5 +1,5 @@
-import XNode from "@web-atoms/core/dist/core/XNode";
-import IElement from "./IElement";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import IElement from "./IElement.js";
 
 import "./styles/switch.global.css";
 

package/src/basic/TableRepeater.tsx

@@ -1,5 +1,5 @@
-import XNode from "@web-atoms/core/dist/core/XNode";
-import AtomRepeater from "./AtomRepeater";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import AtomRepeater from "./AtomRepeater.js";
 
 export default class TableRepeater extends AtomRepeater {
 

package/src/basic/TimeEditor.tsx

@@ -1,9 +1,9 @@
-import { AtomBinder } from "@web-atoms/core/dist/core/AtomBinder";
-import XNode from "@web-atoms/core/dist/core/XNode";
-import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl";
-import TimeSpan from "@web-atoms/date-time/dist/TimeSpan";
-import Select from "./Select";
-import Bind from "@web-atoms/core/dist/core/Bind";
+import { AtomBinder } from "@web-atoms/core/dist/core/AtomBinder.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import TimeSpan from "@web-atoms/date-time/dist/TimeSpan.js";
+import Select from "./Select.js";
+import Bind from "@web-atoms/core/dist/core/Bind.js";
 
 import "./styles/time-editor.global.css";
 

package/src/basic/TitleEditor.tsx

@@ -1,5 +1,5 @@
-import XNode from "@web-atoms/core/dist/core/XNode";
-import IElement from "./IElement";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import IElement from "./IElement.js";
 
 import "./styles/title-editor.global.css";
 

package/src/basic/ToggleButtonBar.tsx

@@ -1,6 +1,6 @@
-import { BindableProperty } from "@web-atoms/core/dist/core/BindableProperty";
-import XNode from "@web-atoms/core/dist/core/XNode";
-import AtomRepeater from "./AtomRepeater";
+import { BindableProperty } from "@web-atoms/core/dist/core/BindableProperty.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import AtomRepeater from "./AtomRepeater.js";
 
 import "./styles/toggle-button-bar.global.css";
 

package/src/basic/Tooltip.tsx

@@ -1,10 +1,10 @@
-import { CancelToken } from "@web-atoms/core/dist/core/types";
-import XNode, { xnodeSymbol } from "@web-atoms/core/dist/core/XNode";
-import { AtomControl, ElementValueSetters } from "@web-atoms/core/dist/web/controls/AtomControl";
-import { getParentRepeaterItem } from "./AtomRepeater";
+import { CancelToken } from "@web-atoms/core/dist/core/types.js";
+import XNode, { xnodeSymbol } from "@web-atoms/core/dist/core/XNode.js";
+import { AtomControl, ElementValueSetters } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import { getParentRepeaterItem } from "./AtomRepeater.js";
 
 import "./styles/tooltip.global.css";
-import AtomPopover from "./elements/AtomPopover";
+import AtomPopover from "./elements/AtomPopover.js";
 
 type toolTipInfo = [{control: any, tooltip: CancelToken}, typeof AtomPopover];
 

package/src/basic/TypeWriter.tsx

@@ -1,7 +1,7 @@
-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 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 "../styles/type-writer.global.css";
 

package/src/basic/UploadEvent.tsx

@@ -1,12 +1,12 @@
-import { App } from "@web-atoms/core/dist/App";
-import Command from "@web-atoms/core/dist/core/Command";
-import EventScope from "@web-atoms/core/dist/core/EventScope";
-import { StringHelper } from "@web-atoms/core/dist/core/StringHelper";
-import XNode from "@web-atoms/core/dist/core/XNode";
-import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl";
-import { AncestorEnumerator } from "@web-atoms/core/dist/web/core/AtomUI";
-import PopupService from "@web-atoms/core/dist/web/services/PopupService";
-import { toFileSize } from "../NumberFormats";
+import { App } from "@web-atoms/core/dist/App.js";
+import Command from "@web-atoms/core/dist/core/Command.js";
+import EventScope from "@web-atoms/core/dist/core/EventScope.js";
+import { StringHelper } from "@web-atoms/core/dist/core/StringHelper.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import { AncestorEnumerator } from "@web-atoms/core/dist/web/core/AtomUI.js";
+import PopupService from "@web-atoms/core/dist/web/services/PopupService.js";
+import { toFileSize } from "../NumberFormats.js";
 
 const acceptCache = {};
 

package/src/basic/ZoomView.tsx

@@ -1,7 +1,7 @@
-import Bind from "@web-atoms/core/dist/core/Bind";
-import { BindableProperty } from "@web-atoms/core/dist/core/BindableProperty";
-import XNode, { isTemplateSymbol } 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 { BindableProperty } from "@web-atoms/core/dist/core/BindableProperty.js";
+import XNode, { isTemplateSymbol } from "@web-atoms/core/dist/core/XNode.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
 
 import "./styles/zoom-view.global.css";
 

package/src/basic/elements/AtomPopover.tsx

@@ -1,10 +1,10 @@
-import { AtomDisposableList } from "@web-atoms/core/dist/core/AtomDisposableList";
-import { CancelToken } from "@web-atoms/core/dist/core/types";
-import XNode, { IElementAttributes, xnodeSymbol } from "@web-atoms/core/dist/core/XNode";
-import { AtomControl, ElementValueSetters } from "@web-atoms/core/dist/web/controls/AtomControl";
+import { AtomDisposableList } from "@web-atoms/core/dist/core/AtomDisposableList.js";
+import { CancelToken } from "@web-atoms/core/dist/core/types.js";
+import XNode, { IElementAttributes, xnodeSymbol } from "@web-atoms/core/dist/core/XNode.js";
+import { AtomControl, ElementValueSetters } from "@web-atoms/core/dist/web/controls/AtomControl.js";
 import "./AtomPopover.css";
-import { relativeRect } from "./relativeRect";
-import getContainingBlock from "./getContainingBlock";
+import { relativeRect } from "./relativeRect.js";
+import getContainingBlock from "./getContainingBlock.js";
 
 ElementValueSetters["anchor-left"] = (c, e, v) => e.setAttribute("anchor-left", v);
 ElementValueSetters["anchor-right"] = (c, e, v) => e.setAttribute("anchor-right", v);

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/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) {