@yoobic/yobi 8.5.0-45 → 8.5.0-47

package/dist/cjs/yoo-memo-list.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 memoListCss = "svg:not(:root){overflow:hidden}:host .outer-container{padding:0 1rem}:host .outer-container .title-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding-top:1rem}:host .outer-container .title-container .title{color:var(--dark, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem)}:host .outer-container .title-container .flex{-ms-flex:1;flex:1}:host .outer-container .title-container yoo-badge{margin-left:0.5rem}:host .outer-container .title-container yoo-icon{padding-left:var(--spacing-08, 0.5rem);cursor:pointer}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item{position:relative;z-index:2;background:var(--light, #ffffff);-webkit-transition:0.2s;transition:0.2s}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container{display:-ms-flexbox;display:flex;margin-bottom:0.0625rem}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent{background-color:var(--accent, #276ef1) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-hover:hover{color:var(--light, #ffffff);background-color:var(--accent, #276ef1)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color{background-color:var(--app-color, #5a30f4) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-hover:hover{color:var(--light, #ffffff);background-color:var(--app-color, #5a30f4)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .app-color{color:var(--app-color, #5a30f4);fill:var(--app-color, #5a30f4)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger{background-color:var(--danger, #d44333) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-hover:hover{color:var(--light, #ffffff);background-color:var(--danger, #d44333)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark{background-color:var(--dark, #000000) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-hover:hover{color:var(--light, #ffffff);background-color:var(--dark, #000000)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .dark{color:var(--dark, #000000);fill:var(--dark, #000000)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized{background-color:var(--energized, #ffc043) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-hover:hover{color:var(--light, #ffffff);background-color:var(--energized, #ffc043)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .energized{color:var(--energized, #ffc043);fill:var(--energized, #ffc043)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info{background-color:var(--info, #d84c96) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-hover:hover{color:var(--light, #ffffff);background-color:var(--info, #d84c96)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .info{color:var(--info, #d84c96);fill:var(--info, #d84c96)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light{background-color:var(--light, #ffffff) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-hover:hover{color:var(--light, #ffffff);background-color:var(--light, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable{background-color:var(--stable, #adadad) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-hover:hover{color:var(--light, #ffffff);background-color:var(--stable, #adadad)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt{background-color:var(--stable-alt, #d0d0d0) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-alt, #d0d0d0)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light{background-color:var(--stable-light, #f1f1f1) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-light, #f1f1f1)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight{background-color:var(--stable-ultralight, #fafafa) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-ultralight, #fafafa)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-ultralight{color:var(--stable-ultralight, #fafafa);fill:var(--stable-ultralight, #fafafa)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success{background-color:var(--success, #3aa76d) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-hover:hover{color:var(--light, #ffffff);background-color:var(--success, #3aa76d)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color{background-color:var(--text-color, #807f83) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-hover:hover{color:var(--light, #ffffff);background-color:var(--text-color, #807f83)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning{background-color:var(--warning, #ed6e33) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-hover:hover{color:var(--light, #ffffff);background-color:var(--warning, #ed6e33)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .warning{color:var(--warning, #ed6e33);fill:var(--warning, #ed6e33)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood{background-color:var(--wood, #99644c) !important}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-hover:hover{color:var(--light, #ffffff);background-color:var(--wood, #99644c)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .wood{color:var(--wood, #99644c);fill:var(--wood, #99644c)}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container.web{display:none;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;width:100%}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container.web .icon-container{position:relative;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--spacing-32, 2rem);height:var(--spacing-32, 2rem);margin-right:var(--spacing-04, 0.25rem);border-radius:50%;-webkit-box-shadow:var(--web-shadow, 0 0.3125rem 0.8125rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--web-shadow, 0 0.3125rem 0.8125rem 0 rgba(40, 47, 54, 0.08))}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container .hover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--success, #3aa76d);opacity:0.5}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options button{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0rem 0.5rem;background-color:var(--stable, #adadad);border:none;visibility:hidden}:host .outer-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options button .text-action{color:var(--light, #ffffff);font-size:var(--font-size-14, 0.875rem);font-family:var(--font-family, \"Lato\")}:host .outer-container yoo-ion-list yoo-ion-item-sliding.item-sliding-active-slide yoo-ion-item-options button{visibility:visible}:host .outer-container .border{border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-40, rgba(173, 173, 173, 0.4))}:host .outer-container .checkbox-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%;padding-right:0.5rem}:host .outer-container .inner-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;padding-top:0.75rem;padding-bottom:0.75rem}:host .outer-container .inner-container .photo{width:40px;height:40px;margin-top:0.2rem;margin-bottom:0.5rem;margin-left:1.9rem;border-radius:0.25rem}:host .outer-container .inner-container .description-container{margin-bottom:0.3rem;padding-left:2rem}:host .outer-container .inner-container .description-container yoo-truncate{font-size:var(--font-size-14, 0.875rem)}:host .outer-container .inner-container .owner-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin-top:var(--spacing-08, 0.5rem);margin-left:var(--spacing-32, 2rem);padding-top:var(--spacing-08, 0.5rem);color:var(--text-color, #807f83);border-top:0.0625rem solid var(--stable-40, rgba(173, 173, 173, 0.4))}:host .outer-container .inner-container .owner-container yoo-avatar{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .inner-container .item-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%}:host .outer-container .inner-container .item-container .center-container{-ms-flex-positive:1;flex-grow:1;color:var(--dark, #000000);font-size:var(--font-size-16, 1rem)}:host .outer-container .inner-container .item-container .center-container .menu-item-title.closed{color:var(--app-color, #5a30f4);text-decoration:line-through}:host .outer-container .inner-container .item-container .center-container .menu-item-title.open{line-height:1.2rem}:host .outer-container .inner-container .item-container .center-container .menu-item-title.readonly{opacity:0.7}:host .outer-container .inner-container .item-container .center-container .menu-item-title.selected{color:var(--app-color, #5a30f4);text-decoration:line-through;-webkit-transition:0.3s;transition:0.3s}:host .outer-container .inner-container .item-container .center-container .menu-item-title.unselected{color:var(--dark, #000000);text-decoration:none;-webkit-transition:0.3s;transition:0.3s}:host .outer-container .inner-container .item-container .right-container{display:-ms-flexbox;display:flex;padding:0 0.5rem;font-size:var(--font-size-14, 0.875rem)}:host .outer-container .inner-container .item-container .right-container .date-box{margin-top:0.25rem}:host .outer-container .inner-container .item-container .right-container .date-box .menu-item-date{-ms-flex-item-align:center;align-self:center;margin-left:var(--spacing-08, 0.5rem);color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .inner-container .item-container .right-container .date-box .menu-item-date.danger{color:var(--danger, #d44333)}:host .outer-container .inner-container .item-container .right-container .avatar-box{padding-right:0.4rem}:host .outer-container .inner-container .item-container .right-container .avatar-box .avatar-container ul{display:-ms-flexbox;display:flex;margin:auto;padding:0;list-style:none}:host .outer-container .inner-container .item-container .right-container .avatar-box .avatar-container ul li{display:inline-table;margin-right:-0.5rem}:host([type=closed]) .outer-container{padding-bottom:2rem}";

package/dist/cjs/yoo-mention-tag.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 mentionTagCss = "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)}yoo-mention-tag.success{color:var(--success, #3aa76d)}yoo-mention-tag.app-color{color:var(--app-color, #5a30f4)}yoo-mention-tag.url{text-decoration:underline}yoo-mention-tag.url.light{color:var(--light, #ffffff)}";

package/dist/cjs/yoo-mission-details.cjs.entry.js

@@ -3,15 +3,15 @@
 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 missionsHelpers = require('./missions-helpers-e5867ec5.js');
-const commonHelpers = require('./common-helpers-edf7fda5.js');
-const overlays = require('./overlays-c545c947.js');
-require('./index-f9aace31.js');
+const missionsHelpers = require('./missions-helpers-963ce2e6.js');
+const commonHelpers = require('./common-helpers-e0f8defd.js');
+const overlays = require('./overlays-3067754c.js');
+require('./index-4f7e1f11.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
-const missionDetailsCss = "svg:not(:root){overflow:hidden}:host .menu{margin:0;padding:0;font-size:100%;vertical-align:baseline;list-style:none outside none;background:none repeat scroll 0 0 transparent;border:0 none;outline:0 none;-webkit-tap-highlight-color:transparent;margin-top:var(--spacing-16, 1rem);padding:0;list-style:none}:host .menu .menu-item{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .menu .menu-item:not(:last-child) .menu-content{margin-bottom:var(--spacing-24, 1.5rem)}:host .menu .menu-item .menu-left{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}:host .menu .menu-item .menu-left.with-dot{width:2rem;margin-left:0.0313rem}:host .menu .menu-item .menu-left .menu-icon{z-index:2;width:1.875rem;height:1.875rem;text-align:center}:host .menu .menu-item .menu-left .menu-icon.menu-dot{width:1rem;height:1rem}:host .menu .menu-item .menu-left .menu-icon yoo-icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:1.875rem;height:1.875rem;padding:0;color:var(--light, #ffffff);font-size:var(--font-size-18, 1.125rem);line-height:1.875rem;background-color:var(--app-color, #5a30f4);border-radius:50%}:host .menu .menu-item .menu-left .menu-icon yoo-icon.dark{background-color:var(--dark, #000000)}:host .menu .menu-item .menu-left .menu-icon yoo-icon.info{background-color:var(--info, #d84c96)}:host .menu .menu-item .menu-left .menu-icon yoo-icon.danger{background-color:var(--danger, #d44333)}:host .menu .menu-item .menu-left .border{width:0.0625rem;height:100%;background-color:var(--stable-alt, #d0d0d0)}:host .menu .menu-item .menu-left .border.border-pre{height:2.5rem}:host .menu .menu-item .menu-left .border.border-pre.last{height:1rem}:host .menu .menu-item .menu-left .border.dark{background-color:var(--dark, #000000)}:host .menu .menu-item .menu-left .border.danger{background-color:var(--danger, #d44333)}:host .menu .menu-item .menu-left .border.info{background-color:var(--info, #d84c96)}:host .menu .menu-item .menu-right{width:100%;margin-left:var(--spacing-08, 0.5rem);overflow:hidden}:host .menu .menu-item .menu-right .menu-title{font-weight:bold;line-height:1}:host .menu .menu-item .menu-right .menu-content{color:var(--text-color, #807f83)}:host .menu .menu-item .menu-right .menu-content.menu-chart{margin-bottom:0}:host .menu .menu-item .menu-right .menu-title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:2rem}:host .menu .menu-item .menu-right .menu-content span{margin-right:0.5rem}:host .menu .menu-item .menu-right .menu-content yoo-avatar{margin-right:0.3125rem}:host .menu .menu-item .menu-right .menu-content .font-medium{font-size:var(--font-size-14, 0.875rem)}:host .menu .menu-item .menu-right .menu-content .font-small{font-size:var(--font-size-12, 0.75rem)}:host .menu .menu-item .menu-right .menu-content .dark{color:var(--dark, #000000)}:host .menu .menu-item .menu-right .menu-content .success{color:var(--success, #3aa76d)}:host .menu .menu-item .menu-right .menu-content .danger{color:var(--danger, #d44333)}:host .menu .menu-item .menu-right .menu-content .text-color{color:var(--text-color, #807f83)}:host .menu .menu-item .menu-right .menu-content table{width:100%;table-layout:fixed}:host .menu .menu-item .menu-right .menu-content table td{overflow:hidden;text-overflow:ellipsis}:host .menu .menu-item.pointer{cursor:pointer}:host .menu .menu-item .menu-right .menu-content a{color:var(--app-color, #5a30f4)}:host .menu .menu-item .menu-right .menu-content.mission-content-kpis{display:-ms-flexbox;display:flex;grid-gap:var(--spacing-04, 0.25rem)}:host .menu .menu-item .menu-right .menu-content.mission-content-kpis .kpi{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-right:0;overflow:hidden;white-space:nowrap}:host .menu .menu-item .menu-right .menu-content.mission-content-kpis .kpi yoo-icon{margin-right:var(--spacing-04, 0.25rem)}:host .menu .menu-item .menu-right .menu-content.mission-content-kpis .kpi .kpi-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:0}:host .menu .menu-item .menu-right .menu-content.mission-contact{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .menu .menu-item .menu-right .mission-user{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;white-space:nowrap}:host .menu .menu-item .menu-right .mission-user .user{display:-ms-flexbox;display:flex;grid-gap:var(--spacing-04, 0.25rem);-ms-flex-align:start;align-items:flex-start;overflow:hidden}:host .menu .menu-item .menu-right .mission-user .user .label{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0}:host .menu .menu-item .menu-right .mission-user .user .label span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .menu .menu-item .menu-right .mission-user .actions{display:-ms-flexbox;display:flex}:host .menu .menu-item .menu-right .mission-user .actions yoo-icon{padding-left:var(--spacing-16, 1rem)}:host .menu>.menu-item:last-child .menu-left .border{display:none}:host .menu.pdf{margin:0;padding:0}:host .menu.pdf .menu-item:not(:last-child) .menu-content{margin-bottom:var(--spacing-08, 0.5rem)}:host .menu.pdf .menu-item .menu-left{display:none}:host .menu.pdf .menu-item .menu-right{margin-left:0;padding-left:0}:host .menu.pdf .menu-item .menu-right .menu-content .menu-content-scoring{display:inline-block;margin-right:var(--spacing-16, 1rem);margin-bottom:0.3rem}:host .menu.pdf .menu-item .menu-right .menu-content .text{-ms-flex:initial;flex:initial}:host(.mission-detail-deprecated){height:100%;font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem)}:host(.mission-detail-deprecated) .score-item .mission-title{margin-top:1rem;margin-bottom:var(--spacing-16, 1rem);font-size:var(--font-size-28, 1.75rem);line-height:2.0625rem}:host(.mission-detail-deprecated) .score-item .menu-content .score-active-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin-bottom:2rem}:host(.mission-detail-deprecated) .score-item .menu-content .menu-content-scoring{padding-bottom:0.5rem}:host(.mission-detail-deprecated) .score-item .menu-content .menu-content-scoring .centered{padding:0.5rem;text-align:center}:host(.mission-detail-deprecated) .score-item .menu-content .menu-content-scoring .network{margin-top:1rem;color:var(--text-color, #807f83)}:host(.mission-detail-deprecated) .score-item .menu-content .menu-content-scoring.extra-score .score-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host(.mission-detail-deprecated) .score-item .menu-content .menu-content-scoring.extra-score .score-container.points-container{-ms-flex-align:center;align-items:center;padding:1em 0.5rem}:host(.mission-detail-deprecated) .score-item .menu-content .menu-content-scoring.extra-score .score-container.contrasted{background-color:var(--stable-light-40, rgba(241, 241, 241, 0.4))}:host(.mission-detail-deprecated) .score-item .menu-content .menu-content-scoring.points{padding:0 !important}:host(.mission-detail-deprecated) .score-item .menu-content .menu-content-scoring.mixed{padding-top:0.75rem}:host(.mission-detail-deprecated) .score-item .menu-content .menu-content-scoring.no-divider{padding-top:0}:host(.mission-detail-deprecated) .score-item .menu-content .menu-content-scoring.divider{padding-top:0;padding-bottom:0.75rem;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.mission-detail-deprecated) .mission-detail{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}:host(.mission-detail-deprecated) .mission-detail .bg-stable-ultralight{background:var(--stable-ultralight, #fafafa)}:host(.mission-detail-deprecated) .mission-detail .bg-light{background:var(--light, #ffffff)}:host(.mission-detail-deprecated) .mission-detail .scroll-spacer{height:calc(var(--safe-area-inset-bottom) + 5.75rem)}:host(.mission-detail-deprecated) .mission-detail .scroll-spacer.web{height:calc(var(--safe-area-inset-bottom) + 3.5625rem)}:host(.mission-detail-deprecated) .mission-detail yoo-mission-heading,:host(.mission-detail-deprecated) .mission-detail yoo-announcement-heading{display:block}:host(.mission-detail-deprecated) .mission-detail yoo-mission-heading{margin:0 var(--spacing-16, 1rem)}:host(.mission-detail-deprecated) .mission-detail yoo-mission-heading.web{margin:0 var(--spacing-24, 1.5rem)}:host(.mission-detail-deprecated) .mission-detail .mission-content{padding:var(--spacing-16, 1rem)}:host(.mission-detail-deprecated) .mission-detail .mission-content.web{margin:var(--spacing-24, 1.5rem);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1))}:host(.mission-detail-deprecated).web{background:var(--light, #ffffff);border-radius:8px;-webkit-box-shadow:var(--tile-shadow, 0 1px 4px 0 rgba(0, 0, 0, 0.1));box-shadow:var(--tile-shadow, 0 1px 4px 0 rgba(0, 0, 0, 0.1))}:host(.mission-detail-deprecated).border .mission-detail.web yoo-ion-content{border-radius:0.375rem}:host(.mission-detail-deprecated).border .mission-detail.web yoo-form-footer{--border-radius:0 0 0.375rem 0.375rem}:host(.mission-results-deprecated){display:block;width:100%;height:100%;font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem)}:host(.mission-results-deprecated) .mission-results .header-photo-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;margin:calc(var(--spacing-16, 1rem) * -1) calc(var(--spacing-16, 1rem) * -1) 0;padding:var(--spacing-16, 1rem) var(--spacing-16, 1rem) 0;color:var(--dark, #000000);background:var(--light, #ffffff)}:host(.mission-results-deprecated) .mission-results .header-photo-container .header-photo{display:block;width:8rem;height:8rem;margin:0 var(--spacing-16, 1rem) 0 0}:host(.mission-results-deprecated) .mission-results .header-photo-container .header-content{-ms-flex:1;flex:1;padding-top:var(--spacing-16, 1rem);font-size:var(--font-size-24, 1.5rem)}:host(.mission-results-deprecated) .mission-results .header-photo-container .header-content .title{font-weight:bold}:host(.mission-results-deprecated) .mission-results .header-photo-container .header-content .tag-container{display:-ms-flexbox;display:flex;margin-top:0.4rem}:host(.mission-results-deprecated) .mission-results .header-photo-container .header-content .tag-container yoo-tag{margin-right:var(--spacing-08, 0.5rem)}:host(.mission-results-deprecated) .mission-results .content .menu{margin-bottom:var(--spacing-08, 0.5rem);padding:var(--spacing-16, 1rem);background:var(--light, #ffffff);border-radius:var(--spacing-08, 0.5rem)}:host(.mission-results-deprecated) .mission-results .content .menu:not(.pdf){-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host(.mission-results-deprecated) .mission-results.web .content .menu{margin:var(--spacing-16, 1rem) 0 var(--spacing-08, 0.5rem) 0;padding:var(--spacing-16, 1rem);overflow:visible;background:var(--light, #ffffff)}:host(.mission-results-deprecated) .mission-results.web .content .menu.pdf{padding:0}:host(.mission-results-deprecated).inline{display:block;height:initial}";
+const missionDetailsCss = "svg:not(:root){overflow:hidden}:host .menu{margin:0;padding:0;font-size:100%;vertical-align:baseline;list-style:none outside none;background:none repeat scroll 0 0 transparent;border:0 none;outline:0 none;-webkit-tap-highlight-color:transparent;margin-top:var(--spacing-16, 1rem);padding:0;list-style:none}:host .menu .menu-item{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .menu .menu-item:not(:last-child) .menu-content{margin-bottom:var(--spacing-24, 1.5rem)}:host .menu .menu-item .menu-left{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}:host .menu .menu-item .menu-left.with-dot{width:2rem;margin-left:0.0313rem}:host .menu .menu-item .menu-left .menu-icon{z-index:2;width:1.875rem;height:1.875rem;text-align:center}:host .menu .menu-item .menu-left .menu-icon.menu-dot{width:1rem;height:1rem}:host .menu .menu-item .menu-left .menu-icon yoo-icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:1.875rem;height:1.875rem;padding:0;color:var(--light, #ffffff);font-size:var(--font-size-18, 1.125rem);line-height:1.875rem;background-color:var(--app-color, #5a30f4);border-radius:50%}:host .menu .menu-item .menu-left .menu-icon yoo-icon.dark{background-color:var(--dark, #000000)}:host .menu .menu-item .menu-left .menu-icon yoo-icon.info{background-color:var(--info, #d84c96)}:host .menu .menu-item .menu-left .menu-icon yoo-icon.danger{background-color:var(--danger, #d44333)}:host .menu .menu-item .menu-left .border{width:0.0625rem;height:100%;background-color:var(--stable-alt, #d0d0d0)}:host .menu .menu-item .menu-left .border.border-pre{height:2.5rem}:host .menu .menu-item .menu-left .border.border-pre.last{height:1rem}:host .menu .menu-item .menu-left .border.dark{background-color:var(--dark, #000000)}:host .menu .menu-item .menu-left .border.danger{background-color:var(--danger, #d44333)}:host .menu .menu-item .menu-left .border.info{background-color:var(--info, #d84c96)}:host .menu .menu-item .menu-right{width:100%;margin-left:var(--spacing-08, 0.5rem);overflow:hidden}:host .menu .menu-item .menu-right .menu-title{font-weight:bold;line-height:1}:host .menu .menu-item .menu-right .menu-content{color:var(--text-color, #807f83)}:host .menu .menu-item .menu-right .menu-content.menu-chart{margin-bottom:0}:host .menu .menu-item .menu-right .menu-title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:2rem}:host .menu .menu-item .menu-right .menu-content span{margin-right:0.5rem}:host .menu .menu-item .menu-right .menu-content yoo-avatar{margin-right:0.3125rem}:host .menu .menu-item .menu-right .menu-content .font-medium{font-size:var(--font-size-14, 0.875rem)}:host .menu .menu-item .menu-right .menu-content .font-small{font-size:var(--font-size-12, 0.75rem)}:host .menu .menu-item .menu-right .menu-content .dark{color:var(--dark, #000000)}:host .menu .menu-item .menu-right .menu-content .success{color:var(--success, #3aa76d)}:host .menu .menu-item .menu-right .menu-content .danger{color:var(--danger, #d44333)}:host .menu .menu-item .menu-right .menu-content .text-color{color:var(--text-color, #807f83)}:host .menu .menu-item .menu-right .menu-content table{width:100%;table-layout:fixed}:host .menu .menu-item .menu-right .menu-content table td{overflow:hidden;text-overflow:ellipsis}:host .menu .menu-item.pointer{cursor:pointer}:host .menu .menu-item .menu-right .menu-content a{color:var(--app-color, #5a30f4)}:host .menu .menu-item .menu-right .menu-content.mission-content-kpis{display:-ms-flexbox;display:flex;grid-gap:var(--spacing-04, 0.25rem)}:host .menu .menu-item .menu-right .menu-content.mission-content-kpis .kpi{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-right:0;overflow:hidden;white-space:nowrap}:host .menu .menu-item .menu-right .menu-content.mission-content-kpis .kpi yoo-icon{margin-right:var(--spacing-04, 0.25rem)}:host .menu .menu-item .menu-right .menu-content.mission-content-kpis .kpi .kpi-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:0}:host .menu .menu-item .menu-right .menu-content.mission-contact{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .menu .menu-item .menu-right .mission-user{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;white-space:nowrap}:host .menu .menu-item .menu-right .mission-user .user{display:-ms-flexbox;display:flex;grid-gap:var(--spacing-04, 0.25rem);-ms-flex-align:start;align-items:flex-start;overflow:hidden}:host .menu .menu-item .menu-right .mission-user .user .label{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0}:host .menu .menu-item .menu-right .mission-user .user .label span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .menu .menu-item .menu-right .mission-user .actions{display:-ms-flexbox;display:flex}:host .menu .menu-item .menu-right .mission-user .actions yoo-icon{padding-left:var(--spacing-16, 1rem)}:host .menu>.menu-item:last-child .menu-left .border{display:none}:host .menu.pdf{margin:0;padding:0}:host .menu.pdf .menu-item:not(:last-child) .menu-content{margin-bottom:var(--spacing-08, 0.5rem)}:host .menu.pdf .menu-item .menu-left{display:none}:host .menu.pdf .menu-item .menu-right{margin-left:0;padding-left:0}:host .menu.pdf .menu-item .menu-right .menu-content .menu-content-scoring{display:inline-block;margin-right:var(--spacing-16, 1rem);margin-bottom:0.3rem}:host .menu.pdf .menu-item .menu-right .menu-content .text{-ms-flex:initial;flex:initial}:host(.mission-detail-deprecated){height:100%;font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem)}:host(.mission-detail-deprecated) .score-item .mission-title{margin-top:1rem;margin-bottom:var(--spacing-16, 1rem);font-size:var(--font-size-28, 1.75rem);line-height:2.0625rem}:host(.mission-detail-deprecated) .score-item .menu-content .score-active-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin-bottom:2rem}:host(.mission-detail-deprecated) .score-item .menu-content .menu-content-scoring{padding-bottom:0.5rem}:host(.mission-detail-deprecated) .score-item .menu-content .menu-content-scoring .centered{padding:0.5rem;text-align:center}:host(.mission-detail-deprecated) .score-item .menu-content .menu-content-scoring .network{margin-top:1rem;color:var(--text-color, #807f83)}:host(.mission-detail-deprecated) .score-item .menu-content .menu-content-scoring.extra-score .score-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host(.mission-detail-deprecated) .score-item .menu-content .menu-content-scoring.extra-score .score-container.points-container{-ms-flex-align:center;align-items:center;padding:1em 0.5rem}:host(.mission-detail-deprecated) .score-item .menu-content .menu-content-scoring.extra-score .score-container.contrasted{background-color:var(--stable-light-40, rgba(241, 241, 241, 0.4))}:host(.mission-detail-deprecated) .score-item .menu-content .menu-content-scoring.points{padding:0 !important}:host(.mission-detail-deprecated) .score-item .menu-content .menu-content-scoring.mixed{padding-top:0.75rem}:host(.mission-detail-deprecated) .score-item .menu-content .menu-content-scoring.no-divider{padding-top:0}:host(.mission-detail-deprecated) .score-item .menu-content .menu-content-scoring.divider{padding-top:0;padding-bottom:0.75rem;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.mission-detail-deprecated) .mission-detail{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}:host(.mission-detail-deprecated) .mission-detail .bg-stable-ultralight{background:var(--stable-ultralight, #fafafa)}:host(.mission-detail-deprecated) .mission-detail .bg-light{background:var(--light, #ffffff)}:host(.mission-detail-deprecated) .mission-detail .scroll-spacer{height:calc(var(--safe-area-inset-bottom) + 5.75rem)}:host(.mission-detail-deprecated) .mission-detail .scroll-spacer.web{height:calc(var(--safe-area-inset-bottom) + 3.5625rem)}:host(.mission-detail-deprecated) .mission-detail yoo-mission-heading,:host(.mission-detail-deprecated) .mission-detail yoo-announcement-heading{display:block}:host(.mission-detail-deprecated) .mission-detail yoo-mission-heading{margin:0 var(--spacing-16, 1rem)}:host(.mission-detail-deprecated) .mission-detail yoo-mission-heading.web{margin:0 var(--spacing-24, 1.5rem)}:host(.mission-detail-deprecated) .mission-detail .mission-content{padding:var(--spacing-16, 1rem)}:host(.mission-detail-deprecated) .mission-detail .mission-content.web{margin:var(--spacing-24, 1.5rem);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1))}:host(.mission-detail-deprecated).web{background:var(--light, #ffffff);border-radius:8px;-webkit-box-shadow:var(--tile-shadow, 0 1px 4px 0 rgba(0, 0, 0, 0.1));box-shadow:var(--tile-shadow, 0 1px 4px 0 rgba(0, 0, 0, 0.1))}:host(.mission-detail-deprecated).border .mission-detail.web yoo-ion-content{border-radius:0.375rem}:host(.mission-detail-deprecated).border .mission-detail.web yoo-form-footer{--border-radius:0 0 0.375rem 0.375rem}:host(.mission-results-deprecated){display:block;width:100%;height:100%;font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem)}:host(.mission-results-deprecated) .mission-results .header-photo-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;margin:calc(var(--spacing-16, 1rem) * -1) calc(var(--spacing-16, 1rem) * -1) 0;padding:var(--spacing-16, 1rem) var(--spacing-16, 1rem) 0;color:var(--dark, #000000);background:var(--light, #ffffff)}:host(.mission-results-deprecated) .mission-results .header-photo-container .header-photo{display:block;width:8rem;height:8rem;margin:0 var(--spacing-16, 1rem) 0 0}:host(.mission-results-deprecated) .mission-results .header-photo-container .header-content{-ms-flex:1;flex:1;padding-top:var(--spacing-16, 1rem);font-size:var(--font-size-24, 1.5rem)}:host(.mission-results-deprecated) .mission-results .header-photo-container .header-content .title{font-weight:bold}:host(.mission-results-deprecated) .mission-results .header-photo-container .header-content .tag-container{display:-ms-flexbox;display:flex;margin-top:0.4rem}:host(.mission-results-deprecated) .mission-results .header-photo-container .header-content .tag-container yoo-tag{margin-right:var(--spacing-08, 0.5rem)}:host(.mission-results-deprecated) .mission-results .content .menu{margin-bottom:var(--spacing-08, 0.5rem);padding:var(--spacing-16, 1rem);background:var(--light, #ffffff);border-radius:var(--spacing-08, 0.5rem)}:host(.mission-results-deprecated) .mission-results .content .menu:not(.pdf){-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host(.mission-results-deprecated) .mission-results.web .content .menu{margin:var(--spacing-16, 1rem) 0 var(--spacing-08, 0.5rem) 0;padding:var(--spacing-16, 1rem);overflow:visible;background:var(--light, #ffffff)}:host(.mission-results-deprecated) .mission-results.web .content .menu.pdf{padding:0}:host(.mission-results-deprecated).inline{display:block;height:initial}:host(.rtl) .menu .menu-item .menu-right{margin-right:var(--spacing-08, 0.5rem);margin-left:0}";
 
 const Menu = ({ icon, text, extraClass, callback }, children, utils) => {
   return (index.h("li", { class: { 'menu-item': true, pointer: !!callback }, onClick: () => callback === null || callback === void 0 ? void 0 : callback() }, index.h("div", { class: "menu-left" }, index.h("yoo-tag", { icon: icon, size: "medium", color: "app-color-10" }), index.h("div", { class: "border" })), index.h("div", { class: "menu-right" }, index.h("div", { class: "menu-title" }, text), index.h("div", { class: { 'menu-content': true, [extraClass]: true } }, utils.map(children, (child) => child)))));
@@ -487,13 +487,13 @@ const YooMissionDetailsComponent = class {
     return (index.h("div", { class: { 'mission-results': true, pdf: this.isPdf, ...commonHelpers.getAppContext(this.host) } }, this.isPdf && (index.h("div", { class: "header-photo-container" }, ((_b = (_a = this.mission) === null || _a === void 0 ? void 0 : _a.description) === null || _b === void 0 ? void 0 : _b.pdfHeaderPhoto) && index.h("yoo-img", { class: "header-photo", instant: this.instant, src: this.mission.description.pdfHeaderPhoto }), index.h("div", { class: "header-content" }, index.h("div", { class: "title" }, overlays.translateMulti((_c = this.mission) === null || _c === void 0 ? void 0 : _c.title)), index.h("div", { class: "subtitle" }, (_d = this.mission) === null || _d === void 0 ? void 0 : _d.address), index.h("div", { class: "tag-container" }, this.showInformation && (tags === null || tags === void 0 ? void 0 : tags.map((tag) => index.h("yoo-tag", { color: tag.color, customColor: tag.customColor, innerHTML: tag.title }))))))), index.h("div", { class: "content" }, !this.isPdf && this.showInformation && index.h("yoo-mission-heading", { class: "mission-results", isPdf: this.isPdf, mission: this.mission }), !!menuContent.length && index.h("ul", { class: { menu: true, pdf: this.isPdf } }, menuContent), index.h("slot", null), this.showScore && index.h("yoo-mission-score", { class: "mission-detail", isPdf: this.isPdf, charts: this.charts, networkScore: this.networkScore })), index.h("slot", { name: "end" })));
   }
   renderDetails() {
-    return this.isTodoMission ? this.renderTodoMissionDetails() : this.renderMissionDetails();
+    return (this.isTodoMission || this.isTodoCampaign) ? this.renderTodoMissionDetails() : this.renderMissionDetails();
   }
   renderResults() {
     return this.isTodoCampaign ? this.renderTodoMissionDetails() : this.renderMissionResults();
   }
   render() {
-    return (index.h(index.Host, { class: { 'web': overlays.isWeb(), 'mission-results-deprecated': this.isResult && !this.isTodoCampaign, 'mission-detail-deprecated': !this.isResult || this.isTodoCampaign } }, this.mission && !this.isResult && this.renderDetails(), this.mission && this.isResult && this.renderResults()));
+    return (index.h(index.Host, { class: { 'mission-results-deprecated': this.isResult && !this.isTodoCampaign, 'mission-detail-deprecated': !this.isResult || this.isTodoCampaign, ...commonHelpers.getAppContext(this.host) } }, this.mission && !this.isResult && this.renderDetails(), this.mission && this.isResult && this.renderResults()));
   }
   get host() { return index.getElement(this); }
   static get watchers() { return {

package/dist/cjs/yoo-mission-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 missionHeadingCss = "svg:not(:root){overflow:hidden}:host .background-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host yoo-progress-bar{--progress-bar-color:var(--app-color, #5a30f4)}:host yoo-truncate{color:var(--app-color, #5a30f4)}:host yoo-banner{--main-color:var(--warning-10, rgba(237, 110, 51, 0.1));margin-top:var(--spacing-08, 0.5rem)}:host .content-container{-ms-flex:1;flex:1}:host .mission-title{margin-top:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-24, 1.5rem);line-height:var(--spacing-32, 2rem)}:host .sub-heading{display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;grid-gap:var(--spacing-08, 0.5rem);-ms-flex-align:center;align-items:center;margin-top:var(--spacing-08, 0.5rem)}:host .sub-heading .mission-progress{max-width:10rem;margin-right:var(--spacing-08, 0.5rem)}:host .sub-heading .action-plan-progress{display:grid;grid-template-columns:var(--spacing-16, 1rem) auto;-ms-flex-align:center;align-items:center;max-width:12rem}:host .sub-heading .action-plan-progress yoo-progress-bar{--svg-width:1rem;--stroke-width-circle:2;--trail-bar-color:var(--app-color-20, rgba(90, 48, 244, 0.2))}:host .sub-heading .action-plan-progress yoo-truncate{margin:0 var(--spacing-08, 0.5rem);font-weight:normal;font-size:var(--font-size-14, 0.875rem)}:host div:last-child{margin-bottom:0}";
@@ -28,7 +28,7 @@ const YooMissionHeadingComponent = class {
   renderActionPlanProgress() {
     const actionProgress = missionsHelpers.getMissionProgress(this.mission);
     if ((actionProgress === null || actionProgress === void 0 ? void 0 : actionProgress.value) >= 0) {
-      return index.h("div", { class: { 'action-plan-progress': true, 'mission-progress-web': !this.isMobile } }, index.h("yoo-progress-bar", { class: "app-color", shape: "circle", hideProgressValue: true, value: actionProgress.value, metric: actionProgress.unit, maxValue: actionProgress.max }), index.h("yoo-truncate", { class: "app-color", style: { cssText: '--max-lines: 1' } }, index.h("span", null, overlays.translate('ACTIONSCOMPLETED', { smart_count: actionProgress.value, total: actionProgress.max }))));
+      return index.h("div", { class: { 'action-plan-progress': true, 'mission-progress-web': !this.isMobile } }, index.h("yoo-progress-bar", { class: "app-color", shape: "circle", animated: this.animated, hideProgressValue: true, value: actionProgress.value, metric: actionProgress.unit, maxValue: actionProgress.max }), index.h("yoo-truncate", { class: "app-color", style: { cssText: '--max-lines: 1' } }, index.h("span", null, overlays.translate('ACTIONSCOMPLETED', { smart_count: actionProgress.value, total: actionProgress.max }))));
     }
     return null;
   }

package/dist/cjs/yoo-mission-score.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 missionScoreCss = "svg:not(:root){overflow:hidden}:host .mission-score-title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:4rem;margin:0 -1rem;padding-left:var(--spacing-16, 1rem);font-size:var(--font-size-28, 1.75rem);background:var(--stable-ultralight, #fafafa)}:host .mission-score-title.pdf{margin-bottom:1rem;background:transparent}:host yoo-healthscore{margin:auto;padding:var(--spacing-08, 0.5rem);padding-top:1.5rem;background:var(--light, #ffffff)}:host .score-container{display:grid;grid-gap:0.3rem 2rem;grid-template-columns:-webkit-max-content 160px;grid-template-columns:max-content 160px;-ms-flex-align:end;align-items:flex-end;margin-bottom:var(--spacing-16, 1rem)}:host(.mission-detail) .mission-score-title{margin:0;margin-bottom:0;padding-left:0}:host(.mission-detail) yoo-healthscore{max-width:100%;margin:0;margin-bottom:var(--spacing-08, 0.5rem);padding:var(--spacing-16, 1rem);padding-bottom:var(--spacing-08, 0.5rem);background:var(--light, #ffffff);border-radius:var(--spacing-08, 0.5rem);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}";

package/dist/cjs/yoo-mission-todo.cjs.entry.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-3f2bca41.js');
-const operationHelpers = require('./operation-helpers-91b2aee8.js');
-const overlays = require('./overlays-c545c947.js');
+require('./index-ca271bba.js');
+const operationHelpers = require('./operation-helpers-f6e2fac5.js');
+const overlays = require('./overlays-3067754c.js');
 require('./lodash-a9050d79.js');
-require('./index-f9aace31.js');
+require('./index-4f7e1f11.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const missionTodoCss = "svg:not(:root){overflow:hidden}:host .line{height:1px;margin-bottom:var(--spacing-16, 1rem);border-bottom:solid var(--border-width-01, 0.0625rem) var(--stable-alt, #d0d0d0)}:host .line:not(.todo-campaign){margin-top:0.75rem}";

package/dist/cjs/yoo-mobile-tabbar-more.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 mobileTabbarMoreCss = "svg:not(:root){overflow:hidden}:host{display:block;background:var(--light, #ffffff)}:host li{-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid;padding:var(--spacing-02, 0.125rem) 0 var(--spacing-16, 1rem)}:host ul{margin:0;padding:var(--spacing-16, 1rem) var(--spacing-16, 1rem) 0;-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:var(--spacing-16, 1rem);-moz-column-gap:var(--spacing-16, 1rem);column-gap:var(--spacing-16, 1rem);list-style:none}:host yoo-card-list-color{--card-border-radius:var(--border-radius-04, 0.25rem);--subheading-line-clamp:3 !important;--title-margin-bottom:0;--title-padding-top:var(--spacing-08, 0.5rem)}:host yoo-form-input{position:-webkit-sticky;position:sticky;top:0;z-index:10;-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--spacing-16, 1rem);background:inherit}:host yoo-form-input+ul{padding-top:0}";

package/dist/cjs/yoo-mobile-tabbar.cjs.entry.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-const index$1 = require('./index-f9aace31.js');
-require('./index-3f2bca41.js');
+const index$1 = require('./index-4f7e1f11.js');
+require('./index-ca271bba.js');
 const lodash = require('./lodash-a9050d79.js');
-const commonHelpers = require('./common-helpers-edf7fda5.js');
-const overlays = require('./overlays-c545c947.js');
+const commonHelpers = require('./common-helpers-e0f8defd.js');
+const overlays = require('./overlays-3067754c.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const mobileTabbarCss = "svg:not(:root){overflow:hidden}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;height:3rem;background:var(--light-10, rgba(255, 255, 255, 0.1));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host .outer-container .item-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;width:100%;min-width:48px;padding-top:0.4875rem;overflow:hidden;color:var(--stable, #adadad)}:host .outer-container .item-container .text-container{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}:host .outer-container .item-container.active .icon-container yoo-icon{fill:var(--app-color, #5a30f4)}:host .outer-container .item-container.active .text-container{color:var(--app-color, #5a30f4);text-align:center}:host .outer-container .item-container .icon-container{position:relative;max-height:22px;margin-bottom:-5px}:host .outer-container .item-container .icon-container yoo-badge{position:absolute;top:-2px;right:-5px}:host .outer-container .item-container .text{padding:0 var(--spacing-08, 0.5rem);font-size:var(--font-size-12, 0.75rem)}:host(.iphone-x) .outer-container,:host(.ipad-pro) .outer-container{-ms-flex-align:start;align-items:flex-start;height:73px !important}:host(.iphone-x) .outer-container .item-container,:host(.ipad-pro) .outer-container .item-container{-ms-flex-pack:initial !important;justify-content:initial !important;height:100%}:host(.hidden){display:none}";

package/dist/cjs/yoo-modal-controller.cjs.entry.js

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

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

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-const index$1 = require('./index-f9aace31.js');
-require('./index-3f2bca41.js');
+const index$1 = require('./index-4f7e1f11.js');
+require('./index-ca271bba.js');
 const lodash = require('./lodash-a9050d79.js');
-const commonHelpers = require('./common-helpers-edf7fda5.js');
-const overlays$1 = require('./overlays-18c1d643.js');
-const theme = require('./theme-fff4040f.js');
-const modalAnimations = require('./modal-animations-ab9fb041.js');
-const overlays = require('./overlays-c545c947.js');
+const commonHelpers = require('./common-helpers-e0f8defd.js');
+const overlays$1 = require('./overlays-9476bf5c.js');
+const theme = require('./theme-00ce1be0.js');
+const modalAnimations = require('./modal-animations-f3546f02.js');
+const overlays = require('./overlays-3067754c.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 async function attachComponent(delegate, container, component, cssClasses, componentProps) {
@@ -403,7 +403,7 @@ const YooModalComponent = class {
       const hostBoundings = hostElement.getBoundingClientRect();
       const { height, left, top, placement } = overlays.getDialogPosition(hostElement, 'below', this.dialogElement, ((_b = (_a = this.componentProps) === null || _a === void 0 ? void 0 : _a.dialogContentElement) === null || _b === void 0 ? void 0 : _b.clientWidth) || hostBoundings.width);
       this.dialogElement.style.margin = '0';
-      if (document.dir === 'rtl') {
+      if (overlays.isRTL()) {
         this.dialogElement.style.right = 'unset';
       }
       this.dialogElement.style.left = `${left}px`;
@@ -550,7 +550,7 @@ const YooModalComponent = class {
     const isProfilePreview = this.host.classList.contains('profile');
     const dialogClasses = { ...theme.createThemedClasses(undefined, 'modal-wrapper') };
     const leftPosition = this.componentProps ? `${this.componentProps.position}px` : '0px';
-    const dialogStyle = { zIndex: this.zIndexOverlay, left: leftPosition };
+    const dialogStyle = { zIndex: this.zIndexOverlay, [overlays.isRTL() ? 'right' : 'left']: leftPosition };
     return (index.h("div", { ref: (el) => (this.dialogElement = el), role: "dialog", class: dialogClasses, style: dialogStyle }, isPreview && isProfilePreview && [index.h("div", { class: "fade-overlay top" }), index.h("div", { class: "fade-overlay bottom" })]));
   }
   render() {

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

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-3f2bca41.js');
-const commonHelpers = require('./common-helpers-edf7fda5.js');
+require('./index-ca271bba.js');
+const commonHelpers = require('./common-helpers-e0f8defd.js');
 const dimensionsHelpers = require('./dimensions-helpers-54685523.js');
-const overlays = require('./overlays-c545c947.js');
+const overlays = require('./overlays-3067754c.js');
 require('./lodash-a9050d79.js');
-require('./index-f9aace31.js');
+require('./index-4f7e1f11.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
-const navbarCss = "svg:not(:root){overflow:hidden}:host{--top-container-min-height:2.75rem;--top-container-padding:0 var(--spacing-08, 0.5rem);--bottom-container-padding:0;--bottom-shadow:0 0.0625rem 0 0 var(--stable-light, #f1f1f1);--center-padding:0 var(--spacing-16, 1rem);--center-display:flex;--background-color:var(--light-10, rgba(255, 255, 255, 0.1));z-index:10;display:block;width:100%;color:var(--dark, #000000);background:var(--background-color);-webkit-transition:all 0.3s;transition:all 0.3s}:host ::slotted(yoo-icon){fill:var(--text-color, #807f83)}:host ::slotted(yoo-form-input),:host ::slotted(yoo-entity-search-tags){width:100%;margin-right:var(--spacing-08, 0.5rem)}:host(.web){--top-container-min-height:3.5rem;--top-container-padding:0 var(--spacing-16, 1rem)}:host(.web.chat){--top-container-min-height:var(--spacing-32, 2rem)}:host(.web.grid:not(.feeds):not(.questions):not(.card-inbox):not(.card-inbox-ongoing):not(.notifications)){--top-container-min-height:2.75rem;--top-container-padding:var(--spacing-16, 1rem) 0 !important;background:transparent}:host(.web.grid.card-inbox),:host(.web.grid.card-inbox-ongoing){--top-container-min-height:2.75rem;--top-container-padding:0.625rem 0 !important;background:transparent}:host(.web.grid.form) .outer-container .top-container{padding:0 0 var(--spacing-08, 0.5rem)}:host(.web.grid) .outer-container .top-container{padding-right:var(--spacing-08, 0.5rem)}:host(.grid.form.web.search-only){z-index:20004}:host(.overflow-hidden) .center-container{overflow:hidden}:host(.large-font) .center-container{font-weight:var(--font-weight-900, 900);font-size:var(--font-size-32, 2rem)}:host(.light){--bottom-shadow:0 0.0625rem 0 0 var(--stable-light, #f1f1f1);color:var(--dark, #000000);background:var(--light, #ffffff)}:host(.light) ::slotted(yoo-icon){fill:var(--text-color, #807f83)}:host(.transparent){--bottom-shadow:0;color:var(--light, #ffffff);background:transparent}:host(.transparent) ::slotted(yoo-icon){fill:var(--light, #ffffff)}:host(.gradient){--bottom-shadow:0;color:var(--light, #ffffff);background:var(--navbar-gradient, linear-gradient(rgba(0, 0, 0, 0.7), transparent))}:host(.gradient) ::slotted(yoo-items){fill:var(--light, #ffffff)}:host(.dark) .outer-container{color:var(--light, #ffffff);background:var(--dark, #000000)}:host(.app-color) .outer-container{color:var(--light, #ffffff);background:var(--app-color, #5a30f4)}:host(.no-shadow){--bottom-shadow:0}:host([center-title=true]) .center-container,:host([center-title]) .center-container{-ms-flex-pack:center;justify-content:center}:host([grid]) .top-container{display:grid;grid-template-columns:var(--top-container-grid-template-columns)}:host([grid]) .end-container{-ms-flex-pack:end;justify-content:flex-end}:host([grid][center-title]){--top-container-grid-template-columns:repeat(3, 1fr)}:host([grid]:not([center-title])){--top-container-grid-template-columns:auto auto 1fr}:host(.full-width) .top-container .start-container{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;width:100%}:host(.full-width) .top-container .center-container{display:none}.outer-container{position:relative;width:100%;padding-top:var(--safe-area-inset-top);-webkit-box-shadow:var(--bottom-shadow);box-shadow:var(--bottom-shadow)}.top-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:stretch;align-items:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;min-height:var(--top-container-min-height);padding:var(--top-container-padding)}.top-container .start-container,.top-container .end-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex:0;flex:0;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}.top-container .center-container{display:var(--center-display);-ms-flex:1;flex:1;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;margin:var(--center-padding);overflow:visible;word-break:break-all}.content-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:var(--bottom-container-padding)}:host(.autocomplete){height:2rem;padding-top:var(--spacing-04, 0.25rem)}:host(.autocomplete) .outer-container{height:2rem;-webkit-box-shadow:none;box-shadow:none}:host(.autocomplete) .outer-container .top-container{min-height:2rem}:host(.autocomplete) .outer-container .top-container .center-container{height:2rem;padding-right:var(--spacing-04, 0.25rem)}:host(.web.autocomplete) .outer-container .content-container{padding-left:0}:host(.autocomplete-dialog-no-tags){display:-ms-flexbox;display:flex;height:3rem}:host([swipeable].iphone-x){height:5rem}:host([swipeable]){position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;height:4rem}:host([swipeable]) .swipe-bar{position:absolute;top:0.5rem;right:calc(50% - 1.5rem);bottom:auto;left:auto;width:3rem;height:0.25rem;background-color:var(--stable);border-radius:0.21875rem}:host(.no-padding){--top-container-padding:0.75rem 2px 0.75rem 0px !important}:host(.linear-gradient) .outer-container .top-container{z-index:1}:host(.linear-gradient) .outer-container::after{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background-image:var(--linear-gradient-01, linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.19), rgba(0, 0, 0, 0.26), rgba(0, 0, 0, 0.34), rgba(0, 0, 0, 0.42), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.58), rgba(0, 0, 0, 0.66), rgba(0, 0, 0, 0.74), rgba(0, 0, 0, 0.81), rgba(0, 0, 0, 0.88), rgba(0, 0, 0, 0.94), var(--dark, #000000)));opacity:0.5;content:\"\"}:host(.custom-theme:not([ccenter-title]):not(.grid)){background:var(--app-color-10, rgba(90, 48, 244, 0.1));--stable:var(--app-color, #5a30f4)}:host(.mobile.custom-theme.main){background:var(--app-color, #5a30f4);--dark:var(--light, #ffffff)}";
+const navbarCss = "svg:not(:root){overflow:hidden}:host{--top-container-min-height:2.75rem;--top-container-padding:0 var(--spacing-08, 0.5rem);--bottom-container-padding:0;--bottom-shadow:0 0.0625rem 0 0 var(--stable-light, #f1f1f1);--center-padding:0 var(--spacing-16, 1rem);--center-display:flex;--background-color:var(--light-10, rgba(255, 255, 255, 0.1));z-index:10;display:block;width:100%;color:var(--dark, #000000);background:var(--background-color);-webkit-transition:all 0.3s;transition:all 0.3s}:host .center-container{padding-right:var(--center-padding-right);padding-left:var(--center-padding-left)}:host ::slotted(yoo-icon){fill:var(--text-color, #807f83)}:host ::slotted(yoo-form-input),:host ::slotted(yoo-entity-search-tags){width:100%;margin-right:var(--spacing-08, 0.5rem)}:host(.web){--top-container-min-height:3.5rem;--top-container-padding:0 var(--spacing-16, 1rem)}:host(.web.chat){--top-container-min-height:var(--spacing-32, 2rem)}:host(.web.grid:not(.feeds):not(.questions):not(.card-inbox):not(.card-inbox-ongoing):not(.notifications)){--top-container-min-height:2.75rem;--top-container-padding:var(--spacing-16, 1rem) 0 !important;background:transparent}:host(.web.grid.card-inbox),:host(.web.grid.card-inbox-ongoing){--top-container-min-height:2.75rem;--top-container-padding:0.625rem 0 !important;background:transparent}:host(.web.grid.form) .outer-container .top-container{padding:0 0 var(--spacing-08, 0.5rem)}:host(.web.grid) .outer-container .top-container{padding-right:var(--spacing-08, 0.5rem)}:host(.web.grid.rtl) .outer-container .top-container{padding-right:0;padding-left:var(--spacing-08, 0.5rem)}:host(.grid.form.web.search-only){z-index:20004}:host(.overflow-hidden) .center-container{overflow:hidden}:host(.large-font) .center-container{font-weight:var(--font-weight-900, 900);font-size:var(--font-size-32, 2rem)}:host(.light){--bottom-shadow:0 0.0625rem 0 0 var(--stable-light, #f1f1f1);color:var(--dark, #000000);background:var(--light, #ffffff)}:host(.light) ::slotted(yoo-icon){fill:var(--text-color, #807f83)}:host(.transparent){--bottom-shadow:0;color:var(--light, #ffffff);background:transparent}:host(.transparent) ::slotted(yoo-icon){fill:var(--light, #ffffff)}:host(.gradient){--bottom-shadow:0;color:var(--light, #ffffff);background:var(--navbar-gradient, linear-gradient(rgba(0, 0, 0, 0.7), transparent))}:host(.gradient) ::slotted(yoo-items){fill:var(--light, #ffffff)}:host(.dark) .outer-container{color:var(--light, #ffffff);background:var(--dark, #000000)}:host(.app-color) .outer-container{color:var(--light, #ffffff);background:var(--app-color, #5a30f4)}:host(.no-shadow){--bottom-shadow:0}:host([center-title=true]) .center-container,:host([center-title]) .center-container{-ms-flex-pack:center;justify-content:center}:host([grid]) .top-container{display:grid;grid-template-columns:var(--top-container-grid-template-columns)}:host([grid]) .end-container{-ms-flex-pack:end;justify-content:flex-end}:host([grid][center-title]){--top-container-grid-template-columns:repeat(3, 1fr)}:host([grid]:not([center-title])){--top-container-grid-template-columns:auto auto 1fr}:host(.full-width) .top-container .start-container{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;width:100%}:host(.full-width) .top-container .center-container{display:none}.outer-container{position:relative;width:100%;padding-top:var(--safe-area-inset-top);-webkit-box-shadow:var(--bottom-shadow);box-shadow:var(--bottom-shadow)}.top-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:stretch;align-items:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;min-height:var(--top-container-min-height);padding:var(--top-container-padding)}.top-container .start-container,.top-container .end-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex:0;flex:0;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}.top-container .center-container{display:var(--center-display);-ms-flex:1;flex:1;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;margin:var(--center-padding);overflow:visible;word-break:break-all}.content-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:var(--bottom-container-padding)}:host(.autocomplete){height:2rem;padding-top:var(--spacing-04, 0.25rem)}:host(.autocomplete) .outer-container{height:2rem;-webkit-box-shadow:none;box-shadow:none}:host(.autocomplete) .outer-container .top-container{min-height:2rem}:host(.autocomplete) .outer-container .top-container .center-container{height:2rem;padding-right:var(--spacing-04, 0.25rem)}:host(.web.autocomplete) .outer-container .content-container{padding-left:0}:host(.autocomplete-dialog-no-tags){display:-ms-flexbox;display:flex;height:3rem}:host([swipeable].iphone-x){height:5rem}:host([swipeable]){position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;height:4rem}:host([swipeable]) .swipe-bar{position:absolute;top:0.5rem;right:calc(50% - 1.5rem);bottom:auto;left:auto;width:3rem;height:0.25rem;background-color:var(--stable);border-radius:0.21875rem}:host(.no-padding){--top-container-padding:0.75rem 2px 0.75rem 0px !important}:host(.linear-gradient) .outer-container .top-container{z-index:1}:host(.linear-gradient) .outer-container::after{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background-image:var(--linear-gradient-01, linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.19), rgba(0, 0, 0, 0.26), rgba(0, 0, 0, 0.34), rgba(0, 0, 0, 0.42), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.58), rgba(0, 0, 0, 0.66), rgba(0, 0, 0, 0.74), rgba(0, 0, 0, 0.81), rgba(0, 0, 0, 0.88), rgba(0, 0, 0, 0.94), var(--dark, #000000)));opacity:0.5;content:\"\"}:host(.custom-theme:not([ccenter-title]):not(.grid)){background:var(--app-color-10, rgba(90, 48, 244, 0.1));--stable:var(--app-color, #5a30f4)}:host(.mobile.custom-theme.main){background:var(--app-color, #5a30f4);--dark:var(--light, #ffffff)}";
 
 const YooNavbarComponent = class {
   constructor(hostRef) {
@@ -30,8 +30,8 @@ const YooNavbarComponent = class {
     this.grid = false;
   }
   resetCenterStyles() {
-    this.center.style.paddingLeft = '0';
-    this.center.style.paddingRight = '0';
+    this.center.style.setProperty('--center-padding-right', '0');
+    this.center.style.setProperty('--center-padding-left', '0');
   }
   async setColor(backgroundClass, buttonColor) {
     if (backgroundClass !== this.backgroundClass || buttonColor !== this.buttonColor) {
@@ -66,8 +66,8 @@ const YooNavbarComponent = class {
     const leftWidth = dimensionsHelpers.getElementDimensions(elementStart).width || 0;
     const endWidth = dimensionsHelpers.getElementDimensions(elementEnd).width || 0;
     const margin = this.computeCenterPadding(leftWidth, endWidth);
-    this.center.style.paddingLeft = margin[0];
-    this.center.style.paddingRight = margin[1];
+    this.center.style.setProperty('--center-padding-right', overlays.isRTL() ? margin[0] : margin[1]);
+    this.center.style.setProperty('--center-padding-left', overlays.isRTL() ? margin[1] : margin[0]);
   }
   onSlotChange() {
     if (!this.grid) {
@@ -76,7 +76,7 @@ const YooNavbarComponent = class {
   }
   render() {
     const isCustomTheme = overlays.getSession().isCustomTheme;
-    return (index.h(index.Host, { "center-title": this.centerTitle, class: { ...commonHelpers.getAppContext(this.host), 'custom-theme': isCustomTheme } }, index.h("div", { class: "outer-container" }, index.h("div", { class: "top-container" }, index.h("div", { class: "start-container" }, index.h("slot", { name: "start", onSlotchange: this.onSlotChange.bind(this) })), index.h("div", { class: "center-container", ref: (el) => (this.center = el) }, index.h("slot", null)), index.h("div", { class: "end-container" }, index.h("slot", { name: "end", onSlotchange: this.onSlotChange.bind(this) }))), index.h("div", { class: "content-container" }, index.h("slot", { name: "content" }))), this.swipeable && index.h("div", { class: "swipe-bar" })));
+    return (index.h(index.Host, { "center-title": this.centerTitle, class: { ...commonHelpers.getAppContext(this.host), 'custom-theme': isCustomTheme } }, index.h("div", { class: "outer-container" }, index.h("div", { class: "top-container", dir: document.dir }, index.h("div", { class: "start-container" }, index.h("slot", { name: "start", onSlotchange: this.onSlotChange.bind(this) })), index.h("div", { class: "center-container", ref: (el) => (this.center = el) }, index.h("slot", null)), index.h("div", { class: "end-container" }, index.h("slot", { name: "end", onSlotchange: this.onSlotChange.bind(this) }))), index.h("div", { class: "content-container" }, index.h("slot", { name: "content" }))), this.swipeable && index.h("div", { class: "swipe-bar" })));
   }
   get host() { return index.getElement(this); }
   static get watchers() { return {

package/dist/cjs/yoo-numbers-display.cjs.entry.js

@@ -3,11 +3,11 @@
 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 commonHelpers = require('./common-helpers-edf7fda5.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 numbersDisplayCss = "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)}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:space-evenly;justify-content:space-evenly;margin:0 auto;color:var(--stable, #adadad)}:host .outer-container hr{width:0.0625rem;height:2rem;background:var(--stable-light, #f1f1f1);border:0}:host .outer-container .cell-container{-ms-flex:1;flex:1;text-align:center}:host .outer-container .cell-container .value{padding-bottom:var(--spacing-08, 0.5rem);font-size:var(--font-size-36, 2.25rem);line-height:normal}:host .outer-container .cell-container .title{font-size:var(--font-size-12, 0.75rem);line-height:1.5}";

package/dist/cjs/yoo-photo-editor.cjs.entry.js

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-const overlays = require('./overlays-c545c947.js');
-const index$1 = require('./index-3f2bca41.js');
+const overlays = require('./overlays-3067754c.js');
+const index$1 = require('./index-ca271bba.js');
 const lodash = require('./lodash-a9050d79.js');
-require('./index-83c9d4ca.js');
+require('./index-471adc1f.js');
 const annotationsHelpers = require('./annotations-helpers-fb554cca.js');
-const commonHelpers = require('./common-helpers-edf7fda5.js');
-const draggableDotsHelpers = require('./draggable-dots-helpers-791dcf4d.js');
-const formInputHelpers = require('./form-input-helpers-f54b8af0.js');
-const localForage = require('./localForage-3d6912e0.js');
-require('./index-f9aace31.js');
+const commonHelpers = require('./common-helpers-e0f8defd.js');
+const draggableDotsHelpers = require('./draggable-dots-helpers-88217765.js');
+const formInputHelpers = require('./form-input-helpers-3f5a88f5.js');
+const localForage = require('./localForage-421c60d8.js');
+require('./index-4f7e1f11.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const Textbox = ({ annotation, onAnnotationClick, onType, readonly, imageSize, hidden }) => {
@@ -194,7 +194,7 @@ const Actions = ({ submitButton, onActionClick }) => {
 };
 //#endregion
 
-const photoEditorCss = "svg:not(:root){overflow:hidden}:host .annotation{cursor:pointer;-webkit-transition:opacity 0.35s ease-in-out, font-size 0.125s linear, background-color 0.35s linear;transition:opacity 0.35s ease-in-out, font-size 0.125s linear, background-color 0.35s linear}:host .annotation[hidden]{visibility:hidden;opacity:0}:host .annotation[type=dot]{position:absolute;z-index:4;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--spacing-40, 2.5rem);height:var(--spacing-40, 2.5rem)}:host .annotation[type=dot] .dot-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:var(--light, #ffffff);background-color:var(--success, #3aa76d);border:var(--border-width-02, 0.125rem) solid var(--light, #ffffff);border-radius:50%;-webkit-transition:background-color 0.35s ease-in-out;transition:background-color 0.35s ease-in-out}:host .annotation[type=textbox]{top:0;left:0;z-index:3;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;word-break:break-word}:host .annotation[type=textbox].focused{z-index:4;cursor:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}:host([display=standard]) div[type=dot] .dot-container{width:var(--spacing-32, 2rem);height:var(--spacing-32, 2rem)}:host([display=preview]) div[type=dot] .dot-container{width:var(--spacing-24, 1.5rem);height:var(--spacing-24, 1.5rem)}:host yoo-navbar{--bottom-shadow:0;position:absolute;z-index:10;background:none;-webkit-transition:opacity 0.35s ease-in-out;transition:opacity 0.35s ease-in-out}:host yoo-navbar.hidden{opacity:0}:host yoo-navbar yoo-button{--disabled-color:var(--text-color, #807f83);--hover-color:var(--stable-light-20, rgba(241, 241, 241, 0.2))}:host yoo-navbar .empty-icon{width:var(--spacing-32, 2rem);height:var(--spacing-32, 2rem)}:host yoo-range{--host-thickness:1.5rem;--bar-active-color:transparent;--bar-trail-color:transparent;--knob-shadow:var(--dark-40, rgba(0, 0, 0, 0.4)) 0 0 var(--spacing-08, 0.5rem);--knob-color:var(--light, #ffffff);--knob-size:1.65rem;position:absolute;top:50%;z-index:6;display:block;height:15rem;-webkit-transform:translate(0%, -50%) translate(var(--x-range-position, -3rem), 0px) scale(var(--scale, 0.5));transform:translate(0%, -50%) translate(var(--x-range-position, -3rem), 0px) scale(var(--scale, 0.5))}:host yoo-range.animated{-webkit-transition:-webkit-transform 750ms ease-in-out;transition:-webkit-transform 750ms ease-in-out;transition:transform 750ms ease-in-out;transition:transform 750ms ease-in-out, -webkit-transform 750ms ease-in-out}:host yoo-range[status=hidden]{--x-range-position:-3rem}:host yoo-range[status=inactive]{--scale:1;--x-range-position:-.5rem}:host yoo-range[status=active]{--scale:1.1;--x-range-position:1rem}:host yoo-range .triangle{position:absolute;width:0rem;height:0rem;border-color:var(--light, #ffffff) transparent transparent transparent;border-style:solid;border-width:15rem 0.75rem 0rem;opacity:0.75}:host yoo-button[actiontype]{position:absolute;right:0;bottom:-3rem;left:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:auto;-webkit-transition:bottom 0.35s linear;transition:bottom 0.35s linear}:host yoo-button[actiontype].active{bottom:5rem;-webkit-animation:scale-up 0.5s ease-in-out;animation:scale-up 0.5s ease-in-out;-webkit-animation-delay:500ms;animation-delay:500ms}:host yoo-button[color]{z-index:4}:host yoo-button[color=danger].hit{-webkit-transform:scale(1.25);transform:scale(1.25);opacity:0.75}:host([animated]) yoo-navbar.animated yoo-button{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host([animated]) yoo-navbar.animated yoo-button[animated-icon]:nth-child(1){-webkit-animation:scale-up 0.75s ease-in-out;animation:scale-up 0.75s ease-in-out;-webkit-animation-delay:100ms;animation-delay:100ms}:host([animated]) yoo-navbar.animated yoo-button[animated-icon]:nth-child(2){-webkit-animation:scale-up 0.75s ease-in-out;animation:scale-up 0.75s ease-in-out;-webkit-animation-delay:200ms;animation-delay:200ms}:host([animated]) yoo-navbar.animated yoo-button[animated-icon]:nth-child(3){-webkit-animation:scale-up 0.75s ease-in-out;animation:scale-up 0.75s ease-in-out;-webkit-animation-delay:300ms;animation-delay:300ms}:host([animated]) yoo-navbar.animated yoo-button[animated-icon]:nth-child(4){-webkit-animation:scale-up 0.75s ease-in-out;animation:scale-up 0.75s ease-in-out;-webkit-animation-delay:400ms;animation-delay:400ms}:host([animated]) yoo-navbar.animated yoo-button[animated-text]{-webkit-animation:fade-in 0.5s ease-in;animation:fade-in 0.5s ease-in}:host([animated]) yoo-navbar.animated yoo-button.active[color=light]{bottom:5rem;-webkit-animation:scale-up 0.5s ease-in-out;animation:scale-up 0.5s ease-in-out;-webkit-animation-delay:500ms;animation-delay:500ms}:host{--global-image-display:flex;--editor-background:var(--dark, #000000);position:relative;display:block;width:100%;height:100%;min-height:var(--global-image-min-height);overflow:hidden;background-color:var(--editor-background);--img-radius:initial}:host .bg-accent{background-color:var(--accent, #276ef1) !important}:host .accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}:host .border-accent{border:0.0625rem solid var(--accent, #276ef1)}:host .bg-app-color{background-color:var(--app-color, #5a30f4) !important}:host .app-color{color:var(--app-color, #5a30f4);fill:var(--app-color, #5a30f4)}:host .border-app-color{border:0.0625rem solid var(--app-color, #5a30f4)}:host .bg-danger{background-color:var(--danger, #d44333) !important}:host .danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}:host .border-danger{border:0.0625rem solid var(--danger, #d44333)}:host .bg-dark{background-color:var(--dark, #000000) !important}:host .dark{color:var(--dark, #000000);fill:var(--dark, #000000)}:host .border-dark{border:0.0625rem solid var(--dark, #000000)}:host .bg-energized{background-color:var(--energized, #ffc043) !important}:host .energized{color:var(--energized, #ffc043);fill:var(--energized, #ffc043)}:host .border-energized{border:0.0625rem solid var(--energized, #ffc043)}:host .bg-info{background-color:var(--info, #d84c96) !important}:host .info{color:var(--info, #d84c96);fill:var(--info, #d84c96)}:host .border-info{border:0.0625rem solid var(--info, #d84c96)}:host .bg-light{background-color:var(--light, #ffffff) !important}:host .light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}:host .border-light{border:0.0625rem solid var(--light, #ffffff)}:host .bg-stable{background-color:var(--stable, #adadad) !important}:host .stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}:host .border-stable{border:0.0625rem solid var(--stable, #adadad)}:host .bg-stable-alt{background-color:var(--stable-alt, #d0d0d0) !important}:host .stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}:host .border-stable-alt{border:0.0625rem solid var(--stable-alt, #d0d0d0)}:host .bg-stable-light{background-color:var(--stable-light, #f1f1f1) !important}:host .stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}:host .border-stable-light{border:0.0625rem solid var(--stable-light, #f1f1f1)}:host .bg-stable-ultralight{background-color:var(--stable-ultralight, #fafafa) !important}:host .stable-ultralight{color:var(--stable-ultralight, #fafafa);fill:var(--stable-ultralight, #fafafa)}:host .border-stable-ultralight{border:0.0625rem solid var(--stable-ultralight, #fafafa)}:host .bg-success{background-color:var(--success, #3aa76d) !important}:host .success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}:host .border-success{border:0.0625rem solid var(--success, #3aa76d)}:host .bg-text-color{background-color:var(--text-color, #807f83) !important}:host .text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}:host .border-text-color{border:0.0625rem solid var(--text-color, #807f83)}:host .bg-warning{background-color:var(--warning, #ed6e33) !important}:host .warning{color:var(--warning, #ed6e33);fill:var(--warning, #ed6e33)}:host .border-warning{border:0.0625rem solid var(--warning, #ed6e33)}:host .bg-wood{background-color:var(--wood, #99644c) !important}:host .wood{color:var(--wood, #99644c);fill:var(--wood, #99644c)}:host .border-wood{border:0.0625rem solid var(--wood, #99644c)}@-webkit-keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes scale-up{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.15);transform:scale(1.15)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-up{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.15);transform:scale(1.15)}100%{-webkit-transform:scale(1);transform:scale(1)}}:host yoo-zoom{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;opacity:1}:host yoo-zoom[hidden]{opacity:0.5}:host yoo-zoom[mode=draw] canvas{cursor:crosshair;-ms-touch-action:none;touch-action:none}:host #text-editor,:host div[type=textbox]{position:absolute;display:inline-block;max-width:50%;padding:var(--spacing-08, 0.5rem);border-radius:var(--border-radius-08, 0.5rem);outline:0}:host #text-editor{top:calc(50% - 1.5rem);left:calc(50% - 0.5rem);z-index:6;color:var(--light, #ffffff);text-align:center;-webkit-transition:font-size 0.125s linear, background-color 0.5s linear;transition:font-size 0.125s linear, background-color 0.5s linear;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}:host yoo-img{z-index:1;display:var(--global-image-display);-ms-flex-align:var(--global-image-align);align-items:var(--global-image-align)}:host yoo-loader{background-color:var(--dark, #000000);-webkit-animation:loading 3s forwards;animation:loading 3s forwards}@-webkit-keyframes loading{from{opacity:1}to{opacity:0}}@keyframes loading{from{opacity:1}to{opacity:0}}:host #drawings{z-index:2}:host #src{z-index:1}:host #c-picker{position:absolute;z-index:4;width:var(--spacing-32, 2rem);height:var(--spacing-32, 2rem);border:1px solid var(--light, #ffffff);border-radius:50%;cursor:crosshair;-webkit-transition:opacity 0.5s ease-in-out;transition:opacity 0.5s ease-in-out;will-change:transform}:host #c-picker[hidden]{opacity:0}:host #overlay{z-index:5;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;color:var(--light, #ffffff);font-size:var(--font-size-20, 1.25rem);background-color:var(--dark-40, rgba(0, 0, 0, 0.4));-webkit-transition:background-color 5s ease-in-out;transition:background-color 5s ease-in-out}:host #annotations{position:relative;top:0;margin:auto}:host #overlay,:host canvas,:host yoo-img{position:absolute}:host footer{position:absolute;bottom:-3rem;left:50%;z-index:6;width:100%;margin-bottom:var(--safe-area-inset-bottom);overflow-x:auto;-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0}:host footer yoo-color-selector{margin:0 auto;padding-left:var(--spacing-16, 1rem)}:host footer.active{bottom:0;opacity:1}:host footer.has-description{-webkit-transform:inherit;transform:inherit}:host footer .description-container{color:var(--stable, #adadad);text-align:center}:host([animated]) footer{-webkit-transition:all 0.5s linear;transition:all 0.5s linear}:host([display=standard]){-ms-scroll-chaining:none;overscroll-behavior:none}:host([display=preview]) yoo-img{--border-radius:var(--img-radius);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}";
+const photoEditorCss = "svg:not(:root){overflow:hidden}:host .annotation{cursor:pointer;-webkit-transition:opacity 0.35s ease-in-out, font-size 0.125s linear, background-color 0.35s linear;transition:opacity 0.35s ease-in-out, font-size 0.125s linear, background-color 0.35s linear}:host .annotation[hidden]{visibility:hidden;opacity:0}:host .annotation[type=dot]{position:absolute;z-index:4;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--spacing-40, 2.5rem);height:var(--spacing-40, 2.5rem)}:host .annotation[type=dot] .dot-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:var(--light, #ffffff);background-color:var(--success, #3aa76d);border:var(--border-width-02, 0.125rem) solid var(--light, #ffffff);border-radius:50%;-webkit-transition:background-color 0.35s ease-in-out;transition:background-color 0.35s ease-in-out}:host .annotation[type=textbox]{top:0;left:0;z-index:3;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;word-break:break-word}:host .annotation[type=textbox].focused{z-index:4;cursor:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}:host([display=standard]) div[type=dot] .dot-container{width:var(--spacing-32, 2rem);height:var(--spacing-32, 2rem)}:host([display=preview]) div[type=dot] .dot-container{width:var(--spacing-24, 1.5rem);height:var(--spacing-24, 1.5rem)}:host yoo-navbar{--bottom-shadow:0;position:absolute;z-index:10;background:none;-webkit-transition:opacity 0.35s ease-in-out;transition:opacity 0.35s ease-in-out}:host yoo-navbar.hidden{opacity:0}:host yoo-navbar yoo-button{--disabled-color:var(--text-color, #807f83);--hover-color:var(--stable-light-20, rgba(241, 241, 241, 0.2))}:host yoo-navbar .empty-icon{width:var(--spacing-32, 2rem);height:var(--spacing-32, 2rem)}:host yoo-range{--host-thickness:1.5rem;--bar-active-color:transparent;--bar-trail-color:transparent;--knob-shadow:var(--dark-40, rgba(0, 0, 0, 0.4)) 0 0 var(--spacing-08, 0.5rem);--knob-color:var(--light, #ffffff);--knob-size:1.65rem;position:absolute;top:50%;z-index:6;display:block;height:15rem;-webkit-transform:translate(0%, -50%) translate(var(--x-range-position, -3rem), 0px) scale(var(--scale, 0.5));transform:translate(0%, -50%) translate(var(--x-range-position, -3rem), 0px) scale(var(--scale, 0.5))}:host yoo-range.animated{-webkit-transition:-webkit-transform 750ms ease-in-out;transition:-webkit-transform 750ms ease-in-out;transition:transform 750ms ease-in-out;transition:transform 750ms ease-in-out, -webkit-transform 750ms ease-in-out}:host yoo-range[status=hidden]{--x-range-position:calc(var(--spacing-48, 3rem) * -1)}:host yoo-range[status=inactive]{--scale:1;--x-range-position:calc(var(--spacing-08, 0.5rem) * -1)}:host yoo-range[status=active]{--scale:1.1;--x-range-position:var(--spacing-16, 1rem)}:host yoo-range .triangle{position:absolute;width:0rem;height:0rem;border-color:var(--light, #ffffff) transparent transparent transparent;border-style:solid;border-width:15rem 0.75rem 0rem;opacity:0.75}:host yoo-button[actiontype]{position:absolute;right:0;bottom:-3rem;left:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:auto;-webkit-transition:bottom 0.35s linear;transition:bottom 0.35s linear}:host yoo-button[actiontype].active{bottom:5rem;-webkit-animation:scale-up 0.5s ease-in-out;animation:scale-up 0.5s ease-in-out;-webkit-animation-delay:500ms;animation-delay:500ms}:host yoo-button[color]{z-index:4}:host yoo-button[color=danger].hit{-webkit-transform:scale(1.25);transform:scale(1.25);opacity:0.75}:host(.rtl) yoo-range[status=hidden]{--x-range-position:var(--spacing-48, 3rem)}:host(.rtl) yoo-range[status=inactive]{--scale:1;--x-range-position:var(--spacing-08, 0.5rem)}:host(.rtl) yoo-range[status=active]{--scale:1.1;--x-range-position:calc(var(--spacing-16, 1rem) * -1)}:host([animated]) yoo-navbar.animated yoo-button{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host([animated]) yoo-navbar.animated yoo-button[animated-icon]:nth-child(1){-webkit-animation:scale-up 0.75s ease-in-out;animation:scale-up 0.75s ease-in-out;-webkit-animation-delay:100ms;animation-delay:100ms}:host([animated]) yoo-navbar.animated yoo-button[animated-icon]:nth-child(2){-webkit-animation:scale-up 0.75s ease-in-out;animation:scale-up 0.75s ease-in-out;-webkit-animation-delay:200ms;animation-delay:200ms}:host([animated]) yoo-navbar.animated yoo-button[animated-icon]:nth-child(3){-webkit-animation:scale-up 0.75s ease-in-out;animation:scale-up 0.75s ease-in-out;-webkit-animation-delay:300ms;animation-delay:300ms}:host([animated]) yoo-navbar.animated yoo-button[animated-icon]:nth-child(4){-webkit-animation:scale-up 0.75s ease-in-out;animation:scale-up 0.75s ease-in-out;-webkit-animation-delay:400ms;animation-delay:400ms}:host([animated]) yoo-navbar.animated yoo-button[animated-text]{-webkit-animation:fade-in 0.5s ease-in;animation:fade-in 0.5s ease-in}:host([animated]) yoo-navbar.animated yoo-button.active[color=light]{bottom:5rem;-webkit-animation:scale-up 0.5s ease-in-out;animation:scale-up 0.5s ease-in-out;-webkit-animation-delay:500ms;animation-delay:500ms}:host{--global-image-display:flex;--editor-background:var(--dark, #000000);position:relative;display:block;width:100%;height:100%;min-height:var(--global-image-min-height);overflow:hidden;background-color:var(--editor-background);--img-radius:initial}:host .bg-accent{background-color:var(--accent, #276ef1) !important}:host .accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}:host .border-accent{border:0.0625rem solid var(--accent, #276ef1)}:host .bg-app-color{background-color:var(--app-color, #5a30f4) !important}:host .app-color{color:var(--app-color, #5a30f4);fill:var(--app-color, #5a30f4)}:host .border-app-color{border:0.0625rem solid var(--app-color, #5a30f4)}:host .bg-danger{background-color:var(--danger, #d44333) !important}:host .danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}:host .border-danger{border:0.0625rem solid var(--danger, #d44333)}:host .bg-dark{background-color:var(--dark, #000000) !important}:host .dark{color:var(--dark, #000000);fill:var(--dark, #000000)}:host .border-dark{border:0.0625rem solid var(--dark, #000000)}:host .bg-energized{background-color:var(--energized, #ffc043) !important}:host .energized{color:var(--energized, #ffc043);fill:var(--energized, #ffc043)}:host .border-energized{border:0.0625rem solid var(--energized, #ffc043)}:host .bg-info{background-color:var(--info, #d84c96) !important}:host .info{color:var(--info, #d84c96);fill:var(--info, #d84c96)}:host .border-info{border:0.0625rem solid var(--info, #d84c96)}:host .bg-light{background-color:var(--light, #ffffff) !important}:host .light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}:host .border-light{border:0.0625rem solid var(--light, #ffffff)}:host .bg-stable{background-color:var(--stable, #adadad) !important}:host .stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}:host .border-stable{border:0.0625rem solid var(--stable, #adadad)}:host .bg-stable-alt{background-color:var(--stable-alt, #d0d0d0) !important}:host .stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}:host .border-stable-alt{border:0.0625rem solid var(--stable-alt, #d0d0d0)}:host .bg-stable-light{background-color:var(--stable-light, #f1f1f1) !important}:host .stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}:host .border-stable-light{border:0.0625rem solid var(--stable-light, #f1f1f1)}:host .bg-stable-ultralight{background-color:var(--stable-ultralight, #fafafa) !important}:host .stable-ultralight{color:var(--stable-ultralight, #fafafa);fill:var(--stable-ultralight, #fafafa)}:host .border-stable-ultralight{border:0.0625rem solid var(--stable-ultralight, #fafafa)}:host .bg-success{background-color:var(--success, #3aa76d) !important}:host .success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}:host .border-success{border:0.0625rem solid var(--success, #3aa76d)}:host .bg-text-color{background-color:var(--text-color, #807f83) !important}:host .text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}:host .border-text-color{border:0.0625rem solid var(--text-color, #807f83)}:host .bg-warning{background-color:var(--warning, #ed6e33) !important}:host .warning{color:var(--warning, #ed6e33);fill:var(--warning, #ed6e33)}:host .border-warning{border:0.0625rem solid var(--warning, #ed6e33)}:host .bg-wood{background-color:var(--wood, #99644c) !important}:host .wood{color:var(--wood, #99644c);fill:var(--wood, #99644c)}:host .border-wood{border:0.0625rem solid var(--wood, #99644c)}@-webkit-keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes scale-up{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.15);transform:scale(1.15)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-up{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.15);transform:scale(1.15)}100%{-webkit-transform:scale(1);transform:scale(1)}}:host yoo-zoom{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;opacity:1}:host yoo-zoom[hidden]{opacity:0.5}:host yoo-zoom[mode=draw] canvas{cursor:crosshair;-ms-touch-action:none;touch-action:none}:host #text-editor,:host div[type=textbox]{position:absolute;display:inline-block;max-width:50%;padding:var(--spacing-08, 0.5rem);border-radius:var(--border-radius-08, 0.5rem);outline:0}:host #text-editor{top:calc(50% - 1.5rem);left:calc(50% - 0.5rem);z-index:6;color:var(--light, #ffffff);text-align:center;-webkit-transition:font-size 0.125s linear, background-color 0.5s linear;transition:font-size 0.125s linear, background-color 0.5s linear;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}:host yoo-img{z-index:1;display:var(--global-image-display);-ms-flex-align:var(--global-image-align);align-items:var(--global-image-align)}:host yoo-loader{background-color:var(--dark, #000000);-webkit-animation:loading 3s forwards;animation:loading 3s forwards}@-webkit-keyframes loading{from{opacity:1}to{opacity:0}}@keyframes loading{from{opacity:1}to{opacity:0}}:host #drawings{z-index:2}:host #src{z-index:1}:host #c-picker{position:absolute;z-index:4;width:var(--spacing-32, 2rem);height:var(--spacing-32, 2rem);border:1px solid var(--light, #ffffff);border-radius:50%;cursor:crosshair;-webkit-transition:opacity 0.5s ease-in-out;transition:opacity 0.5s ease-in-out;will-change:transform}:host #c-picker[hidden]{opacity:0}:host #overlay{z-index:5;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;color:var(--light, #ffffff);font-size:var(--font-size-20, 1.25rem);background-color:var(--dark-40, rgba(0, 0, 0, 0.4));-webkit-transition:background-color 5s ease-in-out;transition:background-color 5s ease-in-out}:host #annotations{position:relative;top:0;margin:auto}:host #overlay,:host canvas,:host yoo-img{position:absolute}:host footer{position:absolute;bottom:-3rem;left:50%;z-index:6;width:100%;margin-bottom:var(--safe-area-inset-bottom);overflow-x:auto;-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0}:host footer yoo-color-selector{margin:0 auto;padding-left:var(--spacing-16, 1rem)}:host footer.active{bottom:0;opacity:1}:host footer.has-description{-webkit-transform:inherit;transform:inherit}:host footer .description-container{color:var(--stable, #adadad);text-align:center}:host([animated]) footer{-webkit-transition:all 0.5s linear;transition:all 0.5s linear}:host([display=standard]){-ms-scroll-chaining:none;overscroll-behavior:none}:host([display=preview]) yoo-img{--border-radius:var(--img-radius);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}";
 
 const YooPhotoEditorComponent = class {
   constructor(hostRef) {
@@ -1464,7 +1464,7 @@ const YooPhotoEditorComponent = class {
     return (this.isImageEditable && (index.h("footer", { class: { 'has-description': hasDescription }, ref: (el => this.footerElement = el) }, hasDescription && index.h("div", { class: "description-container" }, this.description), index.h("yoo-color-selector", { disablePicker: this.isTextCreateMode, selectedColor: selectedColor, ref: (el) => (this.colorSelectorElement = el), onPickerSelected: () => this.onPickColor(), onColorSelected: (event) => this.onSelectColor(event === null || event === void 0 ? void 0 : event.detail) }))));
   }
   render() {
-    return (index.h(index.Host, { class: { 'swiper-no-swiping': !this.isReadonly }, ...(this.isPreview && !this.isImageZoomable && this.imageSizeStyle), onClick: (ev) => this.outsideImageClick(ev) }, this.renderHeader(), this.renderContent(), this.renderFooter(), this.renderSlider(), this.renderActionButtons(), this.renderLoader()));
+    return (index.h(index.Host, { class: { 'swiper-no-swiping': !this.isReadonly, ...commonHelpers.getAppContext(this.host) }, ...(this.isPreview && !this.isImageZoomable && this.imageSizeStyle), onClick: (ev) => this.outsideImageClick(ev) }, this.renderHeader(), this.renderContent(), this.renderFooter(), this.renderSlider(), this.renderActionButtons(), this.renderLoader()));
   }
   get host() { return index.getElement(this); }
   static get watchers() { return {

package/dist/cjs/yoo-pivot-table.cjs.entry.js

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-3f2bca41.js');
+require('./index-ca271bba.js');
 const _commonjsHelpers = require('./_commonjsHelpers-94df2ea7.js');
 const lodash = require('./lodash-a9050d79.js');
-const gridRenderers = require('./grid-renderers-159c1003.js');
-const overlays = require('./overlays-c545c947.js');
-require('./index-f9aace31.js');
-require('./incentive-helpers-55918dea.js');
-require('./missions-helpers-e5867ec5.js');
-require('./common-helpers-edf7fda5.js');
-require('./form-helpers-3f195fb6.js');
+const gridRenderers = require('./grid-renderers-42273bd5.js');
+const overlays = require('./overlays-3067754c.js');
+require('./index-4f7e1f11.js');
+require('./incentive-helpers-0b54590e.js');
+require('./missions-helpers-963ce2e6.js');
+require('./common-helpers-e0f8defd.js');
+require('./form-helpers-8298d40b.js');
 require('./geolocation-helpers-4c8ccc80.js');
 
 var domToImage = _commonjsHelpers.createCommonjsModule(function (module) {

package/dist/cjs/yoo-podium.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 podiumCss = "svg:not(:root){overflow:hidden}:host{--podium-height:30rem;display:block}:host .podium-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;height:100%}:host .podium-container yoo-icon{margin-right:0.75rem}:host .podium-container yoo-img{width:18.75rem;height:var(--podium-height);overflow:inherit}:host([hidden]){display:none}";
@@ -107,7 +107,8 @@ const YooPodiumComponent = class {
       if (usernameTextElement && (imageAvatarContainerElement || noImageAvatarContainerElement)) {
         const usernameWidth = usernameTextElement.getBoundingClientRect().width;
         const translateYValue = prefixClass === 'right' ? 60 : prefixClass === 'left' ? -28 : 10;
-        const translateXValue = (avatarWidth - usernameWidth) / 2;
+        let translateXValue = (avatarWidth - usernameWidth) / 2;
+        overlays.isRTL() && (translateXValue += usernameWidth);
         usernameTextElement.setAttribute('transform', `translate(${translateXValue}, ${translateYValue})`);
       }
     }
@@ -119,8 +120,10 @@ const YooPodiumComponent = class {
       this.displayElement(pointsContainerElement, true);
       if (pointsElement) {
         const pointLength = points.toString().length || 1;
-        const translateX = 4 * (pointLength - 1);
-        pointsElement.setAttribute('transform', pointsTransform.replace('#tslX', `${prefixClass === 'right' ? translateX : -translateX}`));
+        const translateX = overlays.isRTL() ? 4 * (pointLength + 1) : 4 * (pointLength - 1);
+        pointsElement.setAttribute('transform', pointsTransform.replace('#tslX', `${prefixClass === 'right'
+          ? overlays.isRTL() ? -translateX : translateX
+          : overlays.isRTL() ? translateX : -translateX}`));
       }
     }
     else {
@@ -159,6 +162,7 @@ const YooPodiumComponent = class {
           const initialUsernameText = (lodash.get(user, 'firstName', false) && lodash.get(user, 'lastName', false)) ? `${getInitial(user.firstName)}${getInitial(user.lastName)}` : getInitial(user.username);
           if (noImageAvatarContainerElement) {
             this.displayElement(noImageAvatarContainerElement, true);
+            overlays.isRTL() && (noImageAvatarContainerElement.setAttribute('style', 'direction: ltr')); //* direction: rtl does some weird stuff and is not needed
             const textElement = noImageAvatarContainerElement.querySelector('tspan');
             textElement.textContent = initialUsernameText;
             noImageAvatarContainerElement.addEventListener('click', () => {