@yoobic/yobi 8.3.9 → 8.4.0-2

package/dist/cjs/{dom-39eaa8e4.js → dom-d5e52c7e.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 /*
- Stencil Client Patch Browser v2.17.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.17.4 | MIT Licensed | https://stenciljs.com
  */
 (function(){
 var aa=new Set("annotation-xml color-profile font-face font-face-src font-face-uri font-face-format font-face-name missing-glyph".split(" "));function g(a){var b=aa.has(a);a=/^[a-z][.0-9_a-z]*-[\-.0-9_a-z]*$/.test(a);return !b&&a}function l(a){var b=a.isConnected;if(void 0!==b)return b;for(;a&&!(a.__CE_isImportDocument||a instanceof Document);)a=a.parentNode||(window.ShadowRoot&&a instanceof ShadowRoot?a.host:void 0);return !(!a||!(a.__CE_isImportDocument||a instanceof Document))}

package/dist/cjs/{draggable-dots-helpers-7954bda8.js → draggable-dots-helpers-d0d10748.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-require('./index-af910eb5.js');
+require('./index-671a4905.js');
 const lodash = require('./lodash-72d493b9.js');
 const annotationsHelpers = require('./annotations-helpers-6cf88388.js');
-const overlays = require('./overlays-24592dac.js');
+const overlays = require('./overlays-948ffdb5.js');
 
 const EEditorActions = {
   typeTool: 'type-tool',

package/dist/cjs/{draggable-tags-helpers-22987069.js → draggable-tags-helpers-152531bd.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-require('./index-af910eb5.js');
+require('./index-671a4905.js');
 const lodash = require('./lodash-72d493b9.js');
-const overlays = require('./overlays-24592dac.js');
+const overlays = require('./overlays-948ffdb5.js');
 
 function checkArray(array) {
   return !!((array === null || array === void 0 ? void 0 : array.length) && Array.isArray(array));
@@ -26,22 +26,17 @@ function getDeletedValues(oldValues, newValues) {
 }
 async function showWarningBanner(container, showBanner = true, messageKey = 'NODUPLICATEVALUES', backgroundColor = 'danger') {
   var _a;
-  showBanner = showBanner && !!messageKey;
   const bannerElement = (container === null || container === void 0 ? void 0 : container.querySelector('yoo-banner')) || ((_a = container === null || container === void 0 ? void 0 : container.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('yoo-banner'));
   if (bannerElement) {
     const bannerStyle = {
       transition: ['height', 'opacity'].map(prop => `${prop} .5s ease-in-out`).join(', '),
-      backgroundColor: `var(--${backgroundColor})`,
       height: 'auto',
       opacity: '1',
-      padding: `${showBanner ? 'var(--spacing-08)' : '0'}`
+      padding: `${showBanner ? 'var(--spacing-08)' : '0'}`,
+      fontWeight: 'var(--font-weight-700)'
     };
     const content = bannerElement.querySelector('p[slot="content"]');
     content.innerHTML = overlays.translate(messageKey);
-    Object.assign(content.style, {
-      color: 'var(--light)',
-      fontWeight: 'var(--font-weight-700)'
-    });
     await bannerElement.componentOnReady();
     const bannerHeight = bannerElement.firstElementChild.clientHeight;
     Object.assign(bannerElement.style, {
@@ -49,6 +44,8 @@ async function showWarningBanner(container, showBanner = true, messageKey = 'NOD
       height: `${showBanner ? bannerHeight : 0}px`,
       opacity: showBanner ? '1' : '0'
     });
+    bannerElement.style.setProperty('--main-color', `var(--${backgroundColor})`);
+    bannerElement.style.setProperty('--main-text-color', 'var(--light)');
     bannerElement.classList.add('sharp');
   }
 }

package/dist/cjs/{entities-helpers-84c1abb8.js → entities-helpers-c3667d6e.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const index = require('./index-50ff0b20.js');
-require('./index-af910eb5.js');
+const index = require('./index-e55cdc16.js');
+require('./index-671a4905.js');
 const lodash = require('./lodash-72d493b9.js');
-const overlays = require('./overlays-24592dac.js');
+const overlays = require('./overlays-948ffdb5.js');
 
 const mentionRegex = /<yoo-mention-tag[^>]*>([\s\S]*?)<\/yoo-mention-tag>/g;
 /**

package/dist/cjs/{filters-helpers-5d1fc6bb.js → filters-helpers-325df4aa.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const index = require('./index-50ff0b20.js');
-require('./index-af910eb5.js');
+const index = require('./index-e55cdc16.js');
+require('./index-671a4905.js');
 const lodash = require('./lodash-72d493b9.js');
-const overlays = require('./overlays-24592dac.js');
+const overlays = require('./overlays-948ffdb5.js');
 
 function isWithValuesField(field) {
   var _a;
@@ -162,7 +162,7 @@ function filterRenderFormDynamic(filteredFields, filters, formAutocompletes, add
           newField.type = index.FormFieldType.filternumber;
         }
         if (filterIsText(field) || filterIsDate(field) || filterIsNumber(field)) {
-          newField.style = { ...(newField.style || {}), '--dialog-position': 'fixed', '--dialog-max-height': '25rem', '--dialog-width': '17.5rem' };
+          newField.style = { ...(newField.style || {}), '--dialog-position': 'absolute', '--dialog-max-height': '25rem', '--dialog-width': '17.5rem' };
         }
         if (filterIsAutocomplete(field)) {
           newField.type = index.FormFieldType.filterautocomplete;

package/dist/cjs/{form-choice-helpers-8581d6f3.js → form-choice-helpers-092fb4ab.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-require('./index-af910eb5.js');
+require('./index-671a4905.js');
 const lodash = require('./lodash-72d493b9.js');
-const draggableTagsHelpers = require('./draggable-tags-helpers-22987069.js');
-const formInputHelpers = require('./form-input-helpers-4032d003.js');
-const index = require('./index-819e2530.js');
-const commonHelpers = require('./common-helpers-25cc0c66.js');
-const overlays = require('./overlays-24592dac.js');
+const draggableTagsHelpers = require('./draggable-tags-helpers-152531bd.js');
+const formInputHelpers = require('./form-input-helpers-0e7efa7b.js');
+const index = require('./index-5ecafe7a.js');
+const commonHelpers = require('./common-helpers-db846c21.js');
+const overlays = require('./overlays-948ffdb5.js');
 const highcharts = require('./highcharts-874d9bd2.js');
 
 const ReadonlyCard = ({ value, values, answer, valuesColor, classNames }) => {

package/dist/cjs/{form-helpers-c936ffbc.js → form-helpers-3f5c83bc.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const index$1 = require('./index-50ff0b20.js');
-const index = require('./index-af910eb5.js');
+const index$1 = require('./index-e55cdc16.js');
+const index = require('./index-671a4905.js');
 const lodash = require('./lodash-72d493b9.js');
-const overlays = require('./overlays-24592dac.js');
+const overlays = require('./overlays-948ffdb5.js');
 
 function isCreationAllowed(field, isVisible, isDisabled, isReadOnly = false) {
   return !!field.allowCreate && isVisible && !isDisabled && isReadOnly !== true;

package/dist/cjs/{form-input-helpers-4032d003.js → form-input-helpers-0e7efa7b.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const overlays = require('./overlays-24592dac.js');
-const index$1 = require('./index-50ff0b20.js');
-const index = require('./index-af910eb5.js');
-const commonHelpers = require('./common-helpers-25cc0c66.js');
+const overlays = require('./overlays-948ffdb5.js');
+const index$1 = require('./index-e55cdc16.js');
+const index = require('./index-671a4905.js');
+const commonHelpers = require('./common-helpers-db846c21.js');
 
 let inputBlur = true;
 function focusContentEditable(inputElement) {

package/dist/cjs/{form-text-area-helpers-47ace452.js → form-text-area-helpers-02523d80.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-const index = require('./index-af910eb5.js');
+const index = require('./index-671a4905.js');
 const lodash = require('./lodash-72d493b9.js');
-const overlays = require('./overlays-24592dac.js');
+const overlays = require('./overlays-948ffdb5.js');
 
 /**
  * Safely insert element

package/dist/cjs/{grid-renderers-6976ad48.js → grid-renderers-6d520b79.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-const index = require('./index-50ff0b20.js');
-require('./index-af910eb5.js');
+const index = require('./index-e55cdc16.js');
+require('./index-671a4905.js');
 const lodash = require('./lodash-72d493b9.js');
-const incentiveHelpers = require('./incentive-helpers-d8c731a6.js');
-const missionsHelpers = require('./missions-helpers-26e3ddbe.js');
-const commonHelpers = require('./common-helpers-25cc0c66.js');
-const formHelpers = require('./form-helpers-c936ffbc.js');
+const incentiveHelpers = require('./incentive-helpers-4db2778f.js');
+const missionsHelpers = require('./missions-helpers-b539b45b.js');
+const commonHelpers = require('./common-helpers-db846c21.js');
+const formHelpers = require('./form-helpers-3f5c83bc.js');
 const geolocationHelpers = require('./geolocation-helpers-cb286aab.js');
-const overlays = require('./overlays-24592dac.js');
+const overlays = require('./overlays-948ffdb5.js');
 
 const countryFlag = (country) => {
   return getFlagEmoji(getCountryCode(country));

package/dist/cjs/{incentive-helpers-d8c731a6.js → incentive-helpers-4db2778f.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const index = require('./index-50ff0b20.js');
-require('./index-af910eb5.js');
+const index = require('./index-e55cdc16.js');
+require('./index-671a4905.js');
 const lodash = require('./lodash-72d493b9.js');
-const overlays = require('./overlays-24592dac.js');
+const overlays = require('./overlays-948ffdb5.js');
 
 /**
  * @function getIncentiveStatusBadgeSettings

package/dist/cjs/index-3f2ab27c.js

@@ -0,0 +1,4 @@
+'use strict';
+
+require('./localForage-0825d0c7.js');
+

package/dist/cjs/{index-90aab970.js → index-45a9c4c8.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-50ff0b20.js');
+const index = require('./index-e55cdc16.js');
 require('./workflow.interface-ffda8358.js');
 require('./form-field.instance-410c2aea.js');
 require('./item-sliding.interface-7206925b.js');

package/dist/cjs/{index-819e2530.js → index-5ecafe7a.js}

@@ -2153,7 +2153,7 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId, Cstr) =>
                     BUILD.shadowDom &&
                     BUILD.shadowDomShim &&
                     cmpMeta.$flags$ & 8 /* needsShadowDomShim */) {
-                    style = await Promise.resolve().then(function () { return require('./shadow-css-039bd9c5.js'); }).then((m) => m.scopeCss(style, scopeId, false));
+                    style = await Promise.resolve().then(function () { return require('./shadow-css-2ffcf6b2.js'); }).then((m) => m.scopeCss(style, scopeId, false));
                 }
                 registerStyle(scopeId, style, !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */));
                 endRegisterStyles();

package/dist/cjs/{index-36a60e6a.js → index-63ea13b6.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-require('./index-af910eb5.js');
+require('./index-671a4905.js');
 const lodash = require('./lodash-72d493b9.js');
-const draggableTagsHelpers = require('./draggable-tags-helpers-22987069.js');
-const overlays = require('./overlays-24592dac.js');
+const draggableTagsHelpers = require('./draggable-tags-helpers-152531bd.js');
+const overlays = require('./overlays-948ffdb5.js');
 
 class Dropzone {
   constructor(config, element, index) {
@@ -49,7 +49,7 @@ class Dropzone {
         const zoneBR = this.element.getBoundingClientRect();
         const calculateTagZoneHeight = window.innerHeight - (zoneBR.top + footerHeight);
         if (calculateTagZoneHeight) {
-          this.element.parentElement.style.height = `${calculateTagZoneHeight * .75}px`;
+          this.element.style.height = `${calculateTagZoneHeight * .75}px`;
         }
       }
     }
@@ -162,6 +162,7 @@ class Tag {
     };
     return this.element && !hostElement['readonly'] && new overlays.Draggable(this.element, {
       bound: hostElement,
+      autoScroll: 1,
       onClick: async function () {
         if (this.pointerEvent.type === 'pointerup') {
           clickOnTag();
@@ -373,6 +374,19 @@ class Tags extends Dropzones {
       await this.animate();
     }
   }
+  static prepareAutoScroll(hostElement) {
+    if ((hostElement === null || hostElement === void 0 ? void 0 : hostElement.shadowRoot) && overlays.isWeb() && !(hostElement === null || hostElement === void 0 ? void 0 : hostElement['readonly'])) {
+      const wrapperElement = overlays.findParent(hostElement, 'yoo-form-input-container');
+      const mainElement = hostElement.shadowRoot.querySelector('main');
+      if (wrapperElement && mainElement) {
+        const { height } = wrapperElement.getBoundingClientRect();
+        height && Object.assign(mainElement.style, {
+          maxHeight: `${Math.floor(height - 16) - 32}px`,
+          overflowY: 'auto'
+        });
+      }
+    }
+  }
   populate() {
     var _a, _b, _c, _d, _e, _f;
     const userAnswers = (_a = this.hostElement) === null || _a === void 0 ? void 0 : _a['value'];
@@ -386,7 +400,7 @@ class Tags extends Dropzones {
     var _a, _b;
     if (this.hostElement['animated'] && this.hostElement['isVisible'] && this.tagsZone) {
       const elements = (_a = this.droppableTagElements) === null || _a === void 0 ? void 0 : _a.filter(e => e);
-      const { onFirstTagAnimationFinished, onTagsAnimationFinished } = this.tagConfig || {};
+      const { dragAndScroll, onFirstTagAnimationFinished, onTagsAnimationFinished } = this.tagConfig || {};
       const hideOverflowingTag = (tagElement) => this.hideOverflowingTagInZone(this.tagsZone.element, tagElement, () => Tag.scaleUpDown(tagElement));
       const firstElement = elements === null || elements === void 0 ? void 0 : elements[0];
       overlays.gsapFromTo(elements, .75, {
@@ -402,6 +416,7 @@ class Tags extends Dropzones {
             const element = (_a = this.targets()) === null || _a === void 0 ? void 0 : _a[0];
             hideOverflowingTag(element);
             if (element.id === firstElement.id) {
+              dragAndScroll && Tags.prepareAutoScroll(this.hostElement);
               onFirstTagAnimationFinished === null || onFirstTagAnimationFinished === void 0 ? void 0 : onFirstTagAnimationFinished();
             }
             if (element.id === ((_b = elements === null || elements === void 0 ? void 0 : elements[(elements === null || elements === void 0 ? void 0 : elements.length) - 1]) === null || _b === void 0 ? void 0 : _b.id)) {
@@ -418,4 +433,5 @@ function initTags(tagConfig, zonesConfig) {
   return new Tags(tagConfig, zonesConfig);
 }
 
+exports.Tags = Tags;
 exports.initTags = initTags;

package/dist/cjs/{index-af910eb5.js → index-671a4905.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const overlays = require('./overlays-24592dac.js');
+const overlays = require('./overlays-948ffdb5.js');
 const lodash = require('./lodash-72d493b9.js');
 
 function shiftSlidesToNext(activeSlideIndex, slides, cachedSlides = 1) {

package/dist/cjs/{index-6067ffea.js → index-75a86d22.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-require('./index-af910eb5.js');
-const overlays = require('./overlays-24592dac.js');
+require('./index-671a4905.js');
+const overlays = require('./overlays-948ffdb5.js');
 
 class GestureController {
   constructor() {

package/dist/cjs/{index-7252f9bf.js → index-8955334a.js}

@@ -1,9 +1,11 @@
 'use strict';
 
-const index = require('./index-50ff0b20.js');
+const index = require('./index-e55cdc16.js');
 
 const ARROW_PAIR = ['arrow-down', 'arrow-up'];
 const NON_CONDITION_CATEGORIES = [index.FormFieldCategory.information, index.FormFieldCategory.multimedia];
+const NON_CONDITION_TYPES = [index.FormFieldType.ranking];
 
 exports.ARROW_PAIR = ARROW_PAIR;
 exports.NON_CONDITION_CATEGORIES = NON_CONDITION_CATEGORIES;
+exports.NON_CONDITION_TYPES = NON_CONDITION_TYPES;

package/dist/cjs/{index-afdcf2d3.js → index-bd229a90.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-const index = require('./index-50ff0b20.js');
-require('./index-af910eb5.js');
+const index = require('./index-e55cdc16.js');
+require('./index-671a4905.js');
 const lodash = require('./lodash-72d493b9.js');
 const annotationsHelpers = require('./annotations-helpers-6cf88388.js');
-const overlays = require('./overlays-24592dac.js');
+const overlays = require('./overlays-948ffdb5.js');
 
 const starRatingMaxDefault = 5;
 function filterSequentialFields(fieldCondition) {

package/dist/cjs/{index-50ff0b20.js → index-e55cdc16.js}

@@ -3063,7 +3063,8 @@ const COMPLEX_ARRAY_TRANSLATABLE_FORM_FIELD_ATTRIBUTES = [
   'complexImageTaggingMockValues',
   'complexAnswer',
   'opValues',
-  'complexCategorizeWordsValues'
+  'complexCategorizeWordsValues',
+  'complexSwipeCategories'
 ];
 const COMPLEX_OBJECT_TRANSLATABLE_FORM_FIELD_ATTRIBUTES = [
   'imageMapValues'

package/dist/cjs/index-fe4569d2.js

@@ -0,0 +1,4 @@
+'use strict';
+
+require('./overlays-948ffdb5.js');
+