@yoobic/yobi 7.7.80 → 7.7.84

package/dist/cjs/{grid-renderers-5830bf4a.js → grid-renderers-f5edc87d.js}

@@ -184,11 +184,15 @@ function booleanRenderer(params) {
   return '';
 }
 function translateRenderer(params) {
+  var _a;
   const value = params.value;
   if (value && value.toUpperCase) {
     return rrule.translateMulti(value.toUpperCase());
   }
-  return value;
+  else if ((value === null || value === void 0 ? void 0 : value.value) && ((_a = value === null || value === void 0 ? void 0 : value.value) === null || _a === void 0 ? void 0 : _a.toUpperCase)) {
+    return rrule.translateMulti(value.value.toUpperCase());
+  }
+  return '';
 }
 function keyTranslateRenderer(params) {
   const value = params.value;

package/dist/cjs/yoo-action-sheet-controller_15.cjs.entry.js

@@ -28,7 +28,7 @@ const isString = require('./isString-ecd0cbf4.js');
 const _createAggregator = require('./_createAggregator-c627b114.js');
 const get = require('./get-91c14783.js');
 const formInputHelpers = require('./form-input-helpers-9e98c0e6.js');
-const gridRenderers = require('./grid-renderers-5830bf4a.js');
+const gridRenderers = require('./grid-renderers-f5edc87d.js');
 const localForage = require('./localForage-82b6f557.js');
 const dimensionsHelpers = require('./dimensions-helpers-54685523.js');
 require('./isUndefined-8f9cfd10.js');
@@ -1022,7 +1022,7 @@ const YooEntityComponent = class {
     return null;
   }
   renderCardList(extraClasses) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12;
     let entry = {};
     if (this.entityType === 'missions' || (this.entityType === 'missiondatas' && ((_b = (_a = this.item) === null || _a === void 0 ? void 0 : _a.mission) === null || _b === void 0 ? void 0 : _b.type) === 'kanban')) {
       let mission = this.item;
@@ -1300,7 +1300,8 @@ const YooEntityComponent = class {
         avatarFrame: file.imgSrc ? 'rounded-square' : 'square',
         avatarSize: this.isAutocompleteSelected() && this.item.avatarSize ? this.item.avatarSize : 'large',
         allowCustomHtml: true,
-        subheadings: this.isAutocompleteSelected() ? null : rrule.compact([directory + pipe.pipes.fileSize.transform(file.size), (file.highlight || []).join(', ')]) // , //, file.mimeType
+        forceTextHeading: ((_s = file === null || file === void 0 ? void 0 : file.highlight) === null || _s === void 0 ? void 0 : _s.length) > 0,
+        subheadings: this.isAutocompleteSelected() ? null : rrule.compact([directory + pipe.pipes.fileSize.transform(file.size), ...(file.highlight || [])]) // , //, file.mimeType
         // badges: [{ iconLeft: getIcon(file), cssClass: 'tag small round dark' }]
       };
     }
@@ -1414,15 +1415,15 @@ const YooEntityComponent = class {
     }
     else if (this.entityType === 'language') {
       entry = {
-        heading: ((_s = this.item) === null || _s === void 0 ? void 0 : _s._id) ? rrule.translate(this.item._id.toUpperCase()) : rrule.translate(this.item.toUpperCase()),
-        flag: this.host.classList.contains('hide-icon') ? null : ((_t = this.item) === null || _t === void 0 ? void 0 : _t._id) ? rrule.getLanguageFlag(this.item._id) : rrule.getLanguageFlag(this.item)
+        heading: ((_t = this.item) === null || _t === void 0 ? void 0 : _t._id) ? rrule.translate(this.item._id.toUpperCase()) : rrule.translate(this.item.toUpperCase()),
+        flag: this.host.classList.contains('hide-icon') ? null : ((_u = this.item) === null || _u === void 0 ? void 0 : _u._id) ? rrule.getLanguageFlag(this.item._id) : rrule.getLanguageFlag(this.item)
       };
     }
     else if (this.entityType === 'waitlistvisit') {
       const visit = this.item;
       const tagElements = operationHelpers.getWaitlistVisitTags(visit);
       entry = {
-        heading: ((_u = visit.name) === null || _u === void 0 ? void 0 : _u.startsWith('NOINFO')) ? rrule.translate('NOINFO') : visit.name,
+        heading: ((_v = visit.name) === null || _v === void 0 ? void 0 : _v.startsWith('NOINFO')) ? rrule.translate('NOINFO') : visit.name,
         tagElements
       };
       if (!rrule.isWeb(this.host)) {
@@ -1437,7 +1438,7 @@ const YooEntityComponent = class {
     else if (this.entityType === 'waitlistcustomer') {
       const customer = this.item;
       entry = {
-        heading: ((_v = customer.name) === null || _v === void 0 ? void 0 : _v.startsWith('NOINFO')) ? rrule.translate('NOINFO') : customer.name,
+        heading: ((_w = customer.name) === null || _w === void 0 ? void 0 : _w.startsWith('NOINFO')) ? rrule.translate('NOINFO') : customer.name,
         subheadings: rrule.compact([customer.phone, customer.email])
       };
     }
@@ -1540,7 +1541,7 @@ const YooEntityComponent = class {
         subheadings: this.isAutocompleteSelected() ? null : group.description ? [group.description] : null,
         iconText: group.title || group.name || group._id,
         heading: group.title || group.name || group._id,
-        imgSrc: (_w = group.icon) === null || _w === void 0 ? void 0 : _w._downloadURL
+        imgSrc: (_x = group.icon) === null || _x === void 0 ? void 0 : _x._downloadURL
       };
       entry.subheadings = group.subheadings || entry.subheadings;
     }
@@ -1550,7 +1551,7 @@ const YooEntityComponent = class {
         avatarSize: this.isAutocompleteSelected() && this.item.avatarSize ? this.item.avatarSize : 'medium',
         iconText: tenant.title || tenant.name,
         heading: (tenant.title || tenant.name || '').toUpperCase(),
-        imgSrc: (_x = tenant.icon) === null || _x === void 0 ? void 0 : _x._downloadURL,
+        imgSrc: (_y = tenant.icon) === null || _y === void 0 ? void 0 : _y._downloadURL,
         subheadings: this.isAutocompleteSelected() ? null : rrule.compact([tenant.description])
       };
     }
@@ -1561,7 +1562,7 @@ const YooEntityComponent = class {
         avatarFrame: 'square',
         iconText: model.title || model.name,
         heading: model.title || model.name,
-        imgSrc: ((_y = model.background) === null || _y === void 0 ? void 0 : _y._downloadURL) || model.background,
+        imgSrc: ((_z = model.background) === null || _z === void 0 ? void 0 : _z._downloadURL) || model.background,
         subheadings: this.isAutocompleteSelected() ? null : rrule.compact([model.shortDescription])
       };
     }
@@ -1628,7 +1629,7 @@ const YooEntityComponent = class {
     else if (this.entityType === 'violetproducts') {
       const product = this.item;
       let subheadings = [product.description];
-      if (((_z = this.item.offers) === null || _z === void 0 ? void 0 : _z.length) && ((_0 = this.item.offers[0].skus) === null || _0 === void 0 ? void 0 : _0.length) && ((_1 = this.item.offers[0].skus[0]) === null || _1 === void 0 ? void 0 : _1.sale_price)) {
+      if (((_0 = this.item.offers) === null || _0 === void 0 ? void 0 : _0.length) && ((_1 = this.item.offers[0].skus) === null || _1 === void 0 ? void 0 : _1.length) && ((_2 = this.item.offers[0].skus[0]) === null || _2 === void 0 ? void 0 : _2.sale_price)) {
         subheadings = [pipe.pipes.currency.transform(this.item.offers[0].skus[0].sale_price / 100, false, this.item.offers[0].skus[0].currency, true)];
       }
       if (!product.available) {
@@ -1657,7 +1658,7 @@ const YooEntityComponent = class {
       };
     }
     else if (this.entityType === 'violetbasketitems') {
-      const sku = (_2 = this.item) === null || _2 === void 0 ? void 0 : _2.sku;
+      const sku = (_3 = this.item) === null || _3 === void 0 ? void 0 : _3.sku;
       const price = (sku.sale_price * (this.item.quantity || 1)) / 100;
       const subheadings = [pipe.pipes.currency.transform(price, false, sku.currency, true)];
       entry = {
@@ -1727,9 +1728,9 @@ const YooEntityComponent = class {
         subheadings: [
           productBatch.product ? productBatch.product.reference : '',
           ...(rrule.getSession().user && rrule.getSession().user.locationRef === productBatch.locationRef
-            ? rrule.compact([((_3 = this.extraClass) === null || _3 === void 0 ? void 0 : _3.indexOf('show-aisle')) >= 0 && productBatch.aisle ? productBatch.aisle.title : null])
+            ? rrule.compact([((_4 = this.extraClass) === null || _4 === void 0 ? void 0 : _4.indexOf('show-aisle')) >= 0 && productBatch.aisle ? productBatch.aisle.title : null])
             : productBatch.location && productBatch.location.title
-              ? [productBatch.location.title + ' - ' + (((_4 = productBatch.aisle) === null || _4 === void 0 ? void 0 : _4.title) || '')]
+              ? [productBatch.location.title + ' - ' + (((_5 = productBatch.aisle) === null || _5 === void 0 ? void 0 : _5.title) || '')]
               : [])
         ],
         tags: productBatch.tags,
@@ -1773,7 +1774,7 @@ const YooEntityComponent = class {
         heading: product.title,
         subheadings,
         date: rrule.isPresent(this.item.description) ? this.item.description : null,
-        imgSrc: ((_5 = product === null || product === void 0 ? void 0 : product.image) === null || _5 === void 0 ? void 0 : _5._downloadURL) ? product.image._downloadURL : null,
+        imgSrc: ((_6 = product === null || product === void 0 ? void 0 : product.image) === null || _6 === void 0 ? void 0 : _6._downloadURL) ? product.image._downloadURL : null,
         avatarFrame: 'square',
         // keep it explicit here to prevent to be overwritten by the autocomplete, with which the card-list is used in combination with, and that changes the size of the avatar to 'small' when only one product is selected
         // this case is described into the form-entity-value-pairs.spec tests
@@ -2057,7 +2058,7 @@ const YooEntityComponent = class {
         avatarFrame: 'square'
       };
     }
-    else if (this.entityType !== 'tag' && ((_7 = (_6 = this.customModel) === null || _6 === void 0 ? void 0 : _6.appearance) === null || _7 === void 0 ? void 0 : _7.size)) {
+    else if (this.entityType !== 'tag' && ((_8 = (_7 = this.customModel) === null || _7 === void 0 ? void 0 : _7.appearance) === null || _8 === void 0 ? void 0 : _8.size)) {
       entry = {};
       this.customModel.appearance.forEach((value, key) => {
         if (key === 'displayTypes') {
@@ -2098,7 +2099,7 @@ const YooEntityComponent = class {
     else if (this.entityType === 'tiles') {
       const tile = this.item;
       entry = {
-        heading: tile.title || ((_8 = tile.page) === null || _8 === void 0 ? void 0 : _8.name),
+        heading: tile.title || ((_9 = tile.page) === null || _9 === void 0 ? void 0 : _9.name),
         imgSrc: tile.photo,
         icon: tile.icon,
         subheadings: rrule.compact([]),
@@ -2209,7 +2210,7 @@ const YooEntityComponent = class {
       !this.isAutocompleteSelected() &&
       !this.hideUIFields &&
       this.customModel &&
-      ((_10 = (_9 = this.customModel.formFields) === null || _9 === void 0 ? void 0 : _9.filter((f) => f.showInCard)) === null || _10 === void 0 ? void 0 : _10.length) > 0) {
+      ((_11 = (_10 = this.customModel.formFields) === null || _10 === void 0 ? void 0 : _10.filter((f) => f.showInCard)) === null || _11 === void 0 ? void 0 : _11.length) > 0) {
       entry.uiFields = {
         fields: this.customModel.formFields.filter((f) => f.showInCard),
         data: this.item
@@ -2270,7 +2271,7 @@ const YooEntityComponent = class {
           [extraClasses]: true,
           [this.entityType]: this.entityType !== undefined,
           'form-permission': this.host.classList.contains('form-permission')
-        } }, ((_11 = this.inlineActions) === null || _11 === void 0 ? void 0 : _11.length) > 0 && (index.h("span", { class: "slot-container", slot: "content-slot" }, this.inlineActions.map((action) => {
+        } }, ((_12 = this.inlineActions) === null || _12 === void 0 ? void 0 : _12.length) > 0 && (index.h("span", { class: "slot-container", slot: "content-slot" }, this.inlineActions.map((action) => {
         return (index.h("span", { class: action.cssClass, onClick: () => (action.handler ? action.handler(this.item) : null) }, action.text));
       })))));
     }
@@ -2592,7 +2593,7 @@ const YooEntityComponent = class {
 };
 YooEntityComponent.style = entityCss;
 
-const formAutocompleteCss = ":root{--ease-in-back:cubic-bezier(0.36, 0, 0.66, -0.56);--ease-in-circ:cubic-bezier(0.55, 0, 1, 0.45);--ease-in-cubic:cubic-bezier(0.32, 0, 0.67, 0);--ease-in-expo:cubic-bezier(0.7, 0, 0.84, 0);--ease-in-quad:cubic-bezier(0.11, 0, 0.5, 0);--ease-in-quart:cubic-bezier(0.5, 0, 0.75, 0);--ease-in-quint:cubic-bezier(0.64, 0, 0.78, 0);--ease-in-sine:cubic-bezier(0.12, 0, 0.39, 0);--ease-out-back:cubic-bezier(0.34, 1.56, 0.64, 1);--ease-out-circ:cubic-bezier(0, 0.55, 0.45, 1);--ease-out-cubic:cubic-bezier(0.33, 1, 0.68, 1);--ease-out-expo:cubic-bezier(0.16, 1, 0.3, 1);--ease-out-quad:cubic-bezier(0.5, 1, 0.89, 1);--ease-out-quart:cubic-bezier(0.25, 1, 0.5, 1);--ease-out-quint:cubic-bezier(0.22, 1, 0.36, 1);--ease-out-sine:cubic-bezier(0.61, 1, 0.88, 1);--ease-in-out-back:cubic-bezier(0.68, -0.6, 0.32, 1.6);--ease-in-out-circ:cubic-bezier(0.85, 0, 0.15, 1);--ease-in-out-cubic:cubic-bezier(0.65, 0, 0.35, 1);--ease-in-out-expo:cubic-bezier(0.87, 0, 0.13, 1);--ease-in-out-quad:cubic-bezier(0.45, 0, 0.55, 1);--ease-in-out-quart:cubic-bezier(0.76, 0, 0.24, 1);--ease-in-out-quint:cubic-bezier(0.83, 0, 0.17, 1);--ease-in-out-sine:cubic-bezier(0.37, 0, 0.63, 1)}.tippy-box,.tippy-popper{white-space:pre-wrap}.tippy-box .tippy-tooltip,.tippy-popper .tippy-tooltip{padding:var(--spacing-02, 0.125rem)}.tippy-box{-webkit-box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1))}.tippy-box .tippy-content.editable{padding:0}.tippy-box .tippy-content .flex{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.tippy-box .tippy-content .hidden{display:none}.tippy-box .tippy-content .editable-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--dark, #000000)}.tippy-box .tippy-content .editable-content .text-content{min-width:5rem;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content .text-content>div{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content.readonly{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .maxchar-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:end;align-self:flex-end;height:var(--spacing-24, 1.5rem);padding-right:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content yoo-button{padding:0 var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content .edit-content{-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content .edit-content yoo-icon{padding-left:var(--spacing-08, 0.5rem);cursor:pointer}.tippy-box .tippy-content .editable-content .edit-content>*{cursor:pointer}.tippy-box .tippy-content .request-access{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .request-access .title{margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700)}.tippy-box .tippy-content .request-access .sub-title{display:-ms-flexbox;display:flex;margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-300, 300);font-size:var(--font-size-14, 0.875rem)}.tippy-box .tippy-content .request-access .sub-title yoo-avatar{margin:0 var(--spacing-04, 0.25rem)}.tippy-box .tippy-content .request-access yoo-button{max-width:8rem}.tippy-box[data-theme~=startameeting] .tippy-content{padding:0;border-radius:var(--border-radius-04, 0.25rem)}.tippy-box[data-theme~=large]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content .text-content{padding-right:var(--spacing-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=small] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content .text-content{padding-right:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=accent]{background-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=accent] .tippy-svg-arrow{fill:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--accent, #276ef1)}.tippy-box[data-theme~=anthracite]{background-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite] .tippy-svg-arrow{fill:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=app-color]{background-color:var(--app-color)}.tippy-box[data-theme~=app-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=app-color] .tippy-svg-arrow{fill:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--app-color)}.tippy-box[data-theme~=danger]{background-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger] .tippy-svg-arrow{fill:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger-light]{background-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger-light] .tippy-svg-arrow{fill:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=dark]{background-color:var(--dark, #000000)}.tippy-box[data-theme~=dark] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=dark] .tippy-svg-arrow{fill:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--dark, #000000)}.tippy-box[data-theme~=energized]{background-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=energized] .tippy-svg-arrow{fill:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--energized, #fed05b)}.tippy-box[data-theme~=info]{background-color:var(--info, #fc459e)}.tippy-box[data-theme~=info] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=info] .tippy-svg-arrow{fill:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--info, #fc459e)}.tippy-box[data-theme~=light]{background-color:var(--light, #ffffff)}.tippy-box[data-theme~=light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light] .tippy-svg-arrow{fill:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light, #ffffff)}.tippy-box[data-theme~=light-orange]{background-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-orange] .tippy-svg-arrow{fill:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-to-text-color]{background-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-to-text-color] .tippy-svg-arrow{fill:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=royal]{background-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=royal] .tippy-svg-arrow{fill:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--royal, #7577ff)}.tippy-box[data-theme~=stable]{background-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable] .tippy-svg-arrow{fill:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable-alt]{background-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-alt] .tippy-svg-arrow{fill:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-light]{background-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-light] .tippy-svg-arrow{fill:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-ultralight]{background-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-ultralight] .tippy-svg-arrow{fill:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=success]{background-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=success] .tippy-svg-arrow{fill:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--success, #3aa76d)}.tippy-box[data-theme~=text-color]{background-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=text-color] .tippy-svg-arrow{fill:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--text-color, #807f83)}.tippy-box[data-theme~=warning]{background-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=warning] .tippy-svg-arrow{fill:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--warning, #ff6402)}.tippy-box[data-theme~=anthracite-to-text-color]{background-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-svg-arrow{fill:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite-to-text-color, #1a1a1a)}:root{--safe-area-inset-top:0;--safe-area-inset-right:0;--safe-area-inset-bottom:0;--safe-area-inset-left:0}@supports (top: constant(safe-area-inset-top)){:root{--safe-area-inset-top:constant(safe-area-inset-top);--safe-area-inset-right:constant(safe-area-inset-right);--safe-area-inset-bottom:constant(safe-area-inset-bottom);--safe-area-inset-left:constant(safe-area-inset-left)}}@supports (top: env(safe-area-inset-top)){:root{--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-right:env(safe-area-inset-right);--safe-area-inset-bottom:env(safe-area-inset-bottom);--safe-area-inset-left:env(safe-area-inset-left)}}.fr-popup.fr-active{z-index:30004 !important;display:block !important;opacity:1 !important}:host{outline:none}:host yoo-truncate{--max-lines:2}:host yoo-grid{--empty-state-height:8.125rem}:host .outer-container,:host .readonly{position:relative;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;overflow:hidden;background:var(--light-to-dark, #ffffff);border-radius:var(--border-radius-08, 0.5rem)}:host .outer-container .comma-separator,:host .readonly .comma-separator{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .input-container,:host .readonly .input-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;width:100%;border:0.0625rem solid var(--stable-alt-to-light-60, #d0d0d0);border-radius:var(--border-radius-08, 0.5rem)}:host .outer-container .input-container.no-border,:host .readonly .input-container.no-border{border:none}:host .outer-container .input-container .icon-container,:host .readonly .input-container .icon-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;color:var(--dark-to-light, #000000)}:host .outer-container .input-container .icon-container .icon-prefix,:host .outer-container .input-container .icon-container .icon-suffix,:host .outer-container .input-container .icon-container .icon-suffix-focus,:host .outer-container .input-container .icon-container .icon-close,:host .readonly .input-container .icon-container .icon-prefix,:host .readonly .input-container .icon-container .icon-suffix,:host .readonly .input-container .icon-container .icon-suffix-focus,:host .readonly .input-container .icon-container .icon-close{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:var(--spacing-08, 0.5rem);font-size:var(--icon-size-02, 1.5rem)}:host .outer-container .input-container .icon-container .icon-prefix,:host .readonly .input-container .icon-container .icon-prefix{-ms-flex-pack:center;justify-content:center;color:var(--dark-to-light, #000000)}:host .outer-container .input-container .icon-container yoo-loader,:host .readonly .input-container .icon-container yoo-loader{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .input-container .icon-container .icon-suffix .avatar-count,:host .readonly .input-container .icon-container .icon-suffix .avatar-count{position:absolute;top:50%;font-size:var(--font-size-16, 1rem);-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host .outer-container .input-container .icon-container .icon-suffix.relative,:host .readonly .input-container .icon-container .icon-suffix.relative{position:relative;padding-right:0;padding-left:0}:host .outer-container .input-container .icon-container .icon-suffix .input-file,:host .readonly .input-container .icon-container .icon-suffix .input-file{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0}:host .outer-container .entity-content,:host .readonly .entity-content{-ms-flex:1;flex:1;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-right:var(--spacing-08, 0.5rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .outer-container .entity-content.list,:host .readonly .entity-content.list{-ms-flex-direction:column;flex-direction:column}:host .outer-container .entity-content.placeholder,:host .readonly .entity-content.placeholder{padding-bottom:0}:host .outer-container .entity-content yoo-entity,:host .readonly .entity-content yoo-entity{padding:0.3125rem;padding-left:0;background:transparent}:host .outer-container .entity-content:not(.icon-prefix),:host .readonly .entity-content:not(.icon-prefix){padding-left:var(--spacing-08, 0.5rem)}:host .outer-container .entity-content.unselected,:host .readonly .entity-content.unselected{color:var(--text-color-to-light-60, #807f83)}:host .outer-container .entity-container,:host .readonly .entity-container{-ms-flex:1;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .outer-container .entity-container:not(.prefix):not(.no-padding),:host .readonly .entity-container:not(.prefix):not(.no-padding){padding-left:var(--spacing-08, 0.5rem)}:host .outer-container .entity-container.flex-unset,:host .readonly .entity-container.flex-unset{-ms-flex:unset;flex:unset}:host .outer-container .entity-container .single-entity-container,:host .readonly .entity-container .single-entity-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .outer-container .entity-container .single-entity-container .operator-container,:host .readonly .entity-container .single-entity-container .operator-container{padding-right:var(--spacing-04, 0.25rem);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .items-container,:host .outer-container .empty-new-tag,:host .readonly .items-container,:host .readonly .empty-new-tag{position:absolute !important;top:3rem;left:0;z-index:3;display:none;-ms-flex-direction:column;flex-direction:column;width:100%;height:260px;margin-bottom:var(--spacing-08, 0.5rem);overflow:auto;background-color:var(--light-to-dark, #ffffff);border:0.0625rem solid var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--grid-frame-shadow, 0 0.3125rem 0.9375rem 0.1875rem rgba(40, 47, 54, 0.15));box-shadow:var(--grid-frame-shadow, 0 0.3125rem 0.9375rem 0.1875rem rgba(40, 47, 54, 0.15));opacity:0;-webkit-transition:0.2s;transition:0.2s;}:host .outer-container .items-container::-webkit-scrollbar,:host .outer-container .empty-new-tag::-webkit-scrollbar,:host .readonly .items-container::-webkit-scrollbar,:host .readonly .empty-new-tag::-webkit-scrollbar{width:var(--spacing-08, 0.5rem);height:var(--spacing-08, 0.5rem)}:host .outer-container .items-container::-webkit-scrollbar-track,:host .outer-container .empty-new-tag::-webkit-scrollbar-track,:host .readonly .items-container::-webkit-scrollbar-track,:host .readonly .empty-new-tag::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-08, 0.5rem)}:host .outer-container .items-container::-webkit-scrollbar-thumb,:host .outer-container .empty-new-tag::-webkit-scrollbar-thumb,:host .readonly .items-container::-webkit-scrollbar-thumb,:host .readonly .empty-new-tag::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-08, 0.5rem)}:host .outer-container .items-container:hover::-webkit-scrollbar-track,:host .outer-container .empty-new-tag:hover::-webkit-scrollbar-track,:host .readonly .items-container:hover::-webkit-scrollbar-track,:host .readonly .empty-new-tag:hover::-webkit-scrollbar-track{background-color:var(--stable-light-to-anthracite)}:host .outer-container .items-container:hover::-webkit-scrollbar-thumb,:host .outer-container .empty-new-tag:hover::-webkit-scrollbar-thumb,:host .readonly .items-container:hover::-webkit-scrollbar-thumb,:host .readonly .empty-new-tag:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}:host .outer-container .items-container.show-display,:host .outer-container .empty-new-tag.show-display,:host .readonly .items-container.show-display,:host .readonly .empty-new-tag.show-display{display:-ms-flexbox;display:flex}:host .outer-container .items-container.show-opacity,:host .outer-container .empty-new-tag.show-opacity,:host .readonly .items-container.show-opacity,:host .readonly .empty-new-tag.show-opacity{opacity:1}:host .outer-container .empty-new-tag,:host .readonly .empty-new-tag{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .outer-container .empty-new-tag .text-container,:host .readonly .empty-new-tag .text-container{padding-bottom:var(--spacing-16, 1rem)}:host .outer-container .items-container,:host .readonly .items-container{padding-top:var(--spacing-08, 0.5rem)}:host .outer-container .items-container.extra,:host .readonly .items-container.extra{height:200px}:host .outer-container .items-container .scroll-container,:host .readonly .items-container .scroll-container{position:relative;height:100%}:host .outer-container .items-container yoo-entity,:host .readonly .items-container yoo-entity{padding:0.3125rem}:host .outer-container .extra-container,:host .readonly .extra-container{position:absolute !important;position:relative;top:2.625rem;left:0;display:none;-ms-flex-direction:column;flex-direction:column;width:100%;height:260px;margin-bottom:var(--spacing-08, 0.5rem);overflow:auto;border:0.0625rem solid var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--grid-frame-shadow, 0 0.3125rem 0.9375rem 0.1875rem rgba(40, 47, 54, 0.15));box-shadow:var(--grid-frame-shadow, 0 0.3125rem 0.9375rem 0.1875rem rgba(40, 47, 54, 0.15));}:host .outer-container .extra-container::-webkit-scrollbar,:host .readonly .extra-container::-webkit-scrollbar{width:var(--spacing-08, 0.5rem);height:var(--spacing-08, 0.5rem)}:host .outer-container .extra-container::-webkit-scrollbar-track,:host .readonly .extra-container::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-08, 0.5rem)}:host .outer-container .extra-container::-webkit-scrollbar-thumb,:host .readonly .extra-container::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-08, 0.5rem)}:host .outer-container .extra-container:hover::-webkit-scrollbar-track,:host .readonly .extra-container:hover::-webkit-scrollbar-track{background-color:var(--stable-light-to-anthracite)}:host .outer-container .extra-container:hover::-webkit-scrollbar-thumb,:host .readonly .extra-container:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}:host .outer-container.columns{-ms-flex-direction:row;flex-direction:row}:host .outer-container.columns yoo-button{margin-left:var(--spacing-16, 1rem)}:host .outer-container .input-container{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:3rem;max-height:3rem}:host .outer-container .entity-container.placeholder{padding-left:var(--spacing-16, 1rem)}:host .readonly .entity-container{padding-left:0;overflow:visible;white-space:normal}:host .readonly .entity-container.single{padding-left:0}:host .readonly .entity-container yoo-entity{padding:0.3125rem 0}:host .entity{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .map-container{position:relative;height:11.25rem;margin-top:var(--spacing-08, 0.5rem);overflow:hidden;background:var(--stable, #adadad);border-radius:var(--border-radius-08, 0.5rem)}:host(.align-right) .outer-container .items-container{right:0;left:auto}:host(.disabled) .outer-container .input-container{color:var(--stable-to-text-color, #adadad);background-color:var(--stable-light-to-light-20, #f1f1f1);border:0.0625rem solid var(--stable-alt-to-light-20, #d0d0d0)}:host(.disabled) .outer-container .input-container .icon-prefix yoo-icon,:host(.disabled) .outer-container .input-container .icon-suffix yoo-icon{fill:var(--stable-to-text-color, #adadad)}:host(.map-locations) .outer-container .input-container{background:var(--light-to-dark, #ffffff)}:host(.inline) .outer-container .input-container .icon-container .icon-suffix{padding-left:0}:host(.auto-width.web) .outer-container .items-container{min-width:inherit}:host(.web) .outer-container,:host(.web) .readonly{overflow:initial}:host(.web) .readonly{margin-top:var(--spacing-08, 0.5rem)}:host(.web) .outer-container .items-container,:host(.web) .outer-container .empty-new-tag{min-width:18.75rem}:host(.web) .outer-container .items-container{padding-top:0;border:none}:host(.web.card-tag,.web.card-tag-single) .outer-container .input-container{overflow:hidden}:host(.condition-block) .outer-container .input-container{background:var(--stable-light, #f1f1f1);border:none}:host(.expand-height) .outer-container{height:19.75rem;-webkit-transition:0.2s;transition:0.2s}:host([color=stable-alt]) .outer-container .input-container{background:var(--stable-alt-to-light-20, #d0d0d0)}:host([color=stable-light]) .outer-container .input-container{background:var(--stable-light-to-light-10, #f1f1f1)}:host([color=light]) .outer-container .input-container{background:var(--light-to-dark, #ffffff)}:host([color=transparent]) .outer-container{background:transparent}:host([color=transparent]) .outer-container .input-container{border:none}:host([color=transparent]) .outer-container .input-container .icon-container{display:none}:host([color=transparent]) .readonly{background:transparent}:host(.focused.web) .outer-container .input-container{border:0.0625rem solid var(--dark-to-light, #000000)}:host(.force-show) .outer-container .items-container{display:-ms-flexbox;display:flex;min-width:240px;padding-top:0;padding-left:var(--spacing-04, 0.25rem);opacity:1}:host(.live-preview-autocomplete) .outer-container .items-container{width:19.625rem;min-width:19.625rem}:host(.history) .readonly .entity-container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}:host(.history) .readonly .entity-container yoo-entity{padding:0}:host([size=large]){width:100%}:host([size=large]) .outer-container .input-container{-webkit-box-sizing:border-box;box-sizing:border-box}:host([size=large]) .outer-container .input-container .entity-content.unselected{font-size:var(--font-size-16, 1rem)}:host([size=large]) .outer-container .input-container .entity-content.selected{font-size:var(--font-size-16, 1rem)}:host([size=medium]){width:100%}:host([size=medium]) .outer-container .input-container{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:2rem;max-height:2rem;border-radius:var(--border-radius-04, 0.25rem)}:host([size=medium]) .outer-container .input-container .entity-content.unselected{font-size:var(--font-size-14, 0.875rem)}:host([size=medium]) .outer-container .input-container .entity-content.selected{font-size:var(--font-size-14, 0.875rem)}:host([size=small]){width:100%}:host([size=small]) .outer-container .input-container{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:1.5rem;max-height:1.5rem;border-radius:var(--border-radius-02, 0.125rem)}:host([size=small]) .outer-container .input-container .entity-content.unselected{font-size:var(--font-size-12, 0.75rem)}:host([size=small]) .outer-container .input-container .entity-content.selected{font-size:var(--font-size-12, 0.75rem)}:host(.pdf) .entity-container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}";
+const formAutocompleteCss = ":root{--ease-in-back:cubic-bezier(0.36, 0, 0.66, -0.56);--ease-in-circ:cubic-bezier(0.55, 0, 1, 0.45);--ease-in-cubic:cubic-bezier(0.32, 0, 0.67, 0);--ease-in-expo:cubic-bezier(0.7, 0, 0.84, 0);--ease-in-quad:cubic-bezier(0.11, 0, 0.5, 0);--ease-in-quart:cubic-bezier(0.5, 0, 0.75, 0);--ease-in-quint:cubic-bezier(0.64, 0, 0.78, 0);--ease-in-sine:cubic-bezier(0.12, 0, 0.39, 0);--ease-out-back:cubic-bezier(0.34, 1.56, 0.64, 1);--ease-out-circ:cubic-bezier(0, 0.55, 0.45, 1);--ease-out-cubic:cubic-bezier(0.33, 1, 0.68, 1);--ease-out-expo:cubic-bezier(0.16, 1, 0.3, 1);--ease-out-quad:cubic-bezier(0.5, 1, 0.89, 1);--ease-out-quart:cubic-bezier(0.25, 1, 0.5, 1);--ease-out-quint:cubic-bezier(0.22, 1, 0.36, 1);--ease-out-sine:cubic-bezier(0.61, 1, 0.88, 1);--ease-in-out-back:cubic-bezier(0.68, -0.6, 0.32, 1.6);--ease-in-out-circ:cubic-bezier(0.85, 0, 0.15, 1);--ease-in-out-cubic:cubic-bezier(0.65, 0, 0.35, 1);--ease-in-out-expo:cubic-bezier(0.87, 0, 0.13, 1);--ease-in-out-quad:cubic-bezier(0.45, 0, 0.55, 1);--ease-in-out-quart:cubic-bezier(0.76, 0, 0.24, 1);--ease-in-out-quint:cubic-bezier(0.83, 0, 0.17, 1);--ease-in-out-sine:cubic-bezier(0.37, 0, 0.63, 1)}.tippy-box,.tippy-popper{white-space:pre-wrap}.tippy-box .tippy-tooltip,.tippy-popper .tippy-tooltip{padding:var(--spacing-02, 0.125rem)}.tippy-box{-webkit-box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1))}.tippy-box .tippy-content.editable{padding:0}.tippy-box .tippy-content .flex{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.tippy-box .tippy-content .hidden{display:none}.tippy-box .tippy-content .editable-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--dark, #000000)}.tippy-box .tippy-content .editable-content .text-content{min-width:5rem;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content .text-content>div{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content.readonly{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .maxchar-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:end;align-self:flex-end;height:var(--spacing-24, 1.5rem);padding-right:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content yoo-button{padding:0 var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content .edit-content{-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content .edit-content yoo-icon{padding-left:var(--spacing-08, 0.5rem);cursor:pointer}.tippy-box .tippy-content .editable-content .edit-content>*{cursor:pointer}.tippy-box .tippy-content .request-access{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .request-access .title{margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700)}.tippy-box .tippy-content .request-access .sub-title{display:-ms-flexbox;display:flex;margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-300, 300);font-size:var(--font-size-14, 0.875rem)}.tippy-box .tippy-content .request-access .sub-title yoo-avatar{margin:0 var(--spacing-04, 0.25rem)}.tippy-box .tippy-content .request-access yoo-button{max-width:8rem}.tippy-box[data-theme~=startameeting] .tippy-content{padding:0;border-radius:var(--border-radius-04, 0.25rem)}.tippy-box[data-theme~=large]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content .text-content{padding-right:var(--spacing-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=small] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content .text-content{padding-right:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=accent]{background-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=accent] .tippy-svg-arrow{fill:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--accent, #276ef1)}.tippy-box[data-theme~=anthracite]{background-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite] .tippy-svg-arrow{fill:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=app-color]{background-color:var(--app-color)}.tippy-box[data-theme~=app-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=app-color] .tippy-svg-arrow{fill:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--app-color)}.tippy-box[data-theme~=danger]{background-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger] .tippy-svg-arrow{fill:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger-light]{background-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger-light] .tippy-svg-arrow{fill:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=dark]{background-color:var(--dark, #000000)}.tippy-box[data-theme~=dark] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=dark] .tippy-svg-arrow{fill:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--dark, #000000)}.tippy-box[data-theme~=energized]{background-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=energized] .tippy-svg-arrow{fill:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--energized, #fed05b)}.tippy-box[data-theme~=info]{background-color:var(--info, #fc459e)}.tippy-box[data-theme~=info] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=info] .tippy-svg-arrow{fill:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--info, #fc459e)}.tippy-box[data-theme~=light]{background-color:var(--light, #ffffff)}.tippy-box[data-theme~=light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light] .tippy-svg-arrow{fill:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light, #ffffff)}.tippy-box[data-theme~=light-orange]{background-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-orange] .tippy-svg-arrow{fill:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-to-text-color]{background-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-to-text-color] .tippy-svg-arrow{fill:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=royal]{background-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=royal] .tippy-svg-arrow{fill:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--royal, #7577ff)}.tippy-box[data-theme~=stable]{background-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable] .tippy-svg-arrow{fill:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable-alt]{background-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-alt] .tippy-svg-arrow{fill:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-light]{background-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-light] .tippy-svg-arrow{fill:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-ultralight]{background-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-ultralight] .tippy-svg-arrow{fill:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=success]{background-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=success] .tippy-svg-arrow{fill:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--success, #3aa76d)}.tippy-box[data-theme~=text-color]{background-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=text-color] .tippy-svg-arrow{fill:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--text-color, #807f83)}.tippy-box[data-theme~=warning]{background-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=warning] .tippy-svg-arrow{fill:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--warning, #ff6402)}.tippy-box[data-theme~=anthracite-to-text-color]{background-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-svg-arrow{fill:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite-to-text-color, #1a1a1a)}:root{--safe-area-inset-top:0;--safe-area-inset-right:0;--safe-area-inset-bottom:0;--safe-area-inset-left:0}@supports (top: constant(safe-area-inset-top)){:root{--safe-area-inset-top:constant(safe-area-inset-top);--safe-area-inset-right:constant(safe-area-inset-right);--safe-area-inset-bottom:constant(safe-area-inset-bottom);--safe-area-inset-left:constant(safe-area-inset-left)}}@supports (top: env(safe-area-inset-top)){:root{--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-right:env(safe-area-inset-right);--safe-area-inset-bottom:env(safe-area-inset-bottom);--safe-area-inset-left:env(safe-area-inset-left)}}.fr-popup.fr-active{z-index:30004 !important;display:block !important;opacity:1 !important}:host{outline:none}:host yoo-truncate{--max-lines:2}:host yoo-grid{--empty-state-height:8.125rem}:host .outer-container,:host .readonly{position:relative;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;overflow:hidden;background:var(--light-to-dark, #ffffff);border-radius:var(--border-radius-08, 0.5rem)}:host .outer-container .comma-separator,:host .readonly .comma-separator{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .input-container,:host .readonly .input-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;width:100%;border:0.0625rem solid var(--stable-alt-to-light-60, #d0d0d0);border-radius:var(--border-radius-08, 0.5rem)}:host .outer-container .input-container.no-border,:host .readonly .input-container.no-border{border:none}:host .outer-container .input-container .icon-container,:host .readonly .input-container .icon-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;color:var(--dark-to-light, #000000)}:host .outer-container .input-container .icon-container .icon-prefix,:host .outer-container .input-container .icon-container .icon-suffix,:host .outer-container .input-container .icon-container .icon-suffix-focus,:host .outer-container .input-container .icon-container .icon-close,:host .readonly .input-container .icon-container .icon-prefix,:host .readonly .input-container .icon-container .icon-suffix,:host .readonly .input-container .icon-container .icon-suffix-focus,:host .readonly .input-container .icon-container .icon-close{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:var(--spacing-08, 0.5rem);font-size:var(--icon-size-02, 1.5rem)}:host .outer-container .input-container .icon-container .icon-prefix,:host .readonly .input-container .icon-container .icon-prefix{-ms-flex-pack:center;justify-content:center;color:var(--dark-to-light, #000000)}:host .outer-container .input-container .icon-container yoo-loader,:host .readonly .input-container .icon-container yoo-loader{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .input-container .icon-container .icon-suffix .avatar-count,:host .readonly .input-container .icon-container .icon-suffix .avatar-count{position:absolute;top:50%;font-size:var(--font-size-16, 1rem);-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host .outer-container .input-container .icon-container .icon-suffix.relative,:host .readonly .input-container .icon-container .icon-suffix.relative{position:relative;padding-right:0;padding-left:0}:host .outer-container .input-container .icon-container .icon-suffix .input-file,:host .readonly .input-container .icon-container .icon-suffix .input-file{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0}:host .outer-container .entity-content,:host .readonly .entity-content{-ms-flex:1;flex:1;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-right:var(--spacing-08, 0.5rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .outer-container .entity-content.list,:host .readonly .entity-content.list{-ms-flex-direction:column;flex-direction:column}:host .outer-container .entity-content.placeholder,:host .readonly .entity-content.placeholder{padding-bottom:0}:host .outer-container .entity-content yoo-entity,:host .readonly .entity-content yoo-entity{padding:0.3125rem;padding-left:0;background:transparent}:host .outer-container .entity-content:not(.icon-prefix),:host .readonly .entity-content:not(.icon-prefix){padding-left:var(--spacing-08, 0.5rem)}:host .outer-container .entity-content.unselected,:host .readonly .entity-content.unselected{color:var(--text-color-to-light-60, #807f83)}:host .outer-container .entity-container,:host .readonly .entity-container{-ms-flex:1;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .outer-container .entity-container:not(.prefix):not(.no-padding),:host .readonly .entity-container:not(.prefix):not(.no-padding){padding-left:var(--spacing-08, 0.5rem)}:host .outer-container .entity-container.flex-unset,:host .readonly .entity-container.flex-unset{-ms-flex:unset;flex:unset}:host .outer-container .entity-container .single-entity-container,:host .readonly .entity-container .single-entity-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .outer-container .entity-container .single-entity-container .operator-container,:host .readonly .entity-container .single-entity-container .operator-container{padding-right:var(--spacing-04, 0.25rem);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .items-container,:host .outer-container .empty-new-tag,:host .readonly .items-container,:host .readonly .empty-new-tag{position:absolute !important;top:3rem;left:0;z-index:3;display:none;-ms-flex-direction:column;flex-direction:column;width:100%;height:260px;margin-bottom:var(--spacing-08, 0.5rem);overflow:auto;background-color:var(--light-to-dark, #ffffff);border:0.0625rem solid var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--grid-frame-shadow, 0 0.3125rem 0.9375rem 0.1875rem rgba(40, 47, 54, 0.15));box-shadow:var(--grid-frame-shadow, 0 0.3125rem 0.9375rem 0.1875rem rgba(40, 47, 54, 0.15));opacity:0;-webkit-transition:0.2s;transition:0.2s;}:host .outer-container .items-container::-webkit-scrollbar,:host .outer-container .empty-new-tag::-webkit-scrollbar,:host .readonly .items-container::-webkit-scrollbar,:host .readonly .empty-new-tag::-webkit-scrollbar{width:var(--spacing-08, 0.5rem);height:var(--spacing-08, 0.5rem)}:host .outer-container .items-container::-webkit-scrollbar-track,:host .outer-container .empty-new-tag::-webkit-scrollbar-track,:host .readonly .items-container::-webkit-scrollbar-track,:host .readonly .empty-new-tag::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-08, 0.5rem)}:host .outer-container .items-container::-webkit-scrollbar-thumb,:host .outer-container .empty-new-tag::-webkit-scrollbar-thumb,:host .readonly .items-container::-webkit-scrollbar-thumb,:host .readonly .empty-new-tag::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-08, 0.5rem)}:host .outer-container .items-container:hover::-webkit-scrollbar-track,:host .outer-container .empty-new-tag:hover::-webkit-scrollbar-track,:host .readonly .items-container:hover::-webkit-scrollbar-track,:host .readonly .empty-new-tag:hover::-webkit-scrollbar-track{background-color:var(--stable-light-to-anthracite)}:host .outer-container .items-container:hover::-webkit-scrollbar-thumb,:host .outer-container .empty-new-tag:hover::-webkit-scrollbar-thumb,:host .readonly .items-container:hover::-webkit-scrollbar-thumb,:host .readonly .empty-new-tag:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}:host .outer-container .items-container.show-display,:host .outer-container .empty-new-tag.show-display,:host .readonly .items-container.show-display,:host .readonly .empty-new-tag.show-display{display:-ms-flexbox;display:flex}:host .outer-container .items-container.show-opacity,:host .outer-container .empty-new-tag.show-opacity,:host .readonly .items-container.show-opacity,:host .readonly .empty-new-tag.show-opacity{opacity:1}:host .outer-container .empty-new-tag,:host .readonly .empty-new-tag{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .outer-container .empty-new-tag .text-container,:host .readonly .empty-new-tag .text-container{padding-bottom:var(--spacing-16, 1rem)}:host .outer-container .items-container,:host .readonly .items-container{padding-top:var(--spacing-08, 0.5rem)}:host .outer-container .items-container.extra,:host .readonly .items-container.extra{height:200px}:host .outer-container .items-container .scroll-container,:host .readonly .items-container .scroll-container{position:relative;height:100%}:host .outer-container .items-container yoo-entity,:host .readonly .items-container yoo-entity{padding:0.3125rem}:host .outer-container .extra-container,:host .readonly .extra-container{position:absolute !important;position:relative;top:2.625rem;left:0;display:none;-ms-flex-direction:column;flex-direction:column;width:100%;height:260px;margin-bottom:var(--spacing-08, 0.5rem);overflow:auto;border:0.0625rem solid var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--grid-frame-shadow, 0 0.3125rem 0.9375rem 0.1875rem rgba(40, 47, 54, 0.15));box-shadow:var(--grid-frame-shadow, 0 0.3125rem 0.9375rem 0.1875rem rgba(40, 47, 54, 0.15));}:host .outer-container .extra-container::-webkit-scrollbar,:host .readonly .extra-container::-webkit-scrollbar{width:var(--spacing-08, 0.5rem);height:var(--spacing-08, 0.5rem)}:host .outer-container .extra-container::-webkit-scrollbar-track,:host .readonly .extra-container::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-08, 0.5rem)}:host .outer-container .extra-container::-webkit-scrollbar-thumb,:host .readonly .extra-container::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-08, 0.5rem)}:host .outer-container .extra-container:hover::-webkit-scrollbar-track,:host .readonly .extra-container:hover::-webkit-scrollbar-track{background-color:var(--stable-light-to-anthracite)}:host .outer-container .extra-container:hover::-webkit-scrollbar-thumb,:host .readonly .extra-container:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}:host .outer-container.columns{-ms-flex-direction:row;flex-direction:row}:host .outer-container.columns yoo-button{margin-left:var(--spacing-16, 1rem)}:host .outer-container .input-container{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:3rem;max-height:3rem}:host .outer-container .entity-container.placeholder{padding-left:var(--spacing-16, 1rem)}:host .readonly .entity-container{padding-left:0;overflow:visible;white-space:normal}:host .readonly .entity-container.single{padding-left:0}:host .readonly .entity-container yoo-entity{padding:0.3125rem 0}:host .entity{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .map-container{position:relative;height:11.25rem;margin-top:var(--spacing-08, 0.5rem);overflow:hidden;background:var(--stable, #adadad);border-radius:var(--border-radius-08, 0.5rem)}:host(.align-right) .outer-container .items-container{right:0;left:auto}:host(.disabled) .outer-container .input-container{color:var(--stable-to-text-color, #adadad);background-color:var(--stable-light-to-light-20, #f1f1f1);border:0.0625rem solid var(--stable-alt-to-light-20, #d0d0d0)}:host(.disabled) .outer-container .input-container .icon-prefix yoo-icon,:host(.disabled) .outer-container .input-container .icon-suffix yoo-icon{fill:var(--stable-to-text-color, #adadad)}:host(.map-locations) .outer-container .input-container{background:var(--light-to-dark, #ffffff)}:host(.inline) .outer-container .input-container .icon-container .icon-suffix{padding-left:0}:host(.auto-width.web) .outer-container .items-container{min-width:inherit}:host(.web) .outer-container,:host(.web) .readonly{overflow:initial}:host(.web) .readonly{margin-top:var(--spacing-08, 0.5rem)}:host(.web) .outer-container .items-container,:host(.web) .outer-container .empty-new-tag{min-width:18.75rem}:host(.web) .outer-container .items-container{padding-top:0;border:none}:host(.web.card-tag,.web.card-tag-single) .outer-container .input-container{overflow:hidden}:host(.condition-block) .outer-container .input-container{background:var(--stable-light, #f1f1f1);border:none}:host(.expand-height) .outer-container{height:19.75rem;-webkit-transition:0.2s;transition:0.2s}:host([color=stable-alt]) .outer-container .input-container{background:var(--stable-alt-to-light-20, #d0d0d0)}:host([color=stable-light]) .outer-container .input-container{background:var(--stable-light-to-light-10, #f1f1f1)}:host([color=light]) .outer-container .input-container{background:var(--light-to-dark, #ffffff)}:host([color=transparent]) .outer-container{background:transparent}:host([color=transparent]) .outer-container .input-container{border:none}:host([color=transparent]) .outer-container .input-container .icon-container{display:none}:host([color=transparent]) .readonly{background:transparent}:host(.focused.web) .outer-container .input-container{border:0.0625rem solid var(--dark-to-light, #000000)}:host(.force-show) .outer-container .items-container{display:-ms-flexbox;display:flex;min-width:240px;padding-top:0;padding-left:var(--spacing-04, 0.25rem);opacity:1}:host(.live-preview-autocomplete) .outer-container .items-container{width:19.625rem;min-width:19.625rem}:host(.history) .readonly .entity-container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}:host(.history) .readonly .entity-container yoo-entity{padding:0}:host([size=large]){width:100%}:host([size=large]) .outer-container .input-container{-webkit-box-sizing:border-box;box-sizing:border-box}:host([size=large]) .outer-container .input-container .entity-content.unselected{font-size:var(--font-size-16, 1rem)}:host([size=large]) .outer-container .input-container .entity-content.selected{font-size:var(--font-size-16, 1rem)}:host([size=medium]){width:100%}:host([size=medium]) .outer-container .input-container{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:2rem;max-height:2rem;border-radius:var(--border-radius-04, 0.25rem)}:host([size=medium]) .outer-container .input-container .entity-content.unselected{font-size:var(--font-size-14, 0.875rem)}:host([size=medium]) .outer-container .input-container .entity-content.selected{font-size:var(--font-size-14, 0.875rem)}:host([size=small]){width:100%}:host([size=small]) .outer-container .input-container{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:1.5rem;max-height:1.5rem;border-radius:var(--border-radius-02, 0.125rem)}:host([size=small]) .outer-container .input-container .entity-content.unselected{font-size:var(--font-size-12, 0.75rem)}:host([size=small]) .outer-container .input-container .entity-content.selected{font-size:var(--font-size-12, 0.75rem)}:host(.pdf) .entity-container,:host(.child-card-tag) .entity-container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}";
 
 const AUTOCOMPLETE_DROPDOWN_HEIGHT = 272;
 const OPACITY_ANIMATION_TIME = 200;
@@ -3601,7 +3602,7 @@ const YooFormAutocompleteComponent = class {
   }
   render() {
     var _a;
-    return (index.h(index.Host, { class: Object.assign({ disabled: this.disabled, inline: this.inline, history: this.isHistory, selected: (_a = this.selection) === null || _a === void 0 ? void 0 : _a.length, 'multiple-avatars': (this.isMultiple() || this.avatarMode) && this.entityType === 'users' && this.value, [this.extraClass]: this.extraClass, [this.displayType]: true }, commonHelpers.getAppContext(this.host)), onClick: (ev) => {
+    return (index.h(index.Host, { class: Object.assign({ disabled: this.disabled, inline: this.inline, history: this.isHistory, selected: (_a = this.selection) === null || _a === void 0 ? void 0 : _a.length, [`child-${this.getDisplayType()}`]: true, 'multiple-avatars': (this.isMultiple() || this.avatarMode) && this.entityType === 'users' && this.value, [this.extraClass]: this.extraClass, [this.displayType]: true }, commonHelpers.getAppContext(this.host)), onClick: (ev) => {
         if (rrule.isWeb(this.host)) {
           ev.stopPropagation();
         }

package/dist/cjs/yoo-ag-grid_96.cjs.entry.js

@@ -7,7 +7,7 @@ const rrule = require('./rrule-f8e7fec2.js');
 const inputBar_interface = require('./input-bar.interface-b96b7107.js');
 const ResizeObserver_es = require('./ResizeObserver.es-2edf4ecd.js');
 const commonHelpers = require('./common-helpers-797be2a6.js');
-const gridRenderers = require('./grid-renderers-5830bf4a.js');
+const gridRenderers = require('./grid-renderers-f5edc87d.js');
 const identity$4 = require('./identity-8189b2e1.js');
 const isNumber$1 = require('./isNumber-4c1ace60.js');
 const formHelpers = require('./form-helpers-0b6c3054.js');
@@ -102153,7 +102153,7 @@ const YooCardListComponent = class {
           if (this.entry.isCommentMedia && this.isRenderBadgeOutside) {
             return;
           }
-          if (rrule.isCloudinaryLink(item) || item.endsWith('.gif')) {
+          if (rrule.isCloudinaryLink(item) || item.endsWith('.gif') && !this.entry.forceTextHeading) {
             return this.renderMedia(item);
           }
           else {

package/dist/cjs/yoo-card-list-image_12.cjs.entry.js

@@ -16,7 +16,7 @@ const get = require('./get-91c14783.js');
 const annotationsHelpers = require('./annotations-helpers-558ceb1e.js');
 const dimensionsHelpers = require('./dimensions-helpers-54685523.js');
 const imageHelpers = require('./image-helpers-ea15b526.js');
-const gridRenderers = require('./grid-renderers-5830bf4a.js');
+const gridRenderers = require('./grid-renderers-f5edc87d.js');
 const debounce = require('./debounce-fda84c7b.js');
 const cloneDeep = require('./cloneDeep-e00dc6ae.js');
 const assign = require('./assign-bc4598ad.js');

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

@@ -97,6 +97,12 @@ const YooChatMessageComponent = class {
     var _a, _b;
     return ((_a = this.message) === null || _a === void 0 ? void 0 : _a.replyMessage) !== null && ((_b = this.message) === null || _b === void 0 ? void 0 : _b.replyMessage) !== undefined;
   }
+  get notificationAvatarUser() {
+    if (this.message.options && this.message.options.notificationParams && this.message.options.notificationParams.notificationAvatar) {
+      return this.message.options.notificationParams.notificationAvatar;
+    }
+    return null;
+  }
   componentWillLoad() {
     if (rrule.isNullOrUndefined(this.imageWidthRatio)) {
       this.imageWidthRatio = rrule.isWeb(this.host) ? 0.35 : 0.75;
@@ -185,12 +191,6 @@ const YooChatMessageComponent = class {
   onHasMentions() {
     return this.message && this.message.mentions && this.message.mentions.length > 0;
   }
-  get notificationAvatarUser() {
-    if (this.message.options && this.message.options.notificationParams && this.message.options.notificationParams.notificationAvatar) {
-      return this.message.options.notificationParams.notificationAvatar;
-    }
-    return null;
-  }
   canDeleteMessage() {
     var _a, _b;
     return ((_b = (_a = this.message) === null || _a === void 0 ? void 0 : _a.author) === null || _b === void 0 ? void 0 : _b._id) === rrule.getSession().userId || this.forceDelete;

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

@@ -87,6 +87,7 @@ const YooChatComponent = class {
   onInputFocused() {
     this.inputFocused = true;
     this.scrollBottomOnKeyboradShown = true;
+    this.oldestMostRecentMessageElement = null;
   }
   onMediaLoading(event) {
     this.showLoader = event === null || event === void 0 ? void 0 : event.detail;
@@ -254,7 +255,7 @@ const YooChatComponent = class {
     }
   }
   componentDidUpdate() {
-    this.oldestMostRecentMessageElement ? this.refreshMessages() : this.initChat();
+    this.oldestMostRecentMessageElement ? this.initMessages() : this.initChat();
     // re-render will remove video player, need to re-create the player
     if (!rrule.isNativeMobile() &&
       this.broadcastParams &&
@@ -304,23 +305,13 @@ const YooChatComponent = class {
       rrule.getAsyncExtraData({ type: 'user-detail', params: { user: this.users[0] } });
     }
   }
-  refreshMessages() {
-    this.initMessages();
-  }
   async initMessages() {
+    var _a;
     const messages = (this.messageElements || []).reverse();
-    await Promise.all(messages.map((el) => {
-      return (el === null || el === void 0 ? void 0 : el.initMessage()) || Promise.resolve(true);
-    }));
-    const element = this.messageElements.find((item) => { var _a; return ((_a = item === null || item === void 0 ? void 0 : item.message) === null || _a === void 0 ? void 0 : _a.timetoken) === this.oldestMostRecentMessageElement; });
-    if (element) {
-      rrule.gsapTo(this.scroll, 0, { scrollTo: { y: element, offsetY: 10 } }).then(() => {
-        this.oldestMostRecentMessageElement = null;
-      });
-    }
-    for (const el of messages) {
-      await (el === null || el === void 0 ? void 0 : el.renderContent());
-    }
+    await Promise.all(messages.map(el => (el === null || el === void 0 ? void 0 : el.initMessage()) || Promise.resolve(true)));
+    await Promise.all(messages.map(el => (el === null || el === void 0 ? void 0 : el.renderContent()) || Promise.resolve(true)));
+    (_a = this.oldestMostRecentMessageElement) === null || _a === void 0 ? void 0 : _a.scrollIntoView();
+    this.scrollLocker = false;
   }
   onChatFocused() {
     this.chatFocused.emit(true);
@@ -339,8 +330,7 @@ const YooChatComponent = class {
   }
   onPullToRefresh() {
     var _a, _b;
-    const cleanElements = this.messageElements.filter((item) => item);
-    this.oldestMostRecentMessageElement = (_b = (_a = cleanElements[0]) === null || _a === void 0 ? void 0 : _a.message) === null || _b === void 0 ? void 0 : _b.timetoken;
+    this.oldestMostRecentMessageElement = (_b = (_a = this.messageElements) === null || _a === void 0 ? void 0 : _a.filter(m => { var _a, _b; return m.message.timetoken === ((_b = (_a = this.messages) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.timetoken); })) === null || _b === void 0 ? void 0 : _b[0];
     this.loadMoreClicked.emit(true);
   }
   onCloseDeleteMode() {
@@ -396,7 +386,8 @@ const YooChatComponent = class {
   async onIonScroll(ev) {
     var _a, _b, _c;
     const scrollTopPosition = rrule.isFinite((_a = ev === null || ev === void 0 ? void 0 : ev.detail) === null || _a === void 0 ? void 0 : _a.scrollTop) && ev.detail.scrollTop;
-    if (scrollTopPosition <= 2 && !this.disableLoadMore && rrule.isWeb(this.host)) {
+    if (!this.scrollLocker && scrollTopPosition <= 2 && !this.disableLoadMore && rrule.isWeb(this.host)) {
+      this.scrollLocker = true;
       this.onPullToRefresh();
     }
     if (this.broadcastMode) {
@@ -504,13 +495,13 @@ const YooChatComponent = class {
   }
   renderChatMessages() {
     return this.messages.map((m, index$1) => {
-      var _a, _b;
+      var _a, _b, _c;
       if (m === null || m === void 0 ? void 0 : m.deleted) {
         return;
       }
       return (index.h("yoo-chat-message", { onConferenceMessageClicked: (ev) => {
           this.conferenceMessageClicked.emit(ev.detail);
-        }, onRepliedMessageClicked: (ev) => this.onRepliedMessageClicked(ev), id: m.chatId, key: m.chatId, hasOptions: rrule.isWeb(this.host), hasStatus: true, message: m, asyncRender: true, allUsers: this.allUsers, isLast: this.getLastMessage(index$1), isFirst: this.getFirstMessage(index$1), onClicked: (ev) => this.onClickMessage(ev, m.timetoken), isNextImage: this.isNextImage(index$1), isGroup: this.isMultiple, receivedByOthers: m.options && m.options.messageRecievedInfo && m.options.messageRecievedInfo.length === ((_a = this.otherIds) === null || _a === void 0 ? void 0 : _a.length), onPresshold: (ev) => this.onHighlightMessage(ev), currentActivePlayerId: this.currentActivePlayerId, containerWidth: this.containerWidth, forceDelete: this.forceDelete, imageWidthRatio: ((_b = this.advancedOptions) === null || _b === void 0 ? void 0 : _b.popupMode) ? 0.65 : undefined, preventVideoPreloading: this.preventVideoPreloading, onUsernameClicked: (ev) => rrule.getAsyncExtraData({ type: 'user-detail', params: { user: ev.detail } }), onAvatarClicked: (ev) => rrule.getAsyncExtraData({ type: 'user-detail', params: { user: ev.detail } }) }));
+        }, onRepliedMessageClicked: (ev) => this.onRepliedMessageClicked(ev), id: (_a = m.timetoken) === null || _a === void 0 ? void 0 : _a.toString(), key: m.timetoken, hasOptions: rrule.isWeb(this.host), hasStatus: true, message: m, asyncRender: true, allUsers: this.allUsers, isLast: this.getLastMessage(index$1), isFirst: this.getFirstMessage(index$1), onClicked: (ev) => this.onClickMessage(ev, m.timetoken), isNextImage: this.isNextImage(index$1), isGroup: this.isMultiple, receivedByOthers: m.options && m.options.messageRecievedInfo && m.options.messageRecievedInfo.length === ((_b = this.otherIds) === null || _b === void 0 ? void 0 : _b.length), onPresshold: (ev) => this.onHighlightMessage(ev), currentActivePlayerId: this.currentActivePlayerId, containerWidth: this.containerWidth, forceDelete: this.forceDelete, imageWidthRatio: ((_c = this.advancedOptions) === null || _c === void 0 ? void 0 : _c.popupMode) ? 0.65 : undefined, preventVideoPreloading: this.preventVideoPreloading, onUsernameClicked: (ev) => rrule.getAsyncExtraData({ type: 'user-detail', params: { user: ev.detail } }), onAvatarClicked: (ev) => rrule.getAsyncExtraData({ type: 'user-detail', params: { user: ev.detail } }) }));
     });
   }
   renderBroadcastActions(action) {

package/dist/collection/components/core/chat/chat.js

@@ -37,6 +37,7 @@ export class YooChatComponent {
   onInputFocused() {
     this.inputFocused = true;
     this.scrollBottomOnKeyboradShown = true;
+    this.oldestMostRecentMessageElement = null;
   }
   onMediaLoading(event) {
     this.showLoader = event === null || event === void 0 ? void 0 : event.detail;
@@ -204,7 +205,7 @@ export class YooChatComponent {
     }
   }
   componentDidUpdate() {
-    this.oldestMostRecentMessageElement ? this.refreshMessages() : this.initChat();
+    this.oldestMostRecentMessageElement ? this.initMessages() : this.initChat();
     // re-render will remove video player, need to re-create the player
     if (!isNativeMobile() &&
       this.broadcastParams &&
@@ -254,23 +255,13 @@ export class YooChatComponent {
       getAsyncExtraData({ type: 'user-detail', params: { user: this.users[0] } });
     }
   }
-  refreshMessages() {
-    this.initMessages();
-  }
   async initMessages() {
+    var _a;
     const messages = (this.messageElements || []).reverse();
-    await Promise.all(messages.map((el) => {
-      return (el === null || el === void 0 ? void 0 : el.initMessage()) || Promise.resolve(true);
-    }));
-    const element = this.messageElements.find((item) => { var _a; return ((_a = item === null || item === void 0 ? void 0 : item.message) === null || _a === void 0 ? void 0 : _a.timetoken) === this.oldestMostRecentMessageElement; });
-    if (element) {
-      gsapTo(this.scroll, 0, { scrollTo: { y: element, offsetY: 10 } }).then(() => {
-        this.oldestMostRecentMessageElement = null;
-      });
-    }
-    for (const el of messages) {
-      await (el === null || el === void 0 ? void 0 : el.renderContent());
-    }
+    await Promise.all(messages.map(el => (el === null || el === void 0 ? void 0 : el.initMessage()) || Promise.resolve(true)));
+    await Promise.all(messages.map(el => (el === null || el === void 0 ? void 0 : el.renderContent()) || Promise.resolve(true)));
+    (_a = this.oldestMostRecentMessageElement) === null || _a === void 0 ? void 0 : _a.scrollIntoView();
+    this.scrollLocker = false;
   }
   onChatFocused() {
     this.chatFocused.emit(true);
@@ -289,8 +280,7 @@ export class YooChatComponent {
   }
   onPullToRefresh() {
     var _a, _b;
-    const cleanElements = this.messageElements.filter((item) => item);
-    this.oldestMostRecentMessageElement = (_b = (_a = cleanElements[0]) === null || _a === void 0 ? void 0 : _a.message) === null || _b === void 0 ? void 0 : _b.timetoken;
+    this.oldestMostRecentMessageElement = (_b = (_a = this.messageElements) === null || _a === void 0 ? void 0 : _a.filter(m => { var _a, _b; return m.message.timetoken === ((_b = (_a = this.messages) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.timetoken); })) === null || _b === void 0 ? void 0 : _b[0];
     this.loadMoreClicked.emit(true);
   }
   onCloseDeleteMode() {
@@ -346,7 +336,8 @@ export class YooChatComponent {
   async onIonScroll(ev) {
     var _a, _b, _c;
     const scrollTopPosition = isFinite((_a = ev === null || ev === void 0 ? void 0 : ev.detail) === null || _a === void 0 ? void 0 : _a.scrollTop) && ev.detail.scrollTop;
-    if (scrollTopPosition <= 2 && !this.disableLoadMore && isWeb(this.host)) {
+    if (!this.scrollLocker && scrollTopPosition <= 2 && !this.disableLoadMore && isWeb(this.host)) {
+      this.scrollLocker = true;
       this.onPullToRefresh();
     }
     if (this.broadcastMode) {
@@ -494,13 +485,13 @@ export class YooChatComponent {
   }
   renderChatMessages() {
     return this.messages.map((m, index) => {
-      var _a, _b;
+      var _a, _b, _c;
       if (m === null || m === void 0 ? void 0 : m.deleted) {
         return;
       }
       return (h("yoo-chat-message", { onConferenceMessageClicked: (ev) => {
           this.conferenceMessageClicked.emit(ev.detail);
-        }, onRepliedMessageClicked: (ev) => this.onRepliedMessageClicked(ev), id: m.chatId, key: m.chatId, hasOptions: isWeb(this.host), hasStatus: true, message: m, asyncRender: true, allUsers: this.allUsers, isLast: this.getLastMessage(index), isFirst: this.getFirstMessage(index), onClicked: (ev) => this.onClickMessage(ev, m.timetoken), isNextImage: this.isNextImage(index), isGroup: this.isMultiple, receivedByOthers: m.options && m.options.messageRecievedInfo && m.options.messageRecievedInfo.length === ((_a = this.otherIds) === null || _a === void 0 ? void 0 : _a.length), onPresshold: (ev) => this.onHighlightMessage(ev), currentActivePlayerId: this.currentActivePlayerId, containerWidth: this.containerWidth, forceDelete: this.forceDelete, imageWidthRatio: ((_b = this.advancedOptions) === null || _b === void 0 ? void 0 : _b.popupMode) ? 0.65 : undefined, preventVideoPreloading: this.preventVideoPreloading, onUsernameClicked: (ev) => getAsyncExtraData({ type: 'user-detail', params: { user: ev.detail } }), onAvatarClicked: (ev) => getAsyncExtraData({ type: 'user-detail', params: { user: ev.detail } }) }));
+        }, onRepliedMessageClicked: (ev) => this.onRepliedMessageClicked(ev), id: (_a = m.timetoken) === null || _a === void 0 ? void 0 : _a.toString(), key: m.timetoken, hasOptions: isWeb(this.host), hasStatus: true, message: m, asyncRender: true, allUsers: this.allUsers, isLast: this.getLastMessage(index), isFirst: this.getFirstMessage(index), onClicked: (ev) => this.onClickMessage(ev, m.timetoken), isNextImage: this.isNextImage(index), isGroup: this.isMultiple, receivedByOthers: m.options && m.options.messageRecievedInfo && m.options.messageRecievedInfo.length === ((_b = this.otherIds) === null || _b === void 0 ? void 0 : _b.length), onPresshold: (ev) => this.onHighlightMessage(ev), currentActivePlayerId: this.currentActivePlayerId, containerWidth: this.containerWidth, forceDelete: this.forceDelete, imageWidthRatio: ((_c = this.advancedOptions) === null || _c === void 0 ? void 0 : _c.popupMode) ? 0.65 : undefined, preventVideoPreloading: this.preventVideoPreloading, onUsernameClicked: (ev) => getAsyncExtraData({ type: 'user-detail', params: { user: ev.detail } }), onAvatarClicked: (ev) => getAsyncExtraData({ type: 'user-detail', params: { user: ev.detail } }) }));
     });
   }
   renderBroadcastActions(action) {

package/dist/collection/components/core/chat-message/chat-message.js

@@ -53,6 +53,12 @@ export class YooChatMessageComponent {
     var _a, _b;
     return ((_a = this.message) === null || _a === void 0 ? void 0 : _a.replyMessage) !== null && ((_b = this.message) === null || _b === void 0 ? void 0 : _b.replyMessage) !== undefined;
   }
+  get notificationAvatarUser() {
+    if (this.message.options && this.message.options.notificationParams && this.message.options.notificationParams.notificationAvatar) {
+      return this.message.options.notificationParams.notificationAvatar;
+    }
+    return null;
+  }
   componentWillLoad() {
     if (isNullOrUndefined(this.imageWidthRatio)) {
       this.imageWidthRatio = isWeb(this.host) ? 0.35 : 0.75;
@@ -141,12 +147,6 @@ export class YooChatMessageComponent {
   onHasMentions() {
     return this.message && this.message.mentions && this.message.mentions.length > 0;
   }
-  get notificationAvatarUser() {
-    if (this.message.options && this.message.options.notificationParams && this.message.options.notificationParams.notificationAvatar) {
-      return this.message.options.notificationParams.notificationAvatar;
-    }
-    return null;
-  }
   canDeleteMessage() {
     var _a, _b;
     return ((_b = (_a = this.message) === null || _a === void 0 ? void 0 : _a.author) === null || _b === void 0 ? void 0 : _b._id) === getSession().userId || this.forceDelete;

package/dist/collection/components/entities/card-list/card-list.js

@@ -274,7 +274,7 @@ export class YooCardListComponent {
           if (this.entry.isCommentMedia && this.isRenderBadgeOutside) {
             return;
           }
-          if (isCloudinaryLink(item) || item.endsWith('.gif')) {
+          if (isCloudinaryLink(item) || item.endsWith('.gif') && !this.entry.forceTextHeading) {
             return this.renderMedia(item);
           }
           else {