@yoobic/yobi 8.6.0-3 → 8.6.0-5

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

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
-require('./index-5eb4c510.js');
-const commonHelpers = require('./common-helpers-859d4168.js');
-const index$1 = require('./index-4cc44897.js');
+const index = require('./index-c30696a0.js');
+require('./index-3b76ec77.js');
+const commonHelpers = require('./common-helpers-33e0d0b1.js');
+const index$1 = require('./index-65831a5f.js');
 require('./lodash-a9050d79.js');
-require('./index-d5115bb4.js');
+require('./index-1abca896.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const webMenuCss = "svg.sc-yoo-web-menu:not(:root){overflow:hidden}.sc-yoo-web-menu-h{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--light, #ffffff);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}.sc-yoo-web-menu-h .container.sc-yoo-web-menu{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;color:var(--text-color, #807f83);font-size:var(--font-size-18, 1.125rem)}.sc-yoo-web-menu-h .container.left.sc-yoo-web-menu{-ms-flex-pack:start;justify-content:flex-start;margin-left:var(--spacing-16, 1rem)}.sc-yoo-web-menu-h .container.right.sc-yoo-web-menu{-ms-flex-pack:end;justify-content:flex-end;margin-right:var(--spacing-16, 1rem)}.sc-yoo-web-menu-h .menu-container.sc-yoo-web-menu{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:3rem}.sc-yoo-web-menu-h .menu-container.sc-yoo-web-menu .menu-logo.sc-yoo-web-menu{padding-right:var(--spacing-08, 0.5rem);padding-left:var(--spacing-08, 0.5rem)}.sc-yoo-web-menu-h .menu-container.sc-yoo-web-menu .menu-logo.sc-yoo-web-menu .image.sc-yoo-web-menu{width:1.875rem;height:1.875rem}.sc-yoo-web-menu-h .menu-container.sc-yoo-web-menu .menu-items.sc-yoo-web-menu{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%}.sc-yoo-web-menu-h .menu-container.sc-yoo-web-menu .menu-items.sc-yoo-web-menu .item-container.sc-yoo-web-menu{position:relative;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;padding:0 var(--spacing-08, 0.5rem)}.sc-yoo-web-menu-h .menu-container.sc-yoo-web-menu .menu-items.sc-yoo-web-menu .item-container.sc-yoo-web-menu .avatar-container.sc-yoo-web-menu{border:2px solid var(--light, #ffffff)}.sc-yoo-web-menu-h .menu-container.sc-yoo-web-menu .menu-items.sc-yoo-web-menu .item-container.sc-yoo-web-menu .menu-item.sc-yoo-web-menu{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.sc-yoo-web-menu-h .menu-container.sc-yoo-web-menu .menu-items.sc-yoo-web-menu .item-container.sc-yoo-web-menu .menu-item.sc-yoo-web-menu .label.sc-yoo-web-menu{font-size:var(--font-size-14, 0.875rem);white-space:nowrap}.sc-yoo-web-menu-h .menu-container.sc-yoo-web-menu .menu-items.sc-yoo-web-menu .item-container.sc-yoo-web-menu .menu-item.sc-yoo-web-menu .label.has-icon.sc-yoo-web-menu{margin-left:var(--spacing-08, 0.5rem)}.sc-yoo-web-menu-h .menu-container.sc-yoo-web-menu .menu-items.sc-yoo-web-menu .item-container.sc-yoo-web-menu .menu-item.sc-yoo-web-menu yoo-icon.arrow.sc-yoo-web-menu{margin-left:var(--spacing-08, 0.5rem)}.sc-yoo-web-menu-h .menu-container.sc-yoo-web-menu .menu-items.sc-yoo-web-menu .item-container.sc-yoo-web-menu yoo-badge.sc-yoo-web-menu{position:absolute;top:0;right:0;margin-right:var(--spacing-04, 0.25rem)}.sc-yoo-web-menu-h .menu-container.sc-yoo-web-menu .menu-items.sc-yoo-web-menu .item-container.plus.sc-yoo-web-menu{color:var(--app-color, #5a30f4);font-size:var(--font-size-24, 1.5rem)}.sc-yoo-web-menu-h .selected.sc-yoo-web-menu{color:var(--app-color, #5a30f4)}.sc-yoo-web-menu-h .selected-profile.sc-yoo-web-menu .avatar-container.sc-yoo-web-menu{border:2px solid var(--app-color, #5a30f4) !important;border-radius:50%}";
@@ -17,6 +17,10 @@ const YooWebMenuComponent = class {
     index.registerInstance(this, hostRef);
     this.itemClicked = index.createEvent(this, "itemClicked", 7);
     this.previewIconMoved = index.createEvent(this, "previewIconMoved", 7);
+    this.leftEntry = undefined;
+    this.rightEntry = undefined;
+    this.activePage = undefined;
+    this.activePreviewPage = undefined;
   }
   activePageChange(activePage) {
     this.activePreviewPage = undefined;

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
-require('./index-5eb4c510.js');
-const index$1 = require('./index-4cc44897.js');
+const index = require('./index-c30696a0.js');
+require('./index-3b76ec77.js');
+const index$1 = require('./index-65831a5f.js');
 require('./lodash-a9050d79.js');
-require('./index-d5115bb4.js');
+require('./index-1abca896.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const webcamCss = "svg:not(:root){overflow:hidden}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host p{margin:0;text-align:center}";
@@ -18,8 +18,12 @@ const YooWebcamComponent = class {
     this.errored = index.createEvent(this, "errored", 7);
     this.loaded = index.createEvent(this, "loaded", 7);
     var _a;
-    this.pending = true;
     this.supported = !!((_a = navigator === null || navigator === void 0 ? void 0 : navigator.mediaDevices) === null || _a === void 0 ? void 0 : _a.getUserMedia);
+    this.audio = undefined;
+    this.video = undefined;
+    this.error = undefined;
+    this.pending = true;
+    this.src = undefined;
   }
   async componentDidLoad() {
     if (this.supported) {

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

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
-require('./index-5eb4c510.js');
-const commonHelpers = require('./common-helpers-859d4168.js');
-const index$1 = require('./index-4cc44897.js');
+const index = require('./index-c30696a0.js');
+require('./index-3b76ec77.js');
+const commonHelpers = require('./common-helpers-33e0d0b1.js');
+const index$1 = require('./index-65831a5f.js');
 require('./lodash-a9050d79.js');
-require('./index-d5115bb4.js');
+require('./index-1abca896.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const welcomeBannerCss = "svg:not(:root){overflow:hidden}:host{--text-font:var(--font-size-20, 1.25rem);--sub-text-font:var(--font-size-16, 1rem)}:host .container{padding:0.5rem 1rem}:host .container .text{font-size:var(--text-font);-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .container .sub-text{color:var(--stable, #adadad);font-size:var(--sub-text-font);-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.padding) .container{padding:2.4rem 1rem 0.4rem 1rem}:host(.padding) .container .text{font-size:var(--font-size-28, 1.75rem)}:host(.web){--text-font:var(--font-size-18, 1.125rem)}:host(.web) .container .text{font-weight:normal}:host(.more-points) .container .text{font-size:var(--font-size-28, 1.75rem)}:host(.more-points) .container .sub-text{font-weight:var(--font-weight-400, 400)}";
@@ -15,7 +15,9 @@ const welcomeBannerCss = "svg:not(:root){overflow:hidden}:host{--text-font:var(-
 const YooWelcomeBannerComponent = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.user = undefined;
     this.mainText = '';
+    this.subText = undefined;
   }
   render() {
     return index.h(index.Host, { class: { ...commonHelpers.getAppContext(this.host) } }, index.h("div", { class: "container" }, index.h("h1", { class: "text" }, this.user

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
-require('./index-5eb4c510.js');
+const index = require('./index-c30696a0.js');
+require('./index-3b76ec77.js');
 const lodash = require('./lodash-a9050d79.js');
-const index$1 = require('./index-4cc44897.js');
-require('./index-d5115bb4.js');
+const index$1 = require('./index-65831a5f.js');
+require('./index-1abca896.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const widgetChartCss = "svg:not(:root){overflow:hidden}:host{--value-font-size:var(--font-size-54, 3.375rem);--grid-template-columns:1fr 2fr;display:block;height:100%}:host .outer-container{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;min-height:22rem;max-height:25rem;padding:var(--spacing-16, 1rem);background:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem)}:host .outer-container .left-column{width:20rem;border-right:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container .left-column .items-container{padding-top:var(--spacing-24, 1.5rem)}:host .outer-container .left-column .items-container .item{margin-bottom:var(--spacing-16, 1rem)}:host .outer-container .left-column .items-container .item yoo-tag{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .right-column{position:relative;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;padding-left:var(--spacing-24, 1.5rem)}:host .outer-container .right-column yoo-form-autocomplete{position:absolute;top:0;right:0;z-index:10;display:block;width:100px;background:var(--light, #ffffff)}:host .outer-container .right-column .chart{position:relative;-ms-flex:1;flex:1}:host .outer-container .right-column .chart yoo-chart{position:absolute;top:0;right:0;bottom:0;left:0}:host .outer-container .title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}:host .outer-container .title .header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-weight:var(--font-weight-900, 900);font-size:var(--font-size-16, 1rem)}:host .outer-container .title .header.isWidget{overflow:hidden;white-space:nowrap;cursor:pointer}:host .outer-container .title .header.isWidget .text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .outer-container .title .widget-opts{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .outer-container .title .widget-opts>*{cursor:pointer}:host .outer-container .title .widget-opts span{color:var(--app-color, #5a30f4);white-space:nowrap;text-transform:none}:host .outer-container .title yoo-icon{margin-left:var(--spacing-08, 0.5rem)}:host .outer-container .value-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;margin-right:var(--spacing-24, 1.5rem);padding-bottom:var(--spacing-08, 0.5rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container .value-container .value{margin-right:var(--spacing-24, 1.5rem);font-weight:bold;font-size:var(--value-font-size)}:host .outer-container .value-container .progress-container .progress{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--success, #3aa76d);font-size:var(--font-size-14, 0.875rem);white-space:nowrap}:host .outer-container .value-container .progress-container .progress yoo-icon{margin-right:var(--spacing-04, 0.25rem)}:host .outer-container .value-container .progress-container .progress.negative{color:var(--danger, #d44333)}:host .outer-container .value-container .progress-container .description{font-size:var(--font-size-12, 0.75rem)}:host .quickactions{padding-top:var(--spacing-08, 0.5rem);padding-bottom:var(--spacing-16, 1rem)}:host(:not([is-widget])) .outer-container{-webkit-box-shadow:var(--web-kpi-shadow, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--web-kpi-shadow, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host(.small) .left-column,:host(.medium) .left-column{width:unset;border:none}:host(.small) .outer-container,:host(.medium) .outer-container{-ms-flex-pack:justify;justify-content:space-between;min-height:unset;max-height:unset}:host(.small) .progress-container,:host(.medium) .progress-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%}:host(.small) .value,:host(.medium) .value{margin:0 !important}:host(.small) .value-container,:host(.medium) .value-container{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start;margin:0 !important;padding:0 !important;border:none}:host(.small) .outer-container{-ms-flex-direction:column;flex-direction:column}:host(.medium) .outer-container{display:grid;grid-template-columns:var(--grid-template-columns)}:host(.medium) .title{grid-column:1/-1}:host(.medium) .value{-ms-flex-item-align:center;align-self:center}:host(.large) .outer-container{height:100%;min-height:initial;max-height:initial;padding:var(--spacing-16, 1rem) 0 0}:host(.large) .outer-container .right-column{padding-left:0;overflow:hidden}:host(.large) .outer-container .right-column .title{padding:0 var(--spacing-16, 1rem) var(--spacing-08, 0.5rem)}:host(.large) .outer-container .right-column .title .header{padding-right:var(--spacing-16, 1rem);overflow:hidden;white-space:nowrap}:host(.large) .outer-container .right-column .title .header .text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.large) .outer-container .right-column .value-container{margin-right:0;margin-bottom:0;padding:0 var(--spacing-16, 1rem);background:var(--light, #ffffff);border-bottom:none}:host(.large) .outer-container .right-column .chart{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden}:host(.large) .outer-container .right-column .chart yoo-chart{position:initial;-ms-flex:1;flex:1}:host(.rtl) .outer-container .value-container .value{margin-right:0;margin-left:var(--spacing-24, 1.5rem)}";
@@ -18,6 +18,14 @@ const YooWidgetChartComponent = class {
     this.widgetEdited = index.createEvent(this, "widgetEdited", 7);
     this.seeAllClicked = index.createEvent(this, "seeAllClicked", 7);
     this.size = 'extra-large';
+    this.header = undefined;
+    this.help = undefined;
+    this.dataPeriodText = undefined;
+    this.data = undefined;
+    this.sort = undefined;
+    this.chartConfig = undefined;
+    this.isWidget = undefined;
+    this.isHome = undefined;
   }
   get chartOptions() {
     const options = { ...(this.chartConfig || {}) };

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
-require('./index-5eb4c510.js');
-const index$1 = require('./index-4cc44897.js');
+const index = require('./index-c30696a0.js');
+require('./index-3b76ec77.js');
+const index$1 = require('./index-65831a5f.js');
 require('./lodash-a9050d79.js');
-require('./index-d5115bb4.js');
+require('./index-1abca896.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const widgetSmallSizeCss = "svg:not(:root){overflow:hidden}:host{--end-grid-gap:var(--spacing-08, 0.5rem);--end-content-color:var(--dark, #000000);--end-content-font-size:var(--font-size-48, 3rem);--end-content-font-weight:var(--font-weight-900, 900);--end-sub-content-color:var(--dark, #000000);--end-sub-content-font-size:var(--font-size-14, 0.875rem);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:100%;padding:var(--spacing-16, 1rem)}:host .title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}:host .title span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-ms-flex-positive:1;flex-grow:1;color:var(--dark, #000000);font-weight:var(--font-weight-900, 900);font-size:var(--font-size-16, 1rem)}:host .title yoo-icon{cursor:pointer}:host ::slotted(.centered){display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .end{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;grid-gap:var(--end-grid-gap);overflow:hidden}:host .end ::slotted([slot=end-content]){color:var(--end-content-color);font-weight:var(--end-content-font-weight);font-size:var(--end-content-font-size);line-height:var(--end-content-font-size)}:host .end ::slotted([slot=end-sub-content]){color:var(--end-sub-content-color);font-size:var(--end-sub-content-font-size)}";
@@ -15,6 +15,8 @@ const YooWidgetSmallSizeComponent = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.widgetEdited = index.createEvent(this, "widgetEdited", 7);
+    this.name = undefined;
+    this.isHome = undefined;
   }
   onWidgetEdit(ev) {
     ev.stopPropagation();

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
-require('./index-5eb4c510.js');
+const index = require('./index-c30696a0.js');
+require('./index-3b76ec77.js');
 const lodash = require('./lodash-a9050d79.js');
-const index$1 = require('./index-4cc44897.js');
-require('./index-d5115bb4.js');
+const index$1 = require('./index-65831a5f.js');
+require('./index-1abca896.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const widgetTabCss = "svg:not(:root){overflow:hidden}:host p{margin:0;margin-block:0;font-weight:var(--font-weight-700, 700);font-size:var(--font-size-14, 0.875rem);text-align:center}:host yoo-progress-bar{--svg-fill:none;--progress-value-font-weight:var(--font-weight-900, 900);--progress-value-font-size:var(--font-size-36, 2.25rem);-ms-flex-item-align:center;align-self:center;width:6rem;margin:var(--spacing-08, 0.5rem)}:host yoo-progress-bar.has-status{--progress-bar-color:var(--light, #ffffff);--trail-bar-color:var(--light-20, rgba(255, 255, 255, 0.2));--progress-value-color:var(--light, #ffffff)}:host yoo-progress-bar:not(.has-status){--progress-bar-color:var(--app-color, #5a30f4);--trail-bar-color:var(--app-color-20, rgba(90, 48, 244, 0.2));--progress-value-color:var(--app-color, #5a30f4)}:host yoo-progress-bar:not([metric=percentage]){--progress-value-font-size:var(--font-size-54, 3.375rem);--progress-bar-display:none;--trail-bar-display:none}:host yoo-tooltip{position:absolute;top:var(--spacing-08, 0.5rem);right:var(--spacing-08, 0.5rem)}:host .value{padding:var(--spacing-16, 1rem);font-weight:bold;font-size:var(--font-size-36, 2.25rem);text-align:center}:host .arrow-container{z-index:1;display:-ms-flexbox;display:flex;width:0;height:0;margin:var(--spacing-08, 0.5rem) auto 0;padding-top:var(--spacing-04, 0.25rem);border-right:0.75rem solid transparent;border-bottom:0.625rem solid var(--light, #ffffff);border-left:0.75rem solid transparent}:host .outer-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:var(--spacing-04, 0.25rem);border-radius:var(--border-radius-04, 0.25rem)}:host([disabled]) .outer-container{color:var(--stable-light, #f1f1f1);background:var(--stable, #adadad);cursor:no-drop;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(:not([disabled])) .outer-container{cursor:pointer}:host([is-active]:not([disabled])) .outer-container{color:var(--light, #ffffff);background:var(--app-color, #5a30f4);-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))}:host(:not([disabled]):not([is-active])) .arrow-container{visibility:hidden}:host(:not([disabled]):not([is-active])) .outer-container{color:var(--app-color, #5a30f4);background:var(--app-color-20, rgba(90, 48, 244, 0.2))}:host(.medium) .value{font-size:var(--font-size-28, 1.75rem)}";
@@ -17,10 +17,15 @@ const YooWidgetTabComponent = class {
     this.selected = index.createEvent(this, "selected", 7);
     this.animated = true;
     this.useProgress = false;
+    this.currency = undefined;
     this.disabled = false;
+    this.header = undefined;
+    this.help = undefined;
     this.isActive = false;
     this.isPercentage = false;
     this.removeArrow = false;
+    this.value = undefined;
+    this.numberDecimalAfterComaProgressValue = undefined;
   }
   onClick(event) {
     event.preventDefault();

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
-require('./index-5eb4c510.js');
-const index$1 = require('./index-4cc44897.js');
+const index = require('./index-c30696a0.js');
+require('./index-3b76ec77.js');
+const index$1 = require('./index-65831a5f.js');
 require('./lodash-a9050d79.js');
-require('./index-d5115bb4.js');
+require('./index-1abca896.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const widgetTileCss = "svg:not(:root){overflow:hidden}:host .outer-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:end;justify-content:flex-end;width:100%;height:100%;color:var(--dark, #000000);background-color:var(--stable-light, #f1f1f1);border-radius:0.5rem;cursor:pointer}:host .outer-container.hasPhoto{color:var(--light, #ffffff)}:host .outer-container.hasPhoto .tile-text{text-align:center}:host .outer-container .image{background-position:center;border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container .overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:rgba(0, 0, 0, 0.15);border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container yoo-icon{position:absolute;top:0.5rem;left:0.5rem}:host .outer-container .tile-text{position:absolute;right:0.5rem;bottom:0.5rem;left:0.5rem;z-index:2;margin:auto;font-weight:bold;font-size:var(--font-size-16, 1rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.layout4x3) .outer-container yoo-icon{display:none}";
@@ -14,6 +14,13 @@ const widgetTileCss = "svg:not(:root){overflow:hidden}:host .outer-container{pos
 const YooWidgetTileComponent = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.icon = undefined;
+    this.text = undefined;
+    this.photo = undefined;
+    this.backgroundColor = undefined;
+    this.iconColor = undefined;
+    this.iconBackgroundColor = undefined;
+    this.layout = undefined;
   }
   render() {
     return (index.h(index.Host, { class: { [this.layout]: true } }, index.h("div", { class: { 'outer-container': true, [this.layout]: true, hasPhoto: !!this.photo }, style: { background: this.backgroundColor, color: this.iconColor } }, !!this.photo && index.h("div", { class: "overlay" }), this.photo && index.h("yoo-img", { type: "background", class: "image", scaledUp: true, disableAspectRatioCalc: true, src: this.photo }), this.icon ? index.h("yoo-icon", { size: "large", name: this.icon, class: { 'custom': !!this.iconColor }, style: { fill: this.iconColor } }) : null, index.h("div", { class: "tile-text" }, index$1.translateMulti(this.text)), index.h("slot", null))));

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
-require('./index-5eb4c510.js');
-const index$1 = require('./index-4cc44897.js');
+const index = require('./index-c30696a0.js');
+require('./index-3b76ec77.js');
+const index$1 = require('./index-65831a5f.js');
 require('./lodash-a9050d79.js');
-require('./index-d5115bb4.js');
+require('./index-1abca896.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const workflowStateDialogCss = "svg:not(:root){overflow:hidden}:host{width:100%}:host .content{padding:var(--spacing-16, 1rem)}:host .info-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-16, 1rem);font-size:var(--font-size-14, 0.875rem)}:host .info-container.no-margin{margin-bottom:0}:host .info-container.no-wrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}:host .info-container .title{margin-bottom:var(--spacing-04, 0.25rem)}:host .info-container .user{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--dark, #000000)}:host .info-container yoo-avatar,:host .info-container .user-name{margin-right:var(--spacing-08, 0.5rem)}:host .info-container .comments{-ms-flex:1;flex:1;margin-left:var(--spacing-32, 2rem);color:var(--dark, #000000)}";
@@ -14,6 +14,13 @@ const workflowStateDialogCss = "svg:not(:root){overflow:hidden}:host{width:100%}
 const YooWorkflowStateDialogComponent = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.step = undefined;
+    this.history = undefined;
+    this.histories = undefined;
+    this.status = undefined;
+    this.owner = undefined;
+    this.isActive = undefined;
+    this.heading = undefined;
   }
   onClose() {
     index$1.closeModal(null);

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
-require('./index-5eb4c510.js');
+const index = require('./index-c30696a0.js');
+require('./index-3b76ec77.js');
 const lodash = require('./lodash-a9050d79.js');
-const index$1 = require('./index-4cc44897.js');
-require('./index-d5115bb4.js');
+const index$1 = require('./index-65831a5f.js');
+require('./index-1abca896.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const workflowStateCss = "svg:not(:root){overflow:hidden}:host{width:100%}:host .menu{-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;padding:0;list-style:none}:host .menu .menu-item{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .menu .menu-item:not(:last-child) .menu-content{margin-bottom:var(--spacing-24, 1.5rem)}:host .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 .menu .menu-item .menu-left.with-dot{width:2rem;margin-left:0.0313rem}:host .menu .menu-item .menu-left .menu-icon{z-index:2;width:1.875rem;height:1.875rem;text-align:center}:host .menu .menu-item .menu-left .menu-icon.menu-dot{width:1rem;height:1rem}:host .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 .menu .menu-item .menu-left .menu-icon yoo-icon.dark{background-color:var(--dark, #000000)}:host .menu .menu-item .menu-left .menu-icon yoo-icon.info{background-color:var(--info, #d84c96)}:host .menu .menu-item .menu-left .menu-icon yoo-icon.danger{background-color:var(--danger, #d44333)}:host .menu .menu-item .menu-left .border{width:0.0625rem;height:100%;background-color:var(--stable-alt, #d0d0d0)}:host .menu .menu-item .menu-left .border.border-pre{height:2.5rem}:host .menu .menu-item .menu-left .border.border-pre.last{height:1rem}:host .menu .menu-item .menu-left .border.dark{background-color:var(--dark, #000000)}:host .menu .menu-item .menu-left .border.danger{background-color:var(--danger, #d44333)}:host .menu .menu-item .menu-left .border.info{background-color:var(--info, #d84c96)}:host .menu .menu-item .menu-right{width:100%;margin-left:var(--spacing-08, 0.5rem);overflow:hidden}:host .menu .menu-item .menu-right .menu-title{font-weight:bold;line-height:1}:host .menu .menu-item .menu-right .menu-content{color:var(--text-color, #807f83)}:host .menu .menu-item .menu-right .menu-content.menu-chart{margin-bottom:0}:host .menu .menu-item .menu-right .menu-title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:2rem}:host .menu .menu-item .menu-right .menu-content span{margin-right:0.5rem}:host .menu .menu-item .menu-right .menu-content yoo-avatar{margin-right:0.3125rem}:host .menu .menu-item .menu-right .menu-content .font-medium{font-size:var(--font-size-14, 0.875rem)}:host .menu .menu-item .menu-right .menu-content .font-small{font-size:var(--font-size-12, 0.75rem)}:host .menu .menu-item .menu-right .menu-content .dark{color:var(--dark, #000000)}:host .menu .menu-item .menu-right .menu-content .success{color:var(--success, #3aa76d)}:host .menu .menu-item .menu-right .menu-content .danger{color:var(--danger, #d44333)}:host .menu .menu-item .menu-right .menu-content .text-color{color:var(--text-color, #807f83)}:host .menu .menu-item .menu-right .menu-content table{width:100%;table-layout:fixed}:host .menu .menu-item .menu-right .menu-content table td{overflow:hidden;text-overflow:ellipsis}:host .menu .dot{width:0.25rem;height:0.25rem;margin:0 0.125rem;border:var(--border-width-04, 0.25rem) solid var(--stable, #adadad);border-radius:50%}:host .menu .menu-content .step{margin-bottom:var(--spacing-16, 1rem);padding:var(--spacing-16, 1rem);padding-top:var(--spacing-08, 0.5rem);background-color:var(--stable-light, #f1f1f1);border-radius:0.25rem}:host .menu .menu-content .step.completed{padding-top:var(--spacing-16, 1rem);padding-left:0;background-color:var(--light, #ffffff)}:host .menu .menu-content .step.rejected{padding-top:var(--spacing-16, 1rem);padding-left:0;background-color:var(--light, #ffffff)}:host .menu .menu-content .step.active{padding-top:var(--spacing-16, 1rem);padding-left:0;background-color:var(--light, #ffffff)}:host .menu .menu-content .step .header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:2rem}:host .menu .menu-content .step .header .title{-ms-flex:1;flex:1;padding-right:var(--spacing-08, 0.5rem);color:var(--dark, #000000);font-weight:bold;font-size:var(--font-size-16, 1rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-transform:capitalize}:host .menu .menu-content .step .header .detail{opacity:0.8}:host .menu .menu-content .step .comments .header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .menu .menu-content .step .substeps-container{margin-top:var(--spacing-08, 0.5rem);margin-left:var(--spacing-08, 0.5rem)}:host .menu .menu-content .step .substeps-container .substep{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .menu .menu-content .step .substeps-container .substep yoo-icon,:host .menu .menu-content .step .substeps-container .substep .dot{margin-right:var(--spacing-08, 0.5rem)}";
@@ -14,6 +14,11 @@ const workflowStateCss = "svg:not(:root){overflow:hidden}:host{width:100%}:host
 const YooWorkflowStateComponent = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.steps = undefined;
+    this.history = undefined;
+    this.state = undefined;
+    this.status = undefined;
+    this.owner = undefined;
   }
   renderStep(step, history, isActive) {
     var _a;
@@ -92,7 +97,14 @@ const YooWorkflowStateComponent = class {
     dialog.status = this.status;
     dialog.owner = this.owner;
     dialog.step = step;
-    index$1.showModal(dialog, { half: true }, null, getModalAnimation('Enter'), getModalAnimation('Leave'), true, false, null);
+    index$1.showModal({
+      component: dialog,
+      componentProps: { half: true },
+      enterAnimation: getModalAnimation('Enter'),
+      leaveAnimation: getModalAnimation('Leave'),
+      showBackdrop: true,
+      displayFullscreenButton: false
+    });
   }
   render() {
     return (index.h("ul", { class: "menu" }, index.h("li", { class: "menu-item" }, index.h("div", { class: "menu-left" }, index.h("span", { class: "menu-icon" }, index.h("yoo-tag", { icon: "home", color: "app-color", size: "medium" })), index.h("div", { class: "border visible" })), index.h("div", { class: "menu-right" }, index.h("div", { class: "menu-title" }, index$1.translate('STATUS')), index.h("div", { class: "menu-content menu-workflow" }))), this.renderSteps()));

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

@@ -2,16 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
-require('./index-5eb4c510.js');
+const index = require('./index-c30696a0.js');
+require('./index-3b76ec77.js');
 const lodash = require('./lodash-a9050d79.js');
 const workflow_interface = require('./workflow.interface-ffda8358.js');
-const commonHelpers = require('./common-helpers-859d4168.js');
-const index$4 = require('./index-2646ccb0.js');
-const index$2 = require('./index-3898777f.js');
+const commonHelpers = require('./common-helpers-33e0d0b1.js');
+const index$4 = require('./index-e9c02f26.js');
+const index$2 = require('./index-7ea30df3.js');
 const index$3 = require('./index-9c56868f.js');
-const index$1 = require('./index-4cc44897.js');
-require('./index-d5115bb4.js');
+const index$1 = require('./index-65831a5f.js');
+require('./index-1abca896.js');
 require('./annotations-helpers-fb554cca.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -28,14 +28,17 @@ const YooWorkflowComponent = class {
     this.workflowStepParallelStepAdded = index.createEvent(this, "workflowStepParallelStepAdded", 7);
     this.workflowCurrentStepChanged = index.createEvent(this, "workflowCurrentStepChanged", 7);
     this.missionDescriptionChanged = index.createEvent(this, "missionDescriptionChanged", 7);
-    this.currentModeIndex = 0;
-    this.currentPageSelected = 0;
-    this.defaultFieldState = { title: 'EDITABLE', icon: 'brush' };
-    this.shouldRenderSteps = false;
     this.isSideSelection = false;
     this.isPagesAccordionOpen = true;
     this.isFieldsAccordionOpen = true;
     this.scale = 1;
+    this.missionDescription = undefined;
+    this.currentWorkflowStep = undefined;
+    this.internalMissionDescription = undefined;
+    this.currentModeIndex = 0;
+    this.currentPageSelected = 0;
+    this.defaultFieldState = { title: 'EDITABLE', icon: 'brush' };
+    this.shouldRenderSteps = false;
   }
   get steps() {
     var _a;

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index$1 = require('./index-9ca0e46c.js');
-const index = require('./index-4cc44897.js');
-require('./index-5eb4c510.js');
-require('./index-d5115bb4.js');
+const index$1 = require('./index-c30696a0.js');
+const index = require('./index-65831a5f.js');
+require('./index-3b76ec77.js');
+require('./index-1abca896.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./lodash-a9050d79.js');
 
@@ -130,6 +130,7 @@ const YooZebraComponent = class {
   constructor(hostRef) {
     index$1.registerInstance(this, hostRef);
     this.scannedSuccess = index$1.createEvent(this, "scannedSuccess", 7);
+    this.appId = undefined;
   }
   componentDidLoad() {
     if (index.isZebraScanner()) {

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

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
-require('./index-5eb4c510.js');
+const index = require('./index-c30696a0.js');
+require('./index-3b76ec77.js');
 const lodash = require('./lodash-a9050d79.js');
 const annotationsHelpers = require('./annotations-helpers-fb554cca.js');
 const hammerHelpers = require('./hammer-helpers-e8117959.js');
-const index$1 = require('./index-4cc44897.js');
+const index$1 = require('./index-65831a5f.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-d5115bb4.js');
+require('./index-1abca896.js');
 
 const zoomCss = "svg:not(:root){overflow:hidden}:host{overflow:hidden}:host([disabled]){cursor:default}:host([disabled]) ::slotted(*){-ms-touch-action:auto !important;touch-action:auto !important}";
 
@@ -19,37 +19,15 @@ const YooZoomComponent = class {
     this.blockMoves = index.createEvent(this, "blockMoves", 7);
     this.zoom = index.createEvent(this, "zoom", 7);
     this.setup = index.createEvent(this, "setup", 7);
-    /**
-     * Set to true to enable the ability to zoom in/out using the wheel gesture
-     */
     this.disableZoomOnSelectors = [];
-    /**
-     * Set to true to enable the ability to zoom in/out using the wheel gesture
-     */
     this.animated = true;
-    /**
-     * Set to true to enable the ability to zoom in/out using the wheel gesture
-     */
+    this.location = undefined;
     this.allowPanGesture = true;
-    /**
-     * Set here all the references to be zoomed ( ex: 'x', 'y' => container.querySelector('x', 'y'))
-     */
+    this.allowWheelGesture = undefined;
     this.references = [];
-    /**
-     * Set here the maximum time for the picture to be enlarged from its initial size
-     */
     this.maxScale = 4;
-    /**
-     * Set here the scale level on which the picture should be set from during the first load
-     */
     this.initScale = 1;
-    /**
-     * Set here the minimum time for the picture to be enlarged from its initial size
-     */
     this.minScale = 1;
-    /**
-     * Set to true to disable the pinch gesture ( hammerjs )
-     */
     this.disabled = false;
   }
   onLocationChanged() {

package/dist/collection/collection-manifest.json

@@ -203,7 +203,6 @@
     "./components/form/form-recurrence-preview/form-recurrence-preview.js",
     "./components/form/form-reorder/form-reorder.js",
     "./components/form/form-scorm/form-scorm.js",
-    "./components/form/form-shopping/form-shopping.js",
     "./components/form/form-signature-pad/form-signature-pad.js",
     "./components/form/form-signature-pad-dialog/form-signature-pad-dialog.js",
     "./components/form/form-sorts/form-sorts.js",
@@ -357,7 +356,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.18.1",
+    "version": "2.19.2",
     "typescriptVersion": "4.7.4"
   },
   "collections": [],

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

@@ -7,58 +7,38 @@ import { isOffline, isRTL, isWeb, pipes, translate } from '@shared/utils';
 import { h, Host } from '@stencil/core';
 export class YooAvatarComponent {
   constructor() {
-    /**
-     * Optional prop for changing icon color.
-     */
+    this.fallbackIconSizes = {
+      'extra-small': 'extra-small',
+      'small': 'extra-small',
+      'medium': 'small',
+      'large': 'small',
+      'extra-large': 'medium',
+      'extra-extra-large': 'large'
+    };
     this.color = 'stable';
-    /**
-     * Defines the shape of the avatar.
-     */
     this.frame = 'circle';
-    /**
-     * If ```true```, the user is currently live broadcasting and is able to view now. It presents a live indicator over the avatar.
-     */
     this.hasLiveVideo = false;
-    /**
-     * If ```true```, the user was perviously live broadcasting and the live broadcast is available to watch. Shows a small red square with a white triangle inside.
-     */
     this.hasRecordedVideo = false;
-    /**
-     * If ```true```, the user has a live story available to view. It generates a green ring around the avatar.
-     */
     this.hasStoryToView = false;
-    /**
-     * If ```true```, the user has a viewed live story. It generates a grey ring around the avatar.
-     */
     this.hasViewedStory = false;
-    /**
-     * Whether the image should be displayed instantly or not.
-     */
+    this.icon = undefined;
+    this.iconSize = undefined;
+    this.iconText = undefined;
+    this.imgSrc = undefined;
     this.instant = false;
-    /**
-     * If ```true```, a yellow badge with a star in the top right of an avatar.
-     */
+    this.isOnline = undefined;
     this.isVip = false;
-    /**
-     * Sizes the avatar container.
-     */
+    this.notificationCount = undefined;
+    this.overflowCount = undefined;
     this.size = 'large';
-    /**
-     * If ```true```, it makes a red dot appear in the top left of the avatar.
-     */
+    this.user = undefined;
     this.vipNotification = false;
-    /**
-     * Cloudinary tranform to apply to image
-     */
+    this.tooltip = undefined;
+    this.hasNotifications = undefined;
+    this.valuesColor = undefined;
+    this.contained = undefined;
+    this.showBorder = undefined;
     this.cloudinaryOptions = {};
-    this.fallbackIconSizes = {
-      'extra-small': 'extra-small',
-      'small': 'extra-small',
-      'medium': 'small',
-      'large': 'small',
-      'extra-large': 'medium',
-      'extra-extra-large': 'large'
-    };
   }
   get hasImageData() {
     var _a;

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

@@ -9,40 +9,16 @@ import { getUserDisplayName, translate } from '@shared/utils';
 import { h, Host } from '@stencil/core';
 export class YooAvatarsComponent {
   constructor() {
-    /**
-     * Defines the maximum number of avatars to show before overflowing.
-     * @property {maxDisplay}
-     * @type number
-     * @default 10
-     */
+    this.users = undefined;
+    this.colors = undefined;
     this.maxDisplay = 10;
-    /**
-     * Mandatory prop that is used to size the avatar container. The different avatars sizes are 'extra-small', 'small', 'medium' and 'large'.
-     * @property {size}
-     * @type TSize
-     * @default medium
-     */
     this.size = 'medium';
-    /**
-     * Mandatory prop for defining the shape how the avatars will be displayed. The shapes you can use are 'grid', 'stack', 'list', or 'name'. 'list' will take the users array and print the avatar with the user's name next to it. 'name' will take a user and print the first name below the avatar.
-     * @property {layout}
-     * @type TAvatarsLayout
-     * @default grid
-     */
     this.layout = 'grid';
-    /**
-     * If ```true```, passes the user display name into each avatar.
-     * @property {withTooltip}
-     * @type boolean
-     * @default false
-     */
+    this.isOnline = undefined;
+    this.concatCount = undefined;
     this.withTooltip = false;
-    /**
-     * Whether the images should be displayed instantly or not (for Chromatic for example).
-     * @property {instant}
-     * @type boolean
-     * @default false
-     */
+    this.showMore = undefined;
+    this.showBorder = undefined;
     this.instant = false;
   }
   getTooltip(user) {

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

@@ -6,23 +6,10 @@
 import { h, Host } from '@stencil/core';
 export class YooBadgeComponent {
   constructor() {
-    /**
-     * Choose between extra-small and small sizes, for a dot can also select an extra-extra-small that is 2 x 2px
-     */
+    this.text = undefined;
     this.size = 'extra-small';
-    /**
-     * Choose between circle, oval and dot shapes
-     * All badges that have more than 2 characters will be oval
-     * Dot shape cannot have any text inside
-     */
     this.shape = 'circle';
-    /**
-     * Defines badge color, by default is set to danger
-     */
     this.color = 'danger';
-    /**
-     * When set to true hides the badge
-     */
     this.inactive = false;
   }
   componentWillLoad() {