@yoobic/yobi 8.6.0-2 → 8.6.0-4

package/dist/collection/components/3.organisms/zoom/zoom.js

@@ -5,37 +5,15 @@ import { isElementInsideContainer } from '../../../utils/helpers/annotations-hel
 import { Hammer } from '../../../utils/helpers/hammer-helpers';
 export class YooZoomComponent {
   constructor() {
-    /**
-     * Set to true to enable the ability to zoom in/out using the wheel gesture
-     */
     this.disableZoomOnSelectors = [];
-    /**
-     * Set to true to enable the ability to zoom in/out using the wheel gesture
-     */
     this.animated = true;
-    /**
-     * Set to true to enable the ability to zoom in/out using the wheel gesture
-     */
+    this.location = undefined;
     this.allowPanGesture = true;
-    /**
-     * Set here all the references to be zoomed ( ex: 'x', 'y' => container.querySelector('x', 'y'))
-     */
+    this.allowWheelGesture = undefined;
     this.references = [];
-    /**
-     * Set here the maximum time for the picture to be enlarged from its initial size
-     */
     this.maxScale = 4;
-    /**
-     * Set here the scale level on which the picture should be set from during the first load
-     */
     this.initScale = 1;
-    /**
-     * Set here the minimum time for the picture to be enlarged from its initial size
-     */
     this.minScale = 1;
-    /**
-     * Set to true to disable the pinch gesture ( hammerjs )
-     */
     this.disabled = false;
   }
   onLocationChanged() {

package/dist/collection/components/entities/card/card.js

@@ -2,13 +2,19 @@ import { getAssetPath, h } from '@stencil/core';
 const MAX_AVATAR_DISPLAY = 4;
 export class YooCardComponent {
   constructor() {
+    this.heading = undefined;
+    this.subheadings = undefined;
     this.imgSrc = getAssetPath('./assets/empty-state/empty.svg');
     this.avatarImgs = [];
     this.isActivable = false;
     this.isUserCard = false;
+    this.date = undefined;
     this.avatarShape = 'rectangle';
+    this.actionButtonTitle = undefined;
+    this.animationName = undefined;
     this.hasMenu = false;
     this.isActive = false;
+    this.horizontal = undefined;
   }
   componentWillLoad() {
     this.horizontal = this.host.classList.contains('horizontal');

package/dist/collection/components/entities/card-avatar/card-avatar.js

@@ -1,6 +1,11 @@
 import { h, Host } from '@stencil/core';
 import { Tag } from '../../../utils/tag.factory';
 export class YooCardAvatarComponent {
+  constructor() {
+    this.avatar = undefined;
+    this.heading = undefined;
+    this.subheading = undefined;
+  }
   render() {
     const avatar = this.avatar || {};
     const heading = this.heading || {};

package/dist/collection/components/entities/card-avatars/card-avatars.js

@@ -1,6 +1,10 @@
 import { h, Host } from '@stencil/core';
 import { Tag } from '../../../utils/tag.factory';
 export class YooCardAvatarsComponent {
+  constructor() {
+    this.users = undefined;
+    this.heading = undefined;
+  }
   render() {
     const heading = this.heading || {};
     return (h(Host, null, h("yoo-avatars", { users: this.users }), !!heading.text && h(Tag, { className: "heading", icon: {}, noBackground: true, size: null, ...heading }), h("slot", null)));

package/dist/collection/components/entities/card-cell/card-cell.js

@@ -2,6 +2,9 @@ import { getCssColor, isWeb, showActionSheet } from '@shared/utils';
 import { h, Host } from '@stencil/core';
 import { execHandlerAndStopEvent, getAppContext } from '../../../utils/helpers/common-helpers';
 export class YooCardCellComponent {
+  constructor() {
+    this.entry = undefined;
+  }
   presentActionSheet() {
     // IONIC ACTION SHEETS
     showActionSheet(this.entry.actions.map((item) => {

package/dist/collection/components/entities/card-image/card-image.js

@@ -2,10 +2,14 @@ import { translateMulti } from '@shared/utils';
 import { h, Host } from '@stencil/core';
 export class YooCardImageComponent {
   constructor() {
-    /**
-     * Size of the icon.
-     */
+    this.image = undefined;
+    this.heading = undefined;
+    this.subheading = undefined;
+    this.count = undefined;
+    this.icon = undefined;
     this.iconSize = 'small';
+    this.avatar = undefined;
+    this.headingPosition = undefined;
   }
   render() {
     const { instant, src } = this.image || {};

package/dist/collection/components/entities/card-list/collapsible/card-list-collapsible.js

@@ -3,6 +3,7 @@ import { h, Host } from '@stencil/core';
 import { getAppContext, showPhotoEditor } from '../../../../utils/helpers/common-helpers';
 export class YooCardListCollapsibleComponent {
   constructor() {
+    this.entry = undefined;
     this.isCollapsed = false;
   }
   get isFormChoice() {

package/dist/collection/components/entities/card-list/color/card-list-color.js

@@ -3,6 +3,7 @@ import { h, Host } from '@stencil/core';
 import { isFinite } from 'lodash-es';
 export class YooCardListColorComponent {
   constructor() {
+    this.entry = undefined;
     this.notif = false;
     this.size = 'large';
   }

package/dist/collection/components/entities/card-list/default/card-list.js

@@ -6,10 +6,14 @@ import { execHandlerAndStopEvent, getAppContext, removeHtmlFromString, showPhoto
 const MAX_AVATAR_DISPLAY = 3;
 export class YooCardListComponent {
   constructor() {
-    this.avatarImgs = [];
     this.isMap = false;
     this.onTouchStart = () => toggleElementTapped(this.outerDiv, this.host);
     this.onTouchEnd = () => toggleElementTapped(this.outerDiv, this.host);
+    this.entry = undefined;
+    this.avatarImgs = [];
+    this.translatedText = undefined;
+    this.isTranslating = undefined;
+    this.showTranslatedText = undefined;
   }
   get isRenderBadgeOutside() {
     return this.host.classList.contains('feedsComments') || this.host.classList.contains('questionsAnswers') || this.host.classList.contains('entitycomments');

package/dist/collection/components/entities/card-list/image/card-list-image.js

@@ -1,6 +1,7 @@
 import { h } from '@stencil/core';
 export class YooCardListImageComponent {
   constructor() {
+    this.entry = undefined;
     this.isMap = false;
     this.isCollapsed = false;
   }

package/dist/collection/components/entities/card-list/simple/card-list-simple.js

@@ -6,6 +6,8 @@ export class YooCardListSimpleComponent {
   constructor() {
     this.onTouchStart = () => toggleElementTapped(this.outerDiv, this.host);
     this.onTouchEnd = () => toggleElementTapped(this.outerDiv, this.host);
+    this.entry = undefined;
+    this.valuesColor = undefined;
   }
   connectedCallback() {
     if (this.outerDiv) {

package/dist/collection/components/entities/card-placeholder/card-placeholder.js

@@ -1,5 +1,10 @@
 import { h } from '@stencil/core';
 export class YooCardPlaceholderComponent {
+  constructor() {
+    this.displayType = undefined;
+    this.entityType = undefined;
+    this.header = undefined;
+  }
   renderCardFeed() {
     return (h("div", { class: "outer-container card-feed" }, h("div", { class: "animated-background" }, h("div", { class: "feed-top" }, h("div", { class: "masker feed-heading-left" }), h("div", { class: "masker feed-heading-middle" }), h("div", { class: "masker feed-heading-right" }), h("div", { class: "masker feed-heading-right-2" }), h("div", { class: "masker feed-heading-bottom-2" }), h("div", { class: "masker feed-heading-bottom" })), h("div", { class: "feed-under-img" }, h("div", { class: "masker feed-under-img-top" }), h("div", { class: "masker feed-under-img-middle" }), h("div", { class: "feed-icon" }, h("div", { class: "masker feed-icon-left" }), h("div", { class: "masker feed-icon-left-2" }), h("div", { class: "masker feed-icon-bottom" })), h("div", { class: "feed-like" }, h("div", { class: "masker feed-like-left" }), h("div", { class: "masker feed-like-bottom" })), h("div", { class: "feed-description" }, h("div", { class: "masker feed-description-bottom" }))))));
   }

package/dist/collection/components/entities/card-sticky/card-sticky.js

@@ -3,8 +3,10 @@ import { h, Host } from '@stencil/core';
 import { getAppContext } from '../../../utils/helpers/common-helpers';
 export class YooCardStickyComponent {
   constructor() {
-    this.showEllipsis = false;
     this.MAX_LINE_HEIGHT = 54;
+    this.entry = undefined;
+    this.type = undefined;
+    this.showEllipsis = false;
   }
   get title() {
     var _a;

package/dist/collection/components/entities/card-template/card-template.js

@@ -6,6 +6,12 @@ export class YooCardTemplateComponent {
       event.stopPropagation();
       this.action.emit(action.handler);
     };
+    this.description = undefined;
+    this.heading = undefined;
+    this.image = undefined;
+    this.tags = undefined;
+    this.tagElements = undefined;
+    this.topRightActions = undefined;
   }
   renderTags() {
     return (h("div", { class: "tags" }, this.tags.map((tag) => (h("yoo-tag", { color: "app-color", class: "inverse-color" }, tag)))));

package/dist/collection/components/entities/entity/entity.js

@@ -14,9 +14,43 @@ import { entitySimpleCardLists } from './constants';
 import { ChannelAvatarCard, ChannelsAvatarCard, ContactAvatarCard, LocationAvatarCard } from './utils/card-avatar.factory';
 export class YooEntityComponent {
   constructor() {
+    this.item = undefined;
     this.items = [];
+    this.displayType = undefined;
+    this.displaySize = undefined;
+    this.useCellOverlay = undefined;
+    this.direction = undefined;
+    this.index = undefined;
+    this.entityType = undefined;
+    this.useTranslate = undefined;
+    this.profileSummary = undefined;
+    this.iconColor = undefined;
+    this.icons = undefined;
+    this.topActions = undefined;
+    this.bottomActions = undefined;
+    this.secondaryActions = undefined;
+    this.inlineActions = undefined;
+    this.readonly = undefined;
+    this.clearable = undefined;
+    this.customModel = undefined;
+    this.isHistory = undefined;
+    this.isCollapsible = undefined;
+    this.isMap = undefined;
+    this.isFramed = undefined;
+    this.isPdf = undefined;
+    this.columnDefinition = undefined;
     this.secondaryActionsDropdown = false;
+    this.unreadCounts = undefined;
     this.extraClass = '';
+    this.playerCommand = undefined;
+    this.forceText = undefined;
+    this.selected = undefined;
+    this.isGridCell = undefined;
+    this.valuesColor = undefined;
+    this.hideUIFields = undefined;
+    this.disableRowClick = undefined;
+    this.highlighted = undefined;
+    this.entityMapping = undefined;
   }
   get isSimpleCardList() {
     return this.displayType === 'card-list-simple' || (entitySimpleCardLists === null || entitySimpleCardLists === void 0 ? void 0 : entitySimpleCardLists.includes(this.entityType));

package/dist/collection/components/entities/entity-query-builder/entity-query-builder.js

@@ -5,9 +5,26 @@ import { cloneDeep, findIndex, flatten, sum } from 'lodash-es';
 import { filterFromFormField, filterIsAutocomplete, filterIsAutocompleteLocal, filterIsBoolean, filterIsDate, filterIsNumber, filterIsRadio, filterIsSegement, filterIsText, filterRenderFormDynamic, mapCustomViewToButton } from '../../../utils/helpers/filters-helpers';
 export class YooEntityQueryBuilderComponent {
   constructor() {
+    this.hideSorts = undefined;
+    this.disabled = undefined;
     this.extraClass = '';
+    this.isToggleSelected = undefined;
+    this.isSelectAllToggled = undefined;
     this.showSelectionOnlyToggle = false;
+    this.includeSessionValues = undefined;
+    this.isOpen = undefined;
     this.showAdvancedQueryBuilder = false;
+    this.values = undefined;
+    this.model = undefined;
+    this.customViewsId = undefined;
+    this.customView = undefined;
+    this.customViews = undefined;
+    this.floating = undefined;
+    this.size = undefined;
+    this.alwaysShow = undefined;
+    this.readonly = undefined;
+    this.advancedSegments = undefined;
+    this.isDirty = undefined;
   }
   filterAutocompleteSelectedValues(ev) {
     var _a, _b, _c, _d;
@@ -361,7 +378,7 @@ export class YooEntityQueryBuilderComponent {
     return (h("div", { class: { container: true, expanded: this.isOpen && !this.alwaysShow } }, h("slot", { name: "before" }), hasFilters && !this.alwaysShow && [
       h("yoo-button", { class: { 'margin-left': !isRTL(), 'margin-right': isRTL(), 'filters': true }, color: this.isOpen ? 'app-color' : 'light', onClick: (ev) => this.onToggleOpen(ev), fill: this.floating ? 'transparent' : 'solid', shape: this.floating ? 'circular' : 'rectangular', rippleType: this.floating ? 'unbounded' : 'bounded', size: this.size }, h("yoo-icon", { name: "filter", color: this.isOpen && !this.floating ? 'light' : 'stable', slot: "start", size: this.floating ? 'medium' : 'small' }), !this.floating && translate('FILTERS'), count > 0 && !this.isOpen && (h("yoo-badge", { color: this.floating ? 'app-color' : this.isOpen ? 'light' : 'app-color', slot: "end", class: { count: true, floating: this.floating }, text: `${count}` }))),
       this.showSelectionOnlyToggle && this.renderFormToggle()
-    ], h("span", { class: "flex" }, h("slot", { name: "before-sort" })), this.hasSorts() && !this.hideSorts && this.renderSorts(), h("slot", null)));
+    ], h("slot", { name: "after" }), h("span", { class: "flex" }, h("slot", { name: "before-sort" })), this.hasSorts() && !this.hideSorts && this.renderSorts(), h("slot", null)));
   }
   renderDialogHeader() {
     var _a;

package/dist/collection/components/entities/entity-search/entity-search.js

@@ -4,9 +4,6 @@ import { cloneDeep, isArray, keys, sortBy } from 'lodash-es';
 import { getAppContext, querySelectorDeep } from '../../../utils/helpers/common-helpers';
 export class YooEntitySearchComponent {
   constructor() {
-    this.initialSlide = 0;
-    this.animated = true;
-    this.isLoading = false;
     this.currentTab = 0;
     this.generalOrder = [
       { name: 'files', order: 1 },
@@ -24,6 +21,11 @@ export class YooEntitySearchComponent {
         this.host.setAttribute('style', `padding-bottom: ${event.detail.keyboardHeight}px;`);
       }
     }, 500);
+    this.config = undefined;
+    this.initialSlide = 0;
+    this.animated = true;
+    this.isLoading = false;
+    this.generalData = undefined;
   }
   async updateData(data, request) {
     const tab = request.tab;

package/dist/collection/components/entities/entity-search-dialog/entity-search-dialog.js

@@ -9,6 +9,10 @@ export class YooEntitySearchDialogComponent {
         this.setScrollSpacerHeight(scrollSpacerHeight);
       }
     }, 500);
+    this.model = undefined;
+    this.values = undefined;
+    this.hideSorts = undefined;
+    this.isDirty = undefined;
   }
   // @Listen('hideTabbar')
   // async onHideTabbar(ev) {

package/dist/collection/components/entities/entity-search-filters/entity-search-filters.js

@@ -7,6 +7,7 @@ import { filterCleanupNewField, filterFromFormField, filterIsAutocomplete, filte
 export class YooEntitySearchFiltersComponent {
   constructor() {
     this.header = 'FILTERBY';
+    this.fields = undefined;
     this.values = [];
     this.filters = [];
   }

package/dist/collection/components/entities/entity-search-recent/entity-search-recent.js

@@ -3,6 +3,7 @@ import { h } from '@stencil/core';
 export class YooEntitySearchRecentComponent {
   constructor() {
     this.header = 'RECENT';
+    this.values = undefined;
   }
   async setValues(values) {
     this.values = values;

package/dist/collection/components/entities/entity-search-sorts/entity-search-sorts.js

@@ -4,6 +4,7 @@ import { getAppContext } from '../../../utils/helpers/common-helpers';
 export class YooEntitySearchSortsComponent {
   constructor() {
     this.header = 'SORTBY';
+    this.fields = undefined;
     this.values = [];
     this.sorts = [];
   }

package/dist/collection/components/entities/entity-search-tags/entity-search-tags.js

@@ -4,12 +4,15 @@ import { isString } from 'lodash-es';
 import { getAppContext } from '../../../utils/helpers/common-helpers';
 export class YooEntitySearchTagsComponent {
   constructor() {
+    this.tags = undefined;
+    this.sortsAndFilters = undefined;
     this.values = [];
+    this.hideAdvancedFilters = undefined;
+    this.disabled = undefined;
+    this.hideTags = undefined;
+    this.expandedTags = undefined;
     this.selects = [];
-    this.slidesOptions = {
-      spaceBetween: 10,
-      freeMode: true
-    };
+    this.slidesOptions = undefined;
   }
   componentWillLoad() {
     this.selects = this.values;

package/dist/collection/components/form/camera-preview-dialog/camera-preview-dialog.js

@@ -7,14 +7,21 @@ import { getAppContext, showSlidesMedia } from '../../../utils/helpers/common-he
 import { getFlashModeIconName } from './camera-preview-dialog-helpers';
 export class YooCameraPreviewDialogComponent {
   constructor() {
+    this.isCancel = false;
+    this.isTapped = false;
+    this.imageData = undefined;
+    this.quality = undefined;
+    this.isImageRecognition = undefined;
+    this.maxWidth = undefined;
+    this.max = undefined;
     this.regularMode = false;
+    this.stitchDirection = undefined;
+    this.values = undefined;
     this.showLoader = false;
     this.listviewItems = [];
     this.flashMode = 'auto';
     this.isProcessing = false;
     this.showCapturedImage = false;
-    this.isCancel = false;
-    this.isTapped = false;
   }
   onBackButton(ev) {
     ev.stopPropagation();

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

@@ -6,9 +6,6 @@ import { filterIsAutocompleteLocal } from '../../../utils/helpers/filters-helper
 import { setValidator, setValueAndValidateInput } from '../../../utils/helpers/form-input-helpers'; //
 export class YooFormAudienceComponent {
   constructor() {
-    this.validators = [];
-    this.selectedTabIndex = 0;
-    this.rulesCollapsed = false;
     this.targetValues = [
       { id: 'byuser', label: 'AUDIENCETARGETBYUSER', icon: 'user' },
       { id: 'bysite', label: 'AUDIENCETARGETBYSITE', icon: 'pin' }
@@ -37,6 +34,28 @@ export class YooFormAudienceComponent {
       }
     ];
     this.refreshConfig = false;
+    this.placeholder = undefined;
+    this.enableTarget = undefined;
+    this.tooltipPrefix = undefined;
+    this.models = undefined;
+    this.field = undefined;
+    this.allowLibrary = undefined;
+    this.value = undefined;
+    this.validators = [];
+    this.asyncValidators = undefined;
+    this.readonly = undefined;
+    this.required = undefined;
+    this.name = undefined;
+    this.forceManualType = undefined;
+    this.hideValue = undefined;
+    this.mode = undefined;
+    this.audienceRef = undefined;
+    this.showPreviewGrid = undefined;
+    this.isLoading = undefined;
+    this.isDirty = undefined;
+    this.selectedTabIndex = 0;
+    this.rulesCollapsed = false;
+    this.showStores = undefined;
   }
   componentWillLoad() {
     var _a;

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

@@ -7,33 +7,6 @@ import { getFormBottomPosition, setValidator, setValueAndValidateInput } from '.
 const AUTOCOMPLETE_DROPDOWN_HEIGHT = 272;
 export class YooFormAutocompleteComponent {
   constructor() {
-    /**
-     * trigger file change with a initial that was passed in
-     */
-    this.uploadInitialValue = false;
-    this.multiple = false;
-    /**
-     * Suffix used as part of the input.
-     * For instance, it can be used to have `5 Documents Attached` or `5 Documents` instead of `5 Documents Selected`.
-     * This props has an effect only when `multiple` is `true`
-     */
-    this.multipleSelectionSuffix = 'SELECTED';
-    this.isLoading = true;
-    this.keepSelection = true;
-    this.displayType = 'card-list';
-    this.disableSingleDeselection = false;
-    this.expandHeightOnShow = false;
-    this.showDropdownOnLoad = false;
-    this.forceDisableCustomTags = false;
-    this.clearSortsAndFilters = true;
-    this.values = [];
-    this.pageSize = 20;
-    this.readonlyDisplay = 'inline';
-    this.preventUpload = false;
-    this.showDropdownContent = false;
-    this.selection = [];
-    this.showEmptyItemsAddNewTag = false;
-    this.arrowIcon = 'arrow-down';
     this.initialValueLength = 0;
     this.localValues = [];
     this.forceSelectedContentIdOnlyReload = false;
@@ -152,6 +125,93 @@ export class YooFormAutocompleteComponent {
       !this.keepSelection && (await this.setValue([]));
       this.currentSelectedTags = [];
     }, 500, { leading: true, trailing: false });
+    this.uploadInitialValue = false;
+    this.multiple = false;
+    this.multipleSelectionSuffix = 'SELECTED';
+    this.isLoading = true;
+    this.avatarMode = undefined;
+    this.required = undefined;
+    this.useTranslate = undefined;
+    this.readonly = undefined;
+    this.disabled = undefined;
+    this.keepSelection = true;
+    this.allowCustomTag = undefined;
+    this.allowCreate = undefined;
+    this.allowCreateIcon = undefined;
+    this.allowCreateItem = undefined;
+    this.allowEdit = undefined;
+    this.allowCustomValue = undefined;
+    this.idOnly = undefined;
+    this.idAttributeName = undefined;
+    this.tag = undefined;
+    this.min = undefined;
+    this.max = undefined;
+    this.clearable = undefined;
+    this.hideTags = undefined;
+    this.isHistory = undefined;
+    this.inline = undefined;
+    this.displayType = 'card-list';
+    this.placeholder = undefined;
+    this.hideIcon = undefined;
+    this.iconPrefix = undefined;
+    this.emptyState = undefined;
+    this.tagType = undefined;
+    this.entityType = undefined;
+    this.dynamicOrdering = undefined;
+    this.showHeader = undefined;
+    this.asyncValidators = undefined;
+    this.columnDefinition = undefined;
+    this.customModel = undefined;
+    this.hideHeader = undefined;
+    this.collectionName = undefined;
+    this.origin = undefined;
+    this.crop = undefined;
+    this.maxWidth = undefined;
+    this.maxHeight = undefined;
+    this.returnQuery = undefined;
+    this.isFilter = undefined;
+    this.filterOperator = undefined;
+    this.total = undefined;
+    this.showMap = undefined;
+    this.previewEntityType = undefined;
+    this.forceHideSearch = undefined;
+    this.model = undefined;
+    this.extraClass = undefined;
+    this.accept = undefined;
+    this.disableSingleDeselection = false;
+    this.expandHeightOnShow = false;
+    this.showDropdownOnLoad = false;
+    this.forceDisableCustomTags = false;
+    this.valuesColor = undefined;
+    this.clearSortsAndFilters = true;
+    this.gridExtraOptions = undefined;
+    this.secondaryActions = undefined;
+    this.size = undefined;
+    this.color = undefined;
+    this.isLocal = undefined;
+    this.validity = undefined;
+    this.values = [];
+    this.pageSize = 20;
+    this.sortsAndFilters = undefined;
+    this.currentSelectedTags = undefined;
+    this.readonlyDisplay = 'inline';
+    this.validators = undefined;
+    this.idOnlyInitialSelection = undefined;
+    this.value = undefined;
+    this.tags = undefined;
+    this.valuesIcon = undefined;
+    this.name = undefined;
+    this.useUploader = undefined;
+    this.customDataLoader = undefined;
+    this.entityMapping = undefined;
+    this.preventUpload = false;
+    this.dialogWidth = undefined;
+    this.validateOnLoad = undefined;
+    this.showDropdownContent = false;
+    this.selection = [];
+    this.showEmptyItemsAddNewTag = false;
+    this.isUploading = undefined;
+    this.arrowIcon = 'arrow-down';
   }
   get iconSize() {
     return ['small', 'medium'].includes(this.size) ? 'small' : 'medium';

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

@@ -6,24 +6,6 @@ const HEADER_HEIGHT = 44;
 const ANIMATION_DURATION = 300;
 export class YooFormAutocompleteDialogComponent {
   constructor() {
-    this.placement = 'below';
-    this.multiple = false;
-    this.displayType = 'card-list';
-    this.allowCustomTag = false;
-    this.allowCustomValue = false;
-    this.isLoading = true;
-    this.hideHeader = false;
-    this.gridExpandedOnLoad = false;
-    this.disableSingleDeselection = false;
-    this.pageSize = 20;
-    this.forceDisableCustomTags = false;
-    this.showHeaderWeb = false;
-    this.modalPlacement = 'below';
-    this.values = [];
-    this.infiniteScrollDisabled = false;
-    this.initialValueLength = 0;
-    this.fullscreen = false;
-    this.gridIsExpanded = false;
     this.dialogTitleMap = {
       defaults: ['SELECTITEM', 'SELECTITEMS'],
       tags: ['SELECTTAG', 'SELECTTAGS'],
@@ -52,6 +34,55 @@ export class YooFormAutocompleteDialogComponent {
         this.setScrollSpacerHeight();
       }
     };
+    this.placement = 'below';
+    this.multiple = false;
+    this.displayType = 'card-list';
+    this.entityType = undefined;
+    this.dynamicOrdering = undefined;
+    this.showHeader = undefined;
+    this.isLocal = undefined;
+    this.useTranslate = undefined;
+    this.allowCustomTag = false;
+    this.allowCustomValue = false;
+    this.idOnly = undefined;
+    this.idAttributeName = undefined;
+    this.emptyState = undefined;
+    this.tag = undefined;
+    this.tags = undefined;
+    this.hideTags = undefined;
+    this.selectedFilterOperator = undefined;
+    this.max = undefined;
+    this.isLoading = true;
+    this.customModel = undefined;
+    this.returnQuery = undefined;
+    this.total = undefined;
+    this.hideHeader = false;
+    this.collectionName = undefined;
+    this.model = undefined;
+    this.gridExpandedOnLoad = false;
+    this.isFilter = undefined;
+    this.origin = undefined;
+    this.disableSingleDeselection = false;
+    this.forceHideSearch = undefined;
+    this.pageSize = 20;
+    this.gridExtraOptions = undefined;
+    this.secondaryActions = undefined;
+    this.currentSelectedTags = undefined;
+    this.valuesColor = undefined;
+    this.openFullscreen = undefined;
+    this.idOnlyInitialSelection = undefined;
+    this.forceDisableCustomTags = false;
+    this.extraClass = undefined;
+    this.showHeaderWeb = false;
+    this.modalPlacement = 'below';
+    this.values = [];
+    this.infiniteScrollDisabled = false;
+    this.value = undefined;
+    this.initialValueLength = 0;
+    this.selection = undefined;
+    this.fullscreen = false;
+    this.initialLoadComplete = undefined;
+    this.gridIsExpanded = false;
   }
   get fullScrollHeight() {
     const pageHeight = window.innerHeight;

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

@@ -3,7 +3,14 @@ import { h } from '@stencil/core';
 import { setValidator, setValueAndValidateInput } from '../../../utils/helpers/form-input-helpers';
 export class YooFormBarcodeComponent {
   constructor() {
+    this.placeholder = undefined;
+    this.value = undefined;
     this.validators = [];
+    this.asyncValidators = undefined;
+    this.readonly = undefined;
+    this.required = undefined;
+    this.name = undefined;
+    this.hideValue = undefined;
   }
   // private dialog: any;
   componentWillLoad() {