@yoobic/yobi 8.5.0-10 → 8.5.0-11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/design-system.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/yoo-community-detail.cjs.entry.js +2 -2
- package/dist/cjs/yoo-context-dialog.cjs.entry.js +1 -1
- package/dist/cjs/yoo-course-summary.cjs.entry.js +2 -2
- package/dist/cjs/yoo-form-signature-pad-dialog.cjs.entry.js +2 -2
- package/dist/cjs/yoo-grid.cjs.entry.js +2 -0
- package/dist/collection/collection-manifest.json +0 -1
- package/dist/collection/components/2.molecules/context-dialog/context-dialog.css +1 -1
- package/dist/collection/components/grid/grid/grid.js +2 -0
- package/dist/collection/feature-communicate/feed/community-detail/community-detail.js +2 -2
- package/dist/collection/feature-learn/learning/course-summary/course-summary.css +1 -4
- package/dist/collection/feature-learn/learning/course-summary/course-summary.js +1 -1
- package/dist/design-system/design-system.esm.js +1 -1
- package/dist/design-system/yoo-community-detail.entry.js +2 -2
- package/dist/design-system/yoo-context-dialog.entry.js +1 -1
- package/dist/design-system/yoo-course-summary.entry.js +2 -2
- package/dist/design-system/yoo-form-signature-pad-dialog.entry.js +2 -2
- package/dist/design-system/yoo-grid.entry.js +2 -0
- package/dist/esm/design-system.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/yoo-community-detail.entry.js +2 -2
- package/dist/esm/yoo-context-dialog.entry.js +1 -1
- package/dist/esm/yoo-course-summary.entry.js +2 -2
- package/dist/esm/yoo-form-signature-pad-dialog.entry.js +2 -2
- package/dist/esm/yoo-grid.entry.js +2 -0
- package/dist/types/components.d.ts +0 -23
- package/package.json +1 -1
- package/dist/cjs/yoo-background.cjs.entry.js +0 -35
- package/dist/collection/components/1.atoms/background/background.css +0 -242
- package/dist/collection/components/1.atoms/background/background.js +0 -126
- package/dist/design-system/yoo-background.entry.js +0 -31
- package/dist/esm/yoo-background.entry.js +0 -31
- package/dist/types/components/1.atoms/background/background.d.ts +0 -15
|
@@ -47,11 +47,11 @@ const YooCommunityDetailComponent = class {
|
|
|
47
47
|
}
|
|
48
48
|
renderMobileHeader() {
|
|
49
49
|
var _a, _b, _c;
|
|
50
|
-
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" }));
|
|
50
|
+
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" }));
|
|
51
51
|
}
|
|
52
52
|
renderWebHeader() {
|
|
53
53
|
var _a, _b, _c;
|
|
54
|
-
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()));
|
|
54
|
+
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()));
|
|
55
55
|
}
|
|
56
56
|
renderTabSelection() {
|
|
57
57
|
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" })));
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h } from './index-0a59e2a1.js';
|
|
2
2
|
|
|
3
|
-
const contextDialogCss = "svg:not(:root){overflow:hidden}:host{--basic-transitions:opacity .3s ease-in-out, margin .3s ease-in-out;z-index:
|
|
3
|
+
const contextDialogCss = "svg:not(:root){overflow:hidden}:host{--basic-transitions:opacity .3s ease-in-out, margin .3s ease-in-out;z-index:21000;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden;background:var(--light, #ffffff);border-radius:var(--border-radius-04, 0.25rem);-webkit-box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1));-webkit-transition:var(--basic-transitions), height 0s ease-in-out;transition:var(--basic-transitions), height 0s ease-in-out}:host([hidden]){height:0 !important;margin:0 !important;opacity:0;-webkit-transition:var(--basic-transitions), height 0s ease-in-out 0.3s;transition:var(--basic-transitions), height 0s ease-in-out 0.3s}:host(.absolute){position:absolute}:host(.fixed){position:fixed}";
|
|
4
4
|
|
|
5
5
|
const YooContextDialogComponent = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -6,7 +6,7 @@ import { U as Cloudinary, t as translate, A as isWeb, a2 as getPlanDueDate, at a
|
|
|
6
6
|
import './index-a16ef4a4.js';
|
|
7
7
|
import './_commonjsHelpers-f4d11124.js';
|
|
8
8
|
|
|
9
|
-
const courseSummaryCss = "svg:not(:root){overflow:hidden}:host{display:block}:host .course-info-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .course-info-container .info-sub-container{padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem)}:host .course-info-container .info-sub-container yoo-collapsible{background:transparent}:host .course-info-container .info-sub-container yoo-collapsible div[slot=title]{padding-left:0;color:var(--dark, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem)}:host .course-info-container .info-sub-container yoo-collapsible .details-container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--spacing-08, 0.5rem);-ms-flex-align:center;align-items:center;margin-bottom:var(--spacing-08, 0.5rem)}:host .course-info-container .info-sub-container .button-container{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-
|
|
9
|
+
const courseSummaryCss = "svg:not(:root){overflow:hidden}:host{display:block}:host .course-info-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .course-info-container .info-sub-container{padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem)}:host .course-info-container .info-sub-container yoo-collapsible{background:transparent}:host .course-info-container .info-sub-container yoo-collapsible div[slot=title]{padding-left:0;color:var(--dark, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem)}:host .course-info-container .info-sub-container yoo-collapsible .details-container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--spacing-08, 0.5rem);-ms-flex-align:center;align-items:center;margin-bottom:var(--spacing-08, 0.5rem)}:host .course-info-container .info-sub-container .button-container{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-img[hidden]{display:none}:host .course-info-container .course-description{padding-bottom:var(--spacing-08, 0.5rem);font-size:var(--font-size-14, 0.875rem)}:host .course-info-container .progress-bar-container{display:-ms-flexbox;display:flex;padding-bottom:var(--spacing-08, 0.5rem);font-size:var(--font-size-14, 0.875rem)}:host .course-info-container .progress-bar-container yoo-progress-bar{margin-right:var(--spacing-04, 0.25rem);--progress-bar-color:var(--app-color, #5a30f4)}:host(.web:not(.force-mobile)) .full-width-view{width:35%}:host(.mobile) .course-info-container{border:none}:host(.mobile) .course-info-container .course-title{margin:0;font-weight:var(--font-weight-700, 700);font-size:var(--font-size-24, 1.5rem);line-height:normal}:host(.mobile) .course-info-container .course-info{margin-top:var(--spacing-08, 0.5rem)}:host(.mobile) .course-info-container .course-info yoo-tag{font-size:var(--font-size-16, 1rem)}:host(.mobile) .course-info-container .course-points{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:var(--spacing-08, 0.5rem)}:host(.mobile) .course-info-container .course-points yoo-tag{padding-right:var(--spacing-08, 0.5rem);padding-bottom:var(--spacing-08, 0.5rem)}:host(.mobile) .course-info-container .course-points .badges-container{display:-ms-flexbox;display:flex}:host(.mobile) .course-info-container .course-points .badges-container yoo-tag{padding-right:var(--spacing-08, 0.5rem)}:host(.mobile) .course-info-container .progress-bar-container{height:1.25rem;margin-top:var(--spacing-16, 1rem);padding:0}:host(.mobile) .course-info-container .course-description{margin-top:var(--spacing-16, 1rem);padding:0;color:var(--stable, #adadad);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem)}:host(.web) yoo-progress-bar{--progress-value-font-size:var(--font-size-14, 0.875rem)}";
|
|
10
10
|
|
|
11
11
|
const YooCourseSummaryComponent = class {
|
|
12
12
|
constructor(hostRef) {
|
|
@@ -130,7 +130,7 @@ const YooCourseSummaryComponent = class {
|
|
|
130
130
|
}
|
|
131
131
|
renderWeb() {
|
|
132
132
|
var _a;
|
|
133
|
-
return (h("div", { class: "course-info-container" }, !this.forceMobile && h("yoo-
|
|
133
|
+
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()))));
|
|
134
134
|
}
|
|
135
135
|
render() {
|
|
136
136
|
return (h(Host, { class: {
|
|
@@ -7,7 +7,7 @@ import './index-a16ef4a4.js';
|
|
|
7
7
|
import './_commonjsHelpers-f4d11124.js';
|
|
8
8
|
|
|
9
9
|
/*!
|
|
10
|
-
* Signature Pad v4.0.
|
|
10
|
+
* Signature Pad v4.0.8 | https://github.com/szimek/signature_pad
|
|
11
11
|
* (c) 2022 Szymon Nowak | Released under the MIT license
|
|
12
12
|
*/
|
|
13
13
|
|
|
@@ -555,7 +555,7 @@ class SignaturePad extends SignatureEventTarget {
|
|
|
555
555
|
const header = '<svg' +
|
|
556
556
|
' xmlns="http://www.w3.org/2000/svg"' +
|
|
557
557
|
' xmlns:xlink="http://www.w3.org/1999/xlink"' +
|
|
558
|
-
` viewBox="${minX} ${minY} ${
|
|
558
|
+
` viewBox="${minX} ${minY} ${maxX} ${maxY}"` +
|
|
559
559
|
` width="${maxX}"` +
|
|
560
560
|
` height="${maxY}"` +
|
|
561
561
|
'>';
|