@yoobic/yobi 7.7.40 → 7.7.44

package/dist/esm/yoo-form-creator-translate-dialog.entry.js

@@ -1,7 +1,8 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-27314512.js';
 import { o as TRANSLATABLE_FORM_FIELD_ATTRIBUTES, F as FormFieldType, m as COMPLEX_ARRAY_TRANSLATABLE_FORM_FIELD_ATTRIBUTES, n as SINGLE_ARRAY_TRANSLATABLE_FORM_FIELD_ATTRIBUTES } from './input-bar.interface-4e956599.js';
-import { w as debounce, a1 as compact, V as getCurrentLanguage, t as translate, a4 as isObject, Z as translateMulti, bo as closeModal } from './rrule-1b4fc7ac.js';
+import { w as debounce, a1 as compact, V as getCurrentLanguage, Z as translateMulti, t as translate, a4 as isObject, bo as closeModal } from './rrule-1b4fc7ac.js';
 import { e as formatSlides, x as getLocaleTranslation, f as findField } from './form-creator-helpers-ac29a57d.js';
+import { i as isHTML } from './string-helpers-9646d8e3.js';
 import { Q as updateLocaleTranslation } from './index-1cced256.js';
 import { c as cloneDeep } from './cloneDeep-b571e871.js';
 import { i as isEmpty } from './isEmpty-6313ebf5.js';
@@ -143,9 +144,6 @@ const YooFormCreatorTranslateDialogComponent = class {
   isCreateTranslationMode() {
     return this.mode === 'create' || this.mode === 'createInitial';
   }
-  isTextEditor(translatableFormField, fieldType) {
-    return translatableFormField === 'description' || translatableFormField === 'explanation' || (translatableFormField === 'value' && fieldType === 'information');
-  }
   initTranslationForms() {
     var _a;
     this.selectedFieldLocation = this.initialSelectedFieldLocation;
@@ -215,13 +213,14 @@ const YooFormCreatorTranslateDialogComponent = class {
       field.values = field.values.filter((val) => !field.answer.includes(val));
     }
     TRANSLATABLE_FORM_FIELD_ATTRIBUTES.forEach((translatableFormField) => {
+      const isRTE = isHTML(translateMulti((field === null || field === void 0 ? void 0 : field[translatableFormField]) || ''));
       if (field[translatableFormField] && !(hasComplexSentence && translatableFormField === 'sentence')) {
         if (translatableFormField === 'complexSentence') {
           hasComplexSentence = true;
         }
         slides[0].items.push({
           type: FormFieldType.textarea,
-          language: this.isTextEditor(translatableFormField, field.type) ? 'html' : null,
+          language: isRTE && 'html',
           autoInitialRows: true,
           title: translate(translatableFormField.toUpperCase()),
           name: `${translatableFormField}Base`,
@@ -230,7 +229,7 @@ const YooFormCreatorTranslateDialogComponent = class {
         });
         slides[0].items.push({
           type: FormFieldType.textarea,
-          language: this.isTextEditor(translatableFormField, field.type) ? 'html' : null,
+          language: isRTE && 'html',
           autoInitialRows: true,
           title: translate(translatableFormField.toUpperCase()),
           name: translatableFormField,
@@ -258,11 +257,12 @@ const YooFormCreatorTranslateDialogComponent = class {
               hasComplexValues = true;
               const value = isString(multiInputValue) ? multiInputValue : multiInputValue.text;
               if (value) {
+                const isRTE = isHTML(translateMulti(value));
                 slides[0].items.push({
                   type: FormFieldType.textarea,
                   title: translate('VALUES'),
                   hideLabel: complexValueIndex !== 0 || valueIndex !== 0,
-                  language: complexTranslatableAttr === 'complexTextSequenceValues' ? 'html' : null,
+                  language: isRTE && 'html',
                   formatAmpersandSymbol: true,
                   autoInitialRows: true,
                   name: `${complexTranslatableAttr}${complexValueIndex}${valueIndex}Base`,
@@ -273,7 +273,7 @@ const YooFormCreatorTranslateDialogComponent = class {
                   type: FormFieldType.textarea,
                   title: translate('VALUES'),
                   hideLabel: complexValueIndex !== 0 || valueIndex !== 0,
-                  language: complexTranslatableAttr === 'complexTextSequenceValues' ? 'html' : null,
+                  language: isRTE && 'html',
                   formatAmpersandSymbol: true,
                   autoInitialRows: true,
                   name: `${complexTranslatableAttr}${complexValueIndex}${valueIndex}`,
@@ -309,6 +309,7 @@ const YooFormCreatorTranslateDialogComponent = class {
               hideLabel: valueIndex > 0,
               formatAmpersandSymbol: true,
               autoInitialRows: true,
+              language: isHTML(translate(value)) && 'html',
               name: `${singleArrayAttr}${valueIndex}Base`,
               width: 292,
               readonly: this.isTranslator
@@ -319,6 +320,7 @@ const YooFormCreatorTranslateDialogComponent = class {
               hideLabel: valueIndex > 0,
               formatAmpersandSymbol: true,
               autoInitialRows: true,
+              language: isHTML(translate(value)) && 'html',
               name: `${singleArrayAttr}${valueIndex}`,
               inlineActions: [
                 { icon: 'translate', iconColor: 'stable-alt', text: 'GOOGLETRANSLATE', handler: () => this.onTranslateField(value, locale) },

package/dist/esm/yoo-form-image-tagging.entry.js

@@ -1,10 +1,10 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-27314512.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-27314512.js';
 import { Z as translateMulti, t as translate, E as getCssColor } from './rrule-1b4fc7ac.js';
 import './input-bar.interface-4e956599.js';
 import './ResizeObserver.es-857da850.js';
 import { e as getPercentPositionStyle } from './annotations-helpers-d026cd25.js';
 import { f as getAppContext } from './common-helpers-736b1b33.js';
-import { k as getTagZone, s as setDynamicTagZoneHeight, c as showWarningAlert, h as hasValuesChanged, b as getNewValue, r as resetTags, d as checkArray, u as initZones, p as initTags, j as getDroppedTagsValues, f as filterDuplicateEntries, e as getTagsValues, a as hasDuplicates, l as isTagsZone } from './draggable-tags-helpers-e3b9cd11.js';
+import { k as getTagZone, s as setDynamicTagZoneHeight, c as showWarningAlert, h as hasValuesChanged, b as getNewValue, r as resetTags, u as initZones, p as initTags, d as checkArray, j as getDroppedTagsValues, f as filterDuplicateEntries, e as getTagsValues, a as hasDuplicates, l as isTagsZone } from './draggable-tags-helpers-a9a159b2.js';
 import { b as setValueAndValidateInput } from './form-input-helpers-d7f93f16.js';
 import { d as debounce } from './debounce-c1950ab1.js';
 import './isUndefined-11cbe419.js';
@@ -43,9 +43,6 @@ const YooFormImageTaggingComponent = class {
     this.placeholder = 'DRAGDROPTAGS';
     this.zones = [];
   }
-  async isValid() {
-    this.validate();
-  }
   onModalAnimationFinished(iaf) {
     if (iaf && this.zones.length && getTagZone(this.zones)) {
       setDynamicTagZoneHeight(getTagZone(this.zones).element);
@@ -54,6 +51,9 @@ const YooFormImageTaggingComponent = class {
   onRequireChanged() {
     this.validate();
   }
+  onAnnotationsChanged() {
+    this.hasAnnotationsChanged = true;
+  }
   onValuesChanged(newValues, oldValues) {
     this.hasValuesChanged = false;
     const hasDuplicatedValues = hasDuplicates(newValues) === 1;
@@ -65,8 +65,16 @@ const YooFormImageTaggingComponent = class {
       this.hasValuesChanged = true;
     }
   }
-  onAnnotationsChanged() {
-    this.hasAnnotationsChanged = true;
+  onIsVisibleChanged() {
+    // Timeout set here to reset the draggables in case of being 
+    // in a slide to prevent the non-draggable tags issue 
+    this.isVisible && setTimeout(() => {
+      this.shouldRender = true;
+      forceUpdate(this);
+    }, 150);
+  }
+  async isValid() {
+    this.validate();
   }
   componentWillLoad() {
     var _a;
@@ -79,16 +87,16 @@ const YooFormImageTaggingComponent = class {
     }
   }
   componentDidUpdate() {
-    if (this.livePreview && (this.hasValuesChanged || this.hasAnnotationsChanged)) {
+    if ((this.livePreview && (this.hasValuesChanged || this.hasAnnotationsChanged)) || this.shouldRender) {
+      this.shouldRender = false;
       this.initImageTagging();
     }
   }
   validate() {
-    if (checkArray(this.annotations)) {
-      this.validity = this.value.length === this.annotations.length;
-      this.validityChanged.emit(this.validity);
-      return this.validity;
-    }
+    var _a, _b;
+    this.validity = ((_a = this.value) === null || _a === void 0 ? void 0 : _a.length) === ((_b = this.annotations) === null || _b === void 0 ? void 0 : _b.length);
+    this.validityChanged.emit(this.validity);
+    return this.validity;
   }
   initImageTagging() {
     if (this.image && this.outerContainerElement) {
@@ -127,7 +135,7 @@ const YooFormImageTaggingComponent = class {
       newValue: this.newValue,
       zones: this.zones,
       isReadonly: this.readonly,
-      shouldAnimateTags: !(this.readonly || this.livePreview),
+      shouldAnimateTags: !(this.readonly || this.livePreview || this.isVisible),
       shouldTruncateTagsValue: true,
       getColorTag: (tagValue) => this.getColorTag(tagValue),
       boundingElement: this.outerContainerElement,
@@ -196,8 +204,8 @@ const YooFormImageTaggingComponent = class {
   static get watchers() { return {
     "isAnimationFinished": ["onModalAnimationFinished"],
     "required": ["onRequireChanged"],
-    "values": ["onValuesChanged"],
-    "annotations": ["onAnnotationsChanged"]
+    "annotations": ["onAnnotationsChanged"],
+    "values": ["onValuesChanged"]
   }; }
 };
 YooFormImageTaggingComponent.style = formImageTaggingCss;

package/dist/esm/yoo-form-json.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h } from './index-27314512.js'
 import { c as createCommonjsModule, d as commonjsGlobal, p as getDefaultExportFromCjs, t as translate } from './rrule-1b4fc7ac.js';
 import './input-bar.interface-4e956599.js';
 import './ResizeObserver.es-857da850.js';
-import { f as getJSONHighlighted } from './form-helpers-6f30100d.js';
+import { f as getJSONHighlighted } from './form-helpers-a68bb5a2.js';
 import { s as setValidator, b as setValueAndValidateInput } from './form-input-helpers-d7f93f16.js';
 import './isUndefined-11cbe419.js';
 import './isNumber-3f36713d.js';
@@ -41,6 +41,7 @@ import './toFinite-50be705d.js';
 import './toNumber-ca6b9b55.js';
 import './clone-15f434a7.js';
 import './isBoolean-df5b7c74.js';
+import './string-helpers-9646d8e3.js';
 import './set-80b0f59a.js';
 import './_baseSet-5cd3952d.js';
 import './common-helpers-736b1b33.js';

package/dist/esm/yoo-form-missing-word.entry.js

@@ -4,7 +4,7 @@ import './input-bar.interface-4e956599.js';
 import { M as MAX_TAGS_CHARACTERS } from './boost-helpers-17b39a0f.js';
 import { o as isValueATranslationKey, q as formatTranslation } from './form-creator-helpers-ac29a57d.js';
 import './ResizeObserver.es-857da850.js';
-import { k as getTagZone, s as setDynamicTagZoneHeight, c as showWarningAlert, g as getDuplicatedValue, h as hasValuesChanged, b as getNewValue, r as resetTags, d as checkArray, u as initZones, p as initTags, j as getDroppedTagsValues, e as getTagsValues, a as hasDuplicates } from './draggable-tags-helpers-e3b9cd11.js';
+import { k as getTagZone, s as setDynamicTagZoneHeight, c as showWarningAlert, g as getDuplicatedValue, h as hasValuesChanged, b as getNewValue, r as resetTags, d as checkArray, u as initZones, p as initTags, j as getDroppedTagsValues, e as getTagsValues, a as hasDuplicates } from './draggable-tags-helpers-a9a159b2.js';
 import { b as setValueAndValidateInput } from './form-input-helpers-d7f93f16.js';
 import './validate-691c9af1.js';
 import './get-4d370751.js';

package/dist/esm/yoo-form-product-batch.entry.js

@@ -4,7 +4,7 @@ import './input-bar.interface-4e956599.js';
 import './ResizeObserver.es-857da850.js';
 import { s as showPhotoEditor } from './common-helpers-736b1b33.js';
 import { s as setValidator } from './form-input-helpers-d7f93f16.js';
-import { f as getProductBatchDateTag } from './operation-helpers-86666c74.js';
+import { f as getProductBatchDateTag } from './operation-helpers-4c9210d3.js';
 import './isUndefined-11cbe419.js';
 import './isNumber-3f36713d.js';
 import './get-4d370751.js';

package/dist/esm/yoo-form-ranking.entry.js

@@ -3,7 +3,7 @@ import { y as findParent, T as gsapTo, X as gsapTimeline, E as getCssColor, U as
 import './input-bar.interface-4e956599.js';
 import './ResizeObserver.es-857da850.js';
 import { f as getAppContext } from './common-helpers-736b1b33.js';
-import { d as checkArray } from './draggable-tags-helpers-e3b9cd11.js';
+import { d as checkArray } from './draggable-tags-helpers-a9a159b2.js';
 import { b as setValueAndValidateInput } from './form-input-helpers-d7f93f16.js';
 import './isUndefined-11cbe419.js';
 import './isNumber-3f36713d.js';

package/dist/esm/yoo-form-swipe-cards.entry.js

@@ -4,7 +4,7 @@ import './input-bar.interface-4e956599.js';
 import { g as getUUID } from './index-e198f864.js';
 import './ResizeObserver.es-857da850.js';
 import { f as getAppContext } from './common-helpers-736b1b33.js';
-import { c as showWarningAlert, a as hasDuplicates } from './draggable-tags-helpers-e3b9cd11.js';
+import { c as showWarningAlert, a as hasDuplicates } from './draggable-tags-helpers-a9a159b2.js';
 import { b as setValueAndValidateInput } from './form-input-helpers-d7f93f16.js';
 import { s as shuffle } from './shuffle-a3cc6057.js';
 import { i as inRange } from './inRange-5b02d8f6.js';

package/dist/esm/yoo-form-text-editor.entry.js

@@ -7187,6 +7187,7 @@ const YooFormTextEditorComponent = class {
           quickInsertButtons: ['yooTemplateQuick', 'yooUploadButtonQuick', 'emoticons', 'ol', 'ul'],
           colorsBackground: ((_c = (_b = (_a = getSession()) === null || _a === void 0 ? void 0 : _a.tenant) === null || _b === void 0 ? void 0 : _b.rteColors) === null || _c === void 0 ? void 0 : _c.length) > 0 ? (_e = (_d = getSession()) === null || _d === void 0 ? void 0 : _d.tenant) === null || _e === void 0 ? void 0 : _e.rteColors : getColorSwatches(),
           colorsText: ((_h = (_g = (_f = getSession()) === null || _f === void 0 ? void 0 : _f.tenant) === null || _g === void 0 ? void 0 : _g.rteColors) === null || _h === void 0 ? void 0 : _h.length) > 0 ? (_k = (_j = getSession()) === null || _j === void 0 ? void 0 : _j.tenant) === null || _k === void 0 ? void 0 : _k.rteColors : getColorSwatches(),
+          imageEditButtons: ['imageReplace', 'imageAlign', 'imageRemove', '|', 'imageLink', 'linkOpen', 'linkEdit', 'linkRemove', '-', 'imageDisplay', 'imageStyle', 'imageSize'],
           toolbarButtons: {
             moreRich: {
               buttons: ['yooUploadButton', 'emoticons', 'insertImage', 'insertVideo', 'insertTable', 'insertLink', 'specialCharacters', 'insertFile', 'insertHR'],

package/dist/esm/yoo-form-todo-single.entry.js

@@ -4,7 +4,7 @@ import { w as debounce, j as getSession, b1 as showAlert, t as translate, i as i
 import { g as getUserDisplayName } from './entities-helpers-3af2e73e.js';
 import './ResizeObserver.es-857da850.js';
 import { z as querySelectorDeep } from './common-helpers-736b1b33.js';
-import { l as cleanupTodoTaskSlides } from './operation-helpers-86666c74.js';
+import { l as cleanupTodoTaskSlides } from './operation-helpers-4c9210d3.js';
 import { p as pick } from './pick-5e56d4c7.js';
 import { c as cloneDeep } from './cloneDeep-b571e871.js';
 import './pipe-63412310.js';

package/dist/esm/yoo-mission-heading_3.entry.js

@@ -4,7 +4,7 @@ import './input-bar.interface-4e956599.js';
 import { p as pipes } from './pipe-63412310.js';
 import './ResizeObserver.es-857da850.js';
 import { f as getAppContext } from './common-helpers-736b1b33.js';
-import { a as getMissionStateTags } from './operation-helpers-86666c74.js';
+import { a as getMissionStateTags } from './operation-helpers-4c9210d3.js';
 import { g as getUserDisplayName } from './entities-helpers-3af2e73e.js';
 import { b as baseFlatten } from './_baseFlatten-12bb59d5.js';
 import { f as flatten } from './flatten-05783f13.js';

package/dist/esm/yoo-mission-results.entry.js

@@ -5,7 +5,7 @@ import { p as pipes } from './pipe-63412310.js';
 import './ResizeObserver.es-857da850.js';
 import { f as getAppContext } from './common-helpers-736b1b33.js';
 import { f as formatDistance } from './geolocation-helpers-ecd5cd8b.js';
-import { a as getMissionStateTags } from './operation-helpers-86666c74.js';
+import { a as getMissionStateTags } from './operation-helpers-4c9210d3.js';
 import './toInteger-f806a578.js';
 import './toFinite-50be705d.js';
 import './toNumber-ca6b9b55.js';

package/dist/esm/yoo-mission-todo.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, H as Host } from './index-2
 import './rrule-1b4fc7ac.js';
 import './input-bar.interface-4e956599.js';
 import './ResizeObserver.es-857da850.js';
-import { k as cleanupTodoSlides } from './operation-helpers-86666c74.js';
+import { k as cleanupTodoSlides } from './operation-helpers-4c9210d3.js';
 import './isUndefined-11cbe419.js';
 import './isNumber-3f36713d.js';
 import './pipe-63412310.js';

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

@@ -6,6 +6,7 @@ export declare class YooMarkdownComponent implements ComponentInterface {
    * The markdown content to display inside the component
    */
   content: string;
+  isVisible?: boolean;
   private treatedContent;
   private contentDiv;
   onContentChanged(): void;

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

@@ -4,10 +4,7 @@ export declare class YooFormConnectComponent {
    * Poll of words to connect, dispatched in 2 arrays (Left and Right respectively)
    */
   values: string[][];
-  /**
-   * Value previously given by user, mostly used in read-only mode
-   */
-  value: string[][];
+  onValuesChanged(): void;
   /**
    * Read-only mode : true if displayed within a quiz summary
    */
@@ -32,72 +29,58 @@ export declare class YooFormConnectComponent {
    * Used by parent component (`yoo-form-dynamic`)
    */
   validity: boolean;
+  onValidityChanged(): void;
+  /**
+ * Value previously given by user, mostly used in read-only mode
+ */
+  value: string[][];
+  onValueChanged(): void;
   /**
    * Expected answer. consisting of an array of arrays,
    * each sub-array containing a pair of correctly connected words
    */
   answer: string[][];
+  initAnswerChanged(): void;
   /**
    * true if component's parent slide is visible within a `yoo-form-dynamic`
    */
   isVisible?: boolean;
-  /**
-   * Used to check when modal is loaded
-   */
-  isAnimationFinished: boolean;
+  onIsVisibleChanged(state: boolean): Promise<void>;
+  userAnswers: string[][];
   /**
    * Used by parent component (form-dynamic)
    */
   validityChanged: EventEmitter<boolean>;
   inputChanged: EventEmitter<string[]>;
-  dragEnded: EventEmitter<boolean>;
   host: HTMLYooFormConnectElement;
-  private overlapThreshold;
-  private hoverColor;
-  private mainContainerElement;
-  private subContainerElements;
+  private innerContainerElement;
   private colors;
-  private defaultColors;
   private draggables;
   private connectables;
-  private userAnswers;
-  private draggableInstances;
-  private animationDelay;
-  private validationClasses;
-  onRequireChanged(): void;
-  isValid(): void;
-  initValues(): void;
-  onIsVisibleChanged(state: boolean): void;
-  onModalAnimationFinished(state: boolean): void;
+  get hasValues(): boolean;
+  get isGameMatchable(): boolean;
+  get draggableElements(): HTMLElement[];
+  get connectableElements(): HTMLElement[];
   componentWillLoad(): void;
+  componentWillUpdate(): void;
   componentDidLoad(): void;
-  componentDidUpdate(): void;
-  get hasValues(): boolean;
-  get isConnectMatchable(): boolean;
-  private updateDraggables;
-  private initConnect;
-  private shuffleObjects;
-  private shuffleConnectValues;
-  private getElement;
-  private getConnectable;
-  private getDraggable;
-  private getScrollableArea;
-  private preserveColors;
-  private applyCorrections;
-  private initUserAnswersArray;
-  private initItems;
-  private setColor;
-  private removeColor;
-  private updateColor;
-  private getDraggableInstance;
-  private applyColorChanges;
-  private removeOldConnectable;
-  private attachConnectable;
-  private addAnswer;
-  private checkAnswersValidity;
-  private valideAnswers;
+  private prepareGame;
+  private initGame;
+  private initDraggables;
+  private scrollToRevealGame;
+  private setScrollableHeight;
+  private setDraggableObserver;
+  private shuffleItems;
+  private prepareItems;
+  private connectItems;
+  private initDraggableActions;
+  private getUserAnswers;
+  private validateUserAnswers;
+  private autoEraseLastConnection;
   private autoCompleteLastConnection;
   private truncateValue;
+  renderCorrectionIcon(value: string): any;
   renderContainer(name: string): any;
+  renderBanner(): any;
   render(): any;
 }

package/dist/types/components/form/form-connect/types/index.d.ts

@@ -1,13 +1,12 @@
 import { TColor } from '@shared/interfaces';
 import { Draggable } from '@shared/utils';
-export interface IFormConnectReliable {
+export declare const CONNECT_TYPES: readonly ["draggable", "connectable"];
+export interface IConnect {
   id?: string;
   value?: string;
   color?: TColor;
-  element?: HTMLElement;
   draggableInstance?: Draggable;
-  tempConnectableId?: string;
-  connectable?: IFormConnectReliable;
+  connectableId?: string;
   isCorrect?: boolean;
-  isConnected?: boolean;
+  colorize?: () => void;
 }

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

@@ -183,6 +183,7 @@ export declare class YooFormDynamicComponent {
   onImageRecognitionFailed(field: IFormField): Promise<void>;
   forceFieldChanged(field: IFormField, data?: any): Promise<void>;
   forceFieldUpdate(field: IFormField, fieldData?: any, formSearch?: IFormSearch): Promise<void>;
+  resetCurrentPage(field: IFormField): Promise<void>;
   afterFetchCustomData(field: IFormField, data: any, options?: any): Promise<void>;
   findPreviousValue(fieldName: string): Promise<{
     field: IFormField;

package/dist/types/components/form/form-image-tagging/form-image-tagging.d.ts

@@ -9,9 +9,15 @@ export declare class YooFormImageTaggingComponent {
   readonly: boolean;
   livePreview: boolean;
   isAnimationFinished?: boolean;
+  onModalAnimationFinished(iaf: boolean): void;
   required: boolean;
+  onRequireChanged(): void;
   annotations: IPhotoAnnotation[];
+  onAnnotationsChanged(): void;
   values: string[];
+  onValuesChanged(newValues: string[], oldValues: string[]): void;
+  isVisible: boolean;
+  onIsVisibleChanged(): void;
   validityChanged: EventEmitter<boolean>;
   inputBlurred: EventEmitter<any>;
   inputFocused: EventEmitter<any>;
@@ -25,15 +31,12 @@ export declare class YooFormImageTaggingComponent {
   host: HTMLYooFormImageTaggingElement;
   private outerContainerElement;
   private imageOverlayElement;
+  private shouldRender;
   private zones;
   private resizeListener;
   private filteredValues;
   private loaded;
   isValid(): Promise<void>;
-  onModalAnimationFinished(iaf: boolean): void;
-  onRequireChanged(): void;
-  onValuesChanged(newValues: string[], oldValues: string[]): void;
-  onAnnotationsChanged(): void;
   componentWillLoad(): void;
   componentDidLoad(): void;
   componentDidUpdate(): void;

package/dist/types/components/form-creator/form-creator-translate-dialog/form-creator-translate-dialog.d.ts

@@ -3,7 +3,7 @@
  * @author: Tom Kiddle
  * Zeplin Link: https://zpl.io/aMj1PZd https://zpl.io/an7D5jv
  */
-import { FormFieldType, IFormField, ISlide, ITranslation } from '@shared/interfaces';
+import { IFormField, ISlide, ITranslation } from '@shared/interfaces';
 import { EventEmitter } from '../../../stencil-public-runtime';
 export declare class YooFormCreatorTranslateDialogComponent {
   /**
@@ -145,7 +145,6 @@ export declare class YooFormCreatorTranslateDialogComponent {
   componentDidUpdate(): void;
   updateAvailableLanguages(): void;
   isCreateTranslationMode(): boolean;
-  isTextEditor(translatableFormField: string, fieldType: FormFieldType): boolean;
   initTranslationForms(): void;
   updateTranslationForms(force?: boolean): void;
   shouldRenderRightArrow(): boolean;

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

@@ -306,6 +306,7 @@ export declare class YooGridComponent {
   updateValues(values: any, total?: number): Promise<void>;
   getGridSelection(): Promise<any>;
   forceFieldUpdate(field: IFormField): Promise<void>;
+  refreshCells(): Promise<void>;
   scrollItem(index: number): Promise<void>;
   pullToRefresh(refresher?: HTMLYooIonRefresherElement): Promise<void>;
   onForceSearch(ev: CustomEvent<string>): Promise<void>;

package/dist/types/components.d.ts

@@ -1997,10 +1997,6 @@ export namespace Components {
           * Expected answer. consisting of an array of arrays, each sub-array containing a pair of correctly connected words
          */
         "answer": string[][];
-        /**
-          * Used to check when modal is loaded
-         */
-        "isAnimationFinished": boolean;
         /**
           * true if component's parent slide is visible within a `yoo-form-dynamic`
          */
@@ -2651,6 +2647,7 @@ export namespace Components {
         "onSlideNext": (skipEmitEvent?: boolean) => Promise<void>;
         "onSlidePrevious": () => Promise<void>;
         "progress": IFormProgress;
+        "resetCurrentPage": (field: IFormField) => Promise<void>;
         "resume": () => Promise<void>;
         "safeCheckIndex"?: boolean;
         "saveSelectedTab": boolean;
@@ -2967,6 +2964,7 @@ export namespace Components {
         "image": IFileInterface;
         "isAnimationFinished"?: boolean;
         "isValid": () => Promise<void>;
+        "isVisible": boolean;
         "livePreview": boolean;
         "placeholder": string;
         "readonly": boolean;
@@ -4108,6 +4106,7 @@ export namespace Components {
         "progressHandler"?: (data) => number;
         "progressbarAlignMode": string;
         "pullToRefresh": (refresher?: HTMLYooIonRefresherElement) => Promise<void>;
+        "refreshCells": () => Promise<void>;
         "refreshKanban": () => Promise<void>;
         "relativeOpacity": number;
         "removeFromSelection": (item: IEntity) => Promise<void>;
@@ -5126,6 +5125,7 @@ export namespace Components {
           * The markdown content to display inside the component
          */
         "content": string;
+        "isVisible"?: boolean;
         "linkPreviews"?: ILinkPreview[];
         "setContent": () => Promise<void>;
     }
@@ -11232,10 +11232,6 @@ declare namespace LocalJSX {
           * Expected answer. consisting of an array of arrays, each sub-array containing a pair of correctly connected words
          */
         "answer"?: string[][];
-        /**
-          * Used to check when modal is loaded
-         */
-        "isAnimationFinished"?: boolean;
         /**
           * true if component's parent slide is visible within a `yoo-form-dynamic`
          */
@@ -11244,7 +11240,6 @@ declare namespace LocalJSX {
           * true if the component is loaded within the preview mode in the course-creator
          */
         "livePreview"?: boolean;
-        "onDragEnded"?: (event: CustomEvent<boolean>) => void;
         "onInputChanged"?: (event: CustomEvent<string[]>) => void;
         /**
           * Used by parent component (form-dynamic)
@@ -12785,6 +12780,7 @@ declare namespace LocalJSX {
         "answer"?: string[];
         "image"?: IFileInterface;
         "isAnimationFinished"?: boolean;
+        "isVisible"?: boolean;
         "livePreview"?: boolean;
         "onDragEnded"?: (event: CustomEvent<boolean>) => void;
         "onDragStarted"?: (event: CustomEvent<boolean>) => void;
@@ -15207,6 +15203,7 @@ declare namespace LocalJSX {
           * The markdown content to display inside the component
          */
         "content"?: string;
+        "isVisible"?: boolean;
         "linkPreviews"?: ILinkPreview[];
     }
     interface YooMemoList {

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

@@ -24,4 +24,5 @@ export declare class IFileInterface extends IEntity {
   relativeSizeToWindow?: boolean;
   wikiRef?: string;
   mediaDimension?: IMediaDimension;
+  highlight?: string[];
 }

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

@@ -116,7 +116,6 @@ export declare class IMissionDescription extends IEntity {
   uniqueKeyPrefix?: string;
   public?: boolean;
   category?: IMissionDescription;
-  stats?: IMissionDescriptionStats;
   campaignStats?: IMissionDescriptionStats;
   processIcon?: TIconName;
   color?: string;
@@ -139,6 +138,7 @@ export declare class IMissionDescription extends IEntity {
     name: string;
   }[];
   todo?: ITodo;
+  filteredPlanIds?: string[];
 }
 export declare class IMissionDescriptionTemplate extends IMissionDescription {
   active?: boolean;
@@ -153,7 +153,7 @@ export declare class IMissionDescriptionStats extends IEntity {
   averageScoring?: number;
   complianceRate?: number;
   userRef?: string;
-  descriptionRef: string;
+  descriptionRef?: string;
   isAdminView?: boolean;
   availableCount?: number;
   bookedCount?: number;

package/dist/types/home/runner/work/yoobic-ng-6/yoobic-ng-6/design-system/stencil/.stencil/shared/interfaces/src/services/async-extra-data/async-extra-data.interface.d.ts

@@ -46,4 +46,4 @@ export interface IChatRemoveCountParams {
   channelId: string;
   multiple: boolean;
 }
-export declare type TGetAsyncExtraDataType = 'box-session' | 'course' | 'decode-html' | 'email-dialog' | 'entity-detail' | 'event-users' | 'feed-comment' | 'feed-detail' | 'feed-dialog' | 'feed-group' | 'field-autocomplete-add' | 'field-computation' | 'field-fetch-data' | 'field-table-add' | 'file-uploader' | 'gif' | 'grid-query' | 'htmltemplate-get' | 'htmltemplate-save' | 'increase-view' | 'link-preview' | 'media-upload' | 'mention' | 'poll-vote' | 'preview-customapp' | 'preview-tiles' | 'product-search' | 'products-search' | 'question-dialog' | 'rate-course' | 'sanitize-html' | 'scorm-create-registration' | 'scorm-delete-registration' | 'scorm-extract-and-transform-runtime-interactions' | 'scorm-get-all-registrations' | 'scorm-get-launch-link' | 'scorm-get-preview-link' | 'scorm-get-registration' | 'select-all-query' | 'show-document-wiki' | 'show-document' | 'show-entity-by-id' | 'sms-segments-count' | 'tags' | 'translate-text' | 'unsplash' | 'upload-api' | 'upload-cloudinary' | 'user-detail-id' | 'user-detail' | 'user-images' | 'user-list' | 'user-selection' | 'waitlist-timeslots';
+export declare type TGetAsyncExtraDataType = 'box-session' | 'course' | 'decode-html' | 'email-dialog' | 'entity-detail' | 'event-users' | 'feed-comment' | 'feed-detail' | 'feed-dialog' | 'feed-group' | 'field-autocomplete-add' | 'field-computation' | 'field-fetch-data' | 'field-table-add' | 'file-uploader' | 'get-by-ids' | 'gif' | 'grid-query' | 'htmltemplate-get' | 'htmltemplate-save' | 'increase-view' | 'link-preview' | 'media-upload' | 'mention' | 'poll-vote' | 'preview-customapp' | 'preview-tiles' | 'product-search' | 'products-search' | 'question-dialog' | 'rate-course' | 'sanitize-html' | 'scorm-create-registration' | 'scorm-delete-registration' | 'scorm-extract-and-transform-runtime-interactions' | 'scorm-get-all-registrations' | 'scorm-get-launch-link' | 'scorm-get-preview-link' | 'scorm-get-registration' | 'select-all-query' | 'show-document-wiki' | 'show-document' | 'show-entity-by-id' | 'sms-segments-count' | 'tags' | 'translate-text' | 'unsplash' | 'upload-api' | 'upload-cloudinary' | 'user-detail-id' | 'user-detail' | 'user-images' | 'user-list' | 'user-selection' | 'waitlist-timeslots';

package/dist/types/home/runner/work/yoobic-ng-6/yoobic-ng-6/design-system/stencil/.stencil/shared/utils/src/helpers/string-helpers.d.ts

@@ -1 +1,2 @@
 export declare const escapeRegExp: (value: string) => string;
+export declare function isHTML(value: string): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yoobic/yobi",
-  "version": "7.7.40",
+  "version": "7.7.44",
   "description": "Yobi - Yoobic Design System",
   "module": "dist/index.js",
   "main": "dist/index.cjs.js",