@yoobic/yobi 8.7.3 → 8.7.4

package/dist/cjs/{index-a5fda13a.js → index-7b20253b.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-require('./index-3fb2dbfe.js');
+require('./index-1a226463.js');
 const lodash = require('./lodash-f79ab730.js');
-const commonHelpers = require('./common-helpers-fdc12a1d.js');
-const index = require('./index-5559d2a1.js');
+const commonHelpers = require('./common-helpers-5330b782.js');
+const index = require('./index-3979e451.js');
 
 const COMPONENT_PROPS = ['animated', 'readonly', 'shuffled', 'answer', 'value', 'values'];
 function resetTransform(element) {
@@ -25,7 +25,9 @@ function updateBounds(options) {
     };
     const getBaseInnerOffset = (axis) => {
       const offsetBound = `offset${axis === 'x' ? 'Left' : 'Top'}`;
-      return dragHandler[offsetBound] + commonHelpers.getTransformInfos(dragHandlerZone)[axis === 'x' ? 'tsX' : 'tsY'] + (zonePosition !== 'static' ? dragHandlerZone[offsetBound] + mainElement[offsetBound] : 0);
+      return (dragHandler[offsetBound] +
+        commonHelpers.getTransformInfos(dragHandlerZone)[axis === 'x' ? 'tsX' : 'tsY'] +
+        (zonePosition !== 'static' ? dragHandlerZone[offsetBound] + mainElement[offsetBound] : 0));
     };
     const getMin = (axis) => getBaseOuterOffset(axis) - getBaseInnerOffset(axis);
     const getMax = (axis) => {
@@ -33,24 +35,19 @@ function updateBounds(options) {
       const innerOffset = getBaseInnerOffset(axis) + dragHandler[`offset${axis === 'x' ? 'Width' : 'Height'}`];
       return outerOffset - innerOffset;
     };
-    draggable.applyBounds({
-      maxY: getMax('y'),
-      maxX: getMax('x'),
-      minY: getMin('y'),
-      minX: getMin('x')
-    });
+    draggable.applyBounds({ maxY: getMax('y'), maxX: getMax('x'), minY: getMin('y'), minX: getMin('x') });
     draggable.update(true);
   }
 }
 function getComponentProps(hostElement) {
   const propsObject = {};
-  hostElement && COMPONENT_PROPS.forEach((prop) => propsObject[prop] = hostElement[prop]);
+  hostElement && COMPONENT_PROPS.forEach((prop) => (propsObject[prop] = hostElement[prop]));
   return propsObject;
 }
 async function scale(scaleType, element) {
   const SCALE_TAG_COEFF = 1.065;
   const isScaledDown = scaleType === 'down';
-  await index.gsapTo(element, .35, { scale: isScaledDown ? 1 : SCALE_TAG_COEFF });
+  await index.gsapTo(element, 0.35, { scale: isScaledDown ? 1 : SCALE_TAG_COEFF });
   element.classList.toggle('active', !isScaledDown);
 }
 async function scaleUpDown(element) {
@@ -78,11 +75,11 @@ class Dropzone {
     return this.element.hasAttribute('hit');
   }
   get tagsId() {
-    return this.tagElements.map(e => e.id) || [];
+    return this.tagElements.map((e) => e.id) || [];
   }
   get tagsLimit() {
     const answers = this.element.getRootNode()['host']['answer'] || {};
-    return !this.isTagsZone && (Array.isArray(answers === null || answers === void 0 ? void 0 : answers[this.index]) && answers[this.index].length) || 1;
+    return (!this.isTagsZone && Array.isArray(answers === null || answers === void 0 ? void 0 : answers[this.index]) && answers[this.index].length) || 1;
   }
   get isTagsZone() {
     var _a;
@@ -102,7 +99,7 @@ class Dropzone {
         const zoneBR = this.element.getBoundingClientRect();
         const calculateTagZoneHeight = window.innerHeight - (zoneBR.top + footerHeight);
         if (calculateTagZoneHeight) {
-          this.element.style.height = `${calculateTagZoneHeight * .75}px`;
+          this.element.style.height = `${calculateTagZoneHeight * 0.75}px`;
         }
       }
     }
@@ -113,20 +110,20 @@ class Dropzones {
     this.zonesConfig = zonesConfig;
   }
   get tagsZone() {
-    return Dropzones.getZones(this.zonesConfig).find(zone => zone.id === 'zone-tags');
+    return Dropzones.getZones(this.zonesConfig).find((zone) => zone.id === 'zone-tags');
   }
   setTagsZoneOverflow(set) {
     var _a, _b;
     const { element } = this.tagsZone || {};
     if (element && ((_b = (_a = this.zonesConfig) === null || _a === void 0 ? void 0 : _a.tagZoneConfig) === null || _b === void 0 ? void 0 : _b.hasOverflow)) {
-      set ? element.style.overflow = 'hidden' : element.style.removeProperty('overflow');
+      set ? (element.style.overflow = 'hidden') : element.style.removeProperty('overflow');
     }
   }
   async hideOverflowingTagInZone(zoneElement, tagElement, onShowTag) {
     const { tagZoneConfig } = this.zonesConfig || {};
     if (tagElement && zoneElement && tagZoneConfig.hasOverflow) {
       const zonePadding = Math.round(parseFloat(getComputedStyle(zoneElement).padding)) / 2;
-      const isTagOverflowing = tagElement.offsetTop >= (zoneElement.offsetTop + zoneElement.offsetHeight - zonePadding);
+      const isTagOverflowing = tagElement.offsetTop >= zoneElement.offsetTop + zoneElement.offsetHeight - zonePadding;
       if (isTagOverflowing) {
         tagElement.setAttribute('inactive', 'true');
       }
@@ -145,9 +142,9 @@ class Dropzones {
   }
   static getZones(config) {
     const { tagZoneConfig, dropZoneConfig, hostElement } = config;
-    return (Array.from(hostElement.shadowRoot.querySelectorAll('.dropzone')) || [])
-      .sort((a, b) => a.id > b.id ? 1 : -1)
-      .map((e, i) => new Dropzone(e.id === 'zone-tags' ? tagZoneConfig : dropZoneConfig, e, i)) || [];
+    return ((Array.from(hostElement.shadowRoot.querySelectorAll('.dropzone')) || [])
+      .sort((a, b) => (a.id > b.id ? 1 : -1))
+      .map((e, i) => new Dropzone(e.id === 'zone-tags' ? tagZoneConfig : dropZoneConfig, e, i)) || []);
   }
 }
 class Tag {
@@ -170,7 +167,7 @@ class Tag {
     return Dropzones.getZones(this.zonesConfig);
   }
   async reset() {
-    await this.dropToZone(this.zones.find(zone => zone.isTagsZone));
+    await this.dropToZone(this.zones.find((zone) => zone.isTagsZone));
   }
   isTagOverlapping(zone) {
     return index.Draggable.hitTest(this.element, zone.element, zone.config.threshold || 0);
@@ -187,20 +184,17 @@ class Tag {
       }
     }
   }
+  destroy() {
+    var _a;
+    (_a = this.draggable) === null || _a === void 0 ? void 0 : _a.kill();
+  }
   createTagElement() {
     const { getColorTag, extraTagsClasses } = this.config;
     const { isTagsZone } = this.zone;
     const tagElement = document.createElement('yoo-tag');
     extraTagsClasses && tagElement.classList.add(extraTagsClasses);
-    !isTagsZone ? tagElement.classList.add('dropped') :
-      this.hostElement['animated'] && !tagElement.classList.contains('new') && (tagElement.style.opacity = '0');
-    return Object.assign(tagElement, {
-      id: this.id,
-      key: this.id,
-      innerHTML: index.translateMulti(this.value),
-      size: 'medium',
-      color: getColorTag(this.value, this.zone.index)
-    });
+    !isTagsZone ? tagElement.classList.add('dropped') : this.hostElement['animated'] && !tagElement.classList.contains('new') && (tagElement.style.opacity = '0');
+    return Object.assign(tagElement, { id: this.id, key: this.id, innerHTML: index.translateMulti(this.value), size: 'medium', color: getColorTag(this.value, this.zone.index) });
   }
   initDraggable() {
     let tagsZoneElements = [];
@@ -209,7 +203,7 @@ class Tag {
     const { boundElement, clickToDrop, clickExtrasActions, pressExtrasActions, dragStartExtrasActions, resetExtrasActions, dragExtrasActions } = this.config || {};
     const clickOnTag = async () => {
       var _a;
-      const freeZones = this.zones.filter(zone => !(zone === null || zone === void 0 ? void 0 : zone.isTagsZone) && !(zone === null || zone === void 0 ? void 0 : zone.isDropZoneFull));
+      const freeZones = this.zones.filter((zone) => !(zone === null || zone === void 0 ? void 0 : zone.isTagsZone) && !(zone === null || zone === void 0 ? void 0 : zone.isDropZoneFull));
       if (!((_a = this.zone) === null || _a === void 0 ? void 0 : _a.isTagsZone)) {
         await this.reset();
         resetExtrasActions === null || resetExtrasActions === void 0 ? void 0 : resetExtrasActions(this);
@@ -241,15 +235,10 @@ class Tag {
           if (scrollElement) {
             hostElement.style.height = `${scrollElement.getBoundingClientRect().top + scrollElement.offsetHeight - hostElement.getBoundingClientRect().top}px`;
           }
-          updateBounds({
-            draggable: this.draggable,
-            dragHandler: this.element,
-            dragHandlerZone: this.zone.element,
-            host: this.hostElement
-          });
+          updateBounds({ draggable: this.draggable, dragHandler: this.element, dragHandlerZone: this.zone.element, host: this.hostElement });
         },
         onDrag: () => {
-          this.zones.forEach(zone => {
+          this.zones.forEach((zone) => {
             if (zone === null || zone === void 0 ? void 0 : zone.element) {
               if (this.isTagOverlapping(zone) && !zone.isDropZoneFull) {
                 this.element.color = this.config.getColorTag(this.value, zone.index);
@@ -267,7 +256,7 @@ class Tag {
           resetTransform(this.element);
           await this.release();
           if (scrollElement) {
-            await index.gsapTo(this.mainElement, .5, { scrollTo: 0, delay: .5 });
+            await index.gsapTo(this.mainElement, 0.5, { scrollTo: 0, delay: 0.5 });
             hostElement.style.removeProperty('height');
           }
           tagsZoneElements.forEach((element) => element.classList.remove('inverse-color'));
@@ -312,7 +301,7 @@ class Tag {
   async release(fromReset = false) {
     var _a, _b;
     if (!fromReset) {
-      this.zones.forEach(zone => {
+      this.zones.forEach((zone) => {
         if (zone.hit && !zone.isDropZoneFull && zone.id !== this.zone.id) {
           this.lastZone = this.zone;
           this.zone = zone;
@@ -322,9 +311,7 @@ class Tag {
     }
     this.addToZone();
     this.removeFromZone();
-    this.zones
-      .map(z => z.element)
-      .forEach(e => !e.firstChild && e.classList.remove('has-tag'));
+    this.zones.map((z) => z.element).forEach((e) => !e.firstChild && e.classList.remove('has-tag'));
     await this.element.componentOnReady();
     (_b = (_a = this.config).dragEndExtrasActions) === null || _b === void 0 ? void 0 : _b.call(_a, this);
   }
@@ -345,7 +332,7 @@ class Tags extends Dropzones {
   }
   get droppableTagElements() {
     var _a;
-    return ((_a = this.tagElements) === null || _a === void 0 ? void 0 : _a.filter(element => element && element.parentElement.id === 'zone-tags')) || [];
+    return ((_a = this.tagElements) === null || _a === void 0 ? void 0 : _a.filter((element) => element && element.parentElement.id === 'zone-tags')) || [];
   }
   get hostElement() {
     return this.zonesConfig.hostElement;
@@ -358,18 +345,22 @@ class Tags extends Dropzones {
     if (this.tagConfig) {
       this.populate();
       if ((_a = this.tagElements) === null || _a === void 0 ? void 0 : _a.length) {
-        await Promise.all(this.tagElements.map(tagElement => tagElement.componentOnReady()));
+        await Promise.all(this.tagElements.map((tagElement) => tagElement.componentOnReady()));
         this.setTagsZoneOverflow(true);
         await this.animate();
-        new IntersectionObserver(entries => entries.forEach(({ isIntersecting }) => {
+        new IntersectionObserver((entries) => entries.forEach(({ isIntersecting }) => {
           isIntersecting && this.tags.forEach((tag) => tag.initDraggable());
         })).observe(this.tagElements[0]);
       }
     }
   }
+  destroy() {
+    var _a;
+    (_a = this.tags) === null || _a === void 0 ? void 0 : _a.forEach((tag) => tag === null || tag === void 0 ? void 0 : tag.destroy());
+  }
   deleteTagFromValue(value) {
     var _a, _b, _c;
-    const tag = (_a = this.tags) === null || _a === void 0 ? void 0 : _a.find(tag => tag.value === value);
+    const tag = (_a = this.tags) === null || _a === void 0 ? void 0 : _a.find((tag) => tag.value === value);
     if (tag) {
       const { element, zone } = tag;
       tag.removeFromZone(zone);
@@ -395,8 +386,8 @@ class Tags extends Dropzones {
       setTimeout(async () => {
         var _a;
         const formatValues = (values) => (values === null || values === void 0 ? void 0 : values.filter((e, i, a) => a.indexOf(e) === i)) || [];
-        formatValues(oldValues).forEach(v => this.deleteTagFromValue(v));
-        formatValues(newValues).forEach(v => this.addTagFromValue(v));
+        formatValues(oldValues).forEach((v) => this.deleteTagFromValue(v));
+        formatValues(newValues).forEach((v) => this.addTagFromValue(v));
         await Promise.all((_a = this.tagElements) === null || _a === void 0 ? void 0 : _a.map((tagElement) => tagElement === null || tagElement === void 0 ? void 0 : tagElement.componentOnReady()));
         this.checkOverflowingTags();
         resolve();
@@ -411,13 +402,13 @@ class Tags extends Dropzones {
   }
   getDroppedValues() {
     var _a, _b, _c, _d;
-    return ((_d = (_c = (_b = (_a = this.zones) === null || _a === void 0 ? void 0 : _a.filter(({ id }) => id.match(/[0-9]/g))) === null || _b === void 0 ? void 0 : _b.sort((a, b) => a.index - b.index)) === null || _c === void 0 ? void 0 : _c.map(({ tagsId }) => tagsId)) === null || _d === void 0 ? void 0 : _d.map((tagsId) => tagsId.map((tagId) => { var _a; return (_a = this.tags.find(({ id }) => id === tagId)) === null || _a === void 0 ? void 0 : _a.value; }))) || [];
+    return (((_d = (_c = (_b = (_a = this.zones) === null || _a === void 0 ? void 0 : _a.filter(({ id }) => id.match(/[0-9]/g))) === null || _b === void 0 ? void 0 : _b.sort((a, b) => a.index - b.index)) === null || _c === void 0 ? void 0 : _c.map(({ tagsId }) => tagsId)) === null || _d === void 0 ? void 0 : _d.map((tagsId) => tagsId.map((tagId) => { var _a; return (_a = this.tags.find(({ id }) => id === tagId)) === null || _a === void 0 ? void 0 : _a.value; }))) || []);
   }
   checkOverflowingTags() {
-    this.zones.forEach(zone => {
+    this.zones.forEach((zone) => {
       var _a;
       if ((_a = zone === null || zone === void 0 ? void 0 : zone.config) === null || _a === void 0 ? void 0 : _a.hasOverflow) {
-        zone.isTagsZone && (zone.element.style.removeProperty('overflow'));
+        zone.isTagsZone && zone.element.style.removeProperty('overflow');
         this.hideOverflowingTagsInZone(zone.element, (tagId) => {
           const tag = this.tags.find(({ id }) => id === tagId);
           tag === null || tag === void 0 ? void 0 : tag.initDraggable();
@@ -431,26 +422,24 @@ class Tags extends Dropzones {
     const tagValues = shuffled ? lodash.shuffle(values) : values;
     const getTag = (value, zi) => this.tags.push(new Tag(this.tagConfig, value, this.zones[zi], this.zonesConfig));
     value === null || value === void 0 ? void 0 : value.forEach((v, zoneIndex) => {
-      Array.isArray(v) ? v.forEach(value => getTag(value, zoneIndex)) : getTag(v, zoneIndex);
+      Array.isArray(v) ? v.forEach((value) => getTag(value, zoneIndex)) : getTag(v, zoneIndex);
     });
-    !readonly && ((_a = tagValues === null || tagValues === void 0 ? void 0 : tagValues.filter(v => { var _a; return !((_a = (value === null || value === void 0 ? void 0 : value.reduce((a, b) => a.concat(b), []))) === null || _a === void 0 ? void 0 : _a.includes(v)); })) === null || _a === void 0 ? void 0 : _a.forEach(v => getTag(v, this.zones.length - 1)));
+    !readonly && ((_a = tagValues === null || tagValues === void 0 ? void 0 : tagValues.filter((v) => { var _a; return !((_a = value === null || value === void 0 ? void 0 : value.reduce((a, b) => a.concat(b), [])) === null || _a === void 0 ? void 0 : _a.includes(v)); })) === null || _a === void 0 ? void 0 : _a.forEach((v) => getTag(v, this.zones.length - 1)));
   }
   async animate() {
     var _a;
     if (this.tagsZone && this.componentProps.animated && ((_a = this.droppableTagElements) === null || _a === void 0 ? void 0 : _a.length)) {
       const { hasOverflow } = this.zonesConfig.tagZoneConfig;
-      const elements = this.droppableTagElements.filter(e => !e.hasAttribute('inactive'));
+      const elements = this.droppableTagElements.filter((e) => !e.hasAttribute('inactive'));
       const { onFirstTagAnimationFinished, onTagsAnimationFinished } = this.tagConfig || {};
       const hideOverflowingTag = (tagElement) => this.hideOverflowingTagInZone(this.tagsZone.element, tagElement);
       const firstElement = elements === null || elements === void 0 ? void 0 : elements[0];
       hasOverflow && (this.tagsZone.element.style.overflow = 'hidden');
-      elements.forEach((element) => element.style.opacity = '0.25');
-      await index.gsapFromTo(elements, .5, {
-        scale: 0
-      }, {
+      elements.forEach((element) => (element.style.opacity = '0.25'));
+      await index.gsapFromTo(elements, 0.5, { scale: 0 }, {
         scale: 1,
         stagger: {
-          each: .2,
+          each: 0.2,
           onStart() {
             var _a;
             const element = (_a = this.targets()) === null || _a === void 0 ? void 0 : _a[0];

package/dist/cjs/{index-b46f691e.js → index-be3ca378.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-ddd97a59.js');
+const index = require('./index-1a9cce92.js');
 
 const ARROW_PAIR = ['arrow-down', 'arrow-up'];
 const NON_CONDITION_CATEGORIES = [index.FormFieldCategory.information, index.FormFieldCategory.multimedia];

package/dist/cjs/index-cef868ad.js

@@ -0,0 +1,4 @@
+'use strict';
+
+require('./local-forage-1aeca30b.js');
+

package/dist/cjs/{index-26d2132a.js → index-d2129e42.js}

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

package/dist/cjs/{index-80a85602.js → index-f7bc01ac.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-require('./index-3fb2dbfe.js');
-const hapticHelpers = require('./haptic-helpers-4fce6ff4.js');
-const index = require('./index-5559d2a1.js');
+require('./index-1a226463.js');
+const hapticHelpers = require('./haptic-helpers-88fa924b.js');
+const index = require('./index-3979e451.js');
 
 class GestureController {
   constructor() {