@yoobic/yobi 8.3.3 → 8.4.0-0

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

@@ -1,12 +1,12 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-b1ce6cd4.js';
-import { c as intersectionObserve } from './index-214cd526.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-24530c1f.js';
+import { c as intersectionObserve } from './index-0621f7f2.js';
 import { g as global, n as compact } from './lodash-653c0bcd.js';
 import { c as commonjsGlobal, a as createCommonjsModule, g as getDefaultExportFromCjs } from './_commonjsHelpers-f4d11124.js';
-import { d1 as require$$2, a8 as getClosestImageRatio, A as isWeb, bk as getMedia, C as debounce$1, ar as pipes, d2 as getExtension, av as isCloudinaryLink, an as isFile, bm as isOffline, bn as getKeyToCache, d3 as urlToFileBlob, d4 as b64ToFile, d5 as convertSrtToWebVTT, aw as getCurrentLanguage, d6 as getVideoPoster, az as changeExtension, U as Cloudinary } from './overlays-670969b7.js';
+import { d1 as require$$2, a8 as getClosestImageRatio, A as isWeb, bk as getMedia, C as debounce$1, ar as pipes, d2 as getExtension, av as isCloudinaryLink, an as isFile, bm as isOffline, bn as getKeyToCache, d3 as urlToFileBlob, d4 as b64ToFile, d5 as convertSrtToWebVTT, aw as getCurrentLanguage, d6 as getVideoPoster, az as changeExtension, U as Cloudinary } from './overlays-54d1b9f8.js';
 import { B as Buffer } from './buffer-es6-7dcb5a7c.js';
-import { g as getFromOfflineStorage, a as getFromLocalForage } from './localForage-705e6c3b.js';
-import { q as querySelectorDeep, g as getAppContext } from './common-helpers-2339195f.js';
-import { o as openVideoPlayerInModal, u as updateCloudinaryDim } from './video-player-helpers-a8cf3c2b.js';
+import { g as getFromOfflineStorage, a as getFromLocalForage } from './localForage-c32f0e70.js';
+import { q as querySelectorDeep, g as getAppContext } from './common-helpers-980d9808.js';
+import { o as openVideoPlayerInModal, u as updateCloudinaryDim } from './video-player-helpers-9f742b0f.js';
 import { v as videoPlayerStates } from './index-cab1603b.js';
 import './index-eec8505b.js';
 

package/dist/esm/yoo-videoplayer-vimeo.entry.js

@@ -1,12 +1,12 @@
-import { r as registerInstance, i as createEvent, h, e as Host } from './index-b1ce6cd4.js';
-import { o as openVideoPlayerInModal, d as getVimeoPlayerAPI } from './video-player-helpers-a8cf3c2b.js';
+import { r as registerInstance, i as createEvent, h, e as Host } from './index-24530c1f.js';
+import { o as openVideoPlayerInModal, d as getVimeoPlayerAPI } from './video-player-helpers-9f742b0f.js';
 import { v as videoPlayerStates } from './index-cab1603b.js';
-import './overlays-670969b7.js';
+import './overlays-54d1b9f8.js';
 import './lodash-653c0bcd.js';
 import './index-eec8505b.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-214cd526.js';
-import './common-helpers-2339195f.js';
+import './index-0621f7f2.js';
+import './common-helpers-980d9808.js';
 
 const videoplayerVimeoCss = ":host iframe{width:100%;background:var(--dark, #000000)}";
 

package/dist/esm/yoo-videoplayer-youtube.entry.js

@@ -1,11 +1,11 @@
-import { r as registerInstance, i as createEvent, h, e as Host } from './index-b1ce6cd4.js';
-import './index-214cd526.js';
-import { e as getYoutubeId, o as openVideoPlayerInModal, h as getYoutubeIFrameAPI } from './video-player-helpers-a8cf3c2b.js';
+import { r as registerInstance, i as createEvent, h, e as Host } from './index-24530c1f.js';
+import './index-0621f7f2.js';
+import { e as getYoutubeId, o as openVideoPlayerInModal, h as getYoutubeIFrameAPI } from './video-player-helpers-9f742b0f.js';
 import { v as videoPlayerStates } from './index-cab1603b.js';
-import { j as isNativeMobile } from './overlays-670969b7.js';
+import { j as isNativeMobile } from './overlays-54d1b9f8.js';
 import './lodash-653c0bcd.js';
 import './index-eec8505b.js';
-import './common-helpers-2339195f.js';
+import './common-helpers-980d9808.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const videoplayerYoutubeCss = ":host{width:100%}:host .yt-container,:host .yt-player{width:100%;height:100%}:host .yt-container.error{pointer-events:none}:host(.played){height:90%}";

package/dist/esm/yoo-virtual-item.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, f as forceUpdate, h, e as Host, g as getElement } from './index-b1ce6cd4.js';
-import { r as resizeObserve } from './index-214cd526.js';
-import { al as dispatchCustomEvent } from './overlays-670969b7.js';
+import { r as registerInstance, f as forceUpdate, h, e as Host, g as getElement } from './index-24530c1f.js';
+import { r as resizeObserve } from './index-0621f7f2.js';
+import { al as dispatchCustomEvent } from './overlays-54d1b9f8.js';
 import './lodash-653c0bcd.js';
 import './index-eec8505b.js';
 import './_commonjsHelpers-f4d11124.js';

package/dist/esm/yoo-virtual-scroll.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, f as forceUpdate, l as readTask, m as writeTask, h, e as Host, g as getElement } from './index-b1ce6cd4.js';
-import './index-214cd526.js';
+import { r as registerInstance, f as forceUpdate, l as readTask, m as writeTask, h, e as Host, g as getElement } from './index-24530c1f.js';
+import './index-0621f7f2.js';
 import { A as isEqual, o as orderBy, Z as uniqBy } from './lodash-653c0bcd.js';
-import { q as querySelectorDeep, c as querySelectorAllDeep } from './common-helpers-2339195f.js';
-import { Q as findParent, de as isAnimationsDisabled, aS as gsapTo, A as isWeb, eD as componentOnReady } from './overlays-670969b7.js';
+import { q as querySelectorDeep, c as querySelectorAllDeep } from './common-helpers-980d9808.js';
+import { Q as findParent, de as isAnimationsDisabled, aS as gsapTo, A as isWeb, eC as componentOnReady } from './overlays-54d1b9f8.js';
 import './index-eec8505b.js';
 import './_commonjsHelpers-f4d11124.js';
 

package/dist/esm/yoo-waitlist-location-layout.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, e as Host } from './index-b1ce6cd4.js';
+import { r as registerInstance, h, e as Host } from './index-24530c1f.js';
 
 const waitlistLocationLayoutCss = ":host{--logo-height:12.5rem;--img-width:25rem;position:absolute;top:0;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .panel-left{width:var(--img-width);min-width:var(--img-width)}@media only screen and (max-width: 1023px){:host .panel-left{display:none}}:host .panel-right{position:relative;-ms-flex-positive:1;flex-grow:1;overflow-y:auto;}:host .panel-right::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host .panel-right::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .panel-right::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .panel-right .container{max-width:37.5rem;margin:auto}:host .panel-right .container yoo-img{height:var(--logo-height);max-height:var(--logo-height)}@media only screen and (min-width: 1024px){:host .panel-right .container yoo-img{display:none}}:host .panel-right .container .inner{padding:var(--spacing-16, 1rem)}@media only screen and (min-width: 1024px){:host .panel-right .container .inner{margin-top:var(--spacing-64, 4rem)}}:host .panel-right .footer-container{width:100%;margin-bottom:var(--spacing-16, 1rem);text-align:center}@media only screen and (min-height: 800px) and (min-width: 1024px){:host .panel-right .footer-container{position:absolute;bottom:0}}:host .panel-right .footer-container yoo-copyright{padding:var(--spacing-16, 1rem) 0.8rem 0.8rem}";
 

package/dist/esm/yoo-waitlist-location-result.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, i as createEvent, h, e as Host } from './index-b1ce6cd4.js';
-import './index-214cd526.js';
-import { ak as dateFormat, t as translate, aI as isPresent } from './overlays-670969b7.js';
+import { r as registerInstance, i as createEvent, h, e as Host } from './index-24530c1f.js';
+import './index-0621f7f2.js';
+import { ak as dateFormat, t as translate, aI as isPresent } from './overlays-54d1b9f8.js';
 import './lodash-653c0bcd.js';
 import './index-eec8505b.js';
 import './_commonjsHelpers-f4d11124.js';

package/dist/esm/yoo-waitlist-location-start.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, i as createEvent, h, j as Build, e as Host, g as getElement } from './index-b1ce6cd4.js';
-import './index-214cd526.js';
+import { r as registerInstance, i as createEvent, h, j as Build, e as Host, g as getElement } from './index-24530c1f.js';
+import './index-0621f7f2.js';
 import { I as omit } from './lodash-653c0bcd.js';
-import { t as translate, A as isWeb, aI as isPresent } from './overlays-670969b7.js';
+import { t as translate, A as isWeb, aI as isPresent } from './overlays-54d1b9f8.js';
 import './index-eec8505b.js';
 import './_commonjsHelpers-f4d11124.js';
 

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, i as createEvent, h, e as Host } from './index-b1ce6cd4.js';
-import './index-214cd526.js';
-import { d7 as replaceSVGColors, t as translate } from './overlays-670969b7.js';
+import { r as registerInstance, i as createEvent, h, e as Host } from './index-24530c1f.js';
+import './index-0621f7f2.js';
+import { d7 as replaceSVGColors, t as translate } from './overlays-54d1b9f8.js';
 import './lodash-653c0bcd.js';
 import './index-eec8505b.js';
 import './_commonjsHelpers-f4d11124.js';

package/dist/esm/yoo-web-menu.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-b1ce6cd4.js';
-import './index-214cd526.js';
-import { g as getAppContext } from './common-helpers-2339195f.js';
-import { C as debounce, X as isNullOrUndefined } from './overlays-670969b7.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-24530c1f.js';
+import './index-0621f7f2.js';
+import { g as getAppContext } from './common-helpers-980d9808.js';
+import { C as debounce, X as isNullOrUndefined } from './overlays-54d1b9f8.js';
 import './lodash-653c0bcd.js';
 import './index-eec8505b.js';
 import './_commonjsHelpers-f4d11124.js';

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

@@ -1,6 +1,6 @@
-import { h, r as registerInstance, i as createEvent, e as Host } from './index-b1ce6cd4.js';
-import './index-214cd526.js';
-import { t as translate } from './overlays-670969b7.js';
+import { h, r as registerInstance, i as createEvent, e as Host } from './index-24530c1f.js';
+import './index-0621f7f2.js';
+import { t as translate } from './overlays-54d1b9f8.js';
 import './lodash-653c0bcd.js';
 import './index-eec8505b.js';
 import './_commonjsHelpers-f4d11124.js';

package/dist/esm/yoo-welcome-banner.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-b1ce6cd4.js';
-import './index-214cd526.js';
-import { g as getAppContext } from './common-helpers-2339195f.js';
-import { t as translate, d8 as getPeriodOfDay } from './overlays-670969b7.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-24530c1f.js';
+import './index-0621f7f2.js';
+import { g as getAppContext } from './common-helpers-980d9808.js';
+import { t as translate, d8 as getPeriodOfDay } from './overlays-54d1b9f8.js';
 import './lodash-653c0bcd.js';
 import './index-eec8505b.js';
 import './_commonjsHelpers-f4d11124.js';

package/dist/esm/yoo-widget-chart.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-b1ce6cd4.js';
-import './index-214cd526.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-24530c1f.js';
+import './index-0621f7f2.js';
 import { a as isNumber } from './lodash-653c0bcd.js';
-import { t as translate, A as isWeb } from './overlays-670969b7.js';
+import { t as translate, A as isWeb } from './overlays-54d1b9f8.js';
 import './index-eec8505b.js';
 import './_commonjsHelpers-f4d11124.js';
 

package/dist/esm/yoo-widget-small-size.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-b1ce6cd4.js';
-import './index-214cd526.js';
-import { A as isWeb } from './overlays-670969b7.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-24530c1f.js';
+import './index-0621f7f2.js';
+import { A as isWeb } from './overlays-54d1b9f8.js';
 import './lodash-653c0bcd.js';
 import './index-eec8505b.js';
 import './_commonjsHelpers-f4d11124.js';

package/dist/esm/yoo-widget-tab.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, i as createEvent, h, e as Host } from './index-b1ce6cd4.js';
-import './index-214cd526.js';
+import { r as registerInstance, i as createEvent, h, e as Host } from './index-24530c1f.js';
+import './index-0621f7f2.js';
 import { a as isNumber } from './lodash-653c0bcd.js';
-import { t as translate, ar as pipes } from './overlays-670969b7.js';
+import { t as translate, ar as pipes } from './overlays-54d1b9f8.js';
 import './index-eec8505b.js';
 import './_commonjsHelpers-f4d11124.js';
 

package/dist/esm/yoo-widget-tile.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, e as Host } from './index-b1ce6cd4.js';
-import './index-214cd526.js';
-import { Z as translateMulti } from './overlays-670969b7.js';
+import { r as registerInstance, h, e as Host } from './index-24530c1f.js';
+import './index-0621f7f2.js';
+import { Z as translateMulti } from './overlays-54d1b9f8.js';
 import './lodash-653c0bcd.js';
 import './index-eec8505b.js';
 import './_commonjsHelpers-f4d11124.js';

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, e as Host } from './index-b1ce6cd4.js';
-import './index-214cd526.js';
-import { p as closeModal, t as translate, Z as translateMulti, a7 as getUserDisplayName, ar as pipes } from './overlays-670969b7.js';
+import { r as registerInstance, h, e as Host } from './index-24530c1f.js';
+import './index-0621f7f2.js';
+import { p as closeModal, t as translate, Z as translateMulti, a7 as getUserDisplayName, ar as pipes } from './overlays-54d1b9f8.js';
 import './lodash-653c0bcd.js';
 import './index-eec8505b.js';
 import './_commonjsHelpers-f4d11124.js';

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, g as getElement } from './index-b1ce6cd4.js';
-import './index-214cd526.js';
+import { r as registerInstance, h, g as getElement } from './index-24530c1f.js';
+import './index-0621f7f2.js';
 import { n as compact, a3 as flattenDeep, a1 as flatten } from './lodash-653c0bcd.js';
-import { Z as translateMulti, t as translate, a7 as getUserDisplayName, A as isWeb, z as showModal } from './overlays-670969b7.js';
+import { Z as translateMulti, t as translate, a7 as getUserDisplayName, A as isWeb, z as showModal } from './overlays-54d1b9f8.js';
 import './index-eec8505b.js';
 import './_commonjsHelpers-f4d11124.js';
 

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

@@ -1,12 +1,12 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-b1ce6cd4.js';
-import './index-214cd526.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-24530c1f.js';
+import './index-0621f7f2.js';
 import { n as compact } from './lodash-653c0bcd.js';
 import { W as WorkflowMode } from './workflow.interface-79064a52.js';
-import { g as getAppContext } from './common-helpers-2339195f.js';
+import { g as getAppContext } from './common-helpers-980d9808.js';
 import { A as ARROW_PAIR } from './index-aea0ac6c.js';
-import { P as onWorkflowStepClicked, Q as getWorkflowFieldState } from './index-dfebd1fb.js';
+import { P as onWorkflowStepClicked, Q as getWorkflowFieldState } from './index-f4276255.js';
 import { f as fieldStateOptions } from './index-a7443ef7.js';
-import { t as translate } from './overlays-670969b7.js';
+import { t as translate } from './overlays-54d1b9f8.js';
 import './index-eec8505b.js';
 import './annotations-helpers-628a8ae3.js';
 import './_commonjsHelpers-f4d11124.js';

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, i as createEvent } from './index-b1ce6cd4.js';
-import { cq as cordova, cs as cordovaPropertyGet, ct as cordovaPropertySet, cr as AwesomeCordovaNativePlugin, d9 as isZebraScanner } from './overlays-670969b7.js';
-import './index-214cd526.js';
+import { r as registerInstance, i as createEvent } from './index-24530c1f.js';
+import { cq as cordova, cs as cordovaPropertyGet, ct as cordovaPropertySet, cr as AwesomeCordovaNativePlugin, d9 as isZebraScanner } from './overlays-54d1b9f8.js';
+import './index-0621f7f2.js';
 import './lodash-653c0bcd.js';
 import './index-eec8505b.js';
 import './_commonjsHelpers-f4d11124.js';

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-b1ce6cd4.js';
-import './index-214cd526.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-24530c1f.js';
+import './index-0621f7f2.js';
 import { c as cloneDeep, X as clamp } from './lodash-653c0bcd.js';
 import { a as isElementInsideContainer } from './annotations-helpers-628a8ae3.js';
 import { H as Hammer } from './hammer-helpers-0b560cb3.js';
-import { A as isWeb, cv as isIonic, aS as gsapTo, fx as isElementClicked } from './overlays-670969b7.js';
+import { A as isWeb, cv as isIonic, aS as gsapTo, fx as isElementClicked } from './overlays-54d1b9f8.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-eec8505b.js';
 

package/dist/types/components/entities/entity-search-filters/entity-search-filters.d.ts

@@ -1,9 +1,9 @@
 import { IEntitySearchFilters, IFormField, IFormSearch } from '@shared/interfaces';
 import { EventEmitter } from '../../../stencil-public-runtime';
 export declare class YooEntitySearchFiltersComponent {
-  header: string;
-  fields: IFormField[];
-  values: IEntitySearchFilters[];
+  header?: string;
+  fields?: IFormField[];
+  values?: IEntitySearchFilters[];
   filter: EventEmitter<IEntitySearchFilters[]>;
   fieldFetchData: EventEmitter<IFormSearch>;
   fieldFetchCustomData: EventEmitter<{

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

@@ -27,6 +27,7 @@ export declare class YooFormCaptureComponent implements IFormCapture {
   allowGif: boolean;
   allowUnsplash: boolean;
   allowAnnotate: boolean;
+  allowCamera: boolean;
   isImageRecognition: boolean;
   algorithm: IAlgorithm;
   algorithmDisplay: IImageRecognitionDisplay[];

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

@@ -28,6 +28,7 @@ export declare class YooFormCarouselComponent implements IFormCarousel {
   isVisible?: boolean;
   paginationType?: 'bullets' | 'fraction' | 'progressbar' | 'custom';
   displayPhotoCounter?: boolean;
+  hideSecondaryActions?: boolean;
   photoEditorClicked: EventEmitter<boolean>;
   showDetail: EventEmitter<number>;
   slideChanges: EventEmitter<number>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IValidatorEntry, Validator } from '@shared/interfaces';
 import { EventEmitter } from '../../../../stencil-public-runtime';
 import type { IFormChoiceValue, IFormSelect } from '../../../../interfaces';
@@ -26,11 +25,12 @@ export declare class YooFormChoiceImageComponent implements IFormSelect {
   host: HTMLYooFormChoiceImageElement;
   selection: Array<string>;
   private get hasEmptyValues();
+  private get hasDuplicateTexts();
   choices: IFormChoiceValue[];
   componentWillLoad(): void;
   componentDidLoad(): void;
-  renderImage(image: string, text: string, values: IFormChoiceValue[], index: number): JSX.Element;
-  renderImages(): JSX.Element[];
+  renderImage(image: string, text: string, index: number): any;
+  renderImages(): any[];
   renderBanner(): any;
   render(): any;
 }

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

@@ -75,7 +75,6 @@ export declare class YooFormConnectComponent {
   private initDraggableActions;
   private getUserAnswers;
   private autoCompleteLastConnection;
-  private truncateValue;
   renderCorrectionIcon(value: string): JSX.Element;
   renderContainer(name: string): JSX.Element;
   renderBanner(): any;

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

@@ -8,6 +8,7 @@ export declare class YooFormDocumentComponent implements IFormDocument {
   validity: boolean;
   showDialog: boolean;
   showActionSheet: boolean;
+  hideSecondaryActions?: boolean;
   mode: string;
   useGallery: boolean;
   documentSecondaryActions: IActionSheetButton[];

package/dist/types/components/form/form-document-dialog/form-document-dialog.d.ts

@@ -14,6 +14,7 @@ export declare class YooFormDocumentDialogComponent {
    * Allow send file
    */
   selectionMode?: boolean;
+  hideSecondaryActions?: boolean;
   isLoading: boolean;
   host: HTMLYooFormDocumentDialogElement;
   preview: string;

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

@@ -2,27 +2,28 @@
 import { IHotzone, IXYPoint } from '@shared/interfaces';
 import { ComponentInterface, EventEmitter } from '../../../stencil-public-runtime';
 export declare class YooFormHotzonesComponent implements ComponentInterface {
-  image: string;
-  onImageChanged(): Promise<void>;
-  hotzones: IHotzone[];
-  onHotzonesChanged(): void;
-  hotzonesColor: string;
-  isVisible: boolean;
-  onIsVisibleChanged(): void;
   livePreview: boolean;
+  selectedHotzone: IHotzone;
+  hotzonesColor: string;
   readonly: boolean;
   animated: boolean;
-  value: IXYPoint;
-  selectedHotspot: IHotzone;
   type: 'imagemap' | 'hotzone';
   detailedView: boolean;
   validity: boolean;
-  onValidityChanged(): void;
+  required: boolean;
+  value: IXYPoint;
+  onValueChanged(): void;
+  image: string;
+  onImageChanged(): Promise<void>;
+  hotzones: IHotzone[];
+  onHotzonesChanged(nv: IHotzone[], ov: IHotzone[]): void;
+  isVisible: boolean;
+  onIsVisibleChanged(): void;
   flipImage: boolean;
-  onFlipImageChanged(): void;
   validityChanged: EventEmitter<boolean>;
   inputChanged: EventEmitter<IXYPoint>;
   host: HTMLYooFormHotzonesElement;
+  validate(): boolean;
   private imageElement;
   private targetElement;
   private imageSrc;
@@ -39,5 +40,6 @@ export declare class YooFormHotzonesComponent implements ComponentInterface {
   renderTarget(): JSX.Element;
   renderImage(): JSX.Element;
   renderBanner(): any;
+  renderMain(): JSX.Element;
   render(): JSX.Element;
 }

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

@@ -41,6 +41,7 @@ export declare class YooFormImageTaggingComponent {
   renderDropzones(): JSX.Element[];
   renderInstruction(): JSX.Element;
   renderTagsZone(): JSX.Element;
-  renderBanner(): JSX.Element;
+  renderBanner(): any;
+  renderMain(): JSX.Element;
   render(): JSX.Element;
 }

package/dist/types/components/form/form-input-container/form-input-container.d.ts

@@ -1,10 +1,18 @@
-import { FormFieldType, IFormField, IUser, TSize } from '@shared/interfaces';
+import { FormDynamicType, FormFieldType, IFormField, IUser, TSize } from '@shared/interfaces';
 import { EventEmitter } from '../../../stencil-public-runtime';
 import type { IFormInputContainer } from '../../../interfaces';
 export declare class YooFormInputContainerComponent implements IFormInputContainer {
-  field: IFormField;
+  /**
+ * If fullscreen is true, will not display any label/descriptions on top (meant to be included in the field)
+ */
+  fullscreen?: boolean;
+  formType: FormDynamicType;
   required: boolean;
   readonly: boolean;
+  size?: TSize;
+  animated?: boolean;
+  livePreview?: boolean;
+  field: IFormField;
   forceReadonly: boolean;
   forceDescription: boolean;
   comments: string;
@@ -16,20 +24,11 @@ export declare class YooFormInputContainerComponent implements IFormInputContain
   invalid: boolean;
   hideOptional: boolean;
   hideLabel: boolean;
-  showDefaultInstructions?: boolean;
-  isLesson?: boolean;
-  isPreview?: boolean;
-  size?: TSize;
-  animated?: boolean;
   allowFieldValidation?: boolean;
   commentsUser?: IUser;
   validationCommentsUser?: IUser;
   hideComplianceTags?: boolean;
   useUppercaseLabel?: boolean;
-  /**
-   * If fullscreen is true, will not display any label/descriptions on top (meant to be included in the field)
-   */
-  fullscreen?: boolean;
   /**
    * Use for pdf multiple image where the title needs to be rendered
    * on top of the first image wrapper
@@ -51,20 +50,18 @@ export declare class YooFormInputContainerComponent implements IFormInputContain
   private showLabel;
   private showDescription;
   private shouldShowDefaultInstructions;
-  private timeOutId;
   private contentContainerElement;
   private labelElement;
   private descriptionElement;
   private instructionElement;
   private get displayValidationFooter();
   private get displayValidationComments();
+  private get fieldType();
+  private get isLesson();
   onCommentsChange: (...args: any[]) => any;
   onValidationCommentsChange: (...args: any[]) => any;
-  private resizeDebounce;
-  private onResize;
   componentWillLoad(): Promise<void>;
   componentWillRender(): void;
-  componentDidLoad(): void;
   onToggleComments(): void;
   onToggleValidationComments(): void;
   onFocusComments(): void;
@@ -86,13 +83,10 @@ export declare class YooFormInputContainerComponent implements IFormInputContain
   getFieldDefaultInstructions(): string;
   getHelpContent(fieldhelp: string): any;
   setContent(): Promise<void>;
-  animateContent(): void;
   animateNumber(): void;
   animateSelectImage(): void;
-  getE2EAttributes(): string[];
   onRTEContentClick(ev: any): void;
   renderDescription(): any;
-  renderPdfDownload(): any;
   renderOptional(): any;
   renderRightSide(hideTooltip?: boolean): any;
   renderOriginalMarkAsInvalid(): any;

package/dist/types/components/form/form-missing-word/form-missing-word.d.ts

@@ -42,5 +42,6 @@ export declare class YooFormMissingWordComponent {
   renderTagsZone(): JSX.Element;
   renderBanner(): any;
   renderSentence(): JSX.Element;
+  renderMain(): JSX.Element;
   render(): JSX.Element;
 }

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { EventEmitter } from '../../../stencil-public-runtime';
 export declare class YooFormRankingComponent {
   values: string[];
@@ -7,45 +8,23 @@ export declare class YooFormRankingComponent {
   required?: boolean;
   livePreview: boolean;
   isVisible?: boolean;
+  onIsVisibleChanged(): void;
   isAnimationFinished?: boolean;
+  onModalAnimationFinished(): void;
   validityChanged: EventEmitter<boolean>;
   inputChanged: EventEmitter<string[]>;
+  isDragging: boolean;
   host: HTMLYooFormRankingElement;
   validity: boolean;
   private sortables;
-  private preventInit;
-  private outerContainerElement;
-  private itemElements;
-  onModalAnimationFinished(iaf: boolean): void;
-  onIsVisibleChanged(): void;
-  componentDidLoad(): void;
-  componentDidUpdate(): void;
+  private listElement;
+  private get itemElements();
   validate(): boolean;
-  get isInModal(): boolean;
-  get listItems(): HTMLElement[];
-  private initRanking;
-  private calculAbsoluteListHeight;
+  componentDidLoad(): void;
+  private init;
   private prepareItems;
-  /**
-   * Get vertical position of the item element in the list by given index.
-   * Elements height can vary.
-   */
-  private getListItemPosition;
-  private updateAnswer;
-  private calcAndShowTags;
-  private setBadgeValue;
-  private changeIndex;
-  private layout;
-  /**
-   * This function apply sortable ability to element.
-   * All necessary logic is encapsulated in this function
-   * and can be moved into separate class and reused somewhere else.
-   */
-  private setSortable;
-  private setItemPosition;
-  private arrayMove;
-  private clamp;
-  private getCorrectionColor;
+  private initDraggable;
   private renderItem;
-  render(): any;
+  renderList(): JSX.Element;
+  render(): JSX.Element;
 }

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

@@ -33,6 +33,10 @@ export declare class YooFormTextAreaComponent implements IFormInputBase<string>
     id: string;
   };
   translations?: ITranslation[];
+  /**
+   * Disable user to input on textarea
+   */
+  disableInput?: boolean;
   clearable: boolean;
   /**
    * Use paragraph instead of textarea to allwo custom input inside textarea
@@ -84,6 +88,7 @@ export declare class YooFormTextAreaComponent implements IFormInputBase<string>
   componentDidUpdate(): void;
   disconnectedCallback(): void;
   setTextareaMaxLengh(): void;
+  updateTextareaSize(): void;
   onInputChanged(): void;
   onParagraphInputChanged(ev: any): void;
   onHandleMentionInput(offset: number, insertElement: any): void;
@@ -92,7 +97,6 @@ export declare class YooFormTextAreaComponent implements IFormInputBase<string>
   clearInput(): void;
   updateSegmentsCount(): Promise<void>;
   syncMentionIds(): void;
-  updateRows(): void;
   getIconSize(): TIconSize;
   onKeyPress(ev: KeyboardEvent): void;
   onKeyDown(ev: KeyboardEvent): void;