@yoobic/yobi 8.6.17 → 8.6.19

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a41e9468.js');
-const index$1 = require('./index-d050d90b.js');
-const commonHelpers = require('./common-helpers-b351aea1.js');
-require('./lodash-0db8fd9d.js');
+const index$1 = require('./index-5c82be2a.js');
+const commonHelpers = require('./common-helpers-ecdbc020.js');
+require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-0324c531.js');
 
@@ -51,7 +51,6 @@ const YooTruncateComponent = class {
     if (!this.resizeListener) {
       this.resizeListener = index$1.debounce(this.updateShowEllipsisButton, 500).bind(this);
       window.addEventListener('resize', this.resizeListener);
-      window.addEventListener('screenSizeWillChange', this.resizeListener);
     }
   }
   updateContent() {
@@ -71,7 +70,6 @@ const YooTruncateComponent = class {
     }
     if (this.resizeListener) {
       window.removeEventListener('resize', this.resizeListener);
-      window.removeEventListener('screenSizeWillChange', this.resizeListener);
     }
   }
   componentWillLoad() {

package/dist/cjs/yoo-truncated-line.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a41e9468.js');
-const index$1 = require('./index-d050d90b.js');
+const index$1 = require('./index-5c82be2a.js');
 const textHelpers = require('./text-helpers-2d98f1b7.js');
-require('./lodash-0db8fd9d.js');
+require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-0324c531.js');
 

package/dist/cjs/yoo-user-detail.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a41e9468.js');
-const index$1 = require('./index-d050d90b.js');
-require('./lodash-0db8fd9d.js');
+const index$1 = require('./index-5c82be2a.js');
+require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-0324c531.js');
 

package/dist/cjs/yoo-user-profile.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a41e9468.js');
-const index$1 = require('./index-d050d90b.js');
-const commonHelpers = require('./common-helpers-b351aea1.js');
-const entitiesHelpers = require('./entities-helpers-797c0bac.js');
-require('./lodash-0db8fd9d.js');
+const index$1 = require('./index-5c82be2a.js');
+const commonHelpers = require('./common-helpers-ecdbc020.js');
+const entitiesHelpers = require('./entities-helpers-59c10be9.js');
+require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-0324c531.js');
 

package/dist/cjs/yoo-user-wizard.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a41e9468.js');
-const index$1 = require('./index-d050d90b.js');
-const commonHelpers = require('./common-helpers-b351aea1.js');
-require('./lodash-0db8fd9d.js');
+const index$1 = require('./index-5c82be2a.js');
+const commonHelpers = require('./common-helpers-ecdbc020.js');
+require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-0324c531.js');
 

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a41e9468.js');
-const index$1 = require('./index-d050d90b.js');
-const commonHelpers = require('./common-helpers-b351aea1.js');
-const lodash = require('./lodash-0db8fd9d.js');
+const index$1 = require('./index-5c82be2a.js');
+const commonHelpers = require('./common-helpers-ecdbc020.js');
+const lodash = require('./lodash-1f7fff24.js');
 const index$2 = require('./index-dbc0dad6.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-0324c531.js');

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a41e9468.js');
-const index$1 = require('./index-d050d90b.js');
-const videoPlayerHelpers = require('./video-player-helpers-91ae77cf.js');
-const lodash = require('./lodash-0db8fd9d.js');
+const index$1 = require('./index-5c82be2a.js');
+const videoPlayerHelpers = require('./video-player-helpers-6f642174.js');
+const lodash = require('./lodash-1f7fff24.js');
 const index$2 = require('./index-dbc0dad6.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-0324c531.js');
-require('./common-helpers-b351aea1.js');
+require('./common-helpers-ecdbc020.js');
 
 const videoplayerDailymotionCss = "svg:not(:root){overflow:hidden}:host .dm-container,:host .dm-player{width:100%;height:100%;background:var(--dark, #000000)}";
 

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

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-a41e9468.js');
-const index = require('./index-d050d90b.js');
-const localForage = require('./local-forage-43e1e4b0.js');
-const commonHelpers = require('./common-helpers-b351aea1.js');
-const videoPlayerHelpers = require('./video-player-helpers-91ae77cf.js');
-const lodash = require('./lodash-0db8fd9d.js');
+const index = require('./index-5c82be2a.js');
+const localForage = require('./local-forage-8ca9e019.js');
+const commonHelpers = require('./common-helpers-ecdbc020.js');
+const videoPlayerHelpers = require('./video-player-helpers-6f642174.js');
+const lodash = require('./lodash-1f7fff24.js');
 const _commonjsHelpers = require('./_commonjsHelpers-94df2ea7.js');
-const bufferEs6 = require('./buffer-es6-41165eef.js');
+const bufferEs6 = require('./buffer-es6-ec3b5bf8.js');
 const index$2 = require('./index-dbc0dad6.js');
-require('./index-f779fb1a.js');
+require('./index-c77e8bba.js');
 require('./index-0324c531.js');
 
 var win;
@@ -68197,7 +68197,6 @@ const YooVideoPlayerVideojsComponent = class {
     if (this.scaledUp && index.isWeb(this.host)) {
       this.resizeListener = index.debounce(this.onScreenResize, 500).bind(this);
       window.addEventListener('resize', this.resizeListener);
-      window.addEventListener('screenSizeWillChange', this.resizeListener);
     }
     if (this.noSwiping) {
       const control = commonHelpers.querySelectorDeep(this.host, '.vjs-control-bar');
@@ -68215,7 +68214,6 @@ const YooVideoPlayerVideojsComponent = class {
   disconnectedCallback() {
     if (this.resizeListener) {
       window.removeEventListener('resize', this.resizeListener);
-      window.removeEventListener('screenSizeWillChange', this.resizeListener);
     }
     this.disconnected = true;
     this.resizeListener = undefined;

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a41e9468.js');
-const videoPlayerHelpers = require('./video-player-helpers-91ae77cf.js');
+const videoPlayerHelpers = require('./video-player-helpers-6f642174.js');
 const index$1 = require('./index-dbc0dad6.js');
-require('./index-d050d90b.js');
-require('./lodash-0db8fd9d.js');
+require('./index-5c82be2a.js');
+require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-0324c531.js');
-require('./common-helpers-b351aea1.js');
+require('./common-helpers-ecdbc020.js');
 
 const videoplayerVimeoCss = "svg:not(:root){overflow:hidden}:host iframe{width:100%;background:var(--dark, #000000)}";
 

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a41e9468.js');
-const index$2 = require('./index-d050d90b.js');
-const videoPlayerHelpers = require('./video-player-helpers-91ae77cf.js');
+const index$2 = require('./index-5c82be2a.js');
+const videoPlayerHelpers = require('./video-player-helpers-6f642174.js');
 const index$1 = require('./index-dbc0dad6.js');
-require('./lodash-0db8fd9d.js');
+require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-0324c531.js');
-require('./common-helpers-b351aea1.js');
+require('./common-helpers-ecdbc020.js');
 
 const videoplayerYoutubeCss = "svg:not(:root){overflow:hidden}:host{width:100%}:host .yt-container,:host .yt-player{width:100%;height:100%}:host .yt-container.error{pointer-events:none}:host(.played){height:90%}";
 

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a41e9468.js');
-const index$1 = require('./index-d050d90b.js');
-require('./lodash-0db8fd9d.js');
+const index$1 = require('./index-5c82be2a.js');
+require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-0324c531.js');
 

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a41e9468.js');
-const index$1 = require('./index-d050d90b.js');
-const commonHelpers = require('./common-helpers-b351aea1.js');
-const lodash = require('./lodash-0db8fd9d.js');
+const index$1 = require('./index-5c82be2a.js');
+const commonHelpers = require('./common-helpers-ecdbc020.js');
+const lodash = require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-0324c531.js');
 

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a41e9468.js');
-const index$1 = require('./index-d050d90b.js');
-const lodash = require('./lodash-0db8fd9d.js');
+const index$1 = require('./index-5c82be2a.js');
+const lodash = require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-0324c531.js');
 

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a41e9468.js');
-const index$1 = require('./index-d050d90b.js');
-const lodash = require('./lodash-0db8fd9d.js');
+const index$1 = require('./index-5c82be2a.js');
+const lodash = require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-0324c531.js');
 

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a41e9468.js');
-const index$1 = require('./index-d050d90b.js');
-require('./lodash-0db8fd9d.js');
+const index$1 = require('./index-5c82be2a.js');
+require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-0324c531.js');
 

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a41e9468.js');
-const index$1 = require('./index-d050d90b.js');
-const commonHelpers = require('./common-helpers-b351aea1.js');
-const lodash = require('./lodash-0db8fd9d.js');
+const index$1 = require('./index-5c82be2a.js');
+const commonHelpers = require('./common-helpers-ecdbc020.js');
+const lodash = require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-0324c531.js');
 

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a41e9468.js');
-const index$1 = require('./index-d050d90b.js');
-require('./lodash-0db8fd9d.js');
+const index$1 = require('./index-5c82be2a.js');
+require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-0324c531.js');
 

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a41e9468.js');
-const index$1 = require('./index-d050d90b.js');
-const commonHelpers = require('./common-helpers-b351aea1.js');
-require('./lodash-0db8fd9d.js');
+const index$1 = require('./index-5c82be2a.js');
+const commonHelpers = require('./common-helpers-ecdbc020.js');
+require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-0324c531.js');
 

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a41e9468.js');
-const index$1 = require('./index-d050d90b.js');
-const lodash = require('./lodash-0db8fd9d.js');
+const index$1 = require('./index-5c82be2a.js');
+const lodash = require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-0324c531.js');
 

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a41e9468.js');
-const index$1 = require('./index-d050d90b.js');
-require('./lodash-0db8fd9d.js');
+const index$1 = require('./index-5c82be2a.js');
+require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-0324c531.js');
 

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a41e9468.js');
-const index$1 = require('./index-d050d90b.js');
-const lodash = require('./lodash-0db8fd9d.js');
+const index$1 = require('./index-5c82be2a.js');
+const lodash = require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-0324c531.js');
 

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a41e9468.js');
-const index$1 = require('./index-d050d90b.js');
-require('./lodash-0db8fd9d.js');
+const index$1 = require('./index-5c82be2a.js');
+require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-0324c531.js');
 

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a41e9468.js');
-const index$1 = require('./index-d050d90b.js');
-require('./lodash-0db8fd9d.js');
+const index$1 = require('./index-5c82be2a.js');
+require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-0324c531.js');
 

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a41e9468.js');
-const index$1 = require('./index-d050d90b.js');
-const lodash = require('./lodash-0db8fd9d.js');
+const index$1 = require('./index-5c82be2a.js');
+const lodash = require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-0324c531.js');
 

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

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a41e9468.js');
-const index$1 = require('./index-d050d90b.js');
+const index$1 = require('./index-5c82be2a.js');
 const workflow_interface = require('./workflow.interface-ffda8358.js');
-const commonHelpers = require('./common-helpers-b351aea1.js');
-const lodash = require('./lodash-0db8fd9d.js');
+const commonHelpers = require('./common-helpers-ecdbc020.js');
+const lodash = require('./lodash-1f7fff24.js');
 const index$4 = require('./index-989d5527.js');
-const index$2 = require('./index-a0c50559.js');
+const index$2 = require('./index-5da6dbf0.js');
 const index$3 = require('./index-9c56868f.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-0324c531.js');
-require('./annotations-helpers-502b0beb.js');
+require('./annotations-helpers-44d2e337.js');
 
 const workflowCss = "svg:not(:root){overflow:hidden}:host{width:100%}:host .workflow-container{position:relative;width:100%;height:100%}:host .workflow-container.form-mode{height:100%}:host .workflow-container .header-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .workflow-container .header-container yoo-tabs{background:var(--light, #ffffff)}:host .workflow-container .header-container yoo-form-toggle{position:absolute;top:0.5rem;right:1rem;bottom:auto;left:auto}:host .workflow-container .steps-outer-container{position:relative;width:100%;height:100%;overflow:hidden}:host .workflow-container .steps-outer-container .zoom-controller{position:absolute;top:auto;right:var(--spacing-16, 1rem);bottom:var(--spacing-64, 4rem);left:auto;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--light, #ffffff);background:var(--dark, #000000)}:host .workflow-container .steps-outer-container .zoom-controller .zoom-out,:host .workflow-container .steps-outer-container .zoom-controller .zoom-in{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:2rem;cursor:pointer}:host .workflow-container .steps-outer-container .zoom-controller.reset{position:absolute;top:auto;right:9rem;bottom:var(--spacing-64, 4rem);left:auto;padding:0 var(--spacing-08, 0.5rem);cursor:pointer}:host .workflow-container .steps-outer-container .steps-container{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--spacing-16, 1rem);overflow:auto}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:auto}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container yoo-context-menu{width:inherit;margin:auto}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container yoo-context-menu.align-center{text-align:center}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container yoo-context-menu.margin-top{margin-top:var(--spacing-16, 1rem)}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container .vertical-line{width:0;height:1.5rem;margin:auto;border-left:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container .start-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container .completed-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}:host .workflow-container .form-container{display:-ms-flexbox;display:flex;height:calc(100% - 3rem)}:host .workflow-container .form-container .left-panel{width:20.5rem;min-width:20.5rem;height:100%;overflow:hidden;border-right:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .workflow-container .form-container .right-panel{width:100%;min-width:25rem;padding:var(--spacing-16, 1rem);overflow:hidden}:host .workflow-container .form-container .right-panel yoo-accordion{--accordion-background:transparent}:host .workflow-container .form-container .right-panel .block-container{width:100%;margin:var(--spacing-08, 0.5rem) 0}:host .workflow-container .form-container .right-panel .default-visibility-selection{z-index:1;display:-ms-flexbox;display:flex;white-space:nowrap;position:absolute;top:auto;right:var(--spacing-16, 1rem);bottom:auto;left:auto}:host .workflow-container .form-container .right-panel .default-visibility-selection yoo-form-autocomplete{padding-left:var(--spacing-16, 1rem)}:host .empty-state-with-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column}:host .empty-state-with-text h2{margin-top:unset;margin-bottom:unset}:host .empty-state-with-text div{color:var(--text-color-80, rgba(128, 127, 131, 0.8));font-size:var(--font-size-16, 1rem);max-width:25rem;padding:var(--spacing-08, 0.5rem);text-align:center}:host .empty-state-with-text yoo-button{width:20rem;padding:var(--spacing-16, 1rem)}:host .empty-state-with-text yoo-empty-state{height:25rem;margin-top:var(--spacing-16, 1rem);margin-bottom:var(--spacing-32, 2rem)}";
 

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-a41e9468.js');
-const index = require('./index-d050d90b.js');
-require('./lodash-0db8fd9d.js');
+const index = require('./index-5c82be2a.js');
+require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-0324c531.js');
 

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a41e9468.js');
-const index$1 = require('./index-d050d90b.js');
-const annotationsHelpers = require('./annotations-helpers-502b0beb.js');
+const index$1 = require('./index-5c82be2a.js');
+const annotationsHelpers = require('./annotations-helpers-44d2e337.js');
 const hammerHelpers = require('./hammer-helpers-e8117959.js');
-const lodash = require('./lodash-0db8fd9d.js');
+const lodash = require('./lodash-1f7fff24.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-0324c531.js');
 

package/dist/collection/components/1.atoms/img/img.css

@@ -261,6 +261,10 @@ svg:not(:root) {
   height: var(--image-height);
   border-radius: var(--border-radius);
 }
+:host([type=default]) > svg {
+  width: unset;
+  max-width: var(--image-width);
+}
 :host([type=default]) img {
   position: var(--image-position);
   object-fit: inherit;

package/dist/collection/components/1.atoms/img/img.js

@@ -104,7 +104,6 @@ export class YooImgComponent {
     if (this.scaledUp && isWeb(this.host)) {
       this.resizeListener = debounce(this.onScreenResize, 500).bind(this);
       window.addEventListener('resize', this.resizeListener);
-      window.addEventListener('screenSizeWillChange', this.resizeListener);
     }
     return this.observe();
   }
@@ -131,7 +130,6 @@ export class YooImgComponent {
   disconnectedCallback() {
     if (this.resizeListener) {
       window.removeEventListener('resize', this.resizeListener);
-      window.removeEventListener('screenSizeWillChange', this.resizeListener);
     }
     this.resizeListener = null;
     this.disconnected = true;

package/dist/collection/components/1.atoms/truncate/truncate.js

@@ -39,7 +39,6 @@ export class YooTruncateComponent {
     if (!this.resizeListener) {
       this.resizeListener = debounce(this.updateShowEllipsisButton, 500).bind(this);
       window.addEventListener('resize', this.resizeListener);
-      window.addEventListener('screenSizeWillChange', this.resizeListener);
     }
   }
   updateContent() {
@@ -59,7 +58,6 @@ export class YooTruncateComponent {
     }
     if (this.resizeListener) {
       window.removeEventListener('resize', this.resizeListener);
-      window.removeEventListener('screenSizeWillChange', this.resizeListener);
     }
   }
   componentWillLoad() {

package/dist/collection/components/2.molecules/kpi-card/kpi-card.css

@@ -317,6 +317,11 @@ svg:not(:root) {
   margin-right: var(--spacing-04, 0.25rem);
 }
 
+:host(.max-width) .kpi-container {
+  max-width: 5.25rem;
+  overflow: hidden;
+}
+
 :host(:not(.vertical)) .kpi-number {
   overflow: hidden;
   white-space: nowrap;
@@ -327,6 +332,7 @@ svg:not(:root) {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
+  margin: initial;
 }
 
 :host(:not(.content-only)) {

package/dist/collection/components/2.molecules/kpi-card/kpi-card.js

@@ -1,6 +1,6 @@
 import { convertSecondsToTimeUnits, isRTL, pipes, translate } from '@shared/utils';
 import { h, Host } from '@stencil/core';
-import { isNil } from 'lodash-es';
+import { isNil, isNumber } from 'lodash-es';
 const EmptyState = ({ type }) => (h("div", { class: "empty-state" }, h("yoo-empty-state", { type: type }), h("div", null, translate('LISTEMPTY'))));
 const Kpis = ({ data, title, help, onCardClick }) => {
   return (h("div", { class: "card" }, h("div", { class: { 'header': true, 'title': !!title } }, !!title && h("div", { class: "title" }, translate(title)), !!(help === null || help === void 0 ? void 0 : help.length) &&
@@ -8,7 +8,7 @@ const Kpis = ({ data, title, help, onCardClick }) => {
     const positiveVariation = variation > 0;
     const iconName = ('big-arrow-' + (positiveVariation ? 'up' : 'down'));
     const iconColor = positiveVariation ? 'success' : 'danger';
-    return (h("div", { hidden: isNil(value), class: "kpi-container" }, h("div", { class: "kpi-title" }, title), h("div", { class: "kpi-number", style: { color: `var(--value-${index + 1}-color)` } }, h(KpiNumber, { type: type, value: value }), extraSymbol), useVariation && (h("div", { class: { 'kpi-variation': true, positive: positiveVariation, negative: !positiveVariation } }, !variation ? (h("div", { class: "no-variation" })) : ([h("yoo-icon", { size: "extra-small", name: iconName, color: iconColor }), h("div", null, Math.abs(Math.round(variation * 100) / 100), "%")])))));
+    return (h("div", { hidden: isNil(value), class: "kpi-container" }, h("div", { class: "kpi-title" }, title), h("div", { class: "kpi-number", style: { color: `var(--value-${index + 1}-color)` } }, isNumber(value) && h(KpiNumber, { type: type, value: value }), extraSymbol), useVariation && (h("div", { class: { 'kpi-variation': true, positive: positiveVariation, negative: !positiveVariation } }, !variation ? (h("div", { class: "no-variation" })) : ([h("yoo-icon", { size: "extra-small", name: iconName, color: iconColor }), h("div", null, Math.abs(Math.round(variation * 100) / 100), "%")])))));
   }))));
 };
 const KpiNumber = ({ type, value }) => {

package/dist/collection/components/3.organisms/input-bar/input-bar.js

@@ -121,7 +121,6 @@ export class YooInputBarComponent {
     }
     this.resizeListener = debounce(this.onScreenResize, 500).bind(this);
     window.addEventListener('resize', this.resizeListener);
-    window.addEventListener('screenSizeWillChange', this.resizeListener);
   }
   componentDidUpdate() {
     if (this.shouldFocus) {
@@ -132,7 +131,6 @@ export class YooInputBarComponent {
   disconnectedCallback() {
     if (this.resizeListener) {
       window.removeEventListener('resize', this.resizeListener);
-      window.removeEventListener('screenSizeWillChange', this.resizeListener);
     }
   }
   onScreenResize() {

package/dist/collection/components/3.organisms/video-player/videoplayer-videojs/videoplayer-videojs.js

@@ -182,7 +182,6 @@ export class YooVideoPlayerVideojsComponent {
     if (this.scaledUp && isWeb(this.host)) {
       this.resizeListener = debounce(this.onScreenResize, 500).bind(this);
       window.addEventListener('resize', this.resizeListener);
-      window.addEventListener('screenSizeWillChange', this.resizeListener);
     }
     if (this.noSwiping) {
       const control = querySelectorDeep(this.host, '.vjs-control-bar');
@@ -200,7 +199,6 @@ export class YooVideoPlayerVideojsComponent {
   disconnectedCallback() {
     if (this.resizeListener) {
       window.removeEventListener('resize', this.resizeListener);
-      window.removeEventListener('screenSizeWillChange', this.resizeListener);
     }
     this.disconnected = true;
     this.resizeListener = undefined;

package/dist/collection/components/entities/entity/entity.js

@@ -2654,7 +2654,7 @@ export class YooEntityComponent {
       const keepUndefinedValues = this.extraClass === 'grid-card-campaign';
       const { campaignStats, category, title: heading } = campaign;
       const { color: categoryColor, title: categoryTitle } = category || {};
-      return (h("yoo-card-campaign", { active: isCampaignActive(campaign), heading: translateMulti(heading), keepUndefinedValues: keepUndefinedValues, category: isFeed ? null : translate(categoryTitle), categoryColor: isFeed ? null : categoryColor, completed: isFeed ? null : campaignStats === null || campaignStats === void 0 ? void 0 : campaignStats.finishedMissionsCount, completion: isFeed ? null : campaignStats === null || campaignStats === void 0 ? void 0 : campaignStats.completionRate, compliance: (isFeed || campaign.skipValidation || campaign.withoutValidation) ? null : campaignStats === null || campaignStats === void 0 ? void 0 : campaignStats.complianceRate, locations: campaign.skipLocation || isAnnouncementByUser || isFeed ? null : campaignStats === null || campaignStats === void 0 ? void 0 : campaignStats.storesCount, users: isFeed || !isAnnouncementByUser ? null : campaignStats === null || campaignStats === void 0 ? void 0 : campaignStats.usersCount, isFeed: isFeed, views: isFeed ? campaignStats === null || campaignStats === void 0 ? void 0 : campaignStats.viewsCount : null, likes: isFeed ? campaignStats === null || campaignStats === void 0 ? void 0 : campaignStats.likesCount : null, comments: isFeed ? campaignStats === null || campaignStats === void 0 ? void 0 : campaignStats.commentsCount : null, reposts: isFeed ? campaignStats === null || campaignStats === void 0 ? void 0 : campaignStats.repostsCount : null, audienceShare: isFeed ? campaignStats === null || campaignStats === void 0 ? void 0 : campaignStats.audienceShare : null }));
+      return (h("yoo-card-campaign", { active: isCampaignActive(campaign), heading: translateMulti(heading), keepUndefinedValues: keepUndefinedValues, category: isFeed ? null : translate(categoryTitle), categoryColor: isFeed ? null : categoryColor, completed: isFeed ? null : campaignStats === null || campaignStats === void 0 ? void 0 : campaignStats.finishedMissionsCount, completion: isFeed ? null : campaignStats === null || campaignStats === void 0 ? void 0 : campaignStats.completionRate, compliance: (isFeed || campaign.skipValidation || campaign.withoutValidation) ? null : campaignStats === null || campaignStats === void 0 ? void 0 : campaignStats.complianceRate, locations: campaign.skipLocation || isAnnouncementByUser || isFeed ? null : campaignStats === null || campaignStats === void 0 ? void 0 : campaignStats.storesCount, users: isFeed || !isAnnouncementByUser ? null : campaignStats === null || campaignStats === void 0 ? void 0 : campaignStats.usersCount, hasMaxWidth: this.isGridCell, isFeed: isFeed, views: isFeed ? campaignStats === null || campaignStats === void 0 ? void 0 : campaignStats.viewsCount : null, likes: isFeed ? campaignStats === null || campaignStats === void 0 ? void 0 : campaignStats.likesCount : null, comments: isFeed ? campaignStats === null || campaignStats === void 0 ? void 0 : campaignStats.commentsCount : null, reposts: isFeed ? campaignStats === null || campaignStats === void 0 ? void 0 : campaignStats.repostsCount : null, audienceShare: isFeed ? campaignStats === null || campaignStats === void 0 ? void 0 : campaignStats.audienceShare : null }));
     }
     else if (this.entityType === 'feeds') {
       return (h("yoo-card-campaign", { class: (_a = this.extraClass) !== null && _a !== void 0 ? _a : '', createHandler: this.item.createHandler, available: this.item.availableCount, heading: this.item.heading, isEmpty: this.item.isEmpty, isService: this.item.isService }));

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

@@ -36,8 +36,6 @@ export class YooFormChoiceImageComponent {
     return hasDuplicates((_a = this.values) === null || _a === void 0 ? void 0 : _a.map(v => typeof v === 'string' ? v : v === null || v === void 0 ? void 0 : v.text));
   }
   componentWillLoad() {
-    var _a;
-    this.answer = (Array.isArray(this.answer) && ((_a = this.answer) === null || _a === void 0 ? void 0 : _a.length)) ? this.answer.map(a => (a === null || a === void 0 ? void 0 : a[this.hasDuplicateTexts ? 'image' : 'text']) || a) : this.answer;
     prepareChoice(this);
   }
   componentDidLoad() {
@@ -245,7 +243,7 @@ export class YooFormChoiceImageComponent {
       },
       "answer": {
         "type": "unknown",
-        "mutable": true,
+        "mutable": false,
         "complexType": {
           "original": "(string | Pick<IFormChoiceValue, 'text' | 'image'>)[]",
           "resolved": "(string | Pick<IFormChoiceValue, \"image\" | \"text\">)[]",