@yoobic/yobi 8.6.0-3 → 8.6.0-5

package/dist/esm/yoo-form-creator-header.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import { s as FormCreatorOptions } from './index-847a32fd.js';
-import './index-e08fecc9.js';
-import { g as getAppContext } from './common-helpers-73accd43.js';
-import { t as translate, a3 as translateMulti } from './index-44691ffd.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-22891abe.js';
+import { s as FormCreatorOptions } from './index-dac754e1.js';
+import './index-590d30dd.js';
+import { g as getAppContext } from './common-helpers-2a9aacec.js';
+import { t as translate, a3 as translateMulti } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
 import './_commonjsHelpers-f4d11124.js';
 
@@ -17,18 +17,15 @@ const YooFormCreatorHeaderComponent = class {
     this.importClicked = createEvent(this, "importClicked", 7);
     this.warningClicked = createEvent(this, "warningClicked", 7);
     this.showQrCode = createEvent(this, "showQrCode", 7);
+    this.prefixTitle = undefined;
+    this.formTitle = undefined;
+    this.isLesson = undefined;
+    this.logo = undefined;
     this.hideSave = false;
-    /**
-     * Holds the currently selected menu option for the form-creator. If we are in scoring, some details
-     * of the header component are hidden.
-     */
     this.selectedLeftMenuOption = FormCreatorOptions.blocks;
-    /**
-     * Disables the save button if there are no changes to save
-     */
     this.initialSaveButtonDisabled = true;
-    /** Render warning header to alert user to editing a live campaign */
     this.showWarning = false;
+    this.saveButtonDisabled = undefined;
   }
   async setSaveButtonDisabled(saveButtonDisabled) {
     this.saveButtonDisabled = saveButtonDisabled;

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host } from './index-a6a92b3d.js';
-import { r as devices } from './index-847a32fd.js';
-import './index-e08fecc9.js';
-import { dq as getTranslateLanguageKeys, t as translate, a3 as translateMulti, de as replaceSVGColors } from './index-44691ffd.js';
+import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host } from './index-22891abe.js';
+import { r as devices } from './index-dac754e1.js';
+import './index-590d30dd.js';
+import { dq as getTranslateLanguageKeys, t as translate, a3 as translateMulti, de as replaceSVGColors } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
 import './_commonjsHelpers-f4d11124.js';
 
@@ -18,10 +18,20 @@ const YooFormCreatorLivePreviewComponent = class {
     this.visibilityToggled = createEvent(this, "visibilityToggled", 7);
     this.languageChanged = createEvent(this, "languageChanged", 7);
     this.mode = 'fullscreen';
+    this.missionDescriptionTitle = undefined;
+    this.missionDescriptionText = undefined;
+    this.showDescriptionAndFooter = undefined;
     this.showDevices = true;
+    this.hideHeaderTitle = undefined;
+    this.logo = undefined;
     this.closable = true;
     this.hidden = false;
+    this.showShare = undefined;
+    this.selectedLanguage = undefined;
     this.availableLanguages = [];
+    this.fullscreenHeading = undefined;
+    this.hideHeading = undefined;
+    this.selectedDevice = undefined;
   }
   async forceUpdate() {
     forceUpdate(this);

package/dist/esm/yoo-form-creator-overlay.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, i as createEvent, h, e as Host } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
-import { k as isNullOrUndefined, t as translate } from './index-44691ffd.js';
+import { r as registerInstance, i as createEvent, h, e as Host } from './index-22891abe.js';
+import './index-590d30dd.js';
+import { k as isNullOrUndefined, t as translate } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
-import './index-847a32fd.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formCreatorOverlayCss = "svg:not(:root){overflow:hidden}: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;margin-top:-1px;margin-left:-2px;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:3rem;background:var(--dark, #000000);opacity:0.8}:host .header-overlay.right-panel-only{margin-left:25.05rem}";
@@ -11,6 +11,15 @@ const YooFormCreatorOverlayComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.overlaysCleared = createEvent(this, "overlaysCleared", 7);
+    this.newCustomFormField = undefined;
+    this.initialNewFieldCondition = undefined;
+    this.initialNewUndefinedCondition = undefined;
+    this.initialNewRestrictionCondition = undefined;
+    this.initialIsLivePreviewHidden = undefined;
+    this.newFieldCondition = undefined;
+    this.newUndefinedCondition = undefined;
+    this.newRestrictionCondition = undefined;
+    this.isLivePreviewHidden = undefined;
   }
   onInitialNewFieldConditionChanged() {
     this.newFieldCondition = this.initialNewFieldCondition;

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

@@ -1,10 +1,10 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-22891abe.js';
+import './index-590d30dd.js';
 import { S as Sortable } from './sortable.esm-f788d1ca.js';
-import { I as setRestrictionAndFieldConditions, Q as getWorkflowFieldState } from './index-857e0d95.js';
-import { k as isNullOrUndefined, a3 as translateMulti, t as translate } from './index-44691ffd.js';
+import { I as setRestrictionAndFieldConditions, Q as getWorkflowFieldState } from './index-e6bc8654.js';
+import { k as isNullOrUndefined, a3 as translateMulti, t as translate } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
-import './index-847a32fd.js';
+import './index-dac754e1.js';
 import './annotations-helpers-f7b42b40.js';
 import './_commonjsHelpers-f4d11124.js';
 
@@ -24,19 +24,17 @@ const YooFormCreatorPageCardListComponent = class {
     this.pageStateChanged = createEvent(this, "pageStateChanged", 7);
     this.reorderStarted = createEvent(this, "reorderStarted", 7);
     this.reorderEnded = createEvent(this, "reorderEnded", 7);
-    /**
-   * The list of fields in an invalid state
-   */
+    this.isScrolling = false;
+    this.translations = undefined;
+    this.baseLanguage = undefined;
     this.invalidFields = [];
-    /**
-     * Determines if the cards are in workflow mode
-     */
+    this.missionSlides = undefined;
+    this.scoringMode = undefined;
+    this.isSortable = undefined;
     this.workflowVisibility = null;
-    /**
-     * selected workflowstep
-     */
     this.pagePermissions = null;
-    this.isScrolling = false;
+    this.selectedPageIndex = undefined;
+    this.selectPageIndexState = undefined;
   }
   onDrag(ev) {
     const pointerPosition = ev === null || ev === void 0 ? void 0 : ev.x;

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, i as createEvent, h } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
-import { S as setRestrictionAndConditionActions } from './index-857e0d95.js';
-import { t as translate } from './index-44691ffd.js';
+import { r as registerInstance, i as createEvent, h } from './index-22891abe.js';
+import './index-590d30dd.js';
+import { S as setRestrictionAndConditionActions } from './index-e6bc8654.js';
+import { t as translate } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
-import './index-847a32fd.js';
+import './index-dac754e1.js';
 import './annotations-helpers-f7b42b40.js';
 import './_commonjsHelpers-f4d11124.js';
 
@@ -15,13 +15,15 @@ const YooFormCreatorPageCardComponent = class {
     this.conditionClicked = createEvent(this, "conditionClicked", 7);
     this.removePageCondition = createEvent(this, "removePageCondition", 7);
     this.restrictionConditionClicked = createEvent(this, "restrictionConditionClicked", 7);
-    /**
-     * If `true`, the user can see the card as invalid.
-     */
+    this.actions = undefined;
+    this.block = undefined;
+    this.conditions = undefined;
+    this.description = undefined;
+    this.heading = undefined;
     this.invalid = false;
-    /**
-     * If `true`, the user can see the card as selected.
-     */
+    this.page = undefined;
+    this.restrictions = undefined;
+    this.scoringFields = undefined;
     this.selected = false;
   }
   get conditionActions() {

package/dist/esm/yoo-form-creator-restriction-selector.entry.js

@@ -1,15 +1,19 @@
-import { r as registerInstance, h, e as Host } from './index-a6a92b3d.js';
+import { r as registerInstance, h, e as Host } from './index-22891abe.js';
 import { c as conditionBlocksConfig } from './form-field.instance-9dc4d638.js';
 
 const YooFormCreatorRestrictionSelectorComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.initialSelectedTab = 0;
     this.restrictionTabs = [
       { title: 'YOOBICNEW', value: 'new' },
       { title: 'EXISTING', value: 'restrictions' }
     ];
     this.conditionBlockElements = [];
+    this.conditionType = undefined;
+    this.restrictionConditions = undefined;
+    this.disableSecondaryActions = undefined;
+    this.initialSelectedTab = 0;
+    this.selectedRestrictionTab = undefined;
   }
   async updateSelectedTab(index) {
     this.tabsElement.setTab(index);

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import { Y as FORM_CREATOR_OPTIONS_ALL, S as ScoringCategory, A as ALL_MOBILE_FORM_FIELDS, c as FormFieldType, T as TRUE_PRESENCE_VALUE_TEXT, e as FALSE_PRESENCE_VALUE_TEXT } from './index-847a32fd.js';
-import './index-e08fecc9.js';
-import { K as starRatingMaxDefault } from './index-857e0d95.js';
-import { k as isNullOrUndefined, aW as gsapTo, dr as Power3, aY as gsapFromTo, ds as findMaxScore, a3 as translateMulti, t as translate, dt as isNotApplicable } from './index-44691ffd.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-22891abe.js';
+import { Y as FORM_CREATOR_OPTIONS_ALL, S as ScoringCategory, A as ALL_MOBILE_FORM_FIELDS, c as FormFieldType, T as TRUE_PRESENCE_VALUE_TEXT, e as FALSE_PRESENCE_VALUE_TEXT } from './index-dac754e1.js';
+import './index-590d30dd.js';
+import { K as starRatingMaxDefault } from './index-e6bc8654.js';
+import { k as isNullOrUndefined, aW as gsapTo, dr as Power3, aY as gsapFromTo, ds as findMaxScore, a3 as translateMulti, t as translate, dt as isNotApplicable } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
 import './annotations-helpers-f7b42b40.js';
 import './_commonjsHelpers-f4d11124.js';
@@ -17,19 +17,6 @@ const YooFormCreatorBlockExpandableComponent = class {
     this.scoreChanged = createEvent(this, "scoreChanged", 7);
     this.scoreAdded = createEvent(this, "scoreAdded", 7);
     this.scoreDeleted = createEvent(this, "scoreDeleted", 7);
-    /**
-     * Will display the block as invalid
-     */
-    this.invalid = false;
-    /**
-     * Defines enabled actions.
-     */
-    this.options = FORM_CREATOR_OPTIONS_ALL;
-    /**
-     * This will block the ability to expand the field
-     */
-    this.blockFieldExpansion = false;
-    this.isExpanded = false;
     this.scoringInputs = [];
     this.isAnimating = false;
     this.hasExpanded = false;
@@ -61,6 +48,12 @@ const YooFormCreatorBlockExpandableComponent = class {
       }
     };
     this.onClearScore = () => this.clearScore();
+    this.invalid = false;
+    this.options = FORM_CREATOR_OPTIONS_ALL;
+    this.blockFieldExpansion = false;
+    this.mode = undefined;
+    this.formField = undefined;
+    this.isExpanded = false;
   }
   get isScoringAllowed() {
     var _a;

package/dist/esm/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-a6a92b3d.js';
-import './index-e08fecc9.js';
+import { r as registerInstance, i as createEvent, h, e as Host } from './index-22891abe.js';
+import './index-590d30dd.js';
 import { S as Sortable } from './sortable.esm-f788d1ca.js';
-import { t as translate, a3 as translateMulti } from './index-44691ffd.js';
+import { t as translate, a3 as translateMulti } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
-import './index-847a32fd.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formCreatorScoringCardListCss = "svg:not(:root){overflow:hidden}: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}";
@@ -15,6 +15,7 @@ const YooFormCreatorScoringCardListComponent = class {
     this.scoringChanged = createEvent(this, "scoringChanged", 7);
     this.scoringSelected = createEvent(this, "scoringSelected", 7);
     this.deleteScoringClicked = createEvent(this, "deleteScoringClicked", 7);
+    this.scoring = undefined;
   }
   componentDidLoad() {
     this.initScoringSortable();

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, h } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
-import { t as translate } from './index-44691ffd.js';
+import { r as registerInstance, h } from './index-22891abe.js';
+import './index-590d30dd.js';
+import { t as translate } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
-import './index-847a32fd.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formCreatorScoringCardCss = "svg:not(:root){overflow:hidden}: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)}";
@@ -10,9 +10,11 @@ const formCreatorScoringCardCss = "svg:not(:root){overflow:hidden}:host{display:
 const YooFormCreatorScoringCardComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /**
-     * If `true`, the user can see the card as selected.
-     */
+    this.actions = undefined;
+    this.description = undefined;
+    this.fields = undefined;
+    this.heading = undefined;
+    this.points = undefined;
     this.selected = false;
   }
   render() {

package/dist/esm/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-a6a92b3d.js';
-import './index-e08fecc9.js';
-import { t as translate } from './index-44691ffd.js';
+import { h, r as registerInstance, i as createEvent, e as Host } from './index-22891abe.js';
+import './index-590d30dd.js';
+import { t as translate } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
-import './index-847a32fd.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const EmptyState = () => [h("yoo-empty-state", null), h("p", null, translate('NOQUICKSETUP'))];
@@ -24,6 +24,9 @@ const YooFormCreatorScoringQuickSetupComponent = class {
     registerInstance(this, hostRef);
     this.close = createEvent(this, "close", 7);
     this.save = createEvent(this, "save", 7);
+    this.data = undefined;
+    this.page = undefined;
+    this.selectedPages = undefined;
     this.scores = {};
   }
   get allPages() {

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import { f as TRANSLATABLE_FORM_FIELD_ATTRIBUTES, c as FormFieldType, C as COMPLEX_ARRAY_TRANSLATABLE_FORM_FIELD_ATTRIBUTES, g as SINGLE_ARRAY_TRANSLATABLE_FORM_FIELD_ATTRIBUTES } from './index-847a32fd.js';
-import './index-e08fecc9.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-22891abe.js';
+import { f as TRANSLATABLE_FORM_FIELD_ATTRIBUTES, c as FormFieldType, C as COMPLEX_ARRAY_TRANSLATABLE_FORM_FIELD_ATTRIBUTES, g as SINGLE_ARRAY_TRANSLATABLE_FORM_FIELD_ATTRIBUTES } from './index-dac754e1.js';
+import './index-590d30dd.js';
 import { n as compact, c as cloneDeep, v as isObject, y as isEmpty, p as isString } from './lodash-777f91de.js';
-import { R as updateLocaleTranslation } from './index-857e0d95.js';
-import { I as debounce, b8 as formatSlides, aA as getCurrentLanguage, dH as getLocaleTranslation, dI as isHTML, a3 as translateMulti, t as translate, b3 as findField, w as closeModal, dq as getTranslateLanguageKeys } from './index-44691ffd.js';
+import { R as updateLocaleTranslation } from './index-e6bc8654.js';
+import { I as debounce, b8 as formatSlides, aA as getCurrentLanguage, dH as getLocaleTranslation, dI as isHTML, a3 as translateMulti, t as translate, b3 as findField, w as closeModal, dq as getTranslateLanguageKeys } from './index-97f4ed07.js';
 import './annotations-helpers-f7b42b40.js';
 import './_commonjsHelpers-f4d11124.js';
 
@@ -17,22 +17,6 @@ const YooFormCreatorTranslateDialogComponent = class {
     this.languageChanged = createEvent(this, "languageChanged", 7);
     this.baseLanguageChanged = createEvent(this, "baseLanguageChanged", 7);
     this.translateValue = createEvent(this, "translateValue", 7);
-    /**
-     * Mandatory prop, the starting field location
-     */
-    this.initialSelectedFieldLocation = { itemIndex: 0, slideIndex: 0 };
-    /**
-     * If true it will limit the functionality available to the user
-     */
-    this.isTranslator = false;
-    /**
-     * Switch the mode of the component to create new translations instead of editing
-     */
-    this.mode = 'edit';
-    /**
-     * The current translated languages of the form
-     */
-    this.translatedLanguages = [];
     /**
      * A state to prevent the change of selected field if the translation has been edited and it has not finished saving
      */
@@ -48,6 +32,17 @@ const YooFormCreatorTranslateDialogComponent = class {
       this.updateCurrentTranslations(updatedTranslation, name);
     }, 1000);
     this.preventFormUpdate = false;
+    this.slides = undefined;
+    this.initialSelectedFieldLocation = { itemIndex: 0, slideIndex: 0 };
+    this.baseLanguage = undefined;
+    this.allLanguages = undefined;
+    this.isTranslator = false;
+    this.disableNewLanguageButton = undefined;
+    this.translations = undefined;
+    this.mode = 'edit';
+    this.translatedLanguages = [];
+    this.editableForm = undefined;
+    this.newLanguesToTranslate = undefined;
   }
   async updateTranslationValue(newTranslation) {
     const translationIndex = this.updatedTranslations.findIndex((translation) => translation._id === newTranslation._id);

package/dist/esm/yoo-form-creator-translate.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, i as createEvent, h, e as Host } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
+import { r as registerInstance, i as createEvent, h, e as Host } from './index-22891abe.js';
+import './index-590d30dd.js';
 import { c as cloneDeep, A as isEqual, a0 as remove } from './lodash-777f91de.js';
-import { L as resetKey, M as resetFieldTranslations, t as translateAll, N as isAlreadyTranslated, O as addRow } from './index-857e0d95.js';
-import { b8 as formatSlides, du as cleanUnusedTranslations, dq as getTranslateLanguageKeys, b6 as hasImageRecognitionFields, k as isNullOrUndefined, t as translate, d0 as getAuthentication, ay as getLanguageKey, aj as showAlert, w as closeModal, dv as updateScoringWithTranslations, dw as updateAuditWithTranslations, G as showModal } from './index-44691ffd.js';
-import './index-847a32fd.js';
+import { L as resetKey, M as resetFieldTranslations, t as translateAll, N as isAlreadyTranslated, O as addRow } from './index-e6bc8654.js';
+import { b8 as formatSlides, du as cleanUnusedTranslations, dq as getTranslateLanguageKeys, b6 as hasImageRecognitionFields, k as isNullOrUndefined, t as translate, d0 as getAuthentication, ay as getLanguageKey, aj as showAlert, w as closeModal, dv as updateScoringWithTranslations, dw as updateAuditWithTranslations, G as showModal } from './index-97f4ed07.js';
+import './index-dac754e1.js';
 import './annotations-helpers-f7b42b40.js';
 import './_commonjsHelpers-f4d11124.js';
 
@@ -29,20 +29,21 @@ const YooFormCreatorTranslateComponent = class {
     this.lockTranslations = createEvent(this, "lockTranslations", 7);
     this.planChanged = createEvent(this, "planChanged", 7);
     this.openZenDesk = createEvent(this, "openZenDesk", 7);
-    /**
-     * Will allow the user to open the bilingual view (usually used uf the user only has access to the translations)
-     */
+    this.hasPlanBeenTranslatedInNewLanguage = false;
+    this.missionDescription = undefined;
+    this.plan = undefined;
     this.showBilingualView = false;
-    /**
-     * If true it will limit the functionality available to the user
-     */
     this.isTranslator = false;
-    /**
-     * Holds the scoring information for the current mission. Fields are added to the IScoring object as keys where
-     * the value is the score for that specific field.
-     */
+    this.disableNewLanguageButton = undefined;
+    this.disableTranslateButton = undefined;
+    this.baseLanguage = undefined;
+    this.selectedLanguages = undefined;
+    this.allLanguages = undefined;
     this.scoring = [];
-    this.hasPlanBeenTranslatedInNewLanguage = false;
+    this.slides = undefined;
+    this.translations = undefined;
+    this.items = undefined;
+    this.hasTranslations = undefined;
   }
   get areTranslationsLocked() {
     var _a;
@@ -493,9 +494,15 @@ const YooFormCreatorTranslateComponent = class {
     formCreatorTranslateDialogLanguageSelector.mode = 'create';
     formCreatorTranslateDialogLanguageSelector.allLanguages = this.getAvailableLanguages();
     formCreatorTranslateDialogLanguageSelector.translatedLanguages = this.selectedLanguages;
-    showModal(formCreatorTranslateDialogLanguageSelector, {
-      height: 'small'
-    }, null, 'fadeEnterAnimation', 'fadeLeaveAnimation', true).then((ret) => {
+    showModal({
+      component: formCreatorTranslateDialogLanguageSelector,
+      componentProps: {
+        height: 'small'
+      },
+      enterAnimation: 'fadeEnterAnimation',
+      leaveAnimation: 'fadeLeaveAnimation',
+      showBackdrop: true
+    }).then((ret) => {
       var _a;
       if ((_a = ret === null || ret === void 0 ? void 0 : ret.data) === null || _a === void 0 ? void 0 : _a.newLanguesToTranslate) {
         this.selectedLanguages = [...this.selectedLanguages, ...ret.data.newLanguesToTranslate];

package/dist/esm/yoo-form-creator-workflow-card.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, i as createEvent, h } from './index-a6a92b3d.js';
+import { r as registerInstance, i as createEvent, h } from './index-22891abe.js';
 import { f as fieldStateOptions } from './index-a7443ef7.js';
 
 const formCreatorWorkflowCardCss = "svg:not(:root){overflow:hidden}:host{display:block}:host yoo-form-autocomplete{margin-top:var(--spacing-04, 0.25rem)}:host([selected]) yoo-form-autocomplete{--input-arrow-icon-color:var(--app-color, #5a30f4);--input-background-color:var(--app-color-40, rgba(90, 48, 244, 0.4));--input-border-color:var(--app-color, #5a30f4);--input-text-color:var(--app-color, #5a30f4)}";
@@ -7,10 +7,10 @@ const YooFormCreatorWorkflowCardComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.pageStateChanged = createEvent(this, "pageStateChanged", 7);
-    /**
-     * If `true`, the user can see the card as selected.
-     */
+    this.description = undefined;
+    this.heading = undefined;
     this.selected = false;
+    this.state = undefined;
   }
   render() {
     return (h("yoo-form-creator-card", { description: this.description, heading: this.heading, selected: this.selected }, h("yoo-form-autocomplete", { disableSingleDeselection: true, idAttributeName: "title", size: "small", slot: "main", value: this.state ? { ...this.state, iconColor: this.selected ? 'app-color' : 'dark' } : undefined, values: fieldStateOptions, onInputChanged: (ev) => {

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

@@ -1,10 +1,10 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
-import { g as getAppContext } from './common-helpers-73accd43.js';
-import { P as onWorkflowStepClicked } from './index-857e0d95.js';
-import { t as translate } from './index-44691ffd.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-22891abe.js';
+import './index-590d30dd.js';
+import { g as getAppContext } from './common-helpers-2a9aacec.js';
+import { P as onWorkflowStepClicked } from './index-e6bc8654.js';
+import { t as translate } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
-import './index-847a32fd.js';
+import './index-dac754e1.js';
 import './annotations-helpers-f7b42b40.js';
 import './_commonjsHelpers-f4d11124.js';
 
@@ -14,6 +14,10 @@ const YooFormCreatorWorkflowSideSelectionComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.workflowCurrentStepChanged = createEvent(this, "workflowCurrentStepChanged", 7);
+    this.steps = undefined;
+    this.isSideSelection = undefined;
+    this.initialActiveWorkflowStep = undefined;
+    this.activeWorkflowStep = undefined;
   }
   componentWillLoad() {
     this.activeWorkflowStep = this.initialActiveWorkflowStep;

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, i as createEvent, h, e as Host } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
-import { g as groupsFullResolver } from './entities-helpers-7393dd7c.js';
-import { Q as getCssColor, t as translate, a3 as translateMulti, ac as getUserDisplayName } from './index-44691ffd.js';
+import { r as registerInstance, i as createEvent, h, e as Host } from './index-22891abe.js';
+import './index-590d30dd.js';
+import { g as groupsFullResolver } from './entities-helpers-b5569bff.js';
+import { Q as getCssColor, t as translate, a3 as translateMulti, ac as getUserDisplayName } from './index-97f4ed07.js';
 import './lodash-777f91de.js';
-import './index-847a32fd.js';
+import './index-dac754e1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formCreatorWorkflowStepCss = "svg:not(:root){overflow:hidden}: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}";
@@ -20,6 +20,10 @@ const YooFormCreatorWorkflowStepComponent = class {
     this.parallelStepAdded = createEvent(this, "parallelStepAdded", 7);
     this.workflowCurrentStepChanged = createEvent(this, "workflowCurrentStepChanged", 7);
     this.stepClicked = createEvent(this, "stepClicked", 7);
+    this.step = undefined;
+    this.isSideSelection = undefined;
+    this.activeWorkflowStep = undefined;
+    this.isActive = undefined;
   }
   onWorkflowStep(step) {
     this.stepClicked.emit(step === null || step === void 0 ? void 0 : step._id);