@yoobic/yobi 8.5.0-4 → 8.5.0-41

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

@@ -2,19 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-5ecafe7a.js');
-const index$1 = require('./index-f08462bf.js');
-require('./index-67909645.js');
+const index = require('./index-7319daa9.js');
+const index$1 = require('./index-a1aee400.js');
+require('./index-38c5e81e.js');
 const lodash = require('./lodash-72d493b9.js');
-const incentiveHelpers = require('./incentive-helpers-dd8198cd.js');
-const operationHelpers = require('./operation-helpers-43fd4845.js');
-const missionsHelpers = require('./missions-helpers-d71cc0f0.js');
-const button_factory = require('./button.factory-c06f639e.js');
-const commonHelpers = require('./common-helpers-8e3fa11a.js');
-const entitiesHelpers = require('./entities-helpers-963bc92d.js');
-const theme = require('./theme-5385859a.js');
-const overlays = require('./overlays-1b0bc51e.js');
-require('./index-405c7998.js');
+const incentiveHelpers = require('./incentive-helpers-d19331f6.js');
+const operationHelpers = require('./operation-helpers-42ea6829.js');
+const missionsHelpers = require('./missions-helpers-c5b0436f.js');
+const button_factory = require('./button.factory-ba0e0819.js');
+const commonHelpers = require('./common-helpers-82a45712.js');
+const entitiesHelpers = require('./entities-helpers-3e00eefa.js');
+const theme = require('./theme-a7f17e4a.js');
+const overlays = require('./overlays-4334b40f.js');
+require('./index-f5c362f0.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const entitySimpleCardLists = [
@@ -314,33 +314,30 @@ const YooEntityComponent = class {
     return index.h("div", null);
   }
   renderCardCalendar() {
+    var _a, _b;
     const color = overlays.getEventTypeColor(this.item.type) + '-10';
     if (this.item.type === 'feeds') {
-      return index.h("yoo-card-calendar", { heading: this.item.description, color: color, type: this.item.type, creator: this.item.userFullName });
+      return index.h("yoo-card-calendar", { disabled: this.item.disableDetails, heading: this.item.description, color: color, type: this.item.type, creator: this.item.userFullName });
     }
     else if (this.item.type === 'todo') {
       const hasRole = overlays.getAuthentication().isRoleStore() || overlays.getAuthentication().isRoleStoreManager();
-      return index.h("yoo-card-calendar", { heading: this.item.title, color: color, type: this.item.type, location: !hasRole ? this.item.location : null });
+      return index.h("yoo-card-calendar", { disabled: this.item.disableDetails, heading: this.item.title, color: color, type: this.item.type, location: !hasRole ? this.item.location : null });
     }
     else if (this.item.type === 'events') {
       const date = this.isFramed && this.item.startDate ? overlays.dateFormat(this.item.startDate, 'hh:mm') : null;
-      return index.h("yoo-card-calendar", { heading: this.item.title, color: color, type: this.item.type, attendance: this.item.participantStatus, dueDate: date });
+      return index.h("yoo-card-calendar", { disabled: this.item.disableDetails, heading: this.item.title, color: color, type: this.item.type, attendance: this.item.participantStatus, dueDate: date });
     }
     else if (this.item.type === 'courses') {
       const endDate = new Date(this.item.endDate);
       const date = overlays.dateFormat(entitiesHelpers.getCalendarCourseDueDate(endDate, this.item.allDay), 'DD/MM/YYYY LT');
-      return index.h("yoo-card-calendar", { heading: this.item.title, color: color, type: this.item.type, dueDate: date });
-    }
-    else if (this.item.type === 'visits') {
-      return index.h("yoo-card-calendar", { heading: this.item.title, location: this.item.location || null, color: color, type: this.item.type });
+      return index.h("yoo-card-calendar", { disabled: this.item.disableDetails, heading: this.item.title, color: color, type: this.item.type, dueDate: date });
     }
-    else if (this.item.type === 'requests') {
-      return index.h("yoo-card-calendar", { heading: this.item.title, color: color, type: this.item.type });
+    else if (this.item.type === 'shift') {
+      return index.h("yoo-card-calendar", { disabled: this.item.disableDetails, heading: this.item.title || overlays.translate('EVENT'), subheading: this.item.description, color: color || 'app-color', location: ((_a = this.item) === null || _a === void 0 ? void 0 : _a.location) || null, type: this.item.type, creator: this.item.userFullName, creatorImage: this.item.ownerImageData });
     }
-    else if (this.item.type === 'memos') {
-      return index.h("yoo-card-calendar", { heading: this.item.title, color: color, type: this.item.type });
+    else {
+      return index.h("yoo-card-calendar", { disabled: this.item.disableDetails, heading: this.item.title || overlays.translate('EVENT'), color: color || 'app-color', location: ((_b = this.item) === null || _b === void 0 ? void 0 : _b.location) || null, type: this.item.type, creator: this.item.userFullName });
     }
-    return (index.h("yoo-card-calendar", { heading: this.item.title || overlays.translate('EVENT'), color: "app-color" }));
   }
   renderCardChat() {
     const entry = entitiesHelpers.parseEntityForCardChat(this.item, this.entityType === 'channels', this.unreadCounts && this.unreadCounts[this.item.channel] ? this.unreadCounts[this.item.channel] : 0);
@@ -357,16 +354,16 @@ const YooEntityComponent = class {
     return index.h("yoo-card-recommendation", { entry: this.item, type: isLesson ? 'lesson' : 'plan', class: this.entityType });
   }
   renderCardNotification() {
-    var _a, _b, _c, _d, _e, _f, _g;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     const notification = this.item;
     const notificationParams = notification.params || ((_a = notification.data) === null || _a === void 0 ? void 0 : _a.customParams);
     const iconName = ((_b = notification.data) === null || _b === void 0 ? void 0 : _b.iconName) || commonHelpers.getNotificationIcon(notification);
-    const iconColor = iconName === 'check' ? 'success' : (((_c = notification === null || notification === void 0 ? void 0 : notification.data) === null || _c === void 0 ? void 0 : _c.customCssClass) || 'app-color');
+    const iconColor = iconName === 'check' ? 'success' : ((_c = notification === null || notification === void 0 ? void 0 : notification.data) === null || _c === void 0 ? void 0 : _c.customCssClass) === 'media' ? 'app-color' : (((_d = notification === null || notification === void 0 ? void 0 : notification.data) === null || _d === void 0 ? void 0 : _d.customCssClass) || 'app-color');
     let body = overlays.translateMulti(notification.body, notificationParams);
-    if ((_d = notification.data) === null || _d === void 0 ? void 0 : _d.replaceContent) {
+    if ((_e = notification.data) === null || _e === void 0 ? void 0 : _e.replaceContent) {
       body = overlays.replaceTextWithRichContent(body);
     }
-    return (index.h("yoo-card-notification", { class: { unread: !notification.isViewedByMe }, body: body, notificationTitle: overlays.translateMulti(notification.title, notificationParams), timeAgo: notification.scheduledDate || notification._ect ? overlays.pipes.dateFormat.transform(notification.scheduledDate || notification._ect, 'fromNow') : null, imgSrc: ((_e = notification.data) === null || _e === void 0 ? void 0 : _e.rightMediaSrc) || null }, ((_f = notification.data) === null || _f === void 0 ? void 0 : _f.sender_photo) && index.h("yoo-avatar", { slot: "item-left", size: "medium", imgSrc: notification.data.sender_photo }), !((_g = notification.data) === null || _g === void 0 ? void 0 : _g.sender_photo) && (index.h("yoo-icon", { slot: "item-left", name: iconName, color: iconColor, size: "large" }))));
+    return (index.h("yoo-card-notification", { class: { unread: !notification.isViewedByMe }, body: body, notificationTitle: overlays.translateMulti(notification.title, notificationParams), timeAgo: notification.scheduledDate || notification._ect ? overlays.pipes.dateFormat.transform(notification.scheduledDate || notification._ect, 'fromNow') : null, imgSrc: ((_f = notification.data) === null || _f === void 0 ? void 0 : _f.rightMediaSrc) || null }, ((_g = notification.data) === null || _g === void 0 ? void 0 : _g.sender_photo) && index.h("yoo-avatar", { slot: "item-left", size: "medium", imgSrc: notification.data.sender_photo }), !((_h = notification.data) === null || _h === void 0 ? void 0 : _h.sender_photo) && (index.h("yoo-icon", { slot: "item-left", name: iconName, color: iconColor, size: "large" }))));
   }
   renderCardSticky(extraClasses) {
     var _a, _b;
@@ -814,7 +811,7 @@ const YooEntityComponent = class {
     return address;
   }
   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, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63, _64;
+    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, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63, _64, _65;
     let entry = {};
     if (this.entityMapping) {
       entry = this.entityMapping(this.item, this.entityType, this.displayType);
@@ -1757,7 +1754,19 @@ const YooEntityComponent = class {
       entry = {
         heading: overlays.getUserDisplayName(user),
         rank: userrank.rank,
-        points: !overlays.isWeb() ? userrank.points : null,
+        points: userrank.points,
+        current: ((_37 = this.item) === null || _37 === void 0 ? void 0 : _37._id) === overlays.getSession().userId,
+        hasSelectableIcon: true,
+        users: [user]
+      };
+      extraClasses += this.extraClass;
+    }
+    else if (this.entityType === 'userhighscores') {
+      const userrank = this.item;
+      const user = this.item.user;
+      entry = {
+        heading: overlays.getUserDisplayName(user),
+        rank: userrank.rank,
         users: [user]
       };
       extraClasses += this.extraClass;
@@ -1765,10 +1774,10 @@ const YooEntityComponent = class {
     else if (this.entityType === 'topusers') {
       entry = {
         heading: `${this.item.firstName} ${this.item.lastName}`,
-        rank: (_37 = this.item) === null || _37 === void 0 ? void 0 : _37.rank,
+        rank: (_38 = this.item) === null || _38 === void 0 ? void 0 : _38.rank,
         points: null,
         users: [this.item],
-        tagElementsInHeader: { tags: (_38 = this.item) === null || _38 === void 0 ? void 0 : _38.tagElements, location: 'end' }
+        tagElementsInHeader: { tags: (_39 = this.item) === null || _39 === void 0 ? void 0 : _39.tagElements, location: 'end' }
       };
     }
     else if (this.entityType === 'questions') {
@@ -1833,17 +1842,17 @@ const YooEntityComponent = class {
         subheadings: [
           'Operation Id: ' + op.operationId,
           'Request Id: ' + op.requestId,
-          ((_39 = op.operation) === null || _39 === void 0 ? void 0 : _39.accessToken) ? 'User:' + overlays.getUserDisplayName(op.operation.accessToken) : null,
-          ((_42 = (_41 = (_40 = op.requestLog) === null || _40 === void 0 ? void 0 : _40.meta) === null || _41 === void 0 ? void 0 : _41.req) === null || _42 === void 0 ? void 0 : _42.headers) ? 'Origin/Referer:' + op.requestLog.meta.req.headers.origin || op.requestLog.meta.req.headers.referer : null,
-          ((_45 = (_44 = (_43 = op.requestLog) === null || _43 === void 0 ? void 0 : _43.meta) === null || _44 === void 0 ? void 0 : _44.req) === null || _45 === void 0 ? void 0 : _45.headers) && op.requestLog.meta.req.headers['yoobic-client-version']
+          ((_40 = op.operation) === null || _40 === void 0 ? void 0 : _40.accessToken) ? 'User:' + overlays.getUserDisplayName(op.operation.accessToken) : null,
+          ((_43 = (_42 = (_41 = op.requestLog) === null || _41 === void 0 ? void 0 : _41.meta) === null || _42 === void 0 ? void 0 : _42.req) === null || _43 === void 0 ? void 0 : _43.headers) ? 'Origin/Referer:' + op.requestLog.meta.req.headers.origin || op.requestLog.meta.req.headers.referer : null,
+          ((_46 = (_45 = (_44 = op.requestLog) === null || _44 === void 0 ? void 0 : _44.meta) === null || _45 === void 0 ? void 0 : _45.req) === null || _46 === void 0 ? void 0 : _46.headers) && op.requestLog.meta.req.headers['yoobic-client-version']
             ? 'Client Version:' + op.requestLog.meta.req.headers['yoobic-client-version']
             : null,
-          ((_48 = (_47 = (_46 = op.requestLog) === null || _46 === void 0 ? void 0 : _46.meta) === null || _47 === void 0 ? void 0 : _47.req) === null || _48 === void 0 ? void 0 : _48.headers) && op.requestLog.meta.req.headers['user-agent']
+          ((_49 = (_48 = (_47 = op.requestLog) === null || _47 === void 0 ? void 0 : _47.meta) === null || _48 === void 0 ? void 0 : _48.req) === null || _49 === void 0 ? void 0 : _49.headers) && op.requestLog.meta.req.headers['user-agent']
             ? 'User Agent:' + op.requestLog.meta.req.headers['user-agent']
             : null
         ],
         date: overlays.pipes.dateFormat.transform(op._ect, 'L LT'),
-        users: ((_49 = op.operation) === null || _49 === void 0 ? void 0 : _49.accessToken) ? [op.operation.accessToken] : null,
+        users: ((_50 = op.operation) === null || _50 === void 0 ? void 0 : _50.accessToken) ? [op.operation.accessToken] : null,
         tagElements: lodash.compact([
           op.isCreation
             ? {
@@ -1897,12 +1906,12 @@ const YooEntityComponent = class {
       entry = {
         heading: overlays.translateMulti(battleList.title),
         subheadings: [lessonsCount + ' ' + overlays.translate(lessonsCount > 1 ? 'LESSONS' : 'LESSON')],
-        imgSrc: ((_50 = battleList.background) === null || _50 === void 0 ? void 0 : _50._downloadURL) ? battleList.background._downloadURL : null,
+        imgSrc: ((_51 = battleList.background) === null || _51 === void 0 ? void 0 : _51._downloadURL) ? battleList.background._downloadURL : null,
         avatarSize: this.isAutocompleteSelected() && this.item.avatarSize ? this.item.avatarSize : 'extra-extra-large',
         avatarFrame: 'square'
       };
     }
-    else if (this.entityType !== 'tag' && ((_52 = (_51 = this.customModel) === null || _51 === void 0 ? void 0 : _51.appearance) === null || _52 === void 0 ? void 0 : _52.size)) {
+    else if (this.entityType !== 'tag' && ((_53 = (_52 = this.customModel) === null || _52 === void 0 ? void 0 : _52.appearance) === null || _53 === void 0 ? void 0 : _53.size)) {
       entry = {};
       this.customModel.appearance.forEach((value, key) => {
         if (key === 'displayTypes') {
@@ -1943,7 +1952,7 @@ const YooEntityComponent = class {
     else if (this.entityType === 'widgets') {
       const widget = this.item;
       entry = {
-        heading: overlays.translate(widget.title || ((_53 = widget.page) === null || _53 === void 0 ? void 0 : _53.path)),
+        heading: overlays.translate(widget.title || ((_54 = widget.page) === null || _54 === void 0 ? void 0 : _54.path)),
         imgSrc: widget.photo,
         icon: widget.icon,
         subheadings: lodash.compact([]),
@@ -2020,16 +2029,16 @@ const YooEntityComponent = class {
       }
       const title = this.useTranslate ? defaultTitle.toUpperCase() : defaultTitle;
       entry.heading = overlays.translateMulti(title);
-      if ((_54 = this.item) === null || _54 === void 0 ? void 0 : _54.description) {
+      if ((_55 = this.item) === null || _55 === void 0 ? void 0 : _55.description) {
         entry.subheadings = [overlays.translateMulti(this.item.description)];
       }
-      if ((_56 = (_55 = this.item) === null || _55 === void 0 ? void 0 : _55.background) === null || _56 === void 0 ? void 0 : _56._downloadURL) {
+      if ((_57 = (_56 = this.item) === null || _56 === void 0 ? void 0 : _56.background) === null || _57 === void 0 ? void 0 : _57._downloadURL) {
         entry.imgSrc = this.item.background._downloadURL;
       }
-      else if (((_57 = this.item) === null || _57 === void 0 ? void 0 : _57.background) && lodash.isString(this.item.background)) {
+      else if (((_58 = this.item) === null || _58 === void 0 ? void 0 : _58.background) && lodash.isString(this.item.background)) {
         entry.imgSrc = this.item.background;
       }
-      if ((_59 = (_58 = this.item) === null || _58 === void 0 ? void 0 : _58.icon) === null || _59 === void 0 ? void 0 : _59._downloadURL) {
+      if ((_60 = (_59 = this.item) === null || _59 === void 0 ? void 0 : _59.icon) === null || _60 === void 0 ? void 0 : _60._downloadURL) {
         entry.imgSrc = this.item.icon._downloadURL;
       }
       else if (this.item && lodash.isString(this.item.icon)) {
@@ -2053,7 +2062,7 @@ const YooEntityComponent = class {
         const comment = this.item;
         entry = entitiesHelpers.parseEntityCommentsForCardList(comment);
       }
-      if ((_60 = this.item) === null || _60 === void 0 ? void 0 : _60.badge) {
+      if ((_61 = this.item) === null || _61 === void 0 ? void 0 : _61.badge) {
         entry.tagElements = [{ innerHTML: this.item.badge, color: 'app-color' }];
       }
     }
@@ -2062,7 +2071,7 @@ const YooEntityComponent = class {
       !this.isAutocompleteSelected() &&
       !this.hideUIFields &&
       this.customModel &&
-      ((_62 = (_61 = this.customModel.formFields) === null || _61 === void 0 ? void 0 : _61.filter((f) => f.showInCard)) === null || _62 === void 0 ? void 0 : _62.length) > 0) {
+      ((_63 = (_62 = this.customModel.formFields) === null || _62 === void 0 ? void 0 : _62.filter((f) => f.showInCard)) === null || _63 === void 0 ? void 0 : _63.length) > 0) {
       entry.uiFields = {
         fields: this.customModel.formFields.filter((f) => f.showInCard),
         data: this.item
@@ -2104,7 +2113,7 @@ const YooEntityComponent = class {
     if (this.host.classList.contains('full-width')) {
       extraClasses += ' full-width ';
     }
-    if (((_63 = this.item) === null || _63 === void 0 ? void 0 : _63._id) === overlays.getSession().userId) {
+    if (((_64 = this.item) === null || _64 === void 0 ? void 0 : _64._id) === overlays.getSession().userId) {
       extraClasses += ' current ';
     }
     if (this.extraClass) {
@@ -2133,7 +2142,7 @@ const YooEntityComponent = class {
           [extraClasses]: true,
           [this.entityType]: this.entityType !== undefined,
           'form-permission': this.host.classList.contains('form-permission')
-        } }, ((_64 = this.inlineActions) === null || _64 === void 0 ? void 0 : _64.length) > 0 && (index.h("span", { class: "slot-container", slot: "content-slot" }, this.inlineActions.map((action) => {
+        } }, ((_65 = this.inlineActions) === null || _65 === void 0 ? void 0 : _65.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));
       })))));
     }

package/dist/cjs/yoo-feed-detail.cjs.entry.js

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-5ecafe7a.js');
-const overlays = require('./overlays-1b0bc51e.js');
-require('./index-67909645.js');
+const index = require('./index-7319daa9.js');
+const overlays = require('./overlays-4334b40f.js');
+require('./index-38c5e81e.js');
 const lodash = require('./lodash-72d493b9.js');
-const button_factory = require('./button.factory-c06f639e.js');
-const commonHelpers = require('./common-helpers-8e3fa11a.js');
-require('./index-f08462bf.js');
+const button_factory = require('./button.factory-ba0e0819.js');
+const commonHelpers = require('./common-helpers-82a45712.js');
+require('./index-a1aee400.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-405c7998.js');
+require('./index-f5c362f0.js');
 
 const feedDetailCss = "svg:not(:root){overflow:hidden}:host{--card-feed-media-height:260px;--gradient-background-image:linear-gradient(to top, var(--dark, #000000), transparent);--slide-pagination-size:0.4375rem;--slide-pagination-space:var(--spacing-04, 0.25rem);color:var(--light, #ffffff)}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}:host .feed-mention-actions{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-bottom:var(--spacing-08, 0.5rem);font-size:var(--font-size-16, 1rem)}:host .feed-mention-actions yoo-avatar{padding-right:var(--spacing-04, 0.25rem)}:host .feed-mention-actions span.first-comment-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .global{padding-bottom:var(--spacing-08, 0.5rem);font-size:var(--font-size-16, 1rem)}:host .global.last{padding-bottom:var(--spacing-16, 1rem)}:host .global.last.iphone-x{padding-bottom:var(--spacing-48, 3rem)}:host .feed-bottom-action{padding-bottom:var(--spacing-08, 0.5rem);color:var(--text-color, #807f83);font-size:var(--font-size-16, 1rem);line-height:1.7rem;cursor:pointer}:host .feed-bottom-action.middle{padding:var(--spacing-16, 1rem) 0}:host .feed-bottom-action.subheading{color:var(--dark, #000000);font-weight:var(--font-weight-700, 700)}:host .feed-bottom-action .action yoo-icon{margin-right:0.5rem}:host .feed-details-container{position:fixed;top:0;right:0;bottom:0;left:0;position:absolute;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem);font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:normal;background-color:var(--dark, #000000)}:host .feed-details-container yoo-form-carousel{position:absolute}:host .feed-details-container.text-expanded{--gradient-background-image:linear-gradient(var(--dark-60, rgba(0, 0, 0, 0.6)) 100%, var(--dark-60, rgba(0, 0, 0, 0.6)) 100%)}:host .feed-details-container.text-expanded .media-outer-container{z-index:5}:host .feed-details-container.text-expanded .gradient{z-index:7}:host .feed-details-container.has-overflow .bottom-container .feed-text .feed-description .description-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:12vh}:host .feed-details-container.has-overflow .bottom-container .feed-text .feed-description .description-content.expanded{height:40vh;max-height:40vh}:host .feed-details-container.has-overflow .bottom-container .feed-text .feed-description .description-content.expanded .scroll-wrapper{height:auto}:host .feed-details-container.image-focus .bottom-container{z-index:-1;opacity:0;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;pointer-events:none}:host .feed-details-container.image-focus .image-container{z-index:3}:host .feed-details-container.hide-overlay .overlay{display:none}:host .feed-details-container.offline .bottom-container{padding:var(--spacing-16, 1rem)}:host .feed-details-container .bottom-container{position:absolute;right:0;bottom:0;left:0;z-index:6;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:end;justify-content:flex-end;margin-top:auto;padding:var(--spacing-16, 1rem);padding-bottom:0;background-image:var(--gradient-background-image);opacity:1;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}:host .feed-details-container .bottom-container.hidden{visibility:hidden;opacity:0}:host .feed-details-container .bottom-container .feed-header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding-bottom:var(--spacing-16, 1rem)}:host .feed-details-container .bottom-container .feed-header yoo-avatar{margin-right:0.8rem;-webkit-transform:translateY(3px);transform:translateY(3px)}:host .feed-details-container .bottom-container .feed-header .feed-heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;color:var(--light, #ffffff)}:host .feed-details-container .bottom-container .feed-header .feed-heading .inner-span,:host .feed-details-container .bottom-container .feed-header .feed-heading .extra-heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-top:var(--spacing-04, 0.25rem)}:host .feed-details-container .bottom-container .feed-header .feed-heading .feed-date,:host .feed-details-container .bottom-container .feed-header .feed-heading .feed-shared-in{color:var(--stable-alt, #d0d0d0);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem)}:host .feed-details-container .bottom-container .feed-header .feed-heading .feed-subheading{color:var(--light, #ffffff)}:host .feed-details-container .bottom-container .feed-header .feed-heading .feed-subheading .feed-group{padding-left:0.125rem;color:var(--light, #ffffff);font-weight:var(--font-weight-400, 400)}:host .feed-details-container .bottom-container .feed-text{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;color:var(--light, #ffffff)}:host .feed-details-container .bottom-container .feed-text .feed-hashtags{display:block;line-height:1.2rem}:host .feed-details-container .bottom-container .feed-text .feed-description{font-size:var(--font-size-16, 1rem)}:host .feed-details-container .bottom-container .feed-text .feed-description .description-content{-webkit-transition:all 0.3s ease;transition:all 0.3s ease}:host .feed-details-container .bottom-container .feed-text .feed-description .description-content.expanded{-webkit-transition:all 0.3s ease;transition:all 0.3s ease}:host .feed-details-container .bottom-container .feed-text .feed-description .description-content.expanded .scroll-wrapper yoo-ion-scroll{max-height:40vh}:host .feed-details-container .bottom-container .feed-text .feed-description .description-content .scroll-wrapper{height:inherit;overflow:hidden}:host .feed-details-container .bottom-container .feed-text .feed-description .description-content .scroll-wrapper p{margin:0}:host .feed-details-container .bottom-container .feed-text .feed-description .description-content .more-button{color:var(--stable-alt, #d0d0d0)}:host .feed-details-container .bottom-container .feed-interactions{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:var(--spacing-64, 4rem);white-space:nowrap}:host .feed-details-container .bottom-container .feed-interactions .start{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:start;justify-content:flex-start}:host .feed-details-container .bottom-container .feed-interactions .middle{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%}:host .feed-details-container .bottom-container .feed-interactions .middle .dot{width:var(--slide-pagination-size);height:var(--slide-pagination-size);margin:var(--slide-pagination-space);background-color:var(--light-20, rgba(255, 255, 255, 0.2));border-radius:50%;-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease}:host .feed-details-container .bottom-container .feed-interactions .middle .dot.active{background-color:var(--light, #ffffff);-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease}:host .feed-details-container .bottom-container .feed-interactions .end{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:end;justify-content:flex-end}:host .feed-details-container .bottom-container .feed-interactions .interaction{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:var(--light, #ffffff);cursor:pointer}:host .feed-details-container .bottom-container .feed-interactions .interaction yoo-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0 var(--spacing-16, 1rem) 0 0}:host .feed-details-container .bottom-container .feed-interactions .interaction yoo-icon.hide-content{padding-right:0}:host .feed-details-container .bottom-container .feed-interactions .interaction yoo-lottie{width:var(--icon-size-02, 1.5rem);height:var(--icon-size-02, 1.5rem);margin:0 var(--spacing-16, 1rem) 0 0}:host .feed-details-container .bottom-container .feed-interactions .interaction.counter{margin-left:var(--spacing-08, 0.5rem)}:host .feed-details-container .bottom-container .feed-interactions .interaction.counter yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host .feed-details-container .bottom-container .feed-interactions .interaction.counter.auto{margin-left:auto}:host .feed-details-container .bottom-container .feed-interactions .interaction.stable{color:var(--stable, #adadad)}:host .feed-details-container .bottom-container .feed-interactions .interaction.comment,:host .feed-details-container .bottom-container .feed-interactions .interaction.comment span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:auto;margin-left:5px}:host .feed-details-container .bottom-container .interaction-counter{white-space:break-spaces}:host .feed-details-container .image-container{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%}:host .feed-details-container.show-overlay .bottom-container{-ms-flex-align:start;align-items:flex-start;height:100%;max-height:100vh;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}:host .feed-details-container.show-overlay .bottom-container .feed-text .feed-description{display:-ms-flexbox;display:flex}:host .feed-details-container.show-overlay .overlay{display:-ms-flexbox;display:flex}:host(.fullscreen-preview){width:100%;height:100%;background:var(--light, #ffffff)}:host(.fullscreen-preview) .fullscreen-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;background-color:var(--dark-80, rgba(0, 0, 0, 0.8))}:host(.fullscreen-preview) .fullscreen-container .feed-header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:var(--toolbar-web-height, 3.5rem);padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);overflow:hidden}:host(.fullscreen-preview) .fullscreen-container .feed-header yoo-icon.close{margin-right:var(--spacing-16, 1rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header yoo-avatar{padding-right:var(--spacing-08, 0.5rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--stable, #adadad);font-size:var(--font-size-16, 1rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading .subheading{padding-left:var(--spacing-16, 1rem);color:var(--light, #ffffff);font-size:var(--font-size-16, 1rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading span.username{padding-right:var(--spacing-16, 1rem);color:var(--light, #ffffff);font-size:var(--font-size-16, 1rem);border-right:var(--border-width-01, 0.0625rem) solid var(--light-20, rgba(255, 255, 255, 0.2))}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading span.feed-date{padding-right:var(--spacing-08, 0.5rem);padding-left:var(--spacing-16, 1rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading .inner-span{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading .inner-span yoo-icon.group{margin-right:var(--spacing-04, 0.25rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header .feed-heading .inner-span .feed-group{padding-right:var(--spacing-04, 0.25rem)}:host(.fullscreen-preview) .fullscreen-container .feed-header .fullscreen-preview-container{display:-ms-flexbox;display:flex;height:100%;margin-left:auto}:host(.fullscreen-preview) .fullscreen-container .feed-header .fullscreen-preview-container yoo-img{margin-left:var(--spacing-08, 0.5rem);border:solid var(--spacing-02, 0.125rem) transparent;-webkit-box-shadow:var(--shadow-04, 0 0.75rem 1.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-04, 0 0.75rem 1.5rem 0 rgba(0, 0, 0, 0.1))}:host(.fullscreen-preview) .fullscreen-container .feed-header .fullscreen-preview-container yoo-img.selected{border:solid var(--spacing-02, 0.125rem) var(--app-color, #5a30f4)}:host(.fullscreen-preview) .fullscreen-container .main-view-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;max-width:calc(100% - 6rem);height:100%;max-height:calc(100% - 2rem);margin:0 auto;overflow:hidden}:host(.fullscreen-preview) .fullscreen-container .main-view-container yoo-photo-editor{max-height:calc(100% - 2rem);margin:0 auto;--editor-background:transparent}";
 

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-5ecafe7a.js');
-require('./index-67909645.js');
-const overlays = require('./overlays-1b0bc51e.js');
+const index = require('./index-7319daa9.js');
+require('./index-38c5e81e.js');
+const overlays = require('./overlays-4334b40f.js');
 require('./lodash-72d493b9.js');
-require('./index-f08462bf.js');
+require('./index-a1aee400.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const flagCss = "svg:not(:root){overflow:hidden}:host{display:-ms-flexbox;display:flex;width:100%;height:100%}:host img{width:inherit;height:inherit}:host([shape=circle]) img{border-radius:50%}:host([has-shadow]) img{-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}";

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-5ecafe7a.js');
+const index = require('./index-7319daa9.js');
 
 const flipCardCss = "svg:not(:root){overflow:hidden}:host([flip-direction=vertical]) .back{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}:host([flip-direction=vertical][revealed]) .inner{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}:host([flip-direction=horizontal]) .back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}:host([flip-direction=horizontal][revealed]) .inner{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}:host{display:grid;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}:host .card{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;background-color:transparent;-webkit-perspective:62.5rem;perspective:62.5rem}:host .card .inner{position:relative;margin:0 auto;text-align:center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:height 0.6s, -webkit-transform 0.6s;transition:height 0.6s, -webkit-transform 0.6s;transition:height 0.6s, transform 0.6s;transition:height 0.6s, transform 0.6s, -webkit-transform 0.6s}:host .card .inner .front,:host .card .inner .back{position:absolute;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;-webkit-transition:height 0.6s;transition:height 0.6s}:host([layout=card]){--front-card-background-color:var(--light, #ffffff);--back-card-background-color:var(--app-color, #5a30f4);--front-card-text-color:var(--dark, #000000);--back-card-text-color:var(--light, #ffffff)}:host([layout=card]) .card{-webkit-transform:scale(0.95);transform:scale(0.95);opacity:0;-webkit-transition:opacity 0.3s, -webkit-transform 0.4s;transition:opacity 0.3s, -webkit-transform 0.4s;transition:transform 0.4s, opacity 0.3s;transition:transform 0.4s, opacity 0.3s, -webkit-transform 0.4s}:host([layout=card]) .card .inner{width:100%;height:100%}:host([layout=card]) .card .inner .front,:host([layout=card]) .card .inner .back{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host([layout=card]) .card .inner .front{color:var(--front-card-text-color);background-color:var(--front-card-background-color)}:host([layout=card]) .card .inner .back{color:var(--back-card-text-color);background-color:var(--back-card-background-color)}:host([layout=card]) .card.loaded{-webkit-transform:scale(1);transform:scale(1);opacity:1}";
 
@@ -17,32 +17,30 @@ const YooFlipCardComponent = class {
     var _a;
     const isCardLayout = this.layout === 'card';
     const cardInnerElement = this.cardElement.querySelector('.inner');
-    const slotContents = (_a = Array.from(cardInnerElement.querySelectorAll('slot'))) === null || _a === void 0 ? void 0 : _a.map(slot => { var _a, _b; return (_b = (_a = slot === null || slot === void 0 ? void 0 : slot.assignedNodes) === null || _a === void 0 ? void 0 : _a.call(slot)) === null || _b === void 0 ? void 0 : _b[0]; });
+    const slotContents = (_a = Array.from(cardInnerElement.querySelectorAll('slot'))) === null || _a === void 0 ? void 0 : _a.map((slot) => { var _a, _b; return (_b = (_a = slot === null || slot === void 0 ? void 0 : slot.assignedNodes) === null || _a === void 0 ? void 0 : _a.call(slot)) === null || _b === void 0 ? void 0 : _b[0]; });
     if ((slotContents === null || slotContents === void 0 ? void 0 : slotContents.length) === 2) {
-      const slotHeights = slotContents.map(slot => slot === null || slot === void 0 ? void 0 : slot.clientHeight);
+      const slotHeights = slotContents.map((slot) => slot === null || slot === void 0 ? void 0 : slot.clientHeight);
       const largestHeight = Math.round(slotHeights.sort((a, b) => a - b).reverse()[0]);
       const subCardsElements = [cardInnerElement, ...Array.from(cardInnerElement.querySelectorAll('div'))];
-      subCardsElements.forEach(e => e && Object.assign(e.style, {
-        height: `${Math.max(largestHeight, isCardLayout && 80) + (isCardLayout ? 16 : 0)}px`
-      }));
+      subCardsElements.forEach((e) => e &&
+        Object.assign(e.style, {
+          height: `${Math.max(largestHeight, isCardLayout && 80) + (isCardLayout ? 16 : 0)}px`
+        }));
       !isCardLayout && Object.assign(cardInnerElement.style, { width: `${slotContents[0].clientWidth}px` });
     }
   }
   async loadCard() {
     this.cardLoaded = true;
   }
-  componentDidLoad() {
-    this.initCardSize();
+  async componentDidLoad() {
+    await this.initCardSize();
   }
   revealCard() {
     this.revealed = !this.revealed;
     this.cardRevealed.emit(this.revealed);
   }
-  renderCard() {
-    return index.h("div", { class: { card: true, loaded: this.cardLoaded }, ref: el => this.cardElement = el, onClick: () => this.revealCard(), onTransitionEnd: () => this.cardLoaded = true }, index.h("div", { class: "inner" }, index.h("div", { class: "front" }, index.h("slot", { name: "front" })), index.h("div", { class: "back" }, index.h("slot", { name: "back" }))));
-  }
   render() {
-    return index.h(index.Host, null, this.renderCard());
+    return (index.h("div", { class: { card: true, loaded: this.cardLoaded }, ref: (el) => (this.cardElement = el), onClick: () => this.revealCard(), onTransitionEnd: () => (this.cardLoaded = true) }, index.h("div", { class: "inner" }, index.h("div", { class: "front" }, index.h("slot", { name: "front" })), index.h("div", { class: "back" }, index.h("slot", { name: "back" })))));
   }
   get host() { return index.getElement(this); }
 };

package/dist/cjs/yoo-form-audience.cjs.entry.js

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-5ecafe7a.js');
-const index$1 = require('./index-f08462bf.js');
-require('./index-67909645.js');
+const index = require('./index-7319daa9.js');
+const index$1 = require('./index-a1aee400.js');
+require('./index-38c5e81e.js');
 const lodash = require('./lodash-72d493b9.js');
-const filtersHelpers = require('./filters-helpers-bb75f11e.js');
-const formInputHelpers = require('./form-input-helpers-d979ee1e.js');
-const overlays = require('./overlays-1b0bc51e.js');
-require('./common-helpers-8e3fa11a.js');
+const filtersHelpers = require('./filters-helpers-255ed3fb.js');
+const formInputHelpers = require('./form-input-helpers-7738afe7.js');
+const overlays = require('./overlays-4334b40f.js');
+require('./common-helpers-82a45712.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const formAudienceCss = "svg:not(:root){overflow:hidden}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}:host .outer-container yoo-tabs{--height-tabs:2.5rem;--tab-padding:0 var(--spacing-16, 1rem) 0 0}:host .outer-container .save-container{position:absolute;top:4.0625rem;right:0;z-index:11}:host .outer-container yoo-form-input-container.bordered{margin-bottom:var(--spacing-08, 0.5rem);padding-bottom:var(--spacing-08, 0.5rem);border-bottom:var(--spacing-04, 0.25rem) solid var(--stable-light, #f1f1f1)}:host .outer-container .segment-container,:host .outer-container .radio-container{--form-radio-label-gap:0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}:host .outer-container .segment-container yoo-segmented-control,:host .outer-container .radio-container yoo-segmented-control{max-width:18.75rem;margin-right:var(--spacing-16, 1rem)}:host .outer-container .segment-container yoo-icon,:host .outer-container .radio-container yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .segment-container .info,:host .outer-container .radio-container .info{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;color:var(--text-color, #807f83);font-size:var(--font-size-12, 0.75rem)}:host .outer-container .field-title{margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-400, 400)}:host .outer-container yoo-collapsible.margin-bottom{margin-bottom:var(--spacing-08, 0.5rem)}:host .outer-container .rules{margin-bottom:var(--spacing-08, 0.5rem);padding-bottom:var(--spacing-08, 0.5rem);border-bottom:var(--spacing-04, 0.25rem) solid var(--stable-light, #f1f1f1)}:host .outer-container .rules .rule-container{margin-bottom:var(--spacing-08, 0.5rem);padding-bottom:var(--spacing-08, 0.5rem)}:host .outer-container .rules .rule-container .rule-title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:var(--spacing-08, 0.5rem);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .rules .rule-container .rule-title yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .rules .rule-container .rule-title yoo-icon[name=info]{margin-left:var(--spacing-08, 0.5rem)}:host .outer-container .rules .rule-container .rule-title .info{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;color:var(--text-color, #807f83);font-size:var(--font-size-12, 0.75rem)}:host .outer-container .rules .rule-container .rule{padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);padding-bottom:var(--spacing-04, 0.25rem);background:var(--stable-ultralight, #fafafa);border:solid 0.0625rem var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-08, 0.5rem)}:host .outer-container .preview{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;margin-bottom:var(--spacing-08, 0.5rem);padding-bottom:var(--spacing-08, 0.5rem)}:host .outer-container .preview .preview-container{padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);background:var(--stable-ultralight, #fafafa);border:solid 0.0625rem var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-08, 0.5rem);-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out}:host .outer-container .preview .preview-container.opened{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;min-height:34rem}:host .outer-container .preview .preview-container .preview-header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .outer-container .preview .preview-container .preview-header.clickable{cursor:pointer}:host .outer-container .preview .preview-container .preview-header yoo-form-toggle{margin-left:var(--spacing-24, 1.5rem)}:host .outer-container .preview .preview-container .preview-header .preview-total,:host .outer-container .preview .preview-container .preview-header .preview-sub,:host .outer-container .preview .preview-container .preview-header .preview-toggle{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .outer-container .preview .preview-container .preview-header .preview-total,:host .outer-container .preview .preview-container .preview-header .preview-sub{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .preview .preview-container .preview-header .preview-total yoo-icon,:host .outer-container .preview .preview-container .preview-header .preview-sub yoo-icon{margin-right:var(--spacing-04, 0.25rem)}:host .outer-container .preview .preview-container .preview-header .preview-total{font-weight:bold;font-size:var(--font-size-32, 2rem)}:host .outer-container .preview .preview-container .preview-header .preview-sub{margin-top:var(--spacing-08, 0.5rem);font-size:var(--font-size-16, 1rem)}:host .outer-container .preview .preview-container .preview-header .preview-toggle{-ms-flex:1;flex:1;-ms-flex-pack:end;justify-content:flex-end;color:var(--app-color, #5a30f4);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .preview .preview-container .preview-header .preview-toggle yoo-icon{margin-left:var(--spacing-04, 0.25rem)}:host .outer-container .preview .preview-container .preview-grid{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column}:host .outer-container .preview .preview-container .preview-grid yoo-grid{position:inherit !important;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column}:host .outer-container .saved-grid{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column}:host .outer-container .saved-grid yoo-grid{position:inherit !important;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column}:host(.mobile) .outer-container .preview .preview-container .preview-header{-ms-flex-wrap:wrap;flex-wrap:wrap}:host(.mobile) .outer-container .preview .preview-container .preview-header yoo-form-toggle{width:100%;margin-left:0}:host(.mobile) .outer-container .preview .preview-container .preview-header .preview-toggle{margin-top:var(--spacing-08, 0.5rem)}:host(.mobile) .outer-container .preview .preview-container .preview-header .preview-sub{margin-top:calc(var(--spacing-08, 0.5rem) + var(--spacing-04, 0.25rem));font-size:var(--font-size-12, 0.75rem)}:host(.mobile) .outer-container .preview .preview-container .preview-header .preview-sub+.preview-sub{-ms-flex:1 0 100%;flex:1 0 100%;-ms-flex-order:1;order:1;margin-top:0}:host(.mobile) .outer-container yoo-grid.audiences{min-height:25rem}:host(.mobile) .outer-container .save-container{top:3rem}";
@@ -80,7 +80,7 @@ const YooFormAudienceComponent = class {
     }
   }
   async updateCount() {
-    this.value = await overlays.getDefaultAudience({ mode: this.mode, newAudience: this.value });
+    this.value = await overlays.getDefaultAudience({ mode: this.mode, newAudience: this.value, audienceRef: this.audienceRef });
   }
   onTargetChanged(ev) {
     ev.stopPropagation();

package/dist/cjs/yoo-form-autocomplete-dialog.cjs.entry.js

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-5ecafe7a.js');
-require('./index-67909645.js');
+const index = require('./index-7319daa9.js');
+require('./index-38c5e81e.js');
 const lodash = require('./lodash-72d493b9.js');
-const commonHelpers = require('./common-helpers-8e3fa11a.js');
-const overlays = require('./overlays-1b0bc51e.js');
-require('./index-f08462bf.js');
+const commonHelpers = require('./common-helpers-82a45712.js');
+const overlays = require('./overlays-4334b40f.js');
+require('./index-a1aee400.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
-const formAutocompleteDialogCss = "svg:not(:root){overflow:hidden}:host{--dialog-width:unset}:host .outer-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}:host .outer-container yoo-swipe-container{--swiper-background:transparent}:host .outer-container yoo-grid{--container-min-height:100%}:host .outer-container .content{position:relative;height:calc(100% - 44px)}:host .outer-container .content yoo-ion-scroll{top:auto;height:100%;-webkit-transition:0.3s;transition:0.3s}:host(:not(.fullscreen):not(.modal-view)){border-top-left-radius:1rem;border-top-right-radius:1rem}:host(:not(.fullscreen):not(.modal-view)) yoo-grid{--empty-state-height:6.25rem}:host(.mobile) yoo-grid{--empty-state-height:8.125rem}:host(.web){position:absolute;width:var(--dialog-width);max-height:25rem;-webkit-box-shadow:var(--shadow-04, 0 0.75rem 1.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-04, 0 0.75rem 1.5rem 0 rgba(0, 0, 0, 0.1))}:host(.web) .web-dialog-container{bottom:0;height:auto;min-height:5.375rem;max-height:inherit;background:var(--light, #ffffff)}:host(.web) .web-dialog-container yoo-ion-scroll{position:relative;height:auto;min-height:5.375rem;max-height:inherit;overflow-y:auto;contain:unset}:host(.expanded){position:relative}:host(.expanded) yoo-ion-scroll{position:relative}:host(.expanded) .expanded-dialog-container{display:grid;grid-template-rows:3.5rem auto 3.5rem;height:100%}:host(.expanded) .expanded-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.expanded) .expanded-footer yoo-button{width:4.125rem}:host(.expanded) .expanded-web-dialog-container{height:100%;-webkit-box-shadow:var(--web-shadow, 0 0.3125rem 0.8125rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--web-shadow, 0 0.3125rem 0.8125rem 0 rgba(40, 47, 54, 0.08));-webkit-transform:translate(0px, 0px);transform:translate(0px, 0px)}:host(.expanded) .header-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.expanded) .header-container .expanded-grid-title{width:100%;font-weight:bold;text-align:center}:host(.expanded) .expanded-footer,:host(.expanded) .header-container{padding:0 var(--spacing-16, 1rem)}:host(.modal-view:not(.half)) yoo-swipe-container{--swiper-background:var(--light, #ffffff);--wrapper-border-radius:0}:host([placement=below]){top:0}:host([placement=above]){bottom:0}";
+const formAutocompleteDialogCss = "svg:not(:root){overflow:hidden}:host .outer-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}:host .outer-container yoo-swipe-container{--swiper-background:transparent}:host .outer-container yoo-grid{--container-min-height:100%}:host .outer-container .content{position:relative;height:calc(100% - 44px)}:host .outer-container .content yoo-ion-scroll{top:auto;height:100%;-webkit-transition:0.3s;transition:0.3s}:host(:not(.fullscreen):not(.modal-view)){border-top-left-radius:1rem;border-top-right-radius:1rem}:host(:not(.fullscreen):not(.modal-view)) yoo-grid{--empty-state-height:6.25rem}:host(.mobile) yoo-grid{--empty-state-height:8.125rem}:host(.web){position:absolute;max-height:25rem;-webkit-box-shadow:var(--shadow-04, 0 0.75rem 1.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-04, 0 0.75rem 1.5rem 0 rgba(0, 0, 0, 0.1))}:host(.web) .web-dialog-container{bottom:0;height:auto;min-height:5.375rem;max-height:inherit;background:var(--light, #ffffff)}:host(.web) .web-dialog-container yoo-ion-scroll{position:relative;height:auto;min-height:5.375rem;max-height:inherit;overflow-y:auto;contain:unset}:host(.expanded){position:relative}:host(.expanded) yoo-ion-scroll{position:relative}:host(.expanded) .expanded-dialog-container{display:grid;grid-template-rows:3.5rem auto 3.5rem;height:100%}:host(.expanded) .expanded-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.expanded) .expanded-footer yoo-button{width:4.125rem}:host(.expanded) .expanded-web-dialog-container{height:100%;-webkit-box-shadow:var(--web-shadow, 0 0.3125rem 0.8125rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--web-shadow, 0 0.3125rem 0.8125rem 0 rgba(40, 47, 54, 0.08));-webkit-transform:translate(0px, 0px);transform:translate(0px, 0px)}:host(.expanded) .header-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.expanded) .header-container .expanded-grid-title{width:100%;font-weight:bold;text-align:center}:host(.expanded) .expanded-footer,:host(.expanded) .header-container{padding:0 var(--spacing-16, 1rem)}:host(.modal-view:not(.half)) yoo-swipe-container{--swiper-background:var(--light, #ffffff);--wrapper-border-radius:0}:host([placement=below]){top:0}:host([placement=above]){bottom:0}";
 
 const HEADER_HEIGHT = 44;
 const ANIMATION_DURATION = 300;