@yoobic/yobi 8.6.0-3 → 8.6.0-5

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

@@ -6,21 +6,38 @@ import { getAppContext, querySelectorDeep } from '../../../utils/helpers/common-
 import { convertValueForInputType, getTimeDisplayValue, onInputBlurred, onInputClear, onInputFocused, setValidator, setValueAndValidateInput, validate } from '../../../utils/helpers/form-input-helpers';
 export class YooFormDateTimeComponent {
   constructor() {
+    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;
@@ -227,7 +244,15 @@ export class YooFormDateTimeComponent {
       this.dialog.style.boxShadow = 'var(--shadow-03)';
       this.dialog.style.backgroundColor = 'var(--light)';
     }
-    await showModal(this.dialog, web ? null : { half: true, coeffHalf: hasCalendar ? 0.66 : 0.33 }, web ? this.updateModalCssClass() : null, web ? this.getModalAnimation('Enter') : getModalAnimation('Enter', 'Y', { host: this.host }), web ? this.getModalAnimation('Leave') : getModalAnimation('Leave', 'Y', { host: this.host }), true, false);
+    await showModal({
+      component: this.dialog,
+      componentProps: web ? null : { half: true, coeffHalf: hasCalendar ? 0.66 : 0.33 },
+      cssClass: web ? this.updateModalCssClass() : null,
+      enterAnimation: web ? this.getModalAnimation('Enter') : getModalAnimation('Enter', 'Y', { host: this.host }),
+      leaveAnimation: web ? this.getModalAnimation('Leave') : getModalAnimation('Leave', 'Y', { host: this.host }),
+      showBackdrop: true,
+      displayFullscreenButton: false
+    });
     this.dialog = null;
     this.timePicker = null;
     this.currentTime = null;
@@ -319,7 +344,7 @@ export class YooFormDateTimeComponent {
         closeModal(null, dialog);
       };
       dialog.addEventListener('scannedSuccess', scannedSuccessListener);
-      await showModal(dialog);
+      await showModal({ component: dialog });
       dialog.removeEventListener('scannedSuccess', scannedSuccessListener);
       dialog = null;
     }

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

@@ -4,14 +4,23 @@ import { getAppContext } from '../../../utils/helpers/common-helpers';
 import { setValueAndValidateInput } from '../../../utils/helpers/form-input-helpers';
 export class YooFormDateRangeComponent {
   constructor() {
-    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/collection/components/form/form-document/form-document.js

@@ -4,14 +4,23 @@ import { getFromOfflineStorage } from '../../../utils/cache/localForage';
 import { getAppContext } from '../../../utils/helpers/common-helpers';
 export class YooFormDocumentComponent {
   constructor() {
+    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') {
@@ -82,7 +91,7 @@ export class YooFormDocumentComponent {
     modal.hideSecondaryActions = this.hideSecondaryActions;
     const type = getType(this.document);
     modal.modalMode = type && type === 'video';
-    showModal(modal, {}, '', getAnimation('Enter'), getAnimation('Leave'), true);
+    showModal({ component: modal, enterAnimation: getAnimation('Enter'), leaveAnimation: getAnimation('Leave'), showBackdrop: true });
     this.inputChanged.emit(true);
     this.validityChanged.emit(true);
   }

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

@@ -5,12 +5,21 @@ import { isString } from 'lodash-es';
 import { getAppContext } from '../../../utils/helpers/common-helpers';
 export class YooFormDocumentDialogComponent {
   constructor() {
+    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/collection/components/form/form-dynamic/form-dynamic.css

@@ -1270,9 +1270,6 @@ svg:not(:root) {
   background: var(--stable-ultralight, #fafafa);
   border-radius: var(--border-radius-08, 0.5rem);
 }
-:host .field-placeholder:not(.readonly):not(.invisible).textarea.html {
-  z-index: 1;
-}
 :host .field-placeholder:not(.readonly):not(.invisible) yoo-collapsible {
   padding: var(--spacing-16, 1rem) 0 0;
 }

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,6 +49,93 @@ export class YooFormDynamicComponent {
         }
       }, 500);
     };
+    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;
     this.slidesOptions = {
       autoplay: false,
       pagination: {
@@ -1003,7 +1077,7 @@ export class YooFormDynamicComponent {
       autoCompleteDialog.valuesColor = valuesColor;
       autoCompleteDialog.value = value;
       this.workflowButtonTextChanged = false;
-      showModal(autoCompleteDialog, { half: true }, null, getModalAnimation('Enter'), getModalAnimation('Leave'), true, false, null).then((ret) => {
+      showModal({ component: autoCompleteDialog, componentProps: { half: true }, enterAnimation: getModalAnimation('Enter'), leaveAnimation: getModalAnimation('Leave'), showBackdrop: true, displayFullscreenButton: false }).then((ret) => {
         var _a;
         if (ret.data && ((_a = ret === null || ret === void 0 ? void 0 : ret.data[0]) === null || _a === void 0 ? void 0 : _a.length)) {
           this.selectedButtonText = [].concat(ret.data);
@@ -1611,7 +1685,7 @@ export class YooFormDynamicComponent {
       form.fieldFetchDataFn = (ev) => {
         this.fieldFetchData.emit(ev);
       };
-      showModal(form).then((ret) => {
+      showModal({ component: form }).then((ret) => {
         if (ret && ret.data) {
           this.currentData = ret.data;
           this.checkValidityAndEmitChanges();
@@ -3365,15 +3439,6 @@ export class YooFormDynamicComponent {
           onFetchFieldFilterData: (ev) => this.onFetchFieldFilterData(ev)
         };
         break;
-      case FormFieldType.shopping:
-        TagType = 'yoo-form-shopping';
-        extraAttrs = {
-          products: field.products,
-          inlineActions: field.inlineActions,
-          shoppingView: field.shoppingView,
-          currencySymbol: field.currencySymbol
-        };
-        break;
       case FormFieldType.pricecheck:
         TagType = 'yoo-form-pricecheck';
         extraAttrs = {
@@ -3810,7 +3875,7 @@ export class YooFormDynamicComponent {
           label: generateLabel(field),
           multiple: field.type === FormFieldType.multiphotos,
           min: field.minPhotos || 1,
-          max: readonly ? null : (field.maxPhotos || 1),
+          max: readonly ? null : (field.maxPhotos || 5),
           hideOptional: field.hideOptional,
           tags: field.values,
           duration: field.duration,
@@ -4089,6 +4154,7 @@ export class YooFormDynamicComponent {
           initialQuery: value,
           entityType: field.entityType || field.collectionName,
           isFormField: true,
+          required: field.required,
           isReadonly: readonly,
           field,
           mainColumnHeader: field.mainColumnHeader,
@@ -4472,7 +4538,7 @@ export class YooFormDynamicComponent {
           const preview = document.createElement('yoo-form-recurrence-preview');
           preview.value = getFieldValue(field, this.currentData, this.suffix);
           preview.addEventListener('close', () => closeModal(null, preview));
-          showModal(preview, null, null, getModalAnimation('Enter', 'X', { host: this.host, reversedSlide: true }), getModalAnimation('Leave', 'X', { host: this.host, reversedSlide: true }), true);
+          showModal({ component: preview, enterAnimation: getModalAnimation('Enter', 'X', { host: this.host, reversedSlide: true }), leaveAnimation: getModalAnimation('Leave', 'X', { host: this.host, reversedSlide: true }), showBackdrop: true });
         } }, h("yoo-icon", { color: "app-color", name: "eye", size: "small", slot: "start" }), translate('PREVIEW')));
       return validity ? (h("yoo-tooltip", { content: translate('PREVIEWSCHEDULEDPUBLICATION'), placement: "top", slot: slot }, h(PreviewButton, null))) : (h(PreviewButton, { slot: slot }));
     }

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 = [];
   }
   /**
@@ -192,7 +196,7 @@ export class YooFormEntityValuePairsComponent {
         "mutable": false,
         "complexType": {
           "original": "EntityType",
-          "resolved": "\"aisles\" | \"community\" | \"courses\" | \"dashboards\" | \"language\" | \"operations\" | \"pages\" | \"questions\" | \"scoring\" | \"tableau\" | \"tag\" | \"user\" | \"weekdays\" | \"aclPermission\" | \"aclPermissionList\" | \"aclRole\" | \"aislelist\" | \"algorithm\" | \"apps\" | \"arexperience\" | \"armodel\" | \"audiences\" | \"badges\" | \"blog\" | \"broadcasts\" | \"calendarEvents\" | \"campaignfilters\" | \"creationtypes\" | \"catalogs\" | \"certificates\" | \"channel\" | \"channels\" | \"charttype\" | \"communities\" | \"contacts\" | \"coursecategories\" | \"courses-small\" | \"courseselection\" | \"currencies\" | \"customapps\" | \"customforms\" | \"custommodels\" | \"days\" | \"emails\" | \"entitycomments\" | \"environnement\" | \"feeds\" | \"feedsComments\" | \"files\" | \"filesFolders\" | \"filesPdf\" | \"folders\" | \"formfield\" | \"geofilters\" | \"giphy\" | \"googlemaps\" | \"groups\" | \"hashtags\" | \"hierarchy\" | \"htmltemplates\" | \"icons\" | \"incentives\" | \"journeys\" | \"lessondescriptions\" | \"lessons\" | \"liveshoppings\" | \"locations\" | \"locationsaudience\" | \"locationspublic\" | \"locationtypes\" | \"markas\" | \"mediacapturedevices\" | \"memolist\" | \"memos\" | \"missiondatas\" | \"missiondescriptions\" | \"missiondescriptioncategories\" | \"missiondescriptionreviewhistories\" | \"missiondescriptiontemplates\" | \"missionfield\" | \"missions\" | \"notes\" | \"notifications\" | \"photos\" | \"plans\" | \"productbatch\" | \"productbatchlist\" | \"products\" | \"productweightpair\" | \"publicAPITokens\" | \"questionsAnswers\" | \"regex\" | \"reporttemplates\" | \"reviewapps\" | \"salesdata\" | \"scorms\" | \"scormcloud\" | \"shifts\" | \"slots\" | \"tableauShared\" | \"tagGroups\" | \"tenants\" | \"topusers\" | \"translations\" | \"type\" | \"unsplash\" | \"useraudience\" | \"userranks\" | \"userhighscores\" | \"userlearningmanager\" | \"usercourseinfo\" | \"users\" | \"violetproducts\" | \"violetproductofferskus\" | \"violetbasketitems\" | \"violetshippingmethods\" | \"version\" | \"videocallusers\" | \"visits\" | \"waitlistvisit\" | \"waitlistcustomer\" | \"waitliststats\" | \"plansorlessons\" | \"widgets\"",
+          "resolved": "\"aisles\" | \"community\" | \"courses\" | \"dashboards\" | \"language\" | \"operations\" | \"pages\" | \"questions\" | \"scoring\" | \"tableau\" | \"tag\" | \"user\" | \"weekdays\" | \"aclPermission\" | \"aclPermissionList\" | \"aclRole\" | \"aislelist\" | \"algorithm\" | \"apps\" | \"arexperience\" | \"armodel\" | \"audiences\" | \"badges\" | \"blog\" | \"broadcasts\" | \"calendarEvents\" | \"campaignfilters\" | \"creationtypes\" | \"catalogs\" | \"certificates\" | \"channel\" | \"channels\" | \"charttype\" | \"communities\" | \"contacts\" | \"coursecategories\" | \"courses-small\" | \"courseselection\" | \"currencies\" | \"customapps\" | \"customforms\" | \"custommodels\" | \"days\" | \"emails\" | \"entitycomments\" | \"environnement\" | \"feeds\" | \"feedsComments\" | \"files\" | \"filesFolders\" | \"filesPdf\" | \"folders\" | \"formfield\" | \"geofilters\" | \"giphy\" | \"googlemaps\" | \"groups\" | \"hashtags\" | \"hierarchy\" | \"htmltemplates\" | \"icons\" | \"incentives\" | \"journeys\" | \"lessondescriptions\" | \"lessons\" | \"locations\" | \"locationsaudience\" | \"locationspublic\" | \"locationtypes\" | \"markas\" | \"mediacapturedevices\" | \"memolist\" | \"memos\" | \"missiondatas\" | \"missiondescriptions\" | \"missiondescriptioncategories\" | \"missiondescriptionreviewhistories\" | \"missiondescriptiontemplates\" | \"missionfield\" | \"missions\" | \"notes\" | \"notifications\" | \"photos\" | \"plans\" | \"productbatch\" | \"productbatchlist\" | \"products\" | \"productweightpair\" | \"publicAPITokens\" | \"questionsAnswers\" | \"regex\" | \"reporttemplates\" | \"reviewapps\" | \"salesdata\" | \"scorms\" | \"scormcloud\" | \"shifts\" | \"slots\" | \"tableauShared\" | \"tagGroups\" | \"tenants\" | \"topusers\" | \"translations\" | \"type\" | \"unsplash\" | \"useraudience\" | \"userranks\" | \"userhighscores\" | \"userlearningmanager\" | \"usercourseinfo\" | \"users\" | \"version\" | \"videocallusers\" | \"visits\" | \"waitlistvisit\" | \"waitlistcustomer\" | \"waitliststats\" | \"plansorlessons\" | \"widgets\"",
           "references": {
             "EntityType": {
               "location": "import",

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);