@yoobic/yobi 8.2.0-3 → 8.2.0-30

package/dist/types/components.d.ts

@@ -5,19 +5,20 @@
  * 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, IBattleListEntry, IBattleStatus, IBattleUserWithStats, IButton, ICalendarDateChange, ICardFeedEntry, ICardProgress, ICardVideoParticipant, IChartDefinition, IChatAdvancedOptions, IChatBroadcastParams, IChatFloatingAnimationParams, IChatInputParams, IChatMessage, ICheckboxParams, IColumnDefinition, ICommunity, ICompetency, ICondition, IConfidenceValues, IConfigService, ICourse, ICustomActionComponent, ICustomActionConfig, ICustomFormField, ICustomModel, ICustomView, IDashboard, IDeviceEntry, 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, 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, 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, TBaseSize, TButtonFill, TButtonRippleType, TButtonShape, TButtonType, TCalendarType, TCalendarView, TChartType, TColor, TContextMenuPlacement, TCrop, 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, IBattleListEntry, IBattleStatus, IBattleUserWithStats, IButton, ICalendarDateChange, ICardFeedEntry, ICardListEntry, ICardMediaFullscreenParams, ICardProgress, ICardVideoParticipant, IChartDefinition, IChatAdvancedOptions, IChatBroadcastParams, IChatFloatingAnimationParams, IChatInputParams, IChatMessage, ICheckboxParams, IColumnDefinition, ICommunity, ICompetency, ICondition, IConfidenceValues, IConfigService, ICourse, ICustomActionComponent, ICustomActionConfig, ICustomFormField, ICustomModel, ICustomView, IDashboard, IDeviceEntry, IEntitiesAction, IEntity, IEntityAction, IEntityActionType, IEntitySearchFilters, IEntitySearchRequest, IEntitySearchTags, IEntityWithName, IExternalValidator, IFeed, IFileInterface, IFilters, IFormChoiceValue, 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, 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, TAvatarFrame, TBaseSize, TButtonFill, TButtonRippleType, TButtonShape, TButtonType, TCalendarType, TCalendarView, TCardMediaMode, TCardMediaType, TChartType, TColor, TContextMenuPlacement, TCrop, 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, ICardListEntry, ICardMediaFullscreenParams, IFormBarcodeOcrRegex, IFormCaptureDetailViewOptions, IFormChecklistValue, IFormCreatorBlock, IFormCreatorItemList, IFormDateRangeValue, IFormUIValidation, IHTMLYooIonOverlayElement, IKpiTypes, IMapEntry, IMapFilterGroup, IMapMarkerColor, IMediaFullscreenParams, IModalAnimationProp, IScoreChangedDetail, ITag, IWorkflowFieldState, TAvatarFrame, TCardMediaMode, TCardMediaType, THealthscoreDisplayMode, TSpacing } from "./interfaces";
+import { FormCreatorBlockModes, FormDisplayType, FormStarType, ICardChatEntry, IFormBarcodeOcrRegex, IFormCaptureDetailViewOptions, IFormChecklistValue, IFormCreatorBlock, IFormCreatorItemList, IFormDateRangeValue, IFormUIValidation, IHTMLYooIonOverlayElement, IKpiTypes, IMapEntry, IMapFilterGroup, IMapMarkerColor, IMediaFullscreenParams, IModalAnimationProp, IScoreChangedDetail, ITag, IWorkflowFieldState, THealthscoreDisplayMode, TSpacing } from "./interfaces";
 import { TAvatarsLayout } from "./components/1.atoms/avatars/types";
 import { TBadgeShape, TBadgeSize } from "./components/1.atoms/badge/types";
+import { YooIconComponent } from "src/components/1.atoms/icon/icon";
 import { YooAvatarComponent } from "./components/1.atoms/avatar/avatar";
 import { ICardCellEntry } from "./components/entities/card-cell/types";
 import { ICardInboxEntry } from "./feature-operate/mission/card-inbox/types";
 import { ICardKanbanEntry } from "./feature-operate/campaign/card-kanban/types";
 import { ICardListColorEntry } from "./components/entities/card-list/color/types";
 import { ICardMenuEntry } from "./feature-learn/learning/card-menu/types";
-import { ICardStickyEntry } from "./components/entities/card-sticky/types";
+import { ICardStickyEntry, TCardStickyType } from "./components/entities/card-sticky/types";
 import { Highcharts } from "./feature-platform/insight/chart/highcharts";
 import { IChartMicroConfig } from "./feature-platform/insight/chart-micro/types";
 import { CountryCode } from "libphonenumber-js";
@@ -107,7 +108,6 @@ export namespace Components {
           * have a master title for the accordion
          */
         "masterTitle": string;
-        "maxTitleCharacters": number;
         /**
           * If true, each item will have a border bottom of 0.0625rem
          */
@@ -465,55 +465,34 @@ export namespace Components {
     }
     interface YooBanner {
         /**
-          * Animation name for the banner.
+          * If `true`, a close button is displayed
          */
-        "animationName": string;
-        /**
-          * If `true`, a close button will appear on the banner.
-         */
-        "closable": boolean;
-        "close": () => Promise<void>;
-        /**
-          * The app currently used.
-         */
-        "currentApp": string;
-        /**
-          * Class of the footer button.
-         */
-        "footerBtnColor": TColor;
-        "footerBtnFill": TButtonFill;
-        /**
-          * Text of the footer button.
-         */
-        "footerBtnText": string;
+        "closable"?: boolean;
+        "close": (event: MouseEvent) => Promise<void>;
         /**
-          * Heading of the banner.
+          * If `true`, the banner will be filled of the type color
          */
-        "heading": string;
+        "fill"?: boolean;
         /**
-          * Icon of the banner.
+          * Left icon props
          */
-        "icon": TIconName;
-        "iconColor": TColor;
-        "leftIcon": TIconName;
-        "leftIconColor": TColor;
-        "leftIconSize": TIconSize;
+        "leftIcon": Partial<YooIconComponent>;
         /**
           * Link of the banner.
          */
-        "link": string;
+        "link"?: string;
         /**
-          * Mode of the banner : `simple` or `card`.
+          * Text of the link
          */
-        "mode": 'simple' | 'card';
+        "linkText"?: string;
         /**
-          * Sub headings of the banner
+          * Size of the banner
          */
-        "subHeadings"?: string[];
+        "size"?: TSize;
         /**
-          * Text of the banner.
+          * 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`.
          */
-        "text": string;
+        "target"?: string;
     }
     interface YooBarcode {
         "height": number;
@@ -628,9 +607,9 @@ export namespace Components {
          */
         "color": TColor;
         /**
-          * Custom color passed to the background and border of the button. If completed, this property overrides the `color` one and the text is black.
+          * Custom color passed to the background and border of the button. If completed, this property overrides the `color` one and the text is black. Values can be either a color in a string format, or an object specifying colors for background-color, border-color, and color (for text)
          */
-        "customColor"?: string;
+        "customColor"?: string | Partial<Pick<CSSStyleDeclaration, 'backgroundColor' | 'borderColor' | 'color'>>;
         /**
           * If `true`, the user cannot interact with the button.
          */
@@ -1173,6 +1152,8 @@ export namespace Components {
     }
     interface YooCardMenu {
         "entry": ICardMenuEntry;
+        "sizeLeftIcon": TIconSize;
+        "typeRightIcon": TIconName;
     }
     interface YooCardNotification {
         /**
@@ -1220,8 +1201,8 @@ export namespace Components {
         "type": 'lesson' | 'plan';
     }
     interface YooCardSticky {
-        "entry": ICardStickyEntry;
-        "type"?: string;
+        "entry"?: ICardStickyEntry;
+        "type"?: TCardStickyType;
     }
     interface YooCardTemplate {
         /**
@@ -1697,6 +1678,7 @@ export namespace Components {
         "disableRowClick"?: boolean;
         "displaySize"?: TSize;
         "displayType": CardType;
+        "entityMapping"?: TEntityMapping;
         "entityType": EntityType;
         "extraClass": string;
         "forceText"?: boolean;
@@ -1819,6 +1801,7 @@ export namespace Components {
         "flipDirection"?: 'vertical' | 'horizontal';
         "initCardSize": () => Promise<void>;
         "layout"?: 'card' | 'unset';
+        "loadCard": () => Promise<void>;
         "revealed"?: boolean;
     }
     interface YooFormAudience {
@@ -1864,6 +1847,7 @@ export namespace Components {
         "displayType": CardType;
         "dynamicOrdering"?: boolean;
         "emptyState": string;
+        "entityMapping"?: TEntityMapping;
         "entityType": EntityType;
         "expandHeightOnShow": boolean;
         "extraClass": string;
@@ -1886,6 +1870,7 @@ export namespace Components {
         "isHistory": boolean;
         "isLoading": boolean;
         "isLocal": boolean;
+        "keepSelection": boolean;
         "max": number;
         "maxHeight": number;
         "maxWidth": number;
@@ -2119,7 +2104,7 @@ export namespace Components {
         "maxHeight"?: number;
         "mediaDimension"?: IMediaDimension[];
         "mediaSrc": (string | IFileInterface)[];
-        "mediaType": string;
+        "mediaType": 'photo' | 'video' | 'audio' | 'document';
         "paginationType"?: 'bullets' | 'fraction' | 'progressbar' | 'custom';
         "playerCommand"?: string;
         "preventAutoPlayMedia"?: boolean;
@@ -2255,19 +2240,44 @@ export namespace Components {
         "validators": (Validator<IFormChecklistValue> | IValidatorEntry)[];
         "value": IFormChecklistValue;
     }
-    interface YooFormChoice {
-        "allowOther": boolean;
+    interface YooFormChoiceButton {
+        "customEvent": boolean;
+        "description": string;
+        "livePreview": boolean;
+        "multiple": boolean;
+        "readonly": boolean;
+        "required": boolean;
+        "selected": boolean;
+        "shuffled"?: boolean;
+        "size"?: TBaseSize;
+        "useTranslate": boolean;
+        "validators": (Validator<any[]> | IValidatorEntry)[];
+        "value": string[] | string;
+        "values": IFormChoiceValue[];
+        "valuesColor": { key: string; value: string }[];
+    }
+    interface YooFormChoiceCard {
+        "customEvent": boolean;
+        "description": string;
+        "livePreview": boolean;
+        "maxWidth"?: number;
+        "multiple": boolean;
+        "readonly": boolean;
+        "required": boolean;
+        "selected": boolean;
+        "shuffled"?: boolean;
+        "useTranslate": boolean;
+        "validators": (Validator<any[]> | IValidatorEntry)[];
+        "value": string[] | string;
+        "values": IFormChoiceValue[];
+        "valuesColor": { key: string; value: string }[];
+    }
+    interface YooFormChoiceChat {
         "animated"?: boolean;
         "answer": string[];
-        "asyncValidators": AsyncValidator<any[]>[];
-        "cardColumns"?: number;
-        "complexValues": IMultiInputValue[][];
         "customEvent": boolean;
         "description": string;
-        "isHistory": boolean;
-        "isPdf"?: boolean;
         "livePreview": boolean;
-        "maxWidth"?: number;
         "multiple": boolean;
         "readonly": boolean;
         "required": boolean;
@@ -2275,12 +2285,43 @@ export namespace Components {
         "sentence": string;
         "shuffled"?: boolean;
         "size"?: TBaseSize;
-        "type": 'button' | 'radio' | 'image' | 'chat' | 'card';
-        "useTranslate": boolean;
         "validators": (Validator<any[]> | IValidatorEntry)[];
         "validity": boolean;
-        "value": any[] | any;
-        "values": any[];
+        "value": Array<string> | string;
+        "values": Array<string>;
+    }
+    interface YooFormChoiceImage {
+        "animated"?: boolean;
+        "answer": IFormChoiceValue[];
+        "customEvent": boolean;
+        "description": string;
+        "isHistory": boolean;
+        "isPdf"?: boolean;
+        "livePreview": boolean;
+        "multiple": boolean;
+        "readonly": boolean;
+        "required": boolean;
+        "selected": boolean;
+        "shuffled"?: boolean;
+        "validators": (Validator<any[]> | IValidatorEntry)[];
+        "value": IFormChoiceValue[] | IFormChoiceValue;
+        "values": IFormChoiceValue[];
+    }
+    interface YooFormChoiceRadio {
+        "allowOther": boolean;
+        "answer": string[];
+        "customEvent": boolean;
+        "description": string;
+        "livePreview": boolean;
+        "multiple": boolean;
+        "readonly": boolean;
+        "required": boolean;
+        "selected": boolean;
+        "shuffled"?: boolean;
+        "useTranslate": boolean;
+        "validators": (Validator<any[]> | IValidatorEntry)[];
+        "value": string[] | string;
+        "values": Array<string>;
         "valuesColor": { key: string; value: string }[];
     }
     interface YooFormColorField {
@@ -2651,6 +2692,7 @@ export namespace Components {
         "fullscreenHeading"?: string;
         "hidden": boolean;
         "hideHeaderTitle": boolean;
+        "hideHeading": boolean;
         "logo"?: string;
         "missionDescriptionText": string;
         "missionDescriptionTitle": string;
@@ -3041,6 +3083,7 @@ export namespace Components {
         "findPreviousValue": (fieldName: string) => Promise<{ field: IFormField; value: any; extra: any; }>;
         "focusForm"?: boolean;
         "focusInvalidField": (displayToast: boolean) => Promise<void>;
+        "forceCheckValidityAndEmitChanges": () => Promise<void>;
         "forceCollapsibleOpen"?: boolean;
         "forceDescription"?: boolean;
         "forceFieldChanged": (field: IFormField, data?: any) => Promise<void>;
@@ -3059,12 +3102,14 @@ export namespace Components {
         "getData": () => Promise<Record<string, any>>;
         "getScrollOrDivElement": () => Promise<HTMLYooIonScrollElement | HTMLDivElement>;
         "getStates": () => Promise<{ slidesState: IFormDynamicSlideState[]; validity: boolean; fieldsState: { [key: string]: IFormDynamicFieldState; }; }>;
+        "getTabName": () => Promise<string>;
         "goToRecap": () => Promise<void>;
         "goToSlide": (index: number, animated: boolean) => Promise<void>;
         "gridstackAllowDelete"?: boolean;
         "gridstackAllowEdit"?: boolean;
         "gridstackCellHeight"?: number;
         "gridstackConfig"?: IGridstackItem[][];
+        "gridstackFloat"?: boolean;
         "gridstackForceGridLines"?: boolean;
         "gridstackForceLoader"?: boolean;
         "gridstackFullOverlay"?: boolean;
@@ -3471,6 +3516,7 @@ export namespace Components {
         "value": IIncentiveTarget[];
     }
     interface YooFormInput {
+        "allowDecimals": boolean;
         "animation"?: string;
         "asyncValidators": AsyncValidator<string>[];
         "autocapitalize": string;
@@ -3497,6 +3543,7 @@ export namespace Components {
         "initialCheckboxParams": ICheckboxParams;
         "inlineActions"?: IButton[];
         "inputTabIndex": number;
+        "inputmode"?: string;
         "invalidMessage": string;
         "isValidityNotEmpty": () => Promise<boolean>;
         "max": string;
@@ -4215,6 +4262,7 @@ export namespace Components {
         "displaySegmentsCount"?: boolean;
         "focusOnRendered": boolean;
         "getFocusedElement": () => Promise<IInsertElementProp>;
+        "getText": () => Promise<string>;
         "hasText": () => Promise<boolean>;
         "initialRows": number;
         "inlineActions"?: IButton[];
@@ -4249,6 +4297,7 @@ export namespace Components {
         "asyncValidators": AsyncValidator<string>[];
         "customZIndex"?: number;
         "debounce": number;
+        "forceUpdateValue": (value: string) => Promise<void>;
         "formatAmpersandSymbol": boolean;
         "inputTabIndex": number;
         "isFullscreen"?: boolean;
@@ -4547,8 +4596,11 @@ export namespace Components {
         "emptyStateDescription": string;
         "emptyStateHandler": () => void;
         "emptyStateHeader": string;
+        "emptyStateNoDescription": boolean;
         "emptyStateTextPosition"?: 'top' | 'bottom';
+        "entityMapping"?: TEntityMapping;
         "entityType": EntityType;
+        "expandTreePath": (routes: string[]) => Promise<void>;
         "extraClass": string;
         "field"?: IFormField;
         "fields"?: any[];
@@ -4682,6 +4734,7 @@ export namespace Components {
         "unreadCounts": IUnreadCounts;
         "updateGridConfig": () => Promise<void>;
         "updateGridHeader": () => Promise<void>;
+        "updateTreePath": (route: string[], purge?: boolean) => Promise<void>;
         "updateValues": (values: any, total?: number, gridCurrentSearch?: any) => Promise<void>;
         "updateVirtualScroll": () => Promise<void>;
         "useCellOverlay"?: boolean;
@@ -4896,6 +4949,7 @@ export namespace Components {
         "incentive": IIncentive;
         "kpiChartConfig": Highcharts.Options;
         "salesBreakdown"?: IIncentiveSaleBreakdown[];
+        "showManagerView": boolean;
     }
     interface YooInfoText {
         "icon"?: TIconName;
@@ -5447,6 +5501,18 @@ export namespace Components {
         "definition": IChartDefinition;
         "isFullScreen": boolean;
     }
+    interface YooLayoutSections {
+        "config": ILayoutSectionConfig[];
+    }
+    interface YooLayoutTabs {
+        "header": string;
+        "hideHeader": boolean;
+        "selectedTabIndex": number;
+        "tabs": ITab[];
+    }
+    interface YooLayoutTwoColumns {
+        "header": string;
+    }
     interface YooLessonDetail {
         "assignmentDate": Date;
         "highscores": IUserRank[];
@@ -5992,10 +6058,6 @@ export namespace Components {
           * Used to set custom colors based on custom range of percentage as following to 30% => var(--danger) || red || rgb(255, 0, 0) || #FF0000, to 70 => var(--warning) || etc ..
          */
         "colorsRepartition": IProgressColorsRepartition;
-        /**
-          * Before setting this property, ensure that the metric is set to 'step' Define the current step to display X/Y (X)
-         */
-        "currentStep"?: number;
         /**
           * This property will allow not to see the animation in case of a decreasing progress
          */
@@ -6020,10 +6082,6 @@ export namespace Components {
           * Used to set custom markers with labels on the progressbar ( possible only on a line progressbar )
          */
         "markers"?: IProgressMarker[];
-        /**
-          * Before setting this property, ensure that the metric is set to 'step' Define the total number of step to display X/Y (Y)
-         */
-        "maxStep"?: number;
         /**
           * If set, the progress will be the result of the value / maxValue if not, the progress display will be by default the one from the value
          */
@@ -6200,6 +6258,7 @@ export namespace Components {
         "success": boolean;
     }
     interface YooReveal {
+        "isVisible"?: boolean;
         "validity"?: boolean;
         "values"?: IRevealValue[];
     }
@@ -6291,7 +6350,8 @@ export namespace Components {
         "toggleSelectAll": () => Promise<void>;
         "unselectAll": () => Promise<void>;
     }
-    interface YooSegment {
+    interface YooSegmentedControl {
+        "animated": boolean;
         "initialIndex": number;
         "maxWidth"?: number;
         "readonly"?: boolean;
@@ -6433,10 +6493,6 @@ export namespace Components {
           * Boolean which enables the editable mode.
          */
         "isEditable"?: boolean;
-        /**
-          * Maximum amount of title characters before truncating it
-         */
-        "maxTitleCharacters"?: number;
         /**
           * Enable ripple click effect
          */
@@ -6529,8 +6585,8 @@ export namespace Components {
     interface YooTextSequence {
         "animated"?: boolean;
         "heading"?: string;
+        "isAnimationFinished"?: boolean;
         "isVisible": boolean;
-        "livePreview"?: boolean;
         "validity"?: boolean;
         "values"?: string[];
     }
@@ -6621,6 +6677,7 @@ export namespace Components {
           * Set this props only in editable mode to set a max number of allowed character in the textera field;
          */
         "maxCharacters"?: number;
+        "maxWidth"?: number;
         /**
           * Set this props to be able to retrieve the role of the tooltip for the closing tooltip logic
          */
@@ -6646,7 +6703,8 @@ export namespace Components {
         /**
           * Size.
          */
-        "size"?: 'small' | 'large';
+        "size"?: 'small' | 'medium' | 'large';
+        "toggleHoverable": (isEnable?: boolean) => Promise<void>;
     }
     interface YooTruncate {
         /**
@@ -6686,6 +6744,11 @@ export namespace Components {
          */
         "showEllipsisIcon": boolean;
     }
+    interface YooTruncatedLine {
+        "content"?: string;
+        "tooltipPlacement"?: Placement;
+        "withTooltip"?: boolean;
+    }
     interface YooUserDetail {
         "courses": ICourse[];
         "showEmptyState": boolean;
@@ -7949,11 +8012,35 @@ declare global {
         prototype: HTMLYooFormChecklistElement;
         new (): HTMLYooFormChecklistElement;
     };
-    interface HTMLYooFormChoiceElement extends Components.YooFormChoice, HTMLStencilElement {
+    interface HTMLYooFormChoiceButtonElement extends Components.YooFormChoiceButton, HTMLStencilElement {
+    }
+    var HTMLYooFormChoiceButtonElement: {
+        prototype: HTMLYooFormChoiceButtonElement;
+        new (): HTMLYooFormChoiceButtonElement;
+    };
+    interface HTMLYooFormChoiceCardElement extends Components.YooFormChoiceCard, HTMLStencilElement {
     }
-    var HTMLYooFormChoiceElement: {
-        prototype: HTMLYooFormChoiceElement;
-        new (): HTMLYooFormChoiceElement;
+    var HTMLYooFormChoiceCardElement: {
+        prototype: HTMLYooFormChoiceCardElement;
+        new (): HTMLYooFormChoiceCardElement;
+    };
+    interface HTMLYooFormChoiceChatElement extends Components.YooFormChoiceChat, HTMLStencilElement {
+    }
+    var HTMLYooFormChoiceChatElement: {
+        prototype: HTMLYooFormChoiceChatElement;
+        new (): HTMLYooFormChoiceChatElement;
+    };
+    interface HTMLYooFormChoiceImageElement extends Components.YooFormChoiceImage, HTMLStencilElement {
+    }
+    var HTMLYooFormChoiceImageElement: {
+        prototype: HTMLYooFormChoiceImageElement;
+        new (): HTMLYooFormChoiceImageElement;
+    };
+    interface HTMLYooFormChoiceRadioElement extends Components.YooFormChoiceRadio, HTMLStencilElement {
+    }
+    var HTMLYooFormChoiceRadioElement: {
+        prototype: HTMLYooFormChoiceRadioElement;
+        new (): HTMLYooFormChoiceRadioElement;
     };
     interface HTMLYooFormColorFieldElement extends Components.YooFormColorField, HTMLStencilElement {
     }
@@ -8795,6 +8882,24 @@ declare global {
         prototype: HTMLYooKpiExternalElement;
         new (): HTMLYooKpiExternalElement;
     };
+    interface HTMLYooLayoutSectionsElement extends Components.YooLayoutSections, HTMLStencilElement {
+    }
+    var HTMLYooLayoutSectionsElement: {
+        prototype: HTMLYooLayoutSectionsElement;
+        new (): HTMLYooLayoutSectionsElement;
+    };
+    interface HTMLYooLayoutTabsElement extends Components.YooLayoutTabs, HTMLStencilElement {
+    }
+    var HTMLYooLayoutTabsElement: {
+        prototype: HTMLYooLayoutTabsElement;
+        new (): HTMLYooLayoutTabsElement;
+    };
+    interface HTMLYooLayoutTwoColumnsElement extends Components.YooLayoutTwoColumns, HTMLStencilElement {
+    }
+    var HTMLYooLayoutTwoColumnsElement: {
+        prototype: HTMLYooLayoutTwoColumnsElement;
+        new (): HTMLYooLayoutTwoColumnsElement;
+    };
     interface HTMLYooLessonDetailElement extends Components.YooLessonDetail, HTMLStencilElement {
     }
     var HTMLYooLessonDetailElement: {
@@ -9125,11 +9230,11 @@ declare global {
         prototype: HTMLYooSectionListElement;
         new (): HTMLYooSectionListElement;
     };
-    interface HTMLYooSegmentElement extends Components.YooSegment, HTMLStencilElement {
+    interface HTMLYooSegmentedControlElement extends Components.YooSegmentedControl, HTMLStencilElement {
     }
-    var HTMLYooSegmentElement: {
-        prototype: HTMLYooSegmentElement;
-        new (): HTMLYooSegmentElement;
+    var HTMLYooSegmentedControlElement: {
+        prototype: HTMLYooSegmentedControlElement;
+        new (): HTMLYooSegmentedControlElement;
     };
     interface HTMLYooSideMenuElement extends Components.YooSideMenu, HTMLStencilElement {
     }
@@ -9215,6 +9320,12 @@ declare global {
         prototype: HTMLYooTruncateElement;
         new (): HTMLYooTruncateElement;
     };
+    interface HTMLYooTruncatedLineElement extends Components.YooTruncatedLine, HTMLStencilElement {
+    }
+    var HTMLYooTruncatedLineElement: {
+        prototype: HTMLYooTruncatedLineElement;
+        new (): HTMLYooTruncatedLineElement;
+    };
     interface HTMLYooUserDetailElement extends Components.YooUserDetail, HTMLStencilElement {
     }
     var HTMLYooUserDetailElement: {
@@ -9491,7 +9602,11 @@ declare global {
         "yoo-form-categorize-words": HTMLYooFormCategorizeWordsElement;
         "yoo-form-checkbox": HTMLYooFormCheckboxElement;
         "yoo-form-checklist": HTMLYooFormChecklistElement;
-        "yoo-form-choice": HTMLYooFormChoiceElement;
+        "yoo-form-choice-button": HTMLYooFormChoiceButtonElement;
+        "yoo-form-choice-card": HTMLYooFormChoiceCardElement;
+        "yoo-form-choice-chat": HTMLYooFormChoiceChatElement;
+        "yoo-form-choice-image": HTMLYooFormChoiceImageElement;
+        "yoo-form-choice-radio": HTMLYooFormChoiceRadioElement;
         "yoo-form-color-field": HTMLYooFormColorFieldElement;
         "yoo-form-color-picker": HTMLYooFormColorPickerElement;
         "yoo-form-conditions": HTMLYooFormConditionsElement;
@@ -9632,6 +9747,9 @@ declare global {
         "yoo-kpi-card": HTMLYooKpiCardElement;
         "yoo-kpi-container": HTMLYooKpiContainerElement;
         "yoo-kpi-external": HTMLYooKpiExternalElement;
+        "yoo-layout-sections": HTMLYooLayoutSectionsElement;
+        "yoo-layout-tabs": HTMLYooLayoutTabsElement;
+        "yoo-layout-two-columns": HTMLYooLayoutTwoColumnsElement;
         "yoo-lesson-detail": HTMLYooLessonDetailElement;
         "yoo-lesson-detail-card": HTMLYooLessonDetailCardElement;
         "yoo-lesson-heading": HTMLYooLessonHeadingElement;
@@ -9687,7 +9805,7 @@ declare global {
         "yoo-scratch-card-creator": HTMLYooScratchCardCreatorElement;
         "yoo-scroll-to-button": HTMLYooScrollToButtonElement;
         "yoo-section-list": HTMLYooSectionListElement;
-        "yoo-segment": HTMLYooSegmentElement;
+        "yoo-segmented-control": HTMLYooSegmentedControlElement;
         "yoo-side-menu": HTMLYooSideMenuElement;
         "yoo-side-menu-tree": HTMLYooSideMenuTreeElement;
         "yoo-slides-media": HTMLYooSlidesMediaElement;
@@ -9702,6 +9820,7 @@ declare global {
         "yoo-toast": HTMLYooToastElement;
         "yoo-tooltip": HTMLYooTooltipElement;
         "yoo-truncate": HTMLYooTruncateElement;
+        "yoo-truncated-line": HTMLYooTruncatedLineElement;
         "yoo-user-detail": HTMLYooUserDetailElement;
         "yoo-user-profile": HTMLYooUserProfileElement;
         "yoo-user-wizard": HTMLYooUserWizardElement;
@@ -9791,7 +9910,6 @@ declare namespace LocalJSX {
           * have a master title for the accordion
          */
         "masterTitle"?: string;
-        "maxTitleCharacters"?: number;
         "onAccordionHandlerClicked"?: (event: CustomEvent<{ index: number }>) => void;
         "onAccordionSelected"?: (event: CustomEvent<{ index: number; selected: boolean }>) => void;
         "onSearchInputChanged"?: (event: CustomEvent<string>) => void;
@@ -10155,66 +10273,41 @@ declare namespace LocalJSX {
     }
     interface YooBanner {
         /**
-          * Animation name for the banner.
-         */
-        "animationName"?: string;
-        /**
-          * If `true`, a close button will appear on the banner.
+          * If `true`, a close button is displayed
          */
         "closable"?: boolean;
         /**
-          * The app currently used.
-         */
-        "currentApp"?: string;
-        /**
-          * Class of the footer button.
-         */
-        "footerBtnColor"?: TColor;
-        "footerBtnFill"?: TButtonFill;
-        /**
-          * Text of the footer button.
-         */
-        "footerBtnText"?: string;
-        /**
-          * Heading of the banner.
+          * If `true`, the banner will be filled of the type color
          */
-        "heading"?: string;
+        "fill"?: boolean;
         /**
-          * Icon of the banner.
+          * Left icon props
          */
-        "icon"?: TIconName;
-        "iconColor"?: TColor;
-        "leftIcon"?: TIconName;
-        "leftIconColor"?: TColor;
-        "leftIconSize"?: TIconSize;
+        "leftIcon"?: Partial<YooIconComponent>;
         /**
           * Link of the banner.
          */
         "link"?: string;
         /**
-          * Mode of the banner : `simple` or `card`.
-         */
-        "mode"?: 'simple' | 'card';
-        /**
-          * Emitted when the banner link is clicked.
+          * Text of the link
          */
-        "onAlertActionSelected"?: (event: CustomEvent<boolean>) => void;
+        "linkText"?: string;
         /**
-          * Emitted when the banner is closed.
+          * Emitted when the close button is clicked
          */
-        "onAlertClosed"?: (event: CustomEvent<boolean>) => void;
+        "onCloseClick"?: (event: CustomEvent<void>) => void;
         /**
-          * Emitted when the footer button is clicked.
+          * Emitted when the link is clicked
          */
-        "onBannerButtonClicked"?: (event: CustomEvent<boolean>) => void;
+        "onLinkClick"?: (event: CustomEvent<void>) => void;
         /**
-          * Sub headings of the banner
+          * Size of the banner
          */
-        "subHeadings"?: string[];
+        "size"?: TSize;
         /**
-          * Text of the banner.
+          * 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`.
          */
-        "text"?: string;
+        "target"?: string;
     }
     interface YooBarcode {
         "height"?: number;
@@ -10344,9 +10437,9 @@ declare namespace LocalJSX {
          */
         "color"?: TColor;
         /**
-          * Custom color passed to the background and border of the button. If completed, this property overrides the `color` one and the text is black.
+          * Custom color passed to the background and border of the button. If completed, this property overrides the `color` one and the text is black. Values can be either a color in a string format, or an object specifying colors for background-color, border-color, and color (for text)
          */
-        "customColor"?: string;
+        "customColor"?: string | Partial<Pick<CSSStyleDeclaration, 'backgroundColor' | 'borderColor' | 'color'>>;
         /**
           * If `true`, the user cannot interact with the button.
          */
@@ -10919,6 +11012,8 @@ declare namespace LocalJSX {
     }
     interface YooCardMenu {
         "entry"?: ICardMenuEntry;
+        "sizeLeftIcon"?: TIconSize;
+        "typeRightIcon"?: TIconName;
     }
     interface YooCardNotification {
         /**
@@ -10969,7 +11064,7 @@ declare namespace LocalJSX {
         "entry"?: ICardStickyEntry;
         "onOuterClicked"?: (event: CustomEvent<boolean>) => void;
         "onUserClicked"?: (event: CustomEvent<boolean>) => void;
-        "type"?: string;
+        "type"?: TCardStickyType;
     }
     interface YooCardTemplate {
         /**
@@ -11500,6 +11595,7 @@ declare namespace LocalJSX {
         "disableRowClick"?: boolean;
         "displaySize"?: TSize;
         "displayType"?: CardType;
+        "entityMapping"?: TEntityMapping;
         "entityType"?: EntityType;
         "extraClass"?: string;
         "forceText"?: boolean;
@@ -11703,6 +11799,7 @@ declare namespace LocalJSX {
         "displayType"?: CardType;
         "dynamicOrdering"?: boolean;
         "emptyState"?: string;
+        "entityMapping"?: TEntityMapping;
         "entityType"?: EntityType;
         "expandHeightOnShow"?: boolean;
         "extraClass"?: string;
@@ -11723,6 +11820,7 @@ declare namespace LocalJSX {
         "isHistory"?: boolean;
         "isLoading"?: boolean;
         "isLocal"?: boolean;
+        "keepSelection"?: boolean;
         "max"?: number;
         "maxHeight"?: number;
         "maxWidth"?: number;
@@ -11975,7 +12073,7 @@ declare namespace LocalJSX {
         "maxHeight"?: number;
         "mediaDimension"?: IMediaDimension[];
         "mediaSrc"?: (string | IFileInterface)[];
-        "mediaType"?: string;
+        "mediaType"?: 'photo' | 'video' | 'audio' | 'document';
         "onEnteringViewPort"?: (event: CustomEvent<boolean>) => void;
         "onImageZoomed"?: (event: CustomEvent<boolean>) => void;
         "onPhotoEditorClicked"?: (event: CustomEvent<boolean>) => void;
@@ -12145,19 +12243,54 @@ declare namespace LocalJSX {
         "validators"?: (Validator<IFormChecklistValue> | IValidatorEntry)[];
         "value"?: IFormChecklistValue;
     }
-    interface YooFormChoice {
-        "allowOther"?: boolean;
+    interface YooFormChoiceButton {
+        "customEvent"?: boolean;
+        "description"?: string;
+        "livePreview"?: boolean;
+        "multiple"?: boolean;
+        "onChoiceSelected"?: (event: CustomEvent<any>) => void;
+        "onInputBlurred"?: (event: CustomEvent<any>) => void;
+        "onInputChanged"?: (event: CustomEvent<any>) => void;
+        "onInputFocused"?: (event: CustomEvent<any>) => void;
+        "onValidityChanged"?: (event: CustomEvent<boolean>) => void;
+        "readonly"?: boolean;
+        "required"?: boolean;
+        "selected"?: boolean;
+        "shuffled"?: boolean;
+        "size"?: TBaseSize;
+        "useTranslate"?: boolean;
+        "validators"?: (Validator<any[]> | IValidatorEntry)[];
+        "value"?: string[] | string;
+        "values"?: IFormChoiceValue[];
+        "valuesColor"?: { key: string; value: string }[];
+    }
+    interface YooFormChoiceCard {
+        "customEvent"?: boolean;
+        "description"?: string;
+        "livePreview"?: boolean;
+        "maxWidth"?: number;
+        "multiple"?: boolean;
+        "onChoiceSelected"?: (event: CustomEvent<any>) => void;
+        "onInputBlurred"?: (event: CustomEvent<any>) => void;
+        "onInputChanged"?: (event: CustomEvent<any>) => void;
+        "onInputFocused"?: (event: CustomEvent<any>) => void;
+        "onValidityChanged"?: (event: CustomEvent<boolean>) => void;
+        "readonly"?: boolean;
+        "required"?: boolean;
+        "selected"?: boolean;
+        "shuffled"?: boolean;
+        "useTranslate"?: boolean;
+        "validators"?: (Validator<any[]> | IValidatorEntry)[];
+        "value"?: string[] | string;
+        "values"?: IFormChoiceValue[];
+        "valuesColor"?: { key: string; value: string }[];
+    }
+    interface YooFormChoiceChat {
         "animated"?: boolean;
         "answer"?: string[];
-        "asyncValidators"?: AsyncValidator<any[]>[];
-        "cardColumns"?: number;
-        "complexValues"?: IMultiInputValue[][];
         "customEvent"?: boolean;
         "description"?: string;
-        "isHistory"?: boolean;
-        "isPdf"?: boolean;
         "livePreview"?: boolean;
-        "maxWidth"?: number;
         "multiple"?: boolean;
         "onChoiceSelected"?: (event: CustomEvent<any>) => void;
         "onInputBlurred"?: (event: CustomEvent<any>) => void;
@@ -12170,12 +12303,53 @@ declare namespace LocalJSX {
         "sentence"?: string;
         "shuffled"?: boolean;
         "size"?: TBaseSize;
-        "type"?: 'button' | 'radio' | 'image' | 'chat' | 'card';
-        "useTranslate"?: boolean;
         "validators"?: (Validator<any[]> | IValidatorEntry)[];
         "validity"?: boolean;
-        "value"?: any[] | any;
-        "values"?: any[];
+        "value"?: Array<string> | string;
+        "values"?: Array<string>;
+    }
+    interface YooFormChoiceImage {
+        "animated"?: boolean;
+        "answer"?: IFormChoiceValue[];
+        "customEvent"?: boolean;
+        "description"?: string;
+        "isHistory"?: boolean;
+        "isPdf"?: boolean;
+        "livePreview"?: boolean;
+        "multiple"?: boolean;
+        "onChoiceSelected"?: (event: CustomEvent<any>) => void;
+        "onInputBlurred"?: (event: CustomEvent<any>) => void;
+        "onInputChanged"?: (event: CustomEvent<any>) => void;
+        "onInputFocused"?: (event: CustomEvent<any>) => void;
+        "onValidityChanged"?: (event: CustomEvent<boolean>) => void;
+        "readonly"?: boolean;
+        "required"?: boolean;
+        "selected"?: boolean;
+        "shuffled"?: boolean;
+        "validators"?: (Validator<any[]> | IValidatorEntry)[];
+        "value"?: IFormChoiceValue[] | IFormChoiceValue;
+        "values"?: IFormChoiceValue[];
+    }
+    interface YooFormChoiceRadio {
+        "allowOther"?: boolean;
+        "answer"?: string[];
+        "customEvent"?: boolean;
+        "description"?: string;
+        "livePreview"?: boolean;
+        "multiple"?: boolean;
+        "onChoiceSelected"?: (event: CustomEvent<any>) => void;
+        "onInputBlurred"?: (event: CustomEvent<any>) => void;
+        "onInputChanged"?: (event: CustomEvent<any>) => void;
+        "onInputFocused"?: (event: CustomEvent<any>) => void;
+        "onValidityChanged"?: (event: CustomEvent<boolean>) => void;
+        "readonly"?: boolean;
+        "required"?: boolean;
+        "selected"?: boolean;
+        "shuffled"?: boolean;
+        "useTranslate"?: boolean;
+        "validators"?: (Validator<any[]> | IValidatorEntry)[];
+        "value"?: string[] | string;
+        "values"?: Array<string>;
         "valuesColor"?: { key: string; value: string }[];
     }
     interface YooFormColorField {
@@ -12488,6 +12662,7 @@ declare namespace LocalJSX {
     onlyTranslateMissingTranslations?: boolean;
     saveOnFinish?: boolean;
     closeOnFinish?: boolean;
+    errorMessages?: string[];
   }>) => void;
         "onWorkflowBranchAdded"?: (event: CustomEvent<IWorkflowStep>) => void;
         "onWorkflowCurrentStepChanged"?: (event: CustomEvent<IWorkflowStep>) => void;
@@ -12915,6 +13090,7 @@ declare namespace LocalJSX {
         "fullscreenHeading"?: string;
         "hidden"?: boolean;
         "hideHeaderTitle"?: boolean;
+        "hideHeading"?: boolean;
         "logo"?: string;
         "missionDescriptionText"?: string;
         "missionDescriptionTitle"?: string;
@@ -13265,7 +13441,7 @@ declare namespace LocalJSX {
         /**
           * Emits an event when the user ask to translate all fields
          */
-        "onTranslationsUpdated"?: (event: CustomEvent<{ translations: ITranslation[]; overwrite: boolean; languages?: string[]; onlyTranslateMissingTranslations?: boolean; saveOnFinish?: boolean; closeOnFinish?: boolean; }>) => void;
+        "onTranslationsUpdated"?: (event: CustomEvent<{ translations: ITranslation[]; overwrite: boolean; languages?: string[]; onlyTranslateMissingTranslations?: boolean; saveOnFinish?: boolean; closeOnFinish?: boolean; errorMessages?: string[] }>) => void;
         /**
           * The plan
          */
@@ -13509,6 +13685,7 @@ declare namespace LocalJSX {
         "gridstackAllowEdit"?: boolean;
         "gridstackCellHeight"?: number;
         "gridstackConfig"?: IGridstackItem[][];
+        "gridstackFloat"?: boolean;
         "gridstackForceGridLines"?: boolean;
         "gridstackForceLoader"?: boolean;
         "gridstackFullOverlay"?: boolean;
@@ -13544,6 +13721,7 @@ declare namespace LocalJSX {
         "onFormValidityChanged"?: (event: CustomEvent<any>) => void;
         "onGalleryOpened"?: (event: CustomEvent<IFormField>) => void;
         "onGridstackConfigUpdated"?: (event: CustomEvent<IGridstackItem[][]>) => void;
+        "onGridstackItemClicked"?: (event: CustomEvent<{ node: IGridstackItem, slideIndex: number }>) => void;
         "onGridstackItemDropped"?: (event: CustomEvent<{ node: GridStackNode, slideIndex: number }>) => void;
         "onGridstackItemEdited"?: (event: CustomEvent<{ node: IGridstackItem, slideIndex: number }>) => void;
         "onGridstackItemRemoved"?: (event: CustomEvent<{ node: IGridstackItem, slideIndex: number }>) => void;
@@ -13559,7 +13737,7 @@ declare namespace LocalJSX {
         "onSlideAnswered"?: (event: CustomEvent<IFormSlideData>) => void;
         "onSlideChanged"?: (event: CustomEvent<TSlideChangeEvent>) => void;
         "onSlideProgressUpdated"?: (event: CustomEvent<number>) => void;
-        "onTabChanged"?: (event: CustomEvent<number>) => void;
+        "onTabChanged"?: (event: CustomEvent<{ tabIndex: number, slideIndex: number }>) => void;
         "onTimeFinished"?: (event: CustomEvent<void>) => void;
         "onToggleEditMode"?: (event: CustomEvent<void>) => void;
         "onTranslationValueUpdated"?: (event: CustomEvent<{ key: string, value: string }>) => void;
@@ -14000,6 +14178,7 @@ declare namespace LocalJSX {
         "value"?: IIncentiveTarget[];
     }
     interface YooFormInput {
+        "allowDecimals"?: boolean;
         "animation"?: string;
         "asyncValidators"?: AsyncValidator<string>[];
         "autocapitalize"?: string;
@@ -14022,6 +14201,7 @@ declare namespace LocalJSX {
         "initialCheckboxParams"?: ICheckboxParams;
         "inlineActions"?: IButton[];
         "inputTabIndex"?: number;
+        "inputmode"?: string;
         "invalidMessage"?: string;
         "max"?: string;
         "maxCharacters"?: number;
@@ -15328,7 +15508,9 @@ declare namespace LocalJSX {
         "emptyStateDescription"?: string;
         "emptyStateHandler"?: () => void;
         "emptyStateHeader"?: string;
+        "emptyStateNoDescription"?: boolean;
         "emptyStateTextPosition"?: 'top' | 'bottom';
+        "entityMapping"?: TEntityMapping;
         "entityType"?: EntityType;
         "extraClass"?: string;
         "field"?: IFormField;
@@ -15562,6 +15744,7 @@ declare namespace LocalJSX {
         "onDraggingStart"?: (event: CustomEvent<string>) => void;
         "onInitialized"?: (event: CustomEvent<void>) => void;
         "onItemChanged"?: (event: CustomEvent<GridStackNode>) => void;
+        "onItemClicked"?: (event: CustomEvent<IGridstackItem>) => void;
         "onItemDropped"?: (event: CustomEvent<GridStackNode>) => void;
         "onItemEdited"?: (event: CustomEvent<IGridstackItem>) => void;
         "onItemRemoved"?: (event: CustomEvent<IGridstackItem>) => void;
@@ -15730,6 +15913,7 @@ declare namespace LocalJSX {
         "incentive"?: IIncentive;
         "kpiChartConfig"?: Highcharts.Options;
         "salesBreakdown"?: IIncentiveSaleBreakdown[];
+        "showManagerView"?: boolean;
     }
     interface YooInfoText {
         "icon"?: TIconName;
@@ -16233,6 +16417,20 @@ declare namespace LocalJSX {
         "onKpiLinkClick"?: (event: CustomEvent<any>) => void;
         "onOpenInFullscreen"?: (event: CustomEvent<any>) => void;
     }
+    interface YooLayoutSections {
+        "config"?: ILayoutSectionConfig[];
+        "onSeeAllClicked"?: (event: CustomEvent<string>) => void;
+    }
+    interface YooLayoutTabs {
+        "header"?: string;
+        "hideHeader"?: boolean;
+        "onTabSelected"?: (event: CustomEvent<ITabSelectedEvent>) => void;
+        "selectedTabIndex"?: number;
+        "tabs"?: ITab[];
+    }
+    interface YooLayoutTwoColumns {
+        "header"?: string;
+    }
     interface YooLessonDetail {
         "assignmentDate"?: Date;
         "highscores"?: IUserRank[];
@@ -16822,10 +17020,6 @@ declare namespace LocalJSX {
           * Used to set custom colors based on custom range of percentage as following to 30% => var(--danger) || red || rgb(255, 0, 0) || #FF0000, to 70 => var(--warning) || etc ..
          */
         "colorsRepartition"?: IProgressColorsRepartition;
-        /**
-          * Before setting this property, ensure that the metric is set to 'step' Define the current step to display X/Y (X)
-         */
-        "currentStep"?: number;
         /**
           * This property will allow not to see the animation in case of a decreasing progress
          */
@@ -16850,10 +17044,6 @@ declare namespace LocalJSX {
           * Used to set custom markers with labels on the progressbar ( possible only on a line progressbar )
          */
         "markers"?: IProgressMarker[];
-        /**
-          * Before setting this property, ensure that the metric is set to 'step' Define the total number of step to display X/Y (Y)
-         */
-        "maxStep"?: number;
         /**
           * If set, the progress will be the result of the value / maxValue if not, the progress display will be by default the one from the value
          */
@@ -17067,6 +17257,7 @@ declare namespace LocalJSX {
         "success"?: boolean;
     }
     interface YooReveal {
+        "isVisible"?: boolean;
         "onValidityChanged"?: (event: CustomEvent<boolean>) => void;
         "validity"?: boolean;
         "values"?: IRevealValue[];
@@ -17166,7 +17357,8 @@ declare namespace LocalJSX {
          */
         "sections"?: ISectionListSection[];
     }
-    interface YooSegment {
+    interface YooSegmentedControl {
+        "animated"?: boolean;
         "initialIndex"?: number;
         "maxWidth"?: number;
         "onSegmentSelected"?: (event: CustomEvent<number>) => void;
@@ -17328,10 +17520,6 @@ declare namespace LocalJSX {
           * Boolean which enables the editable mode.
          */
         "isEditable"?: boolean;
-        /**
-          * Maximum amount of title characters before truncating it
-         */
-        "maxTitleCharacters"?: number;
         /**
           * Event emitted when tab is changed.
          */
@@ -17426,8 +17614,8 @@ declare namespace LocalJSX {
     interface YooTextSequence {
         "animated"?: boolean;
         "heading"?: string;
+        "isAnimationFinished"?: boolean;
         "isVisible"?: boolean;
-        "livePreview"?: boolean;
         "onValidityChanged"?: (event: CustomEvent<boolean>) => void;
         "validity"?: boolean;
         "values"?: string[];
@@ -17514,6 +17702,7 @@ declare namespace LocalJSX {
           * Set this props only in editable mode to set a max number of allowed character in the textera field;
          */
         "maxCharacters"?: number;
+        "maxWidth"?: number;
         /**
           * Set this props to be able to retrieve the role of the tooltip for the closing tooltip logic
          */
@@ -17549,7 +17738,7 @@ declare namespace LocalJSX {
         /**
           * Size.
          */
-        "size"?: 'small' | 'large';
+        "size"?: 'small' | 'medium' | 'large';
     }
     interface YooTruncate {
         /**
@@ -17593,6 +17782,11 @@ declare namespace LocalJSX {
          */
         "showEllipsisIcon"?: boolean;
     }
+    interface YooTruncatedLine {
+        "content"?: string;
+        "tooltipPlacement"?: Placement;
+        "withTooltip"?: boolean;
+    }
     interface YooUserDetail {
         "courses"?: ICourse[];
         "onBadgeSelected"?: (event: CustomEvent<IBadge>) => void;
@@ -18231,7 +18425,11 @@ declare namespace LocalJSX {
         "yoo-form-categorize-words": YooFormCategorizeWords;
         "yoo-form-checkbox": YooFormCheckbox;
         "yoo-form-checklist": YooFormChecklist;
-        "yoo-form-choice": YooFormChoice;
+        "yoo-form-choice-button": YooFormChoiceButton;
+        "yoo-form-choice-card": YooFormChoiceCard;
+        "yoo-form-choice-chat": YooFormChoiceChat;
+        "yoo-form-choice-image": YooFormChoiceImage;
+        "yoo-form-choice-radio": YooFormChoiceRadio;
         "yoo-form-color-field": YooFormColorField;
         "yoo-form-color-picker": YooFormColorPicker;
         "yoo-form-conditions": YooFormConditions;
@@ -18372,6 +18570,9 @@ declare namespace LocalJSX {
         "yoo-kpi-card": YooKpiCard;
         "yoo-kpi-container": YooKpiContainer;
         "yoo-kpi-external": YooKpiExternal;
+        "yoo-layout-sections": YooLayoutSections;
+        "yoo-layout-tabs": YooLayoutTabs;
+        "yoo-layout-two-columns": YooLayoutTwoColumns;
         "yoo-lesson-detail": YooLessonDetail;
         "yoo-lesson-detail-card": YooLessonDetailCard;
         "yoo-lesson-heading": YooLessonHeading;
@@ -18427,7 +18628,7 @@ declare namespace LocalJSX {
         "yoo-scratch-card-creator": YooScratchCardCreator;
         "yoo-scroll-to-button": YooScrollToButton;
         "yoo-section-list": YooSectionList;
-        "yoo-segment": YooSegment;
+        "yoo-segmented-control": YooSegmentedControl;
         "yoo-side-menu": YooSideMenu;
         "yoo-side-menu-tree": YooSideMenuTree;
         "yoo-slides-media": YooSlidesMedia;
@@ -18442,6 +18643,7 @@ declare namespace LocalJSX {
         "yoo-toast": YooToast;
         "yoo-tooltip": YooTooltip;
         "yoo-truncate": YooTruncate;
+        "yoo-truncated-line": YooTruncatedLine;
         "yoo-user-detail": YooUserDetail;
         "yoo-user-profile": YooUserProfile;
         "yoo-user-wizard": YooUserWizard;
@@ -18593,7 +18795,11 @@ declare module "@stencil/core" {
             "yoo-form-categorize-words": LocalJSX.YooFormCategorizeWords & JSXBase.HTMLAttributes<HTMLYooFormCategorizeWordsElement>;
             "yoo-form-checkbox": LocalJSX.YooFormCheckbox & JSXBase.HTMLAttributes<HTMLYooFormCheckboxElement>;
             "yoo-form-checklist": LocalJSX.YooFormChecklist & JSXBase.HTMLAttributes<HTMLYooFormChecklistElement>;
-            "yoo-form-choice": LocalJSX.YooFormChoice & JSXBase.HTMLAttributes<HTMLYooFormChoiceElement>;
+            "yoo-form-choice-button": LocalJSX.YooFormChoiceButton & JSXBase.HTMLAttributes<HTMLYooFormChoiceButtonElement>;
+            "yoo-form-choice-card": LocalJSX.YooFormChoiceCard & JSXBase.HTMLAttributes<HTMLYooFormChoiceCardElement>;
+            "yoo-form-choice-chat": LocalJSX.YooFormChoiceChat & JSXBase.HTMLAttributes<HTMLYooFormChoiceChatElement>;
+            "yoo-form-choice-image": LocalJSX.YooFormChoiceImage & JSXBase.HTMLAttributes<HTMLYooFormChoiceImageElement>;
+            "yoo-form-choice-radio": LocalJSX.YooFormChoiceRadio & JSXBase.HTMLAttributes<HTMLYooFormChoiceRadioElement>;
             "yoo-form-color-field": LocalJSX.YooFormColorField & JSXBase.HTMLAttributes<HTMLYooFormColorFieldElement>;
             "yoo-form-color-picker": LocalJSX.YooFormColorPicker & JSXBase.HTMLAttributes<HTMLYooFormColorPickerElement>;
             "yoo-form-conditions": LocalJSX.YooFormConditions & JSXBase.HTMLAttributes<HTMLYooFormConditionsElement>;
@@ -18734,6 +18940,9 @@ declare module "@stencil/core" {
             "yoo-kpi-card": LocalJSX.YooKpiCard & JSXBase.HTMLAttributes<HTMLYooKpiCardElement>;
             "yoo-kpi-container": LocalJSX.YooKpiContainer & JSXBase.HTMLAttributes<HTMLYooKpiContainerElement>;
             "yoo-kpi-external": LocalJSX.YooKpiExternal & JSXBase.HTMLAttributes<HTMLYooKpiExternalElement>;
+            "yoo-layout-sections": LocalJSX.YooLayoutSections & JSXBase.HTMLAttributes<HTMLYooLayoutSectionsElement>;
+            "yoo-layout-tabs": LocalJSX.YooLayoutTabs & JSXBase.HTMLAttributes<HTMLYooLayoutTabsElement>;
+            "yoo-layout-two-columns": LocalJSX.YooLayoutTwoColumns & JSXBase.HTMLAttributes<HTMLYooLayoutTwoColumnsElement>;
             "yoo-lesson-detail": LocalJSX.YooLessonDetail & JSXBase.HTMLAttributes<HTMLYooLessonDetailElement>;
             "yoo-lesson-detail-card": LocalJSX.YooLessonDetailCard & JSXBase.HTMLAttributes<HTMLYooLessonDetailCardElement>;
             "yoo-lesson-heading": LocalJSX.YooLessonHeading & JSXBase.HTMLAttributes<HTMLYooLessonHeadingElement>;
@@ -18789,7 +18998,7 @@ declare module "@stencil/core" {
             "yoo-scratch-card-creator": LocalJSX.YooScratchCardCreator & JSXBase.HTMLAttributes<HTMLYooScratchCardCreatorElement>;
             "yoo-scroll-to-button": LocalJSX.YooScrollToButton & JSXBase.HTMLAttributes<HTMLYooScrollToButtonElement>;
             "yoo-section-list": LocalJSX.YooSectionList & JSXBase.HTMLAttributes<HTMLYooSectionListElement>;
-            "yoo-segment": LocalJSX.YooSegment & JSXBase.HTMLAttributes<HTMLYooSegmentElement>;
+            "yoo-segmented-control": LocalJSX.YooSegmentedControl & JSXBase.HTMLAttributes<HTMLYooSegmentedControlElement>;
             "yoo-side-menu": LocalJSX.YooSideMenu & JSXBase.HTMLAttributes<HTMLYooSideMenuElement>;
             "yoo-side-menu-tree": LocalJSX.YooSideMenuTree & JSXBase.HTMLAttributes<HTMLYooSideMenuTreeElement>;
             "yoo-slides-media": LocalJSX.YooSlidesMedia & JSXBase.HTMLAttributes<HTMLYooSlidesMediaElement>;
@@ -18804,6 +19013,7 @@ declare module "@stencil/core" {
             "yoo-toast": LocalJSX.YooToast & JSXBase.HTMLAttributes<HTMLYooToastElement>;
             "yoo-tooltip": LocalJSX.YooTooltip & JSXBase.HTMLAttributes<HTMLYooTooltipElement>;
             "yoo-truncate": LocalJSX.YooTruncate & JSXBase.HTMLAttributes<HTMLYooTruncateElement>;
+            "yoo-truncated-line": LocalJSX.YooTruncatedLine & JSXBase.HTMLAttributes<HTMLYooTruncatedLineElement>;
             "yoo-user-detail": LocalJSX.YooUserDetail & JSXBase.HTMLAttributes<HTMLYooUserDetailElement>;
             "yoo-user-profile": LocalJSX.YooUserProfile & JSXBase.HTMLAttributes<HTMLYooUserProfileElement>;
             "yoo-user-wizard": LocalJSX.YooUserWizard & JSXBase.HTMLAttributes<HTMLYooUserWizardElement>;