@yoobic/yobi 8.2.0-0 → 8.2.0-3

package/dist/esm/yoo-workflow-state.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, g as getElement } from './index-3d00bad4.js';
-import { T as translateMulti, t as translate, a7 as getUserDisplayName, o as isWeb, n as showModal } from './index-ac1d7e65.js';
-import { c as compact, _ as flattenDeep, Z as flatten } from './lodash-a98c6524.js';
+import { r as registerInstance, h, g as getElement } from './index-019c1b1a.js';
+import { T as translateMulti, t as translate, a7 as getUserDisplayName, o as isWeb, n as showModal } from './index-a466c5f3.js';
+import { c as compact, $ as flattenDeep, _ as flatten } from './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-21c7d38e.js';
+import './index-13b57d41.js';
 
 const workflowStateCss = ":host{width:100%}:host .menu{-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;padding:0;list-style:none}:host .menu .menu-item{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .menu .menu-item:not(:last-child) .menu-content{margin-bottom:var(--spacing-24, 1.5rem)}:host .menu .menu-item .menu-left{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}:host .menu .menu-item .menu-left.with-dot{width:2rem;margin-left:0.0313rem}:host .menu .menu-item .menu-left .menu-icon{z-index:2;width:1.875rem;height:1.875rem;text-align:center}:host .menu .menu-item .menu-left .menu-icon.menu-dot{width:1rem;height:1rem}:host .menu .menu-item .menu-left .menu-icon yoo-icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:1.875rem;height:1.875rem;padding:0;color:var(--light, #ffffff);font-size:var(--font-size-18, 1.125rem);line-height:1.875rem;background-color:var(--app-color, #5a30f4);border-radius:50%}:host .menu .menu-item .menu-left .menu-icon yoo-icon.dark{background-color:var(--dark, #000000)}:host .menu .menu-item .menu-left .menu-icon yoo-icon.info{background-color:var(--info, #d84c96)}:host .menu .menu-item .menu-left .menu-icon yoo-icon.danger{background-color:var(--danger, #d44333)}:host .menu .menu-item .menu-left .border{width:0.0625rem;height:100%;background-color:var(--stable-alt, #d0d0d0)}:host .menu .menu-item .menu-left .border.border-pre{height:2.5rem}:host .menu .menu-item .menu-left .border.border-pre.last{height:1rem}:host .menu .menu-item .menu-left .border.dark{background-color:var(--dark, #000000)}:host .menu .menu-item .menu-left .border.danger{background-color:var(--danger, #d44333)}:host .menu .menu-item .menu-left .border.info{background-color:var(--info, #d84c96)}:host .menu .menu-item .menu-right{width:100%;margin-left:var(--spacing-08, 0.5rem);overflow:hidden}:host .menu .menu-item .menu-right .menu-title{font-weight:bold;line-height:1}:host .menu .menu-item .menu-right .menu-content{color:var(--text-color, #807f83)}:host .menu .menu-item .menu-right .menu-content.menu-chart{margin-bottom:0}:host .menu .menu-item .menu-right .menu-title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:2rem}:host .menu .menu-item .menu-right .menu-content span{margin-right:0.5rem}:host .menu .menu-item .menu-right .menu-content yoo-avatar{margin-right:0.3125rem}:host .menu .menu-item .menu-right .menu-content .font-medium{font-size:var(--font-size-14, 0.875rem)}:host .menu .menu-item .menu-right .menu-content .font-small{font-size:var(--font-size-12, 0.75rem)}:host .menu .menu-item .menu-right .menu-content .dark{color:var(--dark, #000000)}:host .menu .menu-item .menu-right .menu-content .success{color:var(--success, #3aa76d)}:host .menu .menu-item .menu-right .menu-content .danger{color:var(--danger, #d44333)}:host .menu .menu-item .menu-right .menu-content .text-color{color:var(--text-color, #807f83)}:host .menu .menu-item .menu-right .menu-content table{width:100%;table-layout:fixed}:host .menu .menu-item .menu-right .menu-content table td{overflow:hidden;text-overflow:ellipsis}:host .menu .dot{width:0.25rem;height:0.25rem;margin:0 0.125rem;border:var(--border-width-04, 0.25rem) solid var(--stable, #adadad);border-radius:50%}:host .menu .menu-content .step{margin-bottom:var(--spacing-16, 1rem);padding:var(--spacing-16, 1rem);padding-top:var(--spacing-08, 0.5rem);background-color:var(--stable-light, #f1f1f1);border-radius:0.25rem}:host .menu .menu-content .step.completed{padding-top:var(--spacing-16, 1rem);padding-left:0;background-color:var(--light, #ffffff)}:host .menu .menu-content .step.rejected{padding-top:var(--spacing-16, 1rem);padding-left:0;background-color:var(--light, #ffffff)}:host .menu .menu-content .step.active{padding-top:var(--spacing-16, 1rem);padding-left:0;background-color:var(--light, #ffffff)}:host .menu .menu-content .step .header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:2rem}:host .menu .menu-content .step .header .title{-ms-flex:1;flex:1;padding-right:var(--spacing-08, 0.5rem);color:var(--dark, #000000);font-weight:bold;font-size:var(--font-size-16, 1rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-transform:capitalize}:host .menu .menu-content .step .header .detail{opacity:0.8}:host .menu .menu-content .step .comments .header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .menu .menu-content .step .substeps-container{margin-top:var(--spacing-08, 0.5rem);margin-left:var(--spacing-08, 0.5rem)}:host .menu .menu-content .step .substeps-container .substep{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .menu .menu-content .step .substeps-container .substep yoo-icon,:host .menu .menu-content .step .substeps-container .substep .dot{margin-right:var(--spacing-08, 0.5rem)}";
 

package/dist/esm/yoo-workflow.entry.js

@@ -1,13 +1,13 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-3d00bad4.js';
-import { t as translate } from './index-ac1d7e65.js';
-import { c as compact } from './lodash-a98c6524.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
+import { t as translate } from './index-a466c5f3.js';
+import { c as compact } from './lodash-494e728c.js';
 import { W as WorkflowMode } from './workflow.interface-79064a52.js';
-import { b as getAppContext } from './common-helpers-34c5464d.js';
-import { A as ARROW_PAIR } from './index-76eecdbb.js';
-import { P as onWorkflowStepClicked, Q as getWorkflowFieldState } from './index-20e70b2d.js';
+import { b as getAppContext } from './common-helpers-bf504592.js';
+import { A as ARROW_PAIR } from './index-dcbe63bb.js';
+import { P as onWorkflowStepClicked, Q as getWorkflowFieldState } from './index-ad49b75f.js';
 import { f as fieldStateOptions } from './index-a7443ef7.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-21c7d38e.js';
+import './index-13b57d41.js';
 import './annotations-helpers-06bdd868.js';
 
 const workflowCss = ":host{width:100%}:host .workflow-container{position:relative;width:100%;height:100%}:host .workflow-container.form-mode{height:100%}:host .workflow-container .header-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .workflow-container .header-container yoo-tabs{background:var(--light, #ffffff)}:host .workflow-container .header-container yoo-form-toggle{position:absolute;top:0.5rem;right:1rem;bottom:auto;left:auto}:host .workflow-container .steps-outer-container{position:relative;width:100%;height:100%;overflow:hidden}:host .workflow-container .steps-outer-container .zoom-controller{position:absolute;top:auto;right:var(--spacing-16, 1rem);bottom:var(--spacing-64, 4rem);left:auto;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--light, #ffffff);background:var(--dark, #000000)}:host .workflow-container .steps-outer-container .zoom-controller .zoom-out,:host .workflow-container .steps-outer-container .zoom-controller .zoom-in{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:2rem;cursor:pointer}:host .workflow-container .steps-outer-container .zoom-controller.reset{position:absolute;top:auto;right:9rem;bottom:var(--spacing-64, 4rem);left:auto;padding:0 var(--spacing-08, 0.5rem);cursor:pointer}:host .workflow-container .steps-outer-container .steps-container{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--spacing-16, 1rem);overflow:auto}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:auto}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container yoo-context-menu{width:inherit;margin:auto}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container yoo-context-menu.align-center{text-align:center}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container yoo-context-menu.margin-top{margin-top:var(--spacing-16, 1rem)}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container .vertical-line{width:0;height:1.5rem;margin:auto;border-left:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container .start-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container .completed-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}:host .workflow-container .form-container{display:-ms-flexbox;display:flex;height:calc(100% - 3rem)}:host .workflow-container .form-container .left-panel{width:20.5rem;min-width:20.5rem;height:100%;overflow:hidden;border-right:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .workflow-container .form-container .right-panel{width:100%;min-width:25rem;padding:var(--spacing-16, 1rem);overflow:hidden}:host .workflow-container .form-container .right-panel yoo-accordion{--accordion-background:transparent}:host .workflow-container .form-container .right-panel .block-container{width:100%;margin:var(--spacing-08, 0.5rem) 0}:host .workflow-container .form-container .right-panel .default-visibility-selection{z-index:1;display:-ms-flexbox;display:flex;white-space:nowrap;position:absolute;top:auto;right:var(--spacing-16, 1rem);bottom:auto;left:auto}:host .workflow-container .form-container .right-panel .default-visibility-selection yoo-form-autocomplete{padding-left:var(--spacing-16, 1rem)}:host .empty-state-with-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column}:host .empty-state-with-text h2{margin-top:unset;margin-bottom:unset}:host .empty-state-with-text div{color:var(--text-color, #807f83);font-size:var(--font-size-16, 1rem);opacity:0.7;max-width:25rem;padding:var(--spacing-08, 0.5rem);text-align:center}:host .empty-state-with-text yoo-button{width:20rem;padding:var(--spacing-16, 1rem)}:host .empty-state-with-text yoo-empty-state{height:25rem;margin-top:var(--spacing-16, 1rem);margin-bottom:var(--spacing-32, 2rem)}";

package/dist/esm/yoo-zebra.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, i as createEvent } from './index-3d00bad4.js';
-import { c2 as cordova, ce as cordovaPropertyGet, cf as cordovaPropertySet, c3 as IonicNativePlugin, cW as isZebraScanner } from './index-ac1d7e65.js';
-import './lodash-a98c6524.js';
+import { r as registerInstance, i as createEvent } from './index-019c1b1a.js';
+import { c2 as cordova, ce as cordovaPropertyGet, cf as cordovaPropertySet, c3 as IonicNativePlugin, cW as isZebraScanner } from './index-a466c5f3.js';
+import './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-21c7d38e.js';
+import './index-13b57d41.js';
 
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {

package/dist/esm/yoo-zoom.entry.js

@@ -1,10 +1,10 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-3d00bad4.js';
-import { o as isWeb, ch as isIonic, aK as gsapTo, fv as isElementClicked } from './index-ac1d7e65.js';
-import { z as cloneDeep, U as clamp } from './lodash-a98c6524.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
+import { o as isWeb, ch as isIonic, aK as gsapTo, fv as isElementClicked } from './index-a466c5f3.js';
+import { z as cloneDeep, U as clamp } from './lodash-494e728c.js';
 import { a as isElementInsideContainer } from './annotations-helpers-06bdd868.js';
 import { H as Hammer } from './hammer-helpers-0b560cb3.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-21c7d38e.js';
+import './index-13b57d41.js';
 
 const zoomCss = ":host{overflow:hidden}:host([disabled]){cursor:default}:host([disabled]) ::slotted(*){-ms-touch-action:auto !important;touch-action:auto !important}";
 

package/dist/types/components/1.atoms/avatars/avatars.d.ts

@@ -60,11 +60,18 @@ export declare class YooAvatarsComponent {
   withTooltip: boolean;
   /**
    * If ```true```, add a show more call to action
-   * @property {withTooltip}
+   * @property {showMore}
    * @type boolean
    * @default false
    */
   showMore?: boolean;
+  /**
+   * Whether the images should be displayed instantly or not (for Chromatic for example).
+   * @property {instant}
+   * @type boolean
+   * @default false
+   */
+  instant?: boolean;
   /**
    * Emitted when the avatar is clicked on. It can be used on any method in the component that needs to emit an event as it is generic.
    * @event {clicked}

package/dist/types/components/1.atoms/flip-card/flip-card.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { ComponentInterface, EventEmitter } from '../../../stencil-public-runtime';
+export declare class YooFlipCardComponent implements ComponentInterface {
+  flipDirection?: 'vertical' | 'horizontal';
+  layout?: 'card' | 'unset';
+  revealed?: boolean;
+  cardLoaded: boolean;
+  cardRevealed: EventEmitter<boolean>;
+  host: HTMLYooFlipCardElement;
+  initCardSize(): Promise<void>;
+  private cardElement;
+  componentDidLoad(): void;
+  private revealCard;
+  renderCard(): JSX.Element;
+  render(): JSX.Element;
+}

package/dist/types/components/1.atoms/loader/loader.d.ts

@@ -1,4 +1,4 @@
-import { TBaseSize, TColor } from '@shared/interfaces';
+import { TColor, TSize } from '@shared/interfaces';
 import { ComponentInterface } from '../../../stencil-public-runtime';
 export declare class YooLoaderComponent implements ComponentInterface {
   /**
@@ -13,7 +13,7 @@ export declare class YooLoaderComponent implements ComponentInterface {
   /**
    * Size.
    */
-  size?: TBaseSize;
+  size?: TSize;
   hideIcon?: boolean;
   /**
    * Text displayed at the bottom, translated if necessary and followed by an ellipsis.

package/dist/types/components/1.atoms/lottie/lottie.d.ts

@@ -5,6 +5,10 @@ export declare class YooLottieComponent implements ComponentInterface {
    * If `true`, it plays the animation as soon as it is loaded.
    */
   autoplay?: boolean;
+  /**
+   * Animation will start only if animated is `true`
+   */
+  animated?: boolean;
   /**
    * If `true`, the animation runs infinitely.
    * If a number, the animation runs for a specific amount of loops.
@@ -28,6 +32,9 @@ export declare class YooLottieComponent implements ComponentInterface {
    * Emitted when it is loaded.
    */
   loaded: EventEmitter<void>;
+  stableFrames: {
+    [key in TLottieType]: number;
+  };
   private div?;
   private animation?;
   private onDOMLoaded;

package/dist/types/components/2.molecules/audio-player/audio-player.d.ts

@@ -35,6 +35,7 @@ export declare class YooAudioPlayerComponent implements ComponentInterface {
   onSrcChanged(): Promise<void>;
   onVisibilityChanged(): void;
   getAudio(): Promise<HTMLAudioElement>;
+  pause(): Promise<void>;
   componentWillLoad(): Promise<void>;
   disconnectedCallback(): void;
   private isValidDuration;

package/dist/types/components/2.molecules/reveal/reveal.d.ts

@@ -1,36 +1,15 @@
-/**
- * @name: yoo-reveal
- * @author: Renate Urdzina
- * Zeplin Link: https://zpl.io/V07QBZm, https://zpl.io/aXeA8zE
- */
 /// <reference types="react" />
 import { IRevealValue } from '@shared/interfaces';
 import { ComponentInterface, EventEmitter } from '../../../stencil-public-runtime';
 export declare class YooRevealComponent implements ComponentInterface {
-  /**
-   * Values that are passed from lesson creator
-   * */
-  values: IRevealValue[];
-  /**
-   * Validity is true once all cards revealed
-   * */
-  validity: boolean;
-  /**
-   * An event is triggered when all cards revealed
-   * */
+  values?: IRevealValue[];
+  validity?: boolean;
+  onValidityChanged(): void;
   validityChanged: EventEmitter<boolean>;
-  /**
-   * Previously revieled cards index kept to ensure card closed once another one clicked
-   * */
-  revealedCardIndex: number;
   host: HTMLYooRevealElement;
-  private cardsRevealed;
-  onValuesChanged(): void;
-  onValidityChanged(): void;
-  updateValidity(): void;
-  updateClickedCards(index: number): void;
-  revealCard(card: IRevealValue, index: number): void;
+  private cardElements;
+  componentDidUpdate(): void;
+  private onCardRevealed;
   renderCard(card: IRevealValue, index: number): JSX.Element;
-  renderCards(): any;
-  render(): any;
+  render(): JSX.Element;
 }

package/dist/types/components/form/form-audience/form-audience.d.ts

@@ -37,6 +37,7 @@ export declare class YooFormAudienceComponent implements IFormAudience {
   private gridAudiences;
   private tabsEl;
   private gridGetCustomDataLoader?;
+  private refreshConfig;
   componentWillLoad(): void;
   init(): void;
   updateValue(refreshGrids: boolean): Promise<void>;

package/dist/types/components/form/form-phone-number/form-phone-number.d.ts

@@ -40,6 +40,10 @@ export declare class YooFormPhoneNumberComponent implements ComponentInterface {
    * Value submitted with the form.
    */
   value?: string;
+  /**
+   * Whether to use geolocation (will remove loader)
+   */
+  useGeolocation?: boolean;
   /**
    * Emitted when the value changes.
    */
@@ -53,6 +57,7 @@ export declare class YooFormPhoneNumberComponent implements ComponentInterface {
   geolocation: IFormPhoneNumberCountry;
   nationalNumber: string;
   options: IFormPhoneNumberCountry[];
+  isLoading: boolean;
   host: HTMLYooFormPhoneNumberElement;
   private countries;
   private valid;
@@ -63,6 +68,7 @@ export declare class YooFormPhoneNumberComponent implements ComponentInterface {
   updateInputStates(): void;
   componentWillLoad(): void;
   componentWillUpdate(): void;
+  updateGeolocation(): void;
   updateValue(phoneNumber: PhoneNumber): void;
   updateValidity(phoneNumber: PhoneNumber): void;
   render(): any;

package/dist/types/components/form/form-phone-number/parts/index.d.ts

@@ -1,4 +1,3 @@
-export * from './dialog';
 export * from './error';
 export * from './input';
 export * from './list';

package/dist/types/components/form/form-phone-number/parts/input.d.ts

@@ -2,6 +2,7 @@ import { TBaseSize } from '@shared/interfaces';
 import { FunctionalComponent } from '../../../../stencil-public-runtime';
 import { IFormPhoneNumberCountry } from '../types';
 interface IProps {
+  isLoading: boolean;
   clearable: boolean;
   country: IFormPhoneNumberCountry;
   disabled: boolean;

package/dist/types/components/form/form-phone-number/parts/list.d.ts

@@ -1,7 +1,6 @@
 import { FunctionalComponent } from '../../../../stencil-public-runtime';
 import { IFormPhoneNumberCountry } from '../types';
 interface IProps {
-  geolocation?: IFormPhoneNumberCountry;
   options: IFormPhoneNumberCountry[];
   value: IFormPhoneNumberCountry;
   onChange: (country: IFormPhoneNumberCountry) => void;

package/dist/types/components/form/form-text-editor/form-text-editor.d.ts

@@ -119,7 +119,7 @@ export declare class YooFormTextEditorComponent {
   getFroalaOptions(): Promise<{
     key: string;
     theme: string;
-    placeholder: string;
+    placeholderText: string;
     toolbarSticky: boolean;
     requestHeaders: {
       Authorization: string;

package/dist/types/components/form/slides-media/slides-media.d.ts

@@ -64,7 +64,7 @@ export declare class YooSlidesMediaComponent {
   private cardMediaElements;
   tagContainerRef: HTMLDivElement;
   tagPhotoOnUpdate: IPhoto;
-  videoPlayerEl: HTMLYooVideoplayerCoreElement;
+  videoPlayerElement: HTMLYooVideoplayerCoreElement;
   audioPlayerEl: HTMLYooAudioPlayerElement;
   toastEl: HTMLYooToastElement;
   allowFetchTags: boolean;
@@ -84,6 +84,7 @@ export declare class YooSlidesMediaComponent {
   getPhotoSrc(item: any): string;
   isImage(item: any): boolean;
   resetCordovaChanges(): void;
+  pauseMedia(): void;
   showPhotoDetailView(): void;
   onUpdateTags(): void;
   onSwipeDown(): void;
@@ -106,7 +107,7 @@ export declare class YooSlidesMediaComponent {
   renderHoverButtons(item: any): any;
   renderBottomContainerActionButtons(item: any): any;
   renderUserInfo(item: any): any;
-  renderVideoPlayer(item: any, controls?: boolean): any;
+  renderVideoPlayer(item: any, index: any, controls?: boolean): any;
   renderPhotoEditor(item: any, index: number): any;
   /**
    * Method to update tag for a photo with a given index and give tag array

package/dist/types/components/grid/grid/grid.d.ts

@@ -379,7 +379,7 @@ export declare class YooGridComponent {
   getExtraFetchParams(): any;
   setExtraFetchParams(params: any): void;
   updateSortable(): void;
-  updateGridConfig(): void;
+  updateGridConfig(): Promise<void>;
   onGridStateUpdate(): void;
   preventSlidePerView(): boolean;
   updateSlides(forceAnimation?: boolean): Promise<void>;

package/dist/types/components.d.ts

@@ -245,6 +245,7 @@ export namespace Components {
           * Reinit the player when being within in a slide
          */
         "isVisible"?: boolean;
+        "pause": () => Promise<void>;
         /**
           * Set to true to play the audio on load
          */
@@ -362,6 +363,13 @@ export namespace Components {
           * @default undefined
          */
         "concatCount": number;
+        /**
+          * Whether the images should be displayed instantly or not (for Chromatic for example).
+          * @property {instant}
+          * @type boolean
+          * @default false
+         */
+        "instant"?: boolean;
         /**
           * If ```true```, passes into the avatars if the user is online.
           * @property {isOnline}
@@ -385,7 +393,7 @@ export namespace Components {
         "maxDisplay": number;
         /**
           * If ```true```, add a show more call to action
-          * @property {withTooltip}
+          * @property {showMore}
           * @type boolean
           * @default false
          */
@@ -1124,6 +1132,7 @@ export namespace Components {
           * If `true` and for `large` size, it displays the description on top of the image when `selection` mode or when hovered. If `true` and for `medium` size, it does not display the description. Otherwise, it displays the description at the bottom.  This property only applies for `medium` and `large` sizes.
          */
         "overlaid"?: boolean;
+        "pauseAudioPlayer": () => Promise<void>;
         /**
           * Selection state displayed in the upper left corner via a checkbox, when `selection` mode or when hovered.
          */
@@ -1806,6 +1815,12 @@ export namespace Components {
          */
         "shape"?: TFlagShape;
     }
+    interface YooFlipCard {
+        "flipDirection"?: 'vertical' | 'horizontal';
+        "initCardSize": () => Promise<void>;
+        "layout"?: 'card' | 'unset';
+        "revealed"?: boolean;
+    }
     interface YooFormAudience {
         "allowLibrary"?: boolean;
         "asyncValidators": AsyncValidator<IAudienceQuery>[];
@@ -3763,6 +3778,10 @@ export namespace Components {
           * Size.
          */
         "size"?: TBaseSize;
+        /**
+          * Whether to use geolocation (will remove loader)
+         */
+        "useGeolocation"?: boolean;
         /**
           * Value submitted with the form.
          */
@@ -4661,6 +4680,7 @@ export namespace Components {
         "total": number;
         "totalMax": number;
         "unreadCounts": IUnreadCounts;
+        "updateGridConfig": () => Promise<void>;
         "updateGridHeader": () => Promise<void>;
         "updateValues": (values: any, total?: number, gridCurrentSearch?: any) => Promise<void>;
         "updateVirtualScroll": () => Promise<void>;
@@ -5538,7 +5558,7 @@ export namespace Components {
         /**
           * Size.
          */
-        "size"?: TBaseSize;
+        "size"?: TSize;
         /**
           * Text displayed at the bottom, translated if necessary and followed by an ellipsis.
          */
@@ -5579,6 +5599,10 @@ export namespace Components {
         "webSubtitleText": string[];
     }
     interface YooLottie {
+        /**
+          * Animation will start only if animated is `true`
+         */
+        "animated"?: boolean;
         /**
           * If `true`, it plays the animation as soon as it is loaded.
          */
@@ -6176,14 +6200,8 @@ export namespace Components {
         "success": boolean;
     }
     interface YooReveal {
-        /**
-          * Validity is true once all cards revealed
-         */
-        "validity": boolean;
-        /**
-          * Values that are passed from lesson creator
-         */
-        "values": IRevealValue[];
+        "validity"?: boolean;
+        "values"?: IRevealValue[];
     }
     interface YooRippleEffect {
         /**
@@ -7823,6 +7841,12 @@ declare global {
         prototype: HTMLYooFlagElement;
         new (): HTMLYooFlagElement;
     };
+    interface HTMLYooFlipCardElement extends Components.YooFlipCard, HTMLStencilElement {
+    }
+    var HTMLYooFlipCardElement: {
+        prototype: HTMLYooFlipCardElement;
+        new (): HTMLYooFlipCardElement;
+    };
     interface HTMLYooFormAudienceElement extends Components.YooFormAudience, HTMLStencilElement {
     }
     var HTMLYooFormAudienceElement: {
@@ -9449,6 +9473,7 @@ declare global {
         "yoo-entity-search-tags": HTMLYooEntitySearchTagsElement;
         "yoo-feed-detail": HTMLYooFeedDetailElement;
         "yoo-flag": HTMLYooFlagElement;
+        "yoo-flip-card": HTMLYooFlipCardElement;
         "yoo-form-audience": HTMLYooFormAudienceElement;
         "yoo-form-autocomplete": HTMLYooFormAutocompleteElement;
         "yoo-form-autocomplete-dialog": HTMLYooFormAutocompleteDialogElement;
@@ -10021,6 +10046,13 @@ declare namespace LocalJSX {
           * @default undefined
          */
         "concatCount"?: number;
+        /**
+          * Whether the images should be displayed instantly or not (for Chromatic for example).
+          * @property {instant}
+          * @type boolean
+          * @default false
+         */
+        "instant"?: boolean;
         /**
           * If ```true```, passes into the avatars if the user is online.
           * @property {isOnline}
@@ -10051,7 +10083,7 @@ declare namespace LocalJSX {
         "onClicked"?: (event: CustomEvent<boolean>) => void;
         /**
           * If ```true```, add a show more call to action
-          * @property {withTooltip}
+          * @property {showMore}
           * @type boolean
           * @default false
          */
@@ -11619,6 +11651,12 @@ declare namespace LocalJSX {
          */
         "shape"?: TFlagShape;
     }
+    interface YooFlipCard {
+        "flipDirection"?: 'vertical' | 'horizontal';
+        "layout"?: 'card' | 'unset';
+        "onCardRevealed"?: (event: CustomEvent<boolean>) => void;
+        "revealed"?: boolean;
+    }
     interface YooFormAudience {
         "allowLibrary"?: boolean;
         "asyncValidators"?: AsyncValidator<IAudienceQuery>[];
@@ -14316,6 +14354,10 @@ declare namespace LocalJSX {
           * Size.
          */
         "size"?: TBaseSize;
+        /**
+          * Whether to use geolocation (will remove loader)
+         */
+        "useGeolocation"?: boolean;
         /**
           * Value submitted with the form.
          */
@@ -16312,7 +16354,7 @@ declare namespace LocalJSX {
         /**
           * Size.
          */
-        "size"?: TBaseSize;
+        "size"?: TSize;
         /**
           * Text displayed at the bottom, translated if necessary and followed by an ellipsis.
          */
@@ -16363,6 +16405,10 @@ declare namespace LocalJSX {
         "webSubtitleText"?: string[];
     }
     interface YooLottie {
+        /**
+          * Animation will start only if animated is `true`
+         */
+        "animated"?: boolean;
         /**
           * If `true`, it plays the animation as soon as it is loaded.
          */
@@ -17021,17 +17067,8 @@ declare namespace LocalJSX {
         "success"?: boolean;
     }
     interface YooReveal {
-        /**
-          * An event is triggered when all cards revealed
-         */
         "onValidityChanged"?: (event: CustomEvent<boolean>) => void;
-        /**
-          * Validity is true once all cards revealed
-         */
         "validity"?: boolean;
-        /**
-          * Values that are passed from lesson creator
-         */
         "values"?: IRevealValue[];
     }
     interface YooRippleEffect {
@@ -18176,6 +18213,7 @@ declare namespace LocalJSX {
         "yoo-entity-search-tags": YooEntitySearchTags;
         "yoo-feed-detail": YooFeedDetail;
         "yoo-flag": YooFlag;
+        "yoo-flip-card": YooFlipCard;
         "yoo-form-audience": YooFormAudience;
         "yoo-form-autocomplete": YooFormAutocomplete;
         "yoo-form-autocomplete-dialog": YooFormAutocompleteDialog;
@@ -18537,6 +18575,7 @@ declare module "@stencil/core" {
             "yoo-entity-search-tags": LocalJSX.YooEntitySearchTags & JSXBase.HTMLAttributes<HTMLYooEntitySearchTagsElement>;
             "yoo-feed-detail": LocalJSX.YooFeedDetail & JSXBase.HTMLAttributes<HTMLYooFeedDetailElement>;
             "yoo-flag": LocalJSX.YooFlag & JSXBase.HTMLAttributes<HTMLYooFlagElement>;
+            "yoo-flip-card": LocalJSX.YooFlipCard & JSXBase.HTMLAttributes<HTMLYooFlipCardElement>;
             "yoo-form-audience": LocalJSX.YooFormAudience & JSXBase.HTMLAttributes<HTMLYooFormAudienceElement>;
             "yoo-form-autocomplete": LocalJSX.YooFormAutocomplete & JSXBase.HTMLAttributes<HTMLYooFormAutocompleteElement>;
             "yoo-form-autocomplete-dialog": LocalJSX.YooFormAutocompleteDialog & JSXBase.HTMLAttributes<HTMLYooFormAutocompleteDialogElement>;

package/dist/types/feature-communicate/document/card-media/card-media.d.ts

@@ -115,6 +115,8 @@ export declare class YooCardMediaComponent implements ComponentInterface {
   headlineClicked: EventEmitter<boolean>;
   descriptionClicked: EventEmitter<boolean>;
   host: HTMLYooCardMediaElement;
+  private audioPlayerElement;
+  pauseAudioPlayer(): Promise<void>;
   get actionable(): boolean;
   get dated(): boolean;
   get described(): boolean;

package/dist/types/feature-operate/mission/card-inbox/card-inbox.d.ts

@@ -10,6 +10,7 @@ export declare class YooCardInboxComponent implements ComponentInterface {
    */
   instant?: boolean;
   host: HTMLYooCardInboxElement;
+  renderAvatar(): any;
   renderTitle(): any;
   renderFlags(): any;
   renderDatePrecision(): any;

package/dist/types/feature-operate/mission/card-inbox/types/index.d.ts

@@ -17,7 +17,7 @@ export interface ICardInboxEntryIdentity {
 }
 export interface ICardInboxEntry {
   title: string;
-  user?: IUser;
+  users?: IUser[];
   icon?: TIconName;
   iconColor?: string;
   unread?: boolean;

package/dist/types/feature-operate/mission/helpers/missions-helpers.d.ts

@@ -1,9 +1,10 @@
-import { IAuthenticationService, IMission, ISessionService, ITagElement } from '@shared/interfaces';
+import { IAuthenticationService, IMission, ISessionService, ITagElement, IUser } from '@shared/interfaces';
 import { ICardInboxEntry } from '../card-inbox/types';
 export declare function getMissionDueDate(mission: IMission): Date;
 export declare function getMissionPriority(mission: IMission): number;
 export declare function getMissionDate(mission: IMission, isOngoing?: boolean): Date;
 export declare function getMissionTags(mission: IMission, session?: ISessionService): Array<ITagElement>;
+export declare function getMissionAssignees(mission: IMission): IUser[];
 export declare function getMissionUniqueKey(mission: IMission): string;
 export declare function getMissionAddress(mission: IMission, session: ISessionService, force?: boolean): any;
 export declare function mapMissionToCardInboxEntry(mission: IMission, options: {

package/dist/types/feature-platform/login/walkthrough/walkthrough.d.ts

@@ -32,7 +32,6 @@ export declare class YooWalkthroughComponent {
   private animations;
   private slides;
   componentDidLoad(): void;
-  onAnimationLoaded(index: number): void;
   onSlideChanged(): void;
   render(): any;
 }

package/dist/types/home/runner/work/yoobic-ng-6/yoobic-ng-6/design-system/stencil/.stencil/shared/interfaces/src/entities/form-field/form-field.interface.d.ts

@@ -741,10 +741,8 @@ export interface IMultiInputValue {
   tags?: IEntitySearchTags[];
 }
 export interface IRevealValue {
-  frontside?: string;
-  backside?: string;
-  revealed?: boolean;
-  clicked?: boolean;
+  frontside: string;
+  backside: string;
 }
 export declare type ISortDir = 'desc' | 'asc';
 export interface ISort {

package/dist/types/home/runner/work/yoobic-ng-6/yoobic-ng-6/design-system/stencil/.stencil/shared/interfaces/src/entities/translation/translation.interface.d.ts

@@ -43,6 +43,7 @@ export declare class ITranslation extends IEntity {
   location?: string;
   type?: string;
   missionDescriptionRef?: string;
+  feedRef?: string;
   order?: number;
   _tenant?: ITenant;
 }

package/dist/types/home/runner/work/yoobic-ng-6/yoobic-ng-6/design-system/stencil/.stencil/shared/interfaces/src/entities/user/user.interface.d.ts

@@ -171,6 +171,7 @@ export declare class IUserRank extends IEntity {
   user: IUser;
   rank: number;
   points: number;
+  tagElements?: ITagElement[];
 }
 export declare class IUserStats extends IEntity {
   lessonsCount: number;

package/dist/types/home/runner/work/yoobic-ng-6/yoobic-ng-6/design-system/stencil/.stencil/shared/interfaces/src/ui/card/card.interface.d.ts

@@ -88,7 +88,6 @@ export interface ICardEntry {
   plan?: IPlan | IPlanWithStats;
   question?: IQuestion;
   sharedIn?: string;
-  showBottomActionsOnly?: boolean;
   showFallback?: boolean;
   tags?: string[];
   title?: string;

package/dist/types/interfaces/ui/card.interface.d.ts

@@ -29,7 +29,10 @@ export interface ICardListEntry {
   date?: string;
   badges?: IBadgeEntry[];
   tagElements?: ITagElement[];
-  tagElementsInHeader?: ITagElement[];
+  tagElementsInHeader?: {
+    tags: ITagElement[];
+    location: 'start' | 'end';
+  };
   isChildComment?: boolean;
   sender?: IUser;
   users?: IUser[];