@web-atoms/core 2.6.21 → 2.6.25

package/dist-esm/web/styles/AtomNotificationStyle.js

@@ -1,23 +1,22 @@
 import Colors from "../../core/Colors.js";
 import { AtomStyle } from "./AtomStyle.js";
 export default class AtomNotificationStyle extends AtomStyle {
-    get root() {
-        return {
-            padding: "5px",
-            borderRadius: "5px",
-            border: "solid 1px lightgray",
-            fontFamily: "Verdana, Geneva, sans-serif",
-            fontSize: "16px",
-            subclasses: {
-                ".error": {
-                    borderColor: Colors.red,
-                    color: Colors.red,
-                },
-                ".warning": {
-                    backgroundColor: Colors.lightYellow
-                }
-            }
-        };
-    }
-}
-//# sourceMappingURL=AtomNotificationStyle.js.map
+  get root() {
+    return {
+      padding: "5px",
+      borderRadius: "5px",
+      border: "solid 1px lightgray",
+      fontFamily: "Verdana, Geneva, sans-serif",
+      fontSize: "16px",
+      subclasses: {
+        ".error": {
+          borderColor: Colors.red,
+          color: Colors.red
+        },
+        ".warning": {
+          backgroundColor: Colors.lightYellow
+        }
+      }
+    };
+  }
+}

package/dist-esm/web/styles/AtomPageLinkStyle.js

@@ -1,14 +1,13 @@
 import { AtomStyle } from "./AtomStyle.js";
 export default class AtomPageLinkStyle extends AtomStyle {
-    get root() {
-        return {
-            subclasses: {
-                ".page": this.page
-            }
-        };
-    }
-    get page() {
-        return {};
-    }
-}
-//# sourceMappingURL=AtomPageLinkStyle.js.map
+  get root() {
+    return {
+      subclasses: {
+        ".page": this.page
+      }
+    };
+  }
+  get page() {
+    return {};
+  }
+}

package/dist-esm/web/styles/AtomPopupStyle.js

@@ -1,12 +1,11 @@
 import { AtomStyle } from "../styles/AtomStyle.js";
 export class AtomPopupStyle extends AtomStyle {
-    get root() {
-        return {
-            backgroundColor: "white",
-            border: "solid 1px lightgray",
-            padding: "5px",
-            borderRadius: "5px"
-        };
-    }
-}
-//# sourceMappingURL=AtomPopupStyle.js.map
+  get root() {
+    return {
+      backgroundColor: "white",
+      border: "solid 1px lightgray",
+      padding: "5px",
+      borderRadius: "5px"
+    };
+  }
+}

package/dist-esm/web/styles/AtomStyle.js

@@ -1,72 +1,69 @@
 import { StringHelper } from "../../core/StringHelper.js";
 const emptyPrototype = Object.getPrototypeOf({});
 export class AtomStyle {
-    constructor(styleSheet, name) {
-        this.styleSheet = styleSheet;
-        this.name = name;
-        this.styleText = null;
-        this.name = this.name + "-root";
+  constructor(styleSheet, name) {
+    this.styleSheet = styleSheet;
+    this.name = name;
+    this.styleText = null;
+    this.name = this.name + "-root";
+  }
+  getBaseProperty(tc, name) {
+    let c = tc;
+    do {
+      c = Object.getPrototypeOf(c);
+      if (!c) {
+        throw new Error("No property descriptor found for " + name);
+      }
+      const pd = Object.getOwnPropertyDescriptor(c.prototype, name);
+      if (!pd) {
+        continue;
+      }
+      return pd.get.apply(this);
+    } while (true);
+  }
+  build() {
+    if (this.styleText) {
+      return;
     }
-    getBaseProperty(tc, name) {
-        let c = tc;
-        do {
-            c = Object.getPrototypeOf(c);
-            if (!c) {
-                throw new Error("No property descriptor found for " + name);
-            }
-            const pd = Object.getOwnPropertyDescriptor(c.prototype, name);
-            if (!pd) {
-                continue;
-            }
-            return pd.get.apply(this);
-        } while (true);
-    }
-    build() {
-        if (this.styleText) {
-            return;
+    this.styleText = this.createStyleText("", [], this.root).join("\n");
+  }
+  toString() {
+    return this.styleText;
+  }
+  createStyleText(name, pairs, styles) {
+    const styleList = [];
+    for (const key in styles) {
+      if (styles.hasOwnProperty(key)) {
+        if (/^(\_\$\_|className$|toString$)/i.test(key)) {
+          continue;
         }
-        this.styleText = this.createStyleText("", [], this.root).join("\n");
-    }
-    toString() {
-        return this.styleText;
-    }
-    createStyleText(name, pairs, styles) {
-        const styleList = [];
-        for (const key in styles) {
-            if (styles.hasOwnProperty(key)) {
-                if (/^(\_\$\_|className$|toString$)/i.test(key)) {
-                    continue;
-                }
-                const element = styles[key];
-                if (element === undefined || element === null) {
-                    continue;
-                }
-                const keyName = StringHelper.fromCamelToHyphen(key);
-                if (key === "subclasses") {
-                    const n = name;
-                    for (const subclassKey in element) {
-                        if (element.hasOwnProperty(subclassKey)) {
-                            const ve = element[subclassKey];
-                            pairs = this.createStyleText(`${n}${subclassKey}`, pairs, ve);
-                        }
-                    }
-                }
-                else {
-                    if (element.url) {
-                        styleList.push(`${keyName}: url(${element})`);
-                    }
-                    else {
-                        styleList.push(`${keyName}: ${element}`);
-                    }
-                }
-            }
+        const element = styles[key];
+        if (element === undefined || element === null) {
+          continue;
         }
-        const cname = StringHelper.fromCamelToHyphen(name);
-        const styleClassName = `${this.name}${cname}`;
-        if (styleList.length) {
-            pairs.push(`.${styleClassName} { ${styleList.join(";\r\n")}; }`);
+        const keyName = StringHelper.fromCamelToHyphen(key);
+        if (key === "subclasses") {
+          const n = name;
+          for (const subclassKey in element) {
+            if (element.hasOwnProperty(subclassKey)) {
+              const ve = element[subclassKey];
+              pairs = this.createStyleText(`${n}${subclassKey}`, pairs, ve);
+            }
+          }
+        } else {
+          if (element.url) {
+            styleList.push(`${keyName}: url(${element})`);
+          } else {
+            styleList.push(`${keyName}: ${element}`);
+          }
         }
-        return pairs;
+      }
+    }
+    const cname = StringHelper.fromCamelToHyphen(name);
+    const styleClassName = `${this.name}${cname}`;
+    if (styleList.length) {
+      pairs.push(`.${styleClassName} { ${styleList.join(";\r\n")}; }`);
     }
-}
-//# sourceMappingURL=AtomStyle.js.map
+    return pairs;
+  }
+}

package/dist-esm/web/styles/AtomStyleSheet.js

@@ -1,58 +1,57 @@
 import { TypeKey } from "../../di/TypeKey.js";
 export class AtomStyleSheet {
-    constructor(app, name) {
-        this.app = app;
-        this.name = name;
-        this.styles = {};
-        this.lastUpdateId = 0;
-        this.isAttaching = false;
-        this.pushUpdate(0);
+  constructor(app, name) {
+    this.app = app;
+    this.name = name;
+    this.styles = {};
+    this.lastUpdateId = 0;
+    this.isAttaching = false;
+    this.pushUpdate(0);
+  }
+  getNamedStyle(c) {
+    const name = TypeKey.getName(c);
+    return this.createNamedStyle(c, name);
+  }
+  createNamedStyle(c, name, updateTimeout) {
+    const style = this.styles[name] = new c(this, `${this.name}-${name}`);
+    style.build();
+    this.pushUpdate(updateTimeout);
+    return style;
+  }
+  onPropertyChanging(name, newValue, oldValue) {
+    this.pushUpdate();
+  }
+  pushUpdate(delay = 1) {
+    if (this.isAttaching) {
+      return;
     }
-    getNamedStyle(c) {
-        const name = TypeKey.getName(c);
-        return this.createNamedStyle(c, name);
+    if (delay === 0) {
+      this.attach();
+      return;
     }
-    createNamedStyle(c, name, updateTimeout) {
-        const style = this.styles[name] = new (c)(this, `${this.name}-${name}`);
-        style.build();
-        this.pushUpdate(updateTimeout);
-        return style;
+    if (this.lastUpdateId) {
+      clearTimeout(this.lastUpdateId);
     }
-    onPropertyChanging(name, newValue, oldValue) {
-        this.pushUpdate();
+    this.lastUpdateId = setTimeout(() => {
+      this.attach();
+    }, delay);
+  }
+  dispose() {
+    if (this.styleElement) {
+      this.styleElement.remove();
     }
-    pushUpdate(delay = 1) {
-        if (this.isAttaching) {
-            return;
-        }
-        if (delay === 0) {
-            this.attach();
-            return;
-        }
-        if (this.lastUpdateId) {
-            clearTimeout(this.lastUpdateId);
-        }
-        this.lastUpdateId = setTimeout(() => {
-            this.attach();
-        }, delay);
+  }
+  attach() {
+    this.isAttaching = true;
+    const text = [];
+    for (const key in this.styles) {
+      if (this.styles.hasOwnProperty(key)) {
+        const element = this.styles[key];
+        text.push(element.toString());
+      }
     }
-    dispose() {
-        if (this.styleElement) {
-            this.styleElement.remove();
-        }
-    }
-    attach() {
-        this.isAttaching = true;
-        const text = [];
-        for (const key in this.styles) {
-            if (this.styles.hasOwnProperty(key)) {
-                const element = this.styles[key];
-                text.push(element.toString());
-            }
-        }
-        const textContent = text.join("\n");
-        this.app.updateDefaultStyle(textContent);
-        this.isAttaching = false;
-    }
-}
-//# sourceMappingURL=AtomStyleSheet.js.map
+    const textContent = text.join("\n");
+    this.app.updateDefaultStyle(textContent);
+    this.isAttaching = false;
+  }
+}

package/dist-esm/web/styles/AtomWindowStyle.js

@@ -1,119 +1,118 @@
-import closeButtonHover from "@web-atoms/core/src/web/images/close-button-hover.svg";
+const closeButtonHover = import.meta.resolve("@web-atoms/core/src/web/images/close-button-hover.svg");
 import { AtomStyle } from "../styles/AtomStyle.js";
 export class AtomWindowStyle extends AtomStyle {
-    get root() {
-        return {
-            ...this.frameHost,
-            subclasses: {
-                " .close-button": this.closeButton,
-                " .command-bar-presenter": this.commandBarPresenter,
-                " .command-bar": this.commandBar,
-                " .content-presenter": this.contentPresenter,
-                " .content": this.content,
-                " .frame": this.frame,
-                " .title": this.title,
-                " .title-host": this.titleHost,
-                " .title-presenter": this.titlePresenter,
-            }
-        };
-    }
-    get frameHost() {
-        return {
-            position: "absolute",
-            left: 0,
-            right: 0,
-            top: 0,
-            bottom: 0,
-            backgroundColor: "#50505080"
-        };
-    }
-    get frame() {
-        return {
-            position: "absolute",
-            minHeight: "100px",
-            minWidth: "300px",
-            margin: "auto",
-            border: "solid 1px #808080",
-            borderRadius: "5px",
-            backgroundColor: "white"
-        };
-    }
-    get titlePresenter() {
-        return {
-            position: "relative",
-            left: 0,
-            right: 0,
-            top: 0,
-            height: "37px"
-        };
-    }
-    get titleHost() {
-        return {
-            position: "absolute",
-            left: 0,
-            right: 0,
-            padding: "7px",
-            minHeight: "32px",
-            backgroundColor: "#404040",
-            color: "white",
-            top: 0,
-            borderTopRightRadius: "4px",
-            borderTopLeftRadius: "4px"
-        };
-    }
-    get title() {
-        return {
-            margin: "auto"
-        };
-    }
-    get closeButton() {
-        return {
-            position: "absolute",
-            right: "6px",
-            top: "7px",
-            width: "0",
-            height: "0",
-            padding: "9px",
-            border: "none",
-            backgroundColor: "transparent",
-            backgroundImage: closeButtonHover
-        };
-    }
-    get content() {
-        return {};
-    }
-    get contentPresenter() {
-        return {
-            position: "relative",
-            padding: "10px",
-            background: "white"
-        };
-    }
-    get commandBarPresenter() {
-        return {
-            left: 0,
-            right: 0,
-            bottom: 0,
-            padding: "5px",
-            backgroundColor: "#d4d4d4",
-            textAlign: "right",
-            borderBottomRightRadius: "4px",
-            borderBottomLeftRadius: "4px",
-        };
-    }
-    get commandBar() {
-        return {
-            subclasses: {
-                " button": {
-                    borderRadius: "3px",
-                    marginLeft: "5px",
-                    marginRight: "5px",
-                    padding: "4px 16px",
-                    backgroundColor: "whitesmoke",
-                    border: "1px solid gray"
-                }
-            },
-        };
-    }
-}
-//# sourceMappingURL=AtomWindowStyle.js.map
+  get root() {
+    return {
+      ...this.frameHost,
+      subclasses: {
+        " .close-button": this.closeButton,
+        " .command-bar-presenter": this.commandBarPresenter,
+        " .command-bar": this.commandBar,
+        " .content-presenter": this.contentPresenter,
+        " .content": this.content,
+        " .frame": this.frame,
+        " .title": this.title,
+        " .title-host": this.titleHost,
+        " .title-presenter": this.titlePresenter
+      }
+    };
+  }
+  get frameHost() {
+    return {
+      position: "absolute",
+      left: 0,
+      right: 0,
+      top: 0,
+      bottom: 0,
+      backgroundColor: "#50505080"
+    };
+  }
+  get frame() {
+    return {
+      position: "absolute",
+      minHeight: "100px",
+      minWidth: "300px",
+      margin: "auto",
+      border: "solid 1px #808080",
+      borderRadius: "5px",
+      backgroundColor: "white"
+    };
+  }
+  get titlePresenter() {
+    return {
+      position: "relative",
+      left: 0,
+      right: 0,
+      top: 0,
+      height: "37px"
+    };
+  }
+  get titleHost() {
+    return {
+      position: "absolute",
+      left: 0,
+      right: 0,
+      padding: "7px",
+      minHeight: "32px",
+      backgroundColor: "#404040",
+      color: "white",
+      top: 0,
+      borderTopRightRadius: "4px",
+      borderTopLeftRadius: "4px"
+    };
+  }
+  get title() {
+    return {
+      margin: "auto"
+    };
+  }
+  get closeButton() {
+    return {
+      position: "absolute",
+      right: "6px",
+      top: "7px",
+      width: "0",
+      height: "0",
+      padding: "9px",
+      border: "none",
+      backgroundColor: "transparent",
+      backgroundImage: closeButtonHover
+    };
+  }
+  get content() {
+    return {};
+  }
+  get contentPresenter() {
+    return {
+      position: "relative",
+      padding: "10px",
+      background: "white"
+    };
+  }
+  get commandBarPresenter() {
+    return {
+      left: 0,
+      right: 0,
+      bottom: 0,
+      padding: "5px",
+      backgroundColor: "#d4d4d4",
+      textAlign: "right",
+      borderBottomRightRadius: "4px",
+      borderBottomLeftRadius: "4px"
+    };
+  }
+  get commandBar() {
+    return {
+      subclasses: {
+        " button": {
+          borderRadius: "3px",
+          marginLeft: "5px",
+          marginRight: "5px",
+          padding: "4px 16px",
+          backgroundColor: "whitesmoke",
+          border: "1px solid gray"
+        }
+      }
+    };
+  }
+}

package/dist-esm/web/styles/IStyleDeclaration.js

@@ -1,2 +1 @@
-export {};
-//# sourceMappingURL=IStyleDeclaration.js.map
+export {};