@yoobic/yobi 8.1.0-110 → 8.1.0-113

package/dist/types/components/3.organisms/video-player/videoplayer-youtube/videoplayer-youtube.d.ts

@@ -26,8 +26,8 @@ export declare class YooVideoPlayerYoutubeComponent implements IVideoPlayerCoreM
    */
   hasError: boolean;
   played: boolean;
-  private youtubeEl;
-  private youtubeContainer;
+  private youtubeElement;
+  private youtubeContainerElement;
   private player;
   /**
    *

package/dist/types/components/entities/entity/utils/card-avatar.factory.d.ts

@@ -1,4 +1,4 @@
-import { IChannel, IChannels, IUnreadCounts } from '@shared/interfaces';
+import { IChannel, IChannels, ILocation, IUnreadCounts, IUser } from '@shared/interfaces';
 import { FunctionalComponent } from '../../../../stencil-public-runtime';
 export declare const ChannelAvatarCard: FunctionalComponent<{
   item: IChannel;
@@ -8,3 +8,9 @@ export declare const ChannelsAvatarCard: FunctionalComponent<{
   item: IChannels;
   unreadCounts: IUnreadCounts;
 }>;
+export declare const ContactAvatarCard: FunctionalComponent<{
+  item: IUser;
+}>;
+export declare const LocationAvatarCard: FunctionalComponent<{
+  item: ILocation;
+}>;

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

@@ -184,7 +184,6 @@ export declare class YooFormDynamicComponent {
   private scrollElements;
   private blurOnScroll;
   private focusedField;
-  private progressIndicator;
   private isTabbarHidden;
   private isFieldInSlot;
   private currentScrollPosition;
@@ -325,7 +324,6 @@ export declare class YooFormDynamicComponent {
   setSlideIsTabbarHidden(): void;
   setFieldState(field: IFormField, state: IFormDynamicFieldState): void;
   setSecondaryFieldState(field: IFormField, state: any): void;
-  setSlidesHeight(): void;
   onToggleSecondaryField(field: IFormField, slide: ISlide, toggleByIcon: boolean): void;
   onTranslationValueUpdated(ev: CustomEvent<{
     key: string;

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

@@ -0,0 +1,40 @@
+/// <reference types="react" />
+import { IHotzone, IXYPoint } from '@shared/interfaces';
+import { ComponentInterface, EventEmitter } from '../../../stencil-public-runtime';
+export declare class YooFormHotzonesComponent implements ComponentInterface {
+  image: string;
+  onImageChanged(): Promise<void>;
+  hotzones: IHotzone[];
+  hotzonesColor: string;
+  isVisible: boolean;
+  onIsVisibleChanged(): void;
+  livePreview: boolean;
+  readonly: boolean;
+  animated: boolean;
+  value: IXYPoint;
+  selectedHotspot: IHotzone;
+  type: 'imagemap' | 'hotzone';
+  detailedView: boolean;
+  validity: boolean;
+  onValidityChanged(): void;
+  hotzoneRevealed: number;
+  flipImage: boolean;
+  validityChanged: EventEmitter<boolean>;
+  inputChanged: EventEmitter<IXYPoint>;
+  host: HTMLYooFormHotzonesElement;
+  private imageElement;
+  private targetElement;
+  private imageSrc;
+  private get isHotZones();
+  componentWillLoad(): Promise<void>;
+  componentDidLoad(): void;
+  private init;
+  private initTarget;
+  private getImageSrc;
+  private hotzoneClicked;
+  renderHotspots(): JSX.Element[];
+  renderDetailedView(): JSX.Element[];
+  renderTarget(): JSX.Element;
+  renderImage(): JSX.Element;
+  render(): JSX.Element;
+}

package/dist/types/components/form/form-hotzones-creator/form-hotzones-creator.d.ts

@@ -0,0 +1,43 @@
+import { IHotzoneValues, ITranslation } from '@shared/interfaces';
+import { ComponentInterface, EventEmitter } from '../../../stencil-public-runtime';
+import { PinturaEditor } from '../image-cropper-dialog/pintura/pintura';
+export declare class YooFormHotzonesCreatorComponent implements ComponentInterface {
+  value: IHotzoneValues;
+  type: 'imagemap' | 'hotzone';
+  translations?: ITranslation[];
+  inputChanged: EventEmitter<IHotzoneValues>;
+  translationValueUpdated: EventEmitter<{
+    key: string;
+    value: string;
+  }>;
+  host: HTMLYooFormHotzonesCreatorElement;
+  private editorContainer?;
+  private hotzonesColorRgb;
+  private disconnected;
+  private previewElement;
+  private observer;
+  protected editor: PinturaEditor;
+  private get isHotZones();
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  private removeIntersectionObserver;
+  initEditor(): void;
+  private selectShape;
+  private emitValues;
+  private onImageUpdated;
+  private onHotspotImageUpdated;
+  private onHotspotDescriptionUpdated;
+  private addHotzone;
+  deleteHotzone(index: number): void;
+  private updateColorPicker;
+  renderColorPicker(): any;
+  renderAddHotZoneHeader(): any;
+  renderHotzoneImageUploader(i: number): any;
+  renderMainImageUploader(): any;
+  renderCollapsibleContent(index: number): any;
+  renderHotspotEditor(): any[][];
+  renderHeader(): any;
+  renderPreview(): any;
+  render(): any;
+}

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

@@ -1,23 +1,23 @@
+/// <reference types="react" />
 import { ComponentInterface, EventEmitter } from '../../../stencil-public-runtime';
 import { ICollectionProducts } from './types';
 export declare class YooFormImageCollectionComponent implements ComponentInterface {
   animated?: boolean;
-  livePreview: boolean;
-  detailedView: boolean;
-  selectedPair: ICollectionProducts;
-  validity: boolean;
-  values: ICollectionProducts[];
+  livePreview?: boolean;
+  detailedView?: boolean;
+  selectedPair?: ICollectionProducts;
+  validity?: boolean;
+  onValidityChanged(): void;
+  values?: ICollectionProducts[];
+  onValuesChanged(): Promise<void>;
   validityChanged: EventEmitter<boolean>;
   imagesRevealed: number;
+  images: ICollectionProducts[];
   host: HTMLYooFormImageCollectionElement;
-  private images;
-  onValuesChanged(): Promise<void>;
-  onValidityChanged(): void;
   componentWillLoad(): Promise<void>;
   prepareImages(): Promise<void>;
-  updateValidity(): void;
-  imageClicked(imagePair: ICollectionProducts, index: number): void;
-  renderImages(): any;
-  renderDetailedView(): any[];
-  render(): any;
+  private imageClicked;
+  renderImages(): JSX.Element;
+  renderDetailedView(): JSX.Element[];
+  render(): JSX.Element;
 }

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

@@ -24,24 +24,16 @@ export declare class YooFormImageTaggingComponent {
   flipImage: boolean;
   host: HTMLYooFormImageTaggingElement;
   private imageOverlayElement;
-  private imageSize;
   private imageSrc;
   private tags;
   private get tagConfig();
   private get zonesConfig();
-  private get maxViewport();
-  private get imageSizeStyle();
   isValid(): Promise<boolean>;
   componentWillLoad(): Promise<void>;
-  componentWillRender(): Promise<void>;
   componentDidLoad(): void;
-  componentDidUpdate(): void;
   validate(): boolean;
-  private updateGame;
-  private initGame;
+  private init;
   private getImageSrc;
-  private prepareImageSize;
-  private initResizeObserver;
   private getColorTag;
   private showImageOverlay;
   renderImageContainer(): any;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  * @name: Swipe Cards
  */
@@ -42,8 +43,7 @@ export declare class YooFormSwipeCardsComponent {
   private cardValues;
   private animationDelay;
   private nextButtonText;
-  private outerContainerElement;
-  private backgroundElement;
+  private gameContainerElement;
   private cardsElements;
   private swipeButtons;
   private get isMode();
@@ -84,14 +84,14 @@ export declare class YooFormSwipeCardsComponent {
   private clickToSwipe;
   private undoSwipe;
   private getSwipedCategoryValue;
-  renderCards(): any;
+  renderStack(): any;
   renderInstructionCategory(side: SwipeCardsDirection.left | SwipeCardsDirection.right): any;
   renderTopDescription(): any;
   renderInstructions(): any;
   renderSwipeButtons(): any;
-  renderSwipeAction(direction: SwipeCardsDirection, index: number): any;
-  renderEndGameMessage(): any;
-  renderGame(): any;
+  renderSwipeAction(direction: SwipeCardsDirection, index: number): JSX.Element;
+  renderEndGameMessage(): JSX.Element;
+  renderCards(): JSX.Element[];
   renderSummary(): any[][];
   renderBanner(): any;
   render(): any;

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

@@ -161,6 +161,7 @@ export declare class YooFormTextEditorComponent {
     lineHeights: {
       [x: string]: string;
     };
+    fontSizeDefaultSelection: string;
     fontSize: string[];
     fontFamily: {
       'Arial,Helvetica,sans-serif': string;

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

@@ -11,6 +11,7 @@ export declare class YooFormVideoPlayerComponent {
    * Will paused the video when set to false
    */
   isVisible?: boolean;
+  host: HTMLYooFormVideoplayerElement;
   /**
    * Used by form dynamic to validate the form, will emit when player state changes
    */

package/dist/types/components/grid/grid/grid.d.ts

@@ -47,7 +47,6 @@ export declare class YooGridComponent {
   isReadonly: boolean;
   valuesColor: any[];
   heading: string;
-  subheading: string;
   progress?: number;
   progressCss?: TColor;
   hideEmptyState: boolean;
@@ -494,6 +493,7 @@ export declare class YooGridComponent {
   renderDynamicOrderingHeader(): any;
   renderFilesIcons(): any;
   renderSelectAllHeader(): any;
+  renderEmptyStateButton(customStyle: boolean): any;
   renderEmptyState(): any[];
   renderAgGrid(): any[];
   renderMapGrid(): any;

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, IBattleListEntry, IBattleStatus, IBattleUserWithStats, IButton, ICalendarDateChange, ICardFeedEntry, ICardProgress, ICardVideoParticipant, IChartDefinition, IChatAdvancedOptions, IChatBroadcastParams, IChatFloatingAnimationParams, IChatInputParams, IChatMessage, ICheckboxParams, IColumnDefinition, 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, IHotzoneHotspot, IHotzoneValue, 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, ICardProgress, ICardVideoParticipant, IChartDefinition, IChatAdvancedOptions, IChatBroadcastParams, IChatFloatingAnimationParams, IChatInputParams, IChatMessage, ICheckboxParams, IColumnDefinition, 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, 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 { 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";
@@ -3341,9 +3341,24 @@ export namespace Components {
         "validity": boolean;
         "value": number;
     }
-    interface YooFormHotzoneCreator {
+    interface YooFormHotzones {
+        "animated": boolean;
+        "detailedView": boolean;
+        "hotzones": IHotzone[];
+        "hotzonesColor": string;
+        "image": string;
+        "isVisible": boolean;
+        "livePreview": boolean;
+        "readonly": boolean;
+        "selectedHotspot": IHotzone;
+        "type": 'imagemap' | 'hotzone';
+        "validity": boolean;
+        "value": IXYPoint;
+    }
+    interface YooFormHotzonesCreator {
         "translations"?: ITranslation[];
-        "value": IHotzoneValue;
+        "type": 'imagemap' | 'hotzone';
+        "value": IHotzoneValues;
     }
     interface YooFormIframeDialog {
         "heading": string;
@@ -3351,19 +3366,11 @@ export namespace Components {
     }
     interface YooFormImageCollection {
         "animated"?: boolean;
-        "detailedView": boolean;
-        "livePreview": boolean;
-        "selectedPair": ICollectionProducts;
-        "validity": boolean;
-        "values": ICollectionProducts[];
-    }
-    interface YooFormImageMap {
-        "animated": boolean;
-        "detailedView": boolean;
-        "livePreview": boolean;
-        "selectedHotspot": IHotzoneHotspot;
-        "validity": boolean;
-        "value": IHotzoneValue;
+        "detailedView"?: boolean;
+        "livePreview"?: boolean;
+        "selectedPair"?: ICollectionProducts;
+        "validity"?: boolean;
+        "values"?: ICollectionProducts[];
     }
     interface YooFormImageTagging {
         "animated": boolean;
@@ -4590,7 +4597,6 @@ export namespace Components {
         "sorts"?: ISort[];
         "sortsAndFilters": ISortsAndFilters;
         "subQuery"?: ISubQuery;
-        "subheading": string;
         "suffix"?: string;
         "tabs": ITab[];
         "tags": IEntitySearchTags[];
@@ -6446,10 +6452,12 @@ export namespace Components {
         "extraConversion": ((val: string) => string)[];
     }
     interface YooTextSequence {
-        "animated": boolean;
-        "heading": string;
-        "validity": boolean;
-        "values": string[];
+        "animated"?: boolean;
+        "heading"?: string;
+        "isVisible": boolean;
+        "livePreview"?: boolean;
+        "validity"?: boolean;
+        "values"?: string[];
     }
     interface YooToast {
         "animated": boolean;
@@ -7053,6 +7061,9 @@ export namespace Components {
         "size": TSize;
         "sort": THomeWidgetSort;
     }
+    interface YooWidgetSmallSize {
+        "name": string;
+    }
     interface YooWidgetTab {
         "animated"?: boolean;
         "currency"?: string;
@@ -8095,11 +8106,17 @@ declare global {
         prototype: HTMLYooFormFormulaElement;
         new (): HTMLYooFormFormulaElement;
     };
-    interface HTMLYooFormHotzoneCreatorElement extends Components.YooFormHotzoneCreator, HTMLStencilElement {
+    interface HTMLYooFormHotzonesElement extends Components.YooFormHotzones, HTMLStencilElement {
+    }
+    var HTMLYooFormHotzonesElement: {
+        prototype: HTMLYooFormHotzonesElement;
+        new (): HTMLYooFormHotzonesElement;
+    };
+    interface HTMLYooFormHotzonesCreatorElement extends Components.YooFormHotzonesCreator, HTMLStencilElement {
     }
-    var HTMLYooFormHotzoneCreatorElement: {
-        prototype: HTMLYooFormHotzoneCreatorElement;
-        new (): HTMLYooFormHotzoneCreatorElement;
+    var HTMLYooFormHotzonesCreatorElement: {
+        prototype: HTMLYooFormHotzonesCreatorElement;
+        new (): HTMLYooFormHotzonesCreatorElement;
     };
     interface HTMLYooFormIframeDialogElement extends Components.YooFormIframeDialog, HTMLStencilElement {
     }
@@ -8113,12 +8130,6 @@ declare global {
         prototype: HTMLYooFormImageCollectionElement;
         new (): HTMLYooFormImageCollectionElement;
     };
-    interface HTMLYooFormImageMapElement extends Components.YooFormImageMap, HTMLStencilElement {
-    }
-    var HTMLYooFormImageMapElement: {
-        prototype: HTMLYooFormImageMapElement;
-        new (): HTMLYooFormImageMapElement;
-    };
     interface HTMLYooFormImageTaggingElement extends Components.YooFormImageTagging, HTMLStencilElement {
     }
     var HTMLYooFormImageTaggingElement: {
@@ -9211,6 +9222,12 @@ declare global {
         prototype: HTMLYooWidgetChartElement;
         new (): HTMLYooWidgetChartElement;
     };
+    interface HTMLYooWidgetSmallSizeElement extends Components.YooWidgetSmallSize, HTMLStencilElement {
+    }
+    var HTMLYooWidgetSmallSizeElement: {
+        prototype: HTMLYooWidgetSmallSizeElement;
+        new (): HTMLYooWidgetSmallSizeElement;
+    };
     interface HTMLYooWidgetTabElement extends Components.YooWidgetTab, HTMLStencilElement {
     }
     var HTMLYooWidgetTabElement: {
@@ -9413,10 +9430,10 @@ declare global {
         "yoo-form-filter-text": HTMLYooFormFilterTextElement;
         "yoo-form-footer": HTMLYooFormFooterElement;
         "yoo-form-formula": HTMLYooFormFormulaElement;
-        "yoo-form-hotzone-creator": HTMLYooFormHotzoneCreatorElement;
+        "yoo-form-hotzones": HTMLYooFormHotzonesElement;
+        "yoo-form-hotzones-creator": HTMLYooFormHotzonesCreatorElement;
         "yoo-form-iframe-dialog": HTMLYooFormIframeDialogElement;
         "yoo-form-image-collection": HTMLYooFormImageCollectionElement;
-        "yoo-form-image-map": HTMLYooFormImageMapElement;
         "yoo-form-image-tagging": HTMLYooFormImageTaggingElement;
         "yoo-form-image-tagging-creator": HTMLYooFormImageTaggingCreatorElement;
         "yoo-form-incentive-participants": HTMLYooFormIncentiveParticipantsElement;
@@ -9599,6 +9616,7 @@ declare global {
         "yoo-webcam": HTMLYooWebcamElement;
         "yoo-welcome-banner": HTMLYooWelcomeBannerElement;
         "yoo-widget-chart": HTMLYooWidgetChartElement;
+        "yoo-widget-small-size": HTMLYooWidgetSmallSizeElement;
         "yoo-widget-tab": HTMLYooWidgetTabElement;
         "yoo-widget-tile": HTMLYooWidgetTileElement;
         "yoo-workflow": HTMLYooWorkflowElement;
@@ -13720,11 +13738,28 @@ declare namespace LocalJSX {
         "validity"?: boolean;
         "value"?: number;
     }
-    interface YooFormHotzoneCreator {
-        "onInputChanged"?: (event: CustomEvent<IHotzoneValue>) => void;
+    interface YooFormHotzones {
+        "animated"?: boolean;
+        "detailedView"?: boolean;
+        "hotzones"?: IHotzone[];
+        "hotzonesColor"?: string;
+        "image"?: string;
+        "isVisible"?: boolean;
+        "livePreview"?: boolean;
+        "onInputChanged"?: (event: CustomEvent<IXYPoint>) => void;
+        "onValidityChanged"?: (event: CustomEvent<boolean>) => void;
+        "readonly"?: boolean;
+        "selectedHotspot"?: IHotzone;
+        "type"?: 'imagemap' | 'hotzone';
+        "validity"?: boolean;
+        "value"?: IXYPoint;
+    }
+    interface YooFormHotzonesCreator {
+        "onInputChanged"?: (event: CustomEvent<IHotzoneValues>) => void;
         "onTranslationValueUpdated"?: (event: CustomEvent<{ key: string, value: string }>) => void;
         "translations"?: ITranslation[];
-        "value"?: IHotzoneValue;
+        "type"?: 'imagemap' | 'hotzone';
+        "value"?: IHotzoneValues;
     }
     interface YooFormIframeDialog {
         "heading"?: string;
@@ -13739,15 +13774,6 @@ declare namespace LocalJSX {
         "validity"?: boolean;
         "values"?: ICollectionProducts[];
     }
-    interface YooFormImageMap {
-        "animated"?: boolean;
-        "detailedView"?: boolean;
-        "livePreview"?: boolean;
-        "onValidityChanged"?: (event: CustomEvent<boolean>) => void;
-        "selectedHotspot"?: IHotzoneHotspot;
-        "validity"?: boolean;
-        "value"?: IHotzoneValue;
-    }
     interface YooFormImageTagging {
         "animated"?: boolean;
         "annotations"?: IPhotoAnnotation[];
@@ -15278,7 +15304,6 @@ declare namespace LocalJSX {
         "sorts"?: ISort[];
         "sortsAndFilters"?: ISortsAndFilters;
         "subQuery"?: ISubQuery;
-        "subheading"?: string;
         "suffix"?: string;
         "tabs"?: ITab[];
         "tags"?: IEntitySearchTags[];
@@ -17214,6 +17239,8 @@ declare namespace LocalJSX {
     interface YooTextSequence {
         "animated"?: boolean;
         "heading"?: string;
+        "isVisible"?: boolean;
+        "livePreview"?: boolean;
         "onValidityChanged"?: (event: CustomEvent<boolean>) => void;
         "validity"?: boolean;
         "values"?: string[];
@@ -17786,6 +17813,10 @@ declare namespace LocalJSX {
         "size"?: TSize;
         "sort"?: THomeWidgetSort;
     }
+    interface YooWidgetSmallSize {
+        "name"?: string;
+        "onWidgetEdited"?: (event: CustomEvent<MouseEvent>) => void;
+    }
     interface YooWidgetTab {
         "animated"?: boolean;
         "currency"?: string;
@@ -18045,10 +18076,10 @@ declare namespace LocalJSX {
         "yoo-form-filter-text": YooFormFilterText;
         "yoo-form-footer": YooFormFooter;
         "yoo-form-formula": YooFormFormula;
-        "yoo-form-hotzone-creator": YooFormHotzoneCreator;
+        "yoo-form-hotzones": YooFormHotzones;
+        "yoo-form-hotzones-creator": YooFormHotzonesCreator;
         "yoo-form-iframe-dialog": YooFormIframeDialog;
         "yoo-form-image-collection": YooFormImageCollection;
-        "yoo-form-image-map": YooFormImageMap;
         "yoo-form-image-tagging": YooFormImageTagging;
         "yoo-form-image-tagging-creator": YooFormImageTaggingCreator;
         "yoo-form-incentive-participants": YooFormIncentiveParticipants;
@@ -18231,6 +18262,7 @@ declare namespace LocalJSX {
         "yoo-webcam": YooWebcam;
         "yoo-welcome-banner": YooWelcomeBanner;
         "yoo-widget-chart": YooWidgetChart;
+        "yoo-widget-small-size": YooWidgetSmallSize;
         "yoo-widget-tab": YooWidgetTab;
         "yoo-widget-tile": YooWidgetTile;
         "yoo-workflow": YooWorkflow;
@@ -18403,10 +18435,10 @@ declare module "@stencil/core" {
             "yoo-form-filter-text": LocalJSX.YooFormFilterText & JSXBase.HTMLAttributes<HTMLYooFormFilterTextElement>;
             "yoo-form-footer": LocalJSX.YooFormFooter & JSXBase.HTMLAttributes<HTMLYooFormFooterElement>;
             "yoo-form-formula": LocalJSX.YooFormFormula & JSXBase.HTMLAttributes<HTMLYooFormFormulaElement>;
-            "yoo-form-hotzone-creator": LocalJSX.YooFormHotzoneCreator & JSXBase.HTMLAttributes<HTMLYooFormHotzoneCreatorElement>;
+            "yoo-form-hotzones": LocalJSX.YooFormHotzones & JSXBase.HTMLAttributes<HTMLYooFormHotzonesElement>;
+            "yoo-form-hotzones-creator": LocalJSX.YooFormHotzonesCreator & JSXBase.HTMLAttributes<HTMLYooFormHotzonesCreatorElement>;
             "yoo-form-iframe-dialog": LocalJSX.YooFormIframeDialog & JSXBase.HTMLAttributes<HTMLYooFormIframeDialogElement>;
             "yoo-form-image-collection": LocalJSX.YooFormImageCollection & JSXBase.HTMLAttributes<HTMLYooFormImageCollectionElement>;
-            "yoo-form-image-map": LocalJSX.YooFormImageMap & JSXBase.HTMLAttributes<HTMLYooFormImageMapElement>;
             "yoo-form-image-tagging": LocalJSX.YooFormImageTagging & JSXBase.HTMLAttributes<HTMLYooFormImageTaggingElement>;
             "yoo-form-image-tagging-creator": LocalJSX.YooFormImageTaggingCreator & JSXBase.HTMLAttributes<HTMLYooFormImageTaggingCreatorElement>;
             "yoo-form-incentive-participants": LocalJSX.YooFormIncentiveParticipants & JSXBase.HTMLAttributes<HTMLYooFormIncentiveParticipantsElement>;
@@ -18589,6 +18621,7 @@ declare module "@stencil/core" {
             "yoo-webcam": LocalJSX.YooWebcam & JSXBase.HTMLAttributes<HTMLYooWebcamElement>;
             "yoo-welcome-banner": LocalJSX.YooWelcomeBanner & JSXBase.HTMLAttributes<HTMLYooWelcomeBannerElement>;
             "yoo-widget-chart": LocalJSX.YooWidgetChart & JSXBase.HTMLAttributes<HTMLYooWidgetChartElement>;
+            "yoo-widget-small-size": LocalJSX.YooWidgetSmallSize & JSXBase.HTMLAttributes<HTMLYooWidgetSmallSizeElement>;
             "yoo-widget-tab": LocalJSX.YooWidgetTab & JSXBase.HTMLAttributes<HTMLYooWidgetTabElement>;
             "yoo-widget-tile": LocalJSX.YooWidgetTile & JSXBase.HTMLAttributes<HTMLYooWidgetTileElement>;
             "yoo-workflow": LocalJSX.YooWorkflow & JSXBase.HTMLAttributes<HTMLYooWorkflowElement>;

package/dist/types/feature-platform/app/widget-chart/widget-chart.d.ts

@@ -14,6 +14,7 @@ export declare class YooWidgetChartComponent implements ComponentInterface {
   seeAllClicked: EventEmitter<MouseEvent>;
   host: HTMLYooWidgetChartElement;
   get chartOptions(): Highcharts.Options;
+  get isSmall(): boolean;
   get isMedium(): boolean;
   get isLarge(): boolean;
   get isExtraLarge(): boolean;

package/dist/types/feature-platform/app/widget-small-size/widget-small-size.d.ts

@@ -0,0 +1,8 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare class YooWidgetSmallSizeComponent {
+  name: string;
+  widgetEdited: EventEmitter<MouseEvent>;
+  host: HTMLYooGridElement;
+  onWidgetEdit(ev: MouseEvent): void;
+  render(): any;
+}

package/dist/types/feature-platform/menu/user-detail/user-detail.d.ts

@@ -17,6 +17,6 @@ export declare class YooUserDetailComponent {
   onSeeAllBadges(): void;
   renderCourseList(): any;
   renderUserBadges(): any;
-  renderGrid(items: any, displayType: string, entityType: string, itemHandler: (ev: any) => any, gridHandler: () => any, extraClass: string, summary?: boolean): any;
+  renderGrid(items: any, displayType: string, displaySize: string, entityType: string, itemHandler: (ev: any) => any, gridHandler: () => any, extraClass: string, summary?: boolean): any;
   render(): any;
 }

package/dist/types/home/runner/work/yoobic-ng-6/yoobic-ng-6/design-system/stencil/.stencil/shared/interfaces/src/entities/form-field/form-field-type.d.ts

@@ -41,7 +41,9 @@ export declare enum FormFieldType {
   grid = "grid",
   image = "image",
   imagecollection = "imagecollection",
+  hotzone = "hotzone",
   imagemap = "imagemap",
+  imagemapcreator = "imagemapcreator",
   hotzonecreator = "hotzonecreator",
   imagetagging = "imagetagging",
   incentiveparticipants = "incentiveparticipants",

package/dist/types/home/runner/work/yoobic-ng-6/yoobic-ng-6/design-system/stencil/.stencil/shared/interfaces/src/entities/form-field/form-field.interface.d.ts

@@ -249,8 +249,10 @@ export interface IFormField {
   fixAutofill?: boolean;
   document?: IFileInterface;
   audioDocument?: IFileInterface;
-  image?: IFileInterface;
+  image?: IFileInterface | string;
   images?: any;
+  hotzones?: IHotzone[];
+  hotzonesColor?: string;
   allowOpenDetails?: boolean;
   advanced?: boolean;
   saveGeoloc?: boolean;
@@ -368,7 +370,8 @@ export interface IFormField {
   contentMode?: string[];
   hiddenContentMode?: string[];
   scratchValues?: IScratchCardValues[];
-  hotzoneValues?: IHotzoneValue;
+  imageMapValues?: IHotzoneValues;
+  hotzoneValues?: IHotzoneValues;
   complexWordsCategories?: any[];
   complexMissingWordValues?: any[];
   complexSwipeCardTextValues?: any[];
@@ -497,16 +500,19 @@ export interface IScratchCardValues {
   image?: string;
   bgColor?: string;
 }
-export interface IHotzoneValue {
+export interface IHotzoneValues {
   image?: string;
-  hotspots?: IHotzoneHotspot[];
-  hotspotColor?: string;
+  hotzones?: IHotzone[];
+  hotzonesColor?: string;
 }
-export interface IHotzoneHotspot {
-  percentRect: DOMRect;
+export interface IHotzone {
+  style: {
+    [key: string]: string | number;
+  };
   rotation?: number;
-  image: string;
-  description: string;
+  image?: string;
+  description?: string;
+  color?: string;
   revealed?: boolean;
   id?: string;
 }

package/dist/types/home/runner/work/yoobic-ng-6/yoobic-ng-6/design-system/stencil/.stencil/shared/interfaces/src/entities/page/page.interface.d.ts

@@ -39,10 +39,6 @@ export declare class IPage extends IEntity {
   hasDivider?: boolean;
   cssClass?: string;
 }
-/**
- * @description Needed to keep compatibility with the old custom apps
- */
-export declare function fixPageLegacyProperties(page: IPage): void;
 export declare type TPageType = 'tabbar' | 'navbar' | 'modal' | 'route';
 export declare const TOPPAGE_TYPES: readonly ["profile", "scan", "calendar", "search", "chat", "notif", "page"];
 export declare type TTopPageType = typeof TOPPAGE_TYPES[number];