@yoobic/yobi 8.2.0-27 → 8.2.0-28

package/dist/cjs/yoo-text-sequence.cjs.entry.js

@@ -54,9 +54,6 @@ const YooTextSequence = class {
   componentDidLoad() {
     this.initSequenceHeight();
   }
-  componentDidRender() {
-    this.initSequenceHeight();
-  }
   initSequenceHeight() {
     var _a;
     if (((_a = this.sequenceElements) === null || _a === void 0 ? void 0 : _a.length) && this.maxSequenceHeight) {
@@ -82,7 +79,7 @@ const YooTextSequence = class {
         const textsHeight = this.sequenceElements.map((e, i) => Math.round(e.offsetHeight * (i <= this.currentIndex ? 1 : .9)));
         this.host.style.setProperty('--max-sequence-height', `${this.maxSequenceHeight}px`);
         this.translateY = 0 - ((textsHeight.slice(0, this.currentIndex).reduce((acc, a) => acc + a, 0) + GAP_INTER_SEQUENCES * this.currentIndex));
-        this.initSequenceHeight();
+        this.validity = this.currentIndex === this.sequenceElements.length - 1;
       }
     };
     return index.h("yoo-button", { size: "large", ...{ placement }, hidden: (isUp && !this.currentIndex) || (!isUp && this.currentIndex === ((_a = this.sequenceValues) === null || _a === void 0 ? void 0 : _a.length) - 1), onClick: () => clickArrow() }, index.h("yoo-icon", { name: `big-arrow-${isUp ? 'up' : 'down'}` }));

package/dist/cjs/yoo-videoplayer-videojs.cjs.entry.js

@@ -67784,13 +67784,15 @@ const YooVideoPlayerVideojsComponent = class {
     }, 100);
   }
   onCustomizeFullscreenButton() {
-    const Button = videojs.getComponent('Button');
-    const fullscreenToggle = new Button(this.player);
-    fullscreenToggle.el().classList.add('vjs-fullscreen-control');
-    fullscreenToggle.el().classList.add('custom');
-    fullscreenToggle.el().addEventListener('click', () => this.onTriggerFullscreen());
-    fullscreenToggle.el().addEventListener('touchend', () => this.onTriggerFullscreen());
-    this.player.controlBar.addChild(fullscreenToggle);
+    if (this.player) {
+      const Button = videojs.getComponent('Button');
+      const fullscreenToggle = new Button(this.player);
+      fullscreenToggle.el().classList.add('vjs-fullscreen-control');
+      fullscreenToggle.el().classList.add('custom');
+      fullscreenToggle.el().addEventListener('click', () => this.onTriggerFullscreen());
+      fullscreenToggle.el().addEventListener('touchend', () => this.onTriggerFullscreen());
+      this.player.controlBar.addChild(fullscreenToggle);
+    }
   }
   renderVideoElement() {
     var _a;

package/dist/collection/components/1.atoms/flip-card/flip-card.js

@@ -19,6 +19,9 @@ export class YooFlipCardComponent {
       !isCardLayout && Object.assign(cardInnerElement.style, { width: `${slotContents[0].clientWidth}px` });
     }
   }
+  async loadCard() {
+    this.cardLoaded = true;
+  }
   componentDidLoad() {
     this.initCardSize();
   }
@@ -138,6 +141,22 @@ export class YooFlipCardComponent {
         "text": "",
         "tags": []
       }
+    },
+    "loadCard": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "",
+        "tags": []
+      }
     }
   }; }
   static get elementRef() { return "host"; }

package/dist/collection/components/2.molecules/reveal/reveal.css

@@ -205,6 +205,14 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   display: flex;
   flex-direction: column;
   gap: var(--spacing-16, 1rem);
-  padding: var(--spacing-16, 1rem);
   background-color: var(--stable-light, #f1f1f1);
+}
+:host yoo-flip-card {
+  margin: 0 var(--spacing-16, 1rem);
+}
+:host yoo-flip-card:first-of-type {
+  padding-top: var(--spacing-16, 1rem);
+}
+:host yoo-flip-card:last-of-type {
+  padding-bottom: var(--spacing-16, 1rem);
 }

package/dist/collection/components/2.molecules/reveal/reveal.js

@@ -5,6 +5,10 @@ export class YooRevealComponent {
     this.validity = false;
     this.cardElements = [];
   }
+  onVisibleChanged() {
+    var _a;
+    this.isVisible && ((_a = this.cardElements) === null || _a === void 0 ? void 0 : _a.forEach(e => e === null || e === void 0 ? void 0 : e.loadCard()));
+  }
   onValidityChanged() {
     this.validityChanged.emit(this.validity);
   }
@@ -57,6 +61,23 @@ export class YooRevealComponent {
         "text": ""
       }
     },
+    "isVisible": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "is-visible",
+      "reflect": false
+    },
     "validity": {
       "type": "boolean",
       "mutable": true,
@@ -94,6 +115,9 @@ export class YooRevealComponent {
     }]; }
   static get elementRef() { return "host"; }
   static get watchers() { return [{
+      "propName": "isVisible",
+      "methodName": "onVisibleChanged"
+    }, {
       "propName": "validity",
       "methodName": "onValidityChanged"
     }]; }

package/dist/collection/components/2.molecules/text-sequence/text-sequence.js

@@ -43,9 +43,6 @@ export class YooTextSequence {
   componentDidLoad() {
     this.initSequenceHeight();
   }
-  componentDidRender() {
-    this.initSequenceHeight();
-  }
   initSequenceHeight() {
     var _a;
     if (((_a = this.sequenceElements) === null || _a === void 0 ? void 0 : _a.length) && this.maxSequenceHeight) {
@@ -72,7 +69,7 @@ export class YooTextSequence {
         const textsHeight = this.sequenceElements.map((e, i) => Math.round(e.offsetHeight * (i <= this.currentIndex ? 1 : .9)));
         this.host.style.setProperty('--max-sequence-height', `${this.maxSequenceHeight}px`);
         this.translateY = 0 - ((textsHeight.slice(0, this.currentIndex).reduce((acc, a) => acc + a, 0) + GAP_INTER_SEQUENCES * this.currentIndex));
-        this.initSequenceHeight();
+        this.validity = this.currentIndex === this.sequenceElements.length - 1;
       }
     };
     return h("yoo-button", { size: "large", ...{ placement }, hidden: (isUp && !this.currentIndex) || (!isUp && this.currentIndex === ((_a = this.sequenceValues) === null || _a === void 0 ? void 0 : _a.length) - 1), onClick: () => clickArrow() },

package/dist/collection/components/3.organisms/video-player/videoplayer-videojs/videoplayer-videojs.js

@@ -423,13 +423,15 @@ export class YooVideoPlayerVideojsComponent {
     }, 100);
   }
   onCustomizeFullscreenButton() {
-    const Button = videojs.getComponent('Button');
-    const fullscreenToggle = new Button(this.player);
-    fullscreenToggle.el().classList.add('vjs-fullscreen-control');
-    fullscreenToggle.el().classList.add('custom');
-    fullscreenToggle.el().addEventListener('click', () => this.onTriggerFullscreen());
-    fullscreenToggle.el().addEventListener('touchend', () => this.onTriggerFullscreen());
-    this.player.controlBar.addChild(fullscreenToggle);
+    if (this.player) {
+      const Button = videojs.getComponent('Button');
+      const fullscreenToggle = new Button(this.player);
+      fullscreenToggle.el().classList.add('vjs-fullscreen-control');
+      fullscreenToggle.el().classList.add('custom');
+      fullscreenToggle.el().addEventListener('click', () => this.onTriggerFullscreen());
+      fullscreenToggle.el().addEventListener('touchend', () => this.onTriggerFullscreen());
+      this.player.controlBar.addChild(fullscreenToggle);
+    }
   }
   renderVideoElement() {
     var _a;

package/dist/collection/components/form/form-date-time/form-date-time.js

@@ -158,7 +158,7 @@ export class YooFormDateTimeComponent {
     if (newMinutes === 0 && prevMinutes !== newMinutes) {
       defaultValue.setHours(defaultValue.getHours() + 1);
     }
-    this.value = this.value || defaultValue;
+    this.value = this.value || (this.isRange ? [defaultValue] : defaultValue);
     this.onToggle(ev);
   }
   onClearClicked(event) {

package/dist/collection/components/form/form-dynamic/form-dynamic.css

@@ -1061,8 +1061,6 @@ span.fr-img-caption.fr-view {
 :host .slide-container.no-shadow yoo-ion-scroll {
   margin-bottom: 0;
   padding: 0;
-  padding-top: 0rem;
-  padding-bottom: 2rem;
   border-radius: 0;
   box-shadow: none;
 }

package/dist/collection/components/form/form-dynamic/form-dynamic.js

@@ -541,6 +541,9 @@ export class YooFormDynamicComponent {
       if (field.updateValidation) {
         field.updateValidation(value);
       }
+      else if (field.forceUpdateValue) {
+        field.forceUpdateValue(value);
+      }
       else if (resetValidity) {
         setValueAndResetInputValidity(value, field);
       }
@@ -4387,7 +4390,8 @@ export class YooFormDynamicComponent {
       case FormFieldType.reveal:
         TagType = 'yoo-reveal';
         extraAttrs = {
-          values: field.values
+          values: field.values,
+          isVisible: slideIndex === this.activeIndex
         };
         break;
       case FormFieldType.imagecollection:

package/dist/collection/components/form/form-input-container/form-input-container.css

@@ -1065,6 +1065,7 @@ span.fr-img-caption.fr-view {
 }
 
 :host(.lesson) {
+  --content-padding-bottom: var(--spacing-16, 1rem);
   --font-size-title-name: var(--font-size-28, 1.75rem);
   --font-weight-title-name: var(--font-weight-700, 700);
   --text-tranform-title-name: none;
@@ -1074,7 +1075,6 @@ span.fr-img-caption.fr-view {
 }
 :host(.lesson) .top-container .content-container {
   height: fit-content;
-  padding: 0;
 }
 :host(.lesson) .top-container .description {
   margin-bottom: var(--spacing-08, 0.5rem);

package/dist/collection/components/form/form-text-editor/form-text-editor.js

@@ -109,6 +109,10 @@ export class YooFormTextEditorComponent {
   onTranslationsChange() {
     this.setLocalValue(true);
   }
+  async forceUpdateValue(value) {
+    setValueAndValidateInput(value, this.host);
+    this.editor.html.set(value);
+  }
   async updateSizing() {
     var _a;
     if ((_a = this === null || this === void 0 ? void 0 : this.editor) === null || _a === void 0 ? void 0 : _a.size) {
@@ -1260,6 +1264,25 @@ export class YooFormTextEditorComponent {
       }
     }]; }
   static get methods() { return {
+    "forceUpdateValue": {
+      "complexType": {
+        "signature": "(value: string) => Promise<void>",
+        "parameters": [{
+            "tags": [],
+            "text": ""
+          }],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "",
+        "tags": []
+      }
+    },
     "updateSizing": {
       "complexType": {
         "signature": "() => Promise<void>",

package/dist/collection/components/form-creator/form-creator-block-expandable/form-creator-block-expandable.js

@@ -308,8 +308,6 @@ export class YooFormCreatorBlockExpandableComponent {
           overflow: 'hidden',
           onComplete: () => {
             this.isAnimating = false;
-            this.isExpanded = shouldExpand;
-            this.blockExpanded.emit({ expanded: shouldExpand, name: this.formField.name });
             if (slotContent) {
               slotContent.style.display = 'block';
               gsapTo(slotContent, 0.35, { opacity: 1 });
@@ -324,7 +322,9 @@ export class YooFormCreatorBlockExpandableComponent {
           },
           ease: Power3.easeIn
         };
-        const animationDelay = this.isExpanded ? 0.35 : 0.75;
+        const animationDelay = 0.5;
+        this.isExpanded = shouldExpand;
+        this.blockExpanded.emit({ expanded: shouldExpand, name: this.formField.name });
         gsapFromTo(contentBlock, animationDelay, from, to);
       }
     }

package/dist/collection/feature-platform/insight/kpi-external/kpi-external.js

@@ -60,7 +60,7 @@ export class YooKpiExternalComponent {
     const props = {
       // sandboxed iframes without allow-top-navigation, allow-top-navigation-by-user-activation or allow-popups flags
       // will prevent them to navigate away from main webview
-      sandbox: `allow-scripts allow-same-origin allow-forms ${isWeb(this.host) ? 'allow-top-navigation-by-user-activation allow-downloads' : ''}`,
+      sandbox: `allow-scripts allow-same-origin allow-forms ${isWeb(this.host) ? 'allow-top-navigation-by-user-activation allow-downloads allow-popups' : ''}`,
       ...(isProviderTableau ? { srcDoc } : { src: this.config.url }),
       frameBorder: 0
     };