@yoobic/yobi 8.2.0-2 → 8.2.0-20

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-2e908abb.js');
+const index$1 = require('./index-0cd1dbba.js');
 const lodash = require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-d31793a3.js');
+require('./index-ea29129a.js');
 
 const progressRecapCss = ":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)}";
 
@@ -18,7 +18,7 @@ const YooProgressRecap = class {
     return (index.h("yoo-tooltip", { placement: "top", content: index$1.translateMulti(this.tooltip) }, index.h("yoo-icon", { name: "help", size: "small", color: "stable" })));
   }
   renderProgressbar() {
-    return (index.h("yoo-progress-bar", { metric: "step", class: {
+    return (index.h("yoo-progress-bar", { metric: "step", maxValue: this.max, value: this.progress, class: {
         success: !lodash.isNil(this.min) || (!lodash.isNil(this.min) && this.progress >= this.min),
         danger: !lodash.isNil(this.min) && this.progress < this.min
       }, ...this.min && {
@@ -26,7 +26,7 @@ const YooProgressRecap = class {
             text: `${index$1.translateMulti('YOOBICMIN')}: ${this.min}`,
             xPercent: (this.min / this.max) * 100
           }]
-      }, maxStep: this.max, currentStep: this.progress }));
+      } }));
   }
   render() {
     return (index.h(index.Host, null, index.h("div", { class: "card" }, index.h("div", { class: "top-container" }, index.h("div", { class: "heading" }, index$1.translateMulti(this.heading)), this.tooltip && this.renderTooltip()), this.renderProgressbar())));

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-2e908abb.js');
+const index$1 = require('./index-0cd1dbba.js');
 const lodash = require('./lodash-597bda6d.js');
-const commonHelpers = require('./common-helpers-bc54ccb6.js');
+const commonHelpers = require('./common-helpers-bba1c1d7.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-d31793a3.js');
+require('./index-ea29129a.js');
 
 const propertyCardCss = ":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:8px;-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: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: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-04, 0.25rem);height:var(--spacing-04, 0.25rem)}: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: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/cjs/yoo-range.cjs.entry.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-edc78f24.js');
-const commonHelpers = require('./common-helpers-bc54ccb6.js');
-require('./index-37871664.js');
-require('./index-2e908abb.js');
+const index$1 = require('./index-2ceffd05.js');
+const commonHelpers = require('./common-helpers-bba1c1d7.js');
+require('./index-0b143c07.js');
+require('./index-0cd1dbba.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-d31793a3.js');
+require('./index-ea29129a.js');
 
 const rangeCss = ":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 .inner-container{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 .inner-container .tick{position:absolute;z-index:1;width:var(--bar-thickness);height:var(--bar-thickness);background-color:var(--bar-active-color);pointer-events:none}:host .inner-container .tick::after{position:absolute;color:var(--tick-text-color);font-size:var(--tick-text-size);content:attr(i)}:host .inner-container .tick.hidden:not([i]){background-color:transparent}:host .inner-container .tick.hidden[i]{background:var(--tick-text-color)}:host .inner-container .bar{position:absolute;background:var(--bar-trail-color);pointer-events:none}:host .inner-container .bar.active{z-index:1}:host .inner-container .knob-handle{position:absolute;width:var(--knob-handle-size);height:var(--knob-handle-size);text-align:center}:host .inner-container .knob-handle:active,:host .inner-container .knob-handle:focus{outline:none}:host .inner-container .knob-handle.pressed .pin{-webkit-transform:translate3d(0,  -1.5rem,  0) scale(1);transform:translate3d(0,  -1.5rem,  0) scale(1)}:host .inner-container .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) .inner-container{cursor:-webkit-grabbing;cursor:grabbing}:host(.pressed) .inner-container .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);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]) .inner-container,:host([readonly]) .inner-container{cursor:not-allowed}:host([orientation=horizontal]){width:100%}:host([orientation=horizontal]) .inner-container{width:100%;height:var(--host-thickness)}:host([orientation=horizontal]) .inner-container .tick{top:calc((var(--host-thickness) - var(--bar-thickness)) / 2)}:host([orientation=horizontal]) .inner-container .tick::after{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}:host([orientation=horizontal]) .inner-container .tick.hidden::after{top:var(--spacing-08, 0.5rem)}:host([orientation=horizontal]) .inner-container .tick:not(.hidden)::after{top:var(--spacing-16, 1rem)}:host([orientation=horizontal]) .inner-container .tick.hidden[i]{width:0.05rem;height:0.25rem;-webkit-transform:translateY(0.75rem);transform:translateY(0.75rem)}:host([orientation=horizontal]) .inner-container .bar{top:calc((var(--host-thickness) - var(--bar-thickness)) / 2);height:var(--bar-thickness)}:host([orientation=horizontal]) .inner-container .bar:not(.active){width:100%}:host([orientation=horizontal]) .inner-container .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]) .inner-container .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]) .inner-container .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]) .inner-container{width:var(--host-thickness);height:100%}:host([orientation=vertical]) .inner-container .tick{left:calc((var(--host-thickness) - var(--bar-thickness)) / 2)}:host([orientation=vertical]) .inner-container .tick::after{top:50%;left:0.5rem;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host([orientation=vertical]) .inner-container .tick[i]{width:0.25rem;height:0.05rem;-webkit-transform:translateX(0.75rem);transform:translateX(0.75rem)}:host([orientation=vertical]) .inner-container .bar{left:calc((var(--host-thickness) - var(--bar-thickness)) / 2);width:var(--bar-thickness)}:host([orientation=vertical]) .inner-container .bar:not(.active){height:100%}:host([orientation=vertical]) .inner-container .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)}";
 

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-2e908abb.js');
+const index$1 = require('./index-0cd1dbba.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-d31793a3.js');
+require('./index-ea29129a.js');
 
 const ratingCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host yoo-lottie{height:14.75rem}:host yoo-lottie.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-lottie{height:18.75rem}:host .completed-container .completed-description{margin:0 var(--spacing-48, 3rem);margin-top:-6.25rem;font-size:var(--font-size-18, 1.125rem);text-align:center;opacity:0;-webkit-animation:opacity 3s forwards;animation:opacity 3s forwards;-webkit-animation-delay:1s;animation-delay:1s}:host(.web) yoo-lottie.rating{margin:var(--spacing-16, 1rem) 0}:host(.web) .rating-container{-ms-flex-align:center;align-items:center}:host(.web) .description-content{width:25rem}@-webkit-keyframes opacity{from{opacity:0}to{opacity:1}}@keyframes opacity{from{opacity:0}to{opacity:1}}";
 

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c8609d4f.js');
-const index$2 = require('./index-d31793a3.js');
-const index$1 = require('./index-2e908abb.js');
+const index$2 = require('./index-ea29129a.js');
+const index$1 = require('./index-0cd1dbba.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-2e908abb.js');
-const commonHelpers = require('./common-helpers-bc54ccb6.js');
+const index$1 = require('./index-0cd1dbba.js');
+const commonHelpers = require('./common-helpers-bba1c1d7.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-d31793a3.js');
+require('./index-ea29129a.js');
 
 const resultDialogCss = ":host{display:grid;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;padding:var(--spacing-08, 0.5rem);padding-bottom:0;background:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--card-shadow, 0 0.125rem 0.25rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--card-shadow, 0 0.125rem 0.25rem 0 rgba(40, 47, 54, 0.08))}:host>*{margin:var(--spacing-08, 0.5rem) auto}:host span,:host p{text-align:center}:host span{font-weight:var(--font-weight-700, 700);font-size:var(--font-size-20, 1.25rem)}:host p{min-width:10rem;max-width:17.5rem;max-height:25rem;padding:0 var(--spacing-16, 1rem);overflow-y:auto;color:var(--text-color, #807f83);font-size:var(--font-size-16, 1rem);line-height:1.5}:host yoo-empty-state{width:3.125rem;height:3.125rem}:host .footer{margin:0;margin-top:var(--spacing-08, 0.5rem);padding:0.75rem;text-align:center;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);cursor:pointer}:host(.web){max-width:40%}:host(.web) p{}:host(.web) p::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host(.web) p::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web) p::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}";
 

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-2e908abb.js');
+const index$1 = require('./index-0cd1dbba.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-d31793a3.js');
+require('./index-ea29129a.js');
 
 const revealCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-16, 1rem);padding:var(--spacing-16, 1rem);background-color:var(--stable-light, #f1f1f1)}";
 

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-2e908abb.js');
+const index$1 = require('./index-0cd1dbba.js');
 const lodash = require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-d31793a3.js');
+require('./index-ea29129a.js');
 
 const salesaiFormulaCss = ":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/cjs/yoo-scandit.cjs.entry.js

@@ -3,18 +3,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-2e908abb.js');
+const index$1 = require('./index-0cd1dbba.js');
 const _commonjsHelpers = require('./_commonjsHelpers-94df2ea7.js');
-const commonHelpers = require('./common-helpers-bc54ccb6.js');
+const commonHelpers = require('./common-helpers-bba1c1d7.js');
 require('./lodash-597bda6d.js');
-require('./index-d31793a3.js');
+require('./index-ea29129a.js');
 
 var browser = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 /*!
  * @license
  *
  * Scandit Barcode Scanner SDK for the Web
- * v. 5.11.0
+ * v. 5.11.1
  *
  * Copyright © 2022 Scandit AG. All Rights Reserved.
  *
@@ -5102,8 +5102,8 @@ var browser = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 	        // wasmJSVersion is globally defined inside scandit-engine-sdk.min.js
 	        const wasmJSVersion = (_self$wasmJSVersion = self.wasmJSVersion) !== null && _self$wasmJSVersion !== void 0 ? _self$wasmJSVersion : "undefined"; // istanbul ignore if
 
-	        if (wasmJSVersion !== "5.11.0") {
-	          log("error", "The Scandit Data Capture library JS file found at ".concat(jsURI, " seems invalid: ") + "expected version doesn't match (received: ".concat(wasmJSVersion, ", expected: ", "5.11.0", "). ") + "Please ensure the correct Scandit Data Capture file (with correct version) is retrieved.");
+	        if (wasmJSVersion !== "5.11.1") {
+	          log("error", "The Scandit Data Capture library JS file found at ".concat(jsURI, " seems invalid: ") + "expected version doesn't match (received: ".concat(wasmJSVersion, ", expected: ", "5.11.1", "). ") + "Please ensure the correct Scandit Data Capture file (with correct version) is retrieved.");
 	        }
 
 	        if (typeof self.WebAssembly.instantiateStreaming === "function") {
@@ -5496,10 +5496,10 @@ var browser = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 	    let cdnURI = false;
 
 	    if (/^https?:\/\/([^\/.]*\.)*cdn.jsdelivr.net\//.test(libraryLocation)) {
-	      libraryLocation = "https://cdn.jsdelivr.net/npm/scandit-sdk@5.11.0/build/";
+	      libraryLocation = "https://cdn.jsdelivr.net/npm/scandit-sdk@5.11.1/build/";
 	      cdnURI = true;
 	    } else if (/^https?:\/\/([^\/.]*\.)*unpkg.com\//.test(libraryLocation)) {
-	      libraryLocation = "https://unpkg.com/scandit-sdk@5.11.0/build/";
+	      libraryLocation = "https://unpkg.com/scandit-sdk@5.11.1/build/";
 	      cdnURI = true;
 	    }
 
@@ -5521,8 +5521,8 @@ var browser = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 	    }
 
 	    return {
-	      jsURI: "".concat(libraryLocation, "scandit-engine-sdk").concat(fileExtension, ".min.js?v=5.11.0"),
-	      wasmURI: "".concat(libraryLocation, "scandit-engine-sdk").concat(fileExtension, ".wasm?v=5.11.0")
+	      jsURI: "".concat(libraryLocation, "scandit-engine-sdk").concat(fileExtension, ".min.js?v=5.11.1"),
+	      wasmURI: "".concat(libraryLocation, "scandit-engine-sdk").concat(fileExtension, ".wasm?v=5.11.1")
 	    };
 	  }
 
@@ -5733,8 +5733,8 @@ var browser = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 	    });
 	  }
 
-	  function instantiateWebAssembly(importObject, wasmURI, textRecognition, simdSupport, successCallback) {
-	    verifiedWasmFetch(wasmURI, textRecognition, simdSupport, true).then(function (response) {
+	  function instantiateWebAssembly(importObject, wasmURI, textRecognition, simdSupport, successCallback, existingResponse) {
+	    (existingResponse != null ? Promise.resolve(existingResponse) : verifiedWasmFetch(wasmURI, textRecognition, simdSupport, true)).then(function (response) {
 	      return response.arrayBuffer();
 	    }).then(function (bytes) {
 	      return self.WebAssembly.instantiate(bytes, importObject).then(function (results) {
@@ -5756,7 +5756,7 @@ var browser = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 	      }).catch(function (error) {
 	        log("warn", error);
 	        log("warn", "WebAssembly streaming compile failed. " + "Falling back to ArrayBuffer instantiation (this will make things slower)");
-	        instantiateWebAssembly(importObject, wasmURI, textRecognition, simdSupport, successCallback);
+	        instantiateWebAssembly(importObject, wasmURI, textRecognition, simdSupport, successCallback, response);
 	      });
 	    }).catch(
 	    /* istanbul ignore next */
@@ -10192,6 +10192,8 @@ var browser = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 
 	    _defineProperty(this, "triggerZoomMoveListener", this.triggerZoomMove.bind(this));
 
+	    _defineProperty(this, "checkCameraVideoStreamAccessIfVisibleListener", this.checkCameraVideoStreamAccessIfVisible.bind(this));
+
 	    _defineProperty(this, "cameraType", void 0);
 
 	    _defineProperty(this, "selectedCameraSettings", void 0);
@@ -10464,11 +10466,12 @@ var browser = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 	                this.activeCamera = undefined;
 
 	                if (!(this.mediaStream != null)) {
-	                  _context4.next = 13;
+	                  _context4.next = 14;
 	                  break;
 	                }
 
-	                exports.Logger.log(exports.Logger.Level.DEBUG, "Stop camera video stream access (stream):", this.mediaStream);
+	                exports.Logger.log(exports.Logger.Level.DEBUG, "Stop camera video stream access".concat(cameraInitializationFailure ? " (abort access detection)" : "", ":"), this.mediaStream);
+	                document.removeEventListener("visibilitychange", this.checkCameraVideoStreamAccessIfVisibleListener);
 	                window.clearTimeout(this.cameraAccessTimeout);
 	                window.clearInterval(this.videoMetadataCheckInterval);
 	                window.clearTimeout(this.getCapabilitiesTimeout);
@@ -10499,7 +10502,7 @@ var browser = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 	                  }, 0);
 	                }));
 
-	              case 13:
+	              case 14:
 	              case "end":
 	                return _context4.stop();
 	            }
@@ -11101,6 +11104,15 @@ var browser = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 	        this.updateActiveCameraCurrentResolution(this.activeCamera);
 	      }
 	    }
+	  }, {
+	    key: "checkCameraVideoStreamAccessIfVisible",
+	    value: function checkCameraVideoStreamAccessIfVisible() {
+	      if (document.visibilityState === "visible") {
+	        exports.Logger.log(exports.Logger.Level.DEBUG, "Page is visible again, waiting for camera video stream start...");
+	        document.removeEventListener("visibilitychange", this.checkCameraVideoStreamAccessIfVisibleListener);
+	        this.setCameraAccessTimeout();
+	      }
+	    }
 	  }, {
 	    key: "videoTrackEndedRecovery",
 	    value: function () {
@@ -11109,25 +11121,37 @@ var browser = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 	          while (1) {
 	            switch (_context15.prev = _context15.next) {
 	              case 0:
-	                _context15.prev = 0;
 	                exports.Logger.log(exports.Logger.Level.DEBUG, 'Detected video track "ended" event, try to reinitialize camera');
-	                _context15.next = 4;
-	                return this.reinitializeCamera();
 
-	              case 4:
-	                _context15.next = 8;
+	                if (!(document.visibilityState !== "visible")) {
+	                  _context15.next = 6;
+	                  break;
+	                }
+
+	                exports.Logger.log(exports.Logger.Level.DEBUG, "Page is currently not visible, delay camera reinitialization until visible");
+	                document.addEventListener("visibilitychange", this.checkCameraVideoStreamAccessIfVisibleListener);
+	                _context15.next = 13;
 	                break;
 
 	              case 6:
 	                _context15.prev = 6;
-	                _context15.t0 = _context15["catch"](0);
+	                _context15.next = 9;
+	                return this.reinitializeCamera();
 
-	              case 8:
+	              case 9:
+	                _context15.next = 13;
+	                break;
+
+	              case 11:
+	                _context15.prev = 11;
+	                _context15.t0 = _context15["catch"](6);
+
+	              case 13:
 	              case "end":
 	                return _context15.stop();
 	            }
 	          }
-	        }, _callee15, this, [[0, 6]]);
+	        }, _callee15, this, [[6, 11]]);
 	      }));
 
 	      function videoTrackEndedRecovery() {
@@ -11150,7 +11174,7 @@ var browser = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 	                  break;
 	                }
 
-	                exports.Logger.log(exports.Logger.Level.DEBUG, "Detected video track \"".concat(event.type, "\" event, delay video stream access detection"));
+	                exports.Logger.log(exports.Logger.Level.DEBUG, "Detected video track \"".concat(event.type, "\" event, delay camera video stream access detection"));
 	                this.setCameraAccessTimeout();
 	                return _context16.abrupt("return");
 
@@ -11751,7 +11775,7 @@ var browser = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 
 	              case 11:
 	                stream = _context27.sent;
-	                exports.Logger.log(exports.Logger.Level.DEBUG, "Camera accessed, waiting for video stream start..."); // Detect weird browser behaviour that on unsupported resolution returns a 2x2 video instead
+	                exports.Logger.log(exports.Logger.Level.DEBUG, "Camera accessed, waiting for camera video stream start..."); // Detect weird browser behaviour that on unsupported resolution returns a 2x2 video instead
 
 	                if (!(typeof stream.getTracks()[0].getSettings === "function")) {
 	                  _context27.next = 22;
@@ -11847,13 +11871,24 @@ var browser = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 	          while (1) {
 	            switch (_context28.prev = _context28.next) {
 	              case 0:
-	                _context28.next = 2;
+	                if (!(document.visibilityState !== "visible")) {
+	                  _context28.next = 5;
+	                  break;
+	                }
+
+	                exports.Logger.log(exports.Logger.Level.DEBUG, "Page is currently not visible, delay camera video stream access detection");
+	                document.addEventListener("visibilitychange", _this9.checkCameraVideoStreamAccessIfVisibleListener);
+	                _context28.next = 8;
+	                break;
+
+	              case 5:
+	                _context28.next = 7;
 	                return _this9.stopStream(true);
 
-	              case 2:
+	              case 7:
 	                (_this9$cameraAccessRe = _this9.cameraAccessRejectCallback) === null || _this9$cameraAccessRe === void 0 ? void 0 : _this9$cameraAccessRe.call(_this9, new CustomError(CameraManager.notReadableErrorParameters));
 
-	              case 3:
+	              case 8:
 	              case "end":
 	                return _context28.stop();
 	            }
@@ -16438,7 +16473,7 @@ var browser = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 	  return assertUnreachable(schema);
 	}
 
-	/*! *****************************************************************************
+	/******************************************************************************
 	Copyright (c) Microsoft Corporation.
 
 	Permission to use, copy, modify, and/or distribute this software for any
@@ -17831,7 +17866,7 @@ var browser = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 	        while (1) {
 	          switch (_context.prev = _context.next) {
 	            case 0:
-	              exports.Logger.log(exports.Logger.Level.INFO, "Scandit Web SDK version: 5.11.0");
+	              exports.Logger.log(exports.Logger.Level.INFO, "Scandit Web SDK version: 5.11.1");
 	              exports.configurePhase = "started";
 	              browserCompatibility = exports.BrowserHelper.checkBrowserCompatibility();
 

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-2e908abb.js');
+const index$1 = require('./index-0cd1dbba.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-d31793a3.js');
+require('./index-ea29129a.js');
 
 const scratchCardCreatorCss = ":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)}";
 

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-2e908abb.js');
-require('./index-dba65392.js');
+const index$1 = require('./index-0cd1dbba.js');
+require('./index-6333a812.js');
 const annotationsHelpers = require('./annotations-helpers-45b1c2e4.js');
-const localForage = require('./localForage-46c54344.js');
+const localForage = require('./localForage-13e7fd04.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-d31793a3.js');
+require('./index-ea29129a.js');
 
 const scratchCardCss = ":host{position:relative;display:block;width:100%;max-width:25rem;margin:0 auto;border-radius:var(--border-radius-08, 0.5rem)}:host canvas,:host .content-card{position:absolute;width:100%;height:100%;border-radius:inherit}:host canvas{z-index:2;display:block;visibility:visible;cursor:url(\"data:image/png;base64,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\") 30 30, auto;opacity:1;-webkit-transition:opacity 0.35s linear;transition:opacity 0.35s linear}:host canvas[fade-out]{opacity:0}:host .content-card>*{width:100%;height:100%;border-radius:inherit}:host .content-card .text-content{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--spacing-16, 1rem);overflow-y:scroll;word-break:break-word;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}:host .content-card .text-content::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host .content-card .text-content::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .content-card .text-content::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .content-card .text-content:not(.long){-ms-flex-align:center;align-items:center}:host yoo-loader{border-radius:var(--border-radius-08, 0.5rem)}:host yoo-button{position:absolute;right:var(--spacing-16, 1rem);bottom:var(--spacing-16, 1rem);z-index:1;-webkit-transform:scale(var(--scale, 0));transform:scale(var(--scale, 0));-webkit-transition:-webkit-transform 150ms ease-in-out;transition:-webkit-transform 150ms ease-in-out;transition:transform 150ms ease-in-out;transition:transform 150ms ease-in-out, -webkit-transform 150ms ease-in-out}:host yoo-button[visible]{--scale:1;z-index:2}:host:after{display:block;padding-bottom:100%;content:\"\"}";
 

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-2e908abb.js');
+const index$1 = require('./index-0cd1dbba.js');
 const lodash = require('./lodash-597bda6d.js');
 const sortable_esm = require('./sortable.esm-00e15691.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-d31793a3.js');
+require('./index-ea29129a.js');
 
 const sectionListCss = ":host yoo-truncate{--max-lines:2}:host .headers{display:-ms-flexbox;display:flex;padding:0 var(--spacing-40, 2.5rem)}:host .headers div:first-child{-ms-flex:5;flex:5}:host .headers div{-ms-flex:2.333;flex:2.333;padding-left:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-16, 1rem)}:host .sections{padding-bottom:10rem}:host .sections .section{margin:var(--spacing-16, 1rem);background-color:var(--stable-light-40, rgba(241, 241, 241, 0.4));border-radius:var(--border-radius-04, 0.25rem)}:host .sections .section.hidden{display:none}:host .sections .section.sortable-drag .section-title div,:host .sections .section.sortable-drag .section-title yoo-icon,:host .sections .section.sortable-ghost .section-title div,:host .sections .section.sortable-ghost .section-title yoo-icon{opacity:0}:host .sections .section.sortable-drag .items,:host .sections .section.sortable-ghost .items{display:none}:host .sections .section.sortable-drag .section-title{background:var(--light, #ffffff);border:solid var(--border-width-02, 0.125rem) var(--app-color, #5a30f4);border-radius:var(--border-radius-04, 0.25rem);-webkit-box-shadow:var(--web-shadow, 0 0.3125rem 0.8125rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--web-shadow, 0 0.3125rem 0.8125rem 0 rgba(40, 47, 54, 0.08))}:host .sections .section.sortable-drag .section-title .title{opacity:1}:host .sections .section.sortable-ghost{cursor:-webkit-grabbing !important;cursor:grabbing !important}:host .sections .section.sortable-ghost .section-title{border:dashed var(--border-width-02, 0.125rem) var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-04, 0.25rem)}:host .sections .section .section-title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:var(--spacing-08, 0.5rem);font-size:var(--font-size-16, 1rem)}:host .sections .section .section-title .title{font-weight:bold}:host .sections .section .section-title .title,:host .sections .section .section-title .item-count{padding-left:0.5rem;font-size:var(--font-size-16, 1rem)}:host .sections .section .section-title .item-count{-ms-flex:1;flex:1;color:var(--stable, #adadad);white-space:nowrap}:host .sections .section .section-title .draggable{cursor:move}:host .sections .section .section-title .draggable yoo-icon{vertical-align:middle}:host .sections .section .section-title yoo-icon{padding:0 var(--spacing-08, 0.5rem)}:host .sections .section .section-title yoo-icon.section-dialog{vertical-align:middle}:host .sections .section .items{padding-bottom:var(--spacing-16, 1rem);overflow:hidden}:host .sections .section .items .item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:var(--spacing-08, 0.5rem);overflow:hidden}:host .sections .section .items .item .draggable{padding:1rem;cursor:move}:host .sections .section .items .item .draggable yoo-icon{vertical-align:middle}:host .sections .section .items .item.hidden{display:none}:host .sections .section .items .item.selectable{padding-left:0}:host .sections .section .items .item.selectable.mousehover .checkbox,:host .sections .section .items .item.selectable .checkbox.visible{visibility:visible}:host .sections .section .items .item.selectable .checkbox{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:35px;visibility:hidden}:host .sections .section .items .item.sortable-drag .item-container{border:solid var(--border-width-02, 0.125rem) var(--app-color, #5a30f4);-webkit-box-shadow:var(--web-shadow, 0 0.3125rem 0.8125rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--web-shadow, 0 0.3125rem 0.8125rem 0 rgba(40, 47, 54, 0.08))}:host .sections .section .items .item.sortable-ghost{cursor:-webkit-grabbing;cursor:grabbing}:host .sections .section .items .item.sortable-ghost .item-container{background:var(--stable-light-40, rgba(241, 241, 241, 0.4));border:dashed var(--border-width-02, 0.125rem) var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-04, 0.25rem)}:host .sections .section .items .item.sortable-ghost .item-container div{opacity:0}:host .sections .section .items .item.no-mousehover.mousehover .item-container{cursor:-webkit-grabbing;cursor:grabbing}:host .sections .section .items .item .checkbox{display:none;overflow:hidden}:host .sections .section .items .item .item-container{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;background-color:var(--light, #ffffff);border:solid var(--border-width-01, 0.0625rem) var(--stable-light, #f1f1f1);border-radius:var(--border-radius-08, 0.5rem)}:host .sections .section .items .item .item-container .title-container{-ms-flex:4;flex:4;padding:var(--spacing-16, 1rem);overflow:hidden}:host .sections .section .items .item .item-container .title-container .title{font-size:var(--font-size-18, 1.125rem)}:host .sections .section .items .item .item-container .title-container .description{color:var(--text-color, #807f83);font-size:var(--font-size-16, 1rem)}:host .sections .section .items .item .item-container .item-actions yoo-context-menu{padding:var(--spacing-16, 1rem)}:host .sections .section .items .item .item-container .item-actions .lesson-button{padding:var(--spacing-16, 1rem)}:host .sections .section .items .item .item-container .info-container{display:-ms-flexbox;display:flex;-ms-flex:7;flex:7}:host .sections .section .items .item .item-container .info-container .column{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center}:host .sections .section .items .item .item-container .info-container .column yoo-icon{padding-right:var(--spacing-04, 0.25rem)}:host .sections .section .items .item .item-container .info-container .column .value{font-size:var(--font-size-18, 1.125rem)}:host .sections .section .items .item.mousehover:not(.selectable):not(.sortable-drag):not(.sortable-ghost):not(.no-mousehover).sortable-chosen{cursor:-webkit-grab;cursor:grab}:host .sections .section .items .item.mousehover:not(.selectable):not(.sortable-drag):not(.sortable-ghost):not(.no-mousehover) .item-container{background-color:var(--app-color, #5a30f4);cursor:pointer}:host .sections .section .items .item.mousehover:not(.selectable):not(.sortable-drag):not(.sortable-ghost):not(.no-mousehover) .item-container .item-actions yoo-tooltip{margin-right:var(--spacing-04, 0.25rem)}:host .sections .section .items .item.mousehover:not(.selectable):not(.sortable-drag):not(.sortable-ghost):not(.no-mousehover) .item-container .item-actions yoo-tooltip .icon-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--spacing-24, 1.5rem);height:var(--spacing-24, 1.5rem);border-radius:50%;-webkit-box-shadow:var(--web-shadow, 0 0.3125rem 0.8125rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--web-shadow, 0 0.3125rem 0.8125rem 0 rgba(40, 47, 54, 0.08))}:host .sections .section .items .item.mousehover:not(.selectable):not(.sortable-drag):not(.sortable-ghost):not(.no-mousehover) .item-container .item-actions yoo-tooltip:last-child{margin-right:var(--spacing-16, 1rem)}:host .sections .section:hover{cursor:pointer}:host .dialog{position:absolute;right:0;margin:0.375rem var(--spacing-08, 0.5rem) 0 0;overflow:hidden;background-color:var(--light, #ffffff);border-radius:0.25rem;-webkit-box-shadow:var(--web-shadow, 0 0.3125rem 0.8125rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--web-shadow, 0 0.3125rem 0.8125rem 0 rgba(40, 47, 54, 0.08))}:host .dialog.hidden{display:none}:host .dialog.not.hidden{display:block}:host .dialog .menu{margin:var(--spacing-08, 0.5rem) 0;padding-right:var(--spacing-24, 1.5rem);padding-left:1rem;font-size:var(--font-size-14, 0.875rem);list-style-type:none}:host .dialog .menu li{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .dialog .menu li yoo-icon{padding-right:var(--spacing-08, 0.5rem)}";
 
@@ -432,7 +432,7 @@ const YooSectionListComponent = class {
   }
   renderSectionItem(item) {
     let checkboxRef;
-    return (index.h("div", { class: "item selectable", onMouseEnter: this.getItemMouseEnterAction(), onMouseLeave: this.getItemMouseLeaveAction() }, index.h("div", { class: "checkbox", ref: (el) => checkboxRef = el }, !this.disableBatchActions && this.isOwner && item.isSelectable !== false && index.h("yoo-form-checkbox", { onInputChanged: (ev) => this.onCheckboxClicked(ev, item, checkboxRef) })), index.h("div", { class: "item-container", onClick: () => this.itemClicked.emit(item) }, index.h("div", { class: "title-container" }, item.user && index.h("yoo-avatars", { layout: "list", users: [item.user], size: "small" }), item.title && index.h("div", { class: "title" }, index.h("yoo-truncate", { innerHTML: index$1.translateMulti(item.title) })), item.text && index.h("div", { class: "description" }, index.h("yoo-truncate", null, index$1.translateMulti(item.text)))), index.h("div", { class: "info-container" }, item.columns && item.columns.map((column) => this.renderSectionItemColumn(column))), !this.disableSortable && !this.isReadonly && index.h("div", { class: "draggable" }, index.h("yoo-icon", { name: "draggable", color: "text-color", size: "medium" })), !this.isOwner && (this.isPublisher || this.isViewer) && this.countSuffix === 'lessons' ? this.renderViewerPublisherActions() : this.renderItemActions(item))));
+    return (index.h("div", { class: "item selectable", onMouseEnter: this.getItemMouseEnterAction(), onMouseLeave: this.getItemMouseLeaveAction() }, index.h("div", { class: "checkbox", ref: (el) => checkboxRef = el }, !this.disableBatchActions && this.isOwner && item.isSelectable !== false && index.h("yoo-form-checkbox", { onInputChanged: (ev) => this.onCheckboxClicked(ev, item, checkboxRef) })), index.h("div", { class: "item-container", onClick: () => this.itemClicked.emit(item) }, index.h("div", { class: "title-container" }, item.user && index.h("yoo-avatars", { layout: "list", users: [item.user], size: "small" }), item.title && index.h("div", { class: "title" }, index.h("yoo-truncated-line", { content: index$1.translateMulti(item.title) })), item.text && index.h("div", { class: "description" }, index.h("yoo-truncated-line", { content: index$1.translateMulti(item.text) }))), index.h("div", { class: "info-container" }, item.columns && item.columns.map((column) => this.renderSectionItemColumn(column))), !this.disableSortable && !this.isReadonly && index.h("div", { class: "draggable" }, index.h("yoo-icon", { name: "draggable", color: "text-color", size: "medium" })), !this.isOwner && (this.isPublisher || this.isViewer) && this.countSuffix === 'lessons' ? this.renderViewerPublisherActions() : this.renderItemActions(item))));
   }
   renderSectionItemColumn(column) {
     return (index.h("div", { class: "column" }, column.icon && index.h("yoo-icon", { name: column.icon, size: "small" }), index.h("div", { class: "value" }, index$1.translate(column.value))));

package/dist/cjs/yoo-segmented-control.cjs.entry.js

@@ -0,0 +1,72 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-c8609d4f.js');
+const index$1 = require('./index-0cd1dbba.js');
+require('./lodash-597bda6d.js');
+require('./_commonjsHelpers-94df2ea7.js');
+require('./index-ea29129a.js');
+
+const segmentedControlCss = ":host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%;background:var(--stable-light, #f1f1f1);border-radius:var(--border-radius-08, 0.5rem)}:host .segment-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin:var(--spacing-02, 0.125rem) 0}:host .segment-container .segment-content{z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:var(--spacing-04, 0.25rem)}:host .segment-container .segment-content h3{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin:0;padding-left:var(--spacing-04, 0.25rem);color:var(--text-color, #807f83);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-12, 0.75rem);text-align:center}:host .segment-container .segment-content input{position:fixed;opacity:0;pointer-events:none}:host .segment-container .separator{height:60%;border-left:solid var(--border-width-02, 0.125rem) var(--dark-10, rgba(0, 0, 0, 0.1));visibility:visible}:host .segment-container .separator.active{visibility:hidden}:host .segment-container:first-of-type{margin-left:var(--spacing-02, 0.125rem)}:host .segment-container:last-of-type{margin-right:var(--spacing-02, 0.125rem)}:host .segment-container:last-of-type .separator{display:none}:host .segment-container.active h3{color:var(--light, #ffffff)}:host .segment-container:not(.active){cursor:pointer}:host .segment-container ::slotted(*){position:absolute}:host([size=small]){height:1.75rem}:host([size=medium]),:host([size=large]){height:2rem}:host([size=medium]) yoo-icon+yoo-truncated-line,:host([size=small]) yoo-icon+yoo-truncated-line{width:calc(100% - (var(--icon-size-01, 1rem) + var(--spacing-04, 0.25rem)))}:host([size=large]) .segment-container h3{font-size:var(--font-size-14, 0.875rem)}:host([size=large]) .segment-container yoo-icon+yoo-truncated-line{width:calc(100% - (var(--icon-size-02, 1.5rem) + var(--spacing-04, 0.25rem)))}:host([animated]) .segment-content h3{-webkit-transition:color 0.3s ease-in-out;transition:color 0.3s ease-in-out}:host([animated]) .active-background{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.active-background{position:absolute;height:87%;margin:var(--spacing-02, 0.125rem) 0;background:var(--app-color, #5a30f4);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1))}";
+
+const YooSegmentedControlComponent = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.segmentSelected = index.createEvent(this, "segmentSelected", 7);
+    this.values = [];
+    this.size = 'medium';
+    this.initialIndex = 0;
+    this.animated = true;
+    this.selectedIndex = this.initialIndex;
+  }
+  onIndexUpdated() {
+    this.selectedIndex = this.initialIndex;
+  }
+  hasIcon(index) {
+    var _a, _b;
+    return ((_b = (_a = this.values[index]) === null || _a === void 0 ? void 0 : _a.icon) === null || _b === void 0 ? void 0 : _b.length) > 0;
+  }
+  componentDidLoad() {
+    index$1.resizeObserve(this.host, this.moveActiveBackground.bind(this));
+    this.moveActiveBackground();
+  }
+  moveActiveBackground() {
+    var _a, _b;
+    this.activeBackgroundEl.style.width = `${(_a = this.activeElement) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width}px`;
+    this.activeBackgroundEl.style.marginLeft = `${(_b = this.activeElement) === null || _b === void 0 ? void 0 : _b.offsetLeft}px`;
+  }
+  onSegmentClick(ev, index) {
+    if (!this.readonly) {
+      const target = ev.target;
+      this.activeElement = target.closest('.segment-container');
+      this.moveActiveBackground();
+      this.selectedIndex = index;
+      this.segmentSelected.emit(index);
+    }
+  }
+  renderSegments() {
+    var _a;
+    return (_a = this.values) === null || _a === void 0 ? void 0 : _a.map((value, index$1) => {
+      if (value) {
+        return (index.h("div", { class: { 'segment-container': true, active: this.selectedIndex === index$1 }, onClick: (ev) => this.onSegmentClick(ev, index$1), ref: el => this.selectedIndex === index$1 ? this.activeElement = el : '', style: { width: `${100 / (this.values.length || 1)}%` } }, this.renderSegment(value, index$1), index.h("slot", { name: value.id }), index.h("div", { class: {
+            separator: true,
+            active: this.selectedIndex === index$1 || this.selectedIndex - 1 === index$1
+          } })));
+      }
+    });
+  }
+  renderSegment(value, index$2) {
+    return (index.h("div", { class: "segment-content" }, index.h("input", { checked: this.selectedIndex === index$2, name: `${index$2}`, type: "radio", value: index$2 }), value.icon && index.h("yoo-icon", { size: this.size === 'large' ? 'medium' : this.size === 'medium' ? 'small' : this.size, name: value.icon, color: index$2 === this.selectedIndex ? 'light' : 'stable' }), value.label && index.h("yoo-truncated-line", null, index.h("h3", null, index$1.translate(value.label)))));
+  }
+  render() {
+    return index.h(index.Host, { style: { maxWidth: this.maxWidth ? this.maxWidth + 'px' : null } }, this.renderSegments(), index.h("span", { ref: el => this.activeBackgroundEl = el, class: "active-background" }));
+  }
+  get host() { return index.getElement(this); }
+  static get watchers() { return {
+    "initialIndex": ["onIndexUpdated"]
+  }; }
+};
+YooSegmentedControlComponent.style = segmentedControlCss;
+
+exports.yoo_segmented_control = YooSegmentedControlComponent;

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-2e908abb.js');
+const index$1 = require('./index-0cd1dbba.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-d31793a3.js');
+require('./index-ea29129a.js');
 
 const sideMenuTreeCss = ":host{--spacing-bottom:var(--spacing-48, 3rem)}:host .outer-container{padding-bottom:var(--spacing-bottom)}:host .outer-container yoo-header{padding-bottom:var(--spacing-16, 1rem);font-weight:bold;font-size:var(--font-size-16, 1rem)}:host .outer-container .sub-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-top:var(--spacing-04, 0.25rem);padding-bottom:var(--spacing-04, 0.25rem);cursor:pointer}:host .outer-container .sub-item .title{padding-left:var(--spacing-04, 0.25rem);font-size:var(--font-size-14, 0.875rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .outer-container .sub-item yoo-icon.hide{opacity:0}:host .outer-container .sub-item yoo-icon,:host .outer-container .sub-item yoo-avatar{padding-right:var(--spacing-04, 0.25rem)}:host .outer-container .sub-item yoo-badge{margin-left:auto}:host .outer-container .bottom-action{display:-ms-flexbox;display:flex;padding-top:var(--spacing-08, 0.5rem);color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem);cursor:pointer}:host(.calendars) yoo-header{font-weight:var(--font-weight-400, 400)}";
 
@@ -70,10 +70,10 @@ const YooSideMenuTreeComponent = class {
       }, onClick: () => this.onSubItemClicked(index$1) }, item.icon && index.h("yoo-icon", { class: { hide: hide && this.useIconAsSelection }, size: item.icon.size, color: item.icon.color, name: item.icon.name }), item.avatar && index.h("yoo-avatar", { imgSrc: item.avatar.imgSrc, size: item.avatar.size, iconText: item.avatar.iconText }), item.text && index.h("span", { class: "title" }, item.text), !this.useIconAsSelection && index.h("yoo-icon", { name: "tick", color: "app-color", class: { hide }, size: "small" }), item.badge && index.h("yoo-badge", { size: badgeSize, text: item.badge.text })));
   }
   renderBottomAction() {
-    return (index.h("div", { class: "bottom-action", onClick: () => this.onBottomActionClicked() }, this.contentExpanded ? index.h("span", null, index$1.translate('SEEALL')) : index.h("span", null, index$1.translate('YOOBICMORE')), index.h("yoo-icon", { name: "arrow-down", color: "stable" })));
+    return (index.h("div", { class: "bottom-action", onClick: () => this.onBottomActionClicked() }, this.contentExpanded ? index.h("span", null, index$1.translate('YOOBICSEEALL')) : index.h("span", null, index$1.translate('YOOBICMORE')), index.h("yoo-icon", { name: "arrow-down", color: "stable" })));
   }
   renderTitle(header) {
-    return (index.h("yoo-header", { class: "secondary no-border" }, index.h("yoo-truncate", { class: "align-left" }, index$1.translate(header))));
+    return (index.h("yoo-header", { class: "secondary no-border" }, index.h("yoo-truncated-line", { content: index$1.translate(header), class: "align-left" })));
   }
   render() {
     const subItems = (this.subItems || []).filter((item) => { var _a; return !(!item || ((_a = item === null || item === void 0 ? void 0 : item.badge) === null || _a === void 0 ? void 0 : _a.text) === '0'); });