@yoobic/yobi 8.3.9 → 8.4.0-2

package/dist/design-system/yoo-form-plan-assign.entry.js

@@ -1,10 +1,10 @@
-import { r as registerInstance, i as createEvent, h } from './index-b1ce6cd4.js';
-import './index-85a9e60e.js';
-import { s as setValidator, a as setValueAndValidateInput } from './form-input-helpers-a0eae260.js';
-import { t as translate } from './overlays-670969b7.js';
+import { r as registerInstance, i as createEvent, h } from './index-53ad1641.js';
+import './index-20c0f2a7.js';
+import { s as setValidator, a as setValueAndValidateInput } from './form-input-helpers-5643b7bd.js';
+import { t as translate } from './overlays-6065b29a.js';
 import './lodash-653c0bcd.js';
-import './index-eec8505b.js';
-import './common-helpers-004aab17.js';
+import './index-f979113b.js';
+import './common-helpers-72ad460c.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formPlanAssignCss = ":host .margin-bottom{display:block;margin-bottom:1rem}";

package/dist/design-system/yoo-form-plan.entry.js

@@ -1,10 +1,10 @@
-import { r as registerInstance, i as createEvent, f as forceUpdate, h, g as getElement } from './index-b1ce6cd4.js';
-import './index-85a9e60e.js';
+import { r as registerInstance, i as createEvent, f as forceUpdate, h, g as getElement } from './index-53ad1641.js';
+import './index-20c0f2a7.js';
 import { C as get } from './lodash-653c0bcd.js';
-import { a as setValueAndValidateInput, s as setValidator } from './form-input-helpers-a0eae260.js';
-import { C as debounce, Q as findParent, dV as getPermissions, P as getAsyncExtraData, dW as isPlanInFuture, t as translate } from './overlays-670969b7.js';
-import './index-eec8505b.js';
-import './common-helpers-004aab17.js';
+import { a as setValueAndValidateInput, s as setValidator } from './form-input-helpers-5643b7bd.js';
+import { C as debounce, Q as findParent, dW as getPermissions, P as getAsyncExtraData, dX as isPlanInFuture, t as translate } from './overlays-6065b29a.js';
+import './index-f979113b.js';
+import './common-helpers-72ad460c.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formPlanCss = ":host .outer-container yoo-button{margin:var(--spacing-16, 1rem) 0}";

package/dist/design-system/yoo-form-pricecheck.entry.js

@@ -1,10 +1,10 @@
-import { r as registerInstance, i as createEvent, f as forceUpdate, h, g as getElement } from './index-b1ce6cd4.js';
-import { c as FormFieldType } from './index-eec8505b.js';
-import './index-85a9e60e.js';
+import { r as registerInstance, i as createEvent, f as forceUpdate, h, g as getElement } from './index-53ad1641.js';
+import { c as FormFieldType } from './index-f979113b.js';
+import './index-20c0f2a7.js';
 import { k as keys, v as isObject } from './lodash-653c0bcd.js';
-import { s as setValidator, a as setValueAndValidateInput } from './form-input-helpers-a0eae260.js';
-import { ae as showAlert, t as translate, a3 as getSession, bH as toSeconds, bI as dateDiff, Q as findParent, z as showModal, p as closeModal } from './overlays-670969b7.js';
-import './common-helpers-004aab17.js';
+import { s as setValidator, a as setValueAndValidateInput } from './form-input-helpers-5643b7bd.js';
+import { ae as showAlert, t as translate, a3 as getSession, bH as toSeconds, bI as dateDiff, Q as findParent, z as showModal, p as closeModal } from './overlays-6065b29a.js';
+import './common-helpers-72ad460c.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formPricecheckCss = ":host .outer-container .barcode-container,:host .readonly .barcode-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:98px;height:98px;margin-bottom:1rem;border:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0);border-radius:0.5rem;cursor:pointer}:host .outer-container .barcode-container .required,:host .readonly .barcode-container .required{position:absolute;top:auto;right:auto;bottom:auto;left:0.625rem;color:var(--app-color, #5a30f4);font-size:var(--font-size-16, 1rem)}:host .outer-container .products>.title,:host .readonly .products>.title{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin-top:0.5rem;color:var(--dark, #000000);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem);line-height:1.5;text-align:left;text-transform:uppercase}:host .outer-container .products .subtitle,:host .readonly .products .subtitle{margin-top:0.125rem;color:var(--text-color, #807f83);font-size:var(--font-size-12, 0.75rem)}:host .outer-container .products .remove,:host .outer-container .products .edit,:host .readonly .products .remove,:host .readonly .products .edit{display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:40px;text-align:center}:host .outer-container .products .entity,:host .readonly .products .entity{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .outer-container .products .toolbar,:host .readonly .products .toolbar{z-index:2;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:0 0.5rem 0.5rem 1rem;font-size:var(--font-size-14, 0.875rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container .products .toolbar.history,:host .readonly .products .toolbar.history{font-size:var(--font-size-14, 0.875rem)}:host .outer-container .products .toolbar .price,:host .readonly .products .toolbar .price{-ms-flex:1;flex:1;padding-left:0.5rem;padding-left:4.2rem;color:var(--dark, #000000);white-space:nowrap}:host .outer-container .products .toolbar .delta,:host .readonly .products .toolbar .delta{margin-left:1rem}:host .outer-container .products .toolbar .delta.success,:host .readonly .products .toolbar .delta.success{color:var(--success, #3aa76d)}:host .outer-container .products .toolbar .delta.app-color,:host .readonly .products .toolbar .delta.app-color{color:var(--app-color, #5a30f4)}:host .outer-container .products .toolbar .delta.danger,:host .readonly .products .toolbar .delta.danger{color:var(--danger, #d44333)}:host .outer-container .products .toolbar .icon,:host .readonly .products .toolbar .icon{width:22px;min-width:22px;height:22px;min-height:22px;text-align:center;background:var(--stable-light, #f1f1f1);border-radius:50%}:host .outer-container .products .footer,:host .readonly .products .footer{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding:0.5rem;padding-top:1rem;padding-bottom:0.5rem;color:var(--dark, #000000)}:host .outer-container .products .footer .title,:host .readonly .products .footer .title{-ms-flex:1;flex:1;text-transform:uppercase}:host .outer-container .products .footer .price,:host .readonly .products .footer .price{text-align:right}:host .readonly{padding:0.5rem 0.5rem 0 0}:host(.history) .readonly{padding:0 !important}";

package/dist/design-system/yoo-form-product-batch.entry.js

@@ -1,11 +1,11 @@
-import { r as registerInstance, i as createEvent, h, g as getElement } from './index-b1ce6cd4.js';
-import './index-85a9e60e.js';
-import { g as getProductBatchDateTag } from './operation-helpers-56980a3c.js';
-import { e as showPhotoEditor } from './common-helpers-004aab17.js';
-import { s as setValidator } from './form-input-helpers-a0eae260.js';
-import { t as translate } from './overlays-670969b7.js';
+import { r as registerInstance, i as createEvent, h, g as getElement } from './index-53ad1641.js';
+import './index-20c0f2a7.js';
+import { g as getProductBatchDateTag } from './operation-helpers-a2596f6d.js';
+import { e as showPhotoEditor } from './common-helpers-72ad460c.js';
+import { s as setValidator } from './form-input-helpers-5643b7bd.js';
+import { t as translate } from './overlays-6065b29a.js';
 import './lodash-653c0bcd.js';
-import './index-eec8505b.js';
+import './index-f979113b.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formProductBatchCss = ":host .readonly{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin-bottom:0.5rem}:host .readonly .content{-ms-flex:1;flex:1}:host .readonly yoo-img{width:5rem;height:5rem;margin-right:var(--spacing-16, 1rem)}:host .readonly .title{font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem);line-height:1.18}:host .readonly .subtitle{font-size:var(--font-size-18, 1.125rem)}:host .readonly .subtitle .value{padding-left:0.5rem;color:var(--text-color, #807f83)}:host .readonly yoo-tag{margin-top:0.5rem}";

package/dist/design-system/yoo-form-products-sales.entry.js

@@ -1,10 +1,10 @@
-import { r as registerInstance, i as createEvent, f as forceUpdate, h } from './index-b1ce6cd4.js';
-import './index-85a9e60e.js';
-import { s as setValidator } from './form-input-helpers-a0eae260.js';
-import { ae as showAlert, t as translate, a5 as appendIncentiveUnit, aS as gsapTo, ar as pipes } from './overlays-670969b7.js';
+import { r as registerInstance, i as createEvent, f as forceUpdate, h } from './index-53ad1641.js';
+import './index-20c0f2a7.js';
+import { s as setValidator } from './form-input-helpers-5643b7bd.js';
+import { ae as showAlert, t as translate, a5 as appendIncentiveUnit, aS as gsapTo, ar as pipes } from './overlays-6065b29a.js';
 import './lodash-653c0bcd.js';
-import './index-eec8505b.js';
-import './common-helpers-004aab17.js';
+import './index-f979113b.js';
+import './common-helpers-72ad460c.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formProductsSalesCss = ":host .outer-container.readonly{margin:1rem;padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);border-radius:var(--spacing-08, 0.5rem);-webkit-box-shadow:var(--web-shadow, 0 0.3125rem 0.8125rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--web-shadow, 0 0.3125rem 0.8125rem 0 rgba(40, 47, 54, 0.08))}:host .outer-container.readonly .total{margin:0}:host .outer-container.readonly .total span:not(.price){color:var(--stable, #adadad)}:host .outer-container.readonly .sales{margin-bottom:0}:host .outer-container .products{overflow:hidden}:host .outer-container .products.readonly{height:0}:host .outer-container .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem);line-height:var(--font-size-20, 1.25rem)}:host .outer-container .label .toggle{-ms-flex:1;flex:1;text-align:right}:host .outer-container .total-items{color:var(--stable, #adadad);font-size:var(--font-size-16, 1rem);line-height:var(--font-size-28, 1.75rem)}:host .outer-container .product{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin-top:var(--spacing-16, 1rem)}:host .outer-container .product .image yoo-img{width:96px;height:96px}:host .outer-container .product .details{-ms-flex:1;flex:1;padding-left:var(--spacing-16, 1rem);color:var(--stable, #adadad);font-size:var(--font-size-12, 0.75rem);line-height:var(--font-size-20, 1.25rem)}:host .outer-container .product .details .sales{font-size:var(--font-size-16, 1rem)}:host .outer-container .product .details .sales span{margin:0;font-weight:normal}:host .outer-container .product .details .sales .price{font-weight:normal;text-align:right}:host .outer-container .product .details .title{color:var(--dark, #000000);font-size:var(--font-size-16, 1rem)}:host .outer-container .product .details .price{padding-right:var(--spacing-08, 0.5rem);color:var(--dark, #000000);font-weight:var(--font-weight-700, 700)}:host .outer-container .product .details .tags yoo-tag{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .weight{color:var(--stable, #adadad)}:host .outer-container .sales{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;margin:var(--spacing-08, 0.5rem) 0 var(--spacing-24, 1.5rem) 0}:host .outer-container .sales .unactive{visibility:hidden}:host .outer-container .sales .price{-ms-flex:1;flex:1}:host .outer-container .sales yoo-button{margin:0 var(--spacing-08, 0.5rem)}:host .outer-container .sales div{margin:0 var(--spacing-04, 0.25rem);white-space:nowrap}:host .outer-container .sales yoo-form-input{width:4rem;min-width:3rem}:host .outer-container .sales .quantity{width:25%;margin:0;font-size:var(--font-size-12, 0.75rem);text-align:right;text-transform:uppercase}:host .outer-container .total{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin:var(--spacing-16, 1rem) 0}:host .outer-container .total span{-ms-flex:1;flex:1}:host .outer-container .total .price{font-weight:var(--font-weight-700, 700);text-align:right}";

package/dist/design-system/yoo-form-progress-indicator.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-b1ce6cd4.js';
-import './index-85a9e60e.js';
-import { g as getAppContext } from './common-helpers-004aab17.js';
-import { Z as translateMulti } from './overlays-670969b7.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-53ad1641.js';
+import './index-20c0f2a7.js';
+import { g as getAppContext } from './common-helpers-72ad460c.js';
+import { Z as translateMulti } from './overlays-6065b29a.js';
 import './lodash-653c0bcd.js';
-import './index-eec8505b.js';
+import './index-f979113b.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formProgressIndicatorCss = ":host{--scroll-container-color:unset;--scroll-container-margin:unset}:host .scroll-container{position:relative;min-height:5rem;margin:var(--scroll-container-margin);padding-bottom:var(--spacing-08, 0.5rem);background-color:var(--scroll-container-color);-webkit-transition:0.3s;transition:0.3s}:host .outer-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .outer-container .step-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:5rem;padding-top:0.75rem;cursor:pointer}:host .outer-container .step-container.last{margin-right:var(--spacing-16, 1rem)}:host .outer-container .step-container.active{padding-top:0.5625rem}:host .outer-container .step-container .step-title{display:-webkit-box;max-height:calc((var(--font-size-14, 0.875rem) + 0.125rem) * 2);overflow:hidden;line-height:calc(var(--font-size-14, 0.875rem) + 0.125rem);text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-ms-flexbox;display:flex;-ms-flex-item-align:center;align-self:center;-ms-flex-pack:center;justify-content:center;margin:var(--spacing-08, 0.5rem) var(--spacing-32, 2rem) 0 0;font-size:var(--font-size-14, 0.875rem)}:host .outer-container .step-container .step-circle-outer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:2.5rem;height:2.5rem}:host .outer-container .step-container .step-circle-outer.active{border:2px solid var(--dark, #000000);border-radius:50%}:host .outer-container .step-container .step-circle{border-radius:50%;position:relative;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:1.875rem;height:1.875rem;overflow:hidden;color:var(--light, #ffffff);font-size:var(--font-size-16, 1rem);background-color:var(--stable-light, #f1f1f1)}:host .outer-container .step-container .step-circle.more{padding:5.5px 8.5px;cursor:context-menu}:host .outer-container .step-container .step-circle.completed{color:var(--accent, #276ef1);background-color:var(--stable-alt, #d0d0d0)}:host .outer-container .step-container .step-circle .percentage-fill{position:absolute;top:auto;right:0;bottom:0;left:0;-webkit-transition:0.3s all;transition:0.3s all}:host .outer-container .step-container .progress-line{position:absolute;top:1.9375rem;right:-4px;bottom:auto;left:1rem;height:var(--border-width-01, 0.0625rem);background-color:var(--stable-light, #f1f1f1)}:host .outer-container .step-container .progress-line.first{left:4px}:host .outer-container .step-container .progress-line.last{right:50%}:host .outer-container .step-container .progress-line.active{left:44px}:host .outer-container .step-container .progress-line.active-next{right:0}:host .outer-container .context-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .outer-container .context-container span{position:relative;width:100%;padding:0.5rem 1rem;line-height:1.5;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0)}:host .outer-container .context-container span:last-child{border-bottom:none}:host .outer-container .context-container span:hover{color:var(--dark, #000000);background:var(--accent-hover)}:host .outer-container .context-container span.context-current{font-weight:var(--font-weight-700, 700)}:host .outer-container .context-container span yoo-icon{position:absolute;top:0.75rem;right:0.625rem;bottom:auto;left:auto}:host(.small) .outer-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;padding:0}:host(.small) .outer-container .step-container.last{width:1rem;margin-right:0}:host(.small) .outer-container .step-container.active{padding-top:0.6875rem}:host(.small) .outer-container .step-container .progress-line.active{left:0.25rem}:host(.small) .outer-container .step-container .step-circle-outer{width:1rem}:host(.small) .outer-container .step-container .step-circle-outer.active{border:none}:host(.small) .outer-container .step-container .step-circle-outer .step-circle{width:1.4rem;min-width:1.4rem;max-width:1.4rem;height:1.4rem;color:var(--text-color, #807f83);font-size:var(--font-size-12, 0.75rem);background:var(--stable-light, #f1f1f1);border:none}:host(.small) .outer-container .step-container .step-circle-outer .step-circle.current{color:var(--light, #ffffff);background:var(--success, #3aa76d)}:host(.small) .outer-container .step-container .step-circle-outer .step-circle.completed{background:var(--success, #3aa76d)}:host(.small) .outer-container .step-container .step-circle-outer .step-circle.light{background:var(--light, #ffffff);border:none}:host(.small) .outer-container .step-container .progress-line.active-next{background:var(--success, #3aa76d)}:host(.small) .outer-container .step-container .step-title{margin-top:0}:host(.vertical) .outer-container{-ms-flex-direction:column;flex-direction:column;max-width:2rem}:host(.vertical) .outer-container .step-container{position:relative;padding-right:0rem;padding-bottom:2.8125rem}:host(.vertical) .outer-container .step-container .step-title{position:relative;top:2.3125rem;right:0px;bottom:0px;left:2.8125rem}:host(.vertical) .outer-container .step-container .step-circle{padding:4.5px 0.5px;text-align:center}:host(.vertical) .outer-container .step-container .step-circle.completed .completed-icon{text-align:center}:host(.vertical) .outer-container .progress-line{position:absolute;top:2.6875rem;right:0.875rem;bottom:auto;left:auto;z-index:-1;width:5px;height:8.45rem;background-color:var(--stable-alt, #d0d0d0)}:host(.vertical) .outer-container .progress-line.faded{z-index:-2;background-color:var(--stable-light, #f1f1f1)}:host(.aligned-left) yoo-ion-scroll{padding:0 var(--spacing-16, 1rem)}:host(.aligned-left) .outer-container .step-container{display:block}:host(.aligned-left) .outer-container .step-container.last{width:auto}:host(.app-color) .outer-container .step-container .step-circle{color:var(--app-color, #5a30f4);background-color:var(--light, #ffffff);border:var(--border-width-01, 0.0625rem) solid var(--app-color, #5a30f4)}:host(.app-color) .outer-container .step-container .step-circle.completed{color:var(--light, #ffffff) !important;background:var(--app-color, #5a30f4)}:host(.app-color) .outer-container .step-container .step-circle.completed span{color:var(--light, #ffffff)}:host(.app-color) .outer-container .step-container .step-circle.invalid{color:var(--light, #ffffff) !important;background-color:var(--danger, #d44333);border:var(--border-width-01, 0.0625rem) solid var(--danger, #d44333)}:host(.app-color) .outer-container .step-container .step-circle.invalid span{color:var(--light, #ffffff)}:host(.app-color) .outer-container .step-container .step-circle.current-invalid{color:var(--danger, #d44333);border:var(--border-width-01, 0.0625rem) solid var(--danger, #d44333)}:host(.app-color) .outer-container .step-container .step-circle.locked{color:var(--light, #ffffff);background-color:var(--stable, #adadad);border:var(--border-width-01, 0.0625rem) solid var(--stable, #adadad)}:host(.app-color) .outer-container .step-container .step-circle .percentage-fill{background:var(--app-color, #5a30f4)}:host(.app-color) .outer-container .step-container .progress-line.completed{background-color:var(--app-color, #5a30f4)}:host(.app-color) .outer-container .step-container .step-circle.completed{background:var(--app-color, #5a30f4) !important;border:var(--border-width-01, 0.0625rem) solid var(--app-color, #5a30f4)}:host(.app-color) .outer-container .step-container .step-circle-outer .step-circle.current{border:var(--border-width-01, 0.0625rem) solid var(--app-color, #5a30f4)}:host(.app-color) .outer-container .step-container .progress-line.active-next{background:var(--app-color, #5a30f4) !important}:host(.success) .outer-container .step-container .step-circle{color:var(--success, #3aa76d);background-color:var(--light, #ffffff);border:var(--border-width-01, 0.0625rem) solid var(--success, #3aa76d)}:host(.success) .outer-container .step-container .step-circle.completed{color:var(--light, #ffffff) !important;background:var(--success, #3aa76d)}:host(.success) .outer-container .step-container .step-circle.completed span{color:var(--light, #ffffff)}:host(.success) .outer-container .step-container .step-circle.invalid{color:var(--light, #ffffff) !important;background-color:var(--danger, #d44333);border:var(--border-width-01, 0.0625rem) solid var(--danger, #d44333)}:host(.success) .outer-container .step-container .step-circle.invalid span{color:var(--light, #ffffff)}:host(.success) .outer-container .step-container .step-circle.current-invalid{color:var(--danger, #d44333);border:var(--border-width-01, 0.0625rem) solid var(--danger, #d44333)}:host(.success) .outer-container .step-container .step-circle.locked{color:var(--light, #ffffff);background-color:var(--stable, #adadad);border:var(--border-width-01, 0.0625rem) solid var(--stable, #adadad)}:host(.success) .outer-container .step-container .step-circle .percentage-fill{background:var(--success, #3aa76d)}:host(.success) .outer-container .step-container .progress-line.completed{background-color:var(--success, #3aa76d)}:host(.success) .outer-container .step-container .step-circle.completed{color:var(--success, #3aa76d);border:var(--border-width-01, 0.0625rem) solid var(--success, #3aa76d)}:host(.danger) .outer-container .step-container .step-circle{color:var(--danger, #d44333);background-color:var(--light, #ffffff);border:var(--border-width-01, 0.0625rem) solid var(--danger, #d44333)}:host(.danger) .outer-container .step-container .step-circle.completed{color:var(--light, #ffffff) !important;background:var(--danger, #d44333)}:host(.danger) .outer-container .step-container .step-circle.completed span{color:var(--light, #ffffff)}:host(.danger) .outer-container .step-container .step-circle.invalid{color:var(--light, #ffffff) !important;background-color:var(--danger, #d44333);border:var(--border-width-01, 0.0625rem) solid var(--danger, #d44333)}:host(.danger) .outer-container .step-container .step-circle.invalid span{color:var(--light, #ffffff)}:host(.danger) .outer-container .step-container .step-circle.current-invalid{color:var(--danger, #d44333);border:var(--border-width-01, 0.0625rem) solid var(--danger, #d44333)}:host(.danger) .outer-container .step-container .step-circle.locked{color:var(--light, #ffffff);background-color:var(--stable, #adadad);border:var(--border-width-01, 0.0625rem) solid var(--stable, #adadad)}:host(.danger) .outer-container .step-container .step-circle .percentage-fill{background:var(--danger, #d44333)}:host(.danger) .outer-container .step-container .progress-line.completed{background-color:var(--danger, #d44333)}:host(.danger) .outer-container .step-container .step-circle.completed{color:var(--danger, #d44333)}:host(.warning) .outer-container .step-container .step-circle{background-color:var(--warning, #ed6e33)}:host(.warning) .outer-container .step-container .step-circle.current{color:var(--warning, #ed6e33);border:var(--border-width-01, 0.0625rem) solid var(--warning, #ed6e33)}:host(.warning) .outer-container .progress-line-container .progress-line{background-color:var(--warning, #ed6e33)}:host(.warning) .outer-container .step-container .step-circle.completed{color:var(--warning, #ed6e33)}:host(.info) .outer-container .step-container .step-circle{background-color:var(--info, #d84c96)}:host(.info) .outer-container .step-container .step-circle.current{color:var(--info, #d84c96);border:var(--border-width-01, 0.0625rem) solid var(--info, #d84c96)}:host(.info) .outer-container .progress-line-container .progress-line{background-color:var(--info, #d84c96)}:host(.info) .outer-container .step-container .step-circle.completed{color:var(--info, #d84c96)}:host(.more-stable) yoo-truncate{background-color:var(--stable-ultralight, #fafafa)}";

package/dist/design-system/yoo-form-qrcode.entry.js

@@ -1,10 +1,10 @@
-import { r as registerInstance, i as createEvent, k as getAssetPath, h } from './index-b1ce6cd4.js';
-import './index-85a9e60e.js';
-import { s as setValidator } from './form-input-helpers-a0eae260.js';
-import { dq as generateYoobicQRCode, aj as downloadFile, t as translate, as as copyToClipboard, b5 as showToast, cH as updateSVGCustomColors } from './overlays-670969b7.js';
+import { r as registerInstance, i as createEvent, k as getAssetPath, h } from './index-53ad1641.js';
+import './index-20c0f2a7.js';
+import { s as setValidator } from './form-input-helpers-5643b7bd.js';
+import { dr as generateYoobicQRCode, aj as downloadFile, t as translate, as as copyToClipboard, b5 as showToast, cH as updateSVGCustomColors } from './overlays-6065b29a.js';
 import './lodash-653c0bcd.js';
-import './index-eec8505b.js';
-import './common-helpers-004aab17.js';
+import './index-f979113b.js';
+import './common-helpers-72ad460c.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formQrcodeCss = ":host .outer-container .inner-container{margin:var(--spacing-08, 0.5rem) 0}:host .outer-container.readonly yoo-img{width:50%;margin:auto}:host .outer-container.readonly p.description{margin-bottom:var(--spacing-24, 1.5rem);font-size:var(--font-size-14, 0.875rem)}:host .outer-container.readonly .inner-container{-ms-flex-align:center;align-items:center;margin-top:var(--spacing-08, 0.5rem);padding:var(--spacing-08, 0.5rem);background:var(--stable-light, #f1f1f1);border-radius:var(--border-radius-08, 0.5rem)}:host .outer-container.readonly .inner-container .header-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .outer-container.readonly .inner-container .header-container span{width:100%;font-weight:var(--font-weight-700, 700)}:host .outer-container.readonly .inner-container .header-container yoo-button{width:100%}:host .outer-container.readonly .inner-container .canvas-container{width:6.25rem;height:6.25rem;margin-top:var(--spacing-16, 1rem);padding:var(--spacing-16, 1rem);background-color:var(--light, #ffffff);border-radius:var(--border-radius-16, 1rem)}:host([size=large]) .outer-container.readonly .inner-container{margin-top:var(--spacing-16, 1rem);padding:var(--spacing-16, 1rem);border-radius:var(--border-radius-08, 0.5rem)}:host([size=large]) .outer-container.readonly .inner-container .canvas-container{width:12.5rem;height:12.5rem}";

package/dist/design-system/yoo-form-query-builder.entry.js

@@ -1,11 +1,11 @@
-import { r as registerInstance, i as createEvent, h } from './index-b1ce6cd4.js';
-import { s as setValidator, a as setValueAndValidateInput } from './form-input-helpers-a0eae260.js';
-import './overlays-670969b7.js';
+import { r as registerInstance, i as createEvent, h } from './index-53ad1641.js';
+import { s as setValidator, a as setValueAndValidateInput } from './form-input-helpers-5643b7bd.js';
+import './overlays-6065b29a.js';
 import './lodash-653c0bcd.js';
-import './index-eec8505b.js';
+import './index-f979113b.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-85a9e60e.js';
-import './common-helpers-004aab17.js';
+import './index-20c0f2a7.js';
+import './common-helpers-72ad460c.js';
 
 const formQueryBuilderCss = ":host{padding:0}";
 

package/dist/design-system/yoo-form-radio.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, i as createEvent, h } from './index-b1ce6cd4.js';
+import { r as registerInstance, i as createEvent, h } from './index-53ad1641.js';
 
 const formRadioCss = ":host([color=accent]) input:enabled:checked{border-color:var(--accent, #276ef1)}:host([color=accent]) input:enabled:hover{background-color:var(--accent-20, rgba(39, 110, 241, 0.2));border-color:var(--accent, #276ef1)}:host([color=anthracite]) input:enabled:checked{border-color:var(--anthracite, #1a1a1a)}:host([color=anthracite]) input:enabled:hover{background-color:var(--anthracite-20, rgba(26, 26, 26, 0.2));border-color:var(--anthracite, #1a1a1a)}:host([color=app-color]) input:enabled:checked{border-color:var(--app-color, #5a30f4)}:host([color=app-color]) input:enabled:hover{background-color:var(--app-color-20, rgba(90, 48, 244, 0.2));border-color:var(--app-color, #5a30f4)}:host([color=danger]) input:enabled:checked{border-color:var(--danger, #d44333)}:host([color=danger]) input:enabled:hover{background-color:var(--danger-20, rgba(212, 67, 51, 0.2));border-color:var(--danger, #d44333)}:host([color=dark]) input:enabled:checked{border-color:var(--dark, #000000)}:host([color=dark]) input:enabled:hover{background-color:var(--dark-20, rgba(0, 0, 0, 0.2));border-color:var(--dark, #000000)}:host([color=energized]) input:enabled:checked{border-color:var(--energized, #ffc043)}:host([color=energized]) input:enabled:hover{background-color:var(--energized-20, rgba(255, 192, 67, 0.2));border-color:var(--energized, #ffc043)}:host([color=info]) input:enabled:checked{border-color:var(--info, #d84c96)}:host([color=info]) input:enabled:hover{background-color:var(--info-20, rgba(216, 76, 150, 0.2));border-color:var(--info, #d84c96)}:host([color=light]) input:enabled:checked{border-color:var(--light, #ffffff)}:host([color=light]) input:enabled:hover{background-color:var(--light-20, rgba(255, 255, 255, 0.2));border-color:var(--light, #ffffff)}:host([color=stable]) input:enabled:checked{border-color:var(--stable, #adadad)}:host([color=stable]) input:enabled:hover{background-color:var(--stable-20, rgba(173, 173, 173, 0.2));border-color:var(--stable, #adadad)}:host([color=stable-alt]) input:enabled:checked{border-color:var(--stable-alt, #d0d0d0)}:host([color=stable-alt]) input:enabled:hover{background-color:var(--stable-alt-20, rgba(208, 208, 208, 0.2));border-color:var(--stable-alt, #d0d0d0)}:host([color=stable-light]) input:enabled:checked{border-color:var(--stable-light, #f1f1f1)}:host([color=stable-light]) input:enabled:hover{background-color:var(--stable-light-20, rgba(241, 241, 241, 0.2));border-color:var(--stable-light, #f1f1f1)}:host([color=stable-ultralight]) input:enabled:checked{border-color:var(--stable-ultralight, #fafafa)}:host([color=stable-ultralight]) input:enabled:hover{background-color:var(--stable-ultralight-20, rgba(250, 250, 250, 0.2));border-color:var(--stable-ultralight, #fafafa)}:host([color=success]) input:enabled:checked{border-color:var(--success, #3aa76d)}:host([color=success]) input:enabled:hover{background-color:var(--success-20, rgba(58, 167, 109, 0.2));border-color:var(--success, #3aa76d)}:host([color=text-color]) input:enabled:checked{border-color:var(--text-color, #807f83)}:host([color=text-color]) input:enabled:hover{background-color:var(--text-color-20, rgba(128, 127, 131, 0.2));border-color:var(--text-color, #807f83)}:host([color=warning]) input:enabled:checked{border-color:var(--warning, #ed6e33)}:host([color=warning]) input:enabled:hover{background-color:var(--warning-20, rgba(237, 110, 51, 0.2));border-color:var(--warning, #ed6e33)}:host input{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;margin:var(--spacing-02, 0.125rem);padding:0;border:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0);border-radius:50%;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}:host input:checked{background-color:var(--light, #ffffff)}:host input:disabled:not(:checked){background-color:var(--stable-ultralight, #fafafa);border-color:var(--stable-alt, #d0d0d0)}:host input:enabled{cursor:pointer}:host input:enabled:not(:checked){background-color:var(--light, #ffffff)}:host([size=small]) input,:host([size=medium]) input{width:0.875rem;min-width:0.875rem;height:0.875rem;min-height:0.875rem}:host([size=small]) input:checked,:host([size=medium]) input:checked{border-width:var(--border-width-03, 0.1875rem)}:host([size=large]) input{width:1.25rem;min-width:1.25rem;height:1.25rem;min-height:1.25rem}:host([size=large]) input:checked{border-width:var(--border-width-04, 0.25rem)}:host{--form-radio-label-gap:var(--spacing-16, 1rem)}:host input:enabled+label{cursor:pointer}:host label{padding-left:var(--spacing-08, 0.5rem);line-height:1}:host ::slotted(*){display:grid;grid-auto-flow:column;gap:var(--form-radio-label-gap);-ms-flex-align:center;align-items:center;white-space:nowrap}:host([size=small]) label{font-size:var(--font-size-12, 0.75rem)}:host([size=medium]) label{font-size:var(--font-size-14, 0.875rem)}:host([size=large]) label{font-size:var(--font-size-16, 1rem)}:host{display:grid}:host div{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host([flow=column]){grid-auto-columns:-webkit-max-content;grid-auto-columns:max-content;grid-auto-flow:column}:host([flow=column][size=small]),:host([flow=column][size=medium]){grid-gap:var(--spacing-16, 1rem)}:host([flow=column][size=large]){grid-gap:var(--spacing-24, 1.5rem)}:host([flow=row]){grid-auto-rows:1fr;grid-gap:var(--spacing-08, 0.5rem)}:host(.expanded) input{-ms-flex:none;flex:none}:host(.expanded) span{width:100%}:host label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;overflow:hidden;white-space:nowrap}:host yoo-tooltip{padding-left:var(--spacing-08, 0.5rem)}:host([flow=row].mission-validation) ::slotted(*){white-space:normal}:host([flow=row].mission-validation) div{padding-bottom:var(--spacing-08, 0.5rem)}";
 

package/dist/design-system/yoo-form-range.entry.js

@@ -1,10 +1,10 @@
-import { r as registerInstance, i as createEvent, h, e as Host } from './index-b1ce6cd4.js';
-import './index-85a9e60e.js';
+import { r as registerInstance, i as createEvent, h, e as Host } from './index-53ad1641.js';
+import './index-20c0f2a7.js';
 import { i as isArray, X as clamp, A as isEqual } from './lodash-653c0bcd.js';
-import { s as setValidator, a as setValueAndValidateInput } from './form-input-helpers-a0eae260.js';
-import { t as translate } from './overlays-670969b7.js';
-import './index-eec8505b.js';
-import './common-helpers-004aab17.js';
+import { s as setValidator, a as setValueAndValidateInput } from './form-input-helpers-5643b7bd.js';
+import { t as translate } from './overlays-6065b29a.js';
+import './index-f979113b.js';
+import './common-helpers-72ad460c.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formRangeCss = ":host yoo-range{-webkit-box-sizing:border-box;box-sizing:border-box}:host(:not([readonly])){display:grid}:host(:not([readonly])) yoo-range{padding:var(--spacing-08, 0.5rem)}:host([dual-knobs]){grid-column-gap:var(--spacing-16, 1rem);grid-template-columns:1fr 1fr}:host([dual-knobs]) yoo-range{grid-column:1/-1}";

package/dist/design-system/yoo-form-ranking.entry.js

@@ -1,14 +1,13 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-b1ce6cd4.js';
-import './index-85a9e60e.js';
-import { g as getAppContext } from './common-helpers-004aab17.js';
-import { c as checkArray } from './draggable-tags-helpers-6b36e6fb.js';
-import { a as setValueAndValidateInput } from './form-input-helpers-a0eae260.js';
-import { Q as findParent, aS as gsapTo, q as gsapTimeline, K as getCssColor, aR as Draggable, Z as translateMulti, aT as gsapSet } from './overlays-670969b7.js';
-import './lodash-653c0bcd.js';
-import './index-eec8505b.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-53ad1641.js';
+import './index-20c0f2a7.js';
+import { X as clamp } from './lodash-653c0bcd.js';
+import { a as setValueAndValidateInput } from './form-input-helpers-5643b7bd.js';
+import { aT as gsapSet, Z as translateMulti, q as gsapTimeline, aS as gsapTo, aR as Draggable } from './overlays-6065b29a.js';
+import './index-f979113b.js';
+import './common-helpers-72ad460c.js';
 import './_commonjsHelpers-f4d11124.js';
 
-const formRankingCss = ":host{display:block}:host .outer-container{position:relative;width:100%}:host .outer-container .list-item{position:absolute;top:0;width:100%}:host .outer-container .list-item .item-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:100%;background-color:var(--light, #ffffff);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container .list-item .item-content .value{width:100%;padding:var(--spacing-08, 0.5rem)}:host .outer-container .list-item .item-content yoo-icon{margin-right:var(--spacing-08, 0.5rem)}";
+const formRankingCss = ":host{position:relative;display:block;width:100%}:host ul{padding:0;list-style:none}:host ul li{position:absolute;width:100%}:host ul li.active{-webkit-box-shadow:var(--shadow-04, 0 0.75rem 1.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-04, 0 0.75rem 1.5rem 0 rgba(0, 0, 0, 0.1));cursor:-webkit-grabbing;cursor:grabbing}:host ul li.active>div{background-color:var(--stable-ultralight, #fafafa)}:host ul li>div{display:grid;grid-template-columns:auto 1fr auto;gap:var(--spacing-08, 0.5rem);-ms-flex-align:center;align-items:center;padding:var(--spacing-08, 0.5rem);background-color:var(--light, #ffffff);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}";
 
 const YooFormRankingComponent = class {
   constructor(hostRef) {
@@ -17,223 +16,107 @@ const YooFormRankingComponent = class {
     this.inputChanged = createEvent(this, "inputChanged", 7);
     this.isVisible = false;
     this.sortables = [];
-    this.preventInit = false; // helps prevent init() when mutating this.value
-    this.itemElements = [];
-  }
-  onModalAnimationFinished(iaf) {
-    if (iaf && this.isInModal) {
-      this.initRanking();
-    }
   }
   onIsVisibleChanged() {
-    if (this.isVisible) {
-      this.initRanking();
-    }
+    this.isVisible && this.init();
   }
-  componentDidLoad() {
-    this.initRanking();
+  onModalAnimationFinished() {
+    this.isAnimationFinished && this.init();
   }
-  componentDidUpdate() {
-    if (this.preventInit) {
-      this.preventInit = false;
-    }
-    else {
-      this.initRanking();
-    }
+  get itemElements() {
+    var _a;
+    return Array.from((_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('li')) || [];
   }
   validate() {
-    let isValid = true;
-    let isCompleted = true;
-    if (this.answers && this.answers.length) {
-      isCompleted = this.value.length === this.answers.length;
-    }
-    if (this.required && !isCompleted) {
-      isValid = false;
-    }
-    if (!this.validity || this.validity !== isValid) {
-      this.validityChanged.emit(isValid);
-      this.validity = isValid;
-    }
-    return this.validity;
-  }
-  get isInModal() {
-    return !!findParent(this.host, 'yoo-ion-modal');
-  }
-  get listItems() {
     var _a;
-    return Array.from((_a = this.outerContainerElement) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.list-item')) || [];
-  }
-  initRanking() {
-    if (this.outerContainerElement) {
-      this.prepareItems();
-      this.calculAbsoluteListHeight();
-    }
-  }
-  calculAbsoluteListHeight() {
-    if (this.outerContainerElement) {
-      const fittedHeight = this.listItems.reduce((acc, el) => (acc += el.clientHeight), 0);
-      this.outerContainerElement.style.height = `${fittedHeight}px`;
-    }
-  }
-  prepareItems() {
-    this.calcAndShowTags(this.listItems);
-    if (!this.readonly) {
-      Promise.all(this.listItems
-        .map((element, index) => {
-        return { index, element, value: this.values[index] };
-      })
-        .map((sortable, index) => this.setSortable(sortable.element, index)))
-        .then((sortables) => {
-        this.sortables = sortables;
-        this.sortables.forEach((s, i) => this.setItemPosition(s.element, i));
-      });
-    }
-    else {
-      this.listItems.forEach((el, index) => this.setItemPosition(el, index));
-    }
-  }
-  /**
-   * Get vertical position of the item element in the list by given index.
-   * Elements height can vary.
-   */
-  getListItemPosition(index) {
-    return this.listItems.slice(0, index).reduce((acc, el) => (acc += el.clientHeight), 0);
-  }
-  updateAnswer() {
-    this.preventInit = true;
-    this.value = this.sortables.sort((a, b) => a.index - b.index).map((sortable) => sortable.value);
-    setValueAndValidateInput(this.value, this);
-  }
-  calcAndShowTags(listItems) {
-    listItems.forEach((element, index) => {
-      this.setBadgeValue(element.querySelector('yoo-badge'), index);
-    });
-  }
-  setBadgeValue(badgeElement, index) {
-    badgeElement.text = (index + 1).toString();
-  }
-  changeIndex(item, to) {
-    // Change position in array
-    this.arrayMove(this.sortables, item.index, to);
-    // Change element's position in DOM. Not always necessary. Just showing how.
-    if (to === this.listItems.length - 1) {
-      this.outerContainerElement.appendChild(item.element);
-    }
-    else {
-      const i = item.index > to ? to : to + 1;
-      this.outerContainerElement.insertBefore(item.element, this.outerContainerElement.children[i]);
-    }
-    // Set index for each sortable
-    this.sortables.forEach((sortable, index) => sortable.setIndex(index));
-  }
-  layout(element, index) {
-    const itemPosition = this.sortables.slice(0, index).reduce((acc, el) => (acc += el.element.clientHeight), 0);
-    element && gsapTo(element, 0.3, { y: itemPosition });
+    this.validity = !!((_a = this.value) === null || _a === void 0 ? void 0 : _a.length);
+    this.validityChanged.emit(this.validity);
+    return this.validity;
   }
-  /**
-   * This function apply sortable ability to element.
-   * All necessary logic is encapsulated in this function
-   * and can be moved into separate class and reused somewhere else.
-   */
-  setSortable(itemElement, index) {
-    if (itemElement) {
-      let dragger = {};
-      let sortable = {};
-      const contentElement = itemElement.querySelector('.item-content');
-      const valueElement = itemElement.querySelector('.value');
-      const badgeElement = itemElement.querySelector('yoo-badge');
-      const draggableTriggerIcon = itemElement.querySelector('yoo-icon');
-      draggableTriggerIcon.style.height = `${valueElement.clientHeight}px`;
-      return gsapTimeline().then((timeline) => {
-        if (timeline) {
-          const animation = timeline({
-            boxShadow: getCssColor('shadow-03'),
-            force3D: true,
-            paused: true
-          });
-          const onPressItem = () => {
-            animation.play().then(() => {
-              this.sortables.forEach((s) => {
-                if (s.element) {
-                  const badge = s.element.querySelector('yoo-badge');
-                  badge.color = 'app-color';
-                }
-              });
-            });
-          };
-          const onDragItem = (scope) => {
-            this.listItems.forEach((item) => {
-              if (scope.hitTest(item, '50%')) {
-                const currentIndex = this.clamp(this.sortables.find((s) => s.element === item).index);
-                if (currentIndex !== sortable.index) {
-                  this.changeIndex(sortable, currentIndex);
-                }
-              }
-            });
-          };
-          const onReleaseItem = () => {
-            animation.reverse();
-            this.layout(itemElement, sortable.index);
-            this.updateAnswer();
-          };
-          dragger = new Draggable(itemElement, {
-            type: 'y',
-            trigger: draggableTriggerIcon,
-            onPress: onPressItem,
-            onRelease: onReleaseItem,
-            onDrag() { onDragItem(this); }
-          });
+  componentDidLoad() {
+    this.init();
+  }
+  async init() {
+    await this.prepareItems();
+    const fittedHeight = this.itemElements.reduce((acc, el) => (acc += el.clientHeight), 0);
+    this.host.style.height = `${fittedHeight + 24}px`;
+  }
+  async prepareItems() {
+    !this.readonly && (this.sortables = await Promise.all(this.itemElements.map(element => element && this.initDraggable(element))));
+    this.itemElements.forEach((element, index) => gsapSet(element, { y: this.itemElements.slice(0, index).reduce((acc, el) => (acc += el.clientHeight), 0) }));
+  }
+  async initDraggable(element) {
+    let sortable = {};
+    const value = this.values.find(value => translateMulti(value) === element.firstElementChild.textContent);
+    const animation = (await gsapTimeline())({ force3D: true, paused: true });
+    const layout = async () => {
+      const itemPosition = this.sortables.slice(0, sortable.index).reduce((acc, { element }) => (acc += element.clientHeight), 0);
+      element && gsapTo(element, .25, { y: itemPosition });
+    };
+    const changeIndex = (to) => {
+      const { element, index } = sortable || {};
+      if (to !== index) {
+        this.sortables.splice(to, 0, this.sortables.splice(index, 1)[0]);
+        if (to === this.itemElements.length - 1) {
+          this.listElement.appendChild(element);
+        }
+        else {
+          const i = index > to ? to : to + 1;
+          this.listElement.insertBefore(element, this.listElement.children[i]);
         }
-        const setItemIndex = (i) => {
-          sortable.index = i;
-          this.setBadgeValue(badgeElement, i);
-          if (!dragger.isDragging) {
-            this.layout(itemElement, sortable.index);
+        this.sortables.forEach((sortable, index) => sortable.setIndex(index));
+      }
+    };
+    if (animation) {
+      const onDragItem = (scope) => {
+        this.itemElements.forEach(itemElement => {
+          if (scope.hitTest(itemElement, '50%')) {
+            changeIndex(clamp(this.sortables.find(({ element }) => element === itemElement).index, 0, this.itemElements.length - 1));
           }
-        };
-        sortable = {
-          dragger: dragger,
-          element: itemElement,
-          index: index,
-          value: this.values.find((value) => translateMulti(value) === contentElement.querySelector('.value').textContent),
-          setIndex: setItemIndex
-        };
-        return sortable;
+        });
+      };
+      const onReleaseItem = async () => {
+        await animation.reverse();
+        await layout();
+        this.isDragging = false;
+        this.value = this.sortables.sort((a, b) => a.index - b.index).map(({ value }) => value);
+        setValueAndValidateInput(this.value, this);
+        element.classList.remove('active');
+      };
+      const dragger = new Draggable(element, {
+        type: 'y',
+        trigger: element.querySelector('yoo-icon'),
+        onPress: () => element.classList.add('active'),
+        onDragStart: () => this.isDragging = true,
+        onRelease: onReleaseItem,
+        onDrag() { onDragItem(this); }
       });
+      const setIndex = async (i) => {
+        sortable.index = i;
+        element.querySelector('yoo-badge').text = (i + 1).toString();
+        !dragger.isDragging && await layout();
+      };
+      sortable = { dragger, element, index: this.itemElements.indexOf(element), value, setIndex };
     }
-  }
-  setItemPosition(element, index) {
-    gsapSet(element, { y: this.getListItemPosition(index) });
-  }
-  arrayMove(array, from, to) {
-    // changes an elements's position in array
-    array.splice(to, 0, array.splice(from, 1)[0]);
-  }
-  clamp(value) {
-    // clamps a value to a min/max
-    const maxIndex = this.listItems.length - 1;
-    return value < 0 ? 0 : value > maxIndex ? maxIndex : value;
-  }
-  getCorrectionColor(value) {
-    if (checkArray(this.value) && checkArray(this.answers)) {
-      const isCorrect = this.value.indexOf(value) === this.answers.indexOf(value);
-      return isCorrect ? 'success' : 'danger';
-    }
+    return sortable;
   }
   renderItem(value, index) {
+    var _a, _b, _c;
+    const readonlyColor = (((_a = this.value) === null || _a === void 0 ? void 0 : _a.indexOf(value)) === ((_b = this.answers) === null || _b === void 0 ? void 0 : _b.indexOf(value))) ? 'success' : 'danger';
+    const badgeColor = this.readonly ? readonlyColor : `app-color${!this.isDragging && ((_c = this.value) === null || _c === void 0 ? void 0 : _c.length) ? '' : '-60'}`;
+    return h("li", null, h("div", null, h("yoo-badge", { color: badgeColor, size: "small", text: `${index + 1}` }), h("div", { class: "value" }, translateMulti(value)), !this.readonly && h("yoo-icon", { name: "ranking-toggle", color: "stable" })));
+  }
+  renderList() {
     var _a;
-    const badgeColor = this.readonly ? this.getCorrectionColor(value) : `app-color${((_a = this.value) === null || _a === void 0 ? void 0 : _a.length) ? '' : '-60'}`;
-    const text = this.readonly ? (index + 1).toString() : '';
-    return (h("div", { class: "list-item", ref: (el) => (this.itemElements[index] = el) }, h("div", { class: "item-content" }, h("yoo-badge", { color: badgeColor, size: "small", text: text }), h("div", { class: "value" }, translateMulti(value)), !this.readonly && h("yoo-icon", { name: "ranking-toggle", color: "stable" }))));
+    return h("ul", { ref: el => this.listElement = el }, (_a = (this.readonly ? this.value : this.values)) === null || _a === void 0 ? void 0 : _a.map((value, index) => this.renderItem(value, index)));
   }
   render() {
-    const values = this.readonly ? this.value : this.values;
-    return (!!(values === null || values === void 0 ? void 0 : values.length) && (h(Host, { class: getAppContext(this.host) }, h("div", { class: "outer-container", ref: (el) => (this.outerContainerElement = el) }, values.map((value, index) => this.renderItem(value, index))))));
+    return h(Host, null, this.renderList());
   }
   get host() { return getElement(this); }
   static get watchers() { return {
-    "isAnimationFinished": ["onModalAnimationFinished"],
-    "isVisible": ["onIsVisibleChanged"]
+    "isVisible": ["onIsVisibleChanged"],
+    "isAnimationFinished": ["onModalAnimationFinished"]
   }; }
 };
 YooFormRankingComponent.style = formRankingCss;

package/dist/design-system/yoo-form-recap-step.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, h } from './index-b1ce6cd4.js';
-import './index-85a9e60e.js';
-import { X as isNullOrUndefined, t as translate, Z as translateMulti } from './overlays-670969b7.js';
+import { r as registerInstance, h } from './index-53ad1641.js';
+import './index-20c0f2a7.js';
+import { X as isNullOrUndefined, t as translate, Z as translateMulti } from './overlays-6065b29a.js';
 import './lodash-653c0bcd.js';
-import './index-eec8505b.js';
+import './index-f979113b.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formRecapStepCss = ":host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin:var(--spacing-16, 1rem);margin-bottom:0;padding:var(--spacing-16, 1rem);text-align:left;background-color:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--tile-shadow, 0 1px 4px 0 rgba(0, 0, 0, 0.1));box-shadow:var(--tile-shadow, 0 1px 4px 0 rgba(0, 0, 0, 0.1));cursor:pointer}:host .outer-container .icon-outer-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%;margin-right:var(--spacing-16, 1rem)}:host .outer-container .icon-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:3rem;height:3rem;color:var(--light, #ffffff);font-size:var(--font-size-16, 1rem);border-radius:50%}:host .outer-container .icon-container:not(.transparent).locked{background-color:var(--stable, #adadad)}:host .outer-container .icon-container:not(.transparent).valid{background:var(--app-color, #5a30f4)}:host .outer-container .icon-container:not(.transparent).invalid{background:var(--danger, #d44333)}:host .outer-container .icon-container.step{position:relative;overflow:hidden;border:var(--border-width-01, 0.0625rem) solid var(--app-color, #5a30f4);fill:var(--app-color, #5a30f4)}:host .outer-container .icon-container.step yoo-icon{fill:var(--app-color, #5a30f4)}:host .outer-container .icon-container .percentage-fill{position:absolute;top:auto;right:0;bottom:0;left:0;background:var(--app-color, #5a30f4);-webkit-transition:0.3s all;transition:0.3s all}:host .outer-container .text-container{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:row;flex-direction:row}:host .outer-container .text-container .text-container-main{-ms-flex:1;flex:1}:host .outer-container .step-container{color:var(--dark, #000000);font-weight:bold;font-size:var(--font-size-16, 1rem)}:host .outer-container .step-container yoo-icon{padding-right:var(--spacing-04, 0.25rem);font-weight:var(--font-weight-700, 700)}:host .outer-container .avatars-container{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;padding-right:var(--spacing-08, 0.5rem)}:host .outer-container .subtitle-container{color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem)}";

package/dist/design-system/yoo-form-recurrence-delay.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, i as createEvent, h, e as Host } from './index-b1ce6cd4.js';
-import './index-85a9e60e.js';
-import { t as translate } from './overlays-670969b7.js';
+import { r as registerInstance, i as createEvent, h, e as Host } from './index-53ad1641.js';
+import './index-20c0f2a7.js';
+import { t as translate } from './overlays-6065b29a.js';
 import './lodash-653c0bcd.js';
-import './index-eec8505b.js';
+import './index-f979113b.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formRecurrenceDelayCss = ":host{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--spacing-16, 1rem)}";

package/dist/design-system/yoo-form-recurrence-preview.entry.js

@@ -1,9 +1,9 @@
-import { h, r as registerInstance, i as createEvent, e as Host, g as getElement } from './index-b1ce6cd4.js';
-import { h as getNextRecurrences } from './index-85a9e60e.js';
-import { g as getAppContext } from './common-helpers-004aab17.js';
-import { t as translate, ar as pipes, er as guessCurrentTimezone, p as closeModal, es as TIMEZONES } from './overlays-670969b7.js';
+import { h, r as registerInstance, i as createEvent, e as Host, g as getElement } from './index-53ad1641.js';
+import { h as getNextRecurrences } from './index-20c0f2a7.js';
+import { g as getAppContext } from './common-helpers-72ad460c.js';
+import { t as translate, ar as pipes, er as guessCurrentTimezone, p as closeModal, es as TIMEZONES } from './overlays-6065b29a.js';
 import './lodash-653c0bcd.js';
-import './index-eec8505b.js';
+import './index-f979113b.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formRecurrencePreviewCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;background-color:var(--light, #ffffff);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host header{font-weight:bold}:host main{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}:host main.empty{-ms-flex-pack:center;justify-content:center}:host main:not(.empty){padding:var(--spacing-16, 1rem) var(--spacing-48, 3rem);overflow:auto}:host h1{margin:0 0 var(--spacing-16, 1rem);font-size:inherit}:host p{margin:0;color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem);text-align:center}:host table{width:100%;border-collapse:collapse}:host table,:host td,:host th{border:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0)}:host tbody tr:nth-child(odd){background:var(--stable-light, #f1f1f1)}:host td,:host th{width:50%;padding:var(--spacing-08, 0.5rem) var(--spacing-24, 1.5rem);text-align:left}:host yoo-empty-state+p{margin-top:var(--spacing-16, 1rem)}:host .schedule{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--spacing-24, 1.5rem);width:100%;margin-top:var(--spacing-24, 1.5rem)}:host .timezones{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--spacing-16, 1rem);max-width:34.5rem}:host .timezones h1{text-align:right}:host .timezones p{grid-column:1/-1}";