@yoobic/yobi 8.2.0-19 → 8.2.0-21

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

@@ -1,13 +1,11 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { r as findParent, G as cleanupWKWebViewFilePath, be as getKeyToCache, cO as setSecuredContent, T as translateMulti } from './index-5242545a.js';
-import { V as clamp, c as compact } from './lodash-b0ad17f3.js';
-import './index-d0fd44ef.js';
-import { o as onRTEClick, b as getAppContext } from './common-helpers-d0a7d41f.js';
-import { a as getFromLocalForage } from './localForage-cfb11eb4.js';
+import { r as findParent, cO as setSecuredContent, T as translateMulti } from './index-60d331ff.js';
+import { c as compact, V as clamp } from './lodash-b0ad17f3.js';
+import { o as openImageDetailFromRTE, b as getAppContext } from './common-helpers-7760f0f6.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-da54e081.js';
 
-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{margin-top:50%;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]) #sequences,:host(.mobile) #sequences{margin-top:35%}: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 textSequenceCss = ":host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;height:100%;overflow:hidden}:host #view-finder{position:relative;width:100%;height:50%}:host #view-finder #sequences{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-16, 1rem);width:100%}:host #view-finder .sequence{display:grid;height:var(--max-sequence-height);padding:0 var(--spacing-16, 1rem);overflow:auto;color:var(--stable, #adadad);text-align:center;word-break:break-word;-webkit-transform:scale(0.9);transform:scale(0.9);-webkit-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out}:host #view-finder .sequence:not(.overflowing){place-content:center}:host #view-finder .sequence *{-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;margin:var(--spacing-08, 0.5rem) auto;text-align:center}:host #view-finder .sequence::-webkit-scrollbar{display:none}:host #view-finder .sequence.active{color:var(--dark, #000000);-webkit-transform:scale(1);transform:scale(1)}:host #view-finder .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([animated]) yoo-button,:host([animated]) #sequences,:host([animated]) .sequence,:host([animated]) .overlay{-webkit-transition:-webkit-transform 300ms;transition:-webkit-transform 300ms;transition:transform 300ms;transition:transform 300ms, -webkit-transform 300ms}";
 
 const YooTextSequence = class {
   constructor(hostRef) {
@@ -16,78 +14,74 @@ const YooTextSequence = class {
     this.animated = true;
     this.validity = false;
     this.currentIndex = 0;
-    this.currentYPosition = 0;
+    this.translateY = 0;
   }
   onValuesChanged() {
-    this.currentYPosition = 0;
+    this.translateY = 0;
     this.currentIndex = 0;
   }
   onValidityChanged() {
     this.validityChanged.emit(this.validity);
   }
   onIsVisibleChanged() {
-    this.setComponentHeight();
-    this.initComponent();
+    this.isVisible && this.initSequenceHeight();
+  }
+  onModalAnimationFinished() {
+    this.isAnimationFinished && this.initSequenceHeight();
   }
   get wrapperElement() {
     return findParent(this.host, 'yoo-ion-scroll') || this.host;
   }
   get sequenceElements() {
+    var _a, _b;
+    return (_b = Array.from(((_a = this.sequencesContainerElement) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.sequence')) || [])) === null || _b === void 0 ? void 0 : _b.filter(e => e);
+  }
+  get maxSequenceHeight() {
     var _a;
-    return (_a = Array.from(this.host.shadowRoot.querySelectorAll('.sequence') || [])) === null || _a === void 0 ? void 0 : _a.filter(e => e);
+    return ((_a = this.viewFinderElement) === null || _a === void 0 ? void 0 : _a.clientHeight) || (this.host.clientHeight / 2);
+  }
+  get sequenceValues() {
+    var _a, _b, _c;
+    return (_c = (_b = compact([(_a = this.heading) === null || _a === void 0 ? void 0 : _a.trim(), ...(this.values || [])])) === null || _b === void 0 ? void 0 : _b.filter(v => v)) === null || _c === void 0 ? void 0 : _c.map(v => Array.isArray(v) ? v[0] : v);
   }
   componentWillRender() {
     this.wrapperElement && (this.wrapperElement.style.overflow = 'hidden');
   }
   componentDidLoad() {
-    this.initComponent();
-    this.setComponentHeight();
+    this.initSequenceHeight();
   }
   componentDidRender() {
-    this.setComponentHeight();
+    this.initSequenceHeight();
   }
-  setComponentHeight() {
+  initSequenceHeight() {
     var _a;
-    if ((_a = this.sequenceElements) === null || _a === void 0 ? void 0 : _a.length) {
-      const { height } = this.host.getBoundingClientRect();
-      this.sequenceElements.forEach(e => {
-        e && height && (e.style.maxHeight = `${height * .5}px`);
-      });
-    }
-  }
-  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);
-      }
-    });
-  }
-  onRTEContentClick(ev, index) {
-    var _a;
-    onRTEClick(this.sequenceElements[index], (_a = ev === null || ev === void 0 ? void 0 : ev.target) === null || _a === void 0 ? void 0 : _a.src);
-  }
-  clickArrow(direction) {
-    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);
-      this.currentYPosition = 0 - (textsHeight.slice(0, this.currentIndex).reduce((acc, a) => acc + a, 0) + textsHeight[this.currentIndex] / 2) - GAP_INTER_SEQUENCES * this.currentIndex;
+    if (((_a = this.sequenceElements) === null || _a === void 0 ? void 0 : _a.length) && this.maxSequenceHeight) {
+      this.host.style.setProperty('--max-sequence-height', `${this.maxSequenceHeight}px`);
+      this.sequenceElements.forEach(e => e.classList.toggle('overflowing', e.scrollHeight > this.maxSequenceHeight));
       this.validity = this.currentIndex === this.sequenceElements.length - 1;
     }
   }
   renderSequences() {
-    var _a, _b;
-    return h("section", { id: "sequences", style: { transform: `translateY(${this.currentYPosition}px)` } }, (_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, onClick: (ev) => this.onRTEContentClick(ev, index) });
-    }));
+    var _a;
+    return h("section", { id: "view-finder", ref: el => this.viewFinderElement = el }, h("div", { id: "sequences", ref: el => this.sequencesContainerElement = el, style: { transform: `translateY(${this.translateY}px)` } }, (_a = this.sequenceValues) === null || _a === void 0 ? void 0 : _a.map((text, index) => {
+      return text && h("div", { class: { sequence: true, title: !!this.heading && !index, active: index === this.currentIndex }, innerHTML: setSecuredContent(translateMulti(text)), onClick: ev => { var _a; return openImageDetailFromRTE(this.sequenceElements[index], (_a = ev === null || ev === void 0 ? void 0 : ev.target) === null || _a === void 0 ? void 0 : _a['src']); } });
+    })));
   }
   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'}` }));
+    const clickArrow = () => {
+      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')) + (isUp ? -1 : 1), 0, this.sequenceElements.length - 1);
+        const textsHeight = this.sequenceElements.map((e, i) => Math.round(e.offsetHeight * (i <= this.currentIndex ? 1 : .9)));
+        this.host.style.setProperty('--max-sequence-height', `${this.maxSequenceHeight}px`);
+        this.translateY = 0 - ((textsHeight.slice(0, this.currentIndex).reduce((acc, a) => acc + a, 0) + GAP_INTER_SEQUENCES * this.currentIndex));
+        this.initSequenceHeight();
+      }
+    };
+    return h("yoo-button", { size: "large", ...{ placement }, hidden: (isUp && !this.currentIndex) || (!isUp && this.currentIndex === ((_a = this.sequenceValues) === null || _a === void 0 ? void 0 : _a.length) - 1), onClick: () => clickArrow() }, h("yoo-icon", { name: `big-arrow-${isUp ? 'up' : 'down'}` }));
   }
   renderOverlay(placement) {
     return h("section", { class: "overlay", ...{ placement } });
@@ -102,7 +96,8 @@ const YooTextSequence = class {
   static get watchers() { return {
     "values": ["onValuesChanged"],
     "validity": ["onValidityChanged"],
-    "isVisible": ["onIsVisibleChanged"]
+    "isVisible": ["onIsVisibleChanged"],
+    "isAnimationFinished": ["onModalAnimationFinished"]
   }; }
 };
 YooTextSequence.style = textSequenceCss;

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, e as Host, g as getElement } from './index-019c1b1a.js';
 import { i as isFunction } from './lodash-b0ad17f3.js';
-import { i as sanitizeHTML, b as getAppContext } from './common-helpers-d0a7d41f.js';
-import './index-5242545a.js';
+import { i as sanitizeHTML, b as getAppContext } from './common-helpers-7760f0f6.js';
+import './index-60d331ff.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-da54e081.js';
 

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.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-5242545a.js';
-import { l as lifecycleEvents, b as getAppContext } from './common-helpers-d0a7d41f.js';
-import { e as eventMethod } from './overlays-55af7e32.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-60d331ff.js';
+import { l as lifecycleEvents, b as getAppContext } from './common-helpers-7760f0f6.js';
+import { e as eventMethod } from './overlays-c3cf3b67.js';
 import './lodash-b0ad17f3.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-da54e081.js';

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-019c1b1a.js';
-import { o as isWeb, R as isNullOrUndefined, r as findParent, ab as enableKeyboardResize, t as translate } from './index-5242545a.js';
-import { R as ROUND_ARROW, t as tippy } from './tippy.esm-2e1e9992.js';
-import { j as focusContentEditable } from './form-input-helpers-49bcbe42.js';
+import { o as isWeb, R as isNullOrUndefined, r as findParent, ab as enableKeyboardResize, t as translate } from './index-60d331ff.js';
+import { R as ROUND_ARROW, t as tippy } from './tippy.esm-b80450b0.js';
+import { j as focusContentEditable } from './form-input-helpers-21c08c10.js';
 import './lodash-b0ad17f3.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-da54e081.js';
-import './common-helpers-d0a7d41f.js';
+import './common-helpers-7760f0f6.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,6 +1,6 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { fx as truncateMarkdown, t as translate, p as debounce, au as parseMarkDown } from './index-5242545a.js';
-import { q as querySelectorDeep } from './common-helpers-d0a7d41f.js';
+import { fx as truncateMarkdown, t as translate, p as debounce, au as parseMarkDown } from './index-60d331ff.js';
+import { q as querySelectorDeep } from './common-helpers-7760f0f6.js';
 import './lodash-b0ad17f3.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-da54e081.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { eU as isTruncated } from './index-5242545a.js';
+import { eU as isTruncated } from './index-60d331ff.js';
 import './lodash-b0ad17f3.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-da54e081.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { t as translate, o as isWeb } from './index-5242545a.js';
+import { t as translate, o as isWeb } from './index-60d331ff.js';
 import './lodash-b0ad17f3.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-da54e081.js';

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { t as translate, W as pipes } from './index-5242545a.js';
-import { b as getAppContext } from './common-helpers-d0a7d41f.js';
-import { g as groupsFullResolver } from './entities-helpers-d08744bf.js';
+import { t as translate, W as pipes } from './index-60d331ff.js';
+import { b as getAppContext } from './common-helpers-7760f0f6.js';
+import { g as groupsFullResolver } from './entities-helpers-1a46c43f.js';
 import './lodash-b0ad17f3.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-da54e081.js';

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { o as isWeb, t as translate, _ as getSession } from './index-5242545a.js';
-import { b as getAppContext } from './common-helpers-d0a7d41f.js';
+import { o as isWeb, t as translate, _ as getSession } from './index-60d331ff.js';
+import { b as getAppContext } from './common-helpers-7760f0f6.js';
 import './lodash-b0ad17f3.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-da54e081.js';

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { aI as getUUID, bG as isSafari, v as isIOS, I as closeModal, d as isNativeMobile, S as ScreenOrientation, e as isAndroid, F as isNativeFilePath, f as isIpadPro, h as isIpad, j as isTablet, bP as StatusBar, cm as intersectionObserve, o as isWeb, ar as isCloudinaryLink, k as Cloudinary, cU as getVideoPoster, bb as getMedia, am as isFile, ag as isVideo, cQ as getExtension, t as translate, af as showActionSheet } from './index-5242545a.js';
+import { aI as getUUID, bG as isSafari, v as isIOS, I as closeModal, d as isNativeMobile, S as ScreenOrientation, e as isAndroid, F as isNativeFilePath, f as isIpadPro, h as isIpad, j as isTablet, bP as StatusBar, cm as intersectionObserve, o as isWeb, ar as isCloudinaryLink, k as Cloudinary, cU as getVideoPoster, bb as getMedia, am as isFile, ag as isVideo, cQ as getExtension, t as translate, af as showActionSheet } from './index-60d331ff.js';
 import { p as isString } from './lodash-b0ad17f3.js';
-import { b as getAppContext } from './common-helpers-d0a7d41f.js';
+import { b as getAppContext } from './common-helpers-7760f0f6.js';
 import { v as videoPlayerStates } from './index-cab1603b.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-da54e081.js';

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-019c1b1a.js';
-import { d as isNativeMobile } from './index-5242545a.js';
+import { d as isNativeMobile } from './index-60d331ff.js';
 import { _ as remove } from './lodash-b0ad17f3.js';
-import { o as openVideoPlayerInModal, b as getDailymotionPlayerAPI, c as getVideoId } from './video-player-helpers-1ef781db.js';
+import { o as openVideoPlayerInModal, b as getDailymotionPlayerAPI, c as getVideoId } from './video-player-helpers-303647ef.js';
 import { v as videoPlayerStates } from './index-cab1603b.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-da54e081.js';
-import './common-helpers-d0a7d41f.js';
+import './common-helpers-7760f0f6.js';
 
 const videoplayerDailymotionCss = ":host .dm-container,:host .dm-player{width:100%;height:100%;background:var(--dark, #000000)}";
 

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

@@ -1,11 +1,11 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { cP as require$$2, a8 as getClosestImageRatio, o as isWeb, bb as getMedia, p as debounce$1, cm as intersectionObserve, W as pipes, cQ as getExtension, ar as isCloudinaryLink, am as isFile, bd as isOffline, be as getKeyToCache, cR as urlToFileBlob, cS as b64ToFile, cT as convertSrtToWebVTT, as as getCurrentLanguage, cU as getVideoPoster, aw as changeExtension, k as Cloudinary } from './index-5242545a.js';
+import { cP as require$$2, a8 as getClosestImageRatio, o as isWeb, bb as getMedia, p as debounce$1, cm as intersectionObserve, W as pipes, cQ as getExtension, ar as isCloudinaryLink, am as isFile, bd as isOffline, be as getKeyToCache, cR as urlToFileBlob, cS as b64ToFile, cT as convertSrtToWebVTT, as as getCurrentLanguage, cU as getVideoPoster, aw as changeExtension, k as Cloudinary } from './index-60d331ff.js';
 import { g as global, c as compact } from './lodash-b0ad17f3.js';
 import { c as commonjsGlobal, a as createCommonjsModule, g as getDefaultExportFromCjs } from './_commonjsHelpers-f4d11124.js';
 import { B as Buffer } from './buffer-es6-84151e48.js';
-import { g as getFromOfflineStorage, a as getFromLocalForage } from './localForage-cfb11eb4.js';
-import { q as querySelectorDeep, b as getAppContext } from './common-helpers-d0a7d41f.js';
-import { o as openVideoPlayerInModal, u as updateCloudinaryDim } from './video-player-helpers-1ef781db.js';
+import { g as getFromOfflineStorage, a as getFromLocalForage } from './localForage-ff5caa60.js';
+import { q as querySelectorDeep, b as getAppContext } from './common-helpers-7760f0f6.js';
+import { o as openVideoPlayerInModal, u as updateCloudinaryDim } from './video-player-helpers-303647ef.js';
 import { v as videoPlayerStates } from './index-cab1603b.js';
 import './index-da54e081.js';
 

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

@@ -1,11 +1,11 @@
 import { r as registerInstance, i as createEvent, h, e as Host } from './index-019c1b1a.js';
-import { o as openVideoPlayerInModal, d as getVimeoPlayerAPI } from './video-player-helpers-1ef781db.js';
+import { o as openVideoPlayerInModal, d as getVimeoPlayerAPI } from './video-player-helpers-303647ef.js';
 import { v as videoPlayerStates } from './index-cab1603b.js';
-import './index-5242545a.js';
+import './index-60d331ff.js';
 import './lodash-b0ad17f3.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-da54e081.js';
-import './common-helpers-d0a7d41f.js';
+import './common-helpers-7760f0f6.js';
 
 const videoplayerVimeoCss = ":host iframe{width:100%;background:var(--dark, #000000)}";
 

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

@@ -1,11 +1,11 @@
 import { r as registerInstance, i as createEvent, h, e as Host } from './index-019c1b1a.js';
-import { d as isNativeMobile } from './index-5242545a.js';
-import { e as getYoutubeId, o as openVideoPlayerInModal, h as getYoutubeIFrameAPI } from './video-player-helpers-1ef781db.js';
+import { d as isNativeMobile } from './index-60d331ff.js';
+import { e as getYoutubeId, o as openVideoPlayerInModal, h as getYoutubeIFrameAPI } from './video-player-helpers-303647ef.js';
 import { v as videoPlayerStates } from './index-cab1603b.js';
 import './lodash-b0ad17f3.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-da54e081.js';
-import './common-helpers-d0a7d41f.js';
+import './common-helpers-7760f0f6.js';
 
 const videoplayerYoutubeCss = ":host{width:100%}:host .yt-container,:host .yt-player{width:100%;height:100%}:host .yt-container.error{pointer-events:none}:host(.played){height:90%}";
 

package/dist/esm/yoo-virtual-item.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, f as forceUpdate, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { ak as dispatchCustomEvent, dt as resizeObserve } from './index-5242545a.js';
+import { ak as dispatchCustomEvent, dt as resizeObserve } from './index-60d331ff.js';
 import './lodash-b0ad17f3.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-da54e081.js';

package/dist/esm/yoo-virtual-scroll.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, f as forceUpdate, l as readTask, m as writeTask, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { r as findParent, c$ as isAnimationsDisabled, aK as gsapTo, o as isWeb, eD as componentOnReady } from './index-5242545a.js';
+import { r as findParent, c$ as isAnimationsDisabled, aK as gsapTo, o as isWeb, eD as componentOnReady } from './index-60d331ff.js';
 import { y as isEqual, o as orderBy, Y as uniqBy } from './lodash-b0ad17f3.js';
-import { q as querySelectorDeep, f as querySelectorAllDeep } from './common-helpers-d0a7d41f.js';
+import { q as querySelectorDeep, f as querySelectorAllDeep } from './common-helpers-7760f0f6.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-da54e081.js';
 

package/dist/esm/yoo-waitlist-location-result.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, i as createEvent, h, e as Host } from './index-019c1b1a.js';
-import { Z as dateFormat, t as translate, aE as isPresent } from './index-5242545a.js';
+import { Z as dateFormat, t as translate, aE as isPresent } from './index-60d331ff.js';
 import './lodash-b0ad17f3.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-da54e081.js';

package/dist/esm/yoo-waitlist-location-start.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, i as createEvent, h, j as Build, e as Host, g as getElement } from './index-019c1b1a.js';
-import { t as translate, o as isWeb, aE as isPresent } from './index-5242545a.js';
+import { t as translate, o as isWeb, aE as isPresent } from './index-60d331ff.js';
 import { G as omit } from './lodash-b0ad17f3.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-da54e081.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, i as createEvent, h, e as Host } from './index-019c1b1a.js';
-import { cV as replaceSVGColors, t as translate } from './index-5242545a.js';
+import { cV as replaceSVGColors, t as translate } from './index-60d331ff.js';
 import './lodash-b0ad17f3.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-da54e081.js';

package/dist/esm/yoo-web-menu.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { p as debounce, R as isNullOrUndefined } from './index-5242545a.js';
-import { b as getAppContext } from './common-helpers-d0a7d41f.js';
+import { p as debounce, R as isNullOrUndefined } from './index-60d331ff.js';
+import { b as getAppContext } from './common-helpers-7760f0f6.js';
 import './lodash-b0ad17f3.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-da54e081.js';

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

@@ -1,5 +1,5 @@
 import { h, r as registerInstance, i as createEvent, e as Host } from './index-019c1b1a.js';
-import { t as translate } from './index-5242545a.js';
+import { t as translate } from './index-60d331ff.js';
 import './lodash-b0ad17f3.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-da54e081.js';

package/dist/esm/yoo-welcome-banner.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { t as translate, cW as getPeriodOfDay } from './index-5242545a.js';
-import { b as getAppContext } from './common-helpers-d0a7d41f.js';
+import { t as translate, cW as getPeriodOfDay } from './index-60d331ff.js';
+import { b as getAppContext } from './common-helpers-7760f0f6.js';
 import './lodash-b0ad17f3.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-da54e081.js';

package/dist/esm/yoo-widget-chart.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { t as translate, o as isWeb } from './index-5242545a.js';
+import { t as translate, o as isWeb } from './index-60d331ff.js';
 import { l as isNumber } from './lodash-b0ad17f3.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-da54e081.js';

package/dist/esm/yoo-widget-small-size.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { o as isWeb } from './index-5242545a.js';
+import { o as isWeb } from './index-60d331ff.js';
 import './lodash-b0ad17f3.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-da54e081.js';

package/dist/esm/yoo-widget-tab.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, i as createEvent, h, e as Host } from './index-019c1b1a.js';
-import { t as translate, W as pipes } from './index-5242545a.js';
+import { t as translate, W as pipes } from './index-60d331ff.js';
 import { l as isNumber } from './lodash-b0ad17f3.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-da54e081.js';

package/dist/esm/yoo-widget-tile.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, e as Host } from './index-019c1b1a.js';
-import { T as translateMulti } from './index-5242545a.js';
+import { T as translateMulti } from './index-60d331ff.js';
 import './lodash-b0ad17f3.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-da54e081.js';

package/dist/esm/yoo-workflow-state-dialog.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, e as Host } from './index-019c1b1a.js';
-import { I as closeModal, t as translate, T as translateMulti, a7 as getUserDisplayName, W as pipes } from './index-5242545a.js';
+import { I as closeModal, t as translate, T as translateMulti, a7 as getUserDisplayName, W as pipes } from './index-60d331ff.js';
 import './lodash-b0ad17f3.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-da54e081.js';

package/dist/esm/yoo-workflow-state.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-019c1b1a.js';
-import { T as translateMulti, t as translate, a7 as getUserDisplayName, o as isWeb, n as showModal } from './index-5242545a.js';
+import { T as translateMulti, t as translate, a7 as getUserDisplayName, o as isWeb, n as showModal } from './index-60d331ff.js';
 import { c as compact, a0 as flattenDeep, $ as flatten } from './lodash-b0ad17f3.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-da54e081.js';

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

@@ -1,10 +1,10 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { t as translate } from './index-5242545a.js';
+import { t as translate } from './index-60d331ff.js';
 import { c as compact } from './lodash-b0ad17f3.js';
 import { W as WorkflowMode } from './workflow.interface-79064a52.js';
-import { b as getAppContext } from './common-helpers-d0a7d41f.js';
+import { b as getAppContext } from './common-helpers-7760f0f6.js';
 import { A as ARROW_PAIR } from './index-4e0cc0eb.js';
-import { P as onWorkflowStepClicked, Q as getWorkflowFieldState } from './index-9f5a34d5.js';
+import { P as onWorkflowStepClicked, Q as getWorkflowFieldState } from './index-19e2846b.js';
 import { f as fieldStateOptions } from './index-a7443ef7.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-da54e081.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, i as createEvent } from './index-019c1b1a.js';
-import { c3 as cordova, cf as cordovaPropertyGet, cg as cordovaPropertySet, c4 as IonicNativePlugin, cX as isZebraScanner } from './index-5242545a.js';
+import { c3 as cordova, cf as cordovaPropertyGet, cg as cordovaPropertySet, c4 as IonicNativePlugin, cX as isZebraScanner } from './index-60d331ff.js';
 import './lodash-b0ad17f3.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-da54e081.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { o as isWeb, ci as isIonic, aK as gsapTo, fy as isElementClicked } from './index-5242545a.js';
+import { o as isWeb, ci as isIonic, aK as gsapTo, fy as isElementClicked } from './index-60d331ff.js';
 import { w as cloneDeep, V as clamp } from './lodash-b0ad17f3.js';
 import { a as isElementInsideContainer } from './annotations-helpers-06bdd868.js';
 import { H as Hammer } from './hammer-helpers-0b560cb3.js';

package/dist/types/components/2.molecules/text-sequence/text-sequence.d.ts

@@ -7,22 +7,24 @@ export declare class YooTextSequence implements ComponentInterface {
   animated?: boolean;
   validity?: boolean;
   onValidityChanged(): void;
-  livePreview?: boolean;
   isVisible: boolean;
   onIsVisibleChanged(): void;
+  isAnimationFinished?: boolean;
+  onModalAnimationFinished(): void;
   validityChanged: EventEmitter<boolean>;
   currentIndex: number;
   host: HTMLYooTextSequenceElement;
-  private currentYPosition;
+  private translateY;
+  private viewFinderElement;
+  private sequencesContainerElement;
   private get wrapperElement();
   private get sequenceElements();
+  private get maxSequenceHeight();
+  private get sequenceValues();
   componentWillRender(): void;
   componentDidLoad(): void;
   componentDidRender(): void;
-  private setComponentHeight;
-  private initComponent;
-  private onRTEContentClick;
-  private clickArrow;
+  private initSequenceHeight;
   renderSequences(): JSX.Element;
   renderArrow(placement: 'top' | 'bottom'): JSX.Element;
   renderOverlay(placement: 'top' | 'bottom'): JSX.Element;

package/dist/types/components.d.ts

@@ -1152,6 +1152,8 @@ export namespace Components {
     }
     interface YooCardMenu {
         "entry": ICardMenuEntry;
+        "sizeLeftIcon": TIconSize;
+        "typeRightIcon": TIconName;
     }
     interface YooCardNotification {
         /**
@@ -6580,8 +6582,8 @@ export namespace Components {
     interface YooTextSequence {
         "animated"?: boolean;
         "heading"?: string;
+        "isAnimationFinished"?: boolean;
         "isVisible": boolean;
-        "livePreview"?: boolean;
         "validity"?: boolean;
         "values"?: string[];
     }
@@ -11007,6 +11009,8 @@ declare namespace LocalJSX {
     }
     interface YooCardMenu {
         "entry"?: ICardMenuEntry;
+        "sizeLeftIcon"?: TIconSize;
+        "typeRightIcon"?: TIconName;
     }
     interface YooCardNotification {
         /**
@@ -17606,8 +17610,8 @@ declare namespace LocalJSX {
     interface YooTextSequence {
         "animated"?: boolean;
         "heading"?: string;
+        "isAnimationFinished"?: boolean;
         "isVisible"?: boolean;
-        "livePreview"?: boolean;
         "onValidityChanged"?: (event: CustomEvent<boolean>) => void;
         "validity"?: boolean;
         "values"?: string[];

package/dist/types/feature-communicate/feed/card-feed/default/card-feed.d.ts

@@ -51,7 +51,6 @@ export declare class YooCardFeedComponent {
   hasMediaTags(): boolean;
   hasSubheadings(): boolean;
   isCreator(): boolean;
-  onRTEContentClick(): void;
   onMediaClicked(ev?: any): void;
   onEmbeddedEntityClicked(entity: any, entityType: string, ev?: any): void;
   onPollVoteClicked(ev?: any): void;

package/dist/types/feature-learn/learning/card-menu/card-menu.d.ts

@@ -1,7 +1,9 @@
-import { TIconName } from '@shared/interfaces';
+import { TIconName, TIconSize } from '@shared/interfaces';
 import { ICardMenuEntry } from './types';
 export declare class YooCardMenuComponent {
   entry: ICardMenuEntry;
+  sizeLeftIcon: TIconSize;
+  typeRightIcon: TIconName;
   el: HTMLYooCardMenuElement;
   renderIcon(): TIconName;
   render(): any;

package/dist/types/feature-learn/learning/card-menu/types/index.d.ts

@@ -1,6 +1,7 @@
-import { TIconName } from '@shared/interfaces';
+import { TColor, TIconName } from '@shared/interfaces';
 export interface ICardMenuEntry {
   title: string;
   icon?: TIconName;
   count?: number;
+  iconColor?: TColor;
 }

package/dist/types/utils/helpers/common-helpers.d.ts

@@ -7,7 +7,7 @@ import type { YooSlidesMediaComponent } from '../../components/form/slides-media
 import type { IFormDateRangeEdge } from '../../interfaces';
 export declare function showImageCropper(imageCropperParams: Partial<YooImageCropperDialogComponent>, modalOptions?: Partial<YooIonModalComponent>): Promise<IOverlayEventDetail>;
 export declare function showPhotoEditor(photoEditorParams: Partial<YooPhotoEditorComponent>, modalOptions?: Partial<YooIonModalComponent>): Promise<IPhotoEditorData>;
-export declare function onRTEClick(el: HTMLElement, currentImageSrc: string): void;
+export declare function openImageDetailFromRTE(el: HTMLElement, currentImageSrc: string): void;
 export declare function showSlidesMedia(slideMediaParams: Partial<YooSlidesMediaComponent>, modalOptions?: Partial<YooIonModalComponent>): Promise<IPhotoEditorData>;
 export declare function getScreenWidth(): number | null;
 export declare function getScreenHeight(): number | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yoobic/yobi",
-  "version": "8.2.0-19",
+  "version": "8.2.0-21",
   "description": "Yobi - Yoobic Design System",
   "module": "dist/index.js",
   "main": "dist/index.cjs.js",

package/dist/cjs/index-2fe69f41.js

@@ -1,4 +0,0 @@
-'use strict';
-
-require('./index-6450e9bd.js');
-