@web-atoms/web-controls 2.5.64 → 2.6.2

package/dist-esm/tests/mobile-pages/HomePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HomePage.d.ts","sourceRoot":"","sources":["../../../src/tests/mobile-pages/HomePage.tsx"],"names":[],"mappings":"AAKI,OAAO,IAAI,MAAM,4BAA4B,CAAC;AAIlD,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,IAAI;IAElC,MAAM,IAAI,IAAI;CAoBrB"}

package/dist-esm/tests/mobile-pages/HomePage.js

@@ -0,0 +1,12 @@
+import XNode from "@web-atoms/core/dist/core/XNode";
+import Page from "../../mobile/pages/Page.js";
+export default class HomePage extends Page {
+    create() {
+        this.render(XNode.create("div", { title: "Home Page", for: "div" },
+            XNode.create(Page.commandTemplate, null,
+                XNode.create("div", null,
+                    XNode.create("span", { class: "fas fa-question-circle" }))),
+            "This is home page..."));
+    }
+}
+//# sourceMappingURL=HomePage.js.map

package/dist-esm/tests/mobile-pages/HomePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HomePage.js","sourceRoot":"","sources":["../../../src/tests/mobile-pages/HomePage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,iCAAiC,CAAA;AAG/C,OAAO,IAAI,MAAM,4BAA4B,CAAC;AAIlD,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,IAAI;IAElC,MAAM;QAEZ,IAAI,CAAC,MAAM,CACX,sBACC,KAAK,EAAC,WAAW,EACjB,GAAG,EAAC,KAAK;YACT,aAAC,IAAI,CAAC,eAAe;gBACpB;oBACC,uBACC,KAAK,EAAC,wBAAwB,GACxB,CACF,CACgB;mCAKlB,CACL,CAAC;IACH,CAAC;CACD"}

package/dist-esm/tests/mobile-pages/ListPage.d.ts

@@ -0,0 +1,5 @@
+import Page from "../../mobile/pages/Page.js";
+export default class ListPage extends Page {
+    create(): void;
+}
+//# sourceMappingURL=ListPage.d.ts.map

package/dist-esm/tests/mobile-pages/ListPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListPage.d.ts","sourceRoot":"","sources":["../../../src/tests/mobile-pages/ListPage.tsx"],"names":[],"mappings":"AAKI,OAAO,IAAI,MAAM,4BAA4B,CAAC;AAMlD,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,IAAI;IAElC,MAAM,IAAI,IAAI;CA8BrB"}

package/dist-esm/tests/mobile-pages/ListPage.js

@@ -0,0 +1,17 @@
+import Bind from "@web-atoms/core/dist/core/Bind";
+import XNode from "@web-atoms/core/dist/core/XNode";
+import Page from "../../mobile/pages/Page.js";
+import ListPageViewModel from "./ListPageViewModel.js";
+export default class ListPage extends Page {
+    create() {
+        this.viewModel = this.resolve(ListPageViewModel);
+        this.render(XNode.create("div", { title: "List Page", for: "div" },
+            XNode.create(Page.commandTemplate, null,
+                XNode.create("div", null,
+                    XNode.create("span", { class: "fas fa-filter", eventClick: Bind.event((x) => this.viewModel.openFilter()) }),
+                    XNode.create("span", { class: "fas fa-question-circle" }))),
+            "This is a list page;",
+            XNode.create("button", { eventClick: Bind.event((x) => this.viewModel.openDetail()) }, "Open Detail Page")));
+    }
+}
+//# sourceMappingURL=ListPage.js.map

package/dist-esm/tests/mobile-pages/ListPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListPage.js","sourceRoot":"","sources":["../../../src/tests/mobile-pages/ListPage.tsx"],"names":[],"mappings":"AACA,OAAO,IAAI,MAAM,gCAAgC,CAAA;AACjD,OAAO,KAAK,MAAM,iCAAiC,CAAA;AAG/C,OAAO,IAAI,MAAM,4BAA4B,CAAC;AAE9C,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AAI3D,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,IAAI;IAElC,MAAM;QACZ,IAAI,CAAC,SAAS,GAAI,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAE;QAEnD,IAAI,CAAC,MAAM,CACX,sBACC,KAAK,EAAC,WAAW,EACjB,GAAG,EAAC,KAAK;YACT,aAAC,IAAI,CAAC,eAAe;gBACpB;oBACC,uBACC,KAAK,EAAC,eAAe,EACrB,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,CAAC,GACpD;oBACP,uBACC,KAAK,EAAC,wBAAwB,GACxB,CACF,CACgB;;YAMvB,yBACC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,CAAC,uBAElD,CACJ,CACL,CAAC;IACH,CAAC;CACD"}

package/dist-esm/tests/mobile-pages/ListPageViewModel.d.ts

@@ -0,0 +1,8 @@
+import { NavigationService } from "@web-atoms/core/dist/services/NavigationService.js";
+import { AtomViewModel } from "@web-atoms/core/dist/view-model/AtomViewModel.js";
+export default class ListPageViewModel extends AtomViewModel {
+    navigationService: NavigationService;
+    openFilter(): void;
+    openDetail(): void;
+}
+//# sourceMappingURL=ListPageViewModel.d.ts.map

package/dist-esm/tests/mobile-pages/ListPageViewModel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListPageViewModel.d.ts","sourceRoot":"","sources":["../../../src/tests/mobile-pages/ListPageViewModel.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AACvF,OAAO,EAAE,aAAa,EAAE,MAAM,kDAAkD,CAAC;AAGjF,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,aAAa;IAGjD,iBAAiB,EAAE,iBAAiB,CAAC;IAErC,UAAU,IAAI,IAAI;IAIlB,UAAU;CAIpB"}

package/dist-esm/tests/mobile-pages/ListPageViewModel.js

@@ -0,0 +1,18 @@
+import { __decorate, __metadata } from "tslib";
+import { Inject } from "@web-atoms/core/dist/di/Inject.js";
+import { NavigationService } from "@web-atoms/core/dist/services/NavigationService.js";
+import { AtomViewModel } from "@web-atoms/core/dist/view-model/AtomViewModel.js";
+import DetailPage from "./DetailPage.js";
+export default class ListPageViewModel extends AtomViewModel {
+    openFilter() {
+        alert("Filter on List Page");
+    }
+    openDetail() {
+        this.navigationService.openPage(DetailPage, null, { target: "root" });
+    }
+}
+__decorate([
+    Inject,
+    __metadata("design:type", NavigationService)
+], ListPageViewModel.prototype, "navigationService", void 0);
+//# sourceMappingURL=ListPageViewModel.js.map

package/dist-esm/tests/mobile-pages/ListPageViewModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListPageViewModel.js","sourceRoot":"","sources":["../../../src/tests/mobile-pages/ListPageViewModel.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AACvF,OAAO,EAAE,aAAa,EAAE,MAAM,kDAAkD,CAAC;AACjF,OAAO,UAAU,MAAM,iBAAiB,CAAC;AAEzC,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,aAAa;IAKjD,UAAU;QACb,KAAK,CAAC,qBAAqB,CAAC,CAAC;IACjC,CAAC;IAEM,UAAU;QACb,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,UAAU,EAAE,IAAI,EAAE,EAAE,MAAM,EAAE,MAAM,EAAC,CAAC,CAAC;IACzE,CAAC;CAEJ;AAVU;IADN,MAAM;8BACmB,iBAAiB;4DAAC"}

package/dist-esm/tests/mobile-pages/MenuPage.d.ts

@@ -0,0 +1,5 @@
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+export default class MenuPage extends AtomControl {
+    create(): void;
+}
+//# sourceMappingURL=MenuPage.d.ts.map

package/dist-esm/tests/mobile-pages/MenuPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuPage.d.ts","sourceRoot":"","sources":["../../../src/tests/mobile-pages/MenuPage.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,WAAW,EAAC,MAAM,kDAAkD,CAAC;AAM7E,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,WAAW;IAEzC,MAAM,IAAI,IAAI;CAerB"}

package/dist-esm/tests/mobile-pages/MenuPage.js

@@ -0,0 +1,13 @@
+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.js";
+import MenuPageViewModel from "./MenuPageViewModel.js";
+export default class MenuPage extends AtomControl {
+    create() {
+        this.viewModel = this.resolve(MenuPageViewModel);
+        this.render(XNode.create("div", null,
+            XNode.create("button", { eventClick: Bind.event((x) => this.viewModel.openListPage()) }, "Page 1"),
+            XNode.create("button", null, "Page 2")));
+    }
+}
+//# sourceMappingURL=MenuPage.js.map

package/dist-esm/tests/mobile-pages/MenuPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuPage.js","sourceRoot":"","sources":["../../../src/tests/mobile-pages/MenuPage.tsx"],"names":[],"mappings":"AACA,OAAO,IAAI,MAAM,gCAAgC,CAAA;AACjD,OAAO,KAAK,MAAM,iCAAiC,CAAA;AAEnD,OAAO,EAAC,WAAW,EAAC,MAAM,kDAAkD,CAAC;AAEzE,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AAI3D,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,WAAW;IAEzC,MAAM;QACZ,IAAI,CAAC,SAAS,GAAI,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAE;QAEnD,IAAI,CAAC,MAAM,CACX;YACC,yBACC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE,CAAC,aAEpD;YACT,sCAES,CACJ,CACL,CAAC;IACH,CAAC;CACD"}

package/dist-esm/tests/mobile-pages/MenuPageViewModel.d.ts

@@ -0,0 +1,7 @@
+import { NavigationService } from "@web-atoms/core/dist/services/NavigationService.js";
+import { AtomWindowViewModel } from "@web-atoms/core/dist/view-model/AtomWindowViewModel.js";
+export default class MenuPageViewModel extends AtomWindowViewModel {
+    navigationService: NavigationService;
+    openListPage(): void;
+}
+//# sourceMappingURL=MenuPageViewModel.d.ts.map

package/dist-esm/tests/mobile-pages/MenuPageViewModel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuPageViewModel.d.ts","sourceRoot":"","sources":["../../../src/tests/mobile-pages/MenuPageViewModel.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AACvF,OAAO,EAAE,mBAAmB,EAAE,MAAM,wDAAwD,CAAC;AAG7F,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,mBAAmB;IAGvD,iBAAiB,EAAE,iBAAiB,CAAC;IAErC,YAAY,IAAI,IAAI;CAI9B"}

package/dist-esm/tests/mobile-pages/MenuPageViewModel.js

@@ -0,0 +1,16 @@
+import { __decorate, __metadata } from "tslib";
+import { Inject } from "@web-atoms/core/dist/di/Inject.js";
+import { NavigationService } from "@web-atoms/core/dist/services/NavigationService.js";
+import { AtomWindowViewModel } from "@web-atoms/core/dist/view-model/AtomWindowViewModel.js";
+import ListPage from "./ListPage.js";
+export default class MenuPageViewModel extends AtomWindowViewModel {
+    openListPage() {
+        this.navigationService.openPage(ListPage, null, { target: "root" });
+        this.close();
+    }
+}
+__decorate([
+    Inject,
+    __metadata("design:type", NavigationService)
+], MenuPageViewModel.prototype, "navigationService", void 0);
+//# sourceMappingURL=MenuPageViewModel.js.map

package/dist-esm/tests/mobile-pages/MenuPageViewModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuPageViewModel.js","sourceRoot":"","sources":["../../../src/tests/mobile-pages/MenuPageViewModel.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AACvF,OAAO,EAAE,mBAAmB,EAAE,MAAM,wDAAwD,CAAC;AAC7F,OAAO,QAAQ,MAAM,eAAe,CAAC;AAErC,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,mBAAmB;IAKvD,YAAY;QACf,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,QAAQ,EAAE,IAAI,EAAE,EAAE,MAAM,EAAE,MAAM,EAAC,CAAC,CAAC;QACnE,IAAI,CAAC,KAAK,EAAE,CAAC;IACjB,CAAC;CACJ;AANU;IADN,MAAM;8BACmB,iBAAiB;4DAAC"}

package/dist-esm/tests/mobile-pages/PageApp.d.ts

@@ -0,0 +1,5 @@
+import AtomPageFrame from "../../mobile/pages/AtomPageFrame.js";
+export default class PageApp extends AtomPageFrame {
+    create(): void;
+}
+//# sourceMappingURL=PageApp.d.ts.map

package/dist-esm/tests/mobile-pages/PageApp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageApp.d.ts","sourceRoot":"","sources":["../../../src/tests/mobile-pages/PageApp.tsx"],"names":[],"mappings":"AAKI,OAAO,aAAa,MAAM,qCAAqC,CAAC;AAIpE,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,aAAa;IAE1C,MAAM,IAAI,IAAI;CASrB"}

package/dist-esm/tests/mobile-pages/PageApp.js

@@ -0,0 +1,8 @@
+import XNode from "@web-atoms/core/dist/core/XNode";
+import AtomPageFrame from "../../mobile/pages/AtomPageFrame.js";
+export default class PageApp extends AtomPageFrame {
+    create() {
+        this.render(XNode.create("div", { url: "@web-atoms/web-controls/dist/tests/mobile-pages/HomePage", menuUrl: "@web-atoms/web-controls/dist/tests/mobile-pages/MenuPage" }));
+    }
+}
+//# sourceMappingURL=PageApp.js.map

package/dist-esm/tests/mobile-pages/PageApp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageApp.js","sourceRoot":"","sources":["../../../src/tests/mobile-pages/PageApp.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,iCAAiC,CAAA;AAG/C,OAAO,aAAa,MAAM,qCAAqC,CAAC;AAIpE,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,aAAa;IAE1C,MAAM;QAEZ,IAAI,CAAC,MAAM,CACX,sBACC,GAAG,EAAC,0DAA0D,EAC9D,OAAO,EAAC,0DAA0D,GAC7D,CACL,CAAC;IACH,CAAC;CACD"}

package/dist-esm/tests/pop-over/PopOverTest.d.ts

@@ -0,0 +1,6 @@
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+export default class PopOverTest extends AtomControl {
+    constructor(app: any, e: any);
+    init(): void;
+}
+//# sourceMappingURL=PopOverTest.d.ts.map

package/dist-esm/tests/pop-over/PopOverTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopOverTest.d.ts","sourceRoot":"","sources":["../../../src/tests/pop-over/PopOverTest.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,kDAAkD,CAAC;AAK/E,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,WAAW;gBAEpC,GAAG,KAAA,EAAE,CAAC,KAAA;IAKlB,IAAI;CAmFP"}

package/dist-esm/tests/pop-over/PopOverTest.js

@@ -0,0 +1,82 @@
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import { MenuItem } from "../../basic/PopupButton.js";
+import PopupMenu from "../../basic/PopupMenu.js";
+export default class PopOverTest extends AtomControl {
+    constructor(app, e) {
+        super(app, e);
+        this.pushInit();
+    }
+    init() {
+        this.renderer = XNode.create("div", null,
+            XNode.create("br", null),
+            XNode.create("br", null),
+            XNode.create("br", null),
+            XNode.create("br", null),
+            XNode.create("br", null),
+            XNode.create("br", null),
+            XNode.create("br", null),
+            XNode.create("br", null),
+            XNode.create("br", null),
+            XNode.create("br", null),
+            XNode.create("br", null),
+            XNode.create("br", null),
+            XNode.create("br", null),
+            XNode.create("br", null),
+            XNode.create("div", { style: "position: relative" },
+                XNode.create("br", null),
+                XNode.create("br", null),
+                XNode.create("br", null),
+                XNode.create("br", null),
+                XNode.create(PopupMenu, { "anchor-left": "parent-right", popup: () => XNode.create("div", null,
+                        XNode.create(MenuItem, { label: "As Inline" }),
+                        XNode.create(MenuItem, { label: "As Attachment" }),
+                        XNode.create(MenuItem, { label: "As Inline" }),
+                        XNode.create(MenuItem, { label: "As Attachment" }),
+                        XNode.create(MenuItem, { label: "As Inline" }),
+                        XNode.create(MenuItem, { label: "As Attachment" }),
+                        XNode.create(MenuItem, { label: "As Inline" }),
+                        XNode.create(MenuItem, { label: "As Attachment" }),
+                        XNode.create(MenuItem, { label: "As Inline" }),
+                        XNode.create(MenuItem, { label: "As Attachment" }),
+                        XNode.create(MenuItem, { label: "As Inline" }),
+                        XNode.create(MenuItem, { label: "As Attachment" })) }, "Forward"),
+                XNode.create("br", null),
+                XNode.create("br", null),
+                XNode.create("br", null),
+                XNode.create("br", null),
+                XNode.create("br", null),
+                XNode.create("br", null),
+                XNode.create("br", null),
+                XNode.create("br", null),
+                XNode.create("br", null),
+                XNode.create("br", null),
+                XNode.create("br", null),
+                XNode.create("br", null)),
+            XNode.create("br", null),
+            XNode.create("br", null),
+            XNode.create("br", null),
+            XNode.create("br", null),
+            XNode.create("br", null),
+            XNode.create("br", null),
+            XNode.create("br", null),
+            XNode.create("br", null),
+            XNode.create("br", null),
+            XNode.create("br", null),
+            XNode.create("br", null),
+            XNode.create("br", null),
+            XNode.create("br", null),
+            XNode.create("br", null),
+            XNode.create("br", null),
+            XNode.create("br", null),
+            XNode.create("br", null),
+            XNode.create("br", null),
+            XNode.create("br", null),
+            XNode.create("br", null),
+            XNode.create("br", null),
+            XNode.create("br", null),
+            XNode.create("br", null),
+            XNode.create("br", null));
+    }
+}
+//# sourceMappingURL=PopOverTest.js.map

package/dist-esm/tests/pop-over/PopOverTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopOverTest.js","sourceRoot":"","sources":["../../../src/tests/pop-over/PopOverTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,oCAAoC,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,kDAAkD,CAAC;AAE/E,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,SAAS,MAAM,0BAA0B,CAAC;AAEjD,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,WAAW;IAEhD,YAAY,GAAG,EAAE,CAAC;QACd,KAAK,CAAC,GAAG,EAAC,CAAC,CAAC,CAAC;QACb,IAAI,CAAC,QAAQ,EAAE,CAAC;IACpB,CAAC;IAED,IAAI;QACA,IAAI,CAAC,QAAQ,GAAG;YAEZ,wBAAK;YACL,wBAAK;YACL,wBAAK;YACL,wBAAK;YACL,wBAAK;YACL,wBAAK;YACL,wBAAK;YACL,wBAAK;YACL,wBAAK;YACL,wBAAK;YACL,wBAAK;YACL,wBAAK;YACL,wBAAK;YACL,wBAAK;YACL,sBAAK,KAAK,EAAC,oBAAoB;gBAC3B,wBAAK;gBACL,wBAAK;gBACL,wBAAK;gBACL,wBAAK;gBAEL,aAAC,SAAS,mBACM,cAAc,EAC1B,KAAK,EAAE,GAAG,EAAE,CAAC;wBACT,aAAC,QAAQ,IAAC,KAAK,EAAC,WAAW,GAAE;wBAC7B,aAAC,QAAQ,IAAC,KAAK,EAAC,eAAe,GAAE;wBACjC,aAAC,QAAQ,IAAC,KAAK,EAAC,WAAW,GAAE;wBAC7B,aAAC,QAAQ,IAAC,KAAK,EAAC,eAAe,GAAE;wBACjC,aAAC,QAAQ,IAAC,KAAK,EAAC,WAAW,GAAE;wBAC7B,aAAC,QAAQ,IAAC,KAAK,EAAC,eAAe,GAAE;wBACjC,aAAC,QAAQ,IAAC,KAAK,EAAC,WAAW,GAAE;wBAC7B,aAAC,QAAQ,IAAC,KAAK,EAAC,eAAe,GAAE;wBACjC,aAAC,QAAQ,IAAC,KAAK,EAAC,WAAW,GAAE;wBAC7B,aAAC,QAAQ,IAAC,KAAK,EAAC,eAAe,GAAE;wBACjC,aAAC,QAAQ,IAAC,KAAK,EAAC,WAAW,GAAE;wBAC7B,aAAC,QAAQ,IAAC,KAAK,EAAC,eAAe,GAAE,CAC/B,cACc;gBAC5B,wBAAK;gBACL,wBAAK;gBACL,wBAAK;gBACL,wBAAK;gBACL,wBAAK;gBACL,wBAAK;gBACL,wBAAK;gBACL,wBAAK;gBACL,wBAAK;gBACL,wBAAK;gBACL,wBAAK;gBACL,wBAAK,CAEC;YACN,wBAAK;YACL,wBAAK;YACL,wBAAK;YACL,wBAAK;YACL,wBAAK;YACL,wBAAK;YACL,wBAAK;YACL,wBAAK;YACL,wBAAK;YACL,wBAAK;YACL,wBAAK;YACL,wBAAK;YACL,wBAAK;YACL,wBAAK;YACL,wBAAK;YACL,wBAAK;YACL,wBAAK;YACL,wBAAK;YACL,wBAAK;YACL,wBAAK;YACL,wBAAK;YACL,wBAAK;YACL,wBAAK;YACL,wBAAK,CAEH,CAAC;IACX,CAAC;CAGJ"}

package/dist-esm/tests/sample/ListPage.d.ts

@@ -0,0 +1,5 @@
+import Page from "../../mobile/pages/Page.js";
+export default class ListPage extends Page {
+    create(): void;
+}
+//# sourceMappingURL=ListPage.d.ts.map

package/dist-esm/tests/sample/ListPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListPage.d.ts","sourceRoot":"","sources":["../../../src/tests/sample/ListPage.tsx"],"names":[],"mappings":"AAIA,OAAO,IAAI,MAAM,4BAA4B,CAAC;AAG9C,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,IAAI;IAElC,MAAM,IAAI,IAAI;CA4BrB"}

package/dist-esm/tests/sample/ListPage.js

@@ -0,0 +1,17 @@
+import Bind from "@web-atoms/core/dist/core/Bind.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import Page from "../../mobile/pages/Page.js";
+import ListPageViewModel from "../mobile-pages/ListPageViewModel.js";
+export default class ListPage extends Page {
+    create() {
+        this.viewModel = this.resolve(ListPageViewModel);
+        this.render(XNode.create("div", { title: "List Page", for: "div" },
+            XNode.create(Page.commandTemplate, null,
+                XNode.create("div", null,
+                    XNode.create("span", { class: "fas fa-filter", eventClick: Bind.event((x) => this.viewModel.openFilter()) }),
+                    XNode.create("span", { class: "fas fa-question-circle" }))),
+            "This is a list page;",
+            XNode.create("button", { eventClick: Bind.event((x) => this.viewModel.openDetail()) }, "Open Detail Page")));
+    }
+}
+//# sourceMappingURL=ListPage.js.map

package/dist-esm/tests/sample/ListPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListPage.js","sourceRoot":"","sources":["../../../src/tests/sample/ListPage.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,mCAAmC,CAAC;AAErD,OAAO,KAAK,MAAM,oCAAoC,CAAC;AAEvD,OAAO,IAAI,MAAM,4BAA4B,CAAC;AAC9C,OAAO,iBAAiB,MAAM,sCAAsC,CAAC;AAErE,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,IAAI;IAElC,MAAM;QACZ,IAAI,CAAC,SAAS,GAAI,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAE;QAEnD,IAAI,CAAC,MAAM,CACX,sBACC,KAAK,EAAC,WAAW,EACjB,GAAG,EAAC,KAAK;YACT,aAAC,IAAI,CAAC,eAAe;gBACpB;oBACC,uBACC,KAAK,EAAC,eAAe,EACrB,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,CAAC,GACpD;oBACP,uBACC,KAAK,EAAC,wBAAwB,GACxB,CACF,CACgB;;YAIvB,yBACC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,CAAC,uBAElD,CACJ,CACL,CAAC;IACH,CAAC;CACD"}

package/dist-esm/tests/switch/SwitchTest.d.ts

@@ -0,0 +1,6 @@
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+export default class SwitchTest extends AtomControl {
+    ready: boolean;
+    create(): void;
+}
+//# sourceMappingURL=SwitchTest.d.ts.map

package/dist-esm/tests/switch/SwitchTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchTest.d.ts","sourceRoot":"","sources":["../../../src/tests/switch/SwitchTest.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,kDAAkD,CAAC;AAG/E,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,WAAW;IAExC,KAAK,EAAE,OAAO,CAAC;IAEf,MAAM;CAYhB"}

package/dist-esm/tests/switch/SwitchTest.js

@@ -0,0 +1,13 @@
+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 Switch from "../../basic/Switch.js";
+export default class SwitchTest extends AtomControl {
+    create() {
+        this.ready = false;
+        this.render(XNode.create("div", null,
+            XNode.create(Switch, { checked: Bind.twoWays(() => this.ready) }),
+            XNode.create("span", { text: Bind.oneWay(() => this.ready ? "On" : "Off") })));
+    }
+}
+//# sourceMappingURL=SwitchTest.js.map

package/dist-esm/tests/switch/SwitchTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchTest.js","sourceRoot":"","sources":["../../../src/tests/switch/SwitchTest.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,mCAAmC,CAAC;AACrD,OAAO,KAAK,MAAM,oCAAoC,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,kDAAkD,CAAC;AAC/E,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAE3C,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,WAAW;IAIxC,MAAM;QAET,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QAEnB,IAAI,CAAC,MAAM,CAAC;YACR,aAAC,MAAM,IACH,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,GACrC;YACN,uBAAM,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CACzD,CAAC,CAAC;IACZ,CAAC;CAEJ"}

package/dist-esm/tests/time-field/TimeFieldTest.d.ts

@@ -0,0 +1,15 @@
+import { AtomViewModel } from "@web-atoms/core/dist/view-model/AtomViewModel.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import DateTime from "@web-atoms/date-time/dist/DateTime.js";
+export declare class TimeFieldTestViewModel extends AtomViewModel {
+    current: DateTime;
+    currentDate: DateTime;
+    currentTime: string;
+    loadDate(): Promise<void>;
+    watchSetCurrent(): void;
+}
+export default class TimeFieldTest extends AtomControl {
+    viewModel: TimeFieldTestViewModel;
+    create(): void;
+}
+//# sourceMappingURL=TimeFieldTest.d.ts.map

package/dist-esm/tests/time-field/TimeFieldTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeFieldTest.d.ts","sourceRoot":"","sources":["../../../src/tests/time-field/TimeFieldTest.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAS,MAAM,kDAAkD,CAAC;AAExF,OAAO,EAAE,WAAW,EAAE,MAAM,kDAAkD,CAAC;AAC/E,OAAO,QAAQ,MAAM,uCAAuC,CAAC;AAK7D,qBAAa,sBAAuB,SAAQ,aAAa;IAE9C,OAAO,EAAE,QAAQ,CAAC;IAElB,WAAW,EAAE,QAAQ,CAAC;IAEtB,WAAW,EAAE,MAAM,CAAC;IAGd,QAAQ;IAOd,eAAe;CAIzB;AAED,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,WAAW;IAEnC,SAAS,EAAE,sBAAsB,CAAC;IAE1C,MAAM;CAmBhB"}

package/dist-esm/tests/time-field/TimeFieldTest.js

@@ -0,0 +1,46 @@
+import { __decorate, __metadata } from "tslib";
+import Bind from "@web-atoms/core/dist/core/Bind.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import { AtomViewModel, Watch } from "@web-atoms/core/dist/view-model/AtomViewModel.js";
+import Load from "@web-atoms/core/dist/view-model/Load.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import DateTime from "@web-atoms/date-time/dist/DateTime.js";
+import TimeSpan from "@web-atoms/date-time/dist/TimeSpan.js";
+import AtomDateField from "../../date-field/AtomDateField.js";
+import AtomTimeField from "../../time-field/AtomTimeField.js";
+export class TimeFieldTestViewModel extends AtomViewModel {
+    async loadDate() {
+        this.current = DateTime.utcNow;
+        this.currentDate = this.current.date;
+        this.currentTime = this.current.time.toString(true);
+    }
+    watchSetCurrent() {
+        const ts = this.currentTime ? TimeSpan.parse(this.currentTime) : TimeSpan.fromSeconds(0);
+        this.current = this.currentDate.add(ts);
+    }
+}
+__decorate([
+    Load({ init: true }),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", Promise)
+], TimeFieldTestViewModel.prototype, "loadDate", null);
+__decorate([
+    Watch,
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], TimeFieldTestViewModel.prototype, "watchSetCurrent", null);
+export default class TimeFieldTest extends AtomControl {
+    create() {
+        this.viewModel = this.resolve(TimeFieldTestViewModel);
+        this.render(XNode.create("div", null,
+            XNode.create(AtomDateField, { selectedDate: Bind.twoWays(() => this.viewModel.currentDate) }),
+            XNode.create(AtomTimeField, { time: Bind.twoWays(() => this.viewModel.currentTime) }),
+            XNode.create("div", null,
+                XNode.create("span", { text: Bind.oneWay(() => this.viewModel.current.toLocaleString()) })),
+            XNode.create("div", null,
+                XNode.create("span", { text: Bind.oneWay(() => this.viewModel.currentTime) }))));
+    }
+}
+//# sourceMappingURL=TimeFieldTest.js.map

package/dist-esm/tests/time-field/TimeFieldTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeFieldTest.js","sourceRoot":"","sources":["../../../src/tests/time-field/TimeFieldTest.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,mCAAmC,CAAC;AAErD,OAAO,KAAK,MAAM,oCAAoC,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,kDAAkD,CAAC;AACxF,OAAO,IAAI,MAAM,yCAAyC,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,kDAAkD,CAAC;AAC/E,OAAO,QAAQ,MAAM,uCAAuC,CAAC;AAC7D,OAAO,QAAQ,MAAM,uCAAuC,CAAC;AAC7D,OAAO,aAAa,MAAM,mCAAmC,CAAC;AAC9D,OAAO,aAAa,MAAM,mCAAmC,CAAC;AAE9D,MAAM,OAAO,sBAAuB,SAAQ,aAAa;IASxC,AAAN,KAAK,CAAC,QAAQ;QACjB,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,MAAM,CAAC;QAC/B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;QACrC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACxD,CAAC;IAGM,eAAe;QAClB,MAAM,EAAE,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;QACzF,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;IAC5C,CAAC;CACJ;AAXgB;IADZ,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;;;;sDAKpB;AAGM;IADN,KAAK;;;;6DAIL;AAGL,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,WAAW;IAI3C,MAAM;QACT,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,sBAAsB,CAAC,CAAC;QAEtD,IAAI,CAAC,MAAM,CAAC;YACR,aAAC,aAAa,IACV,YAAY,EAAE,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,GAC1D;YACN,aAAC,aAAa,IACV,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,GAClD;YACN;gBACI,uBAAM,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,cAAc,EAAE,CAAC,GAAS,CAC7E;YACN;gBACI,uBAAM,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,GAAS,CAChE,CACJ,CAAC,CAAC;IACZ,CAAC;CAEJ"}

package/dist-esm/tests/toggle-button-bar/ToggleButtonBarTest.d.ts

@@ -0,0 +1,5 @@
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+export default class ButtonBarTest extends AtomControl {
+    protected create(): void;
+}
+//# sourceMappingURL=ToggleButtonBarTest.d.ts.map

package/dist-esm/tests/toggle-button-bar/ToggleButtonBarTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButtonBarTest.d.ts","sourceRoot":"","sources":["../../../src/tests/toggle-button-bar/ToggleButtonBarTest.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,kDAAkD,CAAC;AAS/E,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,WAAW;IAElD,SAAS,CAAC,MAAM,IAAI,IAAI;CAQ3B"}

package/dist-esm/tests/toggle-button-bar/ToggleButtonBarTest.js

@@ -0,0 +1,20 @@
+import { __decorate } from "tslib";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import Pack from "@web-atoms/core/dist/Pack.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import AtomButtonBar from "../../button-bar/AtomButtonBar.js";
+const genders = [
+    { label: "Male", value: "Male" },
+    { label: "Female", value: "Female" }
+];
+let ButtonBarTest = class ButtonBarTest extends AtomControl {
+    create() {
+        this.render(XNode.create("div", null,
+            XNode.create(AtomButtonBar, { items: genders })));
+    }
+};
+ButtonBarTest = __decorate([
+    Pack
+], ButtonBarTest);
+export default ButtonBarTest;
+//# sourceMappingURL=ToggleButtonBarTest.js.map

package/dist-esm/tests/toggle-button-bar/ToggleButtonBarTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButtonBarTest.js","sourceRoot":"","sources":["../../../src/tests/toggle-button-bar/ToggleButtonBarTest.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,oCAAoC,CAAC;AACvD,OAAO,IAAI,MAAM,8BAA8B,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,kDAAkD,CAAC;AAC/E,OAAO,aAAa,MAAM,mCAAmC,CAAC;AAE9D,MAAM,OAAO,GAAG;IACZ,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;IAChC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;CACvC,CAAC;AAGa,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,WAAW;IAExC,MAAM;QACZ,IAAI,CAAC,MAAM,CAAC;YACR,aAAC,aAAa,IACV,KAAK,EAAE,OAAO,GACZ,CACJ,CAAC,CAAC;IACZ,CAAC;CAEJ,CAAA;AAVoB,aAAa;IADjC,IAAI;GACgB,aAAa,CAUjC;eAVoB,aAAa"}

package/dist-esm/tests/toggle-view/ToggleViewTest.d.ts

@@ -0,0 +1,6 @@
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import "./ToggleView.local.css";
+export default class ToggleViewTest extends AtomControl {
+    protected create(): void;
+}
+//# sourceMappingURL=ToggleViewTest.d.ts.map

package/dist-esm/tests/toggle-view/ToggleViewTest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleViewTest.d.ts","sourceRoot":"","sources":["../../../src/tests/toggle-view/ToggleViewTest.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,kDAAkD,CAAC;AAE/E,OAAO,wBAAwB,CAAC;AAKhC,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,WAAW;IAEnD,SAAS,CAAC,MAAM,IAAI,IAAI;CA8B3B"}

package/dist-esm/tests/toggle-view/ToggleViewTest.js

@@ -0,0 +1,30 @@
+import { __decorate } from "tslib";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import Pack from "@web-atoms/core/dist/Pack.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import AtomToggleView, { ToggleView } from "../../toggle-view/AtomToggleView.js";
+import "./ToggleView.local.css";
+const css = "toggle-view-test";
+let ToggleViewTest = class ToggleViewTest extends AtomControl {
+    create() {
+        this.render(XNode.create("div", { class: css },
+            XNode.create(AtomToggleView, null,
+                XNode.create(ToggleView, { icon: "fad fa-plus", label: "First" },
+                    XNode.create("div", null,
+                        XNode.create("h3", null, "First View"),
+                        XNode.create("div", null, "First View Content"))),
+                XNode.create(ToggleView, { label: "Second" },
+                    XNode.create("div", null,
+                        XNode.create("h3", null, "Second View"),
+                        XNode.create("div", null, "Second View Content"))),
+                XNode.create(ToggleView, { label: "Third" },
+                    XNode.create("div", null,
+                        XNode.create("h3", null, "Third View"),
+                        XNode.create("div", null, "Third View Content"))))));
+    }
+};
+ToggleViewTest = __decorate([
+    Pack
+], ToggleViewTest);
+export default ToggleViewTest;
+//# sourceMappingURL=ToggleViewTest.js.map

package/dist-esm/tests/toggle-view/ToggleViewTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleViewTest.js","sourceRoot":"","sources":["../../../src/tests/toggle-view/ToggleViewTest.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,oCAAoC,CAAC;AACvD,OAAO,IAAI,MAAM,8BAA8B,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,kDAAkD,CAAC;AAC/E,OAAO,cAAc,EAAE,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACjF,OAAO,wBAAwB,CAAC;AAEhC,MAAM,GAAG,GAAG,kBAAkB,CAAC;AAGhB,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,WAAW;IAEzC,MAAM;QACZ,IAAI,CAAC,MAAM,CAAC,sBAAK,KAAK,EAAE,GAAG;YACvB,aAAC,cAAc;gBACX,aAAC,UAAU,IAAC,IAAI,EAAC,aAAa,EAAC,KAAK,EAAC,OAAO;oBACxC;wBACI,sCAAmB;wBACnB,+CAEM,CACJ,CACG;gBACb,aAAC,UAAU,IAAC,KAAK,EAAC,QAAQ;oBACtB;wBACI,uCAAoB;wBACpB,gDAEM,CACJ,CACG;gBACb,aAAC,UAAU,IAAC,KAAK,EAAC,OAAO;oBACrB;wBACI,sCAAmB;wBACnB,+CAEM,CACJ,CACG,CACA,CACf,CAAC,CAAC;IACZ,CAAC;CACJ,CAAA;AAhCoB,cAAc;IADlC,IAAI;GACgB,cAAc,CAgClC;eAhCoB,cAAc"}

package/dist-esm/time-field/AtomTimeField.d.ts

@@ -0,0 +1,17 @@
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+export interface ITimeInfo {
+    hour: number;
+    minutes: number;
+    zone: string;
+}
+export default class AtomTimeField extends AtomControl {
+    time: string;
+    hour: number;
+    minutes: number;
+    zone: string;
+    ts: ITimeInfo;
+    preCreate(): void;
+    create(): void;
+    private changed;
+}
+//# sourceMappingURL=AtomTimeField.d.ts.map

package/dist-esm/time-field/AtomTimeField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AtomTimeField.d.ts","sourceRoot":"","sources":["../../src/time-field/AtomTimeField.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,kDAAkD,CAAC;AA8B/E,MAAM,WAAW,SAAS;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,WAAW;IAG3C,IAAI,EAAE,MAAM,CAAC;IAGb,IAAI,EAAE,MAAM,CAAC;IAGb,OAAO,EAAE,MAAM,CAAC;IAGhB,IAAI,EAAE,MAAM,CAAC;IAGb,EAAE,EAAE,SAAS,CAAC;IAEd,SAAS;IAmBT,MAAM;IAyBb,OAAO,CAAC,OAAO;CAIlB"}

package/dist-esm/time-field/AtomTimeField.js

@@ -0,0 +1,71 @@
+import { __decorate, __metadata } from "tslib";
+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 { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import { AtomToggleButtonBar } from "@web-atoms/core/dist/web/controls/AtomToggleButtonBar.js";
+import TimeSpan from "@web-atoms/date-time/dist/TimeSpan.js";
+import AtomTimeFieldStyle from "./AtomTimeFieldStyle.js";
+const zones = [
+    { label: "AM", value: "AM" },
+    { label: "PM", value: "PM" }
+];
+function toTimeString(ts) {
+    const h = ts.zone === "AM" ? ts.hour : ts.hour + 12;
+    const t = new TimeSpan(0, h, ts.minutes);
+    return t.toString(true);
+}
+function fromTimeString(t, ti) {
+    if (!t) {
+        return ti;
+    }
+    const ts = TimeSpan.parse(t);
+    const isMorning = ts.totalMinutes < 12 * 60;
+    ti = ti || {};
+    ti.hour = isMorning ? ts.hours : ts.hours - 12;
+    ti.minutes = ts.minutes;
+    ti.zone = isMorning ? "AM" : "PM";
+    return ti;
+}
+export default class AtomTimeField extends AtomControl {
+    preCreate() {
+        super.preCreate();
+        this.defaultControlStyle = AtomTimeFieldStyle;
+        this.registerDisposable(new PropertyBinding(this, this.element, "time", [["this", "ts"]], true, {
+            fromSource: (v) => toTimeString(v),
+            fromTarget: (v) => fromTimeString(v, this.ts)
+        }, this));
+    }
+    create() {
+        this.render(XNode.create("div", { class: this.controlStyle.name, time: Bind.oneWay(() => this.changed(this.ts.hour, this.ts.minutes, this.ts.zone)) },
+            XNode.create("input", { class: "hour", type: "number", max: "12", min: "0", value: Bind.twoWaysImmediate(() => this.ts.hour) }),
+            XNode.create("input", { class: "minutes", type: "number", min: "0", max: "59", value: Bind.twoWaysImmediate(() => this.ts.minutes) }),
+            XNode.create(AtomToggleButtonBar, { items: zones, value: Bind.twoWays(() => this.ts.zone) })));
+    }
+    changed(hour, minutes, zone) {
+        const n = { hour, minutes, zone };
+        return toTimeString(n);
+    }
+}
+__decorate([
+    BindableProperty,
+    __metadata("design:type", String)
+], AtomTimeField.prototype, "time", void 0);
+__decorate([
+    BindableProperty,
+    __metadata("design:type", Number)
+], AtomTimeField.prototype, "hour", void 0);
+__decorate([
+    BindableProperty,
+    __metadata("design:type", Number)
+], AtomTimeField.prototype, "minutes", void 0);
+__decorate([
+    BindableProperty,
+    __metadata("design:type", String)
+], AtomTimeField.prototype, "zone", void 0);
+__decorate([
+    BindableProperty,
+    __metadata("design:type", Object)
+], AtomTimeField.prototype, "ts", void 0);
+//# sourceMappingURL=AtomTimeField.js.map

package/dist-esm/time-field/AtomTimeField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AtomTimeField.js","sourceRoot":"","sources":["../../src/time-field/AtomTimeField.tsx"],"names":[],"mappings":"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"}