@yoobic/yobi 8.2.0-31 → 8.2.0-34

package/dist/design-system/{filters-helpers-e37fa627.js → filters-helpers-d4fc3be5.js}

@@ -242,6 +242,7 @@ function mapCustomViewToButton(c, currentCustomView, session, authentication, cu
         ? {
           icon: 'pen',
           iconColor: 'stable',
+          iconSize: 'small',
           handler: () => customViewSaved(c)
         }
         : null,
@@ -249,6 +250,7 @@ function mapCustomViewToButton(c, currentCustomView, session, authentication, cu
         ? {
           icon: 'delete',
           iconColor: 'stable',
+          iconSize: 'small',
           handler: () => customViewRemoved(c)
         }
         : null

package/dist/design-system/yoo-context-menu-dialog.entry.js

@@ -132,12 +132,12 @@ const YooContextMenuDialogComponent = class {
     ]) : (h("span", { innerHTML: translateMulti(textContent) })));
   }
   renderRightActions(item) {
-    const { subMenu, isToggle, selectedFn, selected, handler, actionableIcon, actionableIcons, icon, iconColor } = item;
+    const { subMenu, isToggle, selectedFn, selected, handler, actionableIcon, actionableIcons } = item;
     return [
       !!(subMenu === null || subMenu === void 0 ? void 0 : subMenu.length) && h("yoo-icon", { class: "arrows", name: `arrow-${this.openSubMenuOnLeft ? 'left' : 'right'}` }),
       isToggle && h("yoo-form-toggle", { size: "medium", value: (selectedFn === null || selectedFn === void 0 ? void 0 : selectedFn()) || selected, onInputChanged: () => handler === null || handler === void 0 ? void 0 : handler() }),
       actionableIcon && h("yoo-icon", { size: (actionableIcon === null || actionableIcon === void 0 ? void 0 : actionableIcon.iconSize) || 'medium', class: "right-aligned", name: actionableIcon.icon, color: actionableIcon.iconColor, onClick: (ev) => this.onActionableIconClick(ev, actionableIcon) }),
-      actionableIcons === null || actionableIcons === void 0 ? void 0 : actionableIcons.map((action) => h("yoo-icon", { size: action.iconSize || 'medium', class: "right-aligned", name: icon, color: iconColor, onClick: (ev) => this.onActionableIconClick(ev, action) }))
+      actionableIcons === null || actionableIcons === void 0 ? void 0 : actionableIcons.map((action) => h("yoo-icon", { size: action.iconSize || 'medium', class: "right-aligned", name: action.icon, color: action.iconColor, onClick: (ev) => this.onActionableIconClick(ev, action) }))
     ];
   }
   renderItemContent(item) {

package/dist/design-system/yoo-entity-query-builder.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host
 import { c as FormFieldType } from './index-da54e081.js';
 import { aE as isPresent, aI as getUUID, t as translate, o as isWeb, af as showActionSheet, _ as getSession, cI as getAuthentication } from './index-60d331ff.js';
 import { a7 as sum, w as cloneDeep, P as findIndex, $ as flatten } from './lodash-b0ad17f3.js';
-import { b as filterIsRadio, a as filterIsAutocomplete, k as filterIsSegement, d as filterIsAutocompleteLocal, e as filterIsBoolean, g as filterIsDate, h as filterIsText, i as filterIsNumber, f as filterFromFormField, c as filterRenderFormDynamic, m as mapCustomViewToButton } from './filters-helpers-e37fa627.js';
+import { b as filterIsRadio, a as filterIsAutocomplete, k as filterIsSegement, d as filterIsAutocompleteLocal, e as filterIsBoolean, g as filterIsDate, h as filterIsText, i as filterIsNumber, f as filterFromFormField, c as filterRenderFormDynamic, m as mapCustomViewToButton } from './filters-helpers-d4fc3be5.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const entityQueryBuilderCss = ".container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;margin-left:0}.container.expanded{margin-bottom:var(--spacing-16, 1rem)}.container .flex{-ms-flex:1;flex:1}.container yoo-button.margin-left{margin-left:var(--spacing-16, 1rem)}.container yoo-tooltip{margin-left:var(--spacing-08, 0.5rem)}.container .toggle-selected{margin-left:var(--spacing-16, 1rem)}.container .sorts{width:8.5rem;margin-right:var(--spacing-08, 0.5rem);margin-left:var(--spacing-08, 0.5rem)}yoo-banner{margin-bottom:var(--spacing-08, 0.5rem)}.filters-container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;padding:0}.filters-container.disabled yoo-button,.filters-container.disabled yoo-form-dynamic{opacity:0.2 !important;pointer-events:none}.filters-container:not(.open){display:none}.filters-container.advanced yoo-form-input-container{padding-bottom:0.75rem}.filters-container.advanced yoo-button{padding-bottom:var(--spacing-04, 0.25rem)}.filters-container.advanced yoo-button yoo-icon.add{color:var(--stable, #adadad)}.filters-container.advanced yoo-button.add-filter{margin-right:var(--spacing-16, 1rem)}.filters-container.advanced yoo-button.margin-right{margin-right:var(--spacing-08, 0.5rem);margin-left:0}.filters-container.advanced yoo-form-input-container.operator{margin:calc(var(--spacing-04, 0.25rem) * -1) var(--spacing-04, 0.25rem) 0 calc(var(--spacing-08, 0.5rem) * -1);padding:0 0.5rem;padding-bottom:0;text-align:center}.filters-container yoo-form-dynamic.fill-width:not(.web){width:100%}:host(.no-padding) yoo-button.filters.margin-left{margin-left:0}:host(.floating) ::slotted(.search-container-inner[slot=before]){width:100%}:host(.floating) .container.expanded{margin-bottom:0}:host(.floating) yoo-context-menu{width:100%}:host(.floating) .header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem) 0}:host(.floating) .header.width-auto{width:auto;cursor:pointer}:host(.floating) .header .title{-ms-flex:1;flex:1;font-weight:bold;font-size:var(--font-size-14, 0.875rem)}:host(.floating) .header .title.app-color{color:var(--app-color, #5a30f4)}:host(.floating) .footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;width:100%;padding:var(--spacing-16, 1rem);-webkit-column-gap:var(--spacing-16, 1rem);-moz-column-gap:var(--spacing-16, 1rem);column-gap:var(--spacing-16, 1rem);border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.floating) .footer .flex{-ms-flex:1;flex:1}:host(.floating) .footer yoo-button{max-width:6rem}:host(.floating) .subfooter{width:100%;padding:var(--spacing-08, 0.5rem);font-size:var(--font-size-12, 0.75rem);text-align:center;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);cursor:pointer}:host(.floating) .filters-container.open{position:absolute;left:21rem;width:15rem;padding:0;background:var(--light, #ffffff);border:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host(.floating) .filters-container.open yoo-form-dynamic{width:100%;max-height:calc(100vh - 30.25rem);margin:auto;overflow-y:auto;}:host(.floating) .filters-container.open yoo-form-dynamic::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host(.floating) .filters-container.open yoo-form-dynamic::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.floating) .filters-container.open yoo-form-dynamic::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}";

package/dist/design-system/yoo-entity-search-filters.entry.js

@@ -3,7 +3,7 @@ import { c as FormFieldType } from './index-da54e081.js';
 import { t as translate, R as isNullOrUndefined, T as translateMulti } from './index-60d331ff.js';
 import { c as compact, p as isString, s as isObject, v as isEmpty, l as isNumber } from './lodash-b0ad17f3.js';
 import { b as getAppContext } from './common-helpers-7760f0f6.js';
-import { f as filterFromFormField, a as filterIsAutocomplete, b as filterIsRadio, c as filterRenderFormDynamic, d as filterIsAutocompleteLocal, e as filterIsBoolean, g as filterIsDate, h as filterIsText, i as filterIsNumber, j as filterCleanupNewField } from './filters-helpers-e37fa627.js';
+import { f as filterFromFormField, a as filterIsAutocomplete, b as filterIsRadio, c as filterRenderFormDynamic, d as filterIsAutocompleteLocal, e as filterIsBoolean, g as filterIsDate, h as filterIsText, i as filterIsNumber, j as filterCleanupNewField } from './filters-helpers-d4fc3be5.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const entitySearchFiltersCss = ":host .outer-container{padding:1rem 1rem 0 1rem}:host .outer-container .heading{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;height:1.3125rem;margin-top:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem)}:host .outer-container .menu-title{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;margin-top:1.2rem;font-size:var(--font-size-16, 1rem)}:host .outer-container .menu{margin:0;padding:0;font-size:100%;vertical-align:baseline;list-style:none outside none;background:none repeat scroll 0 0 transparent;border:0 none;outline:0 none;-webkit-tap-highlight-color:transparent;margin:0;padding:0 0 0.3125rem;list-style:none}:host .outer-container .menu .menu-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:100%;min-height:2.75rem;padding:0 1rem 0 0;font-weight:var(--font-weight-400, 400)}:host .outer-container .menu .menu-item div{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-item-align:center;align-self:center}:host .outer-container .menu .menu-item div .menu-item-title{width:100%;margin-left:var(--spacing-08, 0.5rem)}:host .outer-container .menu .border{width:100%;height:0;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container .menu{margin:0 0.5rem}:host .outer-container .menu .menu-item{padding:0;cursor:pointer}:host .outer-container .menu .menu-item .menu-item-title{width:100%}:host .outer-container .menu .menu-item yoo-form-checkbox{padding-right:var(--spacing-04, 0.25rem)}:host .outer-container yoo-form-input-container{margin-top:0.8rem}:host .outer-container yoo-form-dynamic.margin-top{margin-top:0.8rem}:host .outer-container .filter-container.flex{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-top:0.8rem}:host .outer-container .filter-container.flex .menu-title{-ms-flex:1;flex:1;margin-top:0}:host .outer-container .filter-container.flex .menu{margin:0;padding-bottom:0}:host(.web) .outer-container{width:80%;max-width:500px;margin:auto}";

package/dist/design-system/yoo-form-capture.entry.js

@@ -37,7 +37,7 @@ const YooFormCaptureComponent = class {
     this.min = 1;
     this.max = 1;
     this.validators = [];
-    this.isUploadingPhoto = true;
+    this.isProcessingPhoto = true;
     this.isSelectorMode = false;
     this.selectedIndex = [];
     this.overflowOffset = 4;
@@ -72,15 +72,7 @@ const YooFormCaptureComponent = class {
     this.emitOnUpdated = false;
   }
   async onPhotoUploadComplete() {
-    this.isUploadingPhoto = false;
     this.currentUploadingStatus = translate('RECOGNIZINGIMAGES');
-    if (this.progressBarRef && this.progressBarRef.length > 0) {
-      this.progressBarRef.forEach((ref) => {
-        if (ref) {
-          ref.value = 100;
-        }
-      });
-    }
   }
   async onPhotoUploadProgressUpdate(progress, index) {
     if (this.progressBarRef && this.progressBarRef[index]) {
@@ -101,6 +93,14 @@ const YooFormCaptureComponent = class {
     });
   }
   async processImageRecognitionResults(imageRecognitionResults, priceRecognitionResults) {
+    this.isProcessingPhoto = false;
+    if (this.progressBarRef && this.progressBarRef.length > 0) {
+      this.progressBarRef.forEach((ref) => {
+        if (ref) {
+          ref.value = 100;
+        }
+      });
+    }
     if (!this.imageRecoCancelled) {
       if (this.progressBarMainRef) {
         this.progressBarMainRef.progressAnimationDuration = 0.5;
@@ -1010,7 +1010,7 @@ const YooFormCaptureComponent = class {
       return;
     }
     this.imageRecoCancelled = false;
-    this.isUploadingPhoto = true;
+    this.isProcessingPhoto = true;
     if (this.isValueValid() && this.algorithm && !this.isProcessing) {
       // emit image recognition event
       this.currentUploadingStatus = translate('UPLOADINGPHOTOS');
@@ -1544,7 +1544,7 @@ const YooFormCaptureComponent = class {
     return (h("div", { class: "progressbar-wrapper" }, mainProgress
       ? [
         this.currentUploadingStatus && (isUndefined(index) || !this.multiple) && h("div", { class: "text app-color" }, this.currentUploadingStatus),
-        !this.isUploadingPhoto && (h("div", { class: "main-wrapper" }, h("yoo-progress-bar", { value: 100, hideProgressValue: true, listenToProgress: true, listenToCompleteProgress: true, disableBackProgressAnimation: true, progressAnimationDuration: this.progressTime, onValueChanged: (ev) => onProgressUpdating(ev), onProgressFinished: (ev) => onProgressFinished(ev), ref: (el) => (this.progressBarMainRef = el) })))
+        !this.isProcessingPhoto && (h("div", { class: "main-wrapper" }, h("yoo-progress-bar", { value: 100, hideProgressValue: true, listenToProgress: true, listenToCompleteProgress: true, disableBackProgressAnimation: true, progressAnimationDuration: this.progressTime, onValueChanged: (ev) => onProgressUpdating(ev), onProgressFinished: (ev) => onProgressFinished(ev), ref: (el) => (this.progressBarMainRef = el) })))
       ]
       : [
         h("yoo-progress-bar", { class: "photo-progress app-color", value: 0, hideProgressValue: true, progressAnimationDuration: 0.5, ref: (el) => {

package/dist/design-system/yoo-form-choice-card.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
 import { i as isChromatic, t as translate, T as translateMulti } from './index-60d331ff.js';
 import { s as setColorSVG } from './common-helpers-7760f0f6.js';
-import { u as updateValues, a as updateValue, p as prepareChoice, h as hasWarnings, i as isSelected, o as onItemSelect } from './form-choice-helpers-b1f907b5.js';
+import { p as prepareChoice, h as hasWarnings, i as isSelected, o as onItemSelect } from './form-choice-helpers-b1f907b5.js';
 import { R as ReadonlyCard } from './readonly-card-a23bca7c.js';
 import './lodash-b0ad17f3.js';
 import './_commonjsHelpers-f4d11124.js';
@@ -27,12 +27,6 @@ const YooFormChoiceCardComponent = class {
     this.imgElements = [];
     this.choices = [];
   }
-  onValuesChanged(newValues, oldValues) {
-    updateValues(newValues, oldValues, this);
-  }
-  onValueChanged(newValue, oldValue) {
-    updateValue(newValue, oldValue, this);
-  }
   componentWillLoad() {
     var _a;
     prepareChoice(this);
@@ -74,7 +68,10 @@ const YooFormChoiceCardComponent = class {
     return h("yoo-icon", { name: "check" });
   }
   renderSelect(item, index) {
-    const selected = isSelected(item.value || item.title, this.selection);
+    const selected = ((isSelected('true', this.selection) && index === 0) ||
+      (isSelected('false', this.selection) && index === 0) ||
+      isSelected(item.value || item.title, this.selection) ||
+      isSelected(item || item.title, this.selection));
     return (h("div", { class: { 'select': true, selected }, style: { ...(this.maxWidth > 0 && { maxWidth: `${this.maxWidth}px` }) }, onClick: () => onItemSelect(item.value || item.title, this) }, this.renderCardContent(item, selected, index), !item.image &&
       !item.lottie &&
       !item.hideCheckbox &&
@@ -96,10 +93,6 @@ const YooFormChoiceCardComponent = class {
     ]));
   }
   get host() { return getElement(this); }
-  static get watchers() { return {
-    "values": ["onValuesChanged"],
-    "value": ["onValueChanged"]
-  }; }
 };
 YooFormChoiceCardComponent.style = formChoiceCardCss;
 

package/dist/design-system/yoo-form-creator-page-card-list.entry.js

@@ -120,7 +120,6 @@ const YooFormCreatorPageCardListComponent = class {
       const indexSlideTo = sortEvent.indexTo - 1 >= 0 ? sortEvent.indexTo - 1 : 0;
       this.pageOrderChanged.emit(sortEvent);
       this.pageCardsParentEl.slideTo(indexSlideTo);
-      this.pageClicked.emit(sortEvent.indexTo);
     };
   }
   renderPageCards() {

package/dist/design-system/yoo-form-creator.entry.js

@@ -153,6 +153,7 @@ const YooFormCreatorComponent = class {
     this.restrictionConditionSelectedTab = 0;
     this.expandedConditions = [];
     this.isPageReordering = false;
+    this.pagesReordered = false;
     this.onInsertPageAfterClicked = (event) => {
       if (event) {
         this.onAddNewPage(event.detail + 1);
@@ -171,12 +172,14 @@ const YooFormCreatorComponent = class {
         this.removeOverlays();
       }
       else {
-        this.selectedPageIndex = event.detail;
-        this.pageHeaderClicked.emit(event.detail);
-        this.hasPageChanged = event.detail;
-        this.resetExpandableBlockReferences();
+        this.selectPage(event.detail);
+        this.pagesReordered = false;
       }
     };
+    this.onPageOrderChanged = (event) => {
+      this.selectPage(event.detail.indexTo);
+      this.pagesReordered = true;
+    };
     this.onDuplicatePageClicked = (event) => {
       var _a, _b, _c, _d;
       if (event) {
@@ -420,7 +423,12 @@ const YooFormCreatorComponent = class {
           });
           this.currentExpandedBlockLocation = { slideIndex, itemIndex };
           this.expandedFieldName = event.detail.name || this.expandedFieldName;
-          this.scrollToField(itemIndex);
+          if (!this.pagesReordered) {
+            this.scrollToField(itemIndex);
+          }
+          else {
+            this.pagesReordered = false;
+          }
         }
         else if (!event.detail.expanded && this.currentExpandedBlockLocation && itemIndex === this.currentExpandedBlockLocation.itemIndex) {
           this.currentExpandedBlockLocation = null;
@@ -1012,6 +1020,12 @@ const YooFormCreatorComponent = class {
     }
     this.shouldRenderLeftSelectionContent = true;
   }
+  selectPage(pageIndex) {
+    this.selectedPageIndex = pageIndex;
+    this.pageHeaderClicked.emit(pageIndex);
+    this.hasPageChanged = pageIndex;
+    this.resetExpandableBlockReferences();
+  }
   updateGlobalActions() {
     this.selectedMoveActions = setBlockSelection(this.itemList, null, (slideIndex, _itemIndex, itemId) => this.moveSelectedFields(itemId, slideIndex), {
       extraStartingItems: [
@@ -2162,7 +2176,7 @@ const YooFormCreatorComponent = class {
           selected: this.isPagesAccordionOpen,
           actionButtons
         }
-      ], iconPairLeft: ARROW_PAIR, showBottomBorder: true, forceEntryUpdate: true, allowMultipleSelection: true, onAccordionSelected: (event) => this.onPagesAccordionSelected(event) }, h("div", { slot: "PAGES" }, h("yoo-form-creator-page-card-list", { scoringMode: isScoring(this.selectedLeftMenuOption) ? this.selectedScoring : null, missionSlides: this.currentSlides, selectedPageIndex: this.selectedPageIndex, onPageClicked: this.onPageClicked, onDuplicatePageClicked: this.onDuplicatePageClicked, onInsertPageAfterClicked: this.onInsertPageAfterClicked, onDeletePageClicked: this.onDeletePageClicked, onEditPageClicked: this.onEditPageClicked, onAddSiteTagRestrictionClicked: this.onAddSiteTagRestrictionClicked, onAddUserGroupRestrictionClicked: this.onAddUserGroupRestrictionClicked, onReorderEnded: () => {
+      ], iconPairLeft: ARROW_PAIR, showBottomBorder: true, forceEntryUpdate: true, allowMultipleSelection: true, onAccordionSelected: (event) => this.onPagesAccordionSelected(event) }, h("div", { slot: "PAGES" }, h("yoo-form-creator-page-card-list", { scoringMode: isScoring(this.selectedLeftMenuOption) ? this.selectedScoring : null, missionSlides: this.currentSlides, selectedPageIndex: this.selectedPageIndex, onPageClicked: this.onPageClicked, onDuplicatePageClicked: this.onDuplicatePageClicked, onInsertPageAfterClicked: this.onInsertPageAfterClicked, onDeletePageClicked: this.onDeletePageClicked, onEditPageClicked: this.onEditPageClicked, onAddSiteTagRestrictionClicked: this.onAddSiteTagRestrictionClicked, onAddUserGroupRestrictionClicked: this.onAddUserGroupRestrictionClicked, onPageOrderChanged: this.onPageOrderChanged, onReorderEnded: () => {
         this.isPageReordering = false;
       }, onReorderStarted: () => {
         this.isPageReordering = true;
@@ -2344,7 +2358,7 @@ const YooFormCreatorComponent = class {
   }
   renderLivePreview() {
     var _a;
-    return (h("yoo-form-creator-live-preview", { ref: (el) => (this.livePreviewElement = el), mode: "panel", showShare: this.showShare, onShared: (ev) => { ev.stopPropagation(); this.shared.emit(); }, hidden: this.isLivePreviewHidden, showDevices: false, missionDescriptionTitle: this.missDescDisplayTitle, onVisibilityToggled: () => (this.isLivePreviewHidden = !this.isLivePreviewHidden), availableLanguages: ((_a = this.translations) === null || _a === void 0 ? void 0 : _a.length) ? [...this.selectedLanguages, this.baseLanguage] : [], selectedLanguage: this.baseLanguage, onLanguageChanged: (ev) => this.onDisplayLanguageChanged(ev) }, h("div", { class: "slot-container", slot: "livePreview" }, h("slot", { name: "livePreview" }))));
+    return (h("yoo-form-creator-live-preview", { ref: (el) => (this.livePreviewElement = el), mode: "panel", showShare: this.showShare, onShared: (ev) => { ev.stopPropagation(); this.shared.emit(); }, hidden: this.isLivePreviewHidden, showDevices: false, missionDescriptionTitle: this.missDescDisplayTitle, onVisibilityToggled: () => (this.isLivePreviewHidden = !this.isLivePreviewHidden), availableLanguages: ((_a = this.translations) === null || _a === void 0 ? void 0 : _a.length) ? [...this.selectedLanguages, this.baseLanguage] : [], selectedLanguage: this.displayLanguage ? this.displayLanguage : this.baseLanguage, onLanguageChanged: (ev) => this.onDisplayLanguageChanged(ev) }, h("div", { class: "slot-container", slot: "livePreview" }, h("slot", { name: "livePreview" }))));
   }
   renderFormDynamic() {
     var _a;

package/dist/design-system/yoo-grid.entry.js

@@ -7,7 +7,7 @@ import './index-bcf5e064.js';
 import { g as getButton } from './button.factory-07402056.js';
 import { a as assignPressActions } from './index-8e7c8c76.js';
 import { f as querySelectorAllDeep, u as hideShowSearchBar, v as getNextValueInArray, b as getAppContext } from './common-helpers-7760f0f6.js';
-import { m as mapCustomViewToButton, l as isKanbanColumnField } from './filters-helpers-e37fa627.js';
+import { m as mapCustomViewToButton, l as isKanbanColumnField } from './filters-helpers-d4fc3be5.js';
 import { s as setValidator, a as setValueAndValidateInput } from './form-input-helpers-21c08c10.js';
 import { g as getRenderer } from './grid-renderers-9a86a81b.js';
 import { I as ItemSlidingType } from './item-sliding.interface-85f6790e.js';

package/dist/design-system/yoo-lesson-question-result.entry.js

@@ -4,7 +4,7 @@ import { A as get, l as isNumber } from './lodash-b0ad17f3.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-da54e081.js';
 
-const lessonQuestionResultCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;height:100%;background-color:var(--light, #ffffff)}:host yoo-navbar{background-color:var(--stable-light, #f1f1f1)}:host yoo-ion-scroll{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;width:100%}:host yoo-ion-scroll .result-title{margin:var(--spacing-08, 0.5rem) 0 var(--spacing-16, 1rem) 0;color:var(--app-color, #5a30f4);text-align:center}:host yoo-ion-scroll .result-text{margin:0 var(--spacing-64, 4rem);padding-bottom:var(--spacing-08, 0.5rem);color:var(--text-color, #807f83);line-height:1.5625rem;text-align:center}:host yoo-ion-scroll .result-explanation{margin:var(--spacing-08, 0.5rem) var(--spacing-64, 4rem);text-align:center}:host yoo-ion-scroll .result-explanation .explanation-value{color:var(--text-color, #807f83);line-height:1.5625rem}:host yoo-ion-scroll .result-explanation .explanation-title{padding-bottom:var(--spacing-08, 0.5rem);font-weight:bold}:host yoo-ion-scroll .separator{width:90%;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0)}:host yoo-ion-scroll .result-document{margin:var(--spacing-16, 1rem)}:host yoo-ion-scroll .result-document .document-title{padding-bottom:var(--spacing-08, 0.5rem);font-weight:bold;font-size:var(--font-size-16, 1rem);text-align:center}:host yoo-ion-scroll .result-tag{padding:var(--spacing-08, 0.5rem);text-align:center}:host yoo-ion-scroll .result-tag span{color:var(--dark, #000000);font-size:var(--font-size-16, 1rem)}:host yoo-ion-scroll .result-tag span.action{color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem);cursor:pointer}:host yoo-ion-scroll .result-tag .tag{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin:auto;font-size:var(--font-size-12, 0.75rem)}:host yoo-ion-scroll .result-tag .tag .tag-title{text-align:center}:host yoo-ion-scroll .result-tag .tags{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center}:host yoo-ion-scroll .result-tag .tags .badge-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;width:var(--spacing-56, 3.5rem);margin:var(--spacing-08, 0.5rem) 0;font-size:var(--font-size-12, 0.75rem)}:host yoo-ion-scroll .result-tag .tags .badge-container yoo-tag{padding:var(--spacing-04, 0.25rem);background:var(--light, #ffffff);border-radius:var(--spacing-40, 2.5rem)}:host yoo-ion-scroll .document-image{display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--spacing-16, 1rem);overflow:hidden;--border-radius:var(--border-radius-08, 0.5rem)}:host yoo-ion-scroll yoo-progress-recap,:host yoo-ion-scroll yoo-points-recap{display:block;width:calc(100% - 2rem);max-width:30rem;margin:0 auto;padding:var(--spacing-08, 0.5rem)}:host .wall{position:absolute;width:100%;height:16rem;background-image:-webkit-gradient(linear, left bottom, left top, from(var(--light, #ffffff)), to(var(--stable-light, #f1f1f1)));background-image:linear-gradient(to top, var(--light, #ffffff), var(--stable-light, #f1f1f1));mix-blend-mode:multiply}:host yoo-lottie{height:12.5rem}:host yoo-tag{display:block;margin:0 auto}:host main{width:100%;padding-top:calc(var(--safe-area-inset-top) + var(--spacing-32, 2rem))}:host .answers{width:100%;padding-bottom:var(--spacing-16, 1rem)}:host .answers .title{padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);font-size:var(--font-size-24, 1.5rem)}";
+const lessonQuestionResultCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;height:100%;background-color:var(--light, #ffffff)}:host yoo-navbar{background-color:var(--stable-light, #f1f1f1)}:host yoo-ion-scroll{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;width:100%}:host yoo-ion-scroll .result-title{margin:var(--spacing-08, 0.5rem) 0 var(--spacing-16, 1rem) 0;color:var(--app-color, #5a30f4);text-align:center}:host yoo-ion-scroll .result-text{margin:0 var(--spacing-64, 4rem);padding-bottom:var(--spacing-08, 0.5rem);color:var(--text-color, #807f83);line-height:1.5625rem;text-align:center}:host yoo-ion-scroll .result-explanation{margin:var(--spacing-08, 0.5rem) var(--spacing-64, 4rem);text-align:center}:host yoo-ion-scroll .result-explanation .explanation-value{color:var(--text-color, #807f83);line-height:1.5625rem}:host yoo-ion-scroll .result-explanation .explanation-title{padding-bottom:var(--spacing-08, 0.5rem);font-weight:bold}:host yoo-ion-scroll .separator{width:90%;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0)}:host yoo-ion-scroll .result-document{margin:var(--spacing-16, 1rem)}:host yoo-ion-scroll .result-document .document-title{padding-bottom:var(--spacing-08, 0.5rem);font-weight:bold;font-size:var(--font-size-16, 1rem);text-align:center}:host yoo-ion-scroll .result-tag{padding:var(--spacing-08, 0.5rem);text-align:center}:host yoo-ion-scroll .result-tag span{color:var(--dark, #000000);font-size:var(--font-size-16, 1rem)}:host yoo-ion-scroll .result-tag span.action{color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem);cursor:pointer}:host yoo-ion-scroll .result-tag .tag{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin:auto;font-size:var(--font-size-12, 0.75rem)}:host yoo-ion-scroll .result-tag .tag .tag-title{text-align:center}:host yoo-ion-scroll .result-tag .tags{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center}:host yoo-ion-scroll .result-tag .tags .badge-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin:var(--spacing-08, 0.5rem) 0;font-size:var(--font-size-12, 0.75rem)}:host yoo-ion-scroll .result-tag .tags .badge-container yoo-tag{padding:var(--spacing-04, 0.25rem);background:var(--light, #ffffff);border-radius:var(--spacing-40, 2.5rem)}:host yoo-ion-scroll .document-image{display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--spacing-16, 1rem);overflow:hidden;--border-radius:var(--border-radius-08, 0.5rem)}:host yoo-ion-scroll yoo-progress-recap,:host yoo-ion-scroll yoo-points-recap{display:block;width:calc(100% - 2rem);max-width:30rem;margin:0 auto;padding:var(--spacing-08, 0.5rem)}:host .wall{position:absolute;width:100%;height:16rem;background-image:-webkit-gradient(linear, left bottom, left top, from(var(--light, #ffffff)), to(var(--stable-light, #f1f1f1)));background-image:linear-gradient(to top, var(--light, #ffffff), var(--stable-light, #f1f1f1));mix-blend-mode:multiply}:host yoo-lottie{height:12.5rem}:host yoo-tag{display:block;margin:0 auto}:host main{width:100%;padding-top:calc(var(--safe-area-inset-top) + var(--spacing-32, 2rem))}:host .answers{width:100%;padding-bottom:var(--spacing-16, 1rem)}:host .answers .title{padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);font-size:var(--font-size-24, 1.5rem)}";
 
 const YooLessonQuestionResultComponent = class {
   constructor(hostRef) {

package/dist/design-system/yoo-profile-list.entry.js

@@ -109,7 +109,8 @@ const YooProfileListComponent = class {
     }
   }
   renderTruncate(content, icon) {
-    return (h("div", { class: "user-info-list" }, h("div", { class: "start-container" }, h("yoo-icon", { name: icon, color: "dark" }), h("yoo-truncated-line", { content: content }))));
+    const charLength = isWeb(this.host) ? 83 : 38;
+    return (h("div", { class: "user-info-list" }, h("div", { class: "start-container" }, h("yoo-icon", { name: icon, color: "dark" }), h("yoo-truncate", { content: content, maxLength: charLength, showEllipsisIcon: true, ellipsisIconSize: "medium" }))));
   }
   renderCollapsible(header, content) {
     return (h("yoo-collapsible", { hasArrowIcon: !!content.length, icon: "tag", iconColor: "dark", iconSize: "medium", slotHeader: true }, h("div", { slot: "title" }, header === null || header === void 0 ? void 0 : header.map(tag => {

package/dist/design-system/yoo-truncate.entry.js

@@ -39,6 +39,7 @@ const YooTruncateComponent = class {
      * Used more icon instead of text as ellipsis button.
      */
     this.showEllipsisIcon = false;
+    this.ellipsisIconSize = 'small';
     /**
      * Alters how the <br> tag is handled for markdown
      */
@@ -60,7 +61,7 @@ const YooTruncateComponent = class {
       return `<span class="more-button"> ${this.collapsed ? `... ${translate('MORE2')}` : translate('VIEWLESS')}</span>`;
     };
     this.getMoreIconHtml = () => {
-      return `<span><span>${this.collapsed ? '...' : ''}</span><yoo-icon class="more-button" name=${this.collapsed ? 'arrow-down' : 'arrow-up'} size="small" /></span>`;
+      return `<span><span>${this.collapsed ? '...' : ''}</span><yoo-icon class="more-button" name=${this.collapsed ? 'arrow-down' : 'arrow-up'} size="${this.ellipsisIconSize}" /></span>`;
     };
   }
   onShowEllipsisButtonChanged() {