@web-atoms/core 2.5.9 → 2.5.13

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

@@ -0,0 +1,7 @@
+import { AtomStyle } from "./AtomStyle.js";
+import { IStyleDeclaration } from "./IStyleDeclaration.js";
+export default class AtomPageLinkStyle extends AtomStyle {
+    get root(): IStyleDeclaration;
+    get page(): IStyleDeclaration;
+}
+//# sourceMappingURL=AtomPageLinkStyle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AtomPageLinkStyle.d.ts","sourceRoot":"","sources":["../../../src/web/styles/AtomPageLinkStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,SAAS;IAEpD,IAAW,IAAI,IAAI,iBAAiB,CAMnC;IAED,IAAW,IAAI,IAAI,iBAAiB,CAEnC;CAEJ"}

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

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const AtomStyle_js_1 = require("./AtomStyle.js");
+class AtomPageLinkStyle extends AtomStyle_js_1.AtomStyle {
+    get root() {
+        return {
+            subclasses: {
+                ".page": this.page
+            }
+        };
+    }
+    get page() {
+        return {};
+    }
+}
+exports.default = AtomPageLinkStyle;
+//# sourceMappingURL=AtomPageLinkStyle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AtomPageLinkStyle.js","sourceRoot":"","sources":["../../../src/web/styles/AtomPageLinkStyle.ts"],"names":[],"mappings":";;AAAA,iDAA2C;AAG3C,MAAqB,iBAAkB,SAAQ,wBAAS;IAEpD,IAAW,IAAI;QACX,OAAO;YACH,UAAU,EAAE;gBACR,OAAO,EAAE,IAAI,CAAC,IAAI;aACrB;SACJ,CAAC;IACN,CAAC;IAED,IAAW,IAAI;QACX,OAAO,EAAE,CAAC;IACd,CAAC;CAEJ;AAdD,oCAcC"}

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

@@ -0,0 +1,6 @@
+import { AtomStyle } from "../styles/AtomStyle.js";
+import { IStyleDeclaration } from "./IStyleDeclaration.js";
+export declare class AtomPopupStyle extends AtomStyle {
+    get root(): IStyleDeclaration;
+}
+//# sourceMappingURL=AtomPopupStyle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AtomPopupStyle.d.ts","sourceRoot":"","sources":["../../../src/web/styles/AtomPopupStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,qBAAa,cAAe,SAAQ,SAAS;IAEzC,IAAW,IAAI,IAAI,iBAAiB,CAOnC;CACJ"}

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AtomPopupStyle = void 0;
+const AtomStyle_js_1 = require("../styles/AtomStyle.js");
+class AtomPopupStyle extends AtomStyle_js_1.AtomStyle {
+    get root() {
+        return {
+            backgroundColor: "white",
+            border: "solid 1px lightgray",
+            padding: "5px",
+            borderRadius: "5px"
+        };
+    }
+}
+exports.AtomPopupStyle = AtomPopupStyle;
+//# sourceMappingURL=AtomPopupStyle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AtomPopupStyle.js","sourceRoot":"","sources":["../../../src/web/styles/AtomPopupStyle.ts"],"names":[],"mappings":";;;AAAA,yDAAmD;AAEnD,MAAa,cAAe,SAAQ,wBAAS;IAEzC,IAAW,IAAI;QACX,OAAO;YACH,eAAe,EAAE,OAAO;YACxB,MAAM,EAAE,qBAAqB;YAC7B,OAAO,EAAE,KAAK;YACd,YAAY,EAAE,KAAK;SACtB,CAAC;IACN,CAAC;CACJ;AAVD,wCAUC"}

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

@@ -0,0 +1,19 @@
+import { IClassOf } from "../../core/types.js";
+import { AtomStyleSheet } from "./AtomStyleSheet.js";
+import { IStyleDeclaration } from "./IStyleDeclaration.js";
+export type StyleItem = AtomStyle;
+export interface IAtomStyle {
+    name: string;
+}
+export declare abstract class AtomStyle implements IAtomStyle {
+    readonly styleSheet: AtomStyleSheet;
+    readonly name: string;
+    abstract get root(): IStyleDeclaration;
+    private styleText;
+    constructor(styleSheet: AtomStyleSheet, name: string);
+    getBaseProperty<T>(tc: IClassOf<T>, name: keyof this): any;
+    build(): void;
+    toString(): string;
+    private createStyleText;
+}
+//# sourceMappingURL=AtomStyle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AtomStyle.d.ts","sourceRoot":"","sources":["../../../src/web/styles/AtomStyle.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,QAAQ,EAAmB,MAAM,qBAAqB,CAAC;AAEhE,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,MAAM,MAAM,SAAS,GAAG,SAAS,CAAC;AAGlC,MAAM,WAAW,UAAU;IACvB,IAAI,EAAE,MAAM,CAAC;CAChB;AAMD,8BAAsB,SAClB,YAAW,UAAU;aAOD,UAAU,EAAE,cAAc;aAC1B,IAAI,EAAE,MAAM;IANhC,aAAoB,IAAI,IAAI,iBAAiB,CAAC;IAE9C,OAAO,CAAC,SAAS,CAAgB;gBAGb,UAAU,EAAE,cAAc,EAC1B,IAAI,EAAE,MAAM;IAKzB,eAAe,CAAC,CAAC,EAAE,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,IAAI,GAAG,GAAG;IAe1D,KAAK,IAAI,IAAI;IAOb,QAAQ,IAAI,MAAM;IAIzB,OAAO,CAAC,eAAe;CAuC1B"}

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

@@ -0,0 +1,76 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AtomStyle = void 0;
+const StringHelper_js_1 = require("../../core/StringHelper.js");
+const emptyPrototype = Object.getPrototypeOf({});
+class AtomStyle {
+    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;
+        }
+        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_js_1.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_js_1.StringHelper.fromCamelToHyphen(name);
+        const styleClassName = `${this.name}${cname}`;
+        if (styleList.length) {
+            pairs.push(`.${styleClassName} { ${styleList.join(";\r\n")}; }`);
+        }
+        return pairs;
+    }
+}
+exports.AtomStyle = AtomStyle;
+//# 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,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AtomStyleSheet = void 0;
+const TypeKey_js_1 = require("../../di/TypeKey.js");
+class AtomStyleSheet {
+    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_js_1.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;
+        }
+        // special case for Xamarin Forms
+        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;
+    }
+}
+exports.AtomStyleSheet = AtomStyleSheet;
+//# 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,oDAA8C;AAG9C,MAAa,cAAc;IAUvB,YAA4B,GAAQ,EAAkB,IAAY;QAAtC,QAAG,GAAH,GAAG,CAAK;QAAkB,SAAI,GAAJ,IAAI,CAAQ;QAN3D,WAAM,GAA+B,EAAE,CAAC;QAEvC,iBAAY,GAAQ,CAAC,CAAC;QAEtB,gBAAW,GAAY,KAAK,CAAC;QAGjC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IACvB,CAAC;IAEM,aAAa,CAAsB,CAAc;QACpD,MAAM,IAAI,GAAG,oBAAO,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;QAED,iCAAiC;QACjC,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;AApED,wCAoEC"}

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,120 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AtomTabbedPageStyle = void 0;
+const tslib_1 = require("tslib");
+const close_button_hover_svg_1 = tslib_1.__importDefault(require("@web-atoms/core/src/web/images/close-button-hover.svg"));
+const close_button_svg_1 = tslib_1.__importDefault(require("@web-atoms/core/src/web/images/close-button.svg"));
+const AtomStyle_js_1 = require("./AtomStyle.js");
+class AtomTabbedPageStyle extends AtomStyle_js_1.AtomStyle {
+    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: close_button_hover_svg_1.default,
+            subclasses: {
+                ":hover": {
+                    backgroundImage: close_button_svg_1.default
+                }
+            }
+        };
+    }
+}
+exports.AtomTabbedPageStyle = AtomTabbedPageStyle;
+//# 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,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AtomTheme = void 0;
+const tslib_1 = require("tslib");
+const App_js_1 = require("../../App.js");
+const Colors_js_1 = tslib_1.__importDefault(require("../../core/Colors.js"));
+const Inject_js_1 = require("../../di/Inject.js");
+const RegisterSingleton_js_1 = require("../../di/RegisterSingleton.js");
+const NavigationService_js_1 = require("../../services/NavigationService.js");
+const AtomStyleSheet_js_1 = require("../styles/AtomStyleSheet.js");
+let AtomTheme = class AtomTheme extends AtomStyleSheet_js_1.AtomStyleSheet {
+    // public readonly window = this.createStyle(AtomWindow, AtomWindowStyle, "window");
+    // public readonly popup = this.createNamedStyle(AtomPopupStyle, "popup");
+    constructor(app, navigationService) {
+        super(app, "atom-theme");
+        this.navigationService = navigationService;
+        this.bgColor = Colors_js_1.default.white;
+        this.color = Colors_js_1.default.gray;
+        this.hoverColor = Colors_js_1.default.lightGray;
+        this.activeColor = Colors_js_1.default.lightBlue;
+        this.selectedBgColor = Colors_js_1.default.blue;
+        this.selectedColor = Colors_js_1.default.white;
+        this.padding = 5;
+        setTimeout(() => {
+            window.addEventListener("resize", () => {
+                setTimeout(() => {
+                    this.pushUpdate();
+                }, 10);
+            });
+            document.body.addEventListener("resize", () => {
+                setTimeout(() => {
+                    this.pushUpdate();
+                }, 10);
+            });
+        }, 1000);
+    }
+};
+exports.AtomTheme = AtomTheme;
+exports.AtomTheme = AtomTheme = tslib_1.__decorate([
+    RegisterSingleton_js_1.RegisterSingleton,
+    tslib_1.__param(0, Inject_js_1.Inject),
+    tslib_1.__param(1, Inject_js_1.Inject),
+    tslib_1.__metadata("design:paramtypes", [App_js_1.App,
+        NavigationService_js_1.NavigationService])
+], 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,yCAAmC;AAGnC,6EAAyD;AAEzD,kDAA4C;AAC5C,wEAAkE;AAClE,8EAAwE;AAGxE,mEAA6D;AAItD,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,kCAAc;IAmBzC,oFAAoF;IAEpF,0EAA0E;IAE1E,YACY,GAAQ,EACR,iBAA4C;QACpD,KAAK,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC;QADT,sBAAiB,GAAjB,iBAAiB,CAAmB;QApBjD,YAAO,GAAc,mBAAM,CAAC,KAAK,CAAC;QAElC,UAAK,GAAc,mBAAM,CAAC,IAAI,CAAC;QAE/B,eAAU,GAAc,mBAAM,CAAC,SAAS,CAAC;QAEzC,gBAAW,GAAc,mBAAM,CAAC,SAAS,CAAC;QAE1C,oBAAe,GAAc,mBAAM,CAAC,IAAI,CAAC;QAEzC,kBAAa,GAAc,mBAAM,CAAC,KAAK,CAAC;QAExC,YAAO,GAAW,CAAC,CAAC;QAWvB,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,8BAAS;oBAAT,SAAS;IADrB,wCAAiB;IAyBT,mBAAA,kBAAM,CAAA;IACN,mBAAA,kBAAM,CAAA;6CADM,YAAG;QACmB,wCAAiB;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,74 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AtomToggleButtonBarStyle = void 0;
+const AtomListBoxStyle_js_1 = require("./AtomListBoxStyle.js");
+class AtomToggleButtonBarStyle extends AtomListBoxStyle_js_1.AtomListBoxStyle {
+    constructor() {
+        super(...arguments);
+        this.toggleColor = "blue";
+    }
+    get root() {
+        return {
+            // tslint:disable-next-line: no-string-literal
+            ...this.getBaseProperty(AtomToggleButtonBarStyle, "root"),
+            display: "inline-block",
+            paddingInlineStart: 0,
+            margin: 0
+        };
+    }
+    get item() {
+        return {
+            // tslint:disable-next-line:no-string-literal
+            ...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`
+                }
+            }
+        };
+    }
+}
+exports.AtomToggleButtonBarStyle = AtomToggleButtonBarStyle;
+//# 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,+DAAyD;AAKzD,MAAa,wBAAyB,SAAQ,sCAAgB;IAA9D;;QAEW,gBAAW,GAAW,MAAM,CAAC;IAmExC,CAAC;IAjEG,IAAW,IAAI;QACX,OAAO;YACH,8CAA8C;YAC9C,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;YACH,6CAA6C;YAC7C,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;AArED,4DAqEC"}

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

@@ -0,0 +1,20 @@
+import { AtomStyle } from "../styles/AtomStyle.js";
+import { IStyleDeclaration } from "./IStyleDeclaration.js";
+/**
+ * Represents Window Style, in order to add more subclasses
+ * you can override content style
+ */
+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;AAE3D;;;GAGG;AACH,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"}