@web-atoms/web-controls 2.6.5 → 2.6.7

package/dist-esm/desktop-app/DesktopApp.js

@@ -4,92 +4,77 @@ 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 MobileApp from "../mobile-app/MobileApp.js";
-import "../styles/desktop-app.global.css";
+ESMPack.installStyleSheet(import.meta.resolve("../styles/desktop-app.global.css"));
 import Action from "@web-atoms/core/dist/view-model/Action.js";
 export default class DesktopApp extends AtomControl {
-    onPropertyChanged(name) {
-        super.onPropertyChanged(name);
-        if (!this.initialized) {
-            return;
-        }
-        switch (name) {
-            case "statusBarRenderer":
-                this.recreate(name, "status-bar");
-                break;
-            case "menuRenderer":
-                this.recreate(name, "menu-renderer");
-                break;
-            case "sideBarRenderer":
-                this.recreate(name, "side-bar");
-                break;
-        }
+  onPropertyChanged(name) {
+    super.onPropertyChanged(name);
+    if (!this.initialized) {
+      return;
     }
-    init() {
+    switch (name) {
+      case "statusBarRenderer":
+        this.recreate(name, "status-bar");
+        break;
+      case "menuRenderer":
+        this.recreate(name, "menu-renderer");
+        break;
+      case "sideBarRenderer":
+        this.recreate(name, "side-bar");
+        break;
     }
-    recreate(renderer, name, remove = true) {
-        const node = this[renderer]?.() ?? undefined;
-        if (remove) {
-            for (const e of ChildEnumerator.enumerate(this.element)) {
-                if (e.dataset.pageElement === name) {
-                    this.dispose(e);
-                    e.remove();
-                    break;
-                }
-            }
-        }
-        if (node) {
-            const na = node.attributes ??= {};
-            na["data-page-element"] = name;
-            this.render(XNode.create("div", null, node));
-            return this.element.querySelector(`[data-page-element="${name}"]`);
+  }
+  init() {}
+  recreate(renderer, name, remove = true) {
+    const node = this[renderer]?.() ?? undefined;
+    if (remove) {
+      for (const e of ChildEnumerator.enumerate(this.element)) {
+        if (e.dataset.pageElement === name) {
+          this.dispose(e);
+          e.remove();
+          break;
         }
-        return null;
+      }
     }
-    create() {
-        this.render(XNode.create("div", { "data-desktop-app": "desktop-app" },
-            XNode.create(MobileApp, { "data-page-element": "app" })));
-        this.recreate("menuRenderer", "menu-renderer", false);
-        this.recreate("sideBarRenderer", "side-bar", false);
-        this.recreate("statusBarRenderer", "status-bar", false);
-        this.initialized = true;
-        this.runAfterInit(() => {
-            this.app.runAsync(() => this.init());
-        });
-    }
-    onIconClick() {
-        if (this.element.hasAttribute("drawer-hidden")) {
-            this.element.removeAttribute("drawer-hidden");
-        }
-        else {
-            this.element.setAttribute("drawer-hidden", "1");
-        }
+    if (node) {
+      const na = node.attributes ??= {};
+      na["data-page-element"] = name;
+      this.render(XNode.create("div", null, node));
+      return this.element.querySelector(`[data-page-element="${name}"]`);
     }
-    onHideDrawer() {
-        this.element.setAttribute("drawer-hidden", "1");
+    return null;
+  }
+  create() {
+    this.render(XNode.create("div", {
+      "data-desktop-app": "desktop-app"
+    }, XNode.create(MobileApp, {
+      "data-page-element": "app"
+    })));
+    this.recreate("menuRenderer", "menu-renderer", false);
+    this.recreate("sideBarRenderer", "side-bar", false);
+    this.recreate("statusBarRenderer", "status-bar", false);
+    this.initialized = true;
+    this.runAfterInit(() => {
+      this.app.runAsync(() => this.init());
+    });
+  }
+  onIconClick() {
+    if (this.element.hasAttribute("drawer-hidden")) {
+      this.element.removeAttribute("drawer-hidden");
+    } else {
+      this.element.setAttribute("drawer-hidden", "1");
     }
+  }
+  onHideDrawer() {
+    this.element.setAttribute("drawer-hidden", "1");
+  }
 }
-__decorate([
-    BindableProperty,
-    __metadata("design:type", Function)
-], DesktopApp.prototype, "menuRenderer", void 0);
-__decorate([
-    BindableProperty,
-    __metadata("design:type", Function)
-], DesktopApp.prototype, "sideBarRenderer", void 0);
-__decorate([
-    BindableProperty,
-    __metadata("design:type", Function)
-], DesktopApp.prototype, "statusBarRenderer", void 0);
-__decorate([
-    Action({ onEvent: "iconClick" }),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], DesktopApp.prototype, "onIconClick", null);
-__decorate([
-    Action({ onEvent: "hideDrawer" }),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], DesktopApp.prototype, "onHideDrawer", null);
-//# sourceMappingURL=DesktopApp.js.map
+__decorate([BindableProperty, __metadata("design:type", Function)], DesktopApp.prototype, "menuRenderer", void 0);
+__decorate([BindableProperty, __metadata("design:type", Function)], DesktopApp.prototype, "sideBarRenderer", void 0);
+__decorate([BindableProperty, __metadata("design:type", Function)], DesktopApp.prototype, "statusBarRenderer", void 0);
+__decorate([Action({
+  onEvent: "iconClick"
+}), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", void 0)], DesktopApp.prototype, "onIconClick", null);
+__decorate([Action({
+  onEvent: "hideDrawer"
+}), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", void 0)], DesktopApp.prototype, "onHideDrawer", null);

package/dist-esm/desktop-app/MobileDesktopApp.js

@@ -5,28 +5,25 @@ import XNode from "@web-atoms/core/dist/core/XNode.js";
 import PopupService from "@web-atoms/core/dist/web/services/PopupService.js";
 const T = isMobileView ? MobileApp : DesktopApp;
 export default class MobileDesktopApp extends T {
-    get drawerMenu() {
-        return this.menu;
+  get drawerMenu() {
+    return this.menu;
+  }
+  set drawerMenu(v) {
+    this.menu = v;
+    if (this.mobileApp) {
+      this.mobileApp.drawer = v;
+    } else {
+      this.desktopApp.menuRenderer = () => XNode.create(v, {});
     }
-    set drawerMenu(v) {
-        this.menu = v;
-        if (this.mobileApp) {
-            this.mobileApp.drawer = v;
-        }
-        else {
-            this.desktopApp.menuRenderer = () => XNode.create(v, {});
-        }
+  }
+  preCreate() {
+    MobileDesktopApp.current = this;
+    super.preCreate();
+    if (isMobileView) {
+      this.mobileApp = this;
+    } else {
+      this.desktopApp = this;
     }
-    preCreate() {
-        MobileDesktopApp.current = this;
-        super.preCreate();
-        if (isMobileView) {
-            this.mobileApp = this;
-        }
-        else {
-            this.desktopApp = this;
-        }
-        this.runAfterInit(() => PopupService.lastTarget = this.element);
-    }
-}
-//# sourceMappingURL=MobileDesktopApp.js.map
+    this.runAfterInit(() => PopupService.lastTarget = this.element);
+  }
+}