@yoobic/yobi 8.2.0-31 → 8.2.0-34

package/dist/cjs/yoo-context-menu-dialog.cjs.entry.js

@@ -136,12 +136,12 @@ const YooContextMenuDialogComponent = class {
     ]) : (index.h("span", { innerHTML: index$1.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) && index.h("yoo-icon", { class: "arrows", name: `arrow-${this.openSubMenuOnLeft ? 'left' : 'right'}` }),
       isToggle && index.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 && index.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) => index.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) => index.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/cjs/yoo-entity-query-builder.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-c8609d4f.js');
 const index$1 = require('./index-ea29129a.js');
 const index$2 = require('./index-bc221b8a.js');
 const lodash = require('./lodash-597bda6d.js');
-const filtersHelpers = require('./filters-helpers-4a3a446e.js');
+const filtersHelpers = require('./filters-helpers-5aa63586.js');
 require('./_commonjsHelpers-94df2ea7.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/cjs/yoo-entity-search-filters.cjs.entry.js

@@ -7,7 +7,7 @@ const index$1 = require('./index-ea29129a.js');
 const index$2 = require('./index-bc221b8a.js');
 const lodash = require('./lodash-597bda6d.js');
 const commonHelpers = require('./common-helpers-70f1fa4b.js');
-const filtersHelpers = require('./filters-helpers-4a3a446e.js');
+const filtersHelpers = require('./filters-helpers-5aa63586.js');
 require('./_commonjsHelpers-94df2ea7.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/cjs/yoo-form-capture.cjs.entry.js

@@ -41,7 +41,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;
@@ -76,15 +76,7 @@ const YooFormCaptureComponent = class {
     this.emitOnUpdated = false;
   }
   async onPhotoUploadComplete() {
-    this.isUploadingPhoto = false;
     this.currentUploadingStatus = index$1.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]) {
@@ -105,6 +97,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;
@@ -1014,7 +1014,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 = index$1.translate('UPLOADINGPHOTOS');
@@ -1548,7 +1548,7 @@ const YooFormCaptureComponent = class {
     return (index.h("div", { class: "progressbar-wrapper" }, mainProgress
       ? [
         this.currentUploadingStatus && (lodash.isUndefined(index$1) || !this.multiple) && index.h("div", { class: "text app-color" }, this.currentUploadingStatus),
-        !this.isUploadingPhoto && (index.h("div", { class: "main-wrapper" }, index.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 && (index.h("div", { class: "main-wrapper" }, index.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) })))
       ]
       : [
         index.h("yoo-progress-bar", { class: "photo-progress app-color", value: 0, hideProgressValue: true, progressAnimationDuration: 0.5, ref: (el) => {

package/dist/cjs/yoo-form-choice-card.cjs.entry.js

@@ -31,12 +31,6 @@ const YooFormChoiceCardComponent = class {
     this.imgElements = [];
     this.choices = [];
   }
-  onValuesChanged(newValues, oldValues) {
-    formChoiceHelpers.updateValues(newValues, oldValues, this);
-  }
-  onValueChanged(newValue, oldValue) {
-    formChoiceHelpers.updateValue(newValue, oldValue, this);
-  }
   componentWillLoad() {
     var _a;
     formChoiceHelpers.prepareChoice(this);
@@ -78,7 +72,10 @@ const YooFormChoiceCardComponent = class {
     return index.h("yoo-icon", { name: "check" });
   }
   renderSelect(item, index$1) {
-    const selected = formChoiceHelpers.isSelected(item.value || item.title, this.selection);
+    const selected = ((formChoiceHelpers.isSelected('true', this.selection) && index$1 === 0) ||
+      (formChoiceHelpers.isSelected('false', this.selection) && index$1 === 0) ||
+      formChoiceHelpers.isSelected(item.value || item.title, this.selection) ||
+      formChoiceHelpers.isSelected(item || item.title, this.selection));
     return (index.h("div", { class: { 'select': true, selected }, style: { ...(this.maxWidth > 0 && { maxWidth: `${this.maxWidth}px` }) }, onClick: () => formChoiceHelpers.onItemSelect(item.value || item.title, this) }, this.renderCardContent(item, selected, index$1), !item.image &&
       !item.lottie &&
       !item.hideCheckbox &&
@@ -100,10 +97,6 @@ const YooFormChoiceCardComponent = class {
     ]));
   }
   get host() { return index.getElement(this); }
-  static get watchers() { return {
-    "values": ["onValuesChanged"],
-    "value": ["onValueChanged"]
-  }; }
 };
 YooFormChoiceCardComponent.style = formChoiceCardCss;
 

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

@@ -124,7 +124,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/cjs/yoo-form-creator.cjs.entry.js

@@ -157,6 +157,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);
@@ -175,12 +176,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) {
@@ -424,7 +427,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;
@@ -1016,6 +1024,12 @@ const YooFormCreatorComponent = class {
     }
     this.shouldRenderLeftSelectionContent = true;
   }
+  selectPage(pageIndex) {
+    this.selectedPageIndex = pageIndex;
+    this.pageHeaderClicked.emit(pageIndex);
+    this.hasPageChanged = pageIndex;
+    this.resetExpandableBlockReferences();
+  }
   updateGlobalActions() {
     this.selectedMoveActions = index$3.setBlockSelection(this.itemList, null, (slideIndex, _itemIndex, itemId) => this.moveSelectedFields(itemId, slideIndex), {
       extraStartingItems: [
@@ -2166,7 +2180,7 @@ const YooFormCreatorComponent = class {
           selected: this.isPagesAccordionOpen,
           actionButtons
         }
-      ], iconPairLeft: index$5.ARROW_PAIR, showBottomBorder: true, forceEntryUpdate: true, allowMultipleSelection: true, onAccordionSelected: (event) => this.onPagesAccordionSelected(event) }, index.h("div", { slot: "PAGES" }, index.h("yoo-form-creator-page-card-list", { scoringMode: index$3.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: index$5.ARROW_PAIR, showBottomBorder: true, forceEntryUpdate: true, allowMultipleSelection: true, onAccordionSelected: (event) => this.onPagesAccordionSelected(event) }, index.h("div", { slot: "PAGES" }, index.h("yoo-form-creator-page-card-list", { scoringMode: index$3.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;
@@ -2348,7 +2362,7 @@ const YooFormCreatorComponent = class {
   }
   renderLivePreview() {
     var _a;
-    return (index.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) }, index.h("div", { class: "slot-container", slot: "livePreview" }, index.h("slot", { name: "livePreview" }))));
+    return (index.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) }, index.h("div", { class: "slot-container", slot: "livePreview" }, index.h("slot", { name: "livePreview" }))));
   }
   renderFormDynamic() {
     var _a;

package/dist/cjs/yoo-grid.cjs.entry.js

@@ -11,7 +11,7 @@ require('./index-95f4734e.js');
 const button_factory = require('./button.factory-a7d8ad16.js');
 const index$3 = require('./index-50a1dcc7.js');
 const commonHelpers = require('./common-helpers-70f1fa4b.js');
-const filtersHelpers = require('./filters-helpers-4a3a446e.js');
+const filtersHelpers = require('./filters-helpers-5aa63586.js');
 const formInputHelpers = require('./form-input-helpers-7dae7a64.js');
 const gridRenderers = require('./grid-renderers-dbe0d15d.js');
 const itemSliding_interface = require('./item-sliding.interface-7206925b.js');

package/dist/cjs/yoo-lesson-question-result.cjs.entry.js

@@ -8,7 +8,7 @@ const lodash = require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-ea29129a.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/cjs/yoo-profile-list.cjs.entry.js

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

package/dist/cjs/yoo-truncate.cjs.entry.js

@@ -43,6 +43,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
      */
@@ -64,7 +65,7 @@ const YooTruncateComponent = class {
       return `<span class="more-button"> ${this.collapsed ? `... ${index$1.translate('MORE2')}` : index$1.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() {

package/dist/collection/components/1.atoms/truncate/truncate.js

@@ -1,7 +1,3 @@
-/**
- * @name: Truncate
- * @author: Romain Panaget
- */
 import { debounce, parseMarkDown, translate, truncateMarkdown } from '@shared/utils';
 import { Component, Element, Event, h, Host, Prop, State, Watch } from '@stencil/core';
 import { querySelectorDeep } from '../../../utils/helpers/common-helpers';
@@ -35,6 +31,7 @@ export class YooTruncateComponent {
      * Used more icon instead of text as ellipsis button.
      */
     this.showEllipsisIcon = false;
+    this.ellipsisIconSize = 'small';
     /**
      * Alters how the <br> tag is handled for markdown
      */
@@ -56,7 +53,7 @@ export class YooTruncateComponent {
       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() {
@@ -253,6 +250,29 @@ export class YooTruncateComponent {
       "reflect": true,
       "defaultValue": "false"
     },
+    "ellipsisIconSize": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "TSize",
+        "resolved": "\"extra-extra-large\" | \"extra-large\" | \"extra-small\" | \"large\" | \"medium\" | \"small\"",
+        "references": {
+          "TSize": {
+            "location": "import",
+            "path": "@shared/interfaces"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "ellipsis-icon-size",
+      "reflect": false,
+      "defaultValue": "'small'"
+    },
     "content": {
       "type": "string",
       "mutable": false,

package/dist/collection/components/2.molecules/context-menu-dialog/context-menu-dialog.js

@@ -126,12 +126,12 @@ export class YooContextMenuDialogComponent {
     ]) : (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/collection/components/2.molecules/profile-list/profile-list.js

@@ -121,10 +121,11 @@ export class YooProfileListComponent {
     }
   }
   renderTruncate(content, icon) {
+    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-truncated-line", { content: content }))));
+        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 },

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

@@ -17,7 +17,7 @@ export class YooFormCaptureComponent {
     this.min = 1;
     this.max = 1;
     this.validators = [];
-    this.isUploadingPhoto = true;
+    this.isProcessingPhoto = true;
     this.isSelectorMode = false;
     this.selectedIndex = [];
     this.overflowOffset = 4;
@@ -52,15 +52,7 @@ export class YooFormCaptureComponent {
     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]) {
@@ -81,6 +73,14 @@ export class YooFormCaptureComponent {
     });
   }
   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;
@@ -990,7 +990,7 @@ export class YooFormCaptureComponent {
       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');
@@ -1562,7 +1562,7 @@ export class YooFormCaptureComponent {
     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" },
+        !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) })))
       ]
       : [
@@ -2581,7 +2581,7 @@ export class YooFormCaptureComponent {
   static get states() { return {
     "validity": {},
     "isProcessing": {},
-    "isUploadingPhoto": {},
+    "isProcessingPhoto": {},
     "showImageLoader": {},
     "imageRecognitionResults": {},
     "isSelectorMode": {},

package/dist/collection/components/form/form-choice/card/form-choice-card.js

@@ -1,7 +1,7 @@
 import { isChromatic, translate, translateMulti } from '@shared/utils';
-import { Component, Element, Event, h, Host, Prop, State, Watch } from '@stencil/core';
+import { Component, Element, Event, h, Host, Prop, State } from '@stencil/core';
 import { setColorSVG } from '../../../../utils/helpers/common-helpers';
-import { hasWarnings, isSelected, onItemSelect, prepareChoice, updateValue, updateValues } from '../form-choice-helpers';
+import { hasWarnings, isSelected, onItemSelect, prepareChoice } from '../form-choice-helpers';
 import { ReadonlyCard } from '../readonly-card/readonly-card';
 export class YooFormChoiceCardComponent {
   constructor() {
@@ -13,12 +13,6 @@ export class YooFormChoiceCardComponent {
     this.imgElements = [];
     this.choices = [];
   }
-  onValuesChanged(newValues, oldValues) {
-    updateValues(newValues, oldValues, this);
-  }
-  onValueChanged(newValue, oldValue) {
-    updateValue(newValue, oldValue, this);
-  }
   componentWillLoad() {
     var _a;
     prepareChoice(this);
@@ -60,7 +54,10 @@ export class YooFormChoiceCardComponent {
     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 &&
@@ -424,11 +421,4 @@ export class YooFormChoiceCardComponent {
       }
     }]; }
   static get elementRef() { return "host"; }
-  static get watchers() { return [{
-      "propName": "values",
-      "methodName": "onValuesChanged"
-    }, {
-      "propName": "value",
-      "methodName": "onValueChanged"
-    }]; }
 }

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

@@ -86,6 +86,7 @@ export class YooFormCreatorComponent {
     this.restrictionConditionSelectedTab = 0;
     this.expandedConditions = [];
     this.isPageReordering = false;
+    this.pagesReordered = false;
     this.onInsertPageAfterClicked = (event) => {
       if (event) {
         this.onAddNewPage(event.detail + 1);
@@ -104,12 +105,14 @@ export class YooFormCreatorComponent {
         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) {
@@ -353,7 +356,12 @@ export class YooFormCreatorComponent {
           });
           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;
@@ -945,6 +953,12 @@ export class YooFormCreatorComponent {
     }
     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: [
@@ -2126,7 +2140,7 @@ export class YooFormCreatorComponent {
         }
       ], 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: () => {
+        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;
@@ -2324,7 +2338,7 @@ export class YooFormCreatorComponent {
   }
   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) },
+    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" }))));
   }

package/dist/collection/components/form-creator/form-creator-card-list/page/form-creator-page-card-list.js

@@ -101,7 +101,6 @@ export class YooFormCreatorPageCardListComponent {
       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/collection/feature-learn/learning/lesson-question-result/lesson-question-result.css

@@ -287,7 +287,6 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   display: flex;
   flex-direction: column;
   align-items: center;
-  width: var(--spacing-56, 3.5rem);
   margin: var(--spacing-08, 0.5rem) 0;
   font-size: var(--font-size-12, 0.75rem);
 }

package/dist/collection/utils/helpers/filters-helpers.js

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