@oicl/openbridge-webcomponents-svelte 2.0.0-next.131 → 2.0.0-next.133

package/dist/bars-graphs/line-graph/ObcLineGraph.svelte.d.ts

@@ -6,9 +6,7 @@ import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    /** Simple single-series data. `{label, value}` items for the category axis;
-`{x, value}` items for time/number axes (x: epoch ms, ISO string, Date,
-or Temporal object). Points are drawn in array order (no sorting). */
+    /** Simple single-series data. `{label, value}` items for the category axis; `{x, value}` items for time/number axes (x: epoch ms, ISO string, Date, or Temporal object). Points are drawn in array order (no sorting). */
     data?: ChartLineDataItem[];
     /** Chart.js-style datasets for multi-series use. If provided, takes precedence over `data`. */
     datasets?: ChartDataset<"line", ChartLinePoint[]>[] | undefined;
@@ -24,19 +22,11 @@ or Temporal object). Points are drawn in array order (no sorting). */
     width?: number;
     /** Height of the chart in pixels. Default: 320. */
     height?: number;
-    /** Enable fixed aspect ratio scaling mode.
-When true, width/height properties define the aspect ratio (not actual pixels).
-The component fills 100% of parent width and calculates height from aspect ratio.
-When false (default), width/height are used as actual pixel dimensions. */
+    /** Enable fixed aspect ratio scaling mode. When true, width/height properties define the aspect ratio (not actual pixels). The component fills 100% of parent width and calculates height from aspect ratio. When false (default), width/height are used as actual pixel dimensions. */
     fixedAspectRatioScaling?: boolean;
-    /** Reference size for external scales when using fixedAspectRatioScaling.
-This value is passed down to external scales to determine their 1:1 Figma design size.
-At this reference size, scales render at native size; above/below they scale proportionally.
-Default: 384 (matches Figma design baseline). */
+    /** Reference size for external scales when using fixedAspectRatioScaling. This value is passed down to external scales to determine their 1:1 Figma design size. At this reference size, scales render at native size; above/below they scale proportionally. Default: 384 (matches Figma design baseline). */
     scaleReferenceSize?: number;
-    /** X-axis mode: 'category' for labeled, evenly spaced data points; 'time'
-for time-based data positioned proportionally; 'number' for plain
-numeric x-values. */
+    /** X-axis mode: 'category' for labeled, evenly spaced data points; 'time' for time-based data positioned proportionally; 'number' for plain numeric x-values. */
     xAxisType?: XAxisType;
     /** Single y-axis position ('left' or 'right'). For multiple y-axes, use yAxes instead. */
     yAxisPosition?: YAxisPosition;
@@ -44,9 +34,17 @@ numeric x-values. */
     yAxes?: ChartLineYAxisConfig[] | undefined;
     /** Show grid lines. */
     showGrid?: boolean;
-    /** Show vertical grid lines (x-axis). Default: false. */
+    /**
+     * Show vertical grid lines (x-axis). Default: false.
+     *
+     * Available when `showGrid==true`.
+     */
     showGridX?: boolean;
-    /** Show horizontal grid lines (y-axis). Default: false. */
+    /**
+     * Show horizontal grid lines (y-axis). Default: false.
+     *
+     * Available when `showGrid==true`.
+     */
     showGridY?: boolean;
     /** Show axis tick marks and labels. */
     showTickMarks?: boolean;
@@ -72,7 +70,11 @@ because a `true`-default boolean cannot work as an HTML boolean attribute. */
     lineMode?: LineMode;
     /** Unit label displayed in tooltips (e.g., 'kW', 'kg', '%'). */
     unit?: string;
-    /** Time axis label format: 'date' (full date/time) or 'minutes' (relative). */
+    /**
+     * Time axis label format: 'date' (full date/time) or 'minutes' (relative).
+     *
+     * Available when `xAxisType==time`.
+     */
     timeDisplay?: TimeDisplay;
     /** Max number of x-axis ticks/grid lines. Useful for matching external axes. */
     xTicksLimit?: number | undefined;
@@ -92,14 +94,13 @@ because a `true`-default boolean cannot work as an HTML boolean attribute. */
     borderRadiusPosition?: BorderRadiusPosition | undefined;
     /** Border radius position for external scales based on layout. */
     borderRadiusPositionExternalScales?: BorderRadiusPosition | undefined;
-    /** When true, the chart is used inside an instrument (e.g., gauge-trend).
-In this mode, only label font size responds to .obc-component-size-* CSS classes.
-Border radius uses the explicit `borderRadius` property value (or defaults to 8px),
-rather than reading from CSS variables. */
+    /** When true, the chart is used inside an instrument (e.g., gauge-trend). In this mode, only label font size responds to .obc-component-size-* CSS classes. Border radius uses the explicit `borderRadius` property value (or defaults to 8px), rather than reading from CSS variables. */
     instrumentMode?: boolean;
-    /** Explicit border radius value in pixels.
-When instrumentMode=true, this value is used directly (defaults to 8px).
-When instrumentMode=false, this is ignored and border radius is read from CSS variable. */
+    /**
+     * Explicit border radius value in pixels. When instrumentMode=true, this value is used directly (defaults to 8px). When instrumentMode=false, this is ignored and border radius is read from CSS variable.
+     *
+     * Available when `instrumentMode==true`.
+     */
     borderRadius?: number | undefined;
 }
 export interface Events {

package/dist/bars-graphs/pie-chart/ObcPieChart.svelte

@@ -11,29 +11,33 @@ import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-inst
       export interface Props {
      class?: string;
      style?: string;
-      /** Chart data segments with optional children subsegments for sunburst mode (set via JavaScript). */
-data?: PieChartDataItem[];
-      /** Custom segment colors (set via JavaScript) with fallback to theme palette */
-colors?: string[];
+     /** Chart data segments with optional children subsegments for sunburst mode (set via JavaScript). */
+     data?: PieChartDataItem[];
+     /** Custom segment colors (set via JavaScript) with fallback to theme palette */
+     colors?: string[];
      priority?: Priority;
-      /** Show outer labels, default: false */
-showOuterLabels?: boolean;
-      /** Whether to show unit in labels, default: false */
-showUnit?: boolean;
-      /** Enable sunburst mode with interactive children subsegments, default: false */
-sunburst?: boolean;
-      /** Unit string to append to outer labels, default: "%" */
-outerLabelUnit?: string;
-      /** Maximum character length for labels before trim (0 = no limit), default: 0 */
-outerLabelMaxLength?: number;
-      /** Number of decimal places in labels, default: 0 */
-outerLabelDecimalPlaces?: number;
-      /** Whether to display the legend below the chart, default: false */
-legend?: boolean;
-      /** Show debug overlay for development, default: false */
-showDebugOverlay?: boolean;
-      /** Fixed height of the chart in pixels (determines chart circumference), default: 320. The chart's circumference is always based on this fixed height to match other radial instruments. */
-fixedHeight?: number
+     /** Show outer labels, default: false */
+     showOuterLabels?: boolean;
+     /** Whether to show unit in labels, default: false */
+     showUnit?: boolean;
+     /** Enable sunburst mode: clicking a segment expands or collapses its children as an outer ring, default: false */
+     sunburst?: boolean;
+     /** Unit string to append to outer labels, default: "%" */
+     outerLabelUnit?: string;
+     /**
+      * Maximum character length for labels before trim (0 = no limit), default: 0
+      *
+      * Available when `showOuterLabels==true`.
+      */
+     outerLabelMaxLength?: number;
+     /** Number of decimal places in labels, default: 0 */
+     outerLabelDecimalPlaces?: number;
+     /** Whether to display the legend below the chart, default: false */
+     legend?: boolean;
+     /** Show debug overlay for development, default: false */
+     showDebugOverlay?: boolean;
+     /** Fixed height of the chart in pixels (determines chart circumference), default: 320. The chart's circumference is always based on this fixed height to match other radial instruments. */
+     fixedHeight?: number
    }
       export interface Events {
     

package/dist/bars-graphs/pie-chart/ObcPieChart.svelte.d.ts

@@ -14,11 +14,15 @@ export interface Props {
     showOuterLabels?: boolean;
     /** Whether to show unit in labels, default: false */
     showUnit?: boolean;
-    /** Enable sunburst mode with interactive children subsegments, default: false */
+    /** Enable sunburst mode: clicking a segment expands or collapses its children as an outer ring, default: false */
     sunburst?: boolean;
     /** Unit string to append to outer labels, default: "%" */
     outerLabelUnit?: string;
-    /** Maximum character length for labels before trim (0 = no limit), default: 0 */
+    /**
+     * Maximum character length for labels before trim (0 = no limit), default: 0
+     *
+     * Available when `showOuterLabels==true`.
+     */
     outerLabelMaxLength?: number;
     /** Number of decimal places in labels, default: 0 */
     outerLabelDecimalPlaces?: number;

package/dist/bars-graphs/polar-chart/ObcPolarChart.svelte

@@ -11,33 +11,41 @@ import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-inst
       export interface Props {
      class?: string;
      style?: string;
-      /** Chart data segments (set via JavaScript) */
-data?: PolarChartDataItem[];
-      /** Custom segment colors (set via JavaScript) with fallback to theme palette */
-colors?: string[];
+     /** Chart data segments (set via JavaScript) */
+     data?: PolarChartDataItem[];
+     /** Custom segment colors (set via JavaScript) with fallback to theme palette */
+     colors?: string[];
      priority?: Priority;
-      /** Use single color for all sectors (uses first color from array, default: false) */
-monochrome?: boolean;
-      /** Draw sectors as radial color bands from center outward using the colors array as threshold steps (default: false) */
-discreteColorStops?: boolean;
-      /** When true, display sector labels from data (e.g. "Sector A"). When false, display angle values (0°, 30°, etc.). Default: false */
-showSectorLabels?: boolean;
-      /** Whether to show unit in angle or outer labels, default: false */
-showUnit?: boolean;
-      /** Show outer labels, default: false */
-showOuterLabels?: boolean;
-      /** Unit string to append to outer labels, default: "°" */
-outerLabelUnit?: string;
-      /** Maximum character length for labels before trim (0 = no limit), default: 0 */
-outerLabelMaxLength?: number;
-      /** Number of decimal places in labels, default: 0 */
-outerLabelDecimalPlaces?: number;
-      /** Fixed height of the chart in pixels (determines chart circumference), default: 320. The chart's circumference is always based on this fixed height to match other radial instruments. */
-fixedHeight?: number;
-      /** Whether to display the legend below the chart, default: false */
-legend?: boolean;
-      /** Show debug overlay for development, default: false */
-showDebugOverlay?: boolean
+     /**
+      * Use single color for all sectors (uses first color from array, default: false)
+      *
+      * Available when `discreteColorStops==false`.
+      */
+     monochrome?: boolean;
+     /** Draw sectors as radial color bands from center outward using the colors array as threshold steps (default: false) */
+     discreteColorStops?: boolean;
+     /** When true, display sector labels from data (e.g. "Sector A"). When false, display angle values (0°, 30°, etc.). Default: false */
+     showSectorLabels?: boolean;
+     /** Whether to show unit in angle or outer labels, default: false */
+     showUnit?: boolean;
+     /** Show outer labels, default: false */
+     showOuterLabels?: boolean;
+     /** Unit string to append to outer labels, default: "°" */
+     outerLabelUnit?: string;
+     /**
+      * Maximum character length for labels before trim (0 = no limit), default: 0
+      *
+      * Available when `showOuterLabels==true`.
+      */
+     outerLabelMaxLength?: number;
+     /** Number of decimal places in labels, default: 0 */
+     outerLabelDecimalPlaces?: number;
+     /** Fixed height of the chart in pixels (determines chart circumference), default: 320. The chart's circumference is always based on this fixed height to match other radial instruments. */
+     fixedHeight?: number;
+     /** Whether to display the legend below the chart, default: false */
+     legend?: boolean;
+     /** Show debug overlay for development, default: false */
+     showDebugOverlay?: boolean
    }
       export interface Events {
     

package/dist/bars-graphs/polar-chart/ObcPolarChart.svelte.d.ts

@@ -10,7 +10,11 @@ export interface Props {
     /** Custom segment colors (set via JavaScript) with fallback to theme palette */
     colors?: string[];
     priority?: Priority;
-    /** Use single color for all sectors (uses first color from array, default: false) */
+    /**
+     * Use single color for all sectors (uses first color from array, default: false)
+     *
+     * Available when `discreteColorStops==false`.
+     */
     monochrome?: boolean;
     /** Draw sectors as radial color bands from center outward using the colors array as threshold steps (default: false) */
     discreteColorStops?: boolean;
@@ -22,7 +26,11 @@ export interface Props {
     showOuterLabels?: boolean;
     /** Unit string to append to outer labels, default: "°" */
     outerLabelUnit?: string;
-    /** Maximum character length for labels before trim (0 = no limit), default: 0 */
+    /**
+     * Maximum character length for labels before trim (0 = no limit), default: 0
+     *
+     * Available when `showOuterLabels==true`.
+     */
     outerLabelMaxLength?: number;
     /** Number of decimal places in labels, default: 0 */
     outerLabelDecimalPlaces?: number;

package/dist/bars-graphs/radial-bar-chart/ObcRadialBarChart.svelte

@@ -9,23 +9,23 @@
       export interface Props {
      class?: string;
      style?: string;
-      /** Array of values for each ring (set via JavaScript) */
-data?: number[];
-      /** Custom ring colors (set via JavaScript) with fallback to theme palette */
-colors?: string[];
+     /** Array of values for each ring (set via JavaScript) */
+     data?: number[];
+     /** Custom ring colors (set via JavaScript) with fallback to theme palette */
+     colors?: string[];
      priority?: Priority;
-      /** Maximum value for calculating remaining empty area, default: 100 */
-max?: number;
-      /** Arc span in degrees: 360 for full circle, 270 for 3/4 circle, default: 270 */
-circumference?: number;
-      /** Whether to display the legend below the chart, default: false */
-legend?: boolean;
-      /** Show debug overlay for development, default: false */
-showDebugOverlay?: boolean;
-      /** Fixed height of the chart in pixels (determines chart circumference), default: 320. The chart's circumference is always based on this fixed height to match other radial instruments. */
-fixedHeight?: number;
-      /** Minimum thickness of each ring in pixels, excluding borders, default: 16 */
-minRingThickness?: number
+     /** Maximum value for calculating remaining empty area, default: 100 */
+     max?: number;
+     /** Arc span in degrees: 360 for full circle, 270 for 3/4 circle, default: 270 */
+     circumference?: number;
+     /** Whether to display the legend below the chart, default: false */
+     legend?: boolean;
+     /** Show debug overlay for development, default: false */
+     showDebugOverlay?: boolean;
+     /** Fixed height of the chart in pixels (determines chart circumference), default: 320. The chart's circumference is always based on this fixed height to match other radial instruments. */
+     fixedHeight?: number;
+     /** Minimum thickness of each ring in pixels, excluding borders, default: 16 */
+     minRingThickness?: number
    }
       export interface Events {
     

package/dist/building-blocks/bar-horizontal/ObcBarHorizontal.svelte

@@ -34,90 +34,141 @@ regardless of instrument state. */
 setpointOverride?: boolean;
       /** Enable CSS-animated confirm transition. */
 animateSetpoint?: boolean;
-      /** Minimum scale value (manual mode) */
-minValue?: number;
-      /** Maximum scale value (manual mode) */
-maxValue?: number;
-      /** Total width in pixels (including padding bands) */
-width?: number;
-      /** Padding left of the drawing area */
-paddingLeft?: number;
-      /** Padding right of the drawing area */
-paddingRight?: number;
-      /** Which side this scale lives on */
-side?: ExternalScaleSide;
-      /** When true, freezes all internal calculations and scales the entire component
-proportionally (like CSS transform:scale), except label font-size remains constant.
-When false (default), dimensions react to component properties. */
-fixedAspectRatio?: boolean;
-      /** Reference size for proportional scaling when fixedAspectRatio is true.
-At this width, the scale renders at native 1:1 (matches Figma design).
-Above this width, the scale grows proportionally; below, it shrinks. */
-scaleReferenceSize?: number;
-      /** Show scale tickmarks */
-hasScale?: boolean;
+     /** Minimum scale value (manual mode) */
+     minValue?: number;
+     /** Maximum scale value (manual mode) */
+     maxValue?: number;
+     /**
+      * Total width in pixels (including padding bands)
+      *
+      * Available when `fixedAspectRatio==false`.
+      */
+     width?: number;
+     /** Padding left of the drawing area */
+     paddingLeft?: number;
+     /** Padding right of the drawing area */
+     paddingRight?: number;
+     /** Which side this scale lives on */
+     side?: ExternalScaleSide;
+     /** When true, freezes all internal calculations and scales the entire component proportionally (like CSS transform:scale), except label font-size remains constant. When false (default), dimensions react to component properties. */
+     fixedAspectRatio?: boolean;
+     /**
+      * Reference size for proportional scaling when fixedAspectRatio is true. At this width, the scale renders at native 1:1 (matches Figma design). Above this width, the scale grows proportionally; below, it shrinks.
+      *
+      * Available when `fixedAspectRatio==true`.
+      */
+     scaleReferenceSize?: number;
+     /** Show scale tickmarks */
+     hasScale?: boolean;
      showLabels?: boolean;
-      /** Show bar */
-hasBar?: boolean;
-      /** Show background behind the scale tickmarks. */
-scaleBackground?: boolean;
-      /** Bar container background style.
-When undefined, defaults based on scaleBackground.
-Set explicitly to override: 'primary' (lighter) or 'secondary' (gray). */
-barContainerStyle?: BarContainerStyle | undefined;
-      /** Bar/fill thickness in pixels */
-barThickness?: number;
-      /** Tickmark band thickness in pixels. */
-tickThickness?: number;
-      /** Label band thickness in pixels. */
-labelThickness?: number;
-      /** Array of values for main tickmarks. When undefined, no main tickmarks shown.
-When empty array [], defaults to [minValue, 0, maxValue]. */
-mainTickmarks?: number[] | undefined;
-      /** Interval for primary (longest) tickmarks with labels (minimum 1).
-When undefined, no primary tickmarks are shown. */
-primaryTickmarkInterval?: number | undefined;
-      /** Interval for secondary (medium) tickmarks (minimum 1).
-When undefined, no secondary tickmarks are shown. */
-secondaryTickmarkInterval?: number | undefined;
-      /** Interval for tertiary (shortest) tickmarks (minimum 1).
-When undefined, no tertiary tickmarks are shown. */
-tertiaryTickmarkInterval?: number | undefined;
-      /** Scale display mode: regular or condensed (shorter ticks) */
-scaleType?: ScaleType;
-      /** Frame style: regular (4px gap for all), flat (main tickmarks touch edge), framed, or instrument */
-frameStyle?: FrameStyle;
-      /** Border radius position based on component layout */
-borderRadiusPosition?: BorderRadiusPosition | undefined;
-      /** When true, the component is used inside an instrument (e.g., gauge-trend).
-In this mode, only label font size responds to .obc-component-size-* CSS classes.
-Border radius and bar thickness use explicit values or defaults, not CSS variables. */
-instrumentMode?: boolean;
-      /** Explicit border radius value in pixels.
-When instrumentMode=true, this value is used directly (defaults to 8px for regular, 4px for condensed).
-When instrumentMode=false, this is ignored and border radius is read from CSS variable. */
-borderRadius?: number | undefined;
-      /** Color priority: enhanced uses blue instrument colors for bar fill and setpoint */
-priority?: Priority;
-      /** Fill visualization mode: fill or tint */
-fillMode?: FillMode;
-      /** Minimum fill value for tint mode (defaults to 0) */
-fillMin?: number | undefined;
-      /** Maximum fill value for tint mode (defaults to value) */
-fillMax?: number | undefined;
-      /** Current value (bar fill level) */
-value?: number | undefined;
-      /** Instrument state (affects colors and some marker behavior) */
-state?: InstrumentState;
-      /** Advice overlay positioning: center (in bar), inner (covers minor ticks), outer (no overlap) */
-advicePosition?: AdvicePosition;
-      /** Advice/alert overlays with state and positioning.
-When undefined or empty, no advice shown. */
-advices?: LinearAdvice[] | undefined;
-      /** When true, displays a dot indicator at the current value position.
-The dot is rendered in the scale band, touching its inner edge (towards the chart).
-This provides an alternative to bar fill for highlighting the current value. */
-highlightCurrentValue?: boolean
+     /** Show bar */
+     hasBar?: boolean;
+     /** Show background behind the scale tickmarks. */
+     scaleBackground?: boolean;
+     /**
+      * Bar container background style. When undefined, defaults based on scaleBackground. Set explicitly to override: 'primary' (lighter) or 'secondary' (gray).
+      *
+      * Available when `hasBar==true`.
+      */
+     barContainerStyle?: BarContainerStyle | undefined;
+     /**
+      * Bar/fill thickness in pixels
+      *
+      * Available when `hasBar==true`.
+      */
+     barThickness?: number;
+     /**
+      * Tickmark band thickness in pixels.
+      *
+      * Available when `hasScale==true`.
+      */
+     tickThickness?: number;
+     /**
+      * Label band thickness in pixels.
+      *
+      * Available when `showLabels==true`.
+      */
+     labelThickness?: number;
+     /**
+      * Array of values for main tickmarks. When undefined, no main tickmarks shown. When empty array [], defaults to [minValue, 0, maxValue].
+      *
+      * Available when `hasScale==true`.
+      */
+     mainTickmarks?: number[] | undefined;
+     /**
+      * Interval for primary (longest) tickmarks with labels (minimum 1). When undefined, no primary tickmarks are shown.
+      *
+      * Available when `hasScale==true || showLabels==true`.
+      */
+     primaryTickmarkInterval?: number | undefined;
+     /**
+      * Interval for secondary (medium) tickmarks (minimum 1). When undefined, no secondary tickmarks are shown.
+      *
+      * Available when `hasScale==true`.
+      */
+     secondaryTickmarkInterval?: number | undefined;
+     /**
+      * Interval for tertiary (shortest) tickmarks (minimum 1). When undefined, no tertiary tickmarks are shown.
+      *
+      * Available when `hasScale==true`.
+      */
+     tertiaryTickmarkInterval?: number | undefined;
+     /** Scale display mode: regular or condensed (shorter ticks) */
+     scaleType?: ScaleType;
+     /**
+      * Frame style: regular (4px gap for all), flat (main tickmarks touch edge), framed, or instrument
+      *
+      * Available when `hasScale==true && mainTickmarks!=undefined`.
+      */
+     frameStyle?: FrameStyle;
+     /**
+      * Border radius position based on component layout
+      *
+      * Available when `hasBar==true`.
+      */
+     borderRadiusPosition?: BorderRadiusPosition | undefined;
+     /** When true, the component is used inside an instrument (e.g., gauge-trend). In this mode, only label font size responds to .obc-component-size-* CSS classes. Border radius and bar thickness use explicit values or defaults, not CSS variables. */
+     instrumentMode?: boolean;
+     /**
+      * Explicit border radius value in pixels. When instrumentMode=true, this value is used directly (defaults to 8px for regular, 4px for condensed). When instrumentMode=false, this is ignored and border radius is read from CSS variable.
+      *
+      * Available when `instrumentMode==true`.
+      */
+     borderRadius?: number | undefined;
+     /** Color priority: enhanced uses blue instrument colors for bar fill and setpoint */
+     priority?: Priority;
+     /**
+      * Fill visualization mode: fill or tint
+      *
+      * Available when `hasBar==true && value!=undefined`.
+      */
+     fillMode?: FillMode;
+     /**
+      * Minimum fill value for tint mode (defaults to 0)
+      *
+      * Available when `hasBar==true && value!=undefined`.
+      */
+     fillMin?: number | undefined;
+     /**
+      * Maximum fill value for tint mode (defaults to value)
+      *
+      * Available when `hasBar==true && value!=undefined`.
+      */
+     fillMax?: number | undefined;
+     /** Current value (bar fill level) */
+     value?: number | undefined;
+     /** Instrument state (affects colors and some marker behavior) */
+     state?: InstrumentState;
+     /**
+      * Advice overlay positioning: center (in bar), inner (covers minor ticks), outer (no overlap)
+      *
+      * Available when `hasBar==true && advices!=undefined`.
+      */
+     advicePosition?: AdvicePosition;
+     /** Advice/alert overlays with state and positioning. When undefined or empty, no advice shown. */
+     advices?: LinearAdvice[] | undefined;
+     /** When true, displays a dot indicator at the current value position. The dot is rendered in the scale band, touching its inner edge (towards the chart). This provides an alternative to bar fill for highlighting the current value. */
+     highlightCurrentValue?: boolean
    }
       export interface Events {
     onScaleDimensionsChanged?: (event: CustomEvent) => void