@yoobic/yobi 8.5.0-3 → 8.5.0-31

package/dist/collection/components/entities/entity/entity.js

@@ -1,7 +1,7 @@
 import { FeedPostType, FormFieldType } from '@shared/interfaces';
 import { canAccessReadReceipt, changeExtension, changeHexOpacity, compareAsc, dateFormat, fileHasIcon, fromNow, getAuthentication, getCampaignColor, getCampaignConfigsForFeed, getCampaignIcon, getCardFeedEntryFromFeed, getCardFeedEntryFromQuestion, getCommunityKpis, getCssColor, getCurrentLanguage, getDashboardTags, getEventConfigsFromEvent, getEventStatusInfo, getEventTypeColor, getFormatedDate, getIconColor, getIconName, getIncentiveConfigsForFeed, getLanguageFlag, getLessonTypeIcon, getMediaSrcFromFeed, getPlanDueDate, getRandomSwatchColor, getRoleTitle, getSession, getType, getUserDisplayName, getUserTags, getVideoPoster, getWorkflowProgress, isCampaignActive, isCampaignAnnouncementByUser, isCampaignFeed, isCampaignTodo, isImage, isMedia, isPhotoEdited, isPlanInFuture, isPresent, isSameDate, isVideo, isWeb, mapKpiData, pipes, removeTextStyle, replaceAllLinks, replaceAtTagToMentionTag, replaceTextWithRichContent, showModal, toButton, translate, translateMulti } from '@shared/utils';
 import { dispatchCustomEvent, getAsyncExtraData, getMediaSrcAndType, getMobileFieldIcon, groupsResolver, isCloudinaryLink, parseMarkDown } from '@shared/utils';
-import { Component, Element, Event, forceUpdate, h, Host, Method, Prop } from '@stencil/core';
+import { forceUpdate, h, Host } from '@stencil/core';
 import { compact, get, isArray, isFunction, isNil, isNumber, isString, keys, partition, size } from 'lodash-es';
 import { getIncentiveStatusBadgeSettings } from '../../../feature-learn/incentive/helpers/incentive-helpers';
 import { getCampaignStateTags, getCampaignTemplateTags, getMissionDataStateTags, getProductBatchDateTag, getProductBatchProgressColor, getWaitlistVisitTags } from '../../../feature-operate/campaign/helpers/operation-helpers';
@@ -303,9 +303,7 @@ export class YooEntityComponent {
     if ((_d = notification.data) === null || _d === void 0 ? void 0 : _d.replaceContent) {
       body = replaceTextWithRichContent(body);
     }
-    return (h("yoo-card-notification", { class: { unread: !notification.isViewedByMe }, body: body, notificationTitle: translateMulti(notification.title, notificationParams), timeAgo: notification.scheduledDate || notification._ect ? 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) && 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) && (h("yoo-icon", { slot: "item-left", name: iconName, color: iconColor, size: "large" }))));
+    return (h("yoo-card-notification", { class: { unread: !notification.isViewedByMe }, body: body, notificationTitle: translateMulti(notification.title, notificationParams), timeAgo: notification.scheduledDate || notification._ect ? 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) && 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) && (h("yoo-icon", { slot: "item-left", name: iconName, color: iconColor, size: "large" }))));
   }
   renderCardSticky(extraClasses) {
     var _a, _b;
@@ -414,16 +412,12 @@ export class YooEntityComponent {
   renderTenantAvatars() {
     var _a, _b, _c, _d, _e;
     const img = (_b = (_a = this.item) === null || _a === void 0 ? void 0 : _a.icon) === null || _b === void 0 ? void 0 : _b._downloadURL;
-    return (h("div", { class: "avatar-container" },
-      h("yoo-avatar", { imgSrc: img, iconText: !img && ((_c = this.item) === null || _c === void 0 ? void 0 : _c.name) }),
-      ((_d = this.item) === null || _d === void 0 ? void 0 : _d.name) && h("div", null, (_e = this.item) === null || _e === void 0 ? void 0 : _e.name)));
+    return (h("div", { class: "avatar-container" }, h("yoo-avatar", { imgSrc: img, iconText: !img && ((_c = this.item) === null || _c === void 0 ? void 0 : _c.name) }), ((_d = this.item) === null || _d === void 0 ? void 0 : _d.name) && h("div", null, (_e = this.item) === null || _e === void 0 ? void 0 : _e.name)));
   }
   renderTagBadge() {
     var _a, _b, _c, _d, _e, _f;
     const icon = ((_b = (_a = this.item) === null || _a === void 0 ? void 0 : _a.icon) === null || _b === void 0 ? void 0 : _b.substring(0, 3)) === 'yo-' ? this.item.icon.substring(3, this.item.icon.length) : (_c = this.item) === null || _c === void 0 ? void 0 : _c.icon;
-    return (h("div", { class: "tag-container" },
-      h("yoo-tag", { size: "extra-large", icon: icon, customColor: (_d = this.item) === null || _d === void 0 ? void 0 : _d.color }),
-      ((_e = this.item) === null || _e === void 0 ? void 0 : _e.title) && h("div", { class: "tag-title" }, (_f = this.item) === null || _f === void 0 ? void 0 : _f.title)));
+    return (h("div", { class: "tag-container" }, h("yoo-tag", { size: "extra-large", icon: icon, customColor: (_d = this.item) === null || _d === void 0 ? void 0 : _d.color }), ((_e = this.item) === null || _e === void 0 ? void 0 : _e.title) && h("div", { class: "tag-title" }, (_f = this.item) === null || _f === void 0 ? void 0 : _f.title)));
   }
   renderCardFeed(extraClasses) {
     var _a, _b, _c, _d, _e, _f, _g;
@@ -752,16 +746,12 @@ export class YooEntityComponent {
     const session = getSession();
     const address = getMissionAddress(mission, session, this.item.beType === 'visits');
     if (address && ((_a = mission === null || mission === void 0 ? void 0 : mission.location) === null || _a === void 0 ? void 0 : _a.imageData) && !(session === null || session === void 0 ? void 0 : session.isExternal)) {
-      return (h("div", { class: "flex subheading-container" },
-        ' ',
-        h("yoo-avatar", { class: "inline", size: "small", imgSrc: mission.location.imageData }, ' '),
-        h("span", { class: "text", innerHTML: address }),
-        ' '));
+      return (h("div", { class: "flex subheading-container" }, ' ', h("yoo-avatar", { class: "inline", size: "small", imgSrc: mission.location.imageData }, ' '), h("span", { class: "text", innerHTML: address }), ' '));
     }
     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);
@@ -1575,13 +1565,9 @@ export class YooEntityComponent {
         time += ` - ${dateFormat(endDate, 'HH:mm')}`;
       }
       const eventType = calendarEvent.eventType || 'public';
-      const eventTypeSubheading = (h("div", { class: "event-type-container" },
-        h("yoo-icon", { class: "icon-event", color: "stable", size: "small", name: "email" }),
-        h("span", { class: "text-color" }, translate(eventType === 'public' ? 'PUBLICEVENT' : 'PRIVATEEVENT'))));
+      const eventTypeSubheading = (h("div", { class: "event-type-container" }, h("yoo-icon", { class: "icon-event", color: "stable", size: "small", name: "email" }), h("span", { class: "text-color" }, translate(eventType === 'public' ? 'PUBLICEVENT' : 'PRIVATEEVENT'))));
       const eventInfo = getEventStatusInfo(calendarEvent, getSession().userId);
-      const statusSubheading = (h("div", { class: "event-status-container" },
-        h("yoo-icon", { class: "icon-event", name: eventInfo === null || eventInfo === void 0 ? void 0 : eventInfo.iconName, size: "small", color: eventInfo === null || eventInfo === void 0 ? void 0 : eventInfo.color }),
-        h("span", { class: eventInfo === null || eventInfo === void 0 ? void 0 : eventInfo.color }, translate(eventInfo === null || eventInfo === void 0 ? void 0 : eventInfo.title))));
+      const statusSubheading = (h("div", { class: "event-status-container" }, h("yoo-icon", { class: "icon-event", name: eventInfo === null || eventInfo === void 0 ? void 0 : eventInfo.iconName, size: "small", color: eventInfo === null || eventInfo === void 0 ? void 0 : eventInfo.color }), h("span", { class: eventInfo === null || eventInfo === void 0 ? void 0 : eventInfo.color }, translate(eventInfo === null || eventInfo === void 0 ? void 0 : eventInfo.title))));
       const mediaConfig = getMediaSrcAndType({ event: calendarEvent });
       const mediaSrc = (mediaConfig === null || mediaConfig === void 0 ? void 0 : mediaConfig.type) === 'photo' ? mediaConfig.mediaSrc[0] : null;
       const isEventMultipleDays = (startDate, endDate) => {
@@ -1708,7 +1694,19 @@ export class YooEntityComponent {
       entry = {
         heading: getUserDisplayName(user),
         rank: userrank.rank,
-        points: !isWeb() ? userrank.points : null,
+        points: userrank.points,
+        current: ((_37 = this.item) === null || _37 === void 0 ? void 0 : _37._id) === 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: getUserDisplayName(user),
+        rank: userrank.rank,
         users: [user]
       };
       extraClasses += this.extraClass;
@@ -1716,10 +1714,10 @@ export class YooEntityComponent {
     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') {
@@ -1784,17 +1782,17 @@ export class YooEntityComponent {
         subheadings: [
           'Operation Id: ' + op.operationId,
           'Request Id: ' + op.requestId,
-          ((_39 = op.operation) === null || _39 === void 0 ? void 0 : _39.accessToken) ? 'User:' + 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:' + 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: 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: compact([
           op.isCreation
             ? {
@@ -1848,12 +1846,12 @@ export class YooEntityComponent {
       entry = {
         heading: translateMulti(battleList.title),
         subheadings: [lessonsCount + ' ' + 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') {
@@ -1894,7 +1892,7 @@ export class YooEntityComponent {
     else if (this.entityType === 'widgets') {
       const widget = this.item;
       entry = {
-        heading: translate(widget.title || ((_53 = widget.page) === null || _53 === void 0 ? void 0 : _53.path)),
+        heading: translate(widget.title || ((_54 = widget.page) === null || _54 === void 0 ? void 0 : _54.path)),
         imgSrc: widget.photo,
         icon: widget.icon,
         subheadings: compact([]),
@@ -1971,16 +1969,16 @@ export class YooEntityComponent {
       }
       const title = this.useTranslate ? defaultTitle.toUpperCase() : defaultTitle;
       entry.heading = 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 = [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) && isString(this.item.background)) {
+      else if (((_58 = this.item) === null || _58 === void 0 ? void 0 : _58.background) && 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 && isString(this.item.icon)) {
@@ -2004,7 +2002,7 @@ export class YooEntityComponent {
         const comment = this.item;
         entry = 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' }];
       }
     }
@@ -2013,7 +2011,7 @@ export class YooEntityComponent {
       !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
@@ -2055,7 +2053,7 @@ export class YooEntityComponent {
     if (this.host.classList.contains('full-width')) {
       extraClasses += ' full-width ';
     }
-    if (((_63 = this.item) === null || _63 === void 0 ? void 0 : _63._id) === getSession().userId) {
+    if (((_64 = this.item) === null || _64 === void 0 ? void 0 : _64._id) === getSession().userId) {
       extraClasses += ' current ';
     }
     if (this.extraClass) {
@@ -2084,7 +2082,7 @@ export class YooEntityComponent {
           [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 && (h("span", { class: "slot-container", slot: "content-slot" }, this.inlineActions.map((action) => {
+        } }, ((_65 = this.inlineActions) === null || _65 === void 0 ? void 0 : _65.length) > 0 && (h("span", { class: "slot-container", slot: "content-slot" }, this.inlineActions.map((action) => {
         return (h("span", { class: action.cssClass, onClick: () => (action.handler ? action.handler(this.item) : null) }, action.text));
       })))));
     }
@@ -2304,9 +2302,7 @@ export class YooEntityComponent {
         case 'user': {
           const user = this.item;
           if (this.displayType === 'card-tag') {
-            return this.readonly ? (h("div", { class: "readonly-container" },
-              h("yoo-avatar", { class: { 'msmall entity-display readonly': true }, size: "medium", user: user }),
-              h("span", null, (text = getUserDisplayName(user))))) : (h("yoo-avatar", { class: "msmall entity-display", size: "small", user: user }));
+            return this.readonly ? (h("div", { class: "readonly-container" }, h("yoo-avatar", { class: { 'msmall entity-display readonly': true }, size: "medium", user: user }), h("span", null, (text = getUserDisplayName(user))))) : (h("yoo-avatar", { class: "msmall entity-display", size: "small", user: user }));
           }
           text = getUserDisplayName(user);
           break;
@@ -2422,9 +2418,7 @@ export class YooEntityComponent {
       }
       else {
         // shouldTruncate={!this.host.classList.contains('list')}
-        return (h("yoo-tag", { class: { 'custom-icon': this.item.icon, readonly: this.readonly }, color: !this.valuesColor ? 'stable-light' : null, customColor: this.valuesColor && ((_c = this.valuesColor) === null || _c === void 0 ? void 0 : _c.value), closable: closable, size: this.isWebAutocomplete() ? 'small' : 'medium' },
-          ((_d = this.item) === null || _d === void 0 ? void 0 : _d.icon) && isString((_e = this.item) === null || _e === void 0 ? void 0 : _e.icon) && h("yoo-icon", { slot: "start", name: this.item.icon, color: "light" }),
-          text && h("span", { innerHTML: this.entityType === 'translations' ? translate(text) : text })));
+        return (h("yoo-tag", { class: { 'custom-icon': this.item.icon, readonly: this.readonly }, color: !this.valuesColor ? 'stable-light' : null, customColor: this.valuesColor && ((_c = this.valuesColor) === null || _c === void 0 ? void 0 : _c.value), closable: closable, size: this.isWebAutocomplete() ? 'small' : 'medium' }, ((_d = this.item) === null || _d === void 0 ? void 0 : _d.icon) && isString((_e = this.item) === null || _e === void 0 ? void 0 : _e.icon) && h("yoo-icon", { slot: "start", name: this.item.icon, color: "light" }), text && h("span", { innerHTML: this.entityType === 'translations' ? translate(text) : text })));
       }
     }
     return (h("yoo-tag", { class: { 'autocomplete-selected': this.isAutocompleteSelected() }, color: color, size: this.isWebAutocomplete() ? 'small' : 'medium', closable: closable, onClosed: (ev) => execHandlerAndStopEvent(ev, () => this.onEntityClosed()) }, text));
@@ -2628,796 +2622,806 @@ export class YooEntityComponent {
   }
   static get is() { return "yoo-entity"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["entity.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["entity.css"]
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["entity.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["entity.css"]
+    };
+  }
   static get assetsDirs() { return ["assets/entity"]; }
-  static get properties() { return {
-    "item": {
-      "type": "any",
-      "mutable": false,
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "item",
-      "reflect": false
-    },
-    "items": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "IEntity[]",
-        "resolved": "IEntity[]",
-        "references": {
-          "IEntity": {
-            "location": "import",
-            "path": "@shared/interfaces"
+  static get properties() {
+    return {
+      "item": {
+        "type": "any",
+        "mutable": false,
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "item",
+        "reflect": false
+      },
+      "items": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IEntity[]",
+          "resolved": "IEntity[]",
+          "references": {
+            "IEntity": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "defaultValue": "[]"
-    },
-    "displayType": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "CardType",
-        "resolved": "\"calendar\" | \"card-calendar\" | \"card-battle\" | \"card-battle-result\" | \"card-campaign\" | \"card-cell\" | \"card-cell-color\" | \"card-cell-image\" | \"card-chat\" | \"card-course\" | \"card-course-info\" | \"card-course-row\" | \"card-course-row-compact\" | \"card-default\" | \"card-feed\" | \"card-feed-row\" | \"card-file\" | \"card-grid\" | \"card-image\" | \"card-inbox\" | \"card-inbox-ongoing\" | \"card-incentive\" | \"card-incentive-rank\" | \"card-kanban\" | \"card-list\" | \"card-list-color\" | \"card-list-simple\" | \"card-location\" | \"card-map\" | \"card-media\" | \"card-menu\" | \"card-notification\" | \"card-plan\" | \"card-recommendation\" | \"card-sticky\" | \"card-tag\" | \"card-tag-single\" | \"card-template\" | \"kanban\" | \"tree\"",
-        "references": {
-          "CardType": {
-            "location": "import",
-            "path": "@shared/interfaces"
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "defaultValue": "[]"
+      },
+      "displayType": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "CardType",
+          "resolved": "\"calendar\" | \"kanban\" | \"card-calendar\" | \"card-battle\" | \"card-battle-result\" | \"card-campaign\" | \"card-cell\" | \"card-cell-color\" | \"card-cell-image\" | \"card-chat\" | \"card-course\" | \"card-course-info\" | \"card-course-row\" | \"card-course-row-compact\" | \"card-default\" | \"card-feed\" | \"card-feed-row\" | \"card-file\" | \"card-grid\" | \"card-image\" | \"card-inbox\" | \"card-inbox-ongoing\" | \"card-incentive\" | \"card-incentive-rank\" | \"card-kanban\" | \"card-list\" | \"card-list-color\" | \"card-list-simple\" | \"card-location\" | \"card-map\" | \"card-media\" | \"card-menu\" | \"card-notification\" | \"card-plan\" | \"card-recommendation\" | \"card-sticky\" | \"card-tag\" | \"card-tag-single\" | \"card-template\" | \"tree\"",
+          "references": {
+            "CardType": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "display-type",
-      "reflect": false
-    },
-    "displaySize": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "TSize",
-        "resolved": "\"extra-extra-large\" | \"extra-large\" | \"extra-small\" | \"large\" | \"medium\" | \"small\"",
-        "references": {
-          "TSize": {
-            "location": "import",
-            "path": "@shared/interfaces"
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "display-type",
+        "reflect": false
+      },
+      "displaySize": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "TSize",
+          "resolved": "\"extra-extra-large\" | \"extra-large\" | \"extra-small\" | \"large\" | \"medium\" | \"small\"",
+          "references": {
+            "TSize": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "display-size",
-      "reflect": false
-    },
-    "useCellOverlay": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "use-cell-overlay",
-      "reflect": false
-    },
-    "direction": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "TGridDirection",
-        "resolved": "\"horizontal\" | \"vertical\"",
-        "references": {
-          "TGridDirection": {
-            "location": "import",
-            "path": "@shared/interfaces"
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "display-size",
+        "reflect": false
+      },
+      "useCellOverlay": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "use-cell-overlay",
+        "reflect": false
+      },
+      "direction": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "TGridDirection",
+          "resolved": "\"horizontal\" | \"vertical\"",
+          "references": {
+            "TGridDirection": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "direction",
-      "reflect": false
-    },
-    "index": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "index",
-      "reflect": false
-    },
-    "entityType": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "EntityType",
-        "resolved": "\"aisles\" | \"community\" | \"courses\" | \"dashboards\" | \"operations\" | \"pages\" | \"questions\" | \"scoring\" | \"tableau\" | \"tag\" | \"user\" | \"weekdays\" | \"campaignfilters\" | \"channel\" | \"communities\" | \"custommodels\" | \"geofilters\" | \"hierarchy\" | \"incentives\" | \"locationtypes\" | \"plans\" | \"translations\" | \"aclRole\" | \"blog\" | \"emails\" | \"feeds\" | \"files\" | \"groups\" | \"htmltemplates\" | \"lessons\" | \"locations\" | \"memos\" | \"missiondescriptions\" | \"missiondescriptiontemplates\" | \"missions\" | \"productbatch\" | \"products\" | \"tenants\" | \"userranks\" | \"users\" | \"notes\" | \"type\" | \"aclPermission\" | \"aclPermissionList\" | \"aislelist\" | \"algorithm\" | \"apps\" | \"arexperience\" | \"armodel\" | \"audiences\" | \"badges\" | \"broadcasts\" | \"calendarEvents\" | \"creationtypes\" | \"catalogs\" | \"certificates\" | \"channels\" | \"charttype\" | \"contacts\" | \"coursecategories\" | \"courses-small\" | \"courseselection\" | \"currencies\" | \"customapps\" | \"customforms\" | \"days\" | \"entitycomments\" | \"environnement\" | \"feedsComments\" | \"filesFolders\" | \"folders\" | \"formfield\" | \"giphy\" | \"googlemaps\" | \"hashtags\" | \"icons\" | \"journeys\" | \"language\" | \"lessondescriptions\" | \"liveshoppings\" | \"locationsaudience\" | \"locationspublic\" | \"markas\" | \"mediacapturedevices\" | \"memolist\" | \"missiondatas\" | \"missiondescriptioncategories\" | \"missiondescriptionreviewhistories\" | \"missionfield\" | \"notifications\" | \"photos\" | \"productbatchlist\" | \"productweightpair\" | \"publicAPITokens\" | \"questionsAnswers\" | \"regex\" | \"reporttemplates\" | \"reviewapps\" | \"salesdata\" | \"scorms\" | \"scormcloud\" | \"slots\" | \"tableauShared\" | \"tagGroups\" | \"topusers\" | \"unsplash\" | \"useraudience\" | \"userlearningmanager\" | \"usercourseinfo\" | \"violetproducts\" | \"violetproductofferskus\" | \"violetbasketitems\" | \"violetshippingmethods\" | \"version\" | \"videocallusers\" | \"visits\" | \"waitlistvisit\" | \"waitlistcustomer\" | \"waitliststats\" | \"plansorlessons\" | \"widgets\"",
-        "references": {
-          "EntityType": {
-            "location": "import",
-            "path": "@shared/interfaces"
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "direction",
+        "reflect": false
+      },
+      "index": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "index",
+        "reflect": false
+      },
+      "entityType": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "EntityType",
+          "resolved": "\"aisles\" | \"community\" | \"courses\" | \"dashboards\" | \"operations\" | \"pages\" | \"questions\" | \"scoring\" | \"tableau\" | \"tag\" | \"user\" | \"weekdays\" | \"aclPermission\" | \"aclPermissionList\" | \"aclRole\" | \"aislelist\" | \"algorithm\" | \"apps\" | \"arexperience\" | \"armodel\" | \"audiences\" | \"badges\" | \"blog\" | \"broadcasts\" | \"calendarEvents\" | \"campaignfilters\" | \"creationtypes\" | \"catalogs\" | \"certificates\" | \"channel\" | \"channels\" | \"charttype\" | \"communities\" | \"contacts\" | \"coursecategories\" | \"courses-small\" | \"courseselection\" | \"currencies\" | \"customapps\" | \"customforms\" | \"custommodels\" | \"days\" | \"emails\" | \"entitycomments\" | \"environnement\" | \"feeds\" | \"feedsComments\" | \"files\" | \"filesFolders\" | \"folders\" | \"formfield\" | \"geofilters\" | \"giphy\" | \"googlemaps\" | \"groups\" | \"hashtags\" | \"hierarchy\" | \"htmltemplates\" | \"icons\" | \"incentives\" | \"journeys\" | \"language\" | \"lessondescriptions\" | \"lessons\" | \"liveshoppings\" | \"locations\" | \"locationsaudience\" | \"locationspublic\" | \"locationtypes\" | \"markas\" | \"mediacapturedevices\" | \"memolist\" | \"memos\" | \"missiondatas\" | \"missiondescriptions\" | \"missiondescriptioncategories\" | \"missiondescriptionreviewhistories\" | \"missiondescriptiontemplates\" | \"missionfield\" | \"missions\" | \"notes\" | \"notifications\" | \"photos\" | \"plans\" | \"productbatch\" | \"productbatchlist\" | \"products\" | \"productweightpair\" | \"publicAPITokens\" | \"questionsAnswers\" | \"regex\" | \"reporttemplates\" | \"reviewapps\" | \"salesdata\" | \"scorms\" | \"scormcloud\" | \"slots\" | \"tableauShared\" | \"tagGroups\" | \"tenants\" | \"topusers\" | \"translations\" | \"type\" | \"unsplash\" | \"useraudience\" | \"userranks\" | \"userhighscores\" | \"userlearningmanager\" | \"usercourseinfo\" | \"users\" | \"violetproducts\" | \"violetproductofferskus\" | \"violetbasketitems\" | \"violetshippingmethods\" | \"version\" | \"videocallusers\" | \"visits\" | \"waitlistvisit\" | \"waitlistcustomer\" | \"waitliststats\" | \"plansorlessons\" | \"widgets\"",
+          "references": {
+            "EntityType": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "entity-type",
-      "reflect": false
-    },
-    "useTranslate": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "use-translate",
-      "reflect": false
-    },
-    "profileSummary": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "profile-summary",
-      "reflect": false
-    },
-    "iconColor": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "icon-color",
-      "reflect": false
-    },
-    "icons": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "IEntityAction[]",
-        "resolved": "IEntityAction[]",
-        "references": {
-          "IEntityAction": {
-            "location": "import",
-            "path": "@shared/interfaces"
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "entity-type",
+        "reflect": false
+      },
+      "useTranslate": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "use-translate",
+        "reflect": false
+      },
+      "profileSummary": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "profile-summary",
+        "reflect": false
+      },
+      "iconColor": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "icon-color",
+        "reflect": false
+      },
+      "icons": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IEntityAction[]",
+          "resolved": "IEntityAction[]",
+          "references": {
+            "IEntityAction": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "topActions": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "IEntityAction[]",
-        "resolved": "IEntityAction[]",
-        "references": {
-          "IEntityAction": {
-            "location": "import",
-            "path": "@shared/interfaces"
+      "topActions": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IEntityAction[]",
+          "resolved": "IEntityAction[]",
+          "references": {
+            "IEntityAction": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "bottomActions": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "IEntityAction[]",
-        "resolved": "IEntityAction[]",
-        "references": {
-          "IEntityAction": {
-            "location": "import",
-            "path": "@shared/interfaces"
+      "bottomActions": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IEntityAction[]",
+          "resolved": "IEntityAction[]",
+          "references": {
+            "IEntityAction": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "secondaryActions": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "IEntityAction[]",
-        "resolved": "IEntityAction[]",
-        "references": {
-          "IEntityAction": {
-            "location": "import",
-            "path": "@shared/interfaces"
+      "secondaryActions": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IEntityAction[]",
+          "resolved": "IEntityAction[]",
+          "references": {
+            "IEntityAction": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "inlineActions": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "IButton[]",
-        "resolved": "IButton[]",
-        "references": {
-          "IButton": {
-            "location": "import",
-            "path": "@shared/interfaces"
+      "inlineActions": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IButton[]",
+          "resolved": "IButton[]",
+          "references": {
+            "IButton": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "readonly": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "readonly",
-      "reflect": false
-    },
-    "clearable": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "clearable",
-      "reflect": false
-    },
-    "customModel": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "ICustomModel",
-        "resolved": "ICustomModel",
-        "references": {
-          "ICustomModel": {
-            "location": "import",
-            "path": "@shared/interfaces"
+      "readonly": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "readonly",
+        "reflect": false
+      },
+      "clearable": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "clearable",
+        "reflect": false
+      },
+      "customModel": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "ICustomModel",
+          "resolved": "ICustomModel",
+          "references": {
+            "ICustomModel": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "isHistory": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "is-history",
-      "reflect": false
-    },
-    "isCollapsible": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "is-collapsible",
-      "reflect": false
-    },
-    "isMap": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "is-map",
-      "reflect": false
-    },
-    "isFramed": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "is-framed",
-      "reflect": false
-    },
-    "isPdf": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "is-pdf",
-      "reflect": false
-    },
-    "columnDefinition": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "IColumnDefinition",
-        "resolved": "IColumnDefinition",
-        "references": {
-          "IColumnDefinition": {
-            "location": "import",
-            "path": "@shared/interfaces"
+      "isHistory": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "is-history",
+        "reflect": false
+      },
+      "isCollapsible": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "is-collapsible",
+        "reflect": false
+      },
+      "isMap": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "is-map",
+        "reflect": false
+      },
+      "isFramed": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "is-framed",
+        "reflect": false
+      },
+      "isPdf": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "is-pdf",
+        "reflect": false
+      },
+      "columnDefinition": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IColumnDefinition",
+          "resolved": "IColumnDefinition",
+          "references": {
+            "IColumnDefinition": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "secondaryActionsDropdown": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "secondary-actions-dropdown",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "unreadCounts": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "IUnreadCounts",
-        "resolved": "IUnreadCounts",
-        "references": {
-          "IUnreadCounts": {
-            "location": "import",
-            "path": "@shared/interfaces"
+      "secondaryActionsDropdown": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "secondary-actions-dropdown",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "unreadCounts": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IUnreadCounts",
+          "resolved": "IUnreadCounts",
+          "references": {
+            "IUnreadCounts": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "extraClass": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "extra-class",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "playerCommand": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "player-command",
-      "reflect": false
-    },
-    "forceText": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "force-text",
-      "reflect": false
-    },
-    "selected": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "selected",
-      "reflect": false
-    },
-    "isGridCell": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "is-grid-cell",
-      "reflect": false
-    },
-    "valuesColor": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "{ key: string; value: string }",
-        "resolved": "{ key: string; value: string; }",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "hideUIFields": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "hide-u-i-fields",
-      "reflect": false
-    },
-    "disableRowClick": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "disable-row-click",
-      "reflect": false
-    },
-    "highlighted": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "highlighted",
-      "reflect": false
-    },
-    "entityMapping": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "TEntityMapping",
-        "resolved": "(item: IEntity, entityType: EntityType, displayType: CardType, displaySize?: TSize, useCellOverlay?: boolean) => string | ICardListEntry | ICardMediaEntry",
-        "references": {
-          "TEntityMapping": {
-            "location": "import",
-            "path": "@shared/interfaces"
-          }
+      "extraClass": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "extra-class",
+        "reflect": false,
+        "defaultValue": "''"
+      },
+      "playerCommand": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "player-command",
+        "reflect": false
+      },
+      "forceText": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "force-text",
+        "reflect": false
+      },
+      "selected": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "selected",
+        "reflect": false
+      },
+      "isGridCell": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "is-grid-cell",
+        "reflect": false
+      },
+      "valuesColor": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "{ key: string; value: string }",
+          "resolved": "{ key: string; value: string; }",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    }
-  }; }
-  static get events() { return [{
-      "method": "closed",
-      "name": "closed",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      }
-    }, {
-      "method": "mediaSelected",
-      "name": "mediaSelected",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      }
-    }, {
-      "method": "collapsed",
-      "name": "collapsed",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "{ collapsed: boolean; item: ICardListEntry }",
-        "resolved": "{ collapsed: boolean; item: ICardListEntry; }",
-        "references": {
-          "ICardListEntry": {
-            "location": "import",
-            "path": "@shared/interfaces"
+      "hideUIFields": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "hide-u-i-fields",
+        "reflect": false
+      },
+      "disableRowClick": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "disable-row-click",
+        "reflect": false
+      },
+      "highlighted": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "highlighted",
+        "reflect": false
+      },
+      "entityMapping": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "TEntityMapping",
+          "resolved": "(item: IEntity, entityType: EntityType, displayType: CardType, displaySize?: TSize, useCellOverlay?: boolean) => string | ICardListEntry | ICardMediaEntry",
+          "references": {
+            "TEntityMapping": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       }
-    }, {
-      "method": "viewMoreToggled",
-      "name": "viewMoreToggled",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      }
-    }, {
-      "method": "embeddedEntityClicked",
-      "name": "embeddedEntityClicked",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }]; }
-  static get methods() { return {
-    "forceUpdate": {
-      "complexType": {
-        "signature": "(emitEvent?: boolean) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
+    };
+  }
+  static get events() {
+    return [{
+        "method": "closed",
+        "name": "closed",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        }
+      }, {
+        "method": "mediaSelected",
+        "name": "mediaSelected",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        }
+      }, {
+        "method": "collapsed",
+        "name": "collapsed",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "{ collapsed: boolean; item: ICardListEntry }",
+          "resolved": "{ collapsed: boolean; item: ICardListEntry; }",
+          "references": {
+            "ICardListEntry": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        }
+      }, {
+        "method": "viewMoreToggled",
+        "name": "viewMoreToggled",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
         },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        }
+      }, {
+        "method": "embeddedEntityClicked",
+        "name": "embeddedEntityClicked",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "forceUpdate": {
+        "complexType": {
+          "signature": "(emitEvent?: boolean) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       }
-    }
-  }; }
+    };
+  }
   static get elementRef() { return "host"; }
 }