@web-atoms/web-controls 2.5.38 → 2.5.39

package/src/basic/Button.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 "./Button.local.css";
 

package/src/basic/ButtonBar.tsx

@@ -1,6 +1,6 @@
-import XNode, { constructorNeedsArgumentsSymbol, IElementAttributes } from "@web-atoms/core/dist/core/XNode";
-import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl";
-import IElement from "./IElement";
+import XNode, { constructorNeedsArgumentsSymbol, IElementAttributes } from "@web-atoms/core/dist/core/XNode.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import IElement from "./IElement.js";
 
 import "./ButtonBar.global.css";
 

package/src/basic/Calendar.tsx

@@ -1,10 +1,10 @@
-import Bind from "@web-atoms/core/dist/core/Bind";
-import { BindableProperty } from "@web-atoms/core/dist/core/BindableProperty";
-import WatchProperty from "@web-atoms/core/dist/core/WatchProperty";
-import XNode from "@web-atoms/core/dist/core/XNode";
-import DateTime from "@web-atoms/date-time/dist/DateTime";
-import AtomRepeater from "./AtomRepeater";
-import Select from "./Select";
+import Bind from "@web-atoms/core/dist/core/Bind.js";
+import { BindableProperty } from "@web-atoms/core/dist/core/BindableProperty.js";
+import WatchProperty from "@web-atoms/core/dist/core/WatchProperty.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import DateTime from "@web-atoms/date-time/dist/DateTime.js";
+import AtomRepeater from "./AtomRepeater.js";
+import Select from "./Select.js";
 
 import "./styles/calendar.global.css";
 
@@ -98,8 +98,8 @@ export default class Calendar extends AtomRepeater {
         }
     }
 
-    @BindableProperty
-    public enableFunc: (item: ICalendarDate) => boolean;
+    // @BindableProperty
+    // public enableFunc: (item: ICalendarDate) => boolean;
 
     @BindableProperty
     public dateRenderer: (item: ICalendarDate) => XNode;

package/src/basic/CheckBoxList.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, { SameObjectValue } from "./AtomRepeater";
+import { BindableProperty } from "@web-atoms/core/dist/core/BindableProperty.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import AtomRepeater, { SameObjectValue } from "./AtomRepeater.js";
 
 import "./styles/check-box-list.global.css";
 

package/src/basic/Checkbox.tsx

@@ -1,8 +1,8 @@
-import XNode from "@web-atoms/core/dist/core/XNode";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
 
 import "./styles/checkbox.global.css";
 
-import IElement from "./IElement";
+import IElement from "./IElement.js";
 
 export interface ICheckbox extends IElement {
     checked: any;

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

package/src/basic/ComboBox.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";
 
 export default class ComboBox extends AtomRepeater {
 

package/src/basic/DataGrid.tsx

@@ -1,10 +1,10 @@
-import Bind from "@web-atoms/core/dist/core/Bind";
-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 AtomRepeater, { getParentRepeaterItem, SelectorCheckBox } from "./AtomRepeater";
-import { EditableInput, getPropertyInfo, IPropertyInfo } from "./Editable";
-import TableRepeater from "./TableRepeater";
+import Bind from "@web-atoms/core/dist/core/Bind.js";
+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 AtomRepeater, { getParentRepeaterItem, SelectorCheckBox } from "./AtomRepeater.js";
+import { EditableInput, getPropertyInfo, IPropertyInfo } from "./Editable.js";
+import TableRepeater from "./TableRepeater.js";
 
 import "./styles/data-grid.global.css";
 
@@ -173,8 +173,8 @@ export default class DataGrid extends TableRepeater {
     @BindableProperty
     public columns: IDataGridColumn[];
 
-    @BindableProperty
-    public orderBy: any;
+    // @BindableProperty
+    // public orderBy: any;
 
     private orderBySet: boolean;
 

package/src/basic/DateField.tsx

@@ -1,14 +1,14 @@
-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 DateTime from "@web-atoms/date-time/dist/DateTime";
-import Calendar, { ICalendarDate } from "./Calendar";
-import TimeEditor from "./TimeEditor";
-import TimeSpan from "@web-atoms/date-time/dist/TimeSpan";
+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 DateTime from "@web-atoms/date-time/dist/DateTime.js";
+import Calendar, { ICalendarDate } from "./Calendar.js";
+import TimeEditor from "./TimeEditor.js";
+import TimeSpan from "@web-atoms/date-time/dist/TimeSpan.js";
 
 import "./styles/date-field.global.css";
-import AtomPopover from "./elements/AtomPopover";
+import AtomPopover from "./elements/AtomPopover.js";
 
 function hours() {
     return [
@@ -105,7 +105,7 @@ export default class DateField extends AtomControl {
         const owner = this;
         class CalendarPopup extends AtomPopover {
 
-            public owner: DateField;
+            declare public owner: DateField;
 
             public type;
 

package/src/basic/DropDown.tsx

@@ -1,7 +1,7 @@
-import { BindableProperty } from "@web-atoms/core/dist/core/BindableProperty";
-import XNode from "@web-atoms/core/dist/core/XNode";
+import { BindableProperty } from "@web-atoms/core/dist/core/BindableProperty.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
 import AtomRepeater, { askSuggestion, askSuggestionPopup,
-    disposeChildren, Match, MatchAnyCaseInsensitive } from "./AtomRepeater";
+    disposeChildren, Match, MatchAnyCaseInsensitive } from "./AtomRepeater.js";
 
 import "./styles/drop-down.global.css";
 

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

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,9 @@
-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 { NavigationService } from "@web-atoms/core/dist/services/NavigationService.js";
+import { PopupWindow } from "@web-atoms/core/dist/web/services/PopupService.js";
 import "./styles/form-field.global.css";
 
 export interface IFormField {

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/button-bar/AtomButtonBar.tsx

@@ -1,6 +1,6 @@
-import styled from "@web-atoms/core/dist/style/styled";
-import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl";
-import { AtomItemsControl } from "@web-atoms/core/dist/web/controls/AtomItemsControl";
+import styled from "@web-atoms/core/dist/style/styled.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import { AtomItemsControl } from "@web-atoms/core/dist/web/controls/AtomItemsControl.js";
 
 import "../styles/button-bar.global.css";
 

package/src/buttons/AtomPopupButton.ts

@@ -1,9 +1,9 @@
-import { BindableProperty } from "@web-atoms/core/dist/core/BindableProperty";
-import { CancelToken } from "@web-atoms/core/dist/core/types";
-import { NavigationService } from "@web-atoms/core/dist/services/NavigationService";
-import ReferenceService from "@web-atoms/core/dist/services/ReferenceService";
-import { AtomPageLink } from "@web-atoms/core/dist/web/controls/AtomPageLink";
-import { AtomPopupButtonStyle } from "./AtomPopupButtonStyle";
+import { BindableProperty } from "@web-atoms/core/dist/core/BindableProperty.js";
+import { CancelToken } from "@web-atoms/core/dist/core/types.js";
+import { NavigationService } from "@web-atoms/core/dist/services/NavigationService.js";
+import ReferenceService from "@web-atoms/core/dist/services/ReferenceService.js";
+import { AtomPageLink } from "@web-atoms/core/dist/web/controls/AtomPageLink.js";
+import { AtomPopupButtonStyle } from "./AtomPopupButtonStyle.js";
 
 export default class AtomPopupButton extends AtomPageLink {