@yoobic/yobi 8.6.0-4 → 8.6.0-5

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

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3bfe7d7a.js');
-require('./index-0b17142a.js');
-const commonHelpers = require('./common-helpers-0fb8b89b.js');
-const index$1 = require('./index-0e3ef7a3.js');
+const index = require('./index-c30696a0.js');
+require('./index-3b76ec77.js');
+const commonHelpers = require('./common-helpers-33e0d0b1.js');
+const index$1 = require('./index-65831a5f.js');
 require('./lodash-a9050d79.js');
-require('./index-d5115bb4.js');
+require('./index-1abca896.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const welcomeBannerCss = "svg:not(:root){overflow:hidden}:host{--text-font:var(--font-size-20, 1.25rem);--sub-text-font:var(--font-size-16, 1rem)}:host .container{padding:0.5rem 1rem}:host .container .text{font-size:var(--text-font);-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .container .sub-text{color:var(--stable, #adadad);font-size:var(--sub-text-font);-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.padding) .container{padding:2.4rem 1rem 0.4rem 1rem}:host(.padding) .container .text{font-size:var(--font-size-28, 1.75rem)}:host(.web){--text-font:var(--font-size-18, 1.125rem)}:host(.web) .container .text{font-weight:normal}:host(.more-points) .container .text{font-size:var(--font-size-28, 1.75rem)}:host(.more-points) .container .sub-text{font-weight:var(--font-weight-400, 400)}";

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

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

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3bfe7d7a.js');
-require('./index-0b17142a.js');
-const index$1 = require('./index-0e3ef7a3.js');
+const index = require('./index-c30696a0.js');
+require('./index-3b76ec77.js');
+const index$1 = require('./index-65831a5f.js');
 require('./lodash-a9050d79.js');
-require('./index-d5115bb4.js');
+require('./index-1abca896.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const widgetSmallSizeCss = "svg:not(:root){overflow:hidden}:host{--end-grid-gap:var(--spacing-08, 0.5rem);--end-content-color:var(--dark, #000000);--end-content-font-size:var(--font-size-48, 3rem);--end-content-font-weight:var(--font-weight-900, 900);--end-sub-content-color:var(--dark, #000000);--end-sub-content-font-size:var(--font-size-14, 0.875rem);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:100%;padding:var(--spacing-16, 1rem)}:host .title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}:host .title span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-ms-flex-positive:1;flex-grow:1;color:var(--dark, #000000);font-weight:var(--font-weight-900, 900);font-size:var(--font-size-16, 1rem)}:host .title yoo-icon{cursor:pointer}:host ::slotted(.centered){display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .end{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;grid-gap:var(--end-grid-gap);overflow:hidden}:host .end ::slotted([slot=end-content]){color:var(--end-content-color);font-weight:var(--end-content-font-weight);font-size:var(--end-content-font-size);line-height:var(--end-content-font-size)}:host .end ::slotted([slot=end-sub-content]){color:var(--end-sub-content-color);font-size:var(--end-sub-content-font-size)}";

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3bfe7d7a.js');
-require('./index-0b17142a.js');
+const index = require('./index-c30696a0.js');
+require('./index-3b76ec77.js');
 const lodash = require('./lodash-a9050d79.js');
-const index$1 = require('./index-0e3ef7a3.js');
-require('./index-d5115bb4.js');
+const index$1 = require('./index-65831a5f.js');
+require('./index-1abca896.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const widgetTabCss = "svg:not(:root){overflow:hidden}:host p{margin:0;margin-block:0;font-weight:var(--font-weight-700, 700);font-size:var(--font-size-14, 0.875rem);text-align:center}:host yoo-progress-bar{--svg-fill:none;--progress-value-font-weight:var(--font-weight-900, 900);--progress-value-font-size:var(--font-size-36, 2.25rem);-ms-flex-item-align:center;align-self:center;width:6rem;margin:var(--spacing-08, 0.5rem)}:host yoo-progress-bar.has-status{--progress-bar-color:var(--light, #ffffff);--trail-bar-color:var(--light-20, rgba(255, 255, 255, 0.2));--progress-value-color:var(--light, #ffffff)}:host yoo-progress-bar:not(.has-status){--progress-bar-color:var(--app-color, #5a30f4);--trail-bar-color:var(--app-color-20, rgba(90, 48, 244, 0.2));--progress-value-color:var(--app-color, #5a30f4)}:host yoo-progress-bar:not([metric=percentage]){--progress-value-font-size:var(--font-size-54, 3.375rem);--progress-bar-display:none;--trail-bar-display:none}:host yoo-tooltip{position:absolute;top:var(--spacing-08, 0.5rem);right:var(--spacing-08, 0.5rem)}:host .value{padding:var(--spacing-16, 1rem);font-weight:bold;font-size:var(--font-size-36, 2.25rem);text-align:center}:host .arrow-container{z-index:1;display:-ms-flexbox;display:flex;width:0;height:0;margin:var(--spacing-08, 0.5rem) auto 0;padding-top:var(--spacing-04, 0.25rem);border-right:0.75rem solid transparent;border-bottom:0.625rem solid var(--light, #ffffff);border-left:0.75rem solid transparent}:host .outer-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:var(--spacing-04, 0.25rem);border-radius:var(--border-radius-04, 0.25rem)}:host([disabled]) .outer-container{color:var(--stable-light, #f1f1f1);background:var(--stable, #adadad);cursor:no-drop;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(:not([disabled])) .outer-container{cursor:pointer}:host([is-active]:not([disabled])) .outer-container{color:var(--light, #ffffff);background:var(--app-color, #5a30f4);-webkit-box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1))}:host(:not([disabled]):not([is-active])) .arrow-container{visibility:hidden}:host(:not([disabled]):not([is-active])) .outer-container{color:var(--app-color, #5a30f4);background:var(--app-color-20, rgba(90, 48, 244, 0.2))}:host(.medium) .value{font-size:var(--font-size-28, 1.75rem)}";

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3bfe7d7a.js');
-require('./index-0b17142a.js');
-const index$1 = require('./index-0e3ef7a3.js');
+const index = require('./index-c30696a0.js');
+require('./index-3b76ec77.js');
+const index$1 = require('./index-65831a5f.js');
 require('./lodash-a9050d79.js');
-require('./index-d5115bb4.js');
+require('./index-1abca896.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const widgetTileCss = "svg:not(:root){overflow:hidden}:host .outer-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:end;justify-content:flex-end;width:100%;height:100%;color:var(--dark, #000000);background-color:var(--stable-light, #f1f1f1);border-radius:0.5rem;cursor:pointer}:host .outer-container.hasPhoto{color:var(--light, #ffffff)}:host .outer-container.hasPhoto .tile-text{text-align:center}:host .outer-container .image{background-position:center;border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container .overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:rgba(0, 0, 0, 0.15);border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container yoo-icon{position:absolute;top:0.5rem;left:0.5rem}:host .outer-container .tile-text{position:absolute;right:0.5rem;bottom:0.5rem;left:0.5rem;z-index:2;margin:auto;font-weight:bold;font-size:var(--font-size-16, 1rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.layout4x3) .outer-container yoo-icon{display:none}";

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3bfe7d7a.js');
-require('./index-0b17142a.js');
-const index$1 = require('./index-0e3ef7a3.js');
+const index = require('./index-c30696a0.js');
+require('./index-3b76ec77.js');
+const index$1 = require('./index-65831a5f.js');
 require('./lodash-a9050d79.js');
-require('./index-d5115bb4.js');
+require('./index-1abca896.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const workflowStateDialogCss = "svg:not(:root){overflow:hidden}:host{width:100%}:host .content{padding:var(--spacing-16, 1rem)}:host .info-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-16, 1rem);font-size:var(--font-size-14, 0.875rem)}:host .info-container.no-margin{margin-bottom:0}:host .info-container.no-wrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}:host .info-container .title{margin-bottom:var(--spacing-04, 0.25rem)}:host .info-container .user{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--dark, #000000)}:host .info-container yoo-avatar,:host .info-container .user-name{margin-right:var(--spacing-08, 0.5rem)}:host .info-container .comments{-ms-flex:1;flex:1;margin-left:var(--spacing-32, 2rem);color:var(--dark, #000000)}";

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

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

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

@@ -2,16 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3bfe7d7a.js');
-require('./index-0b17142a.js');
+const index = require('./index-c30696a0.js');
+require('./index-3b76ec77.js');
 const lodash = require('./lodash-a9050d79.js');
 const workflow_interface = require('./workflow.interface-ffda8358.js');
-const commonHelpers = require('./common-helpers-0fb8b89b.js');
-const index$4 = require('./index-2646ccb0.js');
-const index$2 = require('./index-23f5e551.js');
+const commonHelpers = require('./common-helpers-33e0d0b1.js');
+const index$4 = require('./index-e9c02f26.js');
+const index$2 = require('./index-7ea30df3.js');
 const index$3 = require('./index-9c56868f.js');
-const index$1 = require('./index-0e3ef7a3.js');
-require('./index-d5115bb4.js');
+const index$1 = require('./index-65831a5f.js');
+require('./index-1abca896.js');
 require('./annotations-helpers-fb554cca.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index$1 = require('./index-3bfe7d7a.js');
-const index = require('./index-0e3ef7a3.js');
-require('./index-0b17142a.js');
-require('./index-d5115bb4.js');
+const index$1 = require('./index-c30696a0.js');
+const index = require('./index-65831a5f.js');
+require('./index-3b76ec77.js');
+require('./index-1abca896.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./lodash-a9050d79.js');
 

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

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3bfe7d7a.js');
-require('./index-0b17142a.js');
+const index = require('./index-c30696a0.js');
+require('./index-3b76ec77.js');
 const lodash = require('./lodash-a9050d79.js');
 const annotationsHelpers = require('./annotations-helpers-fb554cca.js');
 const hammerHelpers = require('./hammer-helpers-e8117959.js');
-const index$1 = require('./index-0e3ef7a3.js');
+const index$1 = require('./index-65831a5f.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-d5115bb4.js');
+require('./index-1abca896.js');
 
 const zoomCss = "svg:not(:root){overflow:hidden}:host{overflow:hidden}:host([disabled]){cursor:default}:host([disabled]) ::slotted(*){-ms-touch-action:auto !important;touch-action:auto !important}";
 

package/dist/collection/collection-manifest.json

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

package/dist/collection/components/2.molecules/context-menu-dialog/context-menu-dialog.css

@@ -606,4 +606,8 @@ svg:not(:root) {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
+}
+
+:host(.font-large) {
+  font-size: var(--font-size-16, 1rem);
 }

package/dist/collection/components/3.organisms/input-bar/input-bar.js

@@ -348,7 +348,12 @@ export class YooInputBarComponent {
       if ((devices === null || devices === void 0 ? void 0 : devices.length) > 0) {
         let webcam = document.createElement('yoo-form-capture-webcam-dialog');
         webcam.device = devices[0];
-        const ret = await showModal(webcam, {}, '', getModalAnimation('Enter', 'X', { host: this.host, reversedSlide: true }), getModalAnimation('Leave', 'X', { host: this.host, reversedSlide: true }), true);
+        const ret = await showModal({
+          component: webcam,
+          enterAnimation: getModalAnimation('Enter', 'X', { host: this.host, reversedSlide: true }),
+          leaveAnimation: getModalAnimation('Leave', 'X', { host: this.host, reversedSlide: true }),
+          showBackdrop: true
+        });
         if (ret === null || ret === void 0 ? void 0 : ret.data) {
           await this.onHandleMediaInput(ret.data, MessageType.photo);
         }

package/dist/collection/components/3.organisms/photo-editor/photo-editor.helpers.js

@@ -347,7 +347,14 @@ export async function showPredefinedTextsDialog(isWeb, annotationElement) {
       values: getPredefinedTexts()
     });
     autoCompleteDialog.style.width = '100%';
-    const returnedValue = await showModal(autoCompleteDialog, modalOptions, modalClass, getModalAnimation('Enter'), getModalAnimation('Leave'), true);
+    const returnedValue = await showModal({
+      component: autoCompleteDialog,
+      componentProps: modalOptions,
+      cssClass: modalClass,
+      enterAnimation: getModalAnimation('Enter'),
+      leaveAnimation: getModalAnimation('Leave'),
+      showBackdrop: true
+    });
     const selectedPredefinedTexts = returnedValue === null || returnedValue === void 0 ? void 0 : returnedValue.data;
     const isDot = annotationElement.tagName.includes('TOOLTIP');
     const currentContent = (isDot ? await annotationElement['getEditableContent']() : annotationElement.textContent) || '';

package/dist/collection/components/3.organisms/toast/toast.css

@@ -769,6 +769,22 @@ svg:not(:root) {
   border-radius: var(--border-radius-08, 0.5rem);
 }
 
+:host(.notif) .outer-container .button {
+  order: 5;
+  width: var(--spacing-24, 1.5rem);
+  height: var(--spacing-24, 1.5rem);
+  margin-left: var(--spacing-16, 1rem);
+  font-weight: bold;
+  background: var(--stable, #adadad);
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+:host(.notif) .outer-container .button-container {
+  border-right: var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);
+}
+
 :host(.bg-app-color) .outer-container {
   background: var(--app-color, #5a30f4);
 }

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

@@ -156,12 +156,13 @@ export class YooToastComponent {
     return (h("div", { class: "right-media-container" }, h("yoo-img", { type: "background", src: this.rightMediaSrc })));
   }
   renderExtraButtons(extraButton, insideContextMenu = false) {
+    var _a;
     const extraClass = extraButton.cssClass ? extraButton.cssClass() : '';
     const hasGlobalActions = !!this.host.classList.contains('global-actions');
     const showTooltipBodyText = ((extraButton === null || extraButton === void 0 ? void 0 : extraButton.cssClass) ? !(extraButton.cssClass() || '').includes('hide-tooltip-text') : true) && !hasGlobalActions;
     let button;
     if (extraButton === null || extraButton === void 0 ? void 0 : extraButton.icon) {
-      button = h("yoo-icon", { size: "medium", name: extraButton.icon(), color: extraButton.color ? extraButton.color() : 'stable' });
+      button = h("yoo-icon", { name: extraButton.icon(), size: ((_a = extraButton === null || extraButton === void 0 ? void 0 : extraButton.size) === null || _a === void 0 ? void 0 : _a.call(extraButton)) || 'medium', color: extraButton.color ? extraButton.color() : 'stable' });
     }
     if (extraButton === null || extraButton === void 0 ? void 0 : extraButton.text) {
       const text = translate(extraButton.text());

package/dist/collection/components/3.organisms/video-player/videoplayer-dailymotion/videoplayer-dailymotion.js

@@ -12,6 +12,7 @@ export class YooVideoPlayerDailymotionComponent {
     this.fullscreen = false;
     this.startTime = undefined;
     this.source = undefined;
+    YooVideoPlayerDailymotionComponent.componentCounter += 1;
   }
   /**
  *

package/dist/collection/components/entities/card-list/default/card-list.css

@@ -1684,21 +1684,6 @@ svg:not(:root) {
   height: auto;
 }
 
-:host(.violetproducts) .outer-container,
-:host(.violetbasketitems) .outer-container {
-  align-items: center;
-}
-:host(.violetproducts) .outer-container yoo-icon.arrow,
-:host(.violetbasketitems) .outer-container yoo-icon.arrow {
-  margin-top: var(--spacing-04, 0.25rem);
-  margin-right: var(--spacing-04, 0.25rem);
-  margin-bottom: auto;
-}
-:host(.violetproducts) .content-container,
-:host(.violetbasketitems) .content-container {
-  border-bottom: var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);
-}
-
 :host(.form-permission) .outer-container {
   height: auto;
 }

package/dist/collection/components/entities/card-placeholder/card-placeholder.js

@@ -185,7 +185,7 @@ export class YooCardPlaceholderComponent {
         "mutable": false,
         "complexType": {
           "original": "EntityType",
-          "resolved": "\"aisles\" | \"community\" | \"courses\" | \"dashboards\" | \"language\" | \"operations\" | \"pages\" | \"questions\" | \"scoring\" | \"tableau\" | \"tag\" | \"user\" | \"weekdays\" | \"aclPermission\" | \"aclPermissionList\" | \"aclRole\" | \"aislelist\" | \"algorithm\" | \"apps\" | \"arexperience\" | \"armodel\" | \"audiences\" | \"badges\" | \"blog\" | \"broadcasts\" | \"calendarEvents\" | \"campaignfilters\" | \"creationtypes\" | \"catalogs\" | \"certificates\" | \"channel\" | \"channels\" | \"charttype\" | \"communities\" | \"contacts\" | \"coursecategories\" | \"courses-small\" | \"courseselection\" | \"currencies\" | \"customapps\" | \"customforms\" | \"custommodels\" | \"days\" | \"emails\" | \"entitycomments\" | \"environnement\" | \"feeds\" | \"feedsComments\" | \"files\" | \"filesFolders\" | \"filesPdf\" | \"folders\" | \"formfield\" | \"geofilters\" | \"giphy\" | \"googlemaps\" | \"groups\" | \"hashtags\" | \"hierarchy\" | \"htmltemplates\" | \"icons\" | \"incentives\" | \"journeys\" | \"lessondescriptions\" | \"lessons\" | \"liveshoppings\" | \"locations\" | \"locationsaudience\" | \"locationspublic\" | \"locationtypes\" | \"markas\" | \"mediacapturedevices\" | \"memolist\" | \"memos\" | \"missiondatas\" | \"missiondescriptions\" | \"missiondescriptioncategories\" | \"missiondescriptionreviewhistories\" | \"missiondescriptiontemplates\" | \"missionfield\" | \"missions\" | \"notes\" | \"notifications\" | \"photos\" | \"plans\" | \"productbatch\" | \"productbatchlist\" | \"products\" | \"productweightpair\" | \"publicAPITokens\" | \"questionsAnswers\" | \"regex\" | \"reporttemplates\" | \"reviewapps\" | \"salesdata\" | \"scorms\" | \"scormcloud\" | \"shifts\" | \"slots\" | \"tableauShared\" | \"tagGroups\" | \"tenants\" | \"topusers\" | \"translations\" | \"type\" | \"unsplash\" | \"useraudience\" | \"userranks\" | \"userhighscores\" | \"userlearningmanager\" | \"usercourseinfo\" | \"users\" | \"violetproducts\" | \"violetproductofferskus\" | \"violetbasketitems\" | \"violetshippingmethods\" | \"version\" | \"videocallusers\" | \"visits\" | \"waitlistvisit\" | \"waitlistcustomer\" | \"waitliststats\" | \"plansorlessons\" | \"widgets\"",
+          "resolved": "\"aisles\" | \"community\" | \"courses\" | \"dashboards\" | \"language\" | \"operations\" | \"pages\" | \"questions\" | \"scoring\" | \"tableau\" | \"tag\" | \"user\" | \"weekdays\" | \"aclPermission\" | \"aclPermissionList\" | \"aclRole\" | \"aislelist\" | \"algorithm\" | \"apps\" | \"arexperience\" | \"armodel\" | \"audiences\" | \"badges\" | \"blog\" | \"broadcasts\" | \"calendarEvents\" | \"campaignfilters\" | \"creationtypes\" | \"catalogs\" | \"certificates\" | \"channel\" | \"channels\" | \"charttype\" | \"communities\" | \"contacts\" | \"coursecategories\" | \"courses-small\" | \"courseselection\" | \"currencies\" | \"customapps\" | \"customforms\" | \"custommodels\" | \"days\" | \"emails\" | \"entitycomments\" | \"environnement\" | \"feeds\" | \"feedsComments\" | \"files\" | \"filesFolders\" | \"filesPdf\" | \"folders\" | \"formfield\" | \"geofilters\" | \"giphy\" | \"googlemaps\" | \"groups\" | \"hashtags\" | \"hierarchy\" | \"htmltemplates\" | \"icons\" | \"incentives\" | \"journeys\" | \"lessondescriptions\" | \"lessons\" | \"locations\" | \"locationsaudience\" | \"locationspublic\" | \"locationtypes\" | \"markas\" | \"mediacapturedevices\" | \"memolist\" | \"memos\" | \"missiondatas\" | \"missiondescriptions\" | \"missiondescriptioncategories\" | \"missiondescriptionreviewhistories\" | \"missiondescriptiontemplates\" | \"missionfield\" | \"missions\" | \"notes\" | \"notifications\" | \"photos\" | \"plans\" | \"productbatch\" | \"productbatchlist\" | \"products\" | \"productweightpair\" | \"publicAPITokens\" | \"questionsAnswers\" | \"regex\" | \"reporttemplates\" | \"reviewapps\" | \"salesdata\" | \"scorms\" | \"scormcloud\" | \"shifts\" | \"slots\" | \"tableauShared\" | \"tagGroups\" | \"tenants\" | \"topusers\" | \"translations\" | \"type\" | \"unsplash\" | \"useraudience\" | \"userranks\" | \"userhighscores\" | \"userlearningmanager\" | \"usercourseinfo\" | \"users\" | \"version\" | \"videocallusers\" | \"visits\" | \"waitlistvisit\" | \"waitlistcustomer\" | \"waitliststats\" | \"plansorlessons\" | \"widgets\"",
           "references": {
             "EntityType": {
               "location": "import",

package/dist/collection/components/entities/entity/entity.css

@@ -560,11 +560,6 @@ svg:not(:root) {
   overflow: visible;
 }
 
-:host(.violetproducts) yoo-card-list,
-:host(.violetbasketitems) yoo-card-list {
-  --border-bottom-outer-container: 0;
-}
-
 :host(.autocomplete-selected:not(.emails)) {
   overflow: hidden;
   white-space: nowrap;
@@ -724,112 +719,6 @@ svg:not(:root) {
   font-size: var(--font-size-12, 0.75rem);
 }
 
-:host(.violetproductofferskus) .slot-container .bg-accent {
-  background-color: var(--accent, #276ef1) !important;
-}
-:host(.violetproductofferskus) .slot-container .accent {
-  color: var(--accent, #276ef1);
-  fill: var(--accent, #276ef1);
-}
-:host(.violetproductofferskus) .slot-container .bg-app-color {
-  background-color: var(--app-color, #5a30f4) !important;
-}
-:host(.violetproductofferskus) .slot-container .app-color {
-  color: var(--app-color, #5a30f4);
-  fill: var(--app-color, #5a30f4);
-}
-:host(.violetproductofferskus) .slot-container .bg-danger {
-  background-color: var(--danger, #d44333) !important;
-}
-:host(.violetproductofferskus) .slot-container .danger {
-  color: var(--danger, #d44333);
-  fill: var(--danger, #d44333);
-}
-:host(.violetproductofferskus) .slot-container .bg-dark {
-  background-color: var(--dark, #000000) !important;
-}
-:host(.violetproductofferskus) .slot-container .dark {
-  color: var(--dark, #000000);
-  fill: var(--dark, #000000);
-}
-:host(.violetproductofferskus) .slot-container .bg-energized {
-  background-color: var(--energized, #ffc043) !important;
-}
-:host(.violetproductofferskus) .slot-container .energized {
-  color: var(--energized, #ffc043);
-  fill: var(--energized, #ffc043);
-}
-:host(.violetproductofferskus) .slot-container .bg-info {
-  background-color: var(--info, #d84c96) !important;
-}
-:host(.violetproductofferskus) .slot-container .info {
-  color: var(--info, #d84c96);
-  fill: var(--info, #d84c96);
-}
-:host(.violetproductofferskus) .slot-container .bg-light {
-  background-color: var(--light, #ffffff) !important;
-}
-:host(.violetproductofferskus) .slot-container .light {
-  color: var(--light, #ffffff);
-  fill: var(--light, #ffffff);
-}
-:host(.violetproductofferskus) .slot-container .bg-stable {
-  background-color: var(--stable, #adadad) !important;
-}
-:host(.violetproductofferskus) .slot-container .stable {
-  color: var(--stable, #adadad);
-  fill: var(--stable, #adadad);
-}
-:host(.violetproductofferskus) .slot-container .bg-stable-alt {
-  background-color: var(--stable-alt, #d0d0d0) !important;
-}
-:host(.violetproductofferskus) .slot-container .stable-alt {
-  color: var(--stable-alt, #d0d0d0);
-  fill: var(--stable-alt, #d0d0d0);
-}
-:host(.violetproductofferskus) .slot-container .bg-stable-light {
-  background-color: var(--stable-light, #f1f1f1) !important;
-}
-:host(.violetproductofferskus) .slot-container .stable-light {
-  color: var(--stable-light, #f1f1f1);
-  fill: var(--stable-light, #f1f1f1);
-}
-:host(.violetproductofferskus) .slot-container .bg-stable-ultralight {
-  background-color: var(--stable-ultralight, #fafafa) !important;
-}
-:host(.violetproductofferskus) .slot-container .stable-ultralight {
-  color: var(--stable-ultralight, #fafafa);
-  fill: var(--stable-ultralight, #fafafa);
-}
-:host(.violetproductofferskus) .slot-container .bg-success {
-  background-color: var(--success, #3aa76d) !important;
-}
-:host(.violetproductofferskus) .slot-container .success {
-  color: var(--success, #3aa76d);
-  fill: var(--success, #3aa76d);
-}
-:host(.violetproductofferskus) .slot-container .bg-text-color {
-  background-color: var(--text-color, #807f83) !important;
-}
-:host(.violetproductofferskus) .slot-container .text-color {
-  color: var(--text-color, #807f83);
-  fill: var(--text-color, #807f83);
-}
-:host(.violetproductofferskus) .slot-container .bg-warning {
-  background-color: var(--warning, #ed6e33) !important;
-}
-:host(.violetproductofferskus) .slot-container .warning {
-  color: var(--warning, #ed6e33);
-  fill: var(--warning, #ed6e33);
-}
-:host(.violetproductofferskus) .slot-container .bg-wood {
-  background-color: var(--wood, #99644c) !important;
-}
-:host(.violetproductofferskus) .slot-container .wood {
-  color: var(--wood, #99644c);
-  fill: var(--wood, #99644c);
-}
-
 :host(.dashboards.card-list-color) {
   display: block;
   margin-bottom: var(--spacing-08, 0.5rem);