@yoobic/yobi 8.5.18 → 8.5.20

package/dist/design-system/yoo-form-date-time.entry.js

@@ -1,10 +1,10 @@
 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-f1a9c615.js';
+import './index-895ced34.js';
 import { i as isArray } from './lodash-777f91de.js';
-import { q as querySelectorDeep, g as getAppContext } from './common-helpers-d3cf439e.js';
-import { v as validate, s as setValidator, c as convertValueForInputType, a as setValueAndValidateInput, g as getTimeDisplayValue, o as onInputClear, b as onInputBlurred, d as onInputFocused } from './form-input-helpers-d40771c0.js';
-import { H as isWeb, o as isNativeMobile, w as closeModal, aq as is24Hour, ao as dateFormat, t as translate, dF as getRoundedMinutes, av as pipes, aQ as getHours, aR as getMinutes, aS as setDateHours, aT as setDateMinutes, G as showModal, F as getModalAnimation, V as isDateAfter, R as startOf, bY as endOf, N as isIOS, p as isAndroid, aN as dateSub, aO as dateAdd, a8 as getSession } from './index-998eec90.js';
+import { q as querySelectorDeep, g as getAppContext } from './common-helpers-603b83b1.js';
+import { v as validate, s as setValidator, c as convertValueForInputType, a as setValueAndValidateInput, g as getTimeDisplayValue, o as onInputClear, b as onInputBlurred, d as onInputFocused } from './form-input-helpers-cf470e44.js';
+import { H as isWeb, o as isNativeMobile, w as closeModal, aq as is24Hour, ao as dateFormat, t as translate, dF as getRoundedMinutes, av as pipes, aQ as getHours, aR as getMinutes, aS as setDateHours, aT as setDateMinutes, G as showModal, F as getModalAnimation, V as isDateAfter, R as startOf, bY as endOf, N as isIOS, p as isAndroid, aN as dateSub, aO as dateAdd, a8 as getSession } from './index-7dd54470.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formDateTimeCss = "svg:not(:root){overflow:hidden}:host{display:block;opacity:1}:host .flex{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;min-height:2.875rem;max-height:2.875rem;background:var(--light, #ffffff);border:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-08, 0.5rem)}:host .outer-container.valid{border:var(--border-width-01, 0.0625rem) solid var(--app-color, #5a30f4)}:host .outer-container.invalid{border:var(--border-width-01, 0.0625rem) solid var(--danger, #d44333)}:host .outer-container.focused{border:var(--border-width-01, 0.0625rem) solid var(--dark, #000000)}:host .outer-container .input-container input{display:inline-block;-webkit-box-sizing:content-box;box-sizing:content-box;min-width:0;margin:0;padding:0;font-family:var(--font-family, \"Lato\");line-height:1;white-space:normal;vertical-align:middle;background:none;border:0;width:100%;color:var(--dark, #000000);font-size:var(--font-size-16, 1rem);line-height:1.5;vertical-align:unset;background:var(--light, #ffffff);border:none}:host .outer-container .input-container input:focus{outline:0}:host .outer-container .input-container input[type=reset],:host .outer-container .input-container input[type=button],:host .outer-container .input-container input[type=submit],:host .outer-container .input-container input[type=checkbox],:host .outer-container .input-container input[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box}:host .outer-container .input-container input[type=search]{-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}:host .outer-container .input-container input.native{padding:0rem 1rem}:host .outer-container .icon-prefix,:host .outer-container .icon-suffix{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:var(--spacing-08, 0.5rem)}:host .outer-container .clear{padding-right:var(--spacing-08, 0.5rem)}:host .readonly{padding:0.5rem 0.5rem 0 0;color:var(--dark, #000000)}:host(.ios) .outer-container .input-container input{caret-color:transparent}:host(.history) .readonly{padding:0 !important}:host(.x-large) .readonly{font-size:var(--font-size-36, 2.25rem)}:host(.condition-block) .outer-container{border:none}:host(.condition-block) .outer-container .icon-prefix{display:none}:host(.condition-block) .outer-container .input-container input{background-color:var(--stable-light, #f1f1f1)}:host([size=medium]:not(.readonly)) .outer-container{min-height:1.875rem;max-height:1.875rem;border-radius:var(--border-radius-04, 0.25rem)}:host([size=medium]:not(.readonly)) .outer-container .input-container input{font-size:var(--font-size-14, 0.875rem)}:host([size=medium]:not(.readonly)) .outer-container .input-container input::-webkit-input-placeholder{font-size:var(--font-size-14, 0.875rem)}:host([size=medium]:not(.readonly)) .outer-container .input-container input:-moz-placeholder{font-size:var(--font-size-14, 0.875rem)}:host([size=medium]:not(.readonly)) .outer-container .input-container input::-moz-placeholder{font-size:var(--font-size-14, 0.875rem)}:host([size=medium]:not(.readonly)) .outer-container .input-container input:-ms-input-placeholder{font-size:var(--font-size-14, 0.875rem)}:host([size=small]:not(.readonly)) .outer-container{min-height:1.375rem;max-height:1.375rem;border-radius:var(--border-radius-04, 0.25rem)}:host([size=small]:not(.readonly)) .outer-container .input-container input{font-size:var(--font-size-14, 0.875rem)}:host([size=small]:not(.readonly)) .outer-container .input-container input::-webkit-input-placeholder{font-size:var(--font-size-14, 0.875rem)}:host([size=small]:not(.readonly)) .outer-container .input-container input:-moz-placeholder{font-size:var(--font-size-14, 0.875rem)}:host([size=small]:not(.readonly)) .outer-container .input-container input::-moz-placeholder{font-size:var(--font-size-14, 0.875rem)}:host([size=small]:not(.readonly)) .outer-container .input-container input:-ms-input-placeholder{font-size:var(--font-size-14, 0.875rem)}";

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import './index-f1a9c615.js';
-import { g as getAppContext } from './common-helpers-d3cf439e.js';
-import { a as setValueAndValidateInput } from './form-input-helpers-d40771c0.js';
-import { t as translate, aN as dateSub, bm as getDatesFromDateRange, H as isWeb, bn as getDatesRangeDisplay } from './index-998eec90.js';
+import './index-895ced34.js';
+import { g as getAppContext } from './common-helpers-603b83b1.js';
+import { a as setValueAndValidateInput } from './form-input-helpers-cf470e44.js';
+import { t as translate, aN as dateSub, bm as getDatesFromDateRange, H as isWeb, bn as getDatesRangeDisplay } from './index-7dd54470.js';
 import './lodash-777f91de.js';
 import './index-4bbbf966.js';
 import './_commonjsHelpers-f4d11124.js';

package/dist/design-system/yoo-form-document-dialog.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import { a8 as getSession, o as isNativeMobile, S as ScreenOrientation, W as getAsyncExtraData, p as isAndroid, t as translate, H as isWeb, fF as isDocumentEmailSupported, e1 as getPermissions, fG as isDocumentDownloadSupported, an as downloadFile, w as closeModal, ar as isFile, az as isCloudinaryLink, aD as changeExtension, ak as isVideo, dK as isAudio, d9 as getExtension, a0 as Cloudinary, fc as getType, ap as dispatchCustomEvent, fH as getNativeDirectory, fI as fileNativeCheckFile, T as isDateBefore, fJ as downloadFileToDevice, co as showActionSheet, av as pipes } from './index-998eec90.js';
-import './index-f1a9c615.js';
+import { a8 as getSession, o as isNativeMobile, S as ScreenOrientation, W as getAsyncExtraData, p as isAndroid, t as translate, H as isWeb, fF as isDocumentEmailSupported, e1 as getPermissions, fG as isDocumentDownloadSupported, an as downloadFile, w as closeModal, ar as isFile, az as isCloudinaryLink, aD as changeExtension, ak as isVideo, dK as isAudio, d9 as getExtension, a0 as Cloudinary, fc as getType, ap as dispatchCustomEvent, fH as getNativeDirectory, fI as fileNativeCheckFile, T as isDateBefore, fJ as downloadFileToDevice, co as showActionSheet, av as pipes } from './index-7dd54470.js';
+import './index-895ced34.js';
 import { p as isString } from './lodash-777f91de.js';
-import { g as getAppContext } from './common-helpers-d3cf439e.js';
+import { g as getAppContext } from './common-helpers-603b83b1.js';
 import './index-4bbbf966.js';
 import './_commonjsHelpers-f4d11124.js';
 

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import './index-f1a9c615.js';
-import { g as getFromOfflineStorage } from './localForage-e35fdab8.js';
-import { g as getAppContext } from './common-helpers-d3cf439e.js';
-import { W as getAsyncExtraData, bq as isOffline, t as translate, H as isWeb, fC as showDocumentDownloadOptions, fc as getType, o as isNativeMobile, cm as isBase64, fD as openBase64File, G as showModal, ak as isVideo, dJ as isDocument, d9 as getExtension, am as isImage, fE as toPng, ft as getIconName, fu as getIconColor } from './index-998eec90.js';
+import './index-895ced34.js';
+import { g as getFromOfflineStorage } from './localForage-fd3d41ac.js';
+import { g as getAppContext } from './common-helpers-603b83b1.js';
+import { W as getAsyncExtraData, bq as isOffline, t as translate, H as isWeb, fC as showDocumentDownloadOptions, fc as getType, o as isNativeMobile, cm as isBase64, fD as openBase64File, G as showModal, ak as isVideo, dJ as isDocument, d9 as getExtension, am as isImage, fE as toPng, ft as getIconName, fu as getIconColor } from './index-7dd54470.js';
 import './lodash-777f91de.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-4bbbf966.js';

package/dist/design-system/yoo-form-dynamic-dialog.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import './index-f1a9c615.js';
-import { g as getButton } from './button.factory-e4e19f16.js';
-import { w as closeModal, H as isWeb, t as translate, aE as toButton } from './index-998eec90.js';
+import './index-895ced34.js';
+import { g as getButton } from './button.factory-59b4e5d9.js';
+import { w as closeModal, H as isWeb, t as translate, aE as toButton } from './index-7dd54470.js';
 import './lodash-777f91de.js';
 import './index-4bbbf966.js';
 import './_commonjsHelpers-f4d11124.js';

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

@@ -1,12 +1,12 @@
 import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-a6a92b3d.js';
 import { c as FormFieldType, a1 as QUIZZ_COMPONENTS_FORM_FIELDS, p as IncentivePartType } from './index-4bbbf966.js';
-import './index-f1a9c615.js';
+import './index-895ced34.js';
 import { a as isNumber, A as isEqual, i as isArray, c as cloneDeep, b as isFunction, v as isObject, s as assign, a8 as result, a1 as flatten, y as isEmpty, a9 as findLastIndex, o as orderBy, a2 as groupBy, k as keys, a7 as range, p as isString, Z as uniqBy, n as compact, C as get, J as pick } from './lodash-777f91de.js';
-import { a as getMissionStatusIconName } from './operation-helpers-aa9121fc.js';
-import { j as lockSwipes, q as querySelectorDeep, c as querySelectorAllDeep, b as getActiveElementShadow, m as hideShowTabbar, g as getAppContext } from './common-helpers-d3cf439e.js';
-import { a as isRequired, b as getTypeValidation, c as isReadonly, s as setFieldData, u as updateFormulas, d as getDynamicProperty, e as isDisabled, f as isCreationAllowed, h as isEditionAllowed, j as generateLabel } from './form-helpers-1088935d.js';
-import { e as setValueAndResetInputValidity, a as setValueAndValidateInput } from './form-input-helpers-d40771c0.js';
-import { H as isWeb, t as translate, o as isNativeMobile, I as debounce, p as isAndroid, X as findParent, bB as getFieldValue, cO as isQuiz, en as isTimedQuiz, eo as isConfidenceAssessment, b9 as showToast, b3 as findField, k as isNullOrUndefined, a8 as getSession, dE as isKeyboardResizeModeInactive, af as disableKeyboardResize, cB as isIonic, ag as enableKeyboardResize, A as cancelRequestInterval, bG as slenderizeObject, y as requestInterval, ep as isVisible, eq as hasValue, aH as showContextMenu, G as showModal, a3 as translateMulti, Q as getCssColor, N as isIOS, er as getDistance, ap as dispatchCustomEvent, es as isFieldWithDirectValue, aM as isPresent, et as isFieldWithNoValue, eu as updateDatasetFilters, dl as isAnimationsDisabled, cL as answerIsValid, ev as getConfidenceEmoji, cI as getConfidenceDescriptionKey, M as isIphoneX, cG as isContentOnly, em as sanitizeInputValue, av as pipes, bC as getFieldReplacement, bx as evalInContext, ew as isSamsung, w as closeModal, F as getModalAnimation, ex as isPhotoOrMultiPhotosField, bk as isValueATranslationKey, bW as isSafari, ey as isChromeForIos } from './index-998eec90.js';
+import { a as getMissionStatusIconName } from './operation-helpers-7353aba9.js';
+import { j as lockSwipes, q as querySelectorDeep, c as querySelectorAllDeep, b as getActiveElementShadow, m as hideShowTabbar, g as getAppContext } from './common-helpers-603b83b1.js';
+import { a as isRequired, b as getTypeValidation, c as isReadonly, s as setFieldData, u as updateFormulas, d as getDynamicProperty, e as isDisabled, f as isCreationAllowed, h as isEditionAllowed, j as generateLabel } from './form-helpers-8abe12a0.js';
+import { e as setValueAndResetInputValidity, a as setValueAndValidateInput } from './form-input-helpers-cf470e44.js';
+import { H as isWeb, t as translate, o as isNativeMobile, I as debounce, p as isAndroid, X as findParent, bB as getFieldValue, cO as isQuiz, en as isTimedQuiz, eo as isConfidenceAssessment, b9 as showToast, b3 as findField, k as isNullOrUndefined, a8 as getSession, dE as isKeyboardResizeModeInactive, af as disableKeyboardResize, cB as isIonic, ag as enableKeyboardResize, A as cancelRequestInterval, bG as slenderizeObject, y as requestInterval, ep as isVisible, eq as hasValue, aH as showContextMenu, G as showModal, a3 as translateMulti, Q as getCssColor, N as isIOS, er as getDistance, ap as dispatchCustomEvent, es as isFieldWithDirectValue, aM as isPresent, et as isFieldWithNoValue, eu as updateDatasetFilters, dl as isAnimationsDisabled, cL as answerIsValid, ev as getConfidenceEmoji, cI as getConfidenceDescriptionKey, M as isIphoneX, cG as isContentOnly, em as sanitizeInputValue, av as pipes, bC as getFieldReplacement, bx as evalInContext, ew as isSamsung, w as closeModal, F as getModalAnimation, ex as isPhotoOrMultiPhotosField, bk as isValueATranslationKey, bW as isSafari, ey as isChromeForIos } from './index-7dd54470.js';
 import './_commonjsHelpers-f4d11124.js';
 
 function getFieldState(field, fieldsState) {
@@ -2450,12 +2450,12 @@ const YooFormDynamicComponent = class {
     formFooterType = this.isLessonPreview() ? 'next' : formFooterType;
     const relativeActiveIndex = this.showRecap ? this.activeIndex - 1 : this.activeIndex;
     return [
-      this.shouldRenderSlideContent(slide, slideIndex) ? (h("div", { class: {
+      this.shouldRenderSlideContent(slide, slideIndex) && this.isCurrentSlide(slideIndex) ? (h("div", { class: {
           'flex': true,
           'slide-container': this.showTabs,
           'slide-container no-shadow': !this.showTabs,
           'zoomed': this.getSlideState(slideIndex).zoomed
-        }, style: { display: this.isCurrentSlide(slideIndex) ? undefined : 'none' } }, h("form", { class: this.getFormClasses(slideIndex, slide), onSubmit: () => false }, h("yoo-ion-scroll", { ref: (el) => (this.scrollElements[slideIndex] = el), class: {
+        } }, h("form", { class: this.getFormClasses(slideIndex, slide), onSubmit: () => false }, h("yoo-ion-scroll", { ref: (el) => (this.scrollElements[slideIndex] = el), class: {
           'flex flex-grid': ((_b = slide === null || slide === void 0 ? void 0 : slide.items) === null || _b === void 0 ? void 0 : _b.length) === 1 && slide.items[0].type === FormFieldType.grid,
           'no-scrollbar': this.isLessonPreview(),
           'with-footer': this.shouldRenderFormFooter(formFooterType, slideIndex, lastUnlockedSlideIndex)

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

@@ -1,10 +1,10 @@
 import { r as registerInstance, i as createEvent, h, g as getElement } from './index-a6a92b3d.js';
-import './index-f1a9c615.js';
+import './index-895ced34.js';
 import { n as compact, l as uniq } from './lodash-777f91de.js';
-import { s as setValidator, a as setValueAndValidateInput } from './form-input-helpers-d40771c0.js';
-import { ac as getUserDisplayName, a8 as getSession, H as isWeb } from './index-998eec90.js';
+import { s as setValidator, a as setValueAndValidateInput } from './form-input-helpers-cf470e44.js';
+import { ac as getUserDisplayName, a8 as getSession, H as isWeb } from './index-7dd54470.js';
 import './index-4bbbf966.js';
-import './common-helpers-d3cf439e.js';
+import './common-helpers-603b83b1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formEmailreportCss = "svg:not(:root){overflow:hidden}:host .subtitle{color:var(--text-color, #807f83)}:host .readonly{padding:0.5rem 0.5rem 0 0}:host(.history) .readonly{padding:0 !important}";

package/dist/design-system/yoo-form-entity-value-pairs.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host } from './index-a6a92b3d.js';
-import './index-f1a9c615.js';
+import './index-895ced34.js';
 import { A as isEqual } from './lodash-777f91de.js';
-import { W as getAsyncExtraData, t as translate } from './index-998eec90.js';
+import { W as getAsyncExtraData, t as translate } from './index-7dd54470.js';
 import './index-4bbbf966.js';
 import './_commonjsHelpers-f4d11124.js';
 

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, e as Host } from './index-a6a92b3d.js';
-import './index-f1a9c615.js';
-import { t as translate, a3 as translateMulti, o as isNativeMobile, cK as isPdf } from './index-998eec90.js';
+import './index-895ced34.js';
+import { t as translate, a3 as translateMulti, o as isNativeMobile, cK as isPdf } from './index-7dd54470.js';
 import './lodash-777f91de.js';
 import './index-4bbbf966.js';
 import './_commonjsHelpers-f4d11124.js';

package/dist/design-system/yoo-form-feed-preview.entry.js

@@ -1,11 +1,11 @@
 import { r as registerInstance, i as createEvent, h } from './index-a6a92b3d.js';
-import { s as setValidator } from './form-input-helpers-d40771c0.js';
-import './index-998eec90.js';
+import { s as setValidator } from './form-input-helpers-cf470e44.js';
+import './index-7dd54470.js';
 import './index-4bbbf966.js';
 import './_commonjsHelpers-f4d11124.js';
 import './lodash-777f91de.js';
-import './index-f1a9c615.js';
-import './common-helpers-d3cf439e.js';
+import './index-895ced34.js';
+import './common-helpers-603b83b1.js';
 
 const formFeedPreviewCss = "svg:not(:root){overflow:hidden}:host{width:100%;height:100%}:host .readonly{border:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-04, 0.25rem)}";
 

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

@@ -1,10 +1,10 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import './index-f1a9c615.js';
+import './index-895ced34.js';
 import { a as isNumber } from './lodash-777f91de.js';
-import { g as getAppContext } from './common-helpers-d3cf439e.js';
-import { s as setValidator, a as setValueAndValidateInput } from './form-input-helpers-d40771c0.js';
+import { g as getAppContext } from './common-helpers-603b83b1.js';
+import { s as setValidator, a as setValueAndValidateInput } from './form-input-helpers-cf470e44.js';
 import { f as feedbackValues } from './index-2319a076.js';
-import { t as translate, cI as getConfidenceDescriptionKey } from './index-998eec90.js';
+import { t as translate, cI as getConfidenceDescriptionKey } from './index-7dd54470.js';
 import './index-4bbbf966.js';
 import './_commonjsHelpers-f4d11124.js';
 

package/dist/design-system/yoo-form-filter-date.entry.js

@@ -1,8 +1,8 @@
 import { h, r as registerInstance, i as createEvent } from './index-a6a92b3d.js';
 import { F as FormFilterDateOperator } from './index-4bbbf966.js';
-import './index-f1a9c615.js';
+import './index-895ced34.js';
 import { A as isEqual } from './lodash-777f91de.js';
-import { t as translate, ao as dateFormat } from './index-998eec90.js';
+import { t as translate, ao as dateFormat } from './index-7dd54470.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const Option = ({ animated, selected, size, text, onToggle }, children) => (h("div", { class: "option" },

package/dist/design-system/yoo-form-filter-number.entry.js

@@ -1,8 +1,8 @@
 import { h, r as registerInstance, i as createEvent } from './index-a6a92b3d.js';
 import { y as FormFilterNumberOperator } from './index-4bbbf966.js';
-import './index-f1a9c615.js';
+import './index-895ced34.js';
 import { A as isEqual } from './lodash-777f91de.js';
-import { t as translate } from './index-998eec90.js';
+import { t as translate } from './index-7dd54470.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const Option = ({ animated, selected, size, text, onToggle }, children) => (h("div", { class: "option" },

package/dist/design-system/yoo-form-filter-text.entry.js

@@ -1,8 +1,8 @@
 import { h, r as registerInstance, i as createEvent } from './index-a6a92b3d.js';
 import { z as FormFilterTextOperator } from './index-4bbbf966.js';
-import './index-f1a9c615.js';
+import './index-895ced34.js';
 import { A as isEqual } from './lodash-777f91de.js';
-import { t as translate } from './index-998eec90.js';
+import { t as translate } from './index-7dd54470.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formFilterTextCss = "svg:not(:root){overflow:hidden}:host{--dialog-max-height:initial;--dialog-position:initial;--dialog-width:initial}:host yoo-form-input{grid-column:2/2;width:11rem}:host .option{display:grid;grid-template-rows:repeat(2, auto);grid-template-columns:auto 1fr;-ms-flex-align:center;align-items:center;-webkit-column-gap:var(--spacing-08, 0.5rem);-moz-column-gap:var(--spacing-08, 0.5rem);column-gap:var(--spacing-08, 0.5rem)}:host .options{display:grid;margin-bottom:var(--spacing-08, 0.5rem)}:host([size=small]) yoo-form-input,:host([size=medium]) yoo-form-input{margin-top:var(--spacing-04, 0.25rem)}:host([size=small]) .options,:host([size=medium]) .options{gap:var(--spacing-08, 0.5rem)}:host([size=large]) yoo-form-input{margin-top:var(--spacing-08, 0.5rem)}:host([size=large]) .options{gap:var(--spacing-16, 1rem)}";

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import './index-f1a9c615.js';
-import { X as findParent, a3 as translateMulti, t as translate } from './index-998eec90.js';
+import './index-895ced34.js';
+import { X as findParent, a3 as translateMulti, t as translate } from './index-7dd54470.js';
 import './lodash-777f91de.js';
 import './index-4bbbf966.js';
 import './_commonjsHelpers-f4d11124.js';

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import './index-f1a9c615.js';
+import './index-895ced34.js';
 import { a as isNumber } from './lodash-777f91de.js';
-import { g as getButton } from './button.factory-e4e19f16.js';
-import { m as hideShowTabbar, g as getAppContext } from './common-helpers-d3cf439e.js';
-import { H as isWeb, ez as getTimeOneLetterFormat } from './index-998eec90.js';
+import { g as getButton } from './button.factory-59b4e5d9.js';
+import { m as hideShowTabbar, g as getAppContext } from './common-helpers-603b83b1.js';
+import { H as isWeb, ez as getTimeOneLetterFormat } from './index-7dd54470.js';
 import './index-4bbbf966.js';
 import './_commonjsHelpers-f4d11124.js';
 

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

@@ -1,11 +1,11 @@
 import { r as registerInstance, i as createEvent, h } from './index-a6a92b3d.js';
-import { s as setValidator } from './form-input-helpers-d40771c0.js';
-import './index-998eec90.js';
+import { s as setValidator } from './form-input-helpers-cf470e44.js';
+import './index-7dd54470.js';
 import './index-4bbbf966.js';
 import './_commonjsHelpers-f4d11124.js';
 import './lodash-777f91de.js';
-import './index-f1a9c615.js';
-import './common-helpers-d3cf439e.js';
+import './index-895ced34.js';
+import './common-helpers-603b83b1.js';
 
 const formFormulaCss = "svg:not(:root){overflow:hidden}:host .readonly{padding:0.5rem 0.5rem 0 0}";
 

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import './index-f1a9c615.js';
+import './index-895ced34.js';
 import { s as setPlugins, p as plugin_annotate, a as appendDefaultEditor, c as createDefaultImageReader, b as createDefaultImageWriter, d as createDefaultShapePreprocessor, l as locale_en_gb, e as plugin_annotate_locale_en_gb, m as markup_editor_locale_en_gb } from './pintura-613a12a7.js';
-import { Q as getCssColor, bs as hexToRgbArray, t as translate, a3 as translateMulti } from './index-998eec90.js';
+import { Q as getCssColor, bs as hexToRgbArray, t as translate, a3 as translateMulti } from './index-7dd54470.js';
 import './lodash-777f91de.js';
 import './index-4bbbf966.js';
 import './_commonjsHelpers-f4d11124.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/design-system/yoo-form-hotzones.entry.js

@@ -1,16 +1,16 @@
 import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import './index-f1a9c615.js';
+import './index-895ced34.js';
 import { A as isEqual } from './lodash-777f91de.js';
-import { g as getFromOfflineStorage } from './localForage-e35fdab8.js';
+import { g as getFromOfflineStorage } from './localForage-fd3d41ac.js';
 import { c as calcCoordPercentage } from './annotations-helpers-f7b42b40.js';
-import { g as getAppContext } from './common-helpers-d3cf439e.js';
-import { s as showWarningBanner, p as prepareAutoScroll } from './draggable-tags-helpers-38e7eb77.js';
-import { a as setValueAndValidateInput } from './form-input-helpers-d40771c0.js';
-import { bo as getMedia, aW as gsapTo, aV as Draggable, G as showModal, w as closeModal, at as replaceAllLinks, aB as parseMarkDown, a3 as translateMulti, H as isWeb, t as translate, bp as isPointInsidePlan } from './index-998eec90.js';
+import { g as getAppContext } from './common-helpers-603b83b1.js';
+import { s as showWarningBanner, p as prepareAutoScroll } from './draggable-tags-helpers-15800acc.js';
+import { a as setValueAndValidateInput } from './form-input-helpers-cf470e44.js';
+import { bo as getMedia, aW as gsapTo, aV as Draggable, G as showModal, w as closeModal, at as replaceAllLinks, aB as parseMarkDown, a3 as translateMulti, H as isWeb, t as translate, bp as isPointInsidePlan } from './index-7dd54470.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-4bbbf966.js';
 
-const formHotzonesCss = "svg:not(:root){overflow:hidden}:host{--hotzones-color:unset;display:block}:host yoo-banner{height:0}:host main{width:100%;margin:0 auto}:host main #image,:host main #inner-container,:host main #recto,:host main #verso{width:100%;height:100%}:host main #image{background-color:transparent;-webkit-perspective:1000px;perspective:1000px}:host main #image.flipped #inner-container{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}:host main #image #inner-container{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:-webkit-transform 0.8s;transition:-webkit-transform 0.8s;transition:transform 0.8s;transition:transform 0.8s, -webkit-transform 0.8s}:host main #image #inner-container #recto,:host main #image #inner-container #verso{background-color:var(--light, #ffffff);-webkit-backface-visibility:hidden;backface-visibility:hidden}:host main #image #inner-container #recto{position:relative}:host main #image #inner-container #verso{z-index:1;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}:host main #image #inner-container yoo-img{border-radius:var(--border-radius-08, 0.5rem)}:host main #image #inner-container .hotzone{position:absolute;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--app-color-20, rgba(90, 48, 244, 0.2));border-color:var(--app-color, #5a30f4);border-style:solid;border-width:var(--border-width-02, 0.125rem);border-radius:var(--border-radius-04, 0.25rem);cursor:pointer;-webkit-transition:background-color 250ms ease-in-out;transition:background-color 250ms ease-in-out}:host main #image #inner-container .hotzone.revealed{background-color:var(--success-20, rgba(58, 167, 109, 0.2)) !important;border-color:var(--success, #3aa76d) !important}:host([detailed-view]){background:transparent !important}:host([detailed-view]) main{display:grid;grid-template-rows:auto 1fr auto;width:100%;height:100%;margin:0 auto;overflow:hidden}:host([detailed-view]) main #content{width:100%;max-width:75%;margin:0 auto;overflow:hidden auto}:host([detailed-view]) main #content yoo-img{--border-radius:var(--border-radius-08, 0.5rem)}:host([detailed-view]) main #content #description{padding:var(--spacing-16, 1rem);padding-bottom:var(--spacing-16, 1rem);color:var(--light, #ffffff);text-align:center}:host([detailed-view]) main #content #description p{padding-bottom:var(--spacing-64, 4rem)}:host([detailed-view]) main footer{padding:var(--spacing-16, 1rem) 0}:host([detailed-view]) main footer yoo-button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto}:host(.web[detailed-view]) yoo-img{max-width:65%;margin:0 auto}:host([type=hotzone]){--initial-target-top-pos:calc(100% + var(--spacing-08, 0.5rem));--initial-target-left-pos:calc(50% - var(--spacing-24, 1.5rem))}:host([type=hotzone]) yoo-icon[name=gps]{position:absolute;top:var(--initial-target-top-pos);left:var(--initial-target-left-pos);cursor:move}:host([type=hotzone]:not([readonly])) main::after{display:block;height:3rem;content:\"\"}:host([type=hotzone]:not([readonly])) main .hotzone[hidden]{display:none !important}:host([type=hotzone]:not([readonly])) main yoo-icon{-webkit-transition:opacity 0.5s ease-in-out;transition:opacity 0.5s ease-in-out}:host([type=hotzone]:not([readonly])) main yoo-icon[hit=false]{opacity:0.25}:host([readonly]) yoo-icon[name=gps]{cursor:auto}:host([readonly]) #image #inner-container div.hotzone{display:-ms-flexbox;display:flex;cursor:auto}";
+const formHotzonesCss = "svg:not(:root){overflow:hidden}:host{--hotzones-color:unset;display:block}:host yoo-banner{height:0}:host main{width:100%;margin:0 auto}:host main #image,:host main #inner-container,:host main #recto,:host main #verso{width:100%;height:100%}:host main #image{background-color:transparent;-webkit-perspective:1000px;perspective:1000px}:host main #image.flipped #inner-container{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}:host main #image #inner-container{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:-webkit-transform 0.8s;transition:-webkit-transform 0.8s;transition:transform 0.8s;transition:transform 0.8s, -webkit-transform 0.8s}:host main #image #inner-container #recto,:host main #image #inner-container #verso{background-color:var(--light, #ffffff);-webkit-backface-visibility:hidden;backface-visibility:hidden}:host main #image #inner-container #recto{position:relative}:host main #image #inner-container #verso{z-index:1;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}:host main #image #inner-container yoo-img{border-radius:var(--border-radius-08, 0.5rem)}:host main #image #inner-container .hotzone{position:absolute;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--app-color-20, rgba(90, 48, 244, 0.2));border-color:var(--app-color, #5a30f4);border-style:solid;border-width:var(--border-width-02, 0.125rem);border-radius:var(--border-radius-04, 0.25rem);cursor:pointer;-webkit-transition:background-color 250ms ease-in-out;transition:background-color 250ms ease-in-out}:host main #image #inner-container .hotzone.revealed{background-color:var(--success-20, rgba(58, 167, 109, 0.2)) !important;border-color:var(--success, #3aa76d) !important}:host([detailed-view]){background:transparent !important}:host([detailed-view]) main{display:grid;grid-template-rows:auto 1fr auto;width:100%;height:100%;margin:0 auto;overflow:hidden}:host([detailed-view]) main #content{width:100%;max-width:75%;margin:0 auto;overflow:hidden auto}:host([detailed-view]) main #content yoo-img{--border-radius:var(--border-radius-08, 0.5rem)}:host([detailed-view]) main #content #description{padding:var(--spacing-16, 1rem);padding-bottom:var(--spacing-16, 1rem);color:var(--light, #ffffff);text-align:center}:host([detailed-view]) main #content #description p{padding-bottom:var(--spacing-64, 4rem)}:host([detailed-view]) main footer{padding:var(--spacing-16, 1rem) 0}:host([detailed-view]) main footer yoo-button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto}:host(.web[detailed-view]) yoo-img{max-width:65%;margin:0 auto}:host([type=hotzone]){--initial-target-top-pos:calc(100% + var(--spacing-08, 0.5rem));--initial-target-left-pos:calc(50% - var(--spacing-24, 1.5rem))}:host([type=hotzone]) yoo-icon[name=gps]{position:absolute;top:var(--initial-target-top-pos);left:var(--initial-target-left-pos);cursor:move}:host([type=hotzone]:not([readonly])) main::after{display:block;height:3rem;content:\"\"}:host([type=hotzone]:not([readonly])) main yoo-icon{-webkit-transition:opacity 0.5s ease-in-out;transition:opacity 0.5s ease-in-out}:host([type=hotzone]:not([readonly])) main yoo-icon[hit=false]{opacity:0.25}:host([readonly]) yoo-icon[name=gps]{cursor:auto}:host([readonly]) #image #inner-container div.hotzone{display:-ms-flexbox;display:flex;cursor:auto}";
 
 const YooFormHotzonesComponent = class {
   constructor(hostRef) {
@@ -59,6 +59,9 @@ const YooFormHotzonesComponent = class {
   get isHotZones() {
     return this.type === 'hotzone';
   }
+  get hotzoneElements() {
+    return Array.from(this.host.shadowRoot.querySelectorAll('.hotzone')) || [];
+  }
   async componentWillLoad() {
     await this.prepareImage();
   }
@@ -80,6 +83,9 @@ const YooFormHotzonesComponent = class {
         this.flipImage = false;
       }, 500);
   }
+  submitValue() {
+    setValueAndValidateInput(this.value, this);
+  }
   async resetTarget() {
     if (this.isHotZones) {
       await gsapTo(this.targetElement, 0.25, {
@@ -87,18 +93,19 @@ const YooFormHotzonesComponent = class {
         left: getComputedStyle(this.host).getPropertyValue('--initial-target-left-pos')
       });
       this.value = null;
-      setValueAndValidateInput(this.value, this);
+      this.submitValue();
     }
   }
   initDraggableTarget() {
-    var _a;
     let draggable;
-    const imgElement = (_a = this.boundElement) === null || _a === void 0 ? void 0 : _a.querySelector('yoo-img');
+    const hostElement = this.host;
+    const imgElement = hostElement === null || hostElement === void 0 ? void 0 : hostElement.shadowRoot.querySelector('yoo-img');
     const onDrag = () => {
       const isHit = draggable.hitTest(imgElement, '50%');
       this.targetElement.setAttribute('hit', isHit);
+      this.hotzoneElements.forEach(element => this.isZoneHit = draggable.hitTest(element, '50%'));
     };
-    const onRelease = async () => {
+    const onRelease = () => {
       if (this.targetElement.getAttribute('hit') === 'false') {
         this.targetElement.removeAttribute('hit');
         this.resetTarget();
@@ -107,16 +114,16 @@ const YooFormHotzonesComponent = class {
         const getTargetCenterPosition = (axis) => calcCoordPercentage(imgElement.getBoundingClientRect(), this.targetElement, axis);
         this.value = {
           x: getTargetCenterPosition('x'),
-          y: getTargetCenterPosition('y')
+          y: getTargetCenterPosition('y'),
+          hit: this.isZoneHit
         };
-        setValueAndValidateInput(this.value, this);
+        this.submitValue();
       }
     };
     if (this.targetElement && !this.readonly) {
       draggable = new Draggable(this.targetElement, {
         type: 'top, left',
         autoScroll: 1,
-        bound: this.boundElement,
         cursor: 'grab',
         zIndexBoost: false,
         onDrag,
@@ -140,10 +147,11 @@ const YooFormHotzonesComponent = class {
       const { style, revealed, description, image } = hotzone || {};
       const { x, y } = style || {};
       const isValid = this.isHotZones || !!(description || image);
-      return (isValid && (h("div", { class: { hotzone: true, revealed }, hidden: !this.readonly && this.isHotZones, style: {
+      return (isValid && (h("div", { class: { hotzone: true, revealed }, style: {
+          ...hotzone.style,
           left: x,
           top: y,
-          ...hotzone.style,
+          opacity: !this.readonly && this.isHotZones ? '0' : '1',
           ...(!revealed &&
             !this.readonly && {
             backgroundColor: this.hotzonesColor + '66',
@@ -163,7 +171,7 @@ const YooFormHotzonesComponent = class {
     ];
   }
   renderTarget() {
-    var _a;
+    var _a, _b;
     return (this.isHotZones &&
       !!this.imageSrc && (h("yoo-icon", { name: "gps", size: "extra-large", style: {
         ...(!this.readonly && { fill: this.hotzonesColor }),
@@ -173,7 +181,7 @@ const YooFormHotzonesComponent = class {
         })
       }, ...(this.readonly
         ? {
-          color: ((_a = this.hotzones) === null || _a === void 0 ? void 0 : _a.some(({ style }) => {
+          color: ((_a = this.value.hit) !== null && _a !== void 0 ? _a : (_b = this.hotzones) === null || _b === void 0 ? void 0 : _b.some(({ style }) => {
             const { x, y, width, height } = style || {};
             return isPointInsidePlan({
               x: parseFloat(x),
@@ -190,14 +198,14 @@ const YooFormHotzonesComponent = class {
         }), ref: (el) => (this.targetElement = el) })));
   }
   renderImage() {
-    return (!!this.imageSrc && (h("section", { id: "image", class: { flipped: this.animated && !!this.flipImage && !this.readonly } }, h("div", { id: "inner-container" }, h("div", { id: "recto", ref: (e) => (this.boundElement = e) }, h("yoo-img", { instant: true, src: this.imageSrc, ignoreHeight: true, ignoreWidth: true, disableAspectRatioCalc: true, allowCloudinary: false }), this.renderZones(), this.renderTarget()), h("div", { id: "verso" })))));
+    return (!!this.imageSrc && (h("section", { id: "image", class: { flipped: this.animated && !!this.flipImage && !this.readonly } }, h("div", { id: "inner-container" }, h("div", { id: "recto" }, h("yoo-img", { instant: true, src: this.imageSrc, ignoreHeight: true, ignoreWidth: true, disableAspectRatioCalc: true, allowCloudinary: false }), this.renderZones(), this.renderTarget()), h("div", { id: "verso" })))));
   }
   renderBanner() {
     return (this.livePreview &&
       !this.readonly && (h("yoo-banner", null, h("p", { slot: "content" }))));
   }
   renderMain() {
-    return h("main", null, this.detailedView ? this.renderDetailedView() : [this.renderImage()]);
+    return h("main", null, this.detailedView ? this.renderDetailedView() : this.renderImage());
   }
   render() {
     return (h(Host, { class: { 'swiper-no-swiping': true, ...getAppContext(this.host) } }, this.renderBanner(), this.renderMain()));

package/dist/design-system/yoo-form-iframe-dialog.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-a6a92b3d.js';
-import './index-f1a9c615.js';
-import { w as closeModal } from './index-998eec90.js';
+import './index-895ced34.js';
+import { w as closeModal } from './index-7dd54470.js';
 import './lodash-777f91de.js';
 import './index-4bbbf966.js';
 import './_commonjsHelpers-f4d11124.js';

package/dist/design-system/yoo-form-image-collection.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import './index-f1a9c615.js';
-import './index-d398d8a9.js';
-import { o as openImageDetailFromRTE, g as getAppContext } from './common-helpers-d3cf439e.js';
-import { g as getFromOfflineStorage } from './localForage-e35fdab8.js';
-import { G as showModal, bo as getMedia, w as closeModal, at as replaceAllLinks, aB as parseMarkDown, a3 as translateMulti, H as isWeb, t as translate } from './index-998eec90.js';
+import './index-895ced34.js';
+import './index-67ac0de2.js';
+import { o as openImageDetailFromRTE, g as getAppContext } from './common-helpers-603b83b1.js';
+import { g as getFromOfflineStorage } from './localForage-fd3d41ac.js';
+import { G as showModal, bo as getMedia, w as closeModal, at as replaceAllLinks, aB as parseMarkDown, a3 as translateMulti, H as isWeb, t as translate } from './index-7dd54470.js';
 import './lodash-777f91de.js';
 import './_commonjsHelpers-f4d11124.js';
 import './index-4bbbf966.js';

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

@@ -1,10 +1,10 @@
 import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement$1 } from './index-a6a92b3d.js';
-import './index-f1a9c615.js';
+import './index-895ced34.js';
 import { a as isAnnotationValid, b as getElement, d as getAnnotationPositionStyle } from './annotations-helpers-f7b42b40.js';
-import { g as getAppContext } from './common-helpers-d3cf439e.js';
-import { s as setDotIndexes, h as hideAllDotTooltips, c as createDot, g as getDotInnerElement, a as showDotTooltip, b as getDotToolTipElement, d as hideAllUnFocusedTooltips, f as formatAnnotationForExport, e as saveTooltipContent, r as reorderDotIndexes, i as deleteDot, j as deleteEmptyDots } from './draggable-dots-helpers-e65cb5db.js';
-import { a as setValueAndValidateInput } from './form-input-helpers-d40771c0.js';
-import { aU as getUUID, aX as gsapSet, aW as gsapTo, aV as Draggable, bt as isTranslationKey, t as translate } from './index-998eec90.js';
+import { g as getAppContext } from './common-helpers-603b83b1.js';
+import { s as setDotIndexes, h as hideAllDotTooltips, c as createDot, g as getDotInnerElement, a as showDotTooltip, b as getDotToolTipElement, d as hideAllUnFocusedTooltips, f as formatAnnotationForExport, e as saveTooltipContent, r as reorderDotIndexes, i as deleteDot, j as deleteEmptyDots } from './draggable-dots-helpers-404bf1a0.js';
+import { a as setValueAndValidateInput } from './form-input-helpers-cf470e44.js';
+import { aU as getUUID, aX as gsapSet, aW as gsapTo, aV as Draggable, bt as isTranslationKey, t as translate } from './index-7dd54470.js';
 import './lodash-777f91de.js';
 import './index-4bbbf966.js';
 import './_commonjsHelpers-f4d11124.js';

package/dist/design-system/yoo-form-image-tagging.entry.js

@@ -1,15 +1,15 @@
 import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-a6a92b3d.js';
-import './index-f1a9c615.js';
+import './index-895ced34.js';
 import { A as isEqual } from './lodash-777f91de.js';
-import './index-d398d8a9.js';
-import { i as initTags } from './index-593f4c00.js';
+import './index-67ac0de2.js';
+import { i as initTags } from './index-77a05dc1.js';
 import { g as getPercentPositionStyle } from './annotations-helpers-f7b42b40.js';
-import { s as showWarningBanner, h as hasDuplicates, c as checkArray, f as filterDuplicateEntries } from './draggable-tags-helpers-38e7eb77.js';
-import { a as setValueAndValidateInput } from './form-input-helpers-d40771c0.js';
-import { a3 as translateMulti, bo as getMedia, t as translate } from './index-998eec90.js';
-import { g as getFromOfflineStorage } from './localForage-e35fdab8.js';
+import { s as showWarningBanner, h as hasDuplicates, c as checkArray, f as filterDuplicateEntries } from './draggable-tags-helpers-15800acc.js';
+import { a as setValueAndValidateInput } from './form-input-helpers-cf470e44.js';
+import { a3 as translateMulti, bo as getMedia, t as translate } from './index-7dd54470.js';
+import { g as getFromOfflineStorage } from './localForage-fd3d41ac.js';
 import './index-4bbbf966.js';
-import './common-helpers-d3cf439e.js';
+import './common-helpers-603b83b1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formImageTaggingCss = "svg:not(:root){overflow:hidden}:host{display:block}:host yoo-banner{height:0}:host yoo-tag{position:relative;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}:host #image{position:relative}:host #image #overlay,:host #image yoo-img{border-radius:var(--border-radius-08, 0.5rem)}:host #image .dropzone{position:absolute;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--spacing-32, 2rem);height:var(--spacing-32, 2rem);background-color:var(--light, #ffffff);border-radius:50%;-webkit-box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1))}:host(:not([readonly])) main::-webkit-scrollbar{display:none}:host(:not([readonly])) #image #overlay{position:absolute;top:0;width:100%;height:100%;background-color:var(--dark-10, rgba(0, 0, 0, 0.1));opacity:0;-webkit-transition:opacity 350ms ease-in-out;transition:opacity 350ms ease-in-out}:host(:not([readonly])) #image .dropzone[hit]{background-color:var(--app-color, #5a30f4)}:host(:not([readonly])) #instructions{margin:var(--spacing-16, 1rem) 0 0;padding:var(--spacing-08, 0.5rem);color:var(--stable, #adadad)}:host(:not([readonly])) #zone-tags{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:baseline;align-content:baseline;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;min-height:5rem;padding:var(--spacing-08, 0.5rem);white-space:nowrap;border:var(--border-width-01, 0.0625rem) solid transparent;border-radius:var(--border-radius-08, 0.5rem)}:host(:not([readonly])) #zone-tags[hit]{background-color:var(--stable-ultralight, #fafafa);border:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(:not([readonly])) #zone-tags yoo-tag{margin-right:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-08, 0.5rem)}:host([animated]) yoo-img{-webkit-animation:scale-up 0.35s ease-in-out 0.35s;animation:scale-up 0.35s ease-in-out 0.35s}@-webkit-keyframes scale-up{from{-webkit-transform:scale(0.85);transform:scale(0.85)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-up{from{-webkit-transform:scale(0.85);transform:scale(0.85)}to{-webkit-transform:scale(1);transform:scale(1)}}:host([animated]) .dropzone{-webkit-transition:all 250ms linear;transition:all 250ms linear}:host([animated]) .dropzone[hidden]{-webkit-transform:scale(0);transform:scale(0)}";

package/dist/design-system/yoo-form-incentive-targets.entry.js

@@ -1,10 +1,10 @@
 import { r as registerInstance, i as createEvent, f as forceUpdate, h } from './index-a6a92b3d.js';
-import './index-f1a9c615.js';
-import { a as setValueAndValidateInput } from './form-input-helpers-d40771c0.js';
-import { aU as getUUID, t as translate } from './index-998eec90.js';
+import './index-895ced34.js';
+import { a as setValueAndValidateInput } from './form-input-helpers-cf470e44.js';
+import { aU as getUUID, t as translate } from './index-7dd54470.js';
 import './lodash-777f91de.js';
 import './index-4bbbf966.js';
-import './common-helpers-d3cf439e.js';
+import './common-helpers-603b83b1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formIncentiveTargetsCss = "svg:not(:root){overflow:hidden}:host .inner-container{margin-bottom:var(--spacing-24, 1.5rem)}:host .header-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:var(--spacing-16, 1rem);padding-bottom:var(--spacing-08, 0.5rem);font-weight:bold;font-size:var(--font-size-20, 1.25rem);border-bottom:solid 1px var(--stable-light, #f1f1f1)}:host .title-container{display:-ms-flexbox;display:flex;margin-bottom:var(--spacing-08, 0.5rem)}:host .title-container yoo-form-input-container{-ms-flex:0.5;flex:0.5;padding-right:var(--spacing-32, 2rem)}:host .add-bloc-container{display:-ms-flexbox;display:flex;padding-right:var(--spacing-32, 2rem)}:host .add-bloc-container yoo-button{-ms-flex:0.5;flex:0.5}";

package/dist/design-system/yoo-form-input-comments.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, i as createEvent, h, e as Host } from './index-a6a92b3d.js';
-import './index-f1a9c615.js';
-import { ac as getUserDisplayName } from './index-998eec90.js';
+import './index-895ced34.js';
+import { ac as getUserDisplayName } from './index-7dd54470.js';
 import './lodash-777f91de.js';
 import './index-4bbbf966.js';
 import './_commonjsHelpers-f4d11124.js';