@web-atoms/core 2.6.14 → 2.6.18

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

@@ -1,115 +0,0 @@
-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 {
-    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

@@ -1 +0,0 @@
-{"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

@@ -1,17 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,41 +0,0 @@
-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 {
-    constructor(app, navigationService) {
-        super(app, "atom-theme");
-        this.navigationService = navigationService;
-        this.bgColor = Colors.white;
-        this.color = Colors.gray;
-        this.hoverColor = Colors.lightGray;
-        this.activeColor = Colors.lightBlue;
-        this.selectedBgColor = Colors.blue;
-        this.selectedColor = Colors.white;
-        this.padding = 5;
-        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

@@ -1 +0,0 @@
-{"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;IAuBzC,YACY,GAAQ,EACR,iBAA4C;QACpD,KAAK,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC;QADT,sBAAiB,GAAjB,iBAAiB,CAAmB;QApBjD,YAAO,GAAc,MAAM,CAAC,KAAK,CAAC;QAElC,UAAK,GAAc,MAAM,CAAC,IAAI,CAAC;QAE/B,eAAU,GAAc,MAAM,CAAC,SAAS,CAAC;QAEzC,gBAAW,GAAc,MAAM,CAAC,SAAS,CAAC;QAE1C,oBAAe,GAAc,MAAM,CAAC,IAAI,CAAC;QAEzC,kBAAa,GAAc,MAAM,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,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

@@ -1,9 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,68 +0,0 @@
-import { AtomListBoxStyle } from "./AtomListBoxStyle.js";
-export class AtomToggleButtonBarStyle extends AtomListBoxStyle {
-    constructor() {
-        super(...arguments);
-        this.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

@@ -1 +0,0 @@
-{"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;IAA9D;;QAEW,gBAAW,GAAW,MAAM,CAAC;IAmExC,CAAC;IAjEG,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/CSS.d.ts

@@ -1,4 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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"}

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

@@ -1,66 +0,0 @@
-import { AtomStyleRules } from "../../style/StyleRule.js";
-let styleId = 1;
-function fromCamelToHyphen(input) {
-    return input.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
-}
-function createStyleText(name, styles) {
-    const styleList = [];
-    const subclasses = [];
-    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 = fromCamelToHyphen(key);
-            if (key === "subclasses") {
-                const n = name;
-                for (const subclassKey in element) {
-                    if (element.hasOwnProperty(subclassKey)) {
-                        const ve = element[subclassKey];
-                        subclasses.push(...createStyleText(`${n}${subclassKey}`, ve));
-                    }
-                }
-            }
-            else {
-                if (element.url) {
-                    styleList.push(`${keyName}: url(${element})`);
-                }
-                else {
-                    styleList.push(`${keyName}: ${element}`);
-                }
-            }
-        }
-    }
-    const cname = fromCamelToHyphen(name);
-    const styleClassName = `${cname}`;
-    if (styleList.length) {
-        return [`${styleClassName} {\r\n${styleList.join(";\r\n")}; }`, ...subclasses];
-    }
-    return subclasses;
-}
-export default function CSS(style, selectorName) {
-    let styleName = "";
-    if (style instanceof AtomStyleRules) {
-        styleName = style.name || "";
-        if (styleName) {
-            styleName = "-" + styleName;
-        }
-        style = style.style;
-    }
-    let className = selectorName;
-    if (!selectorName) {
-        className = `wa-style-${styleId++}${styleName}`;
-        selectorName = `.${className}`;
-    }
-    const s = document.createElement("style");
-    s.id = selectorName;
-    const list = createStyleText(selectorName, style);
-    s.textContent = list.join("\r\n");
-    document.head.appendChild(s);
-    return className;
-}
-//# sourceMappingURL=CSS.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CSS.js","sourceRoot":"","sources":["../../../src/web/styles/CSS.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAG1D,IAAI,OAAO,GAAG,CAAC,CAAC;AAEhB,SAAS,iBAAiB,CAAC,KAAa;IACpC,OAAO,KAAK,CAAC,OAAO,CAAE,iBAAiB,EAAE,OAAO,CAAE,CAAC,WAAW,EAAE,CAAC;AACrE,CAAC;AAED,SAAS,eAAe,CAAC,IAAY,EAAE,MAAyB;IAC5D,MAAM,SAAS,GAAU,EAAE,CAAC;IAC5B,MAAM,UAAU,GAAG,EAAE,CAAC;IACtB,KAAK,MAAM,GAAG,IAAI,MAAM,EAAE,CAAC;QACvB,IAAI,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,CAAC;YAC7B,IAAI,iCAAiC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;gBAC9C,SAAS;YACb,CAAC;YACD,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;YAC5B,IAAI,OAAO,KAAK,SAAS,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;gBAC5C,SAAS;YACb,CAAC;YACD,MAAM,OAAO,GAAG,iBAAiB,CAAC,GAAG,CAAC,CAAC;YACvC,IAAI,GAAG,KAAK,YAAY,EAAE,CAAC;gBACvB,MAAM,CAAC,GAAG,IAAI,CAAC;gBACf,KAAK,MAAM,WAAW,IAAI,OAAO,EAAE,CAAC;oBAChC,IAAI,OAAO,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,CAAC;wBACtC,MAAM,EAAE,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC;wBAChC,UAAU,CAAC,IAAI,CAAE,GAAI,eAAe,CAAC,GAAG,CAAC,GAAG,WAAW,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;oBACpE,CAAC;gBACL,CAAC;YACL,CAAC;iBAAM,CAAC;gBACJ,IAAI,OAAO,CAAC,GAAG,EAAE,CAAC;oBACd,SAAS,CAAC,IAAI,CAAC,GAAG,OAAO,SAAS,OAAO,GAAG,CAAC,CAAC;gBAClD,CAAC;qBAAM,CAAC;oBACJ,SAAS,CAAC,IAAI,CAAC,GAAG,OAAO,KAAK,OAAO,EAAE,CAAC,CAAC;gBAC7C,CAAC;YACL,CAAC;QACL,CAAC;IACL,CAAC;IACD,MAAM,KAAK,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAEtC,MAAM,cAAc,GAAG,GAAG,KAAK,EAAE,CAAC;IAElC,IAAI,SAAS,CAAC,MAAM,EAAE,CAAC;QACnB,OAAO,CAAC,GAAG,cAAc,SAAS,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,GAAI,UAAU,CAAC,CAAC;IACpF,CAAC;IACD,OAAO,UAAU,CAAC;AACtB,CAAC;AASD,MAAM,CAAC,OAAO,UAAU,GAAG,CAAC,KAAyC,EAAE,YAAqB;IACxF,IAAI,SAAS,GAAG,EAAE,CAAC;IACnB,IAAI,KAAK,YAAY,cAAc,EAAE,CAAC;QAClC,SAAS,GAAG,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC;QAC7B,IAAI,SAAS,EAAE,CAAC;YACZ,SAAS,GAAG,GAAG,GAAG,SAAS,CAAC;QAChC,CAAC;QACD,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;IACxB,CAAC;IACD,IAAI,SAAS,GAAG,YAAY,CAAC;IAC7B,IAAI,CAAC,YAAY,EAAE,CAAC;QAChB,SAAS,GAAG,YAAY,OAAO,EAAE,GAAG,SAAS,EAAE,CAAC;QAChD,YAAY,GAAG,IAAI,SAAS,EAAE,CAAC;IACnC,CAAC;IACD,MAAM,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC1C,CAAC,CAAC,EAAE,GAAG,YAAY,CAAC;IACpB,MAAM,IAAI,GAAG,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;IAClD,CAAC,CAAC,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAClC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;IAC7B,OAAO,SAAS,CAAC;AACrB,CAAC"}

package/src/style/styled.ts

@@ -1,277 +0,0 @@
-function *divide (text: string) {
-    const regex = /^(([^\{\n]+\{[\t\x20]*)|([^\n\}]*\}[^\S\n\r]*))$/gm;
-    let m;
-    let sentOnce = false;
-    let lastIndex = 0;
-    let lastMatch: string;
-    while((m = regex.exec(text)) !== null) {
-        // This is necessary to avoid infinite loops with zero-width matches
-        if (m.index === regex.lastIndex) {
-            regex.lastIndex++;
-        }
-        const match = m[0];
-        if(!sentOnce) {
-            // send first text ..
-            // send current ..
-            sentOnce = true;
-            yield text.substring(lastIndex, m.index);
-            lastIndex = m.index + match.length;
-            lastMatch = match;
-            continue;
-        }
-
-        if (lastMatch.includes("}")) {
-            yield [lastMatch.trim()];
-            lastIndex = m.index + match.length;
-            lastMatch = match;
-            continue;
-        }
-
-        yield [lastMatch, text.substring(lastIndex, m.index), match];
-        lastIndex = m.index + match.length;
-        lastMatch = match;
-    }
-
-    if(lastMatch?.includes("}")) {
-        yield [lastMatch.trim()];
-    }
-};
-
-
-let id = 1;
-
-const nextId = () => `styled-r${id++}`;
-
-let first = document.head.firstElementChild;
-
-const markers = {
-
-};
-
-const addMarker = (name) => {
-    let m = document.head.querySelector(`meta[name="${name}"]`) as HTMLMetaElement;
-    if (m) {
-        first = m;
-        return markers[name] = m;
-    }
-    m = document.createElement("meta");
-    m.name = name;
-    if (first) {
-        first.insertAdjacentElement("afterend", m);
-    } else {
-        document.head.insertAdjacentElement("afterbegin", m);
-    }
-    first = m;
-    return markers[name] = m;
-}
-
-addMarker("global-low-marker");
-addMarker("global-marker");
-addMarker("global-high-marker");
-
-addMarker("local-low-marker");
-addMarker("local-marker");
-addMarker("local-high-marker");
-
-// export type IStyleFragment = Partial<StyleFragment>;
-
-class StyleFragment {
-
-    static newStyle( { selector = "", content = ""}) {
-        return new StyleFragment( { selector, content }) as Partial<StyleFragment>;
-    }
-
-    private selector: string;
-    private content: string;
-    private id?: string;
-    private description?: string;
-    private order: string = "low";
-
-    constructor({ selector, content }) {
-        this.selector = selector;
-        this.content = content;
-    }
-
-    expand(selector?) {
-        selector ??= this.selector;
-
-        let en = divide(this.content);
-
-        let parts = en.next();
-
-        if (parts.done) {
-            if (!this.content) {
-                return "";
-            }
-            return `${selector} {\n${this.content}\n}`;
-        }
-
-        const first = parts.value as string;
-
-        let content = first?.trim()
-            ? `${selector} {\n${first}\n}\n`
-            : "";
-
-        let selectorStack = [];
-
-        while (!(parts = en.next()).done) {
-            const [key, value] = parts.value as string[];
-
-            if (key.endsWith("}")) {
-                selector = selectorStack.pop();
-                if (selector === "@") {
-                    content += "\n}\n";
-                    selector = selectorStack.pop();
-                }
-                continue;
-            }
-
-            let keySelector = key.replace("{", "");
-
-            const isMedia = /\@/.test(keySelector);
-
-            const replace = !isMedia;
-
-            const replaced = replace
-                ? selector.split(",").map((x) => keySelector.replace(/\&/g, x).trim()).join(",")
-                : keySelector;
-
-            // const replaced = keySelector.replace(/\&/g, selector).trim();
-            // push stack...
-            selectorStack.push(selector);
-            selector = replace ? replaced : selector;
-            if (isMedia) {
-                selectorStack.push("@");
-            }
-
-            // only add rule if it is not empty...
-            if (value?.trim()) {
-                content += `${replaced} {\n${value}\n}\n`;
-            } else {
-                if (isMedia) {
-                    content += `${replaced} {\n`;
-                }
-            }
-        }
-
-        return content;
-    }
-
-    toString() {
-        return this.content.replace(/\\n/g,"");
-    }
-
-    /**
-     * Installs style globally, without appending it with any class
-     * @param selector global selector if any
-     * @param id id of style element
-     * @param description description if any
-     */
-    installGlobal(selector: string = "", id: string = this.id || selector, description?: string) {
-        const style = document.createElement("style");
-        style.textContent = this.expand(selector);
-        if (description) {
-            style.setAttribute("data-desc", description);
-        }
-        switch(this.order) {
-            case "low":
-                document.head.insertBefore(style, markers["global-low-marker"]);
-                break;
-            case "default":
-            case "medium":
-                document.head.insertBefore(style, markers["global-marker"]);
-                break;
-            case "high":
-                document.head.insertBefore(style, markers["global-high-marker"]);
-                break;
-        }
-        style.id = id;
-    }
-
-    /**
-     * Installs style with an auto generated class name
-     * @param prefix prefix of an element if any
-     * @param description description if any
-     * @returns string
-     */
-    installLocal(prefix: string = "", description: string = this.description) {
-        const selector = nextId();
-        const style = document.createElement("style");
-        const id = `${prefix}.${selector}`;
-        style.id = id;
-        style.textContent = this.expand(id);
-        if (description) {
-            style.setAttribute("data-desc", description);
-        }
-        switch(this.order) {
-            case "low":
-                document.head.insertBefore(style, markers["local-low-marker"]);
-                break;
-            case "default":
-            case "medium":
-                document.head.insertBefore(style, markers["local-marker"]);
-                break;
-            case "high":
-                document.head.insertBefore(style, markers["local-high-marker"]);
-                break;
-        }
-        return selector;
-    }
-
-    withId(id: string) {
-        this.id = id;
-        return this;
-    }
-    withDescription(description: string) {
-        this.description = description;
-        return this;
-    }
-
-    /**
-     * Order of installation.
-     * 
-     * @param order low | medium | high - default is low
-     * @returns 
-     */
-    withOrder(order: "low" | "medium" | "high") {
-        this.order = order;
-        return this;
-    }
-}
-
-export type IStyleFragments = {
-    [key: string]: StyleFragment;
-};
-
-export type IStyleFragmentSet = {
-    [key: string]: IStyleFragments;
-}
-
-const styles: IStyleFragmentSet[] = [];
-
-const styled = {
-
-    get styles() {
-        return styles;
-    },
-
-    css: (t: TemplateStringsArray, ... a: any[]) => {
-        let r = "";
-        for (let index = 0; index < t.length; index++) {
-            const element = t[index];
-            r += element;
-            if (index < a.length) {
-                r += a[index];
-            }
-        }
-        return StyleFragment.newStyle( { content: r });
-    },
-
-    add(x: IStyleFragmentSet) {
-        styles.push(x);
-    },
-};
-
-export default styled;
-
-export const svgAsCssDataUrl = (text: string) => `url(${JSON.stringify(`data:image/svg+xml,${text}`)})`;

package/src/unit/AtomWebTest.ts

@@ -1,33 +0,0 @@
-import { AtomDispatcher } from "../core/AtomDispatcher.js";
-import { MockApp } from "../MockApp.js";
-import { MockNavigationService } from "../services/MockNavigationService.js";
-import { NavigationService } from "../services/NavigationService.js";
-import { AtomTest } from "./AtomTest.js";
-import { AtomGridView } from "../web/controls/AtomGridView.js";
-import { AtomStyleSheet } from "../web/styles/AtomStyleSheet.js";
-import { AtomTheme } from "../web/styles/AtomTheme.js";
-
-export class MockWebApp extends MockApp {
-
-}
-
-export default class  AtomWebTest extends AtomTest {
-
-    public get navigationService(): MockNavigationService {
-        return this.app.get(NavigationService as any);
-    }
-
-    constructor() {
-        super(new MockWebApp());
-        this.app.put(AtomTheme, this.app.resolve(AtomTheme));
-        this.app.put(AtomStyleSheet, this.app.resolve(AtomTheme));
-    }
-
-    public async dispose(): Promise<any> {
-        if (this.navigationService.assert) {
-            this.navigationService.assert();
-        }
-        await this.app.waitForPendingCalls();
-    }
-
-}