@yoobic/yobi 8.1.17 → 8.2.0-10

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

@@ -20,10 +20,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)) {
@@ -34,10 +34,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()) || ''));
@@ -46,10 +46,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);
@@ -128,18 +128,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];
@@ -184,10 +185,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 '';
@@ -209,7 +210,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;
@@ -226,7 +227,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) {
@@ -241,9 +242,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>`;
   }
@@ -279,9 +277,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) : '';
@@ -289,7 +285,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') {
@@ -440,7 +435,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) => {
@@ -465,7 +459,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) => {
@@ -484,8 +477,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>';
@@ -510,14 +504,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;
@@ -572,17 +566,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;
 }
@@ -708,10 +699,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>
@@ -720,10 +723,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 = '';
@@ -733,11 +736,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;
@@ -813,7 +816,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;
@@ -854,53 +857,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;
 }
 export 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;
 }
 export 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;
 }
 export 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);
   }
@@ -985,7 +995,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;
@@ -1027,7 +1036,6 @@ export function getColorFromKey(key) {
   return null;
 }
 export 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());
@@ -1069,7 +1077,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;
@@ -1093,6 +1101,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');
@@ -1106,9 +1116,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;
@@ -1118,9 +1125,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;
     }
@@ -1156,31 +1160,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;
@@ -1365,6 +1344,8 @@ export function getRenderer(renderer) {
       return progressbarRenderer;
     case 'pricecheckRenderer':
       return pricecheckRenderer;
+    case 'folderIconRenderer':
+      return folderIconRenderer;
     case 'campaignStatusRenderer':
       return campaignStatusRenderer;
     case 'missionStatusOnlyRenderer':
@@ -1409,8 +1390,6 @@ export function getRenderer(renderer) {
       return ActionsRenderer;
     case 'gridRenderer':
       return GridRenderer;
-    // case 'salesairecommondationRenderer':
-    //   return SalesairecommondationRenderer;
     case 'exportRenderer':
       return exportRenderer;
     case 'defaultRenderer':

package/dist/collection/components/grid/grid/grid.css

@@ -751,9 +751,10 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 }
 :host yoo-ion-item-divider {
   --padding-start: var(--item-divider-padding-start);
+  --divider-font-size: var(--item-divider-font-size);
   color: var(--dark, #000000);
   font-weight: var(--font-weight-400, 400);
-  font-size: var(--item-divider-font-size);
+  font-size: var(--divider-font-size);
 }
 :host yoo-ion-item-divider .count {
   margin-left: var(--spacing-04, 0.25rem);
@@ -761,6 +762,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 :host yoo-ion-item-divider .divider-inner {
   display: flex;
   align-items: center;
+  color: var(--text-color, #807f83);
 }
 :host .card-list-color.web yoo-ion-item-divider {
   --padding-start: 0;
@@ -863,18 +865,12 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 }
 :host .body-container.card-inbox yoo-ion-item-divider, :host .body-container.card-inbox-ongoing yoo-ion-item-divider {
   margin-bottom: var(--spacing-08, 0.5rem);
-  padding-top: 0;
 }
 :host .body-container.card-inbox yoo-ion-item-divider.first, :host .body-container.card-inbox-ongoing yoo-ion-item-divider.first {
   margin-top: 0;
   padding-top: 0;
   border-top: none;
 }
-:host .body-container.card-inbox yoo-ion-item-divider .divider-inner, :host .body-container.card-inbox-ongoing yoo-ion-item-divider .divider-inner {
-  padding: 0;
-  color: var(--text-color, #807f83);
-  font-size: var(--font-size-14, 0.875rem);
-}
 :host .body-container.card-inbox .sub-item-container, :host .body-container.card-inbox-ongoing .sub-item-container {
   display: flex;
   flex-direction: column;
@@ -2462,6 +2458,17 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 :host(.web) ::slotted(.missions-page.grid-extra-opts[slot=before-scroll]) {
   margin-left: 0 !important;
 }
+:host(.web) .sub-item-container .relative {
+  position: relative;
+}
+:host(.web) .sub-item-container yoo-icon.position {
+  position: absolute;
+  top: calc(50% - 0.75rem);
+  right: auto;
+  bottom: auto;
+  left: 0rem;
+  padding-right: var(--spacing-04, 0.25rem);
+}
 
 :host(.form-grid) yoo-ion-item.selected {
   background: var(--app-color-20, rgba(90, 48, 244, 0.2));
@@ -3438,11 +3445,11 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   padding: 0 var(--spacing-16, 1rem);
 }
 
-:host(.community) .empty-state-container {
+:host(.communities) .empty-state-container {
   align-items: flex-start;
 }
 
-:host(.community.main) yoo-navbar {
+:host(.communities.main) yoo-navbar {
   box-sizing: border-box;
   padding: 0 var(--spacing-16, 1rem);
   background: var(--light, #ffffff);
@@ -3454,25 +3461,25 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   padding: 0;
 }
 
-:host(.card-cell-image.community) yoo-entity {
+:host(.card-cell-image.communities) yoo-entity {
   --card-image-border-radius: var(--border-radius-08, 0.5rem);
   --card-image-overlay: transparent;
 }
-:host(.card-cell-image.community) .container-base .grid-cell {
+:host(.card-cell-image.communities) .container-base .grid-cell {
   padding: 0 var(--spacing-16, 1rem);
 }
 
-:host(.card-cell-image.community.web) .container-base .grid-cell {
+:host(.card-cell-image.communities.web) .container-base .grid-cell {
   display: flex !important;
   gap: var(--spacing-24, 1.5rem);
   justify-content: flex-start;
 }
-:host(.card-cell-image.community.web) .container-base .grid-cell .entity-inner-container.card-cell-image {
+:host(.card-cell-image.communities.web) .container-base .grid-cell .entity-inner-container.card-cell-image {
   width: 13.875rem;
   height: 11.5rem;
 }
 
-:host(.card-cell-image.community.mobile) .container-base .grid-cell {
+:host(.card-cell-image.communities.mobile) .container-base .grid-cell {
   grid-auto-rows: 8.5rem;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: var(--spacing-16, 1rem);
@@ -3516,7 +3523,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   margin-top: var(--spacing-16, 1rem);
 }
 
-:host(.card-image.community) {
+:host(.card-image.communities) {
   --card-image-height: 11.5rem;
 }
 
@@ -3578,7 +3585,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 }
 
 :host(.web.files) .grid-cell yoo-entity.empty-entity {
-  width: 90px !important;
+  width: 6rem !important;
 }
 
 :host(.layout-01-list.web:not(.framed)) .container-base {
@@ -3779,6 +3786,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 }
 :host(.tree) .container-base {
   flex: 1;
+  margin-left: 0 !important;
 }
 
 :host(.giphy) .grid-cell {
@@ -3891,10 +3899,6 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   margin-top: 0;
 }
 
-:host(.tree.web) {
-  min-height: 600px;
-}
-
 :host(.card-sticky.mobile) .container-base.container-horizontal yoo-ion-scroll {
   min-height: 300px;
 }
@@ -4063,9 +4067,6 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   margin-top: var(--spacing-04, 0.25rem);
   border-top: var(--border-width-01, 0.0625rem) solid var(--stable-alt-40, rgba(208, 208, 208, 0.4));
 }
-:host(.card-list.calendarEvents) yoo-ion-item-divider .divider-inner {
-  font-size: var(--font-size-14, 0.875rem);
-}
 
 :host(.course-live-preview.web) .container-base {
   margin-right: var(--spacing-16, 1rem);
@@ -4154,17 +4155,6 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   padding: var(--spacing-08, 0.5rem) 0 var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem);
 }
 
-:host(.form-grid.web.local) .relative {
-  position: relative;
-}
-:host(.form-grid.web.local) yoo-icon.position {
-  position: absolute;
-  top: calc(50% - 0.75rem);
-  right: auto;
-  bottom: auto;
-  left: 0rem;
-  padding-right: var(--spacing-04, 0.25rem);
-}
 :host(.form-grid.web.local) yoo-ion-item-divider {
   --padding-start: 0;
 }
@@ -4189,6 +4179,9 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   left: auto;
   padding-right: var(--spacing-08, 0.5rem);
 }
+:host(.form-grid.web.local.charttype) yoo-icon.position[name=circle] {
+  display: none;
+}
 
 :host(.web.autocomplete-selection-mode.empty-tags) .container-base .empty-new-tag {
   justify-content: space-evenly;