@yoobic/yobi 7.7.41 → 7.7.42

package/dist/design-system/index.esm.js

@@ -1 +1 @@
-export{v as videoPlayerStates}from"./p-efc2ac49.js";export{f as feedbackValues}from"./p-e3675bae.js";export{f as fieldStateOptions}from"./p-54c62ad4.js";export{g as getFromLocalForage,a as getFromOfflineStorage}from"./p-54ff1147.js";export{G as GESTURE_CONTROLLER,c as createGesture,j as filterCleanupNewField,b as filterFromFormField,f as filterIsAutocomplete,a as filterIsAutocompleteLocal,d as filterIsBoolean,g as filterIsDate,h as filterIsNumber,e as filterIsText,k as filterRenderFormDynamic,l as getScanditKey,m as isEndSide,i as isKanbanColumnField}from"./p-6971ba3f.js";export{H as Hammer,a as hammerDirections,h as hammerTypes,b as isBottomSwipe,d as isLeftSwipe,c as isRightSwipe,i as isTopSwipe,s as setupHammer}from"./p-82a609d3.js";export{j as getAnnotationPositionStyle,g as getElement,e as getPercentPositionStyle,h as getPercentPositionValue,f as getPhotoSVG,d as getPointerCoordinates,a as isAnnotationDeleted,i as isAnnotationEmpty,c as isAnnotationFocused,b as isAnnotationValid,k as isElementInsideContainer}from"./p-9de400aa.js";export{D as DefaultBadges,M as MediaPictureOptions,c as canBeRetried,b as getPicture,g as getPictureMaxSize,d as getVideo,e as getVideoDevices,a as importMultipleFromLibrary,i as isLessonCompleted,s as showAudioRecorder}from"./p-09088888.js";export{a as addTapped,r as removeTapped,t as toggleElementTapped}from"./p-ab504cff.js";export{g as getMediaImageDimensions,p as parseMediaMessageForPhotoEditors,s as showMessageInfoDialog}from"./p-1a3440c7.js";export{c as changeRgbOpacity}from"./p-1e2e99fc.js";export{A as cloudinary,t as dateRangeState,d as debounceEvent,c as decreaseMaxHeight,e as execHandlerAndStopEvent,p as filterDuplicateItems,k as getActiveElementShadow,f as getAppContext,x as getConfig,h as getNextValueInArray,r as getNotificationIcon,b as getScreenHeight,g as getScreenWidth,w as getSizeModal,j as getWindowHeightRatio,n as hideShowSearchBar,o as hideShowTabbar,v as isHexaOrRGBColor,m as lifecycleEvents,l as loadScript,i as lockSwipes,y as querySelectorAllDeep,z as querySelectorDeep,u as sanitizeHTML,q as setColorSVG,s as showPhotoEditor,a as showSlidesMedia}from"./p-e68604b7.js";export{g as getElementDimensions}from"./p-f5d0d8f6.js";export{c as createDot,d as deleteDot,a as deleteDots,b as deleteEmptyDots,i as getDotCoordsFromEvent,k as getDotInnerElement,j as getDotToolTipElement,h as hideAllDotTooltips,e as hideAllUnFocusedTooltips,r as reorderDotIndexes,f as saveTooltipContent,g as setDotEditable,l as setDotIndexes,s as showDotTooltip}from"./p-062b03ab.js";export{q as animateTags,d as checkArray,t as dropToZone,f as filterDuplicateEntries,j as getDroppedTagsValues,g as getDuplicatedValue,b as getNewValue,k as getTagZone,e as getTagsValues,i as hasDropZones,a as hasDuplicates,h as hasValuesChanged,p as initTags,u as initZones,n as isDropZoneFull,o as isTagInZone,m as isTagOverlapping,l as isTagsZone,r as resetTags,s as setDynamicTagZoneHeight,c as showWarningAlert}from"./p-72fe82e5.js";export{g as groupsFullResolver,o as onUserClick,p as parseEntityCommentsForCardList,b as parseEntityForCardListChat,a as parseEntityForCardMedia,s as sanitizeMentionTag}from"./p-c1ce2a0d.js";export{d as generateLabel,e as getDynamicProperty,f as getJSONHighlighted,g as getTypeValidation,h as initArrayValue,i as isCreationAllowed,c as isDisabled,b as isReadonly,a as isRequired,s as setFieldData,u as updateFormulas}from"./p-3ea3dc83.js";export{c as blurActiveElement,d as convertValueForInputType,f as focusContentEditable,e as formatMinMaxDate,i as getFormBottomPosition,g as getTimeDisplayValue,n as initNumber,k as onFocus,h as onIconClicked,m as onInputBlurred,o as onInputClear,l as onInputFocused,j as onValidityChanged,s as setValidator,a as setValueAndResetInputValidity,b as setValueAndValidateInput,t as taskStyle,v as validate}from"./p-c492e667.js";export{f as fixParagraphRandomEl,e as fuzzySearch,d as getInsertElementProp,g as getSelection,c as getTagHTML,i as isMentionTag,r as restoreCursorPosition,s as safeInsert,a as safeInsertElements,b as safeReplaceElement}from"./p-4f306782.js";export{f as formatDistance,g as getGeolocation}from"./p-ebaea471.js";export{d as applyViewBox,c as getFormattedImageURL,b as getImageScaleFactor,g as getImageSize,a as getResizedImageSize,u as updateSVGCustomColors}from"./p-36dacbe8.js";export{g as getIncentiveStatusBadgeSettings,c as getParticipant,a as getPositionText,b as getProgressText,e as getTotalSalesBreakdown,d as getUserScore}from"./p-83dd0c5e.js";export{g as generateFilterGroups,b as getMapCSSClasses,h as hasSameMarkers,i as isMarkersLayer,a as isSelectedMarkersLayer,c as isWebGLSupported,l as layersFromKeys,s as showDirectionsActionSheet}from"./p-7c35109f.js";export{a as intersectionObserve,i as isIntersectionObserverSupported,r as resizeObserve}from"./p-0328d9e0.js";export{c as closingDays}from"./p-3cdd23cb.js";export{k as cleanupTodoSlides,l as cleanupTodoTaskSlides,m as getCampaignStateTags,g as getCampaignTemplateTags,d as getMissionColor,e as getMissionDataStateTags,a as getMissionStateTags,h as getMissionStatusIconName,c as getMissionUniqueKey,f as getProductBatchDateTag,i as getProductBatchProgressColor,j as getWaitlistVisitTags,b as getWorkflowStepBadge}from"./p-17ca9bca.js";export{L as LANGUAGES_DATA,f as fixVideoSource,d as getDailymotionPlayerAPI,g as getSourceType,e as getVideoId,h as getVideoSubtitlesFromFiles,b as getVimeoPlayerAPI,c as getYoutubeIFrameAPI,a as getYoutubeId,o as openVideoPlayerInModal,u as updateCloudinaryDim}from"./p-423dea0b.js";export{a as attachComponent,d as detachComponent}from"./p-1e373d56.js";export{B as BACKDROP,c as createOverlay,d as dismissOverlay,e as eventMethod,g as getTopOverlay,o as onceEvent,r as removeLastOverlay}from"./p-1e7fbce6.js";export{a as createColorClasses,c as createThemedClasses,g as getClassMap,h as hostContext}from"./p-f89c0486.js";import"./p-cef3e535.js";import"./p-4d956bd4.js";import"./p-c26cc6ff.js";import"./p-be748e7e.js";import"./p-d7093ffe.js";import"./p-fb265fb3.js";import"./p-2de7b03a.js";import"./p-6e6a2b39.js";import"./p-a1142cd3.js";import"./p-dba0c929.js";import"./p-e4414951.js";import"./p-66276219.js";import"./p-216b2927.js";import"./p-70b3d072.js";import"./p-773567d1.js";import"./p-a0ddfd0f.js";import"./p-29203fa2.js";import"./p-bd19a341.js";import"./p-c4388b4c.js";import"./p-d9e56655.js";import"./p-2e351be9.js";import"./p-8b07fc6e.js";import"./p-e0d6fbed.js";import"./p-eba60085.js";import"./p-cbb48ea7.js";import"./p-91118816.js";import"./p-8e965cb3.js";import"./p-2293f794.js";import"./p-cd72e5cb.js";import"./p-3b40f968.js";import"./p-22734a9b.js";import"./p-6bd222bf.js";import"./p-ba705441.js";import"./p-4a402d56.js";import"./p-061bf8c1.js";import"./p-966f7b7c.js";import"./p-4679d1d7.js";import"./p-14f4460e.js";import"./p-5d188f8a.js";import"./p-3b7e52ee.js";import"./p-381ade16.js";import"./p-b4aad66a.js";import"./p-974b2173.js";import"./p-2e1a2405.js";import"./p-a5410c5f.js";import"./p-dcda9659.js";import"./p-e311beb5.js";import"./p-69ac997a.js";import"./p-90c34aff.js";import"./p-dbe40191.js";import"./p-d76643c1.js";import"./p-b4ee4fb6.js";import"./p-da76a732.js";import"./p-182fb8b9.js";import"./p-74183731.js";import"./p-73f89afa.js";import"./p-384319af.js";
+export{v as videoPlayerStates}from"./p-efc2ac49.js";export{f as feedbackValues}from"./p-e3675bae.js";export{f as fieldStateOptions}from"./p-54c62ad4.js";export{g as getFromLocalForage,a as getFromOfflineStorage}from"./p-54ff1147.js";export{G as GESTURE_CONTROLLER,c as createGesture,j as filterCleanupNewField,b as filterFromFormField,f as filterIsAutocomplete,a as filterIsAutocompleteLocal,d as filterIsBoolean,g as filterIsDate,h as filterIsNumber,e as filterIsText,k as filterRenderFormDynamic,l as getScanditKey,m as isEndSide,i as isKanbanColumnField}from"./p-6971ba3f.js";export{H as Hammer,a as hammerDirections,h as hammerTypes,b as isBottomSwipe,d as isLeftSwipe,c as isRightSwipe,i as isTopSwipe,s as setupHammer}from"./p-82a609d3.js";export{j as getAnnotationPositionStyle,g as getElement,e as getPercentPositionStyle,h as getPercentPositionValue,f as getPhotoSVG,d as getPointerCoordinates,a as isAnnotationDeleted,i as isAnnotationEmpty,c as isAnnotationFocused,b as isAnnotationValid,k as isElementInsideContainer}from"./p-9de400aa.js";export{D as DefaultBadges,M as MediaPictureOptions,c as canBeRetried,b as getPicture,g as getPictureMaxSize,d as getVideo,e as getVideoDevices,a as importMultipleFromLibrary,i as isLessonCompleted,s as showAudioRecorder}from"./p-09088888.js";export{a as addTapped,r as removeTapped,t as toggleElementTapped}from"./p-ab504cff.js";export{g as getMediaImageDimensions,p as parseMediaMessageForPhotoEditors,s as showMessageInfoDialog}from"./p-1a3440c7.js";export{c as changeRgbOpacity}from"./p-1e2e99fc.js";export{A as cloudinary,t as dateRangeState,d as debounceEvent,c as decreaseMaxHeight,e as execHandlerAndStopEvent,p as filterDuplicateItems,k as getActiveElementShadow,f as getAppContext,x as getConfig,h as getNextValueInArray,r as getNotificationIcon,b as getScreenHeight,g as getScreenWidth,w as getSizeModal,j as getWindowHeightRatio,n as hideShowSearchBar,o as hideShowTabbar,v as isHexaOrRGBColor,m as lifecycleEvents,l as loadScript,i as lockSwipes,y as querySelectorAllDeep,z as querySelectorDeep,u as sanitizeHTML,q as setColorSVG,s as showPhotoEditor,a as showSlidesMedia}from"./p-e68604b7.js";export{g as getElementDimensions}from"./p-f5d0d8f6.js";export{c as createDot,d as deleteDot,a as deleteDots,b as deleteEmptyDots,i as getDotCoordsFromEvent,k as getDotInnerElement,j as getDotToolTipElement,h as hideAllDotTooltips,e as hideAllUnFocusedTooltips,r as reorderDotIndexes,f as saveTooltipContent,g as setDotEditable,l as setDotIndexes,s as showDotTooltip}from"./p-062b03ab.js";export{q as animateTags,d as checkArray,t as dropToZone,f as filterDuplicateEntries,j as getDroppedTagsValues,g as getDuplicatedValue,b as getNewValue,k as getTagZone,e as getTagsValues,i as hasDropZones,a as hasDuplicates,h as hasValuesChanged,p as initTags,u as initZones,n as isDropZoneFull,o as isTagInZone,m as isTagOverlapping,l as isTagsZone,r as resetTags,s as setDynamicTagZoneHeight,c as showWarningAlert}from"./p-f30db1be.js";export{g as groupsFullResolver,o as onUserClick,p as parseEntityCommentsForCardList,b as parseEntityForCardListChat,a as parseEntityForCardMedia,s as sanitizeMentionTag}from"./p-c1ce2a0d.js";export{d as generateLabel,e as getDynamicProperty,f as getJSONHighlighted,g as getTypeValidation,h as initArrayValue,i as isCreationAllowed,c as isDisabled,b as isReadonly,a as isRequired,s as setFieldData,u as updateFormulas}from"./p-3ea3dc83.js";export{c as blurActiveElement,d as convertValueForInputType,f as focusContentEditable,e as formatMinMaxDate,i as getFormBottomPosition,g as getTimeDisplayValue,n as initNumber,k as onFocus,h as onIconClicked,m as onInputBlurred,o as onInputClear,l as onInputFocused,j as onValidityChanged,s as setValidator,a as setValueAndResetInputValidity,b as setValueAndValidateInput,t as taskStyle,v as validate}from"./p-c492e667.js";export{f as fixParagraphRandomEl,e as fuzzySearch,d as getInsertElementProp,g as getSelection,c as getTagHTML,i as isMentionTag,r as restoreCursorPosition,s as safeInsert,a as safeInsertElements,b as safeReplaceElement}from"./p-4f306782.js";export{f as formatDistance,g as getGeolocation}from"./p-ebaea471.js";export{d as applyViewBox,c as getFormattedImageURL,b as getImageScaleFactor,g as getImageSize,a as getResizedImageSize,u as updateSVGCustomColors}from"./p-36dacbe8.js";export{g as getIncentiveStatusBadgeSettings,c as getParticipant,a as getPositionText,b as getProgressText,e as getTotalSalesBreakdown,d as getUserScore}from"./p-83dd0c5e.js";export{g as generateFilterGroups,b as getMapCSSClasses,h as hasSameMarkers,i as isMarkersLayer,a as isSelectedMarkersLayer,c as isWebGLSupported,l as layersFromKeys,s as showDirectionsActionSheet}from"./p-7c35109f.js";export{a as intersectionObserve,i as isIntersectionObserverSupported,r as resizeObserve}from"./p-0328d9e0.js";export{c as closingDays}from"./p-3cdd23cb.js";export{k as cleanupTodoSlides,l as cleanupTodoTaskSlides,m as getCampaignStateTags,g as getCampaignTemplateTags,d as getMissionColor,e as getMissionDataStateTags,a as getMissionStateTags,h as getMissionStatusIconName,c as getMissionUniqueKey,f as getProductBatchDateTag,i as getProductBatchProgressColor,j as getWaitlistVisitTags,b as getWorkflowStepBadge}from"./p-17ca9bca.js";export{L as LANGUAGES_DATA,f as fixVideoSource,d as getDailymotionPlayerAPI,g as getSourceType,e as getVideoId,h as getVideoSubtitlesFromFiles,b as getVimeoPlayerAPI,c as getYoutubeIFrameAPI,a as getYoutubeId,o as openVideoPlayerInModal,u as updateCloudinaryDim}from"./p-423dea0b.js";export{a as attachComponent,d as detachComponent}from"./p-1e373d56.js";export{B as BACKDROP,c as createOverlay,d as dismissOverlay,e as eventMethod,g as getTopOverlay,o as onceEvent,r as removeLastOverlay}from"./p-1e7fbce6.js";export{a as createColorClasses,c as createThemedClasses,g as getClassMap,h as hostContext}from"./p-f89c0486.js";import"./p-cef3e535.js";import"./p-4d956bd4.js";import"./p-c26cc6ff.js";import"./p-be748e7e.js";import"./p-d7093ffe.js";import"./p-fb265fb3.js";import"./p-2de7b03a.js";import"./p-6e6a2b39.js";import"./p-a1142cd3.js";import"./p-dba0c929.js";import"./p-e4414951.js";import"./p-66276219.js";import"./p-216b2927.js";import"./p-70b3d072.js";import"./p-773567d1.js";import"./p-a0ddfd0f.js";import"./p-29203fa2.js";import"./p-bd19a341.js";import"./p-c4388b4c.js";import"./p-d9e56655.js";import"./p-2e351be9.js";import"./p-8b07fc6e.js";import"./p-e0d6fbed.js";import"./p-eba60085.js";import"./p-cbb48ea7.js";import"./p-91118816.js";import"./p-8e965cb3.js";import"./p-2293f794.js";import"./p-cd72e5cb.js";import"./p-3b40f968.js";import"./p-22734a9b.js";import"./p-6bd222bf.js";import"./p-ba705441.js";import"./p-4a402d56.js";import"./p-061bf8c1.js";import"./p-966f7b7c.js";import"./p-4679d1d7.js";import"./p-14f4460e.js";import"./p-5d188f8a.js";import"./p-3b7e52ee.js";import"./p-381ade16.js";import"./p-b4aad66a.js";import"./p-974b2173.js";import"./p-2e1a2405.js";import"./p-a5410c5f.js";import"./p-dcda9659.js";import"./p-e311beb5.js";import"./p-69ac997a.js";import"./p-90c34aff.js";import"./p-dbe40191.js";import"./p-d76643c1.js";import"./p-b4ee4fb6.js";import"./p-da76a732.js";import"./p-182fb8b9.js";import"./p-74183731.js";import"./p-73f89afa.js";import"./p-384319af.js";

package/dist/design-system/p-25ffc253.entry.js

@@ -0,0 +1 @@
+import{r as t,c as a,h as e,H as r,g as o}from"./p-c26cc6ff.js";import{U as i,Z as l,T as p}from"./p-cef3e535.js";import"./p-4d956bd4.js";import{g as d,a as n}from"./p-2e351be9.js";import"./p-09088888.js";import{f as c}from"./p-e68604b7.js";import{c as b}from"./p-f30db1be.js";import{b as s}from"./p-c492e667.js";import{i as h}from"./p-90c34aff.js";import{s as g}from"./p-585cbeea.js";import{d as f}from"./p-981e1300.js";import"./p-8b07fc6e.js";import"./p-e0d6fbed.js";import"./p-eba60085.js";import"./p-bd19a341.js";import"./p-c4388b4c.js";import"./p-d9e56655.js";import"./p-29203fa2.js";import"./p-2293f794.js";import"./p-216b2927.js";import"./p-70b3d072.js";import"./p-cd72e5cb.js";import"./p-3b40f968.js";import"./p-dba0c929.js";import"./p-e4414951.js";import"./p-66276219.js";import"./p-22734a9b.js";import"./p-6e6a2b39.js";import"./p-a1142cd3.js";import"./p-6bd222bf.js";import"./p-a0ddfd0f.js";import"./p-ba705441.js";import"./p-773567d1.js";import"./p-974b2173.js";import"./p-dcda9659.js";import"./p-e311beb5.js";import"./p-69ac997a.js";const m=["draggable","connectable"],v=class{constructor(e){t(this,e),this.validityChanged=a(this,"validityChanged",7),this.inputChanged=a(this,"inputChanged",7),this.readonly=!1,this.animated=!0,this.shuffled=!0,this.isVisible=!1,this.colors=["warning","accent","royal","info","energized"]}onValuesChanged(){b(this.host,!this.isGameMatchable,"NOTALLPAIREDVALUES")}onValidityChanged(){this.validityChanged.emit(this.validity)}onValueChanged(){h(this.value,this.userAnswers)||(this.connectItems(),this.validateUserAnswers(this.value))}initAnswerChanged(){this.prepareGame()}async onIsVisibleChanged(t){t&&(await this.scrollToRevealGame(),this.setScrollableHeight())}get hasValues(){var t,a,e,r;return!(!(null===(a=null===(t=this.values)||void 0===t?void 0:t[0])||void 0===a?void 0:a.length)&&!(null===(r=null===(e=this.values)||void 0===e?void 0:e[1])||void 0===r?void 0:r.length))}get isGameMatchable(){var t,a,e,r;return(null===(a=null===(t=this.values)||void 0===t?void 0:t[0].filter((t=>t)))||void 0===a?void 0:a.length)===(null===(r=null===(e=this.values)||void 0===e?void 0:e[1].filter((t=>t)))||void 0===r?void 0:r.length)}get draggableElements(){return Array.from(this.host.shadowRoot.querySelectorAll(".draggable")||[])}get connectableElements(){return Array.from(this.host.shadowRoot.querySelectorAll(".connectable")||[])}componentWillLoad(){this.prepareGame()}componentWillUpdate(){var t;(null===(t=this.draggables)||void 0===t?void 0:t.find((t=>null==t?void 0:t.draggableInstance)))||this.initGame()}componentDidLoad(){this.initGame()}prepareGame(){this.prepareItems(),this.connectItems(),this.shuffleItems()}async initGame(){await this.scrollToRevealGame(),this.setScrollableHeight(),this.setDraggableObserver(),this.initDraggables()}initDraggables(){var t;null===(t=this.draggableElements)||void 0===t||t.forEach((t=>this.initDraggableActions(t)))}async scrollToRevealGame(){const t=this.host.closest("yoo-ion-scroll");return t&&new Promise((a=>{setTimeout((()=>{t.scrollTo({top:t.scrollHeight,behavior:"smooth"}),a()}),1e3)}))}setScrollableHeight(){var t,a,e,r,o,i,l;const{bottom:p}=this.host.getBoundingClientRect(),d=(null===(a=null===(t=this.values)||void 0===t?void 0:t[0])||void 0===a?void 0:a.length)||0,n=null===(e=this.host.closest("form"))||void 0===e?void 0:e.getBoundingClientRect(),c=(null===(o=null===(r=this.innerContainerElement)||void 0===r?void 0:r.querySelector("[id]"))||void 0===o?void 0:o.clientHeight)+8+8/d+1;if(c&&n&&p>n.bottom&&(null===(l=null===(i=this.values)||void 0===i?void 0:i[0])||void 0===l?void 0:l.length)){const t=Math.floor(n.height/c);this.innerContainerElement.style.maxHeight=`${Math.min(n.height,t*c+8*(t+1)+8)}px`}}setDraggableObserver(){this.draggables=this.draggables.map((t=>new Proxy(t,{set:(t,a,e)=>("connectableId"===a&&(t[a]=e,this.draggables.forEach((a=>{a.connectableId===e&&a.id!==t.id&&delete a.connectableId})),this.getUserAnswers(),this.validateUserAnswers()),t[a]=e)})))}shuffleItems(){this.shuffled&&m.forEach((t=>this[`${t}s`]=g(this[`${t}s`])))}prepareItems(){m.forEach(((t,a)=>{var e,r;this[`${t}s`]=(null===(r=null===(e=this.values)||void 0===e?void 0:e[a])||void 0===r?void 0:r.map(((t,e)=>Object.assign({value:t,id:d()},!a&&{color:this.colors[e]}))))||[]}))}connectItems(){this.value&&(this.draggables=this.draggables.map((t=>{var a,e,r;const[o,i]=(null===(a=this.value)||void 0===a?void 0:a.find((a=>a.includes(t.value))))||[];return Object.assign(Object.assign({},t),o&&i&&{connectableId:null===(r=null===(e=this.connectables)||void 0===e?void 0:e.find((t=>t.value===o||t.value===i)))||void 0===r?void 0:r.id})})))}initDraggableActions(t){var a;if(t){let e;const r=null===(a=this.draggables)||void 0===a?void 0:a.find((a=>(null==a?void 0:a.id)===t.id)),o=()=>{var a,o;const{x:i,width:l}=t.getBoundingClientRect();if(i+l>=this.innerContainerElement.querySelector(".connectables").getBoundingClientRect().x&&this.connectableElements.forEach((t=>{var a,o;(null===(o=null===(a=null==r?void 0:r.draggableInstance)||void 0===a?void 0:a.hitTest)||void 0===o?void 0:o.call(a,t,"65%"))&&t.id!==r.connectableId&&(e=t,e.style.backgroundColor="var(--stable-light)")})),e&&!r.draggableInstance.hitTest(e,"65%")){["color","background-color"].forEach((t=>e.style.removeProperty(t)));const t=null===(o=null===(a=this.draggables)||void 0===a?void 0:a.find((t=>(null==t?void 0:t.connectableId)===e.id)))||void 0===o?void 0:o.color;t&&(e.style.backgroundColor=`var(--${t}`,e.style.color="var(--light)"),e=null}},l=async()=>{await p(t,this.animated?.25:0,{x:0,y:0}),e&&(r.connectableId=e.id,this.autoCompleteLastConnection()),e=null},d=()=>{delete r.connectableId,this.autoEraseLastConnection(),this.getUserAnswers(),this.validateUserAnswers()};!this.readonly&&this.isGameMatchable&&t&&(r.draggableInstance=new i(t,{autoScroll:1,bound:this.innerContainerElement,onDrag:o,onClick:d,onRelease:l}))}}getUserAnswers(){this.userAnswers=this.draggables.map((t=>[t.value,t.connectableId?this.connectables.find((a=>a.id===t.connectableId)).value:""]))}validateUserAnswers(t=this.userAnswers){this.validity=!(null==t?void 0:t.reduce(((t,a)=>t+a.filter((t=>!t)).length),0)),s(t,this)}autoEraseLastConnection(){const t=this.draggables.filter((t=>t.connectableId));1===(null==t?void 0:t.length)&&delete t[0].connectableId}autoCompleteLastConnection(){var t;const a=this.draggables.filter((t=>!t.connectableId));if(1===(null==a?void 0:a.length)){const e=a[0],r=null===(t=f(this.connectables.map((t=>t.id)),this.draggables.map((t=>t.connectableId))))||void 0===t?void 0:t[0];e.connectableId=r}}truncateValue(t){if(t){const a=50,e=l(t);return e.length>a?e.substr(0,a).concat("..."):e}}renderCorrectionIcon(t){const a=a=>null==a?void 0:a.find((a=>a.includes(t))),r=h(a(this.value),a(this.answer));return e("yoo-icon",{size:"medium",name:r?"check":"cross",color:r?"success":"danger"})}renderContainer(t){var a;return e("section",{class:{[`${t}s`]:!0}},null===(a=this[`${t}s`])||void 0===a?void 0:a.map((a=>{var r,o;const{id:i,value:l,connectableId:p,color:d}=a||{},c=!(!l||!n(l)),b=!(!p&&!this.draggables.find((t=>t.connectableId===i))),s=d||(null===(o=null===(r=this.draggables)||void 0===r?void 0:r.find((t=>t.connectableId===i)))||void 0===o?void 0:o.color);return!!l&&e("div",{class:"tile-container"},e("div",Object.assign({},b&&{style:{backgroundColor:`var(--${s})`,color:"var(--light)"}},{id:i,key:i,class:{[t]:!0,image:c,animated:this.animated}}),c?[e("yoo-img",{type:"background",src:l}),e("div",{class:"overlay"})]:e("p",null,this.truncateValue(l)),this.readonly&&this.renderCorrectionIcon(l)))})))}renderBanner(){return this.livePreview&&e("yoo-banner",null)}render(){return this.hasValues&&e(r,{class:c(this.host)},this.renderBanner(),e("div",{class:"inner-container",ref:t=>this.innerContainerElement=t},m.map((t=>this.renderContainer(t)))))}get host(){return o(this)}static get watchers(){return{values:["onValuesChanged"],validity:["onValidityChanged"],value:["onValueChanged"],answer:["initAnswerChanged"],isVisible:["onIsVisibleChanged"]}}};v.style=':root{--ease-in-back:cubic-bezier(0.36, 0, 0.66, -0.56);--ease-in-circ:cubic-bezier(0.55, 0, 1, 0.45);--ease-in-cubic:cubic-bezier(0.32, 0, 0.67, 0);--ease-in-expo:cubic-bezier(0.7, 0, 0.84, 0);--ease-in-quad:cubic-bezier(0.11, 0, 0.5, 0);--ease-in-quart:cubic-bezier(0.5, 0, 0.75, 0);--ease-in-quint:cubic-bezier(0.64, 0, 0.78, 0);--ease-in-sine:cubic-bezier(0.12, 0, 0.39, 0);--ease-out-back:cubic-bezier(0.34, 1.56, 0.64, 1);--ease-out-circ:cubic-bezier(0, 0.55, 0.45, 1);--ease-out-cubic:cubic-bezier(0.33, 1, 0.68, 1);--ease-out-expo:cubic-bezier(0.16, 1, 0.3, 1);--ease-out-quad:cubic-bezier(0.5, 1, 0.89, 1);--ease-out-quart:cubic-bezier(0.25, 1, 0.5, 1);--ease-out-quint:cubic-bezier(0.22, 1, 0.36, 1);--ease-out-sine:cubic-bezier(0.61, 1, 0.88, 1);--ease-in-out-back:cubic-bezier(0.68, -0.6, 0.32, 1.6);--ease-in-out-circ:cubic-bezier(0.85, 0, 0.15, 1);--ease-in-out-cubic:cubic-bezier(0.65, 0, 0.35, 1);--ease-in-out-expo:cubic-bezier(0.87, 0, 0.13, 1);--ease-in-out-quad:cubic-bezier(0.45, 0, 0.55, 1);--ease-in-out-quart:cubic-bezier(0.76, 0, 0.24, 1);--ease-in-out-quint:cubic-bezier(0.83, 0, 0.17, 1);--ease-in-out-sine:cubic-bezier(0.37, 0, 0.63, 1)}.tippy-box,.tippy-popper{white-space:pre-wrap}.tippy-box .tippy-tooltip,.tippy-popper .tippy-tooltip{padding:var(--spacing-02, 0.125rem)}.tippy-box{-webkit-box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1))}.tippy-box .tippy-content.editable{padding:0}.tippy-box .tippy-content .flex{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.tippy-box .tippy-content .hidden{display:none}.tippy-box .tippy-content .editable-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--dark, #000000)}.tippy-box .tippy-content .editable-content .text-content{min-width:5rem;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content .text-content>div{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content.readonly{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .maxchar-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:end;align-self:flex-end;height:var(--spacing-24, 1.5rem);padding-right:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content yoo-button{padding:0 var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content .edit-content{-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content .edit-content yoo-icon{padding-left:var(--spacing-08, 0.5rem);cursor:pointer}.tippy-box .tippy-content .editable-content .edit-content>*{cursor:pointer}.tippy-box .tippy-content .request-access{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .request-access .title{margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700)}.tippy-box .tippy-content .request-access .sub-title{display:-ms-flexbox;display:flex;margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-300, 300);font-size:var(--font-size-14, 0.875rem)}.tippy-box .tippy-content .request-access .sub-title yoo-avatar{margin:0 var(--spacing-04, 0.25rem)}.tippy-box .tippy-content .request-access yoo-button{max-width:8rem}.tippy-box[data-theme~=startameeting] .tippy-content{padding:0;border-radius:var(--border-radius-04, 0.25rem)}.tippy-box[data-theme~=large]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content .text-content{padding-right:var(--spacing-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=small] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content .text-content{padding-right:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=accent]{background-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=accent] .tippy-svg-arrow{fill:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--accent, #276ef1)}.tippy-box[data-theme~=anthracite]{background-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite] .tippy-svg-arrow{fill:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=app-color]{background-color:var(--app-color)}.tippy-box[data-theme~=app-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=app-color] .tippy-svg-arrow{fill:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--app-color)}.tippy-box[data-theme~=danger]{background-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger] .tippy-svg-arrow{fill:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger-light]{background-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger-light] .tippy-svg-arrow{fill:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=dark]{background-color:var(--dark, #000000)}.tippy-box[data-theme~=dark] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=dark] .tippy-svg-arrow{fill:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--dark, #000000)}.tippy-box[data-theme~=energized]{background-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=energized] .tippy-svg-arrow{fill:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--energized, #fed05b)}.tippy-box[data-theme~=info]{background-color:var(--info, #fc459e)}.tippy-box[data-theme~=info] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=info] .tippy-svg-arrow{fill:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--info, #fc459e)}.tippy-box[data-theme~=light]{background-color:var(--light, #ffffff)}.tippy-box[data-theme~=light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light] .tippy-svg-arrow{fill:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light, #ffffff)}.tippy-box[data-theme~=light-orange]{background-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-orange] .tippy-svg-arrow{fill:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-to-text-color]{background-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-to-text-color] .tippy-svg-arrow{fill:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=royal]{background-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=royal] .tippy-svg-arrow{fill:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--royal, #7577ff)}.tippy-box[data-theme~=stable]{background-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable] .tippy-svg-arrow{fill:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable-alt]{background-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-alt] .tippy-svg-arrow{fill:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-light]{background-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-light] .tippy-svg-arrow{fill:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-ultralight]{background-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-ultralight] .tippy-svg-arrow{fill:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=success]{background-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=success] .tippy-svg-arrow{fill:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--success, #3aa76d)}.tippy-box[data-theme~=text-color]{background-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=text-color] .tippy-svg-arrow{fill:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--text-color, #807f83)}.tippy-box[data-theme~=warning]{background-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=warning] .tippy-svg-arrow{fill:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--warning, #ff6402)}.tippy-box[data-theme~=anthracite-to-text-color]{background-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-svg-arrow{fill:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite-to-text-color, #1a1a1a)}:root{--safe-area-inset-top:0;--safe-area-inset-right:0;--safe-area-inset-bottom:0;--safe-area-inset-left:0}@supports (top: constant(safe-area-inset-top)){:root{--safe-area-inset-top:constant(safe-area-inset-top);--safe-area-inset-right:constant(safe-area-inset-right);--safe-area-inset-bottom:constant(safe-area-inset-bottom);--safe-area-inset-left:constant(safe-area-inset-left)}}@supports (top: env(safe-area-inset-top)){:root{--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-right:env(safe-area-inset-right);--safe-area-inset-bottom:env(safe-area-inset-bottom);--safe-area-inset-left:env(safe-area-inset-left)}}.fr-popup.fr-active{z-index:30004 !important;display:block !important;opacity:1 !important}.bg-app-color{background-color:var(--app-color) !important}.app-color{color:var(--app-color);fill:var(--app-color)}.border-app-color{border:var(--border-width-02, 0.125rem) solid var(--app-color)}.bg-success{background-color:var(--success, #3aa76d) !important}.success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}.border-success{border:var(--border-width-02, 0.125rem) solid var(--success, #3aa76d)}.bg-danger{background-color:var(--danger, #d44333) !important}.danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}.border-danger{border:var(--border-width-02, 0.125rem) solid var(--danger, #d44333)}.bg-danger-light{background-color:var(--danger-light, #f46885) !important}.danger-light{color:var(--danger-light, #f46885);fill:var(--danger-light, #f46885)}.border-danger-light{border:var(--border-width-02, 0.125rem) solid var(--danger-light, #f46885)}.bg-energized{background-color:var(--energized, #fed05b) !important}.energized{color:var(--energized, #fed05b);fill:var(--energized, #fed05b)}.border-energized{border:var(--border-width-02, 0.125rem) solid var(--energized, #fed05b)}.bg-royal{background-color:var(--royal, #7577ff) !important}.royal{color:var(--royal, #7577ff);fill:var(--royal, #7577ff)}.border-royal{border:var(--border-width-02, 0.125rem) solid var(--royal, #7577ff)}.bg-info{background-color:var(--info, #fc459e) !important}.info{color:var(--info, #fc459e);fill:var(--info, #fc459e)}.border-info{border:var(--border-width-02, 0.125rem) solid var(--info, #fc459e)}.bg-dark{background-color:var(--dark, #000000) !important}.dark{color:var(--dark, #000000);fill:var(--dark, #000000)}.border-dark{border:var(--border-width-02, 0.125rem) solid var(--dark, #000000)}.bg-dark-to-light{background-color:var(--dark-to-light, #000000) !important}.dark-to-light{color:var(--dark-to-light, #000000);fill:var(--dark-to-light, #000000)}.border-dark-to-light{border:var(--border-width-02, 0.125rem) solid var(--dark-to-light, #000000)}.bg-text-color{background-color:var(--text-color, #807f83) !important}.text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}.border-text-color{border:var(--border-width-02, 0.125rem) solid var(--text-color, #807f83)}.bg-text-color-to-light-60{background-color:var(--text-color-to-light-60, #807f83) !important}.text-color-to-light-60{color:var(--text-color-to-light-60, #807f83);fill:var(--text-color-to-light-60, #807f83)}.border-text-color-to-light-60{border:var(--border-width-02, 0.125rem) solid var(--text-color-to-light-60, #807f83)}.bg-light{background-color:var(--light, #ffffff) !important}.light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}.border-light{border:var(--border-width-02, 0.125rem) solid var(--light, #ffffff)}.bg-light-to-dark{background-color:var(--light-to-dark, #ffffff) !important}.light-to-dark{color:var(--light-to-dark, #ffffff);fill:var(--light-to-dark, #ffffff)}.border-light-to-dark{border:var(--border-width-02, 0.125rem) solid var(--light-to-dark, #ffffff)}.bg-light-orange{background-color:var(--light-orange, #fcae49) !important}.light-orange{color:var(--light-orange, #fcae49);fill:var(--light-orange, #fcae49)}.border-light-orange{border:var(--border-width-02, 0.125rem) solid var(--light-orange, #fcae49)}.bg-stable{background-color:var(--stable, #adadad) !important}.stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}.border-stable{border:var(--border-width-02, 0.125rem) solid var(--stable, #adadad)}.bg-stable-light{background-color:var(--stable-light, #f1f1f1) !important}.stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}.border-stable-light{border:var(--border-width-02, 0.125rem) solid var(--stable-light, #f1f1f1)}.bg-stable-alt{background-color:var(--stable-alt, #d0d0d0) !important}.stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}.border-stable-alt{border:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}.bg-warning{background-color:var(--warning, #ff6402) !important}.warning{color:var(--warning, #ff6402);fill:var(--warning, #ff6402)}.border-warning{border:var(--border-width-02, 0.125rem) solid var(--warning, #ff6402)}.bg-accent{background-color:var(--accent, #276ef1) !important}.accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}.border-accent{border:var(--border-width-02, 0.125rem) solid var(--accent, #276ef1)}.bg-text-color-to-stable{background-color:var(--text-color-to-stable, #807f83) !important}.text-color-to-stable{color:var(--text-color-to-stable, #807f83);fill:var(--text-color-to-stable, #807f83)}.border-text-color-to-stable{border:var(--border-width-02, 0.125rem) solid var(--text-color-to-stable, #807f83)}.bg-stable-to-stable-20{background-color:var(--stable-to-stable-20, #adadad) !important}.stable-to-stable-20{color:var(--stable-to-stable-20, #adadad);fill:var(--stable-to-stable-20, #adadad)}.border-stable-to-stable-20{border:var(--border-width-02, 0.125rem) solid var(--stable-to-stable-20, #adadad)}.bg-stable-to-light{background-color:var(--stable-to-light, #adadad) !important}.stable-to-light{color:var(--stable-to-light, #adadad);fill:var(--stable-to-light, #adadad)}.border-stable-to-light{border:var(--border-width-02, 0.125rem) solid var(--stable-to-light, #adadad)}.bg-stable-alt-to-light-10{background-color:var(--stable-alt-to-light-10, #d0d0d0) !important}.stable-alt-to-light-10{color:var(--stable-alt-to-light-10, #d0d0d0);fill:var(--stable-alt-to-light-10, #d0d0d0)}.border-stable-alt-to-light-10{border:var(--border-width-02, 0.125rem) solid var(--stable-alt-to-light-10, #d0d0d0)}:host{display:block;width:100%;max-width:24rem;margin:0 auto}:host p{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:var(--spacing-16, 1rem);overflow:hidden;font-size:var(--font-size-14, 0.875rem);text-align:center}:host yoo-banner{height:0}:host yoo-icon{position:absolute;top:var(--spacing-08, 0.5rem);right:var(--spacing-08, 0.5rem);background:var(--light-to-dark, #ffffff);border-radius:50%}:host yoo-img{border-radius:inherit}:host .inner-container,:host .draggables,:host .connectables{display:grid;grid-gap:var(--spacing-08, 0.5rem)}:host .draggables,:host .connectables{height:-webkit-max-content;height:-moz-max-content;height:max-content;padding:var(--spacing-08, 0.5rem) 0}:host .inner-container{grid-template-rows:repeat(auto-fit, 75%);grid-template-columns:1fr 1fr;padding:0 var(--spacing-08, 0.5rem);overflow:hidden auto;background-color:var(--stable-alt-20, rgba(208, 208, 208, 0.2));border-radius:var(--border-radius-04, 0.25rem);-webkit-transition:height 500ms linear;transition:height 500ms linear;}:host .inner-container::-webkit-scrollbar{width:var(--spacing-08, 0.5rem)}:host .inner-container::-webkit-scrollbar-track{border-radius:var(--border-radius-04, 0.25rem);-webkit-box-shadow:inset 0 0 5px var(--stable, #adadad);box-shadow:inset 0 0 5px var(--stable, #adadad)}:host .inner-container::-webkit-scrollbar-thumb{background:var(--app-color);border-radius:var(--border-radius-04, 0.25rem)}:host .connectable,:host .draggable{position:relative;width:100%;max-width:12rem;height:100%;background-color:var(--light-to-dark, #ffffff);border-radius:var(--border-radius-08, 0.5rem);-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 .connectable:before,:host .draggable:before{display:block;width:0;height:0;padding-bottom:calc(3 / 4 * 100%);content:""}:host .connectable.animated,:host .draggable.animated{-webkit-transition:background-color 0.25s ease-in-out, color 0.25s ease-in-out;transition:background-color 0.25s ease-in-out, color 0.25s ease-in-out}:host .connectable.image,:host .draggable.image{padding:0;background-color:transparent}:host .connectable>*:not(yoo-icon),:host .draggable>*:not(yoo-icon){position:absolute;top:0;left:0;width:100%;height:100%}:host .overlay{background-color:inherit;border-radius:inherit;opacity:0.6}';export{v as yoo_form_connect}