@ind-ds/core 0.1.1 → 0.2.1

package/dist/types/components/atoms/connection-indicator/connection-indicator.d.ts

@@ -0,0 +1,12 @@
+export type ConnectionState = 'connected' | 'connecting' | 'disconnected' | 'error';
+export type ConnectionSize = 'sm' | 'md' | 'lg';
+export declare class IndConnectionIndicator {
+    /** Connection state. */
+    state: ConnectionState;
+    /** Size. */
+    size: ConnectionSize;
+    /** Override the default text label. Pass an empty string to hide it. */
+    label?: string;
+    render(): any;
+}
+//# sourceMappingURL=connection-indicator.d.ts.map

package/dist/types/components/atoms/conveyor/conveyor.d.ts

@@ -0,0 +1,16 @@
+import type { EquipmentState, EquipmentSize } from '../_equipment/types';
+export type ConveyorDirection = 'forward' | 'reverse';
+export declare class IndConveyor {
+    /** Process state. `running` animates the belt. */
+    state: EquipmentState;
+    /** Belt travel direction. */
+    direction: ConveyorDirection;
+    /** Visual size. */
+    size: EquipmentSize;
+    /** Equipment tag (e.g. "CV-501"). */
+    tag?: string;
+    /** Human label. */
+    label?: string;
+    render(): any;
+}
+//# sourceMappingURL=conveyor.d.ts.map

package/dist/types/components/atoms/cooler/cooler.d.ts

@@ -0,0 +1,13 @@
+import type { EquipmentState, EquipmentSize } from '../_equipment/types';
+export declare class IndCooler {
+    /** Process state. */
+    state: EquipmentState;
+    /** Visual size. */
+    size: EquipmentSize;
+    /** Equipment tag (e.g. "CL-701"). */
+    tag?: string;
+    /** Human label. */
+    label?: string;
+    render(): any;
+}
+//# sourceMappingURL=cooler.d.ts.map

package/dist/types/components/atoms/counter/counter.d.ts

@@ -0,0 +1,19 @@
+export type CounterVariant = 'neutral' | 'success' | 'info' | 'warning' | 'error';
+export type CounterSize = 'sm' | 'md' | 'lg';
+export declare class IndCounter {
+    /** Numeric value. */
+    value: number;
+    /** Clamp the displayed value, rendering e.g. "99+" beyond this. */
+    max?: number;
+    /** Semantic color. */
+    variant: CounterVariant;
+    /** Size. */
+    size: CounterSize;
+    /** Optional label rendered before the count. */
+    label?: string;
+    /** Render as a small circular dot when the value is 0 (no number). */
+    dotWhenZero: boolean;
+    private display;
+    render(): any;
+}
+//# sourceMappingURL=counter.d.ts.map

package/dist/types/components/atoms/datetime-picker/datetime-picker.d.ts

@@ -0,0 +1,30 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export type DateTimeMode = 'datetime-local' | 'date' | 'time' | 'month' | 'week';
+export type DateTimeSize = 'sm' | 'md' | 'lg';
+export declare class IndDateTimePicker {
+    /** Picker mode (maps to the native input type). */
+    mode: DateTimeMode;
+    /** Current ISO value. */
+    value: string;
+    /** Min bound (ISO). */
+    min?: string;
+    /** Max bound (ISO). */
+    max?: string;
+    /** Step (seconds for time-based modes). */
+    step?: number | string;
+    /** Disabled. */
+    disabled: boolean;
+    /** Invalid state. */
+    invalid: boolean;
+    /** Size. */
+    size: DateTimeSize;
+    /** Visible label. */
+    label?: string;
+    /** Field name (forms). */
+    name?: string;
+    /** Fires on commit. */
+    indChange: EventEmitter<string>;
+    private onChange;
+    render(): any;
+}
+//# sourceMappingURL=datetime-picker.d.ts.map

package/dist/types/components/atoms/estop/estop.d.ts

@@ -0,0 +1,19 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export type EstopSize = 'sm' | 'md' | 'lg';
+export declare class IndEstop {
+    /** Whether the mushroom button is latched (pressed/engaged). */
+    engaged: boolean;
+    /** Disabled. */
+    disabled: boolean;
+    /** Size. */
+    size: EstopSize;
+    /** Visible caption. Defaults to "EMERGENCY STOP". */
+    label?: string;
+    /** Fires when pressed to engage the stop. */
+    indActivate: EventEmitter<void>;
+    /** Fires when reset (twist-release) from an engaged state. */
+    indReset: EventEmitter<void>;
+    private press;
+    render(): any;
+}
+//# sourceMappingURL=estop.d.ts.map

package/dist/types/components/atoms/fan/fan.d.ts

@@ -0,0 +1,13 @@
+import type { EquipmentState, EquipmentSize } from '../_equipment/types';
+export declare class IndFan {
+    /** Process state. `running` spins the blades. */
+    state: EquipmentState;
+    /** Visual size. */
+    size: EquipmentSize;
+    /** Equipment tag (e.g. "FN-301"). */
+    tag?: string;
+    /** Human label. */
+    label?: string;
+    render(): any;
+}
+//# sourceMappingURL=fan.d.ts.map

package/dist/types/components/atoms/gauge/gauge.d.ts

@@ -0,0 +1,36 @@
+export interface GaugeZone {
+    from: number;
+    to: number;
+    /** CSS color or a state keyword resolved to a token. */
+    color: string;
+}
+export type GaugeSize = 'sm' | 'md' | 'lg';
+export declare class IndGauge {
+    /** Current value. */
+    value: number;
+    /** Scale minimum. */
+    min: number;
+    /** Scale maximum. */
+    max: number;
+    /** Colored zones along the arc (e.g. green/amber/red bands). Pass as a property. */
+    zones: GaugeZone[];
+    /** Engineering unit. */
+    unit?: string;
+    /** Label / tag rendered under the value. */
+    label?: string;
+    /** Decimal places for the value. */
+    precision?: number;
+    /** Size. */
+    size: GaugeSize;
+    private readonly startAngle;
+    private readonly sweep;
+    private readonly cx;
+    private readonly cy;
+    private readonly r;
+    private valueToAngle;
+    private polar;
+    private arc;
+    private formatted;
+    render(): any;
+}
+//# sourceMappingURL=gauge.d.ts.map

package/dist/types/components/atoms/heartbeat/heartbeat.d.ts

@@ -0,0 +1,13 @@
+export type HeartbeatSize = 'sm' | 'md' | 'lg';
+export declare class IndHeartbeat {
+    /** Whether the monitored source is alive. When false the pulse stops. */
+    alive: boolean;
+    /** Beat interval in milliseconds (drives the pulse animation period). */
+    interval: number;
+    /** Size. */
+    size: HeartbeatSize;
+    /** Optional label rendered next to the pulse. */
+    label?: string;
+    render(): any;
+}
+//# sourceMappingURL=heartbeat.d.ts.map

package/dist/types/components/atoms/heater/heater.d.ts

@@ -0,0 +1,13 @@
+import type { EquipmentState, EquipmentSize } from '../_equipment/types';
+export declare class IndHeater {
+    /** Process state. `running` glows the element. */
+    state: EquipmentState;
+    /** Visual size. */
+    size: EquipmentSize;
+    /** Equipment tag (e.g. "EH-601"). */
+    tag?: string;
+    /** Human label. */
+    label?: string;
+    render(): any;
+}
+//# sourceMappingURL=heater.d.ts.map

package/dist/types/components/atoms/icon/icon.d.ts

@@ -0,0 +1,12 @@
+export type IconName = 'alarm' | 'bell' | 'gear' | 'home' | 'chevron-right' | 'chevron-down' | 'check' | 'close' | 'warning' | 'info' | 'power' | 'refresh' | 'play' | 'pause' | 'stop' | 'wrench';
+export type IconSize = 'sm' | 'md' | 'lg';
+export declare class IndIcon {
+    /** Built-in icon name. Omit and use the default slot to pass a custom SVG. */
+    name?: IconName;
+    /** Size. */
+    size: IconSize;
+    /** Accessible label. When omitted the icon is decorative (aria-hidden). */
+    label?: string;
+    render(): any;
+}
+//# sourceMappingURL=icon.d.ts.map

package/dist/types/components/atoms/knob/knob.d.ts

@@ -0,0 +1,39 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export type KnobSize = 'sm' | 'md' | 'lg';
+export declare class IndKnob {
+    host: HTMLElement;
+    /** Current value. */
+    value: number;
+    /** Minimum. */
+    min: number;
+    /** Maximum. */
+    max: number;
+    /** Step for keyboard / drag. */
+    step: number;
+    /** Disabled. */
+    disabled: boolean;
+    /** Size. */
+    size: KnobSize;
+    /** Label. */
+    label?: string;
+    /** Unit suffix. */
+    unit?: string;
+    /** Show the numeric value below the knob. */
+    showValue: boolean;
+    dragging: boolean;
+    /** Fires continuously while turning. */
+    indInput: EventEmitter<number>;
+    /** Fires on release. */
+    indChange: EventEmitter<number>;
+    private startY;
+    private startVal;
+    private clamp;
+    private angle;
+    private setValue;
+    private onPointerDown;
+    private onPointerMove;
+    private onPointerUp;
+    private onKey;
+    render(): any;
+}
+//# sourceMappingURL=knob.d.ts.map

package/dist/types/components/atoms/label/label.d.ts

@@ -0,0 +1,16 @@
+export type LabelTone = 'primary' | 'secondary' | 'muted';
+export type LabelSize = 'sm' | 'md' | 'lg';
+export declare class IndLabel {
+    /** Text emphasis. */
+    tone: LabelTone;
+    /** Size. */
+    size: LabelSize;
+    /** Uppercase caption styling (tracking + smaller). */
+    uppercase: boolean;
+    /** Associates the label with a form control id (rendered as <label for>). */
+    htmlFor?: string;
+    /** Optional required marker. */
+    required: boolean;
+    render(): any;
+}
+//# sourceMappingURL=label.d.ts.map

package/dist/types/components/atoms/linear-gauge/linear-gauge.d.ts

@@ -0,0 +1,35 @@
+export interface LinearGaugeZone {
+    from: number;
+    to: number;
+    color: string;
+}
+export type LinearGaugeOrientation = 'horizontal' | 'vertical';
+export type LinearGaugeSize = 'sm' | 'md' | 'lg';
+export declare class IndLinearGauge {
+    /** Current value. */
+    value: number;
+    /** Scale minimum. */
+    min: number;
+    /** Scale maximum. */
+    max: number;
+    /** Optional setpoint marker. */
+    setpoint?: number;
+    /** Colored zones along the scale. Pass as a property. */
+    zones: LinearGaugeZone[];
+    /** Orientation. */
+    orientation: LinearGaugeOrientation;
+    /** Engineering unit. */
+    unit?: string;
+    /** Label. */
+    label?: string;
+    /** Decimal places. */
+    precision?: number;
+    /** Size. */
+    size: LinearGaugeSize;
+    /** Show the numeric value. */
+    showValue: boolean;
+    private pct;
+    private formatted;
+    render(): any;
+}
+//# sourceMappingURL=linear-gauge.d.ts.map

package/dist/types/components/atoms/motor/motor.d.ts

@@ -0,0 +1,13 @@
+import type { EquipmentState, EquipmentSize } from '../_equipment/types';
+export declare class IndMotor {
+    /** Process state. */
+    state: EquipmentState;
+    /** Visual size. */
+    size: EquipmentSize;
+    /** Equipment tag (e.g. "M-201"). */
+    tag?: string;
+    /** Human label. */
+    label?: string;
+    render(): any;
+}
+//# sourceMappingURL=motor.d.ts.map

package/dist/types/components/atoms/pipe/pipe.d.ts

@@ -0,0 +1,19 @@
+export type PipeOrientation = 'horizontal' | 'vertical';
+export type PipeFlow = 'none' | 'forward' | 'reverse';
+export type PipeTone = 'neutral' | 'running' | 'fault' | 'warning';
+export declare class IndPipe {
+    /** Run direction of the segment. */
+    orientation: PipeOrientation;
+    /** Flow animation. `none` = static. */
+    flow: PipeFlow;
+    /** Color tone of the fluid. */
+    tone: PipeTone;
+    /** Pipe thickness in px. */
+    thickness: number;
+    /** Length in px (along the orientation). Defaults to filling the host. */
+    length?: number;
+    /** Accessible label (decorative by default). */
+    label?: string;
+    render(): any;
+}
+//# sourceMappingURL=pipe.d.ts.map

package/dist/types/components/atoms/process-symbol/process-symbol.d.ts

@@ -0,0 +1,18 @@
+export type ProcessSymbolShape = 'circle' | 'square' | 'diamond' | 'hexagon';
+export type ProcessSymbolState = 'normal' | 'running' | 'fault' | 'warning' | 'maintenance';
+export type ProcessSymbolSize = 'sm' | 'md' | 'lg';
+export declare class IndProcessSymbol {
+    /** ISA-5.1 instrument balloon shape. */
+    shape: ProcessSymbolShape;
+    /** Status coloring. */
+    state: ProcessSymbolState;
+    /** Tag text rendered inside (e.g. "PT 101"). */
+    tag?: string;
+    /** Caption rendered below the symbol. */
+    label?: string;
+    /** Size. */
+    size: ProcessSymbolSize;
+    private shapeEl;
+    render(): any;
+}
+//# sourceMappingURL=process-symbol.d.ts.map

package/dist/types/components/atoms/progress-ring/progress-ring.d.ts

@@ -0,0 +1,25 @@
+export type ProgressRingVariant = 'default' | 'success' | 'warning' | 'error';
+export type ProgressRingSize = 'sm' | 'md' | 'lg';
+export declare class IndProgressRing {
+    /** Current value (0–`max`). */
+    value: number;
+    /** Max value. */
+    max: number;
+    /** Color intent. */
+    variant: ProgressRingVariant;
+    /** Size. */
+    size: ProgressRingSize;
+    /** Indeterminate spinner (no value). */
+    indeterminate: boolean;
+    /** Show the percentage in the center. */
+    showValue: boolean;
+    /** Optional unit/suffix when showing the value (defaults to %). */
+    unit?: string;
+    /** Accessible label. */
+    label?: string;
+    private readonly r;
+    private readonly cx;
+    private percent;
+    render(): any;
+}
+//# sourceMappingURL=progress-ring.d.ts.map

package/dist/types/components/atoms/pump/pump.d.ts

@@ -0,0 +1,13 @@
+import type { EquipmentState, EquipmentSize } from '../_equipment/types';
+export declare class IndPump {
+    /** Process state. `running` animates the impeller. */
+    state: EquipmentState;
+    /** Visual size. */
+    size: EquipmentSize;
+    /** Equipment tag (e.g. "P-101"). */
+    tag?: string;
+    /** Human label (e.g. "Feed pump"). */
+    label?: string;
+    render(): any;
+}
+//# sourceMappingURL=pump.d.ts.map

package/dist/types/components/atoms/selector-switch/selector-switch.d.ts

@@ -0,0 +1,21 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export interface SelectorPosition {
+    value: string;
+    label: string;
+}
+export declare class IndSelectorSwitch {
+    /** Discrete positions, e.g. OFF / HAND / AUTO. Pass as a property. */
+    positions: SelectorPosition[];
+    /** Selected position value. */
+    value?: string;
+    /** Disabled. */
+    disabled: boolean;
+    /** Group label. */
+    label?: string;
+    /** Fires when a position is selected. */
+    indChange: EventEmitter<string>;
+    private select;
+    private onKey;
+    render(): any;
+}
+//# sourceMappingURL=selector-switch.d.ts.map

package/dist/types/components/atoms/setpoint/setpoint.d.ts

@@ -0,0 +1,32 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export type SetpointSize = 'sm' | 'md' | 'lg';
+export declare class IndSetpoint {
+    /** Target setpoint value (editable). */
+    value: number;
+    /** Live process value, shown for comparison when provided. */
+    pv?: number;
+    /** Minimum. */
+    min?: number;
+    /** Maximum. */
+    max?: number;
+    /** Step for the +/- buttons and keyboard. */
+    step: number;
+    /** Decimal places to display. */
+    precision?: number;
+    /** Engineering unit. */
+    unit?: string;
+    /** Label / tag. */
+    label?: string;
+    /** Disabled. */
+    disabled: boolean;
+    /** Size. */
+    size: SetpointSize;
+    /** Fires when the setpoint is committed. */
+    indChange: EventEmitter<number>;
+    private clamp;
+    private commit;
+    private fmt;
+    private onInput;
+    render(): any;
+}
+//# sourceMappingURL=setpoint.d.ts.map

package/dist/types/components/atoms/signal-quality/signal-quality.d.ts

@@ -0,0 +1,14 @@
+export type SignalQualitySize = 'sm' | 'md' | 'lg';
+export declare class IndSignalQuality {
+    /** Number of filled bars. */
+    level: number;
+    /** Total bars. */
+    bars: number;
+    /** Size. */
+    size: SignalQualitySize;
+    /** Optional label rendered next to the bars. */
+    label?: string;
+    private quality;
+    render(): any;
+}
+//# sourceMappingURL=signal-quality.d.ts.map

package/dist/types/components/atoms/silo/silo.d.ts

@@ -0,0 +1,19 @@
+import type { EquipmentState, EquipmentSize } from '../_equipment/types';
+export declare class IndSilo {
+    /** Process state (drives outline color). */
+    state: EquipmentState;
+    /** Fill level, 0–100 %. */
+    level: number;
+    /** Alarm tint of the contents. */
+    alarm: 'none' | 'low' | 'high';
+    /** Visual size. */
+    size: EquipmentSize;
+    /** Equipment tag (e.g. "SL-12"). */
+    tag?: string;
+    /** Human label. */
+    label?: string;
+    /** Show the numeric level under the symbol. */
+    showValue: boolean;
+    render(): any;
+}
+//# sourceMappingURL=silo.d.ts.map

package/dist/types/components/atoms/slider/slider.d.ts

@@ -0,0 +1,31 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export type SliderSize = 'sm' | 'md' | 'lg';
+export declare class IndSlider {
+    /** Current value. */
+    value: number;
+    /** Minimum. */
+    min: number;
+    /** Maximum. */
+    max: number;
+    /** Step. */
+    step: number;
+    /** Disabled. */
+    disabled: boolean;
+    /** Size. */
+    size: SliderSize;
+    /** Visible label. */
+    label?: string;
+    /** Unit suffix shown with the value. */
+    unit?: string;
+    /** Show the current value next to the label. */
+    showValue: boolean;
+    /** Fires on every change while dragging. */
+    indInput: EventEmitter<number>;
+    /** Fires on commit (mouse up / keyboard). */
+    indChange: EventEmitter<number>;
+    private onInput;
+    private onChange;
+    private percent;
+    render(): any;
+}
+//# sourceMappingURL=slider.d.ts.map

package/dist/types/components/atoms/sparkline/sparkline.d.ts

@@ -0,0 +1,23 @@
+export type SparklineVariant = 'default' | 'running' | 'warning' | 'fault';
+export declare class IndSparkline {
+    /** Series of numeric samples, oldest → newest. Pass as a property. */
+    points: number[];
+    /** Lower bound. Defaults to the min of `points`. */
+    min?: number;
+    /** Upper bound. Defaults to the max of `points`. */
+    max?: number;
+    /** Color intent. */
+    variant: SparklineVariant;
+    /** Fill the area under the line. */
+    area: boolean;
+    /** Highlight the most recent sample with a dot. */
+    marker: boolean;
+    /** Accessible label. */
+    label?: string;
+    /** SVG coordinate width. CSS controls the rendered size. */
+    private readonly w;
+    private readonly hh;
+    private path;
+    render(): any;
+}
+//# sourceMappingURL=sparkline.d.ts.map

package/dist/types/components/atoms/tab/tab.d.ts

@@ -0,0 +1,15 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare class IndTab {
+    /** Selected state. */
+    selected: boolean;
+    /** Disabled. */
+    disabled: boolean;
+    /** Stable id for the tab (emitted on select). */
+    tabId?: string;
+    /** Fires when the tab is activated. */
+    indSelect: EventEmitter<string | undefined>;
+    private activate;
+    private onKey;
+    render(): any;
+}
+//# sourceMappingURL=tab.d.ts.map

package/dist/types/components/atoms/tag-name/tag-name.d.ts

@@ -0,0 +1,11 @@
+export type TagNameSize = 'sm' | 'md' | 'lg';
+export declare class IndTagName {
+    /** Equipment / instrument tag, e.g. "PT-101". Falls back to the slot. */
+    tag?: string;
+    /** Size. */
+    size: TagNameSize;
+    /** Render in a boxed style (outlined chip). */
+    boxed: boolean;
+    render(): any;
+}
+//# sourceMappingURL=tag-name.d.ts.map

package/dist/types/components/atoms/tank/tank.d.ts

@@ -0,0 +1,19 @@
+import type { EquipmentState, EquipmentSize } from '../_equipment/types';
+export declare class IndTank {
+    /** Process state (drives outline color). */
+    state: EquipmentState;
+    /** Fill level, 0–100 %. */
+    level: number;
+    /** Alarm tint of the liquid (overrides state-derived fill color). */
+    alarm: 'none' | 'low' | 'high';
+    /** Visual size. */
+    size: EquipmentSize;
+    /** Equipment tag (e.g. "T-204"). */
+    tag?: string;
+    /** Human label. */
+    label?: string;
+    /** Show the numeric level under the symbol. */
+    showValue: boolean;
+    render(): any;
+}
+//# sourceMappingURL=tank.d.ts.map

package/dist/types/components/atoms/timestamp/timestamp.d.ts

@@ -0,0 +1,16 @@
+export type TimestampFormat = 'datetime' | 'date' | 'time' | 'relative' | 'iso';
+export declare class IndTimestamp {
+    /** ISO string or epoch milliseconds. Defaults to now when omitted. */
+    value?: string | number;
+    /** Display format. */
+    format: TimestampFormat;
+    /** BCP-47 locale for formatting. */
+    locale?: string;
+    /** Show seconds for time/datetime formats. */
+    seconds: boolean;
+    private date;
+    private relative;
+    private formatted;
+    render(): any;
+}
+//# sourceMappingURL=timestamp.d.ts.map

package/dist/types/components/atoms/toggle/toggle.d.ts

@@ -0,0 +1,22 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export type ToggleSize = 'sm' | 'md' | 'lg';
+export declare class IndToggle {
+    /** On/off state. */
+    checked: boolean;
+    /** Disabled. */
+    disabled: boolean;
+    /** Size. */
+    size: ToggleSize;
+    /** Visible label. Also the accessible name. */
+    label?: string;
+    /** Text shown for the on state (in-track). */
+    textOn?: string;
+    /** Text shown for the off state (in-track). */
+    textOff?: string;
+    /** Fires when the state changes. */
+    indChange: EventEmitter<boolean>;
+    private toggle;
+    private onKey;
+    render(): any;
+}
+//# sourceMappingURL=toggle.d.ts.map

package/dist/types/components/atoms/tree-node/tree-node.d.ts

@@ -0,0 +1,22 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare class IndTreeNode {
+    /** Nesting depth (0 = root) — drives the indent. */
+    level: number;
+    /** Expanded state (ignored for leaf nodes). */
+    expanded: boolean;
+    /** Leaf node — no twisty, not expandable. */
+    leaf: boolean;
+    /** Selected state. */
+    selected: boolean;
+    /** Visible text. Use the default slot for richer content. */
+    label?: string;
+    /** Fires when the row is selected. */
+    indSelect: EventEmitter<void>;
+    /** Fires when the twisty toggles expansion. */
+    indToggle: EventEmitter<boolean>;
+    private toggle;
+    private select;
+    private onKey;
+    render(): any;
+}
+//# sourceMappingURL=tree-node.d.ts.map