@yoobic/yobi 8.2.0-0 → 8.2.0-11

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

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

package/dist/types/components/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/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-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

@@ -42,6 +42,7 @@ export declare class YooEntityComponent {
   hideUIFields?: boolean;
   disableRowClick?: boolean;
   highlighted?: boolean;
+  entityMapping?: (entityType: EntityType, displayType: CardType, item: any) => ICardListEntry;
   closed: EventEmitter<boolean>;
   mediaSelected: EventEmitter<boolean>;
   collapsed: EventEmitter<{

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

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

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

@@ -95,6 +95,7 @@ export declare class YooFormAutocompleteComponent implements IFormAutocomplete<a
   name: string;
   useUploader: boolean;
   customDataLoader?: TGridCustomDataLoader;
+  entityMapping?: (entityType: EntityType, displayType: CardType, item: any) => any;
   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,39 @@
+import { IValidatorEntry, TBaseSize, TColor, Validator } from '@shared/interfaces';
+import { IFormChoiceValue } 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,47 @@
+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[];
+  onValuesChanged(newValues: any, oldValues: any): void;
+  value: string[] | string;
+  onValueChanged(newValue: any, oldValue: any): void;
+  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,14 @@
+import { FunctionalComponent } from '../../../../stencil-public-runtime';
+interface ReadonlyCardProps {
+  value: string[] | string;
+  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-date-time/form-date-time.d.ts

@@ -61,7 +61,6 @@ export declare class YooFormDateTimeComponent implements IFormDatetime {
   getIconSize(): TIconSize;
   getDisplayValue(): any;
   onInputClick(ev: any): void;
-  onDateInputFocused(ev: any): void;
   onClearClicked(event: any): void;
   getReadOnlyValue(): any;
   updateTimeValue(originalDate: Date, newTime: Date): Date;

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;
@@ -151,6 +152,10 @@ export declare class YooFormDynamicComponent {
     node: IGridstackItem;
     slideIndex: number;
   }>;
+  gridstackItemClicked: EventEmitter<{
+    node: IGridstackItem;
+    slideIndex: number;
+  }>;
   _currentData: Record<string, any>;
   fieldsState: {
     [key: string]: IFormDynamicFieldState;
@@ -392,6 +397,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-input/form-input.d.ts

@@ -21,6 +21,7 @@ export declare class YooFormInputComponent implements IFormInputBase<string | nu
   iconText?: TIconName;
   hasIconPrefix: boolean;
   tooltip: string;
+  inputmode?: string;
   type: string;
   showPasswordToggle: boolean;
   clearable: boolean;

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

@@ -33,6 +33,7 @@ export declare class YooFormMissingWordComponent {
   validate(): boolean;
   componentWillLoad(): void;
   componentDidLoad(): void;
+  private showWarning;
   private initGame;
   private getColorTag;
   private getZoneIndex;

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

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

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

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