@yoobic/yobi 8.6.0-3 → 8.6.0-5

package/dist/esm/yoo-card-placeholder.entry.js

@@ -1,10 +1,13 @@
-import { r as registerInstance, h } from './index-a6a92b3d.js';
+import { r as registerInstance, h } from './index-22891abe.js';
 
 const cardPlaceholderCss = "svg:not(:root){overflow:hidden}:host{display:block;width:100%}@-webkit-keyframes pulseHolderShimmerGray{0%{background-color:var(--stable-20, rgba(173, 173, 173, 0.2))}50%{background-color:var(--stable-40, rgba(173, 173, 173, 0.4))}100%{background-color:var(--stable-20, rgba(173, 173, 173, 0.2))}}@keyframes pulseHolderShimmerGray{0%{background-color:var(--stable-20, rgba(173, 173, 173, 0.2))}50%{background-color:var(--stable-40, rgba(173, 173, 173, 0.4))}100%{background-color:var(--stable-20, rgba(173, 173, 173, 0.2))}}@-webkit-keyframes pulseHolderShimmerDarkGray{0%{background-color:var(--stable-20, rgba(173, 173, 173, 0.2))}50%{background-color:var(--stable-40, rgba(173, 173, 173, 0.4))}100%{background-color:var(--stable-20, rgba(173, 173, 173, 0.2))}}@keyframes pulseHolderShimmerDarkGray{0%{background-color:var(--stable-20, rgba(173, 173, 173, 0.2))}50%{background-color:var(--stable-40, rgba(173, 173, 173, 0.4))}100%{background-color:var(--stable-20, rgba(173, 173, 173, 0.2))}}@-webkit-keyframes pulseHolderShimmerGrayColor{0%{fill:var(--stable-20, rgba(173, 173, 173, 0.2))}50%{fill:var(--stable-40, rgba(173, 173, 173, 0.4))}100%{fill:var(--stable-20, rgba(173, 173, 173, 0.2))}}@keyframes pulseHolderShimmerGrayColor{0%{fill:var(--stable-20, rgba(173, 173, 173, 0.2))}50%{fill:var(--stable-40, rgba(173, 173, 173, 0.4))}100%{fill:var(--stable-20, rgba(173, 173, 173, 0.2))}}@-webkit-keyframes pulseHolderShimmerGrayTextColor{0%{color:var(--stable-20, rgba(173, 173, 173, 0.2))}50%{color:var(--stable-40, rgba(173, 173, 173, 0.4))}100%{color:var(--stable-20, rgba(173, 173, 173, 0.2))}}@keyframes pulseHolderShimmerGrayTextColor{0%{color:var(--stable-20, rgba(173, 173, 173, 0.2))}50%{color:var(--stable-40, rgba(173, 173, 173, 0.4))}100%{color:var(--stable-20, rgba(173, 173, 173, 0.2))}}:host .outer-container{width:100%;background:var(--light, #ffffff)}:host .outer-container .masker{position:absolute;background:var(--light, #ffffff)}:host .outer-container.card-sticky{height:13.0625rem}:host .outer-container.card-sticky .animated-background{height:100%}:host .outer-container.card-sticky .animated-background .masker.category-content,:host .outer-container.card-sticky .animated-background .masker.title-content,:host .outer-container.card-sticky .animated-background .masker.button-content{left:var(--spacing-16, 1rem)}:host .outer-container.card-sticky .animated-background .masker.category-content{top:2.875rem;width:var(--spacing-40, 2.5rem);height:0.575rem}:host .outer-container.card-sticky .animated-background .masker.title-content{top:4.125rem;width:6.25rem;height:3.375rem}:host .outer-container.card-sticky .animated-background .masker.button-content{top:8.6875rem;width:4.625rem;height:1.5rem}:host .outer-container.card-sticky-plans{display:-ms-flexbox;display:flex;width:19.375rem;height:13.125rem;padding-right:var(--spacing-16, 1rem);background:transparent}:host .outer-container.card-sticky-plans .image-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;border-radius:var(--border-radius-04, 0.25rem);-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 .outer-container.card-sticky-plans .image-container .title{height:14%;background:var(--light, #ffffff);border-radius:var(--border-radius-01, 0.0625rem)}:host .outer-container.card-sticky-plans .image-container .title.first{width:60%;margin-bottom:var(--spacing-16, 1rem)}:host .outer-container.card-sticky-plans .image-container .title.last{width:80%}:host .outer-container.card-feed{height:28.3125rem}:host .outer-container.card-feed .animated-background{height:100%}:host .outer-container.card-feed .animated-background .masker.feed-heading-left,:host .outer-container.card-feed .animated-background .masker.feed-heading-middle{left:2.25rem}:host .outer-container.card-feed .animated-background .masker.feed-heading-left{top:0;width:0.59375rem;height:2.25rem}:host .outer-container.card-feed .animated-background .masker.feed-heading-middle{top:1.0625rem;right:0;height:0.1875rem}:host .outer-container.card-feed .animated-background .masker.feed-heading-right{top:0;right:0;left:11.8125rem;height:1.0625rem}:host .outer-container.card-feed .animated-background .masker.feed-heading-right-2{top:var(--spacing-16, 1rem);right:0;left:21.1875rem;height:var(--spacing-16, 1rem)}:host .outer-container.card-feed .animated-background .masker.feed-heading-bottom-2{top:var(--spacing-32, 2rem);right:0;left:2.25rem;height:0.0625rem}:host .outer-container.card-feed .animated-background .masker.feed-heading-bottom{top:2.25rem;right:0;left:0;height:var(--spacing-16, 1rem)}:host .outer-container.card-feed .animated-background .masker.feed-under-img-top{top:19.4375rem;right:0;left:0;height:var(--spacing-16, 1rem)}:host .outer-container.card-feed .animated-background .masker.feed-under-img-middle{top:20.4375rem;left:2.0625rem;width:var(--spacing-16, 1rem)}:host .outer-container.card-feed .animated-background .masker.feed-icon-left,:host .outer-container.card-feed .animated-background .masker.feed-icon-left-2{top:20.375rem;height:1.125rem}:host .outer-container.card-feed .animated-background .masker.feed-icon-left{left:1.125rem;width:var(--spacing-16, 1rem)}:host .outer-container.card-feed .animated-background .masker.feed-icon-left-2{right:0;left:3.3125rem}:host .outer-container.card-feed .animated-background .masker.feed-icon-bottom{top:21.5rem;right:0;left:0;height:var(--spacing-16, 1rem)}:host .outer-container.card-feed .animated-background .masker.feed-like-bottom{top:23.5625rem;right:0;left:0;height:0.1875rem}:host .outer-container.card-feed .animated-background .masker.feed-description-bottom{top:27.3125rem;right:0;bottom:0;left:0}:host .outer-container.card-course{width:unset;margin:0 0.325rem var(--spacing-16, 1rem);padding-bottom:var(--spacing-16, 1rem);overflow:-webkit-paged-x;border-radius:var(--border-radius-04, 0.25rem);-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 .outer-container.card-course .inner-container{margin:0 var(--spacing-16, 1rem) var(--spacing-04, 0.25rem)}:host .outer-container.card-course .inner-container.course-image.pulsing{height:16.8rem;margin:0 0 2rem}:host .outer-container.card-course .inner-container.course-title.pulsing{width:65%;height:2rem}:host .outer-container.card-course .inner-container.course-content.pulsing{height:4rem}:host .outer-container.card-course .inner-container.course-badge{display:inline-block;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;width:100%}:host .outer-container.card-course .inner-container.course-badge .badge.pulsing{float:left;width:4rem;border-radius:var(--spacing-16, 1rem)}:host .outer-container.card-course .inner-container.course-badge .badge.pulsing yoo-icon{padding-left:var(--spacing-08, 0.5rem);fill:var(--light, #ffffff)}:host .outer-container.card-course .inner-container.course-badge .due-date.pulsing{float:right;width:40%;height:1.75rem;margin-right:var(--spacing-40, 2.5rem)}:host .outer-container.card-course .inner-container.course-lessons-count.pulsing{width:18%;height:var(--spacing-16, 1rem)}:host .outer-container.card-course .inner-container.course-progress.pulsing{height:0.5rem;margin-top:var(--spacing-16, 1rem)}:host .outer-container.card-course-category{background:transparent}:host .outer-container.card-course-category .info-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:var(--spacing-16, 1rem) 0}:host .outer-container.card-course-category .info-container yoo-icon.store{margin-right:0.5625rem;-webkit-animation:pulseHolderShimmerGrayColor 2s infinite ease-in-out;animation:pulseHolderShimmerGrayColor 2s infinite ease-in-out}:host .outer-container.card-course-category .info-container .title{width:45%;height:var(--spacing-16, 1rem);border-radius:var(--border-radius-01, 0.0625rem)}:host .outer-container.card-course-category .info-container yoo-icon.right{margin-left:auto;-webkit-animation:pulseHolderShimmerGrayColor 2s infinite ease-in-out;animation:pulseHolderShimmerGrayColor 2s infinite ease-in-out}:host .outer-container.card-sticky-courses-small{display:-ms-flexbox;display:flex;width:10rem;height:8.125rem;padding-right:var(--spacing-8);background:transparent}:host .outer-container.card-sticky-courses-small .image-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;border-radius:var(--border-radius-04, 0.25rem);-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 .outer-container.card-sticky-courses-small .image-container .title{height:14%;background:var(--light, #ffffff);border-radius:var(--border-radius-01, 0.0625rem)}:host .outer-container.card-sticky-courses-small .image-container .title.first{width:60%;margin-bottom:var(--spacing-16, 1rem)}:host .outer-container.card-sticky-courses-small .image-container .title.last{width:80%}:host .outer-container.card-course-row{display:-ms-flexbox;display:flex;height:7rem;margin-bottom:0.75rem;background:transparent}:host .outer-container.card-course-row .image-container{width:13rem;height:7rem;border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container.card-course-row .content-container{width:100%;margin:0 0.75rem}:host .outer-container.card-course-row .content-container .lesson-count-row{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin-top:0.5rem}:host .outer-container.card-course-row .content-container .lesson-count-row yoo-icon{padding-right:0.3rem;font-size:var(--font-size-16, 1rem);-webkit-animation:pulseHolderShimmerGrayColor 2s infinite ease-in-out;animation:pulseHolderShimmerGrayColor 2s infinite ease-in-out}:host .outer-container.card-course-row .content-container .lesson-count-row .lesson-count{width:35%;height:var(--spacing-16, 1rem);border-radius:var(--border-radius-01, 0.0625rem)}:host .outer-container.card-course-row .content-container .description-row{width:100%;height:var(--spacing-16, 1rem);margin-top:0.25rem;border-radius:var(--border-radius-01, 0.0625rem)}:host .outer-container.card-course-row .content-container .points-row{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin-top:0.5rem}:host .outer-container.card-course-row .content-container .points-row yoo-icon{padding-right:0.3rem;font-size:var(--font-size-16, 1rem);-webkit-animation:pulseHolderShimmerGrayColor 2s infinite ease-in-out;animation:pulseHolderShimmerGrayColor 2s infinite ease-in-out}:host .outer-container.card-course-row .content-container .points-row .points{width:20%;height:var(--spacing-16, 1rem);border-radius:var(--border-radius-01, 0.0625rem)}:host .outer-container.card-course-row .content-container .separator{margin-top:1.4375rem}:host .outer-container.card-questions{height:100%;background:transparent}:host .outer-container.card-questions .container{margin-bottom:var(--spacing-08, 0.5rem)}:host .outer-container.card-questions .container.top{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}:host .outer-container.card-questions .container.top .avatar.pulsing{width:2.0625rem;height:2.0625rem;border-radius:50%}:host .outer-container.card-questions .container.top .user-info{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-positive:2;flex-grow:2;margin:0 var(--spacing-08, 0.5rem)}:host .outer-container.card-questions .container.top .user-info .name.pulsing{width:50%;height:0.8rem;margin-bottom:0.125rem;border-radius:var(--border-radius-01, 0.0625rem)}:host .outer-container.card-questions .container.top .user-info .store.pulsing{width:40%;height:0.8rem;margin-top:0.125rem;border-radius:var(--border-radius-01, 0.0625rem)}:host .outer-container.card-questions .container.top yoo-icon{float:right;margin-right:0.5625rem;-webkit-animation:pulseHolderShimmerGrayColor 2s infinite ease-in-out;animation:pulseHolderShimmerGrayColor 2s infinite ease-in-out}:host .outer-container.card-questions .container.image.pulsing{max-width:100%;height:16.25rem;border-radius:var(--border-radius-04, 0.25rem);-webkit-box-shadow:var(--card-shadow, 0 0.125rem 0.25rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--card-shadow, 0 0.125rem 0.25rem 0 rgba(40, 47, 54, 0.08))}:host .outer-container.card-questions .container.question.pulsing{width:65%;height:1.5rem;border-radius:var(--border-radius-01, 0.0625rem)}:host .outer-container.card-questions .container.subquestion{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;width:60%}:host .outer-container.card-questions .container.subquestion .post-date.pulsing{width:50%;height:1.3rem;margin-right:var(--spacing-08, 0.5rem);border-radius:var(--border-radius-01, 0.0625rem)}:host .outer-container.card-questions .container.subquestion .answers-count.pulsing{width:40%;height:1.3rem;border-radius:var(--border-radius-01, 0.0625rem)}:host .outer-container.card-questions .extra.pulsing{width:20%;height:1.2rem;padding-left:var(--spacing-04, 0.25rem);color:var(--light, #ffffff);font-size:var(--font-size-14, 0.875rem);border-radius:var(--border-radius-01, 0.0625rem);fill:var(--light, #ffffff)}:host .outer-container.card-question-answers{height:100%;background:transparent}:host .outer-container.card-question-answers .container{margin-bottom:var(--spacing-08, 0.5rem)}:host .outer-container.card-question-answers .container.top{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}:host .outer-container.card-question-answers .container.top .avatar.pulsing{width:2.0625rem;height:2.0625rem;border-radius:50%}:host .outer-container.card-question-answers .container.top .user-info{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-positive:2;flex-grow:2;margin:0 var(--spacing-08, 0.5rem)}:host .outer-container.card-question-answers .container.top .user-info .name.pulsing{width:50%;height:0.8rem;margin-bottom:0.125rem;border-radius:var(--border-radius-01, 0.0625rem)}:host .outer-container.card-question-answers .container.top .user-info .store.pulsing{width:40%;height:0.8rem;margin-top:0.125rem;border-radius:var(--border-radius-01, 0.0625rem)}:host .outer-container.card-question-answers .container.answer.pulsing{height:1.5rem}:host .outer-container.card-question-answers .container.answer.pulsing.first{width:100%;margin-bottom:0.25rem;border-radius:var(--border-radius-01, 0.0625rem)}:host .outer-container.card-question-answers .container.answer.pulsing.last{width:65%;border-radius:var(--border-radius-01, 0.0625rem)}:host .outer-container.card-question-answers .container.subanswer{display:inline-block;-ms-flex-direction:row;flex-direction:row;width:100%}:host .outer-container.card-question-answers .container.subanswer .post-date.pulsing{float:left;width:30%;height:var(--spacing-16, 1rem);margin-right:var(--spacing-08, 0.5rem);border-radius:var(--border-radius-01, 0.0625rem)}:host .outer-container.card-question-answers .container.subanswer .reply.pulsing{float:left;width:15%;height:var(--spacing-16, 1rem);border-radius:var(--border-radius-01, 0.0625rem)}:host .outer-container.card-question-answers .container.subanswer yoo-icon{float:right;margin-right:0.5625rem;font-size:var(--font-size-18, 1.125rem);-webkit-animation:pulseHolderShimmerGrayColor 2s infinite ease-in-out;animation:pulseHolderShimmerGrayColor 2s infinite ease-in-out}:host .outer-container.card-list{height:3.375rem;margin-top:0.5rem}:host .outer-container.card-list .animated-background{height:100%;margin-right:var(--spacing-16, 1rem)}:host .outer-container.feedsComment{height:6.6875rem}:host .outer-container.feedsComment .animated-background .container-image{top:2.875rem;bottom:0;left:0;width:2.25rem}:host .outer-container.feedsComment .animated-background .container-top{top:0;right:0;left:0;height:var(--spacing-08, 0.5rem)}:host .outer-container.feedsComment .animated-background .container-left{top:0;bottom:0;left:2.25rem;width:var(--spacing-08, 0.5rem)}:host .outer-container.feedsComment .animated-background .container-middle{top:1.75rem;right:0;left:2.25rem;height:0.5rem}:host .outer-container.feedsComment .animated-background .container-middle-2{top:4.5rem;right:0;left:2.25rem;height:0.5rem}:host .outer-container.feedsComment .animated-background .container-bottom{right:0;bottom:0;left:0;height:0.6875rem}:host .outer-container.channel .animated-background .container-image,:host .outer-container.missiondescriptions .animated-background .container-image,:host .outer-container.channels .animated-background .container-image,:host .outer-container.views .animated-background .container-image{top:0;left:0;width:2.8125rem;height:var(--spacing-16, 1rem)}:host .outer-container.channel .animated-background .container-image-2,:host .outer-container.missiondescriptions .animated-background .container-image-2,:host .outer-container.channels .animated-background .container-image-2,:host .outer-container.views .animated-background .container-image-2{bottom:0;left:0;width:2.8125rem;height:var(--spacing-16, 1rem)}:host .outer-container.channel .animated-background .container-left,:host .outer-container.missiondescriptions .animated-background .container-left,:host .outer-container.channels .animated-background .container-left,:host .outer-container.views .animated-background .container-left{top:0;bottom:0;left:2.8125rem;width:var(--spacing-08, 0.5rem)}:host .outer-container.channel,:host .outer-container.missiondescriptions,:host .outer-container.channels{height:4.6875rem}:host .outer-container.channel .animated-background .container-top,:host .outer-container.missiondescriptions .animated-background .container-top,:host .outer-container.channels .animated-background .container-top{top:0;right:0;left:0;height:0.4375rem}:host .outer-container.channel .animated-background .container-middle,:host .outer-container.missiondescriptions .animated-background .container-middle,:host .outer-container.channels .animated-background .container-middle{top:1.75rem;right:0;left:2.8125rem;height:0.125rem}:host .outer-container.channel .animated-background .container-bottom,:host .outer-container.missiondescriptions .animated-background .container-bottom,:host .outer-container.channels .animated-background .container-bottom{right:0;bottom:0;left:0;height:0.5625rem}:host .outer-container.views{height:4.0625rem}:host .outer-container.views .container-top{top:0;right:0;left:2.8125rem;height:1.5rem}:host .outer-container.views .container-bottom{right:0;bottom:0;left:2.8125rem;height:1.5rem}:host .outer-container.views .container-right{top:1.5rem;right:0;left:15.1875rem;height:1.0625rem}:host .outer-container.users .container-top,:host .outer-container.notifications .container-top{top:0;right:0;left:2.8125rem;height:0.5625rem}:host .outer-container.users .container-left,:host .outer-container.notifications .container-left{top:0;bottom:0;left:2.8125rem;width:var(--spacing-08, 0.5rem)}:host .outer-container.users .container-middle,:host .outer-container.notifications .container-middle{top:var(--spacing-32, 2rem);right:0;left:2.8125rem;height:0.2rem}:host .outer-container.users .container-bottom,:host .outer-container.notifications .container-bottom{right:0;bottom:0;left:2.8125rem;height:0.5625rem}:host .outer-container.users{height:3.6875rem}:host .outer-container.users .container-image{top:0;left:0;width:2.8125rem;height:var(--spacing-08, 0.5rem)}:host .outer-container.users .container-image-2{bottom:0;left:0;width:2.8125rem;height:var(--spacing-08, 0.5rem)}:host .outer-container.notifications{height:6.25rem}:host .outer-container.notifications .container-image{top:0;left:0;width:2.8125rem;height:1.0625rem}:host .outer-container.notifications .container-image-2{bottom:0;left:0;width:2.8125rem;height:1.0625rem}:host .outer-container.notifications .container-right{top:0.5625rem;right:5.5rem;left:9.6875rem;height:1.3125rem}:host .outer-container.missions,:host .outer-container.memolist,:host .outer-container.dashboards,:host .outer-container.locations{height:3.4375rem}:host .outer-container.missions .container-top,:host .outer-container.memolist .container-top,:host .outer-container.dashboards .container-top,:host .outer-container.locations .container-top{top:0;right:0;left:0;height:var(--spacing-08, 0.5rem)}:host .outer-container.missions .container-right,:host .outer-container.memolist .container-right,:host .outer-container.dashboards .container-right,:host .outer-container.locations .container-right{top:var(--spacing-08, 0.5rem);right:4rem;left:10rem;height:1.125rem}:host .outer-container.missions .container-right-2,:host .outer-container.memolist .container-right-2,:host .outer-container.dashboards .container-right-2,:host .outer-container.locations .container-right-2{top:2rem;right:0;left:3.5rem;height:1.125rem}:host .outer-container.missions .container-middle,:host .outer-container.memolist .container-middle,:host .outer-container.dashboards .container-middle,:host .outer-container.locations .container-middle{top:1.75rem;right:0;left:0;height:0.25rem}:host .outer-container.missions .container-bottom,:host .outer-container.memolist .container-bottom,:host .outer-container.dashboards .container-bottom,:host .outer-container.locations .container-bottom{right:0;bottom:0;left:0;height:var(--spacing-04, 0.25rem)}:host .outer-container.environnement{height:2.75rem}:host .outer-container.environnement .container-top{top:0;right:0;left:0;height:0.6875rem}:host .outer-container.environnement .container-right{top:0.6875rem;right:0;left:9.6875rem;height:1.3125rem}:host .outer-container.environnement .container-bottom{right:0;bottom:0;left:0;height:0.75rem}:host .outer-container.filesFolders,:host .outer-container.files{height:3.3125rem}:host .outer-container.filesFolders .container-image,:host .outer-container.files .container-image{top:0;left:0;width:var(--spacing-32, 2rem);height:0.4375rem}:host .outer-container.filesFolders .container-image-2,:host .outer-container.files .container-image-2{bottom:0;left:0;width:var(--spacing-32, 2rem);height:0.4375rem}:host .outer-container.filesFolders .container-top,:host .outer-container.files .container-top{top:0;right:0;left:var(--spacing-32, 2rem);height:var(--spacing-04, 0.25rem)}:host .outer-container.filesFolders .container-left,:host .outer-container.files .container-left{top:0;bottom:0;left:var(--spacing-32, 2rem);width:var(--spacing-08, 0.5rem)}:host .outer-container.filesFolders .container-right,:host .outer-container.files .container-right{top:0;right:0;bottom:0;left:9.6875rem}:host .outer-container.filesFolders .container-bottom,:host .outer-container.files .container-bottom{right:0;bottom:0;left:var(--spacing-32, 2rem);height:1.0625rem}:host .outer-container.card-list.lessons{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;height:100%;margin:0.75rem 0;padding:var(--spacing-16, 1rem) 0;border-radius:0.5rem;-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 .outer-container.card-list.lessons .icon-container.pulsing{width:2.0625rem;height:2.0625rem;margin:0 var(--spacing-16, 1rem);border-radius:50%}:host .outer-container.card-list.lessons .info-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-positive:2;flex-grow:2}:host .outer-container.card-list.lessons .info-container .title-container.pulsing{max-width:50%;min-height:1.375rem;border-radius:var(--border-radius-01, 0.0625rem)}:host .outer-container.card-list.lessons .info-container .order-container.pulsing{max-width:100%;min-height:1.125rem;margin:var(--spacing-04, 0.25rem) 0;border-radius:var(--border-radius-01, 0.0625rem)}:host .outer-container.card-list.lessons .info-container .remaining-points-container{display:inline-block;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}:host .outer-container.card-list.lessons .info-container .remaining-points-container yoo-icon{float:left;-webkit-animation:pulseHolderShimmerGrayColor 2s infinite ease-in-out;animation:pulseHolderShimmerGrayColor 2s infinite ease-in-out}:host .outer-container.card-list.lessons .info-container .remaining-points-container .inner-text.pulsing{float:left;width:1.84375rem;min-height:var(--spacing-16, 1rem);margin:0.0625rem var(--spacing-04, 0.25rem) 0;border-radius:var(--border-radius-01, 0.0625rem)}:host .outer-container.card-list.lessons .extra-icon-container{min-width:2.0625rem;margin:0 var(--spacing-16, 1rem)}:host .outer-container.userranks{background:transparent}:host .outer-container.userranks .info-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:var(--spacing-16, 1rem) 0}:host .outer-container.userranks .info-container .rank-container{width:var(--spacing-16, 1rem);height:var(--spacing-16, 1rem);margin-right:var(--spacing-16, 1rem);margin-left:0.375rem;border-radius:var(--border-radius-01, 0.0625rem)}:host .outer-container.userranks .info-container .avatar{width:var(--spacing-32, 2rem);height:var(--spacing-32, 2rem);margin-right:var(--spacing-08, 0.5rem);border-radius:50%}:host .outer-container.userranks .info-container .name{width:45%;height:var(--spacing-16, 1rem);border-radius:var(--border-radius-01, 0.0625rem)}:host .outer-container.userranks .info-container yoo-icon.star{margin-right:0.5625rem;margin-left:auto;-webkit-animation:pulseHolderShimmerGrayColor 2s infinite ease-in-out;animation:pulseHolderShimmerGrayColor 2s infinite ease-in-out}:host .outer-container.userranks .info-container .points{width:10%;height:var(--spacing-16, 1rem);border-radius:var(--border-radius-01, 0.0625rem)}:host .outer-container.userranks .info-container yoo-icon.right{margin-left:0.8rem;-webkit-animation:pulseHolderShimmerGrayColor 2s infinite ease-in-out;animation:pulseHolderShimmerGrayColor 2s infinite ease-in-out}:host .outer-container.card-cell{height:7.5rem;margin-top:var(--spacing-04, 0.25rem)}:host .outer-container.card-cell.header{width:80%;height:var(--spacing-16, 1rem);margin-left:var(--spacing-04, 0.25rem)}:host .outer-container.card-cell .animated-background{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;height:100%}:host .outer-container.card-cell .animated-background .masker{position:relative;width:var(--spacing-04, 0.25rem);height:100%}:host .outer-container.card-battle{width:100%;margin-top:var(--spacing-16, 1rem);border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container.card-battle .top-container{display:-ms-flexbox;display:flex;padding:0.75rem 0.5rem 0}:host .outer-container.card-battle .top-container .avatar{width:var(--spacing-48, 3rem);height:var(--spacing-48, 3rem);margin-right:var(--spacing-16, 1rem);border-radius:50%}:host .outer-container.card-battle .top-container .content-container{-ms-flex:1;flex:1}:host .outer-container.card-battle .top-container .content-container .opponent-name{width:75%;height:var(--spacing-16, 1rem);border-radius:var(--border-radius-01, 0.0625rem)}:host .outer-container.card-battle .top-container .content-container .course-container{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;margin-top:var(--spacing-08, 0.5rem)}:host .outer-container.card-battle .top-container .content-container .course-container yoo-icon{padding-right:var(--spacing-04, 0.25rem);-webkit-animation:pulseHolderShimmerGrayColor 2s infinite ease-in-out;animation:pulseHolderShimmerGrayColor 2s infinite ease-in-out}:host .outer-container.card-battle .top-container .content-container .course-container .course-name{width:50%;height:var(--spacing-16, 1rem);border-radius:var(--border-radius-01, 0.0625rem)}:host .outer-container.card-battle .top-container .points-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:var(--spacing-40, 2.5rem);height:var(--spacing-24, 1.5rem);border-radius:0.8125rem}:host .outer-container.card-battle .top-container .points-container yoo-icon{padding-left:var(--spacing-04, 0.25rem);fill:var(--light, #ffffff)}:host .outer-container.card-battle .bottom-container{padding:0.75rem 0.5rem}:host .outer-container.card-battle .bottom-container .inner-container{height:var(--spacing-16, 1rem);border-radius:var(--border-radius-01, 0.0625rem)}:host .outer-container.card-battle-result .inner-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:var(--spacing-16, 1rem) var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem);background-color:var(--light, #ffffff);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container.card-battle-result .inner-container .column{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}:host .outer-container.card-battle-result .inner-container .column.participant{width:var(--spacing-64, 4rem)}:host .outer-container.card-battle-result .inner-container .column.participant .avatar{width:var(--spacing-48, 3rem);height:var(--spacing-48, 3rem);border-radius:50%}:host .outer-container.card-battle-result .inner-container .column.participant .username{width:var(--spacing-64, 4rem);margin-top:var(--spacing-04, 0.25rem)}:host .outer-container.card-battle-result .inner-container .column.participant .username .user{height:var(--spacing-16, 1rem)}:host .outer-container.card-battle-result .inner-container .column.score{-ms-flex-positive:1;flex-grow:1}:host .outer-container.card-battle-result .inner-container .column.score .text{width:var(--spacing-64, 4rem);height:var(--spacing-16, 1rem);margin-bottom:var(--spacing-08, 0.5rem)}:host .outer-container.card-battle-result .inner-container .column.score .result{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .outer-container.card-battle-result .inner-container .column.score .result .number{width:var(--spacing-16, 1rem);height:var(--spacing-16, 1rem)}:host .outer-container.card-battle-result .inner-container .column.score .result .dash{margin:0 var(--spacing-04, 0.25rem);font-weight:bold;font-size:var(--font-size-16, 1rem);-webkit-animation:pulseHolderShimmerGrayTextColor 2s infinite ease-in-out;animation:pulseHolderShimmerGrayTextColor 2s infinite ease-in-out}:host .separator{height:0.0625rem;-webkit-animation:pulseHolderShimmerGray 2s infinite ease-in-out;animation:pulseHolderShimmerGray 2s infinite ease-in-out}:host .separator.first{margin:var(--spacing-08, 0.5rem) 0}:host .separator.last{margin-top:var(--spacing-08, 0.5rem)}:host .animated-background{position:relative;background:var(--gradient-placeholder, linear-gradient(to right, #f1f1f1, rgba(241, 241, 241, 0.8)));background-size:50rem 6.5rem;-webkit-animation-name:pulseHolderShimmerDarkGray;animation-name:pulseHolderShimmerDarkGray;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host .pulsing{-webkit-animation:pulseHolderShimmerGray 2s infinite ease-in-out;animation:pulseHolderShimmerGray 2s infinite ease-in-out}:host .pulsing.stripe{width:100%;height:5rem;margin-bottom:var(--spacing-16, 1rem)}:host .pulsing.stripe.header{width:30%;height:var(--spacing-16, 1rem);margin-bottom:0.5rem}:host .pulsing.stripe.header.info,:host .pulsing.stripe.header.success,:host .pulsing.stripe.header.energized,:host .pulsing.stripe.header.app-color{-webkit-animation:pulseHolderShimmerDarkGray 2s infinite ease-in-out;animation:pulseHolderShimmerDarkGray 2s infinite ease-in-out}:host .pulsing.stripe.search{width:75%}:host .pulsing.stripe.full-width{width:100%}:host(.no-margin) .outer-container.card-list{margin-top:0}:host(.no-margin) .outer-container.card-list .animated-background{margin-right:0}";
 
 const YooCardPlaceholderComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.displayType = undefined;
+    this.entityType = undefined;
+    this.header = undefined;
   }
   renderCardFeed() {
     return (h("div", { class: "outer-container card-feed" }, h("div", { class: "animated-background" }, h("div", { class: "feed-top" }, h("div", { class: "masker feed-heading-left" }), h("div", { class: "masker feed-heading-middle" }), h("div", { class: "masker feed-heading-right" }), h("div", { class: "masker feed-heading-right-2" }), h("div", { class: "masker feed-heading-bottom-2" }), h("div", { class: "masker feed-heading-bottom" })), h("div", { class: "feed-under-img" }, h("div", { class: "masker feed-under-img-top" }), h("div", { class: "masker feed-under-img-middle" }), h("div", { class: "feed-icon" }, h("div", { class: "masker feed-icon-left" }), h("div", { class: "masker feed-icon-left-2" }), h("div", { class: "masker feed-icon-bottom" })), h("div", { class: "feed-like" }, h("div", { class: "masker feed-like-left" }), h("div", { class: "masker feed-like-bottom" })), h("div", { class: "feed-description" }, h("div", { class: "masker feed-description-bottom" }))))));

package/dist/esm/yoo-card-plan.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 { g as getAppContext } from './common-helpers-73accd43.js';
-import { a3 as translateMulti } from './index-44691ffd.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-22891abe.js';
+import './index-590d30dd.js';
+import { g as getAppContext } from './common-helpers-2a9aacec.js';
+import { a3 as translateMulti } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
-import './index-847a32fd.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const cardPlanCss = "svg:not(:root){overflow:hidden}:host(.web){display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;padding-top:1rem;padding-bottom:1rem;color:var(--dark, #000000);font-size:var(--font-size-16, 1rem);border-bottom:solid 0.0625rem var(--stable-light, #f1f1f1)}:host(.web) .image-container{padding-right:var(--spacing-08, 0.5rem)}:host(.web) .image-container .image{--border-radius:var(--border-radius-02, 0.125rem);width:4.125rem;height:2.8125rem}:host(.web) .content-container{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-flow:row;flex-flow:row;overflow:hidden}";
@@ -11,6 +11,7 @@ const cardPlanCss = "svg:not(:root){overflow:hidden}:host(.web){display:-ms-flex
 const YooCardPlanComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.entry = undefined;
   }
   renderLeftContainer() {
     return (h("div", { class: "left-container" }, this.entry.heading && h("div", { class: "header" }, translateMulti(this.entry.heading)), this.entry.tagElements && (h("div", { class: "tags-container" }, this.entry.tagElements.map((tag) => {

package/dist/esm/yoo-card-progress.entry.js

@@ -1,8 +1,8 @@
-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-22891abe.js';
+import './index-590d30dd.js';
 import { O as isFinite, p as isString } from './lodash-777f91de.js';
-import { dl as isAnimationsDisabled, t as translate } from './index-44691ffd.js';
-import './index-847a32fd.js';
+import { dl as isAnimationsDisabled, t as translate } from './index-97f4ed07.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const cardProgressCss = "svg:not(:root){overflow:hidden}:host{position:relative;display:block;background:var(--light, #ffffff)}:host([mode=large]){padding:var(--spacing-16, 1rem);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--tile-shadow, 0 1px 4px 0 rgba(0, 0, 0, 0.1));box-shadow:var(--tile-shadow, 0 1px 4px 0 rgba(0, 0, 0, 0.1))}:host([mode=large]) yoo-tooltip{float:right;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host([mode=large]) yoo-progress-bar{width:100%}:host([mode=large]) .label{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:end;align-items:end;-ms-flex-pack:justify;justify-content:space-between;width:100%}:host([mode=large]) .label div{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end}:host([mode=large]) .label div span{padding-right:var(--spacing-04, 0.25rem);font-weight:700;font-size:var(--font-size-28, 1.75rem);line-height:1.125}:host([mode=large]) .label div yoo-display-increment{right:var(--spacing-16, 1rem);display:-ms-flexbox;display:flex;-ms-flex-item-align:end;align-self:end}:host([mode=compact]){line-height:0.75}:host([mode=compact]) .label{font-size:var(--font-size-12, 0.75rem)}:host([mode=compact]) .label span{padding-right:var(--spacing-04, 0.25rem)}@media print{:host .large-container{page-break-after:auto;page-break-before:avoid;page-break-inside:avoid}}";
@@ -12,6 +12,7 @@ const YooCardProgressComponent = class {
     registerInstance(this, hostRef);
     this.animated = true;
     this.mode = 'large';
+    this.entry = undefined;
   }
   get isAnimated() {
     return this.animated && !isAnimationsDisabled();

package/dist/esm/yoo-card-recommendation.entry.js

@@ -1,16 +1,19 @@
-import { r as registerInstance, h, g as getElement } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
+import { r as registerInstance, h, g as getElement } from './index-22891abe.js';
+import './index-590d30dd.js';
 import { C as get } from './lodash-777f91de.js';
-import { g as getFromOfflineStorage } from './localForage-2801485a.js';
-import { bq as isOffline, t as translate, a3 as translateMulti, f3 as getLessonTypeIcon } from './index-44691ffd.js';
+import { g as getFromOfflineStorage } from './localForage-6c1cadad.js';
+import { bq as isOffline, t as translate, a3 as translateMulti, f4 as getLessonTypeIcon } from './index-97f4ed07.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-847a32fd.js';
+import './index-dac754e1.js';
 
 const cardRecommendationCss = "svg:not(:root){overflow:hidden}:host{cursor:pointer}:host .outer-container{max-width:18.5rem;margin-top:var(--spacing-08, 0.5rem);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host .outer-container .image-container{position:relative;width:18.5rem}:host .outer-container .image-container .image{border-radius:inherit !important}:host .outer-container .image-container .course-title{position:absolute;bottom:var(--spacing-16, 1rem);left:var(--spacing-16, 1rem);width:90%;color:var(--light, #ffffff);font-size:var(--font-size-14, 0.875rem);text-align:left;--max-lines:1}:host .outer-container .image-container .img-tag{position:absolute;top:var(--spacing-16, 1rem);left:var(--spacing-16, 1rem)}:host([type=plan]) .outer-container .image-container{min-height:12.5rem;max-height:12.5rem;margin-bottom:0;border-radius:inherit}:host([type=plan]) .outer-container .image-container .image{height:12.5rem}:host([type=plan]) .outer-container .image-container .points-tag,:host([type=plan]) .outer-container .image-container .lessons-tag{position:absolute;bottom:2.5rem}:host([type=plan]) .outer-container .image-container .points-tag{left:var(--spacing-16, 1rem)}:host([type=plan]) .outer-container .image-container .lessons-tag{left:4.25rem}:host([type=lesson]) .outer-container{margin-bottom:var(--spacing-08, 0.5rem)}:host([type=lesson]) .outer-container .image-container{min-height:8.5rem;max-height:8.5rem;border-radius:var(--border-radius-08, 0.5rem) var(--border-radius-08, 0.5rem) 0 0}:host([type=lesson]) .outer-container .image-container .image{height:8.5rem}:host([type=lesson]) .outer-container .image-container .course-title{font-size:var(--font-size-12, 0.75rem)}:host([type=lesson]) .outer-container .content-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-height:3.5rem;padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem) 0 var(--spacing-16, 1rem)}:host([type=lesson]) .outer-container .content-container .title-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}:host([type=lesson]) .outer-container .content-container .title-container yoo-icon+.lesson-title{width:calc(100% - (var(--icon-size-01, 1rem) + var(--spacing-08, 0.5rem)))}:host([type=lesson]) .outer-container .content-container .title-container .lesson-title{margin-left:var(--spacing-08, 0.5rem);font-size:var(--font-size-14, 0.875rem);text-align:left}:host([type=lesson]) .outer-container .content-container .points{margin-left:var(--spacing-24, 1.5rem)}:host([type=lesson]) .outer-container .content-container .points span{font-size:var(--font-size-14, 0.875rem)}";
 
 const YooCardRecommendationComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.entry = undefined;
+    this.type = undefined;
+    this.backgroundImage = undefined;
   }
   async componentWillLoad() {
     this.prepareData();

package/dist/esm/yoo-card-sticky.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 { g as getAppContext } from './common-helpers-73accd43.js';
-import { a3 as translateMulti, co as showActionSheet, H as isWeb, al as isGif, e_ as removeTextStyle } from './index-44691ffd.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-22891abe.js';
+import './index-590d30dd.js';
+import { g as getAppContext } from './common-helpers-2a9aacec.js';
+import { a3 as translateMulti, co as showActionSheet, H as isWeb, al as isGif, e$ as removeTextStyle } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
-import './index-847a32fd.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const cardStickyCss = "svg:not(:root){overflow:hidden}:host{--feed-card-width:300px;--feed-card-max-height:230px;cursor:pointer}:host yoo-tag{--padding:0 var(--spacing-04, 0.25rem) 0 var(--spacing-04, 0.25rem);color:var(--text-color)}:host yoo-tag.top.left{position:absolute;top:var(--spacing-16, 1rem);left:var(--spacing-16, 1rem);z-index:9;border-radius:var(--border-radius-04, 0.25rem)}:host yoo-icon{width:var(--spacing-16, 1rem);height:var(--spacing-16, 1rem)}:host yoo-icon[name=bookmark]{right:var(--spacing-16, 1rem);background-color:var(--light-20, rgba(255, 255, 255, 0.2))}:host .outer-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;max-width:310px;max-height:var(--feed-card-max-height);overflow:hidden;background-position:center;border-radius:0.25rem}:host .outer-container .image-container{--border-radius:var(--border-radius-04, 0.25rem);width:100%;height:90%;background:var(--stable-light, #f1f1f1);-webkit-box-shadow:var(--button-shadow, 0 0.125rem 0.375rem rgba(0, 0, 0, 0.1));box-shadow:var(--button-shadow, 0 0.125rem 0.375rem rgba(0, 0, 0, 0.1))}:host .outer-container .gradient-container{position:absolute;width:100%;height:100%;background:-webkit-gradient(linear, left top, right top, from(var(--light, #ffffff)), color-stop(40%, var(--light, #ffffff)), to(var(--dark-10, rgba(0, 0, 0, 0.1))));background:linear-gradient(90deg, var(--light, #ffffff), var(--light, #ffffff) 40%, var(--dark-10, rgba(0, 0, 0, 0.1)));border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container .gradient-container .text-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:40%;height:100%;margin-left:1.25rem;text-align:left}:host .outer-container .gradient-container .text-container .category{color:var(--app-color, #5a30f4);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .gradient-container .text-container .title{margin-top:1.25rem;font-size:var(--font-size-18, 1.125rem)}:host .outer-container .gradient-container .text-container .title html,:host .outer-container .gradient-container .text-container .title body,:host .outer-container .gradient-container .text-container .title div:not([class^=fr-]),:host .outer-container .gradient-container .text-container .title span:not([class^=fr-]),:host .outer-container .gradient-container .text-container .title img:not([class^=fr-]),:host .outer-container .gradient-container .text-container .title applet,:host .outer-container .gradient-container .text-container .title object,:host .outer-container .gradient-container .text-container .title iframe,:host .outer-container .gradient-container .text-container .title h1,:host .outer-container .gradient-container .text-container .title h2,:host .outer-container .gradient-container .text-container .title h3,:host .outer-container .gradient-container .text-container .title h4,:host .outer-container .gradient-container .text-container .title h5,:host .outer-container .gradient-container .text-container .title h6,:host .outer-container .gradient-container .text-container .title p,:host .outer-container .gradient-container .text-container .title blockquote,:host .outer-container .gradient-container .text-container .title pre,:host .outer-container .gradient-container .text-container .title a,:host .outer-container .gradient-container .text-container .title abbr,:host .outer-container .gradient-container .text-container .title acronym,:host .outer-container .gradient-container .text-container .title address,:host .outer-container .gradient-container .text-container .title big,:host .outer-container .gradient-container .text-container .title cite,:host .outer-container .gradient-container .text-container .title code,:host .outer-container .gradient-container .text-container .title del,:host .outer-container .gradient-container .text-container .title dfn,:host .outer-container .gradient-container .text-container .title em,:host .outer-container .gradient-container .text-container .title font,:host .outer-container .gradient-container .text-container .title ins,:host .outer-container .gradient-container .text-container .title kbd,:host .outer-container .gradient-container .text-container .title q,:host .outer-container .gradient-container .text-container .title s,:host .outer-container .gradient-container .text-container .title samp,:host .outer-container .gradient-container .text-container .title small,:host .outer-container .gradient-container .text-container .title strike,:host .outer-container .gradient-container .text-container .title strong,:host .outer-container .gradient-container .text-container .title sub,:host .outer-container .gradient-container .text-container .title sup,:host .outer-container .gradient-container .text-container .title tt,:host .outer-container .gradient-container .text-container .title var,:host .outer-container .gradient-container .text-container .title dl,:host .outer-container .gradient-container .text-container .title dt,:host .outer-container .gradient-container .text-container .title dd,:host .outer-container .gradient-container .text-container .title ol,:host .outer-container .gradient-container .text-container .title ul,:host .outer-container .gradient-container .text-container .title li,:host .outer-container .gradient-container .text-container .title fieldset,:host .outer-container .gradient-container .text-container .title form,:host .outer-container .gradient-container .text-container .title label,:host .outer-container .gradient-container .text-container .title legend,:host .outer-container .gradient-container .text-container .title table,:host .outer-container .gradient-container .text-container .title caption,:host .outer-container .gradient-container .text-container .title tbody,:host .outer-container .gradient-container .text-container .title tfoot,:host .outer-container .gradient-container .text-container .title thead,:host .outer-container .gradient-container .text-container .title tr,:host .outer-container .gradient-container .text-container .title th{margin:0;padding:0;font-weight:inherit;font-size:100%;font-family:inherit;font-style:inherit;vertical-align:baseline;border:0;outline:0;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0}:host .outer-container .gradient-container .text-container .description{color:var(--stable, #adadad);font-size:var(--font-size-12, 0.75rem)}:host .outer-container .gradient-container .text-container .description html,:host .outer-container .gradient-container .text-container .description body,:host .outer-container .gradient-container .text-container .description div:not([class^=fr-]),:host .outer-container .gradient-container .text-container .description span:not([class^=fr-]),:host .outer-container .gradient-container .text-container .description img:not([class^=fr-]),:host .outer-container .gradient-container .text-container .description applet,:host .outer-container .gradient-container .text-container .description object,:host .outer-container .gradient-container .text-container .description iframe,:host .outer-container .gradient-container .text-container .description h1,:host .outer-container .gradient-container .text-container .description h2,:host .outer-container .gradient-container .text-container .description h3,:host .outer-container .gradient-container .text-container .description h4,:host .outer-container .gradient-container .text-container .description h5,:host .outer-container .gradient-container .text-container .description h6,:host .outer-container .gradient-container .text-container .description p,:host .outer-container .gradient-container .text-container .description blockquote,:host .outer-container .gradient-container .text-container .description pre,:host .outer-container .gradient-container .text-container .description a,:host .outer-container .gradient-container .text-container .description abbr,:host .outer-container .gradient-container .text-container .description acronym,:host .outer-container .gradient-container .text-container .description address,:host .outer-container .gradient-container .text-container .description big,:host .outer-container .gradient-container .text-container .description cite,:host .outer-container .gradient-container .text-container .description code,:host .outer-container .gradient-container .text-container .description del,:host .outer-container .gradient-container .text-container .description dfn,:host .outer-container .gradient-container .text-container .description em,:host .outer-container .gradient-container .text-container .description font,:host .outer-container .gradient-container .text-container .description ins,:host .outer-container .gradient-container .text-container .description kbd,:host .outer-container .gradient-container .text-container .description q,:host .outer-container .gradient-container .text-container .description s,:host .outer-container .gradient-container .text-container .description samp,:host .outer-container .gradient-container .text-container .description small,:host .outer-container .gradient-container .text-container .description strike,:host .outer-container .gradient-container .text-container .description strong,:host .outer-container .gradient-container .text-container .description sub,:host .outer-container .gradient-container .text-container .description sup,:host .outer-container .gradient-container .text-container .description tt,:host .outer-container .gradient-container .text-container .description var,:host .outer-container .gradient-container .text-container .description dl,:host .outer-container .gradient-container .text-container .description dt,:host .outer-container .gradient-container .text-container .description dd,:host .outer-container .gradient-container .text-container .description ol,:host .outer-container .gradient-container .text-container .description ul,:host .outer-container .gradient-container .text-container .description li,:host .outer-container .gradient-container .text-container .description fieldset,:host .outer-container .gradient-container .text-container .description form,:host .outer-container .gradient-container .text-container .description label,:host .outer-container .gradient-container .text-container .description legend,:host .outer-container .gradient-container .text-container .description table,:host .outer-container .gradient-container .text-container .description caption,:host .outer-container .gradient-container .text-container .description tbody,:host .outer-container .gradient-container .text-container .description tfoot,:host .outer-container .gradient-container .text-container .description thead,:host .outer-container .gradient-container .text-container .description tr,:host .outer-container .gradient-container .text-container .description th{margin:0;padding:0;font-weight:inherit;font-size:100%;font-family:inherit;font-style:inherit;vertical-align:baseline;border:0;outline:0;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0}:host .outer-container .gradient-container .text-container yoo-button{margin-top:1.25rem}:host .outer-container .bottom-container{border-radius:5px}:host .outer-container.feeds.gif .bottom-container{-webkit-transform:rotateX(0);transform:rotateX(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000}:host .outer-container.feeds.gif .image-container{--border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container.feeds{position:relative;display:-ms-flexbox;display:flex;width:var(--feed-card-width);height:225px;-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 .outer-container.feeds .image-container{position:absolute;height:100%;-webkit-box-shadow:none;box-shadow:none}:host .outer-container.feeds .bottom-container{position:absolute;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:4.0625rem;padding:var(--spacing-08, 0.5rem);padding-top:var(--spacing-02, 0.125rem);color:var(--light, #ffffff);line-height:normal;text-align:left;background-color:var(--dark-60, rgba(0, 0, 0, 0.6));border-radius:0}:host .outer-container.feeds .bottom-container .text-wrapper{--max-lines:1;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:0px;color:var(--light, #ffffff);font-size:var(--font-size-16, 1rem);line-height:normal}:host .outer-container.feeds .bottom-container .text-wrapper .fr-emoticon{display:inline-block;width:var(--spacing-16, 1rem);height:var(--spacing-16, 1rem)}:host .outer-container.feeds .bottom-container .subheading{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--light, #ffffff);font-size:var(--font-size-12, 0.75rem)}:host .outer-container.feeds .bottom-container .subheading yoo-avatar{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container.feeds .bottom-container .subheading yoo-icon:not(.header){margin-left:auto}:host .outer-container.courses,:host .outer-container.plans,:host .outer-container.courses-small{--text-color:var(--light, #ffffff);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-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 .outer-container.courses yoo-img,:host .outer-container.plans yoo-img,:host .outer-container.courses-small yoo-img{position:relative;width:100%;height:100%;border-radius:var(--border-radius-08, 0.5rem)}:host .outer-container.courses yoo-img yoo-icon,:host .outer-container.plans yoo-img yoo-icon,:host .outer-container.courses-small yoo-img yoo-icon{position:absolute;top:var(--spacing-16, 1rem);z-index:1;padding:var(--spacing-04, 0.25rem);border:none;border-radius:var(--border-radius-24, 1.5rem)}:host .outer-container.courses yoo-img::after,:host .outer-container.plans yoo-img::after,:host .outer-container.courses-small yoo-img::after{position:absolute;width:100%;height:100%;background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(14%, rgba(255, 255, 255, 0)), color-stop(60%, rgba(0, 0, 0, 0.1)), color-stop(70%, rgba(0, 0, 0, 0.2)), color-stop(85%, rgba(0, 0, 0, 0.5)), to(black));background-image:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 14%, rgba(0, 0, 0, 0.1) 60%, rgba(0, 0, 0, 0.2) 70%, rgba(0, 0, 0, 0.5) 85%, black 100%);background-blend-mode:multiply;border-radius:var(--border-radius-08, 0.5rem);content:\"\"}:host .outer-container.courses .tags-container,:host .outer-container.plans .tags-container,:host .outer-container.courses-small .tags-container{display:-ms-flexbox;display:flex;margin-bottom:-0.2rem;padding:0 0 0 var(--spacing-16, 1rem)}:host .outer-container.courses .tags-container yoo-tag.bottom,:host .outer-container.plans .tags-container yoo-tag.bottom,:host .outer-container.courses-small .tags-container yoo-tag.bottom{--padding:0 var(--spacing-04, 0.25rem) 0 0}:host .outer-container.courses .bottom-container,:host .outer-container.plans .bottom-container,:host .outer-container.courses-small .bottom-container{position:absolute;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:end;justify-content:flex-end;width:100%;height:100%;overflow-y:auto;background-color:var(--dark-40, rgba(0, 0, 0, 0.4));border-radius:var(--border-radius-08, 0.5rem);}:host .outer-container.courses .bottom-container::-webkit-scrollbar,:host .outer-container.plans .bottom-container::-webkit-scrollbar,:host .outer-container.courses-small .bottom-container::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host .outer-container.courses .bottom-container::-webkit-scrollbar-track,:host .outer-container.plans .bottom-container::-webkit-scrollbar-track,:host .outer-container.courses-small .bottom-container::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container.courses .bottom-container::-webkit-scrollbar-thumb,:host .outer-container.plans .bottom-container::-webkit-scrollbar-thumb,:host .outer-container.courses-small .bottom-container::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container.courses .bottom-container:hover::-webkit-scrollbar-track,:host .outer-container.plans .bottom-container:hover::-webkit-scrollbar-track,:host .outer-container.courses-small .bottom-container:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}:host .outer-container.courses .bottom-container:hover::-webkit-scrollbar-thumb,:host .outer-container.plans .bottom-container:hover::-webkit-scrollbar-thumb,:host .outer-container.courses-small .bottom-container:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}:host .outer-container.courses .bottom-container .text-wrapper,:host .outer-container.plans .bottom-container .text-wrapper,:host .outer-container.courses-small .bottom-container .text-wrapper{overflow:hidden;margin:0 0 var(--spacing-16, 1rem) var(--spacing-16, 1rem);overflow-y:hidden;color:var(--light, #ffffff);font-weight:var(--font-weight-700, 700)}@supports (display: -webkit-box){:host .outer-container.courses .bottom-container .text-wrapper,:host .outer-container.plans .bottom-container .text-wrapper,:host .outer-container.courses-small .bottom-container .text-wrapper{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}:host .outer-container.courses .bottom-container .subheading,:host .outer-container.plans .bottom-container .subheading,:host .outer-container.courses-small .bottom-container .subheading{color:transparent}:host .outer-container.courses .bottom-container .text-wrapper,:host .outer-container.plans .bottom-container .text-wrapper{overflow:hidden;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:end;justify-content:flex-end;max-width:90%;margin:0 0 var(--spacing-16, 1rem) var(--spacing-16, 1rem);font-size:var(--font-size-18, 1.125rem);text-align:left}@supports (display: -webkit-box){:host .outer-container.courses .bottom-container .text-wrapper,:host .outer-container.plans .bottom-container .text-wrapper{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}:host .outer-container.courses-small{width:133px;height:90px}:host .outer-container.courses-small .bottom-container .text-wrapper{overflow:hidden;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-ms-flex-pack:start;justify-content:flex-start;margin:0 0 var(--spacing-16, 1rem) var(--spacing-16, 1rem);font-size:var(--font-size-18, 1.125rem);line-height:var(--font-size-18, 1.125rem)}@supports (display: -webkit-box){:host .outer-container.courses-small .bottom-container .text-wrapper{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}:host .outer-container.photos{min-width:320px;min-height:240px}:host .outer-container.photos .image-container{height:100%}@media only screen and (max-width: 320px){:host .outer-container.feeds{width:280px !important}}:host(.web) .outer-container{width:auto}:host(.courses.full-width) .outer-container{width:100% !important;max-width:inherit !important;height:14.5625rem !important}:host(.full-width){--feed-card-width:100%}:host(.full-width) .outer-container{max-width:initial}:host(.feeds.full-width:not(.emulate-preview)){--feed-card-max-height:100%}:host(.feeds.full-width:not(.emulate-preview)) .outer-container{max-width:initial;height:calc(75vw - 2rem)}:host(.web.layout-01.full-width){--feed-card-max-height:100%;--card-height:23.125rem}:host(.web.layout-01.full-width) .outer-container{max-width:initial;height:auto;height:var(--card-height)}:host(.web.layout-01.full-width) .outer-container yoo-img{position:initial;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-ms-flex-order:1;order:1;width:100%}:host(.web.layout-01.full-width) .outer-container .bottom-container yoo-context-menu{margin-left:auto}:host(.web:not(.layout-01)){--image-size:64px;--card-height:100%}:host(.web:not(.layout-01)) .outer-container.feeds{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;width:100%;max-width:initial;height:var(--card-height);padding-bottom:var(--spacing-08, 0.5rem);border-radius:0;-webkit-box-shadow:none;box-shadow:none}:host(.web:not(.layout-01)) .outer-container.feeds yoo-img{position:initial;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-ms-flex-order:1;order:1;width:var(--image-size);height:var(--image-size)}:host(.web:not(.layout-01)) .outer-container.feeds:after{position:absolute;bottom:0;width:248px;height:0.0625rem;-webkit-box-shadow:inset 0 -0.5px 0 0 var(--stable-light, #f1f1f1);box-shadow:inset 0 -0.5px 0 0 var(--stable-light, #f1f1f1);content:\"\"}:host(.web:not(.layout-01)) .outer-container.feeds .bottom-container{position:initial;-ms-flex-pack:center;justify-content:center;-ms-flex-order:0;order:0;width:100%;min-width:0;height:100%;padding:0 var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem);color:var(--dark, #000000);background:var(--light, #ffffff)}:host(.web:not(.layout-01)) .outer-container.feeds .bottom-container .subheading,:host(.web:not(.layout-01)) .outer-container.feeds .bottom-container .subheading span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--font-size-14, 0.875rem)}:host(.web:not(.layout-01)) .outer-container.feeds .bottom-container .text-wrapper{--max-lines:2;margin-bottom:auto;color:var(--dark, #000000)}:host(.web:not(.layout-01)) .outer-container.feeds .bottom-container .subheading{color:var(--text-color, #807f83)}:host(.courses.horizontal:not(.web)) .outer-container.courses .bottom-container .text-wrapper{overflow:hidden;margin:0 0 var(--spacing-16, 1rem) var(--spacing-16, 1rem);font-size:var(--font-size-16, 1rem)}@supports (display: -webkit-box){:host(.courses.horizontal:not(.web)) .outer-container.courses .bottom-container .text-wrapper{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}:host(.rtl) .outer-container .bottom-container .text-wrapper{text-align:right}:host(.rtl) .outer-container .bottom-container .subheading yoo-tag{margin-right:var(--spacing-04, 0.25rem)}:host(.rtl) .outer-container .bottom-container .subheading yoo-avatar{margin-right:0;margin-left:var(--spacing-08, 0.5rem)}:host([bookmarked]) yoo-icon[name=bookmark]{right:var(--spacing-16, 1rem);background-color:var(--app-color-10, rgba(90, 48, 244, 0.1))}:host([ticked]) yoo-icon[name=tick]{right:var(--spacing-48, 3rem);background-color:var(--success-10, rgba(58, 167, 109, 0.1))}:host([inprogress]) yoo-icon[name=ongoing]{right:var(--spacing-48, 3rem);background-color:var(--info-20, rgba(216, 76, 150, 0.2))}:host([locked]) yoo-icon[name=lock]{right:var(--spacing-16, 1rem)}";
@@ -13,8 +13,10 @@ const YooCardStickyComponent = class {
     registerInstance(this, hostRef);
     this.userClicked = createEvent(this, "userClicked", 7);
     this.outerClicked = createEvent(this, "outerClicked", 7);
-    this.showEllipsis = false;
     this.MAX_LINE_HEIGHT = 54;
+    this.entry = undefined;
+    this.type = undefined;
+    this.showEllipsis = false;
   }
   get title() {
     var _a;

package/dist/esm/yoo-card-template.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, i as createEvent, h, e as Host } from './index-a6a92b3d.js';
+import { r as registerInstance, i as createEvent, h, e as Host } from './index-22891abe.js';
 import { b as isFunction } from './lodash-777f91de.js';
 
 const cardTemplateCss = "svg:not(:root){overflow:hidden}:host(:hover){-webkit-box-shadow:var(--shadow-04, 0 0.75rem 1.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-04, 0 0.75rem 1.5rem 0 rgba(0, 0, 0, 0.1))}:host{position:relative;display:grid;grid-template-rows:6rem 2.88rem 2.88rem 2.115rem;height:13.875rem;overflow:hidden;background:var(--light, #ffffff);border-radius:var(--border-radius-04, 0.25rem);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));cursor:pointer}:host .title{overflow:hidden;margin:var(--spacing-04, 0.25rem) var(--spacing-08, 0.5rem) 0;color:var(--dark, #000000);font-size:var(--font-size-14, 0.875rem)}@supports (display: -webkit-box){:host .title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}:host .description{overflow:hidden;margin:0 var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem);color:var(--text-color, #807f83);font-size:var(--font-size-12, 0.75rem)}@supports (display: -webkit-box){:host .description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}:host .icons{position:absolute;top:var(--spacing-08, 0.5rem);right:var(--spacing-08, 0.5rem)}:host .icons yoo-icon{margin-left:var(--spacing-05);cursor:pointer}:host yoo-img{position:relative}:host yoo-img::after{position:absolute;width:100%;height:100%;background:var(--dark-20, rgba(0, 0, 0, 0.2));content:\"\"}:host .tags{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .tags yoo-tag{margin-left:var(--spacing-08, 0.5rem)}:host(.selected){background-color:var(--app-color-20, rgba(90, 48, 244, 0.2));-webkit-box-shadow:none;box-shadow:none;-webkit-transition:background-color 250ms ease-in;transition:background-color 250ms ease-in}";
@@ -11,6 +11,12 @@ const YooCardTemplateComponent = class {
       event.stopPropagation();
       this.action.emit(action.handler);
     };
+    this.description = undefined;
+    this.heading = undefined;
+    this.image = undefined;
+    this.tags = undefined;
+    this.tagElements = undefined;
+    this.topRightActions = undefined;
   }
   renderTags() {
     return (h("div", { class: "tags" }, this.tags.map((tag) => (h("yoo-tag", { color: "app-color", class: "inverse-color" }, tag)))));

package/dist/esm/yoo-card-video.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import { q as CardVideoView } from './index-847a32fd.js';
-import './index-e08fecc9.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-22891abe.js';
+import { q as CardVideoView } from './index-dac754e1.js';
+import './index-590d30dd.js';
 import { C as CardVideoRatio } from './card-video.interface-5572358c.js';
-import { ad as getClosestImageRatio, t as translate, a8 as getSession } from './index-44691ffd.js';
+import { ad as getClosestImageRatio, t as translate, a8 as getSession } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
 import './_commonjsHelpers-f4d11124.js';
 
@@ -11,18 +11,6 @@ const cardVideoCss = "svg:not(:root){overflow:hidden}:host{--status-bar-height:4
 const YooCardVideoComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /**
-     * Size.
-     */
-    this.size = 'medium';
-    /**
-     * Different view of video card
-     */
-    this.view = CardVideoView.default;
-    /**
-     * State for current orientation of the video
-     */
-    this.orientation = 'landscape';
     /**
      * Width of the video element
      */
@@ -31,6 +19,14 @@ const YooCardVideoComponent = class {
      * Height of the video element
      */
     this.videoHeight = '100%';
+    this.size = 'medium';
+    this.view = CardVideoView.default;
+    this.bottomActions = undefined;
+    this.extraActions = undefined;
+    this.participant = undefined;
+    this.showEmptyPlaceholder = undefined;
+    this.showRedialButton = undefined;
+    this.orientation = 'landscape';
   }
   componentDidLoad() {
     this.onUpdateVideoCard(true);

package/dist/esm/yoo-card.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, i as createEvent, k as getAssetPath, h, g as getElement } from './index-a6a92b3d.js';
+import { r as registerInstance, i as createEvent, k as getAssetPath, h, g as getElement } from './index-22891abe.js';
 
 const cardCss = "svg:not(:root){overflow:hidden}:host{--transform-avatar:none;--display-avatar:inline-flex;--border-initial:0.0625rem solid var(--stable-light, #f1f1f1);--border-color-online:var(--light, #ffffff);--box-shadow:none;--inner-border:none;--image-shadow:unset;--grayed-background:var(--stable-light, #f1f1f1);position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transform:var(--transform-avatar);transform:var(--transform-avatar)}yoo-img{height:100%}.component-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-line-pack:distribute;align-content:space-around;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end;width:100%;height:100%}.component-states-container{position:absolute;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end;width:100%;height:100%}.framing-container{position:relative;z-index:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;overflow:hidden;border:var(--inner-border);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow)}.online-indicator,.offline-indicator{position:absolute;right:0;bottom:0;z-index:2;border:var(--border-width-03, 0.1875rem) solid var(--border-color-online);border-radius:50%}.online-indicator{background-color:var(--success, #3aa76d)}.offline-indicator{background-color:var(--stable-alt, #d0d0d0)}.text-container{position:absolute;top:50%;left:50%;color:var(--text-color, #807f83);font-weight:var(--font-weight-400, 400);white-space:nowrap;text-transform:uppercase;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.notifications-wrapper{position:absolute;top:0rem;right:0rem;z-index:2;-webkit-box-shadow:0 0 0 0.3125rem var(--light, #ffffff);box-shadow:0 0 0 0.3125rem var(--light, #ffffff)}.notifications-wrapper.dot{-webkit-box-shadow:none;box-shadow:none}.notifications-wrapper.long{border-radius:var(--border-radius-16, 1rem)}.notifications-wrapper.short{border-radius:50%}.new-story-indicator{z-index:2;border-color:var(--app-color, #5a30f4);border-style:solid;border-radius:50%;-webkit-box-shadow:0 0 0 var(--spacing-02, 0.125rem) var(--light, #ffffff) inset;box-shadow:0 0 0 var(--spacing-02, 0.125rem) var(--light, #ffffff) inset}.viewed-story-indicator{z-index:2;border-color:var(--stable-alt, #d0d0d0);border-style:solid;border-radius:50%;-webkit-box-shadow:0 0 0 var(--spacing-02, 0.125rem) var(--light, #ffffff) inset;box-shadow:0 0 0 var(--spacing-02, 0.125rem) var(--light, #ffffff) inset}.live-indicator-container{position:absolute;z-index:4;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.live-indicator-container .live-indicator-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;width:2.875rem;height:1rem;color:var(--light, #ffffff);font-size:0.75rem;background-color:var(--danger, #d44333);border:var(--spacing-02, 0.125rem) solid var(--danger, #d44333);border-radius:var(--spacing-04, 0.25rem)}.live-indicator-container .live-indicator-wrapper .live-icon{width:var(--spacing-08, 0.5rem);height:var(--spacing-08, 0.5rem);margin:0 var(--spacing-04, 0.25rem) 0 var(--spacing-04, 0.25rem);background-color:var(--light, #ffffff);border-radius:50%}.recorded-indicator-container{position:absolute;z-index:4;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.recorded-indicator-container .recorded-indicator-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;width:1rem;height:1rem;font-size:var(--font-size-16, 1rem) !important;background-color:var(--danger, #d44333);border:var(--spacing-02, 0.125rem) solid var(--light, #ffffff);border-radius:25%}.vip-indicator{position:absolute;top:-0.3125rem;right:-0.3125rem;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;border:var(--border-width-05, 0.3125rem) solid var(--light, #ffffff);border-radius:50%}.vip-notification{position:absolute}.no-store-image-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;color:var(--stable, #adadad)}.grayed{background-color:var(--grayed-background)}:host([size=extra-small]){width:1rem;height:1rem}:host([size=extra-small]) .counter{font-weight:var(--font-weight-400, 400);font-size:var(--font-size-12, 0.75rem) !important}:host([size=extra-small]) .online-indicator,:host([size=extra-small]) .offline-indicator{width:var(--spacing-02, 0.125rem);height:var(--spacing-02, 0.125rem);border:var(--border-width-01, 0.0625rem) solid var(--border-color-online)}:host([size=extra-small]) .offline-indicator{-webkit-box-shadow:0 0 0 0.01rem var(--stable, #adadad) inset;box-shadow:0 0 0 0.01rem var(--stable, #adadad) inset}:host([size=extra-small]) .text-container{font-size:var(--font-size-12, 0.75rem)}:host([size=extra-small]) .new-story-indicator,:host([size=extra-small]) .viewed-story-indicator{width:0.8125rem;height:0.8125rem;border-width:0.09375rem;-webkit-box-shadow:0 0 0 0.03125rem var(--light, #ffffff) inset;box-shadow:0 0 0 0.03125rem var(--light, #ffffff) inset}:host([size=extra-small]) .no-store-image-container{-ms-flex-pack:center;justify-content:center;width:1rem;height:1rem;font-size:var(--font-size-12, 0.75rem)}:host([size=extra-small]) .vip-indicator{display:none}:host([size=extra-small]) .vip-notification{top:0;width:var(--spacing-02, 0.125rem);height:var(--spacing-02, 0.125rem)}:host([size=extra-small]) .notifications-wrapper.dot{width:var(--spacing-02, 0.125rem);height:var(--spacing-02, 0.125rem)}:host([size=small]){width:1.5rem;height:1.5rem}:host([size=small]) .online-indicator,:host([size=small]) .offline-indicator{width:0.1875rem;height:0.1875rem;border:var(--spacing-02, 0.125rem) solid var(--border-color-online)}:host([size=small]) .offline-indicator{-webkit-box-shadow:0 0 0 0.1rem var(--stable, #adadad) inset;box-shadow:0 0 0 0.1rem var(--stable, #adadad) inset}:host([size=small]) .text-container{font-size:var(--font-size-14, 0.875rem)}:host([size=small]) .new-story-indicator,:host([size=small]) .viewed-story-indicator{width:1.25rem;height:1.25rem;border-width:var(--spacing-02, 0.125rem);-webkit-box-shadow:0 0 0 0.0625rem var(--light, #ffffff) inset;box-shadow:0 0 0 0.0625rem var(--light, #ffffff) inset}:host([size=small]) .no-store-image-container{-ms-flex-pack:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:var(--font-size-14, 0.875rem)}:host([size=small]) .vip-indicator{display:none}:host([size=small]) .vip-notification{top:0;width:var(--spacing-02, 0.125rem);height:var(--spacing-02, 0.125rem)}:host([size=small]) .notifications-wrapper.dot{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host([size=medium]){width:2rem;height:2rem}:host([size=medium]) .online-indicator,:host([size=medium]) .offline-indicator{width:0.375rem;height:0.375rem;border:var(--spacing-02, 0.125rem) solid var(--border-color-online)}:host([size=medium]) .offline-indicator{-webkit-box-shadow:0 0 0 0.1rem var(--stable, #adadad) inset;box-shadow:0 0 0 0.1rem var(--stable, #adadad) inset}:host([size=medium]) .text-container{font-size:var(--font-size-16, 1rem)}:host([size=medium]) .new-story-indicator,:host([size=medium]) .viewed-story-indicator{width:1.8125rem;height:1.8125rem;border-width:0.09375rem;-webkit-box-shadow:0 0 0 0.09375rem var(--light, #ffffff) inset;box-shadow:0 0 0 0.09375rem var(--light, #ffffff) inset}:host([size=medium]) .no-store-image-container{-ms-flex-pack:center;justify-content:center;width:2rem;height:2rem;font-size:var(--font-size-16, 1rem)}:host([size=medium]) .vip-indicator{display:none}:host([size=medium]) .vip-notification{top:0;width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host([size=medium]) .notifications-wrapper.dot{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host([size=large]){width:3rem;height:3rem}:host([size=large]) .online-indicator,:host([size=large]) .offline-indicator{width:var(--spacing-08, 0.5rem);height:var(--spacing-08, 0.5rem)}:host([size=large]) .offline-indicator{-webkit-box-shadow:0 0 0 0.1rem var(--stable, #adadad) inset;box-shadow:0 0 0 0.1rem var(--stable, #adadad) inset}:host([size=large]) .text-container{font-size:var(--font-size-18, 1.125rem)}:host([size=large]) .new-story-indicator,:host([size=large]) .viewed-story-indicator{width:2.75rem;height:2.75rem;border-width:var(--spacing-02, 0.125rem);-webkit-box-shadow:0 0 0 var(--spacing-02, 0.125rem) var(--light, #ffffff) inset;box-shadow:0 0 0 var(--spacing-02, 0.125rem) var(--light, #ffffff) inset}:host([size=large]) .vip-indicator{display:none}:host([size=large]) .notifications-wrapper{height:1.25rem}:host([size=large]) .notifications-wrapper.short{width:1.25rem}:host([size=large]) .live-indicator-container .live-indicator-wrapper{width:2.75rem}:host([size=large]) .recorded-indicator-container{right:0.875rem}:host([size=large]) .no-store-image-container{-ms-flex-pack:center;justify-content:center;width:3rem;height:3rem;font-size:var(--font-size-18, 1.125rem)}:host([size=large]) .vip-notification{top:0.0625rem;width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host([size=large]) .notifications-wrapper.dot{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host([size=extra-large]){width:4rem;height:4rem}:host([size=extra-large]) .online-indicator,:host([size=extra-large]) .offline-indicator{width:0.75rem;height:0.75rem}:host([size=extra-large]) .offline-indicator{-webkit-box-shadow:0 0 0 0.175rem var(--stable, #adadad) inset;box-shadow:0 0 0 0.175rem var(--stable, #adadad) inset}:host([size=extra-large]) .text-container{font-size:var(--font-size-24, 1.5rem)}:host([size=extra-large]) .new-story-indicator,:host([size=extra-large]) .viewed-story-indicator{width:3.75rem;height:3.75rem;border-width:var(--spacing-02, 0.125rem);-webkit-box-shadow:0 0 0 0.1875rem var(--light, #ffffff) inset;box-shadow:0 0 0 0.1875rem var(--light, #ffffff) inset}:host([size=extra-large]) .notifications-wrapper{height:1.5rem}:host([size=extra-large]) .notifications-wrapper.short{width:1.5rem}:host([size=extra-large]) .live-indicator-container{right:0.375rem}:host([size=extra-large]) .recorded-indicator-container{right:1.375rem}:host([size=extra-large]) .vip-notification{top:0.3125rem;width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host([size=extra-large]) .no-store-image-container{-ms-flex-pack:center;justify-content:center;width:4rem;height:4rem;font-size:var(--font-size-24, 1.5rem)}:host([size=extra-extra-large]){width:5rem;height:5rem}:host([size=extra-extra-large]) .online-indicator,:host([size=extra-extra-large]) .offline-indicator{width:var(--spacing-16, 1rem);height:var(--spacing-16, 1rem)}:host([size=extra-extra-large]) .offline-indicator{-webkit-box-shadow:0 0 0 0.175rem var(--stable, #adadad) inset;box-shadow:0 0 0 0.175rem var(--stable, #adadad) inset}:host([size=extra-extra-large]) .text-container{font-size:var(--font-size-32, 2rem)}:host([size=extra-extra-large]) .new-story-indicator,:host([size=extra-extra-large]) .viewed-story-indicator{width:4.75rem;height:4.75rem;border-width:var(--spacing-02, 0.125rem);-webkit-box-shadow:0 0 0 0.1875rem var(--light, #ffffff) inset;box-shadow:0 0 0 0.1875rem var(--light, #ffffff) inset}:host([size=extra-extra-large]) .notifications-wrapper{height:1.5rem}:host([size=extra-extra-large]) .notifications-wrapper.short{width:1.5rem}:host([size=extra-extra-large]) .live-indicator-container{right:0.8125rem}:host([size=extra-extra-large]) .recorded-indicator-container{right:1.875rem}:host([size=extra-extra-large]) .vip-notification{top:0.3125rem;width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host([size=extra-extra-large]) .no-store-image-container{-ms-flex-pack:center;justify-content:center;width:5rem;height:5rem;font-size:var(--font-size-32, 2rem)}:host([frame=circle]) .framing-container{border-radius:50%}:host([frame=circle]) .framing-container yoo-img{--border-radius:50%}:host([frame=square]) .framing-container,:host([frame=transparent-square]) .framing-container{border-radius:0}:host([frame=square]) .framing-container yoo-img,:host([frame=transparent-square]) .framing-container yoo-img{--border-radius:0%}:host([frame=rounded-square]) .framing-container{border-radius:10%}:host([frame=rounded-square]) .framing-container yoo-img{--border-radius:10%}:host(.inline){display:inline-block;margin-right:0.5rem}:host(.readonly){padding:var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) 0}:host(.files-autocomplete) .component-container .framing-container{background-color:transparent}:host(.folder) .component-container .framing-container{background-color:unset !important}:host(.no-indicator-box-shadow) .framing-container{padding:var(--spacing-04, 0.25rem)}:host(.no-indicator-box-shadow) .new-story-indicator,:host(.no-indicator-box-shadow) .viewed-story-indicator,:host(.no-indicator-box-shadow) .framing-container{-webkit-box-shadow:none;box-shadow:none}:host(.rtl) .online-indicator,:host(.rtl) .offline-indicator{right:auto;left:0}:host(.rtl.inline){margin-right:0;margin-left:var(--spacing-08, 0.5rem)}:host{display:block}:host .outer-container{width:100%;border:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);border-radius:2px;-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--stable-light, #f1f1f1);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--stable-light, #f1f1f1)}:host .outer-container .image-container{position:relative;-ms-flex-pack:center;justify-content:center;height:10rem}:host .outer-container .image-container yoo-form-checkbox{position:absolute;top:0.5rem;right:auto;bottom:auto;left:0.5rem}:host .outer-container .image-container yoo-avatar{-ms-flex-item-align:center;align-self:center}:host .outer-container .image-container .image{width:100%;height:100%;background:var(--light, #ffffff)}:host .outer-container .status-container{height:var(--border-width-01, 0.0625rem);background:var(--stable-light, #f1f1f1)}:host .outer-container .content-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-top:0.3rem;padding-right:0.5rem;padding-bottom:0.5rem;padding-left:0.5rem;background:var(--light, #ffffff)}:host .outer-container .content-container .heading-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;color:var(--dark, #000000);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-18, 1.125rem)}:host .outer-container .content-container .heading-container .card-heading{-ms-flex:1;flex:1}:host .outer-container .content-container .subheading-container{color:var(--dark, #000000);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem)}:host .outer-container .content-container .avatar-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end;margin-top:0.5rem;padding-right:0.3rem}:host .outer-container .content-container .avatar-container yoo-avatar{margin-right:0.75rem;margin-left:0.15rem}:host .outer-container .content-container .action-button-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}:host .outer-container .content-container .slot-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;color:var(--dark, #000000);font-size:var(--font-size-16, 1rem)}:host .outer-container .content-container .slot-container .inner-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .outer-container.active{border:var(--border-width-01, 0.0625rem) solid var(--accent, #276ef1);-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--accent, #276ef1);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--accent, #276ef1)}:host.horizontal .outer-container,:host.list-mode .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;max-width:30rem}:host.horizontal .outer-container .status-container,:host.list-mode .outer-container .status-container{width:0.0625em;height:unset}:host.horizontal .outer-container .image-container,:host.list-mode .outer-container .image-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:10rem}:host.horizontal .outer-container .image-container yoo-form-checkbox,:host.list-mode .outer-container .image-container yoo-form-checkbox{position:absolute;top:0.5rem;right:auto;bottom:auto;left:0.5rem}:host.horizontal .outer-container .image-container yoo-avatar,:host.list-mode .outer-container .image-container yoo-avatar{-ms-flex-item-align:center;align-self:center}:host.horizontal .outer-container .content-container,:host.list-mode .outer-container .content-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:20rem;padding:0.5rem}:host.horizontal .outer-container .content-container.center,:host.list-mode .outer-container .content-container.center{-ms-flex-pack:center;justify-content:center}:host.horizontal .outer-container .content-container .slot-container,:host.list-mode .outer-container .content-container .slot-container{-ms-flex-pack:justify;justify-content:space-between}:host.horizontal .outer-container .content-container .slot-container .inner-container,:host.list-mode .outer-container .content-container .slot-container .inner-container{-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}:host(.list-mode) .outer-container{max-width:none}:host(.list-mode) .outer-container .image-container{width:unset}:host(.list-mode) .outer-container .image-container yoo-avatar{-webkit-transform:scale(0.7);transform:scale(0.7)}:host(.list-mode) .outer-container .status-container{display:none}:host(.list-mode) .outer-container .content-container{width:100%}:host(.list-mode) .outer-container .content-container .top-container .heading-container .card-heading{font-weight:var(--font-weight-700, 700)}:host(.list-mode) .outer-container .content-container .top-container .heading-container .date-card{color:var(--dark, #000000);font-size:var(--font-size-16, 1rem)}:host(.active) .outer-container{border:var(--border-width-01, 0.0625rem) solid var(--accent, #276ef1);-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--accent, #276ef1);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--accent, #276ef1)}:host(.hoverable):hover .outer-container{border:var(--border-width-01, 0.0625rem) solid var(--accent, #276ef1);-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--accent, #276ef1);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--accent, #276ef1)}:host(.accent) .outer-container .status-container{background:var(--accent, #276ef1)}:host(.accent) .outer-container.active{border:var(--border-width-01, 0.0625rem) solid var(--accent, #276ef1);-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--accent, #276ef1);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--accent, #276ef1)}:host(.accent).hoverable:hover .outer-container{border:var(--border-width-01, 0.0625rem) solid var(--accent, #276ef1);-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--accent, #276ef1);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--accent, #276ef1)}:host(.dark) .outer-container .status-container{background:var(--dark-40, rgba(0, 0, 0, 0.4))}:host(.dark) .outer-container.active{border:var(--border-width-01, 0.0625rem) solid var(--dark-40, rgba(0, 0, 0, 0.4));-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--dark-40, rgba(0, 0, 0, 0.4));box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--dark-40, rgba(0, 0, 0, 0.4))}:host(.dark).hoverable:hover .outer-container{border:var(--border-width-01, 0.0625rem) solid var(--dark-40, rgba(0, 0, 0, 0.4));-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--dark-40, rgba(0, 0, 0, 0.4));box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--dark-40, rgba(0, 0, 0, 0.4))}:host(.warning) .outer-container .status-container{background:var(--warning, #ed6e33)}:host(.warning) .outer-container.active{border:var(--border-width-01, 0.0625rem) solid var(--warning, #ed6e33);-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--warning, #ed6e33);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--warning, #ed6e33)}:host(.warning).hoverable:hover .outer-container{border:var(--border-width-01, 0.0625rem) solid var(--warning, #ed6e33);-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--warning, #ed6e33);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--warning, #ed6e33)}:host(.success) .outer-container .status-container{background:var(--success, #3aa76d)}:host(.success) .outer-container.active{border:var(--border-width-01, 0.0625rem) solid var(--success, #3aa76d);-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--success, #3aa76d);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--success, #3aa76d)}:host(.success).hoverable:hover .outer-container{border:var(--border-width-01, 0.0625rem) solid var(--success, #3aa76d);-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--success, #3aa76d);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--success, #3aa76d)}:host(.app-color) .outer-container .status-container{background:var(--app-color, #5a30f4)}:host(.app-color) .outer-container.active{border:var(--border-width-01, 0.0625rem) solid var(--app-color, #5a30f4);-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--app-color, #5a30f4);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--app-color, #5a30f4)}:host(.app-color).hoverable:hover .outer-container{border:var(--border-width-01, 0.0625rem) solid var(--app-color, #5a30f4);-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--app-color, #5a30f4);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--app-color, #5a30f4)}:host(.info) .outer-container .status-container{background:var(--info, #d84c96)}:host(.info) .outer-container.active{border:var(--border-width-01, 0.0625rem) solid var(--info, #d84c96);-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--info, #d84c96);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--info, #d84c96)}:host(.info).hoverable:hover .outer-container{border:var(--border-width-01, 0.0625rem) solid var(--info, #d84c96);-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--info, #d84c96);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--info, #d84c96)}:host(.danger) .outer-container .status-container{background:var(--danger, #d44333)}:host(.danger) .outer-container.active{border:var(--border-width-01, 0.0625rem) solid var(--danger, #d44333);-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--danger, #d44333);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--danger, #d44333)}:host(.danger).hoverable:hover .outer-container{border:var(--border-width-01, 0.0625rem) solid var(--danger, #d44333);-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--danger, #d44333);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--danger, #d44333)}:host(.g) .outer-container .status-container{background:var(--g)}:host(.g) .outer-container.active{border:var(--border-width-01, 0.0625rem) solid var(--g);-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--g);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--g)}:host(.g).hoverable:hover .outer-container{border:var(--border-width-01, 0.0625rem) solid var(--g);-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--g);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--g)}:host(.no-status) .outer-container .status-container{height:var(--border-width-01, 0.0625rem);background:var(--stable-light, #f1f1f1)}";
 
@@ -8,13 +8,19 @@ const YooCardComponent = class {
     registerInstance(this, hostRef);
     this.active = createEvent(this, "active", 7);
     this.actionPress = createEvent(this, "actionPress", 7);
+    this.heading = undefined;
+    this.subheadings = undefined;
     this.imgSrc = getAssetPath('./assets/empty-state/empty.svg');
     this.avatarImgs = [];
     this.isActivable = false;
     this.isUserCard = false;
+    this.date = undefined;
     this.avatarShape = 'rectangle';
+    this.actionButtonTitle = undefined;
+    this.animationName = undefined;
     this.hasMenu = false;
     this.isActive = false;
+    this.horizontal = undefined;
   }
   componentWillLoad() {
     this.horizontal = this.host.classList.contains('horizontal');

package/dist/esm/yoo-chart-micro.entry.js

@@ -1,10 +1,13 @@
-import { r as registerInstance, h, g as getElement } from './index-a6a92b3d.js';
+import { r as registerInstance, h, g as getElement } from './index-22891abe.js';
 
 const chartMicroCss = "svg:not(:root){overflow:hidden}:host .container{padding:1rem}:host .container .value{font-weight:var(--font-weight-700, 700);font-size:var(--font-size-28, 1.75rem)}:host .container .title{padding-top:0.5rem;color:var(--text-color, #807f83)}";
 
 const YooChartComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.definition = undefined;
+    this.isFullScreen = undefined;
+    this.config = undefined;
   }
   render() {
     return h("div", { class: "container" }, h("div", { class: "value" }, this.config.value), h("div", { class: "title" }, this.config.title));

package/dist/esm/yoo-chart.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 { r as resizeObserve } from './index-e08fecc9.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-22891abe.js';
+import { r as resizeObserve } from './index-590d30dd.js';
 import { ad as merge } from './lodash-777f91de.js';
 import { a as createCommonjsModule, c as commonjsGlobal } from './_commonjsHelpers-f4d11124.js';
-import { Q as getCssColor, f8 as FileSaver_min, I as debounce, f9 as getMonths, ee as getWeekDays, L as isRTL, t as translate, i as isChromatic, cB as isIonic, aL as dateIsValid, ao as dateFormat } from './index-44691ffd.js';
-import './index-847a32fd.js';
+import { Q as getCssColor, f9 as FileSaver_min, I as debounce, fa as getMonths, ef as getWeekDays, L as isRTL, t as translate, i as isChromatic, cB as isIonic, aL as dateIsValid, ao as dateFormat } from './index-97f4ed07.js';
+import './index-dac754e1.js';
 
 function fixChartCategories(options) {
   var _a;
@@ -2026,6 +2026,13 @@ const YooChartComponent = class {
     this.chartDoubleClick = createEvent(this, "chartDoubleClick", 7);
     this.chartLegendItemClick = createEvent(this, "chartLegendItemClick", 7);
     this.doubleClicker = { clickedOnce: false, timer: null, timeBetweenClicks: 400 };
+    this.definition = undefined;
+    this.isFullScreen = undefined;
+    this.hideIfEmpty = undefined;
+    this.emptyStateHeight = undefined;
+    this.disableResize = undefined;
+    this.disableAnimation = undefined;
+    this.config = undefined;
     YooChartComponent.componentCounter += 1;
   }
   // private resizeListener: any;

package/dist/esm/yoo-chat-message-dialog.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, f as forceUpdate, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
-import { g as getDateFormats } from './chat-helpers-375ef938.js';
-import { w as closeModal, t as translate, au as parseLongIntoDate, ac as getUserDisplayName, ao as dateFormat } from './index-44691ffd.js';
+import { r as registerInstance, f as forceUpdate, h, e as Host, g as getElement } from './index-22891abe.js';
+import './index-590d30dd.js';
+import { g as getDateFormats } from './chat-helpers-203178d1.js';
+import { w as closeModal, t as translate, au as parseLongIntoDate, ac as getUserDisplayName, ao as dateFormat } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
-import './index-847a32fd.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const chatMessageDialogCss = "svg:not(:root){overflow:hidden}:host .outer-container{display:grid;grid-template-rows:auto auto auto 1fr;height:100%}:host .outer-container yoo-header>yoo-navbar>yoo-truncated-line{text-align:center}:host .outer-container section{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 var(--spacing-16, 1rem)}:host .outer-container section.preview{padding:var(--spacing-08, 0.5rem);background:var(--stable-ultralight, #fafafa)}:host .outer-container section.preview .time-title{padding-bottom:var(--spacing-08, 0.5rem);color:var(--stable-alt, #d0d0d0);font-size:var(--font-size-14, 0.875rem);text-align:center}:host .outer-container section.preview yoo-chat-message{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}:host .outer-container section.acknowledgements section{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;margin-top:var(--spacing-16, 1rem);padding:0}:host .outer-container section.acknowledgements section div{display:-ms-flexbox;display:flex;gap:var(--spacing-08, 0.5rem);-ms-flex-align:center;align-items:center}:host .outer-container section.details yoo-ion-slides{--tabs-height:4rem;position:relative;height:calc(100% - var(--tabs-height));-webkit-transition:opacity 0.5s linear;transition:opacity 0.5s linear}:host .outer-container section.details yoo-ion-slides yoo-ion-slide.has-items{-ms-flex-align:baseline;align-items:baseline;overflow:auto}:host .outer-container section.details yoo-ion-slides yoo-ion-slide.has-items ul{width:100%;margin:var(--spacing-08, 0.5rem) 0;padding:0;line-height:2.5;list-style:none}:host .outer-container section.details yoo-ion-slides yoo-ion-slide.has-items ul li{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .outer-container section.details yoo-ion-slides yoo-ion-slide.has-items ul li div{display:-ms-flexbox;display:flex;gap:var(--spacing-16, 1rem);-ms-flex-align:center;align-items:center}:host .outer-container section.details yoo-ion-slides yoo-ion-slide.has-items ul li span{text-align:left}:host .outer-container section.details yoo-ion-slides yoo-ion-slide yoo-empty-state{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);--svg-height:20rem}:host .outer-container section.details yoo-ion-slides yoo-ion-slide yoo-empty-state.rtl{top:50%;right:50%;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}";
@@ -12,6 +12,10 @@ const YooChatMessageDialogComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.heading = 'MESSAGEINFO';
+    this.message = undefined;
+    this.allUsers = undefined;
+    this.isMultiple = undefined;
+    this.receivedByOthers = undefined;
     this.currentTabIndex = 0;
   }
   get chatInfo() {

package/dist/esm/yoo-chat-message-preview.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, i as createEvent, h, e as Host } from './index-a6a92b3d.js';
-import { M as MessageType } from './index-847a32fd.js';
-import './index-e08fecc9.js';
-import { c as convertTags } from './chat-helpers-375ef938.js';
-import { dO as getAudioDuration, cq as replaceAndGetAllLinks, dP as isChatMessageTypeMedia, t as translate, av as pipes, ar as isFile, ac as getUserDisplayName } from './index-44691ffd.js';
+import { r as registerInstance, i as createEvent, h, e as Host } from './index-22891abe.js';
+import { M as MessageType } from './index-dac754e1.js';
+import './index-590d30dd.js';
+import { c as convertTags } from './chat-helpers-203178d1.js';
+import { dO as getAudioDuration, cq as replaceAndGetAllLinks, dP as isChatMessageTypeMedia, t as translate, av as pipes, ar as isFile, ac as getUserDisplayName } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
 import './_commonjsHelpers-f4d11124.js';
 
@@ -15,6 +15,7 @@ const YooChatMessagePreviewComponent = class {
     this.repliedMessageClicked = createEvent(this, "repliedMessageClicked", 7);
     this.animated = true;
     this.mode = 'input-bar';
+    this.message = undefined;
   }
   get isInputBarMode() {
     return this.mode === 'input-bar';

package/dist/esm/yoo-chat-message.entry.js

@@ -1,10 +1,10 @@
-import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import { M as MessageType } from './index-847a32fd.js';
-import './index-e08fecc9.js';
+import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-22891abe.js';
+import { M as MessageType } from './index-dac754e1.js';
+import './index-590d30dd.js';
 import { $ as debounce } from './lodash-777f91de.js';
-import { a as assignPressActions } from './index-1ec1867a.js';
-import { c as convertTags, g as getDateFormats } from './chat-helpers-375ef938.js';
-import { dJ as isDocument, dK as isAudio, ak as isVideo, o as isNativeMobile, am as isImage, dL as isUnsplashUrl, cm as isBase64, d9 as getExtension, a8 as getSession, cq as replaceAndGetAllLinks, dM as getResizedImageSize, N as isIOS, dN as showMessageInfoDialog, t as translate, ar as isFile, aC as isPhotoEdited, ai as isRichContentMessage, cK as isPdf, ao as dateFormat } from './index-44691ffd.js';
+import { a as assignPressActions } from './index-ad66c896.js';
+import { c as convertTags, g as getDateFormats } from './chat-helpers-203178d1.js';
+import { dJ as isDocument, dK as isAudio, ak as isVideo, o as isNativeMobile, am as isImage, dL as isUnsplashUrl, cm as isBase64, d9 as getExtension, a8 as getSession, cq as replaceAndGetAllLinks, dM as getResizedImageSize, N as isIOS, dN as showMessageInfoDialog, t as translate, ar as isFile, aC as isPhotoEdited, ai as isRichContentMessage, cK as isPdf, ao as dateFormat } from './index-97f4ed07.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const chatMessageCss = "svg:not(:root){overflow:hidden}:host{--border-message-content:none;--media-height:100%;--media-width:100vw;--right-messages-text-color:var(--light, #ffffff);--right-messages-background-color:var(--app-color, #5a30f4);--left-messages-text-color:var(--dark, #000000);--left-messages-background-color:var(--stable-light, #f1f1f1);--message-content-width:max-content;display:block;max-width:65%;word-break:break-word}:host #group{display:grid;grid-gap:var(--spacing-04, 0.25rem);grid-template-columns:var(--spacing-40, 2.5rem) calc(100% - 2.5rem)}:host #group .left-column{display:-ms-flexbox;display:flex;-ms-flex-item-align:end;align-self:end;-webkit-transform:translateY(-1.5rem);transform:translateY(-1.5rem)}:host #group .right-column .username{margin-bottom:var(--spacing-04, 0.25rem);color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem);white-space:nowrap;text-align:left;cursor:pointer}:host #group .right-column .message:not(.audio){max-width:var(--message-content-width)}:host .message{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;color:var(--text-color, #807f83);word-wrap:break-word}:host .message:hover yoo-button{z-index:100;opacity:1}:host .message#texturlpreview{width:-webkit-fill-available;width:-moz-available;width:stretch}:host .message.combined>section{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}:host .message.combined .preview{position:relative;padding:var(--spacing-04, 0.25rem);padding-bottom:var(--spacing-02, 0.125rem);border-top-left-radius:var(--border-radius-08, 0.5rem);border-top-right-radius:var(--border-radius-08, 0.5rem)}:host .message.combined .preview yoo-links-preview{border-top-left-radius:var(--border-radius-04, 0.25rem);border-top-right-radius:var(--border-radius-04, 0.25rem)}:host .message.combined .content,:host .message.combined yoo-audio-player{background:transparent;border-top-left-radius:initial;border-top-right-radius:initial;-webkit-box-shadow:none;box-shadow:none}:host .message.combined .content#text[is-between]{padding:var(--spacing-04, 0.25rem) var(--spacing-08, 0.5rem);border-radius:inherit}:host .message.combined .content#text yoo-text{width:100%;text-align:left}:host .message.combined .content yoo-img{padding:var(--spacing-04, 0.25rem);padding-top:var(--spacing-02, 0.125rem)}:host .message.combined .content yoo-tag{right:initial;left:var(--spacing-08, 0.5rem)}:host .message:not(.combined) .content{max-width:var(--message-content-width)}:host .message.document{--message-content-width:100%}:host .message.document .content{width:100%}:host .message.audio{width:100%}:host .message.audio .content{display:contents}:host .message yoo-audio-player{padding:var(--spacing-16, 1rem);background-color:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host .message yoo-button{position:absolute;top:var(--spacing-04, 0.25rem);right:var(--spacing-04, 0.25rem);opacity:0;-webkit-transition:opacity 0.5s ease-in-out;transition:opacity 0.5s ease-in-out}:host .message yoo-avatar{cursor:pointer}:host .message yoo-mention-tag{text-decoration:underline;cursor:pointer}:host .message yoo-form-document{width:100%;--outer-container-padding:0;--card-file-image-content:unset;--card-file-padding:0 var(--spacing-16, 1rem)}:host .message #status{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;margin-top:var(--spacing-04, 0.25rem);font-size:var(--font-size-18, 1.125rem);cursor:pointer}:host .message #status span{color:var(--stable, #adadad);font-size:var(--font-size-12, 0.75rem)}:host .message .content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;border:var(--border-message-content);border-radius:var(--border-radius-08, 0.5rem)}:host .message #medias{position:relative;cursor:pointer}:host .message #medias yoo-tag[icon=pen]{position:absolute;right:var(--spacing-08, 0.5rem);bottom:var(--spacing-08, 0.5rem)}:host .message #medias yoo-img{--border-radius:var(--border-radius-08, 0.5rem);max-width:calc(100% - var(--spacing-08, 0.5rem))}:host .message #medias yoo-videoplayer-core{--poster-size:cover;width:var(--media-width);height:var(--media-height);-o-object-fit:cover;object-fit:cover}:host .message #medias yoo-img,:host .message #medias yoo-videoplayer-core{max-width:100%}:host .message .media-loader-container{position:relative;background:var(--stable-alt, #d0d0d0)}:host yoo-form-checkbox{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}:host .empty{display:none}:host([type*=text]) .content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:var(--border-radius-16, 1rem)}:host([type*=text]) .content yoo-text{-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;padding:var(--spacing-08, 0.5rem);white-space:pre-wrap;overflow-wrap:break-word;pointer-events:initial}:host([type=document]),:host([type=audio]){width:100%}:host([type=document]) .message,:host([type=audio]) .message{width:100%}:host([type=document]) .message.audio .content,:host([type=audio]) .message.audio .content{display:contents}:host([type=document]) .message.combined #medias,:host([type=audio]) .message.combined #medias{width:100%;padding:var(--spacing-04, 0.25rem) var(--spacing-16, 1rem)}:host([first]) #group .right-column .username{display:block}:host([left][first]) .message:not(.combined) .content{border-top-left-radius:var(--spacing-16, 1rem)}:host([left][last]) .message:not(.combined) .content{border-bottom-left-radius:var(--spacing-16, 1rem)}:host([left]) .message.combined #medias{background-color:var(--left-messages-background-color)}:host([left]) .message.combined #medias yoo-audio-player{background-color:var(--left-messages-background-color)}:host([left]) .message #text,:host([left]) .message .preview{color:var(--left-messages-text-color);background-color:var(--left-messages-background-color)}:host([left]) .message.combined yoo-audio-player{--range-active-color:var(--app-color, #5a30f4);--range-trail-color:var(--stable-20, rgba(173, 173, 173, 0.2));--play-icon-color:var(--dark, #000000);--title-color:var(--dark, #000000)}:host([left]) .message:not(.combined) .content{border-top-left-radius:var(--spacing-04, 0.25rem);border-bottom-left-radius:var(--spacing-04, 0.25rem)}:host([right][first]) .message:not(.combined) .content{border-top-right-radius:var(--spacing-16, 1rem)}:host([right][last]) .message:not(.combined) .content{border-bottom-right-radius:var(--spacing-16, 1rem)}:host([right]){-ms-flex-item-align:end;align-self:flex-end;justify-self:end;float:right}:host([right]) .message{float:right}:host([right]) .message.combined #medias{background-color:var(--right-messages-background-color)}:host([right]) .message.combined #medias yoo-audio-player{background-color:var(--right-messages-background-color)}:host([right]) .message #text,:host([right]) .message .preview{color:var(--right-messages-text-color);background-color:var(--right-messages-background-color)}:host([right]) .message.combined yoo-audio-player{--range-active-color:var(--light, #ffffff);--play-icon-color:var(--light, #ffffff);--title-color:var(--light, #ffffff)}:host([right]) .message:not(.combined) .content{-ms-flex-item-align:end;align-self:flex-end;border-top-right-radius:var(--spacing-04, 0.25rem);border-bottom-right-radius:var(--spacing-04, 0.25rem)}:host(.radius) .message .content{border-radius:var(--spacing-16, 1rem) !important}:host(.selected.animated) .message{position:relative;-webkit-transition-delay:0.1s;transition-delay:0.1s;-webkit-transition-timing-function:var(--ease-out-quint), var(--ease-in-out-sine);transition-timing-function:var(--ease-out-quint), var(--ease-in-out-sine);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:color, background-color;transition-property:color, background-color;-webkit-animation-name:scale-up, scale-down;animation-name:scale-up, scale-down;-webkit-animation-duration:0.15s;animation-duration:0.15s;-webkit-animation-timing-function:var(--ease-in-out-sine);animation-timing-function:var(--ease-in-out-sine);-webkit-animation-delay:0.1s, 0.25s;animation-delay:0.1s, 0.25s}@-webkit-keyframes scale-up{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes scale-up{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.05);transform:scale(1.05)}}@-webkit-keyframes scale-down{from{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-down{from{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}:host([animation=loading].animated){--loading-dot-color:var(--text-color, #807f83);--loading-dot-duration:0.6s;--loading-dot-size:0.5rem;--loading-dot-spacing:1rem;--loading-dot-start:0.2s;--loading-dot-step:0.1s;--loading-text-duration:0.3s;--loading-text-start:0.8s}:host([animation=loading].animated) .message{position:relative}:host([animation=loading].animated) .message .dot{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-animation-delay:calc(var(--loading-dot-start) + 1 * var(--loading-dot-step)), calc(calc(var(--loading-dot-start) + 1 * var(--loading-dot-step)) + calc(var(--loading-dot-duration) / 2));animation-delay:calc(var(--loading-dot-start) + 1 * var(--loading-dot-step)), calc(calc(var(--loading-dot-start) + 1 * var(--loading-dot-step)) + calc(var(--loading-dot-duration) / 2))}:host([animation=loading].animated) .message .dot,:host([animation=loading].animated) .message .dot::before,:host([animation=loading].animated) .message .dot::after{width:var(--loading-dot-size);height:var(--loading-dot-size);background:var(--loading-dot-color);border-radius:50%;opacity:0;-webkit-animation-name:fade-in, fade-out;animation-name:fade-in, fade-out;-webkit-animation-duration:calc(var(--loading-dot-duration) / 2);animation-duration:calc(var(--loading-dot-duration) / 2);-webkit-animation-timing-function:var(--ease-in-out-sine);animation-timing-function:var(--ease-in-out-sine)}:host([animation=loading].animated) .message .dot::before,:host([animation=loading].animated) .message .dot::after{position:absolute;top:0;display:inline-block;content:\"\"}:host([animation=loading].animated) .message .dot::before{right:var(--loading-dot-spacing);-webkit-animation-delay:calc(var(--loading-dot-start) + 0 * var(--loading-dot-step)), calc(calc(var(--loading-dot-start) + 0 * var(--loading-dot-step)) + calc(var(--loading-dot-duration) / 2));animation-delay:calc(var(--loading-dot-start) + 0 * var(--loading-dot-step)), calc(calc(var(--loading-dot-start) + 0 * var(--loading-dot-step)) + calc(var(--loading-dot-duration) / 2))}:host([animation=loading].animated) .message .dot::after{left:var(--loading-dot-spacing);-webkit-animation-delay:calc(var(--loading-dot-start) + 2 * var(--loading-dot-step)), calc(calc(var(--loading-dot-start) + 2 * var(--loading-dot-step)) + calc(var(--loading-dot-duration) / 2));animation-delay:calc(var(--loading-dot-start) + 2 * var(--loading-dot-step)), calc(calc(var(--loading-dot-start) + 2 * var(--loading-dot-step)) + calc(var(--loading-dot-duration) / 2))}:host([animation=loading].animated) .message #text{opacity:0;-webkit-animation:fade-in var(--loading-text-duration) var(--ease-in-out-quart) var(--loading-text-start) forwards;animation:fade-in var(--loading-text-duration) var(--ease-in-out-quart) var(--loading-text-start) forwards}@-webkit-keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes fade-out{from{opacity:1}to{opacity:0}}@keyframes fade-out{from{opacity:1}to{opacity:0}}@media screen and (min-width: 1400px){:host(.expanded) .message.combined{max-width:inherit}}";
@@ -19,6 +19,17 @@ const YooChatMessageComponent = class {
     this.usernameClicked = createEvent(this, "usernameClicked", 7);
     this.repliedMessageClicked = createEvent(this, "repliedMessageClicked", 7);
     this.lockAssignPress = false;
+    this.animation = undefined;
+    this.message = undefined;
+    this.isGroup = undefined;
+    this.receivedByOthers = undefined;
+    this.preventDetailView = undefined;
+    this.preventVideoPreloading = undefined;
+    this.allUsers = undefined;
+    this.containerWidth = undefined;
+    this.hasOptions = undefined;
+    this.shouldRender = undefined;
+    this.mediaSize = undefined;
   }
   get isFirst() {
     var _a;