@yoobic/yobi 8.6.0-4 → 8.6.0-5

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, e as Host } from './index-06fc3d74.js';
-import './index-30d0dd50.js';
+import { r as registerInstance, h, e as Host } from './index-22891abe.js';
+import './index-590d30dd.js';
 import { O as isFinite, p as isString } from './lodash-777f91de.js';
-import { dl as isAnimationsDisabled, t as translate } from './index-7b3985f1.js';
-import './index-847a32fd.js';
+import { dl as isAnimationsDisabled, t as translate } from './index-97f4ed07.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const cardProgressCss = "svg:not(:root){overflow:hidden}:host{position:relative;display:block;background:var(--light, #ffffff)}:host([mode=large]){padding:var(--spacing-16, 1rem);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--tile-shadow, 0 1px 4px 0 rgba(0, 0, 0, 0.1));box-shadow:var(--tile-shadow, 0 1px 4px 0 rgba(0, 0, 0, 0.1))}:host([mode=large]) yoo-tooltip{float:right;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host([mode=large]) yoo-progress-bar{width:100%}:host([mode=large]) .label{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:end;align-items:end;-ms-flex-pack:justify;justify-content:space-between;width:100%}:host([mode=large]) .label div{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end}:host([mode=large]) .label div span{padding-right:var(--spacing-04, 0.25rem);font-weight:700;font-size:var(--font-size-28, 1.75rem);line-height:1.125}:host([mode=large]) .label div yoo-display-increment{right:var(--spacing-16, 1rem);display:-ms-flexbox;display:flex;-ms-flex-item-align:end;align-self:end}:host([mode=compact]){line-height:0.75}:host([mode=compact]) .label{font-size:var(--font-size-12, 0.75rem)}:host([mode=compact]) .label span{padding-right:var(--spacing-04, 0.25rem)}@media print{:host .large-container{page-break-after:auto;page-break-before:avoid;page-break-inside:avoid}}";

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

@@ -1,10 +1,10 @@
-import { r as registerInstance, h, g as getElement } from './index-06fc3d74.js';
-import './index-30d0dd50.js';
+import { r as registerInstance, h, g as getElement } from './index-22891abe.js';
+import './index-590d30dd.js';
 import { C as get } from './lodash-777f91de.js';
-import { g as getFromOfflineStorage } from './localForage-1cbed8e8.js';
-import { bq as isOffline, t as translate, a3 as translateMulti, f4 as getLessonTypeIcon } from './index-7b3985f1.js';
+import { g as getFromOfflineStorage } from './localForage-6c1cadad.js';
+import { bq as isOffline, t as translate, a3 as translateMulti, f4 as getLessonTypeIcon } from './index-97f4ed07.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-847a32fd.js';
+import './index-dac754e1.js';
 
 const cardRecommendationCss = "svg:not(:root){overflow:hidden}:host{cursor:pointer}:host .outer-container{max-width:18.5rem;margin-top:var(--spacing-08, 0.5rem);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 .outer-container .image-container{position:relative;width:18.5rem}:host .outer-container .image-container .image{border-radius:inherit !important}:host .outer-container .image-container .course-title{position:absolute;bottom:var(--spacing-16, 1rem);left:var(--spacing-16, 1rem);width:90%;color:var(--light, #ffffff);font-size:var(--font-size-14, 0.875rem);text-align:left;--max-lines:1}:host .outer-container .image-container .img-tag{position:absolute;top:var(--spacing-16, 1rem);left:var(--spacing-16, 1rem)}:host([type=plan]) .outer-container .image-container{min-height:12.5rem;max-height:12.5rem;margin-bottom:0;border-radius:inherit}:host([type=plan]) .outer-container .image-container .image{height:12.5rem}:host([type=plan]) .outer-container .image-container .points-tag,:host([type=plan]) .outer-container .image-container .lessons-tag{position:absolute;bottom:2.5rem}:host([type=plan]) .outer-container .image-container .points-tag{left:var(--spacing-16, 1rem)}:host([type=plan]) .outer-container .image-container .lessons-tag{left:4.25rem}:host([type=lesson]) .outer-container{margin-bottom:var(--spacing-08, 0.5rem)}:host([type=lesson]) .outer-container .image-container{min-height:8.5rem;max-height:8.5rem;border-radius:var(--border-radius-08, 0.5rem) var(--border-radius-08, 0.5rem) 0 0}:host([type=lesson]) .outer-container .image-container .image{height:8.5rem}:host([type=lesson]) .outer-container .image-container .course-title{font-size:var(--font-size-12, 0.75rem)}:host([type=lesson]) .outer-container .content-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-height:3.5rem;padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem) 0 var(--spacing-16, 1rem)}:host([type=lesson]) .outer-container .content-container .title-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}:host([type=lesson]) .outer-container .content-container .title-container yoo-icon+.lesson-title{width:calc(100% - (var(--icon-size-01, 1rem) + var(--spacing-08, 0.5rem)))}:host([type=lesson]) .outer-container .content-container .title-container .lesson-title{margin-left:var(--spacing-08, 0.5rem);font-size:var(--font-size-14, 0.875rem);text-align:left}:host([type=lesson]) .outer-container .content-container .points{margin-left:var(--spacing-24, 1.5rem)}:host([type=lesson]) .outer-container .content-container .points span{font-size:var(--font-size-14, 0.875rem)}";
 

package/dist/design-system/yoo-card-sticky.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 { a3 as translateMulti, co as showActionSheet, H as isWeb, al as isGif, e$ as removeTextStyle } 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 { a3 as translateMulti, co as showActionSheet, H as isWeb, al as isGif, e$ as removeTextStyle } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
-import './index-847a32fd.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const cardStickyCss = "svg:not(:root){overflow:hidden}:host{--feed-card-width:300px;--feed-card-max-height:230px;cursor:pointer}:host yoo-tag{--padding:0 var(--spacing-04, 0.25rem) 0 var(--spacing-04, 0.25rem);color:var(--text-color)}:host yoo-tag.top.left{position:absolute;top:var(--spacing-16, 1rem);left:var(--spacing-16, 1rem);z-index:9;border-radius:var(--border-radius-04, 0.25rem)}:host yoo-icon{width:var(--spacing-16, 1rem);height:var(--spacing-16, 1rem)}:host yoo-icon[name=bookmark]{right:var(--spacing-16, 1rem);background-color:var(--light-20, rgba(255, 255, 255, 0.2))}:host .outer-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;max-width:310px;max-height:var(--feed-card-max-height);overflow:hidden;background-position:center;border-radius:0.25rem}:host .outer-container .image-container{--border-radius:var(--border-radius-04, 0.25rem);width:100%;height:90%;background:var(--stable-light, #f1f1f1);-webkit-box-shadow:var(--button-shadow, 0 0.125rem 0.375rem rgba(0, 0, 0, 0.1));box-shadow:var(--button-shadow, 0 0.125rem 0.375rem rgba(0, 0, 0, 0.1))}:host .outer-container .gradient-container{position:absolute;width:100%;height:100%;background:-webkit-gradient(linear, left top, right top, from(var(--light, #ffffff)), color-stop(40%, var(--light, #ffffff)), to(var(--dark-10, rgba(0, 0, 0, 0.1))));background:linear-gradient(90deg, var(--light, #ffffff), var(--light, #ffffff) 40%, var(--dark-10, rgba(0, 0, 0, 0.1)));border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container .gradient-container .text-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:40%;height:100%;margin-left:1.25rem;text-align:left}:host .outer-container .gradient-container .text-container .category{color:var(--app-color, #5a30f4);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .gradient-container .text-container .title{margin-top:1.25rem;font-size:var(--font-size-18, 1.125rem)}:host .outer-container .gradient-container .text-container .title html,:host .outer-container .gradient-container .text-container .title body,:host .outer-container .gradient-container .text-container .title div:not([class^=fr-]),:host .outer-container .gradient-container .text-container .title span:not([class^=fr-]),:host .outer-container .gradient-container .text-container .title img:not([class^=fr-]),:host .outer-container .gradient-container .text-container .title applet,:host .outer-container .gradient-container .text-container .title object,:host .outer-container .gradient-container .text-container .title iframe,:host .outer-container .gradient-container .text-container .title h1,:host .outer-container .gradient-container .text-container .title h2,:host .outer-container .gradient-container .text-container .title h3,:host .outer-container .gradient-container .text-container .title h4,:host .outer-container .gradient-container .text-container .title h5,:host .outer-container .gradient-container .text-container .title h6,:host .outer-container .gradient-container .text-container .title p,:host .outer-container .gradient-container .text-container .title blockquote,:host .outer-container .gradient-container .text-container .title pre,:host .outer-container .gradient-container .text-container .title a,:host .outer-container .gradient-container .text-container .title abbr,:host .outer-container .gradient-container .text-container .title acronym,:host .outer-container .gradient-container .text-container .title address,:host .outer-container .gradient-container .text-container .title big,:host .outer-container .gradient-container .text-container .title cite,:host .outer-container .gradient-container .text-container .title code,:host .outer-container .gradient-container .text-container .title del,:host .outer-container .gradient-container .text-container .title dfn,:host .outer-container .gradient-container .text-container .title em,:host .outer-container .gradient-container .text-container .title font,:host .outer-container .gradient-container .text-container .title ins,:host .outer-container .gradient-container .text-container .title kbd,:host .outer-container .gradient-container .text-container .title q,:host .outer-container .gradient-container .text-container .title s,:host .outer-container .gradient-container .text-container .title samp,:host .outer-container .gradient-container .text-container .title small,:host .outer-container .gradient-container .text-container .title strike,:host .outer-container .gradient-container .text-container .title strong,:host .outer-container .gradient-container .text-container .title sub,:host .outer-container .gradient-container .text-container .title sup,:host .outer-container .gradient-container .text-container .title tt,:host .outer-container .gradient-container .text-container .title var,:host .outer-container .gradient-container .text-container .title dl,:host .outer-container .gradient-container .text-container .title dt,:host .outer-container .gradient-container .text-container .title dd,:host .outer-container .gradient-container .text-container .title ol,:host .outer-container .gradient-container .text-container .title ul,:host .outer-container .gradient-container .text-container .title li,:host .outer-container .gradient-container .text-container .title fieldset,:host .outer-container .gradient-container .text-container .title form,:host .outer-container .gradient-container .text-container .title label,:host .outer-container .gradient-container .text-container .title legend,:host .outer-container .gradient-container .text-container .title table,:host .outer-container .gradient-container .text-container .title caption,:host .outer-container .gradient-container .text-container .title tbody,:host .outer-container .gradient-container .text-container .title tfoot,:host .outer-container .gradient-container .text-container .title thead,:host .outer-container .gradient-container .text-container .title tr,:host .outer-container .gradient-container .text-container .title 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}:host .outer-container .gradient-container .text-container .description{color:var(--stable, #adadad);font-size:var(--font-size-12, 0.75rem)}:host .outer-container .gradient-container .text-container .description html,:host .outer-container .gradient-container .text-container .description body,:host .outer-container .gradient-container .text-container .description div:not([class^=fr-]),:host .outer-container .gradient-container .text-container .description span:not([class^=fr-]),:host .outer-container .gradient-container .text-container .description img:not([class^=fr-]),:host .outer-container .gradient-container .text-container .description applet,:host .outer-container .gradient-container .text-container .description object,:host .outer-container .gradient-container .text-container .description iframe,:host .outer-container .gradient-container .text-container .description h1,:host .outer-container .gradient-container .text-container .description h2,:host .outer-container .gradient-container .text-container .description h3,:host .outer-container .gradient-container .text-container .description h4,:host .outer-container .gradient-container .text-container .description h5,:host .outer-container .gradient-container .text-container .description h6,:host .outer-container .gradient-container .text-container .description p,:host .outer-container .gradient-container .text-container .description blockquote,:host .outer-container .gradient-container .text-container .description pre,:host .outer-container .gradient-container .text-container .description a,:host .outer-container .gradient-container .text-container .description abbr,:host .outer-container .gradient-container .text-container .description acronym,:host .outer-container .gradient-container .text-container .description address,:host .outer-container .gradient-container .text-container .description big,:host .outer-container .gradient-container .text-container .description cite,:host .outer-container .gradient-container .text-container .description code,:host .outer-container .gradient-container .text-container .description del,:host .outer-container .gradient-container .text-container .description dfn,:host .outer-container .gradient-container .text-container .description em,:host .outer-container .gradient-container .text-container .description font,:host .outer-container .gradient-container .text-container .description ins,:host .outer-container .gradient-container .text-container .description kbd,:host .outer-container .gradient-container .text-container .description q,:host .outer-container .gradient-container .text-container .description s,:host .outer-container .gradient-container .text-container .description samp,:host .outer-container .gradient-container .text-container .description small,:host .outer-container .gradient-container .text-container .description strike,:host .outer-container .gradient-container .text-container .description strong,:host .outer-container .gradient-container .text-container .description sub,:host .outer-container .gradient-container .text-container .description sup,:host .outer-container .gradient-container .text-container .description tt,:host .outer-container .gradient-container .text-container .description var,:host .outer-container .gradient-container .text-container .description dl,:host .outer-container .gradient-container .text-container .description dt,:host .outer-container .gradient-container .text-container .description dd,:host .outer-container .gradient-container .text-container .description ol,:host .outer-container .gradient-container .text-container .description ul,:host .outer-container .gradient-container .text-container .description li,:host .outer-container .gradient-container .text-container .description fieldset,:host .outer-container .gradient-container .text-container .description form,:host .outer-container .gradient-container .text-container .description label,:host .outer-container .gradient-container .text-container .description legend,:host .outer-container .gradient-container .text-container .description table,:host .outer-container .gradient-container .text-container .description caption,:host .outer-container .gradient-container .text-container .description tbody,:host .outer-container .gradient-container .text-container .description tfoot,:host .outer-container .gradient-container .text-container .description thead,:host .outer-container .gradient-container .text-container .description tr,:host .outer-container .gradient-container .text-container .description 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}:host .outer-container .gradient-container .text-container yoo-button{margin-top:1.25rem}:host .outer-container .bottom-container{border-radius:5px}:host .outer-container.feeds.gif .bottom-container{-webkit-transform:rotateX(0);transform:rotateX(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000}:host .outer-container.feeds.gif .image-container{--border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container.feeds{position:relative;display:-ms-flexbox;display:flex;width:var(--feed-card-width);height:225px;-webkit-box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08))}:host .outer-container.feeds .image-container{position:absolute;height:100%;-webkit-box-shadow:none;box-shadow:none}:host .outer-container.feeds .bottom-container{position:absolute;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:4.0625rem;padding:var(--spacing-08, 0.5rem);padding-top:var(--spacing-02, 0.125rem);color:var(--light, #ffffff);line-height:normal;text-align:left;background-color:var(--dark-60, rgba(0, 0, 0, 0.6));border-radius:0}:host .outer-container.feeds .bottom-container .text-wrapper{--max-lines:1;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:0px;color:var(--light, #ffffff);font-size:var(--font-size-16, 1rem);line-height:normal}:host .outer-container.feeds .bottom-container .text-wrapper .fr-emoticon{display:inline-block;width:var(--spacing-16, 1rem);height:var(--spacing-16, 1rem)}:host .outer-container.feeds .bottom-container .subheading{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--light, #ffffff);font-size:var(--font-size-12, 0.75rem)}:host .outer-container.feeds .bottom-container .subheading yoo-avatar{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container.feeds .bottom-container .subheading yoo-icon:not(.header){margin-left:auto}:host .outer-container.courses,:host .outer-container.plans,:host .outer-container.courses-small{--text-color:var(--light, #ffffff);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08))}:host .outer-container.courses yoo-img,:host .outer-container.plans yoo-img,:host .outer-container.courses-small yoo-img{position:relative;width:100%;height:100%;border-radius:var(--border-radius-08, 0.5rem)}:host .outer-container.courses yoo-img yoo-icon,:host .outer-container.plans yoo-img yoo-icon,:host .outer-container.courses-small yoo-img yoo-icon{position:absolute;top:var(--spacing-16, 1rem);z-index:1;padding:var(--spacing-04, 0.25rem);border:none;border-radius:var(--border-radius-24, 1.5rem)}:host .outer-container.courses yoo-img::after,:host .outer-container.plans yoo-img::after,:host .outer-container.courses-small yoo-img::after{position:absolute;width:100%;height:100%;background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(14%, rgba(255, 255, 255, 0)), color-stop(60%, rgba(0, 0, 0, 0.1)), color-stop(70%, rgba(0, 0, 0, 0.2)), color-stop(85%, rgba(0, 0, 0, 0.5)), to(black));background-image:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 14%, rgba(0, 0, 0, 0.1) 60%, rgba(0, 0, 0, 0.2) 70%, rgba(0, 0, 0, 0.5) 85%, black 100%);background-blend-mode:multiply;border-radius:var(--border-radius-08, 0.5rem);content:\"\"}:host .outer-container.courses .tags-container,:host .outer-container.plans .tags-container,:host .outer-container.courses-small .tags-container{display:-ms-flexbox;display:flex;margin-bottom:-0.2rem;padding:0 0 0 var(--spacing-16, 1rem)}:host .outer-container.courses .tags-container yoo-tag.bottom,:host .outer-container.plans .tags-container yoo-tag.bottom,:host .outer-container.courses-small .tags-container yoo-tag.bottom{--padding:0 var(--spacing-04, 0.25rem) 0 0}:host .outer-container.courses .bottom-container,:host .outer-container.plans .bottom-container,:host .outer-container.courses-small .bottom-container{position:absolute;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:end;justify-content:flex-end;width:100%;height:100%;overflow-y:auto;background-color:var(--dark-40, rgba(0, 0, 0, 0.4));border-radius:var(--border-radius-08, 0.5rem);}:host .outer-container.courses .bottom-container::-webkit-scrollbar,:host .outer-container.plans .bottom-container::-webkit-scrollbar,:host .outer-container.courses-small .bottom-container::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host .outer-container.courses .bottom-container::-webkit-scrollbar-track,:host .outer-container.plans .bottom-container::-webkit-scrollbar-track,:host .outer-container.courses-small .bottom-container::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container.courses .bottom-container::-webkit-scrollbar-thumb,:host .outer-container.plans .bottom-container::-webkit-scrollbar-thumb,:host .outer-container.courses-small .bottom-container::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container.courses .bottom-container:hover::-webkit-scrollbar-track,:host .outer-container.plans .bottom-container:hover::-webkit-scrollbar-track,:host .outer-container.courses-small .bottom-container:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}:host .outer-container.courses .bottom-container:hover::-webkit-scrollbar-thumb,:host .outer-container.plans .bottom-container:hover::-webkit-scrollbar-thumb,:host .outer-container.courses-small .bottom-container:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}:host .outer-container.courses .bottom-container .text-wrapper,:host .outer-container.plans .bottom-container .text-wrapper,:host .outer-container.courses-small .bottom-container .text-wrapper{overflow:hidden;margin:0 0 var(--spacing-16, 1rem) var(--spacing-16, 1rem);overflow-y:hidden;color:var(--light, #ffffff);font-weight:var(--font-weight-700, 700)}@supports (display: -webkit-box){:host .outer-container.courses .bottom-container .text-wrapper,:host .outer-container.plans .bottom-container .text-wrapper,:host .outer-container.courses-small .bottom-container .text-wrapper{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}:host .outer-container.courses .bottom-container .subheading,:host .outer-container.plans .bottom-container .subheading,:host .outer-container.courses-small .bottom-container .subheading{color:transparent}:host .outer-container.courses .bottom-container .text-wrapper,:host .outer-container.plans .bottom-container .text-wrapper{overflow:hidden;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:end;justify-content:flex-end;max-width:90%;margin:0 0 var(--spacing-16, 1rem) var(--spacing-16, 1rem);font-size:var(--font-size-18, 1.125rem);text-align:left}@supports (display: -webkit-box){:host .outer-container.courses .bottom-container .text-wrapper,:host .outer-container.plans .bottom-container .text-wrapper{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}:host .outer-container.courses-small{width:133px;height:90px}:host .outer-container.courses-small .bottom-container .text-wrapper{overflow:hidden;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-ms-flex-pack:start;justify-content:flex-start;margin:0 0 var(--spacing-16, 1rem) var(--spacing-16, 1rem);font-size:var(--font-size-18, 1.125rem);line-height:var(--font-size-18, 1.125rem)}@supports (display: -webkit-box){:host .outer-container.courses-small .bottom-container .text-wrapper{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}:host .outer-container.photos{min-width:320px;min-height:240px}:host .outer-container.photos .image-container{height:100%}@media only screen and (max-width: 320px){:host .outer-container.feeds{width:280px !important}}:host(.web) .outer-container{width:auto}:host(.courses.full-width) .outer-container{width:100% !important;max-width:inherit !important;height:14.5625rem !important}:host(.full-width){--feed-card-width:100%}:host(.full-width) .outer-container{max-width:initial}:host(.feeds.full-width:not(.emulate-preview)){--feed-card-max-height:100%}:host(.feeds.full-width:not(.emulate-preview)) .outer-container{max-width:initial;height:calc(75vw - 2rem)}:host(.web.layout-01.full-width){--feed-card-max-height:100%;--card-height:23.125rem}:host(.web.layout-01.full-width) .outer-container{max-width:initial;height:auto;height:var(--card-height)}:host(.web.layout-01.full-width) .outer-container yoo-img{position:initial;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-ms-flex-order:1;order:1;width:100%}:host(.web.layout-01.full-width) .outer-container .bottom-container yoo-context-menu{margin-left:auto}:host(.web:not(.layout-01)){--image-size:64px;--card-height:100%}:host(.web:not(.layout-01)) .outer-container.feeds{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;width:100%;max-width:initial;height:var(--card-height);padding-bottom:var(--spacing-08, 0.5rem);border-radius:0;-webkit-box-shadow:none;box-shadow:none}:host(.web:not(.layout-01)) .outer-container.feeds yoo-img{position:initial;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-ms-flex-order:1;order:1;width:var(--image-size);height:var(--image-size)}:host(.web:not(.layout-01)) .outer-container.feeds:after{position:absolute;bottom:0;width:248px;height:0.0625rem;-webkit-box-shadow:inset 0 -0.5px 0 0 var(--stable-light, #f1f1f1);box-shadow:inset 0 -0.5px 0 0 var(--stable-light, #f1f1f1);content:\"\"}:host(.web:not(.layout-01)) .outer-container.feeds .bottom-container{position:initial;-ms-flex-pack:center;justify-content:center;-ms-flex-order:0;order:0;width:100%;min-width:0;height:100%;padding:0 var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem);color:var(--dark, #000000);background:var(--light, #ffffff)}:host(.web:not(.layout-01)) .outer-container.feeds .bottom-container .subheading,:host(.web:not(.layout-01)) .outer-container.feeds .bottom-container .subheading span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--font-size-14, 0.875rem)}:host(.web:not(.layout-01)) .outer-container.feeds .bottom-container .text-wrapper{--max-lines:2;margin-bottom:auto;color:var(--dark, #000000)}:host(.web:not(.layout-01)) .outer-container.feeds .bottom-container .subheading{color:var(--text-color, #807f83)}:host(.courses.horizontal:not(.web)) .outer-container.courses .bottom-container .text-wrapper{overflow:hidden;margin:0 0 var(--spacing-16, 1rem) var(--spacing-16, 1rem);font-size:var(--font-size-16, 1rem)}@supports (display: -webkit-box){:host(.courses.horizontal:not(.web)) .outer-container.courses .bottom-container .text-wrapper{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}:host(.rtl) .outer-container .bottom-container .text-wrapper{text-align:right}:host(.rtl) .outer-container .bottom-container .subheading yoo-tag{margin-right:var(--spacing-04, 0.25rem)}:host(.rtl) .outer-container .bottom-container .subheading yoo-avatar{margin-right:0;margin-left:var(--spacing-08, 0.5rem)}:host([bookmarked]) yoo-icon[name=bookmark]{right:var(--spacing-16, 1rem);background-color:var(--app-color-10, rgba(90, 48, 244, 0.1))}:host([ticked]) yoo-icon[name=tick]{right:var(--spacing-48, 3rem);background-color:var(--success-10, rgba(58, 167, 109, 0.1))}:host([inprogress]) yoo-icon[name=ongoing]{right:var(--spacing-48, 3rem);background-color:var(--info-20, rgba(216, 76, 150, 0.2))}:host([locked]) yoo-icon[name=lock]{right:var(--spacing-16, 1rem)}";

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, i as createEvent, h, e as Host } from './index-06fc3d74.js';
+import { r as registerInstance, i as createEvent, h, e as Host } from './index-22891abe.js';
 import { b as isFunction } from './lodash-777f91de.js';
 
 const cardTemplateCss = "svg:not(:root){overflow:hidden}:host(:hover){-webkit-box-shadow:var(--shadow-04, 0 0.75rem 1.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-04, 0 0.75rem 1.5rem 0 rgba(0, 0, 0, 0.1))}:host{position:relative;display:grid;grid-template-rows:6rem 2.88rem 2.88rem 2.115rem;height:13.875rem;overflow:hidden;background:var(--light, #ffffff);border-radius:var(--border-radius-04, 0.25rem);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));cursor:pointer}:host .title{overflow:hidden;margin:var(--spacing-04, 0.25rem) var(--spacing-08, 0.5rem) 0;color:var(--dark, #000000);font-size:var(--font-size-14, 0.875rem)}@supports (display: -webkit-box){:host .title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}:host .description{overflow:hidden;margin:0 var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem);color:var(--text-color, #807f83);font-size:var(--font-size-12, 0.75rem)}@supports (display: -webkit-box){:host .description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}:host .icons{position:absolute;top:var(--spacing-08, 0.5rem);right:var(--spacing-08, 0.5rem)}:host .icons yoo-icon{margin-left:var(--spacing-05);cursor:pointer}:host yoo-img{position:relative}:host yoo-img::after{position:absolute;width:100%;height:100%;background:var(--dark-20, rgba(0, 0, 0, 0.2));content:\"\"}:host .tags{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .tags yoo-tag{margin-left:var(--spacing-08, 0.5rem)}:host(.selected){background-color:var(--app-color-20, rgba(90, 48, 244, 0.2));-webkit-box-shadow:none;box-shadow:none;-webkit-transition:background-color 250ms ease-in;transition:background-color 250ms ease-in}";

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-06fc3d74.js';
-import { q as CardVideoView } from './index-847a32fd.js';
-import './index-30d0dd50.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-22891abe.js';
+import { q as CardVideoView } from './index-dac754e1.js';
+import './index-590d30dd.js';
 import { C as CardVideoRatio } from './card-video.interface-5572358c.js';
-import { ad as getClosestImageRatio, t as translate, a8 as getSession } from './index-7b3985f1.js';
+import { ad as getClosestImageRatio, t as translate, a8 as getSession } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
 import './_commonjsHelpers-f4d11124.js';
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, i as createEvent, k as getAssetPath, h, g as getElement } from './index-06fc3d74.js';
+import { r as registerInstance, i as createEvent, k as getAssetPath, h, g as getElement } from './index-22891abe.js';
 
 const cardCss = "svg:not(:root){overflow:hidden}:host{--transform-avatar:none;--display-avatar:inline-flex;--border-initial:0.0625rem solid var(--stable-light, #f1f1f1);--border-color-online:var(--light, #ffffff);--box-shadow:none;--inner-border:none;--image-shadow:unset;--grayed-background:var(--stable-light, #f1f1f1);position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transform:var(--transform-avatar);transform:var(--transform-avatar)}yoo-img{height:100%}.component-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-line-pack:distribute;align-content:space-around;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end;width:100%;height:100%}.component-states-container{position:absolute;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end;width:100%;height:100%}.framing-container{position:relative;z-index:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;overflow:hidden;border:var(--inner-border);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow)}.online-indicator,.offline-indicator{position:absolute;right:0;bottom:0;z-index:2;border:var(--border-width-03, 0.1875rem) solid var(--border-color-online);border-radius:50%}.online-indicator{background-color:var(--success, #3aa76d)}.offline-indicator{background-color:var(--stable-alt, #d0d0d0)}.text-container{position:absolute;top:50%;left:50%;color:var(--text-color, #807f83);font-weight:var(--font-weight-400, 400);white-space:nowrap;text-transform:uppercase;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.notifications-wrapper{position:absolute;top:0rem;right:0rem;z-index:2;-webkit-box-shadow:0 0 0 0.3125rem var(--light, #ffffff);box-shadow:0 0 0 0.3125rem var(--light, #ffffff)}.notifications-wrapper.dot{-webkit-box-shadow:none;box-shadow:none}.notifications-wrapper.long{border-radius:var(--border-radius-16, 1rem)}.notifications-wrapper.short{border-radius:50%}.new-story-indicator{z-index:2;border-color:var(--app-color, #5a30f4);border-style:solid;border-radius:50%;-webkit-box-shadow:0 0 0 var(--spacing-02, 0.125rem) var(--light, #ffffff) inset;box-shadow:0 0 0 var(--spacing-02, 0.125rem) var(--light, #ffffff) inset}.viewed-story-indicator{z-index:2;border-color:var(--stable-alt, #d0d0d0);border-style:solid;border-radius:50%;-webkit-box-shadow:0 0 0 var(--spacing-02, 0.125rem) var(--light, #ffffff) inset;box-shadow:0 0 0 var(--spacing-02, 0.125rem) var(--light, #ffffff) inset}.live-indicator-container{position:absolute;z-index:4;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.live-indicator-container .live-indicator-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;width:2.875rem;height:1rem;color:var(--light, #ffffff);font-size:0.75rem;background-color:var(--danger, #d44333);border:var(--spacing-02, 0.125rem) solid var(--danger, #d44333);border-radius:var(--spacing-04, 0.25rem)}.live-indicator-container .live-indicator-wrapper .live-icon{width:var(--spacing-08, 0.5rem);height:var(--spacing-08, 0.5rem);margin:0 var(--spacing-04, 0.25rem) 0 var(--spacing-04, 0.25rem);background-color:var(--light, #ffffff);border-radius:50%}.recorded-indicator-container{position:absolute;z-index:4;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.recorded-indicator-container .recorded-indicator-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;width:1rem;height:1rem;font-size:var(--font-size-16, 1rem) !important;background-color:var(--danger, #d44333);border:var(--spacing-02, 0.125rem) solid var(--light, #ffffff);border-radius:25%}.vip-indicator{position:absolute;top:-0.3125rem;right:-0.3125rem;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;border:var(--border-width-05, 0.3125rem) solid var(--light, #ffffff);border-radius:50%}.vip-notification{position:absolute}.no-store-image-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;color:var(--stable, #adadad)}.grayed{background-color:var(--grayed-background)}:host([size=extra-small]){width:1rem;height:1rem}:host([size=extra-small]) .counter{font-weight:var(--font-weight-400, 400);font-size:var(--font-size-12, 0.75rem) !important}:host([size=extra-small]) .online-indicator,:host([size=extra-small]) .offline-indicator{width:var(--spacing-02, 0.125rem);height:var(--spacing-02, 0.125rem);border:var(--border-width-01, 0.0625rem) solid var(--border-color-online)}:host([size=extra-small]) .offline-indicator{-webkit-box-shadow:0 0 0 0.01rem var(--stable, #adadad) inset;box-shadow:0 0 0 0.01rem var(--stable, #adadad) inset}:host([size=extra-small]) .text-container{font-size:var(--font-size-12, 0.75rem)}:host([size=extra-small]) .new-story-indicator,:host([size=extra-small]) .viewed-story-indicator{width:0.8125rem;height:0.8125rem;border-width:0.09375rem;-webkit-box-shadow:0 0 0 0.03125rem var(--light, #ffffff) inset;box-shadow:0 0 0 0.03125rem var(--light, #ffffff) inset}:host([size=extra-small]) .no-store-image-container{-ms-flex-pack:center;justify-content:center;width:1rem;height:1rem;font-size:var(--font-size-12, 0.75rem)}:host([size=extra-small]) .vip-indicator{display:none}:host([size=extra-small]) .vip-notification{top:0;width:var(--spacing-02, 0.125rem);height:var(--spacing-02, 0.125rem)}:host([size=extra-small]) .notifications-wrapper.dot{width:var(--spacing-02, 0.125rem);height:var(--spacing-02, 0.125rem)}:host([size=small]){width:1.5rem;height:1.5rem}:host([size=small]) .online-indicator,:host([size=small]) .offline-indicator{width:0.1875rem;height:0.1875rem;border:var(--spacing-02, 0.125rem) solid var(--border-color-online)}:host([size=small]) .offline-indicator{-webkit-box-shadow:0 0 0 0.1rem var(--stable, #adadad) inset;box-shadow:0 0 0 0.1rem var(--stable, #adadad) inset}:host([size=small]) .text-container{font-size:var(--font-size-14, 0.875rem)}:host([size=small]) .new-story-indicator,:host([size=small]) .viewed-story-indicator{width:1.25rem;height:1.25rem;border-width:var(--spacing-02, 0.125rem);-webkit-box-shadow:0 0 0 0.0625rem var(--light, #ffffff) inset;box-shadow:0 0 0 0.0625rem var(--light, #ffffff) inset}:host([size=small]) .no-store-image-container{-ms-flex-pack:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:var(--font-size-14, 0.875rem)}:host([size=small]) .vip-indicator{display:none}:host([size=small]) .vip-notification{top:0;width:var(--spacing-02, 0.125rem);height:var(--spacing-02, 0.125rem)}:host([size=small]) .notifications-wrapper.dot{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host([size=medium]){width:2rem;height:2rem}:host([size=medium]) .online-indicator,:host([size=medium]) .offline-indicator{width:0.375rem;height:0.375rem;border:var(--spacing-02, 0.125rem) solid var(--border-color-online)}:host([size=medium]) .offline-indicator{-webkit-box-shadow:0 0 0 0.1rem var(--stable, #adadad) inset;box-shadow:0 0 0 0.1rem var(--stable, #adadad) inset}:host([size=medium]) .text-container{font-size:var(--font-size-16, 1rem)}:host([size=medium]) .new-story-indicator,:host([size=medium]) .viewed-story-indicator{width:1.8125rem;height:1.8125rem;border-width:0.09375rem;-webkit-box-shadow:0 0 0 0.09375rem var(--light, #ffffff) inset;box-shadow:0 0 0 0.09375rem var(--light, #ffffff) inset}:host([size=medium]) .no-store-image-container{-ms-flex-pack:center;justify-content:center;width:2rem;height:2rem;font-size:var(--font-size-16, 1rem)}:host([size=medium]) .vip-indicator{display:none}:host([size=medium]) .vip-notification{top:0;width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host([size=medium]) .notifications-wrapper.dot{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host([size=large]){width:3rem;height:3rem}:host([size=large]) .online-indicator,:host([size=large]) .offline-indicator{width:var(--spacing-08, 0.5rem);height:var(--spacing-08, 0.5rem)}:host([size=large]) .offline-indicator{-webkit-box-shadow:0 0 0 0.1rem var(--stable, #adadad) inset;box-shadow:0 0 0 0.1rem var(--stable, #adadad) inset}:host([size=large]) .text-container{font-size:var(--font-size-18, 1.125rem)}:host([size=large]) .new-story-indicator,:host([size=large]) .viewed-story-indicator{width:2.75rem;height:2.75rem;border-width:var(--spacing-02, 0.125rem);-webkit-box-shadow:0 0 0 var(--spacing-02, 0.125rem) var(--light, #ffffff) inset;box-shadow:0 0 0 var(--spacing-02, 0.125rem) var(--light, #ffffff) inset}:host([size=large]) .vip-indicator{display:none}:host([size=large]) .notifications-wrapper{height:1.25rem}:host([size=large]) .notifications-wrapper.short{width:1.25rem}:host([size=large]) .live-indicator-container .live-indicator-wrapper{width:2.75rem}:host([size=large]) .recorded-indicator-container{right:0.875rem}:host([size=large]) .no-store-image-container{-ms-flex-pack:center;justify-content:center;width:3rem;height:3rem;font-size:var(--font-size-18, 1.125rem)}:host([size=large]) .vip-notification{top:0.0625rem;width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host([size=large]) .notifications-wrapper.dot{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host([size=extra-large]){width:4rem;height:4rem}:host([size=extra-large]) .online-indicator,:host([size=extra-large]) .offline-indicator{width:0.75rem;height:0.75rem}:host([size=extra-large]) .offline-indicator{-webkit-box-shadow:0 0 0 0.175rem var(--stable, #adadad) inset;box-shadow:0 0 0 0.175rem var(--stable, #adadad) inset}:host([size=extra-large]) .text-container{font-size:var(--font-size-24, 1.5rem)}:host([size=extra-large]) .new-story-indicator,:host([size=extra-large]) .viewed-story-indicator{width:3.75rem;height:3.75rem;border-width:var(--spacing-02, 0.125rem);-webkit-box-shadow:0 0 0 0.1875rem var(--light, #ffffff) inset;box-shadow:0 0 0 0.1875rem var(--light, #ffffff) inset}:host([size=extra-large]) .notifications-wrapper{height:1.5rem}:host([size=extra-large]) .notifications-wrapper.short{width:1.5rem}:host([size=extra-large]) .live-indicator-container{right:0.375rem}:host([size=extra-large]) .recorded-indicator-container{right:1.375rem}:host([size=extra-large]) .vip-notification{top:0.3125rem;width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host([size=extra-large]) .no-store-image-container{-ms-flex-pack:center;justify-content:center;width:4rem;height:4rem;font-size:var(--font-size-24, 1.5rem)}:host([size=extra-extra-large]){width:5rem;height:5rem}:host([size=extra-extra-large]) .online-indicator,:host([size=extra-extra-large]) .offline-indicator{width:var(--spacing-16, 1rem);height:var(--spacing-16, 1rem)}:host([size=extra-extra-large]) .offline-indicator{-webkit-box-shadow:0 0 0 0.175rem var(--stable, #adadad) inset;box-shadow:0 0 0 0.175rem var(--stable, #adadad) inset}:host([size=extra-extra-large]) .text-container{font-size:var(--font-size-32, 2rem)}:host([size=extra-extra-large]) .new-story-indicator,:host([size=extra-extra-large]) .viewed-story-indicator{width:4.75rem;height:4.75rem;border-width:var(--spacing-02, 0.125rem);-webkit-box-shadow:0 0 0 0.1875rem var(--light, #ffffff) inset;box-shadow:0 0 0 0.1875rem var(--light, #ffffff) inset}:host([size=extra-extra-large]) .notifications-wrapper{height:1.5rem}:host([size=extra-extra-large]) .notifications-wrapper.short{width:1.5rem}:host([size=extra-extra-large]) .live-indicator-container{right:0.8125rem}:host([size=extra-extra-large]) .recorded-indicator-container{right:1.875rem}:host([size=extra-extra-large]) .vip-notification{top:0.3125rem;width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host([size=extra-extra-large]) .no-store-image-container{-ms-flex-pack:center;justify-content:center;width:5rem;height:5rem;font-size:var(--font-size-32, 2rem)}:host([frame=circle]) .framing-container{border-radius:50%}:host([frame=circle]) .framing-container yoo-img{--border-radius:50%}:host([frame=square]) .framing-container,:host([frame=transparent-square]) .framing-container{border-radius:0}:host([frame=square]) .framing-container yoo-img,:host([frame=transparent-square]) .framing-container yoo-img{--border-radius:0%}:host([frame=rounded-square]) .framing-container{border-radius:10%}:host([frame=rounded-square]) .framing-container yoo-img{--border-radius:10%}:host(.inline){display:inline-block;margin-right:0.5rem}:host(.readonly){padding:var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) 0}:host(.files-autocomplete) .component-container .framing-container{background-color:transparent}:host(.folder) .component-container .framing-container{background-color:unset !important}:host(.no-indicator-box-shadow) .framing-container{padding:var(--spacing-04, 0.25rem)}:host(.no-indicator-box-shadow) .new-story-indicator,:host(.no-indicator-box-shadow) .viewed-story-indicator,:host(.no-indicator-box-shadow) .framing-container{-webkit-box-shadow:none;box-shadow:none}:host(.rtl) .online-indicator,:host(.rtl) .offline-indicator{right:auto;left:0}:host(.rtl.inline){margin-right:0;margin-left:var(--spacing-08, 0.5rem)}:host{display:block}:host .outer-container{width:100%;border:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);border-radius:2px;-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--stable-light, #f1f1f1);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--stable-light, #f1f1f1)}:host .outer-container .image-container{position:relative;-ms-flex-pack:center;justify-content:center;height:10rem}:host .outer-container .image-container yoo-form-checkbox{position:absolute;top:0.5rem;right:auto;bottom:auto;left:0.5rem}:host .outer-container .image-container yoo-avatar{-ms-flex-item-align:center;align-self:center}:host .outer-container .image-container .image{width:100%;height:100%;background:var(--light, #ffffff)}:host .outer-container .status-container{height:var(--border-width-01, 0.0625rem);background:var(--stable-light, #f1f1f1)}:host .outer-container .content-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-top:0.3rem;padding-right:0.5rem;padding-bottom:0.5rem;padding-left:0.5rem;background:var(--light, #ffffff)}:host .outer-container .content-container .heading-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;color:var(--dark, #000000);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-18, 1.125rem)}:host .outer-container .content-container .heading-container .card-heading{-ms-flex:1;flex:1}:host .outer-container .content-container .subheading-container{color:var(--dark, #000000);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem)}:host .outer-container .content-container .avatar-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end;margin-top:0.5rem;padding-right:0.3rem}:host .outer-container .content-container .avatar-container yoo-avatar{margin-right:0.75rem;margin-left:0.15rem}:host .outer-container .content-container .action-button-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}:host .outer-container .content-container .slot-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;color:var(--dark, #000000);font-size:var(--font-size-16, 1rem)}:host .outer-container .content-container .slot-container .inner-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .outer-container.active{border:var(--border-width-01, 0.0625rem) solid var(--accent, #276ef1);-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--accent, #276ef1);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--accent, #276ef1)}:host.horizontal .outer-container,:host.list-mode .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;max-width:30rem}:host.horizontal .outer-container .status-container,:host.list-mode .outer-container .status-container{width:0.0625em;height:unset}:host.horizontal .outer-container .image-container,:host.list-mode .outer-container .image-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:10rem}:host.horizontal .outer-container .image-container yoo-form-checkbox,:host.list-mode .outer-container .image-container yoo-form-checkbox{position:absolute;top:0.5rem;right:auto;bottom:auto;left:0.5rem}:host.horizontal .outer-container .image-container yoo-avatar,:host.list-mode .outer-container .image-container yoo-avatar{-ms-flex-item-align:center;align-self:center}:host.horizontal .outer-container .content-container,:host.list-mode .outer-container .content-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:20rem;padding:0.5rem}:host.horizontal .outer-container .content-container.center,:host.list-mode .outer-container .content-container.center{-ms-flex-pack:center;justify-content:center}:host.horizontal .outer-container .content-container .slot-container,:host.list-mode .outer-container .content-container .slot-container{-ms-flex-pack:justify;justify-content:space-between}:host.horizontal .outer-container .content-container .slot-container .inner-container,:host.list-mode .outer-container .content-container .slot-container .inner-container{-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}:host(.list-mode) .outer-container{max-width:none}:host(.list-mode) .outer-container .image-container{width:unset}:host(.list-mode) .outer-container .image-container yoo-avatar{-webkit-transform:scale(0.7);transform:scale(0.7)}:host(.list-mode) .outer-container .status-container{display:none}:host(.list-mode) .outer-container .content-container{width:100%}:host(.list-mode) .outer-container .content-container .top-container .heading-container .card-heading{font-weight:var(--font-weight-700, 700)}:host(.list-mode) .outer-container .content-container .top-container .heading-container .date-card{color:var(--dark, #000000);font-size:var(--font-size-16, 1rem)}:host(.active) .outer-container{border:var(--border-width-01, 0.0625rem) solid var(--accent, #276ef1);-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--accent, #276ef1);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--accent, #276ef1)}:host(.hoverable):hover .outer-container{border:var(--border-width-01, 0.0625rem) solid var(--accent, #276ef1);-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--accent, #276ef1);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--accent, #276ef1)}:host(.accent) .outer-container .status-container{background:var(--accent, #276ef1)}:host(.accent) .outer-container.active{border:var(--border-width-01, 0.0625rem) solid var(--accent, #276ef1);-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--accent, #276ef1);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--accent, #276ef1)}:host(.accent).hoverable:hover .outer-container{border:var(--border-width-01, 0.0625rem) solid var(--accent, #276ef1);-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--accent, #276ef1);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--accent, #276ef1)}:host(.dark) .outer-container .status-container{background:var(--dark-40, rgba(0, 0, 0, 0.4))}:host(.dark) .outer-container.active{border:var(--border-width-01, 0.0625rem) solid var(--dark-40, rgba(0, 0, 0, 0.4));-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--dark-40, rgba(0, 0, 0, 0.4));box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--dark-40, rgba(0, 0, 0, 0.4))}:host(.dark).hoverable:hover .outer-container{border:var(--border-width-01, 0.0625rem) solid var(--dark-40, rgba(0, 0, 0, 0.4));-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--dark-40, rgba(0, 0, 0, 0.4));box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--dark-40, rgba(0, 0, 0, 0.4))}:host(.warning) .outer-container .status-container{background:var(--warning, #ed6e33)}:host(.warning) .outer-container.active{border:var(--border-width-01, 0.0625rem) solid var(--warning, #ed6e33);-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--warning, #ed6e33);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--warning, #ed6e33)}:host(.warning).hoverable:hover .outer-container{border:var(--border-width-01, 0.0625rem) solid var(--warning, #ed6e33);-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--warning, #ed6e33);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--warning, #ed6e33)}:host(.success) .outer-container .status-container{background:var(--success, #3aa76d)}:host(.success) .outer-container.active{border:var(--border-width-01, 0.0625rem) solid var(--success, #3aa76d);-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--success, #3aa76d);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--success, #3aa76d)}:host(.success).hoverable:hover .outer-container{border:var(--border-width-01, 0.0625rem) solid var(--success, #3aa76d);-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--success, #3aa76d);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--success, #3aa76d)}:host(.app-color) .outer-container .status-container{background:var(--app-color, #5a30f4)}:host(.app-color) .outer-container.active{border:var(--border-width-01, 0.0625rem) solid var(--app-color, #5a30f4);-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--app-color, #5a30f4);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--app-color, #5a30f4)}:host(.app-color).hoverable:hover .outer-container{border:var(--border-width-01, 0.0625rem) solid var(--app-color, #5a30f4);-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--app-color, #5a30f4);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--app-color, #5a30f4)}:host(.info) .outer-container .status-container{background:var(--info, #d84c96)}:host(.info) .outer-container.active{border:var(--border-width-01, 0.0625rem) solid var(--info, #d84c96);-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--info, #d84c96);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--info, #d84c96)}:host(.info).hoverable:hover .outer-container{border:var(--border-width-01, 0.0625rem) solid var(--info, #d84c96);-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--info, #d84c96);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--info, #d84c96)}:host(.danger) .outer-container .status-container{background:var(--danger, #d44333)}:host(.danger) .outer-container.active{border:var(--border-width-01, 0.0625rem) solid var(--danger, #d44333);-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--danger, #d44333);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--danger, #d44333)}:host(.danger).hoverable:hover .outer-container{border:var(--border-width-01, 0.0625rem) solid var(--danger, #d44333);-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--danger, #d44333);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--danger, #d44333)}:host(.g) .outer-container .status-container{background:var(--g)}:host(.g) .outer-container.active{border:var(--border-width-01, 0.0625rem) solid var(--g);-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--g);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--g)}:host(.g).hoverable:hover .outer-container{border:var(--border-width-01, 0.0625rem) solid var(--g);-webkit-box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--g);box-shadow:0px 0px 3px var(--border-width-01, 0.0625rem) var(--g)}:host(.no-status) .outer-container .status-container{height:var(--border-width-01, 0.0625rem);background:var(--stable-light, #f1f1f1)}";
 

package/dist/design-system/yoo-chart-micro.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, g as getElement } from './index-06fc3d74.js';
+import { r as registerInstance, h, g as getElement } from './index-22891abe.js';
 
 const chartMicroCss = "svg:not(:root){overflow:hidden}:host .container{padding:1rem}:host .container .value{font-weight:var(--font-weight-700, 700);font-size:var(--font-size-28, 1.75rem)}:host .container .title{padding-top:0.5rem;color:var(--text-color, #807f83)}";
 

package/dist/design-system/yoo-chart.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 { r as resizeObserve } from './index-30d0dd50.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 { ad as merge } from './lodash-777f91de.js';
 import { a as createCommonjsModule, c as commonjsGlobal } from './_commonjsHelpers-f4d11124.js';
-import { Q as getCssColor, f9 as FileSaver_min, I as debounce, fa as getMonths, ef as getWeekDays, L as isRTL, t as translate, i as isChromatic, cB as isIonic, aL as dateIsValid, ao as dateFormat } from './index-7b3985f1.js';
-import './index-847a32fd.js';
+import { Q as getCssColor, f9 as FileSaver_min, I as debounce, fa as getMonths, ef as getWeekDays, L as isRTL, t as translate, i as isChromatic, cB as isIonic, aL as dateIsValid, ao as dateFormat } from './index-97f4ed07.js';
+import './index-dac754e1.js';
 
 function fixChartCategories(options) {
   var _a;
@@ -2033,6 +2033,7 @@ const YooChartComponent = class {
     this.disableResize = undefined;
     this.disableAnimation = undefined;
     this.config = undefined;
+    YooChartComponent.componentCounter += 1;
   }
   // private resizeListener: any;
   async getSVG(width, height, x, y, margin = 0) {

package/dist/design-system/yoo-chat-message-dialog.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, f as forceUpdate, h, e as Host, g as getElement } from './index-06fc3d74.js';
-import './index-30d0dd50.js';
-import { g as getDateFormats } from './chat-helpers-ba6a8a4b.js';
-import { w as closeModal, t as translate, au as parseLongIntoDate, ac as getUserDisplayName, ao as dateFormat } 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 { g as getDateFormats } from './chat-helpers-203178d1.js';
+import { w as closeModal, t as translate, au as parseLongIntoDate, ac as getUserDisplayName, ao as dateFormat } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
-import './index-847a32fd.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const chatMessageDialogCss = "svg:not(:root){overflow:hidden}:host .outer-container{display:grid;grid-template-rows:auto auto auto 1fr;height:100%}:host .outer-container yoo-header>yoo-navbar>yoo-truncated-line{text-align:center}:host .outer-container section{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 var(--spacing-16, 1rem)}:host .outer-container section.preview{padding:var(--spacing-08, 0.5rem);background:var(--stable-ultralight, #fafafa)}:host .outer-container section.preview .time-title{padding-bottom:var(--spacing-08, 0.5rem);color:var(--stable-alt, #d0d0d0);font-size:var(--font-size-14, 0.875rem);text-align:center}:host .outer-container section.preview yoo-chat-message{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}:host .outer-container section.acknowledgements section{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;margin-top:var(--spacing-16, 1rem);padding:0}:host .outer-container section.acknowledgements section div{display:-ms-flexbox;display:flex;gap:var(--spacing-08, 0.5rem);-ms-flex-align:center;align-items:center}:host .outer-container section.details yoo-ion-slides{--tabs-height:4rem;position:relative;height:calc(100% - var(--tabs-height));-webkit-transition:opacity 0.5s linear;transition:opacity 0.5s linear}:host .outer-container section.details yoo-ion-slides yoo-ion-slide.has-items{-ms-flex-align:baseline;align-items:baseline;overflow:auto}:host .outer-container section.details yoo-ion-slides yoo-ion-slide.has-items ul{width:100%;margin:var(--spacing-08, 0.5rem) 0;padding:0;line-height:2.5;list-style:none}:host .outer-container section.details yoo-ion-slides yoo-ion-slide.has-items ul li{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .outer-container section.details yoo-ion-slides yoo-ion-slide.has-items ul li div{display:-ms-flexbox;display:flex;gap:var(--spacing-16, 1rem);-ms-flex-align:center;align-items:center}:host .outer-container section.details yoo-ion-slides yoo-ion-slide.has-items ul li span{text-align:left}:host .outer-container section.details yoo-ion-slides yoo-ion-slide yoo-empty-state{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);--svg-height:20rem}:host .outer-container section.details yoo-ion-slides yoo-ion-slide yoo-empty-state.rtl{top:50%;right:50%;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}";

package/dist/design-system/yoo-chat-message-preview.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, i as createEvent, h, e as Host } from './index-06fc3d74.js';
-import { M as MessageType } from './index-847a32fd.js';
-import './index-30d0dd50.js';
-import { c as convertTags } from './chat-helpers-ba6a8a4b.js';
-import { dO as getAudioDuration, cq as replaceAndGetAllLinks, dP as isChatMessageTypeMedia, t as translate, av as pipes, ar as isFile, ac as getUserDisplayName } from './index-7b3985f1.js';
+import { r as registerInstance, i as createEvent, h, e as Host } from './index-22891abe.js';
+import { M as MessageType } from './index-dac754e1.js';
+import './index-590d30dd.js';
+import { c as convertTags } from './chat-helpers-203178d1.js';
+import { dO as getAudioDuration, cq as replaceAndGetAllLinks, dP as isChatMessageTypeMedia, t as translate, av as pipes, ar as isFile, ac as getUserDisplayName } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
 import './_commonjsHelpers-f4d11124.js';
 

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

@@ -1,10 +1,10 @@
-import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-06fc3d74.js';
-import { M as MessageType } from './index-847a32fd.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 { M as MessageType } from './index-dac754e1.js';
+import './index-590d30dd.js';
 import { $ as debounce } from './lodash-777f91de.js';
-import { a as assignPressActions } from './index-1a7c5709.js';
-import { c as convertTags, g as getDateFormats } from './chat-helpers-ba6a8a4b.js';
-import { dJ as isDocument, dK as isAudio, ak as isVideo, o as isNativeMobile, am as isImage, dL as isUnsplashUrl, cm as isBase64, d9 as getExtension, a8 as getSession, cq as replaceAndGetAllLinks, dM as getResizedImageSize, N as isIOS, dN as showMessageInfoDialog, t as translate, ar as isFile, aC as isPhotoEdited, ai as isRichContentMessage, cK as isPdf, ao as dateFormat } from './index-7b3985f1.js';
+import { a as assignPressActions } from './index-ad66c896.js';
+import { c as convertTags, g as getDateFormats } from './chat-helpers-203178d1.js';
+import { dJ as isDocument, dK as isAudio, ak as isVideo, o as isNativeMobile, am as isImage, dL as isUnsplashUrl, cm as isBase64, d9 as getExtension, a8 as getSession, cq as replaceAndGetAllLinks, dM as getResizedImageSize, N as isIOS, dN as showMessageInfoDialog, t as translate, ar as isFile, aC as isPhotoEdited, ai as isRichContentMessage, cK as isPdf, ao as dateFormat } from './index-97f4ed07.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const chatMessageCss = "svg:not(:root){overflow:hidden}:host{--border-message-content:none;--media-height:100%;--media-width:100vw;--right-messages-text-color:var(--light, #ffffff);--right-messages-background-color:var(--app-color, #5a30f4);--left-messages-text-color:var(--dark, #000000);--left-messages-background-color:var(--stable-light, #f1f1f1);--message-content-width:max-content;display:block;max-width:65%;word-break:break-word}:host #group{display:grid;grid-gap:var(--spacing-04, 0.25rem);grid-template-columns:var(--spacing-40, 2.5rem) calc(100% - 2.5rem)}:host #group .left-column{display:-ms-flexbox;display:flex;-ms-flex-item-align:end;align-self:end;-webkit-transform:translateY(-1.5rem);transform:translateY(-1.5rem)}:host #group .right-column .username{margin-bottom:var(--spacing-04, 0.25rem);color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem);white-space:nowrap;text-align:left;cursor:pointer}:host #group .right-column .message:not(.audio){max-width:var(--message-content-width)}:host .message{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;color:var(--text-color, #807f83);word-wrap:break-word}:host .message:hover yoo-button{z-index:100;opacity:1}:host .message#texturlpreview{width:-webkit-fill-available;width:-moz-available;width:stretch}:host .message.combined>section{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}:host .message.combined .preview{position:relative;padding:var(--spacing-04, 0.25rem);padding-bottom:var(--spacing-02, 0.125rem);border-top-left-radius:var(--border-radius-08, 0.5rem);border-top-right-radius:var(--border-radius-08, 0.5rem)}:host .message.combined .preview yoo-links-preview{border-top-left-radius:var(--border-radius-04, 0.25rem);border-top-right-radius:var(--border-radius-04, 0.25rem)}:host .message.combined .content,:host .message.combined yoo-audio-player{background:transparent;border-top-left-radius:initial;border-top-right-radius:initial;-webkit-box-shadow:none;box-shadow:none}:host .message.combined .content#text[is-between]{padding:var(--spacing-04, 0.25rem) var(--spacing-08, 0.5rem);border-radius:inherit}:host .message.combined .content#text yoo-text{width:100%;text-align:left}:host .message.combined .content yoo-img{padding:var(--spacing-04, 0.25rem);padding-top:var(--spacing-02, 0.125rem)}:host .message.combined .content yoo-tag{right:initial;left:var(--spacing-08, 0.5rem)}:host .message:not(.combined) .content{max-width:var(--message-content-width)}:host .message.document{--message-content-width:100%}:host .message.document .content{width:100%}:host .message.audio{width:100%}:host .message.audio .content{display:contents}:host .message yoo-audio-player{padding:var(--spacing-16, 1rem);background-color:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host .message yoo-button{position:absolute;top:var(--spacing-04, 0.25rem);right:var(--spacing-04, 0.25rem);opacity:0;-webkit-transition:opacity 0.5s ease-in-out;transition:opacity 0.5s ease-in-out}:host .message yoo-avatar{cursor:pointer}:host .message yoo-mention-tag{text-decoration:underline;cursor:pointer}:host .message yoo-form-document{width:100%;--outer-container-padding:0;--card-file-image-content:unset;--card-file-padding:0 var(--spacing-16, 1rem)}:host .message #status{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;margin-top:var(--spacing-04, 0.25rem);font-size:var(--font-size-18, 1.125rem);cursor:pointer}:host .message #status span{color:var(--stable, #adadad);font-size:var(--font-size-12, 0.75rem)}:host .message .content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;border:var(--border-message-content);border-radius:var(--border-radius-08, 0.5rem)}:host .message #medias{position:relative;cursor:pointer}:host .message #medias yoo-tag[icon=pen]{position:absolute;right:var(--spacing-08, 0.5rem);bottom:var(--spacing-08, 0.5rem)}:host .message #medias yoo-img{--border-radius:var(--border-radius-08, 0.5rem);max-width:calc(100% - var(--spacing-08, 0.5rem))}:host .message #medias yoo-videoplayer-core{--poster-size:cover;width:var(--media-width);height:var(--media-height);-o-object-fit:cover;object-fit:cover}:host .message #medias yoo-img,:host .message #medias yoo-videoplayer-core{max-width:100%}:host .message .media-loader-container{position:relative;background:var(--stable-alt, #d0d0d0)}:host yoo-form-checkbox{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}:host .empty{display:none}:host([type*=text]) .content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:var(--border-radius-16, 1rem)}:host([type*=text]) .content yoo-text{-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;padding:var(--spacing-08, 0.5rem);white-space:pre-wrap;overflow-wrap:break-word;pointer-events:initial}:host([type=document]),:host([type=audio]){width:100%}:host([type=document]) .message,:host([type=audio]) .message{width:100%}:host([type=document]) .message.audio .content,:host([type=audio]) .message.audio .content{display:contents}:host([type=document]) .message.combined #medias,:host([type=audio]) .message.combined #medias{width:100%;padding:var(--spacing-04, 0.25rem) var(--spacing-16, 1rem)}:host([first]) #group .right-column .username{display:block}:host([left][first]) .message:not(.combined) .content{border-top-left-radius:var(--spacing-16, 1rem)}:host([left][last]) .message:not(.combined) .content{border-bottom-left-radius:var(--spacing-16, 1rem)}:host([left]) .message.combined #medias{background-color:var(--left-messages-background-color)}:host([left]) .message.combined #medias yoo-audio-player{background-color:var(--left-messages-background-color)}:host([left]) .message #text,:host([left]) .message .preview{color:var(--left-messages-text-color);background-color:var(--left-messages-background-color)}:host([left]) .message.combined yoo-audio-player{--range-active-color:var(--app-color, #5a30f4);--range-trail-color:var(--stable-20, rgba(173, 173, 173, 0.2));--play-icon-color:var(--dark, #000000);--title-color:var(--dark, #000000)}:host([left]) .message:not(.combined) .content{border-top-left-radius:var(--spacing-04, 0.25rem);border-bottom-left-radius:var(--spacing-04, 0.25rem)}:host([right][first]) .message:not(.combined) .content{border-top-right-radius:var(--spacing-16, 1rem)}:host([right][last]) .message:not(.combined) .content{border-bottom-right-radius:var(--spacing-16, 1rem)}:host([right]){-ms-flex-item-align:end;align-self:flex-end;justify-self:end;float:right}:host([right]) .message{float:right}:host([right]) .message.combined #medias{background-color:var(--right-messages-background-color)}:host([right]) .message.combined #medias yoo-audio-player{background-color:var(--right-messages-background-color)}:host([right]) .message #text,:host([right]) .message .preview{color:var(--right-messages-text-color);background-color:var(--right-messages-background-color)}:host([right]) .message.combined yoo-audio-player{--range-active-color:var(--light, #ffffff);--play-icon-color:var(--light, #ffffff);--title-color:var(--light, #ffffff)}:host([right]) .message:not(.combined) .content{-ms-flex-item-align:end;align-self:flex-end;border-top-right-radius:var(--spacing-04, 0.25rem);border-bottom-right-radius:var(--spacing-04, 0.25rem)}:host(.radius) .message .content{border-radius:var(--spacing-16, 1rem) !important}:host(.selected.animated) .message{position:relative;-webkit-transition-delay:0.1s;transition-delay:0.1s;-webkit-transition-timing-function:var(--ease-out-quint), var(--ease-in-out-sine);transition-timing-function:var(--ease-out-quint), var(--ease-in-out-sine);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:color, background-color;transition-property:color, background-color;-webkit-animation-name:scale-up, scale-down;animation-name:scale-up, scale-down;-webkit-animation-duration:0.15s;animation-duration:0.15s;-webkit-animation-timing-function:var(--ease-in-out-sine);animation-timing-function:var(--ease-in-out-sine);-webkit-animation-delay:0.1s, 0.25s;animation-delay:0.1s, 0.25s}@-webkit-keyframes scale-up{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes scale-up{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.05);transform:scale(1.05)}}@-webkit-keyframes scale-down{from{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-down{from{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}:host([animation=loading].animated){--loading-dot-color:var(--text-color, #807f83);--loading-dot-duration:0.6s;--loading-dot-size:0.5rem;--loading-dot-spacing:1rem;--loading-dot-start:0.2s;--loading-dot-step:0.1s;--loading-text-duration:0.3s;--loading-text-start:0.8s}:host([animation=loading].animated) .message{position:relative}:host([animation=loading].animated) .message .dot{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-animation-delay:calc(var(--loading-dot-start) + 1 * var(--loading-dot-step)), calc(calc(var(--loading-dot-start) + 1 * var(--loading-dot-step)) + calc(var(--loading-dot-duration) / 2));animation-delay:calc(var(--loading-dot-start) + 1 * var(--loading-dot-step)), calc(calc(var(--loading-dot-start) + 1 * var(--loading-dot-step)) + calc(var(--loading-dot-duration) / 2))}:host([animation=loading].animated) .message .dot,:host([animation=loading].animated) .message .dot::before,:host([animation=loading].animated) .message .dot::after{width:var(--loading-dot-size);height:var(--loading-dot-size);background:var(--loading-dot-color);border-radius:50%;opacity:0;-webkit-animation-name:fade-in, fade-out;animation-name:fade-in, fade-out;-webkit-animation-duration:calc(var(--loading-dot-duration) / 2);animation-duration:calc(var(--loading-dot-duration) / 2);-webkit-animation-timing-function:var(--ease-in-out-sine);animation-timing-function:var(--ease-in-out-sine)}:host([animation=loading].animated) .message .dot::before,:host([animation=loading].animated) .message .dot::after{position:absolute;top:0;display:inline-block;content:\"\"}:host([animation=loading].animated) .message .dot::before{right:var(--loading-dot-spacing);-webkit-animation-delay:calc(var(--loading-dot-start) + 0 * var(--loading-dot-step)), calc(calc(var(--loading-dot-start) + 0 * var(--loading-dot-step)) + calc(var(--loading-dot-duration) / 2));animation-delay:calc(var(--loading-dot-start) + 0 * var(--loading-dot-step)), calc(calc(var(--loading-dot-start) + 0 * var(--loading-dot-step)) + calc(var(--loading-dot-duration) / 2))}:host([animation=loading].animated) .message .dot::after{left:var(--loading-dot-spacing);-webkit-animation-delay:calc(var(--loading-dot-start) + 2 * var(--loading-dot-step)), calc(calc(var(--loading-dot-start) + 2 * var(--loading-dot-step)) + calc(var(--loading-dot-duration) / 2));animation-delay:calc(var(--loading-dot-start) + 2 * var(--loading-dot-step)), calc(calc(var(--loading-dot-start) + 2 * var(--loading-dot-step)) + calc(var(--loading-dot-duration) / 2))}:host([animation=loading].animated) .message #text{opacity:0;-webkit-animation:fade-in var(--loading-text-duration) var(--ease-in-out-quart) var(--loading-text-start) forwards;animation:fade-in var(--loading-text-duration) var(--ease-in-out-quart) var(--loading-text-start) forwards}@-webkit-keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes fade-out{from{opacity:1}to{opacity:0}}@keyframes fade-out{from{opacity:1}to{opacity:0}}@media screen and (min-width: 1400px){:host(.expanded) .message.combined{max-width:inherit}}";

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

@@ -1,11 +1,11 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-06fc3d74.js';
-import { M as MessageType, B as BroadcastType } from './index-847a32fd.js';
-import './index-30d0dd50.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-22891abe.js';
+import { M as MessageType, B as BroadcastType } from './index-dac754e1.js';
+import './index-590d30dd.js';
 import { O as isFinite } from './lodash-777f91de.js';
-import { g as getButton } from './button.factory-39c707c7.js';
-import { p as parseMediaMessageForSlidesMedia, g as getDateFormats } from './chat-helpers-ba6a8a4b.js';
-import { a as showSlidesMedia, g as getAppContext } from './common-helpers-2139c840.js';
-import { o as isNativeMobile, N as isIOS, w as closeModal, y as requestInterval, A as cancelRequestInterval, ae as floatingIconAnimation, af as disableKeyboardResize, ag as enableKeyboardResize, W as getAsyncExtraData, ah as isNotificationMessage, ai as isRichContentMessage, a8 as getSession, aj as showAlert, t as translate, H as isWeb, ak as isVideo, al as isGif, X as findParent, am as isImage, an as downloadFile, ao as dateFormat, ac as getUserDisplayName, k as isNullOrUndefined, z as getFormattedCountDownToDisplay, ap as dispatchCustomEvent, M as isIphoneX } from './index-7b3985f1.js';
+import { g as getButton } from './button.factory-593a6ba3.js';
+import { p as parseMediaMessageForSlidesMedia, g as getDateFormats } from './chat-helpers-203178d1.js';
+import { a as showSlidesMedia, g as getAppContext } from './common-helpers-2a9aacec.js';
+import { o as isNativeMobile, N as isIOS, w as closeModal, y as requestInterval, A as cancelRequestInterval, ae as floatingIconAnimation, af as disableKeyboardResize, ag as enableKeyboardResize, W as getAsyncExtraData, ah as isNotificationMessage, ai as isRichContentMessage, a8 as getSession, aj as showAlert, t as translate, H as isWeb, ak as isVideo, al as isGif, X as findParent, am as isImage, an as downloadFile, ao as dateFormat, ac as getUserDisplayName, k as isNullOrUndefined, z as getFormattedCountDownToDisplay, ap as dispatchCustomEvent, M as isIphoneX } from './index-97f4ed07.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const chatCss = "svg:not(:root){overflow:hidden}:host{--typing-username-padding-left:45px;--gradient-background-image:linear-gradient(transparent 60%, var(--dark-80, rgba(0, 0, 0, 0.8))100%);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}:host .bg-accent{background-color:var(--accent, #276ef1) !important}:host .accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}:host .bg-app-color{background-color:var(--app-color, #5a30f4) !important}:host .app-color{color:var(--app-color, #5a30f4);fill:var(--app-color, #5a30f4)}:host .bg-danger{background-color:var(--danger, #d44333) !important}:host .danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}:host .bg-dark{background-color:var(--dark, #000000) !important}:host .dark{color:var(--dark, #000000);fill:var(--dark, #000000)}:host .bg-energized{background-color:var(--energized, #ffc043) !important}:host .energized{color:var(--energized, #ffc043);fill:var(--energized, #ffc043)}:host .bg-info{background-color:var(--info, #d84c96) !important}:host .info{color:var(--info, #d84c96);fill:var(--info, #d84c96)}:host .bg-light{background-color:var(--light, #ffffff) !important}:host .light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}:host .bg-stable{background-color:var(--stable, #adadad) !important}:host .stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}:host .bg-stable-alt{background-color:var(--stable-alt, #d0d0d0) !important}:host .stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}:host .bg-stable-light{background-color:var(--stable-light, #f1f1f1) !important}:host .stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}:host .bg-stable-ultralight{background-color:var(--stable-ultralight, #fafafa) !important}:host .stable-ultralight{color:var(--stable-ultralight, #fafafa);fill:var(--stable-ultralight, #fafafa)}:host .bg-success{background-color:var(--success, #3aa76d) !important}:host .success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}:host .bg-text-color{background-color:var(--text-color, #807f83) !important}:host .text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}:host .bg-warning{background-color:var(--warning, #ed6e33) !important}:host .warning{color:var(--warning, #ed6e33);fill:var(--warning, #ed6e33)}:host .bg-wood{background-color:var(--wood, #99644c) !important}:host .wood{color:var(--wood, #99644c);fill:var(--wood, #99644c)}@-webkit-keyframes slide-up{0%{-webkit-transform:translateY(3rem);transform:translateY(3rem)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-up{0%{-webkit-transform:translateY(3rem);transform:translateY(3rem)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slide-down{0%{-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-down{0%{-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}:host .delete-mode-header{-webkit-animation:slide-down 0.4s ease;animation:slide-down 0.4s ease}:host .loader{width:var(--spacing-96, 6rem);height:var(--spacing-96, 6rem);margin-left:auto}:host .simple-content{overflow:hidden}:host .timer-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-left:auto;color:var(--light, #ffffff)}:host .timer-container yoo-progress-bar{width:var(--spacing-32, 2rem);height:var(--spacing-32, 2rem);padding-right:var(--spacing-16, 1rem);--stroke-width-circle:6}:host .heading-container{width:calc(100% - var(--logo-05, 3rem));font-weight:bold;line-height:normal}:host .heading-container.light{color:var(--light, #ffffff)}:host .heading-container.small{font-size:var(--font-size-14, 0.875rem)}:host .heading-container .subheading{width:calc(100% - var(--logo-05, 3rem));color:var(--stable, #adadad);font-weight:normal;font-size:var(--font-size-14, 0.875rem)}:host .advanced-heading-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;height:7rem;padding:var(--spacing-16, 1rem) var(--spacing-16, 1rem) var(--spacing-08, 0.5rem);color:var(--light, #ffffff);background-color:var(--dark, #000000)}:host .advanced-heading-container .advanced-heading{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .advanced-heading-container .advanced-heading .advanced-heading-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:var(--spacing-08, 0.5rem)}:host .advanced-heading-container .advanced-heading .advanced-heading-content yoo-avatar{margin-right:var(--spacing-08, 0.5rem)}:host .advanced-heading-container .advanced-heading .advanced-heading-content yoo-icon{margin-left:auto}:host .advanced-heading-container .advanced-heading .advanced-heading-subheading{font-size:var(--font-size-14, 0.875rem)}:host .advanced-heading-container yoo-ion-footer{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;background-color:var(--dark, #000000);border-top:none}:host .messages-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-top:0.2rem;padding:0.3125rem 0.625rem 5.625rem 0.625rem;overflow:hidden;-webkit-transition:opacity 0.25s linear;transition:opacity 0.25s linear}:host .messages-container p{color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem);white-space:nowrap;text-align:center}:host .messages-container .someone-typing-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-top:var(--spacing-08, 0.5rem)}:host .messages-container .someone-typing-container .user-typing{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:56px;height:36px;background-color:var(--stable-light);border-radius:18px}:host .messages-container .someone-typing-container .user-typing .typing-indicator{position:relative;display:-ms-flexbox;display:flex;width:auto;margin:0 auto;background-color:var(--stable-light, #f1f1f1);border-radius:3.125rem;-webkit-animation:2s bulge infinite ease-out;animation:2s bulge infinite ease-out;will-change:transform}@-webkit-keyframes blink{50%{opacity:1}}@keyframes blink{50%{opacity:1}}@-webkit-keyframes bulge{50%{-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes bulge{50%{-webkit-transform:scale(1.05);transform:scale(1.05)}}:host .messages-container .someone-typing-container .user-typing .typing-indicator::before,:host .messages-container .someone-typing-container .user-typing .typing-indicator::after{position:absolute;bottom:-0.125rem;left:-0.125rem;width:0.5rem;height:0.5rem;background-color:var(--stable-light, #f1f1f1);border-radius:50%;content:\"\"}:host .messages-container .someone-typing-container .user-typing .typing-indicator::after{bottom:-0.1875rem;left:-0.1875rem;width:0.1875rem;height:0.1875rem}:host .messages-container .someone-typing-container .user-typing .typing-indicator span{display:block;float:left;width:0.5rem;height:0.5rem;margin:0 0.0625rem;background-color:var(--stable, #adadad);border-radius:50%;opacity:0.4}:host .messages-container .someone-typing-container .user-typing .typing-indicator span:nth-of-type(1){-webkit-animation:1s blink infinite 0.3333s;animation:1s blink infinite 0.3333s}:host .messages-container .someone-typing-container .user-typing .typing-indicator span:nth-of-type(2){-webkit-animation:1s blink infinite 0.6666s;animation:1s blink infinite 0.6666s}:host .messages-container .someone-typing-container .user-typing .typing-indicator span:nth-of-type(3){-webkit-animation:1s blink infinite 0.9999s;animation:1s blink infinite 0.9999s}:host .messages-container .someone-typing-container .username{padding-bottom:3px;padding-left:var(--typing-username-padding-left);color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem)}:host .messages-container .someone-typing-container .bottom-part{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding-left:var(--spacing-04, 0.25rem)}:host .delete-mode-footer{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;min-height:3rem;font-weight:var(--font-weight-400, 400);background:var(--light, #ffffff);-webkit-box-shadow:var(--footer-shadow, 0 0.0625rem 0.625rem 0 rgba(0, 0, 0, 0.15));box-shadow:var(--footer-shadow, 0 0.0625rem 0.625rem 0 rgba(0, 0, 0, 0.15));-webkit-animation:slide-up 0.4s ease;animation:slide-up 0.4s ease}:host .delete-mode-footer .accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}:host .delete-mode-footer .app-color{color:var(--app-color, #5a30f4);fill:var(--app-color, #5a30f4)}:host .delete-mode-footer .danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}:host .delete-mode-footer .dark{color:var(--dark, #000000);fill:var(--dark, #000000)}:host .delete-mode-footer .energized{color:var(--energized, #ffc043);fill:var(--energized, #ffc043)}:host .delete-mode-footer .info{color:var(--info, #d84c96);fill:var(--info, #d84c96)}:host .delete-mode-footer .light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}:host .delete-mode-footer .stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}:host .delete-mode-footer .stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}:host .delete-mode-footer .stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}:host .delete-mode-footer .stable-ultralight{color:var(--stable-ultralight, #fafafa);fill:var(--stable-ultralight, #fafafa)}:host .delete-mode-footer .success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}:host .delete-mode-footer .text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}:host .delete-mode-footer .warning{color:var(--warning, #ed6e33);fill:var(--warning, #ed6e33)}:host .delete-mode-footer .wood{color:var(--wood, #99644c);fill:var(--wood, #99644c)}:host .delete-mode-footer .inner-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-left:var(--spacing-16, 1rem)}:host .delete-mode-footer.disabled{color:var(--stable-40, rgba(173, 173, 173, 0.4))}:host yoo-navbar yoo-avatar,:host yoo-navbar yoo-avatars{margin-right:var(--spacing-08, 0.5rem)}:host .message-row{display:grid;grid-gap:var(--spacing-16, 1rem);grid-template-columns:auto 1fr;-ms-flex-align:center;align-items:center}:host .message-row yoo-form-checkbox,:host .message-row yoo-chat-message{-webkit-transition:-webkit-transform 0.5s;transition:-webkit-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s, -webkit-transform 0.5s}:host .message-row yoo-chat-message[left]{-webkit-transform:translateX(-2.5rem);transform:translateX(-2.5rem)}:host .message-row yoo-form-checkbox{-webkit-transform:translateX(calc(-100% - 1.5rem));transform:translateX(calc(-100% - 1.5rem))}:host .message-row.deleteable yoo-chat-message[left]{-webkit-transform:translateX(0rem);transform:translateX(0rem)}:host .message-row.deleteable yoo-form-checkbox{-webkit-transform:translateX(calc(100% - 1.5rem));transform:translateX(calc(100% - 1.5rem))}:host .message-row .notification{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:100%;padding:var(--spacing-16, 1rem) 0;color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem)}:host .message-row .notification yoo-avatar{padding-right:var(--spacing-04, 0.25rem)}:host .message-row yoo-chat-message{min-width:0;padding-bottom:var(--spacing-08, 0.5rem);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}:host yoo-copyright{color:var(--light, #ffffff)}:host(.iphone-x) .delete-mode-footer{padding-bottom:var(--spacing-24, 1.5rem)}:host(.broadcast.iphone-x) .broadcast-container .top-container{padding-top:var(--spacing-48, 3rem)}:host(.broadcast.iphone-x) .broadcast-container .broadcast-bottom-container{padding-bottom:var(--spacing-40, 2.5rem)}:host(.broadcast.iphone-x) .broadcast-container .video-outer-container{background:var(--dark, #000000)}:host(.broadcast.iphone-x) .broadcast-container .video-outer-container .video-container{height:97%}:host(.broadcast.web){display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(.broadcast.web) .broadcast-container{-webkit-box-sizing:border-box;box-sizing:border-box;width:23.4375rem;padding-bottom:var(--container-safe-area-bottom)}:host(.broadcast.web.broadcaster){--container-safe-area-bottom:7.5rem}:host(.broadcast.web.live.broadcaster){--message-content-height:45%}:host(.broadcast.web.live.broadcaster) .broadcast-container .quick-reaction-overlay{position:absolute;bottom:calc(var(--container-safe-area-bottom) + 8.75rem);z-index:99}:host(.broadcast.web.live.broadcaster) .broadcast-container .message-inner-container{opacity:1;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}:host(.broadcast.web.live.broadcaster) .broadcast-container .message-inner-container.hide{position:absolute;z-index:-1;opacity:0}:host(.broadcast){--player-margin-bottom:18%;--message-content-height:35%}:host(.broadcast) yoo-swipe-container{width:100%;height:100%}:host(.broadcast) .broadcast-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;background-image:var(--gradient-background-image)}:host(.broadcast) .broadcast-container.show-player .broadcast-bottom-container{margin-bottom:var(--player-margin-bottom)}:host(.broadcast) .broadcast-container.hide-controls{background-image:none}:host(.broadcast) .broadcast-container.hide-controls .top-container,:host(.broadcast) .broadcast-container.hide-controls .status-container,:host(.broadcast) .broadcast-container.hide-controls .broadcast-bottom-container{opacity:0;-webkit-transition:opacity 0.8s ease;transition:opacity 0.8s ease;pointer-events:none}:host(.broadcast) .broadcast-container .top-container,:host(.broadcast) .broadcast-container .status-container,:host(.broadcast) .broadcast-container .broadcast-bottom-container .messages-container{padding:var(--spacing-16, 1rem) var(--spacing-16, 1rem) 0 var(--spacing-16, 1rem);opacity:1;-webkit-transition:opacity 0.8s ease;transition:opacity 0.8s ease}:host(.broadcast) .broadcast-container.live{--message-content-height:45%}:host(.broadcast) .broadcast-container .video-container{position:absolute;width:100%;height:100%}:host(.broadcast) .broadcast-container .video-outer-container{position:absolute;z-index:2;display:-ms-flexbox;display:flex;width:100%;height:100%;opacity:1}:host(.broadcast) .broadcast-container .video-outer-container video{width:100%;height:100%}:host(.broadcast) .broadcast-container .video-outer-container.not-cordova{height:0;overflow:hidden;opacity:0}:host(.broadcast) .broadcast-container .video-outer-container.not-cordova .video-container{width:100%;height:100%}:host(.broadcast) .broadcast-container .video-outer-container.not-cordova.active{position:absolute;display:-ms-flexbox;display:flex;width:100%;height:100%;opacity:1}:host(.broadcast) .broadcast-container .overlay{position:absolute;top:0;bottom:var(--player-margin-bottom);z-index:2;width:100%;height:100%}:host(.broadcast) .broadcast-container .broadcast-bottom-container{position:relative;z-index:3;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:var(--message-content-height);margin-top:auto;color:var(--light, #ffffff);-webkit-transition:opacity 0.8s ease;transition:opacity 0.8s ease}:host(.broadcast) .broadcast-container .broadcast-bottom-container .input-bar-container{display:-ms-flexbox;display:flex;min-height:3.125rem}:host(.broadcast) .broadcast-container .broadcast-bottom-container yoo-button.start-live{width:auto;margin-top:auto;padding:0 var(--spacing-16, 1rem) var(--spacing-16, 1rem) var(--spacing-16, 1rem)}:host(.broadcast) .broadcast-container .broadcast-bottom-container .floating-icon-container{position:absolute;right:0;bottom:50px;width:80px;height:35vh}:host(.broadcast) .broadcast-container .broadcast-bottom-container .floating-icon-container yoo-icon{position:absolute;bottom:0;font-size:var(--font-size-18, 1.125rem)}:host(.broadcast) .broadcast-container .broadcast-bottom-container .share-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin-top:auto;padding:var(--spacing-16, 1rem)}:host(.broadcast) .broadcast-container .broadcast-bottom-container .share-container .text{width:100%}:host(.broadcast) .broadcast-container .broadcast-bottom-container .share-container .buttons-container{display:grid;grid-gap:var(--spacing-16, 1rem);grid-template-columns:1fr 1fr;width:100%;padding:0;padding-top:var(--spacing-16, 1rem)}:host(.broadcast) .broadcast-container .broadcast-bottom-container .content-overlay{position:absolute;top:-cssvar(spacing-40);z-index:1;width:100%;height:var(--spacing-40, 2.5rem);background-color:var(--dark, #000000);-webkit-filter:blur(10px);filter:blur(10px)}:host(.broadcast) .broadcast-container .broadcast-bottom-container yoo-ion-content{background:transparent;opacity:1;-webkit-transition:opacity 0.5s ease-in-out;transition:opacity 0.5s ease-in-out}:host(.broadcast) .broadcast-container .broadcast-bottom-container yoo-ion-content.hide{z-index:-1;opacity:0}:host(.broadcast) .broadcast-container .broadcast-bottom-container .message-inner-container{overflow:auto}:host(.broadcast) .broadcast-container .broadcast-bottom-container .message-inner-container .broadcast-message{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-right:var(--spacing-16, 1rem);padding-bottom:var(--spacing-08, 0.5rem);padding-left:var(--spacing-16, 1rem)}:host(.broadcast) .broadcast-container .broadcast-bottom-container .message-inner-container .broadcast-message .content-container{padding-left:var(--spacing-08, 0.5rem)}:host(.broadcast) .broadcast-container .broadcast-bottom-container .message-inner-container .broadcast-message .content-container .title{font-size:var(--font-size-14, 0.875rem)}:host(.broadcast) .broadcast-container .broadcast-bottom-container .message-inner-container .broadcast-message .content-container .content{font-size:var(--font-size-16, 1rem)}:host(.broadcast) .broadcast-container .broadcast-bottom-container yoo-input-bar{position:initial;z-index:2;margin-top:auto}:host(.broadcast) .broadcast-container .top-container{z-index:3;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;color:var(--light, #ffffff);background-image:-webkit-gradient(linear, left top, left bottom, from(var(--dark, #000000)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to bottom, var(--dark, #000000), rgba(0, 0, 0, 0))}:host(.broadcast) .broadcast-container .top-container .left{display:-ms-flexbox;display:flex}:host(.broadcast) .broadcast-container .top-container .left span{padding-left:var(--spacing-16, 1rem)}:host(.broadcast) .broadcast-container .top-container .left yoo-tag{padding-left:var(--spacing-08, 0.5rem)}:host(.broadcast) .broadcast-container .top-container .right{display:-ms-flexbox;display:flex;margin-left:auto}:host(.broadcast) .broadcast-container .top-container .right yoo-icon{padding-top:var(--spacing-02, 0.125rem);padding-left:var(--spacing-16, 1rem)}:host(.broadcast) .broadcast-container .top-container .extra-status-container{display:-ms-flexbox;display:flex;width:100%;padding-top:var(--spacing-04, 0.25rem);color:var(--light, #ffffff)}:host(.broadcast) .broadcast-container .top-container .extra-status-container.finished{-ms-flex-direction:column;flex-direction:column;margin-top:50%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host(.broadcast) .broadcast-container .top-container .extra-status-container.finished .status-text{padding-top:var(--spacing-16, 1rem)}:host(.broadcast) .broadcast-container .top-container .extra-status-container .avatars-container{display:-ms-flexbox;display:flex}:host(.broadcast) .broadcast-container .top-container .extra-status-container .avatars-container yoo-avatar{padding-right:var(--spacing-04, 0.25rem)}:host(.broadcast) .broadcast-container .top-container .extra-status-container .status-text{font-size:var(--font-size-16, 1rem)}:host(.broadcast) .broadcast-container .blur-overlay{position:absolute;z-index:1;width:100%;height:100%;background-image:var(--gradient-background-image)}:host(.broadcast) .broadcast-container .status-container{z-index:3;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-top:var(--spacing-08, 0.5rem);padding-top:0}:host(.broadcast) .broadcast-container .status-container yoo-icon,:host(.broadcast) .broadcast-container .status-container yoo-tag{margin-right:var(--spacing-04, 0.25rem)}:host(.web) yoo-navbar{--center-padding:0 var(--spacing-16, 1rem) 0 0}:host(.web) yoo-navbar yoo-avatar,:host(.web) yoo-navbar yoo-avatars{margin-right:var(--spacing-16, 1rem)}:host(.web) .heading-container.clickable,:host(.web) yoo-avatar.clickable{cursor:pointer}:host(.popup) yoo-navbar:hover{cursor:pointer}:host(.popup) yoo-navbar yoo-button{--hover-color:var(--dark-10, rgba(0, 0, 0, 0.1))}";

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, i as createEvent, h, e as Host } from './index-06fc3d74.js';
-import './index-30d0dd50.js';
-import { t as translate, L as isRTL } from './index-7b3985f1.js';
+import { r as registerInstance, i as createEvent, h, e as Host } from './index-22891abe.js';
+import './index-590d30dd.js';
+import { t as translate, L as isRTL } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
-import './index-847a32fd.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const collapsibleCss = "svg:not(:root){overflow:hidden}:host{display:block;width:100%;color:var(--dark, #000000)}.outer-container{position:relative;width:100%;min-height:var(--spacing-32, 2rem)}.outer-container.collapsed{max-height:60px;overflow:hidden}.header-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:var(--spacing-08, 0.5rem);cursor:pointer}.header-container yoo-icon.prefix{margin-right:var(--spacing-08, 0.5rem)}.header-container .title{padding-right:var(--spacing-08, 0.5rem)}.header-container .title.pdf{padding:0;font-weight:bold}.header-container.button yoo-button{width:6.25rem}.header-container yoo-button.deletable{position:absolute;right:0}.arrow{margin-right:var(--spacing-16, 1rem);-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:-webkit-transform 300ms;transition:-webkit-transform 300ms;transition:transform 300ms;transition:transform 300ms, -webkit-transform 300ms}.arrow.down{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.slot-container{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:unset;padding-top:var(--spacing-08, 0.5rem)}.slot-container.collapsed{display:none !important;height:0}:host(.stable) .text-container{color:var(--stable, #adadad)}:host(.stable) .slot-container{color:initial}:host(.padding) .outer-container .text-container{padding:0 var(--spacing-16, 1rem)}:host(.simple) .text-container,:host(.simple) span{padding:0;color:var(--stable, #adadad)}:host(.simple) yoo-icon.prefix{margin-right:var(--spacing-08, 0.5rem)}:host(.form) .outer-container{padding:var(--spacing-08, 0.5rem) 0;padding-top:0;background:transparent}:host(.form) .outer-container:not(.collapsed){width:auto;margin:0}:host(.form) .outer-container.collapsed .text-container{padding:0}:host(.form) .outer-container .text-container{padding:0}:host(.form) .outer-container .text-container .title{padding-left:0;font-weight:bold;font-size:var(--font-size-16, 1rem)}:host(.form) .outer-container .slot-container{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;-webkit-column-gap:var(--spacing-08, 0.5rem);-moz-column-gap:var(--spacing-08, 0.5rem);column-gap:var(--spacing-08, 0.5rem)}:host(.form) .outer-container .slot-container:not(.collapsed){width:auto;margin-top:var(--spacing-08, 0.5rem);padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);padding-bottom:var(--spacing-16, 1rem);background-color:var(--stable-ultralight, #fafafa);border:solid var(--border-width-01, 0.0625rem) var(--stable-alt, #d0d0d0);border-radius:var(--spacing-08, 0.5rem)}:host(.form.no-border) .outer-container .header-container{font-weight:bold;text-transform:uppercase}:host(.form.no-border) .outer-container .slot-container:not(.collapsed){padding:0;background-color:transparent;border:none}:host(.form[size=small]) .outer-container .slot-container:not(.collapsed){padding:var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem);padding-bottom:var(--spacing-08, 0.5rem)}:host(.form.subform) .outer-container .slot-container:not(.collapsed){border:none;border-top:solid var(--border-width-01, 0.0625rem) var(--stable-alt, #d0d0d0);border-radius:0}:host(.no-padding) .text-container .title{padding:0}:host(.no-padding.lesson-detail:not(.padding)) .text-container{padding:0}:host(.secondary) .text-container{width:100%;padding-bottom:var(--spacing-08, 0.5rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--dark-20, rgba(0, 0, 0, 0.2))}:host(.secondary) .text-container .title{padding:0;color:var(--dark, #000000);font-weight:bold}:host(.secondary) .text-container yoo-icon{margin-left:auto}:host(.secondary) .slot-container{-webkit-transform:none;transform:none}:host(.transparent){background:transparent}:host(.transparent) .slot-container{padding-top:0.3rem}:host(.center) .outer-container .header-container{-ms-flex-pack:center;justify-content:center}:host(.lesson-detail) .outer-container .text-container{-ms-flex-pack:justify;justify-content:space-between}:host(.lesson-detail) .outer-container .header-container{padding-bottom:var(--spacing-08, 0.5rem)}:host(.lesson-detail) .outer-container .slot-container{padding:0}:host(.bold) .outer-container .title{padding-left:0;font-weight:bold}:host(.subform){margin-top:0 !important;background:transparent}:host(.subform) .outer-container{min-height:auto;padding-bottom:0}:host(.subform) .outer-container .slot-container:not(.collapsed){margin-top:var(--spacing-04, 0.25rem);padding:0}:host(.subform) .outer-container .header-container .title{color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem)}:host(.drawfow) .outer-container.collapsed{min-height:auto}:host(.drawfow) .outer-container.collapsed .header-container{padding-top:0}:host(.drawfow) .outer-container .slot-container{padding-top:0}:host(.large) .outer-container .title{font-size:var(--font-size-16, 1rem)}:host(.full-width) .outer-container .title{-ms-flex:1;flex:1}:host(.rtl) .header-container yoo-icon.prefix{margin-right:0;margin-left:var(--spacing-08, 0.5rem)}:host(.rtl) .header-container .title{padding-right:0;padding-left:var(--spacing-08, 0.5rem)}";

package/dist/design-system/yoo-color-selector.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, i as createEvent, h, e as Host } from './index-06fc3d74.js';
-import './index-30d0dd50.js';
-import { bu as getContrastColor, N as isIOS } from './index-7b3985f1.js';
+import { r as registerInstance, i as createEvent, h, e as Host } from './index-22891abe.js';
+import './index-590d30dd.js';
+import { bu as getContrastColor, N as isIOS } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
-import './index-847a32fd.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const colorSelectorCss = "svg:not(:root){overflow:hidden}.bg-accent{background-color:var(--accent, #276ef1) !important}.accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}.border-accent{border:0.0625rem solid 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)}.border-app-color{border:0.0625rem solid var(--app-color, #5a30f4)}.bg-danger{background-color:var(--danger, #d44333) !important}.danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}.border-danger{border:0.0625rem solid var(--danger, #d44333)}.bg-dark{background-color:var(--dark, #000000) !important}.dark{color:var(--dark, #000000);fill:var(--dark, #000000)}.border-dark{border:0.0625rem solid var(--dark, #000000)}.bg-energized{background-color:var(--energized, #ffc043) !important}.energized{color:var(--energized, #ffc043);fill:var(--energized, #ffc043)}.border-energized{border:0.0625rem solid var(--energized, #ffc043)}.bg-info{background-color:var(--info, #d84c96) !important}.info{color:var(--info, #d84c96);fill:var(--info, #d84c96)}.border-info{border:0.0625rem solid var(--info, #d84c96)}.bg-light{background-color:var(--light, #ffffff) !important}.light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}.border-light{border:0.0625rem solid var(--light, #ffffff)}.bg-stable{background-color:var(--stable, #adadad) !important}.stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}.border-stable{border:0.0625rem solid 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)}.border-stable-alt{border:0.0625rem solid 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)}.border-stable-light{border:0.0625rem solid 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)}.border-stable-ultralight{border:0.0625rem solid var(--stable-ultralight, #fafafa)}.bg-success{background-color:var(--success, #3aa76d) !important}.success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}.border-success{border:0.0625rem solid 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)}.border-text-color{border:0.0625rem solid var(--text-color, #807f83)}.bg-warning{background-color:var(--warning, #ed6e33) !important}.warning{color:var(--warning, #ed6e33);fill:var(--warning, #ed6e33)}.border-warning{border:0.0625rem solid var(--warning, #ed6e33)}.bg-wood{background-color:var(--wood, #99644c) !important}.wood{color:var(--wood, #99644c);fill:var(--wood, #99644c)}.border-wood{border:0.0625rem solid var(--wood, #99644c)}@-webkit-keyframes scale-up{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.15);transform:scale(1.15)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-up{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.15);transform:scale(1.15)}100%{-webkit-transform:scale(1);transform:scale(1)}}:host{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:35rem;height:3.5rem;background-color:var(--dark-20, rgba(0, 0, 0, 0.2));cursor:pointer}:host>*{margin:0 var(--spacing-08, 0.5rem) 0 auto}:host yoo-form-color-picker{position:relative;background:conic-gradient(red, orange, yellow, lime, aqua, blue, magenta)}:host yoo-form-color-picker #preview{position:absolute;top:0;right:0;width:1.25rem;height:1.25rem;background:black;border-radius:50%;-webkit-transform:translate(25%, -25%);transform:translate(25%, -25%)}:host yoo-form-color-picker,:host .item{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--spacing-32, 2rem);height:var(--spacing-32, 2rem);border:0.1rem solid var(--light, #ffffff);border-radius:50%;-webkit-transition:background-color 0.25s ease-in-out;transition:background-color 0.25s ease-in-out}:host yoo-form-color-picker#picker yoo-icon,:host .item#picker yoo-icon{fill:var(--light, #ffffff)}:host yoo-form-color-picker:active,:host .item:active{-webkit-animation:scale-up 0.75s ease-in-out forwards;animation:scale-up 0.75s ease-in-out forwards}:host([disable-picker]) #picker{background-color:var(--stable-ultralight, #fafafa)}:host([disable-picker]) #picker yoo-icon{fill:var(--stable-alt, #d0d0d0)}";

package/dist/design-system/yoo-community-detail.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 { H as isWeb, I as debounce, a3 as translateMulti, av as pipes, 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 { H as isWeb, I as debounce, a3 as translateMulti, av as pipes, t as translate } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
-import './index-847a32fd.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const communityDetailCss = "svg:not(:root){overflow:hidden}:host{width:100%}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;background:var(--light, #ffffff)}:host .outer-container .top-container{display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;height:6rem;-webkit-transition:0.2s;transition:0.2s}:host .outer-container .top-container.expanded{height:auto}:host .outer-container .top-container .image-container{width:7.375rem;height:6rem;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(-73%, rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.5))), -webkit-gradient(linear, left top, left bottom, from(#276ef1), to(#276ef1));background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0) -73%, rgba(0, 0, 0, 0.5) 100%), linear-gradient(to bottom, #276ef1, #276ef1)}:host .outer-container .top-container .image-container yoo-img{height:100%;--image-background:var(--accent-10, rgba(39, 110, 241, 0.1))}:host .outer-container .top-container .information-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:100%;padding:var(--spacing-08, 0.5rem) 0 var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);border-bottom:var(--stable-light, #f1f1f1) solid var(--border-width-01, 0.0625rem)}:host .outer-container .top-container .information-container .title-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--dark, #000000);font-weight:var(--font-weight-900, 900);font-size:var(--font-size-24, 1.5rem)}:host .outer-container .top-container .information-container .title-container .more-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-right:var(--spacing-16, 1rem);margin-left:auto}:host .outer-container .top-container .information-container .members-container{color:var(--text-color, #807f83);font-size:var(--font-size-12, 0.75rem)}:host .outer-container .top-container .information-container .description-container{display:-ms-flexbox;display:flex;color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .top-container .information-container .description-container yoo-button{padding:0 1rem}:host .outer-container .tab-outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;max-width:20rem;height:100%;background:var(--light, #ffffff);border-left:0.0625rem solid var(--stable-40, rgba(173, 173, 173, 0.4));-webkit-transition:0.3s;transition:0.3s}:host .outer-container .tab-outer-container.collapsed{width:0;min-width:var(--spacing-48, 3rem) !important}:host .outer-container .tab-outer-container:not(.collapsed){min-width:15rem}:host .outer-container .tab-container{position:relative;width:100%}:host .outer-container .tab-container .collapsible-icon-container{position:absolute;top:0.5rem;right:0.5rem;bottom:auto;left:auto;z-index:10;cursor:pointer}:host .outer-container .bottom-container{display:-ms-flexbox;display:flex;height:100%;background:var(--stable-light, #f1f1f1)}:host .outer-container .bottom-container .feed-container{position:relative;-ms-flex:1 1 30rem;flex:1 1 30rem;width:100%;background:var(--stable-ultralight, #fafafa)}:host .outer-container .bottom-container .feed-container .grid-container{margin:0 6.5rem}:host .outer-container .bottom-container .community-info{width:22.5rem}:host(.mobile) .top-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:start;justify-content:flex-start;height:16.25rem;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(-73%, rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.5))), -webkit-gradient(linear, left top, left bottom, from(#276ef1), to(#276ef1));background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0) -73%, rgba(0, 0, 0, 0.5) 100%), linear-gradient(to bottom, #276ef1, #276ef1)}:host(.mobile) .top-container yoo-img{position:absolute;top:0;right:0;bottom:0;left:0;--image-background:var(--accent-10, rgba(39, 110, 241, 0.1));height:100%}:host(.mobile) .top-container .title-container{position:absolute;top:auto;right:auto;bottom:2.5rem;left:1rem;z-index:1;color:var(--light, #ffffff);font-weight:var(--font-weight-900, 900);font-size:var(--font-size-24, 1.5rem)}:host(.mobile) .top-container .members-container{position:absolute;top:auto;right:auto;bottom:1rem;left:1rem;z-index:1;color:var(--light, #ffffff);font-size:var(--font-size-12, 0.75rem)}:host(.mobile) .top-container .bottom-overlay{position:absolute;bottom:0;left:0;z-index:0;width:100%;height:100px;background-image:var(--linear-gradient-01-bottom, linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.19), rgba(0, 0, 0, 0.26), rgba(0, 0, 0, 0.34), rgba(0, 0, 0, 0.42), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.58), rgba(0, 0, 0, 0.66), rgba(0, 0, 0, 0.74), rgba(0, 0, 0, 0.81), rgba(0, 0, 0, 0.88), rgba(0, 0, 0, 0.94), var(--dark, #000000)));opacity:0.5}:host(.mobile) .description-container{margin:0 var(--spacing-16, 1rem);padding:var(--spacing-08, 0.5rem) 0;color:var(--text-color, #807f83);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.mobile) .bottom-container .feed-container{margin:0;background:var(--light, #ffffff)}:host(.mobile) .bottom-container .feed-container .grid-container{margin:0}:host(.rtl) .outer-container .top-container .information-container{padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem) var(--spacing-08, 0.5rem) 0}:host(.rtl) .outer-container .top-container .information-container .title-container .more-container{margin-right:auto;margin-left:var(--spacing-16, 1rem)}:host(.rtl) .outer-container .tab-container .collapsible-icon-container{inset:var(--spacing-08, 0.5rem) auto auto var(--spacing-08, 0.5rem)}";

package/dist/design-system/yoo-context-dialog.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-06fc3d74.js';
+import { r as registerInstance, h } from './index-22891abe.js';
 
 const contextDialogCss = "svg:not(:root){overflow:hidden}:host{--basic-transitions:opacity .3s ease-in-out, margin .3s ease-in-out;z-index:21000;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden;background:var(--light, #ffffff);border-radius:var(--border-radius-04, 0.25rem);-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));-webkit-transition:var(--basic-transitions), height 0s ease-in-out;transition:var(--basic-transitions), height 0s ease-in-out}:host([hidden]){height:0 !important;margin:0 !important;opacity:0;-webkit-transition:var(--basic-transitions), height 0s ease-in-out 0.3s;transition:var(--basic-transitions), height 0s ease-in-out 0.3s}:host(.absolute){position:absolute}:host(.fixed){position:fixed}";
 

package/dist/design-system/yoo-context-menu-dialog.entry.js

@@ -1,12 +1,12 @@
-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 { b as isFunction } from './lodash-777f91de.js';
-import { g as getAppContext } from './common-helpers-2139c840.js';
-import { w as closeModal, aw as copyToClipboard, a3 as translateMulti, k as isNullOrUndefined } from './index-7b3985f1.js';
-import './index-847a32fd.js';
+import { g as getAppContext } from './common-helpers-2a9aacec.js';
+import { w as closeModal, aw as copyToClipboard, a3 as translateMulti, k as isNullOrUndefined } from './index-97f4ed07.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 
-const contextMenuDialogCss = "svg:not(:root){overflow:hidden}:host{position:absolute;top:auto;right:auto;bottom:auto;left:auto;--width-dropdown-content:11.5rem;--max-width-dropdown-content:21.5rem;--max-height-dropdown-content:28.5rem;z-index:10000;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-width:var(--width-dropdown-content);max-width:var(--max-width-dropdown-content);font-size:var(--font-size-14, 0.875rem);background:var(--light, #ffffff);border:solid var(--border-width-01, 0.0625rem) var(--stable-light, #f1f1f1);border-radius:var(--border-radius-04, 0.25rem);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host hr{width:100%;height:0.0625rem;margin:0;background-color:var(--stable-light, #f1f1f1);border:0}:host ul{max-height:var(--max-height-dropdown-content);margin:0;overflow-x:hidden;overflow-y:auto;line-height:1.75;list-style:none;-webkit-padding-start:inherit;padding-inline-start:inherit}:host ul::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host ul::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host ul::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host ul li:first-child{padding-top:var(--spacing-08, 0.5rem)}:host ul li:last-child{padding-bottom:var(--spacing-04, 0.25rem)}:host ul li.app-color{background:var(--app-color-20, rgba(90, 48, 244, 0.2))}:host ul:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}:host ul:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}:host yoo-icon[class*=arrow]{opacity:0}:host .title{padding:var(--spacing-08, 0.5rem);padding-bottom:0;font-weight:var(--font-weight-700, 700);font-size:var(--font-size-14, 0.875rem)}:host .icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;min-width:var(--spacing-32, 2rem)}:host .content{position:relative}:host .content ul{max-height:var(--max-height-dropdown-content)}:host .content.to-left{direction:ltr}:host .content.to-left .wrapper{-webkit-transform:translate(-100%, -0.35rem);transform:translate(-100%, -0.35rem)}:host .content.to-right{direction:rtl}:host .content.to-right li{direction:ltr;text-align:left}:host .content.to-right li .wrapper{-webkit-transform:translate(100%, -0.35rem);transform:translate(100%, -0.35rem)}:host li{position:static;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:var(--spacing-32, 2rem);padding:var(--spacing-02, 0.125rem) var(--spacing-08, 0.5rem);color:var(--dark, #000000);cursor:pointer}:host li.content-start{-ms-flex-align:start;align-items:flex-start}:host li:first-child{border-radius:var(--spacing-04, 0.25rem) var(--spacing-04, 0.25rem) 0 0}:host li:last-child{border-bottom-right-radius:var(--spacing-04, 0.25rem);border-bottom-left-radius:var(--spacing-04, 0.25rem)}:host li:hover:not(.selected):not(.disabled):not(.no-hover){background:var(--stable-light, #f1f1f1)}:host li:hover:not(.selected):not(.disabled):not(.no-hover)>.item-content>yoo-icon[class*=arrow]{opacity:1}:host li:hover:not(.selected):not(.disabled):not(.no-hover)>.item-content>.wrapper{visibility:visible;opacity:1}:host li.selected{background:var(--stable-light, #f1f1f1)}:host li.delete-content{border-top:0.0625rem solid var(--stable-light, #f1f1f1)}:host li.sub-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host li.sub-item:hover yoo-icon.arrows{position:absolute;top:auto;right:0;bottom:auto;left:auto;display:block}:host li.active{color:var(--stable-light, #f1f1f1)}:host li .item-content{display:-ms-flexbox;display:flex;gap:var(--spacing-08, 0.5rem);-ms-flex-align:center;align-items:center;width:100%}:host li .text{overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-right:auto;overflow:hidden}@supports (display: -webkit-box){:host li .text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}:host li .text.app-color{color:var(--app-color, #5a30f4)}:host li .text.danger{color:var(--danger, #d44333)}:host li .text .content-description{color:var(--text-color, #807f83)}:host li.disabled .text{color:var(--stable-alt, #d0d0d0);cursor:unset}:host li .wrapper{position:absolute;right:100%;z-index:10001;width:var(--width-dropdown-content);max-width:var(--max-width-dropdown-content);background:var(--light, #ffffff);border:solid var(--border-width-01, 0.0625rem) var(--stable-light, #f1f1f1);border-radius:var(--border-radius-04, 0.25rem);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));visibility:hidden;opacity:0;-webkit-transition:opacity 0.25s ease-in-out;transition:opacity 0.25s ease-in-out}:host li .wrapper.to-left{right:auto;left:0}:host li .wrapper.to-left ul{direction:ltr}:host li .wrapper.to-right{right:0;left:auto}:host li .wrapper.to-right ul{direction:rtl}:host li .wrapper .text{padding:0 var(--spacing-08, 0.5rem)}:host li .wrapper .title{margin-bottom:-0.5rem;padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);cursor:default}:host li.actionable-icon .text{min-width:unset}:host(.inline){display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:unset;min-width:inherit;max-width:unset;white-space:nowrap}:host(.inline) ul{display:-ms-inline-flexbox;display:inline-flex;margin:0}:host(.inline) ul li{position:unset;display:-ms-flexbox;display:flex;height:auto;min-height:2.375rem;padding:0;padding:0 var(--spacing-02, 0.125rem)}:host(.inline) ul li yoo-icon{padding:0 var(--spacing-04, 0.25rem)}:host(.overflow-contained){width:16rem;max-width:16rem}:host(.overflow-contained) li .sub-menu{width:16rem;max-width:16rem}:host(.overflow-contained) li .text{overflow:hidden}:host(.side-menu){width:12rem;margin-left:10px;background-color:var(--anthracite, #1a1a1a);border-color:transparent;-webkit-transform:inherit;transform:inherit}:host(.side-menu) .arrow-cursor{position:absolute;left:0;width:10px;height:10px;margin-left:-6px;background-color:var(--anthracite, #1a1a1a);border:inherit;border-radius:0px 0px 0px 0.1em;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-clip-path:polygon(0% 0%, 100% 100%, 0% 100%);clip-path:polygon(0% 0%, 100% 100%, 0% 100%)}:host(.side-menu) .cursor_top{top:14px}:host(.side-menu) .cursor_center{top:51%}:host(.side-menu) .cursor_bottom{top:calc(100% - 43px)}:host(.side-menu) hr{width:10.5rem;margin:0 var(--spacing-16);background-color:var(--light-20, rgba(255, 255, 255, 0.2))}:host(.side-menu) li{margin:var(--spacing-08, 0.5rem);padding:var(--spacing-04, 0.25rem);color:var(--light, #ffffff);border-radius:3px}:host(.side-menu) li.sub-menu-title{margin:var(--spacing-08) var(--spacing-16);padding:0;cursor:initial}:host(.side-menu) li.sub-menu-title:hover{background-color:inherit !important}:host(.side-menu) li.sub-menu-title:hover yoo-icon{fill:inherit}:host(.side-menu) li:hover{background-color:var(--light-10, rgba(255, 255, 255, 0.1)) !important}:host(.side-menu) li:hover yoo-icon{fill:var(--light, #ffffff)}:host(.side-menu) li.selected{background:inherit}:host(.side-menu) li.selected yoo-icon{fill:var(--light, #ffffff)}:host(.side-menu) li yoo-icon{margin-right:var(--spacing-08, 0.5rem);fill:var(--text-color, #807f83)}:host(.side-menu) li yoo-avatar{margin-right:var(--spacing-08, 0.5rem)}:host(.side-menu) li .item-content{overflow:hidden;color:var(--light, #ffffff)}:host(.side-menu) li .text{overflow:hidden;font-size:var(--font-size-16, 1rem);white-space:nowrap;text-overflow:ellipsis}:host(.side-menu) li .text>span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.side-menu) li .content-description{-ms-flex:1;flex:1}:host(.side-menu) li.is-toggle{display:-ms-flexbox;display:flex}:host(.side-menu) li.is-toggle yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host(.side-menu) li.is-toggle .text{-ms-flex:1;flex:1;min-width:auto;margin-right:var(--spacing-08, 0.5rem)}:host(.side-menu.rtl) .arrow-cursor{right:0;left:unset;margin-right:-0.375rem;margin-left:0;border-radius:0 0.1rem 0 0;-webkit-transform:rotate(225deg);transform:rotate(225deg)}:host(.side-menu.rtl) li .item-content{-ms-flex-direction:row-reverse;flex-direction:row-reverse;text-align:right}:host(.side-menu.rtl) li .item-content section.text{margin-right:0;margin-left:auto}:host(.width-unset){width:auto;max-width:unset}:host(.width-unset) .item-content{-ms-flex:1;flex:1;overflow:hidden}:host(.width-unset) .sub-menu{width:auto;max-width:unset}:host(.width-unset) .text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.width-unset) .text>div{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}";
+const contextMenuDialogCss = "svg:not(:root){overflow:hidden}:host{position:absolute;top:auto;right:auto;bottom:auto;left:auto;--width-dropdown-content:11.5rem;--max-width-dropdown-content:21.5rem;--max-height-dropdown-content:28.5rem;z-index:10000;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-width:var(--width-dropdown-content);max-width:var(--max-width-dropdown-content);font-size:var(--font-size-14, 0.875rem);background:var(--light, #ffffff);border:solid var(--border-width-01, 0.0625rem) var(--stable-light, #f1f1f1);border-radius:var(--border-radius-04, 0.25rem);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host hr{width:100%;height:0.0625rem;margin:0;background-color:var(--stable-light, #f1f1f1);border:0}:host ul{max-height:var(--max-height-dropdown-content);margin:0;overflow-x:hidden;overflow-y:auto;line-height:1.75;list-style:none;-webkit-padding-start:inherit;padding-inline-start:inherit}:host ul::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host ul::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host ul::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host ul li:first-child{padding-top:var(--spacing-08, 0.5rem)}:host ul li:last-child{padding-bottom:var(--spacing-04, 0.25rem)}:host ul li.app-color{background:var(--app-color-20, rgba(90, 48, 244, 0.2))}:host ul:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}:host ul:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}:host yoo-icon[class*=arrow]{opacity:0}:host .title{padding:var(--spacing-08, 0.5rem);padding-bottom:0;font-weight:var(--font-weight-700, 700);font-size:var(--font-size-14, 0.875rem)}:host .icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;min-width:var(--spacing-32, 2rem)}:host .content{position:relative}:host .content ul{max-height:var(--max-height-dropdown-content)}:host .content.to-left{direction:ltr}:host .content.to-left .wrapper{-webkit-transform:translate(-100%, -0.35rem);transform:translate(-100%, -0.35rem)}:host .content.to-right{direction:rtl}:host .content.to-right li{direction:ltr;text-align:left}:host .content.to-right li .wrapper{-webkit-transform:translate(100%, -0.35rem);transform:translate(100%, -0.35rem)}:host li{position:static;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:var(--spacing-32, 2rem);padding:var(--spacing-02, 0.125rem) var(--spacing-08, 0.5rem);color:var(--dark, #000000);cursor:pointer}:host li.content-start{-ms-flex-align:start;align-items:flex-start}:host li:first-child{border-radius:var(--spacing-04, 0.25rem) var(--spacing-04, 0.25rem) 0 0}:host li:last-child{border-bottom-right-radius:var(--spacing-04, 0.25rem);border-bottom-left-radius:var(--spacing-04, 0.25rem)}:host li:hover:not(.selected):not(.disabled):not(.no-hover){background:var(--stable-light, #f1f1f1)}:host li:hover:not(.selected):not(.disabled):not(.no-hover)>.item-content>yoo-icon[class*=arrow]{opacity:1}:host li:hover:not(.selected):not(.disabled):not(.no-hover)>.item-content>.wrapper{visibility:visible;opacity:1}:host li.selected{background:var(--stable-light, #f1f1f1)}:host li.delete-content{border-top:0.0625rem solid var(--stable-light, #f1f1f1)}:host li.sub-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host li.sub-item:hover yoo-icon.arrows{position:absolute;top:auto;right:0;bottom:auto;left:auto;display:block}:host li.active{color:var(--stable-light, #f1f1f1)}:host li .item-content{display:-ms-flexbox;display:flex;gap:var(--spacing-08, 0.5rem);-ms-flex-align:center;align-items:center;width:100%}:host li .text{overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-right:auto;overflow:hidden}@supports (display: -webkit-box){:host li .text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}:host li .text.app-color{color:var(--app-color, #5a30f4)}:host li .text.danger{color:var(--danger, #d44333)}:host li .text .content-description{color:var(--text-color, #807f83)}:host li.disabled .text{color:var(--stable-alt, #d0d0d0);cursor:unset}:host li .wrapper{position:absolute;right:100%;z-index:10001;width:var(--width-dropdown-content);max-width:var(--max-width-dropdown-content);background:var(--light, #ffffff);border:solid var(--border-width-01, 0.0625rem) var(--stable-light, #f1f1f1);border-radius:var(--border-radius-04, 0.25rem);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));visibility:hidden;opacity:0;-webkit-transition:opacity 0.25s ease-in-out;transition:opacity 0.25s ease-in-out}:host li .wrapper.to-left{right:auto;left:0}:host li .wrapper.to-left ul{direction:ltr}:host li .wrapper.to-right{right:0;left:auto}:host li .wrapper.to-right ul{direction:rtl}:host li .wrapper .text{padding:0 var(--spacing-08, 0.5rem)}:host li .wrapper .title{margin-bottom:-0.5rem;padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);cursor:default}:host li.actionable-icon .text{min-width:unset}:host(.inline){display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:unset;min-width:inherit;max-width:unset;white-space:nowrap}:host(.inline) ul{display:-ms-inline-flexbox;display:inline-flex;margin:0}:host(.inline) ul li{position:unset;display:-ms-flexbox;display:flex;height:auto;min-height:2.375rem;padding:0;padding:0 var(--spacing-02, 0.125rem)}:host(.inline) ul li yoo-icon{padding:0 var(--spacing-04, 0.25rem)}:host(.overflow-contained){width:16rem;max-width:16rem}:host(.overflow-contained) li .sub-menu{width:16rem;max-width:16rem}:host(.overflow-contained) li .text{overflow:hidden}:host(.side-menu){width:12rem;margin-left:10px;background-color:var(--anthracite, #1a1a1a);border-color:transparent;-webkit-transform:inherit;transform:inherit}:host(.side-menu) .arrow-cursor{position:absolute;left:0;width:10px;height:10px;margin-left:-6px;background-color:var(--anthracite, #1a1a1a);border:inherit;border-radius:0px 0px 0px 0.1em;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-clip-path:polygon(0% 0%, 100% 100%, 0% 100%);clip-path:polygon(0% 0%, 100% 100%, 0% 100%)}:host(.side-menu) .cursor_top{top:14px}:host(.side-menu) .cursor_center{top:51%}:host(.side-menu) .cursor_bottom{top:calc(100% - 43px)}:host(.side-menu) hr{width:10.5rem;margin:0 var(--spacing-16);background-color:var(--light-20, rgba(255, 255, 255, 0.2))}:host(.side-menu) li{margin:var(--spacing-08, 0.5rem);padding:var(--spacing-04, 0.25rem);color:var(--light, #ffffff);border-radius:3px}:host(.side-menu) li.sub-menu-title{margin:var(--spacing-08) var(--spacing-16);padding:0;cursor:initial}:host(.side-menu) li.sub-menu-title:hover{background-color:inherit !important}:host(.side-menu) li.sub-menu-title:hover yoo-icon{fill:inherit}:host(.side-menu) li:hover{background-color:var(--light-10, rgba(255, 255, 255, 0.1)) !important}:host(.side-menu) li:hover yoo-icon{fill:var(--light, #ffffff)}:host(.side-menu) li.selected{background:inherit}:host(.side-menu) li.selected yoo-icon{fill:var(--light, #ffffff)}:host(.side-menu) li yoo-icon{margin-right:var(--spacing-08, 0.5rem);fill:var(--text-color, #807f83)}:host(.side-menu) li yoo-avatar{margin-right:var(--spacing-08, 0.5rem)}:host(.side-menu) li .item-content{overflow:hidden;color:var(--light, #ffffff)}:host(.side-menu) li .text{overflow:hidden;font-size:var(--font-size-16, 1rem);white-space:nowrap;text-overflow:ellipsis}:host(.side-menu) li .text>span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.side-menu) li .content-description{-ms-flex:1;flex:1}:host(.side-menu) li.is-toggle{display:-ms-flexbox;display:flex}:host(.side-menu) li.is-toggle yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host(.side-menu) li.is-toggle .text{-ms-flex:1;flex:1;min-width:auto;margin-right:var(--spacing-08, 0.5rem)}:host(.side-menu.rtl) .arrow-cursor{right:0;left:unset;margin-right:-0.375rem;margin-left:0;border-radius:0 0.1rem 0 0;-webkit-transform:rotate(225deg);transform:rotate(225deg)}:host(.side-menu.rtl) li .item-content{-ms-flex-direction:row-reverse;flex-direction:row-reverse;text-align:right}:host(.side-menu.rtl) li .item-content section.text{margin-right:0;margin-left:auto}:host(.width-unset){width:auto;max-width:unset}:host(.width-unset) .item-content{-ms-flex:1;flex:1;overflow:hidden}:host(.width-unset) .sub-menu{width:auto;max-width:unset}:host(.width-unset) .text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.width-unset) .text>div{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.font-large){font-size:var(--font-size-16, 1rem)}";
 
 const YooContextMenuDialogComponent = class {
   constructor(hostRef) {

package/dist/design-system/yoo-context-menu.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 { aH as showContextMenu, fL as closeMenuModal, fM as isMouseInBoundaries } 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 { aH as showContextMenu, fL as closeMenuModal, fM as isMouseInBoundaries } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
-import './index-847a32fd.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const contextMenuCss = "svg:not(:root){overflow:hidden}:host{position:relative;display:block}:host .dropdown-toggle ::slotted(*){cursor:pointer}:host(.side-menu.flex) span{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-left:var(--spacing-16)}:host(.side-menu.flex) yoo-icon{margin-left:calc(var(--spacing-08, 0.5rem) * -1)}:host(.flex) span{display:-ms-flexbox;display:flex}:host(.side-menu.flex.menu-collapsed.rtl) span{margin-right:var(--spacing-16);margin-left:0}:host(.side-menu.flex.menu-collapsed.rtl) yoo-icon{margin-right:calc(var(--spacing-08, 0.5rem) * -1);margin-left:0}";

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, e as Host } from './index-06fc3d74.js';
-import './index-30d0dd50.js';
-import { t as translate } from './index-7b3985f1.js';
+import { r as registerInstance, h, e as Host } 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 copyrightCss = "svg:not(:root){overflow:hidden}:host{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:var(--dark, #000000);font-size:var(--font-size-12, 0.75rem)}:host img{margin:0 var(--spacing-04, 0.25rem)}";

package/dist/design-system/yoo-count-down.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 { 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 { t as translate } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
-import './index-847a32fd.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const countDownCss = "svg:not(:root){overflow:hidden}:host{top:0;right:0;bottom:0;left:0}@-webkit-keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 rgba(0, 0, 0, 0.1);box-shadow:0 0 0 0 rgba(0, 0, 0, 0.1)}100%{-webkit-box-shadow:0 10px 20px 0 rgba(0, 0, 0, 0.1);box-shadow:0 10px 20px 0 rgba(0, 0, 0, 0.1)}}@keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 rgba(0, 0, 0, 0.1);box-shadow:0 0 0 0 rgba(0, 0, 0, 0.1)}100%{-webkit-box-shadow:0 10px 20px 0 rgba(0, 0, 0, 0.1);box-shadow:0 10px 20px 0 rgba(0, 0, 0, 0.1)}}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%}:host .outer-container .ripple{padding:var(--spacing-24, 1.5rem);background-color:var(--light, #ffffff);border-radius:100%;-webkit-animation:pulse 1s infinite;animation:pulse 1s infinite}:host .outer-container .getready{-ms-flex-align:center;align-items:center;color:var(--app-color, #5a30f4);font-weight:var(--font-weight-700, 700);font-size:calc(var(--font-size-18, 1.125rem) * 2);text-align:center}:host .outer-container .timer{width:9.375rem;height:9.375rem;color:var(--light, #ffffff);font-size:calc(var(--font-size-18, 1.125rem) * 4);line-height:9.375rem;text-align:center;background-color:var(--app-color, #5a30f4);border-radius:100%;-webkit-box-shadow:0 10px 20px 0 rgba(0, 0, 0, 0.1);box-shadow:0 10px 20px 0 rgba(0, 0, 0, 0.1);-webkit-animation:pulse 1s infinite;animation:pulse 1s infinite}:host(.web) .outer-container{position:absolute;right:0;left:0;background:var(--light, #ffffff)}";