@yoobic/yobi 8.6.0-3 → 8.6.0-4

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

@@ -6,13 +6,6 @@ import { getFromLocalForage } from '../../../utils/cache';
 import { getAppContext, openImageDetailFromRTE, querySelectorDeep } from '../../../utils/helpers/common-helpers';
 export class YooFormInputContainerComponent {
   constructor() {
-    /**
-   * If fullscreen is true, will not display any label/descriptions on top (meant to be included in the field)
-   */
-    this.fullscreen = false;
-    this.animated = true;
-    this.showComments = false;
-    this.showValidationComments = false;
     this.showLabel = false;
     this.showDescription = false;
     this.shouldShowDefaultInstructions = false;
@@ -22,6 +15,33 @@ export class YooFormInputContainerComponent {
     this.onValidationCommentsChange = debounce((ev) => {
       this.validationCommented.emit(ev.detail);
     });
+    this.fullscreen = false;
+    this.formType = undefined;
+    this.required = undefined;
+    this.readonly = undefined;
+    this.size = undefined;
+    this.animated = true;
+    this.livePreview = undefined;
+    this.field = undefined;
+    this.forceReadonly = undefined;
+    this.forceDescription = undefined;
+    this.comments = undefined;
+    this.validationComments = undefined;
+    this.markAsModified = undefined;
+    this.markAsInvalid = undefined;
+    this.originalMarkAsInvalid = undefined;
+    this.time = undefined;
+    this.invalid = undefined;
+    this.hideOptional = undefined;
+    this.hideLabel = undefined;
+    this.allowFieldValidation = undefined;
+    this.commentsUser = undefined;
+    this.validationCommentsUser = undefined;
+    this.hideComplianceTags = undefined;
+    this.useUppercaseLabel = undefined;
+    this.slotInputConfig = undefined;
+    this.showComments = false;
+    this.showValidationComments = false;
   }
   get displayValidationFooter() {
     return this.allowFieldValidation && this.readonly && this.field && !isFieldWithNoValue(this.field);
@@ -118,7 +138,7 @@ export class YooFormInputContainerComponent {
     return !readOnly && (ALWAYS_SHOW.includes(fieldType) || (showDefaultInstructions && NO_INSTRUCTIONS.includes(fieldType)));
   }
   shouldShowComments() {
-    return (this.showComments || (this.readonly && this.comments));
+    return (this.showComments || (this.readonly && !this.field.forceTaskComment && this.comments));
   }
   isCheckboxOrToggle(fieldType) {
     return fieldType === FormFieldType.toggle || fieldType === FormFieldType.checkbox;
@@ -305,7 +325,7 @@ export class YooFormInputContainerComponent {
   }
   renderFooter() {
     return [
-      (this.field.allowComments || this.field.allowTask || this.field.shareToFeed) && !this.readonly && !this.field.forceTaskReadonly && (h("div", { class: "footer-container" }, this.field.allowComments && (h("span", { class: "comment-container", onClick: () => this.onToggleComments() }, h("yoo-icon", { name: "comment", color: "text-color" }))), this.field.shareToFeed && (h("span", { class: "feed-container" }, h("yoo-icon", { name: "feed", color: "text-color" }))), this.field.allowTask && (h("span", { class: "app-color newtask", onClick: () => this.onAddNewTaskContainer() }, h("div", { class: "icon" }, h("yoo-icon", { name: "circle-plus", color: "app-color" })), translate('ADDNEWACTION')))))
+      (this.field.allowComments || (this.field.allowTask && !this.field.forceTaskReadonly) || this.field.shareToFeed) && (!this.readonly || this.field.forceTaskComment) && (h("div", { class: "footer-container" }, this.field.allowComments && (h("span", { class: "comment-container", onClick: () => this.onToggleComments() }, h("yoo-icon", { name: "comment", color: "text-color" }))), this.field.shareToFeed && (h("span", { class: "feed-container" }, h("yoo-icon", { name: "feed", color: "text-color" }))), this.field.allowTask && !this.field.forceTaskReadonly && (h("span", { class: "app-color newtask", onClick: () => this.onAddNewTaskContainer() }, h("div", { class: "icon" }, h("yoo-icon", { name: "circle-plus", color: "app-color" })), translate('ADDNEWACTION')))))
     ];
   }
   renderValidationFooter() {
@@ -314,7 +334,7 @@ export class YooFormInputContainerComponent {
     return (this.displayValidationFooter && (h("div", { class: { 'footer-container': true, validation: true, mobile: isMobile } }, h("span", { class: "comment-container", onClick: () => this.onToggleValidationComments() }, h("yoo-icon", { name: "comment", size: "medium", color: "text-color" }), " ", translate(this.validationComments ? 'EDITCOMMENTS' : 'ADDCOMMENTS')), isMobile && this.renderValidationComments(), h("span", { class: "validation-container" }, h("yoo-form-checkbox", { animated: this.animated, value: this.markAsInvalid, class: "danger web", size: "large", header: translate('MARKFIELDASINVALID'), onInputChanged: (ev) => this.onValidationMarkAsInvalid(ev.detail) })))));
   }
   renderComments() {
-    return (this.shouldShowComments() && (h("yoo-form-input-comments", { class: { 'with-border-bottom': this.displayValidationComments }, readonly: this.readonly, user: this.commentsUser, comments: this.comments, onInputChanged: (ev) => this.onCommentsChange(ev), onInputFocused: (ev) => this.onCommentFocused(ev) })));
+    return (this.shouldShowComments() && (h("yoo-form-input-comments", { class: { 'with-border-bottom': this.displayValidationComments }, readonly: this.readonly && !this.field.forceTaskComment, user: this.commentsUser, comments: this.comments, onInputChanged: (ev) => this.onCommentsChange(ev), onInputFocused: (ev) => this.onCommentFocused(ev) })));
   }
   renderValidationComments() {
     return (this.displayValidationComments && (h("yoo-form-input-comments", { readonly: !this.allowFieldValidation || !this.showValidationComments, user: this.validationCommentsUser, comments: this.validationComments, onInputChanged: (ev) => this.onValidationCommentsChange(ev), onInputFocused: (ev) => this.onCommentFocused(ev), onCommentsToggled: () => this.onToggleValidationComments() })));

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

@@ -6,7 +6,11 @@ import { getJSONHighlighted } from '../../../utils/helpers/form-helpers';
 import { setValidator, setValueAndValidateInput } from '../../../utils/helpers/form-input-helpers';
 export class YooFormJsonComponent {
   constructor() {
+    this.value = undefined;
     this.validators = [];
+    this.asyncValidators = undefined;
+    this.readonly = undefined;
+    this.required = undefined;
   }
   onRequireChanged() {
     this.validate();

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

@@ -3,7 +3,20 @@ import { h } from '@stencil/core';
 import { setValidator, setValueAndValidateInput } from '../../../utils/helpers/form-input-helpers';
 export class YooFormLocationComponent {
   constructor() {
+    this.value = undefined;
     this.validators = [];
+    this.asyncValidators = undefined;
+    this.readonly = undefined;
+    this.multiple = undefined;
+    this.name = undefined;
+    this.disableToggle = undefined;
+    this.validity = undefined;
+    this.tags = undefined;
+    this.isHistory = undefined;
+    this.inputTabIndex = undefined;
+    this.model = undefined;
+    this.size = undefined;
+    this.aroundMe = undefined;
   }
   async updateValues(values) {
     if (this.formAutocomplete) {

package/dist/collection/components/form/form-missing-word/form-missing-word.js

@@ -7,12 +7,20 @@ import { setValueAndValidateInput } from '../../../utils/helpers/form-input-help
 // The [[0]] permission is only for YOOBIC users and should never be used for clients.\nThe clientadmin permission gives the permission to access and modify the tenant database and groups .
 export class YooFormMissingWordComponent {
   constructor() {
+    this.bracketsRegexp = /\[\[([^)]+)]]/;
+    this.parenthesesRegexp = { g: /\(\(([^)]+)\)\)/g, i: /\(\(([^)]+)\)\)/i };
     this.animated = true;
+    this.readonly = undefined;
+    this.livePreview = undefined;
+    this.value = undefined;
+    this.validity = undefined;
     this.placeholder = 'SELECTRIGHTWORDS';
+    this.sentence = undefined;
+    this.required = undefined;
+    this.isVisible = undefined;
     this.answer = [];
     this.values = [];
-    this.bracketsRegexp = /\[\[([^)]+)]]/;
-    this.parenthesesRegexp = { g: /\(\(([^)]+)\)\)/g, i: /\(\(([^)]+)\)\)/i };
+    this.revealDropzones = undefined;
   }
   onRequiredChanged() {
     this.validate();

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

@@ -5,7 +5,19 @@ import { getAppContext } from '../../../utils/helpers/common-helpers';
 import { setValidator, setValueAndValidateInput } from '../../../utils/helpers/form-input-helpers';
 export class YooFormMissionfieldComponent {
   constructor() {
+    this.value = undefined;
+    this.type = undefined;
+    this.multiple = undefined;
+    this.readonly = undefined;
     this.validators = [];
+    this.asyncValidators = undefined;
+    this.placeholder = undefined;
+    this.hideCampaign = undefined;
+    this.fieldFilter = undefined;
+    this.inputTabIndex = undefined;
+    this.customModelValues = undefined;
+    this.size = undefined;
+    this.required = undefined;
   }
   async updateValues(values) {
     if (this.formAutocompleteCampaign) {

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

@@ -19,24 +19,6 @@ import { getAppContext } from '../../../utils/helpers/common-helpers';
 import { setValidator, setValueAndValidateInput } from '../../../utils/helpers/form-input-helpers';
 export class YooFormMultiInputComponent {
   constructor() {
-    /**
-     * normally the input value format is [['a', 'b'], ['c', 'd'], ['e', 'f']] where each nested array defines ROW
-     * set to TRUE if you need to use nested array as a COLUMN: [['a', 'c', 'e'], ['b', 'd', 'f']]
-     */
-    this.reverseValueDimensions = false;
-    this.allowAudit = false;
-    /**
-     * Defines this.value is simple Array instead of [[]]
-     */
-    this.isSimpleArray = false;
-    /**
-     * Specify of the values can be draggable
-     */
-    this.allowDragAndDrop = false;
-    /**
-     * Columns definition.
-     */
-    this.columns = [];
     this.isObjectValues = false;
     this.focusTo = null;
     this.deletedRowIndex = null;
@@ -44,6 +26,18 @@ export class YooFormMultiInputComponent {
     this.dragAndDropPendingEvent = null;
     this.dragAndDropPendingEventTimeout = null;
     this.sortables = [];
+    this.value = undefined;
+    this.reverseValueDimensions = false;
+    this.readonly = undefined;
+    this.required = undefined;
+    this.allowAudit = false;
+    this.translations = undefined;
+    this.isSimpleArray = false;
+    this.customSize = undefined;
+    this.allowDragAndDrop = false;
+    this.columns = [];
+    this.variantInput = undefined;
+    this.cells = undefined;
   }
   async reset(keys) {
     this.cells = this.getCells();

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

@@ -4,22 +4,19 @@ import { h } from '@stencil/core';
 import { isFinite, range } from 'lodash-es';
 export class YooFormNumberPickerComponent {
   constructor() {
-    /**
-     * Adds clear icon. Only works for the form-input
-     */
     this.clearable = true;
-    /**
-     * Set the number picker to be with buttons
-     */
+    this.required = undefined;
+    this.invalidMessage = undefined;
+    this.readonly = undefined;
     this.useButtons = false;
-    /**
-     * Component size, select from 'small', 'medium' and 'large'
-     */
+    this.stepAmount = undefined;
+    this.disabled = undefined;
     this.size = 'large';
-    /**
-     * Component state, works if useButtons is true to set to primary which will have app color, secondary which will have light background
-     */
     this.type = 'secondary';
+    this.validity = undefined;
+    this.min = undefined;
+    this.max = undefined;
+    this.value = undefined;
     this.selection = null;
     this.showValidation = false;
     this.forceShowValidation = false;

package/dist/collection/components/form/form-number-picker-dialog/form-number-picker-dialog.js

@@ -3,6 +3,9 @@ import { h } from '@stencil/core';
 const HEADER_HEIGHT = 44;
 export class YooFormNumberPickerDialogComponent {
   constructor() {
+    this.value = undefined;
+    this.values = undefined;
+    this.selection = undefined;
     this.fullscreen = false;
   }
   handleModalPresent() {

package/dist/collection/components/form/form-opening-hours/form-opening-hours.js

@@ -3,10 +3,8 @@ import { h, Host } from '@stencil/core';
 import { Footer, Header, Main } from './parts';
 export class YooFormOpeningHoursComponent {
   constructor() {
-    /**
-     * If `true`, the content is not editable.
-     */
     this.readonly = false;
+    this.value = undefined;
   }
   onChange(value) {
     this.value = value;

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

@@ -1,5 +1,8 @@
 import { h } from '@stencil/core';
 export class YooFormPaletteComponent {
+  constructor() {
+    this.colors = undefined;
+  }
   render() {
     var _a;
     return (h("div", { class: "outer-container" }, (_a = this.colors) === null || _a === void 0 ? void 0 : _a.map(color => h("div", { class: "color-square", style: { backgroundColor: color } }))));

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

@@ -7,6 +7,13 @@ export class YooFormPermissionsComponent {
   constructor() {
     // private translatableRoles: string[];
     this.setUserRolesDebounce = debounce(() => this.setUserRoles(), 100);
+    this.availableRoles = undefined;
+    this.owner = undefined;
+    this.editors = undefined;
+    this.viewers = undefined;
+    this.publishers = undefined;
+    this.undefinedUserRoles = undefined;
+    this.maxUsersCount = undefined;
   }
   // private gridEl: HTMLYooGridElement;
   onRefChange() {

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

@@ -8,34 +8,21 @@ const getRegionalIndicatorSymbol = (letter) => String.fromCodePoint(0x1f1e6 - 65
 const getCountryFlag = (country) => getRegionalIndicatorSymbol(country[0]) + getRegionalIndicatorSymbol(country[1]);
 export class YooFormPhoneNumberComponent {
   constructor() {
-    /**
-     * If `true`, the user can clear the value.
-     */
     this.clearable = false;
-    /**
-     * If `true`, the user cannot interact with it.
-     */
     this.disabled = false;
-    /**
-     * If `true`, the dropdown is open.
-     */
     this.expanded = false;
-    /**
-     * If `true`, it requires a value inside.
-     */
+    this.name = undefined;
+    this.placeholder = undefined;
     this.required = false;
-    /**
-     * Size.
-     */
     this.size = 'medium';
-    /**
-     * If `true`, the user cannot edit the value.
-     */
     this.readonly = false;
-    /**
-     * Whether to use geolocation (will remove loader)
-     */
+    this.value = undefined;
     this.useGeolocation = true;
+    this.country = undefined;
+    this.focusedOnce = undefined;
+    this.geolocation = undefined;
+    this.nationalNumber = undefined;
+    this.options = undefined;
     this.isLoading = false;
   }
   get phoneNumber() {

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

@@ -4,12 +4,25 @@ import { get } from 'lodash-es';
 import { setValidator, setValueAndValidateInput } from '../../../utils/helpers/form-input-helpers';
 export class YooFormPlanComponent {
   constructor() {
-    this.validators = [];
     this.fetchDataDebounce = debounce(() => {
       if (this.planRef) {
         this.fetchCustomData.emit(this.planRef);
       }
     }, 500);
+    this.value = undefined;
+    this.plan = undefined;
+    this.secondaryView = undefined;
+    this.validators = [];
+    this.asyncValidators = undefined;
+    this.missionRef = undefined;
+    this.feedRef = undefined;
+    this.placeholder = undefined;
+    this.readonly = undefined;
+    this.type = undefined;
+    this.isLesson = undefined;
+    this.checkPermission = undefined;
+    this.planRef = undefined;
+    this.required = undefined;
   }
   //The plan data has to be refreshed when the course detail has been closed to update the validity of the component
   //We cannot use the ".then" on the getAsyncExtraData method as it is triggered when a user starts the course not when they finish it

package/dist/collection/components/form/form-plan-assign/form-plan-assign.js

@@ -3,7 +3,13 @@ import { h } from '@stencil/core';
 import { setValidator, setValueAndValidateInput } from '../../../utils/helpers/form-input-helpers';
 export class YooFormPlanAssignComponent {
   constructor() {
+    this.value = undefined;
     this.validators = [];
+    this.asyncValidators = undefined;
+    this.placeholder = undefined;
+    this.readonly = undefined;
+    this.type = undefined;
+    this.required = undefined;
   }
   async updateValues(values, search) {
     if (search.type === 'users' && this.formAutocompleteUsers) {

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

@@ -5,9 +5,19 @@ import { isObject, keys } from 'lodash-es';
 import { setValidator, setValueAndValidateInput } from '../../../utils/helpers/form-input-helpers';
 export class YooFormPricecheckComponent {
   constructor() {
+    this.value = undefined;
     this.extraData = {};
     this.validators = [];
+    this.asyncValidators = undefined;
+    this.placeholder = undefined;
+    this.readonly = undefined;
     this.isHistory = false;
+    this.type = undefined;
+    this.manualOCR = undefined;
+    this.regexOCR = undefined;
+    this.catalog = undefined;
+    this.products = undefined;
+    this.required = undefined;
   }
   async updateValues(priceRecognitionResults) {
     var _a;

package/dist/collection/components/form/form-product-batch/form-product-batch.js

@@ -5,7 +5,13 @@ import { showPhotoEditor } from '../../../utils/helpers/common-helpers';
 import { setValidator } from '../../../utils/helpers/form-input-helpers';
 export class YooFormProductBatchComponent {
   constructor() {
+    this.value = undefined;
     this.validators = [];
+    this.asyncValidators = undefined;
+    this.placeholder = undefined;
+    this.readonly = undefined;
+    this.type = undefined;
+    this.required = undefined;
   }
   onRequireChanged() {
     this.validate();

package/dist/collection/components/form/form-products-sales/form-products-sales.js

@@ -4,12 +4,15 @@ import { setValidator } from '../../../utils/helpers/form-input-helpers';
 const DISPLAY_ALL_PRODUCTS_LIMIT = 10;
 export class YooFormProductsSalesComponent {
   constructor() {
+    this.dateFormat = 'D MMM';
+    this.startDate = undefined;
+    this.endDate = undefined;
+    this.unit = undefined;
     this.isUnitCurrency = false;
     this.value = [];
     this.readonly = false;
     this.selectedProducts = [];
     this.showProducts = true;
-    this.dateFormat = 'D MMM';
   }
   async updateValues(values) {
     if (this.catalogEl) {

package/dist/collection/components/form/form-progress-indicator/form-progress-indicator.js

@@ -3,18 +3,20 @@ import { h, Host } from '@stencil/core';
 import { getAppContext } from '../../../utils/helpers/common-helpers';
 export class YooFormProgressIndicatorComponent {
   constructor() {
+    this.MAX_STEPS = 7;
+    this.STEP_SIZE = 135;
+    this.PROGRESS_INDICATOR_HALF_WIDTH = this.size === 'small' ? 8 : 22;
+    this.visibleSteps = [];
+    this.hasStepChanged = false;
     this.animated = true;
     this.steps = [];
     this.isCompleted = false;
+    this.lockIndex = undefined;
     this.displayMode = 'number';
     this.alignLeft = false;
     this.forceMobile = false;
     this.size = 'medium';
-    this.MAX_STEPS = 7;
-    this.STEP_SIZE = 135;
-    this.PROGRESS_INDICATOR_HALF_WIDTH = this.size === 'small' ? 8 : 22;
-    this.visibleSteps = [];
-    this.hasStepChanged = false;
+    this.currentStep = undefined;
   }
   onCurrentStepChange() {
     this.hasStepChanged = true;

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

@@ -4,6 +4,19 @@ import { setValidator } from '../../../utils/helpers/form-input-helpers';
 export class YooFormQrcodeComponent {
   constructor() {
     this.validators = [];
+    this.asyncValidators = undefined;
+    this.placeholder = undefined;
+    this.readonly = undefined;
+    this.type = undefined;
+    this.whiteLabel = undefined;
+    this.logo = undefined;
+    this.showIllustration = undefined;
+    this.description = undefined;
+    this.showShareLink = undefined;
+    this.showDownload = undefined;
+    this.size = undefined;
+    this.value = undefined;
+    this.required = undefined;
   }
   onRequireChanged() {
     this.validate();

package/dist/collection/components/form/form-query-builder/form-query-builder.js

@@ -2,7 +2,18 @@ import { h } from '@stencil/core';
 import { setValidator, setValueAndValidateInput } from '../../../utils/helpers/form-input-helpers';
 export class YooFormQueryBuilderComponent {
   constructor() {
+    this.value = undefined;
+    this.model = undefined;
     this.validators = [];
+    this.asyncValidators = undefined;
+    this.placeholder = undefined;
+    this.readonly = undefined;
+    this.includeSessionValues = undefined;
+    this.type = undefined;
+    this.required = undefined;
+    this.hideSorts = undefined;
+    this.size = undefined;
+    this.simple = undefined;
   }
   onRequireChanged() {
     this.validate();

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

@@ -1,42 +1,16 @@
 import { h } from '@stencil/core';
 export class YooFormRadioComponent {
   constructor() {
-    /**
-     * Color to use from the palette.
-     * For more information on colors, see [theming](https://design.yoobic.com/d/0thDzyUFNm97/product#/guidelines/color).
-     */
     this.color = 'app-color';
-    /**
-     * If `true`, the user cannot interact with it.
-     */
     this.disabled = false;
-    /**
-     * Flow.
-     */
     this.flow = 'row';
-    /**
-     * If `true`, it is in read mode.
-     */
+    this.name = undefined;
     this.readonly = false;
-    /**
-     * If `true`, it is a required part of form submission.
-     */
     this.required = false;
-    /**
-     * Used to provide information tooltips for the radios
-     */
     this.helpers = [];
-    /**
-     * Size.
-     */
     this.size = 'medium';
-    /**
-     * If `true`, the component is valid.
-     */
     this.validity = false;
-    /**
-     * Mutually exclusive options.
-     */
+    this.value = undefined;
     this.options = [];
   }
   componentWillLoad() {

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

@@ -9,19 +9,17 @@ import { clamp, isArray, isEqual } from 'lodash-es';
 import { setValidator, setValueAndValidateInput } from '../../../utils/helpers/form-input-helpers';
 export class YooFormRangeComponent {
   constructor() {
-    /**
-     * The validators.
-     */
+    this.inputElements = [];
+    this.value = undefined;
     this.validators = [];
-    /**
-     * Minimum value.
-     */
+    this.asyncValidators = undefined;
+    this.readonly = undefined;
+    this.placeholder = undefined;
     this.min = 0;
-    /**
-     * Maximum value.
-     */
     this.max = 100;
-    this.inputElements = [];
+    this.dualKnobs = undefined;
+    this.inputTabIndex = undefined;
+    this.livePreview = undefined;
   }
   onValueChanged() {
     this.onRangeValuesChanged();

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

@@ -4,8 +4,16 @@ import { clamp, isEqual } from 'lodash-es';
 import { setValueAndValidateInput } from '../../../utils/helpers/form-input-helpers';
 export class YooFormRankingComponent {
   constructor() {
-    this.isVisible = false;
     this.sortables = [];
+    this.readonly = undefined;
+    this.value = undefined;
+    this.required = undefined;
+    this.answer = undefined;
+    this.livePreview = undefined;
+    this.values = undefined;
+    this.isVisible = false;
+    this.isAnimationFinished = undefined;
+    this.isDragging = undefined;
   }
   onValuesChanged(newValues, oldValues) {
     this.hasDataChanged = !isEqual(newValues.sort(), oldValues.sort());

package/dist/collection/components/form/form-recap-step/form-recap-step.js

@@ -2,6 +2,15 @@ import { isNullOrUndefined, translate, translateMulti } from '@shared/utils';
 import { h, Host } from '@stencil/core';
 import { getAppContext } from '../../../utils/helpers/common-helpers';
 export class YooFormRecapStepComponent {
+  constructor() {
+    this.stepNumber = undefined;
+    this.mainTitle = undefined;
+    this.subTitle = undefined;
+    this.locked = undefined;
+    this.icon = undefined;
+    this.step = undefined;
+    this.users = undefined;
+  }
   get isWarningIcon() {
     return this.icon === 'warning';
   }

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

@@ -4,25 +4,12 @@ import { Frequency, MonthOptions, Schedule, WeekOptions } from './options';
 import { areOptionsValid, isScheduleValid } from './validation';
 export class YooFormRecurrenceComponent {
   constructor() {
-    /**
-     * If `true`, the user will see the content of advanced settings.
-     */
     this.settingsExpanded = false;
-    /**
-     * If `true`, the component is valid.
-     */
+    this.scheduleEndTranslationSuffix = undefined;
     this.validity = false;
-    /**
-     * If `true`, the user won't be able to select frequency hours.
-     */
+    this.value = undefined;
     this.withoutFrequencyHours = false;
-    /**
-     * If `true`, the user won't be able to select a dynamic end date.
-     */
     this.withoutScheduleDynamicEnd = false;
-    /**
-     * If `true`, the user won't be able to select a start date.
-     */
     this.withoutScheduleStart = false;
   }
   componentWillLoad() {

package/dist/collection/components/form/form-recurrence-delay/form-recurrence-delay.js

@@ -3,19 +3,11 @@ import { h, Host } from '@stencil/core';
 const units = ['HOURS', 'DAYS'];
 export class YooFormRecurrenceDelayComponent {
   constructor() {
-    /**
-     * If `true`, the value must be greater than zero.
-     */
+    this.internal = false;
     this.required = false;
-    /**
-     * Size.
-     */
     this.size = 'medium';
-    /**
-     * If `true`, the component is valid.
-     */
     this.validity = false;
-    this.internal = false;
+    this.value = undefined;
   }
   onValueChanged() {
     if (!this.internal) {