@joist/element 4.7.0 → 4.8.0

package/target/lib/tags.test.js

@@ -0,0 +1,93 @@
+import { assert } from "chai";
+import { CSSResult, HTMLResult, css, html } from "./tags.js";
+describe("tags", () => {
+    describe("html", () => {
+        it("should create an HTMLResult instance", () => {
+            const result = html `<div>Hello</div>`;
+            assert.instanceOf(result, HTMLResult);
+        });
+        it("should create a cloneable node", () => {
+            const result = html `<div>Hello</div>`;
+            const node = result.createNode();
+            assert.instanceOf(node, Node);
+            assert.equal(node.textContent, "Hello");
+        });
+        it("should apply HTML to shadow root", () => {
+            const div = document.createElement("div");
+            const shadow = div.attachShadow({ mode: "open" });
+            const result = html `<div>Hello</div>`;
+            result.apply(div);
+            assert.equal(shadow.innerHTML, "<div>Hello</div>");
+        });
+        it("should not apply HTML if no shadow root", () => {
+            const element = document.createElement("div");
+            const result = html `<div>Hello</div>`;
+            result.apply(element);
+            assert.equal(element.innerHTML, "");
+        });
+    });
+    describe("css", () => {
+        it("should create a CSSResult instance", () => {
+            const result = css `
+        div {
+          color: red;
+        }
+      `;
+            assert.instanceOf(result, CSSResult);
+        });
+        it("should create a stylesheet with correct content", () => {
+            const result = css `
+        div {
+          color: red;
+        }
+      `;
+            const element = document.createElement("div");
+            const shadow = element.attachShadow({ mode: "open" });
+            result.apply(element);
+            assert.equal(shadow.adoptedStyleSheets.length, 1);
+            assert.equal(shadow.adoptedStyleSheets[0].cssRules[0].cssText, "div { color: red; }");
+        });
+        it("should apply CSS to shadow root", () => {
+            const element = document.createElement("div");
+            const shadow = element.attachShadow({ mode: "open" });
+            const result = css `
+        div {
+          color: red;
+        }
+      `;
+            result.apply(element);
+            assert.equal(shadow.adoptedStyleSheets.length, 1);
+            assert.equal(shadow.adoptedStyleSheets[0].cssRules[0].cssText, "div { color: red; }");
+        });
+        it("should not apply CSS if no shadow root", () => {
+            const element = document.createElement("div");
+            const result = css `
+        div {
+          color: red;
+        }
+      `;
+            result.apply(element);
+            assert.equal(element.shadowRoot, null);
+        });
+        it("should append to existing style sheets", () => {
+            const element = document.createElement("div");
+            const shadow = element.attachShadow({ mode: "open" });
+            const sheet1 = css `
+        div {
+          color: red;
+        }
+      `;
+            const sheet2 = css `
+        span {
+          color: blue;
+        }
+      `;
+            sheet1.apply(element);
+            sheet2.apply(element);
+            assert.equal(shadow.adoptedStyleSheets.length, 2);
+            assert.equal(shadow.adoptedStyleSheets[0].cssRules[0].cssText, "div { color: red; }");
+            assert.equal(shadow.adoptedStyleSheets[1].cssRules[0].cssText, "span { color: blue; }");
+        });
+    });
+});
+//# sourceMappingURL=tags.test.js.map

package/target/lib/tags.test.js.map

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

package/target/lib.d.ts

@@ -0,0 +1,10 @@
+export { css, html, HTMLResult, CSSResult } from "./lib/tags.js";
+export { attr } from "./lib/attr.js";
+export { listen } from "./lib/listen.js";
+export { element } from "./lib/element.js";
+export { query } from "./lib/query.js";
+export { queryAll } from "./lib/query-all.js";
+export type { QueryResult } from "./lib/query.js";
+export { ready } from "./lib/lifecycle.js";
+export { attrChanged } from "./lib/attr-changed.js";
+//# sourceMappingURL=lib.d.ts.map

package/target/lib.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lib.d.ts","sourceRoot":"","sources":["../src/lib.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC"}

package/target/lib.js

@@ -0,0 +1,9 @@
+export { css, html, HTMLResult, CSSResult } from "./lib/tags.js";
+export { attr } from "./lib/attr.js";
+export { listen } from "./lib/listen.js";
+export { element } from "./lib/element.js";
+export { query } from "./lib/query.js";
+export { queryAll } from "./lib/query-all.js";
+export { ready } from "./lib/lifecycle.js";
+export { attrChanged } from "./lib/attr-changed.js";
+//# sourceMappingURL=lib.js.map

package/target/lib.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lib.js","sourceRoot":"","sources":["../src/lib.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC"}