@yoobic/yobi 8.3.0-41 → 8.3.0-44

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

@@ -2119,7 +2119,7 @@ export class YooFormDynamicComponent {
                 'grid-flex': !this.showWizard && ((_b = (_a = selectedSlide === null || selectedSlide === void 0 ? void 0 : selectedSlide.items) === null || _a === void 0 ? void 0 : _a.filter((f) => this.getFieldVisibility(f))) === null || _b === void 0 ? void 0 : _b.some((f) => f.type === FormFieldType.grid || f.type === FormFieldType.audience)),
                 'gridstack': this.useGridstack && !this.gridstackItemNoScroll,
                 'gridstack-no-scroll': this.useGridstack && this.gridstackItemNoScroll,
-                'lesson-detail-answer': (this.formType === 'lesson' && isWeb()) && this.showAnswers && !this.lessonStarted
+                'lesson-detail-answer': (this.formType === 'lesson' && isWeb(this.host)) && this.showAnswers && !this.lessonStarted
               }, ref: (el) => (this.inputContainerParent[selectedSlideIndex] = el) },
               h("slot", { name: "before-main-container" }),
               this.selectedTabIndexState > -1 && this.renderFormContentFields(selectedSlide, selectedSlideIndex, slides.length - 1),
@@ -2137,7 +2137,7 @@ export class YooFormDynamicComponent {
                 'grid-flex': !this.showWizard && ((_f = (_e = (_d = slides[0]) === null || _d === void 0 ? void 0 : _d.items) === null || _e === void 0 ? void 0 : _e.filter((f) => this.getFieldVisibility(f))) === null || _f === void 0 ? void 0 : _f.some((f) => f.type === FormFieldType.grid || f.type === FormFieldType.audience)),
                 'gridstack': this.useGridstack && !this.gridstackItemNoScroll,
                 'gridstack-no-scroll': this.useGridstack && this.gridstackItemNoScroll,
-                'lesson-detail-answer': this.formType === 'lesson' && isWeb() && this.showAnswers && !this.lessonStarted
+                'lesson-detail-answer': this.formType === 'lesson' && isWeb(this.host) && this.showAnswers && !this.lessonStarted
               }, ref: (el) => (this.inputContainerParent[0] = el) },
               h("slot", { name: "before-main-container" }),
               this.renderFormContentFields(slides[0], 0, slides.length - 1))),
@@ -2635,7 +2635,7 @@ export class YooFormDynamicComponent {
             'disable-input-container': field.disableInputContainer,
             'html': field.type === FormFieldType.textarea && field.language === 'html' && isWeb(this.host),
             'no-break': !isPdfMultiplePhotos && ![FormFieldType.selectmulti, FormFieldType.selectbuttons, FormFieldType.catalog].includes(field === null || field === void 0 ? void 0 : field.type),
-            'lesson-detail-answer-field': this.formType === 'lesson' && isWeb(),
+            'lesson-detail-answer-field': this.formType === 'lesson' && isWeb(this.host),
             [fieldClass]: !!fieldClass && !renderSlideTitle,
             [field.mode]: field.mode && (field.type === FormFieldType.document || field.type === FormFieldType.image || field.type === FormFieldType.podcast),
             [field.type]: true
@@ -2812,7 +2812,7 @@ export class YooFormDynamicComponent {
         }
         break;
       case 'recap':
-        buttons = getRecapButton(this.validity && !this.isPreview, this.showPreview, this.isPreview, () => this.onOpenPreview(), (ev) => this.onSave(ev), () => this.continueIfEnabled(() => this.goToSlide(this.nextAvailablePage(-1), true)));
+        buttons = getRecapButton(this.host, this.validity && !this.isPreview, this.showPreview, this.isPreview, () => this.onOpenPreview(), (ev) => this.onSave(ev), () => this.continueIfEnabled(() => this.goToSlide(this.nextAvailablePage(-1), true)));
         break;
     }
     return buttons;
@@ -2824,7 +2824,7 @@ export class YooFormDynamicComponent {
   renderFormFooter(type, slideIndex, lastUnlockedSlideIndex) {
     if (this.shouldRenderFormFooter(type, slideIndex, lastUnlockedSlideIndex)) {
       const buttons = this.getFormFooterButtons(type, slideIndex, lastUnlockedSlideIndex);
-      return (h("yoo-form-footer", { ref: (el) => (this.formFooterElement = el), countDownStartValue: this.timer, countDownValue: this.innerTimer, forceMobile: this.forceMobile || this.formType === 'form-creator-preview', buttons: buttons, showCopyright: this.showCopyright, class: this.formType === 'lesson' ? isWeb() ? 'lesson-detail' : 'relative' : '' }));
+      return (h("yoo-form-footer", { ref: (el) => (this.formFooterElement = el), countDownStartValue: this.timer, countDownValue: this.innerTimer, forceMobile: this.forceMobile || this.formType === 'form-creator-preview', buttons: buttons, showCopyright: this.showCopyright, class: this.formType === 'lesson' ? isWeb(this.host) ? 'lesson-detail' : 'relative' : '' }));
     }
   }
   getNextButtons(slideIndex) {
@@ -2844,6 +2844,7 @@ export class YooFormDynamicComponent {
         }
       };
       buttons = getPreviousAndNextButtons({
+        host: this.host,
         hasPreviousButton: slideIndex !== 0 && (((slideIndex !== this.slides.length - 1 || this.isLessonPreview()) && isContentOnly(this.lessonType)) || ((_f = this.formExtraOptions) === null || _f === void 0 ? void 0 : _f.showBack)),
         lastButtonTranslationKey: isQuiz(this.lessonType) && this.showAnswers && !isTimedQuiz(this.lessonType) && (!isConfidenceAssessment(this.lessonType) || isConfidenceSlide) ? 'CHECK' : 'YOOBICNEXT',
         isDisabled: this.isLivePreview() ? false : !getLessonPageValidity(slideIndex, this.slides, this.fieldsState, this.activeIndex, this.currentData),
@@ -2859,6 +2860,7 @@ export class YooFormDynamicComponent {
     else if (this.showWizard) {
       lockSwipes(this.ionSlides, true);
       buttons = getPreviousAndNextButtons({
+        host: this.host,
         hasPreviousButton: slideIndex !== 0 && slideIndex !== this.slides.length - 1,
         lastButtonTranslationKey: 'YOOBICNEXT',
         isDisabled: !((_g = this.slidesState.filter((item) => !(item === null || item === void 0 ? void 0 : item.hidden))[slideIndex]) === null || _g === void 0 ? void 0 : _g.validity),
@@ -2874,7 +2876,7 @@ export class YooFormDynamicComponent {
       if (((_h = this.formExtraOptions) === null || _h === void 0 ? void 0 : _h.combinedForms) && this.slides[slideIndex] && ((_j = this.slides[slideIndex]) === null || _j === void 0 ? void 0 : _j.submitFn)) {
         nextFn = () => this.slides[slideIndex].submitFn(this.currentData, this.ionSlides, this);
       }
-      buttons = getNextButton(useSubmitFn ? () => this.slides[slideIndex].submitFn(this.currentData, () => nextFn) : nextFn, isWeb(this.host) && !this.isLivePreview() ? 'medium' : 'large');
+      buttons = getNextButton(this.host, useSubmitFn ? () => this.slides[slideIndex].submitFn(this.currentData, () => nextFn) : nextFn, isWeb(this.host) && !this.isLivePreview() ? 'medium' : 'large');
     }
     return buttons;
   }
@@ -2889,7 +2891,7 @@ export class YooFormDynamicComponent {
     else if (this.showWizard) {
       lockSwipes(this.ionSlides, true);
       const visibleSlides = this.getVisibleSlides();
-      buttons = getLastButtons({
+      buttons = getLastButtons(this.host, {
         text: translate(this.saveText || 'YOOBICSAVE'),
         color: isDisabled ? 'stable-light' : this.appColor,
         size: isWeb(this.host) && !this.isLivePreview() ? 'medium' : 'large',
@@ -2922,7 +2924,7 @@ export class YooFormDynamicComponent {
       else {
         submitText = 'FINISH';
       }
-      buttons = getLastButtons({
+      buttons = getLastButtons(this.host, {
         text: translate(submitText),
         color: !this.isLesson() && isDisabled ? 'stable-light' : this.appColor,
         size: isWeb(this.host) && !this.isLivePreview() ? 'medium' : 'large',
@@ -3334,6 +3336,7 @@ export class YooFormDynamicComponent {
           inline: this.isInline(),
           tags: field.tags,
           isFilter: field.type === FormFieldType.filterautocomplete,
+          filterOperator: field.filterOperator,
           forceDisableCustomTags: field.forceDisableCustomTags,
           extraData: this.getExtraData(field, data),
           forceHideSearch: !!field.forceHideSearch,

package/dist/collection/components/form/form-dynamic/helpers/index.js

@@ -48,12 +48,12 @@ export function getInputType(field) {
       return FormFieldType.text;
   }
 }
-export function getPreviousAndNextButtons({ hasPreviousButton, lastButtonTranslationKey, isDisabled, nextButtonHandler, previousButtonHandler, size }) {
+export function getPreviousAndNextButtons({ host, hasPreviousButton, lastButtonTranslationKey, isDisabled, nextButtonHandler, previousButtonHandler, size }) {
   const buttons = [];
   if (hasPreviousButton) {
     buttons.push({
       actionType: 'goback',
-      size: size || (isWeb() ? 'medium' : 'large'),
+      size: size || (isWeb(host) ? 'medium' : 'large'),
       text: translate('GOBACK'),
       cssClass: isNativeMobile() ? '' : 'swiper-no-swiping',
       handler: () => previousButtonHandler()
@@ -63,7 +63,7 @@ export function getPreviousAndNextButtons({ hasPreviousButton, lastButtonTransla
     buttons.push({
       text: translate(lastButtonTranslationKey),
       color: 'app-color',
-      size: size || (isWeb() ? 'medium' : 'large'),
+      size: size || (isWeb(host) ? 'medium' : 'large'),
       cssClass: isNativeMobile() ? '' : 'swiper-no-swiping',
       disabled: isDisabled,
       handler: () => nextButtonHandler()
@@ -71,24 +71,24 @@ export function getPreviousAndNextButtons({ hasPreviousButton, lastButtonTransla
   }
   return buttons;
 }
-export function getNextButton(nextButtonHandler, size) {
+export function getNextButton(host, nextButtonHandler, size) {
   return [
     {
       actionType: 'next',
       text: translate('YOOBICNEXT'),
-      size: size || (isWeb() ? 'medium' : 'large'),
+      size: size || (isWeb(host) ? 'medium' : 'large'),
       color: 'app-color',
       cssClass: isNativeMobile() ? '' : 'swiper-no-swiping',
       handler: () => nextButtonHandler()
     }
   ];
 }
-export function getLastButtons(submitButtonEntry, hasPreviousButton, showPreview, previousButtonHandler, previewButtonHandler, size) {
+export function getLastButtons(host, submitButtonEntry, hasPreviousButton, showPreview, previousButtonHandler, previewButtonHandler, size) {
   const buttons = [];
   if (hasPreviousButton) {
     buttons.push({
       actionType: 'goback',
-      size: size || (isWeb() ? 'medium' : 'large'),
+      size: size || (isWeb(host) ? 'medium' : 'large'),
       text: translate('GOBACK'),
       cssClass: isNativeMobile() ? '' : 'swiper-no-swiping',
       handler: () => previousButtonHandler()
@@ -97,7 +97,7 @@ export function getLastButtons(submitButtonEntry, hasPreviousButton, showPreview
   else if (showPreview) {
     buttons.push({
       actionType: 'preview',
-      size: size || (isWeb() ? 'medium' : 'large'),
+      size: size || (isWeb(host) ? 'medium' : 'large'),
       text: translate('PREVIEW'),
       color: 'light',
       cssClass: isNativeMobile() ? '' : 'swiper-no-swiping',
@@ -107,7 +107,7 @@ export function getLastButtons(submitButtonEntry, hasPreviousButton, showPreview
   buttons.push({ ...submitButtonEntry });
   return buttons;
 }
-export function getRecapButton(validity, showPreview, isPreview, previewHandler, submitHandler, startHandler) {
+export function getRecapButton(host, validity, showPreview, isPreview, previewHandler, submitHandler, startHandler) {
   const buttons = [];
   if (validity) {
     if (showPreview) {
@@ -115,25 +115,25 @@ export function getRecapButton(validity, showPreview, isPreview, previewHandler,
         actionType: 'preview',
         text: translate('PREVIEW'),
         color: 'light',
-        size: isWeb() ? 'medium' : 'large',
+        size: isWeb(host) ? 'medium' : 'large',
         cssClass: isNativeMobile() ? '' : 'swiper-no-swiping',
         handler: () => previewHandler()
       });
     }
     buttons.push({
       text: translate('SUBMIT'),
-      size: isWeb() ? 'medium' : 'large',
+      size: isWeb(host) ? 'medium' : 'large',
       color: 'app-color',
       handler: (ev) => submitHandler(ev)
     });
   }
   else {
     const startText = isPreview ? 'STARTPREVIEWING' : 'START';
-    const buttonText = isWeb() ? 'YOOBICNEXT' : startText;
+    const buttonText = isWeb(host) ? 'YOOBICNEXT' : startText;
     buttons.push({
       text: translate(buttonText),
       color: 'app-color',
-      size: isWeb() ? 'medium' : 'large',
+      size: isWeb(host) ? 'medium' : 'large',
       handler: () => startHandler()
     });
   }

package/dist/collection/components/form/form-footer/form-footer.css

@@ -209,6 +209,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 }
 :host .outer-container {
   z-index: 2;
+  padding-bottom: var(--safe-area-inset-bottom);
   background-color: var(--light, #ffffff);
 }
 :host .outer-container yoo-copyright {
@@ -262,10 +263,6 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   left: 0;
 }
 
-:host(.iphone-x) .outer-container {
-  padding-bottom: 20px;
-}
-
 :host(.no-gradient) .mission-footer {
   height: 3.125rem;
 }

package/dist/collection/components/form/form-image-collection/form-image-collection.css

@@ -282,6 +282,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 }
 
 :host([detailed-view]) {
+  overflow: auto;
   background: transparent !important;
 }
 

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

@@ -133,8 +133,14 @@ export class YooFormMissionfieldComponent {
   renderEditable() {
     var _a, _b, _c, _d, _e;
     const showFields = this.type === 'missionfield' || this.type === 'datasetfield';
+    const isLocal = ((_a = this.customModelValues) === null || _a === void 0 ? void 0 : _a.length) >= 0;
     return (h("div", { class: "container" },
-      !this.hideCampaign && (h("yoo-form-autocomplete", { ref: (el) => (this.formAutocompleteCampaign = el), multiple: false, value: this.value ? this.value.selectedDescription : null, values: this.customModelValues, entityType: "missiondescriptions", displayType: "card-list", placeholder: this.type === 'datasetfield' ? 'SELECTDATASET' : 'SELECTCAMPAIGN', isLocal: ((_a = this.customModelValues) === null || _a === void 0 ? void 0 : _a.length) >= 0, onFetchData: (ev) => this.onFetchData(ev), onInputChanged: (ev) => this.onInputChanged(ev), onInputBlurred: (ev) => this.onInputBlurred(ev), onInputFocused: (ev) => this.onInputFocused(ev), onValidityChanged: (ev) => this.stopValidityChangeEvent(ev), clearable: true, tabindex: this.inputTabIndex, size: this.size })),
+      !this.hideCampaign && (h("yoo-form-autocomplete", { ref: (el) => (this.formAutocompleteCampaign = el), multiple: false, value: this.value ? this.value.selectedDescription : null, values: this.customModelValues, entityType: "missiondescriptions", displayType: "card-list", placeholder: this.type === 'datasetfield' ? 'SELECTDATASET' : 'SELECTCAMPAIGN', isLocal: isLocal, onFetchData: (ev) => {
+          ev.stopPropagation();
+          if (!isLocal) {
+            this.onFetchData(ev);
+          }
+        }, onInputChanged: (ev) => this.onInputChanged(ev), onInputBlurred: (ev) => this.onInputBlurred(ev), onInputFocused: (ev) => this.onInputFocused(ev), onValidityChanged: (ev) => this.stopValidityChangeEvent(ev), clearable: true, tabindex: this.inputTabIndex, size: this.size })),
       !this.hideCampaign && h("div", { class: "spacer" }),
       h("yoo-form-autocomplete", { ref: (el) => (this.formAutocompleteSecondary = el), multiple: this.multiple, idAttributeName: this.type === 'missionscore' ? 'title' : 'name', values: showFields ? this.fields : this.scoring, value: this.value && this.type === 'missionscore' ? this.value.scores : this.value ? this.value.fields : null, entityType: showFields ? 'formfield' : 'scoring', placeholder: showFields ? 'SELECTFORMFIELD' : 'SELECTSCORING', displayType: "card-list", disabled: !((_c = (_b = this === null || this === void 0 ? void 0 : this.value) === null || _b === void 0 ? void 0 : _b.selectedDescription) === null || _c === void 0 ? void 0 : _c._id), isLocal: true, expandHeightOnShow: !((_e = (_d = this.host) === null || _d === void 0 ? void 0 : _d.classList) === null || _e === void 0 ? void 0 : _e.contains('inline')), onFetchData: (ev) => {
           ev.stopPropagation();

package/dist/collection/components/form/form-signature-pad-dialog/form-signature-pad-dialog.css

@@ -202,6 +202,8 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 /* spacing for padding, margin, etc... */
 /* shadow */
 :host {
+  display: flex;
+  flex-direction: column;
   width: 100%;
 }
 :host .signature-pad-dialog {

package/dist/collection/components/form-creator/form-creator-live-preview/form-creator-live-preview.css

@@ -310,9 +310,13 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   line-height: 1.13;
 }
 :host .outer-container .columns-container .form-dynamic-container {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
   display: flex;
   flex-direction: column;
-  height: calc(100% - 2rem);
 }
 :host .outer-container .columns-container .form-dynamic-container .slot-container {
   position: relative;
@@ -359,22 +363,6 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   cursor: pointer;
 }
 
-:host(.iphone-x) .form-dynamic-container {
-  position: absolute;
-  top: 2rem;
-  right: 0;
-  bottom: 0;
-  left: 0;
-}
-
-:host(:not(.iphone-x)) .form-dynamic-container {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-}
-
 :host(.panel) .outer-container {
   display: flex;
   flex-direction: column;

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

@@ -94,7 +94,7 @@ export class YooFormCreatorLivePreviewComponent {
   }
   render() {
     var _a;
-    return (h(Host, { class: { panel: this.mode === 'panel', 'iphone-x': this.selectedDevice.device === 'iphone-x', ...getAppContext(this.host) } },
+    return (h(Host, { class: { panel: this.mode === 'panel', ...getAppContext(this.host) } },
       h("div", { class: { 'outer-container': true, 'not-closable': !this.closable } },
         !this.hideHeading && h("div", { class: "heading" },
           this.mode === 'fullscreen' && this.renderFullscreenHeader(),

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

@@ -9071,4 +9071,8 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
 
 :host(.filesFolders) [col-id=entity] .ag-cell-wrapper {
   align-items: flex-start;
+}
+
+:host(.coursecategories) [col-id=actions] {
+  padding: var(--spacing-04, 0.25rem) var(--spacing-04, 0.25rem) !important;
 }

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

@@ -748,6 +748,11 @@ function entityArrayTextRenderer(params) {
   const value = entities.map((e) => get(e, params.fieldName)).join(', ');
   return truncateRenderer({ ...params, value });
 }
+function categoryIconRenderer(params) {
+  const category = params.data;
+  const img = `<yoo-avatar style="margin-right:0.5rem" size="small" icon="${category.icon}" color="${category.color || 'dark'}"></yoo-avatar>`;
+  return truncateRenderer({ value: translateMulti(category.title), maxLine: 1 }, img);
+}
 function buttonRenderer(params) {
   var _a;
   if ((_a = params.colDef) === null || _a === void 0 ? void 0 : _a.cellRendererParams) {
@@ -1410,6 +1415,8 @@ export function getRenderer(renderer) {
       return pricecheckRenderer;
     case 'folderIconRenderer':
       return folderIconRenderer;
+    case 'categoryIconRenderer':
+      return categoryIconRenderer;
     case 'entityArrayTextRenderer':
       return entityArrayTextRenderer;
     case 'campaignStatusRenderer':

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

@@ -583,6 +583,11 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   display: inline-block;
   padding-left: 0.2rem;
 }
+:host .container-base .header-container .see-all {
+  color: var(--app-color, #5a30f4);
+  font-size: var(--font-size-14, 0.875rem);
+  cursor: pointer;
+}
 :host .container-base .empty-state-container {
   display: flex;
   align-items: center;
@@ -3312,13 +3317,18 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   padding-bottom: 0;
 }
 
-:host(.card-cell-color) .grid-cell {
+:host(.card-cell-color) .grid-cell,
+:host(.card-menu) .grid-cell {
   display: grid !important;
   grid-template-columns: var(--grid-template-columns, repeat(2, minmax(0, 1fr)));
   gap: var(--grid-template-gap, var(--spacing-08, 0.5rem));
 }
-:host(.card-cell-color) .entity-inner-container {
+:host(.card-cell-color) .entity-inner-container,
+:host(.card-menu) .entity-inner-container {
   width: 100%;
+}
+
+:host(.card-cell-color) .entity-inner-container {
   height: 100%;
 }
 
@@ -3403,7 +3413,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   grid-gap: var(--spacing-16, 1rem);
 }
 
-:host(.card-cell-color:not(.framed.small)) .grid-cell {
+:host(.card-cell-color:not(.framed.small)) .grid-cell, :host(.card-menu:not(.framed.small)) .grid-cell {
   display: grid !important;
   grid-template-columns: var(--grid-template-columns, repeat(2, minmax(0, 1fr)));
   gap: var(--grid-template-gap, var(--spacing-16, 1rem));
@@ -3818,16 +3828,27 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   --heading-font-size-card-list: var(--font-size-16, 1rem);
 }
 
-:host(.web.coursecategory) .header-title {
-  padding-bottom: 0.5rem;
-  border-bottom: var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);
+:host(.discover) .header-title {
+  margin-top: 0 !important;
+  font-weight: var(--font-weight-700, 700) !important;
+  font-size: var(--font-size-20, 1.25rem) !important;
 }
-:host(.web.coursecategory) .header-title div:first-child {
-  display: flex;
-  flex-direction: row-reverse;
+
+:host(.mobile.discover) .header-title {
+  margin-left: 0 !important;
+  font-weight: var(--font-weight-900, 900) !important;
+  font-size: var(--font-size-18, 1.125rem) !important;
 }
-:host(.web.coursecategory) .header-title div:first-child .total-number {
-  padding-left: 0.25rem;
+
+:host(.discover.featured) .body-container.card-sticky {
+  padding: var(--spacing-08, 0.5rem) 0 0 0;
+}
+:host(.discover.featured) .header-title {
+  margin: 0 0 0 var(--spacing-16, 1rem) !important;
+}
+
+:host(.subcategories) .grid-cell {
+  margin-top: 0;
 }
 
 :host(.card-sticky.courses) yoo-ion-slides {
@@ -3865,12 +3886,6 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   margin-bottom: var(--spacing-16, 1rem);
 }
 
-:host(.web.plans.card-sticky) .header-title {
-  padding-top: 1rem;
-  padding-bottom: 0.75rem;
-  border-bottom: var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);
-}
-
 :host(.web.card-plan) yoo-ion-item.selected:not(.card-plan) {
   background-color: var(--light, #ffffff);
 }

package/dist/collection/components/grid/grid/grid.js

@@ -770,6 +770,11 @@ export class YooGridComponent {
         if (this.gridApi.destroyCalled) {
           return;
         }
+        if (this.isTree()) {
+          this.gridApi.addRowDropZone({
+            getContainer: () => this.host
+          });
+        }
         // this.isEmptyAgGrid = !this.disconnected && this.gridApi?.getDisplayedRowCount() <= 0;
         if (!this.isLocal && !this.disconnected) {
           this.gridApi.setServerSideDatasource({
@@ -1395,10 +1400,10 @@ export class YooGridComponent {
       this.field.isSelectAll = this.isSelectAll;
     }
   }
-  onToggleSelectAll() {
+  async onToggleSelectAll(forceSelectAll) {
     const isCurrentSelectAll = this.isSelectAll;
     this.clearSelection(false);
-    this.updateSelectAll(!isCurrentSelectAll);
+    this.updateSelectAll(forceSelectAll || !isCurrentSelectAll);
     this.updateGridSelectAllState();
     this.setFormFieldValue();
     this.selectallToggled.emit(this.isSelectAll);
@@ -2372,7 +2377,7 @@ export class YooGridComponent {
             this.total > 0 || !this.hideHeadingIfEmpty ? title : null,
             !this.hideTotal && this.renderTotalNumber())),
         (this.entityType === 'courses' || this.entityType === 'plans' || this.entityType === 'courses-small') && this.renderDisplayMode(),
-        this.showSeeAll && this.total > 0 && (h("div", { class: "icon-container", onClick: () => this.onHeadingClick() }, translate('YOOBICSEEALL'))))) : (this.renderProgressBar()),
+        this.showSeeAll && this.total > 0 && (h("div", { class: "icon-container see-all", onClick: () => this.onHeadingClick() }, translate('YOOBICSEEALL'))))) : (this.renderProgressBar()),
       (this.gridIsExpanded && this.forceHideSearch) || this.isFramed || this.hideToolbar || (!renderSearchOrAutocomplete && !renderEntityTags) ? null : (h("yoo-navbar", { centerTitle: false, class: {
           'grid': !this.isAutoComplete,
           'card-inbox': (_f = (_e = this.host) === null || _e === void 0 ? void 0 : _e.classList) === null || _f === void 0 ? void 0 : _f.contains('card-inbox'),
@@ -2629,7 +2634,7 @@ export class YooGridComponent {
     else if (this.isKanban()) {
       return this.renderKanban();
     }
-    else if (['card-cell', 'card-cell-color', 'card-cell-image', 'card-media', 'card-template'].includes(this.displayType) &&
+    else if (['card-cell', 'card-cell-color', 'card-cell-image', 'card-media', 'card-template', 'card-menu'].includes(this.displayType) &&
       ((_b = this.filteredItems) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
       this.direction !== 'horizontal') {
       if (this.headerFn) {
@@ -2662,9 +2667,9 @@ export class YooGridComponent {
       else {
         return [
           h("slot", { name: "header" }),
-          h("div", { class: { 'grid-cell': this.displayType.includes('card-cell'), 'grid-media': this.displayType === 'card-media' } }, (_c = this.filteredItems) === null || _c === void 0 ? void 0 :
+          h("div", { class: { 'grid-cell': this.displayType.includes('card-cell') || this.displayType === 'card-menu', 'grid-media': this.displayType === 'card-media' } }, (_c = this.filteredItems) === null || _c === void 0 ? void 0 :
             _c.map((item, index) => this.renderEntity(item, null, index)),
-            !['card-cell-color', 'card-cell-image', 'card-template'].includes(this.displayType) &&
+            !['card-cell-color', 'card-cell-image', 'card-template', 'card-menu'].includes(this.displayType) &&
               !['channel', 'channels', 'contacts', 'locations'].includes(this.entityType) &&
               !this.host.classList.contains('grid-cell-channels') &&
               range(6).map(() => (h("yoo-entity", { class: {
@@ -7970,6 +7975,25 @@ export class YooGridComponent {
         "text": "",
         "tags": []
       }
+    },
+    "onToggleSelectAll": {
+      "complexType": {
+        "signature": "(forceSelectAll?: boolean) => Promise<void>",
+        "parameters": [{
+            "tags": [],
+            "text": ""
+          }],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "",
+        "tags": []
+      }
     }
   }; }
   static get elementRef() { return "host"; }

package/dist/collection/components/layout/layout-two-columns/layout-two-columns.js

@@ -1,6 +1,9 @@
 import { translate } from '@shared/utils';
 import { Component, h, Host, Prop } from '@stencil/core';
 export class YooLayoutTwoColumsComponent {
+  constructor() {
+    this.hideHeader = false;
+  }
   renderHeader() {
     return h("yoo-header", { class: "no-border" },
       h("yoo-navbar", { centerTitle: false },
@@ -22,7 +25,7 @@ export class YooLayoutTwoColumsComponent {
   }
   render() {
     return h(Host, null,
-      this.renderHeader(),
+      !this.hideHeader && this.renderHeader(),
       this.renderBody());
   }
   static get is() { return "yoo-layout-two-columns"; }
@@ -50,6 +53,24 @@ export class YooLayoutTwoColumsComponent {
       },
       "attribute": "header",
       "reflect": false
+    },
+    "hideHeader": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "hide-header",
+      "reflect": false,
+      "defaultValue": "false"
     }
   }; }
 }