@yoobic/yobi 8.2.0-0 → 8.2.0-1

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

@@ -1,13 +1,13 @@
-import { h, r as registerInstance, i as createEvent, f as forceUpdate, e as Host, g as getElement$1 } from './index-3d00bad4.js';
-import { cy as getContrastColorName, t as translate, d as isNativeMobile, fz as getTransformInfos, o as isWeb, I as closeModal, dU as resizeObserve, cw as setStatusBarDarkMode, S as ScreenOrientation, ba as getMedia, G as cleanupWKWebViewFilePath, fA as getImageSize, dC as getResizedImageSize, fB as getImageScaleFactor, E as getAsyncExtraData, ae as showAlert, aJ as Draggable, aK as gsapTo, v as isIOS, ab as enableKeyboardResize, bh as scaleUpAnimation, y as getCssColor, aL as gsapSet, bg as getContrastColor, dg as showContextMenu, af as showActionSheet } from './index-ac1d7e65.js';
-import { T as TapticEngine } from './index-e7596cd6.js';
-import { i as isFunction, x as isEqual, z as cloneDeep, n as capitalize } from './lodash-a98c6524.js';
-import './index-58ba48a5.js';
+import { h, r as registerInstance, i as createEvent, f as forceUpdate, e as Host, g as getElement$1 } from './index-019c1b1a.js';
+import { cy as getContrastColorName, t as translate, d as isNativeMobile, fz as getTransformInfos, o as isWeb, I as closeModal, dU as resizeObserve, cw as setStatusBarDarkMode, S as ScreenOrientation, ba as getMedia, G as cleanupWKWebViewFilePath, fA as getImageSize, dC as getResizedImageSize, fB as getImageScaleFactor, E as getAsyncExtraData, ae as showAlert, aJ as Draggable, aK as gsapTo, v as isIOS, ab as enableKeyboardResize, bh as scaleUpAnimation, y as getCssColor, aL as gsapSet, bg as getContrastColor, dg as showContextMenu, af as showActionSheet } from './index-dde1f033.js';
+import { T as TapticEngine } from './index-a6372dbe.js';
+import { i as isFunction, x as isEqual, z as cloneDeep, n as capitalize } from './lodash-494e728c.js';
+import './index-5e87fd81.js';
 import { b as isAnnotationValid, h as isAnnotationDeleted, d as getElement, l as isAnnotationFocused, i as isAnnotationEmpty, a as isElementInsideContainer, j as getPointerCoordinates } from './annotations-helpers-06bdd868.js';
-import { z as cloudinary } from './common-helpers-34c5464d.js';
-import { k as getAnnotationStyle, e as saveTooltipContent, B as BUTTONS_CONFIG, A as ANIMATION_DELAY, l as isCanvasBlank, m as getPredefinedTexts, n as getBoundingClient, b as getDotToolTipElement, g as getDotInnerElement, S as SLIDER_THRESHOLD, L as LOADING_DELAY, h as hideAllDotTooltips, p as prepareAnnotationsData, s as setDotIndexes, o as drawImageOnCanvas, q as focusAnnotation, t as getAnnotation, u as updateAnnotationLocal, I as INIT_COORDS, v as setAnnotationPositionToClosestEdge, w as getAnnotationDraggableBounds, x as getFormattedAnnotationSize, y as getAbsoluteCenter, z as getRelativeCenter, C as showPredefinedTextsDialog, c as createDot, D as DOT_RADIUS, E as createBaseAnnotation, F as removeLocalsFromAnnotations, G as EEditorActions, a as showDotTooltip, H as formatAnnotationsForExport, J as deCenterAnnotation } from './draggable-dots-helpers-f171888f.js';
-import { l as focusContentEditable } from './form-input-helpers-3d705017.js';
-import { g as getFromOfflineStorage } from './localForage-72f58d84.js';
+import { z as cloudinary } from './common-helpers-d99b3c41.js';
+import { k as getAnnotationStyle, e as saveTooltipContent, B as BUTTONS_CONFIG, A as ANIMATION_DELAY, l as isCanvasBlank, m as getPredefinedTexts, n as getBoundingClient, b as getDotToolTipElement, g as getDotInnerElement, S as SLIDER_THRESHOLD, L as LOADING_DELAY, h as hideAllDotTooltips, p as prepareAnnotationsData, s as setDotIndexes, o as drawImageOnCanvas, q as focusAnnotation, t as getAnnotation, u as updateAnnotationLocal, I as INIT_COORDS, v as setAnnotationPositionToClosestEdge, w as getAnnotationDraggableBounds, x as getFormattedAnnotationSize, y as getAbsoluteCenter, z as getRelativeCenter, C as showPredefinedTextsDialog, c as createDot, D as DOT_RADIUS, E as createBaseAnnotation, F as removeLocalsFromAnnotations, G as EEditorActions, a as showDotTooltip, H as formatAnnotationsForExport, J as deCenterAnnotation } from './draggable-dots-helpers-1da8f686.js';
+import { l as focusContentEditable } from './form-input-helpers-df1e7fe4.js';
+import { g as getFromOfflineStorage } from './localForage-12d47828.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-21c7d38e.js';
 

package/dist/esm/yoo-pivot-table.entry.js

@@ -1,13 +1,13 @@
-import { r as registerInstance, i as createEvent, h, g as getElement } from './index-3d00bad4.js';
-import { t as translate } from './index-ac1d7e65.js';
+import { r as registerInstance, i as createEvent, h, g as getElement } from './index-019c1b1a.js';
+import { t as translate } from './index-dde1f033.js';
 import { a as createCommonjsModule, c as commonjsGlobal } from './_commonjsHelpers-f4d11124.js';
-import { V as debounce, z as cloneDeep, N as assign, y as sortBy, x as isEqual } from './lodash-a98c6524.js';
-import { g as getRenderer } from './grid-renderers-7e057edc.js';
+import { V as debounce, z as cloneDeep, N as assign, y as sortBy, x as isEqual } from './lodash-494e728c.js';
+import { g as getRenderer } from './grid-renderers-af0c5a23.js';
 import './index-21c7d38e.js';
-import './missions-helpers-d7921d84.js';
-import './common-helpers-34c5464d.js';
-import './form-helpers-3d81dffb.js';
-import './geolocation-helpers-9d6cbc4b.js';
+import './missions-helpers-241313cb.js';
+import './common-helpers-d99b3c41.js';
+import './form-helpers-2f790816.js';
+import './geolocation-helpers-62bb9059.js';
 
 var domToImage = createCommonjsModule(function (module) {
 (function (global) {

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, i as createEvent, h, e as Host, k as getAssetPath, g as getElement } from './index-3d00bad4.js';
-import { y as getCssColor, k as Cloudinary, o as isWeb, cu as updateSVGCustomColors } from './index-ac1d7e65.js';
-import { l as isNumber, A as get } from './lodash-a98c6524.js';
+import { r as registerInstance, i as createEvent, h, e as Host, k as getAssetPath, g as getElement } from './index-019c1b1a.js';
+import { y as getCssColor, k as Cloudinary, o as isWeb, cu as updateSVGCustomColors } from './index-dde1f033.js';
+import { l as isNumber, A as get } from './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-21c7d38e.js';
 

package/dist/esm/yoo-points-recap.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, e as Host } from './index-3d00bad4.js';
+import { r as registerInstance, h, e as Host } from './index-019c1b1a.js';
 
 const pointsRecapCss = ":host .card{padding:0 var(--spacing-08, 0.5rem);background-color:var(--light, #ffffff)}:host .card .item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:var(--spacing-08, 0.5rem) 0}:host .card .item .sub-item{display:-ms-flexbox;display:flex}:host .card .item .sub-item .name,:host .card .item .sub-item .sub-description{padding-left:var(--spacing-04, 0.25rem)}:host .card .item .sub-item .sub-description{font-size:var(--font-size-14, 0.875rem);text-transform:uppercase}:host .card .item .sub-item .sub-description.success{color:var(--success, #3aa76d)}:host .card .item .sub-item .sub-description.danger{color:var(--danger, #d44333)}:host .card .item .sub-item .sub-description.stable{color:var(--stable, #adadad)}:host .card .item yoo-tag{background-color:var(--success-10, rgba(58, 167, 109, 0.1))}:host .card .item.heading{-ms-flex-align:end;align-items:flex-end}:host .card .item.content{-ms-flex-align:center;align-items:center}:host .card .item.footer{padding-left:var(--spacing-04, 0.25rem)}:host .card .separator{border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .row:last-of-type .item .sub-item .sub-description{color:var(--stable, #adadad)}";
 

package/dist/esm/yoo-profile-list.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-3d00bad4.js';
-import { an as copyToClipboard, aY as showToast, t as translate, Z as dateFormat, _ as getSession, o as isWeb } from './index-ac1d7e65.js';
-import './lodash-a98c6524.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
+import { an as copyToClipboard, aY as showToast, t as translate, Z as dateFormat, _ as getSession, o as isWeb } from './index-dde1f033.js';
+import './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-21c7d38e.js';
 

package/dist/esm/yoo-profile-summary.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-3d00bad4.js';
-import { cI as getDownloadAction, o as isWeb, t as translate, a7 as getUserDisplayName } from './index-ac1d7e65.js';
-import { l as isNumber } from './lodash-a98c6524.js';
-import { h as showPhotoEditor } from './common-helpers-34c5464d.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
+import { cI as getDownloadAction, o as isWeb, t as translate, a7 as getUserDisplayName } from './index-dde1f033.js';
+import { l as isNumber } from './lodash-494e728c.js';
+import { h as showPhotoEditor } from './common-helpers-d99b3c41.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-21c7d38e.js';
 

package/dist/esm/yoo-progress-bar.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-3d00bad4.js';
-import { c_ as isAnimationsDisabled, fo as Linear, aM as gsapFromTo } from './index-ac1d7e65.js';
-import { V as debounce, U as clamp, M as isFinite, B as isNull } from './lodash-a98c6524.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
+import { c_ as isAnimationsDisabled, fo as Linear, aM as gsapFromTo } from './index-dde1f033.js';
+import { V as debounce, U as clamp, M as isFinite, B as isNull } from './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-21c7d38e.js';
 

package/dist/esm/yoo-progress-loader.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, e as Host } from './index-3d00bad4.js';
-import { t as translate } from './index-ac1d7e65.js';
-import './lodash-a98c6524.js';
+import { r as registerInstance, h, e as Host } from './index-019c1b1a.js';
+import { t as translate } from './index-dde1f033.js';
+import './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-21c7d38e.js';
 

package/dist/esm/yoo-progress-recap.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, e as Host } from './index-3d00bad4.js';
-import { T as translateMulti } from './index-ac1d7e65.js';
-import { F as isNil } from './lodash-a98c6524.js';
+import { r as registerInstance, h, e as Host } from './index-019c1b1a.js';
+import { T as translateMulti } from './index-dde1f033.js';
+import { F as isNil } from './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-21c7d38e.js';
 

package/dist/esm/yoo-property-card.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-3d00bad4.js';
-import { t as translate, y as getCssColor } from './index-ac1d7e65.js';
-import { p as isString } from './lodash-a98c6524.js';
-import { b as getAppContext } from './common-helpers-34c5464d.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-019c1b1a.js';
+import { t as translate, y as getCssColor } from './index-dde1f033.js';
+import { p as isString } from './lodash-494e728c.js';
+import { b as getAppContext } from './common-helpers-d99b3c41.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-21c7d38e.js';
 

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

@@ -1,8 +1,9 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-3d00bad4.js';
-import { c as createGesture, b as clamp } from './index-cab974aa.js';
-import { y as debounceEvent } from './common-helpers-34c5464d.js';
-import './index-ac1d7e65.js';
-import './lodash-a98c6524.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
+import { c as createGesture, b as clamp } from './index-b0e08f5d.js';
+import { y as debounceEvent } from './common-helpers-d99b3c41.js';
+import './index-a6372dbe.js';
+import './index-dde1f033.js';
+import './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-21c7d38e.js';
 

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-3d00bad4.js';
-import { E as getAsyncExtraData, o as isWeb, I as closeModal, t as translate } from './index-ac1d7e65.js';
-import './lodash-a98c6524.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
+import { E as getAsyncExtraData, o as isWeb, I as closeModal, t as translate } from './index-dde1f033.js';
+import './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-21c7d38e.js';
 

package/dist/esm/yoo-recap-link.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-3d00bad4.js';
+import { r as registerInstance, h } from './index-019c1b1a.js';
 
 const recapLinkCss = ":host .link-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:5.6rem;margin:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);text-align:left;background-color:var(--light, #ffffff);border-radius:0.5rem;-webkit-box-shadow:var(--tile-shadow, 0 1px 4px 0 rgba(0, 0, 0, 0.1));box-shadow:var(--tile-shadow, 0 1px 4px 0 rgba(0, 0, 0, 0.1))}:host .link-wrapper .tag-outer-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:4rem;height:100%;margin:var(--spacing-16, 1rem)}:host .link-wrapper .tag-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:2rem;height:2rem;color:var(--app-color, #5a30f4);font-size:var(--font-size-16, 1rem);border-radius:50%}:host .link-wrapper .text-container{width:calc(100% - 4rem);padding:var(--spacing-08, 0.5rem) var(--spacing-04, 0.25rem) var(--spacing-08, 0.5rem) 0}:host .link-wrapper .heading-container{color:var(--dark, #000000);font-size:var(--font-size-18, 1.125rem)}:host .link-wrapper .subheading-container{color:var(--stable, #adadad);font-size:var(--font-size-12, 0.75rem)}";
 

package/dist/esm/yoo-report-builder.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, i as createEvent, h, g as getElement } from './index-3d00bad4.js';
+import { r as registerInstance, i as createEvent, h, g as getElement } from './index-019c1b1a.js';
 
 const reportBuilderCss = ":host{display:block;-ms-flex:1;flex:1}";
 

package/dist/esm/yoo-reset-password.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, i as createEvent, h, k as getAssetPath, e as Host, g as getElement } from './index-3d00bad4.js';
+import { r as registerInstance, i as createEvent, h, k as getAssetPath, e as Host, g as getElement } from './index-019c1b1a.js';
 import { c as FormFieldType } from './index-21c7d38e.js';
-import { d as isNativeMobile, t as translate, o as isWeb } from './index-ac1d7e65.js';
-import './lodash-a98c6524.js';
+import { d as isNativeMobile, t as translate, o as isWeb } from './index-dde1f033.js';
+import './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const resetPasswordCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host>*{width:100%}:host p{margin:0;font-size:var(--font-size-16, 1rem);text-align:center}:host yoo-button{max-width:25rem;margin:auto;margin-top:var(--spacing-16, 1rem)}:host yoo-form-dynamic.margin-top{margin-top:var(--spacing-48, 3rem)}:host yoo-empty-state{height:15rem;margin-top:var(--spacing-08, 0.5rem)}:host yoo-form-input{display:block;max-width:25rem;margin:auto}";

package/dist/esm/yoo-result-dialog.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-3d00bad4.js';
-import { T as translateMulti, t as translate } from './index-ac1d7e65.js';
-import { b as getAppContext } from './common-helpers-34c5464d.js';
-import './lodash-a98c6524.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
+import { T as translateMulti, t as translate } from './index-dde1f033.js';
+import { b as getAppContext } from './common-helpers-d99b3c41.js';
+import './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-21c7d38e.js';
 

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

@@ -1,68 +1,41 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-3d00bad4.js';
-import { T as translateMulti, o as isWeb } from './index-ac1d7e65.js';
-import './lodash-a98c6524.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
+import { T as translateMulti } from './index-dde1f033.js';
+import './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-21c7d38e.js';
 
-const revealCss = ":host{display:block;padding:var(--spacing-16, 1rem);background-color:var(--stable-light, #f1f1f1)}:host .cards-container{display:grid;gap:var(--spacing-16, 1rem)}:host .cards-container .card{font-size:var(--font-size-20, 1.25rem);background-color:transparent;-webkit-perspective:62.5rem;perspective:62.5rem}:host .cards-container .card .card-inner{display:-ms-flexbox;display:flex;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:-webkit-transform 0.8s;transition:-webkit-transform 0.8s;transition:transform 0.8s;transition:transform 0.8s, -webkit-transform 0.8s}:host .cards-container .card .card-inner .card-front,:host .cards-container .card .card-inner .card-back{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:100%;min-height:6.25rem;padding:var(--spacing-16, 1rem);text-align:center;word-break:break-word;border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));-webkit-backface-visibility:hidden;backface-visibility:hidden}:host .cards-container .card .card-inner .card-front{color:var(--dark, #000000);font-weight:var(--font-weigth-700);background-color:var(--light, #ffffff)}:host .cards-container .card .card-inner .card-back{color:var(--light, #ffffff);font-size:var(--font-size-16, 1rem);background-color:var(--app-color, #5a30f4);-webkit-transform:rotateX(-180deg) translate(-100%, 0);transform:rotateX(-180deg) translate(-100%, 0)}:host .cards-container .card.revealed .card-inner{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg)}:host(.web) .cards-container .card{cursor:pointer}:host(.web) .cards-container .card .card-front,:host(.web) .cards-container .card .card-back{min-height:5rem}";
+const revealCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-16, 1rem);padding:var(--spacing-16, 1rem);background-color:var(--stable-light, #f1f1f1)}";
 
 const YooRevealComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.validityChanged = createEvent(this, "validityChanged", 7);
-    /**
-     * Validity is true once all cards revealed
-     * */
     this.validity = false;
-    this.cardsRevealed = 0;
-  }
-  onValuesChanged() {
-    this.cardsRevealed = 0;
-    this.revealedCardIndex = undefined;
+    this.cardElements = [];
   }
   onValidityChanged() {
     this.validityChanged.emit(this.validity);
   }
-  updateValidity() {
-    const _validity = this.cardsRevealed === this.values.length;
-    if (this.validity !== _validity) {
-      this.validity = _validity;
-    }
-  }
-  updateClickedCards(index) {
-    if ((!this.values[index].clicked || this.values[index].clicked === false) && this.cardsRevealed !== this.values.length) {
-      this.values[index].clicked = true;
-      this.cardsRevealed = this.cardsRevealed + 1;
-    }
+  componentDidUpdate() {
+    var _a;
+    (_a = this.cardElements) === null || _a === void 0 ? void 0 : _a.forEach(e => e === null || e === void 0 ? void 0 : e.initCardSize());
   }
-  revealCard(card, index) {
-    if ((card === null || card === void 0 ? void 0 : card.revealed) === true) {
-      card.revealed = false;
-      this.revealedCardIndex = undefined;
-    }
-    else {
-      if (isFinite(this.revealedCardIndex)) {
-        this.values[this.revealedCardIndex].revealed = false;
-      }
-      this.updateClickedCards(index);
-      this.values[index].revealed = true;
-      this.revealedCardIndex = index;
-    }
-    this.updateValidity();
+  onCardRevealed(index) {
+    var _a, _b;
+    this.cardElements[index].setAttribute('checked', 'true');
+    (_b = (_a = this.cardElements) === null || _a === void 0 ? void 0 : _a.filter(({ id }) => id !== `card-${index}`)) === null || _b === void 0 ? void 0 : _b.forEach(card => card.revealed = false);
+    this.validity = this.cardElements.filter(card => card.getAttribute('checked')).length === this.cardElements.length;
   }
   renderCard(card, index) {
-    return (h("div", { class: { card: true, revealed: card === null || card === void 0 ? void 0 : card.revealed }, onClick: () => this.revealCard(card, index) }, h("div", { class: "card-inner" }, h("div", { class: "card-front" }, translateMulti(card === null || card === void 0 ? void 0 : card.frontside)), h("div", { class: "card-back" }, translateMulti(card === null || card === void 0 ? void 0 : card.backside)))));
-  }
-  renderCards() {
-    var _a;
-    return h("div", { class: "cards-container" }, (_a = this.values) === null || _a === void 0 ? void 0 : _a.map((card, index) => this.renderCard(card, index)));
+    const { frontside, backside } = card || {};
+    return h("yoo-flip-card", { id: `card-${index}`, ref: el => this.cardElements[index] = el, onCardRevealed: () => this.onCardRevealed(index) }, h("div", { slot: "front" }, translateMulti(frontside)), h("div", { slot: "back" }, translateMulti(backside)));
   }
   render() {
-    return h(Host, { class: { web: isWeb(this.host) } }, this.values && this.renderCards());
+    var _a;
+    return h(Host, null, (_a = this.values) === null || _a === void 0 ? void 0 : _a.map((card, index) => this.renderCard(card, index)));
   }
   get host() { return getElement(this); }
   static get watchers() { return {
-    "values": ["onValuesChanged"],
     "validity": ["onValidityChanged"]
   }; }
 };

package/dist/esm/yoo-ripple-effect.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, l as readTask, m as writeTask, h, e as Host, g as getElement } from './index-3d00bad4.js';
+import { r as registerInstance, l as readTask, m as writeTask, h, e as Host, g as getElement } from './index-019c1b1a.js';
 
 const rippleEffectCss = ":host{--color:var(--dark, #000000);--opacity:var(--ripple-light-opacity, 0.15);-webkit-mask-image:radial-gradient(white, black);mask-image:radial-gradient(white, black);position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;pointer-events:none}:host div{position:absolute;background-color:var(--color);border-radius:50%;-webkit-transform:scale(0);transform:scale(0);opacity:var(--opacity);-webkit-animation:ripple linear;animation:ripple linear}@-webkit-keyframes ripple{to{-webkit-transform:scale(3);transform:scale(3);opacity:0}}@keyframes ripple{to{-webkit-transform:scale(3);transform:scale(3);opacity:0}}";
 

package/dist/esm/yoo-salesai-formula.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h } from './index-3d00bad4.js';
-import { t as translate, cJ as salesAIGetColorFromPattern, cK as salesAIFormatDemand } from './index-ac1d7e65.js';
-import { X as filter, o as orderBy, W as find } from './lodash-a98c6524.js';
+import { r as registerInstance, h } from './index-019c1b1a.js';
+import { t as translate, cJ as salesAIGetColorFromPattern, cK as salesAIFormatDemand } from './index-dde1f033.js';
+import { Y as filter, o as orderBy, W as find } from './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-21c7d38e.js';
 

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-3d00bad4.js';
-import { d as isNativeMobile, ae as showAlert, t as translate, _ as getSession } from './index-ac1d7e65.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
+import { d as isNativeMobile, ae as showAlert, t as translate, _ as getSession } from './index-dde1f033.js';
 import { a as createCommonjsModule, c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-f4d11124.js';
-import { b as getAppContext } from './common-helpers-34c5464d.js';
-import './lodash-a98c6524.js';
+import { b as getAppContext } from './common-helpers-d99b3c41.js';
+import './lodash-494e728c.js';
 import './index-21c7d38e.js';
 
 var browser = createCommonjsModule(function (module, exports) {

package/dist/esm/yoo-scratch-card-creator.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host } from './index-3d00bad4.js';
-import { t as translate } from './index-ac1d7e65.js';
-import './lodash-a98c6524.js';
+import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host } from './index-019c1b1a.js';
+import { t as translate } from './index-dde1f033.js';
+import './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-21c7d38e.js';
 

package/dist/esm/yoo-scratch-card.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, i as createEvent, k as getAssetPath, h, e as Host, g as getElement } from './index-3d00bad4.js';
-import { ba as getMedia, o as isWeb, bg as getContrastColor, T as translateMulti } from './index-ac1d7e65.js';
-import './index-58ba48a5.js';
+import { r as registerInstance, i as createEvent, k as getAssetPath, h, e as Host, g as getElement } from './index-019c1b1a.js';
+import { ba as getMedia, o as isWeb, bg as getContrastColor, T as translateMulti } from './index-dde1f033.js';
+import './index-5e87fd81.js';
 import { j as getPointerCoordinates } from './annotations-helpers-06bdd868.js';
-import { g as getFromOfflineStorage } from './localForage-72f58d84.js';
-import './lodash-a98c6524.js';
+import { g as getFromOfflineStorage } from './localForage-12d47828.js';
+import './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-21c7d38e.js';
 

package/dist/esm/yoo-scroll-to-button.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-3d00bad4.js';
+import { r as registerInstance, h } from './index-019c1b1a.js';
 
 const YooScrollToButtonComponent = class {
   constructor(hostRef) {

package/dist/esm/yoo-section-list.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-3d00bad4.js';
-import { t as translate, aK as gsapTo, aL as gsapSet, cL as gsapFrom, cM as showRename, T as translateMulti } from './index-ac1d7e65.js';
-import { V as debounce, q as clone, G as omit, A as get } from './lodash-a98c6524.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
+import { t as translate, aK as gsapTo, aL as gsapSet, cL as gsapFrom, cM as showRename, T as translateMulti } from './index-dde1f033.js';
+import { V as debounce, q as clone, G as omit, A as get } from './lodash-494e728c.js';
 import { S as Sortable } from './sortable.esm-f788d1ca.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-21c7d38e.js';

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, i as createEvent, h, e as Host } from './index-3d00bad4.js';
-import { t as translate } from './index-ac1d7e65.js';
-import './lodash-a98c6524.js';
+import { r as registerInstance, i as createEvent, h, e as Host } from './index-019c1b1a.js';
+import { t as translate } from './index-dde1f033.js';
+import './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-21c7d38e.js';
 

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, f as forceUpdate, h, e as Host, g as getElement } from './index-3d00bad4.js';
-import { t as translate } from './index-ac1d7e65.js';
-import './lodash-a98c6524.js';
+import { r as registerInstance, f as forceUpdate, h, e as Host, g as getElement } from './index-019c1b1a.js';
+import { t as translate } from './index-dde1f033.js';
+import './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-21c7d38e.js';
 

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-3d00bad4.js';
-import { o as isWeb, ak as dispatchCustomEvent, t as translate, _ as getSession } from './index-ac1d7e65.js';
-import { l as isNumber } from './lodash-a98c6524.js';
+import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-019c1b1a.js';
+import { o as isWeb, ak as dispatchCustomEvent, t as translate, _ as getSession } from './index-dde1f033.js';
+import { l as isNumber } from './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-21c7d38e.js';
 

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-3d00bad4.js';
-import { I as closeModal, S as ScreenOrientation, r as findParent, ai as isImage, aN as isImageUrl, d as isNativeMobile, e as isAndroid, az as capitalizeFirstLetter, T as translateMulti, n as showModal, o as isWeb, E as getAsyncExtraData, t as translate, aY as showToast, J as gsapTimeline, av as isPhotoEdited, aK as gsapTo, u as isIphoneX, W as pipes, ag as isVideo } from './index-ac1d7e65.js';
-import { a as isArray } from './lodash-a98c6524.js';
-import { n as lockSwipes } from './common-helpers-34c5464d.js';
-import { b as parseEntityForCardMedia } from './entities-helpers-7dc80276.js';
-import { d as fuzzySearch } from './form-text-area-helpers-5ca978ae.js';
+import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-019c1b1a.js';
+import { I as closeModal, S as ScreenOrientation, r as findParent, ai as isImage, aN as isImageUrl, d as isNativeMobile, e as isAndroid, az as capitalizeFirstLetter, T as translateMulti, n as showModal, o as isWeb, E as getAsyncExtraData, t as translate, aY as showToast, J as gsapTimeline, av as isPhotoEdited, aK as gsapTo, u as isIphoneX, W as pipes, ag as isVideo } from './index-dde1f033.js';
+import { a as isArray } from './lodash-494e728c.js';
+import { n as lockSwipes } from './common-helpers-d99b3c41.js';
+import { b as parseEntityForCardMedia } from './entities-helpers-0d8fcf82.js';
+import { d as fuzzySearch } from './form-text-area-helpers-416e4c1d.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-21c7d38e.js';
 
@@ -110,6 +110,7 @@ const YooSlidesMediaComponent = class {
   }
   disconnectedCallback() {
     this.resetCordovaChanges();
+    this.pauseMedia();
   }
   get currentItem() {
     return this.items && isArray(this.items) && this.items.length && isFinite(this.currentIndex) && this.items[this.currentIndex];
@@ -138,6 +139,12 @@ const YooSlidesMediaComponent = class {
       ScreenOrientation.lock(orientation);
     }
   }
+  pauseMedia() {
+    var _a, _b, _c;
+    const { type } = this.currentItem || {};
+    type === 'audio' && ((_b = (_a = this.cardMediaElements) === null || _a === void 0 ? void 0 : _a[this.currentIndex]) === null || _b === void 0 ? void 0 : _b.pauseAudioPlayer());
+    type === 'video' && ((_c = this.videoPlayerElement) === null || _c === void 0 ? void 0 : _c.pauseVideo());
+  }
   showPhotoDetailView() {
     var _a, _b, _c;
     if (this.currentItem && this.displayType && ((_a = this.currentPhotoEditorElement) === null || _a === void 0 ? void 0 : _a.isReadonly)) {
@@ -294,10 +301,11 @@ const YooSlidesMediaComponent = class {
       photoEditorElement.initResizeObserver();
       const switchToPreview = () => {
         this.isReadonly = false;
+        const { validated, flagged, tags } = this.currentItem || {};
         Object.assign(cardMediaElement, {
-          validated: this.currentItem.validated,
-          flagged: this.currentItem.flagged,
-          tags: this.currentItem.tags,
+          validated,
+          flagged,
+          tags,
           annotated: isPhotoEdited(this.currentItem)
         });
         actionButtonContainer.style.display = 'block';
@@ -305,12 +313,13 @@ const YooSlidesMediaComponent = class {
       const switchToPreviewAnimation = async () => {
         const timeline = await gsapTimeline();
         const tl = timeline({
-          paused: true, onComplete() {
+          paused: true, onComplete: () => {
             photoEditorElement.isReadonly = true;
             photoEditorElement.hasBackButton = false;
             photoEditorElement.closeHandler = () => closeModal(null);
             photoEditorElement.prepareImageSize();
             switchToPreview();
+            forceUpdate(this);
           }
         });
         tl.to(mainElement, .75, { width: 560 });
@@ -441,12 +450,13 @@ const YooSlidesMediaComponent = class {
   renderUserInfo(item) {
     return (h("div", { class: "user-info" }, h("yoo-avatar", { user: item.user, size: "medium" }), item && item.location && item.location.title ? (h("div", { class: "user-title" }, translate('YOOBICBY'), h("mark", null, ' ' + item.userDisplayname + ' '), translate('YOOBICAT'), h("mark", null, ' ' + item.location.title), item.date ? h("div", { class: "time" }, pipes.timeAgo.transform(item.date)) : null)) : (h("div", { class: "user-title" }, translate('YOOBICBY'), h("mark", null, ' ' + item.userDisplayname + ' '), item.date ? h("div", { class: "time" }, pipes.timeAgo.transform(item.date)) : null))));
   }
-  renderVideoPlayer(item, controls = item.control || false) {
+  renderVideoPlayer(item, index, controls = item.control || false) {
     const attrs = {
       videoPlayerCoreParameters: {
         source: (item.value || item._downloadURL || '').split(',')[0],
         controls,
         fullscreen: true,
+        autoplay: this.currentIndex === index,
         noSwiping: true
       },
       modalOptions: {
@@ -454,7 +464,7 @@ const YooSlidesMediaComponent = class {
         modalMode: true
       }
     };
-    return h("yoo-videoplayer-core", { class: "video", onClick: () => this.onItemClicked(), ref: (el) => (this.videoPlayerEl = el), ...attrs });
+    return h("yoo-videoplayer-core", { class: "video", onClick: () => this.onItemClicked(), ref: (el) => (this.videoPlayerElement = el), ...attrs });
   }
   renderPhotoEditor(item, index) {
     var _a, _b, _c, _d;
@@ -569,9 +579,9 @@ const YooSlidesMediaComponent = class {
       }, class: "tag-container" }, h("div", { class: "actions-container" }, h("yoo-form-input", { placeholder: translate('ENTERATAG'), onEnterPressed: (ev) => this.onEnterPressed(ev, photo), onInputChanged: (ev) => (this.currentText = (ev === null || ev === void 0 ? void 0 : ev.detail) || ''), value: this.currentText, class: "side-menu large", "icon-prefix": "search" }), h("yoo-ion-content", null, this.renderList(photo), this.renderList(photo, true))), h("div", { class: "button-container" }, h("yoo-button", { color: "app-color", onClick: () => this.onCloseTagging() }, translate('YOOBICDONE')))));
   }
   renderSlideContentByDisplayType(item, index) {
-    const video = isVideo(this.getPhotoSrc(item));
+    const isTypeVideo = isVideo(this.getPhotoSrc(item));
     if (this.displayType === 'card-media' || item.type === 'audio') {
-      return (h("yoo-card-media", { showCloseButton: !this.isImage(item), ref: (el) => (this.cardMediaElements[index] = el), onUserClicked: () => this.onUserClicked(item), onHeadlineClicked: () => this.onHeadlineClicked(item), onDescriptionClicked: () => this.onDescriptionClicked(item), ...parseEntityForCardMedia(item, this.secondaryActions, 'photos', 'fullscreen', 'large', undefined, this.isReadonly) }, h("div", { slot: "main", class: { 'content-container': true, video } }, this.isImage(item) && this.renderPhotoEditor(item, index), video && this.renderVideoPlayer(item, true)), this.isTagging && h("div", { slot: "footer" }, this.renderTagContent(item)), !this.isTagging && this.renderHoverButtons(item)));
+      return (h("yoo-card-media", { showCloseButton: !this.isImage(item), ref: (el) => (this.cardMediaElements[index] = el), onUserClicked: () => this.onUserClicked(item), onHeadlineClicked: () => this.onHeadlineClicked(item), onDescriptionClicked: () => this.onDescriptionClicked(item), ...parseEntityForCardMedia(item, this.secondaryActions, 'photos', 'fullscreen', 'large', undefined, this.isReadonly) }, h("div", { slot: "main", class: { 'content-container': true, video: isTypeVideo } }, this.isImage(item) && this.renderPhotoEditor(item, index), isTypeVideo && this.renderVideoPlayer(item, index, true)), this.isTagging && h("div", { slot: "footer" }, this.renderTagContent(item)), !this.isTagging && this.renderHoverButtons(item)));
     }
     else if (this.displayType === 'card-feed') {
       //TODO: update flow to open media detail for feeds
@@ -585,13 +595,17 @@ const YooSlidesMediaComponent = class {
     else {
       return [
         item.type !== 'photo' && this.renderActionButtons(item),
-        h("div", { class: "content-container" }, item.type === 'video' ? this.renderVideoPlayer(item) : this.renderPhotoEditor(item, index), this.showBottomContainer && this.renderBottomContainer(item, index)),
+        h("div", { class: "content-container" }, item.type === 'video' ? this.renderVideoPlayer(item, index) : this.renderPhotoEditor(item, index), this.showBottomContainer && this.renderBottomContainer(item, index)),
         (item.user || item.missiondescription || item.fieldTitle || item.tags) && h("div", { class: "toolbar-shadow-portrait" })
       ];
     }
   }
   renderInnerSwipeContent() {
-    return (h("div", { class: "slides-container" }, h("yoo-ion-slides", { ref: (el) => (this.slides = el), class: { 'outside-navigation-arrows': isWeb(this.host) }, initialSlide: this.currentSlideIndex, onIonSlideDrag: () => { var _a; return (_a = this.currentPhotoEditorElement) === null || _a === void 0 ? void 0 : _a.hideAllTooltips(); }, onIonSlideTransitionEnd: (ev) => this.onSlideDidChange(ev) }, this.isFirstLoad && h("yoo-loader", { class: { fixed: true, 'backdrop-dark': !this.isLight }, size: "large" }), this.items.map((item, index) => {
+    return (h("div", { class: "slides-container" }, h("yoo-ion-slides", { ref: (el) => (this.slides = el), class: { 'outside-navigation-arrows': isWeb(this.host) }, initialSlide: this.currentSlideIndex, onIonSlideTransitionStart: () => {
+        var _a;
+        this.isImage(this.currentItem) && ((_a = this.currentPhotoEditorElement) === null || _a === void 0 ? void 0 : _a.hideAllTooltips());
+        this.pauseMedia();
+      }, onIonSlideTransitionEnd: (ev) => this.onSlideDidChange(ev) }, this.isFirstLoad && h("yoo-loader", { class: { fixed: true, 'backdrop-dark': !this.isLight }, size: "large" }), this.items.map((item, index) => {
       return h("yoo-ion-slide", { class: { 'outside-navigation-arrows': isWeb(this.host) } }, this.shouldRenderSlideContent(index) && this.renderSlideContent(item, index));
     }))));
   }

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-3d00bad4.js';
-import { t as translate } from './index-ac1d7e65.js';
-import { b as getAppContext } from './common-helpers-34c5464d.js';
-import './lodash-a98c6524.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-019c1b1a.js';
+import { t as translate } from './index-dde1f033.js';
+import { b as getAppContext } from './common-helpers-d99b3c41.js';
+import './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-21c7d38e.js';
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, i as createEvent, h } from './index-3d00bad4.js';
+import { r as registerInstance, i as createEvent, h } from './index-019c1b1a.js';
 import { s as setupHammer, h as hammerTypes, i as isBottomSwipe, a as isTopSwipe, b as isRightSwipe, c as isLeftSwipe, d as hammerDirections } from './hammer-helpers-0b560cb3.js';
 import './_commonjsHelpers-f4d11124.js';
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, i as createEvent, l as readTask, m as writeTask, h, e as Host } from './index-3d00bad4.js';
+import { r as registerInstance, i as createEvent, l as readTask, m as writeTask, h, e as Host } from './index-019c1b1a.js';
 
 const tabsSlidesCss = ":host{position:relative;width:100%;color:var(--stable-alt, #d0d0d0)}.outer-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;width:100%;height:6.25rem;overflow:hidden;background:var(--stable-ultralight, #fafafa);-webkit-box-shadow:inset 0 -0.25rem var(--spacing-04, 0.25rem) -0.25rem var(--dark-10, rgba(0, 0, 0, 0.1));box-shadow:inset 0 -0.25rem var(--spacing-04, 0.25rem) -0.25rem var(--dark-10, rgba(0, 0, 0, 0.1))}yoo-ion-slides{width:100%;height:100%}yoo-ion-slide{width:unset !important;max-width:17.5rem}.slide-padding{max-height:var(--spacing-48, 3rem);margin:0 1.5rem;overflow:hidden}.active{color:var(--dark, #000000)}.indicator{position:absolute;bottom:-0.5rem;z-index:1;width:var(--spacing-16, 1rem);height:var(--spacing-16, 1rem);background:var(--light, #ffffff);-webkit-box-shadow:0 0 var(--spacing-04, 0.25rem) var(--dark-10, rgba(0, 0, 0, 0.1));box-shadow:0 0 var(--spacing-04, 0.25rem) var(--dark-10, rgba(0, 0, 0, 0.1));-webkit-transform:rotate(45deg);transform:rotate(45deg)}";
 

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-3d00bad4.js';
-import { T as TapticEngine } from './index-e7596cd6.js';
-import { d as isNativeMobile, v as isIOS, dL as safeScrollIntoView, af as showActionSheet, T as translateMulti, o as isWeb, W as pipes } from './index-ac1d7e65.js';
-import { l as isNumber, p as isString, E as isBoolean } from './lodash-a98c6524.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
+import { T as TapticEngine } from './index-a6372dbe.js';
+import { d as isNativeMobile, v as isIOS, dL as safeScrollIntoView, af as showActionSheet, T as translateMulti, o as isWeb, W as pipes } from './index-dde1f033.js';
+import { l as isNumber, p as isString, E as isBoolean } from './lodash-494e728c.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-21c7d38e.js';
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, i as createEvent, h } from './index-3d00bad4.js';
+import { r as registerInstance, i as createEvent, h } from './index-019c1b1a.js';
 
 function changeRgbOpacity(rgbColor, opacity) {
   const _opacity = Math.round(Math.min(Math.max(opacity || 1, 0), 1) * 255);