@yoobic/yobi 8.6.0-3 → 8.6.0-5

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
+import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-22891abe.js';
+import './index-590d30dd.js';
 import { a as isNumber } from './lodash-777f91de.js';
-import { g as getAppContext } from './common-helpers-73accd43.js';
-import { H as isWeb, ap as dispatchCustomEvent, t as translate, a8 as getSession } from './index-44691ffd.js';
-import './index-847a32fd.js';
+import { g as getAppContext } from './common-helpers-2a9aacec.js';
+import { H as isWeb, ap as dispatchCustomEvent, t as translate, a8 as getSession } from './index-97f4ed07.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const sideMenuCss = "svg:not(:root){overflow:hidden}.accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}.app-color{color:var(--app-color, #5a30f4);fill:var(--app-color, #5a30f4)}.danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}.dark{color:var(--dark, #000000);fill:var(--dark, #000000)}.energized{color:var(--energized, #ffc043);fill:var(--energized, #ffc043)}.info{color:var(--info, #d84c96);fill:var(--info, #d84c96)}.light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}.stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}.stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}.stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}.stable-ultralight{color:var(--stable-ultralight, #fafafa);fill:var(--stable-ultralight, #fafafa)}.success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}.text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}.warning{color:var(--warning, #ed6e33);fill:var(--warning, #ed6e33)}.wood{color:var(--wood, #99644c);fill:var(--wood, #99644c)}:host{--menu-width:15rem;position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:var(--menu-width);height:100%;background:var(--stable-ultralight-80, rgba(250, 250, 250, 0.8));border-right:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);-webkit-transition:0.3s;transition:0.3s}:host .scrolling-container{position:initial;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:justify;justify-content:space-between;width:100%}:host .divider{height:0.0625rem;margin:var(--spacing-08, 0.5rem) 0;background-color:var(--stable-light, #f1f1f1)}:host .avatar-divider{width:2.25rem;margin:auto;background-color:transparent}:host .top-container{-ms-flex:1;flex:1}:host .top-container .header-items{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin:0 0 var(--spacing-16, 1rem) 0}:host .top-container .header-items yoo-tag{margin-left:var(--spacing-08, 0.5rem)}:host .top-container yoo-form-input{margin:var(--spacing-16, 1rem) 0 var(--spacing-16, 1rem) 0}:host .top-container yoo-form-input.has-header{margin:var(--spacing-08, 0.5rem) 0 var(--spacing-16, 1rem) 0}:host .top-container yoo-form-input.hidden{display:none;opacity:0}:host .top-container .header-logo yoo-img{--logo-text-color:var(--dark, #000000);height:2.125rem}:host .top-container .header-logo:hover{cursor:pointer}:host .avatar-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:100%;height:2rem;margin-bottom:var(--spacing-08, 0.5rem);padding-left:var(--spacing-04, 0.25rem);border-radius:var(--border-radius-08, 0.5rem)}:host .avatar-container:hover{background:var(--app-color-10, rgba(90, 48, 244, 0.1));cursor:pointer}:host .avatar-container yoo-icon{margin-right:var(--spacing-04, 0.25rem);margin-left:var(--spacing-08, 0.5rem)}:host .avatar-container .profile-avatar-and-name{display:-ms-flexbox;display:flex;width:calc(100% - (var(--icon-size-02, 1.5rem) + var(--spacing-08, 0.5rem)))}:host .avatar-container .profile-avatar-and-name .user-name{width:calc(100% - (var(--icon-size-02, 1.5rem) + var(--spacing-08, 0.5rem)));margin-left:var(--spacing-08, 0.5rem);color:var(--dark, #000000)}:host yoo-accordion{--accordion-background:transparent;--title-font-size:var(--font-size-16, 1rem);--title-font-weight:var(--font-weight-400, 400);--title-font-color:var(--dark, #000000);--title-icon-color:var(--text-color, #807f83);--right-icon-color:var(--stable, #adadad);--hover-background:var(--app-color-10, rgba(90, 48, 244, 0.1));--selected-background:var(--app-color-10, rgba(90, 48, 244, 0.1));--selected-color:var(--app-color, #5a30f4)}:host .icon-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;min-height:2.25rem}:host .top-list{padding-bottom:var(--spacing-04, 0.25rem)}:host .top-list .menu-icon{margin-bottom:0 !important}:host .bottom-container,:host .top-container{margin:var(--spacing-16, 1rem) var(--spacing-24, 1.5rem) var(--spacing-16, 1rem) var(--spacing-24, 1.5rem);-webkit-transition:0.3s;transition:0.3s}:host .bottom-container .icon-container,:host .top-container .icon-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative;width:2.25rem;height:2.25rem;margin:var(--spacing-02, 0.125rem) 0;border-radius:50%;cursor:pointer}:host .bottom-container .icon-container:hover,:host .top-container .icon-container:hover{background:var(--stable-light-60, rgba(241, 241, 241, 0.6))}:host .bottom-container .icon-container yoo-badge,:host .top-container .icon-container yoo-badge{position:absolute;top:1rem;right:auto;bottom:auto;left:-0.325rem}:host .bottom-container .icon-container yoo-badge.count,:host .top-container .icon-container yoo-badge.count{background-color:var(--light, #ffffff);border:solid var(--light, #ffffff) 0.1875rem;border-radius:50%;position:absolute;top:-0.5625rem;right:-0.6875rem;bottom:auto;left:auto}:host .bottom-container .icon-row,:host .top-container .icon-row{display:-ms-flexbox;display:flex}:host .bottom-container .icon-row .icon-container.toggle-icon,:host .top-container .icon-row .icon-container.toggle-icon{position:absolute;right:1.5rem}:host(.collapsed){width:4.5rem}:host(.collapsed) .bottom-container,:host(.collapsed) .top-container{margin:var(--spacing-08, 0.5rem) 0}:host(.collapsed) .top-container .header-logo{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:2.25rem;height:2.25rem;margin:var(--spacing-04, 0.25rem) 0}:host(.collapsed) .top-container .header-logo:hover{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:2.25rem;height:2.25rem;background:var(--stable-light-60, rgba(241, 241, 241, 0.6));border-radius:50%}:host(.collapsed) .top-container .header-logo yoo-img{width:1.5rem;height:1.5rem}:host(.hidden){width:0}:host(.custom-theme:not(.feed)){background:var(--app-color, #5a30f4);--dark:var(--light, #ffffff);--text-color:var(--light-40, rgba(255, 255, 255, 0.4))}:host(.custom-theme:not(.feed)) yoo-accordion{--divider-background:var(--light-10, rgba(255, 255, 255, 0.1));--hover-background:var(--stable-light-60, rgba(241, 241, 241, 0.6));--selected-background:var(--stable-light-60, rgba(241, 241, 241, 0.6))}:host(.custom-theme:not(.feed)) .avatar-container:hover{background-color:var(--stable-light-60, rgba(241, 241, 241, 0.6))}:host(.no-margin) .top-container{margin-top:0;margin-bottom:0}:host(.rtl){border-right-width:0;border-left:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}";
@@ -15,19 +15,18 @@ const YooSideMenuComponent = class {
     this.menuCollapsed = createEvent(this, "menuCollapsed", 7);
     this.popupClosed = createEvent(this, "popupClosed", 7);
     this.logoClicked = createEvent(this, "logoClicked", 7);
-    /**
-     * An array for the button options that appear when the user clicks on the footer profile.
-     */
+    this.logoItem = undefined;
+    this.topItems = undefined;
+    this.bottomItems = undefined;
     this.profileFooterOptions = [];
-    /**
-     * An array for the button options that appear when hte user clicks on the help center.
-     */
     this.helpCenterOptions = [];
-    /**
-     * Optional prop to set the collapsed state of the side menu
-     */
+    this.user = undefined;
     this.initialIsMenuCollapsed = false;
+    this.disableCollapse = undefined;
+    this.hideSearch = undefined;
+    this.searchMode = undefined;
     this.isContextMenuOpen = false;
+    this.isMenuCollapsed = undefined;
   }
   async forceUpdate() {
     forceUpdate(this);
@@ -90,11 +89,11 @@ const YooSideMenuComponent = class {
     }
   }
   renderTopContainer() {
-    return (h("div", { class: "top-container", ref: (el) => (this.topContainerElement = el) }, this.renderHeader(), !this.isMenuCollapsed && this.renderSearchInput(), h("slot", { name: "top" }), this.isMenuCollapsed ? this.renderIconOnlyItems(this.topItems, true) : this.renderAccordionItems(this.topItems, false)));
+    return (h("div", { class: "top-container", ref: (el) => (this.topContainerElement = el) }, this.renderHeader(), !this.isMenuCollapsed && this.renderSearchInput(), h("slot", { name: "top" }), this.isMenuCollapsed ? this.renderIconOnlyItems(this.topItems, true, false, true) : this.renderAccordionItems(this.topItems, false)));
   }
   renderBottomContainer() {
     var _a;
-    return ((this.user || ((_a = this.bottomItems) === null || _a === void 0 ? void 0 : _a.length) > 0) && h("div", { class: "bottom-container" }, h("div", { class: { 'icon-list': this.isMenuCollapsed } }, this.user && this.renderAvatarContainer(), this.renderIconOnlyItems(this.bottomItems, false, true))));
+    return ((this.user || ((_a = this.bottomItems) === null || _a === void 0 ? void 0 : _a.length) > 0 || !this.disableCollapse) && h("div", { class: "bottom-container" }, h("div", { class: { 'icon-list': this.isMenuCollapsed } }, this.user && this.renderAvatarContainer(), this.renderIconOnlyItems(this.bottomItems, false, true, false))));
   }
   renderHeader() {
     return this.logoItem && h("div", { class: this.isMenuCollapsed ? 'icon-list top-list' : 'header-items' }, this.renderHeaderLogo());
@@ -153,16 +152,16 @@ const YooSideMenuComponent = class {
       })));
     }
   }
-  renderIconOnlyItems(items, addSearchIcon = false, bottomItems = false) {
+  renderIconOnlyItems(items, addSearchIcon = false, bottomItems = false, hideCollapse = false) {
     var _a, _b;
     if (addSearchIcon && !this.hideSearch) {
       items = [{ icon: 'search', text: translate('SEARCH'), handler: () => this.search.emit() }, ...items];
     }
-    if ((items === null || items === void 0 ? void 0 : items.length) > 0 || ((_a = this.helpCenterOptions) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+    if ((items === null || items === void 0 ? void 0 : items.length) > 0 || ((_a = this.helpCenterOptions) === null || _a === void 0 ? void 0 : _a.length) > 0 || !this.disableCollapse) {
       return (h("div", { class: this.isMenuCollapsed ? 'icon-list' : 'icon-row' }, items === null || items === void 0 ? void 0 :
         items.filter((item) => !item.isVisible || item.isVisible() !== false).map((item) => {
           return this.renderIcon(item, bottomItems);
-        }), bottomItems && !addSearchIcon && ((_b = this.helpCenterOptions) === null || _b === void 0 ? void 0 : _b.length) > 0 && this.renderHelpCenter(), bottomItems && !this.disableCollapse && (h("div", { class: "icon-container toggle-icon" }, h("yoo-icon", { size: "medium", name: this.isMenuCollapsed ? 'side-menu-expand' : 'side-menu-collapse', color: "text-color", onClick: () => this.onCollapseMenuClicked() })))));
+        }), bottomItems && !addSearchIcon && ((_b = this.helpCenterOptions) === null || _b === void 0 ? void 0 : _b.length) > 0 && this.renderHelpCenter(), !hideCollapse && !this.disableCollapse && (h("div", { class: "icon-container toggle-icon" }, h("yoo-icon", { size: "medium", name: this.isMenuCollapsed ? 'side-menu-expand' : 'side-menu-collapse', color: "text-color", onClick: () => this.onCollapseMenuClicked() })))));
     }
   }
   renderIcon(item, footer) {
@@ -187,7 +186,7 @@ const YooSideMenuComponent = class {
   renderAvatarContainer() {
     var _a;
     const buttons = (_a = this.profileFooterOptions) === null || _a === void 0 ? void 0 : _a.filter((option) => (option.isVisible ? option.isVisible() : true));
-    return ((buttons === null || buttons === void 0 ? void 0 : buttons.length) > 0 && (h("div", null, h("yoo-context-menu", { class: { 'side-menu flex menu-collapsed': this.isMenuCollapsed }, hoverMode: this.isMenuCollapsed, placement: this.isMenuCollapsed ? 'right' : 'above', contentButtons: buttons, cursorPosition: "center", onContextMenuOpened: () => (this.isContextMenuOpen = true), onContextMenuClosed: () => (this.isContextMenuOpen = false) }, h("div", { class: { 'avatar-container': !this.isMenuCollapsed } }, this.renderAccountAvatar())), h("div", { class: "divider avatar-divider" }))));
+    return ((buttons === null || buttons === void 0 ? void 0 : buttons.length) > 0 && (h("div", null, h("yoo-context-menu", { class: { 'side-menu flex menu-collapsed': this.isMenuCollapsed, 'font-large': true }, hoverMode: this.isMenuCollapsed, placement: this.isMenuCollapsed ? 'right' : 'above', contentButtons: buttons, cursorPosition: "center", onContextMenuOpened: () => (this.isContextMenuOpen = true), onContextMenuClosed: () => (this.isContextMenuOpen = false) }, h("div", { class: { 'avatar-container': !this.isMenuCollapsed } }, this.renderAccountAvatar())), h("div", { class: "divider avatar-divider" }))));
   }
   renderAccountAvatar() {
     return this.isMenuCollapsed ? (h("yoo-tooltip", { hoverable: true, placement: "right" }, h("div", { class: "icon-container" }, h("yoo-avatar", { size: "small", user: this.user, isOnline: true })))) : ([

package/dist/esm/yoo-slides-media.entry.js

@@ -1,11 +1,11 @@
-import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import { w as closeModal, S as ScreenOrientation, X as findParent, am as isImage, aZ as isImageUrl, o as isNativeMobile, p as isAndroid, aG as capitalizeFirstLetter, a3 as translateMulti, G as showModal, H as isWeb, W as getAsyncExtraData, t as translate, b9 as showToast, x as gsapTimeline, aC as isPhotoEdited, aW as gsapTo, M as isIphoneX, av as pipes, ak as isVideo } from './index-44691ffd.js';
-import './index-e08fecc9.js';
+import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-22891abe.js';
+import { w as closeModal, S as ScreenOrientation, X as findParent, am as isImage, aZ as isImageUrl, o as isNativeMobile, p as isAndroid, aG as capitalizeFirstLetter, a3 as translateMulti, G as showModal, H as isWeb, W as getAsyncExtraData, t as translate, b9 as showToast, x as gsapTimeline, aC as isPhotoEdited, aW as gsapTo, M as isIphoneX, av as pipes, ak as isVideo } from './index-97f4ed07.js';
+import './index-590d30dd.js';
 import { i as isArray } from './lodash-777f91de.js';
-import { j as lockSwipes } from './common-helpers-73accd43.js';
-import { e as parseEntityForCardMedia } from './entities-helpers-7393dd7c.js';
-import { d as fuzzySearch } from './form-text-area-helpers-7de00070.js';
-import './index-847a32fd.js';
+import { j as lockSwipes } from './common-helpers-2a9aacec.js';
+import { e as parseEntityForCardMedia } from './entities-helpers-b5569bff.js';
+import { d as fuzzySearch } from './form-text-area-helpers-54d85e80.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const slidesMediaCss = "svg.sc-yoo-slides-media:not(:root){overflow:hidden}.sc-yoo-slides-media-h{--search-bar-display:none;width:100%;height:100%;background:var(--dark, #000000)}@-webkit-keyframes fadeInTransition{0%{opacity:1}50%{opacity:0.5}100%{visibility:hidden;opacity:0}}@keyframes fadeInTransition{0%{opacity:1}50%{opacity:0.5}100%{visibility:hidden;opacity:0}}.sc-yoo-slides-media-h .fade-in.sc-yoo-slides-media{margin-bottom:2.5rem !important;-webkit-animation:fadeInTransition 0.5s;animation:fadeInTransition 0.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.sc-yoo-slides-media-h .content-container.sc-yoo-slides-media{display:-ms-flexbox;display:flex;width:100%;height:100%}.sc-yoo-slides-media-h .content-container.video.sc-yoo-slides-media{padding-top:var(--spacing-64, 4rem);padding-bottom:var(--spacing-64, 4rem)}.sc-yoo-slides-media-h .content-container.sc-yoo-slides-media yoo-photo-editor.sc-yoo-slides-media{width:100%}.sc-yoo-slides-media-h .content-container.sc-yoo-slides-media yoo-videoplayer-core.sc-yoo-slides-media{z-index:6;width:100%;background:var(--dark, #000000)}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media{position:absolute;top:0;left:0;z-index:9;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;background:var(--light, #ffffff)}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;margin:var(--spacing-16, 1rem)}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media yoo-form-input.sc-yoo-slides-media{padding-bottom:var(--spacing-08, 0.5rem)}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media .current-tag-container.sc-yoo-slides-media .header.sc-yoo-slides-media{display:-ms-flexbox;display:flex}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media .current-tag-container.sc-yoo-slides-media .header.sc-yoo-slides-media yoo-icon.sc-yoo-slides-media{margin-left:var(--spacing-04, 0.25rem)}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media .current-tag-container.sc-yoo-slides-media .badges-container.sc-yoo-slides-media{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;padding-top:var(--spacing-08, 0.5rem);overflow:auto}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media .current-tag-container.sc-yoo-slides-media .badges-container.sc-yoo-slides-media::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media .current-tag-container.sc-yoo-slides-media .badges-container.sc-yoo-slides-media::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media .current-tag-container.sc-yoo-slides-media .badges-container.sc-yoo-slides-media::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media .current-tag-container.sc-yoo-slides-media .badges-container.sc-yoo-slides-media yoo-tooltip.sc-yoo-slides-media{max-width:100%}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media .current-tag-container.sc-yoo-slides-media .badges-container.sc-yoo-slides-media yoo-tag.sc-yoo-slides-media{max-width:100%;margin-right:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-08, 0.5rem)}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media .current-tag-container.sc-yoo-slides-media .badges-container.max-height.sc-yoo-slides-media{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .button-container.sc-yoo-slides-media{width:100%;margin-top:auto;padding:var(--spacing-16, 1rem);border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .button-container.sc-yoo-slides-media yoo-button.sc-yoo-slides-media{width:50%;margin-left:auto}.sc-yoo-slides-media-h .action-buttons.sc-yoo-slides-media{display:-ms-flexbox;display:flex;padding-top:var(--spacing-04, 0.25rem);color:var(--light, #ffffff);font-size:var(--font-size-20, 1.25rem)}.sc-yoo-slides-media-h .slides-media-container.sc-yoo-slides-media{width:100%;height:100%}.sc-yoo-slides-media-h .slides-media-container.sc-yoo-slides-media .slides-container.sc-yoo-slides-media{height:100%}.sc-yoo-slides-media-h .slides-media-container.sc-yoo-slides-media .slides-container.sc-yoo-slides-media yoo-ion-slides.sc-yoo-slides-media{--host-background-color:var(--dark, #000000);height:100%}.sc-yoo-slides-media-h .slides-media-container.sc-yoo-slides-media yoo-swipe-container.sc-yoo-slides-media{--swiper-background:var(--dark, #000000);--wrapper-border-radius:0}.sc-yoo-slides-media-h mark.sc-yoo-slides-media{color:var(--light, #ffffff);background-color:transparent}.sc-yoo-slides-media-h .bottom-container.sc-yoo-slides-media{position:absolute;top:auto;right:0;bottom:0;left:0;z-index:8;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;margin-bottom:0 !important;padding:var(--spacing-16, 1rem);color:var(--stable, #adadad);word-break:break-word;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(7%, rgba(0, 0, 0, 0)), color-stop(6%, rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, 0.85)));background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 7%, rgba(0, 0, 0, 0) 6%, rgba(0, 0, 0, 0.85) 70%);-webkit-transition:0.3s;transition:0.3s}.sc-yoo-slides-media-h .bottom-container.sc-yoo-slides-media .white-text.sc-yoo-slides-media{padding:0 var(--spacing-04, 0.25rem);color:var(--light, #ffffff)}.sc-yoo-slides-media-h .bottom-container.sc-yoo-slides-media .user-info.sc-yoo-slides-media{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start}.sc-yoo-slides-media-h .bottom-container.sc-yoo-slides-media .user-info.sc-yoo-slides-media .user-title.sc-yoo-slides-media{padding-left:var(--spacing-08, 0.5rem);color:var(--stable, #adadad);text-align:left}.sc-yoo-slides-media-h .bottom-container.sc-yoo-slides-media .photo-information.sc-yoo-slides-media{text-align:left}.sc-yoo-slides-media-h .bottom-container.sc-yoo-slides-media .tags.sc-yoo-slides-media{display:-ms-flexbox;display:flex;padding-top:var(--spacing-04, 0.25rem);padding-right:var(--spacing-04, 0.25rem);color:var(--app-color, #5a30f4)}.sc-yoo-slides-media-h .bottom-container.sc-yoo-slides-media .time.sc-yoo-slides-media{font-size:var(--font-size-14, 0.875rem)}.sc-yoo-slides-media-h .bottom-container.iphone-x.sc-yoo-slides-media{padding-bottom:var(--spacing-16, 1rem)}.sc-yoo-slides-media-h .bottom-container.sc-yoo-slides-media yoo-icon.sc-yoo-slides-media{margin-right:var(--spacing-16, 1rem)}.sc-yoo-slides-media-h yoo-header.sc-yoo-slides-media{position:absolute;top:0;right:0;bottom:auto;left:0;z-index:11;cursor:pointer;-webkit-transition:0.3s;transition:0.3s}.card-media.sc-yoo-slides-media-h .slides-media-container.sc-yoo-slides-media yoo-swipe-container.sc-yoo-slides-media{--wrapper-border-radius:var(--border-radius-08, 0.5rem)}.card-media.sc-yoo-slides-media-h .hover-buttons.sc-yoo-slides-media{position:absolute;right:0;bottom:var(--spacing-16, 1rem);display:-ms-flexbox;display:flex}.card-media.sc-yoo-slides-media-h .hover-buttons.sc-yoo-slides-media yoo-button.sc-yoo-slides-media{margin-right:var(--spacing-16, 1rem)}.card-media.sc-yoo-slides-media-h .hover-buttons.sc-yoo-slides-media .flex.sc-yoo-slides-media{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.card-media.sc-yoo-slides-media-h .hover-buttons.sc-yoo-slides-media .flex.sc-yoo-slides-media span.sc-yoo-slides-media{padding-left:var(--spacing-08, 0.5rem)}.tagging.sc-yoo-slides-media-h{--search-bar-display:block}";
@@ -22,39 +22,36 @@ const YooSlidesMediaComponent = class {
     this.tag = createEvent(this, "tag", 7);
     this.annotate = createEvent(this, "annotate", 7);
     this.slideChanges = createEvent(this, "slideChanges", 7);
-    /**
-     * Secondary action, addition functionality passed to a readonly photo editor
-     */
+    this.itemFocused = false;
+    this.isZoomed = false;
+    this.photoEditorElements = [];
+    this.bottomContainerElements = [];
+    this.cardMediaElements = [];
+    this.allowFetchTags = true;
     this.secondaryActions = [];
+    this.canEditPhoto = undefined;
     this.currentSlideIndex = 0;
+    this.items = undefined;
     this.isReadonly = false;
     this.canAnnotate = false;
     this.canFlag = true;
     this.hideCloseButton = false;
     this.showBottomContainer = true;
+    this.isLight = undefined;
+    this.waitForModalLoaded = undefined;
     this.playsinline = true;
+    this.submitPhotoEditorButton = undefined;
+    this.displayType = undefined;
+    this.isAnimationFinished = undefined;
     this.allowOrientation = false;
+    this.currentIndex = undefined;
     this.hideContainer = false;
-    // advance actions states
-    /**
-     * Start tagging photo
-     */
     this.searchMode = 'lastused';
     this.isFirstLoad = true;
-    /**
-     * Start tagging photo
-     */
+    this.mostUsedTags = undefined;
+    this.lastUsedTags = undefined;
     this.isTagging = false;
-    /**
-     * Current search text
-     */
     this.currentText = '';
-    this.itemFocused = false;
-    this.isZoomed = false;
-    this.photoEditorElements = [];
-    this.bottomContainerElements = [];
-    this.cardMediaElements = [];
-    this.allowFetchTags = true;
   }
   onCurrentTextChanged() {
     if (this.currentText && this.currentText !== '') {
@@ -167,7 +164,12 @@ const YooSlidesMediaComponent = class {
             annotations: this.currentItem.annotations
           }
         };
-        showModal(feedDetail, null, 'fullscreen', isWeb(this.host) ? 'fadeEnterAnimation' : 'slideXEnterReverseAnimation', isWeb(this.host) ? 'fadeLeaveAnimation' : 'slideXLeaveReverseAnimation');
+        showModal({
+          component: feedDetail,
+          cssClass: 'fullscreen',
+          enterAnimation: isWeb(this.host) ? 'fadeEnterAnimation' : 'slideXEnterReverseAnimation',
+          leaveAnimation: isWeb(this.host) ? 'fadeLeaveAnimation' : 'slideXLeaveReverseAnimation'
+        });
       }
     }
   }

package/dist/esm/yoo-start-meeting-popup.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
-import { g as getAppContext } from './common-helpers-73accd43.js';
-import { t as translate } from './index-44691ffd.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-22891abe.js';
+import './index-590d30dd.js';
+import { g as getAppContext } from './common-helpers-2a9aacec.js';
+import { t as translate } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
-import './index-847a32fd.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const startMeetingPopupCss = "svg:not(:root){overflow:hidden}:host .outer-container{position:relative;width:15rem}:host .outer-container yoo-icon.cross{position:absolute;margin:var(--spacing-08, 0.5rem);cursor:pointer}:host .outer-container yoo-empty-state{height:17.6rem;background-color:var(--app-color-20, rgba(90, 48, 244, 0.2));border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container .description-container{padding:var(--spacing-16, 1rem);text-align:center}:host .outer-container .button-content{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .outer-container .button-content yoo-button{margin-bottom:var(--spacing-16, 1rem)}:host .outer-container .button-content yoo-button yoo-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .outer-container .button-content yoo-button yoo-icon span{padding-left:var(--spacing-08, 0.5rem);font-size:var(--font-size-12, 0.75rem)}";
@@ -11,6 +11,9 @@ const startMeetingPopupCss = "svg:not(:root){overflow:hidden}:host .outer-contai
 const YooStartMeetingPopupComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.svgPath = undefined;
+    this.tooltip = undefined;
+    this.extraButtons = undefined;
   }
   closeTooltip() {
     if (this.tooltip) {

package/dist/esm/yoo-swipe-container.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, i as createEvent, h } from './index-a6a92b3d.js';
+import { r as registerInstance, i as createEvent, h } from './index-22891abe.js';
 import { s as setupHammer, h as hammerTypes, i as isBottomSwipe, a as isTopSwipe, b as isRightSwipe, c as isLeftSwipe, d as hammerDirections } from './hammer-helpers-0b560cb3.js';
 import './_commonjsHelpers-f4d11124.js';
 
@@ -13,7 +13,6 @@ const YooSwipeContainerComponent = class {
     this.swipedLeft = createEvent(this, "swipedLeft", 7);
     this.panned = createEvent(this, "panned", 7);
     this.showSwipeControl = false;
-    // If true can only swipe on the swipe control area
     this.controlOnly = false;
     this.hammerOptions = {};
     this.pan = false;

package/dist/esm/yoo-tabs-slides.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, i as createEvent, l as readTask, m as writeTask, h, e as Host } from './index-a6a92b3d.js';
+import { r as registerInstance, i as createEvent, l as readTask, m as writeTask, h, e as Host } from './index-22891abe.js';
 
 const tabsSlidesCss = "svg:not(:root){overflow:hidden}:host{position:relative;width:100%;color:var(--stable-alt, #d0d0d0)}.outer-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;width:100%;height:6.25rem;overflow:hidden;background:var(--stable-ultralight, #fafafa);-webkit-box-shadow:inset 0 -0.25rem var(--spacing-04, 0.25rem) -0.25rem var(--dark-10, rgba(0, 0, 0, 0.1));box-shadow:inset 0 -0.25rem var(--spacing-04, 0.25rem) -0.25rem var(--dark-10, rgba(0, 0, 0, 0.1))}yoo-ion-slides{width:100%;height:100%}yoo-ion-slide{width:unset !important;max-width:17.5rem}.slide-padding{max-height:var(--spacing-48, 3rem);margin:0 1.5rem;overflow:hidden}.active{color:var(--dark, #000000)}.indicator{position:absolute;bottom:-0.5rem;z-index:1;width:var(--spacing-16, 1rem);height:var(--spacing-16, 1rem);background:var(--light, #ffffff);-webkit-box-shadow:0 0 var(--spacing-04, 0.25rem) var(--dark-10, rgba(0, 0, 0, 0.1));box-shadow:0 0 var(--spacing-04, 0.25rem) var(--dark-10, rgba(0, 0, 0, 0.1));-webkit-transform:rotate(45deg);transform:rotate(45deg)}";
 
@@ -6,14 +6,6 @@ const YooTabsSlidesComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.tabSelected = createEvent(this, "tabSelected", 7);
-    /**
-     * Tabs array.
-     */
-    this.tabs = [];
-    /**
-     * Initial index when the tabs is loaded.
-     */
-    this.initialIndex = 0;
     this.currentIndex = 0;
     this.tabElements = [];
     this.tabClicked = (index) => {
@@ -29,6 +21,8 @@ const YooTabsSlidesComponent = class {
       }
       this.setTab(index);
     };
+    this.tabs = [];
+    this.initialIndex = 0;
   }
   /**
    * Navigates to a tab programmatically

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-22891abe.js';
+import './index-590d30dd.js';
 import { a as isNumber, p as isString, G as isBoolean } from './lodash-777f91de.js';
-import { g as getAppContext } from './common-helpers-73accd43.js';
-import { o as isNativeMobile, N as isIOS, cv as vibrateHapticMedium, e0 as safeScrollIntoView, co as showActionSheet, a3 as translateMulti, H as isWeb, av as pipes } from './index-44691ffd.js';
-import './index-847a32fd.js';
+import { g as getAppContext } from './common-helpers-2a9aacec.js';
+import { o as isNativeMobile, N as isIOS, cv as vibrateHapticMedium, e0 as safeScrollIntoView, co as showActionSheet, a3 as translateMulti, H as isWeb, av as pipes } from './index-97f4ed07.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const tabsCss = "svg:not(:root){overflow:hidden}:host{--justify-tabs:flex-start;--height-tabs:var(--spacing-40, 2.5rem);--opacity-tabs:1;--active-tab-background:none;--active-text-color:var(--text-color, #807f83);--active-tab-border-color:var(--app-color, #5a30f4);--tab-border-color:transparent;--tab-border-width:var(--border-width-02, 0.125rem);--tab-padding:0 var(--spacing-16, 1rem);--vertical-tab-gap:var(--spacing-08, 0.5rem);display:block;width:100%;overflow:hidden}:host .tab-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:0 var(--spacing-08, 0.5rem);color:var(--active-text-color);white-space:nowrap;border-bottom:var(--tab-border-width) solid var(--tab-border-color);cursor:pointer;-webkit-transition:0.3s ease;transition:0.3s ease}:host .tab-container yoo-icon{fill:var(--text-color, #807f83)}:host .tab-container.active{color:var(--app-color, #5a30f4);background:var(--active-tab-background);border-bottom-color:var(--active-tab-border-color)}:host .tab-container.active .accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}:host .tab-container.active .app-color{color:var(--app-color, #5a30f4);fill:var(--app-color, #5a30f4)}:host .tab-container.active .danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}:host .tab-container.active .dark{color:var(--dark, #000000);fill:var(--dark, #000000)}:host .tab-container.active .energized{color:var(--energized, #ffc043);fill:var(--energized, #ffc043)}:host .tab-container.active .info{color:var(--info, #d84c96);fill:var(--info, #d84c96)}:host .tab-container.active .light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}:host .tab-container.active .stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}:host .tab-container.active .stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}:host .tab-container.active .stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}:host .tab-container.active .stable-ultralight{color:var(--stable-ultralight, #fafafa);fill:var(--stable-ultralight, #fafafa)}:host .tab-container.active .success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}:host .tab-container.active .text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}:host .tab-container.active .warning{color:var(--warning, #ed6e33);fill:var(--warning, #ed6e33)}:host .tab-container.active .wood{color:var(--wood, #99644c);fill:var(--wood, #99644c)}:host .tab-container.active yoo-icon{fill:var(--app-color, #5a30f4)}:host .outer-container{position:relative;height:var(--height-tabs);opacity:var(--opacity-tabs)}:host .outer-container-vertical{--height-tabs:2.5rem;font-size:var(--font-size-16, 1rem);--badge-width-with-spacing:var(--spacing-32, 2rem)}:host .outer-container-vertical .tab-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:0;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container-vertical .tab-container.active{background:none;border-bottom:var(--tab-border-width) solid var(--active-tab-border-color)}:host .outer-container-vertical .tab-container.active yoo-icon{fill:var(--app-color, #5a30f4)}:host .outer-container-vertical .tab-container:hover{color:var(--app-color, #5a30f4);background-color:var(--active-tab-background)}:host .outer-container-vertical .tab-header{-ms-flex-pack:left;justify-content:left;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:var(--height-tabs);padding:var(--spacing-08, 0.5rem);color:var(--dark, #000000);text-align:start}:host .outer-container-vertical .tab-header .flex{-ms-flex:1;flex:1}:host .outer-container-vertical .tab-header .full-width{width:100%}:host .outer-container-vertical .tab-header yoo-icon{margin-right:var(--spacing-08, 0.5rem);fill:var(--text-color, #807f83)}:host .outer-container-vertical .tab-header .tab-title{width:100%}:host .outer-container-vertical .tab-header .tab-title.plus-one{width:calc(100% - var(--spacing-32, 2rem))}:host .outer-container-vertical .tab-header .tab-title.sandwich{width:calc(100% - var(--spacing-64, 4rem))}:host .outer-container-vertical .tab-description{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:100%;padding:0 var(--spacing-16, 1rem) var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);padding-left:calc(var(--spacing-08, 0.5rem) + var(--badge-width-with-spacing));color:var(--text-color);font-size:var(--font-size-14, 0.875rem);white-space:normal}:host([hidden]){display:none}:host(.transparent) .tab-container:hover,:host(.transparent) .tab-container.active{color:var(--light, #ffffff)}:host(.web) .tab-container{-ms-flex:0;flex:0;padding:var(--tab-padding)}:host(.web) .outer-container-vertical .tab-container{padding:0}:host(.web) yoo-ripple-effect{display:none}:host(.web) .tab-container:hover{color:var(--dark, #000000)}:host(.web) .extra:hover{color:var(--app-color, #5a30f4)}:host(.web) .outer-container{margin-top:var(--spacing-08, 0.5rem)}:host(.web.no-margin) .outer-container{margin-top:0}:host(.center){--justify-tabs:center}:host([disabled=\"\"]),:host([disabled=true]){pointer-events:none}:host([disabled=\"\"]) .outer-container,:host([disabled=true]) .outer-container{color:var(--stable, #adadad);opacity:0.4}:host(.no-border) .static-container{border:none}yoo-ripple-effect{--color:var(--app-color, #5a30f4);--opacity:0.1}yoo-icon{-ms-flex-item-align:center;align-self:center;margin-right:var(--spacing-08, 0.5rem)}yoo-context-menu.editable{width:var(--icon-size-01, 1rem);margin-left:var(--spacing-08, 0.5rem)}yoo-context-menu.editable yoo-icon{margin-right:0}yoo-button{margin:0 var(--spacing-08, 0.5rem)}span{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}yoo-badge,yoo-tag{margin-left:var(--spacing-04, 0.25rem)}yoo-badge.margin-right{margin-right:var(--spacing-08, 0.5rem)}yoo-badge[shape=dot]{-ms-flex-item-align:start;align-self:flex-start}yoo-badge:not([shape=dot]),yoo-tag{-ms-flex-item-align:center;align-self:center}.static-container{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;border-bottom:var(--spacing-02, 0.125rem) solid var(--stable-light, #f1f1f1)}.scrolling-container{position:absolute;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:var(--justify-tabs);justify-content:var(--justify-tabs);width:100%;height:100%}.extra.active{color:var(--app-color, #5a30f4)}:host(.tabs-padding-top) .outer-container-vertical{padding-top:4rem}:host(.big-tabs) .tab-container{padding-bottom:0;border:none;-webkit-transition:color 0.3s ease;transition:color 0.3s ease}:host(.big-tabs) .tab-container:not(.active){padding-bottom:var(--spacing-08, 0.5rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.big-tabs) .tab-container.active{background-color:transparent}:host(.big-tabs) .tab-container+.tab-container{margin:0}:host(.big-tabs) .tab-description{border-bottom:var(--tab-border-width) solid var(--active-tab-border-color)}:host(.rtl) yoo-icon{margin-right:0;margin-left:var(--spacing-08, 0.5rem)}:host(.rtl) .outer-container-vertical .tab-description{padding-right:calc(var(--spacing-08, 0.5rem) + var(--badge-width-with-spacing));padding-left:var(--spacing-16, 1rem)}";
@@ -12,38 +12,6 @@ const YooTabsComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.tabSelected = createEvent(this, "tabSelected", 7);
-    /**
-     * Tabs array.
-     */
-    this.tabs = [];
-    /**
-     * Boolean which enables the editable mode.
-     */
-    this.isEditable = false;
-    /**
-     * If false, disables automatic scrolling into view when switching between tabs
-     */
-    this.autoScroll = true;
-    /**
-     * Editable options button array.
-     */
-    this.editableOptions = () => [];
-    /**
-     * Extra tabs array in editable mode.
-     */
-    this.extraTabs = [];
-    /**
-     * If `true`, the user cannot interact with the button.
-     */
-    this.disabled = false;
-    /**
-     * Enable ripple click effect
-     */
-    this.rippleEffect = true;
-    /**
-     * Initial index when the tabs is loaded.
-     */
-    this.initialIndex = 0;
     this.currentIndex = 0;
     this.tabElements = [];
     this.notifElements = [];
@@ -63,6 +31,17 @@ const YooTabsComponent = class {
       this.openedTabs[index] = true;
       this.setTab(index);
     };
+    this.tabs = [];
+    this.isEditable = false;
+    this.autoScroll = true;
+    this.vertical = undefined;
+    this.editableOptions = () => [];
+    this.extraTabs = [];
+    this.disabled = false;
+    this.rippleEffect = true;
+    this.initialIndex = 0;
+    this.showBadges = undefined;
+    this.tabOpenedIndicator = undefined;
   }
   onInitialIndexChanged(newIndex) {
     this.setTab(newIndex);

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, i as createEvent, h } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
-import { L as isRTL } from './index-44691ffd.js';
+import { r as registerInstance, i as createEvent, h } from './index-22891abe.js';
+import './index-590d30dd.js';
+import { L as isRTL } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
-import './index-847a32fd.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 function changeRgbOpacity(rgbColor, opacity) {
@@ -16,16 +16,16 @@ const YooTagComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.closed = createEvent(this, "closed", 7);
-    /**
-     * Set the size of the tag, can select between small and medium.
-     *
-     * If icon is set, then can change the size to large and extra large as well
-     */
+    this.closable = undefined;
     this.size = 'small';
-    /**
-     * To use as text/icon color instead of the default value, when a custom color has been defined
-     */
+    this.color = undefined;
+    this.icon = undefined;
+    this.noBackground = undefined;
+    this.iconOnlySize = undefined;
+    this.iconOnlyColor = undefined;
+    this.customColor = undefined;
     this.customColorOpacity = 0.1;
+    this.textCustomColor = undefined;
   }
   onClose() {
     this.closed.emit(true);

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-22891abe.js';
+import './index-590d30dd.js';
 import { n as compact, X as clamp } from './lodash-777f91de.js';
-import { o as openImageDetailFromRTE } from './common-helpers-73accd43.js';
-import { d7 as setSecuredContent, a3 as translateMulti } from './index-44691ffd.js';
-import './index-847a32fd.js';
+import { o as openImageDetailFromRTE } from './common-helpers-2a9aacec.js';
+import { d7 as setSecuredContent, a3 as translateMulti } from './index-97f4ed07.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const textSequenceCss = "svg:not(:root){overflow:hidden}: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;max-width:75%;height:var(--max-sequence-height);margin:0 auto;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 0.2s ease-in-out;transition:all 0.2s ease-in-out}:host #view-finder .sequence:not(.overflowing){place-content:center}:host #view-finder .sequence img{display:block}: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(50%, var(--light, #ffffff)));background:linear-gradient(0deg, var(--transparent-linear-gradient, rgba(255, 255, 255, 0)) 0%, var(--light, #ffffff) 50%)}:host .overlay[placement=bottom]{bottom:0;background:-webkit-gradient(linear, left bottom, left top, color-stop(50%, var(--light, #ffffff)), to(var(--transparent-linear-gradient, rgba(255, 255, 255, 0))));background:linear-gradient(0deg, var(--light, #ffffff) 50%, 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:0}: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)}@-webkit-keyframes scale-up{from{-webkit-transform:translateX(-50%) scale(0);transform:translateX(-50%) scale(0);opacity:0}to{-webkit-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1);opacity:1}}@keyframes scale-up{from{-webkit-transform:translateX(-50%) scale(0);transform:translateX(-50%) scale(0);opacity:0}to{-webkit-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1);opacity:1}}:host([animated]) #sequences{-webkit-transition:opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;transition:opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;transition:transform 0.5s ease-in-out, opacity 0.5s ease-in-out;transition:transform 0.5s ease-in-out, opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out}:host([animated]) #sequences[hidden]{opacity:0}:host([animated]) yoo-button{-webkit-transform:translateX(-50%) scale(0);transform:translateX(-50%) scale(0);opacity:0;-webkit-transition:opacity 0.25s ease-in-out, -webkit-transform 1s ease-in-out;transition:opacity 0.25s ease-in-out, -webkit-transform 1s ease-in-out;transition:transform 1s ease-in-out, opacity 0.25s ease-in-out;transition:transform 1s ease-in-out, opacity 0.25s ease-in-out, -webkit-transform 1s ease-in-out;-webkit-animation-name:scale-up;animation-name:scale-up;-webkit-animation-duration:0.25s;animation-duration:0.25s;-webkit-animation-delay:0.75s;animation-delay:0.75s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host([animated]) .sequence,:host([animated]) .overlay{-webkit-transition:-webkit-transform 0.25s;transition:-webkit-transform 0.25s;transition:transform 0.25s;transition:transform 0.25s, -webkit-transform 0.25s}";
@@ -13,10 +13,15 @@ const YooTextSequence = class {
     registerInstance(this, hostRef);
     this.validityChanged = createEvent(this, "validityChanged", 7);
     this.inputChanged = createEvent(this, "inputChanged", 7);
+    this.translateY = 0;
     this.animated = true;
+    this.heading = undefined;
+    this.values = undefined;
     this.validity = false;
+    this.isVisible = undefined;
+    this.isAnimationFinished = undefined;
     this.currentIndex = 0;
-    this.translateY = 0;
+    this.revealSequences = undefined;
   }
   onValuesChanged() {
     this.reinitSequences();

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

@@ -1,14 +1,17 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import { f as sanitizeHTML, g as getAppContext } from './common-helpers-73accd43.js';
-import './index-44691ffd.js';
-import './index-847a32fd.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-22891abe.js';
+import { f as sanitizeHTML, g as getAppContext } from './common-helpers-2a9aacec.js';
+import './index-97f4ed07.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 import './lodash-777f91de.js';
-import './index-e08fecc9.js';
+import './index-590d30dd.js';
 
 const YooTextComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.extraConversion = undefined;
+    this.content = undefined;
+    this.safeContent = undefined;
   }
   async componentWillRender() {
     await this.sanitizeContent();