@yoobic/yobi 8.3.1-9 → 8.3.1

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2e1afd31.js');
-require('./index-49d083a4.js');
-const overlays = require('./overlays-0cf588e0.js');
+const index = require('./index-819e2530.js');
+require('./index-ce31bddc.js');
+const overlays = require('./overlays-24592dac.js');
 require('./lodash-72d493b9.js');
 require('./index-50ff0b20.js');
 require('./_commonjsHelpers-94df2ea7.js');

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2e1afd31.js');
-require('./index-49d083a4.js');
-const overlays = require('./overlays-0cf588e0.js');
+const index = require('./index-819e2530.js');
+require('./index-ce31bddc.js');
+const overlays = require('./overlays-24592dac.js');
 require('./lodash-72d493b9.js');
 require('./index-50ff0b20.js');
 require('./_commonjsHelpers-94df2ea7.js');

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2e1afd31.js');
-require('./index-49d083a4.js');
-const commonHelpers = require('./common-helpers-ab740e35.js');
-const entitiesHelpers = require('./entities-helpers-8687b06a.js');
-const overlays = require('./overlays-0cf588e0.js');
+const index = require('./index-819e2530.js');
+require('./index-ce31bddc.js');
+const commonHelpers = require('./common-helpers-a58df3d7.js');
+const entitiesHelpers = require('./entities-helpers-e434bdad.js');
+const overlays = require('./overlays-24592dac.js');
 require('./lodash-72d493b9.js');
 require('./index-50ff0b20.js');
 require('./_commonjsHelpers-94df2ea7.js');

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2e1afd31.js');
-require('./index-49d083a4.js');
-const commonHelpers = require('./common-helpers-ab740e35.js');
-const overlays = require('./overlays-0cf588e0.js');
+const index = require('./index-819e2530.js');
+require('./index-ce31bddc.js');
+const commonHelpers = require('./common-helpers-a58df3d7.js');
+const overlays = require('./overlays-24592dac.js');
 require('./lodash-72d493b9.js');
 require('./index-50ff0b20.js');
 require('./_commonjsHelpers-94df2ea7.js');

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2e1afd31.js');
-const overlays = require('./overlays-0cf588e0.js');
-const index$2 = require('./index-49d083a4.js');
+const index = require('./index-819e2530.js');
+const overlays = require('./overlays-24592dac.js');
+const index$2 = require('./index-ce31bddc.js');
 const lodash = require('./lodash-72d493b9.js');
-const commonHelpers = require('./common-helpers-ab740e35.js');
+const commonHelpers = require('./common-helpers-a58df3d7.js');
 const index$1 = require('./index-dbc0dad6.js');
 require('./index-50ff0b20.js');
 require('./_commonjsHelpers-94df2ea7.js');

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

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2e1afd31.js');
-require('./index-49d083a4.js');
+const index = require('./index-819e2530.js');
+require('./index-ce31bddc.js');
 const lodash = require('./lodash-72d493b9.js');
-const videoPlayerHelpers = require('./video-player-helpers-7360f53e.js');
+const videoPlayerHelpers = require('./video-player-helpers-466f3c14.js');
 const index$1 = require('./index-dbc0dad6.js');
-const overlays = require('./overlays-0cf588e0.js');
+const overlays = require('./overlays-24592dac.js');
 require('./index-50ff0b20.js');
-require('./common-helpers-ab740e35.js');
+require('./common-helpers-a58df3d7.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const videoplayerDailymotionCss = ":host .dm-container,:host .dm-player{width:100%;height:100%;background:var(--dark, #000000)}";

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

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2e1afd31.js');
-const index$1 = require('./index-49d083a4.js');
+const index = require('./index-819e2530.js');
+const index$1 = require('./index-ce31bddc.js');
 const lodash = require('./lodash-72d493b9.js');
 const _commonjsHelpers = require('./_commonjsHelpers-94df2ea7.js');
-const overlays = require('./overlays-0cf588e0.js');
+const overlays = require('./overlays-24592dac.js');
 const bufferEs6 = require('./buffer-es6-f8668f31.js');
-const localForage = require('./localForage-bec11b47.js');
-const commonHelpers = require('./common-helpers-ab740e35.js');
-const videoPlayerHelpers = require('./video-player-helpers-7360f53e.js');
+const localForage = require('./localForage-a2b56735.js');
+const commonHelpers = require('./common-helpers-a58df3d7.js');
+const videoPlayerHelpers = require('./video-player-helpers-466f3c14.js');
 const index$2 = require('./index-dbc0dad6.js');
 require('./index-50ff0b20.js');
 
@@ -67739,10 +67739,6 @@ const YooVideoPlayerVideojsComponent = class {
     }
   }
   onVideoJSError() {
-    var _a;
-    if (this.currentFallbackSrcIndex === 0 && !((_a = this.source) === null || _a === void 0 ? void 0 : _a.includes('q_auto:eco'))) {
-      this.currentFallbackSrcIndex++;
-    }
     if (this.currentFallbackSrcIndex < this.fallbackSrc.length) {
       this.onFixSource(this.fallbackSrc[this.currentFallbackSrcIndex]);
       this.currentFallbackSrcIndex++;

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

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2e1afd31.js');
-const videoPlayerHelpers = require('./video-player-helpers-7360f53e.js');
+const index = require('./index-819e2530.js');
+const videoPlayerHelpers = require('./video-player-helpers-466f3c14.js');
 const index$1 = require('./index-dbc0dad6.js');
-require('./overlays-0cf588e0.js');
+require('./overlays-24592dac.js');
 require('./lodash-72d493b9.js');
 require('./index-50ff0b20.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-49d083a4.js');
-require('./common-helpers-ab740e35.js');
+require('./index-ce31bddc.js');
+require('./common-helpers-a58df3d7.js');
 
 const videoplayerVimeoCss = ":host iframe{width:100%;background:var(--dark, #000000)}";
 

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

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2e1afd31.js');
-require('./index-49d083a4.js');
-const videoPlayerHelpers = require('./video-player-helpers-7360f53e.js');
+const index = require('./index-819e2530.js');
+require('./index-ce31bddc.js');
+const videoPlayerHelpers = require('./video-player-helpers-466f3c14.js');
 const index$1 = require('./index-dbc0dad6.js');
-const overlays = require('./overlays-0cf588e0.js');
+const overlays = require('./overlays-24592dac.js');
 require('./lodash-72d493b9.js');
 require('./index-50ff0b20.js');
-require('./common-helpers-ab740e35.js');
+require('./common-helpers-a58df3d7.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const videoplayerYoutubeCss = ":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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2e1afd31.js');
-const index$1 = require('./index-49d083a4.js');
-const overlays = require('./overlays-0cf588e0.js');
+const index = require('./index-819e2530.js');
+const index$1 = require('./index-ce31bddc.js');
+const overlays = require('./overlays-24592dac.js');
 require('./lodash-72d493b9.js');
 require('./index-50ff0b20.js');
 require('./_commonjsHelpers-94df2ea7.js');

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2e1afd31.js');
-require('./index-49d083a4.js');
+const index = require('./index-819e2530.js');
+require('./index-ce31bddc.js');
 const lodash = require('./lodash-72d493b9.js');
-const commonHelpers = require('./common-helpers-ab740e35.js');
-const overlays = require('./overlays-0cf588e0.js');
+const commonHelpers = require('./common-helpers-a58df3d7.js');
+const overlays = require('./overlays-24592dac.js');
 require('./index-50ff0b20.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2e1afd31.js');
+const index = require('./index-819e2530.js');
 
 const waitlistLocationLayoutCss = ":host{--logo-height:12.5rem;--img-width:25rem;position:absolute;top:0;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .panel-left{width:var(--img-width);min-width:var(--img-width)}@media only screen and (max-width: 1023px){:host .panel-left{display:none}}:host .panel-right{position:relative;-ms-flex-positive:1;flex-grow:1;overflow-y:auto;}:host .panel-right::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host .panel-right::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .panel-right::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .panel-right .container{max-width:37.5rem;margin:auto}:host .panel-right .container yoo-img{height:var(--logo-height);max-height:var(--logo-height)}@media only screen and (min-width: 1024px){:host .panel-right .container yoo-img{display:none}}:host .panel-right .container .inner{padding:var(--spacing-16, 1rem)}@media only screen and (min-width: 1024px){:host .panel-right .container .inner{margin-top:var(--spacing-64, 4rem)}}:host .panel-right .footer-container{width:100%;margin-bottom:var(--spacing-16, 1rem);text-align:center}@media only screen and (min-height: 800px) and (min-width: 1024px){:host .panel-right .footer-container{position:absolute;bottom:0}}:host .panel-right .footer-container yoo-copyright{padding:var(--spacing-16, 1rem) 0.8rem 0.8rem}";
 

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2e1afd31.js');
-require('./index-49d083a4.js');
-const overlays = require('./overlays-0cf588e0.js');
+const index = require('./index-819e2530.js');
+require('./index-ce31bddc.js');
+const overlays = require('./overlays-24592dac.js');
 require('./lodash-72d493b9.js');
 require('./index-50ff0b20.js');
 require('./_commonjsHelpers-94df2ea7.js');

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2e1afd31.js');
-require('./index-49d083a4.js');
+const index = require('./index-819e2530.js');
+require('./index-ce31bddc.js');
 const lodash = require('./lodash-72d493b9.js');
-const overlays = require('./overlays-0cf588e0.js');
+const overlays = require('./overlays-24592dac.js');
 require('./index-50ff0b20.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2e1afd31.js');
-require('./index-49d083a4.js');
-const overlays = require('./overlays-0cf588e0.js');
+const index = require('./index-819e2530.js');
+require('./index-ce31bddc.js');
+const overlays = require('./overlays-24592dac.js');
 require('./lodash-72d493b9.js');
 require('./index-50ff0b20.js');
 require('./_commonjsHelpers-94df2ea7.js');

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2e1afd31.js');
-require('./index-49d083a4.js');
-const commonHelpers = require('./common-helpers-ab740e35.js');
-const overlays = require('./overlays-0cf588e0.js');
+const index = require('./index-819e2530.js');
+require('./index-ce31bddc.js');
+const commonHelpers = require('./common-helpers-a58df3d7.js');
+const overlays = require('./overlays-24592dac.js');
 require('./lodash-72d493b9.js');
 require('./index-50ff0b20.js');
 require('./_commonjsHelpers-94df2ea7.js');

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2e1afd31.js');
-require('./index-49d083a4.js');
-const overlays = require('./overlays-0cf588e0.js');
+const index = require('./index-819e2530.js');
+require('./index-ce31bddc.js');
+const overlays = require('./overlays-24592dac.js');
 require('./lodash-72d493b9.js');
 require('./index-50ff0b20.js');
 require('./_commonjsHelpers-94df2ea7.js');

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2e1afd31.js');
-require('./index-49d083a4.js');
-const commonHelpers = require('./common-helpers-ab740e35.js');
-const overlays = require('./overlays-0cf588e0.js');
+const index = require('./index-819e2530.js');
+require('./index-ce31bddc.js');
+const commonHelpers = require('./common-helpers-a58df3d7.js');
+const overlays = require('./overlays-24592dac.js');
 require('./lodash-72d493b9.js');
 require('./index-50ff0b20.js');
 require('./_commonjsHelpers-94df2ea7.js');

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2e1afd31.js');
-require('./index-49d083a4.js');
+const index = require('./index-819e2530.js');
+require('./index-ce31bddc.js');
 const lodash = require('./lodash-72d493b9.js');
-const overlays = require('./overlays-0cf588e0.js');
+const overlays = require('./overlays-24592dac.js');
 require('./index-50ff0b20.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2e1afd31.js');
-require('./index-49d083a4.js');
-const overlays = require('./overlays-0cf588e0.js');
+const index = require('./index-819e2530.js');
+require('./index-ce31bddc.js');
+const overlays = require('./overlays-24592dac.js');
 require('./lodash-72d493b9.js');
 require('./index-50ff0b20.js');
 require('./_commonjsHelpers-94df2ea7.js');

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2e1afd31.js');
-require('./index-49d083a4.js');
+const index = require('./index-819e2530.js');
+require('./index-ce31bddc.js');
 const lodash = require('./lodash-72d493b9.js');
-const overlays = require('./overlays-0cf588e0.js');
+const overlays = require('./overlays-24592dac.js');
 require('./index-50ff0b20.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2e1afd31.js');
-require('./index-49d083a4.js');
-const overlays = require('./overlays-0cf588e0.js');
+const index = require('./index-819e2530.js');
+require('./index-ce31bddc.js');
+const overlays = require('./overlays-24592dac.js');
 require('./lodash-72d493b9.js');
 require('./index-50ff0b20.js');
 require('./_commonjsHelpers-94df2ea7.js');

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2e1afd31.js');
-require('./index-49d083a4.js');
-const overlays = require('./overlays-0cf588e0.js');
+const index = require('./index-819e2530.js');
+require('./index-ce31bddc.js');
+const overlays = require('./overlays-24592dac.js');
 require('./lodash-72d493b9.js');
 require('./index-50ff0b20.js');
 require('./_commonjsHelpers-94df2ea7.js');

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2e1afd31.js');
-require('./index-49d083a4.js');
+const index = require('./index-819e2530.js');
+require('./index-ce31bddc.js');
 const lodash = require('./lodash-72d493b9.js');
-const overlays = require('./overlays-0cf588e0.js');
+const overlays = require('./overlays-24592dac.js');
 require('./index-50ff0b20.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

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

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2e1afd31.js');
-require('./index-49d083a4.js');
+const index = require('./index-819e2530.js');
+require('./index-ce31bddc.js');
 const lodash = require('./lodash-72d493b9.js');
 const workflow_interface = require('./workflow.interface-ffda8358.js');
-const commonHelpers = require('./common-helpers-ab740e35.js');
+const commonHelpers = require('./common-helpers-a58df3d7.js');
 const index$3 = require('./index-7252f9bf.js');
-const index$1 = require('./index-65296b89.js');
+const index$1 = require('./index-a4837d82.js');
 const index$2 = require('./index-9c56868f.js');
-const overlays = require('./overlays-0cf588e0.js');
+const overlays = require('./overlays-24592dac.js');
 require('./index-50ff0b20.js');
 require('./annotations-helpers-6cf88388.js');
 require('./_commonjsHelpers-94df2ea7.js');

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2e1afd31.js');
-const overlays = require('./overlays-0cf588e0.js');
-require('./index-49d083a4.js');
+const index = require('./index-819e2530.js');
+const overlays = require('./overlays-24592dac.js');
+require('./index-ce31bddc.js');
 require('./lodash-72d493b9.js');
 require('./index-50ff0b20.js');
 require('./_commonjsHelpers-94df2ea7.js');

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

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2e1afd31.js');
-require('./index-49d083a4.js');
+const index = require('./index-819e2530.js');
+require('./index-ce31bddc.js');
 const lodash = require('./lodash-72d493b9.js');
 const annotationsHelpers = require('./annotations-helpers-6cf88388.js');
 const hammerHelpers = require('./hammer-helpers-e8117959.js');
-const overlays = require('./overlays-0cf588e0.js');
+const overlays = require('./overlays-24592dac.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-50ff0b20.js');
 

package/dist/collection/collection-manifest.json

@@ -360,7 +360,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.17.1",
+    "version": "2.17.2",
     "typescriptVersion": "4.5.4"
   },
   "collections": [],

package/dist/collection/components/1.atoms/progress-bar/progress-bar.css

@@ -258,12 +258,9 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 :host([shape=line]) svg:not(.has-markers) line {
   stroke-width: var(--stroke-width-line);
 }
-:host([shape=line]) svg.has-markers {
-  max-height: 10vh;
-}
-:host([shape=line]) svg.has-markers .marker {
-  font-size: var(--spacing-04, 0.25rem);
-  transform: translateX(calc(var(--spacing-08, 0.5rem) * -1));
+:host([shape=line]) svg .marker {
+  font-size: var(--font-size-12, 0.75rem);
+  transform: translate(calc(var(--spacing-16, 1rem) * -1), calc(var(--spacing-16, 1rem) * 1.5));
 }
 :host([shape=line]) span {
   width: 100%;
@@ -315,7 +312,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   top: 50%;
   left: 50%;
   display: flex;
-  align-items: center;
+  align-items: baseline;
   transform: translate(var(--progress-value-tsx), var(--progress-value-tsy));
 }
 

package/dist/collection/components/1.atoms/progress-bar/progress-bar.js

@@ -107,36 +107,11 @@ export class YooProgressBarComponent {
   }
   componentDidLoad() {
     if (this.progressSVGElement) {
-      this.resizeListener = debounce(this.initProgressBar, 750).bind(this);
+      this.resizeListener = debounce(this.setProgress, 750).bind(this);
       window.addEventListener('resize', this.resizeListener);
-      this.initProgressBar();
-    }
-  }
-  initProgressBar() {
-    if (this.progressSVGElement) {
-      this.initSVGPaths();
       this.setProgress();
     }
   }
-  initSVGPaths() {
-    const clampAngle = (value) => Math.min(Math.max(0, value), 360);
-    const { width, height } = this.progressSVGElement.getBoundingClientRect();
-    !this.isShape.line && this.host.shadowRoot.querySelectorAll('path').forEach((pathElement, i) => {
-      if (pathElement) {
-        const finalSize = Math[this.isShape.circle ? 'min' : 'max'](width, height);
-        const yPos = finalSize * .5;
-        this.progressSVGElement.style.width = `${finalSize}px`;
-        this.progressSVGElement.style.height = `${finalSize * (this.isShape.circle ? 1 : .5)}px`;
-        const d = DEFAULT_SHAPES[this.shape]
-          .replace('y', yPos.toString())
-          .replace('d', finalSize.toString())
-          .replace('-d', `-${finalSize.toString()}`)
-          .replace(/r/g, (finalSize / 2).toString());
-        pathElement.setAttribute('d', d);
-        i && this.isShape.circle && (pathElement.setAttribute('transform', `rotate(${clampAngle(this.angle)} ${yPos.toString()} ${yPos.toString()})`));
-      }
-    });
-  }
   setProgress(currentProgress = 0) {
     if (this.progressSVGElement) {
       const getProgressPathLength = (progress = 0) => Math.round(progressBarElement.getTotalLength() * (1 - progress / 100)).toString();
@@ -174,12 +149,8 @@ export class YooProgressBarComponent {
           stroke: this.getProgressColor(0)
         })
       };
-      const progressStarted = () => {
-        this.initSVGPaths();
-      };
       const toAnimation = {
         attr: { x2: `${clampProgress(toProgress)}%` },
-        onStart: progressStarted,
         onUpdate() {
           animateProgressValue(this.progress());
         },
@@ -257,15 +228,28 @@ export class YooProgressBarComponent {
       const { xPercent, text } = marker || {};
       return [
         h("line", { "marker-end": `url(#dot${i})`, y1: "50%", y2: "50%", x2: `${isFinite(xPercent) ? xPercent : 0}%` }),
-        text && h("text", { class: "marker", y: "125%", x: `${isFinite(xPercent) ? xPercent : 0}%` }, text)
+        text && h("text", { class: "marker", y: "0%", x: `${isFinite(xPercent) ? xPercent : 0}%` }, text)
       ];
     });
   }
-  renderProgressBar() {
+  renderPath(index, baseAttributes, size) {
+    const clampAngle = (value) => Math.min(Math.max(0, value), 360);
+    const yPos = (size * .5).toString();
+    return h("path", { ...baseAttributes, d: DEFAULT_SHAPES[this.shape]
+        .replace('y', yPos)
+        .replace('d', `${size}`)
+        .replace('-d', `-${size}`)
+        .replace(/r/g, yPos), ...(index && this.isShape.circle && {
+        transform: `rotate(${clampAngle(this.angle)} ${yPos} ${yPos})`
+      }) });
+  }
+  renderSVG() {
     const getAttr = (type, index) => ({ id: type, x2: `${index ? 0 : 100}%` });
-    return (h("svg", { ...(this.hasMarkers && { viewBox: '0 0 100 10', class: { 'has-markers': this.hasMarkers } }), ref: (el) => (this.progressSVGElement = el) },
+    const { width, height } = this.host.getBoundingClientRect();
+    const size = Math.round(Math[this.isShape.circle && !!(width && height) ? 'min' : 'max'](width, height)) || 100;
+    return (h("svg", { ...(!this.isShape.line && { viewBox: `0 0 ${size} ${size / (this.isShape.circle ? 1 : 2)}` }), ref: (el) => (this.progressSVGElement = el) },
       this.renderMarkersDefinition(),
-      ['trail', 'progress'].map((b, i) => this.isShape.line ? h("line", { y1: "50%", y2: "50%", ...getAttr(b, i) }) : h("path", { ...getAttr(b, i) })),
+      ['trail', 'progress'].map((b, i) => this.isShape.line ? h("line", { y1: "50%", y2: "50%", ...getAttr(b, i) }) : this.renderPath(i, getAttr(b, i), size)),
       this.renderMarkersPlacement()));
   }
   renderProgressValue() {
@@ -273,7 +257,7 @@ export class YooProgressBarComponent {
   }
   render() {
     return (h(Host, { class: { 'no-value': this.hideProgressValue }, ...((!this.hideProgressValue && this.isShape.line) && { y: this.verticalAlign, x: this.horizontalAlign }) },
-      [this.renderProgressBar(), this.renderProgressValue()],
+      [this.renderSVG(), this.renderProgressValue()],
       !this.isShape.line && h("slot", null)));
   }
   static get is() { return "yoo-progress-bar"; }

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

@@ -303,7 +303,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 :host([orientation=horizontal].has-ticks-labels) {
   display: block;
   width: calc(100% - 1.5rem);
-  height: 3rem;
+  min-height: 3rem;
   margin: 0 auto;
 }
 

package/dist/collection/components/2.molecules/action-sheet-controller/action-sheet-controller.js

@@ -27,7 +27,8 @@ export class YooIonActionSheetControllerComponent {
     }
   }
   actionSheetWillDismiss(ev) {
-    this.actionSheets.delete(ev.target.overlayId);
+    var _a, _b;
+    this.actionSheets.delete(ev.target.nodeName === 'YOO-ACTION-SHEET' ? ev.target.overlayId : (_b = (_a = ev.composedPath()) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.overlayId);
   }
   escapeKeyUp(event) {
     if (event && event.key && event.key.toLowerCase && event.key.toLowerCase() === 'escape') {

package/dist/collection/components/2.molecules/alert-controller/alert-controller.js

@@ -27,7 +27,8 @@ export class YooIonAlertControllerComponent {
     }
   }
   alertWillDismiss(ev) {
-    this.alerts.delete(ev.target.overlayId);
+    var _a, _b;
+    this.alerts.delete(ev.target.nodeName === 'YOO-ALERT' ? ev.target.overlayId : (_b = (_a = ev.composedPath()) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.overlayId);
   }
   escapeKeyUp(event) {
     if (event && event.key && event.key.toLowerCase && event.key.toLowerCase() === 'escape') {

package/dist/collection/components/2.molecules/footer/footer.css

@@ -201,7 +201,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 /* used for logos */
 /* spacing for padding, margin, etc... */
 /* shadow */
-:host, yoo-ion-footer {
+yoo-ion-footer {
   position: relative;
   z-index: 11;
   display: block;