@yoobic/yobi 8.5.0-60 → 8.5.0-61

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const overlays$1 = require('./overlays-c62c8eaa.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-6f92bccb.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+const overlays = require('./overlays-12028d37.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -50,12 +50,12 @@ const YooToastComponent = class {
     this.dismiss();
   }
   async present() {
-    await overlays.present(this, () => {
+    await index$1.present(this, () => {
       if (this.position === 'bottom') {
-        return overlays.setAnimation('slide_vertical', this.outerContainerDiv, { open: true, up: true }).finished;
+        return index$1.setAnimation('slide_vertical', this.outerContainerDiv, { open: true, up: true }).finished;
       }
       else if (this.position === 'top') {
-        return overlays.setAnimation('slide_vertical', this.outerContainerDiv, { open: true }).finished;
+        return index$1.setAnimation('slide_vertical', this.outerContainerDiv, { open: true }).finished;
       }
     });
     if (this.duration) {
@@ -66,26 +66,26 @@ const YooToastComponent = class {
     if (this.durationTimeout) {
       clearTimeout(this.durationTimeout);
     }
-    return overlays.dismiss(this, data, role, overlayDismiss, () => {
+    return index$1.dismiss(this, data, role, overlayDismiss, () => {
       if (this.position === 'bottom') {
-        return overlays.setAnimation('slide_vertical', this.outerContainerDiv, { open: false, up: true }).finished;
+        return index$1.setAnimation('slide_vertical', this.outerContainerDiv, { open: false, up: true }).finished;
       }
       else if (this.position === 'top') {
-        return overlays.setAnimation('slide_vertical', this.outerContainerDiv, { open: false }).finished;
+        return index$1.setAnimation('slide_vertical', this.outerContainerDiv, { open: false }).finished;
       }
     });
   }
   async onWillPresent(callback) {
-    return overlays$1.eventMethod(this.host, 'ionToastWillPresent', callback);
+    return overlays.eventMethod(this.host, 'ionToastWillPresent', callback);
   }
   async onDidPresent(callback) {
-    return overlays$1.eventMethod(this.host, 'ionToastDidPresent', callback);
+    return overlays.eventMethod(this.host, 'ionToastDidPresent', callback);
   }
   async onWillDismiss(callback) {
-    return overlays$1.eventMethod(this.host, 'ionToastWillDismiss', callback);
+    return overlays.eventMethod(this.host, 'ionToastWillDismiss', callback);
   }
   async onDidDismiss(callback) {
-    return overlays$1.eventMethod(this.host, 'ionToastDidDismiss', callback);
+    return overlays.eventMethod(this.host, 'ionToastDidDismiss', callback);
   }
   componentWillLoad() {
     if (this.progressEvent) {
@@ -98,7 +98,7 @@ const YooToastComponent = class {
       }
     }
     // If we are on web and the position is not specified, we default to showing the toast at the bottom
-    if (overlays.isWeb(this.host) && this.position !== 'top') {
+    if (index$1.isWeb(this.host) && this.position !== 'top') {
       this.position = 'bottom';
     }
   }
@@ -152,7 +152,7 @@ const YooToastComponent = class {
       button = index.h("yoo-icon", { size: "medium", name: extraButton.icon(), color: extraButton.color ? extraButton.color() : 'stable' });
     }
     if (extraButton === null || extraButton === void 0 ? void 0 : extraButton.text) {
-      const text = overlays.translate(extraButton.text());
+      const text = index$1.translate(extraButton.text());
       if (this.disableTooltip) {
         button = text;
       }
@@ -173,8 +173,8 @@ const YooToastComponent = class {
   renderCloseButton() {
     return (index.h("div", { class: { 'button-container': true, 'close-icon-divider': this.closeButtonIcon } }, this.closeButtonIcon ? index.h("yoo-icon", { onClick: () => this.onButtonClick(), color: this.iconColor, name: "cross" })
       : index.h("span", { class: {
-          danger: this.closeButtonText === overlays.translate('CANCEL'),
-          'app-color': this.closeButtonText === overlays.translate('YOOBICVIEW')
+          danger: this.closeButtonText === index$1.translate('CANCEL'),
+          'app-color': this.closeButtonText === index$1.translate('YOOBICVIEW')
         }, onClick: () => this.onButtonClick() }, this.closeButtonText)));
   }
   render() {
@@ -186,17 +186,17 @@ const YooToastComponent = class {
         header: this.position !== 'bottom' && !this.isFormField,
         fullscreen: this.fullscreen,
         ...commonHelpers.getAppContext(this.host)
-      } }, index.h("yoo-swipe-container", { onSwipedUp: () => this.onSwipeUp(), onClick: () => this.onClosableSwipeClick() }, index.h("div", { ref: (el) => (this.outerContainerDiv = el), class: { 'outer-container': true, 'iphone-x': overlays.isIphoneX() }, style: { 'z-index': (overlays.MODAL_BASE_ZINDEX + this.overlayId).toString() } }, this.count > -1 && this.renderCount(), this.image && this.renderImage(), this.icon && !this.image && this.renderIcon(), index.h("div", { class: { 'text-container': true, 'full-width': !this.closable, 'sub-messages': ((_a = this.subMessages) === null || _a === void 0 ? void 0 : _a.length) > 0 } }, index.h("yoo-truncate", { maxLength: this.maxLength, content: overlays.translateMulti(this.message) }), (_b = this.subMessages) === null || _b === void 0 ? void 0 :
+      } }, index.h("yoo-swipe-container", { onSwipedUp: () => this.onSwipeUp(), onClick: () => this.onClosableSwipeClick() }, index.h("div", { ref: (el) => (this.outerContainerDiv = el), class: { 'outer-container': true, 'iphone-x': index$1.isIphoneX() }, style: { 'z-index': (index$1.MODAL_BASE_ZINDEX + this.overlayId).toString() } }, this.count > -1 && this.renderCount(), this.image && this.renderImage(), this.icon && !this.image && this.renderIcon(), index.h("div", { class: { 'text-container': true, 'full-width': !this.closable, 'sub-messages': ((_a = this.subMessages) === null || _a === void 0 ? void 0 : _a.length) > 0 } }, index.h("yoo-truncate", { maxLength: this.maxLength, content: index$1.translateMulti(this.message) }), (_b = this.subMessages) === null || _b === void 0 ? void 0 :
       _b.map((subMessage) => {
-        return index.h("yoo-truncate", { maxLength: this.maxLength, content: overlays.translateMulti(subMessage) });
-      }), this.link && index.h("span", { class: "link", innerHTML: overlays.translateMulti(this.link) }), this.progressEvent && (this.closable !== false || this.showCloseButton) && this.renderCloseButton()), this.rightMediaSrc && this.rendeMediaImage(), this.extraButtons &&
+        return index.h("yoo-truncate", { maxLength: this.maxLength, content: index$1.translateMulti(subMessage) });
+      }), this.link && index.h("span", { class: "link", innerHTML: index$1.translateMulti(this.link) }), this.progressEvent && (this.closable !== false || this.showCloseButton) && this.renderCloseButton()), this.rightMediaSrc && this.rendeMediaImage(), this.extraButtons &&
       this.extraButtons
         .filter((b) => (b.isVisible ? b.isVisible(this.selection) : true))
         .map((extraButton) => (extraButton.contextMenuActions ? this.renderContextMenu(extraButton) : this.renderExtraButtons(extraButton))), this.closable !== false &&
       this.closeButtonText &&
       this.showCloseButton &&
       !this.progressEvent && // (!this.extraButtons || this.extraButtons.length === 0)
-      this.renderCloseButton(), this.progressEvent && (index.h("div", { class: "progressbar-wrapper" }, index.h("yoo-progress-bar", { value: this.progress, progressAnimationDuration: 0.2 }))))), this.showBackdrop && index.h("div", { class: "overlay", style: { 'z-index': (overlays.MODAL_BASE_ZINDEX - 1 + this.overlayId).toString() } })));
+      this.renderCloseButton(), this.progressEvent && (index.h("div", { class: "progressbar-wrapper" }, index.h("yoo-progress-bar", { value: this.progress, progressAnimationDuration: 0.2 }))))), this.showBackdrop && index.h("div", { class: "overlay", style: { 'z-index': (index$1.MODAL_BASE_ZINDEX - 1 + this.overlayId).toString() } })));
   }
   get host() { return index.getElement(this); }
 };

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const tippy_esm = require('./tippy.esm-9d4307e9.js');
-const formInputHelpers = require('./form-input-helpers-2d988e31.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-6f92bccb.js');
+const tippy_esm = require('./tippy.esm-1eda739a.js');
+const formInputHelpers = require('./form-input-helpers-4ad38e19.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
-require('./common-helpers-9f63a319.js');
+require('./common-helpers-44428bf7.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const tooltipCss = ".tippy-box[data-placement^=top]>.tippy-svg-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-svg-arrow:after,.tippy-box[data-placement^=top]>.tippy-svg-arrow>svg{top:16px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.tippy-box[data-placement^=bottom]>.tippy-svg-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-svg-arrow>svg{bottom:16px}.tippy-box[data-placement^=left]>.tippy-svg-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-svg-arrow:after,.tippy-box[data-placement^=left]>.tippy-svg-arrow>svg{-webkit-transform:rotate(90deg);transform:rotate(90deg);top:calc(50% - 3px);left:11px}.tippy-box[data-placement^=right]>.tippy-svg-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-svg-arrow:after,.tippy-box[data-placement^=right]>.tippy-svg-arrow>svg{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);top:calc(50% - 3px);right:11px}.tippy-svg-arrow{width:16px;height:16px;fill:#333;text-align:initial}.tippy-svg-arrow,.tippy-svg-arrow>svg{position:absolute}svg:not(:root){overflow:hidden}.hidden{display:none !important}.flex{display:-ms-flexbox !important;display:flex !important}.block{display:block !important}:host{display:block}:host .editable-content,:host .request-access{display:none}:host([hidden]){display:none}";
@@ -115,12 +115,12 @@ const YooTooltipComponent = class {
     this.onContentChange();
   }
   connectedCallback() {
-    const isweb = overlays.isWeb(this.host);
+    const isweb = index$1.isWeb(this.host);
     this.size = this.size || isweb ? 'medium' : 'large';
-    if (overlays.isNullOrUndefined(this.clickable)) {
+    if (index$1.isNullOrUndefined(this.clickable)) {
       this.clickable = !isweb;
     }
-    if (overlays.isNullOrUndefined(this.hoverable)) {
+    if (index$1.isNullOrUndefined(this.hoverable)) {
       this.hoverable = isweb;
     }
     if (this.hoverable !== false && isweb) {
@@ -136,7 +136,7 @@ const YooTooltipComponent = class {
   }
   get tZIndex() {
     //If the tooltip is not inside a modal, we set its zIndex to be lower than the modal
-    return overlays.findParent(this.host, 'yoo-modal') || overlays.findParent(this.host, 'yoo-alert') ? 22000 : 1800;
+    return index$1.findParent(this.host, 'yoo-modal') || index$1.findParent(this.host, 'yoo-alert') ? 22000 : 1800;
   }
   get remainingCharacters() {
     const result = this.maxCharacters - this.editableContent.length;
@@ -282,7 +282,7 @@ const YooTooltipComponent = class {
         }
       }, onFocus: () => {
         formInputHelpers.focusContentEditable(this.contentEditableElement);
-        overlays.enableKeyboardResize();
+        index$1.enableKeyboardResize();
       }, onPaste: (ev) => {
         if (!this.maxCharacters || (this.maxCharacters && this.editableContent.length + ev.clipboardData.getData('Text').length <= this.maxCharacters)) {
           this.onContentChange();
@@ -294,12 +294,12 @@ const YooTooltipComponent = class {
         if (!this.maxCharacters || (this.maxCharacters && this.editableContent.length <= this.maxCharacters)) {
           this.onContentChange();
         }
-      }, ref: (el) => (this.contentEditableElement = el) }), this.maxCharacters && (index.h("div", { class: "maxchar-content" }, index.h("span", { ref: (el) => (this.maxCharactersIndicator = el) }, this.remainingCharacters))), index.h("div", { class: { 'edit-content': true, ...this.getDisplayState(!this.isReadonly) } }, index.h("yoo-icon", { size: "small", name: "delete", color: "stable-alt", onClick: (ev) => this.onClear(ev) }), index.h("yoo-icon", { size: "small", name: "pen", color: "stable-alt", onClick: (ev) => this.onEdit(ev) })), index.h("yoo-button", { disabled: !this.content, size: this.size === 'small' ? 'small' : 'medium', color: this.color || 'app-color', class: { ...this.getDisplayState(this.isReadonly) }, onClick: () => this.saveContent(), ref: (el) => (this.saveButtonElement = el) }, overlays.translate('YOOBICSAVE'))));
+      }, ref: (el) => (this.contentEditableElement = el) }), this.maxCharacters && (index.h("div", { class: "maxchar-content" }, index.h("span", { ref: (el) => (this.maxCharactersIndicator = el) }, this.remainingCharacters))), index.h("div", { class: { 'edit-content': true, ...this.getDisplayState(!this.isReadonly) } }, index.h("yoo-icon", { size: "small", name: "delete", color: "stable-alt", onClick: (ev) => this.onClear(ev) }), index.h("yoo-icon", { size: "small", name: "pen", color: "stable-alt", onClick: (ev) => this.onEdit(ev) })), index.h("yoo-button", { disabled: !this.content, size: this.size === 'small' ? 'small' : 'medium', color: this.color || 'app-color', class: { ...this.getDisplayState(this.isReadonly) }, onClick: () => this.saveContent(), ref: (el) => (this.saveButtonElement = el) }, index$1.translate('YOOBICSAVE'))));
   }
   renderRequestAccess() {
     return (index.h("div", { ref: (el) => (this.editTemplateElement = el), class: {
         'request-access': true
-      } }, index.h("div", { class: "title" }, this.isPublisher ? overlays.translate('YOUAREAPUBLISHER') : overlays.translate('YOUAREAVIEWER')), index.h("div", { class: "sub-title" }, overlays.translate('ASKOWNERACCESS')), this.owner && (index.h("div", { class: "sub-title" }, overlays.translate('OWNER'), ":", index.h("yoo-avatar", { size: "small", imgSrc: this.owner.imageData }), `${this.owner.firstName} ${this.owner.lastName}`))));
+      } }, index.h("div", { class: "title" }, this.isPublisher ? index$1.translate('YOUAREAPUBLISHER') : index$1.translate('YOUAREAVIEWER')), index.h("div", { class: "sub-title" }, index$1.translate('ASKOWNERACCESS')), this.owner && (index.h("div", { class: "sub-title" }, index$1.translate('OWNER'), ":", index.h("yoo-avatar", { size: "small", imgSrc: this.owner.imageData }), `${this.owner.firstName} ${this.owner.lastName}`))));
   }
   render() {
     return (index.h(index.Host, null, index.h("slot", null), this.editable && this.renderEditable(), this.requestAccess && this.renderRequestAccess()));

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-6f92bccb.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -60,10 +60,10 @@ const YooTruncateComponent = class {
     };
     this.truncateContentCollapsed = (text) => {
       const ellipsis = this.getEllipsisContent();
-      return overlays.truncateMarkdown(text, this.maxLength, ellipsis, this.byWords, this.replaceBreakWithClosed);
+      return index$1.truncateMarkdown(text, this.maxLength, ellipsis, this.byWords, this.replaceBreakWithClosed);
     };
     this.getMoreButtonHtml = () => {
-      return `${this.collapsed ? '... ' : ''}<span class="more-button">${overlays.translate(`YOOBIC${this.collapsed ? 'MORE' : 'LESS'}`)}</span>`;
+      return `${this.collapsed ? '... ' : ''}<span class="more-button">${index$1.translate(`YOOBIC${this.collapsed ? 'MORE' : 'LESS'}`)}</span>`;
     };
     this.getMoreIconHtml = () => {
       return `<span><span>${this.collapsed ? '...' : ''}</span><yoo-icon class="more-button" name=${this.collapsed ? 'arrow-down' : 'arrow-up'} size="${this.ellipsisIconSize}" /></span>`;
@@ -75,7 +75,7 @@ const YooTruncateComponent = class {
   onForceMoreButtonDisplayContentChanged() {
     this.showEllipsisButtonInternal = this.isEllipsisActive();
     if (!this.resizeListener) {
-      this.resizeListener = overlays.debounce(this.updateShowEllipsisButton, 500).bind(this);
+      this.resizeListener = index$1.debounce(this.updateShowEllipsisButton, 500).bind(this);
       window.addEventListener('resize', this.resizeListener);
       window.addEventListener('screenSizeWillChange', this.resizeListener);
     }
@@ -133,7 +133,7 @@ const YooTruncateComponent = class {
       truncateContent = this.truncateContentCollapsed(content);
     }
     else {
-      truncateContent = overlays.parseMarkDown(content + this.getEllipsisContent(), this.replaceBreakWithClosed);
+      truncateContent = index$1.parseMarkDown(content + this.getEllipsisContent(), this.replaceBreakWithClosed);
     }
     return truncateContent;
   }
@@ -142,7 +142,7 @@ const YooTruncateComponent = class {
     return (index.h("span", { class: hostClass, innerHTML: this.content ? this.truncateContent : '', ref: (el) => (this.textContainer = el) }, !this.content && index.h("slot", null)));
   }
   render() {
-    return (index.h(index.Host, { class: { expanded: !this.collapsed, 'force-more': this.showEllipsisButtonInternal && (this.forceMoreButtonDisplayContent !== undefined || this.forceMoreButtonDisplayContent !== null) } }, this.renderTruncate(), !this.content && this.showEllipsisButtonInternal && index.h("span", { onClick: (e) => this.toggleCollapse(e), class: "more-button" }, this.collapsed ? overlays.translate('MARKAS') : overlays.translate('VIEWLESS'))));
+    return (index.h(index.Host, { class: { expanded: !this.collapsed, 'force-more': this.showEllipsisButtonInternal && (this.forceMoreButtonDisplayContent !== undefined || this.forceMoreButtonDisplayContent !== null) } }, this.renderTruncate(), !this.content && this.showEllipsisButtonInternal && index.h("span", { onClick: (e) => this.toggleCollapse(e), class: "more-button" }, this.collapsed ? index$1.translate('MARKAS') : index$1.translate('VIEWLESS'))));
   }
   get host() { return index.getElement(this); }
   static get watchers() { return {

package/dist/cjs/yoo-truncated-line.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-6f92bccb.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -24,7 +24,7 @@ const YooTruncatedLineComponent = class {
       return (index.h("yoo-tooltip", { ref: (el) => this.tooltipElement = el, content: this.content, placement: this.tooltipPlacement }, this.renderContent()));
     };
     this.renderContent = () => {
-      return (index.h("div", { class: "content", ref: (el) => this.contentElement = el }, overlays.translateMulti(this.content), index.h("slot", null)));
+      return (index.h("div", { class: "content", ref: (el) => this.contentElement = el }, index$1.translateMulti(this.content), index.h("slot", null)));
     };
     this.toggleTooltip = (isEnabled) => {
       if (this.tooltipElement) {
@@ -33,7 +33,7 @@ const YooTruncatedLineComponent = class {
     };
   }
   componentDidLoad() {
-    this.contentElement && this.toggleTooltip(overlays.isTruncated(this.contentElement));
+    this.contentElement && this.toggleTooltip(index$1.isTruncated(this.contentElement));
   }
   render() {
     return (index.h(index.Host, null, !this.withTooltip ? this.renderContent() : this.renderContentWithTooltip()));

package/dist/cjs/yoo-user-detail.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-6f92bccb.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -40,7 +40,7 @@ const YooUserDetailComponent = class {
       return this.renderGrid(this.courses, 'card-course', 'medium', 'courses', (ev) => this.onSelectCourse(ev), () => this.onSeeAllCourses(), className, true);
     }
     else if (this.showEmptyState) {
-      return index.h("div", { class: "courses-empty" }, index.h("yoo-empty-state", { type: "courses" }), index.h("div", { class: "empty-text" }, overlays.translate('NOONGOINGCOURSES')), index.h("yoo-button", { class: "auto", color: "app-color", onClick: () => this.onSeeAllCourses() }, overlays.translate('SEEALLCOURSES')));
+      return index.h("div", { class: "courses-empty" }, index.h("yoo-empty-state", { type: "courses" }), index.h("div", { class: "empty-text" }, index$1.translate('NOONGOINGCOURSES')), index.h("yoo-button", { class: "auto", color: "app-color", onClick: () => this.onSeeAllCourses() }, index$1.translate('SEEALLCOURSES')));
     }
   }
   renderUserBadges() {
@@ -65,7 +65,7 @@ const YooUserDetailComponent = class {
         hideHeader: true,
         withoutGradient: this.withoutGradient
       };
-      return (index.h("yoo-grid", { ...attrs, class: "profile" }, index.h("div", { slot: "header", class: { 'profile-summary': true, 'web': overlays.isWeb(this.host) } }, index.h("div", { class: "title" }, overlays.translate(entityType.toLocaleUpperCase())), entityType === 'badges' && index.h("div", { class: "total-number" }, items === null || items === void 0 ? void 0 : items.length), index.h("div", { class: "action", onClick: () => gridHandler() }, overlays.translate('YOOBICSEEALL')))));
+      return (index.h("yoo-grid", { ...attrs, class: "profile" }, index.h("div", { slot: "header", class: { 'profile-summary': true, 'web': index$1.isWeb(this.host) } }, index.h("div", { class: "title" }, index$1.translate(entityType.toLocaleUpperCase())), entityType === 'badges' && index.h("div", { class: "total-number" }, items === null || items === void 0 ? void 0 : items.length), index.h("div", { class: "action", onClick: () => gridHandler() }, index$1.translate('YOOBICSEEALL')))));
     }
   }
   render() {

package/dist/cjs/yoo-user-profile.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const entitiesHelpers = require('./entities-helpers-90284497.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-6f92bccb.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+const entitiesHelpers = require('./entities-helpers-d7cb60ce.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -22,14 +22,14 @@ const YooUserProfileComponent = class {
     this.clicked.emit(item);
   }
   renderItem(itemName, itemData, avatarData) {
-    return (!!itemData && (index.h("li", { class: "border-bottom" }, index.h("div", { class: "profile-links-menu-title" }, overlays.translate(itemName)), index.h("div", { class: "profile-links-menu-item" }, !!avatarData && index.h("yoo-avatar", { size: "small", imgSrc: avatarData }), index.h("span", null, itemData)))));
+    return (!!itemData && (index.h("li", { class: "border-bottom" }, index.h("div", { class: "profile-links-menu-title" }, index$1.translate(itemName)), index.h("div", { class: "profile-links-menu-item" }, !!avatarData && index.h("yoo-avatar", { size: "small", imgSrc: avatarData }), index.h("span", null, itemData)))));
   }
   renderGroups() {
     var _a, _b, _c;
     const groupIds = (_c = (_b = (_a = this.user) === null || _a === void 0 ? void 0 : _a._acl) === null || _b === void 0 ? void 0 : _b.groups) === null || _c === void 0 ? void 0 : _c.r;
     if ((groupIds === null || groupIds === void 0 ? void 0 : groupIds.length) > 0) {
       const groups = entitiesHelpers.groupsFullResolver(groupIds);
-      return (index.h("li", { class: "border-bottom" }, index.h("div", { class: "profile-links-menu-title" }, overlays.translate('TEAMS')), index.h("div", { class: "profile-links-menu-item" }, groups === null || groups === void 0 ? void 0 : groups.map((group) => {
+      return (index.h("li", { class: "border-bottom" }, index.h("div", { class: "profile-links-menu-title" }, index$1.translate('TEAMS')), index.h("div", { class: "profile-links-menu-item" }, groups === null || groups === void 0 ? void 0 : groups.map((group) => {
         var _a;
         const groupTitleOrId = group.title || group._id;
         return (index.h("div", { class: "multiple-items-margin" }, index.h("yoo-avatar", { size: "small", imgSrc: (_a = group.icon) === null || _a === void 0 ? void 0 : _a._downloadURL, iconText: groupTitleOrId }), groupTitleOrId));
@@ -38,11 +38,11 @@ const YooUserProfileComponent = class {
   }
   tagString() {
     var _a, _b;
-    return (_b = (_a = this.user) === null || _a === void 0 ? void 0 : _a.tags) === null || _b === void 0 ? void 0 : _b.map((tag) => overlays.translate(tag)).join(',  ');
+    return (_b = (_a = this.user) === null || _a === void 0 ? void 0 : _a.tags) === null || _b === void 0 ? void 0 : _b.map((tag) => index$1.translate(tag)).join(',  ');
   }
   renderAdvancedLayout() {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
-    return (index.h("div", { class: "profile-content advanced" }, index.h("div", { class: "profile-title" }, overlays.translate('BASICS')), index.h("div", { class: "profile-links" }, index.h("ul", { class: "profile-links-menu" }, this.renderItem('PHOTOANDNAME', `${(_a = this.user) === null || _a === void 0 ? void 0 : _a.firstName} ${(_b = this.user) === null || _b === void 0 ? void 0 : _b.lastName}`.trim(), (_c = this.user) === null || _c === void 0 ? void 0 : _c.imageData), this.renderItem('YOOBICUSERNAME', (_d = this.user) === null || _d === void 0 ? void 0 : _d.username), this.renderItem('YOOBICSTORE', (_f = (_e = this.user) === null || _e === void 0 ? void 0 : _e.location) === null || _f === void 0 ? void 0 : _f.title, (_h = (_g = this.user) === null || _g === void 0 ? void 0 : _g.location) === null || _h === void 0 ? void 0 : _h.imageData), this.renderItem('YOOBICBIO', (_j = this.user) === null || _j === void 0 ? void 0 : _j.description), ((_k = this.user) === null || _k === void 0 ? void 0 : _k.position) && this.renderItem('POSITION', overlays.translate((_l = this.user) === null || _l === void 0 ? void 0 : _l.position)), this.renderGroups(), this.renderItem('WORKEMAIL', (_m = this.user) === null || _m === void 0 ? void 0 : _m.email), this.renderItem('PHONENUMBER', (_o = this.user) === null || _o === void 0 ? void 0 : _o.telephone), ((_p = this.user) === null || _p === void 0 ? void 0 : _p.dateOfBirth) && this.renderItem('DATEOFBIRTH', overlays.pipes.dateFormat.transform((_q = this.user) === null || _q === void 0 ? void 0 : _q.dateOfBirth, 'L')), ((_r = this.user) === null || _r === void 0 ? void 0 : _r.hiringDate) && this.renderItem('WORKANNIVERSARY', overlays.pipes.dateFormat.transform((_s = this.user) === null || _s === void 0 ? void 0 : _s.hiringDate, 'L'))))));
+    return (index.h("div", { class: "profile-content advanced" }, index.h("div", { class: "profile-title" }, index$1.translate('BASICS')), index.h("div", { class: "profile-links" }, index.h("ul", { class: "profile-links-menu" }, this.renderItem('PHOTOANDNAME', `${(_a = this.user) === null || _a === void 0 ? void 0 : _a.firstName} ${(_b = this.user) === null || _b === void 0 ? void 0 : _b.lastName}`.trim(), (_c = this.user) === null || _c === void 0 ? void 0 : _c.imageData), this.renderItem('YOOBICUSERNAME', (_d = this.user) === null || _d === void 0 ? void 0 : _d.username), this.renderItem('YOOBICSTORE', (_f = (_e = this.user) === null || _e === void 0 ? void 0 : _e.location) === null || _f === void 0 ? void 0 : _f.title, (_h = (_g = this.user) === null || _g === void 0 ? void 0 : _g.location) === null || _h === void 0 ? void 0 : _h.imageData), this.renderItem('YOOBICBIO', (_j = this.user) === null || _j === void 0 ? void 0 : _j.description), ((_k = this.user) === null || _k === void 0 ? void 0 : _k.position) && this.renderItem('POSITION', index$1.translate((_l = this.user) === null || _l === void 0 ? void 0 : _l.position)), this.renderGroups(), this.renderItem('WORKEMAIL', (_m = this.user) === null || _m === void 0 ? void 0 : _m.email), this.renderItem('PHONENUMBER', (_o = this.user) === null || _o === void 0 ? void 0 : _o.telephone), ((_p = this.user) === null || _p === void 0 ? void 0 : _p.dateOfBirth) && this.renderItem('DATEOFBIRTH', index$1.pipes.dateFormat.transform((_q = this.user) === null || _q === void 0 ? void 0 : _q.dateOfBirth, 'L')), ((_r = this.user) === null || _r === void 0 ? void 0 : _r.hiringDate) && this.renderItem('WORKANNIVERSARY', index$1.pipes.dateFormat.transform((_s = this.user) === null || _s === void 0 ? void 0 : _s.hiringDate, 'L'))))));
   }
   render() {
     return index.h(index.Host, { class: { ...commonHelpers.getAppContext(this.host) } }, this.renderAdvancedLayout());

package/dist/cjs/yoo-user-wizard.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-6f92bccb.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -22,7 +22,7 @@ const YooUserWizardComponent = class {
     this.addIconSize = 'small';
     this.showAdd = true;
     this.isImageCard = false;
-    this.addIconUser = overlays.getSession().user;
+    this.addIconUser = index$1.getSession().user;
     this.clampedItems = [];
   }
   onItemSelected(item) {
@@ -35,7 +35,7 @@ const YooUserWizardComponent = class {
   componentWillRender() {
     var _a;
     const MAX_ITEMS = this.isImageCard ? 5 : 7;
-    if (overlays.isWeb(this.host) && ((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) > MAX_ITEMS) {
+    if (index$1.isWeb(this.host) && ((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) > MAX_ITEMS) {
       this.clampedItems = this.items.slice(0, MAX_ITEMS) || [];
     }
     else {
@@ -47,7 +47,7 @@ const YooUserWizardComponent = class {
     this.host.style.setProperty('--number-items', (((_a = this.clampedItems) === null || _a === void 0 ? void 0 : _a.length) || 1).toString());
   }
   renderAddAvatar() {
-    return index.h("section", { id: "add-avatar", class: "item", onClick: () => this.onItemSelected() }, index.h("yoo-icon", { name: this.addIcon, size: this.addIconSize, color: "app-color" }), index.h("div", { class: "truncate" }, " ", overlays.translate(this.addText)));
+    return index.h("section", { id: "add-avatar", class: "item", onClick: () => this.onItemSelected() }, index.h("yoo-icon", { name: this.addIcon, size: this.addIconSize, color: "app-color" }), index.h("div", { class: "truncate" }, " ", index$1.translate(this.addText)));
   }
   renderAddImageCard() {
     var _a;
@@ -73,7 +73,7 @@ const YooUserWizardComponent = class {
     return index.h("main", null, this.showAdd && this.renderAddButton(), this.renderItems());
   }
   renderHeader() {
-    return this.titleText && index.h("header", null, index.h("div", { id: "title" }, overlays.translate(this.titleText), this.tag && index.h("yoo-tag", { color: this.tagColor || 'energized-10' }, this.tag)), this.showAllText && index.h("span", { id: "action", onClick: () => this.showAllSelected.emit() }, overlays.translate(this.showAllText)));
+    return this.titleText && index.h("header", null, index.h("div", { id: "title" }, index$1.translate(this.titleText), this.tag && index.h("yoo-tag", { color: this.tagColor || 'energized-10' }, this.tag)), this.showAllText && index.h("span", { id: "action", onClick: () => this.showAllSelected.emit() }, index$1.translate(this.showAllText)));
   }
   render() {
     // Hide when there are no items or create button and hideIfEmpty is specified

package/dist/cjs/yoo-videoplayer-core.cjs.entry.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-const overlays = require('./overlays-e5d2ff76.js');
-const index$2 = require('./index-9aadeb94.js');
+const index$1 = require('./index-0cfb67d1.js');
+const index$3 = require('./index-6f92bccb.js');
 const lodash = require('./lodash-a9050d79.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const index$1 = require('./index-dbc0dad6.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+const index$2 = require('./index-dbc0dad6.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -33,7 +33,7 @@ const YooVideoPlayerCoreComponent = class {
      * Show or hide the modal header
      */
     this.showHeader = true;
-    this.playerId = overlays.getUUID();
+    this.playerId = index$1.getUUID();
     this.initialClick = true;
     this.initialPlay = true;
   }
@@ -44,7 +44,7 @@ const YooVideoPlayerCoreComponent = class {
     var _a, _b;
     clearTimeout(this.showHeaderTimeout);
     this.playerState = event.detail;
-    const isPlaying = this.playerState === index$1.videoPlayerStates.PLAYING;
+    const isPlaying = this.playerState === index$2.videoPlayerStates.PLAYING;
     if (isPlaying) {
       this.initialPlay = false;
       this.isPlaying.emit(this.playerId);
@@ -62,10 +62,10 @@ const YooVideoPlayerCoreComponent = class {
           if (this.preventAutoResume) {
             this.pauseVideo();
           }
-        }, ((overlays.isSafari() || overlays.isIOS()) && this.type === 'videojs') ? 200 : 0);
+        }, ((index$1.isSafari() || index$1.isIOS()) && this.type === 'videojs') ? 200 : 0);
       }
     }
-    else if (this.playerState === index$1.videoPlayerStates.PLAYER_READY && ((_a = this.videoPlayerCoreParameters) === null || _a === void 0 ? void 0 : _a.startTime)) {
+    else if (this.playerState === index$2.videoPlayerStates.PLAYER_READY && ((_a = this.videoPlayerCoreParameters) === null || _a === void 0 ? void 0 : _a.startTime)) {
       this.updateCurrentTime(this.videoPlayerCoreParameters.startTime);
     }
     if (this.isModalMode()) {
@@ -73,15 +73,15 @@ const YooVideoPlayerCoreComponent = class {
       if (isPlaying) {
         this.onHideHeader();
       }
-      if (this.playerState === index$1.videoPlayerStates.ENDED && ((_b = this.modalOptions) === null || _b === void 0 ? void 0 : _b.closeModalOnEnd)) {
-        overlays.closeModal(0);
+      if (this.playerState === index$2.videoPlayerStates.ENDED && ((_b = this.modalOptions) === null || _b === void 0 ? void 0 : _b.closeModalOnEnd)) {
+        index$1.closeModal(0);
         this.resetCordovaChanges();
       }
     }
   }
   onPlayerClicked() {
     if (this.isModalMode()) {
-      if (overlays.isNativeMobile()) {
+      if (index$1.isNativeMobile()) {
         if (typeof this.playerState !== 'undefined') {
           this.showHeader = !this.showHeader;
           this.onHideHeader();
@@ -210,7 +210,7 @@ const YooVideoPlayerCoreComponent = class {
       this.initialClick = false;
       this.played.emit(true);
     }
-    if (this.playerState === index$1.videoPlayerStates.PLAYING) {
+    if (this.playerState === index$2.videoPlayerStates.PLAYING) {
       this.pauseVideo();
     }
     else {
@@ -234,11 +234,11 @@ const YooVideoPlayerCoreComponent = class {
     this.updateHTML5Type();
   }
   componentDidLoad() {
-    if (this.isModalMode() && overlays.isNativeMobile()) {
-      overlays.ScreenOrientation.unlock();
+    if (this.isModalMode() && index$1.isNativeMobile()) {
+      index$1.ScreenOrientation.unlock();
       if (screen && screen.orientation) {
         screen.orientation.onchange = () => {
-          this.orientation = overlays.ScreenOrientation.type;
+          this.orientation = index$1.ScreenOrientation.type;
         };
       }
     }
@@ -261,7 +261,7 @@ const YooVideoPlayerCoreComponent = class {
   updateHTML5Type() {
     var _a;
     const source = (_a = this.videoPlayerCoreParameters) === null || _a === void 0 ? void 0 : _a.source;
-    const isAndroidNativeFile = overlays.isAndroid() && lodash.isString(source) && overlays.isNativeFilePath(source);
+    const isAndroidNativeFile = index$1.isAndroid() && lodash.isString(source) && index$1.isNativeFilePath(source);
     this.useHTML5 = this.type === 'html5' || isAndroidNativeFile;
     if (isAndroidNativeFile && source) {
       this.videoPlayerCoreParameters.controls = true;
@@ -269,19 +269,19 @@ const YooVideoPlayerCoreComponent = class {
   }
   resetCordovaChanges() {
     // Only lock it for non ipad
-    if (overlays.isNativeMobile() && this.isModalMode()) {
-      if (!overlays.isIpadPro() && !overlays.isIpad() && !overlays.isTablet()) {
-        const orientation = overlays.isAndroid() ? 'portrait-primary' : 'portrait';
-        overlays.ScreenOrientation.lock(orientation);
+    if (index$1.isNativeMobile() && this.isModalMode()) {
+      if (!index$1.isIpadPro() && !index$1.isIpad() && !index$1.isTablet()) {
+        const orientation = index$1.isAndroid() ? 'portrait-primary' : 'portrait';
+        index$1.ScreenOrientation.lock(orientation);
       }
-      if (overlays.isNativeMobile()) {
-        overlays.StatusBar.show();
+      if (index$1.isNativeMobile()) {
+        index$1.StatusBar.show();
       }
     }
   }
   onCancel() {
     this.getCurrentTime().then((currentTime) => {
-      overlays.closeModal(currentTime);
+      index$1.closeModal(currentTime);
       this.resetCordovaChanges();
     });
   }
@@ -299,9 +299,9 @@ const YooVideoPlayerCoreComponent = class {
   }
   observeVisibility() {
     if (this.videoPlayerCoreParameters && this.videoPlayerCoreParameters.autoPlayOnEnteringViewPort) {
-      this.observer = index$2.intersectionObserve(this.host, (nodes) => {
+      this.observer = index$3.intersectionObserve(this.host, (nodes) => {
         // Ignore intersection ratio in ios
-        if (nodes[0].isIntersecting && (nodes[0].intersectionRatio > 0 || ((overlays.isIOS() && overlays.isNativeMobile()) || overlays.isSafari()))) {
+        if (nodes[0].isIntersecting && (nodes[0].intersectionRatio > 0 || ((index$1.isIOS() && index$1.isNativeMobile()) || index$1.isSafari()))) {
           this.playVideo();
           this.removeIntersectionObserver();
         }
@@ -314,7 +314,7 @@ const YooVideoPlayerCoreComponent = class {
   }
   onSendButtonClick() {
     var _a;
-    overlays.closeModal((_a = this.modalOptions) === null || _a === void 0 ? void 0 : _a.document);
+    index$1.closeModal((_a = this.modalOptions) === null || _a === void 0 ? void 0 : _a.document);
   }
   onHideHeader(timeout = 2000) {
     clearTimeout(this.showHeaderTimeout);
@@ -323,12 +323,12 @@ const YooVideoPlayerCoreComponent = class {
     }, timeout);
   }
   onMouseOut() {
-    if (overlays.isWeb(this.host)) {
+    if (index$1.isWeb(this.host)) {
       this.onHideHeader();
     }
   }
   onMouseMove() {
-    if (overlays.isWeb(this.host)) {
+    if (index$1.isWeb(this.host)) {
       this.showHeader = true;
       this.onHideHeader();
     }
@@ -349,17 +349,17 @@ const YooVideoPlayerCoreComponent = class {
     const extraAttr = {};
     const { source } = this.videoPlayerCoreParameters || {};
     if (lodash.isString(source)) {
-      if (overlays.isCloudinaryLink(this.videoPlayerCoreParameters.source)) {
+      if (index$1.isCloudinaryLink(this.videoPlayerCoreParameters.source)) {
         if (!this.preventVcAuto && !this.videoPlayerCoreParameters.source.includes('vc_auto')) {
-          this.videoPlayerCoreParameters.source = new overlays.Cloudinary(this.videoPlayerCoreParameters.source).videoCodec().getUrl();
+          this.videoPlayerCoreParameters.source = new index$1.Cloudinary(this.videoPlayerCoreParameters.source).videoCodec().getUrl();
         }
-        extraAttr['poster'] = overlays.getVideoPoster(this.videoPlayerCoreParameters.source);
+        extraAttr['poster'] = index$1.getVideoPoster(this.videoPlayerCoreParameters.source);
       }
-      this.videoPlayerCoreParameters.source = overlays.getMedia(source);
+      this.videoPlayerCoreParameters.source = index$1.getMedia(source);
     }
-    else if (overlays.isFile(source) && !overlays.isNativeMobile() && overlays.isVideo(source)) {
+    else if (index$1.isFile(source) && !index$1.isNativeMobile() && index$1.isVideo(source)) {
       this.videoPlayerCoreParameters.source = URL.createObjectURL(source);
-      this.videoPlayerCoreParameters.extension = overlays.getExtension(source);
+      this.videoPlayerCoreParameters.extension = index$1.getExtension(source);
     }
     if (this.isModalMode()) {
       extraAttr['fullscreen'] = false;
@@ -390,11 +390,11 @@ const YooVideoPlayerCoreComponent = class {
         'show': this.showHeader
       } }, index.h("yoo-navbar", { class: {
         landscape: this.isLandscape(),
-        gradient: !overlays.isWeb(this.host),
-        dark: overlays.isWeb(this.host),
-        'no-shadow': overlays.isWeb(this.host)
-      } }, index.h("yoo-items", { slot: "start" }, index.h("yoo-button", { fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onCancel() }, index.h("yoo-icon", { name: "close", color: "light" }))), index.h("yoo-truncate", null, overlays.translate(this.modalOptions.header || 'VIDEO')), index.h("yoo-items", { slot: "end" }, this.modalOptions && !this.isLandscape() && !this.modalOptions.showSendOnly && this.modalOptions.modalSecondaryActions && this.modalOptions.modalSecondaryActions.length > 0 &&
-      index.h("yoo-button", { fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => overlays.showActionSheet(this.modalOptions.modalSecondaryActions) }, index.h("yoo-icon", { name: "more", color: "light" })), ((_a = this.modalOptions) === null || _a === void 0 ? void 0 : _a.showSendOnly) && index.h("yoo-button", { color: "light", fill: "transparent", onClick: () => this.onSendButtonClick() }, overlays.translate('YOOBICSEND'))))));
+        gradient: !index$1.isWeb(this.host),
+        dark: index$1.isWeb(this.host),
+        'no-shadow': index$1.isWeb(this.host)
+      } }, index.h("yoo-items", { slot: "start" }, index.h("yoo-button", { fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onCancel() }, index.h("yoo-icon", { name: "close", color: "light" }))), index.h("yoo-truncate", null, index$1.translate(this.modalOptions.header || 'VIDEO')), index.h("yoo-items", { slot: "end" }, this.modalOptions && !this.isLandscape() && !this.modalOptions.showSendOnly && this.modalOptions.modalSecondaryActions && this.modalOptions.modalSecondaryActions.length > 0 &&
+      index.h("yoo-button", { fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => index$1.showActionSheet(this.modalOptions.modalSecondaryActions) }, index.h("yoo-icon", { name: "more", color: "light" })), ((_a = this.modalOptions) === null || _a === void 0 ? void 0 : _a.showSendOnly) && index.h("yoo-button", { color: "light", fill: "transparent", onClick: () => this.onSendButtonClick() }, index$1.translate('YOOBICSEND'))))));
   }
   renderBody() {
     return (index.h("yoo-ion-content", { class: "bg-light", scrollEnabled: false }, this.renderVideoContainer()));