@yoobic/yobi 8.1.17 → 8.2.0-10

package/dist/design-system/{dom-1d32cb7b.js → dom-7cd9cf71.js}

@@ -1,5 +1,5 @@
 /*
- Stencil Client Patch Browser v2.15.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.15.2 | MIT Licensed | https://stenciljs.com
  */
 (function(){
 var aa=new Set("annotation-xml color-profile font-face font-face-src font-face-uri font-face-format font-face-name missing-glyph".split(" "));function g(a){var b=aa.has(a);a=/^[a-z][.0-9_a-z]*-[\-.0-9_a-z]*$/.test(a);return !b&&a}function l(a){var b=a.isConnected;if(void 0!==b)return b;for(;a&&!(a.__CE_isImportDocument||a instanceof Document);)a=a.parentNode||(window.ShadowRoot&&a instanceof ShadowRoot?a.host:void 0);return !(!a||!(a.__CE_isImportDocument||a instanceof Document))}

package/dist/design-system/{draggable-dots-helpers-a7a41f05.js → draggable-dots-helpers-65897583.js}

@@ -1,5 +1,5 @@
-import { aJ as Draggable, _ as getSession, as as getCurrentLanguage, aI as getUUID, y as getCssColor, bg as getContrastColor, aK as gsapTo, bh as scaleUpAnimation, bi as convertSvgToBase64, ba as getMedia, n as showModal } from './index-1c78f9ef.js';
-import { M as isFinite, S as inRange } from './lodash-a98c6524.js';
+import { aJ as Draggable, _ as getSession, as as getCurrentLanguage, aI as getUUID, y as getCssColor, bg as getContrastColor, aK as gsapTo, bh as scaleUpAnimation, bi as convertSvgToBase64, ba as getMedia, n as showModal } from './index-17bee8f0.js';
+import { M as isFinite, T as inRange } from './lodash-9d33f885.js';
 import { f as getBound, d as getElement, c as calcCoordPercentage, b as isAnnotationValid, e as getAnnotationPositionStyle, i as isAnnotationEmpty, h as isAnnotationDeleted } from './annotations-helpers-06bdd868.js';
 
 const EEditorActions = {

package/dist/{esm/draggable-tags-helpers-a56b3e7c.js → design-system/draggable-tags-helpers-8c63aecd.js}

@@ -1,5 +1,5 @@
-import { t as translate } from './index-1c78f9ef.js';
-import { O as countBy } from './lodash-a98c6524.js';
+import { t as translate } from './index-17bee8f0.js';
+import { O as countBy } from './lodash-9d33f885.js';
 
 function checkArray(array) {
   return !!((array === null || array === void 0 ? void 0 : array.length) && Array.isArray(array));
@@ -29,18 +29,24 @@ async function showWarningAlert(container, showBanner = true, messageKey = 'NODU
     const bannerStyle = {
       transition: ['height', 'opacity'].map(prop => `${prop} .5s ease-in-out`).join(', '),
       backgroundColor: `var(--${backgroundColor})`,
-      width: '100%',
       height: 'auto',
-      opacity: '1'
+      opacity: '1',
+      padding: `${showBanner ? 'var(--spacing-08)' : '0'}`
     };
-    bannerElement.heading = translate(messageKey);
+    const content = bannerElement.querySelector('p[slot="content"]');
+    content.innerHTML = translate(messageKey);
+    Object.assign(content.style, {
+      color: 'var(--light)',
+      fontWeight: 'var(--font-weight-700)'
+    });
     await bannerElement.componentOnReady();
-    const bannerHeight = bannerElement.shadowRoot.firstElementChild.clientHeight;
+    const bannerHeight = bannerElement.firstElementChild.clientHeight;
     Object.assign(bannerElement.style, {
       ...bannerStyle,
       height: `${showBanner ? bannerHeight : 0}px`,
       opacity: showBanner ? '1' : '0'
     });
+    bannerElement.classList.add('sharp');
   }
 }
 

package/dist/{esm/entities-helpers-4d8fd07f.js → design-system/entities-helpers-fa6e2a57.js}

@@ -1,6 +1,6 @@
-import { M as MessageType } from './index-b9253c0f.js';
-import { a7 as getUserDisplayName, W as pipes, aq as replaceAtTagToMentionTag, ar as isCloudinaryLink, as as getCurrentLanguage, E as getAsyncExtraData, at as replaceAllLinks, au as parseMarkDown, _ as getSession, av as isPhotoEdited, aw as changeExtension, T as translateMulti, ax as toButton, ay as toDate, az as capitalizeFirstLetter, ah as isGif, t as translate } from './index-1c78f9ef.js';
-import { l as isNumber, c as compact } from './lodash-a98c6524.js';
+import { M as MessageType } from './index-e36bdc70.js';
+import { a7 as getUserDisplayName, W as pipes, aq as replaceAtTagToMentionTag, ar as isCloudinaryLink, as as getCurrentLanguage, E as getAsyncExtraData, at as replaceAllLinks, au as parseMarkDown, _ as getSession, av as isPhotoEdited, aw as changeExtension, T as translateMulti, ax as toButton, ay as toDate, az as capitalizeFirstLetter, ah as isGif, t as translate } from './index-17bee8f0.js';
+import { l as isNumber, c as compact } from './lodash-9d33f885.js';
 
 const mentionRegex = /<yoo-mention-tag[^>]*>([\s\S]*?)<\/yoo-mention-tag>/g;
 /**
@@ -300,5 +300,8 @@ function getChatDate(lastMessageDate) {
   }
   return pipes.dateFormat.transform(date, 'YY/MM/DD');
 }
+function getFolderIcon(item) {
+  return item.folderType === 'article' ? 'pages' : item.icon || 'folder';
+}
 
-export { parseEntityCommentsForCardList as a, parseEntityForCardMedia as b, groupsFullResolver as g, onUserClick as o, parseEntityForCardChat as p, sanitizeMentionTag as s };
+export { getFolderIcon as a, parseEntityCommentsForCardList as b, parseEntityForCardMedia as c, groupsFullResolver as g, onUserClick as o, parseEntityForCardChat as p, sanitizeMentionTag as s };

package/dist/design-system/{filters-helpers-021d1853.js → filters-helpers-9c30d6d7.js}

@@ -1,6 +1,6 @@
-import { c as FormFieldType } from './index-b9253c0f.js';
-import { dT as isTextField, t as translate, o as isWeb } from './index-1c78f9ef.js';
-import { R as set, c as compact } from './lodash-a98c6524.js';
+import { c as FormFieldType } from './index-e36bdc70.js';
+import { dU as isTextField, t as translate, o as isWeb } from './index-17bee8f0.js';
+import { S as set, c as compact } from './lodash-9d33f885.js';
 
 function isWithValuesField(field) {
   var _a;
@@ -115,7 +115,7 @@ function filterCleanupNewField(newField) {
 // tslint:disable-next-line: parameters-max-number
 function filterRenderFormDynamic(filteredFields, filters, formAutocompletes, addOperators, operatorValue, labelAsPlaceholder, dynamic, expandHeightOnShow, readonly) {
   if ((filteredFields === null || filteredFields === void 0 ? void 0 : filteredFields.length) > 0) {
-    const slides = [{ title: 'GENERAL', items: [] }];
+    const slides = [{ title: 'YOOBICGENERAL', items: [] }];
     const data = {};
     filteredFields.forEach((field, index) => {
       var _a;

package/dist/design-system/form-choice-helpers-926998b7.js

@@ -0,0 +1,65 @@
+import { R as isNullOrUndefined } from './index-17bee8f0.js';
+import { P as findIndex, x as isEqual, c as compact, Q as shuffle } from './lodash-9d33f885.js';
+import { h as hasDuplicates, s as showWarningAlert } from './draggable-tags-helpers-8c63aecd.js';
+import { a as setValueAndValidateInput, s as setValidator } from './form-input-helpers-b0d19f5d.js';
+
+function isSelected(item, selection) {
+  const tmpSelection = [].concat(selection);
+  const index = findIndex(tmpSelection, (s) => isEqual(item, s));
+  return index >= 0;
+}
+function onItemSelect(item, choiceElement, preventSetValue = false) {
+  if (choiceElement.customEvent) {
+    choiceElement.choiceSelected.emit(item);
+  }
+  else if (!choiceElement.readonly) {
+    const index = choiceElement.selection.indexOf(item);
+    if (choiceElement.multiple) {
+      choiceElement.selection = index < 0 ? [...choiceElement.selection, item] : [...choiceElement.selection.slice(0, index), ...choiceElement.selection.slice(index + 1)];
+    }
+    else {
+      choiceElement.selection = index < 0 ? [item] : [];
+    }
+    if (!preventSetValue) {
+      setValueAndValidateInput(choiceElement.multiple ? choiceElement.selection : choiceElement.selection[0], choiceElement);
+    }
+  }
+}
+function getColor(value, valuesColor, selection) {
+  if (valuesColor && value) {
+    if (!isSelected(value, selection))
+      return '';
+    return valuesColor.find(valueColor => valueColor.key === value).value || '';
+  }
+}
+function updateValue(newVal, oldVal, choiceElement, onSelectCall) {
+  if (!isEqual(oldVal, newVal)) {
+    choiceElement.selection = [];
+    compact([].concat(newVal)).forEach((v) => {
+      !onSelectCall ? onItemSelect(v, choiceElement, true) : onSelectCall(v);
+    });
+  }
+}
+function updateValues(newVal, oldVal, choiceElement, warningMsgs) {
+  if (!isEqual(newVal, oldVal) && !hasWarnings(newVal, choiceElement, warningMsgs)) {
+    choiceElement.choices = updateChoices(choiceElement.values, choiceElement.shuffled);
+  }
+}
+function prepareChoice(choiceElement) {
+  setValidator(choiceElement);
+  if (!isNullOrUndefined(choiceElement.value)) {
+    choiceElement.selection = [].concat(choiceElement.value);
+  }
+  choiceElement.choices = updateChoices(choiceElement.values, choiceElement.shuffled);
+}
+function hasWarnings(values, choiceElement, warningMsgs) {
+  const duplicateMessage = 'NODUPLICATEVALUES';
+  const hasDuplicatedValues = hasDuplicates(values);
+  showWarningAlert(choiceElement.host, hasDuplicatedValues || !!(warningMsgs === null || warningMsgs === void 0 ? void 0 : warningMsgs.length), hasDuplicatedValues ? duplicateMessage : warningMsgs === null || warningMsgs === void 0 ? void 0 : warningMsgs[0]);
+  return hasDuplicatedValues && (warningMsgs === null || warningMsgs === void 0 ? void 0 : warningMsgs.length) > 0;
+}
+function updateChoices(values, shuffled) {
+  return shuffled ? shuffle(values) : values;
+}
+
+export { updateValue as a, getColor as g, hasWarnings as h, isSelected as i, onItemSelect as o, prepareChoice as p, updateValues as u };

package/dist/{esm/form-helpers-0e1b1a01.js → design-system/form-helpers-1ccb585a.js}

@@ -1,6 +1,6 @@
-import { c as FormFieldType } from './index-b9253c0f.js';
-import { _ as getSession, R as isNullOrUndefined, bj as evalInContext, bk as evalConditionsInContext, bl as VALIDATORS, aB as getReducedValidator, bm as getNameAndData, bn as getFieldsFromSlides, bo as getFieldValue, bp as getFieldReplacement, E as getAsyncExtraData, bq as getSessionReplacementValue, br as escapeRegExp, bs as slenderizeObject, bt as getFormulaReplacement, bu as isDateTimeField, t as translate } from './index-1c78f9ef.js';
-import { p as isString, a as isArray, s as isObject, b as concat, R as set, A as get, T as sumBy, x as isEqual, z as cloneDeep, l as isNumber } from './lodash-a98c6524.js';
+import { c as FormFieldType } from './index-e36bdc70.js';
+import { _ as getSession, R as isNullOrUndefined, bj as evalInContext, bk as evalConditionsInContext, bl as VALIDATORS, aB as getReducedValidator, bm as getNameAndData, bn as getFieldsFromSlides, bo as getFieldValue, bp as getFieldReplacement, E as getAsyncExtraData, bq as getSessionReplacementValue, br as escapeRegExp, bs as slenderizeObject, bt as getFormulaReplacement, bu as isDateTimeField, t as translate } from './index-17bee8f0.js';
+import { p as isString, a as isArray, s as isObject, b as concat, S as set, A as get, U as sumBy, x as isEqual, z as cloneDeep, l as isNumber } from './lodash-9d33f885.js';
 
 function isCreationAllowed(field, isVisible, isDisabled, isReadOnly = false) {
   return !!field.allowCreate && isVisible && !isDisabled && isReadOnly !== true;

package/dist/design-system/{form-input-helpers-e06af5b8.js → form-input-helpers-b0d19f5d.js}

@@ -1,6 +1,6 @@
-import { aB as getReducedValidator, aC as getReducedAsyncValidator, R as isNullOrUndefined, r as findParent, aD as dateIsValid, aE as isPresent, ay as toDate, d as isNativeMobile, Z as dateFormat, v as isIOS, aF as dateSub, aG as dateAdd, e as isAndroid, aH as Keyboard } from './index-1c78f9ef.js';
-import { c as FormFieldType } from './index-b9253c0f.js';
-import { e as getActiveElementShadow, q as querySelectorDeep, f as querySelectorAllDeep } from './common-helpers-bacb33e2.js';
+import { aB as getReducedValidator, aC as getReducedAsyncValidator, R as isNullOrUndefined, r as findParent, aD as dateIsValid, aE as isPresent, ay as toDate, d as isNativeMobile, Z as dateFormat, v as isIOS, aF as dateSub, aG as dateAdd, e as isAndroid, aH as Keyboard } from './index-17bee8f0.js';
+import { c as FormFieldType } from './index-e36bdc70.js';
+import { e as getActiveElementShadow, q as querySelectorDeep, f as querySelectorAllDeep } from './common-helpers-36a6bd54.js';
 
 let inputBlur = true;
 function focusContentEditable(inputElement) {
@@ -401,4 +401,4 @@ const initNumber = (min, max, direction) => {
   return result;
 };
 
-export { setValueAndValidateInput as a, blurActiveElement as b, convertValueForInputType as c, onInputClear as d, onInputBlurred as e, formatMinMaxDate as f, getTimeDisplayValue as g, setValueAndResetInputValidity as h, getFormBottomPosition as i, initNumber as j, onIconClicked as k, focusContentEditable as l, onInputFocused as o, setValidator as s, taskStyle as t, validate as v };
+export { setValueAndValidateInput as a, onInputBlurred as b, convertValueForInputType as c, onInputFocused as d, setValueAndResetInputValidity as e, getFormBottomPosition as f, getTimeDisplayValue as g, onIconClicked as h, initNumber as i, focusContentEditable as j, onInputClear as o, setValidator as s, taskStyle as t, validate as v };

package/dist/{esm/form-text-area-helpers-222c2a7d.js → design-system/form-text-area-helpers-726454b9.js}

@@ -1,5 +1,5 @@
-import { a7 as getUserDisplayName, y as getCssColor, di as getRange } from './index-1c78f9ef.js';
-import { S as inRange } from './lodash-a98c6524.js';
+import { a7 as getUserDisplayName, y as getCssColor, di as getRange } from './index-17bee8f0.js';
+import { T as inRange } from './lodash-9d33f885.js';
 
 /**
  * Safely insert element

package/dist/design-system/{geolocation-helpers-9d6cbc4b.js → geolocation-helpers-e9cf51ae.js}

@@ -1,4 +1,4 @@
-import { l as isNumber } from './lodash-a98c6524.js';
+import { l as isNumber } from './lodash-9d33f885.js';
 
 const getGeolocation = async () => {
   let result = {};

package/dist/{esm/grid-renderers-1ca4d917.js → design-system/grid-renderers-882734d0.js}

@@ -1,10 +1,10 @@
-import { c as FormFieldType, h as IncentiveStatus, n as IncentivePartType, i as IncentiveType } from './index-b9253c0f.js';
-import { y as getCssColor, T as translateMulti, t as translate, bg as getContrastColor, dO as groupsResolver, dP as aclRolesResolver, W as pipes, Z as dateFormat, ay as toDate, bI as dateParse, ak as dispatchCustomEvent, bz as dateDiff, dQ as toHours, dR as utc, a7 as getUserDisplayName, cJ as salesAIGetColorFromPattern, cK as salesAIFormatDemand, ax as toButton } from './index-1c78f9ef.js';
-import { a1 as findKey, a as isArray, i as isFunction, l as isNumber, c as compact, p as isString, A as get, v as isEmpty, D as indexOf, s as isObject, k as keys, e as map, r as round } from './lodash-a98c6524.js';
-import { d as getWorkflowStepBadge } from './missions-helpers-de4423bd.js';
-import { d as dateRangeState } from './common-helpers-bacb33e2.js';
-import { g as getJSONHighlighted } from './form-helpers-0e1b1a01.js';
-import { f as formatDistance } from './geolocation-helpers-9d6cbc4b.js';
+import { c as FormFieldType, h as IncentiveStatus, n as IncentivePartType, i as IncentiveType } from './index-e36bdc70.js';
+import { y as getCssColor, T as translateMulti, t as translate, bg as getContrastColor, dP as groupsResolver, dQ as aclRolesResolver, W as pipes, Z as dateFormat, ay as toDate, bI as dateParse, ak as dispatchCustomEvent, bz as dateDiff, dR as toHours, dS as utc, a7 as getUserDisplayName, cJ as salesAIGetColorFromPattern, cK as salesAIFormatDemand, ax as toButton } from './index-17bee8f0.js';
+import { a2 as findKey, a as isArray, i as isFunction, l as isNumber, c as compact, p as isString, A as get, v as isEmpty, D as indexOf, s as isObject, k as keys, e as map, r as round } from './lodash-9d33f885.js';
+import { d as getWorkflowStepBadge } from './missions-helpers-878ad9ca.js';
+import { d as dateRangeState } from './common-helpers-36a6bd54.js';
+import { g as getJSONHighlighted } from './form-helpers-1ccb585a.js';
+import { f as formatDistance } from './geolocation-helpers-e9cf51ae.js';
 
 const countryFlag = (country) => {
   return getFlagEmoji(getCountryCode(country));
@@ -278,10 +278,10 @@ function isCSVOrExcel(params) {
   return (params === null || params === void 0 ? void 0 : params.type) === 'excel' || (params === null || params === void 0 ? void 0 : params.type) === 'csv';
 }
 function defaultRenderer(params) {
-  var _a;
+  var _a, _b, _c, _d;
   let retVal = params.value || '';
   let translateFunction = translateMulti;
-  if (params && params.colDef && params.colDef.translate) {
+  if ((_a = params === null || params === void 0 ? void 0 : params.colDef) === null || _a === void 0 ? void 0 : _a.translate) {
     translateFunction = translate;
   }
   if (isArray(retVal)) {
@@ -292,10 +292,10 @@ function defaultRenderer(params) {
     if (retVal === null || retVal === void 0 ? void 0 : retVal.title) {
       retVal = retVal.title;
     }
-    if (params && params.colDef && params.colDef.fieldDefinition && params.colDef.fieldDefinition.valuesColor) {
+    if ((_c = (_b = params === null || params === void 0 ? void 0 : params.colDef) === null || _b === void 0 ? void 0 : _b.fieldDefinition) === null || _c === void 0 ? void 0 : _c.valuesColor) {
       valuesColor = params.colDef.fieldDefinition.valuesColor;
     }
-    const color = (_a = valuesColor === null || valuesColor === void 0 ? void 0 : valuesColor.find((c) => c.key === retVal)) === null || _a === void 0 ? void 0 : _a.value;
+    const color = (_d = valuesColor === null || valuesColor === void 0 ? void 0 : valuesColor.find((c) => c.key === retVal)) === null || _d === void 0 ? void 0 : _d.value;
     const contrast = color ? getContrastColor(color) : getCssColor('dark');
     if (params.isExport) {
       return translateFunction(stripHtml((retVal === null || retVal === void 0 ? void 0 : retVal.toString()) || ''));
@@ -304,10 +304,10 @@ function defaultRenderer(params) {
   }
 }
 function exportRenderer(params) {
-  //params = cloneDeep(params || {} as any);
+  var _a;
   params.isExport = true;
   let retVal;
-  if (params && params.column && params.column.getColDef) {
+  if ((_a = params === null || params === void 0 ? void 0 : params.column) === null || _a === void 0 ? void 0 : _a.getColDef) {
     const colDef = params.column.getColDef();
     if (isFunction(colDef.cellRenderer)) {
       retVal = colDef.cellRenderer(params);
@@ -386,18 +386,19 @@ function tagsRenderer(params) {
   truncate.innerHTML = content;
   tooltip.appendChild(truncate);
   const container = document.createElement('div');
-  // container.classList.add('scrollable');
-  // container.classList.add('margin-top');
   container.appendChild(tooltip);
   if (params.isExport) {
     return content;
   }
-  return container; // tooltip; // ;
+  return container;
 }
-function truncateRenderer(params) {
+function truncateRenderer(params, extraHtml) {
   const tooltip = document.createElement('yoo-tooltip');
   tooltip.setAttribute('hoverable', 'true');
-  const content = (isArray(params.value) ? params.value.join(', ') : params.value) || '';
+  let content = (isArray(params.value) ? params.value.join(', ') : params.value) || '';
+  if (extraHtml) {
+    content = '<div style="white-space: nowrap;display:flex">' + extraHtml + '<span style="white-space:nowrap;flex:1;;overflow:hidden;text-overflow:ellipsis;">' + content + '</span></div>';
+  }
   tooltip.content = content;
   tooltip.placement = 'bottom';
   tooltip.delay = [1500, 0];
@@ -442,10 +443,10 @@ function translateRenderer(params) {
   if (isNumber(value)) {
     return value;
   }
-  else if (value && value.toUpperCase) {
+  else if (value === null || value === void 0 ? void 0 : value.toUpperCase) {
     return translateMulti(value.toUpperCase());
   }
-  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)) {
+  else if ((_a = value === null || value === void 0 ? void 0 : value.value) === null || _a === void 0 ? void 0 : _a.toUpperCase) {
     return translateMulti(value.value.toUpperCase());
   }
   return '';
@@ -467,7 +468,7 @@ function numberWithVariationRenderer(params) {
   return retVal;
 }
 function numberRenderer(params) {
-  var _a, _b;
+  var _a;
   const factor = params.factor || 1;
   const precision = params.numberPrecision;
   let retVal = params.value;
@@ -484,7 +485,7 @@ function numberRenderer(params) {
   else if (isNumber(params.defaultValue)) {
     retVal = params.defaultValue.toString();
   }
-  else if (retVal && retVal.toString) {
+  else if (retVal === null || retVal === void 0 ? void 0 : retVal.toString) {
     retVal = retVal.toString();
   }
   else if ((_a = params) === null || _a === void 0 ? void 0 : _a.loader) {
@@ -499,9 +500,6 @@ function numberRenderer(params) {
   if (params.isExport) {
     return retVal.toString();
   }
-  if (((_b = params.data) === null || _b === void 0 ? void 0 : _b.fftype) === 'folder') {
-    return '-';
-  }
   if (params.icon) {
     return `<div class="top-container"><yoo-icon class="margin-right" name="${params.icon}" color="${params.color}"></yoo-icon><span>${retVal.toString()}</span></div>`;
   }
@@ -537,9 +535,7 @@ function durationRenderer(params) {
 }
 function distanceRenderer(params) {
   var _a, _b;
-  // const keyPath = params.colDef.field.split('.');
   let value;
-  // if (isArray(keyPath) && keyPath.indexOf('distance') > -1 && params && params.node && params.data && params.node.data.getIn) {
   let _geoloc = (_a = params.node.data) === null || _a === void 0 ? void 0 : _a._geoloc;
   let _geolocSave = (_b = params.node.data) === null || _b === void 0 ? void 0 : _b._geolocSave;
   _geoloc = isEmpty(_geoloc) === false ? (_geoloc.toJS ? _geoloc.toJS() : _geoloc) : '';
@@ -547,7 +543,6 @@ function distanceRenderer(params) {
   if (_geoloc && _geoloc.length === 2 && _geolocSave && _geolocSave.length === 2) {
     value = getDistance(_geolocSave[1], _geolocSave[0], _geoloc[1], _geoloc[0]);
   }
-  // }
   return formatDistance(value);
 }
 function getDistance(lat1, lon1, lat2, lon2, unit = 'K') {
@@ -698,7 +693,6 @@ function photoRenderer(params) {
 function multiphotoRenderer(params) {
   const photos = params.value;
   if (photos && isArray(photos) && photos.length > 0) {
-    //return photos.map((photo) => `<yoo-img style="${getStyle(roundedImageStyle)}" src="${photo || ''}" />`).join(' ');
     const container = document.createElement('div');
     container.style.display = 'inherit';
     photos.forEach((photo, index) => {
@@ -723,7 +717,6 @@ function imageRenderer(params) {
   const colDef = (_a = params.column) === null || _a === void 0 ? void 0 : _a.getColDef();
   photos = compact([].concat((_c = (_b = colDef) === null || _b === void 0 ? void 0 : _b.fieldDefinition) === null || _c === void 0 ? void 0 : _c.imagesCarousel));
   if (photos && isArray(photos) && photos.length > 0) {
-    //return photos.map((photo) => `<yoo-img style="${getStyle(roundedImageStyle)}" src="${photo || ''}" />`).join(' ');
     const container = document.createElement('div');
     container.style.display = 'inherit';
     photos.forEach((photo) => {
@@ -742,8 +735,9 @@ function videoRenderer(params) {
   return '<video class="ag-cell-image video" [src]="' + params.value + '"></video>';
 }
 function starratingRenderer(params) {
+  var _a, _b;
   let max = 5;
-  if (params.colDef && params.colDef.cellRendererParams && params.colDef.cellRendererParams.max) {
+  if ((_b = (_a = params.colDef) === null || _a === void 0 ? void 0 : _a.cellRendererParams) === null || _b === void 0 ? void 0 : _b.max) {
     max = params.colDef.cellRendererParams.max;
   }
   return '<yoo-form-star-rating class="ag-cell-image app-color" readonly="true" max="' + max + '" value="' + params.value + '"></yoo-form-star-rating>';
@@ -768,14 +762,14 @@ function taskRenderer(params) {
 }
 function todoRenderer(params) {
   const value = params.value;
-  if (value && value.values) {
+  if (value === null || value === void 0 ? void 0 : value.values) {
     return map(value.values, (v) => v.text.value).join(', ');
   }
   return '';
 }
 function timerRenderer(params) {
   const value = params.value;
-  if (value && value.startDate && value.endDate) {
+  if ((value === null || value === void 0 ? void 0 : value.startDate) && (value === null || value === void 0 ? void 0 : value.endDate)) {
     const ms = dateDiff(toDate(value.endDate), toDate(value.startDate));
     const s = Math.floor(toHours(ms)) + dateFormat(utc(new Date(ms)), ':mm:ss');
     return s;
@@ -830,17 +824,14 @@ function userRenderer(params) {
 function courseRenderer(params) {
   const wrapper = document.createElement('div');
   wrapper.classList.add('col');
-  // const imageWrapper = document.createElement('div');
   const image = document.createElement('yoo-img');
   image.classList.add('image');
-  // imageWrapper.appendChild(image);
   image.type = 'background';
   image.src = params.data.courseImage;
   wrapper.appendChild(image);
   const title = document.createElement('div');
   title.classList.add('text');
   title.innerText = translateMulti((params.data.courseName || '').toString());
-  // wrapper.appendChild(imageWrapper);
   wrapper.appendChild(title);
   return wrapper;
 }
@@ -966,10 +957,22 @@ function pricecheckRenderer(params) {
   }
   return ret;
 }
+function folderIconRenderer(params) {
+  var _a, _b;
+  const folder = params.data;
+  let img;
+  if (folder.imgSrc || ((_a = folder.background) === null || _a === void 0 ? void 0 : _a._downloadURL)) {
+    img = `<yoo-img style="width:1.5rem; margin-right:0.5rem" src="${folder.imgSrc || ((_b = folder.background) === null || _b === void 0 ? void 0 : _b._downloadURL)}"></yoo-img>`;
+  }
+  else {
+    img = ` <yoo-avatar style="margin-right:0.5rem" size="small" icon="${folder.folderType === 'article' ? 'pages' : folder.icon || 'folder'}" color="${folder.color || 'app-color'}"></yoo-avatar>`;
+  }
+  return truncateRenderer({ value: folder.name, maxLine: 1 }, img);
+}
 function buttonRenderer(params) {
-  if (params.colDef && params.colDef.cellRendererParams) {
+  var _a;
+  if ((_a = params.colDef) === null || _a === void 0 ? void 0 : _a.cellRendererParams) {
     const color = params.colDef.cellRendererParams.color || '';
-    // let text = translate(params.colDef.context.text) || '';
     const icon = params.colDef.cellRendererParams.icon || '';
     return `<yoo-button class="small outline-dark ${color}">
          <yoo-icon name="${icon}"</yoo-icon>
@@ -978,10 +981,10 @@ function buttonRenderer(params) {
   return '';
 }
 function missionValidationRenderer(params) {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e, _f;
   const value = params.value;
   let status = '';
-  if (params.node && params.node.data) {
+  if ((_a = params.node) === null || _a === void 0 ? void 0 : _a.data) {
     status = params.node.data.status;
   }
   let retVal = '';
@@ -991,11 +994,11 @@ function missionValidationRenderer(params) {
   else if (value === false || value === 'false' || value === 'rejected') {
     retVal = `<yoo-tag custom-color="${getCssColor('danger')}">${translate('REJECTED')}</yoo-tag>`;
   }
-  else if (!((_c = (_b = (_a = params === null || params === void 0 ? void 0 : params.node) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.description) === null || _c === void 0 ? void 0 : _c.withoutValidation) &&
+  else if (!((_d = (_c = (_b = params === null || params === void 0 ? void 0 : params.node) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.description) === null || _d === void 0 ? void 0 : _d.withoutValidation) &&
     ((status === 'finished' && value !== false && value !== true && value !== 'false' && value !== 'true') || value === 'tobevalidated')) {
     retVal = `<yoo-tag custom-color="${getCssColor('warning')}">${translate('TOBEVALIDATED')}</yoo-tag>`;
   }
-  if (((_d = params === null || params === void 0 ? void 0 : params.node) === null || _d === void 0 ? void 0 : _d.group) && ((_e = params === null || params === void 0 ? void 0 : params.colDef) === null || _e === void 0 ? void 0 : _e.cellRenderer) === 'group') {
+  if (((_e = params === null || params === void 0 ? void 0 : params.node) === null || _e === void 0 ? void 0 : _e.group) && ((_f = params === null || params === void 0 ? void 0 : params.colDef) === null || _f === void 0 ? void 0 : _f.cellRenderer) === 'group') {
     retVal = `<yoo-tag custom-color="${getCssColor('stable')}">${translate('N/A')}</yoo-tag>`;
   }
   return isCSVOrExcel(params) ? stripHtml(retVal) : retVal;
@@ -1071,7 +1074,7 @@ function taskStatsRenderer(params) {
       ? `<div class="not-center-container">
               <yoo-tag color="stable-light">
                 <yoo-icon slot="start" size="small" name="mission" color="stable"></yoo-icon>
-              ${((value === null || value === void 0 ? void 0 : value.countFinished) || 0) + ((value === null || value === void 0 ? void 0 : value.countClosed) || 0) + '/' + (value === null || value === void 0 ? void 0 : value.countTasks) + ' ' + translate('TASKS')}
+              ${((value === null || value === void 0 ? void 0 : value.countFinished) || 0) + ((value === null || value === void 0 ? void 0 : value.countClosed) || 0) + '/' + (value === null || value === void 0 ? void 0 : value.countTasks) + ' ' + translate('YOOBICACTIONS')}
               </yoo-tag>
             </div>`
       : null;
@@ -1112,53 +1115,60 @@ function missionUniqueKeyRenderer(params) {
   return '';
 }
 function conformityProgressRenderer(params) {
+  var _a, _b, _c, _d;
   let retVal = '';
-  if (params.node && params.node.aggData && params.node.aggData.status && params.node.aggData.validated) {
+  if (((_b = (_a = params.node) === null || _a === void 0 ? void 0 : _a.aggData) === null || _b === void 0 ? void 0 : _b.status) && ((_d = (_c = params.node) === null || _c === void 0 ? void 0 : _c.aggData) === null || _d === void 0 ? void 0 : _d.validated)) {
     params.node.aggData.conformityprogress = conformityProgressValue(params.node);
     retVal += getKeyTemplate('conformityprogress', params.node.aggData.conformityprogress, ' %', true);
   }
   return retVal;
 }
 function conformityProgressValue(node) {
-  if (node.aggData && node.aggData.validated && node.aggData.validated.counts) {
+  var _a, _b;
+  if ((_b = (_a = node.aggData) === null || _a === void 0 ? void 0 : _a.validated) === null || _b === void 0 ? void 0 : _b.counts) {
     const retVal = Math.round(((node.aggData.validated.counts.validated || 0) * 100) / ((node.aggData.validated.counts.validated || 0) + (node.aggData.validated.counts.rejected || 0)));
     return isNaN(retVal) ? 0 : retVal;
   }
   return 0;
 }
 function progressRenderer(params) {
+  var _a, _b, _c, _d;
   let retVal = '';
-  if (params.node && params.node.aggData && params.node.aggData.status && params.node.aggData.validated) {
+  if (((_b = (_a = params.node) === null || _a === void 0 ? void 0 : _a.aggData) === null || _b === void 0 ? void 0 : _b.status) && ((_d = (_c = params.node) === null || _c === void 0 ? void 0 : _c.aggData) === null || _d === void 0 ? void 0 : _d.validated)) {
     params.node.aggData.progress = progressValue(params.node);
     retVal += getKeyTemplate('progress', params.node.aggData.progress, ' %', true);
   }
   return retVal;
 }
 function progressValue(node) {
-  if (node && node.aggData && node.aggData.status && node.aggData.status.counts) {
+  var _a, _b;
+  if ((_b = (_a = node.aggData) === null || _a === void 0 ? void 0 : _a.status) === null || _b === void 0 ? void 0 : _b.counts) {
     const retVal = Math.round(((node.aggData.status.counts.finished || 0) * 100) / ((node.aggData.status.counts.finished || 0) + (node.aggData.status.counts.available || 0)));
     return isNaN(retVal) ? 0 : retVal;
   }
   return 0;
 }
 function validationProgressRenderer(params) {
+  var _a, _b, _c, _d;
   let retVal = '';
-  if (params.node && params.node.aggData && params.node.aggData.status && params.node.aggData.validated) {
+  if (((_b = (_a = params.node) === null || _a === void 0 ? void 0 : _a.aggData) === null || _b === void 0 ? void 0 : _b.status) && ((_d = (_c = params.node) === null || _c === void 0 ? void 0 : _c.aggData) === null || _d === void 0 ? void 0 : _d.validated)) {
     params.node.aggData.validationprogress = validationProgressValue(params.node);
     retVal += getKeyTemplate('validationprogress', params.node.aggData.validationprogress, ' %', true);
   }
   return retVal;
 }
 function validationProgressValue(node) {
-  if (node.aggData && node.aggData.validated && node.aggData.validated.counts) {
+  var _a, _b;
+  if ((_b = (_a = node.aggData) === null || _a === void 0 ? void 0 : _a.validated) === null || _b === void 0 ? void 0 : _b.counts) {
     const retVal = Math.round((((node.aggData.validated.counts.validated || 0) + (node.aggData.validated.counts.rejected || 0)) * 100) / (node.aggData.status.counts.finished || 0));
     return isNaN(retVal) ? 0 : retVal;
   }
   return 0;
 }
 function conformityRelativeProgressRenderer(params) {
+  var _a, _b, _c, _d;
   let retVal = '';
-  if (params.node && params.node.aggData && params.node.aggData.status && params.node.aggData.validated) {
+  if (((_b = (_a = params.node) === null || _a === void 0 ? void 0 : _a.aggData) === null || _b === void 0 ? void 0 : _b.status) && ((_d = (_c = params.node) === null || _c === void 0 ? void 0 : _c.aggData) === null || _d === void 0 ? void 0 : _d.validated)) {
     params.node.aggData.conformityrelativeprogress = conformityRelativeProgressValue(params.node);
     retVal += getKeyTemplate('conformityrelativeprogress', params.node.aggData.conformityrelativeprogress, ' %', true);
   }
@@ -1243,7 +1253,6 @@ function courseStatusRenderer(params) {
   truncate.innerHTML = content;
   const container = document.createElement('div');
   container.classList.add('scrollable');
-  // container.classList.add('margin-top');
   container.appendChild(truncate);
   if (params.isExport) {
     return status;
@@ -1285,7 +1294,6 @@ function getColorFromKey(key) {
   return null;
 }
 function getKeyTemplate(key, count, suffix = '', hideKey = false, hideColor = false) {
-  // let color = getColor(key);
   let displayName = key;
   if (key === null || key === void 0 ? void 0 : key.toUpperCase) {
     displayName = translate(key.toUpperCase());
@@ -1327,7 +1335,7 @@ class MissionResultsRenderer {
     this.missionForm.formType = 'mission';
     let items = [];
     params.slides.forEach((s) => (items = [...items, ...s.items]));
-    this.missionForm.slides = [{ title: 'GENERAL', items }];
+    this.missionForm.slides = [{ title: 'YOOBICGENERAL', items }];
     this.missionForm.data = params.data;
     this.missionForm.showTabs = false;
     this.missionForm.showRecap = false;
@@ -1351,6 +1359,8 @@ class EntityRenderer {
   init(params) {
     var _a, _b, _c, _d, _e;
     const container = document.createElement('div');
+    container.style.display = 'flex';
+    container.style.overflow = 'hidden';
     const entityType = params.entityType || params.collectionName;
     this.entity = document.createElement('yoo-entity');
     this.entity.classList.add('block', 'no-border');
@@ -1364,9 +1374,6 @@ class EntityRenderer {
     this.entity.disableRowClick = params.disableRowClick;
     this.entity.isGridCell = true;
     this.entity.item = params.useValue ? params.value : params.data;
-    // if (entityType === 'missions') {
-    //   this.entity.displayType = 'card-inbox';
-    // }
     if (entityType === 'missiondatas' && ((_b = (_a = params === null || params === void 0 ? void 0 : params.data) === null || _a === void 0 ? void 0 : _a.mission) === null || _b === void 0 ? void 0 : _b.hasWorkflow)) {
       this.entity.entityType = 'missions';
       this.entity.item = (_c = params.data) === null || _c === void 0 ? void 0 : _c.mission;
@@ -1376,9 +1383,6 @@ class EntityRenderer {
     if ((params === null || params === void 0 ? void 0 : params.displayType) === 'card-campaign') {
       this.entity.extraClass = 'grid-card-campaign';
     }
-    // this.entity.forceUpdate();
-    // container.style.height = params.height + 'px';
-    // container.style.minHeight = params.minheight + 'px';
     if ((_e = params.style) === null || _e === void 0 ? void 0 : _e.width) {
       container.style.width = params.style.width;
     }
@@ -1414,31 +1418,6 @@ class GridRenderer {
     }
   }
 }
-// class SalesairecommondationRenderer implements ICellRendererComp {
-//   eGui: HTMLElement;
-//   getGui(): HTMLElement {
-//     return this.eGui;
-//   }
-//   init(_params: any) {
-//     const container = document.createElement('div');
-//     container.innerHTML += 'Extra stuff';
-//     // this.grid = document.createElement('yoo-grid');
-//     // this.grid.displayType = params.displayType || 'card-list';
-//     // this.grid.collectionName = params.collectionName;
-//     // this.grid.customModel = params.customModel;
-//     // this.grid.items = params.value;
-//     // this.grid.isLocal = true;
-//     // container.appendChild(this.grid);
-//     this.eGui = container;
-//   }
-//   refresh(_params) {
-//     // if (this.grid) {
-//     //   this.grid.items = params.value;
-//     //   return true;
-//     // }
-//     return true;
-//   }
-// }
 class ActionsRenderer {
   getGui() {
     return this.eGui;
@@ -1623,6 +1602,8 @@ function getRenderer(renderer) {
       return progressbarRenderer;
     case 'pricecheckRenderer':
       return pricecheckRenderer;
+    case 'folderIconRenderer':
+      return folderIconRenderer;
     case 'campaignStatusRenderer':
       return campaignStatusRenderer;
     case 'missionStatusOnlyRenderer':
@@ -1667,8 +1648,6 @@ function getRenderer(renderer) {
       return ActionsRenderer;
     case 'gridRenderer':
       return GridRenderer;
-    // case 'salesairecommondationRenderer':
-    //   return SalesairecommondationRenderer;
     case 'exportRenderer':
       return exportRenderer;
     case 'defaultRenderer':