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

package/dist/types/components.d.ts

@@ -96,6 +96,121 @@ export namespace Components {
          */
         "z": string;
     }
+    interface LidoBalance {
+        /**
+          * Balance symbol shown when `showSymbol` is true. Default: "=".
+         */
+        "balanceSymbol": string;
+        /**
+          * Fill color applied to all loaded SVGs (pivot, scale, handler). Defaults to "brown".
+         */
+        "fill": string;
+        /**
+          * URL of the handler (side stands / hooks) image for the balance.
+         */
+        "handlerimage": string;
+        /**
+          * CSS height of the component (responsive values allowed). Default: "auto".
+         */
+        "height": string;
+        "hideSymbol": () => Promise<void>;
+        /**
+          * CSS margin applied to the outer container.
+         */
+        "margin": string;
+        /**
+          * 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;
+        /**
+          * Operation type used to calculate balance values. Supported: "count", "add", "subtract", etc.
+         */
+        "operation": string;
+        /**
+          * CSS padding applied to the outer container.
+         */
+        "padding": string;
+        /**
+          * URL of the pivot (base stand) image used in the balance visualization.
+         */
+        "pivotimage": string;
+        "revealSymbol": () => Promise<void>;
+        /**
+          * URL of the scale (bar) image that tilts based on the weight difference.
+         */
+        "scaleimage": string;
+        /**
+          * Whether the balance symbol is currently displayed. Can be toggled with `revealSymbol()` and `hideSymbol()`.
+         */
+        "showSymbol": boolean;
+        /**
+          * Initial tilt value of the balance. Negative = tilts left, Positive = tilts right.
+         */
+        "tilt": number;
+        "updateTilt": (leftVal: number, rightVal: number) => Promise<void>;
+        /**
+          * Controls component visibility. Accepts boolean (`true`/`false`) or string ("true"/"false").
+         */
+        "visible": boolean | 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;
+    }
+    interface LidoCalculator {
+        /**
+          * Background color for the calculator container
+         */
+        "bgColor": 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;
+        /**
+          * Icon URL for the pen image shown on the calculator UI
+         */
+        "penIcon": string;
+        /**
+          * Controls component visibility. Accepts boolean (`true`/`false`) or string ("true"/"false").
+         */
+        "visible": boolean | string;
+        /**
+          * Width of the calculator component (default: '479px')
+         */
+        "width": string;
+        /**
+          * X-position of the calculator (can be px, %, etc.)
+         */
+        "x": string;
+        /**
+          * Y-position of the calculator (can be px, %, etc.)
+         */
+        "y": string;
+    }
     /**
      * @component LidoCell
      * A flexible UI cell component configurable via props like size, position, visibility,
@@ -409,6 +524,10 @@ export namespace Components {
           * 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;
         /**
           * Custom URL for the Exit button icon. Falls back to the default icon if not provided or invalid.
          */
@@ -965,19 +1084,23 @@ export namespace Components {
         /**
           * Number of columns in the matrix
          */
-        "cols": number;
+        "cols": string;
+        /**
+          * Background color for inactive slots
+         */
+        "deactiveBgColor": string;
         /**
           * Number of slots to pre-fill as active by default
          */
         "defualtFill": number;
         /**
-          * Height of the slot container
+          * Font color for the slot text
          */
-        "height": string;
+        "fontColor": string;
         /**
-          * Background color for inactive slots
+          * Height of the slot container
          */
-        "inactiveBgColor": string;
+        "height": string;
         /**
           * Show row index numbers on the left side
          */
@@ -997,19 +1120,43 @@ export namespace Components {
         /**
           * Number of rows in the matrix
          */
-        "rows": number;
+        "rows": string;
+        /**
+          * Sets the tab index for keyboard navigation
+         */
+        "tabIndex": number;
+        /**
+          * The display text or label associated with this matrix element
+         */
+        "text": string;
         /**
           * Show column index numbers on the top side
          */
         "topIndex": boolean;
         /**
-          * Controls visibility of the matrix (string "true" or "false")
+          * Defines the matrix type (e.g., "drop", "slot", "answer")
+         */
+        "type": string;
+        /**
+          * The value or data associated with this matrix element
+         */
+        "value": string;
+        /**
+          * Controls the visibility of the matrix (accepts "true" or "false" as string)
          */
         "visible": string;
         /**
           * Width of the slot container
          */
         "width": string;
+        /**
+          * The left coordinate (in pixels or percentage) for matrix positioning
+         */
+        "x": string;
+        /**
+          * The top coordinate (in pixels or percentage) for matrix positioning
+         */
+        "y": string;
         /**
           * Z-index value for the matrix container
          */
@@ -1903,6 +2050,10 @@ export namespace Components {
         "z": string;
     }
 }
+export interface LidoCalculatorCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLidoCalculatorElement;
+}
 declare global {
     /**
      * @component LidoAvatar
@@ -1918,6 +2069,29 @@ declare global {
         prototype: HTMLLidoAvatarElement;
         new (): HTMLLidoAvatarElement;
     };
+    interface HTMLLidoBalanceElement extends Components.LidoBalance, HTMLStencilElement {
+    }
+    var HTMLLidoBalanceElement: {
+        prototype: HTMLLidoBalanceElement;
+        new (): HTMLLidoBalanceElement;
+    };
+    interface HTMLLidoCalculatorElementEventMap {
+        "onOk": boolean;
+    }
+    interface HTMLLidoCalculatorElement extends Components.LidoCalculator, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLLidoCalculatorElementEventMap>(type: K, listener: (this: HTMLLidoCalculatorElement, ev: LidoCalculatorCustomEvent<HTMLLidoCalculatorElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLLidoCalculatorElementEventMap>(type: K, listener: (this: HTMLLidoCalculatorElement, ev: LidoCalculatorCustomEvent<HTMLLidoCalculatorElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLLidoCalculatorElement: {
+        prototype: HTMLLidoCalculatorElement;
+        new (): HTMLLidoCalculatorElement;
+    };
     /**
      * @component LidoCell
      * A flexible UI cell component configurable via props like size, position, visibility,
@@ -2102,6 +2276,8 @@ declare global {
     };
     interface HTMLElementTagNameMap {
         "lido-avatar": HTMLLidoAvatarElement;
+        "lido-balance": HTMLLidoBalanceElement;
+        "lido-calculator": HTMLLidoCalculatorElement;
         "lido-cell": HTMLLidoCellElement;
         "lido-col": HTMLLidoColElement;
         "lido-container": HTMLLidoContainerElement;
@@ -2213,6 +2389,122 @@ declare namespace LocalJSX {
          */
         "z"?: string;
     }
+    interface LidoBalance {
+        /**
+          * Balance symbol shown when `showSymbol` is true. Default: "=".
+         */
+        "balanceSymbol"?: string;
+        /**
+          * Fill color applied to all loaded SVGs (pivot, scale, handler). Defaults to "brown".
+         */
+        "fill"?: string;
+        /**
+          * URL of the handler (side stands / hooks) image for the balance.
+         */
+        "handlerimage"?: string;
+        /**
+          * CSS height of the component (responsive values allowed). Default: "auto".
+         */
+        "height"?: string;
+        /**
+          * CSS margin applied to the outer container.
+         */
+        "margin"?: string;
+        /**
+          * 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;
+        /**
+          * Operation type used to calculate balance values. Supported: "count", "add", "subtract", etc.
+         */
+        "operation"?: string;
+        /**
+          * CSS padding applied to the outer container.
+         */
+        "padding"?: string;
+        /**
+          * 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;
+        /**
+          * Whether the balance symbol is currently displayed. Can be toggled with `revealSymbol()` and `hideSymbol()`.
+         */
+        "showSymbol"?: boolean;
+        /**
+          * Initial tilt value of the balance. Negative = tilts left, Positive = tilts right.
+         */
+        "tilt"?: number;
+        /**
+          * Controls component visibility. Accepts boolean (`true`/`false`) or string ("true"/"false").
+         */
+        "visible"?: boolean | 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;
+    }
+    interface LidoCalculator {
+        /**
+          * Background color for the calculator container
+         */
+        "bgColor"?: 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;
+        /**
+          * Event emitted when user confirms or completes an action (e.g., pressing OK)
+         */
+        "onOnOk"?: (event: LidoCalculatorCustomEvent<boolean>) => void;
+        /**
+          * Icon URL for the pen image shown on the calculator UI
+         */
+        "penIcon"?: string;
+        /**
+          * Controls component visibility. Accepts boolean (`true`/`false`) or string ("true"/"false").
+         */
+        "visible"?: boolean | string;
+        /**
+          * Width of the calculator component (default: '479px')
+         */
+        "width"?: string;
+        /**
+          * X-position of the calculator (can be px, %, etc.)
+         */
+        "x"?: string;
+        /**
+          * Y-position of the calculator (can be px, %, etc.)
+         */
+        "y"?: string;
+    }
     /**
      * @component LidoCell
      * A flexible UI cell component configurable via props like size, position, visibility,
@@ -2526,6 +2818,10 @@ declare namespace LocalJSX {
           * 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;
         /**
           * Custom URL for the Exit button icon. Falls back to the default icon if not provided or invalid.
          */
@@ -3082,19 +3378,23 @@ declare namespace LocalJSX {
         /**
           * Number of columns in the matrix
          */
-        "cols"?: number;
+        "cols"?: string;
+        /**
+          * Background color for inactive slots
+         */
+        "deactiveBgColor"?: string;
         /**
           * Number of slots to pre-fill as active by default
          */
         "defualtFill"?: number;
         /**
-          * Height of the slot container
+          * Font color for the slot text
          */
-        "height"?: string;
+        "fontColor"?: string;
         /**
-          * Background color for inactive slots
+          * Height of the slot container
          */
-        "inactiveBgColor"?: string;
+        "height"?: string;
         /**
           * Show row index numbers on the left side
          */
@@ -3114,19 +3414,43 @@ declare namespace LocalJSX {
         /**
           * Number of rows in the matrix
          */
-        "rows"?: number;
+        "rows"?: string;
+        /**
+          * Sets the tab index for keyboard navigation
+         */
+        "tabIndex"?: number;
+        /**
+          * The display text or label associated with this matrix element
+         */
+        "text"?: string;
         /**
           * Show column index numbers on the top side
          */
         "topIndex"?: boolean;
         /**
-          * Controls visibility of the matrix (string "true" or "false")
+          * Defines the matrix type (e.g., "drop", "slot", "answer")
+         */
+        "type"?: string;
+        /**
+          * The value or data associated with this matrix element
+         */
+        "value"?: string;
+        /**
+          * Controls the visibility of the matrix (accepts "true" or "false" as string)
          */
         "visible"?: string;
         /**
           * Width of the slot container
          */
         "width"?: string;
+        /**
+          * The left coordinate (in pixels or percentage) for matrix positioning
+         */
+        "x"?: string;
+        /**
+          * The top coordinate (in pixels or percentage) for matrix positioning
+         */
+        "y"?: string;
         /**
           * Z-index value for the matrix container
          */
@@ -4021,6 +4345,8 @@ declare namespace LocalJSX {
     }
     interface IntrinsicElements {
         "lido-avatar": LidoAvatar;
+        "lido-balance": LidoBalance;
+        "lido-calculator": LidoCalculator;
         "lido-cell": LidoCell;
         "lido-col": LidoCol;
         "lido-container": LidoContainer;
@@ -4054,6 +4380,8 @@ declare module "@stencil/core" {
              * This component initializes and manages a Rive animation inside a canvas element.
              */
             "lido-avatar": LocalJSX.LidoAvatar & JSXBase.HTMLAttributes<HTMLLidoAvatarElement>;
+            "lido-balance": LocalJSX.LidoBalance & JSXBase.HTMLAttributes<HTMLLidoBalanceElement>;
+            "lido-calculator": LocalJSX.LidoCalculator & JSXBase.HTMLAttributes<HTMLLidoCalculatorElement>;
             /**
              * @component LidoCell
              * A flexible UI cell component configurable via props like size, position, visibility,

package/dist/types/stories/Templates/balancing/balancing.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta, StoryObj } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+export declare const Balancing: StoryObj;

package/dist/types/stories/Templates/checker-block/checkerBlock.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta, StoryObj } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+export declare const Blocks: StoryObj;

package/dist/types/stories/Templates/checkerBlock/checkerBlock.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta, StoryObj } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+export declare const CheckerBlock: StoryObj;

package/dist/types/stories/Templates/fillAnswer/fill-answer.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta, StoryObj } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+export declare const OrderTractor: StoryObj;

package/dist/types/stories/Templates/foodJar/food-jar.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta, StoryObj } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+export declare const OrderTractor: StoryObj;

package/dist/types/stories/Templates/matchBox/matchBox.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta, StoryObj } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+export declare const Blanks: StoryObj;

package/dist/types/stories/Templates/matchBox/matchBox2.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta, StoryObj } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+export declare const Blanks: StoryObj;

package/dist/types/stories/Templates/matchingCard/matching-card.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta, StoryObj } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+export declare const OrderTractor: StoryObj;

package/dist/types/stories/Templates/multiplyBeeds/multiplyBeeds.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/web-components';
+type MultiplyBeedsArgs = {
+    number: string;
+    multiplicationFactor: string;
+    answer: string;
+};
+declare const meta: Meta<MultiplyBeedsArgs>;
+export default meta;
+export declare const MultiplyBeeds: StoryObj<MultiplyBeedsArgs>;

package/dist/types/stories/Templates/nimbleTable/nimbleTable.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta, StoryObj } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+export declare const nimbletable: StoryObj;

package/dist/types/stories/Templates/numberBoardTwo/numberBoardTwo.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta, StoryObj } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+export declare const numberBoard: StoryObj;

package/dist/types/stories/Templates/numberPair/numberPair.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta, StoryObj } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+export declare const NumberPair: StoryObj;

package/dist/types/stories/Templates/questionBoard/questionBoard.stories.d.ts

@@ -0,0 +1,15 @@
+import { Meta, StoryObj } from '@storybook/web-components';
+type QuestionBoardArgs = {
+    questionBoardImage: string[];
+    questionBoardText: string;
+    backgroundImagePlusSign1: string[];
+    backgroundImagePlusSign2: string[];
+    backgroundImageMultiplicationSign: string[];
+    expressionText: string;
+    options: object;
+    optionText: string;
+    objective: string;
+};
+declare const meta: Meta<QuestionBoardArgs>;
+export default meta;
+export declare const QuestionBoard: StoryObj;

package/dist/types/stories/Templates/sequenceBox/sequenceBox1.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/web-components';
+type SequenceBoxArgs = {
+    missingNumber: string;
+    number1: string;
+    number2: string;
+    number4: string;
+    options: string[];
+};
+declare const meta: Meta<SequenceBoxArgs>;
+export default meta;
+export declare const SequenceBox: StoryObj;

package/dist/types/stories/Templates/sequenceBox/sequenceBox2.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/web-components';
+type SequenceBoxArgs = {
+    missingNumber: string;
+    number1: string;
+    number2: string;
+    number4: string;
+    options: string[];
+};
+declare const meta: Meta<SequenceBoxArgs>;
+export default meta;
+export declare const SequenceBox: StoryObj;

package/dist/types/stories/Templates/shapePair/shape-pair.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta, StoryObj } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+export declare const NumberPair: StoryObj;

package/dist/types/stories/Templates/shapeTractor/shape-tractor.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/web-components';
+type ShapeTractorArgs = {
+    blocks: any[];
+    options: any[];
+};
+declare const meta: Meta<ShapeTractorArgs>;
+export default meta;
+export declare const ShapeTractor: StoryObj<ShapeTractorArgs>;
+export declare const ShapeTractorOne: StoryObj<ShapeTractorArgs>;
+export declare const ShapeTractorTwo: StoryObj<ShapeTractorArgs>;
+export declare const ShapeTractorThree: StoryObj<ShapeTractorArgs>;
+export declare const ShapeTractorFour: StoryObj<ShapeTractorArgs>;

package/dist/types/stories/Templates/sumTogether/sumTogether.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/web-components';
+type SumTogetherArgs = {
+    number1: string;
+    number2: string;
+    answer: string;
+    sign: string;
+    options: string[];
+};
+declare const meta: Meta<SumTogetherArgs>;
+export default meta;
+export declare const SumTogether: StoryObj<SumTogetherArgs>;

package/dist/types/stories/Templates/total/total.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta, StoryObj } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+export declare const total: StoryObj;

package/dist/types/stories/Templates/writeNumber/writeNumber.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/web-components';
+type WriteNumberArgs = {
+    traceImage1: string[];
+    traceImage2: string[];
+    traceMode: 'noFlow' | 'showFlow' | 'freeTrace' | 'blindTracing' | 'blindFreeTrace';
+    highlightedText: string;
+    textDisplayImage: string[];
+    spanType: 'letters' | 'words';
+    stars: number;
+};
+declare const meta: Meta<WriteNumberArgs>;
+export default meta;
+export declare const WriteNumber: StoryObj;

package/dist/types/stories/Templates/writeSet/writeSet.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta, StoryObj } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+export declare const writeSet: StoryObj;