@yoobic/yobi 8.6.0-5 → 8.6.0-6

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 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('./index-f6d9366b.js');
+const commonHelpers = require('./common-helpers-8c358f79.js');
+const index$1 = require('./index-64dbcd98.js');
 require('./lodash-a9050d79.js');
-require('./index-1abca896.js');
+require('./index-1b745f5a.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%}";

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c30696a0.js');
-require('./index-3b76ec77.js');
-const index$1 = require('./index-65831a5f.js');
+require('./index-f6d9366b.js');
+const index$1 = require('./index-64dbcd98.js');
 require('./lodash-a9050d79.js');
-require('./index-1abca896.js');
+require('./index-1b745f5a.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}";

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 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('./index-f6d9366b.js');
+const commonHelpers = require('./common-helpers-8c358f79.js');
+const index$1 = require('./index-64dbcd98.js');
 require('./lodash-a9050d79.js');
-require('./index-1abca896.js');
+require('./index-1b745f5a.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)}";

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c30696a0.js');
-require('./index-3b76ec77.js');
+require('./index-f6d9366b.js');
 const lodash = require('./lodash-a9050d79.js');
-const index$1 = require('./index-65831a5f.js');
-require('./index-1abca896.js');
+const index$1 = require('./index-64dbcd98.js');
+require('./index-1b745f5a.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)}";

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c30696a0.js');
-require('./index-3b76ec77.js');
-const index$1 = require('./index-65831a5f.js');
+require('./index-f6d9366b.js');
+const index$1 = require('./index-64dbcd98.js');
 require('./lodash-a9050d79.js');
-require('./index-1abca896.js');
+require('./index-1b745f5a.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)}";

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c30696a0.js');
-require('./index-3b76ec77.js');
+require('./index-f6d9366b.js');
 const lodash = require('./lodash-a9050d79.js');
-const index$1 = require('./index-65831a5f.js');
-require('./index-1abca896.js');
+const index$1 = require('./index-64dbcd98.js');
+require('./index-1b745f5a.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)}";

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c30696a0.js');
-require('./index-3b76ec77.js');
-const index$1 = require('./index-65831a5f.js');
+require('./index-f6d9366b.js');
+const index$1 = require('./index-64dbcd98.js');
 require('./lodash-a9050d79.js');
-require('./index-1abca896.js');
+require('./index-1b745f5a.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}";

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c30696a0.js');
-require('./index-3b76ec77.js');
-const index$1 = require('./index-65831a5f.js');
+require('./index-f6d9366b.js');
+const index$1 = require('./index-64dbcd98.js');
 require('./lodash-a9050d79.js');
-require('./index-1abca896.js');
+require('./index-1b745f5a.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)}";

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c30696a0.js');
-require('./index-3b76ec77.js');
+require('./index-f6d9366b.js');
 const lodash = require('./lodash-a9050d79.js');
-const index$1 = require('./index-65831a5f.js');
-require('./index-1abca896.js');
+const index$1 = require('./index-64dbcd98.js');
+require('./index-1b745f5a.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)}";

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

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c30696a0.js');
-require('./index-3b76ec77.js');
+require('./index-f6d9366b.js');
 const lodash = require('./lodash-a9050d79.js');
 const workflow_interface = require('./workflow.interface-ffda8358.js');
-const commonHelpers = require('./common-helpers-33e0d0b1.js');
-const index$4 = require('./index-e9c02f26.js');
-const index$2 = require('./index-7ea30df3.js');
+const commonHelpers = require('./common-helpers-8c358f79.js');
+const index$4 = require('./index-9f573174.js');
+const index$2 = require('./index-78dbd1ac.js');
 const index$3 = require('./index-9c56868f.js');
-const index$1 = require('./index-65831a5f.js');
-require('./index-1abca896.js');
+const index$1 = require('./index-64dbcd98.js');
+require('./index-1b745f5a.js');
 require('./annotations-helpers-fb554cca.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-c30696a0.js');
-const index = require('./index-65831a5f.js');
-require('./index-3b76ec77.js');
-require('./index-1abca896.js');
+const index = require('./index-64dbcd98.js');
+require('./index-f6d9366b.js');
+require('./index-1b745f5a.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./lodash-a9050d79.js');
 

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c30696a0.js');
-require('./index-3b76ec77.js');
+require('./index-f6d9366b.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-65831a5f.js');
+const index$1 = require('./index-64dbcd98.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-1abca896.js');
+require('./index-1b745f5a.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}";
 

package/dist/collection/collection-manifest.json

@@ -87,7 +87,6 @@
     "./components/3.organisms/mobile-tabbar/mobile-tabbar.js",
     "./components/3.organisms/mobile-tabbar-more/mobile-tabbar-more.js",
     "./components/3.organisms/numbers-display/numbers-display.js",
-    "./components/3.organisms/result-dialog/result-dialog.js",
     "./components/3.organisms/swipe-container/swipe-container.js",
     "./components/3.organisms/toast/toast.js",
     "./components/3.organisms/video-player/videoplayer-core.js",

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

@@ -47,7 +47,7 @@ export class YooTabsComponent {
     return new Promise(() => {
       var _a, _b, _c, _d, _e, _f;
       const tabsCount = (((_a = this.tabs) === null || _a === void 0 ? void 0 : _a.length) || 0) + (((_b = this.extraTabs) === null || _b === void 0 ? void 0 : _b.length) || 0);
-      if (index != null && index >= 0 && index < tabsCount) {
+      if (index !== null && index >= 0 && index < tabsCount) {
         if (this.tabElements.length > 0) {
           if (this.currentIndex !== index && this.tabElements[index] && this.autoScroll) {
             safeScrollIntoView(this.tabElements[index]);
@@ -93,7 +93,7 @@ export class YooTabsComponent {
             : this.isEditable && this.editableOptions && this.tabs.length > index || icon
               ? 'plus-one'
               : ''}` }, h("yoo-truncated-line", { tooltipPlacement: "auto", content: translateMulti(tab.title) }))
-        : h("span", null, translateMulti(tab.title)), this.isEditable && this.editableOptions && this.tabs.length > index && isWeb(this.host) && (h("yoo-context-menu", { class: "full-width editable", contentButtons: this.editableOptions(index) }, h("yoo-icon", { class: tab.iconColor, size: tab.iconOnlySize || (this.vertical ? 'medium' : 'small'), name: "more" }))), this.isEditable && this.editableOptions && this.tabs.length > index && !isWeb(this.host) && (h("yoo-icon", { class: tab.iconColor, size: tab.iconOnlySize || (this.vertical ? 'medium' : 'small'), name: "more", onClick: () => this.onShowOptions(index) })), isNumber(tab.notif) && tab.notif > 0 && !this.isEditable && (h("yoo-badge", { ref: (el) => (this.notifElements[index] = el), color: tagColor, shape: "oval", text: pipes.number.transform(tab.notif, '', 0) })), isString(tab.notif) && tab.notif.length > 0 && !this.isEditable && (h("yoo-tag", { ref: (el) => (this.notifElements[index] = el), color: tagColor }, tab.notif)), isBoolean(tab.notif) && tab.notif == true && !this.isEditable && h("yoo-badge", { shape: "dot" }), this.vertical && tab.description && h("yoo-icon", { name: isActive ? 'arrow-up' : 'arrow-down', size: "medium", color: "dark" })), !isWeb(this.host) && this.rippleEffect && h("yoo-ripple-effect", { ref: (el) => (this.rippleElements[index] = el) }), this.vertical && isActive && tab.description && h("div", { class: "tab-description", innerHTML: tab.description }))
+        : h("span", null, translateMulti(tab.title)), this.isEditable && this.editableOptions && this.tabs.length > index && isWeb(this.host) && (h("yoo-context-menu", { class: "full-width editable", contentButtons: this.editableOptions(index) }, h("yoo-icon", { class: tab.iconColor, size: tab.iconOnlySize || (this.vertical ? 'medium' : 'small'), name: "more" }))), this.isEditable && this.editableOptions && this.tabs.length > index && !isWeb(this.host) && (h("yoo-icon", { class: tab.iconColor, size: tab.iconOnlySize || (this.vertical ? 'medium' : 'small'), name: "more", onClick: () => this.onShowOptions(index) })), isNumber(tab.notif) && tab.notif > 0 && !this.isEditable && (h("yoo-badge", { ref: (el) => (this.notifElements[index] = el), color: tagColor, shape: "oval", text: pipes.number.transform(tab.notif, '', 0) })), isString(tab.notif) && tab.notif.length > 0 && !this.isEditable && (h("yoo-tag", { ref: (el) => (this.notifElements[index] = el), color: tagColor }, tab.notif)), isBoolean(tab.notif) && tab.notif === true && !this.isEditable && h("yoo-badge", { shape: "dot" }), this.vertical && tab.description && h("yoo-icon", { name: isActive ? 'arrow-up' : 'arrow-down', size: "medium", color: "dark" })), !isWeb(this.host) && this.rippleEffect && h("yoo-ripple-effect", { ref: (el) => (this.rippleElements[index] = el) }), this.vertical && isActive && tab.description && h("div", { class: "tab-description", innerHTML: tab.description }))
     ];
   }
   renderHorizontal() {

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

@@ -395,6 +395,15 @@ svg:not(:root) {
 :host .outer-container .alert-container .link {
   text-align: center;
 }
+:host .outer-container .alert-container .lottie {
+  display: flex;
+  justify-content: center;
+  margin: 0 var(--spacing-08, 0.5rem) 0 var(--spacing-08, 0.5rem) auto;
+}
+:host .outer-container .alert-container .lottie yoo-lottie {
+  width: 3.125rem;
+  height: 3.125rem;
+}
 :host .outer-container .alert-container .footer {
   margin: 0 auto;
   padding-top: 16px;

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

@@ -21,6 +21,7 @@ export class YooAlertComponent {
     this.icon = undefined;
     this.cssClass = undefined;
     this.img = undefined;
+    this.lottie = undefined;
     this.renameValue = undefined;
     this.badge = undefined;
     this.footer = undefined;
@@ -93,9 +94,6 @@ export class YooAlertComponent {
   renderButtons() {
     return (h("div", { class: "buttons-container" }, (this.buttons || []).map((button, index) => (h("div", { class: { 'button': true, [button.cssClass]: !!button.cssClass, 'last': index === this.buttons.length - 1 }, onClick: () => this.onButtonClick(button) }, h("span", { class: "button-text" }, button.text))))));
   }
-  renderLink() {
-    return h("span", { class: "link", innerHTML: translate(this.link) });
-  }
   renderActionButton() {
     return h("yoo-button", { fill: this.actionButton.fill, color: this.actionButton.color, size: this.actionButton.size, onClick: () => this.actionButton.handler() }, this.actionButton.text);
   }
@@ -114,11 +112,11 @@ export class YooAlertComponent {
         [this.cssClass]: this.cssClass,
         ...getAppContext(this.host),
         'webpart': (_a = getSession()) === null || _a === void 0 ? void 0 : _a.isWebPart
-      } }, ((_b = this.cssClass) === null || _b === void 0 ? void 0 : _b.includes('badge')) && this.renderHeader(), h("div", { class: "outer-container", style: { 'z-index': (MODAL_BASE_ZINDEX + this.overlayId).toString() } }, h("div", { class: "overlay", ref: (el) => (this.overlayElement = el), onClick: () => this.onOverlayClick(), style: { 'z-index': (MODAL_BASE_ZINDEX + this.overlayId).toString() } }), h("div", { ref: (el) => (this.alertElement = el), class: "alert-container", style: { 'z-index': (MODAL_BASE_ZINDEX + this.overlayId + 1).toString() } }, this.icon &&
+      } }, ((_b = this.cssClass) === null || _b === void 0 ? void 0 : _b.includes('badge')) && this.renderHeader(), h("div", { class: "outer-container", style: { 'z-index': (MODAL_BASE_ZINDEX + this.overlayId).toString() } }, h("div", { class: "overlay", ref: (el) => (this.overlayElement = el), onClick: () => this.onOverlayClick(), style: { 'z-index': (MODAL_BASE_ZINDEX + this.overlayId).toString() } }), h("div", { ref: (el) => (this.alertElement = el), class: "alert-container", style: { 'z-index': (MODAL_BASE_ZINDEX + this.overlayId + 1).toString() } }, this.lottie && (h("div", { class: "lottie" }, h("yoo-lottie", { type: this.lottie, autoplay: true }))), this.icon &&
       (((_c = this.cssClass) === null || _c === void 0 ? void 0 : _c.includes('badge')) ? (h("div", { class: "img-container" }, h("yoo-tag", { size: "extra-large", icon: this.icon, customColor: this.cssClass.replace('badge ', '') }))) : (h("div", { class: "icon-container" }, h("yoo-icon", { name: this.icon, size: "extra-large", color: this.iconColor })))), this.img && this.renderImage(), h("div", { class: {
         'header-container': true,
         'with-image': !!((_d = this.img) === null || _d === void 0 ? void 0 : _d.length)
-      } }, this.header && h("span", { class: "header", innerHTML: this.header })), this.message && (h("div", { class: "message-container" }, h("span", { class: "message" }, h("span", { innerHTML: this.message })))), this.link && this.renderLink(), this.actionButton && this.renderActionButton(), this.rename && this.renderRename(), this.footer && this.renderFooter(), !((_e = this.cssClass) === null || _e === void 0 ? void 0 : _e.includes('badge')) && this.renderButtons()))));
+      } }, this.header && h("span", { class: "header", innerHTML: this.header })), this.message && (h("div", { class: "message-container" }, h("span", { class: "message" }, h("span", { innerHTML: this.message })))), this.link && h("span", { class: "link", innerHTML: translate(this.link) }), this.actionButton && this.renderActionButton(), this.rename && this.renderRename(), this.footer && this.renderFooter(), !((_e = this.cssClass) === null || _e === void 0 ? void 0 : _e.includes('badge')) && this.renderButtons()))));
   }
   static get is() { return "yoo-alert"; }
   static get encapsulation() { return "shadow"; }
@@ -298,6 +296,28 @@ export class YooAlertComponent {
         "attribute": "img",
         "reflect": false
       },
+      "lottie": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "TLottieType",
+          "resolved": "\"battle\" | \"calendar\" | \"campaign\" | \"chat\" | \"check\" | \"contact\" | \"courses\" | \"feed\" | \"folder\" | \"group\" | \"heart\" | \"medal\" | \"mission\" | \"offline\" | \"poll\" | \"rejected\" | \"request\" | \"search\" | \"store\" | \"workflow\" | \"notes\" | \"reject\" | \"tags\" | \"dashboard\" | \"todo\" | \"time\" | \"areamanager\" | \"empty\" | \"error\" | \"location\" | \"notification\" | \"requestraised\" | \"storemanager\" | \"template\" | \"waiting\" | \"usertrial\" | \"rating\" | \"builtin\" | \"confetti\" | \"copy\" | \"fail\" | \"learning\" | \"notquite\" | \"onlineshopping\" | \"question\" | \"startfromscratch\" | \"thankyou\" | \"thumbsup\" | \"transition\" | \"translation\" | \"trophy\" | \"uploadfile\" | \"videochat\"",
+          "references": {
+            "TLottieType": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "lottie",
+        "reflect": false
+      },
       "renameValue": {
         "type": "string",
         "mutable": true,

package/dist/collection/components/2.molecules/modal/modal.js

@@ -252,6 +252,9 @@ export class YooModalComponent {
       return detachComponent(this.delegate, this.dialogContentElement);
     });
   }
+  async onWillPresent(callback) {
+    return eventMethod(this.host, 'modalWillPresent', callback);
+  }
   /**
    * Returns a promise that resolves when the modal did present. It also accepts a callback
    * that is called in the same circumstances.
@@ -1103,6 +1106,29 @@ export class YooModalComponent {
           "tags": []
         }
       },
+      "onWillPresent": {
+        "complexType": {
+          "signature": "(callback?: (detail: IOverlayEventDetail) => void) => Promise<IOverlayEventDetail>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "IOverlayEventDetail": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
+          },
+          "return": "Promise<IOverlayEventDetail<any>>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
+      },
       "onDidPresent": {
         "complexType": {
           "signature": "(callback?: (detail: IOverlayEventDetail) => void) => Promise<IOverlayEventDetail>",

package/dist/collection/components/3.organisms/device/device.js

@@ -24,6 +24,11 @@ export class YooDeviceComponent {
       this.resizeListener = debounce(this.resize, 500).bind(this);
       window.addEventListener('resize', this.resizeListener);
       this.resize();
+      const parent = findParent(this.host, this.scaledContainerSelector);
+      if (parent) {
+        this.resizeObserver = new ResizeObserver(this.resizeListener);
+        this.resizeObserver.observe(parent);
+      }
     }
     this.deviceCreated.emit(this.host);
   }
@@ -33,8 +38,10 @@ export class YooDeviceComponent {
     }
   }
   disconnectedCallback() {
+    var _a;
     window.removeEventListener('resize', this.resizeListener);
     document.body.dispatchEvent(new CustomEvent('deviceDestroyed', { detail: this.host }));
+    (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
   }
   resize() {
     const parent = findParent(this.host, this.scaledContainerSelector);

package/dist/collection/components/form/form-carousel/form-carousel.css

@@ -440,6 +440,10 @@ svg:not(:root) {
   background-color: var(--light, #ffffff);
 }
 
+:host(.rtl) .slide-nav yoo-tag.left, :host(.rtl) .slide-nav yoo-tag.right {
+  transform: scaleX(-1);
+}
+
 @media print {
   :host .media-container,
 :host .media-container .pdf-container {

package/dist/collection/components/form/form-carousel/form-carousel.js

@@ -35,7 +35,6 @@ export class YooFormCarouselComponent {
     this.hideSecondaryActions = undefined;
     this.navbarVisiblity = 'visible';
     this.currentActiveIndex = 0;
-    this.showPhotoCounts = this.displayPhotoCounter;
     this.visibility = false;
   }
   handlePinchZoom(event) {
@@ -94,17 +93,11 @@ export class YooFormCarouselComponent {
   onIonSlideTransitionEnd(ev) {
     ev.stopPropagation();
     if (this.ionSlides) {
-      this.showPhotoCounts = this.displayPhotoCounter;
       const newIndex = ev === null || ev === void 0 ? void 0 : ev.detail;
       if (!isNullOrUndefined(newIndex)) {
         this.currentActiveIndex = newIndex;
         this.slideChanges.emit(this.currentActiveIndex);
       }
-      this.paginationTimeout = setTimeout(() => {
-        if (this.showPhotoCounts) {
-          this.showPhotoCounts = false;
-        }
-      }, 1000);
     }
   }
   onSwipeDown() {
@@ -341,14 +334,14 @@ export class YooFormCarouselComponent {
     if (this.isPdf) {
       return this.renderPdfImage();
     }
-    return (h(SlideWrapper, { ...attrs }, h("yoo-ion-slides", { ref: (el) => (this.ionSlides = el), onIonSlideTransitionEnd: (ev) => this.onIonSlideTransitionEnd(ev), onIonSlideTouchStart: !this.previewMode ? () => clearTimeout(this.paginationTimeout) : null, options: {
+    return (h(SlideWrapper, { ...attrs }, h("yoo-ion-slides", { ref: (el) => (this.ionSlides = el), onIonSlideTransitionEnd: (ev) => this.onIonSlideTransitionEnd(ev), options: {
         autoplay: false,
         spaceBetween: 15,
         ...(isDocument ? { slidesPerView: 1.2 } : {}),
         ...(this.paginationType ? { pagination: { type: this.paginationType } } : {})
       }, navigation: false }, this.mediaSrc.map((src, index) => this.renderSlide(src, index))), !this.previewMode && this.mediaType !== 'audio' && !isDocument && (h("yoo-tag", { class: {
         'media-counts-container': true,
-        active: this.showPhotoCounts
+        active: this.displayPhotoCounter
       }, color: "dark-40", size: tagSize }, h("yoo-icon", { name: "multiple-photos", color: "light", size: tagSize, slot: "start" }), h("div", { class: "text" }, `${this.currentActiveIndex + 1}/${this.mediaSrc.length}`))), isWeb(this.host) && this.isMultiMedia(this.mediaSrc) && this.paginationType !== 'progressbar' && (h("div", { class: "slide-nav" }, this.currentActiveIndex > 0 && h("yoo-tag", { onClick: (ev) => this.onSlidePrev(ev), class: prevBtnLocation, icon: prevBtnLocation, color: "light", size: "medium" }), this.currentActiveIndex < this.mediaSrc.length - 1 && (h("yoo-tag", { onClick: (ev) => this.onSlideNext(ev), class: nextBtnLocation, icon: nextBtnLocation, color: "light", size: "medium" }))))));
   }
   renderIconsContainer() {
@@ -889,7 +882,6 @@ export class YooFormCarouselComponent {
   static get states() {
     return {
       "currentActiveIndex": {},
-      "showPhotoCounts": {},
       "visibility": {}
     };
   }

package/dist/collection/components/form/form-dynamic/form-dynamic.css

@@ -1513,6 +1513,9 @@ svg:not(:root) {
 :host(.mobile) {
   --footer-height: 5.75rem;
 }
+:host(.mobile) .inputs-container-parent.grid-flex {
+  height: 100%;
+}
 
 :host(.wizard) {
   display: block;

package/dist/collection/components/form/form-dynamic/form-dynamic.js

@@ -1,12 +1,12 @@
 import { FormFieldType, IncentivePartType, QUIZZ_COMPONENTS_FORM_FIELDS } from '@shared/interfaces';
-import { answerIsValid, cancelRequestInterval, closeModal, debounce, disableKeyboardResize, dispatchCustomEvent, enableKeyboardResize, evalInContext, findField, findParent, getConfidenceDescriptionKey, getConfidenceEmoji, getCssColor, getDistance, getFieldReplacement, getFieldValue, getModalAnimation, getSession, hasValue, isAndroid, isAnimationsDisabled, isChromeForIos, isConfidenceAssessment, isContentOnly, isFieldWithDirectValue, isFieldWithNoValue, isIonic, isIOS, isIphoneX, isKeyboardResizeModeInactive, isNativeMobile, isNullOrUndefined, isPhotoOrMultiPhotosField, isPresent, isQuiz, isSafari, isSamsung, isTimedQuiz, isValueATranslationKey, isVisible, isWeb, pipes, requestInterval, showContextMenu, showModal, showToast, slenderizeObject, translate, translateMulti, updateDatasetFilters } from '@shared/utils';
+import { answerIsValid, cancelRequestInterval, closeModal, debounce, disableKeyboardResize, dispatchCustomEvent, enableKeyboardResize, evalInContext, findField, findParent, getConfidenceDescriptionKey, getConfidenceEmoji, getCssColor, getDistance, getFieldReplacement, getFieldValue, getModalAnimation, getSession, hasValue, isAndroid, isAnimationsDisabled, isChromeForIos, isConfidenceAssessment, isContentOnly, isFieldWithDirectValue, isFieldWithNoValue, isIonic, isIOS, isIphoneX, isKeyboardResizeModeInactive, isNativeMobile, isNullOrUndefined, isPhotoOrMultiPhotosField, isPresent, isQuiz, isSafari, isSamsung, isTimedQuiz, isValueATranslationKey, isVisible, isWeb, pipes, requestInterval, sanitizeInputValue, showContextMenu, showModal, showToast, slenderizeObject, translate, translateMulti, updateDatasetFilters } from '@shared/utils';
 import { forceUpdate, h, Host } from '@stencil/core';
 import { assign, cloneDeep, compact, findLastIndex, flatten, get, groupBy, isArray, isEmpty, isEqual, isFunction, isNumber, isObject, isString, keys, orderBy, pick, range, result, uniqBy } from 'lodash-es';
 import { getMissionStatusIconName } from '../../../feature-operate/campaign/helpers/operation-helpers';
 import { getActiveElementShadow, getAppContext, hideShowTabbar, lockSwipes, querySelectorAllDeep, querySelectorDeep } from '../../../utils/helpers/common-helpers';
 import { generateLabel, getDynamicProperty, getTypeValidation, isCreationAllowed, isDisabled, isEditionAllowed, isReadonly, isRequired, setFieldData, updateFormulas } from '../../../utils/helpers/form-helpers';
 import { setValueAndResetInputValidity, setValueAndValidateInput } from '../../../utils/helpers/form-input-helpers';
-import { getFieldState, getInputType, getLastButtons, getLessonPageValidity, getNextButton, getPreviousAndNextButtons, getRecapButton, hasKeyboardInput } from './helpers';
+import { getFieldState, getInputType, getLastButtons, getLessonPageValidity, getNextButton, getPreviousAndNextButtons, getRecapButton, getSlideIndexFromTabs, hasKeyboardInput } from './helpers';
 export class YooFormDynamicComponent {
   constructor() {
     this.inputElements = [];
@@ -709,7 +709,7 @@ export class YooFormDynamicComponent {
       lockSwipes(this.ionSlides, true);
     }
     // Disabled this because of the warnings from stencil , not sure we still need it
-    if ((this.showTabs || this.showVerticalTabs) && !this.isLivePreview() && !['form-creator-announcement', 'form-creator-block'].includes(this.formType) && !(this.isMission() && !isWeb(this.host))) {
+    if ((this.showTabs || this.showVerticalTabs) && !this.isLivePreview() && !this.shouldUseTranslations() && !(this.isMission() && !isWeb(this.host))) {
       this.updateState(true);
     }
     this.host.classList.remove('no-initial-height');
@@ -884,7 +884,7 @@ export class YooFormDynamicComponent {
     return this.formType === 'workflow' || this.formType === 'form-creator-preview-workflow';
   }
   isFormCreatorBlock() {
-    return this.formType === 'form-creator-block';
+    return this.formType === 'form-creator-block' || this.formType === 'lesson-creator-block';
   }
   shouldUseTranslations() {
     return this.isFormCreatorBlock() || this.formType === 'form-creator-announcement';
@@ -2044,15 +2044,15 @@ export class YooFormDynamicComponent {
     }
   }
   onTabSelected(ev) {
-    if (!this.isLivePreview() && this.formType !== 'form-creator-block') {
+    if (!this.isLivePreview() && !this.isFormCreatorBlock()) {
       this.selectedTabIndexState = -1;
     }
     else {
       this.selectedTabIndexState = ev.detail.nextIndex;
     }
     this.selectedTabIndex = ev.detail.nextIndex;
-    this.activeIndex = this.selectedTabIndex;
-    const selectedSlideIndex = this.slides.findIndex((s) => { var _a; return (s.value || s.title) === ((_a = this.tabs[this.selectedTabIndex || 0]) === null || _a === void 0 ? void 0 : _a.value); }) || 0;
+    const selectedSlideIndex = getSlideIndexFromTabs(this.slides, this.tabs, this.selectedTabIndex);
+    this.activeIndex = selectedSlideIndex;
     this.tabChanged.emit({ tabIndex: this.selectedTabIndex, slideIndex: selectedSlideIndex });
     if (this.showVerticalTabs) {
       // we need to reset the validity because vertical tabs form are independant from each other
@@ -2167,19 +2167,20 @@ export class YooFormDynamicComponent {
       if (slides.length > 1) {
         this.slidesState = this.slidesState || [];
         this.tabs = this.slides.map((s, i) => {
-          var _a, _b, _c, _d;
+          var _a, _b, _c, _d, _e;
           return ({
             tabConfig: {
-              title: (_a = this.slides[i]) === null || _a === void 0 ? void 0 : _a.title,
-              value: ((_b = this.slides[i]) === null || _b === void 0 ? void 0 : _b.value) || this.slides[i].title,
-              icon: (_c = this.slides[i]) === null || _c === void 0 ? void 0 : _c.icon,
+              id: (_a = this.slides[i]) === null || _a === void 0 ? void 0 : _a._id,
+              title: (_b = this.slides[i]) === null || _b === void 0 ? void 0 : _b.title,
+              value: ((_c = this.slides[i]) === null || _c === void 0 ? void 0 : _c.value) || this.slides[i].title,
+              icon: (_d = this.slides[i]) === null || _d === void 0 ? void 0 : _d.icon,
               iconColor: this.showBadgesVerticalTabs ? this.slidesState[i].validity ? 'success' : 'danger' : null,
-              description: (_d = this.slides[i]) === null || _d === void 0 ? void 0 : _d.description
+              description: (_e = this.slides[i]) === null || _e === void 0 ? void 0 : _e.description
             },
             slide: s
           });
         }).filter((item, index) => { var _a; return this.isSlideVisible(item.slide) && !((_a = this.slidesState[index]) === null || _a === void 0 ? void 0 : _a.locked); }).map(item => ({ ...item.tabConfig }));
-        const selectedSlideIndex = slides.findIndex((s) => { var _a; return (s.value || s.title) === ((_a = this.tabs[this.selectedTabIndex || 0]) === null || _a === void 0 ? void 0 : _a.value); }) || 0;
+        const selectedSlideIndex = getSlideIndexFromTabs(slides, this.tabs, this.selectedTabIndex);
         const selectedSlide = slides[selectedSlideIndex];
         this.setTabSelectedValue(this.selectedTabIndex || 0);
         return [
@@ -2805,7 +2806,7 @@ export class YooFormDynamicComponent {
     return (h("yoo-button", { fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onToggleSecondaryField(field, slide, true) }, h("yoo-icon", { size: "medium", name: icon, color: isActive ? 'app-color' : 'stable' })));
   }
   renderToolbarButton(field) {
-    return (h("yoo-button", { size: isWeb(this.host) && !this.isLivePreview() ? 'medium' : 'large', color: field.color, onClick: () => this.onFieldButtonClick(field), disabled: field.disabledHandler ? field.disabledHandler(this.currentData) : false }, translate(field.title || field.name)));
+    return (h("yoo-button", { size: isWeb(this.host) && !this.isLivePreview() ? 'medium' : 'large', color: field.color, onClick: () => this.onFieldButtonClick(field), disabled: field.disabledHandler ? field.disabledHandler(this.currentData) : false }, field.icon && h("yoo-icon", { slot: "start", size: "small", color: field.iconPrefixColor || 'stable', name: field.icon }), translate(field.title || field.name)));
   }
   onFieldButtonClick(field) {
     Promise.resolve(field.handler(this.currentData, field, this.injector, this)).then(() => {
@@ -3166,7 +3167,7 @@ export class YooFormDynamicComponent {
         extraAttrs = {
           min: field.min,
           max: field.max,
-          allowDecimals: field.allowDecimals,
+          allowDecimals: isFunction(field.allowDecimals) ? field.allowDecimals(this.host) : field.allowDecimals,
           maxCharacters: field.maxCharacters,
           type: field.type === FormFieldType.number && isSamsung() ? FormFieldType.text : getInputType(field),
           inputmode: field.type === FormFieldType.number && isSamsung() ? 'numeric' : '',
@@ -4306,7 +4307,7 @@ export class YooFormDynamicComponent {
         TagType = 'yoo-form-missing-word';
         extraAttrs = {
           ...extraAttrs,
-          sentence: field.sentence
+          sentence: sanitizeInputValue(field.sentence)
         };
         break;
       case FormFieldType.imagetagging:
@@ -5075,7 +5076,7 @@ export class YooFormDynamicComponent {
         "mutable": false,
         "complexType": {
           "original": "FormDynamicType",
-          "resolved": "\"feed\" | \"form-creator-announcement\" | \"form-creator-block\" | \"form-creator-preview\" | \"form-creator-preview-kanban\" | \"form-creator-preview-lesson\" | \"form-creator-preview-workflow\" | \"kanban\" | \"lesson\" | \"lesson-detail\" | \"lesson-question-result\" | \"mission\" | \"mission-validation\" | \"poll\" | \"service\" | \"todo\" | \"visit\" | \"waitlist\" | \"workflow\"",
+          "resolved": "\"feed\" | \"form-creator-announcement\" | \"form-creator-block\" | \"form-creator-preview\" | \"form-creator-preview-kanban\" | \"form-creator-preview-lesson\" | \"form-creator-preview-workflow\" | \"kanban\" | \"lesson\" | \"lesson-creator-block\" | \"lesson-detail\" | \"lesson-question-result\" | \"mission\" | \"mission-validation\" | \"poll\" | \"service\" | \"todo\" | \"visit\" | \"waitlist\" | \"workflow\"",
           "references": {
             "FormDynamicType": {
               "location": "import",