@yoobic/yobi 8.2.2 → 8.3.0-2

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

@@ -2,18 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
 const lodash = require('./lodash-597bda6d.js');
-require('./index-43c6a809.js');
-const index$2 = require('./index-8d99bbd2.js');
+require('./index-3653a164.js');
+const index$1 = require('./index-7ab51d1d.js');
 const annotationsHelpers = require('./annotations-helpers-6cf88388.js');
-const commonHelpers = require('./common-helpers-6970c46c.js');
-const draggableTagsHelpers = require('./draggable-tags-helpers-bb3be597.js');
-const formInputHelpers = require('./form-input-helpers-a04f76d2.js');
-const localForage = require('./localForage-f618f824.js');
+const commonHelpers = require('./common-helpers-a4efe957.js');
+const draggableTagsHelpers = require('./draggable-tags-helpers-0f80afe0.js');
+const formInputHelpers = require('./form-input-helpers-a2843dc0.js');
+const overlays = require('./overlays-b6c94fc8.js');
+const localForage = require('./localForage-e52707b9.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-de8540eb.js');
 
 const formImageTaggingCss = ":host{display:block;overflow:visible}: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;text-align:center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:-webkit-transform 0.8s;transition:-webkit-transform 0.8s;transition:transform 0.8s;transition:transform 0.8s, -webkit-transform 0.8s}:host .image .inner-container .flip-box-front,:host .image .inner-container .flip-box-back{width:100%;height:100%;background-color:var(--light, #ffffff);-webkit-backface-visibility:hidden;backface-visibility:hidden}:host .image .inner-container .flip-box-back{z-index:1;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}:host .image .inner-container .image-overlay,:host .image .inner-container yoo-img{border-radius:var(--border-radius-08, 0.5rem)}:host .image .inner-container .image-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 .image .inner-container .dropzone-container{position:absolute;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:2rem;height:2rem}:host .image .inner-container .dropzone-container .dropzone{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:1.75rem;height:1.75rem;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));-webkit-transition:background-color 250ms ease-in-out;transition:background-color 250ms ease-in-out}:host .image .inner-container .dropzone-container .dropzone.hit{background-color:var(--app-color, #5a30f4)}:host .instructions{margin:var(--spacing-32, 2rem) 0 0;color:var(--stable, #adadad)}:host section.tags{margin-top:var(--spacing-16, 1rem);white-space:nowrap}:host section.tags .dropzone{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;min-height:5rem;margin:calc(var(--spacing-08, 0.5rem) / -2) calc(var(--spacing-08, 0.5rem) / -2)}:host section.tags .dropzone>*{margin:calc(var(--spacing-08, 0.5rem) / 2) calc(var(--spacing-08, 0.5rem) / 2)}:host([animated]) .dropzone-container{-webkit-transition:all 250ms linear;transition:all 250ms linear}:host([animated]) .dropzone-container[hidden]{-webkit-transform:scale(0);transform:scale(0)}:host(.web:not(.live-preview)){text-align:center}:host(.web:not(.live-preview)) .image-container{max-width:40vw}";
 
@@ -59,7 +60,7 @@ const YooFormImageTaggingComponent = class {
     const onReleaseTag = () => {
       var _a;
       this.showImageOverlay(false);
-      this.value = ((_a = this.tags.getDroppedValues(true)) === null || _a === void 0 ? void 0 : _a.map(ua => this.values.find(v => ua === index$1.translateMulti(v)))) || [];
+      this.value = ((_a = this.tags.getDroppedValues(true)) === null || _a === void 0 ? void 0 : _a.map(ua => this.values.find(v => ua === overlays.translateMulti(v)))) || [];
       !this.livePreview && formInputHelpers.setValueAndValidateInput(this.value, this);
     };
     return {
@@ -104,14 +105,14 @@ const YooFormImageTaggingComponent = class {
   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$2.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$1.initTags(this.tagConfig, this.zonesConfig));
       this.flipImage = false;
       draggableTagsHelpers.showWarningAlert(this.host, draggableTagsHelpers.hasDuplicates(this.values));
     }, 500);
   }
   async getImageSrc() {
     var _a;
-    return index$1.getMedia((await localForage.getFromOfflineStorage((_a = this.image) === null || _a === void 0 ? void 0 : _a._downloadURL)), { forceCookieUrlParam: true });
+    return overlays.getMedia((await localForage.getFromOfflineStorage((_a = this.image) === null || _a === void 0 ? void 0 : _a._downloadURL)), { forceCookieUrlParam: true });
   }
   getColorTag(tagValue) {
     if (this.readonly && draggableTagsHelpers.checkArray(this.value) && this.answer) {
@@ -136,7 +137,7 @@ const YooFormImageTaggingComponent = class {
     });
   }
   renderInstruction() {
-    return index.h("p", { class: "instructions" }, index$1.translate(this.placeholder));
+    return index.h("p", { class: "instructions" }, overlays.translate(this.placeholder));
   }
   renderTagsZone() {
     return index.h("section", { class: "tags" }, index.h("div", { class: "dropzone", id: "zone-tags" }));

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-fc264952.js');
+const index = require('./index-e182c32d.js');
+const index$1 = require('./index-de8540eb.js');
 
 const YooFormIncentiveParticipantsComponent = class {
   constructor(hostRef) {

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

@@ -2,13 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
-const formInputHelpers = require('./form-input-helpers-a04f76d2.js');
+const index = require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
+const formInputHelpers = require('./form-input-helpers-a2843dc0.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
-require('./common-helpers-6970c46c.js');
+require('./index-de8540eb.js');
+require('./common-helpers-a4efe957.js');
 
 const formIncentiveTargetsCss = ":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}";
 
@@ -104,7 +105,7 @@ const YooFormIncentiveTargetsComponent = class {
     return [milestoneColumn, rewardColumn];
   }
   getEmptyTarget() {
-    return { id: index$1.getUUID(), title: '', milestones: [['', '']] };
+    return { id: overlays.getUUID(), title: '', milestones: [['', '']] };
   }
   getMultiInputValues(milestones) {
     return (milestones || []).map((milestone) => milestone ? [milestone.value.toString(), milestone.reward] : ['', '']);
@@ -151,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, 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 })));
+    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 })));
   }
   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" }), index$1.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" }), overlays.translate('ADDTARGET'))));
   }
   render() {
     const renderTarget = (target, i) => {

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

@@ -2,11 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-de8540eb.js');
 
 const formInputCommentsCss = ":host{display:block}:host .outer-container{display:-ms-flexbox;display:flex}:host .outer-container yoo-icon[name=comment]{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .comments{width:100%}:host .outer-container .comments.readonly{padding-left:var(--spacing-08, 0.5rem);border-left:var(--border-width-02, 0.125rem) solid var(--stable, #adadad)}:host .outer-container .comments .user{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;grid-gap:var(--spacing-04, 0.25rem);-ms-flex-align:start;align-items:flex-start;width:100%;font-size:var(--font-size-12, 0.75rem)}:host .outer-container .comments .user .label{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .outer-container .comments q{font-size:var(--font-size-14, 0.875rem);font-style:italic}";
 
@@ -43,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, `${index$1.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, `${overlays.getUserDisplayName(this.user)}`))), !this.readonly && this.renderEditableComments(), this.readonly && this.renderReadonlyComments())));
   }
 };
 YooFormInputCommentsComponent.style = formInputCommentsCss;