lido-player 0.0.2-alpha-53-dev → 0.0.2-alpha-56-dev

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

@@ -6,6 +6,7 @@
  * and displays progress indicators (dots) for each container.
  */
 export declare class LidoHome {
+    commonAudioPath?: string;
     /** Boolean to show or hide navigation buttons */
     showNav: boolean;
     /** Array of active container indexes to be rendered */
@@ -92,6 +93,7 @@ export declare class LidoHome {
      */
     NextContainerKey: (index?: number | undefined) => void;
     PrevContainerKey: (index?: number | undefined) => void;
+    onCommonAudioPathChange(path: string): void;
     /**
      * Lifecycle method that runs before the component is loaded. It sets up event listeners for transitioning
      * between containers and parses the XML data into containers.
@@ -99,6 +101,7 @@ export declare class LidoHome {
     componentWillLoad(): void;
     showDotsandbtn: boolean;
     componentDidLoad(): void;
+    private publishCommonAudioPath;
     private handleIcons;
     updateBackgroundImage(): void;
     /**

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

@@ -107,13 +107,19 @@ export declare class LidoShape {
      */
     delayVisible: string;
     /**
-      * When set to true, disables the speak functionality of long press for this component and its children.
-      */
+     * When set to true, disables the speak functionality of long press for this component and its children.
+     */
     disableSpeak: boolean;
+    /** Holds dynamically generated inline styles for the container */
+    style: {
+        [key: string]: string | undefined;
+    };
     /**
      * Lifecycle hook that runs after the component is loaded into the DOM.
      * It initializes custom events based on the `type` of the shape component.
      */
     componentDidLoad(): void;
+    updateStyles(): void;
+    lido3DShapes(): void;
     render(): any;
 }

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

@@ -157,6 +157,7 @@ export declare class LidoText {
      * It initializes custom events based on the `type` of the text component.
      */
     componentDidLoad(): void;
+    private resolveAutoAudio;
     /**
      * Lifecycle method that runs before the component is rendered.
      * Initializes styles and sets up event listeners for resize and load events.

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

@@ -146,7 +146,8 @@ export declare class LidoTrace {
     setupDrawingPath(state: any): void;
     setupDraggableCircle(state: any): void;
     addEventListeners(state: any): void;
-    handlePointerMove(state: any): void;
+    handlePointerMove(state: any): Promise<void>;
+    private animatePathToEnd;
     moveToNextContainer(): Promise<void>;
     getPointerPosition(evt: PointerEvent, svg: SVGSVGElement): DOMPoint | {
         x: number;

package/dist/types/components.d.ts

@@ -820,6 +820,7 @@ export namespace Components {
           * Boolean that controls the playability of the game.
          */
         "canplay": boolean;
+        "commonAudioPath"?: string;
         /**
           * Custom URL for the Exit button icon. Falls back to the default icon if not provided or invalid.
          */
@@ -3149,6 +3150,7 @@ declare namespace LocalJSX {
           * Boolean that controls the playability of the game.
          */
         "canplay"?: boolean;
+        "commonAudioPath"?: string;
         /**
           * Custom URL for the Exit button icon. Falls back to the default icon if not provided or invalid.
          */

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

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

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

@@ -0,0 +1,16 @@
+import { Meta, StoryObj } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+export declare const operationsWithObjects: StoryObj;
+export declare const operationsWithoutObjects: StoryObj;
+export declare const biggerAndSmaller: StoryObj;
+export declare const biggestAndSmallest: StoryObj;
+export declare const Shapes: StoryObj;
+export declare const how_many: StoryObj;
+export declare const number_identification: StoryObj;
+export declare const word_problem: StoryObj;
+export declare const operations_drag: StoryObj;
+export declare const recognize_number: StoryObj;
+export declare const missing_number_drag: StoryObj;
+export declare const custom_number_magnitudes: StoryObj;
+export declare const Shapes1: StoryObj;

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

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

package/dist/types/utils/constants.d.ts

@@ -17,6 +17,8 @@ export declare const DropToAttr = "drop-to";
 export declare const DropTimeAttr = "drop-time";
 export declare const LidoContainer = "lido-container";
 export declare const LangChangeEvent = "languageChanged";
+export declare const LIDO_COMMON_AUDIO_PATH = "__LIDO_COMMON_AUDIO_PATH__";
+export declare const LIDO_COMMON_AUDIO_READY_EVENT = "lidoCommonAudioPathReady";
 export declare enum TraceMode {
     NoFlow = "noFlow",
     ShowFlow = "showFlow",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lido-player",
-  "version": "0.0.2-alpha-53-dev",
+  "version": "0.0.2-alpha-56-dev",
   "description": "Stencil Component For  Lido Player",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/components/p-0733b277.js

@@ -1,100 +0,0 @@
-import { p as proxyCustomElement, H, d as setVisibilityWithDelay, i as initEventsForElement, h, j as Host } from './p-511377d2.js';
-
-const lidoShapeCss = ".lido-shape{position:absolute;top:var(--y);left:var(--x);display:var(--display);z-index:var(--z)}.lido-rectangle{border-radius:0}.lido-circle{width:var(--width);height:var(--width);border-radius:50%;background-color:var(--bgColor)}.lido-ellipse{width:var(--width);height:var(--height);border-radius:50%;background-color:var(--bgColor)}.lido-triangle{width:var(--triangleWidth);height:var(--triangleHeight);background-color:var(--bgColor);clip-path:polygon(50% 0%, 100% 100%, 0% 100%)}.lido-rightTriangle{width:var(--triangleWidth);height:var(--triangleHeight);background-color:var(--bgColor);clip-path:polygon(100% 0%, 100% 100%, 0% 100%)}.lido-leftTriangle{width:var(--triangleWidth);height:var(--triangleHeight);background-color:var(--triangleBgColor);clip-path:polygon(0% 0%, 100% 100%, 0% 100%)}.lido-parallelogram{width:var(--paralleWidth);height:var(--paralleHeight);transform:skew(20deg)}.lido-star{width:var(--starWidth);height:var(--starHeight);background-color:var(--starBgColor);clip-path:polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%)}.lido-pentagon{width:var(--pentagonWidth);height:var(--pentagonHeight);background-color:var(--pentagonBgColor);clip-path:polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%)}.lido-heptagon{width:var(--heptagonWidth);height:var(--heptagonHeight);background-color:var(--heptagonBgColor);clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%)}.lido-octagon{width:var(--octagonWidth);height:var(--octagonHeight);background-color:var(--octagonBgColor);clip-path:polygon(25% 0%, 75% 0%, 100% 25%, 100% 75%, 75% 100%, 25% 100%, 0% 75%, 0% 25%)}.lido-rhombus{width:var(--rhombusWidth);height:var(--rhombusHeight);background-color:var(--rhombusBgColor);clip-path:polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)}.lido-heart{height:var(--heartHeight);width:var(--heartWidth);border-image:radial-gradient(var(--heartBgColor) 69%, #0000 70%) 84.5%/50%;clip-path:polygon(-41% 0, 50% 91%, 141% 0)}";
-const LidoShapeStyle0 = lidoShapeCss;
-
-const LidoShape = /*@__PURE__*/ proxyCustomElement(class LidoShape extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.id = '';
-        this.value = '';
-        this.height = 'auto';
-        this.width = 'auto';
-        this.ariaLabel = '';
-        this.ariaHidden = '';
-        this.x = '0px';
-        this.y = '0px';
-        this.z = '0';
-        this.bgColor = '';
-        this.type = '';
-        this.tabIndex = 0;
-        this.shapeType = 'circle';
-        this.visible = false;
-        this.audio = '';
-        this.onTouch = '';
-        this.onInCorrect = '';
-        this.onCorrect = '';
-        this.onEntry = '';
-        this.minDrops = 1;
-        this.maxDrops = 1;
-        this.margin = '';
-        this.delayVisible = '';
-        this.disableSpeak = false;
-    }
-    /**
-     * Lifecycle hook that runs after the component is loaded into the DOM.
-     * It initializes custom events based on the `type` of the shape component.
-     */
-    componentDidLoad() {
-        setVisibilityWithDelay(this.el, this.delayVisible);
-        initEventsForElement(this.el, this.type);
-    }
-    render() {
-        // Inline styles to position and size the shape component
-        const style = {
-            height: this.shapeType !== 'polygon' ? this.height : undefined, // Set height unless it's a polygon
-            width: this.shapeType !== 'polygon' ? this.width : undefined, // Set width unless it's a polygon
-            top: this.y,
-            left: this.x,
-            display: this.visible ? 'block' : 'none', // Toggle visibility
-            zIndex: this.z,
-            backgroundColor: this.shapeType !== 'polygon' ? this.bgColor : 'transparent', // Apply background only if not a polygon
-            margin: this.margin,
-        };
-        return (h(Host, { key: '7a626d9f00854cf190c08524153086d0e9f139af', class: `lido-shape ${this.shapeType}`, value: this.value, type: this.type, "tab-index": this.tabIndex, style: style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, audio: this.audio, minDrops: this.minDrops, maxDrops: this.maxDrops, onTouch: this.onTouch, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, onEntry: this.onEntry, "disable-speak": this.disableSpeak }));
-    }
-    get el() { return this; }
-    static get style() { return LidoShapeStyle0; }
-}, [0, "lido-shape", {
-        "id": [1],
-        "value": [1],
-        "height": [1],
-        "width": [1],
-        "ariaLabel": [1, "aria-label"],
-        "ariaHidden": [1, "aria-hidden"],
-        "x": [1],
-        "y": [1],
-        "z": [1],
-        "bgColor": [1, "bg-color"],
-        "type": [1],
-        "tabIndex": [2, "tab-index"],
-        "shapeType": [1, "shape-type"],
-        "visible": [4],
-        "audio": [1],
-        "onTouch": [1, "on-touch"],
-        "onInCorrect": [1, "on-in-correct"],
-        "onCorrect": [1, "on-correct"],
-        "onEntry": [1, "on-entry"],
-        "minDrops": [2, "min-drops"],
-        "maxDrops": [2, "max-drops"],
-        "margin": [1],
-        "delayVisible": [1, "delay-visible"],
-        "disableSpeak": [4, "disable-speak"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["lido-shape"];
-    components.forEach(tagName => { switch (tagName) {
-        case "lido-shape":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, LidoShape);
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { LidoShape as L, defineCustomElement as d };