@yoobic/yobi 8.6.0-3 → 8.6.0-4

package/dist/design-system/yoo-truncated-line.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, fa as isTruncated } 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, fb as isTruncated } from './index-7b3985f1.js';
 import './lodash-777f91de.js';
 import './index-847a32fd.js';
 import './_commonjsHelpers-f4d11124.js';
@@ -10,12 +10,6 @@ const truncatedLineCss = "svg:not(:root){overflow:hidden}:host{display:block;wid
 const YooTruncatedLineComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    // Whether or not to render tooltip or just truncate
-    this.withTooltip = true;
-    // Placement on where the tooltip should pop up
-    this.tooltipPlacement = 'auto';
-    // Full text content to be truncated / tooltip
-    this.content = '';
     this.renderContentWithTooltip = () => {
       return (h("yoo-tooltip", { ref: (el) => this.tooltipElement = el, content: this.content, placement: this.tooltipPlacement }, this.renderContent()));
     };
@@ -27,6 +21,9 @@ const YooTruncatedLineComponent = class {
         this.tooltipElement.toggleHoverable(isEnabled);
       }
     };
+    this.withTooltip = true;
+    this.tooltipPlacement = 'auto';
+    this.content = '';
   }
   componentDidLoad() {
     this.contentElement && this.toggleTooltip(isTruncated(this.contentElement));

package/dist/design-system/yoo-user-detail.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
-import { t as translate, 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 { t as translate, H as isWeb } from './index-7b3985f1.js';
 import './lodash-777f91de.js';
 import './index-847a32fd.js';
 import './_commonjsHelpers-f4d11124.js';
@@ -15,6 +15,10 @@ const YooUserDetailComponent = class {
     this.seeAllCourses = createEvent(this, "seeAllCourses", 7);
     this.seeAllBattles = createEvent(this, "seeAllBattles", 7);
     this.seeAllBadges = createEvent(this, "seeAllBadges", 7);
+    this.userBadges = undefined;
+    this.courses = undefined;
+    this.showEmptyState = undefined;
+    this.withoutGradient = undefined;
   }
   onSelectCourse(ev) {
     ev.stopPropagation();

package/dist/design-system/yoo-user-profile.entry.js

@@ -1,8 +1,8 @@
-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 getAppContext } from './common-helpers-73accd43.js';
-import { g as groupsFullResolver } from './entities-helpers-7393dd7c.js';
-import { t as translate, av as pipes } 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 getAppContext } from './common-helpers-2139c840.js';
+import { g as groupsFullResolver } from './entities-helpers-8e16d499.js';
+import { t as translate, av as pipes } from './index-7b3985f1.js';
 import './lodash-777f91de.js';
 import './index-847a32fd.js';
 import './_commonjsHelpers-f4d11124.js';
@@ -13,6 +13,7 @@ const YooUserProfileComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.clicked = createEvent(this, "clicked", 7);
+    this.user = undefined;
   }
   onClicked(item) {
     this.clicked.emit(item);

package/dist/design-system/yoo-user-wizard.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 getAppContext } from './common-helpers-73accd43.js';
-import { a8 as getSession, 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 getAppContext } from './common-helpers-2139c840.js';
+import { a8 as getSession, H as isWeb, t as translate } from './index-7b3985f1.js';
 import './lodash-777f91de.js';
 import './index-847a32fd.js';
 import './_commonjsHelpers-f4d11124.js';
@@ -13,13 +13,20 @@ const YooUserWizardComponent = class {
     registerInstance(this, hostRef);
     this.itemSelected = createEvent(this, "itemSelected", 7);
     this.showAllSelected = createEvent(this, "showAllSelected", 7);
+    this.clampedItems = [];
+    this.items = undefined;
     this.addText = 'YOOBICNEW';
+    this.titleText = undefined;
+    this.showAllText = undefined;
+    this.hideIfEmpty = undefined;
+    this.tag = undefined;
+    this.tagColor = undefined;
     this.addIcon = 'plus';
     this.addIconSize = 'small';
     this.showAdd = true;
     this.isImageCard = false;
+    this.fallbackIcon = undefined;
     this.addIconUser = getSession().user;
-    this.clampedItems = [];
   }
   onItemSelected(item) {
     this.itemSelected.emit(item);

package/dist/design-system/yoo-videoplayer-core.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import { aU as getUUID, bW as isSafari, N as isIOS, w as closeModal, o as isNativeMobile, S as ScreenOrientation, p as isAndroid, Z as isNativeFilePath, q as isIpadPro, r as isIpad, s as isTablet, c3 as StatusBar, H as isWeb, az as isCloudinaryLink, a0 as Cloudinary, dd as getVideoPoster, bo as getMedia, ar as isFile, ak as isVideo, d9 as getExtension, t as translate, co as showActionSheet } from './index-44691ffd.js';
-import { c as intersectionObserve } from './index-e08fecc9.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-06fc3d74.js';
+import { aU as getUUID, bW as isSafari, N as isIOS, w as closeModal, o as isNativeMobile, S as ScreenOrientation, p as isAndroid, Z as isNativeFilePath, q as isIpadPro, r as isIpad, s as isTablet, c3 as StatusBar, H as isWeb, az as isCloudinaryLink, a0 as Cloudinary, dd as getVideoPoster, bo as getMedia, ar as isFile, ak as isVideo, d9 as getExtension, t as translate, co as showActionSheet } from './index-7b3985f1.js';
+import { c as intersectionObserve } from './index-30d0dd50.js';
 import { p as isString } from './lodash-777f91de.js';
-import { g as getAppContext } from './common-helpers-73accd43.js';
+import { g as getAppContext } from './common-helpers-2139c840.js';
 import { v as videoPlayerStates } from './index-cab1603b.js';
 import './index-847a32fd.js';
 import './_commonjsHelpers-f4d11124.js';
@@ -16,22 +16,21 @@ const YooVideoPlayerCoreComponent = class {
     this.isPlaying = createEvent(this, "isPlaying", 7);
     this.played = createEvent(this, "played", 7);
     this.videoHeaderChanges = createEvent(this, "videoHeaderChanges", 7);
-    /**
-     * 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/design-system/yoo-videoplayer-dailymotion.entry.js

@@ -1,11 +1,11 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-06fc3d74.js';
+import './index-30d0dd50.js';
 import { a0 as remove } from './lodash-777f91de.js';
-import { o as openVideoPlayerInModal, b as getDailymotionPlayerAPI, c as getVideoId } from './video-player-helpers-ac77cf76.js';
+import { o as openVideoPlayerInModal, b as getDailymotionPlayerAPI, c as getVideoId } from './video-player-helpers-efa49ef4.js';
 import { v as videoPlayerStates } from './index-cab1603b.js';
-import { o as isNativeMobile } from './index-44691ffd.js';
+import { o as isNativeMobile } from './index-7b3985f1.js';
 import './index-847a32fd.js';
-import './common-helpers-73accd43.js';
+import './common-helpers-2139c840.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const videoplayerDailymotionCss = "svg:not(:root){overflow:hidden}:host .dm-container,:host .dm-player{width:100%;height:100%;background:var(--dark, #000000)}";
@@ -14,15 +14,10 @@ const YooVideoPlayerDailymotionComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.playerStateChanges = createEvent(this, "playerStateChanges", 7);
-    /**
-     * Show the controls of the video player, default to true
-     */
     this.controls = true;
-    /**
-     * Allow fullscreen or not, default to false
-     */
     this.fullscreen = false;
-    YooVideoPlayerDailymotionComponent.componentCounter += 1;
+    this.startTime = undefined;
+    this.source = undefined;
   }
   /**
  *

package/dist/design-system/yoo-videoplayer-videojs.entry.js

@@ -1,12 +1,12 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import { c as intersectionObserve } from './index-e08fecc9.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-06fc3d74.js';
+import { c as intersectionObserve } from './index-30d0dd50.js';
 import { g as global, n as compact } from './lodash-777f91de.js';
 import { c as commonjsGlobal, a as createCommonjsModule, g as getDefaultExportFromCjs } from './_commonjsHelpers-f4d11124.js';
-import { d8 as require$$2, ad as getClosestImageRatio, H as isWeb, bo as getMedia, I as debounce$1, av as pipes, d9 as getExtension, az as isCloudinaryLink, ar as isFile, bq as isOffline, br as getKeyToCache, da as urlToFileBlob, db as b64ToFile, dc as convertSrtToWebVTT, aA as getCurrentLanguage, dd as getVideoPoster, aD as changeExtension, a0 as Cloudinary } from './index-44691ffd.js';
+import { d8 as require$$2, ad as getClosestImageRatio, H as isWeb, bo as getMedia, I as debounce$1, av as pipes, d9 as getExtension, az as isCloudinaryLink, ar as isFile, bq as isOffline, br as getKeyToCache, da as urlToFileBlob, db as b64ToFile, dc as convertSrtToWebVTT, aA as getCurrentLanguage, dd as getVideoPoster, aD as changeExtension, a0 as Cloudinary } from './index-7b3985f1.js';
 import { B as Buffer } from './buffer-es6-1d52ede7.js';
-import { g as getFromOfflineStorage, a as getFromLocalForage } from './localForage-2801485a.js';
-import { q as querySelectorDeep, g as getAppContext } from './common-helpers-73accd43.js';
-import { o as openVideoPlayerInModal, u as updateCloudinaryDim } from './video-player-helpers-ac77cf76.js';
+import { g as getFromOfflineStorage, a as getFromLocalForage } from './localForage-1cbed8e8.js';
+import { q as querySelectorDeep, g as getAppContext } from './common-helpers-2139c840.js';
+import { o as openVideoPlayerInModal, u as updateCloudinaryDim } from './video-player-helpers-efa49ef4.js';
 import { v as videoPlayerStates } from './index-cab1603b.js';
 import './index-847a32fd.js';
 
@@ -67433,43 +67433,34 @@ const YooVideoPlayerVideojsComponent = class {
     this.playerStateChanges = createEvent(this, "playerStateChanges", 7);
     this.playerClicked = createEvent(this, "playerClicked", 7);
     this.videoWidthSet = createEvent(this, "videoWidthSet", 7);
-    /**
-     * 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/design-system/yoo-videoplayer-vimeo.entry.js

@@ -1,12 +1,12 @@
-import { r as registerInstance, i as createEvent, h, e as Host } from './index-a6a92b3d.js';
-import { o as openVideoPlayerInModal, d as getVimeoPlayerAPI } from './video-player-helpers-ac77cf76.js';
+import { r as registerInstance, i as createEvent, h, e as Host } from './index-06fc3d74.js';
+import { o as openVideoPlayerInModal, d as getVimeoPlayerAPI } from './video-player-helpers-efa49ef4.js';
 import { v as videoPlayerStates } from './index-cab1603b.js';
-import './index-44691ffd.js';
+import './index-7b3985f1.js';
 import './index-847a32fd.js';
 import './_commonjsHelpers-f4d11124.js';
 import './lodash-777f91de.js';
-import './index-e08fecc9.js';
-import './common-helpers-73accd43.js';
+import './index-30d0dd50.js';
+import './common-helpers-2139c840.js';
 
 const videoplayerVimeoCss = "svg:not(:root){overflow:hidden}:host iframe{width:100%;background:var(--dark, #000000)}";
 
@@ -14,14 +14,10 @@ const YooVideoPlayerVimeoComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.playerStateChanges = createEvent(this, "playerStateChanges", 7);
-    /**
-     * 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/design-system/yoo-videoplayer-youtube.entry.js

@@ -1,11 +1,11 @@
-import { r as registerInstance, i as createEvent, h, e as Host } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
-import { e as getYoutubeId, o as openVideoPlayerInModal, h as getYoutubeIFrameAPI } from './video-player-helpers-ac77cf76.js';
+import { r as registerInstance, i as createEvent, h, e as Host } from './index-06fc3d74.js';
+import './index-30d0dd50.js';
+import { e as getYoutubeId, o as openVideoPlayerInModal, h as getYoutubeIFrameAPI } from './video-player-helpers-efa49ef4.js';
 import { v as videoPlayerStates } from './index-cab1603b.js';
-import { o as isNativeMobile } from './index-44691ffd.js';
+import { o as isNativeMobile } from './index-7b3985f1.js';
 import './lodash-777f91de.js';
 import './index-847a32fd.js';
-import './common-helpers-73accd43.js';
+import './common-helpers-2139c840.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const videoplayerYoutubeCss = "svg:not(:root){overflow:hidden}:host{width:100%}:host .yt-container,:host .yt-player{width:100%;height:100%}:host .yt-container.error{pointer-events:none}:host(.played){height:90%}";
@@ -14,17 +14,10 @@ const YooVideoPlayerYoutubeComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.playerStateChanges = createEvent(this, "playerStateChanges", 7);
-    /**
-     * 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/design-system/yoo-virtual-item.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, f as forceUpdate, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import { r as resizeObserve } from './index-e08fecc9.js';
-import { ap as dispatchCustomEvent } from './index-44691ffd.js';
+import { r as registerInstance, f as forceUpdate, h, e as Host, g as getElement } from './index-06fc3d74.js';
+import { r as resizeObserve } from './index-30d0dd50.js';
+import { ap as dispatchCustomEvent } from './index-7b3985f1.js';
 import './lodash-777f91de.js';
 import './index-847a32fd.js';
 import './_commonjsHelpers-f4d11124.js';
@@ -8,10 +8,13 @@ import './_commonjsHelpers-f4d11124.js';
 const YooVirtualItemComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    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/design-system/yoo-virtual-scroll.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, f as forceUpdate, l as readTask, m as writeTask, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
+import { r as registerInstance, f as forceUpdate, l as readTask, m as writeTask, h, e as Host, g as getElement } from './index-06fc3d74.js';
+import './index-30d0dd50.js';
 import { A as isEqual, o as orderBy, Z as uniqBy } from './lodash-777f91de.js';
-import { q as querySelectorDeep, c as querySelectorAllDeep } from './common-helpers-73accd43.js';
-import { X as findParent, dl as isAnimationsDisabled, aW as gsapTo, H as isWeb, eU as componentOnReady } from './index-44691ffd.js';
+import { q as querySelectorDeep, c as querySelectorAllDeep } from './common-helpers-2139c840.js';
+import { X as findParent, dl as isAnimationsDisabled, aW as gsapTo, H as isWeb, eV as componentOnReady } from './index-7b3985f1.js';
 import './index-847a32fd.js';
 import './_commonjsHelpers-f4d11124.js';
 
@@ -263,44 +263,6 @@ const virtualScrollCss = "svg.sc-yoo-virtual-scroll:not(:root){overflow:hidden}.
 const YooVirtualScrollComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    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;
@@ -321,6 +283,23 @@ const YooVirtualScrollComponent = class {
       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/design-system/yoo-waitlist-location-layout.entry.js

@@ -1,10 +1,13 @@
-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 waitlistLocationLayoutCss = "svg:not(:root){overflow:hidden}:host{--logo-height:12.5rem;--img-width:25rem;position:absolute;top:0;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .panel-left{width:var(--img-width);min-width:var(--img-width)}@media only screen and (max-width: 1023px){:host .panel-left{display:none}}:host .panel-right{position:relative;-ms-flex-positive:1;flex-grow:1;overflow-y:auto;}:host .panel-right::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host .panel-right::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .panel-right::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .panel-right .container{max-width:37.5rem;margin:auto}:host .panel-right .container yoo-img{height:var(--logo-height);max-height:var(--logo-height)}@media only screen and (min-width: 1024px){:host .panel-right .container yoo-img{display:none}}:host .panel-right .container .inner{padding:var(--spacing-16, 1rem)}@media only screen and (min-width: 1024px){:host .panel-right .container .inner{margin-top:var(--spacing-64, 4rem)}}:host .panel-right .footer-container{width:100%;margin-bottom:var(--spacing-16, 1rem);text-align:center}@media only screen and (min-height: 800px) and (min-width: 1024px){:host .panel-right .footer-container{position:absolute;bottom:0}}:host .panel-right .footer-container yoo-copyright{padding:var(--spacing-16, 1rem) 0.8rem 0.8rem}";
 
 const YooWaitlistLocationLayoutComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.logo = undefined;
+    this.leftImage = undefined;
+    this.whiteLabel = undefined;
   }
   render() {
     return h(Host, null, this.leftImage && h("div", { class: "panel-left" }, h("yoo-img", { type: "background", instant: true, src: this.leftImage })), h("div", { class: "panel-right" }, h("div", { class: "container" }, this.logo && h("yoo-img", { type: "background", instant: true, src: this.logo }), h("div", { class: "inner" }, h("slot", null))), !this.whiteLabel && h("div", { class: "footer-container" }, h("yoo-copyright", null))));

package/dist/design-system/yoo-waitlist-location-result.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 { ao as dateFormat, t as translate, aM as isPresent } from './index-44691ffd.js';
+import { r as registerInstance, i as createEvent, h, e as Host } from './index-06fc3d74.js';
+import './index-30d0dd50.js';
+import { ao as dateFormat, t as translate, aM as isPresent } from './index-7b3985f1.js';
 import './lodash-777f91de.js';
 import './index-847a32fd.js';
 import './_commonjsHelpers-f4d11124.js';
@@ -11,6 +11,16 @@ const YooWaitlistLocationResultComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.cancelled = createEvent(this, "cancelled", 7);
+    this.whiteLabel = undefined;
+    this.locationName = undefined;
+    this.use24HourTime = undefined;
+    this.waitTime = undefined;
+    this.position = undefined;
+    this.qrcodeUrl = undefined;
+    this.date = undefined;
+    this.logo = undefined;
+    this.state = undefined;
+    this.callType = undefined;
   }
   getHeader() {
     const headers = {

package/dist/design-system/yoo-waitlist-location-start.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, i as createEvent, h, j as Build, e as Host, g as getElement } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
+import { r as registerInstance, i as createEvent, h, j as Build, e as Host, g as getElement } from './index-06fc3d74.js';
+import './index-30d0dd50.js';
 import { I as omit } from './lodash-777f91de.js';
-import { t as translate, H as isWeb, aM as isPresent } from './index-44691ffd.js';
+import { t as translate, H as isWeb, aM as isPresent } from './index-7b3985f1.js';
 import './index-847a32fd.js';
 import './_commonjsHelpers-f4d11124.js';
 
@@ -17,6 +17,14 @@ const YooWaitlistLocationStartComponent = class {
       { title: 'WAITLISTVQTITLE', description: 'WAITLISTVQDESCR', value: 'vqMode', icon: 'store', hideCheckbox: true },
       { title: 'WAITLISTVSTITLE', description: 'WAITLISTVSDESCR', value: 'vsMode', icon: 'videocamera', hideCheckbox: true }
     ];
+    this.header = undefined;
+    this.waitTime = undefined;
+    this.allowWaitlist = undefined;
+    this.allowBooking = undefined;
+    this.allowCallAndCollect = undefined;
+    this.allowBookingCallAndCollect = undefined;
+    this.buttonsOrder = undefined;
+    this.selectedMode = undefined;
   }
   /**
    * @property {boolean} isChoiceNeeded Checks if the user can choose between VQ and VS, according to the settings of the store

package/dist/design-system/yoo-walkthrough.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 { de as replaceSVGColors, 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 { de as replaceSVGColors, t as translate } from './index-7b3985f1.js';
 import './lodash-777f91de.js';
 import './index-847a32fd.js';
 import './_commonjsHelpers-f4d11124.js';
@@ -13,19 +13,11 @@ const YooWalkthroughComponent = class {
     this.step = createEvent(this, "step", 7);
     this.skip = createEvent(this, "skip", 7);
     this.finish = createEvent(this, "finish", 7);
-    /**
-     * Index of the active entry displayed to the user.
-     */
+    this.animations = [];
     this.activeEntry = 0;
-    /**
-     * If `true`, the user can see animations.
-     */
     this.animated = true;
-    /**
-     * Configuration include the image, title and subtitle for each step.
-     */
     this.entries = [];
-    this.animations = [];
+    this.logo = undefined;
   }
   componentDidLoad() {
     var _a;

package/dist/design-system/yoo-web-menu.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 getAppContext } from './common-helpers-73accd43.js';
-import { I as debounce, k as isNullOrUndefined } 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 getAppContext } from './common-helpers-2139c840.js';
+import { I as debounce, k as isNullOrUndefined } from './index-7b3985f1.js';
 import './lodash-777f91de.js';
 import './index-847a32fd.js';
 import './_commonjsHelpers-f4d11124.js';
@@ -13,6 +13,10 @@ const YooWebMenuComponent = class {
     registerInstance(this, hostRef);
     this.itemClicked = createEvent(this, "itemClicked", 7);
     this.previewIconMoved = createEvent(this, "previewIconMoved", 7);
+    this.leftEntry = undefined;
+    this.rightEntry = undefined;
+    this.activePage = undefined;
+    this.activePreviewPage = undefined;
   }
   activePageChange(activePage) {
     this.activePreviewPage = undefined;

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

@@ -1,6 +1,6 @@
-import { h, r as registerInstance, i as createEvent, e as Host } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
-import { t as translate } from './index-44691ffd.js';
+import { h, r as registerInstance, i as createEvent, 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';
@@ -14,8 +14,12 @@ const YooWebcamComponent = class {
     this.errored = createEvent(this, "errored", 7);
     this.loaded = createEvent(this, "loaded", 7);
     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/design-system/yoo-welcome-banner.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 { t as translate, df as getPeriodOfDay } 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 { t as translate, df as getPeriodOfDay } from './index-7b3985f1.js';
 import './lodash-777f91de.js';
 import './index-847a32fd.js';
 import './_commonjsHelpers-f4d11124.js';
@@ -11,7 +11,9 @@ const welcomeBannerCss = "svg:not(:root){overflow:hidden}:host{--text-font:var(-
 const YooWelcomeBannerComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.user = undefined;
     this.mainText = '';
+    this.subText = undefined;
   }
   render() {
     return h(Host, { class: { ...getAppContext(this.host) } }, h("div", { class: "container" }, h("h1", { class: "text" }, this.user