@yoobic/yobi 8.1.0-110 → 8.1.0-113

package/dist/esm/yoo-text-sequence.entry.js

@@ -1,13 +1,12 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-cd058683.js';
-import { G as cleanupWKWebViewFilePath, bf as getKeyToCache, bi as resizeObserve, cQ as setSecuredContent, T as translateMulti } from './index-979657d3.js';
-import { b as getAppContext } from './common-helpers-bfd5c70f.js';
-import { c as compact } from './lodash-eb23e844.js';
-import './index-c570c080.js';
-import { a as getFromLocalForage } from './localForage-331f959d.js';
+import { r as findParent, G as cleanupWKWebViewFilePath, be as getKeyToCache, cO as setSecuredContent, T as translateMulti } from './index-3cdbfc76.js';
+import { U as clamp, c as compact } from './lodash-eb23e844.js';
+import './index-b7d33dc5.js';
+import { a as getFromLocalForage } from './localForage-2cf97192.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-aeefcb3f.js';
+import './index-b21c5bd6.js';
 
-const textSequenceCss = ":host{position:relative;height:100%}:host .container{position:relative;height:calc(100% - (3rem + (var(--border-width-01, 0.0625rem) * 2)) * 2);overflow:hidden}:host .text-container{text-align:center}:host .title{font-size:var(--font-size-28);opacity:0}:host .text{padding-right:var(--spacing-08, 0.5rem);padding-bottom:var(--spacing-16, 1rem);padding-left:var(--spacing-08, 0.5rem);overflow:initial;word-break:break-word;opacity:0}:host .overlay{position:absolute;width:100%;height:0}:host .overlay.top{top:0;background:-webkit-gradient(linear, left bottom, left top, from(var(--transparent-linear-gradient, rgba(255, 255, 255, 0))), to(var(--light, #ffffff)));background:linear-gradient(0deg, var(--transparent-linear-gradient, rgba(255, 255, 255, 0)) 0%, var(--light, #ffffff) 100%)}:host .overlay.bottom{bottom:0;background:-webkit-gradient(linear, left bottom, left top, from(var(--light, #ffffff)), to(var(--transparent-linear-gradient, rgba(255, 255, 255, 0))));background:linear-gradient(0deg, var(--light, #ffffff) 0%, var(--transparent-linear-gradient, rgba(255, 255, 255, 0)) 100%)}:host .arrow-button{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:5rem;height:3rem;margin:auto;border:solid var(--border-width-01, 0.0625rem) var(--stable-alt);border-radius:var(--border-radius-08, 0.5rem)}:host .arrow-button.up{opacity:0}:host .arrow-button:hover{cursor:pointer}:host yoo-icon{fill:var(--app-color, #5a30f4)}:host(.web) .container{max-height:50vh}:host(:not([animated])) .arrow-button.down{opacity:1}:host([animated]) .text-container{-webkit-transition:all 300ms ease 0s;transition:all 300ms ease 0s}:host([animated]) .text{-webkit-transition:all 300ms ease 0s;transition:all 300ms ease 0s}:host([animated]) .arrow-button{-webkit-transition:all 300ms var(--ease-in-out-sine) 100ms;transition:all 300ms var(--ease-in-out-sine) 100ms}:host([animated]) .overlay{-webkit-transition:all 300ms ease 0s;transition:all 300ms ease 0s}:host([animated][openingTextAnimation]) .text.first{-webkit-animation-name:\"fade-in\";animation-name:\"fade-in\";-webkit-animation-duration:300ms;animation-duration:300ms;-webkit-animation-timing-function:var(--ease-out-sin);animation-timing-function:var(--ease-out-sin);-webkit-animation-delay:300ms;animation-delay:300ms;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host([animated][openingTextAnimation]) .text.second{-webkit-animation-name:\"fade-in-custom\";animation-name:\"fade-in-custom\";-webkit-animation-duration:300ms;animation-duration:300ms;-webkit-animation-timing-function:var(--ease-out-sin);animation-timing-function:var(--ease-out-sin);-webkit-animation-delay:400ms;animation-delay:400ms;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host([animated][openingArrowAnimation]) .arrow-button.down{-webkit-animation-duration:400ms;animation-duration:400ms;-webkit-animation-timing-function:var(--ease-out-quad);animation-timing-function:var(--ease-out-quad);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host([animated][isPreview]) .arrow-button.down{-webkit-transform:translateY(-45rem);transform:translateY(-45rem)}:host([animated][openingArrowAnimation][isPreview]) .arrow-button.down{-webkit-animation-name:\"preview-sliding-from-top\";animation-name:\"preview-sliding-from-top\"}:host([animated]:not([isPreview])) .arrow-button.down{-webkit-transform:translateY(-100vh);transform:translateY(-100vh)}:host([animated][openingArrowAnimation]:not([isPreview])) .arrow-button.down{-webkit-animation-name:\"sliding-from-top\";animation-name:\"sliding-from-top\"}@-webkit-keyframes sliding-from-top{from{-webkit-transform:translateY(-100vh);transform:translateY(-100vh)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes sliding-from-top{from{-webkit-transform:translateY(-100vh);transform:translateY(-100vh)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes preview-sliding-from-top{from{-webkit-transform:translateY(-45rem);transform:translateY(-45rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes preview-sliding-from-top{from{-webkit-transform:translateY(-45rem);transform:translateY(-45rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes fade-in-custom{from{opacity:0}to{opacity:0.4}}@keyframes fade-in-custom{from{opacity:0}to{opacity:0.4}}";
+const textSequenceCss = ":host{position:relative;display:block;height:100%;overflow:hidden}:host #sequences{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-16, 1rem);padding:0 var(--spacing-16, 1rem);text-align:center;-webkit-transform:translateY(calc(-1 * var(--spacing-16, 1rem)));transform:translateY(calc(-1 * var(--spacing-16, 1rem)))}:host #sequences .sequence{overflow:scroll;color:var(--stable, #adadad);word-break:break-word;-webkit-transform:scale(0.9);transform:scale(0.9)}:host #sequences .sequence.active{color:var(--dark, #000000);-webkit-transform:scale(1);transform:scale(1)}:host #sequences .sequence.title{font-weight:var(--font-weight-700, 700);font-size:var(--font-size-28, 1.75rem)}:host .overlay{position:absolute;left:0;z-index:1;width:100%;height:35%}:host .overlay[placement=top]{top:0;background:-webkit-gradient(linear, left bottom, left top, from(var(--transparent-linear-gradient, rgba(255, 255, 255, 0))), color-stop(65%, var(--light, #ffffff)));background:linear-gradient(0deg, var(--transparent-linear-gradient, rgba(255, 255, 255, 0)) 0%, var(--light, #ffffff) 65%)}:host .overlay[placement=bottom]{bottom:0;background:-webkit-gradient(linear, left bottom, left top, color-stop(35%, var(--light, #ffffff)), to(var(--transparent-linear-gradient, rgba(255, 255, 255, 0))));background:linear-gradient(0deg, var(--light, #ffffff) 35%, var(--transparent-linear-gradient, rgba(255, 255, 255, 0)) 100%)}:host yoo-button{position:absolute;left:50%;z-index:2;width:5rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:opacity 0.35s ease-in-out;transition:opacity 0.35s ease-in-out}:host yoo-button[placement=top]{top:var(--spacing-16, 1rem)}:host yoo-button[placement=bottom]{bottom:var(--spacing-16, 1rem)}:host yoo-button[hidden]{opacity:0}:host yoo-button yoo-icon{fill:var(--app-color, #5a30f4)}:host([live-preview]) .overlay,:host([live-preview]) yoo-button{position:fixed}:host([animated]) yoo-button,:host([animated]) #sequences,:host([animated]) .sequence,:host([animated]) .overlay{-webkit-transition:all 300ms ease 0s;transition:all 300ms ease 0s}";
 
 const YooTextSequence = class {
   constructor(hostRef) {
@@ -15,277 +14,84 @@ const YooTextSequence = class {
     this.validityChanged = createEvent(this, "validityChanged", 7);
     this.animated = true;
     this.validity = false;
-    this.step = 0;
-    this.texts = [];
-    this.textsElement = [];
-    this.validityUpdated = false;
-    this.MIN_OVERLAY_HEIGHT = 5;
-    this.CURRENT_TEXT_OPACITY = 1;
-    this.OUTER_TEXT_OPACITY = 0.4;
-    this.resizeDebounce = async () => {
-      if (!this.isFirstLoadAnimation && this.containerElement.offsetHeight !== 0) {
-        await this.resetTextSequence();
-      }
-      if (this.isFirstLoadAnimation && this.containerElement.offsetHeight !== 0 && this.animated) {
-        await this.triggerOpeningAnimation();
-      }
-      if (!this.isFirstLoadAnimation && this.containerElement.offsetHeight === 0 && this.animated) {
-        await this.resetOpeningAnimation();
-      }
-    };
-    this.onTextSequenceSizeChanged = async () => {
-      const isHeightResize = this.containerHeight !== this.containerElement.offsetHeight;
-      if (isHeightResize && !this.validityUpdated) {
-        this.containerHeight = this.containerElement.offsetHeight;
-        clearTimeout(this.timeOutId);
-        this.timeOutId = setTimeout(this.resizeDebounce, 250);
-      }
-      if (this.validityUpdated) {
-        this.validityUpdated = false;
-      }
-    };
-  }
-  onValuesChanged() {
-    this.mergeTexts();
+    this.currentIndex = 0;
+    this.sequenceElements = [];
   }
   onValidityChanged() {
     this.validityChanged.emit(this.validity);
   }
+  onIsVisibleChanged() {
+    this.setComponentHeight();
+    this.initComponent();
+  }
+  get wrapperElement() {
+    return findParent(this.host, 'yoo-ion-scroll') || this.host;
+  }
   componentWillLoad() {
-    this.isFirstLoadAnimation = this.animated;
-    this.mergeTexts();
+    this.wrapperElement && (this.wrapperElement.style.overflow = 'hidden');
   }
   componentDidLoad() {
-    var _a;
-    this.textSequenceResizeWatch();
-    (_a = this.textsElement) === null || _a === void 0 ? void 0 : _a.forEach(async (e) => {
-      if (e === null || e === void 0 ? void 0 : e.querySelector('img')) {
-        const img = e.querySelector('img');
-        img.src = cleanupWKWebViewFilePath((await getFromLocalForage(getKeyToCache(img.src))) || img.src);
-      }
-    });
+    this.initComponent();
+    this.setComponentHeight();
   }
   componentDidRender() {
-    if (!this.isFirstLoadAnimation) {
-      this.updateTextsScrollPosition();
-      this.cleanTextElements();
-      this.refreshTextSequence();
-    }
-  }
-  textSequenceResizeWatch() {
-    resizeObserve(this.containerElement, this.onTextSequenceSizeChanged);
+    this.setComponentHeight();
   }
-  mergeTexts() {
+  setComponentHeight() {
     var _a;
-    if (this.values) {
-      this.texts = compact([this.heading, ...this.values]);
-      this.texts = (_a = this.texts) === null || _a === void 0 ? void 0 : _a.map((v) => Array.isArray(v) ? v[0] : v);
+    if (((_a = this.wrapperElement) === null || _a === void 0 ? void 0 : _a.clientHeight) && !this.locker) {
+      this.locker = true;
+      const overlayHeight = this.host.shadowRoot.querySelector('.overlay').clientHeight;
+      const { top, height } = this.wrapperElement.getBoundingClientRect();
+      this.host.style.height = `${height - (this.livePreview ? 0 : top)}px`;
+      this.sequenceElements.forEach(e => e.style.maxHeight = `${height - overlayHeight * .65 * 2}px`);
+      this.sequencesContainerElement.firstChild.style.marginTop = `${this.host.clientHeight / 2}px`;
     }
   }
-  isFirstStep() {
-    return this.step === 0;
-  }
-  isLastStep() {
-    return this.step === this.texts.length - 1;
-  }
-  isCurrentStep(step) {
-    return this.step === step;
-  }
-  isTextOverflow(text) {
-    return text.offsetHeight > this.containerElement.offsetHeight;
-  }
-  refreshTextSequence() {
-    if (this.containerElement.offsetHeight > 0) {
-      let textPosition = this.containerElement.offsetHeight / 2;
-      this.textsElement.map((textElement, index) => {
-        if (textElement) {
-          this.updateTextHeight(textElement);
-          if (this.isCurrentStep(index)) {
-            this.currentTextOverflowElement = this.isTextOverflow(textElement) ? textElement : null;
-            this.updateOverlayHeight(textElement);
-          }
-          textPosition = this.getUpdatedTextPosition(textPosition, textElement, index);
-          this.updateTextOpacity(textElement, index);
-        }
-      });
-      this.updateTextPosition(textPosition);
-      this.updateArrowsDisplay();
-      this.updateValidity();
-    }
-  }
-  getUpdatedTextPosition(textPosition, textElement, textStep) {
-    if (textStep < this.step) {
-      textPosition = textPosition - textElement.offsetHeight;
-    }
-    if (this.isCurrentStep(textStep)) {
-      if (this.isTextOverflow(textElement)) {
-        textPosition = textPosition - this.containerElement.offsetHeight / 2;
-      }
-      else {
-        textPosition = textPosition - textElement.offsetHeight / 2;
-      }
-    }
-    return textPosition;
-  }
-  updateTextPosition(height) {
-    this.textContainerElement.style.transform = 'translateY(' + height + 'px)';
-  }
-  updateOverlayHeight(textElement) {
-    const heightRelatedToTextSize = (this.containerElement.offsetHeight - textElement.offsetHeight) / 2;
-    const height = this.isTextOverflow(textElement) ? this.MIN_OVERLAY_HEIGHT : heightRelatedToTextSize;
-    this.overlayTopElement.style.height = height + 'px';
-    this.overlayBottomElement.style.height = height + 'px';
-  }
-  updateTextOpacity(textElement, index) {
-    if (!this.isFirstLoadAnimation) {
-      switch (this.step) {
-        case index - 1:
-          textElement.style.setProperty('opacity', this.OUTER_TEXT_OPACITY, 'important');
-          break;
-        case index:
-          textElement.style.setProperty('opacity', this.CURRENT_TEXT_OPACITY, 'important');
-          break;
-        case index + 1:
-          textElement.style.setProperty('opacity', this.OUTER_TEXT_OPACITY, 'important');
-          break;
-        default:
-          textElement.style.opacity = 0;
-      }
-    }
-  }
-  updateValidity() {
-    if (!this.validity && this.isLastStep()) {
-      this.validity = true;
-      this.validityUpdated = true;
-    }
-  }
-  updateArrowsDisplay() {
-    if (this.isFirstStep() || this.textsElement.length === 0) {
-      this.displayElement(this.arrowUpElement, 'hidden', 0);
-    }
-    else {
-      this.displayElement(this.arrowUpElement, 'visible', 1);
-    }
-    if (this.isLastStep() || this.textsElement.length === 0) {
-      this.displayElement(this.arrowDownElement, 'hidden', 0);
-    }
-    else {
-      this.displayElement(this.arrowDownElement, 'visible', 1);
-    }
-  }
-  displayElement(element, visibility, opacity) {
-    element.style.visibility = visibility;
-    element.style.opacity = opacity;
-  }
-  updateTextHeight(textElement) {
-    if (this.isTextOverflow(textElement)) {
-      textElement.style.height = this.containerElement.offsetHeight + 'px';
-      textElement.style.overflow = 'scroll';
-    }
-    else {
-      textElement.style.height = 'fit-content';
-      textElement.style.overflow = 'auto';
-    }
-  }
-  setCurrentTextScrollToBeginning() {
-    if (this.currentTextOverflowElement) {
-      this.currentTextOverflowElement.scrollTop = 0;
-    }
-  }
-  setCurrentTextScrollToEnd() {
-    if (this.currentTextOverflowElement) {
-      this.currentTextOverflowElement.scrollTop = this.currentTextOverflowElement.scrollHeight;
-    }
-  }
-  updateTextsScrollPosition() {
-    this.textsElement.map((text, index) => {
-      if (text && this.isTextOverflow(text)) {
-        text.scrollTop = index < this.step ? text.scrollHeight : text.scrollTop = 0;
+  initComponent() {
+    var _a;
+    (_a = this.sequenceElements) === null || _a === void 0 ? void 0 : _a.forEach(async (e) => {
+      if (e === null || e === void 0 ? void 0 : e.querySelector('img')) {
+        const img = e.querySelector('img');
+        img.src = cleanupWKWebViewFilePath((await getFromLocalForage(getKeyToCache(img.src))) || img.src);
       }
     });
   }
-  relocateUserToNonEmptyText() {
-    const isUserOnLastText = this.isLastStep() && this.step !== 0;
-    if (isUserOnLastText) {
-      this.step = this.step - 1;
-    }
-  }
-  removeEmptyTextElements() {
-    this.textsElement = this.textsElement.filter(Boolean);
-  }
-  cleanTextElements() {
-    const isNumberOfTextUpdated = this.textsElement.length !== this.texts.length;
-    if (isNumberOfTextUpdated) {
-      this.relocateUserToNonEmptyText();
-      this.removeEmptyTextElements();
-    }
-  }
-  hideTextElements() {
-    this.textsElement.map((textElement) => {
-      textElement.style.setProperty('opacity', '0');
-    });
-  }
   clickArrow(direction) {
-    if (direction === 'up' && !this.isFirstStep() && this.textsElement.length !== 0) {
-      this.step = this.step - 1;
-      this.setCurrentTextScrollToBeginning();
-    }
-    else if (direction === 'down' && !this.isLastStep() && this.textsElement.length !== 0) {
-      this.step = this.step + 1;
-      if (this.step === 1)
-        this.host.removeAttribute('openingTextAnimation');
-      this.setCurrentTextScrollToEnd();
-    }
-    this.refreshTextSequence();
-  }
-  async triggerOpeningAnimation() {
-    await this.refreshTextSequence();
-    this.host.setAttribute('openingTextAnimation', 'true');
-    this.host.setAttribute('openingArrowAnimation', 'true');
-    this.isFirstLoadAnimation = false;
-  }
-  async resetOpeningAnimation() {
-    this.step = 0;
-    this.displayElement(this.arrowUpElement, 'hidden', 0);
-    await this.hideTextElements();
-    this.host.removeAttribute('openingTextAnimation');
-    this.host.removeAttribute('openingArrowAnimation');
-    this.isFirstLoadAnimation = true;
-  }
-  async resetTextSequence() {
-    this.step = 0;
-    await this.updateTextsScrollPosition();
-    await this.refreshTextSequence();
-  }
-  renderValue(text, index) {
-    let textClass = 'text';
-    if (this.heading && text && index === 0) {
-      textClass += ' title';
-    }
-    if (text && index === 0) {
-      textClass += ' first';
-    }
-    if (text && index === 1) {
-      textClass += ' second';
-    }
-    return (h("div", { class: textClass, innerHTML: setSecuredContent(translateMulti(text)), ref: (el) => this.textsElement[index] = el }));
+    var _a;
+    if ((_a = this.sequenceElements) === null || _a === void 0 ? void 0 : _a.length) {
+      const GAP_INTER_SEQUENCES = 16;
+      this.currentIndex = clamp(this.sequenceElements.findIndex(e => e.classList.contains('active')) + (direction === 'top' ? -1 : 1), 0, this.sequenceElements.length - 1);
+      const textsHeight = this.sequenceElements.map(e => e.offsetHeight);
+      const tsY = 0 - (textsHeight.slice(0, this.currentIndex).reduce((acc, a) => acc + a, 0) + textsHeight[this.currentIndex] / 2) - GAP_INTER_SEQUENCES * this.currentIndex;
+      this.sequencesContainerElement.style.transform = `translateY(${tsY}px)`;
+      this.validity = this.currentIndex === this.sequenceElements.length - 1;
+    }
+  }
+  renderSequences() {
+    var _a, _b;
+    return h("section", { id: "sequences", ref: el => this.sequencesContainerElement = el }, (_b = (_a = compact([this.heading, ...(this.values || [])])) === null || _a === void 0 ? void 0 : _a.map((v) => Array.isArray(v) ? v[0] : v)) === null || _b === void 0 ? void 0 : _b.map((text, index) => {
+      return text && h("div", { class: { sequence: true, title: !!this.heading && !index, active: index === this.currentIndex }, innerHTML: setSecuredContent(translateMulti(text)), ref: (el) => this.sequenceElements[index] = el });
+    }));
+  }
+  renderArrow(placement) {
+    var _a;
+    const isUp = placement === 'top';
+    return h("yoo-button", { size: "large", ...{ placement }, hidden: (isUp && !this.currentIndex) || (!isUp && this.currentIndex === ((_a = compact([this.heading, ...(this.values || [])])) === null || _a === void 0 ? void 0 : _a.length) - 1), onClick: () => this.clickArrow(placement) }, h("yoo-icon", { name: `big-arrow-${isUp ? 'up' : 'down'}` }));
   }
-  renderArrow(direction) {
-    const classList = `arrow-button ${direction}`;
-    const initArrowElement = (direction, el) => direction === 'up' ? this.arrowUpElement = el : this.arrowDownElement = el;
-    const icon = direction === 'up' ? 'big-arrow-up' : 'big-arrow-down';
-    return (h("div", { class: classList, onClick: () => this.clickArrow(direction), ref: (el) => initArrowElement(direction, el) }, h("yoo-icon", { size: "small", name: icon })));
+  renderOverlay(placement) {
+    return h("section", { class: "overlay", ...{ placement } });
   }
-  renderTextSequence() {
-    return (h("div", { class: "container", ref: (el) => (this.containerElement = el) }, h("div", { class: "text-container", ref: (el) => (this.textContainerElement = el) }, this.texts && this.texts.map((text, index) => this.renderValue(text, index))), h("div", { class: "overlay top", ref: (el) => (this.overlayTopElement = el) }), h("div", { class: "overlay bottom", ref: (el) => (this.overlayBottomElement = el) })));
+  renderPart(placement) {
+    return [this.renderArrow(placement), this.renderOverlay(placement)];
   }
   render() {
-    return (h(Host, { class: { ...getAppContext(this.host) } }, this.renderArrow('up'), this.renderTextSequence(), this.renderArrow('down')));
+    return h(Host, null, this.renderPart('top'), this.renderSequences(), this.renderPart('bottom'));
   }
   get host() { return getElement(this); }
   static get watchers() { return {
-    "values": ["onValuesChanged"],
-    "validity": ["onValidityChanged"]
+    "validity": ["onValidityChanged"],
+    "isVisible": ["onIsVisibleChanged"]
   }; }
 };
 YooTextSequence.style = textSequenceCss;

package/dist/esm/yoo-text.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, h, e as Host, g as getElement } from './index-cd058683.js';
 import { i as isFunction } from './lodash-eb23e844.js';
-import { j as sanitizeHTML, b as getAppContext } from './common-helpers-bfd5c70f.js';
-import './index-979657d3.js';
+import { j as sanitizeHTML, b as getAppContext } from './common-helpers-db77a2c0.js';
+import './index-3cdbfc76.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-aeefcb3f.js';
+import './index-b21c5bd6.js';
 
 const YooTextComponent = class {
   constructor(hostRef) {

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

@@ -1,10 +1,10 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-cd058683.js';
-import { c_ as present, w as setAnimation, c$ as dismiss, o as isWeb, t as translate, u as isIphoneX, T as translateMulti } from './index-979657d3.js';
-import { l as lifecycleEvents, b as getAppContext } from './common-helpers-bfd5c70f.js';
-import { e as eventMethod } from './overlays-e7c32714.js';
+import { cY as present, w as setAnimation, cZ as dismiss, o as isWeb, t as translate, u as isIphoneX, T as translateMulti } from './index-3cdbfc76.js';
+import { l as lifecycleEvents, b as getAppContext } from './common-helpers-db77a2c0.js';
+import { e as eventMethod } from './overlays-d24d638e.js';
 import './lodash-eb23e844.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-aeefcb3f.js';
+import './index-b21c5bd6.js';
 
 const toastCss = ".bg-accent{background-color:var(--accent, #276ef1) !important}.accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}.bg-app-color{background-color:var(--app-color, #5a30f4) !important}.app-color{color:var(--app-color, #5a30f4);fill:var(--app-color, #5a30f4)}.bg-danger{background-color:var(--danger, #d44333) !important}.danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}.bg-dark{background-color:var(--dark, #000000) !important}.dark{color:var(--dark, #000000);fill:var(--dark, #000000)}.bg-energized{background-color:var(--energized, #ffc043) !important}.energized{color:var(--energized, #ffc043);fill:var(--energized, #ffc043)}.bg-info{background-color:var(--info, #d84c96) !important}.info{color:var(--info, #d84c96);fill:var(--info, #d84c96)}.bg-light{background-color:var(--light, #ffffff) !important}.light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}.bg-stable{background-color:var(--stable, #adadad) !important}.stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}.bg-stable-alt{background-color:var(--stable-alt, #d0d0d0) !important}.stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}.bg-stable-light{background-color:var(--stable-light, #f1f1f1) !important}.stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}.bg-stable-ultralight{background-color:var(--stable-ultralight, #fafafa) !important}.stable-ultralight{color:var(--stable-ultralight, #fafafa);fill:var(--stable-ultralight, #fafafa)}.bg-success{background-color:var(--success, #3aa76d) !important}.success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}.bg-text-color{background-color:var(--text-color, #807f83) !important}.text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}.bg-warning{background-color:var(--warning, #ed6e33) !important}.warning{color:var(--warning, #ed6e33);fill:var(--warning, #ed6e33)}.bg-wood{background-color:var(--wood, #99644c) !important}.wood{color:var(--wood, #99644c);fill:var(--wood, #99644c)}:host{--media-size:48px}:host yoo-truncate{--max-lines:3}:host .outer-container{position:absolute;top:0;right:0;bottom:0;left:0;bottom:unset;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.25rem;padding:0.75rem 1rem;font-size:var(--font-size-16, 1rem);background:var(--stable-ultralight, #fafafa);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-40, rgba(173, 173, 173, 0.4))}:host .outer-container .danger{color:var(--danger, #d44333)}:host .outer-container .success{color:var(--success, #3aa76d)}:host .outer-container .app-color{color:var(--app-color, #5a30f4)}:host .outer-container .button-container{padding:0 1rem}:host .outer-container .button-container .danger{color:var(--danger, #d44333)}:host .outer-container .button-container .success{color:var(--success, #3aa76d)}:host .outer-container .button-container .app-color{color:var(--app-color, #5a30f4)}:host .outer-container .text-container{-ms-flex:1;flex:1;margin-right:auto;padding-right:var(--spacing-08, 0.5rem);color:var(--dark, #000000)}:host .outer-container .text-container.sub-messages{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-height:unset !important}:host .outer-container .icon-container{padding-right:var(--spacing-08, 0.5rem)}:host .outer-container .icon-container yoo-icon{display:block}:host .outer-container .image-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding-right:var(--spacing-08, 0.5rem)}:host .outer-container .image-container yoo-img{--border-radius:50%;width:var(--media-size);height:var(--media-size)}:host .outer-container .extra-button{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;min-width:55px;min-height:55px;margin-right:0.8rem;margin-bottom:0.5rem;line-height:55px;text-align:center;border-radius:50%}:host .outer-container .extra-button.bg-app-color{background:var(--app-color, #5a30f4)}:host .outer-container .extra-button.flex{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .outer-container .extra-button.light{color:var(--light, #ffffff)}:host .overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--dark, #000000);opacity:0.4}:host(:not(.fullscreen):not(.progress):not(.form-creator.warning)) .outer-container .text-container{max-width:65%;max-height:unset;overflow-y:hidden;word-break:break-word}:host(.fullscreen) .outer-container{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100% !important;padding:3rem !important}:host(.fullscreen) .outer-container .image-container{-ms-flex:initial;flex:initial;width:100%;margin-bottom:1rem}:host(.fullscreen) .outer-container .image-container yoo-img{--border-radius:unset;width:100%;height:4rem}:host(.fullscreen) .outer-container .text-container{-ms-flex:initial;flex:initial;-ms-flex-pack:center;justify-content:center;width:100%;text-align:center}:host(.bg-stable-light) .outer-container{background:var(--stable-light, #f1f1f1)}:host(.global-actions){-webkit-box-shadow:var(--toast-shadow, 0 0.3125rem 1.875rem 0 rgba(40, 47, 54, 0.2));box-shadow:var(--toast-shadow, 0 0.3125rem 1.875rem 0 rgba(40, 47, 54, 0.2))}:host(.global-actions) .outer-container{height:2.75rem !important;margin-bottom:0 !important;overflow:hidden;border-radius:5px}:host(.global-actions) .outer-container .count-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%;line-height:44px}:host(.global-actions) .outer-container .text-container{-ms-flex:1;flex:1}:host(.global-actions) .outer-container .extra-button{width:2rem;min-width:initial;min-height:initial;margin:0;font-size:var(--font-size-18, 1.125rem);line-height:1rem}:host(.global-actions) .outer-container .extra-button:last-child:not(.context-menu){margin-right:1rem}:host(.bottom) .outer-container{top:unset;bottom:0;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-40, rgba(173, 173, 173, 0.4));border-bottom:none}:host(.progress) .outer-container{-ms-flex-direction:column;flex-direction:column;padding:0.75rem 1rem}:host(.progress) .outer-container .text-container{display:-ms-flexbox;display:flex;width:100%;padding:0.5rem 0}:host(.progress) .outer-container .text-container .message,:host(.progress) .outer-container .text-container .icon-container{display:initial;margin:0}:host(.progress) .outer-container .text-container .button-container{margin-left:auto;padding-right:0}:host(.progress) .outer-container .progressbar-wrapper{width:100%}:host(.progress) .outer-container .progressbar-wrapper yoo-progress-bar{--progress-value-color:var(--app-color, #5a30f4)}:host(.header:not(.block)) .outer-container.iphone-x{padding-top:2.75rem !important}:host(.header.ios:not(.block)) .outer-container{padding-top:1.75rem}:host(.web){display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;height:100%}:host(.web) .outer-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:450px;min-height:60px;margin-top:4.25rem;border-radius:0.375rem;-webkit-box-shadow:var(--toast-shadow, 0 0.3125rem 1.875rem 0 rgba(40, 47, 54, 0.2));box-shadow:var(--toast-shadow, 0 0.3125rem 1.875rem 0 rgba(40, 47, 54, 0.2))}:host(.web) .outer-container .message{margin:0 0 0 var(--spacing-16, 1rem)}:host(.web) .outer-container .button{margin-bottom:0}:host(.web.global-actions) .outer-container{padding:0;color:var(--stable, #adadad)}:host(.web.global-actions) .outer-container .count-container{padding-left:var(--spacing-16, 1rem);color:var(--app-color, #5a30f4)}:host(.web.global-actions) .outer-container .text-container{padding:var(--spacing-08, 0.5rem);color:var(--app-color, #5a30f4)}:host(.web.global-actions) .outer-container .extra-button:last-child{margin-left:var(--spacing-08, 0.5rem);padding-left:var(--spacing-08, 0.5rem);border-left:solid var(--border-width-01, 0.0625rem) var(--stable-light, #f1f1f1);border-radius:0}:host(.web.top.progress) .outer-container .message{display:block;white-space:nowrap}:host(.web.top.header) .outer-container{border-bottom:none}:host(.web.top.header) .outer-container .icon-container{margin-bottom:0}:host(.web.bottom){border-radius:0.375rem}:host(.web.bottom) .outer-container{-ms-flex-item-align:end;align-self:flex-end;margin-top:0;margin-bottom:var(--spacing-16, 1rem);overflow:visible}:host(.web.bottom) .outer-container .count-container{border-radius:0.375rem 0 0 0.375rem}:host(.block) .outer-container{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;max-height:var(--spacing-48, 3rem);border-bottom:none}:host(.block.iphone-x){min-height:var(--spacing-64, 4rem)}:host(.form-creator) .outer-container{padding:0;background:var(--stable-light, #f1f1f1);border:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0) !important}:host(.form-creator) .outer-container .text-container{padding-left:var(--spacing-16, 1rem)}:host(.form-creator) .outer-container .extra-button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;line-height:0.5rem}:host(.form-creator) .outer-container .extra-button.context-menu:last-child{margin-left:0;padding-left:0}:host(.form-creator) .outer-container .icon-container{padding-left:var(--spacing-08, 0.5rem)}:host(.media){--media-size:48px}:host(.media) yoo-truncate{--max-lines:2}:host(.media) .right-media-container{width:var(--media-size);height:var(--media-size)}:host(.photo-actions) .outer-container{min-height:auto;margin-top:var(--spacing-08, 0.5rem);padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);color:var(--light, #ffffff);font-size:var(--font-size-14, 0.875rem);background-color:var(--app-color, #5a30f4)}:host(.photo-actions) .outer-container .text-container{color:var(--light, #ffffff)}:host(.photo-actions) .outer-container yoo-icon{font-size:var(--font-size-14, 0.875rem)}:host(.photo-actions) .outer-container yoo-icon.close{min-height:initial;padding:var(--spacing-02, 0.125rem);color:var(--app-color, #5a30f4);font-size:var(--font-size-14, 0.875rem);background:var(--light, #ffffff);border-radius:50%}:host(.photo-actions) .outer-container .button{padding:0 var(--spacing-16, 1rem)}:host(.photo-actions) .outer-container .button:not(:last-of-type){border-right:var(--border-width-01, 0.0625rem) solid var(--light-40, rgba(255, 255, 255, 0.4))}:host(.form-creator.warning) .outer-container{background:var(--warning, #ed6e33);border:none}:host(.form-creator.warning) .outer-container .text-container{padding-top:var(--spacing-16, 1rem);padding-bottom:var(--spacing-16, 1rem);color:var(--light, #ffffff);font-size:var(--font-size-14, 0.875rem)}:host(.form-creator.warning) .outer-container .button-container.close-icon-divider{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:3rem;border-left:var(--border-width-01, 0.0625rem) solid var(--light-40, rgba(255, 255, 255, 0.4))}:host(.form-creator.warning.web) .outer-container{width:37.5rem}:host(.form-creator.warning.translate){margin-top:var(--spacing-32, 2rem)}:host(.form-creator.warning.translate) .outer-container yoo-icon{margin:0 var(--spacing-16, 1rem);cursor:pointer}:host(.form-creator.warning.translate) .outer-container .light{cursor:pointer}:host(.form){display:block;overflow:hidden}:host(.form) .outer-container{position:initial;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;min-height:unset;padding:var(--spacing-04, 0.25rem);font-size:var(--font-size-12, 0.75rem);border:none;border-radius:0.375rem;-webkit-box-shadow:none;box-shadow:none}:host(.bg-app-color) .outer-container{background:var(--app-color, #5a30f4)}:host(.bg-app-color) .outer-container .text-container{-ms-flex:1;flex:1;color:var(--light, #ffffff)}:host(.bg-app-color) .outer-container .button-container{padding:0 1rem}:host(.bg-app-color) .outer-container .button-container .energized{color:var(--dark, #000000)}:host(.bg-app-color) .outer-container .button-container .success,:host(.bg-app-color) .outer-container .button-container .app-color{color:var(--light, #ffffff)}:host(.bg-app-color-10) .outer-container{background:var(--app-color-10, rgba(90, 48, 244, 0.1))}:host(.bg-app-color-10) .outer-container .text-container{-ms-flex:1;flex:1;color:var(--dark, #000000)}:host(.bg-app-color-10) .outer-container .button-container{padding:0 1rem}:host(.bg-app-color-10) .outer-container .button-container .energized{color:var(--dark, #000000)}:host(.bg-app-color-10) .outer-container .button-container .success,:host(.bg-app-color-10) .outer-container .button-container .app-color{color:var(--light, #ffffff)}:host(.bg-danger) .outer-container{background:var(--danger, #d44333)}:host(.bg-danger) .outer-container .text-container{-ms-flex:1;flex:1;color:var(--light, #ffffff)}:host(.bg-danger) .outer-container .button-container{padding:0 1rem}:host(.bg-danger) .outer-container .button-container .energized{color:var(--dark, #000000)}:host(.bg-danger) .outer-container .button-container .success,:host(.bg-danger) .outer-container .button-container .app-color{color:var(--light, #ffffff)}:host(.bg-energized) .outer-container{background:var(--energized, #ffc043)}:host(.bg-energized) .outer-container .text-container{-ms-flex:1;flex:1;color:var(--light, #ffffff)}:host(.bg-energized) .outer-container .button-container{padding:0 1rem}:host(.bg-energized) .outer-container .button-container .energized{color:var(--dark, #000000)}:host(.bg-energized) .outer-container .button-container .success,:host(.bg-energized) .outer-container .button-container .app-color{color:var(--light, #ffffff)}:host(.bg-warning) .outer-container{background:var(--warning, #ed6e33)}:host(.bg-warning) .outer-container .text-container{-ms-flex:1;flex:1;color:var(--light, #ffffff)}:host(.bg-warning) .outer-container .button-container{padding:0 1rem}:host(.bg-warning) .outer-container .button-container .energized{color:var(--dark, #000000)}:host(.bg-warning) .outer-container .button-container .success,:host(.bg-warning) .outer-container .button-container .app-color{color:var(--light, #ffffff)}";
 

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

@@ -1,11 +1,11 @@
 import { r as registerInstance, i as createEvent, j as Build, f as forceUpdate, h, e as Host, g as getElement } from './index-cd058683.js';
-import { o as isWeb, R as isNullOrUndefined, r as findParent, ab as enableKeyboardResize, t as translate } from './index-979657d3.js';
-import { R as ROUND_ARROW, t as tippy } from './tippy.esm-536c452d.js';
-import { l as focusContentEditable } from './form-input-helpers-5526df0e.js';
+import { o as isWeb, R as isNullOrUndefined, r as findParent, ab as enableKeyboardResize, t as translate } from './index-3cdbfc76.js';
+import { R as ROUND_ARROW, t as tippy } from './tippy.esm-813f0d35.js';
+import { l as focusContentEditable } from './form-input-helpers-0f29c5fb.js';
 import './lodash-eb23e844.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-aeefcb3f.js';
-import './common-helpers-bfd5c70f.js';
+import './index-b21c5bd6.js';
+import './common-helpers-db77a2c0.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}.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}";
 

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-cd058683.js';
-import { ft as truncateMarkdown, t as translate, au as parseMarkDown } from './index-979657d3.js';
-import { q as querySelectorDeep } from './common-helpers-bfd5c70f.js';
+import { ft as truncateMarkdown, t as translate, au as parseMarkDown } from './index-3cdbfc76.js';
+import { q as querySelectorDeep } from './common-helpers-db77a2c0.js';
 import './lodash-eb23e844.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-aeefcb3f.js';
+import './index-b21c5bd6.js';
 
 const truncateCss = "/*!\n * froala_editor v4.0.10 (https://www.froala.com/wysiwyg-editor)\n * License https://froala.com/wysiwyg-editor/terms/\n * Copyright 2014-2022 Froala Labs\n */.fr-clearfix::after{clear:both;display:block;content:\"\";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-view img.fr-rounded,.fr-view .fr-img-caption.fr-rounded img{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view img.fr-shadow,.fr-view .fr-img-caption.fr-shadow img{-webkit-box-shadow:10px 10px 5px 0px #cccccc;-moz-box-shadow:10px 10px 5px 0px #cccccc;box-shadow:10px 10px 5px 0px #cccccc}.fr-view img.fr-bordered,.fr-view .fr-img-caption.fr-bordered img{border:solid 5px #CCC}.fr-view img.fr-bordered{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fr-view .fr-img-caption.fr-bordered img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fr-view{word-wrap:break-word}.fr-view span[style~=\"color:\"] a{color:inherit}.fr-view strong{font-weight:700}.fr-view table[border='0'] td:not([class]),.fr-view table[border='0'] th:not([class]),.fr-view table[border='0'] td[class=\"\"],.fr-view table[border='0'] th[class=\"\"]{border-width:0px}.fr-view table{border:none;border-collapse:collapse;empty-cells:show;max-width:100%}.fr-view table td{min-width:5px}.fr-view table.fr-dashed-borders td,.fr-view table.fr-dashed-borders th{border-style:dashed}.fr-view table.fr-alternate-rows tbody tr:nth-child(2n){background:whitesmoke}.fr-view table td,.fr-view table th{border:1px solid #DDD}.fr-view table td:empty,.fr-view table th:empty{height:20px}.fr-view table td.fr-highlighted,.fr-view table th.fr-highlighted{border:1px double red}.fr-view table td.fr-thick,.fr-view table th.fr-thick{border-width:2px}.fr-view table th{background:#ececec}.fr-view hr{clear:both;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-column-break-after:always;-moz-column-break-after:always;break-after:always;page-break-after:always}.fr-view .fr-file{position:relative}.fr-view .fr-file::after{position:relative;content:\"\\1F4CE\";font-weight:normal}.fr-view pre{white-space:pre-wrap;word-wrap:break-word;overflow:visible}.fr-view[dir=\"rtl\"] blockquote{border-left:none;border-right:solid 2px #5E35B1;margin-right:0;padding-right:5px;padding-left:0}.fr-view[dir=\"rtl\"] blockquote blockquote{border-color:#00BCD4}.fr-view[dir=\"rtl\"] blockquote blockquote blockquote{border-color:#43A047}.fr-view blockquote{border-left:solid 2px #5E35B1;margin-left:0;padding-left:5px;color:#5E35B1}.fr-view blockquote blockquote{border-color:#00BCD4;color:#00BCD4}.fr-view blockquote blockquote blockquote{border-color:#43A047;color:#43A047}.fr-view span.fr-emoticon{font-weight:normal;font-family:\"Apple Color Emoji\",\"Segoe UI Emoji\",\"NotoColorEmoji\",\"Segoe UI Symbol\",\"Android Emoji\",\"EmojiSymbols\";display:inline;line-height:0}.fr-view span.fr-emoticon.fr-emoticon-img{background-repeat:no-repeat !important;font-size:inherit;height:1em;width:1em;min-height:20px;min-width:20px;display:inline-block;margin:-.1em .1em .1em;line-height:1;vertical-align:middle}.fr-view .fr-text-gray{color:#AAA !important}.fr-view .fr-text-bordered{border-top:solid 1px #222;border-bottom:solid 1px #222;padding:10px 0}.fr-view .fr-text-spaced{letter-spacing:1px}.fr-view .fr-text-uppercase{text-transform:uppercase}.fr-view .fr-class-highlighted{background-color:#ffff00}.fr-view .fr-class-code{border-color:#cccccc;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:#f5f5f5;padding:10px;font-family:\"Courier New\", Courier, monospace}.fr-view .fr-class-transparency{opacity:0.5}.fr-view img{position:relative;max-width:100%}.fr-view img.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.fr-view img.fr-dib.fr-fil{margin-left:0;text-align:left}.fr-view img.fr-dib.fr-fir{margin-right:0;text-align:right}.fr-view img.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.fr-view img.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.fr-view img.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view span.fr-img-caption{position:relative;max-width:100%}.fr-view span.fr-img-caption.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.fr-view span.fr-img-caption.fr-dib.fr-fil{margin-left:0;text-align:left}.fr-view span.fr-img-caption.fr-dib.fr-fir{margin-right:0;text-align:right}.fr-view span.fr-img-caption.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.fr-view span.fr-img-caption.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.fr-view span.fr-img-caption.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view .fr-video{text-align:center;position:relative}.fr-view .fr-video.fr-rv{padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.fr-view .fr-video.fr-rv>iframe,.fr-view .fr-video.fr-rv object,.fr-view .fr-video.fr-rv embed{position:absolute !important;top:0;left:0;width:100%;height:100%}.fr-view .fr-video>*{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;max-width:100%;border:none}.fr-view .fr-video.fr-dvb{display:block;clear:both}.fr-view .fr-video.fr-dvb.fr-fvl{text-align:left}.fr-view .fr-video.fr-dvb.fr-fvr{text-align:right}.fr-view .fr-video.fr-dvi{display:inline-block}.fr-view .fr-video.fr-dvi.fr-fvl{float:left}.fr-view .fr-video.fr-dvi.fr-fvr{float:right}.fr-view a.fr-strong{font-weight:700}.fr-view a.fr-green{color:green}.fr-view .fr-img-caption{text-align:center}.fr-view .fr-img-caption .fr-img-wrap{padding:0;margin:auto;text-align:center;width:100%}.fr-view .fr-img-caption .fr-img-wrap a{display:block}.fr-view .fr-img-caption .fr-img-wrap img{display:block;margin:auto;width:100%}.fr-view .fr-img-caption .fr-img-wrap>span{margin:auto;display:block;padding:5px 5px 10px;font-size:14px;font-weight:initial;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-opacity:0.9;-moz-opacity:0.9;opacity:0.9;-ms-filter:\"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)\";width:100%;text-align:center}.fr-view button.fr-rounded,.fr-view input.fr-rounded,.fr-view textarea.fr-rounded{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view button.fr-large,.fr-view input.fr-large,.fr-view textarea.fr-large{font-size:24px}a.fr-view.fr-strong{font-weight:700}a.fr-view.fr-green{color:green}img.fr-view{position:relative;max-width:100%}img.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}img.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}img.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}img.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}img.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}img.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}span.fr-img-caption.fr-view{position:relative;max-width:100%}span.fr-img-caption.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}span.fr-img-caption.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}span.fr-img-caption.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}span.fr-img-caption.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}span.fr-img-caption.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}span.fr-img-caption.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.hidden{display:none !important}.flex{display:-ms-flexbox !important;display:flex !important}.block{display:block !important}:host{--max-lines:1;--line-height:var(--spacing-24, 1.5rem);display:block}.outer-container{position:relative}.fr-view blockquote{color:var(--dark, #000000) !important}.classic-truncate{overflow:hidden;line-height:var(--line-height);visibility:visible}@supports (display: -webkit-box){.classic-truncate{display:-webkit-box;-webkit-line-clamp:var(--max-lines);-webkit-box-orient:vertical}}@supports not (display: -webkit-box){.classic-truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-height:calc(var(--line-height) * var(--max-lines))}}.markdown-truncate{width:100%;overflow:hidden}.markdown-truncate html,.markdown-truncate body,.markdown-truncate div:not([class^=fr-]),.markdown-truncate span:not([class^=fr-]),.markdown-truncate img:not([class^=fr-]),.markdown-truncate applet,.markdown-truncate object,.markdown-truncate iframe,.markdown-truncate h1,.markdown-truncate h2,.markdown-truncate h3,.markdown-truncate h4,.markdown-truncate h5,.markdown-truncate h6,.markdown-truncate p,.markdown-truncate blockquote,.markdown-truncate pre,.markdown-truncate a,.markdown-truncate abbr,.markdown-truncate acronym,.markdown-truncate address,.markdown-truncate big,.markdown-truncate cite,.markdown-truncate code,.markdown-truncate del,.markdown-truncate dfn,.markdown-truncate em,.markdown-truncate font,.markdown-truncate ins,.markdown-truncate kbd,.markdown-truncate q,.markdown-truncate s,.markdown-truncate samp,.markdown-truncate small,.markdown-truncate strike,.markdown-truncate strong,.markdown-truncate sub,.markdown-truncate sup,.markdown-truncate tt,.markdown-truncate var,.markdown-truncate dl,.markdown-truncate dt,.markdown-truncate dd,.markdown-truncate ol,.markdown-truncate ul,.markdown-truncate li,.markdown-truncate fieldset,.markdown-truncate form,.markdown-truncate label,.markdown-truncate legend,.markdown-truncate table,.markdown-truncate caption,.markdown-truncate tbody,.markdown-truncate tfoot,.markdown-truncate thead,.markdown-truncate tr,.markdown-truncate th{margin:0;padding:0;font-weight:inherit;font-size:100%;font-family:inherit;font-style:inherit;vertical-align:baseline;border:0;outline:0;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0}.markdown-truncate blockquote{padding-left:1rem;border-left:var(--border-width-04, 0.25rem) solid var(--stable, #adadad)}.markdown-truncate blockquote:last-of-type blockquote p:last-of-type,.markdown-truncate p:last-of-type{padding-top:0;padding-bottom:0}.markdown-truncate ol,.markdown-truncate ul{margin:revert;padding:revert}.markdown-truncate h1{display:block;margin-top:0.67em;margin-right:0;margin-bottom:0.67em;margin-left:0;font-weight:bold;font-size:2em}.markdown-truncate h2{display:block;margin-top:0.83em;margin-right:0;margin-bottom:0.83em;margin-left:0;font-weight:bold;font-size:1.5em}.markdown-truncate h3{display:block;margin-top:1em;margin-right:0;margin-bottom:1em;margin-left:0;font-weight:bold;font-size:1.17em}.markdown-truncate h4{display:block;margin-top:1.33em;margin-right:0;margin-bottom:1.33em;margin-left:0;font-weight:bold}.markdown-truncate h5{display:block;margin-top:1.67em;margin-right:0;margin-bottom:1.67em;margin-left:0;font-weight:bold;font-size:0.83em}.markdown-truncate h6{display:block;margin-top:2.33em;margin-right:0;margin-bottom:2.33em;margin-left:0;font-weight:bold;font-size:0.67em}.markdown-truncate strong{font-weight:bold}.markdown-truncate em{font-style:italic}.more-button{color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem) !important;font-family:var(--font-family, \"Lato\") !important;white-space:nowrap;cursor:pointer}:host(.grid) .classic-truncate{white-space:normal}:host(.expanded) .more-button{display:-ms-flexbox;display:flex}:host([show-ellipsis-icon]) .outer-container{position:relative}:host([show-ellipsis-icon]) .outer-container p{display:-ms-flexbox;display:flex}:host([show-ellipsis-icon]) .outer-container p span{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host([show-ellipsis-icon]) .outer-container p span yoo-icon{margin-left:var(--spacing-08, 0.5rem)}:host(.app-color) .more-button{color:var(--app-color, #5a30f4)}.fr-view h1,.fr-view h2,.fr-view h3,.fr-view h4,.fr-view h5,.fr-view h6{margin:0;padding:0;border:0}";
 

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-cd058683.js';
-import { t as translate, o as isWeb } from './index-979657d3.js';
+import { t as translate, o as isWeb } from './index-3cdbfc76.js';
 import './lodash-eb23e844.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-aeefcb3f.js';
+import './index-b21c5bd6.js';
 
 const userDetailCss = ".text-extra-small{font-size:var(--font-size-12, 0.75rem) !important}.text-small{font-size:var(--font-size-14, 0.875rem) !important}.text-medium{font-size:var(--font-size-16, 1rem) !important}.text-large{font-size:var(--font-size-18, 1.125rem) !important}.text-extra-large{font-size:var(--font-size-36, 2.25rem) !important}.text-extra-extra-large{font-size:var(--font-size-54, 3.375rem) !important}:host yoo-grid div[slot=header]{display:-ms-flexbox;display:flex;min-height:var(--spacing-40, 2.5rem)}:host yoo-grid div[slot=header] .title{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}:host yoo-grid div[slot=header] .action{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;margin-left:auto;padding-right:1rem;color:var(--stable, #adadad);font-weight:var(--font-weight-400, 400);cursor:pointer}:host yoo-grid div[slot=header] .total-number{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;padding-left:0.2rem;color:var(--stable, #adadad)}:host yoo-grid div[slot=header].profile-summary{padding-left:var(--spacing-16, 1rem);font-size:14px}:host yoo-grid div[slot=header].profile-summary .title{font-weight:var(--font-weight-700, 700);text-transform:uppercase}:host yoo-grid div[slot=header].profile-summary .total-number{color:var(--dark, #000000)}:host yoo-grid div[slot=header].profile-summary .action{font-size:var(--font-size-16, 1rem)}:host yoo-grid div[slot=header].profile-summary.web{padding-left:0}:host yoo-grid.badges{margin-bottom:var(--spacing-16, 1rem)}:host .courses-empty{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin:var(--spacing-16, 1rem);padding:var(--spacing-32, 2rem);background:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host .courses-empty .empty-text{padding:var(--spacing-16, 1rem) 0;color:var(--text-color, #807f83)}:host .courses-empty yoo-empty-state{height:10rem}";
 
@@ -32,7 +32,7 @@ const YooUserDetailComponent = class {
     var _a;
     if ((_a = this.courses) === null || _a === void 0 ? void 0 : _a.length) {
       const className = 'has-heading no-background';
-      return this.renderGrid(this.courses, 'card-course', 'courses', (ev) => this.onSelectCourse(ev), () => this.onSeeAllCourses(), className, true);
+      return this.renderGrid(this.courses, 'card-course', 'medium', 'courses', (ev) => this.onSelectCourse(ev), () => this.onSeeAllCourses(), className, true);
     }
     else if (this.showEmptyState) {
       return h("div", { class: "courses-empty" }, h("yoo-empty-state", { type: "courses" }), h("div", { class: "empty-text" }, translate('NOONGOINGCOURSES')), h("yoo-button", { class: "auto", color: "app-color", onClick: () => this.onSeeAllCourses() }, translate('SEEALLCOURSES')));
@@ -41,13 +41,14 @@ const YooUserDetailComponent = class {
   renderUserBadges() {
     var _a;
     if ((_a = this.userBadges) === null || _a === void 0 ? void 0 : _a.length) {
-      return this.renderGrid(this.userBadges, 'card-sticky', 'badges', (ev) => this.onSelectBadge(ev), () => this.onSeeAllBadges(), 'has-heading', false);
+      return this.renderGrid(this.userBadges, 'card-sticky', null, 'badges', (ev) => this.onSelectBadge(ev), () => this.onSeeAllBadges(), 'has-heading', false);
     }
   }
-  renderGrid(items, displayType, entityType, itemHandler, gridHandler, extraClass, summary) {
+  renderGrid(items, displayType, displaySize, entityType, itemHandler, gridHandler, extraClass, summary) {
     if (items === null || items === void 0 ? void 0 : items.length) {
       const attrs = {
-        displayType: displayType,
+        displayType,
+        displaySize,
         direction: 'horizontal',
         profileSummary: summary,
         emptyState: entityType,

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

@@ -1,10 +1,10 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-cd058683.js';
-import { t as translate, W as pipes } from './index-979657d3.js';
-import { b as getAppContext } from './common-helpers-bfd5c70f.js';
-import { g as groupsFullResolver } from './entities-helpers-0413393f.js';
+import { t as translate, W as pipes } from './index-3cdbfc76.js';
+import { b as getAppContext } from './common-helpers-db77a2c0.js';
+import { g as groupsFullResolver } from './entities-helpers-fec532ea.js';
 import './lodash-eb23e844.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-aeefcb3f.js';
+import './index-b21c5bd6.js';
 
 const userProfileCss = ":host{height:100%;font-weight:var(--font-weight-400, 400);font-size:var(--font-size-18, 1.125rem)}:host .profile-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}:host .profile-content .profile-user{margin-top:0.5rem;margin-bottom:3rem;text-align:center}:host .profile-content .profile-user .profile-user-name{line-height:1.3125rem}:host .profile-content .profile-user .profile-user-role{color:var(--stable, #adadad);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-14, 0.875rem);line-height:1rem}:host .profile-content .profile-user yoo-avatar{margin:auto}:host .profile-content .profile-links{padding-left:1rem}:host .profile-content .profile-links .profile-links-title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;height:1.875rem;color:var(--stable, #adadad)}:host .profile-content .profile-links .profile-links-menu{margin:0;padding:0;font-size:100%;vertical-align:baseline;list-style:none outside none;background:none repeat scroll 0 0 transparent;border:0 none;outline:0 none;-webkit-tap-highlight-color:transparent;margin:0;padding:0;list-style:none;cursor:pointer}:host .profile-content .profile-links .profile-links-menu .profile-links-menu-item{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:auto;min-height:2.6875rem;font-weight:var(--font-weight-400, 400);line-height:36px;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);cursor:pointer}:host .profile-content .profile-links .profile-links-menu .profile-links-menu-item>div{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .profile-content .profile-links .profile-links-menu .profile-links-menu-item:last-child{margin-bottom:0.5rem;border-bottom:none}:host .profile-content.advanced{-ms-flex-pack:left;justify-content:left}:host .profile-content.advanced .profile-title{padding:var(--spacing-16, 1rem) var(--spacing-16, 1rem) 0 var(--spacing-16, 1rem);font-weight:var(--font-weight-700, 700)}:host .profile-content.advanced .profile-links .profile-links-menu .border-bottom{border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);cursor:auto}:host .profile-content.advanced .profile-links .profile-links-menu .border-bottom>div{display:-ms-flexbox;display:flex}:host .profile-content.advanced .profile-links .profile-links-menu .profile-links-menu-item{-ms-flex-pack:left;justify-content:left;margin-right:var(--spacing-16, 1rem);margin-bottom:var(--spacing-04, 0.25rem);font-size:var(--font-size-16, 1rem);cursor:auto}:host .profile-content.advanced .profile-links .profile-links-menu .multiple-items-margin{margin-right:var(--spacing-16, 1rem);line-height:1.5}:host .profile-content.advanced .profile-links .profile-links-menu yoo-avatar{margin-right:var(--spacing-08, 0.5rem)}:host .profile-content.advanced .profile-links .profile-links-menu .profile-links-menu-title{padding-top:var(--spacing-16, 1rem);font-size:var(--font-size-12, 0.75rem);text-transform:uppercase}";
 

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-cd058683.js';
-import { t as translate, o as isWeb } from './index-979657d3.js';
-import { b as getAppContext } from './common-helpers-bfd5c70f.js';
+import { t as translate, o as isWeb } from './index-3cdbfc76.js';
+import { b as getAppContext } from './common-helpers-db77a2c0.js';
 import './lodash-eb23e844.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-aeefcb3f.js';
+import './index-b21c5bd6.js';
 
 const userWizardCss = ":host{--card-chat-height:6rem;--card-avatar-container-size:4rem}:host .outer-container.battle-container{position:absolute;z-index:1;width:100%}:host .outer-container.battle-container .section-header div:first-child{-ms-flex-pack:justify;justify-content:space-between}:host .outer-container .section-header div:first-child{display:-ms-flexbox;display:flex;font-size:var(--font-size-14, 0.875rem)}:host .outer-container .section-header div:first-child .title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-left:1rem;font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem)}:host .outer-container .section-header div:first-child .title yoo-tag{padding-left:var(--spacing-08, 0.5rem)}:host .outer-container .section-header div:first-child .action{margin-left:auto;padding-right:1rem;color:var(--text-color, #807f83);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-16, 1rem)}:host .outer-container .section-header div:first-child .total-number{padding-left:0.2rem;color:var(--stable, #adadad)}:host .outer-container .truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:var(--card-avatar-container-size);font-size:var(--font-size-14, 0.875rem);text-align:center}:host .outer-container .inner-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-height:var(--card-chat-height)}:host .outer-container .inner-container yoo-ion-scroll{position:absolute;top:unset;bottom:0;height:var(--card-chat-height)}:host .outer-container .inner-container yoo-ion-scroll .scroll-container{position:absolute;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%;margin-left:var(--spacing-16, 1rem);padding-right:var(--spacing-16, 1rem)}:host .outer-container .inner-container yoo-ion-scroll .scroll-container .inner-scroll-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;margin-right:var(--spacing-16, 1rem);width:var(--card-avatar-container-size)}:host .outer-container .inner-container yoo-ion-scroll .scroll-container .inner-scroll-container .add-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--card-avatar-container-size);height:var(--card-avatar-container-size);background:var(--app-color-10, rgba(90, 48, 244, 0.1));border-radius:50%}:host .outer-container .inner-container yoo-ion-scroll .scroll-container .inner-scroll-container .add-text{max-width:auto;color:var(--app-color, #5a30f4)}:host .outer-container .inner-container yoo-ion-scroll .scroll-container .inner-scroll-container yoo-entity{--entity-background:cssvar(light) !important;--margin:0 !important;height:var(--card-avatar-container-size)}:host(.web){--card-avatar-container-size:var(--spacing-48, 3rem)}:host(.web) .outer-container{padding-right:var(--spacing-16, 1rem);padding-left:var(--spacing-16, 1rem)}:host(.web) .outer-container .section-header{font-size:var(--font-size-16, 1rem)}:host(.web) .outer-container .section-header .small-margin-bottom .title{padding-left:0}:host(.web) .outer-container .section-header .small-margin-bottom .action{padding-right:0}:host(.web) .scroll-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host(.web) .inner-container{-ms-flex-pack:start;justify-content:flex-start}:host(.web) .inner-scroll-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;margin-right:var(--spacing-16, 1rem)}:host(.web) .inner-scroll-container .add-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--card-avatar-container-size);height:var(--card-avatar-container-size);background:var(--app-color-10, rgba(90, 48, 244, 0.1));border-radius:50%}:host(.web) .inner-scroll-container:last-child{margin-right:0}:host(.rtl) .section-header div:first-child .action{margin-right:auto;margin-left:initial}:host(.rtl) .inner-scroll-container:first-child{margin-right:0;margin-left:var(--spacing-16, 1rem)}:host(.rtl) .inner-scroll-container:last-child{margin-left:var(--spacing-16, 1rem)}@media (orientation: landscape){:host(.tablet.landscape:not(.emulate-preview)) .outer-container .inner-container yoo-ion-scroll{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-ms-flex-pack:center;justify-content:center;width:100%}:host(.tablet.landscape:not(.emulate-preview)) .outer-container .inner-container yoo-ion-scroll.rtl{top:50%;right:50%;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}}:host(.empty){--card-chat-height:auto}";
 

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

@@ -1,10 +1,10 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-cd058683.js';
-import { aI as getUUID, bK as isSafari, v as isIOS, I as closeModal, d as isNativeMobile, S as ScreenOrientation, f as isIpadPro, h as isIpad, j as isTablet, e as isAndroid, bS as StatusBar, bc as intersectionObserve, o as isWeb, ar as isCloudinaryLink, k as Cloudinary, cW as getVideoPoster, bd as getMedia, F as isNativeFilePath, G as cleanupWKWebViewFilePath, t as translate, af as showActionSheet } from './index-979657d3.js';
-import { b as getAppContext } from './common-helpers-bfd5c70f.js';
+import { aI as getUUID, bH as isSafari, v as isIOS, I as closeModal, d as isNativeMobile, S as ScreenOrientation, f as isIpadPro, h as isIpad, j as isTablet, e as isAndroid, bP as StatusBar, cm as intersectionObserve, o as isWeb, ar as isCloudinaryLink, k as Cloudinary, cU as getVideoPoster, bb as getMedia, F as isNativeFilePath, G as cleanupWKWebViewFilePath, t as translate, af as showActionSheet } from './index-3cdbfc76.js';
+import { b as getAppContext } from './common-helpers-db77a2c0.js';
 import { v as videoPlayerStates } from './index-cab1603b.js';
 import './lodash-eb23e844.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-aeefcb3f.js';
+import './index-b21c5bd6.js';
 
 const videoplayerCoreCss = ":host{--opacity-transition:visibility 1.5s, opacity 1.5s;--video-width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%}:host .outer-container{position:relative;width:100%;height:100%;background:var(--dark, #000000);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .outer-container video{width:100%;height:100%}:host .outer-container .overlay{position:absolute;z-index:99;width:100%;height:100%}:host(.modal-mode){position:relative}:host(.modal-mode) yoo-ion-content{position:absolute;z-index:2;display:block;height:auto;height:100%;margin:0;padding:0;background:var(--dark, #000000)}:host(.modal-mode) yoo-header{position:absolute;top:0;z-index:-1;opacity:0;-webkit-transition:var(--opacity-transition);transition:var(--opacity-transition)}:host(.modal-mode) yoo-header.show{z-index:1;opacity:1;-webkit-transition:var(--opacity-transition);transition:var(--opacity-transition)}:host(.round) .outer-container{overflow:hidden;border-radius:8px}:host(.scale-up-width){width:var(--video-width)}";
 

package/dist/esm/yoo-videoplayer-dailymotion.entry.js

@@ -1,11 +1,11 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-cd058683.js';
-import { d as isNativeMobile } from './index-979657d3.js';
+import { d as isNativeMobile } from './index-3cdbfc76.js';
 import { Y as remove } from './lodash-eb23e844.js';
-import { o as openVideoPlayerInModal, b as getDailymotionPlayerAPI, c as getVideoId } from './video-player-helpers-76dd0264.js';
+import { o as openVideoPlayerInModal, b as getDailymotionPlayerAPI, c as getVideoId } from './video-player-helpers-1f812d8a.js';
 import { v as videoPlayerStates } from './index-cab1603b.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-aeefcb3f.js';
-import './common-helpers-bfd5c70f.js';
+import './index-b21c5bd6.js';
+import './common-helpers-db77a2c0.js';
 
 const videoplayerDailymotionCss = ":host .dm-container,:host .dm-player{width:100%;height:100%;background:var(--dark, #000000)}";