@yoobic/yobi 8.5.19 → 8.5.20

package/dist/cjs/yoo-form-autocomplete.cjs.entry.js

@@ -272,7 +272,7 @@ const YooFormAutocompleteComponent = class {
       });
     }
     if (!this.isMultiple()) {
-      this.selection = index$1.isPresent(value) ? [value] : value;
+      this.selection = index$1.isPresent(value) || (lodash.isArray(value) && !value.length) ? [value] : value;
       await this.hideContainer();
     }
   }
@@ -838,6 +838,9 @@ const YooFormAutocompleteComponent = class {
       if (this.value) {
         if (this.value.indexOf(newTag) === -1) {
           this.value = [...this.value, newTag];
+          if (this.max > 0) {
+            this.value = this.value.slice(-this.max);
+          }
         }
       }
       else {
@@ -944,10 +947,9 @@ const YooFormAutocompleteComponent = class {
   }
   renderEntities(hasIconPrefix, cardTagSingle = false) {
     var _a;
-    return (index.h("div", { class: { 'entity-container': true, empty: !this.selection || this.selection.length <= 0, prefix: hasIconPrefix } }, (_a = this.selection) === null || _a === void 0 ? void 0 : _a.map((selection, i) => {
+    return (index.h("div", { class: { 'entity-container': true, empty: !this.selection || this.selection.length <= 0, prefix: hasIconPrefix } }, (_a = this.selection) === null || _a === void 0 ? void 0 : _a.map((selection, index$2) => {
       var _a, _b;
-      let entitySelection = selection;
-      const unEditedSelection = entitySelection;
+      let entitySelection = lodash.clone(selection);
       if (this.idOnly) {
         entitySelection = this.getFullIdItemSelection(this.webGrid || null, entitySelection) || entitySelection;
         if (this.collectionName === 'groups' && !((_a = this.webGrid) === null || _a === void 0 ? void 0 : _a.items)) {
@@ -967,10 +969,10 @@ const YooFormAutocompleteComponent = class {
       return (entitySelection && [
         index.h("div", { class: { 'single-entity-container': this.isFilter } }, index.h("div", { class: "operator-container" }, `${this.isFilter ? this.filterOperator : ''}`), index.h("yoo-entity", { class: {
             'autocomplete autocomplete-selected': true,
-            last: i === this.selection.length - 1,
+            last: index$2 === this.selection.length - 1,
             bold: this.color === 'transparent',
             'hide-icon': this.host.classList.contains('hide-icon')
-          }, readonly: this.readonly, clearable: this.isMultiple(), columnDefinition: this.columnDefinition, useTranslate: this.useTranslate, customModel: this.customModel, displayType: cardTagSingle ? 'card-tag-single' : this.getDisplayType(), forceText: cardTagSingle, entityType: this.getEntityType(), item: entitySelection, onClosed: (ev) => commonHelpers.execHandlerAndStopEvent(ev, () => this.onSelectionRemoved(unEditedSelection)), isCollapsible: false, displaySize: this.size, valuesColor: (_b = this.valuesColor) === null || _b === void 0 ? void 0 : _b.find((e) => e.key === title) }))
+          }, readonly: this.readonly, clearable: this.isMultiple(), columnDefinition: this.columnDefinition, useTranslate: this.useTranslate, customModel: this.customModel, displayType: cardTagSingle ? 'card-tag-single' : this.getDisplayType(), forceText: cardTagSingle, entityType: this.getEntityType(), item: entitySelection, onClosed: (ev) => commonHelpers.execHandlerAndStopEvent(ev, () => this.onSelectionRemoved(selection)), isCollapsible: false, displaySize: this.size, valuesColor: (_b = this.valuesColor) === null || _b === void 0 ? void 0 : _b.find((e) => e.key === title) }))
       ]);
     })));
   }

package/dist/cjs/yoo-form-hotzones-creator.cjs.entry.js

@@ -91,6 +91,7 @@ const YooFormHotzonesCreatorComponent = class {
           }
           return hotzone.style;
         }) || [];
+        this.emitValues();
       }
     });
     (_b = this.editor) === null || _b === void 0 ? void 0 : _b.on('addshape', () => {

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

@@ -1,7 +1,7 @@
 import { FormFieldType } from '@shared/interfaces';
 import { findParent, getAsyncExtraData, getModalAnimation, getRandomFileName, groupsResolver, isImage, isIonic, isNullOrUndefined, isPresent, isValid, isWeb, MONGODB_ID_REGEX, resizeImage, showAlert, showModal, translate, translateMulti } from '@shared/utils';
 import { h, Host } from '@stencil/core';
-import { compact, debounce, isArray, isNumber, isString, uniq } from 'lodash-es';
+import { clone, compact, debounce, isArray, isNumber, isString, uniq } from 'lodash-es';
 import { execHandlerAndStopEvent, getAppContext, showImageCropper } from '../../../utils/helpers/common-helpers';
 import { getFormBottomPosition, setValidator, setValueAndValidateInput } from '../../../utils/helpers/form-input-helpers';
 const AUTOCOMPLETE_DROPDOWN_HEIGHT = 272;
@@ -252,7 +252,7 @@ export class YooFormAutocompleteComponent {
       });
     }
     if (!this.isMultiple()) {
-      this.selection = isPresent(value) ? [value] : value;
+      this.selection = isPresent(value) || (isArray(value) && !value.length) ? [value] : value;
       await this.hideContainer();
     }
   }
@@ -818,6 +818,9 @@ export class YooFormAutocompleteComponent {
       if (this.value) {
         if (this.value.indexOf(newTag) === -1) {
           this.value = [...this.value, newTag];
+          if (this.max > 0) {
+            this.value = this.value.slice(-this.max);
+          }
         }
       }
       else {
@@ -924,10 +927,9 @@ export class YooFormAutocompleteComponent {
   }
   renderEntities(hasIconPrefix, cardTagSingle = false) {
     var _a;
-    return (h("div", { class: { 'entity-container': true, empty: !this.selection || this.selection.length <= 0, prefix: hasIconPrefix } }, (_a = this.selection) === null || _a === void 0 ? void 0 : _a.map((selection, i) => {
+    return (h("div", { class: { 'entity-container': true, empty: !this.selection || this.selection.length <= 0, prefix: hasIconPrefix } }, (_a = this.selection) === null || _a === void 0 ? void 0 : _a.map((selection, index) => {
       var _a, _b;
-      let entitySelection = selection;
-      const unEditedSelection = entitySelection;
+      let entitySelection = clone(selection);
       if (this.idOnly) {
         entitySelection = this.getFullIdItemSelection(this.webGrid || null, entitySelection) || entitySelection;
         if (this.collectionName === 'groups' && !((_a = this.webGrid) === null || _a === void 0 ? void 0 : _a.items)) {
@@ -947,10 +949,10 @@ export class YooFormAutocompleteComponent {
       return (entitySelection && [
         h("div", { class: { 'single-entity-container': this.isFilter } }, h("div", { class: "operator-container" }, `${this.isFilter ? this.filterOperator : ''}`), h("yoo-entity", { class: {
             'autocomplete autocomplete-selected': true,
-            last: i === this.selection.length - 1,
+            last: index === this.selection.length - 1,
             bold: this.color === 'transparent',
             'hide-icon': this.host.classList.contains('hide-icon')
-          }, readonly: this.readonly, clearable: this.isMultiple(), columnDefinition: this.columnDefinition, useTranslate: this.useTranslate, customModel: this.customModel, displayType: cardTagSingle ? 'card-tag-single' : this.getDisplayType(), forceText: cardTagSingle, entityType: this.getEntityType(), item: entitySelection, onClosed: (ev) => execHandlerAndStopEvent(ev, () => this.onSelectionRemoved(unEditedSelection)), isCollapsible: false, displaySize: this.size, valuesColor: (_b = this.valuesColor) === null || _b === void 0 ? void 0 : _b.find((e) => e.key === title) }))
+          }, readonly: this.readonly, clearable: this.isMultiple(), columnDefinition: this.columnDefinition, useTranslate: this.useTranslate, customModel: this.customModel, displayType: cardTagSingle ? 'card-tag-single' : this.getDisplayType(), forceText: cardTagSingle, entityType: this.getEntityType(), item: entitySelection, onClosed: (ev) => execHandlerAndStopEvent(ev, () => this.onSelectionRemoved(selection)), isCollapsible: false, displaySize: this.size, valuesColor: (_b = this.valuesColor) === null || _b === void 0 ? void 0 : _b.find((e) => e.key === title) }))
       ]);
     })));
   }

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

@@ -89,6 +89,7 @@ export class YooFormHotzonesCreatorComponent {
           }
           return hotzone.style;
         }) || [];
+        this.emitValues();
       }
     });
     (_b = this.editor) === null || _b === void 0 ? void 0 : _b.on('addshape', () => {

package/dist/design-system/yoo-form-autocomplete.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-a6a92b3d.js';
 import { c as FormFieldType } from './index-4bbbf966.js';
 import './index-895ced34.js';
-import { $ as debounce, i as isArray, n as compact, l as uniq, p as isString, a as isNumber } from './lodash-777f91de.js';
+import { $ as debounce, i as isArray, n as compact, l as uniq, p as isString, t as clone, a as isNumber } from './lodash-777f91de.js';
 import { i as showImageCropper, h as execHandlerAndStopEvent, g as getAppContext } from './common-helpers-603b83b1.js';
 import { s as setValidator, f as getFormBottomPosition, a as setValueAndValidateInput } from './form-input-helpers-cf470e44.js';
 import { k as isNullOrUndefined, H as isWeb, G as showModal, F as getModalAnimation, aM as isPresent, aj as showAlert, t as translate, cB as isIonic, X as findParent, W as getAsyncExtraData, f6 as isValid, am as isImage, f7 as resizeImage, f8 as getRandomFileName, eF as MONGODB_ID_REGEX, a3 as translateMulti, e3 as groupsResolver } from './index-7dd54470.js';
@@ -268,7 +268,7 @@ const YooFormAutocompleteComponent = class {
       });
     }
     if (!this.isMultiple()) {
-      this.selection = isPresent(value) ? [value] : value;
+      this.selection = isPresent(value) || (isArray(value) && !value.length) ? [value] : value;
       await this.hideContainer();
     }
   }
@@ -834,6 +834,9 @@ const YooFormAutocompleteComponent = class {
       if (this.value) {
         if (this.value.indexOf(newTag) === -1) {
           this.value = [...this.value, newTag];
+          if (this.max > 0) {
+            this.value = this.value.slice(-this.max);
+          }
         }
       }
       else {
@@ -940,10 +943,9 @@ const YooFormAutocompleteComponent = class {
   }
   renderEntities(hasIconPrefix, cardTagSingle = false) {
     var _a;
-    return (h("div", { class: { 'entity-container': true, empty: !this.selection || this.selection.length <= 0, prefix: hasIconPrefix } }, (_a = this.selection) === null || _a === void 0 ? void 0 : _a.map((selection, i) => {
+    return (h("div", { class: { 'entity-container': true, empty: !this.selection || this.selection.length <= 0, prefix: hasIconPrefix } }, (_a = this.selection) === null || _a === void 0 ? void 0 : _a.map((selection, index) => {
       var _a, _b;
-      let entitySelection = selection;
-      const unEditedSelection = entitySelection;
+      let entitySelection = clone(selection);
       if (this.idOnly) {
         entitySelection = this.getFullIdItemSelection(this.webGrid || null, entitySelection) || entitySelection;
         if (this.collectionName === 'groups' && !((_a = this.webGrid) === null || _a === void 0 ? void 0 : _a.items)) {
@@ -963,10 +965,10 @@ const YooFormAutocompleteComponent = class {
       return (entitySelection && [
         h("div", { class: { 'single-entity-container': this.isFilter } }, h("div", { class: "operator-container" }, `${this.isFilter ? this.filterOperator : ''}`), h("yoo-entity", { class: {
             'autocomplete autocomplete-selected': true,
-            last: i === this.selection.length - 1,
+            last: index === this.selection.length - 1,
             bold: this.color === 'transparent',
             'hide-icon': this.host.classList.contains('hide-icon')
-          }, readonly: this.readonly, clearable: this.isMultiple(), columnDefinition: this.columnDefinition, useTranslate: this.useTranslate, customModel: this.customModel, displayType: cardTagSingle ? 'card-tag-single' : this.getDisplayType(), forceText: cardTagSingle, entityType: this.getEntityType(), item: entitySelection, onClosed: (ev) => execHandlerAndStopEvent(ev, () => this.onSelectionRemoved(unEditedSelection)), isCollapsible: false, displaySize: this.size, valuesColor: (_b = this.valuesColor) === null || _b === void 0 ? void 0 : _b.find((e) => e.key === title) }))
+          }, readonly: this.readonly, clearable: this.isMultiple(), columnDefinition: this.columnDefinition, useTranslate: this.useTranslate, customModel: this.customModel, displayType: cardTagSingle ? 'card-tag-single' : this.getDisplayType(), forceText: cardTagSingle, entityType: this.getEntityType(), item: entitySelection, onClosed: (ev) => execHandlerAndStopEvent(ev, () => this.onSelectionRemoved(selection)), isCollapsible: false, displaySize: this.size, valuesColor: (_b = this.valuesColor) === null || _b === void 0 ? void 0 : _b.find((e) => e.key === title) }))
       ]);
     })));
   }

package/dist/design-system/yoo-form-hotzones-creator.entry.js

@@ -87,6 +87,7 @@ const YooFormHotzonesCreatorComponent = class {
           }
           return hotzone.style;
         }) || [];
+        this.emitValues();
       }
     });
     (_b = this.editor) === null || _b === void 0 ? void 0 : _b.on('addshape', () => {

package/dist/esm/yoo-form-autocomplete.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-a6a92b3d.js';
 import { c as FormFieldType } from './index-4bbbf966.js';
 import './index-895ced34.js';
-import { $ as debounce, i as isArray, n as compact, l as uniq, p as isString, a as isNumber } from './lodash-777f91de.js';
+import { $ as debounce, i as isArray, n as compact, l as uniq, p as isString, t as clone, a as isNumber } from './lodash-777f91de.js';
 import { i as showImageCropper, h as execHandlerAndStopEvent, g as getAppContext } from './common-helpers-603b83b1.js';
 import { s as setValidator, f as getFormBottomPosition, a as setValueAndValidateInput } from './form-input-helpers-cf470e44.js';
 import { k as isNullOrUndefined, H as isWeb, G as showModal, F as getModalAnimation, aM as isPresent, aj as showAlert, t as translate, cB as isIonic, X as findParent, W as getAsyncExtraData, f6 as isValid, am as isImage, f7 as resizeImage, f8 as getRandomFileName, eF as MONGODB_ID_REGEX, a3 as translateMulti, e3 as groupsResolver } from './index-7dd54470.js';
@@ -268,7 +268,7 @@ const YooFormAutocompleteComponent = class {
       });
     }
     if (!this.isMultiple()) {
-      this.selection = isPresent(value) ? [value] : value;
+      this.selection = isPresent(value) || (isArray(value) && !value.length) ? [value] : value;
       await this.hideContainer();
     }
   }
@@ -834,6 +834,9 @@ const YooFormAutocompleteComponent = class {
       if (this.value) {
         if (this.value.indexOf(newTag) === -1) {
           this.value = [...this.value, newTag];
+          if (this.max > 0) {
+            this.value = this.value.slice(-this.max);
+          }
         }
       }
       else {
@@ -940,10 +943,9 @@ const YooFormAutocompleteComponent = class {
   }
   renderEntities(hasIconPrefix, cardTagSingle = false) {
     var _a;
-    return (h("div", { class: { 'entity-container': true, empty: !this.selection || this.selection.length <= 0, prefix: hasIconPrefix } }, (_a = this.selection) === null || _a === void 0 ? void 0 : _a.map((selection, i) => {
+    return (h("div", { class: { 'entity-container': true, empty: !this.selection || this.selection.length <= 0, prefix: hasIconPrefix } }, (_a = this.selection) === null || _a === void 0 ? void 0 : _a.map((selection, index) => {
       var _a, _b;
-      let entitySelection = selection;
-      const unEditedSelection = entitySelection;
+      let entitySelection = clone(selection);
       if (this.idOnly) {
         entitySelection = this.getFullIdItemSelection(this.webGrid || null, entitySelection) || entitySelection;
         if (this.collectionName === 'groups' && !((_a = this.webGrid) === null || _a === void 0 ? void 0 : _a.items)) {
@@ -963,10 +965,10 @@ const YooFormAutocompleteComponent = class {
       return (entitySelection && [
         h("div", { class: { 'single-entity-container': this.isFilter } }, h("div", { class: "operator-container" }, `${this.isFilter ? this.filterOperator : ''}`), h("yoo-entity", { class: {
             'autocomplete autocomplete-selected': true,
-            last: i === this.selection.length - 1,
+            last: index === this.selection.length - 1,
             bold: this.color === 'transparent',
             'hide-icon': this.host.classList.contains('hide-icon')
-          }, readonly: this.readonly, clearable: this.isMultiple(), columnDefinition: this.columnDefinition, useTranslate: this.useTranslate, customModel: this.customModel, displayType: cardTagSingle ? 'card-tag-single' : this.getDisplayType(), forceText: cardTagSingle, entityType: this.getEntityType(), item: entitySelection, onClosed: (ev) => execHandlerAndStopEvent(ev, () => this.onSelectionRemoved(unEditedSelection)), isCollapsible: false, displaySize: this.size, valuesColor: (_b = this.valuesColor) === null || _b === void 0 ? void 0 : _b.find((e) => e.key === title) }))
+          }, readonly: this.readonly, clearable: this.isMultiple(), columnDefinition: this.columnDefinition, useTranslate: this.useTranslate, customModel: this.customModel, displayType: cardTagSingle ? 'card-tag-single' : this.getDisplayType(), forceText: cardTagSingle, entityType: this.getEntityType(), item: entitySelection, onClosed: (ev) => execHandlerAndStopEvent(ev, () => this.onSelectionRemoved(selection)), isCollapsible: false, displaySize: this.size, valuesColor: (_b = this.valuesColor) === null || _b === void 0 ? void 0 : _b.find((e) => e.key === title) }))
       ]);
     })));
   }

package/dist/esm/yoo-form-hotzones-creator.entry.js

@@ -87,6 +87,7 @@ const YooFormHotzonesCreatorComponent = class {
           }
           return hotzone.style;
         }) || [];
+        this.emitValues();
       }
     });
     (_b = this.editor) === null || _b === void 0 ? void 0 : _b.on('addshape', () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yoobic/yobi",
-  "version": "8.5.19",
+  "version": "8.5.20",
   "description": "Yobi - Yoobic Design System",
   "module": "dist/index.js",
   "main": "dist/index.cjs.js",