npm - @yoobic/yobi - Versions diffs - 8.7.32 → 8.7.34 - Mend

@yoobic/yobi 8.7.32 → 8.7.34

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1119) hide show

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, h, e as Host, g as getElement } from './index-23b437f1.js';
-import './index-c3bcaec0.js';
-import { j as execHandlerAndStopEvent } from './common-helpers-97d3c675.js';
-import { r as pipes, bc as isImageUrl, as as isImage, aq as isVideo, dJ as isAudio, M as isIOS, d1 as getExtension, fz as getDocumentDownloadOptions, bC as getMedia, eg as getType, fn as getIconName, fo as getIconColor, fy as toPng, co as showActionSheet } from './index-56657403.js';
+import './index-80dd22e6.js';
+import { j as execHandlerAndStopEvent } from './common-helpers-3c17567f.js';
+import { r as pipes, bc as isImageUrl, as as isImage, aq as isVideo, dK as isAudio, M as isIOS, d2 as getExtension, fA as getDocumentDownloadOptions, bC as getMedia, eh as getType, fo as getIconName, fp as getIconColor, fz as toPng, co as showActionSheet } from './index-9d95c89f.js';
 import './lodash-04b11500.js';
-import './index-95d3486f.js';
+import './index-c6cd74b1.js';
 import './_commonjsHelpers-f4d11124.js';
 const cardFileCss = "svg:not(:root){overflow:hidden}:host(.with-more){grid-template-columns:2.5rem calc(100% - 5rem) auto}:host(.with-more) section:nth-of-type(2){display:inline-grid;padding-right:var(--spacing-08, 0.5rem);line-height:1.75;text-align:right}:host(.with-more) section:nth-of-type(2) #name{color:var(--dark, #000000);font-size:var(--font-size-14, 0.875rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.with-more) section:nth-of-type(2) #size{color:var(--stable, #adadad);font-size:var(--font-size-12, 0.75rem)}:host(.with-more) section:last-of-type{display:inline-grid;height:100%;padding-right:var(--spacing-08, 0.5rem);line-height:1.75;text-align:right}:host{display:inline-grid;grid-gap:var(--spacing-08, 0.5rem);grid-template-columns:2.5rem calc(100% - 3rem);-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:var(--spacing-16, 1rem) var(--spacing-08, 0.5rem);background:var(--stable-light, #f1f1f1);border-radius:var(--border-radius-08, 0.5rem);cursor:pointer}:host yoo-icon[name=close]{position:absolute;top:0;right:0;bottom:auto;left:auto}:host yoo-icon[name=more]{display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;margin-left:auto}:host section:first-of-type{border-radius:var(--border-radius-04, 0.25rem)}:host section:first-of-type yoo-icon{margin:0 auto}:host section:first-of-type yoo-img{border-radius:var(--border-radius-04, 0.25rem)}:host section:last-of-type{display:inline-grid;padding-right:var(--spacing-08, 0.5rem);line-height:1.75;text-align:right}:host section:last-of-type #name{color:var(--dark, #000000);font-size:var(--font-size-14, 0.875rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host section:last-of-type #size{color:var(--stable, #adadad);font-size:var(--font-size-12, 0.75rem)}:host([type*=audio]){display:block;padding:var(--spacing-16, 1rem)}:host([type*=audio]) yoo-audio-player{--range-trail-color:var(--stable-20, rgba(173, 173, 173, 0.2))}:host([loading]){height:4.875rem}:host([loading]) div{-webkit-animation:pulseHolderShimmerGray 1s ease-in-out;animation:pulseHolderShimmerGray 1s ease-in-out}@-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))}}:host([loading]) div#ph-icon{width:60%;height:var(--spacing-32, 2rem);margin:0 auto;border-radius:0 var(--border-radius-16, 1rem) 0 0}:host([loading]) section{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-08, 0.5rem);-ms-flex-align:end;align-items:end;height:100%}:host([loading]) section div{height:45%}:host([loading]) section div:first-of-type{width:50%}:host([loading]) section div:last-of-type{width:25%}";

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, h, e as Host, g as getElement } from './index-23b437f1.js';
-import './index-c3bcaec0.js';
-import { ae as translateMulti } from './index-56657403.js';
+import './index-80dd22e6.js';
+import { ae as translateMulti } from './index-9d95c89f.js';
 import './lodash-04b11500.js';
-import './index-95d3486f.js';
+import './index-c6cd74b1.js';
 import './_commonjsHelpers-f4d11124.js';
 const cardImageCss = "svg:not(:root){overflow:hidden}:host{--description-align-items:center;--description-justify-content:center;--description-text-align:center;--description-background:initial;--image-overlay:var(--dark-40, rgba(0, 0, 0, 0.4));--inner-spacing:var(--spacing-16, 1rem);--subtitle-font-size:var(--font-size-12, 0.75rem);--subtitle-font-weight:normal;--subtitle-line-clamp:1;--subtitle-line-height:1.5;--title-font-size:var(--font-size-16, 1rem);--title-font-weight:bold;--title-line-clamp:1;--title-line-height:1.5;--card-body-background:var(--stable, #adadad);position:relative;display:block;height:100%;color:var(--light, #ffffff);background:var(--card-body-background);border-radius:var(--border-radius-08, 0.5rem);cursor:pointer}:host yoo-img,:host .outer-container{border-radius:inherit}:host yoo-img,:host yoo-img::after,:host .description{position:absolute;top:0;right:0;bottom:0;left:0}:host p,:host h1{margin:0}:host p{overflow:hidden;font-weight:var(--subtitle-font-weight);font-size:var(--subtitle-font-size);line-height:var(--subtitle-line-height)}@supports (display: -webkit-box){:host p{display:-webkit-box;-webkit-line-clamp:var(--subtitle-line-clamp);-webkit-box-orient:vertical}}:host h1{overflow:hidden;font-weight:var(--title-font-weight);font-size:var(--title-font-size);line-height:var(--title-line-height)}@supports (display: -webkit-box){:host h1{display:-webkit-box;-webkit-line-clamp:var(--title-line-clamp);-webkit-box-orient:vertical}}:host yoo-badge{position:absolute;top:var(--inner-spacing);right:var(--inner-spacing)}:host yoo-icon{position:absolute;top:var(--inner-spacing);left:var(--inner-spacing)}:host yoo-avatar{position:absolute;top:var(--inner-spacing);left:var(--inner-spacing)}:host yoo-img{background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--dark-10)), color-stop(99%, rgba(0, 0, 0, 0.7)));background-image:linear-gradient(to bottom, var(--dark-10) 50%, rgba(0, 0, 0, 0.7) 99%)}:host yoo-img::after{background:var(--image-overlay);content:\"\"}:host .description{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:var(--description-align-items);align-items:var(--description-align-items);-ms-flex-pack:var(--description-justify-content);justify-content:var(--description-justify-content);margin:var(--inner-spacing);text-align:var(--description-text-align);background:var(--description-background)}:host([heading-position]){background-color:var(--light, #ffffff);-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([heading-position]) yoo-img{height:60%}:host([heading-position]) yoo-icon{left:50%;padding:var(--inner-spacing);background-color:var(--app-color, #5a30f4);border:var(--border-width-04, 0.25rem) solid var(--light, #ffffff);border-radius:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}:host([heading-position]) .description{padding-top:var(--inner-spacing);text-align:center}:host([heading-position]) .description h1{display:block;margin:auto;color:var(--dark, #000000);font-weight:var(--title-font-weigh);font-size:var(--title-font-size);line-height:inherit}:host([heading-position=below]) yoo-img{border-radius:var(--border-radius-08, 0.5rem) var(--border-radius-08, 0.5rem) 0 0}:host([heading-position=below]) yoo-icon{top:60%}:host([heading-position=below]) .description{top:60%}:host(.empty){background:var(--stable-light, #f1f1f1);--description-background:var(--light, #ffffff)}:host(.empty) .description{margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host(.empty) .description h1{margin:var(--inner-spacing)}:host(.empty) yoo-avatar{--grayed-background:transparent;position:relative;left:unset;margin:0 auto}:host([heading-position=above]) yoo-img{top:40%;border-radius:0 0 var(--border-radius-08, 0.5rem) var(--border-radius-08, 0.5rem)}:host([heading-position=above]) yoo-icon{top:40%}:host([heading-position=above]) .description{height:40%}";

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, h, e as Host, g as getElement } from './index-23b437f1.js';
-import './index-c3bcaec0.js';
+import './index-80dd22e6.js';
 import { i as isNil, B as isEmpty } from './lodash-04b11500.js';
-import { cO as isToday, r as pipes, t as translate, ep as isFieldWithNoValue, P as getCssColor, K as isRTL, cP as fromToday } from './index-56657403.js';
-import './index-95d3486f.js';
+import { cO as isToday, r as pipes, t as translate, eq as isFieldWithNoValue, P as getCssColor, K as isRTL, cP as fromToday } from './index-9d95c89f.js';
+import './index-c6cd74b1.js';
 import './_commonjsHelpers-f4d11124.js';
 const cardInboxCss = "svg:not(:root){overflow:hidden}:host .outer-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .outer-container .header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}:host .outer-container .header .unread-state{opacity:1}:host .outer-container .header .unread-state.read{opacity:0}:host .outer-container .header yoo-truncate{-webkit-margin-end:var(--spacing-16, 1rem);margin-inline-end:var(--spacing-16, 1rem);padding-top:var(--spacing-04, 0.25rem)}:host .outer-container .header yoo-truncate.with-margin-bottom{margin-bottom:var(--spacing-08, 0.5rem)}:host .outer-container .header yoo-truncate span{word-break:break-word}:host .outer-container .header .sup{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:end;align-items:flex-end;-webkit-margin-start:auto;margin-inline-start:auto;padding-top:var(--spacing-08, 0.5rem);color:var(--text-color, #807f83);font-size:var(--font-size-12, 0.75rem)}:host .outer-container .header .sup div{display:-ms-flexbox;display:flex;grid-gap:var(--spacing-04, 0.25rem);-ms-flex-align:center;align-items:center}:host .outer-container .header yoo-icon[name=circle1]{height:var(--spacing-32, 2rem);-webkit-margin-end:var(--spacing-04, 0.25rem);margin-inline-end:var(--spacing-04, 0.25rem)}:host .outer-container .content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-margin-start:calc(var(--icon-size-00, 0.75rem) + var(--spacing-04, 0.25rem) + var(--spacing-32, 2rem) + var(--spacing-08, 0.5rem));margin-inline-start:calc(var(--icon-size-00, 0.75rem) + var(--spacing-04, 0.25rem) + var(--spacing-32, 2rem) + var(--spacing-08, 0.5rem))}:host .outer-container .content yoo-progress-bar{--font-size-16:var(--font-size-12, 0.75rem);--progress-bar-color:var(--app-color, #5a30f4);--svg-width:var(--spacing-16, 1rem);margin:0}:host .outer-container .content .tags{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}:host .outer-container .content .tags yoo-tag{-webkit-margin-end:var(--spacing-08, 0.5rem);margin-inline-end:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-08, 0.5rem)}:host .outer-container .content .sub-item-detail{display:grid;grid-gap:var(--spacing-08, 0.5rem);grid-template-columns:1.5rem 1fr;-ms-flex-align:center;align-items:center;width:100%;margin-bottom:var(--spacing-08, 0.5rem);color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .content .note{color:var(--text-color, #807f83);font-size:var(--font-size-12, 0.75rem)}:host .outer-container .highlight{position:absolute;top:calc(var(--spacing-32, 2rem) + var(--spacing-08, 0.5rem));bottom:var(--spacing-08, 0.5rem);left:calc(var(--icon-size-00, 0.75rem) + var(--spacing-04, 0.25rem) + var(--spacing-16, 1rem));width:1px}:host .outer-container yoo-avatar,:host .outer-container yoo-avatars{-webkit-margin-end:var(--spacing-08, 0.5rem);margin-inline-end:var(--spacing-08, 0.5rem)}:host(.pdf) .unread-state{display:none}@media print{:host .outer-container{display:inline-block;width:100%;page-break-inside:avoid}}";

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, h, g as getElement } from './index-23b437f1.js';
-import './index-c3bcaec0.js';
-import { ag as getSession, H as isWeb, ak as getUserDisplayName } from './index-56657403.js';
+import './index-80dd22e6.js';
+import { ag as getSession, H as isWeb, ak as getUserDisplayName } from './index-9d95c89f.js';
 import './lodash-04b11500.js';
-import './index-95d3486f.js';
+import './index-c6cd74b1.js';
 import './_commonjsHelpers-f4d11124.js';
 const cardIncentiveRankCss = "svg:not(:root){overflow:hidden}:host .row{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;height:var(--spacing-48, 3rem);margin-left:var(--spacing-24, 1.5rem);border-bottom:1px solid var(--stable-40, rgba(173, 173, 173, 0.4))}:host .row.web{padding-right:var(--spacing-16, 1rem)}:host .row .pointer{position:absolute;left:-3.5rem;width:3px;height:var(--spacing-48, 3rem);background-color:var(--app-color, #5a30f4);visibility:hidden}:host .row.active{color:var(--app-color, #5a30f4)}:host .row.active .pointer{visibility:visible}:host .row.active .name,:host .row.active .result{color:var(--app-color, #5a30f4)}:host .row .place{width:var(--spacing-24, 1.5rem);margin-left:-2rem;text-align:center}:host .row .avatar{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:50px}:host .row .avatar.winner{width:70px}:host .row .avatar yoo-avatar{margin-left:var(--spacing-04, 0.25rem)}:host .row .name{max-width:70%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .row .name,:host .row .result{color:var(--dark, #000000)}:host .row .result{-ms-flex:1;flex:1;white-space:nowrap;text-align:right}:host .row .progress{-ms-flex:1;flex:1;text-align:right}";

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

@@ -1,10 +1,10 @@
 import { r as registerInstance, h } from './index-23b437f1.js';
-import './index-c3bcaec0.js';
-import { d as dateRangeState } from './common-helpers-97d3c675.js';
+import './index-80dd22e6.js';
+import { d as dateRangeState } from './common-helpers-3c17567f.js';
 import { E as get } from './lodash-04b11500.js';
-import { g as getUserScore, a as getPositionText, b as getProgressText } from './incentive-helpers-35f99cf0.js';
-import { ag as getSession, t as translate } from './index-56657403.js';
-import './index-95d3486f.js';
+import { g as getUserScore, a as getPositionText, b as getProgressText } from './incentive-helpers-69809efd.js';
+import { ag as getSession, t as translate } from './index-9d95c89f.js';
+import './index-c6cd74b1.js';
 import './_commonjsHelpers-f4d11124.js';
 const cardIncentiveCss = "svg:not(:root){overflow:hidden}:host .outer-container{margin-top:var(--spacing-16, 1rem);background-color:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1))}:host .outer-container .image{height:270px;border-top-left-radius:var(--spacing-08, 0.5rem);border-top-right-radius:var(--spacing-08, 0.5rem)}:host .outer-container .inner-container{padding:var(--spacing-16, 1rem)}:host .outer-container .inner-container .title{padding-bottom:var(--spacing-08, 0.5rem);color:var(--dark, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-24, 1.5rem);line-height:var(--font-size-28, 1.75rem)}:host .outer-container .inner-container .description{display:-webkit-box;margin:var(--spacing-04, 0.25rem) 0 var(--spacing-08, 0.5rem) 0;overflow:hidden;font-size:var(--font-size-16, 1rem);line-height:var(--font-size-18, 1.125rem);-webkit-line-clamp:2;-webkit-box-orient:vertical}:host .outer-container .inner-container .types{display:-ms-flexbox;display:flex;font-size:var(--font-size-16, 1rem)}:host .outer-container .inner-container .types>div,:host .outer-container .inner-container .date{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-right:var(--spacing-08, 0.5rem);color:var(--dark, #000000)}:host .outer-container .inner-container .types>div yoo-icon,:host .outer-container .inner-container .date yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .inner-container .date{color:var(--app-color, #5a30f4);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .footer{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:var(--spacing-16, 1rem);font-size:var(--font-size-14, 0.875rem);border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container .footer .position{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--dark, #000000);font-weight:var(--font-weight-700, 700)}:host .outer-container .footer .position yoo-tag{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .footer .progress{-ms-flex:1;flex:1;color:var(--dark, #000000);text-align:right}:host(.no-footer) .footer{display:none}";

package/dist/design-system/yoo-card-kanban.entry.js CHANGED Viewed

@@ -1,10 +1,10 @@
 import { r as registerInstance, h, e as Host, g as getElement } from './index-23b437f1.js';
-import { g as getAppContext } from './common-helpers-97d3c675.js';
-import './index-56657403.js';
-import './index-95d3486f.js';
+import { g as getAppContext } from './common-helpers-3c17567f.js';
+import './index-9d95c89f.js';
+import './index-c6cd74b1.js';
 import './lodash-04b11500.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-c3bcaec0.js';
+import './index-80dd22e6.js';
 const cardKanbanCss = "svg:not(:root){overflow:hidden}:host .outer-container:hover{background-color:var(--dark-10, rgba(0, 0, 0, 0.1));cursor:pointer}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:15.5rem;padding:var(--spacing-08, 0.5rem);line-height:1.9;background-color:var(--light, #ffffff);border-radius:var(--border-radius-04, 0.25rem);-webkit-box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1))}:host .outer-container yoo-icon{padding-right:var(--spacing-04, 0.25rem)}:host .outer-container yoo-truncate{-ms-flex:1;flex:1;color:var(--dark, #000000);line-height:1.65;--max-lines:2}:host .outer-container .row{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .outer-container .row.infos{color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .row.ref{color:var(--text-color, #807f83);font-size:var(--font-size-12, 0.75rem)}:host .outer-container .row.left{-ms-flex:1;flex:1}:host .outer-container .row.left .sub-info{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-right:var(--spacing-08, 0.5rem)}:host .outer-container .row.right{padding-left:var(--spacing-16, 1rem)}";

package/dist/design-system/yoo-card-lesson.entry.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { r as registerInstance, h, e as Host, g as getElement } from './index-23b437f1.js';
-import { k as TLineState } from './index-95d3486f.js';
-import './index-c3bcaec0.js';
-import { g as getAppContext } from './common-helpers-97d3c675.js';
+import { k as TLineState } from './index-c6cd74b1.js';
+import './index-80dd22e6.js';
+import { g as getAppContext } from './common-helpers-3c17567f.js';
 import { E as get } from './lodash-04b11500.js';
-import { f0 as canBeRetried, cC as isContentOnly, ae as translateMulti, t as translate, f1 as isLessonCompleted, f2 as getLessonTypeIcon, H as isWeb } from './index-56657403.js';
+import { f1 as canBeRetried, cC as isContentOnly, ae as translateMulti, t as translate, f2 as isLessonCompleted, f3 as getLessonTypeIcon, H as isWeb } from './index-9d95c89f.js';
 import './_commonjsHelpers-f4d11124.js';
 const cardLessonCss = "svg:not(:root){overflow:hidden}:host{position:relative;display:-ms-flexbox;display:flex;min-height:4.25rem;border-left:transparent solid var(--border-width-04, 0.25rem);cursor:pointer}:host yoo-truncate{--line-height:1.875rem !important;--max-lines:2}:host .info-container{width:100%;padding:var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) var(--spacing-04, 0.25rem) 0;word-break:break-word}:host .info-container .title-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .info-container .title-container .title{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start}:host .info-container .title-container .title yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host .info-container .bottom-info-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding-left:var(--spacing-32, 2rem)}:host .info-container .bottom-info-container .remaining-points-container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center}:host .info-container .bottom-info-container .remaining-points-container yoo-tag{margin-right:var(--spacing-08, 0.5rem)}:host .info-container .bottom-info-container .extra-icon-container{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;padding-bottom:var(--spacing-04, 0.25rem)}:host(.underline) .info-container{border-bottom:0.0625rem solid var(--stable-light, #f1f1f1)}:host(.item-disabled){cursor:default}:host([highlighted]){background-color:var(--app-color-10, rgba(90, 48, 244, 0.1));border-left:var(--app-color, #5a30f4) solid var(--border-width-04, 0.25rem)}:host([state=finished]),:host([state=locked]){color:var(--stable, #adadad)}:host([state=locked]){cursor:default}";

package/dist/design-system/yoo-card-list-collapsible.entry.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-23b437f1.js';
-import './index-c3bcaec0.js';
-import { h as showPhotoEditor, g as getAppContext } from './common-helpers-97d3c675.js';
-import { f3 as mapKpiData, b8 as gsapTo, aC as isCloudinaryLink, y as isFirefox, H as isWeb } from './index-56657403.js';
+import './index-80dd22e6.js';
+import { h as showPhotoEditor, g as getAppContext } from './common-helpers-3c17567f.js';
+import { f4 as mapKpiData, b8 as gsapTo, aC as isCloudinaryLink, y as isFirefox, H as isWeb } from './index-9d95c89f.js';
 import './lodash-04b11500.js';
-import './index-95d3486f.js';
+import './index-c6cd74b1.js';
 import './_commonjsHelpers-f4d11124.js';
 const cardListCollapsibleCss = "svg:not(:root){overflow:hidden}:host{display:block;height:100%;background:var(--card-list-background);cursor:pointer}:host yoo-tag.distance{--padding:0;margin-left:var(--spacing-08, 0.5rem)}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding-bottom:0.25rem;border-bottom:var(--border-bottom-outer-container);-webkit-transition:background-color 0.3s ease, padding 0.3s ease;transition:background-color 0.3s ease, padding 0.3s ease}:host .outer-container .content-container{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:var(--justify-content-content-container);justify-content:var(--justify-content-content-container);-ms-flex-pack:center;justify-content:center;width:100%;margin-right:var(0);margin-left:var(0);overflow:hidden}:host .outer-container .content-container.has-image{margin-left:0}:host .outer-container .content-container .heading-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start;-ms-flex-align:center;align-items:center;margin-bottom:var(--spacing-02, 0.125rem);font-size:var(--font-size-16, 1rem);line-height:1.5}:host .outer-container .content-container .heading-container .margin-right{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .content-container .heading-container yoo-avatars{margin-right:0.125rem}:host .outer-container .content-container .heading-container .card-heading{-ms-flex:1;flex:1;min-width:0;color:var(--dark, #000000)}:host .outer-container .content-container .heading-container .card-heading .heading-title{display:-webkit-box;max-height:calc((var(--font-size-16, 1rem) + 0.125rem) * 2);overflow:hidden;line-height:calc(var(--font-size-16, 1rem) + 0.125rem);text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}:host .outer-container .content-container .heading-container .card-heading .heading-title span{display:block;overflow:hidden;text-overflow:ellipsis}:host .outer-container .content-container .heading-container .card-heading .heading-circle{display:inline-block;width:0.5rem;height:0.5rem;margin-right:0.2rem;border-radius:50%}:host .outer-container .content-container .heading-container .card-heading *{-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0}:host .outer-container .content-container .heading-container .card-heading .ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .outer-container .content-container .subheading-container{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:var(--spacing-02, 0.125rem);color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .content-container .subheading-container html,:host .outer-container .content-container .subheading-container body,:host .outer-container .content-container .subheading-container div:not([class^=fr-]),:host .outer-container .content-container .subheading-container span:not([class^=fr-]),:host .outer-container .content-container .subheading-container img:not([class^=fr-]),:host .outer-container .content-container .subheading-container applet,:host .outer-container .content-container .subheading-container object,:host .outer-container .content-container .subheading-container iframe,:host .outer-container .content-container .subheading-container h1,:host .outer-container .content-container .subheading-container h2,:host .outer-container .content-container .subheading-container h3,:host .outer-container .content-container .subheading-container h4,:host .outer-container .content-container .subheading-container h5,:host .outer-container .content-container .subheading-container h6,:host .outer-container .content-container .subheading-container p,:host .outer-container .content-container .subheading-container blockquote,:host .outer-container .content-container .subheading-container pre,:host .outer-container .content-container .subheading-container a,:host .outer-container .content-container .subheading-container abbr,:host .outer-container .content-container .subheading-container acronym,:host .outer-container .content-container .subheading-container address,:host .outer-container .content-container .subheading-container big,:host .outer-container .content-container .subheading-container cite,:host .outer-container .content-container .subheading-container code,:host .outer-container .content-container .subheading-container del,:host .outer-container .content-container .subheading-container dfn,:host .outer-container .content-container .subheading-container em,:host .outer-container .content-container .subheading-container font,:host .outer-container .content-container .subheading-container ins,:host .outer-container .content-container .subheading-container kbd,:host .outer-container .content-container .subheading-container q,:host .outer-container .content-container .subheading-container s,:host .outer-container .content-container .subheading-container samp,:host .outer-container .content-container .subheading-container small,:host .outer-container .content-container .subheading-container strike,:host .outer-container .content-container .subheading-container strong,:host .outer-container .content-container .subheading-container sub,:host .outer-container .content-container .subheading-container sup,:host .outer-container .content-container .subheading-container tt,:host .outer-container .content-container .subheading-container var,:host .outer-container .content-container .subheading-container dl,:host .outer-container .content-container .subheading-container dt,:host .outer-container .content-container .subheading-container dd,:host .outer-container .content-container .subheading-container ol,:host .outer-container .content-container .subheading-container ul,:host .outer-container .content-container .subheading-container li,:host .outer-container .content-container .subheading-container fieldset,:host .outer-container .content-container .subheading-container form,:host .outer-container .content-container .subheading-container label,:host .outer-container .content-container .subheading-container legend,:host .outer-container .content-container .subheading-container table,:host .outer-container .content-container .subheading-container caption,:host .outer-container .content-container .subheading-container tbody,:host .outer-container .content-container .subheading-container tfoot,:host .outer-container .content-container .subheading-container thead,:host .outer-container .content-container .subheading-container tr,:host .outer-container .content-container .subheading-container 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 .content-container .subheading-container .text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}: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;-ms-flex-pack:justify;justify-content:space-between;color:var(--text-color, #807f83);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;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}:host(.firefox) .content-container{margin-bottom:0}:host(.web):not(.framed) .outer-container{padding-top:1rem;padding-bottom:1rem;background-color:transparent}:host(.web) .outer-container .card-list-image-container.large{min-width:3.875rem}:host(.web) .outer-container .card-list-image-container.medium{min-width:2.875rem}:host(.web) .outer-container .card-list-image-container.small{min-width:2.375rem}:host(.web) .outer-container .content-container .top-container .badges-container.show-more{position:relative;overflow:visible}:host(.web) .outer-container .content-container .top-container .badges-container.show-more .more-button{position:absolute;top:0;right:0;bottom:auto;left:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;width:2rem;height:1.125rem;font-size:var(--font-size-18, 1.125rem)}:host(.web) .outer-container .content-container .top-container .badges-container.show-more .more-button yoo-icon{padding-right:var(--spacing-08, 0.5rem);color:var(--dark, #000000)}:host(.locations) .outer-container .content-container .top-container .heading-container .date-card-text{padding-right:var(--spacing-16, 1rem)}:host(.locations.map) .outer-container{-ms-flex-align:center;align-items:center;background:var(--light, #ffffff)}:host(.collapsible) .outer-container,:host(.locations.no-kpi:not(.framed)) .outer-container{-ms-flex-align:start;align-items:flex-start;width:auto;border-bottom:none;border-radius:var(--border-radius-08, 0.5rem)}:host(.collapsible) .outer-container .content-container,:host(.locations.no-kpi:not(.framed)) .outer-container .content-container{margin:0.5rem 0 0;border:none}:host(.collapsible) .outer-container .content-container .top-container .heading-container,:host(.locations.no-kpi:not(.framed)) .outer-container .content-container .top-container .heading-container{-ms-flex-pack:justify;justify-content:space-between;padding-top:0 !important;padding-right:var(--spacing-08, 0.5rem)}:host(.collapsible) .outer-container .content-container .top-container .subheading-container,:host(.locations.no-kpi:not(.framed)) .outer-container .content-container .top-container .subheading-container{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.collapsible) .outer-container .content-container{margin-top:0}:host(.locations.no-kpi.map) .outer-container{-ms-flex-align:start;align-items:flex-start;max-width:18.75rem}:host(.locations.no-kpi:not(.framed)) yoo-tag.distance{margin-right:0.75rem}:host(.web.framed) .outer-container .content-container .top-container .heading-container{font-size:var(--font-size-16, 1rem)}:host(.android) .outer-container .content-container .top-container .heading-container .heading-title{display:-webkit-box;max-height:calc((var(--font-size-18, 1.125rem) + 0.25rem) * 2);overflow:hidden;line-height:calc(var(--font-size-18, 1.125rem) + 0.125rem);text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}:host{--border-bottom-outer-container:var(--border-radius-01, 0.0625rem) solid var(--stable-alt-40, rgba(208, 208, 208, 0.4));--card-list-background:none;--justify-content-content-container:center}:host yoo-kpi-card{--grid-auto-flow:inherit;--grid-template-columns:repeat(4, minmax(0, 1fr));--value-font-size:var(--font-size-14, 0.875rem);--value-font-weight:var(--font-weight-400, 400);--value-margin:var(--spacing-04, 0.25rem) 0 0;--value-title-color:var(--text-color, #807f83);--value-title-font-size:var(--font-size-12, 0.75rem);--variation-font-size:var(--font-size-12, 0.75rem);margin-top:var(--spacing-08, 0.5rem)}:host .outer-container .content-container{padding-top:var(--spacing-04, 0.25rem)}:host .outer-container .content-container .heading-container .card-heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .outer-container .content-container .heading-container .collapse-container{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;height:1.375rem;color:var(--dark, #000000);font-size:var(--font-size-14, 0.875rem)}:host .kpi-containers{height:0}:host(.vip) .outer-container{padding:var(--spacing-04, 0.25rem) 0}:host(.vip) .outer-container .subheading-container{line-height:1.75}:host(.vip) .outer-container .subheading-container yoo-tag{margin-right:var(--spacing-08, 0.5rem)}:host(.locations.collapsible){margin-right:var(--spacing-08, 0.5rem)}:host(.locations.collapsible) .outer-container{padding:var(--spacing-04, 0.25rem) 0}:host(.locations.collapsible) .outer-container .heading-container{padding-right:var(--spacing-08, 0.5rem)}:host(.locations.web) .outer-container{padding:0;border-radius:var(--border-radius-16, 1rem)}:host(.locations.web) .outer-container .top-container{padding-right:var(--spacing-16, 1rem)}:host(.locations.web.collapsible) .outer-container{background-color:var(--light, #ffffff)}:host(.locations.web.collapsible) .outer-container .content-container .top-container .heading-container{font-size:var(--font-size-16, 1rem)}:host(.locations.web.collapsible) .outer-container .content-container .top-container .subheading-container{font-size:var(--font-size-14, 0.875rem)}:host(.open) .outer-container{border-radius:var(--border-radius-08, 0.5rem) var(--border-radius-08, 0.5rem) 0 0}:host(.open) .outer-container .content-container{width:100%;border:none}:host(.open) .kpi-containers{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;height:auto;padding-top:0;border-radius:0 0 var(--border-radius-08, 0.5rem) var(--border-radius-08, 0.5rem)}@media only screen and (min-width: 415px){:host(.open) .kpi-containers .kpi-container{-ms-flex-preferred-size:16%;flex-basis:16%}:host(.open) .kpi-containers .kpi-container.chromatic{-ms-flex-preferred-size:33%;flex-basis:33%}:host(.open) .kpi-containers div.separator:nth-child(12n){display:none}}@media only screen and (min-width: 321px) and (max-width: 414px){:host(.open) .kpi-containers .kpi-container{-ms-flex-preferred-size:33%;flex-basis:33%}:host(.open) .kpi-containers div.separator:nth-child(6n){display:none}}@media only screen and (max-width: 320px){:host(.open) .kpi-containers div.separator:nth-child(4n){display:none}:host(.open) .kpi-containers .kpi-container{-ms-flex-preferred-size:49%;flex-basis:49%}}:host(.locations.map.collapsed) .outer-container,:host(.locations.map.no-kpi) .outer-container{border-radius:3.1875rem}:host(.locations.map.collapsed) .outer-container .subheading-container:first-child,:host(.locations.map.no-kpi) .outer-container .subheading-container:first-child{max-width:60%}:host(.locations.map.collapsed) .outer-container .subheading-container:last-child,:host(.locations.map.no-kpi) .outer-container .subheading-container:last-child{max-width:90%}:host(.locations.map.collapsed) .outer-container{height:var(--spacing-64, 4rem);padding:0 var(--spacing-08, 0.5rem)}:host(.locations.map.collapsed) .outer-container .content-container{padding-top:0}:host(.locations.map.collapsed) .outer-container .content-container .top-container .heading-container{margin-bottom:var(--spacing-04, 0.25rem)}:host(.locations.map.collapsed) .outer-container .content-container .top-container .subheading-container{color:var(--stable, #adadad)}:host(.locations.map.open) .outer-container{border-radius:var(--border-radius-08, 0.5rem) var(--border-radius-08, 0.5rem) 0 0}:host(.locations.map.open) .outer-container .subheading-container{padding-right:var(--spacing-08, 0.5rem)}:host(.locations.map.open) .kpi-containers{margin:0;padding:var(--spacing-08, 0.5rem) 0;background:var(--light, #ffffff);border-radius:0 0 var(--border-radius-08, 0.5rem) var(--border-radius-08, 0.5rem)}";

package/dist/design-system/yoo-card-list-color.entry.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { h, r as registerInstance, e as Host, g as getElement } from './index-23b437f1.js';
-import './index-c3bcaec0.js';
+import './index-80dd22e6.js';
 import { d as isFinite } from './lodash-04b11500.js';
-import { ae as translateMulti, t as translate, H as isWeb } from './index-56657403.js';
-import './index-95d3486f.js';
+import { ae as translateMulti, t as translate, H as isWeb } from './index-9d95c89f.js';
+import './index-c6cd74b1.js';
 import './_commonjsHelpers-f4d11124.js';
 const cardListColorCss = "svg:not(:root){overflow:hidden}:host([dir=ltr]) .icon-container.left{margin-right:var(--card-items-spacing)}:host([dir=ltr]) .icon-container.right{margin-left:var(--card-items-spacing)}:host([dir=ltr]) .outer-container .body .tags-container yoo-tag,:host([dir=ltr]) .outer-container .footer .tags-container yoo-tag{margin-right:var(--card-items-spacing)}:host([dir=ltr]) .outer-container .header .tags-container yoo-tag{margin-left:var(--card-items-spacing)}:host([dir=ltr]) .outer-container .image-container{right:0}:host([dir=rtl]) .icon-container.left{margin-left:var(--card-items-spacing)}:host([dir=rtl]) .icon-container.right{margin-right:var(--card-items-spacing)}:host([dir=rtl]) .outer-container .body .tags-container yoo-tag,:host([dir=rtl]) .outer-container .footer .tags-container yoo-tag{margin-left:var(--card-items-spacing)}:host([dir=rtl]) .outer-container .header .tags-container yoo-tag{margin-right:var(--card-items-spacing)}:host([dir=rtl]) .outer-container .image-container{left:0}:host{--card-items-spacing:var(--spacing-08, 0.5rem);--flex-direction:row;--align-items:normal;--justify-content:start;--min-height:3rem;--card-background:var(--light, #ffffff);--card-border-radius:var(--border-radius-08, 0.5rem);--card-border:none;--card-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));--title-padding-top:0;--title-margin-bottom:var(--spacing-16, 1rem);--header-display:grid;--heading-right-icon-placement:0;--top-padding:0;--heading-font-weight:var(--card-heading-font-weight, normal);--heading-font-size:var(--card-heading-font-size, var(--font-size-16, 1rem));--heading-margin:0;--heading-line-clamp:2;--subheading-line-clamp:2;--subheading-description-line-clamp:3;--tags-container-placement-order:0;--body-tags-visibility:none}:host p{margin:0}:host .body .heading p{margin:var(--heading-margin)}:host yoo-tooltip{height:100%}:host yoo-icon:not([color]){fill:inherit}:host .tags-placeholder{display:var(--body-tags-visibility)}:host .outer-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:var(--justify-content);justify-content:var(--justify-content);min-height:var(--min-height);margin-bottom:var(--title-margin-bottom);padding:var(--top-padding) var(--spacing-16, 1rem) var(--top-padding);color:var(--dark, #000000);background:var(--card-background);border:var(--card-border);border-radius:var(--card-border-radius);-webkit-box-shadow:var(--card-shadow);box-shadow:var(--card-shadow);cursor:pointer}:host .outer-container .heading{-ms-flex:1;flex:1}:host .outer-container .heading{overflow:hidden;font-weight:var(--heading-font-weight);font-size:var(--heading-font-size);text-align:start}@supports (display: -webkit-box){:host .outer-container .heading{display:-webkit-box;-webkit-line-clamp:var(--heading-line-clamp);-webkit-box-orient:vertical}}:host .outer-container .header{display:-ms-flexbox;display:flex;-ms-flex-direction:var(--flex-direction);flex-direction:var(--flex-direction);-ms-flex-align:var(--align-items);align-items:var(--align-items);background:var(--heading-bg-color)}:host .outer-container .header .tags-container{-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-order:var(--tags-container-placement-order);order:var(--tags-container-placement-order)}:host .outer-container .header .icon-container.right{-ms-flex-order:var(--heading-right-icon-placement);order:var(--heading-right-icon-placement)}:host .outer-container .body .tags-container{display:var(--body-tags-visibility)}:host .outer-container .progress-container{padding-bottom:var(--spacing-04, 0.25rem)}:host .outer-container .progress-container yoo-progress-bar{--progress-bar-color:var(--success, #3aa76d);--progress-value-color:var(--success, #3aa76d)}:host .outer-container .subheading{overflow:hidden;padding-top:var(--title-padding-top);color:var(--dark, #000000);text-align:start}@supports (display: -webkit-box){:host .outer-container .subheading{display:-webkit-box;-webkit-line-clamp:var(--subheading-line-clamp);-webkit-box-orient:vertical}}:host .outer-container .subheading-description{overflow:hidden;color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem);text-align:start}@supports (display: -webkit-box){:host .outer-container .subheading-description{display:-webkit-box;-webkit-line-clamp:var(--subheading-description-line-clamp);-webkit-box-orient:vertical}}:host .outer-container .subheading-description .flex{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:center;align-items:center}:host .outer-container .image-container{position:absolute;bottom:0;height:var(--img-height);margin:var(--spacing-16, 1rem)}:host .outer-container .image-container yoo-img{height:100%}:host .outer-container .tags-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:var(--spacing-04, 0.25rem);padding-bottom:var(--spacing-04, 0.25rem);overflow:hidden;line-height:0.9372rem;row-gap:var(--spacing-04, 0.25rem)}:host .outer-container .tags-container .hashtag{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-right:0.4375rem;color:var(--text-color, #807f83);font-size:var(--font-size-12, 0.75rem);-webkit-transform:translateY(0.125rem);transform:translateY(0.125rem)}:host .outer-container .tags-container .card-icon{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;margin-top:var(--spacing-04, 0.25rem);margin-right:var(--card-items-spacing)}:host .outer-container .tags-container .card-icon yoo-icon{margin-right:0.4375rem}:host .outer-container yoo-badge{position:absolute;top:var(--spacing-12, 0.75rem)}:host.last-of-row .outer-container{width:0.0625rem;padding:0;visibility:hidden}:host(.horizontal){--min-height:4.5rem}:host(.horizontal) .outer-container{width:100%;max-width:10.5rem;margin-bottom:0}:host(.horizontal.list) .outer-container{-ms-flex-pack:start;justify-content:start}:host(.horizontal[size=small]){--heading-line-clamp:2;--min-height:3rem}:host(.horizontal[size=small]) .outer-container{width:9rem;max-width:9rem;padding:var(--card-items-spacing)}:host(.horizontal[size=small]) .outer-container .tags-container,:host(.horizontal[size=small]) .outer-container .subheading-description{display:none}:host(.horizontal[size=small]) .outer-container .heading{font-weight:normal;font-size:var(--font-size-14, 0.875rem);background:var(--heading-bg-color)}:host(.framed.missiondescriptions) .outer-container .tags-container,:host(.framed.missiondescriptions) .outer-container .subheading-description{display:none}:host(.horizontal[size=medium]) .outer-container .heading{font-weight:normal;font-size:var(--font-size-16, 1rem);background:var(--heading-bg-color)}:host(:not(.horizontal)) .outer-container{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%}:host(:not(.horizontal):not(.cell):not(.framed)) .body .tags-container{display:block}:host(.framed) .outer-container{--border-color:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);margin-bottom:0;-webkit-box-shadow:none;box-shadow:none}:host(.framed) .outer-container .heading{background:var(--heading-bg-color)}@media (max-width: 370px){:host(.framed) .outer-container .heading p{overflow:hidden}@supports (display: -webkit-box){:host(.framed) .outer-container .heading p{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}}}:host(.cell:not(.has-image)){--border-color:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.cell:not(.has-image)) .outer-container .header{display:var(--header-display);grid-template-columns:minmax(0, 1fr) auto;gap:var(--card-items-spacing);background:var(--heading-bg-color)}:host(.cell:not(.has-image)) .outer-container .header .heading{grid-column-start:1;grid-column-end:3}:host(.cell:not(.has-image)) .outer-container .header .icon-container.right{grid-row:1;grid-column:2}:host(.cell:not(.has-image)) .outer-container .header [class^=icon]{margin:0}:host(.has-image){--min-height:15rem}:host(.has-image) .outer-container{position:relative;-webkit-box-shadow:none;box-shadow:none}:host(.has-image) .outer-container .heading{font-size:var(--font-size-24, 1.5rem)}:host(.has-image) .outer-container .tags-container{padding:0}:host(.has-image) .outer-container .tags-container .card-icon{margin-left:var(--card-items-spacing)}:host(.has-image) .outer-container main .heading{font-weight:bold;font-size:var(--font-size-18, 1.125rem)}:host(.has-image) .outer-container .subheading{color:var(--text-color, #807f83)}:host(.has-image) .outer-container .subheading-description{width:50%}:host(.list:not(.cell)) .outer-container{margin:0;padding:var(--spacing-16, 1rem);border:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);-webkit-box-shadow:none;box-shadow:none}:host(.list:not(.cell)) .outer-container .header .icon-container.right{-ms-flex-order:1;order:1}:host(.horizontal.list:not(.cell)) .outer-container{padding:var(--spacing-08, 0.5rem)}";

package/dist/design-system/yoo-card-list-simple.entry.js CHANGED Viewed

@@ -1,10 +1,10 @@
 import { r as registerInstance, h, e as Host, g as getElement } from './index-23b437f1.js';
-import './index-c3bcaec0.js';
+import './index-80dd22e6.js';
 import { t as toggleElementTapped } from './card-list-helpers-e99bc2d3.js';
-import { g as getAppContext } from './common-helpers-97d3c675.js';
-import { H as isWeb } from './index-56657403.js';
+import { g as getAppContext } from './common-helpers-3c17567f.js';
+import { H as isWeb } from './index-9d95c89f.js';
 import './lodash-04b11500.js';
-import './index-95d3486f.js';
+import './index-c6cd74b1.js';
 import './_commonjsHelpers-f4d11124.js';
 const cardListSimpleCss = "svg:not(:root){overflow:hidden}:host{--border-bottom-outer-container:var(--border-width-01, 0.0625rem) solid var(--stable-alt-40, rgba(208, 208, 208, 0.4));--inner-text-color:var(--dark, #000000);display:block;height:100%}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%;min-height:44px;padding:var(--spacing-08, 0.5rem) 0;border-bottom:var(--border-bottom-outer-container);-webkit-transition:background-color 0.3s ease, padding 0.3s ease;transition:background-color 0.3s ease, padding 0.3s ease}:host .outer-container.tapped{background-color:var(--stable-light, #f1f1f1);-webkit-transition:background-color 0.3s ease;transition:background-color 0.3s ease}:host .outer-container .text{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-width:0px;color:var(--inner-text-color);font-size:var(--font-size-18, 1.125rem);line-height:1.5;word-break:break-word}:host .outer-container .text *{-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0}:host .outer-container .text .subheading{color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .image-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-margin-end:var(--spacing-08, 0.5rem);margin-inline-end:var(--spacing-08, 0.5rem);padding:0}:host .outer-container .image-container .flag-container{width:100%;height:100%}:host(.grid-cell){height:initial}:host(.language) .outer-container{-ms-flex-align:center;align-items:center}:host(.language) .outer-container .image-container{width:1.5rem;height:1.5rem;overflow:hidden;font-size:var(--font-size-36, 2.25rem);border-radius:var(--border-radius-16, 1rem)}:host(.language) .outer-container .text{font-size:var(--font-size-16, 1rem)}:host(.selected-content) .outer-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:auto;padding:0}:host(.selected-content) .outer-container .text{font-size:var(--font-size-16, 1rem)}:host(.selected-content) .outer-container .text .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.form-choice) .outer-container{padding:0}:host(.form-choice) .outer-container .text{padding-top:0;white-space:normal;word-break:break-word}:host(.form-choice) .outer-container .text .heading{margin:var(--spacing-16, 1rem) 0}:host(.selection-mode.mobile) .outer-container .text{-webkit-margin-end:var(--spacing-32, 2rem);margin-inline-end:var(--spacing-32, 2rem)}:host(.web) .outer-container{min-height:auto;background:transparent}:host(.web) .outer-container .text{font-size:var(--font-size-16, 1rem)}:host(.web) .outer-container .subheading{font-size:var(--font-size-14, 0.875rem)}:host(.small.selected-content) .outer-container .text{font-size:var(--font-size-12, 0.75rem)}:host(.medium.selected-content) .outer-container .text{font-size:var(--font-size-14, 0.875rem)}:host(.large.selected-content) .outer-container .text{font-size:var(--font-size-16, 1rem)}:host(.small.autocomplete-selection-mode) .outer-container .text{font-size:var(--font-size-14, 0.875rem)}:host(.medium.autocompelte-selection-mode) .outer-container .text .heading{font-size:var(--font-size-16, 1rem)}:host(.medium.autocompelte-selection-mode) .outer-container .text .subheading-container .subheading{font-size:var(--font-size-14, 0.875rem)}:host(.no-border-bottom.mobile) .outer-container{border-bottom:none}:host(.groups.web) .outer-container .text .subheading-container{display:-ms-flexbox;display:flex}:host(.groups.web) .outer-container .text .subheading-container .subheading{padding-right:var(--spacing-16, 1rem)}:host(.products.outofstock){opacity:0.5}:host(.autocomplete) .outer-container .image-container .play{position:absolute}:host(.web.pages) .outer-container{border-bottom:none}:host(.mobile.autocomplete-selection-mode) .outer-container{border-bottom:none}:host(.outofstock),:host(.hidden){opacity:0.5}:host(.route){background:var(--light, #ffffff);cursor:not-allowed !important}:host(.widgets) .outer-container .text .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}";

package/dist/design-system/yoo-card-list.entry.js CHANGED Viewed

@@ -1,10 +1,10 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-23b437f1.js';
-import './index-c3bcaec0.js';
+import './index-80dd22e6.js';
 import { t as toggleElementTapped } from './card-list-helpers-e99bc2d3.js';
-import { h as showPhotoEditor, r as removeHtmlFromString, j as execHandlerAndStopEvent, g as getAppContext } from './common-helpers-97d3c675.js';
+import { h as showPhotoEditor, r as removeHtmlFromString, j as execHandlerAndStopEvent, g as getAppContext } from './common-helpers-3c17567f.js';
 import { e as compact, B as isEmpty, r as isString, b as isNumber, i as isNil, f as isEqual } from './lodash-04b11500.js';
-import { as as isImage, aq as isVideo, at as downloadFile, t as translate, H as isWeb, ae as translateMulti, ax as replaceAllLinks, aC as isCloudinaryLink, dK as isUnsplashUrl, ag as getSession, aE as parseMarkDown, Z as Cloudinary, ep as isFieldWithNoValue, y as isFirefox } from './index-56657403.js';
-import './index-95d3486f.js';
+import { as as isImage, aq as isVideo, at as downloadFile, t as translate, H as isWeb, ae as translateMulti, ax as replaceAllLinks, aC as isCloudinaryLink, dL as isUnsplashUrl, ag as getSession, aE as parseMarkDown, Z as Cloudinary, eq as isFieldWithNoValue, y as isFirefox } from './index-9d95c89f.js';
+import './index-c6cd74b1.js';
 import './_commonjsHelpers-f4d11124.js';
 const cardListCss = "svg:not(:root){overflow:hidden}.bg-accent{background-color:var(--accent, #276ef1) !important}.accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}.bg-app-color{background-color:var(--app-color, #5a30f4) !important}.app-color{color:var(--app-color, #5a30f4);fill:var(--app-color, #5a30f4)}.bg-danger{background-color:var(--danger, #d44333) !important}.danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}.bg-dark{background-color:var(--dark, #000000) !important}.dark{color:var(--dark, #000000);fill:var(--dark, #000000)}.bg-energized{background-color:var(--energized, #ffc043) !important}.energized{color:var(--energized, #ffc043);fill:var(--energized, #ffc043)}.bg-info{background-color:var(--info, #d84c96) !important}.info{color:var(--info, #d84c96);fill:var(--info, #d84c96)}.bg-light{background-color:var(--light, #ffffff) !important}.light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}.bg-stable{background-color:var(--stable, #adadad) !important}.stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}.bg-stable-alt{background-color:var(--stable-alt, #d0d0d0) !important}.stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}.bg-stable-light{background-color:var(--stable-light, #f1f1f1) !important}.stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}.bg-stable-ultralight{background-color:var(--stable-ultralight, #fafafa) !important}.stable-ultralight{color:var(--stable-ultralight, #fafafa);fill:var(--stable-ultralight, #fafafa)}.bg-success{background-color:var(--success, #3aa76d) !important}.success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}.bg-text-color{background-color:var(--text-color, #807f83) !important}.text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}.bg-warning{background-color:var(--warning, #ed6e33) !important}.warning{color:var(--warning, #ed6e33);fill:var(--warning, #ed6e33)}.bg-wood{background-color:var(--wood, #99644c) !important}.wood{color:var(--wood, #99644c);fill:var(--wood, #99644c)}:host{display:block;height:100%;background:var(--card-list-background);cursor:pointer}:host yoo-tag.distance{--padding:0;margin-left:var(--spacing-08, 0.5rem)}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding-bottom:0.25rem;border-bottom:var(--border-bottom-outer-container);-webkit-transition:background-color 0.3s ease, padding 0.3s ease;transition:background-color 0.3s ease, padding 0.3s ease}:host .outer-container .content-container{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:var(--justify-content-content-container);justify-content:var(--justify-content-content-container);-ms-flex-pack:center;justify-content:center;width:100%;margin-right:var(--margin-content-container-right);margin-left:var(--margin-content-container-left);overflow:hidden}:host .outer-container .content-container.has-image{margin-left:0}:host .outer-container .content-container .heading-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start;-ms-flex-align:center;align-items:center;margin-bottom:var(--spacing-02, 0.125rem);font-size:var(--font-size-16, 1rem);line-height:1.5}:host .outer-container .content-container .heading-container .margin-right{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .content-container .heading-container yoo-avatars{margin-right:0.125rem}:host .outer-container .content-container .heading-container .card-heading{-ms-flex:1;flex:1;min-width:0;color:var(--dark, #000000)}:host .outer-container .content-container .heading-container .card-heading .heading-title{display:-webkit-box;max-height:calc((var(--font-size-16, 1rem) + 0.125rem) * 2);overflow:hidden;line-height:calc(var(--font-size-16, 1rem) + 0.125rem);text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}:host .outer-container .content-container .heading-container .card-heading .heading-title span{display:block;overflow:hidden;text-overflow:ellipsis}:host .outer-container .content-container .heading-container .card-heading .heading-circle{display:inline-block;width:0.5rem;height:0.5rem;margin-right:0.2rem;border-radius:50%}:host .outer-container .content-container .heading-container .card-heading *{-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0}:host .outer-container .content-container .heading-container .card-heading .ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .outer-container .content-container .subheading-container{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:var(--spacing-02, 0.125rem);color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .content-container .subheading-container html,:host .outer-container .content-container .subheading-container body,:host .outer-container .content-container .subheading-container div:not([class^=fr-]),:host .outer-container .content-container .subheading-container span:not([class^=fr-]),:host .outer-container .content-container .subheading-container img:not([class^=fr-]),:host .outer-container .content-container .subheading-container applet,:host .outer-container .content-container .subheading-container object,:host .outer-container .content-container .subheading-container iframe,:host .outer-container .content-container .subheading-container h1,:host .outer-container .content-container .subheading-container h2,:host .outer-container .content-container .subheading-container h3,:host .outer-container .content-container .subheading-container h4,:host .outer-container .content-container .subheading-container h5,:host .outer-container .content-container .subheading-container h6,:host .outer-container .content-container .subheading-container p,:host .outer-container .content-container .subheading-container blockquote,:host .outer-container .content-container .subheading-container pre,:host .outer-container .content-container .subheading-container a,:host .outer-container .content-container .subheading-container abbr,:host .outer-container .content-container .subheading-container acronym,:host .outer-container .content-container .subheading-container address,:host .outer-container .content-container .subheading-container big,:host .outer-container .content-container .subheading-container cite,:host .outer-container .content-container .subheading-container code,:host .outer-container .content-container .subheading-container del,:host .outer-container .content-container .subheading-container dfn,:host .outer-container .content-container .subheading-container em,:host .outer-container .content-container .subheading-container font,:host .outer-container .content-container .subheading-container ins,:host .outer-container .content-container .subheading-container kbd,:host .outer-container .content-container .subheading-container q,:host .outer-container .content-container .subheading-container s,:host .outer-container .content-container .subheading-container samp,:host .outer-container .content-container .subheading-container small,:host .outer-container .content-container .subheading-container strike,:host .outer-container .content-container .subheading-container strong,:host .outer-container .content-container .subheading-container sub,:host .outer-container .content-container .subheading-container sup,:host .outer-container .content-container .subheading-container tt,:host .outer-container .content-container .subheading-container var,:host .outer-container .content-container .subheading-container dl,:host .outer-container .content-container .subheading-container dt,:host .outer-container .content-container .subheading-container dd,:host .outer-container .content-container .subheading-container ol,:host .outer-container .content-container .subheading-container ul,:host .outer-container .content-container .subheading-container li,:host .outer-container .content-container .subheading-container fieldset,:host .outer-container .content-container .subheading-container form,:host .outer-container .content-container .subheading-container label,:host .outer-container .content-container .subheading-container legend,:host .outer-container .content-container .subheading-container table,:host .outer-container .content-container .subheading-container caption,:host .outer-container .content-container .subheading-container tbody,:host .outer-container .content-container .subheading-container tfoot,:host .outer-container .content-container .subheading-container thead,:host .outer-container .content-container .subheading-container tr,:host .outer-container .content-container .subheading-container 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 .content-container .subheading-container .text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}: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;-ms-flex-pack:justify;justify-content:space-between;color:var(--text-color, #807f83);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;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}:host(.firefox) .content-container{margin-bottom:0}:host(.web):not(.framed) .outer-container{padding-top:1rem;padding-bottom:1rem;background-color:transparent}:host(.web) .outer-container .card-list-image-container.large{min-width:3.875rem}:host(.web) .outer-container .card-list-image-container.medium{min-width:2.875rem}:host(.web) .outer-container .card-list-image-container.small{min-width:2.375rem}:host(.web) .outer-container .content-container .top-container .badges-container.show-more{position:relative;overflow:visible}:host(.web) .outer-container .content-container .top-container .badges-container.show-more .more-button{position:absolute;top:0;right:0;bottom:auto;left:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;width:2rem;height:1.125rem;font-size:var(--font-size-18, 1.125rem)}:host(.web) .outer-container .content-container .top-container .badges-container.show-more .more-button yoo-icon{padding-right:var(--spacing-08, 0.5rem);color:var(--dark, #000000)}:host(.locations) .outer-container .content-container .top-container .heading-container .date-card-text{padding-right:var(--spacing-16, 1rem)}:host(.locations.map) .outer-container{-ms-flex-align:center;align-items:center;background:var(--light, #ffffff)}:host(.collapsible) .outer-container,:host(.locations.no-kpi:not(.framed)) .outer-container{-ms-flex-align:start;align-items:flex-start;width:auto;border-bottom:none;border-radius:var(--border-radius-08, 0.5rem)}:host(.collapsible) .outer-container .content-container,:host(.locations.no-kpi:not(.framed)) .outer-container .content-container{margin:0.5rem 0 0;border:none}:host(.collapsible) .outer-container .content-container .top-container .heading-container,:host(.locations.no-kpi:not(.framed)) .outer-container .content-container .top-container .heading-container{-ms-flex-pack:justify;justify-content:space-between;padding-top:0 !important;padding-right:var(--spacing-08, 0.5rem)}:host(.collapsible) .outer-container .content-container .top-container .subheading-container,:host(.locations.no-kpi:not(.framed)) .outer-container .content-container .top-container .subheading-container{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.collapsible) .outer-container .content-container{margin-top:0}:host(.locations.no-kpi.map) .outer-container{-ms-flex-align:start;align-items:flex-start;max-width:18.75rem}:host(.locations.no-kpi:not(.framed)) yoo-tag.distance{margin-right:0.75rem}:host(.web.framed) .outer-container .content-container .top-container .heading-container{font-size:var(--font-size-16, 1rem)}:host(.android) .outer-container .content-container .top-container .heading-container .heading-title{display:-webkit-box;max-height:calc((var(--font-size-18, 1.125rem) + 0.25rem) * 2);overflow:hidden;line-height:calc(var(--font-size-18, 1.125rem) + 0.125rem);text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}:host{--margin-content-container-left:0;--margin-content-container-right:0;--padding-content-container:var(--spacing-04, 0.25rem) 0 var(--spacing-08, 0.5rem) 0;--border-bottom-outer-container:var(--border-width-01, 0.0625rem) solid var(--stable-alt-40, rgba(208, 208, 208, 0.4));--overflow-card-heading-text:hidden;--text-overflow-card-heading-text:ellipsis;--white-space-card-heading-text:normal;--padding-right-card-heading:unset;--max-height-heading:48px;--card-list-background:none;--justify-content-content-container:flex-start;--max-card-heading-height:26px;--height-lessons-outer-container:2.5rem;--heading-font-size:var(--font-size-14, 0.875rem)}:host yoo-truncate{--max-lines:2}:host .heart-icon{width:var(--icon-size-05, 4rem)}:host .heart-icon yoo-animated-illustration{width:var(--icon-size-02, 1.5rem);height:var(--icon-size-05, 4rem);margin:auto}:host .heart-icon yoo-animated-illustration yoo-icon{top:1.3rem}:host .outer-container{padding-top:var(--spacing-04, 0.25rem)}:host .outer-container.tapped{background-color:var(--stable-light, #f1f1f1);-webkit-transition:background-color 0.3s ease;transition:background-color 0.3s ease}:host .outer-container .video-container{width:100%;max-height:350px;padding-top:var(--spacing-08, 0.5rem)}:host .outer-container .rank-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;min-width:1.5rem;color:var(--stable, #adadad);font-size:var(--font-size-16, 1rem)}:host .outer-container .content-container{-webkit-margin-start:var(--margin-content-container-left);margin-inline-start:var(--margin-content-container-left);-webkit-margin-end:var(--margin-content-container-right);margin-inline-end:var(--margin-content-container-right)}:host .outer-container .content-container .heading-container yoo-tag.margin-right{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .content-container .heading-container .progress-box{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:var(--dark, #000000)}:host .outer-container .content-container .heading-container .progress-box .icon-text{font-size:var(--font-size-16, 1rem)}:host .outer-container .content-container .tags-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-bottom:var(--spacing-04, 0.25rem);overflow:hidden;line-height:15px}:host .outer-container .content-container .tags-container yoo-tag,:host .outer-container .content-container .tags-container .card-icon{margin-top:var(--spacing-04, 0.25rem);-webkit-margin-end:var(--spacing-08, 0.5rem);margin-inline-end:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-02, 0.125rem);-webkit-margin-start:var(--spacing-02, 0.125rem);margin-inline-start:var(--spacing-02, 0.125rem)}:host .outer-container .content-container .tags-container .hashtag{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-right:0.4375rem;color:var(--text-color, #807f83);font-size:var(--font-size-12, 0.75rem);-webkit-transform:translateY(0.125rem);transform:translateY(0.125rem)}:host .outer-container .content-container .tags-container .card-icon{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}:host .outer-container .content-container .tags-container .card-icon yoo-icon{margin-right:0.4375rem}:host .outer-container .content-container .tags-container .row-action{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;line-height:1rem}:host .outer-container .content-container .top-container .video-container{display:-ms-inline-flexbox;display:inline-flex;height:230px}:host .outer-container .content-container .top-container .heading-container .date-card-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-left:auto;padding:0 var(--spacing-08, 0.5rem);color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem);text-align:right}:host .outer-container .content-container .top-container .heading-container .points-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;-webkit-padding-end:var(--spacing-08, 0.5rem);padding-inline-end:var(--spacing-08, 0.5rem);font-size:var(--font-size-16, 1rem)}:host .outer-container .content-container .top-container .heading-container .points-container .points{padding:0 0.35rem}:host .outer-container .content-container .top-container .flex{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .outer-container.active{border:var(--border-width-01, 0.0625rem) solid var(--accent, #276ef1);-webkit-box-shadow:var(--card-active-shadow, 0px 0px 3px 0.0625rem #276ef1);box-shadow:var(--card-active-shadow, 0px 0px 3px 0.0625rem #276ef1)}:host .outer-container .image-video-preview{width:12.5rem;height:6.25rem;padding:var(--spacing-08, 0.5rem);pointer-events:none}:host .outer-container .image-video-preview yoo-img{--border-radius:var(--border-radius-08, 0.5rem);height:100%}:host(.current) .outer-container .rank-container{color:var(--app-color, #5a30f4)}:host(.current) .outer-container .content-container .leaderboard .heading-container .card-heading{color:var(--app-color, #5a30f4)}:host(.current.leaderboard){background-color:var(--app-color, #5a30f4) !important}:host(.current.leaderboard) .outer-container .rank-container{color:var(--light, #ffffff)}:host(.current.leaderboard) .outer-container .content-container .leaderboard .heading-container .card-heading{color:var(--light, #ffffff)}:host(.current.leaderboard) .outer-container .points-container{color:var(--light, #ffffff)}:host(.leaderboard.userranks){height:var(--spacing-40, 2.5rem)}:host(.leaderboard.userranks) .outer-container{height:100%;padding:0 !important}:host(.leaderboard.userranks) .icon-container{color:var(--app-color, #5a30f4) !important}:host(.leaderboard){-webkit-padding-start:var(--spacing-16, 1rem);padding-inline-start:var(--spacing-16, 1rem);color:var(--dark, #000000);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));opacity:1}:host(.secondary-view){--border-bottom-outer-container:0px;background:transparent}:host(.secondary-view) .outer-container{padding-top:var(--spacing-08, 0.5rem)}:host(.secondary-view) .outer-container .question-content{border-bottom:var(--border-bottom-outer-container)}:host(.secondary-view) .outer-container .content-container .heading-container{font-size:var(--font-size-16, 1rem)}:host(.secondary-view) .outer-container .content-container .heading-container .date-card-text{display:block;padding:0;line-height:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.secondary-view) .outer-container .content-container .translate-container{position:relative;margin-bottom:var(--spacing-08, 0.5rem);color:var(--text-color, #807f83);font-weight:normal;font-size:var(--font-size-16, 1rem);font-style:normal;font-stretch:normal;line-height:1;letter-spacing:normal}:host(.secondary-view) .outer-container .content-container .translate-container.active{margin-left:var(--spacing-04, 0.25rem);padding-left:var(--spacing-08, 0.5rem);border-left:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host(.secondary-view) .outer-container .content-container .translate-container .text{margin-bottom:var(--spacing-04, 0.25rem);color:var(--dark, #000000)}:host(.secondary-view) .outer-container .content-container .translate-container .text html,:host(.secondary-view) .outer-container .content-container .translate-container .text body,:host(.secondary-view) .outer-container .content-container .translate-container .text div:not([class^=fr-]),:host(.secondary-view) .outer-container .content-container .translate-container .text span:not([class^=fr-]),:host(.secondary-view) .outer-container .content-container .translate-container .text img:not([class^=fr-]),:host(.secondary-view) .outer-container .content-container .translate-container .text applet,:host(.secondary-view) .outer-container .content-container .translate-container .text object,:host(.secondary-view) .outer-container .content-container .translate-container .text iframe,:host(.secondary-view) .outer-container .content-container .translate-container .text h1,:host(.secondary-view) .outer-container .content-container .translate-container .text h2,:host(.secondary-view) .outer-container .content-container .translate-container .text h3,:host(.secondary-view) .outer-container .content-container .translate-container .text h4,:host(.secondary-view) .outer-container .content-container .translate-container .text h5,:host(.secondary-view) .outer-container .content-container .translate-container .text h6,:host(.secondary-view) .outer-container .content-container .translate-container .text p,:host(.secondary-view) .outer-container .content-container .translate-container .text blockquote,:host(.secondary-view) .outer-container .content-container .translate-container .text pre,:host(.secondary-view) .outer-container .content-container .translate-container .text a,:host(.secondary-view) .outer-container .content-container .translate-container .text abbr,:host(.secondary-view) .outer-container .content-container .translate-container .text acronym,:host(.secondary-view) .outer-container .content-container .translate-container .text address,:host(.secondary-view) .outer-container .content-container .translate-container .text big,:host(.secondary-view) .outer-container .content-container .translate-container .text cite,:host(.secondary-view) .outer-container .content-container .translate-container .text code,:host(.secondary-view) .outer-container .content-container .translate-container .text del,:host(.secondary-view) .outer-container .content-container .translate-container .text dfn,:host(.secondary-view) .outer-container .content-container .translate-container .text em,:host(.secondary-view) .outer-container .content-container .translate-container .text font,:host(.secondary-view) .outer-container .content-container .translate-container .text ins,:host(.secondary-view) .outer-container .content-container .translate-container .text kbd,:host(.secondary-view) .outer-container .content-container .translate-container .text q,:host(.secondary-view) .outer-container .content-container .translate-container .text s,:host(.secondary-view) .outer-container .content-container .translate-container .text samp,:host(.secondary-view) .outer-container .content-container .translate-container .text small,:host(.secondary-view) .outer-container .content-container .translate-container .text strike,:host(.secondary-view) .outer-container .content-container .translate-container .text strong,:host(.secondary-view) .outer-container .content-container .translate-container .text sub,:host(.secondary-view) .outer-container .content-container .translate-container .text sup,:host(.secondary-view) .outer-container .content-container .translate-container .text tt,:host(.secondary-view) .outer-container .content-container .translate-container .text var,:host(.secondary-view) .outer-container .content-container .translate-container .text dl,:host(.secondary-view) .outer-container .content-container .translate-container .text dt,:host(.secondary-view) .outer-container .content-container .translate-container .text dd,:host(.secondary-view) .outer-container .content-container .translate-container .text ol,:host(.secondary-view) .outer-container .content-container .translate-container .text ul,:host(.secondary-view) .outer-container .content-container .translate-container .text li,:host(.secondary-view) .outer-container .content-container .translate-container .text fieldset,:host(.secondary-view) .outer-container .content-container .translate-container .text form,:host(.secondary-view) .outer-container .content-container .translate-container .text label,:host(.secondary-view) .outer-container .content-container .translate-container .text legend,:host(.secondary-view) .outer-container .content-container .translate-container .text table,:host(.secondary-view) .outer-container .content-container .translate-container .text caption,:host(.secondary-view) .outer-container .content-container .translate-container .text tbody,:host(.secondary-view) .outer-container .content-container .translate-container .text tfoot,:host(.secondary-view) .outer-container .content-container .translate-container .text thead,:host(.secondary-view) .outer-container .content-container .translate-container .text tr,:host(.secondary-view) .outer-container .content-container .translate-container .text 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(.secondary-view) .outer-container .content-container .translate-container .text blockquote{padding-left:1rem;border-left:var(--border-width-04, 0.25rem) solid var(--stable, #adadad)}:host(.secondary-view) .outer-container .content-container .translate-container .text blockquote:last-of-type blockquote p:last-of-type,:host(.secondary-view) .outer-container .content-container .translate-container .text p:last-of-type{padding-top:0;padding-bottom:0}:host(.secondary-view) .outer-container .content-container .translate-container .text ol,:host(.secondary-view) .outer-container .content-container .translate-container .text ul{margin:revert;padding:revert}:host(.secondary-view) .outer-container .content-container .translate-container .text h1{display:block;margin-top:0.67em;margin-right:0;margin-bottom:0.67em;margin-left:0;font-weight:bold;font-size:2em}:host(.secondary-view) .outer-container .content-container .translate-container .text h2{display:block;margin-top:0.83em;margin-right:0;margin-bottom:0.83em;margin-left:0;font-weight:bold;font-size:1.5em}:host(.secondary-view) .outer-container .content-container .translate-container .text h3{display:block;margin-top:1em;margin-right:0;margin-bottom:1em;margin-left:0;font-weight:bold;font-size:1.17em}:host(.secondary-view) .outer-container .content-container .translate-container .text h4{display:block;margin-top:1.33em;margin-right:0;margin-bottom:1.33em;margin-left:0;font-weight:bold}:host(.secondary-view) .outer-container .content-container .translate-container .text h5{display:block;margin-top:1.67em;margin-right:0;margin-bottom:1.67em;margin-left:0;font-weight:bold;font-size:0.83em}:host(.secondary-view) .outer-container .content-container .translate-container .text h6{display:block;margin-top:2.33em;margin-right:0;margin-bottom:2.33em;margin-left:0;font-weight:bold;font-size:0.67em}:host(.secondary-view) .outer-container .content-container .translate-container .text strong{font-weight:bold}:host(.secondary-view) .outer-container .content-container .translate-container .text em{font-style:italic}:host(.secondary-view) .outer-container .content-container .subheading-container{display:block;max-height:initial;overflow:visible;color:var(--dark, #000000);font-size:var(--font-size-16, 1rem);line-height:20px;white-space:pre-wrap;word-wrap:break-word}:host(.secondary-view) .outer-container .content-container .subheading-container html,:host(.secondary-view) .outer-container .content-container .subheading-container body,:host(.secondary-view) .outer-container .content-container .subheading-container div:not([class^=fr-]),:host(.secondary-view) .outer-container .content-container .subheading-container span:not([class^=fr-]),:host(.secondary-view) .outer-container .content-container .subheading-container img:not([class^=fr-]),:host(.secondary-view) .outer-container .content-container .subheading-container applet,:host(.secondary-view) .outer-container .content-container .subheading-container object,:host(.secondary-view) .outer-container .content-container .subheading-container iframe,:host(.secondary-view) .outer-container .content-container .subheading-container h1,:host(.secondary-view) .outer-container .content-container .subheading-container h2,:host(.secondary-view) .outer-container .content-container .subheading-container h3,:host(.secondary-view) .outer-container .content-container .subheading-container h4,:host(.secondary-view) .outer-container .content-container .subheading-container h5,:host(.secondary-view) .outer-container .content-container .subheading-container h6,:host(.secondary-view) .outer-container .content-container .subheading-container p,:host(.secondary-view) .outer-container .content-container .subheading-container blockquote,:host(.secondary-view) .outer-container .content-container .subheading-container pre,:host(.secondary-view) .outer-container .content-container .subheading-container a,:host(.secondary-view) .outer-container .content-container .subheading-container abbr,:host(.secondary-view) .outer-container .content-container .subheading-container acronym,:host(.secondary-view) .outer-container .content-container .subheading-container address,:host(.secondary-view) .outer-container .content-container .subheading-container big,:host(.secondary-view) .outer-container .content-container .subheading-container cite,:host(.secondary-view) .outer-container .content-container .subheading-container code,:host(.secondary-view) .outer-container .content-container .subheading-container del,:host(.secondary-view) .outer-container .content-container .subheading-container dfn,:host(.secondary-view) .outer-container .content-container .subheading-container em,:host(.secondary-view) .outer-container .content-container .subheading-container font,:host(.secondary-view) .outer-container .content-container .subheading-container ins,:host(.secondary-view) .outer-container .content-container .subheading-container kbd,:host(.secondary-view) .outer-container .content-container .subheading-container q,:host(.secondary-view) .outer-container .content-container .subheading-container s,:host(.secondary-view) .outer-container .content-container .subheading-container samp,:host(.secondary-view) .outer-container .content-container .subheading-container small,:host(.secondary-view) .outer-container .content-container .subheading-container strike,:host(.secondary-view) .outer-container .content-container .subheading-container strong,:host(.secondary-view) .outer-container .content-container .subheading-container sub,:host(.secondary-view) .outer-container .content-container .subheading-container sup,:host(.secondary-view) .outer-container .content-container .subheading-container tt,:host(.secondary-view) .outer-container .content-container .subheading-container var,:host(.secondary-view) .outer-container .content-container .subheading-container dl,:host(.secondary-view) .outer-container .content-container .subheading-container dt,:host(.secondary-view) .outer-container .content-container .subheading-container dd,:host(.secondary-view) .outer-container .content-container .subheading-container ol,:host(.secondary-view) .outer-container .content-container .subheading-container ul,:host(.secondary-view) .outer-container .content-container .subheading-container li,:host(.secondary-view) .outer-container .content-container .subheading-container fieldset,:host(.secondary-view) .outer-container .content-container .subheading-container form,:host(.secondary-view) .outer-container .content-container .subheading-container label,:host(.secondary-view) .outer-container .content-container .subheading-container legend,:host(.secondary-view) .outer-container .content-container .subheading-container table,:host(.secondary-view) .outer-container .content-container .subheading-container caption,:host(.secondary-view) .outer-container .content-container .subheading-container tbody,:host(.secondary-view) .outer-container .content-container .subheading-container tfoot,:host(.secondary-view) .outer-container .content-container .subheading-container thead,:host(.secondary-view) .outer-container .content-container .subheading-container tr,:host(.secondary-view) .outer-container .content-container .subheading-container 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(.secondary-view) .outer-container .content-container .subheading-container blockquote{padding-left:1rem;border-left:var(--border-width-04, 0.25rem) solid var(--stable, #adadad)}:host(.secondary-view) .outer-container .content-container .subheading-container blockquote:last-of-type blockquote p:last-of-type,:host(.secondary-view) .outer-container .content-container .subheading-container p:last-of-type{padding-top:0;padding-bottom:0}:host(.secondary-view) .outer-container .content-container .subheading-container ol,:host(.secondary-view) .outer-container .content-container .subheading-container ul{margin:revert;padding:revert}:host(.secondary-view) .outer-container .content-container .subheading-container h1{display:block;margin-top:0.67em;margin-right:0;margin-bottom:0.67em;margin-left:0;font-weight:bold;font-size:2em}:host(.secondary-view) .outer-container .content-container .subheading-container h2{display:block;margin-top:0.83em;margin-right:0;margin-bottom:0.83em;margin-left:0;font-weight:bold;font-size:1.5em}:host(.secondary-view) .outer-container .content-container .subheading-container h3{display:block;margin-top:1em;margin-right:0;margin-bottom:1em;margin-left:0;font-weight:bold;font-size:1.17em}:host(.secondary-view) .outer-container .content-container .subheading-container h4{display:block;margin-top:1.33em;margin-right:0;margin-bottom:1.33em;margin-left:0;font-weight:bold}:host(.secondary-view) .outer-container .content-container .subheading-container h5{display:block;margin-top:1.67em;margin-right:0;margin-bottom:1.67em;margin-left:0;font-weight:bold;font-size:0.83em}:host(.secondary-view) .outer-container .content-container .subheading-container h6{display:block;margin-top:2.33em;margin-right:0;margin-bottom:2.33em;margin-left:0;font-weight:bold;font-size:0.67em}:host(.secondary-view) .outer-container .content-container .subheading-container strong{font-weight:bold}:host(.secondary-view) .outer-container .content-container .subheading-container em{font-style:italic}:host(.secondary-view) .outer-container .content-container .subheading-container.comment-image{--border-radius:var(--border-radius-16, 1rem);margin-top:9px;overflow:hidden}:host(.secondary-view) .outer-container .content-container .subheading-container span.with-markdown{white-space:normal}:host(.secondary-view) .outer-container .content-container .subheading-container span.with-markdown img{width:100%;max-width:initial !important}:host(.secondary-view) .outer-container .content-container .top-container{padding:var(--spacing-08, 0.5rem);background:var(--stable-light-60, rgba(241, 241, 241, 0.6));border-radius:var(--border-radius-04, 0.25rem)}:host(.secondary-view) .outer-container .content-container .top-container .card-heading{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;width:100%;padding-right:var(--spacing-08, 0.5rem)}:host(.secondary-view) .outer-container .content-container .top-container .card-heading .card-heading-text{font-weight:var(--font-weight-700, 700)}:host(.secondary-view) .outer-container .content-container .top-container .heading-container .heading-title{display:block}:host(.secondary-view) .outer-container .content-container .top-container .heading-container .heading-title span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.secondary-view) .outer-container .content-container .top-container span{display:block;font-size:var(--font-size-16, 1rem)}:host(.secondary-view) .outer-container .content-container .slot-container yoo-img{margin-right:auto}:host(.secondary-view) .tags-container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;margin-top:-0.85rem;margin-left:1.875rem;font-size:var(--font-size-14, 0.875rem)}:host(.secondary-view) .tags-container .card-icon.right{margin-left:auto}:host(.secondary-view) .tags-container .card-icon.right yoo-icon{margin:0}:host(.secondary-view) .tags-container .row-action{width:100%;margin-top:-0.875rem;margin-left:1.25rem}:host(.secondary-view) .tags-container .row-action span{color:var(--dark, #000000)}:host(.secondary-view) .tags-container .bottom-action{margin-right:1.25rem;color:var(--text-color, #807f83)}:host(.questionsAnswers) .tags-container{margin-left:2.8125rem}:host(.questionsAnswers) .tags-container .card-icon:not(.heart-icon){margin:var(--spacing-16, 1rem) var(--spacing-16, 1rem) 0 0}:host(.questionsAnswers) .tags-container .row-action{margin-top:var(--spacing-08, 0.5rem);margin-left:0}:host(.entitycomments) .tags-container,:host(.feedsComments) .tags-container{margin-left:1.75rem}:host(.userranks) .outer-container,:host(.userhighscores) .outer-container{-ms-flex-align:center;align-items:center;padding:var(--spacing-08, 0.5rem) 0 !important;background-color:transparent;border-bottom:0}:host(.userranks) .heading-container,:host(.userhighscores) .heading-container{word-wrap:break-word}:host(.active) .outer-container{border:var(--border-width-01, 0.0625rem) solid var(--accent, #276ef1);-webkit-box-shadow:var(--card-active-shadow, 0px 0px 3px 0.0625rem #276ef1);box-shadow:var(--card-active-shadow, 0px 0px 3px 0.0625rem #276ef1)}:host(.hoverable):hover .outer-container{border:var(--border-width-01, 0.0625rem) solid var(--accent, #276ef1);-webkit-box-shadow:var(--card-active-shadow, 0px 0px 3px 0.0625rem #276ef1);box-shadow:var(--card-active-shadow, 0px 0px 3px 0.0625rem #276ef1)}:host(.filesFolders) .outer-container .content-container .subheading-container,:host(.files) .outer-container .content-container .subheading-container{margin:0;font-size:var(--font-size-12, 0.75rem);line-height:1rem}:host(.filesFolders) .outer-container .content-container .subheading-container em,:host(.files) .outer-container .content-container .subheading-container em{color:var(--dark, #000000);font-weight:bold;background:#FDFB2F}:host(.grid-cell) .outer-container .content-container .heading-container .card-heading .heading-title{display:-webkit-box;max-height:calc((var(--font-size-16, 1rem) + 0.125rem) * 1);overflow:hidden;line-height:calc(var(--font-size-16, 1rem) + 0.125rem);text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1;}:host(.grid-cell.missiondescriptions) .outer-container .content-container .heading-container .card-heading .heading-title{display:-webkit-box;max-height:calc((var(--font-size-16, 1rem) + 0.125rem) * 2);overflow:hidden;line-height:calc(var(--font-size-16, 1rem) + 0.125rem);text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}:host(.locations.external) .outer-container .content-container .subheading-container{white-space:normal}:host(.products) .outer-container .content-container{border-bottom:none}:host(.outofstock),:host(.hidden){opacity:0.5}:host(.productweightpair) .outer-container .content-container .heading-container .date-card-text{color:var(--dark, #000000)}:host(.catalog-display.history) .outer-container .content-container{text-align:start}:host(.catalog-display.history) .outer-container .content-container .top-container .price{font-size:var(--font-size-12, 0.75rem)}:host(.catalog-display.history) .outer-container .content-container .top-container .tags-container{padding-bottom:var(--spacing-04, 0.25rem)}:host(.catalog-display){width:100%}:host(.catalog-display) .outer-container{-ms-flex-align:start;align-items:flex-start;font-size:var(--font-size-14, 0.875rem);border:none !important}:host(.catalog-display) .outer-container .content-container{-ms-flex-pack:center;justify-content:center;margin-left:1rem;padding:0;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.catalog-display) .outer-container .content-container .top-container .card-heading{font-size:var(--font-size-14, 0.875rem)}:host(.catalog-display) .outer-container .content-container .top-container .subheading-container{min-height:1rem;max-height:0.8rem;color:var(--dark, #000000);font-size:var(--font-size-12, 0.75rem);line-height:1rem}:host(.catalog-display) .outer-container .content-container .top-container .subheading-container .subheading-grey{color:var(--stable, #adadad)}:host(.catalog-display) .outer-container .content-container .top-container .subheading-container .subheading-price{color:var(--dark, #000000)}:host(.catalog-display) .outer-container .content-container .top-container .price{color:var(--text-color, #807f83)}:host(.catalog-display) .outer-container .content-container .top-container .tags-container{overflow:initial;line-height:normal}:host(.catalog-display.no-border) .outer-container .content-container{border-bottom:none}:host(.productbatch.archived) .outer-container .content-container{opacity:0.5}:host([dir=ltr].offline:not(.missions)) .outer-container{opacity:0.7}:host([dir=ltr].offline:not(.missions))::before,:host([dir=ltr].offline:not(.missions))::after{position:absolute;top:0;border-color:transparent;border-style:solid;content:\"\";right:0}:host([dir=ltr].offline:not(.missions))::after{border-width:var(--spacing-08, 0.5rem);border-top-color:var(--energized, #ffc043);border-inline-end-color:var(--energized, #ffc043)}:host([dir=rtl].offline:not(.missions)) .outer-container{opacity:0.7}:host([dir=rtl].offline:not(.missions))::before,:host([dir=rtl].offline:not(.missions))::after{position:absolute;top:0;border-color:transparent;border-style:solid;content:\"\";left:0}:host([dir=rtl].offline:not(.missions))::after{border-width:var(--spacing-08, 0.5rem);border-top-color:var(--energized, #ffc043);border-inline-end-color:var(--energized, #ffc043)}:host(.notifications) .outer-container{padding-top:var(--spacing-04, 0.25rem)}:host(.notes) .outer-container .content-container .heading-container .card-heading .heading-title{display:-webkit-box;max-height:calc((var(--font-size-18, 1.125rem) + 0.125rem) * 1);overflow:hidden;line-height:calc(var(--font-size-18, 1.125rem) + 0.125rem);text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1;}:host(.no-text-break) .outer-container .content-container .top-container .heading-container .card-heading{white-space:normal}:host(.lessons.web) .outer-container{height:var(--height-lessons-outer-container);min-height:0;margin:var(--spacing-04, 0.25rem) 0;padding-left:var(--spacing-08, 0.5rem);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(.lessons.web) .outer-container .content-container{border-bottom:none}:host(.lessons.web) .outer-container .content-container .top-container{display:-ms-flexbox;display:flex}:host(.lessons.web) .outer-container .content-container .heading-container{-ms-flex:1;flex:1;width:75%;padding-right:var(--spacing-08, 0.5rem);font-size:var(--heading-font-size)}:host(.lessons.web) .outer-container .content-container .heading-container .card-heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-top:0}:host(.lessons.web.finished) .outer-container{background-color:var(--app-color, #5a30f4)}:host(.lessons.web.finished) .outer-container .card-heading,:host(.lessons.web.finished) .outer-container .icon-container{color:var(--light-10, rgba(255, 255, 255, 0.1))}:host(.lessons.web.locked) .outer-container{background-color:var(--stable-alt, #d0d0d0)}:host(.lessons.web.locked) .outer-container .card-heading{color:var(--text-color, #807f83)}:host(.lessons.web.locked) .outer-container .top-container yoo-avatar{margin:0 0.75rem}:host(.missions.finished:not(.grid-cell)) .outer-container{padding-bottom:var(--spacing-16, 1rem)}:host(.courseselection) .outer-container .content-container{-ms-flex-pack:center;justify-content:center;margin-left:0}:host(.courseselection) .outer-container .content-container .top-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host(.courseselection) .outer-container .content-container .top-container .heading-container{-ms-flex-order:2;order:2;font-size:var(--font-size-16, 1rem)}:host(.courseselection) .outer-container .content-container .top-container .subheading-container{-ms-flex-order:1;order:1;color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem)}:host(.courseselection) .outer-container .content-container .top-container .subheading-container .todo{font-size:var(--font-size-14, 0.875rem)}:host(.courseselection) .outer-container .content-container .top-container .tags-container{padding-bottom:0}:host(.questions) .outer-container{padding-bottom:0;border-bottom:0}:host(.questions) .outer-container .content-container .top-container .heading-container{max-height:1.25rem;margin-bottom:0}:host(.questions) .outer-container .content-container .top-container .heading-container .card-heading .heading-title{color:var(--dark, #000000);font-size:var(--font-size-14, 0.875rem)}:host(.questions) .question-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:var(--spacing-04, 0.25rem)}:host(.questions) .question-container.no-img{padding-top:var(--spacing-04, 0.25rem)}:host(.questions) .question-container.no-img .question-content{height:auto}:host(.questions) .question-container .question-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:98px;margin-left:var(--spacing-08, 0.5rem);padding-bottom:var(--spacing-16, 1rem);border-bottom:var(--border-bottom-outer-container)}:host(.questions) .question-container .question-content .question-title{margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem);word-break:break-word}:host(.questions) .question-container .question-content .question-icons{display:-ms-flexbox;display:flex;color:var(--stable-alt, #d0d0d0);font-size:var(--icon-size-01, 1rem)}:host(.questions) .question-container .question-content .question-icons .inner-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-right:var(--spacing-08, 0.5rem);color:var(--dark, #000000);font-size:var(--font-size-18, 1.125rem)}:host(.questions) .question-container .question-content .question-icons .inner-container yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host(.questions) .question-container .question-content .subheadings{display:-ms-flexbox;display:flex;color:var(--text-color, #807f83)}:host(.questions) .question-container .question-content .subheadings .subheading-container{padding-right:var(--spacing-08, 0.5rem);font-size:var(--font-size-14, 0.875rem)}:host(.questions) .question-container .question-content .subheadings .date-card-text{margin-right:var(--spacing-08, 0.5rem);color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem)}:host(.questions) .question-container .question-content .tags-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden}:host(.questions) .question-container .question-content .tags-container .hashtag{margin-right:0.4375rem;color:var(--app-color, #5a30f4);font-size:var(--font-size-14, 0.875rem)}:host(.questions) .question-container .image-video-preview{min-width:7.5rem;height:98px;padding:var(--spacing-08, 0.5rem);pointer-events:none}:host(.questions) .question-container .image-video-preview yoo-img{--border-radius:var(--border-radius-08, 0.5rem)}:host(.questions) .question-container .image-video-preview yoo-videoplayer-core{overflow:hidden;border-radius:var(--border-radius-08, 0.5rem)}:host(.card-feed) .outer-container{display:none}:host(.card-feed) .question-container{-ms-flex-pack:initial !important;justify-content:initial !important;background:var(--light-10, rgba(255, 255, 255, 0.1));border-bottom:none !important;-webkit-box-shadow:var(--grid-frame-shadow, 0 0.3125rem 0.9375rem 0.1875rem rgba(40, 47, 54, 0.15));box-shadow:var(--grid-frame-shadow, 0 0.3125rem 0.9375rem 0.1875rem rgba(40, 47, 54, 0.15))}:host(.card-feed) .question-container .image-video-preview{-ms-flex-negative:0;flex-shrink:0;-ms-flex-order:1;order:1;width:130px;height:89px;padding-right:var(--spacing-16, 1rem)}:host(.card-feed) .question-container .image-video-preview yoo-videoplayer-core{overflow:hidden;border-radius:5px}:host(.card-feed) .question-container .question-content{-ms-flex-pack:initial !important;justify-content:initial !important;-ms-flex-order:2;order:2;margin-left:0;padding:var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) 0}:host(.selected-content) .question-container{padding:0}:host(.selected-content) .question-container .image-video-preview{min-width:2rem;height:1.5rem;padding-left:0}:host(.selected-content) .question-container .question-content{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;height:auto;margin:0;padding-bottom:0;border-bottom:none}:host(.selected-content) .question-container .question-content .question-title{margin:0;font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem)}:host(.selected-content) .outer-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(.selected-content) .outer-container .content-container .heading-container{margin-bottom:var(--spacing-02, 0.125rem)}:host(.selected-content) .outer-container .content-container .heading-container .card-heading .heading-title span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.selected-content) .outer-container .content-container .uifield-container{display:none}:host(.web.grid-cell){overflow:hidden}:host(.web.grid-cell) .outer-container{padding-top:var(--spacing-08, 0.5rem);padding-bottom:var(--spacing-08, 0.5rem)}:host(.web.grid-cell) .outer-container .content-container .tags-container{-ms-flex-wrap:initial;flex-wrap:initial}:host(.mobile.autocomplete-selection-mode) .question-container .question-title{font-size:var(--font-size-16, 1rem)}:host(.mobile.autocomplete-selection-mode) .subheading-container{-webkit-margin-end:var(--spacing-32, 2rem);margin-inline-end:var(--spacing-32, 2rem)}:host(.no-border-bottom.mobile) .outer-container{border-bottom:none}:host(.no-border-bottom.mobile) .question-container .question-content{border-bottom:none}:host(.item-disabled){cursor:default}:host(.kanban) .outer-container{padding-top:0;padding-bottom:0}:host(.web.videocallusers) .outer-container{padding-top:0;padding-bottom:0}:host(.web.firefox) .outer-container{height:auto}:host(.form-permission) .outer-container{height:auto}:host(.pages) .outer-container{-ms-flex-align:center;align-items:center}:host(.missions.feed) .outer-container{border-bottom:none !important}:host(.calendarEvents) .outer-container .content-container .heading-container{margin-bottom:unset}:host(.calendarEvents) .outer-container .content-container .subheading-container .event-status-container,:host(.calendarEvents) .outer-container .content-container .subheading-container .event-type-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(.calendarEvents) .outer-container .content-container .subheading-container .event-status-container .dot-event,:host(.calendarEvents) .outer-container .content-container .subheading-container .event-type-container .dot-event{margin-right:var(--spacing-04, 0.25rem)}:host(.calendarEvents) .outer-container .content-container .subheading-container .event-status-container .icon-event,:host(.calendarEvents) .outer-container .content-container .subheading-container .event-type-container .icon-event{margin-right:var(--spacing-08, 0.5rem)}:host(.calendarEvents) .outer-container .content-container .subheading-container .title{font-weight:bold;font-size:var(--font-size-16, 1rem)}:host(.calendarEvents) .outer-container .content-container .subheading-container .time{color:var(--app-color, #5a30f4)}:host(.course-info) .outer-container,:host(.learning-manager) .outer-container{padding-top:var(--spacing-16, 1rem)}:host(.table) .top-container{display:-ms-flexbox;display:flex}:host(.table) .top-container .heading-container{-ms-flex:1;flex:1}";

package/dist/design-system/yoo-card-location.entry.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { r as registerInstance, h, e as Host } from './index-23b437f1.js';
-import './index-c3bcaec0.js';
+import './index-80dd22e6.js';
 import { i as isNil } from './lodash-04b11500.js';
-import { r as pipes, t as translate } from './index-56657403.js';
-import './index-95d3486f.js';
+import { r as pipes, t as translate } from './index-9d95c89f.js';
+import './index-c6cd74b1.js';
 import './_commonjsHelpers-f4d11124.js';
 const cardLocationCss = "svg:not(:root){overflow:hidden}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .container{--address-max-lines:1;--title-max-lines:2;display:grid;grid-template-columns:auto minmax(0, 1fr);gap:var(--spacing-08, 0.5rem)}:host h1,:host p{margin:0}:host header{display:-ms-flexbox;display:flex;gap:var(--spacing-08, 0.5rem)}:host h1{font-weight:normal;font-size:var(--font-size-16, 1rem);overflow:hidden}@supports (display: -webkit-box){:host h1{display:-webkit-box;-webkit-line-clamp:var(--title-max-lines);-webkit-box-orient:vertical}}:host p{color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem)}:host p.address{overflow:hidden}@supports (display: -webkit-box){:host p.address{display:-webkit-box;-webkit-line-clamp:var(--address-max-lines);-webkit-box-orient:vertical}}:host p:not(.address){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .distance{--padding:0;margin-left:auto}:host .distance :not([hidden]){display:var(--tag-visibility, \"initial\")}:host .information{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-02, 0.125rem)}:host yoo-kpi-card{--grid-auto-flow:inherit;--grid-template-columns:repeat(4, minmax(0, 1fr));--value-font-size:var(--font-size-14, 0.875rem);--value-font-weight:var(--font-weight-400, 400);--value-margin:var(--spacing-04, 0.25rem) 0 0;--value-title-color:var(--text-color, #807f83);--value-title-font-size:var(--font-size-12, 0.75rem);--variation-font-size:var(--font-size-12, 0.75rem);margin-top:var(--spacing-08, 0.5rem)}:host(.grid-cell){margin-top:var(--spacing-08, 0.5rem)}";

package/dist/design-system/yoo-card-media.entry.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-23b437f1.js';
-import './index-c3bcaec0.js';
-import { s as setColorSVG, j as execHandlerAndStopEvent, g as getAppContext } from './common-helpers-97d3c675.js';
-import { ae as translateMulti, af as dateFormat, t as translate, H as isWeb, w as closeModal } from './index-56657403.js';
+import './index-80dd22e6.js';
+import { s as setColorSVG, j as execHandlerAndStopEvent, g as getAppContext } from './common-helpers-3c17567f.js';
+import { ae as translateMulti, af as dateFormat, t as translate, H as isWeb, w as closeModal } from './index-9d95c89f.js';
 import './lodash-04b11500.js';
-import './index-95d3486f.js';
+import './index-c6cd74b1.js';
 import './_commonjsHelpers-f4d11124.js';
 const cardMediaCss = "svg:not(:root){overflow:hidden}:host([dir=ltr]) yoo-form-checkbox{left:var(--spacing-08, 0.5rem);right:0}:host([dir=ltr]) yoo-context-menu{right:var(--spacing-08, 0.5rem);left:auto}:host([dir=ltr]) yoo-items{right:var(--spacing-08, 0.5rem);left:auto}:host([dir=rtl]) yoo-form-checkbox,:host([dir=rtl][mode=fullscreen]) yoo-form-checkbox{right:var(--spacing-08, 0.5rem);left:0}:host([dir=rtl]) yoo-context-menu,:host([dir=rtl][mode=fullscreen]) yoo-context-menu{left:var(--spacing-08, 0.5rem);right:auto}:host([dir=rtl]) yoo-items,:host([dir=rtl][mode=fullscreen]) yoo-items{left:var(--spacing-08, 0.5rem);right:auto}:host{--left-container-width:35rem;--right-container-width:100%;--image-height:unset;--text-content-spacing-top:var(--spacing-02, 0.125rem);--text-content-spacing-left:var(--spacing-04, 0.25rem);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;color:var(--dark, #000000);font-size:var(--font-size-14, 0.875rem);cursor:pointer}:host yoo-audio-player{--range-trail-color:var(--app-color-20, rgba(90, 48, 244, 0.2));position:absolute;bottom:var(--spacing-08, 0.5rem);width:calc(100% - 0.75rem);margin:0 auto;padding: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 yoo-audio-player.svg{width:100%;padding:0 var(--spacing-16, 1rem)}:host yoo-context-menu{position:absolute;right:var(--spacing-08, 0.5rem);bottom:var(--spacing-08, 0.5rem)}:host yoo-form-checkbox{position:absolute;top:var(--spacing-08, 0.5rem);left:var(--spacing-08, 0.5rem)}:host yoo-icon.play{position:absolute}:host yoo-img{width:100%;height:var(--image-height)}:host yoo-img.audio{background-color:var(--app-color-10, rgba(90, 48, 244, 0.1))}:host yoo-img.video::after{position:absolute;width:100%;height:100%;background-color:var(--dark-20, rgba(0, 0, 0, 0.2));content:\"\"}:host yoo-items{position:absolute;top:var(--spacing-08, 0.5rem)}:host .avatar{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;overflow:hidden}:host .avatar yoo-avatar{-webkit-margin-end:var(--text-content-spacing-left);margin-inline-end:var(--text-content-spacing-left)}:host .description>*+*{margin-top:var(--text-content-spacing-top)}:host .description strong{display:block}:host .footer{position:relative;padding:var(--spacing-08, 0.5rem)}:host .footer>*+*:not(yoo-context-menu){margin-top:var(--text-content-spacing-top)}:host .footer .description{-webkit-margin-end:var(--spacing-24, 1.5rem);margin-inline-end:var(--spacing-24, 1.5rem)}:host .main{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .main .description{position:absolute;right:var(--spacing-08, 0.5rem);bottom:var(--spacing-08, 0.5rem);left:var(--spacing-08, 0.5rem);color:var(--light, #ffffff)}:host .stable{color:var(--stable, #adadad)}:host .truncated{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host([overlaid]) .footer{display:-ms-flexbox;display:flex;height:1.5rem}:host(:not([overlaid])) .footer{height:7.5rem;background-color:var(--stable-ultralight, #fafafa)}:host([size=small]){width:7.5rem;padding:0 var(--spacing-04, 0.25rem)}:host([size=small]) yoo-img{--image-height:7.5rem}:host([size=medium]){width:8.25rem;padding:0 var(--spacing-08, 0.5rem)}:host([size=medium]) yoo-img{--image-height:6.125rem}:host([size=large]){width:17.5rem;padding:0 var(--spacing-08, 0.5rem)}:host([size=large]) yoo-img{--image-height:13.125rem}:host(.feeds.mobile[size=large]){width:21.25rem;padding:0}:host(.feeds) .footer{background-color:var(--light, #ffffff)}:host(:hover:not([mode=fullscreen])) .footer,:host([mode=selection]) .footer{background-color:var(--stable-light, #f1f1f1)}:host(:hover:not([mode=fullscreen])) .main::after,:host([mode=selection]) .main::after{position:absolute;z-index:50;width:100%;height:100%;background-color:var(--dark-40, rgba(0, 0, 0, 0.4));content:\"\"}:host(:hover:not([mode=fullscreen])) .main>*:not(yoo-img):not(yoo-icon):not(yoo-audio-player),:host([mode=selection]) .main>*:not(yoo-img):not(yoo-icon):not(yoo-audio-player){z-index:100}:host(:hover:not([size=large])) yoo-tag:not([icon=tick]):not([icon=close]),:host([mode=selection]:not([size=large])) yoo-tag:not([icon=tick]):not([icon=close]){display:none}:host(:not(:hover):not([mode=selection])) yoo-form-checkbox,:host(:not(:hover):not([mode=selection])) .main .description{display:none}:host([overlaid]:not(:hover):not([mode=selection])) yoo-context-menu{display:none}:host([mode=fullscreen]){--text-content-spacing-top:var(--spacing-08, 0.5rem);--text-content-spacing-left:var(--spacing-08, 0.5rem);--hover-opacity:0;--right-container-width:17.5rem;-ms-flex-direction:row;flex-direction:row;width:100%;height:100%;padding:0;overflow:hidden;font-size:var(--font-size-16, 1rem);text-align:left;background:var(--dark, #000000);cursor:initial}:host([mode=fullscreen]) yoo-image{--image-height:unset}:host([mode=fullscreen]) yoo-audio-player{--range-trail-color:var(--app-color-20, rgba(90, 48, 244, 0.2));--play-icon-color:var(--light, #ffffff);--title-color:var(--light, #ffffff);position:absolute;bottom:calc(50% - 10rem)}:host([mode=fullscreen]) yoo-icon[name=close]{position:absolute;top:max(var(--safe-area-inset-top), var(--spacing-16, 1rem));left:max(var(--safe-area-inset-left), var(--spacing-16, 1rem));z-index:99}:host([mode=fullscreen]) yoo-items{top:max(var(--safe-area-inset-top), var(--spacing-16, 1rem));right:max(var(--safe-area-inset-right), var(--spacing-16, 1rem));z-index:99}:host([mode=fullscreen]) .main{position:relative;-ms-flex-negative:0;flex-shrink:0;width:var(--left-container-width);height:100%;background:var(--dark, #000000)}:host([mode=fullscreen]) .main .hover-container{z-index:51;opacity:var(--hover-opacity)}:host([mode=fullscreen]) .main:hover{--hover-opacity:1}:host([mode=fullscreen]) .main:hover::after(:not(.video):not(.audio)){position:absolute;z-index:50;width:100%;height:100%;background-color:var(--dark-40, rgba(0, 0, 0, 0.4));content:\"\"}:host([mode=fullscreen]) .footer{-ms-flex-negative:0;flex-shrink:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:var(--right-container-width);height:auto;padding:var(--spacing-16, 1rem);overflow:hidden;font-size:var(--font-size-14, 0.875rem);background:var(--light, #ffffff)}:host([mode=fullscreen]) .footer .avatar{display:-ms-flexbox;display:flex}:host([mode=fullscreen]) .footer .avatar yoo-context-menu{position:relative;right:initial;bottom:initial;margin-left:auto;padding-left:var(--spacing-04, 0.25rem)}:host([mode=fullscreen]) .footer .avatar yoo-tooltip{overflow:hidden}:host([mode=fullscreen]) .footer .avatar,:host([mode=fullscreen]) .footer .description .avatar{margin-top:0;font-size:var(--font-size-16, 1rem);cursor:pointer}:host([mode=fullscreen]) .footer .description{-webkit-margin-end:0;margin-inline-end:0}:host([mode=fullscreen]) .footer .description .subheading{margin-top:var(--spacing-04, 0.25rem)}:host([mode=fullscreen]) .footer .description .avatar{margin-top:var(--spacing-08, 0.5rem)}:host([mode=fullscreen]) .footer .tags-container{margin-top:var(--spacing-16, 1rem);padding-top:var(--spacing-16, 1rem);border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host([mode=fullscreen]) .footer .tags-container yoo-tag{max-width:100%;margin-right:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-08, 0.5rem)}:host([mode=fullscreen]) .footer .tags-container yoo-tooltip{max-width:100%}:host(.custommodels) .footer,:host(.missiondescriptiontemplates) .footer,:host(.missiondescriptions) .footer{height:auto}:host(.mobile),:host(.no-footer){--left-container-width:100%}:host(.mobile[type=photo]) yoo-items{margin-top:-0.25rem;margin-right:var(--spacing-32, 2rem)}";

package/dist/design-system/yoo-card-menu.entry.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { r as registerInstance, h, e as Host, g as getElement } from './index-23b437f1.js';
-import './index-c3bcaec0.js';
-import { g as getAppContext } from './common-helpers-97d3c675.js';
-import { ae as translateMulti } from './index-56657403.js';
+import './index-80dd22e6.js';
+import { g as getAppContext } from './common-helpers-3c17567f.js';
+import { ae as translateMulti } from './index-9d95c89f.js';
 import './lodash-04b11500.js';
-import './index-95d3486f.js';
+import './index-c6cd74b1.js';
 import './_commonjsHelpers-f4d11124.js';
 const cardMenuCss = "svg:not(:root){overflow:hidden}:host{--counter-color:var(--dark, #000000);--icon-color:var(--dark, #000000);--icon-background-color:transparent;--icon-margin-start:0;--icon-border-radius:0;--icon-padding:0;--icon-end-display:initial;--arrow-margin-start:var(--spacing-08, 0.5rem);--container-box-shadow:0;--container-padding-bottom:0.4rem;--container-border-radius:0;--title-padding:0;--title-font-weight:normal;--title-font-size:cssvar(font-size-14);--title-color:cssvar(dark);--background-color:transparent}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding-bottom:var(--container-padding-bottom);overflow:hidden;white-space:nowrap;background-color:var(--background-color);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);border-radius:var(--container-border-radius);-webkit-box-shadow:var(--container-box-shadow);box-shadow:var(--container-box-shadow)}:host .outer-container .title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-ms-flex:1;flex:1;padding:var(--title-padding);color:var(--title-color);font-weight:var(--title-font-weight);font-size:var(--title-font-size)}:host .outer-container yoo-icon.start{-webkit-margin-end:var(--spacing-08, 0.5rem);margin-inline-end:var(--spacing-08, 0.5rem);-webkit-margin-start:var(--icon-margin-start);margin-inline-start:var(--icon-margin-start);padding:var(--icon-padding);background-color:var(--icon-background-color);border-radius:var(--icon-border-radius);fill:var(--icon-color)}:host .outer-container yoo-icon.end{display:var(--icon-end-display);margin:0;-webkit-margin-start:var(--arrow-margin-start);margin-inline-start:var(--arrow-margin-start)}:host .outer-container .counter{color:var(--counter-color)}:host(.web.selected) .outer-container{color:var(--app-color, #5a30f4)}:host(.web.selected) .outer-container .title,:host(.web.selected) .outer-container .counter{color:var(--app-color, #5a30f4)}:host(.web.selected) .outer-container yoo-icon{fill:var(--app-color, #5a30f4)}";

package/dist/design-system/yoo-card-notification.entry.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { r as registerInstance, h, e as Host } from './index-23b437f1.js';
-import './index-c3bcaec0.js';
-import { aq as isVideo, K as isRTL, ae as translateMulti, eZ as removeTextStyle } from './index-56657403.js';
+import './index-80dd22e6.js';
+import { aq as isVideo, K as isRTL, ae as translateMulti, e_ as removeTextStyle } from './index-9d95c89f.js';
 import './lodash-04b11500.js';
-import './index-95d3486f.js';
+import './index-c6cd74b1.js';
 import './_commonjsHelpers-f4d11124.js';
 const cardNotificationCss = "svg:not(:root){overflow:hidden}:host{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%;min-height:4rem;padding:var(--spacing-04, 0.25rem) 0;cursor:pointer}:host .left-container{display:-ms-flexbox;display:flex;-webkit-margin-start:var(--spacing-16, 1rem);margin-inline-start:var(--spacing-16, 1rem);padding-top:var(--spacing-08, 0.5rem)}:host .left-container yoo-icon{margin-top:0.6875rem;margin-right:var(--spacing-08, 0.5rem)}:host .left-container yoo-icon.unread-state{opacity:1}:host .left-container yoo-icon.unread-state.read{opacity:0}:host .left-container ::slotted(yoo-avatar){--transform-avatar:translateY(0) !important}:host .left-container .text-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-margin-start:var(--spacing-08, 0.5rem);margin-inline-start:var(--spacing-08, 0.5rem);color:var(--dark, #000000);font-size:var(--font-size-16, 1rem);word-break:break-word}:host .left-container .text-container yoo-truncate{--max-lines:3}:host .left-container .text-container .title{font-weight:var(--font-weight-900, 900)}:host .right-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:4rem;-webkit-margin-end:var(--spacing-16, 1rem);margin-inline-end:var(--spacing-16, 1rem);-webkit-margin-start:var(--spacing-04, 0.25rem);margin-inline-start:var(--spacing-04, 0.25rem);padding-top:var(--spacing-08, 0.5rem)}:host .right-container .time{color:var(--text-color, #807f83);font-size:var(--font-size-12, 0.75rem);text-align:end}:host .right-container .time.unread{color:var(--app-color, #5a30f4)}:host .right-container yoo-img,:host .right-container yoo-videoplayer-core{width:var(--spacing-32, 2rem);height:var(--spacing-32, 2rem);margin:var(--spacing-04, 0.25rem) 0 var(--spacing-04, 0.25rem) auto}";

package/dist/design-system/yoo-card-plan.entry.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { r as registerInstance, h, e as Host, g as getElement } from './index-23b437f1.js';
-import './index-c3bcaec0.js';
-import { g as getAppContext } from './common-helpers-97d3c675.js';
-import { ae as translateMulti } from './index-56657403.js';
+import './index-80dd22e6.js';
+import { g as getAppContext } from './common-helpers-3c17567f.js';
+import { ae as translateMulti } from './index-9d95c89f.js';
 import './lodash-04b11500.js';
-import './index-95d3486f.js';
+import './index-c6cd74b1.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}";

package/dist/design-system/yoo-card-progress.entry.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { r as registerInstance, h, e as Host } from './index-23b437f1.js';
-import './index-c3bcaec0.js';
+import './index-80dd22e6.js';
 import { d as isFinite, r as isString } from './lodash-04b11500.js';
-import { c$ as isAnimationsDisabled, t as translate } from './index-56657403.js';
-import './index-95d3486f.js';
+import { d0 as isAnimationsDisabled, t as translate } from './index-9d95c89f.js';
+import './index-c6cd74b1.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}}";

package/dist/design-system/yoo-card-recommendation.entry.js CHANGED Viewed

@@ -1,10 +1,10 @@
 import { r as registerInstance, h, g as getElement } from './index-23b437f1.js';
-import './index-c3bcaec0.js';
-import { g as getFromOfflineStorage } from './local-forage-67a0bc6c.js';
+import './index-80dd22e6.js';
+import { g as getFromOfflineStorage } from './local-forage-2821e007.js';
 import { E as get } from './lodash-04b11500.js';
-import { bE as isOffline, t as translate, ae as translateMulti, f2 as getLessonTypeIcon, a9 as getPlanTotalItemsCount } from './index-56657403.js';
+import { bE as isOffline, t as translate, ae as translateMulti, f3 as getLessonTypeIcon, a9 as getPlanTotalItemsCount } from './index-9d95c89f.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-95d3486f.js';
+import './index-c6cd74b1.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)}";