@yoobic/yobi 7.7.44 → 7.7.48
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{index-2557ade6.js → index-806c612f.js} +5 -1
- package/dist/cjs/yoo-ag-grid_96.cjs.entry.js +16 -4
- package/dist/cjs/yoo-form-choice_4.cjs.entry.js +1 -1
- package/dist/cjs/yoo-form-creator-block-expandable.cjs.entry.js +1 -1
- package/dist/cjs/yoo-form-creator-block-simple_4.cjs.entry.js +1 -1
- package/dist/cjs/yoo-form-creator-card_2.cjs.entry.js +1 -1
- package/dist/cjs/yoo-form-creator-field-selector_8.cjs.entry.js +1 -1
- package/dist/cjs/yoo-form-creator-translate-dialog.cjs.entry.js +1 -1
- package/dist/cjs/yoo-form-creator.cjs.entry.js +1 -1
- package/dist/collection/components/form/form-dynamic/form-dynamic.js +9 -3
- package/dist/collection/components/form/form-text-area/form-text-area.js +8 -2
- package/dist/collection/components/form-creator/helpers/index.js +5 -1
- package/dist/design-system/design-system.esm.js +1 -1
- package/dist/design-system/{p-c21e82e0.entry.js → p-30a6dc4d.entry.js} +1 -1
- package/dist/design-system/{p-e3cc14ba.entry.js → p-396b04dc.entry.js} +1 -1
- package/dist/design-system/{p-1527ca6a.entry.js → p-45eae154.entry.js} +1 -1
- package/dist/design-system/{p-8a8d23fa.entry.js → p-57ab0acc.entry.js} +1 -1
- package/dist/design-system/{p-31e9f24b.entry.js → p-5e443aa4.entry.js} +1 -1
- package/dist/design-system/{p-f870d5e8.entry.js → p-6a590df5.entry.js} +1 -1
- package/dist/design-system/{p-3379386f.entry.js → p-8aa33791.entry.js} +1 -1
- package/dist/design-system/{p-0002cfb8.entry.js → p-926e0f44.entry.js} +1 -1
- package/dist/design-system/{p-52475f52.js → p-f5100cc6.js} +1 -1
- package/dist/esm/{index-1cced256.js → index-55bea97c.js} +5 -1
- package/dist/esm/yoo-ag-grid_96.entry.js +16 -4
- package/dist/esm/yoo-form-choice_4.entry.js +1 -1
- package/dist/esm/yoo-form-creator-block-expandable.entry.js +1 -1
- package/dist/esm/yoo-form-creator-block-simple_4.entry.js +1 -1
- package/dist/esm/yoo-form-creator-card_2.entry.js +1 -1
- package/dist/esm/yoo-form-creator-field-selector_8.entry.js +1 -1
- package/dist/esm/yoo-form-creator-translate-dialog.entry.js +1 -1
- package/dist/esm/yoo-form-creator.entry.js +1 -1
- package/dist/types/components/form/form-dynamic/form-dynamic.d.ts +1 -0
- package/package.json +1 -1
|
@@ -1 +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,W as m,Z as u,a3 as f,T as g,c2 as k}from"./p-cef3e535.js";import{y as v,z as y}from"./p-ed9900a6.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-52475f52.js";import"./p-c4388b4c.js";import"./p-90c34aff.js";import"./p-6bd222bf.js";import"./p-6e6a2b39.js";import"./p-a1142cd3.js";import"./p-dba0c929.js";import"./p-e4414951.js";import"./p-66276219.js";import"./p-a0ddfd0f.js";import"./p-2e351be9.js";import"./p-8b07fc6e.js";import"./p-e0d6fbed.js";import"./p-eba60085.js";import"./p-381ade16.js";import"./p-be748e7e.js";import"./p-b4aad66a.js";import"./p-974b2173.js";import"./p-773567d1.js";import"./p-2e1a2405.js";import"./p-a5410c5f.js";import"./p-dcda9659.js";import"./p-ba705441.js";import"./p-e311beb5.js";import"./p-70b3d072.js";import"./p-69ac997a.js";import"./p-dbe40191.js";import"./p-22734a9b.js";import"./p-d9e56655.js";import"./p-29203fa2.js";import"./p-5d188f8a.js";import"./p-3b40f968.js";import"./p-d76643c1.js";import"./p-2de7b03a.js";import"./p-216b2927.js";import"./p-bd19a341.js";import"./p-4679d1d7.js";import"./p-91118816.js";import"./p-8e965cb3.js";import"./p-b4ee4fb6.js";import"./p-da76a732.js";import"./p-09088888.js";import"./p-9de400aa.js";import"./p-d7093ffe.js";import"./p-fb265fb3.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}
|
|
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,W as m,Z as u,a3 as f,T as g,c2 as k}from"./p-cef3e535.js";import{y as v,z as y}from"./p-ed9900a6.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-f5100cc6.js";import"./p-c4388b4c.js";import"./p-90c34aff.js";import"./p-6bd222bf.js";import"./p-6e6a2b39.js";import"./p-a1142cd3.js";import"./p-dba0c929.js";import"./p-e4414951.js";import"./p-66276219.js";import"./p-a0ddfd0f.js";import"./p-2e351be9.js";import"./p-8b07fc6e.js";import"./p-e0d6fbed.js";import"./p-eba60085.js";import"./p-381ade16.js";import"./p-be748e7e.js";import"./p-b4aad66a.js";import"./p-974b2173.js";import"./p-773567d1.js";import"./p-2e1a2405.js";import"./p-a5410c5f.js";import"./p-dcda9659.js";import"./p-ba705441.js";import"./p-e311beb5.js";import"./p-70b3d072.js";import"./p-69ac997a.js";import"./p-dbe40191.js";import"./p-22734a9b.js";import"./p-d9e56655.js";import"./p-29203fa2.js";import"./p-5d188f8a.js";import"./p-3b40f968.js";import"./p-d76643c1.js";import"./p-2de7b03a.js";import"./p-216b2927.js";import"./p-bd19a341.js";import"./p-4679d1d7.js";import"./p-91118816.js";import"./p-8e965cb3.js";import"./p-b4ee4fb6.js";import"./p-da76a732.js";import"./p-09088888.js";import"./p-9de400aa.js";import"./p-d7093ffe.js";import"./p-fb265fb3.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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as a,H as o}from"./p-c26cc6ff.js";import{o as r,F as i,m as p,n}from"./p-4d956bd4.js";import{w as l,a1 as s,V as d,Z as c,t as h,a4 as b,bo as m}from"./p-cef3e535.js";import{e as f,x as g,f as y}from"./p-ed9900a6.js";import{i as x}from"./p-5450cf9b.js";import{Q as u}from"./p-52475f52.js";import{c as v}from"./p-d76643c1.js";import{i as w}from"./p-2e1a2405.js";import{i as k}from"./p-eba60085.js";import"./p-c4388b4c.js";import"./p-90c34aff.js";import"./p-6bd222bf.js";import"./p-6e6a2b39.js";import"./p-a1142cd3.js";import"./p-dba0c929.js";import"./p-e4414951.js";import"./p-66276219.js";import"./p-a0ddfd0f.js";import"./p-2e351be9.js";import"./p-8b07fc6e.js";import"./p-e0d6fbed.js";import"./p-381ade16.js";import"./p-be748e7e.js";import"./p-b4aad66a.js";import"./p-974b2173.js";import"./p-773567d1.js";import"./p-a5410c5f.js";import"./p-dcda9659.js";import"./p-ba705441.js";import"./p-e311beb5.js";import"./p-70b3d072.js";import"./p-69ac997a.js";import"./p-dbe40191.js";import"./p-22734a9b.js";import"./p-d9e56655.js";import"./p-29203fa2.js";import"./p-5d188f8a.js";import"./p-3b40f968.js";import"./p-bd19a341.js";import"./p-4679d1d7.js";import"./p-91118816.js";import"./p-8e965cb3.js";import"./p-b4ee4fb6.js";import"./p-2de7b03a.js";import"./p-216b2927.js";import"./p-da76a732.js";import"./p-09088888.js";import"./p-9de400aa.js";import"./p-d7093ffe.js";import"./p-fb265fb3.js";const j=class{constructor(a){t(this,a),this.translationUpdated=e(this,"translationUpdated",7),this.selectedLanguagesChanged=e(this,"selectedLanguagesChanged",7),this.languageChanged=e(this,"languageChanged",7),this.baseLanguageChanged=e(this,"baseLanguageChanged",7),this.translateValue=e(this,"translateValue",7),this.initialSelectedFieldLocation={itemIndex:0,slideIndex:0},this.isTranslator=!1,this.mode="edit",this.translatedLanguages=[],this.preventFieldChange=!1,this.updateTranslationsDebounce=l((t=>{var e,a;this.preventFieldChange=!1,null===(e=this.leftArrow)||void 0===e||e.setAttribute("style","display: block;"),null===(a=this.rightArrow)||void 0===a||a.setAttribute("style","display: block;");const o=t.detail.name,r=Object.assign({},t.detail);delete r.name,this.updateCurrentTranslations(r,o)}),1e3),this.preventFormUpdate=!1}async updateTranslationValue(t){const e=this.updatedTranslations.findIndex((e=>e._id===t._id));this.updatedTranslations[e]&&(this.updatedTranslations[e]=t,this.editableForm=null,this.updateTranslationForms(),this.translationUpdated.emit({translations:this.updatedTranslations,updatedTranslation:t,languagesChanged:[this.selectedLanguage]}))}async forceUpdateTranslations(){this.updatedTranslations=this.translations,this.preventFormUpdate=!1,this.updateTranslationForms(!0)}componentWillLoad(){this.updatedTranslations=this.translations,this.allLanguagesAvailable=this.allLanguages,this.availableBaseLanguages=this.allLanguages,this.updateAvailableLanguages(),this.isCreateTranslationMode()||this.initTranslationForms()}componentDidUpdate(){this.isCreateTranslationMode()||this.updateTranslationForms()}updateAvailableLanguages(){this.allLanguagesAvailable=s(this.allLanguages.map((t=>{if(t!==this.baseLanguage&&!this.translatedLanguages.includes(t)&&"key"!==t)return t}))),this.translateToAutocomplete&&this.translateToAutocomplete.updateValues(this.allLanguagesAvailable)}isCreateTranslationMode(){return"create"===this.mode||"createInitial"===this.mode}initTranslationForms(){var t;this.selectedFieldLocation=this.initialSelectedFieldLocation,this.currentSlides=f(this.slides),this.currentSlides[this.selectedFieldLocation.slideIndex].items[this.selectedFieldLocation.itemIndex]&&(this.translatedLanguages&&(this.currentLanguageIndex=null===(t=this.translatedLanguages)||void 0===t?void 0:t.findIndex((t=>t===d())),this.selectedLanguage=this.currentLanguageIndex>-1?this.translatedLanguages[this.currentLanguageIndex]:this.translatedLanguages[0]),this.editableForm=this.buildDefaultLanguageForm(this.currentSlides[this.selectedFieldLocation.slideIndex].items[this.selectedFieldLocation.itemIndex],this.selectedLanguage))}updateTranslationForms(t=!1){this.editableForm&&!t||this.preventFormUpdate||this.isCreateTranslationMode()||(this.currentSlides=f(this.slides),this.editableForm=this.buildDefaultLanguageForm(this.currentSlides[this.selectedFieldLocation.slideIndex].items[this.selectedFieldLocation.itemIndex],this.selectedLanguage))}shouldRenderRightArrow(){const t=this.selectedFieldLocation.itemIndex===this.slides[this.selectedFieldLocation.slideIndex].items.length-1;return!t||t&&!(this.selectedFieldLocation.slideIndex===this.slides.length-1)}shouldRenderLeftArrow(){const t=0===this.selectedFieldLocation.itemIndex;return!t||t&&!(0===this.selectedFieldLocation.slideIndex)}onDuplicateBaseLanguageClicked(t,e,a){const o=g(this.updatedTranslations,this.baseLanguage,t),{translations:r,updatedTranslation:i}=u(o,this.updatedTranslations,e,t);this.updatedTranslations=r,this.translationUpdated.emit({translations:this.updatedTranslations,updatedTranslation:i,languagesChanged:[this.selectedLanguage]}),this.editableFormElement.data[a]=o;const p=this.editableForm.slides[0].items.find((t=>t.name===a));this.editableFormElement.forceFieldUpdate(p,{value:o})}onTranslateField(t,e){const a=g(this.updatedTranslations,this.baseLanguage,t);this.translateValue.emit({value:a,baseLanguage:this.baseLanguage,targetLanguage:e,key:t})}onEditableFormChanged(t){var e,a;this.preventFieldChange=!0,null===(e=this.leftArrow)||void 0===e||e.setAttribute("style","display:none;"),null===(a=this.rightArrow)||void 0===a||a.setAttribute("style","display:none;"),this.updateTranslationsDebounce(t)}buildDefaultLanguageForm(t,e){var a;const o=v(t),l=[{title:"DEFAULTLANGUAGE",items:[]}],s={name:o.name};let d=!1,m=!1;return"missingword"===o.type&&(null===(a=null==o?void 0:o.answer)||void 0===a?void 0:a.length)>0&&(o.values=o.values.filter((t=>!o.answer.includes(t)))),r.forEach((t=>{const a=x(c((null==o?void 0:o[t])||""));!o[t]||m&&"sentence"===t||("complexSentence"===t&&(m=!0),l[0].items.push({type:i.textarea,language:a&&"html",autoInitialRows:!0,title:h(t.toUpperCase()),name:`${t}Base`,width:292,readonly:this.isTranslator}),l[0].items.push({type:i.textarea,language:a&&"html",autoInitialRows:!0,title:h(t.toUpperCase()),name:t,inlineActions:[{icon:"translate",iconColor:"stable-alt",text:"TRANSLATEAGAINTOOLTIP",handler:()=>this.onTranslateField(o[t],e)},{icon:"duplicate",iconColor:"stable-alt",text:"COPYBASELANGUAGE",handler:()=>this.onDuplicateBaseLanguageClicked(o[t],e,t)}]}),s[t]=g(this.updatedTranslations,e,o[t]),s[`${t}Base`]=g(this.updatedTranslations,this.baseLanguage,o[t]))})),p.forEach((t=>{var a;const r=o[t];(null==r?void 0:r.length)>0&&"complexAnswer"!==t&&!((null===(a=null==o?void 0:o.categories)||void 0===a?void 0:a.length)>0&&"swipecards"===o.type)&&(null==r||r.forEach(((a,o)=>{null==a||a.forEach(((a,r)=>{if(a&&(!b(a)||b(a)&&!w(a))){d=!0;const p=k(a)?a:a.text;if(p){const a=x(c(p));l[0].items.push({type:i.textarea,title:h("VALUES"),hideLabel:0!==o||0!==r,language:a&&"html",formatAmpersandSymbol:!0,autoInitialRows:!0,name:`${t}${o}${r}Base`,width:292,readonly:this.isTranslator}),l[0].items.push({type:i.textarea,title:h("VALUES"),hideLabel:0!==o||0!==r,language:a&&"html",formatAmpersandSymbol:!0,autoInitialRows:!0,name:`${t}${o}${r}`,inlineActions:[{icon:"translate",iconColor:"stable-alt",text:"GOOGLETRANSLATE",handler:()=>this.onTranslateField(p,e)},{icon:"duplicate",iconColor:"stable-alt",text:"COPYBASELANGUAGE",handler:()=>this.onDuplicateBaseLanguageClicked(p,e,`${t}${o}${r}`)}]}),s[`${t}${o}${r}`]=g(this.updatedTranslations,e,p),s[`${t}${o}${r}Base`]=g(this.updatedTranslations,this.baseLanguage,p)}}}))})))})),n.forEach((t=>{o[t]&&o[t].length>0&&("values"!==t||!(d||"swipecards"===o.type&&"image"===o.swipeMode||"scratch"===o.type))&&("answer"!==t||"answer"===t&&"missingword"===o.type)&&o[t].forEach(((a,o)=>{const r=k(a)?a:a.text;r&&(l[0].items.push({type:i.textarea,title:h(t.toUpperCase()),hideLabel:o>0,formatAmpersandSymbol:!0,autoInitialRows:!0,language:x(h(r))&&"html",name:`${t}${o}Base`,width:292,readonly:this.isTranslator}),l[0].items.push({type:i.textarea,title:h(t.toUpperCase()),hideLabel:o>0,formatAmpersandSymbol:!0,autoInitialRows:!0,language:x(h(r))&&"html",name:`${t}${o}`,inlineActions:[{icon:"translate",iconColor:"stable-alt",text:"GOOGLETRANSLATE",handler:()=>this.onTranslateField(r,e)},{icon:"duplicate",iconColor:"stable-alt",text:"COPYBASELANGUAGE",handler:()=>this.onDuplicateBaseLanguageClicked(r,e,`${t}${o}`)}]}),s[`${t}${o}`]=g(this.updatedTranslations,e,r),s[`${t}${o}Base`]=g(this.updatedTranslations,this.baseLanguage,r))}))})),{slides:l,data:s}}onSelectedLanguagesChanged(t){this.editableForm=null,this.preventFormUpdate=!0,this.selectedLanguage=t.detail,this.languageChanged.emit(t.detail)}onNewTranslateLanguageChanged(t){this.newLanguesToTranslate=t.detail,this.availableBaseLanguages=this.allLanguages.filter((t=>{var e;return!(null===(e=this.newLanguesToTranslate)||void 0===e?void 0:e.includes(t))})),this.baseLanguageAuto.updateValues(this.availableBaseLanguages),this.selectedLanguagesChanged.emit(this.newLanguesToTranslate)}onArrowClick(t){if(!this.preventFieldChange){let e=this.selectedFieldLocation.itemIndex,a=this.selectedFieldLocation.slideIndex;this.currentSlides[a]&&("left"===t&&0===e?(a-=1,e=this.currentSlides[a].items.length-1):"left"===t?e-=1:"right"===t&&e===this.currentSlides[a].items.length-1?(a+=1,e=0):e+=1,this.selectedFieldLocation={slideIndex:a,itemIndex:e},this.editableForm=null)}}onBaseLanguageChanged(t){this.baseLanguage=t.detail,this.baseLanguageChanged.emit(this.baseLanguage),this.updateAvailableLanguages()}updateCurrentTranslations(t,e){var a;const{itemIndex:o,slideIndex:i}=y(this.currentSlides,e);let l=null===(a=this.currentSlides[i])||void 0===a?void 0:a.items[o];l||(l=this.currentSlides[this.selectedFieldLocation.slideIndex].items[this.selectedFieldLocation.itemIndex]);let s,d=!1,c=!1,h=!1;r.forEach((e=>{if("sentence"!==e||!c){t.complexSentence&&(c=!0);const a=u(t[e],this.updatedTranslations,this.selectedLanguage,l[e]);this.updatedTranslations=a.translations,a.updatedTranslation&&(s=a.updatedTranslation);const o=u(t[`${e}Base`],this.updatedTranslations,this.baseLanguage,l[e]);this.updatedTranslations=o.translations,o.updatedTranslation&&(h=!0,s=o.updatedTranslation)}})),p.forEach((e=>{const a=l[e];(null==a?void 0:a.length)>0&&(null==a||a.forEach(((a,o)=>{null==a||a.forEach(((a,r)=>{if(a){d=!0;const i=k(a)?a:a.text,p=u(t[`${e}${o}${r}`],this.updatedTranslations,this.selectedLanguage,i);this.updatedTranslations=p.translations,p.updatedTranslation&&(s=p.updatedTranslation);const n=u(t[`${e}${o}${r}Base`],this.updatedTranslations,this.baseLanguage,i);this.updatedTranslations=n.translations,n.updatedTranslation&&(h=!0,s=n.updatedTranslation)}}))})))})),n.forEach((e=>{l[e]&&l[e].length>0&&("values"!==e||!d)&&l[e].forEach(((a,o)=>{const r=k(a)?a:a.text,i=u(t[`${e}${o}`],this.updatedTranslations,this.selectedLanguage,r);this.updatedTranslations=i.translations,i.updatedTranslation&&(s=i.updatedTranslation);const p=u(t[`${e}${o}Base`],this.updatedTranslations,this.baseLanguage,r);this.updatedTranslations=p.translations,p.updatedTranslation&&(h=!0,s=p.updatedTranslation)}))})),this.translationUpdated.emit({translations:this.updatedTranslations,updatedTranslation:s,languagesChanged:h?[...this.allLanguagesAvailable,this.baseLanguage]:[this.selectedLanguage]})}onEditableFormLoaded(){var t;null===(t=this.editableFormElement)||void 0===t||t.updateSizing()}renderHeader(){const t=this.isCreateTranslationMode()?h("STARTTRANSLATE"):h("TRANSLATION")+" - "+`${this.currentSlides[this.selectedFieldLocation.slideIndex].items[this.selectedFieldLocation.itemIndex].formCreatorIndex+1}. `+c(this.currentSlides[this.selectedFieldLocation.slideIndex].items[this.selectedFieldLocation.itemIndex].title);return a("yoo-header",null,a("yoo-navbar",null,a("yoo-items",{slot:"start"},a("yoo-button",{color:"text-color-to-stable-alt",fill:"transparent",shape:"circular",rippleType:"unbounded",onClick:()=>m("create"===this.mode?{presentTranslationModal:!0}:null)},a("yoo-icon",{name:"create"===this.mode?"left":"close"}))),a("yoo-truncate",null,t)))}renderEditTranslateContent(){var t;const e=window.innerHeight-112-56;return a("div",{class:"scroll-container",style:{maxHeight:`${e}px`}},a("div",{class:"form-container"},a("div",{class:"top-form-container"},a("yoo-form-input-container",{class:"base-language",field:{title:h("DEFAULTLANGUAGE")},hideOptional:!0},a("yoo-form-autocomplete",{values:[this.baseLanguage],value:[this.baseLanguage],useTranslate:!0,readonly:!0,size:"medium",forceHideSearch:!0,displayType:"card-list",isLocal:!0})),a("yoo-form-input-container",{class:"translate-to",field:{title:h("TRANSLATETO")},hideOptional:!0},a("yoo-form-autocomplete",{class:"single-line",values:this.translatedLanguages,value:this.currentLanguageIndex>-1?this.translatedLanguages[this.currentLanguageIndex]:this.translatedLanguages[0],multiple:!1,useTranslate:!0,displayType:"card-list",onInputChanged:t=>this.onSelectedLanguagesChanged(t),forceHideSearch:!0,size:"medium",isLocal:!0})),a("yoo-tooltip",{hoverable:!0,placement:"bottom",content:h(this.disableNewLanguageButton?this.disableNewLanguageButton:"ADDNEWLANGUAGE"),class:"no-pointer"},a("yoo-button",{disabled:(null===(t=this.disableNewLanguageButton)||void 0===t?void 0:t.length)>0,size:"medium",shape:"square",onClick:()=>this.onAddNewLanguageClicked()},a("yoo-icon",{size:"small",name:"plus"})))),this.editableForm&&a("yoo-form-dynamic",{ref:t=>this.editableFormElement=t,class:"translate-dialog no-animation",scrollable:!1,slides:this.editableForm.slides,data:this.editableForm.data,showRecap:!1,onDataChanged:t=>this.onEditableFormChanged(t),onFormHasLoaded:()=>this.onEditableFormLoaded()})))}renderCreateTranslationContent(){return a("div",{class:"forms-container"},a("div",{class:"form-container left"},a("yoo-form-input-container",{class:"base-language",field:{title:h("DEFAULTLANGUAGE")},hideOptional:!0},a("yoo-form-autocomplete",{ref:t=>this.baseLanguageAuto=t,disabled:"create"===this.mode,values:this.availableBaseLanguages,value:[this.baseLanguage],useTranslate:!0,multiple:!1,readonly:!1,forceHideSearch:!0,displayType:"card-list",onInputChanged:t=>this.onBaseLanguageChanged(t),isLocal:!0,size:"medium"}))),a("div",{class:"form-container right"},a("yoo-form-input-container",{class:"translate-to",field:{title:h("TRANSLATETO")},hideOptional:!0},a("yoo-form-autocomplete",{ref:t=>this.translateToAutocomplete=t,class:"single-line",values:this.allLanguagesAvailable,multiple:!0,useTranslate:!0,forceHideSearch:!0,displayType:"card-list",onInputChanged:t=>this.onNewTranslateLanguageChanged(t),isLocal:!0,size:"medium"}))))}onAddNewLanguageClicked(){this.isCreateTranslationMode()?m({createNewTranslations:!0,newLanguesToTranslate:this.newLanguesToTranslate}):m({addNewLanguage:!0})}renderFooter(){return a("div",{class:"button-container"},a("yoo-button",{disabled:this.isCreateTranslationMode()&&(!this.newLanguesToTranslate||this.newLanguesToTranslate&&0===this.newLanguesToTranslate.length),color:this.isCreateTranslationMode()?"app-color":"light-to-dark",onClick:()=>this.onAddNewLanguageClicked()},h("SAVEANDTRANSLATE")))}renderArrowIcon(t){return a("div",{class:{"arrow-container":!0,[t]:!0},onClick:()=>this.onArrowClick(t)},a("yoo-icon",{size:"extra-large",ref:e=>{"left"===t?this.leftArrow=e:this.rightArrow=e},name:t,color:"stable-alt"}))}render(){return a(o,{class:{"new-translation-mode":this.isCreateTranslationMode()}},a("div",{class:"outer-container"},this.renderHeader(),this.isCreateTranslationMode()?this.renderCreateTranslationContent():this.renderEditTranslateContent(),this.isCreateTranslationMode()&&this.renderFooter(),!this.isCreateTranslationMode()&&this.shouldRenderLeftArrow()&&this.renderArrowIcon("left"),!this.isCreateTranslationMode()&&this.shouldRenderRightArrow()&&this.renderArrowIcon("right")))}};j.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{width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:stretch;justify-content:stretch;width:100%;height:100%;background:var(--light-to-dark, #ffffff);border-radius:0.375rem}:host .outer-container .scroll-container{overflow-y:auto}:host .outer-container .form-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:var(--spacing-16, 1rem) 0;overflow-y:auto}:host .outer-container .form-container yoo-form-dynamic{top:5.5rem;width:100%}:host .outer-container .form-container yoo-form-input-container{position:relative;z-index:100;padding:var(--spacing-08, 0.5rem)}:host .outer-container .form-container .top-form-container{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:justify;justify-content:space-between;width:100%;max-width:37.5rem}:host .outer-container .form-container .top-form-container yoo-form-input-container{width:100%;padding:0}:host .outer-container .form-container .top-form-container yoo-form-input-container.base-language{min-width:18.75rem}:host .outer-container .form-container .top-form-container yoo-button{margin-left:1rem}:host .outer-container .button-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;height:3.5rem;padding:0 var(--spacing-16, 1rem);border-top:0.0625rem solid var(--stable-light, #f1f1f1)}:host .outer-container .arrow-container{position:absolute;top:50%;right:auto;bottom:auto;left:auto}:host .outer-container .arrow-container.right{right:-9rem}:host .outer-container .arrow-container.left{left:-9rem}:host(.new-translation-mode) .outer-container .forms-container{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center;height:23rem}:host(.new-translation-mode) .outer-container .forms-container .form-container{width:100%}:host(.new-translation-mode) .outer-container .forms-container .form-container.left{padding:0 var(--spacing-08, 0.5rem) 0 var(--spacing-32, 2rem)}:host(.new-translation-mode) .outer-container .forms-container .form-container.right{padding:0 var(--spacing-32, 2rem) 0 var(--spacing-08, 0.5rem)}:host(.new-translation-mode) .outer-container .forms-container .form-container yoo-form-input-container{width:100%}:host(.new-translation-mode) .outer-container .button-container{padding:var(--spacing-08, 0.5rem) var(--spacing-24, 1.5rem)}";export{j as yoo_form_creator_translate_dialog}
|
|
1
|
+
import{r as t,c as e,h as a,H as o}from"./p-c26cc6ff.js";import{o as r,F as i,m as p,n}from"./p-4d956bd4.js";import{w as l,a1 as s,V as d,Z as c,t as h,a4 as b,bo as m}from"./p-cef3e535.js";import{e as f,x as g,f as y}from"./p-ed9900a6.js";import{i as x}from"./p-5450cf9b.js";import{Q as u}from"./p-f5100cc6.js";import{c as v}from"./p-d76643c1.js";import{i as w}from"./p-2e1a2405.js";import{i as k}from"./p-eba60085.js";import"./p-c4388b4c.js";import"./p-90c34aff.js";import"./p-6bd222bf.js";import"./p-6e6a2b39.js";import"./p-a1142cd3.js";import"./p-dba0c929.js";import"./p-e4414951.js";import"./p-66276219.js";import"./p-a0ddfd0f.js";import"./p-2e351be9.js";import"./p-8b07fc6e.js";import"./p-e0d6fbed.js";import"./p-381ade16.js";import"./p-be748e7e.js";import"./p-b4aad66a.js";import"./p-974b2173.js";import"./p-773567d1.js";import"./p-a5410c5f.js";import"./p-dcda9659.js";import"./p-ba705441.js";import"./p-e311beb5.js";import"./p-70b3d072.js";import"./p-69ac997a.js";import"./p-dbe40191.js";import"./p-22734a9b.js";import"./p-d9e56655.js";import"./p-29203fa2.js";import"./p-5d188f8a.js";import"./p-3b40f968.js";import"./p-bd19a341.js";import"./p-4679d1d7.js";import"./p-91118816.js";import"./p-8e965cb3.js";import"./p-b4ee4fb6.js";import"./p-2de7b03a.js";import"./p-216b2927.js";import"./p-da76a732.js";import"./p-09088888.js";import"./p-9de400aa.js";import"./p-d7093ffe.js";import"./p-fb265fb3.js";const j=class{constructor(a){t(this,a),this.translationUpdated=e(this,"translationUpdated",7),this.selectedLanguagesChanged=e(this,"selectedLanguagesChanged",7),this.languageChanged=e(this,"languageChanged",7),this.baseLanguageChanged=e(this,"baseLanguageChanged",7),this.translateValue=e(this,"translateValue",7),this.initialSelectedFieldLocation={itemIndex:0,slideIndex:0},this.isTranslator=!1,this.mode="edit",this.translatedLanguages=[],this.preventFieldChange=!1,this.updateTranslationsDebounce=l((t=>{var e,a;this.preventFieldChange=!1,null===(e=this.leftArrow)||void 0===e||e.setAttribute("style","display: block;"),null===(a=this.rightArrow)||void 0===a||a.setAttribute("style","display: block;");const o=t.detail.name,r=Object.assign({},t.detail);delete r.name,this.updateCurrentTranslations(r,o)}),1e3),this.preventFormUpdate=!1}async updateTranslationValue(t){const e=this.updatedTranslations.findIndex((e=>e._id===t._id));this.updatedTranslations[e]&&(this.updatedTranslations[e]=t,this.editableForm=null,this.updateTranslationForms(),this.translationUpdated.emit({translations:this.updatedTranslations,updatedTranslation:t,languagesChanged:[this.selectedLanguage]}))}async forceUpdateTranslations(){this.updatedTranslations=this.translations,this.preventFormUpdate=!1,this.updateTranslationForms(!0)}componentWillLoad(){this.updatedTranslations=this.translations,this.allLanguagesAvailable=this.allLanguages,this.availableBaseLanguages=this.allLanguages,this.updateAvailableLanguages(),this.isCreateTranslationMode()||this.initTranslationForms()}componentDidUpdate(){this.isCreateTranslationMode()||this.updateTranslationForms()}updateAvailableLanguages(){this.allLanguagesAvailable=s(this.allLanguages.map((t=>{if(t!==this.baseLanguage&&!this.translatedLanguages.includes(t)&&"key"!==t)return t}))),this.translateToAutocomplete&&this.translateToAutocomplete.updateValues(this.allLanguagesAvailable)}isCreateTranslationMode(){return"create"===this.mode||"createInitial"===this.mode}initTranslationForms(){var t;this.selectedFieldLocation=this.initialSelectedFieldLocation,this.currentSlides=f(this.slides),this.currentSlides[this.selectedFieldLocation.slideIndex].items[this.selectedFieldLocation.itemIndex]&&(this.translatedLanguages&&(this.currentLanguageIndex=null===(t=this.translatedLanguages)||void 0===t?void 0:t.findIndex((t=>t===d())),this.selectedLanguage=this.currentLanguageIndex>-1?this.translatedLanguages[this.currentLanguageIndex]:this.translatedLanguages[0]),this.editableForm=this.buildDefaultLanguageForm(this.currentSlides[this.selectedFieldLocation.slideIndex].items[this.selectedFieldLocation.itemIndex],this.selectedLanguage))}updateTranslationForms(t=!1){this.editableForm&&!t||this.preventFormUpdate||this.isCreateTranslationMode()||(this.currentSlides=f(this.slides),this.editableForm=this.buildDefaultLanguageForm(this.currentSlides[this.selectedFieldLocation.slideIndex].items[this.selectedFieldLocation.itemIndex],this.selectedLanguage))}shouldRenderRightArrow(){const t=this.selectedFieldLocation.itemIndex===this.slides[this.selectedFieldLocation.slideIndex].items.length-1;return!t||t&&!(this.selectedFieldLocation.slideIndex===this.slides.length-1)}shouldRenderLeftArrow(){const t=0===this.selectedFieldLocation.itemIndex;return!t||t&&!(0===this.selectedFieldLocation.slideIndex)}onDuplicateBaseLanguageClicked(t,e,a){const o=g(this.updatedTranslations,this.baseLanguage,t),{translations:r,updatedTranslation:i}=u(o,this.updatedTranslations,e,t);this.updatedTranslations=r,this.translationUpdated.emit({translations:this.updatedTranslations,updatedTranslation:i,languagesChanged:[this.selectedLanguage]}),this.editableFormElement.data[a]=o;const p=this.editableForm.slides[0].items.find((t=>t.name===a));this.editableFormElement.forceFieldUpdate(p,{value:o})}onTranslateField(t,e){const a=g(this.updatedTranslations,this.baseLanguage,t);this.translateValue.emit({value:a,baseLanguage:this.baseLanguage,targetLanguage:e,key:t})}onEditableFormChanged(t){var e,a;this.preventFieldChange=!0,null===(e=this.leftArrow)||void 0===e||e.setAttribute("style","display:none;"),null===(a=this.rightArrow)||void 0===a||a.setAttribute("style","display:none;"),this.updateTranslationsDebounce(t)}buildDefaultLanguageForm(t,e){var a;const o=v(t),l=[{title:"DEFAULTLANGUAGE",items:[]}],s={name:o.name};let d=!1,m=!1;return"missingword"===o.type&&(null===(a=null==o?void 0:o.answer)||void 0===a?void 0:a.length)>0&&(o.values=o.values.filter((t=>!o.answer.includes(t)))),r.forEach((t=>{const a=x(c((null==o?void 0:o[t])||""));!o[t]||m&&"sentence"===t||("complexSentence"===t&&(m=!0),l[0].items.push({type:i.textarea,language:a&&"html",autoInitialRows:!0,title:h(t.toUpperCase()),name:`${t}Base`,width:292,readonly:this.isTranslator}),l[0].items.push({type:i.textarea,language:a&&"html",autoInitialRows:!0,title:h(t.toUpperCase()),name:t,inlineActions:[{icon:"translate",iconColor:"stable-alt",text:"TRANSLATEAGAINTOOLTIP",handler:()=>this.onTranslateField(o[t],e)},{icon:"duplicate",iconColor:"stable-alt",text:"COPYBASELANGUAGE",handler:()=>this.onDuplicateBaseLanguageClicked(o[t],e,t)}]}),s[t]=g(this.updatedTranslations,e,o[t]),s[`${t}Base`]=g(this.updatedTranslations,this.baseLanguage,o[t]))})),p.forEach((t=>{var a;const r=o[t];(null==r?void 0:r.length)>0&&"complexAnswer"!==t&&!((null===(a=null==o?void 0:o.categories)||void 0===a?void 0:a.length)>0&&"swipecards"===o.type)&&(null==r||r.forEach(((a,o)=>{null==a||a.forEach(((a,r)=>{if(a&&(!b(a)||b(a)&&!w(a))){d=!0;const p=k(a)?a:a.text;if(p){const a=x(c(p));l[0].items.push({type:i.textarea,title:h("VALUES"),hideLabel:0!==o||0!==r,language:a&&"html",formatAmpersandSymbol:!0,autoInitialRows:!0,name:`${t}${o}${r}Base`,width:292,readonly:this.isTranslator}),l[0].items.push({type:i.textarea,title:h("VALUES"),hideLabel:0!==o||0!==r,language:a&&"html",formatAmpersandSymbol:!0,autoInitialRows:!0,name:`${t}${o}${r}`,inlineActions:[{icon:"translate",iconColor:"stable-alt",text:"GOOGLETRANSLATE",handler:()=>this.onTranslateField(p,e)},{icon:"duplicate",iconColor:"stable-alt",text:"COPYBASELANGUAGE",handler:()=>this.onDuplicateBaseLanguageClicked(p,e,`${t}${o}${r}`)}]}),s[`${t}${o}${r}`]=g(this.updatedTranslations,e,p),s[`${t}${o}${r}Base`]=g(this.updatedTranslations,this.baseLanguage,p)}}}))})))})),n.forEach((t=>{o[t]&&o[t].length>0&&("values"!==t||!(d||"swipecards"===o.type&&"image"===o.swipeMode||"scratch"===o.type))&&("answer"!==t||"answer"===t&&"missingword"===o.type)&&o[t].forEach(((a,o)=>{const r=k(a)?a:a.text;r&&(l[0].items.push({type:i.textarea,title:h(t.toUpperCase()),hideLabel:o>0,formatAmpersandSymbol:!0,autoInitialRows:!0,language:x(h(r))&&"html",name:`${t}${o}Base`,width:292,readonly:this.isTranslator}),l[0].items.push({type:i.textarea,title:h(t.toUpperCase()),hideLabel:o>0,formatAmpersandSymbol:!0,autoInitialRows:!0,language:x(h(r))&&"html",name:`${t}${o}`,inlineActions:[{icon:"translate",iconColor:"stable-alt",text:"GOOGLETRANSLATE",handler:()=>this.onTranslateField(r,e)},{icon:"duplicate",iconColor:"stable-alt",text:"COPYBASELANGUAGE",handler:()=>this.onDuplicateBaseLanguageClicked(r,e,`${t}${o}`)}]}),s[`${t}${o}`]=g(this.updatedTranslations,e,r),s[`${t}${o}Base`]=g(this.updatedTranslations,this.baseLanguage,r))}))})),{slides:l,data:s}}onSelectedLanguagesChanged(t){this.editableForm=null,this.preventFormUpdate=!0,this.selectedLanguage=t.detail,this.languageChanged.emit(t.detail)}onNewTranslateLanguageChanged(t){this.newLanguesToTranslate=t.detail,this.availableBaseLanguages=this.allLanguages.filter((t=>{var e;return!(null===(e=this.newLanguesToTranslate)||void 0===e?void 0:e.includes(t))})),this.baseLanguageAuto.updateValues(this.availableBaseLanguages),this.selectedLanguagesChanged.emit(this.newLanguesToTranslate)}onArrowClick(t){if(!this.preventFieldChange){let e=this.selectedFieldLocation.itemIndex,a=this.selectedFieldLocation.slideIndex;this.currentSlides[a]&&("left"===t&&0===e?(a-=1,e=this.currentSlides[a].items.length-1):"left"===t?e-=1:"right"===t&&e===this.currentSlides[a].items.length-1?(a+=1,e=0):e+=1,this.selectedFieldLocation={slideIndex:a,itemIndex:e},this.editableForm=null)}}onBaseLanguageChanged(t){this.baseLanguage=t.detail,this.baseLanguageChanged.emit(this.baseLanguage),this.updateAvailableLanguages()}updateCurrentTranslations(t,e){var a;const{itemIndex:o,slideIndex:i}=y(this.currentSlides,e);let l=null===(a=this.currentSlides[i])||void 0===a?void 0:a.items[o];l||(l=this.currentSlides[this.selectedFieldLocation.slideIndex].items[this.selectedFieldLocation.itemIndex]);let s,d=!1,c=!1,h=!1;r.forEach((e=>{if("sentence"!==e||!c){t.complexSentence&&(c=!0);const a=u(t[e],this.updatedTranslations,this.selectedLanguage,l[e]);this.updatedTranslations=a.translations,a.updatedTranslation&&(s=a.updatedTranslation);const o=u(t[`${e}Base`],this.updatedTranslations,this.baseLanguage,l[e]);this.updatedTranslations=o.translations,o.updatedTranslation&&(h=!0,s=o.updatedTranslation)}})),p.forEach((e=>{const a=l[e];(null==a?void 0:a.length)>0&&(null==a||a.forEach(((a,o)=>{null==a||a.forEach(((a,r)=>{if(a){d=!0;const i=k(a)?a:a.text,p=u(t[`${e}${o}${r}`],this.updatedTranslations,this.selectedLanguage,i);this.updatedTranslations=p.translations,p.updatedTranslation&&(s=p.updatedTranslation);const n=u(t[`${e}${o}${r}Base`],this.updatedTranslations,this.baseLanguage,i);this.updatedTranslations=n.translations,n.updatedTranslation&&(h=!0,s=n.updatedTranslation)}}))})))})),n.forEach((e=>{l[e]&&l[e].length>0&&("values"!==e||!d)&&l[e].forEach(((a,o)=>{const r=k(a)?a:a.text,i=u(t[`${e}${o}`],this.updatedTranslations,this.selectedLanguage,r);this.updatedTranslations=i.translations,i.updatedTranslation&&(s=i.updatedTranslation);const p=u(t[`${e}${o}Base`],this.updatedTranslations,this.baseLanguage,r);this.updatedTranslations=p.translations,p.updatedTranslation&&(h=!0,s=p.updatedTranslation)}))})),this.translationUpdated.emit({translations:this.updatedTranslations,updatedTranslation:s,languagesChanged:h?[...this.allLanguagesAvailable,this.baseLanguage]:[this.selectedLanguage]})}onEditableFormLoaded(){var t;null===(t=this.editableFormElement)||void 0===t||t.updateSizing()}renderHeader(){const t=this.isCreateTranslationMode()?h("STARTTRANSLATE"):h("TRANSLATION")+" - "+`${this.currentSlides[this.selectedFieldLocation.slideIndex].items[this.selectedFieldLocation.itemIndex].formCreatorIndex+1}. `+c(this.currentSlides[this.selectedFieldLocation.slideIndex].items[this.selectedFieldLocation.itemIndex].title);return a("yoo-header",null,a("yoo-navbar",null,a("yoo-items",{slot:"start"},a("yoo-button",{color:"text-color-to-stable-alt",fill:"transparent",shape:"circular",rippleType:"unbounded",onClick:()=>m("create"===this.mode?{presentTranslationModal:!0}:null)},a("yoo-icon",{name:"create"===this.mode?"left":"close"}))),a("yoo-truncate",null,t)))}renderEditTranslateContent(){var t;const e=window.innerHeight-112-56;return a("div",{class:"scroll-container",style:{maxHeight:`${e}px`}},a("div",{class:"form-container"},a("div",{class:"top-form-container"},a("yoo-form-input-container",{class:"base-language",field:{title:h("DEFAULTLANGUAGE")},hideOptional:!0},a("yoo-form-autocomplete",{values:[this.baseLanguage],value:[this.baseLanguage],useTranslate:!0,readonly:!0,size:"medium",forceHideSearch:!0,displayType:"card-list",isLocal:!0})),a("yoo-form-input-container",{class:"translate-to",field:{title:h("TRANSLATETO")},hideOptional:!0},a("yoo-form-autocomplete",{class:"single-line",values:this.translatedLanguages,value:this.currentLanguageIndex>-1?this.translatedLanguages[this.currentLanguageIndex]:this.translatedLanguages[0],multiple:!1,useTranslate:!0,displayType:"card-list",onInputChanged:t=>this.onSelectedLanguagesChanged(t),forceHideSearch:!0,size:"medium",isLocal:!0})),a("yoo-tooltip",{hoverable:!0,placement:"bottom",content:h(this.disableNewLanguageButton?this.disableNewLanguageButton:"ADDNEWLANGUAGE"),class:"no-pointer"},a("yoo-button",{disabled:(null===(t=this.disableNewLanguageButton)||void 0===t?void 0:t.length)>0,size:"medium",shape:"square",onClick:()=>this.onAddNewLanguageClicked()},a("yoo-icon",{size:"small",name:"plus"})))),this.editableForm&&a("yoo-form-dynamic",{ref:t=>this.editableFormElement=t,class:"translate-dialog no-animation",scrollable:!1,slides:this.editableForm.slides,data:this.editableForm.data,showRecap:!1,onDataChanged:t=>this.onEditableFormChanged(t),onFormHasLoaded:()=>this.onEditableFormLoaded()})))}renderCreateTranslationContent(){return a("div",{class:"forms-container"},a("div",{class:"form-container left"},a("yoo-form-input-container",{class:"base-language",field:{title:h("DEFAULTLANGUAGE")},hideOptional:!0},a("yoo-form-autocomplete",{ref:t=>this.baseLanguageAuto=t,disabled:"create"===this.mode,values:this.availableBaseLanguages,value:[this.baseLanguage],useTranslate:!0,multiple:!1,readonly:!1,forceHideSearch:!0,displayType:"card-list",onInputChanged:t=>this.onBaseLanguageChanged(t),isLocal:!0,size:"medium"}))),a("div",{class:"form-container right"},a("yoo-form-input-container",{class:"translate-to",field:{title:h("TRANSLATETO")},hideOptional:!0},a("yoo-form-autocomplete",{ref:t=>this.translateToAutocomplete=t,class:"single-line",values:this.allLanguagesAvailable,multiple:!0,useTranslate:!0,forceHideSearch:!0,displayType:"card-list",onInputChanged:t=>this.onNewTranslateLanguageChanged(t),isLocal:!0,size:"medium"}))))}onAddNewLanguageClicked(){this.isCreateTranslationMode()?m({createNewTranslations:!0,newLanguesToTranslate:this.newLanguesToTranslate}):m({addNewLanguage:!0})}renderFooter(){return a("div",{class:"button-container"},a("yoo-button",{disabled:this.isCreateTranslationMode()&&(!this.newLanguesToTranslate||this.newLanguesToTranslate&&0===this.newLanguesToTranslate.length),color:this.isCreateTranslationMode()?"app-color":"light-to-dark",onClick:()=>this.onAddNewLanguageClicked()},h("SAVEANDTRANSLATE")))}renderArrowIcon(t){return a("div",{class:{"arrow-container":!0,[t]:!0},onClick:()=>this.onArrowClick(t)},a("yoo-icon",{size:"extra-large",ref:e=>{"left"===t?this.leftArrow=e:this.rightArrow=e},name:t,color:"stable-alt"}))}render(){return a(o,{class:{"new-translation-mode":this.isCreateTranslationMode()}},a("div",{class:"outer-container"},this.renderHeader(),this.isCreateTranslationMode()?this.renderCreateTranslationContent():this.renderEditTranslateContent(),this.isCreateTranslationMode()&&this.renderFooter(),!this.isCreateTranslationMode()&&this.shouldRenderLeftArrow()&&this.renderArrowIcon("left"),!this.isCreateTranslationMode()&&this.shouldRenderRightArrow()&&this.renderArrowIcon("right")))}};j.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{width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:stretch;justify-content:stretch;width:100%;height:100%;background:var(--light-to-dark, #ffffff);border-radius:0.375rem}:host .outer-container .scroll-container{overflow-y:auto}:host .outer-container .form-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:var(--spacing-16, 1rem) 0;overflow-y:auto}:host .outer-container .form-container yoo-form-dynamic{top:5.5rem;width:100%}:host .outer-container .form-container yoo-form-input-container{position:relative;z-index:100;padding:var(--spacing-08, 0.5rem)}:host .outer-container .form-container .top-form-container{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:justify;justify-content:space-between;width:100%;max-width:37.5rem}:host .outer-container .form-container .top-form-container yoo-form-input-container{width:100%;padding:0}:host .outer-container .form-container .top-form-container yoo-form-input-container.base-language{min-width:18.75rem}:host .outer-container .form-container .top-form-container yoo-button{margin-left:1rem}:host .outer-container .button-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;height:3.5rem;padding:0 var(--spacing-16, 1rem);border-top:0.0625rem solid var(--stable-light, #f1f1f1)}:host .outer-container .arrow-container{position:absolute;top:50%;right:auto;bottom:auto;left:auto}:host .outer-container .arrow-container.right{right:-9rem}:host .outer-container .arrow-container.left{left:-9rem}:host(.new-translation-mode) .outer-container .forms-container{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center;height:23rem}:host(.new-translation-mode) .outer-container .forms-container .form-container{width:100%}:host(.new-translation-mode) .outer-container .forms-container .form-container.left{padding:0 var(--spacing-08, 0.5rem) 0 var(--spacing-32, 2rem)}:host(.new-translation-mode) .outer-container .forms-container .form-container.right{padding:0 var(--spacing-32, 2rem) 0 var(--spacing-08, 0.5rem)}:host(.new-translation-mode) .outer-container .forms-container .form-container yoo-form-input-container{width:100%}:host(.new-translation-mode) .outer-container .button-container{padding:var(--spacing-08, 0.5rem) var(--spacing-24, 1.5rem)}";export{j as yoo_form_creator_translate_dialog}
|