@web-atoms/web-controls 2.6.4 → 2.6.6

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

@@ -3,80 +3,40 @@ 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
+  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));
+  }
+}

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

@@ -3,11 +3,12 @@ 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
+  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")
+    })));
+  }
+}

package/dist-esm/tests/toggle-view/ToggleView.local.css

@@ -0,0 +1,2 @@
+.toggle-view-test{bottom:0;display:flex;left:0;position:absolute;right:0;top:0}
+/*# sourceMappingURL=ToggleView.local.css.map */

package/dist-esm/tests/toggle-view/ToggleView.local.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/tests/toggle-view/ToggleView.local.css"],"names":[],"mappings":"AAAA,kBAMI,QAAW,CALX,YAAa,CAGb,MAAS,CAFT,iBAAkB,CAGlB,OAAU,CAFV,KAKJ","file":"ToggleView.local.css"}

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

@@ -3,28 +3,21 @@ 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";
+ESMPack.installStyleSheet(import.meta.resolve("./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"))))));
-    }
+  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
+ToggleViewTest = __decorate([Pack], ToggleViewTest);
+export default ToggleViewTest;

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

@@ -0,0 +1,45 @@
+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/toggle-view/AtomToggleView.js";
+import "@web-atoms/core/dist/core/Bind.js";
+import "@web-atoms/core/dist/core/BindableProperty.js";
+import "@web-atoms/core/dist/view-model/Action.js";
+import "@web-atoms/core/dist/core/AtomComponent.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/ExpressionParser.js";
+import "@web-atoms/core/dist/core/types.js";
+import "@web-atoms/core/dist/core/AtomBinder.js";
+import "@web-atoms/core/dist/App.js";
+import "@web-atoms/core/dist/core/EventScope.js";
+import "@web-atoms/core/dist/core/StringHelper.js";
+import "@web-atoms/core/dist/services/http/JsonError.js";
+import "@web-atoms/core/dist/web/services/PopupService.js";
+import "@web-atoms/core/dist/core/Route.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/web/core/AtomUI.js";
+import "@web-atoms/core/dist/core/AtomMap.js";
+import "@web-atoms/date-time/dist/DateTime.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/TimeSpan.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/di/Register.js";
+import "@web-atoms/core/dist/di/ServiceCollection.js";
+import "@web-atoms/core/dist/core/TransientDisposable.js";
+import "@web-atoms/core/dist/core/sleep.js";
+import app from "@web-atoms/web-controls/dist-esm/tests/toggle-view/ToggleViewTest.js";
+export default app;

package/dist-esm/toggle-view/AtomToggleView.js

@@ -2,80 +2,84 @@ import { __decorate, __metadata } from "tslib";
 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";
+ESMPack.installStyleSheet(import.meta.resolve("../basic/styles/toggle-view.global.css"));
 import Action from "@web-atoms/core/dist/view-model/Action.js";
-export function ToggleView({ icon, label }, ...nodes) {
-    return XNode.create("div", null,
-        XNode.create("div", null,
-            XNode.create("i", { class: icon }),
-            XNode.create("label", { text: label })),
-        XNode.create("div", null, ...nodes));
+export function ToggleView({
+  icon,
+  label
+}, ...nodes) {
+  return XNode.create("div", null, XNode.create("div", null, XNode.create("i", {
+    class: icon
+  }), XNode.create("label", {
+    text: label
+  })), XNode.create("div", null, ...nodes));
 }
-export default function AtomToggleView({ selectedIndex, ...a }, ...nodes) {
-    const headers = [];
-    const views = [];
-    let n = 0;
-    for (const iterator of nodes) {
-        const i = n++;
-        const header = iterator.children[0];
-        const ha = (header.attributes ??= {});
-        ha["data-element"] = "header";
-        ha["data-click-event"] = "header-click";
-        ha["data-header-index"] = i.toString();
-        const view = iterator.children[1];
-        const a = (view.attributes ??= {});
-        a["data-element"] = "view";
-        a["data-left"] = i < selectedIndex;
-        a["data-right"] = i > selectedIndex;
-        a["data-selected"] = i === selectedIndex;
-        headers.push(header);
-        views.push(view);
+export default function AtomToggleView({
+  selectedIndex,
+  ...a
+}, ...nodes) {
+  const headers = [];
+  const views = [];
+  let n = 0;
+  for (const iterator of nodes) {
+    const i = n++;
+    const header = iterator.children[0];
+    const ha = header.attributes ??= {};
+    ha["data-element"] = "header";
+    ha["data-click-event"] = "header-click";
+    ha["data-header-index"] = i.toString();
+    const view = iterator.children[1];
+    const a = view.attributes ??= {};
+    a["data-element"] = "view";
+    a["data-left"] = i < selectedIndex;
+    a["data-right"] = i > selectedIndex;
+    a["data-selected"] = i === selectedIndex;
+    headers.push(header);
+    views.push(view);
+  }
+  class AtomToggleViewControl extends AtomControl {
+    onPropertyChanged(name) {
+      super.onPropertyChanged(name);
+      if (name === "selectedIndex") {
+        this.updateViews();
+      }
     }
-    class AtomToggleViewControl extends AtomControl {
-        onPropertyChanged(name) {
-            super.onPropertyChanged(name);
-            if (name === "selectedIndex") {
-                this.updateViews();
-            }
-        }
-        preCreate() {
-            this.selectedIndex = 0;
-            this.runAfterInit(() => this.updateViews());
-        }
-        onHeaderClick({ headerIndex }) {
-            this.selectedIndex = parseInt(headerIndex, 0);
-        }
-        updateViews() {
-            const pe = this.element.parentElement;
-            if (!pe) {
-                return;
-            }
-            let ai = 0;
-            for (const child of Array.from(pe.querySelectorAll(`[data-element="view"]`))) {
-                const i = ai++;
-                child.setAttribute("data-left", (i < this.selectedIndex).toString());
-                child.setAttribute("data-right", (i > this.selectedIndex).toString());
-                child.setAttribute("data-selected", (i === this.selectedIndex).toString());
-            }
-            ai = 0;
-            for (const child of Array.from(pe.querySelectorAll(`[data-element="header"]`))) {
-                const i = ai++;
-                child.setAttribute("data-selected", (i === this.selectedIndex).toString());
-            }
-        }
+    preCreate() {
+      this.selectedIndex = 0;
+      this.runAfterInit(() => this.updateViews());
     }
-    __decorate([
-        BindableProperty,
-        __metadata("design:type", Number)
-    ], AtomToggleViewControl.prototype, "selectedIndex", void 0);
-    __decorate([
-        Action({ onEvent: "header-click" }),
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [Object]),
-        __metadata("design:returntype", void 0)
-    ], AtomToggleViewControl.prototype, "onHeaderClick", null);
-    return XNode.create("div", { ...a, "data-wa-toggle-view": "wa-toggle-view" },
-        XNode.create(AtomToggleViewControl, { class: "toolbar" }, ...headers),
-        ...views);
-}
-//# sourceMappingURL=AtomToggleView.js.map
+    onHeaderClick({
+      headerIndex
+    }) {
+      this.selectedIndex = parseInt(headerIndex, 0);
+    }
+    updateViews() {
+      const pe = this.element.parentElement;
+      if (!pe) {
+        return;
+      }
+      let ai = 0;
+      for (const child of Array.from(pe.querySelectorAll(`[data-element="view"]`))) {
+        const i = ai++;
+        child.setAttribute("data-left", (i < this.selectedIndex).toString());
+        child.setAttribute("data-right", (i > this.selectedIndex).toString());
+        child.setAttribute("data-selected", (i === this.selectedIndex).toString());
+      }
+      ai = 0;
+      for (const child of Array.from(pe.querySelectorAll(`[data-element="header"]`))) {
+        const i = ai++;
+        child.setAttribute("data-selected", (i === this.selectedIndex).toString());
+      }
+    }
+  }
+  __decorate([BindableProperty, __metadata("design:type", Number)], AtomToggleViewControl.prototype, "selectedIndex", void 0);
+  __decorate([Action({
+    onEvent: "header-click"
+  }), __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", void 0)], AtomToggleViewControl.prototype, "onHeaderClick", null);
+  return XNode.create("div", {
+    ...a,
+    "data-wa-toggle-view": "wa-toggle-view"
+  }, XNode.create(AtomToggleViewControl, {
+    class: "toolbar"
+  }, ...headers), ...views);
+}