wunderbaum 0.10.0 → 0.10.1

package/src/types.ts

@@ -358,12 +358,13 @@ export interface ColumnDefinition {
    * Default: unset.
    */
   customWidthPx?: number;
-  /** Allow user to sort the column.
-   * Default: false.
+  /** Allow user to sort the column. Default: false. <br>
+   * **Note:** Sorting is not implemented yet.
    */
   sortable?: boolean;
   /** Optional custom column sort orde when user clicked the sort icon.
-   * Default: unset.
+   * Default: unset. <br>
+   * **Note:** Sorting is not implemented yet.
    */
   sortOrder?: SortOrderType;
   /** Optional class names that are added to all `span.wb-col` header AND data

package/src/util.ts

@@ -521,7 +521,7 @@ export function isArray(obj: any) {
   return Array.isArray(obj);
 }
 
-/** Return true if `obj` is of type `Object` and has no propertied. */
+/** Return true if `obj` is of type `Object` and has no properties. */
 export function isEmptyObject(obj: any) {
   return Object.keys(obj).length === 0 && obj.constructor === Object;
 }
@@ -770,7 +770,9 @@ export function toSet(val: any): Set<string> {
  *
  * Example:
  * ```js
- * const width = util.toPixel("123px", 100);
+ * let x = undefined;
+ * let y = "123px";
+ * const width = util.toPixel(x, y, 100);  // returns 123
  * ```
  */
 export function toPixel(
@@ -792,11 +794,11 @@ export function toPixel(
   throw new Error(`Expected a string like '123px': ${defaults}`);
 }
 
-/** Evaluate a boolean value using default if undefined.
+/** Return the the boolean value of the first non-null element.
  * Example:
  * ```js
  * const opts = { flag: true };
- * const value = util.toBool(opts.flag, otherVar, false);
+ * const value = util.toBool(opts.foo, opts.flag, false);  // returns true
  * ```
  */
 export function toBool(

package/src/wb_ext_filter.ts

@@ -52,6 +52,10 @@ export class FilterExtension extends WunderbaumExtension<FilterOptionsType> {
     const connectInput = this.getPluginOption("connectInput");
     if (connectInput) {
       this.queryInput = elemFromSelector(connectInput) as HTMLInputElement;
+      assert(
+        this.queryInput,
+        `Invalid 'filter.connectInput' option: ${connectInput}.`
+      );
       onEvent(
         this.queryInput,
         "input",

package/src/wunderbaum.scss

@@ -183,8 +183,8 @@ div.wunderbaum {
     position: sticky;
     top: 0;
     z-index: 2;
-    user-select: none;
     -webkit-user-select: none; /* Safari */
+    user-select: none;
   }
 
   div.wb-header,
@@ -386,8 +386,8 @@ div.wunderbaum {
       border: none;
       border-right: 2px solid var(--wb-border-color);
       height: 100%;
-      user-select: none;
       -webkit-user-select: none; // Safari
+      user-select: none;
       &.wb-col-resizer-active {
         cursor: col-resize;
         // border-right-color: red;
@@ -412,8 +412,8 @@ div.wunderbaum {
   }
 
   span.wb-node {
-    user-select: none;
     -webkit-user-select: none; // Safari
+    user-select: none;
     // &:first-of-type {
     //   margin-left: 8px; // leftmost icon gets a little margin
     // }
@@ -773,12 +773,12 @@ div.wunderbaum {
 }
 
 .wb-no-select {
-  user-select: none;
   -webkit-user-select: none; // Safari
+  user-select: none;
 
   span.wb-title {
-    user-select: contain;
     -webkit-user-select: contain; // Safari
+    user-select: contain;
   }
 }
 

package/src/wunderbaum.ts

@@ -2242,6 +2242,10 @@ export class Wunderbaum {
     }
 
     if (this.options.connectTopBreadcrumb) {
+      util.assert(
+        this.options.connectTopBreadcrumb.textContent != null,
+        `Invalid 'connectTopBreadcrumb' option (input element expected).`
+      );
       let path = this.getTopmostVpNode(true)?.getPath(false, "title", " > ");
       path = path ? path + " >" : "";
       this.options.connectTopBreadcrumb.textContent = path;