@yoobic/yobi 8.6.0-3 → 8.6.0-5

package/dist/collection/components/3.organisms/input-bar/input-bar.js

@@ -12,9 +12,18 @@ const MODAL_ANIMATION_TIME = 500;
 const ANIMATION_TIME = 200;
 export class YooInputBarComponent {
   constructor() {
-    /**
-     * Left icon of the input bar, can be an avatar/icon
-     */
+    this.linkPreviews = [];
+    // Default configs
+    this.defaultInputMaximum = 1;
+    this.defaultActionIconMap = {
+      [MessageInput.video]: 'videocamera',
+      [MessageInput.audio]: 'microphone',
+      [MessageInput.document]: 'attachment',
+      [MessageInput.gif]: 'gif',
+      [MessageInput.gallery]: 'photo-library',
+      [MessageInput.camera]: 'camera'
+    };
+    this.quickReactions = ['🔥', '❤️', '👏', '🎉', '⚡️', '😂', '😢', '💯'];
     this.captureIconSettings = {
       icon: 'plus'
     };
@@ -27,28 +36,18 @@ export class YooInputBarComponent {
         [MessageInput.camera]: true
       }
     };
-    /**
-     * Initial placeholder
-     */
+    this.value = undefined;
     this.placeholder = 'ADDCOMMENT';
-    /**
-     * Send action text
-     */
     this.actionText = 'YOOBICSEND';
+    this.advancedOptions = undefined;
+    this.mentionConfigs = undefined;
     this.focused = false;
+    this.fileCaptureSettings = undefined;
+    this.showBottomDialog = undefined;
     this.currentTabIndex = 0;
-    this.linkPreviews = [];
-    // Default configs
-    this.defaultInputMaximum = 1;
-    this.defaultActionIconMap = {
-      [MessageInput.video]: 'videocamera',
-      [MessageInput.audio]: 'microphone',
-      [MessageInput.document]: 'attachment',
-      [MessageInput.gif]: 'gif',
-      [MessageInput.gallery]: 'photo-library',
-      [MessageInput.camera]: 'camera'
-    };
-    this.quickReactions = ['🔥', '❤️', '👏', '🎉', '⚡️', '😂', '😢', '💯'];
+    this.screenWidth = undefined;
+    this.hasTextInside = undefined;
+    this.replyChatMessage = undefined;
   }
   onHideBottomDialog() {
     if (this.showBottomDialog) {
@@ -349,7 +348,12 @@ export class YooInputBarComponent {
       if ((devices === null || devices === void 0 ? void 0 : devices.length) > 0) {
         let webcam = document.createElement('yoo-form-capture-webcam-dialog');
         webcam.device = devices[0];
-        const ret = await showModal(webcam, {}, '', getModalAnimation('Enter', 'X', { host: this.host, reversedSlide: true }), getModalAnimation('Leave', 'X', { host: this.host, reversedSlide: true }), true);
+        const ret = await showModal({
+          component: webcam,
+          enterAnimation: getModalAnimation('Enter', 'X', { host: this.host, reversedSlide: true }),
+          leaveAnimation: getModalAnimation('Leave', 'X', { host: this.host, reversedSlide: true }),
+          showBackdrop: true
+        });
         if (ret === null || ret === void 0 ? void 0 : ret.data) {
           await this.onHandleMediaInput(ret.data, MessageType.photo);
         }

package/dist/collection/components/3.organisms/mention-tag/mention-tag.js

@@ -2,9 +2,7 @@ import { getAsyncExtraData, isDeeplink } from '@shared/utils';
 import { h, Host } from '@stencil/core';
 export class YooMentionTagComponent {
   constructor() {
-    /**
-     * Display link using inapp browser
-     */
+    this.preventUserView = undefined;
     this.target = '_system';
   }
   get isURL() {

package/dist/collection/components/3.organisms/mobile-tabbar/mobile-tabbar.js

@@ -5,9 +5,10 @@ import { isNumber, isString } from 'lodash-es';
 import { getAppContext } from '../../../utils/helpers/common-helpers';
 export class YooMobileTabbarComponent {
   constructor() {
+    this.isBusy = false;
+    this.items = undefined;
     this.maxTabs = 5;
     this.activeIndex = 0;
-    this.isBusy = false;
   }
   async setActiveIcon(index) {
     this.activeIndex = index;

package/dist/collection/components/3.organisms/mobile-tabbar-more/mobile-tabbar-more.js

@@ -1,6 +1,10 @@
 import { translate } from '@shared/utils';
 import { h, Host } from '@stencil/core';
 export class YooMobileTabbarMoreComponent {
+  constructor() {
+    this.items = undefined;
+    this.search = undefined;
+  }
   render() {
     const items = this.items ? [...this.items.filter((_, index) => index % 2 === 0), ...this.items.filter((_, index) => index % 2 === 1)] : [];
     return (h(Host, null, items.length > 10 && (h("yoo-form-input", { size: "large", class: "menu", "icon-prefix": "search", hideOptional: true, clearable: false, forceValueUpdate: true, placeholder: translate('SEARCHMODULES'), onInputChanged: ({ detail }) => (this.search = detail) })), h("ul", { hidden: !items.length }, items.map((item) => {

package/dist/collection/components/3.organisms/numbers-display/numbers-display.js

@@ -4,10 +4,6 @@ import { isNumber } from 'lodash-es';
 import { filterDuplicateItems } from '../../../utils/helpers/common-helpers';
 export class YooNumbersDisplayComponent {
   constructor() {
-    /**
-     * This property is used to receive the entry required to populate the component
-     * The entry is defined by the parent component.
-     */
     this.entry = [];
   }
   renderItems() {

package/dist/collection/components/3.organisms/photo-editor/photo-editor.helpers.js

@@ -347,7 +347,14 @@ export async function showPredefinedTextsDialog(isWeb, annotationElement) {
       values: getPredefinedTexts()
     });
     autoCompleteDialog.style.width = '100%';
-    const returnedValue = await showModal(autoCompleteDialog, modalOptions, modalClass, getModalAnimation('Enter'), getModalAnimation('Leave'), true);
+    const returnedValue = await showModal({
+      component: autoCompleteDialog,
+      componentProps: modalOptions,
+      cssClass: modalClass,
+      enterAnimation: getModalAnimation('Enter'),
+      leaveAnimation: getModalAnimation('Leave'),
+      showBackdrop: true
+    });
     const selectedPredefinedTexts = returnedValue === null || returnedValue === void 0 ? void 0 : returnedValue.data;
     const isDot = annotationElement.tagName.includes('TOOLTIP');
     const currentContent = (isDot ? await annotationElement['getEditableContent']() : annotationElement.textContent) || '';

package/dist/collection/components/3.organisms/photo-editor/photo-editor.js

@@ -30,51 +30,6 @@ import { ANIMATION_DELAY, DOT_RADIUS, EEditorActions, INIT_COORDS, LOADING_DELAY
 import { createBaseAnnotation, deCenterAnnotation, drawImageOnCanvas, focusAnnotation, formatAnnotationsForExport, getAbsoluteCenter, getAnnotation, getAnnotationDraggableBounds, getBoundingClient, getFormattedAnnotationSize, getPredefinedTexts, getRelativeCenter, isCanvasBlank, prepareAnnotationsData, removeLocalsFromAnnotations, setAnnotationPositionToClosestEdge, showPredefinedTextsDialog, updateAnnotationLocal } from './photo-editor.helpers';
 export class YooPhotoEditorComponent {
   constructor() {
-    /**
-     * Set to true wether the image in a readonly mode can be
-     * switched to the editable mode
-     */
-    this.editable = false;
-    /**
-     * Specify wether the annotations should be displayed or not
-     * Setting to false will hide the dots and the textboxes on
-     * the images if there is initially in the prop `annotations`
-     */
-    this.displayAnnotations = true;
-    /**
-     * Specify the display by knowing that :
-     * -> Standard : display by default
-     * -> Preview : readonly / no topbar / disabled tooltip
-     */
-    this.display = 'standard';
-    /**
-     * Specify whether the animations should be enabled or not
-     */
-    this.animated = true;
-    /**
-     * Set here the visibility of the navbar :
-     * 'hidden' : the navbar is loaded but faded-out during the first load of the component
-     * 'visible': the navbar is loaded and visible during the first load of the component (default)
-     * 'disabled': the navbar is not visible and not loaded
-     */
-    this.navbarVisiblity = 'visible';
-    /**
-     * add here any extra actions to include in the workflow like download, switchEditable etc..
-     */
-    this.extraActions = [];
-    /**
-     * Options passed to the URL source.
-     *
-     * This property only applies for Cloudinary URL source.
-     */
-    this.cloudinaryOptions = {};
-    /**
-     * Array of text annotations to render. These can be both dot and text annotations
-     */
-    this.annotations = [];
-    this.mode = 'tools';
-    this.isLoading = true;
-    this.drawingsStackIndex = -1;
     this.savedAnnotations = [];
     this.savedDots = [];
     this.isTextCreateMode = false;
@@ -94,6 +49,28 @@ export class YooPhotoEditorComponent {
     this.alignText = 'center';
     this.animationDelay = this.animated ? ANIMATION_DELAY : 0;
     this.drawingsStack = [];
+    this.editable = false;
+    this.displayAnnotations = true;
+    this.zoomable = undefined;
+    this.display = 'standard';
+    this.animated = true;
+    this.navbarVisiblity = 'visible';
+    this.extraActions = [];
+    this.showSaveInitial = undefined;
+    this.submitView = undefined;
+    this.closeHandler = undefined;
+    this.submitButton = undefined;
+    this.description = undefined;
+    this.hasBackButton = undefined;
+    this.cloudinaryOptions = {};
+    this.annotations = [];
+    this.drawings = undefined;
+    this.isReadonly = undefined;
+    this.src = undefined;
+    this.mode = 'tools';
+    this.isLoading = true;
+    this.drawingsStackIndex = -1;
+    this.imageSize = undefined;
   }
   onExtraActionsChanged() {
     this.hasExtraActions && (this.mode = 'extras');

package/dist/collection/components/3.organisms/result-dialog/result-dialog.js

@@ -2,6 +2,12 @@ import { translate, translateMulti } from '@shared/utils';
 import { h, Host } from '@stencil/core';
 import { getAppContext } from '../../../utils/helpers/common-helpers';
 export class YooResultDialogComponent {
+  constructor() {
+    this.heading = undefined;
+    this.content = undefined;
+    this.success = undefined;
+    this.buttonText = undefined;
+  }
   render() {
     return (h(Host, { class: { ...getAppContext(this.host) } }, h("yoo-empty-state", { type: this.success ? 'check' : 'reject' }), this.heading && h("span", { innerHTML: translateMulti(this.heading) }), this.content && h("p", { innerHTML: translateMulti(this.content) }), h("section", { class: "footer", onClick: () => this.close.emit() }, translate(this.buttonText || 'YOOBICOK'))));
   }

package/dist/collection/components/3.organisms/swipe-container/swipe-container.js

@@ -3,7 +3,6 @@ import { hammerDirections, hammerTypes, isBottomSwipe, isLeftSwipe, isRightSwipe
 export class YooSwipeContainerComponent {
   constructor() {
     this.showSwipeControl = false;
-    // If true can only swipe on the swipe control area
     this.controlOnly = false;
     this.hammerOptions = {};
     this.pan = false;

package/dist/collection/components/3.organisms/toast/toast.css

@@ -769,6 +769,22 @@ svg:not(:root) {
   border-radius: var(--border-radius-08, 0.5rem);
 }
 
+:host(.notif) .outer-container .button {
+  order: 5;
+  width: var(--spacing-24, 1.5rem);
+  height: var(--spacing-24, 1.5rem);
+  margin-left: var(--spacing-16, 1rem);
+  font-weight: bold;
+  background: var(--stable, #adadad);
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+:host(.notif) .outer-container .button-container {
+  border-right: var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);
+}
+
 :host(.bg-app-color) .outer-container {
   background: var(--app-color, #5a30f4);
 }

package/dist/collection/components/3.organisms/toast/toast.js

@@ -10,8 +10,36 @@ const LIFECYCLE_MAP = {
 };
 export class YooToastComponent {
   constructor() {
+    this.message = undefined;
+    this.link = undefined;
+    this.icon = undefined;
+    this.iconColor = undefined;
+    this.count = undefined;
+    this.image = undefined;
+    this.imageContained = undefined;
+    this.rightMediaSrc = undefined;
+    this.cssClass = undefined;
+    this.closeButtonText = undefined;
+    this.showCloseButton = undefined;
+    this.closeButtonIcon = undefined;
+    this.duration = undefined;
+    this.position = undefined;
+    this.progressEvent = undefined;
+    this.progressEventTimeout = undefined;
+    this.showBackdrop = undefined;
+    this.fullscreen = undefined;
+    this.closable = undefined;
+    this.extraButtons = undefined;
+    this.selection = undefined;
     this.maxLength = 300;
+    this.subMessages = undefined;
+    this.disableTooltip = undefined;
+    this.animated = undefined;
+    this.keyboardClose = undefined;
     this.overlayId = 0;
+    this.isFormField = undefined;
+    this.progress = undefined;
+    this.renameValue = undefined;
   }
   lifecycle(modalEvent) {
     lifecycleEvents(modalEvent, this.usersElement, LIFECYCLE_MAP);
@@ -128,12 +156,13 @@ export class YooToastComponent {
     return (h("div", { class: "right-media-container" }, h("yoo-img", { type: "background", src: this.rightMediaSrc })));
   }
   renderExtraButtons(extraButton, insideContextMenu = false) {
+    var _a;
     const extraClass = extraButton.cssClass ? extraButton.cssClass() : '';
     const hasGlobalActions = !!this.host.classList.contains('global-actions');
     const showTooltipBodyText = ((extraButton === null || extraButton === void 0 ? void 0 : extraButton.cssClass) ? !(extraButton.cssClass() || '').includes('hide-tooltip-text') : true) && !hasGlobalActions;
     let button;
     if (extraButton === null || extraButton === void 0 ? void 0 : extraButton.icon) {
-      button = h("yoo-icon", { size: "medium", name: extraButton.icon(), color: extraButton.color ? extraButton.color() : 'stable' });
+      button = h("yoo-icon", { name: extraButton.icon(), size: ((_a = extraButton === null || extraButton === void 0 ? void 0 : extraButton.size) === null || _a === void 0 ? void 0 : _a.call(extraButton)) || 'medium', color: extraButton.color ? extraButton.color() : 'stable' });
     }
     if (extraButton === null || extraButton === void 0 ? void 0 : extraButton.text) {
       const text = translate(extraButton.text());

package/dist/collection/components/3.organisms/video-player/videoplayer-core.js

@@ -10,22 +10,21 @@ import { getAppContext } from '../../../utils/helpers/common-helpers';
 import { videoPlayerStates } from './constants';
 export class YooVideoPlayerCoreComponent {
   constructor() {
-    /**
-     * Video codec transform, prevent this for live video url
-     */
+    this.playerId = getUUID();
+    this.initialClick = true;
+    this.initialPlay = true;
     this.preventVcAuto = true;
+    this.preventAutoPauseOnBlur = undefined;
+    this.preventAutoResume = undefined;
+    this.readonly = undefined;
     this.type = 'videojs';
-    /**
-     * Open a fullscreen modal when starts playing
-     */
+    this.videoPlayerCoreParameters = undefined;
+    this.modalOptions = undefined;
     this.blockControlAndAutoPlayOnTap = false;
-    /**
-     * Show or hide the modal header
-     */
+    this.playerCommand = undefined;
+    this.orientation = undefined;
     this.showHeader = true;
-    this.playerId = getUUID();
-    this.initialClick = true;
-    this.initialPlay = true;
+    this.useHTML5 = undefined;
   }
   /**
    * Listen to player state changes

package/dist/collection/components/3.organisms/video-player/videoplayer-dailymotion/videoplayer-dailymotion.js

@@ -8,14 +8,10 @@ import { getDailymotionPlayerAPI, getVideoId, openVideoPlayerInModal } from '../
 import { videoPlayerStates } from '../constants';
 export class YooVideoPlayerDailymotionComponent {
   constructor() {
-    /**
-     * Show the controls of the video player, default to true
-     */
     this.controls = true;
-    /**
-     * Allow fullscreen or not, default to false
-     */
     this.fullscreen = false;
+    this.startTime = undefined;
+    this.source = undefined;
     YooVideoPlayerDailymotionComponent.componentCounter += 1;
   }
   /**

package/dist/collection/components/3.organisms/video-player/videoplayer-videojs/videoplayer-videojs.js

@@ -8,43 +8,34 @@ import { openVideoPlayerInModal, updateCloudinaryDim } from '../../../../utils/h
 import { videoPlayerStates } from '../constants';
 export class YooVideoPlayerVideojsComponent {
   constructor() {
-    /**
-     * List of substitle for video
-     */
+    this.scaledUp = undefined;
     this.subtitles = [];
-    /**
-     * Allow fullscreen or not, default to true
-     */
+    this.scaledUpInWidth = undefined;
+    this.mediaDimension = undefined;
     this.fullscreen = true;
-    /**
-     * Show the controls of the video player, default to true
-     */
     this.controls = true;
-    /**
-     * Allow auto play ,default to false
-     */
     this.autoplay = false;
-    /**
-     * Specify the way the video should be loaded when the page loads
-     */
     this.preload = 'auto';
-    /**
-     * Allow auto play ,default to false
-     */
     this.muted = false;
-    /**
-     * background color of the video
-     */
+    this.poster = undefined;
     this.lightBackground = false;
-    /**
-     * Simple mode for news feed
-     */
+    this.autoPauseOnLeavingViewPort = undefined;
     this.simpleMode = false;
-    /**
-     * show the duration of video
-     */
     this.showDuration = false;
+    this.cover = undefined;
+    this.videoHeight = undefined;
+    this.videoWidth = undefined;
+    this.startTime = undefined;
+    this.iconSize = undefined;
+    this.noSwiping = undefined;
+    this.modalOptions = undefined;
+    this.extension = undefined;
     this.playsinline = true;
+    this.source = undefined;
+    this.isPlaying = undefined;
+    this.ended = undefined;
+    this.videoDuration = undefined;
+    this.showErrorFallback = undefined;
   }
   /**
    * Will pause the video

package/dist/collection/components/3.organisms/video-player/videoplayer-vimeo/videoplayer-vimeo.js

@@ -6,14 +6,10 @@ import { getVimeoPlayerAPI, openVideoPlayerInModal } from '../../../../utils/hel
 import { videoPlayerStates } from '../constants';
 export class YooVideoPlayerVimeoComponent {
   constructor() {
-    /**
-     * Show the controls of the video player, default to true
-     */
     this.controls = true;
-    /**
-     * Allow fullscreen or not, default to false
-     */
     this.fullscreen = false;
+    this.startTime = undefined;
+    this.source = undefined;
   }
   /**
    *

package/dist/collection/components/3.organisms/video-player/videoplayer-youtube/videoplayer-youtube.js

@@ -7,17 +7,10 @@ import { getYoutubeId, getYoutubeIFrameAPI, openVideoPlayerInModal } from '../..
 import { videoPlayerStates } from '../constants';
 export class YooVideoPlayerYoutubeComponent {
   constructor() {
-    /**
-     * Show the controls of the video player, default to true
-     */
     this.controls = true;
-    /**
-     * Allow fullscreen or not, default to false
-     */
     this.fullscreen = false;
-    /**
-     * Block youtube cutsom error
-     */
+    this.startTime = undefined;
+    this.source = undefined;
     this.hasError = false;
     this.played = false;
   }

package/dist/collection/components/3.organisms/virtual-scroll/virtual-item.js

@@ -2,10 +2,13 @@ import { dispatchCustomEvent, resizeObserve } from '@shared/utils';
 import { forceUpdate, h, Host } from '@stencil/core';
 export class YooVirtualItemComponent {
   constructor() {
-    this.isVisible = false;
     this.onResize = () => {
       dispatchCustomEvent('itemHeightUpdated', this.host, { item: this.host, preventUpdate: true });
     };
+    this.renderItem = undefined;
+    this.asyncRender = undefined;
+    this.index = undefined;
+    this.isVisible = false;
   }
   async renderContent() {
     this.isVisible = true;

package/dist/collection/components/3.organisms/virtual-scroll/virtual-scroll.js

@@ -6,44 +6,6 @@ import { CELL_TYPE_ITEM } from './types';
 import { calcCells, calcHeightIndex, doRender, findCellIndex, getRange, getShouldUpdate, getViewport, inplaceUpdate, positionForIndex, resizeBuffer, updateVDom } from './utils/virtual-scroll.utils';
 export class YooVirtualScrollComponent {
   constructor() {
-    this.totalHeight = 0;
-    /**
-     * It is important to provide this
-     * if virtual item height will be significantly larger than the default
-     * The approximate height of each virtual item template's cell.
-     * This dimension is used to help determine how many cells should
-     * be created when initialized, and to help calculate the height of
-     * the scrollable area. This height value can only use `px` units.
-     * Note that the actual rendered size of each cell comes from the
-     * app's CSS, whereas this approximation is used to help calculate
-     * initial dimensions before the item has been rendered.
-     */
-    this.approxItemHeight = 120;
-    /**
-     * The approximate height of each header template's cell.
-     * This dimension is used to help determine how many cells should
-     * be created when initialized, and to help calculate the height of
-     * the scrollable area. This height value can only use `px` units.
-     * Note that the actual rendered size of each cell comes from the
-     * app's CSS, whereas this approximation is used to help calculate
-     * initial dimensions before the item has been rendered.
-     */
-    this.approxHeaderHeight = 30;
-    /**
-     * The approximate width of each footer template's cell.
-     * This dimension is used to help determine how many cells should
-     * be created when initialized, and to help calculate the height of
-     * the scrollable area. This height value can only use `px` units.
-     * Note that the actual rendered size of each cell comes from the
-     * app's CSS, whereas this approximation is used to help calculate
-     * initial dimensions before the item has been rendered.
-     */
-    this.approxFooterHeight = 30;
-    /**
-     * An optional prop that ensures heigts of items recalculated.
-     * Should be used when using the same instance of the component but udpating all items
-     */
-    this.shouldReRender = true;
     // tslint:disable-next-line:component-member-order
     this.range = { offset: 0, length: 0 };
     this.viewportHeight = 0;
@@ -64,6 +26,23 @@ export class YooVirtualScrollComponent {
       this.updateVirtualScroll();
     };
     this.scheduleDynamicHeightUpdate = () => this.updateCellHeightBasedOnElement();
+    this.totalHeight = 0;
+    this.approxItemHeight = 120;
+    this.approxHeaderHeight = 30;
+    this.approxFooterHeight = 30;
+    this.headerFn = undefined;
+    this.footerFn = undefined;
+    this.items = undefined;
+    this.itemHeight = undefined;
+    this.headerHeight = undefined;
+    this.shouldReRender = true;
+    this.footerHeight = undefined;
+    this.renderItem = undefined;
+    this.renderPlaceholder = undefined;
+    this.renderHeader = undefined;
+    this.renderFooter = undefined;
+    this.nodeRender = undefined;
+    this.domRender = undefined;
   }
   onResize() {
     this.calcCells();

package/dist/collection/components/3.organisms/webcam/webcam.js

@@ -4,8 +4,12 @@ const EmptyState = ({ text, type }) => [h("yoo-empty-state", { type: type }), h(
 export class YooWebcamComponent {
   constructor() {
     var _a;
-    this.pending = true;
     this.supported = !!((_a = navigator === null || navigator === void 0 ? void 0 : navigator.mediaDevices) === null || _a === void 0 ? void 0 : _a.getUserMedia);
+    this.audio = undefined;
+    this.video = undefined;
+    this.error = undefined;
+    this.pending = true;
+    this.src = undefined;
   }
   async componentDidLoad() {
     if (this.supported) {

package/dist/collection/components/3.organisms/zoom/zoom.js

@@ -5,37 +5,15 @@ import { isElementInsideContainer } from '../../../utils/helpers/annotations-hel
 import { Hammer } from '../../../utils/helpers/hammer-helpers';
 export class YooZoomComponent {
   constructor() {
-    /**
-     * Set to true to enable the ability to zoom in/out using the wheel gesture
-     */
     this.disableZoomOnSelectors = [];
-    /**
-     * Set to true to enable the ability to zoom in/out using the wheel gesture
-     */
     this.animated = true;
-    /**
-     * Set to true to enable the ability to zoom in/out using the wheel gesture
-     */
+    this.location = undefined;
     this.allowPanGesture = true;
-    /**
-     * Set here all the references to be zoomed ( ex: 'x', 'y' => container.querySelector('x', 'y'))
-     */
+    this.allowWheelGesture = undefined;
     this.references = [];
-    /**
-     * Set here the maximum time for the picture to be enlarged from its initial size
-     */
     this.maxScale = 4;
-    /**
-     * Set here the scale level on which the picture should be set from during the first load
-     */
     this.initScale = 1;
-    /**
-     * Set here the minimum time for the picture to be enlarged from its initial size
-     */
     this.minScale = 1;
-    /**
-     * Set to true to disable the pinch gesture ( hammerjs )
-     */
     this.disabled = false;
   }
   onLocationChanged() {

package/dist/collection/components/entities/card/card.js

@@ -2,13 +2,19 @@ import { getAssetPath, h } from '@stencil/core';
 const MAX_AVATAR_DISPLAY = 4;
 export class YooCardComponent {
   constructor() {
+    this.heading = undefined;
+    this.subheadings = undefined;
     this.imgSrc = getAssetPath('./assets/empty-state/empty.svg');
     this.avatarImgs = [];
     this.isActivable = false;
     this.isUserCard = false;
+    this.date = undefined;
     this.avatarShape = 'rectangle';
+    this.actionButtonTitle = undefined;
+    this.animationName = undefined;
     this.hasMenu = false;
     this.isActive = false;
+    this.horizontal = undefined;
   }
   componentWillLoad() {
     this.horizontal = this.host.classList.contains('horizontal');

package/dist/collection/components/entities/card-avatar/card-avatar.js

@@ -1,6 +1,11 @@
 import { h, Host } from '@stencil/core';
 import { Tag } from '../../../utils/tag.factory';
 export class YooCardAvatarComponent {
+  constructor() {
+    this.avatar = undefined;
+    this.heading = undefined;
+    this.subheading = undefined;
+  }
   render() {
     const avatar = this.avatar || {};
     const heading = this.heading || {};

package/dist/collection/components/entities/card-avatars/card-avatars.js

@@ -1,6 +1,10 @@
 import { h, Host } from '@stencil/core';
 import { Tag } from '../../../utils/tag.factory';
 export class YooCardAvatarsComponent {
+  constructor() {
+    this.users = undefined;
+    this.heading = undefined;
+  }
   render() {
     const heading = this.heading || {};
     return (h(Host, null, h("yoo-avatars", { users: this.users }), !!heading.text && h(Tag, { className: "heading", icon: {}, noBackground: true, size: null, ...heading }), h("slot", null)));