@yoobic/yobi 8.1.0-48 → 8.1.0-49

package/dist/collection/components/core/video-player/videoplayer-videojs/videoplayer-videojs.js

@@ -262,7 +262,7 @@ export class YooVideoPlayerVideojsComponent {
       this.onVideoJSError();
     });
     this.player.on('loadedmetadata', async (ev) => {
-      var _a;
+      var _a, _b;
       if (this.player && this.player.duration() >= 0) {
         this.videoDuration = pipes.timer.transform(Math.round(this.player.duration()), 'seconds');
       }
@@ -273,7 +273,7 @@ export class YooVideoPlayerVideojsComponent {
       if (videoElement && this.scaledUp && !this.mediaDimension) {
         this.preserveAspectRatio(videoElement.videoWidth, videoElement.videoHeight);
       }
-      for (const subtitle of this.subtitles) {
+      await Promise.all((_b = this.subtitles) === null || _b === void 0 ? void 0 : _b.map(async (subtitle) => {
         let src = subtitle === null || subtitle === void 0 ? void 0 : subtitle.src;
         const ext = getExtension(src);
         let blobPromise = Promise.resolve(src);
@@ -303,7 +303,7 @@ export class YooVideoPlayerVideojsComponent {
             kind: subtitle.kind
           }, false);
         });
-      }
+      }));
       setTimeout(() => {
         const tracks = this.player.textTracks();
         const currentLang = getCurrentLanguage();

package/dist/collection/components/entities/card-feed/default/card-feed.js

@@ -486,9 +486,7 @@ export class YooCardFeedComponent {
     var _a, _b;
     return [
       this.hasSubheadings()
-        ? this.entry.subheadings.map((sub) => (sub ? h("span", { class: "feed-subheading" },
-          sub,
-          ".") : null))
+        ? this.entry.subheadings.map((sub) => (sub ? h("span", { class: "feed-subheading" }, sub) : null))
         : null,
       ((_b = (_a = this.entry) === null || _a === void 0 ? void 0 : _a.groups) === null || _b === void 0 ? void 0 : _b.length) > 0 && (h("span", { class: "feed-subheading truncate", onClick: () => this.onGroupClicked() },
         isWeb(this.host) ? h("yoo-icon", { name: "group", size: "small", color: "text-color" }) : h("span", { class: "pre-wrap" }, ' • '),

package/dist/collection/components/entities/card-list/default/card-list.js

@@ -311,7 +311,7 @@ export class YooCardListComponent {
       !((_e = (_d = this.host) === null || _d === void 0 ? void 0 : _d.classList) === null || _e === void 0 ? void 0 : _e.contains('map')) &&
       !((_g = (_f = this.host) === null || _f === void 0 ? void 0 : _f.classList) === null || _g === void 0 ? void 0 : _g.contains('grid-cell'))) {
       return (h("div", { class: "uifield-container" },
-        h("yoo-form-dynamic", { class: "inline in-card secondary transparent", scrollable: false, forceReadonly: !((_j = (_h = this.host) === null || _h === void 0 ? void 0 : _h.classList) === null || _j === void 0 ? void 0 : _j.contains('form')), slides: [{ title: '', items: this.entry.uiFields.fields }], data: this.entry.uiFields.data, suffix: this.entry.uiFieldsSuffix, showTabs: false, formInputSize: "medium", showRecap: false, onDataChanged: (ev) => {
+        h("yoo-form-dynamic", { class: "inline in-card secondary transparent", scrollable: false, forceReadonly: !((_j = (_h = this.host) === null || _h === void 0 ? void 0 : _h.classList) === null || _j === void 0 ? void 0 : _j.contains('form')), slides: [{ title: '', items: this.entry.uiFields.fields }], data: this.entry.uiFields.data, suffix: this.entry.uiFieldsSuffix, showTabs: false, formInputSize: "medium", showRecap: false, isPdf: this.entry.isPdf, onDataChanged: (ev) => {
             ev.stopPropagation();
             this.uiFieldsChanged.emit({ newdata: ev.detail });
           } })));

package/dist/collection/components/entities/entity/entity.js

@@ -1891,6 +1891,7 @@ export class YooEntityComponent {
         ? this.secondaryActions.filter((a) => (a.isVisible ? a.isVisible(this.item) : true)).map((a) => toButton(a, this.item))
         : null;
     entry.isGridCell = this.isGridCell;
+    entry.isPdf = this.isPdf;
     if (this.host.classList.contains('catalog-display')) {
       extraClasses += ' catalog-display ';
     }
@@ -2850,6 +2851,23 @@ export class YooEntityComponent {
       "attribute": "is-framed",
       "reflect": false
     },
+    "isPdf": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "is-pdf",
+      "reflect": false
+    },
     "columnDefinition": {
       "type": "unknown",
       "mutable": false,

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

@@ -1730,8 +1730,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 }
 :host .field-placeholder:not(.readonly):not(.invisible) yoo-form-input-container,
 :host .field-placeholder:not(.readonly):not(.invisible) yoo-collapsible {
-  padding: 0;
-  padding-top: 0;
+  padding: var(--spacing-16, 1rem) 0 0;
 }
 :host .field-placeholder:not(.readonly):not(.invisible) yoo-form-input-container.no-padding,
 :host .field-placeholder:not(.readonly):not(.invisible) yoo-collapsible.no-padding {
@@ -1981,7 +1980,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   height: calc(100% - 2.5rem) !important;
 }
 :host(.wizard) yoo-ion-slides .field-placeholder.grid {
-  height: 34.375rem;
+  height: 100%;
   margin-bottom: var(--spacing-16, 1rem);
 }
 :host(.wizard) yoo-ion-slides .field-placeholder.grid yoo-grid {
@@ -2416,12 +2415,6 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   border-right: var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);
 }
 
-:host(.web.vertical-tabs.fullscreen) .inputs-container {
-  box-sizing: border-box;
-  width: 100%;
-  max-width: inherit !important;
-}
-
 :host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) {
   --content-width: 28rem;
 }
@@ -2430,10 +2423,19 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 }
 :host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container {
   display: flex;
-  flex-flow: column nowrap !important;
   align-items: flex-start;
   justify-content: center;
 }
+:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container:not(.grid-flex) {
+  width: 100%;
+  max-width: var(--content-width);
+  margin: auto;
+}
+:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container.grid-flex .field-placeholder:not(.grid) {
+  width: 100%;
+  max-width: var(--content-width);
+  margin: auto;
+}
 :host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container:not(.gridstack) {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
@@ -2441,12 +2443,6 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 :host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container.gridstack {
   overflow: visible scroll;
 }
-:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container .field-placeholder:not(.grid),
-:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container yoo-collapsible,
-:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container .section-header {
-  max-width: var(--content-width);
-  margin: auto !important;
-}
 :host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container .field-placeholder.group {
   margin-top: var(--spacing-16, 1rem) !important;
   padding: var(--spacing-08, 0.5rem);

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

@@ -2110,7 +2110,7 @@ export class YooFormDynamicComponent {
             'bg-light': !this.showTabs,
             'zoomed': this.getSlideState(slideIndex).zoomed,
             'readonly': this.forceReadonly
-          } }, this.renderFormContent(slide, slideIndex, slides.length - (this.showRecap ? 1 : 0))))))
+          }, style: slide.style }, this.renderFormContent(slide, slideIndex, slides.length - (this.showRecap ? 1 : 0))))))
     ];
   }
   renderLeftPanelSecondary(slide) {
@@ -2440,7 +2440,7 @@ export class YooFormDynamicComponent {
     const style = {
       maxWidth: isFieldVisible && field.width > 0 ? field.width + 'px' : isFieldVisible && field.flex > 0 ? `calc(${field.flex}% - 0rem)` : null,
       marginRight: isFieldVisible && field.width > 0 ? '0.5rem' : null,
-      flex: !isFieldVisible ? 'unset' : isNullOrUndefined(field.flex) || field.flex <= 0 ? null : `1 0 calc(${field.flex}% - 0rem)`,
+      flex: !isFieldVisible ? 'unset' : isNullOrUndefined(field.flex) || field.flex < 0 ? null : `1 0 calc(${field.flex}% - 0rem)`,
       // overflow: (isFieldVisible && isNullOrUndefined(field.flex)) || field.flex <= 0 ? null : 'hidden',
       width: isFieldVisible ? null : '0',
       alignSelf: 'normal'

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

@@ -142,7 +142,7 @@ export class YooFormTableComponent {
       finalValues = finalValues.concat(this.tmpValues.filter((v) => finalValues.findIndex((f) => f._id === v._id) < 0));
     }
     if (finalValues.length > 0) {
-      return (h("yoo-grid", { class: { table: true, form: !this.readonly }, ref: (el) => (this.gridEl = el), displayType: this.displayType, collectionName: this.collectionName, entityType: this.entityType, showSearch: true, items: finalValues, model: this.model, hideAdvancedFilters: true, customModel: this.customModel, secondaryActions: this.secondaryActions, isLocal: this.isLocal, forceLocalInfiniteScroll: false, initialQuery: this.initialQuery, preventSearchReset: true, onSelected: (ev) => {
+      return (h("yoo-grid", { class: { table: true, form: !this.readonly }, ref: (el) => (this.gridEl = el), displayType: this.displayType, collectionName: this.collectionName, entityType: this.entityType, showSearch: true, items: finalValues, model: this.model, hideAdvancedFilters: true, customModel: this.customModel, secondaryActions: this.secondaryActions, isLocal: this.isLocal, isPdf: this.isPdf, forceLocalInfiniteScroll: false, initialQuery: this.initialQuery, preventSearchReset: true, onSelected: (ev) => {
           ev.stopPropagation();
           this.onSelectItem(ev.detail);
         }, onInputChanged: (ev) => ev === null || ev === void 0 ? void 0 : ev.stopPropagation() }));
@@ -309,6 +309,23 @@ export class YooFormTableComponent {
       "reflect": false,
       "defaultValue": "true"
     },
+    "isPdf": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "is-pdf",
+      "reflect": false
+    },
     "readonly": {
       "type": "boolean",
       "mutable": false,

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

@@ -3001,7 +3001,7 @@ export class YooGridComponent {
           'selected card-template': this.displayType === 'card-template' && this.isSelected(item),
           'form': this.host.classList.contains('form'),
           'table': this.host.classList.contains('table')
-        }, item: item, items: this.entityType === 'photos' ? this.filteredItems() : undefined, displayType: this.displayType, entityType: this.entityType, profileSummary: this.profileSummary, icons: this.icons, topActions: this.topActions, bottomActions: this.bottomActions, secondaryActions: this.secondaryActions, customModel: this.customModel, isCollapsible: this.isCollapsibleCheck(), isMap: this.isMap(), isFramed: this.isFramed, unreadCounts: this.unreadCounts, playerCommand: this.currentActivePlayerId, secondaryActionsDropdown: this.secondaryActionsDropdown, selected: this.isSelected(item), valuesColor: (_d = this.valuesColor) === null || _d === void 0 ? void 0 : _d.find((e) => (item._id ? e.key === item._id : item.icon ? e.key === item.title : e.key === item)), lessonState: this.entityType === 'lessons' ? this.lessonStates[this.filteredItems().indexOf(item)] : null, hideUIFields: this.hideUIFields })));
+        }, item: item, items: this.entityType === 'photos' ? this.filteredItems() : undefined, displayType: this.displayType, entityType: this.entityType, profileSummary: this.profileSummary, icons: this.icons, topActions: this.topActions, bottomActions: this.bottomActions, secondaryActions: this.secondaryActions, customModel: this.customModel, isCollapsible: this.isCollapsibleCheck(), isMap: this.isMap(), isFramed: this.isFramed, isPdf: this.isPdf, unreadCounts: this.unreadCounts, playerCommand: this.currentActivePlayerId, secondaryActionsDropdown: this.secondaryActionsDropdown, selected: this.isSelected(item), valuesColor: (_d = this.valuesColor) === null || _d === void 0 ? void 0 : _d.find((e) => (item._id ? e.key === item._id : item.icon ? e.key === item.title : e.key === item)), lessonState: this.entityType === 'lessons' ? this.lessonStates[this.filteredItems().indexOf(item)] : null, hideUIFields: this.hideUIFields })));
     if (isWeb(this.host) && this.columns && this.columns.length) {
       return this.renderEntityWithColumns(item, content, index);
     }
@@ -3211,6 +3211,23 @@ export class YooGridComponent {
       "reflect": false,
       "defaultValue": "false"
     },
+    "isPdf": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "is-pdf",
+      "reflect": false
+    },
     "displayTypes": {
       "type": "unknown",
       "mutable": false,

package/dist/{esm/camera-helpers-2e8f8f54.js → design-system/camera-helpers-98eb6707.js}

@@ -1,5 +1,5 @@
-import { b$ as cordova, c0 as IonicNativePlugin, cb as cordovaPropertyGet, cc as cordovaPropertySet, cd as registerPlugin, c as getSession, ce as isIonic, m as isNativeMobile, cf as Device, n as isAndroid, B as isIOS, cg as getMediaDevices, s as showModal, f as getModalAnimation, w as isWeb } from './overlays-c1d2e4ba.js';
-import './index-26e29206.js';
+import { b$ as cordova, c0 as IonicNativePlugin, cb as cordovaPropertyGet, cc as cordovaPropertySet, cd as registerPlugin, c as getSession, ce as isIonic, m as isNativeMobile, cf as Device, n as isAndroid, B as isIOS, cg as getMediaDevices, s as showModal, f as getModalAnimation, w as isWeb } from './overlays-e56a323d.js';
+import './index-9d649af6.js';
 
 var __extends$2 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -206,7 +206,7 @@ var CameraResultType;
 })(CameraResultType || (CameraResultType = {}));
 
 const Camera = registerPlugin('Camera', {
-    web: () => import('./web-4cbd4183.js').then(m => new m.CameraWeb()),
+    web: () => import('./web-bdb25ab6.js').then(m => new m.CameraWeb()),
 });
 
 var __extends = (undefined && undefined.__extends) || (function () {

package/dist/{esm/chat-helpers-cf993b0f.js → design-system/chat-helpers-f1b1b688.js}

@@ -1,6 +1,6 @@
-import './index-26e29206.js';
+import './index-9d649af6.js';
 import { f as isArray } from './lodash-2317d9a5.js';
-import { am as is24Hour, an as isFile, s as showModal, w as isWeb } from './overlays-c1d2e4ba.js';
+import { am as is24Hour, an as isFile, s as showModal, w as isWeb } from './overlays-e56a323d.js';
 
 /**
  * Get the proper data format for a single message aswell as grouped messages

package/dist/design-system/{common-helpers-ba2f3469.js → common-helpers-6fa3638c.js}

@@ -1,5 +1,5 @@
-import { f as getModalAnimation, t as translate, s as showModal, w as isWeb, x as debounce, y as querySelectorDeep$1, m as isNativeMobile, S as ScreenOrientation, z as findParent, A as isIphoneX, o as isIpadPro, q as isTablet, l as isFullScreenFalse, B as isIOS, n as isAndroid, D as setAnimation, E as animations, e as getCssColor, F as startOf, G as isDateBefore, H as dateDiffInCalendarDays, I as isDateAfter, J as getAsyncExtraData, K as isNativeFilePath, L as cleanupWKWebViewFilePath, v as Cloudinary, M as getProtocol, C as CloudinaryGradientLayer } from './overlays-c1d2e4ba.js';
-import { Y as YOOBICON_ENTITIES_MAP } from './index-26e29206.js';
+import { f as getModalAnimation, t as translate, s as showModal, w as isWeb, x as debounce, y as querySelectorDeep$1, m as isNativeMobile, S as ScreenOrientation, z as findParent, A as isIphoneX, o as isIpadPro, q as isTablet, l as isFullScreenFalse, B as isIOS, n as isAndroid, D as setAnimation, E as animations, e as getCssColor, F as startOf, G as isDateBefore, H as dateDiffInCalendarDays, I as isDateAfter, J as getAsyncExtraData, K as isNativeFilePath, L as cleanupWKWebViewFilePath, v as Cloudinary, M as getProtocol, C as CloudinaryGradientLayer } from './overlays-e56a323d.js';
+import { Y as YOOBICON_ENTITIES_MAP } from './index-9d649af6.js';
 import { g as get } from './lodash-2317d9a5.js';
 
 function getDefaultModalAnimation() {