@yoobic/yobi 8.6.0-3 → 8.6.0-5

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;
@@ -230,7 +240,7 @@ export class YooFormPricecheckComponent {
               }
             }
           ];
-          showModal(form).then((ret) => {
+          showModal({ component: form }).then((ret) => {
             if (!ret.data && !retry) {
               setTimeout(() => closeModal(true), 300);
             }
@@ -240,7 +250,7 @@ export class YooFormPricecheckComponent {
       }
     };
     dialog.addEventListener('scannedSuccess', scannedSuccessListener);
-    showModal(dialog).then(() => {
+    showModal({ component: dialog }).then(() => {
       dialog === null || dialog === void 0 ? void 0 : dialog.removeEventListener('scannedSuccess', scannedSuccessListener);
       dialog = null;
     });

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

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

@@ -9,14 +9,9 @@ const Timezones = ({ value, values, onUpdate }) => (h("div", { class: "timezones
   } })));
 export class YooFormRecurrencePreviewComponent {
   constructor() {
-    /**
-     * Maximum number of dates.
-     */
     this.max = 10;
-    /**
-     * Selected timezone.
-     */
     this.timezone = guessCurrentTimezone();
+    this.value = undefined;
   }
   finish() {
     this.close.emit();

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

@@ -4,10 +4,15 @@ import { getAppContext } from '../../../utils/helpers/common-helpers';
 import { setValueAndValidateInput } from '../../../utils/helpers/form-input-helpers';
 export class YooFormReorderComponent {
   constructor() {
-    this.allowDragAndDrop = true;
-    this.reverseValueDimensions = false;
     this.listItems = [];
     this.keys = [];
+    this.isLesson = undefined;
+    this.defaultValues = undefined;
+    this.definition = undefined;
+    this.readonly = undefined;
+    this.allowDragAndDrop = true;
+    this.reverseValueDimensions = false;
+    this.value = undefined;
   }
   windowClick() {
     this.closeRemovings();

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

@@ -5,7 +5,18 @@ import { get, isNumber } from 'lodash-es';
 import { setValidator, setValueAndValidateInput } from '../../../utils/helpers/form-input-helpers';
 export class YooFormScormComponent {
   constructor() {
+    this.scorm = undefined;
+    this.min = undefined;
+    this.value = undefined;
+    this.readonly = undefined;
+    this.required = undefined;
+    this.size = undefined;
+    this.isLoading = undefined;
+    this.isPreview = undefined;
     this.reloadScorm = false;
+    this.pastRegistration = undefined;
+    this.startScormCloudPlayer = undefined;
+    this.endScormCloudPlayer = undefined;
   }
   async isValid() {
     this.validate();
@@ -99,7 +110,13 @@ export class YooFormScormComponent {
           const dialog = document.createElement('yoo-form-iframe-dialog');
           dialog.source = ret.launchLink;
           dialog.heading = translateMulti((_a = this.baseScorm) === null || _a === void 0 ? void 0 : _a.title);
-          const promise = showModal(dialog, null, 'fullscreen', isWeb(this.host) ? 'fadeEnterAnimation' : 'slideXEnterReverseAnimation', isWeb(this.host) ? 'fadeLeaveAnimation' : 'slideXLeaveReverseAnimation', true);
+          const promise = showModal({
+            component: dialog,
+            cssClass: 'fullscreen',
+            enterAnimation: isWeb(this.host) ? 'fadeEnterAnimation' : 'slideXEnterReverseAnimation',
+            leaveAnimation: isWeb(this.host) ? 'fadeLeaveAnimation' : 'slideXLeaveReverseAnimation',
+            showBackdrop: true
+          });
           promise.then(() => {
             if (!this.isPreview) {
               this.onCloseScormPlayer();

package/dist/collection/components/form/form-signature-pad/form-signature-pad.js

@@ -3,7 +3,13 @@ import { h, Host } from '@stencil/core';
 import { setValidator, setValueAndValidateInput } from '../../../utils/helpers/form-input-helpers';
 export class YooFormSignaturePadComponent {
   constructor() {
+    this.value = undefined;
     this.validators = [];
+    this.asyncValidators = undefined;
+    this.name = undefined;
+    this.isHistory = undefined;
+    this.required = undefined;
+    this.readonly = undefined;
   }
   componentWillLoad() {
     setValidator(this);
@@ -15,9 +21,13 @@ export class YooFormSignaturePadComponent {
       let dialog = document.createElement('yoo-form-signature-pad-dialog');
       dialog.value = this.value;
       dialog.readonly = this.readonly;
-      showModal(dialog, {
-        height: 'medium'
-      }, null, isWeb(this.host) ? 'fadeEnterAnimation' : 'slideXEnterReverseAnimation', isWeb(this.host) ? 'fadeLeaveAnimation' : 'slideXLeaveReverseAnimation', true).then((ret) => {
+      showModal({
+        component: dialog,
+        componentProps: { height: 'medium' },
+        enterAnimation: isWeb(this.host) ? 'fadeEnterAnimation' : 'slideXEnterReverseAnimation',
+        leaveAnimation: isWeb(this.host) ? 'fadeLeaveAnimation' : 'slideXLeaveReverseAnimation',
+        showBackdrop: true
+      }).then((ret) => {
         if (ret && !this.readonly) {
           // this.value = ret.data;
           setValueAndValidateInput(ret.data, this);

package/dist/collection/components/form/form-signature-pad-dialog/form-signature-pad-dialog.js

@@ -3,6 +3,11 @@ import { h, Host } from '@stencil/core';
 import SignaturePad from 'signature_pad';
 import { getAppContext } from '../../../utils/helpers/common-helpers';
 export class YooFormSignaturePadDialogComponent {
+  constructor() {
+    this.value = undefined;
+    this.readonly = undefined;
+    this.hasContent = undefined;
+  }
   componentWillLoad() {
     this.checkContent();
   }

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

@@ -2,7 +2,14 @@ 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.type = undefined;
+    this.required = undefined;
   }
   onRequireChanged() {
     this.validate();

package/dist/collection/components/form/form-star-rating/form-star-rating.js

@@ -7,21 +7,14 @@ import { getAppContext } from '../../../utils/helpers/common-helpers';
 import { setValidator, setValueAndValidateInput } from '../../../utils/helpers/form-input-helpers';
 export class YooFormStarRatingComponent {
   constructor() {
-    /**
-     * Validators.
-     */
+    this.value = undefined;
+    this.max = undefined;
     this.validators = [];
-    /**
-     * Type of the form.
-     */
+    this.asyncValidators = undefined;
+    this.readonly = undefined;
     this.type = 'star';
-    /**
-     * If `true`, a `yoo-ion-scroll` will be added.
-     */
+    this.isHistory = undefined;
     this.scrollable = true;
-    /**
-       * If `true`, a `yoo-ion-scroll` will be added.
-       */
     this.starSize = 'medium';
   }
   componentWillLoad() {

package/dist/collection/components/form/form-swipe-cards/form-swipe-cards.js

@@ -7,14 +7,29 @@ import { hasDuplicates, showWarningBanner } from '../../../utils/helpers/draggab
 import { setValueAndValidateInput } from '../../../utils/helpers/form-input-helpers';
 export class YooFormSwipeCardsComponent {
   constructor() {
+    this.swipeCards = [];
+    this.swipeButtons = [];
+    this.label = undefined;
+    this.description = undefined;
+    this.instructionsDocument = undefined;
+    this.value = undefined;
+    this.answer = undefined;
     this.validators = [];
+    this.asyncValidators = undefined;
+    this.validity = undefined;
+    this.numberSteps = undefined;
+    this.readonly = undefined;
     this.mode = SwipeCardsMode.text;
+    this.livePreview = undefined;
     this.showInstructionView = true;
     this.animated = true;
     this.shuffled = true;
+    this.isVisible = undefined;
+    this.categories = undefined;
     this.values = [];
-    this.swipeCards = [];
-    this.swipeButtons = [];
+    this.images = undefined;
+    this.required = undefined;
+    this.enableButtonActions = undefined;
   }
   onIsVisibleChanged() {
     // Timeout here to wait for the yoo-form-footer to be mounted after a slide has

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

@@ -5,12 +5,26 @@ import Sortable from 'sortablejs';
 import { setValidator, setValueAndValidateInput } from '../../../utils/helpers/form-input-helpers';
 export class YooFormTableComponent {
   constructor() {
+    this.value = undefined;
+    this.tmpValues = undefined;
     this.validators = [];
+    this.asyncValidators = undefined;
+    this.placeholder = undefined;
     this.isLocal = true;
-    /**
-     * Specify of the values can be draggable
-     */
+    this.isPdf = undefined;
+    this.readonly = undefined;
+    this.type = undefined;
+    this.collectionName = undefined;
+    this.entityType = undefined;
+    this.maxInstances = undefined;
+    this.initialQuery = undefined;
+    this.slidesTransform = undefined;
+    this.displayType = undefined;
+    this.customModel = undefined;
+    this.model = undefined;
+    this.size = undefined;
     this.allowDragAndDrop = false;
+    this.required = undefined;
   }
   get sortableParentElement() {
     return this.gridEl.shadowRoot.querySelector('yoo-ion-list');
@@ -386,7 +400,7 @@ export class YooFormTableComponent {
         "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-task/form-task.js

@@ -4,7 +4,19 @@ import { remove } from 'lodash-es';
 import { setValidator, setValueAndValidateInput, taskStyle } from '../../../utils/helpers/form-input-helpers';
 export class YooFormTaskComponent {
   constructor() {
+    this.value = undefined;
     this.validators = [];
+    this.asyncValidators = undefined;
+    this.placeholder = undefined;
+    this.required = undefined;
+    this.readonly = undefined;
+    this.type = undefined;
+    this.hideTitle = undefined;
+    this.name = undefined;
+    this.isPdf = undefined;
+    this.validity = undefined;
+    this.isHistory = undefined;
+    this.customDataLoader = undefined;
   }
   onTaskClicked(ev) {
     if ((ev === null || ev === void 0 ? void 0 : ev.detail) === this.name) {
@@ -88,9 +100,15 @@ export class YooFormTaskComponent {
         }
       }
     ] : null;
-    showModal(form, {
-      height: 'medium'
-    }, null, getModalAnimation('Enter', 'X', { host: this.host, reversedSlide: true }), getModalAnimation('Leave', 'X', { host: this.host, reversedSlide: true }), true).then((ret) => {
+    showModal({
+      component: form,
+      componentProps: {
+        height: 'medium'
+      },
+      enterAnimation: getModalAnimation('Enter', 'X', { host: this.host, reversedSlide: true }),
+      leaveAnimation: getModalAnimation('Leave', 'X', { host: this.host, reversedSlide: true }),
+      showBackdrop: true
+    }).then((ret) => {
       if (ret === null || ret === void 0 ? void 0 : ret.data) {
         this.value = this.value || [];
         if (index < 0) {

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

@@ -9,22 +9,46 @@ const LINE_HEIGHT = 16;
 const PADDING = 16;
 export class YooFormTextAreaComponent {
   constructor() {
+    this.mentionedUsers = [];
+    this.allowLinkUpdate = true;
+    this.updateSegmentsCountDebounce = debounce(() => this.updateSegmentsCount(), 2000);
+    this.scrollIntoViewOnFocus = false;
     this.validators = [];
+    this.mentions = undefined;
+    this.asyncValidators = undefined;
+    this.placeholder = undefined;
+    this.readonly = undefined;
     this.initialRows = 2;
+    this.maxRows = undefined;
     this.resizable = 'both';
+    this.name = undefined;
     this.disableEnter = false;
     this.mentionFitMaxRows = false;
     this.disableTab = false;
+    this.validity = undefined;
     this.linkPreviews = [];
     this.allowLinkPreview = false;
     this.validateInput = true;
+    this.inputTabIndex = undefined;
+    this.otherIds = undefined;
+    this.maxCharacters = undefined;
     this.autoInitialRows = false;
     this.focusOnRendered = false;
+    this.inlineActions = undefined;
+    this.displaySegmentsCount = undefined;
+    this.size = undefined;
+    this.allowMention = undefined;
+    this.mentionConfigs = undefined;
+    this.translations = undefined;
     this.sanitizeValue = false;
-    this.mentionedUsers = [];
-    this.allowLinkUpdate = true;
-    this.updateSegmentsCountDebounce = debounce(() => this.updateSegmentsCount(), 2000);
-    this.scrollIntoViewOnFocus = false;
+    this.disableInput = undefined;
+    this.clearable = undefined;
+    this.allowCustomInput = undefined;
+    this.value = undefined;
+    this.debounce = undefined;
+    this.rows = undefined;
+    this.composeText = undefined;
+    this.segmentsCount = undefined;
   }
   get isRichText() {
     return this.allowMention || this.allowCustomInput;