@yoobic/yobi 8.6.0-3 → 8.6.0-4

package/dist/collection/components/form/form-dynamic/form-dynamic.js

@@ -9,19 +9,6 @@ import { setValueAndResetInputValidity, setValueAndValidateInput } from '../../.
 import { getFieldState, getInputType, getLastButtons, getLessonPageValidity, getNextButton, getPreviousAndNextButtons, getRecapButton, hasKeyboardInput } from './helpers';
 export class YooFormDynamicComponent {
   constructor() {
-    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 = [];
@@ -62,19 +49,93 @@ export class YooFormDynamicComponent {
         }
       }, 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);
@@ -4089,6 +4150,7 @@ export class YooFormDynamicComponent {
           initialQuery: value,
           entityType: field.entityType || field.collectionName,
           isFormField: true,
+          required: field.required,
           isReadonly: readonly,
           field,
           mainColumnHeader: field.mainColumnHeader,

package/dist/collection/components/form/form-dynamic-dialog/form-dynamic-dialog.js

@@ -3,6 +3,19 @@ import { h, Host } from '@stencil/core';
 import { getButton } from '../../../utils/button.factory';
 export class YooFormDynamicDialogComponent {
   constructor() {
+    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/collection/components/form/form-emailreport/form-emailreport.js

@@ -4,7 +4,18 @@ import { compact, isArray, uniq } from 'lodash-es';
 import { setValidator, setValueAndValidateInput } from '../../../utils/helpers/form-input-helpers';
 export class YooFormEmailreportComponent {
   constructor() {
+    this.value = undefined;
     this.validators = [];
+    this.asyncValidators = undefined;
+    this.readonly = undefined;
+    this.name = undefined;
+    this.isLocal = undefined;
+    this.validity = undefined;
+    this.stateful = undefined;
+    this.fieldValues = undefined;
+    this.tags = undefined;
+    this.inputTabIndex = undefined;
+    this.extraData = undefined;
   }
   onIsLocalChange() {
     if (this.isLocal) {

package/dist/collection/components/form/form-entity-value-pairs/form-entity-value-pairs.js

@@ -3,14 +3,18 @@ import { forceUpdate, h, Host } from '@stencil/core';
 import { isEqual } from 'lodash-es';
 export class YooFormEntityValuePairsComponent {
   constructor() {
-    /**
-     * @property {(Validator<string> | IValidatorEntry)[]} validators The validators in charge of validating each input
-     */
+    this.config = undefined;
+    this.entityType = undefined;
+    this.collectionName = undefined;
+    this.iconPrefix = undefined;
+    this.max = undefined;
+    this.queryFields = undefined;
+    this.readonly = undefined;
+    this.model = undefined;
+    this.tags = undefined;
     this.validators = [];
-    /**
-     * @property {any[]} value The values displayed and modified by the component
-     */
     this.value = [];
+    this.descriptionTemplate = undefined;
     this.pairs = [];
   }
   /**

package/dist/collection/components/form/form-explanation/form-explanation.js

@@ -1,6 +1,11 @@
 import { isNativeMobile, isPdf, translate, translateMulti } from '@shared/utils';
 import { h, Host } from '@stencil/core';
 export class YooFormExplanationComponent {
+  constructor() {
+    this.answer = undefined;
+    this.document = undefined;
+    this.text = undefined;
+  }
   componentDidLoad() {
     var _a;
     (_a = this.markdown) === null || _a === void 0 ? void 0 : _a.setContent();

package/dist/collection/components/form/form-feed-preview/form-feed-preview.js

@@ -2,7 +2,15 @@ import { h } from '@stencil/core';
 import { setValidator } from '../../../utils/helpers/form-input-helpers';
 export class YooFormFeedPreviewComponent {
   constructor() {
+    this.value = undefined;
     this.validators = [];
+    this.asyncValidators = undefined;
+    this.placeholder = undefined;
+    this.readonly = undefined;
+    this.type = undefined;
+    this.size = undefined;
+    this.feed = undefined;
+    this.required = undefined;
   }
   componentWillLoad() {
     setValidator(this);

package/dist/collection/components/form/form-feedback/form-feedback.js

@@ -6,11 +6,18 @@ import { setValidator, setValueAndValidateInput } from '../../../utils/helpers/f
 import { feedbackValues } from './constants';
 export class YooFormFeedbackComponent {
   constructor() {
+    this.buttonElements = [];
+    this.value = undefined;
     this.validators = [];
+    this.asyncValidators = undefined;
+    this.isReadonly = undefined;
+    this.validated = undefined;
     this.type = 'feedback';
+    this.heading = undefined;
     this.emojis = feedbackValues;
+    this.confidenceValues = undefined;
+    this.shape = undefined;
     this.size = 'large';
-    this.buttonElements = [];
   }
   componentWillLoad() {
     setValidator(this);

package/dist/collection/components/form/form-filter/form-filter.js

@@ -2,10 +2,12 @@ import { findParent, translate, translateMulti } from '@shared/utils';
 import { h, Host } from '@stencil/core';
 export class YooFormFilterComponent {
   constructor() {
-    /**
-     * If `true`, the dropdown is open.
-     */
+    this.caption = undefined;
     this.expanded = false;
+    this.placeholder = undefined;
+    this.icon = undefined;
+    this.color = undefined;
+    this.size = undefined;
   }
   get isInline() {
     var _a, _b;

package/dist/collection/components/form/form-filter-date/form-filter-date.js

@@ -13,18 +13,6 @@ const suffixes = {
 };
 export class YooFormFilterDateComponent {
   constructor() {
-    /**
-     * If `true`, the user can see animations.
-     */
-    this.animated = true;
-    /**
-     * If `true`, the dropdown is open.
-     */
-    this.expanded = false;
-    /**
-     * If `true`, the form is not editable.
-     */
-    this.readonly = false;
     this.values = {
       [FormFilterDateOperator.relativeDay]: undefined,
       [FormFilterDateOperator.relativeWeek]: undefined,
@@ -36,6 +24,14 @@ export class YooFormFilterDateComponent {
       [FormFilterDateOperator.absoluteBefore]: new Date(),
       [FormFilterDateOperator.absoluteAfter]: new Date()
     };
+    this.animated = true;
+    this.color = undefined;
+    this.expanded = false;
+    this.icon = undefined;
+    this.placeholder = undefined;
+    this.readonly = false;
+    this.size = undefined;
+    this.value = undefined;
   }
   get caption() {
     var _a, _b, _c;

package/dist/collection/components/form/form-filter-number/form-filter-number.js

@@ -6,36 +6,23 @@ import { NonRangeOption, Option, RangeOption } from './options';
 import { isNonRangeOperator, isRangeOperator } from './types';
 export class YooFormFilterNumberComponent {
   constructor() {
-    /**
-     * If `true`, the user can see animations.
-     */
-    this.animated = true;
-    /**
-     * If `true`, the dropdown is open.
-     */
-    this.expanded = false;
-    /**
-     * The minimum value for the slider.
-     */
-    this.minValueSlider = 0;
-    /**
-     * The maximum value for the slider.
-     */
-    this.maxValueSlider = 100;
-    /**
-     * If `true`, the form is not editable.
-     */
-    this.readonly = false;
-    /**
-     * Defines if the slider is shown in the `between` option.
-     */
-    this.showSlider = false;
     this.values = {
       [FormFilterNumberOperator.equal]: undefined,
       [FormFilterNumberOperator.greaterThan]: undefined,
       [FormFilterNumberOperator.lessThan]: undefined,
       [FormFilterNumberOperator.between]: undefined
     };
+    this.animated = true;
+    this.color = undefined;
+    this.expanded = false;
+    this.icon = undefined;
+    this.minValueSlider = 0;
+    this.maxValueSlider = 100;
+    this.placeholder = undefined;
+    this.readonly = false;
+    this.size = undefined;
+    this.showSlider = false;
+    this.value = undefined;
   }
   get caption() {
     var _a, _b, _c;

package/dist/collection/components/form/form-filter-text/form-filter-text.js

@@ -11,24 +11,20 @@ const Option = ({ animated, selected, size, text, value, onChange, onToggle }) =
   } })));
 export class YooFormFilterTextComponent {
   constructor() {
-    /**
-     * If `true`, the user can see animations.
-     */
-    this.animated = true;
-    /**
-     * If `true`, the dropdown is open.
-     */
-    this.expanded = false;
-    /**
-     * If `true`, the form is not editable.
-     */
-    this.readonly = false;
     this.values = {
       [FormFilterTextOperator.is]: undefined,
       [FormFilterTextOperator.isNot]: undefined,
       [FormFilterTextOperator.contains]: undefined,
       [FormFilterTextOperator.doesNotContain]: undefined
     };
+    this.animated = true;
+    this.color = undefined;
+    this.expanded = false;
+    this.icon = undefined;
+    this.placeholder = undefined;
+    this.readonly = false;
+    this.size = undefined;
+    this.value = undefined;
   }
   get caption() {
     return this.value && this.value.operator && this.value.value ? [translate(this.value.operator.toUpperCase()), this.value.value].join(' ') : undefined;

package/dist/collection/components/form/form-footer/form-footer.js

@@ -5,8 +5,14 @@ import { getButton } from '../../../utils/button.factory';
 import { getAppContext, hideShowTabbar } from '../../../utils/helpers/common-helpers';
 export class YooFormFooterComponent {
   constructor() {
-    this.animated = true;
     this.isTabbarHidden = false;
+    this.animated = true;
+    this.buttons = undefined;
+    this.countDownValue = undefined;
+    this.countDownStartValue = undefined;
+    this.showCopyright = undefined;
+    this.forceMobile = undefined;
+    this.slotHeader = undefined;
   }
   async onHideShowTabbar(ev) {
     this.isTabbarHidden = hideShowTabbar(ev, this.host, this.isTabbarHidden);

package/dist/collection/components/form/form-formula/form-formula.js

@@ -2,7 +2,16 @@ import { h } from '@stencil/core';
 import { setValidator } from '../../../utils/helpers/form-input-helpers';
 export class YooFormFormulaComponent {
   constructor() {
+    this.value = undefined;
     this.validators = [];
+    this.asyncValidators = undefined;
+    this.placeholder = undefined;
+    this.required = undefined;
+    this.readonly = undefined;
+    this.type = undefined;
+    this.name = undefined;
+    this.formulaType = undefined;
+    this.validity = undefined;
   }
   componentWillLoad() {
     setValidator(this);

package/dist/collection/components/form/form-hotzones/form-hotzones.js

@@ -9,9 +9,18 @@ import { setValueAndValidateInput } from '../../../utils/helpers/form-input-help
 export class YooFormHotzonesComponent {
   constructor() {
     this.animated = true;
+    this.readonly = undefined;
+    this.livePreview = undefined;
+    this.type = undefined;
+    this.detailedView = undefined;
     this.validity = false;
     this.required = false;
+    this.selectedHotzone = undefined;
+    this.hotzonesColor = undefined;
+    this.value = undefined;
+    this.image = undefined;
     this.hotzones = [];
+    this.isVisible = undefined;
     this.flipImage = false;
   }
   onValueChanged() {

package/dist/collection/components/form/form-hotzones-creator/form-hotzones-creator.js

@@ -25,6 +25,8 @@ const DEFAULT_SHAPE = {
 export class YooFormHotzonesCreatorComponent {
   constructor() {
     this.value = {};
+    this.type = undefined;
+    this.translations = undefined;
   }
   get isHotZones() {
     return this.type === 'hotzone';

package/dist/collection/components/form/form-iframe-dialog/form-iframe-dialog.js

@@ -1,6 +1,10 @@
 import { closeModal } from '@shared/utils';
 import { h } from '@stencil/core';
 export class YooFormIFrameDialogComponent {
+  constructor() {
+    this.heading = undefined;
+    this.source = undefined;
+  }
   componentDidLoad() {
     var _a;
     const parentHostname = (_a = window.location) === null || _a === void 0 ? void 0 : _a.hostname;

package/dist/collection/components/form/form-image-collection/form-image-collection.js

@@ -5,7 +5,11 @@ import { getAppContext, openImageDetailFromRTE } from '../../../utils/helpers/co
 export class YooFormImageCollectionComponent {
   constructor() {
     this.animated = true;
+    this.detailedView = undefined;
+    this.required = undefined;
+    this.livePreview = undefined;
     this.validity = false;
+    this.selectedTile = undefined;
     this.values = [];
     this.images = [];
   }

package/dist/collection/components/form/form-image-tagging/form-image-tagging.js

@@ -9,8 +9,17 @@ import { setValueAndValidateInput } from '../../../utils/helpers/form-input-help
 export class YooFormImageTaggingComponent {
   constructor() {
     this.animated = true;
+    this.readonly = undefined;
+    this.livePreview = undefined;
     this.value = [];
+    this.validity = undefined;
+    this.answer = undefined;
     this.placeholder = 'DRAGDROPTAGS';
+    this.annotations = undefined;
+    this.image = undefined;
+    this.required = undefined;
+    this.values = undefined;
+    this.isVisible = undefined;
     this.revealDropzones = false;
   }
   async onImageChanged(newImage, oldImage) {

package/dist/collection/components/form/form-image-tagging-creator/form-image-tagging-creator.js

@@ -7,9 +7,12 @@ import { setValueAndValidateInput } from '../../../utils/helpers/form-input-help
 import { formatAnnotationForExport } from '../../3.organisms/photo-editor/photo-editor.helpers';
 export class YooFormImageTaggingCreatorComponent {
   constructor() {
-    this.value = {};
     this.hasDotBeenCreated = false;
     this.annotationValues = [];
+    this.required = undefined;
+    this.validity = undefined;
+    this.value = {};
+    this.translations = undefined;
   }
   get dotElements() {
     var _a, _b;

package/dist/collection/components/form/form-incentive-participants/form-incentive-participants.js

@@ -3,6 +3,10 @@ import { h } from '@stencil/core';
 export class YooFormIncentiveParticipantsComponent {
   constructor() {
     this.value = [];
+    this.disabled = undefined;
+    this.config = undefined;
+    this.model = undefined;
+    this.tags = undefined;
   }
   async updateValues(values, total, rowIndex, colIndex) {
     const isRowColDefined = Number.isInteger(rowIndex) && Number.isInteger(colIndex); // in this case, it means that the update is related to an input of the form-multi-input

package/dist/collection/components/form/form-incentive-targets/form-incentive-targets.js

@@ -3,9 +3,11 @@ import { forceUpdate, h } from '@stencil/core';
 import { setValueAndValidateInput } from '../../../utils/helpers/form-input-helpers';
 export class YooFormIncentiveTargetsComponent {
   constructor() {
-    this.value = [];
     this.formValues = new Set();
     this.resetQueue = [];
+    this.validity = undefined;
+    this.value = [];
+    this.disabled = undefined;
   }
   componentWillLoad() {
     var _a;

package/dist/collection/components/form/form-input/form-input.js

@@ -6,22 +6,6 @@ import { clearFocused, convertValueForInputType, initNumber, onIconClicked, onIn
 import { getRenderer } from '../../grid/ag-grid/grid-renderers';
 export class YooFormInputComponent {
   constructor() {
-    this.validators = [];
-    this.externalValidators = [];
-    this.uiValidation = { valid: true, invalid: true }; // valid to show success, invalid to show fail
-    this.disabled = false;
-    this.hasIconPrefix = true;
-    this.inputmode = '';
-    this.type = 'text';
-    this.showPasswordToggle = true;
-    this.clearable = true;
-    this.focusOnRendered = false;
-    this.size = 'large';
-    this.initialCheckboxParams = null;
-    this.fireInputChangeEvent = false;
-    this.allowDecimals = false;
-    this.format = 'input';
-    this.checkboxParams = null;
     this.hostWidth = 0;
     this.onWheel = () => {
       if (isWeb(this.host) && this.isNumberInput(this.type)) {
@@ -46,6 +30,58 @@ export class YooFormInputComponent {
           this.animateNumber();
       }
     };
+    this.validators = [];
+    this.asyncValidators = undefined;
+    this.externalValidators = [];
+    this.placeholder = undefined;
+    this.placeholdertolabel = undefined;
+    this.required = undefined;
+    this.readonly = undefined;
+    this.name = undefined;
+    this.columnDefinition = undefined;
+    this.uiValidation = { valid: true, invalid: true };
+    this.validity = undefined;
+    this.disabled = false;
+    this.step = undefined;
+    this.iconPrefix = undefined;
+    this.iconPrefixColor = undefined;
+    this.iconSuffix = undefined;
+    this.textSuffix = undefined;
+    this.iconText = undefined;
+    this.hasIconPrefix = true;
+    this.tooltip = undefined;
+    this.inputmode = '';
+    this.type = 'text';
+    this.showPasswordToggle = true;
+    this.clearable = true;
+    this.useTranslate = undefined;
+    this.debounce = undefined;
+    this.forceValueUpdate = undefined;
+    this.autocapitalize = undefined;
+    this.autocorrect = undefined;
+    this.inputTabIndex = undefined;
+    this.hideOptional = undefined;
+    this.maxCharacters = undefined;
+    this.inlineActions = undefined;
+    this.regex = undefined;
+    this.factor = undefined;
+    this.invalidMessage = undefined;
+    this.focusOnRendered = false;
+    this.translations = undefined;
+    this.min = undefined;
+    this.max = undefined;
+    this.size = 'large';
+    this.animation = undefined;
+    this.copyToClipboard = undefined;
+    this.value = undefined;
+    this.initialCheckboxParams = null;
+    this.fireInputChangeEvent = false;
+    this.allowDecimals = false;
+    this.format = 'input';
+    this.inputType = undefined;
+    this.remainingCharacters = undefined;
+    this.checkboxParams = null;
+    this.modified = undefined;
   }
   onTranslationsChange() {
     this.setLocalValue(true);

package/dist/collection/components/form/form-input-comments/form-input-comments.js

@@ -1,6 +1,12 @@
 import { getUserDisplayName } from '@shared/utils';
 import { h, Host } from '@stencil/core';
 export class YooFormInputCommentsComponent {
+  constructor() {
+    this.readonly = undefined;
+    this.user = undefined;
+    this.comments = undefined;
+    this.isInvalid = undefined;
+  }
   async setFocus() {
     var _a;
     (_a = this.textArea) === null || _a === void 0 ? void 0 : _a.focus();