@yoobic/yobi 8.6.0-2 → 8.6.0-4

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
-import { l as lifecycleEvents, g as getAppContext } from './common-helpers-73accd43.js';
-import { e as eventMethod } from './overlays-b54e5875.js';
-import { m as modalAnimationFactory } from './modal-animations-d1d2c166.js';
-import { dk as fadeScaleAnimation, dh as present, dl as isAnimationsDisabled, di as dismiss, t as translate, bt as isTranslationKey, a3 as translateMulti, a8 as getSession, dj as MODAL_BASE_ZINDEX } 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 { l as lifecycleEvents, g as getAppContext } from './common-helpers-2139c840.js';
+import { e as eventMethod } from './overlays-3a6c8a8d.js';
+import { m as modalAnimationFactory } from './modal-animations-95aac319.js';
+import { dk as fadeScaleAnimation, dh as present, dl as isAnimationsDisabled, di as dismiss, t as translate, bt as isTranslationKey, a3 as translateMulti, a8 as getSession, dj as MODAL_BASE_ZINDEX } from './index-7b3985f1.js';
 import './lodash-777f91de.js';
 import './index-847a32fd.js';
 import './_commonjsHelpers-f4d11124.js';
@@ -24,6 +24,21 @@ const YooAlertComponent = class {
     this.willDismiss = createEvent(this, "ionAlertWillDismiss", 7);
     this.didDismiss = createEvent(this, "ionAlertDidDismiss", 7);
     this.ICON_COLORS = ['app-color', 'warning', 'danger', 'success'];
+    this.header = undefined;
+    this.message = undefined;
+    this.link = undefined;
+    this.actionButton = undefined;
+    this.buttons = undefined;
+    this.rename = undefined;
+    this.icon = undefined;
+    this.cssClass = undefined;
+    this.img = undefined;
+    this.renameValue = undefined;
+    this.badge = undefined;
+    this.footer = undefined;
+    this.animated = undefined;
+    this.keyboardClose = undefined;
+    this.overlayId = undefined;
   }
   lifecycle(modalEvent) {
     if ((modalEvent === null || modalEvent === void 0 ? void 0 : modalEvent.type) === 'ionAlertDidPresent') {

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, i as createEvent, h, g as getElement } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
-import { q as querySelectorDeep } from './common-helpers-73accd43.js';
-import { h as hasSameMarkers, g as generateFilterGroups, l as layersFromKeys } from './map-helpers-b1456acd.js';
-import { c4 as loadScript, Q as getCssColor, o as isNativeMobile } from './index-44691ffd.js';
+import { r as registerInstance, i as createEvent, h, g as getElement } from './index-06fc3d74.js';
+import './index-30d0dd50.js';
+import { q as querySelectorDeep } from './common-helpers-2139c840.js';
+import { h as hasSameMarkers, g as generateFilterGroups, l as layersFromKeys } from './map-helpers-08453434.js';
+import { c4 as loadScript, Q as getCssColor, o as isNativeMobile } from './index-7b3985f1.js';
 import './lodash-777f91de.js';
 import './index-847a32fd.js';
 import './_commonjsHelpers-f4d11124.js';
@@ -14,9 +14,6 @@ const YooAmapComponent = class {
     registerInstance(this, hostRef);
     this.filterGroupsChanged = createEvent(this, "filterGroupsChanged", 7);
     this.selected = createEvent(this, "selected", 7);
-    this.filterGroups = [];
-    this.mapEntry = {};
-    this.isLoading = true;
     this.aMap = '206fa92104679ea432b9f73d424409250';
     this.amapUrl = 'https://webapi.amap.com/maps?v=1.4.5&key=' + this.aMap + '&plugin=AMap.MarkerClusterer';
     this.layers = [];
@@ -25,6 +22,9 @@ const YooAmapComponent = class {
     this.isLoaded = false;
     this.isDestroyed = false;
     this.legendsOld = { available: 'warning', booked: 'info', validated: 'app-color', rejected: 'danger', tobevalidated: 'app-color', archived: 'dark' };
+    this.filterGroups = [];
+    this.mapEntry = {};
+    this.isLoading = true;
   }
   onMapEntryChanged(newMapEntry, oldMapEntry) {
     if (!hasSameMarkers(newMapEntry, oldMapEntry)) {

package/dist/design-system/yoo-announcement-heading.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, f as forceUpdate, h, e as Host } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
-import { e as getMissionProgress, b as getMissionDueDate } from './missions-helpers-2cb9ab19.js';
-import { h as execHandlerAndStopEvent } from './common-helpers-73accd43.js';
-import { M as MissionLockedBanner } from './mission-locked-banner-b666f3eb.js';
-import { Q as getCssColor, cW as getMissionPublicationDate, cU as isToday, t as translate, cV as fromToday, ao as dateFormat, aM as isPresent, V as isDateAfter, a3 as translateMulti, H as isWeb } from './index-44691ffd.js';
+import { r as registerInstance, f as forceUpdate, h, e as Host } from './index-06fc3d74.js';
+import './index-30d0dd50.js';
+import { e as getMissionProgress, b as getMissionDueDate } from './missions-helpers-e6cb7c8a.js';
+import { h as execHandlerAndStopEvent } from './common-helpers-2139c840.js';
+import { M as MissionLockedBanner } from './mission-locked-banner-08901857.js';
+import { Q as getCssColor, cW as getMissionPublicationDate, cU as isToday, t as translate, cV as fromToday, ao as dateFormat, aM as isPresent, V as isDateAfter, a3 as translateMulti, H as isWeb } from './index-7b3985f1.js';
 import './lodash-777f91de.js';
 import './index-847a32fd.js';
 import './_commonjsHelpers-f4d11124.js';
@@ -14,6 +14,10 @@ const YooAnnouncementHeadingComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.animated = true;
+    this.mission = undefined;
+    this.isPreview = undefined;
+    this.viewAllHandler = undefined;
+    this.layout = undefined;
   }
   getAnnouncement() {
     var _a;

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, f as forceUpdate, h, g as getElement } from './index-a6a92b3d.js';
-import { o as isNativeMobile, p as isAndroid, q as isIpadPro, r as isIpad, s as isTablet, S as ScreenOrientation, u as setCurrentLanguage, v as loadTranslations } from './index-44691ffd.js';
-import './index-e08fecc9.js';
+import { r as registerInstance, f as forceUpdate, h, g as getElement } from './index-06fc3d74.js';
+import { o as isNativeMobile, p as isAndroid, q as isIpadPro, r as isIpad, s as isTablet, S as ScreenOrientation, u as setCurrentLanguage, v as loadTranslations } from './index-7b3985f1.js';
+import './index-30d0dd50.js';
 import './index-847a32fd.js';
 import './_commonjsHelpers-f4d11124.js';
 import './lodash-777f91de.js';
@@ -8,6 +8,17 @@ import './lodash-777f91de.js';
 const YooAppComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.language = undefined;
+    this.isOffline = undefined;
+    this.permissions = undefined;
+    this.version = undefined;
+    this.getSession = undefined;
+    this.getAsyncExtraData = undefined;
+    this.getAuthentication = undefined;
+    this.getPermissions = undefined;
+    this.getConfig = undefined;
+    this.setKeyboardResizeMode = undefined;
+    this.isKeyboardResizeModeInactive = undefined;
   }
   componentWillLoad() {
     if (this.language) {

package/dist/design-system/yoo-audio-player.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 { g as getFromOfflineStorage } from './localForage-2801485a.js';
-import { o as isNativeMobile, ar as isFile, bo as getMedia, $ as cleanupWKWebViewFilePath, az as isCloudinaryLink, a0 as Cloudinary, aD as changeExtension, aU as getUUID, dZ as isFirefox, dO as getAudioDuration, H as isWeb, t as translate } 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 { g as getFromOfflineStorage } from './localForage-1cbed8e8.js';
+import { o as isNativeMobile, ar as isFile, bo as getMedia, $ as cleanupWKWebViewFilePath, az as isCloudinaryLink, a0 as Cloudinary, aD as changeExtension, aU as getUUID, dZ as isFirefox, dO as getAudioDuration, H as isWeb, t as translate } from './index-7b3985f1.js';
 import './lodash-777f91de.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-847a32fd.js';
@@ -13,24 +13,15 @@ const YooAudioPlayerComponent = class {
     registerInstance(this, hostRef);
     this.inputChanged = createEvent(this, "inputChanged", 7);
     this.validityChanged = createEvent(this, "validityChanged", 7);
-    /**
-     * Disable state
-     */
     this.disabled = false;
-    /**
-     * Set to true to play the audio on load
-     */
     this.preload = 'metadata';
-    /**
-     * Set to true to display the duration/current time of the audio
-     */
+    this.boost = undefined;
     this.displayTimeOnly = false;
-    /**
-     * Reinit the player when being within in a slide
-     */
     this.isVisible = false;
+    this.src = undefined;
     this.currentTime = 0;
     this.currentTimeDisplay = '00:00';
+    this.duration = undefined;
   }
   onVisibilityChanged() {
     this.pause();

package/dist/design-system/yoo-audio-recorder-dialog.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 { av as pipes, ct as keepAwake, o as isNativeMobile, cr as addFilePrefix, w as closeModal, bW as isSafari, dZ as isFirefox, aD as changeExtension, d_ as saveToLocalFile, cD as getMediaDevices, d$ as removeFileAtPath, t as translate, $ as cleanupWKWebViewFilePath } 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 { av as pipes, ct as keepAwake, o as isNativeMobile, cr as addFilePrefix, w as closeModal, bW as isSafari, dZ as isFirefox, aD as changeExtension, d_ as saveToLocalFile, cD as getMediaDevices, d$ as removeFileAtPath, t as translate, $ as cleanupWKWebViewFilePath } from './index-7b3985f1.js';
 import './lodash-777f91de.js';
 import './index-847a32fd.js';
 import './_commonjsHelpers-f4d11124.js';
@@ -361,13 +361,14 @@ const audioRecorderDialogCss = "svg:not(:root){overflow:hidden}.bg-accent{backgr
 const YooAudioRecorderDialogComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /**
-     * Heading
-     */
-    this.heading = 'RECORD';
     // Web recorder params
     this.shouldStop = false;
     this.stopped = false;
+    this.heading = 'RECORD';
+    this.isSaving = undefined;
+    this.isRecording = undefined;
+    this.finalPath = undefined;
+    this.finalRecordingDuration = undefined;
   }
   onAudioDurationReady(ev) {
     if (ev && ev.detail >= 0) {

package/dist/design-system/yoo-avatar.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 { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-06fc3d74.js';
 import { ab as isPaletteColor } from './index-847a32fd.js';
-import './index-e08fecc9.js';
-import { bq as isOffline, av as pipes, t as translate, L as isRTL, H as isWeb } from './index-44691ffd.js';
+import './index-30d0dd50.js';
+import { bq as isOffline, av as pipes, t as translate, L as isRTL, H as isWeb } from './index-7b3985f1.js';
 import './lodash-777f91de.js';
 import './_commonjsHelpers-f4d11124.js';
 
@@ -11,58 +11,38 @@ const YooAvatarComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.clicked = createEvent(this, "clicked", 7);
-    /**
-     * Optional prop for changing icon color.
-     */
+    this.fallbackIconSizes = {
+      'extra-small': 'extra-small',
+      'small': 'extra-small',
+      'medium': 'small',
+      'large': 'small',
+      'extra-large': 'medium',
+      'extra-extra-large': 'large'
+    };
     this.color = 'stable';
-    /**
-     * Defines the shape of the avatar.
-     */
     this.frame = 'circle';
-    /**
-     * If ```true```, the user is currently live broadcasting and is able to view now. It presents a live indicator over the avatar.
-     */
     this.hasLiveVideo = false;
-    /**
-     * If ```true```, the user was perviously live broadcasting and the live broadcast is available to watch. Shows a small red square with a white triangle inside.
-     */
     this.hasRecordedVideo = false;
-    /**
-     * If ```true```, the user has a live story available to view. It generates a green ring around the avatar.
-     */
     this.hasStoryToView = false;
-    /**
-     * If ```true```, the user has a viewed live story. It generates a grey ring around the avatar.
-     */
     this.hasViewedStory = false;
-    /**
-     * Whether the image should be displayed instantly or not.
-     */
+    this.icon = undefined;
+    this.iconSize = undefined;
+    this.iconText = undefined;
+    this.imgSrc = undefined;
     this.instant = false;
-    /**
-     * If ```true```, a yellow badge with a star in the top right of an avatar.
-     */
+    this.isOnline = undefined;
     this.isVip = false;
-    /**
-     * Sizes the avatar container.
-     */
+    this.notificationCount = undefined;
+    this.overflowCount = undefined;
     this.size = 'large';
-    /**
-     * If ```true```, it makes a red dot appear in the top left of the avatar.
-     */
+    this.user = undefined;
     this.vipNotification = false;
-    /**
-     * Cloudinary tranform to apply to image
-     */
+    this.tooltip = undefined;
+    this.hasNotifications = undefined;
+    this.valuesColor = undefined;
+    this.contained = undefined;
+    this.showBorder = undefined;
     this.cloudinaryOptions = {};
-    this.fallbackIconSizes = {
-      'extra-small': 'extra-small',
-      'small': 'extra-small',
-      'medium': 'small',
-      'large': 'small',
-      'extra-large': 'medium',
-      'extra-extra-large': 'large'
-    };
   }
   get hasImageData() {
     var _a;

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, i as createEvent, h, e as Host } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
-import { ac as getUserDisplayName, t as translate } from './index-44691ffd.js';
+import { r as registerInstance, i as createEvent, h, e as Host } from './index-06fc3d74.js';
+import './index-30d0dd50.js';
+import { ac as getUserDisplayName, t as translate } from './index-7b3985f1.js';
 import './lodash-777f91de.js';
 import './index-847a32fd.js';
 import './_commonjsHelpers-f4d11124.js';
@@ -11,40 +11,16 @@ const YooAvatarsComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.clicked = createEvent(this, "clicked", 7);
-    /**
-     * Defines the maximum number of avatars to show before overflowing.
-     * @property {maxDisplay}
-     * @type number
-     * @default 10
-     */
+    this.users = undefined;
+    this.colors = undefined;
     this.maxDisplay = 10;
-    /**
-     * Mandatory prop that is used to size the avatar container. The different avatars sizes are 'extra-small', 'small', 'medium' and 'large'.
-     * @property {size}
-     * @type TSize
-     * @default medium
-     */
     this.size = 'medium';
-    /**
-     * Mandatory prop for defining the shape how the avatars will be displayed. The shapes you can use are 'grid', 'stack', 'list', or 'name'. 'list' will take the users array and print the avatar with the user's name next to it. 'name' will take a user and print the first name below the avatar.
-     * @property {layout}
-     * @type TAvatarsLayout
-     * @default grid
-     */
     this.layout = 'grid';
-    /**
-     * If ```true```, passes the user display name into each avatar.
-     * @property {withTooltip}
-     * @type boolean
-     * @default false
-     */
+    this.isOnline = undefined;
+    this.concatCount = undefined;
     this.withTooltip = false;
-    /**
-     * Whether the images should be displayed instantly or not (for Chromatic for example).
-     * @property {instant}
-     * @type boolean
-     * @default false
-     */
+    this.showMore = undefined;
+    this.showBorder = undefined;
     this.instant = false;
   }
   getTooltip(user) {

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

@@ -1,27 +1,14 @@
-import { r as registerInstance, h, e as Host } from './index-a6a92b3d.js';
+import { r as registerInstance, h, e as Host } from './index-06fc3d74.js';
 
 const badgeCss = "svg:not(:root){overflow:hidden}:host([color=accent]:not([no-background])) .outer-container{color:var(--light, #ffffff);background-color:var(--accent, #276ef1)}:host([color=accent]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--light, #ffffff)}:host([color=accent]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--light, #ffffff)}:host([color=app-color]:not([no-background])) .outer-container{color:var(--light, #ffffff);background-color:var(--app-color, #5a30f4)}:host([color=app-color]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--light, #ffffff)}:host([color=app-color]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--light, #ffffff)}:host([color=app-color-10]:not([no-background])) .outer-container{color:var(--app-color, #5a30f4);background-color:var(--app-color-10, rgba(90, 48, 244, 0.1))}:host([color=app-color-10]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--app-color, #5a30f4)}:host([color=app-color-10]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--app-color, #5a30f4)}:host([color=app-color-20]:not([no-background])) .outer-container{color:var(--light, #ffffff);background-color:var(--app-color-20, rgba(90, 48, 244, 0.2))}:host([color=app-color-20]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--light, #ffffff)}:host([color=app-color-20]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--light, #ffffff)}:host([color=app-color-60]:not([no-background])) .outer-container{color:var(--light, #ffffff);background-color:var(--app-color-60, rgba(90, 48, 244, 0.6))}:host([color=app-color-60]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--light, #ffffff)}:host([color=app-color-60]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--light, #ffffff)}:host([color=danger]:not([no-background])) .outer-container{color:var(--light, #ffffff);background-color:var(--danger, #d44333)}:host([color=danger]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--light, #ffffff)}:host([color=danger]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--light, #ffffff)}:host([color=danger-10]:not([no-background])) .outer-container{color:var(--danger, #d44333);background-color:var(--danger-10, rgba(212, 67, 51, 0.1))}:host([color=danger-10]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--danger, #d44333)}:host([color=danger-10]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--danger, #d44333)}:host([color=danger-20]:not([no-background])) .outer-container{color:var(--danger, #d44333);background-color:var(--danger-20, rgba(212, 67, 51, 0.2))}:host([color=danger-20]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--danger, #d44333)}:host([color=danger-20]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--danger, #d44333)}:host([color=dark]:not([no-background])) .outer-container{color:var(--light, #ffffff);background-color:var(--dark, #000000)}:host([color=dark]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--light, #ffffff)}:host([color=dark]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--light, #ffffff)}:host([color=dark-40]:not([no-background])) .outer-container{color:var(--light, #ffffff);background-color:var(--dark-40, rgba(0, 0, 0, 0.4))}:host([color=dark-40]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--light, #ffffff)}:host([color=dark-40]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--light, #ffffff)}:host([color=dark-60]:not([no-background])) .outer-container{color:var(--light, #ffffff);background-color:var(--dark-60, rgba(0, 0, 0, 0.6))}:host([color=dark-60]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--light, #ffffff)}:host([color=dark-60]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--light, #ffffff)}:host([color=energized]:not([no-background])) .outer-container{color:var(--light, #ffffff);background-color:var(--energized, #ffc043)}:host([color=energized]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--light, #ffffff)}:host([color=energized]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--light, #ffffff)}:host([color=energized-10]:not([no-background])) .outer-container{color:var(--energized, #ffc043);background-color:var(--energized-10, rgba(255, 192, 67, 0.1))}:host([color=energized-10]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--energized, #ffc043)}:host([color=energized-10]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--energized, #ffc043)}:host([color=energized-20]:not([no-background])) .outer-container{color:var(--energized, #ffc043);background-color:var(--energized-20, rgba(255, 192, 67, 0.2))}:host([color=energized-20]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--energized, #ffc043)}:host([color=energized-20]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--energized, #ffc043)}:host([color=info]:not([no-background])) .outer-container{color:var(--light, #ffffff);background-color:var(--info, #d84c96)}:host([color=info]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--light, #ffffff)}:host([color=info]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--light, #ffffff)}:host([color=info-10]:not([no-background])) .outer-container{color:var(--info, #d84c96);background-color:var(--info-10, rgba(216, 76, 150, 0.1))}:host([color=info-10]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--info, #d84c96)}:host([color=info-10]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--info, #d84c96)}:host([color=light]:not([no-background])) .outer-container{color:var(--dark, #000000);background-color:var(--light, #ffffff)}:host([color=light]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--dark, #000000)}:host([color=light]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--dark, #000000)}:host([color=light-20]:not([no-background])) .outer-container{color:var(--light, #ffffff);background-color:var(--light-20, rgba(255, 255, 255, 0.2))}:host([color=light-20]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--light, #ffffff)}:host([color=light-20]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--light, #ffffff)}:host([color=stable]:not([no-background])) .outer-container{color:var(--light, #ffffff);background-color:var(--stable, #adadad)}:host([color=stable]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--light, #ffffff)}:host([color=stable]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--light, #ffffff)}:host([color=stable-10]:not([no-background])) .outer-container{color:var(--stable, #adadad);background-color:var(--stable-10, rgba(173, 173, 173, 0.1))}:host([color=stable-10]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--stable, #adadad)}:host([color=stable-10]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--stable, #adadad)}:host([color=stable-60]:not([no-background])) .outer-container{color:var(--light, #ffffff);background-color:var(--stable-60, rgba(173, 173, 173, 0.6))}:host([color=stable-60]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--light, #ffffff)}:host([color=stable-60]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--light, #ffffff)}:host([color=stable-alt]:not([no-background])) .outer-container{color:var(--light, #ffffff);background-color:var(--stable-alt, #d0d0d0)}:host([color=stable-alt]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--light, #ffffff)}:host([color=stable-alt]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--light, #ffffff)}:host([color=stable-alt-80]:not([no-background])) .outer-container{color:var(--dark, #000000);background-color:var(--stable-alt-80, rgba(208, 208, 208, 0.8))}:host([color=stable-alt-80]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--dark, #000000)}:host([color=stable-alt-80]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--dark, #000000)}:host([color=stable-light]:not([no-background])) .outer-container{color:var(--text-color, #807f83);background-color:var(--stable-light, #f1f1f1)}:host([color=stable-light]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--text-color, #807f83)}:host([color=stable-light]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--text-color, #807f83)}:host([color=success]:not([no-background])) .outer-container{color:var(--light, #ffffff);background-color:var(--success, #3aa76d)}:host([color=success]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--light, #ffffff)}:host([color=success]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--light, #ffffff)}:host([color=success-10]:not([no-background])) .outer-container{color:var(--success, #3aa76d);background-color:var(--success-10, rgba(58, 167, 109, 0.1))}:host([color=success-10]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--success, #3aa76d)}:host([color=success-10]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--success, #3aa76d)}:host([color=success-20]:not([no-background])) .outer-container{color:var(--success, #3aa76d);background-color:var(--success-20, rgba(58, 167, 109, 0.2))}:host([color=success-20]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--success, #3aa76d)}:host([color=success-20]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--success, #3aa76d)}:host([color=text-color]:not([no-background])) .outer-container{color:var(--light, #ffffff);background-color:var(--text-color, #807f83)}:host([color=text-color]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--light, #ffffff)}:host([color=text-color]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--light, #ffffff)}:host([color=text-color-10]:not([no-background])) .outer-container{color:var(--text-color, #807f83);background-color:var(--text-color-10, rgba(128, 127, 131, 0.1))}:host([color=text-color-10]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--text-color, #807f83)}:host([color=text-color-10]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--text-color, #807f83)}:host([color=text-color-20]:not([no-background])) .outer-container{color:var(--text-color, #807f83);background-color:var(--text-color-20, rgba(128, 127, 131, 0.2))}:host([color=text-color-20]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--text-color, #807f83)}:host([color=text-color-20]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--text-color, #807f83)}:host([color=warning]:not([no-background])) .outer-container{color:var(--light, #ffffff);background-color:var(--warning, #ed6e33)}:host([color=warning]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--light, #ffffff)}:host([color=warning]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--light, #ffffff)}:host([color=warning-10]:not([no-background])) .outer-container{color:var(--warning, #ed6e33);background-color:var(--warning-10, rgba(237, 110, 51, 0.1))}:host([color=warning-10]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--warning, #ed6e33)}:host([color=warning-10]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--warning, #ed6e33)}:host([color=warning-20]:not([no-background])) .outer-container{color:var(--warning, #ed6e33);background-color:var(--warning-20, rgba(237, 110, 51, 0.2))}:host([color=warning-20]:not([no-background])) .outer-container ::slotted(yoo-icon:not([color]):not(.custom)){fill:var(--warning, #ed6e33)}:host([color=warning-20]:not([no-background])) .outer-container yoo-icon:not(.custom){fill:var(--warning, #ed6e33)}:host{display:inline-block;line-height:0;vertical-align:top}:host .highlight-container{background:transparent}:host .highlight-container,:host .outer-container{display:inline-block;border-radius:50%;opacity:1;-webkit-transition:all 0.3s;transition:all 0.3s}:host .highlight-container .inner-container,:host .outer-container .inner-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%}:host([shape=oval]) .highlight-container,:host([shape=oval]) .outer-container{border-radius:62.4375rem}:host([shape=rectangle]) .highlight-container,:host([shape=rectangle]) .outer-container{border-radius:var(--spacing-04, 0.25rem)}:host(.long-text) .outer-container{padding:0 var(--spacing-08, 0.5rem)}:host([shape=dot]) .highlight-container,:host([shape=dot]) .outer-container{vertical-align:top}:host([inactive]) .highlight-container,:host([inactive]) .outer-container{visibility:hidden}:host(.event){margin-right:var(--spacing-08, 0.5rem)}:host(.event) .outer-container .inner-container{color:var(--dark, #000000)}:host(.floating){position:absolute;top:-0.5rem}:host(.floating).mobile{right:-0.2rem}:host(.floating-right){position:absolute;top:-0.5rem;right:-0.5rem}:host(.floating.mobile){right:-0.2rem}:host([size=extra-small]:not([icon]):not(.menu-item):not([shape=dot])){font-size:var(--font-size-12, 0.75rem)}:host([size=extra-small]:not([icon]):not(.menu-item):not([shape=dot])) .outer-container{min-width:1.25rem;height:1.25rem}:host(.highlight[size=extra-small]:not([icon]):not(.menu-item):not([shape=dot])){font-size:max(var(--font-size-12, 0.75rem), var(--font-size-12, 0.75rem))}:host(.highlight[size=extra-small]:not([icon]):not(.menu-item):not([shape=dot])) .highlight-container{background-color:var(--light, #ffffff);border:0.0625rem solid var(--light, #ffffff)}:host([size=extra-extra-small]:not([icon]):not(.menu-item):not([shape=dot])){font-size:var(--spacing-08, 0.5rem)}:host([size=extra-extra-small]:not([icon]):not(.menu-item):not([shape=dot])) .outer-container{min-width:1rem;height:1rem}:host(.highlight[size=extra-extra-small]:not([icon]):not(.menu-item):not([shape=dot])){font-size:max(var(--spacing-08, 0.5rem), var(--font-size-12, 0.75rem))}:host(.highlight[size=extra-extra-small]:not([icon]):not(.menu-item):not([shape=dot])) .highlight-container{background-color:var(--light, #ffffff);border:0.0625rem solid var(--light, #ffffff)}:host([size=small]:not([icon]):not(.menu-item):not([shape=dot])){font-size:var(--font-size-16, 1rem)}:host([size=small]:not([icon]):not(.menu-item):not([shape=dot])) .outer-container{min-width:1.5rem;height:1.5rem}:host(.highlight[size=small]:not([icon]):not(.menu-item):not([shape=dot])){font-size:max(var(--font-size-16, 1rem), var(--font-size-12, 0.75rem))}:host(.highlight[size=small]:not([icon]):not(.menu-item):not([shape=dot])) .highlight-container{background-color:var(--light, #ffffff);border:0.0625rem solid var(--light, #ffffff)}:host([size=extra-small][shape=oval]) .highlight-container,:host([size=extra-small][shape=oval]) .outer-container{min-width:1.5rem !important}:host([size=small][shape=oval]) .highlight-container,:host([size=small][shape=oval]) .outer-container{min-width:2rem !important}:host([size=extra-extra-small][shape=dot]) .highlight-container,:host([size=extra-extra-small][shape=dot]) .outer-container{min-width:0.125rem;height:0.125rem}:host([size=extra-small][shape=dot]) .highlight-container,:host([size=extra-small][shape=dot]) .outer-container{min-width:0.25rem;height:0.25rem}:host([size=small][shape=dot]) .highlight-container,:host([size=small][shape=dot]) .outer-container{min-width:0.5rem;height:0.5rem}:host(.custom-theme){border-color:var(--app-color, #5a30f4) !important}";
 
 const YooBadgeComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /**
-     * Choose between extra-small and small sizes, for a dot can also select an extra-extra-small that is 2 x 2px
-     */
+    this.text = undefined;
     this.size = 'extra-small';
-    /**
-     * Choose between circle, oval and dot shapes
-     * All badges that have more than 2 characters will be oval
-     * Dot shape cannot have any text inside
-     */
     this.shape = 'circle';
-    /**
-     * Defines badge color, by default is set to danger
-     */
     this.color = 'danger';
-    /**
-     * When set to true hides the badge
-     */
     this.inactive = false;
   }
   componentWillLoad() {

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

@@ -1,10 +1,10 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import { g as getAppContext } from './common-helpers-73accd43.js';
-import './index-44691ffd.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-06fc3d74.js';
+import { g as getAppContext } from './common-helpers-2139c840.js';
+import './index-7b3985f1.js';
 import './index-847a32fd.js';
 import './_commonjsHelpers-f4d11124.js';
 import './lodash-777f91de.js';
-import './index-e08fecc9.js';
+import './index-30d0dd50.js';
 
 const bannerCss = "svg:not(:root){overflow:hidden}:host([fill]) yoo-icon[name=cross]{fill:var(--close-icon-color)}:host(:not([fill])){--main-color:var(--light, #ffffff);--main-text-color:var(--dark, #000000);-webkit-box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08))}:host(:not([fill])) yoo-icon[name=cross]{fill:var(--text-color, #807f83)}:host(.center) ::slotted(*){display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host(.sharp){border-radius:0}:host(.mobile){-ms-flex-flow:row wrap;flex-flow:row wrap}:host(.mobile) ::slotted([slot=content]){width:calc(100% - var(--spacing-40, 2.5rem))}:host(.mobile:not([size=large])) ::slotted([slot=action]){margin-bottom:var(--spacing-08, 0.5rem);margin-left:var(--icon-size-02, 1.5rem)}:host(.mobile[size=large]) ::slotted([slot=action]){margin-left:var(--spacing-08, 0.5rem)}:host(.mobile[size=large]:not([closable])) ::slotted([slot=action]){margin-left:var(--spacing-16, 1rem)}:host{--main-color:var(--warning, #ed6e33);--main-text-color:var(--light, #ffffff);--close-icon-color:var(--text-color, #807f83);display:block;padding:0 var(--spacing-08, 0.5rem);color:var(--main-text-color);font-size:var(--font-size-14, 0.875rem);background-color:var(--main-color);border-radius:var(--border-radius-04, 0.25rem)}:host .flex{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:100%}:host .flex hr{width:1px;height:60%;margin-left:var(--spacing-08, 0.5rem);background:var(--close-icon-color);border:0;opacity:0.4}:host .action-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-bottom:var(--spacing-08, 0.5rem)}:host .action-container.hasLeftIcon{margin-left:var(--icon-size-02, 1.5rem)}:host .action-container.small{margin-left:var(--icon-size-01, 1rem)}:host .action-container.large{margin-left:var(--icon-size-03, 2rem)}:host .link{font-weight:var(--font-weight-400, 400);text-decoration:underline;cursor:pointer;opacity:0.5}:host yoo-icon[name=cross],:host yoo-icon[name=close]{padding-right:var(--spacing-08, 0.5rem);padding-left:var(--spacing-16, 1rem);cursor:pointer}:host .left-icon{margin-left:var(--spacing-08, 0.5rem)}:host([hidden]){display:none}::slotted([slot=content]){width:100%;padding:0 var(--spacing-08, 0.5rem);color:var(--main-text-color)}";
 
@@ -13,10 +13,14 @@ const YooBannerComponent = class {
     registerInstance(this, hostRef);
     this.closeClick = createEvent(this, "closeClick", 7);
     this.linkClick = createEvent(this, "linkClick", 7);
-    /**
-     * Size of the banner
-     */
+    this.leftIcon = undefined;
+    this.closable = undefined;
+    this.closeIcon = undefined;
+    this.fill = undefined;
     this.size = 'medium';
+    this.link = undefined;
+    this.linkText = undefined;
+    this.target = undefined;
     this.closed = false;
   }
   async close(event) {

package/dist/design-system/yoo-barcode-dialog.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, e as Host } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
-import { w as closeModal } from './index-44691ffd.js';
+import { r as registerInstance, h, e as Host } from './index-06fc3d74.js';
+import './index-30d0dd50.js';
+import { w as closeModal } from './index-7b3985f1.js';
 import './lodash-777f91de.js';
 import './index-847a32fd.js';
 import './_commonjsHelpers-f4d11124.js';
@@ -10,6 +10,9 @@ const barcodeDialogCss = "svg:not(:root){overflow:hidden}:host yoo-ion-content{d
 const YooBarcodeDialogComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.heading = undefined;
+    this.value = undefined;
+    this.type = undefined;
   }
   onClose() {
     closeModal(null);

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-a6a92b3d.js';
+import { r as registerInstance, h } from './index-06fc3d74.js';
 import { a as createCommonjsModule, g as getDefaultExportFromCjs } from './_commonjsHelpers-f4d11124.js';
 
 var Barcode_1 = createCommonjsModule(function (module, exports) {
@@ -3538,6 +3538,9 @@ const barcodeCss = "svg:not(:root){overflow:hidden}:host{position:relative;displ
 const YooBarcodeComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.type = undefined;
+    this.height = undefined;
+    this.value = undefined;
   }
   onValueChanged() {
     this.updateBarcode();

package/dist/design-system/yoo-battle-count-down.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, i as createEvent, j as Build, 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 { x as gsapTimeline, E as Elastic, B as Back, y as requestInterval, z as getFormattedCountDownToDisplay, A as cancelRequestInterval, C as isIphone5, D as isIphoneSE, t as translate } from './index-44691ffd.js';
+import { r as registerInstance, i as createEvent, j as Build, 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 { x as gsapTimeline, E as Elastic, B as Back, y as requestInterval, z as getFormattedCountDownToDisplay, A as cancelRequestInterval, C as isIphone5, D as isIphoneSE, t as translate } from './index-7b3985f1.js';
 import './lodash-777f91de.js';
 import './index-847a32fd.js';
 import './_commonjsHelpers-f4d11124.js';
@@ -12,13 +12,9 @@ const YooBattleCountDownComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.finish = createEvent(this, "finish", 7);
-    /**
-     * Defines count down timeout.
-     */
     this.start = 5;
-    /**
-     * Defines animations usage.
-     */
+    this.user = undefined;
+    this.opponent = undefined;
     this.animations = true;
   }
   componentWillLoad() {

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, k as getAssetPath, j as Build, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
-import { t as translate, x as gsapTimeline, E as Elastic, L as isRTL } from './index-44691ffd.js';
+import { r as registerInstance, k as getAssetPath, j as Build, h, e as Host, g as getElement } from './index-06fc3d74.js';
+import './index-30d0dd50.js';
+import { t as translate, x as gsapTimeline, E as Elastic, L as isRTL } from './index-7b3985f1.js';
 import './lodash-777f91de.js';
 import './index-847a32fd.js';
 import './_commonjsHelpers-f4d11124.js';
@@ -32,6 +32,7 @@ const YooBattleResultComponent = class {
         emptyState: true
       }
     };
+    this.entry = undefined;
   }
   get isWon() {
     var _a;

package/dist/design-system/yoo-battle-user-stats.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, k as getAssetPath, j as Build, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
-import { s as setColorSVG, g as getAppContext } from './common-helpers-73accd43.js';
-import { x as gsapTimeline, t as translate, H as isWeb } from './index-44691ffd.js';
+import { r as registerInstance, k as getAssetPath, j as Build, h, e as Host, g as getElement } from './index-06fc3d74.js';
+import './index-30d0dd50.js';
+import { s as setColorSVG, g as getAppContext } from './common-helpers-2139c840.js';
+import { x as gsapTimeline, t as translate, H as isWeb } from './index-7b3985f1.js';
 import './lodash-777f91de.js';
 import './index-847a32fd.js';
 import './_commonjsHelpers-f4d11124.js';
@@ -11,20 +11,12 @@ const battleUserStatsCss = "svg:not(:root){overflow:hidden}:host .outer-containe
 const YooBattleUserStatsComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /**
-     * Defines number of battles won.
-     */
+    this.avatarBlogSvg = getAssetPath('./assets/battle-user-stats/avatar-blob.svg');
+    this.blobSvg = getAssetPath('./assets/battle-user-stats/blob.svg');
+    this.user = undefined;
     this.victories = 0;
-    /**
-     * Defines number of battles lost.
-     */
     this.defeats = 0;
-    /**
-     * Defines number of available points to bet in battles.
-     */
     this.points = 0;
-    this.avatarBlogSvg = getAssetPath('./assets/battle-user-stats/avatar-blob.svg');
-    this.blobSvg = getAssetPath('./assets/battle-user-stats/blob.svg');
   }
   componentDidRender() {
     if (Build.isServer) {

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, i as createEvent, f as forceUpdate, h, g as getElement } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
+import { r as registerInstance, i as createEvent, f as forceUpdate, h, g as getElement } from './index-06fc3d74.js';
+import './index-30d0dd50.js';
 import { p as isString, n as compact } from './lodash-777f91de.js';
-import { k as isNullOrUndefined, H as isWeb, a3 as translateMulti, t as translate } from './index-44691ffd.js';
+import { k as isNullOrUndefined, H as isWeb, a3 as translateMulti, t as translate } from './index-7b3985f1.js';
 import './index-847a32fd.js';
 import './_commonjsHelpers-f4d11124.js';
 
@@ -12,25 +12,12 @@ const YooBreadcrumbsComponent = class {
     registerInstance(this, hostRef);
     this.itemSelected = createEvent(this, "itemSelected", 7);
     this.homeSelected = createEvent(this, "homeSelected", 7);
-    /**
-     * Set the separator between each items
-     */
     this.separator = '/';
-    /**
-     * Set the maximum number of item to display
-     */
     this.maxVisibleItems = 3;
-    /**
-     * Set to true to show the home icon
-     */
+    this.maxLengthItems = undefined;
     this.showHome = false;
-    /**
-     * Set to false to display long texts
-     */
+    this.homeName = undefined;
     this.truncate = true;
-    /**
-     * Set the path where the current file/folder is located
-     */
     this.items = [];
   }
   async forceUpdate() {