@web-atoms/core 2.5.22 → 2.6.2

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

@@ -0,0 +1,74 @@
+import { StringHelper } from "../../core/StringHelper.js";
+const emptyPrototype = Object.getPrototypeOf({});
+export class AtomStyle {
+    styleSheet;
+    name;
+    styleText = null;
+    constructor(styleSheet, name) {
+        this.styleSheet = styleSheet;
+        this.name = name;
+        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;
+        }
+        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 cname = StringHelper.fromCamelToHyphen(name);
+        const styleClassName = `${this.name}${cname}`;
+        if (styleList.length) {
+            pairs.push(`.${styleClassName} { ${styleList.join(";\r\n")}; }`);
+        }
+        return pairs;
+    }
+}
+//# sourceMappingURL=AtomStyle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AtomStyle.js","sourceRoot":"","sources":["../../../src/web/styles/AtomStyle.ts"],"names":[],"mappings":"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"}

package/dist-esm/web/styles/AtomStyleSheet.d.ts

@@ -0,0 +1,21 @@
+import { App } from "../../App.js";
+import { IClassOf, INotifyPropertyChanging } from "../../core/types.js";
+import { AtomStyle } from "./AtomStyle.js";
+export declare class AtomStyleSheet implements INotifyPropertyChanging {
+    readonly app: App;
+    readonly name: string;
+    styleElement: any;
+    styles: {
+        [key: string]: AtomStyle;
+    };
+    private lastUpdateId;
+    private isAttaching;
+    constructor(app: App, name: string);
+    getNamedStyle<T extends AtomStyle>(c: IClassOf<T>): AtomStyle;
+    createNamedStyle<T extends AtomStyle>(c: IClassOf<T>, name: string, updateTimeout?: number): T;
+    onPropertyChanging(name: string, newValue: any, oldValue: any): void;
+    pushUpdate(delay?: number): void;
+    dispose(): void;
+    attach(): void;
+}
+//# sourceMappingURL=AtomStyleSheet.d.ts.map

package/dist-esm/web/styles/AtomStyleSheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AtomStyleSheet.d.ts","sourceRoot":"","sources":["../../../src/web/styles/AtomStyleSheet.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAmB,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAEzF,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,qBAAa,cAAe,YAAW,uBAAuB;aAU9B,GAAG,EAAE,GAAG;aAAkB,IAAI,EAAE,MAAM;IAR3D,YAAY,EAAE,GAAG,CAAC;IAElB,MAAM,EAAE;QAAC,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;KAAC,CAAM;IAE/C,OAAO,CAAC,YAAY,CAAU;IAE9B,OAAO,CAAC,WAAW,CAAkB;gBAET,GAAG,EAAE,GAAG,EAAkB,IAAI,EAAE,MAAM;IAI3D,aAAa,CAAC,CAAC,SAAS,SAAS,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,SAAS;IAK7D,gBAAgB,CAAC,CAAC,SAAS,SAAS,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,aAAa,CAAC,EAAE,MAAM,GAAG,CAAC;IAO9F,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,GAAG,IAAI;IAIpE,UAAU,CAAC,KAAK,GAAE,MAAU,GAAG,IAAI;IAkBnC,OAAO,IAAI,IAAI;IAMf,MAAM,IAAI,IAAI;CAcxB"}

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

@@ -0,0 +1,61 @@
+import { TypeKey } from "../../di/TypeKey.js";
+export class AtomStyleSheet {
+    app;
+    name;
+    styleElement;
+    styles = {};
+    lastUpdateId = 0;
+    isAttaching = false;
+    constructor(app, name) {
+        this.app = app;
+        this.name = name;
+        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;
+        }
+        if (delay === 0) {
+            this.attach();
+            return;
+        }
+        if (this.lastUpdateId) {
+            clearTimeout(this.lastUpdateId);
+        }
+        this.lastUpdateId = setTimeout(() => {
+            this.attach();
+        }, delay);
+    }
+    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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AtomStyleSheet.js","sourceRoot":"","sources":["../../../src/web/styles/AtomStyleSheet.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAG9C,MAAM,OAAO,cAAc;IAUK;IAA0B;IAR/C,YAAY,CAAM;IAElB,MAAM,GAA+B,EAAE,CAAC;IAEvC,YAAY,GAAQ,CAAC,CAAC;IAEtB,WAAW,GAAY,KAAK,CAAC;IAErC,YAA4B,GAAQ,EAAkB,IAAY;QAAtC,QAAG,GAAH,GAAG,CAAK;QAAkB,SAAI,GAAJ,IAAI,CAAQ;QAC9D,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IACvB,CAAC;IAEM,aAAa,CAAsB,CAAc;QACpD,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAChC,OAAO,IAAI,CAAC,gBAAgB,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;IAC1C,CAAC;IAEM,gBAAgB,CAAsB,CAAc,EAAE,IAAY,EAAE,aAAsB;QAC7F,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,IAAI,CAAC,IAAI,IAAI,IAAI,EAAE,CAAC,CAAC;QACxE,KAAK,CAAC,KAAK,EAAE,CAAC;QACd,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;QAC/B,OAAO,KAAK,CAAC;IACjB,CAAC;IAEM,kBAAkB,CAAC,IAAY,EAAE,QAAa,EAAE,QAAa;QAChE,IAAI,CAAC,UAAU,EAAE,CAAC;IACtB,CAAC;IAEM,UAAU,CAAC,QAAgB,CAAC;QAC/B,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACnB,OAAO;QACX,CAAC;QAGD,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC;YACd,IAAI,CAAC,MAAM,EAAE,CAAC;YACd,OAAO;QACX,CAAC;QACD,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACpB,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QACpC,CAAC;QACD,IAAI,CAAC,YAAY,GAAG,UAAU,CAAC,GAAG,EAAE;YAChC,IAAI,CAAC,MAAM,EAAE,CAAC;QAClB,CAAC,EAAE,KAAK,CAAC,CAAC;IACd,CAAC;IAEM,OAAO;QACV,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACpB,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,CAAC;QAC/B,CAAC;IACL,CAAC;IAEM,MAAM;QACT,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QACxB,MAAM,IAAI,GAAG,EAAE,CAAC;QAChB,KAAK,MAAM,GAAG,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAC5B,IAAI,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,CAAC;gBAClC,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;gBACjC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC;YAClC,CAAC;QACL,CAAC;QACD,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACpC,IAAI,CAAC,GAAG,CAAC,kBAAkB,CAAC,WAAW,CAAC,CAAC;QACzC,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;IAC7B,CAAC;CAEJ"}

package/dist-esm/web/styles/AtomTabbedPageStyle.d.ts

@@ -0,0 +1,12 @@
+import { AtomStyle } from "./AtomStyle.js";
+import { AtomTheme } from "./AtomTheme.js";
+import { IStyleDeclaration } from "./IStyleDeclaration.js";
+export declare class AtomTabbedPageStyle extends AtomStyle {
+    padding: number;
+    get theme(): AtomTheme;
+    get root(): IStyleDeclaration;
+    get tabItem(): IStyleDeclaration;
+    get selectedTabItem(): IStyleDeclaration;
+    get closeButton(): IStyleDeclaration;
+}
+//# sourceMappingURL=AtomTabbedPageStyle.d.ts.map

package/dist-esm/web/styles/AtomTabbedPageStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AtomTabbedPageStyle.d.ts","sourceRoot":"","sources":["../../../src/web/styles/AtomTabbedPageStyle.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,qBAAa,mBAAoB,SAAQ,SAAS;IAEvC,OAAO,EAAE,MAAM,CAAC;IAEvB,IAAW,KAAK,IAAI,SAAS,CAE5B;IAED,IAAW,IAAI,IAAI,iBAAiB,CAyCnC;IAED,IAAW,OAAO,IAAI,iBAAiB,CA2BtC;IAED,IAAW,eAAe,IAAI,iBAAiB,CAmB9C;IAED,IAAW,WAAW,IAAI,iBAAiB,CAe1C;CAEJ"}

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

@@ -0,0 +1,116 @@
+import CloseButtonDataUrl from "@web-atoms/core/src/web/images/close-button-hover.svg";
+import CloseButtonHoverDataUrl from "@web-atoms/core/src/web/images/close-button.svg";
+import { AtomStyle } from "./AtomStyle.js";
+export class AtomTabbedPageStyle extends AtomStyle {
+    padding;
+    get theme() {
+        return this.styleSheet;
+    }
+    get root() {
+        return {
+            position: "absolute",
+            left: 0,
+            right: 0,
+            top: 0,
+            bottom: 0,
+            subclasses: {
+                " .page-host": {
+                    position: "absolute",
+                    left: 0,
+                    right: 0,
+                    top: "30px",
+                    bottom: 0,
+                    overflow: "auto",
+                    subclasses: {
+                        " > *": {
+                            position: "absolute",
+                            left: 0,
+                            right: 0,
+                            top: 0,
+                            bottom: 0,
+                            overflow: "auto",
+                        }
+                    }
+                },
+                " .tabs": {
+                    position: "absolute",
+                    left: 0,
+                    top: 0,
+                    right: 0,
+                    overflow: "hidden",
+                    height: "30px",
+                    subclasses: {
+                        " .tab-item": this.tabItem,
+                        " .close-button": this.closeButton,
+                        " .selected-tab-item": this.selectedTabItem,
+                    }
+                },
+            }
+        };
+    }
+    get tabItem() {
+        return {
+            display: "inline-block",
+            borderTopLeftRadius: (this.padding || this.theme.padding) + "px",
+            borderTopRightRadius: (this.padding || this.theme.padding) + "px",
+            marginLeft: "2px",
+            padding: 0,
+            borderStyle: "solid",
+            borderWidth: "1px",
+            borderColor: "lightgray",
+            backgroundColor: this.theme.bgColor,
+            minWidth: "90px",
+            minHeight: "30px",
+            cursor: "default",
+            position: "relative",
+            subclasses: {
+                ":hover": {
+                    backgroundColor: this.theme.hoverColor
+                },
+                "> div": {
+                    display: "inline-block",
+                    padding: (this.padding || this.theme.padding) + "px",
+                    paddingRight: ((this.padding || this.theme.padding) + 23) + "px",
+                    right: "22px"
+                }
+            }
+        };
+    }
+    get selectedTabItem() {
+        return {
+            ...this.tabItem,
+            borderColor: this.theme.activeColor,
+            backgroundColor: this.theme.selectedBgColor,
+            color: this.theme.selectedColor,
+            subclasses: {
+                ":hover": {
+                    backgroundColor: this.theme.selectedBgColor,
+                    color: this.theme.hoverColor
+                },
+                "> div": {
+                    display: "inline-block",
+                    padding: (this.padding || this.theme.padding) + "px",
+                    paddingRight: ((this.padding || this.theme.padding) + 23) + "px",
+                    right: "22px"
+                }
+            }
+        };
+    }
+    get closeButton() {
+        return {
+            position: "absolute",
+            right: "5px",
+            top: "5px",
+            width: "0",
+            height: "0",
+            padding: "8px",
+            backgroundImage: CloseButtonDataUrl,
+            subclasses: {
+                ":hover": {
+                    backgroundImage: CloseButtonHoverDataUrl
+                }
+            }
+        };
+    }
+}
+//# sourceMappingURL=AtomTabbedPageStyle.js.map

package/dist-esm/web/styles/AtomTabbedPageStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AtomTabbedPageStyle.js","sourceRoot":"","sources":["../../../src/web/styles/AtomTabbedPageStyle.ts"],"names":[],"mappings":"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"}

package/dist-esm/web/styles/AtomTheme.d.ts

@@ -0,0 +1,17 @@
+import { App } from "../../App.js";
+import { ColorItem } from "../../core/Colors.js";
+import { IDisposable, INotifyPropertyChanging } from "../../core/types.js";
+import { NavigationService } from "../../services/NavigationService.js";
+import { AtomStyleSheet } from "../styles/AtomStyleSheet.js";
+export declare class AtomTheme extends AtomStyleSheet implements INotifyPropertyChanging, IDisposable {
+    private navigationService;
+    bgColor: ColorItem;
+    color: ColorItem;
+    hoverColor: ColorItem;
+    activeColor: ColorItem;
+    selectedBgColor: ColorItem;
+    selectedColor: ColorItem;
+    padding: number;
+    constructor(app: App, navigationService: NavigationService);
+}
+//# sourceMappingURL=AtomTheme.d.ts.map

package/dist-esm/web/styles/AtomTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AtomTheme.d.ts","sourceRoot":"","sources":["../../../src/web/styles/AtomTheme.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAGnC,OAAe,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAG3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAGxE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAG7D,qBACa,SAAU,SAAQ,cAC3B,YACI,uBAAuB,EACvB,WAAW;IAsBH,OAAO,CAAC,iBAAiB;IApB9B,OAAO,EAAE,SAAS,CAAgB;IAElC,KAAK,EAAE,SAAS,CAAe;IAE/B,UAAU,EAAE,SAAS,CAAoB;IAEzC,WAAW,EAAE,SAAS,CAAoB;IAE1C,eAAe,EAAE,SAAS,CAAe;IAEzC,aAAa,EAAE,SAAS,CAAgB;IAExC,OAAO,EAAE,MAAM,CAAK;gBAOf,GAAG,EAAE,GAAG,EACA,iBAAiB,EAAE,iBAAiB;CAiB3D"}

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

@@ -0,0 +1,42 @@
+import { __decorate, __metadata, __param } from "tslib";
+import { App } from "../../App.js";
+import Colors from "../../core/Colors.js";
+import { Inject } from "../../di/Inject.js";
+import { RegisterSingleton } from "../../di/RegisterSingleton.js";
+import { NavigationService } from "../../services/NavigationService.js";
+import { AtomStyleSheet } from "../styles/AtomStyleSheet.js";
+let AtomTheme = class AtomTheme extends AtomStyleSheet {
+    navigationService;
+    bgColor = Colors.white;
+    color = Colors.gray;
+    hoverColor = Colors.lightGray;
+    activeColor = Colors.lightBlue;
+    selectedBgColor = Colors.blue;
+    selectedColor = Colors.white;
+    padding = 5;
+    constructor(app, navigationService) {
+        super(app, "atom-theme");
+        this.navigationService = navigationService;
+        setTimeout(() => {
+            window.addEventListener("resize", () => {
+                setTimeout(() => {
+                    this.pushUpdate();
+                }, 10);
+            });
+            document.body.addEventListener("resize", () => {
+                setTimeout(() => {
+                    this.pushUpdate();
+                }, 10);
+            });
+        }, 1000);
+    }
+};
+AtomTheme = __decorate([
+    RegisterSingleton,
+    __param(0, Inject),
+    __param(1, Inject),
+    __metadata("design:paramtypes", [App,
+        NavigationService])
+], AtomTheme);
+export { AtomTheme };
+//# sourceMappingURL=AtomTheme.js.map

package/dist-esm/web/styles/AtomTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AtomTheme.js","sourceRoot":"","sources":["../../../src/web/styles/AtomTheme.ts"],"names":[],"mappings":";AAIA,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAGnC,OAAO,MAAqB,MAAM,sBAAsB,CAAC;AAEzD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAGxE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAItD,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,cAAc;IAyBrB;IApBb,OAAO,GAAc,MAAM,CAAC,KAAK,CAAC;IAElC,KAAK,GAAc,MAAM,CAAC,IAAI,CAAC;IAE/B,UAAU,GAAc,MAAM,CAAC,SAAS,CAAC;IAEzC,WAAW,GAAc,MAAM,CAAC,SAAS,CAAC;IAE1C,eAAe,GAAc,MAAM,CAAC,IAAI,CAAC;IAEzC,aAAa,GAAc,MAAM,CAAC,KAAK,CAAC;IAExC,OAAO,GAAW,CAAC,CAAC;IAM3B,YACY,GAAQ,EACA,iBAAoC;QACpD,KAAK,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC;QADT,sBAAiB,GAAjB,iBAAiB,CAAmB;QAGpD,UAAU,CAAC,GAAG,EAAE;YACZ,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE;gBACnC,UAAU,CAAC,GAAG,EAAE;oBACZ,IAAI,CAAC,UAAU,EAAE,CAAC;gBACtB,CAAC,EAAE,EAAE,CAAC,CAAC;YACX,CAAC,CAAC,CAAC;YACH,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE;gBAC1C,UAAU,CAAC,GAAG,EAAE;oBACZ,IAAI,CAAC,UAAU,EAAE,CAAC;gBACtB,CAAC,EAAE,EAAE,CAAC,CAAC;YACX,CAAC,CAAC,CAAC;QACP,CAAC,EAAE,IAAI,CAAC,CAAC;IACb,CAAC;CAEJ,CAAA;AA1CY,SAAS;IADrB,iBAAiB;IAyBT,WAAA,MAAM,CAAA;IACN,WAAA,MAAM,CAAA;qCADM,GAAG;QACmB,iBAAiB;GAzB/C,SAAS,CA0CrB"}

package/dist-esm/web/styles/AtomToggleButtonBarStyle.d.ts

@@ -0,0 +1,9 @@
+import { AtomListBoxStyle } from "./AtomListBoxStyle.js";
+import { IStyleDeclaration } from "./IStyleDeclaration.js";
+export declare class AtomToggleButtonBarStyle extends AtomListBoxStyle {
+    toggleColor: string;
+    get root(): IStyleDeclaration;
+    get item(): IStyleDeclaration;
+    get selectedItem(): IStyleDeclaration;
+}
+//# sourceMappingURL=AtomToggleButtonBarStyle.d.ts.map

package/dist-esm/web/styles/AtomToggleButtonBarStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AtomToggleButtonBarStyle.d.ts","sourceRoot":"","sources":["../../../src/web/styles/AtomToggleButtonBarStyle.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAGzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,qBAAa,wBAAyB,SAAQ,gBAAgB;IAEnD,WAAW,EAAE,MAAM,CAAU;IAEpC,IAAW,IAAI,IAAI,iBAAiB,CAQnC;IAED,IAAW,IAAI,IAAI,iBAAiB,CA2BnC;IAED,IAAW,YAAY,IAAI,iBAAiB,CAwB3C;CAEJ"}

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

@@ -0,0 +1,65 @@
+import { AtomListBoxStyle } from "./AtomListBoxStyle.js";
+export class AtomToggleButtonBarStyle extends AtomListBoxStyle {
+    toggleColor = "blue";
+    get root() {
+        return {
+            ...this.getBaseProperty(AtomToggleButtonBarStyle, "root"),
+            display: "inline-block",
+            paddingInlineStart: 0,
+            margin: 0
+        };
+    }
+    get item() {
+        return {
+            ...this.getBaseProperty(AtomToggleButtonBarStyle, "item"),
+            borderRadius: 0,
+            display: "inline-block",
+            border: "1px solid",
+            borderLeft: "none",
+            color: this.toggleColor,
+            borderColor: this.toggleColor,
+            cursor: "pointer",
+            subclasses: {
+                ":first-child": {
+                    borderTopLeftRadius: `${this.padding || this.theme.padding}px`,
+                    borderBottomLeftRadius: `${this.padding || this.theme.padding}px`,
+                    borderTopRightRadius: 0,
+                    borderBottomRightRadius: 0,
+                    borderLeft: "1px solid"
+                },
+                ":last-child": {
+                    borderTopLeftRadius: 0,
+                    borderBottomLeftRadius: 0,
+                    borderTopRightRadius: `${this.padding || this.theme.padding}px`,
+                    borderBottomRightRadius: `${this.padding || this.theme.padding}px`
+                }
+            }
+        };
+    }
+    get selectedItem() {
+        return {
+            ...this.getBaseProperty(AtomToggleButtonBarStyle, "selectedItem"),
+            borderRadius: 0,
+            display: "inline-block",
+            border: "1px solid",
+            borderLeft: "none",
+            borderColor: this.toggleColor,
+            cursor: "pointer",
+            subclasses: {
+                ":first-child": {
+                    borderTopLeftRadius: `${this.padding || this.theme.padding}px`,
+                    borderBottomLeftRadius: `${this.padding || this.theme.padding}px`,
+                    borderTopRightRadius: 0,
+                    borderBottomRightRadius: 0
+                },
+                ":last-child": {
+                    borderTopLeftRadius: 0,
+                    borderBottomLeftRadius: 0,
+                    borderTopRightRadius: `${this.padding || this.theme.padding}px`,
+                    borderBottomRightRadius: `${this.padding || this.theme.padding}px`
+                }
+            }
+        };
+    }
+}
+//# sourceMappingURL=AtomToggleButtonBarStyle.js.map

package/dist-esm/web/styles/AtomToggleButtonBarStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AtomToggleButtonBarStyle.js","sourceRoot":"","sources":["../../../src/web/styles/AtomToggleButtonBarStyle.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAKzD,MAAM,OAAO,wBAAyB,SAAQ,gBAAgB;IAEnD,WAAW,GAAW,MAAM,CAAC;IAEpC,IAAW,IAAI;QACX,OAAO;YAEH,GAAI,IAAI,CAAC,eAAe,CAAC,wBAAwB,EAAG,MAAM,CAAC;YAC3D,OAAO,EAAE,cAAc;YACvB,kBAAkB,EAAE,CAAC;YACrB,MAAM,EAAE,CAAC;SACZ,CAAC;IACN,CAAC;IAED,IAAW,IAAI;QACX,OAAO;YAEH,GAAI,IAAI,CAAC,eAAe,CAAC,wBAAwB,EAAG,MAAM,CAAC;YAC3D,YAAY,EAAE,CAAC;YACf,OAAO,EAAE,cAAc;YACvB,MAAM,EAAE,WAAW;YACnB,UAAU,EAAE,MAAM;YAClB,KAAK,EAAE,IAAI,CAAC,WAAW;YACvB,WAAW,EAAE,IAAI,CAAC,WAAW;YAC7B,MAAM,EAAE,SAAS;YACjB,UAAU,EAAE;gBACR,cAAc,EAAE;oBACZ,mBAAmB,EAAE,GAAG,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI;oBAC9D,sBAAsB,EAAE,GAAG,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI;oBACjE,oBAAoB,EAAE,CAAC;oBACvB,uBAAuB,EAAE,CAAC;oBAC1B,UAAU,EAAE,WAAW;iBAC1B;gBACD,aAAa,EAAE;oBACX,mBAAmB,EAAE,CAAC;oBACtB,sBAAsB,EAAE,CAAC;oBACzB,oBAAoB,EAAE,GAAG,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI;oBAC/D,uBAAuB,EAAE,GAAG,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI;iBACrE;aACJ;SACJ,CAAC;IACN,CAAC;IAED,IAAW,YAAY;QACnB,OAAO;YACH,GAAI,IAAI,CAAC,eAAe,CAAC,wBAAwB,EAAE,cAAc,CAAC;YAClE,YAAY,EAAE,CAAC;YACf,OAAO,EAAE,cAAc;YACvB,MAAM,EAAE,WAAW;YACnB,UAAU,EAAE,MAAM;YAClB,WAAW,EAAE,IAAI,CAAC,WAAW;YAC7B,MAAM,EAAE,SAAS;YACjB,UAAU,EAAE;gBACR,cAAc,EAAE;oBACZ,mBAAmB,EAAE,GAAG,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI;oBAC9D,sBAAsB,EAAE,GAAG,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI;oBACjE,oBAAoB,EAAE,CAAC;oBACvB,uBAAuB,EAAE,CAAC;iBAC7B;gBACD,aAAa,EAAE;oBACX,mBAAmB,EAAE,CAAC;oBACtB,sBAAsB,EAAE,CAAC;oBACzB,oBAAoB,EAAE,GAAG,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI;oBAC/D,uBAAuB,EAAE,GAAG,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI;iBACrE;aACJ;SACJ,CAAC;IACN,CAAC;CAEJ"}

package/dist-esm/web/styles/AtomWindowStyle.d.ts

@@ -0,0 +1,16 @@
+import { AtomStyle } from "../styles/AtomStyle.js";
+import { IStyleDeclaration } from "./IStyleDeclaration.js";
+export declare class AtomWindowStyle extends AtomStyle {
+    get root(): IStyleDeclaration;
+    get frameHost(): IStyleDeclaration;
+    get frame(): IStyleDeclaration;
+    get titlePresenter(): IStyleDeclaration;
+    get titleHost(): IStyleDeclaration;
+    get title(): IStyleDeclaration;
+    get closeButton(): IStyleDeclaration;
+    get content(): IStyleDeclaration;
+    get contentPresenter(): IStyleDeclaration;
+    get commandBarPresenter(): IStyleDeclaration;
+    get commandBar(): IStyleDeclaration;
+}
+//# sourceMappingURL=AtomWindowStyle.d.ts.map

package/dist-esm/web/styles/AtomWindowStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AtomWindowStyle.d.ts","sourceRoot":"","sources":["../../../src/web/styles/AtomWindowStyle.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAM3D,qBAAa,eAAgB,SAAQ,SAAS;IAE1C,IAAW,IAAI,IAAI,iBAAiB,CAenC;IAED,IAAW,SAAS,IAAI,iBAAiB,CASxC;IAED,IAAW,KAAK,IAAI,iBAAiB,CAUpC;IAED,IAAW,cAAc,IAAI,iBAAiB,CAQ7C;IAED,IAAW,SAAS,IAAI,iBAAiB,CAaxC;IAED,IAAW,KAAK,IAAI,iBAAiB,CAIpC;IAED,IAAW,WAAW,IAAI,iBAAiB,CAkB1C;IAED,IAAW,OAAO,IAAI,iBAAiB,CAGtC;IAED,IAAW,gBAAgB,IAAI,iBAAiB,CAM/C;IAED,IAAW,mBAAmB,IAAI,iBAAiB,CAWlD;IAED,IAAW,UAAU,IAAI,iBAAiB,CAazC;CACJ"}

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

@@ -0,0 +1,119 @@
+import closeButtonHover from "@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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AtomWindowStyle.js","sourceRoot":"","sources":["../../../src/web/styles/AtomWindowStyle.ts"],"names":[],"mappings":"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"}

package/dist-esm/web/styles/CSS.d.ts

@@ -0,0 +1,4 @@
+import { AtomStyleRules } from "../../style/StyleRule.js";
+import { IStyleDeclaration } from "./IStyleDeclaration.js";
+export default function CSS(style: IStyleDeclaration | AtomStyleRules, selectorName?: string): string;
+//# sourceMappingURL=CSS.d.ts.map

package/dist-esm/web/styles/CSS.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CSS.d.ts","sourceRoot":"","sources":["../../../src/web/styles/CSS.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAuD3D,MAAM,CAAC,OAAO,UAAU,GAAG,CAAC,KAAK,EAAE,iBAAiB,GAAG,cAAc,EAAE,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAoBpG"}