@yoobic/yobi 8.2.0-9 → 8.2.0

package/dist/design-system/yoo-form-creator-live-preview.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { p as devices } from './index-e36bdc70.js';
-import { d2 as getTranslateLanguageKeys, t as translate, T as translateMulti, cU as replaceSVGColors } from './index-b72de038.js';
-import { b as getAppContext } from './common-helpers-3fdc5d49.js';
-import './lodash-494e728c.js';
+import { p as devices } from './index-cbc2c080.js';
+import { d3 as getTranslateLanguageKeys, t as translate, T as translateMulti, cV as replaceSVGColors } from './index-8124f773.js';
+import { b as getAppContext } from './common-helpers-882ed431.js';
+import './lodash-063b88d5.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formCreatorLivePreviewCss = ":host{display:block;height:100%}:host h1,:host p{margin:0}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;overflow:hidden;background:var(--light, #ffffff)}:host .outer-container.not-closable{height:100%;border-top-left-radius:var(--border-radius-04, 0.25rem);border-top-right-radius:var(--border-radius-04, 0.25rem)}:host .outer-container.not-closable .heading{margin:0;padding-right:1rem;padding-left:0.5rem;border-top-left-radius:var(--border-radius-04, 0.25rem);border-top-right-radius:var(--border-radius-04, 0.25rem)}:host .outer-container .image-container{position:absolute;top:auto;right:auto;bottom:2.5rem;left:2.5rem;width:6.25rem}:host .outer-container .image-container yoo-img{width:6.25rem}:host .outer-container .heading{position:relative;display:-ms-flexbox;display:flex;-ms-flex:0 0 3.5rem;flex:0 0 3.5rem;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 var(--spacing-16, 1rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container .heading .campaign-title{margin-left:var(--spacing-04, 0.25rem);color:var(--stable, #adadad);font-size:var(--font-size-16, 1rem)}:host .outer-container .heading .title{position:absolute;top:auto;right:var(--spacing-16, 1rem);bottom:auto;left:var(--spacing-16, 1rem);color:var(--dark, #000000);font-size:var(--font-size-16, 1rem);text-align:center}:host .outer-container .heading .title.align-left{position:initial;-ms-flex:1;flex:1;text-align:left}:host .outer-container .sub-header{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;height:4.125rem}:host .outer-container .sub-header .device-selector{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .outer-container .columns-container{display:grid;gap:var(--spacing-48, 3rem);-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;overflow:hidden}:host .outer-container .columns-container .description{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;padding:var(--spacing-24, 1.5rem);color:var(--dark, #000000);background:var(--stable-ultralight, #fafafa);border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container .columns-container .description h1{margin-bottom:var(--spacing-16, 1rem);font-weight:var(--font-weight-900, 900);font-size:var(--font-size-20, 1.25rem);line-height:1.6;overflow:hidden}@supports (display: -webkit-box){:host .outer-container .columns-container .description h1{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}:host .outer-container .columns-container .description p{line-height:1.13}:host .outer-container .columns-container .form-dynamic-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:calc(100% - 2rem)}:host .outer-container .columns-container .form-dynamic-container .slot-container{position:relative;height:100%;overflow-y:auto;}:host .outer-container .columns-container .form-dynamic-container .slot-container::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host .outer-container .columns-container .form-dynamic-container .slot-container::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container .columns-container .form-dynamic-container .slot-container::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container .columns-container yoo-device{z-index:1}:host .outer-container .content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;overflow:hidden}:host .outer-container slot[name=footer]{display:block;height:3.5rem}:host .outer-container .icons-container{z-index:2;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .outer-container .icons-container>*+*{margin-left:var(--spacing-16, 1rem)}:host .outer-container .icons-container .icon-container{display:-ms-flexbox;display:flex;cursor:pointer}:host(.iphone-x) .form-dynamic-container{position:absolute;top:2rem;right:0;bottom:0;left:0}:host(:not(.iphone-x)) .form-dynamic-container{position:absolute;top:0;right:0;bottom:0;left:0}:host(.panel) .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;width:21.875rem;padding:0 var(--spacing-24, 1.5rem);background:var(--light, #ffffff);border-left:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);-webkit-transition:0.3s;transition:0.3s}:host(.panel) .outer-container .heading{display:-ms-flexbox;display:flex;-ms-flex-align:fle;align-items:fle;-ms-flex-item-align:end;align-self:flex-end;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:2.75rem;margin:0 0 var(--spacing-16, 1rem);padding:0;font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem);white-space:nowrap;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);-webkit-transition:0.5s;transition:0.5s}:host(.panel) .outer-container .heading .title{position:unset}:host(.panel) .outer-container .heading .icons-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host([hidden]) yoo-device{display:none}:host([hidden]) .outer-container{width:0;min-width:3rem !important;padding:0}:host([hidden]) .outer-container .heading{-ms-flex-pack:center;justify-content:center}";
@@ -71,7 +71,7 @@ const YooFormCreatorLivePreviewComponent = class {
   }
   render() {
     var _a;
-    return (h(Host, { class: { panel: this.mode === 'panel', 'iphone-x': this.selectedDevice.device === 'iphone-x', ...getAppContext(this.host) } }, h("div", { class: { 'outer-container': true, 'not-closable': !this.closable } }, h("div", { class: "heading" }, this.mode === 'fullscreen' && this.renderFullscreenHeader(), this.mode === 'panel' && this.renderPanelHeader()), ((_a = this.availableLanguages) === null || _a === void 0 ? void 0 : _a.length) > 0 && this.renderLanguageSelector(), this.showDevices && this.renderSubheader(), this.renderContent(), !!this.logo && (h("div", { class: "image-container" }, h("yoo-img", { src: this.logo, cloudinaryOptions: { pad: true }, svgOptions: { afterLoad: (_, svgString) => replaceSVGColors(svgString) } }))), this.showDescriptionAndFooter && h("slot", { name: "footer" }))));
+    return (h(Host, { class: { panel: this.mode === 'panel', 'iphone-x': this.selectedDevice.device === 'iphone-x', ...getAppContext(this.host) } }, h("div", { class: { 'outer-container': true, 'not-closable': !this.closable } }, !this.hideHeading && h("div", { class: "heading" }, this.mode === 'fullscreen' && this.renderFullscreenHeader(), this.mode === 'panel' && this.renderPanelHeader()), ((_a = this.availableLanguages) === null || _a === void 0 ? void 0 : _a.length) > 0 && this.renderLanguageSelector(), this.showDevices && this.renderSubheader(), this.renderContent(), !!this.logo && (h("div", { class: "image-container" }, h("yoo-img", { src: this.logo, cloudinaryOptions: { pad: true }, svgOptions: { afterLoad: (_, svgString) => replaceSVGColors(svgString) } }))), this.showDescriptionAndFooter && h("slot", { name: "footer" }))));
   }
   get host() { return getElement(this); }
 };

package/dist/design-system/yoo-form-creator-overlay.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, i as createEvent, h, e as Host } from './index-019c1b1a.js';
-import { R as isNullOrUndefined, t as translate } from './index-b72de038.js';
-import './lodash-494e728c.js';
+import { R as isNullOrUndefined, t as translate } from './index-8124f773.js';
+import './lodash-063b88d5.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-e36bdc70.js';
+import './index-cbc2c080.js';
 
 const formCreatorOverlayCss = ":host .overlay{position:absolute;top:3.0625rem;right:0;bottom:0;left:25.1875rem;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}:host .overlay .overlay-background{z-index:-1;background:var(--dark, #000000);opacity:0.8;position:absolute;top:0;right:0;bottom:0;left:0}:host .overlay.only-live-preview{left:auto;width:29rem}:host .overlay.only-live-preview.live-preview-hidden{width:3rem}:host .overlay.left-panel-only{left:0;width:25rem}:host .overlay .overlay-title{display:-ms-flexbox;display:flex;margin-bottom:var(--spacing-24, 1.5rem);margin-left:var(--spacing-80, 5rem);color:var(--light, #ffffff);font-size:var(--font-size-18, 1.125rem)}:host .overlay .overlay-title yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host .overlay .overlay-title.sub{margin-bottom:var(--spacing-16, 1rem);font-weight:var(--font-weight-300, 300)}:host .overlay yoo-form-creator-block-simple{margin-left:var(--spacing-80, 5rem)}:host .header-overlay{position:absolute;top:0;right:0;bottom:auto;left:0;height:3.0625rem;background:var(--dark, #000000);opacity:0.8}";
 

package/dist/design-system/yoo-form-creator-page-card-list.entry.js

@@ -1,11 +1,11 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { R as isNullOrUndefined, T as translateMulti, t as translate } from './index-b72de038.js';
+import { R as isNullOrUndefined, T as translateMulti, t as translate } from './index-8124f773.js';
 import { S as Sortable } from './sortable.esm-f788d1ca.js';
-import { I as setRestrictionAndFieldConditions, Q as getWorkflowFieldState } from './index-360c9c18.js';
-import './lodash-494e728c.js';
+import { I as setRestrictionAndFieldConditions, Q as getWorkflowFieldState } from './index-865324db.js';
+import './lodash-063b88d5.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-e36bdc70.js';
-import './annotations-helpers-06bdd868.js';
+import './index-cbc2c080.js';
+import './annotations-helpers-628a8ae3.js';
 
 const formCreatorPageCardListCss = ":host yoo-ion-slides{margin:calc(-1 * var(--spacing-16, 1rem));padding:var(--spacing-16, 1rem)}:host yoo-ion-slide{width:7.5rem}:host yoo-ion-slide.sortable-ghost{border:var(--border-width-02, 0.125rem) dashed var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-04, 0.25rem)}:host yoo-ion-slide.sortable-ghost yoo-form-creator-page-card,:host yoo-ion-slide.sortable-ghost yoo-form-creator-workflow-card{visibility:hidden}:host yoo-ion-slide>*{width:100%}:host yoo-ion-slide+yoo-ion-slide{margin-left:var(--spacing-08, 0.5rem)}";
 
@@ -120,7 +120,6 @@ const YooFormCreatorPageCardListComponent = class {
       const indexSlideTo = sortEvent.indexTo - 1 >= 0 ? sortEvent.indexTo - 1 : 0;
       this.pageOrderChanged.emit(sortEvent);
       this.pageCardsParentEl.slideTo(indexSlideTo);
-      this.pageClicked.emit(sortEvent.indexTo);
     };
   }
   renderPageCards() {

package/dist/design-system/yoo-form-creator-page-card.entry.js

@@ -1,10 +1,10 @@
 import { r as registerInstance, i as createEvent, h } from './index-019c1b1a.js';
-import { t as translate } from './index-b72de038.js';
-import { S as setRestrictionAndConditionActions } from './index-360c9c18.js';
-import './lodash-494e728c.js';
+import { t as translate } from './index-8124f773.js';
+import { S as setRestrictionAndConditionActions } from './index-865324db.js';
+import './lodash-063b88d5.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-e36bdc70.js';
-import './annotations-helpers-06bdd868.js';
+import './index-cbc2c080.js';
+import './annotations-helpers-628a8ae3.js';
 
 const formCreatorPageCardCss = ":host{display:block}:host yoo-context-menu.actions,:host yoo-tooltip.actions{grid-column:3}:host yoo-context-menu.conditions,:host yoo-tooltip.conditions{grid-column:1}:host yoo-context-menu.restrictions,:host yoo-tooltip.restrictions{grid-column:2}:host yoo-icon[name=categories]{margin-right:var(--spacing-04, 0.25rem)}:host .actions{display:grid;grid-template-columns:repeat(3, 1rem);gap:var(--spacing-04, 0.25rem);-ms-flex-align:center;align-items:center}:host .content{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin-top:var(--spacing-08, 0.5rem)}:host .count{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;overflow:hidden}:host .truncated{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}";
 

package/dist/design-system/yoo-form-creator-score-expandable.entry.js

@@ -1,10 +1,10 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { R as FORM_CREATOR_OPTIONS_ALL, S as ScoringCategory, A as ALL_MOBILE_FORM_FIELDS, c as FormFieldType } from './index-e36bdc70.js';
-import { R as isNullOrUndefined, aK as gsapTo, d3 as Power3, aM as gsapFromTo, d4 as findMaxScore, T as translateMulti, t as translate, d5 as isNotApplicable } from './index-b72de038.js';
-import { K as starRatingMaxDefault } from './index-360c9c18.js';
-import './lodash-494e728c.js';
+import { R as FORM_CREATOR_OPTIONS_ALL, S as ScoringCategory, A as ALL_MOBILE_FORM_FIELDS, c as FormFieldType } from './index-cbc2c080.js';
+import { R as isNullOrUndefined, aK as gsapTo, d4 as Power3, aM as gsapFromTo, d5 as findMaxScore, T as translateMulti, t as translate, d6 as isNotApplicable } from './index-8124f773.js';
+import { K as starRatingMaxDefault } from './index-865324db.js';
+import './lodash-063b88d5.js';
 import './_commonjsHelpers-f4d11124.js';
-import './annotations-helpers-06bdd868.js';
+import './annotations-helpers-628a8ae3.js';
 
 const formCreatorScoreExpandableCss = ":host{--expandable-block-border:none;display:block}:host .outer-container .parent-block-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;min-height:2.5rem;margin:var(--spacing-16, 1rem) 0;background:var(--light, #ffffff);border-radius:0.25rem;-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:0.3s;transition:0.3s}:host .outer-container .parent-block-container .header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.5rem}:host .outer-container .parent-block-container .header .condition-icon,:host .outer-container .parent-block-container .header .form-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:1.25rem;min-height:1.25rem;margin-left:var(--spacing-08, 0.5rem);border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container .parent-block-container .header .condition-icon yoo-icon,:host .outer-container .parent-block-container .header .condition-icon .position-title,:host .outer-container .parent-block-container .header .form-icon yoo-icon,:host .outer-container .parent-block-container .header .form-icon .position-title{margin:0 var(--spacing-04, 0.25rem)}:host .outer-container .parent-block-container .header .condition-icon yoo-icon,:host .outer-container .parent-block-container .header .form-icon yoo-icon{min-width:var(--icon-size-01, 1rem);font-size:var(--icon-size-01, 1rem)}:host .outer-container .parent-block-container .header .condition-icon .position-title,:host .outer-container .parent-block-container .header .form-icon .position-title{color:var(--light, #ffffff);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .parent-block-container .header .title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-ms-flex:1;flex:1;width:100%;margin-left:var(--spacing-08, 0.5rem)}:host .outer-container .parent-block-container .header .icons-container{position:relative;display:-ms-flexbox;display:flex}:host .outer-container .parent-block-container .header .icons-container .icon-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--spacing-16, 1rem);margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .parent-block-container .header .icons-container .icon-container yoo-icon{font-size:var(--font-size-20, 1.25rem)}:host .outer-container .parent-block-container .header .icons-container .icon-container.dropdown{width:2.125rem;margin-right:0}:host .outer-container .parent-block-container .header .icons-container .icon-container.dropdown::after{position:absolute;left:0;width:0.0625rem;height:1.125rem;background:var(--stable-light, #f1f1f1);content:\"\"}:host .outer-container .parent-block-container .header .icons-container .icon-container.plus{width:2.125rem;height:2.125rem}:host .outer-container .parent-block-container .header .icons-container .icon-container.plus yoo-icon{font-size:var(--icon-size-02, 1.5rem)}:host .outer-container .parent-block-container .header .icons-container yoo-context-menu{--width-dropdown-content:10rem;--max-width-dropdown-content:unset}:host h5{margin:0}:host yoo-tag.scoring{cursor:pointer}:host .outer-container{position:relative}:host .outer-container .parent-block-condition,:host .outer-container .parent-block-container{border-color:var(--accent, #276ef1);position:relative;border:var(--expandable-block-border)}:host .outer-container .parent-block-condition.multimedia,:host .outer-container .parent-block-condition.learn,:host .outer-container .parent-block-condition.uiactions,:host .outer-container .parent-block-container.multimedia,:host .outer-container .parent-block-container.learn,:host .outer-container .parent-block-container.uiactions{border-color:var(--info, #d84c96)}:host .outer-container .parent-block-condition.select,:host .outer-container .parent-block-condition.events,:host .outer-container .parent-block-condition.dataevents,:host .outer-container .parent-block-container.select,:host .outer-container .parent-block-container.events,:host .outer-container .parent-block-container.dataevents{border-color:var(--accent, #276ef1)}:host .outer-container .parent-block-condition.textcategory,:host .outer-container .parent-block-container.textcategory{border-color:var(--energized, #ffc043)}:host .outer-container .parent-block-condition.number,:host .outer-container .parent-block-condition.appcreatorapp,:host .outer-container .parent-block-condition.customfield,:host .outer-container .parent-block-container.number,:host .outer-container .parent-block-container.appcreatorapp,:host .outer-container .parent-block-container.customfield{border-color:var(--app-color, #5a30f4)}:host .outer-container .parent-block-condition.contactdetail,:host .outer-container .parent-block-condition.engage,:host .outer-container .parent-block-condition.information,:host .outer-container .parent-block-condition.nativeactions,:host .outer-container .parent-block-container.contactdetail,:host .outer-container .parent-block-container.engage,:host .outer-container .parent-block-container.information,:host .outer-container .parent-block-container.nativeactions{border-color:var(--warning, #ed6e33)}:host .outer-container .parent-block-condition.no-scoring,:host .outer-container .parent-block-container.no-scoring{border-color:var(--text-color, #807f83)}:host .outer-container .parent-block-condition.actioncategory,:host .outer-container .parent-block-condition.logic,:host .outer-container .parent-block-container.actioncategory,:host .outer-container .parent-block-container.logic{border-color:var(--anthracite, #1a1a1a)}:host .outer-container .parent-block-condition.dateandtime,:host .outer-container .parent-block-container.dateandtime{border-color:var(--dark, #000000)}:host .outer-container .parent-block-condition.catalogandbarcode,:host .outer-container .parent-block-condition.notifications,:host .outer-container .parent-block-container.catalogandbarcode,:host .outer-container .parent-block-container.notifications{border-color:var(--danger, #d44333)}:host .outer-container .parent-block-condition.condition,:host .outer-container .parent-block-container.condition{border-color:var(--stable, #adadad)}:host .outer-container .parent-block-condition.page,:host .outer-container .parent-block-condition.dataactions,:host .outer-container .parent-block-condition.operate,:host .outer-container .parent-block-container.page,:host .outer-container .parent-block-container.dataactions,:host .outer-container .parent-block-container.operate{border-color:var(--success, #3aa76d)}:host .outer-container .parent-block-condition.lesson,:host .outer-container .parent-block-condition.boostcontent,:host .outer-container .parent-block-container.lesson,:host .outer-container .parent-block-container.boostcontent{border-color:var(--app-color, #5a30f4)}:host .outer-container .parent-block-condition .header,:host .outer-container .parent-block-container .header{cursor:-webkit-grab;cursor:grab}:host .outer-container .parent-block-condition .header .form-icon,:host .outer-container .parent-block-container .header .form-icon{background-color:var(--accent, #276ef1)}:host .outer-container .parent-block-condition .header .form-icon.multimedia,:host .outer-container .parent-block-condition .header .form-icon.learn,:host .outer-container .parent-block-condition .header .form-icon.uiactions,:host .outer-container .parent-block-container .header .form-icon.multimedia,:host .outer-container .parent-block-container .header .form-icon.learn,:host .outer-container .parent-block-container .header .form-icon.uiactions{background-color:var(--info, #d84c96)}:host .outer-container .parent-block-condition .header .form-icon.select,:host .outer-container .parent-block-condition .header .form-icon.events,:host .outer-container .parent-block-condition .header .form-icon.dataevents,:host .outer-container .parent-block-container .header .form-icon.select,:host .outer-container .parent-block-container .header .form-icon.events,:host .outer-container .parent-block-container .header .form-icon.dataevents{background-color:var(--accent, #276ef1)}:host .outer-container .parent-block-condition .header .form-icon.textcategory,:host .outer-container .parent-block-container .header .form-icon.textcategory{background-color:var(--energized, #ffc043)}:host .outer-container .parent-block-condition .header .form-icon.number,:host .outer-container .parent-block-condition .header .form-icon.appcreatorapp,:host .outer-container .parent-block-condition .header .form-icon.customfield,:host .outer-container .parent-block-container .header .form-icon.number,:host .outer-container .parent-block-container .header .form-icon.appcreatorapp,:host .outer-container .parent-block-container .header .form-icon.customfield{background-color:var(--app-color, #5a30f4)}:host .outer-container .parent-block-condition .header .form-icon.contactdetail,:host .outer-container .parent-block-condition .header .form-icon.engage,:host .outer-container .parent-block-condition .header .form-icon.information,:host .outer-container .parent-block-condition .header .form-icon.nativeactions,:host .outer-container .parent-block-container .header .form-icon.contactdetail,:host .outer-container .parent-block-container .header .form-icon.engage,:host .outer-container .parent-block-container .header .form-icon.information,:host .outer-container .parent-block-container .header .form-icon.nativeactions{background-color:var(--warning, #ed6e33)}:host .outer-container .parent-block-condition .header .form-icon.no-scoring,:host .outer-container .parent-block-container .header .form-icon.no-scoring{background-color:var(--text-color, #807f83)}:host .outer-container .parent-block-condition .header .form-icon.actioncategory,:host .outer-container .parent-block-condition .header .form-icon.logic,:host .outer-container .parent-block-container .header .form-icon.actioncategory,:host .outer-container .parent-block-container .header .form-icon.logic{background-color:var(--anthracite, #1a1a1a)}:host .outer-container .parent-block-condition .header .form-icon.dateandtime,:host .outer-container .parent-block-container .header .form-icon.dateandtime{background-color:var(--dark, #000000)}:host .outer-container .parent-block-condition .header .form-icon.catalogandbarcode,:host .outer-container .parent-block-condition .header .form-icon.notifications,:host .outer-container .parent-block-container .header .form-icon.catalogandbarcode,:host .outer-container .parent-block-container .header .form-icon.notifications{background-color:var(--danger, #d44333)}:host .outer-container .parent-block-condition .header .form-icon.condition,:host .outer-container .parent-block-container .header .form-icon.condition{background-color:var(--stable, #adadad)}:host .outer-container .parent-block-condition .header .form-icon.page,:host .outer-container .parent-block-condition .header .form-icon.dataactions,:host .outer-container .parent-block-condition .header .form-icon.operate,:host .outer-container .parent-block-container .header .form-icon.page,:host .outer-container .parent-block-container .header .form-icon.dataactions,:host .outer-container .parent-block-container .header .form-icon.operate{background-color:var(--success, #3aa76d)}:host .outer-container .parent-block-condition .header .form-icon.lesson,:host .outer-container .parent-block-condition .header .form-icon.boostcontent,:host .outer-container .parent-block-container .header .form-icon.lesson,:host .outer-container .parent-block-container .header .form-icon.boostcontent{background-color:var(--app-color, #5a30f4)}:host .outer-container .parent-block-condition .header .icons-container,:host .outer-container .parent-block-container .header .icons-container{margin-left:var(--spacing-16, 1rem)}:host .outer-container .parent-block-condition .header .icons-container .icon-container.dropdown,:host .outer-container .parent-block-condition .header .icons-container .icon-container.plus,:host .outer-container .parent-block-container .header .icons-container .icon-container.dropdown,:host .outer-container .parent-block-container .header .icons-container .icon-container.plus{cursor:pointer}:host .outer-container .parent-block-condition .content-container,:host .outer-container .parent-block-container .content-container{position:relative;z-index:1;display:none;height:0;overflow:hidden}:host .outer-container .parent-block-condition .content-container slot,:host .outer-container .parent-block-container .content-container slot{display:none;opacity:0}:host .outer-container .parent-block-condition .scoring-content,:host .outer-container .parent-block-container .scoring-content{height:0px;padding:var(--spacing-08, 0.5rem);overflow:hidden;opacity:0}:host .outer-container .parent-block-condition .scoring-content .values-container,:host .outer-container .parent-block-container .scoring-content .values-container{display:grid !important;grid-row-gap:var(--spacing-16, 1rem);grid-column-gap:var(--spacing-16, 1rem);grid-template-columns:repeat(2, 1fr)}:host .outer-container .parent-block-condition .scoring-content .values-container.missing-values,:host .outer-container .parent-block-container .scoring-content .values-container.missing-values{display:-ms-flexbox !important;display:flex !important}:host .outer-container .parent-block-condition .scoring-content .values-container .value-container,:host .outer-container .parent-block-container .scoring-content .values-container .value-container{width:50%}:host .outer-container .parent-block-condition .scoring-content .values-container .value-container .value-text,:host .outer-container .parent-block-container .scoring-content .values-container .value-container .value-text{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:var(--spacing-08, 0.5rem);font-size:var(--font-size-12, 0.75rem)}:host .outer-container .parent-block-condition .scoring-content .values-container .input-container,:host .outer-container .parent-block-container .scoring-content .values-container .input-container{display:-ms-flexbox;display:flex}:host .outer-container .parent-block-condition .scoring-content .values-container .input-container yoo-form-input,:host .outer-container .parent-block-container .scoring-content .values-container .input-container yoo-form-input{-ms-flex:1;flex:1}:host(.expanded) .outer-container{position:relative}:host(.expanded) .outer-container .parent-block-condition .content-container,:host(.expanded) .outer-container .parent-block-container .content-container{overflow:unset}:host(.expanded) .outer-container .parent-block-condition .header,:host(.expanded) .outer-container .parent-block-container .header{cursor:auto}:host(.invalid) .outer-container .parent-block-container{border:var(--border-width-01, 0.0625rem) solid var(--danger, #d44333)}:host(.overlay-active) .outer-container .parent-block-container .header{cursor:pointer}:host(.no-scoring) .outer-container .parent-block-container{background:var(--stable-light, #f1f1f1);border:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-04, 0.25rem);-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(.no-scoring) .outer-container .parent-block-container .title{color:var(--text-color, #807f83)}";
 

package/dist/design-system/yoo-form-creator-scoring-card-list.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, i as createEvent, h, e as Host } from './index-019c1b1a.js';
-import { t as translate, T as translateMulti } from './index-b72de038.js';
+import { t as translate, T as translateMulti } from './index-8124f773.js';
 import { S as Sortable } from './sortable.esm-f788d1ca.js';
-import './lodash-494e728c.js';
+import './lodash-063b88d5.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-e36bdc70.js';
+import './index-cbc2c080.js';
 
 const formCreatorScoringCardListCss = ":host p{margin:0;color:var(--stable, #adadad)}:host yoo-form-creator-scoring-card{cursor:pointer}:host .scoring-container{display:grid;grid-template-columns:repeat(3, 7.5rem);gap:var(--spacing-08, 0.5rem)}:host .sortable-ghost{border:var(--border-width-02, 0.125rem) dashed var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-04, 0.25rem)}:host .sortable-ghost yoo-form-creator-scoring-card{visibility:hidden}";
 

package/dist/design-system/yoo-form-creator-scoring-card.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, h } from './index-019c1b1a.js';
-import { t as translate } from './index-b72de038.js';
-import './lodash-494e728c.js';
+import { t as translate } from './index-8124f773.js';
+import './lodash-063b88d5.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-e36bdc70.js';
+import './index-cbc2c080.js';
 
 const formCreatorScoringCardCss = ":host{display:block}:host yoo-form-creator-card{--description-line-clamp:2;--description-min-height:2.25rem}:host yoo-icon:not([name=more]){margin-right:var(--spacing-08, 0.5rem)}:host yoo-icon[name=variable]{--inner-width:0.5rem;--inner-height:0.5rem;-ms-flex-negative:0;flex-shrink:0;border-radius:var(--border-radius-04, 0.25rem)}:host yoo-tooltip{margin-left:var(--spacing-16, 1rem)}:host .fields,:host .points,:host .start{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;overflow:hidden}:host .points{margin-top:var(--spacing-16, 1rem)}:host .fields{-ms-flex-pack:justify;justify-content:space-between}:host .truncated{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host([selected]) yoo-icon[name=variable]{background:var(--app-color, #5a30f4)}:host(:not([selected])) yoo-icon[name=variable]{background:var(--warning, #ed6e33)}";
 

package/dist/design-system/yoo-form-creator-scoring-quick-setup.entry.js

@@ -1,8 +1,8 @@
 import { h, r as registerInstance, i as createEvent, e as Host } from './index-019c1b1a.js';
-import { t as translate } from './index-b72de038.js';
-import './lodash-494e728c.js';
+import { t as translate } from './index-8124f773.js';
+import './lodash-063b88d5.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-e36bdc70.js';
+import './index-cbc2c080.js';
 
 const EmptyState = () => [h("yoo-empty-state", null), h("p", null, translate('NOQUICKSETUP'))];
 const Pages = ({ value, values, onChange }) => (h("yoo-form-input-container", { field: { title: translate('PAGES') }, required: true },

package/dist/design-system/yoo-form-creator-translate-dialog.entry.js

@@ -1,10 +1,10 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { T as TRANSLATABLE_FORM_FIELD_ATTRIBUTES, c as FormFieldType, C as COMPLEX_ARRAY_TRANSLATABLE_FORM_FIELD_ATTRIBUTES, e as SINGLE_ARRAY_TRANSLATABLE_FORM_FIELD_ATTRIBUTES } from './index-e36bdc70.js';
-import { p as debounce, aX as formatSlides, as as getCurrentLanguage, dq as getLocaleTranslation, dr as isHTML, T as translateMulti, t as translate, aT as findField, I as closeModal, d2 as getTranslateLanguageKeys } from './index-b72de038.js';
-import { c as compact, z as cloneDeep, s as isObject, v as isEmpty, p as isString } from './lodash-494e728c.js';
-import { R as updateLocaleTranslation } from './index-360c9c18.js';
+import { T as TRANSLATABLE_FORM_FIELD_ATTRIBUTES, c as FormFieldType, C as COMPLEX_ARRAY_TRANSLATABLE_FORM_FIELD_ATTRIBUTES, e as SINGLE_ARRAY_TRANSLATABLE_FORM_FIELD_ATTRIBUTES } from './index-cbc2c080.js';
+import { p as debounce, aY as formatSlides, as as getCurrentLanguage, dr as getLocaleTranslation, ds as isHTML, T as translateMulti, t as translate, aT as findField, I as closeModal, d3 as getTranslateLanguageKeys } from './index-8124f773.js';
+import { j as compact, w as cloneDeep, s as isObject, v as isEmpty, p as isString } from './lodash-063b88d5.js';
+import { R as updateLocaleTranslation } from './index-865324db.js';
 import './_commonjsHelpers-f4d11124.js';
-import './annotations-helpers-06bdd868.js';
+import './annotations-helpers-628a8ae3.js';
 
 const formCreatorTranslateDialogCss = ":host{width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:stretch;justify-content:stretch;width:100%;height:100%;background:var(--light, #ffffff);border-radius:0.375rem}:host .outer-container .scroll-container{overflow-y:auto}:host .outer-container .form-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:var(--spacing-16, 1rem) 0;overflow-y:auto}:host .outer-container .form-container yoo-form-dynamic{top:5.5rem;width:100%}:host .outer-container .form-container yoo-form-input-container{position:relative;z-index:100;padding:var(--spacing-08, 0.5rem)}:host .outer-container .form-container .top-form-container{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:justify;justify-content:space-between;width:100%;max-width:37.5rem}:host .outer-container .form-container .top-form-container yoo-form-input-container{width:100%;padding:0}:host .outer-container .form-container .top-form-container yoo-form-input-container.base-language{min-width:18.75rem}:host .outer-container .form-container .top-form-container yoo-button{margin-left:1rem}:host .outer-container .button-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;height:3.5rem;padding:0 var(--spacing-16, 1rem);border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container .arrow-container{position:absolute;top:50%;right:auto;bottom:auto;left:auto}:host .outer-container .arrow-container.right{right:-9rem}:host .outer-container .arrow-container.left{left:-9rem}:host(.new-translation-mode) .outer-container .forms-container{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center;height:23rem}:host(.new-translation-mode) .outer-container .forms-container .form-container{width:100%}:host(.new-translation-mode) .outer-container .forms-container .form-container.left{padding:0 var(--spacing-08, 0.5rem) 0 var(--spacing-32, 2rem)}:host(.new-translation-mode) .outer-container .forms-container .form-container.right{padding:0 var(--spacing-32, 2rem) 0 var(--spacing-08, 0.5rem)}:host(.new-translation-mode) .outer-container .forms-container .form-container yoo-form-input-container{width:100%}:host(.new-translation-mode) .outer-container .button-container{padding:var(--spacing-08, 0.5rem) var(--spacing-24, 1.5rem)}";
 

package/dist/design-system/yoo-form-creator-translate.entry.js

@@ -1,10 +1,10 @@
 import { r as registerInstance, i as createEvent, h, e as Host } from './index-019c1b1a.js';
-import { aX as formatSlides, d6 as cleanUnusedTranslations, d2 as getTranslateLanguageKeys, t as translate, R as isNullOrUndefined, U as getLanguageKey, ae as showAlert, I as closeModal, d7 as updateScoringWithTranslations, d8 as updateAuditWithTranslations, n as showModal } from './index-b72de038.js';
-import { z as cloneDeep, x as isEqual, Z as remove } from './lodash-494e728c.js';
-import { L as resetKey, M as resetFieldTranslations, t as translateAll, N as isAlreadyTranslated, O as addRow } from './index-360c9c18.js';
+import { aY as formatSlides, d7 as cleanUnusedTranslations, d3 as getTranslateLanguageKeys, aW as hasImageRecognitionFields, R as isNullOrUndefined, t as translate, U as getLanguageKey, ae as showAlert, I as closeModal, d8 as updateScoringWithTranslations, d9 as updateAuditWithTranslations, n as showModal } from './index-8124f773.js';
+import { w as cloneDeep, y as isEqual, _ as remove } from './lodash-063b88d5.js';
+import { L as resetKey, M as resetFieldTranslations, t as translateAll, N as isAlreadyTranslated, O as addRow } from './index-865324db.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-e36bdc70.js';
-import './annotations-helpers-06bdd868.js';
+import './index-cbc2c080.js';
+import './annotations-helpers-628a8ae3.js';
 
 const formCreatorTranslateCss = ":host{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column}:host .header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end;padding:1rem}:host .header .base-language{display:inline-block;width:250px;margin-right:1rem;padding-top:0}:host .header .base-language.readonly{width:auto;min-width:150px;max-width:250px}:host .header .translate-to{display:inline-block;width:350px;margin-right:1rem}:host .header .translate-to.readonly{width:auto;min-width:150px;max-width:350px}:host .header .placeholder{-ms-flex:1;flex:1}:host .header yoo-button{display:inline-block;margin-right:1rem}:host .grid-container{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;overflow:hidden}:host .grid-container yoo-grid{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}:host .translation-locked{padding:var(--spacing-16, 1rem);text-align:center;vertical-align:middle}";
 
@@ -21,6 +21,7 @@ const YooFormCreatorTranslateComponent = class {
     this.scoringChanged = createEvent(this, "scoringChanged", 7);
     this.missionDescriptionChanged = createEvent(this, "missionDescriptionChanged", 7);
     this.slidesChanged = createEvent(this, "slidesChanged", 7);
+    this.todoChanged = createEvent(this, "todoChanged", 7);
     this.setLoading = createEvent(this, "setLoading", 7);
     this.bilingualViewClicked = createEvent(this, "bilingualViewClicked", 7);
     this.languageRemoved = createEvent(this, "languageRemoved", 7);
@@ -89,6 +90,9 @@ const YooFormCreatorTranslateComponent = class {
     if (this.baseLanguage && ((_a = this.selectedLanguages) === null || _a === void 0 ? void 0 : _a.length) > 0) {
       this.selectedLanguages = this.selectedLanguages.filter((language) => language !== this.baseLanguage);
     }
+    if (this.missionDescription) {
+      this.missionDescription.lockTranslations = (hasImageRecognitionFields(this.slides) && isNullOrUndefined(this.missionDescription.lockTranslations)) || this.missionDescription.lockTranslations;
+    }
     this.hasTranslations = ((_b = this.items) === null || _b === void 0 ? void 0 : _b.length) > 0;
     this.updateGridConfig();
   }
@@ -310,8 +314,8 @@ const YooFormCreatorTranslateComponent = class {
     this.selectedLanguages = this.selectedLanguages.filter((language) => language !== this.baseLanguage);
     this.translateToAutocomplete.updateValues(this.getAvailableLanguages());
   }
-  onSelectedLanguagesChanged(ev) {
-    this.selectedLanguages = ev.detail;
+  onSelectedLanguagesChanged(languages) {
+    this.selectedLanguages = languages;
     this.selectedLanguagesChanged.emit(this.selectedLanguages);
     this.updateGridConfig();
   }
@@ -323,11 +327,13 @@ const YooFormCreatorTranslateComponent = class {
       this.translatePlan(overwrite, null, onlyTranslateMissingTranslations);
     }
     else {
-      translateAll(overwrite, this.missionDescription, this.items, this.slides, this.scoring, this.baseLanguage, {
+      translateAll(overwrite, cloneDeep(this.missionDescription), this.items, this.slides, this.scoring, this.baseLanguage, {
         missionDescriptionChanged: this.missionDescriptionChanged,
         slidesChanged: this.slidesChanged,
         translationsUpdated: this.translationsUpdated,
-        scoringChanged: this.scoringChanged
+        scoringChanged: this.scoringChanged,
+        todoChanged: this.todoChanged,
+        setLoading: this.setLoading
       }, null, onlyTranslateMissingTranslations);
     }
   }
@@ -372,7 +378,9 @@ const YooFormCreatorTranslateComponent = class {
   }
   translatePlan(overwrite, languages = null, onlyTranslateMissingTranslations = false) {
     var _a;
+    const originalPlan = cloneDeep(this.plan);
     let translations = cloneDeep(this.items);
+    const errorMessages = [];
     if (!isAlreadyTranslated(this.plan.title, this.translations)) {
       addRow(translations, {
         title: this.plan.title,
@@ -386,7 +394,7 @@ const YooFormCreatorTranslateComponent = class {
         missionDescriptionRef: this.plan._id,
         _tenant: this.plan._tenant,
         _tenantRef: this.plan._tenantRef
-      });
+      }, false, errorMessages);
     }
     if (!isAlreadyTranslated(this.plan.description, this.translations)) {
       addRow(translations, {
@@ -401,7 +409,7 @@ const YooFormCreatorTranslateComponent = class {
         missionDescriptionRef: this.plan._id,
         _tenant: this.plan._tenant,
         _tenantRef: this.plan._tenantRef
-      });
+      }, false, errorMessages);
     }
     (_a = this.plan.sections) === null || _a === void 0 ? void 0 : _a.forEach((section, sectionIndex) => {
       var _a;
@@ -418,11 +426,11 @@ const YooFormCreatorTranslateComponent = class {
           missionDescriptionRef: this.plan._id,
           _tenant: this.plan._tenant,
           _tenantRef: this.plan._tenantRef
-        });
+        }, false, errorMessages);
       }
       (_a = section === null || section === void 0 ? void 0 : section.items) === null || _a === void 0 ? void 0 : _a.forEach((missionDescription) => {
         var _a;
-        translateAll(overwrite, missionDescription, translations, missionDescription.slides, null, this.baseLanguage, {}, languages, onlyTranslateMissingTranslations);
+        translateAll(overwrite, missionDescription, translations, missionDescription.slides, null, this.baseLanguage, {}, languages, onlyTranslateMissingTranslations, false, false, errorMessages);
         if ((translations === null || translations === void 0 ? void 0 : translations.length) > ((_a = this.items) === null || _a === void 0 ? void 0 : _a.length)) {
           translations = translations === null || translations === void 0 ? void 0 : translations.map((translation) => {
             if (!translation.missionDescriptionRef) {
@@ -438,6 +446,25 @@ const YooFormCreatorTranslateComponent = class {
         missionDescription.languages = this.selectedLanguages;
       });
     });
+    if (errorMessages === null || errorMessages === void 0 ? void 0 : errorMessages.length) {
+      const message = `${translate('CANNOTTRANSLATECONTENT')}<br/>${errorMessages.map((e) => `${e}<br/>`)}`;
+      showAlert('ERROR', [translate('CANCEL'), translate('CONTINUE')], message).then((confirm) => {
+        if (confirm) {
+          this.successPlanTranslation(translations, overwrite, languages, onlyTranslateMissingTranslations);
+        }
+        else {
+          this.setLoading.emit(false);
+          this.onSelectedLanguagesChanged([]);
+          this.plan = originalPlan;
+          this.planChanged.emit(this.plan);
+        }
+      });
+    }
+    else {
+      this.successPlanTranslation(translations, overwrite, languages, onlyTranslateMissingTranslations);
+    }
+  }
+  successPlanTranslation(translations, overwrite, languages = null, onlyTranslateMissingTranslations = false) {
     this.items = translations;
     this.planChanged.emit(this.plan);
     this.translationsUpdated.emit({ translations: this.items, overwrite, languages, onlyTranslateMissingTranslations });
@@ -489,7 +516,7 @@ const YooFormCreatorTranslateComponent = class {
   }
   render() {
     var _a, _b, _c, _d, _e, _f;
-    return (h(Host, null, h("div", { class: "header" }, h("yoo-form-input-container", { class: { 'base-language': true, readonly: this.hasTranslations }, field: { title: translate('BASELANGUAGE') }, hideOptional: true }, h("yoo-form-autocomplete", { values: getTranslateLanguageKeys(this.allLanguages), value: this.baseLanguage, idOnly: true, useTranslate: true, displayType: "card-list", forceHideSearch: true, color: "transparent", onInputChanged: (ev) => this.onBaseLanguageChanged(ev), size: "medium", disabled: this.hasTranslations || this.isTranslator })), h("yoo-form-input-container", { class: { 'translate-to': true }, field: { title: this.hasTranslations ? translate('TRANSLATEDIN') : translate('TRANSLATETO') }, hideOptional: true }, h("yoo-form-autocomplete", { extraClass: this.hasTranslations ? 'only-allow-secondary-actions' : null, ref: (el) => (this.translateToAutocomplete = el), values: getTranslateLanguageKeys(this.hasTranslations ? this.selectedLanguages : this.getAvailableLanguages()), value: getTranslateLanguageKeys(this.selectedLanguages), multiple: true, iconPrefix: "feed", useTranslate: true, entityType: "language", displayType: "card-list", idOnly: true, forceHideSearch: true, placeholder: translate('SELECTLANGUAGES'), onInputChanged: (ev) => this.onSelectedLanguagesChanged(ev), readonly: this.isTranslator, size: "medium", secondaryActions: [
+    return (h(Host, null, h("div", { class: "header" }, h("yoo-form-input-container", { class: { 'base-language': true, readonly: this.hasTranslations }, field: { title: translate('BASELANGUAGE') }, hideOptional: true }, h("yoo-form-autocomplete", { values: getTranslateLanguageKeys(this.allLanguages), value: this.baseLanguage, idOnly: true, useTranslate: true, displayType: "card-list", forceHideSearch: true, color: "transparent", onInputChanged: (ev) => this.onBaseLanguageChanged(ev), size: "medium", disabled: this.hasTranslations || this.isTranslator })), h("yoo-form-input-container", { class: { 'translate-to': true }, field: { title: this.hasTranslations ? translate('TRANSLATEDIN') : translate('TRANSLATETO') }, hideOptional: true }, h("yoo-form-autocomplete", { extraClass: this.hasTranslations ? 'only-allow-secondary-actions' : null, ref: (el) => (this.translateToAutocomplete = el), values: getTranslateLanguageKeys(this.hasTranslations ? this.selectedLanguages : this.getAvailableLanguages()), value: getTranslateLanguageKeys(this.selectedLanguages), multiple: true, iconPrefix: "feed", useTranslate: true, entityType: "language", displayType: "card-list", idOnly: true, forceHideSearch: true, placeholder: translate('SELECTLANGUAGES'), onInputChanged: (ev) => this.onSelectedLanguagesChanged(ev.detail), readonly: this.isTranslator, size: "medium", secondaryActions: [
         {
           text: (_item) => translate('DELETE'),
           color: () => 'danger',

package/dist/design-system/yoo-form-creator-workflow-side-selection.entry.js

@@ -1,11 +1,11 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { t as translate } from './index-b72de038.js';
-import { b as getAppContext } from './common-helpers-3fdc5d49.js';
-import { P as onWorkflowStepClicked } from './index-360c9c18.js';
-import './lodash-494e728c.js';
+import { t as translate } from './index-8124f773.js';
+import { b as getAppContext } from './common-helpers-882ed431.js';
+import { P as onWorkflowStepClicked } from './index-865324db.js';
+import './lodash-063b88d5.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-e36bdc70.js';
-import './annotations-helpers-06bdd868.js';
+import './index-cbc2c080.js';
+import './annotations-helpers-628a8ae3.js';
 
 const formCreatorWorkflowSideSelectionCss = ":host{width:100%}:host .title{margin:0 var(--spacing-16, 1rem) 0 var(--spacing-16, 1rem);padding-top:var(--spacing-16, 1rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .step-container{height:100%;padding:var(--spacing-16, 1rem) 0 var(--spacing-16, 1rem) 0}:host .step-container .start-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .step-container .start-container yoo-badge{padding-left:var(--spacing-16, 1rem)}:host .vertical-line{width:0;height:1rem;margin:auto;margin-left:2.375rem;border-left:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}";
 

package/dist/design-system/yoo-form-creator-workflow-step.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, i as createEvent, h, e as Host } from './index-019c1b1a.js';
-import { y as getCssColor, t as translate, T as translateMulti, a7 as getUserDisplayName } from './index-b72de038.js';
-import { g as groupsFullResolver } from './entities-helpers-43a1594d.js';
-import './lodash-494e728c.js';
+import { y as getCssColor, t as translate, T as translateMulti, a7 as getUserDisplayName } from './index-8124f773.js';
+import { g as groupsFullResolver } from './entities-helpers-9b6c1bab.js';
+import './lodash-063b88d5.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-e36bdc70.js';
+import './index-cbc2c080.js';
 
 const formCreatorWorkflowStepCss = ":host{cursor:pointer}:host .container{position:relative;display:block;width:auto;min-width:25rem;max-width:37.5rem;margin-right:auto;margin-left:auto;padding:var(--spacing-16, 1rem) var(--spacing-16, 1rem) var(--spacing-16, 1rem) var(--spacing-24, 1.5rem);background:var(--light, #ffffff);border-radius:0.25rem;-webkit-box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08))}:host .container .color-tag{position:absolute;top:0;right:auto;bottom:0;left:0;width:0.5rem;background-color:var(--app-color, #5a30f4);border-top-left-radius:var(--border-radius-04, 0.25rem);border-bottom-left-radius:var(--border-radius-04, 0.25rem)}:host .container .header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden}:host .container .title{padding-right:var(--spacing-08, 0.5rem);font-weight:bold}:host .container .description,:host .container .condition{padding-top:var(--spacing-08, 0.5rem);color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem)}:host .container .assigned{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:var(--font-size-14, 0.875rem)}:host .container .assigned .manager{padding-left:var(--spacing-08, 0.5rem)}:host .container .actions{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding-top:var(--spacing-08, 0.5rem)}:host .container .actions .flex{-ms-flex:1;flex:1}:host .container .actions .flex.margin-left{margin-left:var(--spacing-32, 2rem)}:host .container yoo-context-menu{margin:auto}:host(.active) .container{border:var(--border-width-01, 0.0625rem) solid var(--app-color, #5a30f4)}:host(.active.goto) .container{border:var(--border-width-01, 0.0625rem) solid var(--dark, #000000)}:host(.parallel:not(.form-mode)){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host(.parallel:not(.form-mode)) .container{width:15rem;color:var(--light, #ffffff);background:var(--app-color, #5a30f4)}:host(.parallel:not(.form-mode)) .vertical-line{width:0;height:1.5rem;margin:auto;border-left:var(--border-radius-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host(.parallel:not(.form-mode)) .steps{display:-ms-flexbox;display:flex;-ms-flex-pack:space-evenly;justify-content:space-evenly;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 var(--spacing-16, 1rem);border-radius:0.25rem}:host(.parallel:not(.form-mode)) .steps yoo-button{text-align:center}:host(.parallel:not(.form-mode)) .steps yoo-form-creator-workflow-step{-ms-flex:1;flex:1;max-width:15rem}:host(.parallel:not(.form-mode)) .steps .branch{position:relative;padding:var(--spacing-64, 4rem) var(--spacing-48, 3rem)}:host(.parallel:not(.form-mode)) .steps .branch.middle-branch{border-top:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0);border-bottom:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host(.parallel:not(.form-mode)) .steps .branch yoo-form-creator-workflow-step,:host(.parallel:not(.form-mode)) .steps .branch yoo-context-menu{position:relative;z-index:1}:host(.parallel:not(.form-mode)) .steps .branch .absolute-vertical-line{position:absolute;top:0;right:calc(50% - 0.0625rem);bottom:0;left:auto;z-index:0;width:0.125rem;background:var(--stable-alt, #d0d0d0)}:host(.parallel:not(.form-mode)) .steps .branch .color-backdrop{position:absolute;top:4.5rem;right:2rem;bottom:8rem;left:2rem;opacity:0.1}:host(.parallel:not(.form-mode)) .steps .branch.single-branch{padding:0 var(--spacing-16, 1rem)}:host(.parallel:not(.form-mode)) .steps .branch.single-branch .color-backdrop{position:absolute;top:0;right:0;bottom:4rem;left:0}:host(.parallel:not(.form-mode)) .steps .branch .border-line{position:absolute;top:0;right:0;bottom:0;left:0;border:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host(.parallel:not(.form-mode)) .steps .branch .border-line.left{left:calc(50% - 0.0625rem);border-right:none;border-top-left-radius:var(--border-radius-24, 1.5rem);border-bottom-left-radius:var(--border-radius-24, 1.5rem)}:host(.parallel:not(.form-mode)) .steps .branch .border-line.right{right:calc(50% - 0.0625rem);border-left:none;border-top-right-radius:var(--border-radius-24, 1.5rem);border-bottom-right-radius:var(--border-radius-24, 1.5rem)}:host(.parallel:not(.form-mode)) .steps .branch .circle-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:2rem;height:2rem;margin:auto;color:var(--always-light);border-radius:50%;-webkit-box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1))}:host(.parallel-child-step:not(.form-mode)) .container{z-index:1;width:15rem}:host(.form-mode) .container{display:-ms-flexbox;display:flex;min-width:unset;max-width:15.5rem;height:2rem;padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem) var(--spacing-08, 0.5rem) var(--spacing-24, 1.5rem)}:host(.form-mode) .container .title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.form-mode) .steps{position:relative;margin-left:2.375rem;border-left:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host(.form-mode) .steps .branch:not(.first-branch){margin-top:var(--spacing-32, 2rem)}:host(.form-mode) .steps .branch:not(.first-branch):not(.last-branch) .attach-horizontal-line{height:calc(100% + 2.5rem);margin-top:-2.5rem}:host(.form-mode) .steps .branch{position:relative;margin-left:var(--spacing-40, 2.5rem)}:host(.form-mode) .steps .branch .horizontal-line{position:absolute;top:1.45rem;left:calc(10% - 1.5rem);width:2rem;height:0;margin:auto;border-top:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host(.form-mode) .steps .branch .attach-horizontal-line{position:absolute;width:0;height:100%;border-left:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host(.form-mode) .steps .first-branch .attach-horizontal-line{top:1.5rem}:host(.form-mode) .steps .last-branch .attach-horizontal-line{top:0;height:3.5rem;margin-top:-2rem}:host(.form-mode) .steps .single-branch-and-substep .attach-horizontal-line{height:0}:host(.form-mode) .steps .single-branch-and-substep .active.horizontal-line{top:1.47rem}:host(.form-mode) .steps .single-branch-and-multiple-substep .attach-horizontal-line{height:calc(50% - 1.45rem)}:host(.form-mode) .vertical-line{width:0;height:1rem;margin:auto;border-left:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host(.form-mode) .branch-button-wrapper{position:absolute;top:calc(50% - 1rem);left:-1rem;display:-ms-flexbox;display:flex}:host(.form-mode) .branch-button-wrapper .icon-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:2rem;height:2rem;background-color:var(--light, #ffffff);border-radius:var(--border-radius-16, 1rem);-webkit-box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08))}:host(.form-mode) .branch-button-wrapper .horizontal-line{width:1.5rem;height:0;margin:auto;border-top:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host(.parallel-child-step.form-mode) .container{max-width:10rem;margin-right:0.75rem}:host(.first-parallel-child-step) .container{margin-top:var(--spacing-16, 1rem)}:host(.last-parallel-child-step.form-mode) .vertical-line{display:none}:host(.form-mode.parallel) .vertical-line{margin-left:2.375rem}";