@web-atoms/web-controls 2.6.5 → 2.6.6

package/dist-esm/tests/basic/TimerTest.js

@@ -8,43 +8,33 @@ import DateTime from "@web-atoms/date-time/dist/DateTime.js";
 import InjectProperty from "@web-atoms/core/dist/core/InjectProperty.js";
 import WatchProperty from "@web-atoms/core/dist/core/WatchProperty.js";
 let SomeService = class SomeService {
-    constructor() {
-        this.initTime = DateTime.now;
-    }
+  constructor() {
+    this.initTime = DateTime.now;
+  }
 };
-SomeService = __decorate([
-    DISingleton()
-], SomeService);
+SomeService = __decorate([DISingleton()], SomeService);
 let TimerTest = class TimerTest extends AtomControl {
-    get time() {
-        return this.currentTime;
-    }
-    create() {
-        this.currentTime = DateTime.now;
-        this.render(XNode.create("div", null,
-            XNode.create("div", { text: Bind.oneWay(() => this.time) }),
-            XNode.create("div", { text: this.service.initTime })));
-        const id = setInterval(() => {
-            this.currentTime = DateTime.now;
-        }, 1000);
-        this.registerDisposable({
-            dispose() {
-                clearInterval(id);
-            }
-        });
-    }
+  get time() {
+    return this.currentTime;
+  }
+  create() {
+    this.currentTime = DateTime.now;
+    this.render(XNode.create("div", null, XNode.create("div", {
+      text: Bind.oneWay(() => this.time)
+    }), XNode.create("div", {
+      text: this.service.initTime
+    })));
+    const id = setInterval(() => {
+      this.currentTime = DateTime.now;
+    }, 1000);
+    this.registerDisposable({
+      dispose() {
+        clearInterval(id);
+      }
+    });
+  }
 };
-__decorate([
-    InjectProperty,
-    __metadata("design:type", SomeService)
-], TimerTest.prototype, "service", void 0);
-__decorate([
-    WatchProperty,
-    __metadata("design:type", Object),
-    __metadata("design:paramtypes", [])
-], TimerTest.prototype, "time", null);
-TimerTest = __decorate([
-    Pack
-], TimerTest);
-export default TimerTest;
-//# sourceMappingURL=TimerTest.js.map
+__decorate([InjectProperty, __metadata("design:type", SomeService)], TimerTest.prototype, "service", void 0);
+__decorate([WatchProperty, __metadata("design:type", Object), __metadata("design:paramtypes", [])], TimerTest.prototype, "time", null);
+TimerTest = __decorate([Pack], TimerTest);
+export default TimerTest;

package/dist-esm/tests/basic/TimerTest.pack.js

@@ -0,0 +1,40 @@
+import "@web-atoms/core/dist/core/Bind.js";
+import "@web-atoms/core/dist/core/XNode.js";
+import "@web-atoms/core/dist/di/DISingleton.js";
+import "@web-atoms/core/dist/Pack.js";
+import "@web-atoms/core/dist/web/controls/AtomControl.js";
+import "@web-atoms/date-time/dist/DateTime.js";
+import "@web-atoms/core/dist/core/InjectProperty.js";
+import "@web-atoms/core/dist/core/WatchProperty.js";
+import "@web-atoms/core/dist/di/Register.js";
+import "@web-atoms/core/dist/di/ServiceCollection.js";
+import "@web-atoms/date-time/dist/TimeSpan.js";
+import "@web-atoms/core/dist/core/ExpressionParser.js";
+import "@web-atoms/core/dist/core/types.js";
+import "@web-atoms/core/dist/core/AtomComponent.js";
+import "@web-atoms/core/dist/core/BindableProperty.js";
+import "@web-atoms/core/dist/core/Command.js";
+import "@web-atoms/core/dist/core/FormattedString.js";
+import "@web-atoms/core/dist/core/Hacks.js";
+import "@web-atoms/core/dist/core/WebImage.js";
+import "@web-atoms/core/dist/core/AtomBinder.js";
+import "@web-atoms/core/dist/core/AtomWatcher.js";
+import "@web-atoms/core/dist/di/TypeKey.js";
+import "@web-atoms/core/dist/core/AtomMap.js";
+import "@web-atoms/core/dist/App.js";
+import "@web-atoms/core/dist/di/Inject.js";
+import "@web-atoms/core/dist/core/AtomDisposableList.js";
+import "@web-atoms/core/dist/core/InheritedProperty.js";
+import "@web-atoms/core/dist/core/PropertyMap.js";
+import "@web-atoms/core/dist/core/EventScope.js";
+import "@web-atoms/core/dist/core/Route.js";
+import "@web-atoms/core/dist/web/core/AtomUI.js";
+import "@web-atoms/core/dist/core/AtomDispatcher.js";
+import "@web-atoms/core/dist/di/RegisterSingleton.js";
+import "@web-atoms/core/dist/di/ServiceProvider.js";
+import "@web-atoms/core/dist/services/BusyIndicatorService.js";
+import "@web-atoms/core/dist/core/AtomList.js";
+import "@web-atoms/core/dist/core/StringHelper.js";
+import "@web-atoms/core/dist/core/TransientDisposable.js";
+import app from "@web-atoms/web-controls/dist-esm/tests/basic/TimerTest.js";
+export default app;

package/dist-esm/tests/basic/basic-form/BasicForm.js

@@ -6,31 +6,51 @@ import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
 import Form from "../../../basic/Form.js";
 import FormField, { HorizontalFormField } from "../../../basic/FormField.js";
 let BasicForm = class BasicForm extends AtomControl {
-    create() {
-        this.data = {
-            firstName: "",
-            lastName: "",
-            emailAddress: ""
-        };
-        this.render(XNode.create("div", null,
-            XNode.create(Form, { "event-submit": () => alert("Submit Success"), "style-margin": "50px" },
-                XNode.create(FormField, { label: "First name:", required: true, error: Bind.oneWay(() => this.data.firstName ? "" : "First name is required"), help: XNode.create("div", null,
-                        "Enter your ",
-                        XNode.create("strong", null, "first name")) },
-                    XNode.create("input", { value: Bind.twoWaysImmediate(() => this.data.firstName) })),
-                XNode.create(FormField, { label: "Last name:", required: true, error: Bind.oneWay(() => this.data.lastName ? "" : "Last name is required") },
-                    XNode.create("input", { value: Bind.twoWaysImmediate(() => this.data.lastName) })),
-                XNode.create(FormField, { label: "Email:", error: Bind.oneWay(() => this.data.emailAddress ? "" : "Email address is required") },
-                    XNode.create("input", { value: Bind.twoWaysImmediate(() => this.data.emailAddress) })),
-                XNode.create(FormField, { label: "", help: XNode.create("div", null, "Demo"), error: Bind.oneWay(() => this.data.emailAddress ? "" : "Email address is required") },
-                    XNode.create("input", { value: Bind.twoWaysImmediate(() => this.data.emailAddress) })),
-                XNode.create(HorizontalFormField, { label: "Email Address", required: false, help: XNode.create("div", null, "Demo"), error: Bind.oneWay(() => this.data.emailAddress ? "" : "Email address is required") },
-                    XNode.create("input", { value: Bind.twoWaysImmediate(() => this.data.emailAddress) })),
-                XNode.create("button", { text: "Submit", "data-submit-event": "submit" }))));
-    }
+  create() {
+    this.data = {
+      firstName: "",
+      lastName: "",
+      emailAddress: ""
+    };
+    this.render(XNode.create("div", null, XNode.create(Form, {
+      "event-submit": () => alert("Submit Success"),
+      "style-margin": "50px"
+    }, XNode.create(FormField, {
+      label: "First name:",
+      required: true,
+      error: Bind.oneWay(() => this.data.firstName ? "" : "First name is required"),
+      help: XNode.create("div", null, "Enter your ", XNode.create("strong", null, "first name"))
+    }, XNode.create("input", {
+      value: Bind.twoWaysImmediate(() => this.data.firstName)
+    })), XNode.create(FormField, {
+      label: "Last name:",
+      required: true,
+      error: Bind.oneWay(() => this.data.lastName ? "" : "Last name is required")
+    }, XNode.create("input", {
+      value: Bind.twoWaysImmediate(() => this.data.lastName)
+    })), XNode.create(FormField, {
+      label: "Email:",
+      error: Bind.oneWay(() => this.data.emailAddress ? "" : "Email address is required")
+    }, XNode.create("input", {
+      value: Bind.twoWaysImmediate(() => this.data.emailAddress)
+    })), XNode.create(FormField, {
+      label: "",
+      help: XNode.create("div", null, "Demo"),
+      error: Bind.oneWay(() => this.data.emailAddress ? "" : "Email address is required")
+    }, XNode.create("input", {
+      value: Bind.twoWaysImmediate(() => this.data.emailAddress)
+    })), XNode.create(HorizontalFormField, {
+      label: "Email Address",
+      required: false,
+      help: XNode.create("div", null, "Demo"),
+      error: Bind.oneWay(() => this.data.emailAddress ? "" : "Email address is required")
+    }, XNode.create("input", {
+      value: Bind.twoWaysImmediate(() => this.data.emailAddress)
+    })), XNode.create("button", {
+      text: "Submit",
+      "data-submit-event": "submit"
+    }))));
+  }
 };
-BasicForm = __decorate([
-    Pack
-], BasicForm);
-export default BasicForm;
-//# sourceMappingURL=BasicForm.js.map
+BasicForm = __decorate([Pack], BasicForm);
+export default BasicForm;

package/dist-esm/tests/basic/basic-form/BasicForm.pack.js

@@ -0,0 +1,44 @@
+import "@web-atoms/core/dist/core/Bind.js";
+import "@web-atoms/core/dist/core/XNode.js";
+import "@web-atoms/core/dist/Pack.js";
+import "@web-atoms/core/dist/web/controls/AtomControl.js";
+import "@web-atoms/web-controls/dist-esm/basic/Form.js";
+import "@web-atoms/web-controls/dist-esm/basic/FormField.js";
+import "@web-atoms/core/dist/core/ExpressionParser.js";
+import "@web-atoms/core/dist/core/types.js";
+import "@web-atoms/core/dist/core/AtomComponent.js";
+import "@web-atoms/core/dist/core/BindableProperty.js";
+import "@web-atoms/core/dist/core/Command.js";
+import "@web-atoms/core/dist/core/FormattedString.js";
+import "@web-atoms/core/dist/core/Hacks.js";
+import "@web-atoms/core/dist/core/WebImage.js";
+import "@web-atoms/core/dist/core/StringHelper.js";
+import "@web-atoms/core/dist/web/services/PopupService.js";
+import "@web-atoms/core/dist/core/AtomMap.js";
+import "@web-atoms/core/dist/App.js";
+import "@web-atoms/core/dist/di/Inject.js";
+import "@web-atoms/core/dist/core/AtomDisposableList.js";
+import "@web-atoms/core/dist/core/AtomWatcher.js";
+import "@web-atoms/core/dist/core/InheritedProperty.js";
+import "@web-atoms/core/dist/core/PropertyMap.js";
+import "@web-atoms/core/dist/core/AtomBinder.js";
+import "@web-atoms/core/dist/core/EventScope.js";
+import "@web-atoms/core/dist/core/Route.js";
+import "@web-atoms/core/dist/web/core/AtomUI.js";
+import "@web-atoms/core/dist/web/services/LastTarget.js";
+import "@web-atoms/core/dist/web/services/NotificationPopup.js";
+import "@web-atoms/core/dist/web/services/PopupWindow.js";
+import "@web-atoms/core/dist/di/TypeKey.js";
+import "@web-atoms/core/dist/core/AtomDispatcher.js";
+import "@web-atoms/core/dist/di/RegisterSingleton.js";
+import "@web-atoms/core/dist/di/ServiceProvider.js";
+import "@web-atoms/core/dist/services/BusyIndicatorService.js";
+import "@web-atoms/core/dist/core/AtomList.js";
+import "@web-atoms/date-time/dist/DateTime.js";
+import "@web-atoms/date-time/dist/TimeSpan.js";
+import "@web-atoms/core/dist/core/sleep.js";
+import "@web-atoms/core/dist/di/Register.js";
+import "@web-atoms/core/dist/di/ServiceCollection.js";
+import "@web-atoms/core/dist/core/TransientDisposable.js";
+import app from "@web-atoms/web-controls/dist-esm/tests/basic/basic-form/BasicForm.js";
+export default app;

package/dist-esm/tests/basic/calendar/BasicCalendarTest.js

@@ -4,13 +4,9 @@ import Pack from "@web-atoms/core/dist/Pack.js";
 import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
 import Calendar from "../../../basic/Calendar.js";
 let BasicCalendarTest = class BasicCalendarTest extends AtomControl {
-    create() {
-        this.render(XNode.create("div", null,
-            XNode.create(Calendar, null)));
-    }
+  create() {
+    this.render(XNode.create("div", null, XNode.create(Calendar, null)));
+  }
 };
-BasicCalendarTest = __decorate([
-    Pack
-], BasicCalendarTest);
-export default BasicCalendarTest;
-//# sourceMappingURL=BasicCalendarTest.js.map
+BasicCalendarTest = __decorate([Pack], BasicCalendarTest);
+export default BasicCalendarTest;

package/dist-esm/tests/basic/calendar/BasicCalendarTest.pack.js

@@ -0,0 +1,53 @@
+import "@web-atoms/core/dist/core/XNode.js";
+import "@web-atoms/core/dist/Pack.js";
+import "@web-atoms/core/dist/web/controls/AtomControl.js";
+import "@web-atoms/web-controls/dist-esm/basic/Calendar.js";
+import "@web-atoms/core/dist/core/Bind.js";
+import "@web-atoms/core/dist/core/AtomComponent.js";
+import "@web-atoms/core/dist/core/BindableProperty.js";
+import "@web-atoms/core/dist/core/Command.js";
+import "@web-atoms/core/dist/core/FormattedString.js";
+import "@web-atoms/core/dist/core/Hacks.js";
+import "@web-atoms/core/dist/core/WebImage.js";
+import "@web-atoms/core/dist/core/WatchProperty.js";
+import "@web-atoms/date-time/dist/DateTime.js";
+import "@web-atoms/web-controls/dist-esm/basic/AtomRepeater.js";
+import "@web-atoms/web-controls/dist-esm/basic/Select.js";
+import "@web-atoms/core/dist/core/ExpressionParser.js";
+import "@web-atoms/core/dist/core/types.js";
+import "@web-atoms/core/dist/App.js";
+import "@web-atoms/core/dist/di/Inject.js";
+import "@web-atoms/core/dist/core/AtomDisposableList.js";
+import "@web-atoms/core/dist/core/AtomWatcher.js";
+import "@web-atoms/core/dist/core/InheritedProperty.js";
+import "@web-atoms/core/dist/core/PropertyMap.js";
+import "@web-atoms/core/dist/core/AtomBinder.js";
+import "@web-atoms/core/dist/core/EventScope.js";
+import "@web-atoms/core/dist/core/Route.js";
+import "@web-atoms/core/dist/web/core/AtomUI.js";
+import "@web-atoms/date-time/dist/TimeSpan.js";
+import "@web-atoms/core/dist/core/Colors.js";
+import "@web-atoms/core/dist/core/StringHelper.js";
+import "@web-atoms/core/dist/web/services/PopupService.js";
+import "@web-atoms/web-controls/dist-esm/basic/MergeNode.js";
+import "@web-atoms/web-controls/dist-esm/basic/ItemPath.js";
+import "@web-atoms/web-controls/dist-esm/DataAttributes.js";
+import "@web-atoms/web-controls/dist-esm/basic/elements/AtomPopover.js";
+import "@web-atoms/core/dist/core/sleep.js";
+import "@web-atoms/core/dist/core/AtomMap.js";
+import "@web-atoms/core/dist/core/AtomDispatcher.js";
+import "@web-atoms/core/dist/di/RegisterSingleton.js";
+import "@web-atoms/core/dist/di/ServiceProvider.js";
+import "@web-atoms/core/dist/services/BusyIndicatorService.js";
+import "@web-atoms/core/dist/core/AtomList.js";
+import "@web-atoms/core/dist/di/TypeKey.js";
+import "@web-atoms/core/dist/web/services/LastTarget.js";
+import "@web-atoms/core/dist/web/services/NotificationPopup.js";
+import "@web-atoms/core/dist/web/services/PopupWindow.js";
+import "@web-atoms/web-controls/dist-esm/basic/elements/relativeRect.js";
+import "@web-atoms/web-controls/dist-esm/basic/elements/getContainingBlock.js";
+import "@web-atoms/core/dist/di/Register.js";
+import "@web-atoms/core/dist/di/ServiceCollection.js";
+import "@web-atoms/core/dist/core/TransientDisposable.js";
+import app from "@web-atoms/web-controls/dist-esm/tests/basic/calendar/BasicCalendarTest.js";
+export default app;

package/dist-esm/tests/basic/chips/ChipsTest.js

@@ -5,21 +5,31 @@ import Pack from "@web-atoms/core/dist/Pack.js";
 import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
 import AtomChips, { Chip } from "../../../basic/AtomChips.js";
 import GridTestViewModel from "../../data-grid/GridTestViewModel.js";
-import "./ChipsTest.local.css";
+ESMPack.installStyleSheet(import.meta.resolve("./ChipsTest.local.css"));
 const css = "chip-test";
 let ChipsTest = class ChipsTest extends AtomControl {
-    create() {
-        this.viewModel = this.resolve(GridTestViewModel);
-        this.selectedChips = [];
-        this.render(XNode.create("div", { class: css },
-            XNode.create("div", null,
-                XNode.create(AtomChips, { enableDragDrop: true, items: Bind.oneWay(() => this.selectedChips), suggestions: Bind.oneWay(() => this.viewModel.list), itemRenderer: (item) => XNode.create(Chip, { draggable: true, deleted: item.$deleted, header: item.currency, label: item.currencyCode }), suggestionRenderer: (item) => XNode.create("div", { text: `${item.currency} (${item.currencyCode})` }) }),
-                XNode.create("i", { class: "fas fa-question" })),
-            XNode.create("div", null, "Selection popup will be displayed on the top of this text.")));
-    }
+  create() {
+    this.viewModel = this.resolve(GridTestViewModel);
+    this.selectedChips = [];
+    this.render(XNode.create("div", {
+      class: css
+    }, XNode.create("div", null, XNode.create(AtomChips, {
+      enableDragDrop: true,
+      items: Bind.oneWay(() => this.selectedChips),
+      suggestions: Bind.oneWay(() => this.viewModel.list),
+      itemRenderer: item => XNode.create(Chip, {
+        draggable: true,
+        deleted: item.$deleted,
+        header: item.currency,
+        label: item.currencyCode
+      }),
+      suggestionRenderer: item => XNode.create("div", {
+        text: `${item.currency} (${item.currencyCode})`
+      })
+    }), XNode.create("i", {
+      class: "fas fa-question"
+    })), XNode.create("div", null, "Selection popup will be displayed on the top of this text.")));
+  }
 };
-ChipsTest = __decorate([
-    Pack
-], ChipsTest);
-export default ChipsTest;
-//# sourceMappingURL=ChipsTest.js.map
+ChipsTest = __decorate([Pack], ChipsTest);
+export default ChipsTest;

package/dist-esm/tests/basic/chips/ChipsTest.pack.js

@@ -0,0 +1,56 @@
+import "@web-atoms/core/dist/core/Bind.js";
+import "@web-atoms/core/dist/core/XNode.js";
+import "@web-atoms/core/dist/Pack.js";
+import "@web-atoms/core/dist/web/controls/AtomControl.js";
+import "@web-atoms/web-controls/dist-esm/basic/AtomChips.js";
+import "@web-atoms/web-controls/dist-esm/tests/data-grid/GridTestViewModel.js";
+import "@web-atoms/core/dist/core/ExpressionParser.js";
+import "@web-atoms/core/dist/core/types.js";
+import "@web-atoms/core/dist/core/AtomComponent.js";
+import "@web-atoms/core/dist/core/BindableProperty.js";
+import "@web-atoms/core/dist/core/Command.js";
+import "@web-atoms/core/dist/core/FormattedString.js";
+import "@web-atoms/core/dist/core/Hacks.js";
+import "@web-atoms/core/dist/core/WebImage.js";
+import "@web-atoms/core/dist/core/AtomBinder.js";
+import "@web-atoms/web-controls/dist-esm/basic/AtomRepeater.js";
+import "@web-atoms/web-controls/dist-esm/basic/elements/AtomPopover.js";
+import "@web-atoms/core/dist/view-model/AtomViewModel.js";
+import "@web-atoms/core/dist/core/AtomMap.js";
+import "@web-atoms/core/dist/App.js";
+import "@web-atoms/core/dist/di/Inject.js";
+import "@web-atoms/core/dist/core/AtomDisposableList.js";
+import "@web-atoms/core/dist/core/AtomWatcher.js";
+import "@web-atoms/core/dist/core/InheritedProperty.js";
+import "@web-atoms/core/dist/core/PropertyMap.js";
+import "@web-atoms/core/dist/core/EventScope.js";
+import "@web-atoms/core/dist/core/Route.js";
+import "@web-atoms/core/dist/web/core/AtomUI.js";
+import "@web-atoms/core/dist/core/Colors.js";
+import "@web-atoms/core/dist/core/StringHelper.js";
+import "@web-atoms/core/dist/core/WatchProperty.js";
+import "@web-atoms/core/dist/web/services/PopupService.js";
+import "@web-atoms/web-controls/dist-esm/basic/MergeNode.js";
+import "@web-atoms/web-controls/dist-esm/basic/ItemPath.js";
+import "@web-atoms/web-controls/dist-esm/DataAttributes.js";
+import "@web-atoms/core/dist/core/sleep.js";
+import "@web-atoms/web-controls/dist-esm/basic/elements/relativeRect.js";
+import "@web-atoms/web-controls/dist-esm/basic/elements/getContainingBlock.js";
+import "@web-atoms/core/dist/Atom.js";
+import "@web-atoms/core/dist/view-model/baseTypes.js";
+import "@web-atoms/core/dist/core/AtomDispatcher.js";
+import "@web-atoms/core/dist/di/RegisterSingleton.js";
+import "@web-atoms/core/dist/di/ServiceProvider.js";
+import "@web-atoms/core/dist/services/BusyIndicatorService.js";
+import "@web-atoms/core/dist/core/AtomList.js";
+import "@web-atoms/date-time/dist/DateTime.js";
+import "@web-atoms/date-time/dist/TimeSpan.js";
+import "@web-atoms/core/dist/di/TypeKey.js";
+import "@web-atoms/core/dist/web/services/LastTarget.js";
+import "@web-atoms/core/dist/web/services/NotificationPopup.js";
+import "@web-atoms/core/dist/web/services/PopupWindow.js";
+import "@web-atoms/core/dist/core/TransientDisposable.js";
+import "@web-atoms/core/dist/di/ServiceCollection.js";
+import "@web-atoms/core/dist/di/Register.js";
+import app from "@web-atoms/web-controls/dist-esm/tests/basic/chips/ChipsTest.js";
+export default app;

package/dist-esm/tests/basic/data-grid/DataGridTest.js

@@ -6,64 +6,59 @@ import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
 import DataGrid, { InputColumn, SelectAllColumn } from "../../../basic/DataGrid.js";
 import GridTestViewModel from "../../data-grid/GridTestViewModel.js";
 let DataGridTest = class DataGridTest extends AtomControl {
-    create() {
-        this.viewModel = this.resolve(GridTestViewModel);
-        this.orderBy = "ID Desc";
-        const columns = [
-            SelectAllColumn,
-            {
-                header: "ID",
-                headerSort: "ID",
-                headerSortDescending: "ID Desc",
-                label: "id"
-            },
-            {
-                header: "Currency",
-                headerSort: "Currency",
-                headerSortDescending: "Currency Desc",
-                headerSortDefault: "Currency Desc",
-                cellRenderer(item) {
-                    return XNode.create("td", { text: item.currency });
-                }
-            },
-            {
-                header: "Code",
-                cellRenderer(item) {
-                    return XNode.create("td", { text: item.currencyCode });
-                }
-            },
-            {
-                header: "Flag",
-                label: "flag"
-            },
-            {
-                header: "Level",
-                label: "level"
-            },
-            InputColumn({
-                header: "Units",
-                propertyPath: "units"
-            }),
-            {
-                header: "Units",
-                label: "units"
-            },
-            {
-                header: "As Of",
-                label: "asOf"
-            },
-            {
-                header: "Change",
-                label: "onedChng"
-            }
-        ];
-        this.render(XNode.create("div", null,
-            XNode.create(DataGrid, { allowMultipleSelection: true, orderBy: Bind.twoWays(() => this.orderBy), items: this.viewModel.list, columns: columns }),
-            XNode.create("span", { text: Bind.oneWay(() => `Sort by ${this.orderBy}`) })));
-    }
+  create() {
+    this.viewModel = this.resolve(GridTestViewModel);
+    this.orderBy = "ID Desc";
+    const columns = [SelectAllColumn, {
+      header: "ID",
+      headerSort: "ID",
+      headerSortDescending: "ID Desc",
+      label: "id"
+    }, {
+      header: "Currency",
+      headerSort: "Currency",
+      headerSortDescending: "Currency Desc",
+      headerSortDefault: "Currency Desc",
+      cellRenderer(item) {
+        return XNode.create("td", {
+          text: item.currency
+        });
+      }
+    }, {
+      header: "Code",
+      cellRenderer(item) {
+        return XNode.create("td", {
+          text: item.currencyCode
+        });
+      }
+    }, {
+      header: "Flag",
+      label: "flag"
+    }, {
+      header: "Level",
+      label: "level"
+    }, InputColumn({
+      header: "Units",
+      propertyPath: "units"
+    }), {
+      header: "Units",
+      label: "units"
+    }, {
+      header: "As Of",
+      label: "asOf"
+    }, {
+      header: "Change",
+      label: "onedChng"
+    }];
+    this.render(XNode.create("div", null, XNode.create(DataGrid, {
+      allowMultipleSelection: true,
+      orderBy: Bind.twoWays(() => this.orderBy),
+      items: this.viewModel.list,
+      columns: columns
+    }), XNode.create("span", {
+      text: Bind.oneWay(() => `Sort by ${this.orderBy}`)
+    })));
+  }
 };
-DataGridTest = __decorate([
-    Pack
-], DataGridTest);
-export default DataGridTest;
-//# sourceMappingURL=DataGridTest.js.map
+DataGridTest = __decorate([Pack], DataGridTest);
+export default DataGridTest;

package/dist-esm/tests/basic/data-grid/DataGridTest.pack.js

@@ -0,0 +1,58 @@
+import "@web-atoms/core/dist/core/Bind.js";
+import "@web-atoms/core/dist/core/XNode.js";
+import "@web-atoms/core/dist/Pack.js";
+import "@web-atoms/core/dist/web/controls/AtomControl.js";
+import "@web-atoms/web-controls/dist-esm/basic/DataGrid.js";
+import "@web-atoms/web-controls/dist-esm/tests/data-grid/GridTestViewModel.js";
+import "@web-atoms/core/dist/core/ExpressionParser.js";
+import "@web-atoms/core/dist/core/types.js";
+import "@web-atoms/core/dist/core/AtomComponent.js";
+import "@web-atoms/core/dist/core/BindableProperty.js";
+import "@web-atoms/core/dist/core/Command.js";
+import "@web-atoms/core/dist/core/FormattedString.js";
+import "@web-atoms/core/dist/core/Hacks.js";
+import "@web-atoms/core/dist/core/WebImage.js";
+import "@web-atoms/web-controls/dist-esm/basic/AtomRepeater.js";
+import "@web-atoms/web-controls/dist-esm/basic/Editable.js";
+import "@web-atoms/web-controls/dist-esm/basic/TableRepeater.js";
+import "@web-atoms/core/dist/view-model/AtomViewModel.js";
+import "@web-atoms/core/dist/core/AtomMap.js";
+import "@web-atoms/core/dist/core/AtomBinder.js";
+import "@web-atoms/core/dist/App.js";
+import "@web-atoms/core/dist/di/Inject.js";
+import "@web-atoms/core/dist/core/AtomDisposableList.js";
+import "@web-atoms/core/dist/core/AtomWatcher.js";
+import "@web-atoms/core/dist/core/InheritedProperty.js";
+import "@web-atoms/core/dist/core/PropertyMap.js";
+import "@web-atoms/core/dist/core/EventScope.js";
+import "@web-atoms/core/dist/core/Route.js";
+import "@web-atoms/core/dist/web/core/AtomUI.js";
+import "@web-atoms/core/dist/core/Colors.js";
+import "@web-atoms/core/dist/core/StringHelper.js";
+import "@web-atoms/core/dist/core/WatchProperty.js";
+import "@web-atoms/core/dist/web/services/PopupService.js";
+import "@web-atoms/web-controls/dist-esm/basic/MergeNode.js";
+import "@web-atoms/web-controls/dist-esm/basic/ItemPath.js";
+import "@web-atoms/web-controls/dist-esm/DataAttributes.js";
+import "@web-atoms/web-controls/dist-esm/basic/elements/AtomPopover.js";
+import "@web-atoms/core/dist/core/sleep.js";
+import "@web-atoms/core/dist/Atom.js";
+import "@web-atoms/core/dist/view-model/baseTypes.js";
+import "@web-atoms/core/dist/core/AtomDispatcher.js";
+import "@web-atoms/core/dist/di/RegisterSingleton.js";
+import "@web-atoms/core/dist/di/ServiceProvider.js";
+import "@web-atoms/core/dist/services/BusyIndicatorService.js";
+import "@web-atoms/core/dist/core/AtomList.js";
+import "@web-atoms/date-time/dist/DateTime.js";
+import "@web-atoms/date-time/dist/TimeSpan.js";
+import "@web-atoms/core/dist/di/TypeKey.js";
+import "@web-atoms/core/dist/web/services/LastTarget.js";
+import "@web-atoms/core/dist/web/services/NotificationPopup.js";
+import "@web-atoms/core/dist/web/services/PopupWindow.js";
+import "@web-atoms/web-controls/dist-esm/basic/elements/relativeRect.js";
+import "@web-atoms/web-controls/dist-esm/basic/elements/getContainingBlock.js";
+import "@web-atoms/core/dist/di/Register.js";
+import "@web-atoms/core/dist/di/ServiceCollection.js";
+import "@web-atoms/core/dist/core/TransientDisposable.js";
+import app from "@web-atoms/web-controls/dist-esm/tests/basic/data-grid/DataGridTest.js";
+export default app;