@yoobic/yobi 8.5.0-45 → 8.5.0-47

package/dist/cjs/yoo-announcement-heading.cjs.entry.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-3f2bca41.js');
-const missionsHelpers = require('./missions-helpers-e5867ec5.js');
-const commonHelpers = require('./common-helpers-edf7fda5.js');
-const missionLockedBanner = require('./mission-locked-banner-8549b4b1.js');
-const overlays = require('./overlays-c545c947.js');
+require('./index-ca271bba.js');
+const missionsHelpers = require('./missions-helpers-963ce2e6.js');
+const commonHelpers = require('./common-helpers-e0f8defd.js');
+const missionLockedBanner = require('./mission-locked-banner-7c699754.js');
+const overlays = require('./overlays-3067754c.js');
 require('./lodash-a9050d79.js');
-require('./index-f9aace31.js');
+require('./index-4f7e1f11.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const announcementHeadingCss = "svg:not(:root){overflow:hidden}:host{--announcement-background-color:var(--stable-light, #f1f1f1);--announcement-color:var(--dark, #000000)}:host yoo-banner{--main-color:var(--warning-10, rgba(237, 110, 51, 0.1));margin:var(--spacing-08, 0.5rem)}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-16, 1rem);-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--spacing-16, 1rem);color:var(--announcement-color);background-color:var(--announcement-background-color)}:host .outer-container .title{font-weight:bold;font-size:var(--font-size-32, 2rem)}:host .outer-container .title yoo-truncate{--max-lines:4;--line-height:initial}:host .outer-container .progress{display:grid;grid-template-columns:var(--spacing-16, 1rem) auto;-ms-flex-align:center;align-items:center;max-width:12rem}:host .outer-container .progress yoo-progress-bar{--trail-bar-color:var(--app-color-20, rgba(90, 48, 244, 0.2))}:host .outer-container .progress yoo-truncate{margin:0 var(--spacing-08, 0.5rem);color:var(--app-color, #5a30f4);font-weight:normal;font-size:var(--font-size-14, 0.875rem)}:host .outer-container .tags yoo-tag{margin-right:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-08, 0.5rem)}:host .outer-container .progress-separator{margin-bottom:var(--spacing-08, 0.5rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--announcement-color)}:host(.feed){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host(.feed) .outer-container{-ms-flex-pack:justify;justify-content:space-between;min-height:21.875rem}:host(.feed) .outer-container .details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-16, 1rem)}:host(.feed) .outer-container .title{font-size:var(--font-size-28, 1.75rem)}:host(.feed) yoo-form-carousel{position:relative;z-index:1}:host(.feed) yoo-form-carousel .outer-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;color:var(--light, #ffffff);background-color:transparent;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(11%, rgba(0, 0, 0, 0)), to(var(--dark-60, rgba(0, 0, 0, 0.6))));background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 11%, var(--dark-60, rgba(0, 0, 0, 0.6)))}:host(.feed) .action{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:40px;padding:0 var(--spacing-08, 0.5rem) 0 var(--spacing-16, 1rem);color:var(--light, #ffffff);font-size:var(--font-size-16, 1rem);background-color:var(--announcement-color)}:host(.feed) .description{padding-top:var(--spacing-16, 1rem)}:host([is-preview]) .outer-container .progress .quick-task-progress yoo-progress-bar{--svg-width:1.5rem}:host(.overlay) .outer-container{background-image:-webkit-gradient(linear, left top, left bottom, color-stop(11%, rgba(0, 0, 0, 0)), to(var(--dark-60, rgba(0, 0, 0, 0.6))));background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 11%, var(--dark-60, rgba(0, 0, 0, 0.6)))}";

package/dist/cjs/yoo-app.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-const overlays = require('./overlays-c545c947.js');
-require('./index-3f2bca41.js');
+const overlays = require('./overlays-3067754c.js');
+require('./index-ca271bba.js');
 require('./lodash-a9050d79.js');
-require('./index-f9aace31.js');
+require('./index-4f7e1f11.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const YooAppComponent = class {

package/dist/cjs/yoo-audio-player.cjs.entry.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-3f2bca41.js');
-const localForage = require('./localForage-3d6912e0.js');
-const overlays = require('./overlays-c545c947.js');
+require('./index-ca271bba.js');
+const localForage = require('./localForage-421c60d8.js');
+const overlays = require('./overlays-3067754c.js');
 require('./lodash-a9050d79.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-f9aace31.js');
+require('./index-4f7e1f11.js');
 
 const audioPlayerCss = "svg:not(:root){overflow:hidden}:host{--range-trail-color:var(--stable-light, #f1f1f1);--range-active-color:var(--app-color, #5a30f4);display:inline-grid;grid-gap:var(--spacing-16, 1rem);grid-template-columns:auto 1fr auto;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}:host yoo-range{--knob-size:.75rem;--bar-active-color:var(--range-active-color);--bar-trail-color:var(--range-trail-color)}:host .audio-info{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;color:var(--dark, #000000);font-size:var(--font-size-14, 0.875rem);text-align:right}:host .audio-info yoo-button{opacity:0}:host .audio-info.only-time span:first-child{color:var(--dark, #000000) !important;font-size:var(--font-size-14, 0.875rem)}:host .audio-info span:last-child{color:var(--stable, #adadad);font-size:var(--font-size-12, 0.75rem)}:host(.dark) yoo-button{--hover-color:var(--light-10, rgba(255, 255, 255, 0.1))}:host([disabled]) yoo-icon{fill:var(--stable, #adadad)}:host(:not([disabled])){--play-icon-color:var(--dark, #000000);--title-color:var(--dark, #000000);--time-color:var(--stable, #adadad)}:host(:not([disabled])) yoo-icon{fill:var(--play-icon-color)}:host(:not([disabled])) .audio-info{color:var(--title-color)}:host(:not([disabled])) .audio-info.only-time span:first-child{color:var(--title-color) !important}:host(:not([disabled])) .audio-info span:last-child{color:var(--time-color)}";
 

package/dist/cjs/yoo-audio-recorder-dialog.cjs.entry.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-3f2bca41.js');
-const commonHelpers = require('./common-helpers-edf7fda5.js');
-const overlays = require('./overlays-c545c947.js');
+require('./index-ca271bba.js');
+const commonHelpers = require('./common-helpers-e0f8defd.js');
+const overlays = require('./overlays-3067754c.js');
 require('./lodash-a9050d79.js');
-require('./index-f9aace31.js');
+require('./index-4f7e1f11.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 // Copied from https://github.com/chris-rudmin/Recorderjs

package/dist/cjs/yoo-avatar.cjs.entry.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-const index$1 = require('./index-f9aace31.js');
-require('./index-3f2bca41.js');
-const overlays = require('./overlays-c545c947.js');
+const index$1 = require('./index-4f7e1f11.js');
+require('./index-ca271bba.js');
+const overlays = require('./overlays-3067754c.js');
 require('./lodash-a9050d79.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
-const avatarCss = "svg:not(:root){overflow:hidden}:host{--transform-avatar:none;--display-avatar:inline-flex;--border-initial:0.0625rem solid var(--stable-light, #f1f1f1);--border-color-online:var(--light, #ffffff);--box-shadow:none;--inner-border:none;--image-shadow:unset;--grayed-background:var(--stable-light, #f1f1f1);position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transform:var(--transform-avatar);transform:var(--transform-avatar)}yoo-img{height:100%}.component-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-line-pack:distribute;align-content:space-around;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end;width:100%;height:100%}.component-states-container{position:absolute;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end;width:100%;height:100%}.framing-container{position:relative;z-index:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;overflow:hidden;border:var(--inner-border);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow)}.online-indicator,.offline-indicator{position:absolute;right:0;bottom:0;z-index:2;border:var(--border-width-03, 0.1875rem) solid var(--border-color-online);border-radius:50%}.online-indicator{background-color:var(--success, #3aa76d)}.offline-indicator{background-color:var(--stable-alt, #d0d0d0)}.text-container{position:absolute;top:50%;left:50%;color:var(--text-color, #807f83);font-weight:var(--font-weight-400, 400);white-space:nowrap;text-transform:uppercase;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.notifications-wrapper{position:absolute;top:0rem;right:0rem;z-index:2;-webkit-box-shadow:0 0 0 0.3125rem var(--light, #ffffff);box-shadow:0 0 0 0.3125rem var(--light, #ffffff)}.notifications-wrapper.dot{-webkit-box-shadow:none;box-shadow:none}.notifications-wrapper.long{border-radius:var(--border-radius-16, 1rem)}.notifications-wrapper.short{border-radius:50%}.new-story-indicator{z-index:2;border-color:var(--app-color, #5a30f4);border-style:solid;border-radius:50%;-webkit-box-shadow:0 0 0 var(--spacing-02, 0.125rem) var(--light, #ffffff) inset;box-shadow:0 0 0 var(--spacing-02, 0.125rem) var(--light, #ffffff) inset}.viewed-story-indicator{z-index:2;border-color:var(--stable-alt, #d0d0d0);border-style:solid;border-radius:50%;-webkit-box-shadow:0 0 0 var(--spacing-02, 0.125rem) var(--light, #ffffff) inset;box-shadow:0 0 0 var(--spacing-02, 0.125rem) var(--light, #ffffff) inset}.live-indicator-container{position:absolute;z-index:4;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.live-indicator-container .live-indicator-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;width:2.875rem;height:1rem;color:var(--light, #ffffff);font-size:0.75rem;background-color:var(--danger, #d44333);border:var(--spacing-02, 0.125rem) solid var(--danger, #d44333);border-radius:var(--spacing-04, 0.25rem)}.live-indicator-container .live-indicator-wrapper .live-icon{width:var(--spacing-08, 0.5rem);height:var(--spacing-08, 0.5rem);margin:0 var(--spacing-04, 0.25rem) 0 var(--spacing-04, 0.25rem);background-color:var(--light, #ffffff);border-radius:50%}.recorded-indicator-container{position:absolute;z-index:4;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.recorded-indicator-container .recorded-indicator-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;width:1rem;height:1rem;font-size:var(--font-size-16, 1rem) !important;background-color:var(--danger, #d44333);border:var(--spacing-02, 0.125rem) solid var(--light, #ffffff);border-radius:25%}.vip-indicator{position:absolute;top:-0.3125rem;right:-0.3125rem;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;border:var(--border-width-05, 0.3125rem) solid var(--light, #ffffff);border-radius:50%}.vip-notification{position:absolute}.no-store-image-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;color:var(--stable, #adadad)}.grayed{background-color:var(--grayed-background)}:host([size=extra-small]){width:1rem;height:1rem}:host([size=extra-small]) .counter{font-weight:var(--font-weight-400, 400);font-size:var(--font-size-12, 0.75rem) !important}:host([size=extra-small]) .online-indicator,:host([size=extra-small]) .offline-indicator{width:var(--spacing-02, 0.125rem);height:var(--spacing-02, 0.125rem);border:var(--border-width-01, 0.0625rem) solid var(--border-color-online)}:host([size=extra-small]) .offline-indicator{-webkit-box-shadow:0 0 0 0.01rem var(--stable, #adadad) inset;box-shadow:0 0 0 0.01rem var(--stable, #adadad) inset}:host([size=extra-small]) .text-container{font-size:var(--font-size-12, 0.75rem)}:host([size=extra-small]) .new-story-indicator,:host([size=extra-small]) .viewed-story-indicator{width:0.8125rem;height:0.8125rem;border-width:0.09375rem;-webkit-box-shadow:0 0 0 0.03125rem var(--light, #ffffff) inset;box-shadow:0 0 0 0.03125rem var(--light, #ffffff) inset}:host([size=extra-small]) .no-store-image-container{-ms-flex-pack:center;justify-content:center;width:1rem;height:1rem;font-size:var(--font-size-12, 0.75rem)}:host([size=extra-small]) .vip-indicator{display:none}:host([size=extra-small]) .vip-notification{top:0;width:var(--spacing-02, 0.125rem);height:var(--spacing-02, 0.125rem)}:host([size=extra-small]) .notifications-wrapper.dot{width:var(--spacing-02, 0.125rem);height:var(--spacing-02, 0.125rem)}:host([size=small]){width:1.5rem;height:1.5rem}:host([size=small]) .online-indicator,:host([size=small]) .offline-indicator{width:0.1875rem;height:0.1875rem;border:var(--spacing-02, 0.125rem) solid var(--border-color-online)}:host([size=small]) .offline-indicator{-webkit-box-shadow:0 0 0 0.1rem var(--stable, #adadad) inset;box-shadow:0 0 0 0.1rem var(--stable, #adadad) inset}:host([size=small]) .text-container{font-size:var(--font-size-14, 0.875rem)}:host([size=small]) .new-story-indicator,:host([size=small]) .viewed-story-indicator{width:1.25rem;height:1.25rem;border-width:var(--spacing-02, 0.125rem);-webkit-box-shadow:0 0 0 0.0625rem var(--light, #ffffff) inset;box-shadow:0 0 0 0.0625rem var(--light, #ffffff) inset}:host([size=small]) .no-store-image-container{-ms-flex-pack:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:var(--font-size-14, 0.875rem)}:host([size=small]) .vip-indicator{display:none}:host([size=small]) .vip-notification{top:0;width:var(--spacing-02, 0.125rem);height:var(--spacing-02, 0.125rem)}:host([size=small]) .notifications-wrapper.dot{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host([size=medium]){width:2rem;height:2rem}:host([size=medium]) .online-indicator,:host([size=medium]) .offline-indicator{width:0.375rem;height:0.375rem;border:var(--spacing-02, 0.125rem) solid var(--border-color-online)}:host([size=medium]) .offline-indicator{-webkit-box-shadow:0 0 0 0.1rem var(--stable, #adadad) inset;box-shadow:0 0 0 0.1rem var(--stable, #adadad) inset}:host([size=medium]) .text-container{font-size:var(--font-size-16, 1rem)}:host([size=medium]) .new-story-indicator,:host([size=medium]) .viewed-story-indicator{width:1.8125rem;height:1.8125rem;border-width:0.09375rem;-webkit-box-shadow:0 0 0 0.09375rem var(--light, #ffffff) inset;box-shadow:0 0 0 0.09375rem var(--light, #ffffff) inset}:host([size=medium]) .no-store-image-container{-ms-flex-pack:center;justify-content:center;width:2rem;height:2rem;font-size:var(--font-size-16, 1rem)}:host([size=medium]) .vip-indicator{display:none}:host([size=medium]) .vip-notification{top:0;width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host([size=medium]) .notifications-wrapper.dot{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host([size=large]){width:3rem;height:3rem}:host([size=large]) .online-indicator,:host([size=large]) .offline-indicator{width:var(--spacing-08, 0.5rem);height:var(--spacing-08, 0.5rem)}:host([size=large]) .offline-indicator{-webkit-box-shadow:0 0 0 0.1rem var(--stable, #adadad) inset;box-shadow:0 0 0 0.1rem var(--stable, #adadad) inset}:host([size=large]) .text-container{font-size:var(--font-size-18, 1.125rem)}:host([size=large]) .new-story-indicator,:host([size=large]) .viewed-story-indicator{width:2.75rem;height:2.75rem;border-width:var(--spacing-02, 0.125rem);-webkit-box-shadow:0 0 0 var(--spacing-02, 0.125rem) var(--light, #ffffff) inset;box-shadow:0 0 0 var(--spacing-02, 0.125rem) var(--light, #ffffff) inset}:host([size=large]) .vip-indicator{display:none}:host([size=large]) .notifications-wrapper{height:1.25rem}:host([size=large]) .notifications-wrapper.short{width:1.25rem}:host([size=large]) .live-indicator-container .live-indicator-wrapper{width:2.75rem}:host([size=large]) .recorded-indicator-container{right:0.875rem}:host([size=large]) .no-store-image-container{-ms-flex-pack:center;justify-content:center;width:3rem;height:3rem;font-size:var(--font-size-18, 1.125rem)}:host([size=large]) .vip-notification{top:0.0625rem;width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host([size=large]) .notifications-wrapper.dot{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host([size=extra-large]){width:4rem;height:4rem}:host([size=extra-large]) .online-indicator,:host([size=extra-large]) .offline-indicator{width:0.75rem;height:0.75rem}:host([size=extra-large]) .offline-indicator{-webkit-box-shadow:0 0 0 0.175rem var(--stable, #adadad) inset;box-shadow:0 0 0 0.175rem var(--stable, #adadad) inset}:host([size=extra-large]) .text-container{font-size:var(--font-size-24, 1.5rem)}:host([size=extra-large]) .new-story-indicator,:host([size=extra-large]) .viewed-story-indicator{width:3.75rem;height:3.75rem;border-width:var(--spacing-02, 0.125rem);-webkit-box-shadow:0 0 0 0.1875rem var(--light, #ffffff) inset;box-shadow:0 0 0 0.1875rem var(--light, #ffffff) inset}:host([size=extra-large]) .notifications-wrapper{height:1.5rem}:host([size=extra-large]) .notifications-wrapper.short{width:1.5rem}:host([size=extra-large]) .live-indicator-container{right:0.375rem}:host([size=extra-large]) .recorded-indicator-container{right:1.375rem}:host([size=extra-large]) .vip-notification{top:0.3125rem;width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host([size=extra-large]) .no-store-image-container{-ms-flex-pack:center;justify-content:center;width:4rem;height:4rem;font-size:var(--font-size-24, 1.5rem)}:host([size=extra-extra-large]){width:5rem;height:5rem}:host([size=extra-extra-large]) .online-indicator,:host([size=extra-extra-large]) .offline-indicator{width:var(--spacing-16, 1rem);height:var(--spacing-16, 1rem)}:host([size=extra-extra-large]) .offline-indicator{-webkit-box-shadow:0 0 0 0.175rem var(--stable, #adadad) inset;box-shadow:0 0 0 0.175rem var(--stable, #adadad) inset}:host([size=extra-extra-large]) .text-container{font-size:var(--font-size-32, 2rem)}:host([size=extra-extra-large]) .new-story-indicator,:host([size=extra-extra-large]) .viewed-story-indicator{width:4.75rem;height:4.75rem;border-width:var(--spacing-02, 0.125rem);-webkit-box-shadow:0 0 0 0.1875rem var(--light, #ffffff) inset;box-shadow:0 0 0 0.1875rem var(--light, #ffffff) inset}:host([size=extra-extra-large]) .notifications-wrapper{height:1.5rem}:host([size=extra-extra-large]) .notifications-wrapper.short{width:1.5rem}:host([size=extra-extra-large]) .live-indicator-container{right:0.8125rem}:host([size=extra-extra-large]) .recorded-indicator-container{right:1.875rem}:host([size=extra-extra-large]) .vip-notification{top:0.3125rem;width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host([size=extra-extra-large]) .no-store-image-container{-ms-flex-pack:center;justify-content:center;width:5rem;height:5rem;font-size:var(--font-size-32, 2rem)}:host([frame=circle]) .framing-container{border-radius:50%}:host([frame=circle]) .framing-container yoo-img{--border-radius:50%}:host([frame=square]) .framing-container,:host([frame=transparent-square]) .framing-container{border-radius:0}:host([frame=square]) .framing-container yoo-img,:host([frame=transparent-square]) .framing-container yoo-img{--border-radius:0%}:host([frame=rounded-square]) .framing-container{border-radius:10%}:host([frame=rounded-square]) .framing-container yoo-img{--border-radius:10%}:host(.inline){display:inline-block;margin-right:0.5rem}:host(.readonly){padding:var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) 0}:host(.files-autocomplete) .component-container .framing-container{background-color:transparent}:host(.folder) .component-container .framing-container{background-color:unset !important}:host(.no-indicator-box-shadow) .framing-container{padding:var(--spacing-04, 0.25rem)}:host(.no-indicator-box-shadow) .new-story-indicator,:host(.no-indicator-box-shadow) .viewed-story-indicator,:host(.no-indicator-box-shadow) .framing-container{-webkit-box-shadow:none;box-shadow:none}";
+const avatarCss = "svg:not(:root){overflow:hidden}:host{--transform-avatar:none;--display-avatar:inline-flex;--border-initial:0.0625rem solid var(--stable-light, #f1f1f1);--border-color-online:var(--light, #ffffff);--box-shadow:none;--inner-border:none;--image-shadow:unset;--grayed-background:var(--stable-light, #f1f1f1);position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transform:var(--transform-avatar);transform:var(--transform-avatar)}yoo-img{height:100%}.component-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-line-pack:distribute;align-content:space-around;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end;width:100%;height:100%}.component-states-container{position:absolute;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end;width:100%;height:100%}.framing-container{position:relative;z-index:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;overflow:hidden;border:var(--inner-border);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow)}.online-indicator,.offline-indicator{position:absolute;right:0;bottom:0;z-index:2;border:var(--border-width-03, 0.1875rem) solid var(--border-color-online);border-radius:50%}.online-indicator{background-color:var(--success, #3aa76d)}.offline-indicator{background-color:var(--stable-alt, #d0d0d0)}.text-container{position:absolute;top:50%;left:50%;color:var(--text-color, #807f83);font-weight:var(--font-weight-400, 400);white-space:nowrap;text-transform:uppercase;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.notifications-wrapper{position:absolute;top:0rem;right:0rem;z-index:2;-webkit-box-shadow:0 0 0 0.3125rem var(--light, #ffffff);box-shadow:0 0 0 0.3125rem var(--light, #ffffff)}.notifications-wrapper.dot{-webkit-box-shadow:none;box-shadow:none}.notifications-wrapper.long{border-radius:var(--border-radius-16, 1rem)}.notifications-wrapper.short{border-radius:50%}.new-story-indicator{z-index:2;border-color:var(--app-color, #5a30f4);border-style:solid;border-radius:50%;-webkit-box-shadow:0 0 0 var(--spacing-02, 0.125rem) var(--light, #ffffff) inset;box-shadow:0 0 0 var(--spacing-02, 0.125rem) var(--light, #ffffff) inset}.viewed-story-indicator{z-index:2;border-color:var(--stable-alt, #d0d0d0);border-style:solid;border-radius:50%;-webkit-box-shadow:0 0 0 var(--spacing-02, 0.125rem) var(--light, #ffffff) inset;box-shadow:0 0 0 var(--spacing-02, 0.125rem) var(--light, #ffffff) inset}.live-indicator-container{position:absolute;z-index:4;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.live-indicator-container .live-indicator-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;width:2.875rem;height:1rem;color:var(--light, #ffffff);font-size:0.75rem;background-color:var(--danger, #d44333);border:var(--spacing-02, 0.125rem) solid var(--danger, #d44333);border-radius:var(--spacing-04, 0.25rem)}.live-indicator-container .live-indicator-wrapper .live-icon{width:var(--spacing-08, 0.5rem);height:var(--spacing-08, 0.5rem);margin:0 var(--spacing-04, 0.25rem) 0 var(--spacing-04, 0.25rem);background-color:var(--light, #ffffff);border-radius:50%}.recorded-indicator-container{position:absolute;z-index:4;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.recorded-indicator-container .recorded-indicator-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;width:1rem;height:1rem;font-size:var(--font-size-16, 1rem) !important;background-color:var(--danger, #d44333);border:var(--spacing-02, 0.125rem) solid var(--light, #ffffff);border-radius:25%}.vip-indicator{position:absolute;top:-0.3125rem;right:-0.3125rem;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;border:var(--border-width-05, 0.3125rem) solid var(--light, #ffffff);border-radius:50%}.vip-notification{position:absolute}.no-store-image-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;color:var(--stable, #adadad)}.grayed{background-color:var(--grayed-background)}:host([size=extra-small]){width:1rem;height:1rem}:host([size=extra-small]) .counter{font-weight:var(--font-weight-400, 400);font-size:var(--font-size-12, 0.75rem) !important}:host([size=extra-small]) .online-indicator,:host([size=extra-small]) .offline-indicator{width:var(--spacing-02, 0.125rem);height:var(--spacing-02, 0.125rem);border:var(--border-width-01, 0.0625rem) solid var(--border-color-online)}:host([size=extra-small]) .offline-indicator{-webkit-box-shadow:0 0 0 0.01rem var(--stable, #adadad) inset;box-shadow:0 0 0 0.01rem var(--stable, #adadad) inset}:host([size=extra-small]) .text-container{font-size:var(--font-size-12, 0.75rem)}:host([size=extra-small]) .new-story-indicator,:host([size=extra-small]) .viewed-story-indicator{width:0.8125rem;height:0.8125rem;border-width:0.09375rem;-webkit-box-shadow:0 0 0 0.03125rem var(--light, #ffffff) inset;box-shadow:0 0 0 0.03125rem var(--light, #ffffff) inset}:host([size=extra-small]) .no-store-image-container{-ms-flex-pack:center;justify-content:center;width:1rem;height:1rem;font-size:var(--font-size-12, 0.75rem)}:host([size=extra-small]) .vip-indicator{display:none}:host([size=extra-small]) .vip-notification{top:0;width:var(--spacing-02, 0.125rem);height:var(--spacing-02, 0.125rem)}:host([size=extra-small]) .notifications-wrapper.dot{width:var(--spacing-02, 0.125rem);height:var(--spacing-02, 0.125rem)}:host([size=small]){width:1.5rem;height:1.5rem}:host([size=small]) .online-indicator,:host([size=small]) .offline-indicator{width:0.1875rem;height:0.1875rem;border:var(--spacing-02, 0.125rem) solid var(--border-color-online)}:host([size=small]) .offline-indicator{-webkit-box-shadow:0 0 0 0.1rem var(--stable, #adadad) inset;box-shadow:0 0 0 0.1rem var(--stable, #adadad) inset}:host([size=small]) .text-container{font-size:var(--font-size-14, 0.875rem)}:host([size=small]) .new-story-indicator,:host([size=small]) .viewed-story-indicator{width:1.25rem;height:1.25rem;border-width:var(--spacing-02, 0.125rem);-webkit-box-shadow:0 0 0 0.0625rem var(--light, #ffffff) inset;box-shadow:0 0 0 0.0625rem var(--light, #ffffff) inset}:host([size=small]) .no-store-image-container{-ms-flex-pack:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:var(--font-size-14, 0.875rem)}:host([size=small]) .vip-indicator{display:none}:host([size=small]) .vip-notification{top:0;width:var(--spacing-02, 0.125rem);height:var(--spacing-02, 0.125rem)}:host([size=small]) .notifications-wrapper.dot{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host([size=medium]){width:2rem;height:2rem}:host([size=medium]) .online-indicator,:host([size=medium]) .offline-indicator{width:0.375rem;height:0.375rem;border:var(--spacing-02, 0.125rem) solid var(--border-color-online)}:host([size=medium]) .offline-indicator{-webkit-box-shadow:0 0 0 0.1rem var(--stable, #adadad) inset;box-shadow:0 0 0 0.1rem var(--stable, #adadad) inset}:host([size=medium]) .text-container{font-size:var(--font-size-16, 1rem)}:host([size=medium]) .new-story-indicator,:host([size=medium]) .viewed-story-indicator{width:1.8125rem;height:1.8125rem;border-width:0.09375rem;-webkit-box-shadow:0 0 0 0.09375rem var(--light, #ffffff) inset;box-shadow:0 0 0 0.09375rem var(--light, #ffffff) inset}:host([size=medium]) .no-store-image-container{-ms-flex-pack:center;justify-content:center;width:2rem;height:2rem;font-size:var(--font-size-16, 1rem)}:host([size=medium]) .vip-indicator{display:none}:host([size=medium]) .vip-notification{top:0;width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host([size=medium]) .notifications-wrapper.dot{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host([size=large]){width:3rem;height:3rem}:host([size=large]) .online-indicator,:host([size=large]) .offline-indicator{width:var(--spacing-08, 0.5rem);height:var(--spacing-08, 0.5rem)}:host([size=large]) .offline-indicator{-webkit-box-shadow:0 0 0 0.1rem var(--stable, #adadad) inset;box-shadow:0 0 0 0.1rem var(--stable, #adadad) inset}:host([size=large]) .text-container{font-size:var(--font-size-18, 1.125rem)}:host([size=large]) .new-story-indicator,:host([size=large]) .viewed-story-indicator{width:2.75rem;height:2.75rem;border-width:var(--spacing-02, 0.125rem);-webkit-box-shadow:0 0 0 var(--spacing-02, 0.125rem) var(--light, #ffffff) inset;box-shadow:0 0 0 var(--spacing-02, 0.125rem) var(--light, #ffffff) inset}:host([size=large]) .vip-indicator{display:none}:host([size=large]) .notifications-wrapper{height:1.25rem}:host([size=large]) .notifications-wrapper.short{width:1.25rem}:host([size=large]) .live-indicator-container .live-indicator-wrapper{width:2.75rem}:host([size=large]) .recorded-indicator-container{right:0.875rem}:host([size=large]) .no-store-image-container{-ms-flex-pack:center;justify-content:center;width:3rem;height:3rem;font-size:var(--font-size-18, 1.125rem)}:host([size=large]) .vip-notification{top:0.0625rem;width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host([size=large]) .notifications-wrapper.dot{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host([size=extra-large]){width:4rem;height:4rem}:host([size=extra-large]) .online-indicator,:host([size=extra-large]) .offline-indicator{width:0.75rem;height:0.75rem}:host([size=extra-large]) .offline-indicator{-webkit-box-shadow:0 0 0 0.175rem var(--stable, #adadad) inset;box-shadow:0 0 0 0.175rem var(--stable, #adadad) inset}:host([size=extra-large]) .text-container{font-size:var(--font-size-24, 1.5rem)}:host([size=extra-large]) .new-story-indicator,:host([size=extra-large]) .viewed-story-indicator{width:3.75rem;height:3.75rem;border-width:var(--spacing-02, 0.125rem);-webkit-box-shadow:0 0 0 0.1875rem var(--light, #ffffff) inset;box-shadow:0 0 0 0.1875rem var(--light, #ffffff) inset}:host([size=extra-large]) .notifications-wrapper{height:1.5rem}:host([size=extra-large]) .notifications-wrapper.short{width:1.5rem}:host([size=extra-large]) .live-indicator-container{right:0.375rem}:host([size=extra-large]) .recorded-indicator-container{right:1.375rem}:host([size=extra-large]) .vip-notification{top:0.3125rem;width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host([size=extra-large]) .no-store-image-container{-ms-flex-pack:center;justify-content:center;width:4rem;height:4rem;font-size:var(--font-size-24, 1.5rem)}:host([size=extra-extra-large]){width:5rem;height:5rem}:host([size=extra-extra-large]) .online-indicator,:host([size=extra-extra-large]) .offline-indicator{width:var(--spacing-16, 1rem);height:var(--spacing-16, 1rem)}:host([size=extra-extra-large]) .offline-indicator{-webkit-box-shadow:0 0 0 0.175rem var(--stable, #adadad) inset;box-shadow:0 0 0 0.175rem var(--stable, #adadad) inset}:host([size=extra-extra-large]) .text-container{font-size:var(--font-size-32, 2rem)}:host([size=extra-extra-large]) .new-story-indicator,:host([size=extra-extra-large]) .viewed-story-indicator{width:4.75rem;height:4.75rem;border-width:var(--spacing-02, 0.125rem);-webkit-box-shadow:0 0 0 0.1875rem var(--light, #ffffff) inset;box-shadow:0 0 0 0.1875rem var(--light, #ffffff) inset}:host([size=extra-extra-large]) .notifications-wrapper{height:1.5rem}:host([size=extra-extra-large]) .notifications-wrapper.short{width:1.5rem}:host([size=extra-extra-large]) .live-indicator-container{right:0.8125rem}:host([size=extra-extra-large]) .recorded-indicator-container{right:1.875rem}:host([size=extra-extra-large]) .vip-notification{top:0.3125rem;width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host([size=extra-extra-large]) .no-store-image-container{-ms-flex-pack:center;justify-content:center;width:5rem;height:5rem;font-size:var(--font-size-32, 2rem)}:host([frame=circle]) .framing-container{border-radius:50%}:host([frame=circle]) .framing-container yoo-img{--border-radius:50%}:host([frame=square]) .framing-container,:host([frame=transparent-square]) .framing-container{border-radius:0}:host([frame=square]) .framing-container yoo-img,:host([frame=transparent-square]) .framing-container yoo-img{--border-radius:0%}:host([frame=rounded-square]) .framing-container{border-radius:10%}:host([frame=rounded-square]) .framing-container yoo-img{--border-radius:10%}:host(.inline){display:inline-block;margin-right:0.5rem}:host(.readonly){padding:var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) 0}:host(.files-autocomplete) .component-container .framing-container{background-color:transparent}:host(.folder) .component-container .framing-container{background-color:unset !important}:host(.no-indicator-box-shadow) .framing-container{padding:var(--spacing-04, 0.25rem)}:host(.no-indicator-box-shadow) .new-story-indicator,:host(.no-indicator-box-shadow) .viewed-story-indicator,:host(.no-indicator-box-shadow) .framing-container{-webkit-box-shadow:none;box-shadow:none}:host(.rtl) .online-indicator,:host(.rtl) .offline-indicator{right:auto;left:0}:host(.rtl.inline){margin-right:0;margin-left:var(--spacing-08, 0.5rem)}";
 
 const YooAvatarComponent = class {
   constructor(hostRef) {
@@ -165,7 +165,7 @@ const YooAvatarComponent = class {
   render() {
     const TagType = this.tooltip ? 'yoo-tooltip' : 'div';
     const hasUserText = this.user && (!this.user.imageData || overlays.isOffline());
-    return (index.h(index.Host, { size: this.size, frame: this.frame }, index.h(TagType, { class: "component-container", content: this.tooltip, placement: "bottom", hoverable: overlays.isWeb(this.host) }, index.h("div", { class: "component-states-container" }, this.renderOnlineIcon(), this.renderStoriesIndicator(), this.isVip && this.renderIsVip(), this.hasNotifications && this.renderNotification(), this.hasLiveVideo && this.renderLiveIndicator(), this.hasRecordedVideo && this.renderRecordedIndicator(), this.vipNotification && this.renderVipNotification()), index.h("div", { class: { 'framing-container': true, grayed: hasUserText }, style: {
+    return (index.h(index.Host, { size: this.size, frame: this.frame, class: { rtl: overlays.isRTL() } }, index.h(TagType, { class: "component-container", content: this.tooltip, placement: "bottom", hoverable: overlays.isWeb(this.host) }, index.h("div", { class: "component-states-container" }, this.renderOnlineIcon(), this.renderStoriesIndicator(), this.isVip && this.renderIsVip(), this.hasNotifications && this.renderNotification(), this.hasLiveVideo && this.renderLiveIndicator(), this.hasRecordedVideo && this.renderRecordedIndicator(), this.vipNotification && this.renderVipNotification()), index.h("div", { class: { 'framing-container': true, grayed: hasUserText }, style: {
         'background-color': hasUserText ? undefined : this.getColor(true),
         'border': this.color && this.showBorder ? '2px solid ' + (index$1.isPaletteColor(this.color) ? `var(--${this.color})` : this.color) : null
       } }, this.renderBasedOnSource()))));

package/dist/cjs/yoo-avatars.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-3f2bca41.js');
-const overlays = require('./overlays-c545c947.js');
+require('./index-ca271bba.js');
+const overlays = require('./overlays-3067754c.js');
 require('./lodash-a9050d79.js');
-require('./index-f9aace31.js');
+require('./index-4f7e1f11.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const avatarsCss = "svg:not(:root){overflow:hidden}.two-users-container{position:relative;width:100%;height:100%}.top-left-container{position:absolute;top:0;left:0}.bottom-right-container{position:absolute;right:0;bottom:0}.names-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;overflow:hidden;white-space:nowrap}.names-wrapper yoo-avatar{margin-right:var(--spacing-08, 0.5rem)}.names-wrapper.show-more{color:var(--dark, #000000);font-weight:bold;cursor:pointer}.name-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.name-wrapper yoo-avatar{margin-bottom:var(--spacing-08, 0.5rem)}.collection-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.collection-wrapper yoo-avatar{margin-right:var(--spacing-08, 0.5rem);margin-left:var(--spacing-08, 0.5rem)}:host([layout=grid]){display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}:host([layout=grid]) yoo-avatar{--inner-border:var(--border-width-01, 0.0625rem) solid var(--light, #ffffff)}:host([layout=grid][size=extra-small]){min-width:var(--spacing-32, 2rem);max-width:var(--spacing-32, 2rem);height:var(--spacing-32, 2rem)}:host([layout=grid][size=extra-small]) .top-left-container{padding-top:0.25rem;padding-left:0.25rem}:host([layout=grid][size=extra-small]) .bottom-right-container{padding-right:0.25rem;padding-bottom:0.25rem}:host([layout=grid][size=extra-small]) .bottom-right-container yoo-avatar{--box-shadow:0 0 0 0.125rem cssvar(light)}:host([layout=grid][size=small]){min-width:var(--spacing-48, 3rem);max-width:var(--spacing-48, 3rem);height:var(--spacing-48, 3rem)}:host([layout=grid][size=small]) .top-left-container{padding-top:0.1875rem;padding-left:0.1875rem}:host([layout=grid][size=small]) .bottom-right-container{padding-right:0.1875rem;padding-bottom:0.1875rem}:host([layout=grid][size=small]) .bottom-right-container yoo-avatar{--box-shadow:0 0 0 0.1875rem cssvar(light)}:host([layout=grid][size=small]) .two-users-container yoo-avatar{margin:var(--spacing-02, 0.125rem)}:host([layout=grid][size=medium]){min-width:var(--spacing-64, 4rem);max-width:var(--spacing-64, 4rem);height:var(--spacing-64, 4rem)}:host([layout=grid][size=medium]) .top-left-container{padding-top:0.4375rem;padding-left:0.4375rem}:host([layout=grid][size=medium]) .bottom-right-container{padding-right:0.4375rem;padding-bottom:0.4375rem}:host([layout=grid][size=medium]) .bottom-right-container yoo-avatar{--box-shadow:0 0 0 0.25rem cssvar(light)}:host([layout=grid][size=large]){min-width:var(--spacing-96, 6rem);max-width:var(--spacing-96, 6rem);height:var(--spacing-96, 6rem)}:host([layout=grid][size=large]) .top-left-container{padding-top:0.8125rem;padding-left:0.8125rem}:host([layout=grid][size=large]) .bottom-right-container{padding-right:0.8125rem;padding-bottom:0.8125rem}:host([layout=grid][size=large]) .bottom-right-container yoo-avatar{--box-shadow:0 0 0 0.25rem cssvar(light)}:host([layout=stack]){display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host([layout=stack]) yoo-avatar{margin-right:0.0625rem;margin-left:0.0625rem}:host([layout=list]){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host([layout=list][size=extra-small]){font-size:var(--font-size-12, 0.75rem)}:host([layout=list][size=extra-small]) .names-wrapper{padding-bottom:var(--spacing-08, 0.5rem)}:host([layout=list][size=small]){font-size:var(--font-size-16, 1rem)}:host([layout=list][size=small]) .names-wrapper{padding-bottom:0.75rem}:host([layout=list][size=medium]){font-size:var(--font-size-18, 1.125rem)}:host([layout=list][size=medium]) .names-wrapper{padding-bottom:0.75rem}:host([layout=list][size=large]){font-size:var(--font-size-24, 1.5rem)}:host([layout=list][size=large]) .names-wrapper{padding-bottom:1.25rem}:host([layout=list][size=extra-large]){font-size:var(--font-size-48, 3rem)}:host([layout=list][size=extra-large]) .names-wrapper{padding-bottom:var(--spacing-48, 3rem)}:host([layout=list][size=extra-extra-large]){font-size:var(--font-size-54, 3.375rem)}:host([layout=list][size=extra-extra-large]) .names-wrapper{padding-bottom:var(--spacing-64, 4rem)}:host([layout=name]){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host([layout=collection]){display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host([layout=name][layout=collection][size=large]){font-size:var(--font-size-12, 0.75rem)}:host([layout=name][layout=collection][size=extra-large]){font-size:var(--font-size-16, 1rem)}:host([layout=name][layout=collection][size=extra-extra-large]){font-size:var(--font-size-18, 1.125rem)}:host([layout=collection][size=large]){font-size:var(--font-size-12, 0.75rem)}:host([layout=collection][size=extra-large]){font-size:var(--font-size-16, 1rem)}:host([layout=collection][size=extra-extra-large]){font-size:var(--font-size-18, 1.125rem)}";

package/dist/cjs/yoo-banner.cjs.entry.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-const commonHelpers = require('./common-helpers-edf7fda5.js');
-require('./overlays-c545c947.js');
+const commonHelpers = require('./common-helpers-e0f8defd.js');
+require('./overlays-3067754c.js');
 require('./lodash-a9050d79.js');
-require('./index-f9aace31.js');
+require('./index-4f7e1f11.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-3f2bca41.js');
+require('./index-ca271bba.js');
 
 const bannerCss = "svg:not(:root){overflow:hidden}:host([fill]) yoo-icon[name=cross]{fill:var(--close-icon-color)}:host(:not([fill])){--main-color:var(--light, #ffffff);--main-text-color:var(--dark, #000000);-webkit-box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08))}:host(:not([fill])) yoo-icon[name=cross]{fill:var(--text-color, #807f83)}:host(.center) ::slotted(*){display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host(.sharp){border-radius:0}:host(.mobile){-ms-flex-flow:row wrap;flex-flow:row wrap}:host(.mobile) ::slotted([slot=content]){width:calc(100% - var(--spacing-40, 2.5rem))}:host(.mobile:not([size=large])) ::slotted([slot=action]){margin-bottom:var(--spacing-08, 0.5rem);margin-left:var(--icon-size-02, 1.5rem)}:host(.mobile[size=large]) ::slotted([slot=action]){margin-left:var(--spacing-08, 0.5rem)}:host(.mobile[size=large]:not([closable])) ::slotted([slot=action]){margin-left:var(--spacing-16, 1rem)}:host{--main-color:var(--warning, #ed6e33);--main-text-color:var(--light, #ffffff);--close-icon-color:var(--text-color, #807f83);display:block;padding:0 var(--spacing-08, 0.5rem);color:var(--main-text-color);font-size:var(--font-size-14, 0.875rem);background-color:var(--main-color);border-radius:var(--border-radius-04, 0.25rem)}:host .flex{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:100%}:host .flex hr{width:1px;height:60%;margin-left:var(--spacing-08, 0.5rem);background:var(--close-icon-color);border:0;opacity:0.4}:host .action-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-bottom:var(--spacing-08, 0.5rem)}:host .action-container.hasLeftIcon{margin-left:var(--icon-size-02, 1.5rem)}:host .action-container.small{margin-left:var(--icon-size-01, 1rem)}:host .action-container.large{margin-left:var(--icon-size-03, 2rem)}:host .link{font-weight:var(--font-weight-400, 400);text-decoration:underline;cursor:pointer;opacity:0.5}:host yoo-icon[name=cross],:host yoo-icon[name=close]{padding-right:var(--spacing-08, 0.5rem);padding-left:var(--spacing-16, 1rem);cursor:pointer}:host .left-icon{margin-left:var(--spacing-08, 0.5rem)}:host([hidden]){display:none}::slotted([slot=content]){width:100%;padding:0 var(--spacing-08, 0.5rem);color:var(--main-text-color)}";
 

package/dist/cjs/yoo-barcode-dialog.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-3f2bca41.js');
-const overlays = require('./overlays-c545c947.js');
+require('./index-ca271bba.js');
+const overlays = require('./overlays-3067754c.js');
 require('./lodash-a9050d79.js');
-require('./index-f9aace31.js');
+require('./index-4f7e1f11.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const barcodeDialogCss = "svg:not(:root){overflow:hidden}:host yoo-ion-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host yoo-barcode{width:100%;height:100px;margin:1rem 0}";

package/dist/cjs/yoo-battle-count-down.cjs.entry.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-3f2bca41.js');
-const commonHelpers = require('./common-helpers-edf7fda5.js');
-const overlays = require('./overlays-c545c947.js');
+require('./index-ca271bba.js');
+const commonHelpers = require('./common-helpers-e0f8defd.js');
+const overlays = require('./overlays-3067754c.js');
 require('./lodash-a9050d79.js');
-require('./index-f9aace31.js');
+require('./index-4f7e1f11.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
-const battleCountDownCss = "svg:not(:root){overflow:hidden}.accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}.app-color{color:var(--app-color, #5a30f4);fill:var(--app-color, #5a30f4)}.danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}.dark{color:var(--dark, #000000);fill:var(--dark, #000000)}.energized{color:var(--energized, #ffc043);fill:var(--energized, #ffc043)}.info{color:var(--info, #d84c96);fill:var(--info, #d84c96)}.light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}.stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}.stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}.stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}.stable-ultralight{color:var(--stable-ultralight, #fafafa);fill:var(--stable-ultralight, #fafafa)}.success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}.text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}.warning{color:var(--warning, #ed6e33);fill:var(--warning, #ed6e33)}.wood{color:var(--wood, #99644c);fill:var(--wood, #99644c)}.text-extra-small{font-size:var(--font-size-12, 0.75rem) !important}.text-small{font-size:var(--font-size-14, 0.875rem) !important}.text-medium{font-size:var(--font-size-16, 1rem) !important}.text-large{font-size:var(--font-size-18, 1.125rem) !important}.text-extra-large{font-size:var(--font-size-36, 2.25rem) !important}.text-extra-extra-large{font-size:var(--font-size-54, 3.375rem) !important}:host{position:absolute;top:0;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .top-container,:host .bottom-container{-ms-flex:1;flex:1}:host .top-container .user-container,:host .bottom-container .user-container{padding:var(--spacing-48, 3rem) var(--spacing-32, 2rem)}:host .top-container .user-container .profile-container,:host .top-container .user-container .stats-container,:host .bottom-container .user-container .profile-container,:host .bottom-container .user-container .stats-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:var(--spacing-16, 1rem) 0}:host .top-container .user-container .profile-container,:host .bottom-container .user-container .profile-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host .top-container .user-container .profile-container .user-name,:host .bottom-container .user-container .profile-container .user-name{padding:0 var(--spacing-16, 1rem);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem)}:host .top-container .user-container .profile-container .user-name.small-phone,:host .bottom-container .user-container .profile-container .user-name.small-phone{font-size:var(--font-size-16, 1rem)}:host .top-container .user-container .stats-container,:host .bottom-container .user-container .stats-container{text-align:center}:host .top-container .user-container .stats-container .inner-container .stat,:host .bottom-container .user-container .stats-container .inner-container .stat{font-weight:var(--font-weight-700, 700);font-size:var(--font-size-28, 1.75rem)}:host .top-container .user-container .stats-container .inner-container .stat.small-phone,:host .bottom-container .user-container .stats-container .inner-container .stat.small-phone{font-size:var(--font-size-18, 1.125rem)}:host .top-container .user-container .stats-container .inner-container .title,:host .bottom-container .user-container .stats-container .inner-container .title{font-size:var(--font-size-18, 1.125rem)}:host .top-container .user-container .stats-container .inner-container .title.small-phone,:host .bottom-container .user-container .stats-container .inner-container .title.small-phone{font-size:var(--font-size-16, 1rem)}:host .top-container{position:absolute;width:100%;height:100%;background-color:var(--app-color, #5a30f4);-webkit-box-shadow:0 -16px 17px 0 rgba(0, 0, 0, 0.05);box-shadow:0 -16px 17px 0 rgba(0, 0, 0, 0.05);-webkit-clip-path:polygon(0 0, 100% 0, 100% 30%, 0 70%);clip-path:polygon(0 0, 100% 0, 100% 30%, 0 70%)}:host .top-container .user-container .profile-container,:host .top-container .user-container .stats-container{color:var(--light, #ffffff)}:host .top-container .user-container .profile-container{border-bottom:solid 0.4px var(--light-40, rgba(255, 255, 255, 0.4))}:host .top-container .user-container .stats-container .inner-container .title{color:var(--light-60, rgba(255, 255, 255, 0.6))}:host .top-container .user-container .stats-container .inner-container.battles{padding-right:var(--spacing-48, 3rem)}:host .top-container .countdown{position:absolute;top:var(--spacing-32, 2rem);right:0;width:var(--spacing-64, 4rem);padding-right:var(--spacing-32, 2rem)}:host .top-container .countdown yoo-progress-bar{--progress-value-font-size:var(--font-size-18, 1.125rem);--progress-bar-color:var(--light, #ffffff);--trail-bar-color:var(--light-20, rgba(255, 255, 255, 0.2))}:host .top-container .countdown div{position:absolute;top:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:inherit;height:100%}:host .middle-container{position:absolute;top:calc(50% - 2.8125rem);left:calc(50% - 2.8125rem);z-index:1;width:5.625rem;height:5.625rem;color:var(--text-color, #807f83);font-size:var(--font-size-28, 1.75rem);line-height:5.625rem;text-align:center;background-color:var(--light, #ffffff);border-radius:50%;-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 .middle-container.small-phone{top:calc(50% - 2.1875rem);left:calc(50% - 2.1875rem);width:4.375rem;height:4.375rem;font-size:var(--font-size-18, 1.125rem);line-height:4.375rem}:host .bottom-container{background-color:var(--dark, #000000);-webkit-clip-path:polygon(0 70%, 100% 30%, 100% 100%, 0 100%);clip-path:polygon(0 70%, 100% 30%, 100% 100%, 0 100%)}:host .bottom-container .user-container{position:absolute;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}:host .bottom-container .user-container .profile-container,:host .bottom-container .user-container .stats-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse;color:var(--light, #ffffff)}:host .bottom-container .user-container .profile-container{border-top:solid 0.025rem var(--light-40, rgba(255, 255, 255, 0.4))}:host .bottom-container .user-container .profile-container .user-name{text-align:end}:host .bottom-container .user-container .stats-container .inner-container .title{color:var(--light-60, rgba(255, 255, 255, 0.6))}:host .bottom-container .user-container .stats-container .inner-container.battles{padding-left:var(--spacing-48, 3rem)}";
+const battleCountDownCss = "svg:not(:root){overflow:hidden}.accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}.app-color{color:var(--app-color, #5a30f4);fill:var(--app-color, #5a30f4)}.danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}.dark{color:var(--dark, #000000);fill:var(--dark, #000000)}.energized{color:var(--energized, #ffc043);fill:var(--energized, #ffc043)}.info{color:var(--info, #d84c96);fill:var(--info, #d84c96)}.light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}.stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}.stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}.stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}.stable-ultralight{color:var(--stable-ultralight, #fafafa);fill:var(--stable-ultralight, #fafafa)}.success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}.text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}.warning{color:var(--warning, #ed6e33);fill:var(--warning, #ed6e33)}.wood{color:var(--wood, #99644c);fill:var(--wood, #99644c)}.text-extra-small{font-size:var(--font-size-12, 0.75rem) !important}.text-small{font-size:var(--font-size-14, 0.875rem) !important}.text-medium{font-size:var(--font-size-16, 1rem) !important}.text-large{font-size:var(--font-size-18, 1.125rem) !important}.text-extra-large{font-size:var(--font-size-36, 2.25rem) !important}.text-extra-extra-large{font-size:var(--font-size-54, 3.375rem) !important}:host{position:absolute;top:0;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .top-container,:host .bottom-container{-ms-flex:1;flex:1}:host .top-container .user-container,:host .bottom-container .user-container{padding:var(--spacing-48, 3rem) var(--spacing-32, 2rem)}:host .top-container .user-container .profile-container,:host .top-container .user-container .stats-container,:host .bottom-container .user-container .profile-container,:host .bottom-container .user-container .stats-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:var(--spacing-16, 1rem) 0}:host .top-container .user-container .profile-container,:host .bottom-container .user-container .profile-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host .top-container .user-container .profile-container .user-name,:host .bottom-container .user-container .profile-container .user-name{padding:0 var(--spacing-16, 1rem);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem)}:host .top-container .user-container .profile-container .user-name.small-phone,:host .bottom-container .user-container .profile-container .user-name.small-phone{font-size:var(--font-size-16, 1rem)}:host .top-container .user-container .stats-container,:host .bottom-container .user-container .stats-container{text-align:center}:host .top-container .user-container .stats-container .inner-container .stat,:host .bottom-container .user-container .stats-container .inner-container .stat{font-weight:var(--font-weight-700, 700);font-size:var(--font-size-28, 1.75rem)}:host .top-container .user-container .stats-container .inner-container .stat.small-phone,:host .bottom-container .user-container .stats-container .inner-container .stat.small-phone{font-size:var(--font-size-18, 1.125rem)}:host .top-container .user-container .stats-container .inner-container .title,:host .bottom-container .user-container .stats-container .inner-container .title{font-size:var(--font-size-18, 1.125rem)}:host .top-container .user-container .stats-container .inner-container .title.small-phone,:host .bottom-container .user-container .stats-container .inner-container .title.small-phone{font-size:var(--font-size-16, 1rem)}:host .top-container{position:absolute;width:100%;height:100%;background-color:var(--app-color, #5a30f4);-webkit-box-shadow:0 -16px 17px 0 rgba(0, 0, 0, 0.05);box-shadow:0 -16px 17px 0 rgba(0, 0, 0, 0.05);-webkit-clip-path:polygon(0 0, 100% 0, 100% 30%, 0 70%);clip-path:polygon(0 0, 100% 0, 100% 30%, 0 70%)}:host .top-container .user-container .profile-container,:host .top-container .user-container .stats-container{color:var(--light, #ffffff)}:host .top-container .user-container .profile-container{border-bottom:solid 0.4px var(--light-40, rgba(255, 255, 255, 0.4))}:host .top-container .user-container .stats-container .inner-container .title{color:var(--light-60, rgba(255, 255, 255, 0.6))}:host .top-container .user-container .stats-container .inner-container.battles{padding-right:var(--spacing-48, 3rem)}:host .top-container .countdown{position:absolute;top:var(--spacing-32, 2rem);right:0;width:var(--spacing-64, 4rem);padding-right:var(--spacing-32, 2rem)}:host .top-container .countdown yoo-progress-bar{--progress-value-font-size:var(--font-size-18, 1.125rem);--progress-bar-color:var(--light, #ffffff);--trail-bar-color:var(--light-20, rgba(255, 255, 255, 0.2))}:host .top-container .countdown div{position:absolute;top:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:inherit;height:100%}:host .middle-container{position:absolute;top:calc(50% - 2.8125rem);left:calc(50% - 2.8125rem);z-index:1;width:5.625rem;height:5.625rem;color:var(--text-color, #807f83);font-size:var(--font-size-28, 1.75rem);line-height:5.625rem;text-align:center;background-color:var(--light, #ffffff);border-radius:50%;-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 .middle-container.small-phone{top:calc(50% - 2.1875rem);left:calc(50% - 2.1875rem);width:4.375rem;height:4.375rem;font-size:var(--font-size-18, 1.125rem);line-height:4.375rem}:host .bottom-container{background-color:var(--dark, #000000);-webkit-clip-path:polygon(0 70%, 100% 30%, 100% 100%, 0 100%);clip-path:polygon(0 70%, 100% 30%, 100% 100%, 0 100%)}:host .bottom-container .user-container{position:absolute;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}:host .bottom-container .user-container .profile-container,:host .bottom-container .user-container .stats-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse;color:var(--light, #ffffff)}:host .bottom-container .user-container .profile-container{border-top:solid 0.025rem var(--light-40, rgba(255, 255, 255, 0.4))}:host .bottom-container .user-container .profile-container .user-name{text-align:end}:host .bottom-container .user-container .stats-container .inner-container .title{color:var(--light-60, rgba(255, 255, 255, 0.6))}:host .bottom-container .user-container .stats-container .inner-container.battles{padding-left:var(--spacing-48, 3rem)}:host(.rtl){direction:ltr}";
 
 const YooBattleCountDownComponent = class {
   constructor(hostRef) {

package/dist/cjs/yoo-battle-result.cjs.entry.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-3f2bca41.js');
-const overlays = require('./overlays-c545c947.js');
+require('./index-ca271bba.js');
+const overlays = require('./overlays-3067754c.js');
 require('./lodash-a9050d79.js');
-require('./index-f9aace31.js');
+require('./index-4f7e1f11.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
-const battleResultCss = "svg:not(:root){overflow:hidden}:host .top-container{display:-ms-flexbox;display:flex;padding:0 1rem;background-repeat:repeat-x}:host .top-container.lost .image-container{-ms-flex-align:end;align-items:flex-end}:host .top-container.lost .image-container .image-shadow{margin-top:0.78125rem}:host .top-container.waiting .image-container .image-shadow{margin-top:-0.78125rem}:host .top-container .result-container{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:end;justify-content:flex-end;padding-top:11.5rem}:host .top-container .result-container .result-title{font-size:var(--font-size-36, 2.25rem)}:host .top-container .result-container .result-message{overflow:hidden;color:var(--stable, #adadad);font-size:var(--font-size-18, 1.125rem);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}:host .top-container .image-container{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding-right:0.7rem}:host .top-container .image-container yoo-img,:host .top-container .image-container yoo-empty-state{width:75%;height:75%}:host .top-container .image-container .image-shadow{width:63.5%;height:1.125rem;border-radius:50%;-webkit-box-shadow:0 -25px 7px 0 rgba(0, 0, 0, 0.13);box-shadow:0 -25px 7px 0 rgba(0, 0, 0, 0.13)}:host .bottom-container{padding:0 1rem 1rem 1rem}:host .bottom-container .users-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-top:1.25rem}:host .bottom-container .users-container .user-name,:host .bottom-container .users-container .opponent-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-ms-flex:1;flex:1;padding-right:var(--spacing-08, 0.5rem);font-size:var(--font-size-16, 1rem)}:host .bottom-container .users-container .user-name{padding-left:var(--spacing-08, 0.5rem)}:host .bottom-container .users-container .opponent-name{text-align:right}:host .bottom-container .inner-container{padding-top:1.25rem}:host .bottom-container .inner-container .title-container{padding-bottom:0.5rem;color:var(--text-color, #807f83);font-size:var(--font-size-16, 1rem)}:host .bottom-container .inner-container .score-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .bottom-container .inner-container .score-container .score{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;width:100%;height:1.5625rem;padding:0 0.5rem;line-height:1.5rem;border-radius:1rem}:host .bottom-container .inner-container .score-container .score yoo-icon,:host .bottom-container .inner-container .score-container .score div{color:var(--light, #ffffff);font-size:var(--font-size-14, 0.875rem)}:host .bottom-container .inner-container .score-container .score yoo-icon{margin-right:5px}:host .bottom-container .inner-container .score-container .score.user{margin-right:0.625rem;text-align:flex-start;background-color:var(--app-color, #5a30f4)}:host .bottom-container .inner-container .score-container .score.opponent{text-align:end;background-color:var(--dark, #000000)}:host .bottom-container .inner-container .score-container .score.waiting{padding:0 0.78rem;background-color:var(--stable-light, #f1f1f1)}";
+const battleResultCss = "svg:not(:root){overflow:hidden}:host .top-container{display:-ms-flexbox;display:flex;padding:0 1rem;background-repeat:repeat-x}:host .top-container.lost .image-container{-ms-flex-align:end;align-items:flex-end}:host .top-container.lost .image-container .image-shadow{margin-top:0.78125rem}:host .top-container.waiting .image-container .image-shadow{margin-top:-0.78125rem}:host .top-container .result-container{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:end;justify-content:flex-end;padding-top:11.5rem}:host .top-container .result-container .result-title{font-size:var(--font-size-36, 2.25rem)}:host .top-container .result-container .result-message{overflow:hidden;color:var(--stable, #adadad);font-size:var(--font-size-18, 1.125rem);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}:host .top-container .image-container{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding-right:0.7rem}:host .top-container .image-container yoo-img,:host .top-container .image-container yoo-empty-state{width:75%;height:75%}:host .top-container .image-container .image-shadow{width:63.5%;height:1.125rem;border-radius:50%;-webkit-box-shadow:0 -25px 7px 0 rgba(0, 0, 0, 0.13);box-shadow:0 -25px 7px 0 rgba(0, 0, 0, 0.13)}:host .bottom-container{padding:0 1rem 1rem 1rem}:host .bottom-container .users-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-top:1.25rem}:host .bottom-container .users-container .user-name,:host .bottom-container .users-container .opponent-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-ms-flex:1;flex:1;padding-right:var(--spacing-08, 0.5rem);font-size:var(--font-size-16, 1rem)}:host .bottom-container .users-container .user-name{padding-left:var(--spacing-08, 0.5rem)}:host .bottom-container .users-container .opponent-name{text-align:right}:host .bottom-container .inner-container{padding-top:1.25rem}:host .bottom-container .inner-container .title-container{padding-bottom:0.5rem;color:var(--text-color, #807f83);font-size:var(--font-size-16, 1rem)}:host .bottom-container .inner-container .score-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .bottom-container .inner-container .score-container .score{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;width:100%;height:1.5625rem;padding:0 0.5rem;line-height:1.5rem;border-radius:1rem}:host .bottom-container .inner-container .score-container .score yoo-icon,:host .bottom-container .inner-container .score-container .score div{color:var(--light, #ffffff);font-size:var(--font-size-14, 0.875rem)}:host .bottom-container .inner-container .score-container .score yoo-icon{margin-right:5px}:host .bottom-container .inner-container .score-container .score.user{margin-right:var(--spacing-12, 0.75rem);text-align:flex-start;background-color:var(--app-color, #5a30f4)}:host .bottom-container .inner-container .score-container .score.opponent{text-align:end;background-color:var(--dark, #000000)}:host .bottom-container .inner-container .score-container .score.waiting{padding:0 0.78rem;background-color:var(--stable-light, #f1f1f1)}:host(.rtl) .bottom-container .users-container .opponent-name{padding-right:0;padding-left:var(--spacing-08, 0.5rem);text-align:left}:host(.rtl) .bottom-container .inner-container .score-container .score.user{margin-right:0;margin-left:var(--spacing-12, 0.75rem)}";
 
 const YooBattleResultComponent = class {
   constructor(hostRef) {
@@ -147,7 +147,7 @@ const YooBattleResultComponent = class {
   render() {
     var _a;
     const style = { 'background-image': `url(${this.isWon ? this.yellowBackground : this.greyBackground})` };
-    return (index.h(index.Host, null, index.h("div", { class: { 'top-container': true, [this.entry.battleStatus]: true }, style: style }, index.h("div", { class: "result-container" }, index.h("div", { class: "result-title" }, overlays.translate(this.resultState.title)), index.h("div", { class: "result-message" }, overlays.translate(this.resultState.message))), index.h("div", { class: "image-container" }, this.resultState.emptyState ? (index.h("yoo-empty-state", { ref: (el) => (this.emptyStateElement = el), type: this.resultState.image })) : (index.h("yoo-img", { ref: (el) => (this.imageElement = el), src: this.resultState.image })), index.h("div", { class: "image-shadow" }))), index.h("div", { class: "bottom-container" }, this.renderUsers(), this.scoreContent && this.renderInnerContainer(this.scoreContent), this.timeContent && this.renderInnerContainer(this.timeContent), this.starContent && this.renderInnerContainer(this.starContent), ((_a = this.entry) === null || _a === void 0 ? void 0 : _a.plan) && this.renderCourse()), index.h("div", { class: "scroll-spacer" })));
+    return (index.h(index.Host, { class: { rtl: overlays.isRTL() } }, index.h("div", { class: { 'top-container': true, [this.entry.battleStatus]: true }, style: style }, index.h("div", { class: "result-container" }, index.h("div", { class: "result-title" }, overlays.translate(this.resultState.title)), index.h("div", { class: "result-message" }, overlays.translate(this.resultState.message))), index.h("div", { class: "image-container" }, this.resultState.emptyState ? (index.h("yoo-empty-state", { ref: (el) => (this.emptyStateElement = el), type: this.resultState.image })) : (index.h("yoo-img", { ref: (el) => (this.imageElement = el), src: this.resultState.image })), index.h("div", { class: "image-shadow" }))), index.h("div", { class: "bottom-container" }, this.renderUsers(), this.scoreContent && this.renderInnerContainer(this.scoreContent), this.timeContent && this.renderInnerContainer(this.timeContent), this.starContent && this.renderInnerContainer(this.starContent), ((_a = this.entry) === null || _a === void 0 ? void 0 : _a.plan) && this.renderCourse()), index.h("div", { class: "scroll-spacer" })));
   }
   static get assetsDirs() { return ["assets/battle-result"]; }
   get host() { return index.getElement(this); }

package/dist/cjs/yoo-battle-user-stats.cjs.entry.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-3f2bca41.js');
-const commonHelpers = require('./common-helpers-edf7fda5.js');
-const overlays = require('./overlays-c545c947.js');
+require('./index-ca271bba.js');
+const commonHelpers = require('./common-helpers-e0f8defd.js');
+const overlays = require('./overlays-3067754c.js');
 require('./lodash-a9050d79.js');
-require('./index-f9aace31.js');
+require('./index-4f7e1f11.js');
 require('./_commonjsHelpers-94df2ea7.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) {
@@ -63,7 +63,7 @@ const YooBattleUserStatsComponent = class {
     return (index.h("div", { class: "outer-container" }, index.h("div", { class: "avatar-container" }, index.h("yoo-img", { class: "avatar-blob", src: this.avatarBlogSvg, svgOptions: { beforeInject: (_, svg) => commonHelpers.setColorSVG(svg, 'app-color') } }), index.h("yoo-avatar", { size: "extra-extra-large", user: this.user })), index.h("div", { class: "user-details" }, index.h("div", { class: "user-name" }, index.h("span", null, this.user.firstName || '', " ", this.user.lastName || '')), index.h("div", { class: "battle-count" }, index.h("span", null, this.victories + this.defeats, " ", overlays.translate('BATTLES'))), index.h("div", { class: "point-count" }, this.renderPointsTag('energized', 'energized-10'))), this.renderStatsContainers(), index.h("div", { class: "blob-container" }, index.h("yoo-img", { class: "blob-image", src: this.blobSvg, svgOptions: { beforeInject: (_, svg) => commonHelpers.setColorSVG(svg, 'app-color') } }), index.h("div", { class: "description-container" }, index.h("div", { class: "text-container" }, index.h("p", null, overlays.translate('BATTLEDESCRIPTION1')), index.h("p", null, overlays.translate('BATTLEDESCRIPTION2'))), index.h("yoo-icon", { size: "extra-extra-large", name: "battle", color: "light" })))));
   }
   render() {
-    return index.h(index.Host, { class: { web: overlays.isWeb(this.host) } }, overlays.isWeb(this.host) ? this.renderWeb() : this.renderMobile());
+    return index.h(index.Host, { class: commonHelpers.getAppContext(this.host) }, overlays.isWeb(this.host) ? this.renderWeb() : this.renderMobile());
   }
   static get assetsDirs() { return ["assets/battle-user-stats"]; }
   get host() { return index.getElement(this); }

package/dist/cjs/yoo-breadcrumbs.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-3f2bca41.js');
+require('./index-ca271bba.js');
 const lodash = require('./lodash-a9050d79.js');
-const overlays = require('./overlays-c545c947.js');
-require('./index-f9aace31.js');
+const overlays = require('./overlays-3067754c.js');
+require('./index-4f7e1f11.js');
 require('./_commonjsHelpers-94df2ea7.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/cjs/yoo-button.cjs.entry.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-3f2bca41.js');
-const commonHelpers = require('./common-helpers-edf7fda5.js');
-const overlays = require('./overlays-c545c947.js');
+require('./index-ca271bba.js');
+const commonHelpers = require('./common-helpers-e0f8defd.js');
+const overlays = require('./overlays-3067754c.js');
 require('./lodash-a9050d79.js');
-require('./index-f9aace31.js');
+require('./index-4f7e1f11.js');
 require('./_commonjsHelpers-94df2ea7.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/cjs/yoo-calendar.cjs.entry.js

@@ -3,13 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-const index$1 = require('./index-3f2bca41.js');
+const index$1 = require('./index-ca271bba.js');
 const lodash = require('./lodash-a9050d79.js');
-const overlays = require('./overlays-c545c947.js');
-require('./index-f9aace31.js');
+const commonHelpers = require('./common-helpers-e0f8defd.js');
+const overlays = require('./overlays-3067754c.js');
+require('./index-4f7e1f11.js');
 require('./_commonjsHelpers-94df2ea7.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 {
@@ -629,7 +630,7 @@ const YooCalendarComponent = class {
     return (index.h("div", { class: "mobile-calendar-header" }, index.h("div", { class: { 'active-month-container': true, 'flex': this.showDone && this.isDatePicker } }, this.renderMobileCalendarControls()), !this.isDatePicker && this.renderCalendarModeToggle(), this.isDatePicker && this.showDone && index.h("yoo-button", { class: "done", fill: "transparent", color: "app-color", size: "medium", onClick: () => this.doneClicked.emit() }, overlays.translate('DONE'))));
   }
   render() {
-    return (index.h(index.Host, { class: { web: overlays.isWeb(this.host) } }, this.useModernDatePickerWeek && this.renderModernWeek(), !this.useModernDatePickerWeek && (overlays.isIonic(this.host) || this.isDatePicker ? this.renderMobileCalendar() : this.renderWebCalendar())));
+    return (index.h(index.Host, { class: commonHelpers.getAppContext(this.host) }, this.useModernDatePickerWeek && this.renderModernWeek(), !this.useModernDatePickerWeek && (overlays.isIonic(this.host) || this.isDatePicker ? this.renderMobileCalendar() : this.renderWebCalendar())));
   }
   get host() { return index.getElement(this); }
 };