@yoobic/yobi 8.3.9 → 8.4.0-2

package/dist/cjs/{yoo-ion-slides-978e47a6.js → yoo-ion-slides-63ee3a6a.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-const index$1 = require('./index-819e2530.js');
-require('./index-af910eb5.js');
-const commonHelpers = require('./common-helpers-25cc0c66.js');
-const theme = require('./theme-c8a0dbe1.js');
-const overlays = require('./overlays-24592dac.js');
+const index$1 = require('./index-5ecafe7a.js');
+require('./index-671a4905.js');
+const commonHelpers = require('./common-helpers-db846c21.js');
+const theme = require('./theme-f32a6d6c.js');
+const overlays = require('./overlays-948ffdb5.js');
 
 /**
  * SSR Window 4.0.2
@@ -11613,7 +11613,7 @@ const YooIonSlidesComponent = class {
   async initSwiper() {
     const finalOptions = this.normalizeOptions();
     // init swiper core
-    const { Swiper } = await Promise.resolve().then(function () { return require('./swiper-89c0bdad.js'); });
+    const { Swiper } = await Promise.resolve().then(function () { return require('./swiper-ad20a27e.js'); });
     await waitForSlides(this.el);
     const swiper = new Swiper(this.el, finalOptions);
     this.swiperReady = true;

package/dist/cjs/yoo-ion-slides.cjs.entry.js

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const yooIonSlides_entry = require('./yoo-ion-slides-978e47a6.js');
-require('./index-819e2530.js');
-require('./index-af910eb5.js');
-require('./overlays-24592dac.js');
+const yooIonSlides_entry = require('./yoo-ion-slides-63ee3a6a.js');
+require('./index-5ecafe7a.js');
+require('./index-671a4905.js');
+require('./overlays-948ffdb5.js');
 require('./lodash-72d493b9.js');
-require('./index-50ff0b20.js');
+require('./index-e55cdc16.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./common-helpers-25cc0c66.js');
-require('./theme-c8a0dbe1.js');
+require('./common-helpers-db846c21.js');
+require('./theme-f32a6d6c.js');
 
 
 

package/dist/cjs/yoo-ion-toast-controller.cjs.entry.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-819e2530.js');
-const overlays = require('./overlays-b9c6595e.js');
-require('./index-af910eb5.js');
-require('./overlays-24592dac.js');
+const index = require('./index-5ecafe7a.js');
+const overlays = require('./overlays-06fcf95a.js');
+require('./index-671a4905.js');
+require('./overlays-948ffdb5.js');
 require('./lodash-72d493b9.js');
-require('./index-50ff0b20.js');
+require('./index-e55cdc16.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const YooIonToastControllerComponent = class {

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-819e2530.js');
+const index = require('./index-5ecafe7a.js');
 
 const itemsCss = ":host([flow=column]){grid-auto-flow:column}:host([flow=row]){grid-auto-flow:row}:host([spacing=\"2\"]){grid-gap:var(--spacing-02, 0.125rem)}:host([spacing=\"4\"]){grid-gap:var(--spacing-04, 0.25rem)}:host([spacing=\"8\"]){grid-gap:var(--spacing-08, 0.5rem)}:host([spacing=\"16\"]){grid-gap:var(--spacing-16, 1rem)}:host([spacing=\"24\"]){grid-gap:var(--spacing-24, 1.5rem)}:host([spacing=\"32\"]){grid-gap:var(--spacing-32, 2rem)}:host([spacing=\"40\"]){grid-gap:var(--spacing-40, 2.5rem)}:host([spacing=\"48\"]){grid-gap:var(--spacing-48, 3rem)}:host([spacing=\"64\"]){grid-gap:var(--spacing-64, 4rem)}:host([spacing=\"80\"]){grid-gap:var(--spacing-80, 5rem)}:host([spacing=\"96\"]){grid-gap:var(--spacing-96, 6rem)}:host{display:grid;grid-auto-rows:-webkit-max-content;grid-auto-rows:max-content;grid-auto-columns:-webkit-max-content;grid-auto-columns:max-content;-ms-flex-align:center;align-items:center}";
 

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

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-819e2530.js');
-require('./index-af910eb5.js');
+const index = require('./index-5ecafe7a.js');
+require('./index-671a4905.js');
 const lodash = require('./lodash-72d493b9.js');
 const sortable_esm = require('./sortable.esm-00e15691.js');
-const commonHelpers = require('./common-helpers-25cc0c66.js');
-const overlays = require('./overlays-24592dac.js');
-require('./index-50ff0b20.js');
+const commonHelpers = require('./common-helpers-db846c21.js');
+const overlays = require('./overlays-948ffdb5.js');
+require('./index-e55cdc16.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const kanbanCss = ":host{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;}:host::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .kanban-outer-container{display:-ms-flexbox;display:flex;height:auto;padding:var(--spacing-16, 1rem);padding-top:var(--spacing-08, 0.5rem);padding-left:0}:host .kanban-outer-container .kanban-board-placeholder{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-width:17.5rem;max-width:17.5rem;height:1.3rem;padding:var(--spacing-08, 0.5rem);color:var(--app-color, #5a30f4);font-size:var(--font-size-14, 0.875rem);background:var(--app-color-20, rgba(90, 48, 244, 0.2));border-radius:0.25rem;cursor:pointer}:host .kanban-outer-container .kanban-board-placeholder yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host .kanban-outer-container .kanban-board{min-width:17.5rem;max-width:17.5rem;margin-right:var(--spacing-08, 0.5rem)}:host .kanban-outer-container .kanban-board .header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:var(--spacing-16, 1rem);color:var(--text-color, #807f83);font-weight:bold;font-size:var(--font-size-14, 0.875rem);background:var(--stable-light, #f1f1f1);border-top-left-radius:0.25rem;border-top-right-radius:0.25rem;cursor:-webkit-grab;cursor:grab}:host .kanban-outer-container .kanban-board .header .title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .kanban-outer-container .kanban-board .header .count{-ms-flex:1;flex:1;margin-left:var(--spacing-08, 0.5rem)}:host .kanban-outer-container .kanban-board .content{min-height:3.125rem;margin:0;padding:var(--spacing-08, 0.5rem);background:var(--stable-light, #f1f1f1)}:host .kanban-outer-container .kanban-board .content .item-container{position:relative;padding:0;overflow:hidden;background:var(--light, #ffffff);border-radius:0.25rem;border-radius:0.3125rem;-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));cursor:pointer}:host .kanban-outer-container .kanban-board .content .item-container yoo-icon.more{position:absolute;top:0.625rem;right:var(--spacing-08, 0.5rem);z-index:100;opacity:0;-webkit-transition:all 0.2s;transition:all 0.2s}:host .kanban-outer-container .kanban-board .content .item-container:hover yoo-icon.more{opacity:1}:host .kanban-outer-container .kanban-board .content .item-container:not(:last-child){margin-bottom:var(--spacing-08, 0.5rem)}:host .kanban-outer-container .kanban-board .content .item-container yoo-form-dynamic{margin:var(--spacing-08, 0.5rem);margin-top:0;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .kanban-outer-container .kanban-board .content .item-container.sortable-drag{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 .kanban-outer-container .kanban-board .content .item-container.sortable-ghost{border:dashed var(--border-width-02, 0.125rem) var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-04, 0.25rem);cursor:-webkit-grabbing !important;cursor:grabbing !important}:host .kanban-outer-container .kanban-board .footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);padding-top:var(--spacing-08, 0.5rem);color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem);background:var(--stable-light, #f1f1f1);border-bottom-right-radius:0.25rem;border-bottom-left-radius:0.25rem;cursor:pointer}:host .kanban-outer-container .kanban-board .footer yoo-icon{margin-right:var(--spacing-08, 0.5rem);fill:inherit}:host .kanban-outer-container .kanban-board.sortable-drag .kanban-board-inner-container{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 .kanban-outer-container .kanban-board.sortable-ghost .kanban-board-inner-container{border:dashed var(--border-width-02, 0.125rem) var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-04, 0.25rem);cursor:-webkit-grabbing !important;cursor:grabbing !important}:host(.web:hover)::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}:host(.web:hover)::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}:host(.mobile) .kanban-outer-container{padding-top:var(--spacing-08, 0.5rem);padding-left:var(--spacing-08, 0.5rem)}";

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-819e2530.js');
-require('./index-af910eb5.js');
-const overlays = require('./overlays-24592dac.js');
+const index = require('./index-5ecafe7a.js');
+require('./index-671a4905.js');
+const overlays = require('./overlays-948ffdb5.js');
 require('./lodash-72d493b9.js');
-require('./index-50ff0b20.js');
+require('./index-e55cdc16.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const kpiCardCss = ":host{--grid-auto-flow:column;--value-align-items:initial;--value-direction:column;--value-font-size:var(--font-size-36, 2.25rem);--value-font-weight:var(--font-weight-700, 700);--value-justify-content:initial;--value-line-height:1.5;--value-margin:calc(var(--spacing-04, 0.25rem) * -1) 0 0;--value-separator:none;--value-title-color:var(--dark, #000000);--value-title-font-size:var(--font-size-14, 0.875rem);--variation-font-size:var(--font-size-14, 0.875rem);--card-background:var(--light, #ffffff);--title-color:var(--stable, #adadad);--title-font-size:var(--font-size-12, 0.75rem);--title-position:start;--title-font-weight:var(--font-weight-400, 400);--card-margin:var(--spacing-16, 1rem);--values-gap:var(--spacing-08, 0.5rem);display:block}:host .empty-state{padding:var(--spacing-16, 1rem)}:host .empty-state div{padding-top:var(--spacing-16, 1rem);text-align:center}:host .header{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:end}:host .header.title{-ms-flex-pack:justify;justify-content:space-between}:host .header.title .title{display:-ms-flexbox;display:flex;-ms-flex-pack:var(--title-position);justify-content:var(--title-position);width:100%;margin-bottom:var(--spacing-08, 0.5rem);color:var(--title-color);font-weight:var(--title-font-weight);font-size:var(--title-font-size)}:host .kpi-container{display:-ms-flexbox;display:flex;-ms-flex-direction:var(--value-direction);flex-direction:var(--value-direction);-ms-flex-align:var(--value-align-items);align-items:var(--value-align-items);-ms-flex-pack:var(--value-justify-content);justify-content:var(--value-justify-content);opacity:1}:host .kpi-container:not(:last-of-type){padding-right:var(--values-gap);border-right:var(--value-separator)}:host .kpi-container.hidden{padding-right:0;opacity:0}:host .kpi-number{margin:var(--value-margin);font-weight:var(--value-font-weight);font-size:var(--value-font-size);line-height:var(--value-line-height);text-align:center}:host .kpi-number span{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;-ms-flex-pack:center;justify-content:center}:host .kpi-number span .time{font-size:calc(var(--value-font-size) / 2)}:host .kpi-title{color:var(--value-title-color);font-size:var(--value-title-font-size);text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .kpis{display:grid;grid-auto-flow:var(--grid-auto-flow);grid-template-columns:var(--grid-template-columns);gap:var(--values-gap)}:host .kpi-variation{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:var(--value-margin);font-size:var(--variation-font-size)}:host .kpi-variation .no-variation{width:0.625rem;height:0.125rem;margin:var(--spacing-08, 0.5rem) 0;background:var(--stable-alt, #d0d0d0)}:host .kpi-variation.positive{color:var(--success, #3aa76d)}:host .kpi-variation.negative{color:var(--danger, #d44333)}:host .kpi-variation yoo-icon{margin-right:var(--spacing-04, 0.25rem)}:host(:not(.vertical)) .kpi-number{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.vertical) .kpi-container{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(:not(.content-only)){--card-padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem) var(--spacing-16, 1rem)}:host(:not(.content-only)) .card{margin:var(--card-margin);padding:var(--card-padding);background-color:var(--card-background);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}";

package/dist/cjs/yoo-kpi-container.cjs.entry.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-819e2530.js');
-const index$1 = require('./index-af910eb5.js');
-const commonHelpers = require('./common-helpers-25cc0c66.js');
-const overlays = require('./overlays-24592dac.js');
+const index = require('./index-5ecafe7a.js');
+const index$1 = require('./index-671a4905.js');
+const commonHelpers = require('./common-helpers-db846c21.js');
+const overlays = require('./overlays-948ffdb5.js');
 require('./lodash-72d493b9.js');
-require('./index-50ff0b20.js');
+require('./index-e55cdc16.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const kpiContainerCss = ":host{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;min-height:0}:host .container{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;width:100%;min-height:0;background:var(--light, #ffffff)}:host .container .error{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:var(--spacing-16, 1rem);color:var(--danger, #d44333);text-align:center}:host .container.fullscreen{border-bottom:none}:host .container .content{position:relative;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;width:100%;min-height:0}:host .container .kpi-container{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;min-height:0}:host .container .kpi-container.carousel,:host .container .kpi-container.map{overflow:hidden}:host .container .kpi-container.carousel{border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .heading{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding:var(--spacing-08, 0.5rem);padding-left:var(--spacing-16, 1rem);font-size:var(--font-size-16, 1rem);text-align:left;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .heading .title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;font-weight:bold;white-space:nowrap}:host .heading .title yoo-icon{margin-left:var(--spacing-04, 0.25rem)}:host .heading yoo-icon:not(.margin-right){margin-left:var(--spacing-08, 0.5rem)}:host .heading yoo-icon.margin-right{margin-right:var(--spacing-08, 0.5rem)}:host .heading yoo-icon.draggable{margin-left:-0.5rem}:host .subheading{padding:0 var(--spacing-08, 0.5rem);padding-top:var(--spacing-08, 0.5rem);padding-left:var(--spacing-16, 1rem);color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem)}:host .subheading.grid{padding-bottom:var(--spacing-08, 0.5rem);border-bottom:0.0625rem solid var(--stable-light, #f1f1f1)}:host .empty-state{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;height:100%}:host .empty-state yoo-empty-state{height:6.25rem}:host .empty-state div{color:var(--text-color-80, rgba(128, 127, 131, 0.8));font-size:var(--font-size-16, 1rem);text-align:center}:host(.mobile) .container{border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.mobile) .container:not(.fullscreen) .content yoo-kpi:not(.interactive){pointer-events:none}:host(.no-border) .container{border-top:none;border-bottom:none}:host(.rounded){border-radius:var(--border-radius-08, 0.5rem)}:host(.rounded) .container{border-radius:var(--border-radius-08, 0.5rem)}:host(.chartio) .container .content yoo-kpi,:host(.external) .container .content yoo-kpi{pointer-events:initial}";
@@ -235,14 +235,14 @@ const YooKpiContainerComponent = class {
     ];
   }
   renderKpi() {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f;
     let kpiStyle;
-    if (((_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.xAxis) === null || _b === void 0 ? void 0 : _b.categories) && ((_c = this.chartClass) === null || _c === void 0 ? void 0 : _c.includes) && this.chartClass.includes('feed-chart')) {
+    if (((_c = (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.xAxis) === null || _b === void 0 ? void 0 : _b.categories) === null || _c === void 0 ? void 0 : _c.length) && ((_d = this.chartClass) === null || _d === void 0 ? void 0 : _d.includes) && this.chartClass.includes('feed-chart')) {
       kpiStyle = { maxHeight: `${this.config.xAxis.categories.length * 70}px` };
     }
     return !this.dontRender && (index.h("yoo-kpi", { class: {
         interactive: true,
-        rounded: (_e = (_d = this.host) === null || _d === void 0 ? void 0 : _d.classList) === null || _e === void 0 ? void 0 : _e.contains('rounded') // only yoobic.com hosted iframes should be interactive
+        rounded: (_f = (_e = this.host) === null || _e === void 0 ? void 0 : _e.classList) === null || _f === void 0 ? void 0 : _f.contains('rounded') // only yoobic.com hosted iframes should be interactive
       }, ref: (el) => (this.kpi = el), config: this.config, photosSrc: this.config.photos, type: this.type, chartClass: this.chartClass, style: kpiStyle, isFullScreen: this.isFullScreen, isFullHeight: this.isFullHeight, isFormPreview: this.isFormPreview, definition: this.definition,
       // showTable={this.showTable}
       disableResize: this.disableResize, onKpiEdited: (ev) => this.onKpiEdited(ev), onKpiClick: (ev) => this.onKpiClick(ev), onKpiDoubleClick: (ev) => this.onKpiDoubleClick(ev), onKpiLegendItemClick: (ev) => this.onKpiLegendItemClick(ev), onKpiLinkClick: (ev) => this.onKpiLinkClick(ev), onOpenInFullscreen: () => this.onShowDialog() }));

package/dist/cjs/yoo-kpi-external.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-819e2530.js');
-const index$1 = require('./index-50ff0b20.js');
-require('./index-af910eb5.js');
-const overlays = require('./overlays-24592dac.js');
+const index = require('./index-5ecafe7a.js');
+const index$1 = require('./index-e55cdc16.js');
+require('./index-671a4905.js');
+const overlays = require('./overlays-948ffdb5.js');
 require('./lodash-72d493b9.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

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

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-819e2530.js');
-require('./index-86f9c0ed.js');
+const index = require('./index-5ecafe7a.js');
+require('./index-fe4569d2.js');
 const annotationsHelpers = require('./annotations-helpers-6cf88388.js');
-const overlays = require('./overlays-24592dac.js');
+const overlays = require('./overlays-948ffdb5.js');
 require('./lodash-72d493b9.js');
-require('./index-50ff0b20.js');
+require('./index-e55cdc16.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const kpiCss = ":host{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;min-height:0}:host .photo-container{position:relative;width:100%;height:100%}:host .empty-state{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;height:100%}:host .empty-state yoo-empty-state{height:6.25rem}:host .empty-state div{color:var(--text-color-80, rgba(128, 127, 131, 0.8));font-size:var(--font-size-16, 1rem)}";

package/dist/cjs/yoo-layout-sections.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-819e2530.js');
-require('./index-af910eb5.js');
-const overlays = require('./overlays-24592dac.js');
+const index = require('./index-5ecafe7a.js');
+require('./index-671a4905.js');
+const overlays = require('./overlays-948ffdb5.js');
 require('./lodash-72d493b9.js');
-require('./index-50ff0b20.js');
+require('./index-e55cdc16.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const layoutSectionsCss = ":host{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;padding:var(--spacing-16, 1rem);padding:0;overflow-y:auto;}.content::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}.content::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}.content::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}.content:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}.content:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}.content app-grid{-ms-flex:initial;flex:initial;height:10rem}.content .container{-ms-flex:1;flex:1;margin-bottom:var(--spacing-08, 0.5rem);padding:var(--spacing-16, 1rem);padding-top:0;background-color:var(--light, #ffffff)}.content .container.alternate{padding-top:var(--spacing-08, 0.5rem);padding-bottom:0;background-color:var(--stable-ultralight, #fafafa)}.content .container ::slotted(*){display:block;height:calc((100vh - 24rem) / 2)}.title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:var(--spacing-08, 0.5rem);font-weight:bold;font-size:var(--font-size-20, 1.25rem)}.title .flex{-ms-flex:1;flex:1}.title .see-all{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--app-color, #5a30f4);font-size:var(--font-size-14, 0.875rem);cursor:pointer}.title .see-all yoo-icon{margin-left:var(--spacing-08, 0.5rem)}:host(.bordered) .container{border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.small-font) .content .title{font-size:var(--font-size-14, 0.875rem)}:host(.two-rows) .content .container ::slotted(*){height:calc((100vh - 16rem) / 2)}:host(.single-row) .content .container ::slotted(*){height:calc(100vh - 20rem)}:host(.mobile) .content .container.alternate{-ms-flex:initial;flex:initial}:host(.mobile) .content .container ::slotted(*){height:inherit}";

package/dist/cjs/yoo-layout-tabs.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-819e2530.js');
-require('./index-af910eb5.js');
-const overlays = require('./overlays-24592dac.js');
+const index = require('./index-5ecafe7a.js');
+require('./index-671a4905.js');
+const overlays = require('./overlays-948ffdb5.js');
 require('./lodash-72d493b9.js');
-require('./index-50ff0b20.js');
+require('./index-e55cdc16.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const layoutTabsCss = ":host{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column}";

package/dist/cjs/yoo-layout-two-columns.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-819e2530.js');
-require('./index-af910eb5.js');
-const overlays = require('./overlays-24592dac.js');
+const index = require('./index-5ecafe7a.js');
+require('./index-671a4905.js');
+const overlays = require('./overlays-948ffdb5.js');
 require('./lodash-72d493b9.js');
-require('./index-50ff0b20.js');
+require('./index-e55cdc16.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const layoutTwoColumnsCss = ":host{position:absolute;top:0;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .body{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;padding-top:0.0625rem;overflow:hidden}:host .body .left-part{display:-ms-flexbox;display:flex;width:25rem;min-width:25rem;overflow:hidden}:host .body .right-part{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;overflow:hidden}:host .body .right-part ::slotted(*){display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;overflow:hidden}";

package/dist/cjs/yoo-lesson-detail-card.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-819e2530.js');
-require('./index-af910eb5.js');
-const overlays = require('./overlays-24592dac.js');
+const index = require('./index-5ecafe7a.js');
+require('./index-671a4905.js');
+const overlays = require('./overlays-948ffdb5.js');
 require('./lodash-72d493b9.js');
-require('./index-50ff0b20.js');
+require('./index-e55cdc16.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const lessonDetailCardCss = ":host .card-container .top-bar{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:var(--spacing-56, 3.5rem);padding:0 var(--spacing-16, 1rem)}:host .card-container .top-bar .header .heading{margin:0}:host .card-container .top-bar .header .subheader{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--stable);font-size:var(--font-size-12)}:host .card-container .top-bar .header .subheader yoo-icon{margin-right:var(--spacing-04, 0.25rem)}:host .card-container .top-bar .right-column{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}:host .card-container .top-bar .right-column .header-info{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;margin:0 var(--spacing-08, 0.5rem)}:host .card-container .top-bar .right-column .header-info yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host .card-container .top-bar .right-column .header-info p{font-size:var(--font-size-16)}:host .card-container .top-bar .right-column .tag-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin:0 var(--spacing-08, 0.5rem)}:host .card-container .top-bar .right-column .toggle-icon:hover{cursor:pointer}:host .card-container .content-container{max-height:18.75rem;overflow:hidden;-webkit-transition:max-height 200ms;transition:max-height 200ms}:host .card-container .content-container yoo-banner{--main-color:var(--warning-10, rgba(237, 110, 51, 0.1));width:95%;margin:var(--spacing-08, 0.5rem) auto;padding:var(--spacing-08, 0.5rem)}:host .card-container .content-container yoo-banner p{color:var(--dark, #000000)}:host .card-container .content-container .text{margin:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);font-size:var(--font-size-14, 0.875rem)}:host .card-container .content-container .footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:var(--spacing-56, 3.5rem);padding:0 var(--spacing-16, 1rem);border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .card-container .content-container .footer yoo-button{min-width:6rem}:host .card-container .content-container .footer .time-indicator{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start}:host .card-container .content-container .footer .time-indicator yoo-progress-bar{--svg-width:1.8rem;--svg-height:1.8rem;--progress-bar-color:var(--app-color, #5a30f4);--stroke-width-circle:2;padding:0 var(--spacing-08, 0.5rem)}:host .card-container .content-container .footer .time-indicator .time-text{font-size:var(--font-size-14, 0.875rem)}:host .card-container .content-container.hidden{max-height:0}:host([expanded]) .card-container{padding:var(--spacing-08, 0.5rem) 0}";

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

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-819e2530.js');
-require('./index-af910eb5.js');
+const index = require('./index-5ecafe7a.js');
+require('./index-671a4905.js');
 const lodash = require('./lodash-72d493b9.js');
-const commonHelpers = require('./common-helpers-25cc0c66.js');
-const overlays = require('./overlays-24592dac.js');
-require('./index-50ff0b20.js');
+const commonHelpers = require('./common-helpers-db846c21.js');
+const overlays = require('./overlays-948ffdb5.js');
+require('./index-e55cdc16.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const lessonDetailCss = ":host{display:block;height:100%}:host .lesson-detail{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}:host .lesson-detail .lesson-content hr{height:0.0625rem;margin-top:0;margin-bottom:0;background:var(--stable-alt, #d0d0d0);border:0}:host .lesson-detail .lesson-content yoo-banner{--main-color:var(--warning-10, rgba(237, 110, 51, 0.1));--close-icon-color:var(--light, #ffffff)}:host .lesson-detail .lesson-content yoo-banner p{margin-bottom:0;color:var(--dark, #000000)}:host .lesson-detail .lesson-content .menu{margin:0;padding-top:var(--spacing-16, 1rem);padding-bottom:var(--spacing-16, 1rem);list-style:none}:host .lesson-detail .lesson-content .menu .menu-item{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .lesson-detail .lesson-content .menu .menu-item:not(:last-child) .menu-content{margin-bottom:var(--spacing-24, 1.5rem)}:host .lesson-detail .lesson-content .menu .menu-item .menu-left{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}:host .lesson-detail .lesson-content .menu .menu-item .menu-left.with-dot{width:2rem;margin-left:0.0313rem}:host .lesson-detail .lesson-content .menu .menu-item .menu-left .menu-icon{z-index:2;width:1.875rem;height:1.875rem;text-align:center}:host .lesson-detail .lesson-content .menu .menu-item .menu-left .menu-icon.menu-dot{width:1rem;height:1rem}:host .lesson-detail .lesson-content .menu .menu-item .menu-left .menu-icon yoo-icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:1.875rem;height:1.875rem;padding:0;color:var(--light, #ffffff);font-size:var(--font-size-18, 1.125rem);line-height:1.875rem;background-color:var(--app-color, #5a30f4);border-radius:50%}:host .lesson-detail .lesson-content .menu .menu-item .menu-left .menu-icon yoo-icon.dark{background-color:var(--dark, #000000)}:host .lesson-detail .lesson-content .menu .menu-item .menu-left .menu-icon yoo-icon.info{background-color:var(--info, #d84c96)}:host .lesson-detail .lesson-content .menu .menu-item .menu-left .menu-icon yoo-icon.danger{background-color:var(--danger, #d44333)}:host .lesson-detail .lesson-content .menu .menu-item .menu-left .border{width:0.0625rem;height:100%;background-color:var(--stable-alt, #d0d0d0)}:host .lesson-detail .lesson-content .menu .menu-item .menu-left .border.border-pre{height:2.5rem}:host .lesson-detail .lesson-content .menu .menu-item .menu-left .border.border-pre.last{height:1rem}:host .lesson-detail .lesson-content .menu .menu-item .menu-left .border.dark{background-color:var(--dark, #000000)}:host .lesson-detail .lesson-content .menu .menu-item .menu-left .border.danger{background-color:var(--danger, #d44333)}:host .lesson-detail .lesson-content .menu .menu-item .menu-left .border.info{background-color:var(--info, #d84c96)}:host .lesson-detail .lesson-content .menu .menu-item .menu-right{width:100%;margin-left:var(--spacing-08, 0.5rem);overflow:hidden}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-title{font-weight:bold;line-height:1}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content{color:var(--text-color, #807f83)}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content.menu-chart{margin-bottom:0}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:2rem}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content span{margin-right:0.5rem}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content yoo-avatar{margin-right:0.3125rem}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content .font-medium{font-size:var(--font-size-14, 0.875rem)}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content .font-small{font-size:var(--font-size-12, 0.75rem)}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content .dark{color:var(--dark, #000000)}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content .success{color:var(--success, #3aa76d)}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content .danger{color:var(--danger, #d44333)}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content .text-color{color:var(--text-color, #807f83)}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content table{width:100%;table-layout:fixed}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content table td{overflow:hidden;text-overflow:ellipsis}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content .tags{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:4rem;color:var(--dark, #000000);font-size:var(--font-size-12, 0.75rem)}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content .tags yoo-tag{padding:var(--spacing-08, 0.5rem) 0}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content .tags .tag-title{text-align:center}:host .lesson-detail .lesson-content .menu .menu-item:last-child .menu-left .border{display:none}:host .lesson-detail .lesson-content .menu yoo-lesson-highscores:last-child{--display-border:none}:host .lesson-detail .heading-container .title{padding-top:var(--spacing-32, 2rem);padding-bottom:var(--spacing-16, 1rem);color:var(--dark, #000000);font-weight:bold;font-size:var(--font-size-28, 1.75rem);background:var(--stable-light-40, rgba(241, 241, 241, 0.4))}:host .lesson-detail .heading-container yoo-form-dynamic{display:block}:host(.mobile) hr{margin-right:var(--spacing-16, 1rem);margin-left:var(--spacing-16, 1rem)}:host(.mobile) yoo-ion-content>div{padding-top:var(--spacing-16, 1rem);padding-bottom:var(--spacing-16, 1rem)}:host(.mobile) .lesson-detail .lesson-content .warning-container{margin:var(--spacing-16, 1rem)}:host(.mobile) .lesson-detail .lesson-content .warning-container .content{display:block}:host(.mobile) .lesson-detail .lesson-content .warning-container .content p{font-size:var(--font-size-16, 1rem)}:host(.mobile) .lesson-detail .lesson-content .warning-container .content yoo-button{margin:0 0 0 -0.625rem}:host(.mobile) .menu,:host(.mobile) .title{padding-right:var(--spacing-16, 1rem);padding-left:var(--spacing-16, 1rem)}:host(.web) hr{margin-right:var(--spacing-64, 4rem);margin-left:var(--spacing-64, 4rem)}:host(.web) .menu,:host(.web) .title{padding-right:var(--spacing-64, 4rem);padding-left:var(--spacing-64, 4rem)}:host(.web) .lesson-footer{-ms-flex-pack:start;justify-content:flex-start;padding-right:1.875rem;padding-left:1.875rem;border-radius:8px;-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(.web) .lesson-footer yoo-button{margin-right:var(--spacing-08, 0.5rem)}";

package/dist/cjs/yoo-lesson-heading.cjs.entry.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-819e2530.js');
-require('./index-af910eb5.js');
+const index = require('./index-5ecafe7a.js');
+require('./index-671a4905.js');
 const lodash = require('./lodash-72d493b9.js');
-const commonHelpers = require('./common-helpers-25cc0c66.js');
-const overlays = require('./overlays-24592dac.js');
-require('./index-50ff0b20.js');
+const commonHelpers = require('./common-helpers-db846c21.js');
+const overlays = require('./overlays-948ffdb5.js');
+require('./index-e55cdc16.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const lessonHeadingCss = ":host{display:block}:host .heading-container{color:var(--dark, #000000)}:host .heading-container yoo-tag{margin-bottom:var(--spacing-08, 0.5rem)}:host .heading-container .lesson-order{color:var(--app-color, #5a30f4);font-size:var(--font-size-12, 0.75rem);line-height:normal;letter-spacing:0.0625rem;text-transform:uppercase}:host .heading-container .lesson-title{font-weight:bold;font-size:var(--font-size-28, 1.75rem)}:host .heading-container .lesson-date{margin-top:0.3125rem;color:var(--app-color, #5a30f4)}:host .heading-container .lesson-date .date-label{margin-right:0.5rem;color:var(--dark, #000000)}:host(.mobile) .heading-container{padding:0 var(--spacing-16, 1rem) var(--spacing-08, 0.5rem)}:host(.web){margin-top:var(--spacing-32, 2rem)}:host(.web) .heading-container{padding:0 var(--spacing-64, 4rem) var(--spacing-16, 1rem)}";

package/dist/cjs/yoo-lesson-highscores.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-819e2530.js');
-require('./index-af910eb5.js');
-const overlays = require('./overlays-24592dac.js');
+const index = require('./index-5ecafe7a.js');
+require('./index-671a4905.js');
+const overlays = require('./overlays-948ffdb5.js');
 require('./lodash-72d493b9.js');
-require('./index-50ff0b20.js');
+require('./index-e55cdc16.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const lessonHighscoresCss = ":host{--display-border:inherit}:host .menu-item{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .menu-item:not(:last-child) .menu-content{margin-bottom:var(--spacing-24, 1.5rem)}:host .menu-item .menu-left{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}:host .menu-item .menu-left.with-dot{width:2rem;margin-left:0.0313rem}:host .menu-item .menu-left .menu-icon{z-index:2;width:1.875rem;height:1.875rem;text-align:center}:host .menu-item .menu-left .menu-icon.menu-dot{width:1rem;height:1rem}:host .menu-item .menu-left .menu-icon yoo-icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:1.875rem;height:1.875rem;padding:0;color:var(--light, #ffffff);font-size:var(--font-size-18, 1.125rem);line-height:1.875rem;background-color:var(--app-color, #5a30f4);border-radius:50%}:host .menu-item .menu-left .menu-icon yoo-icon.dark{background-color:var(--dark, #000000)}:host .menu-item .menu-left .menu-icon yoo-icon.info{background-color:var(--info, #d84c96)}:host .menu-item .menu-left .menu-icon yoo-icon.danger{background-color:var(--danger, #d44333)}:host .menu-item .menu-left .border{width:0.0625rem;height:100%;background-color:var(--stable-alt, #d0d0d0)}:host .menu-item .menu-left .border.border-pre{height:2.5rem}:host .menu-item .menu-left .border.border-pre.last{height:1rem}:host .menu-item .menu-left .border.dark{background-color:var(--dark, #000000)}:host .menu-item .menu-left .border.danger{background-color:var(--danger, #d44333)}:host .menu-item .menu-left .border.info{background-color:var(--info, #d84c96)}:host .menu-item .menu-right{width:100%;margin-left:var(--spacing-08, 0.5rem);overflow:hidden}:host .menu-item .menu-right .menu-title{font-weight:bold;line-height:1}:host .menu-item .menu-right .menu-content{color:var(--text-color, #807f83)}:host .menu-item .menu-right .menu-content.menu-chart{margin-bottom:0}:host .menu-item .menu-right .menu-title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:2rem}:host .menu-item .menu-right .menu-content span{margin-right:0.5rem}:host .menu-item .menu-right .menu-content yoo-avatar{margin-right:0.3125rem}:host .menu-item .menu-right .menu-content .font-medium{font-size:var(--font-size-14, 0.875rem)}:host .menu-item .menu-right .menu-content .font-small{font-size:var(--font-size-12, 0.75rem)}:host .menu-item .menu-right .menu-content .dark{color:var(--dark, #000000)}:host .menu-item .menu-right .menu-content .success{color:var(--success, #3aa76d)}:host .menu-item .menu-right .menu-content .danger{color:var(--danger, #d44333)}:host .menu-item .menu-right .menu-content .text-color{color:var(--text-color, #807f83)}:host .menu-item .menu-right .menu-content table{width:100%;table-layout:fixed}:host .menu-item .menu-right .menu-content table td{overflow:hidden;text-overflow:ellipsis}:host .border{display:var(--display-border)}";

package/dist/cjs/yoo-lesson-question-result.cjs.entry.js

@@ -2,14 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-819e2530.js');
-require('./index-af910eb5.js');
+const index = require('./index-5ecafe7a.js');
+require('./index-671a4905.js');
 const lodash = require('./lodash-72d493b9.js');
-const overlays = require('./overlays-24592dac.js');
-require('./index-50ff0b20.js');
+const commonHelpers = require('./common-helpers-db846c21.js');
+const overlays = require('./overlays-948ffdb5.js');
+require('./index-e55cdc16.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
-const lessonQuestionResultCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;height:100%;background-color:var(--light, #ffffff)}:host yoo-navbar{background-color:var(--stable-light, #f1f1f1)}:host yoo-ion-scroll{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;width:100%}:host yoo-ion-scroll .result-title{margin:var(--spacing-08, 0.5rem) 0 var(--spacing-16, 1rem) 0;color:var(--app-color, #5a30f4);text-align:center}:host yoo-ion-scroll .result-text{margin:0 var(--spacing-64, 4rem);padding-bottom:var(--spacing-08, 0.5rem);color:var(--text-color, #807f83);line-height:1.5625rem;text-align:center}:host yoo-ion-scroll .result-explanation{margin:var(--spacing-08, 0.5rem) var(--spacing-64, 4rem);text-align:center}:host yoo-ion-scroll .result-explanation .explanation-value{color:var(--text-color, #807f83);line-height:1.5625rem}:host yoo-ion-scroll .result-explanation .explanation-title{padding-bottom:var(--spacing-08, 0.5rem);font-weight:bold}:host yoo-ion-scroll .separator{width:90%;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0)}:host yoo-ion-scroll .result-document{margin:var(--spacing-16, 1rem)}:host yoo-ion-scroll .result-document .document-title{padding-bottom:var(--spacing-08, 0.5rem);font-weight:bold;font-size:var(--font-size-16, 1rem);text-align:center}:host yoo-ion-scroll .result-tag{padding:var(--spacing-08, 0.5rem);text-align:center}:host yoo-ion-scroll .result-tag span{color:var(--dark, #000000);font-size:var(--font-size-16, 1rem)}:host yoo-ion-scroll .result-tag span.action{color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem);cursor:pointer}:host yoo-ion-scroll .result-tag .tag{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin:auto;font-size:var(--font-size-12, 0.75rem)}:host yoo-ion-scroll .result-tag .tag .tag-title{text-align:center}:host yoo-ion-scroll .result-tag .tags{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center}:host yoo-ion-scroll .result-tag .tags .badge-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin:var(--spacing-08, 0.5rem) 0;font-size:var(--font-size-12, 0.75rem)}:host yoo-ion-scroll .result-tag .tags .badge-container yoo-tag{padding:var(--spacing-04, 0.25rem);background:var(--light, #ffffff);border-radius:var(--spacing-40, 2.5rem)}:host yoo-ion-scroll .document-image{display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--spacing-16, 1rem);overflow:hidden;--border-radius:var(--border-radius-08, 0.5rem)}:host yoo-ion-scroll yoo-progress-recap,:host yoo-ion-scroll yoo-points-recap{display:block;width:calc(100% - 2rem);max-width:30rem;margin:0 auto;padding:var(--spacing-08, 0.5rem)}:host .wall{position:absolute;width:100%;height:16rem;background-image:-webkit-gradient(linear, left bottom, left top, from(var(--light, #ffffff)), to(var(--stable-light, #f1f1f1)));background-image:linear-gradient(to top, var(--light, #ffffff), var(--stable-light, #f1f1f1));mix-blend-mode:multiply}:host yoo-lottie{height:12.5rem}:host yoo-tag{display:block;margin:0 auto}:host main{width:100%;padding-top:calc(var(--safe-area-inset-top) + var(--spacing-32, 2rem))}:host .answers{padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem)}:host .answers .title{padding-bottom:var(--spacing-08, 0.5rem);font-size:var(--font-size-24, 1.5rem)}";
+const lessonQuestionResultCss = ":host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;height:100%;background-color:var(--light, #ffffff)}:host yoo-navbar{background-color:var(--stable-light, #f1f1f1)}:host yoo-ion-scroll{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;width:100%}:host yoo-ion-scroll yoo-points-recap,:host yoo-ion-scroll yoo-progress-recap,:host yoo-ion-scroll yoo-tag[color=success-20],:host yoo-ion-scroll [class^=result]{margin:0 auto;text-align:center}:host yoo-ion-scroll yoo-points-recap{padding-top:var(--spacing-32, 2rem)}:host yoo-ion-scroll .result-title{color:var(--app-color, #5a30f4)}:host yoo-ion-scroll .result-text{color:var(--text-color, #807f83)}:host yoo-ion-scroll .result-document{margin-top:var(--spacing-08, 0.5rem)}:host yoo-ion-scroll .explanation-value{color:var(--text-color, #807f83)}:host yoo-ion-scroll .explanation-title{font-weight:bold}:host yoo-ion-scroll .separator{width:90%;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0)}:host yoo-ion-scroll .document-title{font-weight:bold;font-size:var(--font-size-16, 1rem)}:host yoo-ion-scroll .result-tag span{color:var(--dark, #000000);font-size:var(--font-size-16, 1rem)}:host yoo-ion-scroll .result-tag span.action{color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem);cursor:pointer}:host yoo-ion-scroll .result-tag .tag{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin:auto;font-size:var(--font-size-12, 0.75rem)}:host yoo-ion-scroll .result-tag .tag .tag-title{text-align:center}:host yoo-ion-scroll .result-tag .tags{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center}:host yoo-ion-scroll .result-tag .tags .badge-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin:var(--spacing-08, 0.5rem) 0;font-size:var(--font-size-12, 0.75rem)}:host yoo-ion-scroll .result-tag .tags .badge-container yoo-tag{padding:var(--spacing-04, 0.25rem);background:var(--light, #ffffff);border-radius:var(--spacing-40, 2.5rem)}:host yoo-ion-scroll .document-image{display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;--border-radius:var(--border-radius-08, 0.5rem)}:host yoo-ion-scroll yoo-progress-recap,:host yoo-ion-scroll yoo-points-recap{display:block;max-width:30rem}:host .wall{position:absolute;width:100%;height:16rem;background-image:-webkit-gradient(linear, left bottom, left top, from(var(--light, #ffffff)), to(var(--stable-light, #f1f1f1)));background-image:linear-gradient(to top, var(--light, #ffffff), var(--stable-light, #f1f1f1));mix-blend-mode:multiply}:host yoo-lottie{height:12.5rem}:host yoo-tag{display:block}:host main{gap:var(--spacing-08, 0.5rem);-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;padding:var(--spacing-16, 1rem)}:host main>*{padding:var(--spacing-04, 0.25rem) 0}:host .answers{padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem)}:host .answers .title{padding-bottom:var(--spacing-08, 0.5rem);font-size:var(--font-size-24, 1.5rem)}:host(.web) yoo-ion-scroll{height:calc(100% - 3.5rem)}:host(.web) yoo-form-footer{position:absolute;right:0;bottom:0}:host(.mobile) yoo-ion-scroll{height:calc(100% - 5.75rem)}:host(.mobile) main{margin-top:var(--safe-area-inset-top)}:host(.mobile) main>*{text-align:center}";
 
 const YooLessonQuestionResultComponent = class {
   constructor(hostRef) {
@@ -27,6 +28,7 @@ const YooLessonQuestionResultComponent = class {
   }
   onReplayAnimation() {
     if (this.isAnimationFinished) {
+      this.isAnimationFinished = false;
       this.lottieEl.stop();
       this.lottieEl.play();
     }
@@ -170,25 +172,19 @@ const YooLessonQuestionResultComponent = class {
     const customColor = this.validated ? badge.color : overlays.getCssColor('stable');
     return (index.h("div", { class: "result-tag" }, index.h("span", null, overlays.translate(this.validated ? 'NEW_BADGE_COLLECTED' : 'BADGELOCKED')), index.h("div", { class: "tag" }, index.h("yoo-tag", { size: "extra-large", icon: icon, customColor: customColor }), index.h("div", { class: "tag-title" }, overlays.translateMulti(badge === null || badge === void 0 ? void 0 : badge.title)))));
   }
-  renderHeader() {
-    return (index.h("yoo-navbar", { class: "transparent" }, index.h("yoo-items", { slot: "start" }, index.h("yoo-button", { color: "text-color", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.closeCourseResultModal() }, index.h("yoo-icon", { name: "close", color: "text-color" })))));
-  }
   renderQuestionDocument() {
-    const isImageDocument = overlays.isImage(this.explanationDocument);
     const src = this.explanationDocument._downloadURL;
-    if (isImageDocument && src) {
-      return index.h("yoo-img", { class: "document-image", src: src, ignoreHeight: true, ignoreWidth: true });
-    }
-    else {
-      return (index.h("div", { class: "result-document" }, this.explanationDocument && index.h("div", { class: "document-title" }, overlays.translate('READOURDOCUMENT')), this.explanationDocument && index.h("yoo-form-document", { showActionSheet: overlays.isNativeMobile() && overlays.isPdf(this.explanationDocument), document: this.explanationDocument })));
-    }
+    return overlays.isImage(this.explanationDocument) && src ?
+      index.h("yoo-img", { class: "document-image", src: src, ignoreHeight: true, ignoreWidth: true }) :
+      index.h("div", { class: "result-document" }, this.explanationDocument && index.h("div", { class: "document-title" }, overlays.translate('READOURDOCUMENT')), this.explanationDocument && index.h("yoo-form-document", { showActionSheet: overlays.isNativeMobile() && overlays.isPdf(this.explanationDocument), document: this.explanationDocument }));
   }
   renderQuestionResult() {
     return [
-      index.h("h2", { class: "result-title" }, overlays.translate(this.title)),
+      this.renderResultTitle(),
       this.confidenceLevel ? this.renderPointsRecapForConfidenceQuestion() : lodash.isNumber(this.points) && this.renderPointsRecapForQuestion(),
       this.questionExplanation && [
-        index.h("div", { class: "result-explanation" }, index.h("div", { class: "explanation-title" }, overlays.translateMulti('EXPLANATION')), index.h("yoo-markdown", { ref: (el) => (this.markdownDiv = el), class: "explanation-value", content: overlays.translateMulti(this.questionExplanation) })),
+        index.h("div", { class: "explanation-title" }, overlays.translateMulti('EXPLANATION')),
+        index.h("yoo-markdown", { ref: (el) => (this.markdownDiv = el), class: "explanation-value", content: overlays.translateMulti(this.questionExplanation) }),
         this.explanationDocument && index.h("div", { class: "separator" })
       ],
       this.explanationDocument && this.renderQuestionDocument()
@@ -199,7 +195,7 @@ const YooLessonQuestionResultComponent = class {
     if (this.points) {
       tagText += `/${this.points} `;
     }
-    return (index.h("yoo-tag", { size: "medium", color: "success-20" }, index.h("yoo-icon", { slot: "start", size: "small", name: "star", color: "success" }), tagText));
+    return index.h("yoo-tag", { size: "medium", color: "success-20" }, index.h("yoo-icon", { slot: "start", size: "small", name: "star", color: "success" }), tagText);
   }
   renderPointsRecapForQuestion() {
     return index.h("yoo-points-recap", { heading: overlays.translate('TOTALPOINTSEARNED'), totalPoints: Math.round(this.earnedPoints) });
@@ -246,36 +242,49 @@ const YooLessonQuestionResultComponent = class {
     const max = (_a = this.fields) === null || _a === void 0 ? void 0 : _a.length;
     return (index.h("yoo-progress-recap", { heading: "CORRECTANSWERS", min: min, max: max, progress: progress, tooltip: overlays.translate(this.validated ? 'NUMBEROFCORRECTANSWERSWHENVALID' : 'NUMBEROFCORRECTANSWERSWHENINVALID', { smart_count: progress, min, max }) }));
   }
-  renderCourseTopBadges(badges) {
+  renderCourseTopBadges() {
+    var _a;
+    const badges = (_a = this.lessons) === null || _a === void 0 ? void 0 : _a.map((l) => l.badge).filter(Boolean);
     const topBadges = badges === null || badges === void 0 ? void 0 : badges.slice(0, 3);
-    return ((topBadges === null || topBadges === void 0 ? void 0 : topBadges.length) > 0 && (index.h("div", { class: "result-tag" }, index.h("span", null, overlays.translate('NEWBADGESCOLLECTED', { smart_count: badges.length })), index.h("div", { class: "tags" }, index.h("yoo-img", { src: index.getAssetPath('./assets/bubbles/left-bubbles.svg'), svgOptions: { afterLoad: (_, svgString) => overlays.updateSVGCustomColors(svgString) } }), topBadges === null || topBadges === void 0 ? void 0 :
-      topBadges.map((badge, index$1) => (index.h("div", { class: "badge-container", style: { zIndex: `${topBadges.length - index$1}` } }, index.h("yoo-tag", { size: "extra-large", icon: badge === null || badge === void 0 ? void 0 : badge.icon, customColor: badge === null || badge === void 0 ? void 0 : badge.color })))), index.h("yoo-img", { src: index.getAssetPath('./assets/bubbles/right-bubbles.svg'), svgOptions: { afterLoad: (_, svgString) => overlays.updateSVGCustomColors(svgString) } })), index.h("span", { class: "action", onClick: () => this.onSeeAllBadges() }, overlays.translate('YOOBICSEEALL')))));
+    return !!(topBadges === null || topBadges === void 0 ? void 0 : topBadges.length) && (index.h("div", { class: "result-tag" }, index.h("span", null, overlays.translate('NEWBADGESCOLLECTED', { smart_count: badges.length })), index.h("div", { class: "tags" }, index.h("yoo-img", { src: index.getAssetPath('./assets/bubbles/left-bubbles.svg'), svgOptions: { afterLoad: (_, svgString) => overlays.updateSVGCustomColors(svgString) } }), topBadges === null || topBadges === void 0 ? void 0 :
+      topBadges.map((badge, index$1) => (index.h("div", { class: "badge-container", style: { zIndex: `${topBadges.length - index$1}` } }, index.h("yoo-tag", { size: "extra-large", icon: badge === null || badge === void 0 ? void 0 : badge.icon, customColor: badge === null || badge === void 0 ? void 0 : badge.color })))), index.h("yoo-img", { src: index.getAssetPath('./assets/bubbles/right-bubbles.svg'), svgOptions: { afterLoad: (_, svgString) => overlays.updateSVGCustomColors(svgString) } })), index.h("span", { class: "action", onClick: () => this.onSeeAllBadges() }, overlays.translate('YOOBICSEEALL'))));
   }
   renderLessonResult() {
     return [
-      index.h("h2", { class: "result-title" }, overlays.translate(this.title)),
-      index.h("div", { class: "result-text" }, overlays.translate(this.text, { title: overlays.translateMulti(this.lessonTitle) })),
+      this.renderResultTitle(),
+      this.renderResultContent(),
       overlays.isQuiz(this.lessonType) && this.resultType !== 'timeout' && this.renderProgressBarLessonRecap(),
       this.earnedBadge && this.renderLessonBadge(this.earnedBadge),
       this.resultType !== 'timeout' && lodash.isNumber(this.points) && this.renderPointsRecapForLessonOrCourse(),
       this.showAnswers && (index.h("div", { class: "answers" }, index.h("div", { class: "title" }, overlays.translate('ANSWERS')), index.h("yoo-form-dynamic", { formType: "lesson-question-result", scrollable: false, forceReadonly: true, slides: this.slides, data: this.lessonData, isAnimationFinished: this.isAnimationFinished, suffix: ".value", showTabs: false, showRecap: true })))
     ];
   }
+  renderResultTitle() {
+    return index.h("h2", { class: "result-title" }, overlays.translate(this.title));
+  }
+  renderResultContent() {
+    return index.h("div", { class: "result-text" }, overlays.translate(this.text, { title: overlays.translateMulti(this.lessonTitle) }));
+  }
   renderCourseResult() {
-    var _a;
     return [
       this.renderCourseScore(),
-      index.h("h2", { class: "result-title" }, overlays.translate(this.title)),
-      index.h("div", { class: "result-text" }, overlays.translate(this.text, { title: overlays.translateMulti(this.lessonTitle) })),
-      this.renderCourseTopBadges((_a = this.lessons) === null || _a === void 0 ? void 0 : _a.map((l) => l.badge).filter(Boolean)),
+      this.renderResultTitle(),
+      this.renderResultContent(),
+      this.renderCourseTopBadges(),
       this.renderPointsRecapForLessonOrCourse()
     ];
   }
+  renderHeader() {
+    return this.showHeader && (index.h("yoo-navbar", { class: "transparent" }, index.h("yoo-items", { slot: "start" }, index.h("yoo-button", { color: "text-color", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.closeCourseResultModal() }, index.h("yoo-icon", { name: "close", color: "text-color" })))));
+  }
+  renderContent() {
+    return index.h("yoo-ion-scroll", { class: "relative", forceOverscroll: false }, index.h("div", { class: "wall" }), index.h("main", null, index.h("yoo-lottie", { autoplay: this.autoPlayAnimation, ref: (el) => (this.lottieEl = el), type: this.lottieType }), this.resultType === 'question' ? this.renderQuestionResult() : this.resultType === 'course' ? this.renderCourseResult() : this.renderLessonResult()));
+  }
   renderFooter() {
     return index.h("yoo-form-footer", { class: "relative", buttons: this.footerActions, forceMobile: this.forceMobile });
   }
   render() {
-    return (index.h(index.Host, { class: this.resultType }, this.showHeader && this.renderHeader(), index.h("yoo-ion-scroll", { class: "relative", forceOverscroll: false }, index.h("div", { class: "wall" }), index.h("main", null, index.h("yoo-lottie", { autoplay: this.autoPlayAnimation, ref: (el) => (this.lottieEl = el), type: this.lottieType }), this.resultType === 'question' ? this.renderQuestionResult() : this.resultType === 'course' ? this.renderCourseResult() : this.renderLessonResult())), this.renderFooter()));
+    return (index.h(index.Host, { class: commonHelpers.getAppContext(this) }, this.renderHeader(), this.renderContent(), this.renderFooter()));
   }
   static get assetsDirs() { return ["assets/bubbles"]; }
   get host() { return index.getElement(this); }

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-819e2530.js');
-const index$1 = require('./index-50ff0b20.js');
+const index = require('./index-5ecafe7a.js');
+const index$1 = require('./index-e55cdc16.js');
 
 const lineStateCss = ":host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;width:1.25rem;padding:0 var(--spacing-16, 1rem)}:host .line{width:1px;background-color:var(--app-color, #5a30f4)}:host .line.top{min-height:var(--spacing-08, 0.5rem)}:host .line.bottom{height:100%}:host .icon-gap{min-height:var(--spacing-24, 1.5rem)}:host yoo-icon{position:absolute;top:var(--spacing-08, 0.5rem)}:host([state=regular]) .line.top,:host([state=finished]) .line.top{min-height:0.625rem}:host([state=regular]) .icon-gap,:host([state=finished]) .icon-gap{min-height:1.188rem}:host(.mobile) .line{width:2px}";
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-819e2530.js');
+const index = require('./index-5ecafe7a.js');
 
 const linkCss = ":host{color:var(--app-color, #5a30f4);fill:var(--app-color, #5a30f4)}:host a{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;color:inherit;text-decoration:none}:host a:hover #text{text-decoration:underline}:host ::slotted([slot=start]){margin-right:var(--spacing-04, 0.25rem);vertical-align:text-bottom;fill:inherit}:host(.light){color:var(--light, #ffffff);fill:var(--light, #ffffff)}:host(.light) a #text{text-decoration:underline}:host([disabled]){color:var(--text-color, #807f83);cursor:not-allowed;opacity:0.6;fill:var(--text-color, #807f83)}:host([disabled]) a{pointer-events:none}:host([size=small]){font-size:var(--font-size-12, 0.75rem)}:host([size=medium]){font-size:var(--font-size-14, 0.875rem)}:host([size=large]){font-size:var(--font-size-18, 1.125rem)}:host([size=large]) ::slotted([slot=start]){margin-right:var(--spacing-08, 0.5rem)}";
 

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-819e2530.js');
-require('./index-af910eb5.js');
-const overlays = require('./overlays-24592dac.js');
+const index = require('./index-5ecafe7a.js');
+require('./index-671a4905.js');
+const overlays = require('./overlays-948ffdb5.js');
 require('./lodash-72d493b9.js');
-require('./index-50ff0b20.js');
+require('./index-e55cdc16.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const linksMenuCss = ":host{display:block}:host .links-menu{margin:0;padding:0;font-size:100%;vertical-align:baseline;list-style:none outside none;background:none repeat scroll 0 0 transparent;border:0 none;outline:0 none;-webkit-tap-highlight-color:transparent;margin:0;padding:0;list-style:none;cursor:pointer}:host .links-menu .links-menu-item{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:auto;min-height:var(--spacing-48, 3rem);padding:0 var(--spacing-16, 1rem);font-weight:var(--font-weight-400, 400);line-height:var(--font-size-36, 2.25rem);cursor:pointer}:host .links-menu .links-menu-item>div{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .links-menu .links-menu-item>div yoo-badge{margin-left:var(--spacing-08, 0.5rem)}:host .links-menu .links-menu-item yoo-icon:not([name=right]){margin-right:var(--spacing-16, 1rem)}:host .links-menu .links-menu-item .end-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .links-menu .links-menu-item .end-container .subtitle-container{padding-right:var(--spacing-08, 0.5rem)}:host .links-menu .links-menu-item.active{color:var(--app-color, #5a30f4);background:var(--stable-alt-10, rgba(208, 208, 208, 0.1))}:host .links-menu .links-menu-item.active yoo-icon{fill:var(--app-color, #5a30f4)}:host .links-menu .help-container{margin:0 var(--spacing-16, 1rem);padding:var(--spacing-08, 0.5rem) 0;color:var(--stable, #adadad);font-size:var(--font-size-12, 0.75rem);border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .links-menu.web .links-menu-item{font-weight:unset;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}";