@thi.ng/rdom 1.0.5 → 1.1.0

package/CHANGELOG.md

@@ -1,6 +1,6 @@
 # Change Log
 
-- **Last updated**: 2024-01-30T21:37:19Z
+- **Last updated**: 2024-02-10T08:59:56Z
 - **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.
 
+## [1.1.0](https://github.com/thi-ng/umbrella/tree/@thi.ng/rdom@1.1.0) (2024-02-10)
+
+#### 🚀 Features
+
+- add $toggleClasses() DOM util ([31d19b1](https://github.com/thi-ng/umbrella/commit/31d19b1))
+
 # [1.0.0](https://github.com/thi-ng/umbrella/tree/@thi.ng/rdom@1.0.0) (2024-01-23)
 
 #### 🛑 Breaking changes

package/README.md

@@ -1,5 +1,15 @@
 <!-- This file is generated - DO NOT EDIT! -->
 <!-- Please see: https://github.com/thi-ng/umbrella/blob/develop/CONTRIBUTING.md#changes-to-readme-files -->
+> [!IMPORTANT]
+> ‼️ Announcing the thi.ng user survey 2024 📋
+>
+> [Please participate in the survey here!](https://forms.gle/XacbSDEmQMPZg8197)\
+> (open until end of February)
+>
+> **To achieve a better sample size, I'd highly appreciate if you could
+> circulate the link to this survey in your own networks.**
+>
+> [Discussion](https://github.com/thi-ng/umbrella/discussions/447)
 
 # ![@thi.ng/rdom](https://media.thi.ng/umbrella/banners-20230807/thing-rdom.svg?2193a58e)
 
@@ -280,7 +290,7 @@ For Node.js REPL:
 const rdom = await import("@thi.ng/rdom");
 ```
 
-Package sizes (brotli'd, pre-treeshake): ESM: 3.99 KB
+Package sizes (brotli'd, pre-treeshake): ESM: 4.02 KB
 
 ## Dependencies
 
@@ -332,6 +342,7 @@ directory are using this package:
 | <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/related-images.jpg" width="240"/>      | Responsive image gallery with tag-based Jaccard similarity ranking                                      | [Demo](https://demo.thi.ng/umbrella/related-images/)      | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/related-images)      |
 | <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/render-audio.png" width="240"/>        | Generative audio synth offline renderer and WAV file export                                             | [Demo](https://demo.thi.ng/umbrella/render-audio/)        | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/render-audio)        |
 | <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/rstream-sync.png" width="240"/>        | Minimal rstream sync() example using rdom                                                               | [Demo](https://demo.thi.ng/umbrella/rstream-sync/)        | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rstream-sync)        |
+| <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/rstream-system-bus.png" width="240"/>  | Declarative component-based system with central rstream-based pubsub event bus                          | [Demo](https://demo.thi.ng/umbrella/rstream-system-bus/)  | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/rstream-system-bus)  |
 | <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/stacked-layout.png" width="240"/>      | Responsive & reactively computed stacked column layout                                                  | [Demo](https://demo.thi.ng/umbrella/stacked-layout/)      | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/stacked-layout)      |
 | <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/svg-resample.png" width="240"/>        | SVG path parsing & dynamic resampling                                                                   | [Demo](https://demo.thi.ng/umbrella/svg-resample/)        | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/svg-resample)        |
 | <img src="https://raw.githubusercontent.com/thi-ng/umbrella/develop/assets/examples/trace-bitmap.jpg" width="240"/>        | Multi-layer vectorization & dithering of bitmap images                                                  | [Demo](https://demo.thi.ng/umbrella/trace-bitmap/)        | [Source](https://github.com/thi-ng/umbrella/tree/develop/examples/trace-bitmap)        |

package/dom.d.ts

@@ -164,6 +164,14 @@ export declare const $attribs: (el: Element, attribs: any) => Element;
  * @param rules -
  */
 export declare const $style: (el: Element, rules: string | any) => void;
+/**
+ * Adds or removes the given CSS classes from a DOM element. If a class is
+ * currently present it will be removed, otherwise added.
+ *
+ * @param el
+ * @param classes
+ */
+export declare const $toggleClasses: (el: Element, ...classes: string[]) => void;
 /**
  * Registers an XML namespace prefix and its URL for later use, e.g. to define
  * namespaced elements/attributes via {@link $el}, {@link $tree}.

package/dom.js

@@ -200,6 +200,12 @@ const $style = (el, rules) => {
     }
   }
 };
+const $toggleClasses = (el, ...classes) => {
+  const list = el.classList;
+  for (let c of classes) {
+    list.contains(c) ? list.remove(c) : list.add(c);
+  }
+};
 const PREFIXES = {
   svg: XML_SVG,
   xlink: XML_XLINK,
@@ -223,6 +229,7 @@ export {
   $remove,
   $style,
   $text,
+  $toggleClasses,
   $tree,
   registerPrefix
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thi.ng/rdom",
-  "version": "1.0.5",
+  "version": "1.1.0",
   "description": "Lightweight, reactive, VDOM-less UI/DOM components with async lifecycle and @thi.ng/hiccup compatible",
   "type": "module",
   "module": "./index.js",
@@ -36,20 +36,20 @@
     "test": "bun test"
   },
   "dependencies": {
-    "@thi.ng/api": "^8.9.22",
-    "@thi.ng/checks": "^3.4.22",
-    "@thi.ng/errors": "^2.4.15",
-    "@thi.ng/hiccup": "^5.1.11",
-    "@thi.ng/paths": "^5.1.63",
-    "@thi.ng/prefixes": "^2.3.7",
-    "@thi.ng/rstream": "^8.2.25",
-    "@thi.ng/strings": "^3.7.13"
+    "@thi.ng/api": "^8.9.23",
+    "@thi.ng/checks": "^3.4.23",
+    "@thi.ng/errors": "^2.4.16",
+    "@thi.ng/hiccup": "^5.1.12",
+    "@thi.ng/paths": "^5.1.65",
+    "@thi.ng/prefixes": "^2.3.8",
+    "@thi.ng/rstream": "^8.3.1",
+    "@thi.ng/strings": "^3.7.14"
   },
   "devDependencies": {
-    "@microsoft/api-extractor": "^7.39.0",
-    "esbuild": "^0.19.10",
+    "@microsoft/api-extractor": "^7.40.1",
+    "esbuild": "^0.20.0",
     "rimraf": "^5.0.5",
-    "typedoc": "^0.25.4",
+    "typedoc": "^0.25.7",
     "typescript": "^5.3.3"
   },
   "keywords": [
@@ -142,5 +142,5 @@
     ],
     "year": 2020
   },
-  "gitHead": "a86521dfac00768f7e51a607209325eb72004730\n"
+  "gitHead": "e5e7d5c6ed2eadee7a91d59cbd0c86ce880ab1c5\n"
 }