@yoobic/yobi 8.7.3 → 8.7.4

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

@@ -1,11 +1,11 @@
-import { r as registerInstance, i as createEvent, h, e as Host, j as getAssetPath, g as getElement } from './index-23b437f1.js';
-import './index-4db360f2.js';
+import { r as registerInstance, i as createEvent, j as getAssetPath, h, g as getElement } from './index-23b437f1.js';
+import './index-45fc8fac.js';
 import { b as isNumber, E as get } from './lodash-8307f78b.js';
-import { P as getCssColor, K as isRTL, Z as Cloudinary, H as isWeb, ak as getUserDisplayName, cI as updateSVGCustomColors } from './index-4680b731.js';
-import './index-e089429b.js';
+import { P as getCssColor, K as isRTL, Z as Cloudinary, H as isWeb, ak as getUserDisplayName } from './index-1d968c40.js';
+import './index-a5602a7c.js';
 import './_commonjsHelpers-f4d11124.js';
 
-const podiumCss = "svg:not(:root){overflow:hidden}:host{--podium-height:30rem;display:block}:host .podium-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;height:100%}:host .podium-container yoo-icon{margin-right:0.75rem}:host .podium-container yoo-img{width:18.75rem;height:var(--podium-height);overflow:inherit}:host([hidden]){display:none}";
+const podiumCss = "svg:not(:root){overflow:hidden}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;height:100%}:host svg{width:auto !important;height:100%}:host yoo-icon{margin-right:var(--spacing-12, 0.75rem)}:host([hidden]){display:none}";
 
 const PODIUM_POSITION = [
   {
@@ -31,14 +31,7 @@ const YooPodiumComponent = class {
     this.usersRanked = undefined;
   }
   onUsersRankedChanged(newUsers, oldUsers) {
-    const isSamePodium = this.isSamePodium(newUsers, oldUsers);
-    if (!isSamePodium) {
-      const svgElement = this.getSVGElement();
-      if (svgElement) {
-        this.onBeforeInjectSVG(svgElement);
-        this.onAfterInjectSVG(svgElement);
-      }
-    }
+    !this.isSamePodium(newUsers, oldUsers) && this.initElements();
   }
   isSamePodium(newUsers, oldUsers) {
     let isSamePodium = (newUsers === null || newUsers === void 0 ? void 0 : newUsers.length) === (oldUsers === null || oldUsers === void 0 ? void 0 : oldUsers.length);
@@ -51,95 +44,80 @@ const YooPodiumComponent = class {
     }
     return isSamePodium;
   }
-  componentDidUpdate() {
-    const svgElement = this.getSVGElement();
-    if (svgElement) {
-      this.onAfterInjectSVG(svgElement);
+  componentDidLoad() {
+    this.init();
+  }
+  disconnectedCallback() {
+    var _a, _b;
+    this.svgElement && ((_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.removeChild(this.svgElement));
+  }
+  async init() {
+    var _a;
+    if (this.host) {
+      const response = await fetch(getAssetPath('./assets/podium/leaderboard.svg'));
+      if (response.ok) {
+        const parser = new DOMParser();
+        this.svgElement = (_a = parser.parseFromString(await response.text(), 'image/svg+xml')) === null || _a === void 0 ? void 0 : _a.firstElementChild;
+        this.host.shadowRoot.appendChild(this.svgElement);
+        this.initElements();
+      }
     }
   }
-  getSVGElement() {
-    return this.image && (this.image.shadowRoot || this.image).querySelector('svg');
+  initElements() {
+    if (this.svgElement) {
+      this.initDataElements();
+      this.centerElements();
+    }
   }
   displayElement(element, showElement) {
-    if (element) {
-      if (showElement) {
-        element.setAttribute('style', 'display: block');
-      }
-      else {
-        element.setAttribute('style', 'display: none');
-      }
-    }
+    element.setAttribute('style', `display: ${showElement ? 'block' : 'none'}`);
   }
-  setUsername(prefixClass, svgElement, firstName) {
+  setUsername(prefixClass, firstName) {
     const MAX_USERNAME_LENGTH = 11;
-    const usernameTextElement = svgElement.querySelector(`#${prefixClass}_image_text`);
-    if (usernameTextElement && firstName) {
-      this.displayElement(usernameTextElement, true);
-      const usernameTspanElement = usernameTextElement.querySelector('tspan');
-      usernameTspanElement.style.fill = getCssColor('dark');
+    const usernameTextElement = this.svgElement.querySelector(`#${prefixClass}_image_text`);
+    if (firstName) {
+      const textElement = usernameTextElement.querySelector('text');
+      textElement.style.fill = getCssColor('dark');
       if (firstName.length >= MAX_USERNAME_LENGTH) {
         firstName = `${firstName.substring(0, MAX_USERNAME_LENGTH)}...`;
       }
-      if (usernameTspanElement) {
-        usernameTspanElement.textContent = firstName || '';
-      }
+      textElement.textContent = firstName || '';
     }
-    else {
-      this.displayElement(usernameTextElement, false);
+    this.displayElement(usernameTextElement, !!firstName);
+  }
+  centerUsername(prefixClass) {
+    const usernameTextElement = this.svgElement.querySelector(`#${prefixClass}_image_text`);
+    const imageAvatarContainerElement = this.svgElement.querySelector(`#${prefixClass}_avatar_image`);
+    const noImageAvatarContainerElement = this.svgElement.querySelector(`#${prefixClass}_avatar_no_image`);
+    const { width } = (imageAvatarContainerElement.style.display === 'none' ? noImageAvatarContainerElement : imageAvatarContainerElement).getBoundingClientRect();
+    if (usernameTextElement && (imageAvatarContainerElement || noImageAvatarContainerElement)) {
+      const usernameWidth = usernameTextElement.getBoundingClientRect().width;
+      const translateYValue = prefixClass === 'right' ? 60 : prefixClass === 'left' ? -28 : 10;
+      let translateXValue = (width - usernameWidth) / 2;
+      isRTL() && (translateXValue += usernameWidth);
+      usernameTextElement.setAttribute('transform', `translate(${translateXValue}, ${translateYValue})`);
     }
   }
-  centerUsername(prefixClass, svgElement) {
-    if (svgElement) {
-      let avatarWidth;
-      const usernameTextElement = svgElement.querySelector(`#${prefixClass}_image_text`);
-      const imageAvatarContainerElement = svgElement.querySelector(`#${prefixClass}_avatar_image`);
-      const noImageAvatarContainerElement = svgElement.querySelector(`#${prefixClass}_avatar_no_image`);
-      const isHidden = (element) => element.style.display === 'none';
-      if (isHidden(imageAvatarContainerElement)) {
-        avatarWidth = noImageAvatarContainerElement.getBoundingClientRect().width;
-      }
-      else {
-        avatarWidth = imageAvatarContainerElement.getBoundingClientRect().width;
-      }
-      if (usernameTextElement && (imageAvatarContainerElement || noImageAvatarContainerElement)) {
-        const usernameWidth = usernameTextElement.getBoundingClientRect().width;
-        const translateYValue = prefixClass === 'right' ? 60 : prefixClass === 'left' ? -28 : 10;
-        let translateXValue = (avatarWidth - usernameWidth) / 2;
-        isRTL() && (translateXValue += usernameWidth);
-        usernameTextElement.setAttribute('transform', `translate(${translateXValue}, ${translateYValue})`);
-      }
+  centerPoints(prefixClass, pointsTransform, points) {
+    const pointsContainerElement = this.svgElement.querySelector(`#${prefixClass}_points_container`);
+    const pointsElement = this.svgElement.querySelector(`#${prefixClass}_points`);
+    if (isNumber(points)) {
+      const pointLength = points.toString().length || 1;
+      const translateX = isRTL() ? 4 * (pointLength + 1) : 4 * (pointLength - 1);
+      pointsElement.setAttribute('transform', pointsTransform.replace('#tslX', `${prefixClass === 'right' ? (isRTL() ? -translateX : translateX) : isRTL() ? translateX : -translateX}`));
     }
+    this.displayElement(pointsContainerElement, isNumber(points));
   }
-  centerPoints(prefixClass, svgElement, pointsTransform, points) {
-    const pointsContainerElement = svgElement.querySelector(`#${prefixClass}_points_container`);
-    const pointsElement = svgElement.querySelector(`#${prefixClass}_points`);
-    if (pointsContainerElement && isNumber(points)) {
-      this.displayElement(pointsContainerElement, true);
-      if (pointsElement) {
-        const pointLength = points.toString().length || 1;
-        const translateX = isRTL() ? 4 * (pointLength + 1) : 4 * (pointLength - 1);
-        pointsElement.setAttribute('transform', pointsTransform.replace('#tslX', `${prefixClass === 'right'
-          ? isRTL() ? -translateX : translateX
-          : isRTL() ? translateX : -translateX}`));
-      }
-    }
-    else {
-      this.displayElement(pointsContainerElement, false);
-    }
-  }
-  setAvatar(prefixClass, svgElement, userRank) {
-    const imageElement = svgElement.querySelector(`#${prefixClass}_image`);
-    const imageAvatarContainerElement = svgElement.querySelector(`#${prefixClass}_avatar_image`);
-    const noImageAvatarContainerElement = svgElement.querySelector(`#${prefixClass}_avatar_no_image`);
+  setAvatar(prefixClass, userRank) {
+    const imageElement = this.svgElement.querySelector(`#${prefixClass}_image`);
+    const imageAvatarContainerElement = this.svgElement.querySelector(`#${prefixClass}_avatar_image`);
+    const noImageAvatarContainerElement = this.svgElement.querySelector(`#${prefixClass}_avatar_no_image`);
     if (userRank) {
       const user = userRank.user;
       if (user) {
         let image = user.imageData;
         if (image) {
-          image = new Cloudinary(image)
-            .crop('crop')
-            .aspectRatio(1, 1)
-            .getUrl();
+          image = new Cloudinary(image).crop('crop').aspectRatio(1, 1).getUrl();
           if (noImageAvatarContainerElement) {
             this.displayElement(noImageAvatarContainerElement, false);
           }
@@ -157,11 +135,11 @@ const YooPodiumComponent = class {
             this.displayElement(imageAvatarContainerElement, false);
           }
           const getInitial = (value) => (value || '  ').length > 0 && (value || '  ').substring(0, 1).toString().toUpperCase();
-          const initialUsernameText = (get(user, 'firstName', false) && get(user, 'lastName', false)) ? `${getInitial(user.firstName)}${getInitial(user.lastName)}` : getInitial(user.username);
+          const initialUsernameText = get(user, 'firstName', false) && get(user, 'lastName', false) ? `${getInitial(user.firstName)}${getInitial(user.lastName)}` : getInitial(user.username);
           if (noImageAvatarContainerElement) {
             this.displayElement(noImageAvatarContainerElement, true);
-            isRTL() && (noImageAvatarContainerElement.setAttribute('style', 'direction: ltr')); //* direction: rtl does some weird stuff and is not needed
-            const textElement = noImageAvatarContainerElement.querySelector('tspan');
+            isRTL() && noImageAvatarContainerElement.setAttribute('style', 'direction: ltr'); //* direction: rtl does some weird stuff and is not needed
+            const textElement = noImageAvatarContainerElement.querySelector('text');
             textElement.textContent = initialUsernameText;
             noImageAvatarContainerElement.addEventListener('click', (ev) => {
               ev.stopImmediatePropagation();
@@ -176,75 +154,49 @@ const YooPodiumComponent = class {
       this.displayElement(imageAvatarContainerElement, false);
     }
   }
-  setPoint(prefixClass, svgElement, nbrPoints) {
-    if (svgElement) {
-      const pointsTextElement = svgElement.querySelector(`#${prefixClass}_points`);
-      if (pointsTextElement && isNumber(nbrPoints)) {
-        this.displayElement(pointsTextElement, true);
-        const points = (Math.round(nbrPoints)).toString() || '0';
-        const pointsTspanElement = pointsTextElement.querySelector('tspan');
-        if (pointsTspanElement) {
-          pointsTspanElement.textContent = points;
-        }
-      }
-      else {
-        this.displayElement(pointsTextElement, false);
-      }
+  setPoint(prefixClass, nbrPoints) {
+    const pointsTextElement = this.svgElement.querySelector(`#${prefixClass}_points`);
+    if (isNumber(nbrPoints)) {
+      const pointsTspanElement = pointsTextElement.querySelector('tspan');
+      pointsTspanElement.textContent = Math.round(nbrPoints).toString() || '0';
     }
+    this.displayElement(pointsTextElement, isNumber(nbrPoints));
   }
   getUserOnPosition(position) {
-    if (!this.usersRanked || !this.usersRanked.length) {
-      return null;
-    }
-    return this.usersRanked.find((usersRanked) => usersRanked.rank === position);
+    var _a;
+    return (_a = this.usersRanked) === null || _a === void 0 ? void 0 : _a.find(({ rank }) => rank === position);
   }
   onAvatarClicked(rankedUser) {
     rankedUser && this.selected.emit(rankedUser.rank);
   }
-  onBeforeInjectSVG(svgElement) {
-    if (svgElement) {
-      isWeb(this.host) && svgElement.setAttribute('height', window.innerHeight.toString());
-      svgElement.style.width = '100%';
-      const mainSVGElement = svgElement.querySelector('#main-svg');
-      if (mainSVGElement) {
-        PODIUM_POSITION.forEach((posObj) => {
-          if (posObj) {
-            const prefixClass = posObj.prefix;
-            const userRank = this.getUserOnPosition(posObj.rank);
-            const user = userRank === null || userRank === void 0 ? void 0 : userRank.user;
-            const points = Math.round((userRank === null || userRank === void 0 ? void 0 : userRank.points) || 0);
-            const username = user ? getUserDisplayName(user) : null;
-            this.setUsername(prefixClass, svgElement, username);
-            this.setAvatar(prefixClass, svgElement, userRank);
-            this.setPoint(prefixClass, svgElement, points);
-          }
-        });
-      }
-      return svgElement;
-    }
-  }
-  onAfterInjectSVG(svgElement) {
-    if (svgElement) {
-      PODIUM_POSITION.forEach((posObj) => {
-        if (posObj) {
-          const prefixClass = posObj.prefix;
-          const userRank = this.getUserOnPosition(posObj.rank);
-          if (userRank) {
-            const points = Math.round((userRank === null || userRank === void 0 ? void 0 : userRank.points) || 0);
-            this.centerUsername(prefixClass, svgElement);
-            this.centerPoints(prefixClass, svgElement, posObj.pointsTransform, points);
-          }
-        }
+  initDataElements() {
+    isWeb(this.host) && this.svgElement.setAttribute('height', window.innerHeight.toString());
+    this.svgElement.style.width = '100%';
+    const mainSVGElement = this.svgElement.querySelector('#main-svg');
+    if (mainSVGElement) {
+      PODIUM_POSITION.forEach(({ prefix, rank }) => {
+        const userRank = this.getUserOnPosition(rank);
+        const user = userRank === null || userRank === void 0 ? void 0 : userRank.user;
+        const points = Math.round((userRank === null || userRank === void 0 ? void 0 : userRank.points) || 0);
+        const username = user ? getUserDisplayName(user) : null;
+        this.setUsername(prefix, username);
+        this.setAvatar(prefix, userRank);
+        this.setPoint(prefix, points);
       });
     }
-    return svgElement;
+  }
+  centerElements() {
+    PODIUM_POSITION.forEach(({ prefix, rank, pointsTransform }) => {
+      const prefixClass = prefix;
+      const userRank = this.getUserOnPosition(rank);
+      if (userRank) {
+        this.centerUsername(prefixClass);
+        this.centerPoints(prefixClass, pointsTransform, Math.round((userRank === null || userRank === void 0 ? void 0 : userRank.points) || 0));
+      }
+    });
   }
   render() {
-    return h(Host, null, h("div", { class: "podium-container" }, h("yoo-icon", { name: "badge-crown", color: "app-color", size: "medium" }), h("yoo-img", { ref: (el) => this.image = el, src: getAssetPath('./assets/podium/leaderboard.svg'), svgOptions: {
-        makeIdsUnique: false, beforeInject: (_, svg) => this.onBeforeInjectSVG(svg),
-        afterInject: (_, svg) => this.onAfterInjectSVG(svg),
-        afterLoad: (_, svgString) => updateSVGCustomColors(svgString)
-      } }), h("slot", null)));
+    return (h("yoo-icon", { name: "badge-crown", color: "app-color", size: "medium" }));
   }
   static get assetsDirs() { return ["assets/podium"]; }
   get host() { return getElement(this); }

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-23b437f1.js';
-import './index-4db360f2.js';
-import { g as getAppContext } from './common-helpers-57151af2.js';
-import { t as translate, aD as copyToClipboard, bq as showToast, af as dateFormat, ag as getSession, H as isWeb } from './index-4680b731.js';
+import './index-45fc8fac.js';
+import { g as getAppContext } from './common-helpers-463dd600.js';
+import { t as translate, az as copyToClipboard, bo as showToast, af as dateFormat, ag as getSession, H as isWeb } from './index-1d968c40.js';
 import './lodash-8307f78b.js';
-import './index-e089429b.js';
+import './index-a5602a7c.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const profileListCss = "svg:not(:root){overflow:hidden}:host yoo-grid{background-color:var(--light, #ffffff)}:host yoo-grid div[slot=header]{display:-ms-flexbox;display:flex;padding-top:var(--spacing-08, 0.5rem);padding-left:var(--spacing-16, 1rem);color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem)}:host yoo-grid div[slot=header] .title{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}:host yoo-grid div[slot=header] .action{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;margin-left:auto;padding-right:var(--spacing-16, 1rem);cursor:pointer}:host .links-heading{padding:var(--spacing-16, 1rem);color:var(--dark, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-14, 0.875rem);text-transform:uppercase}:host yoo-links-menu{width:inherit;background-color:var(--light, #ffffff)}:host .profile-logout{margin-top:var(--spacing-40, 2.5rem);padding:var(--spacing-16, 1rem);color:var(--danger, #d44333);text-align:center;background-color:var(--light, #ffffff)}:host .terms{padding:var(--spacing-32, 2rem) 0;color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem);text-align:center}:host .terms .links{text-decoration:underline}:host .terms .icons{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin:var(--spacing-32, 2rem) 0 var(--spacing-16, 1rem) 0}:host .terms .icons a:first-of-type{margin-right:var(--spacing-24, 1.5rem)}:host .user-list-container{padding:var(--spacing-16, 1rem);background-color:var(--light, #ffffff)}:host .user-list-container .user-info-list{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;min-height:var(--spacing-48, 3rem)}:host .user-list-container .user-info-list .start-container{display:-ms-flexbox;display:flex}:host .user-list-container .user-info-list .start-container yoo-icon{-webkit-margin-end:var(--spacing-16, 1rem);margin-inline-end:var(--spacing-16, 1rem)}:host .user-list-container .user-info-list.location{-ms-flex-pack:unset;justify-content:unset}:host .user-list-container .user-info-list.location yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host .user-list-container yoo-collapsible div[slot=title]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:2.25rem}:host .user-list-container yoo-collapsible div[slot=title] yoo-avatar{-webkit-margin-end:var(--spacing-08, 0.5rem);margin-inline-end:var(--spacing-08, 0.5rem)}:host .user-list-container yoo-collapsible yoo-tag:not(:last-of-type){-webkit-margin-end:var(--spacing-08, 0.5rem);margin-inline-end:var(--spacing-08, 0.5rem)}:host .user-list-container yoo-collapsible div:not([slot=title]) yoo-tag{margin-bottom:var(--spacing-08, 0.5rem)}:host(.web) .user-list-container{margin:0 var(--spacing-16, 1rem);-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))}:host(.web.personal-view) yoo-links-menu{background-color:unset}";

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-23b437f1.js';
-import './index-4db360f2.js';
-import { h as showPhotoEditor } from './common-helpers-57151af2.js';
+import './index-45fc8fac.js';
+import { h as showPhotoEditor } from './common-helpers-463dd600.js';
 import { b as isNumber } from './lodash-8307f78b.js';
-import { cX as getDownloadAction, H as isWeb, t as translate, ak as getUserDisplayName } from './index-4680b731.js';
-import './index-e089429b.js';
+import { cY as getDownloadAction, H as isWeb, t as translate, ak as getUserDisplayName } from './index-1d968c40.js';
+import './index-a5602a7c.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const profileSummaryCss = "svg:not(:root){overflow:hidden}:host .profile-user{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;padding-bottom:var(--spacing-24, 1.5rem)}:host .profile-user yoo-tag{margin-top:var(--spacing-08, 0.5rem)}:host .profile-user>yoo-avatar{z-index:11}:host .profile-user .profile-details{text-align:center}:host .profile-user .profile-details .profile-user-name,:host .profile-user .profile-details yoo-avatar{margin:0 auto}:host .profile-user .profile-details.impersonating{opacity:0.5}:host .profile-user .profile-details .profile-user-name{padding:var(--spacing-08, 0.5rem) 0;text-align:center}:host .profile-user .profile-details .profile-user-role{color:var(--stable, #adadad);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-14, 0.875rem);line-height:1rem}:host .actions-container{width:100%}:host .actions-container .user-actions{display:grid;grid-template-columns:repeat(auto-fit, minmax(0, 1fr));margin:var(--spacing-24, 1.5rem) var(--spacing-16, 1rem);-webkit-column-gap:var(--spacing-08, 0.5rem);-moz-column-gap:var(--spacing-08, 0.5rem);column-gap:var(--spacing-08, 0.5rem)}:host(.web) .profile-user{padding:0}:host(.web) .actions-container{width:21.875rem}:host(.web.personal-view){padding-top:var(--spacing-56, 3.5rem)}:host(.web.personal-view) .profile-user{-ms-flex-direction:row;flex-direction:row}:host(.web.personal-view) .profile-user .profile-details{text-align:left}:host(.web.personal-view) .profile-user .profile-details .profile-user-name{font-weight:var(--font-weight-700, 700)}:host(.web.personal-view) .profile-user .profile-details .profile-user-role{font-size:var(--font-size-16, 1rem)}:host(.web.personal-view) .profile-user yoo-avatar{margin:var(--spacing-24, 1.5rem)}";

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-23b437f1.js';
-import './index-4db360f2.js';
-import { g as getAppContext } from './common-helpers-57151af2.js';
+import './index-45fc8fac.js';
+import { g as getAppContext } from './common-helpers-463dd600.js';
 import { a2 as debounce, Y as clamp, d as isFinite } from './lodash-8307f78b.js';
-import { d0 as isAnimationsDisabled, fO as Linear, bd as gsapFromTo, t as translate } from './index-4680b731.js';
-import './index-e089429b.js';
+import { d1 as isAnimationsDisabled, fO as Linear, bb as gsapFromTo, t as translate } from './index-1d968c40.js';
+import './index-a5602a7c.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const DEFAULT_COLOR_THRESHOLDS = {

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, h, e as Host } from './index-23b437f1.js';
-import './index-4db360f2.js';
-import { t as translate } from './index-4680b731.js';
+import './index-45fc8fac.js';
+import { t as translate } from './index-1d968c40.js';
 import './lodash-8307f78b.js';
-import './index-e089429b.js';
+import './index-a5602a7c.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const progressLoaderCss = "svg:not(:root){overflow:hidden}:host{position:absolute;top:0;right:0;bottom:0;left:0;z-index:500;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:var(--light, #ffffff);opacity:1}:host .progress-loader-container .logo-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .progress-loader-container .progress-bar-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin:var(--spacing-16, 1rem) var(--spacing-96, 6rem) var(--spacing-16, 1rem) var(--spacing-96, 6rem)}:host .progress-loader-container .progress-text-container{margin:0 var(--spacing-48, 3rem);text-align:center}:host .progress-loader-container .progress-text-container .progress-text{font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem);font-style:normal;line-height:normal;letter-spacing:normal}";

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, h, e as Host } from './index-23b437f1.js';
-import './index-4db360f2.js';
+import './index-45fc8fac.js';
 import { i as isNil } from './lodash-8307f78b.js';
-import { a9 as translateMulti } from './index-4680b731.js';
-import './index-e089429b.js';
+import { ae as translateMulti } from './index-1d968c40.js';
+import './index-a5602a7c.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const progressRecapCss = "svg:not(:root){overflow:hidden}:host .card{padding:var(--spacing-08, 0.5rem);background-color:var(--light, #ffffff)}:host .card .top-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:var(--spacing-08, 0.5rem)}:host .card yoo-progress-bar.success{--progress-bar-color:var(--success, #3aa76d)}:host .card yoo-progress-bar.danger{--progress-bar-color:var(--danger, #d44333)}";

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, h, e as Host, g as getElement } from './index-23b437f1.js';
-import './index-4db360f2.js';
-import { g as getAppContext } from './common-helpers-57151af2.js';
+import './index-45fc8fac.js';
+import { g as getAppContext } from './common-helpers-463dd600.js';
 import { r as isString } from './lodash-8307f78b.js';
-import { t as translate, P as getCssColor } from './index-4680b731.js';
-import './index-e089429b.js';
+import { t as translate, P as getCssColor } from './index-1d968c40.js';
+import './index-a5602a7c.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const propertyCardCss = "svg:not(:root){overflow:hidden}:host{--padding-outer-container:1rem;--list-padding:1.25rem 0.625rem 1.25rem 0.625rem;--list-row-height:38px}:host .outer-container{padding:var(--padding-outer-container)}:host .outer-container yoo-collapsible{margin-top:var(--spacing-08, 0.5rem)}:host .outer-container .details:first-child .details-title{margin-top:0}:host .outer-container .details{width:100%}:host .outer-container .details .details-title{margin-top:var(--spacing-16, 1rem);padding-bottom:var(--spacing-08, 0.5rem);font-size:var(--font-size-16, 1rem);line-height:1.0625rem;text-align:center;text-transform:uppercase}:host .outer-container .details .title-rows{padding-bottom:1.25rem}:host .outer-container .p-type-columns{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between}:host .outer-container .p-type-columns .p-column{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:38%;margin-bottom:var(--spacing-16, 1rem);padding:0.75rem 5% 1rem 5%;overflow:hidden;background-color:var(--light, #ffffff);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))}:host .outer-container .p-type-columns .p-column .top{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%}:host .outer-container .p-type-columns .p-column .top .delta{display:block;-ms-flex-item-align:end;align-self:flex-end;font-size:var(--font-size-14, 0.875rem)}:host .outer-container .p-type-columns .p-column .top .delta yoo-icon{margin-right:0.3125rem}:host .outer-container .p-type-columns .p-column .top .delta .delta-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .outer-container .p-type-columns .p-column .top .delta .delta-container.success{color:var(--success, #3aa76d)}:host .outer-container .p-type-columns .p-column .top .delta .delta-container.danger{color:var(--danger, #d44333)}:host .outer-container .p-type-columns .p-column .top .delta .chat-container{-ms-flex-item-align:end;align-self:flex-end;margin-top:0.5rem}:host .outer-container .p-type-columns .p-column .bottom{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .outer-container .p-type-columns .p-column .bottom .title{display:-webkit-box;width:100%;overflow:hidden;color:var(--text-color, #807f83);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem);word-wrap:break-word;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:1}:host .outer-container .p-type-columns .p-column .bottom .number{width:100%;font-size:var(--font-size-18, 1.125rem);line-height:1.8125rem}:host .outer-container .p-type-rows{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:1.3125rem 1.25rem 0.8125rem 1.25rem;background-color:var(--light, #ffffff);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))}:host .outer-container .p-type-rows .p-row{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;height:3.5625rem;padding-top:var(--spacing-08, 0.5rem);padding-bottom:0.5625rem;font-size:var(--font-size-16, 1rem);border-bottom:solid 0.0625rem var(--stable-light, #f1f1f1)}:host .outer-container .p-type-rows .p-row .title{width:100%;color:var(--text-color, #807f83);font-weight:var(--font-weight-400, 400);line-height:1.125rem}:host .outer-container .p-type-rows .p-row .number{line-height:1.125rem}:host .outer-container .p-type-rows .p-row .delta{-ms-flex-item-align:end;align-self:end;line-height:1.125rem}:host .outer-container .p-type-rows .p-row:last-child{margin-bottom:0;border:none}:host .outer-container .p-type-grid{margin:auto;margin-top:3px;padding:0.8rem;background-color:var(--light, #ffffff);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))}:host .outer-container .p-type-grid .p-type-grid-scroll-container{width:100%;height:100%;overflow-x:auto;overflow-y:hidden;}:host .outer-container .p-type-grid .p-type-grid-scroll-container::-webkit-scrollbar{width:var(--spacing-08, 0.5rem);height:var(--spacing-08, 0.5rem)}:host .outer-container .p-type-grid .p-type-grid-scroll-container::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container .p-type-grid .p-type-grid-scroll-container::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container .p-type-grid .p-type-grid-scroll-container:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}:host .outer-container .p-type-grid .p-type-grid-scroll-container:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}:host .outer-container .p-type-grid .p-type-grid-scroll-container .inner-container .p-row{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin-bottom:var(--spacing-16, 1rem)}:host .outer-container .p-type-grid .p-type-grid-scroll-container .inner-container .p-row span{width:5.4375rem;font-size:var(--font-size-16, 1rem);line-height:1.0625rem}:host .outer-container .p-type-grid .p-type-grid-scroll-container .inner-container .p-row span:first-child{color:var(--text-color, #807f83)}:host .outer-container .p-type-grid .p-type-grid-scroll-container .inner-container .p-row:not(.header){color:var(--dark, #000000)}:host .outer-container .p-type-grid .p-type-grid-scroll-container .inner-container .p-row>div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .outer-container .p-type-grid .p-type-grid-scroll-container .inner-container .p-row.header>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:4.375rem;margin-right:1.0625rem;text-transform:uppercase}:host .outer-container .p-type-progress{margin:auto;margin-top:3px;padding:0.8rem;background-color:var(--light, #ffffff);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))}:host .outer-container .p-type-progress .p-row .title{font-size:var(--font-size-12, 0.75rem);text-align:left}:host .outer-container .p-type-chart chart-high{height:18.75rem}:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container.assertive,:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container.danger{color:var(--danger, #d44333)}:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container.dark,:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container.black{color:var(--dark, #000000)}:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container.balanced,:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container.success,:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container.app-color{color:var(--app-color, #5a30f4)}:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container .inner-container{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;text-align:left}:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container .inner-container .p-column{padding-right:var(--spacing-16, 1rem)}:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container .inner-container .p-column .p-column-header{font-weight:var(--font-weight-900, 900)}:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container .inner-container .p-column .p-column-header,:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container .inner-container .p-column .p-column-item{height:var(--list-row-height);padding:0.25rem 1rem;white-space:nowrap}:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container .inner-container .p-column .p-column-item{white-space:nowrap}:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container .inner-container .p-column .p-column-item.assertive,:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container .inner-container .p-column .p-column-item.danger{color:var(--danger, #d44333)}:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container .inner-container .p-column .p-column-item.dark,:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container .inner-container .p-column .p-column-item.black{color:var(--dark, #000000)}:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container .inner-container .p-column .p-column-item.balanced,:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container .inner-container .p-column .p-column-item.success,:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container .inner-container .p-column .p-column-item.app-color{color:var(--app-color, #5a30f4)}:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container .inner-container.header>span{margin-right:0}:host(.framed) .outer-container{display:block;margin:1rem;padding:1rem;border-radius:0.25rem;-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))}:host(.web) .outer-container yoo-ion-scroll{padding:var(--spacing-16, 1rem)}:host(.web) .outer-container .details .p-type-columns .p-column{width:46%;height:6.5625rem;margin:0 var(--spacing-04, 0.25rem) var(--spacing-08, 0.5rem) var(--spacing-04, 0.25rem);padding:0}:host(.web) .outer-container .details .p-type-columns .p-column .bottom{padding:0 0 var(--spacing-08, 0.5rem) var(--spacing-16, 1rem)}:host(.web) .outer-container .details .p-type-columns .p-column .bottom .title{overflow:hidden}:host(.web) .outer-container .details .p-type-columns .p-column .top{width:calc(100% - var(--spacing-16) * 2);padding-left:var(--spacing-16, 1rem)}:host(.web) .outer-container .details .p-type-grid .p-type-grid-scroll-container .inner-container .p-row span{-ms-flex:1;flex:1;width:auto;min-width:5.4375rem}";

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

@@ -1,12 +1,12 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-23b437f1.js';
-import { c as createGesture, b as clamp } from './index-da74fed5.js';
-import { z as debounceEvent } from './common-helpers-57151af2.js';
-import './index-4db360f2.js';
-import './index-4680b731.js';
-import './index-e089429b.js';
+import { c as createGesture, b as clamp } from './index-9c495ff3.js';
+import { z as debounceEvent } from './common-helpers-463dd600.js';
+import './index-45fc8fac.js';
+import './index-1d968c40.js';
+import './index-a5602a7c.js';
 import './lodash-8307f78b.js';
 import './_commonjsHelpers-f4d11124.js';
-import './haptic-helpers-e98d9183.js';
+import './haptic-helpers-5851c693.js';
 
 const rangeCss = "svg:not(:root){overflow:hidden}:host{--host-thickness:var(--spacing-32, 2rem);--bar-thickness:var(--spacing-02, 0.125rem);--bar-active-color:var(--app-color, #5a30f4);--bar-trail-color:var(--app-color-20, rgba(90, 48, 244, 0.2));--pin-color:var(--app-color, #5a30f4);--pin-text-color:var(--light, #ffffff);--tick-text-color:var(--dark, #000000);--tick-text-size:var(--font-size-12, 0.75rem);--knob-size:1.25rem;--knob-press-scale:1.125;--knob-color:var(--bar-active-color);--knob-handle-size:calc(var(--knob-size) * 2);--knob-shadow:unset}:host main{position:relative;-ms-flex:1;flex:1;font-size:var(--font-size-12, 0.75rem);cursor:-webkit-grab;cursor:grab;-ms-touch-action:pan-y;touch-action:pan-y;contain:size layout style}:host main .tick{position:absolute;z-index:1;width:var(--bar-thickness);height:var(--bar-thickness);background-color:var(--bar-active-color);pointer-events:none}:host main .tick::after{position:absolute;color:var(--tick-text-color);font-size:var(--tick-text-size);content:attr(i)}:host main .tick.hidden:not([i]){background-color:transparent}:host main .tick.hidden[i]{background:var(--tick-text-color)}:host main .bar{position:absolute;background:var(--bar-trail-color);pointer-events:none}:host main .bar.active{z-index:1}:host main .knob-handle{position:absolute;width:var(--knob-handle-size);height:var(--knob-handle-size);text-align:center}:host main .knob-handle:active,:host main .knob-handle:focus{outline:none}:host main .knob-handle.pressed .pin{-webkit-transform:translate3d(0,  -1.5rem,  0) scale(1);transform:translate3d(0,  -1.5rem,  0) scale(1)}:host main .knob-handle .knob{left:calc(50% - var(--knob-size) / 2);top:calc(50% - var(--knob-size) / 2);position:absolute;z-index:2;width:var(--knob-size);height:var(--knob-size);border-radius:50%;-webkit-box-shadow:var(--knob-shadow);box-shadow:var(--knob-shadow);pointer-events:none}:host(.pressed) main{cursor:-webkit-grabbing;cursor:grabbing}:host(.pressed) main .bar.active{will-change:left, right}:host(:not(.has-pin)) .pressed .knob{-webkit-transform:scale(var(--knob-press-scale));transform:scale(var(--knob-press-scale));-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform}:host([orientation=horizontal].has-ticks-labels){display:block;width:calc(100% - 1.5rem);min-height:3rem;margin:0 auto}:host(:not([disabled])) .bar.active{background:var(--bar-active-color)}:host(:not([disabled])) .knob{background:var(--knob-color)}:host([disabled]) .bar{background-color:var(--stable-light, #f1f1f1);pointer-events:none}:host([disabled]) .bar.active,:host([disabled]) .tick,:host([disabled]) .knob{background-color:var(--stable, #adadad)}:host([disabled]) main,:host([readonly]) main{cursor:not-allowed}:host([orientation=horizontal]){width:100%}:host([orientation=horizontal]) main{width:100%;height:var(--host-thickness)}:host([orientation=horizontal]) main .tick{top:calc((var(--host-thickness) - var(--bar-thickness)) / 2)}:host([orientation=horizontal]) main .tick::after{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}:host([orientation=horizontal]) main .tick.hidden::after{top:var(--spacing-08, 0.5rem)}:host([orientation=horizontal]) main .tick:not(.hidden)::after{top:var(--spacing-16, 1rem)}:host([orientation=horizontal]) main .tick.hidden[i]{width:0.05rem;height:0.25rem;-webkit-transform:translateY(0.75rem);transform:translateY(0.75rem)}:host([orientation=horizontal]) main .bar{top:calc((var(--host-thickness) - var(--bar-thickness)) / 2);height:var(--bar-thickness)}:host([orientation=horizontal]) main .bar:not(.active){width:100%}:host([orientation=horizontal]) main .pin{-webkit-transform:translate3d(0,  0,  0) scale(0.01);transform:translate3d(0,  0,  0) scale(0.01);position:relative;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:1.75rem;height:1.75rem;padding:var(--spacing-08, 0.5rem) 0;color:var(--pin-text-color);text-align:center;background:var(--pin-color);border-radius:50%;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-property:background-color, -webkit-transform;transition-property:background-color, -webkit-transform;transition-property:transform, background-color;transition-property:transform, background-color, -webkit-transform}:host([orientation=horizontal]) main .pin::before{left:50%;top:3px;margin-left:-13px;border-radius:50% 50% 50% 0;position:absolute;z-index:-1;width:1.625rem;height:1.625rem;background:var(--pin-color);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-property:background-color;transition-property:background-color;content:\"\"}:host([orientation=horizontal]) main .knob-handle{top:calc((var(--host-thickness) - var(--knob-handle-size)) / 2)}:host([orientation=horizontal][direction=rtl]) .knob-handle{margin-right:calc(0rem - var(--knob-handle-size) / 2)}:host([orientation=horizontal][direction=ltr]) .knob-handle{margin-left:calc(0rem - var(--knob-handle-size) / 2)}:host([orientation=vertical]){height:100%}:host([orientation=vertical]) main{width:var(--host-thickness);height:100%}:host([orientation=vertical]) main .tick{left:calc((var(--host-thickness) - var(--bar-thickness)) / 2)}:host([orientation=vertical]) main .tick::after{top:50%;left:0.5rem;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host([orientation=vertical]) main .tick[i]{width:0.25rem;height:0.05rem;-webkit-transform:translateX(0.75rem);transform:translateX(0.75rem)}:host([orientation=vertical]) main .bar{left:calc((var(--host-thickness) - var(--bar-thickness)) / 2);width:var(--bar-thickness)}:host([orientation=vertical]) main .bar:not(.active){height:100%}:host([orientation=vertical]) main .knob-handle{left:calc((var(--host-thickness) - var(--knob-handle-size)) / 2)}:host([orientation=vertical][direction=rtl]) .knob-handle{margin-bottom:calc(0rem - var(--knob-handle-size) / 2)}:host([orientation=vertical][direction=ltr]) .knob-handle{margin-top:calc(0rem - var(--knob-handle-size) / 2)}";
 
@@ -227,9 +227,8 @@ const YooRangeComponent = class {
       }) })));
   }
   render() {
-    const end = this.isRTL ? this.positionStyle[0] : this.positionStyle[1];
-    const start = this.isRTL ? this.positionStyle[1] : this.positionStyle[0];
-    return (h(Host, { class: { pressed: !!this.pressedKnob, 'has-pin': this.pin, 'has-ticks-labels': !!this.ticksLabels, 'swiper-no-swiping': true } }, h("slot", { name: "start" }), h("main", { ref: (el) => (this.mainElement = el) }, this.renderTicks(start), this.renderBar(start, end), this.renderKnobs()), h("slot", { name: "end" })));
+    const start = this.positionStyle[+this.isRTL];
+    return (h(Host, { class: { pressed: !!this.pressedKnob, 'has-pin': this.pin, 'has-ticks-labels': !!this.ticksLabels } }, h("slot", { name: "start" }), h("main", { ref: (el) => (this.mainElement = el), class: "swiper-no-swiping" }, this.renderTicks(start), this.renderBar(start, this.positionStyle[+!this.isRTL]), this.renderKnobs()), h("slot", { name: "end" })));
   }
   get host() { return getElement(this); }
   static get watchers() { return {

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-23b437f1.js';
-import './index-4db360f2.js';
-import { l as isNativeMobile, ao as addKeyboardEventListener, an as removeKeyboardEventListeners, H as isWeb, w as closeModal, t as translate } from './index-4680b731.js';
+import './index-45fc8fac.js';
+import { l as isNativeMobile, cM as addKeyboardEventListener, cL as removeKeyboardEventListeners, H as isWeb, w as closeModal, t as translate } from './index-1d968c40.js';
 import './lodash-8307f78b.js';
-import './index-e089429b.js';
+import './index-a5602a7c.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const ratingCss = "svg:not(:root){overflow:hidden}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host yoo-animated-illustration{height:14.75rem}:host yoo-animated-illustration.rating{margin:var(--spacing-32, 2rem) 0}:host .rating-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-left:var(--spacing-16, 1rem)}:host .rating-container .title{color:var(--dark, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-24, 1.5rem)}:host .rating-container .sub-title{margin:var(--spacing-08, 0.5rem) 0 var(--spacing-16, 1rem) 0;color:var(--stable, #adadad);font-size:var(--font-size-16, 1rem)}:host .rating-container .invalid-rating{color:var(--danger, #d44333);font-size:var(--font-size-14, 0.875rem)}:host .description-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin:var(--spacing-32, 2rem) var(--spacing-16, 1rem)}:host .description-container .description-content{width:100%;font-size:var(--font-size-12, 0.75rem);text-transform:uppercase}:host .description-container .description-content .description-title{margin-bottom:var(--spacing-08, 0.5rem);color:var(--dark, #000000)}:host .description-container .description-content .description-opt{padding-left:var(--spacing-08, 0.5rem);color:var(--stable, #adadad)}:host .completed-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:65%}:host .completed-container yoo-animated-illustration{height:18.75rem}:host .completed-container .completed-description-container{margin:0 var(--spacing-48, 3rem);margin-top:-6.25rem;text-align:center;opacity:0;-webkit-animation:opacity 3s forwards;animation:opacity 3s forwards;-webkit-animation-delay:1s;animation-delay:1s}:host .completed-container .completed-description-container .completed-title{padding-bottom:var(--spacing-16, 1rem);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-32, 2rem)}:host .completed-container .completed-description-container .completed-description{font-size:var(--font-size-18, 1.125rem)}:host(.web) yoo-animated-illustration.rating{margin:var(--spacing-16, 1rem) 0}:host(.web) .rating-container{-ms-flex-align:center;align-items:center}:host(.web) .description-content{width:25rem}:host(.modal-view.web) .description-container{padding-bottom:var(--spacing-40, 2.5rem)}@-webkit-keyframes opacity{from{opacity:0}to{opacity:1}}@keyframes opacity{from{opacity:0}to{opacity:1}}";

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-23b437f1.js';
-import './index-4db360f2.js';
-import { P as getCssColor, a9 as translateMulti } from './index-4680b731.js';
+import './index-45fc8fac.js';
+import { P as getCssColor, ae as translateMulti } from './index-1d968c40.js';
 import './lodash-8307f78b.js';
-import './index-e089429b.js';
+import './index-a5602a7c.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const revealCss = "svg:not(:root){overflow:hidden}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:var(--stable-light, #f1f1f1)}:host yoo-flip-card{margin:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem)}:host yoo-flip-card:first-of-type{padding-top:var(--spacing-08, 0.5rem)}:host yoo-flip-card:last-of-type{padding-bottom:var(--spacing-08, 0.5rem)}";

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, h } from './index-23b437f1.js';
-import './index-4db360f2.js';
+import './index-45fc8fac.js';
 import { a0 as filter, v as orderBy, a1 as find } from './lodash-8307f78b.js';
-import { t as translate, cY as salesAIGetColorFromPattern, cZ as salesAIFormatDemand } from './index-4680b731.js';
-import './index-e089429b.js';
+import { t as translate, cZ as salesAIGetColorFromPattern, c_ as salesAIFormatDemand } from './index-1d968c40.js';
+import './index-a5602a7c.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const salesaiFormulaCss = "svg:not(:root){overflow:hidden}:host .container{margin-top:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-16, 1rem);padding:var(--spacing-16, 1rem);font-size:var(--font-size-14, 0.875rem);background:var(--light, #ffffff);-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 .container ul{list-style-type:decimal}:host .container ul li{margin-bottom:var(--spacing-08, 0.5rem);padding-left:var(--spacing-08, 0.5rem)}:host .container .operator{padding:0 var(--spacing-08, 0.5rem)}";

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

@@ -1,10 +1,10 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-23b437f1.js';
-import './index-4db360f2.js';
-import { g as getAppContext } from './common-helpers-57151af2.js';
+import './index-45fc8fac.js';
+import { g as getAppContext } from './common-helpers-463dd600.js';
 import { a as createCommonjsModule, c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-f4d11124.js';
-import { l as isNativeMobile, at as showAlert, t as translate, ag as getSession } from './index-4680b731.js';
+import { l as isNativeMobile, ap as showAlert, t as translate, ag as getSession } from './index-1d968c40.js';
 import './lodash-8307f78b.js';
-import './index-e089429b.js';
+import './index-a5602a7c.js';
 
 function getScanditKey(win, session, isNativeMobile) {
   var _a, _b, _c, _d, _e, _f;

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host } from './index-23b437f1.js';
-import './index-4db360f2.js';
-import { t as translate } from './index-4680b731.js';
+import './index-45fc8fac.js';
+import { t as translate } from './index-1d968c40.js';
 import './lodash-8307f78b.js';
-import './index-e089429b.js';
+import './index-a5602a7c.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const scratchCardCreatorCss = "svg:not(:root){overflow:hidden}:host .container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .container .title{font-weight:var(--font-weight-400, 400);font-size:var(--font-size-12, 0.75rem);text-transform:uppercase}:host .container yoo-form-radio{margin:var(--spacing-16, 1rem) 0}:host .container .content .title{margin-bottom:var(--spacing-16, 1rem)}:host .container .hidden-content{min-width:55%}:host .container .hidden-content .sub-title{margin:var(--spacing-08, 0.5rem) 0;color:var(--stable, #adadad);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-12, 0.75rem)}";