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

package/dist/components/{p-7f11a624.js → p-cbac3cbc.js}

@@ -1,4 +1,4 @@
-import { c as commonjsGlobal, p as proxyCustomElement, H, g as getAssetPath, d as setVisibilityWithDelay, i as initEventsForElement, e as convertUrlToRelative, h, j as Host, R as RiveService } from './p-cfa2aec8.js';
+import { c as commonjsGlobal, p as proxyCustomElement, H, g as getAssetPath, d as setVisibilityWithDelay, i as initEventsForElement, e as convertUrlToRelative, h, j as Host, R as RiveService } from './p-bed94c37.js';
 
 var rive = {exports: {}};
 

package/dist/components/{p-61d97438.js → p-d37ab4dc.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, i as initEventsForElement, m as parseProp, h, j as Host } from './p-cfa2aec8.js';
+import { p as proxyCustomElement, H, i as initEventsForElement, k as parseProp, h, j as Host } from './p-bed94c37.js';
 
 const lidoPosCss = ".lido-pos{top:var(--y, 0);left:var(--x, 0);height:var(--height, 100%);width:var(--width, 100%);background-color:var(--bgColor, #eeeeee);display:flex;justify-content:space-around;flex-direction:column;position:fixed}.lido-pos>*{position:absolute}";
 const LidoPosStyle0 = lidoPosCss;
@@ -64,7 +64,7 @@ const LidoPos = /*@__PURE__*/ proxyCustomElement(class LidoPos extends H {
         };
     }
     render() {
-        return (h(Host, { key: '3c032fcd1655362851d75d7ed55b26a9d12b7e6f', id: this.id, class: "lido-pos", type: this.type, "tab-index": this.tabIndex, style: this.style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, minDrops: this.minDrops, maxDrops: this.maxDrops, value: this.value, audio: this.audio, onTouch: this.onTouch, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, onEntry: this.onEntry }, h("slot", { key: '99bb4083a93a247133cc6df2d439c437e3d5cb1b' })));
+        return (h(Host, { key: '20b34af6af7a1f061789d00ade88dc79eec595ef', id: this.id, class: "lido-pos", type: this.type, "tab-index": this.tabIndex, style: this.style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, minDrops: this.minDrops, maxDrops: this.maxDrops, value: this.value, audio: this.audio, onTouch: this.onTouch, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, onEntry: this.onEntry }, h("slot", { key: 'dae7759306330a01ecfb66be08debe8ec1f97d6e' })));
     }
     get el() { return this; }
     static get style() { return LidoPosStyle0; }

package/dist/components/p-e36ddcc1.js

@@ -0,0 +1,166 @@
+import { p as proxyCustomElement, H, l as createEvent, m as equationCheck, n as storingEachActivityScore, o as executeActions, N as NextContainerKey, h, j as Host } from './p-bed94c37.js';
+import { d as defineCustomElement$2 } from './p-29bdd953.js';
+import { d as defineCustomElement$1 } from './p-afbc196f.js';
+
+const lidoCalculatorCss = "#lidoCalculator{border-radius:19px;border:5px solid #029A9A;position:relative;display:flex;flex-direction:column;padding:2%;box-sizing:border-box}.lido-calculator-btn-special{background-color:#014D4D !important;--btn-shadow-color:#0a2f2f !important}.lido-calculator-btn-default{background-color:#029A9A !important;color:#000;--btn-shadow-color:#0f4242 !important}#lido-calculator-penIcon{--btn-bg-color:#FB7038 !important;--btn-shadow-px:0 8px 0 !important;--btn-shadow-color:#D74B12 !important;border-radius:5px !important}.lido-calculator-displayParent{width:89%;height:107px;background-color:rgb(68, 186, 186);border-radius:5px;margin:14px auto 17px auto;overflow:hidden;display:flex;align-items:end}.lido-calculator-display{width:97%;height:94px;background:#029A9A;color:#fff;text-align:right;display:flex;justify-content:flex-end;align-items:center;font-size:72px;font-weight:700;font-family:'Baloo Bhai 2', serif;border-radius:5px 0px 0px 5px;box-sizing:border-box;margin:0 0px -6px auto}.lido-calculator-buttons{flex:1;display:grid;grid-template-columns:repeat(3, 1fr);grid-auto-rows:1fr;gap:0%;width:100%;justify-items:center;align-items:center;position:relative;top:-1%}.lido-calculator-buttons lido-text{display:flex !important;justify-content:center;align-items:center;width:96px !important;height:80px !important;font-size:72px !important;font-weight:700 !important;color:#fff;border-radius:5px !important;cursor:pointer;text-align:center;line-height:1;box-sizing:border-box;transition:transform 0.1s}.lido-calculator-buttons lido-text:active{transform:scale(0.95)}";
+const LidoCalculatorStyle0 = lidoCalculatorCss;
+
+const LidoCalculator = /*@__PURE__*/ proxyCustomElement(class LidoCalculator extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.onOk = createEvent(this, "onOk", 7);
+        this.userAnswers = []; // store all calculator inputs
+        this.width = '479px';
+        this.visible = false;
+        this.height = '711px';
+        this.objective = '';
+        this.onEntry = '';
+        this.x = '0px';
+        this.y = '0px';
+        this.bgColor = '#60DADA';
+        this.penIcon = "https://aeakbcdznktpsbrfsgys.supabase.co/storage/v1/object/public/template-assets/calculator/Pen--Streamline-Solar%201.svg";
+        this.displayValue = '';
+        this.style = {};
+    }
+    updateValueAttr() {
+        this.el.setAttribute('value', this.displayValue);
+    }
+    componentWillLoad() {
+        if (!this.objective) {
+            const container = this.el.closest('lido-container');
+            if (container) {
+                this.objective = (container.getAttribute('objective') || '').replace('=', '').trim();
+            }
+        }
+        this.updateValueAttr();
+    }
+    handleClick(value) {
+        const MAX_LENGTH = 10;
+        if (value === 'OK') {
+            this.verifyAnswer();
+        }
+        else if (value === '←') {
+            this.displayValue = this.displayValue.slice(0, -1);
+        }
+        else {
+            if (this.displayValue.length < MAX_LENGTH) {
+                this.displayValue += value;
+            }
+        }
+        this.updateValueAttr();
+    }
+    async verifyAnswer() {
+        const userInput = this.displayValue.trim();
+        if (!userInput)
+            return;
+        let isCorrect = false;
+        const container = this.el.closest('lido-container');
+        if (!container)
+            return;
+        if (this.objective && this.objective.length === 1) {
+            isCorrect = userInput === this.objective;
+        }
+        // --- Multiple Objectives ---
+        else if (this.objective && this.objective.includes(',')) {
+            const isContinueOnCorrect = container.getAttribute('is-continue-on-correct') === 'true';
+            const objectives = this.objective.split(',').map(obj => obj.trim());
+            const currentIndex = this.userAnswers.length;
+            // Compare current input with corresponding objective 
+            if (currentIndex < objectives.length && Number(userInput) === Number(objectives[currentIndex])) {
+                isCorrect = true;
+            }
+            else {
+                isCorrect = false;
+            }
+            //  Store behavior based on mode
+            if (isContinueOnCorrect) {
+                // PRACTICE MODE → store only correct answers 
+                if (isCorrect) {
+                    this.userAnswers.push(Number(userInput));
+                }
+            }
+            else {
+                // TEST MODE → store all user inputs 
+                this.userAnswers.push(Number(userInput));
+            }
+        }
+        else if (this.objective === '') {
+            const equationAttr = container.getAttribute('equationCheck') || '';
+            if (!equationAttr)
+                return;
+            try {
+                const calculatedValue = equationCheck(equationAttr);
+                isCorrect = Number(calculatedValue) === Number(userInput.trim());
+                console.log('Equation check:', calculatedValue, userInput, isCorrect);
+            }
+            catch (err) {
+                console.error('Error evaluating equation:', err);
+                isCorrect = false;
+            }
+        }
+        this.onOk.emit(isCorrect);
+        if (isCorrect) {
+            this.displayValue = "";
+            storingEachActivityScore(isCorrect);
+            const onCorrect = (container === null || container === void 0 ? void 0 : container.getAttribute('onCorrect')) || '';
+            await executeActions(onCorrect, container);
+            if (this.objective.length === 0) {
+                window.dispatchEvent(new CustomEvent(NextContainerKey));
+            }
+        }
+        else {
+            this.displayValue = "";
+            storingEachActivityScore(isCorrect);
+            const onInCorrect = (container === null || container === void 0 ? void 0 : container.getAttribute('onInCorrect')) || '';
+            await executeActions(onInCorrect, container);
+        }
+    }
+    render() {
+        const numbers = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '←', '0', 'OK'];
+        return (h(Host, { key: '61d14ce0ff858db8ff04b502c0d303f18f5552b8', onEntry: this.onEntry, id: "lidoCalculator", style: { width: this.width, height: this.height, backgroundColor: this.bgColor, left: this.x, top: this.y } }, h("lido-cell", { key: '86318d0fb2a707af14fca1b1a615536e7bcdb9a3', visible: "true", height: "94px", width: "60px" }, h("lido-text", { key: 'd552cf17bedcbb321af0c7fb5fc0b44c89be4561', visible: "true", id: "lido-calculator-penIcon", type: "click", height: "80px", x: "176%", width: "96px", onEntry: "this.position='relative';", class: "top-icon" }, h("img", { key: '46f9003a72906617169fb76b19a208e6f6cbb0bc', src: this.penIcon, alt: "pen", style: { width: '100%', height: '100%' } }))), h("div", { key: 'a7ffc6dbdaabfa944e115eeecf08cc53808c0234', class: "lido-calculator-displayParent" }, h("div", { key: '27926d1370cbdd4423404ad1f78b1ade381288d9', class: "lido-calculator-display" }, this.displayValue)), h("div", { key: '58288a987ea3090da498fff03220d4d4b24aa7c5', class: "lido-calculator-buttons" }, numbers.map((num, i) => (h("lido-text", { id: `btn-${i}`, string: num, visible: "true", type: "click", class: {
+                'lido-calculator-btn-special': num === '←' || num === 'OK',
+                'lido-calculator-btn-default': num !== '←' && num !== 'OK'
+            }, onClick: () => this.handleClick(num) }))))));
+    }
+    get el() { return this; }
+    static get style() { return LidoCalculatorStyle0; }
+}, [0, "lido-calculator", {
+        "width": [1],
+        "visible": [8],
+        "height": [1],
+        "objective": [1],
+        "onEntry": [1, "on-entry"],
+        "x": [1],
+        "y": [1],
+        "bgColor": [1, "bg-color"],
+        "penIcon": [1, "pen-icon"],
+        "displayValue": [32],
+        "style": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["lido-calculator", "lido-cell", "lido-text"];
+    components.forEach(tagName => { switch (tagName) {
+        case "lido-calculator":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, LidoCalculator);
+            }
+            break;
+        case "lido-cell":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "lido-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { LidoCalculator as L, defineCustomElement as d };

package/dist/components/{p-03e4cafe.js → p-e4e42677.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, m as parseProp, d as setVisibilityWithDelay, i as initEventsForElement, h, j as Host } from './p-cfa2aec8.js';
+import { p as proxyCustomElement, H, k as parseProp, d as setVisibilityWithDelay, i as initEventsForElement, h, j as Host } from './p-bed94c37.js';
 
 const lidoFlashCardCss = ".card{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 0.6s ease;cursor:pointer}.card.flipped{transform:rotateY(180deg)}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center}.card-back{transform:rotateY(180deg)}";
 const LidoFlashCardStyle0 = lidoFlashCardCss;
@@ -76,7 +76,7 @@ const LidoFlash = /*@__PURE__*/ proxyCustomElement(class LidoFlash extends H {
     }
     /* ---------- Render ---------- */
     render() {
-        return (h(Host, { key: 'e0140af2e33c8cdc9d5c94743bcd83b98d0ce2f4', value: this.value, "tab-index": this.tabIndex, style: this.style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, audio: this.audio, onTouch: this.onTouch, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, onEntry: this.onEntry, type: this.type, onClick: this.handleFlip, "disable-speak": this.disableSpeak }, h("div", { key: '11b7e0be1957e15ac5644b73b4ffbd00a27a93ff', class: `card ${this.flipped ? 'flipped' : ''}` }, h("div", { key: 'acd9ae1eb8b1d6ac2658dbdcb26d9d7f6549811c', class: "card-face card-front" }, this.front != null ? this.front : h("slot", { name: "front" })), h("div", { key: 'd62cbfdd84fcc6596aefe6d8d55f7e5ffeaaa5f2', class: "card-face card-back" }, this.back != null ? this.back : h("slot", { name: "back" })))));
+        return (h(Host, { key: 'df221d302a1e91eb995af2f70aa69957cb769ffe', value: this.value, "tab-index": this.tabIndex, style: this.style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, audio: this.audio, onTouch: this.onTouch, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, onEntry: this.onEntry, type: this.type, onClick: this.handleFlip, "disable-speak": this.disableSpeak }, h("div", { key: 'd799a3525d9af4ba98d7750a3a76a313dd9cdd76', class: `card ${this.flipped ? 'flipped' : ''}` }, h("div", { key: 'fb7734ca5648e2cf8a91d551b383a5c2c3eae255', class: "card-face card-front" }, this.front != null ? this.front : h("slot", { name: "front" })), h("div", { key: '6071da403b17a079f80f0c5dd576dac7b5a2c357', class: "card-face card-back" }, this.back != null ? this.back : h("slot", { name: "back" })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/esm/{index-f47852d4.js → index-170e58c7.js}

@@ -1,5 +1,5 @@
 const NAMESPACE = 'lido-player';
-const BUILD = /* lido-player */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: false, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
+const BUILD = /* lido-player */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: false, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
 
 /*
  Stencil Client Platform v4.20.0 | MIT Licensed | https://stenciljs.com
@@ -19,6 +19,9 @@ var registerHost = (hostElement, cmpMeta) => {
     $cmpMeta$: cmpMeta,
     $instanceValues$: /* @__PURE__ */ new Map()
   };
+  {
+    hostRef.$onInstancePromise$ = new Promise((r) => hostRef.$onInstanceResolve$ = r);
+  }
   {
     hostRef.$onReadyPromise$ = new Promise((r) => hostRef.$onReadyResolve$ = r);
     hostElement["s-p"] = [];
@@ -49,10 +52,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           }
           switch(bundleId) {
               
-                case 'lido-avatar_19':
+                case 'lido-avatar_21':
                     return import(
                       /* webpackMode: "lazy" */
-                      './lido-avatar_19.entry.js').then(processMod, consoleError);
+                      './lido-avatar_21.entry.js').then(processMod, consoleError);
           }
       }
   return import(
@@ -305,6 +308,21 @@ var parsePropertyValue = (propValue, propType) => {
   return propValue;
 };
 var getElement = (ref) => getHostRef(ref).$hostElement$ ;
+
+// src/runtime/event-emitter.ts
+var createEvent = (ref, name, flags) => {
+  const elm = getElement(ref);
+  return {
+    emit: (detail) => {
+      return emitEvent(elm, name, {
+        bubbles: !!(flags & 4 /* Bubbles */),
+        composed: !!(flags & 2 /* Composed */),
+        cancelable: !!(flags & 1 /* Cancellable */),
+        detail
+      });
+    }
+  };
+};
 var emitEvent = (elm, name, opts) => {
   const ev = plt.ce(name, opts);
   elm.dispatchEvent(ev);
@@ -1100,6 +1118,9 @@ var postUpdateComponent = (hostRef) => {
   } else {
     endPostUpdate();
   }
+  {
+    hostRef.$onInstanceResolve$(elm);
+  }
   {
     if (hostRef.$onRenderResolve$) {
       hostRef.$onRenderResolve$();
@@ -1191,6 +1212,17 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
           configurable: true,
           enumerable: true
         });
+      } else if (flags & 1 /* isElementConstructor */ && memberFlags & 64 /* Method */) {
+        Object.defineProperty(prototype, memberName, {
+          value(...args) {
+            var _a2;
+            const ref = getHostRef(this);
+            return (_a2 = ref == null ? void 0 : ref.$onInstancePromise$) == null ? void 0 : _a2.then(() => {
+              var _a3;
+              return (_a3 = ref.$lazyInstance$) == null ? void 0 : _a3[memberName](...args);
+            });
+          }
+        });
       }
     });
     if ((flags & 1 /* isElementConstructor */)) {
@@ -1485,4 +1517,4 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
 // src/runtime/nonce.ts
 var setNonce = (nonce) => plt.$nonce$ = nonce;
 
-export { Host as H, getElement as a, bootstrapLazy as b, getAssetPath as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
+export { Host as H, getElement as a, bootstrapLazy as b, createEvent as c, getAssetPath as g, h, promiseResolve as p, registerInstance as r, setNonce as s };

package/dist/esm/index.js

@@ -1,2 +1,2 @@
-export { f as format } from './utils-9ce243d8.js';
-import './index-f47852d4.js';
+export { f as format } from './utils-5df09162.js';
+import './index-170e58c7.js';