@yoobic/yobi 8.3.1-7 → 8.3.1

package/dist/{esm/dom-551d7421.js → design-system/dom-989c689f.js}

@@ -1,5 +1,5 @@
 /*
- Stencil Client Patch Browser v2.17.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.17.2 | MIT Licensed | https://stenciljs.com
  */
 (function(){
 var aa=new Set("annotation-xml color-profile font-face font-face-src font-face-uri font-face-format font-face-name missing-glyph".split(" "));function g(a){var b=aa.has(a);a=/^[a-z][.0-9_a-z]*-[\-.0-9_a-z]*$/.test(a);return !b&&a}function l(a){var b=a.isConnected;if(void 0!==b)return b;for(;a&&!(a.__CE_isImportDocument||a instanceof Document);)a=a.parentNode||(window.ShadowRoot&&a instanceof ShadowRoot?a.host:void 0);return !(!a||!(a.__CE_isImportDocument||a instanceof Document))}

package/dist/{esm/draggable-dots-helpers-dd33f775.js → design-system/draggable-dots-helpers-675970b9.js}

@@ -1,7 +1,7 @@
-import './index-cca9747a.js';
-import { O as isFinite, V as inRange } from './lodash-f6e59a8e.js';
+import './index-86bad337.js';
+import { O as isFinite, V as inRange } from './lodash-653c0bcd.js';
 import { f as getBound, d as getElement, c as calcCoordPercentage, b as isAnnotationValid, e as getAnnotationPositionStyle, i as isAnnotationEmpty, h as isAnnotationDeleted } from './annotations-helpers-628a8ae3.js';
-import { aQ as Draggable, a3 as getSession, aw as getCurrentLanguage, aP as getUUID, K as getCssColor, bo as getContrastColor, aR as gsapTo, bp as scaleUpAnimation, bq as convertSvgToBase64, bi as getMedia, z as showModal } from './overlays-41605277.js';
+import { aR as Draggable, a3 as getSession, aw as getCurrentLanguage, aQ as getUUID, K as getCssColor, bp as getContrastColor, aS as gsapTo, bq as scaleUpAnimation, br as convertSvgToBase64, bj as getMedia, z as showModal } from './overlays-b212079a.js';
 
 const EEditorActions = {
   typeTool: 'type-tool',

package/dist/design-system/{draggable-tags-helpers-da436380.js → draggable-tags-helpers-c0fac531.js}

@@ -1,6 +1,6 @@
-import './index-cca9747a.js';
-import { Q as countBy } from './lodash-f6e59a8e.js';
-import { t as translate } from './overlays-41605277.js';
+import './index-86bad337.js';
+import { R as countBy } from './lodash-653c0bcd.js';
+import { t as translate } from './overlays-b212079a.js';
 
 function checkArray(array) {
   return !!((array === null || array === void 0 ? void 0 : array.length) && Array.isArray(array));
@@ -22,7 +22,7 @@ function getDeletedValues(oldValues, newValues) {
   var _a;
   return (_a = (oldValues || [])) === null || _a === void 0 ? void 0 : _a.filter(v => { var _a; return !((_a = (newValues || [])) === null || _a === void 0 ? void 0 : _a.includes(v)); });
 }
-async function showWarningAlert(container, showBanner = true, messageKey = 'NODUPLICATEVALUES', backgroundColor = 'danger') {
+async function showWarningBanner(container, showBanner = true, messageKey = 'NODUPLICATEVALUES', backgroundColor = 'danger') {
   var _a;
   showBanner = showBanner && !!messageKey;
   const bannerElement = (container === null || container === void 0 ? void 0 : container.querySelector('yoo-banner')) || ((_a = container === null || container === void 0 ? void 0 : container.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('yoo-banner'));
@@ -51,4 +51,4 @@ async function showWarningAlert(container, showBanner = true, messageKey = 'NODU
   }
 }
 
-export { getNewValue as a, getDuplicatedValue as b, checkArray as c, filterDuplicateEntries as f, getDeletedValues as g, hasDuplicates as h, showWarningAlert as s };
+export { getDeletedValues as a, getDuplicatedValue as b, checkArray as c, filterDuplicateEntries as f, getNewValue as g, hasDuplicates as h, showWarningBanner as s };

package/dist/{esm/entities-helpers-dbbd1047.js → design-system/entities-helpers-b11b5655.js}

@@ -1,7 +1,7 @@
-import { M as MessageType } from './index-e917d10e.js';
-import './index-cca9747a.js';
-import { a as isNumber, n as compact } from './lodash-f6e59a8e.js';
-import { a7 as getUserDisplayName, ar as pipes, ao as replaceAtTagToMentionTag, av as isCloudinaryLink, aw as getCurrentLanguage, P as getAsyncExtraData, ap as replaceAllLinks, ax as parseMarkDown, a3 as getSession, ay as isPhotoEdited, az as changeExtension, Z as translateMulti, aA as toButton, aB as toDate, aC as capitalizeFirstLetter, ah as isGif, t as translate, K as getCssColor, ag as isVideo } from './overlays-41605277.js';
+import { M as MessageType } from './index-eec8505b.js';
+import './index-86bad337.js';
+import { a as isNumber, n as compact } from './lodash-653c0bcd.js';
+import { a7 as getUserDisplayName, ar as pipes, ao as replaceAtTagToMentionTag, av as isCloudinaryLink, aw as getCurrentLanguage, P as getAsyncExtraData, ap as replaceAllLinks, ax as parseMarkDown, a3 as getSession, ay as isPhotoEdited, az as changeExtension, Z as translateMulti, aA as toButton, aB as toDate, aC as capitalizeFirstLetter, ah as isGif, t as translate, K as getCssColor, ag as isVideo } from './overlays-b212079a.js';
 
 const mentionRegex = /<yoo-mention-tag[^>]*>([\s\S]*?)<\/yoo-mention-tag>/g;
 /**

package/dist/design-system/{filters-helpers-10f3768c.js → filters-helpers-05484442.js}

@@ -1,7 +1,7 @@
-import { c as FormFieldType } from './index-e917d10e.js';
-import './index-cca9747a.js';
-import { U as set, n as compact } from './lodash-f6e59a8e.js';
-import { d_ as isTextField, t as translate, A as isWeb } from './overlays-41605277.js';
+import { c as FormFieldType } from './index-eec8505b.js';
+import './index-86bad337.js';
+import { Q as set, n as compact } from './lodash-653c0bcd.js';
+import { aG as isTextField, t as translate, A as isWeb } from './overlays-b212079a.js';
 
 function isWithValuesField(field) {
   var _a;
@@ -252,4 +252,4 @@ function mapCustomViewToButton(c, currentCustomView, session, authentication, cu
   };
 }
 
-export { filterIsAutocomplete as a, filterIsRadio as b, filterRenderFormDynamic as c, filterIsAutocompleteLocal as d, filterIsBoolean as e, filterFromFormField as f, filterIsDate as g, filterIsText as h, filterIsNumber as i, filterCleanupNewField as j, filterIsSegement as k, isKanbanColumnField as l, mapCustomViewToButton as m };
+export { filterFromFormField as a, filterIsAutocomplete as b, filterIsRadio as c, filterRenderFormDynamic as d, filterIsBoolean as e, filterIsAutocompleteLocal as f, filterIsDate as g, filterIsText as h, filterIsNumber as i, filterCleanupNewField as j, filterIsSegement as k, isKanbanColumnField as l, mapCustomViewToButton as m };

package/dist/{esm/form-choice-helpers-30faba6f.js → design-system/form-choice-helpers-da0c9b31.js}

@@ -1,10 +1,10 @@
-import './index-cca9747a.js';
-import { R as findIndex, A as isEqual, n as compact, S as shuffle } from './lodash-f6e59a8e.js';
-import { h as hasDuplicates, s as showWarningAlert } from './draggable-tags-helpers-da436380.js';
-import { a as setValueAndValidateInput, s as setValidator } from './form-input-helpers-53dcea3a.js';
-import { h, r as registerInstance, i as createEvent, e as Host, g as getElement } from './index-becca019.js';
-import { s as setColorSVG } from './common-helpers-121c454f.js';
-import { Z as translateMulti, i as isChromatic, t as translate, X as isNullOrUndefined } from './overlays-41605277.js';
+import './index-86bad337.js';
+import { S as findIndex, A as isEqual, n as compact, T as shuffle } from './lodash-653c0bcd.js';
+import { h as hasDuplicates, s as showWarningBanner } from './draggable-tags-helpers-c0fac531.js';
+import { a as setValueAndValidateInput, s as setValidator } from './form-input-helpers-d6be2219.js';
+import { h, r as registerInstance, i as createEvent, e as Host, g as getElement } from './index-b1ce6cd4.js';
+import { s as setColorSVG } from './common-helpers-662b0816.js';
+import { Z as translateMulti, i as isChromatic, t as translate, X as isNullOrUndefined } from './overlays-b212079a.js';
 import { h as highcharts } from './highcharts-c1be7540.js';
 
 const ReadonlyCard = ({ value, values, answer, valuesColor, classNames }) => {
@@ -91,7 +91,7 @@ const YooFormChoiceCardComponent = class {
     return (h("section", { class: { 'card-grid': true, selected: this.selected } }, this.choices && this.choices.map((item, index) => this.renderSelect(item, index))));
   }
   renderBanner() {
-    return this.livePreview && h("yoo-banner", null, h("p", { slot: "content" }));
+    return this.livePreview && !this.readonly && h("yoo-banner", null, h("p", { slot: "content" }));
   }
   render() {
     var _a, _b, _c;
@@ -159,7 +159,7 @@ function prepareChoice(choiceElement) {
 function hasWarnings(values, choiceElement, warningMsgs) {
   const duplicateMessage = 'NODUPLICATEVALUES';
   const hasDuplicatedValues = hasDuplicates(values === null || values === void 0 ? void 0 : values.map(v => (v === null || v === void 0 ? void 0 : v.text) || v));
-  showWarningAlert(choiceElement.host, hasDuplicatedValues || !!(warningMsgs === null || warningMsgs === void 0 ? void 0 : warningMsgs.length), hasDuplicatedValues ? duplicateMessage : warningMsgs === null || warningMsgs === void 0 ? void 0 : warningMsgs[0]);
+  showWarningBanner(choiceElement.host, hasDuplicatedValues || !!(warningMsgs === null || warningMsgs === void 0 ? void 0 : warningMsgs.length), hasDuplicatedValues ? duplicateMessage : warningMsgs === null || warningMsgs === void 0 ? void 0 : warningMsgs[0]);
   return hasDuplicatedValues && (warningMsgs === null || warningMsgs === void 0 ? void 0 : warningMsgs.length) > 0;
 }
 function updateChoices(values, shuffled) {

package/dist/{esm/form-helpers-02b1fd16.js → design-system/form-helpers-84db96c5.js}

@@ -1,7 +1,7 @@
-import { c as FormFieldType } from './index-e917d10e.js';
-import { V as VALIDATORS, g as getReducedValidator } from './index-cca9747a.js';
-import { q as isString, i as isArray, v as isObject, d as concat, U as set, C as get, W as sumBy, A as isEqual, c as cloneDeep, a as isNumber } from './lodash-f6e59a8e.js';
-import { a3 as getSession, X as isNullOrUndefined, br as evalInContext, bs as evalConditionsInContext, bt as getNameAndData, bu as getFieldsFromSlides, bv as getFieldValue, bw as getFieldReplacement, P as getAsyncExtraData, bx as getSessionReplacementValue, by as escapeRegExp, bz as slenderizeObject, bA as getFormulaReplacement, bB as isDateTimeField, t as translate } from './overlays-41605277.js';
+import { c as FormFieldType } from './index-eec8505b.js';
+import { V as VALIDATORS, g as getReducedValidator } from './index-86bad337.js';
+import { q as isString, i as isArray, v as isObject, d as concat, Q as set, C as get, W as sumBy, A as isEqual, c as cloneDeep, a as isNumber } from './lodash-653c0bcd.js';
+import { a3 as getSession, X as isNullOrUndefined, bs as evalInContext, bt as evalConditionsInContext, bu as getNameAndData, bv as getFieldsFromSlides, bw as getFieldValue, bx as getFieldReplacement, P as getAsyncExtraData, by as getSessionReplacementValue, bz as escapeRegExp, bA as slenderizeObject, bB as getFormulaReplacement, bC as isDateTimeField, t as translate } from './overlays-b212079a.js';
 
 function isCreationAllowed(field, isVisible, isDisabled, isReadOnly = false) {
   return !!field.allowCreate && isVisible && !isDisabled && isReadOnly !== true;

package/dist/design-system/{form-input-helpers-53dcea3a.js → form-input-helpers-d6be2219.js}

@@ -1,7 +1,7 @@
-import { X as isNullOrUndefined, Q as findParent, aG as dateIsValid, aH as isPresent, aB as toDate, j as isNativeMobile, ak as dateFormat, H as isIOS, aI as dateSub, aJ as dateAdd, k as isAndroid, aK as Keyboard } from './overlays-41605277.js';
-import { c as FormFieldType } from './index-e917d10e.js';
-import { g as getReducedValidator, a as getReducedAsyncValidator } from './index-cca9747a.js';
-import { b as getActiveElementShadow, q as querySelectorDeep, c as querySelectorAllDeep } from './common-helpers-121c454f.js';
+import { X as isNullOrUndefined, Q as findParent, aH as dateIsValid, aI as isPresent, aB as toDate, j as isNativeMobile, ak as dateFormat, H as isIOS, aJ as dateSub, aK as dateAdd, k as isAndroid, aL as Keyboard } from './overlays-b212079a.js';
+import { c as FormFieldType } from './index-eec8505b.js';
+import { g as getReducedValidator, a as getReducedAsyncValidator } from './index-86bad337.js';
+import { b as getActiveElementShadow, q as querySelectorDeep, c as querySelectorAllDeep } from './common-helpers-662b0816.js';
 
 let inputBlur = true;
 function focusContentEditable(inputElement) {

package/dist/{esm/form-text-area-helpers-71fdbd58.js → design-system/form-text-area-helpers-6b3c8a86.js}

@@ -1,6 +1,6 @@
-import { d as getRange } from './index-cca9747a.js';
-import { V as inRange } from './lodash-f6e59a8e.js';
-import { a7 as getUserDisplayName, K as getCssColor } from './overlays-41605277.js';
+import { d as getRange } from './index-86bad337.js';
+import { V as inRange } from './lodash-653c0bcd.js';
+import { a7 as getUserDisplayName, K as getCssColor } from './overlays-b212079a.js';
 
 /**
  * Safely insert element

package/dist/design-system/{geolocation-helpers-29d4c5f5.js → geolocation-helpers-5126a3df.js}

@@ -1,4 +1,4 @@
-import { a as isNumber } from './lodash-f6e59a8e.js';
+import { a as isNumber } from './lodash-653c0bcd.js';
 
 const getGeolocation = async () => {
   let result = {};

package/dist/{esm/grid-renderers-e98c4177.js → design-system/grid-renderers-44270f80.js}

@@ -1,12 +1,12 @@
-import { c as FormFieldType, h as IncentiveStatus, n as IncentivePartType, i as IncentiveType } from './index-e917d10e.js';
-import './index-cca9747a.js';
-import { a5 as findKey, i as isArray, b as isFunction, a as isNumber, n as compact, q as isString, C as get, y as isEmpty, F as indexOf, v as isObject, k as keys, h as map, r as round } from './lodash-f6e59a8e.js';
-import { a as getPositionText } from './incentive-helpers-3e2418f0.js';
-import { e as getWorkflowStepBadge } from './missions-helpers-3dcc0488.js';
-import { d as dateRangeState } from './common-helpers-121c454f.js';
-import { g as getJSONHighlighted } from './form-helpers-02b1fd16.js';
-import { f as formatDistance } from './geolocation-helpers-29d4c5f5.js';
-import { K as getCssColor, Z as translateMulti, t as translate, dV as groupsResolver, dW as aclRolesResolver, ar as pipes, ak as dateFormat, aB as toDate, bS as dateParse, al as dispatchCustomEvent, bG as dateDiff, dX as toHours, dY as utc, a7 as getUserDisplayName, cV as salesAIGetColorFromPattern, cW as salesAIFormatDemand, aA as toButton } from './overlays-41605277.js';
+import { c as FormFieldType, h as IncentiveStatus, n as IncentivePartType, i as IncentiveType } from './index-eec8505b.js';
+import './index-86bad337.js';
+import { a5 as findKey, i as isArray, b as isFunction, a as isNumber, n as compact, q as isString, C as get, y as isEmpty, F as indexOf, v as isObject, k as keys, h as map, r as round } from './lodash-653c0bcd.js';
+import { a as getPositionText } from './incentive-helpers-cda030e0.js';
+import { e as getWorkflowStepBadge } from './missions-helpers-4d2859f1.js';
+import { d as dateRangeState } from './common-helpers-662b0816.js';
+import { g as getJSONHighlighted } from './form-helpers-84db96c5.js';
+import { f as formatDistance } from './geolocation-helpers-5126a3df.js';
+import { K as getCssColor, Z as translateMulti, t as translate, dW as groupsResolver, dX as aclRolesResolver, ar as pipes, ak as dateFormat, aB as toDate, bT as dateParse, al as dispatchCustomEvent, bH as dateDiff, dY as toHours, dZ as utc, a7 as getUserDisplayName, cW as salesAIGetColorFromPattern, cX as salesAIFormatDemand, aA as toButton } from './overlays-b212079a.js';
 
 const countryFlag = (country) => {
   return getFlagEmoji(getCountryCode(country));

package/dist/{esm/incentive-helpers-3e2418f0.js → design-system/incentive-helpers-cda030e0.js}

@@ -1,7 +1,7 @@
-import { m as IncentiveStatusBadges, n as IncentivePartType } from './index-e917d10e.js';
-import './index-cca9747a.js';
-import { r as round } from './lodash-f6e59a8e.js';
-import { a4 as getIncentiveState, t as translate, a5 as appendIncentiveUnit, a6 as getParticipantsScore } from './overlays-41605277.js';
+import { m as IncentiveStatusBadges, n as IncentivePartType } from './index-eec8505b.js';
+import './index-86bad337.js';
+import { r as round } from './lodash-653c0bcd.js';
+import { a4 as getIncentiveState, t as translate, a5 as appendIncentiveUnit, a6 as getParticipantsScore } from './overlays-b212079a.js';
 
 /**
  * @function getIncentiveStatusBadgeSettings

package/dist/design-system/index-0342da52.js

@@ -0,0 +1 @@
+import './overlays-b212079a.js';

package/dist/{esm/index-f8180194.js → design-system/index-1f135a6b.js}

@@ -1,14 +1,14 @@
-import './index-cca9747a.js';
-import { A as isEqual } from './lodash-f6e59a8e.js';
-import { h as hasDuplicates, a as getNewValue, g as getDeletedValues } from './draggable-tags-helpers-da436380.js';
-import { aP as getUUID, aQ as Draggable, Z as translateMulti, aR as gsapTo, aS as gsapSet, aT as gsapFromTo } from './overlays-41605277.js';
+import './index-86bad337.js';
+import { A as isEqual } from './lodash-653c0bcd.js';
+import { h as hasDuplicates, g as getNewValue, a as getDeletedValues } from './draggable-tags-helpers-c0fac531.js';
+import { aQ as getUUID, aR as Draggable, Z as translateMulti, aS as gsapTo, aT as gsapSet, aU as gsapFromTo } from './overlays-b212079a.js';
 
 class Dropzone {
   constructor(config, element, index) {
     this.config = config;
     this.element = element;
     this.index = index;
-    this.setDynamicTagZoneHeight();
+    this.initTagZone();
   }
   get colorClass() {
     const { colorClass } = this.config || {};
@@ -18,7 +18,7 @@ class Dropzone {
     return this.element.id;
   }
   get hit() {
-    return this.element.classList.contains('hit');
+    return this.element.hasAttribute('hit');
   }
   get tagsId() {
     var _a;
@@ -29,7 +29,8 @@ class Dropzone {
     return !this.isTagsZone && (Array.isArray(answers === null || answers === void 0 ? void 0 : answers[this.index]) && answers[this.index].length) || 1;
   }
   get isTagsZone() {
-    return this.element.id === 'zone-tags';
+    var _a;
+    return ((_a = this.element) === null || _a === void 0 ? void 0 : _a.id) === 'zone-tags';
   }
   get tagsCount() {
     var _a, _b;
@@ -38,13 +39,16 @@ class Dropzone {
   get isDropZoneFull() {
     return !this.isTagsZone && this.tagsCount === (this.tagsLimit || 1);
   }
-  setDynamicTagZoneHeight() {
-    if (this.element && this.isTagsZone && this.config.dynamicZoneHeight) {
-      const footerHeight = 92;
-      const zoneBR = this.element.getBoundingClientRect();
-      const calculateTagZoneHeight = window.innerHeight - (zoneBR.top + footerHeight);
-      if (calculateTagZoneHeight) {
-        this.element.parentElement.style.height = `${calculateTagZoneHeight * .75}px`;
+  initTagZone() {
+    if (this.isTagsZone) {
+      const { dynamicZoneHeight } = this.config;
+      if (dynamicZoneHeight) {
+        const footerHeight = 92;
+        const zoneBR = this.element.getBoundingClientRect();
+        const calculateTagZoneHeight = window.innerHeight - (zoneBR.top + footerHeight);
+        if (calculateTagZoneHeight) {
+          this.element.parentElement.style.height = `${calculateTagZoneHeight * .75}px`;
+        }
       }
     }
   }
@@ -56,7 +60,14 @@ class Dropzones {
   get tagsZone() {
     return Dropzones.getZones(this.zonesConfig).find(zone => zone.id === 'zone-tags');
   }
-  hideOverflowingTagInZone(zoneElement, tagElement) {
+  setTagsZoneOverflow(set) {
+    var _a, _b;
+    const { element } = this.tagsZone || {};
+    if (element && ((_b = (_a = this.zonesConfig) === null || _a === void 0 ? void 0 : _a.tagZoneConfig) === null || _b === void 0 ? void 0 : _b.hasOverflow)) {
+      set ? element.style.overflow = 'hidden' : element.style.removeProperty('overflow');
+    }
+  }
+  async hideOverflowingTagInZone(zoneElement, tagElement, onShowTag) {
     if (tagElement && zoneElement) {
       const zoneBR = zoneElement.getBoundingClientRect();
       const tagBR = tagElement.getBoundingClientRect();
@@ -66,27 +77,20 @@ class Dropzones {
       }
       else if (tagElement.style.visibility === 'hidden') {
         tagElement.style.visibility = 'visible';
-        Tag.scaleUpDown(tagElement);
+        await (onShowTag === null || onShowTag === void 0 ? void 0 : onShowTag(tagElement));
       }
     }
   }
-  hideOverflowingTagsInZone(zoneElement) {
-    if (zoneElement) {
-      const tagElements = Array.from(zoneElement.querySelectorAll('yoo-tag'));
-      tagElements === null || tagElements === void 0 ? void 0 : tagElements.forEach(tagElement => {
-        this.hideOverflowingTagInZone(zoneElement, tagElement);
-      });
-    }
+  hideOverflowingTagsInZone(zoneElement, onShowTag) {
+    Array.from((zoneElement === null || zoneElement === void 0 ? void 0 : zoneElement.querySelectorAll('yoo-tag')) || []).forEach(tagElement => {
+      this.hideOverflowingTagInZone(zoneElement, tagElement, (tagElement) => onShowTag(tagElement));
+    });
   }
   static getZones(config) {
     const { tagZoneConfig, dropZoneConfig, hostElement } = config;
     return (Array.from(hostElement.shadowRoot.querySelectorAll('.dropzone')) || [])
       .sort((a, b) => a.id > b.id ? 1 : -1)
-      .map((e, i) => {
-      const isTagsZone = e.id === 'zone-tags';
-      const localConfig = isTagsZone ? tagZoneConfig : dropZoneConfig;
-      return new Dropzone(localConfig, e, i);
-    }) || [];
+      .map((e, i) => new Dropzone(e.id === 'zone-tags' ? tagZoneConfig : dropZoneConfig, e, i)) || [];
   }
 }
 
@@ -114,7 +118,7 @@ class Tag {
     await this.dropToZone(this.zones.find(zone => zone.isTagsZone));
   }
   isTagOverlapping(zone) {
-    return Draggable.hitTest(this.element, zone.element.parentElement, zone.config.threshold || 0);
+    return Draggable.hitTest(this.element, zone.element, zone.config.threshold || 0);
   }
   createTagElement() {
     const { getColorTag, extraTagsClasses } = this.config;
@@ -141,7 +145,7 @@ class Tag {
   }
   initDraggable() {
     const { hostElement } = this.zonesConfig;
-    const { clickToDrop, clickTagExtraAction, pressTagExtraAction, releaseTagExtraAction, resetTagExtraAction, dragTagExtraAction } = this.config || {};
+    const { clickToDrop, clickTagExtraAction, pressTagExtraAction, dragStartTagExtraAction, releaseTagExtraAction, resetTagExtraAction, dragTagExtraAction } = this.config || {};
     const clickOnTag = async () => {
       var _a;
       const freeZones = this.zones.filter(zone => !(zone === null || zone === void 0 ? void 0 : zone.isTagsZone) && !(zone === null || zone === void 0 ? void 0 : zone.isDropZoneFull));
@@ -161,6 +165,9 @@ class Tag {
           clickOnTag();
         }
       },
+      onDragStart: () => {
+        dragStartTagExtraAction === null || dragStartTagExtraAction === void 0 ? void 0 : dragStartTagExtraAction(this);
+      },
       onPress: () => {
         Tag.scale('up', this.element);
         pressTagExtraAction === null || pressTagExtraAction === void 0 ? void 0 : pressTagExtraAction(this);
@@ -168,15 +175,14 @@ class Tag {
       onDrag: () => {
         this.zones.forEach(zone => {
           if (zone === null || zone === void 0 ? void 0 : zone.element) {
-            const { element } = zone;
             if (this.isTagOverlapping(zone) && !zone.isDropZoneFull) {
               this.element.color = this.config.getColorTag(this.value, zone.index);
-              if (!element.classList.contains('hit') && zone.id !== this.zone.id) {
-                element.classList.add('hit');
+              if (!zone.element.hasAttribute('hit') && zone.id !== this.zone.id) {
+                zone.element.setAttribute('hit', 'true');
               }
             }
-            else if (zone.hit) {
-              element.classList.remove('hit');
+            else if (!this.isTagOverlapping(zone)) {
+              zone.element.removeAttribute('hit');
             }
           }
         });
@@ -229,15 +235,15 @@ class Tag {
   }
   static async scale(scaleType, element) {
     const isScaledDown = scaleType === 'down';
-    await gsapTo(element, .25, {
-      scale: isScaledDown ? 1 : 1.125,
+    await gsapTo(element, .2, {
+      scale: isScaledDown ? 1 : 1.065,
       zIndex: isScaledDown ? 'auto' : 200
     });
+    element.classList.toggle('active', !isScaledDown);
   }
-  static scaleUpDown(element, callback) {
-    this.scale('up', element).then(() => {
-      this.scale('down', element).then(() => callback === null || callback === void 0 ? void 0 : callback());
-    });
+  static async scaleUpDown(element) {
+    await this.scale('up', element);
+    await this.scale('down', element);
   }
   async release(fromReset = false) {
     if (!fromReset) {
@@ -246,7 +252,7 @@ class Tag {
           this.lastZone = this.zone;
           this.zone = zone;
         }
-        this.zone.element.classList.remove('hit');
+        this.zone.element.removeAttribute('hit');
       });
     }
     this.addToZone();
@@ -285,26 +291,23 @@ class Tags extends Dropzones {
     if (tag) {
       const { element, zone } = tag;
       tag.removeFromZone(zone);
-      if (zone.element.contains(element)) {
+      if (zone.element.contains(element) && zone.tagsCount) {
         element.color = 'danger';
-        Tag.scaleUpDown(element, () => {
-          zone.element.removeChild(element);
-          this.tags = this.tags.filter(t => t.id !== tag.id);
-        });
+        await Tag.scaleUpDown(element);
+        zone.element.removeChild(element);
+        this.tags = this.tags.filter(t => t.id !== tag.id);
       }
-      this.checkOverflowingTags();
       (_c = (_b = this.tagConfig).onTagDeleted) === null || _c === void 0 ? void 0 : _c.call(_b);
     }
   }
   async addTagFromValue(value) {
+    var _a, _b;
     const newTag = new Tag(Object.assign(this.tagConfig, { extraTagsClasses: 'new' }), value, this.tagsZone, this.zonesConfig);
     this.tags.push(newTag);
     newTag.element.color = 'success';
-    Tag.scaleUpDown(newTag.element, () => {
-      var _a, _b;
-      (_b = (_a = this.tagConfig).onTagAdded) === null || _b === void 0 ? void 0 : _b.call(_a);
-      newTag.element.color = this.tagConfig.getColorTag(value, newTag.zone.index);
-    });
+    await Tag.scaleUpDown(newTag.element);
+    (_b = (_a = this.tagConfig).onTagAdded) === null || _b === void 0 ? void 0 : _b.call(_a);
+    newTag.element.color = this.tagConfig.getColorTag(value, newTag.zone.index);
   }
   async updateTags(opts) {
     let newValue;
@@ -312,8 +315,10 @@ class Tags extends Dropzones {
     const { newValues, oldValues } = opts;
     const hasNewValue = (((newValues === null || newValues === void 0 ? void 0 : newValues.length) || 0) > ((oldValues === null || oldValues === void 0 ? void 0 : oldValues.length) || 0)) || hasDuplicates(oldValues);
     const hasDeletedValue = ((newValues === null || newValues === void 0 ? void 0 : newValues.length) || 0) < ((oldValues === null || oldValues === void 0 ? void 0 : oldValues.length) || 0);
+    const hasDuplicatedValues = hasDuplicates(newValues);
     hasNewValue && (newValue = getNewValue(oldValues, newValues));
     hasDeletedValue && (deletedValues = getDeletedValues(oldValues, newValues));
+    this.zonesConfig.tagZoneConfig.hasOverflow && (this.tagsZone.element.style.overflow = 'hidden');
     if (newValue) {
       this.addTagFromValue(newValue);
     }
@@ -325,14 +330,21 @@ class Tags extends Dropzones {
         var _a;
         const tag = (_a = this.tags) === null || _a === void 0 ? void 0 : _a.find(t => t.value === ov);
         const newValue = newValues[i];
-        if (tag && tag.value !== newValue) {
+        if ((tag === null || tag === void 0 ? void 0 : tag.value) !== newValue) {
           tag.element.color = 'warning';
           tag.element.textContent = newValue;
           tag.value = newValue;
-          Tag.scaleUpDown(tag.element, () => tag.element.color = this.tagConfig.getColorTag(newValue, tag.zone.index));
+          Tag.scaleUpDown(tag.element).then(() => {
+            tag.element.color = this.tagConfig.getColorTag(newValue, tag.zone.index);
+          });
         }
       });
     }
+    else if (hasDuplicatedValues) {
+      const formateValues = (values) => (values === null || values === void 0 ? void 0 : values.filter((e, i, a) => a.indexOf(e) === i)) || [];
+      await Promise.all(formateValues(oldValues).map(v => this.deleteTagFromValue(v)));
+      formateValues(newValues).forEach(v => this.addTagFromValue(v));
+    }
   }
   getElements(selector, containerElement) {
     var _a;
@@ -347,19 +359,16 @@ class Tags extends Dropzones {
     this.zones.forEach(zone => {
       var _a;
       if ((_a = zone === null || zone === void 0 ? void 0 : zone.config) === null || _a === void 0 ? void 0 : _a.hasOverflow) {
-        this.hideOverflowingTagsInZone(zone.element);
+        zone.isTagsZone && (zone.element.style.removeProperty('overflow'));
+        this.hideOverflowingTagsInZone(zone.element, (te) => Tag.scaleUpDown(te));
       }
     });
   }
   async init() {
-    if (this === null || this === void 0 ? void 0 : this.tagConfig) {
+    if (this.tagConfig) {
       this.populate();
-      if (this.hostElement['animated'] && this.hostElement['isVisible'] && this.tagsZone) {
-        await this.animate();
-      }
-      else {
-        this.checkOverflowingTags();
-      }
+      this.setTagsZoneOverflow(true);
+      await this.animate();
     }
   }
   populate() {
@@ -373,31 +382,33 @@ class Tags extends Dropzones {
   }
   async animate() {
     var _a, _b;
-    const elements = (_a = this.droppableTagElements) === null || _a === void 0 ? void 0 : _a.filter(e => e);
-    const hideOverflowingTag = (te) => this.hideOverflowingTagInZone(this.tagsZone.element, te);
-    const firstTagAnimationFinishedCB = () => { var _a, _b; return (_b = (_a = this.tagConfig).onFirstTagAnimationFinished) === null || _b === void 0 ? void 0 : _b.call(_a); };
-    const firstElement = elements === null || elements === void 0 ? void 0 : elements[0];
-    gsapFromTo(elements, .75, {
-      x: (_b = this.hostElement) === null || _b === void 0 ? void 0 : _b.clientWidth,
-      opacity: 0
-    }, {
-      x: 0,
-      opacity: 1,
-      stagger: {
-        each: .25,
-        onStart() {
-          const element = this.targets()[0];
-          if (element.id === firstElement.id) {
-            firstTagAnimationFinishedCB();
+    if (this.hostElement['animated'] && this.hostElement['isVisible'] && this.tagsZone) {
+      const elements = (_a = this.droppableTagElements) === null || _a === void 0 ? void 0 : _a.filter(e => e);
+      const { onFirstTagAnimationFinished, onTagsAnimationFinished } = this.tagConfig || {};
+      const hideOverflowingTag = (tagElement) => this.hideOverflowingTagInZone(this.tagsZone.element, tagElement, () => Tag.scaleUpDown(tagElement));
+      const firstElement = elements === null || elements === void 0 ? void 0 : elements[0];
+      gsapFromTo(elements, .75, {
+        x: (_b = this.hostElement) === null || _b === void 0 ? void 0 : _b.clientWidth,
+        opacity: 0
+      }, {
+        x: 0,
+        opacity: 1,
+        stagger: {
+          each: .25,
+          onStart() {
+            var _a, _b;
+            const element = (_a = this.targets()) === null || _a === void 0 ? void 0 : _a[0];
+            hideOverflowingTag(element);
+            if (element.id === firstElement.id) {
+              onFirstTagAnimationFinished === null || onFirstTagAnimationFinished === void 0 ? void 0 : onFirstTagAnimationFinished();
+            }
+            if (element.id === ((_b = elements === null || elements === void 0 ? void 0 : elements[(elements === null || elements === void 0 ? void 0 : elements.length) - 1]) === null || _b === void 0 ? void 0 : _b.id)) {
+              onTagsAnimationFinished === null || onTagsAnimationFinished === void 0 ? void 0 : onTagsAnimationFinished();
+            }
           }
-          hideOverflowingTag(element);
         }
-      },
-      onComplete: () => {
-        var _a, _b;
-        (_b = (_a = this.tagConfig).onTagsAnimationFinished) === null || _b === void 0 ? void 0 : _b.call(_a);
-      }
-    });
+      });
+    }
   }
 }
 

package/dist/{esm/index-16090e5d.js → design-system/index-55e1ad87.js}

@@ -1,4 +1,4 @@
-import { v as IEntity, t as FormCreatorBulkActions } from './index-e917d10e.js';
+import { v as IEntity, t as FormCreatorBulkActions } from './index-eec8505b.js';
 import './workflow.interface-79064a52.js';
 import './form-field.instance-9dc4d638.js';
 import './item-sliding.interface-85f6790e.js';

package/dist/design-system/{index-cca9747a.js → index-86bad337.js}

@@ -1,5 +1,5 @@
-import { _ as __extends, c as __assign, d as __spreadArray, e as compareAsc, f as isSameDate } from './overlays-41605277.js';
-import { g as global$2, c as cloneDeep, i as isArray$1, a as isNumber$1 } from './lodash-f6e59a8e.js';
+import { _ as __extends, c as __assign, d as __spreadArray, e as compareAsc, f as isSameDate } from './overlays-b212079a.js';
+import { g as global$2, c as cloneDeep, i as isArray$1, a as isNumber$1 } from './lodash-653c0bcd.js';
 
 function shiftSlidesToNext(activeSlideIndex, slides, cachedSlides = 1) {
   const shiftedSlides = [...slides];
@@ -4909,7 +4909,15 @@ const getNextRecurrences = (value, options) => {
   }
   return result;
 };
-const getNextRecurrence = (value) => toRRule(value).after(new Date(), true);
+const getNextRecurrence = (value, timezone) => {
+  let result;
+  if (value) {
+    const rule = toRRule(value, timezone);
+    const date = rule.after(toUTC(new Date()), true);
+    result = fromUTC(date);
+  }
+  return result;
+};
 
 function combineAsyncValidators(x, y) {
   return async (a) => (await x(a)) && (await y(a));

package/dist/design-system/index-9715d613.js

@@ -0,0 +1 @@
+import './localForage-7af853de.js';

package/dist/{esm/index-f36da578.js → design-system/index-aa12e9c1.js}

@@ -1,8 +1,8 @@
-import { q as FormCreatorOptions, A as ALL_MOBILE_FORM_FIELDS, c as FormFieldType, S as ScoringCategory } from './index-e917d10e.js';
-import './index-cca9747a.js';
-import { c as cloneDeep, i as isArray, n as compact, q as isString, C as get, U as set } from './lodash-f6e59a8e.js';
+import { q as FormCreatorOptions, A as ALL_MOBILE_FORM_FIELDS, c as FormFieldType, S as ScoringCategory } from './index-eec8505b.js';
+import './index-86bad337.js';
+import { c as cloneDeep, i as isArray, n as compact, q as isString, C as get, Q as set } from './lodash-653c0bcd.js';
 import { i as isAnnotationEmpty } from './annotations-helpers-628a8ae3.js';
-import { b9 as getCustomName, aP as getUUID, X as isNullOrUndefined, a_ as findField, t as translate, Z as translateMulti, ae as showAlert, bd as generateUniqueKey, be as isValueATranslationKey, bf as isValueALegacyTranslationKey } from './overlays-41605277.js';
+import { ba as getCustomName, aQ as getUUID, X as isNullOrUndefined, a$ as findField, t as translate, Z as translateMulti, ae as showAlert, be as generateUniqueKey, bf as isValueATranslationKey, bg as isValueALegacyTranslationKey } from './overlays-b212079a.js';
 
 const starRatingMaxDefault = 5;
 function filterSequentialFields(fieldCondition) {

package/dist/design-system/{index-89afdb09.js → index-aea0ac6c.js}

@@ -1,4 +1,4 @@
-import { s as FormFieldCategory } from './index-e917d10e.js';
+import { s as FormFieldCategory } from './index-eec8505b.js';
 
 const ARROW_PAIR = ['arrow-down', 'arrow-up'];
 const NON_CONDITION_CATEGORIES = [FormFieldCategory.information, FormFieldCategory.multimedia];

package/dist/design-system/{index-becca019.js → index-b1ce6cd4.js}

@@ -2131,7 +2131,7 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId, Cstr) =>
                     BUILD.shadowDom &&
                     BUILD.shadowDomShim &&
                     cmpMeta.$flags$ & 8 /* needsShadowDomShim */) {
-                    style = await import('./shadow-css-fb10938c.js').then((m) => m.scopeCss(style, scopeId, false));
+                    style = await import('./shadow-css-4f55daee.js').then((m) => m.scopeCss(style, scopeId, false));
                 }
                 registerStyle(scopeId, style, !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */));
                 endRegisterStyles();

package/dist/{esm/index-3879e707.js → design-system/index-be6bacd5.js}

@@ -1,5 +1,5 @@
-import './index-cca9747a.js';
-import { j as isNativeMobile, cn as vibrateHapticMedium } from './overlays-41605277.js';
+import './index-86bad337.js';
+import { j as isNativeMobile, co as vibrateHapticMedium } from './overlays-b212079a.js';
 
 class GestureController {
   constructor() {