@yoobic/yobi 8.6.0-4 → 8.6.0-5

package/dist/esm/yoo-section-list.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-06fc3d74.js';
-import './index-30d0dd50.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-22891abe.js';
+import './index-590d30dd.js';
 import { $ as debounce, t as clone, I as omit, C as get } from './lodash-777f91de.js';
 import { S as Sortable } from './sortable.esm-f788d1ca.js';
-import { t as translate, aW as gsapTo, aX as gsapSet, d4 as gsapFrom, d5 as showRename, aA as getCurrentLanguage, a3 as translateMulti, d6 as getTranslatedAttribute } from './index-7b3985f1.js';
-import './index-847a32fd.js';
+import { t as translate, aW as gsapTo, aX as gsapSet, d4 as gsapFrom, d5 as showRename, aA as getCurrentLanguage, a3 as translateMulti, d6 as getTranslatedAttribute } from './index-97f4ed07.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const sectionListCss = "svg:not(:root){overflow:hidden}:host yoo-truncate{--max-lines:2}:host .headers{display:-ms-flexbox;display:flex;padding:0 var(--spacing-40, 2.5rem)}:host .headers div:first-child{-ms-flex:5;flex:5}:host .headers div{-ms-flex:2.333;flex:2.333;padding-left:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-16, 1rem)}:host .sections{padding-bottom:10rem}:host .sections .section{margin:var(--spacing-16, 1rem);background-color:var(--stable-light-40, rgba(241, 241, 241, 0.4));border-radius:var(--border-radius-04, 0.25rem)}:host .sections .section.hidden{display:none}:host .sections .section.sortable-drag .section-title div,:host .sections .section.sortable-drag .section-title yoo-icon,:host .sections .section.sortable-ghost .section-title div,:host .sections .section.sortable-ghost .section-title yoo-icon{opacity:0}:host .sections .section.sortable-drag .items,:host .sections .section.sortable-ghost .items{display:none}:host .sections .section.sortable-drag .section-title{background:var(--light, #ffffff);border:solid var(--border-width-02, 0.125rem) var(--app-color, #5a30f4);border-radius:var(--border-radius-04, 0.25rem);-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 .sections .section.sortable-drag .section-title .title{opacity:1}:host .sections .section.sortable-ghost{cursor:-webkit-grabbing !important;cursor:grabbing !important}:host .sections .section.sortable-ghost .section-title{border:dashed var(--border-width-02, 0.125rem) var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-04, 0.25rem)}:host .sections .section .section-title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:var(--spacing-08, 0.5rem);font-size:var(--font-size-16, 1rem)}:host .sections .section .section-title .title{font-weight:bold}:host .sections .section .section-title .title,:host .sections .section .section-title .item-count{padding-left:0.5rem;font-size:var(--font-size-16, 1rem)}:host .sections .section .section-title .item-count{-ms-flex:1;flex:1;color:var(--stable, #adadad);white-space:nowrap}:host .sections .section .section-title .draggable{cursor:move}:host .sections .section .section-title .draggable yoo-icon{vertical-align:middle}:host .sections .section .section-title yoo-icon{padding:0 var(--spacing-08, 0.5rem)}:host .sections .section .section-title yoo-icon.section-dialog{vertical-align:middle}:host .sections .section .items{padding-bottom:var(--spacing-16, 1rem);overflow:hidden}:host .sections .section .items .item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:var(--spacing-08, 0.5rem);overflow:hidden}:host .sections .section .items .item .draggable{padding:1rem;cursor:move}:host .sections .section .items .item .draggable yoo-icon{vertical-align:middle}:host .sections .section .items .item.hidden{display:none}:host .sections .section .items .item.selectable{padding-left:0}:host .sections .section .items .item.selectable.mousehover .checkbox,:host .sections .section .items .item.selectable .checkbox.visible{visibility:visible}:host .sections .section .items .item.selectable .checkbox{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:35px;visibility:hidden}:host .sections .section .items .item.sortable-drag .item-container{border:solid var(--border-width-02, 0.125rem) var(--app-color, #5a30f4);-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 .sections .section .items .item.sortable-ghost{cursor:-webkit-grabbing;cursor:grabbing}:host .sections .section .items .item.sortable-ghost .item-container{background:var(--stable-light-40, rgba(241, 241, 241, 0.4));border:dashed var(--border-width-02, 0.125rem) var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-04, 0.25rem)}:host .sections .section .items .item.sortable-ghost .item-container div{opacity:0}:host .sections .section .items .item.no-mousehover.mousehover .item-container{cursor:-webkit-grabbing;cursor:grabbing}:host .sections .section .items .item .checkbox{display:none;overflow:hidden}:host .sections .section .items .item .item-container{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;background-color:var(--light, #ffffff);border:solid var(--border-width-01, 0.0625rem) var(--stable-light, #f1f1f1);border-radius:var(--border-radius-08, 0.5rem)}:host .sections .section .items .item .item-container .title-container{-ms-flex:4;flex:4;padding:var(--spacing-16, 1rem);overflow:hidden}:host .sections .section .items .item .item-container .title-container .title{font-size:var(--font-size-18, 1.125rem)}:host .sections .section .items .item .item-container .title-container .description{overflow:hidden;color:var(--text-color, #807f83);font-size:var(--font-size-16, 1rem)}@supports (display: -webkit-box){:host .sections .section .items .item .item-container .title-container .description{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}}:host .sections .section .items .item .item-container .item-actions yoo-context-menu{padding:var(--spacing-16, 1rem)}:host .sections .section .items .item .item-container .item-actions .lesson-button{padding:var(--spacing-16, 1rem)}:host .sections .section .items .item .item-container .info-container{display:-ms-flexbox;display:flex;-ms-flex:7;flex:7}:host .sections .section .items .item .item-container .info-container .column{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center}:host .sections .section .items .item .item-container .info-container .column yoo-icon{padding-right:var(--spacing-04, 0.25rem)}:host .sections .section .items .item .item-container .info-container .column .value{font-size:var(--font-size-18, 1.125rem)}:host .sections .section .items .item.mousehover:not(.selectable):not(.sortable-drag):not(.sortable-ghost):not(.no-mousehover).sortable-chosen{cursor:-webkit-grab;cursor:grab}:host .sections .section .items .item.mousehover:not(.selectable):not(.sortable-drag):not(.sortable-ghost):not(.no-mousehover) .item-container{background-color:var(--app-color, #5a30f4);cursor:pointer}:host .sections .section .items .item.mousehover:not(.selectable):not(.sortable-drag):not(.sortable-ghost):not(.no-mousehover) .item-container .item-actions yoo-tooltip{margin-right:var(--spacing-04, 0.25rem)}:host .sections .section .items .item.mousehover:not(.selectable):not(.sortable-drag):not(.sortable-ghost):not(.no-mousehover) .item-container .item-actions yoo-tooltip .icon-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--spacing-24, 1.5rem);height:var(--spacing-24, 1.5rem);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 .sections .section .items .item.mousehover:not(.selectable):not(.sortable-drag):not(.sortable-ghost):not(.no-mousehover) .item-container .item-actions yoo-tooltip:last-child{margin-right:var(--spacing-16, 1rem)}:host .sections .section:hover{cursor:pointer}:host .dialog{position:absolute;right:0;margin:0.375rem var(--spacing-08, 0.5rem) 0 0;overflow:hidden;background-color:var(--light, #ffffff);border-radius:0.25rem;-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 .dialog.hidden{display:none}:host .dialog.not.hidden{display:block}:host .dialog .menu{margin:var(--spacing-08, 0.5rem) 0;padding-right:var(--spacing-24, 1.5rem);padding-left:1rem;font-size:var(--font-size-14, 0.875rem);list-style-type:none}:host .dialog .menu li{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .dialog .menu li yoo-icon{padding-right:var(--spacing-08, 0.5rem)}";

package/dist/esm/yoo-segmented-control.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-06fc3d74.js';
-import { r as resizeObserve } from './index-30d0dd50.js';
-import { L as isRTL, t as translate } from './index-7b3985f1.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-22891abe.js';
+import { r as resizeObserve } from './index-590d30dd.js';
+import { L as isRTL, t as translate } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
-import './index-847a32fd.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const segmentedControlCss = "svg:not(:root){overflow:hidden}:host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%;background:var(--stable-light, #f1f1f1);border-radius:var(--border-radius-08, 0.5rem)}:host .segment-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin:var(--spacing-02, 0.125rem) 0}:host .segment-container .segment-content{z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:var(--spacing-04, 0.25rem)}:host .segment-container .segment-content h3{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin:0;color:var(--text-color, #807f83);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-12, 0.75rem);text-align:center}:host .segment-container .segment-content input{position:fixed;opacity:0;pointer-events:none}:host .segment-container .separator{height:60%;border-left:solid var(--border-width-02, 0.125rem) var(--dark-10, rgba(0, 0, 0, 0.1));visibility:visible}:host .segment-container .separator.active{visibility:hidden}:host .segment-container:first-of-type{margin-left:var(--spacing-02, 0.125rem)}:host .segment-container:last-of-type{margin-right:var(--spacing-02, 0.125rem)}:host .segment-container:last-of-type .separator{display:none}:host .segment-container.active h3{color:var(--light, #ffffff)}:host .segment-container:not(.active){cursor:pointer}:host .segment-container ::slotted(*){position:absolute}:host([size=small]){height:1.75rem}:host([size=medium]),:host([size=large]){height:2rem}:host([size=medium]) yoo-icon+yoo-truncated-line,:host([size=small]) yoo-icon+yoo-truncated-line{width:calc(100% - (var(--icon-size-01, 1rem) + var(--spacing-04, 0.25rem)))}:host([size=large]) .segment-container h3{font-size:var(--font-size-14, 0.875rem)}:host([size=large]) .segment-container yoo-icon+yoo-truncated-line{width:calc(100% - (var(--icon-size-02, 1.5rem) + var(--spacing-04, 0.25rem)))}:host([animated]) .segment-content h3{-webkit-transition:color 0.3s ease-in-out;transition:color 0.3s ease-in-out}:host([animated]) .active-background{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.active-background{position:absolute;height:87%;margin:var(--spacing-02, 0.125rem) 0;background:var(--app-color, #5a30f4);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(.rtl){direction:rtl}";

package/dist/esm/yoo-side-menu-tree.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, f as forceUpdate, h, e as Host, g as getElement } from './index-06fc3d74.js';
-import './index-30d0dd50.js';
-import { t as translate } from './index-7b3985f1.js';
+import { r as registerInstance, f as forceUpdate, h, e as Host, g as getElement } from './index-22891abe.js';
+import './index-590d30dd.js';
+import { t as translate } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
-import './index-847a32fd.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const sideMenuTreeCss = "svg:not(:root){overflow:hidden}:host{--spacing-bottom:var(--spacing-48, 3rem)}:host .outer-container{padding-bottom:var(--spacing-bottom)}:host .outer-container yoo-header{padding-bottom:var(--spacing-16, 1rem);font-weight:bold;font-size:var(--font-size-16, 1rem)}:host .outer-container .sub-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-top:var(--spacing-04, 0.25rem);padding-bottom:var(--spacing-04, 0.25rem);cursor:pointer}:host .outer-container .sub-item .title{padding-left:var(--spacing-04, 0.25rem);font-size:var(--font-size-14, 0.875rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .outer-container .sub-item yoo-icon.hide{opacity:0}:host .outer-container .sub-item yoo-icon,:host .outer-container .sub-item yoo-avatar{padding-right:var(--spacing-04, 0.25rem)}:host .outer-container .sub-item yoo-badge{margin-left:auto}:host .outer-container .bottom-action{display:-ms-flexbox;display:flex;padding-top:var(--spacing-08, 0.5rem);color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem);cursor:pointer}:host(.calendars) yoo-header{font-weight:var(--font-weight-400, 400)}";

package/dist/esm/yoo-side-menu.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-06fc3d74.js';
-import './index-30d0dd50.js';
+import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-22891abe.js';
+import './index-590d30dd.js';
 import { a as isNumber } from './lodash-777f91de.js';
-import { g as getAppContext } from './common-helpers-2139c840.js';
-import { H as isWeb, ap as dispatchCustomEvent, t as translate, a8 as getSession } from './index-7b3985f1.js';
-import './index-847a32fd.js';
+import { g as getAppContext } from './common-helpers-2a9aacec.js';
+import { H as isWeb, ap as dispatchCustomEvent, t as translate, a8 as getSession } from './index-97f4ed07.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const sideMenuCss = "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{--menu-width:15rem;position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:var(--menu-width);height:100%;background:var(--stable-ultralight-80, rgba(250, 250, 250, 0.8));border-right:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);-webkit-transition:0.3s;transition:0.3s}:host .scrolling-container{position:initial;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:justify;justify-content:space-between;width:100%}:host .divider{height:0.0625rem;margin:var(--spacing-08, 0.5rem) 0;background-color:var(--stable-light, #f1f1f1)}:host .avatar-divider{width:2.25rem;margin:auto;background-color:transparent}:host .top-container{-ms-flex:1;flex:1}:host .top-container .header-items{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin:0 0 var(--spacing-16, 1rem) 0}:host .top-container .header-items yoo-tag{margin-left:var(--spacing-08, 0.5rem)}:host .top-container yoo-form-input{margin:var(--spacing-16, 1rem) 0 var(--spacing-16, 1rem) 0}:host .top-container yoo-form-input.has-header{margin:var(--spacing-08, 0.5rem) 0 var(--spacing-16, 1rem) 0}:host .top-container yoo-form-input.hidden{display:none;opacity:0}:host .top-container .header-logo yoo-img{--logo-text-color:var(--dark, #000000);height:2.125rem}:host .top-container .header-logo:hover{cursor:pointer}:host .avatar-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:100%;height:2rem;margin-bottom:var(--spacing-08, 0.5rem);padding-left:var(--spacing-04, 0.25rem);border-radius:var(--border-radius-08, 0.5rem)}:host .avatar-container:hover{background:var(--app-color-10, rgba(90, 48, 244, 0.1));cursor:pointer}:host .avatar-container yoo-icon{margin-right:var(--spacing-04, 0.25rem);margin-left:var(--spacing-08, 0.5rem)}:host .avatar-container .profile-avatar-and-name{display:-ms-flexbox;display:flex;width:calc(100% - (var(--icon-size-02, 1.5rem) + var(--spacing-08, 0.5rem)))}:host .avatar-container .profile-avatar-and-name .user-name{width:calc(100% - (var(--icon-size-02, 1.5rem) + var(--spacing-08, 0.5rem)));margin-left:var(--spacing-08, 0.5rem);color:var(--dark, #000000)}:host yoo-accordion{--accordion-background:transparent;--title-font-size:var(--font-size-16, 1rem);--title-font-weight:var(--font-weight-400, 400);--title-font-color:var(--dark, #000000);--title-icon-color:var(--text-color, #807f83);--right-icon-color:var(--stable, #adadad);--hover-background:var(--app-color-10, rgba(90, 48, 244, 0.1));--selected-background:var(--app-color-10, rgba(90, 48, 244, 0.1));--selected-color:var(--app-color, #5a30f4)}:host .icon-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;min-height:2.25rem}:host .top-list{padding-bottom:var(--spacing-04, 0.25rem)}:host .top-list .menu-icon{margin-bottom:0 !important}:host .bottom-container,:host .top-container{margin:var(--spacing-16, 1rem) var(--spacing-24, 1.5rem) var(--spacing-16, 1rem) var(--spacing-24, 1.5rem);-webkit-transition:0.3s;transition:0.3s}:host .bottom-container .icon-container,:host .top-container .icon-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative;width:2.25rem;height:2.25rem;margin:var(--spacing-02, 0.125rem) 0;border-radius:50%;cursor:pointer}:host .bottom-container .icon-container:hover,:host .top-container .icon-container:hover{background:var(--stable-light-60, rgba(241, 241, 241, 0.6))}:host .bottom-container .icon-container yoo-badge,:host .top-container .icon-container yoo-badge{position:absolute;top:1rem;right:auto;bottom:auto;left:-0.325rem}:host .bottom-container .icon-container yoo-badge.count,:host .top-container .icon-container yoo-badge.count{background-color:var(--light, #ffffff);border:solid var(--light, #ffffff) 0.1875rem;border-radius:50%;position:absolute;top:-0.5625rem;right:-0.6875rem;bottom:auto;left:auto}:host .bottom-container .icon-row,:host .top-container .icon-row{display:-ms-flexbox;display:flex}:host .bottom-container .icon-row .icon-container.toggle-icon,:host .top-container .icon-row .icon-container.toggle-icon{position:absolute;right:1.5rem}:host(.collapsed){width:4.5rem}:host(.collapsed) .bottom-container,:host(.collapsed) .top-container{margin:var(--spacing-08, 0.5rem) 0}:host(.collapsed) .top-container .header-logo{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:2.25rem;height:2.25rem;margin:var(--spacing-04, 0.25rem) 0}:host(.collapsed) .top-container .header-logo:hover{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:2.25rem;height:2.25rem;background:var(--stable-light-60, rgba(241, 241, 241, 0.6));border-radius:50%}:host(.collapsed) .top-container .header-logo yoo-img{width:1.5rem;height:1.5rem}:host(.hidden){width:0}:host(.custom-theme:not(.feed)){background:var(--app-color, #5a30f4);--dark:var(--light, #ffffff);--text-color:var(--light-40, rgba(255, 255, 255, 0.4))}:host(.custom-theme:not(.feed)) yoo-accordion{--divider-background:var(--light-10, rgba(255, 255, 255, 0.1));--hover-background:var(--stable-light-60, rgba(241, 241, 241, 0.6));--selected-background:var(--stable-light-60, rgba(241, 241, 241, 0.6))}:host(.custom-theme:not(.feed)) .avatar-container:hover{background-color:var(--stable-light-60, rgba(241, 241, 241, 0.6))}:host(.no-margin) .top-container{margin-top:0;margin-bottom:0}:host(.rtl){border-right-width:0;border-left:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}";
@@ -186,7 +186,7 @@ const YooSideMenuComponent = class {
   renderAvatarContainer() {
     var _a;
     const buttons = (_a = this.profileFooterOptions) === null || _a === void 0 ? void 0 : _a.filter((option) => (option.isVisible ? option.isVisible() : true));
-    return ((buttons === null || buttons === void 0 ? void 0 : buttons.length) > 0 && (h("div", null, h("yoo-context-menu", { class: { 'side-menu flex menu-collapsed': this.isMenuCollapsed }, hoverMode: this.isMenuCollapsed, placement: this.isMenuCollapsed ? 'right' : 'above', contentButtons: buttons, cursorPosition: "center", onContextMenuOpened: () => (this.isContextMenuOpen = true), onContextMenuClosed: () => (this.isContextMenuOpen = false) }, h("div", { class: { 'avatar-container': !this.isMenuCollapsed } }, this.renderAccountAvatar())), h("div", { class: "divider avatar-divider" }))));
+    return ((buttons === null || buttons === void 0 ? void 0 : buttons.length) > 0 && (h("div", null, h("yoo-context-menu", { class: { 'side-menu flex menu-collapsed': this.isMenuCollapsed, 'font-large': true }, hoverMode: this.isMenuCollapsed, placement: this.isMenuCollapsed ? 'right' : 'above', contentButtons: buttons, cursorPosition: "center", onContextMenuOpened: () => (this.isContextMenuOpen = true), onContextMenuClosed: () => (this.isContextMenuOpen = false) }, h("div", { class: { 'avatar-container': !this.isMenuCollapsed } }, this.renderAccountAvatar())), h("div", { class: "divider avatar-divider" }))));
   }
   renderAccountAvatar() {
     return this.isMenuCollapsed ? (h("yoo-tooltip", { hoverable: true, placement: "right" }, h("div", { class: "icon-container" }, h("yoo-avatar", { size: "small", user: this.user, isOnline: true })))) : ([

package/dist/esm/yoo-slides-media.entry.js

@@ -1,11 +1,11 @@
-import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-06fc3d74.js';
-import { w as closeModal, S as ScreenOrientation, X as findParent, am as isImage, aZ as isImageUrl, o as isNativeMobile, p as isAndroid, aG as capitalizeFirstLetter, a3 as translateMulti, G as showModal, H as isWeb, W as getAsyncExtraData, t as translate, b9 as showToast, x as gsapTimeline, aC as isPhotoEdited, aW as gsapTo, M as isIphoneX, av as pipes, ak as isVideo } from './index-7b3985f1.js';
-import './index-30d0dd50.js';
+import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-22891abe.js';
+import { w as closeModal, S as ScreenOrientation, X as findParent, am as isImage, aZ as isImageUrl, o as isNativeMobile, p as isAndroid, aG as capitalizeFirstLetter, a3 as translateMulti, G as showModal, H as isWeb, W as getAsyncExtraData, t as translate, b9 as showToast, x as gsapTimeline, aC as isPhotoEdited, aW as gsapTo, M as isIphoneX, av as pipes, ak as isVideo } from './index-97f4ed07.js';
+import './index-590d30dd.js';
 import { i as isArray } from './lodash-777f91de.js';
-import { j as lockSwipes } from './common-helpers-2139c840.js';
-import { e as parseEntityForCardMedia } from './entities-helpers-8e16d499.js';
-import { d as fuzzySearch } from './form-text-area-helpers-3ff88299.js';
-import './index-847a32fd.js';
+import { j as lockSwipes } from './common-helpers-2a9aacec.js';
+import { e as parseEntityForCardMedia } from './entities-helpers-b5569bff.js';
+import { d as fuzzySearch } from './form-text-area-helpers-54d85e80.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const slidesMediaCss = "svg.sc-yoo-slides-media:not(:root){overflow:hidden}.sc-yoo-slides-media-h{--search-bar-display:none;width:100%;height:100%;background:var(--dark, #000000)}@-webkit-keyframes fadeInTransition{0%{opacity:1}50%{opacity:0.5}100%{visibility:hidden;opacity:0}}@keyframes fadeInTransition{0%{opacity:1}50%{opacity:0.5}100%{visibility:hidden;opacity:0}}.sc-yoo-slides-media-h .fade-in.sc-yoo-slides-media{margin-bottom:2.5rem !important;-webkit-animation:fadeInTransition 0.5s;animation:fadeInTransition 0.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.sc-yoo-slides-media-h .content-container.sc-yoo-slides-media{display:-ms-flexbox;display:flex;width:100%;height:100%}.sc-yoo-slides-media-h .content-container.video.sc-yoo-slides-media{padding-top:var(--spacing-64, 4rem);padding-bottom:var(--spacing-64, 4rem)}.sc-yoo-slides-media-h .content-container.sc-yoo-slides-media yoo-photo-editor.sc-yoo-slides-media{width:100%}.sc-yoo-slides-media-h .content-container.sc-yoo-slides-media yoo-videoplayer-core.sc-yoo-slides-media{z-index:6;width:100%;background:var(--dark, #000000)}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media{position:absolute;top:0;left:0;z-index:9;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;background:var(--light, #ffffff)}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;margin:var(--spacing-16, 1rem)}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media yoo-form-input.sc-yoo-slides-media{padding-bottom:var(--spacing-08, 0.5rem)}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media .current-tag-container.sc-yoo-slides-media .header.sc-yoo-slides-media{display:-ms-flexbox;display:flex}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media .current-tag-container.sc-yoo-slides-media .header.sc-yoo-slides-media yoo-icon.sc-yoo-slides-media{margin-left:var(--spacing-04, 0.25rem)}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media .current-tag-container.sc-yoo-slides-media .badges-container.sc-yoo-slides-media{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;padding-top:var(--spacing-08, 0.5rem);overflow:auto}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media .current-tag-container.sc-yoo-slides-media .badges-container.sc-yoo-slides-media::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media .current-tag-container.sc-yoo-slides-media .badges-container.sc-yoo-slides-media::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media .current-tag-container.sc-yoo-slides-media .badges-container.sc-yoo-slides-media::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media .current-tag-container.sc-yoo-slides-media .badges-container.sc-yoo-slides-media yoo-tooltip.sc-yoo-slides-media{max-width:100%}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media .current-tag-container.sc-yoo-slides-media .badges-container.sc-yoo-slides-media yoo-tag.sc-yoo-slides-media{max-width:100%;margin-right:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-08, 0.5rem)}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media .current-tag-container.sc-yoo-slides-media .badges-container.max-height.sc-yoo-slides-media{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .button-container.sc-yoo-slides-media{width:100%;margin-top:auto;padding:var(--spacing-16, 1rem);border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .button-container.sc-yoo-slides-media yoo-button.sc-yoo-slides-media{width:50%;margin-left:auto}.sc-yoo-slides-media-h .action-buttons.sc-yoo-slides-media{display:-ms-flexbox;display:flex;padding-top:var(--spacing-04, 0.25rem);color:var(--light, #ffffff);font-size:var(--font-size-20, 1.25rem)}.sc-yoo-slides-media-h .slides-media-container.sc-yoo-slides-media{width:100%;height:100%}.sc-yoo-slides-media-h .slides-media-container.sc-yoo-slides-media .slides-container.sc-yoo-slides-media{height:100%}.sc-yoo-slides-media-h .slides-media-container.sc-yoo-slides-media .slides-container.sc-yoo-slides-media yoo-ion-slides.sc-yoo-slides-media{--host-background-color:var(--dark, #000000);height:100%}.sc-yoo-slides-media-h .slides-media-container.sc-yoo-slides-media yoo-swipe-container.sc-yoo-slides-media{--swiper-background:var(--dark, #000000);--wrapper-border-radius:0}.sc-yoo-slides-media-h mark.sc-yoo-slides-media{color:var(--light, #ffffff);background-color:transparent}.sc-yoo-slides-media-h .bottom-container.sc-yoo-slides-media{position:absolute;top:auto;right:0;bottom:0;left:0;z-index:8;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;margin-bottom:0 !important;padding:var(--spacing-16, 1rem);color:var(--stable, #adadad);word-break:break-word;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(7%, rgba(0, 0, 0, 0)), color-stop(6%, rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, 0.85)));background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 7%, rgba(0, 0, 0, 0) 6%, rgba(0, 0, 0, 0.85) 70%);-webkit-transition:0.3s;transition:0.3s}.sc-yoo-slides-media-h .bottom-container.sc-yoo-slides-media .white-text.sc-yoo-slides-media{padding:0 var(--spacing-04, 0.25rem);color:var(--light, #ffffff)}.sc-yoo-slides-media-h .bottom-container.sc-yoo-slides-media .user-info.sc-yoo-slides-media{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start}.sc-yoo-slides-media-h .bottom-container.sc-yoo-slides-media .user-info.sc-yoo-slides-media .user-title.sc-yoo-slides-media{padding-left:var(--spacing-08, 0.5rem);color:var(--stable, #adadad);text-align:left}.sc-yoo-slides-media-h .bottom-container.sc-yoo-slides-media .photo-information.sc-yoo-slides-media{text-align:left}.sc-yoo-slides-media-h .bottom-container.sc-yoo-slides-media .tags.sc-yoo-slides-media{display:-ms-flexbox;display:flex;padding-top:var(--spacing-04, 0.25rem);padding-right:var(--spacing-04, 0.25rem);color:var(--app-color, #5a30f4)}.sc-yoo-slides-media-h .bottom-container.sc-yoo-slides-media .time.sc-yoo-slides-media{font-size:var(--font-size-14, 0.875rem)}.sc-yoo-slides-media-h .bottom-container.iphone-x.sc-yoo-slides-media{padding-bottom:var(--spacing-16, 1rem)}.sc-yoo-slides-media-h .bottom-container.sc-yoo-slides-media yoo-icon.sc-yoo-slides-media{margin-right:var(--spacing-16, 1rem)}.sc-yoo-slides-media-h yoo-header.sc-yoo-slides-media{position:absolute;top:0;right:0;bottom:auto;left:0;z-index:11;cursor:pointer;-webkit-transition:0.3s;transition:0.3s}.card-media.sc-yoo-slides-media-h .slides-media-container.sc-yoo-slides-media yoo-swipe-container.sc-yoo-slides-media{--wrapper-border-radius:var(--border-radius-08, 0.5rem)}.card-media.sc-yoo-slides-media-h .hover-buttons.sc-yoo-slides-media{position:absolute;right:0;bottom:var(--spacing-16, 1rem);display:-ms-flexbox;display:flex}.card-media.sc-yoo-slides-media-h .hover-buttons.sc-yoo-slides-media yoo-button.sc-yoo-slides-media{margin-right:var(--spacing-16, 1rem)}.card-media.sc-yoo-slides-media-h .hover-buttons.sc-yoo-slides-media .flex.sc-yoo-slides-media{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.card-media.sc-yoo-slides-media-h .hover-buttons.sc-yoo-slides-media .flex.sc-yoo-slides-media span.sc-yoo-slides-media{padding-left:var(--spacing-08, 0.5rem)}.tagging.sc-yoo-slides-media-h{--search-bar-display:block}";
@@ -164,7 +164,12 @@ const YooSlidesMediaComponent = class {
             annotations: this.currentItem.annotations
           }
         };
-        showModal(feedDetail, null, 'fullscreen', isWeb(this.host) ? 'fadeEnterAnimation' : 'slideXEnterReverseAnimation', isWeb(this.host) ? 'fadeLeaveAnimation' : 'slideXLeaveReverseAnimation');
+        showModal({
+          component: feedDetail,
+          cssClass: 'fullscreen',
+          enterAnimation: isWeb(this.host) ? 'fadeEnterAnimation' : 'slideXEnterReverseAnimation',
+          leaveAnimation: isWeb(this.host) ? 'fadeLeaveAnimation' : 'slideXLeaveReverseAnimation'
+        });
       }
     }
   }

package/dist/esm/yoo-start-meeting-popup.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-06fc3d74.js';
-import './index-30d0dd50.js';
-import { g as getAppContext } from './common-helpers-2139c840.js';
-import { t as translate } from './index-7b3985f1.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-22891abe.js';
+import './index-590d30dd.js';
+import { g as getAppContext } from './common-helpers-2a9aacec.js';
+import { t as translate } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
-import './index-847a32fd.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const startMeetingPopupCss = "svg:not(:root){overflow:hidden}:host .outer-container{position:relative;width:15rem}:host .outer-container yoo-icon.cross{position:absolute;margin:var(--spacing-08, 0.5rem);cursor:pointer}:host .outer-container yoo-empty-state{height:17.6rem;background-color:var(--app-color-20, rgba(90, 48, 244, 0.2));border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container .description-container{padding:var(--spacing-16, 1rem);text-align:center}:host .outer-container .button-content{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .outer-container .button-content yoo-button{margin-bottom:var(--spacing-16, 1rem)}:host .outer-container .button-content yoo-button yoo-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .outer-container .button-content yoo-button yoo-icon span{padding-left:var(--spacing-08, 0.5rem);font-size:var(--font-size-12, 0.75rem)}";

package/dist/esm/yoo-swipe-container.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, i as createEvent, h } from './index-06fc3d74.js';
+import { r as registerInstance, i as createEvent, h } from './index-22891abe.js';
 import { s as setupHammer, h as hammerTypes, i as isBottomSwipe, a as isTopSwipe, b as isRightSwipe, c as isLeftSwipe, d as hammerDirections } from './hammer-helpers-0b560cb3.js';
 import './_commonjsHelpers-f4d11124.js';
 

package/dist/esm/yoo-tabs-slides.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, i as createEvent, l as readTask, m as writeTask, h, e as Host } from './index-06fc3d74.js';
+import { r as registerInstance, i as createEvent, l as readTask, m as writeTask, h, e as Host } from './index-22891abe.js';
 
 const tabsSlidesCss = "svg:not(:root){overflow:hidden}:host{position:relative;width:100%;color:var(--stable-alt, #d0d0d0)}.outer-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;width:100%;height:6.25rem;overflow:hidden;background:var(--stable-ultralight, #fafafa);-webkit-box-shadow:inset 0 -0.25rem var(--spacing-04, 0.25rem) -0.25rem var(--dark-10, rgba(0, 0, 0, 0.1));box-shadow:inset 0 -0.25rem var(--spacing-04, 0.25rem) -0.25rem var(--dark-10, rgba(0, 0, 0, 0.1))}yoo-ion-slides{width:100%;height:100%}yoo-ion-slide{width:unset !important;max-width:17.5rem}.slide-padding{max-height:var(--spacing-48, 3rem);margin:0 1.5rem;overflow:hidden}.active{color:var(--dark, #000000)}.indicator{position:absolute;bottom:-0.5rem;z-index:1;width:var(--spacing-16, 1rem);height:var(--spacing-16, 1rem);background:var(--light, #ffffff);-webkit-box-shadow:0 0 var(--spacing-04, 0.25rem) var(--dark-10, rgba(0, 0, 0, 0.1));box-shadow:0 0 var(--spacing-04, 0.25rem) var(--dark-10, rgba(0, 0, 0, 0.1));-webkit-transform:rotate(45deg);transform:rotate(45deg)}";
 

package/dist/esm/yoo-tabs.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-06fc3d74.js';
-import './index-30d0dd50.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-22891abe.js';
+import './index-590d30dd.js';
 import { a as isNumber, p as isString, G as isBoolean } from './lodash-777f91de.js';
-import { g as getAppContext } from './common-helpers-2139c840.js';
-import { o as isNativeMobile, N as isIOS, cv as vibrateHapticMedium, e0 as safeScrollIntoView, co as showActionSheet, a3 as translateMulti, H as isWeb, av as pipes } from './index-7b3985f1.js';
-import './index-847a32fd.js';
+import { g as getAppContext } from './common-helpers-2a9aacec.js';
+import { o as isNativeMobile, N as isIOS, cv as vibrateHapticMedium, e0 as safeScrollIntoView, co as showActionSheet, a3 as translateMulti, H as isWeb, av as pipes } from './index-97f4ed07.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const tabsCss = "svg:not(:root){overflow:hidden}:host{--justify-tabs:flex-start;--height-tabs:var(--spacing-40, 2.5rem);--opacity-tabs:1;--active-tab-background:none;--active-text-color:var(--text-color, #807f83);--active-tab-border-color:var(--app-color, #5a30f4);--tab-border-color:transparent;--tab-border-width:var(--border-width-02, 0.125rem);--tab-padding:0 var(--spacing-16, 1rem);--vertical-tab-gap:var(--spacing-08, 0.5rem);display:block;width:100%;overflow:hidden}:host .tab-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:0 var(--spacing-08, 0.5rem);color:var(--active-text-color);white-space:nowrap;border-bottom:var(--tab-border-width) solid var(--tab-border-color);cursor:pointer;-webkit-transition:0.3s ease;transition:0.3s ease}:host .tab-container yoo-icon{fill:var(--text-color, #807f83)}:host .tab-container.active{color:var(--app-color, #5a30f4);background:var(--active-tab-background);border-bottom-color:var(--active-tab-border-color)}:host .tab-container.active .accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}:host .tab-container.active .app-color{color:var(--app-color, #5a30f4);fill:var(--app-color, #5a30f4)}:host .tab-container.active .danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}:host .tab-container.active .dark{color:var(--dark, #000000);fill:var(--dark, #000000)}:host .tab-container.active .energized{color:var(--energized, #ffc043);fill:var(--energized, #ffc043)}:host .tab-container.active .info{color:var(--info, #d84c96);fill:var(--info, #d84c96)}:host .tab-container.active .light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}:host .tab-container.active .stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}:host .tab-container.active .stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}:host .tab-container.active .stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}:host .tab-container.active .stable-ultralight{color:var(--stable-ultralight, #fafafa);fill:var(--stable-ultralight, #fafafa)}:host .tab-container.active .success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}:host .tab-container.active .text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}:host .tab-container.active .warning{color:var(--warning, #ed6e33);fill:var(--warning, #ed6e33)}:host .tab-container.active .wood{color:var(--wood, #99644c);fill:var(--wood, #99644c)}:host .tab-container.active yoo-icon{fill:var(--app-color, #5a30f4)}:host .outer-container{position:relative;height:var(--height-tabs);opacity:var(--opacity-tabs)}:host .outer-container-vertical{--height-tabs:2.5rem;font-size:var(--font-size-16, 1rem);--badge-width-with-spacing:var(--spacing-32, 2rem)}:host .outer-container-vertical .tab-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:0;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container-vertical .tab-container.active{background:none;border-bottom:var(--tab-border-width) solid var(--active-tab-border-color)}:host .outer-container-vertical .tab-container.active yoo-icon{fill:var(--app-color, #5a30f4)}:host .outer-container-vertical .tab-container:hover{color:var(--app-color, #5a30f4);background-color:var(--active-tab-background)}:host .outer-container-vertical .tab-header{-ms-flex-pack:left;justify-content:left;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:var(--height-tabs);padding:var(--spacing-08, 0.5rem);color:var(--dark, #000000);text-align:start}:host .outer-container-vertical .tab-header .flex{-ms-flex:1;flex:1}:host .outer-container-vertical .tab-header .full-width{width:100%}:host .outer-container-vertical .tab-header yoo-icon{margin-right:var(--spacing-08, 0.5rem);fill:var(--text-color, #807f83)}:host .outer-container-vertical .tab-header .tab-title{width:100%}:host .outer-container-vertical .tab-header .tab-title.plus-one{width:calc(100% - var(--spacing-32, 2rem))}:host .outer-container-vertical .tab-header .tab-title.sandwich{width:calc(100% - var(--spacing-64, 4rem))}:host .outer-container-vertical .tab-description{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:100%;padding:0 var(--spacing-16, 1rem) var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);padding-left:calc(var(--spacing-08, 0.5rem) + var(--badge-width-with-spacing));color:var(--text-color);font-size:var(--font-size-14, 0.875rem);white-space:normal}:host([hidden]){display:none}:host(.transparent) .tab-container:hover,:host(.transparent) .tab-container.active{color:var(--light, #ffffff)}:host(.web) .tab-container{-ms-flex:0;flex:0;padding:var(--tab-padding)}:host(.web) .outer-container-vertical .tab-container{padding:0}:host(.web) yoo-ripple-effect{display:none}:host(.web) .tab-container:hover{color:var(--dark, #000000)}:host(.web) .extra:hover{color:var(--app-color, #5a30f4)}:host(.web) .outer-container{margin-top:var(--spacing-08, 0.5rem)}:host(.web.no-margin) .outer-container{margin-top:0}:host(.center){--justify-tabs:center}:host([disabled=\"\"]),:host([disabled=true]){pointer-events:none}:host([disabled=\"\"]) .outer-container,:host([disabled=true]) .outer-container{color:var(--stable, #adadad);opacity:0.4}:host(.no-border) .static-container{border:none}yoo-ripple-effect{--color:var(--app-color, #5a30f4);--opacity:0.1}yoo-icon{-ms-flex-item-align:center;align-self:center;margin-right:var(--spacing-08, 0.5rem)}yoo-context-menu.editable{width:var(--icon-size-01, 1rem);margin-left:var(--spacing-08, 0.5rem)}yoo-context-menu.editable yoo-icon{margin-right:0}yoo-button{margin:0 var(--spacing-08, 0.5rem)}span{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}yoo-badge,yoo-tag{margin-left:var(--spacing-04, 0.25rem)}yoo-badge.margin-right{margin-right:var(--spacing-08, 0.5rem)}yoo-badge[shape=dot]{-ms-flex-item-align:start;align-self:flex-start}yoo-badge:not([shape=dot]),yoo-tag{-ms-flex-item-align:center;align-self:center}.static-container{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;border-bottom:var(--spacing-02, 0.125rem) solid var(--stable-light, #f1f1f1)}.scrolling-container{position:absolute;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:var(--justify-tabs);justify-content:var(--justify-tabs);width:100%;height:100%}.extra.active{color:var(--app-color, #5a30f4)}:host(.tabs-padding-top) .outer-container-vertical{padding-top:4rem}:host(.big-tabs) .tab-container{padding-bottom:0;border:none;-webkit-transition:color 0.3s ease;transition:color 0.3s ease}:host(.big-tabs) .tab-container:not(.active){padding-bottom:var(--spacing-08, 0.5rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.big-tabs) .tab-container.active{background-color:transparent}:host(.big-tabs) .tab-container+.tab-container{margin:0}:host(.big-tabs) .tab-description{border-bottom:var(--tab-border-width) solid var(--active-tab-border-color)}:host(.rtl) yoo-icon{margin-right:0;margin-left:var(--spacing-08, 0.5rem)}:host(.rtl) .outer-container-vertical .tab-description{padding-right:calc(var(--spacing-08, 0.5rem) + var(--badge-width-with-spacing));padding-left:var(--spacing-16, 1rem)}";

package/dist/esm/yoo-tag.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, i as createEvent, h } from './index-06fc3d74.js';
-import './index-30d0dd50.js';
-import { L as isRTL } from './index-7b3985f1.js';
+import { r as registerInstance, i as createEvent, h } from './index-22891abe.js';
+import './index-590d30dd.js';
+import { L as isRTL } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
-import './index-847a32fd.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 function changeRgbOpacity(rgbColor, opacity) {

package/dist/esm/yoo-text-sequence.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-06fc3d74.js';
-import './index-30d0dd50.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-22891abe.js';
+import './index-590d30dd.js';
 import { n as compact, X as clamp } from './lodash-777f91de.js';
-import { o as openImageDetailFromRTE } from './common-helpers-2139c840.js';
-import { d7 as setSecuredContent, a3 as translateMulti } from './index-7b3985f1.js';
-import './index-847a32fd.js';
+import { o as openImageDetailFromRTE } from './common-helpers-2a9aacec.js';
+import { d7 as setSecuredContent, a3 as translateMulti } from './index-97f4ed07.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const textSequenceCss = "svg:not(:root){overflow:hidden}:host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;height:100%;overflow:hidden}:host #view-finder{position:relative;width:100%;height:50%}:host #view-finder #sequences{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-16, 1rem);width:100%}:host #view-finder .sequence{display:grid;max-width:75%;height:var(--max-sequence-height);margin:0 auto;padding:0 var(--spacing-16, 1rem);overflow:auto;color:var(--stable, #adadad);text-align:center;word-break:break-word;-webkit-transform:scale(0.9);transform:scale(0.9);-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}:host #view-finder .sequence:not(.overflowing){place-content:center}:host #view-finder .sequence img{display:block}:host #view-finder .sequence *{-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;margin:var(--spacing-08, 0.5rem) auto;text-align:center}:host #view-finder .sequence::-webkit-scrollbar{display:none}:host #view-finder .sequence.active{color:var(--dark, #000000);-webkit-transform:scale(1);transform:scale(1)}:host #view-finder .sequence.title{font-weight:var(--font-weight-700, 700);font-size:var(--font-size-28, 1.75rem)}:host .overlay{position:absolute;left:0;z-index:1;width:100%;height:35%}:host .overlay[placement=top]{top:0;background:-webkit-gradient(linear, left bottom, left top, from(var(--transparent-linear-gradient, rgba(255, 255, 255, 0))), color-stop(50%, var(--light, #ffffff)));background:linear-gradient(0deg, var(--transparent-linear-gradient, rgba(255, 255, 255, 0)) 0%, var(--light, #ffffff) 50%)}:host .overlay[placement=bottom]{bottom:0;background:-webkit-gradient(linear, left bottom, left top, color-stop(50%, var(--light, #ffffff)), to(var(--transparent-linear-gradient, rgba(255, 255, 255, 0))));background:linear-gradient(0deg, var(--light, #ffffff) 50%, var(--transparent-linear-gradient, rgba(255, 255, 255, 0)) 100%)}:host yoo-button{position:absolute;left:50%;z-index:2;width:5rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:opacity 0.35s ease-in-out;transition:opacity 0.35s ease-in-out}:host yoo-button[placement=top]{top:0}:host yoo-button[placement=bottom]{bottom:var(--spacing-16, 1rem)}:host yoo-button[hidden]{opacity:0}:host yoo-button yoo-icon{fill:var(--app-color, #5a30f4)}@-webkit-keyframes scale-up{from{-webkit-transform:translateX(-50%) scale(0);transform:translateX(-50%) scale(0);opacity:0}to{-webkit-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1);opacity:1}}@keyframes scale-up{from{-webkit-transform:translateX(-50%) scale(0);transform:translateX(-50%) scale(0);opacity:0}to{-webkit-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1);opacity:1}}:host([animated]) #sequences{-webkit-transition:opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;transition:opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;transition:transform 0.5s ease-in-out, opacity 0.5s ease-in-out;transition:transform 0.5s ease-in-out, opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out}:host([animated]) #sequences[hidden]{opacity:0}:host([animated]) yoo-button{-webkit-transform:translateX(-50%) scale(0);transform:translateX(-50%) scale(0);opacity:0;-webkit-transition:opacity 0.25s ease-in-out, -webkit-transform 1s ease-in-out;transition:opacity 0.25s ease-in-out, -webkit-transform 1s ease-in-out;transition:transform 1s ease-in-out, opacity 0.25s ease-in-out;transition:transform 1s ease-in-out, opacity 0.25s ease-in-out, -webkit-transform 1s ease-in-out;-webkit-animation-name:scale-up;animation-name:scale-up;-webkit-animation-duration:0.25s;animation-duration:0.25s;-webkit-animation-delay:0.75s;animation-delay:0.75s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host([animated]) .sequence,:host([animated]) .overlay{-webkit-transition:-webkit-transform 0.25s;transition:-webkit-transform 0.25s;transition:transform 0.25s;transition:transform 0.25s, -webkit-transform 0.25s}";

package/dist/esm/yoo-text.entry.js

@@ -1,10 +1,10 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-06fc3d74.js';
-import { f as sanitizeHTML, g as getAppContext } from './common-helpers-2139c840.js';
-import './index-7b3985f1.js';
-import './index-847a32fd.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-22891abe.js';
+import { f as sanitizeHTML, g as getAppContext } from './common-helpers-2a9aacec.js';
+import './index-97f4ed07.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 import './lodash-777f91de.js';
-import './index-30d0dd50.js';
+import './index-590d30dd.js';
 
 const YooTextComponent = class {
   constructor(hostRef) {

package/dist/esm/yoo-toast.entry.js

@@ -1,13 +1,13 @@
-import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-06fc3d74.js';
-import './index-30d0dd50.js';
-import { l as lifecycleEvents, g as getAppContext } from './common-helpers-2139c840.js';
-import { e as eventMethod } from './overlays-3a6c8a8d.js';
-import { dh as present, O as setAnimation, di as dismiss, H as isWeb, t as translate, M as isIphoneX, dj as MODAL_BASE_ZINDEX, a3 as translateMulti } from './index-7b3985f1.js';
+import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-22891abe.js';
+import './index-590d30dd.js';
+import { l as lifecycleEvents, g as getAppContext } from './common-helpers-2a9aacec.js';
+import { e as eventMethod } from './overlays-be5146f5.js';
+import { dh as present, O as setAnimation, di as dismiss, H as isWeb, t as translate, M as isIphoneX, dj as MODAL_BASE_ZINDEX, a3 as translateMulti } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
-import './index-847a32fd.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 
-const toastCss = "svg:not(:root){overflow:hidden}.bg-accent{background-color:var(--accent, #276ef1) !important}.accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}.bg-app-color{background-color:var(--app-color, #5a30f4) !important}.app-color{color:var(--app-color, #5a30f4);fill:var(--app-color, #5a30f4)}.bg-danger{background-color:var(--danger, #d44333) !important}.danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}.bg-dark{background-color:var(--dark, #000000) !important}.dark{color:var(--dark, #000000);fill:var(--dark, #000000)}.bg-energized{background-color:var(--energized, #ffc043) !important}.energized{color:var(--energized, #ffc043);fill:var(--energized, #ffc043)}.bg-info{background-color:var(--info, #d84c96) !important}.info{color:var(--info, #d84c96);fill:var(--info, #d84c96)}.bg-light{background-color:var(--light, #ffffff) !important}.light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}.bg-stable{background-color:var(--stable, #adadad) !important}.stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}.bg-stable-alt{background-color:var(--stable-alt, #d0d0d0) !important}.stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}.bg-stable-light{background-color:var(--stable-light, #f1f1f1) !important}.stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}.bg-stable-ultralight{background-color:var(--stable-ultralight, #fafafa) !important}.stable-ultralight{color:var(--stable-ultralight, #fafafa);fill:var(--stable-ultralight, #fafafa)}.bg-success{background-color:var(--success, #3aa76d) !important}.success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}.bg-text-color{background-color:var(--text-color, #807f83) !important}.text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}.bg-warning{background-color:var(--warning, #ed6e33) !important}.warning{color:var(--warning, #ed6e33);fill:var(--warning, #ed6e33)}.bg-wood{background-color:var(--wood, #99644c) !important}.wood{color:var(--wood, #99644c);fill:var(--wood, #99644c)}:host{--media-size:48px}:host yoo-truncate{--max-lines:3}:host .outer-container{position:absolute;top:0;right:0;bottom:0;left:0;bottom:unset;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.25rem;padding:0.75rem 1rem;font-size:var(--font-size-16, 1rem);background:var(--stable-ultralight, #fafafa);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-40, rgba(173, 173, 173, 0.4))}:host .outer-container .danger{color:var(--danger, #d44333)}:host .outer-container .warning{color:var(--warning, #ed6e33)}:host .outer-container .success{color:var(--success, #3aa76d)}:host .outer-container .app-color{color:var(--app-color, #5a30f4)}:host .outer-container .button-container{padding:0 1rem}:host .outer-container .button-container .danger{color:var(--danger, #d44333)}:host .outer-container .button-container .warning{color:var(--warning, #ed6e33)}:host .outer-container .button-container .success{color:var(--success, #3aa76d)}:host .outer-container .button-container .app-color{color:var(--app-color, #5a30f4)}:host .outer-container .text-container{-ms-flex:1;flex:1;margin-right:auto;padding-right:var(--spacing-08, 0.5rem);color:var(--dark, #000000)}:host .outer-container .text-container.sub-messages{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-height:unset !important}:host .outer-container .icon-container{padding-right:var(--spacing-08, 0.5rem)}:host .outer-container .icon-container yoo-icon{display:block}:host .outer-container .image-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding-right:var(--spacing-08, 0.5rem)}:host .outer-container .image-container yoo-img{--border-radius:50%;width:var(--media-size);height:var(--media-size)}:host .outer-container .extra-button{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;min-width:55px;min-height:55px;margin-right:0.8rem;margin-bottom:0.5rem;line-height:55px;text-align:center;border-radius:50%}:host .outer-container .extra-button.bg-app-color{background:var(--app-color, #5a30f4)}:host .outer-container .extra-button.flex{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .outer-container .extra-button.light{color:var(--light, #ffffff)}:host .overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--dark, #000000);opacity:0.4}:host(:not(.fullscreen):not(.progress):not(.form-creator.warning)) .outer-container .text-container{max-width:65%;max-height:unset;overflow-y:hidden;word-break:break-word}:host(:not(.fullscreen):not(.progress):not(.form-creator.warning)) .outer-container .text-container.full-width{max-width:100%}:host(.fullscreen) .outer-container{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100% !important;padding:3rem !important}:host(.fullscreen) .outer-container .image-container{-ms-flex:initial;flex:initial;width:100%;margin-bottom:1rem}:host(.fullscreen) .outer-container .image-container yoo-img{--border-radius:unset;width:100%;height:4rem}:host(.fullscreen) .outer-container .text-container{-ms-flex:initial;flex:initial;-ms-flex-pack:center;justify-content:center;width:100%;text-align:center}:host(.bg-stable-light) .outer-container{background:var(--stable-light, #f1f1f1)}:host(.global-actions){-webkit-box-shadow:var(--toast-shadow, 0 0.3125rem 1.875rem 0 rgba(40, 47, 54, 0.2));box-shadow:var(--toast-shadow, 0 0.3125rem 1.875rem 0 rgba(40, 47, 54, 0.2))}:host(.global-actions) .outer-container{height:2.75rem !important;margin-bottom:0 !important;overflow:hidden;border-radius:5px}:host(.global-actions) .outer-container .count-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%;line-height:44px}:host(.global-actions) .outer-container .text-container{-ms-flex:1;flex:1}:host(.global-actions) .outer-container .extra-button{width:2rem;min-width:initial;min-height:initial;margin:0;font-size:var(--font-size-18, 1.125rem);line-height:1rem}:host(.global-actions) .outer-container .extra-button:last-child:not(.context-menu){margin-right:1rem}:host(.bottom) .outer-container{top:unset;bottom:0;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-40, rgba(173, 173, 173, 0.4));border-bottom:none}:host(.progress) .outer-container{-ms-flex-direction:column;flex-direction:column;padding:0.75rem 1rem}:host(.progress) .outer-container .text-container{display:-ms-flexbox;display:flex;width:100%;padding:0.5rem 0}:host(.progress) .outer-container .text-container .message,:host(.progress) .outer-container .text-container .icon-container{display:initial;margin:0}:host(.progress) .outer-container .text-container .button-container{margin-left:auto;padding-right:0}:host(.progress) .outer-container .progressbar-wrapper{width:100%}:host(.progress) .outer-container .progressbar-wrapper yoo-progress-bar{--progress-value-color:var(--app-color, #5a30f4)}:host(.header:not(.block)) .outer-container.iphone-x{padding-top:2.75rem !important}:host(.header.ios:not(.block)) .outer-container{padding-top:1.75rem}:host(.web:not(.rounded-rectangle)){display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;height:100%}:host(.web:not(.rounded-rectangle)) .outer-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:450px;min-height:60px;margin-top:4.25rem;border-radius:0.375rem;-webkit-box-shadow:var(--toast-shadow, 0 0.3125rem 1.875rem 0 rgba(40, 47, 54, 0.2));box-shadow:var(--toast-shadow, 0 0.3125rem 1.875rem 0 rgba(40, 47, 54, 0.2))}:host(.web:not(.rounded-rectangle)) .outer-container .message{margin:0 0 0 var(--spacing-16, 1rem)}:host(.web:not(.rounded-rectangle)) .outer-container .button{margin-bottom:0}:host(.web.global-actions) .outer-container{padding:0;color:var(--stable, #adadad)}:host(.web.global-actions) .outer-container .count-container{padding-left:var(--spacing-16, 1rem);color:var(--app-color, #5a30f4)}:host(.web.global-actions) .outer-container .text-container{padding:var(--spacing-08, 0.5rem);color:var(--app-color, #5a30f4)}:host(.web.global-actions) .outer-container .extra-button:last-child{margin-left:var(--spacing-08, 0.5rem);padding-left:var(--spacing-08, 0.5rem);border-left:solid var(--border-width-01, 0.0625rem) var(--stable-light, #f1f1f1);border-radius:0}:host(.web.top.progress) .outer-container .message{display:block;white-space:nowrap}:host(.web.top.header) .outer-container{border-bottom:none}:host(.web.top.header) .outer-container .icon-container{margin-bottom:0}:host(.web.bottom){border-radius:0.375rem}:host(.web.bottom) .outer-container{-ms-flex-item-align:end;align-self:flex-end;margin-top:0;margin-bottom:var(--spacing-16, 1rem);overflow:visible}:host(.web.bottom) .outer-container .count-container{border-radius:0.375rem 0 0 0.375rem}:host(.block) .outer-container{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;max-height:var(--spacing-48, 3rem);border-bottom:none}:host(.block.iphone-x){min-height:var(--spacing-64, 4rem)}:host(.form-creator) .outer-container{padding:0;background:var(--stable-light, #f1f1f1);border:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0) !important}:host(.form-creator) .outer-container .text-container{padding-left:var(--spacing-16, 1rem)}:host(.form-creator) .outer-container .extra-button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;line-height:0.5rem}:host(.form-creator) .outer-container .extra-button.context-menu:last-child{margin-left:0;padding-left:0}:host(.form-creator) .outer-container .icon-container{padding-left:var(--spacing-08, 0.5rem)}:host(.media){--media-size:48px}:host(.media) yoo-truncate{--max-lines:2}:host(.media) .right-media-container{width:var(--media-size);height:var(--media-size)}:host(.photo-actions) .outer-container{min-height:auto;margin-top:var(--spacing-08, 0.5rem);padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);color:var(--light, #ffffff);font-size:var(--font-size-14, 0.875rem);background-color:var(--app-color, #5a30f4)}:host(.photo-actions) .outer-container .text-container{color:var(--light, #ffffff)}:host(.photo-actions) .outer-container yoo-icon{font-size:var(--font-size-14, 0.875rem)}:host(.photo-actions) .outer-container yoo-icon.close{min-height:initial;padding:var(--spacing-02, 0.125rem);color:var(--app-color, #5a30f4);font-size:var(--font-size-14, 0.875rem);background:var(--light, #ffffff);border-radius:50%}:host(.photo-actions) .outer-container .button{padding:0 var(--spacing-16, 1rem)}:host(.photo-actions) .outer-container .button:not(:last-of-type){border-right:var(--border-width-01, 0.0625rem) solid var(--light-40, rgba(255, 255, 255, 0.4))}:host(.form-creator.warning) .outer-container{background:var(--warning, #ed6e33);border:none}:host(.form-creator.warning) .outer-container .text-container{padding-top:var(--spacing-16, 1rem);padding-bottom:var(--spacing-16, 1rem);color:var(--light, #ffffff);font-size:var(--font-size-14, 0.875rem)}:host(.form-creator.warning) .outer-container .button-container.close-icon-divider{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:3rem;border-left:var(--border-width-01, 0.0625rem) solid var(--light-40, rgba(255, 255, 255, 0.4))}:host(.form-creator.warning.translate-edit) .outer-container{overflow:hidden;background-color:var(--stable-light, #f1f1f1);border:none !important}:host(.form-creator.warning.translate-edit) .outer-container::before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--warning-20, rgba(237, 110, 51, 0.2));content:\"\"}:host(.form-creator.warning.translate-edit) .outer-container .close-icon-divider{border-left-color:var(--warning-40, rgba(237, 110, 51, 0.4))}:host(.form-creator.warning.translate-edit) .outer-container .text-container{color:var(--dark-80, rgba(0, 0, 0, 0.8))}:host(.form-creator.warning.web) .outer-container{width:37.5rem}:host(.form-creator.warning.translate){margin-top:var(--spacing-32, 2rem)}:host(.form-creator.warning.translate) .outer-container yoo-icon{margin:0 var(--spacing-16, 1rem);cursor:pointer}:host(.form-creator.warning.translate) .outer-container .light{cursor:pointer}:host(.form){display:block;overflow:hidden}:host(.form) .outer-container{position:initial;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;min-height:unset;padding:var(--spacing-04, 0.25rem);font-size:var(--font-size-12, 0.75rem);border:none;border-radius:0.375rem;-webkit-box-shadow:none !important;box-shadow:none !important}:host(.rounded-rectangle) .outer-container{margin:var(--spacing-16, 1rem) var(--spacing-16, 1rem) 0 var(--spacing-16, 1rem);border-radius:var(--border-radius-08, 0.5rem)}:host(.bg-app-color) .outer-container{background:var(--app-color, #5a30f4)}:host(.bg-app-color) .outer-container .text-container{-ms-flex:1;flex:1;color:var(--light, #ffffff)}:host(.bg-app-color) .outer-container .button-container{padding:0 1rem}:host(.bg-app-color) .outer-container .button-container .energized{color:var(--dark, #000000)}:host(.bg-app-color) .outer-container .button-container .success,:host(.bg-app-color) .outer-container .button-container .app-color{color:var(--light, #ffffff)}:host(.bg-app-color-10) .outer-container{background:var(--app-color-10, rgba(90, 48, 244, 0.1))}:host(.bg-app-color-10) .outer-container .text-container{-ms-flex:1;flex:1;color:var(--dark, #000000)}:host(.bg-app-color-10) .outer-container .button-container{padding:0 1rem}:host(.bg-app-color-10) .outer-container .button-container .energized{color:var(--dark, #000000)}:host(.bg-app-color-10) .outer-container .button-container .success,:host(.bg-app-color-10) .outer-container .button-container .app-color{color:var(--light, #ffffff)}:host(.bg-danger) .outer-container{background:var(--danger, #d44333)}:host(.bg-danger) .outer-container .text-container{-ms-flex:1;flex:1;color:var(--light, #ffffff)}:host(.bg-danger) .outer-container .button-container{padding:0 1rem}:host(.bg-danger) .outer-container .button-container .energized{color:var(--dark, #000000)}:host(.bg-danger) .outer-container .button-container .success,:host(.bg-danger) .outer-container .button-container .app-color{color:var(--light, #ffffff)}:host(.bg-danger-10) .outer-container{background:var(--danger-10, rgba(212, 67, 51, 0.1))}:host(.bg-danger-10) .outer-container .text-container{-ms-flex:1;flex:1;color:var(--dark, #000000)}:host(.bg-danger-10) .outer-container .button-container{padding:0 1rem}:host(.bg-danger-10) .outer-container .button-container .energized{color:var(--dark, #000000)}:host(.bg-danger-10) .outer-container .button-container .success,:host(.bg-danger-10) .outer-container .button-container .app-color{color:var(--light, #ffffff)}:host(.bg-energized) .outer-container{background:var(--energized, #ffc043)}:host(.bg-energized) .outer-container .text-container{-ms-flex:1;flex:1;color:var(--light, #ffffff)}:host(.bg-energized) .outer-container .button-container{padding:0 1rem}:host(.bg-energized) .outer-container .button-container .energized{color:var(--dark, #000000)}:host(.bg-energized) .outer-container .button-container .success,:host(.bg-energized) .outer-container .button-container .app-color{color:var(--light, #ffffff)}:host(.bg-energized-10) .outer-container{background:var(--energized-10, rgba(255, 192, 67, 0.1))}:host(.bg-energized-10) .outer-container .text-container{-ms-flex:1;flex:1;color:var(--dark, #000000)}:host(.bg-energized-10) .outer-container .button-container{padding:0 1rem}:host(.bg-energized-10) .outer-container .button-container .energized{color:var(--dark, #000000)}:host(.bg-energized-10) .outer-container .button-container .success,:host(.bg-energized-10) .outer-container .button-container .app-color{color:var(--light, #ffffff)}:host(.bg-warning) .outer-container{background:var(--warning, #ed6e33)}:host(.bg-warning) .outer-container .text-container{-ms-flex:1;flex:1;color:var(--light, #ffffff)}:host(.bg-warning) .outer-container .button-container{padding:0 1rem}:host(.bg-warning) .outer-container .button-container .energized{color:var(--dark, #000000)}:host(.bg-warning) .outer-container .button-container .success,:host(.bg-warning) .outer-container .button-container .app-color{color:var(--light, #ffffff)}:host(.bg-warning-10) .outer-container{background:var(--warning-10, rgba(237, 110, 51, 0.1))}:host(.bg-warning-10) .outer-container .text-container{-ms-flex:1;flex:1;color:var(--dark, #000000)}:host(.bg-warning-10) .outer-container .button-container{padding:0 1rem}:host(.bg-warning-10) .outer-container .button-container .energized{color:var(--dark, #000000)}:host(.bg-warning-10) .outer-container .button-container .success,:host(.bg-warning-10) .outer-container .button-container .app-color{color:var(--light, #ffffff)}:host(.bg-warning-20) .outer-container{background:var(--warning-20, rgba(237, 110, 51, 0.2))}:host(.bg-warning-20) .outer-container .text-container{-ms-flex:1;flex:1;color:var(--dark, #000000)}:host(.bg-warning-20) .outer-container .button-container{padding:0 1rem}:host(.bg-warning-20) .outer-container .button-container .energized{color:var(--dark, #000000)}:host(.bg-warning-20) .outer-container .button-container .success,:host(.bg-warning-20) .outer-container .button-container .app-color{color:var(--light, #ffffff)}:host(.bg-warning-40) .outer-container{background:var(--warning-40, rgba(237, 110, 51, 0.4))}:host(.bg-warning-40) .outer-container .text-container{-ms-flex:1;flex:1;color:var(--dark, #000000)}:host(.bg-warning-40) .outer-container .button-container{padding:0 1rem}:host(.bg-warning-40) .outer-container .button-container .energized{color:var(--dark, #000000)}:host(.bg-warning-40) .outer-container .button-container .success,:host(.bg-warning-40) .outer-container .button-container .app-color{color:var(--light, #ffffff)}:host(.bg-success) .outer-container{background:var(--success, #3aa76d)}:host(.bg-success) .outer-container .text-container{-ms-flex:1;flex:1;color:var(--light, #ffffff)}:host(.bg-success) .outer-container .button-container{padding:0 1rem}:host(.bg-success) .outer-container .button-container .energized{color:var(--dark, #000000)}:host(.bg-success) .outer-container .button-container .success,:host(.bg-success) .outer-container .button-container .app-color{color:var(--light, #ffffff)}:host(.bg-success-10) .outer-container{background:var(--success-10, rgba(58, 167, 109, 0.1))}:host(.bg-success-10) .outer-container .text-container{-ms-flex:1;flex:1;color:var(--dark, #000000)}:host(.bg-success-10) .outer-container .button-container{padding:0 1rem}:host(.bg-success-10) .outer-container .button-container .energized{color:var(--dark, #000000)}:host(.bg-success-10) .outer-container .button-container .success,:host(.bg-success-10) .outer-container .button-container .app-color{color:var(--light, #ffffff)}";
+const toastCss = "svg:not(:root){overflow:hidden}.bg-accent{background-color:var(--accent, #276ef1) !important}.accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}.bg-app-color{background-color:var(--app-color, #5a30f4) !important}.app-color{color:var(--app-color, #5a30f4);fill:var(--app-color, #5a30f4)}.bg-danger{background-color:var(--danger, #d44333) !important}.danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}.bg-dark{background-color:var(--dark, #000000) !important}.dark{color:var(--dark, #000000);fill:var(--dark, #000000)}.bg-energized{background-color:var(--energized, #ffc043) !important}.energized{color:var(--energized, #ffc043);fill:var(--energized, #ffc043)}.bg-info{background-color:var(--info, #d84c96) !important}.info{color:var(--info, #d84c96);fill:var(--info, #d84c96)}.bg-light{background-color:var(--light, #ffffff) !important}.light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}.bg-stable{background-color:var(--stable, #adadad) !important}.stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}.bg-stable-alt{background-color:var(--stable-alt, #d0d0d0) !important}.stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}.bg-stable-light{background-color:var(--stable-light, #f1f1f1) !important}.stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}.bg-stable-ultralight{background-color:var(--stable-ultralight, #fafafa) !important}.stable-ultralight{color:var(--stable-ultralight, #fafafa);fill:var(--stable-ultralight, #fafafa)}.bg-success{background-color:var(--success, #3aa76d) !important}.success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}.bg-text-color{background-color:var(--text-color, #807f83) !important}.text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}.bg-warning{background-color:var(--warning, #ed6e33) !important}.warning{color:var(--warning, #ed6e33);fill:var(--warning, #ed6e33)}.bg-wood{background-color:var(--wood, #99644c) !important}.wood{color:var(--wood, #99644c);fill:var(--wood, #99644c)}:host{--media-size:48px}:host yoo-truncate{--max-lines:3}:host .outer-container{position:absolute;top:0;right:0;bottom:0;left:0;bottom:unset;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.25rem;padding:0.75rem 1rem;font-size:var(--font-size-16, 1rem);background:var(--stable-ultralight, #fafafa);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-40, rgba(173, 173, 173, 0.4))}:host .outer-container .danger{color:var(--danger, #d44333)}:host .outer-container .warning{color:var(--warning, #ed6e33)}:host .outer-container .success{color:var(--success, #3aa76d)}:host .outer-container .app-color{color:var(--app-color, #5a30f4)}:host .outer-container .button-container{padding:0 1rem}:host .outer-container .button-container .danger{color:var(--danger, #d44333)}:host .outer-container .button-container .warning{color:var(--warning, #ed6e33)}:host .outer-container .button-container .success{color:var(--success, #3aa76d)}:host .outer-container .button-container .app-color{color:var(--app-color, #5a30f4)}:host .outer-container .text-container{-ms-flex:1;flex:1;margin-right:auto;padding-right:var(--spacing-08, 0.5rem);color:var(--dark, #000000)}:host .outer-container .text-container.sub-messages{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-height:unset !important}:host .outer-container .icon-container{padding-right:var(--spacing-08, 0.5rem)}:host .outer-container .icon-container yoo-icon{display:block}:host .outer-container .image-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding-right:var(--spacing-08, 0.5rem)}:host .outer-container .image-container yoo-img{--border-radius:50%;width:var(--media-size);height:var(--media-size)}:host .outer-container .extra-button{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;min-width:55px;min-height:55px;margin-right:0.8rem;margin-bottom:0.5rem;line-height:55px;text-align:center;border-radius:50%}:host .outer-container .extra-button.bg-app-color{background:var(--app-color, #5a30f4)}:host .outer-container .extra-button.flex{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .outer-container .extra-button.light{color:var(--light, #ffffff)}:host .overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--dark, #000000);opacity:0.4}:host(:not(.fullscreen):not(.progress):not(.form-creator.warning)) .outer-container .text-container{max-width:65%;max-height:unset;overflow-y:hidden;word-break:break-word}:host(:not(.fullscreen):not(.progress):not(.form-creator.warning)) .outer-container .text-container.full-width{max-width:100%}:host(.fullscreen) .outer-container{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100% !important;padding:3rem !important}:host(.fullscreen) .outer-container .image-container{-ms-flex:initial;flex:initial;width:100%;margin-bottom:1rem}:host(.fullscreen) .outer-container .image-container yoo-img{--border-radius:unset;width:100%;height:4rem}:host(.fullscreen) .outer-container .text-container{-ms-flex:initial;flex:initial;-ms-flex-pack:center;justify-content:center;width:100%;text-align:center}:host(.bg-stable-light) .outer-container{background:var(--stable-light, #f1f1f1)}:host(.global-actions){-webkit-box-shadow:var(--toast-shadow, 0 0.3125rem 1.875rem 0 rgba(40, 47, 54, 0.2));box-shadow:var(--toast-shadow, 0 0.3125rem 1.875rem 0 rgba(40, 47, 54, 0.2))}:host(.global-actions) .outer-container{height:2.75rem !important;margin-bottom:0 !important;overflow:hidden;border-radius:5px}:host(.global-actions) .outer-container .count-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%;line-height:44px}:host(.global-actions) .outer-container .text-container{-ms-flex:1;flex:1}:host(.global-actions) .outer-container .extra-button{width:2rem;min-width:initial;min-height:initial;margin:0;font-size:var(--font-size-18, 1.125rem);line-height:1rem}:host(.global-actions) .outer-container .extra-button:last-child:not(.context-menu){margin-right:1rem}:host(.bottom) .outer-container{top:unset;bottom:0;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-40, rgba(173, 173, 173, 0.4));border-bottom:none}:host(.progress) .outer-container{-ms-flex-direction:column;flex-direction:column;padding:0.75rem 1rem}:host(.progress) .outer-container .text-container{display:-ms-flexbox;display:flex;width:100%;padding:0.5rem 0}:host(.progress) .outer-container .text-container .message,:host(.progress) .outer-container .text-container .icon-container{display:initial;margin:0}:host(.progress) .outer-container .text-container .button-container{margin-left:auto;padding-right:0}:host(.progress) .outer-container .progressbar-wrapper{width:100%}:host(.progress) .outer-container .progressbar-wrapper yoo-progress-bar{--progress-value-color:var(--app-color, #5a30f4)}:host(.header:not(.block)) .outer-container.iphone-x{padding-top:2.75rem !important}:host(.header.ios:not(.block)) .outer-container{padding-top:1.75rem}:host(.web:not(.rounded-rectangle)){display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;height:100%}:host(.web:not(.rounded-rectangle)) .outer-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:450px;min-height:60px;margin-top:4.25rem;border-radius:0.375rem;-webkit-box-shadow:var(--toast-shadow, 0 0.3125rem 1.875rem 0 rgba(40, 47, 54, 0.2));box-shadow:var(--toast-shadow, 0 0.3125rem 1.875rem 0 rgba(40, 47, 54, 0.2))}:host(.web:not(.rounded-rectangle)) .outer-container .message{margin:0 0 0 var(--spacing-16, 1rem)}:host(.web:not(.rounded-rectangle)) .outer-container .button{margin-bottom:0}:host(.web.global-actions) .outer-container{padding:0;color:var(--stable, #adadad)}:host(.web.global-actions) .outer-container .count-container{padding-left:var(--spacing-16, 1rem);color:var(--app-color, #5a30f4)}:host(.web.global-actions) .outer-container .text-container{padding:var(--spacing-08, 0.5rem);color:var(--app-color, #5a30f4)}:host(.web.global-actions) .outer-container .extra-button:last-child{margin-left:var(--spacing-08, 0.5rem);padding-left:var(--spacing-08, 0.5rem);border-left:solid var(--border-width-01, 0.0625rem) var(--stable-light, #f1f1f1);border-radius:0}:host(.web.top.progress) .outer-container .message{display:block;white-space:nowrap}:host(.web.top.header) .outer-container{border-bottom:none}:host(.web.top.header) .outer-container .icon-container{margin-bottom:0}:host(.web.bottom){border-radius:0.375rem}:host(.web.bottom) .outer-container{-ms-flex-item-align:end;align-self:flex-end;margin-top:0;margin-bottom:var(--spacing-16, 1rem);overflow:visible}:host(.web.bottom) .outer-container .count-container{border-radius:0.375rem 0 0 0.375rem}:host(.block) .outer-container{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;max-height:var(--spacing-48, 3rem);border-bottom:none}:host(.block.iphone-x){min-height:var(--spacing-64, 4rem)}:host(.form-creator) .outer-container{padding:0;background:var(--stable-light, #f1f1f1);border:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0) !important}:host(.form-creator) .outer-container .text-container{padding-left:var(--spacing-16, 1rem)}:host(.form-creator) .outer-container .extra-button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;line-height:0.5rem}:host(.form-creator) .outer-container .extra-button.context-menu:last-child{margin-left:0;padding-left:0}:host(.form-creator) .outer-container .icon-container{padding-left:var(--spacing-08, 0.5rem)}:host(.media){--media-size:48px}:host(.media) yoo-truncate{--max-lines:2}:host(.media) .right-media-container{width:var(--media-size);height:var(--media-size)}:host(.photo-actions) .outer-container{min-height:auto;margin-top:var(--spacing-08, 0.5rem);padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);color:var(--light, #ffffff);font-size:var(--font-size-14, 0.875rem);background-color:var(--app-color, #5a30f4)}:host(.photo-actions) .outer-container .text-container{color:var(--light, #ffffff)}:host(.photo-actions) .outer-container yoo-icon{font-size:var(--font-size-14, 0.875rem)}:host(.photo-actions) .outer-container yoo-icon.close{min-height:initial;padding:var(--spacing-02, 0.125rem);color:var(--app-color, #5a30f4);font-size:var(--font-size-14, 0.875rem);background:var(--light, #ffffff);border-radius:50%}:host(.photo-actions) .outer-container .button{padding:0 var(--spacing-16, 1rem)}:host(.photo-actions) .outer-container .button:not(:last-of-type){border-right:var(--border-width-01, 0.0625rem) solid var(--light-40, rgba(255, 255, 255, 0.4))}:host(.form-creator.warning) .outer-container{background:var(--warning, #ed6e33);border:none}:host(.form-creator.warning) .outer-container .text-container{padding-top:var(--spacing-16, 1rem);padding-bottom:var(--spacing-16, 1rem);color:var(--light, #ffffff);font-size:var(--font-size-14, 0.875rem)}:host(.form-creator.warning) .outer-container .button-container.close-icon-divider{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:3rem;border-left:var(--border-width-01, 0.0625rem) solid var(--light-40, rgba(255, 255, 255, 0.4))}:host(.form-creator.warning.translate-edit) .outer-container{overflow:hidden;background-color:var(--stable-light, #f1f1f1);border:none !important}:host(.form-creator.warning.translate-edit) .outer-container::before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--warning-20, rgba(237, 110, 51, 0.2));content:\"\"}:host(.form-creator.warning.translate-edit) .outer-container .close-icon-divider{border-left-color:var(--warning-40, rgba(237, 110, 51, 0.4))}:host(.form-creator.warning.translate-edit) .outer-container .text-container{color:var(--dark-80, rgba(0, 0, 0, 0.8))}:host(.form-creator.warning.web) .outer-container{width:37.5rem}:host(.form-creator.warning.translate){margin-top:var(--spacing-32, 2rem)}:host(.form-creator.warning.translate) .outer-container yoo-icon{margin:0 var(--spacing-16, 1rem);cursor:pointer}:host(.form-creator.warning.translate) .outer-container .light{cursor:pointer}:host(.form){display:block;overflow:hidden}:host(.form) .outer-container{position:initial;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;min-height:unset;padding:var(--spacing-04, 0.25rem);font-size:var(--font-size-12, 0.75rem);border:none;border-radius:0.375rem;-webkit-box-shadow:none !important;box-shadow:none !important}:host(.rounded-rectangle) .outer-container{margin:var(--spacing-16, 1rem) var(--spacing-16, 1rem) 0 var(--spacing-16, 1rem);border-radius:var(--border-radius-08, 0.5rem)}:host(.notif) .outer-container .button{-ms-flex-order:5;order:5;width:var(--spacing-24, 1.5rem);height:var(--spacing-24, 1.5rem);margin-left:var(--spacing-16, 1rem);font-weight:bold;background:var(--stable, #adadad);border-radius:50%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host(.notif) .outer-container .button-container{border-right:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.bg-app-color) .outer-container{background:var(--app-color, #5a30f4)}:host(.bg-app-color) .outer-container .text-container{-ms-flex:1;flex:1;color:var(--light, #ffffff)}:host(.bg-app-color) .outer-container .button-container{padding:0 1rem}:host(.bg-app-color) .outer-container .button-container .energized{color:var(--dark, #000000)}:host(.bg-app-color) .outer-container .button-container .success,:host(.bg-app-color) .outer-container .button-container .app-color{color:var(--light, #ffffff)}:host(.bg-app-color-10) .outer-container{background:var(--app-color-10, rgba(90, 48, 244, 0.1))}:host(.bg-app-color-10) .outer-container .text-container{-ms-flex:1;flex:1;color:var(--dark, #000000)}:host(.bg-app-color-10) .outer-container .button-container{padding:0 1rem}:host(.bg-app-color-10) .outer-container .button-container .energized{color:var(--dark, #000000)}:host(.bg-app-color-10) .outer-container .button-container .success,:host(.bg-app-color-10) .outer-container .button-container .app-color{color:var(--light, #ffffff)}:host(.bg-danger) .outer-container{background:var(--danger, #d44333)}:host(.bg-danger) .outer-container .text-container{-ms-flex:1;flex:1;color:var(--light, #ffffff)}:host(.bg-danger) .outer-container .button-container{padding:0 1rem}:host(.bg-danger) .outer-container .button-container .energized{color:var(--dark, #000000)}:host(.bg-danger) .outer-container .button-container .success,:host(.bg-danger) .outer-container .button-container .app-color{color:var(--light, #ffffff)}:host(.bg-danger-10) .outer-container{background:var(--danger-10, rgba(212, 67, 51, 0.1))}:host(.bg-danger-10) .outer-container .text-container{-ms-flex:1;flex:1;color:var(--dark, #000000)}:host(.bg-danger-10) .outer-container .button-container{padding:0 1rem}:host(.bg-danger-10) .outer-container .button-container .energized{color:var(--dark, #000000)}:host(.bg-danger-10) .outer-container .button-container .success,:host(.bg-danger-10) .outer-container .button-container .app-color{color:var(--light, #ffffff)}:host(.bg-energized) .outer-container{background:var(--energized, #ffc043)}:host(.bg-energized) .outer-container .text-container{-ms-flex:1;flex:1;color:var(--light, #ffffff)}:host(.bg-energized) .outer-container .button-container{padding:0 1rem}:host(.bg-energized) .outer-container .button-container .energized{color:var(--dark, #000000)}:host(.bg-energized) .outer-container .button-container .success,:host(.bg-energized) .outer-container .button-container .app-color{color:var(--light, #ffffff)}:host(.bg-energized-10) .outer-container{background:var(--energized-10, rgba(255, 192, 67, 0.1))}:host(.bg-energized-10) .outer-container .text-container{-ms-flex:1;flex:1;color:var(--dark, #000000)}:host(.bg-energized-10) .outer-container .button-container{padding:0 1rem}:host(.bg-energized-10) .outer-container .button-container .energized{color:var(--dark, #000000)}:host(.bg-energized-10) .outer-container .button-container .success,:host(.bg-energized-10) .outer-container .button-container .app-color{color:var(--light, #ffffff)}:host(.bg-warning) .outer-container{background:var(--warning, #ed6e33)}:host(.bg-warning) .outer-container .text-container{-ms-flex:1;flex:1;color:var(--light, #ffffff)}:host(.bg-warning) .outer-container .button-container{padding:0 1rem}:host(.bg-warning) .outer-container .button-container .energized{color:var(--dark, #000000)}:host(.bg-warning) .outer-container .button-container .success,:host(.bg-warning) .outer-container .button-container .app-color{color:var(--light, #ffffff)}:host(.bg-warning-10) .outer-container{background:var(--warning-10, rgba(237, 110, 51, 0.1))}:host(.bg-warning-10) .outer-container .text-container{-ms-flex:1;flex:1;color:var(--dark, #000000)}:host(.bg-warning-10) .outer-container .button-container{padding:0 1rem}:host(.bg-warning-10) .outer-container .button-container .energized{color:var(--dark, #000000)}:host(.bg-warning-10) .outer-container .button-container .success,:host(.bg-warning-10) .outer-container .button-container .app-color{color:var(--light, #ffffff)}:host(.bg-warning-20) .outer-container{background:var(--warning-20, rgba(237, 110, 51, 0.2))}:host(.bg-warning-20) .outer-container .text-container{-ms-flex:1;flex:1;color:var(--dark, #000000)}:host(.bg-warning-20) .outer-container .button-container{padding:0 1rem}:host(.bg-warning-20) .outer-container .button-container .energized{color:var(--dark, #000000)}:host(.bg-warning-20) .outer-container .button-container .success,:host(.bg-warning-20) .outer-container .button-container .app-color{color:var(--light, #ffffff)}:host(.bg-warning-40) .outer-container{background:var(--warning-40, rgba(237, 110, 51, 0.4))}:host(.bg-warning-40) .outer-container .text-container{-ms-flex:1;flex:1;color:var(--dark, #000000)}:host(.bg-warning-40) .outer-container .button-container{padding:0 1rem}:host(.bg-warning-40) .outer-container .button-container .energized{color:var(--dark, #000000)}:host(.bg-warning-40) .outer-container .button-container .success,:host(.bg-warning-40) .outer-container .button-container .app-color{color:var(--light, #ffffff)}:host(.bg-success) .outer-container{background:var(--success, #3aa76d)}:host(.bg-success) .outer-container .text-container{-ms-flex:1;flex:1;color:var(--light, #ffffff)}:host(.bg-success) .outer-container .button-container{padding:0 1rem}:host(.bg-success) .outer-container .button-container .energized{color:var(--dark, #000000)}:host(.bg-success) .outer-container .button-container .success,:host(.bg-success) .outer-container .button-container .app-color{color:var(--light, #ffffff)}:host(.bg-success-10) .outer-container{background:var(--success-10, rgba(58, 167, 109, 0.1))}:host(.bg-success-10) .outer-container .text-container{-ms-flex:1;flex:1;color:var(--dark, #000000)}:host(.bg-success-10) .outer-container .button-container{padding:0 1rem}:host(.bg-success-10) .outer-container .button-container .energized{color:var(--dark, #000000)}:host(.bg-success-10) .outer-container .button-container .success,:host(.bg-success-10) .outer-container .button-container .app-color{color:var(--light, #ffffff)}";
 
 const LIFECYCLE_MAP = {
   ionToastDidPresent: 'ionViewDidEnter',
@@ -168,12 +168,13 @@ const YooToastComponent = class {
     return (h("div", { class: "right-media-container" }, h("yoo-img", { type: "background", src: this.rightMediaSrc })));
   }
   renderExtraButtons(extraButton, insideContextMenu = false) {
+    var _a;
     const extraClass = extraButton.cssClass ? extraButton.cssClass() : '';
     const hasGlobalActions = !!this.host.classList.contains('global-actions');
     const showTooltipBodyText = ((extraButton === null || extraButton === void 0 ? void 0 : extraButton.cssClass) ? !(extraButton.cssClass() || '').includes('hide-tooltip-text') : true) && !hasGlobalActions;
     let button;
     if (extraButton === null || extraButton === void 0 ? void 0 : extraButton.icon) {
-      button = h("yoo-icon", { size: "medium", name: extraButton.icon(), color: extraButton.color ? extraButton.color() : 'stable' });
+      button = h("yoo-icon", { name: extraButton.icon(), size: ((_a = extraButton === null || extraButton === void 0 ? void 0 : extraButton.size) === null || _a === void 0 ? void 0 : _a.call(extraButton)) || 'medium', color: extraButton.color ? extraButton.color() : 'stable' });
     }
     if (extraButton === null || extraButton === void 0 ? void 0 : extraButton.text) {
       const text = translate(extraButton.text());

package/dist/esm/yoo-tooltip.entry.js

@@ -1,11 +1,11 @@
-import { r as registerInstance, i as createEvent, j as Build, f as forceUpdate, h, e as Host, g as getElement } from './index-06fc3d74.js';
-import './index-30d0dd50.js';
-import { R as ROUND_ARROW, t as tippy } from './tippy.esm-3d8fa4a7.js';
-import { k as focusContentEditable } from './form-input-helpers-1e66a27d.js';
-import { H as isWeb, k as isNullOrUndefined, X as findParent, ag as enableKeyboardResize, t as translate } from './index-7b3985f1.js';
+import { r as registerInstance, i as createEvent, j as Build, f as forceUpdate, h, e as Host, g as getElement } from './index-22891abe.js';
+import './index-590d30dd.js';
+import { R as ROUND_ARROW, t as tippy } from './tippy.esm-2682a2e4.js';
+import { k as focusContentEditable } from './form-input-helpers-8c73ba77.js';
+import { H as isWeb, k as isNullOrUndefined, X as findParent, ag as enableKeyboardResize, t as translate } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
-import './index-847a32fd.js';
-import './common-helpers-2139c840.js';
+import './index-dac754e1.js';
+import './common-helpers-2a9aacec.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const tooltipCss = ".tippy-box[data-placement^=top]>.tippy-svg-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-svg-arrow:after,.tippy-box[data-placement^=top]>.tippy-svg-arrow>svg{top:16px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.tippy-box[data-placement^=bottom]>.tippy-svg-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-svg-arrow>svg{bottom:16px}.tippy-box[data-placement^=left]>.tippy-svg-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-svg-arrow:after,.tippy-box[data-placement^=left]>.tippy-svg-arrow>svg{-webkit-transform:rotate(90deg);transform:rotate(90deg);top:calc(50% - 3px);left:11px}.tippy-box[data-placement^=right]>.tippy-svg-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-svg-arrow:after,.tippy-box[data-placement^=right]>.tippy-svg-arrow>svg{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);top:calc(50% - 3px);right:11px}.tippy-svg-arrow{width:16px;height:16px;fill:#333;text-align:initial}.tippy-svg-arrow,.tippy-svg-arrow>svg{position:absolute}svg:not(:root){overflow:hidden}.hidden{display:none !important}.flex{display:-ms-flexbox !important;display:flex !important}.block{display:block !important}:host{display:block}:host .editable-content,:host .request-access{display:none}:host([hidden]){display:none}";

package/dist/esm/yoo-truncate.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-06fc3d74.js';
-import './index-30d0dd50.js';
-import { q as querySelectorDeep } from './common-helpers-2139c840.js';
-import { fQ as truncateMarkdown, t as translate, I as debounce, aB as parseMarkDown } from './index-7b3985f1.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-22891abe.js';
+import './index-590d30dd.js';
+import { q as querySelectorDeep } from './common-helpers-2a9aacec.js';
+import { fQ as truncateMarkdown, t as translate, I as debounce, aB as parseMarkDown } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
-import './index-847a32fd.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const truncateCss = "/*!\n * froala_editor v4.0.14 (https://www.froala.com/wysiwyg-editor)\n * License https://froala.com/wysiwyg-editor/terms/\n * Copyright 2014-2022 Froala Labs\n */.fr-clearfix::after{clear:both;display:block;content:\"\";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-view img.fr-rounded,.fr-view .fr-img-caption.fr-rounded img{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view img.fr-shadow,.fr-view .fr-img-caption.fr-shadow img{-webkit-box-shadow:10px 10px 5px 0px #cccccc;-moz-box-shadow:10px 10px 5px 0px #cccccc;box-shadow:10px 10px 5px 0px #cccccc}.fr-view img.fr-bordered,.fr-view .fr-img-caption.fr-bordered img{border:solid 5px #CCC}.fr-view img.fr-bordered{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fr-view .fr-img-caption.fr-bordered img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fr-view{word-wrap:break-word}.fr-view span[style~=\"color:\"] a{color:inherit}.fr-view strong{font-weight:700}.fr-view table[border='0'] td:not([class]),.fr-view table[border='0'] th:not([class]),.fr-view table[border='0'] td[class=\"\"],.fr-view table[border='0'] th[class=\"\"]{border-width:0px}.fr-view table{border:none;border-collapse:collapse;empty-cells:show;max-width:100%}.fr-view table td{min-width:5px}.fr-view table.fr-dashed-borders td,.fr-view table.fr-dashed-borders th{border-style:dashed}.fr-view table.fr-alternate-rows tbody tr:nth-child(2n){background:whitesmoke}.fr-view table td,.fr-view table th{border:1px solid #DDD}.fr-view table td:empty,.fr-view table th:empty{height:20px}.fr-view table td.fr-highlighted,.fr-view table th.fr-highlighted{border:1px double red}.fr-view table td.fr-thick,.fr-view table th.fr-thick{border-width:2px}.fr-view table th{background:#ececec}.fr-view table tfoot td{background:#ececec}.fr-view hr{clear:both;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-column-break-after:always;-moz-column-break-after:always;break-after:always;page-break-after:always}.fr-view .fr-file{position:relative}.fr-view .fr-file::after{position:relative;content:\"\\1F4CE\";font-weight:normal}.fr-view pre{white-space:pre-wrap;word-wrap:break-word;overflow:visible}.fr-view[dir=\"rtl\"] blockquote{border-left:none;border-right:solid 2px #5E35B1;margin-right:0;padding-right:5px;padding-left:0}.fr-view[dir=\"rtl\"] blockquote blockquote{border-color:#00BCD4}.fr-view[dir=\"rtl\"] blockquote blockquote blockquote{border-color:#43A047}.fr-view blockquote{border-left:solid 2px #5E35B1;margin-left:0;padding-left:5px;color:#5E35B1}.fr-view blockquote blockquote{border-color:#00BCD4;color:#00BCD4}.fr-view blockquote blockquote blockquote{border-color:#43A047;color:#43A047}.fr-view span.fr-emoticon{font-weight:normal;font-family:\"Apple Color Emoji\",\"Segoe UI Emoji\",\"NotoColorEmoji\",\"Segoe UI Symbol\",\"Android Emoji\",\"EmojiSymbols\";display:inline;line-height:0}.fr-view span.fr-emoticon.fr-emoticon-img{background-repeat:no-repeat !important;font-size:inherit;height:1em;width:1em;min-height:20px;min-width:20px;display:inline-block;margin:-.1em .1em .1em;line-height:1;vertical-align:middle}.fr-view .fr-text-gray{color:#AAA !important}.fr-view .fr-text-bordered{border-top:solid 1px #222;border-bottom:solid 1px #222;padding:10px 0}.fr-view .fr-text-spaced{letter-spacing:1px}.fr-view .fr-text-uppercase{text-transform:uppercase}.fr-view .fr-class-highlighted{background-color:#ffff00}.fr-view .fr-class-code{border-color:#cccccc;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:#f5f5f5;padding:10px;font-family:\"Courier New\", Courier, monospace}.fr-view .fr-class-transparency{opacity:0.5}.fr-view img{position:relative;max-width:100%}.fr-view img.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.fr-view img.fr-dib.fr-fil{margin-left:0;text-align:left}.fr-view img.fr-dib.fr-fir{margin-right:0;text-align:right}.fr-view img.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.fr-view img.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.fr-view img.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view span.fr-img-caption{position:relative;max-width:100%}.fr-view span.fr-img-caption.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.fr-view span.fr-img-caption.fr-dib.fr-fil{margin-left:0;text-align:left}.fr-view span.fr-img-caption.fr-dib.fr-fir{margin-right:0;text-align:right}.fr-view span.fr-img-caption.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.fr-view span.fr-img-caption.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.fr-view span.fr-img-caption.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view .fr-video{text-align:center;position:relative}.fr-view .fr-video.fr-rv{padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.fr-view .fr-video.fr-rv>iframe,.fr-view .fr-video.fr-rv object,.fr-view .fr-video.fr-rv embed{position:absolute !important;top:0;left:0;width:100%;height:100%}.fr-view .fr-video>*{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;max-width:100%;border:none}.fr-view .fr-video.fr-dvb{display:block;clear:both}.fr-view .fr-video.fr-dvb.fr-fvl{text-align:left}.fr-view .fr-video.fr-dvb.fr-fvr{text-align:right}.fr-view .fr-video.fr-dvi{display:inline-block}.fr-view .fr-video.fr-dvi.fr-fvl{float:left}.fr-view .fr-video.fr-dvi.fr-fvr{float:right}.fr-view a.fr-strong{font-weight:700}.fr-view a.fr-green{color:green}.fr-view .fr-img-caption{text-align:center}.fr-view .fr-img-caption .fr-img-wrap{padding:0;margin:auto;text-align:center;width:100%}.fr-view .fr-img-caption .fr-img-wrap a{display:block}.fr-view .fr-img-caption .fr-img-wrap img{display:block;margin:auto;width:100%}.fr-view .fr-img-caption .fr-img-wrap>span{margin:auto;display:block;padding:5px 5px 10px;font-size:14px;font-weight:initial;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-opacity:0.9;-moz-opacity:0.9;opacity:0.9;-ms-filter:\"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)\";width:100%;text-align:center}.fr-view button.fr-rounded,.fr-view input.fr-rounded,.fr-view textarea.fr-rounded{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view button.fr-large,.fr-view input.fr-large,.fr-view textarea.fr-large{font-size:24px}a.fr-view.fr-strong{font-weight:700}a.fr-view.fr-green{color:green}img.fr-view{position:relative;max-width:100%}img.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}img.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}img.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}img.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}img.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}img.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}span.fr-img-caption.fr-view{position:relative;max-width:100%}span.fr-img-caption.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}span.fr-img-caption.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}span.fr-img-caption.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}span.fr-img-caption.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}span.fr-img-caption.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}span.fr-img-caption.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}svg:not(:root){overflow:hidden}.hidden{display:none !important}.flex{display:-ms-flexbox !important;display:flex !important}.block{display:block !important}:host{--max-lines:1;--line-height:var(--spacing-24, 1.5rem);display:block}.outer-container{position:relative}.fr-view blockquote{color:var(--dark, #000000) !important}.classic-truncate{overflow:hidden;line-height:var(--line-height);visibility:visible}@supports (display: -webkit-box){.classic-truncate{display:-webkit-box;-webkit-line-clamp:var(--max-lines);-webkit-box-orient:vertical}}@supports not (display: -webkit-box){.classic-truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-height:calc(var(--line-height) * var(--max-lines))}}.markdown-truncate{width:100%;overflow:hidden}.markdown-truncate html,.markdown-truncate body,.markdown-truncate div:not([class^=fr-]),.markdown-truncate span:not([class^=fr-]),.markdown-truncate img:not([class^=fr-]),.markdown-truncate applet,.markdown-truncate object,.markdown-truncate iframe,.markdown-truncate h1,.markdown-truncate h2,.markdown-truncate h3,.markdown-truncate h4,.markdown-truncate h5,.markdown-truncate h6,.markdown-truncate p,.markdown-truncate blockquote,.markdown-truncate pre,.markdown-truncate a,.markdown-truncate abbr,.markdown-truncate acronym,.markdown-truncate address,.markdown-truncate big,.markdown-truncate cite,.markdown-truncate code,.markdown-truncate del,.markdown-truncate dfn,.markdown-truncate em,.markdown-truncate font,.markdown-truncate ins,.markdown-truncate kbd,.markdown-truncate q,.markdown-truncate s,.markdown-truncate samp,.markdown-truncate small,.markdown-truncate strike,.markdown-truncate strong,.markdown-truncate sub,.markdown-truncate sup,.markdown-truncate tt,.markdown-truncate var,.markdown-truncate dl,.markdown-truncate dt,.markdown-truncate dd,.markdown-truncate ol,.markdown-truncate ul,.markdown-truncate li,.markdown-truncate fieldset,.markdown-truncate form,.markdown-truncate label,.markdown-truncate legend,.markdown-truncate table,.markdown-truncate caption,.markdown-truncate tbody,.markdown-truncate tfoot,.markdown-truncate thead,.markdown-truncate tr,.markdown-truncate th{margin:0;padding:0;font-weight:inherit;font-size:100%;font-family:inherit;font-style:inherit;vertical-align:baseline;border:0;outline:0;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0}.markdown-truncate blockquote{padding-left:1rem;border-left:var(--border-width-04, 0.25rem) solid var(--stable, #adadad)}.markdown-truncate blockquote:last-of-type blockquote p:last-of-type,.markdown-truncate p:last-of-type{padding-top:0;padding-bottom:0}.markdown-truncate ol,.markdown-truncate ul{margin:revert;padding:revert}.markdown-truncate h1{display:block;margin-top:0.67em;margin-right:0;margin-bottom:0.67em;margin-left:0;font-weight:bold;font-size:2em}.markdown-truncate h2{display:block;margin-top:0.83em;margin-right:0;margin-bottom:0.83em;margin-left:0;font-weight:bold;font-size:1.5em}.markdown-truncate h3{display:block;margin-top:1em;margin-right:0;margin-bottom:1em;margin-left:0;font-weight:bold;font-size:1.17em}.markdown-truncate h4{display:block;margin-top:1.33em;margin-right:0;margin-bottom:1.33em;margin-left:0;font-weight:bold}.markdown-truncate h5{display:block;margin-top:1.67em;margin-right:0;margin-bottom:1.67em;margin-left:0;font-weight:bold;font-size:0.83em}.markdown-truncate h6{display:block;margin-top:2.33em;margin-right:0;margin-bottom:2.33em;margin-left:0;font-weight:bold;font-size:0.67em}.markdown-truncate strong{font-weight:bold}.markdown-truncate em{font-style:italic}.more-button{color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem) !important;font-family:var(--font-family, \"Lato\") !important;white-space:nowrap;cursor:pointer}:host(.grid) .classic-truncate{white-space:normal}:host(.expanded) .more-button{display:-ms-flexbox;display:flex}:host([show-ellipsis-icon]) .outer-container{position:relative}:host([show-ellipsis-icon]) .outer-container p{display:-ms-flexbox;display:flex}:host([show-ellipsis-icon]) .outer-container p span{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host([show-ellipsis-icon]) .outer-container p span yoo-icon{margin-left:var(--spacing-08, 0.5rem)}:host(.app-color) .more-button{color:var(--app-color, #5a30f4)}:host(.force-more){display:-ms-flexbox;display:flex}:host(.force-more) .more-button{margin-right:var(--spacing-08, 0.5rem);color:var(--app-color, #5a30f4);text-decoration:underline}:host(.force-more.expanded) .more-button{-ms-flex-item-align:end;align-self:flex-end}:host(.card-feeds) .more-button{color:var(--stable, #adadad)}.fr-view h1,.fr-view h2,.fr-view h3,.fr-view h4,.fr-view h5,.fr-view h6{margin:0;padding:0;border:0}";

package/dist/esm/yoo-truncated-line.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-06fc3d74.js';
-import './index-30d0dd50.js';
-import { a3 as translateMulti, fb as isTruncated } from './index-7b3985f1.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-22891abe.js';
+import './index-590d30dd.js';
+import { a3 as translateMulti, fb as isTruncated } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
-import './index-847a32fd.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const truncatedLineCss = "svg:not(:root){overflow:hidden}:host{display:block;width:100%}:host .content{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host ::slotted(*){width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}";

package/dist/esm/yoo-user-detail.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-06fc3d74.js';
-import './index-30d0dd50.js';
-import { t as translate, H as isWeb } from './index-7b3985f1.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-22891abe.js';
+import './index-590d30dd.js';
+import { t as translate, H as isWeb } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
-import './index-847a32fd.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const userDetailCss = "svg:not(:root){overflow:hidden}.text-extra-small{font-size:var(--font-size-12, 0.75rem) !important}.text-small{font-size:var(--font-size-14, 0.875rem) !important}.text-medium{font-size:var(--font-size-16, 1rem) !important}.text-large{font-size:var(--font-size-18, 1.125rem) !important}.text-extra-large{font-size:var(--font-size-36, 2.25rem) !important}.text-extra-extra-large{font-size:var(--font-size-54, 3.375rem) !important}:host yoo-grid div[slot=header]{display:-ms-flexbox;display:flex;min-height:var(--spacing-40, 2.5rem)}:host yoo-grid div[slot=header] .title{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}:host yoo-grid div[slot=header] .action{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;margin-left:auto;padding-right:1rem;color:var(--stable, #adadad);font-weight:var(--font-weight-400, 400);cursor:pointer}:host yoo-grid div[slot=header] .total-number{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;padding-left:0.2rem;color:var(--stable, #adadad)}:host yoo-grid div[slot=header].profile-summary{padding-left:var(--spacing-16, 1rem);font-size:14px}:host yoo-grid div[slot=header].profile-summary .title{font-weight:var(--font-weight-700, 700);text-transform:uppercase}:host yoo-grid div[slot=header].profile-summary .total-number{color:var(--dark, #000000)}:host yoo-grid div[slot=header].profile-summary .action{font-size:var(--font-size-16, 1rem)}:host yoo-grid div[slot=header].profile-summary.web{padding-left:0}:host yoo-grid.badges{margin-bottom:var(--spacing-16, 1rem)}:host .courses-empty{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin:var(--spacing-16, 1rem);padding:var(--spacing-32, 2rem);background:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host .courses-empty .empty-text{padding:var(--spacing-16, 1rem) 0;color:var(--text-color, #807f83)}:host .courses-empty yoo-empty-state{height:10rem}";

package/dist/esm/yoo-user-profile.entry.js

@@ -1,10 +1,10 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-06fc3d74.js';
-import './index-30d0dd50.js';
-import { g as getAppContext } from './common-helpers-2139c840.js';
-import { g as groupsFullResolver } from './entities-helpers-8e16d499.js';
-import { t as translate, av as pipes } from './index-7b3985f1.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-22891abe.js';
+import './index-590d30dd.js';
+import { g as getAppContext } from './common-helpers-2a9aacec.js';
+import { g as groupsFullResolver } from './entities-helpers-b5569bff.js';
+import { t as translate, av as pipes } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
-import './index-847a32fd.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const userProfileCss = "svg:not(:root){overflow:hidden}:host{height:100%;font-weight:var(--font-weight-400, 400);font-size:var(--font-size-18, 1.125rem)}:host .profile-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}:host .profile-content .profile-user{margin-top:0.5rem;margin-bottom:3rem;text-align:center}:host .profile-content .profile-user .profile-user-name{line-height:1.3125rem}:host .profile-content .profile-user .profile-user-role{color:var(--stable, #adadad);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-14, 0.875rem);line-height:1rem}:host .profile-content .profile-user yoo-avatar{margin:auto}:host .profile-content .profile-links{padding-left:1rem}:host .profile-content .profile-links .profile-links-title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;height:1.875rem;color:var(--stable, #adadad)}:host .profile-content .profile-links .profile-links-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:0;padding:0;list-style:none;cursor:pointer}:host .profile-content .profile-links .profile-links-menu .profile-links-menu-item{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:auto;min-height:2.6875rem;font-weight:var(--font-weight-400, 400);line-height:36px;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);cursor:pointer}:host .profile-content .profile-links .profile-links-menu .profile-links-menu-item>div{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .profile-content .profile-links .profile-links-menu .profile-links-menu-item:last-child{margin-bottom:0.5rem;border-bottom:none}:host .profile-content.advanced{-ms-flex-pack:left;justify-content:left}:host .profile-content.advanced .profile-title{padding:var(--spacing-16, 1rem) var(--spacing-16, 1rem) 0 var(--spacing-16, 1rem);font-weight:var(--font-weight-700, 700)}:host .profile-content.advanced .profile-links .profile-links-menu .border-bottom{border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);cursor:auto}:host .profile-content.advanced .profile-links .profile-links-menu .border-bottom>div{display:-ms-flexbox;display:flex}:host .profile-content.advanced .profile-links .profile-links-menu .profile-links-menu-item{-ms-flex-pack:left;justify-content:left;margin-right:var(--spacing-16, 1rem);margin-bottom:var(--spacing-04, 0.25rem);font-size:var(--font-size-16, 1rem);cursor:auto}:host .profile-content.advanced .profile-links .profile-links-menu .multiple-items-margin{margin-right:var(--spacing-16, 1rem);line-height:1.5}:host .profile-content.advanced .profile-links .profile-links-menu yoo-avatar{margin-right:var(--spacing-08, 0.5rem)}:host .profile-content.advanced .profile-links .profile-links-menu .profile-links-menu-title{padding-top:var(--spacing-16, 1rem);font-size:var(--font-size-12, 0.75rem);text-transform:uppercase}:host(.rtl) .profile-content.advanced .profile-links{padding-right:var(--spacing-16, 1rem);padding-left:0}:host(.rtl) .profile-content.advanced .profile-links .profile-links-menu .profile-links-menu-item{-ms-flex-pack:right;justify-content:right;margin-right:0;margin-left:var(--spacing-16, 1rem)}:host(.rtl) .profile-content.advanced .profile-links .profile-links-menu .multiple-items-margin{margin-right:0;margin-left:var(--spacing-16, 1rem)}:host(.rtl) .profile-content.advanced .profile-links .profile-links-menu yoo-avatar{margin-right:0;margin-left:var(--spacing-08, 0.5rem)}";
@@ -24,8 +24,8 @@ const YooUserProfileComponent = class {
   renderGroups() {
     var _a, _b, _c;
     const groupIds = (_c = (_b = (_a = this.user) === null || _a === void 0 ? void 0 : _a._acl) === null || _b === void 0 ? void 0 : _b.groups) === null || _c === void 0 ? void 0 : _c.r;
-    if ((groupIds === null || groupIds === void 0 ? void 0 : groupIds.length) > 0) {
-      const groups = groupsFullResolver(groupIds);
+    const groups = groupsFullResolver(groupIds);
+    if ((groupIds === null || groupIds === void 0 ? void 0 : groupIds.length) && groups.length) {
       return (h("li", { class: "border-bottom" }, h("div", { class: "profile-links-menu-title" }, translate('TEAMS')), h("div", { class: "profile-links-menu-item" }, groups === null || groups === void 0 ? void 0 : groups.map((group) => {
         var _a;
         const groupTitleOrId = group.title || group._id;

package/dist/esm/yoo-user-wizard.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-06fc3d74.js';
-import './index-30d0dd50.js';
-import { g as getAppContext } from './common-helpers-2139c840.js';
-import { a8 as getSession, H as isWeb, t as translate } from './index-7b3985f1.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-22891abe.js';
+import './index-590d30dd.js';
+import { g as getAppContext } from './common-helpers-2a9aacec.js';
+import { a8 as getSession, H as isWeb, t as translate } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
-import './index-847a32fd.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const userWizardCss = "svg:not(:root){overflow:hidden}:host{--card-chat-height:7rem;display:block;max-width:100%;overflow:hidden;--gutter:var(--spacing-16, 1rem);--item-size:6rem}:host>main{grid-column:1/-1}:host .truncate{overflow:hidden;max-width:4rem;padding-top:var(--spacing-04, 0.25rem);font-size:var(--font-size-12, 0.75rem);text-align:center}@supports (display: -webkit-box){:host .truncate{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}:host header{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;padding:var(--spacing-08, 0.5rem) 0}:host header #title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem)}:host header #title yoo-tag{padding-left:var(--spacing-08, 0.5rem)}:host header #action{color:var(--app-color, #5a30f4);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem);cursor:pointer}:host main{display:grid;grid-gap:calc(var(--gutter) / 2);grid-template-columns:var(--spacing-08, 0.5rem) repeat(var(--number-items), calc(var(--item-size) - var(--gutter) * 2)) var(--item-size)}:host main::before,:host main::after{content:\"\"}:host main:hover{cursor:pointer}:host main .item{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:start;scroll-snap-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host main .item#add-avatar{color:var(--app-color, #5a30f4)}:host main .item#add-avatar yoo-icon{width:var(--spacing-64, 4rem);height:var(--spacing-64, 4rem);background-color:var(--app-color-10, rgba(90, 48, 244, 0.1));border-radius:50%}:host main yoo-card-image{--description-align-items:flex-start;--description-justify-content:flex-end;--description-text-align:start;--inner-spacing:var(--spacing-08, 0.5rem);--image-overlay:linear-gradient(to bottom, var(--transparent-linear-gradient, rgba(255, 255, 255, 0)) -73%, var(--dark-40, rgba(0, 0, 0, 0.4)));--title-line-height:var(--font-size-32, 2rem);--title-font-weight:normal}:host(.mobile) header{width:calc(100% - var(--spacing-32, 2rem));margin-left:var(--spacing-16, 1rem)}:host(.mobile) main{margin-right:calc(var(--spacing-16, 1rem) * -1);overflow-x:auto}:host(.mobile) main::-webkit-scrollbar{display:none}:host(.mobile) main yoo-card-image{width:6.5rem;height:11.25rem;--subtitle-line-height:var(--font-size-14, 0.875rem);--title-font-size:var(--font-size-14, 0.875rem)}:host(.mobile.rtl) header{margin-right:var(--spacing-16, 1rem);margin-left:0}:host(.web) main{margin-left:calc(var(--spacing-16, 1rem) * -1)}:host(.web) main yoo-card-image{width:5.375rem;height:9.25rem;--subtitle-line-height:var(--font-size-12, 0.75rem);--title-font-size:var(--font-size-12, 0.75rem)}:host(.empty){--card-chat-height:auto;max-width:initial}:host(.live-video){--card-chat-height:9.25rem}:host(.web.live-video){--item-size:7.5rem}:host(.mobile.live-video){--item-size:8.5rem}:host(.mobile.live-video) main{margin-left:inherit}:host(.rtl.mobile) main{margin-right:0;margin-left:calc(var(--spacing-16, 1rem) * -1)}:host(.rtl.mobile.live-video) main{margin-right:inherit}";