@yoobic/yobi 8.5.0-63 → 8.5.0-64

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

@@ -95,7 +95,7 @@ const YooChatComponent = class {
     const findIndex = mediaMessages.findIndex(m => (m === null || m === void 0 ? void 0 : m.timetoken) === ev.detail.timetoken);
     const items = chatHelpers.parseMediaMessageForSlidesMedia(mediaMessages);
     const { message, item } = this.getCurrentItemAndMessage(findIndex, items, mediaMessages) || {};
-    const secondaryActions = this.getMediaSecondaryActions(findIndex, items, mediaMessages);
+    const secondaryActions = this.getMediaSecondaryActions(items, mediaMessages);
     commonHelpers.showSlidesMedia(this.host, {
       items,
       currentSlideIndex: findIndex,
@@ -361,29 +361,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 && !(index$1.isVideo(item.value) || index$1.isGif(item.value));
-        },
-        handler: (event) => {
-          if (event === null || event === void 0 ? void 0 : event.target) {
-            const photoEditor = index$1.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/cjs/yoo-form-choice-button.cjs.entry.js

@@ -4,15 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
 require('./index-944805e9.js');
-const highcharts = require('./highcharts-874d9bd2.js');
-const formChoiceHelpers = require('./form-choice-helpers-b3d03d83.js');
+const lodash = require('./lodash-a9050d79.js');
+const formChoiceHelpers = require('./form-choice-helpers-7911fdac.js');
 const index$1 = require('./index-9236f182.js');
-require('./lodash-a9050d79.js');
-require('./_commonjsHelpers-94df2ea7.js');
 require('./draggable-tags-helpers-04b206b2.js');
 require('./form-input-helpers-3c2cd259.js');
 require('./index-cb8276bc.js');
 require('./common-helpers-266b26c4.js');
+require('./_commonjsHelpers-94df2ea7.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)}";
 
@@ -46,8 +45,8 @@ const YooFormChoiceButtonComponent = class {
     return this.choices && index.h("section", { id: "buttons" }, this.choices.map((item) => {
       var _a, _b;
       const { icon, _id, value, title } = item || {};
-      const choiceValue = (highcharts.highcharts.isString(item) ? item : (_id || value || title));
-      const text = (highcharts.highcharts.isString(item) ? item : (title || _id || value));
+      const choiceValue = (lodash.isString(item) ? item : (_id || value || title));
+      const text = (lodash.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 &&
         index.h("yoo-button", { color: formChoiceHelpers.isSelected(choiceValue, this.selection) ? this.getBackgroundColor(choiceValue) : 'light', customColor: formChoiceHelpers.getColor(choiceValue, this.valuesColor, this.selection), size: this.size || 'large', onClick: () => formChoiceHelpers.onItemSelect(choiceValue, this) }, iconToDisplay &&

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const formChoiceHelpers = require('./form-choice-helpers-b3d03d83.js');
+const formChoiceHelpers = require('./form-choice-helpers-7911fdac.js');
 require('./index-944805e9.js');
 require('./index-9236f182.js');
 require('./index-cb8276bc.js');
@@ -12,7 +12,6 @@ require('./draggable-tags-helpers-04b206b2.js');
 require('./form-input-helpers-3c2cd259.js');
 require('./common-helpers-266b26c4.js');
 require('./index-9ca0e46c.js');
-require('./highcharts-874d9bd2.js');
 
 
 

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

@@ -5,13 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-9ca0e46c.js');
 const index$1 = require('./index-cb8276bc.js');
 require('./index-944805e9.js');
-const formChoiceHelpers = require('./form-choice-helpers-b3d03d83.js');
+const formChoiceHelpers = require('./form-choice-helpers-7911fdac.js');
 const index$2 = require('./index-9236f182.js');
 require('./lodash-a9050d79.js');
 require('./draggable-tags-helpers-04b206b2.js');
 require('./form-input-helpers-3c2cd259.js');
 require('./common-helpers-266b26c4.js');
-require('./highcharts-874d9bd2.js');
 require('./_commonjsHelpers-94df2ea7.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/cjs/yoo-form-choice-image.cjs.entry.js

@@ -6,12 +6,11 @@ const index = require('./index-9ca0e46c.js');
 require('./index-944805e9.js');
 const commonHelpers = require('./common-helpers-266b26c4.js');
 const draggableTagsHelpers = require('./draggable-tags-helpers-04b206b2.js');
-const formChoiceHelpers = require('./form-choice-helpers-b3d03d83.js');
+const formChoiceHelpers = require('./form-choice-helpers-7911fdac.js');
 const index$1 = require('./index-9236f182.js');
 require('./lodash-a9050d79.js');
 require('./form-input-helpers-3c2cd259.js');
 require('./index-cb8276bc.js');
-require('./highcharts-874d9bd2.js');
 require('./_commonjsHelpers-94df2ea7.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/cjs/yoo-form-choice-radio.cjs.entry.js

@@ -6,12 +6,11 @@ const index = require('./index-9ca0e46c.js');
 require('./index-944805e9.js');
 const lodash = require('./lodash-a9050d79.js');
 const formInputHelpers = require('./form-input-helpers-3c2cd259.js');
-const formChoiceHelpers = require('./form-choice-helpers-b3d03d83.js');
+const formChoiceHelpers = require('./form-choice-helpers-7911fdac.js');
 const index$1 = require('./index-9236f182.js');
 require('./index-cb8276bc.js');
 require('./common-helpers-266b26c4.js');
 require('./draggable-tags-helpers-04b206b2.js');
-require('./highcharts-874d9bd2.js');
 require('./_commonjsHelpers-94df2ea7.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/cjs/yoo-grid-calendar.cjs.entry.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-9ca0e46c.js');
 const index$2 = require('./index-cb8276bc.js');
 const index$3 = require('./index-944805e9.js');
-const highcharts = require('./highcharts-874d9bd2.js');
 const lodash = require('./lodash-a9050d79.js');
 const tippy_esm = require('./tippy.esm-0d11354c.js');
 const operationHelpers = require('./operation-helpers-18dedc9b.js');
@@ -396,7 +395,7 @@ const YooGridCalendarComponent = class {
   }
   getEventTitle(i) {
     let title = lodash.get(i, (this.titleField || 'title')) || lodash.get(i, 'description' + (this.suffix || '')) || lodash.get(i, 'name' + (this.suffix || '')) || 'EVENT';
-    if (highcharts.highcharts.isArray(title)) {
+    if (lodash.isArray(title)) {
       title = title.join(' ');
     }
     title = title === null || title === void 0 ? void 0 : title.replace(/(<([^>]+)>)/ig, '').replace(/&nbsp;/g, ' ');

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

@@ -43,11 +43,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],
@@ -59,7 +59,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]
@@ -204,6 +204,7 @@ const YooPhotoEditorComponent = class {
     this.imageZoomed = index.createEvent(this, "imageZoomed", 7);
     this.switchFromEditable = index.createEvent(this, "switchFromEditable", 7);
     this.blockMoves = index.createEvent(this, "blockMoves", 7);
+    this.extraActionClicked = index.createEvent(this, "extraActionClicked", 7);
     this.saveChanges = index.createEvent(this, "saveChanges", 7);
     /**
      * Set to true wether the image in a readonly mode can be
@@ -1162,8 +1163,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]) && lodash.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/cjs/yoo-slides-media.cjs.entry.js

@@ -12,7 +12,7 @@ const formTextAreaHelpers = require('./form-text-area-helpers-0547b462.js');
 require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.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) {
@@ -425,10 +425,9 @@ const YooSlidesMediaComponent = class {
       .filter((item) => (item.isVisible ? item.isVisible(this.currentIndex) : true))
       .map((item) => {
       return (index.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" }));
     })));
   }
@@ -472,14 +471,12 @@ const YooSlidesMediaComponent = class {
     return index.h("yoo-videoplayer-core", { class: "video", onClick: () => this.onItemClicked(), ref: (el) => (this.videoPlayerElement = el), ...attrs });
   }
   renderPhotoEditor(item, index$2) {
-    var _a, _b, _c, _d;
-    const extraActions = (this.secondaryActions || [])
-      .filter((item) => (item.isVisible ? item.isVisible(index$2) : true));
+    var _a, _b, _c, _d, _e;
     return (index.h("yoo-photo-editor", { id: `${index$2}`, class: {
         current: index$2 === 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$2] = 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: () => !index$1.isWeb(this.host) && this.showPhotoDetailView(), onSaveChanges: (ev) => {
+      }, editable: this.canAnnotate, zoomable: true, ref: (el) => this.photoEditorElements[index$2] = 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$2)) || 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: () => !index$1.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$2] = { ...this.items[index$2], drawings, annotations };

package/dist/collection/components/3.organisms/photo-editor/components/menu.js

@@ -1,11 +1,11 @@
 export 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],
@@ -17,7 +17,7 @@ export 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]

package/dist/collection/components/3.organisms/photo-editor/photo-editor.js

@@ -987,8 +987,13 @@ export class YooPhotoEditorComponent {
       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'];
@@ -1724,6 +1729,26 @@ export class YooPhotoEditorComponent {
           "resolved": "boolean",
           "references": {}
         }
+      }, {
+        "method": "extraActionClicked",
+        "name": "extraActionClicked",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted to block the swiping action of the slides when drag and dropping an annotation"
+        },
+        "complexType": {
+          "original": "IButton",
+          "resolved": "IButton",
+          "references": {
+            "IButton": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
+          }
+        }
       }, {
         "method": "saveChanges",
         "name": "saveChanges",

package/dist/collection/components/form/form-choice/button/form-choice-button.js

@@ -1,6 +1,6 @@
 import { translate, translateMulti } from '@shared/utils';
 import { h, Host } from '@stencil/core';
-import { isString } from 'highcharts';
+import { isString } from 'lodash-es';
 import { getColor, hasWarnings, isSelected, onItemSelect, prepareChoice, updateValue, updateValues } from '../form-choice-helpers';
 import { ReadonlyCard } from '../readonly-card/readonly-card';
 export class YooFormChoiceButtonComponent {

package/dist/collection/components/form/form-choice/readonly-card/readonly-card.js

@@ -1,6 +1,6 @@
 import { translateMulti } from '@shared/utils';
 import { h } from '@stencil/core';
-import { isString } from 'highcharts';
+import { isString } from 'lodash-es';
 export const ReadonlyCard = ({ value, values, answer, valuesColor, classNames }) => {
   var _a;
   const classes = typeof classNames === 'string' ? classNames : Object.keys(classNames).join(' ');

package/dist/collection/components/form/slides-media/slides-media.css

@@ -395,6 +395,7 @@ svg:not(:root) {
   bottom: auto;
   left: 0;
   z-index: 11;
+  cursor: pointer;
   transition: 0.3s;
 }
 

package/dist/collection/components/form/slides-media/slides-media.js

@@ -406,10 +406,9 @@ export class YooSlidesMediaComponent {
       .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" }));
     })));
   }
@@ -453,14 +452,12 @@ export class YooSlidesMediaComponent {
     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/collection/components/grid/grid-calendar/grid-calendar.js

@@ -1,8 +1,7 @@
 import { ATTENDANCE_TRANSLATIONS, CALENDAR_TRANSLATIONS, QuickviewModaNoTopClass, WaitlistAPIDateFormat } from '@shared/interfaces';
 import { dateAdd, dateDiff, dateFormat, getAsyncExtraData, getCalendarParticipantStatusColor, getCssColor, getCurrentLanguage, getEventStatusInfo, getEventTypeColor, getRecurrences, getStartDayOfWeek, getUrlParameterByName, isWeb, toMinutes, translate } from '@shared/utils';
 import { forceUpdate, h, Host } from '@stencil/core';
-import { isArray } from 'highcharts';
-import { assign, compact, flatten, get, remove, sumBy } from 'lodash-es';
+import { assign, compact, flatten, get, isArray, remove, sumBy } from 'lodash-es';
 import tippy from 'tippy.js';
 import { getMissionColor } from '../../../feature-operate/campaign/helpers/operation-helpers';
 import { getAppContext } from '../../../utils/helpers/common-helpers';

package/dist/collection/feature-communicate/chat/chat/chat.js

@@ -1,5 +1,5 @@
 import { BroadcastType, MessageType } from '@shared/interfaces';
-import { cancelRequestInterval, closeModal, dateFormat, disableKeyboardResize, dispatchCustomEvent, downloadFile, enableKeyboardResize, findParent, floatingIconAnimation, getAsyncExtraData, getFormattedCountDownToDisplay, getSession, getUserDisplayName, isGif, isImage, isIOS, isIphoneX, isNativeMobile, isNotificationMessage, isNullOrUndefined, isRichContentMessage, isVideo, isWeb, requestInterval, showAlert, translate } from '@shared/utils';
+import { cancelRequestInterval, closeModal, dateFormat, disableKeyboardResize, dispatchCustomEvent, downloadFile, enableKeyboardResize, floatingIconAnimation, getAsyncExtraData, getFormattedCountDownToDisplay, getSession, getUserDisplayName, isGif, isImage, isIOS, isIphoneX, isNativeMobile, isNotificationMessage, isNullOrUndefined, isRichContentMessage, isVideo, isWeb, requestInterval, showAlert, translate } from '@shared/utils';
 import { h, Host } from '@stencil/core';
 import { isFinite } from 'lodash-es';
 import { getButton } from '../../../utils/button.factory';
@@ -72,7 +72,7 @@ export class YooChatComponent {
     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,
@@ -338,29 +338,23 @@ export class YooChatComponent {
       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/form-choice-helpers-47f8f7a0.js → design-system/form-choice-helpers-a204024f.js}

@@ -1,11 +1,10 @@
 import './index-8ba1a121.js';
-import { S as findIndex, A as isEqual, n as compact, T as shuffle } from './lodash-777f91de.js';
+import { p as isString, S as findIndex, A as isEqual, n as compact, T as shuffle } from './lodash-777f91de.js';
 import { h as hasDuplicates, s as showWarningBanner } from './draggable-tags-helpers-a1c103d1.js';
 import { a as setValueAndValidateInput, s as setValidator } from './form-input-helpers-df22e2a8.js';
 import { h, r as registerInstance, i as createEvent, e as Host, g as getElement } from './index-a6a92b3d.js';
 import { s as setColorSVG } from './common-helpers-3b193836.js';
 import { a3 as translateMulti, i as isChromatic, t as translate, k as isNullOrUndefined } from './index-9e87cea3.js';
-import { h as highcharts } from './highcharts-c1be7540.js';
 
 const ReadonlyCard = ({ value, values, answer, valuesColor, classNames }) => {
   var _a;
@@ -13,7 +12,7 @@ const ReadonlyCard = ({ value, values, answer, valuesColor, classNames }) => {
   return h("div", { class: { [classes]: !!classes, 'readonly-card': true } }, !!value && ((_a = (Array.isArray(value) ? value : [value])) === null || _a === void 0 ? void 0 : _a.map((val) => {
     var _a, _b;
     const isCorrect = answer === null || answer === void 0 ? void 0 : answer.includes(val);
-    const title = (_a = values === null || values === void 0 ? void 0 : values.find((v) => !highcharts.isString(v) && (v === null || v === void 0 ? void 0 : v.value) === val)) === null || _a === void 0 ? void 0 : _a.title;
+    const title = (_a = values === null || values === void 0 ? void 0 : values.find((v) => !isString(v) && (v === null || v === void 0 ? void 0 : v.value) === val)) === null || _a === void 0 ? void 0 : _a.title;
     return h("div", { class: { text: true, valid: answer && isCorrect, invalid: answer && !isCorrect }, style: { color: (_b = valuesColor === null || valuesColor === void 0 ? void 0 : valuesColor.find(e => e.key === val)) === null || _b === void 0 ? void 0 : _b.value }, innerHTML: translateMulti(title || val) });
   })));
 };