@thi.ng/hiccup-css 2.3.6 → 2.4.0

package/CHANGELOG.md

@@ -1,6 +1,6 @@
 # Change Log
 
-- **Last updated**: 2023-12-31T09:44:24Z
+- **Last updated**: 2024-01-23T15:58:27Z
 - **Generator**: [thi.ng/monopub](https://thi.ng/monopub)
 
 All notable changes to this project will be documented in this file.
@@ -9,6 +9,12 @@ See [Conventional Commits](https://conventionalcommits.org/) for commit guidelin
 **Note:** Unlisted _patch_ versions only involve non-code or otherwise excluded changes
 and/or version bumps of transitive dependencies.
 
+## [2.4.0](https://github.com/thi-ng/umbrella/tree/@thi.ng/hiccup-css@2.4.0) (2024-01-23)
+
+#### 🚀 Features
+
+- add appendStyleSheet(), update injectStyleSheet() ([1eccb38](https://github.com/thi-ng/umbrella/commit/1eccb38))
+
 ### [2.3.4](https://github.com/thi-ng/umbrella/tree/@thi.ng/hiccup-css@2.3.4) (2023-12-22)
 
 #### 🩹 Bug fixes

package/README.md

@@ -679,4 +679,4 @@ If this project contributes to an academic publication, please cite it as:
 
 ## License
 
-© 2016 - 2023 Karsten Schmidt // Apache License 2.0
+© 2016 - 2024 Karsten Schmidt // Apache License 2.0

package/inject.d.ts

@@ -1,6 +1,7 @@
 /**
- * Injects given CSS string as global stylesheet in DOM head. If `first`
- * is true, inserts it as first stylesheet, else (default) appends it.
+ * Syntax sugar for {@link appendStyleSheet}. Injects given CSS string as global
+ * stylesheet in DOM head. If `first` is true, inserts it as first stylesheet,
+ * else (default) appends it.
  *
  * Returns created style DOM element.
  *
@@ -8,4 +9,15 @@
  * @param first - true, if prepend to stylesheet list (else append)
  */
 export declare const injectStyleSheet: (css: string, first?: boolean) => HTMLStyleElement;
+/**
+ * Injects given CSS string as <style> element and attaches it to `parent`. If
+ * `first` is true, inserts it as first child, else (default) appends it.
+ * Returns created style DOM element.
+ *
+ * @param css
+ * @param parent
+ * @param first
+ * @returns
+ */
+export declare const appendStyleSheet: (css: string, parent: Element | ShadowRoot, first?: boolean) => HTMLStyleElement;
 //# sourceMappingURL=inject.d.ts.map

package/inject.js

@@ -1,5 +1,5 @@
-const injectStyleSheet = (css, first = false) => {
-  const head = document.getElementsByTagName("head")[0];
+const injectStyleSheet = (css, first = false) => appendStyleSheet(css, document.head, first);
+const appendStyleSheet = (css, parent, first = false) => {
   const sheet = document.createElement("style");
   sheet.setAttribute("type", "text/css");
   if (sheet.styleSheet !== void 0) {
@@ -8,12 +8,13 @@ const injectStyleSheet = (css, first = false) => {
     sheet.textContent = css;
   }
   if (first) {
-    head.insertBefore(sheet, head.firstChild);
+    parent.insertBefore(sheet, parent.firstChild);
   } else {
-    head.appendChild(sheet);
+    parent.appendChild(sheet);
   }
   return sheet;
 };
 export {
+  appendStyleSheet,
   injectStyleSheet
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thi.ng/hiccup-css",
-  "version": "2.3.6",
+  "version": "2.4.0",
   "description": "CSS from nested JS data structures",
   "type": "module",
   "module": "./index.js",
@@ -35,10 +35,10 @@
     "test": "bun test"
   },
   "dependencies": {
-    "@thi.ng/api": "^8.9.16",
-    "@thi.ng/checks": "^3.4.16",
-    "@thi.ng/errors": "^2.4.10",
-    "@thi.ng/transducers": "^8.8.20"
+    "@thi.ng/api": "^8.9.17",
+    "@thi.ng/checks": "^3.4.17",
+    "@thi.ng/errors": "^2.4.11",
+    "@thi.ng/transducers": "^8.8.21"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.39.0",
@@ -126,5 +126,5 @@
     ],
     "year": 2016
   },
-  "gitHead": "b3db173682e1148cf08a6bd907b8d90b47b7c066\n"
+  "gitHead": "417b5a7ea7bd54a3b4f086fe0fc2ce8e8933c9b2\n"
 }