@yoobic/yobi 8.6.0-3 → 8.6.0-4

package/dist/design-system/yoo-form-creator-translate.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 { r as registerInstance, i as createEvent, h, e as Host } from './index-06fc3d74.js';
+import './index-30d0dd50.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 { L as resetKey, M as resetFieldTranslations, t as translateAll, N as isAlreadyTranslated, O as addRow } from './index-6bca3bd0.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-7b3985f1.js';
 import './index-847a32fd.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;

package/dist/design-system/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-06fc3d74.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/design-system/yoo-form-creator-workflow-side-selection.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 './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-06fc3d74.js';
+import './index-30d0dd50.js';
+import { g as getAppContext } from './common-helpers-2139c840.js';
+import { P as onWorkflowStepClicked } from './index-6bca3bd0.js';
+import { t as translate } from './index-7b3985f1.js';
 import './lodash-777f91de.js';
 import './index-847a32fd.js';
 import './annotations-helpers-f7b42b40.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/design-system/yoo-form-creator-workflow-step.entry.js

@@ -1,7 +1,7 @@
-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-06fc3d74.js';
+import './index-30d0dd50.js';
+import { g as groupsFullResolver } from './entities-helpers-8e16d499.js';
+import { Q as getCssColor, t as translate, a3 as translateMulti, ac as getUserDisplayName } from './index-7b3985f1.js';
 import './lodash-777f91de.js';
 import './index-847a32fd.js';
 import './_commonjsHelpers-f4d11124.js';
@@ -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);

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

@@ -1,13 +1,13 @@
-import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-a6a92b3d.js';
+import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-06fc3d74.js';
 import { s as FormCreatorOptions, A as ALL_MOBILE_FORM_FIELDS, c as FormFieldType, t as CONDITION_TYPES, u as FormFieldCategory, v as FormCreatorBulkActions, w as FEEDBACK_SCORING_VALUES, S as ScoringCategory } from './index-847a32fd.js';
-import './index-e08fecc9.js';
+import './index-30d0dd50.js';
 import { c as cloneDeep, o as orderBy, n as compact, i as isArray, A as isEqual } from './lodash-777f91de.js';
 import { S as Sortable } from './sortable.esm-f788d1ca.js';
 import { F as FORM_CREATOR_BULK_ACTIONS_ALL } from './index-f787ceff.js';
-import { g as getAppContext } from './common-helpers-73accd43.js';
+import { g as getAppContext } from './common-helpers-2139c840.js';
 import { N as NON_CONDITION_CATEGORIES, a as NON_CONDITION_TYPES, A as ARROW_PAIR } from './index-8147e643.js';
-import { a as addNewIdsToSlide, s as serializeScoringValuePairs, u as updateSelectedFields, i as isScoring, g as getExpandableBlockReference, r as removeCondition, b as removePageCondtion, c as addNewUnattachedParentConditions, d as deleteFieldAndRemoveConditionReferences, e as duplicateField, f as deleteCondition, h as deleteUnattachedParentConditions, j as findCondition, k as updateCondition, l as setBlockSelection, m as cleanCustomFormFieldSlides, t as translateAll, n as cleanUnattachedParentConditions, o as removeSelectedItems, p as setSelectedScoring, q as getFieldsWithScoring, v as populateFieldsWithScoring, w as setFormFieldIndex, x as setParentConditions, y as updateUnattatchedCondition, z as doesSlidePageHaveItems, A as getNumberOfSequentialFields, B as getDefaultCondition, C as addNewParentCondition, D as createNewIdsForCustomFields, E as getDefaultField, F as getScoringQuickSetupData, G as checkForFieldAttribute, H as populateMissingValues, I as setRestrictionAndFieldConditions, J as setChildFields } from './index-857e0d95.js';
-import { a_ as updateTranslationKey, a$ as checkIfKeyIsInPage, t as translate, aj as showAlert, b0 as removeScoringSelectedFields, b1 as serializeScores, b2 as setFieldIconAndCategory, a3 as translateMulti, b3 as findField, b4 as CURVE_EASE_OUT_QUAD, b5 as changeSelectedScoring, k as isNullOrUndefined, b6 as hasImageRecognitionFields, aU as getUUID, aA as getCurrentLanguage, b7 as calculateScoringTotal, b8 as formatSlides, G as showModal, b9 as showToast, ba as checkIfKeyIsInField, bb as removeParentCondition, bc as populateScoringFields, bd as isFieldNameUnique, be as getCustomName, a8 as getSession, w as closeModal, bf as getScoringCategory, bg as formatScoringValuePairs, bh as findMultiMaxScore } from './index-44691ffd.js';
+import { a as addNewIdsToSlide, s as serializeScoringValuePairs, u as updateSelectedFields, i as isScoring, g as getExpandableBlockReference, r as removeCondition, b as removePageCondtion, c as addNewUnattachedParentConditions, d as deleteFieldAndRemoveConditionReferences, e as duplicateField, f as deleteCondition, h as deleteUnattachedParentConditions, j as findCondition, k as updateCondition, l as setBlockSelection, m as cleanCustomFormFieldSlides, t as translateAll, n as cleanUnattachedParentConditions, o as removeSelectedItems, p as setSelectedScoring, q as getFieldsWithScoring, v as populateFieldsWithScoring, w as setFormFieldIndex, x as setParentConditions, y as updateUnattatchedCondition, z as doesSlidePageHaveItems, A as getNumberOfSequentialFields, B as getDefaultCondition, C as addNewParentCondition, D as createNewIdsForCustomFields, E as getDefaultField, F as getScoringQuickSetupData, G as checkForFieldAttribute, H as populateMissingValues, I as setRestrictionAndFieldConditions, J as setChildFields } from './index-6bca3bd0.js';
+import { a_ as updateTranslationKey, a$ as checkIfKeyIsInPage, t as translate, aj as showAlert, b0 as removeScoringSelectedFields, b1 as serializeScores, b2 as setFieldIconAndCategory, a3 as translateMulti, b3 as findField, b4 as CURVE_EASE_OUT_QUAD, b5 as changeSelectedScoring, k as isNullOrUndefined, b6 as hasImageRecognitionFields, aU as getUUID, aA as getCurrentLanguage, b7 as calculateScoringTotal, b8 as formatSlides, G as showModal, b9 as showToast, ba as checkIfKeyIsInField, bb as removeParentCondition, bc as populateScoringFields, bd as isFieldNameUnique, be as getCustomName, a8 as getSession, w as closeModal, bf as getScoringCategory, bg as formatScoringValuePairs, bh as findMultiMaxScore } from './index-7b3985f1.js';
 import { c as conditionBlocksConfig } from './form-field.instance-9dc4d638.js';
 import './workflow.interface-79064a52.js';
 import './item-sliding.interface-85f6790e.js';
@@ -78,63 +78,6 @@ const YooFormCreatorComponent = class {
     this.displayLanguageChanged = createEvent(this, "displayLanguageChanged", 7);
     this.resetOpenFormDefinitions = createEvent(this, "resetOpenFormDefinitions", 7);
     this.openZenDesk = createEvent(this, "openZenDesk", 7);
-    /**
-     * The list of fields in an invalid state
-     */
-    this.invalidFields = [];
-    /**
-     * Defines form fields which can be added to the content.
-     */
-    this.formFields = [];
-    /**
-     * Defines left menu category list.
-     */
-    this.categories = [];
-    /**
-     * Defines enabled actions.
-     */
-    this.options = [];
-    /**
-     * An array for the button options that appear when hte user clicks on the help center.
-     */
-    this.helpCenterOptions = [];
-    /**
-     * Defines bulk actions.
-     */
-    this.bulkActions = FORM_CREATOR_BULK_ACTIONS_ALL;
-    /**
-     * Desines whether to show pages section.
-     */
-    this.showPagesSection = true;
-    /**
-     * 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.scoring = [];
-    /**
-     * Holds the currently selected left menu option. There are 4 options: blocks, scoring, logic and translate
-     */
-    this.selectedLeftMenuOption = FormCreatorOptions.blocks;
-    /**
-     * Holds the index of the currently selected page (slide) of the form
-     */
-    this.selectedPageIndex = 0;
-    /**
-     * Controls whether the condition fields should be shown or hidden.
-     */
-    this.showConditions = false;
-    /**
-     * Hides or shows the left menu selection
-     */
-    this.showLeftMenuSelection = true;
-    /**
-     * Due to performance issues for large campaigns there is a limit on how many blocks will load on first render
-     */
-    this.numberOfBlocksToRender = 20;
-    this.selectionMode = false;
-    this.isLivePreviewHidden = false;
-    this.selectedFields = [];
-    this.shouldRenderLeftSelectionContent = true;
     this.currentSlides = [];
     this.parentBlockIndices = [];
     this.simpleFormBlocks = { information: [] };
@@ -284,6 +227,42 @@ const YooFormCreatorComponent = class {
       this.updateScoring(serializedScore);
       this.emitNewSlidesAndRerender();
     };
+    this.logo = undefined;
+    this.prefixTitle = undefined;
+    this.invalidFields = [];
+    this.formFields = [];
+    this.missionDescription = undefined;
+    this.plan = undefined;
+    this.categories = [];
+    this.options = [];
+    this.helpCenterOptions = [];
+    this.bulkActions = FORM_CREATOR_BULK_ACTIONS_ALL;
+    this.showPagesSection = true;
+    this.baseLanguage = undefined;
+    this.selectedLanguages = undefined;
+    this.allLanguages = undefined;
+    this.isTranslator = undefined;
+    this.scoring = [];
+    this.restrictionConditions = undefined;
+    this.customFormFields = undefined;
+    this.slides = undefined;
+    this.selectedNewScoring = undefined;
+    this.selectedLeftMenuOption = FormCreatorOptions.blocks;
+    this.translations = undefined;
+    this.showShare = undefined;
+    this.selectedPageIndex = 0;
+    this.showConditions = false;
+    this.showLeftMenuSelection = true;
+    this.numberOfBlocksToRender = 20;
+    this.selectionMode = false;
+    this.isLivePreviewHidden = false;
+    this.selectedFields = [];
+    this.selectedScoring = undefined;
+    this.currentWorkflowStep = undefined;
+    this.forceFieldRerender = undefined;
+    this.newCustomFormFieldSelectionMode = undefined;
+    this.expandedFieldName = undefined;
+    this.shouldRenderLeftSelectionContent = true;
   }
   get isTranslatorForm() {
     var _a;

package/dist/design-system/yoo-form-date-time.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 { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-06fc3d74.js';
 import { c as FormFieldType } from './index-847a32fd.js';
-import './index-e08fecc9.js';
+import './index-30d0dd50.js';
 import { i as isArray } from './lodash-777f91de.js';
-import { q as querySelectorDeep, g as getAppContext } from './common-helpers-73accd43.js';
-import { v as validate, s as setValidator, c as convertValueForInputType, a as setValueAndValidateInput, g as getTimeDisplayValue, o as onInputClear, b as onInputBlurred, d as onInputFocused } from './form-input-helpers-aa1ece32.js';
-import { H as isWeb, o as isNativeMobile, w as closeModal, aq as is24Hour, ao as dateFormat, t as translate, dF as getRoundedMinutes, av as pipes, aQ as getHours, aR as getMinutes, aS as setDateHours, aT as setDateMinutes, G as showModal, F as getModalAnimation, V as isDateAfter, R as startOf, bY as endOf, N as isIOS, p as isAndroid, aN as dateSub, aO as dateAdd, a8 as getSession } from './index-44691ffd.js';
+import { q as querySelectorDeep, g as getAppContext } from './common-helpers-2139c840.js';
+import { v as validate, s as setValidator, c as convertValueForInputType, a as setValueAndValidateInput, g as getTimeDisplayValue, o as onInputClear, b as onInputBlurred, d as onInputFocused } from './form-input-helpers-1e66a27d.js';
+import { H as isWeb, o as isNativeMobile, w as closeModal, aq as is24Hour, ao as dateFormat, t as translate, dF as getRoundedMinutes, av as pipes, aQ as getHours, aR as getMinutes, aS as setDateHours, aT as setDateMinutes, G as showModal, F as getModalAnimation, V as isDateAfter, R as startOf, bY as endOf, N as isIOS, p as isAndroid, aN as dateSub, aO as dateAdd, a8 as getSession } from './index-7b3985f1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formDateTimeCss = "svg:not(:root){overflow:hidden}:host{display:block;opacity:1}:host .flex{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;min-height:2.875rem;max-height:2.875rem;background:var(--light, #ffffff);border:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-08, 0.5rem)}:host .outer-container.valid{border:var(--border-width-01, 0.0625rem) solid var(--app-color, #5a30f4)}:host .outer-container.invalid{border:var(--border-width-01, 0.0625rem) solid var(--danger, #d44333)}:host .outer-container.focused{border:var(--border-width-01, 0.0625rem) solid var(--dark, #000000)}:host .outer-container .input-container input{display:inline-block;-webkit-box-sizing:content-box;box-sizing:content-box;min-width:0;margin:0;padding:0;font-family:var(--font-family, \"Lato\");line-height:1;white-space:normal;vertical-align:middle;background:none;border:0;width:100%;color:var(--dark, #000000);font-size:var(--font-size-16, 1rem);line-height:1.5;vertical-align:unset;background:var(--light, #ffffff);border:none}:host .outer-container .input-container input:focus{outline:0}:host .outer-container .input-container input[type=reset],:host .outer-container .input-container input[type=button],:host .outer-container .input-container input[type=submit],:host .outer-container .input-container input[type=checkbox],:host .outer-container .input-container input[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box}:host .outer-container .input-container input[type=search]{-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}:host .outer-container .input-container input.native{padding:0rem 1rem}:host .outer-container .icon-prefix,:host .outer-container .icon-suffix{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:var(--spacing-08, 0.5rem)}:host .outer-container .clear{padding-right:var(--spacing-08, 0.5rem)}:host .readonly{padding:0.5rem 0.5rem 0 0;color:var(--dark, #000000)}:host(.ios) .outer-container .input-container input{caret-color:transparent}:host(.history) .readonly{padding:0 !important}:host(.x-large) .readonly{font-size:var(--font-size-36, 2.25rem)}:host(.condition-block) .outer-container{border:none}:host(.condition-block) .outer-container .icon-prefix{display:none}:host(.condition-block) .outer-container .input-container input{background-color:var(--stable-light, #f1f1f1)}:host([size=medium]:not(.readonly)) .outer-container{min-height:1.875rem;max-height:1.875rem;border-radius:var(--border-radius-04, 0.25rem)}:host([size=medium]:not(.readonly)) .outer-container .input-container input{font-size:var(--font-size-14, 0.875rem)}:host([size=medium]:not(.readonly)) .outer-container .input-container input::-webkit-input-placeholder{font-size:var(--font-size-14, 0.875rem)}:host([size=medium]:not(.readonly)) .outer-container .input-container input:-moz-placeholder{font-size:var(--font-size-14, 0.875rem)}:host([size=medium]:not(.readonly)) .outer-container .input-container input::-moz-placeholder{font-size:var(--font-size-14, 0.875rem)}:host([size=medium]:not(.readonly)) .outer-container .input-container input:-ms-input-placeholder{font-size:var(--font-size-14, 0.875rem)}:host([size=small]:not(.readonly)) .outer-container{min-height:1.375rem;max-height:1.375rem;border-radius:var(--border-radius-04, 0.25rem)}:host([size=small]:not(.readonly)) .outer-container .input-container input{font-size:var(--font-size-14, 0.875rem)}:host([size=small]:not(.readonly)) .outer-container .input-container input::-webkit-input-placeholder{font-size:var(--font-size-14, 0.875rem)}:host([size=small]:not(.readonly)) .outer-container .input-container input:-moz-placeholder{font-size:var(--font-size-14, 0.875rem)}:host([size=small]:not(.readonly)) .outer-container .input-container input::-moz-placeholder{font-size:var(--font-size-14, 0.875rem)}:host([size=small]:not(.readonly)) .outer-container .input-container input:-ms-input-placeholder{font-size:var(--font-size-14, 0.875rem)}";
@@ -17,21 +17,38 @@ const YooFormDateTimeComponent = class {
     this.inputFocused = createEvent(this, "inputFocused", 7);
     this.inputChanged = createEvent(this, "inputChanged", 7);
     this.iconClicked = createEvent(this, "iconClicked", 7);
+    this.dateDisplayFormat = 'L';
+    this.datetimeDisplayFormat = 'L LT';
+    this.timeDisplayFormat = 'LT';
+    this.is24Hour = true;
+    this.getModalAnimation = (enterLeave) => (this.dialog ? `fade${enterLeave}Animation` : `slideY${enterLeave}ExpandAnimation`);
+    this.value = undefined;
     this.type = 'date';
     this.validators = [];
     this.externalValidators = [];
+    this.placeholder = undefined;
+    this.placeholdertolabel = undefined;
+    this.required = undefined;
+    this.readonly = undefined;
     this.clearable = true;
+    this.minDate = undefined;
+    this.maxDate = undefined;
+    this.selectedMinHours = undefined;
+    this.step = undefined;
+    this.name = undefined;
     this.isSchedule = false;
     this.isRange = false;
+    this.allowOcr = undefined;
+    this.format = undefined;
+    this.extraClass = undefined;
+    this.autofocus = undefined;
+    this.inputTabIndex = undefined;
     this.useISOString = true;
+    this.validity = undefined;
+    this.size = undefined;
     this.isNativeMobileDatePicker = false;
     this.isNativeMobileDatePickerOpen = false;
     this.customDatePickerArrow = 'arrow-up';
-    this.dateDisplayFormat = 'L';
-    this.datetimeDisplayFormat = 'L LT';
-    this.timeDisplayFormat = 'LT';
-    this.is24Hour = true;
-    this.getModalAnimation = (enterLeave) => (this.dialog ? `fade${enterLeave}Animation` : `slideY${enterLeave}ExpandAnimation`);
   }
   get isEmpty() {
     var _a;

package/dist/design-system/yoo-form-daterange.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 './index-e08fecc9.js';
-import { g as getAppContext } from './common-helpers-73accd43.js';
-import { a as setValueAndValidateInput } from './form-input-helpers-aa1ece32.js';
-import { t as translate, aN as dateSub, bm as getDatesFromDateRange, H as isWeb, bn as getDatesRangeDisplay } from './index-44691ffd.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-06fc3d74.js';
+import './index-30d0dd50.js';
+import { g as getAppContext } from './common-helpers-2139c840.js';
+import { a as setValueAndValidateInput } from './form-input-helpers-1e66a27d.js';
+import { t as translate, aN as dateSub, bm as getDatesFromDateRange, H as isWeb, bn as getDatesRangeDisplay } from './index-7b3985f1.js';
 import './lodash-777f91de.js';
 import './index-847a32fd.js';
 import './_commonjsHelpers-f4d11124.js';
@@ -16,14 +16,23 @@ const YooFormDateRangeComponent = class {
     this.inputBlurred = createEvent(this, "inputBlurred", 7);
     this.inputFocused = createEvent(this, "inputFocused", 7);
     this.inputChanged = createEvent(this, "inputChanged", 7);
-    this.validators = [];
-    this.isSelectingTimescale = false;
-    this.selectedTimescale = 'month';
-    this.selectedTimespan = 1;
     this.modes = [
       { title: translate('YOOBICLAST'), value: 'dynamic' },
       { title: translate('BETWEEN'), value: 'calendar' }
     ];
+    this.value = undefined;
+    this.validators = [];
+    this.asyncValidators = undefined;
+    this.placeholder = undefined;
+    this.readonly = undefined;
+    this.type = undefined;
+    this.required = undefined;
+    this.inputTabIndex = undefined;
+    this.size = undefined;
+    this.isSelectingTimescale = false;
+    this.selectedTimescale = 'month';
+    this.dateRangeMode = undefined;
+    this.selectedTimespan = 1;
   }
   componentWillLoad() {
     if (this.value) {

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import { a8 as getSession, o as isNativeMobile, S as ScreenOrientation, W as getAsyncExtraData, p as isAndroid, t as translate, H as isWeb, fE as isDocumentEmailSupported, e1 as getPermissions, fF as isDocumentDownloadSupported, an as downloadFile, w as closeModal, ar as isFile, az as isCloudinaryLink, aD as changeExtension, ak as isVideo, dK as isAudio, d9 as getExtension, a0 as Cloudinary, fb as getType, ap as dispatchCustomEvent, fG as getNativeDirectory, fH as fileNativeCheckFile, T as isDateBefore, fI as downloadFileToDevice, co as showActionSheet, av as pipes } from './index-44691ffd.js';
-import './index-e08fecc9.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-06fc3d74.js';
+import { a8 as getSession, o as isNativeMobile, S as ScreenOrientation, W as getAsyncExtraData, p as isAndroid, t as translate, H as isWeb, fF as isDocumentEmailSupported, e1 as getPermissions, fG as isDocumentDownloadSupported, an as downloadFile, w as closeModal, ar as isFile, az as isCloudinaryLink, aD as changeExtension, ak as isVideo, dK as isAudio, d9 as getExtension, a0 as Cloudinary, fc as getType, ap as dispatchCustomEvent, fH as getNativeDirectory, fI as fileNativeCheckFile, T as isDateBefore, fJ as downloadFileToDevice, co as showActionSheet, av as pipes } from './index-7b3985f1.js';
+import './index-30d0dd50.js';
 import { p as isString } from './lodash-777f91de.js';
-import { g as getAppContext } from './common-helpers-73accd43.js';
+import { g as getAppContext } from './common-helpers-2139c840.js';
 import './index-847a32fd.js';
 import './_commonjsHelpers-f4d11124.js';
 
@@ -11,12 +11,21 @@ const formDocumentDialogCss = "svg:not(:root){overflow:hidden}:host{--dialog-pad
 const YooFormDocumentDialogComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.isVideo = false;
+    this.useDocumentViewer = true;
+    this.document = undefined;
+    this.modalTitle = undefined;
+    this.startTime = undefined;
     this.modalMode = false;
+    this.isAnimationFinished = undefined;
+    this.previousPlayerState = undefined;
+    this.type = undefined;
     this.allowOrientation = false;
     this.html5Video = false;
     this.canEdit = false;
-    this.isVideo = false;
-    this.useDocumentViewer = true;
+    this.selectionMode = undefined;
+    this.hideSecondaryActions = undefined;
+    this.isLoading = undefined;
   }
   // private loadViewerOnDidUpdate: boolean;
   get documentViewerType() {

package/dist/design-system/yoo-form-document.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 './index-e08fecc9.js';
-import { g as getFromOfflineStorage } from './localForage-2801485a.js';
-import { g as getAppContext } from './common-helpers-73accd43.js';
-import { W as getAsyncExtraData, bq as isOffline, t as translate, H as isWeb, fB as showDocumentDownloadOptions, fb as getType, o as isNativeMobile, cm as isBase64, fC as openBase64File, G as showModal, ak as isVideo, dJ as isDocument, d9 as getExtension, am as isImage, fD as toPng, fs as getIconName, ft as getIconColor } from './index-44691ffd.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-06fc3d74.js';
+import './index-30d0dd50.js';
+import { g as getFromOfflineStorage } from './localForage-1cbed8e8.js';
+import { g as getAppContext } from './common-helpers-2139c840.js';
+import { W as getAsyncExtraData, bq as isOffline, t as translate, H as isWeb, fC as showDocumentDownloadOptions, fc as getType, o as isNativeMobile, cm as isBase64, fD as openBase64File, G as showModal, ak as isVideo, dJ as isDocument, d9 as getExtension, am as isImage, fE as toPng, ft as getIconName, fu as getIconColor } from './index-7b3985f1.js';
 import './lodash-777f91de.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-847a32fd.js';
@@ -17,14 +17,23 @@ const YooFormDocumentComponent = class {
     this.inputFocused = createEvent(this, "inputFocused", 7);
     this.inputChanged = createEvent(this, "inputChanged", 7);
     this.galleryOpened = createEvent(this, "galleryOpened", 7);
+    this.isVideo = false;
+    this.type = undefined;
+    this.readonly = undefined;
+    this.name = undefined;
+    this.validity = undefined;
     this.showDialog = true;
-    /**
-     *  is current form visiable
-     */
+    this.showActionSheet = undefined;
+    this.hideSecondaryActions = undefined;
+    this.mode = undefined;
+    this.useGallery = undefined;
+    this.documentSecondaryActions = undefined;
+    this.extraClass = undefined;
+    this.isPdf = undefined;
     this.isVisible = true;
     this.allowOrientation = false;
+    this.document = undefined;
     this.reRenderImage = false;
-    this.isVideo = false;
   }
   onDocumentChange() {
     if (this.type === 'image') {

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import './index-e08fecc9.js';
-import { g as getButton } from './button.factory-d2151e8f.js';
-import { w as closeModal, H as isWeb, t as translate, aE as toButton } from './index-44691ffd.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-06fc3d74.js';
+import './index-30d0dd50.js';
+import { g as getButton } from './button.factory-39c707c7.js';
+import { w as closeModal, H as isWeb, t as translate, aE as toButton } from './index-7b3985f1.js';
 import './lodash-777f91de.js';
 import './index-847a32fd.js';
 import './_commonjsHelpers-f4d11124.js';
@@ -11,6 +11,19 @@ const formDynamicDialogCss = "svg:not(:root){overflow:hidden}:host(.web-center){
 const YooFormDynamicDialogComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.slides = undefined;
+    this.data = undefined;
+    this.showTabs = undefined;
+    this.showRecap = undefined;
+    this.hideSaveButton = undefined;
+    this.hideToolbar = undefined;
+    this.suffix = undefined;
+    this.forceReadonly = undefined;
+    this.fieldFetchDataFn = undefined;
+    this.header = undefined;
+    this.footerButtons = undefined;
+    this.showSave = undefined;
+    this.currentData = undefined;
     this.validity = false;
   }
   componentWillLoad() {

package/dist/design-system/yoo-form-dynamic.entry.js

@@ -1,12 +1,12 @@
-import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-a6a92b3d.js';
+import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-06fc3d74.js';
 import { c as FormFieldType, a1 as QUIZZ_COMPONENTS_FORM_FIELDS, p as IncentivePartType } from './index-847a32fd.js';
-import './index-e08fecc9.js';
+import './index-30d0dd50.js';
 import { a as isNumber, A as isEqual, i as isArray, c as cloneDeep, b as isFunction, v as isObject, s as assign, a8 as result, a1 as flatten, y as isEmpty, a9 as findLastIndex, o as orderBy, a2 as groupBy, k as keys, a7 as range, p as isString, Z as uniqBy, n as compact, C as get, J as pick } from './lodash-777f91de.js';
-import { a as getMissionStatusIconName } from './operation-helpers-8fa9a997.js';
-import { j as lockSwipes, q as querySelectorDeep, c as querySelectorAllDeep, b as getActiveElementShadow, m as hideShowTabbar, g as getAppContext } from './common-helpers-73accd43.js';
-import { a as isRequired, b as getTypeValidation, c as isReadonly, s as setFieldData, u as updateFormulas, d as getDynamicProperty, e as isDisabled, f as isCreationAllowed, h as isEditionAllowed, j as generateLabel } from './form-helpers-9e2319db.js';
-import { e as setValueAndResetInputValidity, a as setValueAndValidateInput } from './form-input-helpers-aa1ece32.js';
-import { H as isWeb, t as translate, o as isNativeMobile, I as debounce, p as isAndroid, X as findParent, bB as getFieldValue, cO as isQuiz, em as isTimedQuiz, en as isConfidenceAssessment, b9 as showToast, b3 as findField, k as isNullOrUndefined, a8 as getSession, dE as isKeyboardResizeModeInactive, af as disableKeyboardResize, cB as isIonic, ag as enableKeyboardResize, A as cancelRequestInterval, bG as slenderizeObject, y as requestInterval, eo as isVisible, ep as hasValue, aH as showContextMenu, G as showModal, a3 as translateMulti, Q as getCssColor, N as isIOS, eq as getDistance, ap as dispatchCustomEvent, er as isFieldWithDirectValue, aM as isPresent, es as isFieldWithNoValue, et as updateDatasetFilters, dl as isAnimationsDisabled, cL as answerIsValid, eu as getConfidenceEmoji, cI as getConfidenceDescriptionKey, M as isIphoneX, cG as isContentOnly, av as pipes, bC as getFieldReplacement, bx as evalInContext, ev as isSamsung, w as closeModal, F as getModalAnimation, ew as isPhotoOrMultiPhotosField, bk as isValueATranslationKey, bW as isSafari, ex as isChromeForIos } from './index-44691ffd.js';
+import { a as getMissionStatusIconName } from './operation-helpers-c0f64f33.js';
+import { j as lockSwipes, q as querySelectorDeep, c as querySelectorAllDeep, b as getActiveElementShadow, m as hideShowTabbar, g as getAppContext } from './common-helpers-2139c840.js';
+import { a as isRequired, b as getTypeValidation, c as isReadonly, s as setFieldData, u as updateFormulas, d as getDynamicProperty, e as isDisabled, f as isCreationAllowed, h as isEditionAllowed, j as generateLabel } from './form-helpers-27c86895.js';
+import { e as setValueAndResetInputValidity, a as setValueAndValidateInput } from './form-input-helpers-1e66a27d.js';
+import { H as isWeb, t as translate, o as isNativeMobile, I as debounce, p as isAndroid, X as findParent, bB as getFieldValue, cO as isQuiz, en as isTimedQuiz, eo as isConfidenceAssessment, b9 as showToast, b3 as findField, k as isNullOrUndefined, a8 as getSession, dE as isKeyboardResizeModeInactive, af as disableKeyboardResize, cB as isIonic, ag as enableKeyboardResize, A as cancelRequestInterval, bG as slenderizeObject, y as requestInterval, ep as isVisible, eq as hasValue, aH as showContextMenu, G as showModal, a3 as translateMulti, Q as getCssColor, N as isIOS, er as getDistance, ap as dispatchCustomEvent, es as isFieldWithDirectValue, aM as isPresent, et as isFieldWithNoValue, eu as updateDatasetFilters, dl as isAnimationsDisabled, cL as answerIsValid, ev as getConfidenceEmoji, cI as getConfidenceDescriptionKey, M as isIphoneX, cG as isContentOnly, av as pipes, bC as getFieldReplacement, bx as evalInContext, ew as isSamsung, w as closeModal, F as getModalAnimation, ex as isPhotoOrMultiPhotosField, bk as isValueATranslationKey, bW as isSafari, ey as isChromeForIos } from './index-7b3985f1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 function getFieldState(field, fieldsState) {
@@ -205,19 +205,6 @@ const YooFormDynamicComponent = class {
     this.gridstackItemRemoved = createEvent(this, "gridstackItemRemoved", 7);
     this.gridstackItemEdited = createEvent(this, "gridstackItemEdited", 7);
     this.gridstackItemClicked = createEvent(this, "gridstackItemClicked", 7);
-    this.selectedTabIndex = 0;
-    this.animated = true;
-    this.progress = { value: 0 };
-    this.timer = null; // in minutes
-    this.timerStart = true;
-    this.forceMobile = false;
-    this.focusForm = true;
-    this.isKeyboardStateLocked = false;
-    this.activeIndex = 0;
-    this.failedSubmission = [];
-    this.isHistoryContentOverflowing = false;
-    this.showHistoryModal = false;
-    this.selectedTabIndexState = 0;
     this.inputElements = [];
     this.tabs = [];
     this.gridStacks = [];
@@ -258,19 +245,93 @@ const YooFormDynamicComponent = class {
         }
       }, 500);
     };
-    this.slidesOptions = {
-      autoplay: false,
-      pagination: {
-        el: '.swiper-pagination',
-        type: 'progressbar'
-      }
-    };
-    if (isAndroid() && isNativeMobile()) {
-      this.slidesOptions = {
-        ...this.slidesOptions,
-        width: window.innerWidth
-      };
-    }
+    this.history = undefined;
+    this.safeCheckIndex = undefined;
+    this.autoScrollTabs = undefined;
+    this.showTabs = undefined;
+    this.selectedTabIndex = 0;
+    this.showWizard = undefined;
+    this.showRecap = undefined;
+    this.forceSlides = undefined;
+    this.showVerticalTabs = undefined;
+    this.tabOpenedIndicator = undefined;
+    this.showBadgesVerticalTabs = undefined;
+    this.showPreview = undefined;
+    this.showAnswers = undefined;
+    this.saveSelectedTab = undefined;
+    this.suffix = undefined;
+    this.formInputSize = undefined;
+    this.formInputcolor = undefined;
+    this.forceDescription = undefined;
+    this.skipValidation = undefined;
+    this.hideToolbar = undefined;
+    this.showSave = undefined;
+    this.notAbsolute = undefined;
+    this.detailComponent = undefined;
+    this.geoloc = undefined;
+    this.animated = true;
+    this.formType = undefined;
+    this.dirty = undefined;
+    this.scrollable = undefined;
+    this.collectionName = undefined;
+    this.progress = { value: 0 };
+    this.extraButtons = undefined;
+    this.lessonType = undefined;
+    this.useGallery = undefined;
+    this.timer = null;
+    this.timerStart = true;
+    this.charts = undefined;
+    this.hideOptional = undefined;
+    this.currentWorkflowStep = undefined;
+    this.injector = undefined;
+    this.documentSecondaryActions = undefined;
+    this.forceMobile = false;
+    this.translations = undefined;
+    this.isPdf = undefined;
+    this.forceCollapsibleOpen = undefined;
+    this.focusForm = true;
+    this.isAnimationFinished = undefined;
+    this.forceToolbar = undefined;
+    this.saveText = undefined;
+    this.forceHistory = undefined;
+    this.showCopyright = undefined;
+    this.sharedWith = undefined;
+    this.hidePageTitle = undefined;
+    this.formExtraOptions = undefined;
+    this.isKeyboardStateLocked = false;
+    this.forceReadonly = undefined;
+    this.slides = undefined;
+    this.data = undefined;
+    this.autosave = undefined;
+    this.lockSwipes = undefined;
+    this.isPreview = undefined;
+    this.allowFieldValidation = undefined;
+    this.limitToMarkAsInvalid = undefined;
+    this.commentsUser = undefined;
+    this.validationCommentsUser = undefined;
+    this.hideComplianceTags = undefined;
+    this.useGridstack = undefined;
+    this.gridstackConfig = undefined;
+    this.gridstackStatic = undefined;
+    this.gridstackFullOverlay = undefined;
+    this.gridstackResizable = undefined;
+    this.gridstackFloat = undefined;
+    this.gridstackCellHeight = undefined;
+    this.gridstackItemNoScroll = undefined;
+    this.gridstackForceGridLines = undefined;
+    this.gridstackForceLoader = undefined;
+    this.gridstackAllowEdit = undefined;
+    this.gridstackAllowDelete = undefined;
+    this._currentData = undefined;
+    this.fieldsState = undefined;
+    this.secondaryFieldsState = undefined;
+    this.activeIndex = 0;
+    this.validity = undefined;
+    this.failedSubmission = [];
+    this.isHistoryContentOverflowing = false;
+    this.showHistoryModal = false;
+    this.selectedTabIndexState = 0;
+    this.workflowButtonTextChanged = undefined;
   }
   async onLockSwipesChanged() {
     lockSwipes(this.ionSlides, this.lockSwipes);
@@ -4285,6 +4346,7 @@ const YooFormDynamicComponent = class {
           initialQuery: value,
           entityType: field.entityType || field.collectionName,
           isFormField: true,
+          required: field.required,
           isReadonly: readonly,
           field,
           mainColumnHeader: field.mainColumnHeader,