@yoobic/yobi 8.3.0-38 → 8.3.0-41

package/dist/types/components.d.ts

@@ -5,7 +5,7 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { AsyncValidator, CalendarDisplayMode, CardType, CardVideoView, ConditionOperator, ConditionType, EntityType, FormCreatorBulkActions, FormCreatorOptions, FormDynamicType, FormFieldCategory, FormFieldType, FormFilterAutocompleteOperator, FormFilterDateOperator, FormFilterNumberOperator, FormFilterTextOperator, FormPermissionsRole, IActionSheet, IActionSheetButton, IAlertButton, IAlertEntry, IAlgorithm, IAppPermissions, IAppSearchTab, IAudienceQuery, IAuthenticationService, IBadge, IBadgeEntry, IBaseCustomActionComponent, IBattleListEntry, IBattleStatus, IBattleUserWithStats, IButton, ICalendarDateChange, ICardFeedEntry, ICardListEntry, ICardMediaFullscreenParams, ICardProgress, ICardVideoParticipant, IChartDefinition, IChatAdvancedOptions, IChatBroadcastParams, IChatFloatingAnimationParams, IChatInputParams, IChatMessage, ICheckboxParams, IColumnDefinition, ICommunity, ICompetency, ICondition, IConfidenceValues, IConfigService, ICourse, ICustomActionConfig, ICustomFormField, ICustomModel, ICustomView, IDashboard, IDeviceEntry, IDrawflowExport, IEntitiesAction, IEntity, IEntityAction, IEntityActionType, IEntitySearchFilters, IEntitySearchRequest, IEntitySearchTags, IEntityWithName, IExternalValidator, IFeed, IFileInterface, IFilters, IFormEntityValuePairsConfig, IFormExtraOptions, IFormField, IFormFieldDescription, IFormFilterValue, IFormIncentiveParticipantsConfig, IFormOpeningHoursValue, IFormProgress, IFormRecurrenceValue, IFormReorderDefinition, IFormSearch, IFormSlideData, IGetAsyncExtraData, IGridAction, IGridCalendarDateRange, IGridCalendarDateSelection, IGridColumn, IGridExtraOptions, IGridSearch, IGridstackItem, IGridState, IHealthscoreEvolution, IHomeWidgetData, IHotzone, IHotzoneValues, IImageRecognitionDisplay, IImageTaggingValue, IImgCloudinaryOptions, IIncentive, IIncentiveParticipant, IIncentiveParticipantScore, IIncentiveSaleBreakdown, IIncentiveTarget, IInputBarAdvancedOptions, IInputBarCaptureSettings, IInputBarSecondarySettings, IItemsPoints, IKanbanColumn, IKpiCardData, ILayoutSectionConfig, ILearningManagerPlan, ILesson, ILessonDetailBadge, ILessonDetailFooter, ILessonDetailHeaderInfo, ILessonDetailsWarning, ILessonStates, ILinkPreview, ILinksMenuItem, ILocation, ILogoItem, IMapMarker, IMapPosition, IMediaDimension, IMemo, IMention, IMentionEvent, IMission, IMissionDescription, IMissionScoring, IModalIcon, IModelDetailComponent, IMultiInputColumn, IMultiInputValue, INumberDisplay, IOverlayEventDetail, IOverlayInterface, IPage, IPhoto, IPhotoAnnotation, IPhotoEditorData, IPlan, IPlanWithStats, IProduct, IProductBatch, IProductSale, IProfileConfig, IProgressOverview, IProperty, IQuestion, IRangeValue, IReorderValue, IRevealValue, ISalesAIRecommandation, IScoring, IScoringEdit, IScoringQuickSetup, IScoringQuickSetupData, IScoringQuickSetupResult, IScorm, IScratchCardValues, IScrollBaseDetail, IScrollDetail, ISectionListItemSortEvent, ISectionListSection, ISectionListSectionItem, ISectionListSectionItemAction, ISectionListSortEvent, ISegmentValues, ISelectionQuery, ISessionService, ISideMenuSubItem, ISlide, ISlidesOptions, ISort, ISortsAndFilters, ISubQuery, ITab, ITabSelectedEvent, ITagElement, ITenant, IToastEntry, ITodo, ITodoTask, ITodoTaskSimple, ITranslation, IUnreadCounts, IUser, IUserRank, IUserWizardEntry, IValidatorEntry, IVioletProductOfferSku, IWaitlistOptions, IWalkthroughEntry, IWorkflow, IWorkflowStep, IWorkflowStepPagePermission, IWorkflowStepState, IXYPoint, ScrollDirections, StitchDirection, SwipeCardsMode, TAclFilterResult, TAvatarFrame, TBaseSize, TButtonFill, TButtonRippleType, TButtonShape, TButtonType, TCalendarType, TCalendarView, TCardMediaMode, TCardMediaType, TChartType, TColor, TContextMenuPlacement, TCrop, TEmptyState, TEntityMapping, TExport, TFlow, TFormShoppingView, TGridCalendarView, TGridCustomDataLoader, TGridDirection, THomeWidgetSort, TIconName, TIconSize, TLanguage, TLineState, TLottieType, TMissionActionIds, TMissionDescriptionLessonType, TMissionDescriptionType, TMissionStatus, TPaletteColor, TProgressBarMetric, TProgressBarShape, TProgressBarXPOS, TProgressBarYPOS, TSharedWith, TSize, TSlideChangeEvent, TToastPosition, TWaitlistVisitState, TWidgetLayout, TWorkflowStepType, Validator } from "@shared/interfaces";
+import { AsyncValidator, CalendarDisplayMode, CardType, CardVideoView, ConditionOperator, ConditionType, EntityType, FormCreatorBulkActions, FormCreatorOptions, FormDynamicType, FormFieldCategory, FormFieldType, FormFilterAutocompleteOperator, FormFilterDateOperator, FormFilterNumberOperator, FormFilterTextOperator, FormPermissionsRole, IActionSheet, IActionSheetButton, IAlertButton, IAlertEntry, IAlgorithm, IAppPermissions, IAppSearchTab, IAudienceQuery, IAuthenticationService, IBadge, IBadgeEntry, IBaseCustomActionComponent, IBattleListEntry, IBattleStatus, IBattleUserWithStats, IButton, ICalendarDateChange, ICardFeedEntry, ICardListEntry, ICardMediaFullscreenParams, ICardProgress, ICardVideoParticipant, IChartDefinition, IChatAdvancedOptions, IChatBroadcastParams, IChatFloatingAnimationParams, IChatInputParams, IChatMessage, ICheckboxParams, IColumnDefinition, ICommunity, ICompetency, ICondition, IConfidenceValues, IConfigService, ICourse, ICustomActionConfig, ICustomFormField, ICustomModel, ICustomView, IDashboard, IDeviceEntry, IDrawflowExport, IEntitiesAction, IEntity, IEntityAction, IEntityActionType, IEntitySearchFilters, IEntitySearchRequest, IEntitySearchTags, IEntityWithName, IExternalValidator, IFeed, IFileInterface, IFilters, IFormEntityValuePairsConfig, IFormExtraOptions, IFormField, IFormFieldChanged, IFormFieldDescription, IFormFilterValue, IFormIncentiveParticipantsConfig, IFormOpeningHoursValue, IFormProgress, IFormRecurrenceValue, IFormReorderDefinition, IFormSearch, IFormSlideData, IGetAsyncExtraData, IGridAction, IGridCalendarDateRange, IGridCalendarDateSelection, IGridColumn, IGridExtraOptions, IGridSearch, IGridstackItem, IGridState, IHealthscoreEvolution, IHomeWidgetData, IHotzone, IHotzoneValues, IImageRecognitionDisplay, IImageTaggingValue, IImgCloudinaryOptions, IIncentive, IIncentiveParticipant, IIncentiveParticipantScore, IIncentiveSaleBreakdown, IIncentiveTarget, IInputBarAdvancedOptions, IInputBarCaptureSettings, IInputBarSecondarySettings, IItemsPoints, IKanbanColumn, IKpiCardData, ILayoutSectionConfig, ILearningManagerPlan, ILesson, ILessonDetailBadge, ILessonDetailFooter, ILessonDetailHeaderInfo, ILessonDetailsWarning, ILessonStates, ILinkPreview, ILinksMenuItem, ILocation, ILogoItem, IMapMarker, IMapPosition, IMediaDimension, IMemo, IMention, IMentionEvent, IMission, IMissionDescription, IMissionScoring, IModalIcon, IModelDetailComponent, IMultiInputColumn, IMultiInputValue, INumberDisplay, IOverlayEventDetail, IOverlayInterface, IPage, IPhoto, IPhotoAnnotation, IPhotoEditorData, IPlan, IPlanWithStats, IProduct, IProductBatch, IProductSale, IProfileConfig, IProgressOverview, IProperty, IQuestion, IRangeValue, IReorderValue, IRevealValue, ISalesAIRecommandation, IScoring, IScoringEdit, IScoringQuickSetup, IScoringQuickSetupData, IScoringQuickSetupResult, IScorm, IScratchCardValues, IScrollBaseDetail, IScrollDetail, ISectionListItemSortEvent, ISectionListSection, ISectionListSectionItem, ISectionListSectionItemAction, ISectionListSortEvent, ISegmentValues, ISelectionQuery, ISessionService, ISideMenuSubItem, ISlide, ISlidesOptions, ISort, ISortsAndFilters, ISubQuery, ITab, ITabSelectedEvent, ITagElement, ITenant, IToastEntry, ITodo, ITodoTask, ITodoTaskSimple, ITranslation, IUnreadCounts, IUser, IUserRank, IUserWizardEntry, IValidatorEntry, IVioletProductOfferSku, IWaitlistOptions, IWalkthroughEntry, IWorkflow, IWorkflowStep, IWorkflowStepPagePermission, IWorkflowStepState, IXYPoint, ScrollDirections, StitchDirection, SwipeCardsMode, TAclFilterResult, TAvatarFrame, TBaseSize, TButtonFill, TButtonRippleType, TButtonShape, TButtonType, TCalendarType, TCalendarView, TCardMediaMode, TCardMediaType, TChartType, TColor, TContextMenuPlacement, TCrop, TEmptyState, TEntityMapping, TExport, TFlow, TFormShoppingView, TGridCalendarView, TGridCustomDataLoader, TGridDirection, THomeWidgetSort, TIconName, TIconSize, TLanguage, TLineState, TLottieType, TMissionActionIds, TMissionDescriptionLessonType, TMissionDescriptionType, TMissionStatus, TPaletteColor, TProgressBarMetric, TProgressBarShape, TProgressBarXPOS, TProgressBarYPOS, TSharedWith, TSize, TSlideChangeEvent, TToastPosition, TWaitlistVisitState, TWidgetLayout, TWorkflowStepType, Validator } from "@shared/interfaces";
 import { IAccordionEntry } from "./components/2.molecules/accordion/types";
 import { CellValueChangedEvent, GridApi, GridOptions, RowNode } from "@ag-grid-enterprise/all-modules";
 import { FormCreatorBlockModes, FormDisplayType, FormStarType, ICardChatEntry, IFormBarcodeOcrRegex, IFormCaptureDetailViewOptions, IFormChecklistValue, IFormChoiceValue, IFormCreatorBlock, IFormCreatorItemList, IFormDateRangeValue, IFormUIValidation, IHTMLYooIonOverlayElement, IKpiTypes, IMapEntry, IMapFilterGroup, IMapMarkerColor, IMediaFullscreenParams, IModalAnimationProp, IScoreChangedDetail, ITag, IWorkflowFieldState, THealthscoreDisplayMode, TSpacing } from "./interfaces";
@@ -32,7 +32,6 @@ import { IFormPlanAssignValue } from "./components/form/form-plan-assign/types";
 import { IProgressIndicator } from "./components/form/form-progress-indicator/types";
 import { TFormRadioOption } from "./components/form/form-radio/types";
 import { IInsertElementProp } from "./utils/helpers/form-text-area-helpers";
-import { TodoListMode } from "./interfaces/form-field/form-field.instance";
 import { IVideoPlayerCore, IVideoPlayerModalOptions, IVideoPlayerSubtitle, TVideoPlayer, TVideoPlayerPreload } from "./components/3.organisms/video-player/types";
 import { IImgSVGOptions, TImgType } from "./components/1.atoms/img/types";
 import { RouterDirection, Side } from "./utils/ionic/interfaces";
@@ -334,6 +333,10 @@ export namespace Components {
           * Accepts a number to define how many users are not shown in an avatars component.
          */
         "overflowCount"?: number;
+        /**
+          * Show colored border
+         */
+        "showBorder"?: boolean;
         /**
           * Sizes the avatar container.
          */
@@ -356,6 +359,10 @@ export namespace Components {
         "vipNotification"?: boolean;
     }
     interface YooAvatars {
+        /**
+          * Optional prop for changing icon color.
+         */
+        "colors"?: (TPaletteColor | string)[];
         /**
           * Passes into the avatars the amount of characters to display in user name under avatar.
           * @property {concatCount}
@@ -391,6 +398,13 @@ export namespace Components {
           * @default 10
          */
         "maxDisplay": number;
+        /**
+          * If ```true```, show the bordered color
+          * @property {showBorder}
+          * @type boolean
+          * @default false
+         */
+        "showBorder"?: boolean;
         /**
           * If ```true```, add a show more call to action
           * @property {showMore}
@@ -455,6 +469,10 @@ export namespace Components {
          */
         "closable"?: boolean;
         "close": (event: MouseEvent) => Promise<void>;
+        /**
+          * Close icon props
+         */
+        "closeIcon": Partial<YooIconComponent>;
         /**
           * If `true`, the banner will be filled of the type color
          */
@@ -2043,6 +2061,7 @@ export namespace Components {
         "annotations"?: IPhotoAnnotation[][];
         "contained"?: boolean;
         "currentSlideIndex": number;
+        "displayPhotoCounter"?: boolean;
         "drawings"?: string[];
         "hasGradient"?: boolean;
         "instant"?: boolean;
@@ -2137,6 +2156,10 @@ export namespace Components {
          */
         "asyncValidators": AsyncValidator<boolean>[];
         "check": () => Promise<boolean>;
+        /**
+          * Specifies whether the component is in disabled mode.
+         */
+        "disabled": boolean;
         /**
           * The header appears as a checkbox label.
          */
@@ -2150,7 +2173,7 @@ export namespace Components {
          */
         "iconColor": TColor;
         /**
-          * Specifies wether the component is in readonly mode.
+          * Specifies whether the component is in readonly mode.
          */
         "readonly": boolean;
         /**
@@ -3029,6 +3052,7 @@ export namespace Components {
         "dirty": boolean;
         "documentSecondaryActions": IActionSheetButton[];
         "extraButtons"?: IEntityAction[];
+        "findFieldElement": (fieldName: string) => Promise<any>;
         "findPreviousValue": (fieldName: string) => Promise<{ field: IFormField; value: any; extra: any; }>;
         "focusForm"?: boolean;
         "focusInvalidField": (displayToast: boolean) => Promise<void>;
@@ -3858,10 +3882,26 @@ export namespace Components {
     }
     interface YooFormQrcode {
         "asyncValidators": Array<AsyncValidator<string>>;
+        /**
+          * Description displayed on top of Share Link button and QR Code
+         */
+        "description"?: string;
         "logo"?: string;
         "placeholder": string;
         "readonly": boolean;
         "required": boolean;
+        /**
+          * Show button to download QR Code link
+         */
+        "showDownload"?: boolean;
+        /**
+          * Show illustration on top of the description
+         */
+        "showIllustration"?: boolean;
+        /**
+          * Show button to share QR Code link
+         */
+        "showShareLink"?: boolean;
         "size"?: TBaseSize;
         "type": string;
         "validators": Array<Validator<string> | IValidatorEntry>;
@@ -4329,63 +4369,66 @@ export namespace Components {
         "todo": ITodo;
         "values": string[];
     }
-    interface YooFormTodoList {
-        "extraData": { locations: ILocation[] };
+    interface YooFormTodoSingle {
+        "dueDateToClean"?: Date;
+        "isPreview"?: boolean;
+        "parentScroll": HTMLYooIonScrollElement;
+        "readonly": boolean;
+        "slidesTodoTask": ISlide[];
+        "type": 'mission' | 'form';
+        "values": ITodoTask[];
+    }
+    interface YooFormTodoTask {
         /**
-          * @prop {boolean} hideHeader Hide the title and the main actions from the list. in this case, title is no more required
+          * Additional actions.
          */
-        "hideHeader": boolean;
+        "actions"?: IActionSheetButton[];
         /**
-          * @prop {boolean} isCompleteLocked Specify if the user is denied to mark the tasks as complete
+          * If true`, it automatically focuses the input on edit mode.
          */
-        "isCompleteLocked": boolean;
+        "autofocus": boolean;
         /**
-          * @prop {boolean} mode used to adapt the UI according to the chosen mode
+          * Returns `true` if the component is valid, `false` otherwise.
          */
-        "mode": TodoListMode;
+        "isValid": () => Promise<boolean>;
         /**
-          * @prop {boolean} readonly Specify if the component is in readonly mode or not. Be aware that it will be always editable if the mode is 'kanban'.
+          * If `true`, it is in read mode.
          */
-        "readonly": boolean;
-        "required": boolean;
-        "translations": ITranslation[];
+        "readonly"?: boolean;
         /**
-          * @prop {ITodo} value The definition of the list (its title, and its list of tasks)
+          * If `true`, it is a required part of form submission.
          */
-        "value": ITodo;
-    }
-    interface YooFormTodoListDialog {
-        "header": string;
-        "locations": ILocation[];
-        "mode": TodoListMode;
-        "placeholder": string;
-        "saveBtnText": string;
-        "value": ITodoTask;
-    }
-    interface YooFormTodoListTask {
-        "actions": IButton[];
-        "isCompleteLocked": boolean;
-        "isTaskEdited": boolean;
-        "locations": ILocation[];
-        "mode": TodoListMode;
-        "onAssignUser": (ev?: MouseEvent) => Promise<void>;
-        "onOpenCalendar": (ev?: MouseEvent) => Promise<void>;
-        "onToggleDescription": (ev?: MouseEvent) => Promise<void>;
-        "onToggleImageRequired": (ev?: MouseEvent | CustomEvent<boolean>) => Promise<void>;
-        "placeholder": string;
-        "readonly": boolean;
-        "saveBtnText": string;
-        "translations": ITranslation[];
-        "value": ITodoTask;
+        "required"?: boolean;
+        /**
+          * Translations used in the associated form.
+         */
+        "translations"?: ITranslation[];
+        /**
+          * Value associated with the form task.
+         */
+        "value"?: ITodoTask;
     }
-    interface YooFormTodoSingle {
-        "dueDateToClean"?: Date;
-        "isPreview"?: boolean;
-        "parentScroll": HTMLYooIonScrollElement;
-        "readonly": boolean;
-        "slidesTodoTask": ISlide[];
-        "type": 'mission' | 'form';
-        "values": ITodoTask[];
+    interface YooFormTodoTaskList {
+        /**
+          * If true`, it automatically focuses a task on edit mode.
+         */
+        "autofocus": boolean;
+        /**
+          * Returns `true` if the component is valid, `false` otherwise.
+         */
+        "isValid": () => Promise<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 list.
+         */
+        "value"?: ITodo;
     }
     interface YooFormToggle {
         /**
@@ -4537,7 +4580,7 @@ export namespace Components {
         "displaySize"?: TSize;
         "displayType": CardType;
         "displayTypes": CardType[];
-        "doPrintLocal": (type: TExport) => Promise<void>;
+        "doPrintLocal": (type: TExport, forceHtml?: boolean) => Promise<void>;
         "draggingHitTestElementId": string;
         "dynamicOrdering": boolean;
         "editable"?: boolean;
@@ -5502,6 +5545,7 @@ export namespace Components {
         "earnedPoints": number;
         "explanationDocument": IFileInterface;
         "fields": IFormField[];
+        "forceMobile": boolean;
         "isAnimationFinished": boolean;
         "isRatingEnabled": boolean;
         "lastField": boolean;
@@ -6514,9 +6558,9 @@ export namespace Components {
     interface YooText {
         "content": string;
         /**
-          * Addition conversion to be applied after the content is sanitize for  security reason
+          * Addition conversion to be applied after the content is sanitize for security reason
          */
-        "extraConversion": ((val: string) => string)[];
+        "extraConversion": (host: HTMLYooTextElement) => void;
     }
     interface YooTextSequence {
         "animated"?: boolean;
@@ -7823,21 +7867,17 @@ export interface YooFormTodoCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLYooFormTodoElement;
 }
-export interface YooFormTodoListCustomEvent<T> extends CustomEvent<T> {
+export interface YooFormTodoSingleCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLYooFormTodoListElement;
+    target: HTMLYooFormTodoSingleElement;
 }
-export interface YooFormTodoListDialogCustomEvent<T> extends CustomEvent<T> {
+export interface YooFormTodoTaskCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLYooFormTodoListDialogElement;
+    target: HTMLYooFormTodoTaskElement;
 }
-export interface YooFormTodoListTaskCustomEvent<T> extends CustomEvent<T> {
+export interface YooFormTodoTaskListCustomEvent<T> extends CustomEvent<T> {
     detail: T;
-    target: HTMLYooFormTodoListTaskElement;
-}
-export interface YooFormTodoSingleCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLYooFormTodoSingleElement;
+    target: HTMLYooFormTodoTaskListElement;
 }
 export interface YooFormToggleCustomEvent<T> extends CustomEvent<T> {
     detail: T;
@@ -9500,30 +9540,24 @@ declare global {
         prototype: HTMLYooFormTodoDialogElement;
         new (): HTMLYooFormTodoDialogElement;
     };
-    interface HTMLYooFormTodoListElement extends Components.YooFormTodoList, HTMLStencilElement {
-    }
-    var HTMLYooFormTodoListElement: {
-        prototype: HTMLYooFormTodoListElement;
-        new (): HTMLYooFormTodoListElement;
-    };
-    interface HTMLYooFormTodoListDialogElement extends Components.YooFormTodoListDialog, HTMLStencilElement {
-    }
-    var HTMLYooFormTodoListDialogElement: {
-        prototype: HTMLYooFormTodoListDialogElement;
-        new (): HTMLYooFormTodoListDialogElement;
-    };
-    interface HTMLYooFormTodoListTaskElement extends Components.YooFormTodoListTask, HTMLStencilElement {
-    }
-    var HTMLYooFormTodoListTaskElement: {
-        prototype: HTMLYooFormTodoListTaskElement;
-        new (): HTMLYooFormTodoListTaskElement;
-    };
     interface HTMLYooFormTodoSingleElement extends Components.YooFormTodoSingle, HTMLStencilElement {
     }
     var HTMLYooFormTodoSingleElement: {
         prototype: HTMLYooFormTodoSingleElement;
         new (): HTMLYooFormTodoSingleElement;
     };
+    interface HTMLYooFormTodoTaskElement extends Components.YooFormTodoTask, HTMLStencilElement {
+    }
+    var HTMLYooFormTodoTaskElement: {
+        prototype: HTMLYooFormTodoTaskElement;
+        new (): HTMLYooFormTodoTaskElement;
+    };
+    interface HTMLYooFormTodoTaskListElement extends Components.YooFormTodoTaskList, HTMLStencilElement {
+    }
+    var HTMLYooFormTodoTaskListElement: {
+        prototype: HTMLYooFormTodoTaskListElement;
+        new (): HTMLYooFormTodoTaskListElement;
+    };
     interface HTMLYooFormToggleElement extends Components.YooFormToggle, HTMLStencilElement {
     }
     var HTMLYooFormToggleElement: {
@@ -10569,10 +10603,9 @@ declare global {
         "yoo-form-timeslots": HTMLYooFormTimeslotsElement;
         "yoo-form-todo": HTMLYooFormTodoElement;
         "yoo-form-todo-dialog": HTMLYooFormTodoDialogElement;
-        "yoo-form-todo-list": HTMLYooFormTodoListElement;
-        "yoo-form-todo-list-dialog": HTMLYooFormTodoListDialogElement;
-        "yoo-form-todo-list-task": HTMLYooFormTodoListTaskElement;
         "yoo-form-todo-single": HTMLYooFormTodoSingleElement;
+        "yoo-form-todo-task": HTMLYooFormTodoTaskElement;
+        "yoo-form-todo-task-list": HTMLYooFormTodoTaskListElement;
         "yoo-form-toggle": HTMLYooFormToggleElement;
         "yoo-form-uploader": HTMLYooFormUploaderElement;
         "yoo-form-videoplayer": HTMLYooFormVideoplayerElement;
@@ -10999,6 +11032,10 @@ declare namespace LocalJSX {
           * Accepts a number to define how many users are not shown in an avatars component.
          */
         "overflowCount"?: number;
+        /**
+          * Show colored border
+         */
+        "showBorder"?: boolean;
         /**
           * Sizes the avatar container.
          */
@@ -11021,6 +11058,10 @@ declare namespace LocalJSX {
         "vipNotification"?: boolean;
     }
     interface YooAvatars {
+        /**
+          * Optional prop for changing icon color.
+         */
+        "colors"?: (TPaletteColor | string)[];
         /**
           * Passes into the avatars the amount of characters to display in user name under avatar.
           * @property {concatCount}
@@ -11063,6 +11104,13 @@ declare namespace LocalJSX {
           * @default boolean
          */
         "onClicked"?: (event: YooAvatarsCustomEvent<boolean>) => void;
+        /**
+          * If ```true```, show the bordered color
+          * @property {showBorder}
+          * @type boolean
+          * @default false
+         */
+        "showBorder"?: boolean;
         /**
           * If ```true```, add a show more call to action
           * @property {showMore}
@@ -11126,6 +11174,10 @@ declare namespace LocalJSX {
           * If `true`, a close button is displayed
          */
         "closable"?: boolean;
+        /**
+          * Close icon props
+         */
+        "closeIcon"?: Partial<YooIconComponent>;
         /**
           * If `true`, the banner will be filled of the type color
          */
@@ -12294,9 +12346,13 @@ declare namespace LocalJSX {
          */
         "nbAssignedUsers"?: number;
         /**
-          * Operations Mission open preview
+          * Open preview
          */
         "onPreviewed"?: (event: YooDetailBarCustomEvent<boolean>) => void;
+        /**
+          * Share preview
+         */
+        "onSharedPreview"?: (event: YooDetailBarCustomEvent<boolean>) => void;
         /**
           * Boost course open google translate
          */
@@ -12869,6 +12925,7 @@ declare namespace LocalJSX {
         "annotations"?: IPhotoAnnotation[][];
         "contained"?: boolean;
         "currentSlideIndex"?: number;
+        "displayPhotoCounter"?: boolean;
         "drawings"?: string[];
         "hasGradient"?: boolean;
         "instant"?: boolean;
@@ -12979,6 +13036,10 @@ declare namespace LocalJSX {
           * Checks the validity of the component using async.
          */
         "asyncValidators"?: AsyncValidator<boolean>[];
+        /**
+          * Specifies whether the component is in disabled mode.
+         */
+        "disabled"?: boolean;
         /**
           * The header appears as a checkbox label.
          */
@@ -13008,7 +13069,7 @@ declare namespace LocalJSX {
          */
         "onValidityChanged"?: (event: YooFormCheckboxCustomEvent<boolean>) => void;
         /**
-          * Specifies wether the component is in readonly mode.
+          * Specifies whether the component is in readonly mode.
          */
         "readonly"?: boolean;
         /**
@@ -14519,7 +14580,7 @@ declare namespace LocalJSX {
         "onActionSheetOpened"?: (event: YooFormDynamicCustomEvent<IFormField>) => void;
         "onDataChanged"?: (event: YooFormDynamicCustomEvent<any>) => void;
         "onExtraDataChanged"?: (event: YooFormDynamicCustomEvent<any>) => void;
-        "onFieldChanged"?: (event: YooFormDynamicCustomEvent<{ field: IFormField; value: any; name: string; opValues: string[][]; operator?: FormFilterAutocompleteOperator }>) => void;
+        "onFieldChanged"?: (event: YooFormDynamicCustomEvent<IFormFieldChanged>) => void;
         "onFieldFetchCustomData"?: (event: YooFormDynamicCustomEvent<{ field: IFormField; filters: any }>) => void;
         "onFieldFetchData"?: (event: YooFormDynamicCustomEvent<IFormSearch>) => void;
         "onFieldRemoved"?: (event: YooFormDynamicCustomEvent<IFormField>) => void;
@@ -15448,6 +15509,10 @@ declare namespace LocalJSX {
     }
     interface YooFormQrcode {
         "asyncValidators"?: Array<AsyncValidator<string>>;
+        /**
+          * Description displayed on top of Share Link button and QR Code
+         */
+        "description"?: string;
         "logo"?: string;
         "onInputBlurred"?: (event: YooFormQrcodeCustomEvent<any>) => void;
         "onInputChanged"?: (event: YooFormQrcodeCustomEvent<any>) => void;
@@ -15456,6 +15521,18 @@ declare namespace LocalJSX {
         "placeholder"?: string;
         "readonly"?: boolean;
         "required"?: boolean;
+        /**
+          * Show button to download QR Code link
+         */
+        "showDownload"?: boolean;
+        /**
+          * Show illustration on top of the description
+         */
+        "showIllustration"?: boolean;
+        /**
+          * Show button to share QR Code link
+         */
+        "showShareLink"?: boolean;
         "size"?: TBaseSize;
         "type"?: string;
         "validators"?: Array<Validator<string> | IValidatorEntry>;
@@ -16044,95 +16121,84 @@ declare namespace LocalJSX {
         "todo"?: ITodo;
         "values"?: string[];
     }
-    interface YooFormTodoList {
-        "extraData"?: { locations: ILocation[] };
+    interface YooFormTodoSingle {
+        "dueDateToClean"?: Date;
+        "isPreview"?: boolean;
+        "onUpdate"?: (event: YooFormTodoSingleCustomEvent<{ values: ITodoTask[]; index: number }>) => void;
+        "parentScroll"?: HTMLYooIonScrollElement;
+        "readonly"?: boolean;
+        "slidesTodoTask"?: ISlide[];
+        "type"?: 'mission' | 'form';
+        "values"?: ITodoTask[];
+    }
+    interface YooFormTodoTask {
         /**
-          * @prop {boolean} hideHeader Hide the title and the main actions from the list. in this case, title is no more required
+          * Additional actions.
          */
-        "hideHeader"?: boolean;
+        "actions"?: IActionSheetButton[];
+        /**
+          * If true`, it automatically focuses the input on edit mode.
+         */
+        "autofocus"?: boolean;
         /**
-          * @prop {boolean} isCompleteLocked Specify if the user is denied to mark the tasks as complete
+          * Emitted when the value changes.
          */
-        "isCompleteLocked"?: boolean;
+        "onInputChanged"?: (event: YooFormTodoTaskCustomEvent<ITodoTask>) => void;
         /**
-          * @prop {boolean} mode used to adapt the UI according to the chosen mode
+          * Emitted when a translation changes.
          */
-        "mode"?: TodoListMode;
+        "onTranslationValueUpdated"?: (event: YooFormTodoTaskCustomEvent<{ key: string; value: string }>) => void;
         /**
-          * Kanban mode events
+          * Emitted when the validity changes.
          */
-        "onConvertTaskToCard"?: (event: YooFormTodoListCustomEvent<ITodoTask>) => void;
+        "onValidityChanged"?: (event: YooFormTodoTaskCustomEvent<boolean>) => void;
         /**
-          * @event YooFormTodoListComponent#delete
+          * If `true`, it is in read mode.
          */
-        "onDelete"?: (event: YooFormTodoListCustomEvent<any>) => void;
+        "readonly"?: boolean;
         /**
-          * @event YooFormTodoListComponent#fitChanged
-          * @type {DOMRect} The client rect coordinates of the component
+          * If `true`, it is a required part of form submission.
          */
-        "onFitChanged"?: (event: YooFormTodoListCustomEvent<DOMRect>) => void;
+        "required"?: boolean;
         /**
-          * @event YooFormTodoListComponent#inputChanged
-          * @type {ITodo} The whole definition of the list
+          * Translations used in the associated form.
          */
-        "onInputChanged"?: (event: YooFormTodoListCustomEvent<ITodo>) => void;
-        "onTranslationValueUpdated"?: (event: YooFormTodoListCustomEvent<{ key: string; value: string }>) => void;
+        "translations"?: ITranslation[];
         /**
-          * @event YooFormTodoListComponent#validityChanged
-          * @type {boolean} Specifies if the component is valid or not
+          * Value associated with the form task.
          */
-        "onValidityChanged"?: (event: YooFormTodoListCustomEvent<boolean>) => void;
+        "value"?: ITodoTask;
+    }
+    interface YooFormTodoTaskList {
         /**
-          * @prop {boolean} readonly Specify if the component is in readonly mode or not. Be aware that it will be always editable if the mode is 'kanban'.
+          * If true`, it automatically focuses a task on edit mode.
+         */
+        "autofocus"?: boolean;
+        /**
+          * Emitted when the value changes.
+         */
+        "onInputChanged"?: (event: YooFormTodoTaskListCustomEvent<ITodo>) => void;
+        /**
+          * Emitted when a translation changes.
+         */
+        "onTranslationValueUpdated"?: (event: YooFormTodoTaskListCustomEvent<{ key: string; value: string }>) => void;
+        /**
+          * Emitted when the validity changes.
+         */
+        "onValidityChanged"?: (event: YooFormTodoTaskListCustomEvent<boolean>) => void;
+        /**
+          * If `true`, it is a required part of form submission.
          */
-        "readonly"?: boolean;
         "required"?: boolean;
+        /**
+          * Translations used in the associated form.
+         */
         "translations"?: ITranslation[];
         /**
-          * @prop {ITodo} value The definition of the list (its title, and its list of tasks)
+          * Value associated with the form task list.
          */
         "value"?: ITodo;
     }
-    interface YooFormTodoListDialog {
-        "header"?: string;
-        "locations"?: ILocation[];
-        "mode"?: TodoListMode;
-        "onCancelTask"?: (event: YooFormTodoListDialogCustomEvent<ITodoTask>) => void;
-        "onSaveTask"?: (event: YooFormTodoListDialogCustomEvent<ITodoTask>) => void;
-        "onValidityChanged"?: (event: YooFormTodoListDialogCustomEvent<boolean>) => void;
-        "placeholder"?: string;
-        "saveBtnText"?: string;
-        "value"?: ITodoTask;
-    }
-    interface YooFormTodoListTask {
-        "actions"?: IButton[];
-        "isCompleteLocked"?: boolean;
-        "isTaskEdited"?: boolean;
-        "locations"?: ILocation[];
-        "mode"?: TodoListMode;
-        "onCancelTask"?: (event: YooFormTodoListTaskCustomEvent<ITodoTask>) => void;
-        "onDataChanged"?: (event: YooFormTodoListTaskCustomEvent<ITodoTask>) => void;
-        "onEditTask"?: (event: YooFormTodoListTaskCustomEvent<ITodoTask>) => void;
-        "onSaveTask"?: (event: YooFormTodoListTaskCustomEvent<ITodoTask>) => void;
-        "onSetTaskComplete"?: (event: YooFormTodoListTaskCustomEvent<ITodoTask>) => void;
-        "onTranslationValueUpdated"?: (event: YooFormTodoListTaskCustomEvent<{ key: string; value: string }>) => void;
-        "onValidityChanged"?: (event: YooFormTodoListTaskCustomEvent<boolean>) => void;
-        "placeholder"?: string;
-        "readonly"?: boolean;
-        "saveBtnText"?: string;
-        "translations"?: ITranslation[];
-        "value"?: ITodoTask;
-    }
-    interface YooFormTodoSingle {
-        "dueDateToClean"?: Date;
-        "isPreview"?: boolean;
-        "onUpdate"?: (event: YooFormTodoSingleCustomEvent<{ values: ITodoTask[]; index: number }>) => void;
-        "parentScroll"?: HTMLYooIonScrollElement;
-        "readonly"?: boolean;
-        "slidesTodoTask"?: ISlide[];
-        "type"?: 'mission' | 'form';
-        "values"?: ITodoTask[];
-    }
     interface YooFormToggle {
         /**
           * Checks the validity of the component using async.
@@ -17284,6 +17350,7 @@ declare namespace LocalJSX {
         "earnedPoints"?: number;
         "explanationDocument"?: IFileInterface;
         "fields"?: IFormField[];
+        "forceMobile"?: boolean;
         "isAnimationFinished"?: boolean;
         "isRatingEnabled"?: boolean;
         "lastField"?: boolean;
@@ -18403,9 +18470,9 @@ declare namespace LocalJSX {
     interface YooText {
         "content"?: string;
         /**
-          * Addition conversion to be applied after the content is sanitize for  security reason
+          * Addition conversion to be applied after the content is sanitize for security reason
          */
-        "extraConversion"?: ((val: string) => string)[];
+        "extraConversion"?: (host: HTMLYooTextElement) => void;
     }
     interface YooTextSequence {
         "animated"?: boolean;
@@ -19324,10 +19391,9 @@ declare namespace LocalJSX {
         "yoo-form-timeslots": YooFormTimeslots;
         "yoo-form-todo": YooFormTodo;
         "yoo-form-todo-dialog": YooFormTodoDialog;
-        "yoo-form-todo-list": YooFormTodoList;
-        "yoo-form-todo-list-dialog": YooFormTodoListDialog;
-        "yoo-form-todo-list-task": YooFormTodoListTask;
         "yoo-form-todo-single": YooFormTodoSingle;
+        "yoo-form-todo-task": YooFormTodoTask;
+        "yoo-form-todo-task-list": YooFormTodoTaskList;
         "yoo-form-toggle": YooFormToggle;
         "yoo-form-uploader": YooFormUploader;
         "yoo-form-videoplayer": YooFormVideoplayer;
@@ -19688,10 +19754,9 @@ declare module "@stencil/core" {
             "yoo-form-timeslots": LocalJSX.YooFormTimeslots & JSXBase.HTMLAttributes<HTMLYooFormTimeslotsElement>;
             "yoo-form-todo": LocalJSX.YooFormTodo & JSXBase.HTMLAttributes<HTMLYooFormTodoElement>;
             "yoo-form-todo-dialog": LocalJSX.YooFormTodoDialog & JSXBase.HTMLAttributes<HTMLYooFormTodoDialogElement>;
-            "yoo-form-todo-list": LocalJSX.YooFormTodoList & JSXBase.HTMLAttributes<HTMLYooFormTodoListElement>;
-            "yoo-form-todo-list-dialog": LocalJSX.YooFormTodoListDialog & JSXBase.HTMLAttributes<HTMLYooFormTodoListDialogElement>;
-            "yoo-form-todo-list-task": LocalJSX.YooFormTodoListTask & JSXBase.HTMLAttributes<HTMLYooFormTodoListTaskElement>;
             "yoo-form-todo-single": LocalJSX.YooFormTodoSingle & JSXBase.HTMLAttributes<HTMLYooFormTodoSingleElement>;
+            "yoo-form-todo-task": LocalJSX.YooFormTodoTask & JSXBase.HTMLAttributes<HTMLYooFormTodoTaskElement>;
+            "yoo-form-todo-task-list": LocalJSX.YooFormTodoTaskList & JSXBase.HTMLAttributes<HTMLYooFormTodoTaskListElement>;
             "yoo-form-toggle": LocalJSX.YooFormToggle & JSXBase.HTMLAttributes<HTMLYooFormToggleElement>;
             "yoo-form-uploader": LocalJSX.YooFormUploader & JSXBase.HTMLAttributes<HTMLYooFormUploaderElement>;
             "yoo-form-videoplayer": LocalJSX.YooFormVideoplayer & JSXBase.HTMLAttributes<HTMLYooFormVideoplayerElement>;