@emuanalytics/flow-rdf-ui 4.0.0 → 4.0.1

package/dist/index.cjs

@@ -13712,7 +13712,7 @@ class FlowUiMap extends FlowRdfElement {
     });
   }
   /**
-   * The underlying core FlowMap instance. Note that this is
+   * The underlying core FlowCoreMap instance. Note that this is
    * `undefined` until the map has been initialized.
    */
   get map() {
@@ -13721,7 +13721,7 @@ class FlowUiMap extends FlowRdfElement {
   /**
    * A promise that resolves to a map instance when the map has been initialized.
    *
-   * This is the safest way to retrieve the underlying core FlowMap instance before
+   * This is the safest way to retrieve the underlying core FlowCoreMap instance before
    * using its API.
    */
   get initialized() {
@@ -13763,7 +13763,7 @@ class FlowUiMap extends FlowRdfElement {
     const mapContainer = document.createElement("div");
     mapContainer.slot = "map";
     this.appendChild(mapContainer);
-    const map = new flowRdfCore.FlowMap({
+    const map = new flowRdfCore.FlowCoreMap({
       id: this.mapId ?? `flow-map-${mapIdCounter++}`,
       container: mapContainer,
       baseStyle: this.baseStyle,
@@ -24784,7 +24784,7 @@ function registerComponents() {
   FlowUiVisuallyHidden.define("flow-ui-visually-hidden");
 }
 
-const version = "4.0.0";
+const version = "4.0.1";
 
 const CONSOLE_HIGHLIGHT_STYLE = `
   padding: 2px 4px;

package/dist/index.d.cts

@@ -1,4 +1,4 @@
-import { FlowMap } from '@emuanalytics/flow-rdf-core';
+import { FlowCoreMap } from '@emuanalytics/flow-rdf-core';
 import * as lit_html from 'lit-html';
 import * as lit from 'lit';
 import { LitElement, CSSResultGroup, TemplateResult, ReactiveController, ReactiveControllerHost, PropertyValueMap } from 'lit';
@@ -191,7 +191,7 @@ declare global {
 }
 
 type FlowMapLoadEvent = CustomEvent<{
-    map: FlowMap;
+    map: FlowCoreMap;
 }>;
 declare global {
     interface GlobalEventHandlersEventMap {
@@ -3517,22 +3517,22 @@ declare global {
 }
 
 /**
- * This component wraps a `FlowMap` instance from the flow-rdf-core library and
+ * This component wraps a `FlowCoreMap` instance from the flow-rdf-core library and
  * provides access to its API.
  *
- * The `map` property provides direct access to the underlying `FlowMap` instance.
+ * The `map` property provides direct access to the underlying `FlowCoreMap` instance.
  *
- * The `initialized` property provides a promise that resolves to the `FlowMap` once
+ * The `initialized` property provides a promise that resolves to the `FlowCoreMap` once
  * it has been initialized and is the safest way to access the map API.
  *
  * Convenience properties are provided for setting the base style, center, zoom, bearing, and pitch
- * of the map. These properties can be set to update the map or the `FlowMap` API can be used directly.
+ * of the map. These properties can be set to update the map or the `FlowCoreMap` API can be used directly.
  *
  *
  * @tagname flow-ui-map
  * @summary Display a Flo.w map.
  *
- * @event {CustomEvent<{ map: FlowMap }>} flow-ui-map-load - Dispatched when the map is first initialized and has completed loading.
+ * @event {CustomEvent<{ map: FlowCoreMap }>} flow-ui-map-load - Dispatched when the map is first initialized and has completed loading.
  * The Flo.w Core map instance can be retrieved from the event `detail` property.
  *
  * @csspart base - The base element of the component.
@@ -3610,17 +3610,17 @@ declare class FlowUiMap extends FlowRdfElement {
      */
     bearingSnap: number;
     /**
-     * The underlying core FlowMap instance. Note that this is
+     * The underlying core FlowCoreMap instance. Note that this is
      * `undefined` until the map has been initialized.
      */
-    get map(): FlowMap | undefined;
+    get map(): FlowCoreMap | undefined;
     /**
      * A promise that resolves to a map instance when the map has been initialized.
      *
-     * This is the safest way to retrieve the underlying core FlowMap instance before
+     * This is the safest way to retrieve the underlying core FlowCoreMap instance before
      * using its API.
      */
-    get initialized(): Promise<FlowMap>;
+    get initialized(): Promise<FlowCoreMap>;
     constructor();
     /** @internal */
     handleCenterChange(): void;

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import { FlowMap } from '@emuanalytics/flow-rdf-core';
+import { FlowCoreMap } from '@emuanalytics/flow-rdf-core';
 import * as lit_html from 'lit-html';
 import * as lit from 'lit';
 import { LitElement, CSSResultGroup, TemplateResult, ReactiveController, ReactiveControllerHost, PropertyValueMap } from 'lit';
@@ -191,7 +191,7 @@ declare global {
 }
 
 type FlowMapLoadEvent = CustomEvent<{
-    map: FlowMap;
+    map: FlowCoreMap;
 }>;
 declare global {
     interface GlobalEventHandlersEventMap {
@@ -3517,22 +3517,22 @@ declare global {
 }
 
 /**
- * This component wraps a `FlowMap` instance from the flow-rdf-core library and
+ * This component wraps a `FlowCoreMap` instance from the flow-rdf-core library and
  * provides access to its API.
  *
- * The `map` property provides direct access to the underlying `FlowMap` instance.
+ * The `map` property provides direct access to the underlying `FlowCoreMap` instance.
  *
- * The `initialized` property provides a promise that resolves to the `FlowMap` once
+ * The `initialized` property provides a promise that resolves to the `FlowCoreMap` once
  * it has been initialized and is the safest way to access the map API.
  *
  * Convenience properties are provided for setting the base style, center, zoom, bearing, and pitch
- * of the map. These properties can be set to update the map or the `FlowMap` API can be used directly.
+ * of the map. These properties can be set to update the map or the `FlowCoreMap` API can be used directly.
  *
  *
  * @tagname flow-ui-map
  * @summary Display a Flo.w map.
  *
- * @event {CustomEvent<{ map: FlowMap }>} flow-ui-map-load - Dispatched when the map is first initialized and has completed loading.
+ * @event {CustomEvent<{ map: FlowCoreMap }>} flow-ui-map-load - Dispatched when the map is first initialized and has completed loading.
  * The Flo.w Core map instance can be retrieved from the event `detail` property.
  *
  * @csspart base - The base element of the component.
@@ -3610,17 +3610,17 @@ declare class FlowUiMap extends FlowRdfElement {
      */
     bearingSnap: number;
     /**
-     * The underlying core FlowMap instance. Note that this is
+     * The underlying core FlowCoreMap instance. Note that this is
      * `undefined` until the map has been initialized.
      */
-    get map(): FlowMap | undefined;
+    get map(): FlowCoreMap | undefined;
     /**
      * A promise that resolves to a map instance when the map has been initialized.
      *
-     * This is the safest way to retrieve the underlying core FlowMap instance before
+     * This is the safest way to retrieve the underlying core FlowCoreMap instance before
      * using its API.
      */
-    get initialized(): Promise<FlowMap>;
+    get initialized(): Promise<FlowCoreMap>;
     constructor();
     /** @internal */
     handleCenterChange(): void;

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { FlowMap } from '@emuanalytics/flow-rdf-core';
+import { FlowCoreMap } from '@emuanalytics/flow-rdf-core';
 import * as lit_html from 'lit-html';
 import * as lit from 'lit';
 import { LitElement, CSSResultGroup, TemplateResult, ReactiveController, ReactiveControllerHost, PropertyValueMap } from 'lit';
@@ -191,7 +191,7 @@ declare global {
 }
 
 type FlowMapLoadEvent = CustomEvent<{
-    map: FlowMap;
+    map: FlowCoreMap;
 }>;
 declare global {
     interface GlobalEventHandlersEventMap {
@@ -3517,22 +3517,22 @@ declare global {
 }
 
 /**
- * This component wraps a `FlowMap` instance from the flow-rdf-core library and
+ * This component wraps a `FlowCoreMap` instance from the flow-rdf-core library and
  * provides access to its API.
  *
- * The `map` property provides direct access to the underlying `FlowMap` instance.
+ * The `map` property provides direct access to the underlying `FlowCoreMap` instance.
  *
- * The `initialized` property provides a promise that resolves to the `FlowMap` once
+ * The `initialized` property provides a promise that resolves to the `FlowCoreMap` once
  * it has been initialized and is the safest way to access the map API.
  *
  * Convenience properties are provided for setting the base style, center, zoom, bearing, and pitch
- * of the map. These properties can be set to update the map or the `FlowMap` API can be used directly.
+ * of the map. These properties can be set to update the map or the `FlowCoreMap` API can be used directly.
  *
  *
  * @tagname flow-ui-map
  * @summary Display a Flo.w map.
  *
- * @event {CustomEvent<{ map: FlowMap }>} flow-ui-map-load - Dispatched when the map is first initialized and has completed loading.
+ * @event {CustomEvent<{ map: FlowCoreMap }>} flow-ui-map-load - Dispatched when the map is first initialized and has completed loading.
  * The Flo.w Core map instance can be retrieved from the event `detail` property.
  *
  * @csspart base - The base element of the component.
@@ -3610,17 +3610,17 @@ declare class FlowUiMap extends FlowRdfElement {
      */
     bearingSnap: number;
     /**
-     * The underlying core FlowMap instance. Note that this is
+     * The underlying core FlowCoreMap instance. Note that this is
      * `undefined` until the map has been initialized.
      */
-    get map(): FlowMap | undefined;
+    get map(): FlowCoreMap | undefined;
     /**
      * A promise that resolves to a map instance when the map has been initialized.
      *
-     * This is the safest way to retrieve the underlying core FlowMap instance before
+     * This is the safest way to retrieve the underlying core FlowCoreMap instance before
      * using its API.
      */
-    get initialized(): Promise<FlowMap>;
+    get initialized(): Promise<FlowCoreMap>;
     constructor();
     /** @internal */
     handleCenterChange(): void;

package/dist/index.mjs

@@ -19,7 +19,7 @@ import { choose } from 'lit/directives/choose.js';
 import { autoUpdate, offset, size, flip as flip$1, shift, arrow, platform, computePosition } from '@floating-ui/dom';
 import { offsetParent } from 'composed-offset-position';
 import { formatLocale, format } from 'd3-format';
-import { FlowMap } from '@emuanalytics/flow-rdf-core';
+import { FlowCoreMap } from '@emuanalytics/flow-rdf-core';
 import cloneDeep from 'clone-deep';
 import { OverlayScrollbars } from 'overlayscrollbars';
 import { unsafeHTML } from 'lit/directives/unsafe-html.js';
@@ -13706,7 +13706,7 @@ class FlowUiMap extends FlowRdfElement {
     });
   }
   /**
-   * The underlying core FlowMap instance. Note that this is
+   * The underlying core FlowCoreMap instance. Note that this is
    * `undefined` until the map has been initialized.
    */
   get map() {
@@ -13715,7 +13715,7 @@ class FlowUiMap extends FlowRdfElement {
   /**
    * A promise that resolves to a map instance when the map has been initialized.
    *
-   * This is the safest way to retrieve the underlying core FlowMap instance before
+   * This is the safest way to retrieve the underlying core FlowCoreMap instance before
    * using its API.
    */
   get initialized() {
@@ -13757,7 +13757,7 @@ class FlowUiMap extends FlowRdfElement {
     const mapContainer = document.createElement("div");
     mapContainer.slot = "map";
     this.appendChild(mapContainer);
-    const map = new FlowMap({
+    const map = new FlowCoreMap({
       id: this.mapId ?? `flow-map-${mapIdCounter++}`,
       container: mapContainer,
       baseStyle: this.baseStyle,
@@ -24778,7 +24778,7 @@ function registerComponents() {
   FlowUiVisuallyHidden.define("flow-ui-visually-hidden");
 }
 
-const version = "4.0.0";
+const version = "4.0.1";
 
 const CONSOLE_HIGHLIGHT_STYLE = `
   padding: 2px 4px;

package/dist/vscode.html-custom-data.json

@@ -135,35 +135,6 @@
       ],
       "references": []
     },
-    {
-      "name": "flow-ui-badge",
-      "description": "Badges are used to draw attention and display statuses or counts.\n\n\n---\n\n\n\n\n### **Slots:**\n - _default_ - The badge's content.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
-      "attributes": [
-        {
-          "name": "variant",
-          "description": "The badge's theme variant.",
-          "values": [
-            { "name": "primary" },
-            { "name": "secondary" },
-            { "name": "success" },
-            { "name": "neutral" },
-            { "name": "warning" },
-            { "name": "danger" }
-          ]
-        },
-        {
-          "name": "pill",
-          "description": "Draws a pill-style badge with rounded edges.",
-          "values": []
-        },
-        {
-          "name": "pulse",
-          "description": "Makes the badge pulsate to draw attention.",
-          "values": []
-        }
-      ],
-      "references": []
-    },
     {
       "name": "flow-ui-button",
       "description": "Buttons represent actions that are available to the user.\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-blur** - Emitted when the button loses focus.\n- **flow-ui-focus** - Emitted when the button gains focus.\n- **flow-ui-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **click()** - Simulates a click on the button.\n- **focus(options: _FocusOptions_)** - Sets focus on the button.\n- **blur()** - Removes focus from the button.\n- **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n\n### **Slots:**\n - _default_ - The button's label.\n- **prefix** - A presentational prefix icon or similar element.\n- **suffix** - A presentational suffix icon or similar element.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **prefix** - The container that wraps the prefix.\n- **label** - The button's label.\n- **suffix** - The container that wraps the suffix.\n- **caret** - The button's caret icon, an `<flow-ui-icon>` element.",
@@ -314,6 +285,52 @@
       ],
       "references": []
     },
+    {
+      "name": "flow-ui-button-group",
+      "description": "Button groups can be used to group related buttons into sections.\n\n\n---\n\n\n\n\n### **Slots:**\n - _default_ - One or more `<flow-ui-button>` elements to display in the button group.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
+      "attributes": [
+        {
+          "name": "label",
+          "description": "Text label for assistive devices.",
+          "values": []
+        },
+        {
+          "name": "vertical",
+          "description": "Use vertical layout for the button group.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "flow-ui-badge",
+      "description": "Badges are used to draw attention and display statuses or counts.\n\n\n---\n\n\n\n\n### **Slots:**\n - _default_ - The badge's content.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
+      "attributes": [
+        {
+          "name": "variant",
+          "description": "The badge's theme variant.",
+          "values": [
+            { "name": "primary" },
+            { "name": "secondary" },
+            { "name": "success" },
+            { "name": "neutral" },
+            { "name": "warning" },
+            { "name": "danger" }
+          ]
+        },
+        {
+          "name": "pill",
+          "description": "Draws a pill-style badge with rounded edges.",
+          "values": []
+        },
+        {
+          "name": "pulse",
+          "description": "Makes the badge pulsate to draw attention.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "flow-ui-avatar",
       "description": "Avatars are used to represent a person or object.\n\n\n---\n\n\n\n\n### **Slots:**\n - **icon** - The default icon to use when no image or initials are present. Works best with `<flow-ui-icon>`.\n\n### **CSS Properties:**\n - **--size** - The size of the avatar. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **icon** - The container that wraps the avatar's icon.\n- **initials** - The container that wraps the avatar's initials.\n- **image** - The avatar image. Only shown when the `image` attribute is set.",
@@ -350,23 +367,6 @@
       ],
       "references": []
     },
-    {
-      "name": "flow-ui-button-group",
-      "description": "Button groups can be used to group related buttons into sections.\n\n\n---\n\n\n\n\n### **Slots:**\n - _default_ - One or more `<flow-ui-button>` elements to display in the button group.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
-      "attributes": [
-        {
-          "name": "label",
-          "description": "Text label for assistive devices.",
-          "values": []
-        },
-        {
-          "name": "vertical",
-          "description": "Use vertical layout for the button group.",
-          "values": []
-        }
-      ],
-      "references": []
-    },
     {
       "name": "flow-ui-calendar",
       "description": "A calendar component for selecting dates and times.\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-input** - Emitted when the calendar value changes.\n- **flow-ui-change** - Emitted when the calendar value changes.\n\n### **CSS Properties:**\n - **--width** - The width of the calendar in CSS units. Set automatically if `size` is set. _(default: undefined)_\n- **--font-size** - The font size of the calendar. Set automatically if `size` is set. _(default: undefined)_\n- **--day-font-size** - The font size of the day labels. Set automatically if `size` is set. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
@@ -1785,42 +1785,6 @@
       ],
       "references": []
     },
-    {
-      "name": "flow-ui-query-builder",
-      "description": "Query builder component\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-change** - Emitted when the control's value changes.\n\n### **Methods:**\n - **registerFieldDefinition(type: _T_, fieldDefinition: _FlowQueryBuilderFieldDefinition<NoUnion<T>>_)** - Register a custom field definition.\n\nA field definition is used to add support for a custom field type. A field type comprises:\n\n- a field `type` string\n- a `template` function that returns the template for the field's value control\n- an array of `operators` that are valid for the field\n\n### **Slots:**\n - **label** - The component's label. Alternatively, you can use the `label` attribute.\n- **help-text** - Text that describes how to use the component. Alternatively, you can use the `help-text` attribute.",
-      "attributes": [
-        {
-          "name": "size",
-          "description": "The query builder's size.",
-          "values": [
-            { "name": "small" },
-            { "name": "medium" },
-            { "name": "large" }
-          ]
-        },
-        {
-          "name": "disabled",
-          "description": "Disables the select control.",
-          "values": []
-        },
-        {
-          "name": "label",
-          "description": "The query builders's label. If you need to display HTML, use the `label` slot instead.",
-          "values": []
-        },
-        {
-          "name": "help-text",
-          "description": "The query builders's help text. If you need to display HTML, use the `help-text` slot instead.",
-          "values": []
-        },
-        {
-          "name": "tree-lines",
-          "description": "Display tree connector lines between query rules",
-          "values": []
-        }
-      ],
-      "references": []
-    },
     {
       "name": "flow-ui-radio",
       "description": "Radios allow the user to select a single option from a group.\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-blur** - Emitted when the control loses focus.\n- **flow-ui-focus** - Emitted when the control gains focus.\n\n### **Slots:**\n - _default_ - The radio's label.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **control** - The circular container that wraps the radio's checked state.\n- **control--checked** - The radio control when the radio is checked.\n- **checked-icon** - The checked icon, an `<flow-ui-icon>` element.\n- **label** - The container that wraps the radio's label.",
@@ -1859,6 +1823,42 @@
       ],
       "references": []
     },
+    {
+      "name": "flow-ui-query-builder",
+      "description": "Query builder component\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-change** - Emitted when the control's value changes.\n\n### **Methods:**\n - **registerFieldDefinition(type: _T_, fieldDefinition: _FlowQueryBuilderFieldDefinition<NoUnion<T>>_)** - Register a custom field definition.\n\nA field definition is used to add support for a custom field type. A field type comprises:\n\n- a field `type` string\n- a `template` function that returns the template for the field's value control\n- an array of `operators` that are valid for the field\n\n### **Slots:**\n - **label** - The component's label. Alternatively, you can use the `label` attribute.\n- **help-text** - Text that describes how to use the component. Alternatively, you can use the `help-text` attribute.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "The query builder's size.",
+          "values": [
+            { "name": "small" },
+            { "name": "medium" },
+            { "name": "large" }
+          ]
+        },
+        {
+          "name": "disabled",
+          "description": "Disables the select control.",
+          "values": []
+        },
+        {
+          "name": "label",
+          "description": "The query builders's label. If you need to display HTML, use the `label` slot instead.",
+          "values": []
+        },
+        {
+          "name": "help-text",
+          "description": "The query builders's help text. If you need to display HTML, use the `help-text` slot instead.",
+          "values": []
+        },
+        {
+          "name": "tree-lines",
+          "description": "Display tree connector lines between query rules",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "flow-ui-radio-group",
       "description": "Radio groups are used to group multiple [radios](/components/radio) or [radio buttons](/components/radio-button) so they function as a single form control.\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-change** - Emitted when the radio group's selected value changes.\n- **flow-ui-input** - Emitted when the radio group receives user input.\n- **flow-ui-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity(): _boolean_** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message)** - Sets a custom validation message. Pass an empty string to restore validity.\n\n### **Slots:**\n - _default_ - The default slot where `<flow-ui-radio>` or `<flow-ui-tool-button>` elements are placed.\n- **label** - The radio group's label. Required for proper accessibility. Alternatively, you can use the `label` attribute.\n\n### **CSS Parts:**\n - **form-control** - The form control that wraps the label, input, and help text.\n- **form-control-label** - The label's wrapper.\n- **form-control-input** - The input's wrapper.\n- **form-control-help-text** - The help text's wrapper.\n- **button-group** - The button group that wraps radio buttons.\n- **button-group__base** - The button group's `base` part.",
@@ -2450,68 +2450,6 @@
       ],
       "references": []
     },
-    {
-      "name": "flow-ui-timer",
-      "description": "The timer component is the primary time control for Flo.w time-based visualizations.\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-change** - Emitted when the control's value changes.\n- **flow-ui-input** - Emitted when the control receives input.",
-      "attributes": [
-        {
-          "name": "value",
-          "description": "The value of the timer. (ISO8601 date/time string)",
-          "values": []
-        },
-        {
-          "name": "timezone",
-          "description": "The timezone to use for display. (IANA timezone string).\nIf not set, the timezone will be the browser's local timezone.",
-          "values": []
-        },
-        {
-          "name": "locale",
-          "description": "The locale to use for display. (IETF BCP 47 language tag).\nIf not set, the locale will be the browser's default locale.",
-          "values": []
-        },
-        {
-          "name": "running",
-          "description": "Set to `true` to start the timer running.",
-          "values": []
-        },
-        {
-          "name": "dateFormat",
-          "description": "The date format to use for display as a [Luxon format string](https://moment.github.io/luxon/#/formatting?id=table-of-tokens).",
-          "values": []
-        },
-        {
-          "name": "dayFormat",
-          "description": "The day format to use for display as a [Luxon format string](https://moment.github.io/luxon/#/formatting?id=table-of-tokens).",
-          "values": []
-        },
-        {
-          "name": "timeFormat",
-          "description": "The time format to use for display as a [Luxon format string](https://moment.github.io/luxon/#/formatting?id=table-of-tokens).",
-          "values": []
-        },
-        {
-          "name": "zoneFormat",
-          "description": "The timezone format to use for display as a [Luxon format string](https://moment.github.io/luxon/#/formatting?id=table-of-tokens).",
-          "values": []
-        },
-        {
-          "name": "major-step",
-          "description": "The major step size to use for the timer step controls.",
-          "values": []
-        },
-        {
-          "name": "minor-step",
-          "description": "The minor step size to use for the timer step controls.",
-          "values": []
-        },
-        {
-          "name": "hide-zone",
-          "description": "Set to `true` to hide the timezone display.",
-          "values": []
-        }
-      ],
-      "references": []
-    },
     {
       "name": "flow-ui-textarea",
       "description": "Textareas collect data from the user and allow multiple lines of text.\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-blur** - Emitted when the control loses focus.\n- **flow-ui-change** - Emitted when an alteration to the control's value is committed by the user.\n- **flow-ui-focus** - Emitted when the control gains focus.\n- **flow-ui-input** - Emitted when the control receives input.\n- **flow-ui-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **focus(options: _FocusOptions_)** - Sets focus on the textarea.\n- **blur()** - Removes focus from the textarea.\n- **select()** - Selects all the text in the textarea.\n- **scrollPosition(position: _{ top?: number; left?: number }_): _{ top: number; left: number } | undefined_** - Gets or sets the textarea's scroll position.\n- **setSelectionRange(selectionStart: _number_, selectionEnd: _number_, selectionDirection: _'forward' | 'backward' | 'none'_)** - Sets the start and end positions of the text selection (0-based).\n- **setRangeText(replacement: _string_, start: _number_, end: _number_, selectMode: _'select' | 'start' | 'end' | 'preserve'_)** - Replaces a range of text with a new string.\n- **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n\n### **Slots:**\n - **label** - The textarea's label. Alternatively, you can use the `label` attribute.\n- **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n\n### **CSS Parts:**\n - **form-control** - The form control that wraps the label, input, and help text.\n- **form-control-label** - The label's wrapper.\n- **form-control-input** - The input's wrapper.\n- **form-control-help-text** - The help text's wrapper.\n- **base** - The component's base wrapper.\n- **textarea** - The internal `<textarea>` control.",
@@ -2661,6 +2599,68 @@
       ],
       "references": []
     },
+    {
+      "name": "flow-ui-timer",
+      "description": "The timer component is the primary time control for Flo.w time-based visualizations.\n\n\n---\n\n\n\n\n### **Events:**\n - **flow-ui-change** - Emitted when the control's value changes.\n- **flow-ui-input** - Emitted when the control receives input.",
+      "attributes": [
+        {
+          "name": "value",
+          "description": "The value of the timer. (ISO8601 date/time string)",
+          "values": []
+        },
+        {
+          "name": "timezone",
+          "description": "The timezone to use for display. (IANA timezone string).\nIf not set, the timezone will be the browser's local timezone.",
+          "values": []
+        },
+        {
+          "name": "locale",
+          "description": "The locale to use for display. (IETF BCP 47 language tag).\nIf not set, the locale will be the browser's default locale.",
+          "values": []
+        },
+        {
+          "name": "running",
+          "description": "Set to `true` to start the timer running.",
+          "values": []
+        },
+        {
+          "name": "dateFormat",
+          "description": "The date format to use for display as a [Luxon format string](https://moment.github.io/luxon/#/formatting?id=table-of-tokens).",
+          "values": []
+        },
+        {
+          "name": "dayFormat",
+          "description": "The day format to use for display as a [Luxon format string](https://moment.github.io/luxon/#/formatting?id=table-of-tokens).",
+          "values": []
+        },
+        {
+          "name": "timeFormat",
+          "description": "The time format to use for display as a [Luxon format string](https://moment.github.io/luxon/#/formatting?id=table-of-tokens).",
+          "values": []
+        },
+        {
+          "name": "zoneFormat",
+          "description": "The timezone format to use for display as a [Luxon format string](https://moment.github.io/luxon/#/formatting?id=table-of-tokens).",
+          "values": []
+        },
+        {
+          "name": "major-step",
+          "description": "The major step size to use for the timer step controls.",
+          "values": []
+        },
+        {
+          "name": "minor-step",
+          "description": "The minor step size to use for the timer step controls.",
+          "values": []
+        },
+        {
+          "name": "hide-zone",
+          "description": "Set to `true` to hide the timezone display.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "flow-ui-tool-button",
       "description": "Tool buttons are used to build [toolbars](./flow-ui-tool-button-group). They can be used to toggle a state or perform an action.\n\n\n---\n\n\n\n\n### **Methods:**\n - **focus(options: _FocusOptions_)** - Sets focus on the radio button.\n- **blur()** - Removes focus from the radio button.\n\n### **Slots:**\n - **prefix** - A presentational prefix icon or similar element.\n- **suffix** - A presentational suffix icon or similar element.\n- **icon** - The tool button's icon.\n- **tooltip** - The tool button's tooltip content.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **button** - The button element.\n- **button--checked** - The button element when checked.\n- **tooltip** - The tooltip element.\n- **prefix** - The prefix slot.\n- **suffix** - The suffix slot.\n- **label-wrapper** - The wrapper that contains the icon and label.\n- **icon** - The icon slot. Alternatively, you can use the `icon` attribute.\n- **label** - The button label.",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@emuanalytics/flow-rdf-ui",
-  "version": "4.0.0",
+  "version": "4.0.1",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
@@ -106,13 +106,13 @@
     "vite": "^4.3.9",
     "vite-plugin-dts": "^3.5.1",
     "webdriverio": "^8.14.3",
-    "@emuanalytics/flow-rdf-core": "4.0.0"
+    "@emuanalytics/flow-rdf-core": "4.0.1"
   },
   "peerDependencies": {
     "chart.js": "^4.4.2",
     "lit": "^2.7.2",
     "lit-html": "^2.7.5",
-    "@emuanalytics/flow-rdf-core": "4.0.0"
+    "@emuanalytics/flow-rdf-core": "4.0.1"
   },
   "scripts": {
     "dev": "vite",