@d3plus/dom 3.0.15 → 3.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 D3plus
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,5 +1,5 @@
 # @d3plus/dom
-  
+
 JavaScript functions for manipulating and analyzing DOM elements.
 
 ## Installing
@@ -7,10 +7,10 @@ JavaScript functions for manipulating and analyzing DOM elements.
 If using npm, `npm install @d3plus/dom`. Otherwise, you can download the [latest release from GitHub](https://github.com/d3plus/d3plus/releases/latest) or load from a [CDN](https://cdn.jsdelivr.net/npm/@d3plus/dom).
 
 ```js
-import modules from "@d3plus/dom";
+import {*} from "@d3plus/dom";
 ```
 
-In vanilla JavaScript, a `d3plus` global is exported from the pre-bundled version:
+In a vanilla environment, a `d3plus` global is exported from the pre-bundled version:
 
 ```html
 <script src="https://cdn.jsdelivr.net/npm/@d3plus/dom"></script>
@@ -21,154 +21,329 @@ In vanilla JavaScript, a `d3plus` global is exported from the pre-bundled versio
 
 ## Examples
 
-Live examples can be found on [d3plus.org](https://d3plus.org/), which includes a collection of example visualizations using @d3plus/react.
+Live examples can be found on [d3plus.org](https://d3plus.org/), which includes a collection of example visualizations using [@d3plus/react](https://github.com/d3plus/d3plus/tree/main/packages/react).
 
 ## API Reference
 
-##### 
-* [assign](#assign) - A deeply recursive version of `Object.assign`.
-* [attrize](#attrize) - Applies each key/value in an object as an attr.
-* [date](#date) - Parses numbers and strings to valid Javascript Date objects.
-* [elem](#elem) - Manages the enter/update/exit pattern for a single DOM element.
-* [fontExists](#fontExists) - Given either a single font-family or a list of fonts, returns the name of the first font that can be rendered, or `false` if none are installed on the user's machine.
-* [isObject](#isObject) - Detects if a variable is a javascript Object.
-* [parseSides](#parseSides) - Converts a string of directional CSS shorthand values into an object with the values expanded.
-* [prefix](#prefix) - Returns the appropriate CSS vendor prefix, given the current browser.
-* [rtl](#rtl) - Returns `true` if the HTML or body element has either the "dir" HTML attribute or the "direction" CSS property set to "rtl".
-* [stylize](#stylize) - Applies each key/value in an object as a style.
-* [htmlDecode](#htmlDecode) - Strips HTML and "un-escapes" escape characters.
-* [textWidth](#textWidth) - Given a text string, returns the predicted pixel width of the string when placed into DOM.
-
----
-
-<a name="assign"></a>
-#### d3plus.**assign**(...objects) [<>](https://github.com/d3plus/d3plus/blob/main/packages/dom/src/assign.js#L14)
+| Functions | Description |
+| --- | --- |
+| [`assign`](#assign) | A deeply recursive version of `Object.assign`. |
+| [`attrize`](#attrize) | Applies each key/value in an object as an attr. |
+| [`backgroundColor`](#backgroundcolor) | Given a DOM element, returns its background color by walking up the |
+| [`date`](#date) | Parses numbers and strings into valid JavaScript Date objects, supporting years, quarters, months, and ISO 8601 formats. |
+| [`elem`](#elem) | Manages the enter/update/exit pattern for a single DOM element, applying enter, update, and exit attributes with optiona |
+| [`fontExists`](#fontexists) | Given either a single font-family or a list of fonts, returns the name of the first font that can be rendered, or `false |
+| [`inViewport`](#inviewport) | Determines whether a given DOM element is visible within the current viewport, with an optional pixel buffer. |
+| [`isObject`](#isobject) | Detects if a variable is a javascript Object. |
+| [`parseSides`](#parsesides) | Converts a string of directional CSS shorthand values into an object with the values expanded. |
+| [`rtl`](#rtl) | Returns `true` if the HTML or body element has either the "dir" HTML attribute or the "direction" CSS property set to "r |
+| [`stylize`](#stylize) | Applies each key/value in an object as a style. |
+| [`textWidth`](#textwidth) | Given a text string, returns the predicted pixel width of the string when placed into DOM. |
+
+| Type Aliases | Description |
+| --- | --- |
+| [`D3Selection`](#d3selection) |  |
+
+## Functions
+
+<a id="assign"></a>
+
+### assign()
+
+> **assign**(...`objects`: `Record`\<`string`, `unknown`\>[]): `Record`\<`string`, `unknown`\>
+
+Defined in: [assign.ts:21](https://github.com/d3plus/d3plus/blob/e9db3c74352143cd7b6bdc8d0786477ea971eb6d/packages/dom/src/assign.ts#L21)
 
 A deeply recursive version of `Object.assign`.
 
+#### Parameters
 
-This is a global function
-this
+| Parameter | Type | Description |
+| ------ | ------ | ------ |
+| ...`objects` | `Record`\<`string`, `unknown`\>[] | The source objects to merge into the target. |
 
-```js
+#### Returns
+
+`Record`\<`string`, `unknown`\>
+
+#### Examples
+
+```ts
 assign({id: "foo", deep: {group: "A"}}, {id: "bar", deep: {value: 20}}));
-    
 ```
-returns this
 
-```js
+```ts
 {id: "bar", deep: {group: "A", value: 20}}
 ```
 
----
+***
+
+<a id="attrize"></a>
+
+### attrize()
+
+> **attrize**(`e`: `Attrable`, `a?`: `Record`\<`string`, `string` \| `number` \| `boolean` \| `null`\>): `void`
 
-<a name="attrize"></a>
-#### d3plus.**attrize**(elem, attrs) [<>](https://github.com/d3plus/d3plus/blob/main/packages/dom/src/attrize.js#L1)
+Defined in: [attrize.ts:8](https://github.com/d3plus/d3plus/blob/e9db3c74352143cd7b6bdc8d0786477ea971eb6d/packages/dom/src/attrize.ts#L8)
 
 Applies each key/value in an object as an attr.
 
+#### Parameters
+
+| Parameter | Type | Description |
+| ------ | ------ | ------ |
+| `e` | `Attrable` | The d3 selection to apply attributes to. |
+| `a` | `Record`\<`string`, `string` \| `number` \| `boolean` \| `null`\> | An object of key/value attr pairs. |
+
+#### Returns
+
+`void`
+
+***
+
+<a id="backgroundcolor"></a>
+
+### backgroundColor()
+
+> **backgroundColor**(`elem`: `Element`): `string`
+
+Defined in: [backgroundColor.ts:7](https://github.com/d3plus/d3plus/blob/e9db3c74352143cd7b6bdc8d0786477ea971eb6d/packages/dom/src/backgroundColor.ts#L7)
+
+Given a DOM element, returns its background color by walking up the
+ancestor chain until a non-transparent background is found. Falls back
+to "rgb(255, 255, 255)" (white) if every ancestor is transparent.
+
+#### Parameters
+
+| Parameter | Type | Description |
+| ------ | ------ | ------ |
+| `elem` | `Element` | The DOM element to check. |
+
+#### Returns
+
+`string`
+
+***
+
+<a id="date"></a>
+
+### date()
+
+> **date**(`d`: `string` \| `number` \| `false` \| `undefined`): `false` \| `Date` \| `undefined`
+
+Defined in: [date.ts:5](https://github.com/d3plus/d3plus/blob/e9db3c74352143cd7b6bdc8d0786477ea971eb6d/packages/dom/src/date.ts#L5)
+
+Parses numbers and strings into valid JavaScript Date objects, supporting years, quarters, months, and ISO 8601 formats.
+
+#### Parameters
+
+| Parameter | Type | Description |
+| ------ | ------ | ------ |
+| `d` | `string` \| `number` \| `false` \| *required* | The date value to parse (number, string, or Date). |
+
+#### Returns
+
+`false` \| `Date` \| `undefined`
 
-This is a global function
+***
 
----
+<a id="elem"></a>
 
-<a name="date"></a>
-#### d3plus.**date**(*date*) [<>](https://github.com/d3plus/d3plus/blob/main/packages/dom/src/date.js#L1)
+### elem()
 
-Returns a javascript Date object for a given a Number (representing either a 4-digit year or milliseconds since epoch), a String representing a Quarter (ie. "Q2 1987", mapping to the last day in that quarter), or a String that is in [valid dateString format](http://dygraphs.com/date-formats.html). Besides the 4-digit year parsing, this function is useful when needing to parse negative (BC) years, which the vanilla Date object cannot parse.
+> **elem**(`selector`: `string`, `p?`: `ElemParams`): `Selection`
 
+Defined in: [elem.ts:28](https://github.com/d3plus/d3plus/blob/e9db3c74352143cd7b6bdc8d0786477ea971eb6d/packages/dom/src/elem.ts#L28)
 
-This is a global function
+Manages the enter/update/exit pattern for a single DOM element, applying enter, update, and exit attributes with optional transitions.
 
----
+#### Parameters
 
-<a name="elem"></a>
-#### d3plus.**elem**(selector, params) [<>](https://github.com/d3plus/d3plus/blob/main/packages/dom/src/elem.js#L6)
+| Parameter | Type | Description |
+| ------ | ------ | ------ |
+| `selector` | `string` | A CSS selector string for the element tag and classes. |
+| `p?` | `ElemParams` | Configuration object with enter, exit, update, and parent options. |
 
-Manages the enter/update/exit pattern for a single DOM element.
+#### Returns
 
+`Selection`
 
-This is a global function
+***
 
----
+<a id="fontexists"></a>
 
-<a name="fontExists"></a>
-#### d3plus.**fontExists**(font) [<>](https://github.com/d3plus/d3plus/blob/main/packages/dom/src/fontExists.js#L10)
+### fontExists()
+
+> **fontExists**(`font`: `string` \| `string`[]): `string` \| `false`
+
+Defined in: [fontExists.ts:13](https://github.com/d3plus/d3plus/blob/e9db3c74352143cd7b6bdc8d0786477ea971eb6d/packages/dom/src/fontExists.ts#L13)
 
 Given either a single font-family or a list of fonts, returns the name of the first font that can be rendered, or `false` if none are installed on the user's machine.
 
+#### Parameters
+
+| Parameter | Type | Description |
+| ------ | ------ | ------ |
+| `font` | `string` \| `string`[] | Can be either a valid CSS font-family string (single or comma-separated names) or an Array of string names. |
+
+#### Returns
+
+`string` \| `false`
+
+***
+
+<a id="inviewport"></a>
+
+### inViewport()
+
+> **inViewport**(`elem`: `Element`, `buffer?`: `number`): `boolean`
+
+Defined in: [inViewport.ts:6](https://github.com/d3plus/d3plus/blob/e9db3c74352143cd7b6bdc8d0786477ea971eb6d/packages/dom/src/inViewport.ts#L6)
 
-This is a global function
+Determines whether a given DOM element is visible within the current viewport, with an optional pixel buffer.
 
----
+#### Parameters
 
-<a name="isObject"></a>
-#### d3plus.**isObject**(item) [<>](https://github.com/d3plus/d3plus/blob/main/packages/dom/src/isObject.js#L1)
+| Parameter | Type | Default | Description |
+| ------ | ------ | ------ | ------ |
+| `elem` | `Element` | *required* | The DOM element to check. |
+| `buffer` | `number` | `0` | Extra pixel margin around the viewport boundary. |
+
+#### Returns
+
+`boolean`
+
+***
+
+<a id="isobject"></a>
+
+### isObject()
+
+> **isObject**(`item`: `unknown`): `boolean`
+
+Defined in: [isObject.ts:5](https://github.com/d3plus/d3plus/blob/e9db3c74352143cd7b6bdc8d0786477ea971eb6d/packages/dom/src/isObject.ts#L5)
 
 Detects if a variable is a javascript Object.
 
+#### Parameters
+
+| Parameter | Type | Description |
+| ------ | ------ | ------ |
+| `item` | `unknown` | The value to test. |
+
+#### Returns
 
-This is a global function
+`boolean`
 
----
+***
 
-<a name="parseSides"></a>
-#### d3plus.**parseSides**(sides) [<>](https://github.com/d3plus/d3plus/blob/main/packages/dom/src/parseSides.js#L1)
+<a id="parsesides"></a>
+
+### parseSides()
+
+> **parseSides**(`sides`: `string` \| `number`): `ParsedSides`
+
+Defined in: [parseSides.ts:12](https://github.com/d3plus/d3plus/blob/e9db3c74352143cd7b6bdc8d0786477ea971eb6d/packages/dom/src/parseSides.ts#L12)
 
 Converts a string of directional CSS shorthand values into an object with the values expanded.
 
+#### Parameters
 
-This is a global function
+| Parameter | Type | Description |
+| ------ | ------ | ------ |
+| `sides` | `string` \| `number` | The CSS shorthand string to expand. |
 
----
+#### Returns
 
-<a name="prefix"></a>
-#### d3plus.**prefix**() [<>](https://github.com/d3plus/d3plus/blob/main/packages/dom/src/prefix.js#L1)
+`ParsedSides`
 
-Returns the appropriate CSS vendor prefix, given the current browser.
+***
 
+<a id="rtl"></a>
 
-This is a global function
+### rtl()
 
----
+> **rtl**(): `boolean`
 
-<a name="rtl"></a>
-#### d3plus.**rtl**() [<>](https://github.com/d3plus/d3plus/blob/main/packages/dom/src/rtl.js#L3)
+Defined in: [rtl.ts:4](https://github.com/d3plus/d3plus/blob/e9db3c74352143cd7b6bdc8d0786477ea971eb6d/packages/dom/src/rtl.ts#L4)
 
 Returns `true` if the HTML or body element has either the "dir" HTML attribute or the "direction" CSS property set to "rtl".
 
+#### Returns
+
+`boolean`
+
+***
 
-This is a global function
+<a id="stylize"></a>
 
----
+### stylize()
 
-<a name="stylize"></a>
-#### d3plus.**stylize**(elem, styles) [<>](https://github.com/d3plus/d3plus/blob/main/packages/dom/src/stylize.js#L1)
+> **stylize**(`e`: `Stylable`, `s?`: `Record`\<`string`, `string` \| `number` \| `boolean` \| `null`\>): `void`
+
+Defined in: [stylize.ts:8](https://github.com/d3plus/d3plus/blob/e9db3c74352143cd7b6bdc8d0786477ea971eb6d/packages/dom/src/stylize.ts#L8)
 
 Applies each key/value in an object as a style.
 
+#### Parameters
+
+| Parameter | Type | Description |
+| ------ | ------ | ------ |
+| `e` | `Stylable` | The d3 selection to apply styles to. |
+| `s` | `Record`\<`string`, `string` \| `number` \| `boolean` \| `null`\> | An object of key/value style pairs. |
 
-This is a global function
+#### Returns
 
----
+`void`
 
-<a name="htmlDecode"></a>
-#### d3plus.**htmlDecode**(input) [<>](https://github.com/d3plus/d3plus/blob/main/packages/dom/src/textWidth.js#L5)
+***
 
-Strips HTML and "un-escapes" escape characters.
+<a id="textwidth"></a>
 
+### textWidth()
 
-This is a global function
+#### Call Signature
 
----
+> **textWidth**(`text`: `string`, `style?`: `Record`\<`string`, `string` \| `number`\>): `number`
 
-<a name="textWidth"></a>
-#### d3plus.**textWidth**(text, [style]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/dom/src/textWidth.js#L12)
+Defined in: [textWidth.ts:49](https://github.com/d3plus/d3plus/blob/e9db3c74352143cd7b6bdc8d0786477ea971eb6d/packages/dom/src/textWidth.ts#L49)
 
 Given a text string, returns the predicted pixel width of the string when placed into DOM.
 
+##### Parameters
+
+| Parameter | Type | Description |
+| ------ | ------ | ------ |
+| `text` | `string` | The text string to measure. |
+| `style?` | `Record`\<`string`, `string` \| `number`\> | CSS style properties to apply when measuring. |
+
+##### Returns
+
+`number`
+
+#### Call Signature
+
+> **textWidth**(`text`: `string`[], `style?`: `Record`\<`string`, `string` \| `number`\>): `number`[]
+
+Defined in: [textWidth.ts:53](https://github.com/d3plus/d3plus/blob/e9db3c74352143cd7b6bdc8d0786477ea971eb6d/packages/dom/src/textWidth.ts#L53)
+
+##### Parameters
+
+| Parameter | Type |
+| ------ | ------ |
+| `text` | `string`[] |
+| `style?` | `Record`\<`string`, `string` \| `number`\> |
+
+##### Returns
+
+`number`[]
+
+## Type Aliases
+
+<a id="d3selection"></a>
 
-This is a global function
+### D3Selection
 
----
+> **D3Selection** = `ReturnType`\<*typeof* `select`\>
 
+Defined in: [D3Selection.ts:12](https://github.com/d3plus/d3plus/blob/e9db3c74352143cd7b6bdc8d0786477ea971eb6d/packages/dom/src/D3Selection.ts#L12)

package/es/index.js

@@ -1,4 +1,5 @@
 export { default as assign } from "./src/assign.js";
+export { default as backgroundColor } from "./src/backgroundColor.js";
 export { default as attrize } from "./src/attrize.js";
 export { default as date } from "./src/date.js";
 export { default as elem } from "./src/elem.js";
@@ -7,7 +8,6 @@ export { default as getSize } from "./src/getSize.js";
 export { default as inViewport } from "./src/inViewport.js";
 export { default as isObject } from "./src/isObject.js";
 export { default as parseSides } from "./src/parseSides.js";
-export { default as prefix } from "./src/prefix.js";
 export { default as rtl } from "./src/rtl.js";
 export { default as stylize } from "./src/stylize.js";
 export { default as textWidth } from "./src/textWidth.js";

package/es/src/D3Selection.js

@@ -0,0 +1,4 @@
+/**
+    @interface Stylable
+    Anything that supports `.style(name, value)` — both Selection and Transition.
+*/ export { };

package/es/src/assign.js

@@ -1,21 +1,19 @@
 import isObject from "./isObject.js";
 /**
-    @function validObject
-    @desc Determines if the object passed is the document or window.
-    @param {Object} obj
-    @private
+    Determines if the object passed is the document or window.
+    @param obj @private
 */ function validObject(obj) {
     if (typeof window === "undefined") return true;
     else return obj !== window && obj !== document;
 }
 /**
-    @function assign
-    @desc A deeply recursive version of `Object.assign`.
-    @param {...Object} objects
-    @example <caption>this</caption>
+    A deeply recursive version of `Object.assign`.
+
+@example <caption>this</caption>
 assign({id: "foo", deep: {group: "A"}}, {id: "bar", deep: {value: 20}}));
     @example <caption>returns this</caption>
 {id: "bar", deep: {group: "A", value: 20}}
+    @param objects The source objects to merge into the target.
 */ function assign() {
     var _loop = function(i) {
         var source = objects[i];

package/es/src/attrize.js

@@ -1,8 +1,7 @@
 /**
-    @function attrize
-    @desc Applies each key/value in an object as an attr.
-    @param {D3selection} elem The D3 element to apply the styles to.
-    @param {Object} attrs An object of key/value attr pairs.
+    Applies each key/value in an object as an attr.
+    @param e The d3 selection to apply attributes to.
+    @param a An object of key/value attr pairs.
 */ export default function(e) {
     var a = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     for(var k in a)if (({}).hasOwnProperty.call(a, k)) e.attr(k, a[k]);

package/es/src/backgroundColor.js

@@ -0,0 +1,14 @@
+/**
+    Given a DOM element, returns its background color by walking up the
+    ancestor chain until a non-transparent background is found. Falls back
+    to "rgb(255, 255, 255)" (white) if every ancestor is transparent.
+    @param elem The DOM element to check.
+*/ export default function(elem) {
+    var node = elem;
+    while(node){
+        var bg = getComputedStyle(node).backgroundColor;
+        if (bg && bg !== "transparent" && bg !== "rgba(0, 0, 0, 0)") return bg;
+        node = node.parentElement;
+    }
+    return "rgb(255, 255, 255)";
+}

package/es/src/date.js

@@ -1,8 +1,6 @@
 /**
-    @function date
-    @summary Parses numbers and strings to valid Javascript Date objects.
-    @description Returns a javascript Date object for a given a Number (representing either a 4-digit year or milliseconds since epoch), a String representing a Quarter (ie. "Q2 1987", mapping to the last day in that quarter), or a String that is in [valid dateString format](http://dygraphs.com/date-formats.html). Besides the 4-digit year parsing, this function is useful when needing to parse negative (BC) years, which the vanilla Date object cannot parse.
-    @param {Number|String} *date*
+    Parses numbers and strings into valid JavaScript Date objects, supporting years, quarters, months, and ISO 8601 formats.
+    @param d The date value to parse (number, string, or Date).
 */ export default function(d) {
     // returns if falsey or already Date object
     if ([
@@ -41,8 +39,8 @@
         return date2;
     }
     // tests for monthly formats (ie. "MM-YYYY" and "YYYY-MM")
-    var monthPrefix = new RegExp(/^([-*\d]{1,2})\-(-*\d{1,4})$/g).exec(s);
-    var monthSuffix = new RegExp(/^(-*\d{1,4})\-([-*\d]{1,2})$/g).exec(s);
+    var monthPrefix = new RegExp(/^([-*\d]{1,2})-(-*\d{1,4})$/g).exec(s);
+    var monthSuffix = new RegExp(/^(-*\d{1,4})-([-*\d]{1,2})$/g).exec(s);
     if (monthPrefix || monthSuffix) {
         var month = +(monthPrefix ? monthPrefix[1] : monthSuffix[2]);
         var year3 = +(monthPrefix ? monthPrefix[2] : monthSuffix[1]);

package/es/src/elem.js

@@ -2,19 +2,12 @@ import { select } from "d3-selection";
 import { transition } from "d3-transition";
 import { default as attrize } from "./attrize.js";
 /**
-    @function elem
-    @desc Manages the enter/update/exit pattern for a single DOM element.
-    @param {String} selector A D3 selector, which must include the tagname and a class and/or ID.
-    @param {Object} params Additional parameters.
-    @param {Boolean} [params.condition = true] Whether or not the element should be rendered (or removed).
-    @param {Object} [params.enter = {}] A collection of key/value pairs that map to attributes to be given on enter.
-    @param {Object} [params.exit = {}] A collection of key/value pairs that map to attributes to be given on exit.
-    @param {D3Selection} [params.parent = d3.select("body")] The parent element for this new element to be appended to.
-    @param {Number} [params.duration = 0] The duration for the d3 transition.
-    @param {Object} [params.update = {}] A collection of key/value pairs that map to attributes to be given on update.
+    Manages the enter/update/exit pattern for a single DOM element, applying enter, update, and exit attributes with optional transitions.
+    @param selector A CSS selector string for the element tag and classes.
+    @param p Configuration object with enter, exit, update, and parent options.
 */ export default function(selector, p) {
     // overrides default params
-    p = Object.assign({}, {
+    var params = Object.assign({}, {
         condition: true,
         enter: {},
         exit: {},
@@ -22,17 +15,17 @@ import { default as attrize } from "./attrize.js";
         parent: select("body"),
         update: {}
     }, p);
-    var className = /\.([^#]+)/g.exec(selector), id = /#([^.]+)/g.exec(selector), t = transition().duration(p.duration), tag = /^([^.^#]+)/g.exec(selector)[1];
-    var elem = p.parent.selectAll(selector.includes(":") ? selector.split(":")[1] : selector).data(p.condition ? [
+    var className = /\.([^#]+)/g.exec(selector), id = /#([^.]+)/g.exec(selector), t = transition().duration(params.duration), tag = /^([^.^#]+)/g.exec(selector)[1];
+    var elem = params.parent.selectAll(selector.includes(":") ? selector.split(":")[1] : selector).data(params.condition ? [
         null
     ] : []);
-    var enter = elem.enter().append(tag).call(attrize, p.enter);
+    var enter = elem.enter().append(tag).call(attrize, params.enter);
     if (id) enter.attr("id", id[1]);
     if (className) enter.attr("class", className[1]);
-    if (p.duration) elem.exit().transition(t).call(attrize, p.exit).remove();
-    else elem.exit().call(attrize, p.exit).remove();
+    if (params.duration) elem.exit().transition(t).call(attrize, params.exit).remove();
+    else elem.exit().call(attrize, params.exit).remove();
     var update = enter.merge(elem);
-    if (p.duration) update.transition(t).call(attrize, p.update);
-    else update.call(attrize, p.update);
+    if (params.duration) update.transition(t).call(attrize, params.update);
+    else update.call(attrize, params.update);
     return update;
 }

package/es/src/fontExists.js

@@ -1,4 +1,5 @@
 function _instanceof(left, right) {
+    "@swc/helpers - instanceof";
     if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
         return !!right[Symbol.hasInstance](left);
     } else {
@@ -6,14 +7,12 @@ function _instanceof(left, right) {
     }
 }
 import { default as textWidth } from "./textWidth.js";
-import { trim } from "@d3plus/text";
 var alpha = "abcdefghiABCDEFGHI_!@#$%^&*()_+1234567890", checked = {}, height = 32;
 var dejavu, macos, monospace, proportional;
 /**
-    @function fontExists
-    @desc Given either a single font-family or a list of fonts, returns the name of the first font that can be rendered, or `false` if none are installed on the user's machine.
-    @param {String|Array} font Can be either a valid CSS font-family string (single or comma-separated names) or an Array of string names.
-*/ var fontExists = function(font) {
+    Given either a single font-family or a list of fonts, returns the name of the first font that can be rendered, or `false` if none are installed on the user's machine.
+    @param font Can be either a valid CSS font-family string (single or comma-separated names) or an Array of string names.
+*/ var fontExists = function fontExists(font) {
     if (!dejavu) {
         dejavu = textWidth(alpha, {
             "font-family": "DejaVuSans",
@@ -34,7 +33,7 @@ var dejavu, macos, monospace, proportional;
     }
     if (!_instanceof(font, Array)) font = font.split(",");
     font = font.map(function(f) {
-        return trim(f);
+        return f.trim();
     });
     for(var i = 0; i < font.length; i++){
         var fam = font[i];