@yoobic/yobi 8.3.0-8 → 8.3.1-0

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, i as createEvent, h, e as Host } from './index-54cb3c5d.js';
-import './index-945da793.js';
-import { cQ as replaceSVGColors, t as translate } from './overlays-2b1f8cb5.js';
-import './lodash-bf91c7a4.js';
-import './index-efbd87e6.js';
+import { r as registerInstance, i as createEvent, h, e as Host } from './index-becca019.js';
+import './index-007c7dcf.js';
+import { d5 as replaceSVGColors, t as translate } from './overlays-a665f9cf.js';
+import './lodash-f6e59a8e.js';
+import './index-e917d10e.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const walkthroughCss = ":host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%}:host h1{margin:0 var(--spacing-48, 3rem) var(--spacing-16, 1rem);font-weight:normal;font-size:var(--font-size-20, 1.25rem);line-height:1}:host p{margin:0 var(--spacing-48, 3rem);color:var(--stable, #adadad)}:host yoo-button{position:absolute;z-index:10}:host yoo-button.finish,:host yoo-button.next{right:var(--spacing-16, 1rem)}:host yoo-button.finish,:host yoo-button.skip{left:var(--spacing-16, 1rem)}:host yoo-ion-slide{-ms-flex-direction:column;flex-direction:column}:host yoo-ion-slides{--pagination-z-index:10}:host yoo-img{--logo-text-color:var(--dark, #000000);height:2rem}:host yoo-lottie{height:50%}@supports (bottom: max(0px, 0px)){:host yoo-button{bottom:max(var(--safe-area-inset-bottom), var(--spacing-08, 0.5rem))}:host yoo-ion-slides{--pagination-bottom-position:max(var(--safe-area-inset-bottom), var(--spacing-08, 0.5rem))}}@supports not (bottom: max(0px, 0px)){:host yoo-button{bottom:calc(var(--safe-area-inset-bottom) + var(--spacing-08, 0.5rem))}:host yoo-ion-slides{--pagination-bottom-position:calc(var(--safe-area-inset-bottom) + var(--spacing-08, 0.5rem))}}";

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-54cb3c5d.js';
-import './index-945da793.js';
-import { b as getAppContext } from './common-helpers-246a4085.js';
-import { r as debounce, U as isNullOrUndefined } from './overlays-2b1f8cb5.js';
-import './lodash-bf91c7a4.js';
-import './index-efbd87e6.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-becca019.js';
+import './index-007c7dcf.js';
+import { g as getAppContext } from './common-helpers-1a55e28c.js';
+import { C as debounce, X as isNullOrUndefined } from './overlays-a665f9cf.js';
+import './lodash-f6e59a8e.js';
+import './index-e917d10e.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const webMenuCss = ".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%}";

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

@@ -1,8 +1,8 @@
-import { h, r as registerInstance, i as createEvent, e as Host } from './index-54cb3c5d.js';
-import './index-945da793.js';
-import { t as translate } from './overlays-2b1f8cb5.js';
-import './lodash-bf91c7a4.js';
-import './index-efbd87e6.js';
+import { h, r as registerInstance, i as createEvent, e as Host } from './index-becca019.js';
+import './index-007c7dcf.js';
+import { t as translate } from './overlays-a665f9cf.js';
+import './lodash-f6e59a8e.js';
+import './index-e917d10e.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const webcamCss = ":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}";

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-54cb3c5d.js';
-import './index-945da793.js';
-import { b as getAppContext } from './common-helpers-246a4085.js';
-import { t as translate, cR as getPeriodOfDay } from './overlays-2b1f8cb5.js';
-import './lodash-bf91c7a4.js';
-import './index-efbd87e6.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-becca019.js';
+import './index-007c7dcf.js';
+import { g as getAppContext } from './common-helpers-1a55e28c.js';
+import { t as translate, d6 as getPeriodOfDay } from './overlays-a665f9cf.js';
+import './lodash-f6e59a8e.js';
+import './index-e917d10e.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const welcomeBannerCss = ":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)}";

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-54cb3c5d.js';
-import './index-945da793.js';
-import { a as isNumber } from './lodash-bf91c7a4.js';
-import { t as translate, q as isWeb } from './overlays-2b1f8cb5.js';
-import './index-efbd87e6.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-becca019.js';
+import './index-007c7dcf.js';
+import { a as isNumber } from './lodash-f6e59a8e.js';
+import { t as translate, A as isWeb } from './overlays-a665f9cf.js';
+import './index-e917d10e.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const widgetChartCss = ":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}";

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-54cb3c5d.js';
-import './index-945da793.js';
-import { q as isWeb } from './overlays-2b1f8cb5.js';
-import './lodash-bf91c7a4.js';
-import './index-efbd87e6.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-becca019.js';
+import './index-007c7dcf.js';
+import { A as isWeb } from './overlays-a665f9cf.js';
+import './lodash-f6e59a8e.js';
+import './index-e917d10e.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const widgetSmallSizeCss = ":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)}";

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, i as createEvent, h, e as Host } from './index-54cb3c5d.js';
-import './index-945da793.js';
-import { a as isNumber } from './lodash-bf91c7a4.js';
-import { t as translate, ah as pipes } from './overlays-2b1f8cb5.js';
-import './index-efbd87e6.js';
+import { r as registerInstance, i as createEvent, h, e as Host } from './index-becca019.js';
+import './index-007c7dcf.js';
+import { a as isNumber } from './lodash-f6e59a8e.js';
+import { t as translate, ar as pipes } from './overlays-a665f9cf.js';
+import './index-e917d10e.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const widgetTabCss = ":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)}";

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, e as Host } from './index-54cb3c5d.js';
-import './index-945da793.js';
-import { V as translateMulti } from './overlays-2b1f8cb5.js';
-import './lodash-bf91c7a4.js';
-import './index-efbd87e6.js';
+import { r as registerInstance, h, e as Host } from './index-becca019.js';
+import './index-007c7dcf.js';
+import { Z as translateMulti } from './overlays-a665f9cf.js';
+import './lodash-f6e59a8e.js';
+import './index-e917d10e.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const widgetTileCss = ":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}";
@@ -12,7 +12,7 @@ const YooWidgetTileComponent = class {
     registerInstance(this, hostRef);
   }
   render() {
-    return (h(Host, { class: { [this.layout]: true } }, h("div", { class: { 'outer-container': true, [this.layout]: true, hasPhoto: !!this.photo }, style: { background: this.backgroundColor, color: this.iconColor } }, !!this.photo && h("div", { class: "overlay" }), this.photo && h("yoo-img", { type: "background", class: "image", scaledUp: true, src: this.photo }), this.icon ? h("yoo-icon", { size: "large", name: this.icon, class: { 'custom': !!this.iconColor }, style: { fill: this.iconColor } }) : null, h("div", { class: "tile-text" }, translateMulti(this.text)), h("slot", null))));
+    return (h(Host, { class: { [this.layout]: true } }, h("div", { class: { 'outer-container': true, [this.layout]: true, hasPhoto: !!this.photo }, style: { background: this.backgroundColor, color: this.iconColor } }, !!this.photo && h("div", { class: "overlay" }), this.photo && h("yoo-img", { type: "background", class: "image", scaledUp: true, disableAspectRatioCalc: true, src: this.photo }), this.icon ? h("yoo-icon", { size: "large", name: this.icon, class: { 'custom': !!this.iconColor }, style: { fill: this.iconColor } }) : null, h("div", { class: "tile-text" }, translateMulti(this.text)), h("slot", null))));
   }
 };
 YooWidgetTileComponent.style = widgetTileCss;

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, e as Host } from './index-54cb3c5d.js';
-import './index-945da793.js';
-import { K as closeModal, t as translate, V as translateMulti, a0 as getUserDisplayName, ah as pipes } from './overlays-2b1f8cb5.js';
-import './lodash-bf91c7a4.js';
-import './index-efbd87e6.js';
+import { r as registerInstance, h, e as Host } from './index-becca019.js';
+import './index-007c7dcf.js';
+import { p as closeModal, t as translate, Z as translateMulti, a7 as getUserDisplayName, ar as pipes } from './overlays-a665f9cf.js';
+import './lodash-f6e59a8e.js';
+import './index-e917d10e.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const workflowStateDialogCss = ":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)}";

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, g as getElement } from './index-54cb3c5d.js';
-import './index-945da793.js';
-import { n as compact, a0 as flattenDeep, $ as flatten } from './lodash-bf91c7a4.js';
-import { V as translateMulti, t as translate, a0 as getUserDisplayName, q as isWeb, p as showModal } from './overlays-2b1f8cb5.js';
-import './index-efbd87e6.js';
+import { r as registerInstance, h, g as getElement } from './index-becca019.js';
+import './index-007c7dcf.js';
+import { n as compact, a3 as flattenDeep, a1 as flatten } from './lodash-f6e59a8e.js';
+import { Z as translateMulti, t as translate, a7 as getUserDisplayName, A as isWeb, z as showModal } from './overlays-a665f9cf.js';
+import './index-e917d10e.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const workflowStateCss = ":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)}";

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

@@ -1,13 +1,13 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-54cb3c5d.js';
-import './index-945da793.js';
-import { n as compact } from './lodash-bf91c7a4.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-becca019.js';
+import './index-007c7dcf.js';
+import { n as compact } from './lodash-f6e59a8e.js';
 import { W as WorkflowMode } from './workflow.interface-79064a52.js';
-import { b as getAppContext } from './common-helpers-246a4085.js';
-import { A as ARROW_PAIR } from './index-cfc396ea.js';
-import { P as onWorkflowStepClicked, Q as getWorkflowFieldState } from './index-87550339.js';
+import { g as getAppContext } from './common-helpers-1a55e28c.js';
+import { A as ARROW_PAIR } from './index-89afdb09.js';
+import { P as onWorkflowStepClicked, Q as getWorkflowFieldState } from './index-12d1e807.js';
 import { f as fieldStateOptions } from './index-a7443ef7.js';
-import { t as translate } from './overlays-2b1f8cb5.js';
-import './index-efbd87e6.js';
+import { t as translate } from './overlays-a665f9cf.js';
+import './index-e917d10e.js';
 import './annotations-helpers-628a8ae3.js';
 import './_commonjsHelpers-f4d11124.js';
 
@@ -54,7 +54,7 @@ const YooWorkflowComponent = class {
       this.currentWorkflowStep = this.steps[0];
     }
     this.wheelListener = this.onWorkflowZoom.bind(this);
-    window.addEventListener('wheel', this.wheelListener, { passive: false });
+    window.addEventListener('wheel', this.wheelListener, { passive: true });
   }
   componentDidLoad() {
     this.centerWorkflow();

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, i as createEvent } from './index-54cb3c5d.js';
-import { b_ as cordova, ca as cordovaPropertyGet, cb as cordovaPropertySet, b$ as IonicNativePlugin, cS as isZebraScanner } from './overlays-2b1f8cb5.js';
-import './index-945da793.js';
-import './lodash-bf91c7a4.js';
-import './index-efbd87e6.js';
+import { r as registerInstance, i as createEvent } from './index-becca019.js';
+import { co as cordova, cq as cordovaPropertyGet, cr as cordovaPropertySet, cp as AwesomeCordovaNativePlugin, d7 as isZebraScanner } from './overlays-a665f9cf.js';
+import './index-007c7dcf.js';
+import './lodash-f6e59a8e.js';
+import './index-e917d10e.js';
 import './_commonjsHelpers-f4d11124.js';
 
 var __extends = (undefined && undefined.__extends) || (function () {
@@ -117,7 +117,7 @@ var WebIntentOriginal = /** @class */ (function (_super) {
     WebIntentOriginal.repo = "https://github.com/darryncampbell/darryncampbell-cordova-plugin-intent";
     WebIntentOriginal.platforms = ["Android"];
     return WebIntentOriginal;
-}(IonicNativePlugin));
+}(AwesomeCordovaNativePlugin));
 var WebIntent = new WebIntentOriginal();
 
 const YooZebraComponent = class {

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

@@ -1,11 +1,11 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-54cb3c5d.js';
-import './index-945da793.js';
-import { c as cloneDeep, V as clamp } from './lodash-bf91c7a4.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-becca019.js';
+import './index-007c7dcf.js';
+import { c as cloneDeep, X as clamp } from './lodash-f6e59a8e.js';
 import { a as isElementInsideContainer } from './annotations-helpers-628a8ae3.js';
 import { H as Hammer } from './hammer-helpers-0b560cb3.js';
-import { q as isWeb, cd as isIonic, aD as gsapTo, fk as isElementClicked } from './overlays-2b1f8cb5.js';
+import { A as isWeb, ct as isIonic, aR as gsapTo, fx as isElementClicked } from './overlays-a665f9cf.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-efbd87e6.js';
+import './index-e917d10e.js';
 
 const zoomCss = ":host{overflow:hidden}:host([disabled]){cursor:default}:host([disabled]) ::slotted(*){-ms-touch-action:auto !important;touch-action:auto !important}";
 

package/dist/types/components/1.atoms/avatar/avatar.d.ts

@@ -96,6 +96,10 @@ export declare class YooAvatarComponent implements ComponentInterface {
    * Contained image or not
    */
   contained?: boolean;
+  /**
+   * Show colored border
+   */
+  showBorder?: boolean;
   /**
    * Cloudinary tranform to apply to image
    */

package/dist/types/components/1.atoms/avatars/avatars.d.ts

@@ -5,7 +5,7 @@
  * Zeplin Link: zpl://screen?pid=5b3389c17e5fb54c63704827&sid=5cb5ab5bab5b03158e460cbb
  * Original ionic component:
  */
-import { IUser, TSize } from '@shared/interfaces';
+import { IUser, TPaletteColor, TSize } from '@shared/interfaces';
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { TAvatarsLayout } from './types';
 export declare class YooAvatarsComponent {
@@ -16,6 +16,10 @@ export declare class YooAvatarsComponent {
    * @default undefined
    */
   users: IUser[];
+  /**
+ * Optional prop for changing icon color.
+ */
+  colors?: (TPaletteColor | string)[];
   /**
    * Defines the maximum number of avatars to show before overflowing.
    * @property {maxDisplay}
@@ -65,6 +69,13 @@ export declare class YooAvatarsComponent {
    * @default false
    */
   showMore?: boolean;
+  /**
+  * If ```true```, show the bordered color
+  * @property {showBorder}
+  * @type boolean
+  * @default false
+  */
+  showBorder?: boolean;
   /**
    * Whether the images should be displayed instantly or not (for Chromatic for example).
    * @property {instant}

package/dist/types/components/1.atoms/collapsible/collapsible.d.ts

@@ -3,7 +3,7 @@
  * @author: Romain Panaget
  * Zeplin Link: ?
  */
-import { TColor, TIconName, TIconSize } from '@shared/interfaces';
+import { TColor, TIconName, TIconSize, TSize } from '@shared/interfaces';
 import { ComponentInterface, EventEmitter } from '../../../stencil-public-runtime';
 export declare class YooCollapsibleComponent implements ComponentInterface {
   header: string;
@@ -15,7 +15,9 @@ export declare class YooCollapsibleComponent implements ComponentInterface {
   collapsed: boolean;
   iconSize?: TIconSize;
   hasArrowIcon: boolean;
+  toggleWithArrowOnly?: boolean;
   isDeletable?: boolean;
+  size?: TSize;
   /**
    * Slot the header to have custom style
    */

package/dist/types/components/1.atoms/progress-bar/progress-bar.d.ts

@@ -122,6 +122,8 @@ export declare class YooProgressBarComponent {
   private initProgressBar;
   private initSVGPaths;
   private setProgress;
+  private truncateProgress;
+  private getProgress;
   private getLabelledValue;
   private getFontSizeUnit;
   private getUnit;

package/dist/types/components/1.atoms/tabs/tabs.d.ts

@@ -1,3 +1,8 @@
+/**
+ * @name: Tabs
+ * @author: Romain Panaget
+ * Zeplin Link: https://zpl.io/bz638Y8
+ */
 import { IButton, ITab, ITabSelectedEvent, TColor } from '@shared/interfaces';
 import { ComponentInterface, EventEmitter } from '../../../stencil-public-runtime';
 export declare class YooTabsComponent implements ComponentInterface {
@@ -55,7 +60,7 @@ export declare class YooTabsComponent implements ComponentInterface {
   private notifElements;
   private rippleElements;
   private openedTabs;
-  tabClicked: (index: number, event: MouseEvent) => void;
+  tabClicked: (index: number, event: MouseEvent) => Promise<void>;
   onInitialIndexChanged(newIndex: number): void;
   /**
    * Navigates to a tab programmatically

package/dist/types/components/1.atoms/text/text.d.ts

@@ -1,14 +1,16 @@
+/// <reference types="react" />
 export declare class YooTextComponent {
   /**
    * Addition conversion to be applied after the content is sanitize for
    * security reason
    */
-  extraConversion: ((val: string) => string)[];
+  extraConversion: (host: HTMLYooTextElement) => void;
   content: string;
-  safeContent: string;
+  safeContent: HTMLElement;
   host: HTMLYooTextElement;
   componentWillRender(): Promise<void>;
   onContentChanged(): Promise<void>;
+  componentDidLoad(): Promise<void>;
   sanitizeContent(): Promise<void>;
-  render(): any;
+  render(): JSX.Element;
 }

package/dist/types/components/2.molecules/accordion/types/index.d.ts

@@ -1,6 +1,7 @@
 import { IButton, ITagElement, TColor, TIconName } from '@shared/interfaces';
 export interface IAccordionEntry {
   title: string;
+  displayTitle?: string;
   subTitle?: string;
   icon?: TIconName;
   color?: TColor;
@@ -15,6 +16,7 @@ export interface IAccordionEntry {
   blurContent?: boolean;
   handler?: (ev?: any) => void;
   slotName?: string;
+  isBeta?: boolean;
 }
 export interface IAccordionItem extends IAccordionEntry {
   expanded: boolean;

package/dist/types/components/2.molecules/action-sheet-controller/action-sheet-controller.d.ts

@@ -2,6 +2,11 @@ import { IActionSheet } from '@shared/interfaces';
 import type { IOverlayController } from '../../../interfaces';
 export declare class YooIonActionSheetControllerComponent implements IOverlayController {
   private actionSheets;
+  private devices;
+  private device;
+  protected onDeviceCreated(ev: CustomEvent<HTMLYooDeviceElement>): void;
+  protected onDeviceDestroyed(ev: CustomEvent<HTMLYooDeviceElement>): void;
+  protected onClick(ev: MouseEvent): void;
   protected actionSheetWillPresent(ev: any): void;
   protected actionSheetWillDismiss(ev: any): void;
   protected escapeKeyUp(event: any): void;

package/dist/types/components/2.molecules/alert-controller/alert-controller.d.ts

@@ -2,6 +2,11 @@ import { IAlertEntry } from '@shared/interfaces';
 import type { IOverlayController } from '../../../interfaces';
 export declare class YooIonAlertControllerComponent implements IOverlayController {
   private alerts;
+  private devices;
+  private device;
+  protected onDeviceCreated(ev: CustomEvent<HTMLYooDeviceElement>): void;
+  protected onDeviceDestroyed(ev: CustomEvent<HTMLYooDeviceElement>): void;
+  protected onClick(ev: MouseEvent): void;
   protected alertWillPresent(ev: any): void;
   protected alertWillDismiss(ev: any): void;
   protected escapeKeyUp(event: any): void;

package/dist/types/components/2.molecules/banner/banner.d.ts

@@ -10,6 +10,10 @@ export declare class YooBannerComponent implements ComponentInterface {
    * If `true`, a close button is displayed
    */
   closable?: boolean;
+  /**
+   * Close icon props
+   */
+  closeIcon: Partial<YooIconComponent>;
   /**
    * If `true`, the banner will be filled of the type color
    */

package/dist/types/components/2.molecules/modal/modal.d.ts

@@ -1,5 +1,5 @@
 import { IOverlayEventDetail } from '@shared/interfaces';
-import { ComponentProps, ComponentRef, IFrameworkDelegate, IModalOptions, ModalAnimation } from '@shared/utils';
+import { ComponentProps, IFrameworkDelegate, IModalOptions, ModalAnimation } from '@shared/utils';
 import { EventEmitter } from '../../../stencil-public-runtime';
 export declare class YooIonModalComponent implements IModalOptions {
   /**
@@ -19,7 +19,7 @@ export declare class YooIonModalComponent implements IModalOptions {
   /**
    * The component to display inside of the modal.
    */
-  component: ComponentRef;
+  component: HTMLElement;
   /**
    * The data to pass to the modal component.
    */

package/dist/types/components/2.molecules/modal-controller/modal-controller.d.ts

@@ -2,6 +2,11 @@ import type { IHTMLYooIonOverlayElement, IOverlayController } from '../../../int
 export declare class YooIonModalControllerComponent implements IOverlayController {
   private modals;
   private topOverlayID;
+  private device;
+  private devices;
+  protected onDeviceCreated(ev: CustomEvent<HTMLYooDeviceElement>): void;
+  protected onDeviceDestroyed(ev: CustomEvent<HTMLYooDeviceElement>): void;
+  protected onClick(ev: MouseEvent): void;
   protected modalWillPresent(ev: any): void;
   protected modalWillDismiss(ev: any): void;
   protected escapeKeyUp(event: any): void;

package/dist/types/components/2.molecules/points-recap/points-recap.d.ts

@@ -5,13 +5,14 @@ export declare class YooPointsRecap {
   totalPoints?: number;
   items?: IItemsPoints[];
   showItemIcon?: boolean;
+  forceTotalPoints?: boolean;
   pointsUpdated: boolean;
   private totalItemsPoints;
   onItemsUpdated(): void;
   componentWillLoad(): void;
   updatePoints(): void;
   getTagColor(points: number, isSubItem?: boolean): TColor;
-  getItemIconAttr(points: number): IITemIcon;
+  getItemIconAttr(isCorrect: boolean): IITemIcon;
   renderTitle(title: string): any;
   renderSeparator(): any;
   renderItem(item: IItemsPoints, index: number): any;

package/dist/types/components/2.molecules/text-sequence/text-sequence.d.ts

@@ -23,6 +23,7 @@ export declare class YooTextSequence implements ComponentInterface {
   private get sequenceValues();
   componentWillRender(): void;
   componentDidLoad(): void;
+  componentDidRender(): void;
   private initSequenceHeight;
   renderSequences(): JSX.Element;
   renderArrow(placement: 'top' | 'bottom'): JSX.Element;

package/dist/types/components/2.molecules/toast-controller/toast-controller.d.ts

@@ -2,6 +2,11 @@ import { IToastEntry } from '@shared/interfaces';
 import type { IOverlayController } from '../../../interfaces';
 export declare class YooIonToastControllerComponent implements IOverlayController {
   private toasts;
+  private devices;
+  private device;
+  protected onDeviceCreated(ev: CustomEvent<HTMLYooDeviceElement>): void;
+  protected onDeviceDestroyed(ev: CustomEvent<HTMLYooDeviceElement>): void;
+  protected onClick(ev: MouseEvent): void;
   protected toastWillPresent(ev: any): void;
   protected toastWillDismiss(ev: any): void;
   protected escapeKeyUp(event: any): void;

package/dist/types/components/3.organisms/device/device.d.ts

@@ -1,4 +1,5 @@
 import { IDeviceEntry } from '@shared/interfaces';
+import { EventEmitter } from '../../../stencil-public-runtime';
 export declare class YooDeviceComponent {
   /**
    * The device will apply a scale tranform it it is too big for it's parent
@@ -10,6 +11,7 @@ export declare class YooDeviceComponent {
    * The device type to display, some devices may not have color options
    */
   deviceEntry: IDeviceEntry;
+  deviceCreated: EventEmitter<HTMLYooDeviceElement>;
   host: HTMLYooDeviceElement;
   private resizeListener;
   onDeviceEntry(): void;

package/dist/types/components/3.organisms/input-bar/input-bar.d.ts

@@ -24,6 +24,10 @@ export declare class YooInputBarComponent {
    * Adavanced options to handle complex logic such as mentions,
    */
   advancedOptions?: IInputBarAdvancedOptions;
+  mentionConfigs?: {
+    type: string;
+    id: string;
+  };
   sendAttachment: EventEmitter<string>;
   sendText: EventEmitter<string>;
   mediaInput: EventEmitter<IChatInputParams>;
@@ -122,7 +126,7 @@ export declare class YooInputBarComponent {
   onWebRecorder(): Promise<void>;
   onNativeRecorder(): Promise<void>;
   onMicIconClicked(): Promise<void>;
-  onVibrate(): void;
+  onVibrate(): Promise<void>;
   onActionClick(preventFocusAfter?: boolean): Promise<void>;
   dismissKeyboard(): Promise<void>;
   onInputActionClick(type: MessageInput, captureOnly?: boolean): void | Promise<void>;

package/dist/types/components/3.organisms/video-player/types/index.d.ts

@@ -1,4 +1,4 @@
-import { IActionSheetButton, IFileInterface, IMediaDimension, TIconSize } from '@shared/interfaces';
+import type { IActionSheetButton, IFileInterface, IMediaDimension, TIconSize } from '@shared/interfaces';
 interface IVideoPlayerBase {
   source: string | File | IFileInterface;
   controls?: boolean;

package/dist/types/components/entities/card-list/color/types/index.d.ts

@@ -10,6 +10,7 @@ export interface ICardListColorEntry {
   iconTopRightColor?: TColor;
   iconTopMiddle?: TIconName;
   iconTopMiddleColor?: TColor;
+  iconTopMiddleCustomColor?: string;
   progress?: number;
   tagElements?: ITagElement[];
   imgSrc?: string;

package/dist/types/components/entities/card-sticky/card-sticky.d.ts

@@ -24,6 +24,7 @@ export declare class YooCardStickyComponent {
   renderMediaBadges(badges: ICardMediaBadge[], size?: TSize, headerView?: boolean): JSX.Element[];
   renderNewsfeedCard(): any;
   renderCoursesCard(): JSX.Element;
+  renderPhotosCard(): JSX.Element;
   renderBase(): JSX.Element;
   renderBasedOnType(): JSX.Element;
   render(): JSX.Element;

package/dist/types/components/entities/card-sticky/types/index.d.ts

@@ -10,11 +10,11 @@ export interface ICardStickyEntry {
   isLocked?: boolean;
   isBookmarked?: boolean;
   isTicked?: boolean;
-  isOngoing?: boolean;
+  inProgress?: boolean;
   user?: IUser;
   secondaryActionSheet?: IActionSheetButton[];
   avatarIconSize?: TIconSize;
   actionIconSize?: TBaseSize;
   mediaBadges?: ICardMediaBadge[];
 }
-export declare type TCardStickyType = Extract<EntityType, 'feeds' | 'courses' | 'courses-small' | 'plans'>;
+export declare type TCardStickyType = Extract<EntityType, 'feeds' | 'courses' | 'courses-small' | 'plans' | 'photos'>;