@web-atoms/core 2.5.11 → 2.5.13

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

@@ -0,0 +1,134 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AtomWindowStyle = 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 AtomStyle_js_1 = require("../styles/AtomStyle.js");
+/**
+ * Represents Window Style, in order to add more subclasses
+ * you can override content style
+ */
+class AtomWindowStyle extends AtomStyle_js_1.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: close_button_hover_svg_1.default
+            // As suggested by srikanth sir
+            //  subclasses: {
+            //      ":hover": {
+            //          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"
+                }
+            },
+        };
+    }
+}
+exports.AtomWindowStyle = AtomWindowStyle;
+//# 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,11 @@
+import { AtomStyleRules } from "../../style/StyleRule.js";
+import { IStyleDeclaration } from "./IStyleDeclaration.js";
+/**
+ * It will add custom stylesheet to the document and
+ * it will create a new unique scope class if selectorName was not provided
+ * @param style AtomStyleRules | IStyleDeclaration
+ * @param selectorName name of the selector (only use for CustomElement, do not use for components)
+ * @returns string
+ */
+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;AAgD3D;;;;;;GAMG;AACH,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

@@ -0,0 +1,76 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = CSS;
+const StyleRule_js_1 = require("../../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;
+}
+/**
+ * It will add custom stylesheet to the document and
+ * it will create a new unique scope class if selectorName was not provided
+ * @param style AtomStyleRules | IStyleDeclaration
+ * @param selectorName name of the selector (only use for CustomElement, do not use for components)
+ * @returns string
+ */
+function CSS(style, selectorName) {
+    let styleName = "";
+    if (style instanceof StyleRule_js_1.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

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