@yoobic/yobi 8.2.0-3 → 8.2.0-32

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,74 +1,50 @@
-import { TButtonFill, TColor, TIconName, TIconSize } from '@shared/interfaces';
+import { TIconName, TSize } from '@shared/interfaces';
 import { ComponentInterface, EventEmitter } from '../../../stencil-public-runtime';
+import { YooIconComponent } from 'src/components/1.atoms/icon/icon';
 export declare class YooBannerComponent implements ComponentInterface {
   /**
-   * Animation name for the banner.
+   * Left icon props
    */
-  animationName: string;
+  leftIcon: Partial<YooIconComponent>;
   /**
-   * If `true`, a close button will appear on the banner.
+   * If `true`, a close button is displayed
    */
-  closable: boolean;
+  closable?: boolean;
   /**
-   * The app currently used.
+   * If `true`, the banner will be filled of the type color
    */
-  currentApp: string;
+  fill?: boolean;
   /**
-   * Class of the footer button.
+   * Size of the banner
    */
-  footerBtnColor: TColor;
-  /**
-   * Text of the footer button.
-   */
-  footerBtnText: string;
-  footerBtnFill: TButtonFill;
-  /**
-   * Heading of the banner.
-   */
-  heading: string;
-  /**
-   * Sub headings of the banner
-   */
-  subHeadings?: string[];
-  leftIcon: TIconName;
-  leftIconColor: TColor;
-  leftIconSize: TIconSize;
-  /**
-   * Icon of the banner.
-   */
-  icon: TIconName;
-  iconColor: TColor;
+  size?: TSize;
   /**
    * Link of the banner.
    */
-  link: string;
+  link?: string;
   /**
-   * Mode of the banner : `simple` or `card`.
+   * Text of the link
    */
-  mode: 'simple' | 'card';
+  linkText?: string;
   /**
-   * Text of the banner.
-   */
-  text: string;
-  /**
-   * Emitted when the banner is closed.
-   */
-  alertClosed: EventEmitter<boolean>;
+   * Name of the browsing context where to display the linked URL:
+   * - `_self`: the current browsing context. (Default)
+   * - `_blank`: usually a new tab, but users can configure browsers to open a new window instead.
+   * - `_parent`: the parent browsing context of the current one. If no parent, behaves as `_self`.
+   * - `_top`: the topmost browsing context (the "highest" context that’s an ancestor of the current one). If no ancestors, behaves as `_self`.
+  */
+  target?: string;
   /**
-   * Emitted when the banner link is clicked.
-   */
-  alertActionSelected: EventEmitter<boolean>;
+   * Emitted when the close button is clicked
+  */
+  closeClick: EventEmitter<void>;
   /**
-   * Emitted when the footer button is clicked.
-   */
-  bannerButtonClicked: EventEmitter<boolean>;
-  closed: boolean;
+    * Emitted when the link is clicked
+  */
+  linkClick: EventEmitter<void>;
   host: HTMLYooBannerElement;
-  close(): Promise<void>;
-  onBannerButtonClicked: () => void;
-  componentDidLoad(): void;
-  onActionTextClick(): void;
-  renderSimpleMode(): any;
-  renderCardMode(): any;
+  closed: boolean;
+  close(event: MouseEvent): Promise<void>;
+  get iconName(): TIconName;
   render(): any;
 }

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/slides/swiper/swiper-interface.d.ts

@@ -1 +1 @@
-export { FreeMode, Grid, Swiper as SwiperInterface, SwiperOptions } from 'swiper/dist/swiper.esm';
+export { FreeMode, Grid, Swiper as SwiperInterface, SwiperOptions } from 'swiper';

package/dist/types/components/2.molecules/slides/swiper/swiper.d.ts

@@ -1,2 +1,2 @@
-import { Swiper } from 'swiper/dist/swiper.esm';
+import { Swiper } from 'swiper';
 export { Swiper };

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/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/color/card-list-color.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TBaseSize } from '@shared/interfaces';
 import { ComponentInterface } from '../../../../stencil-public-runtime';
 import { ICardListColorEntry } from './types';
@@ -6,11 +7,11 @@ export declare class YooCardListColorComponent implements ComponentInterface {
   notif: string | number | boolean;
   size: TBaseSize;
   host: HTMLYooCardListColorElement;
-  renderHeader(): any;
-  renderSubHeader(): any;
-  renderSubHeaderDescription(): any;
-  renderProgress(): any;
-  renderTags(): any;
-  renderImage(): any;
-  render(): any;
+  renderHeader(): JSX.Element;
+  renderSubHeader(): JSX.Element;
+  renderSubHeaderDescription(): JSX.Element;
+  renderProgress(): JSX.Element;
+  renderTags(): JSX.Element;
+  renderImage(): JSX.Element;
+  render(): JSX.Element;
 }

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

@@ -8,6 +8,8 @@ export interface ICardListColorEntry {
   iconTopLeftColor?: TColor;
   iconTopRight?: TIconName;
   iconTopRightColor?: TColor;
+  iconTopMiddle?: TIconName;
+  iconTopMiddleColor?: TColor;
   progress?: number;
   tagElements?: ITagElement[];
   imgSrc?: string;

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/card-sticky/card-sticky.d.ts

@@ -1,9 +1,10 @@
+/// <reference types="react" />
 import { ICardMediaBadge, TSize } from '@shared/interfaces';
 import { EventEmitter } from '../../../stencil-public-runtime';
-import { ICardStickyEntry } from './types';
+import { ICardStickyEntry, TCardStickyType } from './types';
 export declare class YooCardStickyComponent {
-  entry: ICardStickyEntry;
-  type?: string;
+  entry?: ICardStickyEntry;
+  type?: TCardStickyType;
   userClicked: EventEmitter<boolean>;
   outerClicked: EventEmitter<boolean>;
   showEllipsis: boolean;
@@ -19,10 +20,11 @@ export declare class YooCardStickyComponent {
     width: string;
     height: string;
   };
-  renderMediaBadges(badges: ICardMediaBadge[], size?: TSize, headerView?: boolean): any[];
+  renderIcons(): JSX.Element[];
+  renderMediaBadges(badges: ICardMediaBadge[], size?: TSize, headerView?: boolean): JSX.Element[];
   renderNewsfeedCard(): any;
-  renderCoursesCard(): any;
-  renderBase(): any;
-  renderBasedOnType(): any;
-  render(): any;
+  renderCoursesCard(): JSX.Element;
+  renderBase(): JSX.Element;
+  renderBasedOnType(): JSX.Element;
+  render(): JSX.Element;
 }

package/dist/types/components/entities/card-sticky/types/index.d.ts

@@ -1,4 +1,4 @@
-import { IActionSheetButton, ICardMediaBadge, IUser, TBaseSize, TIconSize } from '@shared/interfaces';
+import { EntityType, IActionSheetButton, ICardMediaBadge, IUser, TBaseSize, TIconSize } from '@shared/interfaces';
 export interface ICardStickyEntry {
   category?: string;
   title?: string;
@@ -9,9 +9,12 @@ export interface ICardStickyEntry {
   imgSrc?: string;
   isLocked?: boolean;
   isBookmarked?: boolean;
+  isTicked?: boolean;
+  isOngoing?: boolean;
   user?: IUser;
   secondaryActionSheet?: IActionSheetButton[];
   avatarIconSize?: TIconSize;
   actionIconSize?: TBaseSize;
   mediaBadges?: ICardMediaBadge[];
 }
+export declare type TCardStickyType = Extract<EntityType, 'feeds' | 'courses' | 'courses-small' | 'plans'>;

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-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;
+}