@yoobic/yobi 8.5.0-10 → 8.5.0-12

package/dist/collection/collection-manifest.json

@@ -8,7 +8,6 @@
     "./components/1.atoms/icon/icon.js",
     "./components/1.atoms/avatar/avatar.js",
     "./components/1.atoms/avatars/avatars.js",
-    "./components/1.atoms/background/background.js",
     "./components/1.atoms/badge/badge.js",
     "./components/1.atoms/breadcrumbs/breadcrumbs.js",
     "./components/1.atoms/button/button.js",

package/dist/collection/components/2.molecules/context-dialog/context-dialog.css

@@ -207,7 +207,7 @@ svg:not(:root) {
 
 :host {
   --basic-transitions: opacity .3s ease-in-out, margin .3s ease-in-out;
-  z-index: 10000;
+  z-index: 21000;
   display: flex;
   flex-direction: column;
   overflow: hidden;

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

@@ -3800,6 +3800,7 @@ svg:not(:root) {
   position: sticky;
   top: 0;
   z-index: 2;
+  background: var(--light, #ffffff);
 }
 :host(.autocomplete) .container-base .dropdown-header yoo-empty-state {
   height: var(--empty-state-height);

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

@@ -1331,6 +1331,8 @@ export class YooGridComponent {
     else if (!this.disconnected) {
       this.setFormFieldValue();
     }
+    this.searchText = '';
+    this.onFetchData();
   }
   setFormFieldValue() {
     if (this.isFormField && this.returnQuery) {

package/dist/collection/feature-communicate/feed/community-detail/community-detail.js

@@ -37,11 +37,11 @@ export class YooCommunityDetailComponent {
   }
   renderMobileHeader() {
     var _a, _b, _c;
-    return h("div", { class: "top-container" }, h("yoo-img", { src: (_a = this.community) === null || _a === void 0 ? void 0 : _a.covers, fallbackIcon: { name: 'community', color: 'light' } }), h("div", { class: "title-container" }, h("yoo-truncate", null, translateMulti((_b = this.community) === null || _b === void 0 ? void 0 : _b.name))), h("div", { class: "members-container" }, pipes.number.transform((_c = this.community) === null || _c === void 0 ? void 0 : _c.numberOfMembers) + ' ' + translate('MEMBERS')), h("div", { class: "bottom-overlay" }));
+    return h("div", { class: "top-container" }, h("yoo-img", { src: (_a = this.community) === null || _a === void 0 ? void 0 : _a.covers, fallbackIcon: { name: 'community', color: 'light' } }), h("div", { class: "title-container" }, h("yoo-truncate", null, translateMulti((_b = this.community) === null || _b === void 0 ? void 0 : _b.name))), h("div", { class: "members-container" }, pipes.number.transform(((_c = this.community) === null || _c === void 0 ? void 0 : _c.numberOfMembers) || 0) + ' ' + translate('MEMBERS')), h("div", { class: "bottom-overlay" }));
   }
   renderWebHeader() {
     var _a, _b, _c;
-    return h("div", { class: "top-container", ref: (el) => this.topContainerElement = el }, h("div", { class: "image-container" }, h("yoo-img", { src: (_a = this.community) === null || _a === void 0 ? void 0 : _a.covers, fallbackIcon: { name: 'community', color: 'light' } })), h("div", { class: "information-container" }, h("div", { class: "title-container" }, translateMulti((_b = this.community) === null || _b === void 0 ? void 0 : _b.name), h("div", { class: "more-container" }, h("slot", { name: "action-slot" }), h("slot", { name: "more-action" }))), h("div", { class: "members-container" }, pipes.number.transform((_c = this.community) === null || _c === void 0 ? void 0 : _c.numberOfMembers) + ' ' + translate('MEMBERS')), this.renderDescriptionContainer()));
+    return h("div", { class: "top-container", ref: (el) => this.topContainerElement = el }, h("div", { class: "image-container" }, h("yoo-img", { src: (_a = this.community) === null || _a === void 0 ? void 0 : _a.covers, fallbackIcon: { name: 'community', color: 'light' } })), h("div", { class: "information-container" }, h("div", { class: "title-container" }, translateMulti((_b = this.community) === null || _b === void 0 ? void 0 : _b.name), h("div", { class: "more-container" }, h("slot", { name: "action-slot" }), h("slot", { name: "more-action" }))), h("div", { class: "members-container" }, pipes.number.transform(((_c = this.community) === null || _c === void 0 ? void 0 : _c.numberOfMembers) || 0) + ' ' + translate('MEMBERS')), this.renderDescriptionContainer()));
   }
   renderTabSelection() {
     return (h("div", { class: { 'tab-outer-container': true, 'collapsed': this.hideMembersList } }, h("div", { class: "tab-container" }, h("div", { class: "collapsible-icon-container", onClick: () => { this.toggleList(); } }, h("yoo-icon", { size: "medium", name: "sidebar-right", color: this.hideMembersList ? 'app-color' : 'stable' })), !this.hideMembersList && h("yoo-tabs", { class: "no-margin", tabs: this.tabs, onTabSelected: (ev) => this.membersListChanged.emit({ manager: ev.detail.nextIndex === 1 }) })), !this.hideMembersList && h("slot", { name: "members-grid" })));

package/dist/collection/feature-learn/learning/course-summary/course-summary.css

@@ -237,10 +237,7 @@ svg:not(:root) {
   padding-top: var(--spacing-08, 0.5rem);
   border-top: var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);
 }
-:host .course-info-container yoo-background {
-  display: block;
-}
-:host .course-info-container yoo-background.hidden {
+:host .course-info-container yoo-img[hidden] {
   display: none;
 }
 :host .course-info-container .course-description {

package/dist/collection/feature-learn/learning/course-summary/course-summary.js

@@ -122,7 +122,7 @@ export class YooCourseSummaryComponent {
   }
   renderWeb() {
     var _a;
-    return (h("div", { class: "course-info-container" }, !this.forceMobile && h("yoo-background", { class: { 'course-summary': true, 'hidden': this.isHidden }, forceMobile: this.forceMobile, imgUrl: this.getCourseImage(), imgHeight: this.imageHeight, imgWidth: this.imageWidth }), h("div", { class: "info-sub-container" }, h("yoo-collapsible", { class: "lesson-detail no-padding", slotHeader: true, iconSize: "medium", collapsed: false, onContentShown: ev => this.onCollapsibleToggled(ev.detail) }, h("div", { slot: "title" }, translateMulti((_a = this.actualPlan) === null || _a === void 0 ? void 0 : _a.title)), this.renderProgress(), h("div", { class: "details-container" }, this.availablePoints > 0 && this.renderCoursePoints(), this.renderCompetency(), this.renderDueDate(), this.badges > 0 && h("yoo-tooltip", { placement: "top", content: `<yoo-tag color="text-color-20" icon="lock" icon-only-color="light" size="small"></yoo-tag> ${this.badges} ${translate('BADGESAVAILABLE')}` }, h("yoo-icon", { name: "badge", size: "small" }))), this.renderDescription(), this.renderRatingButton()))));
+    return (h("div", { class: "course-info-container" }, !this.forceMobile && h("yoo-img", { ignoreHeight: true, ignoreWidth: true, hidden: this.isHidden, src: this.getCourseImage() }), h("div", { class: "info-sub-container" }, h("yoo-collapsible", { class: "lesson-detail no-padding", slotHeader: true, iconSize: "medium", collapsed: false, onContentShown: ev => this.onCollapsibleToggled(ev.detail) }, h("div", { slot: "title" }, translateMulti((_a = this.actualPlan) === null || _a === void 0 ? void 0 : _a.title)), this.renderProgress(), h("div", { class: "details-container" }, this.availablePoints > 0 && this.renderCoursePoints(), this.renderCompetency(), this.renderDueDate(), this.badges > 0 && h("yoo-tooltip", { placement: "top", content: `<yoo-tag color="text-color-20" icon="lock" icon-only-color="light" size="small"></yoo-tag> ${this.badges} ${translate('BADGESAVAILABLE')}` }, h("yoo-icon", { name: "badge", size: "small" }))), this.renderDescription(), this.renderRatingButton()))));
   }
   render() {
     return (h(Host, { class: {

package/dist/collection/feature-operate/mission/announcement-heading/announcement-heading.js

@@ -110,7 +110,7 @@ export class YooAnnouncementHeadingComponent {
         h("yoo-form-carousel", { maxHeight: 370, paginationType: "progressbar", ...this.carouselAttributes }, this.renderContent()),
       !this.hasPhotos &&
         this.renderContent(),
-      h("div", { class: "action", onClick: (ev) => execHandlerAndStopEvent(ev, this.viewAllHandler) }, h("div", null, translate('VIEWANNOUNCEMENT')), h("yoo-icon", { name: "right", color: "light" }))
+      h("div", { class: "action", onClick: (ev) => this.viewAllHandler && execHandlerAndStopEvent(ev, this.viewAllHandler) }, h("div", null, translate('VIEWANNOUNCEMENT')), h("yoo-icon", { name: "right", color: "light" }))
     ];
   }
   render() {