@yoobic/yobi 8.6.0-2 → 8.6.0-4

package/dist/design-system/yoo-button.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
-import { g as getAppContext } from './common-helpers-73accd43.js';
-import { bu as getContrastColor } from './index-44691ffd.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-06fc3d74.js';
+import './index-30d0dd50.js';
+import { g as getAppContext } from './common-helpers-2139c840.js';
+import { bu as getContrastColor } from './index-7b3985f1.js';
 import './lodash-777f91de.js';
 import './index-847a32fd.js';
 import './_commonjsHelpers-f4d11124.js';
@@ -11,40 +11,14 @@ const buttonCss = "svg:not(:root){overflow:hidden}:host([color=accent][fill=soli
 const YooButtonComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /**
-     * Color to use from the palette.
-     * For more information on colors, see [theming](https://design.yoobic.com/d/0thDzyUFNm97/product#/guidelines/color).
-     */
     this.color = 'light';
-    /**
-     * Type.
-     */
     this.type = 'button';
-    /**
-     * Size.
-     */
     this.size = 'medium';
-    /**
-     * Shape.
-     */
     this.shape = 'rectangular';
-    /**
-     * Property used to control the transparency of the background.
-     */
     this.fill = 'solid';
-    /**
-     * Controls at which point the ripple point occurs:
-     * - If `bounded` the ripple will occur depending on location of click.
-     * - If `unbounded` ripple will be centered.
-     */
     this.rippleType = 'bounded';
-    /**
-     * If `true`, the user can see animations (hover, ripple).
-     */
     this.animated = false;
-    /**
-     * If `true`, the user cannot interact with the button.
-     */
+    this.customColor = undefined;
     this.disabled = false;
   }
   onClick(event) {

package/dist/design-system/yoo-buttons-list.entry.js

@@ -1,10 +1,11 @@
-import { r as registerInstance, h } from './index-a6a92b3d.js';
+import { r as registerInstance, h } from './index-06fc3d74.js';
 
 const buttonsListCss = "svg:not(:root){overflow:hidden}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}:host .outer-container yoo-button:not(:first-of-type){margin-left:1rem}";
 
 const YooButtonsListComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.buttons = undefined;
   }
   showButton(button) {
     if (!button.isVisible) {

package/dist/design-system/yoo-calendar.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, i as createEvent, h, f as forceUpdate, e as Host, g as getElement } from './index-a6a92b3d.js';
-import { e as shiftSlidesToNext, f as shiftSlidesToPrevious } from './index-e08fecc9.js';
+import { r as registerInstance, i as createEvent, h, f as forceUpdate, e as Host, g as getElement } from './index-06fc3d74.js';
+import { e as shiftSlidesToNext, f as shiftSlidesToPrevious } from './index-30d0dd50.js';
 import { i as isArray, q as capitalize } from './lodash-777f91de.js';
-import { g as getAppContext } from './common-helpers-73accd43.js';
-import { ee as getWeekDays, t as translate, aO as dateAdd, R as startOf, bY as endOf, cB as isIonic, V as isDateAfter, ef as resetTime, T as isDateBefore, eg as getYear, ao as dateFormat, m as isSameDate, eh as day, aN as dateSub, cU as isToday, ei as isSameMonth, H as isWeb, ej as isDateSameOrAfter, ek as isDateSameOrBefore, av as pipes } from './index-44691ffd.js';
+import { g as getAppContext } from './common-helpers-2139c840.js';
+import { ef as getWeekDays, t as translate, aO as dateAdd, R as startOf, bY as endOf, cB as isIonic, V as isDateAfter, eg as resetTime, T as isDateBefore, eh as getYear, ao as dateFormat, m as isSameDate, ei as day, aN as dateSub, cU as isToday, ej as isSameMonth, H as isWeb, ek as isDateSameOrAfter, el as isDateSameOrBefore, av as pipes } from './index-7b3985f1.js';
 import './index-847a32fd.js';
 import './_commonjsHelpers-f4d11124.js';
 
@@ -20,12 +20,6 @@ const YooCalendarComponent = class {
     this.todaySelected = createEvent(this, "todaySelected", 7);
     this.swipeHorizontal = createEvent(this, "swipeHorizontal", 7);
     this.doneClicked = createEvent(this, "doneClicked", 7);
-    this.displayMode = 'month';
-    this.markers = [];
-    this.modernDatePicker = false;
-    this.isRange = false;
-    this.size = 'medium';
-    this.slideChanged = true;
     this.weekdays = getWeekDays();
     this.renderedMonths = [-1, 0, 1];
     this.initialSlide = 1;
@@ -46,6 +40,22 @@ const YooCalendarComponent = class {
         value: 'month'
       }
     ];
+    this.displayMode = 'month';
+    this.markers = [];
+    this.isDatePicker = undefined;
+    this.modernDatePicker = false;
+    this.maxDate = undefined;
+    this.minDate = undefined;
+    this.isRange = false;
+    this.dateRange = undefined;
+    this.size = 'medium';
+    this.activeDay = undefined;
+    this.closingDays = undefined;
+    this.showDone = undefined;
+    this.slideChanged = true;
+    this.activeDayState = undefined;
+    this.rangeLowerBound = undefined;
+    this.rangeUpperBound = undefined;
   }
   get isMonthDisplay() {
     return this.displayMode === 'month';

package/dist/design-system/yoo-camera-preview-dialog.entry.js

@@ -1,14 +1,14 @@
-import { r as registerInstance, f as forceUpdate, h, k as getAssetPath, e as Host, g as getElement } from './index-a6a92b3d.js';
-import { cA as registerPlugin, o as isNativeMobile, cr as addFilePrefix, am as isImage, a8 as getSession, dX as PhotoLibrary, w as closeModal, t as translate } from './index-44691ffd.js';
-import './index-e08fecc9.js';
-import { d as getPictureMaxSize } from './camera-helpers-83dcb23e.js';
-import { a as showSlidesMedia, g as getAppContext } from './common-helpers-73accd43.js';
+import { r as registerInstance, f as forceUpdate, h, k as getAssetPath, e as Host, g as getElement } from './index-06fc3d74.js';
+import { cA as registerPlugin, o as isNativeMobile, cr as addFilePrefix, am as isImage, a8 as getSession, dX as PhotoLibrary, w as closeModal, t as translate } from './index-7b3985f1.js';
+import './index-30d0dd50.js';
+import { d as getPictureMaxSize } from './camera-helpers-a656f905.js';
+import { a as showSlidesMedia, g as getAppContext } from './common-helpers-2139c840.js';
 import './index-847a32fd.js';
 import './_commonjsHelpers-f4d11124.js';
 import './lodash-777f91de.js';
 
 const CameraPreview = registerPlugin('CameraPreview', {
-    web: () => import('./web-00bd2c80.js').then(m => new m.CameraPreviewWeb()),
+    web: () => import('./web-fd548482.js').then(m => new m.CameraPreviewWeb()),
 });
 
 function getFlashModeIconName(flashMode) {
@@ -28,14 +28,21 @@ const cameraPreviewDialogCss = "svg:not(:root){overflow:hidden}:host{position:re
 const YooCameraPreviewDialogComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.isCancel = false;
+    this.isTapped = false;
+    this.imageData = undefined;
+    this.quality = undefined;
+    this.isImageRecognition = undefined;
+    this.maxWidth = undefined;
+    this.max = undefined;
     this.regularMode = false;
+    this.stitchDirection = undefined;
+    this.values = undefined;
     this.showLoader = false;
     this.listviewItems = [];
     this.flashMode = 'auto';
     this.isProcessing = false;
     this.showCapturedImage = false;
-    this.isCancel = false;
-    this.isTapped = false;
   }
   onBackButton(ev) {
     ev.stopPropagation();

package/dist/design-system/yoo-card-avatar.entry.js

@@ -1,11 +1,14 @@
-import { r as registerInstance, h, e as Host } from './index-a6a92b3d.js';
-import { T as Tag } from './tag.factory-110ce72d.js';
+import { r as registerInstance, h, e as Host } from './index-06fc3d74.js';
+import { T as Tag } from './tag.factory-f9c8bd41.js';
 
 const cardAvatarCss = "svg:not(:root){overflow:hidden}:host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;overflow:hidden}:host ::slotted(*){position:absolute}:host yoo-tag{--padding:0;width:100%;font-size:var(--font-size-12, 0.75rem)}:host .heading{margin-top:var(--spacing-04, 0.25rem)}";
 
 const YooCardAvatarComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.avatar = undefined;
+    this.heading = undefined;
+    this.subheading = undefined;
   }
   render() {
     const avatar = this.avatar || {};

package/dist/design-system/yoo-card-avatars.entry.js

@@ -1,11 +1,13 @@
-import { r as registerInstance, h, e as Host } from './index-a6a92b3d.js';
-import { T as Tag } from './tag.factory-110ce72d.js';
+import { r as registerInstance, h, e as Host } from './index-06fc3d74.js';
+import { T as Tag } from './tag.factory-f9c8bd41.js';
 
 const cardAvatarsCss = "svg:not(:root){overflow:hidden}:host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;overflow:hidden}:host ::slotted(*){position:absolute}:host yoo-tag{--padding:0;width:100%;font-size:var(--font-size-12, 0.75rem)}:host .heading{margin-top:var(--spacing-04, 0.25rem)}";
 
 const YooCardAvatarsComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.users = undefined;
+    this.heading = undefined;
   }
   render() {
     const heading = this.heading || {};

package/dist/design-system/yoo-card-battle-result.entry.js

@@ -1,6 +1,6 @@
-import { h, r as registerInstance, e as Host } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
-import { t as translate } from './index-44691ffd.js';
+import { h, r as registerInstance, e as Host } from './index-06fc3d74.js';
+import './index-30d0dd50.js';
+import { t as translate } from './index-7b3985f1.js';
 import './lodash-777f91de.js';
 import './index-847a32fd.js';
 import './_commonjsHelpers-f4d11124.js';
@@ -12,10 +12,12 @@ const Score = ({ opponent, status, user }) => (h("div", { class: "score" }, ['lo
 const YooCardBattleResultComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /**
-     * If `true`, it loads participant images instantly.
-     */
     this.instant = false;
+    this.opponent = undefined;
+    this.opponentScore = undefined;
+    this.status = undefined;
+    this.user = undefined;
+    this.userScore = undefined;
   }
   render() {
     return (h(Host, null, h(Participant, { instant: this.instant, label: this.user && translate('YOOBICME'), user: this.user }), h(Score, { opponent: this.opponentScore, status: this.status, user: this.userScore }), h(Participant, { instant: this.instant, label: this.opponent && (this.opponent.firstName || this.opponent.lastName || this.opponent.username), user: this.opponent })));

package/dist/design-system/yoo-card-battle.entry.js

@@ -1,6 +1,6 @@
-import { h, r as registerInstance, e as Host } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
-import { ac as getUserDisplayName, a3 as translateMulti, t as translate } from './index-44691ffd.js';
+import { h, r as registerInstance, e as Host } from './index-06fc3d74.js';
+import './index-30d0dd50.js';
+import { ac as getUserDisplayName, a3 as translateMulti, t as translate } from './index-7b3985f1.js';
 import './lodash-777f91de.js';
 import './index-847a32fd.js';
 import './_commonjsHelpers-f4d11124.js';
@@ -12,16 +12,13 @@ const Points = ({ iconSize, value }) => (h("yoo-tag", { color: "app-color-10" },
 const YooCardBattleComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /**
-     * If `true`, it loads the opponent avatar instantly.
-     */
+    this.correctAnswers = undefined;
+    this.course = undefined;
+    this.incorrectAnswers = undefined;
     this.instant = false;
-    /**
-     * Display mode.
-     * Compact mode uses a one-column layout, with smaller font sizes.
-     * Large mode uses a two-column layout, with larger font sizes.
-     */
     this.mode = 'large';
+    this.opponent = undefined;
+    this.points = undefined;
   }
   render() {
     var _a;

package/dist/design-system/yoo-card-calendar.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
-import { g as getAppContext } from './common-helpers-73accd43.js';
-import { eO as getEventTypeColor, eL as getEventStatusInfo, eM as getCalendarParticipantStatusColor, t as translate } from './index-44691ffd.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-06fc3d74.js';
+import './index-30d0dd50.js';
+import { g as getAppContext } from './common-helpers-2139c840.js';
+import { eP as getEventTypeColor, eM as getEventStatusInfo, eN as getCalendarParticipantStatusColor, t as translate } from './index-7b3985f1.js';
 import './lodash-777f91de.js';
 import './index-847a32fd.js';
 import './_commonjsHelpers-f4d11124.js';
@@ -11,6 +11,16 @@ const cardCalendarCss = "svg:not(:root){overflow:hidden}:host([color=accent]){ba
 const YooCardCalendarComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.heading = undefined;
+    this.subheading = undefined;
+    this.type = undefined;
+    this.location = undefined;
+    this.dueDate = undefined;
+    this.attendance = undefined;
+    this.creator = undefined;
+    this.creatorImage = undefined;
+    this.color = undefined;
+    this.disabled = undefined;
   }
   renderLocation() {
     return (h("div", { class: "flex-container" }, h("yoo-icon", { class: "icon", name: "pin", size: "small", color: getEventTypeColor(this.type) }), h("yoo-truncate", { class: "description" }, this.location)));

package/dist/design-system/yoo-card-campaign.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-06fc3d74.js';
+import './index-30d0dd50.js';
 import { n as compact } from './lodash-777f91de.js';
-import { h as execHandlerAndStopEvent } from './common-helpers-73accd43.js';
-import { aM as isPresent, t as translate, a3 as translateMulti, Q as getCssColor } from './index-44691ffd.js';
+import { h as execHandlerAndStopEvent } from './common-helpers-2139c840.js';
+import { aM as isPresent, t as translate, a3 as translateMulti, Q as getCssColor } from './index-7b3985f1.js';
 import './index-847a32fd.js';
 import './_commonjsHelpers-f4d11124.js';
 
@@ -11,23 +11,28 @@ const cardCampaignCss = "svg:not(:root){overflow:hidden}:host yoo-kpi-card{--val
 const YooCardCampaignComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /**
-     * If `true`, indicates that the campaign is active.
-     */
     this.active = false;
-    /**
-     * Number of ongoing missions.
-     */
+    this.completed = undefined;
+    this.completion = undefined;
+    this.compliance = undefined;
+    this.category = undefined;
+    this.categoryColor = undefined;
+    this.heading = undefined;
+    this.locations = undefined;
+    this.users = undefined;
     this.available = 0;
-    /**
-     * Is the campaign a service type or not.
-     */
     this.isService = false;
-    /**
-     * No permission to see campaign
-     */
     this.isEmpty = false;
+    this.isFeed = undefined;
+    this.views = undefined;
+    this.likes = undefined;
+    this.comments = undefined;
+    this.reposts = undefined;
+    this.audienceShare = undefined;
     this.keepUndefinedValues = false;
+    this.createHandler = undefined;
+    this.extraKpis = undefined;
+    this.hideIndicator = undefined;
   }
   keepUndefinedKpi(kpiName) {
     return this.keepUndefinedValues && !isPresent(this[kpiName]);

package/dist/design-system/yoo-card-cell.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
-import { h as execHandlerAndStopEvent, g as getAppContext } from './common-helpers-73accd43.js';
-import { co as showActionSheet, Q as getCssColor, H as isWeb } from './index-44691ffd.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-06fc3d74.js';
+import './index-30d0dd50.js';
+import { h as execHandlerAndStopEvent, g as getAppContext } from './common-helpers-2139c840.js';
+import { co as showActionSheet, Q as getCssColor, H as isWeb } from './index-7b3985f1.js';
 import './lodash-777f91de.js';
 import './index-847a32fd.js';
 import './_commonjsHelpers-f4d11124.js';
@@ -12,6 +12,7 @@ const YooCardCellComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.moreActionsClicked = createEvent(this, "moreActionsClicked", 7);
+    this.entry = undefined;
   }
   presentActionSheet() {
     // IONIC ACTION SHEETS

package/dist/design-system/yoo-card-chat.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
-import { g as getAppContext } from './common-helpers-73accd43.js';
-import { ac as getUserDisplayName } from './index-44691ffd.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-06fc3d74.js';
+import './index-30d0dd50.js';
+import { g as getAppContext } from './common-helpers-2139c840.js';
+import { ac as getUserDisplayName } from './index-7b3985f1.js';
 import './lodash-777f91de.js';
 import './index-847a32fd.js';
 import './_commonjsHelpers-f4d11124.js';
@@ -11,6 +11,7 @@ const cardChatCss = "@charset \"UTF-8\";svg:not(:root){overflow:hidden}:host{dis
 const YooCardChatComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.entry = undefined;
   }
   get senderText() {
     var _a, _b;

package/dist/design-system/yoo-card-course-row-compact.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, e as Host } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
+import { r as registerInstance, h, e as Host } from './index-06fc3d74.js';
+import './index-30d0dd50.js';
 import { X as clamp } from './lodash-777f91de.js';
-import { k as isNullOrUndefined, L as isRTL, a3 as translateMulti } from './index-44691ffd.js';
+import { k as isNullOrUndefined, L as isRTL, a3 as translateMulti } from './index-7b3985f1.js';
 import './index-847a32fd.js';
 import './_commonjsHelpers-f4d11124.js';
 
@@ -11,10 +11,13 @@ const getRoundedPositive = (value) => (isNullOrUndefined(value) || value < 0 ? 0
 const YooCardCourseRowCompactComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /**
-     * If `true`, the user can see animations.
-     */
     this.animated = true;
+    this.availableLessons = undefined;
+    this.availablePoints = undefined;
+    this.earnedPoints = undefined;
+    this.finishedLessons = undefined;
+    this.heading = undefined;
+    this.image = undefined;
   }
   render() {
     const availableLessons = getRoundedPositive(this.availableLessons);

package/dist/design-system/yoo-card-course-row.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-06fc3d74.js';
+import './index-30d0dd50.js';
 import { C as get, v as isObject } from './lodash-777f91de.js';
-import { g as getFromOfflineStorage } from './localForage-2801485a.js';
-import { g as getAppContext } from './common-helpers-73accd43.js';
-import { bq as isOffline, eW as getPlanStartDate, a7 as getPlanDueDate, ao as dateFormat, t as translate, av as pipes, a6 as getPlanTotalItemsCount, a5 as getCourseFinishedItemsCount, V as isDateAfter, H as isWeb, a4 as getCourseProgress, a3 as translateMulti, eX as isPlanRatingEnabled, cJ as showRatingDialog, eY as getPlanTypeTagProps } from './index-44691ffd.js';
+import { g as getFromOfflineStorage } from './localForage-1cbed8e8.js';
+import { g as getAppContext } from './common-helpers-2139c840.js';
+import { bq as isOffline, eX as getPlanStartDate, a7 as getPlanDueDate, ao as dateFormat, t as translate, av as pipes, a6 as getPlanTotalItemsCount, a5 as getCourseFinishedItemsCount, V as isDateAfter, H as isWeb, a4 as getCourseProgress, a3 as translateMulti, eY as isPlanRatingEnabled, cJ as showRatingDialog, eZ as getPlanTypeTagProps } from './index-7b3985f1.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-847a32fd.js';
 
@@ -12,6 +12,9 @@ const cardCourseRowCss = "svg:not(:root){overflow:hidden}:host{cursor:pointer}:h
 const YooCardCourseRowComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.entry = undefined;
+    this.hideLessonsCount = undefined;
+    this.backgroundImage = undefined;
   }
   componentWillRender() {
     this.prepareData();

package/dist/design-system/yoo-card-course.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, i as createEvent, h } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
+import { r as registerInstance, i as createEvent, h } from './index-06fc3d74.js';
+import './index-30d0dd50.js';
 import { C as get } from './lodash-777f91de.js';
-import { a4 as getCourseProgress, a3 as translateMulti, a5 as getCourseFinishedItemsCount, a6 as getPlanTotalItemsCount, a7 as getPlanDueDate } from './index-44691ffd.js';
+import { a4 as getCourseProgress, a3 as translateMulti, a5 as getCourseFinishedItemsCount, a6 as getPlanTotalItemsCount, a7 as getPlanDueDate } from './index-7b3985f1.js';
 import './index-847a32fd.js';
 import './_commonjsHelpers-f4d11124.js';
 
@@ -11,6 +11,9 @@ const YooCardCourseComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.cardClicked = createEvent(this, "cardClicked", 7);
+    this.entry = undefined;
+    this.size = undefined;
+    this.profileSummary = undefined;
     this.emitEnabled = false;
   }
   get cardSize() {

package/dist/design-system/yoo-card-feed-row.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, e as Host } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
-import { a3 as translateMulti, ac as getUserDisplayName, bQ as fromNow, t as translate } from './index-44691ffd.js';
+import { r as registerInstance, h, e as Host } from './index-06fc3d74.js';
+import './index-30d0dd50.js';
+import { a3 as translateMulti, ac as getUserDisplayName, bQ as fromNow, t as translate } from './index-7b3985f1.js';
 import './lodash-777f91de.js';
 import './index-847a32fd.js';
 import './_commonjsHelpers-f4d11124.js';
@@ -10,17 +10,12 @@ const cardFeedRowCss = "svg:not(:root){overflow:hidden}:host{display:grid;grid-t
 const YooCardFeedRowComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /**
-     * If `true`, it indicates that the news is featured.
-     */
+    this.date = undefined;
     this.featured = false;
-    /**
-     * If `true`, it indicates that the news requires read receipts
-     */
+    this.heading = undefined;
+    this.image = undefined;
     this.hasReadReceipts = false;
-    /**
-     * If `true`, it indicates that the news has been validated.
-     */
+    this.user = undefined;
     this.validated = false;
   }
   render() {

package/dist/design-system/yoo-card-feed.entry.js

@@ -1,9 +1,9 @@
-import { h, r as registerInstance, i as createEvent, e as Host, g as getElement } from './index-a6a92b3d.js';
-import { i as isIntersectionObserverSupported, c as intersectionObserve } from './index-e08fecc9.js';
+import { h, r as registerInstance, i as createEvent, e as Host, g as getElement } from './index-06fc3d74.js';
+import { i as isIntersectionObserverSupported, c as intersectionObserve } from './index-30d0dd50.js';
 import { c as cloneDeep, y as isEmpty } from './lodash-777f91de.js';
-import { g as getButton } from './button.factory-d2151e8f.js';
-import { h as execHandlerAndStopEvent, o as openImageDetailFromRTE, g as getAppContext } from './common-helpers-73accd43.js';
-import { a8 as getSession, t as translate, aG as capitalizeFirstLetter, eZ as isCampaignFeed, Q as getCssColor, ao as dateFormat, aN as dateSub, a3 as translateMulti, at as replaceAllLinks, d7 as setSecuredContent, k as isNullOrUndefined, W as getAsyncExtraData, aB as parseMarkDown, H as isWeb, co as showActionSheet, cl as isMedia, as as replaceAtTagToMentionTag, e_ as removeTextStyle, e1 as getPermissions, es as isFieldWithNoValue, e$ as isCampaignTodo, f0 as hasAttachment, ak as isVideo, w as closeModal, ac as getUserDisplayName } from './index-44691ffd.js';
+import { g as getButton } from './button.factory-39c707c7.js';
+import { h as execHandlerAndStopEvent, o as openImageDetailFromRTE, g as getAppContext } from './common-helpers-2139c840.js';
+import { a8 as getSession, t as translate, aG as capitalizeFirstLetter, e_ as isCampaignFeed, Q as getCssColor, ao as dateFormat, aN as dateSub, a3 as translateMulti, at as replaceAllLinks, d7 as setSecuredContent, k as isNullOrUndefined, W as getAsyncExtraData, aB as parseMarkDown, H as isWeb, co as showActionSheet, cl as isMedia, as as replaceAtTagToMentionTag, e$ as removeTextStyle, e1 as getPermissions, et as isFieldWithNoValue, f0 as isCampaignTodo, f1 as hasAttachment, ak as isVideo, w as closeModal, ac as getUserDisplayName } from './index-7b3985f1.js';
 import { E as EventType } from './index-847a32fd.js';
 import './_commonjsHelpers-f4d11124.js';
 
@@ -130,17 +130,22 @@ const YooCardFeedComponent = class {
     this.sharedUserClicked = createEvent(this, "sharedUserClicked", 7);
     this.pollVoteClicked = createEvent(this, "pollVoteClicked", 7);
     this.enteringViewPort = createEvent(this, "enteringViewPort", 7);
+    this.isPhotos = false;
+    this.orderItem = [];
     this.modalMode = false;
-    /**
-     * Preview mode for card feed in web
-     */
     this.previewMode = false;
     this.detailView = false;
+    this.eventMode = undefined;
     this.isAnimationFinished = false;
+    this.playerCommand = undefined;
     this.currentSlideIndex = 0;
+    this.preventAutoPlayMedia = undefined;
+    this.linkPreviewMode = undefined;
+    this.entry = undefined;
+    this.translatedText = undefined;
+    this.isTranslating = undefined;
+    this.showTranslatedText = undefined;
     this.isVisible = false;
-    this.isPhotos = false;
-    this.orderItem = [];
   }
   componentWillLoad() {
     var _a;

package/dist/design-system/yoo-card-file.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
-import { av as pipes, aZ as isImageUrl, am as isImage, ak as isVideo, dK as isAudio, fb as getType, fs as getIconName, ft as getIconColor, fD as toPng } from './index-44691ffd.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-06fc3d74.js';
+import './index-30d0dd50.js';
+import { av as pipes, aZ as isImageUrl, am as isImage, ak as isVideo, dK as isAudio, fc as getType, ft as getIconName, fu as getIconColor, fE as toPng } from './index-7b3985f1.js';
 import './lodash-777f91de.js';
 import './index-847a32fd.js';
 import './_commonjsHelpers-f4d11124.js';
@@ -10,10 +10,12 @@ const cardFileCss = "svg:not(:root){overflow:hidden}:host{display:inline-grid;gr
 const YooCardFileComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /**
-     * is current card file visible inside a form
-     */
+    this.file = undefined;
+    this.isClosable = undefined;
+    this.customFileName = undefined;
     this.isVisible = true;
+    this.type = undefined;
+    this.isLoading = undefined;
   }
   async onFileChanged() {
     this.localFile = this.file;

package/dist/design-system/yoo-card-image.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
-import { a3 as translateMulti } from './index-44691ffd.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-06fc3d74.js';
+import './index-30d0dd50.js';
+import { a3 as translateMulti } from './index-7b3985f1.js';
 import './lodash-777f91de.js';
 import './index-847a32fd.js';
 import './_commonjsHelpers-f4d11124.js';
@@ -10,10 +10,14 @@ const cardImageCss = "svg:not(:root){overflow:hidden}:host{--description-align-i
 const YooCardImageComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /**
-     * Size of the icon.
-     */
+    this.image = undefined;
+    this.heading = undefined;
+    this.subheading = undefined;
+    this.count = undefined;
+    this.icon = undefined;
     this.iconSize = 'small';
+    this.avatar = undefined;
+    this.headingPosition = undefined;
   }
   render() {
     const { instant, src } = this.image || {};

package/dist/design-system/yoo-card-inbox.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-06fc3d74.js';
+import './index-30d0dd50.js';
 import { y as isEmpty } from './lodash-777f91de.js';
-import { aM as isPresent, cU as isToday, av as pipes, t as translate, es as isFieldWithNoValue, k as isNullOrUndefined, Q as getCssColor, L as isRTL, cV as fromToday } from './index-44691ffd.js';
+import { aM as isPresent, cU as isToday, av as pipes, t as translate, et as isFieldWithNoValue, k as isNullOrUndefined, Q as getCssColor, L as isRTL, cV as fromToday } from './index-7b3985f1.js';
 import './index-847a32fd.js';
 import './_commonjsHelpers-f4d11124.js';
 
@@ -10,9 +10,8 @@ const cardInboxCss = "svg:not(:root){overflow:hidden}:host .outer-container{posi
 const YooCardInboxComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /**
-     * Whether the avatars should be displayed instantly or not.
-     */
+    this.entry = undefined;
+    this.highlight = undefined;
     this.instant = false;
   }
   renderAvatar() {

package/dist/design-system/yoo-card-incentive-rank.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, g as getElement } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
-import { a8 as getSession, H as isWeb, ac as getUserDisplayName } from './index-44691ffd.js';
+import { r as registerInstance, h, g as getElement } from './index-06fc3d74.js';
+import './index-30d0dd50.js';
+import { a8 as getSession, H as isWeb, ac as getUserDisplayName } from './index-7b3985f1.js';
 import './lodash-777f91de.js';
 import './index-847a32fd.js';
 import './_commonjsHelpers-f4d11124.js';
@@ -11,6 +11,7 @@ const YooCardIncentiveComponentRank = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.groups = [];
+    this.entry = undefined;
   }
   componentWillLoad() {
     const session = getSession();