@yoobic/yobi 8.6.0-3 → 8.6.0-5

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

@@ -1,15 +1,15 @@
-import { h, r as registerInstance, i as createEvent, f as forceUpdate, e as Host, g as getElement } from './index-a6a92b3d.js';
-import { c as FormFieldType, b as FeedPostType } from './index-847a32fd.js';
-import './index-e08fecc9.js';
+import { h, r as registerInstance, i as createEvent, f as forceUpdate, e as Host, g as getElement } from './index-22891abe.js';
+import { c as FormFieldType, b as FeedPostType } from './index-dac754e1.js';
+import './index-590d30dd.js';
 import { k as keys, a as isNumber, n as compact, i as isArray, N as size, H as isNil, p as isString, ae as partition, C as get, b as isFunction } from './lodash-777f91de.js';
-import { e as getIncentiveStatusBadgeSettings } from './incentive-helpers-b6963a8f.js';
-import { d as getCampaignStateTags, e as getCampaignTemplateTags, f as getMissionDataStateTags, h as getWaitlistVisitTags, g as getProductBatchDateTag, i as getProductBatchProgressColor } from './operation-helpers-8fa9a997.js';
-import { i as getMissionStateTags, d as getMissionUniqueKey, g as getMissionAddress, m as mapMissionToCardInboxEntry } from './missions-helpers-2cb9ab19.js';
-import { g as getButton } from './button.factory-d2151e8f.js';
-import { t as getNotificationIcon, h as execHandlerAndStopEvent, g as getAppContext } from './common-helpers-73accd43.js';
-import { a as getCalendarCourseDueDate, p as parseEntityForCardChat, o as onUserClick, b as parseFolderForCardList, c as parseEntityCommentsForCardList, d as getFolderIcon, e as parseEntityForCardMedia } from './entities-helpers-7393dd7c.js';
-import { c as createThemedClasses } from './theme-9a8b485f.js';
-import { ac as getUserDisplayName, av as pipes, ap as dispatchCustomEvent, t as translate, a3 as translateMulti, H as isWeb, fb as getType, G as showModal, a8 as getSession, eO as getEventTypeColor, d0 as getAuthentication, ao as dateFormat, fc as replaceTextWithRichContent, fd as getMediaSrcAndType, l as compareAsc, at as replaceAllLinks, aB as parseMarkDown, fe as getFormatedDate, aE as toButton, e2 as isPlanInFuture, ff as getCardFeedEntryFromFeed, fg as getCampaignConfigsForFeed, fh as getIncentiveConfigsForFeed, aC as isPhotoEdited, fi as getCardFeedEntryFromQuestion, e3 as groupsResolver, fj as getEventConfigsFromEvent, fk as getMediaSrcFromFeed, ak as isVideo, aD as changeExtension, e_ as removeTextStyle, fl as canAccessReadReceipt, fm as getWorkflowProgress, fn as getRandomSwatchColor, Q as getCssColor, fo as getCampaignIcon, fp as getCampaignColor, e$ as isCampaignTodo, eZ as isCampaignFeed, f3 as getLessonTypeIcon, bQ as fromNow, fq as getUserTags, cl as isMedia, as as replaceAtTagToMentionTag, az as isCloudinaryLink, aA as getCurrentLanguage, W as getAsyncExtraData, fr as fileHasIcon, dd as getVideoPoster, fs as getIconName, ft as getIconColor, fu as getLanguageFlag, fv as getDashboardTags, aM as isPresent, m as isSameDate, eL as getEventStatusInfo, fw as getRoleTitle, fx as getMobileFieldIcon, a7 as getPlanDueDate, am as isImage, fy as isCampaignAnnouncementByUser, bS as isCampaignActive, fz as getCommunityKpis, f4 as mapKpiData, fA as changeHexOpacity } from './index-44691ffd.js';
+import { e as getIncentiveStatusBadgeSettings } from './incentive-helpers-d578fc3a.js';
+import { d as getCampaignStateTags, e as getCampaignTemplateTags, f as getMissionDataStateTags, h as getWaitlistVisitTags, g as getProductBatchDateTag, i as getProductBatchProgressColor } from './operation-helpers-459b75e3.js';
+import { i as getMissionStateTags, d as getMissionUniqueKey, g as getMissionAddress, m as mapMissionToCardInboxEntry } from './missions-helpers-cfcf44a7.js';
+import { g as getButton } from './button.factory-593a6ba3.js';
+import { t as getNotificationIcon, h as execHandlerAndStopEvent, g as getAppContext } from './common-helpers-2a9aacec.js';
+import { a as getCalendarCourseDueDate, p as parseEntityForCardChat, o as onUserClick, b as parseFolderForCardList, c as parseEntityCommentsForCardList, d as getFolderIcon, e as parseEntityForCardMedia } from './entities-helpers-b5569bff.js';
+import { c as createThemedClasses } from './theme-f540795a.js';
+import { ac as getUserDisplayName, av as pipes, ap as dispatchCustomEvent, t as translate, a3 as translateMulti, H as isWeb, fc as getType, G as showModal, a8 as getSession, eP as getEventTypeColor, d0 as getAuthentication, ao as dateFormat, fd as replaceTextWithRichContent, fe as getMediaSrcAndType, l as compareAsc, at as replaceAllLinks, aB as parseMarkDown, ff as getFormatedDate, aE as toButton, e2 as isPlanInFuture, fg as getCardFeedEntryFromFeed, fh as getCampaignConfigsForFeed, fi as getIncentiveConfigsForFeed, aC as isPhotoEdited, fj as getCardFeedEntryFromQuestion, e3 as groupsResolver, fk as getEventConfigsFromEvent, fl as getMediaSrcFromFeed, ak as isVideo, aD as changeExtension, e$ as removeTextStyle, fm as canAccessReadReceipt, fn as getWorkflowProgress, fo as getRandomSwatchColor, Q as getCssColor, fp as getCampaignIcon, fq as getCampaignColor, f0 as isCampaignTodo, e_ as isCampaignFeed, f4 as getLessonTypeIcon, bQ as fromNow, fr as getUserTags, cl as isMedia, as as replaceAtTagToMentionTag, az as isCloudinaryLink, aA as getCurrentLanguage, W as getAsyncExtraData, fs as fileHasIcon, dd as getVideoPoster, ft as getIconName, fu as getIconColor, fv as getLanguageFlag, fw as getDashboardTags, aM as isPresent, m as isSameDate, eM as getEventStatusInfo, fx as getRoleTitle, fy as getMobileFieldIcon, a7 as getPlanDueDate, am as isImage, fz as isCampaignAnnouncementByUser, bS as isCampaignActive, fA as getCommunityKpis, f5 as mapKpiData, fB as changeHexOpacity } from './index-97f4ed07.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const entitySimpleCardLists = [
@@ -62,7 +62,7 @@ const LocationAvatarCard = ({ item }) => {
   return (h("yoo-card-avatar", { avatar: { imgSrc: imageData, isVip: vip }, heading: { color: 'dark', text: title }, subheading: { icon: { name: 'pin', size: 'small' }, text: pipes.distance.transform(distance) } }));
 };
 
-const entityCss = "svg:not(:root){overflow:hidden}:host{--padding:0;--padding-right-content-container:0;--padding-left-content-container:0;--padding-right-content-container-card-list:0;--overflow-card-heading-text-card-list:hidden;--text-overflow-card-heading-text-card-list:ellipsis;--white-space-card-heading-text-card-list:normal;--font-size-icon-check-selected:var(--icon-size-02, 1.5rem);--top-pos-check-selected:0;--bottom-pos-check-selected:0;--entity-background:none;--margin:0.1rem 0.5rem 1rem 0.5rem !important;--icon-color:var(--app-color, #5a30f4);--height-lessons-outer-container-card-list:2.5rem;--justify-content-content-container-card-list:flex-start;--heading-font-size-card-list:var(--font-size-14, 0.875rem);--card-list-simple-color:var(--dark, #000000);--card-image-border-radius:var(--border-radius-08, 0.5rem);--card-image-description-align-items:center;--card-image-description-justify-content:center;--card-image-description-text-align:center;--card-image-height:100%;--card-image-overlay:var(--dark-40, rgba(0, 0, 0, 0.4));--card-image-inner-spacing:var(--spacing-16, 1rem);--card-image-subtitle-font-size:var(--font-size-12, 0.75rem);--card-image-subtitle-font-weight:normal;--card-image-subtitle-line-clamp:1;--card-image-subtitle-line-height:1.5;--card-image-title-font-size:var(--font-size-16, 1rem);--card-image-title-font-weight:bold;--card-image-title-line-clamp:1;--card-image-title-line-height:1.5;overflow:hidden}:host yoo-card-list-simple{--inner-text-color:var(--card-list-simple-color)}:host .icon-container{margin-right:1rem}:host .icon-container .icon{width:3rem;height:3rem;background-color:var(--stable-light, #f1f1f1);border:var(--border-width-01, 0.0625rem) solid var(--stable-40, rgba(173, 173, 173, 0.4));border-radius:50%}:host .avatar-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}:host .avatar-container yoo-avatar{margin-bottom:var(--spacing-08, 0.5rem)}:host .content-container{padding-right:var(--padding-right-content-container);padding-left:var(--padding-left-content-container);text-align:left}:host .content-container .title{font-weight:var(--font-weight-700, 700)}:host .content-container .subtitle{opacity:0.65}:host yoo-card-image{--title-margin:var(--card-image-title-margin);--description-align-items:var(--card-image-description-align-items);--description-justify-content:var(--card-image-description-justify-content);--description-text-align:var(--card-image-description-text-align);--image-overlay:var(--card-image-overlay);--inner-spacing:var(--catd-image-inner-spacing);--subtitle-font-size:var(--card-image-subtitle-font-size);--subtitle-font-weight:var(--card-image-subtitle-font-weight);--subtitle-line-clamp:var(--card-image-subtitle-line-clamp);--subtitle-line-height:var(--card-image-subtitle-line-height);--title-font-size:var(--card-image-title-font-size);--title-font-weight:var(--card-image-title-font-weight);--title-line-clamp:var(--card-image-title-line-clamp);--title-line-height:var(--card-image-title-line-height);height:var(--card-image-height);border-radius:var(--card-image-border-radius)}:host yoo-card-list{--overflow-card-heading-text:var(--overflow-card-heading-text-card-list);--text-overflow-card-heading-text:var(--text-overflow-card-heading-text-card-list);--white-space-card-heading-text:var(--white-space-card-heading-text-card-list);--card-list-background:var(--entity-background);--height-lessons-outer-container:var(--height-lessons-outer-container-card-list);--justify-content-content-container:var(--justify-content-content-container-card-list);--heading-font-size:var(--heading-font-size-card-list)}:host yoo-card-battle.grid-cell,:host yoo-card-battle-result.grid-cell{padding:var(--spacing-08, 0.5rem) 0}:host yoo-card-battle-result.grid-cell{min-width:15.625rem}:host .dirty{border-right:var(--spacing-02, 0.125rem) solid var(--energized, #ffc043)}:host .actions{display:grid;grid-auto-flow:column;grid-gap:var(--spacing-16, 1rem)}:host .actions.bottom{margin-top:var(--spacing-08, 0.5rem)}:host(:not(.autocomplete)) yoo-avatar{--transform-avatar:translateY(5px)}:host(.last.framed) yoo-card-list{--border-bottom-outer-container:none !important}:host(.child) yoo-card-list{padding-left:2.8125rem}:host(.check-selected.web.giphy) yoo-card-cell,:host(.check-selected.web.unsplash) yoo-card-cell,:host(.check-selected.web.files) yoo-card-cell{--display-after-image:block;--position-image-container:relative;--opacity-image:0.2}:host(.check-selected:not(.web)):after{position:absolute;top:var(--top-pos-check-selected);right:0;bottom:var(--bottom-pos-check-selected);left:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-top:1px;margin-bottom:0.0625rem;padding:0 0.5rem;font-size:var(--font-size-icon-check-selected);font-family:yoobicons, Helvetica, sans-serif;-webkit-transform:translateY(-2.5%);transform:translateY(-2.5%)}:host(.check-selected:not(.web)) yoo-card-list,:host(.check-selected:not(.web)) yoo-card-list-simple{--border-bottom-outer-container:0.0625rem solid var(--stable-alt-40, rgba(208, 208, 208, 0.4));--margin-content-container-right:2.625rem}:host(.check-selected:not(.web)):after{color:var(--icon-color);content:\"\\e93c\"}:host(.check-selected:not(.web)) yoo-card-cell{--display-after-image:block;--position-image-container:relative;--opacity-image:0.2}:host(.rtl.check-selected:not(.web)):after{right:auto;left:0}:host(.rtl.check-unselected:not(.web):not(.card-cell)):after,:host(.rtl.check-unselected:not(.web):not(.card-cell).last):after{right:auto;left:0}:host(.check-selected:not(.web).last):after{position:absolute;top:var(--top-pos-check-selected);right:0;bottom:var(--bottom-pos-check-selected);left:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-top:1px;margin-bottom:0.0625rem;padding:0 0.5rem;font-size:var(--font-size-icon-check-selected);font-family:yoobicons, Helvetica, sans-serif;-webkit-transform:translateY(-2.5%);transform:translateY(-2.5%)}:host(.check-selected:not(.web).last) yoo-card-list,:host(.check-selected:not(.web).last) yoo-card-list-simple{--border-bottom-outer-container:0.0625rem solid var(--stable-alt-40, rgba(208, 208, 208, 0.4));--margin-content-container-right:2.625rem}:host(.check-unselected:not(.web):not(.card-cell)):after{position:absolute;top:var(--top-pos-check-selected);right:0;bottom:var(--bottom-pos-check-selected);left:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-top:1px;margin-bottom:0.0625rem;padding:0 0.5rem;font-size:var(--font-size-icon-check-selected);font-family:yoobicons, Helvetica, sans-serif;-webkit-transform:translateY(-2.5%);transform:translateY(-2.5%)}:host(.check-unselected:not(.web):not(.card-cell)) yoo-card-list,:host(.check-unselected:not(.web):not(.card-cell)) yoo-card-list-simple{--border-bottom-outer-container:0.0625rem solid var(--stable-alt-40, rgba(208, 208, 208, 0.4));--margin-content-container-right:2.625rem}:host(.check-unselected:not(.web):not(.card-cell)):after{color:var(--stable, #adadad);content:\"\\e93f\"}:host(.check-unselected:not(.web):not(.card-cell).last):after{position:absolute;top:var(--top-pos-check-selected);right:0;bottom:var(--bottom-pos-check-selected);left:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-top:1px;margin-bottom:0.0625rem;padding:0 0.5rem;font-size:var(--font-size-icon-check-selected);font-family:yoobicons, Helvetica, sans-serif;-webkit-transform:translateY(-2.5%);transform:translateY(-2.5%)}:host(.check-unselected:not(.web):not(.card-cell).last) yoo-card-list,:host(.check-unselected:not(.web):not(.card-cell).last) yoo-card-list-simple{--border-bottom-outer-container:0.0625rem solid var(--stable-alt-40, rgba(208, 208, 208, 0.4));--margin-content-container-right:2.625rem}:host(.check-selected-left:not(.web):not(.card-cell)):before{position:absolute;top:var(--top-pos-check-selected);right:auto;bottom:var(--bottom-pos-check-selected);left:0.4rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-top:1px;margin-bottom:0.0625rem;padding:0 0.5rem;font-size:var(--font-size-icon-check-selected);font-family:yoobicons, Helvetica, sans-serif;-webkit-transform:translateY(-2.5%);transform:translateY(-2.5%)}:host(.check-selected-left:not(.web):not(.card-cell)) yoo-card-list,:host(.check-selected-left:not(.web):not(.card-cell)) yoo-card-list-simple{--border-bottom-outer-container:0.0625rem solid var(--stable-alt-40, rgba(208, 208, 208, 0.4));--margin-content-container-left:3rem}:host(.check-selected-left:not(.web):not(.card-cell)):before{color:var(--icon-color);content:\"\\e93c\"}:host(.check-selected-left:not(.web):not(.card-cell)) yoo-card-cell{--display-after-image:block;--position-image-container:relative;--opacity-image:0.2}:host(.check-unselected-left:not(.web):not(.card-cell)):before{position:absolute;top:var(--top-pos-check-selected);right:auto;bottom:var(--bottom-pos-check-selected);left:0.4rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-top:1px;margin-bottom:0.0625rem;padding:0 0.5rem;font-size:var(--font-size-icon-check-selected);font-family:yoobicons, Helvetica, sans-serif;-webkit-transform:translateY(-2.5%);transform:translateY(-2.5%)}:host(.check-unselected-left:not(.web):not(.card-cell)) yoo-card-list,:host(.check-unselected-left:not(.web):not(.card-cell)) yoo-card-list-simple{--border-bottom-outer-container:0.0625rem solid var(--stable-alt-40, rgba(208, 208, 208, 0.4));--margin-content-container-left:3rem}:host(.check-unselected-left:not(.web):not(.card-cell)):before{color:var(--stable, #adadad);content:\"\\e93f\"}:host(.card-cell.check-unselected-left.web)::after{position:absolute;top:var(--spacing-04, 0.25rem);right:var(--spacing-04, 0.25rem);bottom:auto;left:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:1.3rem;font-size:var(--font-size-20, 1.25rem);font-family:yoobicons, Helvetica, sans-serif;background-color:var(--light, #ffffff);border-radius:50%;color:var(--light, #ffffff);content:\"\\e940\"}:host(.card-cell.selected.check-selected-left.web)::after{position:absolute;top:var(--spacing-04, 0.25rem);right:var(--spacing-04, 0.25rem);bottom:auto;left:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:1.3rem;font-size:var(--font-size-20, 1.25rem);font-family:yoobicons, Helvetica, sans-serif;background-color:var(--light, #ffffff);border-radius:50%;color:var(--app-color, #5a30f4);content:\"\\e93c\"}:host(.language) yoo-card-list{--margin-content-container-right:var(--padding);--border-bottom-outer-container:0.0625rem solid var(--stable-light, #f1f1f1);--padding-content-container:0.5rem var(--padding-right-content-container-card-list);--margin-image-container:0;--justify-content-content-container:center}:host(.environnement) yoo-card-list{--margin-content-container-right:var(--padding);--border-bottom-outer-container:0.0625rem solid var(--stable-light, #f1f1f1);--padding-content-container:0.5rem var(--padding-right-content-container-card-list);--margin-image-container:0;--justify-content-content-container:center}:host(.catalog-display){display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;overflow:hidden}:host(.user){overflow:visible}:host(.violetproducts) yoo-card-list,:host(.violetbasketitems) yoo-card-list{--border-bottom-outer-container:0}:host(.autocomplete-selected:not(.emails)){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.autocomplete-selected:not(.emails)) yoo-card-list-simple{--border-bottom-outer-container:0}:host(.autocomplete-selected:not(.emails)) yoo-card-list{--border-bottom-outer-container:0}:host(.autocomplete-selected:not(.emails)) yoo-tag.readonly{padding:0 var(--spacing-08, 0.5rem) 0 0}:host(.autocomplete-selected:not(.emails)) .readonly-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-alt-40, rgba(208, 208, 208, 0.4))}:host(.autocomplete-selected.card-tag-single:not(.emails)) yoo-tag.readonly{padding:0}:host(.emails) yoo-tag{padding:var(--spacing-02, 0.125rem)}:host(.autocomplete-selected) yoo-tag{max-width:100%}:host(.autocomplete-selected.last) .readonly-container{border-bottom:none}:host(.autocomplete.icons.card-cell){color:var(--dark, #000000)}:host(.photos.card-cell:not(.card-tag-single):not(.autocomplete-selected)),:host(.giphy.card-cell:not(.card-tag-single):not(.autocomplete-selected)),:host(.unsplash.card-cell:not(.card-tag-single):not(.autocomplete-selected)){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:120px;height:120px;margin-bottom:0.25rem}:host(.giphy.card-cell:not(.card-tag-single)),:host(.unsplash.card-cell:not(.card-tag-single)){height:140px}:host(.photos.framed.card-cell),:host(.giphy.framed.card-cell),:host(.unsplash.framed.card-cell){width:100px;height:100px}:host(.web.photos.card-cell),:host(.web.giphy.card-cell),:host(.web.unsplash.card-cell){position:relative;z-index:1;width:100px;height:100px;overflow:visible}:host(.web.photos.context-menu-open){z-index:2}:host(.apps){overflow:visible}:host(.card-feed){height:100% !important}:host(.card-feed.web){-ms-flex-align:center;align-items:center}:host(.collapsible:not(.map):not(.web)),:host(:not(.autocomplete).locations.no-kpi:not(.map):not(.framed):not(.web)){display:block;height:auto;margin-bottom:var(--spacing-16, 1rem);background:var(--light, #ffffff);background:var(--light-10, rgba(255, 255, 255, 0.1));border-radius:0.5rem;-webkit-box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08))}:host(.products.simple) yoo-card-list{--border-bottom-outer-container:none}:host(.no-border) yoo-card-list,:host(.no-border) yoo-card-list-simple,:host(.no-border) yoo-card-plan,:host(.framed) yoo-card-list,:host(.framed) yoo-card-list-simple,:host(.framed) yoo-card-plan{--border-bottom-outer-container:none;border:none}:host(.bold) yoo-badge{font-weight:bold}:host(.block){display:block}:host(.draggable){display:block;background:var(--light, #ffffff)}:host(.missiondatas.map) yoo-card-list{min-width:9.375rem;padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);background:var(--light, #ffffff);border-radius: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(.map) yoo-card-list.custom-model{min-width:9.375rem;margin-right:var(--spacing-08, 0.5rem);padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);background:var(--light, #ffffff);border-radius:var(--spacing-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(.readonly-address){white-space:unset}:host(.badges) .tag-container{width:4rem;text-align:center}:host(.badges) .tag-container yoo-tag{-ms-flex-pack:center;justify-content:center}:host(.badges) .tag-container .tag-title{margin-top:var(--spacing-08, 0.5rem);font-size:var(--font-size-12, 0.75rem)}:host(.violetproductofferskus) .slot-container .bg-accent{background-color:var(--accent, #276ef1) !important}:host(.violetproductofferskus) .slot-container .accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}:host(.violetproductofferskus) .slot-container .bg-app-color{background-color:var(--app-color, #5a30f4) !important}:host(.violetproductofferskus) .slot-container .app-color{color:var(--app-color, #5a30f4);fill:var(--app-color, #5a30f4)}:host(.violetproductofferskus) .slot-container .bg-danger{background-color:var(--danger, #d44333) !important}:host(.violetproductofferskus) .slot-container .danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}:host(.violetproductofferskus) .slot-container .bg-dark{background-color:var(--dark, #000000) !important}:host(.violetproductofferskus) .slot-container .dark{color:var(--dark, #000000);fill:var(--dark, #000000)}:host(.violetproductofferskus) .slot-container .bg-energized{background-color:var(--energized, #ffc043) !important}:host(.violetproductofferskus) .slot-container .energized{color:var(--energized, #ffc043);fill:var(--energized, #ffc043)}:host(.violetproductofferskus) .slot-container .bg-info{background-color:var(--info, #d84c96) !important}:host(.violetproductofferskus) .slot-container .info{color:var(--info, #d84c96);fill:var(--info, #d84c96)}:host(.violetproductofferskus) .slot-container .bg-light{background-color:var(--light, #ffffff) !important}:host(.violetproductofferskus) .slot-container .light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}:host(.violetproductofferskus) .slot-container .bg-stable{background-color:var(--stable, #adadad) !important}:host(.violetproductofferskus) .slot-container .stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}:host(.violetproductofferskus) .slot-container .bg-stable-alt{background-color:var(--stable-alt, #d0d0d0) !important}:host(.violetproductofferskus) .slot-container .stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}:host(.violetproductofferskus) .slot-container .bg-stable-light{background-color:var(--stable-light, #f1f1f1) !important}:host(.violetproductofferskus) .slot-container .stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}:host(.violetproductofferskus) .slot-container .bg-stable-ultralight{background-color:var(--stable-ultralight, #fafafa) !important}:host(.violetproductofferskus) .slot-container .stable-ultralight{color:var(--stable-ultralight, #fafafa);fill:var(--stable-ultralight, #fafafa)}:host(.violetproductofferskus) .slot-container .bg-success{background-color:var(--success, #3aa76d) !important}:host(.violetproductofferskus) .slot-container .success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}:host(.violetproductofferskus) .slot-container .bg-text-color{background-color:var(--text-color, #807f83) !important}:host(.violetproductofferskus) .slot-container .text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}:host(.violetproductofferskus) .slot-container .bg-warning{background-color:var(--warning, #ed6e33) !important}:host(.violetproductofferskus) .slot-container .warning{color:var(--warning, #ed6e33);fill:var(--warning, #ed6e33)}:host(.violetproductofferskus) .slot-container .bg-wood{background-color:var(--wood, #99644c) !important}:host(.violetproductofferskus) .slot-container .wood{color:var(--wood, #99644c);fill:var(--wood, #99644c)}:host(.dashboards.card-list-color){display:block;margin-bottom:var(--spacing-08, 0.5rem)}:host(.feeds.card-campaign),:host(.missions.card-list.feed){padding:var(--spacing-08, 0.5rem);background-color:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host(.channel.web.selected) yoo-card-chat,:host(.channels.web.selected) yoo-card-chat{background-color:var(--stable-light-40, rgba(241, 241, 241, 0.4)) !important}:host(.web.card-file) yoo-card-file:not(.isPdf){max-width:240px}:host(.card-chat){--top-pos-check-selected:auto}:host(.channel.card-cell) yoo-card-avatar,:host(.channel.card-cell) yoo-card-avatars,:host(.channels.card-cell) yoo-card-avatar,:host(.channels.card-cell) yoo-card-avatars{padding-top:var(--spacing-08, 0.5rem)}:host(.channel.card-cell) yoo-tag,:host(.channels.card-cell) yoo-tag{top:0;width:100%;max-width:6.5rem}:host(.card-cell-color) yoo-card-list-color{height:100%}:host(.card-cell-image) yoo-card-image:before{display:block;padding-bottom:100%;content:\"\"}:host(.communities) yoo-card-image{background-image:-webkit-gradient(linear, left top, left bottom, color-stop(-73%, rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.5))), -webkit-gradient(linear, left top, left bottom, from(#276ef1), to(#276ef1));background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0) -73%, rgba(0, 0, 0, 0.5)), linear-gradient(to bottom, #276ef1, #276ef1);--description-align-items:flex-start;--description-justify-content:flex-end;--description-text-align:start;--inner-spacing:var(--spacing-08, 0.5rem);--subtitle-line-height:var(--font-size-16, 1rem);--image-overlay:linear-gradient(to bottom, var(--transparent-linear-gradient, rgba(255, 255, 255, 0)) -73%, var(--dark-40, rgba(0, 0, 0, 0.4)));--title-font-size:var(--font-size-14, 0.875rem);--title-line-height:var(--font-size-24, 1.5rem)}:host(.broadcasts) yoo-card-image{--description-align-items:flex-start;--description-justify-content:flex-end;--description-text-align:start;--inner-spacing:var(--spacing-08, 0.5rem);--subtitle-line-height:var(--font-size-20, 1.25rem);--image-overlay:linear-gradient(to bottom, var(--transparent-linear-gradient, rgba(255, 255, 255, 0)) -73%, var(--dark-40, rgba(0, 0, 0, 0.4)));--title-font-size:var(--font-size-14, 0.875rem);--title-line-height:var(--font-size-32, 2rem)}:host(.coursecategories) yoo-card-menu:hover{cursor:pointer}:host(.coursecategories) yoo-card-menu{--counter-color:var(--stable);--icon-color:var(--dark);--icon-background-color:var(--dark-10);--icon-margin-start:var(--spacing-16);--icon-border-radius:var(--spacing-64);--icon-padding:var(--spacing-04);--container-box-shadow:var(--shadow-01);--container-padding-bottom:0;--container-border-radius:var(--border-radius-08);--title-padding:0.75rem 0 0.75rem 0;--arrow-margin:0;--background-color:var(--light)}";
+const entityCss = "svg:not(:root){overflow:hidden}:host{--padding:0;--padding-right-content-container:0;--padding-left-content-container:0;--padding-right-content-container-card-list:0;--overflow-card-heading-text-card-list:hidden;--text-overflow-card-heading-text-card-list:ellipsis;--white-space-card-heading-text-card-list:normal;--font-size-icon-check-selected:var(--icon-size-02, 1.5rem);--top-pos-check-selected:0;--bottom-pos-check-selected:0;--entity-background:none;--margin:0.1rem 0.5rem 1rem 0.5rem !important;--icon-color:var(--app-color, #5a30f4);--height-lessons-outer-container-card-list:2.5rem;--justify-content-content-container-card-list:flex-start;--heading-font-size-card-list:var(--font-size-14, 0.875rem);--card-list-simple-color:var(--dark, #000000);--card-image-border-radius:var(--border-radius-08, 0.5rem);--card-image-description-align-items:center;--card-image-description-justify-content:center;--card-image-description-text-align:center;--card-image-height:100%;--card-image-overlay:var(--dark-40, rgba(0, 0, 0, 0.4));--card-image-inner-spacing:var(--spacing-16, 1rem);--card-image-subtitle-font-size:var(--font-size-12, 0.75rem);--card-image-subtitle-font-weight:normal;--card-image-subtitle-line-clamp:1;--card-image-subtitle-line-height:1.5;--card-image-title-font-size:var(--font-size-16, 1rem);--card-image-title-font-weight:bold;--card-image-title-line-clamp:1;--card-image-title-line-height:1.5;overflow:hidden}:host yoo-card-list-simple{--inner-text-color:var(--card-list-simple-color)}:host .icon-container{margin-right:1rem}:host .icon-container .icon{width:3rem;height:3rem;background-color:var(--stable-light, #f1f1f1);border:var(--border-width-01, 0.0625rem) solid var(--stable-40, rgba(173, 173, 173, 0.4));border-radius:50%}:host .avatar-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}:host .avatar-container yoo-avatar{margin-bottom:var(--spacing-08, 0.5rem)}:host .content-container{padding-right:var(--padding-right-content-container);padding-left:var(--padding-left-content-container);text-align:left}:host .content-container .title{font-weight:var(--font-weight-700, 700)}:host .content-container .subtitle{opacity:0.65}:host yoo-card-image{--title-margin:var(--card-image-title-margin);--description-align-items:var(--card-image-description-align-items);--description-justify-content:var(--card-image-description-justify-content);--description-text-align:var(--card-image-description-text-align);--image-overlay:var(--card-image-overlay);--inner-spacing:var(--catd-image-inner-spacing);--subtitle-font-size:var(--card-image-subtitle-font-size);--subtitle-font-weight:var(--card-image-subtitle-font-weight);--subtitle-line-clamp:var(--card-image-subtitle-line-clamp);--subtitle-line-height:var(--card-image-subtitle-line-height);--title-font-size:var(--card-image-title-font-size);--title-font-weight:var(--card-image-title-font-weight);--title-line-clamp:var(--card-image-title-line-clamp);--title-line-height:var(--card-image-title-line-height);height:var(--card-image-height);border-radius:var(--card-image-border-radius)}:host yoo-card-list{--overflow-card-heading-text:var(--overflow-card-heading-text-card-list);--text-overflow-card-heading-text:var(--text-overflow-card-heading-text-card-list);--white-space-card-heading-text:var(--white-space-card-heading-text-card-list);--card-list-background:var(--entity-background);--height-lessons-outer-container:var(--height-lessons-outer-container-card-list);--justify-content-content-container:var(--justify-content-content-container-card-list);--heading-font-size:var(--heading-font-size-card-list)}:host yoo-card-battle.grid-cell,:host yoo-card-battle-result.grid-cell{padding:var(--spacing-08, 0.5rem) 0}:host yoo-card-battle-result.grid-cell{min-width:15.625rem}:host .dirty{border-right:var(--spacing-02, 0.125rem) solid var(--energized, #ffc043)}:host .actions{display:grid;grid-auto-flow:column;grid-gap:var(--spacing-16, 1rem)}:host .actions.bottom{margin-top:var(--spacing-08, 0.5rem)}:host(:not(.autocomplete)) yoo-avatar{--transform-avatar:translateY(5px)}:host(.last.framed) yoo-card-list{--border-bottom-outer-container:none !important}:host(.child) yoo-card-list{padding-left:2.8125rem}:host(.check-selected.web.giphy) yoo-card-cell,:host(.check-selected.web.unsplash) yoo-card-cell,:host(.check-selected.web.files) yoo-card-cell{--display-after-image:block;--position-image-container:relative;--opacity-image:0.2}:host(.check-selected:not(.web)):after{position:absolute;top:var(--top-pos-check-selected);right:0;bottom:var(--bottom-pos-check-selected);left:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-top:1px;margin-bottom:0.0625rem;padding:0 0.5rem;font-size:var(--font-size-icon-check-selected);font-family:yoobicons, Helvetica, sans-serif;-webkit-transform:translateY(-2.5%);transform:translateY(-2.5%)}:host(.check-selected:not(.web)) yoo-card-list,:host(.check-selected:not(.web)) yoo-card-list-simple{--border-bottom-outer-container:0.0625rem solid var(--stable-alt-40, rgba(208, 208, 208, 0.4));--margin-content-container-right:2.625rem}:host(.check-selected:not(.web)):after{color:var(--icon-color);content:\"\\e93c\"}:host(.check-selected:not(.web)) yoo-card-cell{--display-after-image:block;--position-image-container:relative;--opacity-image:0.2}:host(.rtl.check-selected:not(.web)):after{right:auto;left:0}:host(.rtl.check-unselected:not(.web):not(.card-cell)):after,:host(.rtl.check-unselected:not(.web):not(.card-cell).last):after{right:auto;left:0}:host(.check-selected:not(.web).last):after{position:absolute;top:var(--top-pos-check-selected);right:0;bottom:var(--bottom-pos-check-selected);left:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-top:1px;margin-bottom:0.0625rem;padding:0 0.5rem;font-size:var(--font-size-icon-check-selected);font-family:yoobicons, Helvetica, sans-serif;-webkit-transform:translateY(-2.5%);transform:translateY(-2.5%)}:host(.check-selected:not(.web).last) yoo-card-list,:host(.check-selected:not(.web).last) yoo-card-list-simple{--border-bottom-outer-container:0.0625rem solid var(--stable-alt-40, rgba(208, 208, 208, 0.4));--margin-content-container-right:2.625rem}:host(.check-unselected:not(.web):not(.card-cell)):after{position:absolute;top:var(--top-pos-check-selected);right:0;bottom:var(--bottom-pos-check-selected);left:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-top:1px;margin-bottom:0.0625rem;padding:0 0.5rem;font-size:var(--font-size-icon-check-selected);font-family:yoobicons, Helvetica, sans-serif;-webkit-transform:translateY(-2.5%);transform:translateY(-2.5%)}:host(.check-unselected:not(.web):not(.card-cell)) yoo-card-list,:host(.check-unselected:not(.web):not(.card-cell)) yoo-card-list-simple{--border-bottom-outer-container:0.0625rem solid var(--stable-alt-40, rgba(208, 208, 208, 0.4));--margin-content-container-right:2.625rem}:host(.check-unselected:not(.web):not(.card-cell)):after{color:var(--stable, #adadad);content:\"\\e93f\"}:host(.check-unselected:not(.web):not(.card-cell).last):after{position:absolute;top:var(--top-pos-check-selected);right:0;bottom:var(--bottom-pos-check-selected);left:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-top:1px;margin-bottom:0.0625rem;padding:0 0.5rem;font-size:var(--font-size-icon-check-selected);font-family:yoobicons, Helvetica, sans-serif;-webkit-transform:translateY(-2.5%);transform:translateY(-2.5%)}:host(.check-unselected:not(.web):not(.card-cell).last) yoo-card-list,:host(.check-unselected:not(.web):not(.card-cell).last) yoo-card-list-simple{--border-bottom-outer-container:0.0625rem solid var(--stable-alt-40, rgba(208, 208, 208, 0.4));--margin-content-container-right:2.625rem}:host(.check-selected-left:not(.web):not(.card-cell)):before{position:absolute;top:var(--top-pos-check-selected);right:auto;bottom:var(--bottom-pos-check-selected);left:0.4rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-top:1px;margin-bottom:0.0625rem;padding:0 0.5rem;font-size:var(--font-size-icon-check-selected);font-family:yoobicons, Helvetica, sans-serif;-webkit-transform:translateY(-2.5%);transform:translateY(-2.5%)}:host(.check-selected-left:not(.web):not(.card-cell)) yoo-card-list,:host(.check-selected-left:not(.web):not(.card-cell)) yoo-card-list-simple{--border-bottom-outer-container:0.0625rem solid var(--stable-alt-40, rgba(208, 208, 208, 0.4));--margin-content-container-left:3rem}:host(.check-selected-left:not(.web):not(.card-cell)):before{color:var(--icon-color);content:\"\\e93c\"}:host(.check-selected-left:not(.web):not(.card-cell)) yoo-card-cell{--display-after-image:block;--position-image-container:relative;--opacity-image:0.2}:host(.check-unselected-left:not(.web):not(.card-cell)):before{position:absolute;top:var(--top-pos-check-selected);right:auto;bottom:var(--bottom-pos-check-selected);left:0.4rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-top:1px;margin-bottom:0.0625rem;padding:0 0.5rem;font-size:var(--font-size-icon-check-selected);font-family:yoobicons, Helvetica, sans-serif;-webkit-transform:translateY(-2.5%);transform:translateY(-2.5%)}:host(.check-unselected-left:not(.web):not(.card-cell)) yoo-card-list,:host(.check-unselected-left:not(.web):not(.card-cell)) yoo-card-list-simple{--border-bottom-outer-container:0.0625rem solid var(--stable-alt-40, rgba(208, 208, 208, 0.4));--margin-content-container-left:3rem}:host(.check-unselected-left:not(.web):not(.card-cell)):before{color:var(--stable, #adadad);content:\"\\e93f\"}:host(.card-cell.check-unselected-left.web)::after{position:absolute;top:var(--spacing-04, 0.25rem);right:var(--spacing-04, 0.25rem);bottom:auto;left:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:1.3rem;font-size:var(--font-size-20, 1.25rem);font-family:yoobicons, Helvetica, sans-serif;background-color:var(--light, #ffffff);border-radius:50%;color:var(--light, #ffffff);content:\"\\e940\"}:host(.card-cell.selected.check-selected-left.web)::after{position:absolute;top:var(--spacing-04, 0.25rem);right:var(--spacing-04, 0.25rem);bottom:auto;left:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:1.3rem;font-size:var(--font-size-20, 1.25rem);font-family:yoobicons, Helvetica, sans-serif;background-color:var(--light, #ffffff);border-radius:50%;color:var(--app-color, #5a30f4);content:\"\\e93c\"}:host(.language) yoo-card-list{--margin-content-container-right:var(--padding);--border-bottom-outer-container:0.0625rem solid var(--stable-light, #f1f1f1);--padding-content-container:0.5rem var(--padding-right-content-container-card-list);--margin-image-container:0;--justify-content-content-container:center}:host(.environnement) yoo-card-list{--margin-content-container-right:var(--padding);--border-bottom-outer-container:0.0625rem solid var(--stable-light, #f1f1f1);--padding-content-container:0.5rem var(--padding-right-content-container-card-list);--margin-image-container:0;--justify-content-content-container:center}:host(.catalog-display){display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;overflow:hidden}:host(.user){overflow:visible}:host(.autocomplete-selected:not(.emails)){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.autocomplete-selected:not(.emails)) yoo-card-list-simple{--border-bottom-outer-container:0}:host(.autocomplete-selected:not(.emails)) yoo-card-list{--border-bottom-outer-container:0}:host(.autocomplete-selected:not(.emails)) yoo-tag.readonly{padding:0 var(--spacing-08, 0.5rem) 0 0}:host(.autocomplete-selected:not(.emails)) .readonly-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-alt-40, rgba(208, 208, 208, 0.4))}:host(.autocomplete-selected.card-tag-single:not(.emails)) yoo-tag.readonly{padding:0}:host(.emails) yoo-tag{padding:var(--spacing-02, 0.125rem)}:host(.autocomplete-selected) yoo-tag{max-width:100%}:host(.autocomplete-selected.last) .readonly-container{border-bottom:none}:host(.autocomplete.icons.card-cell){color:var(--dark, #000000)}:host(.photos.card-cell:not(.card-tag-single):not(.autocomplete-selected)),:host(.giphy.card-cell:not(.card-tag-single):not(.autocomplete-selected)),:host(.unsplash.card-cell:not(.card-tag-single):not(.autocomplete-selected)){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:120px;height:120px;margin-bottom:0.25rem}:host(.giphy.card-cell:not(.card-tag-single)),:host(.unsplash.card-cell:not(.card-tag-single)){height:140px}:host(.photos.framed.card-cell),:host(.giphy.framed.card-cell),:host(.unsplash.framed.card-cell){width:100px;height:100px}:host(.web.photos.card-cell),:host(.web.giphy.card-cell),:host(.web.unsplash.card-cell){position:relative;z-index:1;width:100px;height:100px;overflow:visible}:host(.web.photos.context-menu-open){z-index:2}:host(.apps){overflow:visible}:host(.card-feed){height:100% !important}:host(.card-feed.web){-ms-flex-align:center;align-items:center}:host(.collapsible:not(.map):not(.web)),:host(:not(.autocomplete).locations.no-kpi:not(.map):not(.framed):not(.web)){display:block;height:auto;margin-bottom:var(--spacing-16, 1rem);background:var(--light, #ffffff);background:var(--light-10, rgba(255, 255, 255, 0.1));border-radius:0.5rem;-webkit-box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08))}:host(.products.simple) yoo-card-list{--border-bottom-outer-container:none}:host(.no-border) yoo-card-list,:host(.no-border) yoo-card-list-simple,:host(.no-border) yoo-card-plan,:host(.framed) yoo-card-list,:host(.framed) yoo-card-list-simple,:host(.framed) yoo-card-plan{--border-bottom-outer-container:none;border:none}:host(.bold) yoo-badge{font-weight:bold}:host(.block){display:block}:host(.draggable){display:block;background:var(--light, #ffffff)}:host(.missiondatas.map) yoo-card-list{min-width:9.375rem;padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);background:var(--light, #ffffff);border-radius: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(.map) yoo-card-list.custom-model{min-width:9.375rem;margin-right:var(--spacing-08, 0.5rem);padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);background:var(--light, #ffffff);border-radius:var(--spacing-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(.readonly-address){white-space:unset}:host(.badges) .tag-container{width:4rem;text-align:center}:host(.badges) .tag-container yoo-tag{-ms-flex-pack:center;justify-content:center}:host(.badges) .tag-container .tag-title{margin-top:var(--spacing-08, 0.5rem);font-size:var(--font-size-12, 0.75rem)}:host(.dashboards.card-list-color){display:block;margin-bottom:var(--spacing-08, 0.5rem)}:host(.feeds.card-campaign),:host(.missions.card-list.feed){padding:var(--spacing-08, 0.5rem);background-color:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host(.channel.web.selected) yoo-card-chat,:host(.channels.web.selected) yoo-card-chat{background-color:var(--stable-light-40, rgba(241, 241, 241, 0.4)) !important}:host(.web.card-file) yoo-card-file:not(.isPdf){max-width:240px}:host(.card-chat){--top-pos-check-selected:auto}:host(.channel.card-cell) yoo-card-avatar,:host(.channel.card-cell) yoo-card-avatars,:host(.channels.card-cell) yoo-card-avatar,:host(.channels.card-cell) yoo-card-avatars{padding-top:var(--spacing-08, 0.5rem)}:host(.channel.card-cell) yoo-tag,:host(.channels.card-cell) yoo-tag{top:0;width:100%;max-width:6.5rem}:host(.card-cell-color) yoo-card-list-color{height:100%}:host(.card-cell-image) yoo-card-image:before{display:block;padding-bottom:100%;content:\"\"}:host(.communities) yoo-card-image{background-image:-webkit-gradient(linear, left top, left bottom, color-stop(-73%, rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.5))), -webkit-gradient(linear, left top, left bottom, from(#276ef1), to(#276ef1));background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0) -73%, rgba(0, 0, 0, 0.5)), linear-gradient(to bottom, #276ef1, #276ef1);--description-align-items:flex-start;--description-justify-content:flex-end;--description-text-align:start;--inner-spacing:var(--spacing-08, 0.5rem);--subtitle-line-height:var(--font-size-16, 1rem);--image-overlay:linear-gradient(to bottom, var(--transparent-linear-gradient, rgba(255, 255, 255, 0)) -73%, var(--dark-40, rgba(0, 0, 0, 0.4)));--title-font-size:var(--font-size-14, 0.875rem);--title-line-height:var(--font-size-24, 1.5rem)}:host(.broadcasts) yoo-card-image{--description-align-items:flex-start;--description-justify-content:flex-end;--description-text-align:start;--inner-spacing:var(--spacing-08, 0.5rem);--subtitle-line-height:var(--font-size-20, 1.25rem);--image-overlay:linear-gradient(to bottom, var(--transparent-linear-gradient, rgba(255, 255, 255, 0)) -73%, var(--dark-40, rgba(0, 0, 0, 0.4)));--title-font-size:var(--font-size-14, 0.875rem);--title-line-height:var(--font-size-32, 2rem)}:host(.coursecategories) yoo-card-menu:hover{cursor:pointer}:host(.coursecategories) yoo-card-menu{--counter-color:var(--stable);--icon-color:var(--dark);--icon-background-color:var(--dark-10);--icon-margin-start:var(--spacing-16);--icon-border-radius:var(--spacing-64);--icon-padding:var(--spacing-04);--container-box-shadow:var(--shadow-01);--container-padding-bottom:0;--container-border-radius:var(--border-radius-08);--title-padding:0.75rem 0 0.75rem 0;--arrow-margin:0;--background-color:var(--light)}";
 
 const YooEntityComponent = class {
   constructor(hostRef) {
@@ -72,9 +72,43 @@ const YooEntityComponent = class {
     this.collapsed = createEvent(this, "collapsed", 7);
     this.viewMoreToggled = createEvent(this, "viewMoreToggled", 7);
     this.embeddedEntityClicked = createEvent(this, "embeddedEntityClicked", 7);
+    this.item = undefined;
     this.items = [];
+    this.displayType = undefined;
+    this.displaySize = undefined;
+    this.useCellOverlay = undefined;
+    this.direction = undefined;
+    this.index = undefined;
+    this.entityType = undefined;
+    this.useTranslate = undefined;
+    this.profileSummary = undefined;
+    this.iconColor = undefined;
+    this.icons = undefined;
+    this.topActions = undefined;
+    this.bottomActions = undefined;
+    this.secondaryActions = undefined;
+    this.inlineActions = undefined;
+    this.readonly = undefined;
+    this.clearable = undefined;
+    this.customModel = undefined;
+    this.isHistory = undefined;
+    this.isCollapsible = undefined;
+    this.isMap = undefined;
+    this.isFramed = undefined;
+    this.isPdf = undefined;
+    this.columnDefinition = undefined;
     this.secondaryActionsDropdown = false;
+    this.unreadCounts = undefined;
     this.extraClass = '';
+    this.playerCommand = undefined;
+    this.forceText = undefined;
+    this.selected = undefined;
+    this.isGridCell = undefined;
+    this.valuesColor = undefined;
+    this.hideUIFields = undefined;
+    this.disableRowClick = undefined;
+    this.highlighted = undefined;
+    this.entityMapping = undefined;
   }
   get isSimpleCardList() {
     return this.displayType === 'card-list-simple' || (entitySimpleCardLists === null || entitySimpleCardLists === void 0 ? void 0 : entitySimpleCardLists.includes(this.entityType));
@@ -150,7 +184,7 @@ const YooEntityComponent = class {
     modal.modalTitle = ((_b = this.item) === null || _b === void 0 ? void 0 : _b._filename) || translate('YOOBICDOCUMENT');
     const type = getType(this.item);
     modal.modalMode = type && type === 'video';
-    showModal(modal, {}, '', getAnimation('Enter'), getAnimation('Leave'), true);
+    showModal({ component: modal, enterAnimation: getAnimation('Enter'), leaveAnimation: getAnimation('Leave'), showBackdrop: true });
   }
   onEmbeddedEntityClicked(event) {
     event.stopPropagation();
@@ -809,7 +843,7 @@ const YooEntityComponent = class {
     return address;
   }
   renderCardList(extraClasses) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63, _64;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60;
     let entry = {};
     if (this.entityMapping) {
       entry = this.entityMapping(this.item, this.entityType, this.displayType);
@@ -1429,66 +1463,6 @@ const YooEntityComponent = class {
         allowCustomHtml: true
       };
     }
-    else if (this.entityType === 'violetproducts') {
-      const product = this.item;
-      let subheadings = [product.description];
-      if (((_19 = this.item.offers) === null || _19 === void 0 ? void 0 : _19.length) && ((_20 = this.item.offers[0].skus) === null || _20 === void 0 ? void 0 : _20.length) && ((_21 = this.item.offers[0].skus[0]) === null || _21 === void 0 ? void 0 : _21.sale_price)) {
-        subheadings = [pipes.currency.transform(this.item.offers[0].skus[0].sale_price / 100, { strictPrecision: false, customSymbol: this.item.offers[0].skus[0].currency, forceSymbol: true })];
-      }
-      if (!product.available) {
-        extraClasses += ' outofstock ';
-      }
-      entry = {
-        heading: product.title || product.name,
-        subheadings,
-        tags: product.tags,
-        imgSrc: product.default_image_url,
-        avatarSize: 'large',
-        avatarFrame: 'square',
-        contained: true,
-        showRightArrow: true
-      };
-    }
-    else if (this.entityType === 'violetproductofferskus') {
-      const sku = this.item;
-      entry = {
-        heading: sku.name,
-        imgSrc: get(sku, 'albums[0].primary_media.url') || get(this.item, 'product.default_image_url'),
-        avatarSize: 'extra-extra-large',
-        avatarFrame: 'square',
-        contained: true
-      };
-    }
-    else if (this.entityType === 'violetbasketitems') {
-      const sku = (_22 = this.item) === null || _22 === void 0 ? void 0 : _22.sku;
-      const price = (sku.sale_price * (this.item.quantity || 1)) / 100;
-      const subheadings = [pipes.currency.transform(price, { strictPrecision: false, customSymbol: sku.currency, forceSymbol: true })];
-      entry = {
-        heading: sku.name,
-        subheadings,
-        imgSrc: get(sku, 'albums[0].primary_media.url') || get(this.item, 'product.default_image_url'),
-        avatarSize: 'large',
-        avatarFrame: 'square',
-        contained: true,
-        showRightArrow: true
-      };
-    }
-    else if (this.entityType === 'violetshippingmethods') {
-      const shipping = this.item;
-      entry = {
-        heading: shipping.label + ' - ' + (shipping.price / 100).toLocaleString(),
-        subheadings: [shipping.carrier]
-      };
-    }
-    else if (this.entityType === 'liveshoppings') {
-      const shopping = this.item;
-      entry = {
-        heading: shopping.title,
-        date: isWeb(this.host) || !shopping.date ? null : pipes.timeAgo.transform(shopping.date),
-        imgSrc: shopping.image,
-        subheadings: [shopping.description]
-      };
-    }
     else if (this.entityType === 'arexperience') {
       const arExperience = this.item;
       entry = {
@@ -1502,11 +1476,11 @@ const YooEntityComponent = class {
       entry = {
         heading: arModel.product ? arModel.product.title : 'YOOBICNA',
         tagElements: arModel.experience ? [{ innerHTML: translate((arModel.experience.mode || 'object').toUpperCase()), color: 'dark' }] : null,
-        topLeftBadge: ((_23 = arModel.photos) === null || _23 === void 0 ? void 0 : _23.length) > 0 ? arModel.photos.length.toLocaleString() : null,
+        topLeftBadge: ((_19 = arModel.photos) === null || _19 === void 0 ? void 0 : _19.length) > 0 ? arModel.photos.length.toLocaleString() : null,
         subheadings: [arModel.product ? arModel.product.reference : '', arModel.rating ? translate('RATING') + ' ' + arModel.rating.toLocaleString() : null],
         tags: arModel.experience ? [arModel.experience.name] : null,
-        icon: ((_25 = (_24 = arModel.product) === null || _24 === void 0 ? void 0 : _24.image) === null || _25 === void 0 ? void 0 : _25._downloadURL) ? null : 'photo-library',
-        imgSrc: ((_27 = (_26 = arModel.product) === null || _26 === void 0 ? void 0 : _26.image) === null || _27 === void 0 ? void 0 : _27._downloadURL) ? arModel.product.image._downloadURL : null
+        icon: ((_21 = (_20 = arModel.product) === null || _20 === void 0 ? void 0 : _20.image) === null || _21 === void 0 ? void 0 : _21._downloadURL) ? null : 'photo-library',
+        imgSrc: ((_23 = (_22 = arModel.product) === null || _22 === void 0 ? void 0 : _22.image) === null || _23 === void 0 ? void 0 : _23._downloadURL) ? arModel.product.image._downloadURL : null
       };
     }
     else if (this.entityType === 'algorithm') {
@@ -1529,14 +1503,14 @@ const YooEntityComponent = class {
         subheadings: [
           productBatch.product ? productBatch.product.reference : '',
           ...(getSession().user && getSession().user.locationRef === productBatch.locationRef
-            ? compact([((_28 = this.extraClass) === null || _28 === void 0 ? void 0 : _28.indexOf('show-aisle')) >= 0 && productBatch.aisle ? productBatch.aisle.title : null])
-            : ((_29 = productBatch.location) === null || _29 === void 0 ? void 0 : _29.title)
-              ? [productBatch.location.title + ' - ' + (((_30 = productBatch.aisle) === null || _30 === void 0 ? void 0 : _30.title) || '')]
+            ? compact([((_24 = this.extraClass) === null || _24 === void 0 ? void 0 : _24.indexOf('show-aisle')) >= 0 && productBatch.aisle ? productBatch.aisle.title : null])
+            : ((_25 = productBatch.location) === null || _25 === void 0 ? void 0 : _25.title)
+              ? [productBatch.location.title + ' - ' + (((_26 = productBatch.aisle) === null || _26 === void 0 ? void 0 : _26.title) || '')]
               : [])
         ],
         tags: productBatch.tags,
-        icon: productBatch.product.image && ((_32 = (_31 = productBatch.product) === null || _31 === void 0 ? void 0 : _31.image) === null || _32 === void 0 ? void 0 : _32._downloadURL) ? null : 'photo-library',
-        imgSrc: ((_34 = (_33 = productBatch.product) === null || _33 === void 0 ? void 0 : _33.image) === null || _34 === void 0 ? void 0 : _34._downloadURL) ? productBatch.product.image._downloadURL : null
+        icon: productBatch.product.image && ((_28 = (_27 = productBatch.product) === null || _27 === void 0 ? void 0 : _27.image) === null || _28 === void 0 ? void 0 : _28._downloadURL) ? null : 'photo-library',
+        imgSrc: ((_30 = (_29 = productBatch.product) === null || _29 === void 0 ? void 0 : _29.image) === null || _30 === void 0 ? void 0 : _30._downloadURL) ? productBatch.product.image._downloadURL : null
       };
       if (productBatch.archived) {
         extraClasses += ' archived ';
@@ -1573,7 +1547,7 @@ const YooEntityComponent = class {
         heading: product.title,
         subheadings,
         date: isPresent(this.item.description) ? this.item.description : null,
-        imgSrc: ((_35 = product === null || product === void 0 ? void 0 : product.image) === null || _35 === void 0 ? void 0 : _35._downloadURL) ? product.image._downloadURL : null,
+        imgSrc: ((_31 = product === null || product === void 0 ? void 0 : product.image) === null || _31 === void 0 ? void 0 : _31._downloadURL) ? product.image._downloadURL : null,
         avatarFrame: 'square',
         // keep it explicit here to prevent to be overwritten by the autocomplete, with which the card-list is used in combination with, and that changes the size of the avatar to 'small' when only one product is selected
         // this case is described into the form-entity-value-pairs.spec tests
@@ -1751,7 +1725,7 @@ const YooEntityComponent = class {
         heading: getUserDisplayName(user),
         rank: userrank.rank,
         points: userrank.points,
-        current: ((_36 = this.item) === null || _36 === void 0 ? void 0 : _36._id) === getSession().userId,
+        current: ((_32 = this.item) === null || _32 === void 0 ? void 0 : _32._id) === getSession().userId,
         hasSelectableIcon: true,
         users: [user]
       };
@@ -1770,10 +1744,10 @@ const YooEntityComponent = class {
     else if (this.entityType === 'topusers') {
       entry = {
         heading: `${this.item.firstName} ${this.item.lastName}`,
-        rank: (_37 = this.item) === null || _37 === void 0 ? void 0 : _37.rank,
+        rank: (_33 = this.item) === null || _33 === void 0 ? void 0 : _33.rank,
         points: null,
         users: [this.item],
-        tagElementsInHeader: { tags: (_38 = this.item) === null || _38 === void 0 ? void 0 : _38.tagElements, location: 'end' }
+        tagElementsInHeader: { tags: (_34 = this.item) === null || _34 === void 0 ? void 0 : _34.tagElements, location: 'end' }
       };
     }
     else if (this.entityType === 'questions') {
@@ -1838,17 +1812,17 @@ const YooEntityComponent = class {
         subheadings: [
           'Operation Id: ' + op.operationId,
           'Request Id: ' + op.requestId,
-          ((_39 = op.operation) === null || _39 === void 0 ? void 0 : _39.accessToken) ? 'User:' + getUserDisplayName(op.operation.accessToken) : null,
-          ((_42 = (_41 = (_40 = op.requestLog) === null || _40 === void 0 ? void 0 : _40.meta) === null || _41 === void 0 ? void 0 : _41.req) === null || _42 === void 0 ? void 0 : _42.headers) ? 'Origin/Referer:' + op.requestLog.meta.req.headers.origin || op.requestLog.meta.req.headers.referer : null,
-          ((_45 = (_44 = (_43 = op.requestLog) === null || _43 === void 0 ? void 0 : _43.meta) === null || _44 === void 0 ? void 0 : _44.req) === null || _45 === void 0 ? void 0 : _45.headers) && op.requestLog.meta.req.headers['yoobic-client-version']
+          ((_35 = op.operation) === null || _35 === void 0 ? void 0 : _35.accessToken) ? 'User:' + getUserDisplayName(op.operation.accessToken) : null,
+          ((_38 = (_37 = (_36 = op.requestLog) === null || _36 === void 0 ? void 0 : _36.meta) === null || _37 === void 0 ? void 0 : _37.req) === null || _38 === void 0 ? void 0 : _38.headers) ? 'Origin/Referer:' + op.requestLog.meta.req.headers.origin || op.requestLog.meta.req.headers.referer : null,
+          ((_41 = (_40 = (_39 = op.requestLog) === null || _39 === void 0 ? void 0 : _39.meta) === null || _40 === void 0 ? void 0 : _40.req) === null || _41 === void 0 ? void 0 : _41.headers) && op.requestLog.meta.req.headers['yoobic-client-version']
             ? 'Client Version:' + op.requestLog.meta.req.headers['yoobic-client-version']
             : null,
-          ((_48 = (_47 = (_46 = op.requestLog) === null || _46 === void 0 ? void 0 : _46.meta) === null || _47 === void 0 ? void 0 : _47.req) === null || _48 === void 0 ? void 0 : _48.headers) && op.requestLog.meta.req.headers['user-agent']
+          ((_44 = (_43 = (_42 = op.requestLog) === null || _42 === void 0 ? void 0 : _42.meta) === null || _43 === void 0 ? void 0 : _43.req) === null || _44 === void 0 ? void 0 : _44.headers) && op.requestLog.meta.req.headers['user-agent']
             ? 'User Agent:' + op.requestLog.meta.req.headers['user-agent']
             : null
         ],
         date: pipes.dateFormat.transform(op._ect, 'L LT'),
-        users: ((_49 = op.operation) === null || _49 === void 0 ? void 0 : _49.accessToken) ? [op.operation.accessToken] : null,
+        users: ((_45 = op.operation) === null || _45 === void 0 ? void 0 : _45.accessToken) ? [op.operation.accessToken] : null,
         tagElements: compact([
           op.isCreation
             ? {
@@ -1889,7 +1863,7 @@ const YooEntityComponent = class {
     else if (this.entityType === 'formfield') {
       const formfield = this.item;
       const icon = getMobileFieldIcon(formfield.type) || formfield.icon;
-      const title = translateMulti(formfield.title || ((_50 = formfield.name) === null || _50 === void 0 ? void 0 : _50.toUpperCase()) || 'NA');
+      const title = translateMulti(formfield.title || ((_46 = formfield.name) === null || _46 === void 0 ? void 0 : _46.toUpperCase()) || 'NA');
       entry = {
         icon,
         heading: title,
@@ -1902,12 +1876,12 @@ const YooEntityComponent = class {
       entry = {
         heading: translateMulti(battleList.title),
         subheadings: [lessonsCount + ' ' + translate(lessonsCount > 1 ? 'LESSONS' : 'LESSON')],
-        imgSrc: ((_51 = battleList.background) === null || _51 === void 0 ? void 0 : _51._downloadURL) ? battleList.background._downloadURL : null,
+        imgSrc: ((_47 = battleList.background) === null || _47 === void 0 ? void 0 : _47._downloadURL) ? battleList.background._downloadURL : null,
         avatarSize: this.isAutocompleteSelected() && this.item.avatarSize ? this.item.avatarSize : 'extra-extra-large',
         avatarFrame: 'square'
       };
     }
-    else if (this.entityType !== 'tag' && ((_53 = (_52 = this.customModel) === null || _52 === void 0 ? void 0 : _52.appearance) === null || _53 === void 0 ? void 0 : _53.size)) {
+    else if (this.entityType !== 'tag' && ((_49 = (_48 = this.customModel) === null || _48 === void 0 ? void 0 : _48.appearance) === null || _49 === void 0 ? void 0 : _49.size)) {
       entry = {};
       this.customModel.appearance.forEach((value, key) => {
         if (key === 'displayTypes') {
@@ -2025,16 +1999,16 @@ const YooEntityComponent = class {
       }
       const title = this.useTranslate ? defaultTitle.toUpperCase() : defaultTitle;
       entry.heading = translateMulti(title);
-      if ((_54 = this.item) === null || _54 === void 0 ? void 0 : _54.description) {
+      if ((_50 = this.item) === null || _50 === void 0 ? void 0 : _50.description) {
         entry.subheadings = [translateMulti(this.item.description)];
       }
-      if ((_56 = (_55 = this.item) === null || _55 === void 0 ? void 0 : _55.background) === null || _56 === void 0 ? void 0 : _56._downloadURL) {
+      if ((_52 = (_51 = this.item) === null || _51 === void 0 ? void 0 : _51.background) === null || _52 === void 0 ? void 0 : _52._downloadURL) {
         entry.imgSrc = this.item.background._downloadURL;
       }
-      else if (((_57 = this.item) === null || _57 === void 0 ? void 0 : _57.background) && isString(this.item.background)) {
+      else if (((_53 = this.item) === null || _53 === void 0 ? void 0 : _53.background) && isString(this.item.background)) {
         entry.imgSrc = this.item.background;
       }
-      if ((_59 = (_58 = this.item) === null || _58 === void 0 ? void 0 : _58.icon) === null || _59 === void 0 ? void 0 : _59._downloadURL) {
+      if ((_55 = (_54 = this.item) === null || _54 === void 0 ? void 0 : _54.icon) === null || _55 === void 0 ? void 0 : _55._downloadURL) {
         entry.imgSrc = this.item.icon._downloadURL;
       }
       else if (this.item && isString(this.item.icon)) {
@@ -2058,7 +2032,7 @@ const YooEntityComponent = class {
         const comment = this.item;
         entry = parseEntityCommentsForCardList(comment);
       }
-      if ((_60 = this.item) === null || _60 === void 0 ? void 0 : _60.badge) {
+      if ((_56 = this.item) === null || _56 === void 0 ? void 0 : _56.badge) {
         entry.tagElements = [{ innerHTML: this.item.badge, color: 'app-color' }];
       }
     }
@@ -2067,7 +2041,7 @@ const YooEntityComponent = class {
       !this.isAutocompleteSelected() &&
       !this.hideUIFields &&
       this.customModel &&
-      ((_62 = (_61 = this.customModel.formFields) === null || _61 === void 0 ? void 0 : _61.filter((f) => f.showInCard)) === null || _62 === void 0 ? void 0 : _62.length) > 0) {
+      ((_58 = (_57 = this.customModel.formFields) === null || _57 === void 0 ? void 0 : _57.filter((f) => f.showInCard)) === null || _58 === void 0 ? void 0 : _58.length) > 0) {
       entry.uiFields = {
         fields: this.customModel.formFields.filter((f) => f.showInCard),
         data: this.item
@@ -2109,7 +2083,7 @@ const YooEntityComponent = class {
     if (this.host.classList.contains('full-width')) {
       extraClasses += ' full-width ';
     }
-    if (((_63 = this.item) === null || _63 === void 0 ? void 0 : _63._id) === getSession().userId) {
+    if (((_59 = this.item) === null || _59 === void 0 ? void 0 : _59._id) === getSession().userId) {
       extraClasses += ' current ';
     }
     if (this.extraClass) {
@@ -2138,7 +2112,7 @@ const YooEntityComponent = class {
           [extraClasses]: true,
           [this.entityType]: this.entityType !== undefined,
           'form-permission': this.host.classList.contains('form-permission')
-        } }, ((_64 = this.inlineActions) === null || _64 === void 0 ? void 0 : _64.length) > 0 && (h("span", { class: "slot-container", slot: "content-slot" }, this.inlineActions.map((action) => {
+        } }, ((_60 = this.inlineActions) === null || _60 === void 0 ? void 0 : _60.length) > 0 && (h("span", { class: "slot-container", slot: "content-slot" }, this.inlineActions.map((action) => {
         return (h("span", { class: action.cssClass, onClick: () => (action.handler ? action.handler(this.item) : null) }, action.text));
       })))));
     }

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

@@ -1,10 +1,10 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import { fk as getMediaSrcFromFeed, o as isNativeMobile, c3 as StatusBar, ap as dispatchCustomEvent, t as translate, ac as getUserDisplayName, k as isNullOrUndefined, w as closeModal, av as pipes, a3 as translateMulti, at as replaceAllLinks, aB as parseMarkDown, e1 as getPermissions, cl as isMedia, as as replaceAtTagToMentionTag, fM as removeMarkdown, fb as getType, fN as getFeedLikes, M as isIphoneX } from './index-44691ffd.js';
-import './index-e08fecc9.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-22891abe.js';
+import { fl as getMediaSrcFromFeed, o as isNativeMobile, c3 as StatusBar, ap as dispatchCustomEvent, t as translate, ac as getUserDisplayName, k as isNullOrUndefined, w as closeModal, av as pipes, a3 as translateMulti, at as replaceAllLinks, aB as parseMarkDown, e1 as getPermissions, cl as isMedia, as as replaceAtTagToMentionTag, fN as removeMarkdown, fc as getType, fO as getFeedLikes, M as isIphoneX } from './index-97f4ed07.js';
+import './index-590d30dd.js';
 import { i as isArray } from './lodash-777f91de.js';
-import { g as getButton } from './button.factory-d2151e8f.js';
-import { u as getWindowHeightRatio, g as getAppContext } from './common-helpers-73accd43.js';
-import './index-847a32fd.js';
+import { g as getButton } from './button.factory-593a6ba3.js';
+import { u as getWindowHeightRatio, g as getAppContext } from './common-helpers-2a9aacec.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const feedDetailCss = "svg:not(:root){overflow:hidden}:host{--card-feed-media-height:260px;--gradient-background-image:linear-gradient(to top, var(--dark, #000000), transparent);--slide-pagination-size:0.4375rem;--slide-pagination-space:var(--spacing-04, 0.25rem);color:var(--light, #ffffff)}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}:host .feed-mention-actions{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-bottom:var(--spacing-08, 0.5rem);font-size:var(--font-size-16, 1rem)}:host .feed-mention-actions yoo-avatar{padding-right:var(--spacing-04, 0.25rem)}:host .feed-mention-actions span.first-comment-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .global{padding-bottom:var(--spacing-08, 0.5rem);font-size:var(--font-size-16, 1rem)}:host .global.last{padding-bottom:var(--spacing-16, 1rem)}:host .global.last.iphone-x{padding-bottom:var(--spacing-48, 3rem)}:host .feed-bottom-action{padding-bottom:var(--spacing-08, 0.5rem);color:var(--text-color, #807f83);font-size:var(--font-size-16, 1rem);line-height:1.7rem;cursor:pointer}:host .feed-bottom-action.middle{padding:var(--spacing-16, 1rem) 0}:host .feed-bottom-action.subheading{color:var(--dark, #000000);font-weight:var(--font-weight-700, 700)}:host .feed-bottom-action .action yoo-icon{margin-right:0.5rem}:host .feed-details-container{position:fixed;top:0;right:0;bottom:0;left:0;position:absolute;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem);font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:normal;background-color:var(--dark, #000000)}:host .feed-details-container yoo-form-carousel{position:absolute}:host .feed-details-container.text-expanded{--gradient-background-image:linear-gradient(var(--dark-60, rgba(0, 0, 0, 0.6)) 100%, var(--dark-60, rgba(0, 0, 0, 0.6)) 100%)}:host .feed-details-container.text-expanded .media-outer-container{z-index:5}:host .feed-details-container.text-expanded .gradient{z-index:7}:host .feed-details-container.has-overflow .bottom-container .feed-text .feed-description .description-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:12vh}:host .feed-details-container.has-overflow .bottom-container .feed-text .feed-description .description-content.expanded{height:40vh;max-height:40vh}:host .feed-details-container.has-overflow .bottom-container .feed-text .feed-description .description-content.expanded .scroll-wrapper{height:auto}:host .feed-details-container.image-focus .bottom-container{z-index:-1;opacity:0;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;pointer-events:none}:host .feed-details-container.image-focus .image-container{z-index:3}:host .feed-details-container.hide-overlay .overlay{display:none}:host .feed-details-container.offline .bottom-container{padding:var(--spacing-16, 1rem)}:host .feed-details-container .bottom-container{position:absolute;right:0;bottom:0;left:0;z-index:6;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:end;justify-content:flex-end;margin-top:auto;padding:var(--spacing-16, 1rem);padding-bottom:0;background-image:var(--gradient-background-image);opacity:1;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}:host .feed-details-container .bottom-container.hidden{visibility:hidden;opacity:0}:host .feed-details-container .bottom-container .feed-header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding-bottom:var(--spacing-16, 1rem)}:host .feed-details-container .bottom-container .feed-header yoo-avatar{margin-right:0.8rem;-webkit-transform:translateY(3px);transform:translateY(3px)}:host .feed-details-container .bottom-container .feed-header .feed-heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;color:var(--light, #ffffff)}:host .feed-details-container .bottom-container .feed-header .feed-heading .inner-span,:host .feed-details-container .bottom-container .feed-header .feed-heading .extra-heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-top:var(--spacing-04, 0.25rem)}:host .feed-details-container .bottom-container .feed-header .feed-heading .feed-date,:host .feed-details-container .bottom-container .feed-header .feed-heading .feed-shared-in{color:var(--stable-alt, #d0d0d0);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem)}:host .feed-details-container .bottom-container .feed-header .feed-heading .feed-subheading{color:var(--light, #ffffff)}:host .feed-details-container .bottom-container .feed-header .feed-heading .feed-subheading .feed-group{padding-left:0.125rem;color:var(--light, #ffffff);font-weight:var(--font-weight-400, 400)}:host .feed-details-container .bottom-container .feed-text{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;color:var(--light, #ffffff)}:host .feed-details-container .bottom-container .feed-text .feed-hashtags{display:block;line-height:1.2rem}:host .feed-details-container .bottom-container .feed-text .feed-description{font-size:var(--font-size-16, 1rem)}:host .feed-details-container .bottom-container .feed-text .feed-description .description-content{-webkit-transition:all 0.3s ease;transition:all 0.3s ease}:host .feed-details-container .bottom-container .feed-text .feed-description .description-content.expanded{-webkit-transition:all 0.3s ease;transition:all 0.3s ease}:host .feed-details-container .bottom-container .feed-text .feed-description .description-content.expanded .scroll-wrapper yoo-ion-scroll{max-height:40vh}:host .feed-details-container .bottom-container .feed-text .feed-description .description-content .scroll-wrapper{height:inherit;overflow:hidden}:host .feed-details-container .bottom-container .feed-text .feed-description .description-content .scroll-wrapper p{margin:0}:host .feed-details-container .bottom-container .feed-text .feed-description .description-content .more-button{color:var(--stable-alt, #d0d0d0)}:host .feed-details-container .bottom-container .feed-interactions{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:var(--spacing-64, 4rem);white-space:nowrap}:host .feed-details-container .bottom-container .feed-interactions .start{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:start;justify-content:flex-start}:host .feed-details-container .bottom-container .feed-interactions .middle{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%}:host .feed-details-container .bottom-container .feed-interactions .middle .dot{width:var(--slide-pagination-size);height:var(--slide-pagination-size);margin:var(--slide-pagination-space);background-color:var(--light-20, rgba(255, 255, 255, 0.2));border-radius:50%;-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease}:host .feed-details-container .bottom-container .feed-interactions .middle .dot.active{background-color:var(--light, #ffffff);-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease}:host .feed-details-container .bottom-container .feed-interactions .end{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:end;justify-content:flex-end}:host .feed-details-container .bottom-container .feed-interactions .interaction{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:var(--light, #ffffff);cursor:pointer}:host .feed-details-container .bottom-container .feed-interactions .interaction yoo-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0 var(--spacing-16, 1rem) 0 0}:host .feed-details-container .bottom-container .feed-interactions .interaction yoo-icon.hide-content{padding-right:0}:host .feed-details-container .bottom-container .feed-interactions .interaction yoo-lottie{width:var(--icon-size-02, 1.5rem);height:var(--icon-size-02, 1.5rem);margin:0 var(--spacing-16, 1rem) 0 0}:host .feed-details-container .bottom-container .feed-interactions .interaction.counter{margin-left:var(--spacing-08, 0.5rem)}:host .feed-details-container .bottom-container .feed-interactions .interaction.counter yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host .feed-details-container .bottom-container .feed-interactions .interaction.counter.auto{margin-left:auto}:host .feed-details-container .bottom-container .feed-interactions .interaction.stable{color:var(--stable, #adadad)}:host .feed-details-container .bottom-container .feed-interactions .interaction.comment,:host .feed-details-container .bottom-container .feed-interactions .interaction.comment span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:auto;margin-left:5px}:host .feed-details-container .bottom-container .interaction-counter{white-space:break-spaces}:host .feed-details-container .image-container{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%}:host .feed-details-container.show-overlay .bottom-container{-ms-flex-align:start;align-items:flex-start;height:100%;max-height:100vh;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}:host .feed-details-container.show-overlay .bottom-container .feed-text .feed-description{display:-ms-flexbox;display:flex}:host .feed-details-container.show-overlay .overlay{display:-ms-flexbox;display:flex}:host(.fullscreen-preview){width:100%;height:100%;background:var(--light, #ffffff)}:host(.fullscreen-preview) .fullscreen-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;background-color:var(--dark-80, rgba(0, 0, 0, 0.8))}:host(.fullscreen-preview) .fullscreen-container .feed-header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:var(--toolbar-web-height, 3.5rem);padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);overflow:hidden}:host(.fullscreen-preview) .fullscreen-container .feed-header yoo-icon.close{margin-right:var(--spacing-16, 1rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header yoo-avatar{padding-right:var(--spacing-08, 0.5rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--stable, #adadad);font-size:var(--font-size-16, 1rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading .subheading{padding-left:var(--spacing-16, 1rem);color:var(--light, #ffffff);font-size:var(--font-size-16, 1rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading span.username{padding-right:var(--spacing-16, 1rem);color:var(--light, #ffffff);font-size:var(--font-size-16, 1rem);border-right:var(--border-width-01, 0.0625rem) solid var(--light-20, rgba(255, 255, 255, 0.2))}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading span.feed-date{padding-right:var(--spacing-08, 0.5rem);padding-left:var(--spacing-16, 1rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading .inner-span{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading .inner-span yoo-icon.group{margin-right:var(--spacing-04, 0.25rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading .inner-span .feed-group{padding-right:var(--spacing-04, 0.25rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header .fullscreen-preview-container{display:-ms-flexbox;display:flex;height:100%;margin-left:auto}:host(.fullscreen-preview) .fullscreen-container .feed-header .fullscreen-preview-container yoo-img{margin-left:var(--spacing-08, 0.5rem);border:solid var(--spacing-02, 0.125rem) transparent;-webkit-box-shadow:var(--shadow-04, 0 0.75rem 1.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-04, 0 0.75rem 1.5rem 0 rgba(0, 0, 0, 0.1))}:host(.fullscreen-preview) .fullscreen-container .feed-header .fullscreen-preview-container yoo-img.selected{border:solid var(--spacing-02, 0.125rem) var(--app-color, #5a30f4)}:host(.fullscreen-preview) .fullscreen-container .main-view-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;max-width:calc(100% - 6rem);height:100%;max-height:calc(100% - 2rem);margin:0 auto;overflow:hidden}:host(.fullscreen-preview) .fullscreen-container .main-view-container yoo-photo-editor{max-height:calc(100% - 2rem);margin:0 auto;--editor-background:transparent}";
@@ -21,14 +21,23 @@ const YooFeedDetailComponent = class {
     this.userClicked = createEvent(this, "userClicked", 7);
     this.socialShareClicked = createEvent(this, "socialShareClicked", 7);
     this.readReceiptClickd = createEvent(this, "readReceiptClickd", 7);
+    this.textExpanded = false;
     this.animated = true;
+    this.feed = undefined;
+    this.isOffline = undefined;
+    this.focusMediaOnOpen = undefined;
+    this.showReadReceipt = undefined;
+    this.showViewCount = undefined;
+    this.actions = undefined;
+    this.fullscreenView = undefined;
+    this.fullscreenParams = undefined;
     this.imageEnlarged = false;
+    this.treatedSrc = undefined;
     this.hasGradient = true;
     this.showMoreButton = true;
     this.expandText = false;
-    // if current fullscreen image is zoomed or not
+    this.activeMediaIndex = undefined;
     this.zoomed = false;
-    this.textExpanded = false;
   }
   onZoomChanges(ev) {
     this.zoomed = ev.detail;

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, k as getAssetPath } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
-import { t as translate } from './index-44691ffd.js';
+import { r as registerInstance, h, k as getAssetPath } from './index-22891abe.js';
+import './index-590d30dd.js';
+import { t as translate } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
-import './index-847a32fd.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const flagCss = "svg:not(:root){overflow:hidden}:host{display:-ms-flexbox;display:flex;width:100%;height:100%}:host img{width:inherit;height:inherit}:host([shape=circle]) img{border-radius:50%}:host([has-shadow]) img{-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))}";
@@ -10,14 +10,9 @@ const flagCss = "svg:not(:root){overflow:hidden}:host{display:-ms-flexbox;displa
 const YooFlagComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /**
-     *  Country code
-     */
     this.country = 'GB';
-    /**
-     *  Select flag shape, either 'rectangular' | 'circle' | 'square'
-     */
     this.shape = 'square';
+    this.hasShadow = undefined;
   }
   get code() {
     return this.country.toLowerCase() === 'en' ? 'gb' : this.country.toLowerCase();

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, i as createEvent, h, g as getElement } from './index-a6a92b3d.js';
+import { r as registerInstance, i as createEvent, h, g as getElement } from './index-22891abe.js';
 
 const flipCardCss = "svg:not(:root){overflow:hidden}:host([flip-direction=vertical]) .back{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}:host([flip-direction=vertical][revealed]) .inner{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}:host([flip-direction=horizontal]) .back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}:host([flip-direction=horizontal][revealed]) .inner{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}:host{display:grid;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}:host .card{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;background-color:transparent;-webkit-perspective:62.5rem;perspective:62.5rem}:host .card .inner{position:relative;margin:0 auto;text-align:center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:height 0.6s, -webkit-transform 0.6s;transition:height 0.6s, -webkit-transform 0.6s;transition:height 0.6s, transform 0.6s;transition:height 0.6s, transform 0.6s, -webkit-transform 0.6s}:host .card .inner .front,:host .card .inner .back{position:absolute;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;-webkit-transition:height 0.6s;transition:height 0.6s}:host([layout=card]){--front-card-background-color:var(--light, #ffffff);--back-card-background-color:var(--app-color, #5a30f4);--front-card-text-color:var(--dark, #000000);--back-card-text-color:var(--light, #ffffff)}:host([layout=card]) .card{-webkit-transform:scale(0.95);transform:scale(0.95);opacity:0;-webkit-transition:opacity 0.3s, -webkit-transform 0.4s;transition:opacity 0.3s, -webkit-transform 0.4s;transition:transform 0.4s, opacity 0.3s;transition:transform 0.4s, opacity 0.3s, -webkit-transform 0.4s}:host([layout=card]) .card .inner{width:100%;height:100%}:host([layout=card]) .card .inner .front,:host([layout=card]) .card .inner .back{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);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([layout=card]) .card .inner .front{color:var(--front-card-text-color);background-color:var(--front-card-background-color)}:host([layout=card]) .card .inner .back{color:var(--back-card-text-color);background-color:var(--back-card-background-color)}:host([layout=card]) .card.loaded{-webkit-transform:scale(1);transform:scale(1);opacity:1}";
 
@@ -8,6 +8,8 @@ const YooFlipCardComponent = class {
     this.cardRevealed = createEvent(this, "cardRevealed", 7);
     this.flipDirection = 'vertical';
     this.layout = 'card';
+    this.revealed = undefined;
+    this.cardLoaded = undefined;
   }
   async initCardSize() {
     var _a;