@yoobic/yobi 8.5.17 → 8.5.19

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-const index$1 = require('./index-3ad228d9.js');
-const index$3 = require('./index-99ee2a83.js');
+const index$1 = require('./index-d9938dbe.js');
+const index$3 = require('./index-2b0d2538.js');
 const lodash = require('./lodash-a9050d79.js');
-const commonHelpers = require('./common-helpers-ea28b0d7.js');
+const commonHelpers = require('./common-helpers-5fe5d965.js');
 const index$2 = require('./index-dbc0dad6.js');
 require('./index-ec5dad3e.js');
 require('./_commonjsHelpers-94df2ea7.js');

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-99ee2a83.js');
+require('./index-2b0d2538.js');
 const lodash = require('./lodash-a9050d79.js');
-const videoPlayerHelpers = require('./video-player-helpers-4d528fc3.js');
+const videoPlayerHelpers = require('./video-player-helpers-01edc323.js');
 const index$2 = require('./index-dbc0dad6.js');
-const index$1 = require('./index-3ad228d9.js');
+const index$1 = require('./index-d9938dbe.js');
 require('./index-ec5dad3e.js');
-require('./common-helpers-ea28b0d7.js');
+require('./common-helpers-5fe5d965.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const videoplayerDailymotionCss = "svg:not(:root){overflow:hidden}:host .dm-container,:host .dm-player{width:100%;height:100%;background:var(--dark, #000000)}";

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

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-9ca0e46c.js');
-const index$2 = require('./index-99ee2a83.js');
+const index$2 = require('./index-2b0d2538.js');
 const lodash = require('./lodash-a9050d79.js');
 const _commonjsHelpers = require('./_commonjsHelpers-94df2ea7.js');
-const index = require('./index-3ad228d9.js');
+const index = require('./index-d9938dbe.js');
 const bufferEs6 = require('./buffer-es6-524a1541.js');
-const localForage = require('./localForage-9546bc9e.js');
-const commonHelpers = require('./common-helpers-ea28b0d7.js');
-const videoPlayerHelpers = require('./video-player-helpers-4d528fc3.js');
+const localForage = require('./localForage-f44f80bc.js');
+const commonHelpers = require('./common-helpers-5fe5d965.js');
+const videoPlayerHelpers = require('./video-player-helpers-01edc323.js');
 const index$3 = require('./index-dbc0dad6.js');
 require('./index-ec5dad3e.js');
 

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

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-const videoPlayerHelpers = require('./video-player-helpers-4d528fc3.js');
+const videoPlayerHelpers = require('./video-player-helpers-01edc323.js');
 const index$1 = require('./index-dbc0dad6.js');
-require('./index-3ad228d9.js');
+require('./index-d9938dbe.js');
 require('./index-ec5dad3e.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./lodash-a9050d79.js');
-require('./index-99ee2a83.js');
-require('./common-helpers-ea28b0d7.js');
+require('./index-2b0d2538.js');
+require('./common-helpers-5fe5d965.js');
 
 const videoplayerVimeoCss = "svg:not(:root){overflow:hidden}:host iframe{width:100%;background:var(--dark, #000000)}";
 

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-99ee2a83.js');
-const videoPlayerHelpers = require('./video-player-helpers-4d528fc3.js');
+require('./index-2b0d2538.js');
+const videoPlayerHelpers = require('./video-player-helpers-01edc323.js');
 const index$1 = require('./index-dbc0dad6.js');
-const index$2 = require('./index-3ad228d9.js');
+const index$2 = require('./index-d9938dbe.js');
 require('./lodash-a9050d79.js');
 require('./index-ec5dad3e.js');
-require('./common-helpers-ea28b0d7.js');
+require('./common-helpers-5fe5d965.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const videoplayerYoutubeCss = "svg:not(:root){overflow:hidden}:host{width:100%}:host .yt-container,:host .yt-player{width:100%;height:100%}:host .yt-container.error{pointer-events:none}:host(.played){height:90%}";

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-const index$2 = require('./index-99ee2a83.js');
-const index$1 = require('./index-3ad228d9.js');
+const index$2 = require('./index-2b0d2538.js');
+const index$1 = require('./index-d9938dbe.js');
 require('./lodash-a9050d79.js');
 require('./index-ec5dad3e.js');
 require('./_commonjsHelpers-94df2ea7.js');

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-99ee2a83.js');
+require('./index-2b0d2538.js');
 const lodash = require('./lodash-a9050d79.js');
-const commonHelpers = require('./common-helpers-ea28b0d7.js');
-const index$1 = require('./index-3ad228d9.js');
+const commonHelpers = require('./common-helpers-5fe5d965.js');
+const index$1 = require('./index-d9938dbe.js');
 require('./index-ec5dad3e.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-99ee2a83.js');
-const index$1 = require('./index-3ad228d9.js');
+require('./index-2b0d2538.js');
+const index$1 = require('./index-d9938dbe.js');
 require('./lodash-a9050d79.js');
 require('./index-ec5dad3e.js');
 require('./_commonjsHelpers-94df2ea7.js');

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-99ee2a83.js');
+require('./index-2b0d2538.js');
 const lodash = require('./lodash-a9050d79.js');
-const index$1 = require('./index-3ad228d9.js');
+const index$1 = require('./index-d9938dbe.js');
 require('./index-ec5dad3e.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-99ee2a83.js');
-const index$1 = require('./index-3ad228d9.js');
+require('./index-2b0d2538.js');
+const index$1 = require('./index-d9938dbe.js');
 require('./lodash-a9050d79.js');
 require('./index-ec5dad3e.js');
 require('./_commonjsHelpers-94df2ea7.js');

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-99ee2a83.js');
-const commonHelpers = require('./common-helpers-ea28b0d7.js');
-const index$1 = require('./index-3ad228d9.js');
+require('./index-2b0d2538.js');
+const commonHelpers = require('./common-helpers-5fe5d965.js');
+const index$1 = require('./index-d9938dbe.js');
 require('./lodash-a9050d79.js');
 require('./index-ec5dad3e.js');
 require('./_commonjsHelpers-94df2ea7.js');

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-99ee2a83.js');
-const index$1 = require('./index-3ad228d9.js');
+require('./index-2b0d2538.js');
+const index$1 = require('./index-d9938dbe.js');
 require('./lodash-a9050d79.js');
 require('./index-ec5dad3e.js');
 require('./_commonjsHelpers-94df2ea7.js');

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-99ee2a83.js');
-const commonHelpers = require('./common-helpers-ea28b0d7.js');
-const index$1 = require('./index-3ad228d9.js');
+require('./index-2b0d2538.js');
+const commonHelpers = require('./common-helpers-5fe5d965.js');
+const index$1 = require('./index-d9938dbe.js');
 require('./lodash-a9050d79.js');
 require('./index-ec5dad3e.js');
 require('./_commonjsHelpers-94df2ea7.js');

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-99ee2a83.js');
+require('./index-2b0d2538.js');
 const lodash = require('./lodash-a9050d79.js');
-const index$1 = require('./index-3ad228d9.js');
+const index$1 = require('./index-d9938dbe.js');
 require('./index-ec5dad3e.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-99ee2a83.js');
-const index$1 = require('./index-3ad228d9.js');
+require('./index-2b0d2538.js');
+const index$1 = require('./index-d9938dbe.js');
 require('./lodash-a9050d79.js');
 require('./index-ec5dad3e.js');
 require('./_commonjsHelpers-94df2ea7.js');

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-99ee2a83.js');
+require('./index-2b0d2538.js');
 const lodash = require('./lodash-a9050d79.js');
-const index$1 = require('./index-3ad228d9.js');
+const index$1 = require('./index-d9938dbe.js');
 require('./index-ec5dad3e.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-99ee2a83.js');
-const index$1 = require('./index-3ad228d9.js');
+require('./index-2b0d2538.js');
+const index$1 = require('./index-d9938dbe.js');
 require('./lodash-a9050d79.js');
 require('./index-ec5dad3e.js');
 require('./_commonjsHelpers-94df2ea7.js');

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-99ee2a83.js');
-const index$1 = require('./index-3ad228d9.js');
+require('./index-2b0d2538.js');
+const index$1 = require('./index-d9938dbe.js');
 require('./lodash-a9050d79.js');
 require('./index-ec5dad3e.js');
 require('./_commonjsHelpers-94df2ea7.js');

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-99ee2a83.js');
+require('./index-2b0d2538.js');
 const lodash = require('./lodash-a9050d79.js');
-const index$1 = require('./index-3ad228d9.js');
+const index$1 = require('./index-d9938dbe.js');
 require('./index-ec5dad3e.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

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

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-99ee2a83.js');
+require('./index-2b0d2538.js');
 const lodash = require('./lodash-a9050d79.js');
 const workflow_interface = require('./workflow.interface-ffda8358.js');
-const commonHelpers = require('./common-helpers-ea28b0d7.js');
+const commonHelpers = require('./common-helpers-5fe5d965.js');
 const index$4 = require('./index-029fb2d6.js');
-const index$2 = require('./index-99c92cfc.js');
+const index$2 = require('./index-d7906f11.js');
 const index$3 = require('./index-9c56868f.js');
-const index$1 = require('./index-3ad228d9.js');
+const index$1 = require('./index-d9938dbe.js');
 require('./index-ec5dad3e.js');
 require('./annotations-helpers-fb554cca.js');
 require('./_commonjsHelpers-94df2ea7.js');

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-9ca0e46c.js');
-const index = require('./index-3ad228d9.js');
-require('./index-99ee2a83.js');
+const index = require('./index-d9938dbe.js');
+require('./index-2b0d2538.js');
 require('./index-ec5dad3e.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./lodash-a9050d79.js');

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-99ee2a83.js');
+require('./index-2b0d2538.js');
 const lodash = require('./lodash-a9050d79.js');
 const annotationsHelpers = require('./annotations-helpers-fb554cca.js');
 const hammerHelpers = require('./hammer-helpers-e8117959.js');
-const index$1 = require('./index-3ad228d9.js');
+const index$1 = require('./index-d9938dbe.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-ec5dad3e.js');
 

package/dist/collection/components/form/form-dynamic/form-dynamic.js

@@ -2254,12 +2254,12 @@ export class YooFormDynamicComponent {
     formFooterType = this.isLessonPreview() ? 'next' : formFooterType;
     const relativeActiveIndex = this.showRecap ? this.activeIndex - 1 : this.activeIndex;
     return [
-      this.shouldRenderSlideContent(slide, slideIndex) ? (h("div", { class: {
+      this.shouldRenderSlideContent(slide, slideIndex) && this.isCurrentSlide(slideIndex) ? (h("div", { class: {
           'flex': true,
           'slide-container': this.showTabs,
           'slide-container no-shadow': !this.showTabs,
           'zoomed': this.getSlideState(slideIndex).zoomed
-        }, style: { display: this.isCurrentSlide(slideIndex) ? undefined : 'none' } }, h("form", { class: this.getFormClasses(slideIndex, slide), onSubmit: () => false }, h("yoo-ion-scroll", { ref: (el) => (this.scrollElements[slideIndex] = el), class: {
+        } }, h("form", { class: this.getFormClasses(slideIndex, slide), onSubmit: () => false }, h("yoo-ion-scroll", { ref: (el) => (this.scrollElements[slideIndex] = el), class: {
           'flex flex-grid': ((_b = slide === null || slide === void 0 ? void 0 : slide.items) === null || _b === void 0 ? void 0 : _b.length) === 1 && slide.items[0].type === FormFieldType.grid,
           'no-scrollbar': this.isLessonPreview(),
           'with-footer': this.shouldRenderFormFooter(formFooterType, slideIndex, lastUnlockedSlideIndex)

package/dist/collection/components/form/form-hotzones/form-hotzones.css

@@ -325,9 +325,6 @@ svg:not(:root) {
   height: 3rem;
   content: "";
 }
-:host([type=hotzone]:not([readonly])) main .hotzone[hidden] {
-  display: none !important;
-}
 :host([type=hotzone]:not([readonly])) main yoo-icon {
   transition: opacity 0.5s ease-in-out;
 }

package/dist/collection/components/form/form-hotzones/form-hotzones.js

@@ -50,6 +50,9 @@ export class YooFormHotzonesComponent {
   get isHotZones() {
     return this.type === 'hotzone';
   }
+  get hotzoneElements() {
+    return Array.from(this.host.shadowRoot.querySelectorAll('.hotzone')) || [];
+  }
   async componentWillLoad() {
     await this.prepareImage();
   }
@@ -71,6 +74,9 @@ export class YooFormHotzonesComponent {
         this.flipImage = false;
       }, 500);
   }
+  submitValue() {
+    setValueAndValidateInput(this.value, this);
+  }
   async resetTarget() {
     if (this.isHotZones) {
       await gsapTo(this.targetElement, 0.25, {
@@ -78,18 +84,19 @@ export class YooFormHotzonesComponent {
         left: getComputedStyle(this.host).getPropertyValue('--initial-target-left-pos')
       });
       this.value = null;
-      setValueAndValidateInput(this.value, this);
+      this.submitValue();
     }
   }
   initDraggableTarget() {
-    var _a;
     let draggable;
-    const imgElement = (_a = this.boundElement) === null || _a === void 0 ? void 0 : _a.querySelector('yoo-img');
+    const hostElement = this.host;
+    const imgElement = hostElement === null || hostElement === void 0 ? void 0 : hostElement.shadowRoot.querySelector('yoo-img');
     const onDrag = () => {
       const isHit = draggable.hitTest(imgElement, '50%');
       this.targetElement.setAttribute('hit', isHit);
+      this.hotzoneElements.forEach(element => this.isZoneHit = draggable.hitTest(element, '50%'));
     };
-    const onRelease = async () => {
+    const onRelease = () => {
       if (this.targetElement.getAttribute('hit') === 'false') {
         this.targetElement.removeAttribute('hit');
         this.resetTarget();
@@ -98,16 +105,16 @@ export class YooFormHotzonesComponent {
         const getTargetCenterPosition = (axis) => calcCoordPercentage(imgElement.getBoundingClientRect(), this.targetElement, axis);
         this.value = {
           x: getTargetCenterPosition('x'),
-          y: getTargetCenterPosition('y')
+          y: getTargetCenterPosition('y'),
+          hit: this.isZoneHit
         };
-        setValueAndValidateInput(this.value, this);
+        this.submitValue();
       }
     };
     if (this.targetElement && !this.readonly) {
       draggable = new Draggable(this.targetElement, {
         type: 'top, left',
         autoScroll: 1,
-        bound: this.boundElement,
         cursor: 'grab',
         zIndexBoost: false,
         onDrag,
@@ -131,10 +138,11 @@ export class YooFormHotzonesComponent {
       const { style, revealed, description, image } = hotzone || {};
       const { x, y } = style || {};
       const isValid = this.isHotZones || !!(description || image);
-      return (isValid && (h("div", { class: { hotzone: true, revealed }, hidden: !this.readonly && this.isHotZones, style: {
+      return (isValid && (h("div", { class: { hotzone: true, revealed }, style: {
+          ...hotzone.style,
           left: x,
           top: y,
-          ...hotzone.style,
+          opacity: !this.readonly && this.isHotZones ? '0' : '1',
           ...(!revealed &&
             !this.readonly && {
             backgroundColor: this.hotzonesColor + '66',
@@ -154,7 +162,7 @@ export class YooFormHotzonesComponent {
     ];
   }
   renderTarget() {
-    var _a;
+    var _a, _b;
     return (this.isHotZones &&
       !!this.imageSrc && (h("yoo-icon", { name: "gps", size: "extra-large", style: {
         ...(!this.readonly && { fill: this.hotzonesColor }),
@@ -164,7 +172,7 @@ export class YooFormHotzonesComponent {
         })
       }, ...(this.readonly
         ? {
-          color: ((_a = this.hotzones) === null || _a === void 0 ? void 0 : _a.some(({ style }) => {
+          color: ((_a = this.value.hit) !== null && _a !== void 0 ? _a : (_b = this.hotzones) === null || _b === void 0 ? void 0 : _b.some(({ style }) => {
             const { x, y, width, height } = style || {};
             return isPointInsidePlan({
               x: parseFloat(x),
@@ -181,14 +189,14 @@ export class YooFormHotzonesComponent {
         }), ref: (el) => (this.targetElement = el) })));
   }
   renderImage() {
-    return (!!this.imageSrc && (h("section", { id: "image", class: { flipped: this.animated && !!this.flipImage && !this.readonly } }, h("div", { id: "inner-container" }, h("div", { id: "recto", ref: (e) => (this.boundElement = e) }, h("yoo-img", { instant: true, src: this.imageSrc, ignoreHeight: true, ignoreWidth: true, disableAspectRatioCalc: true, allowCloudinary: false }), this.renderZones(), this.renderTarget()), h("div", { id: "verso" })))));
+    return (!!this.imageSrc && (h("section", { id: "image", class: { flipped: this.animated && !!this.flipImage && !this.readonly } }, h("div", { id: "inner-container" }, h("div", { id: "recto" }, h("yoo-img", { instant: true, src: this.imageSrc, ignoreHeight: true, ignoreWidth: true, disableAspectRatioCalc: true, allowCloudinary: false }), this.renderZones(), this.renderTarget()), h("div", { id: "verso" })))));
   }
   renderBanner() {
     return (this.livePreview &&
       !this.readonly && (h("yoo-banner", null, h("p", { slot: "content" }))));
   }
   renderMain() {
-    return h("main", null, this.detailedView ? this.renderDetailedView() : [this.renderImage()]);
+    return h("main", null, this.detailedView ? this.renderDetailedView() : this.renderImage());
   }
   render() {
     return (h(Host, { class: { 'swiper-no-swiping': true, ...getAppContext(this.host) } }, this.renderBanner(), this.renderMain()));
@@ -375,8 +383,8 @@ export class YooFormHotzonesComponent {
         "type": "unknown",
         "mutable": true,
         "complexType": {
-          "original": "IXYPoint",
-          "resolved": "IXYPoint",
+          "original": "IXYPoint & { hit: boolean }",
+          "resolved": "IXYPoint & { hit: boolean; }",
           "references": {
             "IXYPoint": {
               "location": "import",

package/dist/{esm/button.factory-e4e19f16.js → design-system/button.factory-59b4e5d9.js}

@@ -1,4 +1,4 @@
-import { a3 as translateMulti } from './index-998eec90.js';
+import { a3 as translateMulti } from './index-7dd54470.js';
 import { h } from './index-a6a92b3d.js';
 
 const getButton = (button) => {

package/dist/{esm/camera-helpers-05835b57.js → design-system/camera-helpers-66ff1202.js}

@@ -1,5 +1,5 @@
-import { cw as cordova, cx as AwesomeCordovaNativePlugin, cy as cordovaPropertyGet, cz as cordovaPropertySet, cA as registerPlugin, a8 as getSession, cB as isIonic, o as isNativeMobile, cC as Device, p as isAndroid, N as isIOS, cD as getMediaDevices, G as showModal, F as getModalAnimation, H as isWeb } from './index-998eec90.js';
-import './index-f1a9c615.js';
+import { cw as cordova, cx as AwesomeCordovaNativePlugin, cy as cordovaPropertyGet, cz as cordovaPropertySet, cA as registerPlugin, a8 as getSession, cB as isIonic, o as isNativeMobile, cC as Device, p as isAndroid, N as isIOS, cD as getMediaDevices, G as showModal, F as getModalAnimation, H as isWeb } from './index-7dd54470.js';
+import './index-895ced34.js';
 
 var __extends$2 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -249,7 +249,7 @@ var CameraResultType;
 })(CameraResultType || (CameraResultType = {}));
 
 const Camera = registerPlugin('Camera', {
-    web: () => import('./web-6b6e0473.js').then(m => new m.CameraWeb()),
+    web: () => import('./web-c9634bb4.js').then(m => new m.CameraWeb()),
 });
 
 var MediaPictureOptions;

package/dist/design-system/{chat-helpers-0428ed73.js → chat-helpers-dba89ab6.js}

@@ -1,6 +1,6 @@
-import './index-f1a9c615.js';
+import './index-895ced34.js';
 import { i as isArray } from './lodash-777f91de.js';
-import { aq as is24Hour, ar as isFile, as as replaceAtTagToMentionTag, at as replaceAllLinks, a3 as translateMulti } from './index-998eec90.js';
+import { aq as is24Hour, ar as isFile, as as replaceAtTagToMentionTag, at as replaceAllLinks, a3 as translateMulti } from './index-7dd54470.js';
 
 /**
  * Get the proper data format for a single message aswell as grouped messages

package/dist/{esm/common-helpers-d3cf439e.js → design-system/common-helpers-603b83b1.js}

@@ -1,5 +1,5 @@
-import { F as getModalAnimation, t as translate, G as showModal, H as isWeb, I as debounce, J as querySelectorDeep$1, o as isNativeMobile, S as ScreenOrientation, K as findDevice, L as isRTL, M as isIphoneX, q as isIpadPro, s as isTablet, n as isFullScreenFalse, N as isIOS, p as isAndroid, O as setAnimation, P as animations, Q as getCssColor, Y as YOOBICON_ENTITIES_MAP, R as startOf, T as isDateBefore, U as dateDiffInCalendarDays, V as isDateAfter, W as getAsyncExtraData, X as findParent, Z as isNativeFilePath, $ as cleanupWKWebViewFilePath, a0 as Cloudinary, a1 as getProtocol, a2 as CloudinaryGradientLayer } from './index-998eec90.js';
-import './index-f1a9c615.js';
+import { F as getModalAnimation, t as translate, G as showModal, H as isWeb, I as debounce, J as querySelectorDeep$1, o as isNativeMobile, S as ScreenOrientation, K as findDevice, L as isRTL, M as isIphoneX, q as isIpadPro, s as isTablet, n as isFullScreenFalse, N as isIOS, p as isAndroid, O as setAnimation, P as animations, Q as getCssColor, Y as YOOBICON_ENTITIES_MAP, R as startOf, T as isDateBefore, U as dateDiffInCalendarDays, V as isDateAfter, W as getAsyncExtraData, X as findParent, Z as isNativeFilePath, $ as cleanupWKWebViewFilePath, a0 as Cloudinary, a1 as getProtocol, a2 as CloudinaryGradientLayer } from './index-7dd54470.js';
+import './index-895ced34.js';
 import { C as get } from './lodash-777f91de.js';
 
 function getDefaultModalAnimation(host) {

package/dist/{esm/draggable-dots-helpers-e65cb5db.js → design-system/draggable-dots-helpers-404bf1a0.js}

@@ -1,7 +1,7 @@
-import './index-f1a9c615.js';
+import './index-895ced34.js';
 import { O as isFinite, V as inRange } from './lodash-777f91de.js';
 import { e as getBound, b as getElement, c as calcCoordPercentage, a as isAnnotationValid, d as getAnnotationPositionStyle, i as isAnnotationEmpty, f as isAnnotationDeleted } from './annotations-helpers-f7b42b40.js';
-import { aV as Draggable, a8 as getSession, aA as getCurrentLanguage, aU as getUUID, Q as getCssColor, bu as getContrastColor, aW as gsapTo, bv as scaleUpAnimation, bw as convertSvgToBase64, bo as getMedia, G as showModal } from './index-998eec90.js';
+import { aV as Draggable, a8 as getSession, aA as getCurrentLanguage, aU as getUUID, Q as getCssColor, bu as getContrastColor, aW as gsapTo, bv as scaleUpAnimation, bw as convertSvgToBase64, bo as getMedia, G as showModal } from './index-7dd54470.js';
 
 const EEditorActions = {
   typeTool: 'type-tool',

package/dist/design-system/{draggable-tags-helpers-38e7eb77.js → draggable-tags-helpers-15800acc.js}

@@ -1,6 +1,6 @@
-import './index-f1a9c615.js';
+import './index-895ced34.js';
 import { R as countBy } from './lodash-777f91de.js';
-import { t as translate, H as isWeb, X as findParent } from './index-998eec90.js';
+import { t as translate, H as isWeb, X as findParent } from './index-7dd54470.js';
 
 function checkArray(array) {
   return !!((array === null || array === void 0 ? void 0 : array.length) && Array.isArray(array));

package/dist/{esm/entities-helpers-c5100423.js → design-system/entities-helpers-46c2fa9e.js}

@@ -1,7 +1,7 @@
 import { M as MessageType } from './index-4bbbf966.js';
-import './index-f1a9c615.js';
+import './index-895ced34.js';
 import { a as isNumber, n as compact } from './lodash-777f91de.js';
-import { ac as getUserDisplayName, av as pipes, as as replaceAtTagToMentionTag, az as isCloudinaryLink, aA as getCurrentLanguage, W as getAsyncExtraData, at as replaceAllLinks, aB as parseMarkDown, a8 as getSession, aC as isPhotoEdited, aD as changeExtension, a3 as translateMulti, aE as toButton, aF as toDate, aG as capitalizeFirstLetter, al as isGif, t as translate, Q as getCssColor, ak as isVideo } from './index-998eec90.js';
+import { ac as getUserDisplayName, av as pipes, as as replaceAtTagToMentionTag, az as isCloudinaryLink, aA as getCurrentLanguage, W as getAsyncExtraData, at as replaceAllLinks, aB as parseMarkDown, a8 as getSession, aC as isPhotoEdited, aD as changeExtension, a3 as translateMulti, aE as toButton, aF as toDate, aG as capitalizeFirstLetter, al as isGif, t as translate, Q as getCssColor, ak as isVideo } from './index-7dd54470.js';
 
 const mentionRegex = /<yoo-mention-tag[^>]*>([\s\S]*?)<\/yoo-mention-tag>/g;
 /**

package/dist/design-system/{filters-helpers-9605072d.js → filters-helpers-f3b29df1.js}

@@ -1,7 +1,7 @@
 import { c as FormFieldType } from './index-4bbbf966.js';
-import './index-f1a9c615.js';
+import './index-895ced34.js';
 import { Q as set, n as compact } from './lodash-777f91de.js';
-import { aK as isTextField, t as translate, H as isWeb } from './index-998eec90.js';
+import { aK as isTextField, t as translate, H as isWeb } from './index-7dd54470.js';
 
 function isWithValuesField(field) {
   var _a;

package/dist/design-system/{form-choice-helpers-cfcbbce0.js → form-choice-helpers-c5ecbaf2.js}

@@ -1,10 +1,10 @@
-import './index-f1a9c615.js';
+import './index-895ced34.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-38e7eb77.js';
-import { a as setValueAndValidateInput, s as setValidator } from './form-input-helpers-d40771c0.js';
+import { h as hasDuplicates, s as showWarningBanner } from './draggable-tags-helpers-15800acc.js';
+import { a as setValueAndValidateInput, s as setValidator } from './form-input-helpers-cf470e44.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-d3cf439e.js';
-import { a3 as translateMulti, i as isChromatic, t as translate, k as isNullOrUndefined } from './index-998eec90.js';
+import { s as setColorSVG } from './common-helpers-603b83b1.js';
+import { a3 as translateMulti, i as isChromatic, t as translate, k as isNullOrUndefined } from './index-7dd54470.js';
 
 const ReadonlyCard = ({ value, values, answer, valuesColor, classNames }) => {
   var _a;

package/dist/design-system/{form-helpers-1088935d.js → form-helpers-8abe12a0.js}

@@ -1,7 +1,7 @@
 import { c as FormFieldType } from './index-4bbbf966.js';
-import { V as VALIDATORS, g as getReducedValidator } from './index-f1a9c615.js';
+import { V as VALIDATORS, g as getReducedValidator } from './index-895ced34.js';
 import { p as isString, i as isArray, v as isObject, d as concat, Q as set, C as get, W as sumBy, A as isEqual, c as cloneDeep, a as isNumber } from './lodash-777f91de.js';
-import { a8 as getSession, k as isNullOrUndefined, bx as evalInContext, by as evalConditionsInContext, bz as getNameAndData, bA as getFieldsFromSlides, bB as getFieldValue, bC as getFieldReplacement, W as getAsyncExtraData, bD as getSessionReplacementValue, bE as isFormulaField, bF as escapeRegExp, bG as slenderizeObject, bH as getFormulaReplacement, bI as isDateTimeField, t as translate } from './index-998eec90.js';
+import { a8 as getSession, k as isNullOrUndefined, bx as evalInContext, by as evalConditionsInContext, bz as getNameAndData, bA as getFieldsFromSlides, bB as getFieldValue, bC as getFieldReplacement, W as getAsyncExtraData, bD as getSessionReplacementValue, bE as isFormulaField, bF as escapeRegExp, bG as slenderizeObject, bH as getFormulaReplacement, bI as isDateTimeField, t as translate } from './index-7dd54470.js';
 
 function isCreationAllowed(field, isVisible, isDisabled, isReadOnly = false) {
   return !!field.allowCreate && isVisible && !isDisabled && isReadOnly !== true;

package/dist/{esm/form-input-helpers-d40771c0.js → design-system/form-input-helpers-cf470e44.js}

@@ -1,7 +1,7 @@
-import { k as isNullOrUndefined, X as findParent, aL as dateIsValid, aM as isPresent, aF as toDate, o as isNativeMobile, ao as dateFormat, N as isIOS, aN as dateSub, aO as dateAdd, p as isAndroid, aP as Keyboard } from './index-998eec90.js';
+import { k as isNullOrUndefined, X as findParent, aL as dateIsValid, aM as isPresent, aF as toDate, o as isNativeMobile, ao as dateFormat, N as isIOS, aN as dateSub, aO as dateAdd, p as isAndroid, aP as Keyboard } from './index-7dd54470.js';
 import { c as FormFieldType } from './index-4bbbf966.js';
-import { g as getReducedValidator, a as getReducedAsyncValidator } from './index-f1a9c615.js';
-import { b as getActiveElementShadow, q as querySelectorDeep, c as querySelectorAllDeep } from './common-helpers-d3cf439e.js';
+import { g as getReducedValidator, a as getReducedAsyncValidator } from './index-895ced34.js';
+import { b as getActiveElementShadow, q as querySelectorDeep, c as querySelectorAllDeep } from './common-helpers-603b83b1.js';
 
 let inputBlur = true;
 function focusContentEditable(inputElement) {

package/dist/design-system/{form-text-area-helpers-461f199e.js → form-text-area-helpers-c8d6cfe6.js}

@@ -1,6 +1,6 @@
-import { d as getRange } from './index-f1a9c615.js';
+import { d as getRange } from './index-895ced34.js';
 import { V as inRange } from './lodash-777f91de.js';
-import { ac as getUserDisplayName, Q as getCssColor } from './index-998eec90.js';
+import { ac as getUserDisplayName, Q as getCssColor } from './index-7dd54470.js';
 
 /**
  * Safely insert element