@yoobic/yobi 8.7.20 → 8.7.22

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

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-e5fa8107.js');
-const index = require('./index-d269cf34.js');
-const index$2 = require('./index-0e9a338c.js');
-const localForage = require('./local-forage-2a201380.js');
-const commonHelpers = require('./common-helpers-438f33b8.js');
-const videoPlayerHelpers = require('./video-player-helpers-ef8aa3ee.js');
+const index = require('./index-8d9d689f.js');
+const index$2 = require('./index-31d49597.js');
+const localForage = require('./local-forage-8ad88608.js');
+const commonHelpers = require('./common-helpers-5af1855c.js');
+const videoPlayerHelpers = require('./video-player-helpers-fdb79857.js');
 const lodash = require('./lodash-036555ce.js');
 const _commonjsHelpers = require('./_commonjsHelpers-94df2ea7.js');
 const bufferEs6 = require('./buffer-es6-105d7945.js');
 const index$3 = require('./index-dbc0dad6.js');
-require('./index-d8518317.js');
+require('./index-cb9b8c39.js');
 require('./index-3d49ff1c.js');
 
 var win;

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e5fa8107.js');
-const videoPlayerHelpers = require('./video-player-helpers-ef8aa3ee.js');
+const videoPlayerHelpers = require('./video-player-helpers-fdb79857.js');
 const index$1 = require('./index-dbc0dad6.js');
-require('./index-d269cf34.js');
+require('./index-8d9d689f.js');
 require('./index-3d49ff1c.js');
 require('./lodash-036555ce.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-0e9a338c.js');
+require('./index-31d49597.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,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e5fa8107.js');
-require('./index-0e9a338c.js');
-const videoPlayerHelpers = require('./video-player-helpers-ef8aa3ee.js');
+require('./index-31d49597.js');
+const videoPlayerHelpers = require('./video-player-helpers-fdb79857.js');
 const index$1 = require('./index-dbc0dad6.js');
-const index$2 = require('./index-d269cf34.js');
+const index$2 = require('./index-8d9d689f.js');
 require('./lodash-036555ce.js');
 require('./index-3d49ff1c.js');
 require('./_commonjsHelpers-94df2ea7.js');

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e5fa8107.js');
-const index$2 = require('./index-0e9a338c.js');
-const index$1 = require('./index-d269cf34.js');
+const index$2 = require('./index-31d49597.js');
+const index$1 = require('./index-8d9d689f.js');
 require('./lodash-036555ce.js');
 require('./index-3d49ff1c.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-e5fa8107.js');
-require('./index-0e9a338c.js');
-const commonHelpers = require('./common-helpers-438f33b8.js');
+require('./index-31d49597.js');
+const commonHelpers = require('./common-helpers-5af1855c.js');
 const lodash = require('./lodash-036555ce.js');
-const index$1 = require('./index-d269cf34.js');
+const index$1 = require('./index-8d9d689f.js');
 require('./index-3d49ff1c.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e5fa8107.js');
-require('./index-0e9a338c.js');
+require('./index-31d49597.js');
 const lodash = require('./lodash-036555ce.js');
-const index$1 = require('./index-d269cf34.js');
+const index$1 = require('./index-8d9d689f.js');
 require('./index-3d49ff1c.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-e5fa8107.js');
-require('./index-0e9a338c.js');
+require('./index-31d49597.js');
 const lodash = require('./lodash-036555ce.js');
-const index$1 = require('./index-d269cf34.js');
+const index$1 = require('./index-8d9d689f.js');
 require('./index-3d49ff1c.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e5fa8107.js');
-require('./index-0e9a338c.js');
-const commonHelpers = require('./common-helpers-438f33b8.js');
+require('./index-31d49597.js');
+const commonHelpers = require('./common-helpers-5af1855c.js');
 const lodash = require('./lodash-036555ce.js');
-const index$1 = require('./index-d269cf34.js');
+const index$1 = require('./index-8d9d689f.js');
 require('./index-3d49ff1c.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-e5fa8107.js');
-require('./index-0e9a338c.js');
-const index$1 = require('./index-d269cf34.js');
+require('./index-31d49597.js');
+const index$1 = require('./index-8d9d689f.js');
 require('./lodash-036555ce.js');
 require('./index-3d49ff1c.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-e5fa8107.js');
-require('./index-0e9a338c.js');
-const commonHelpers = require('./common-helpers-438f33b8.js');
-const index$1 = require('./index-d269cf34.js');
+require('./index-31d49597.js');
+const commonHelpers = require('./common-helpers-5af1855c.js');
+const index$1 = require('./index-8d9d689f.js');
 require('./lodash-036555ce.js');
 require('./index-3d49ff1c.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-e5fa8107.js');
-require('./index-0e9a338c.js');
-const index$1 = require('./index-d269cf34.js');
+require('./index-31d49597.js');
+const index$1 = require('./index-8d9d689f.js');
 require('./lodash-036555ce.js');
 require('./index-3d49ff1c.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-e5fa8107.js');
-require('./index-0e9a338c.js');
+require('./index-31d49597.js');
 const lodash = require('./lodash-036555ce.js');
-const index$1 = require('./index-d269cf34.js');
+const index$1 = require('./index-8d9d689f.js');
 require('./index-3d49ff1c.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-e5fa8107.js');
-const index$1 = require('./index-0e9a338c.js');
-const index$2 = require('./index-d269cf34.js');
+const index$1 = require('./index-31d49597.js');
+const index$2 = require('./index-8d9d689f.js');
 require('./lodash-036555ce.js');
 require('./index-3d49ff1c.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-e5fa8107.js');
-require('./index-0e9a338c.js');
-const index$1 = require('./index-d269cf34.js');
+require('./index-31d49597.js');
+const index$1 = require('./index-8d9d689f.js');
 require('./lodash-036555ce.js');
 require('./index-3d49ff1c.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-e5fa8107.js');
-require('./index-0e9a338c.js');
+require('./index-31d49597.js');
 const lodash = require('./lodash-036555ce.js');
-const index$1 = require('./index-d269cf34.js');
+const index$1 = require('./index-8d9d689f.js');
 require('./index-3d49ff1c.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

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

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e5fa8107.js');
-require('./index-0e9a338c.js');
+require('./index-31d49597.js');
 const workflow_interface = require('./workflow.interface-ffda8358.js');
-const commonHelpers = require('./common-helpers-438f33b8.js');
+const commonHelpers = require('./common-helpers-5af1855c.js');
 const lodash = require('./lodash-036555ce.js');
 const index$4 = require('./index-52388f6b.js');
-const index$2 = require('./index-838553a0.js');
+const index$2 = require('./index-7bb1458c.js');
 const index$3 = require('./index-9c56868f.js');
-const index$1 = require('./index-d269cf34.js');
+const index$1 = require('./index-8d9d689f.js');
 require('./index-3d49ff1c.js');
-require('./annotations-helpers-3423af7a.js');
+require('./annotations-helpers-f53d8f62.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const workflowCss = "svg:not(:root){overflow:hidden}:host{width:100%}:host .workflow-container{position:relative;width:100%;height:100%}:host .workflow-container.form-mode{height:100%}:host .workflow-container .header-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .workflow-container .header-container yoo-tabs{background:var(--light, #ffffff)}:host .workflow-container .header-container yoo-form-toggle{position:absolute;top:0.5rem;right:1rem;bottom:auto;left:auto}:host .workflow-container .steps-outer-container{position:relative;width:100%;height:100%;overflow:hidden}:host .workflow-container .steps-outer-container .zoom-controller{position:absolute;top:auto;right:var(--spacing-16, 1rem);bottom:var(--spacing-64, 4rem);left:auto;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--light, #ffffff);background:var(--dark, #000000)}:host .workflow-container .steps-outer-container .zoom-controller .zoom-out,:host .workflow-container .steps-outer-container .zoom-controller .zoom-in{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:2rem;cursor:pointer}:host .workflow-container .steps-outer-container .zoom-controller.reset{position:absolute;top:auto;right:9rem;bottom:var(--spacing-64, 4rem);left:auto;padding:0 var(--spacing-08, 0.5rem);cursor:pointer}:host .workflow-container .steps-outer-container .steps-container{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--spacing-16, 1rem);overflow:auto}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:auto}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container yoo-context-menu{width:inherit;margin:auto}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container yoo-context-menu.align-center{text-align:center}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container yoo-context-menu.margin-top{margin-top:var(--spacing-16, 1rem)}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container .vertical-line{width:0;height:1.5rem;margin:auto;border-left:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container .start-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container .completed-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}:host .workflow-container .form-container{display:-ms-flexbox;display:flex;height:calc(100% - 3rem)}:host .workflow-container .form-container .left-panel{width:20.5rem;min-width:20.5rem;height:100%;overflow:hidden;border-right:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .workflow-container .form-container .right-panel{width:100%;min-width:25rem;padding:var(--spacing-16, 1rem);overflow:hidden}:host .workflow-container .form-container .right-panel yoo-accordion{--accordion-background:transparent}:host .workflow-container .form-container .right-panel .block-container{width:100%;margin:var(--spacing-08, 0.5rem) 0}:host .workflow-container .form-container .right-panel .default-visibility-selection{z-index:1;display:-ms-flexbox;display:flex;white-space:nowrap;position:absolute;top:auto;right:var(--spacing-16, 1rem);bottom:auto;left:auto}:host .workflow-container .form-container .right-panel .default-visibility-selection yoo-form-autocomplete{padding-left:var(--spacing-16, 1rem)}:host .animated-illustration-with-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column}:host .animated-illustration-with-text h2{margin-top:unset;margin-bottom:unset}:host .animated-illustration-with-text div{color:var(--text-color-80, rgba(128, 127, 131, 0.8));font-size:var(--font-size-16, 1rem);max-width:25rem;padding:var(--spacing-08, 0.5rem);text-align:center}:host .animated-illustration-with-text yoo-button{width:20rem;padding:var(--spacing-16, 1rem)}:host .animated-illustration-with-text yoo-animated-illustration{height:25rem;margin-top:var(--spacing-16, 1rem);margin-bottom:var(--spacing-32, 2rem)}";

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-e5fa8107.js');
-const index = require('./index-d269cf34.js');
-require('./index-0e9a338c.js');
+const index = require('./index-8d9d689f.js');
+require('./index-31d49597.js');
 require('./index-3d49ff1c.js');
 require('./lodash-036555ce.js');
 require('./_commonjsHelpers-94df2ea7.js');

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e5fa8107.js');
-require('./index-0e9a338c.js');
-const annotationsHelpers = require('./annotations-helpers-3423af7a.js');
-const commonHelpers = require('./common-helpers-438f33b8.js');
+require('./index-31d49597.js');
+const annotationsHelpers = require('./annotations-helpers-f53d8f62.js');
+const commonHelpers = require('./common-helpers-5af1855c.js');
 const hammerHelpers = require('./hammer-helpers-0f5da5af.js');
 const lodash = require('./lodash-036555ce.js');
-const index$1 = require('./index-d269cf34.js');
+const index$1 = require('./index-8d9d689f.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-3d49ff1c.js');
 

package/dist/collection/components/2.molecules/context-menu-dialog/context-menu-dialog.css

@@ -203,24 +203,6 @@ svg:not(:root) {
   overflow: hidden;
 }
 
-:host([dir=ltr]) li .wrapper.to-left {
-  right: auto;
-  left: 0;
-}
-:host([dir=ltr]) li .wrapper.to-right {
-  right: 0;
-  left: auto;
-}
-
-:host([dir=rtl]) li .wrapper.to-left {
-  left: auto;
-  right: 0;
-}
-:host([dir=rtl]) li .wrapper.to-right {
-  left: 0;
-  right: auto;
-}
-
 :host([dir=ltr].side-menu) .arrow-cursor {
   left: 0;
 }
@@ -302,7 +284,7 @@ svg:not(:root) {
 :host ul:hover::-webkit-scrollbar-thumb {
   background: var(--stable, #adadad);
 }
-:host yoo-icon[class*=arrow] {
+:host yoo-icon.toggle-icon {
   opacity: 0;
 }
 :host .title {
@@ -315,15 +297,6 @@ svg:not(:root) {
 :host .content {
   position: relative;
 }
-:host .content.to-left .wrapper {
-  transform: translate(-100%, -0.35rem);
-}
-:host .content.to-right li {
-  text-align: start;
-}
-:host .content.to-right li .wrapper {
-  transform: translate(100%, -0.35rem);
-}
 :host li {
   position: static;
   display: flex;
@@ -342,7 +315,7 @@ svg:not(:root) {
 :host li:hover:not(.selected):not(.disabled):not(.no-hover) > .item-content {
   background: var(--stable-light-60, rgba(241, 241, 241, 0.6));
 }
-:host li:hover:not(.selected):not(.disabled):not(.no-hover) > .item-content > yoo-icon[class*=arrow] {
+:host li:hover:not(.selected):not(.disabled):not(.no-hover) > .item-content > yoo-icon.toggle-icon {
   opacity: 1;
 }
 :host li:hover:not(.selected):not(.disabled):not(.no-hover) > .item-content > .wrapper {
@@ -359,7 +332,7 @@ svg:not(:root) {
   display: flex;
   align-items: center;
 }
-:host li.sub-item:hover yoo-icon.arrows {
+:host li.sub-item:hover yoo-icon.toggle-icon {
   position: absolute;
   top: auto;
   right: 0;
@@ -411,8 +384,8 @@ svg:not(:root) {
 }
 :host li .wrapper {
   position: absolute;
-  right: 100%;
   z-index: 10001;
+  display: flex;
   width: var(--width-dropdown-content);
   background: var(--light, #ffffff);
   border: solid var(--border-width-01, 0.0625rem) var(--stable-light, #f1f1f1);

package/dist/collection/components/2.molecules/context-menu-dialog/context-menu-dialog.js

@@ -16,23 +16,14 @@ export class YooContextMenuDialogComponent {
   onBodyClick() {
     closeModal(null);
   }
-  get openSubMenuOnLeft() {
-    const maxSubMenusDepth = (button) => {
-      var _a;
-      if (typeof button !== 'object' || !button) {
-        return 0;
-      }
-      const values = Object.values(((_a = button.subMenu) === null || _a === void 0 ? void 0 : _a[0]) || button);
-      return ((values === null || values === void 0 ? void 0 : values.length) && Math.max(...values.map((value) => maxSubMenusDepth(value)))) + 1;
-    };
-    return window.innerWidth - (this.xPosition + this.host.clientWidth) < this.host.clientWidth * Math.max(...this.contentButtons.map((button) => maxSubMenusDepth(button)));
-  }
   get hasSubMenu() {
     var _a;
     return !!((_a = this.contentButtons) === null || _a === void 0 ? void 0 : _a.filter((button) => { var _a; return (_a = button === null || button === void 0 ? void 0 : button.subMenu) === null || _a === void 0 ? void 0 : _a.length; }).length);
   }
-  get sideClass() {
-    return this.hasSubMenu && this.openSubMenuOnLeft ? 'to-left' : 'to-right';
+  isOverflowingX(itemEl, subMenuEl) {
+    const itemRect = itemEl.getBoundingClientRect();
+    const subMenuRect = subMenuEl.getBoundingClientRect();
+    return isRTL() ? itemRect.left < subMenuRect.width : window.innerWidth - itemRect.right < subMenuRect.width;
   }
   componentWillLoad() {
     this.selectedItems = this.initialSelectedItems;
@@ -45,9 +36,6 @@ export class YooContextMenuDialogComponent {
         50}px`
     };
   }
-  openSubMenuOnTop(items, parentItemPosition) {
-    return parseFloat(this.getMaxDialogHeight(items).maxHeight) > window.innerHeight - parentItemPosition;
-  }
   onItemClick(ev, item, itemIndex, parentItemIndex) {
     if (!item.subMenu) {
       if (item.disabled) {
@@ -73,37 +61,51 @@ export class YooContextMenuDialogComponent {
            */
           copyToClipboard(item.handler());
         }
-        closeModal(item);
+        closeModal(!isNil(item === null || item === void 0 ? void 0 : item.value) ? item.value : item);
       }
     }
   }
-  toggleArrowDisplay(parentElement, show) {
-    const arrowElement = parentElement.querySelector('yoo-icon[name*="arrow"]');
-    if (arrowElement) {
-      arrowElement.style.display = show ? 'block' : 'none';
-    }
-  }
   onActionableIconClick(event, actionableIcon) {
     event.stopPropagation();
     actionableIcon.handler();
     closeModal(null);
   }
-  onItemHovered(ev) {
-    const item = ev === null || ev === void 0 ? void 0 : ev.currentTarget;
-    if (item) {
-      // const subList: HTMLElement = item.closest('ul');
-      const subMenu = item.querySelector('.wrapper');
-      if (subMenu && !getComputedStyle(subMenu).transform) {
-        const { y, height } = subMenu.getBoundingClientRect();
-        const deltaY = window.innerHeight - (y + height) - 10;
-        const adjustOffset = deltaY < 0 && height > window.innerHeight - item.getBoundingClientRect().y;
-        const translation = subMenu.clientHeight / 2 - item.clientHeight / 2;
-        const tsx = subMenu.classList.contains('to-left') ? (!isRTL() ? -100 : 100) : !isRTL() ? 100 : -100;
-        const tsy = adjustOffset ? deltaY : translation;
-        subMenu.style.transform = `translate(${tsx}%, ${tsy}px)`;
-      }
+  onMouseEnter(itemElement) {
+    const subMenuElement = itemElement.querySelector('.wrapper');
+    if (itemElement && subMenuElement) {
+      const { direction: dirY, translate: tsy } = this.getSubMenuYPosition(itemElement, subMenuElement);
+      const { direction: dirX, translate: tsx } = this.getSubMenuXPosition(itemElement, subMenuElement);
+      subMenuElement.style.removeProperty('top');
+      subMenuElement.style.removeProperty('bottom');
+      subMenuElement.style.setProperty(dirY, tsy);
+      subMenuElement.style.setProperty(dirX, tsx);
+      const { top, height } = subMenuElement.getBoundingClientRect();
+      subMenuElement.style.setProperty('max-height', top < 0 ? `${height + top - 8}px` : '28.5rem');
     }
   }
+  onMouseLeave(itemElement) {
+    const subMenuElement = itemElement.querySelector('.wrapper');
+    subMenuElement && subMenuElement.style.setProperty('max-height', '28.5rem');
+  }
+  getSubMenuXPosition(itemElement, subMenuElement) {
+    var _a;
+    let toRight = this.isOverflowingX(itemElement, subMenuElement);
+    let tsx = '100%';
+    const scrollable = itemElement.parentElement.scrollHeight > ((_a = itemElement.parentElement) === null || _a === void 0 ? void 0 : _a.clientHeight);
+    scrollable && !toRight && (tsx = `calc(${tsx} - var(--spacing-08))`);
+    isRTL() && (toRight = !toRight);
+    return { direction: toRight ? 'right' : 'left', translate: tsx };
+  }
+  getSubMenuYPosition(itemElement, subMenuElement) {
+    const itemRect = itemElement.getBoundingClientRect();
+    const subMenuRect = subMenuElement.getBoundingClientRect();
+    const hostRect = this.host.getBoundingClientRect();
+    const isOverflowing = window.innerHeight - itemRect.y < subMenuRect.height + 10;
+    let tsy = `calc(${isOverflowing ? hostRect.bottom - itemRect.bottom : itemRect.top - hostRect.top}px - var(--spacing-04))`;
+    itemRect.y < 0 && !isOverflowing && (tsy = '0px');
+    itemRect.bottom > hostRect.bottom && isOverflowing && (tsy = '0px');
+    return { direction: isOverflowing ? 'bottom' : 'top', translate: tsy };
+  }
   hasItemSelected(subMenu, selectedItems) {
     return !!subMenu.find((item, index) => {
       if (item.subMenu) {
@@ -135,7 +137,7 @@ export class YooContextMenuDialogComponent {
   renderRightActions(item) {
     const { subMenu, isToggle, selectedFn, selected, handler, actionableIcon, actionableIcons } = item;
     return [
-      !!(subMenu === null || subMenu === void 0 ? void 0 : subMenu.length) && h("yoo-icon", { class: "arrows", name: `arrow-${this.openSubMenuOnLeft ? 'left' : 'right'}`, color: "stable" }),
+      !!(subMenu === null || subMenu === void 0 ? void 0 : subMenu.length) && h("yoo-icon", { color: "stable", class: "toggle-icon", name: "arrow-right" }),
       isToggle && h("yoo-form-toggle", { size: "medium", value: (selectedFn === null || selectedFn === void 0 ? void 0 : selectedFn()) || selected, onInputChanged: () => handler === null || handler === void 0 ? void 0 : handler() }),
       actionableIcon && (h("yoo-icon", { size: (actionableIcon === null || actionableIcon === void 0 ? void 0 : actionableIcon.iconSize) || 'medium', class: "right-aligned", name: actionableIcon.icon, color: actionableIcon.iconColor, onClick: (ev) => this.onActionableIconClick(ev, actionableIcon) })),
       actionableIcons === null || actionableIcons === void 0 ? void 0 : actionableIcons.map((action) => (h("yoo-icon", { size: action.iconSize || 'medium', class: "right-aligned", name: action.icon, color: action.iconColor, onClick: (ev) => this.onActionableIconClick(ev, action) })))
@@ -147,7 +149,7 @@ export class YooContextMenuDialogComponent {
   }
   renderItemContent(item, parentItemIndex) {
     var _a;
-    return (h("div", { class: "item-content" }, [this.renderAvatarOrIcon(item), this.renderTextContent(item), this.renderTag(item), this.renderRightActions(item)], !!((_a = item.subMenu) === null || _a === void 0 ? void 0 : _a.length) && (h("div", { class: { wrapper: true, [this.sideClass]: true } }, [
+    return (h("div", { class: "item-content" }, [this.renderAvatarOrIcon(item), this.renderTextContent(item), this.renderTag(item), this.renderRightActions(item)], !!((_a = item.subMenu) === null || _a === void 0 ? void 0 : _a.length) && (h("div", { class: "wrapper" }, [
       this.subDialogTitle && this.renderTitle(this.subDialogTitle),
       h("ul", null, item.subMenu.map((subItem, subItemIndex) => subItem && this.renderItem(subItem, subItemIndex, parentItemIndex)))
     ]))));
@@ -168,7 +170,7 @@ export class YooContextMenuDialogComponent {
             'is-toggle': item.isToggle,
             'actionable-icon': !isNil(item.actionableIcon),
             'has-item-selected': ((_a = item.subMenu) === null || _a === void 0 ? void 0 : _a.length) && this.multipleSelection && this.hasItemSelected(item.subMenu, this.selectedItems[itemIndex])
-          }, style: { color: item.cssClass || 'text-color' }, onMouseOver: (ev) => this.onItemHovered(ev), onClick: (ev) => this.onItemClick(ev, item, itemIndex, parentItemIndex) }, this.renderItemContent(item, itemIndex), !item.subMenu && this.multipleSelection && !item.disabled && (h("yoo-form-checkbox", { iconColor: "text-color", value: (!isNaN(parentItemIndex) ? this.selectedItems[parentItemIndex][itemIndex] : this.selectedItems[itemIndex]) || item.selected }))),
+          }, style: { color: item.cssClass || 'text-color' }, onMouseEnter: ({ currentTarget }) => this.onMouseEnter(currentTarget), onMouseLeave: ({ currentTarget }) => this.onMouseLeave(currentTarget), onClick: (ev) => this.onItemClick(ev, item, itemIndex, parentItemIndex) }, this.renderItemContent(item, itemIndex), !item.subMenu && this.multipleSelection && !item.disabled && (h("yoo-form-checkbox", { iconColor: "text-color", value: (!isNaN(parentItemIndex) ? this.selectedItems[parentItemIndex][itemIndex] : this.selectedItems[itemIndex]) || item.selected }))),
         (item.hasDivider || item.separator) && h("hr", null)
       ];
   }
@@ -177,7 +179,7 @@ export class YooContextMenuDialogComponent {
     return (_a = this.contentButtons) === null || _a === void 0 ? void 0 : _a.map((item, itemIndex) => item && this.renderItem(item, itemIndex));
   }
   render() {
-    return (h(Host, { class: { ...getAppContext(this.host) }, onClick: () => closeModal(null), dir: document.dir }, this.dialogTitle && this.renderTitle(this.dialogTitle), h("section", { class: { content: true, [this.sideClass]: true } }, this.cursorPosition !== 'none' && h("div", { class: `arrow-cursor cursor_${this.cursorPosition}` }), h("ul", null, this.renderContentButtons()))));
+    return (h(Host, { class: { ...getAppContext(this.host) }, onClick: () => closeModal(null), dir: document.dir }, this.dialogTitle && this.renderTitle(this.dialogTitle), h("section", { class: "content" }, this.cursorPosition !== 'none' && h("div", { class: `arrow-cursor cursor_${this.cursorPosition}` }), h("ul", null, this.renderContentButtons()))));
   }
   static get is() { return "yoo-context-menu-dialog"; }
   static get encapsulation() { return "shadow"; }

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

@@ -869,7 +869,7 @@ svg:not(:root) {
 :host(.detail-view) .detail-view-container.pdf:not(.appendix) .image-container {
   width: 18.5625rem;
 }
-:host(.detail-view) .detail-view-container.summary.appendix {
+:host(.detail-view) .detail-view-container.summary.appendix, :host(.detail-view) .detail-view-container.pdf.appendix.summary {
   --detail-view-container-width: 21.4375rem;
 }
 :host(.detail-view) .detail-view-container.pdf.appendix {

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

@@ -1736,6 +1736,7 @@ svg:not(:root) {
   font-size: var(--font-size-20, 1.25rem);
 }
 :host(.mission-form.pdf) .field-placeholder.last {
+  page-break-after: avoid;
   border-bottom: none;
 }
 
@@ -2548,9 +2549,18 @@ svg:not(:root) {
   }
   :host .inputs-container yoo-form-capture {
     display: block;
-    page-break-after: avoid;
-    page-break-before: avoid;
-    page-break-inside: auto;
+  }
+  :host(.mission-form.pdf) .inputs-container-parent ::slotted(div[slot=start]:empty),
+  :host(.mission-form.pdf) .inputs-container-parent ::slotted(div[slot=start-all]:empty) {
+    display: none;
+  }
+}
+@media print and (orientation: landscape) {
+  :host(.mission-form.pdf) .inputs-container-parent .inputs-container .slide-title {
+    margin-top: var(--spacing-08, 0.5rem) !important;
+  }
+  :host(.mission-form.pdf) .inputs-container-parent ::slotted(div[slot=end]) {
+    page-break-before: always;
   }
 }
 :host(.readonly:not(.inline-row)) .inputs-container {

package/dist/collection/components/form/form-input-container/form-input-container.css

@@ -1256,6 +1256,9 @@ svg:not(:root) {
   :host .top-container .description {
     page-break-after: avoid !important;
   }
+  :host(.photo) {
+    display: inline-block !important;
+  }
 }
 :host(.accent) .hint-container {
   color: var(--accent-20, rgba(39, 110, 241, 0.2));

package/dist/{esm/annotations-helpers-c131b269.js → design-system/annotations-helpers-a763623b.js}

@@ -1,5 +1,5 @@
-import './index-3eb10507.js';
-import { b9 as getUUID } from './index-f9787c14.js';
+import './index-ce3ff01c.js';
+import { b9 as getUUID } from './index-69286e70.js';
 
 function isAnnotationEmpty(annotation) {
   return !(annotation === null || annotation === void 0 ? void 0 : annotation.text);

package/dist/{esm/button.factory-2d34b0af.js → design-system/button.factory-d60a4982.js}

@@ -1,4 +1,4 @@
-import { ae as translateMulti } from './index-f9787c14.js';
+import { ae as translateMulti } from './index-69286e70.js';
 import { h } from './index-23b437f1.js';
 
 const getButton = (button) => {

package/dist/{esm/camera-helpers-5b5c9cd1.js → design-system/camera-helpers-20f00161.js}

@@ -1,5 +1,5 @@
-import { ct as cordova, cu as AwesomeCordovaNativePlugin, cv as cordovaPropertyGet, cw as cordovaPropertySet, cx as registerPlugin, ag as getSession, cy as getDeviceModel, cz as getDevicePlatform, cA as isIonic, l as isNativeMobile, m as isAndroid, M as isIOS, B as getMediaDevices, G as showModal, E as getModalAnimation, H as isWeb } from './index-f9787c14.js';
-import './index-3eb10507.js';
+import { ct as cordova, cu as AwesomeCordovaNativePlugin, cv as cordovaPropertyGet, cw as cordovaPropertySet, cx as registerPlugin, ag as getSession, cy as getDeviceModel, cz as getDevicePlatform, cA as isIonic, l as isNativeMobile, m as isAndroid, M as isIOS, B as getMediaDevices, G as showModal, E as getModalAnimation, H as isWeb } from './index-69286e70.js';
+import './index-ce3ff01c.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-09169308.js').then(m => new m.CameraWeb()),
+    web: () => import('./web-f6136ff6.js').then(m => new m.CameraWeb()),
 });
 
 var MediaPictureOptions;

package/dist/design-system/{chat-helpers-92257b92.js → chat-helpers-8813ee86.js}

@@ -1,6 +1,6 @@
-import './index-3eb10507.js';
+import './index-ce3ff01c.js';
 import { a as isArray } from './lodash-04b11500.js';
-import { t as translate, av as isFile, aw as replaceAtTagToMentionTag, ax as replaceAllLinks, ae as translateMulti } from './index-f9787c14.js';
+import { t as translate, av as isFile, aw as replaceAtTagToMentionTag, ax as replaceAllLinks, ae as translateMulti } from './index-69286e70.js';
 
 /**
  * Get the proper data format for a single message aswell as grouped messages

package/dist/{esm/common-helpers-bd7da3c7.js → design-system/common-helpers-942bfe1a.js}

@@ -1,5 +1,5 @@
-import { E as getModalAnimation, F as findDevice, t as translate, G as showModal, H as isWeb, I as debounce, J as querySelectorDeep$1, l as isNativeMobile, S as ScreenOrientation, K as isRTL, L as isIphoneX, n as isIpadPro, p as isTablet, k as isFullScreenFalse, M as isIOS, m as isAndroid, N as setAnimation, O as animations, P as getCssColor, Y as YOOBICON_ENTITIES_MAP, Q as startOf, R as isDateBefore, T as dateDiffInCalendarDays, U as isDateAfter, V as getAsyncExtraData, W as findParent, X as isNativeFilePath, D as cleanupWKWebViewFilePath, Z as Cloudinary, $ as getProtocol, a0 as CloudinaryGradientLayer } from './index-f9787c14.js';
-import './index-3eb10507.js';
+import { E as getModalAnimation, F as findDevice, t as translate, G as showModal, H as isWeb, I as debounce, J as querySelectorDeep$1, l as isNativeMobile, S as ScreenOrientation, K as isRTL, L as isIphoneX, n as isIpadPro, p as isTablet, k as isFullScreenFalse, M as isIOS, m as isAndroid, N as setAnimation, O as animations, P as getCssColor, Y as YOOBICON_ENTITIES_MAP, Q as startOf, R as isDateBefore, T as dateDiffInCalendarDays, U as isDateAfter, V as getAsyncExtraData, W as findParent, X as isNativeFilePath, D as cleanupWKWebViewFilePath, Z as Cloudinary, $ as getProtocol, a0 as CloudinaryGradientLayer } from './index-69286e70.js';
+import './index-ce3ff01c.js';
 import { E as get } from './lodash-04b11500.js';
 
 function getDefaultModalAnimation(host) {

package/dist/design-system/{draggable-tags-helpers-69e4f68b.js → draggable-tags-helpers-2cad2e93.js}

@@ -1,6 +1,6 @@
-import './index-3eb10507.js';
+import './index-ce3ff01c.js';
 import { U as countBy } from './lodash-04b11500.js';
-import { t as translate, W as findParent } from './index-f9787c14.js';
+import { t as translate, W as findParent } from './index-69286e70.js';
 
 function checkArray(array) {
   return !!((array === null || array === void 0 ? void 0 : array.length) && Array.isArray(array));