@yoobic/yobi 8.2.0-32 → 8.2.0-33

package/dist/esm/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/esm/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/esm/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/esm/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/esm/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() {

package/dist/types/components/1.atoms/truncate/truncate.d.ts

@@ -1,3 +1,8 @@
+/**
+ * @name: Truncate
+ * @author: Romain Panaget
+ */
+import { TSize } from '@shared/interfaces';
 import { Event, EventEmitter } from '../../../stencil-public-runtime';
 export declare class YooTruncateComponent {
   /**
@@ -28,6 +33,7 @@ export declare class YooTruncateComponent {
    * Used more icon instead of text as ellipsis button.
    */
   showEllipsisIcon: boolean;
+  ellipsisIconSize: TSize;
   /**
    * Holds the markdown/html content to truncate, for advanced truncation.
    */

package/dist/types/components/form-creator/form-creator/form-creator.d.ts

@@ -1,4 +1,4 @@
-import { ConditionType, FormCreatorBulkActions, FormCreatorOptions, FormFieldCategory, IButton, ICondition, ICustomFormField, IFormField, IFormFieldDescription, IMissionDescription, IPlan, IScoring, IScoringQuickSetup, IScrollDetail, ISlide, ITranslation, IWorkflowStep, TIconName, TWorkflowStepType } from '@shared/interfaces';
+import { ConditionType, FormCreatorBulkActions, FormCreatorOptions, FormFieldCategory, IButton, ICondition, ICustomFormField, IFormField, IFormFieldDescription, IMissionDescription, IPlan, IScoring, IScoringQuickSetup, IScrollDetail, ISectionListSortEvent, ISlide, ITranslation, IWorkflowStep, TIconName, TWorkflowStepType } from '@shared/interfaces';
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { IScoreChangedDetail } from '../../../interfaces';
 export declare class YooFormCreatorComponent {
@@ -393,6 +393,7 @@ export declare class YooFormCreatorComponent {
   private isPageReordering;
   private missDescDisplayTitle;
   private displayLanguage;
+  private pagesReordered;
   /**
    * hides or shows an overlay over the form creator to force the user to select a NEW field
    */
@@ -415,6 +416,7 @@ export declare class YooFormCreatorComponent {
   private get isLesson();
   onInsertPageAfterClicked: (event: CustomEvent<number>) => void;
   onPageClicked: (event: CustomEvent<number>) => void;
+  onPageOrderChanged: (event: CustomEvent<ISectionListSortEvent>) => void;
   onDuplicatePageClicked: (event: CustomEvent<number>) => void;
   onDeletePageClicked: (event: CustomEvent<number>) => void;
   onEditPageClicked: (event: CustomEvent<number>) => void;
@@ -583,6 +585,7 @@ export declare class YooFormCreatorComponent {
   componentDidLoad(): void;
   componentWillUpdate(): void;
   componentDidUpdate(): void;
+  selectPage(pageIndex: number): void;
   updateGlobalActions(): void;
   disconnectedCallback(): void;
   expandChildBlocks(itemIndex: number): Promise<void>;

package/dist/types/components.d.ts

@@ -6723,6 +6723,7 @@ export namespace Components {
           * Piece of string placed at the end of a truncated text. Can be an html string.
          */
         "ellipsis": string;
+        "ellipsisIconSize": TSize;
         /**
           * Force the showing of more button when content is in the slot
          */
@@ -17757,6 +17758,7 @@ declare namespace LocalJSX {
           * Piece of string placed at the end of a truncated text. Can be an html string.
          */
         "ellipsis"?: string;
+        "ellipsisIconSize"?: TSize;
         /**
           * Force the showing of more button when content is in the slot
          */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yoobic/yobi",
-  "version": "8.2.0-32",
+  "version": "8.2.0-33",
   "description": "Yobi - Yoobic Design System",
   "module": "dist/index.js",
   "main": "dist/index.cjs.js",