@yoobic/yobi 8.3.3 → 8.4.0-0

package/dist/cjs/yoo-battle-count-down.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-819e2530.js');
-require('./index-ce31bddc.js');
-const commonHelpers = require('./common-helpers-a58df3d7.js');
-const overlays = require('./overlays-24592dac.js');
+const index = require('./index-001d2377.js');
+require('./index-32730381.js');
+const commonHelpers = require('./common-helpers-b5dffbf0.js');
+const overlays = require('./overlays-f7624b4d.js');
 require('./lodash-72d493b9.js');
 require('./index-50ff0b20.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-battle-result.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-819e2530.js');
-require('./index-ce31bddc.js');
-const overlays = require('./overlays-24592dac.js');
+const index = require('./index-001d2377.js');
+require('./index-32730381.js');
+const overlays = require('./overlays-f7624b4d.js');
 require('./lodash-72d493b9.js');
 require('./index-50ff0b20.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-battle-user-stats.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-819e2530.js');
-require('./index-ce31bddc.js');
-const commonHelpers = require('./common-helpers-a58df3d7.js');
-const overlays = require('./overlays-24592dac.js');
+const index = require('./index-001d2377.js');
+require('./index-32730381.js');
+const commonHelpers = require('./common-helpers-b5dffbf0.js');
+const overlays = require('./overlays-f7624b4d.js');
 require('./lodash-72d493b9.js');
 require('./index-50ff0b20.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-breadcrumbs.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-819e2530.js');
-require('./index-ce31bddc.js');
+const index = require('./index-001d2377.js');
+require('./index-32730381.js');
 const lodash = require('./lodash-72d493b9.js');
-const overlays = require('./overlays-24592dac.js');
+const overlays = require('./overlays-f7624b4d.js');
 require('./index-50ff0b20.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

package/dist/cjs/yoo-button.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-819e2530.js');
-require('./index-ce31bddc.js');
-const commonHelpers = require('./common-helpers-a58df3d7.js');
-const overlays = require('./overlays-24592dac.js');
+const index = require('./index-001d2377.js');
+require('./index-32730381.js');
+const commonHelpers = require('./common-helpers-b5dffbf0.js');
+const overlays = require('./overlays-f7624b4d.js');
 require('./lodash-72d493b9.js');
 require('./index-50ff0b20.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-buttons-list.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-819e2530.js');
+const index = require('./index-001d2377.js');
 
 const buttonsListCss = ":host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}:host .outer-container yoo-button:not(:first-of-type){margin-left:1rem}";
 

package/dist/cjs/yoo-calendar.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-819e2530.js');
-const index$1 = require('./index-ce31bddc.js');
+const index = require('./index-001d2377.js');
+const index$1 = require('./index-32730381.js');
 const lodash = require('./lodash-72d493b9.js');
-const overlays = require('./overlays-24592dac.js');
+const overlays = require('./overlays-f7624b4d.js');
 require('./index-50ff0b20.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

package/dist/cjs/yoo-camera-preview-dialog.cjs.entry.js

@@ -2,17 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-819e2530.js');
-const overlays = require('./overlays-24592dac.js');
-require('./index-ce31bddc.js');
-const cameraHelpers = require('./camera-helpers-52dc2f03.js');
-const commonHelpers = require('./common-helpers-a58df3d7.js');
+const index = require('./index-001d2377.js');
+const overlays = require('./overlays-f7624b4d.js');
+require('./index-32730381.js');
+const cameraHelpers = require('./camera-helpers-5b2d9aee.js');
+const commonHelpers = require('./common-helpers-b5dffbf0.js');
 require('./lodash-72d493b9.js');
 require('./index-50ff0b20.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const CameraPreview = overlays.registerPlugin('CameraPreview', {
-    web: () => Promise.resolve().then(function () { return require('./web-99f1e7fc.js'); }).then(m => new m.CameraPreviewWeb()),
+    web: () => Promise.resolve().then(function () { return require('./web-6c944897.js'); }).then(m => new m.CameraPreviewWeb()),
 });
 
 function getFlashModeIconName(flashMode) {

package/dist/cjs/yoo-card-avatar.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-819e2530.js');
-const tag_factory = require('./tag.factory-3f41e1c7.js');
+const index = require('./index-001d2377.js');
+const tag_factory = require('./tag.factory-e5dd505b.js');
 
 const cardAvatarCss = ":host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;overflow:hidden}:host ::slotted(*){position:absolute}:host yoo-tag{--padding:0;width:100%;font-size:var(--font-size-12, 0.75rem)}:host .heading{margin-top:var(--spacing-04, 0.25rem)}";
 

package/dist/cjs/yoo-card-avatars.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-819e2530.js');
-const tag_factory = require('./tag.factory-3f41e1c7.js');
+const index = require('./index-001d2377.js');
+const tag_factory = require('./tag.factory-e5dd505b.js');
 
 const cardAvatarsCss = ":host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;overflow:hidden}:host ::slotted(*){position:absolute}:host yoo-tag{--padding:0;width:100%;font-size:var(--font-size-12, 0.75rem)}:host .heading{margin-top:var(--spacing-04, 0.25rem)}";
 

package/dist/cjs/yoo-card-battle-result.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-819e2530.js');
-require('./index-ce31bddc.js');
-const overlays = require('./overlays-24592dac.js');
+const index = require('./index-001d2377.js');
+require('./index-32730381.js');
+const overlays = require('./overlays-f7624b4d.js');
 require('./lodash-72d493b9.js');
 require('./index-50ff0b20.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-card-battle.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-819e2530.js');
-require('./index-ce31bddc.js');
-const overlays = require('./overlays-24592dac.js');
+const index = require('./index-001d2377.js');
+require('./index-32730381.js');
+const overlays = require('./overlays-f7624b4d.js');
 require('./lodash-72d493b9.js');
 require('./index-50ff0b20.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-card-calendar.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-819e2530.js');
-require('./index-ce31bddc.js');
-const commonHelpers = require('./common-helpers-a58df3d7.js');
-const overlays = require('./overlays-24592dac.js');
+const index = require('./index-001d2377.js');
+require('./index-32730381.js');
+const commonHelpers = require('./common-helpers-b5dffbf0.js');
+const overlays = require('./overlays-f7624b4d.js');
 require('./lodash-72d493b9.js');
 require('./index-50ff0b20.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-card-campaign.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-819e2530.js');
-require('./index-ce31bddc.js');
+const index = require('./index-001d2377.js');
+require('./index-32730381.js');
 const lodash = require('./lodash-72d493b9.js');
-const commonHelpers = require('./common-helpers-a58df3d7.js');
-const overlays = require('./overlays-24592dac.js');
+const commonHelpers = require('./common-helpers-b5dffbf0.js');
+const overlays = require('./overlays-f7624b4d.js');
 require('./index-50ff0b20.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

package/dist/cjs/yoo-card-cell.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-819e2530.js');
-require('./index-ce31bddc.js');
-const commonHelpers = require('./common-helpers-a58df3d7.js');
-const overlays = require('./overlays-24592dac.js');
+const index = require('./index-001d2377.js');
+require('./index-32730381.js');
+const commonHelpers = require('./common-helpers-b5dffbf0.js');
+const overlays = require('./overlays-f7624b4d.js');
 require('./lodash-72d493b9.js');
 require('./index-50ff0b20.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-card-chat.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-819e2530.js');
-require('./index-ce31bddc.js');
-const overlays = require('./overlays-24592dac.js');
+const index = require('./index-001d2377.js');
+require('./index-32730381.js');
+const overlays = require('./overlays-f7624b4d.js');
 require('./lodash-72d493b9.js');
 require('./index-50ff0b20.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-card-course-row-compact.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-819e2530.js');
-require('./index-ce31bddc.js');
+const index = require('./index-001d2377.js');
+require('./index-32730381.js');
 const lodash = require('./lodash-72d493b9.js');
-const overlays = require('./overlays-24592dac.js');
+const overlays = require('./overlays-f7624b4d.js');
 require('./index-50ff0b20.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

package/dist/cjs/yoo-card-course-row.cjs.entry.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-819e2530.js');
-require('./index-ce31bddc.js');
+const index = require('./index-001d2377.js');
+require('./index-32730381.js');
 const lodash = require('./lodash-72d493b9.js');
-const localForage = require('./localForage-a2b56735.js');
-const commonHelpers = require('./common-helpers-a58df3d7.js');
-const overlays = require('./overlays-24592dac.js');
+const localForage = require('./localForage-e9565b4e.js');
+const commonHelpers = require('./common-helpers-b5dffbf0.js');
+const overlays = require('./overlays-f7624b4d.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-50ff0b20.js');
 

package/dist/cjs/yoo-card-course.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-819e2530.js');
-require('./index-ce31bddc.js');
+const index = require('./index-001d2377.js');
+require('./index-32730381.js');
 const lodash = require('./lodash-72d493b9.js');
-const overlays = require('./overlays-24592dac.js');
+const overlays = require('./overlays-f7624b4d.js');
 require('./index-50ff0b20.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

package/dist/cjs/yoo-card-feed-row.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-819e2530.js');
-require('./index-ce31bddc.js');
-const overlays = require('./overlays-24592dac.js');
+const index = require('./index-001d2377.js');
+require('./index-32730381.js');
+const overlays = require('./overlays-f7624b4d.js');
 require('./lodash-72d493b9.js');
 require('./index-50ff0b20.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-card-feed.cjs.entry.js

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-819e2530.js');
-const index$2 = require('./index-ce31bddc.js');
+const index = require('./index-001d2377.js');
+const index$2 = require('./index-32730381.js');
 const lodash = require('./lodash-72d493b9.js');
-const button_factory = require('./button.factory-c306ffee.js');
-const commonHelpers = require('./common-helpers-a58df3d7.js');
-const overlays = require('./overlays-24592dac.js');
+const button_factory = require('./button.factory-932bd72a.js');
+const commonHelpers = require('./common-helpers-b5dffbf0.js');
+const overlays = require('./overlays-f7624b4d.js');
 const index$1 = require('./index-50ff0b20.js');
-require('./index-86f9c0ed.js');
+require('./index-360cbd7d.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const EventActions = ({ actions, extraClasses }) => {
@@ -623,7 +623,7 @@ const YooCardFeedComponent = class {
       } }, mentionedBy && index.h("yoo-avatar", { user: mentionedBy, size: "extra-small" }), hasImage ? index.h("span", { class: "app-color" }, overlays.translate('VIEWMEDIA')) : index.h("span", { class: "first-comment-text" }, overlays.removeTextStyle(firstCommentText))));
   }
   renderFiles(documents) {
-    return (index.h("div", { class: "feed-document-container" }, index.h("yoo-form-carousel", { mediaType: "document", allowSwipeDownDismiss: false, mediaSrc: documents })));
+    return (index.h("div", { class: "feed-document-container" }, index.h("yoo-form-carousel", { mediaType: "document", allowSwipeDownDismiss: false, mediaSrc: documents, hideSecondaryActions: this.previewMode })));
   }
   renderPlan() {
     return (index.h("div", { class: "feed-plan" }, index.h("yoo-form-plan", { class: "dark", secondaryView: true, plan: this.entry.plan, planRef: this.entry.plan._id, feedRef: this.entry.feedRef, checkPermission: true, onClick: (ev) => {

package/dist/cjs/yoo-card-file.cjs.entry.js

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-819e2530.js');
-require('./index-ce31bddc.js');
-const overlays = require('./overlays-24592dac.js');
+const index = require('./index-001d2377.js');
+require('./index-32730381.js');
+const overlays = require('./overlays-f7624b4d.js');
 require('./lodash-72d493b9.js');
 require('./index-50ff0b20.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
-const cardFileCss = ":host{display:inline-grid;grid-gap:var(--spacing-08, 0.5rem);grid-template-columns:2.5rem calc(100% - 3rem);-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:var(--spacing-16, 1rem) var(--spacing-08, 0.5rem);background:var(--stable-light, #f1f1f1);border-radius:var(--border-radius-08, 0.5rem);cursor:pointer}:host yoo-icon[name=close]{position:absolute;top:0;right:0;bottom:auto;left:auto}:host .thumbnail{border-radius:var(--border-radius-04, 0.25rem)}:host .thumbnail:first-child{margin:0 auto}:host .thumbnail yoo-img{border-radius:var(--border-radius-04, 0.25rem)}:host .details{display:inline-grid;padding-right:var(--spacing-08, 0.5rem);line-height:1.75;text-align:right}:host .details #file-name{color:var(--dark, #000000);font-size:var(--font-size-14, 0.875rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .details #file-size{color:var(--stable, #adadad);font-size:var(--font-size-12, 0.75rem)}:host([type=audio]){display:block;padding:var(--spacing-16, 1rem)}:host([type=audio]) yoo-audio-player{--range-trail-color:var(--stable-20, rgba(173, 173, 173, 0.2))}";
+const cardFileCss = ":host{display:inline-grid;grid-gap:var(--spacing-08, 0.5rem);grid-template-columns:2.5rem calc(100% - 3rem);-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:var(--spacing-16, 1rem) var(--spacing-08, 0.5rem);background:var(--stable-light, #f1f1f1);border-radius:var(--border-radius-08, 0.5rem);cursor:pointer}:host yoo-icon[name=close]{position:absolute;top:0;right:0;bottom:auto;left:auto}:host section:first-of-type{border-radius:var(--border-radius-04, 0.25rem)}:host section:first-of-type yoo-icon{margin:0 auto}:host section:first-of-type yoo-img{border-radius:var(--border-radius-04, 0.25rem)}:host section:last-of-type{display:inline-grid;padding-right:var(--spacing-08, 0.5rem);line-height:1.75;text-align:right}:host section:last-of-type #name{color:var(--dark, #000000);font-size:var(--font-size-14, 0.875rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host section:last-of-type #size{color:var(--stable, #adadad);font-size:var(--font-size-12, 0.75rem)}:host([type*=audio]){display:block;padding:var(--spacing-16, 1rem)}:host([type*=audio]) yoo-audio-player{--range-trail-color:var(--stable-20, rgba(173, 173, 173, 0.2))}:host([loading]){height:4.875rem}:host([loading]) div{-webkit-animation:pulseHolderShimmerGray 2s infinite ease-in-out;animation:pulseHolderShimmerGray 2s infinite ease-in-out}@-webkit-keyframes pulseHolderShimmerGray{0%{background-color:var(--stable-20, rgba(173, 173, 173, 0.2))}50%{background-color:var(--stable-40, rgba(173, 173, 173, 0.4))}100%{background-color:var(--stable-20, rgba(173, 173, 173, 0.2))}}@keyframes pulseHolderShimmerGray{0%{background-color:var(--stable-20, rgba(173, 173, 173, 0.2))}50%{background-color:var(--stable-40, rgba(173, 173, 173, 0.4))}100%{background-color:var(--stable-20, rgba(173, 173, 173, 0.2))}}:host([loading]) div#ph-icon{width:60%;height:var(--spacing-32, 2rem);margin:0 auto;border-radius:0 var(--spacing-16, 1rem) 0 0}:host([loading]) section{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-08, 0.5rem);-ms-flex-align:end;align-items:end;height:100%}:host([loading]) section div{height:45%}:host([loading]) section div:first-of-type{width:50%}:host([loading]) section div:last-of-type{width:25%}";
 
 const YooCardFileComponent = class {
   constructor(hostRef) {
@@ -19,6 +19,10 @@ const YooCardFileComponent = class {
      */
     this.isVisible = true;
   }
+  async onFileChanged() {
+    this.localFile = this.file;
+    await this.localFile && this.prepareFile();
+  }
   get fileName() {
     var _a, _b, _c;
     return this.customFileName || ((_a = this.localFile) === null || _a === void 0 ? void 0 : _a['localURL']) || ((_b = this.localFile) === null || _b === void 0 ? void 0 : _b['_filename']) || ((_c = this.localFile) === null || _c === void 0 ? void 0 : _c['name']) || new Date().toISOString();
@@ -28,61 +32,59 @@ const YooCardFileComponent = class {
     const file = typeof ((_b = (_a = this.localFile) === null || _a === void 0 ? void 0 : _a['name']) === null || _b === void 0 ? void 0 : _b[0]) !== 'string' ? (_d = (_c = this.localFile) === null || _c === void 0 ? void 0 : _c['name']) === null || _d === void 0 ? void 0 : _d[0] : this.localFile;
     return overlays.pipes.fileSize.transform(file === null || file === void 0 ? void 0 : file.size);
   }
-  get isImage() {
-    return this.type === 'photo' || overlays.isImage(this.fileSrc);
-  }
-  get isVideo() {
-    return this.type === 'video' || overlays.isVideo(this.fileSrc);
-  }
-  get isAudio() {
-    return this.type === 'audio' || overlays.isAudio(this.localFile);
+  get isType() {
+    var _a, _b, _c;
+    return {
+      image: this.type === 'photo' || ((_a = this.fileType) === null || _a === void 0 ? void 0 : _a.includes('image')) || overlays.isImageUrl(this.fileSrc) || overlays.isImage(this.fileSrc),
+      video: this.type === 'video' || ((_b = this.fileType) === null || _b === void 0 ? void 0 : _b.includes('video')) || overlays.isVideo(this.fileSrc),
+      audio: this.type === 'audio' || ((_c = this.fileType) === null || _c === void 0 ? void 0 : _c.includes('audio')) || overlays.isAudio(this.fileSrc)
+    };
   }
   get hasIcon() {
     return !!this.iconName && this.iconName !== 'image';
   }
   async componentWillLoad() {
-    this.localFile = this.file;
-    await this.localFile && this.prepareFile();
-  }
-  async onFileChanged() {
-    this.localFile = this.file;
-    await this.localFile && this.prepareFile();
+    await this.prepareFile();
   }
   async prepareFile() {
-    this.iconName = overlays.getIconName(this.localFile);
-    this.iconColor = overlays.getIconColor(this.localFile);
-    this.fileSrc = this.localFile['_downloadURL'] || this.localFile;
-    if (typeof this.localFile === 'string') {
-      const mimeType = overlays.getMimeType(this.localFile);
+    var _a;
+    this.isLoading = true;
+    this.fileSrc = ((_a = this.file) === null || _a === void 0 ? void 0 : _a['_downloadURL']) || this.file;
+    if (typeof this.file === 'string') {
       try {
-        const response = await fetch(this.localFile);
-        const blobData = await response.blob();
-        const fileName = this.localFile.split('/').pop();
-        blobData && (this.localFile = new File([blobData], fileName, { type: mimeType }));
+        const response = await fetch(this.file);
+        const blobData = await (response === null || response === void 0 ? void 0 : response.blob());
+        const fileName = this.file.split('/').pop();
+        blobData && (this.localFile = new File([blobData], fileName, { type: blobData === null || blobData === void 0 ? void 0 : blobData.type }));
       }
       catch (err) {
-        // do nothing
+        this.localFile = this.file;
       }
     }
+    else {
+      this.localFile = this.file;
+    }
+    this.fileType = this.type || overlays.getType(this.localFile);
+    this.iconName = overlays.getIconName(this.localFile);
+    this.iconColor = overlays.getIconColor(this.localFile);
+    await new Promise((resolve) => {
+      setTimeout(() => {
+        this.isLoading = false;
+        resolve();
+      }, 750);
+    });
   }
   renderFileIcon() {
-    return this.hasIcon && !this.isImage && (index.h("yoo-icon", { name: this.iconName, color: this.iconColor }));
+    return this.hasIcon && !this.isType.image && (index.h("yoo-icon", { name: this.iconName, color: this.iconColor }));
   }
   renderClose() {
     return this.isClosable && index.h("yoo-icon", { name: "close" });
   }
   renderDetails() {
-    return index.h("section", { class: "details" }, this.fileName && index.h("span", { id: "file-name", innerHTML: this.fileName }), this.fileSize && index.h("span", { id: "file-size", innerHTML: this.fileSize }));
+    return index.h("section", null, this.fileName && index.h("span", { id: "name", innerHTML: this.fileName }), this.fileSize && index.h("span", { id: "size", innerHTML: this.fileSize }));
   }
   renderThumbnail() {
-    let thumbnail = null;
-    if (this.isVideo) {
-      thumbnail = overlays.toPng(this.fileSrc);
-    }
-    if (this.isImage) {
-      thumbnail = this.fileSrc;
-    }
-    return index.h("section", { class: "thumbnail" }, this.hasIcon && !this.isImage && !this.isVideo && index.h("yoo-icon", { size: "large", name: this.iconName, color: this.iconColor }), (this.isImage || this.isVideo) && index.h("yoo-img", { src: thumbnail }));
+    return index.h("section", null, this.hasIcon && !this.isType.image && !this.isType.video && index.h("yoo-icon", { size: "large", name: this.iconName, color: this.iconColor }), (this.isType.image || this.isType.video) && index.h("yoo-img", { src: this.isType.video ? overlays.toPng(this.fileSrc) : this.fileSrc }));
   }
   renderDocumentCard() {
     return [this.renderClose(),
@@ -94,10 +96,13 @@ const YooCardFileComponent = class {
     return index.h("yoo-audio-player", { isVisible: this.isVisible, src: this.fileSrc });
   }
   renderContent() {
-    return this.isAudio ? this.renderAudioCard() : this.renderDocumentCard();
+    return this.isType.audio ? this.renderAudioCard() : this.renderDocumentCard();
+  }
+  renderLoading() {
+    return [index.h("div", { id: "ph-icon" }), index.h("section", null, index.h("div", null), index.h("div", null))];
   }
   render() {
-    return (index.h(index.Host, { ...{ type: this.type || overlays.getType(this.localFile) } }, this.renderContent()));
+    return index.h(index.Host, { ...{ type: this.fileType, loading: this.isLoading } }, this.isLoading ? this.renderLoading() : this.renderContent());
   }
   get host() { return index.getElement(this); }
   static get watchers() { return {

package/dist/cjs/yoo-card-image.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-819e2530.js');
-require('./index-ce31bddc.js');
-const overlays = require('./overlays-24592dac.js');
+const index = require('./index-001d2377.js');
+require('./index-32730381.js');
+const overlays = require('./overlays-f7624b4d.js');
 require('./lodash-72d493b9.js');
 require('./index-50ff0b20.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-card-inbox.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-819e2530.js');
-require('./index-ce31bddc.js');
+const index = require('./index-001d2377.js');
+require('./index-32730381.js');
 const lodash = require('./lodash-72d493b9.js');
-const overlays = require('./overlays-24592dac.js');
+const overlays = require('./overlays-f7624b4d.js');
 require('./index-50ff0b20.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

package/dist/cjs/yoo-card-incentive-rank.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-819e2530.js');
-require('./index-ce31bddc.js');
-const overlays = require('./overlays-24592dac.js');
+const index = require('./index-001d2377.js');
+require('./index-32730381.js');
+const overlays = require('./overlays-f7624b4d.js');
 require('./lodash-72d493b9.js');
 require('./index-50ff0b20.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-card-incentive.cjs.entry.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-819e2530.js');
-require('./index-ce31bddc.js');
+const index = require('./index-001d2377.js');
+require('./index-32730381.js');
 const lodash = require('./lodash-72d493b9.js');
-const commonHelpers = require('./common-helpers-a58df3d7.js');
-const incentiveHelpers = require('./incentive-helpers-4d4c7a66.js');
-const overlays = require('./overlays-24592dac.js');
+const commonHelpers = require('./common-helpers-b5dffbf0.js');
+const incentiveHelpers = require('./incentive-helpers-c1138c8f.js');
+const overlays = require('./overlays-f7624b4d.js');
 require('./index-50ff0b20.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

package/dist/cjs/yoo-card-kanban.cjs.entry.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-819e2530.js');
-const commonHelpers = require('./common-helpers-a58df3d7.js');
-require('./overlays-24592dac.js');
+const index = require('./index-001d2377.js');
+const commonHelpers = require('./common-helpers-b5dffbf0.js');
+require('./overlays-f7624b4d.js');
 require('./lodash-72d493b9.js');
 require('./index-50ff0b20.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-ce31bddc.js');
+require('./index-32730381.js');
 
 const cardKanbanCss = ":host .outer-container:hover{background-color:var(--dark-10, rgba(0, 0, 0, 0.1));cursor:pointer}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:15.5rem;padding:var(--spacing-08, 0.5rem);line-height:1.9;background-color: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))}:host .outer-container yoo-icon{padding-right:var(--spacing-04, 0.25rem)}:host .outer-container yoo-truncate{-ms-flex:1;flex:1;color:var(--dark, #000000);line-height:1.65;--max-lines:2}:host .outer-container .row{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .outer-container .row.infos{color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .row.ref{color:var(--text-color, #807f83);font-size:var(--font-size-12, 0.75rem)}:host .outer-container .row.left{-ms-flex:1;flex:1}:host .outer-container .row.left .sub-info{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-right:var(--spacing-08, 0.5rem)}:host .outer-container .row.right{padding-left:var(--spacing-16, 1rem)}";
 

package/dist/cjs/yoo-card-lesson.cjs.entry.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-819e2530.js');
+const index = require('./index-001d2377.js');
 const index$1 = require('./index-50ff0b20.js');
-require('./index-ce31bddc.js');
+require('./index-32730381.js');
 const lodash = require('./lodash-72d493b9.js');
-const commonHelpers = require('./common-helpers-a58df3d7.js');
-const overlays = require('./overlays-24592dac.js');
+const commonHelpers = require('./common-helpers-b5dffbf0.js');
+const overlays = require('./overlays-f7624b4d.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const cardLessonCss = ":host{position:relative;display:-ms-flexbox;display:flex;min-height:4.25rem;border-left:transparent solid var(--border-width-04, 0.25rem);cursor:pointer}:host yoo-truncate{--line-height:1.875rem !important;--max-lines:2}:host .info-container{width:100%;padding:var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) var(--spacing-04, 0.25rem) 0;word-break:break-word}:host .info-container .title-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .info-container .title-container .title{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start}:host .info-container .title-container .title yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host .info-container .bottom-info-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding-left:var(--spacing-32, 2rem)}:host .info-container .bottom-info-container .remaining-points-container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center}:host .info-container .bottom-info-container .remaining-points-container yoo-tag{margin-right:var(--spacing-08, 0.5rem)}:host .info-container .bottom-info-container .extra-icon-container{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;padding-bottom:var(--spacing-04, 0.25rem)}:host(.underline) .info-container{border-bottom:0.0625rem solid var(--stable-light, #f1f1f1)}:host(.item-disabled){cursor:default}:host([highlighted]){background-color:var(--app-color-10, rgba(90, 48, 244, 0.1));border-left:var(--app-color, #5a30f4) solid var(--border-width-04, 0.25rem)}:host([state=finished]),:host([state=locked]){color:var(--stable, #adadad)}:host([state=locked]){cursor:default}";

package/dist/cjs/yoo-card-list-collapsible.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-819e2530.js');
-require('./index-ce31bddc.js');
-const commonHelpers = require('./common-helpers-a58df3d7.js');
-const overlays = require('./overlays-24592dac.js');
+const index = require('./index-001d2377.js');
+require('./index-32730381.js');
+const commonHelpers = require('./common-helpers-b5dffbf0.js');
+const overlays = require('./overlays-f7624b4d.js');
 require('./lodash-72d493b9.js');
 require('./index-50ff0b20.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-card-list-color.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-819e2530.js');
-require('./index-ce31bddc.js');
+const index = require('./index-001d2377.js');
+require('./index-32730381.js');
 const lodash = require('./lodash-72d493b9.js');
-const overlays = require('./overlays-24592dac.js');
+const overlays = require('./overlays-f7624b4d.js');
 require('./index-50ff0b20.js');
 require('./_commonjsHelpers-94df2ea7.js');