@web-atoms/web-controls 2.5.38 → 2.5.39

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/pages/AtomPageFrame.ts

@@ -1,12 +1,12 @@
-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 { AtomFrame } from "@web-atoms/core/dist/web/controls/AtomFrame";
-import AtomPageFrameTemplate from "./AtomPageFrameTemplate";
-import Page from "./Page";
-import PageFrameViewModel from "./PageFrameViewModel";
-import TitleTemplate from "./TitleTemplate";
-import { refreshInherited } from "@web-atoms/core/dist/core/Hacks";
+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 { AtomFrame } from "@web-atoms/core/dist/web/controls/AtomFrame.js";
+import AtomPageFrameTemplate from "./AtomPageFrameTemplate.js";
+import Page from "./Page.js";
+import PageFrameViewModel from "./PageFrameViewModel.js";
+import TitleTemplate from "./TitleTemplate.js";
+import { refreshInherited } from "@web-atoms/core/dist/core/Hacks.js";
 
 export default class AtomPageFrame extends AtomFrame {
 

package/src/mobile/pages/AtomPageFrameStyle.ts

@@ -1,7 +1,7 @@
-import Colors from "@web-atoms/core/dist/core/Colors";
-import AtomFrameStyle from "@web-atoms/core/dist/web/styles/AtomFrameStyle";
-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 AtomFrameStyle from "@web-atoms/core/dist/web/styles/AtomFrameStyle.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 AtomPageFrameStyle extends AtomStyle {
 

package/src/mobile/pages/AtomPageFrameTemplate.tsx

@@ -1,8 +1,8 @@
-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 AtomPageFrameStyle, { FrameStyle } from "./AtomPageFrameStyle";
+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 AtomPageFrameStyle, { FrameStyle } from "./AtomPageFrameStyle.js";
 
 export default class AtomPageFrameTemplate extends AtomControl {
 

package/src/mobile/pages/Page.ts

@@ -1,7 +1,7 @@
-import { App } from "@web-atoms/core/dist/App";
-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 { App } from "@web-atoms/core/dist/App.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";
 
 export default class Page extends AtomControl {
 

package/src/mobile/pages/PageFrameViewModel.ts

@@ -1,12 +1,12 @@
-import { Atom } from "@web-atoms/core/dist/Atom";
-import { AtomBinder } from "@web-atoms/core/dist/core/AtomBinder";
-import { AtomUri } from "@web-atoms/core/dist/core/AtomUri";
-import { CancelToken } from "@web-atoms/core/dist/core/types";
-import { Inject } from "@web-atoms/core/dist/di/Inject";
-import { NavigationService } from "@web-atoms/core/dist/services/NavigationService";
-import { AtomViewModel, Receive, Watch } from "@web-atoms/core/dist/view-model/AtomViewModel";
-import bindUrlParameter from "@web-atoms/core/dist/view-model/bindUrlParameter";
-import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl";
+import { Atom } from "@web-atoms/core/dist/Atom.js";
+import { AtomBinder } from "@web-atoms/core/dist/core/AtomBinder.js";
+import { AtomUri } from "@web-atoms/core/dist/core/AtomUri.js";
+import { CancelToken } from "@web-atoms/core/dist/core/types.js";
+import { Inject } from "@web-atoms/core/dist/di/Inject.js";
+import { NavigationService } from "@web-atoms/core/dist/services/NavigationService.js";
+import { AtomViewModel, Receive, Watch } from "@web-atoms/core/dist/view-model/AtomViewModel.js";
+import bindUrlParameter from "@web-atoms/core/dist/view-model/bindUrlParameter.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
 
 declare var dotNet: any;
 

package/src/mobile/pages/TitleTemplate.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 TitleTemplate extends AtomControl {
 

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,20 @@
-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 { NavigationService } from "@web-atoms/core/dist/services/NavigationService.js";
+import { AtomWindowViewModel } from "@web-atoms/core/dist/view-model/AtomWindowViewModel.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 +527,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;
@@ -796,21 +796,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/time-field/AtomTimeField.tsx

@@ -1,13 +1,13 @@
-import Bind from "@web-atoms/core/dist/core/Bind";
-import { BindableProperty } from "@web-atoms/core/dist/core/BindableProperty";
-import { PropertyBinding } from "@web-atoms/core/dist/core/PropertyBinding";
-import XNode from "@web-atoms/core/dist/core/XNode";
-import { AtomViewModel } from "@web-atoms/core/dist/view-model/AtomViewModel";
-import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl";
-import { AtomToggleButtonBar } from "@web-atoms/core/dist/web/controls/AtomToggleButtonBar";
-import DateTime from "@web-atoms/date-time/dist/DateTime";
-import TimeSpan from "@web-atoms/date-time/dist/TimeSpan";
-import AtomTimeFieldStyle from "./AtomTimeFieldStyle";
+import Bind from "@web-atoms/core/dist/core/Bind.js";
+import { BindableProperty } from "@web-atoms/core/dist/core/BindableProperty.js";
+import { PropertyBinding } from "@web-atoms/core/dist/core/PropertyBinding.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import { AtomViewModel } from "@web-atoms/core/dist/view-model/AtomViewModel.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import { AtomToggleButtonBar } from "@web-atoms/core/dist/web/controls/AtomToggleButtonBar.js";
+import DateTime from "@web-atoms/date-time/dist/DateTime.js";
+import TimeSpan from "@web-atoms/date-time/dist/TimeSpan.js";
+import AtomTimeFieldStyle from "./AtomTimeFieldStyle.js";
 
 const zones = [
     { label: "AM", value: "AM" },

package/src/time-field/AtomTimeFieldStyle.ts

@@ -1,5 +1,5 @@
-import { AtomStyle } from "@web-atoms/core/dist/web/styles/AtomStyle";
-import { IStyleDeclaration } from "@web-atoms/core/dist/web/styles/IStyleDeclaration";
+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 AtomTimeFieldStyle extends AtomStyle {
 

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,33 @@
+{
+    "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,
+        "removeComments": true,
+        "importHelpers": true,
+        "jsx": "react",
+        "jsxFactory": "XNode.create",
+        "lib": [
+            "es6",
+            "dom",
+            "ESNext.Disposable",
+            "ES2021.WeakRef"
+        ]
+    },
+    "include": [
+        "src/**/*"
+    ],
+    "exclude": [
+		"node_modules",
+		"tests"
+    ]
+}