@yoobic/yobi 8.5.0-63 → 8.5.0-64

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

@@ -5,7 +5,7 @@ import { O as isFinite } from './lodash-777f91de.js';
 import { g as getButton } from './button.factory-42e6d7c8.js';
 import { p as parseMediaMessageForSlidesMedia, g as getDateFormats } from './chat-helpers-d8de689a.js';
 import { a as showSlidesMedia, g as getAppContext } from './common-helpers-3b193836.js';
-import { o as isNativeMobile, w as closeModal, y as requestInterval, A as cancelRequestInterval, ae as floatingIconAnimation, N as isIOS, af as disableKeyboardResize, ag as enableKeyboardResize, W as getAsyncExtraData, ah as isNotificationMessage, ai as isRichContentMessage, a8 as getSession, aj as showAlert, t as translate, H as isWeb, ak as isVideo, al as isGif, X as findParent, am as isImage, an as downloadFile, ao as dateFormat, ac as getUserDisplayName, k as isNullOrUndefined, z as getFormattedCountDownToDisplay, ap as dispatchCustomEvent, M as isIphoneX } from './index-9e87cea3.js';
+import { o as isNativeMobile, w as closeModal, y as requestInterval, A as cancelRequestInterval, ae as floatingIconAnimation, N as isIOS, af as disableKeyboardResize, ag as enableKeyboardResize, W as getAsyncExtraData, ah as isNotificationMessage, ai as isRichContentMessage, a8 as getSession, aj as showAlert, t as translate, H as isWeb, ak as isVideo, al as isGif, am as isImage, an as downloadFile, ao as dateFormat, ac as getUserDisplayName, k as isNullOrUndefined, z as getFormattedCountDownToDisplay, ap as dispatchCustomEvent, M as isIphoneX } from './index-9e87cea3.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const chatCss = "svg:not(:root){overflow:hidden}:host{--typing-username-padding-left:45px;--gradient-background-image:linear-gradient(transparent 60%, var(--dark-80, rgba(0, 0, 0, 0.8))100%);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}:host .bg-accent{background-color:var(--accent, #276ef1) !important}:host .accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}:host .bg-app-color{background-color:var(--app-color, #5a30f4) !important}:host .app-color{color:var(--app-color, #5a30f4);fill:var(--app-color, #5a30f4)}:host .bg-danger{background-color:var(--danger, #d44333) !important}:host .danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}:host .bg-dark{background-color:var(--dark, #000000) !important}:host .dark{color:var(--dark, #000000);fill:var(--dark, #000000)}:host .bg-energized{background-color:var(--energized, #ffc043) !important}:host .energized{color:var(--energized, #ffc043);fill:var(--energized, #ffc043)}:host .bg-info{background-color:var(--info, #d84c96) !important}:host .info{color:var(--info, #d84c96);fill:var(--info, #d84c96)}:host .bg-light{background-color:var(--light, #ffffff) !important}:host .light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}:host .bg-stable{background-color:var(--stable, #adadad) !important}:host .stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}:host .bg-stable-alt{background-color:var(--stable-alt, #d0d0d0) !important}:host .stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}:host .bg-stable-light{background-color:var(--stable-light, #f1f1f1) !important}:host .stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}:host .bg-stable-ultralight{background-color:var(--stable-ultralight, #fafafa) !important}:host .stable-ultralight{color:var(--stable-ultralight, #fafafa);fill:var(--stable-ultralight, #fafafa)}:host .bg-success{background-color:var(--success, #3aa76d) !important}:host .success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}:host .bg-text-color{background-color:var(--text-color, #807f83) !important}:host .text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}:host .bg-warning{background-color:var(--warning, #ed6e33) !important}:host .warning{color:var(--warning, #ed6e33);fill:var(--warning, #ed6e33)}:host .bg-wood{background-color:var(--wood, #99644c) !important}:host .wood{color:var(--wood, #99644c);fill:var(--wood, #99644c)}@-webkit-keyframes slide-up{0%{-webkit-transform:translateY(3rem);transform:translateY(3rem)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-up{0%{-webkit-transform:translateY(3rem);transform:translateY(3rem)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slide-down{0%{-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-down{0%{-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}:host .delete-mode-header{-webkit-animation:slide-down 0.4s ease;animation:slide-down 0.4s ease}:host .loader{width:var(--spacing-96, 6rem);height:var(--spacing-96, 6rem);margin-left:auto}:host .simple-content{overflow:hidden}:host .timer-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-left:auto;color:var(--light, #ffffff)}:host .timer-container yoo-progress-bar{width:var(--spacing-32, 2rem);height:var(--spacing-32, 2rem);padding-right:var(--spacing-16, 1rem);--stroke-width-circle:6}:host .heading-container{width:calc(100% - var(--logo-05, 3rem));font-weight:bold;line-height:normal}:host .heading-container.light{color:var(--light, #ffffff)}:host .heading-container.small{font-size:var(--font-size-14, 0.875rem)}:host .heading-container .subheading{width:calc(100% - var(--logo-05, 3rem));color:var(--stable, #adadad);font-weight:normal;font-size:var(--font-size-14, 0.875rem)}:host .advanced-heading-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;height:7rem;padding:var(--spacing-16, 1rem) var(--spacing-16, 1rem) var(--spacing-08, 0.5rem);color:var(--light, #ffffff);background-color:var(--dark, #000000)}:host .advanced-heading-container .advanced-heading{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .advanced-heading-container .advanced-heading .advanced-heading-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:var(--spacing-08, 0.5rem)}:host .advanced-heading-container .advanced-heading .advanced-heading-content yoo-avatar{margin-right:var(--spacing-08, 0.5rem)}:host .advanced-heading-container .advanced-heading .advanced-heading-content yoo-icon{margin-left:auto}:host .advanced-heading-container .advanced-heading .advanced-heading-subheading{font-size:var(--font-size-14, 0.875rem)}:host .advanced-heading-container yoo-ion-footer{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;background-color:var(--dark, #000000);border-top:none}:host .messages-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-top:0.2rem;padding:0.3125rem 0.625rem 5.625rem 0.625rem;overflow:hidden;-webkit-transition:opacity 0.25s linear;transition:opacity 0.25s linear}:host .messages-container p{color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem);white-space:nowrap;text-align:center}:host .messages-container .someone-typing-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-top:var(--spacing-08, 0.5rem)}:host .messages-container .someone-typing-container .user-typing{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:56px;height:36px;background-color:var(--stable-light);border-radius:18px}:host .messages-container .someone-typing-container .user-typing .typing-indicator{position:relative;display:-ms-flexbox;display:flex;width:auto;margin:0 auto;background-color:var(--stable-light, #f1f1f1);border-radius:3.125rem;-webkit-animation:2s bulge infinite ease-out;animation:2s bulge infinite ease-out;will-change:transform}@-webkit-keyframes blink{50%{opacity:1}}@keyframes blink{50%{opacity:1}}@-webkit-keyframes bulge{50%{-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes bulge{50%{-webkit-transform:scale(1.05);transform:scale(1.05)}}:host .messages-container .someone-typing-container .user-typing .typing-indicator::before,:host .messages-container .someone-typing-container .user-typing .typing-indicator::after{position:absolute;bottom:-0.125rem;left:-0.125rem;width:0.5rem;height:0.5rem;background-color:var(--stable-light, #f1f1f1);border-radius:50%;content:\"\"}:host .messages-container .someone-typing-container .user-typing .typing-indicator::after{bottom:-0.1875rem;left:-0.1875rem;width:0.1875rem;height:0.1875rem}:host .messages-container .someone-typing-container .user-typing .typing-indicator span{display:block;float:left;width:0.5rem;height:0.5rem;margin:0 0.0625rem;background-color:var(--stable, #adadad);border-radius:50%;opacity:0.4}:host .messages-container .someone-typing-container .user-typing .typing-indicator span:nth-of-type(1){-webkit-animation:1s blink infinite 0.3333s;animation:1s blink infinite 0.3333s}:host .messages-container .someone-typing-container .user-typing .typing-indicator span:nth-of-type(2){-webkit-animation:1s blink infinite 0.6666s;animation:1s blink infinite 0.6666s}:host .messages-container .someone-typing-container .user-typing .typing-indicator span:nth-of-type(3){-webkit-animation:1s blink infinite 0.9999s;animation:1s blink infinite 0.9999s}:host .messages-container .someone-typing-container .username{padding-bottom:3px;padding-left:var(--typing-username-padding-left);color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem)}:host .messages-container .someone-typing-container .bottom-part{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding-left:var(--spacing-04, 0.25rem)}:host .delete-mode-footer{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;min-height:3rem;font-weight:var(--font-weight-400, 400);background:var(--light, #ffffff);-webkit-box-shadow:var(--footer-shadow, 0 0.0625rem 0.625rem 0 rgba(0, 0, 0, 0.15));box-shadow:var(--footer-shadow, 0 0.0625rem 0.625rem 0 rgba(0, 0, 0, 0.15));-webkit-animation:slide-up 0.4s ease;animation:slide-up 0.4s ease}:host .delete-mode-footer .accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}:host .delete-mode-footer .app-color{color:var(--app-color, #5a30f4);fill:var(--app-color, #5a30f4)}:host .delete-mode-footer .danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}:host .delete-mode-footer .dark{color:var(--dark, #000000);fill:var(--dark, #000000)}:host .delete-mode-footer .energized{color:var(--energized, #ffc043);fill:var(--energized, #ffc043)}:host .delete-mode-footer .info{color:var(--info, #d84c96);fill:var(--info, #d84c96)}:host .delete-mode-footer .light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}:host .delete-mode-footer .stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}:host .delete-mode-footer .stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}:host .delete-mode-footer .stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}:host .delete-mode-footer .stable-ultralight{color:var(--stable-ultralight, #fafafa);fill:var(--stable-ultralight, #fafafa)}:host .delete-mode-footer .success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}:host .delete-mode-footer .text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}:host .delete-mode-footer .warning{color:var(--warning, #ed6e33);fill:var(--warning, #ed6e33)}:host .delete-mode-footer .wood{color:var(--wood, #99644c);fill:var(--wood, #99644c)}:host .delete-mode-footer .inner-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-left:var(--spacing-16, 1rem)}:host .delete-mode-footer.disabled{color:var(--stable-40, rgba(173, 173, 173, 0.4))}:host yoo-navbar yoo-avatar,:host yoo-navbar yoo-avatars{margin-right:var(--spacing-08, 0.5rem)}:host .message-row{display:grid;grid-gap:var(--spacing-16, 1rem);grid-template-columns:auto 1fr;-ms-flex-align:center;align-items:center}:host .message-row yoo-form-checkbox,:host .message-row yoo-chat-message{-webkit-transition:-webkit-transform 0.5s;transition:-webkit-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s, -webkit-transform 0.5s}:host .message-row yoo-chat-message[left]{-webkit-transform:translateX(-2.5rem);transform:translateX(-2.5rem)}:host .message-row yoo-form-checkbox{-webkit-transform:translateX(calc(-100% - 1.5rem));transform:translateX(calc(-100% - 1.5rem))}:host .message-row.deleteable yoo-chat-message[left]{-webkit-transform:translateX(0rem);transform:translateX(0rem)}:host .message-row.deleteable yoo-form-checkbox{-webkit-transform:translateX(calc(100% - 1.5rem));transform:translateX(calc(100% - 1.5rem))}:host .message-row .notification{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:100%;padding:var(--spacing-16, 1rem) 0;color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem)}:host .message-row .notification yoo-avatar{padding-right:var(--spacing-04, 0.25rem)}:host .message-row yoo-chat-message{min-width:0;padding-bottom:var(--spacing-08, 0.5rem);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}:host yoo-copyright{color:var(--light, #ffffff)}:host(.iphone-x) .delete-mode-footer{padding-bottom:var(--spacing-24, 1.5rem)}:host(.broadcast.iphone-x) .broadcast-container .top-container{padding-top:var(--spacing-48, 3rem)}:host(.broadcast.iphone-x) .broadcast-container .broadcast-bottom-container{padding-bottom:var(--spacing-40, 2.5rem)}:host(.broadcast.iphone-x) .broadcast-container .video-outer-container{background:var(--dark, #000000)}:host(.broadcast.iphone-x) .broadcast-container .video-outer-container .video-container{height:97%}:host(.broadcast.web){display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(.broadcast.web) .broadcast-container{-webkit-box-sizing:border-box;box-sizing:border-box;width:23.4375rem;padding-bottom:var(--container-safe-area-bottom)}:host(.broadcast.web.broadcaster){--container-safe-area-bottom:7.5rem}:host(.broadcast.web.live.broadcaster){--message-content-height:45%}:host(.broadcast.web.live.broadcaster) .broadcast-container .quick-reaction-overlay{position:absolute;bottom:calc(var(--container-safe-area-bottom) + 8.75rem);z-index:99}:host(.broadcast.web.live.broadcaster) .broadcast-container .message-inner-container{opacity:1;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}:host(.broadcast.web.live.broadcaster) .broadcast-container .message-inner-container.hide{position:absolute;z-index:-1;opacity:0}:host(.broadcast){--player-margin-bottom:18%;--message-content-height:35%}:host(.broadcast) yoo-swipe-container{width:100%;height:100%}:host(.broadcast) .broadcast-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;background-image:var(--gradient-background-image)}:host(.broadcast) .broadcast-container.show-player .broadcast-bottom-container{margin-bottom:var(--player-margin-bottom)}:host(.broadcast) .broadcast-container.hide-controls{background-image:none}:host(.broadcast) .broadcast-container.hide-controls .top-container,:host(.broadcast) .broadcast-container.hide-controls .status-container,:host(.broadcast) .broadcast-container.hide-controls .broadcast-bottom-container{opacity:0;-webkit-transition:opacity 0.8s ease;transition:opacity 0.8s ease;pointer-events:none}:host(.broadcast) .broadcast-container .top-container,:host(.broadcast) .broadcast-container .status-container,:host(.broadcast) .broadcast-container .broadcast-bottom-container .messages-container{padding:var(--spacing-16, 1rem) var(--spacing-16, 1rem) 0 var(--spacing-16, 1rem);opacity:1;-webkit-transition:opacity 0.8s ease;transition:opacity 0.8s ease}:host(.broadcast) .broadcast-container.live{--message-content-height:45%}:host(.broadcast) .broadcast-container .video-container{position:absolute;width:100%;height:100%}:host(.broadcast) .broadcast-container .video-outer-container{position:absolute;z-index:2;display:-ms-flexbox;display:flex;width:100%;height:100%;opacity:1}:host(.broadcast) .broadcast-container .video-outer-container video{width:100%;height:100%}:host(.broadcast) .broadcast-container .video-outer-container.not-cordova{height:0;overflow:hidden;opacity:0}:host(.broadcast) .broadcast-container .video-outer-container.not-cordova .video-container{width:100%;height:100%}:host(.broadcast) .broadcast-container .video-outer-container.not-cordova.active{position:absolute;display:-ms-flexbox;display:flex;width:100%;height:100%;opacity:1}:host(.broadcast) .broadcast-container .overlay{position:absolute;top:0;bottom:var(--player-margin-bottom);z-index:2;width:100%;height:100%}:host(.broadcast) .broadcast-container .broadcast-bottom-container{position:relative;z-index:3;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:var(--message-content-height);margin-top:auto;color:var(--light, #ffffff);-webkit-transition:opacity 0.8s ease;transition:opacity 0.8s ease}:host(.broadcast) .broadcast-container .broadcast-bottom-container .input-bar-container{display:-ms-flexbox;display:flex;min-height:3.125rem}:host(.broadcast) .broadcast-container .broadcast-bottom-container yoo-button.start-live{width:auto;margin-top:auto;padding:0 var(--spacing-16, 1rem) var(--spacing-16, 1rem) var(--spacing-16, 1rem)}:host(.broadcast) .broadcast-container .broadcast-bottom-container .floating-icon-container{position:absolute;right:0;bottom:50px;width:80px;height:35vh}:host(.broadcast) .broadcast-container .broadcast-bottom-container .floating-icon-container yoo-icon{position:absolute;bottom:0;font-size:var(--font-size-18, 1.125rem)}:host(.broadcast) .broadcast-container .broadcast-bottom-container .share-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin-top:auto;padding:var(--spacing-16, 1rem)}:host(.broadcast) .broadcast-container .broadcast-bottom-container .share-container .text{width:100%}:host(.broadcast) .broadcast-container .broadcast-bottom-container .share-container .buttons-container{display:grid;grid-gap:var(--spacing-16, 1rem);grid-template-columns:1fr 1fr;width:100%;padding:0;padding-top:var(--spacing-16, 1rem)}:host(.broadcast) .broadcast-container .broadcast-bottom-container .content-overlay{position:absolute;top:-cssvar(spacing-40);z-index:1;width:100%;height:var(--spacing-40, 2.5rem);background-color:var(--dark, #000000);-webkit-filter:blur(10px);filter:blur(10px)}:host(.broadcast) .broadcast-container .broadcast-bottom-container yoo-ion-content{background:transparent;opacity:1;-webkit-transition:opacity 0.5s ease-in-out;transition:opacity 0.5s ease-in-out}:host(.broadcast) .broadcast-container .broadcast-bottom-container yoo-ion-content.hide{z-index:-1;opacity:0}:host(.broadcast) .broadcast-container .broadcast-bottom-container .message-inner-container{overflow:auto}:host(.broadcast) .broadcast-container .broadcast-bottom-container .message-inner-container .broadcast-message{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-right:var(--spacing-16, 1rem);padding-bottom:var(--spacing-08, 0.5rem);padding-left:var(--spacing-16, 1rem)}:host(.broadcast) .broadcast-container .broadcast-bottom-container .message-inner-container .broadcast-message .content-container{padding-left:var(--spacing-08, 0.5rem)}:host(.broadcast) .broadcast-container .broadcast-bottom-container .message-inner-container .broadcast-message .content-container .title{font-size:var(--font-size-14, 0.875rem)}:host(.broadcast) .broadcast-container .broadcast-bottom-container .message-inner-container .broadcast-message .content-container .content{font-size:var(--font-size-16, 1rem)}:host(.broadcast) .broadcast-container .broadcast-bottom-container yoo-input-bar{position:initial;z-index:2;margin-top:auto}:host(.broadcast) .broadcast-container .top-container{z-index:3;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;color:var(--light, #ffffff);background-image:-webkit-gradient(linear, left top, left bottom, from(var(--dark, #000000)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to bottom, var(--dark, #000000), rgba(0, 0, 0, 0))}:host(.broadcast) .broadcast-container .top-container .left{display:-ms-flexbox;display:flex}:host(.broadcast) .broadcast-container .top-container .left span{padding-left:var(--spacing-16, 1rem)}:host(.broadcast) .broadcast-container .top-container .left yoo-tag{padding-left:var(--spacing-08, 0.5rem)}:host(.broadcast) .broadcast-container .top-container .right{display:-ms-flexbox;display:flex;margin-left:auto}:host(.broadcast) .broadcast-container .top-container .right yoo-icon{padding-top:var(--spacing-02, 0.125rem);padding-left:var(--spacing-16, 1rem)}:host(.broadcast) .broadcast-container .top-container .extra-status-container{display:-ms-flexbox;display:flex;width:100%;padding-top:var(--spacing-04, 0.25rem);color:var(--light, #ffffff)}:host(.broadcast) .broadcast-container .top-container .extra-status-container.finished{-ms-flex-direction:column;flex-direction:column;margin-top:50%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host(.broadcast) .broadcast-container .top-container .extra-status-container.finished .status-text{padding-top:var(--spacing-16, 1rem)}:host(.broadcast) .broadcast-container .top-container .extra-status-container .avatars-container{display:-ms-flexbox;display:flex}:host(.broadcast) .broadcast-container .top-container .extra-status-container .avatars-container yoo-avatar{padding-right:var(--spacing-04, 0.25rem)}:host(.broadcast) .broadcast-container .top-container .extra-status-container .status-text{font-size:var(--font-size-16, 1rem)}:host(.broadcast) .broadcast-container .blur-overlay{position:absolute;z-index:1;width:100%;height:100%;background-image:var(--gradient-background-image)}:host(.broadcast) .broadcast-container .status-container{z-index:3;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-top:var(--spacing-08, 0.5rem);padding-top:0}:host(.broadcast) .broadcast-container .status-container yoo-icon,:host(.broadcast) .broadcast-container .status-container yoo-tag{margin-right:var(--spacing-04, 0.25rem)}:host(.web) yoo-navbar{--center-padding:0 var(--spacing-16, 1rem) 0 0}:host(.web) yoo-navbar yoo-avatar,:host(.web) yoo-navbar yoo-avatars{margin-right:var(--spacing-16, 1rem)}:host(.web) .heading-container.clickable,:host(.web) yoo-avatar.clickable{cursor:pointer}:host(.popup) yoo-navbar:hover{cursor:pointer}:host(.popup) yoo-navbar yoo-button{--hover-color:var(--dark-10, rgba(0, 0, 0, 0.1))}";
@@ -91,7 +91,7 @@ const YooChatComponent = class {
     const findIndex = mediaMessages.findIndex(m => (m === null || m === void 0 ? void 0 : m.timetoken) === ev.detail.timetoken);
     const items = parseMediaMessageForSlidesMedia(mediaMessages);
     const { message, item } = this.getCurrentItemAndMessage(findIndex, items, mediaMessages) || {};
-    const secondaryActions = this.getMediaSecondaryActions(findIndex, items, mediaMessages);
+    const secondaryActions = this.getMediaSecondaryActions(items, mediaMessages);
     showSlidesMedia(this.host, {
       items,
       currentSlideIndex: findIndex,
@@ -357,29 +357,23 @@ const YooChatComponent = class {
       this.scroll.scrollByPoint(0, scrollDistance, 300);
     }
   }
-  getMediaSecondaryActions(findIndex, items, mediaMessages) {
+  getMediaSecondaryActions(items, mediaMessages) {
     return [
       {
         icon: 'photo-annotated',
-        isVisible: (index) => {
-          if (!(index >= 0)) {
+        isVisible: (currentIndex) => {
+          if (currentIndex < 0) {
             return true;
           }
-          const { item } = this.getCurrentItemAndMessage(index, items, mediaMessages);
+          const { item } = this.getCurrentItemAndMessage(currentIndex, items, mediaMessages) || {};
           return item && !(isVideo(item.value) || isGif(item.value));
-        },
-        handler: (event) => {
-          if (event === null || event === void 0 ? void 0 : event.target) {
-            const photoEditor = findParent(event === null || event === void 0 ? void 0 : event.target, 'yoo-photo-editor');
-            photoEditor.isReadonly = false;
-          }
         }
       },
       {
         icon: 'download',
         isVisible: () => true,
-        handler: () => {
-          const { message, item } = this.getCurrentItemAndMessage(findIndex, items, mediaMessages);
+        handler: (currentIndex) => {
+          const { message, item } = this.getCurrentItemAndMessage(currentIndex, items, mediaMessages) || {};
           if (!message || !item) {
             return;
           }

package/dist/esm/yoo-form-choice-button.entry.js

@@ -1,14 +1,13 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-a6a92b3d.js';
 import './index-8ba1a121.js';
-import { h as highcharts } from './highcharts-c1be7540.js';
-import { u as updateValues, a as updateValue, p as prepareChoice, h as hasWarnings, i as isSelected, g as getColor, o as onItemSelect, R as ReadonlyCard } from './form-choice-helpers-47f8f7a0.js';
+import { p as isString } from './lodash-777f91de.js';
+import { u as updateValues, a as updateValue, p as prepareChoice, h as hasWarnings, i as isSelected, g as getColor, o as onItemSelect, R as ReadonlyCard } from './form-choice-helpers-a204024f.js';
 import { t as translate, a3 as translateMulti } from './index-9e87cea3.js';
-import './lodash-777f91de.js';
-import './_commonjsHelpers-f4d11124.js';
 import './draggable-tags-helpers-a1c103d1.js';
 import './form-input-helpers-df22e2a8.js';
 import './index-604330b3.js';
 import './common-helpers-3b193836.js';
+import './_commonjsHelpers-f4d11124.js';
 
 const formChoiceButtonCss = "svg:not(:root){overflow:hidden}:host([readonly]){padding:0.5rem 0.5rem 0 0;-ms-flex-pack:start;justify-content:flex-start;color:var(--dark, #000000)}:host([readonly]) .image-container{max-width:var(--spacing-80, 5rem);margin-right:var(--spacing-24, 1.5rem);margin-bottom:0;padding-bottom:0;border-bottom:none}:host([readonly]) .image-container .content{position:relative;width:var(--spacing-80, 5rem);height:var(--spacing-80, 5rem);border-radius:var(--border-radius-08, 0.5rem)}:host([readonly]) .image-container .content::before{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;opacity:0.4;content:\"\"}:host([readonly]) .image-container .content yoo-img{height:100%;border-radius:var(--border-radius-08, 0.5rem)}:host([readonly]) .image-container .content.correct-answer{border:var(--border-width-01, 0.0625rem) solid var(--success, #3aa76d)}:host([readonly]) .image-container .content.correct-answer::before{background-color:var(--success, #3aa76d)}:host([readonly]) .image-container .content.wrong-answer{border:var(--border-width-01, 0.0625rem) solid var(--danger, #d44333)}:host([readonly]) .image-container .content.wrong-answer::before{background-color:var(--danger, #d44333)}:host([readonly]) .image-container .text{white-space:unset;text-align:center;-webkit-line-clamp:2}:host([is-pdf]) .image-container{width:100%}:host([is-pdf]) .image-container .content{max-width:22.5rem}:host([is-pdf]) .image-container .content yoo-img{border:none;border-radius:0}:host([is-pdf]) .image-container .text{text-align:left}:host([is-pdf]) .image-container:not(:last-child){margin-bottom:var(--spacing-16, 1rem);padding-bottom:var(--spacing-16, 1rem)}.readonly-card{width:100%}.readonly-card .invalid{color:var(--danger, #d44333)}.readonly-card .valid{color:var(--success, #3aa76d)}.readonly-card.chat{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;color:var(--dark, #000000)}.readonly-card.chat .text:not(:last-of-type){margin-bottom:var(--spacing-08, 0.5rem)}.readonly-card.chat .text{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:var(--spacing-04, 0.25rem) var(--spacing-08, 0.5rem);border-radius:var(--border-radius-16, 1rem)}.readonly-card.chat .text.valid{color:var(--light, #ffffff);background-color:var(--success, #3aa76d)}.readonly-card.chat .text.invalid{color:var(--light, #ffffff);background-color:var(--danger, #d44333)}:host(.history:not(.forcedhistory)){padding:0}:host(.history:not(.forcedhistory))>.text,:host(.history:not(.forcedhistory)) .card .text,:host(.history:not(.forcedhistory)) .button .text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;margin-right:var(--spacing-16, 1rem)}:host{--button-columns:2;--item-spacing:var(--spacing-16, 1rem);display:block;width:100%;height:100%}:host yoo-banner{height:0}:host #buttons{display:grid;grid-gap:var(--item-spacing);grid-template-columns:repeat(var(--button-columns), minmax(0, 1fr))}:host yoo-button{--side-padding:0 var(--spacing-16, 1rem)}";
 
@@ -42,8 +41,8 @@ const YooFormChoiceButtonComponent = class {
     return this.choices && h("section", { id: "buttons" }, this.choices.map((item) => {
       var _a, _b;
       const { icon, _id, value, title } = item || {};
-      const choiceValue = (highcharts.isString(item) ? item : (_id || value || title));
-      const text = (highcharts.isString(item) ? item : (title || _id || value));
+      const choiceValue = (isString(item) ? item : (_id || value || title));
+      const text = (isString(item) ? item : (title || _id || value));
       const iconToDisplay = icon || ((_b = (_a = this.valuesIcon) === null || _a === void 0 ? void 0 : _a.find(valueIcon => text === valueIcon.key)) === null || _b === void 0 ? void 0 : _b.value.icon);
       return (!!text &&
         h("yoo-button", { color: isSelected(choiceValue, this.selection) ? this.getBackgroundColor(choiceValue) : 'light', customColor: getColor(choiceValue, this.valuesColor, this.selection), size: this.size || 'large', onClick: () => onItemSelect(choiceValue, this) }, iconToDisplay &&

package/dist/esm/yoo-form-choice-card.entry.js

@@ -1,4 +1,4 @@
-export { Y as yoo_form_choice_card } from './form-choice-helpers-47f8f7a0.js';
+export { Y as yoo_form_choice_card } from './form-choice-helpers-a204024f.js';
 import './index-8ba1a121.js';
 import './index-9e87cea3.js';
 import './index-604330b3.js';
@@ -8,4 +8,3 @@ import './draggable-tags-helpers-a1c103d1.js';
 import './form-input-helpers-df22e2a8.js';
 import './common-helpers-3b193836.js';
 import './index-a6a92b3d.js';
-import './highcharts-c1be7540.js';

package/dist/esm/yoo-form-choice-chat.entry.js

@@ -1,13 +1,12 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-a6a92b3d.js';
 import { M as MessageType } from './index-604330b3.js';
 import './index-8ba1a121.js';
-import { u as updateValues, a as updateValue, p as prepareChoice, h as hasWarnings, i as isSelected, o as onItemSelect, R as ReadonlyCard } from './form-choice-helpers-47f8f7a0.js';
+import { u as updateValues, a as updateValue, p as prepareChoice, h as hasWarnings, i as isSelected, o as onItemSelect, R as ReadonlyCard } from './form-choice-helpers-a204024f.js';
 import { t as translate, a3 as translateMulti } from './index-9e87cea3.js';
 import './lodash-777f91de.js';
 import './draggable-tags-helpers-a1c103d1.js';
 import './form-input-helpers-df22e2a8.js';
 import './common-helpers-3b193836.js';
-import './highcharts-c1be7540.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formChoiceChatCss = "svg:not(:root){overflow:hidden}:host([readonly]){padding:0.5rem 0.5rem 0 0;-ms-flex-pack:start;justify-content:flex-start;color:var(--dark, #000000)}:host([readonly]) .image-container{max-width:var(--spacing-80, 5rem);margin-right:var(--spacing-24, 1.5rem);margin-bottom:0;padding-bottom:0;border-bottom:none}:host([readonly]) .image-container .content{position:relative;width:var(--spacing-80, 5rem);height:var(--spacing-80, 5rem);border-radius:var(--border-radius-08, 0.5rem)}:host([readonly]) .image-container .content::before{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;opacity:0.4;content:\"\"}:host([readonly]) .image-container .content yoo-img{height:100%;border-radius:var(--border-radius-08, 0.5rem)}:host([readonly]) .image-container .content.correct-answer{border:var(--border-width-01, 0.0625rem) solid var(--success, #3aa76d)}:host([readonly]) .image-container .content.correct-answer::before{background-color:var(--success, #3aa76d)}:host([readonly]) .image-container .content.wrong-answer{border:var(--border-width-01, 0.0625rem) solid var(--danger, #d44333)}:host([readonly]) .image-container .content.wrong-answer::before{background-color:var(--danger, #d44333)}:host([readonly]) .image-container .text{white-space:unset;text-align:center;-webkit-line-clamp:2}:host([is-pdf]) .image-container{width:100%}:host([is-pdf]) .image-container .content{max-width:22.5rem}:host([is-pdf]) .image-container .content yoo-img{border:none;border-radius:0}:host([is-pdf]) .image-container .text{text-align:left}:host([is-pdf]) .image-container:not(:last-child){margin-bottom:var(--spacing-16, 1rem);padding-bottom:var(--spacing-16, 1rem)}.readonly-card{width:100%}.readonly-card .invalid{color:var(--danger, #d44333)}.readonly-card .valid{color:var(--success, #3aa76d)}.readonly-card.chat{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;color:var(--dark, #000000)}.readonly-card.chat .text:not(:last-of-type){margin-bottom:var(--spacing-08, 0.5rem)}.readonly-card.chat .text{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:var(--spacing-04, 0.25rem) var(--spacing-08, 0.5rem);border-radius:var(--border-radius-16, 1rem)}.readonly-card.chat .text.valid{color:var(--light, #ffffff);background-color:var(--success, #3aa76d)}.readonly-card.chat .text.invalid{color:var(--light, #ffffff);background-color:var(--danger, #d44333)}:host(.history:not(.forcedhistory)){padding:0}:host(.history:not(.forcedhistory))>.text,:host(.history:not(.forcedhistory)) .card .text,:host(.history:not(.forcedhistory)) .button .text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;margin-right:var(--spacing-16, 1rem)}:host{display:block;width:100%;height:100%}:host yoo-banner{height:0}:host #messages{display:grid;gap:var(--spacing-16, 1rem)}:host #messages yoo-chat-message{--left-messages-text-color:var(--dark, #000000)}:host #messages yoo-chat-message:not(:first-child){cursor:pointer;--right-messages-text-color:var(--dark, #000000);--border-message-content:var(--border-width-01, 0.0625rem) solid var(--app-color, #5a30f4)}:host #messages yoo-chat-message:not(:first-child).selected{--right-messages-background-color:var(--app-color, #5a30f4);--right-messages-text-color:var(--light, #ffffff)}:host #messages yoo-chat-message:not(:first-child):not(.selected){--right-messages-background-color:var(--light, #ffffff)}:host .title.alternate{text-align:end}:host([animated]){--chat-answer-message-animation-duration:0.3s;--chat-answer-message-animation-start:1.5s;--chat-answer-message-animation-step:0.2s;--chat-answer-title-animation-start:1.3s;--chat-question-message-animation-start:0.2s;--chat-question-message-fade-animation-duration:0.1s;--chat-question-message-slide-animation-duration:0.2s;--chat-question-title-animation-start:0.1s;--chat-title-animation-duration:0.2s;--choice-index:0}:host([animated]) yoo-chat-message,:host([animated]) .title{opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host([animated]) yoo-chat-message.choice{-webkit-animation-name:slide-in-from-right, fade-in;animation-name:slide-in-from-right, fade-in;-webkit-animation-duration:var(--chat-answer-message-animation-duration);animation-duration:var(--chat-answer-message-animation-duration);-webkit-animation-timing-function:var(--ease-out-back), var(--ease-in-out-sine);animation-timing-function:var(--ease-out-back), var(--ease-in-out-sine);-webkit-animation-delay:calc(var(--chat-answer-message-animation-start) + var(--choice-index) * var(--chat-answer-message-animation-step));animation-delay:calc(var(--chat-answer-message-animation-start) + var(--choice-index) * var(--chat-answer-message-animation-step))}:host([animated]) yoo-chat-message:not(.choice){-webkit-animation-name:slide-in-from-left, fade-in;animation-name:slide-in-from-left, fade-in;-webkit-animation-duration:var(--chat-question-message-slide-animation-duration), var(--chat-question-message-fade-animation-duration);animation-duration:var(--chat-question-message-slide-animation-duration), var(--chat-question-message-fade-animation-duration);-webkit-animation-timing-function:var(--ease-out-back), var(--ease-in-out-sine);animation-timing-function:var(--ease-out-back), var(--ease-in-out-sine);-webkit-animation-delay:var(--chat-question-message-animation-start);animation-delay:var(--chat-question-message-animation-start)}:host([animated]) .title{-webkit-animation-name:slide-up, fade-in;animation-name:slide-up, fade-in;-webkit-animation-duration:var(--chat-title-animation-duration);animation-duration:var(--chat-title-animation-duration)}:host([animated]) .title.alternate{-webkit-animation-timing-function:var(--ease-in-out-sine);animation-timing-function:var(--ease-in-out-sine);-webkit-animation-delay:var(--chat-answer-title-animation-start);animation-delay:var(--chat-answer-title-animation-start)}:host([animated]) .title:not(.alternate){-webkit-animation-timing-function:var(--ease-out-quad);animation-timing-function:var(--ease-out-quad);-webkit-animation-delay:var(--chat-question-title-animation-start);animation-delay:var(--chat-question-title-animation-start)}@-webkit-keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes slide-in-from-right{from{-webkit-transform:translateX(17.375rem);transform:translateX(17.375rem)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-in-from-right{from{-webkit-transform:translateX(17.375rem);transform:translateX(17.375rem)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slide-in-from-left{from{-webkit-transform:translateX(-13.75rem);transform:translateX(-13.75rem)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-in-from-left{from{-webkit-transform:translateX(-13.75rem);transform:translateX(-13.75rem)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slide-up{from{-webkit-transform:translateY(0.5rem);transform:translateY(0.5rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-up{from{-webkit-transform:translateY(0.5rem);transform:translateY(0.5rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slide-in-from-bottom{from{-webkit-transform:translateY(42rem);transform:translateY(42rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-in-from-bottom{from{-webkit-transform:translateY(42rem);transform:translateY(42rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}";

package/dist/esm/yoo-form-choice-image.entry.js

@@ -2,12 +2,11 @@ import { r as registerInstance, i as createEvent, h, e as Host, g as getElement
 import './index-8ba1a121.js';
 import { a as showSlidesMedia } from './common-helpers-3b193836.js';
 import { h as hasDuplicates } from './draggable-tags-helpers-a1c103d1.js';
-import { u as updateValues, a as updateValue, p as prepareChoice, h as hasWarnings, o as onItemSelect, i as isSelected } from './form-choice-helpers-47f8f7a0.js';
+import { u as updateValues, a as updateValue, p as prepareChoice, h as hasWarnings, o as onItemSelect, i as isSelected } from './form-choice-helpers-a204024f.js';
 import { a3 as translateMulti } from './index-9e87cea3.js';
 import './lodash-777f91de.js';
 import './form-input-helpers-df22e2a8.js';
 import './index-604330b3.js';
-import './highcharts-c1be7540.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formChoiceImageCss = "svg:not(:root){overflow:hidden}:host([readonly]){padding:0.5rem 0.5rem 0 0;-ms-flex-pack:start;justify-content:flex-start;color:var(--dark, #000000)}:host([readonly]) .image-container{max-width:var(--spacing-80, 5rem);margin-right:var(--spacing-24, 1.5rem);margin-bottom:0;padding-bottom:0;border-bottom:none}:host([readonly]) .image-container .content{position:relative;width:var(--spacing-80, 5rem);height:var(--spacing-80, 5rem);border-radius:var(--border-radius-08, 0.5rem)}:host([readonly]) .image-container .content::before{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;opacity:0.4;content:\"\"}:host([readonly]) .image-container .content yoo-img{height:100%;border-radius:var(--border-radius-08, 0.5rem)}:host([readonly]) .image-container .content.correct-answer{border:var(--border-width-01, 0.0625rem) solid var(--success, #3aa76d)}:host([readonly]) .image-container .content.correct-answer::before{background-color:var(--success, #3aa76d)}:host([readonly]) .image-container .content.wrong-answer{border:var(--border-width-01, 0.0625rem) solid var(--danger, #d44333)}:host([readonly]) .image-container .content.wrong-answer::before{background-color:var(--danger, #d44333)}:host([readonly]) .image-container .text{white-space:unset;text-align:center;-webkit-line-clamp:2}:host([is-pdf]) .image-container{width:100%}:host([is-pdf]) .image-container .content{max-width:22.5rem}:host([is-pdf]) .image-container .content yoo-img{border:none;border-radius:0}:host([is-pdf]) .image-container .text{text-align:left}:host([is-pdf]) .image-container:not(:last-child){margin-bottom:var(--spacing-16, 1rem);padding-bottom:var(--spacing-16, 1rem)}.readonly-card{width:100%}.readonly-card .invalid{color:var(--danger, #d44333)}.readonly-card .valid{color:var(--success, #3aa76d)}.readonly-card.chat{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;color:var(--dark, #000000)}.readonly-card.chat .text:not(:last-of-type){margin-bottom:var(--spacing-08, 0.5rem)}.readonly-card.chat .text{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:var(--spacing-04, 0.25rem) var(--spacing-08, 0.5rem);border-radius:var(--border-radius-16, 1rem)}.readonly-card.chat .text.valid{color:var(--light, #ffffff);background-color:var(--success, #3aa76d)}.readonly-card.chat .text.invalid{color:var(--light, #ffffff);background-color:var(--danger, #d44333)}:host(.history:not(.forcedhistory)){padding:0}:host(.history:not(.forcedhistory))>.text,:host(.history:not(.forcedhistory)) .card .text,:host(.history:not(.forcedhistory)) .button .text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;margin-right:var(--spacing-16, 1rem)}:host{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;width:100%}:host yoo-banner{width:100%;height:0}:host .content{position:relative}:host .content yoo-img{border:solid var(--border-width-01, 0.0625rem) var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-08, 0.5rem);cursor:pointer}:host .content yoo-form-checkbox{position:absolute;top:var(--spacing-08, 0.5rem);right:var(--spacing-08, 0.5rem)}:host .content yoo-tag{position:absolute;right:var(--spacing-08, 0.5rem);bottom:var(--spacing-08, 0.5rem);display:-ms-flexbox;display:flex;cursor:pointer}:host .text{margin:var(--spacing-08, 0.5rem) 0;text-align:center;cursor:pointer}:host .text.truncate{overflow:hidden;text-align:left;word-break:break-word}@supports (display: -webkit-box){:host .text.truncate{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}:host .text.link{color:var(--app-color, #5a30f4)}:host([animated]:not([readonly])){--image-index:0}:host([animated]:not([readonly])) .image-container{-webkit-transform:scale(0);transform:scale(0);-webkit-animation-name:scale;animation-name:scale;-webkit-animation-duration:400ms;animation-duration:400ms;-webkit-animation-timing-function:var(--ease-out-quad);animation-timing-function:var(--ease-out-quad);-webkit-animation-delay:calc(0.5s + var(--image-index) * 0.1s);animation-delay:calc(0.5s + var(--image-index) * 0.1s);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes scale{from{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale{from{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}:host([is-pdf]) .image-container:not(:last-child){border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(:not([is-pdf]):not([readonly])){gap:var(--spacing-16, 1rem)}:host(:not([is-pdf]):not([readonly])) yoo-banner{margin-bottom:calc(var(--spacing-16, 1rem) * -1)}:host(:not([is-pdf]):not([readonly])) .image-container{width:calc(50% - (var(--spacing-16, 1rem) / 2));max-width:18rem}:host(:not([is-pdf]):not([readonly])) .image-container yoo-img{--image-position:absolute;position:relative}:host(:not([is-pdf]):not([readonly])) .image-container yoo-img:after{padding-bottom:100%;content:\"\"}";

package/dist/esm/yoo-form-choice-radio.entry.js

@@ -2,12 +2,11 @@ import { r as registerInstance, i as createEvent, h, e as Host, g as getElement
 import './index-8ba1a121.js';
 import { n as compact, p as isString } from './lodash-777f91de.js';
 import { a as setValueAndValidateInput } from './form-input-helpers-df22e2a8.js';
-import { u as updateValues, a as updateValue, p as prepareChoice, h as hasWarnings, o as onItemSelect, R as ReadonlyCard } from './form-choice-helpers-47f8f7a0.js';
+import { u as updateValues, a as updateValue, p as prepareChoice, h as hasWarnings, o as onItemSelect, R as ReadonlyCard } from './form-choice-helpers-a204024f.js';
 import { t as translate, k as isNullOrUndefined, I as debounce, a3 as translateMulti } from './index-9e87cea3.js';
 import './index-604330b3.js';
 import './common-helpers-3b193836.js';
 import './draggable-tags-helpers-a1c103d1.js';
-import './highcharts-c1be7540.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formChoiceRadioCss = "svg:not(:root){overflow:hidden}:host([readonly]){padding:0.5rem 0.5rem 0 0;-ms-flex-pack:start;justify-content:flex-start;color:var(--dark, #000000)}:host([readonly]) .image-container{max-width:var(--spacing-80, 5rem);margin-right:var(--spacing-24, 1.5rem);margin-bottom:0;padding-bottom:0;border-bottom:none}:host([readonly]) .image-container .content{position:relative;width:var(--spacing-80, 5rem);height:var(--spacing-80, 5rem);border-radius:var(--border-radius-08, 0.5rem)}:host([readonly]) .image-container .content::before{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;opacity:0.4;content:\"\"}:host([readonly]) .image-container .content yoo-img{height:100%;border-radius:var(--border-radius-08, 0.5rem)}:host([readonly]) .image-container .content.correct-answer{border:var(--border-width-01, 0.0625rem) solid var(--success, #3aa76d)}:host([readonly]) .image-container .content.correct-answer::before{background-color:var(--success, #3aa76d)}:host([readonly]) .image-container .content.wrong-answer{border:var(--border-width-01, 0.0625rem) solid var(--danger, #d44333)}:host([readonly]) .image-container .content.wrong-answer::before{background-color:var(--danger, #d44333)}:host([readonly]) .image-container .text{white-space:unset;text-align:center;-webkit-line-clamp:2}:host([is-pdf]) .image-container{width:100%}:host([is-pdf]) .image-container .content{max-width:22.5rem}:host([is-pdf]) .image-container .content yoo-img{border:none;border-radius:0}:host([is-pdf]) .image-container .text{text-align:left}:host([is-pdf]) .image-container:not(:last-child){margin-bottom:var(--spacing-16, 1rem);padding-bottom:var(--spacing-16, 1rem)}.readonly-card{width:100%}.readonly-card .invalid{color:var(--danger, #d44333)}.readonly-card .valid{color:var(--success, #3aa76d)}.readonly-card.chat{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;color:var(--dark, #000000)}.readonly-card.chat .text:not(:last-of-type){margin-bottom:var(--spacing-08, 0.5rem)}.readonly-card.chat .text{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:var(--spacing-04, 0.25rem) var(--spacing-08, 0.5rem);border-radius:var(--border-radius-16, 1rem)}.readonly-card.chat .text.valid{color:var(--light, #ffffff);background-color:var(--success, #3aa76d)}.readonly-card.chat .text.invalid{color:var(--light, #ffffff);background-color:var(--danger, #d44333)}:host(.history:not(.forcedhistory)){padding:0}:host(.history:not(.forcedhistory))>.text,:host(.history:not(.forcedhistory)) .card .text,:host(.history:not(.forcedhistory)) .button .text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;margin-right:var(--spacing-16, 1rem)}:host{display:block;width:100%;height:100%}:host yoo-banner{height:0}:host .choice{margin-top:-cssvar(spacing-08)}:host .input-zone{position:relative;height:2.375rem;margin-top:var(--spacing-08, 0.5rem);margin-right:var(--spacing-16, 1rem);margin-left:var(--spacing-16, 1rem);padding:var(--spacing-04, 0.25rem);background-color:var(--light, #ffffff);border:var(--border-width-01, 0.0625rem) solid var(--stable, #adadad);border-radius:var(--border-radius-04, 0.25rem)}:host .input-zone textarea{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;overflow:hidden;overflow-y:auto !important;color:var(--dark, #000000);font-size:var(--font-size-14, 0.875rem);font-family:var(--font-family, \"Lato\");line-height:1rem;background-color:var(--light, #ffffff);border:none;outline:none !important;-webkit-appearance:none;resize:none}";

package/dist/esm/yoo-grid-calendar.entry.js

@@ -1,8 +1,7 @@
 import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-a6a92b3d.js';
 import { a7 as QuickviewModaNoTopClass, W as WaitlistAPIDateFormat, a8 as CALENDAR_TRANSLATIONS, a9 as ATTENDANCE_TRANSLATIONS } from './index-604330b3.js';
 import { h as getRecurrences } from './index-8ba1a121.js';
-import { h as highcharts } from './highcharts-c1be7540.js';
-import { n as compact, a1 as flatten, s as assign, C as get, W as sumBy, a0 as remove } from './lodash-777f91de.js';
+import { n as compact, a1 as flatten, s as assign, C as get, i as isArray, W as sumBy, a0 as remove } from './lodash-777f91de.js';
 import { t as tippy } from './tippy.esm-f31e73d9.js';
 import { b as getMissionColor } from './operation-helpers-754b31cf.js';
 import { g as getAppContext } from './common-helpers-3b193836.js';
@@ -392,7 +391,7 @@ const YooGridCalendarComponent = class {
   }
   getEventTitle(i) {
     let title = get(i, (this.titleField || 'title')) || get(i, 'description' + (this.suffix || '')) || get(i, 'name' + (this.suffix || '')) || 'EVENT';
-    if (highcharts.isArray(title)) {
+    if (isArray(title)) {
       title = title.join(' ');
     }
     title = title === null || title === void 0 ? void 0 : title.replace(/(<([^>]+)>)/ig, '').replace(/&nbsp;/g, ' ');

package/dist/esm/yoo-photo-editor.entry.js

@@ -39,11 +39,11 @@ const Dot = ({ annotation, tooltipProps, onAnnotationClick, onDotSave, readonly,
 class Menu {
   constructor(config) {
     this.getOptions = () => {
-      var _a, _b, _c;
+      var _a, _b;
       return {
         extras: {
           start: [this.closeOption],
-          end: ((_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.extrasActions) === null || _b === void 0 ? void 0 : _b.filter((extraAction) => (extraAction === null || extraAction === void 0 ? void 0 : extraAction.isVisible) ? extraAction.isVisible() : extraAction)) || []
+          end: ((_a = this.config) === null || _a === void 0 ? void 0 : _a.extrasActions) || []
         },
         tools: {
           start: [this.closeOption],
@@ -55,7 +55,7 @@ class Menu {
         text: {
           start: [
             ...this.formatOptions([
-              `align-${((_c = this.activeStyles) === null || _c === void 0 ? void 0 : _c.textAlignment) || 'center'}`,
+              `align-${((_b = this.activeStyles) === null || _b === void 0 ? void 0 : _b.textAlignment) || 'center'}`,
               `background-${this.isBackgroundOff ? 'off' : 'on'}`
             ]),
             ...[this.predefinedTextsOption]
@@ -200,6 +200,7 @@ const YooPhotoEditorComponent = class {
     this.imageZoomed = createEvent(this, "imageZoomed", 7);
     this.switchFromEditable = createEvent(this, "switchFromEditable", 7);
     this.blockMoves = createEvent(this, "blockMoves", 7);
+    this.extraActionClicked = createEvent(this, "extraActionClicked", 7);
     this.saveChanges = createEvent(this, "saveChanges", 7);
     /**
      * Set to true wether the image in a readonly mode can be
@@ -1158,8 +1159,13 @@ const YooPhotoEditorComponent = class {
       const actionName = isIcon ? clickedElement.name : (_a = content === null || content === void 0 ? void 0 : content.toLowerCase()) === null || _a === void 0 ? void 0 : _a.replace('yoobic', '');
       const getEntity = (button, type) => (button === null || button === void 0 ? void 0 : button[type]) && isFunction(button[type]) ? button[type]() : button[type];
       const extraAction = (_b = (this.extraActions || [])) === null || _b === void 0 ? void 0 : _b.find(xa => { var _a, _b; return ((_a = getEntity(xa, 'icon')) === null || _a === void 0 ? void 0 : _a.includes(content)) || ((_b = getEntity(xa, 'content')) === null || _b === void 0 ? void 0 : _b.includes(xa === null || xa === void 0 ? void 0 : xa.icon)); });
-      if (extraAction === null || extraAction === void 0 ? void 0 : extraAction.handler) {
-        extraAction.handler(ev);
+      if (extraAction) {
+        if (extraAction.icon === 'photo-annotated') {
+          this.isReadonly = false;
+        }
+        else {
+          this.extraActionClicked.emit(extraAction);
+        }
       }
       if (extraAction === null || extraAction === void 0 ? void 0 : extraAction['subActions']) {
         const actions = extraAction['subActions'];

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

@@ -8,7 +8,7 @@ import { d as fuzzySearch } from './form-text-area-helpers-5254fd1b.js';
 import './index-604330b3.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;-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}";
+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}";
 
 const YooSlidesMediaComponent = class {
   constructor(hostRef) {
@@ -421,10 +421,9 @@ const YooSlidesMediaComponent = class {
       .filter((item) => (item.isVisible ? item.isVisible(this.currentIndex) : true))
       .map((item) => {
       return (h("yoo-icon", { onClick: (ev) => {
+          var _a;
           ev.stopPropagation();
-          if (item.handler) {
-            item.handler(this.currentIndex);
-          }
+          (_a = item === null || item === void 0 ? void 0 : item.handler) === null || _a === void 0 ? void 0 : _a.call(item, this.currentIndex);
         }, name: item.icon, color: "light" }));
     })));
   }
@@ -468,14 +467,12 @@ const YooSlidesMediaComponent = class {
     return h("yoo-videoplayer-core", { class: "video", onClick: () => this.onItemClicked(), ref: (el) => (this.videoPlayerElement = el), ...attrs });
   }
   renderPhotoEditor(item, index) {
-    var _a, _b, _c, _d;
-    const extraActions = (this.secondaryActions || [])
-      .filter((item) => (item.isVisible ? item.isVisible(index) : true));
+    var _a, _b, _c, _d, _e;
     return (h("yoo-photo-editor", { id: `${index}`, class: {
         current: index === this.currentIndex,
         light: this.isLight,
         [item === null || item === void 0 ? void 0 : item.extraClass]: !!(item === null || item === void 0 ? void 0 : item.extraClass)
-      }, editable: this.canAnnotate, zoomable: true, ref: (el) => (this.photoEditorElements[index] = el), onZoomClicked: () => this.onItemClicked(), isReadonly: true, src: this.getPhotoSrc(item), animated: item.animated, display: item.display, cloudinaryOptions: item.cloudinaryOptions, submitView: item.submitView, extraActions: !this.displayType && extraActions, drawings: (_c = (_b = (item.drawings || ((_a = item.photoEditorParams) === null || _a === void 0 ? void 0 : _a.drawings) || '')) !== null && _b !== void 0 ? _b : item.edit) !== null && _c !== void 0 ? _c : item.svgData, annotations: item.annotations || ((_d = item.photoEditorParams) === null || _d === void 0 ? void 0 : _d.annotations) || item.texts, submitButton: this.submitPhotoEditorButton, onImageZoomed: (ev) => this.hideContainer = ev === null || ev === void 0 ? void 0 : ev.detail, onImageClicked: () => !isWeb(this.host) && this.showPhotoDetailView(), onSaveChanges: (ev) => {
+      }, editable: this.canAnnotate, zoomable: true, ref: (el) => this.photoEditorElements[index] = el, onZoomClicked: () => this.onItemClicked(), isReadonly: true, src: this.getPhotoSrc(item), animated: item.animated, display: item.display, cloudinaryOptions: item.cloudinaryOptions, submitView: item.submitView, extraActions: !this.displayType && ((_a = this.secondaryActions) === null || _a === void 0 ? void 0 : _a.filter((item) => { var _a; return ((_a = item === null || item === void 0 ? void 0 : item.isVisible) === null || _a === void 0 ? void 0 : _a.call(item, index)) || true; })), drawings: (_d = (_c = (item.drawings || ((_b = item.photoEditorParams) === null || _b === void 0 ? void 0 : _b.drawings) || '')) !== null && _c !== void 0 ? _c : item.edit) !== null && _d !== void 0 ? _d : item.svgData, annotations: item.annotations || ((_e = item.photoEditorParams) === null || _e === void 0 ? void 0 : _e.annotations) || item.texts, submitButton: this.submitPhotoEditorButton, onImageZoomed: (ev) => this.hideContainer = ev === null || ev === void 0 ? void 0 : ev.detail, onImageClicked: () => !isWeb(this.host) && this.showPhotoDetailView(), onExtraActionClicked: (ev) => { var _a, _b; return (_b = (_a = ev === null || ev === void 0 ? void 0 : ev.detail) === null || _a === void 0 ? void 0 : _a.handler) === null || _b === void 0 ? void 0 : _b.call(_a, this.currentIndex); }, onSaveChanges: (ev) => {
         if (ev === null || ev === void 0 ? void 0 : ev.detail) {
           const { drawings, annotations } = ev.detail;
           this.items[index] = { ...this.items[index], drawings, annotations };

package/dist/types/components/3.organisms/photo-editor/photo-editor.d.ts

@@ -112,6 +112,10 @@ export declare class YooPhotoEditorComponent implements ComponentInterface {
    * Emitted to block the swiping action of the slides when drag and dropping an annotation
    */
   blockMoves: EventEmitter<boolean>;
+  /**
+   * Emitted to block the swiping action of the slides when drag and dropping an annotation
+   */
+  extraActionClicked: EventEmitter<IButton>;
   /**
    * Emitted when the annotations changes are being saved
    */

package/dist/types/components.d.ts

@@ -17770,6 +17770,10 @@ declare namespace LocalJSX {
           * Emitted to block the swiping action of the slides when drag and dropping an annotation
          */
         "onBlockMoves"?: (event: YooPhotoEditorCustomEvent<boolean>) => void;
+        /**
+          * Emitted to block the swiping action of the slides when drag and dropping an annotation
+         */
+        "onExtraActionClicked"?: (event: YooPhotoEditorCustomEvent<IButton>) => void;
         /**
           * Emitted when the image is being clicked (in a readonly mode only)
          */

package/dist/types/feature-communicate/chat/chat/chat.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { IButton, IChatAdvancedOptions, IChatBroadcastParams, IChatFloatingAnimationParams, IChatInputParams, IChatMessage, IChatMessageReceivedInfo, IChatShareParams, IChatStatusParams, IUser, TIconName } from '@shared/interfaces';
-import { EventEmitter } from '../../../stencil-public-runtime';
+import { EventEmitter, JSX } from '../../../stencil-public-runtime';
 import type { ISlidesMediaParams } from '../../../interfaces';
 export declare class YooChatComponent {
   /**
@@ -162,7 +161,7 @@ export declare class YooChatComponent {
   onInfiniteScroll(): void;
   onIonScroll(ev: any): Promise<void>;
   onRepliedMessageClicked(ev: CustomEvent<number>): void;
-  getMediaSecondaryActions(findIndex: number, items: ISlidesMediaParams[], mediaMessages: IChatMessage[]): IButton[];
+  getMediaSecondaryActions(items: ISlidesMediaParams[], mediaMessages: IChatMessage[]): IButton[];
   getCurrentItemAndMessage(index: number, items: ISlidesMediaParams[], mediaMessages: IChatMessage[]): {
     message: IChatMessage;
     item: ISlidesMediaParams;

package/package.json

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