@yoobic/yobi 8.2.2 → 8.3.0-2

package/dist/{esm/dom-7cd9cf71.js → design-system/dom-0440435d.js}

@@ -1,5 +1,5 @@
 /*
- Stencil Client Patch Browser v2.15.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.16.1 | 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/design-system/{draggable-dots-helpers-07dc9074.js → draggable-dots-helpers-6c901fc6.js}

@@ -1,6 +1,7 @@
-import { aJ as Draggable, _ as getSession, as as getCurrentLanguage, aI as getUUID, y as getCssColor, bh as getContrastColor, aK as gsapTo, bi as scaleUpAnimation, bj as convertSvgToBase64, bb as getMedia, n as showModal } from './index-8124f773.js';
-import { M as isFinite, T as inRange } from './lodash-063b88d5.js';
+import './index-fa45e1bf.js';
+import { M as isFinite, T as inRange } from './lodash-bf91c7a4.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 { aC as Draggable, X as getSession, an as getCurrentLanguage, aB as getUUID, A as getCssColor, ba as getContrastColor, aD as gsapTo, bb as scaleUpAnimation, bc as convertSvgToBase64, b4 as getMedia, p as showModal } from './overlays-0b66aaed.js';
 
 const EEditorActions = {
   typeTool: 'type-tool',

package/dist/{esm/draggable-tags-helpers-127fcf8b.js → design-system/draggable-tags-helpers-022defda.js}

@@ -1,5 +1,6 @@
-import { t as translate } from './index-8124f773.js';
-import { O as countBy } from './lodash-063b88d5.js';
+import './index-fa45e1bf.js';
+import { O as countBy } from './lodash-bf91c7a4.js';
+import { t as translate } from './overlays-0b66aaed.js';
 
 function checkArray(array) {
   return !!((array === null || array === void 0 ? void 0 : array.length) && Array.isArray(array));

package/dist/design-system/{entities-helpers-9b6c1bab.js → entities-helpers-9221b49b.js}

@@ -1,6 +1,7 @@
-import { M as MessageType } from './index-cbc2c080.js';
-import { a7 as getUserDisplayName, W as pipes, aq as replaceAtTagToMentionTag, ar as isCloudinaryLink, as as getCurrentLanguage, E as getAsyncExtraData, at as replaceAllLinks, au as parseMarkDown, _ as getSession, av as isPhotoEdited, aw as changeExtension, T as translateMulti, ax as toButton, ay as toDate, az as capitalizeFirstLetter, ah as isGif, t as translate } from './index-8124f773.js';
-import { l as isNumber, j as compact } from './lodash-063b88d5.js';
+import { M as MessageType } from './index-a3ff76e2.js';
+import './index-fa45e1bf.js';
+import { a as isNumber, n as compact } from './lodash-bf91c7a4.js';
+import { a0 as getUserDisplayName, ah as pipes, al as replaceAtTagToMentionTag, am as isCloudinaryLink, an as getCurrentLanguage, G as getAsyncExtraData, ao as replaceAllLinks, ap as parseMarkDown, X as getSession, aq as isPhotoEdited, ar as changeExtension, V as translateMulti, as as toButton, at as toDate, au as capitalizeFirstLetter, aa as isGif, t as translate } from './overlays-0b66aaed.js';
 
 const mentionRegex = /<yoo-mention-tag[^>]*>([\s\S]*?)<\/yoo-mention-tag>/g;
 /**

package/dist/{esm/filters-helpers-cd48b1ed.js → design-system/filters-helpers-5ddadec9.js}

@@ -1,6 +1,7 @@
-import { c as FormFieldType } from './index-cbc2c080.js';
-import { dV as isTextField, t as translate, o as isWeb } from './index-8124f773.js';
-import { S as set, j as compact } from './lodash-063b88d5.js';
+import { c as FormFieldType } from './index-a3ff76e2.js';
+import './index-fa45e1bf.js';
+import { S as set, n as compact } from './lodash-bf91c7a4.js';
+import { dN as isTextField, t as translate, q as isWeb } from './overlays-0b66aaed.js';
 
 function isWithValuesField(field) {
   var _a;

package/dist/design-system/form-choice-helpers-c98262b6.js

@@ -0,0 +1,169 @@
+import './index-fa45e1bf.js';
+import { P as findIndex, y as isEqual, n as compact, Q as shuffle } from './lodash-bf91c7a4.js';
+import { h as hasDuplicates, s as showWarningAlert } from './draggable-tags-helpers-022defda.js';
+import { a as setValueAndValidateInput, s as setValidator } from './form-input-helpers-10937a07.js';
+import { h, r as registerInstance, i as createEvent, e as Host, g as getElement } from './index-906d845d.js';
+import { s as setColorSVG } from './common-helpers-87635b55.js';
+import { V as translateMulti, i as isChromatic, t as translate, U as isNullOrUndefined } from './overlays-0b66aaed.js';
+import { h as highcharts } from './highcharts-aa7fb692.js';
+
+const ReadonlyCard = ({ value, values, answer, valuesColor, classNames }) => {
+  var _a;
+  const classes = typeof classNames === 'string' ? classNames : Object.keys(classNames).join(' ');
+  return h("div", { class: { [classes]: !!classes, 'readonly-card': true } }, !!value && ((_a = (Array.isArray(value) ? value : [value])) === null || _a === void 0 ? void 0 : _a.map((val) => {
+    var _a, _b, _c;
+    const isCorrect = answer === null || answer === void 0 ? void 0 : answer.includes(val);
+    const title = (_b = (_a = values) === null || _a === void 0 ? void 0 : _a.find((v) => !highcharts.isString(v) && (v === null || v === void 0 ? void 0 : v.value) === val)) === null || _b === void 0 ? void 0 : _b.title;
+    return h("div", { class: { text: true, valid: answer && isCorrect, invalid: answer && !isCorrect }, style: { color: (_c = valuesColor === null || valuesColor === void 0 ? void 0 : valuesColor.find(e => e.key === val)) === null || _c === void 0 ? void 0 : _c.value }, innerHTML: translateMulti(title || val) });
+  })));
+};
+
+const formChoiceCardCss = ":host([readonly]){padding:0.5rem 0.5rem 0 0;-ms-flex-pack:start;justify-content:flex-start;color:var(--dark, #000000)}:host([readonly]) .image-container{max-width:var(--spacing-80, 5rem);margin-right:var(--spacing-24, 1.5rem);margin-bottom:0;padding-bottom:0;border-bottom:none}:host([readonly]) .image-container .content{position:relative;width:var(--spacing-80, 5rem);height:var(--spacing-80, 5rem);overflow:hidden;border-radius:var(--border-radius-08, 0.5rem)}:host([readonly]) .image-container .content::before{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;opacity:0.4;content:\"\"}:host([readonly]) .image-container .content yoo-img{height:100%;border-radius:var(--border-radius-08, 0.5rem)}:host([readonly]) .image-container .content.correct-answer{border:var(--border-width-01, 0.0625rem) solid var(--success, #3aa76d)}:host([readonly]) .image-container .content.correct-answer::before{background-color:var(--success, #3aa76d)}:host([readonly]) .image-container .content.wrong-answer{border:var(--border-width-01, 0.0625rem) solid var(--danger, #d44333)}:host([readonly]) .image-container .content.wrong-answer::before{background-color:var(--danger, #d44333)}:host([readonly]) .image-container .text{white-space:unset;text-align:center;-webkit-line-clamp:2}:host([is-pdf]) .image-container{width:100%}:host([is-pdf]) .image-container .content{max-width:22.5rem}:host([is-pdf]) .image-container .content yoo-img{border:none;border-radius:0}:host([is-pdf]) .image-container .text{text-align:left}:host([is-pdf]) .image-container:not(:last-child){margin-bottom:var(--spacing-16, 1rem);padding-bottom:var(--spacing-16, 1rem)}.readonly-card{width:100%}.readonly-card .invalid{color:var(--danger, #d44333)}.readonly-card .valid{color:var(--success, #3aa76d)}.readonly-card.chat{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;color:var(--dark, #000000)}.readonly-card.chat .text:not(:last-of-type){margin-bottom:var(--spacing-08, 0.5rem)}.readonly-card.chat .text{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:var(--spacing-04, 0.25rem) var(--spacing-08, 0.5rem);border-radius:var(--border-radius-16, 1rem)}.readonly-card.chat .text.valid{color:var(--light, #ffffff);background-color:var(--success, #3aa76d)}.readonly-card.chat .text.invalid{color:var(--light, #ffffff);background-color:var(--danger, #d44333)}:host(.history:not(.forcedhistory)){padding:0}:host(.history:not(.forcedhistory))>.text,:host(.history:not(.forcedhistory)) .card .text,:host(.history:not(.forcedhistory)) .button .text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;margin-right:var(--spacing-16, 1rem)}:host{--card-border-color:var(--stable-alt, #d0d0d0);--card-border-radius:var(--border-radius-04, 0.25rem);--card-check-icon-color-unselected:var(--stable, #adadad);--card-check-icon-position-right:var(--spacing-08, 0.5rem);--card-check-icon-position-top:var(--spacing-16, 1rem);--card-check-icon-size:var(--icon-size-02, 1.5rem);--card-description-color:var(--text-color, #807f83);--card-description-padding-top:var(--spacing-08, 0.5rem);--card-heading-color-selected:var(--app-color, #5a30f4);--card-heading-font-weight:var(--font-weight-900, 900);--card-heading-padding-top:0;--card-text-align:center;--card-width:8rem;--item-spacing:var(--spacing-16, 1rem);width:100%;height:100%}:host yoo-banner{height:0}:host .card-grid{height:100%}:host .card-grid .select{position:relative;-ms-flex:1;flex:1;padding:var(--spacing-16, 1rem);border:solid var(--border-width-01, 0.0625rem) var(--card-border-color);border-radius:var(--card-border-radius);cursor:pointer}:host .card-grid .select yoo-img,:host .card-grid .select yoo-lottie{padding-bottom:var(--spacing-08, 0.5rem)}:host .card-grid .select yoo-img{width:var(--spacing-96, 6rem);margin:0 auto}:host .card-grid .select #heading,:host .card-grid .select #description{margin:0;font-size:var(--font-size-14, 0.875rem);white-space:normal;text-align:var(--card-text-align);word-break:break-word}:host .card-grid .select #heading{padding-top:var(--card-heading-padding-top);font-weight:var(--card-heading-font-weight)}:host .card-grid .select #description{padding-top:var(--card-description-padding-top);color:var(--card-description-color)}:host .card-grid .select #emoji{font-size:var(--font-size-42, 2.625rem);text-align:center}:host .card-grid .select #icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:100%}:host .card-grid .select yoo-icon[name=check]{position:absolute;top:var(--card-check-icon-position-top);right:var(--card-check-icon-position-right);width:var(--card-check-icon-size);height:var(--card-check-icon-size);fill:var(--card-check-icon-color-unselected)}:host .card-grid.selected .select{background:var(--app-color-20, rgba(90, 48, 244, 0.2));border:solid var(--border-width-01, 0.0625rem) var(--app-color, #5a30f4)}:host .card-grid.selected .select #description{color:var(--app-color, #5a30f4)}:host(:not([readonly])) .card-grid{display:grid;grid-gap:var(--item-spacing);grid-template-columns:repeat(auto-fit, minmax(var(--card-width), 1fr))}:host(.has-one) .card-grid{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host(.has-checkmark) .select.selected{border:solid var(--border-width-01, 0.0625rem) var(--app-color, #5a30f4)}:host(.has-checkmark) .select.selected #heading{color:var(--card-heading-color-selected)}:host(.has-checkmark) .select.selected yoo-icon[name=check]{fill:var(--app-color, #5a30f4)}:host(.has-image) .select.selected{background-color:var(--app-color-20, rgba(90, 48, 244, 0.2));border-color:var(--app-color, #5a30f4);-webkit-transition:background-color 250ms ease-in;transition:background-color 250ms ease-in}";
+
+const YooFormChoiceCardComponent = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.validityChanged = createEvent(this, "validityChanged", 7);
+    this.inputBlurred = createEvent(this, "inputBlurred", 7);
+    this.inputFocused = createEvent(this, "inputFocused", 7);
+    this.inputChanged = createEvent(this, "inputChanged", 7);
+    this.choiceSelected = createEvent(this, "choiceSelected", 7);
+    this.multiple = false;
+    this.validators = [];
+    this.shuffled = false;
+    this.values = [];
+    this.selection = [];
+    this.imgElements = [];
+    this.choices = [];
+  }
+  componentWillLoad() {
+    var _a;
+    prepareChoice(this);
+    (_a = this.imgElements) === null || _a === void 0 ? void 0 : _a.forEach((imgRef) => setColorSVG(imgRef.shadowRoot.querySelector('svg'), imgRef.classList.contains('selected') ? 'app-color' : 'stable'));
+  }
+  componentDidLoad() {
+    hasWarnings(this.values, this);
+  }
+  renderIcon(icon, selected) {
+    return h("yoo-icon", { id: "icon", color: selected ? 'app-color' : 'dark', size: "extra-large", name: icon });
+  }
+  renderLottie(lottie) {
+    return h("yoo-lottie", { type: lottie, autoplay: !isChromatic(), loop: true });
+  }
+  renderImage(image, selected, index) {
+    return h("yoo-img", { svgOptions: { beforeInject: (_, svg) => selected && setColorSVG(svg, 'app-color') }, ref: (el) => (this.imgElements[index] = el), class: { selected }, src: image });
+  }
+  renderEmoji(emoji) {
+    return h("div", { id: "emoji" }, emoji);
+  }
+  renderTitle(title) {
+    return h("div", { id: "heading" }, this.useTranslate ? translate(title.toUpperCase()) : translateMulti(title));
+  }
+  renderDescription(description) {
+    return h("p", { id: "description" }, translate(description));
+  }
+  renderCardContent(item, selected, index) {
+    const { icon, image, lottie, description, emoji, title } = item || {};
+    return [
+      icon && this.renderIcon(icon, selected),
+      lottie && this.renderLottie(lottie),
+      image && this.renderImage(image, selected, index),
+      emoji && this.renderEmoji(emoji),
+      title && this.renderTitle(title),
+      description && this.renderDescription(description)
+    ];
+  }
+  renderCheckContainer() {
+    return h("yoo-icon", { name: "check" });
+  }
+  renderSelect(item, index) {
+    const selected = ((isSelected('true', this.selection) && index === 0) ||
+      (isSelected('false', this.selection) && index === 0) ||
+      isSelected(item.value || item.title, this.selection) ||
+      isSelected(item || item.title, this.selection));
+    return (((item === null || item === void 0 ? void 0 : item.icon) || (item === null || item === void 0 ? void 0 : item.lottie) || (item === null || item === void 0 ? void 0 : item.image) || (item === null || item === void 0 ? void 0 : item.description) || (item === null || item === void 0 ? void 0 : item.title)) &&
+      h("div", { class: { 'select': true, selected }, style: { ...(this.maxWidth > 0 && { maxWidth: `${this.maxWidth}px` }) }, onClick: () => this.customEvent ? this.choiceSelected.emit(item.value || item.title) : onItemSelect(item.value || item.title, this) }, this.renderCardContent(item, selected, index), !item.image &&
+        !item.lottie &&
+        !item.hideCheckbox &&
+        this.renderCheckContainer()));
+  }
+  renderCardGrid() {
+    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" }));
+  }
+  render() {
+    var _a, _b, _c;
+    const hasImage = !this.readonly && (!!((_a = this.choices[0]) === null || _a === void 0 ? void 0 : _a.image) || !!((_b = this.choices[0]) === null || _b === void 0 ? void 0 : _b.lottie));
+    return (h(Host, { class: { 'has-checkmark': !hasImage, 'has-image': hasImage, 'has-one': !this.readonly && ((_c = this.choices) === null || _c === void 0 ? void 0 : _c.length) === 1 } }, this.readonly ?
+      h(ReadonlyCard, { value: this.value, values: this.values, valuesColor: this.valuesColor, classNames: "card" }) : [
+      this.renderBanner(),
+      this.renderCardGrid()
+    ]));
+  }
+  get host() { return getElement(this); }
+};
+YooFormChoiceCardComponent.style = formChoiceCardCss;
+
+function isSelected(item, selection) {
+  const tmpSelection = [].concat(selection);
+  const index = findIndex(tmpSelection, (s) => isEqual(item, s));
+  return index >= 0;
+}
+function onItemSelect(item, choiceElement, preventSetValue = false) {
+  if (choiceElement instanceof YooFormChoiceCardComponent && choiceElement.customEvent) {
+    choiceElement.choiceSelected.emit(item);
+  }
+  else if (!choiceElement.readonly) {
+    const index = choiceElement.selection.indexOf(item);
+    if (choiceElement.multiple) {
+      choiceElement.selection =
+        index < 0 ? [...choiceElement.selection, item] : [...choiceElement.selection.slice(0, index), ...choiceElement.selection.slice(index + 1)];
+    }
+    else {
+      choiceElement.selection = index < 0 ? [item] : [];
+    }
+    if (!preventSetValue) {
+      setValueAndValidateInput(choiceElement.multiple ? choiceElement.selection : choiceElement.selection[0], choiceElement);
+    }
+  }
+}
+function getColor(value, valuesColor, selection) {
+  var _a;
+  if ((valuesColor === null || valuesColor === void 0 ? void 0 : valuesColor.length) && value) {
+    return isSelected(value, selection) ? ((_a = valuesColor.find(({ key }) => key === value)) === null || _a === void 0 ? void 0 : _a.value) || '' : '';
+  }
+  return '';
+}
+function updateValue(newVal, oldVal, choiceElement, onSelectCall) {
+  if (!isEqual(oldVal, newVal)) {
+    choiceElement.selection = [];
+    compact([].concat(newVal)).forEach((v) => {
+      !onSelectCall ? onItemSelect(v, choiceElement, true) : onSelectCall(v);
+    });
+  }
+}
+function updateValues(newVal, oldVal, choiceElement, warningMsgs) {
+  if (!isEqual(newVal, oldVal) && !hasWarnings(newVal, choiceElement, warningMsgs)) {
+    choiceElement.choices = updateChoices(choiceElement.values, choiceElement.shuffled);
+  }
+}
+function prepareChoice(choiceElement) {
+  setValidator(choiceElement);
+  if (!isNullOrUndefined(choiceElement.value)) {
+    choiceElement.selection = [].concat(choiceElement.value);
+  }
+  choiceElement.choices = updateChoices(choiceElement.values, choiceElement.shuffled);
+}
+function hasWarnings(values, choiceElement, warningMsgs) {
+  const duplicateMessage = 'NODUPLICATEVALUES';
+  const hasDuplicatedValues = hasDuplicates(values);
+  showWarningAlert(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) {
+  return shuffled ? shuffle(values) : values;
+}
+
+export { ReadonlyCard as R, YooFormChoiceCardComponent as Y, updateValue as a, getColor as g, hasWarnings as h, isSelected as i, onItemSelect as o, prepareChoice as p, updateValues as u };

package/dist/design-system/{form-helpers-9497ce34.js → form-helpers-784cc9b0.js}

@@ -1,6 +1,7 @@
-import { c as FormFieldType } from './index-cbc2c080.js';
-import { _ as getSession, R as isNullOrUndefined, bk as evalInContext, bl as evalConditionsInContext, bm as VALIDATORS, aB as getReducedValidator, bn as getNameAndData, bo as getFieldsFromSlides, bp as getFieldValue, bq as getFieldReplacement, E as getAsyncExtraData, br as getSessionReplacementValue, bs as escapeRegExp, bt as slenderizeObject, bu as getFormulaReplacement, bv as isDateTimeField, t as translate } from './index-8124f773.js';
-import { p as isString, a as isArray, s as isObject, c as concat, S as set, A as get, U as sumBy, y as isEqual, w as cloneDeep, l as isNumber } from './lodash-063b88d5.js';
+import { c as FormFieldType } from './index-a3ff76e2.js';
+import { V as VALIDATORS, g as getReducedValidator } from './index-fa45e1bf.js';
+import { q as isString, i as isArray, t as isObject, d as concat, S as set, A as get, U as sumBy, y as isEqual, c as cloneDeep, a as isNumber } from './lodash-bf91c7a4.js';
+import { X as getSession, U as isNullOrUndefined, bd as evalInContext, be as evalConditionsInContext, bf as getNameAndData, bg as getFieldsFromSlides, bh as getFieldValue, bi as getFieldReplacement, G as getAsyncExtraData, bj as getSessionReplacementValue, bk as escapeRegExp, bl as slenderizeObject, bm as getFormulaReplacement, bn as isDateTimeField, t as translate } from './overlays-0b66aaed.js';
 
 function isCreationAllowed(field, isVisible, isDisabled, isReadOnly = false) {
   return !!field.allowCreate && isVisible && !isDisabled && isReadOnly !== true;

package/dist/design-system/{form-input-helpers-2d1cd91f.js → form-input-helpers-10937a07.js}

@@ -1,6 +1,7 @@
-import { aB as getReducedValidator, aC as getReducedAsyncValidator, R as isNullOrUndefined, r as findParent, aD as dateIsValid, aE as isPresent, ay as toDate, d as isNativeMobile, Z as dateFormat, v as isIOS, aF as dateSub, aG as dateAdd, e as isAndroid, aH as Keyboard } from './index-8124f773.js';
-import { c as FormFieldType } from './index-cbc2c080.js';
-import { e as getActiveElementShadow, q as querySelectorDeep, f as querySelectorAllDeep } from './common-helpers-882ed431.js';
+import { U as isNullOrUndefined, v as findParent, aw as dateIsValid, ax as isPresent, at as toDate, f as isNativeMobile, ad as dateFormat, x as isIOS, ay as dateSub, az as dateAdd, h as isAndroid, aA as Keyboard } from './overlays-0b66aaed.js';
+import { c as FormFieldType } from './index-a3ff76e2.js';
+import { g as getReducedValidator, a as getReducedAsyncValidator } from './index-fa45e1bf.js';
+import { e as getActiveElementShadow, q as querySelectorDeep, f as querySelectorAllDeep } from './common-helpers-87635b55.js';
 
 let inputBlur = true;
 function focusContentEditable(inputElement) {

package/dist/design-system/{form-text-area-helpers-2dfbd3c6.js → form-text-area-helpers-58adddcb.js}

@@ -1,5 +1,6 @@
-import { a7 as getUserDisplayName, y as getCssColor, dj as getRange } from './index-8124f773.js';
-import { T as inRange } from './lodash-063b88d5.js';
+import { d as getRange } from './index-fa45e1bf.js';
+import { T as inRange } from './lodash-bf91c7a4.js';
+import { a0 as getUserDisplayName, A as getCssColor } from './overlays-0b66aaed.js';
 
 /**
  * Safely insert element

package/dist/{esm/geolocation-helpers-5410bdac.js → design-system/geolocation-helpers-66992c2e.js}

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

package/dist/{esm/grid-renderers-d78eedaf.js → design-system/grid-renderers-bfcdc63c.js}

@@ -1,11 +1,12 @@
-import { c as FormFieldType, h as IncentiveStatus, n as IncentivePartType, i as IncentiveType } from './index-cbc2c080.js';
-import { y as getCssColor, T as translateMulti, t as translate, dQ as groupsResolver, dR as aclRolesResolver, W as pipes, Z as dateFormat, ay as toDate, bJ as dateParse, ak as dispatchCustomEvent, bA as dateDiff, dS as toHours, dT as utc, a7 as getUserDisplayName, cJ as salesAIGetColorFromPattern, cK as salesAIFormatDemand, ax as toButton } from './index-8124f773.js';
-import { a2 as findKey, a as isArray, i as isFunction, l as isNumber, j as compact, p as isString, A as get, v as isEmpty, D as indexOf, s as isObject, k as keys, d as map, r as round } from './lodash-063b88d5.js';
-import { a as getPositionText } from './incentive-helpers-5d29eb5b.js';
-import { e as getWorkflowStepBadge } from './missions-helpers-64041913.js';
-import { d as dateRangeState } from './common-helpers-882ed431.js';
-import { g as getJSONHighlighted } from './form-helpers-9497ce34.js';
-import { f as formatDistance } from './geolocation-helpers-5410bdac.js';
+import { c as FormFieldType, h as IncentiveStatus, n as IncentivePartType, i as IncentiveType } from './index-a3ff76e2.js';
+import './index-fa45e1bf.js';
+import { a2 as findKey, i as isArray, b as isFunction, a as isNumber, n as compact, q as isString, A as get, w as isEmpty, D as indexOf, t as isObject, k as keys, h as map, r as round } from './lodash-bf91c7a4.js';
+import { a as getPositionText } from './incentive-helpers-26f75e6c.js';
+import { e as getWorkflowStepBadge } from './missions-helpers-938d5eb0.js';
+import { d as dateRangeState } from './common-helpers-87635b55.js';
+import { g as getJSONHighlighted } from './form-helpers-784cc9b0.js';
+import { f as formatDistance } from './geolocation-helpers-66992c2e.js';
+import { A as getCssColor, V as translateMulti, t as translate, dI as groupsResolver, dJ as aclRolesResolver, ah as pipes, ad as dateFormat, at as toDate, bE as dateParse, ae as dispatchCustomEvent, bs as dateDiff, dK as toHours, dL as utc, a0 as getUserDisplayName, cD as salesAIGetColorFromPattern, cE as salesAIFormatDemand, as as toButton } from './overlays-0b66aaed.js';
 
 const countryFlag = (country) => {
   return getFlagEmoji(getCountryCode(country));
@@ -445,6 +446,13 @@ function booleanRenderer(params) {
   }
   return '';
 }
+function colorRenderer(params) {
+  const value = params.value;
+  if (params.isExport) {
+    return value;
+  }
+  return value ? `<yoo-form-color-field value="${value}" />` : '';
+}
 function translateRenderer(params) {
   var _a;
   const value = params.value;
@@ -742,13 +750,16 @@ function imageRenderer(params) {
 function videoRenderer(params) {
   return (params === null || params === void 0 ? void 0 : params.value) ? '<video class="ag-cell-image video" src="' + params.value + '"></video>' : '';
 }
+function audioRenderer(params) {
+  return (params === null || params === void 0 ? void 0 : params.value) ? '<yoo-form-capture readonly="true" size="small" type="audio" value="' + params.value + '"></yoo-form-capture>' : '';
+}
 function starratingRenderer(params) {
-  var _a, _b;
+  var _a, _b, _c, _d;
   let max = 5;
   if ((_b = (_a = params.colDef) === null || _a === void 0 ? void 0 : _a.cellRendererParams) === null || _b === void 0 ? void 0 : _b.max) {
     max = params.colDef.cellRendererParams.max;
   }
-  return '<yoo-form-star-rating class="ag-cell-image app-color" readonly="true" max="' + max + '" value="' + params.value + '"></yoo-form-star-rating>';
+  return '<yoo-form-star-rating class="ag-cell-image app-color" readonly="true" type="' + (((_d = (_c = params === null || params === void 0 ? void 0 : params.colDef) === null || _c === void 0 ? void 0 : _c.fieldDefinition) === null || _d === void 0 ? void 0 : _d.useButtons) ? 'button' : 'star') + '" max="' + max + '" value="' + params.value + '"></yoo-form-star-rating>';
 }
 function jsonRenderer(params) {
   const json = getJSONHighlighted(params.value);
@@ -1553,6 +1564,8 @@ function getRenderer(renderer) {
       return tagsRenderer;
     case 'booleanRenderer':
       return booleanRenderer;
+    case 'colorRenderer':
+      return colorRenderer;
     case 'numberRenderer':
       return numberRenderer;
     case 'numberWithVariationRenderer':
@@ -1585,6 +1598,8 @@ function getRenderer(renderer) {
       return multiphotoRenderer;
     case 'imageRenderer':
       return imageRenderer;
+    case 'audioRenderer':
+      return audioRenderer;
     case 'videoRenderer':
       return videoRenderer;
     case 'starratingRenderer':

package/dist/design-system/{gridstack-dd-native-09690dbe.js → gridstack-dd-native-8cdc52bc.js}

@@ -1,9 +1,9 @@
-import { a as createCommonjsModule, g as getDefaultExportFromCjs, c as commonjsGlobal } from './_commonjsHelpers-f4d11124.js';
+import { c as createCommonjsModule, g as getDefaultExportFromCjs, a as commonjsGlobal } from './_commonjsHelpers-bda24d0a.js';
 
 var ddManager = createCommonjsModule(function (module, exports) {
 "use strict";
 /**
- * dd-manager.ts 5.1.0
+ * dd-manager.ts 5.1.1
  * Copyright (c) 2021 Alain Dumesny - see GridStack root license
  */
 Object.defineProperty(exports, "__esModule", { value: true });
@@ -19,7 +19,7 @@ const ddManager$1 = /*@__PURE__*/getDefaultExportFromCjs(ddManager);
 var ddResizableHandle = createCommonjsModule(function (module, exports) {
 "use strict";
 /**
- * dd-resizable-handle.ts 5.1.0
+ * dd-resizable-handle.ts 5.1.1
  * Copyright (c) 2021-2022 Alain Dumesny - see GridStack root license
  */
 Object.defineProperty(exports, "__esModule", { value: true });
@@ -106,7 +106,7 @@ const ddResizableHandle$1 = /*@__PURE__*/getDefaultExportFromCjs(ddResizableHand
 var ddBaseImpl = createCommonjsModule(function (module, exports) {
 "use strict";
 /**
- * dd-base-impl.ts 5.1.0
+ * dd-base-impl.ts 5.1.1
  * Copyright (c) 2021-2022 Alain Dumesny - see GridStack root license
  */
 Object.defineProperty(exports, "__esModule", { value: true });
@@ -151,7 +151,7 @@ var ddUtils = createCommonjsModule(function (module, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DDUtils = void 0;
 /**
- * dd-utils.ts 5.1.0
+ * dd-utils.ts 5.1.1
  * Copyright (c) 2021 Alain Dumesny - see GridStack root license
  */
 class DDUtils {
@@ -248,7 +248,7 @@ const ddUtils$1 = /*@__PURE__*/getDefaultExportFromCjs(ddUtils);
 var utils = createCommonjsModule(function (module, exports) {
 "use strict";
 /**
- * utils.ts 5.1.0
+ * utils.ts 5.1.1
  * Copyright (c) 2021 Alain Dumesny - see GridStack root license
  */
 Object.defineProperty(exports, "__esModule", { value: true });
@@ -660,7 +660,7 @@ const utils$1 = /*@__PURE__*/getDefaultExportFromCjs(utils);
 var ddResizable = createCommonjsModule(function (module, exports) {
 "use strict";
 /**
- * dd-resizable.ts 5.1.0
+ * dd-resizable.ts 5.1.1
  * Copyright (c) 2021-2022 Alain Dumesny - see GridStack root license
  */
 Object.defineProperty(exports, "__esModule", { value: true });
@@ -944,7 +944,7 @@ const ddResizable$1 = /*@__PURE__*/getDefaultExportFromCjs(ddResizable);
 var ddDraggable = createCommonjsModule(function (module, exports) {
 "use strict";
 /**
- * dd-draggable.ts 5.1.0
+ * dd-draggable.ts 5.1.1
  * Copyright (c) 2021-2022 Alain Dumesny - see GridStack root license
  */
 Object.defineProperty(exports, "__esModule", { value: true });
@@ -1143,11 +1143,11 @@ class DDDraggable extends ddBaseImpl.DDBaseImplement {
         // don't bother restoring styles if we're gonna remove anyway...
         if (this.dragElementOriginStyle && (!node || !node._isAboutToRemove)) {
             let helper = this.helper;
-            DDDraggable.originStyleProp.forEach(prop => helper.style[prop] = this.dragElementOriginStyle[prop] || null);
-            // show up instantly otherwise we animate to off the grid when switching back to 'absolute' from 'fixed'
-            helper.style.transition = 'none';
+            // don't animate, otherwise we animate offseted when switching back to 'absolute' from 'fixed' 
             let transition = this.dragElementOriginStyle['transition'] || null;
-            setTimeout(() => helper.style.transition = transition, 0); // recover animation from saved vars
+            helper.style.transition = this.dragElementOriginStyle['transition'] = 'none';
+            DDDraggable.originStyleProp.forEach(prop => helper.style[prop] = this.dragElementOriginStyle[prop] || null);
+            setTimeout(() => helper.style.transition = transition, 50); // recover animation from saved vars after a pause (0 isn't enough #1973)
         }
         delete this.dragElementOriginStyle;
         return this;
@@ -1251,7 +1251,7 @@ const ddDraggable$1 = /*@__PURE__*/getDefaultExportFromCjs(ddDraggable);
 var ddDroppable = createCommonjsModule(function (module, exports) {
 "use strict";
 /**
- * dd-droppable.ts 5.1.0
+ * dd-droppable.ts 5.1.1
  * Copyright (c) 2021-2022 Alain Dumesny - see GridStack root license
  */
 Object.defineProperty(exports, "__esModule", { value: true });
@@ -1424,7 +1424,7 @@ const ddDroppable$1 = /*@__PURE__*/getDefaultExportFromCjs(ddDroppable);
 var ddElement = createCommonjsModule(function (module, exports) {
 "use strict";
 /**
- * dd-elements.ts 5.1.0
+ * dd-elements.ts 5.1.1
  * Copyright (c) 2021 Alain Dumesny - see GridStack root license
  */
 Object.defineProperty(exports, "__esModule", { value: true });
@@ -1524,7 +1524,7 @@ const ddElement$1 = /*@__PURE__*/getDefaultExportFromCjs(ddElement);
 var gridstackDdi = createCommonjsModule(function (module, exports) {
 "use strict";
 /**
- * gridstack-ddi.ts 5.1.0
+ * gridstack-ddi.ts 5.1.1
  * Copyright (c) 2021 Alain Dumesny - see GridStack root license
  */
 Object.defineProperty(exports, "__esModule", { value: true });
@@ -1557,7 +1557,7 @@ const gridstackDdi$1 = /*@__PURE__*/getDefaultExportFromCjs(gridstackDdi);
 var gridstackEngine = createCommonjsModule(function (module, exports) {
 "use strict";
 /**
- * gridstack-engine.ts 5.1.0
+ * gridstack-engine.ts 5.1.1
  * Copyright (c) 2021-2022 Alain Dumesny - see GridStack root license
  */
 Object.defineProperty(exports, "__esModule", { value: true });
@@ -2466,7 +2466,7 @@ const gridstackEngine$1 = /*@__PURE__*/getDefaultExportFromCjs(gridstackEngine);
 var types = createCommonjsModule(function (module, exports) {
 "use strict";
 /**
- * types.ts 5.1.0
+ * types.ts 5.1.1
  * Copyright (c) 2021 Alain Dumesny - see GridStack root license
  */
 Object.defineProperty(exports, "__esModule", { value: true });
@@ -2490,7 +2490,7 @@ var __exportStar = (commonjsGlobal && commonjsGlobal.__exportStar) || function(m
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GridStack = void 0;
 /*!
- * GridStack 5.1.0
+ * GridStack 5.1.1
  * https://gridstackjs.com/
  *
  * Copyright (c) 2021-2022 Alain Dumesny
@@ -3955,7 +3955,7 @@ const gridstack$1 = /*@__PURE__*/getDefaultExportFromCjs(gridstack);
 var gridstackDd = createCommonjsModule(function (module, exports) {
 "use strict";
 /**
- * gridstack-dd.ts 5.1.0
+ * gridstack-dd.ts 5.1.1
  * Copyright (c) 2021 Alain Dumesny - see GridStack root license
  */
 Object.defineProperty(exports, "__esModule", { value: true });
@@ -4611,7 +4611,7 @@ const gridstackDd$1 = /*@__PURE__*/getDefaultExportFromCjs(gridstackDd);
 var gridstackDdNative = createCommonjsModule(function (module, exports) {
 "use strict";
 /**
- * gridstack-dd-native.ts 5.1.0
+ * gridstack-dd-native.ts 5.1.1
  * Copyright (c) 2021-2022 Alain Dumesny - see GridStack root license
  */
 var __createBinding = (commonjsGlobal && commonjsGlobal.__createBinding) || (Object.create ? (function(o, m, k, k2) {

package/dist/{esm/hammer-helpers-0b560cb3.js → design-system/hammer-helpers-3296b860.js}

@@ -1,4 +1,4 @@
-import { a as createCommonjsModule } from './_commonjsHelpers-f4d11124.js';
+import { c as createCommonjsModule } from './_commonjsHelpers-bda24d0a.js';
 
 var hammer = createCommonjsModule(function (module) {
 /*! Hammer.JS - v2.0.7 - 2016-04-22

package/dist/{esm/highcharts-c1be7540.js → design-system/highcharts-aa7fb692.js}

@@ -1,4 +1,4 @@
-import { a as createCommonjsModule, c as commonjsGlobal } from './_commonjsHelpers-f4d11124.js';
+import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers-bda24d0a.js';
 
 var highcharts = createCommonjsModule(function (module) {
 /*

package/dist/design-system/{incentive-helpers-5d29eb5b.js → incentive-helpers-26f75e6c.js}

@@ -1,6 +1,7 @@
-import { m as IncentiveStatusBadges, n as IncentivePartType } from './index-cbc2c080.js';
-import { a4 as getIncentiveState, t as translate, a5 as appendIncentiveUnit, a6 as getParticipantsScore } from './index-8124f773.js';
-import { r as round } from './lodash-063b88d5.js';
+import { m as IncentiveStatusBadges, n as IncentivePartType } from './index-a3ff76e2.js';
+import './index-fa45e1bf.js';
+import { r as round } from './lodash-bf91c7a4.js';
+import { Z as getIncentiveState, t as translate, _ as appendIncentiveUnit, $ as getParticipantsScore } from './overlays-0b66aaed.js';
 
 /**
  * @function getIncentiveStatusBadgeSettings

package/dist/design-system/index-16f08ffd.js

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

package/dist/design-system/{index-27b62bf4.js → index-17849bfa.js}

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

package/dist/design-system/{index-865324db.js → index-3545432e.js}

@@ -1,7 +1,8 @@
-import { q as FormCreatorOptions, A as ALL_MOBILE_FORM_FIELDS, c as FormFieldType, S as ScoringCategory } from './index-cbc2c080.js';
-import { b2 as getCustomName, aI as getUUID, R as isNullOrUndefined, aT as findField, t as translate, T as translateMulti, ae as showAlert, b6 as generateUniqueKey, b7 as isValueATranslationKey, b8 as isValueALegacyTranslationKey } from './index-8124f773.js';
-import { w as cloneDeep, a as isArray, p as isString, A as get, S as set, j as compact } from './lodash-063b88d5.js';
+import { q as FormCreatorOptions, A as ALL_MOBILE_FORM_FIELDS, c as FormFieldType, S as ScoringCategory } from './index-a3ff76e2.js';
+import './index-fa45e1bf.js';
+import { c as cloneDeep, i as isArray, q as isString, A as get, S as set, n as compact } from './lodash-bf91c7a4.js';
 import { i as isAnnotationEmpty } from './annotations-helpers-628a8ae3.js';
+import { aX as getCustomName, aB as getUUID, U as isNullOrUndefined, aM as findField, t as translate, V as translateMulti, a7 as showAlert, a$ as generateUniqueKey, b0 as isValueATranslationKey, b1 as isValueALegacyTranslationKey } from './overlays-0b66aaed.js';
 
 const starRatingMaxDefault = 5;
 function filterSequentialFields(fieldCondition) {

package/dist/design-system/index-74fb0c04.js

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

package/dist/{esm/index-90cf7137.js → design-system/index-7e7e4a8b.js}

@@ -1,6 +1,7 @@
-import { aI as getUUID, aJ as Draggable, T as translateMulti, aK as gsapTo, aL as gsapSet, aM as gsapFromTo } from './index-8124f773.js';
-import { y as isEqual } from './lodash-063b88d5.js';
-import { h as hasDuplicates, a as getNewValue, g as getDeletedValues } from './draggable-tags-helpers-127fcf8b.js';
+import './index-fa45e1bf.js';
+import { y as isEqual } from './lodash-bf91c7a4.js';
+import { h as hasDuplicates, a as getNewValue, g as getDeletedValues } from './draggable-tags-helpers-022defda.js';
+import { aB as getUUID, aC as Draggable, V as translateMulti, aD as gsapTo, aE as gsapSet, aF as gsapFromTo } from './overlays-0b66aaed.js';
 
 class Dropzone {
   constructor(config, element, index) {

package/dist/design-system/{index-f1d27f3d.js → index-8b73f528.js}

@@ -1,4 +1,4 @@
-import { c3 as cordova, c4 as IonicNativePlugin } from './index-8124f773.js';
+import { b_ as cordova, b$ as IonicNativePlugin } from './overlays-0b66aaed.js';
 
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {