lido-player 0.0.2-alpha-49 → 0.0.2-alpha-43-dev

package/dist/types/components/calculator/lido-calculator.d.ts

@@ -0,0 +1,40 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class LidoCalculator {
+    /** Width of the calculator component (default: '479px') */
+    width: string;
+    /**
+      * Controls component visibility.
+      * Accepts boolean (`true`/`false`) or string ("true"/"false").
+    */
+    visible: boolean | string;
+    /** Height of the calculator component (default: '711px') */
+    height: string;
+    /** Objective or identifier for activity-based logic or validation */
+    objective: string;
+    /** Code or actions to execute when the component is first rendered */
+    onEntry: string;
+    /** X-position of the calculator (can be px, %, etc.) */
+    x: string;
+    /** Y-position of the calculator (can be px, %, etc.) */
+    y: string;
+    /** Background color for the calculator container */
+    bgColor: string;
+    /** Icon URL for the pen image shown on the calculator UI */
+    penIcon: string;
+    /** Current display value shown in the calculator screen */
+    displayValue: string;
+    /** Inline style object for dynamic positioning and layout control */
+    style: {
+        [key: string]: string;
+    };
+    /** Event emitted when user confirms or completes an action (e.g., pressing OK) */
+    onOk: EventEmitter<boolean>;
+    /** Reference to the host HTML element of this component */
+    el: HTMLElement;
+    private updateValueAttr;
+    componentWillLoad(): void;
+    private handleClick;
+    private userAnswers;
+    private verifyAnswer;
+    render(): any;
+}

package/dist/types/components/container/lido-container.d.ts

@@ -161,6 +161,10 @@ export declare class LidoContainer {
      * Delay in milliseconds to make the cell visible after mount.
      */
     delayVisible: string;
+    /**
+      * When set to true, disables the speak functionality of long press for this component and its children.
+    */
+    disableSpeak: boolean;
     convertToPixels(height: string, parentElement?: HTMLElement): number;
     /**
      * Scales the container based on the window or screen size, maintaining the aspect ratio.

package/dist/types/components/home/lido-home.d.ts

@@ -118,7 +118,6 @@ export declare class LidoHome {
      */
     private parseContainers;
     private updateArrowVisibility;
-    private areAllDropsFilled;
     private btnpopup;
     popUpClick: (comment: string) => void;
     private scaleNavbarContainer;

package/dist/types/components/mathMatrix/lido-math-matrix.d.ts

@@ -1,8 +1,8 @@
 export declare class LidoMathMatrix {
     /** Number of rows in the matrix */
-    rows: number;
+    rows: string;
     /** Number of columns in the matrix */
-    cols: number;
+    cols: string;
     /** Number of slots to pre-fill as active by default */
     defualtFill: number;
     /** Show row index numbers on the left side */
@@ -20,7 +20,7 @@ export declare class LidoMathMatrix {
     /** Background color for active slots */
     activeBgColor: string;
     /** Background color for inactive slots */
-    inactiveBgColor: string;
+    deactiveBgColor: string;
     /** Border style applied to each slot */
     border: string;
     /** Height of the slot container */
@@ -35,14 +35,33 @@ export declare class LidoMathMatrix {
     margin: string;
     /** Padding inside the matrix container */
     padding: string;
-    /** Controls visibility of the matrix (string "true" or "false") */
+    /** Controls the visibility of the matrix (accepts "true" or "false" as string) */
     visible: string;
+    /** The display text or label associated with this matrix element */
+    text: string;
+    /** Defines the matrix type (e.g., "drop", "slot", "answer") */
+    type: string;
+    /** The value or data associated with this matrix element */
+    value: string;
+    /** Sets the tab index for keyboard navigation */
+    tabIndex: number;
+    /** The left coordinate (in pixels or percentage) for matrix positioning */
+    x: string;
+    /** The top coordinate (in pixels or percentage) for matrix positioning */
+    y: string;
+    /** Font color for the slot text */
+    fontColor: string;
+    /** Tracks the previously filled slot index to clear it when a new slot is clicked */
+    previousFilledSlot: number;
+    /** Reference to the previously filled slot element for clearing its text */
+    previousFilledSlotElement: HTMLElement | null;
     /** Holds dynamically generated inline styles for the container */
     style: {
         [key: string]: string | undefined;
     };
     /** Reference to the host element of this component */
     el: HTMLElement;
+    private updateValue;
     componentDidLoad(): void;
     /**
      * Lifecycle method that runs before the component is rendered.
@@ -53,5 +72,6 @@ export declare class LidoMathMatrix {
     updateSlots(): void;
     updateStyles(): void;
     handleClickSlot(element: HTMLElement): void;
+    private getSlotData;
     render(): any;
 }

package/dist/types/components/scale/lido-balance.d.ts

@@ -0,0 +1,160 @@
+export declare class LidoBalance {
+    /**
+    * URL of the pivot (base stand) image used in the balance visualization.
+    */
+    pivotimage: string;
+    /**
+     * URL of the scale (bar) image that tilts based on the weight difference.
+     */
+    scaleimage: string;
+    /**
+     * URL of the handler (side stands / hooks) image for the balance.
+     */
+    handlerimage: string;
+    /**
+     * Fill color applied to all loaded SVGs (pivot, scale, handler).
+     * Defaults to "brown".
+     */
+    fill: string;
+    /**
+     * Initial tilt value of the balance.
+     * Negative = tilts left, Positive = tilts right.
+     */
+    tilt: number;
+    /**
+     * Maximum allowed tilt angle (in degrees) for the balance bar.
+     */
+    maxTilt: number;
+    /**
+     * Action(s) to execute when the component enters the DOM.
+     * Example: trigger animations or audio cues.
+     */
+    onEntry: string;
+    /**
+     * CSS height of the component (responsive values allowed).
+     * Default: "auto".
+     */
+    height: string;
+    /**
+     * CSS width of the component (responsive values allowed).
+     * Default: "auto".
+     */
+    width: string;
+    /**
+     * Horizontal (X-axis) offset for positioning the component.
+     * Default: "0px".
+     */
+    x: string;
+    /**
+     * Vertical (Y-axis) offset for positioning the component.
+     * Default: "0px".
+     */
+    y: string;
+    /**
+     * Z-index for stacking order of the component.
+     * Default: "0".
+     */
+    z: string;
+    /**
+     * Controls component visibility.
+     * Accepts boolean (`true`/`false`) or string ("true"/"false").
+     */
+    visible: boolean | string;
+    /**
+     * CSS margin applied to the outer container.
+     */
+    margin: string;
+    /**
+     * CSS padding applied to the outer container.
+     */
+    padding: string;
+    /**
+     * Balance symbol shown when `showSymbol` is true.
+     * Default: "=".
+     */
+    balanceSymbol: string;
+    /**
+     * Whether the balance symbol is currently displayed.
+     * Can be toggled with `revealSymbol()` and `hideSymbol()`.
+     */
+    showSymbol: boolean;
+    /**
+     * Operation type used to calculate balance values.
+     * Supported: "count", "add", "subtract", etc.
+     */
+    operation: string;
+    /**
+     * SVG markup of the pivot element after applying fill/stroke modifications.
+     */
+    pivotSvg: string;
+    /**
+     * SVG markup of the scale element after applying fill/stroke modifications.
+     */
+    scaleSvg: string;
+    /**
+     * SVG markup of the handler element after applying fill/stroke modifications.
+     */
+    handlerSvg: string;
+    /**
+     * Computed inline styles applied to the component host.
+     * Updates dynamically based on orientation and props.
+     */
+    style: {
+        [key: string]: string;
+    };
+    /**
+     * Final effective tilt value (after clamping/updates).
+     */
+    tiltf: number;
+    /**
+     * Current computed value of the left side of the balance.
+     */
+    leftVal: number;
+    /**
+     * Current computed value of the right side of the balance.
+     */
+    rightVal: number;
+    /**
+   * Reference to the scale (bar) DOM element.
+   * Used to apply rotation transforms during balance animation.
+   */
+    private scaleEl;
+    /**
+     * ID of the current animation frame request.
+     * Stored so it can be canceled when the component disconnects.
+     */
+    private animationFrameId;
+    /**
+     * Reference to the left handler (hook/stand) DOM element.
+     * Translated vertically when the balance tilts.
+     */
+    private leftHandleEl;
+    /**
+     * Reference to the right handler (hook/stand) DOM element.
+     * Translated vertically when the balance tilts.
+     */
+    private rightHandleEl;
+    /**
+     * Reference to the left parent container DOM element.
+     * Used to adjust Y-translation of dropped content during tilt.
+     */
+    private leftParentEl;
+    /**
+     * Reference to the right parent container DOM element.
+     * Used to adjust Y-translation of dropped content during tilt.
+     */
+    private rightParentEl;
+    revealSymbol(): Promise<void>;
+    hideSymbol(): Promise<void>;
+    el: HTMLElement;
+    componentWillLoad(): Promise<void>;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    private fetchAndApplyFill;
+    private currentAngle;
+    tiltChanged(newValue: number): void;
+    updateTilt(leftVal: number, rightVal: number): Promise<void>;
+    private animateBalance;
+    updateStyles(): void;
+    render(): any;
+}

package/dist/types/components/trace/lido-trace.d.ts

@@ -115,7 +115,6 @@ export declare class LidoTrace {
     fileIndex: number;
     isDragging: boolean;
     activePointerId: number | null;
-    freeTraceUpdateCounter: number;
     /** ───────────────────────────────────────────────────────────
      *  NEW: idle‑timer + finger‑hint state
      *  ─────────────────────────────────────────────────────────── */