@yoobic/yobi 8.3.0-9 → 8.3.0

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CardType, EntityType, IButton, ICardListEntry, IColumnDefinition, ICustomModel, IEntity, IEntityAction, IFormField, IMission, IUnreadCounts, TColor, TEntityMapping, TGridDirection, TIconName, TSize } from '@shared/interfaces';
+import { CardType, EntityType, IButton, ICardListEntry, IColumnDefinition, ICustomModel, IEntity, IEntityAction, IFormField, IMission, IUnreadCounts, TColor, TEntityMapping, TGridDirection, TSize } from '@shared/interfaces';
 import { EventEmitter } from '../../../stencil-public-runtime';
 export declare class YooEntityComponent {
   item: any;
@@ -52,10 +52,10 @@ export declare class YooEntityComponent {
   embeddedEntityClicked: EventEmitter<any>;
   host: HTMLYooEntityElement;
   private emitEventOnDidUpdate;
+  private get isSimpleCardList();
   forceUpdate(emitEvent?: boolean): Promise<void>;
   componentDidUpdate(): void;
   onEntityClosed(): void;
-  isSimpleCardList(entityType: EntityType): boolean;
   getCustomModelValue(key: string, data: any, fields: IFormField[]): any;
   onListCollapsed(event: CustomEvent<{
     collapsed: boolean;
@@ -66,7 +66,7 @@ export declare class YooEntityComponent {
   onEmbeddedEntityClicked(event: any): void;
   toIcon(action: IEntityAction, entity: IEntity): {
     text: string;
-    icon: TIconName;
+    icon: "number" | "1x" | "2x" | "3x" | "4x" | "5x" | "achievement" | "action-plan" | "action-plan-create" | "activity" | "activity-history" | "aggregation" | "aisles" | "alarm" | "align-center" | "align-left" | "align-right" | "analysis" | "analytics-board-bars" | "analytics-boost" | "analytics-graph-line" | "answer" | "app-creator" | "apple-pay" | "archive" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up" | "arrows-up-down" | "assign" | "assign-group" | "assigned" | "attach-file" | "attachment" | "audio-offline" | "audit" | "author" | "auto-flash" | "autocomplete" | "automotive-airplane" | "automotive-bus" | "automotive-car" | "automotive-cycle" | "automotive-gas" | "automotive-road" | "automotive-route" | "automotive-route-sign" | "automotive-scooter" | "automotive-shipping" | "award-trophy-star" | "background-off" | "background-on" | "badge" | "badge-book" | "badge-brain" | "badge-crown" | "badge-makeup-1" | "badge-stats" | "barcode" | "battery-status-bar" | "battle" | "beverages-beer" | "beverages-bottle" | "beverages-champagne" | "beverages-cocktail" | "beverages-coffee" | "beverages-drink" | "beverages-hot-drink" | "beverages-tropical-cocktail" | "beverages-water" | "beverages-wine" | "big-arrow-down" | "big-arrow-left" | "big-arrow-right" | "big-arrow-up" | "bigfont" | "blocks" | "bluetooth" | "bookmark" | "boost" | "branch" | "brush" | "buttons-single-choice" | "calendar" | "calendar-date" | "calendar-end-date" | "calendar-error" | "calendar-new-event" | "calendar-received" | "calendar-sent" | "calendar-warning" | "camera" | "campaign" | "campaign-create" | "campaign-filter" | "catalogue" | "catch-them" | "categories" | "chart" | "chat" | "chat-new" | "check" | "check-product" | "circle" | "circle-minor" | "circle-plus" | "circle1" | "circle2" | "close" | "color-picker" | "column" | "comment" | "community" | "company" | "compass-direction" | "condition" | "connect" | "contact" | "cosmetics-brush" | "cosmetics-brush-scissors" | "cosmetics-brush-set" | "cosmetics-comb" | "cosmetics-hairdryer" | "cosmetics-lips" | "cosmetics-lipstick" | "cosmetics-mirror" | "cosmetics-nail-polish" | "courses" | "create-chat" | "cross" | "custom" | "cut" | "daily" | "darkmode" | "dashboards" | "dashboards-new" | "data-file-add" | "database" | "database-add" | "database-check" | "database-download" | "database-edit" | "database-history" | "database-import" | "database-lock" | "database-question" | "database-refresh" | "database-remove" | "database-search" | "database-settings" | "database-star" | "database-subtract" | "database-sync" | "database-warning" | "date-time" | "day-view" | "delete" | "desktop" | "diagram-arrow-right" | "diploma" | "diploma-history" | "diploma-manager" | "diploma-new" | "dislike" | "dot" | "double-tick" | "down" | "down-circle" | "download" | "downloaded" | "draggable" | "duplicate" | "email" | "emoji" | "end-call" | "expand-chart" | "explore" | "export" | "eye" | "facebook" | "fashion-boot" | "fashion-bra" | "fashion-coat" | "fashion-dress" | "fashion-perfume" | "fashion-pump" | "fashion-shoe" | "fashion-t-shirt" | "fashion-trousers" | "fashion-women" | "feed" | "feed-create-post" | "feedback" | "feedback-neutral" | "feedback-sad" | "file" | "file-add" | "file-csv" | "file-download" | "file-excel" | "file-pdf" | "file-powerpoint" | "file-upload" | "file-word" | "filter" | "first" | "fixed" | "flag" | "flash-off" | "flash-on" | "flip" | "folder" | "folder-add" | "folder-download" | "folder-edit" | "folder-remove" | "folder-upload" | "food-apple" | "food-banana" | "food-bowl" | "food-carrot" | "food-cherry" | "food-egg" | "food-orange" | "food-pear" | "food-pineapple" | "food-strawberry" | "formula" | "forward" | "frame" | "full-height" | "furniture" | "geo-filter" | "gif" | "go-to" | "gps" | "grid-phone" | "grid-view" | "group" | "hashtag" | "heart" | "help" | "history" | "home" | "hotel-award" | "hotel-award-book" | "hotel-bed" | "hotel-bell" | "hotel-bellhop" | "hotel-building" | "hotel-dnd" | "hotel-room-service-1" | "hotel-room-service-2" | "hotel-room-service-3" | "hotzone" | "hourglass" | "hr" | "image" | "image-map" | "image-offline" | "import" | "inbox" | "incentive-manager" | "incentive-manager1" | "indeterminate" | "info" | "inquiry" | "instagram" | "instant-play" | "iphone" | "journey" | "keyboard" | "large-with-info" | "large-without-info" | "last" | "layout" | "leaderboard" | "learning-path" | "left" | "left-circle" | "left-web" | "lesson" | "like" | "link" | "link-broken" | "linkedin" | "list-view" | "livestream" | "loading" | "lock" | "logic" | "logic-visible" | "low-power" | "luxury-bag" | "luxury-bottle" | "luxury-gift" | "luxury-glasses" | "luxury-handbag" | "luxury-necklace" | "luxury-necklace-2" | "luxury-necklace-3" | "luxury-stars" | "luxury-watch" | "mandatory" | "map" | "maximize" | "maximize-web" | "medal" | "mention" | "menu" | "microphone" | "minimize" | "minimize-web" | "minus" | "missing-word" | "mission" | "mission-data" | "mission-download" | "month-view" | "monthly" | "more" | "more-2" | "more-circle" | "more-shapes" | "move" | "move-down" | "move-up" | "multiple-photos" | "mute-microphone" | "new-lesson" | "new-rectangle" | "new-section" | "new-task" | "news" | "next-photo" | "no-data" | "no-video" | "not-allowed" | "note" | "offline" | "offline-play" | "ongoing" | "operations" | "out-of-stock-product" | "pages" | "password" | "paste" | "pause" | "pause-audio" | "pen" | "personal-development" | "pharma-drug-box" | "pharma-first-aid" | "pharma-first-aid-kit" | "pharma-heartrate" | "pharma-hospital" | "pharma-iv-bag" | "pharma-medication" | "pharma-pill" | "pharma-pills-box" | "pharma-syringe" | "phone" | "phone-action-camera" | "photo-annotated" | "photo-library" | "photo-mandatory" | "pin" | "pin-new-site" | "pin-selected" | "pivot" | "play" | "play-audio" | "plugin" | "plus" | "podcast" | "poll" | "price-dollar" | "price-euro" | "price-sterling" | "print" | "priority" | "product" | "product-briefcase" | "profile" | "publish" | "pull-to-refresh" | "qr-code" | "question-new" | "questions" | "radio-button-off" | "radio-button-on" | "ranking" | "ranking-toggle" | "read" | "reason" | "recent" | "redo" | "refresh" | "rejected" | "rejector" | "repeat" | "request" | "restart" | "restaurant-bread" | "restaurant-chef" | "restaurant-croissant" | "restaurant-flatware" | "restaurant-grocery" | "restaurant-kitchen-bell" | "restaurant-knife-board" | "restaurant-menu" | "restaurant-platware-2" | "restaurant-vegetables-plate" | "restriction" | "right" | "right-circle" | "right-web" | "rotate-camera" | "rubber" | "sales" | "save" | "scale-rating" | "scan" | "schedule-user" | "schedule-view" | "scoring" | "scoring-visible" | "scratch" | "screenshare" | "search" | "search-product" | "security" | "select" | "select-all" | "send" | "send-story" | "settings" | "share" | "share-file" | "shipment-smartphone-arrive" | "shopping-basket" | "side-menu-collapse" | "side-menu-expand" | "sidebar-left" | "sidebar-right" | "signal-status-bar" | "signature" | "single-choice" | "single-view" | "slider" | "small-with-info" | "small-without-info" | "sms" | "sort-down" | "sort-up" | "sort-up-and-down" | "star" | "start-recording" | "start-rectangle" | "stats" | "step" | "stop-watch" | "store" | "store-archived" | "support" | "swipe-detail" | "swipe-explanation" | "sync-product" | "tab" | "table" | "tableau" | "tablet" | "tag" | "tags-settings" | "task" | "text-predefined" | "theme" | "tick" | "to-do" | "todo-boost" | "toggle" | "toggle-off-video" | "transaction" | "translate" | "translation-check" | "translation-warning" | "triangle" | "twitter" | "type-tool" | "unarchive" | "unassign" | "unassign-group" | "unbook" | "undo" | "unlocked" | "unread" | "up" | "up-circle" | "upgrade" | "upload" | "user" | "user-block" | "user-live" | "user-lock" | "user-new" | "validate" | "validation-date" | "validator" | "value" | "variable" | "verified" | "videocamera" | "view" | "virtual-queuing" | "visit" | "visual-merchandising" | "volume-off" | "volume-on" | "waiting-list" | "warning" | "warning-2" | "warning-product" | "webcam" | "week-view" | "weekdays" | "weekly" | "weeks" | "wifi-status-bar" | "word-search" | "workflow" | "yearly" | "yoobic" | "zip-file" | "zoom-in" | "zoom-out";
     color: TColor;
     cssClass: string;
     subIcons: any[];

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

@@ -55,6 +55,7 @@ export declare class YooFormAutocompleteComponent implements IFormAutocomplete<a
   maxHeight: number;
   returnQuery?: boolean;
   isFilter?: boolean;
+  filterOperator?: FormFilterAutocompleteOperator;
   total?: number;
   showMap: boolean;
   previewEntityType: EntityType;
@@ -96,6 +97,8 @@ export declare class YooFormAutocompleteComponent implements IFormAutocomplete<a
   customDataLoader?: TGridCustomDataLoader;
   entityMapping?: TEntityMapping;
   preventUpload?: boolean;
+  dialogWidth?: string;
+  validateOnLoad?: boolean;
   validityChanged: EventEmitter<boolean>;
   inputBlurred: EventEmitter<any>;
   inputFocused: EventEmitter<any>;
@@ -112,7 +115,6 @@ export declare class YooFormAutocompleteComponent implements IFormAutocomplete<a
   showEmptyItemsAddNewTag: boolean;
   isUploading: boolean;
   arrowIcon: TIconName;
-  filterOperator: FormFilterAutocompleteOperator;
   host: HTMLYooFormAutocompleteElement;
   private initialValueLength;
   private formDynamicBottom;
@@ -163,6 +165,7 @@ export declare class YooFormAutocompleteComponent implements IFormAutocomplete<a
   setValueAndValidateInput(value: any): Promise<void>;
   get dropdownOpenUp(): boolean;
   get scrollDistance(): number;
+  onValidityChanged(ev: CustomEvent<boolean>): void;
   setPrefixedEntityType(entityType: string): string;
   isMultiple(): boolean;
   onExpandGrid(): Promise<void>;

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

@@ -1,4 +1,4 @@
-import { MediaFile } from '@ionic-native/media-capture';
+import { MediaFile } from '@awesome-cordova-plugins/media-capture';
 import { AsyncValidator, IAlgorithm, IGridSearch, IImageRecognitionDisplay, IPhotoEditorData, IValidatorEntry, StitchDirection, TGetAsyncExtraDataType, TIconName, TIconSize, TSize, Validator } from '@shared/interfaces';
 import { EventEmitter } from '../../../stencil-public-runtime';
 import type { IFormCapture, IFormCaptureDetailViewOptions } from '../../../interfaces';

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

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

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

@@ -22,6 +22,7 @@ export declare class YooFormCatalogComponent implements IFormCatalog {
   isPresence: boolean;
   isCheck: boolean;
   catalog: string;
+  keepAutocompleteSelection: boolean;
   products: IProduct[];
   model: IAppSearchTab;
   disableScanner: boolean;

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

@@ -18,7 +18,11 @@ export declare class YooFormCheckboxComponent implements IFormCheckbox {
    */
   type: FormDisplayType;
   /**
-   * Specifies wether the component is in readonly mode.
+   * Specifies whether the component is in disabled mode.
+   */
+  disabled: boolean;
+  /**
+   * Specifies whether the component is in readonly mode.
    */
   readonly: boolean;
   /**

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

@@ -11,19 +11,19 @@ export declare class YooFormChoiceImageComponent implements IFormSelect {
   isPdf?: boolean;
   livePreview: boolean;
   shuffled?: boolean;
-  answer: IFormChoiceValue[];
+  answer: (string | Pick<IFormChoiceValue, 'text' | 'image'>)[];
   selected: boolean;
   description: string;
   values: IFormChoiceValue[];
   onValuesChanged(newValues: any, oldValues: any): void;
-  value: IFormChoiceValue[] | IFormChoiceValue;
+  value: string[] | string;
   onValueChanged(newValue: any, oldValue: any): void;
   validityChanged: EventEmitter<boolean>;
   inputBlurred: EventEmitter;
   inputFocused: EventEmitter;
   inputChanged: EventEmitter;
   host: HTMLYooFormChoiceImageElement;
-  selection: IFormChoiceValue[];
+  selection: Array<string>;
   private get hasEmptyValues();
   choices: IFormChoiceValue[];
   componentWillLoad(): void;

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

@@ -1,10 +1,11 @@
+/// <reference types="react" />
 import { EventEmitter } from '../../../stencil-public-runtime';
 export declare class YooFormConnectComponent {
   /**
    * Poll of words to connect, dispatched in 2 arrays (Left and Right respectively)
    */
   values: string[][];
-  onValuesChanged(): void;
+  onValuesChanged(): Promise<void>;
   /**
    * Read-only mode : true if displayed within a quiz summary
    */
@@ -45,7 +46,7 @@ export declare class YooFormConnectComponent {
    * true if component's parent slide is visible within a `yoo-form-dynamic`
    */
   isVisible?: boolean;
-  onIsVisibleChanged(state: boolean): Promise<void>;
+  onIsVisibleChanged(): Promise<void>;
   userAnswers: string[][];
   /**
    * Used by parent component (form-dynamic)
@@ -58,10 +59,10 @@ export declare class YooFormConnectComponent {
   private colors;
   private draggables;
   private connectables;
-  get hasValues(): boolean;
-  get isGameMatchable(): boolean;
-  get draggableElements(): HTMLElement[];
-  get connectableElements(): HTMLElement[];
+  private get hasValues();
+  private get isGamePairable();
+  private get draggableElements();
+  private get connectableElements();
   componentWillLoad(): void;
   componentWillUpdate(): void;
   componentDidLoad(): void;
@@ -69,10 +70,9 @@ export declare class YooFormConnectComponent {
   private initGame;
   private initDraggables;
   private scrollToRevealGame;
-  private setScrollableHeight;
   private setDraggableObserver;
-  private shuffleItems;
-  private prepareItems;
+  private shuffleData;
+  private prepareData;
   private connectItems;
   private initDraggableActions;
   private getUserAnswers;
@@ -81,8 +81,9 @@ export declare class YooFormConnectComponent {
   private autoCompleteLastConnection;
   private truncateValue;
   private onConnectableClick;
-  renderCorrectionIcon(value: string): any;
-  renderContainer(name: string): any;
+  renderCorrectionIcon(value: string): JSX.Element;
+  renderContainer(name: string): JSX.Element;
   renderBanner(): any;
-  render(): any;
+  renderMain(): JSX.Element;
+  render(): JSX.Element;
 }

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

@@ -1,5 +1,5 @@
 /// <reference types="lodash" />
-import { FormDynamicType, FormFieldType, FormFilterAutocompleteOperator, IActionSheetButton, IButton, IChartDefinition, IEntityAction, IFormExtraOptions, IFormField, IFormProgress, IFormSearch, IFormSlideData, IGridSearch, IGridstackItem, IMissionScoring, IModelDetailComponent, IScrollDetail, ISessionService, ISlide, ITabSelectedEvent, ITodoTaskSimple, ITranslation, IUser, IWorkflowStep, TColor, TIconName, TMissionDescriptionLessonType, TSharedWith, TSize, TSlideChangeEvent } from '@shared/interfaces';
+import { FormDynamicType, FormFieldType, IActionSheetButton, IButton, IChartDefinition, IEntityAction, IFormExtraOptions, IFormField, IFormFieldChanged, IFormProgress, IFormSearch, IFormSlideData, IGridSearch, IGridstackItem, IMissionScoring, IModelDetailComponent, IScrollDetail, ISessionService, ISlide, ITabSelectedEvent, ITodoTaskSimple, ITranslation, IUser, IWorkflowStep, TColor, TIconName, TMissionDescriptionLessonType, TSharedWith, TSize, TSlideChangeEvent } from '@shared/interfaces';
 import { EventEmitter } from '../../../stencil-public-runtime';
 import type { GridStackNode } from 'gridstack';
 import { IFormDynamicFieldState, IFormDynamicSecondaryFieldState, IFormDynamicSlideState } from './types';
@@ -92,13 +92,7 @@ export declare class YooFormDynamicComponent {
   }>;
   translationsChanged: EventEmitter<any>;
   extraDataChanged: EventEmitter<any>;
-  fieldChanged: EventEmitter<{
-    field: IFormField;
-    value: any;
-    name: string;
-    opValues: string[][];
-    operator?: FormFilterAutocompleteOperator;
-  }>;
+  fieldChanged: EventEmitter<IFormFieldChanged>;
   fieldFetchCustomData: EventEmitter<{
     field: IFormField;
     filters: any;
@@ -209,7 +203,7 @@ export declare class YooFormDynamicComponent {
   private hasLoaded;
   private formFooterElement;
   private inputContainerParent;
-  private hasUnloaded;
+  private disconnected;
   private selectedButtonText;
   private printedSlideTitle?;
   private workflowButtons?;
@@ -267,6 +261,7 @@ export declare class YooFormDynamicComponent {
   focusInvalidField(displayToast: boolean): Promise<void>;
   goToSlide(index: number, animated: boolean): Promise<void>;
   updateValidity(): Promise<void>;
+  findFieldElement(fieldName: string): Promise<any>;
   updateFieldValue(fieldName: string, value: any, resetValidity?: boolean): Promise<void>;
   getData(): Promise<Record<string, any>>;
   forceUpdate(): Promise<void>;
@@ -274,6 +269,7 @@ export declare class YooFormDynamicComponent {
   componentWillLoad(): void;
   componentDidLoad(): void;
   componentDidUpdate(): void;
+  connectedCallback(): void;
   disconnectedCallback(): void;
   private removeRequestInterval;
   private updateGridstackHeights;
@@ -294,9 +290,9 @@ export declare class YooFormDynamicComponent {
   private forceLockIonSlides;
   private encodeFieldName;
   private getFieldByCode;
-  private scrollOnFitChanged;
   private isLessonDetail;
   private isLessonPreview;
+  private isCoursePreview;
   private isLessonQuestionResult;
   private isLesson;
   private isMission;
@@ -478,7 +474,7 @@ export declare class YooFormDynamicComponent {
   }): any;
   getFilterAttrs(attrs: any): any;
   getFilterExtraAttrs(icon: TIconName, value: any): {
-    icon: TIconName;
+    icon: "number" | "1x" | "2x" | "3x" | "4x" | "5x" | "achievement" | "action-plan" | "action-plan-create" | "activity" | "activity-history" | "aggregation" | "aisles" | "alarm" | "align-center" | "align-left" | "align-right" | "analysis" | "analytics-board-bars" | "analytics-boost" | "analytics-graph-line" | "answer" | "app-creator" | "apple-pay" | "archive" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up" | "arrows-up-down" | "assign" | "assign-group" | "assigned" | "attach-file" | "attachment" | "audio-offline" | "audit" | "author" | "auto-flash" | "autocomplete" | "automotive-airplane" | "automotive-bus" | "automotive-car" | "automotive-cycle" | "automotive-gas" | "automotive-road" | "automotive-route" | "automotive-route-sign" | "automotive-scooter" | "automotive-shipping" | "award-trophy-star" | "background-off" | "background-on" | "badge" | "badge-book" | "badge-brain" | "badge-crown" | "badge-makeup-1" | "badge-stats" | "barcode" | "battery-status-bar" | "battle" | "beverages-beer" | "beverages-bottle" | "beverages-champagne" | "beverages-cocktail" | "beverages-coffee" | "beverages-drink" | "beverages-hot-drink" | "beverages-tropical-cocktail" | "beverages-water" | "beverages-wine" | "big-arrow-down" | "big-arrow-left" | "big-arrow-right" | "big-arrow-up" | "bigfont" | "blocks" | "bluetooth" | "bookmark" | "boost" | "branch" | "brush" | "buttons-single-choice" | "calendar" | "calendar-date" | "calendar-end-date" | "calendar-error" | "calendar-new-event" | "calendar-received" | "calendar-sent" | "calendar-warning" | "camera" | "campaign" | "campaign-create" | "campaign-filter" | "catalogue" | "catch-them" | "categories" | "chart" | "chat" | "chat-new" | "check" | "check-product" | "circle" | "circle-minor" | "circle-plus" | "circle1" | "circle2" | "close" | "color-picker" | "column" | "comment" | "community" | "company" | "compass-direction" | "condition" | "connect" | "contact" | "cosmetics-brush" | "cosmetics-brush-scissors" | "cosmetics-brush-set" | "cosmetics-comb" | "cosmetics-hairdryer" | "cosmetics-lips" | "cosmetics-lipstick" | "cosmetics-mirror" | "cosmetics-nail-polish" | "courses" | "create-chat" | "cross" | "custom" | "cut" | "daily" | "darkmode" | "dashboards" | "dashboards-new" | "data-file-add" | "database" | "database-add" | "database-check" | "database-download" | "database-edit" | "database-history" | "database-import" | "database-lock" | "database-question" | "database-refresh" | "database-remove" | "database-search" | "database-settings" | "database-star" | "database-subtract" | "database-sync" | "database-warning" | "date-time" | "day-view" | "delete" | "desktop" | "diagram-arrow-right" | "diploma" | "diploma-history" | "diploma-manager" | "diploma-new" | "dislike" | "dot" | "double-tick" | "down" | "down-circle" | "download" | "downloaded" | "draggable" | "duplicate" | "email" | "emoji" | "end-call" | "expand-chart" | "explore" | "export" | "eye" | "facebook" | "fashion-boot" | "fashion-bra" | "fashion-coat" | "fashion-dress" | "fashion-perfume" | "fashion-pump" | "fashion-shoe" | "fashion-t-shirt" | "fashion-trousers" | "fashion-women" | "feed" | "feed-create-post" | "feedback" | "feedback-neutral" | "feedback-sad" | "file" | "file-add" | "file-csv" | "file-download" | "file-excel" | "file-pdf" | "file-powerpoint" | "file-upload" | "file-word" | "filter" | "first" | "fixed" | "flag" | "flash-off" | "flash-on" | "flip" | "folder" | "folder-add" | "folder-download" | "folder-edit" | "folder-remove" | "folder-upload" | "food-apple" | "food-banana" | "food-bowl" | "food-carrot" | "food-cherry" | "food-egg" | "food-orange" | "food-pear" | "food-pineapple" | "food-strawberry" | "formula" | "forward" | "frame" | "full-height" | "furniture" | "geo-filter" | "gif" | "go-to" | "gps" | "grid-phone" | "grid-view" | "group" | "hashtag" | "heart" | "help" | "history" | "home" | "hotel-award" | "hotel-award-book" | "hotel-bed" | "hotel-bell" | "hotel-bellhop" | "hotel-building" | "hotel-dnd" | "hotel-room-service-1" | "hotel-room-service-2" | "hotel-room-service-3" | "hotzone" | "hourglass" | "hr" | "image" | "image-map" | "image-offline" | "import" | "inbox" | "incentive-manager" | "incentive-manager1" | "indeterminate" | "info" | "inquiry" | "instagram" | "instant-play" | "iphone" | "journey" | "keyboard" | "large-with-info" | "large-without-info" | "last" | "layout" | "leaderboard" | "learning-path" | "left" | "left-circle" | "left-web" | "lesson" | "like" | "link" | "link-broken" | "linkedin" | "list-view" | "livestream" | "loading" | "lock" | "logic" | "logic-visible" | "low-power" | "luxury-bag" | "luxury-bottle" | "luxury-gift" | "luxury-glasses" | "luxury-handbag" | "luxury-necklace" | "luxury-necklace-2" | "luxury-necklace-3" | "luxury-stars" | "luxury-watch" | "mandatory" | "map" | "maximize" | "maximize-web" | "medal" | "mention" | "menu" | "microphone" | "minimize" | "minimize-web" | "minus" | "missing-word" | "mission" | "mission-data" | "mission-download" | "month-view" | "monthly" | "more" | "more-2" | "more-circle" | "more-shapes" | "move" | "move-down" | "move-up" | "multiple-photos" | "mute-microphone" | "new-lesson" | "new-rectangle" | "new-section" | "new-task" | "news" | "next-photo" | "no-data" | "no-video" | "not-allowed" | "note" | "offline" | "offline-play" | "ongoing" | "operations" | "out-of-stock-product" | "pages" | "password" | "paste" | "pause" | "pause-audio" | "pen" | "personal-development" | "pharma-drug-box" | "pharma-first-aid" | "pharma-first-aid-kit" | "pharma-heartrate" | "pharma-hospital" | "pharma-iv-bag" | "pharma-medication" | "pharma-pill" | "pharma-pills-box" | "pharma-syringe" | "phone" | "phone-action-camera" | "photo-annotated" | "photo-library" | "photo-mandatory" | "pin" | "pin-new-site" | "pin-selected" | "pivot" | "play" | "play-audio" | "plugin" | "plus" | "podcast" | "poll" | "price-dollar" | "price-euro" | "price-sterling" | "print" | "priority" | "product" | "product-briefcase" | "profile" | "publish" | "pull-to-refresh" | "qr-code" | "question-new" | "questions" | "radio-button-off" | "radio-button-on" | "ranking" | "ranking-toggle" | "read" | "reason" | "recent" | "redo" | "refresh" | "rejected" | "rejector" | "repeat" | "request" | "restart" | "restaurant-bread" | "restaurant-chef" | "restaurant-croissant" | "restaurant-flatware" | "restaurant-grocery" | "restaurant-kitchen-bell" | "restaurant-knife-board" | "restaurant-menu" | "restaurant-platware-2" | "restaurant-vegetables-plate" | "restriction" | "right" | "right-circle" | "right-web" | "rotate-camera" | "rubber" | "sales" | "save" | "scale-rating" | "scan" | "schedule-user" | "schedule-view" | "scoring" | "scoring-visible" | "scratch" | "screenshare" | "search" | "search-product" | "security" | "select" | "select-all" | "send" | "send-story" | "settings" | "share" | "share-file" | "shipment-smartphone-arrive" | "shopping-basket" | "side-menu-collapse" | "side-menu-expand" | "sidebar-left" | "sidebar-right" | "signal-status-bar" | "signature" | "single-choice" | "single-view" | "slider" | "small-with-info" | "small-without-info" | "sms" | "sort-down" | "sort-up" | "sort-up-and-down" | "star" | "start-recording" | "start-rectangle" | "stats" | "step" | "stop-watch" | "store" | "store-archived" | "support" | "swipe-detail" | "swipe-explanation" | "sync-product" | "tab" | "table" | "tableau" | "tablet" | "tag" | "tags-settings" | "task" | "text-predefined" | "theme" | "tick" | "to-do" | "todo-boost" | "toggle" | "toggle-off-video" | "transaction" | "translate" | "translation-check" | "translation-warning" | "triangle" | "twitter" | "type-tool" | "unarchive" | "unassign" | "unassign-group" | "unbook" | "undo" | "unlocked" | "unread" | "up" | "up-circle" | "upgrade" | "upload" | "user" | "user-block" | "user-live" | "user-lock" | "user-new" | "validate" | "validation-date" | "validator" | "value" | "variable" | "verified" | "videocamera" | "view" | "virtual-queuing" | "visit" | "visual-merchandising" | "volume-off" | "volume-on" | "waiting-list" | "warning" | "warning-2" | "warning-product" | "webcam" | "week-view" | "weekdays" | "weekly" | "weeks" | "wifi-status-bar" | "word-search" | "workflow" | "yearly" | "yoobic" | "zip-file" | "zoom-in" | "zoom-out";
     value: any;
   };
   getSlideData(): IFormSlideData;

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

@@ -9,7 +9,8 @@ export declare function getLessonPageValidity(index: number, slides: ISlide[], f
 /** used in Boost to determine if the current question is dirty or the document has been viewed */
 export declare function isActiveFieldDirty(slides: ISlide[], activeIndex: number, currentData: any): boolean;
 export declare function getInputType(field: IFormField): FormFieldType.email | FormFieldType.number | FormFieldType.password | FormFieldType.text;
-export declare function getPreviousAndNextButtons({ hasPreviousButton, lastButtonTranslationKey, isDisabled, nextButtonHandler, previousButtonHandler, size }: {
+export declare function getPreviousAndNextButtons({ host, hasPreviousButton, lastButtonTranslationKey, isDisabled, nextButtonHandler, previousButtonHandler, size }: {
+  host: HTMLYooFormDynamicElement;
   hasPreviousButton: boolean;
   lastButtonTranslationKey: string;
   isDisabled: boolean;
@@ -17,7 +18,7 @@ export declare function getPreviousAndNextButtons({ hasPreviousButton, lastButto
   previousButtonHandler: () => any;
   size?: TBaseSize;
 }): IButton[];
-export declare function getNextButton(nextButtonHandler: () => any, size?: TBaseSize): IButton[];
-export declare function getLastButtons(submitButtonEntry: IButton, hasPreviousButton: boolean, showPreview: boolean, previousButtonHandler: () => any, previewButtonHandler: () => any, size?: TBaseSize): IButton[];
-export declare function getRecapButton(validity: boolean, showPreview: boolean, isPreview: boolean, previewHandler: () => any, submitHandler: (ev?: any) => any, startHandler: () => any): IButton[];
+export declare function getNextButton(host: HTMLYooFormDynamicElement, nextButtonHandler: () => any, size?: TBaseSize): IButton[];
+export declare function getLastButtons(host: HTMLYooFormDynamicElement, submitButtonEntry: IButton, hasPreviousButton: boolean, showPreview: boolean, previousButtonHandler: () => any, previewButtonHandler: () => any, size?: TBaseSize): IButton[];
+export declare function getRecapButton(host: HTMLYooFormDynamicElement, validity: boolean, showPreview: boolean, isPreview: boolean, previewHandler: () => any, submitHandler: (ev?: any) => any, startHandler: () => any): IButton[];
 export declare function hasKeyboardInput(fieldType: string): boolean;

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

@@ -23,7 +23,7 @@ export declare class YooFormInputComponent implements IFormInputBase<string | nu
   hasIconPrefix: boolean;
   tooltip: string;
   inputmode?: string;
-  type: string;
+  type: 'email' | 'number' | 'password' | 'text';
   showPasswordToggle: boolean;
   clearable: boolean;
   useTranslate: boolean;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { AsyncValidator, IValidatorEntry, TBaseSize, Validator } from '@shared/interfaces';
 import { EventEmitter } from '../../../stencil-public-runtime';
 export declare class YooFormQrcodeComponent {
@@ -8,6 +9,22 @@ export declare class YooFormQrcodeComponent {
   type: string;
   whiteLabel: boolean;
   logo?: string;
+  /**
+   * Show illustration on top of the description
+   */
+  showIllustration?: boolean;
+  /**
+   * Description displayed on top of Share Link button and QR Code
+   */
+  description?: string;
+  /**
+   * Show button to share QR Code link
+   */
+  showShareLink?: boolean;
+  /**
+   * Show button to download QR Code link
+   */
+  showDownload?: boolean;
   size?: TBaseSize;
   value: string;
   required: boolean;
@@ -21,7 +38,13 @@ export declare class YooFormQrcodeComponent {
   onValueChanged(): void;
   componentWillLoad(): void;
   componentDidLoad(): void;
-  validate(): boolean;
-  renderQRCode(): Promise<string>;
-  render(): any;
+  private validate;
+  private generateQRCode;
+  private onDownloadQRCode;
+  private onCopyLinkToClipboard;
+  private renderIllustration;
+  private renderShareLink;
+  private renderDownload;
+  private renderQRCode;
+  render(): JSX.Element;
 }

package/dist/types/components/form/form-swipe-cards/form-swipe-cards.d.ts

@@ -1,10 +1,6 @@
 /// <reference types="react" />
-/**
- * @name: Swipe Cards
- */
-import { AsyncValidator, IFileInterface, IValidatorEntry, Validator } from '@shared/interfaces';
+import { AsyncValidator, IFileInterface, IValidatorEntry, SwipeCardsDirection, SwipeCardsMode, Validator } from '@shared/interfaces';
 import { EventEmitter } from '../../../stencil-public-runtime';
-import { SwipeCardsDirection, SwipeCardsMode } from './form-swipe-cards.interfaces';
 export declare class YooFormSwipeCardsComponent {
   label: string;
   description: string;
@@ -15,43 +11,47 @@ export declare class YooFormSwipeCardsComponent {
   asyncValidators: AsyncValidator<string>[];
   validity: boolean;
   numberSteps: number;
-  isVisible: boolean;
   readonly: boolean;
   mode: SwipeCardsMode;
   livePreview: boolean;
   showInstructionView: boolean;
   animated: boolean;
   shuffled: boolean;
+  isVisible: boolean;
+  onIsVisibleChanged(): void;
   categories: string[];
   onCategoriesChanged(nv: string[], ov: string[]): void;
   values: string[];
-  onValuesChanged(): void;
+  onValuesChanged(nv: string[], ov: string[]): void;
   images: IFileInterface[];
-  onImagesChanged(): void;
+  onImagesChanged(nv: string[], ov: string[]): void;
   required: boolean;
   onRequireChanged(): void;
+  enableButtonActions: boolean;
   validityChanged: EventEmitter<boolean>;
   inputChanged: EventEmitter<string[]>;
   blockMoves: EventEmitter<boolean>;
   host: HTMLYooFormSwipeCardsElement;
-  onIsVisibleChanged(): void;
   private swipeCards;
-  private hasDuplicatesValues;
-  private hasEmptyValues;
   private revealCards;
   private hasDataChanged;
   private cardValues;
   private animationDelay;
   private nextButtonText;
   private gameContainerElement;
-  private cardsElements;
   private swipeButtons;
   private get isMode();
-  private get numberEmptyItems();
+  private get cardData();
+  private get cardsElements();
   private get hasImage();
   private get hasText();
   private get hasTwoCategories();
-  get hasAllCardBeenSwiped(): boolean;
+  private get hasDuplicateValues();
+  private get hasEmptyValues();
+  private get hasMinimumRequiredData();
+  private get hasData();
+  private get isDataValid();
+  private get hasAllCardBeenSwiped();
   get buttons(): {
     left: HTMLYooButtonElement;
     undo: HTMLYooButtonElement;
@@ -59,41 +59,42 @@ export declare class YooFormSwipeCardsComponent {
   };
   private get currentCard();
   private get currentCardElement();
-  private get formHeight();
   componentWillLoad(): void;
   componentDidLoad(): void;
   componentWillUpdate(): void;
   componentDidUpdate(): void;
   validate(): boolean;
-  private prepareInitGame;
+  private prepareGame;
   private initGame;
   private updateCardsData;
   private updateGame;
   private shuffleCardValues;
   private getCardElement;
-  private spyOnValuesChanged;
   private showWarnings;
   private getUserAnswer;
   private displayFooterElement;
   private initDraggable;
   private initCards;
-  private lockSwipeButtons;
+  private lockSwipeActions;
+  private resetCards;
   private swipeCard;
   private getSwipedState;
   private setSwipingColor;
   private getDraggableInstance;
   private clickToSwipe;
-  private undoSwipe;
-  private getSwipedCategoryValue;
-  renderStack(): any;
-  renderInstructionCategory(side: SwipeCardsDirection.left | SwipeCardsDirection.right): any;
-  renderTopDescription(): any;
-  renderInstructions(): any;
-  renderSwipeButtons(): any;
+  private undoCard;
+  renderCards(): any;
+  renderInstructionCategory(side: SwipeCardsDirection.left | SwipeCardsDirection.right): JSX.Element;
+  renderTopDescription(): JSX.Element;
+  renderHeaderInstructions(): JSX.Element[];
+  renderActions(): JSX.Element;
   renderSwipeAction(direction: SwipeCardsDirection, index: number): JSX.Element;
-  renderEndGameMessage(): JSX.Element;
-  renderCards(): JSX.Element[];
-  renderSummary(): any[][];
-  renderBanner(): any;
-  render(): any;
+  renderBackground(): JSX.Element;
+  renderGame(): JSX.Element[];
+  renderStartButton(): JSX.Element;
+  renderInstructions(): JSX.Element[];
+  renderSummary(): JSX.Element[][];
+  renderBanner(): JSX.Element;
+  renderMain(): JSX.Element;
+  render(): JSX.Element;
 }

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

@@ -28,6 +28,10 @@ export declare class YooFormTextAreaComponent implements IFormInputBase<string>
   displaySegmentsCount?: boolean;
   size?: TBaseSize;
   allowMention: boolean;
+  mentionConfigs?: {
+    type: string;
+    id: string;
+  };
   translations?: ITranslation[];
   clearable: boolean;
   /**

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

@@ -78,6 +78,10 @@ export declare class YooFormTextEditorComponent {
   readonly: boolean;
   value: string;
   debounce: number;
+  mentionConfigs?: {
+    type: string;
+    id: string;
+  };
   validityChanged: EventEmitter<boolean>;
   inputBlurred: EventEmitter<any>;
   inputFocused: EventEmitter<any>;

package/dist/types/components/form/form-todo-task/components/action.d.ts

@@ -0,0 +1,9 @@
+import { TIconName } from '@shared/interfaces';
+import { FunctionalComponent } from '../../../../stencil-public-runtime';
+export interface ActionProps {
+  hidden: boolean;
+  icon: TIconName;
+  text: string;
+  onClick: (event: MouseEvent) => void;
+}
+export declare const Action: FunctionalComponent<ActionProps>;

package/dist/types/components/form/form-todo-task/components/schedule.d.ts

@@ -0,0 +1,5 @@
+import { IOverlayEventDetail } from '@shared/interfaces';
+export declare const getScheduleElement: (target: HTMLElement, dueDate: Date, onChange: (date: Date) => void) => {
+  schedule: HTMLDivElement;
+  showSchedule: () => Promise<IOverlayEventDetail>;
+};

package/dist/types/components/form/form-todo-task/components/tag.d.ts

@@ -0,0 +1,13 @@
+import { TIconName, TPaletteColor } from '@shared/interfaces';
+import { FunctionalComponent } from '../../../../stencil-public-runtime';
+export interface TagProps {
+  color: TPaletteColor;
+  hidden: boolean;
+  icon: TIconName;
+  removable: boolean;
+  text: string;
+  web: boolean;
+  onClick?: (event: MouseEvent) => void;
+  onRemove: () => void;
+}
+export declare const Tag: FunctionalComponent<TagProps>;

package/dist/types/components/form/form-todo-task/form-todo-task.d.ts

@@ -0,0 +1,66 @@
+import { IActionSheetButton, ITodoTask, ITranslation } from '@shared/interfaces';
+import { ComponentInterface, EventEmitter } from '../../../stencil-public-runtime';
+export declare class YooFormTodoTaskComponent implements ComponentInterface {
+  /**
+   * Additional actions.
+   */
+  actions?: IActionSheetButton[];
+  /**
+   * If true`, it automatically focuses the input on edit mode.
+   */
+  autofocus: boolean;
+  /**
+   * If `true`, it is in read mode.
+   */
+  readonly?: boolean;
+  /**
+   * If `true`, it is a required part of form submission.
+   */
+  required?: boolean;
+  /**
+   * Translations used in the associated form.
+   */
+  translations?: ITranslation[];
+  /**
+   * Value associated with the form task.
+   */
+  value?: ITodoTask;
+  /**
+   * Emitted when the value changes.
+   */
+  inputChanged: EventEmitter<ITodoTask>;
+  /**
+   * Emitted when a translation changes.
+   */
+  translationValueUpdated: EventEmitter<{
+    key: string;
+    value: string;
+  }>;
+  /**
+   * Emitted when the validity changes.
+   */
+  validityChanged: EventEmitter<boolean>;
+  actionsWidth: number;
+  tagsHeight: number;
+  host: HTMLYooFormTodoTaskElement;
+  private actionsElement;
+  private inputElement;
+  private scheduleElement;
+  private tagsElement;
+  private validity;
+  private actionableTags;
+  private get heading();
+  /**
+   * Returns `true` if the component is valid, `false` otherwise.
+   */
+  isValid(): Promise<boolean>;
+  closeScheduleDialog(event: MouseEvent): void;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  componentWillUpdate(): void;
+  updateTranslation(key: string, value: string): void;
+  updateValidity(): void;
+  updateValue(value: ITodoTask): void;
+  openSchedule(target: HTMLElement): Promise<void>;
+  render(): any;
+}