@yoobic/yobi 8.4.0 → 8.4.1-2

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5ecafe7a.js');
-require('./index-eda86e5c.js');
-const overlays = require('./overlays-f31a234e.js');
+require('./index-d7d6e9a1.js');
+const overlays = require('./overlays-7ca6eb78.js');
 require('./lodash-72d493b9.js');
-require('./index-a4e2045d.js');
+require('./index-0f7c27e4.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const widgetSmallSizeCss = ":host{--end-grid-gap:var(--spacing-08, 0.5rem);--end-content-color:var(--dark, #000000);--end-content-font-size:var(--font-size-48, 3rem);--end-content-font-weight:var(--font-weight-900, 900);--end-sub-content-color:var(--dark, #000000);--end-sub-content-font-size:var(--font-size-14, 0.875rem);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:100%;padding:var(--spacing-16, 1rem)}:host .title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}:host .title span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-ms-flex-positive:1;flex-grow:1;color:var(--dark, #000000);font-weight:var(--font-weight-900, 900);font-size:var(--font-size-16, 1rem)}:host .title yoo-icon{cursor:pointer}:host ::slotted(.centered){display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .end{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;grid-gap:var(--end-grid-gap);overflow:hidden}:host .end ::slotted([slot=end-content]){color:var(--end-content-color);font-weight:var(--end-content-font-weight);font-size:var(--end-content-font-size);line-height:var(--end-content-font-size)}:host .end ::slotted([slot=end-sub-content]){color:var(--end-sub-content-color);font-size:var(--end-sub-content-font-size)}";

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

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

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5ecafe7a.js');
-require('./index-eda86e5c.js');
-const overlays = require('./overlays-f31a234e.js');
+require('./index-d7d6e9a1.js');
+const overlays = require('./overlays-7ca6eb78.js');
 require('./lodash-72d493b9.js');
-require('./index-a4e2045d.js');
+require('./index-0f7c27e4.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const widgetTileCss = ":host .outer-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:end;justify-content:flex-end;width:100%;height:100%;color:var(--dark, #000000);background-color:var(--stable-light, #f1f1f1);border-radius:0.5rem;cursor:pointer}:host .outer-container.hasPhoto{color:var(--light, #ffffff)}:host .outer-container.hasPhoto .tile-text{text-align:center}:host .outer-container .image{background-position:center;border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container .overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:rgba(0, 0, 0, 0.15);border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container yoo-icon{position:absolute;top:0.5rem;left:0.5rem}:host .outer-container .tile-text{position:absolute;right:0.5rem;bottom:0.5rem;left:0.5rem;z-index:2;margin:auto;font-weight:bold;font-size:var(--font-size-16, 1rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.layout4x3) .outer-container yoo-icon{display:none}";

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5ecafe7a.js');
-require('./index-eda86e5c.js');
-const overlays = require('./overlays-f31a234e.js');
+require('./index-d7d6e9a1.js');
+const overlays = require('./overlays-7ca6eb78.js');
 require('./lodash-72d493b9.js');
-require('./index-a4e2045d.js');
+require('./index-0f7c27e4.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const workflowStateDialogCss = ":host{width:100%}:host .content{padding:var(--spacing-16, 1rem)}:host .info-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-16, 1rem);font-size:var(--font-size-14, 0.875rem)}:host .info-container.no-margin{margin-bottom:0}:host .info-container.no-wrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}:host .info-container .title{margin-bottom:var(--spacing-04, 0.25rem)}:host .info-container .user{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--dark, #000000)}:host .info-container yoo-avatar,:host .info-container .user-name{margin-right:var(--spacing-08, 0.5rem)}:host .info-container .comments{-ms-flex:1;flex:1;margin-left:var(--spacing-32, 2rem);color:var(--dark, #000000)}";

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5ecafe7a.js');
-require('./index-eda86e5c.js');
+require('./index-d7d6e9a1.js');
 const lodash = require('./lodash-72d493b9.js');
-const overlays = require('./overlays-f31a234e.js');
-require('./index-a4e2045d.js');
+const overlays = require('./overlays-7ca6eb78.js');
+require('./index-0f7c27e4.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const workflowStateCss = ":host{width:100%}:host .menu{-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;padding:0;list-style:none}:host .menu .menu-item{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .menu .menu-item:not(:last-child) .menu-content{margin-bottom:var(--spacing-24, 1.5rem)}:host .menu .menu-item .menu-left{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}:host .menu .menu-item .menu-left.with-dot{width:2rem;margin-left:0.0313rem}:host .menu .menu-item .menu-left .menu-icon{z-index:2;width:1.875rem;height:1.875rem;text-align:center}:host .menu .menu-item .menu-left .menu-icon.menu-dot{width:1rem;height:1rem}:host .menu .menu-item .menu-left .menu-icon yoo-icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:1.875rem;height:1.875rem;padding:0;color:var(--light, #ffffff);font-size:var(--font-size-18, 1.125rem);line-height:1.875rem;background-color:var(--app-color, #5a30f4);border-radius:50%}:host .menu .menu-item .menu-left .menu-icon yoo-icon.dark{background-color:var(--dark, #000000)}:host .menu .menu-item .menu-left .menu-icon yoo-icon.info{background-color:var(--info, #d84c96)}:host .menu .menu-item .menu-left .menu-icon yoo-icon.danger{background-color:var(--danger, #d44333)}:host .menu .menu-item .menu-left .border{width:0.0625rem;height:100%;background-color:var(--stable-alt, #d0d0d0)}:host .menu .menu-item .menu-left .border.border-pre{height:2.5rem}:host .menu .menu-item .menu-left .border.border-pre.last{height:1rem}:host .menu .menu-item .menu-left .border.dark{background-color:var(--dark, #000000)}:host .menu .menu-item .menu-left .border.danger{background-color:var(--danger, #d44333)}:host .menu .menu-item .menu-left .border.info{background-color:var(--info, #d84c96)}:host .menu .menu-item .menu-right{width:100%;margin-left:var(--spacing-08, 0.5rem);overflow:hidden}:host .menu .menu-item .menu-right .menu-title{font-weight:bold;line-height:1}:host .menu .menu-item .menu-right .menu-content{color:var(--text-color, #807f83)}:host .menu .menu-item .menu-right .menu-content.menu-chart{margin-bottom:0}:host .menu .menu-item .menu-right .menu-title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:2rem}:host .menu .menu-item .menu-right .menu-content span{margin-right:0.5rem}:host .menu .menu-item .menu-right .menu-content yoo-avatar{margin-right:0.3125rem}:host .menu .menu-item .menu-right .menu-content .font-medium{font-size:var(--font-size-14, 0.875rem)}:host .menu .menu-item .menu-right .menu-content .font-small{font-size:var(--font-size-12, 0.75rem)}:host .menu .menu-item .menu-right .menu-content .dark{color:var(--dark, #000000)}:host .menu .menu-item .menu-right .menu-content .success{color:var(--success, #3aa76d)}:host .menu .menu-item .menu-right .menu-content .danger{color:var(--danger, #d44333)}:host .menu .menu-item .menu-right .menu-content .text-color{color:var(--text-color, #807f83)}:host .menu .menu-item .menu-right .menu-content table{width:100%;table-layout:fixed}:host .menu .menu-item .menu-right .menu-content table td{overflow:hidden;text-overflow:ellipsis}:host .menu .dot{width:0.25rem;height:0.25rem;margin:0 0.125rem;border:var(--border-width-04, 0.25rem) solid var(--stable, #adadad);border-radius:50%}:host .menu .menu-content .step{margin-bottom:var(--spacing-16, 1rem);padding:var(--spacing-16, 1rem);padding-top:var(--spacing-08, 0.5rem);background-color:var(--stable-light, #f1f1f1);border-radius:0.25rem}:host .menu .menu-content .step.completed{padding-top:var(--spacing-16, 1rem);padding-left:0;background-color:var(--light, #ffffff)}:host .menu .menu-content .step.rejected{padding-top:var(--spacing-16, 1rem);padding-left:0;background-color:var(--light, #ffffff)}:host .menu .menu-content .step.active{padding-top:var(--spacing-16, 1rem);padding-left:0;background-color:var(--light, #ffffff)}:host .menu .menu-content .step .header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:2rem}:host .menu .menu-content .step .header .title{-ms-flex:1;flex:1;padding-right:var(--spacing-08, 0.5rem);color:var(--dark, #000000);font-weight:bold;font-size:var(--font-size-16, 1rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-transform:capitalize}:host .menu .menu-content .step .header .detail{opacity:0.8}:host .menu .menu-content .step .comments .header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .menu .menu-content .step .substeps-container{margin-top:var(--spacing-08, 0.5rem);margin-left:var(--spacing-08, 0.5rem)}:host .menu .menu-content .step .substeps-container .substep{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .menu .menu-content .step .substeps-container .substep yoo-icon,:host .menu .menu-content .step .substeps-container .substep .dot{margin-right:var(--spacing-08, 0.5rem)}";

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

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5ecafe7a.js');
-require('./index-eda86e5c.js');
+require('./index-d7d6e9a1.js');
 const lodash = require('./lodash-72d493b9.js');
 const workflow_interface = require('./workflow.interface-ffda8358.js');
-const commonHelpers = require('./common-helpers-a039f106.js');
-const index$3 = require('./index-756db7c3.js');
-const index$1 = require('./index-8a288724.js');
+const commonHelpers = require('./common-helpers-9f6c472b.js');
+const index$3 = require('./index-2bf9226e.js');
+const index$1 = require('./index-611779ce.js');
 const index$2 = require('./index-9c56868f.js');
-const overlays = require('./overlays-f31a234e.js');
-require('./index-a4e2045d.js');
+const overlays = require('./overlays-7ca6eb78.js');
+require('./index-0f7c27e4.js');
 require('./annotations-helpers-fb554cca.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5ecafe7a.js');
-const overlays = require('./overlays-f31a234e.js');
-require('./index-eda86e5c.js');
+const overlays = require('./overlays-7ca6eb78.js');
+require('./index-d7d6e9a1.js');
 require('./lodash-72d493b9.js');
-require('./index-a4e2045d.js');
+require('./index-0f7c27e4.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 var __extends = (undefined && undefined.__extends) || (function () {

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5ecafe7a.js');
-require('./index-eda86e5c.js');
+require('./index-d7d6e9a1.js');
 const lodash = require('./lodash-72d493b9.js');
 const annotationsHelpers = require('./annotations-helpers-fb554cca.js');
 const hammerHelpers = require('./hammer-helpers-e8117959.js');
-const overlays = require('./overlays-f31a234e.js');
+const overlays = require('./overlays-7ca6eb78.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-a4e2045d.js');
+require('./index-0f7c27e4.js');
 
 const zoomCss = ":host{overflow:hidden}:host([disabled]){cursor:default}:host([disabled]) ::slotted(*){-ms-touch-action:auto !important;touch-action:auto !important}";
 

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

@@ -237,6 +237,9 @@ export class YooIonSlidesComponent {
     });
     this.initSwiper();
   }
+  componentWillUpdate() {
+    this.updateNavigationButtonsState();
+  }
   async connectedCallback() {
     if (this.disconnected) {
       this.componentDidLoad();

package/dist/collection/components/2.molecules/text-sequence/text-sequence.css

@@ -286,7 +286,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   bottom: var(--spacing-16, 1rem);
 }
 :host yoo-button[hidden] {
-  opacity: var(--spacing-16, 1rem);
+  opacity: 0;
 }
 :host yoo-button yoo-icon {
   fill: var(--app-color, #5a30f4);

package/dist/collection/components/form/form-choice/button/form-choice-button.js

@@ -22,7 +22,7 @@ export class YooFormChoiceButtonComponent {
     prepareChoice(this);
   }
   componentDidLoad() {
-    hasWarnings(this.values, this);
+    hasWarnings(this);
   }
   renderButton() {
     return this.choices && h("section", { id: "buttons" }, this.choices.map((item) => {
@@ -62,6 +62,45 @@ export class YooFormChoiceButtonComponent {
     "$": ["form-choice-button.css"]
   }; }
   static get properties() { return {
+    "size": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "TBaseSize",
+        "resolved": "\"large\" | \"medium\" | \"small\"",
+        "references": {
+          "TBaseSize": {
+            "location": "import",
+            "path": "@shared/interfaces"
+          }
+        }
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "size",
+      "reflect": true
+    },
+    "readonly": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "readonly",
+      "reflect": true
+    },
     "multiple": {
       "type": "boolean",
       "mutable": false,
@@ -122,23 +161,6 @@ export class YooFormChoiceButtonComponent {
       },
       "defaultValue": "[]"
     },
-    "readonly": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "readonly",
-      "reflect": true
-    },
     "useTranslate": {
       "type": "boolean",
       "mutable": false,
@@ -156,28 +178,6 @@ export class YooFormChoiceButtonComponent {
       "attribute": "use-translate",
       "reflect": false
     },
-    "size": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "TBaseSize",
-        "resolved": "\"large\" | \"medium\" | \"small\"",
-        "references": {
-          "TBaseSize": {
-            "location": "import",
-            "path": "@shared/interfaces"
-          }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "size",
-      "reflect": true
-    },
     "valuesColor": {
       "type": "unknown",
       "mutable": false,

package/dist/collection/components/form/form-choice/card/form-choice-card.js

@@ -19,7 +19,7 @@ export class YooFormChoiceCardComponent {
     (_a = this.imgElements) === null || _a === void 0 ? void 0 : _a.forEach((imgRef) => setColorSVG(imgRef.shadowRoot.querySelector('svg'), imgRef.classList.contains('selected') ? 'app-color' : 'stable'));
   }
   componentDidLoad() {
-    hasWarnings(this.values, this);
+    hasWarnings(this);
   }
   renderIcon(icon, selected) {
     return h("yoo-icon", { id: "icon", color: selected ? 'app-color' : 'dark', size: "extra-large", name: icon });
@@ -59,7 +59,7 @@ export class YooFormChoiceCardComponent {
       isSelected(item.value || item.title, this.selection) ||
       isSelected(item || item.title, this.selection));
     return (((item === null || item === void 0 ? void 0 : item.icon) || (item === null || item === void 0 ? void 0 : item.lottie) || (item === null || item === void 0 ? void 0 : item.image) || (item === null || item === void 0 ? void 0 : item.description) || (item === null || item === void 0 ? void 0 : item.title)) &&
-      h("div", { class: { 'select': true, selected }, style: { ...(this.maxWidth > 0 && { maxWidth: `${this.maxWidth}px` }) }, onClick: () => this.customEvent ? this.choiceSelected.emit(item.value || item.title) : onItemSelect(item.value || item.title, this) },
+      h("div", { class: { select: true, selected }, style: { ...(this.maxWidth > 0 && { maxWidth: `${this.maxWidth}px` }) }, onClick: () => this.customEvent ? this.choiceSelected.emit(item.value || item.title) : onItemSelect(item.value || item.title, this) },
         this.renderCardContent(item, selected, index),
         !item.image &&
           !item.lottie &&
@@ -91,6 +91,23 @@ export class YooFormChoiceCardComponent {
     "$": ["form-choice-card.css"]
   }; }
   static get properties() { return {
+    "readonly": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "readonly",
+      "reflect": true
+    },
     "multiple": {
       "type": "boolean",
       "mutable": false,
@@ -168,23 +185,6 @@ export class YooFormChoiceCardComponent {
       },
       "defaultValue": "[]"
     },
-    "readonly": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "readonly",
-      "reflect": true
-    },
     "useTranslate": {
       "type": "boolean",
       "mutable": false,

package/dist/collection/components/form/form-choice/chat/form-choice-chat.js

@@ -8,7 +8,7 @@ export class YooFormChoiceChatComponent {
     this.animated = true;
     this.multiple = false;
     this.validators = [];
-    this.shuffled = false;
+    this.shuffled = true;
     this.answer = [];
     this.values = [];
     this.selection = [];
@@ -24,7 +24,7 @@ export class YooFormChoiceChatComponent {
     prepareChoice(this);
   }
   componentDidLoad() {
-    hasWarnings(this.values, this);
+    hasWarnings(this);
   }
   renderChat() {
     var _a;
@@ -75,6 +75,45 @@ export class YooFormChoiceChatComponent {
       "reflect": true,
       "defaultValue": "true"
     },
+    "readonly": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "readonly",
+      "reflect": true
+    },
+    "size": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "TBaseSize",
+        "resolved": "\"large\" | \"medium\" | \"small\"",
+        "references": {
+          "TBaseSize": {
+            "location": "import",
+            "path": "@shared/interfaces"
+          }
+        }
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "size",
+      "reflect": true
+    },
     "multiple": {
       "type": "boolean",
       "mutable": false,
@@ -169,45 +208,6 @@ export class YooFormChoiceChatComponent {
       },
       "defaultValue": "[]"
     },
-    "readonly": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "readonly",
-      "reflect": true
-    },
-    "size": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "TBaseSize",
-        "resolved": "\"large\" | \"medium\" | \"small\"",
-        "references": {
-          "TBaseSize": {
-            "location": "import",
-            "path": "@shared/interfaces"
-          }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "size",
-      "reflect": true
-    },
     "validity": {
       "type": "boolean",
       "mutable": true,
@@ -258,7 +258,7 @@ export class YooFormChoiceChatComponent {
       },
       "attribute": "shuffled",
       "reflect": false,
-      "defaultValue": "false"
+      "defaultValue": "true"
     },
     "answer": {
       "type": "unknown",

package/dist/collection/components/form/form-choice/form-choice-helpers.js

@@ -42,8 +42,8 @@ export function updateValue(newVal, oldVal, choiceElement, onSelectCall) {
   }
 }
 export function updateValues(newVal, oldVal, choiceElement, warningMsgs) {
-  if (!isEqual(newVal, oldVal) && !hasWarnings(newVal, choiceElement, warningMsgs)) {
-    choiceElement.choices = updateChoices(choiceElement.values, choiceElement.shuffled);
+  if (!isEqual(newVal, oldVal) && !hasWarnings(choiceElement, warningMsgs)) {
+    choiceElement.choices = prepareValues(choiceElement);
   }
 }
 export function prepareChoice(choiceElement) {
@@ -51,14 +51,15 @@ export function prepareChoice(choiceElement) {
   if (!isNullOrUndefined(choiceElement.value)) {
     choiceElement.selection = [].concat(choiceElement.value);
   }
-  choiceElement.choices = updateChoices(choiceElement.values, choiceElement.shuffled);
+  choiceElement.choices = prepareValues(choiceElement);
 }
-export function hasWarnings(values, choiceElement, warningMsgs) {
-  const duplicateMessage = 'NODUPLICATEVALUES';
+export function hasWarnings(choiceElement, warningMsgs) {
+  const { values } = choiceElement;
   const hasDuplicatedValues = hasDuplicates(values === null || values === void 0 ? void 0 : values.map(v => (v === null || v === void 0 ? void 0 : v.text) || v));
-  showWarningBanner(choiceElement.host, hasDuplicatedValues || !!(warningMsgs === null || warningMsgs === void 0 ? void 0 : warningMsgs.length), hasDuplicatedValues ? duplicateMessage : warningMsgs === null || warningMsgs === void 0 ? void 0 : warningMsgs[0]);
+  showWarningBanner(choiceElement.host, hasDuplicatedValues || !!(warningMsgs === null || warningMsgs === void 0 ? void 0 : warningMsgs.length), hasDuplicatedValues ? 'NODUPLICATEVALUES' : warningMsgs === null || warningMsgs === void 0 ? void 0 : warningMsgs[0]);
   return hasDuplicatedValues && (warningMsgs === null || warningMsgs === void 0 ? void 0 : warningMsgs.length) > 0;
 }
-function updateChoices(values, shuffled) {
+function prepareValues(choiceElement) {
+  const { values, shuffled } = choiceElement;
   return shuffled ? shuffle(values) : values;
 }

package/dist/collection/components/form/form-choice/image/form-choice-image.js

@@ -8,7 +8,7 @@ export class YooFormChoiceImageComponent {
     this.animated = true;
     this.multiple = false;
     this.validators = [];
-    this.shuffled = false;
+    this.shuffled = true;
     this.answer = [];
     this.values = [];
     this.selection = [];
@@ -33,7 +33,7 @@ export class YooFormChoiceImageComponent {
     prepareChoice(this);
   }
   componentDidLoad() {
-    hasWarnings(this.values, this, this.hasEmptyValues && ['NOEMPTYVALUES']);
+    hasWarnings(this, this.hasEmptyValues && ['NOEMPTYVALUES']);
   }
   renderImage(image, text, index) {
     var _a;
@@ -235,7 +235,7 @@ export class YooFormChoiceImageComponent {
       },
       "attribute": "shuffled",
       "reflect": false,
-      "defaultValue": "false"
+      "defaultValue": "true"
     },
     "answer": {
       "type": "unknown",

package/dist/collection/components/form/form-choice/radio/form-choice-radio.js

@@ -42,7 +42,7 @@ export class YooFormChoiceRadioComponent {
     }
   }
   componentDidLoad() {
-    hasWarnings(this.values, this);
+    hasWarnings(this);
   }
   componentDidUpdate() {
     if (this.focusTextarea) {