@yoobic/yobi 8.3.0-15 → 8.3.0-16

package/dist/cjs/yoo-virtual-item.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6482c595.js');
-const index$1 = require('./index-03239b0f.js');
-const overlays = require('./overlays-62e7224d.js');
+const index$1 = require('./index-d98508ad.js');
+const overlays = require('./overlays-c38df680.js');
 require('./lodash-597bda6d.js');
 require('./index-01fc939d.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-virtual-scroll.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6482c595.js');
-require('./index-03239b0f.js');
+require('./index-d98508ad.js');
 const lodash = require('./lodash-597bda6d.js');
-const commonHelpers = require('./common-helpers-21857a6b.js');
-const overlays = require('./overlays-62e7224d.js');
+const commonHelpers = require('./common-helpers-99012e88.js');
+const overlays = require('./overlays-c38df680.js');
 require('./index-01fc939d.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

package/dist/cjs/yoo-waitlist-location-result.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6482c595.js');
-require('./index-03239b0f.js');
-const overlays = require('./overlays-62e7224d.js');
+require('./index-d98508ad.js');
+const overlays = require('./overlays-c38df680.js');
 require('./lodash-597bda6d.js');
 require('./index-01fc939d.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-waitlist-location-start.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6482c595.js');
-require('./index-03239b0f.js');
+require('./index-d98508ad.js');
 const lodash = require('./lodash-597bda6d.js');
-const overlays = require('./overlays-62e7224d.js');
+const overlays = require('./overlays-c38df680.js');
 require('./index-01fc939d.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6482c595.js');
-require('./index-03239b0f.js');
-const overlays = require('./overlays-62e7224d.js');
+require('./index-d98508ad.js');
+const overlays = require('./overlays-c38df680.js');
 require('./lodash-597bda6d.js');
 require('./index-01fc939d.js');
 require('./_commonjsHelpers-94df2ea7.js');

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6482c595.js');
-require('./index-03239b0f.js');
-const commonHelpers = require('./common-helpers-21857a6b.js');
-const overlays = require('./overlays-62e7224d.js');
+require('./index-d98508ad.js');
+const commonHelpers = require('./common-helpers-99012e88.js');
+const overlays = require('./overlays-c38df680.js');
 require('./lodash-597bda6d.js');
 require('./index-01fc939d.js');
 require('./_commonjsHelpers-94df2ea7.js');

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6482c595.js');
-require('./index-03239b0f.js');
-const overlays = require('./overlays-62e7224d.js');
+require('./index-d98508ad.js');
+const overlays = require('./overlays-c38df680.js');
 require('./lodash-597bda6d.js');
 require('./index-01fc939d.js');
 require('./_commonjsHelpers-94df2ea7.js');

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6482c595.js');
-require('./index-03239b0f.js');
-const commonHelpers = require('./common-helpers-21857a6b.js');
-const overlays = require('./overlays-62e7224d.js');
+require('./index-d98508ad.js');
+const commonHelpers = require('./common-helpers-99012e88.js');
+const overlays = require('./overlays-c38df680.js');
 require('./lodash-597bda6d.js');
 require('./index-01fc939d.js');
 require('./_commonjsHelpers-94df2ea7.js');

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6482c595.js');
-require('./index-03239b0f.js');
+require('./index-d98508ad.js');
 const lodash = require('./lodash-597bda6d.js');
-const overlays = require('./overlays-62e7224d.js');
+const overlays = require('./overlays-c38df680.js');
 require('./index-01fc939d.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6482c595.js');
-require('./index-03239b0f.js');
-const overlays = require('./overlays-62e7224d.js');
+require('./index-d98508ad.js');
+const overlays = require('./overlays-c38df680.js');
 require('./lodash-597bda6d.js');
 require('./index-01fc939d.js');
 require('./_commonjsHelpers-94df2ea7.js');

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6482c595.js');
-require('./index-03239b0f.js');
+require('./index-d98508ad.js');
 const lodash = require('./lodash-597bda6d.js');
-const overlays = require('./overlays-62e7224d.js');
+const overlays = require('./overlays-c38df680.js');
 require('./index-01fc939d.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6482c595.js');
-require('./index-03239b0f.js');
-const overlays = require('./overlays-62e7224d.js');
+require('./index-d98508ad.js');
+const overlays = require('./overlays-c38df680.js');
 require('./lodash-597bda6d.js');
 require('./index-01fc939d.js');
 require('./_commonjsHelpers-94df2ea7.js');

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6482c595.js');
-require('./index-03239b0f.js');
-const overlays = require('./overlays-62e7224d.js');
+require('./index-d98508ad.js');
+const overlays = require('./overlays-c38df680.js');
 require('./lodash-597bda6d.js');
 require('./index-01fc939d.js');
 require('./_commonjsHelpers-94df2ea7.js');

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6482c595.js');
-require('./index-03239b0f.js');
+require('./index-d98508ad.js');
 const lodash = require('./lodash-597bda6d.js');
-const overlays = require('./overlays-62e7224d.js');
+const overlays = require('./overlays-c38df680.js');
 require('./index-01fc939d.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

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

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6482c595.js');
-require('./index-03239b0f.js');
+require('./index-d98508ad.js');
 const lodash = require('./lodash-597bda6d.js');
 const workflow_interface = require('./workflow.interface-ffda8358.js');
-const commonHelpers = require('./common-helpers-21857a6b.js');
+const commonHelpers = require('./common-helpers-99012e88.js');
 const index$3 = require('./index-a962dcc6.js');
-const index$1 = require('./index-b0822d79.js');
+const index$1 = require('./index-b1efbe3a.js');
 const index$2 = require('./index-9c56868f.js');
-const overlays = require('./overlays-62e7224d.js');
+const overlays = require('./overlays-c38df680.js');
 require('./index-01fc939d.js');
 require('./annotations-helpers-6cf88388.js');
 require('./_commonjsHelpers-94df2ea7.js');

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6482c595.js');
-const overlays = require('./overlays-62e7224d.js');
-require('./index-03239b0f.js');
+const overlays = require('./overlays-c38df680.js');
+require('./index-d98508ad.js');
 require('./lodash-597bda6d.js');
 require('./index-01fc939d.js');
 require('./_commonjsHelpers-94df2ea7.js');

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6482c595.js');
-require('./index-03239b0f.js');
+require('./index-d98508ad.js');
 const lodash = require('./lodash-597bda6d.js');
 const annotationsHelpers = require('./annotations-helpers-6cf88388.js');
 const hammerHelpers = require('./hammer-helpers-e8117959.js');
-const overlays = require('./overlays-62e7224d.js');
+const overlays = require('./overlays-c38df680.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-01fc939d.js');
 

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

@@ -31,6 +31,7 @@ export class YooFormAutocompleteComponent {
     this.pageSize = 20;
     this.readonlyDisplay = 'inline';
     this.preventUpload = false;
+    this.dialogWidth = 'unset';
     this.showDropdownContent = false;
     this.selection = [];
     this.showEmptyItemsAddNewTag = false;
@@ -591,6 +592,7 @@ export class YooFormAutocompleteComponent {
     this.dialog.infiniteScrollDisabled = this.infiniteScrollDisabled;
     this.dialog.value = this.value;
     this.dialog.values = this.isLocal ? (this.storeLocalSearchValue !== undefined ? this.storeLocalValues : this.localValues) : this.values;
+    this.dialog.setAttribute('style', `--dialog-width: ${this.dialogWidth}`);
     this.dialog.addEventListener('currentPageChanged', (ev) => {
       ev.stopPropagation();
       this.onCurrentPageChange(ev.detail);
@@ -2572,6 +2574,24 @@ export class YooFormAutocompleteComponent {
       "attribute": "prevent-upload",
       "reflect": false,
       "defaultValue": "false"
+    },
+    "dialogWidth": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "dialog-width",
+      "reflect": false,
+      "defaultValue": "'unset'"
     }
   }; }
   static get states() { return {

package/dist/collection/components/form/form-autocomplete-dialog/form-autocomplete-dialog.css

@@ -201,6 +201,9 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 /* used for logos */
 /* spacing for padding, margin, etc... */
 /* shadow */
+:host {
+  --dialog-width: unset;
+}
 :host .outer-container {
   position: relative;
   display: flex;
@@ -237,6 +240,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 
 :host(.web) {
   position: absolute;
+  width: var(--dialog-width);
   max-height: 25rem;
   box-shadow: var(--shadow-04, 0 0.75rem 1.5rem 0 rgba(0, 0, 0, 0.1));
 }
@@ -249,7 +253,6 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 }
 :host(.web) .web-dialog-container yoo-ion-scroll {
   position: relative;
-  width: 17.5rem;
   height: auto;
   min-height: 5.375rem;
   max-height: inherit;

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

@@ -31,7 +31,7 @@ export class YooFormChoiceImageComponent {
   }
   renderImage(image, text, values, index) {
     const readonly = this.readonly || this.isPdf;
-    const answer = [].concat(this.answer).map(a => a.text ? a.text : a);
+    const answer = [].concat(this.answer).map(a => { var _a; return (_a = a.text) !== null && _a !== void 0 ? _a : a; });
     const isCorrect = answer.includes(text);
     const onOpenImage = (values, index) => showSlidesMedia({ items: values.map(({ image }) => ({ value: image })), currentSlideIndex: index, showBottomContainer: false });
     return (h("div", { class: "image-container", onClick: () => this.isHistory && onOpenImage(values, index), style: this.animated ? { '--choice-index': index.toString() } : {} },
@@ -240,9 +240,17 @@ export class YooFormChoiceImageComponent {
       "type": "unknown",
       "mutable": false,
       "complexType": {
-        "original": "string[]",
-        "resolved": "string[]",
-        "references": {}
+        "original": "(string | Pick<IFormChoiceValue, 'text' | 'image'>)[]",
+        "resolved": "(string | Pick<IFormChoiceValue, \"image\" | \"text\">)[]",
+        "references": {
+          "Pick": {
+            "location": "global"
+          },
+          "IFormChoiceValue": {
+            "location": "import",
+            "path": "../../../../interfaces"
+          }
+        }
       },
       "required": false,
       "optional": false,

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

@@ -399,7 +399,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 :host {
   display: block;
   width: 100%;
-  max-width: 24rem;
+  max-width: 30rem;
   margin: 0 auto;
 }
 :host p {
@@ -429,37 +429,37 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 :host yoo-img {
   border-radius: inherit;
 }
-:host .inner-container,
-:host .draggables,
-:host .connectables {
+:host main,
+:host #draggables,
+:host #connectables {
   display: grid;
   grid-gap: var(--spacing-08, 0.5rem);
 }
-:host .draggables,
-:host .connectables {
+:host #draggables,
+:host #connectables {
   height: max-content;
   padding: var(--spacing-08, 0.5rem) 0;
 }
-:host .inner-container {
+:host main {
   grid-template-rows: repeat(auto-fit, 75%);
   grid-template-columns: 1fr 1fr;
   padding: 0 var(--spacing-08, 0.5rem);
-  overflow: hidden auto;
   word-break: break-word;
   background-color: var(--stable-alt-20, rgba(208, 208, 208, 0.2));
   border-radius: var(--border-radius-04, 0.25rem);
-  transition: height 500ms linear;
-  /* Track */
-  /* Handle */
+  transition: height 750ms ease-in-out;
+}
+:host main.overflowing {
+  overflow: hidden auto;
 }
-:host .inner-container::-webkit-scrollbar {
+:host main.overflowing::-webkit-scrollbar {
   width: var(--spacing-08, 0.5rem);
 }
-:host .inner-container::-webkit-scrollbar-track {
+:host main.overflowing::-webkit-scrollbar-track {
   border-radius: var(--border-radius-04, 0.25rem);
   box-shadow: inset 0 0 5px var(--stable, #adadad);
 }
-:host .inner-container::-webkit-scrollbar-thumb {
+:host main.overflowing::-webkit-scrollbar-thumb {
   background: var(--app-color, #5a30f4);
   border-radius: var(--border-radius-04, 0.25rem);
 }
@@ -467,7 +467,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 :host .draggable {
   position: relative;
   width: 100%;
-  max-width: 12rem;
+  max-width: 15rem;
   height: 100%;
   background-color: var(--light, #ffffff);
   border-radius: var(--border-radius-08, 0.5rem);
@@ -475,10 +475,6 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   cursor: pointer;
   transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
 }
-:host .connectable[data-hit],
-:host .draggable[data-hit] {
-  background-color: var(--stable-light, #f1f1f1);
-}
 :host .connectable:before,
 :host .draggable:before {
   display: block;
@@ -487,14 +483,23 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   padding-bottom: 75%;
   content: "";
 }
-:host .connectable.image,
-:host .draggable.image {
+:host .connectable[type=image],
+:host .draggable[type=image] {
   padding: 0;
 }
-:host .connectable.image:not([data-hit]),
-:host .draggable.image:not([data-hit]) {
+:host .connectable[type=image]:not([data-hit]),
+:host .draggable[type=image]:not([data-hit]) {
   background-color: transparent;
 }
+:host .connectable[type=image][hit] yoo-img,
+:host .draggable[type=image][hit] yoo-img {
+  opacity: 0.6;
+  transition: opacity 0.25s ease-in-out;
+}
+:host .connectable[type=text][hit],
+:host .draggable[type=text][hit] {
+  background-color: var(--stable-light, #f1f1f1);
+}
 :host .connectable > *:not(yoo-icon),
 :host .draggable > *:not(yoo-icon) {
   position: absolute;
@@ -503,7 +508,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   width: 100%;
   height: 100%;
 }
-:host .overlay {
+:host #overlay {
   background-color: inherit;
   border-radius: inherit;
   opacity: 0.6;