@yoobic/yobi 8.5.0-60 → 8.5.0-61

package/dist/cjs/yoo-form-hotzones.cjs.entry.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
+require('./index-6f92bccb.js');
 const lodash = require('./lodash-a9050d79.js');
-const localForage = require('./localForage-d0842cbe.js');
+const localForage = require('./localForage-446da40f.js');
 const annotationsHelpers = require('./annotations-helpers-fb554cca.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const draggableTagsHelpers = require('./draggable-tags-helpers-618109cc.js');
-const formInputHelpers = require('./form-input-helpers-2d988e31.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+const draggableTagsHelpers = require('./draggable-tags-helpers-5e92ba1f.js');
+const formInputHelpers = require('./form-input-helpers-4ad38e19.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-a1bbe627.js');
 
@@ -70,7 +70,7 @@ const YooFormHotzonesComponent = class {
     this.init();
   }
   async prepareImage() {
-    this.imageSrc = await overlays.getMedia(await localForage.getFromOfflineStorage(this.image), {
+    this.imageSrc = await index$1.getMedia(await localForage.getFromOfflineStorage(this.image), {
       forceCookieUrlParam: true
     });
     this.flipImage = !!this.imageSrc;
@@ -86,7 +86,7 @@ const YooFormHotzonesComponent = class {
   }
   async resetTarget() {
     if (this.isHotZones) {
-      await overlays.gsapTo(this.targetElement, 0.25, {
+      await index$1.gsapTo(this.targetElement, 0.25, {
         top: getComputedStyle(this.host).getPropertyValue('--initial-target-top-pos'),
         left: getComputedStyle(this.host).getPropertyValue('--initial-target-left-pos')
       });
@@ -117,7 +117,7 @@ const YooFormHotzonesComponent = class {
       }
     };
     if (this.targetElement && !this.readonly) {
-      draggable = new overlays.Draggable(this.targetElement, {
+      draggable = new index$1.Draggable(this.targetElement, {
         type: 'top, left',
         autoScroll: 1,
         bound: this.boundElement,
@@ -131,7 +131,7 @@ const YooFormHotzonesComponent = class {
   async showZoneDetails(hotzone) {
     const { description, image } = hotzone || {};
     if (description || image) {
-      await overlays.showModal('yoo-form-hotzones', { detailedView: true, selectedHotzone: hotzone }, 'bg-dark-40', 'scaleEnterAnimation', 'scaleLeaveAnimation', true);
+      await index$1.showModal('yoo-form-hotzones', { detailedView: true, selectedHotzone: hotzone }, 'bg-dark-40', 'scaleEnterAnimation', 'scaleLeaveAnimation', true);
       hotzone.revealed = true;
     }
     this.validate();
@@ -159,10 +159,10 @@ const YooFormHotzonesComponent = class {
   renderDetailedView() {
     const { description, image } = this.selectedHotzone || {};
     return [
-      index.h("yoo-navbar", { class: "transparent" }, index.h("yoo-icon", { slot: "start", name: "close", onClick: () => overlays.closeModal(null) })),
+      index.h("yoo-navbar", { class: "transparent" }, index.h("yoo-icon", { slot: "start", name: "close", onClick: () => index$1.closeModal(null) })),
       [
-        index.h("section", { id: "content" }, image && index.h("yoo-img", { src: image, contained: true, instant: true, ignoreHeight: true }), description && (index.h("div", { id: "description", innerHTML: overlays.replaceAllLinks(overlays.parseMarkDown(overlays.translateMulti(description)), true) }))),
-        index.h("footer", null, index.h("yoo-button", { onClick: () => overlays.closeModal(null), color: "app-color", size: overlays.isWeb(this.host) ? 'medium' : 'large' }, overlays.translate('YOOBICDONE')))
+        index.h("section", { id: "content" }, image && index.h("yoo-img", { src: image, contained: true, instant: true, ignoreHeight: true }), description && (index.h("div", { id: "description", innerHTML: index$1.replaceAllLinks(index$1.parseMarkDown(index$1.translateMulti(description)), true) }))),
+        index.h("footer", null, index.h("yoo-button", { onClick: () => index$1.closeModal(null), color: "app-color", size: index$1.isWeb(this.host) ? 'medium' : 'large' }, index$1.translate('YOOBICDONE')))
       ]
     ];
   }
@@ -179,7 +179,7 @@ const YooFormHotzonesComponent = class {
         ? {
           color: ((_a = this.hotzones) === null || _a === void 0 ? void 0 : _a.some(({ style }) => {
             const { x, y, width, height } = style || {};
-            return overlays.isPointInsidePlan({
+            return index$1.isPointInsidePlan({
               x: parseFloat(x),
               y: parseFloat(y),
               width: parseFloat(width),

package/dist/cjs/yoo-form-iframe-dialog.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-6f92bccb.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -23,13 +23,13 @@ const YooFormIFrameDialogComponent = class {
         var _a, _b;
         const targetHostname = (_b = (_a = this.contentWindow) === null || _a === void 0 ? void 0 : _a.location) === null || _b === void 0 ? void 0 : _b.hostname;
         if (targetHostname === parentHostname) {
-          overlays.closeModal(null);
+          index$1.closeModal(null);
         }
       }, true);
     }
   }
   onClose() {
-    overlays.closeModal(null);
+    index$1.closeModal(null);
   }
   renderContent() {
     return (index.h("yoo-ion-content", { scrollEnabled: true, class: "bg-light" }, index.h("iframe", { src: this.source, frameBorder: "0", ref: (el) => (this.iFrameElement = el) })));

package/dist/cjs/yoo-form-image-collection.cjs.entry.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-require('./index-d126a9fa.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const localForage = require('./localForage-d0842cbe.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-6f92bccb.js');
+require('./index-2a19b50c.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+const localForage = require('./localForage-446da40f.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-a1bbe627.js');
@@ -51,7 +51,7 @@ const YooFormImageCollectionComponent = class {
   async showZoneDetails(tile) {
     const { description, image } = tile || {};
     if (description || image) {
-      await overlays.showModal('yoo-form-image-collection', { detailedView: true, selectedTile: tile }, 'bg-dark-40', 'scaleEnterAnimation', 'scaleLeaveAnimation', true);
+      await index$1.showModal('yoo-form-image-collection', { detailedView: true, selectedTile: tile }, 'bg-dark-40', 'scaleEnterAnimation', 'scaleLeaveAnimation', true);
       tile.revealed = true;
     }
     this.validate();
@@ -62,16 +62,16 @@ const YooFormImageCollectionComponent = class {
     var _a;
     return (index.h("section", { id: "gallery" }, (_a = this.images) === null || _a === void 0 ? void 0 : _a.map((tile, i) => {
       const { revealed, image } = tile || {};
-      return (index.h("section", { class: { image: true, revealed }, ...(this.animated && { style: { '--image-index': i.toString() } }), onClick: () => this.showZoneDetails(tile) }, index.h("yoo-img", { src: overlays.getMedia(image), type: "background" }), index.h("yoo-icon", { name: "check", color: "app-color", size: "medium" })));
+      return (index.h("section", { class: { image: true, revealed }, ...(this.animated && { style: { '--image-index': i.toString() } }), onClick: () => this.showZoneDetails(tile) }, index.h("yoo-img", { src: index$1.getMedia(image), type: "background" }), index.h("yoo-icon", { name: "check", color: "app-color", size: "medium" })));
     })));
   }
   renderDetailedView() {
     const { description, image } = this.selectedTile || {};
     return [
-      index.h("yoo-navbar", { class: "transparent" }, index.h("yoo-icon", { slot: "start", name: "close", onClick: () => overlays.closeModal(null) })),
+      index.h("yoo-navbar", { class: "transparent" }, index.h("yoo-icon", { slot: "start", name: "close", onClick: () => index$1.closeModal(null) })),
       [
-        index.h("section", { id: "content" }, image && index.h("yoo-img", { src: image, contained: true }), description && (index.h("div", { id: "description", onClick: ({ target }) => commonHelpers.openImageDetailFromRTE(this.host, target, target === null || target === void 0 ? void 0 : target['src']), innerHTML: overlays.replaceAllLinks(overlays.parseMarkDown(overlays.translateMulti(description)), true) }))),
-        index.h("footer", null, index.h("yoo-button", { onClick: () => overlays.closeModal(null), color: "app-color", size: overlays.isWeb(this.host) ? 'medium' : 'large' }, overlays.translate('YOOBICDONE')))
+        index.h("section", { id: "content" }, image && index.h("yoo-img", { src: image, contained: true }), description && (index.h("div", { id: "description", onClick: ({ target }) => commonHelpers.openImageDetailFromRTE(this.host, target, target === null || target === void 0 ? void 0 : target['src']), innerHTML: index$1.replaceAllLinks(index$1.parseMarkDown(index$1.translateMulti(description)), true) }))),
+        index.h("footer", null, index.h("yoo-button", { onClick: () => index$1.closeModal(null), color: "app-color", size: index$1.isWeb(this.host) ? 'medium' : 'large' }, index$1.translate('YOOBICDONE')))
       ]
     ];
   }

package/dist/cjs/yoo-form-image-tagging-creator.cjs.entry.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
+require('./index-6f92bccb.js');
 const annotationsHelpers = require('./annotations-helpers-fb554cca.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const draggableDotsHelpers = require('./draggable-dots-helpers-1e8c5d73.js');
-const formInputHelpers = require('./form-input-helpers-2d988e31.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+const draggableDotsHelpers = require('./draggable-dots-helpers-bb6b0d02.js');
+const formInputHelpers = require('./form-input-helpers-4ad38e19.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -32,13 +32,13 @@ const YooFormImageTaggingCreatorComponent = class {
   componentWillLoad() {
     var _a, _b, _c, _d;
     this.src = (_a = this.value) === null || _a === void 0 ? void 0 : _a.imageUrl;
-    this.annotations = ((_d = (_c = (_b = this.value) === null || _b === void 0 ? void 0 : _b.annotations) === null || _c === void 0 ? void 0 : _c.filter(annotation => annotationsHelpers.isAnnotationValid(annotation))) === null || _d === void 0 ? void 0 : _d.map(annotation => ({ type: 'dot', _id: overlays.getUUID(), ...annotation }))) || [];
+    this.annotations = ((_d = (_c = (_b = this.value) === null || _b === void 0 ? void 0 : _b.annotations) === null || _c === void 0 ? void 0 : _c.filter(annotation => annotationsHelpers.isAnnotationValid(annotation))) === null || _d === void 0 ? void 0 : _d.map(annotation => ({ type: 'dot', _id: index$1.getUUID(), ...annotation }))) || [];
   }
   componentDidLoad() {
     draggableDotsHelpers.setDotIndexes(this.dotElements);
   }
   componentWillUpdate() {
-    this.dotElements.forEach(e => overlays.gsapSet(e, { clearProps: 'transform' }));
+    this.dotElements.forEach(e => index$1.gsapSet(e, { clearProps: 'transform' }));
   }
   componentDidUpdate() {
     this.attachNewDot();
@@ -71,9 +71,9 @@ const YooFormImageTaggingCreatorComponent = class {
       if (newDot) {
         const newElement = (_c = this.dotElements) === null || _c === void 0 ? void 0 : _c.filter(d => d).slice(-1)[0];
         if (newElement) {
-          await overlays.gsapTo(draggableDotsHelpers.getDotInnerElement(newElement), .25, { opacity: 1, scale: 1 });
+          await index$1.gsapTo(draggableDotsHelpers.getDotInnerElement(newElement), .25, { opacity: 1, scale: 1 });
           if (newElement) {
-            newElement.id = overlays.getUUID();
+            newElement.id = index$1.getUUID();
             newDot._id = newElement.id;
             this.getDotDraggableActions(newDot);
             this.hasDotBeenCreated = false;
@@ -96,7 +96,7 @@ const YooFormImageTaggingCreatorComponent = class {
       draggableDotsHelpers.showDotTooltip(tooltipElement, true);
       this.emitValues();
     };
-    return dotElement && new overlays.Draggable(dotElement, {
+    return dotElement && new index$1.Draggable(dotElement, {
       zIndexBoost: false,
       bounds: this.imageContainerElement,
       onClick: clickAction,
@@ -109,7 +109,7 @@ const YooFormImageTaggingCreatorComponent = class {
     this.annotationValues = this.annotations.map(({ _id, text }) => ({ _id, text }));
     if (id && ((_a = this.translations) === null || _a === void 0 ? void 0 : _a.length)) {
       const key = (_b = this.annotationValues.find(({ _id }) => _id === id)) === null || _b === void 0 ? void 0 : _b.text;
-      if (key && overlays.isTranslationKey(key)) {
+      if (key && index$1.isTranslationKey(key)) {
         this.translationValueUpdated.emit({ key, value });
       }
     }
@@ -154,7 +154,7 @@ const YooFormImageTaggingCreatorComponent = class {
   renderPreview() {
     return this.src && [
       index.h("section", { id: "image", ref: el => this.imageContainerElement = el }, index.h("yoo-img", { contained: true, src: this.src, ignoreHeight: true, onClick: (ev) => this.imageClick(ev), onLoaded: () => { var _a; return (_a = this.annotations) === null || _a === void 0 ? void 0 : _a.forEach(annotation => this.getDotDraggableActions(annotation)); } }), this.renderDots()),
-      index.h("section", { id: "instructions" }, index.h("yoo-icon", { size: "small", name: "info", color: "stable" }), index.h("span", null, overlays.translate('ADDIMAGETAG')))
+      index.h("section", { id: "instructions" }, index.h("yoo-icon", { size: "small", name: "info", color: "stable" }), index.h("span", null, index$1.translate('ADDIMAGETAG')))
     ];
   }
   render() {

package/dist/cjs/yoo-form-image-tagging.cjs.entry.js

@@ -3,17 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
+require('./index-6f92bccb.js');
 const lodash = require('./lodash-a9050d79.js');
-require('./index-d126a9fa.js');
-const index$1 = require('./index-6242d9ab.js');
+require('./index-2a19b50c.js');
+const index$2 = require('./index-7fa5de65.js');
 const annotationsHelpers = require('./annotations-helpers-fb554cca.js');
-const draggableTagsHelpers = require('./draggable-tags-helpers-618109cc.js');
-const formInputHelpers = require('./form-input-helpers-2d988e31.js');
-const overlays = require('./overlays-e5d2ff76.js');
-const localForage = require('./localForage-d0842cbe.js');
+const draggableTagsHelpers = require('./draggable-tags-helpers-5e92ba1f.js');
+const formInputHelpers = require('./form-input-helpers-4ad38e19.js');
+const index$1 = require('./index-0cfb67d1.js');
+const localForage = require('./localForage-446da40f.js');
 require('./index-a1bbe627.js');
-require('./common-helpers-9f63a319.js');
+require('./common-helpers-44428bf7.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const formImageTaggingCss = "svg:not(:root){overflow:hidden}:host{display:block}:host yoo-banner{height:0}:host yoo-tag{position:relative;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}:host #image{background-color:transparent;-webkit-perspective:1000px;perspective:1000px}:host #image.flipped #inner-container{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}:host #image #inner-container{position:relative;width:100%;height:100%;margin:0 auto;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:-webkit-transform 0.75s;transition:-webkit-transform 0.75s;transition:transform 0.75s;transition:transform 0.75s, -webkit-transform 0.75s}:host #image #inner-container #recto,:host #image #inner-container #verso{width:100%;height:100%;background-color:var(--light, #ffffff);-webkit-backface-visibility:hidden;backface-visibility:hidden}:host #image #inner-container #verso{z-index:1;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}:host #image #inner-container #overlay,:host #image #inner-container yoo-img{border-radius:var(--border-radius-08, 0.5rem)}:host #image #inner-container .dropzone{position:absolute;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--spacing-32, 2rem);height:var(--spacing-32, 2rem);background-color:var(--light, #ffffff);border-radius:50%;-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([readonly])) main::-webkit-scrollbar{display:none}:host(:not([readonly])) #image #inner-container #overlay{position:absolute;top:0;width:100%;height:100%;background-color:var(--dark-10, rgba(0, 0, 0, 0.1));opacity:0;-webkit-transition:opacity 350ms ease-in-out;transition:opacity 350ms ease-in-out}:host(:not([readonly])) #image #inner-container .dropzone[hit]{background-color:var(--app-color, #5a30f4)}:host(:not([readonly])) #instructions{margin:var(--spacing-16, 1rem) 0 0;padding:var(--spacing-08, 0.5rem);color:var(--stable, #adadad)}:host(:not([readonly])) #zone-tags{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:baseline;align-content:baseline;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;min-height:5rem;padding:var(--spacing-08, 0.5rem);white-space:nowrap;border:var(--border-width-01, 0.0625rem) solid transparent;border-radius:var(--border-radius-08, 0.5rem)}:host(:not([readonly])) #zone-tags[hit]{background-color:var(--stable-ultralight, #fafafa);border:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(:not([readonly])) #zone-tags yoo-tag{margin-right:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-08, 0.5rem)}:host([animated]) .dropzone{-webkit-transition:all 250ms linear;transition:all 250ms linear}:host([animated]) .dropzone[hidden]{-webkit-transform:scale(0);transform:scale(0)}";
@@ -65,7 +65,7 @@ const YooFormImageTaggingComponent = class {
   }
   get droppedValues() {
     var _a;
-    return ((_a = this.tags.getDroppedValues(true)) === null || _a === void 0 ? void 0 : _a.map(droppedValues => this.values.find(value => droppedValues === overlays.translateMulti(value)))) || [];
+    return ((_a = this.tags.getDroppedValues(true)) === null || _a === void 0 ? void 0 : _a.map(droppedValues => this.values.find(value => droppedValues === index$1.translateMulti(value)))) || [];
   }
   get tagConfig() {
     const showImageOverlay = (showOverlay = true) => {
@@ -113,14 +113,14 @@ const YooFormImageTaggingComponent = class {
   }
   async prepareImage() {
     var _a;
-    this.imageSrc = await overlays.getMedia((await localForage.getFromOfflineStorage((_a = this.image) === null || _a === void 0 ? void 0 : _a._downloadURL)), { forceCookieUrlParam: true });
+    this.imageSrc = await index$1.getMedia((await localForage.getFromOfflineStorage((_a = this.image) === null || _a === void 0 ? void 0 : _a._downloadURL)), { forceCookieUrlParam: true });
     this.flipImage = !!this.imageSrc;
   }
   init() {
     this.flipImage &&
       setTimeout(() => {
         var _a, _b;
-        !((_b = (_a = this.tags) === null || _a === void 0 ? void 0 : _a.tags) === null || _b === void 0 ? void 0 : _b.length) && (this.tags = index$1.initTags(this.tagConfig, this.zonesConfig));
+        !((_b = (_a = this.tags) === null || _a === void 0 ? void 0 : _a.tags) === null || _b === void 0 ? void 0 : _b.length) && (this.tags = index$2.initTags(this.tagConfig, this.zonesConfig));
         this.flipImage = false;
       }, 500);
   }
@@ -137,7 +137,7 @@ const YooFormImageTaggingComponent = class {
     });
   }
   renderInstruction() {
-    return index.h("section", { id: "instructions" }, overlays.translate(this.placeholder));
+    return index.h("section", { id: "instructions" }, index$1.translate(this.placeholder));
   }
   renderTagsZone() {
     return index.h("section", { class: "dropzone", id: "zone-tags" });

package/dist/cjs/yoo-form-incentive-targets.cjs.entry.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const formInputHelpers = require('./form-input-helpers-2d988e31.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-6f92bccb.js');
+const formInputHelpers = require('./form-input-helpers-4ad38e19.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
-require('./common-helpers-9f63a319.js');
+require('./common-helpers-44428bf7.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const formIncentiveTargetsCss = "svg:not(:root){overflow:hidden}:host .inner-container{margin-bottom:var(--spacing-24, 1.5rem)}:host .header-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:var(--spacing-16, 1rem);padding-bottom:var(--spacing-08, 0.5rem);font-weight:bold;font-size:var(--font-size-20, 1.25rem);border-bottom:solid 1px var(--stable-light, #f1f1f1)}:host .title-container{display:-ms-flexbox;display:flex;margin-bottom:var(--spacing-08, 0.5rem)}:host .title-container yoo-form-input-container{-ms-flex:0.5;flex:0.5;padding-right:var(--spacing-32, 2rem)}:host .add-bloc-container{display:-ms-flexbox;display:flex;padding-right:var(--spacing-32, 2rem)}:host .add-bloc-container yoo-button{-ms-flex:0.5;flex:0.5}";
@@ -105,7 +105,7 @@ const YooFormIncentiveTargetsComponent = class {
     return [milestoneColumn, rewardColumn];
   }
   getEmptyTarget() {
-    return { id: overlays.getUUID(), title: '', milestones: [['', '']] };
+    return { id: index$1.getUUID(), title: '', milestones: [['', '']] };
   }
   getMultiInputValues(milestones) {
     return (milestones || []).map((milestone) => milestone ? [milestone.value.toString(), milestone.reward] : ['', '']);
@@ -152,10 +152,10 @@ const YooFormIncentiveTargetsComponent = class {
   renderTarget(target) {
     const targetOrder = target.index + 1; // display
     const isFirstAndOnlyTarget = (this.formValues.size === 1) && (target.index === 0); // do not display the delete button for the first target if this is also the only one
-    return (index.h("div", { class: "inner-container" }, index.h("div", { class: "header-container" }, index.h("span", null, overlays.translate('TARGET') + ' ' + targetOrder), !isFirstAndOnlyTarget && !this.disabled && index.h("yoo-button", { onClick: () => this.deleteTarget(target) }, index.h("yoo-icon", { size: "small", name: "delete" }))), index.h("div", { class: "title-container" }, index.h("yoo-form-input-container", { field: { title: overlays.translate('TARGETTITLE'), help: overlays.translate('TARGETHELP') }, required: true }, index.h("yoo-form-input", { type: "text", value: target.title || '', onInputChanged: (ev) => this.updateTargetTitle(target, ev), size: "medium", required: true, clearable: !this.disabled, disabled: this.disabled, onValidityChanged: (ev) => this.onNestedValidityChanged(ev) }))), index.h("yoo-form-multi-input", { ref: (el) => this.resetQueue.push(el), columns: this.buildColumnsDefinition(), onInputChanged: (ev) => this.updateMilestones(target, ev), onValidityChanged: (ev) => this.onNestedValidityChanged(ev), value: target.milestones })));
+    return (index.h("div", { class: "inner-container" }, index.h("div", { class: "header-container" }, index.h("span", null, index$1.translate('TARGET') + ' ' + targetOrder), !isFirstAndOnlyTarget && !this.disabled && index.h("yoo-button", { onClick: () => this.deleteTarget(target) }, index.h("yoo-icon", { size: "small", name: "delete" }))), index.h("div", { class: "title-container" }, index.h("yoo-form-input-container", { field: { title: index$1.translate('TARGETTITLE'), help: index$1.translate('TARGETHELP') }, required: true }, index.h("yoo-form-input", { type: "text", value: target.title || '', onInputChanged: (ev) => this.updateTargetTitle(target, ev), size: "medium", required: true, clearable: !this.disabled, disabled: this.disabled, onValidityChanged: (ev) => this.onNestedValidityChanged(ev) }))), index.h("yoo-form-multi-input", { ref: (el) => this.resetQueue.push(el), columns: this.buildColumnsDefinition(), onInputChanged: (ev) => this.updateMilestones(target, ev), onValidityChanged: (ev) => this.onNestedValidityChanged(ev), value: target.milestones })));
   }
   renderAddTargetButton() {
-    return (index.h("div", { class: "add-bloc-container" }, index.h("yoo-button", { color: "app-color", onClick: () => this.addTarget() }, index.h("yoo-icon", { slot: "start", name: "plus", color: "light", size: "small" }), overlays.translate('ADDTARGET'))));
+    return (index.h("div", { class: "add-bloc-container" }, index.h("yoo-button", { color: "app-color", onClick: () => this.addTarget() }, index.h("yoo-icon", { slot: "start", name: "plus", color: "light", size: "small" }), index$1.translate('ADDTARGET'))));
   }
   render() {
     const renderTarget = (target, i) => {

package/dist/cjs/yoo-form-input-comments.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-6f92bccb.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -44,7 +44,7 @@ const YooFormInputCommentsComponent = class {
   render() {
     return index.h(index.Host, { class: { 'readonly': this.readonly } }, index.h("div", { class: "outer-container" }, this.readonly &&
       index.h("yoo-icon", { color: "dark", name: "comment", size: "small" }), index.h("div", { class: { 'comments': true, 'readonly': this.readonly } }, this.readonly && this.user &&
-      index.h("div", { class: "user" }, index.h("yoo-avatar", { size: "extra-small", user: this.user }), index.h("div", { class: "label dark" }, index.h("span", null, `${overlays.getUserDisplayName(this.user)}`))), !this.readonly && this.renderEditableComments(), this.readonly && this.renderReadonlyComments())));
+      index.h("div", { class: "user" }, index.h("yoo-avatar", { size: "extra-small", user: this.user }), index.h("div", { class: "label dark" }, index.h("span", null, `${index$1.getUserDisplayName(this.user)}`))), !this.readonly && this.renderEditableComments(), this.readonly && this.renderReadonlyComments())));
   }
 };
 YooFormInputCommentsComponent.style = formInputCommentsCss;