@yoobic/yobi 8.2.0-4 → 8.2.0-42

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

@@ -1,3 +1,8 @@
+/**
+ * @name: Truncate
+ * @author: Romain Panaget
+ */
+import { TSize } from '@shared/interfaces';
 import { Event, EventEmitter } from '../../../stencil-public-runtime';
 export declare class YooTruncateComponent {
   /**
@@ -28,6 +33,7 @@ export declare class YooTruncateComponent {
    * Used more icon instead of text as ellipsis button.
    */
   showEllipsisIcon: boolean;
+  ellipsisIconSize: TSize;
   /**
    * Holds the markdown/html content to truncate, for advanced truncation.
    */

package/dist/types/components/1.atoms/truncated-line/truncated-line.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { ComponentInterface, Element } from '../../../stencil-public-runtime';
+import { Placement } from 'tippy.js';
+export declare class YooTruncatedLineComponent implements ComponentInterface {
+  withTooltip?: boolean;
+  tooltipPlacement?: Placement;
+  content?: string;
+  host: HTMLYooTruncatedLineElement;
+  private contentElement;
+  private tooltipElement;
+  componentDidLoad(): void;
+  renderContentWithTooltip: () => JSX.Element;
+  renderContent: () => JSX.Element;
+  toggleTooltip: (isEnabled: boolean) => void;
+  render(): any;
+}

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

@@ -30,7 +30,6 @@ export declare class YooAccordionComponent {
    * positioned to the right of the title
    */
   iconPairRight: TIconName[];
-  maxTitleCharacters: number;
   /**
    * If true, each item will have a border bottom of 0.0625rem
    */

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ComponentInterface, EventEmitter } from '../../../stencil-public-runtime';
 export declare class YooAudioPlayerComponent implements ComponentInterface {
   /**
@@ -20,10 +21,12 @@ export declare class YooAudioPlayerComponent implements ComponentInterface {
    * Reinit the player when being within in a slide
    */
   isVisible?: boolean;
+  onVisibilityChanged(): void;
   /**
    * Set the audio source url
    */
   src?: string;
+  onSrcChanged(): Promise<void>;
   inputChanged: EventEmitter<boolean>;
   validityChanged: EventEmitter<boolean>;
   currentTime: number;
@@ -32,8 +35,6 @@ export declare class YooAudioPlayerComponent implements ComponentInterface {
   host: HTMLYooAudioPlayerElement;
   private audio;
   private isDragging;
-  onSrcChanged(): Promise<void>;
-  onVisibilityChanged(): void;
   getAudio(): Promise<HTMLAudioElement>;
   pause(): Promise<void>;
   componentWillLoad(): Promise<void>;
@@ -44,5 +45,8 @@ export declare class YooAudioPlayerComponent implements ComponentInterface {
   private initPlayer;
   private formateTime;
   private togglePlay;
-  render(): any;
+  renderPlayButton(): JSX.Element;
+  renderRange(): JSX.Element;
+  renderInfo(): JSX.Element;
+  render(): JSX.Element;
 }

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

@@ -1,6 +1,6 @@
 import { TIconName, TSize } from '@shared/interfaces';
 import { ComponentInterface, EventEmitter } from '../../../stencil-public-runtime';
-import { YooIconComponent } from 'src/components/1.atoms/icon/icon';
+import { YooIconComponent } from '../../1.atoms/icon/icon';
 export declare class YooBannerComponent implements ComponentInterface {
   /**
    * Left icon props

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

@@ -97,6 +97,7 @@ export declare class YooIonModalComponent implements IModalOptions {
   private maxSlideIndex;
   private keyboardDidHideListener;
   private keyboardDidShowListener;
+  private keyboardHeight;
   private onKeyboardDidShow;
   private onKeyboardDidHide;
   get customHeight(): number;

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

@@ -3,6 +3,8 @@ import { IRevealValue } from '@shared/interfaces';
 import { ComponentInterface, EventEmitter } from '../../../stencil-public-runtime';
 export declare class YooRevealComponent implements ComponentInterface {
   values?: IRevealValue[];
+  isVisible?: boolean;
+  onVisibleChanged(): void;
   validity?: boolean;
   onValidityChanged(): void;
   validityChanged: EventEmitter<boolean>;

package/dist/types/components/2.molecules/{segment/segment.d.ts → segmented-control/segmented-control.d.ts}

@@ -1,17 +1,23 @@
 /// <reference types="react" />
 import { ISegmentValues, TSize } from '@shared/interfaces';
 import { ComponentInterface, EventEmitter } from '../../../stencil-public-runtime';
-export declare class YooSegmentComponent implements ComponentInterface {
+export declare class YooSegmentedControlComponent implements ComponentInterface {
   values: ISegmentValues[];
   readonly?: boolean;
   size: TSize;
   initialIndex: number;
   maxWidth?: number;
+  animated: boolean;
   segmentSelected: EventEmitter<number>;
   selectedIndex: number;
   onIndexUpdated(): void;
+  host: HTMLElement;
   hasIcon(index: number): boolean;
-  onSegmentClick(index: number): void;
+  private activeElement;
+  private activeBackgroundEl;
+  componentDidLoad(): void;
+  moveActiveBackground(): void;
+  onSegmentClick(ev: MouseEvent, index: number): void;
   renderSegments(): JSX.Element[];
   renderSegment(value: ISegmentValues, index: number): JSX.Element;
   render(): JSX.Element;

package/dist/types/components/2.molecules/text-sequence/text-sequence.d.ts

@@ -7,22 +7,23 @@ export declare class YooTextSequence implements ComponentInterface {
   animated?: boolean;
   validity?: boolean;
   onValidityChanged(): void;
-  livePreview?: boolean;
   isVisible: boolean;
   onIsVisibleChanged(): void;
+  isAnimationFinished?: boolean;
+  onModalAnimationFinished(): void;
   validityChanged: EventEmitter<boolean>;
   currentIndex: number;
   host: HTMLYooTextSequenceElement;
-  private currentYPosition;
+  private translateY;
+  private viewFinderElement;
+  private sequencesContainerElement;
   private get wrapperElement();
   private get sequenceElements();
+  private get maxSequenceHeight();
+  private get sequenceValues();
   componentWillRender(): void;
   componentDidLoad(): void;
-  componentDidRender(): void;
-  private setComponentHeight;
-  private initComponent;
-  private onRTEContentClick;
-  private clickArrow;
+  private initSequenceHeight;
   renderSequences(): JSX.Element;
   renderArrow(placement: 'top' | 'bottom'): JSX.Element;
   renderOverlay(placement: 'top' | 'bottom'): JSX.Element;

package/dist/types/components/3.organisms/mobile-tabbar-more/mobile-tabbar-more.d.ts

@@ -1,10 +1,6 @@
 import { IPage } from '@shared/interfaces';
 import { EventEmitter } from '../../../stencil-public-runtime';
 export declare class YooMobileTabbarMoreComponent {
-  /**
-   * Most viewed menu items
-   */
-  recentItems?: IPage[];
   /**
    * All menu items available for the user
    */
@@ -12,22 +8,7 @@ export declare class YooMobileTabbarMoreComponent {
   /**
    * When item clicked re routes to item page
    */
-  itemClicked: EventEmitter<{
-    item: IPage;
-  }>;
-  /**
-   * State to manage changes in items when searching
-   */
-  retrievedItems: IPage[];
-  private searchedItems;
-  componentWillLoad(): void;
-  watchItems(): void;
-  onSearchInputChanged(ev: any): any[];
-  onItemClick(item: IPage): void;
-  renderSearchInput(): any;
-  renderItem(item: IPage): any;
-  renderSuggestedItems(): any;
-  renderItems(): any;
-  renderTopContainer(): any;
+  itemClicked: EventEmitter<IPage>;
+  search: string;
   render(): any;
 }

package/dist/types/components/3.organisms/photo-editor/components/tools.d.ts

@@ -1,4 +1,4 @@
-import { IButton } from '@shared/interfaces';
+import { IButton, IRangeValue } from '@shared/interfaces';
 import { FunctionalComponent } from '../../../../stencil-public-runtime';
 declare type TRangeStatus = 'hidden' | 'active' | 'inactive';
 interface IRangeEditor {
@@ -11,8 +11,8 @@ interface IRangeEditor {
   };
   status: TRangeStatus;
   tidyable: boolean;
-  onTouchEnded: (ev: CustomEvent<number>) => void;
-  onValueChanged: (ev: CustomEvent<number>) => void;
+  onTouchEnded: (ev: CustomEvent<IRangeValue>) => void;
+  onValueChanged: (ev: CustomEvent<IRangeValue>) => void;
 }
 export declare const tidyRange: (status?: TRangeStatus) => void;
 export declare const Range: FunctionalComponent<IRangeEditor>;

package/dist/types/components/entities/card-list/collapsible/card-list-collapsible.d.ts

@@ -1,5 +1,5 @@
+import { ICardListEntry } from '@shared/interfaces';
 import { ComponentInterface, EventEmitter } from '../../../../stencil-public-runtime';
-import type { ICardListEntry } from '../../../../interfaces';
 export declare class YooCardListCollapsibleComponent implements ComponentInterface {
   entry: ICardListEntry;
   isCollapsed: boolean;

package/dist/types/components/entities/card-list/default/card-list.d.ts

@@ -1,6 +1,5 @@
-import { IButton, ITagElement } from '@shared/interfaces';
+import { IButton, ICardListEntry, ITagElement } from '@shared/interfaces';
 import { ComponentInterface, EventEmitter } from '../../../../stencil-public-runtime';
-import type { ICardListEntry } from '../../../../interfaces';
 export declare class YooCardListComponent implements ComponentInterface {
   entry: ICardListEntry;
   avatarImgs: string[];

package/dist/types/components/entities/card-list/image/card-list-image.d.ts

@@ -1,5 +1,5 @@
+import { ICardListEntry } from '@shared/interfaces';
 import { ComponentInterface } from '../../../../stencil-public-runtime';
-import type { ICardListEntry } from '../../../../interfaces';
 export declare class YooCardListImageComponent implements ComponentInterface {
   entry: ICardListEntry;
   isMap: boolean;

package/dist/types/components/entities/card-list/simple/card-list-simple.d.ts

@@ -1,5 +1,5 @@
+import { ICardListEntry } from '@shared/interfaces';
 import { ComponentInterface } from '../../../../stencil-public-runtime';
-import type { ICardListEntry } from '../../../../interfaces';
 export declare class YooCardListSimpleComponent implements ComponentInterface {
   entry: ICardListEntry;
   avatarImgs: string[];

package/dist/types/components/entities/entity/entity.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
-import { CardType, EntityType, IButton, IColumnDefinition, ICustomModel, IEntity, IEntityAction, IFormField, IMission, IUnreadCounts, TColor, TGridDirection, TIconName, TSize } from '@shared/interfaces';
+import { CardType, EntityType, IButton, ICardListEntry, IColumnDefinition, ICustomModel, IEntity, IEntityAction, IFormField, IMission, IUnreadCounts, TColor, TEntityMapping, TGridDirection, TIconName, TSize } from '@shared/interfaces';
 import { EventEmitter } from '../../../stencil-public-runtime';
-import type { ICardListEntry } from '../../../interfaces';
 export declare class YooEntityComponent {
   item: any;
   items: IEntity[];
@@ -42,6 +41,7 @@ export declare class YooEntityComponent {
   hideUIFields?: boolean;
   disableRowClick?: boolean;
   highlighted?: boolean;
+  entityMapping?: TEntityMapping;
   closed: EventEmitter<boolean>;
   mediaSelected: EventEmitter<boolean>;
   collapsed: EventEmitter<{

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

@@ -1,4 +1,4 @@
-import { AsyncValidator, CardType, EntityType, FormFilterAutocompleteOperator, IAppSearchTab, IColumnDefinition, ICustomModel, IEntity, IEntityAction, IEntitySearchTags, IFormSearch, IGridExtraOptions, IGridSearch, ISortsAndFilters, IValidatorEntry, TBaseSize, TColor, TCrop, TGridCustomDataLoader, TIconName, TIconSize, Validator } from '@shared/interfaces';
+import { AsyncValidator, CardType, EntityType, FormFilterAutocompleteOperator, IAppSearchTab, IColumnDefinition, ICustomModel, IEntity, IEntityAction, IEntitySearchTags, IFormSearch, IGridExtraOptions, IGridSearch, ISortsAndFilters, IValidatorEntry, TBaseSize, TColor, TCrop, TEntityMapping, TGridCustomDataLoader, TIconName, TIconSize, Validator } from '@shared/interfaces';
 import { EventEmitter } from '../../../stencil-public-runtime';
 import type { IFormAutocomplete } from '../../../interfaces';
 export declare class YooFormAutocompleteComponent implements IFormAutocomplete<any> {
@@ -19,6 +19,7 @@ export declare class YooFormAutocompleteComponent implements IFormAutocomplete<a
   useTranslate: boolean;
   readonly: boolean;
   disabled: boolean;
+  keepSelection: boolean;
   allowCustomTag: boolean;
   allowCreate?: boolean;
   allowCreateIcon?: TIconName;
@@ -95,6 +96,7 @@ export declare class YooFormAutocompleteComponent implements IFormAutocomplete<a
   name: string;
   useUploader: boolean;
   customDataLoader?: TGridCustomDataLoader;
+  entityMapping?: TEntityMapping;
   validityChanged: EventEmitter<boolean>;
   inputBlurred: EventEmitter<any>;
   inputFocused: EventEmitter<any>;

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

@@ -70,7 +70,7 @@ export declare class YooFormCaptureComponent implements IFormCapture {
   fetchData: EventEmitter<IGridSearch>;
   validity: boolean;
   isProcessing: boolean;
-  isUploadingPhoto: boolean;
+  isProcessingPhoto: boolean;
   showImageLoader: boolean;
   imageRecognitionResults: {
     title: string;

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

@@ -5,7 +5,7 @@ export declare class YooFormCarouselComponent implements IFormCarousel {
   mediaSrc: (string | IFileInterface)[];
   annotations?: IPhotoAnnotation[][];
   drawings?: string[];
-  mediaType: string;
+  mediaType: 'photo' | 'video' | 'audio' | 'document';
   maxHeight?: number;
   mediaDimension?: IMediaDimension[];
   usePhotoEditor?: boolean;

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

@@ -0,0 +1,38 @@
+import { IFormChoiceValue, IValidatorEntry, TBaseSize, TColor, Validator } from '@shared/interfaces';
+import { EventEmitter } from '../../../../stencil-public-runtime';
+import type { IFormSelect } from '../../../../interfaces';
+export declare class YooFormChoiceButtonComponent implements IFormSelect {
+  multiple: boolean;
+  required: boolean;
+  validators: (Validator<any[]> | IValidatorEntry)[];
+  readonly: boolean;
+  useTranslate: boolean;
+  size?: TBaseSize;
+  valuesColor: {
+    key: string;
+    value: string;
+  }[];
+  livePreview: boolean;
+  shuffled?: boolean;
+  selected: boolean;
+  customEvent: boolean;
+  description: string;
+  values: IFormChoiceValue[];
+  onValuesChanged(newValues: any, oldValues: any): void;
+  value: string[] | string;
+  onValueChanged(newValue: string | string[], oldValue: string | string[]): void;
+  host: HTMLElement;
+  validityChanged: EventEmitter<boolean>;
+  inputBlurred: EventEmitter;
+  inputFocused: EventEmitter;
+  inputChanged: EventEmitter;
+  choiceSelected: EventEmitter;
+  selection: string[];
+  choices: IFormChoiceValue[];
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  renderButton(): any;
+  getBackgroundColor(value: string): TColor;
+  renderBanner(): any;
+  render(): any;
+}

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

@@ -0,0 +1,45 @@
+import { IFormChoiceValue, IValidatorEntry, TIconName, TLottieType, Validator } from '@shared/interfaces';
+import { EventEmitter } from '../../../../stencil-public-runtime';
+import type { IFormSelect } from '../../../../interfaces';
+export declare class YooFormChoiceCardComponent implements IFormSelect {
+  multiple: boolean;
+  description: string;
+  required: boolean;
+  validators: (Validator<any[]> | IValidatorEntry)[];
+  readonly: boolean;
+  useTranslate: boolean;
+  valuesColor: {
+    key: string;
+    value: string;
+  }[];
+  maxWidth?: number;
+  livePreview: boolean;
+  shuffled?: boolean;
+  selected: boolean;
+  customEvent: boolean;
+  values: IFormChoiceValue[];
+  value: string[] | string;
+  host: HTMLElement;
+  validityChanged: EventEmitter<boolean>;
+  inputBlurred: EventEmitter;
+  inputFocused: EventEmitter;
+  inputChanged: EventEmitter;
+  choiceSelected: EventEmitter;
+  selection: string[];
+  private imgElements;
+  choices: IFormChoiceValue[];
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  renderIcon(icon: TIconName, selected: boolean): any;
+  renderLottie(lottie: TLottieType): any;
+  renderImage(image: string, selected: boolean, index: number): any;
+  renderEmoji(emoji: string): any;
+  renderTitle(title: string): any;
+  renderDescription(description: string): any;
+  renderCardContent(item: IFormChoiceValue, selected: boolean, index: number): any[];
+  renderCheckContainer(): any;
+  renderSelect(item: IFormChoiceValue, index: number): any;
+  renderCardGrid(): any;
+  renderBanner(): any;
+  render(): any;
+}

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

@@ -0,0 +1,36 @@
+import { IValidatorEntry, TBaseSize, Validator } from '@shared/interfaces';
+import { EventEmitter } from '../../../../stencil-public-runtime';
+import type { IFormSelect } from '../../../../interfaces';
+export declare class YooFormChoiceChatComponent implements IFormSelect {
+  animated?: boolean;
+  multiple: boolean;
+  sentence: string;
+  description: string;
+  required: boolean;
+  validators: (Validator<any[]> | IValidatorEntry)[];
+  readonly: boolean;
+  size?: TBaseSize;
+  validity: boolean;
+  livePreview: boolean;
+  shuffled?: boolean;
+  answer: string[];
+  selected: boolean;
+  customEvent: boolean;
+  values: Array<string>;
+  onValuesChanged(newValues: any, oldValues: any): void;
+  value: Array<string> | string;
+  onValueChanged(newValue: any, oldValue: any): void;
+  host: HTMLElement;
+  validityChanged: EventEmitter<boolean>;
+  inputBlurred: EventEmitter;
+  inputFocused: EventEmitter;
+  inputChanged: EventEmitter;
+  choiceSelected: EventEmitter;
+  selection: Array<string>;
+  choices: Array<string>;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  renderChat(): any;
+  renderBanner(): any;
+  render(): any;
+}

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

@@ -0,0 +1,16 @@
+import { IFormChoiceValue } from '@shared/interfaces';
+import { YooFormChoiceButtonComponent } from './button/form-choice-button';
+import { YooFormChoiceCardComponent } from './card/form-choice-card';
+import { YooFormChoiceChatComponent } from './chat/form-choice-chat';
+import { YooFormChoiceImageComponent } from './image/form-choice-image';
+import { YooFormChoiceRadioComponent } from './radio/form-choice-radio';
+export declare function isSelected(item: string | IFormChoiceValue, selection: string[] | IFormChoiceValue[]): boolean;
+export declare function onItemSelect(item: string | IFormChoiceValue, choiceElement: YooFormChoiceButtonComponent | YooFormChoiceRadioComponent | YooFormChoiceCardComponent | YooFormChoiceChatComponent | YooFormChoiceImageComponent, preventSetValue?: boolean): void;
+export declare function getColor(value: string, valuesColor: Array<{
+  key: string;
+  value: string;
+}>, selection: Array<string>): string;
+export declare function updateValue(newVal: string | string[], oldVal: string | string[], choiceElement: YooFormChoiceButtonComponent | YooFormChoiceRadioComponent | YooFormChoiceCardComponent | YooFormChoiceChatComponent | YooFormChoiceImageComponent, onSelectCall?: (v: string) => void): void;
+export declare function updateValues(newVal: any[], oldVal: any[], choiceElement: YooFormChoiceButtonComponent | YooFormChoiceRadioComponent | YooFormChoiceCardComponent | YooFormChoiceChatComponent | YooFormChoiceImageComponent, warningMsgs?: string[]): void;
+export declare function prepareChoice(choiceElement: YooFormChoiceButtonComponent | YooFormChoiceRadioComponent | YooFormChoiceCardComponent | YooFormChoiceChatComponent | YooFormChoiceImageComponent): void;
+export declare function hasWarnings(values: any[], choiceElement: YooFormChoiceButtonComponent | YooFormChoiceRadioComponent | YooFormChoiceCardComponent | YooFormChoiceChatComponent | YooFormChoiceImageComponent, warningMsgs?: string[]): boolean;

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

@@ -0,0 +1,37 @@
+import { IFormChoiceValue, IValidatorEntry, Validator } from '@shared/interfaces';
+import { EventEmitter } from '../../../../stencil-public-runtime';
+import type { IFormSelect } from '../../../../interfaces';
+export declare class YooFormChoiceImageComponent implements IFormSelect {
+  animated?: boolean;
+  multiple: boolean;
+  required: boolean;
+  validators: (Validator<any[]> | IValidatorEntry)[];
+  readonly: boolean;
+  isHistory: boolean;
+  isPdf?: boolean;
+  livePreview: boolean;
+  shuffled?: boolean;
+  answer: IFormChoiceValue[];
+  selected: boolean;
+  customEvent: boolean;
+  description: string;
+  values: IFormChoiceValue[];
+  onValuesChanged(newValues: any, oldValues: any): void;
+  value: IFormChoiceValue[] | IFormChoiceValue;
+  onValueChanged(newValue: any, oldValue: any): void;
+  validityChanged: EventEmitter<boolean>;
+  inputBlurred: EventEmitter;
+  inputFocused: EventEmitter;
+  inputChanged: EventEmitter;
+  choiceSelected: EventEmitter;
+  host: HTMLYooFormChoiceImageElement;
+  selection: IFormChoiceValue[];
+  private get hasEmptyValues();
+  choices: IFormChoiceValue[];
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  renderImage(image: string, text: string, values: IFormChoiceValue[], index: number): any;
+  renderImages(): any[];
+  renderBanner(): any;
+  render(): any;
+}

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

@@ -0,0 +1,49 @@
+import { IEntity, IValidatorEntry, Validator } from '@shared/interfaces';
+import { EventEmitter } from '../../../../stencil-public-runtime';
+import type { IFormSelect } from '../../../../interfaces';
+export declare class YooFormChoiceRadioComponent implements IFormSelect {
+  multiple: boolean;
+  required: boolean;
+  validators: (Validator<any[]> | IValidatorEntry)[];
+  readonly: boolean;
+  useTranslate: boolean;
+  allowOther: boolean;
+  valuesColor: {
+    key: string;
+    value: string;
+  }[];
+  livePreview: boolean;
+  shuffled?: boolean;
+  answer: string[];
+  selected: boolean;
+  customEvent: boolean;
+  description: string;
+  values: Array<string>;
+  onValuesChanged(newValues: any, oldValues: any): void;
+  value: string[] | string;
+  onValueChange(newValue: any, oldValue: any): void;
+  host: HTMLElement;
+  validityChanged: EventEmitter<boolean>;
+  inputBlurred: EventEmitter;
+  inputFocused: EventEmitter;
+  inputChanged: EventEmitter;
+  choiceSelected: EventEmitter;
+  showOther: boolean;
+  selection: Array<string>;
+  private textareaValue;
+  private textareaRef;
+  choices: Array<string>;
+  get valuesWithOther(): string[];
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  convertToEntities(values: string[]): IEntity[];
+  convertToChoiceFormat(valuesEntity: IEntity[]): string[];
+  private setShowOther;
+  updateShowOther(didLoad?: boolean): void;
+  onInput(ev: Event): void;
+  onItemSelectRadio(item: string | IEntity | IEntity[], preventSetValue?: boolean, onValueChange?: boolean): void;
+  onTextAreaFocused(): void;
+  renderRadio(): any[];
+  renderBanner(): any;
+  render(): any;
+}

package/dist/types/components/form/form-choice/readonly-card/readonly-card.d.ts

@@ -0,0 +1,16 @@
+import { IFormChoiceValue } from '@shared/interfaces';
+import { FunctionalComponent } from '../../../../stencil-public-runtime';
+interface ReadonlyCardProps {
+  value: string[] | string;
+  values?: IFormChoiceValue[];
+  answer?: string[];
+  valuesColor?: {
+    key: string;
+    value: string;
+  }[];
+  classNames?: string | {
+    [key: string]: boolean;
+  };
+}
+export declare const ReadonlyCard: FunctionalComponent<ReadonlyCardProps>;
+export {};

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

@@ -77,6 +77,7 @@ export declare class YooFormDynamicComponent {
   gridstackStatic?: boolean;
   gridstackFullOverlay?: boolean;
   gridstackResizable?: boolean;
+  gridstackFloat?: boolean;
   gridstackCellHeight?: number;
   gridstackItemNoScroll?: boolean;
   gridstackForceGridLines?: boolean;
@@ -85,7 +86,10 @@ export declare class YooFormDynamicComponent {
   gridstackAllowDelete?: boolean;
   actionSheetOpened: EventEmitter<IFormField>;
   dataChanged: EventEmitter<any>;
-  tabChanged: EventEmitter<number>;
+  tabChanged: EventEmitter<{
+    tabIndex: number;
+    slideIndex: number;
+  }>;
   translationsChanged: EventEmitter<any>;
   extraDataChanged: EventEmitter<any>;
   fieldChanged: EventEmitter<{
@@ -151,6 +155,10 @@ export declare class YooFormDynamicComponent {
     node: IGridstackItem;
     slideIndex: number;
   }>;
+  gridstackItemClicked: EventEmitter<{
+    node: IGridstackItem;
+    slideIndex: number;
+  }>;
   _currentData: Record<string, any>;
   fieldsState: {
     [key: string]: IFormDynamicFieldState;
@@ -254,6 +262,7 @@ export declare class YooFormDynamicComponent {
   isBeginning(): Promise<boolean>;
   isEnd(): Promise<boolean>;
   resume(): Promise<void>;
+  getTabName(): Promise<string>;
   highlightInvalidFields(): Promise<void>;
   focusInvalidField(displayToast: boolean): Promise<void>;
   goToSlide(index: number, animated: boolean): Promise<void>;
@@ -261,6 +270,7 @@ export declare class YooFormDynamicComponent {
   updateFieldValue(fieldName: string, value: any, resetValidity?: boolean): Promise<void>;
   getData(): Promise<Record<string, any>>;
   forceUpdate(): Promise<void>;
+  forceCheckValidityAndEmitChanges(): Promise<void>;
   componentWillLoad(): void;
   componentDidLoad(): void;
   componentDidUpdate(): void;
@@ -392,6 +402,7 @@ export declare class YooFormDynamicComponent {
   onGridstackConfigUpdated(ev: CustomEvent<IGridstackItem[]>, slideIndex: number): void;
   onGridstackItemDropped(ev: CustomEvent<GridStackNode>, slideIndex: number): void;
   onGridstackItemEdited(ev: CustomEvent<IGridstackItem>, slideIndex: number): void;
+  onGridstackItemClicked(ev: CustomEvent<IGridstackItem>, slideIndex: number): void;
   onGridstackItemRemoved(ev: CustomEvent<IGridstackItem>, slideIndex: number): void;
   isSlideLocked(slide: ISlide): boolean;
   onTabSelected(ev: CustomEvent<ITabSelectedEvent>): void;

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

@@ -24,7 +24,7 @@ export declare class YooFormFeedbackComponent {
   private renderHeading;
   private renderDescription;
   private renderButtons;
-  renderFormChoice(): HTMLYooFormChoiceElement[];
+  renderFormChoice(): HTMLYooFormChoiceCardElement[];
   renderReadonly(): HTMLDivElement;
   renderEditable(): HTMLElement[];
   render(): HTMLYooFormFeedbackElement;

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

@@ -5,6 +5,7 @@ export declare class YooFormHotzonesComponent implements ComponentInterface {
   image: string;
   onImageChanged(): Promise<void>;
   hotzones: IHotzone[];
+  onHotzonesChanged(): void;
   hotzonesColor: string;
   isVisible: boolean;
   onIsVisibleChanged(): void;
@@ -37,5 +38,6 @@ export declare class YooFormHotzonesComponent implements ComponentInterface {
   renderDetailedView(): JSX.Element[];
   renderTarget(): JSX.Element;
   renderImage(): JSX.Element;
+  renderBanner(): any;
   render(): JSX.Element;
 }