@yoobic/yobi 8.5.0-45 → 8.5.0-47

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

@@ -1,12 +1,12 @@
 import { r as registerInstance, k as getAssetPath, j as Build, h, e as Host, g as getElement } from './index-0a59e2a1.js';
-import './index-1daea473.js';
-import { s as setColorSVG } from './common-helpers-61e87a96.js';
-import { x as gsapTimeline, t as translate, H as isWeb } from './overlays-fc8b6c29.js';
+import './index-d375d097.js';
+import { s as setColorSVG, g as getAppContext } from './common-helpers-c2933562.js';
+import { x as gsapTimeline, t as translate, H as isWeb } from './overlays-0cc9a656.js';
 import './lodash-777f91de.js';
-import './index-56d7a2d6.js';
+import './index-58e4534b.js';
 import './_commonjsHelpers-f4d11124.js';
 
-const battleUserStatsCss = "svg:not(:root){overflow:hidden}:host .outer-container{display:-ms-flexbox;display:flex;padding:0 var(--spacing-16, 1rem);background-color:var(--light, #ffffff)}:host .outer-container .user-details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;padding-left:var(--spacing-16, 1rem)}:host .outer-container .user-details span+yoo-tag{margin-top:var(--spacing-04, 0.25rem)}:host .outer-container .flex{display:-ms-flexbox;display:flex}:host .outer-container .stats-container{margin:auto;padding:var(--spacing-04, 0.25rem);text-align:center}:host .outer-container .stats-container .stat-count{color:var(--dark, #000000);font-weight:bold;font-size:var(--font-size-24, 1.5rem);line-height:1}:host .outer-container .stats-container .stat-name{color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem)}:host(.battle-page) .outer-container{padding:1.5rem 1rem}:host(.web) .outer-container{height:10rem;padding:0;overflow:hidden;background-color:var(--app-color-10, rgba(90, 48, 244, 0.1))}:host(.web) .outer-container .avatar-container{position:relative;min-width:115px;padding:var(--spacing-16, 1rem)}:host(.web) .outer-container .avatar-container .avatar-blob{width:111px;height:114px}:host(.web) .outer-container .avatar-container yoo-avatar{position:absolute;top:2.25rem;left:2.25rem}:host(.web) .outer-container .user-details{padding:var(--spacing-04, 0.25rem)}:host(.web) .outer-container .user-details .user-name{color:var(--dark, #000000);font-weight:bold;font-size:var(--font-size-20, 1.25rem)}:host(.web) .outer-container .user-details .battle-count{line-height:var(--spacing-32, 2rem)}:host(.web) .outer-container .stats-container .stat-count{color:var(--app-color, #5a30f4);font-weight:900;font-size:var(--font-size-36, 2.25rem);line-height:1.33}:host(.web) .outer-container .stats-container .stat-name{color:var(--dark, #000000);font-size:var(--font-size-16, 1rem)}:host(.web) .outer-container .blob-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-preferred-size:50%;flex-basis:50%;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}@media (max-width: 1439px){:host(.web) .outer-container .blob-container{display:none}}:host(.web) .outer-container .blob-container .blob-image{position:absolute;width:100%;height:13rem}:host(.web) .outer-container .blob-container .description-container{z-index:1;display:-ms-flexbox;display:flex}:host(.web) .outer-container .blob-container .description-container .text-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;color:var(--light, #ffffff);font-size:var(--font-size-16, 1rem);text-align:right}:host(.web) .outer-container .blob-container .description-container .text-container p{margin:0;font-weight:var(--font-weight-300, 300)}:host(.web) .outer-container .blob-container .description-container yoo-icon{position:relative;margin:0 var(--spacing-24, 1.5rem)}";
+const battleUserStatsCss = "svg:not(:root){overflow:hidden}:host .outer-container{display:-ms-flexbox;display:flex;padding:0 var(--spacing-16, 1rem);background-color:var(--light, #ffffff)}:host .outer-container .user-details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;padding-left:var(--spacing-16, 1rem)}:host .outer-container .user-details span+yoo-tag{margin-top:var(--spacing-04, 0.25rem)}:host .outer-container .flex{display:-ms-flexbox;display:flex}:host .outer-container .stats-container{margin:auto;padding:var(--spacing-04, 0.25rem);text-align:center}:host .outer-container .stats-container .stat-count{color:var(--dark, #000000);font-weight:bold;font-size:var(--font-size-24, 1.5rem);line-height:1}:host .outer-container .stats-container .stat-name{color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem)}:host(.battle-page) .outer-container{padding:1.5rem 1rem}:host(.web) .outer-container{height:10rem;padding:0;overflow:hidden;background-color:var(--app-color-10, rgba(90, 48, 244, 0.1))}:host(.web) .outer-container .avatar-container{position:relative;min-width:115px;padding:var(--spacing-16, 1rem)}:host(.web) .outer-container .avatar-container .avatar-blob{width:111px;height:114px}:host(.web) .outer-container .avatar-container yoo-avatar{position:absolute;top:2.25rem;left:2.25rem}:host(.web) .outer-container .user-details{padding:var(--spacing-04, 0.25rem)}:host(.web) .outer-container .user-details .user-name{color:var(--dark, #000000);font-weight:bold;font-size:var(--font-size-20, 1.25rem)}:host(.web) .outer-container .user-details .battle-count{line-height:var(--spacing-32, 2rem)}:host(.web) .outer-container .stats-container .stat-count{color:var(--app-color, #5a30f4);font-weight:900;font-size:var(--font-size-36, 2.25rem);line-height:1.33}:host(.web) .outer-container .stats-container .stat-name{color:var(--dark, #000000);font-size:var(--font-size-16, 1rem)}:host(.web) .outer-container .blob-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-preferred-size:50%;flex-basis:50%;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}@media (max-width: 1439px){:host(.web) .outer-container .blob-container{display:none}}:host(.web) .outer-container .blob-container .blob-image{position:absolute;width:100%;height:13rem}:host(.web) .outer-container .blob-container .description-container{z-index:1;display:-ms-flexbox;display:flex}:host(.web) .outer-container .blob-container .description-container .text-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;color:var(--light, #ffffff);font-size:var(--font-size-16, 1rem);text-align:right}:host(.web) .outer-container .blob-container .description-container .text-container p{margin:0;font-weight:var(--font-weight-300, 300)}:host(.web) .outer-container .blob-container .description-container yoo-icon{position:relative;margin:0 var(--spacing-24, 1.5rem)}:host(.rtl) .outer-container .user-details{padding-right:var(--spacing-16, 1rem);padding-left:0}";
 
 const YooBattleUserStatsComponent = class {
   constructor(hostRef) {
@@ -59,7 +59,7 @@ const YooBattleUserStatsComponent = class {
     return (h("div", { class: "outer-container" }, h("div", { class: "avatar-container" }, h("yoo-img", { class: "avatar-blob", src: this.avatarBlogSvg, svgOptions: { beforeInject: (_, svg) => setColorSVG(svg, 'app-color') } }), h("yoo-avatar", { size: "extra-extra-large", user: this.user })), h("div", { class: "user-details" }, h("div", { class: "user-name" }, h("span", null, this.user.firstName || '', " ", this.user.lastName || '')), h("div", { class: "battle-count" }, h("span", null, this.victories + this.defeats, " ", translate('BATTLES'))), h("div", { class: "point-count" }, this.renderPointsTag('energized', 'energized-10'))), this.renderStatsContainers(), h("div", { class: "blob-container" }, h("yoo-img", { class: "blob-image", src: this.blobSvg, svgOptions: { beforeInject: (_, svg) => setColorSVG(svg, 'app-color') } }), h("div", { class: "description-container" }, h("div", { class: "text-container" }, h("p", null, translate('BATTLEDESCRIPTION1')), h("p", null, translate('BATTLEDESCRIPTION2'))), h("yoo-icon", { size: "extra-extra-large", name: "battle", color: "light" })))));
   }
   render() {
-    return h(Host, { class: { web: isWeb(this.host) } }, isWeb(this.host) ? this.renderWeb() : this.renderMobile());
+    return h(Host, { class: getAppContext(this.host) }, isWeb(this.host) ? this.renderWeb() : this.renderMobile());
   }
   static get assetsDirs() { return ["assets/battle-user-stats"]; }
   get host() { return getElement(this); }

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, i as createEvent, f as forceUpdate, h, g as getElement } from './index-0a59e2a1.js';
-import './index-1daea473.js';
+import './index-d375d097.js';
 import { p as isString, n as compact } from './lodash-777f91de.js';
-import { k as isNullOrUndefined, H as isWeb, a2 as translateMulti, t as translate } from './overlays-fc8b6c29.js';
-import './index-56d7a2d6.js';
+import { k as isNullOrUndefined, H as isWeb, a3 as translateMulti, t as translate } from './overlays-0cc9a656.js';
+import './index-58e4534b.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const breadcrumbsCss = "svg:not(:root){overflow:hidden}:host{overflow:hidden}:host .breadcrumb{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;font-size:var(--font-size-16, 1rem);line-height:2}:host .breadcrumb .breadcrumb-item{display:inherit;-ms-flex-item-align:center;align-self:center;color:var(--text-color, #807f83);white-space:nowrap}:host .breadcrumb .breadcrumb-item:hover{color:var(--dark, #000000);text-decoration:underline;cursor:pointer}:host .breadcrumb .breadcrumb-item:last-of-type{overflow:hidden}:host .breadcrumb .breadcrumb-item:last-of-type>*{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .breadcrumb .breadcrumb-item.active{color:var(--dark, #000000)}:host .breadcrumb .separator{padding:0 var(--spacing-08, 0.5rem);color:var(--text-color, #807f83)}";

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

@@ -1,12 +1,12 @@
 import { r as registerInstance, h, e as Host, g as getElement } from './index-0a59e2a1.js';
-import './index-1daea473.js';
-import { g as getAppContext } from './common-helpers-61e87a96.js';
-import { bu as getContrastColor } from './overlays-fc8b6c29.js';
+import './index-d375d097.js';
+import { g as getAppContext } from './common-helpers-c2933562.js';
+import { bv as getContrastColor } from './overlays-0cc9a656.js';
 import './lodash-777f91de.js';
-import './index-56d7a2d6.js';
+import './index-58e4534b.js';
 import './_commonjsHelpers-f4d11124.js';
 
-const buttonCss = "svg:not(:root){overflow:hidden}:host([color=accent][fill=solid]) button{color:var(--light, #ffffff);background-color:var(--accent, #276ef1);border-color:var(--accent, #276ef1);fill:var(--light, #ffffff)}:host([color=accent][fill=transparent]) button{color:var(--accent, #276ef1);background-color:transparent;border-color:transparent;fill:var(--accent, #276ef1)}:host([color=accent-10][fill=solid]) button{color:var(--light, #ffffff);background-color:var(--accent-10, rgba(39, 110, 241, 0.1));border-color:var(--accent-10, rgba(39, 110, 241, 0.1));fill:var(--light, #ffffff)}:host([color=accent-10][fill=transparent]) button{color:var(--accent-10, rgba(39, 110, 241, 0.1));background-color:transparent;border-color:transparent;fill:var(--accent-10, rgba(39, 110, 241, 0.1))}:host([color=anthracite][fill=solid]) button{color:var(--light, #ffffff);background-color:var(--anthracite, #1a1a1a);border-color:var(--anthracite, #1a1a1a);fill:var(--light, #ffffff)}:host([color=anthracite][fill=transparent]) button{color:var(--anthracite, #1a1a1a);background-color:transparent;border-color:transparent;fill:var(--anthracite, #1a1a1a)}:host([color=app-color][fill=solid]) button{color:var(--light, #ffffff);background-color:var(--app-color, #5a30f4);border-color:var(--app-color, #5a30f4);fill:var(--light, #ffffff)}:host([color=app-color][fill=transparent]) button{color:var(--app-color, #5a30f4);background-color:transparent;border-color:transparent;fill:var(--app-color, #5a30f4)}:host([color=app-color-10][fill=solid]) button{color:var(--light, #ffffff);background-color:var(--app-color-10, rgba(90, 48, 244, 0.1));border-color:var(--app-color-10, rgba(90, 48, 244, 0.1));fill:var(--light, #ffffff)}:host([color=app-color-10][fill=transparent]) button{color:var(--app-color-10, rgba(90, 48, 244, 0.1));background-color:transparent;border-color:transparent;fill:var(--app-color-10, rgba(90, 48, 244, 0.1))}:host([color=app-color-20][fill=solid]) button{color:var(--light, #ffffff);background-color:var(--app-color-20, rgba(90, 48, 244, 0.2));border-color:var(--app-color-20, rgba(90, 48, 244, 0.2));fill:var(--light, #ffffff)}:host([color=app-color-20][fill=transparent]) button{color:var(--app-color-20, rgba(90, 48, 244, 0.2));background-color:transparent;border-color:transparent;fill:var(--app-color-20, rgba(90, 48, 244, 0.2))}:host([color=danger][fill=solid]) button{color:var(--light, #ffffff);background-color:var(--danger, #d44333);border-color:var(--danger, #d44333);fill:var(--light, #ffffff)}:host([color=danger][fill=transparent]) button{color:var(--danger, #d44333);background-color:transparent;border-color:transparent;fill:var(--danger, #d44333)}:host([color=danger-10][fill=solid]) button{color:var(--light, #ffffff);background-color:var(--danger-10, rgba(212, 67, 51, 0.1));border-color:var(--danger-10, rgba(212, 67, 51, 0.1));fill:var(--light, #ffffff)}:host([color=danger-10][fill=transparent]) button{color:var(--danger-10, rgba(212, 67, 51, 0.1));background-color:transparent;border-color:transparent;fill:var(--danger-10, rgba(212, 67, 51, 0.1))}:host([color=dark][fill=solid]) button{color:var(--light, #ffffff);background-color:var(--dark, #000000);border-color:var(--light, #ffffff);fill:var(--light, #ffffff)}:host([color=dark][fill=transparent]) button{color:var(--dark, #000000);background-color:transparent;border-color:transparent;fill:var(--dark, #000000)}:host([color=energized][fill=solid]) button{color:var(--light, #ffffff);background-color:var(--energized, #ffc043);border-color:var(--energized, #ffc043);fill:var(--light, #ffffff)}:host([color=energized][fill=transparent]) button{color:var(--energized, #ffc043);background-color:transparent;border-color:transparent;fill:var(--energized, #ffc043)}:host([color=energized-10][fill=solid]) button{color:var(--light, #ffffff);background-color:var(--energized-10, rgba(255, 192, 67, 0.1));border-color:var(--energized-10, rgba(255, 192, 67, 0.1));fill:var(--light, #ffffff)}:host([color=energized-10][fill=transparent]) button{color:var(--energized-10, rgba(255, 192, 67, 0.1));background-color:transparent;border-color:transparent;fill:var(--energized-10, rgba(255, 192, 67, 0.1))}:host([color=info][fill=solid]) button{color:var(--light, #ffffff);background-color:var(--info, #d84c96);border-color:var(--info, #d84c96);fill:var(--light, #ffffff)}:host([color=info][fill=transparent]) button{color:var(--info, #d84c96);background-color:transparent;border-color:transparent;fill:var(--info, #d84c96)}:host([color=info-10][fill=solid]) button{color:var(--light, #ffffff);background-color:var(--info-10, rgba(216, 76, 150, 0.1));border-color:var(--info-10, rgba(216, 76, 150, 0.1));fill:var(--light, #ffffff)}:host([color=info-10][fill=transparent]) button{color:var(--info-10, rgba(216, 76, 150, 0.1));background-color:transparent;border-color:transparent;fill:var(--info-10, rgba(216, 76, 150, 0.1))}:host([color=light][fill=solid]) button{color:var(--dark, #000000);background-color:var(--light, #ffffff);border-color:var(--stable-alt, #d0d0d0);fill:var(--dark, #000000)}:host([color=light][fill=transparent]) button{color:var(--light, #ffffff);background-color:transparent;border-color:transparent;fill:var(--light, #ffffff)}:host([color=light-20][fill=solid]) button{color:var(--light, #ffffff);background-color:var(--light-20, rgba(255, 255, 255, 0.2));border-color:var(--light-20, rgba(255, 255, 255, 0.2));fill:var(--light, #ffffff)}:host([color=light-20][fill=transparent]) button{color:var(--light-20, rgba(255, 255, 255, 0.2));background-color:transparent;border-color:transparent;fill:var(--light-20, rgba(255, 255, 255, 0.2))}:host([color=stable][fill=solid]) button{color:var(--light, #ffffff);background-color:var(--stable, #adadad);border-color:var(--stable, #adadad);fill:var(--light, #ffffff)}:host([color=stable][fill=transparent]) button{color:var(--stable, #adadad);background-color:transparent;border-color:transparent;fill:var(--stable, #adadad)}:host([color=stable-60][fill=solid]) button{color:var(--light, #ffffff);background-color:var(--stable-60, rgba(173, 173, 173, 0.6));border-color:var(--stable-60, rgba(173, 173, 173, 0.6));fill:var(--light, #ffffff)}:host([color=stable-60][fill=transparent]) button{color:var(--stable-60, rgba(173, 173, 173, 0.6));background-color:transparent;border-color:transparent;fill:var(--stable-60, rgba(173, 173, 173, 0.6))}:host([color=stable-alt][fill=solid]) button{color:var(--light, #ffffff);background-color:var(--stable-alt, #d0d0d0);border-color:var(--stable-alt, #d0d0d0);fill:var(--light, #ffffff)}:host([color=stable-alt][fill=transparent]) button{color:var(--stable-alt, #d0d0d0);background-color:transparent;border-color:transparent;fill:var(--stable-alt, #d0d0d0)}:host([color=stable-light][fill=solid]) button{color:var(--dark, #000000);background-color:var(--stable-light, #f1f1f1);border-color:var(--stable-light, #f1f1f1);fill:var(--dark, #000000)}:host([color=stable-light][fill=transparent]) button{color:var(--stable-light, #f1f1f1);background-color:transparent;border-color:transparent;fill:var(--stable-light, #f1f1f1)}:host([color=stable-ultralight][fill=solid]) button{color:var(--dark, #000000);background-color:var(--stable-ultralight, #fafafa);border-color:var(--stable-ultralight, #fafafa);fill:var(--dark, #000000)}:host([color=stable-ultralight][fill=transparent]) button{color:var(--stable-ultralight, #fafafa);background-color:transparent;border-color:transparent;fill:var(--stable-ultralight, #fafafa)}:host([color=success][fill=solid]) button{color:var(--light, #ffffff);background-color:var(--success, #3aa76d);border-color:var(--success, #3aa76d);fill:var(--light, #ffffff)}:host([color=success][fill=transparent]) button{color:var(--success, #3aa76d);background-color:transparent;border-color:transparent;fill:var(--success, #3aa76d)}:host([color=success-10][fill=solid]) button{color:var(--light, #ffffff);background-color:var(--success-10, rgba(58, 167, 109, 0.1));border-color:var(--success-10, rgba(58, 167, 109, 0.1));fill:var(--light, #ffffff)}:host([color=success-10][fill=transparent]) button{color:var(--success-10, rgba(58, 167, 109, 0.1));background-color:transparent;border-color:transparent;fill:var(--success-10, rgba(58, 167, 109, 0.1))}:host([color=text-color][fill=solid]) button{color:var(--light, #ffffff);background-color:var(--text-color, #807f83);border-color:var(--text-color, #807f83);fill:var(--light, #ffffff)}:host([color=text-color][fill=transparent]) button{color:var(--text-color, #807f83);background-color:transparent;border-color:transparent;fill:var(--text-color, #807f83)}:host([color=warning][fill=solid]) button{color:var(--light, #ffffff);background-color:var(--warning, #ed6e33);border-color:var(--warning, #ed6e33);fill:var(--light, #ffffff)}:host([color=warning][fill=transparent]) button{color:var(--warning, #ed6e33);background-color:transparent;border-color:transparent;fill:var(--warning, #ed6e33)}:host([color=warning-10][fill=solid]) button{color:var(--light, #ffffff);background-color:var(--warning-10, rgba(237, 110, 51, 0.1));border-color:var(--warning-10, rgba(237, 110, 51, 0.1));fill:var(--light, #ffffff)}:host([color=warning-10][fill=transparent]) button{color:var(--warning-10, rgba(237, 110, 51, 0.1));background-color:transparent;border-color:transparent;fill:var(--warning-10, rgba(237, 110, 51, 0.1))}:host([color=warning-20][fill=solid]) button{color:var(--light, #ffffff);background-color:var(--warning-20, rgba(237, 110, 51, 0.2));border-color:var(--warning-20, rgba(237, 110, 51, 0.2));fill:var(--light, #ffffff)}:host([color=warning-20][fill=transparent]) button{color:var(--warning-20, rgba(237, 110, 51, 0.2));background-color:transparent;border-color:transparent;fill:var(--warning-20, rgba(237, 110, 51, 0.2))}:host([color=accent]) yoo-ripple-effect{--color:var(--dark, #000000);--opacity:var(--ripple-light-opacity, 0.15)}:host([color=accent-10]) yoo-ripple-effect{--color:var(--dark, #000000);--opacity:var(--ripple-light-opacity, 0.15)}:host([color=anthracite]) yoo-ripple-effect{--color:var(--light, #ffffff);--opacity:var(--ripple-dark-opacity, 0.2)}:host([color=app-color]) yoo-ripple-effect{--color:var(--dark, #000000);--opacity:var(--ripple-light-opacity, 0.15)}:host([color=app-color-10]) yoo-ripple-effect{--color:var(--dark, #000000);--opacity:var(--ripple-light-opacity, 0.15)}:host([color=app-color-20]) yoo-ripple-effect{--color:var(--dark, #000000);--opacity:var(--ripple-light-opacity, 0.15)}:host([color=danger]) yoo-ripple-effect{--color:var(--dark, #000000);--opacity:var(--ripple-light-opacity, 0.15)}:host([color=danger-10]) yoo-ripple-effect{--color:var(--dark, #000000);--opacity:var(--ripple-light-opacity, 0.15)}:host([color=dark]) yoo-ripple-effect{--color:var(--light, #ffffff);--opacity:var(--ripple-dark-opacity, 0.2)}:host([color=energized]) yoo-ripple-effect{--color:var(--dark, #000000);--opacity:var(--ripple-light-opacity, 0.15)}:host([color=energized-10]) yoo-ripple-effect{--color:var(--dark, #000000);--opacity:var(--ripple-light-opacity, 0.15)}:host([color=info]) yoo-ripple-effect{--color:var(--dark, #000000);--opacity:var(--ripple-light-opacity, 0.15)}:host([color=info-10]) yoo-ripple-effect{--color:var(--dark, #000000);--opacity:var(--ripple-light-opacity, 0.15)}:host([color=light]) yoo-ripple-effect{--color:var(--dark, #000000);--opacity:var(--ripple-light-opacity, 0.15)}:host([color=stable]) yoo-ripple-effect{--color:var(--dark, #000000);--opacity:var(--ripple-light-opacity, 0.15)}:host([color=stable-60]) yoo-ripple-effect{--color:var(--dark, #000000);--opacity:var(--ripple-light-opacity, 0.15)}:host([color=stable-alt]) yoo-ripple-effect{--color:var(--dark, #000000);--opacity:var(--ripple-light-opacity, 0.15)}:host([color=stable-light]) yoo-ripple-effect{--color:var(--dark, #000000);--opacity:var(--ripple-light-opacity, 0.15)}:host([color=stable-ultralight]) yoo-ripple-effect{--color:var(--dark, #000000);--opacity:var(--ripple-light-opacity, 0.15)}:host([color=success]) yoo-ripple-effect{--color:var(--dark, #000000);--opacity:var(--ripple-light-opacity, 0.15)}:host([color=success-10]) yoo-ripple-effect{--color:var(--dark, #000000);--opacity:var(--ripple-light-opacity, 0.15)}:host([color=text-color]) yoo-ripple-effect{--color:var(--dark, #000000);--opacity:var(--ripple-light-opacity, 0.15)}:host([color=warning]) yoo-ripple-effect{--color:var(--dark, #000000);--opacity:var(--ripple-light-opacity, 0.15)}:host([color=warning-10]) yoo-ripple-effect{--color:var(--dark, #000000);--opacity:var(--ripple-light-opacity, 0.15)}:host([color=warning-20]) yoo-ripple-effect{--color:var(--dark, #000000);--opacity:var(--ripple-light-opacity, 0.15)}:host{display:-ms-flexbox;display:flex;--side-padding:0 var(--spacing-16, 1rem);--disabled-color:var(--stable-light, #f1f1f1);--hover-color:var(--dark-10, rgba(0, 0, 0, 0.1))}:host button{position:relative;width:100%;padding:0;font-family:var(--font-family, \"Lato\");border-style:solid;border-width:var(--border-width-01, 0.0625rem);border-radius:var(--border-radius-top-left) var(--border-radius-top-right) var(--border-radius-bottom-right) var(--border-radius-bottom-left);cursor:pointer;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out}:host button #hover{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;border-radius:inherit}:host button #main-content{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host button:focus{outline:none}:host button:hover #hover{background-color:var(--hover-color)}:host([fill=transparent]) button:hover #hover{border-color:var(--hover-color)}:host([hidden]){display:none}:host([shape=rectangular]:not([size=large])),:host([shape=square]){--border-radius-top-left:var(--border-radius-04, 0.25rem);--border-radius-top-right:var(--border-radius-04, 0.25rem);--border-radius-bottom-left:var(--border-radius-04, 0.25rem);--border-radius-bottom-right:var(--border-radius-04, 0.25rem)}:host([shape=rectangular][size=large]){--border-radius-top-left:var(--border-radius-08, 0.5rem);--border-radius-top-right:var(--border-radius-08, 0.5rem);--border-radius-bottom-left:var(--border-radius-08, 0.5rem);--border-radius-bottom-right:var(--border-radius-08, 0.5rem)}:host([shape=circular]) button{--border-radius-top-left:50%;--border-radius-top-right:50%;--border-radius-bottom-left:50%;--border-radius-bottom-right:50%}:host([shape=rectangular]:not(.no-padding)) button{line-height:inherit}:host([shape=rectangular]:not(.no-padding)) button ::slotted([slot=start]){margin-right:var(--spacing-08, 0.5rem) !important}:host([shape=rectangular]:not(.no-padding)) button ::slotted([slot=end]){margin-left:var(--spacing-08, 0.5rem) !important}:host([size=small]) button{height:1.5rem;font-size:var(--font-size-12, 0.75rem)}:host([size=small][shape=circular]) button,:host([size=small][shape=square]) button{width:1.5rem}:host([size=small][shape=rectangular]) button #hover{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 var(--spacing-08, 0.5rem)}:host([size=medium]) button{height:2rem;font-size:var(--font-size-14, 0.875rem)}:host(.mobile[size=medium]) button{font-size:var(--font-size-16, 1rem)}:host([size=medium][shape=circular]) button,:host([size=medium][shape=square]) button{width:2rem}:host([size=medium][shape=rectangular]) button #hover{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 var(--spacing-08, 0.5rem)}:host([size=large]) button{height:3rem;font-size:var(--font-size-16, 1rem)}:host([size=large][shape=circular]) button,:host([size=large][shape=square]) button{width:3rem}:host([size=large][shape=rectangular]) button #hover{-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--side-padding)}:host([size=large][shape=circular].extra-large-emoji) button{width:4.375rem;height:4.375rem;font-size:2.813rem}:host([size=large][shape=circular].extra-large-emoji) button #main-content{-webkit-transform:translate(1%, 3%);transform:translate(1%, 3%)}:host([size=extra-large]) button{height:4rem;font-size:var(--font-size-16, 1rem)}:host([size=extra-large][shape=circular]) button,:host([size=extra-large][shape=square]) button{width:4rem}:host([size=extra-large][shape=rectangular]) button #hover{-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--side-padding)}:host([disabled=\"\"]),:host([disabled=true]){pointer-events:none}:host([disabled=\"\"]) ::slotted(*),:host([disabled=true]) ::slotted(*){fill:inherit}:host([disabled=\"\"][fill=solid]) button,:host([disabled=true][fill=solid]) button{color:var(--stable, #adadad);background-color:var(--disabled-color);background-clip:padding-box;border-color:var(--disabled-color);fill:var(--stable, #adadad)}:host([disabled=\"\"][fill=transparent]) button,:host([disabled=true][fill=transparent]) button{color:var(--disabled-color);fill:var(--disabled-color)}:host([color=light][fill=solid]:not([disabled=\"\"])) button{color:var(--dark, #000000);background-color:var(--light, #ffffff);border-color:var(--stable-alt, #d0d0d0)}:host([color=anthracite]) button:hover #hover,:host([color=dark]) button:hover #hover{background-color:var(--light-20, rgba(255, 255, 255, 0.2))}:host([color=stable-light][fill=solid]) button{color:var(--stable, #adadad);background-color:var(--stable-light, #f1f1f1);border:none}:host(.expanded){width:100%}:host(.auto){display:block}:host(.auto) button{width:auto}:host(.shadow){display:block}:host(.shadow) button{-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(.hidden){opacity:0}:host(.no-border) button{border:none}:host(.icon-align-left) #main-content{width:100%;padding-right:var(--spacing-16, 1rem)}:host(.fab){position:absolute;right:var(--spacing-16, 1rem);bottom:var(--spacing-16, 1rem);z-index:100}:host(.fab) button{-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(.fab-left){position:absolute;bottom:var(--spacing-16, 1rem);left:var(--spacing-16, 1rem);z-index:100}:host(.fab-left) button{-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))}";
+const buttonCss = "svg:not(:root){overflow:hidden}:host([color=accent][fill=solid]) button{color:var(--light, #ffffff);background-color:var(--accent, #276ef1);border-color:var(--accent, #276ef1);fill:var(--light, #ffffff)}:host([color=accent][fill=transparent]) button{color:var(--accent, #276ef1);background-color:transparent;border-color:transparent;fill:var(--accent, #276ef1)}:host([color=accent-10][fill=solid]) button{color:var(--light, #ffffff);background-color:var(--accent-10, rgba(39, 110, 241, 0.1));border-color:var(--accent-10, rgba(39, 110, 241, 0.1));fill:var(--light, #ffffff)}:host([color=accent-10][fill=transparent]) button{color:var(--accent-10, rgba(39, 110, 241, 0.1));background-color:transparent;border-color:transparent;fill:var(--accent-10, rgba(39, 110, 241, 0.1))}:host([color=anthracite][fill=solid]) button{color:var(--light, #ffffff);background-color:var(--anthracite, #1a1a1a);border-color:var(--anthracite, #1a1a1a);fill:var(--light, #ffffff)}:host([color=anthracite][fill=transparent]) button{color:var(--anthracite, #1a1a1a);background-color:transparent;border-color:transparent;fill:var(--anthracite, #1a1a1a)}:host([color=app-color][fill=solid]) button{color:var(--light, #ffffff);background-color:var(--app-color, #5a30f4);border-color:var(--app-color, #5a30f4);fill:var(--light, #ffffff)}:host([color=app-color][fill=transparent]) button{color:var(--app-color, #5a30f4);background-color:transparent;border-color:transparent;fill:var(--app-color, #5a30f4)}:host([color=app-color-10][fill=solid]) button{color:var(--light, #ffffff);background-color:var(--app-color-10, rgba(90, 48, 244, 0.1));border-color:var(--app-color-10, rgba(90, 48, 244, 0.1));fill:var(--light, #ffffff)}:host([color=app-color-10][fill=transparent]) button{color:var(--app-color-10, rgba(90, 48, 244, 0.1));background-color:transparent;border-color:transparent;fill:var(--app-color-10, rgba(90, 48, 244, 0.1))}:host([color=app-color-20][fill=solid]) button{color:var(--light, #ffffff);background-color:var(--app-color-20, rgba(90, 48, 244, 0.2));border-color:var(--app-color-20, rgba(90, 48, 244, 0.2));fill:var(--light, #ffffff)}:host([color=app-color-20][fill=transparent]) button{color:var(--app-color-20, rgba(90, 48, 244, 0.2));background-color:transparent;border-color:transparent;fill:var(--app-color-20, rgba(90, 48, 244, 0.2))}:host([color=danger][fill=solid]) button{color:var(--light, #ffffff);background-color:var(--danger, #d44333);border-color:var(--danger, #d44333);fill:var(--light, #ffffff)}:host([color=danger][fill=transparent]) button{color:var(--danger, #d44333);background-color:transparent;border-color:transparent;fill:var(--danger, #d44333)}:host([color=danger-10][fill=solid]) button{color:var(--light, #ffffff);background-color:var(--danger-10, rgba(212, 67, 51, 0.1));border-color:var(--danger-10, rgba(212, 67, 51, 0.1));fill:var(--light, #ffffff)}:host([color=danger-10][fill=transparent]) button{color:var(--danger-10, rgba(212, 67, 51, 0.1));background-color:transparent;border-color:transparent;fill:var(--danger-10, rgba(212, 67, 51, 0.1))}:host([color=dark][fill=solid]) button{color:var(--light, #ffffff);background-color:var(--dark, #000000);border-color:var(--light, #ffffff);fill:var(--light, #ffffff)}:host([color=dark][fill=transparent]) button{color:var(--dark, #000000);background-color:transparent;border-color:transparent;fill:var(--dark, #000000)}:host([color=energized][fill=solid]) button{color:var(--light, #ffffff);background-color:var(--energized, #ffc043);border-color:var(--energized, #ffc043);fill:var(--light, #ffffff)}:host([color=energized][fill=transparent]) button{color:var(--energized, #ffc043);background-color:transparent;border-color:transparent;fill:var(--energized, #ffc043)}:host([color=energized-10][fill=solid]) button{color:var(--light, #ffffff);background-color:var(--energized-10, rgba(255, 192, 67, 0.1));border-color:var(--energized-10, rgba(255, 192, 67, 0.1));fill:var(--light, #ffffff)}:host([color=energized-10][fill=transparent]) button{color:var(--energized-10, rgba(255, 192, 67, 0.1));background-color:transparent;border-color:transparent;fill:var(--energized-10, rgba(255, 192, 67, 0.1))}:host([color=info][fill=solid]) button{color:var(--light, #ffffff);background-color:var(--info, #d84c96);border-color:var(--info, #d84c96);fill:var(--light, #ffffff)}:host([color=info][fill=transparent]) button{color:var(--info, #d84c96);background-color:transparent;border-color:transparent;fill:var(--info, #d84c96)}:host([color=info-10][fill=solid]) button{color:var(--light, #ffffff);background-color:var(--info-10, rgba(216, 76, 150, 0.1));border-color:var(--info-10, rgba(216, 76, 150, 0.1));fill:var(--light, #ffffff)}:host([color=info-10][fill=transparent]) button{color:var(--info-10, rgba(216, 76, 150, 0.1));background-color:transparent;border-color:transparent;fill:var(--info-10, rgba(216, 76, 150, 0.1))}:host([color=light][fill=solid]) button{color:var(--dark, #000000);background-color:var(--light, #ffffff);border-color:var(--stable-alt, #d0d0d0);fill:var(--dark, #000000)}:host([color=light][fill=transparent]) button{color:var(--light, #ffffff);background-color:transparent;border-color:transparent;fill:var(--light, #ffffff)}:host([color=light-20][fill=solid]) button{color:var(--light, #ffffff);background-color:var(--light-20, rgba(255, 255, 255, 0.2));border-color:var(--light-20, rgba(255, 255, 255, 0.2));fill:var(--light, #ffffff)}:host([color=light-20][fill=transparent]) button{color:var(--light-20, rgba(255, 255, 255, 0.2));background-color:transparent;border-color:transparent;fill:var(--light-20, rgba(255, 255, 255, 0.2))}:host([color=stable][fill=solid]) button{color:var(--light, #ffffff);background-color:var(--stable, #adadad);border-color:var(--stable, #adadad);fill:var(--light, #ffffff)}:host([color=stable][fill=transparent]) button{color:var(--stable, #adadad);background-color:transparent;border-color:transparent;fill:var(--stable, #adadad)}:host([color=stable-60][fill=solid]) button{color:var(--light, #ffffff);background-color:var(--stable-60, rgba(173, 173, 173, 0.6));border-color:var(--stable-60, rgba(173, 173, 173, 0.6));fill:var(--light, #ffffff)}:host([color=stable-60][fill=transparent]) button{color:var(--stable-60, rgba(173, 173, 173, 0.6));background-color:transparent;border-color:transparent;fill:var(--stable-60, rgba(173, 173, 173, 0.6))}:host([color=stable-alt][fill=solid]) button{color:var(--light, #ffffff);background-color:var(--stable-alt, #d0d0d0);border-color:var(--stable-alt, #d0d0d0);fill:var(--light, #ffffff)}:host([color=stable-alt][fill=transparent]) button{color:var(--stable-alt, #d0d0d0);background-color:transparent;border-color:transparent;fill:var(--stable-alt, #d0d0d0)}:host([color=stable-light][fill=solid]) button{color:var(--dark, #000000);background-color:var(--stable-light, #f1f1f1);border-color:var(--stable-light, #f1f1f1);fill:var(--dark, #000000)}:host([color=stable-light][fill=transparent]) button{color:var(--stable-light, #f1f1f1);background-color:transparent;border-color:transparent;fill:var(--stable-light, #f1f1f1)}:host([color=stable-ultralight][fill=solid]) button{color:var(--dark, #000000);background-color:var(--stable-ultralight, #fafafa);border-color:var(--stable-ultralight, #fafafa);fill:var(--dark, #000000)}:host([color=stable-ultralight][fill=transparent]) button{color:var(--stable-ultralight, #fafafa);background-color:transparent;border-color:transparent;fill:var(--stable-ultralight, #fafafa)}:host([color=success][fill=solid]) button{color:var(--light, #ffffff);background-color:var(--success, #3aa76d);border-color:var(--success, #3aa76d);fill:var(--light, #ffffff)}:host([color=success][fill=transparent]) button{color:var(--success, #3aa76d);background-color:transparent;border-color:transparent;fill:var(--success, #3aa76d)}:host([color=success-10][fill=solid]) button{color:var(--light, #ffffff);background-color:var(--success-10, rgba(58, 167, 109, 0.1));border-color:var(--success-10, rgba(58, 167, 109, 0.1));fill:var(--light, #ffffff)}:host([color=success-10][fill=transparent]) button{color:var(--success-10, rgba(58, 167, 109, 0.1));background-color:transparent;border-color:transparent;fill:var(--success-10, rgba(58, 167, 109, 0.1))}:host([color=text-color][fill=solid]) button{color:var(--light, #ffffff);background-color:var(--text-color, #807f83);border-color:var(--text-color, #807f83);fill:var(--light, #ffffff)}:host([color=text-color][fill=transparent]) button{color:var(--text-color, #807f83);background-color:transparent;border-color:transparent;fill:var(--text-color, #807f83)}:host([color=warning][fill=solid]) button{color:var(--light, #ffffff);background-color:var(--warning, #ed6e33);border-color:var(--warning, #ed6e33);fill:var(--light, #ffffff)}:host([color=warning][fill=transparent]) button{color:var(--warning, #ed6e33);background-color:transparent;border-color:transparent;fill:var(--warning, #ed6e33)}:host([color=warning-10][fill=solid]) button{color:var(--light, #ffffff);background-color:var(--warning-10, rgba(237, 110, 51, 0.1));border-color:var(--warning-10, rgba(237, 110, 51, 0.1));fill:var(--light, #ffffff)}:host([color=warning-10][fill=transparent]) button{color:var(--warning-10, rgba(237, 110, 51, 0.1));background-color:transparent;border-color:transparent;fill:var(--warning-10, rgba(237, 110, 51, 0.1))}:host([color=warning-20][fill=solid]) button{color:var(--light, #ffffff);background-color:var(--warning-20, rgba(237, 110, 51, 0.2));border-color:var(--warning-20, rgba(237, 110, 51, 0.2));fill:var(--light, #ffffff)}:host([color=warning-20][fill=transparent]) button{color:var(--warning-20, rgba(237, 110, 51, 0.2));background-color:transparent;border-color:transparent;fill:var(--warning-20, rgba(237, 110, 51, 0.2))}:host([color=accent]) yoo-ripple-effect{--color:var(--dark, #000000);--opacity:var(--ripple-light-opacity, 0.15)}:host([color=accent-10]) yoo-ripple-effect{--color:var(--dark, #000000);--opacity:var(--ripple-light-opacity, 0.15)}:host([color=anthracite]) yoo-ripple-effect{--color:var(--light, #ffffff);--opacity:var(--ripple-dark-opacity, 0.2)}:host([color=app-color]) yoo-ripple-effect{--color:var(--dark, #000000);--opacity:var(--ripple-light-opacity, 0.15)}:host([color=app-color-10]) yoo-ripple-effect{--color:var(--dark, #000000);--opacity:var(--ripple-light-opacity, 0.15)}:host([color=app-color-20]) yoo-ripple-effect{--color:var(--dark, #000000);--opacity:var(--ripple-light-opacity, 0.15)}:host([color=danger]) yoo-ripple-effect{--color:var(--dark, #000000);--opacity:var(--ripple-light-opacity, 0.15)}:host([color=danger-10]) yoo-ripple-effect{--color:var(--dark, #000000);--opacity:var(--ripple-light-opacity, 0.15)}:host([color=dark]) yoo-ripple-effect{--color:var(--light, #ffffff);--opacity:var(--ripple-dark-opacity, 0.2)}:host([color=energized]) yoo-ripple-effect{--color:var(--dark, #000000);--opacity:var(--ripple-light-opacity, 0.15)}:host([color=energized-10]) yoo-ripple-effect{--color:var(--dark, #000000);--opacity:var(--ripple-light-opacity, 0.15)}:host([color=info]) yoo-ripple-effect{--color:var(--dark, #000000);--opacity:var(--ripple-light-opacity, 0.15)}:host([color=info-10]) yoo-ripple-effect{--color:var(--dark, #000000);--opacity:var(--ripple-light-opacity, 0.15)}:host([color=light]) yoo-ripple-effect{--color:var(--dark, #000000);--opacity:var(--ripple-light-opacity, 0.15)}:host([color=stable]) yoo-ripple-effect{--color:var(--dark, #000000);--opacity:var(--ripple-light-opacity, 0.15)}:host([color=stable-60]) yoo-ripple-effect{--color:var(--dark, #000000);--opacity:var(--ripple-light-opacity, 0.15)}:host([color=stable-alt]) yoo-ripple-effect{--color:var(--dark, #000000);--opacity:var(--ripple-light-opacity, 0.15)}:host([color=stable-light]) yoo-ripple-effect{--color:var(--dark, #000000);--opacity:var(--ripple-light-opacity, 0.15)}:host([color=stable-ultralight]) yoo-ripple-effect{--color:var(--dark, #000000);--opacity:var(--ripple-light-opacity, 0.15)}:host([color=success]) yoo-ripple-effect{--color:var(--dark, #000000);--opacity:var(--ripple-light-opacity, 0.15)}:host([color=success-10]) yoo-ripple-effect{--color:var(--dark, #000000);--opacity:var(--ripple-light-opacity, 0.15)}:host([color=text-color]) yoo-ripple-effect{--color:var(--dark, #000000);--opacity:var(--ripple-light-opacity, 0.15)}:host([color=warning]) yoo-ripple-effect{--color:var(--dark, #000000);--opacity:var(--ripple-light-opacity, 0.15)}:host([color=warning-10]) yoo-ripple-effect{--color:var(--dark, #000000);--opacity:var(--ripple-light-opacity, 0.15)}:host([color=warning-20]) yoo-ripple-effect{--color:var(--dark, #000000);--opacity:var(--ripple-light-opacity, 0.15)}:host{display:-ms-flexbox;display:flex;--side-padding:0 var(--spacing-16, 1rem);--disabled-color:var(--stable-light, #f1f1f1);--hover-color:var(--dark-10, rgba(0, 0, 0, 0.1))}:host button{position:relative;width:100%;padding:0;font-family:var(--font-family, \"Lato\");border-style:solid;border-width:var(--border-width-01, 0.0625rem);border-radius:var(--border-radius-top-left) var(--border-radius-top-right) var(--border-radius-bottom-right) var(--border-radius-bottom-left);cursor:pointer;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out}:host button #hover{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;border-radius:inherit}:host button #main-content{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host button:focus{outline:none}:host button:hover #hover{background-color:var(--hover-color)}:host([fill=transparent]) button:hover #hover{border-color:var(--hover-color)}:host([hidden]){display:none}:host([shape=rectangular]:not([size=large])),:host([shape=square]){--border-radius-top-left:var(--border-radius-04, 0.25rem);--border-radius-top-right:var(--border-radius-04, 0.25rem);--border-radius-bottom-left:var(--border-radius-04, 0.25rem);--border-radius-bottom-right:var(--border-radius-04, 0.25rem)}:host([shape=rectangular][size=large]){--border-radius-top-left:var(--border-radius-08, 0.5rem);--border-radius-top-right:var(--border-radius-08, 0.5rem);--border-radius-bottom-left:var(--border-radius-08, 0.5rem);--border-radius-bottom-right:var(--border-radius-08, 0.5rem)}:host([shape=circular]) button{--border-radius-top-left:50%;--border-radius-top-right:50%;--border-radius-bottom-left:50%;--border-radius-bottom-right:50%}:host([shape=rectangular]:not(.no-padding)) button{line-height:inherit}:host([shape=rectangular]:not(.no-padding)) button ::slotted([slot=start]){margin-right:var(--spacing-08, 0.5rem)}:host([shape=rectangular]:not(.no-padding)) button ::slotted([slot=end]){margin-left:var(--spacing-08, 0.5rem) !important}:host(.rtl[shape=rectangular]:not(.no-padding)) button ::slotted([slot=start]){margin-right:unset;margin-left:var(--spacing-08, 0.5rem)}:host([size=small]) button{height:1.5rem;font-size:var(--font-size-12, 0.75rem)}:host([size=small][shape=circular]) button,:host([size=small][shape=square]) button{width:1.5rem}:host([size=small][shape=rectangular]) button #hover{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 var(--spacing-08, 0.5rem)}:host([size=medium]) button{height:2rem;font-size:var(--font-size-14, 0.875rem)}:host(.mobile[size=medium]) button{font-size:var(--font-size-16, 1rem)}:host([size=medium][shape=circular]) button,:host([size=medium][shape=square]) button{width:2rem}:host([size=medium][shape=rectangular]) button #hover{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 var(--spacing-08, 0.5rem)}:host([size=large]) button{height:3rem;font-size:var(--font-size-16, 1rem)}:host([size=large][shape=circular]) button,:host([size=large][shape=square]) button{width:3rem}:host([size=large][shape=rectangular]) button #hover{-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--side-padding)}:host([size=large][shape=circular].extra-large-emoji) button{width:4.375rem;height:4.375rem;font-size:2.813rem}:host([size=large][shape=circular].extra-large-emoji) button #main-content{-webkit-transform:translate(1%, 3%);transform:translate(1%, 3%)}:host([size=extra-large]) button{height:4rem;font-size:var(--font-size-16, 1rem)}:host([size=extra-large][shape=circular]) button,:host([size=extra-large][shape=square]) button{width:4rem}:host([size=extra-large][shape=rectangular]) button #hover{-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--side-padding)}:host([disabled=\"\"]),:host([disabled=true]){pointer-events:none}:host([disabled=\"\"]) ::slotted(*),:host([disabled=true]) ::slotted(*){fill:inherit}:host([disabled=\"\"][fill=solid]) button,:host([disabled=true][fill=solid]) button{color:var(--stable, #adadad);background-color:var(--disabled-color);background-clip:padding-box;border-color:var(--disabled-color);fill:var(--stable, #adadad)}:host([disabled=\"\"][fill=transparent]) button,:host([disabled=true][fill=transparent]) button{color:var(--disabled-color);fill:var(--disabled-color)}:host([color=light][fill=solid]:not([disabled=\"\"])) button{color:var(--dark, #000000);background-color:var(--light, #ffffff);border-color:var(--stable-alt, #d0d0d0)}:host([color=anthracite]) button:hover #hover,:host([color=dark]) button:hover #hover{background-color:var(--light-20, rgba(255, 255, 255, 0.2))}:host([color=stable-light][fill=solid]) button{color:var(--stable, #adadad);background-color:var(--stable-light, #f1f1f1);border:none}:host(.expanded){width:100%}:host(.auto){display:block}:host(.auto) button{width:auto}:host(.shadow){display:block}:host(.shadow) button{-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(.hidden){opacity:0}:host(.no-border) button{border:none}:host(.icon-align-left) #main-content{width:100%;padding-right:var(--spacing-16, 1rem)}:host(.fab){position:absolute;right:var(--spacing-16, 1rem);bottom:var(--spacing-16, 1rem);z-index:100}:host(.fab) button{-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(.fab.rtl){right:unset;bottom:var(--spacing-16, 1rem);left:var(--spacing-16, 1rem)}:host(.fab-left){position:absolute;bottom:var(--spacing-16, 1rem);left:var(--spacing-16, 1rem);z-index:100}:host(.fab-left) button{-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))}";
 
 const YooButtonComponent = class {
   constructor(hostRef) {

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

@@ -1,11 +1,12 @@
 import { r as registerInstance, i as createEvent, h, f as forceUpdate, e as Host, g as getElement } from './index-0a59e2a1.js';
-import { e as shiftSlidesToNext, f as shiftSlidesToPrevious } from './index-1daea473.js';
+import { e as shiftSlidesToNext, f as shiftSlidesToPrevious } from './index-d375d097.js';
 import { i as isArray, q as capitalize } from './lodash-777f91de.js';
-import { ea as getWeekDays, t as translate, aN as dateAdd, Q as startOf, bX as endOf, cA as isIonic, U as isDateAfter, eb as resetTime, R as isDateBefore, ec as getYear, an as dateFormat, m as isSameDate, ed as day, aM as dateSub, cT as isToday, ee as isSameMonth, H as isWeb, ef as isDateSameOrAfter, eg as isDateSameOrBefore, au as pipes } from './overlays-fc8b6c29.js';
-import './index-56d7a2d6.js';
+import { g as getAppContext } from './common-helpers-c2933562.js';
+import { eb as getWeekDays, t as translate, aO as dateAdd, R as startOf, bY as endOf, cB as isIonic, V as isDateAfter, ec as resetTime, T as isDateBefore, ed as getYear, ao as dateFormat, m as isSameDate, ee as day, aN as dateSub, cU as isToday, ef as isSameMonth, H as isWeb, eg as isDateSameOrAfter, eh as isDateSameOrBefore, av as pipes } from './overlays-0cc9a656.js';
+import './index-58e4534b.js';
 import './_commonjsHelpers-f4d11124.js';
 
-const calendarCss = "svg:not(:root){overflow:hidden}:host{display:block;border-radius:inherit;opacity:1}:host .unavailable{color:var(--stable, #adadad)}:host .toolbar-tools{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}:host .toolbar-tools yoo-tooltip{padding:0.25rem}:host .toolbar-tools yoo-tooltip yoo-button{padding:0}:host .toolbar-tools h2{font-weight:var(--font-weight-400, 400);text-transform:capitalize}:host .toolbar-tools yoo-button{padding:0.25rem}:host .toolbar-tools .active-day{-ms-flex:1 2 auto;flex:1 2 auto;text-align:center}:host .days{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .week-header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;min-height:1.875rem;font-weight:var(--font-weight-400, 400);font-size:var(--font-size-14, 0.875rem)}:host .week-header .day{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:0.3125rem;font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem);font-style:normal;text-align:center}:host .calendar-container.modern yoo-ion-slide{width:auto !important}:host .week{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:row;flex-direction:row;padding:var(--spacing-04, 0.25rem) 0;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-40, rgba(173, 173, 173, 0.4))}:host .week .day{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:3.5rem;text-align:center;cursor:pointer}:host .week .day.active .day-number{width:50%;max-width:var(--spacing-24, 1.5rem);padding:5%}:host .week .day:not(.in-range) .day-number:after{display:block;padding-top:100%;content:\"\"}:host .week .day.grey-day{color:var(--stable, #adadad)}:host .week .day.today.active .day-number{color:var(--light, #ffffff);background:var(--app-color, #5a30f4)}:host .week .day.today .day-number{color:var(--app-color, #5a30f4)}:host .week .day.today .marker{background:var(--app-color, #5a30f4)}:host .week .day.single-range .day-number{color:var(--light, #ffffff);background:var(--app-color, #5a30f4)}:host .week .day.active .day-number{color:var(--light, #ffffff);background:var(--dark, #000000)}:host .week .day .day-number{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-weight:var(--font-weight-400, 400);font-size:var(--font-size-18, 1.125rem);font-style:normal;line-height:normal}:host .week .marker{width:0.375rem;height:0.375rem;margin-top:0;margin-bottom:var(--spacing-04, 0.25rem);background:var(--app-color-10, rgba(90, 48, 244, 0.1));border-radius:50%}:host .week.modern .day{-ms-flex-pack:center;justify-content:center;height:auto;margin-right:var(--spacing-08, 0.5rem);color:var(--dark, #000000)}:host .week.modern .day .day-inner{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;min-width:var(--spacing-32, 2rem);max-width:var(--spacing-32, 2rem);padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);background-color:var(--light, #ffffff);border:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-04, 0.25rem)}:host .week.modern .day .day-inner .title{font-size:var(--font-size-24, 1.5rem)}:host .week.modern .day .day-inner .secondary-title{font-size:var(--font-size-14, 0.875rem)}:host .week.modern .day .day-inner.unavailable{color:var(--stable, #adadad);background-color:var(--stable-light, #f1f1f1)}:host .week.modern .day.active{color:var(--light, #ffffff)}:host .week.modern .day.active .day-inner{background-color:var(--app-color, #5a30f4);border-color:var(--app-color, #5a30f4)}:host .week.modern .day.active .day-inner.unavailable{color:var(--light, #ffffff)}:host .week.modern .day.grey-day{color:var(--stable, #adadad);opacity:1}:host .ion-slide{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .mobile-calendar-header{position:-webkit-sticky;position:sticky;top:0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;width:100%;margin-bottom:1.25rem;background:var(--light, #ffffff);border-top:0.625rem solid var(--light, #ffffff);border-radius:inherit}:host .mobile-calendar-header .active-month-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .mobile-calendar-header .active-month-container.flex{-ms-flex:1;flex:1}:host .mobile-calendar-header .active-month-container .prev-month{height:1.5rem;padding:0rem 0.3125rem 0rem 1rem}:host .mobile-calendar-header .active-month-container .active-month{color:var(--dark, #000000);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-20, 1.25rem);font-style:normal}:host .mobile-calendar-header .done{margin-right:var(--spacing-08, 0.5rem)}:host .mobile-calendar-header .calendar-tools{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:end;justify-content:flex-end}:host .mobile-calendar-header .calendar-tools .calendar-toggle{padding-right:var(--spacing-16, 1rem);color:var(--stable-alt, #d0d0d0);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem);font-style:normal}:host .mobile-calendar-header .calendar-tools .calendar-toggle:last-child{padding-right:0.4375rem}:host .mobile-calendar-header .calendar-tools .calendar-toggle.today:hover{color:var(--app-color, #5a30f4)}:host .mobile-calendar-header .calendar-tools .calendar-toggle.active{color:var(--app-color, #5a30f4)}:host .mobile-days{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;color:var(--dark, #000000)}:host .mobile-days .day-number{width:var(--spacing-16, 1rem);border-radius:50%}:host .mobile-days .in-range .day-number{width:100%;color:var(--light, #ffffff) !important;background:var(--app-color, #5a30f4);border-radius:0;opacity:0.6}:host .mobile-days .in-range.first-day{position:relative;background:none}:host .mobile-days .in-range.first-day .day-number{border-radius:var(--spacing-08, 0.5rem) 0 0 var(--spacing-08, 0.5rem)}:host .mobile-days .in-range.first-day:after{position:absolute;right:0;margin-left:0.8125rem;background:var(--app-color, #5a30f4);opacity:0.6;content:\"\"}:host .mobile-days .in-range.last-day{position:relative;background:none}:host .mobile-days .in-range.last-day .day-number{border-radius:0 var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) 0}:host .mobile-days .in-range.last-day:before{position:absolute;margin-right:var(--spacing-16, 1rem);background:var(--app-color, #5a30f4);opacity:0.6;content:\"\"}:host .mobile-days .in-range.first-day .day-number,:host .mobile-days .in-range.last-day .day-number{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-weight:var(--font-weight-400, 400);font-size:var(--font-size-18, 1.125rem);font-style:normal;line-height:normal;z-index:1;color:var(--light, #ffffff);background:var(--app-color, #5a30f4);opacity:1}:host([hidden]){display:none}:host([display-mode=week]) .week{border-bottom:none}:host([display-mode=month]) .calendar-container .swiper-control{padding-top:var(--spacing-16, 1rem)}:host([is-date-picker]){min-height:28.75rem}:host([modern-date-picker]){min-height:0}:host([is-range]) .week .day.grey-day:not(.diff-month){pointer-events:none}:host(.date) .mobile-days .week:last-child{border-bottom:none}:host(.stable-light) .mobile-days .week-header .day{background:var(--stable-light, #f1f1f1)}:host(.web) .days{height:100%}:host(.web) .days .week-header{margin-right:0.75rem;margin-left:0.75rem}:host(.web) .days yoo-ion-scroll .web-days{margin-bottom:var(--spacing-16, 1rem)}:host(.web) .days yoo-ion-scroll .web-days.hidden{display:none;opacity:0}:host(.web) .days yoo-ion-scroll .web-days.space .week{padding-bottom:var(--spacing-08, 0.5rem)}:host(.web) .days yoo-ion-scroll .active-month{margin-left:var(--spacing-16, 1rem);font-size:var(--font-size-18, 1.125rem)}:host(.web) .days yoo-ion-scroll .active-month.flex{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin:0;padding:0 var(--spacing-04, 0.25rem);font-size:var(--font-size-16, 1rem)}:host(.web) .days yoo-ion-scroll .week .day .day-number{font-size:var(--font-size-14, 0.875rem)}:host(.web) .days yoo-ion-scroll .week .marker{width:0.375rem;height:0.375rem}:host(.web[modern-date-picker]){display:-ms-flexbox;display:flex}:host(.web[modern-date-picker]) .next-month,:host(.web[modern-date-picker]) .prev-month{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(.web[modern-date-picker]) .next-month yoo-tag,:host(.web[modern-date-picker]) .prev-month yoo-tag{-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));cursor:pointer}:host(.web[modern-date-picker]) .prev-month{padding-right:var(--spacing-08, 0.5rem)}:host(.web[modern-date-picker]) .next-month{padding-left:var(--spacing-08, 0.5rem)}:host(.web.calendar-picker){min-height:17.3125rem}:host(.web.calendar-picker) .mobile-calendar-header .active-month-container .prev-month{padding:0rem 0.3125rem 0rem 0rem}:host(.web.calendar-picker) .week-header{margin-bottom:var(--spacing-04, 0.25rem)}:host(.web.calendar-picker) .week-header .day{font-size:var(--font-size-14, 0.875rem)}:host(.web.calendar-picker) .week .day{height:2rem;font-size:var(--font-size-14, 0.875rem)}:host(.web.calendar-picker) .week .day .day-number{font-size:var(--font-size-14, 0.875rem)}:host(.web.calendar-picker) .week .day .marker{display:none}:host(.web.calendar-picker) .week .day.active .day-number{background:var(--app-color, #5a30f4)}@media only screen and (max-width: 350px){:host .mobile-calendar-header .calendar-tools .calendar-toggle{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:4rem}}:host([size=extra-small]){width:100%;min-height:unset;border:solid 0.0625rem var(--stable-light, #f1f1f1);border-radius:0.125rem}:host([size=extra-small]) div.mobile-calendar-header{margin:1rem 0 0 0;border-top:none}:host([size=extra-small]) div.active-month-container{-ms-flex-pack:justify;justify-content:space-between;width:100%}:host([size=extra-small]) .active-month-container span.prev-month{padding:0 0.5rem;color:var(--dark, #000000);cursor:pointer}:host([size=extra-small]) .active-month-container span.active-month{font-weight:bold;font-size:0.75rem}:host([size=extra-small]) .active-month-container span.next-month{padding:0 0.5rem;color:var(--dark, #000000);cursor:pointer}:host([size=extra-small]) .day-text{color:var(--text-color, #807f83);font-size:0.75rem}:host([size=extra-small]) .week{padding-top:var(--spacing-08, 0.5rem)}:host([size=extra-small]) .week .day{height:unset}:host([size=extra-small]) .week .day div.day-number{font-size:0.75rem;border-radius:0.125rem}:host([size=extra-small]) .week .day.active .day-number{background:var(--app-color, #5a30f4)}:host([size=extra-small]) .in-range.first-day:after,:host([size=extra-small]) .in-range.last-day:before{background:none}:host([size=small]){width:100%;min-height:unset;border:solid 0.0625rem var(--stable-light, #f1f1f1);border-radius:0.125rem}:host([size=small]) div.mobile-calendar-header{margin:1rem 0 0 0;border-top:none}:host([size=small]) div.active-month-container{-ms-flex-pack:justify;justify-content:space-between;width:100%}:host([size=small]) .active-month-container span.prev-month{padding:0 0.5rem;color:var(--dark, #000000);cursor:pointer}:host([size=small]) .active-month-container span.active-month{font-size:0.75rem}:host([size=small]) .active-month-container span.next-month{padding:0 0.5rem;color:var(--dark, #000000);cursor:pointer}:host([size=small]) .day-text{color:var(--text-color, #807f83);font-size:0.75rem}:host([size=small]) .week{border-bottom:none}:host([size=small]) .week .day{height:unset}:host([size=small]) .week .day div.day-number{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:var(--font-size-12, 0.75rem)}:host([size=small]) .week .day.active .day-number{background:var(--app-color, #5a30f4)}:host([size=small]) .in-range.first-day:after,:host([size=small]) .in-range.last-day:before{background:none}:host(.no-border){border:none}:host(.no-margin-top) .mobile-calendar-header{margin-top:0 !important}:host(.padding-bottom){padding-bottom:var(--spacing-08, 0.5rem)}";
+const calendarCss = "svg:not(:root){overflow:hidden}:host{display:block;border-radius:inherit;opacity:1}:host .unavailable{color:var(--stable, #adadad)}:host .toolbar-tools{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}:host .toolbar-tools yoo-tooltip{padding:0.25rem}:host .toolbar-tools yoo-tooltip yoo-button{padding:0}:host .toolbar-tools h2{font-weight:var(--font-weight-400, 400);text-transform:capitalize}:host .toolbar-tools yoo-button{padding:0.25rem}:host .toolbar-tools .active-day{-ms-flex:1 2 auto;flex:1 2 auto;text-align:center}:host .days{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .week-header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;min-height:1.875rem;font-weight:var(--font-weight-400, 400);font-size:var(--font-size-14, 0.875rem)}:host .week-header .day{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:0.3125rem;font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem);font-style:normal;text-align:center}:host .calendar-container.modern yoo-ion-slide{width:auto !important}:host .week{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:row;flex-direction:row;padding:var(--spacing-04, 0.25rem) 0;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-40, rgba(173, 173, 173, 0.4))}:host .week .day{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:3.5rem;text-align:center;cursor:pointer}:host .week .day.active .day-number{width:50%;max-width:var(--spacing-24, 1.5rem);padding:5%}:host .week .day:not(.in-range) .day-number:after{display:block;padding-top:100%;content:\"\"}:host .week .day.grey-day{color:var(--stable, #adadad)}:host .week .day.today.active .day-number{color:var(--light, #ffffff);background:var(--app-color, #5a30f4)}:host .week .day.today .day-number{color:var(--app-color, #5a30f4)}:host .week .day.today .marker{background:var(--app-color, #5a30f4)}:host .week .day.single-range .day-number{color:var(--light, #ffffff);background:var(--app-color, #5a30f4)}:host .week .day.active .day-number{color:var(--light, #ffffff);background:var(--dark, #000000)}:host .week .day .day-number{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-weight:var(--font-weight-400, 400);font-size:var(--font-size-18, 1.125rem);font-style:normal;line-height:normal}:host .week .marker{width:0.375rem;height:0.375rem;margin-top:0;margin-bottom:var(--spacing-04, 0.25rem);background:var(--app-color-10, rgba(90, 48, 244, 0.1));border-radius:50%}:host .week.modern .day{-ms-flex-pack:center;justify-content:center;height:auto;margin-right:var(--spacing-08, 0.5rem);color:var(--dark, #000000)}:host .week.modern .day .day-inner{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;min-width:var(--spacing-32, 2rem);max-width:var(--spacing-32, 2rem);padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);background-color:var(--light, #ffffff);border:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-04, 0.25rem)}:host .week.modern .day .day-inner .title{font-size:var(--font-size-24, 1.5rem)}:host .week.modern .day .day-inner .secondary-title{font-size:var(--font-size-14, 0.875rem)}:host .week.modern .day .day-inner.unavailable{color:var(--stable, #adadad);background-color:var(--stable-light, #f1f1f1)}:host .week.modern .day.active{color:var(--light, #ffffff)}:host .week.modern .day.active .day-inner{background-color:var(--app-color, #5a30f4);border-color:var(--app-color, #5a30f4)}:host .week.modern .day.active .day-inner.unavailable{color:var(--light, #ffffff)}:host .week.modern .day.grey-day{color:var(--stable, #adadad);opacity:1}:host .ion-slide{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .mobile-calendar-header{position:-webkit-sticky;position:sticky;top:0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;width:100%;margin-bottom:1.25rem;background:var(--light, #ffffff);border-top:0.625rem solid var(--light, #ffffff);border-radius:inherit}:host .mobile-calendar-header .active-month-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .mobile-calendar-header .active-month-container.flex{-ms-flex:1;flex:1}:host .mobile-calendar-header .active-month-container .prev-month{height:1.5rem;padding:0rem 0.3125rem 0rem 1rem}:host .mobile-calendar-header .active-month-container .active-month{color:var(--dark, #000000);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-20, 1.25rem);font-style:normal}:host .mobile-calendar-header .done{margin-right:var(--spacing-08, 0.5rem)}:host .mobile-calendar-header .calendar-tools{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:end;justify-content:flex-end}:host .mobile-calendar-header .calendar-tools .calendar-toggle{padding-right:var(--spacing-16, 1rem);color:var(--stable-alt, #d0d0d0);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem);font-style:normal}:host .mobile-calendar-header .calendar-tools .calendar-toggle:last-child{padding-right:0.4375rem}:host .mobile-calendar-header .calendar-tools .calendar-toggle.today:hover{color:var(--app-color, #5a30f4)}:host .mobile-calendar-header .calendar-tools .calendar-toggle.active{color:var(--app-color, #5a30f4)}:host .mobile-days{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;color:var(--dark, #000000)}:host .mobile-days .day-number{width:var(--spacing-16, 1rem);border-radius:50%}:host .mobile-days .in-range .day-number{width:100%;color:var(--light, #ffffff) !important;background:var(--app-color, #5a30f4);border-radius:0;opacity:0.6}:host .mobile-days .in-range.first-day{position:relative;background:none}:host .mobile-days .in-range.first-day .day-number{border-radius:var(--spacing-08, 0.5rem) 0 0 var(--spacing-08, 0.5rem)}:host .mobile-days .in-range.first-day:after{position:absolute;right:0;margin-left:0.8125rem;background:var(--app-color, #5a30f4);opacity:0.6;content:\"\"}:host .mobile-days .in-range.last-day{position:relative;background:none}:host .mobile-days .in-range.last-day .day-number{border-radius:0 var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) 0}:host .mobile-days .in-range.last-day:before{position:absolute;margin-right:var(--spacing-16, 1rem);background:var(--app-color, #5a30f4);opacity:0.6;content:\"\"}:host .mobile-days .in-range.first-day .day-number,:host .mobile-days .in-range.last-day .day-number{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-weight:var(--font-weight-400, 400);font-size:var(--font-size-18, 1.125rem);font-style:normal;line-height:normal;z-index:1;color:var(--light, #ffffff);background:var(--app-color, #5a30f4);opacity:1}:host(.rtl) .mobile-calendar-header{-ms-flex-pack:end;justify-content:flex-end;direction:ltr}:host([hidden]){display:none}:host([display-mode=week]) .week{border-bottom:none}:host([display-mode=month]) .calendar-container .swiper-control{padding-top:var(--spacing-16, 1rem)}:host([is-date-picker]){min-height:28.75rem}:host([modern-date-picker]){min-height:0}:host([is-range]) .week .day.grey-day:not(.diff-month){pointer-events:none}:host(.date) .mobile-days .week:last-child{border-bottom:none}:host(.stable-light) .mobile-days .week-header .day{background:var(--stable-light, #f1f1f1)}:host(.web) .days{height:100%}:host(.web) .days .week-header{margin-right:0.75rem;margin-left:0.75rem}:host(.web) .days yoo-ion-scroll .web-days{margin-bottom:var(--spacing-16, 1rem)}:host(.web) .days yoo-ion-scroll .web-days.hidden{display:none;opacity:0}:host(.web) .days yoo-ion-scroll .web-days.space .week{padding-bottom:var(--spacing-08, 0.5rem)}:host(.web) .days yoo-ion-scroll .active-month{margin-left:var(--spacing-16, 1rem);font-size:var(--font-size-18, 1.125rem)}:host(.web) .days yoo-ion-scroll .active-month.flex{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin:0;padding:0 var(--spacing-04, 0.25rem);font-size:var(--font-size-16, 1rem)}:host(.web) .days yoo-ion-scroll .week .day .day-number{font-size:var(--font-size-14, 0.875rem)}:host(.web) .days yoo-ion-scroll .week .marker{width:0.375rem;height:0.375rem}:host(.web[modern-date-picker]){display:-ms-flexbox;display:flex}:host(.web[modern-date-picker]) .next-month,:host(.web[modern-date-picker]) .prev-month{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(.web[modern-date-picker]) .next-month yoo-tag,:host(.web[modern-date-picker]) .prev-month yoo-tag{-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));cursor:pointer}:host(.web[modern-date-picker]) .prev-month{padding-right:var(--spacing-08, 0.5rem)}:host(.web[modern-date-picker]) .next-month{padding-left:var(--spacing-08, 0.5rem)}:host(.web.calendar-picker){min-height:17.3125rem}:host(.web.calendar-picker) .mobile-calendar-header .active-month-container .prev-month{padding:0rem 0.3125rem 0rem 0rem}:host(.web.calendar-picker) .week-header{margin-bottom:var(--spacing-04, 0.25rem)}:host(.web.calendar-picker) .week-header .day{font-size:var(--font-size-14, 0.875rem)}:host(.web.calendar-picker) .week .day{height:2rem;font-size:var(--font-size-14, 0.875rem)}:host(.web.calendar-picker) .week .day .day-number{font-size:var(--font-size-14, 0.875rem)}:host(.web.calendar-picker) .week .day .marker{display:none}:host(.web.calendar-picker) .week .day.active .day-number{background:var(--app-color, #5a30f4)}@media only screen and (max-width: 350px){:host .mobile-calendar-header .calendar-tools .calendar-toggle{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:4rem}}:host([size=extra-small]){width:100%;min-height:unset;border:solid 0.0625rem var(--stable-light, #f1f1f1);border-radius:0.125rem}:host([size=extra-small]) div.mobile-calendar-header{margin:1rem 0 0 0;border-top:none}:host([size=extra-small]) div.active-month-container{-ms-flex-pack:justify;justify-content:space-between;width:100%}:host([size=extra-small]) .active-month-container span.prev-month{padding:0 0.5rem;color:var(--dark, #000000);cursor:pointer}:host([size=extra-small]) .active-month-container span.active-month{font-weight:bold;font-size:0.75rem}:host([size=extra-small]) .active-month-container span.next-month{padding:0 0.5rem;color:var(--dark, #000000);cursor:pointer}:host([size=extra-small]) .day-text{color:var(--text-color, #807f83);font-size:0.75rem}:host([size=extra-small]) .week{padding-top:var(--spacing-08, 0.5rem)}:host([size=extra-small]) .week .day{height:unset}:host([size=extra-small]) .week .day div.day-number{font-size:0.75rem;border-radius:0.125rem}:host([size=extra-small]) .week .day.active .day-number{background:var(--app-color, #5a30f4)}:host([size=extra-small]) .in-range.first-day:after,:host([size=extra-small]) .in-range.last-day:before{background:none}:host([size=small]){width:100%;min-height:unset;border:solid 0.0625rem var(--stable-light, #f1f1f1);border-radius:0.125rem}:host([size=small]) div.mobile-calendar-header{margin:1rem 0 0 0;border-top:none}:host([size=small]) div.active-month-container{-ms-flex-pack:justify;justify-content:space-between;width:100%}:host([size=small]) .active-month-container span.prev-month{padding:0 0.5rem;color:var(--dark, #000000);cursor:pointer}:host([size=small]) .active-month-container span.active-month{font-size:0.75rem}:host([size=small]) .active-month-container span.next-month{padding:0 0.5rem;color:var(--dark, #000000);cursor:pointer}:host([size=small]) .day-text{color:var(--text-color, #807f83);font-size:0.75rem}:host([size=small]) .week{border-bottom:none}:host([size=small]) .week .day{height:unset}:host([size=small]) .week .day div.day-number{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:var(--font-size-12, 0.75rem)}:host([size=small]) .week .day.active .day-number{background:var(--app-color, #5a30f4)}:host([size=small]) .in-range.first-day:after,:host([size=small]) .in-range.last-day:before{background:none}:host(.no-border){border:none}:host(.no-margin-top) .mobile-calendar-header{margin-top:0 !important}:host(.padding-bottom){padding-bottom:var(--spacing-08, 0.5rem)}";
 
 const MONTHS_TO_ADD = 3;
 const YooCalendarComponent = class {
@@ -625,7 +626,7 @@ const YooCalendarComponent = class {
     return (h("div", { class: "mobile-calendar-header" }, h("div", { class: { 'active-month-container': true, 'flex': this.showDone && this.isDatePicker } }, this.renderMobileCalendarControls()), !this.isDatePicker && this.renderCalendarModeToggle(), this.isDatePicker && this.showDone && h("yoo-button", { class: "done", fill: "transparent", color: "app-color", size: "medium", onClick: () => this.doneClicked.emit() }, translate('DONE'))));
   }
   render() {
-    return (h(Host, { class: { web: isWeb(this.host) } }, this.useModernDatePickerWeek && this.renderModernWeek(), !this.useModernDatePickerWeek && (isIonic(this.host) || this.isDatePicker ? this.renderMobileCalendar() : this.renderWebCalendar())));
+    return (h(Host, { class: getAppContext(this.host) }, this.useModernDatePickerWeek && this.renderModernWeek(), !this.useModernDatePickerWeek && (isIonic(this.host) || this.isDatePicker ? this.renderMobileCalendar() : this.renderWebCalendar())));
   }
   get host() { return getElement(this); }
 };

package/dist/design-system/yoo-camera-preview-dialog.entry.js

@@ -1,14 +1,14 @@
 import { r as registerInstance, f as forceUpdate, h, k as getAssetPath, e as Host, g as getElement } from './index-0a59e2a1.js';
-import { cz as registerPlugin, o as isNativeMobile, cq as addFilePrefix, al as isImage, a7 as getSession, dV as PhotoLibrary, w as closeModal, t as translate } from './overlays-fc8b6c29.js';
-import './index-1daea473.js';
-import { d as getPictureMaxSize } from './camera-helpers-2c0e1970.js';
-import { a as showSlidesMedia, g as getAppContext } from './common-helpers-61e87a96.js';
+import { cA as registerPlugin, o as isNativeMobile, cr as addFilePrefix, am as isImage, a8 as getSession, dW as PhotoLibrary, w as closeModal, t as translate } from './overlays-0cc9a656.js';
+import './index-d375d097.js';
+import { d as getPictureMaxSize } from './camera-helpers-3e2eccbc.js';
+import { a as showSlidesMedia, g as getAppContext } from './common-helpers-c2933562.js';
 import './lodash-777f91de.js';
-import './index-56d7a2d6.js';
+import './index-58e4534b.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const CameraPreview = registerPlugin('CameraPreview', {
-    web: () => import('./web-a64a643b.js').then(m => new m.CameraPreviewWeb()),
+    web: () => import('./web-9a1f2c1d.js').then(m => new m.CameraPreviewWeb()),
 });
 
 function getFlashModeIconName(flashMode) {

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

@@ -1,8 +1,8 @@
 import { h, r as registerInstance, e as Host } from './index-0a59e2a1.js';
-import './index-1daea473.js';
-import { t as translate } from './overlays-fc8b6c29.js';
+import './index-d375d097.js';
+import { t as translate } from './overlays-0cc9a656.js';
 import './lodash-777f91de.js';
-import './index-56d7a2d6.js';
+import './index-58e4534b.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const cardBattleResultCss = "svg:not(:root){overflow:hidden}:host{display:grid;grid-template-columns:3rem 1fr 3rem;-ms-flex-align:center;align-items:center}:host p{margin:0}:host yoo-truncate{--line-height:1;width:100%;padding-top:var(--spacing-04, 0.25rem);font-size:var(--font-size-12, 0.75rem);text-align:center}:host .score{font-weight:bold;text-align:center}:host .score .lost{color:var(--danger, #d44333)}:host .score .won{color:var(--success, #3aa76d)}:host .score .result{line-height:1}";

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

@@ -1,8 +1,8 @@
 import { h, r as registerInstance, e as Host } from './index-0a59e2a1.js';
-import './index-1daea473.js';
-import { ab as getUserDisplayName, a2 as translateMulti, t as translate } from './overlays-fc8b6c29.js';
+import './index-d375d097.js';
+import { ac as getUserDisplayName, a3 as translateMulti, t as translate } from './overlays-0cc9a656.js';
 import './lodash-777f91de.js';
-import './index-56d7a2d6.js';
+import './index-58e4534b.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const cardBattleCss = "svg:not(:root){overflow:hidden}:host{display:grid;grid-gap:var(--spacing-08, 0.5rem);color:var(--text-color, #807f83)}:host header{display:grid;grid-auto-flow:column;-ms-flex-pack:justify;justify-content:space-between;height:1.5rem;color:var(--dark, #000000)}:host main yoo-icon{fill:var(--text-color, #807f83)}:host footer{display:grid;grid-auto-columns:-webkit-max-content;grid-auto-columns:max-content;grid-auto-flow:column;grid-gap:var(--spacing-08, 0.5rem)}:host .info{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .info yoo-icon{margin-right:var(--spacing-04, 0.25rem)}:host([mode=compact]) main,:host([mode=compact]) footer{font-size:var(--font-size-12, 0.75rem)}:host([mode=compact]) header{grid-gap:var(--spacing-04, 0.25rem)}:host([mode=compact]) yoo-avatar{justify-self:center}:host([mode=large]),:host(:not([mode])){grid-template-columns:auto minmax(0, 1fr)}:host([mode=large]) header,:host(:not([mode])) header{grid-gap:var(--spacing-16, 1rem)}:host(.no-answers) footer{display:none}:host(.no-course) main .info{display:none}:host(.no-email) .email{display:none}:host(.no-points) yoo-tag{display:none}";

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

@@ -1,12 +1,12 @@
 import { r as registerInstance, h, e as Host, g as getElement } from './index-0a59e2a1.js';
-import './index-1daea473.js';
-import { g as getAppContext } from './common-helpers-61e87a96.js';
-import { eI as getEventTypeColor, eF as getEventStatusInfo, eG as getCalendarParticipantStatusColor, t as translate } from './overlays-fc8b6c29.js';
+import './index-d375d097.js';
+import { g as getAppContext } from './common-helpers-c2933562.js';
+import { eJ as getEventTypeColor, eG as getEventStatusInfo, eH as getCalendarParticipantStatusColor, t as translate } from './overlays-0cc9a656.js';
 import './lodash-777f91de.js';
-import './index-56d7a2d6.js';
+import './index-58e4534b.js';
 import './_commonjsHelpers-f4d11124.js';
 
-const cardCalendarCss = "svg:not(:root){overflow:hidden}:host([color=accent]){background-color:var(--accent, #276ef1)}:host([color=accent]) .heading,:host([color=accent]) .description{color:var(--#ffffff)}:host([color=app-color]){background-color:var(--app-color, #5a30f4)}:host([color=app-color]) .heading,:host([color=app-color]) .description{color:var(--#ffffff)}:host([color=energized]){background-color:var(--energized, #ffc043)}:host([color=energized]) .heading,:host([color=energized]) .description{color:var(--#ffffff)}:host([color=info]){background-color:var(--info, #d84c96)}:host([color=info]) .heading,:host([color=info]) .description{color:var(--#ffffff)}:host([color=success]){background-color:var(--success, #3aa76d)}:host([color=success]) .heading,:host([color=success]) .description{color:var(--#ffffff)}:host([color=warning]){background-color:var(--warning, #ed6e33)}:host([color=warning]) .heading,:host([color=warning]) .description{color:var(--#ffffff)}:host([color=wood]){background-color:var(--wood, #99644c)}:host([color=wood]) .heading,:host([color=wood]) .description{color:var(--#ffffff)}:host([color=anthracite]){background-color:var(--anthracite, #1a1a1a)}:host([color=anthracite]) .heading,:host([color=anthracite]) .description{color:var(--#ffffff)}:host([color=danger]){background-color:var(--danger, #d44333)}:host([color=danger]) .heading,:host([color=danger]) .description{color:var(--#ffffff)}:host([color=stable]){background-color:var(--stable, #adadad)}:host([color=stable]) .heading,:host([color=stable]) .description{color:var(--#ffffff)}:host([color=accent-10]){background-color:var(--accent-10, rgba(39, 110, 241, 0.1))}:host([color=accent-10]) .heading,:host([color=accent-10]) .description{color:var(--accent, #276ef1)}:host([color=app-color-10]){background-color:var(--app-color-10, rgba(90, 48, 244, 0.1))}:host([color=app-color-10]) .heading,:host([color=app-color-10]) .description{color:var(--app-color, #5a30f4)}:host([color=energized-10]){background-color:var(--energized-10, rgba(255, 192, 67, 0.1))}:host([color=energized-10]) .heading,:host([color=energized-10]) .description{color:var(--energized, #ffc043)}:host([color=info-10]){background-color:var(--info-10, rgba(216, 76, 150, 0.1))}:host([color=info-10]) .heading,:host([color=info-10]) .description{color:var(--info, #d84c96)}:host([color=success-10]){background-color:var(--success-10, rgba(58, 167, 109, 0.1))}:host([color=success-10]) .heading,:host([color=success-10]) .description{color:var(--dark, #000000)}:host([color=warning-10]){background-color:var(--warning-10, rgba(237, 110, 51, 0.1))}:host([color=warning-10]) .heading,:host([color=warning-10]) .description{color:var(--warning, #ed6e33)}:host([color=wood-10]){background-color:var(--wood-10, rgba(153, 100, 76, 0.1))}:host([color=wood-10]) .heading,:host([color=wood-10]) .description{color:var(--wood, #99644c)}:host([color=anthracite-10]){background-color:var(--anthracite-10, rgba(26, 26, 26, 0.1))}:host([color=anthracite-10]) .heading,:host([color=anthracite-10]) .description{color:var(--anthracite, #1a1a1a)}:host([color=danger-10]){background-color:var(--danger-10, rgba(212, 67, 51, 0.1))}:host([color=danger-10]) .heading,:host([color=danger-10]) .description{color:var(--danger, #d44333)}:host([color=stable-10]){background-color:var(--stable-10, rgba(173, 173, 173, 0.1))}:host([color=stable-10]) .heading,:host([color=stable-10]) .description{color:var(--dark, #000000)}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:var(--spacing-56, 3.5rem);padding:0 var(--spacing-16, 1rem);padding-top:var(--spacing-04, 0.25rem);padding-bottom:var(--spacing-04, 0.25rem);border-radius:var(--border-radius-08, 0.5rem)}:host .description-container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center}:host .description-container .flex-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-right:var(--spacing-08, 0.5rem)}:host .description-container .flex-container yoo-truncate{--max-lines:1}:host .description-container .flex-container .icon{margin-right:var(--spacing-04, 0.25rem)}:host .description-container .flex-container .description{font-size:var(--font-size-12, 0.75rem)}:host .description-container .break{-ms-flex-preferred-size:100%;flex-basis:100%;height:0}:host .heading,:host .description{color:var(--light, #ffffff)}:host .heading{--max-lines:1;font-size:var(--font-size-14, 0.875rem)}:host(.web){min-width:8rem}:host(.disabled){cursor:not-allowed}:host(.events:not(.join)){background:var(--light, #ffffff) !important;border:var(--border-width-01, 0.0625rem) solid var(--success, #3aa76d)}:host(.events.decline) .heading{text-decoration:line-through}";
+const cardCalendarCss = "svg:not(:root){overflow:hidden}:host([color=accent]){background-color:var(--accent, #276ef1)}:host([color=accent]) .heading,:host([color=accent]) .description{color:var(--#ffffff)}:host([color=app-color]){background-color:var(--app-color, #5a30f4)}:host([color=app-color]) .heading,:host([color=app-color]) .description{color:var(--#ffffff)}:host([color=energized]){background-color:var(--energized, #ffc043)}:host([color=energized]) .heading,:host([color=energized]) .description{color:var(--#ffffff)}:host([color=info]){background-color:var(--info, #d84c96)}:host([color=info]) .heading,:host([color=info]) .description{color:var(--#ffffff)}:host([color=success]){background-color:var(--success, #3aa76d)}:host([color=success]) .heading,:host([color=success]) .description{color:var(--#ffffff)}:host([color=warning]){background-color:var(--warning, #ed6e33)}:host([color=warning]) .heading,:host([color=warning]) .description{color:var(--#ffffff)}:host([color=wood]){background-color:var(--wood, #99644c)}:host([color=wood]) .heading,:host([color=wood]) .description{color:var(--#ffffff)}:host([color=anthracite]){background-color:var(--anthracite, #1a1a1a)}:host([color=anthracite]) .heading,:host([color=anthracite]) .description{color:var(--#ffffff)}:host([color=danger]){background-color:var(--danger, #d44333)}:host([color=danger]) .heading,:host([color=danger]) .description{color:var(--#ffffff)}:host([color=stable]){background-color:var(--stable, #adadad)}:host([color=stable]) .heading,:host([color=stable]) .description{color:var(--#ffffff)}:host([color=accent-10]){background-color:var(--accent-10, rgba(39, 110, 241, 0.1))}:host([color=accent-10]) .heading,:host([color=accent-10]) .description{color:var(--accent, #276ef1)}:host([color=app-color-10]){background-color:var(--app-color-10, rgba(90, 48, 244, 0.1))}:host([color=app-color-10]) .heading,:host([color=app-color-10]) .description{color:var(--app-color, #5a30f4)}:host([color=energized-10]){background-color:var(--energized-10, rgba(255, 192, 67, 0.1))}:host([color=energized-10]) .heading,:host([color=energized-10]) .description{color:var(--energized, #ffc043)}:host([color=info-10]){background-color:var(--info-10, rgba(216, 76, 150, 0.1))}:host([color=info-10]) .heading,:host([color=info-10]) .description{color:var(--info, #d84c96)}:host([color=success-10]){background-color:var(--success-10, rgba(58, 167, 109, 0.1))}:host([color=success-10]) .heading,:host([color=success-10]) .description{color:var(--dark, #000000)}:host([color=warning-10]){background-color:var(--warning-10, rgba(237, 110, 51, 0.1))}:host([color=warning-10]) .heading,:host([color=warning-10]) .description{color:var(--warning, #ed6e33)}:host([color=wood-10]){background-color:var(--wood-10, rgba(153, 100, 76, 0.1))}:host([color=wood-10]) .heading,:host([color=wood-10]) .description{color:var(--wood, #99644c)}:host([color=anthracite-10]){background-color:var(--anthracite-10, rgba(26, 26, 26, 0.1))}:host([color=anthracite-10]) .heading,:host([color=anthracite-10]) .description{color:var(--anthracite, #1a1a1a)}:host([color=danger-10]){background-color:var(--danger-10, rgba(212, 67, 51, 0.1))}:host([color=danger-10]) .heading,:host([color=danger-10]) .description{color:var(--danger, #d44333)}:host([color=stable-10]){background-color:var(--stable-10, rgba(173, 173, 173, 0.1))}:host([color=stable-10]) .heading,:host([color=stable-10]) .description{color:var(--dark, #000000)}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:var(--spacing-56, 3.5rem);padding:0 var(--spacing-16, 1rem);padding-top:var(--spacing-04, 0.25rem);padding-bottom:var(--spacing-04, 0.25rem);border-radius:var(--border-radius-08, 0.5rem)}:host .description-container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center}:host .description-container .flex-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-right:var(--spacing-08, 0.5rem)}:host .description-container .flex-container yoo-truncate{--max-lines:1}:host .description-container .flex-container .icon{margin-right:var(--spacing-04, 0.25rem)}:host .description-container .flex-container .description{font-size:var(--font-size-12, 0.75rem)}:host .description-container .break{-ms-flex-preferred-size:100%;flex-basis:100%;height:0}:host .heading,:host .description{color:var(--light, #ffffff)}:host .heading{--max-lines:1;font-size:var(--font-size-14, 0.875rem)}:host(.web){min-width:8rem}:host(.disabled){cursor:not-allowed}:host(.events:not(.join)){background:var(--light, #ffffff) !important;border:var(--border-width-01, 0.0625rem) solid var(--success, #3aa76d)}:host(.events.decline) .heading{text-decoration:line-through}:host(.rtl) .description-container .flex-container{margin-right:0;margin-left:var(--spacing-08, 0.5rem)}:host(.rtl) .description-container .flex-container .icon{margin-right:0;margin-left:var(--spacing-08, 0.5rem)}";
 
 const YooCardCalendarComponent = class {
   constructor(hostRef) {

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, h, e as Host, g as getElement } from './index-0a59e2a1.js';
-import './index-1daea473.js';
+import './index-d375d097.js';
 import { n as compact } from './lodash-777f91de.js';
-import { h as execHandlerAndStopEvent } from './common-helpers-61e87a96.js';
-import { aL as isPresent, t as translate, a2 as translateMulti, P as getCssColor } from './overlays-fc8b6c29.js';
-import './index-56d7a2d6.js';
+import { h as execHandlerAndStopEvent } from './common-helpers-c2933562.js';
+import { aM as isPresent, t as translate, a3 as translateMulti, Q as getCssColor } from './overlays-0cc9a656.js';
+import './index-58e4534b.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const cardCampaignCss = "svg:not(:root){overflow:hidden}:host yoo-kpi-card{--value-direction:column;--value-font-size:var(--font-size-14, 0.875rem);--value-font-weight:normal;--value-separator:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);--value-title-color:var(--text-color, #807f83);--value-title-font-size:var(--font-size-12, 0.75rem);margin-top:var(--spacing-08, 0.5rem)}:host yoo-tag:first-of-type{margin-left:calc(var(--spacing-08, 0.5rem) * -1)}:host yoo-truncate{--max-lines:2;margin-bottom:var(--spacing-04, 0.25rem)}:host .top-container{display:var(--card-campaign-top-container-display, block)}:host .indicators{display:var(--card-campaign-indicators-display, flex);-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}:host .create-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin-right:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-04, 0.25rem)}:host(.feed) yoo-kpi-card{--value-font-size:var(--font-size-36, 2.25rem);--value-font-weight:bold;--value-title-font-size:var(--font-size-14, 0.875rem);margin-top:var(--spacing-08, 0.5rem)}:host(.feed) .outer-container .top-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center}:host(.feed) .outer-container .bottom-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}:host(.feed) .outer-container .bottom-container .view-all{color:var(--stable, #adadad);font-size:var(--font-size-16, 1rem)}:host(.feed) .outer-container.service .top-container{-ms-flex-pack:unset !important;justify-content:unset !important}:host(.feed) .outer-container.empty{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(.feed) .outer-container.empty .restricted-icon{margin:var(--spacing-16, 1rem)}:host(.feed) .outer-container.empty .empty-text{margin-right:var(--spacing-16, 1rem)}:host(.feed) .outer-container.empty .empty-text .empty-heading{color:var(--text-color, #807f83)}:host(.feed) .outer-container.empty yoo-empty-state{max-height:7rem}";

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-0a59e2a1.js';
-import './index-1daea473.js';
-import { h as execHandlerAndStopEvent, g as getAppContext } from './common-helpers-61e87a96.js';
-import { cn as showActionSheet, P as getCssColor, H as isWeb } from './overlays-fc8b6c29.js';
+import './index-d375d097.js';
+import { h as execHandlerAndStopEvent, g as getAppContext } from './common-helpers-c2933562.js';
+import { co as showActionSheet, Q as getCssColor, H as isWeb } from './overlays-0cc9a656.js';
 import './lodash-777f91de.js';
-import './index-56d7a2d6.js';
+import './index-58e4534b.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const cardCellCss = "svg:not(:root){overflow:hidden}:host{--display-after-image:none;--position-image-container:unset;--opacity-image:1;cursor:pointer}:host .outer-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;padding:var(--spacing-08, 0.5rem) 0.5rem;border:0}:host .outer-container .image-container{position:var(--position-image-container);-ms-flex-item-align:center;align-self:center;width:7rem;max-width:80px;height:7rem;max-height:80px;text-align:center;-webkit-box-shadow:var(--card-shadow, 0 0.125rem 0.25rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--card-shadow, 0 0.125rem 0.25rem 0 rgba(40, 47, 54, 0.08))}:host .outer-container .image-container .image{--border-radius:var(--border-radius-04, 0.25rem);display:inline-block;width:100%;max-width:80px;height:100%;max-height:80px;opacity:var(--opacity-image)}:host .outer-container .image-container.badge{width:60px;height:60px;-webkit-box-shadow:none;box-shadow:none}:host .outer-container .image-container.badge .image{border-radius:none;-webkit-box-shadow:none;box-shadow:none}:host .outer-container .image-container .image-overlay{position:absolute;top:15%;right:15%;bottom:auto;left:auto;display:var(--display-after-image);-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%);-webkit-clip-path:circle(12px at center);clip-path:circle(12px at center)}:host .outer-container .image-container .icon-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;font-size:var(--font-size-36, 2.25rem);border:solid 0.5px var(--stable-light, #f1f1f1);border-radius:50%}:host .outer-container .text-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-top:0.5625rem;color:var(--dark, #000000);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .text-container .text,:host .outer-container .text-container .subheading,:host .outer-container .text-container .text-truncate,:host .outer-container .text-container .date-label{text-align:center}:host .outer-container .text-container .text.badge{font-size:var(--font-size-12, 0.75rem)}:host .outer-container .text-container .text-truncate,:host .outer-container .text-container .subheading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:5rem}:host .outer-container .text-container .subheading{color:var(--stable, #adadad)}:host .outer-container .text-container .date-label{color:var(--app-color, #5a30f4)}:host .outer-container .action-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-top:var(--spacing-04, 0.25rem);color:var(--stable, #adadad);font-size:var(--font-size-12, 0.75rem)}:host .outer-container .action-container .icon-action{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:0.875rem;height:0.875rem;border:solid 0.5px var(--stable-light, #f1f1f1);border-radius:50%}:host .outer-container .icon-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:var(--light, #ffffff)}:host .outer-container .icon-overlay.top-right{top:var(--spacing-04, 0.25rem);right:var(--spacing-04, 0.25rem);-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:end;justify-content:flex-end;font-size:var(--icon-size-01, 1rem)}:host .outer-container .icon-overlay.bottom-left,:host .outer-container .icon-overlay.bottom-right{bottom:var(--spacing-04, 0.25rem);-ms-flex-align:end;align-items:flex-end;font-size:var(--icon-size-01, 1rem)}:host .outer-container .icon-overlay.bottom-left{left:var(--spacing-04, 0.25rem);-ms-flex-pack:start;justify-content:flex-start}:host .outer-container .icon-overlay.bottom-right{right:var(--spacing-04, 0.25rem);-ms-flex-pack:end;justify-content:flex-end}:host .outer-container .icon-overlay .icon-overlay-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:1.0625rem;height:1.0625rem;padding:0.125rem;background-color:var(--dark-40, rgba(0, 0, 0, 0.4));border-radius:50%}:host .outer-container .validated{position:absolute;top:5px;right:auto;bottom:auto;left:5px;-webkit-box-sizing:border-box;box-sizing:border-box;width:20px;height:20px;background-color:var(--success, #3aa76d);border:3px solid var(--light, #ffffff);border-radius:50%}:host .outer-container .validated.danger{background-color:var(--danger, #d44333)}@media only screen and (max-width: 370px){:host(.files) .outer-container .image-container{position:var(--position-image-container);-ms-flex-item-align:center;align-self:center;width:5rem !important;height:5rem !important}}:host(.files) .outer-container{margin-bottom:1rem;padding:0 0.5rem 0 0.5rem;overflow:hidden;border-radius:4px}:host(.files) .outer-container .action-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;color:var(--stable-light, #f1f1f1)}:host(.files) .outer-container .action-container .icon-action{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:1.25rem;height:1.25rem;font-size:var(--font-size-20, 1.25rem);border:none;border-radius:50%}:host(.files) .outer-container .text-container{color:var(--dark, #000000)}:host(.files.framed:not(.horizontal)) .outer-container .image-container .icon-container{background:var(--light, #ffffff);border-radius:0}:host(.files.framed.horizontal) .outer-container .image-container{height:var(--spacing-64, 4rem);-webkit-box-shadow:none;box-shadow:none}:host(.files.framed.horizontal) .outer-container .image-container .icon-container{border:none}:host(.files.framed.horizontal) .outer-container .text-container{margin-top:0}:host(.filesFolders) .outer-container .action-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;color:var(--stable-light, #f1f1f1)}:host(.filesFolders) .outer-container .action-container .icon-action{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:1.25rem;height:1.25rem;font-size:var(--font-size-20, 1.25rem);border:none;border-radius:50%}:host(.filesFolders) .outer-container .image-container .image{background-position-y:50%;background-size:contain !important}:host(.filesFolders.folder) .outer-container .image-container{-webkit-box-shadow:unset;box-shadow:unset}:host(.filesFolders.folder) .outer-container .image-container .icon-container{border:none}:host(.apps){display:block;padding:0.5rem;border-radius: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(.apps) .outer-container .image-container .image{width:50%;height:50%;margin:auto;margin-top:2rem}:host(.photos),:host(.giphy),:host(.unsplash){display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%;border-radius:0.5rem;cursor:pointer}:host(.photos) .outer-container,:host(.giphy) .outer-container,:host(.unsplash) .outer-container{position:relative;width:100%;height:100%;padding:0}:host(.photos) .outer-container .image-container,:host(.giphy) .outer-container .image-container,:host(.unsplash) .outer-container .image-container{position:var(--position-image-container);-ms-flex-item-align:center;align-self:center;width:100%;max-width:120px;height:100%;max-height:120px}:host(.photos) .outer-container .image-container .image,:host(.giphy) .outer-container .image-container .image,:host(.unsplash) .outer-container .image-container .image{width:100%;max-width:120px;height:100%;max-height:120px;background:var(--stable-light, #f1f1f1);border-radius:0.5rem;opacity:var(--opacity-image)}:host(.photos) .outer-container .image-container .image-overlay,:host(.giphy) .outer-container .image-container .image-overlay,:host(.unsplash) .outer-container .image-container .image-overlay{position:absolute;top:15%;right:15%;bottom:auto;left:auto;display:var(--display-after-image);-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%);-webkit-clip-path:circle(12px at center);clip-path:circle(12px at center)}:host(.photos) .outer-container .image-container .icon-container,:host(.giphy) .outer-container .image-container .icon-container,:host(.unsplash) .outer-container .image-container .icon-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;font-size:var(--font-size-36, 2.25rem);border:solid 0.5px var(--stable-light, #f1f1f1);border-radius:0.5rem}:host(.photos) .outer-container .text-container,:host(.giphy) .outer-container .text-container,:host(.unsplash) .outer-container .text-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin-top:0.5625rem;font-size:var(--font-size-12, 0.75rem)}:host(.photos) .outer-container .text-container .text,:host(.giphy) .outer-container .text-container .text,:host(.unsplash) .outer-container .text-container .text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:5rem;text-align:center}:host(.photos) .outer-container .action-container,:host(.giphy) .outer-container .action-container,:host(.unsplash) .outer-container .action-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-top:var(--spacing-08, 0.5rem);color:var(--stable, #adadad);font-size:var(--font-size-12, 0.75rem)}:host(.photos) .outer-container .action-container .icon-action,:host(.giphy) .outer-container .action-container .icon-action,:host(.unsplash) .outer-container .action-container .icon-action{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:0.875rem;height:0.875rem;border:solid 0.5px var(--stable-light, #f1f1f1);border-radius:50%}:host(.giphy) .outer-container .text-container,:host(.unsplash) .outer-container .text-container{margin-top:0;margin-bottom:0.3rem}:host(.giphy) .outer-container .image-container,:host(.unsplash) .outer-container .image-container{-webkit-box-shadow:none;box-shadow:none}:host(.photos.framed) .outer-container .image-container,:host(.giphy.framed) .outer-container .image-container,:host(.unsplash.framed) .outer-container .image-container{max-width:100px;max-height:100px}:host(.photos.web) .outer-container,:host(.giphy.web) .outer-container{position:unset}:host(.photos.web) .icon-overlay .icon-overlay-container,:host(.giphy.web) .icon-overlay .icon-overlay-container{width:var(--spacing-16, 1rem);height:var(--spacing-16, 1rem)}:host(.courses) .outer-container,:host(.plans) .outer-container{width:6.125rem}:host(.courses) .outer-container .image-container,:host(.plans) .outer-container .image-container{max-width:unset;height:10.125rem;max-height:unset;-o-object-fit:contain;object-fit:contain;border-radius:4px}:host(.courses) .outer-container .image-container yoo-img,:host(.plans) .outer-container .image-container yoo-img{max-width:unset !important;max-height:unset !important}:host(.courses) .outer-container .image-container yoo-img yoo-icon,:host(.plans) .outer-container .image-container yoo-img yoo-icon{position:absolute;right:var(--spacing-08, 0.5rem);bottom:var(--spacing-08, 0.5rem);padding:0.5rem;color:var(--light, #ffffff);font-size:var(--font-size-18, 1.125rem);background:var(--stable, #adadad);border:none;border-radius:50%}:host(.badges) .outer-container{width:80px}:host(.file-uploader) :host(.force-select) .outer-container{padding:0}:host(.file-uploader) :host(.force-select) .outer-container .text-container{display:none}:host(.file-uploader.files) .outer-container .image-container{max-width:6.5rem;-webkit-box-shadow:none;box-shadow:none}:host(.file-uploader.files) .outer-container .image-container .icon-container{border:none;border-radius:none}:host(.file-uploader.files) .outer-container .text-container{margin-top:var(--spacing-04, 0.25rem);font-size:var(--font-size-12, 0.75rem)}:host(.broadcasts){--gradient-background-image:linear-gradient(transparent 60%, var(--dark-80, rgba(0, 0, 0, 0.8))100%)}:host(.broadcasts) .outer-container{height:100%;padding:0}:host(.broadcasts) .outer-container span.timeago{position:absolute;top:var(--spacing-16, 1rem);left:var(--spacing-16, 1rem);z-index:1;color:var(--light, #ffffff)}:host(.broadcasts) .outer-container .image-container{position:relative;width:100%;min-width:100%;height:100%;max-height:100%}:host(.broadcasts) .outer-container .image-container .overlay{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-image:var(--gradient-background-image)}:host(.broadcasts) .outer-container .image-container yoo-img{width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0}:host(.broadcasts) .outer-container .image-container .user-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:absolute;bottom:var(--spacing-16, 1rem);z-index:2;-ms-flex-direction:column;flex-direction:column;width:100%}:host(.broadcasts) .outer-container .image-container .user-container .subheading{margin-top:var(--spacing-04, 0.25rem);color:var(--light, #ffffff)}:host(.icons) .outer-container.icon-only{padding-top:var(--spacing-04, 0.25rem)}:host(.icons) .outer-container.icon-only .image-container{width:3rem;height:3rem;background:var(--stable-ultralight, #fafafa);-webkit-box-shadow:none;box-shadow:none}:host(.icons) .outer-container.icon-only .image-container .icon-container{border:none;border-radius:0}:host(.autocomplete) .outer-container .image-container .play{display:-ms-flexbox;display:flex;padding:var(--spacing-08, 0.5rem) 0 0 var(--spacing-08, 0.5rem)}:host(.autocomplete-web-display) .outer-container .image-container{width:2rem;height:2rem;-webkit-box-shadow:none;box-shadow:none}:host(.autocomplete-web-display) .outer-container .image-container .image-overlay{margin-top:var(--spacing-08, 0.5rem)}:host(.autocomplete-web-display) .outer-container .image-container .icon-container{border:none}:host(.autocomplete-web-display) .outer-container .text-container{font-size:var(--font-size-12, 0.75rem)}:host(.autocomplete-mobile-display) .outer-container .image-container{-webkit-box-shadow:none;box-shadow:none}:host(.autocomplete-mobile-display) .outer-container .image-container .play{padding:var(--spacing-24, 1.5rem)}:host(.autocomplete-mobile-display) .outer-container .image-container .icon-container{border:none}";

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, h, e as Host, g as getElement } from './index-0a59e2a1.js';
-import './index-1daea473.js';
-import { ab as getUserDisplayName } from './overlays-fc8b6c29.js';
+import './index-d375d097.js';
+import { ac as getUserDisplayName } from './overlays-0cc9a656.js';
 import './lodash-777f91de.js';
-import './index-56d7a2d6.js';
+import './index-58e4534b.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const cardChatCss = "svg:not(:root){overflow:hidden}:host{display:-ms-flexbox;display:flex;gap:var(--spacing-04, 0.25rem);-ms-flex-align:center;align-items:center;width:100%;padding:var(--spacing-08, 0.5rem) 0;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-alt-40, rgba(208, 208, 208, 0.4))}:host #content{width:calc(100% - var(--spacing-64, 4rem));overflow:hidden}:host #content #heading{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%}:host #content #heading yoo-truncated-line{width:calc(100% - (var(--logo-06, 4rem) + var(--spacing-08, 0.5rem)));font-size:var(--font-size-18, 1.125rem)}:host #content #heading span{display:contents;height:var(--spacing-24, 1.5rem);color:var(--text-color, #807f83);font-size:var(--font-size-12, 0.75rem);white-space:nowrap}:host #content #subcontent,:host #content #message{display:-ms-flexbox;display:flex;gap:var(--spacing-04, 0.25rem);-ms-flex-align:center;align-items:center;width:100%;overflow:hidden}:host #content #message yoo-truncated-line{width:100%;color:var(--text-color, #807f83);font-size:var(--font-size-16, 1rem)}:host #content #message yoo-icon+yoo-truncated-line{width:calc(100% - (var(--icon-size-01, 1rem) + var(--spacing-04, 0.25rem)))}";

package/dist/design-system/yoo-card-course-row-compact.entry.js

@@ -1,13 +1,13 @@
 import { r as registerInstance, h, e as Host } from './index-0a59e2a1.js';
-import './index-1daea473.js';
+import './index-d375d097.js';
 import { X as clamp } from './lodash-777f91de.js';
-import { a2 as translateMulti } from './overlays-fc8b6c29.js';
-import './index-56d7a2d6.js';
+import { k as isNullOrUndefined, L as isRTL, a3 as translateMulti } from './overlays-0cc9a656.js';
+import './index-58e4534b.js';
 import './_commonjsHelpers-f4d11124.js';
 
-const cardCourseRowCompactCss = "svg:not(:root){overflow:hidden}:host{display:-ms-flexbox;display:flex}:host yoo-img{-ms-flex-negative:0;flex-shrink:0;width:3rem;height:2.25rem}:host yoo-progress-bar{--progress-value-font-size:var(--font-size-14, 0.875rem);max-width:7.5rem}:host yoo-tag{--padding:0;margin-right:var(--spacing-08, 0.5rem)}:host yoo-truncate{--max-lines:2;font-weight:bold}:host .indicators{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .information{margin-left:var(--spacing-08, 0.5rem)}";
+const cardCourseRowCompactCss = "svg:not(:root){overflow:hidden}:host{display:-ms-flexbox;display:flex}:host yoo-img{-ms-flex-negative:0;flex-shrink:0;width:3rem;height:2.25rem}:host yoo-progress-bar{--progress-value-font-size:var(--font-size-14, 0.875rem);max-width:7.5rem}:host yoo-tag{--padding:0;margin-right:var(--spacing-08, 0.5rem)}:host yoo-truncate{--max-lines:2;font-weight:bold}:host .indicators{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .information{margin-left:var(--spacing-08, 0.5rem)}:host(.rtl) yoo-img{margin-left:var(--spacing-08, 0.5rem)}";
 
-const getRoundedPositive = (value) => (value == null || value < 0 ? 0 : Math.round(value));
+const getRoundedPositive = (value) => (isNullOrUndefined(value) || value < 0 ? 0 : Math.round(value));
 const YooCardCourseRowCompactComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
@@ -22,7 +22,7 @@ const YooCardCourseRowCompactComponent = class {
     const earnedPoints = clamp(availablePoints, getRoundedPositive(this.earnedPoints));
     const finishedLessons = clamp(availableLessons, getRoundedPositive(this.finishedLessons));
     const image = this.image || {};
-    return (h(Host, null, h("yoo-img", { instant: image.instant, src: image.src }), h("div", { class: "information" }, h("div", { class: "indicators" }, h("yoo-tag", { size: "extra-small", color: "dark", noBackground: true }, h("yoo-icon", { color: "app-color", name: "star", size: "extra-small", slot: "start" }), earnedPoints, "/", availablePoints), h("yoo-tag", { size: "extra-small", color: "dark", noBackground: true }, h("yoo-icon", { color: "text-color", name: "lesson", size: "extra-small", slot: "start" }), finishedLessons, "/", availableLessons), h("yoo-progress-bar", { animated: this.animated, value: availableLessons === 0 ? 0 : (finishedLessons / availableLessons) * 100 })), h("yoo-truncate", null, translateMulti(this.heading)))));
+    return (h(Host, { class: { rtl: isRTL() } }, h("yoo-img", { instant: image.instant, src: image.src }), h("div", { class: "information" }, h("div", { class: "indicators" }, h("yoo-tag", { size: "extra-small", color: "dark", noBackground: true }, h("yoo-icon", { color: "app-color", name: "star", size: "extra-small", slot: "start" }), earnedPoints, "/", availablePoints), h("yoo-tag", { size: "extra-small", color: "dark", noBackground: true }, h("yoo-icon", { color: "text-color", name: "lesson", size: "extra-small", slot: "start" }), finishedLessons, "/", availableLessons), h("yoo-progress-bar", { animated: this.animated, value: availableLessons === 0 ? 0 : (finishedLessons / availableLessons) * 100 })), h("yoo-truncate", null, translateMulti(this.heading)))));
   }
 };
 YooCardCourseRowCompactComponent.style = cardCourseRowCompactCss;

package/dist/design-system/yoo-card-course-row.entry.js

@@ -1,13 +1,13 @@
 import { r as registerInstance, h, e as Host, g as getElement } from './index-0a59e2a1.js';
-import './index-1daea473.js';
+import './index-d375d097.js';
 import { C as get, v as isObject } from './lodash-777f91de.js';
-import { g as getFromOfflineStorage } from './localForage-ce82d60d.js';
-import { g as getAppContext } from './common-helpers-61e87a96.js';
-import { bq as isOffline, eO as getPlanStartDate, a6 as getPlanDueDate, an as dateFormat, t as translate, au as pipes, a5 as getPlanTotalItemsCount, a4 as getCourseFinishedItemsCount, U as isDateAfter, H as isWeb, a3 as getCourseProgress, a2 as translateMulti, eP as isPlanRatingEnabled, cI as showRatingDialog, eQ as getPlanTypeTagProps } from './overlays-fc8b6c29.js';
+import { g as getFromOfflineStorage } from './localForage-2a89735c.js';
+import { g as getAppContext } from './common-helpers-c2933562.js';
+import { br as isOffline, eP as getPlanStartDate, a7 as getPlanDueDate, ao as dateFormat, t as translate, av as pipes, a6 as getPlanTotalItemsCount, a5 as getCourseFinishedItemsCount, V as isDateAfter, H as isWeb, a4 as getCourseProgress, a3 as translateMulti, eQ as isPlanRatingEnabled, cJ as showRatingDialog, eR as getPlanTypeTagProps } from './overlays-0cc9a656.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-56d7a2d6.js';
+import './index-58e4534b.js';
 
-const cardCourseRowCss = "svg:not(:root){overflow:hidden}:host{cursor:pointer}:host yoo-truncate{--max-lines:2}:host p{-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0}:host yoo-img{-ms-flex-negative:0;flex-shrink:0;width:6.625rem;height:5rem;border-radius:var(--spacing-04, 0.25rem)}:host yoo-tag[no-background]{--padding:0;font-size:var(--font-size-16, 1rem)}:host yoo-tag[no-background]:not(:last-child){-ms-flex-negative:0;flex-shrink:0}:host .ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start;padding:var(--spacing-08, 0.5rem) 0;background:var(--light-10, rgba(255, 255, 255, 0.1))}:host .outer-container.web{-ms-flex-align:initial;align-items:initial}:host .outer-container .content-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-item-align:stretch;align-self:stretch;-ms-flex-pack:center;justify-content:center;width:100%;min-width:0;margin:0 0 0 0.75rem;font-size:var(--font-size-14, 0.875rem)}:host .outer-container .content-container.web-content-container{margin:0 0 0 1.2rem;padding-bottom:0;border-bottom:none}:host .outer-container .content-container.web-content-container .info-text{font-size:var(--font-size-16, 1rem)}:host .outer-container .content-container.web-content-container .time{color:var(--app-color, #5a30f4)}:host .outer-container .content-container.web-content-container .description-row{--line-height:1;display:block;margin-top:var(--spacing-04, 0.25rem);font-size:var(--font-size-16, 1rem) !important}:host .outer-container .content-container.web-content-container yoo-progress-bar{max-width:210px;margin-top:var(--spacing-04, 0.25rem)}:host .outer-container .content-container .inner-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}:host .outer-container .content-container .inner-container .progress-calendar-container{display:-ms-flexbox;display:flex}:host .outer-container .content-container .inner-container .progress-calendar-container .lesson-count{margin:var(--spacing-04, 0.25rem) 0 0 var(--spacing-04, 0.25rem)}:host .outer-container .content-container .inner-container .end-date-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .outer-container .content-container .inner-container .end-date-container .end-date{margin-left:var(--spacing-04, 0.25rem);color:var(--app-color, #5a30f4);font-size:var(--font-size-16, 1rem)}:host .outer-container .content-container .inner-container .rating-container{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:end;align-items:flex-end;font-size:var(--font-size-16, 1rem)}:host .outer-container .content-container .inner-container .rating-container .rating-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--app-color, #5a30f4)}:host .outer-container .content-container .inner-container .rating-container .rating-content yoo-icon{margin-right:var(--spacing-04, 0.25rem)}:host .outer-container .content-container .inner-container .info-row{display:grid;grid-template-columns:minmax(0, 1fr) auto;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}:host .outer-container .content-container .inner-container .info-row .left-part{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}:host .outer-container .content-container .inner-container .info-row .left-part .type-tag{padding-bottom:var(--spacing-08, 0.5rem)}:host .outer-container .content-container .inner-container .info-row .left-part .info{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .outer-container .content-container .inner-container .info-row .left-part .info yoo-tag{padding-right:var(--spacing-08, 0.5rem)}:host .outer-container .content-container .inner-container .info-row.web{gap:var(--spacing-16, 1rem)}:host .outer-container .content-container .inner-container .info-row.web div>yoo-icon{margin-right:var(--spacing-24, 1.5rem)}:host .outer-container .content-container .inner-container .info-row:not(.web){gap:var(--spacing-08, 0.5rem)}:host .outer-container .content-container .inner-container .info-row div{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .outer-container .content-container .inner-container .info-row yoo-tag{margin-right:var(--spacing-08, 0.5rem);overflow:hidden}:host .outer-container .content-container .inner-container .info-row yoo-icon.enabled{color:var(--app-color, #5a30f4)}:host .outer-container .content-container .inner-container .info-row yoo-icon.disabled{color:var(--stable, #adadad)}:host .outer-container .content-container .inner-container .title-row{color:var(--dark, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-16, 1rem);line-height:normal}:host .outer-container .content-container .inner-container .description-row{min-height:1.5rem;color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .content-container .inner-container .course-points-date{display:-ms-flexbox;display:flex;margin:5px 0}:host .outer-container .content-container .inner-container .course-points-date .date{color:var(--app-color, #5a30f4);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .content-container .inner-container .course-points-date .date .date-label{color:var(--dark, #000000)}:host(.web:not(.autocomplete-selection-mode):not(.selected-content):not(.calendar)) yoo-img{width:8rem;height:6rem}:host(.web:not(.autocomplete-selection-mode):not(.selected-content):not(.calendar)) yoo-truncate{--max-lines:1}:host(.web:not(.autocomplete-selection-mode):not(.selected-content):not(.calendar)) .outer-container{height:auto}:host(.web:not(.autocomplete-selection-mode):not(.selected-content):not(.calendar)) .outer-container .content-container{max-height:12rem}:host(.web:not(.autocomplete-selection-mode):not(.selected-content):not(.calendar)) .outer-container .content-container .inner-container{margin-top:0}:host(.web:not(.autocomplete-selection-mode):not(.selected-content):not(.calendar)) .outer-container .content-container .inner-container .title-row{--line-height:1.6;font-size:var(--font-size-20, 1.25rem)}:host(.web.grid-cell:not(.autocomplete-selection-mode):not(.selected-content)) .outer-container .content-container{width:100%}:host(.selection-mode) .outer-container .content-container{padding-right:var(--spacing-24, 1.5rem)}:host(.autocomplete-selection-mode) .web-content-container .inner-container .title-row{font-size:var(--font-size-14, 0.875rem)}:host(.selected-content) yoo-img{width:2rem;height:1.5rem;padding-right:var(--spacing-08, 0.5rem)}:host(.selected-content) .outer-container{-ms-flex-align:initial;align-items:initial;height:1.5rem;padding:0;border-bottom:none}:host(.selected-content) .outer-container .content-container{width:100%;margin:0;padding-bottom:0}:host(.selected-content) .outer-container .content-container .inner-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.selected-content) .outer-container .content-container .inner-container .title-row{font-weight:normal}:host(.selected-content) .outer-container .web-content-container .inner-container .title-row{font-size:var(--font-size-14, 0.875rem)}:host(.mobile.courses) .outer-container{padding-top:var(--spacing-24, 1.5rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--border-color)}:host(.mobile.courses) .outer-container .content-container{width:100%}:host(.mobile.courses) .outer-container .content-container yoo-progress-bar{margin-right:var(--spacing-08, 0.5rem)}:host(.web.calendar) .content-container .title-row{font-size:var(--spacing-16, 1rem)}:host(.mobile.calendar) .outer-container{-ms-flex-align:initial;align-items:initial}:host(.mobile.calendar) .outer-container yoo-progress-bar{max-width:8rem}:host(.mobile.calendar) .outer-container .lesson-count{margin:0 0 0 var(--spacing-04, 0.25rem) !important}:host(.mobile.calendar.framed) yoo-img{width:4rem;height:3rem}:host(.mobile.calendar.framed) .outer-container{border-bottom:unset !important}:host(.no-border-bottom.mobile) .outer-container{-ms-flex-align:initial;align-items:initial;border-bottom:none}:host(.no-border-bottom.mobile) .outer-container .content-container{padding-bottom:0}";
+const cardCourseRowCss = "svg:not(:root){overflow:hidden}:host{cursor:pointer}:host yoo-truncate{--max-lines:2}:host p{-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0}:host yoo-img{-ms-flex-negative:0;flex-shrink:0;width:6.625rem;height:5rem;border-radius:var(--spacing-04, 0.25rem)}:host yoo-tag[no-background]{--padding:0;font-size:var(--font-size-16, 1rem)}:host yoo-tag[no-background]:not(:last-child){-ms-flex-negative:0;flex-shrink:0}:host .ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start;padding:var(--spacing-08, 0.5rem) 0;background:var(--light-10, rgba(255, 255, 255, 0.1))}:host .outer-container.web{-ms-flex-align:initial;align-items:initial}:host .outer-container .content-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-item-align:stretch;align-self:stretch;-ms-flex-pack:center;justify-content:center;width:100%;min-width:0;margin:0 0 0 0.75rem;font-size:var(--font-size-14, 0.875rem)}:host .outer-container .content-container.web-content-container{margin:0 0 0 1.2rem;padding-bottom:0;border-bottom:none}:host .outer-container .content-container.web-content-container .info-text{font-size:var(--font-size-16, 1rem)}:host .outer-container .content-container.web-content-container .time{color:var(--app-color, #5a30f4)}:host .outer-container .content-container.web-content-container .description-row{--line-height:1;display:block;margin-top:var(--spacing-04, 0.25rem);font-size:var(--font-size-16, 1rem) !important}:host .outer-container .content-container.web-content-container yoo-progress-bar{max-width:210px;margin-top:var(--spacing-04, 0.25rem)}:host .outer-container .content-container .inner-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}:host .outer-container .content-container .inner-container .progress-calendar-container{display:-ms-flexbox;display:flex}:host .outer-container .content-container .inner-container .progress-calendar-container .lesson-count{margin:var(--spacing-04, 0.25rem) 0 0 var(--spacing-04, 0.25rem)}:host .outer-container .content-container .inner-container .end-date-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .outer-container .content-container .inner-container .end-date-container .end-date{margin-left:var(--spacing-04, 0.25rem);color:var(--app-color, #5a30f4);font-size:var(--font-size-16, 1rem)}:host .outer-container .content-container .inner-container .rating-container{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:end;align-items:flex-end;font-size:var(--font-size-16, 1rem)}:host .outer-container .content-container .inner-container .rating-container .rating-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--app-color, #5a30f4)}:host .outer-container .content-container .inner-container .rating-container .rating-content yoo-icon{margin-right:var(--spacing-04, 0.25rem)}:host .outer-container .content-container .inner-container .info-row{display:grid;grid-template-columns:minmax(0, 1fr) auto;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}:host .outer-container .content-container .inner-container .info-row .left-part{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}:host .outer-container .content-container .inner-container .info-row .left-part .type-tag{padding-bottom:var(--spacing-08, 0.5rem)}:host .outer-container .content-container .inner-container .info-row .left-part .info{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .outer-container .content-container .inner-container .info-row .left-part .info yoo-tag{padding-right:var(--spacing-08, 0.5rem)}:host .outer-container .content-container .inner-container .info-row.web{gap:var(--spacing-16, 1rem)}:host .outer-container .content-container .inner-container .info-row.web div>yoo-icon{margin-right:var(--spacing-24, 1.5rem)}:host .outer-container .content-container .inner-container .info-row:not(.web){gap:var(--spacing-08, 0.5rem)}:host .outer-container .content-container .inner-container .info-row div{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .outer-container .content-container .inner-container .info-row yoo-tag{margin-right:var(--spacing-08, 0.5rem);overflow:hidden}:host .outer-container .content-container .inner-container .info-row yoo-icon.enabled{color:var(--app-color, #5a30f4)}:host .outer-container .content-container .inner-container .info-row yoo-icon.disabled{color:var(--stable, #adadad)}:host .outer-container .content-container .inner-container .title-row{color:var(--dark, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-16, 1rem);line-height:normal}:host .outer-container .content-container .inner-container .description-row{min-height:1.5rem;color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .content-container .inner-container .course-points-date{display:-ms-flexbox;display:flex;margin:5px 0}:host .outer-container .content-container .inner-container .course-points-date .date{color:var(--app-color, #5a30f4);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .content-container .inner-container .course-points-date .date .date-label{color:var(--dark, #000000)}:host(.web:not(.autocomplete-selection-mode):not(.selected-content):not(.calendar)) yoo-img{width:8rem;height:6rem}:host(.web:not(.autocomplete-selection-mode):not(.selected-content):not(.calendar)) yoo-truncate{--max-lines:1}:host(.web:not(.autocomplete-selection-mode):not(.selected-content):not(.calendar)) .outer-container{height:auto}:host(.web:not(.autocomplete-selection-mode):not(.selected-content):not(.calendar)) .outer-container .content-container{max-height:12rem}:host(.web:not(.autocomplete-selection-mode):not(.selected-content):not(.calendar)) .outer-container .content-container .inner-container{margin-top:0}:host(.web:not(.autocomplete-selection-mode):not(.selected-content):not(.calendar)) .outer-container .content-container .inner-container .title-row{--line-height:1.6;font-size:var(--font-size-20, 1.25rem)}:host(.web.grid-cell:not(.autocomplete-selection-mode):not(.selected-content)) .outer-container .content-container{width:100%}:host(.selection-mode) .outer-container .content-container{padding-right:var(--spacing-24, 1.5rem)}:host(.autocomplete-selection-mode) .web-content-container .inner-container .title-row{font-size:var(--font-size-14, 0.875rem)}:host(.selected-content) yoo-img{width:2rem;height:1.5rem;padding-right:var(--spacing-08, 0.5rem)}:host(.selected-content) .outer-container{-ms-flex-align:initial;align-items:initial;height:1.5rem;padding:0;border-bottom:none}:host(.selected-content) .outer-container .content-container{width:100%;margin:0;padding-bottom:0}:host(.selected-content) .outer-container .content-container .inner-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.selected-content) .outer-container .content-container .inner-container .title-row{font-weight:normal}:host(.selected-content) .outer-container .web-content-container .inner-container .title-row{font-size:var(--font-size-14, 0.875rem)}:host(.mobile.courses) .outer-container{padding-top:var(--spacing-24, 1.5rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--border-color)}:host(.mobile.courses) .outer-container .content-container{width:100%}:host(.mobile.courses) .outer-container .content-container yoo-progress-bar{margin-right:var(--spacing-08, 0.5rem)}:host(.web.calendar) .content-container .title-row{font-size:var(--spacing-16, 1rem)}:host(.mobile.calendar) .outer-container{-ms-flex-align:initial;align-items:initial}:host(.mobile.calendar) .outer-container yoo-progress-bar{max-width:8rem}:host(.mobile.calendar) .outer-container .lesson-count{margin:0 0 0 var(--spacing-04, 0.25rem) !important}:host(.mobile.calendar.framed) yoo-img{width:4rem;height:3rem}:host(.mobile.calendar.framed) .outer-container{border-bottom:unset !important}:host(.no-border-bottom.mobile) .outer-container{-ms-flex-align:initial;align-items:initial;border-bottom:none}:host(.no-border-bottom.mobile) .outer-container .content-container{padding-bottom:0}:host(.rtl) .outer-container .content-container{margin:0 0.75rem 0 0}";
 
 const YooCardCourseRowComponent = class {
   constructor(hostRef) {

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, i as createEvent, h } from './index-0a59e2a1.js';
-import './index-1daea473.js';
+import './index-d375d097.js';
 import { C as get } from './lodash-777f91de.js';
-import { a3 as getCourseProgress, a2 as translateMulti, a4 as getCourseFinishedItemsCount, a5 as getPlanTotalItemsCount, a6 as getPlanDueDate } from './overlays-fc8b6c29.js';
-import './index-56d7a2d6.js';
+import { a4 as getCourseProgress, a3 as translateMulti, a5 as getCourseFinishedItemsCount, a6 as getPlanTotalItemsCount, a7 as getPlanDueDate } from './overlays-0cc9a656.js';
+import './index-58e4534b.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const cardCourseCss = "svg:not(:root){overflow:hidden}:host{cursor:pointer}:host yoo-tag[no-background]{--padding:0;font-size:var(--font-size-16, 1rem)}:host yoo-tag[no-background]:not(:last-child){-ms-flex-negative:0;flex-shrink:0}:host .outer-container{margin-right:0.325rem;margin-bottom:var(--spacing-16, 1rem);margin-left:0.325rem;background:var(--light, #ffffff);border-radius:var(--border-radius-04, 0.25rem);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host .outer-container .image-container{position:relative;height:16.875rem;margin-top:var(--spacing-08, 0.5rem);margin-bottom:0.8rem}:host .outer-container .image-container .image{--border-radius:var(--border-radius-04, 0.25rem) var(--border-radius-04, 0.25rem) 0 0;width:100%;height:100%}:host .outer-container .image-container .image yoo-items{position:absolute;top:var(--spacing-16, 1rem);right:var(--spacing-16, 1rem)}:host .outer-container .content-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:var(--spacing-16, 1rem);font-size:var(--font-size-16, 1rem)}:host .outer-container .content-container .course-title{padding-top:var(--spacing-04, 0.25rem);color:var(--dark, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem)}:host .outer-container .content-container .course-description{position:relative;margin:var(--spacing-04, 0.25rem) 0;overflow:hidden;color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem);line-height:normal;white-space:normal}:host .outer-container .content-container .course-points{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin:var(--spacing-04, 0.25rem) 0}:host .outer-container .content-container .course-info{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;padding:var(--spacing-04, 0.25rem) 0;font-size:var(--font-size-14, 0.875rem)}:host .outer-container .content-container.profile-summary .course-title,:host .outer-container .content-container.profile-summary .course-info{-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:var(--font-size-16, 1rem)}:host .outer-container .content-container.profile-summary .course-title{margin:0;padding-top:var(--spacing-02, 0.125rem);text-align:left}:host .outer-container.summary yoo-progress-bar{--progress-value-font-size:var(--font-size-14, 0.875rem)}:host .outer-container.small{position:relative;height:100%;margin:0;border-radius:var(--border-radius-08, 0.5rem)}:host .outer-container.small yoo-progress-bar{--progress-value-color:var(--light, #ffffff);--progress-value-font-size:var(--font-size-12, 0.75rem);--trail-bar-color:var(--light-20, rgba(255, 255, 255, 0.2))}:host .outer-container.small yoo-tag{font-size:var(--font-size-12, 0.75rem)}:host .outer-container.small .content-container{position:absolute;bottom:0;padding:var(--spacing-04, 0.25rem) var(--spacing-08, 0.5rem)}:host .outer-container.small .course-description{margin:0;font-size:var(--font-size-12, 0.75rem)}:host .outer-container.small .course-info{padding:0}:host .outer-container.small .course-points{-ms-flex-order:-1;order:-1;margin:0}:host .outer-container.small .course-title{overflow:hidden;padding:0;color:var(--light, #ffffff);font-size:var(--font-size-12, 0.75rem)}@supports (display: -webkit-box){:host .outer-container.small .course-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}:host .outer-container.small .image{--border-radius:var(--border-radius-08, 0.5rem);position:relative}:host .outer-container.small .image:after{position:absolute;width:100%;height:100%;background:-webkit-gradient(linear, left top, left bottom, from(var(--transparent-linear-gradient, rgba(255, 255, 255, 0))), color-stop(69%, rgba(0, 0, 0, 0.49)), to(rgba(0, 0, 0, 0.7)));background:linear-gradient(to bottom, var(--transparent-linear-gradient, rgba(255, 255, 255, 0)), rgba(0, 0, 0, 0.49) 69%, rgba(0, 0, 0, 0.7));border-radius:var(--border-radius-08, 0.5rem);content:\"\"}:host .outer-container.small .image yoo-items{top:var(--spacing-08, 0.5rem);right:var(--spacing-08, 0.5rem)}:host .outer-container.small .image-container{height:100%;margin:0}:host .outer-container.medium{margin:0;border-radius:var(--border-radius-08, 0.5rem)}:host .outer-container.medium .image-container{height:11.25rem;margin:0}:host .outer-container.large .image-container{height:16.875rem}:host(.offline) .outer-container{opacity:0.7}:host(.offline)::before,:host(.offline)::after{position:absolute;top:0;right:0;border-color:transparent;border-style:solid;content:\"\"}:host(.offline)::after{border-width:0.5em;border-top-color:var(--energized, #ffc043);border-right-color:var(--energized, #ffc043)}:host(.small) .outer-container{display:-ms-flexbox;display:flex;margin:0;padding-bottom:0}:host(.small) .outer-container .image-container{-ms-flex-negative:0;flex-shrink:0;width:8.125rem;height:5.5625rem;margin:0;padding:var(--spacing-08, 0.5rem);border-radius:var(--border-radius-04, 0.25rem)}:host(.small) .outer-container .image-container .image{--border-radius:var(--border-radius-04, 0.25rem)}:host(.small) .outer-container .content-container{margin:0}:host(.small) .outer-container .content-container yoo-progress-bar{display:none}:host(.small) .outer-container .content-container .course-title{font-weight:var(--font-weight-700, 700)}:host(.no-lessons) .lessons{display:none}";

package/dist/design-system/yoo-card-feed-row.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, h, e as Host } from './index-0a59e2a1.js';
-import './index-1daea473.js';
-import { a2 as translateMulti, ab as getUserDisplayName, bP as fromNow, t as translate } from './overlays-fc8b6c29.js';
+import './index-d375d097.js';
+import { a3 as translateMulti, ac as getUserDisplayName, bQ as fromNow, t as translate } from './overlays-0cc9a656.js';
 import './lodash-777f91de.js';
-import './index-56d7a2d6.js';
+import './index-58e4534b.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const cardFeedRowCss = "svg:not(:root){overflow:hidden}:host{display:grid;grid-template-columns:minmax(0, 1fr) 4rem;gap:var(--spacing-16, 1rem)}:host yoo-img{height:4rem}:host .details{display:-ms-flexbox;display:flex;gap:var(--spacing-04, 0.25rem);-ms-flex-align:center;align-items:center;overflow:hidden}:host .indicators{display:-ms-flexbox;display:flex;gap:var(--spacing-08, 0.5rem);-ms-flex-align:center;align-items:center;color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem)}:host .information{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-02, 0.125rem)}:host .information>yoo-truncate{--max-lines:2}:host .truncated{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}";