@yoobic/yobi 8.6.0-3 → 8.6.0-5

package/dist/cjs/yoo-form-creator-field-selector.cjs.entry.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
-const index$1 = require('./index-d5115bb4.js');
-require('./index-5eb4c510.js');
+const index = require('./index-c30696a0.js');
+const index$1 = require('./index-1abca896.js');
+require('./index-3b76ec77.js');
 const gridstackDdNative = require('./gridstack-dd-native-f6c2bb35.js');
 const lodash = require('./lodash-a9050d79.js');
-const index$3 = require('./index-2646ccb0.js');
-const index$2 = require('./index-4cc44897.js');
+const index$3 = require('./index-e9c02f26.js');
+const index$2 = require('./index-65831a5f.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const formCreatorFieldSelectorCss = "svg:not(:root){overflow:hidden}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;overflow:hidden}:host .category-block-selection{padding:0 var(--spacing-08, 0.5rem)}:host yoo-accordion{--outer-container-padding:0 var(--spacing-16, 1rem);--outer-container-width:calc(100% - 2.5rem);--title-icon-color:var(--stable-alt, #d0d0d0)}:host yoo-accordion yoo-accordion.sub-accordion{--outer-container-padding:0;--outer-container-width:100%}:host .new-widget{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;margin:var(--spacing-08, 0.5rem) 0;padding:0 var(--spacing-16, 1rem);background:var(--light, #ffffff);border-radius:0.25rem;-webkit-box-shadow:0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08);box-shadow:0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08);cursor:pointer}:host .new-widget yoo-icon{margin-right:var(--spacing-08, 0.5rem);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host .new-widget .title{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}";
@@ -19,12 +19,19 @@ const YooFormCreatorFieldSelectorComponent = class {
     this.elementReferencesLoaded = index.createEvent(this, "elementReferencesLoaded", 7);
     this.newCustomFormFieldClicked = index.createEvent(this, "newCustomFormFieldClicked", 7);
     this.plusClicked = index.createEvent(this, "plusClicked", 7);
-    this.options = [];
-    this.initialSimpleFormBlocks = { information: [] };
-    this.simpleFormBlocks = { information: [] };
     this.newFieldContainerBlocks = [];
     this.newFieldCategoryBlocks = [];
     this.hasSearch = false;
+    this.categories = undefined;
+    this.categoriesTitle = undefined;
+    this.options = [];
+    this.initialSimpleFormBlocks = { information: [] };
+    this.masterTitle = undefined;
+    this.initialCustomFormFields = undefined;
+    this.useGridstack = undefined;
+    this.forceOpenedAll = undefined;
+    this.simpleFormBlocks = { information: [] };
+    this.customFormFields = undefined;
   }
   get entries() {
     var _a;

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
-const index$1 = require('./index-d5115bb4.js');
-require('./index-5eb4c510.js');
-const commonHelpers = require('./common-helpers-859d4168.js');
-const index$2 = require('./index-4cc44897.js');
+const index = require('./index-c30696a0.js');
+const index$1 = require('./index-1abca896.js');
+require('./index-3b76ec77.js');
+const commonHelpers = require('./common-helpers-33e0d0b1.js');
+const index$2 = require('./index-65831a5f.js');
 require('./lodash-a9050d79.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -21,18 +21,15 @@ const YooFormCreatorHeaderComponent = class {
     this.importClicked = index.createEvent(this, "importClicked", 7);
     this.warningClicked = index.createEvent(this, "warningClicked", 7);
     this.showQrCode = index.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 = index$1.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/cjs/yoo-form-creator-live-preview.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
-const index$1 = require('./index-d5115bb4.js');
-require('./index-5eb4c510.js');
-const index$2 = require('./index-4cc44897.js');
+const index = require('./index-c30696a0.js');
+const index$1 = require('./index-1abca896.js');
+require('./index-3b76ec77.js');
+const index$2 = require('./index-65831a5f.js');
 require('./lodash-a9050d79.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -22,10 +22,20 @@ const YooFormCreatorLivePreviewComponent = class {
     this.visibilityToggled = index.createEvent(this, "visibilityToggled", 7);
     this.languageChanged = index.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() {
     index.forceUpdate(this);

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
-require('./index-5eb4c510.js');
-const index$1 = require('./index-4cc44897.js');
+const index = require('./index-c30696a0.js');
+require('./index-3b76ec77.js');
+const index$1 = require('./index-65831a5f.js');
 require('./lodash-a9050d79.js');
-require('./index-d5115bb4.js');
+require('./index-1abca896.js');
 require('./_commonjsHelpers-94df2ea7.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}";
@@ -15,6 +15,15 @@ const YooFormCreatorOverlayComponent = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.overlaysCleared = index.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/cjs/yoo-form-creator-page-card-list.cjs.entry.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
-require('./index-5eb4c510.js');
+const index = require('./index-c30696a0.js');
+require('./index-3b76ec77.js');
 const sortable_esm = require('./sortable.esm-00e15691.js');
-const index$1 = require('./index-3898777f.js');
-const index$2 = require('./index-4cc44897.js');
+const index$1 = require('./index-7ea30df3.js');
+const index$2 = require('./index-65831a5f.js');
 require('./lodash-a9050d79.js');
-require('./index-d5115bb4.js');
+require('./index-1abca896.js');
 require('./annotations-helpers-fb554cca.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -28,19 +28,17 @@ const YooFormCreatorPageCardListComponent = class {
     this.pageStateChanged = index.createEvent(this, "pageStateChanged", 7);
     this.reorderStarted = index.createEvent(this, "reorderStarted", 7);
     this.reorderEnded = index.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/cjs/yoo-form-creator-page-card.cjs.entry.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
-require('./index-5eb4c510.js');
-const index$1 = require('./index-3898777f.js');
-const index$2 = require('./index-4cc44897.js');
+const index = require('./index-c30696a0.js');
+require('./index-3b76ec77.js');
+const index$1 = require('./index-7ea30df3.js');
+const index$2 = require('./index-65831a5f.js');
 require('./lodash-a9050d79.js');
-require('./index-d5115bb4.js');
+require('./index-1abca896.js');
 require('./annotations-helpers-fb554cca.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -19,13 +19,15 @@ const YooFormCreatorPageCardComponent = class {
     this.conditionClicked = index.createEvent(this, "conditionClicked", 7);
     this.removePageCondition = index.createEvent(this, "removePageCondition", 7);
     this.restrictionConditionClicked = index.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/cjs/yoo-form-creator-restriction-selector.cjs.entry.js

@@ -2,18 +2,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
+const index = require('./index-c30696a0.js');
 const formField_instance = require('./form-field.instance-410c2aea.js');
 
 const YooFormCreatorRestrictionSelectorComponent = class {
   constructor(hostRef) {
     index.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/cjs/yoo-form-creator-score-expandable.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
-const index$1 = require('./index-d5115bb4.js');
-require('./index-5eb4c510.js');
-const index$3 = require('./index-3898777f.js');
-const index$2 = require('./index-4cc44897.js');
+const index = require('./index-c30696a0.js');
+const index$1 = require('./index-1abca896.js');
+require('./index-3b76ec77.js');
+const index$3 = require('./index-7ea30df3.js');
+const index$2 = require('./index-65831a5f.js');
 require('./lodash-a9050d79.js');
 require('./annotations-helpers-fb554cca.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -21,19 +21,6 @@ const YooFormCreatorBlockExpandableComponent = class {
     this.scoreChanged = index.createEvent(this, "scoreChanged", 7);
     this.scoreAdded = index.createEvent(this, "scoreAdded", 7);
     this.scoreDeleted = index.createEvent(this, "scoreDeleted", 7);
-    /**
-     * Will display the block as invalid
-     */
-    this.invalid = false;
-    /**
-     * Defines enabled actions.
-     */
-    this.options = index$1.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;
@@ -65,6 +52,12 @@ const YooFormCreatorBlockExpandableComponent = class {
       }
     };
     this.onClearScore = () => this.clearScore();
+    this.invalid = false;
+    this.options = index$1.FORM_CREATOR_OPTIONS_ALL;
+    this.blockFieldExpansion = false;
+    this.mode = undefined;
+    this.formField = undefined;
+    this.isExpanded = false;
   }
   get isScoringAllowed() {
     var _a;

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

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
-require('./index-5eb4c510.js');
+const index = require('./index-c30696a0.js');
+require('./index-3b76ec77.js');
 const sortable_esm = require('./sortable.esm-00e15691.js');
-const index$1 = require('./index-4cc44897.js');
+const index$1 = require('./index-65831a5f.js');
 require('./lodash-a9050d79.js');
-require('./index-d5115bb4.js');
+require('./index-1abca896.js');
 require('./_commonjsHelpers-94df2ea7.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}";
@@ -19,6 +19,7 @@ const YooFormCreatorScoringCardListComponent = class {
     this.scoringChanged = index.createEvent(this, "scoringChanged", 7);
     this.scoringSelected = index.createEvent(this, "scoringSelected", 7);
     this.deleteScoringClicked = index.createEvent(this, "deleteScoringClicked", 7);
+    this.scoring = undefined;
   }
   componentDidLoad() {
     this.initScoringSortable();

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
-require('./index-5eb4c510.js');
-const index$1 = require('./index-4cc44897.js');
+const index = require('./index-c30696a0.js');
+require('./index-3b76ec77.js');
+const index$1 = require('./index-65831a5f.js');
 require('./lodash-a9050d79.js');
-require('./index-d5115bb4.js');
+require('./index-1abca896.js');
 require('./_commonjsHelpers-94df2ea7.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)}";
@@ -14,9 +14,11 @@ const formCreatorScoringCardCss = "svg:not(:root){overflow:hidden}:host{display:
 const YooFormCreatorScoringCardComponent = class {
   constructor(hostRef) {
     index.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/cjs/yoo-form-creator-scoring-quick-setup.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
-require('./index-5eb4c510.js');
-const index$1 = require('./index-4cc44897.js');
+const index = require('./index-c30696a0.js');
+require('./index-3b76ec77.js');
+const index$1 = require('./index-65831a5f.js');
 require('./lodash-a9050d79.js');
-require('./index-d5115bb4.js');
+require('./index-1abca896.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const EmptyState = () => [index.h("yoo-empty-state", null), index.h("p", null, index$1.translate('NOQUICKSETUP'))];
@@ -28,6 +28,9 @@ const YooFormCreatorScoringQuickSetupComponent = class {
     index.registerInstance(this, hostRef);
     this.close = index.createEvent(this, "close", 7);
     this.save = index.createEvent(this, "save", 7);
+    this.data = undefined;
+    this.page = undefined;
+    this.selectedPages = undefined;
     this.scores = {};
   }
   get allPages() {

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

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
-const index$3 = require('./index-d5115bb4.js');
-require('./index-5eb4c510.js');
+const index = require('./index-c30696a0.js');
+const index$3 = require('./index-1abca896.js');
+require('./index-3b76ec77.js');
 const lodash = require('./lodash-a9050d79.js');
-const index$2 = require('./index-3898777f.js');
-const index$1 = require('./index-4cc44897.js');
+const index$2 = require('./index-7ea30df3.js');
+const index$1 = require('./index-65831a5f.js');
 require('./annotations-helpers-fb554cca.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -21,22 +21,6 @@ const YooFormCreatorTranslateDialogComponent = class {
     this.languageChanged = index.createEvent(this, "languageChanged", 7);
     this.baseLanguageChanged = index.createEvent(this, "baseLanguageChanged", 7);
     this.translateValue = index.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
      */
@@ -52,6 +36,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/cjs/yoo-form-creator-translate.cjs.entry.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
-require('./index-5eb4c510.js');
+const index = require('./index-c30696a0.js');
+require('./index-3b76ec77.js');
 const lodash = require('./lodash-a9050d79.js');
-const index$2 = require('./index-3898777f.js');
-const index$1 = require('./index-4cc44897.js');
-require('./index-d5115bb4.js');
+const index$2 = require('./index-7ea30df3.js');
+const index$1 = require('./index-65831a5f.js');
+require('./index-1abca896.js');
 require('./annotations-helpers-fb554cca.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -33,20 +33,21 @@ const YooFormCreatorTranslateComponent = class {
     this.lockTranslations = index.createEvent(this, "lockTranslations", 7);
     this.planChanged = index.createEvent(this, "planChanged", 7);
     this.openZenDesk = index.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;
@@ -497,9 +498,15 @@ const YooFormCreatorTranslateComponent = class {
     formCreatorTranslateDialogLanguageSelector.mode = 'create';
     formCreatorTranslateDialogLanguageSelector.allLanguages = this.getAvailableLanguages();
     formCreatorTranslateDialogLanguageSelector.translatedLanguages = this.selectedLanguages;
-    index$1.showModal(formCreatorTranslateDialogLanguageSelector, {
-      height: 'small'
-    }, null, 'fadeEnterAnimation', 'fadeLeaveAnimation', true).then((ret) => {
+    index$1.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/cjs/yoo-form-creator-workflow-card.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
+const index = require('./index-c30696a0.js');
 const index$1 = require('./index-9c56868f.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)}";
@@ -11,10 +11,10 @@ const YooFormCreatorWorkflowCardComponent = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.pageStateChanged = index.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 (index.h("yoo-form-creator-card", { description: this.description, heading: this.heading, selected: this.selected }, index.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: index$1.fieldStateOptions, onInputChanged: (ev) => {

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

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
-require('./index-5eb4c510.js');
-const commonHelpers = require('./common-helpers-859d4168.js');
-const index$1 = require('./index-3898777f.js');
-const index$2 = require('./index-4cc44897.js');
+const index = require('./index-c30696a0.js');
+require('./index-3b76ec77.js');
+const commonHelpers = require('./common-helpers-33e0d0b1.js');
+const index$1 = require('./index-7ea30df3.js');
+const index$2 = require('./index-65831a5f.js');
 require('./lodash-a9050d79.js');
-require('./index-d5115bb4.js');
+require('./index-1abca896.js');
 require('./annotations-helpers-fb554cca.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -18,6 +18,10 @@ const YooFormCreatorWorkflowSideSelectionComponent = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.workflowCurrentStepChanged = index.createEvent(this, "workflowCurrentStepChanged", 7);
+    this.steps = undefined;
+    this.isSideSelection = undefined;
+    this.initialActiveWorkflowStep = undefined;
+    this.activeWorkflowStep = undefined;
   }
   componentWillLoad() {
     this.activeWorkflowStep = this.initialActiveWorkflowStep;

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

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
-require('./index-5eb4c510.js');
-const entitiesHelpers = require('./entities-helpers-068b8cdb.js');
-const index$1 = require('./index-4cc44897.js');
+const index = require('./index-c30696a0.js');
+require('./index-3b76ec77.js');
+const entitiesHelpers = require('./entities-helpers-044acda4.js');
+const index$1 = require('./index-65831a5f.js');
 require('./lodash-a9050d79.js');
-require('./index-d5115bb4.js');
+require('./index-1abca896.js');
 require('./_commonjsHelpers-94df2ea7.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}";
@@ -24,6 +24,10 @@ const YooFormCreatorWorkflowStepComponent = class {
     this.parallelStepAdded = index.createEvent(this, "parallelStepAdded", 7);
     this.workflowCurrentStepChanged = index.createEvent(this, "workflowCurrentStepChanged", 7);
     this.stepClicked = index.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);