@yoobic/yobi 7.7.79 → 7.7.83

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

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

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

@@ -598,7 +598,7 @@ export class YooEntityComponent {
     return null;
   }
   renderCardList(extraClasses) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12;
     let entry = {};
     if (this.entityType === 'missions' || (this.entityType === 'missiondatas' && ((_b = (_a = this.item) === null || _a === void 0 ? void 0 : _a.mission) === null || _b === void 0 ? void 0 : _b.type) === 'kanban')) {
       let mission = this.item;
@@ -876,7 +876,8 @@ export class YooEntityComponent {
         avatarFrame: file.imgSrc ? 'rounded-square' : 'square',
         avatarSize: this.isAutocompleteSelected() && this.item.avatarSize ? this.item.avatarSize : 'large',
         allowCustomHtml: true,
-        subheadings: this.isAutocompleteSelected() ? null : compact([directory + pipes.fileSize.transform(file.size), (file.highlight || []).join(', ')]) // , //, file.mimeType
+        forceTextHeading: ((_s = file === null || file === void 0 ? void 0 : file.highlight) === null || _s === void 0 ? void 0 : _s.length) > 0,
+        subheadings: this.isAutocompleteSelected() ? null : compact([directory + pipes.fileSize.transform(file.size), ...(file.highlight || [])]) // , //, file.mimeType
         // badges: [{ iconLeft: getIcon(file), cssClass: 'tag small round dark' }]
       };
     }
@@ -990,15 +991,15 @@ export class YooEntityComponent {
     }
     else if (this.entityType === 'language') {
       entry = {
-        heading: ((_s = this.item) === null || _s === void 0 ? void 0 : _s._id) ? translate(this.item._id.toUpperCase()) : translate(this.item.toUpperCase()),
-        flag: this.host.classList.contains('hide-icon') ? null : ((_t = this.item) === null || _t === void 0 ? void 0 : _t._id) ? getLanguageFlag(this.item._id) : getLanguageFlag(this.item)
+        heading: ((_t = this.item) === null || _t === void 0 ? void 0 : _t._id) ? translate(this.item._id.toUpperCase()) : translate(this.item.toUpperCase()),
+        flag: this.host.classList.contains('hide-icon') ? null : ((_u = this.item) === null || _u === void 0 ? void 0 : _u._id) ? getLanguageFlag(this.item._id) : getLanguageFlag(this.item)
       };
     }
     else if (this.entityType === 'waitlistvisit') {
       const visit = this.item;
       const tagElements = getWaitlistVisitTags(visit);
       entry = {
-        heading: ((_u = visit.name) === null || _u === void 0 ? void 0 : _u.startsWith('NOINFO')) ? translate('NOINFO') : visit.name,
+        heading: ((_v = visit.name) === null || _v === void 0 ? void 0 : _v.startsWith('NOINFO')) ? translate('NOINFO') : visit.name,
         tagElements
       };
       if (!isWeb(this.host)) {
@@ -1013,7 +1014,7 @@ export class YooEntityComponent {
     else if (this.entityType === 'waitlistcustomer') {
       const customer = this.item;
       entry = {
-        heading: ((_v = customer.name) === null || _v === void 0 ? void 0 : _v.startsWith('NOINFO')) ? translate('NOINFO') : customer.name,
+        heading: ((_w = customer.name) === null || _w === void 0 ? void 0 : _w.startsWith('NOINFO')) ? translate('NOINFO') : customer.name,
         subheadings: compact([customer.phone, customer.email])
       };
     }
@@ -1116,7 +1117,7 @@ export class YooEntityComponent {
         subheadings: this.isAutocompleteSelected() ? null : group.description ? [group.description] : null,
         iconText: group.title || group.name || group._id,
         heading: group.title || group.name || group._id,
-        imgSrc: (_w = group.icon) === null || _w === void 0 ? void 0 : _w._downloadURL
+        imgSrc: (_x = group.icon) === null || _x === void 0 ? void 0 : _x._downloadURL
       };
       entry.subheadings = group.subheadings || entry.subheadings;
     }
@@ -1126,7 +1127,7 @@ export class YooEntityComponent {
         avatarSize: this.isAutocompleteSelected() && this.item.avatarSize ? this.item.avatarSize : 'medium',
         iconText: tenant.title || tenant.name,
         heading: (tenant.title || tenant.name || '').toUpperCase(),
-        imgSrc: (_x = tenant.icon) === null || _x === void 0 ? void 0 : _x._downloadURL,
+        imgSrc: (_y = tenant.icon) === null || _y === void 0 ? void 0 : _y._downloadURL,
         subheadings: this.isAutocompleteSelected() ? null : compact([tenant.description])
       };
     }
@@ -1137,7 +1138,7 @@ export class YooEntityComponent {
         avatarFrame: 'square',
         iconText: model.title || model.name,
         heading: model.title || model.name,
-        imgSrc: ((_y = model.background) === null || _y === void 0 ? void 0 : _y._downloadURL) || model.background,
+        imgSrc: ((_z = model.background) === null || _z === void 0 ? void 0 : _z._downloadURL) || model.background,
         subheadings: this.isAutocompleteSelected() ? null : compact([model.shortDescription])
       };
     }
@@ -1204,7 +1205,7 @@ export class YooEntityComponent {
     else if (this.entityType === 'violetproducts') {
       const product = this.item;
       let subheadings = [product.description];
-      if (((_z = this.item.offers) === null || _z === void 0 ? void 0 : _z.length) && ((_0 = this.item.offers[0].skus) === null || _0 === void 0 ? void 0 : _0.length) && ((_1 = this.item.offers[0].skus[0]) === null || _1 === void 0 ? void 0 : _1.sale_price)) {
+      if (((_0 = this.item.offers) === null || _0 === void 0 ? void 0 : _0.length) && ((_1 = this.item.offers[0].skus) === null || _1 === void 0 ? void 0 : _1.length) && ((_2 = this.item.offers[0].skus[0]) === null || _2 === void 0 ? void 0 : _2.sale_price)) {
         subheadings = [pipes.currency.transform(this.item.offers[0].skus[0].sale_price / 100, false, this.item.offers[0].skus[0].currency, true)];
       }
       if (!product.available) {
@@ -1233,7 +1234,7 @@ export class YooEntityComponent {
       };
     }
     else if (this.entityType === 'violetbasketitems') {
-      const sku = (_2 = this.item) === null || _2 === void 0 ? void 0 : _2.sku;
+      const sku = (_3 = this.item) === null || _3 === void 0 ? void 0 : _3.sku;
       const price = (sku.sale_price * (this.item.quantity || 1)) / 100;
       const subheadings = [pipes.currency.transform(price, false, sku.currency, true)];
       entry = {
@@ -1303,9 +1304,9 @@ export class YooEntityComponent {
         subheadings: [
           productBatch.product ? productBatch.product.reference : '',
           ...(getSession().user && getSession().user.locationRef === productBatch.locationRef
-            ? compact([((_3 = this.extraClass) === null || _3 === void 0 ? void 0 : _3.indexOf('show-aisle')) >= 0 && productBatch.aisle ? productBatch.aisle.title : null])
+            ? compact([((_4 = this.extraClass) === null || _4 === void 0 ? void 0 : _4.indexOf('show-aisle')) >= 0 && productBatch.aisle ? productBatch.aisle.title : null])
             : productBatch.location && productBatch.location.title
-              ? [productBatch.location.title + ' - ' + (((_4 = productBatch.aisle) === null || _4 === void 0 ? void 0 : _4.title) || '')]
+              ? [productBatch.location.title + ' - ' + (((_5 = productBatch.aisle) === null || _5 === void 0 ? void 0 : _5.title) || '')]
               : [])
         ],
         tags: productBatch.tags,
@@ -1349,7 +1350,7 @@ export class YooEntityComponent {
         heading: product.title,
         subheadings,
         date: isPresent(this.item.description) ? this.item.description : null,
-        imgSrc: ((_5 = product === null || product === void 0 ? void 0 : product.image) === null || _5 === void 0 ? void 0 : _5._downloadURL) ? product.image._downloadURL : null,
+        imgSrc: ((_6 = product === null || product === void 0 ? void 0 : product.image) === null || _6 === void 0 ? void 0 : _6._downloadURL) ? product.image._downloadURL : null,
         avatarFrame: 'square',
         // keep it explicit here to prevent to be overwritten by the autocomplete, with which the card-list is used in combination with, and that changes the size of the avatar to 'small' when only one product is selected
         // this case is described into the form-entity-value-pairs.spec tests
@@ -1637,7 +1638,7 @@ export class YooEntityComponent {
         avatarFrame: 'square'
       };
     }
-    else if (this.entityType !== 'tag' && ((_7 = (_6 = this.customModel) === null || _6 === void 0 ? void 0 : _6.appearance) === null || _7 === void 0 ? void 0 : _7.size)) {
+    else if (this.entityType !== 'tag' && ((_8 = (_7 = this.customModel) === null || _7 === void 0 ? void 0 : _7.appearance) === null || _8 === void 0 ? void 0 : _8.size)) {
       entry = {};
       this.customModel.appearance.forEach((value, key) => {
         if (key === 'displayTypes') {
@@ -1678,7 +1679,7 @@ export class YooEntityComponent {
     else if (this.entityType === 'tiles') {
       const tile = this.item;
       entry = {
-        heading: tile.title || ((_8 = tile.page) === null || _8 === void 0 ? void 0 : _8.name),
+        heading: tile.title || ((_9 = tile.page) === null || _9 === void 0 ? void 0 : _9.name),
         imgSrc: tile.photo,
         icon: tile.icon,
         subheadings: compact([]),
@@ -1789,7 +1790,7 @@ export class YooEntityComponent {
       !this.isAutocompleteSelected() &&
       !this.hideUIFields &&
       this.customModel &&
-      ((_10 = (_9 = this.customModel.formFields) === null || _9 === void 0 ? void 0 : _9.filter((f) => f.showInCard)) === null || _10 === void 0 ? void 0 : _10.length) > 0) {
+      ((_11 = (_10 = this.customModel.formFields) === null || _10 === void 0 ? void 0 : _10.filter((f) => f.showInCard)) === null || _11 === void 0 ? void 0 : _11.length) > 0) {
       entry.uiFields = {
         fields: this.customModel.formFields.filter((f) => f.showInCard),
         data: this.item
@@ -1850,7 +1851,7 @@ export class YooEntityComponent {
           [extraClasses]: true,
           [this.entityType]: this.entityType !== undefined,
           'form-permission': this.host.classList.contains('form-permission')
-        } }, ((_11 = this.inlineActions) === null || _11 === void 0 ? void 0 : _11.length) > 0 && (h("span", { class: "slot-container", slot: "content-slot" }, this.inlineActions.map((action) => {
+        } }, ((_12 = this.inlineActions) === null || _12 === void 0 ? void 0 : _12.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));
       })))));
     }

package/dist/collection/components/form/form-autocomplete/form-autocomplete.css

@@ -1289,7 +1289,8 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   font-size: var(--font-size-12, 0.75rem);
 }
 
-:host(.pdf) .entity-container {
+:host(.pdf) .entity-container,
+:host(.child-card-tag) .entity-container {
   display: flex;
   flex-wrap: wrap;
 }

package/dist/collection/components/form/form-autocomplete/form-autocomplete.js

@@ -1018,7 +1018,7 @@ export class YooFormAutocompleteComponent {
   }
   render() {
     var _a;
-    return (h(Host, { class: Object.assign({ disabled: this.disabled, inline: this.inline, history: this.isHistory, selected: (_a = this.selection) === null || _a === void 0 ? void 0 : _a.length, 'multiple-avatars': (this.isMultiple() || this.avatarMode) && this.entityType === 'users' && this.value, [this.extraClass]: this.extraClass, [this.displayType]: true }, getAppContext(this.host)), onClick: (ev) => {
+    return (h(Host, { class: Object.assign({ disabled: this.disabled, inline: this.inline, history: this.isHistory, selected: (_a = this.selection) === null || _a === void 0 ? void 0 : _a.length, [`child-${this.getDisplayType()}`]: true, 'multiple-avatars': (this.isMultiple() || this.avatarMode) && this.entityType === 'users' && this.value, [this.extraClass]: this.extraClass, [this.displayType]: true }, getAppContext(this.host)), onClick: (ev) => {
         if (isWeb(this.host)) {
           ev.stopPropagation();
         }

package/dist/collection/components/form/form-carousel/form-carousel.js

@@ -151,7 +151,7 @@ export class YooFormCarouselComponent {
         items: this.mediaSrc.map((v, valueIndex) => {
           var _a, _b;
           const item = {
-            value: v,
+            value: isArray(v) ? v[0] : v,
             annotations: ((_a = this.annotations) === null || _a === void 0 ? void 0 : _a.length) ? this.annotations[valueIndex] : null,
             drawings: ((_b = this.drawings) === null || _b === void 0 ? void 0 : _b.length) ? this.drawings[valueIndex] : null
           };

package/dist/collection/components/grid/ag-grid/grid-renderers.js

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