@yoobic/yobi 8.5.0-60 → 8.5.0-62

package/dist/cjs/yoo-card-sticky.cjs.entry.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-7790c794.js');
+const commonHelpers = require('./common-helpers-0724ae60.js');
+const index$1 = require('./index-4cdf7949.js');
 require('./lodash-a9050d79.js');
-require('./index-a1bbe627.js');
+require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.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)}";
@@ -22,7 +22,7 @@ const YooCardStickyComponent = class {
   }
   get title() {
     var _a;
-    return overlays.translateMulti((_a = this.entry) === null || _a === void 0 ? void 0 : _a.title) || '';
+    return index$1.translateMulti((_a = this.entry) === null || _a === void 0 ? void 0 : _a.title) || '';
   }
   onOuterContainerClick(ev) {
     if (ev) {
@@ -34,7 +34,7 @@ const YooCardStickyComponent = class {
   onMoreClicked(ev) {
     ev.stopPropagation();
     if (this.entry.secondaryActionSheet && this.entry.secondaryActionSheet.length > 0) {
-      overlays.showActionSheet(this.entry.secondaryActionSheet);
+      index$1.showActionSheet(this.entry.secondaryActionSheet);
     }
   }
   onUserClicked(ev) {
@@ -47,8 +47,8 @@ const YooCardStickyComponent = class {
     const isPhoto = this.type === 'photos';
     const standardWidth = isCourse ? 190 : isPlan ? 239 : isPhoto ? 320 : 310;
     const standardHeight = isCourse ? 130 : isPlan ? 180 : isPhoto ? 240 : 230;
-    this.imageWidth = overlays.isWeb(this.host) || isCourse || isPhoto ? standardWidth : window.innerWidth * 0.8;
-    this.imageHeight = overlays.isWeb(this.host) || isCourse || isPhoto ? standardHeight : this.imageWidth * 0.75;
+    this.imageWidth = index$1.isWeb(this.host) || isCourse || isPhoto ? standardWidth : window.innerWidth * 0.8;
+    this.imageHeight = index$1.isWeb(this.host) || isCourse || isPhoto ? standardHeight : this.imageWidth * 0.75;
     return { width: `${this.imageWidth}px`, height: `${this.imageHeight}px` };
   }
   renderIcons() {
@@ -70,20 +70,20 @@ const YooCardStickyComponent = class {
     const hasActions = ((_b = (_a = this.entry) === null || _a === void 0 ? void 0 : _a.secondaryActionSheet) === null || _b === void 0 ? void 0 : _b.length) > 0;
     const hasMediaBadges = ((_d = (_c = this.entry) === null || _c === void 0 ? void 0 : _c.mediaBadges) === null || _d === void 0 ? void 0 : _d.length) > 0;
     const isFullWidth = this.host.classList.contains('full-width');
-    const showMainViewBadge = hasMediaBadges && (isFullWidth || !overlays.isWeb(this.host));
-    const showHeaderViewBadge = hasMediaBadges && !(isFullWidth || !overlays.isWeb(this.host));
-    return (index.h("div", { class: `outer-container  ${this.type} ${overlays.isGif((_e = this.entry) === null || _e === void 0 ? void 0 : _e.imgSrc) ? 'gif' : ''}`, onClick: (ev) => {
+    const showMainViewBadge = hasMediaBadges && (isFullWidth || !index$1.isWeb(this.host));
+    const showHeaderViewBadge = hasMediaBadges && !(isFullWidth || !index$1.isWeb(this.host));
+    return (index.h("div", { class: `outer-container  ${this.type} ${index$1.isGif((_e = this.entry) === null || _e === void 0 ? void 0 : _e.imgSrc) ? 'gif' : ''}`, onClick: (ev) => {
         this.onOuterContainerClick(ev);
-      } }, showMainViewBadge && this.renderMediaBadges(this.entry.mediaBadges), index.h("yoo-img", { instant: true, type: "background", class: { 'image-container': true, 'no-radius': overlays.isWeb(this.host) }, src: this.entry.imgSrc }), index.h("div", { class: "bottom-container" }, index.h("yoo-truncate", { class: "text-wrapper", innerHTML: overlays.removeTextStyle((_f = this.entry) === null || _f === void 0 ? void 0 : _f.title) }), this.entry.subheadings && this.entry.subheadings[0] && (index.h("div", { class: "subheading" }, this.entry.user && (index.h("yoo-avatar", { onClick: (ev) => {
+      } }, showMainViewBadge && this.renderMediaBadges(this.entry.mediaBadges), index.h("yoo-img", { instant: true, type: "background", class: { 'image-container': true, 'no-radius': index$1.isWeb(this.host) }, src: this.entry.imgSrc }), index.h("div", { class: "bottom-container" }, index.h("yoo-truncate", { class: "text-wrapper", innerHTML: index$1.removeTextStyle((_f = this.entry) === null || _f === void 0 ? void 0 : _f.title) }), this.entry.subheadings && this.entry.subheadings[0] && (index.h("div", { class: "subheading" }, this.entry.user && (index.h("yoo-avatar", { onClick: (ev) => {
         this.onUserClicked(ev);
-      }, iconSize: (_g = this.entry) === null || _g === void 0 ? void 0 : _g.avatarIconSize, size: overlays.isWeb(this.host) ? 'extra-small' : 'small', user: this.entry.user })), this.entry.postedBy && index.h("span", null, `${this.entry.postedBy} • ${this.entry.subheadings[0]}`, " "), showHeaderViewBadge && this.renderMediaBadges(this.entry.mediaBadges, 'extra-small', true), hasActions && !overlays.isWeb(this.host) && (index.h("yoo-icon", { name: "more", color: "stable", size: ((_h = this.entry) === null || _h === void 0 ? void 0 : _h.actionIconSize) || 'small', onClick: (ev) => this.onMoreClicked(ev) })), hasActions && overlays.isWeb(this.host) && (index.h("yoo-context-menu", { contentButtons: this.entry.secondaryActionSheet, onClick: (ev) => ev.stopPropagation() }, index.h("yoo-icon", { color: "stable", name: "more", size: ((_j = this.entry) === null || _j === void 0 ? void 0 : _j.actionIconSize) || 'small' }))))))));
+      }, iconSize: (_g = this.entry) === null || _g === void 0 ? void 0 : _g.avatarIconSize, size: index$1.isWeb(this.host) ? 'extra-small' : 'small', user: this.entry.user })), this.entry.postedBy && index.h("span", null, `${this.entry.postedBy} • ${this.entry.subheadings[0]}`, " "), showHeaderViewBadge && this.renderMediaBadges(this.entry.mediaBadges, 'extra-small', true), hasActions && !index$1.isWeb(this.host) && (index.h("yoo-icon", { name: "more", color: "stable", size: ((_h = this.entry) === null || _h === void 0 ? void 0 : _h.actionIconSize) || 'small', onClick: (ev) => this.onMoreClicked(ev) })), hasActions && index$1.isWeb(this.host) && (index.h("yoo-context-menu", { contentButtons: this.entry.secondaryActionSheet, onClick: (ev) => ev.stopPropagation() }, index.h("yoo-icon", { color: "stable", name: "more", size: ((_j = this.entry) === null || _j === void 0 ? void 0 : _j.actionIconSize) || 'small' }))))))));
   }
   renderCoursesCard() {
     var _a, _b;
     const hasMediaBadges = ((_b = (_a = this.entry) === null || _a === void 0 ? void 0 : _a.mediaBadges) === null || _b === void 0 ? void 0 : _b.length) > 0;
     const isFullWidth = this.host.classList.contains('full-width');
     const showHeaderViewBadge = hasMediaBadges && !isFullWidth;
-    return (index.h("div", { class: { 'outer-container': true, [this.type]: true, ticked: this.entry.isTicked }, style: this.getCardSize() }, index.h("yoo-img", { instant: true, type: "background", class: "image-container", disabled: this.entry.isLocked, src: this.entry.imgSrc }, this.renderIcons()), index.h("div", { class: "bottom-container" }, index.h("div", { class: "tags-container" }, showHeaderViewBadge && this.renderMediaBadges(this.entry.mediaBadges, 'small')), index.h("div", { class: "text-wrapper" }, overlays.removeTextStyle(this.title)), this.entry.subheadings && this.entry.subheadings[0] && index.h("div", { class: "subheading" }, this.entry.subheadings[0]), index.h("div", { class: "subheading" }, this.entry.postedBy && index.h("span", null, `${this.entry.postedBy} • ${this.entry.subheadings[0]}`, " ")))));
+    return (index.h("div", { class: { 'outer-container': true, [this.type]: true, ticked: this.entry.isTicked }, style: this.getCardSize() }, index.h("yoo-img", { instant: true, type: "background", class: "image-container", disabled: this.entry.isLocked, src: this.entry.imgSrc }, this.renderIcons()), index.h("div", { class: "bottom-container" }, index.h("div", { class: "tags-container" }, showHeaderViewBadge && this.renderMediaBadges(this.entry.mediaBadges, 'small')), index.h("div", { class: "text-wrapper" }, index$1.removeTextStyle(this.title)), this.entry.subheadings && this.entry.subheadings[0] && index.h("div", { class: "subheading" }, this.entry.subheadings[0]), index.h("div", { class: "subheading" }, this.entry.postedBy && index.h("span", null, `${this.entry.postedBy} • ${this.entry.subheadings[0]}`, " ")))));
   }
   renderPhotosCard() {
     return (index.h("div", { class: { 'outer-container': true, [this.type]: true }, style: this.getCardSize() }, index.h("yoo-img", { instant: true, type: "background", class: "image-container", src: this.entry.imgSrc })));

package/dist/cjs/yoo-card-video.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-const index$1 = require('./index-a1bbe627.js');
-require('./index-9aadeb94.js');
+const index$1 = require('./index-cb8276bc.js');
+require('./index-7790c794.js');
 const cardVideo_interface = require('./card-video.interface-70a68a05.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const index$2 = require('./index-4cdf7949.js');
 require('./lodash-a9050d79.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -113,7 +113,7 @@ const YooCardVideoComponent = class {
     if (track === null || track === void 0 ? void 0 : track.getSettings) {
       const settings = track.getSettings();
       if ((settings === null || settings === void 0 ? void 0 : settings.height) && (settings === null || settings === void 0 ? void 0 : settings.width)) {
-        ratio = overlays.getClosestImageRatio(settings.width, settings.height, [1.3, 0.75]);
+        ratio = index$2.getClosestImageRatio(settings.width, settings.height, [1.3, 0.75]);
       }
     }
     return ratio;
@@ -174,7 +174,7 @@ const YooCardVideoComponent = class {
   }
   renderRedial() {
     return [
-      index.h("div", { class: "redial-container" }, index.h("div", { class: "button-container" }, index.h("yoo-button", null, overlays.translate('REDIAL'))))
+      index.h("div", { class: "redial-container" }, index.h("div", { class: "button-container" }, index.h("yoo-button", null, index$2.translate('REDIAL'))))
     ];
   }
   renderBody() {
@@ -182,7 +182,7 @@ const YooCardVideoComponent = class {
     const bodyClass = {
       'remote-media': true,
       'screen-sharing': this.isStreamScreenSharing(),
-      'others': ((_b = (_a = this.participant) === null || _a === void 0 ? void 0 : _a.user) === null || _b === void 0 ? void 0 : _b._id) !== ((_c = overlays.getSession()) === null || _c === void 0 ? void 0 : _c.userId)
+      'others': ((_b = (_a = this.participant) === null || _a === void 0 ? void 0 : _a.user) === null || _b === void 0 ? void 0 : _b._id) !== ((_c = index$2.getSession()) === null || _c === void 0 ? void 0 : _c.userId)
     };
     return (index.h("div", { ref: (el) => (this.trackDiv = el), class: bodyClass }, this.showRedialButton && this.renderRedial()));
   }

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-const index$1 = require('./index-9aadeb94.js');
+const index$2 = require('./index-7790c794.js');
 const lodash = require('./lodash-a9050d79.js');
 const highcharts = require('./highcharts-874d9bd2.js');
 const _commonjsHelpers = require('./_commonjsHelpers-94df2ea7.js');
-const overlays = require('./overlays-e5d2ff76.js');
-require('./index-a1bbe627.js');
+const index$1 = require('./index-4cdf7949.js');
+require('./index-cb8276bc.js');
 
 function fixChartCategories(options) {
   var _a;
@@ -1426,7 +1426,7 @@ const YooChartComponent = class {
   async getSVG(width, height, x, y, margin = 0) {
     if (this.chart) {
       let svg = this.chart.getSVG({
-        chart: { width: width - margin, height: height - margin, borderWidth: 1, borderColor: '#ccc', marginTop: 50, backgroundColor: overlays.getCssColor('light') },
+        chart: { width: width - margin, height: height - margin, borderWidth: 1, borderColor: '#ccc', marginTop: 50, backgroundColor: index$1.getCssColor('light') },
         title: {
           text: this.definition.title,
           style: { color: '#000', fontSize: '13px' },
@@ -1465,7 +1465,7 @@ const YooChartComponent = class {
       const blob = new Blob([csv], {
         type
       });
-      overlays.FileSaver_min.saveAs(blob, filename + '.csv');
+      index$1.FileSaver_min.saveAs(blob, filename + '.csv');
     }
   }
   async resize() {
@@ -1489,10 +1489,10 @@ const YooChartComponent = class {
     this.renderChart();
     setTimeout(() => {
       if (this.chartContainer && !this.disableResize) {
-        this.resizeObserver = index$1.resizeObserve(this.chartContainer, (entries) => {
+        this.resizeObserver = index$2.resizeObserve(this.chartContainer, (entries) => {
           for (const entry of entries) {
             const { left, top, width, height } = entry.contentRect;
-            overlays.debounce(this.onChartResize.bind(this), CHART_ANIMATION_TIMEOUT)(entry.target, width, height, left, top, entry);
+            index$1.debounce(this.onChartResize.bind(this), CHART_ANIMATION_TIMEOUT)(entry.target, width, height, left, top, entry);
           }
         });
       }
@@ -1539,10 +1539,10 @@ const YooChartComponent = class {
     options = fixChartCategories(options);
     highcharts.highcharts.setOptions({
       lang: {
-        months: overlays.getMonths(),
-        shortMonths: overlays.getMonths().map((m) => m.substring(0, 3)),
-        weekdays: overlays.getWeekDays(),
-        shortWeekdays: overlays.getWeekDays().map((d) => d.substring(0, 3))
+        months: index$1.getMonths(),
+        shortMonths: index$1.getMonths().map((m) => m.substring(0, 3)),
+        weekdays: index$1.getWeekDays(),
+        shortWeekdays: index$1.getWeekDays().map((d) => d.substring(0, 3))
       },
       time: {
         timezoneOffset: new Date().getTimezoneOffset()
@@ -1550,7 +1550,7 @@ const YooChartComponent = class {
     });
     if (!this.isChartEmpty()) {
       options.title = { text: null };
-      if (overlays.isRTL()) {
+      if (index$1.isRTL()) {
         options.chart.style.direction = 'rtl';
         options.xAxis.reversed = true;
         options.yAxis.opposite = true;
@@ -1573,7 +1573,7 @@ const YooChartComponent = class {
       emptyState.type = 'chart';
       emptyState.style.height = this.emptyStateHeight || (((_c = this.definition) === null || _c === void 0 ? void 0 : _c.kpi) ? '4rem' : '6.25rem');
       const textElement = document.createElement('div');
-      textElement.innerHTML = overlays.translate('LISTEMPTY');
+      textElement.innerHTML = index$1.translate('LISTEMPTY');
       this.chartContainer.appendChild(emptyState);
       this.chartContainer.appendChild(textElement);
     }
@@ -1606,16 +1606,16 @@ const YooChartComponent = class {
   setupLegendListener(options) {
     options.plotOptions = options.plotOptions || {};
     options.plotOptions.series = options.plotOptions.series || {};
-    options.plotOptions.series.animation = !this.disableAnimation && !overlays.isChromatic();
+    options.plotOptions.series.animation = !this.disableAnimation && !index$1.isChromatic();
     options.chart = options.chart || {};
-    options.chart.animation = !this.disableAnimation && !overlays.isChromatic();
+    options.chart.animation = !this.disableAnimation && !index$1.isChromatic();
     options.exporting = options.exporting || {};
     options.exporting.enabled = false;
     options.exporting.showTable = options.exporting.showTable !== false; // this.definition?.showTable !== false;
     options.exporting.allowHTML = options.exporting.allowHTML !== false; // this.definition?.showTable !== false;
     options.exporting.tableCaption = false;
     const chartCmp = this;
-    if (overlays.isIonic(this.host)) {
+    if (index$1.isIonic(this.host)) {
       options.plotOptions.series.point = {
         cursor: 'pointer',
         events: {
@@ -1680,8 +1680,8 @@ const YooChartComponent = class {
       if (e.type === 'exportData') {
         e.dataRows.forEach((row, idx) => {
           var _a;
-          if (idx > 1 && overlays.dateIsValid(row[0]) && ((_a = row[0]) === null || _a === void 0 ? void 0 : _a.length) >= 10) {
-            row[0] = overlays.dateFormat(row[0], 'L LT');
+          if (idx > 1 && index$1.dateIsValid(row[0]) && ((_a = row[0]) === null || _a === void 0 ? void 0 : _a.length) >= 10) {
+            row[0] = index$1.dateFormat(row[0], 'L LT');
           }
         });
       }

package/dist/cjs/yoo-chat-message-dialog.cjs.entry.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const chatHelpers = require('./chat-helpers-369984b9.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-7790c794.js');
+const chatHelpers = require('./chat-helpers-f4c72363.js');
+const index$1 = require('./index-4cdf7949.js');
 require('./lodash-a9050d79.js');
-require('./index-a1bbe627.js');
+require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.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%)}";
@@ -30,15 +30,15 @@ const YooChatMessageDialogComponent = class {
     }
   }
   renderHeader() {
-    return index.h("yoo-header", null, index.h("yoo-navbar", null, index.h("yoo-items", { slot: "start" }, index.h("yoo-button", { color: "text-color", rippleType: "unbounded", fill: "transparent", shape: "circular", onClick: () => overlays.closeModal(null) }, index.h("yoo-icon", { name: "close" }))), index.h("yoo-truncated-line", { content: overlays.translate(this.heading), withTooltip: false })));
+    return index.h("yoo-header", null, index.h("yoo-navbar", null, index.h("yoo-items", { slot: "start" }, index.h("yoo-button", { color: "text-color", rippleType: "unbounded", fill: "transparent", shape: "circular", onClick: () => index$1.closeModal(null) }, index.h("yoo-icon", { name: "close" }))), index.h("yoo-truncated-line", { content: index$1.translate(this.heading), withTooltip: false })));
   }
   renderRow(item) {
     const { readTime, receivedBy } = item || {};
     const user = (receivedBy || item);
-    const timetoken = overlays.parseLongIntoDate(readTime);
+    const timetoken = index$1.parseLongIntoDate(readTime);
     return [
-      user && (index.h("div", null, index.h("yoo-avatar", { size: "small", user: user }), index.h("span", { class: "username" }, overlays.getUserDisplayName(user)))),
-      timetoken && index.h("span", null, overlays.dateFormat(timetoken, ['DD/MM/YYYY', chatHelpers.getDateFormats().single].join(' ')))
+      user && (index.h("div", null, index.h("yoo-avatar", { size: "small", user: user }), index.h("span", { class: "username" }, index$1.getUserDisplayName(user)))),
+      timetoken && index.h("span", null, index$1.dateFormat(timetoken, ['DD/MM/YYYY', chatHelpers.getDateFormats().single].join(' ')))
     ];
   }
   renderEmptyState() {
@@ -69,13 +69,13 @@ const YooChatMessageDialogComponent = class {
   }
   renderPreview() {
     var _a;
-    return (index.h("section", { class: "preview" }, ((_a = this.message) === null || _a === void 0 ? void 0 : _a.time) && index.h("div", { class: "time-title" }, overlays.dateFormat(this.message.time, chatHelpers.getDateFormats().grouped)), index.h("yoo-chat-message", { ref: (el) => this.chatMessageElement = el, hasOptions: true, preventDetailView: true, message: this.message, receivedByOthers: this.receivedByOthers })));
+    return (index.h("section", { class: "preview" }, ((_a = this.message) === null || _a === void 0 ? void 0 : _a.time) && index.h("div", { class: "time-title" }, index$1.dateFormat(this.message.time, chatHelpers.getDateFormats().grouped)), index.h("yoo-chat-message", { ref: (el) => this.chatMessageElement = el, hasOptions: true, preventDetailView: true, message: this.message, receivedByOthers: this.receivedByOthers })));
   }
   renderAcknowledgement(type, time) {
     var _a;
     const isRead = type === 'read';
-    const timetoken = overlays.parseLongIntoDate(time) || ((_a = this.message) === null || _a === void 0 ? void 0 : _a.time);
-    return (index.h("section", { class: { [type]: true } }, index.h("div", null, index.h("yoo-icon", { size: "small", name: "double-tick", color: isRead ? 'app-color' : 'stable' }), index.h("span", null, overlays.translate(isRead ? 'YOOBICREAD' : 'DELIVERED'))), timetoken && index.h("span", null, overlays.dateFormat(timetoken, ['DD/MM/YYYY', chatHelpers.getDateFormats().single].join(' ')))));
+    const timetoken = index$1.parseLongIntoDate(time) || ((_a = this.message) === null || _a === void 0 ? void 0 : _a.time);
+    return (index.h("section", { class: { [type]: true } }, index.h("div", null, index.h("yoo-icon", { size: "small", name: "double-tick", color: isRead ? 'app-color' : 'stable' }), index.h("span", null, index$1.translate(isRead ? 'YOOBICREAD' : 'DELIVERED'))), timetoken && index.h("span", null, index$1.dateFormat(timetoken, ['DD/MM/YYYY', chatHelpers.getDateFormats().single].join(' ')))));
   }
   render() {
     return index.h(index.Host, null, index.h("div", { class: "outer-container" }, this.renderHeader(), this.renderPreview(), this.renderAcknowledgements(), this.isMultiple && this.renderTabsContent()));

package/dist/cjs/yoo-chat-message-preview.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-const index$1 = require('./index-a1bbe627.js');
-require('./index-9aadeb94.js');
-const chatHelpers = require('./chat-helpers-369984b9.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const index$1 = require('./index-cb8276bc.js');
+require('./index-7790c794.js');
+const chatHelpers = require('./chat-helpers-f4c72363.js');
+const index$2 = require('./index-4cdf7949.js');
 require('./lodash-a9050d79.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -30,12 +30,12 @@ const YooChatMessagePreviewComponent = class {
     var _a, _b, _c, _d, _e;
     switch ((_a = this.message) === null || _a === void 0 ? void 0 : _a.type) {
       case index$1.MessageType.texturlpreview: {
-        const { links } = overlays.replaceAndGetAllLinks((_b = this.message) === null || _b === void 0 ? void 0 : _b.content);
+        const { links } = index$2.replaceAndGetAllLinks((_b = this.message) === null || _b === void 0 ? void 0 : _b.content);
         links.length && (this.linkPreviews = links.map(link => ({ url: link })));
         break;
       }
       case index$1.MessageType.audio:
-        this.message.options.duration = ((_d = (_c = this.message) === null || _c === void 0 ? void 0 : _c.options) === null || _d === void 0 ? void 0 : _d.duration) || await overlays.getAudioDuration((_e = this.message) === null || _e === void 0 ? void 0 : _e.payload);
+        this.message.options.duration = ((_d = (_c = this.message) === null || _c === void 0 ? void 0 : _c.options) === null || _d === void 0 ? void 0 : _d.duration) || await index$2.getAudioDuration((_e = this.message) === null || _e === void 0 ? void 0 : _e.payload);
         break;
       default:
         break;
@@ -65,7 +65,7 @@ const YooChatMessagePreviewComponent = class {
   }
   get isMessageTypeMedia() {
     const { type } = this.message || {};
-    return overlays.isChatMessageTypeMedia(type) || type === index$1.MessageType.document || type === index$1.MessageType.texturlpreview;
+    return index$2.isChatMessageTypeMedia(type) || type === index$1.MessageType.document || type === index$1.MessageType.texturlpreview;
   }
   close() {
     const ANIMATION_TIME = 200;
@@ -88,10 +88,10 @@ const YooChatMessagePreviewComponent = class {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     return [
       index.h("yoo-icon", { name: this.getMediaIcon(type), color: !this.isInputBarMode ? 'app-color' : 'stable', size: "small" }),
-      (type === index$1.MessageType.photo) && overlays.translate('YOOBIC' + ((_b = (_a = this.message) === null || _a === void 0 ? void 0 : _a.type) === null || _b === void 0 ? void 0 : _b.toUpperCase())),
-      (type === index$1.MessageType.video) && overlays.translate((_d = (_c = this.message) === null || _c === void 0 ? void 0 : _c.type) === null || _d === void 0 ? void 0 : _d.toUpperCase()),
-      type === index$1.MessageType.audio && (overlays.pipes.timer.transform(Math.round((_f = (_e = this.message) === null || _e === void 0 ? void 0 : _e.options) === null || _f === void 0 ? void 0 : _f.duration)).substr(3)),
-      type === index$1.MessageType.document && index.h("yoo-truncate", null, ((_h = (_g = this.message) === null || _g === void 0 ? void 0 : _g.payload) === null || _h === void 0 ? void 0 : _h._filename) || overlays.translate('YOOBICDOCUMENT')),
+      (type === index$1.MessageType.photo) && index$2.translate('YOOBIC' + ((_b = (_a = this.message) === null || _a === void 0 ? void 0 : _a.type) === null || _b === void 0 ? void 0 : _b.toUpperCase())),
+      (type === index$1.MessageType.video) && index$2.translate((_d = (_c = this.message) === null || _c === void 0 ? void 0 : _c.type) === null || _d === void 0 ? void 0 : _d.toUpperCase()),
+      type === index$1.MessageType.audio && (index$2.pipes.timer.transform(Math.round((_f = (_e = this.message) === null || _e === void 0 ? void 0 : _e.options) === null || _f === void 0 ? void 0 : _f.duration)).substr(3)),
+      type === index$1.MessageType.document && index.h("yoo-truncate", null, ((_h = (_g = this.message) === null || _g === void 0 ? void 0 : _g.payload) === null || _h === void 0 ? void 0 : _h._filename) || index$2.translate('YOOBICDOCUMENT')),
       type === index$1.MessageType.texturlpreview && index.h("yoo-truncate", null, index.h("yoo-text", { content: (_j = this.message) === null || _j === void 0 ? void 0 : _j.content, extraConversion: (host) => chatHelpers.convertTags(host, { textColor: 'app-color' }) }))
     ];
   }
@@ -106,7 +106,7 @@ const YooChatMessagePreviewComponent = class {
     return (index.h("yoo-links-preview", { links: [(_a = this.linkPreviews) === null || _a === void 0 ? void 0 : _a[0]], showErrors: false, showLinks: false, showDescription: false }));
   }
   renderVideoPreview(source) {
-    overlays.isFile(source) && (source = URL.createObjectURL(source._downloadURL));
+    index$2.isFile(source) && (source = URL.createObjectURL(source._downloadURL));
     return (index.h("yoo-videoplayer-core", { class: { 'round': this.mode === 'sent' }, blockControlAndAutoPlayOnTap: true, readonly: true, videoPlayerCoreParameters: {
         controls: false,
         cover: true,
@@ -120,7 +120,7 @@ const YooChatMessagePreviewComponent = class {
       } }));
   }
   renderUser(user, isAlternate) {
-    return index.h("section", { id: "user" }, index.h("yoo-avatar", { size: "extra-small", user: user }), index.h("span", null, isAlternate ? overlays.translate('YOOBICME') : overlays.getUserDisplayName(user)));
+    return index.h("section", { id: "user" }, index.h("yoo-avatar", { size: "extra-small", user: user }), index.h("span", null, isAlternate ? index$2.translate('YOOBICME') : index$2.getUserDisplayName(user)));
   }
   renderContent(type, content) {
     return index.h("section", { id: "content" }, this.isMessageTypeMedia ? this.renderMedia(type) : this.renderText(content));

package/dist/cjs/yoo-chat-message.cjs.entry.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-const index$1 = require('./index-a1bbe627.js');
-require('./index-9aadeb94.js');
+const index$1 = require('./index-cb8276bc.js');
+require('./index-7790c794.js');
 const lodash = require('./lodash-a9050d79.js');
-const index$2 = require('./index-3a588f52.js');
-const chatHelpers = require('./chat-helpers-369984b9.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const index$3 = require('./index-7f9a420b.js');
+const chatHelpers = require('./chat-helpers-f4c72363.js');
+const index$2 = require('./index-4cdf7949.js');
 require('./_commonjsHelpers-94df2ea7.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) .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]){--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]) .message{position:relative}:host([animation=loading]) .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]) .message .dot,:host([animation=loading]) .message .dot::before,:host([animation=loading]) .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]) .message .dot::before,:host([animation=loading]) .message .dot::after{position:absolute;top:0;display:inline-block;content:\"\"}:host([animation=loading]) .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]) .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]) .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}}";
@@ -38,21 +38,21 @@ const YooChatMessageComponent = class {
   }
   get isDocument() {
     var _a;
-    return overlays.isDocument(this.mediaUrl) || ((_a = this.message) === null || _a === void 0 ? void 0 : _a.type) === index$1.MessageType.document;
+    return index$2.isDocument(this.mediaUrl) || ((_a = this.message) === null || _a === void 0 ? void 0 : _a.type) === index$1.MessageType.document;
   }
   get isAudio() {
     var _a;
-    return !this.isDocument && overlays.isAudio(this.mediaUrl) || ((_a = this.message) === null || _a === void 0 ? void 0 : _a.type) === index$1.MessageType.audio;
+    return !this.isDocument && index$2.isAudio(this.mediaUrl) || ((_a = this.message) === null || _a === void 0 ? void 0 : _a.type) === index$1.MessageType.audio;
   }
   get isVideo() {
     var _a, _b;
-    return !this.isDocument && !this.isAudio && ((overlays.isVideo(this.mediaUrl) || (!overlays.isNativeMobile() && ((_a = this.mediaUrl) === null || _a === void 0 ? void 0 : _a.startsWith('blob:')))) || ((_b = this.message) === null || _b === void 0 ? void 0 : _b.type) === index$1.MessageType.video);
+    return !this.isDocument && !this.isAudio && ((index$2.isVideo(this.mediaUrl) || (!index$2.isNativeMobile() && ((_a = this.mediaUrl) === null || _a === void 0 ? void 0 : _a.startsWith('blob:')))) || ((_b = this.message) === null || _b === void 0 ? void 0 : _b.type) === index$1.MessageType.video);
   }
   get isImage() {
-    return !this.isDocument && !this.isVideo && !this.isAudio && (overlays.isImage(this.mediaUrl) || overlays.isUnsplashUrl(this.mediaUrl) || overlays.isBase64(this.mediaUrl));
+    return !this.isDocument && !this.isVideo && !this.isAudio && (index$2.isImage(this.mediaUrl) || index$2.isUnsplashUrl(this.mediaUrl) || index$2.isBase64(this.mediaUrl));
   }
   get isTiffImage() {
-    return overlays.getExtension(this.mediaUrl).includes('tif');
+    return index$2.getExtension(this.mediaUrl).includes('tif');
   }
   get mediaUrl() {
     var _a;
@@ -93,7 +93,7 @@ const YooChatMessageComponent = class {
     var _a;
     const { isAlternate, author, sender_id } = this.message || {};
     const messageAuthorId = (author === null || author === void 0 ? void 0 : author._id) || sender_id;
-    return isAlternate !== null && isAlternate !== void 0 ? isAlternate : (messageAuthorId === ((_a = overlays.getSession().user) === null || _a === void 0 ? void 0 : _a._id));
+    return isAlternate !== null && isAlternate !== void 0 ? isAlternate : (messageAuthorId === ((_a = index$2.getSession().user) === null || _a === void 0 ? void 0 : _a._id));
   }
   async initMessage() {
     this.shouldRender = true;
@@ -129,17 +129,17 @@ const YooChatMessageComponent = class {
     !!this.mediaUrl && !this.mediaSize && await this.prepareMessage();
   }
   assignPressActions() {
-    index$2.assignPressActions(this.containerElement, { lockAssignPress: this.lockAssignPress }, (event) => this.presshold.emit({ message: this.message, event }), 600);
+    index$3.assignPressActions(this.containerElement, { lockAssignPress: this.lockAssignPress }, (event) => this.presshold.emit({ message: this.message, event }), 600);
   }
   async prepareMessage() {
     const { type, content, options } = this.message || {};
     const { dimensionData } = options || {};
     if (type === index$1.MessageType.texturlpreview) {
-      const { links } = overlays.replaceAndGetAllLinks(content);
+      const { links } = index$2.replaceAndGetAllLinks(content);
       this.linkPreviews = (links === null || links === void 0 ? void 0 : links.map(link => ({ url: link }))) || [];
     }
     if (this.isVideo) {
-      overlays.getResizedImageSize({
+      index$2.getResizedImageSize({
         imgSize: dimensionData || await this.getVideoDimensions(),
         maxWidth: this.maxWidth
       }).then((dimensions) => {
@@ -150,7 +150,7 @@ const YooChatMessageComponent = class {
     }
     if (this.isImage) {
       const imgOptions = { ...(dimensionData ? { imgSize: dimensionData } : { src: this.mediaUrl }) };
-      overlays.getResizedImageSize({
+      index$2.getResizedImageSize({
         ...imgOptions,
         maxWidth: this.maxWidth
       }).then((dimensions) => {
@@ -166,7 +166,7 @@ const YooChatMessageComponent = class {
     video.src = this.mediaUrl;
     video.muted = true;
     video.load();
-    if (overlays.isNativeMobile() && overlays.isIOS()) {
+    if (index$2.isNativeMobile() && index$2.isIOS()) {
       return Promise.resolve(DEFAULT_VIDEO_DIMENSIONS);
     }
     return new Promise((resolve) => {
@@ -187,7 +187,7 @@ const YooChatMessageComponent = class {
   onStatusClicked(ev) {
     if (!this.preventDetailView) {
       ev.stopPropagation();
-      overlays.showMessageInfoDialog(this.message, this.allUsers, this.host, this.isGroup, this.receivedByOthers);
+      index$2.showMessageInfoDialog(this.message, this.allUsers, this.host, this.isGroup, this.receivedByOthers);
     }
   }
   renderConferenceMessage() {
@@ -204,7 +204,7 @@ const YooChatMessageComponent = class {
     var _a;
     const { firstName, lastName } = ((_a = this.message) === null || _a === void 0 ? void 0 : _a.author) || {};
     const shouldDisplayUsername = !!(this.isGroup && !this.isMe && firstName && lastName);
-    return shouldDisplayUsername && index.h("section", { class: "username", onClick: () => { var _a; return this.usernameClicked.emit((_a = this.message) === null || _a === void 0 ? void 0 : _a.author); } }, shouldDisplayUsername ? `${firstName} ${lastName}` : overlays.translate('USERDEACTIVATED'));
+    return shouldDisplayUsername && index.h("section", { class: "username", onClick: () => { var _a; return this.usernameClicked.emit((_a = this.message) === null || _a === void 0 ? void 0 : _a.author); } }, shouldDisplayUsername ? `${firstName} ${lastName}` : index$2.translate('USERDEACTIVATED'));
   }
   renderVideo() {
     var _a;
@@ -213,7 +213,7 @@ const YooChatMessageComponent = class {
         cover: true,
         preload: this.preventVideoPreloading ? 'none' : 'auto',
         preventAutoResume: true,
-        source: overlays.isFile((_a = this.message) === null || _a === void 0 ? void 0 : _a.payload) ? URL.createObjectURL(this.message.payload._downloadURL) : this.mediaUrl
+        source: index$2.isFile((_a = this.message) === null || _a === void 0 ? void 0 : _a.payload) ? URL.createObjectURL(this.message.payload._downloadURL) : this.mediaUrl
       }, onClick: (ev) => this.onClickMessageContent(ev) }));
   }
   renderImage() {
@@ -222,13 +222,13 @@ const YooChatMessageComponent = class {
       index.h("yoo-img", { style: this.mediaPreviewDimensions, onClick: (ev) => this.onClickMessageContent(ev), ...(!this.isTiffImage && {
           cloudinaryOptions: this.mediaSize
         }), ignoreWidth: true, ignoreHeight: true, src: this.mediaUrl }),
-      overlays.isPhotoEdited((_b = (_a = this.message) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.annotationData) && index.h("yoo-tag", { icon: "pen", size: "small", color: "dark-40", iconOnlyColor: "light" })
+      index$2.isPhotoEdited((_b = (_a = this.message) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.annotationData) && index.h("yoo-tag", { icon: "pen", size: "small", color: "dark-40", iconOnlyColor: "light" })
     ];
   }
   renderBasicMessage() {
     const { mentions, content } = this.message || {};
     const textColor = this.isMe ? 'light' : 'app-color';
-    return index.h("section", { id: "text", ...(overlays.isRichContentMessage(this.message) || this.mediaUrl) && { 'is-between': true }, class: "content" }, !this.isReply && !this.hasPreviewLinks && this.renderMoreOptions(), index.h("yoo-text", { content: content, extraConversion: (host) => chatHelpers.convertTags(host, { mentions, textColor }) }));
+    return index.h("section", { id: "text", ...(index$2.isRichContentMessage(this.message) || this.mediaUrl) && { 'is-between': true }, class: "content" }, !this.isReply && !this.hasPreviewLinks && this.renderMoreOptions(), index.h("yoo-text", { content: content, extraConversion: (host) => chatHelpers.convertTags(host, { mentions, textColor }) }));
   }
   renderAudio() {
     return (index.h("yoo-audio-player", { boost: 100, src: this.mediaUrl }));
@@ -236,22 +236,22 @@ const YooChatMessageComponent = class {
   renderDocument() {
     var _a;
     const document = (_a = this.message) === null || _a === void 0 ? void 0 : _a.payload;
-    return index.h("yoo-form-document", { class: { 'transparent-light': this.isReply && this.isMe, 'transparent-dark': this.isReply && !this.isMe }, document: document, showActionSheet: overlays.isNativeMobile() && overlays.isPdf(document), readonly: true });
+    return index.h("yoo-form-document", { class: { 'transparent-light': this.isReply && this.isMe, 'transparent-dark': this.isReply && !this.isMe }, document: document, showActionSheet: index$2.isNativeMobile() && index$2.isPdf(document), readonly: true });
   }
   renderMedia() {
-    return (overlays.isRichContentMessage(this.message) || this.mediaUrl) && (index.h("section", { id: "medias", class: "content" }, !this.isReply && !this.hasPreviewLinks && this.renderMoreOptions(), this.isDocument && this.renderDocument(), this.isAudio && this.renderAudio(), this.isVideo && this.renderVideo(), this.isImage && this.renderImage()));
+    return (index$2.isRichContentMessage(this.message) || this.mediaUrl) && (index.h("section", { id: "medias", class: "content" }, !this.isReply && !this.hasPreviewLinks && this.renderMoreOptions(), this.isDocument && this.renderDocument(), this.isAudio && this.renderAudio(), this.isVideo && this.renderVideo(), this.isImage && this.renderImage()));
   }
   renderText() {
     var _a;
     return ((_a = this.message) === null || _a === void 0 ? void 0 : _a.content) && [
       this.animation === 'loading' && index.h("span", { class: "dot" }),
-      this.isConferenceMessage && !overlays.isNativeMobile() ? this.renderConferenceMessage() : this.renderBasicMessage()
+      this.isConferenceMessage && !index$2.isNativeMobile() ? this.renderConferenceMessage() : this.renderBasicMessage()
     ];
   }
   renderStatus() {
     var _a, _b, _c;
     const { sentButNotPropagated } = ((_a = this.message) === null || _a === void 0 ? void 0 : _a.options) || {};
-    return ((_b = this.message) === null || _b === void 0 ? void 0 : _b.timetoken) >= 0 && (index.h("section", { id: "status", onClick: (ev) => this.onStatusClicked(ev) }, index.h("span", null, overlays.dateFormat((_c = this.message) === null || _c === void 0 ? void 0 : _c.time, chatHelpers.getDateFormats(new Date(this.message.timetoken)).single)), this.isMe &&
+    return ((_b = this.message) === null || _b === void 0 ? void 0 : _b.timetoken) >= 0 && (index.h("section", { id: "status", onClick: (ev) => this.onStatusClicked(ev) }, index.h("span", null, index$2.dateFormat((_c = this.message) === null || _c === void 0 ? void 0 : _c.time, chatHelpers.getDateFormats(new Date(this.message.timetoken)).single)), this.isMe &&
       index.h("yoo-icon", { color: sentButNotPropagated || !this.receivedByOthers ? 'stable' : 'app-color', name: sentButNotPropagated ? 'tick' : 'double-tick', size: "small" })));
   }
   renderReplyPreview() {