@yoobic/yobi 7.7.74 → 7.7.78

package/dist/design-system/{p-0f7581cf.entry.js → p-f7afffac.entry.js}

@@ -1 +1 @@
-import{r as t,c as o,h as e,H as i,g as a}from"./p-c26cc6ff.js";import{w as r,A as n,S as c,F as l,l as s,i as d}from"./p-4d956bd4.js";import{w as h,a1 as p,t as b,Z as m,Y as u,a3 as f,T as g,c2 as k}from"./p-a966475f.js";import{y as v,z as y}from"./p-c8c0c227.js";import{N as x}from"./p-67fc8d0d.js";import{l as w,R as C,S as z,T as I,I as j,J as O}from"./p-4c01270d.js";import"./p-0bb947fc.js";import"./p-cfdeea96.js";import"./p-c5108113.js";import"./p-43f71ef3.js";import"./p-a1142cd3.js";import"./p-b5ba03fd.js";import"./p-56bcc009.js";import"./p-baaa30cf.js";import"./p-e3093327.js";import"./p-5b484eb7.js";import"./p-8b07fc6e.js";import"./p-e0d6fbed.js";import"./p-ca8f9900.js";import"./p-2f6b3544.js";import"./p-c5efae11.js";import"./p-b4aad66a.js";import"./p-f9649bd9.js";import"./p-773567d1.js";import"./p-1901b669.js";import"./p-3fc615dd.js";import"./p-ba705441.js";import"./p-5ebbcf89.js";import"./p-49399b44.js";import"./p-3c4a6a3e.js";import"./p-55a739af.js";import"./p-bdb9f4f1.js";import"./p-12bedee1.js";import"./p-e1378940.js";import"./p-179b66ff.js";import"./p-cfca4271.js";import"./p-a7d0e964.js";import"./p-c06335c1.js";import"./p-01267bd9.js";import"./p-bd19a341.js";import"./p-935fbfac.js";import"./p-2043b4c7.js";import"./p-0dae56e6.js";import"./p-10b2bb56.js";import"./p-6348f445.js";import"./p-c412a16f.js";import"./p-b5241164.js";import"./p-9de400aa.js";import"./p-dd576b82.js";import"./p-d7e73bcb.js";const S=class{constructor(e){t(this,e),this.blockExpanded=o(this,"blockExpanded",7),this.headerClicked=o(this,"headerClicked",7),this.duplicateClicked=o(this,"duplicateClicked",7),this.moveUpClicked=o(this,"moveUpClicked",7),this.moveDownClicked=o(this,"moveDownClicked",7),this.saveAsTemplateClicked=o(this,"saveAsTemplateClicked",7),this.markAsMandatoryClicked=o(this,"markAsMandatoryClicked",7),this.deleteClicked=o(this,"deleteClicked",7),this.restrictionConditionClicked=o(this,"restrictionConditionClicked",7),this.additionClicked=o(this,"additionClicked",7),this.customFieldBlockEdited=o(this,"customFieldBlockEdited",7),this.customFieldBlockDeleted=o(this,"customFieldBlockDeleted",7),this.conditionClicked=o(this,"conditionClicked",7),this.removeConditionClicked=o(this,"removeConditionClicked",7),this.linkToFieldClicked=o(this,"linkToFieldClicked",7),this.pagePlaceholderClicked=o(this,"pagePlaceholderClicked",7),this.scoreChanged=o(this,"scoreChanged",7),this.scoreAdded=o(this,"scoreAdded",7),this.scoreDeleted=o(this,"scoreDeleted",7),this.itemSelected=o(this,"itemSelected",7),this.addPageCondition=o(this,"addPageCondition",7),this.removePageCondition=o(this,"removePageCondition",7),this.translateFieldClicked=o(this,"translateFieldClicked",7),this.newConditionalFieldClicked=o(this,"newConditionalFieldClicked",7),this.createNewCondition=o(this,"createNewCondition",7),this.createNewRestriction=o(this,"createNewRestriction",7),this.moveFieldClicked=o(this,"moveFieldClicked",7),this.options=r,this.isInSelectionMode=!1,this.disableFieldTranslation=!1,this.blockFieldExpansion=!1,this.initialBlockIndentation=!1,this.mode="added",this.showInvisibleContent=!1,this.showConditionBlock=!1,this.blockIndentation=!1,this.pagePlaceholderActions=[],this.restrictionActions=[],this.expandableChildBlocks=[],this.scoringInputs=[],this.hasModeChangedToScoring=!1,this.isExpanded=!1,this.isAnimating=!1,this.onScoringInputChanged=(t,o)=>{var e,i;let a=o.detail;""===a&&(a=null);const{formattedScoring:r,scoringCategory:n}=this.formField;let c=this.formField.max;"starrating"!==this.formField.type||c||(c=5),t=this.convertValueText(t,n);let l=!1;l=!((null===(e=null==r?void 0:r.scoreValuePairs)||void 0===e?void 0:e.length)>0)||-1===(null===(i=r.scoreValuePairs)||void 0===i?void 0:i.findIndex((t=>null!==t.score))),l?this.addNewScore(r,t,a,c):this.changeExistingScore(r,t,a,n,c)},this.onNonApplicableToggled=(t,o)=>{this.onScoringInputChanged(t.valueText,{detail:o.detail?-1337:null})},this.onClearScore=()=>{this.clearScore()}}get formIcon(){let t=this.formField.icon;if(f(t)){const o=n.findIndex((t=>t.type===this.formField.type));t=o>-1?n[o].icon:"text-predefined"}return"yo-sliders"===t?"slider":"yo-longtext"===t?"text-predefined":"yo-"===(null==t?void 0:t.substring(0,3))?t.substring(3,t.length):t}onFormField(){this.isScoringMode()||(this.formField.name&&this.formField.expanded!==this.isExpanded&&setTimeout((()=>{this.expandBlock(this.formField.expanded)}),500),this.forceIcon())}onShowConditions(){this.showConditionBlock=this.showConditions}onModeChange(){this.isScoringMode()&&(this.hasModeChangedToScoring=!0)}async expandBlock(t,o=!1,e=null){e!==this.formField.formCreatorIndex&&(this.isExpanded=t,this.expandContentBlock(t),this.isExpanded||(this.showInvisibleContent=!1)),o&&this.expandableChildBlocks&&this.expandableChildBlocks.forEach((o=>{o&&o.expandBlock(t,!0,e)}))}async getExpandableChildBlocks(){return this.expandableChildBlocks}async toggleInvisibleDiv(){this.showInvisibleContent=!this.showInvisibleContent}componentWillLoad(){this.showConditionBlock=this.showConditions,this.blockIndentation=this.initialBlockIndentation,this.setSecondaryActions(),"placeholder-page"===this.mode&&(this.pagePlaceholderActions=this.setPagePlaceHolderActions(this.pagePlaceholderActions,this.itemList))}componentDidLoad(){var t,o;"added"===this.mode&&(this.onBlockResize(),this.resizeListener=h(this.onBlockResize,500).bind(this),window.addEventListener("resize",this.resizeListener)),(this.isScoringMode()||(null===(t=this.formField)||void 0===t?void 0:t.expanded))&&this.expandBlock(null===(o=this.formField)||void 0===o?void 0:o.expanded)}componentWillUpdate(){this.setSecondaryActions(),this.forceIcon()}componentDidUpdate(){this.hasModeChangedToScoring&&(this.expandBlock(this.formField.expanded),this.hasModeChangedToScoring=!1)}disconnectedCallback(){"added"===this.mode&&window.removeEventListener("resize",this.resizeListener)}forceIcon(){if(this.formField&&!this.formField.icon){const t=n.findIndex((t=>t.type===this.formField.type));t>-1&&(this.formField.icon=n[t].icon)}}setSecondaryActions(){var t,o,e,i;if(!this.formField)return;const a=[{name:this.formField.name,slideIndex:this.formField.pageIndex,itemIndex:this.formField.formCreatorIndex}];this.moveActions=w(this.itemList,null,((t,o,e)=>this.moveFieldClicked.emit({targetFieldName:e,targetFieldSlideIndex:t,selectedField:a})),{selectedFields:a,extraStartingItems:[{title:"MOVEFIELDSAFTER",useHandler:!1,cssClass:"no-hover",hideIfNoItems:!0},{title:"MOVEFIELDSATBEGINNING",useHandler:!0,cssClass:"bottom-border"}]}),this.secondaryActions=p([{text:b("DUPLICATE"),icon:"duplicate",handler:()=>this.duplicateClicked.emit({name:this.formField.name})},this.moveActions?{text:b("YOOBICMOVE"),icon:"move",subMenu:this.moveActions,hasDivider:!0}:null,{text:b("LOGIC"),icon:"logic",isVisible:()=>"lesson"!==this.campaignType,subMenu:[{text:b("CREATECONDITION"),icon:"condition",handler:()=>this.createNewCondition.emit({name:this.formField.name})},{text:b("ADDRESTRICTION"),icon:"restriction",handler:()=>this.createNewRestriction.emit({name:this.formField.name,title:this.formField.title,category:this.formField.category,icon:this.formField.icon,index:this.formField.formCreatorIndex})}]},{text:b("ENABLETRANSLATION"),icon:"translate",handler:()=>this.translateFieldClicked.emit({name:this.formField.name}),isVisible:()=>!this.disableFieldTranslation},{text:b("SAVEASTEMPLATE"),icon:"dashboards",handler:()=>this.saveAsTemplateClicked.emit({name:this.formField.name}),isVisible:()=>"lesson"!==this.campaignType},{text:b("DELETE"),icon:"delete",isVisible:()=>!this.formField.locked,handler:()=>this.deleteClicked.emit({name:this.formField.name})}]),this.hasRestriction()&&(this.restrictionActions=C(!0,null===(t=this.formField)||void 0===t?void 0:t.restrictionConditions,this.restrictionConditionClicked,{event:this.removeConditionClicked,options:{name:this.formField.name}})),(null===(e=null===(o=this.formField)||void 0===o?void 0:o.parentFieldConditions)||void 0===e?void 0:e.length)>0&&(this.conditionActions=C(!1,null===(i=this.formField)||void 0===i?void 0:i.parentFieldConditions,this.conditionClicked,{event:this.removeConditionClicked,options:{name:this.formField.name}}))}onBlockResize(){const t=this.host.getBoundingClientRect().width;!this.blockIndentation&&t<=350?this.blockIndentation=!0:this.blockIndentation&&t>350&&(this.blockIndentation=!1)}expandContentBlock(t){var o;if(this.contentBlockElement||this.scoringContentBlock){this.host.classList.toggle("expanded");const e=this.isScoringMode()?this.scoringContentBlock:this.contentBlockElement;if(e&&(t&&!e.clientHeight||!t&&e.clientHeight||this.host.classList.contains("expanded")||t!==this.isExpanded)){const i=e.firstElementChild;this.isExpanded="arrow-up"===(null===(o=this.arrowElement)||void 0===o?void 0:o.name);const a=t?["0px","none","0"]:["auto","block","1"],r=t?["auto","block","1"]:["0px","none","0"];m(e,this.isExpanded?.35:.75,{height:a[0],display:a[1],opacity:a[2]},{height:r[0],display:r[1],opacity:r[2],onComplete:()=>{this.isAnimating=!1,this.isExpanded=t,this.blockExpanded.emit({expanded:t,name:this.formField.name}),i&&(i.style.display=this.isScoringMode()?"flex":"block",g(i,.35,{opacity:1})),this.contentBottomElement&&!this.isScoringMode()&&(this.contentBottomElement.style.display="flex"),this.arrowElement&&(this.arrowElement.name=this.isExpanded?"arrow-up":"arrow-down")},ease:k.easeIn})}}}setPagePlaceHolderActions(t,o){return o&&o.length>0&&o.forEach(((o,e)=>{const i={text:o.pageTitle,selected:this.pageLinks.includes(e),disabled:e===this.formField.pageIndex};t.push(i)})),t}hasFormattedScoring(){return this.formField.formattedScoring&&this.formField.formattedScoring.scoreValuePairs&&this.formField.formattedScoring.scoreValuePairs.length>0}clearInputs(){this.scoringInputs.forEach((t=>{t&&t.clear()}))}changeExistingScore(t,o,e,i,a){i===c.numberRating?t.scoreValuePairs[0].score=e:t.scoreValuePairs=t.scoreValuePairs.map((t=>(t.value===o&&(t.score=e),t))),t.scoreValuePairs.find((t=>0!==t.score&&null!==t.score))?(t.maxScore=v(t.scoreValuePairs,i,a),this.scoreChanged.emit({formattedScoring:t,scoringCategory:i})):this.clearScore(t)}addNewScore(t,o,e,i){const{scoringCategory:a,values:r}=this.formField;a!==c.numberRating?(t.scoreValuePairs.push({value:o,score:e}),r&&r.forEach((e=>{e!==o&&t.scoreValuePairs.push({value:e,score:null})}))):t.scoreValuePairs.push({value:o,score:e}),t.maxScore=v(t.scoreValuePairs,a,i),this.formField.hasScoring=!0,this.scoreAdded.emit({formattedScoring:t,scoringCategory:a})}clearScore(t){this.clearInputs(),this.scoreDeleted.emit({formattedScoring:t||this.formField.formattedScoring,scoringCategory:this.formField.scoringCategory}),this.formField.formattedScoring=null,this.formField.hasScoring=!1}convertValueText(t,o){return o===c.presence&&(t=t.toLowerCase()),t}onHeaderIconClicked(t){if(!this.isInSelectionMode&&!this.isAnimating)switch(t){case"arrow-down":case"arrow-up":this.expandBlock(!this.isExpanded)}}onHeaderClicked(){this.headerClicked.emit({name:this.formField.name}),"added"!==this.mode&&!this.isScoringMode()||this.blockFieldExpansion||this.isInSelectionMode||this.isAnimating||"no-expand"===this.mode||this.expandBlock(!this.isExpanded)}onParentBlockClick(t){this.isInSelectionMode&&(t.stopPropagation(),this.itemSelected.emit({name:this.formField.name}))}onRemoveCondition(t,o){t.stopPropagation(),this.removeConditionClicked.emit({name:o,conditionId:this.parentConditionId})}onRemoveAllPageConditions(t,o){t.stopPropagation(),this.pageLinks&&this.pageLinks.length>0&&this.pageLinks.forEach((t=>{this.removePageCondition.emit({slideIndex:t,conditionId:o._id})}))}onPageCondiionsChanged(t,o){t.detail&&t.detail.length>0&&o&&t.detail.forEach(((t,e)=>{t&&!this.pageLinks.includes(e)?this.addPageCondition.emit({slideIndex:e,condition:o}):!t&&this.pageLinks.includes(e)&&this.removePageCondition.emit({slideIndex:e,conditionId:o._id})}))}calculateNumberRatingTotal(t){var o;return(null===(o=this.formField)||void 0===o?void 0:o.scoringCategory)===c.numberRating&&this.formField.max?t*this.formField.max:this.formField.type===l.starrating?t*z:void 0}shouldHaveMax(){var t;return"scoring-percentage"===this.mode&&(null===(t=this.formField)||void 0===t?void 0:t.scoringCategory)===c.numberRating&&this.formField.type!==l.starrating&&!this.formField.max}hasCondition(){var t,o;return!!(null===(o=null===(t=this.formField)||void 0===t?void 0:t.fieldConditions)||void 0===o?void 0:o.length)}hasRestriction(){return this.formField&&this.formField.restrictionConditions&&this.formField.restrictionConditions.length>0}isScoringMode(){return"scoring"===this.mode||"scoring-percentage"===this.mode}onHoverPlusClicked(t,o){t?this.newConditionalFieldClicked.emit({condition:t,index:o}):this.createNewCondition.emit({name:this.formField.name})}renderConditions(){var t;return e("div",{class:"child-block"},null===(t=this.formField.fieldConditions)||void 0===t?void 0:t.map(((t,o)=>{var e,i;return[this.showConditionBlock&&this.renderConditionBlock(t.condition,!1,o===this.formField.fieldConditions.length-1,t.expandOnLoad,o>0?this.formField.fieldConditions[o-1].condition:null),!!(null===(e=t.pages)||void 0===e?void 0:e.length)&&this.renderPageConditionalBlocks(t.pages,o,o===this.formField.fieldConditions.length-1,!(t.fields&&t.fields.length>0),t.condition),!!(null===(i=t.fields)||void 0===i?void 0:i.length)&&this.renderFieldConditionBlocks(t,o,o===this.formField.fieldConditions.length-1)]})))}renderPageConditionalBlocks(t,o,e,i,a){const r=t.map((t=>t.pageIndex));return this.showConditions&&this.renderExpandablePageBlock(r,o,e,i,a)}renderFieldConditionBlocks(t,o,e){if(t.fields){const{sequentialFields:i,nonSequentialFields:a}=I(t),r=i&&i.length>0;return[null==a?void 0:a.map(((t,i)=>{if(t.formCreatorIndex<this.numberOfBlocksToRender)return this.renderExpandableFieldBlock(t,o,e,!r&&i===a.length-1)})),null==i?void 0:i.map(((t,a)=>{if(t.formCreatorIndex<this.numberOfBlocksToRender)return this.renderExpandableFieldBlock(t,o,e,a===i.length-1)}))]}}renderChildBlockMarkerAndIndicator(t,o=!1,i=!1,a){var r,n,c;let l=0;return t&&a&&this.sequentialConditionFields[(null===(r=this.sequentialConditionFields)||void 0===r?void 0:r.length)-1]?l=(null===(c=this.sequentialConditionFields[(null===(n=this.sequentialConditionFields)||void 0===n?void 0:n.length)-1])||void 0===c?void 0:c.lastSequentialFieldIndex)+1:t&&a&&(l=this.formField.formCreatorIndex+1),[!o&&!this.blockIndentation&&e("div",{class:{"child-block-marker":!0,[this.formField.category]:!t,condition:t,"has-hover-affect":this.showConditions&&i}},this.showConditions&&i&&e("yoo-tooltip",{placement:"left",hoverable:!0,content:b(a?"NEWFIELDUNDERCONDITION":"ADDCONDITION")},e("div",{class:"tooltip-container"},e("yoo-icon",{name:"circle-plus",color:t?"stable":"dark-to-light",class:{[this.formField.category]:!t},onClick:()=>this.onHoverPlusClicked(a,l)})))),e("div",{class:{"child-block-indicator":!0,[this.formField.category]:!t,condition:t,"indented-indicator":o,last:i}})]}renderConditionBlock(t,o,i=!1,a=!1,r=null){var n,c,l;const s=t.type,d=t.operator;let h,p=(null===(n=this.sequentialConditionFields.find((o=>o.conditionId===t._id)))||void 0===n?void 0:n.lastSequentialFieldIndex)||(null===(c=this.formField)||void 0===c?void 0:c.formCreatorIndex);switch(r&&(p=Math.max(p,null===(l=this.sequentialConditionFields.find((t=>t.conditionId===(null==r?void 0:r._id))))||void 0===l?void 0:l.lastSequentialFieldIndex)),s){case"field":h=t.values?t.values:[t.value];break;case"tags":h=t.tags;break;case"groups":h=t.group}return e("div",{class:"child-block-container condition"},this.renderChildBlockMarkerAndIndicator(o,!1,i),e("yoo-form-creator-condition-block",{class:"condition-child-block",operator:d,type:s,conditionValues:h,fieldValues:this.formField.values,parentFieldType:this.formField.type,parentFieldIcon:this.formField.icon,parentFieldName:this.formField.name,condition:t,itemList:this.itemList,pageIndex:this.formField.pageIndex,expandOnLoad:a,lastSequentialFieldIndex:p},("groups"===s||"tags"===s)&&e("div",{class:"tag-group-condition-slot",slot:t._id},e("slot",{name:t._id}))))}renderExpandableFieldBlock({opValues:t,required:o,hideMobile:i,formCreatorIndex:a,type:r,values:n,title:c,icon:l,category:s,customName:d,name:h,isExpanded:p,parentConditions:b,condition:m,nonSequentialConditionalFieldPosition:u,sequentialConditionalField:f,hasScoring:g,selected:k},v,y,x){const w=m,{restrictionConditions:C,fieldConditions:z}=j(w);null===n&&t&&t.length>0&&(n=t[0]);const I={title:c,icon:l,category:s,name:h,customName:d,expanded:p,parentFieldConditions:z,fieldConditions:b,nonSequentialConditionalFieldPosition:u,hasScoring:g,restrictionConditions:C,selected:k,type:r,values:n,pageIndex:this.formField.pageIndex,formCreatorIndex:a,required:o,hideMobile:i},S=(null==f?void 0:f.parentFieldName)===this.formField.name;if(!S&&u&&!this.showConditionBlock)return null;const{childFields:E,sequentialConditionFields:T}=O(b,a),N=Array.isArray(m)?m[0]:m;return e("div",{class:{"sortable-container child-block-container":!0,indent:this.showConditions},"data-id":h},this.renderChildBlockMarkerAndIndicator(this.showConditions,!1,x,N),!y&&this.showConditions&&this.renderChildBlockMarkerAndIndicator(!1,!0),e("yoo-form-creator-block-expandable",{key:`yoo-form-creator-block-expandable-${(null==E?void 0:E.length)||0}`,ref:t=>{this.expandableChildBlocks[v]=t},formField:I,initialBlockIndentation:this.blockIndentation,mode:u&&!S?"placeholder":"added",isInSelectionMode:this.isInSelectionMode,blockFieldExpansion:this.blockFieldExpansion,showConditions:this.showConditionBlock,numberOfBlocksToRender:this.numberOfBlocksToRender,sequentialConditionFields:T,itemList:this.itemList,parentConditionId:m._id},S&&e("div",{class:"nested-child-slot",slot:d||h},e("slot",{name:d||h})),null==E?void 0:E.map((t=>t.sequentialConditionalField&&e("div",{class:"child-slot",slot:t.name},e("slot",{name:t.name}))))))}renderExpandablePageBlock(t,o,i,a,r){return e("div",{class:{"sortable-container child-block-container":!0,indent:this.showConditions}},this.renderChildBlockMarkerAndIndicator(this.showConditions,!1,a),!i&&this.showConditions&&this.renderChildBlockMarkerAndIndicator(!1,!0),e("yoo-form-creator-block-expandable",{ref:t=>{this.expandableChildBlocks[o]=t},pageLinks:t,mode:"placeholder-page",formField:{title:b("SHOWPAGES"),category:s.page,icon:"pages",pageIndex:this.formField.pageIndex,pageCondition:r},itemList:this.itemList}))}renderHeader(){var t;return e("div",{class:"header",onClick:()=>this.onHeaderClicked()},e("div",{class:{"form-icon":!0,boost:"lesson"===this.campaignType,[this.formField.category]:!0,"no-scoring":this.isScoringMode()&&(null===(t=this.formField)||void 0===t?void 0:t.scoringCategory)===c.noScoring}},e("yoo-icon",{name:this.formIcon,color:"light",size:"small"}),("added"===this.mode||this.isScoringMode()||"no-expand"===this.mode)&&(this.formField.formCreatorIndex||0===this.formField.formCreatorIndex)&&e("div",{class:"position-title"},`${this.formField.formCreatorIndex+1}`)),e("div",{class:"title","data-id":this.formField.name},u(this.formField.title)),("added"===this.mode||this.isScoringMode()||"no-expand"===this.mode)&&this.renderActionIconsContainer(),"new"===this.mode&&this.renderAdd(),"placeholder"===this.mode&&this.renderPlaceholderLink(),"placeholder-page"===this.mode&&this.renderPagePlaceholder())}renderPagePlaceholder(){return e("div",{class:"icons-container pages"},e("yoo-context-menu",{contentButtons:this.pagePlaceholderActions,multipleSelection:!0,onContextMenuClosed:t=>this.onPageCondiionsChanged(t,this.formField.pageCondition)},e("div",{class:"page-title-container"},this.pageLinks&&this.pageLinks.length>0&&this.pageLinks.map(((t,o)=>e("div",{class:"page-title"},b("YOOBICPAGE")," ",t+1,o<this.pageLinks.length-1?",":""))))),e("div",{class:"icon-container"},e("yoo-icon",{name:"cross",color:"stable",onClick:t=>this.onRemoveAllPageConditions(t,this.formField.pageCondition)})))}renderPlaceholderLink(){const t=Object.assign(Object.assign({},this.formField.nonSequentialConditionalFieldPosition),{name:this.formField.name});return e("div",{class:"icons-container link",onClick:()=>this.linkToFieldClicked.emit(t)},e("div",{class:"page-title"},b("YOOBICPAGE")+" "+(this.formField.nonSequentialConditionalFieldPosition.slideIndex+1)),e("div",{class:"icon-container"},e("yoo-icon",{name:"view"}),e("yoo-icon",{name:"cross",color:"stable",onClick:t=>this.onRemoveCondition(t,this.formField.name)})))}onAdditionClicked(){this.additionClicked.emit({field:{title:this.formField.title,type:this.formField.type,icon:this.formField.icon,category:this.formField.category,config:this.formField.config},customFieldId:this.formField.name})}renderAdd(){const t=[{text:b("YOOBICADD"),icon:"plus",handler:()=>this.onAdditionClicked()},{text:b("YOOBICEDIT"),icon:"pen",handler:()=>this.customFieldBlockEdited.emit(this.formField.name)},{text:b("DELETE"),icon:"delete",handler:()=>this.customFieldBlockDeleted.emit(this.formField.name)}];return e("div",{class:{"icons-container":!0,"custom-field":this.formField.category===s.customfield},onClick:()=>this.onAdditionClicked()},this.formField.category===s.customfield&&e("yoo-context-menu",{contentButtons:t},this.renderIcon("more")),e("div",{class:{"icon-container":!0,plus:!0}},e("yoo-icon",{name:"circle-plus",color:"stable-alt"})))}renderActionIconsContainer(){var t,o;return e("div",{class:"icons-container",onClick:t=>t.stopPropagation()},null===(null===(t=this.formField)||void 0===t?void 0:t.title)&&"added"===this.mode&&this.renderIcon("rejected","danger"),this.options.includes(d.logic)&&(null===(o=this.formField.parentFieldConditions)||void 0===o?void 0:o.length)>0&&e("yoo-tooltip",{placement:"left",hoverable:!0,content:b("DISPLAYRESTRICTIONCONDITION")},e("yoo-context-menu",{contentButtons:this.conditionActions},this.renderIcon("condition","app-color"))),this.options.includes(d.logic)&&this.hasRestriction()&&e("yoo-tooltip",{placement:"left",hoverable:!0,content:b("DISPLAYRESTRICTIONCONDITION")},e("yoo-context-menu",{contentButtons:this.restrictionActions},this.renderIcon("restriction","app-color"))),this.formField&&this.formField.required&&"lesson"!==this.campaignType&&this.renderIcon("mandatory","danger"),this.formField&&this.formField.hideMobile&&this.renderIcon("offline","text-color"),!this.isScoringMode()&&e("yoo-context-menu",{contentButtons:this.secondaryActions,onContextMenuClosed:()=>this.showInvisibleContent=!1},this.renderIcon("more")),this.renderIcon(this.isExpanded?"arrow-up":"arrow-down"))}renderIcon(t,o="stable"){var i;const a="arrow-up"===t||"arrow-down"===t;return e("div",{class:{"icon-container":!0,dropdown:a},onClick:()=>this.onHeaderIconClicked(t)},e("yoo-icon",{"data-id":this.formField.name,ref:t=>{a&&(this.arrowElement=t)},name:t,color:o,class:{conditional:(null===(i=this.formField.parentFieldConditions)||void 0===i?void 0:i.length)>0}}))}renderScoringContent(){var t,o;return e("div",{class:"scoring-content",ref:t=>this.scoringContentBlock=t},e("div",{class:"content-header"},e("span",{class:"content-header-title"},b((null===(t=this.formField)||void 0===t?void 0:t.scoringCategory)===c.noScoring?"SCORINGNOTSUPPORTED":"SCORES")),this.hasFormattedScoring()&&!this.isMissingValues()&&(null===(o=this.formField)||void 0===o?void 0:o.hasScoring)&&e("yoo-button",{size:"small",color:"danger",onClick:this.onClearScore},e("yoo-icon",{name:"rubber",color:"light",size:"small"}))),this.shouldHaveMax()?e("h5",null,b("NOMAX")):this.renderScoringValuesContainer())}isMissingValues(){var t,o,e;return((null===(t=this.formField)||void 0===t?void 0:t.scoringCategory)===c.singleChoice||(null===(o=this.formField)||void 0===o?void 0:o.scoringCategory)===c.multipleChoice)&&!(null===(e=this.formField.values)||void 0===e?void 0:e.length)}renderScoringValuesContainer(){var t,o,i,a;return e("div",{class:"values-container "+(this.isMissingValues()?"missing-values":"")},((null===(t=this.formField)||void 0===t?void 0:t.scoringCategory)===c.singleChoice||(null===(o=this.formField)||void 0===o?void 0:o.scoringCategory)===c.multipleChoice)&&this.formField.values&&this.formField.values.map(((t,o)=>{let e;this.hasFormattedScoring()&&(e=this.findScoringValuePair(t)?this.findScoringValuePair(t).score:null);const i={valueText:t,score:e,notApplicable:y(e)};return this.renderScoringInput(i,o)})),(null===(i=this.formField)||void 0===i?void 0:i.scoringCategory)===c.presence&&this.getPresenceScoringContent(),(null===(a=this.formField)||void 0===a?void 0:a.scoringCategory)===c.numberRating&&this.getNumberRatingScoringContent(),this.isMissingValues()&&e("div",{class:"missing-values-text"},b("MISSINGVALUEFORSCORING")))}findScoringValuePair(t){return this.formField.formattedScoring.scoreValuePairs.find((o=>o.value===t))}getNumberRatingScoringContent(){let t,o={valueText:b("SCORINGRATIO")};return this.hasFormattedScoring()&&(t=this.formField.formattedScoring.scoreValuePairs[0].score,o=Object.assign(Object.assign({},o),{score:t,notApplicable:y(t),tooltip:b("SCORINGRATIOTOOLTIP")})),this.renderScoringInput(o,t)}getPresenceScoringContent(){const t={valueText:b("VALUE/TRUE")},o={valueText:b("NOVALUE/FALSE")};return this.hasFormattedScoring()&&(t.score=this.findScoringValuePair("value/true").score,t.notApplicable=y(t.score),o.score=this.findScoringValuePair("novalue/false").score,o.notApplicable=y(o.score)),[this.renderScoringInput(t,0),this.renderScoringInput(o,1)]}renderScoringInput(t,o=0){return e("div",{class:"value-container"},e("div",{class:"value-text"},u(t.valueText.toUpperCase())),e("div",{class:"input-container"},e("yoo-form-input",{ref:t=>this.scoringInputs[o]=t,forceValueUpdate:!0,type:"number",value:t.score,placeholder:b("ADDVALUE"),hasIconPrefix:!1,disabled:t.notApplicable,size:"medium",initialCheckboxParams:this.formField.scoringCategory!==c.numberRating?{header:"N/A",value:t.notApplicable}:null,tooltip:t.tooltip,onInputChanged:this.onScoringInputChanged.bind(this,t.valueText)})))}shouldExpandInScoring(){return this.isScoringMode()&&(this.formField.type===l.selectbuttons||this.formField.type===l.number||this.formField.type===l.numberpicker||this.formField.type===l.formula||this.formField.type===l.select)}renderContent(){return e("div",{class:"content-container",ref:t=>this.contentBlockElement=t},e("slot",{name:this.formField.customName||this.formField.name}),e("div",{class:{invisible:!0,show:this.showInvisibleContent}}),"lesson"!==this.campaignType&&!this.isScoringMode()&&!x.includes(this.formField.category)&&e("div",{class:"bottom-button-container",ref:t=>this.contentBottomElement=t},e("yoo-tooltip",{placement:"left",hoverable:!0,content:b("ADDCONDITIONTOOLTIP")},e("yoo-button",{size:"medium",color:"light-to-dark",onClick:()=>this.createNewCondition.emit({name:this.formField.name})},e("yoo-icon",{size:"small",slot:"start",name:"condition"})," ",b("ADDCONDITION")))))}renderOuterContainer(){var t,o;const i=!!(this.formField||"placeholder-page"===this.mode&&this.pageLinks),a=!(!this.formField||"placeholder"===this.mode||"placeholder-page"===this.mode||this.isScoringMode());return e("div",{class:"outer-container"},e("div",{class:{"parent-block-container":!0,[null===(t=this.formField)||void 0===t?void 0:t.category]:!0,[null===(o=this.formField)||void 0===o?void 0:o.type]:!0}},i&&this.renderHeader(),a&&this.renderContent(),this.isScoringMode()&&this.renderScoringContent()),this.hasCondition()&&!this.isScoringMode()&&"placeholder"!==this.mode&&this.renderConditions())}render(){var t,o,a;return e(i,{class:{"selection-mode":this.isInSelectionMode,selected:this.isInSelectionMode&&this.formField.selected,placeholder:"placeholder"===this.mode||"placeholder-page"===this.mode,"no-scoring":(null===(t=this.formField)||void 0===t?void 0:t.scoringCategory)===c.noScoring,expanded:this.isExpanded,"no-indentation":this.blockIndentation,invalid:null===(null===(o=this.formField)||void 0===o?void 0:o.title)&&"added"===this.mode},"data-type":null===(a=this.formField)||void 0===a?void 0:a.type,onClick:t=>this.onParentBlockClick(t)},this.isInSelectionMode&&e("yoo-icon",{class:"select",name:this.formField.selected?"check":"circle",color:this.formField.selected?"app-color":"stable",size:"small"}),"new"===this.mode&&this.formField.category===s.customfield&&this.formField.description?e("yoo-tooltip",{content:u(this.formField.description)},this.renderOuterContainer()):this.renderOuterContainer())}get host(){return a(this)}static get watchers(){return{formField:["onFormField"],showConditions:["onShowConditions"],mode:["onModeChange"]}}};S.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}:host{--expandable-block-border:none}:host .outer-container .parent-block-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;min-height:2.5rem;margin:var(--spacing-10-deprecated, 0.625rem) 0;background:var(--light-to-dark, #ffffff);border-radius:0.25rem;-webkit-box-shadow:0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08);box-shadow:0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08);-webkit-transition:0.3s;transition:0.3s}:host .outer-container .parent-block-container .header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.5rem}:host .outer-container .parent-block-container .header .condition-icon,:host .outer-container .parent-block-container .header .form-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:1.25rem;min-height:1.25rem;margin-left:var(--spacing-10-deprecated, 0.625rem);border-radius:0.25rem}:host .outer-container .parent-block-container .header .condition-icon yoo-icon,:host .outer-container .parent-block-container .header .condition-icon .position-title,:host .outer-container .parent-block-container .header .form-icon yoo-icon,:host .outer-container .parent-block-container .header .form-icon .position-title{margin:0 var(--spacing-04, 0.25rem)}:host .outer-container .parent-block-container .header .condition-icon yoo-icon,:host .outer-container .parent-block-container .header .form-icon yoo-icon{min-width:var(--icon-size-01, 1rem);font-size:var(--icon-size-01, 1rem)}:host .outer-container .parent-block-container .header .condition-icon .position-title,:host .outer-container .parent-block-container .header .form-icon .position-title{color:var(--light, #ffffff);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .parent-block-container .header .title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-ms-flex:1;flex:1;width:100%;margin-left:var(--spacing-10-deprecated, 0.625rem)}:host .outer-container .parent-block-container .header .icons-container{position:relative;display:-ms-flexbox;display:flex}:host .outer-container .parent-block-container .header .icons-container .icon-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--spacing-20-deprecated, 1.25rem);margin-right:var(--spacing-10-deprecated, 0.625rem)}:host .outer-container .parent-block-container .header .icons-container .icon-container yoo-icon{font-size:var(--font-size-20, 1.25rem)}:host .outer-container .parent-block-container .header .icons-container .icon-container.dropdown{width:2.125rem;margin-right:0}:host .outer-container .parent-block-container .header .icons-container .icon-container.dropdown::after{position:absolute;left:0;width:0.0625rem;height:1.125rem;background:var(--stable-light, #f1f1f1);content:""}:host .outer-container .parent-block-container .header .icons-container .icon-container.plus{width:2.125rem;height:2.125rem}:host .outer-container .parent-block-container .header .icons-container .icon-container.plus yoo-icon{font-size:var(--icon-size-02, 1.5rem)}:host .outer-container .parent-block-container .header .icons-container yoo-context-menu{--width-dropdown-content:10rem;--max-width-dropdown-content:unset}:host yoo-icon.select{position:absolute;margin-top:var(--spacing-12-deprecated, 0.75rem)}:host .outer-container{position:relative}:host .outer-container .parent-block-condition,:host .outer-container .parent-block-container{border-color:var(--accent, #276ef1);position:relative;border:var(--expandable-block-border)}:host .outer-container .parent-block-condition.multimedia,:host .outer-container .parent-block-condition.learn,:host .outer-container .parent-block-condition.uiactions,:host .outer-container .parent-block-container.multimedia,:host .outer-container .parent-block-container.learn,:host .outer-container .parent-block-container.uiactions{border-color:var(--info, #fc459e)}:host .outer-container .parent-block-condition.select,:host .outer-container .parent-block-condition.events,:host .outer-container .parent-block-condition.dataevents,:host .outer-container .parent-block-container.select,:host .outer-container .parent-block-container.events,:host .outer-container .parent-block-container.dataevents{border-color:var(--accent, #276ef1)}:host .outer-container .parent-block-condition.textcategory,:host .outer-container .parent-block-container.textcategory{border-color:var(--energized, #fed05b)}:host .outer-container .parent-block-condition.number,:host .outer-container .parent-block-condition.appcreatorapp,:host .outer-container .parent-block-container.number,:host .outer-container .parent-block-container.appcreatorapp{border-color:var(--royal, #7577ff)}:host .outer-container .parent-block-condition.information,:host .outer-container .parent-block-condition.nativeactions,:host .outer-container .parent-block-container.information,:host .outer-container .parent-block-container.nativeactions{border-color:var(--warning, #ff6402)}:host .outer-container .parent-block-condition.no-scoring,:host .outer-container .parent-block-container.no-scoring{border-color:var(--stable-alt, #d0d0d0)}:host .outer-container .parent-block-condition.actioncategory,:host .outer-container .parent-block-condition.logic,:host .outer-container .parent-block-container.actioncategory,:host .outer-container .parent-block-container.logic{border-color:var(--anthracite, #1a1a1a)}:host .outer-container .parent-block-condition.dateandtime,:host .outer-container .parent-block-container.dateandtime{border-color:var(--dark-to-light, #000000)}:host .outer-container .parent-block-condition.catalogandbarcode,:host .outer-container .parent-block-condition.notifications,:host .outer-container .parent-block-container.catalogandbarcode,:host .outer-container .parent-block-container.notifications{border-color:var(--danger, #d44333)}:host .outer-container .parent-block-condition.contactdetail,:host .outer-container .parent-block-condition.engage,:host .outer-container .parent-block-container.contactdetail,:host .outer-container .parent-block-container.engage{border-color:var(--light-orange, #fcae49)}:host .outer-container .parent-block-condition.condition,:host .outer-container .parent-block-container.condition{border-color:var(--stable, #adadad)}:host .outer-container .parent-block-condition.page,:host .outer-container .parent-block-condition.dataactions,:host .outer-container .parent-block-condition.operate,:host .outer-container .parent-block-container.page,:host .outer-container .parent-block-container.dataactions,:host .outer-container .parent-block-container.operate{border-color:var(--success, #3aa76d)}:host .outer-container .parent-block-condition.customfield,:host .outer-container .parent-block-container.customfield{border-color:var(--royal, #7577ff)}:host .outer-container .parent-block-condition .header,:host .outer-container .parent-block-container .header{cursor:-webkit-grab;cursor:grab}:host .outer-container .parent-block-condition .header .form-icon,:host .outer-container .parent-block-container .header .form-icon{background-color:var(--accent, #276ef1)}:host .outer-container .parent-block-condition .header .form-icon.multimedia,:host .outer-container .parent-block-condition .header .form-icon.learn,:host .outer-container .parent-block-condition .header .form-icon.uiactions,:host .outer-container .parent-block-container .header .form-icon.multimedia,:host .outer-container .parent-block-container .header .form-icon.learn,:host .outer-container .parent-block-container .header .form-icon.uiactions{background-color:var(--info, #fc459e)}:host .outer-container .parent-block-condition .header .form-icon.select,:host .outer-container .parent-block-condition .header .form-icon.events,:host .outer-container .parent-block-condition .header .form-icon.dataevents,:host .outer-container .parent-block-container .header .form-icon.select,:host .outer-container .parent-block-container .header .form-icon.events,:host .outer-container .parent-block-container .header .form-icon.dataevents{background-color:var(--accent, #276ef1)}:host .outer-container .parent-block-condition .header .form-icon.textcategory,:host .outer-container .parent-block-container .header .form-icon.textcategory{background-color:var(--energized, #fed05b)}:host .outer-container .parent-block-condition .header .form-icon.number,:host .outer-container .parent-block-condition .header .form-icon.appcreatorapp,:host .outer-container .parent-block-container .header .form-icon.number,:host .outer-container .parent-block-container .header .form-icon.appcreatorapp{background-color:var(--royal, #7577ff)}:host .outer-container .parent-block-condition .header .form-icon.information,:host .outer-container .parent-block-condition .header .form-icon.nativeactions,:host .outer-container .parent-block-container .header .form-icon.information,:host .outer-container .parent-block-container .header .form-icon.nativeactions{background-color:var(--warning, #ff6402)}:host .outer-container .parent-block-condition .header .form-icon.no-scoring,:host .outer-container .parent-block-container .header .form-icon.no-scoring{background-color:var(--stable-alt, #d0d0d0)}:host .outer-container .parent-block-condition .header .form-icon.actioncategory,:host .outer-container .parent-block-condition .header .form-icon.logic,:host .outer-container .parent-block-container .header .form-icon.actioncategory,:host .outer-container .parent-block-container .header .form-icon.logic{background-color:var(--anthracite, #1a1a1a)}:host .outer-container .parent-block-condition .header .form-icon.dateandtime,:host .outer-container .parent-block-container .header .form-icon.dateandtime{background-color:var(--dark-to-light, #000000)}:host .outer-container .parent-block-condition .header .form-icon.catalogandbarcode,:host .outer-container .parent-block-condition .header .form-icon.notifications,:host .outer-container .parent-block-container .header .form-icon.catalogandbarcode,:host .outer-container .parent-block-container .header .form-icon.notifications{background-color:var(--danger, #d44333)}:host .outer-container .parent-block-condition .header .form-icon.contactdetail,:host .outer-container .parent-block-condition .header .form-icon.engage,:host .outer-container .parent-block-container .header .form-icon.contactdetail,:host .outer-container .parent-block-container .header .form-icon.engage{background-color:var(--light-orange, #fcae49)}:host .outer-container .parent-block-condition .header .form-icon.condition,:host .outer-container .parent-block-container .header .form-icon.condition{background-color:var(--stable, #adadad)}:host .outer-container .parent-block-condition .header .form-icon.page,:host .outer-container .parent-block-condition .header .form-icon.dataactions,:host .outer-container .parent-block-condition .header .form-icon.operate,:host .outer-container .parent-block-container .header .form-icon.page,:host .outer-container .parent-block-container .header .form-icon.dataactions,:host .outer-container .parent-block-container .header .form-icon.operate{background-color:var(--success, #3aa76d)}:host .outer-container .parent-block-condition .header .form-icon.customfield,:host .outer-container .parent-block-container .header .form-icon.customfield{background-color:var(--royal, #7577ff)}:host .outer-container .parent-block-condition .header .icons-container .icon-container.dropdown,:host .outer-container .parent-block-condition .header .icons-container .icon-container.plus,:host .outer-container .parent-block-container .header .icons-container .icon-container.dropdown,:host .outer-container .parent-block-container .header .icons-container .icon-container.plus{cursor:pointer}:host .outer-container .parent-block-condition .header .icons-container.link,:host .outer-container .parent-block-container .header .icons-container.link{color:var(--app-color);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .parent-block-condition .header .icons-container.link .page-title,:host .outer-container .parent-block-condition .header .icons-container.pages .page-title,:host .outer-container .parent-block-container .header .icons-container.link .page-title,:host .outer-container .parent-block-container .header .icons-container.pages .page-title{margin-right:var(--spacing-10-deprecated, 0.625rem)}:host .outer-container .parent-block-condition .header .icons-container.link .icon-container,:host .outer-container .parent-block-condition .header .icons-container.pages .icon-container,:host .outer-container .parent-block-container .header .icons-container.link .icon-container,:host .outer-container .parent-block-container .header .icons-container.pages .icon-container{width:auto}:host .outer-container .parent-block-condition .header .icons-container.pages .page-title-container,:host .outer-container .parent-block-container .header .icons-container.pages .page-title-container{display:-ms-flexbox;display:flex}:host .outer-container .parent-block-condition .header .icons-container.pages .page-title,:host .outer-container .parent-block-container .header .icons-container.pages .page-title{color:var(--app-color);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .parent-block-condition .header .icons-container.custom-field yoo-context-menu,:host .outer-container .parent-block-container .header .icons-container.custom-field yoo-context-menu{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .outer-container .parent-block-condition .header .icons-container.custom-field .icon-container.plus,:host .outer-container .parent-block-container .header .icons-container.custom-field .icon-container.plus{padding-left:var(--spacing-04, 0.25rem)}:host .outer-container .parent-block-condition .header .icons-container yoo-context-menu,:host .outer-container .parent-block-container .header .icons-container yoo-context-menu{cursor:pointer}:host .outer-container .parent-block-condition .content-container,:host .outer-container .parent-block-container .content-container{position:relative;z-index:1;display:none;height:0;overflow:hidden}:host .outer-container .parent-block-condition .content-container slot,:host .outer-container .parent-block-container .content-container slot{display:none;opacity:0}:host .outer-container .parent-block-condition .content-container .invisible,:host .outer-container .parent-block-container .content-container .invisible{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%}:host .outer-container .parent-block-condition .content-container .invisible.show,:host .outer-container .parent-block-container .content-container .invisible.show{z-index:100}:host .outer-container .parent-block-condition .content-container .bottom-button-container,:host .outer-container .parent-block-container .content-container .bottom-button-container{display:none;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;width:100%;height:3.5rem;border-top:0.0625rem solid var(--stable-alt, #d0d0d0)}:host .outer-container .parent-block-condition .content-container .bottom-button-container yoo-button,:host .outer-container .parent-block-container .content-container .bottom-button-container yoo-button{position:relative;z-index:101;margin-right:var(--spacing-16, 1rem)}:host .outer-container .parent-block-condition .scoring-content,:host .outer-container .parent-block-container .scoring-content{display:none;height:0px;padding:var(--spacing-10-deprecated, 0.625rem);opacity:0}:host .outer-container .parent-block-condition .scoring-content .content-header,:host .outer-container .parent-block-container .scoring-content .content-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-bottom:var(--spacing-10-deprecated, 0.625rem)}:host .outer-container .parent-block-condition .scoring-content .content-header yoo-button,:host .outer-container .parent-block-container .scoring-content .content-header yoo-button{max-width:3rem}:host .outer-container .parent-block-condition .scoring-content .content-header .content-header-title,:host .outer-container .parent-block-container .scoring-content .content-header .content-header-title{padding-right:var(--spacing-10-deprecated, 0.625rem);font-size:var(--font-size-12, 0.75rem)}:host .outer-container .parent-block-condition .scoring-content .values-container,:host .outer-container .parent-block-container .scoring-content .values-container{display:grid !important;grid-row-gap:var(--spacing-20-deprecated, 1.25rem);grid-column-gap:var(--spacing-20-deprecated, 1.25rem);grid-template-columns:repeat(2, 1fr)}:host .outer-container .parent-block-condition .scoring-content .values-container.missing-values,:host .outer-container .parent-block-container .scoring-content .values-container.missing-values{display:-ms-flexbox !important;display:flex !important}:host .outer-container .parent-block-condition .scoring-content .values-container .value-container .value-text,:host .outer-container .parent-block-container .scoring-content .values-container .value-container .value-text{font-size:var(--font-size-12, 0.75rem)}:host .outer-container .parent-block-condition .scoring-content .values-container .input-container,:host .outer-container .parent-block-container .scoring-content .values-container .input-container{display:-ms-flexbox;display:flex}:host .outer-container .parent-block-condition .scoring-content .values-container .input-container yoo-form-input,:host .outer-container .parent-block-container .scoring-content .values-container .input-container yoo-form-input{-ms-flex:1;flex:1}:host .outer-container .parent-block-condition .scoring-content .values-container .input-container yoo-form-checkbox,:host .outer-container .parent-block-container .scoring-content .values-container .input-container yoo-form-checkbox{-ms-flex-item-align:center;align-self:center;padding-top:var(--spacing-05-deprecated, 0.3125rem);padding-left:var(--spacing-10-deprecated, 0.625rem)}:host .outer-container .parent-block-condition .child-block-indicator{position:absolute;top:auto;right:auto;bottom:-0.625rem;left:1.09375rem;height:0.625rem}:host .outer-container .child-block{margin-left:3.125rem}:host .outer-container .child-block:nth-child(1){z-index:9}:host .outer-container .child-block:nth-child(2){z-index:8}:host .outer-container .child-block:nth-child(3){z-index:7}:host .outer-container .child-block:nth-child(4){z-index:6}:host .outer-container .child-block:nth-child(5){z-index:5}:host .outer-container .child-block:nth-child(6){z-index:4}:host .outer-container .child-block:nth-child(7){z-index:3}:host .outer-container .child-block:nth-child(8){z-index:2}:host .outer-container .child-block:nth-child(9){z-index:1}:host .outer-container .child-block:nth-child(10){z-index:0}:host .outer-container .child-block .child-block-container{position:relative}:host .outer-container .child-block .child-block-container.indent{margin-left:3.125rem}:host .outer-container .child-block .child-block-container .child-block-marker{background-color:var(--accent, #276ef1);position:absolute;top:1.09375rem;right:auto;bottom:auto;left:-2.0625rem;width:0.4375rem;height:0.4375rem;border-radius:50%}:host .outer-container .child-block .child-block-container .child-block-marker.multimedia,:host .outer-container .child-block .child-block-container .child-block-marker.learn,:host .outer-container .child-block .child-block-container .child-block-marker.uiactions{background-color:var(--info, #fc459e)}:host .outer-container .child-block .child-block-container .child-block-marker.select,:host .outer-container .child-block .child-block-container .child-block-marker.events,:host .outer-container .child-block .child-block-container .child-block-marker.dataevents{background-color:var(--accent, #276ef1)}:host .outer-container .child-block .child-block-container .child-block-marker.textcategory{background-color:var(--energized, #fed05b)}:host .outer-container .child-block .child-block-container .child-block-marker.number,:host .outer-container .child-block .child-block-container .child-block-marker.appcreatorapp{background-color:var(--royal, #7577ff)}:host .outer-container .child-block .child-block-container .child-block-marker.information,:host .outer-container .child-block .child-block-container .child-block-marker.nativeactions{background-color:var(--warning, #ff6402)}:host .outer-container .child-block .child-block-container .child-block-marker.no-scoring{background-color:var(--stable-alt, #d0d0d0)}:host .outer-container .child-block .child-block-container .child-block-marker.actioncategory,:host .outer-container .child-block .child-block-container .child-block-marker.logic{background-color:var(--anthracite, #1a1a1a)}:host .outer-container .child-block .child-block-container .child-block-marker.dateandtime{background-color:var(--dark-to-light, #000000)}:host .outer-container .child-block .child-block-container .child-block-marker.catalogandbarcode,:host .outer-container .child-block .child-block-container .child-block-marker.notifications{background-color:var(--danger, #d44333)}:host .outer-container .child-block .child-block-container .child-block-marker.contactdetail,:host .outer-container .child-block .child-block-container .child-block-marker.engage{background-color:var(--light-orange, #fcae49)}:host .outer-container .child-block .child-block-container .child-block-marker.condition{background-color:var(--stable, #adadad)}:host .outer-container .child-block .child-block-container .child-block-marker.page,:host .outer-container .child-block .child-block-container .child-block-marker.dataactions,:host .outer-container .child-block .child-block-container .child-block-marker.operate{background-color:var(--success, #3aa76d)}:host .outer-container .child-block .child-block-container .child-block-marker.customfield{background-color:var(--royal, #7577ff)}:host .outer-container .child-block .child-block-container .child-block-marker .tooltip-container{position:absolute;top:-0.5rem;right:auto;bottom:auto;left:-0.5rem;width:1.5rem;height:1.5rem}:host .outer-container .child-block .child-block-container .child-block-marker .tooltip-container yoo-icon{opacity:0;-webkit-transition:0.2s;transition:0.2s;position:absolute;top:0;right:auto;bottom:auto;left:0}:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover{height:0}:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon{opacity:1}:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable){color:var(--accent, #276ef1)}:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).multimedia,:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).learn,:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).uiactions{color:var(--info, #fc459e)}:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).select,:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).events,:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).dataevents{color:var(--accent, #276ef1)}:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).textcategory{color:var(--energized, #fed05b)}:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).number,:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).appcreatorapp{color:var(--royal, #7577ff)}:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).information,:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).nativeactions{color:var(--warning, #ff6402)}:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).no-scoring{color:var(--stable-alt, #d0d0d0)}:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).actioncategory,:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).logic{color:var(--anthracite, #1a1a1a)}:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).dateandtime{color:var(--dark-to-light, #000000)}:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).catalogandbarcode,:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).notifications{color:var(--danger, #d44333)}:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).contactdetail,:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).engage{color:var(--light-orange, #fcae49)}:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).condition{color:var(--stable, #adadad)}:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).page,:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).dataactions,:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).operate{color:var(--success, #3aa76d)}:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).customfield{color:var(--royal, #7577ff)}:host .outer-container .child-block .child-block-container .child-block-indicator{position:absolute;top:-0.625rem;right:auto;bottom:0;left:-1.875rem}:host .outer-container .child-block .child-block-container .child-block-indicator.indented-indicator{left:-5rem}:host .outer-container .child-block .child-block-container .child-block-indicator.last{bottom:auto;height:1.71875rem}:host .outer-container .child-block.top .child-block-container .child-block-indicator{top:1.1rem;bottom:-0.625rem;height:auto}:host .outer-container .child-block-indicator{background-color:var(--accent, #276ef1);z-index:0;width:0.0625rem}:host .outer-container .child-block-indicator.multimedia,:host .outer-container .child-block-indicator.learn,:host .outer-container .child-block-indicator.uiactions{background-color:var(--info, #fc459e)}:host .outer-container .child-block-indicator.select,:host .outer-container .child-block-indicator.events,:host .outer-container .child-block-indicator.dataevents{background-color:var(--accent, #276ef1)}:host .outer-container .child-block-indicator.textcategory{background-color:var(--energized, #fed05b)}:host .outer-container .child-block-indicator.number,:host .outer-container .child-block-indicator.appcreatorapp{background-color:var(--royal, #7577ff)}:host .outer-container .child-block-indicator.information,:host .outer-container .child-block-indicator.nativeactions{background-color:var(--warning, #ff6402)}:host .outer-container .child-block-indicator.no-scoring{background-color:var(--stable-alt, #d0d0d0)}:host .outer-container .child-block-indicator.actioncategory,:host .outer-container .child-block-indicator.logic{background-color:var(--anthracite, #1a1a1a)}:host .outer-container .child-block-indicator.dateandtime{background-color:var(--dark-to-light, #000000)}:host .outer-container .child-block-indicator.catalogandbarcode,:host .outer-container .child-block-indicator.notifications{background-color:var(--danger, #d44333)}:host .outer-container .child-block-indicator.contactdetail,:host .outer-container .child-block-indicator.engage{background-color:var(--light-orange, #fcae49)}:host .outer-container .child-block-indicator.condition{background-color:var(--stable, #adadad)}:host .outer-container .child-block-indicator.page,:host .outer-container .child-block-indicator.dataactions,:host .outer-container .child-block-indicator.operate{background-color:var(--success, #3aa76d)}:host .outer-container .child-block-indicator.customfield{background-color:var(--royal, #7577ff)}:host .nested-child-slot,:host .child-slot{width:100%}:host(.selection-mode){position:relative}:host(.selection-mode):before{position:absolute;top:var(--spacing-10-deprecated, 0.625rem);right:auto;bottom:auto;left:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(.selection-mode) .outer-container{margin-left:var(--spacing-30-deprecated, 1.875rem)}:host(.no-scoring) .outer-container .parent-block-container{background:var(--stable-light, #f1f1f1);border:0.0625rem solid var(--stable-alt, #d0d0d0);border-radius:0.25rem;-webkit-box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08))}:host(.placeholder) .parent-block-container{background:var(--stable-light-to-dark, #f1f1f1);border:0.0625rem solid var(--stable-alt, #d0d0d0) !important}:host(.expanded) .outer-container{position:relative}:host(.expanded) .outer-container .parent-block-condition .content-container,:host(.expanded) .outer-container .parent-block-container .content-container{overflow:unset}:host(.expanded) .outer-container .parent-block-condition .header,:host(.expanded) .outer-container .parent-block-container .header{cursor:auto}:host(.no-indentation) .outer-container .child-block{margin-left:0}:host(.no-indentation) .outer-container .child-block .child-block-container.indent{margin-left:0}:host(.no-indentation) .outer-container .child-block .child-block-container .child-block-indicator{left:1.875rem;height:0.625rem}:host(.invalid) .outer-container .parent-block-container{border:var(--border-width-01, 0.0625rem) solid var(--danger, #d44333)}:host(.overlay-active) .outer-container .parent-block-container .header{cursor:pointer}';export{S as yoo_form_creator_block_expandable}
+import{r as t,c as o,h as e,H as i,g as a}from"./p-c26cc6ff.js";import{w as r,A as n,S as c,F as l,l as s,i as d}from"./p-4d956bd4.js";import{w as h,a1 as p,t as b,Z as m,Y as u,a3 as f,T as g,c2 as k}from"./p-a966475f.js";import{y as v,z as y}from"./p-9a039ee7.js";import{N as x}from"./p-67fc8d0d.js";import{l as w,R as C,S as z,T as I,I as j,J as O}from"./p-263c9bdb.js";import"./p-0bb947fc.js";import"./p-cfdeea96.js";import"./p-c5108113.js";import"./p-43f71ef3.js";import"./p-a1142cd3.js";import"./p-b5ba03fd.js";import"./p-56bcc009.js";import"./p-baaa30cf.js";import"./p-e3093327.js";import"./p-15fd070c.js";import"./p-9229f5bb.js";import"./p-e0d6fbed.js";import"./p-ca8f9900.js";import"./p-2f6b3544.js";import"./p-c5efae11.js";import"./p-b4aad66a.js";import"./p-f9649bd9.js";import"./p-773567d1.js";import"./p-1901b669.js";import"./p-3fc615dd.js";import"./p-ba705441.js";import"./p-5ebbcf89.js";import"./p-49399b44.js";import"./p-3c4a6a3e.js";import"./p-55a739af.js";import"./p-bdb9f4f1.js";import"./p-12bedee1.js";import"./p-e1378940.js";import"./p-179b66ff.js";import"./p-cfca4271.js";import"./p-a7d0e964.js";import"./p-c06335c1.js";import"./p-01267bd9.js";import"./p-bd19a341.js";import"./p-935fbfac.js";import"./p-2043b4c7.js";import"./p-0dae56e6.js";import"./p-10b2bb56.js";import"./p-6348f445.js";import"./p-c412a16f.js";import"./p-b5241164.js";import"./p-9de400aa.js";import"./p-dd576b82.js";import"./p-d7e73bcb.js";const S=class{constructor(e){t(this,e),this.blockExpanded=o(this,"blockExpanded",7),this.headerClicked=o(this,"headerClicked",7),this.duplicateClicked=o(this,"duplicateClicked",7),this.moveUpClicked=o(this,"moveUpClicked",7),this.moveDownClicked=o(this,"moveDownClicked",7),this.saveAsTemplateClicked=o(this,"saveAsTemplateClicked",7),this.markAsMandatoryClicked=o(this,"markAsMandatoryClicked",7),this.deleteClicked=o(this,"deleteClicked",7),this.restrictionConditionClicked=o(this,"restrictionConditionClicked",7),this.additionClicked=o(this,"additionClicked",7),this.customFieldBlockEdited=o(this,"customFieldBlockEdited",7),this.customFieldBlockDeleted=o(this,"customFieldBlockDeleted",7),this.conditionClicked=o(this,"conditionClicked",7),this.removeConditionClicked=o(this,"removeConditionClicked",7),this.linkToFieldClicked=o(this,"linkToFieldClicked",7),this.pagePlaceholderClicked=o(this,"pagePlaceholderClicked",7),this.scoreChanged=o(this,"scoreChanged",7),this.scoreAdded=o(this,"scoreAdded",7),this.scoreDeleted=o(this,"scoreDeleted",7),this.itemSelected=o(this,"itemSelected",7),this.addPageCondition=o(this,"addPageCondition",7),this.removePageCondition=o(this,"removePageCondition",7),this.translateFieldClicked=o(this,"translateFieldClicked",7),this.newConditionalFieldClicked=o(this,"newConditionalFieldClicked",7),this.createNewCondition=o(this,"createNewCondition",7),this.createNewRestriction=o(this,"createNewRestriction",7),this.moveFieldClicked=o(this,"moveFieldClicked",7),this.options=r,this.isInSelectionMode=!1,this.disableFieldTranslation=!1,this.blockFieldExpansion=!1,this.initialBlockIndentation=!1,this.mode="added",this.showInvisibleContent=!1,this.showConditionBlock=!1,this.blockIndentation=!1,this.pagePlaceholderActions=[],this.restrictionActions=[],this.expandableChildBlocks=[],this.scoringInputs=[],this.hasModeChangedToScoring=!1,this.isExpanded=!1,this.isAnimating=!1,this.onScoringInputChanged=(t,o)=>{var e,i;let a=o.detail;""===a&&(a=null);const{formattedScoring:r,scoringCategory:n}=this.formField;let c=this.formField.max;"starrating"!==this.formField.type||c||(c=5),t=this.convertValueText(t,n);let l=!1;l=!((null===(e=null==r?void 0:r.scoreValuePairs)||void 0===e?void 0:e.length)>0)||-1===(null===(i=r.scoreValuePairs)||void 0===i?void 0:i.findIndex((t=>null!==t.score))),l?this.addNewScore(r,t,a,c):this.changeExistingScore(r,t,a,n,c)},this.onNonApplicableToggled=(t,o)=>{this.onScoringInputChanged(t.valueText,{detail:o.detail?-1337:null})},this.onClearScore=()=>{this.clearScore()}}get formIcon(){let t=this.formField.icon;if(f(t)){const o=n.findIndex((t=>t.type===this.formField.type));t=o>-1?n[o].icon:"text-predefined"}return"yo-sliders"===t?"slider":"yo-longtext"===t?"text-predefined":"yo-"===(null==t?void 0:t.substring(0,3))?t.substring(3,t.length):t}onFormField(){this.isScoringMode()||(this.formField.name&&this.formField.expanded!==this.isExpanded&&setTimeout((()=>{this.expandBlock(this.formField.expanded)}),500),this.forceIcon())}onShowConditions(){this.showConditionBlock=this.showConditions}onModeChange(){this.isScoringMode()&&(this.hasModeChangedToScoring=!0)}async expandBlock(t,o=!1,e=null){e!==this.formField.formCreatorIndex&&(this.isExpanded=t,this.expandContentBlock(t),this.isExpanded||(this.showInvisibleContent=!1)),o&&this.expandableChildBlocks&&this.expandableChildBlocks.forEach((o=>{o&&o.expandBlock(t,!0,e)}))}async getExpandableChildBlocks(){return this.expandableChildBlocks}async toggleInvisibleDiv(){this.showInvisibleContent=!this.showInvisibleContent}componentWillLoad(){this.showConditionBlock=this.showConditions,this.blockIndentation=this.initialBlockIndentation,this.setSecondaryActions(),"placeholder-page"===this.mode&&(this.pagePlaceholderActions=this.setPagePlaceHolderActions(this.pagePlaceholderActions,this.itemList))}componentDidLoad(){var t,o;"added"===this.mode&&(this.onBlockResize(),this.resizeListener=h(this.onBlockResize,500).bind(this),window.addEventListener("resize",this.resizeListener)),(this.isScoringMode()||(null===(t=this.formField)||void 0===t?void 0:t.expanded))&&this.expandBlock(null===(o=this.formField)||void 0===o?void 0:o.expanded)}componentWillUpdate(){this.setSecondaryActions(),this.forceIcon()}componentDidUpdate(){this.hasModeChangedToScoring&&(this.expandBlock(this.formField.expanded),this.hasModeChangedToScoring=!1)}disconnectedCallback(){"added"===this.mode&&window.removeEventListener("resize",this.resizeListener)}forceIcon(){if(this.formField&&!this.formField.icon){const t=n.findIndex((t=>t.type===this.formField.type));t>-1&&(this.formField.icon=n[t].icon)}}setSecondaryActions(){var t,o,e,i;if(!this.formField)return;const a=[{name:this.formField.name,slideIndex:this.formField.pageIndex,itemIndex:this.formField.formCreatorIndex}];this.moveActions=w(this.itemList,null,((t,o,e)=>this.moveFieldClicked.emit({targetFieldName:e,targetFieldSlideIndex:t,selectedField:a})),{selectedFields:a,extraStartingItems:[{title:"MOVEFIELDSAFTER",useHandler:!1,cssClass:"no-hover",hideIfNoItems:!0},{title:"MOVEFIELDSATBEGINNING",useHandler:!0,cssClass:"bottom-border"}]}),this.secondaryActions=p([{text:b("DUPLICATE"),icon:"duplicate",handler:()=>this.duplicateClicked.emit({name:this.formField.name})},this.moveActions?{text:b("YOOBICMOVE"),icon:"move",subMenu:this.moveActions,hasDivider:!0}:null,{text:b("LOGIC"),icon:"logic",isVisible:()=>"lesson"!==this.campaignType,subMenu:[{text:b("CREATECONDITION"),icon:"condition",handler:()=>this.createNewCondition.emit({name:this.formField.name})},{text:b("ADDRESTRICTION"),icon:"restriction",handler:()=>this.createNewRestriction.emit({name:this.formField.name,title:this.formField.title,category:this.formField.category,icon:this.formField.icon,index:this.formField.formCreatorIndex})}]},{text:b("ENABLETRANSLATION"),icon:"translate",handler:()=>this.translateFieldClicked.emit({name:this.formField.name}),isVisible:()=>!this.disableFieldTranslation},{text:b("SAVEASTEMPLATE"),icon:"dashboards",handler:()=>this.saveAsTemplateClicked.emit({name:this.formField.name}),isVisible:()=>"lesson"!==this.campaignType},{text:b("DELETE"),icon:"delete",isVisible:()=>!this.formField.locked,handler:()=>this.deleteClicked.emit({name:this.formField.name})}]),this.hasRestriction()&&(this.restrictionActions=C(!0,null===(t=this.formField)||void 0===t?void 0:t.restrictionConditions,this.restrictionConditionClicked,{event:this.removeConditionClicked,options:{name:this.formField.name}})),(null===(e=null===(o=this.formField)||void 0===o?void 0:o.parentFieldConditions)||void 0===e?void 0:e.length)>0&&(this.conditionActions=C(!1,null===(i=this.formField)||void 0===i?void 0:i.parentFieldConditions,this.conditionClicked,{event:this.removeConditionClicked,options:{name:this.formField.name}}))}onBlockResize(){const t=this.host.getBoundingClientRect().width;!this.blockIndentation&&t<=350?this.blockIndentation=!0:this.blockIndentation&&t>350&&(this.blockIndentation=!1)}expandContentBlock(t){var o;if(this.contentBlockElement||this.scoringContentBlock){this.host.classList.toggle("expanded");const e=this.isScoringMode()?this.scoringContentBlock:this.contentBlockElement;if(e&&(t&&!e.clientHeight||!t&&e.clientHeight||this.host.classList.contains("expanded")||t!==this.isExpanded)){const i=e.firstElementChild;this.isExpanded="arrow-up"===(null===(o=this.arrowElement)||void 0===o?void 0:o.name);const a=t?["0px","none","0"]:["auto","block","1"],r=t?["auto","block","1"]:["0px","none","0"];m(e,this.isExpanded?.35:.75,{height:a[0],display:a[1],opacity:a[2]},{height:r[0],display:r[1],opacity:r[2],onComplete:()=>{this.isAnimating=!1,this.isExpanded=t,this.blockExpanded.emit({expanded:t,name:this.formField.name}),i&&(i.style.display=this.isScoringMode()?"flex":"block",g(i,.35,{opacity:1})),this.contentBottomElement&&!this.isScoringMode()&&(this.contentBottomElement.style.display="flex"),this.arrowElement&&(this.arrowElement.name=this.isExpanded?"arrow-up":"arrow-down")},ease:k.easeIn})}}}setPagePlaceHolderActions(t,o){return o&&o.length>0&&o.forEach(((o,e)=>{const i={text:o.pageTitle,selected:this.pageLinks.includes(e),disabled:e===this.formField.pageIndex};t.push(i)})),t}hasFormattedScoring(){return this.formField.formattedScoring&&this.formField.formattedScoring.scoreValuePairs&&this.formField.formattedScoring.scoreValuePairs.length>0}clearInputs(){this.scoringInputs.forEach((t=>{t&&t.clear()}))}changeExistingScore(t,o,e,i,a){i===c.numberRating?t.scoreValuePairs[0].score=e:t.scoreValuePairs=t.scoreValuePairs.map((t=>(t.value===o&&(t.score=e),t))),t.scoreValuePairs.find((t=>0!==t.score&&null!==t.score))?(t.maxScore=v(t.scoreValuePairs,i,a),this.scoreChanged.emit({formattedScoring:t,scoringCategory:i})):this.clearScore(t)}addNewScore(t,o,e,i){const{scoringCategory:a,values:r}=this.formField;a!==c.numberRating?(t.scoreValuePairs.push({value:o,score:e}),r&&r.forEach((e=>{e!==o&&t.scoreValuePairs.push({value:e,score:null})}))):t.scoreValuePairs.push({value:o,score:e}),t.maxScore=v(t.scoreValuePairs,a,i),this.formField.hasScoring=!0,this.scoreAdded.emit({formattedScoring:t,scoringCategory:a})}clearScore(t){this.clearInputs(),this.scoreDeleted.emit({formattedScoring:t||this.formField.formattedScoring,scoringCategory:this.formField.scoringCategory}),this.formField.formattedScoring=null,this.formField.hasScoring=!1}convertValueText(t,o){return o===c.presence&&(t=t.toLowerCase()),t}onHeaderIconClicked(t){if(!this.isInSelectionMode&&!this.isAnimating)switch(t){case"arrow-down":case"arrow-up":this.expandBlock(!this.isExpanded)}}onHeaderClicked(){this.headerClicked.emit({name:this.formField.name}),"added"!==this.mode&&!this.isScoringMode()||this.blockFieldExpansion||this.isInSelectionMode||this.isAnimating||"no-expand"===this.mode||this.expandBlock(!this.isExpanded)}onParentBlockClick(t){this.isInSelectionMode&&(t.stopPropagation(),this.itemSelected.emit({name:this.formField.name}))}onRemoveCondition(t,o){t.stopPropagation(),this.removeConditionClicked.emit({name:o,conditionId:this.parentConditionId})}onRemoveAllPageConditions(t,o){t.stopPropagation(),this.pageLinks&&this.pageLinks.length>0&&this.pageLinks.forEach((t=>{this.removePageCondition.emit({slideIndex:t,conditionId:o._id})}))}onPageCondiionsChanged(t,o){t.detail&&t.detail.length>0&&o&&t.detail.forEach(((t,e)=>{t&&!this.pageLinks.includes(e)?this.addPageCondition.emit({slideIndex:e,condition:o}):!t&&this.pageLinks.includes(e)&&this.removePageCondition.emit({slideIndex:e,conditionId:o._id})}))}calculateNumberRatingTotal(t){var o;return(null===(o=this.formField)||void 0===o?void 0:o.scoringCategory)===c.numberRating&&this.formField.max?t*this.formField.max:this.formField.type===l.starrating?t*z:void 0}shouldHaveMax(){var t;return"scoring-percentage"===this.mode&&(null===(t=this.formField)||void 0===t?void 0:t.scoringCategory)===c.numberRating&&this.formField.type!==l.starrating&&!this.formField.max}hasCondition(){var t,o;return!!(null===(o=null===(t=this.formField)||void 0===t?void 0:t.fieldConditions)||void 0===o?void 0:o.length)}hasRestriction(){return this.formField&&this.formField.restrictionConditions&&this.formField.restrictionConditions.length>0}isScoringMode(){return"scoring"===this.mode||"scoring-percentage"===this.mode}onHoverPlusClicked(t,o){t?this.newConditionalFieldClicked.emit({condition:t,index:o}):this.createNewCondition.emit({name:this.formField.name})}renderConditions(){var t;return e("div",{class:"child-block"},null===(t=this.formField.fieldConditions)||void 0===t?void 0:t.map(((t,o)=>{var e,i;return[this.showConditionBlock&&this.renderConditionBlock(t.condition,!1,o===this.formField.fieldConditions.length-1,t.expandOnLoad,o>0?this.formField.fieldConditions[o-1].condition:null),!!(null===(e=t.pages)||void 0===e?void 0:e.length)&&this.renderPageConditionalBlocks(t.pages,o,o===this.formField.fieldConditions.length-1,!(t.fields&&t.fields.length>0),t.condition),!!(null===(i=t.fields)||void 0===i?void 0:i.length)&&this.renderFieldConditionBlocks(t,o,o===this.formField.fieldConditions.length-1)]})))}renderPageConditionalBlocks(t,o,e,i,a){const r=t.map((t=>t.pageIndex));return this.showConditions&&this.renderExpandablePageBlock(r,o,e,i,a)}renderFieldConditionBlocks(t,o,e){if(t.fields){const{sequentialFields:i,nonSequentialFields:a}=I(t),r=i&&i.length>0;return[null==a?void 0:a.map(((t,i)=>{if(t.formCreatorIndex<this.numberOfBlocksToRender)return this.renderExpandableFieldBlock(t,o,e,!r&&i===a.length-1)})),null==i?void 0:i.map(((t,a)=>{if(t.formCreatorIndex<this.numberOfBlocksToRender)return this.renderExpandableFieldBlock(t,o,e,a===i.length-1)}))]}}renderChildBlockMarkerAndIndicator(t,o=!1,i=!1,a){var r,n,c;let l=0;return t&&a&&this.sequentialConditionFields[(null===(r=this.sequentialConditionFields)||void 0===r?void 0:r.length)-1]?l=(null===(c=this.sequentialConditionFields[(null===(n=this.sequentialConditionFields)||void 0===n?void 0:n.length)-1])||void 0===c?void 0:c.lastSequentialFieldIndex)+1:t&&a&&(l=this.formField.formCreatorIndex+1),[!o&&!this.blockIndentation&&e("div",{class:{"child-block-marker":!0,[this.formField.category]:!t,condition:t,"has-hover-affect":this.showConditions&&i}},this.showConditions&&i&&e("yoo-tooltip",{placement:"left",hoverable:!0,content:b(a?"NEWFIELDUNDERCONDITION":"ADDCONDITION")},e("div",{class:"tooltip-container"},e("yoo-icon",{name:"circle-plus",color:t?"stable":"dark-to-light",class:{[this.formField.category]:!t},onClick:()=>this.onHoverPlusClicked(a,l)})))),e("div",{class:{"child-block-indicator":!0,[this.formField.category]:!t,condition:t,"indented-indicator":o,last:i}})]}renderConditionBlock(t,o,i=!1,a=!1,r=null){var n,c,l;const s=t.type,d=t.operator;let h,p=(null===(n=this.sequentialConditionFields.find((o=>o.conditionId===t._id)))||void 0===n?void 0:n.lastSequentialFieldIndex)||(null===(c=this.formField)||void 0===c?void 0:c.formCreatorIndex);switch(r&&(p=Math.max(p,null===(l=this.sequentialConditionFields.find((t=>t.conditionId===(null==r?void 0:r._id))))||void 0===l?void 0:l.lastSequentialFieldIndex)),s){case"field":h=t.values?t.values:[t.value];break;case"tags":h=t.tags;break;case"groups":h=t.group}return e("div",{class:"child-block-container condition"},this.renderChildBlockMarkerAndIndicator(o,!1,i),e("yoo-form-creator-condition-block",{class:"condition-child-block",operator:d,type:s,conditionValues:h,fieldValues:this.formField.values,parentFieldType:this.formField.type,parentFieldIcon:this.formField.icon,parentFieldName:this.formField.name,condition:t,itemList:this.itemList,pageIndex:this.formField.pageIndex,expandOnLoad:a,lastSequentialFieldIndex:p},("groups"===s||"tags"===s)&&e("div",{class:"tag-group-condition-slot",slot:t._id},e("slot",{name:t._id}))))}renderExpandableFieldBlock({opValues:t,required:o,hideMobile:i,formCreatorIndex:a,type:r,values:n,title:c,icon:l,category:s,customName:d,name:h,isExpanded:p,parentConditions:b,condition:m,nonSequentialConditionalFieldPosition:u,sequentialConditionalField:f,hasScoring:g,selected:k},v,y,x){const w=m,{restrictionConditions:C,fieldConditions:z}=j(w);null===n&&t&&t.length>0&&(n=t[0]);const I={title:c,icon:l,category:s,name:h,customName:d,expanded:p,parentFieldConditions:z,fieldConditions:b,nonSequentialConditionalFieldPosition:u,hasScoring:g,restrictionConditions:C,selected:k,type:r,values:n,pageIndex:this.formField.pageIndex,formCreatorIndex:a,required:o,hideMobile:i},S=(null==f?void 0:f.parentFieldName)===this.formField.name;if(!S&&u&&!this.showConditionBlock)return null;const{childFields:E,sequentialConditionFields:T}=O(b,a),N=Array.isArray(m)?m[0]:m;return e("div",{class:{"sortable-container child-block-container":!0,indent:this.showConditions},"data-id":h},this.renderChildBlockMarkerAndIndicator(this.showConditions,!1,x,N),!y&&this.showConditions&&this.renderChildBlockMarkerAndIndicator(!1,!0),e("yoo-form-creator-block-expandable",{key:`yoo-form-creator-block-expandable-${(null==E?void 0:E.length)||0}`,ref:t=>{this.expandableChildBlocks[v]=t},formField:I,initialBlockIndentation:this.blockIndentation,mode:u&&!S?"placeholder":"added",isInSelectionMode:this.isInSelectionMode,blockFieldExpansion:this.blockFieldExpansion,showConditions:this.showConditionBlock,numberOfBlocksToRender:this.numberOfBlocksToRender,sequentialConditionFields:T,itemList:this.itemList,parentConditionId:m._id},S&&e("div",{class:"nested-child-slot",slot:d||h},e("slot",{name:d||h})),null==E?void 0:E.map((t=>t.sequentialConditionalField&&e("div",{class:"child-slot",slot:t.name},e("slot",{name:t.name}))))))}renderExpandablePageBlock(t,o,i,a,r){return e("div",{class:{"sortable-container child-block-container":!0,indent:this.showConditions}},this.renderChildBlockMarkerAndIndicator(this.showConditions,!1,a),!i&&this.showConditions&&this.renderChildBlockMarkerAndIndicator(!1,!0),e("yoo-form-creator-block-expandable",{ref:t=>{this.expandableChildBlocks[o]=t},pageLinks:t,mode:"placeholder-page",formField:{title:b("SHOWPAGES"),category:s.page,icon:"pages",pageIndex:this.formField.pageIndex,pageCondition:r},itemList:this.itemList}))}renderHeader(){var t;return e("div",{class:"header",onClick:()=>this.onHeaderClicked()},e("div",{class:{"form-icon":!0,boost:"lesson"===this.campaignType,[this.formField.category]:!0,"no-scoring":this.isScoringMode()&&(null===(t=this.formField)||void 0===t?void 0:t.scoringCategory)===c.noScoring}},e("yoo-icon",{name:this.formIcon,color:"light",size:"small"}),("added"===this.mode||this.isScoringMode()||"no-expand"===this.mode)&&(this.formField.formCreatorIndex||0===this.formField.formCreatorIndex)&&e("div",{class:"position-title"},`${this.formField.formCreatorIndex+1}`)),e("div",{class:"title","data-id":this.formField.name},u(this.formField.title)),("added"===this.mode||this.isScoringMode()||"no-expand"===this.mode)&&this.renderActionIconsContainer(),"new"===this.mode&&this.renderAdd(),"placeholder"===this.mode&&this.renderPlaceholderLink(),"placeholder-page"===this.mode&&this.renderPagePlaceholder())}renderPagePlaceholder(){return e("div",{class:"icons-container pages"},e("yoo-context-menu",{contentButtons:this.pagePlaceholderActions,multipleSelection:!0,onContextMenuClosed:t=>this.onPageCondiionsChanged(t,this.formField.pageCondition)},e("div",{class:"page-title-container"},this.pageLinks&&this.pageLinks.length>0&&this.pageLinks.map(((t,o)=>e("div",{class:"page-title"},b("YOOBICPAGE")," ",t+1,o<this.pageLinks.length-1?",":""))))),e("div",{class:"icon-container"},e("yoo-icon",{name:"cross",color:"stable",onClick:t=>this.onRemoveAllPageConditions(t,this.formField.pageCondition)})))}renderPlaceholderLink(){const t=Object.assign(Object.assign({},this.formField.nonSequentialConditionalFieldPosition),{name:this.formField.name});return e("div",{class:"icons-container link",onClick:()=>this.linkToFieldClicked.emit(t)},e("div",{class:"page-title"},b("YOOBICPAGE")+" "+(this.formField.nonSequentialConditionalFieldPosition.slideIndex+1)),e("div",{class:"icon-container"},e("yoo-icon",{name:"view"}),e("yoo-icon",{name:"cross",color:"stable",onClick:t=>this.onRemoveCondition(t,this.formField.name)})))}onAdditionClicked(){this.additionClicked.emit({field:{title:this.formField.title,type:this.formField.type,icon:this.formField.icon,category:this.formField.category,config:this.formField.config},customFieldId:this.formField.name})}renderAdd(){const t=[{text:b("YOOBICADD"),icon:"plus",handler:()=>this.onAdditionClicked()},{text:b("YOOBICEDIT"),icon:"pen",handler:()=>this.customFieldBlockEdited.emit(this.formField.name)},{text:b("DELETE"),icon:"delete",handler:()=>this.customFieldBlockDeleted.emit(this.formField.name)}];return e("div",{class:{"icons-container":!0,"custom-field":this.formField.category===s.customfield},onClick:()=>this.onAdditionClicked()},this.formField.category===s.customfield&&e("yoo-context-menu",{contentButtons:t},this.renderIcon("more")),e("div",{class:{"icon-container":!0,plus:!0}},e("yoo-icon",{name:"circle-plus",color:"stable-alt"})))}renderActionIconsContainer(){var t,o;return e("div",{class:"icons-container",onClick:t=>t.stopPropagation()},null===(null===(t=this.formField)||void 0===t?void 0:t.title)&&"added"===this.mode&&this.renderIcon("rejected","danger"),this.options.includes(d.logic)&&(null===(o=this.formField.parentFieldConditions)||void 0===o?void 0:o.length)>0&&e("yoo-tooltip",{placement:"left",hoverable:!0,content:b("DISPLAYRESTRICTIONCONDITION")},e("yoo-context-menu",{contentButtons:this.conditionActions},this.renderIcon("condition","app-color"))),this.options.includes(d.logic)&&this.hasRestriction()&&e("yoo-tooltip",{placement:"left",hoverable:!0,content:b("DISPLAYRESTRICTIONCONDITION")},e("yoo-context-menu",{contentButtons:this.restrictionActions},this.renderIcon("restriction","app-color"))),this.formField&&this.formField.required&&"lesson"!==this.campaignType&&this.renderIcon("mandatory","danger"),this.formField&&this.formField.hideMobile&&this.renderIcon("offline","text-color"),!this.isScoringMode()&&e("yoo-context-menu",{contentButtons:this.secondaryActions,onContextMenuClosed:()=>this.showInvisibleContent=!1},this.renderIcon("more")),this.renderIcon(this.isExpanded?"arrow-up":"arrow-down"))}renderIcon(t,o="stable"){var i;const a="arrow-up"===t||"arrow-down"===t;return e("div",{class:{"icon-container":!0,dropdown:a},onClick:()=>this.onHeaderIconClicked(t)},e("yoo-icon",{"data-id":this.formField.name,ref:t=>{a&&(this.arrowElement=t)},name:t,color:o,class:{conditional:(null===(i=this.formField.parentFieldConditions)||void 0===i?void 0:i.length)>0}}))}renderScoringContent(){var t,o;return e("div",{class:"scoring-content",ref:t=>this.scoringContentBlock=t},e("div",{class:"content-header"},e("span",{class:"content-header-title"},b((null===(t=this.formField)||void 0===t?void 0:t.scoringCategory)===c.noScoring?"SCORINGNOTSUPPORTED":"SCORES")),this.hasFormattedScoring()&&!this.isMissingValues()&&(null===(o=this.formField)||void 0===o?void 0:o.hasScoring)&&e("yoo-button",{size:"small",color:"danger",onClick:this.onClearScore},e("yoo-icon",{name:"rubber",color:"light",size:"small"}))),this.shouldHaveMax()?e("h5",null,b("NOMAX")):this.renderScoringValuesContainer())}isMissingValues(){var t,o,e;return((null===(t=this.formField)||void 0===t?void 0:t.scoringCategory)===c.singleChoice||(null===(o=this.formField)||void 0===o?void 0:o.scoringCategory)===c.multipleChoice)&&!(null===(e=this.formField.values)||void 0===e?void 0:e.length)}renderScoringValuesContainer(){var t,o,i,a;return e("div",{class:"values-container "+(this.isMissingValues()?"missing-values":"")},((null===(t=this.formField)||void 0===t?void 0:t.scoringCategory)===c.singleChoice||(null===(o=this.formField)||void 0===o?void 0:o.scoringCategory)===c.multipleChoice)&&this.formField.values&&this.formField.values.map(((t,o)=>{let e;this.hasFormattedScoring()&&(e=this.findScoringValuePair(t)?this.findScoringValuePair(t).score:null);const i={valueText:t,score:e,notApplicable:y(e)};return this.renderScoringInput(i,o)})),(null===(i=this.formField)||void 0===i?void 0:i.scoringCategory)===c.presence&&this.getPresenceScoringContent(),(null===(a=this.formField)||void 0===a?void 0:a.scoringCategory)===c.numberRating&&this.getNumberRatingScoringContent(),this.isMissingValues()&&e("div",{class:"missing-values-text"},b("MISSINGVALUEFORSCORING")))}findScoringValuePair(t){return this.formField.formattedScoring.scoreValuePairs.find((o=>o.value===t))}getNumberRatingScoringContent(){let t,o={valueText:b("SCORINGRATIO")};return this.hasFormattedScoring()&&(t=this.formField.formattedScoring.scoreValuePairs[0].score,o=Object.assign(Object.assign({},o),{score:t,notApplicable:y(t),tooltip:b("SCORINGRATIOTOOLTIP")})),this.renderScoringInput(o,t)}getPresenceScoringContent(){const t={valueText:b("VALUE/TRUE")},o={valueText:b("NOVALUE/FALSE")};return this.hasFormattedScoring()&&(t.score=this.findScoringValuePair("value/true").score,t.notApplicable=y(t.score),o.score=this.findScoringValuePair("novalue/false").score,o.notApplicable=y(o.score)),[this.renderScoringInput(t,0),this.renderScoringInput(o,1)]}renderScoringInput(t,o=0){return e("div",{class:"value-container"},e("div",{class:"value-text"},u(t.valueText.toUpperCase())),e("div",{class:"input-container"},e("yoo-form-input",{ref:t=>this.scoringInputs[o]=t,forceValueUpdate:!0,type:"number",value:t.score,placeholder:b("ADDVALUE"),hasIconPrefix:!1,disabled:t.notApplicable,size:"medium",initialCheckboxParams:this.formField.scoringCategory!==c.numberRating?{header:"N/A",value:t.notApplicable}:null,tooltip:t.tooltip,onInputChanged:this.onScoringInputChanged.bind(this,t.valueText)})))}shouldExpandInScoring(){return this.isScoringMode()&&(this.formField.type===l.selectbuttons||this.formField.type===l.number||this.formField.type===l.numberpicker||this.formField.type===l.formula||this.formField.type===l.select)}renderContent(){return e("div",{class:"content-container",ref:t=>this.contentBlockElement=t},e("slot",{name:this.formField.customName||this.formField.name}),e("div",{class:{invisible:!0,show:this.showInvisibleContent}}),"lesson"!==this.campaignType&&!this.isScoringMode()&&!x.includes(this.formField.category)&&e("div",{class:"bottom-button-container",ref:t=>this.contentBottomElement=t},e("yoo-tooltip",{placement:"left",hoverable:!0,content:b("ADDCONDITIONTOOLTIP")},e("yoo-button",{size:"medium",color:"light-to-dark",onClick:()=>this.createNewCondition.emit({name:this.formField.name})},e("yoo-icon",{size:"small",slot:"start",name:"condition"})," ",b("ADDCONDITION")))))}renderOuterContainer(){var t,o;const i=!!(this.formField||"placeholder-page"===this.mode&&this.pageLinks),a=!(!this.formField||"placeholder"===this.mode||"placeholder-page"===this.mode||this.isScoringMode());return e("div",{class:"outer-container"},e("div",{class:{"parent-block-container":!0,[null===(t=this.formField)||void 0===t?void 0:t.category]:!0,[null===(o=this.formField)||void 0===o?void 0:o.type]:!0}},i&&this.renderHeader(),a&&this.renderContent(),this.isScoringMode()&&this.renderScoringContent()),this.hasCondition()&&!this.isScoringMode()&&"placeholder"!==this.mode&&this.renderConditions())}render(){var t,o,a;return e(i,{class:{"selection-mode":this.isInSelectionMode,selected:this.isInSelectionMode&&this.formField.selected,placeholder:"placeholder"===this.mode||"placeholder-page"===this.mode,"no-scoring":(null===(t=this.formField)||void 0===t?void 0:t.scoringCategory)===c.noScoring,expanded:this.isExpanded,"no-indentation":this.blockIndentation,invalid:null===(null===(o=this.formField)||void 0===o?void 0:o.title)&&"added"===this.mode},"data-type":null===(a=this.formField)||void 0===a?void 0:a.type,onClick:t=>this.onParentBlockClick(t)},this.isInSelectionMode&&e("yoo-icon",{class:"select",name:this.formField.selected?"check":"circle",color:this.formField.selected?"app-color":"stable",size:"small"}),"new"===this.mode&&this.formField.category===s.customfield&&this.formField.description?e("yoo-tooltip",{content:u(this.formField.description)},this.renderOuterContainer()):this.renderOuterContainer())}get host(){return a(this)}static get watchers(){return{formField:["onFormField"],showConditions:["onShowConditions"],mode:["onModeChange"]}}};S.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}:host{--expandable-block-border:none}:host .outer-container .parent-block-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;min-height:2.5rem;margin:var(--spacing-10-deprecated, 0.625rem) 0;background:var(--light-to-dark, #ffffff);border-radius:0.25rem;-webkit-box-shadow:0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08);box-shadow:0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08);-webkit-transition:0.3s;transition:0.3s}:host .outer-container .parent-block-container .header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.5rem}:host .outer-container .parent-block-container .header .condition-icon,:host .outer-container .parent-block-container .header .form-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:1.25rem;min-height:1.25rem;margin-left:var(--spacing-10-deprecated, 0.625rem);border-radius:0.25rem}:host .outer-container .parent-block-container .header .condition-icon yoo-icon,:host .outer-container .parent-block-container .header .condition-icon .position-title,:host .outer-container .parent-block-container .header .form-icon yoo-icon,:host .outer-container .parent-block-container .header .form-icon .position-title{margin:0 var(--spacing-04, 0.25rem)}:host .outer-container .parent-block-container .header .condition-icon yoo-icon,:host .outer-container .parent-block-container .header .form-icon yoo-icon{min-width:var(--icon-size-01, 1rem);font-size:var(--icon-size-01, 1rem)}:host .outer-container .parent-block-container .header .condition-icon .position-title,:host .outer-container .parent-block-container .header .form-icon .position-title{color:var(--light, #ffffff);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .parent-block-container .header .title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-ms-flex:1;flex:1;width:100%;margin-left:var(--spacing-10-deprecated, 0.625rem)}:host .outer-container .parent-block-container .header .icons-container{position:relative;display:-ms-flexbox;display:flex}:host .outer-container .parent-block-container .header .icons-container .icon-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--spacing-20-deprecated, 1.25rem);margin-right:var(--spacing-10-deprecated, 0.625rem)}:host .outer-container .parent-block-container .header .icons-container .icon-container yoo-icon{font-size:var(--font-size-20, 1.25rem)}:host .outer-container .parent-block-container .header .icons-container .icon-container.dropdown{width:2.125rem;margin-right:0}:host .outer-container .parent-block-container .header .icons-container .icon-container.dropdown::after{position:absolute;left:0;width:0.0625rem;height:1.125rem;background:var(--stable-light, #f1f1f1);content:""}:host .outer-container .parent-block-container .header .icons-container .icon-container.plus{width:2.125rem;height:2.125rem}:host .outer-container .parent-block-container .header .icons-container .icon-container.plus yoo-icon{font-size:var(--icon-size-02, 1.5rem)}:host .outer-container .parent-block-container .header .icons-container yoo-context-menu{--width-dropdown-content:10rem;--max-width-dropdown-content:unset}:host yoo-icon.select{position:absolute;margin-top:var(--spacing-12-deprecated, 0.75rem)}:host .outer-container{position:relative}:host .outer-container .parent-block-condition,:host .outer-container .parent-block-container{border-color:var(--accent, #276ef1);position:relative;border:var(--expandable-block-border)}:host .outer-container .parent-block-condition.multimedia,:host .outer-container .parent-block-condition.learn,:host .outer-container .parent-block-condition.uiactions,:host .outer-container .parent-block-container.multimedia,:host .outer-container .parent-block-container.learn,:host .outer-container .parent-block-container.uiactions{border-color:var(--info, #fc459e)}:host .outer-container .parent-block-condition.select,:host .outer-container .parent-block-condition.events,:host .outer-container .parent-block-condition.dataevents,:host .outer-container .parent-block-container.select,:host .outer-container .parent-block-container.events,:host .outer-container .parent-block-container.dataevents{border-color:var(--accent, #276ef1)}:host .outer-container .parent-block-condition.textcategory,:host .outer-container .parent-block-container.textcategory{border-color:var(--energized, #fed05b)}:host .outer-container .parent-block-condition.number,:host .outer-container .parent-block-condition.appcreatorapp,:host .outer-container .parent-block-container.number,:host .outer-container .parent-block-container.appcreatorapp{border-color:var(--royal, #7577ff)}:host .outer-container .parent-block-condition.information,:host .outer-container .parent-block-condition.nativeactions,:host .outer-container .parent-block-container.information,:host .outer-container .parent-block-container.nativeactions{border-color:var(--warning, #ff6402)}:host .outer-container .parent-block-condition.no-scoring,:host .outer-container .parent-block-container.no-scoring{border-color:var(--stable-alt, #d0d0d0)}:host .outer-container .parent-block-condition.actioncategory,:host .outer-container .parent-block-condition.logic,:host .outer-container .parent-block-container.actioncategory,:host .outer-container .parent-block-container.logic{border-color:var(--anthracite, #1a1a1a)}:host .outer-container .parent-block-condition.dateandtime,:host .outer-container .parent-block-container.dateandtime{border-color:var(--dark-to-light, #000000)}:host .outer-container .parent-block-condition.catalogandbarcode,:host .outer-container .parent-block-condition.notifications,:host .outer-container .parent-block-container.catalogandbarcode,:host .outer-container .parent-block-container.notifications{border-color:var(--danger, #d44333)}:host .outer-container .parent-block-condition.contactdetail,:host .outer-container .parent-block-condition.engage,:host .outer-container .parent-block-container.contactdetail,:host .outer-container .parent-block-container.engage{border-color:var(--light-orange, #fcae49)}:host .outer-container .parent-block-condition.condition,:host .outer-container .parent-block-container.condition{border-color:var(--stable, #adadad)}:host .outer-container .parent-block-condition.page,:host .outer-container .parent-block-condition.dataactions,:host .outer-container .parent-block-condition.operate,:host .outer-container .parent-block-container.page,:host .outer-container .parent-block-container.dataactions,:host .outer-container .parent-block-container.operate{border-color:var(--success, #3aa76d)}:host .outer-container .parent-block-condition.customfield,:host .outer-container .parent-block-container.customfield{border-color:var(--royal, #7577ff)}:host .outer-container .parent-block-condition .header,:host .outer-container .parent-block-container .header{cursor:-webkit-grab;cursor:grab}:host .outer-container .parent-block-condition .header .form-icon,:host .outer-container .parent-block-container .header .form-icon{background-color:var(--accent, #276ef1)}:host .outer-container .parent-block-condition .header .form-icon.multimedia,:host .outer-container .parent-block-condition .header .form-icon.learn,:host .outer-container .parent-block-condition .header .form-icon.uiactions,:host .outer-container .parent-block-container .header .form-icon.multimedia,:host .outer-container .parent-block-container .header .form-icon.learn,:host .outer-container .parent-block-container .header .form-icon.uiactions{background-color:var(--info, #fc459e)}:host .outer-container .parent-block-condition .header .form-icon.select,:host .outer-container .parent-block-condition .header .form-icon.events,:host .outer-container .parent-block-condition .header .form-icon.dataevents,:host .outer-container .parent-block-container .header .form-icon.select,:host .outer-container .parent-block-container .header .form-icon.events,:host .outer-container .parent-block-container .header .form-icon.dataevents{background-color:var(--accent, #276ef1)}:host .outer-container .parent-block-condition .header .form-icon.textcategory,:host .outer-container .parent-block-container .header .form-icon.textcategory{background-color:var(--energized, #fed05b)}:host .outer-container .parent-block-condition .header .form-icon.number,:host .outer-container .parent-block-condition .header .form-icon.appcreatorapp,:host .outer-container .parent-block-container .header .form-icon.number,:host .outer-container .parent-block-container .header .form-icon.appcreatorapp{background-color:var(--royal, #7577ff)}:host .outer-container .parent-block-condition .header .form-icon.information,:host .outer-container .parent-block-condition .header .form-icon.nativeactions,:host .outer-container .parent-block-container .header .form-icon.information,:host .outer-container .parent-block-container .header .form-icon.nativeactions{background-color:var(--warning, #ff6402)}:host .outer-container .parent-block-condition .header .form-icon.no-scoring,:host .outer-container .parent-block-container .header .form-icon.no-scoring{background-color:var(--stable-alt, #d0d0d0)}:host .outer-container .parent-block-condition .header .form-icon.actioncategory,:host .outer-container .parent-block-condition .header .form-icon.logic,:host .outer-container .parent-block-container .header .form-icon.actioncategory,:host .outer-container .parent-block-container .header .form-icon.logic{background-color:var(--anthracite, #1a1a1a)}:host .outer-container .parent-block-condition .header .form-icon.dateandtime,:host .outer-container .parent-block-container .header .form-icon.dateandtime{background-color:var(--dark-to-light, #000000)}:host .outer-container .parent-block-condition .header .form-icon.catalogandbarcode,:host .outer-container .parent-block-condition .header .form-icon.notifications,:host .outer-container .parent-block-container .header .form-icon.catalogandbarcode,:host .outer-container .parent-block-container .header .form-icon.notifications{background-color:var(--danger, #d44333)}:host .outer-container .parent-block-condition .header .form-icon.contactdetail,:host .outer-container .parent-block-condition .header .form-icon.engage,:host .outer-container .parent-block-container .header .form-icon.contactdetail,:host .outer-container .parent-block-container .header .form-icon.engage{background-color:var(--light-orange, #fcae49)}:host .outer-container .parent-block-condition .header .form-icon.condition,:host .outer-container .parent-block-container .header .form-icon.condition{background-color:var(--stable, #adadad)}:host .outer-container .parent-block-condition .header .form-icon.page,:host .outer-container .parent-block-condition .header .form-icon.dataactions,:host .outer-container .parent-block-condition .header .form-icon.operate,:host .outer-container .parent-block-container .header .form-icon.page,:host .outer-container .parent-block-container .header .form-icon.dataactions,:host .outer-container .parent-block-container .header .form-icon.operate{background-color:var(--success, #3aa76d)}:host .outer-container .parent-block-condition .header .form-icon.customfield,:host .outer-container .parent-block-container .header .form-icon.customfield{background-color:var(--royal, #7577ff)}:host .outer-container .parent-block-condition .header .icons-container .icon-container.dropdown,:host .outer-container .parent-block-condition .header .icons-container .icon-container.plus,:host .outer-container .parent-block-container .header .icons-container .icon-container.dropdown,:host .outer-container .parent-block-container .header .icons-container .icon-container.plus{cursor:pointer}:host .outer-container .parent-block-condition .header .icons-container.link,:host .outer-container .parent-block-container .header .icons-container.link{color:var(--app-color);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .parent-block-condition .header .icons-container.link .page-title,:host .outer-container .parent-block-condition .header .icons-container.pages .page-title,:host .outer-container .parent-block-container .header .icons-container.link .page-title,:host .outer-container .parent-block-container .header .icons-container.pages .page-title{margin-right:var(--spacing-10-deprecated, 0.625rem)}:host .outer-container .parent-block-condition .header .icons-container.link .icon-container,:host .outer-container .parent-block-condition .header .icons-container.pages .icon-container,:host .outer-container .parent-block-container .header .icons-container.link .icon-container,:host .outer-container .parent-block-container .header .icons-container.pages .icon-container{width:auto}:host .outer-container .parent-block-condition .header .icons-container.pages .page-title-container,:host .outer-container .parent-block-container .header .icons-container.pages .page-title-container{display:-ms-flexbox;display:flex}:host .outer-container .parent-block-condition .header .icons-container.pages .page-title,:host .outer-container .parent-block-container .header .icons-container.pages .page-title{color:var(--app-color);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .parent-block-condition .header .icons-container.custom-field yoo-context-menu,:host .outer-container .parent-block-container .header .icons-container.custom-field yoo-context-menu{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .outer-container .parent-block-condition .header .icons-container.custom-field .icon-container.plus,:host .outer-container .parent-block-container .header .icons-container.custom-field .icon-container.plus{padding-left:var(--spacing-04, 0.25rem)}:host .outer-container .parent-block-condition .header .icons-container yoo-context-menu,:host .outer-container .parent-block-container .header .icons-container yoo-context-menu{cursor:pointer}:host .outer-container .parent-block-condition .content-container,:host .outer-container .parent-block-container .content-container{position:relative;z-index:1;display:none;height:0;overflow:hidden}:host .outer-container .parent-block-condition .content-container slot,:host .outer-container .parent-block-container .content-container slot{display:none;opacity:0}:host .outer-container .parent-block-condition .content-container .invisible,:host .outer-container .parent-block-container .content-container .invisible{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%}:host .outer-container .parent-block-condition .content-container .invisible.show,:host .outer-container .parent-block-container .content-container .invisible.show{z-index:100}:host .outer-container .parent-block-condition .content-container .bottom-button-container,:host .outer-container .parent-block-container .content-container .bottom-button-container{display:none;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;width:100%;height:3.5rem;border-top:0.0625rem solid var(--stable-alt, #d0d0d0)}:host .outer-container .parent-block-condition .content-container .bottom-button-container yoo-button,:host .outer-container .parent-block-container .content-container .bottom-button-container yoo-button{position:relative;z-index:101;margin-right:var(--spacing-16, 1rem)}:host .outer-container .parent-block-condition .scoring-content,:host .outer-container .parent-block-container .scoring-content{display:none;height:0px;padding:var(--spacing-10-deprecated, 0.625rem);opacity:0}:host .outer-container .parent-block-condition .scoring-content .content-header,:host .outer-container .parent-block-container .scoring-content .content-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-bottom:var(--spacing-10-deprecated, 0.625rem)}:host .outer-container .parent-block-condition .scoring-content .content-header yoo-button,:host .outer-container .parent-block-container .scoring-content .content-header yoo-button{max-width:3rem}:host .outer-container .parent-block-condition .scoring-content .content-header .content-header-title,:host .outer-container .parent-block-container .scoring-content .content-header .content-header-title{padding-right:var(--spacing-10-deprecated, 0.625rem);font-size:var(--font-size-12, 0.75rem)}:host .outer-container .parent-block-condition .scoring-content .values-container,:host .outer-container .parent-block-container .scoring-content .values-container{display:grid !important;grid-row-gap:var(--spacing-20-deprecated, 1.25rem);grid-column-gap:var(--spacing-20-deprecated, 1.25rem);grid-template-columns:repeat(2, 1fr)}:host .outer-container .parent-block-condition .scoring-content .values-container.missing-values,:host .outer-container .parent-block-container .scoring-content .values-container.missing-values{display:-ms-flexbox !important;display:flex !important}:host .outer-container .parent-block-condition .scoring-content .values-container .value-container .value-text,:host .outer-container .parent-block-container .scoring-content .values-container .value-container .value-text{font-size:var(--font-size-12, 0.75rem)}:host .outer-container .parent-block-condition .scoring-content .values-container .input-container,:host .outer-container .parent-block-container .scoring-content .values-container .input-container{display:-ms-flexbox;display:flex}:host .outer-container .parent-block-condition .scoring-content .values-container .input-container yoo-form-input,:host .outer-container .parent-block-container .scoring-content .values-container .input-container yoo-form-input{-ms-flex:1;flex:1}:host .outer-container .parent-block-condition .scoring-content .values-container .input-container yoo-form-checkbox,:host .outer-container .parent-block-container .scoring-content .values-container .input-container yoo-form-checkbox{-ms-flex-item-align:center;align-self:center;padding-top:var(--spacing-05-deprecated, 0.3125rem);padding-left:var(--spacing-10-deprecated, 0.625rem)}:host .outer-container .parent-block-condition .child-block-indicator{position:absolute;top:auto;right:auto;bottom:-0.625rem;left:1.09375rem;height:0.625rem}:host .outer-container .child-block{margin-left:3.125rem}:host .outer-container .child-block:nth-child(1){z-index:9}:host .outer-container .child-block:nth-child(2){z-index:8}:host .outer-container .child-block:nth-child(3){z-index:7}:host .outer-container .child-block:nth-child(4){z-index:6}:host .outer-container .child-block:nth-child(5){z-index:5}:host .outer-container .child-block:nth-child(6){z-index:4}:host .outer-container .child-block:nth-child(7){z-index:3}:host .outer-container .child-block:nth-child(8){z-index:2}:host .outer-container .child-block:nth-child(9){z-index:1}:host .outer-container .child-block:nth-child(10){z-index:0}:host .outer-container .child-block .child-block-container{position:relative}:host .outer-container .child-block .child-block-container.indent{margin-left:3.125rem}:host .outer-container .child-block .child-block-container .child-block-marker{background-color:var(--accent, #276ef1);position:absolute;top:1.09375rem;right:auto;bottom:auto;left:-2.0625rem;width:0.4375rem;height:0.4375rem;border-radius:50%}:host .outer-container .child-block .child-block-container .child-block-marker.multimedia,:host .outer-container .child-block .child-block-container .child-block-marker.learn,:host .outer-container .child-block .child-block-container .child-block-marker.uiactions{background-color:var(--info, #fc459e)}:host .outer-container .child-block .child-block-container .child-block-marker.select,:host .outer-container .child-block .child-block-container .child-block-marker.events,:host .outer-container .child-block .child-block-container .child-block-marker.dataevents{background-color:var(--accent, #276ef1)}:host .outer-container .child-block .child-block-container .child-block-marker.textcategory{background-color:var(--energized, #fed05b)}:host .outer-container .child-block .child-block-container .child-block-marker.number,:host .outer-container .child-block .child-block-container .child-block-marker.appcreatorapp{background-color:var(--royal, #7577ff)}:host .outer-container .child-block .child-block-container .child-block-marker.information,:host .outer-container .child-block .child-block-container .child-block-marker.nativeactions{background-color:var(--warning, #ff6402)}:host .outer-container .child-block .child-block-container .child-block-marker.no-scoring{background-color:var(--stable-alt, #d0d0d0)}:host .outer-container .child-block .child-block-container .child-block-marker.actioncategory,:host .outer-container .child-block .child-block-container .child-block-marker.logic{background-color:var(--anthracite, #1a1a1a)}:host .outer-container .child-block .child-block-container .child-block-marker.dateandtime{background-color:var(--dark-to-light, #000000)}:host .outer-container .child-block .child-block-container .child-block-marker.catalogandbarcode,:host .outer-container .child-block .child-block-container .child-block-marker.notifications{background-color:var(--danger, #d44333)}:host .outer-container .child-block .child-block-container .child-block-marker.contactdetail,:host .outer-container .child-block .child-block-container .child-block-marker.engage{background-color:var(--light-orange, #fcae49)}:host .outer-container .child-block .child-block-container .child-block-marker.condition{background-color:var(--stable, #adadad)}:host .outer-container .child-block .child-block-container .child-block-marker.page,:host .outer-container .child-block .child-block-container .child-block-marker.dataactions,:host .outer-container .child-block .child-block-container .child-block-marker.operate{background-color:var(--success, #3aa76d)}:host .outer-container .child-block .child-block-container .child-block-marker.customfield{background-color:var(--royal, #7577ff)}:host .outer-container .child-block .child-block-container .child-block-marker .tooltip-container{position:absolute;top:-0.5rem;right:auto;bottom:auto;left:-0.5rem;width:1.5rem;height:1.5rem}:host .outer-container .child-block .child-block-container .child-block-marker .tooltip-container yoo-icon{opacity:0;-webkit-transition:0.2s;transition:0.2s;position:absolute;top:0;right:auto;bottom:auto;left:0}:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover{height:0}:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon{opacity:1}:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable){color:var(--accent, #276ef1)}:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).multimedia,:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).learn,:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).uiactions{color:var(--info, #fc459e)}:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).select,:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).events,:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).dataevents{color:var(--accent, #276ef1)}:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).textcategory{color:var(--energized, #fed05b)}:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).number,:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).appcreatorapp{color:var(--royal, #7577ff)}:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).information,:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).nativeactions{color:var(--warning, #ff6402)}:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).no-scoring{color:var(--stable-alt, #d0d0d0)}:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).actioncategory,:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).logic{color:var(--anthracite, #1a1a1a)}:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).dateandtime{color:var(--dark-to-light, #000000)}:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).catalogandbarcode,:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).notifications{color:var(--danger, #d44333)}:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).contactdetail,:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).engage{color:var(--light-orange, #fcae49)}:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).condition{color:var(--stable, #adadad)}:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).page,:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).dataactions,:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).operate{color:var(--success, #3aa76d)}:host .outer-container .child-block .child-block-container .child-block-marker.has-hover-affect:hover .tooltip-container yoo-icon:not(.stable).customfield{color:var(--royal, #7577ff)}:host .outer-container .child-block .child-block-container .child-block-indicator{position:absolute;top:-0.625rem;right:auto;bottom:0;left:-1.875rem}:host .outer-container .child-block .child-block-container .child-block-indicator.indented-indicator{left:-5rem}:host .outer-container .child-block .child-block-container .child-block-indicator.last{bottom:auto;height:1.71875rem}:host .outer-container .child-block.top .child-block-container .child-block-indicator{top:1.1rem;bottom:-0.625rem;height:auto}:host .outer-container .child-block-indicator{background-color:var(--accent, #276ef1);z-index:0;width:0.0625rem}:host .outer-container .child-block-indicator.multimedia,:host .outer-container .child-block-indicator.learn,:host .outer-container .child-block-indicator.uiactions{background-color:var(--info, #fc459e)}:host .outer-container .child-block-indicator.select,:host .outer-container .child-block-indicator.events,:host .outer-container .child-block-indicator.dataevents{background-color:var(--accent, #276ef1)}:host .outer-container .child-block-indicator.textcategory{background-color:var(--energized, #fed05b)}:host .outer-container .child-block-indicator.number,:host .outer-container .child-block-indicator.appcreatorapp{background-color:var(--royal, #7577ff)}:host .outer-container .child-block-indicator.information,:host .outer-container .child-block-indicator.nativeactions{background-color:var(--warning, #ff6402)}:host .outer-container .child-block-indicator.no-scoring{background-color:var(--stable-alt, #d0d0d0)}:host .outer-container .child-block-indicator.actioncategory,:host .outer-container .child-block-indicator.logic{background-color:var(--anthracite, #1a1a1a)}:host .outer-container .child-block-indicator.dateandtime{background-color:var(--dark-to-light, #000000)}:host .outer-container .child-block-indicator.catalogandbarcode,:host .outer-container .child-block-indicator.notifications{background-color:var(--danger, #d44333)}:host .outer-container .child-block-indicator.contactdetail,:host .outer-container .child-block-indicator.engage{background-color:var(--light-orange, #fcae49)}:host .outer-container .child-block-indicator.condition{background-color:var(--stable, #adadad)}:host .outer-container .child-block-indicator.page,:host .outer-container .child-block-indicator.dataactions,:host .outer-container .child-block-indicator.operate{background-color:var(--success, #3aa76d)}:host .outer-container .child-block-indicator.customfield{background-color:var(--royal, #7577ff)}:host .nested-child-slot,:host .child-slot{width:100%}:host(.selection-mode){position:relative}:host(.selection-mode):before{position:absolute;top:var(--spacing-10-deprecated, 0.625rem);right:auto;bottom:auto;left:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(.selection-mode) .outer-container{margin-left:var(--spacing-30-deprecated, 1.875rem)}:host(.no-scoring) .outer-container .parent-block-container{background:var(--stable-light, #f1f1f1);border:0.0625rem solid var(--stable-alt, #d0d0d0);border-radius:0.25rem;-webkit-box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08))}:host(.placeholder) .parent-block-container{background:var(--stable-light-to-dark, #f1f1f1);border:0.0625rem solid var(--stable-alt, #d0d0d0) !important}:host(.expanded) .outer-container{position:relative}:host(.expanded) .outer-container .parent-block-condition .content-container,:host(.expanded) .outer-container .parent-block-container .content-container{overflow:unset}:host(.expanded) .outer-container .parent-block-condition .header,:host(.expanded) .outer-container .parent-block-container .header{cursor:auto}:host(.no-indentation) .outer-container .child-block{margin-left:0}:host(.no-indentation) .outer-container .child-block .child-block-container.indent{margin-left:0}:host(.no-indentation) .outer-container .child-block .child-block-container .child-block-indicator{left:1.875rem;height:0.625rem}:host(.invalid) .outer-container .parent-block-container{border:var(--border-width-01, 0.0625rem) solid var(--danger, #d44333)}:host(.overlay-active) .outer-container .parent-block-container .header{cursor:pointer}';export{S as yoo_form_creator_block_expandable}

package/dist/design-system/{p-ef87b121.entry.js → p-f7b10ee1.entry.js}

@@ -1 +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,Y as l,T as p}from"./p-a966475f.js";import"./p-4d956bd4.js";import{g as d,a as n}from"./p-5b484eb7.js";import"./p-b5241164.js";import{f as c}from"./p-33b2d3a2.js";import{c as b}from"./p-77bfd3e2.js";import{b as s}from"./p-432e8458.js";import{i as h}from"./p-cfdeea96.js";import{s as f}from"./p-2fbb14cc.js";import{d as g}from"./p-27e57020.js";import"./p-8b07fc6e.js";import"./p-e0d6fbed.js";import"./p-ca8f9900.js";import"./p-bd19a341.js";import"./p-0bb947fc.js";import"./p-179b66ff.js";import"./p-12bedee1.js";import"./p-4b1fdfbb.js";import"./p-01267bd9.js";import"./p-49399b44.js";import"./p-affcd66d.js";import"./p-cfca4271.js";import"./p-b5ba03fd.js";import"./p-56bcc009.js";import"./p-baaa30cf.js";import"./p-e1378940.js";import"./p-43f71ef3.js";import"./p-a1142cd3.js";import"./p-c5108113.js";import"./p-e3093327.js";import"./p-ba705441.js";import"./p-773567d1.js";import"./p-f9649bd9.js";import"./p-3fc615dd.js";import"./p-5ebbcf89.js";import"./p-3c4a6a3e.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`]=f(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=g(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}
+import{r as t,c as a,h as e,H as r,g as o}from"./p-c26cc6ff.js";import{U as i,Y as l,T as p}from"./p-a966475f.js";import"./p-4d956bd4.js";import{g as d,a as n}from"./p-15fd070c.js";import"./p-b5241164.js";import{f as c}from"./p-33b2d3a2.js";import{c as b}from"./p-77bfd3e2.js";import{b as s}from"./p-432e8458.js";import{i as h}from"./p-cfdeea96.js";import{s as f}from"./p-2fbb14cc.js";import{d as g}from"./p-27e57020.js";import"./p-9229f5bb.js";import"./p-e0d6fbed.js";import"./p-ca8f9900.js";import"./p-bd19a341.js";import"./p-0bb947fc.js";import"./p-179b66ff.js";import"./p-12bedee1.js";import"./p-4b1fdfbb.js";import"./p-01267bd9.js";import"./p-49399b44.js";import"./p-affcd66d.js";import"./p-cfca4271.js";import"./p-b5ba03fd.js";import"./p-56bcc009.js";import"./p-baaa30cf.js";import"./p-e1378940.js";import"./p-43f71ef3.js";import"./p-a1142cd3.js";import"./p-c5108113.js";import"./p-e3093327.js";import"./p-ba705441.js";import"./p-773567d1.js";import"./p-f9649bd9.js";import"./p-3fc615dd.js";import"./p-5ebbcf89.js";import"./p-3c4a6a3e.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`]=f(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=g(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}