@yoobic/yobi 7.7.120 → 7.7.124

package/dist/design-system/{p-6235196a.entry.js → p-75d3c3d5.entry.js}

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

package/dist/design-system/{p-2455931c.entry.js → p-76deb3b8.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,f as o,h as a,H as i,a as r}from"./p-34197588.js";import{b as l,t as p,Y as n}from"./p-8c6ff567.js";import"./p-4d956bd4.js";import{g as s}from"./p-76fdfe1c.js";import"./p-473a381c.js";import{f as d}from"./p-16ea8a14.js";import{s as c,b as h}from"./p-4919d5c9.js";import{S as b}from"./p-12797a88.js";import{i as m}from"./p-f1b3e8cb.js";import"./p-ca07fb1e.js";import"./p-e0d6fbed.js";import"./p-81cde160.js";import"./p-bd19a341.js";import"./p-478a812f.js";import"./p-7b8c6197.js";import"./p-ba9a1e5a.js";import"./p-1f1c180f.js";import"./p-a33e7e8f.js";import"./p-a1142cd3.js";import"./p-16ec81f2.js";import"./p-b71f650c.js";import"./p-ed132d63.js";import"./p-659a953c.js";const f=class{constructor(o){t(this,o),this.validityChanged=e(this,"validityChanged",7),this.inputBlurred=e(this,"inputBlurred",7),this.inputFocused=e(this,"inputFocused",7),this.inputChanged=e(this,"inputChanged",7),this.fetchData=e(this,"fetchData",7),this.fetchFieldFilterData=e(this,"fetchFieldFilterData",7),this.fetchCustomData=e(this,"fetchCustomData",7),this.auditClicked=e(this,"auditClicked",7),this.reverseValueDimensions=!1,this.allowAudit=!1,this.isSimpleArray=!1,this.allowDragAndDrop=!1,this.columns=[],this.isObjectValues=!1,this.focusTo=null,this.deletedRowIndex=null,this.keepDefaultEnterKeyFor=["yoo-form-text-area"],this.dragAndDropPendingEvent=null,this.dragAndDropPendingEventTimeout=null,this.sortables=[]}async reset(t){this.cells=this.getCells(),(null==t?void 0:t.length)&&this.cells.forEach(((e,o)=>e.forEach(((e,a)=>e.key=t[o][a]))))}async updateValues(t,e,o,a){var i;const r=this.cells[e][o];(null===(i=null==r?void 0:r.el)||void 0===i?void 0:i.updateValues)&&r.el.updateValues(t,null,a)}async updateCustomData(t,e,o){var a;const i=this.cells[e][o];(null===(a=null==i?void 0:i.el)||void 0===a?void 0:a.setFields)&&i.el.setFields(null==t?void 0:t.fields)}onColumnsChanged(t,e){const o=this.canDragAndDrop&&m(t,e)?this.cells.map((t=>t.map((t=>t.key)))):null;this.reset(o)}componentWillLoad(){this.isSimpleArray?(this.value=this.value?[this.value]:[[]],this.reverseValueDimensions=!0):Array.isArray(this.value)||(this.value=[[]]),this.dragAndDropGroupId=s(),this.reset(),this.resolveValueType(),c(this)}componentDidUpdate(){if(this.focusTo){const t=this.getSpecificCellYooFormInput(this.focusTo.rowIndex,this.focusTo.colIndex);t&&t.setFocus()}this.focusTo=null}componentWillRender(){this.destroyDragAndDrop(),void 0!==this.tempMinRows&&this.cells.length<this.tempMinRows&&(this.cells=this.tempCells)}componentDidRender(){this.resetDragAndDrop(),this.deletedRowIndex=null}disconnectedCallback(){this.dragAndDropPendingEvent=null,clearTimeout(this.dragAndDropPendingEventTimeout),this.destroyDragAndDrop()}validate(){var t;let e=!0;this.required&&!(null===(t=this.value)||void 0===t?void 0:t.length)&&(e=!1);const o=this.reverseValueDimensions?this.arrayTransposing(this.value):this.value;return null==o||o.forEach(((t,o)=>{(null==t?void 0:t.forEach)&&(null==t||t.forEach(((t,a)=>{var i;const r=this.columns[a];if(null==r?void 0:r.required){const r=null===(i=(this.reverseValueDimensions?this.value:this.arrayTransposing(this.value))[a])||void 0===i?void 0:i.slice(o),l=o>0&&!this.isLinkedList()&&(null==r?void 0:r.every((t=>!(null==t?void 0:t.text)&&!(null==t?void 0:t.selection)&&!(null==t?void 0:t.file))));e=e&&(l||!!(this.isComplexeColumn(t)?(null==t?void 0:t.text)||(null==t?void 0:t.selection)||(null==t?void 0:t.file):t))}})))})),this.validity&&this.validity===e||(this.validityChanged.emit(e),this.validity=e),this.validity}onFetchEvent(t,e,o,a){null==t||t.stopPropagation(),(null==t?void 0:t.detail)&&(t.detail.rowIndex=e,t.detail.colIndex=o,a&&a.emit(t.detail))}get canDragAndDrop(){return this.allowDragAndDrop&&1===this.columns.length}resetDragAndDrop(){if(this.canDragAndDrop&&!this.sortables.length){const t=".drag-drop-btn",e="vertical",o=this.readonly,a=150,i={name:this.dragAndDropGroupId,pull:[this.dragAndDropGroupId],put:[this.dragAndDropGroupId]};this.isLinkedList()||this.sortables.push(b.create(this.sortableParentElement,{handle:t,disabled:o,animation:a,group:i,direction:e,onStart:t=>{null==t||t.stopPropagation(),this.host.classList.add("dragging")},onChange:t=>{null==t||t.stopPropagation(),this.dragAndDropPendingEvent=t,this.onPendingDragAndDrop(2e3)},onEnd:t=>{null==t||t.stopPropagation(),this.onDragAndDropEnd(t)}}))}}onPendingDragAndDrop(t){clearTimeout(this.dragAndDropPendingEventTimeout),this.dragAndDropPendingEventTimeout=setTimeout((()=>{this.dragAndDropPendingEvent&&this.onDragAndDropEnd(this.dragAndDropPendingEvent)}),t)}onDragAndDropEnd(t){var e,o,a,i;this.dragAndDropPendingEvent=null,clearTimeout(this.dragAndDropPendingEventTimeout);const r=t.oldIndex,l=t.newIndex;let p=this.reverseValueDimensions?this.arrayTransposing(this.value):this.value;const n=p[r];p.splice(r,1),p.splice(l,0,n),p=this.reverseValueDimensions?this.arrayTransposing(p):p,this.setValueAndEmitChanges(p);const s=this.cells.map((t=>t.map((t=>t.key)))),d=s[r];s.splice(r,1),s.splice(l,0,d),this.reset(s),this.host.classList.remove("dragging");const c=null===(e=this.sortableParentElement)||void 0===e?void 0:e.querySelector(".sortable-chosen");null===(o=null==c?void 0:c.classList)||void 0===o||o.remove("sortable-chosen");const h=null===(a=this.sortableParentElement)||void 0===a?void 0:a.querySelector(".sortable-ghost");null===(i=null==h?void 0:h.classList)||void 0===i||i.remove("sortable-ghost")}destroyDragAndDrop(){this.sortables.forEach((t=>{if(null==t?void 0:t.destroy)try{t.destroy()}catch(t){}})),this.sortables=[]}getSpecificCellYooFormInput(t,e){if(t>=0&&e>=0){const o=this.host.shadowRoot.querySelectorAll(".row");if(o&&o[t]){const a=o[t].querySelectorAll(".column");if(a&&a[e])return a[e].querySelector("yoo-form-input")}}}isComplexeColumn(t){return!!t&&(Object.prototype.hasOwnProperty.call(t,"text")||Object.prototype.hasOwnProperty.call(t,"selection")||Object.prototype.hasOwnProperty.call(t,"file"))}resolveValueType(){var t,e;(null===(e=null===(t=this.value)||void 0===t?void 0:t[0])||void 0===e?void 0:e.length)&&(this.isObjectValues=this.value.reduce(((t,e)=>{var o;return(null===(o=e.reduce)||void 0===o?void 0:o.call(e,((e,o)=>t||e||this.isComplexeColumn(o)),!1))||t}),!1))}arrayTransposing(t){const e=(t=(t||[[]]).map((t=>Array.isArray(t)?t:[t]))).reduce(((t,e)=>Math.max(e?e.length:0,t)),0)||1;return[...Array(e)].map(((e,o)=>t.map((t=>t[o]))))}getCells(){const t=this.reverseValueDimensions?this.arrayTransposing(this.value):this.value,e=Math.max(t.length,...this.columns.map((t=>t.rows||1))),o=this.columns.length,a=[[]];for(let i=0;i<e;i++)for(let r=0;r<o;r++){const o=this.columns[r];let l;a[i]||(a[i]=[]),t[i]&&void 0!==t[i][r]?l=t[i][r]:0===i&&(l=""),void 0===(null==l?void 0:l.text)&&void 0===(null==l?void 0:l.selection)&&void 0===(null==l?void 0:l.file)&&(l={text:l});const p=t.filter((t=>void 0!==t[r])).length,n=Math.max(p,o.rows||1)===i+1,d=!o.maxRows||i+1<o.maxRows;let c;a[i][r]={value:l,column:o,colIndex:r,rowIndex:i,showButton:!o.hideButton&&n&&d,showDeleteButton:!o.hideDeleteButton,key:s()},o.rows||e!==i+1||(c=void 0!==l.text||void 0!==l.selection||void 0!==l.file?i:i-1>=0?i-1:0,a[c][r].showButton=!o.hideButton)}return a}onKeyEnterAddCell(t,e){if("Enter"===t.key&&e){if(this.keepDefaultEnterKeyFor.includes(e.column.inputComponentTag))return;const t=e.rowIndex+1,o=this.cells[t]?this.getSpecificCellYooFormInput(t,e.colIndex):null;o?o.setFocus():this.onAddButtonClicked(e)}}onAuditButtonClicked(){this.value[0]&&this.value[0].length>0&&this.auditClicked.emit()}onAddButtonClicked(t){const e=t.rowIndex+1,a=this.isLinkedList()?Math.max(...this.columns.map((t=>t.maxRows||0))):t.column.maxRows;a&&e+1>a||(this.isLinkedList()?this.cells.forEach((t=>t.forEach((t=>t.showButton=!1)))):this.cells.forEach((e=>e[t.colIndex].showButton=!1)),this.cells[e]||(this.cells[e]=new Array(this.columns.length).fill(null).map(((t,o)=>({value:{text:void 0},rowIndex:e,colIndex:o,column:this.columns[o],showDeleteButton:!this.columns[o].hideDeleteButton,key:s()})))),this.isLinkedList()?this.cells[e].forEach((t=>{t.showButton=!t.column.hideButton,t.value={text:"",selection:null,file:null}})):(this.cells[e][t.colIndex].showButton=!t.column.hideButton,this.cells[e][t.colIndex].value={text:"",selection:null,file:null}),this.focusTo={rowIndex:e,colIndex:t.colIndex},this.tempMinRows=this.cells.length,this.tempCells=this.cells,o(this))}async onInputChanged(t,e,o){if(t.stopPropagation(),!t||void 0===t.detail)return;if(e.column.hasImage&&!e.column.hasText&&null===t.detail&&e.rowIndex>0)return void this.onRemoveCell(e);t&&null===t.detail&&e.value[o]&&(e.value[o]=""),"text"===o?e.value.text=t.detail:(this.isObjectValues=!0,"selection"===o?e.value.selection=t.detail:"file"===o&&t.detail&&(e.value.file=t.detail));let a=this.cells.map((t=>t.map((t=>this.isObjectValues?t.value:t.value.text))));this.reverseValueDimensions&&(a=this.arrayTransposing(a)),this.setValueAndEmitChanges(a)}setValueAndEmitChanges(t){this.value=t,h(this.isSimpleArray?this.value[0]:this.value,this,!1,!0,!0)}isLinkedList(){return this.columns.some((t=>t.linkedRow))}isLinkedRow(t){return this.cells[t.rowIndex].reduce(((t,e)=>t||e.column.linkedRow),!1)}onRemoveCell(t){var e;this.tempMinRows=void 0,this.deletedRowIndex=t.rowIndex;let o=this.reverseValueDimensions?this.value:this.arrayTransposing(this.value);this.isLinkedList()?(o.forEach((e=>{Array.isArray(e)&&e.splice(t.rowIndex,1)})),o=this.arrayTransposing(o),o=o.filter((t=>t.reduce(((t,e)=>t||(this.isComplexeColumn(e)?(null==e?void 0:e.text)||(null==e?void 0:e.selection)||(null==e?void 0:e.file):e)))),!1),o=this.reverseValueDimensions?this.arrayTransposing(o):o):Array.isArray(o[t.colIndex])&&(null===(e=o[t.colIndex])||void 0===e||e.splice(t.rowIndex,1),o=this.reverseValueDimensions?o:this.arrayTransposing(o),o=this.reverseValueDimensions?o.map((t=>(null==t?void 0:t.filter)?t.filter((t=>this.isComplexeColumn(t)?(null==t?void 0:t.text)||(null==t?void 0:t.selection)||(null==t?void 0:t.file):t)):t)):o.filter((t=>t.reduce(((t,e)=>t||(this.isComplexeColumn(e)?(null==e?void 0:e.text)||(null==e?void 0:e.selection)||(null==e?void 0:e.file):e)))),!1)),this.setValueAndEmitChanges(o);const a=this.canDragAndDrop?this.cells.filter(((e,o)=>o!==t.rowIndex)).map((t=>t.map((t=>t.key)))):null;this.reset(a)}renderCell(t){var e,o,i,r,n,s,d,c,h,b,m,f,g,y,u,v,x,w,k,z,C,j,D,q,A;const I=t.column.rows&&t.column.rows>=t.rowIndex+1,O=!t.column.maxRows||t.rowIndex+1<t.column.maxRows,F=l(this.host);let T,E;const B=this.cells.slice(0,t.rowIndex).reduce(((e,o)=>e||o[t.colIndex].showButton),!1);if(!this.readonly&&O&&t.showButton&&!B&&(T=a("yoo-button",{size:(null===(o=null===(e=t.column)||void 0===e?void 0:e.addButton)||void 0===o?void 0:o.size)||(F?"small":"large"),color:(null===(r=null===(i=t.column)||void 0===i?void 0:i.addButton)||void 0===r?void 0:r.color)||"app-color",class:null===(s=null===(n=t.column)||void 0===n?void 0:n.addButton)||void 0===s?void 0:s.cssClass,style:(null===(c=null===(d=t.column)||void 0===d?void 0:d.addButton)||void 0===c?void 0:c.style)||null,onClick:()=>this.onAddButtonClicked(t)},a("yoo-icon",{size:(null===(b=null===(h=t.column)||void 0===h?void 0:h.addButton)||void 0===b?void 0:b.iconSize)||"small",slot:(null===(f=null===(m=t.column)||void 0===m?void 0:m.addButton)||void 0===f?void 0:f.iconSlot)||"start",name:(null===(y=null===(g=t.column)||void 0===g?void 0:g.addButton)||void 0===y?void 0:y.icon)||"circle-plus",color:(null===(v=null===(u=t.column)||void 0===u?void 0:u.addButton)||void 0===v?void 0:v.iconColor)||"light"}),p((null===(w=null===(x=t.column)||void 0===x?void 0:x.addButton)||void 0===w?void 0:w.text)||"YOOBICADD"))),this.allowAudit&&t.showButton&&(E=a("yoo-button",{disabled:this.value[0]&&this.value[0].length<=0,size:F?"small":"large",color:"light-to-dark",onClick:()=>this.onAuditButtonClicked()},a("yoo-icon",{size:"small",slot:"start",name:"theme"})," ",p("CUSTOMISE"))),void 0===t.value.text&&void 0===t.value.selection&&void 0===t.value.file&&!I&&!T)return a("div",{class:"column empty"});let M,R,L,S,H,U="";if(t.column.label&&(U=p(t.column.label),t.column.orderInLabel&&(U+=" "+(t.rowIndex+1).toString())),0===t.rowIndex&&t.column.title&&(M=a("div",{class:"title"},p(t.column.title))),!1!==t.column.hasText){const e=t.column.inputComponentTag||"yoo-form-input",o=t.column.inputComponentValueType||"text";let i=t.value.text||null;this.readonly&&!i&&(i="-");const r=Object.assign(Object.assign({},t.column.inputComponentProps||{type:"text"}),{ref:e=>t.el=e,readonly:this.readonly,required:this.required,value:"selection"===o?t.value.selection:i,sortsAndFilters:"selection"===o?t.value.sortsAndFilters:null,currentSelectedTags:"selection"===o?t.value.tags:null,size:F?"medium":"large",maxCharacters:t.column.maxCharacters,onInputChanged:e=>this.onInputChanged(e,t,o),onInputFocused:t=>this.inputFocused.emit(t),onInputBlurred:t=>this.inputBlurred.emit(t),onKeyUp:e=>this.onKeyEnterAddCell(e,t),onFetchData:e=>this.onFetchEvent(e,t.rowIndex,t.colIndex,this.fetchData),onFetchFieldFilterData:e=>this.onFetchEvent(e,t.rowIndex,t.colIndex,this.fetchFieldFilterData),onFetchCustomData:e=>this.onFetchEvent(e,t.rowIndex,t.colIndex,this.fetchCustomData),clearable:!1,maxHeight:this.host.classList.contains("image-collection")?60:void 0,minHeight:this.host.classList.contains("image-collection")?60:void 0,customZIndex:"yoo-form-text-editor"===e&&2e4-t.rowIndex,reloadText:"yoo-form-text-editor"===e&&null!==this.deletedRowIndex&&t.rowIndex>=this.deletedRowIndex});S=a(e,Object.assign({},r),null===(k=t.column.inputComponentSlots)||void 0===k?void 0:k.map((({tag:t,props:e={},text:o})=>a(t,Object.assign({},e),o))))}const V=(void 0!==t.value.text||void 0!==t.value.selection||void 0!==t.value.file||t.value||I)&&(S||void 0!==t.column.label);if(t.column.hasImage&&(L=a("div",{class:{"image-container":!0}},a("yoo-form-capture",{readonly:this.readonly,required:this.required,value:t.value&&t.value.file?t.value.file:null,onInputChanged:e=>this.onInputChanged(e,t,"file"),multiple:!1,allowLibrary:!0,allowUnsplash:!0,maxWidth:null===(C=null===(z=null==t?void 0:t.column)||void 0===z?void 0:z.imageOptions)||void 0===C?void 0:C.width,maxHeight:null===(D=null===(j=null==t?void 0:t.column)||void 0===j?void 0:j.imageOptions)||void 0===D?void 0:D.height,crop:null===(A=null===(q=null==t?void 0:t.column)||void 0===q?void 0:q.imageOptions)||void 0===A?void 0:A.crop,type:"photo",size:this.customSize}),!V&&[this.renderRemoveCell(t,F),this.renderDraggableCell(t)])),V){const e={title:U};t.column.help&&(e.help=p(t.column.help)),R=a("yoo-form-input-container",{field:e,required:t.column.required,hideOptional:t.column.hideOptional,readonly:this.readonly},a("div",{class:{"input-content":!0,mobile:!F}},S,F&&this.renderRemoveCell(t,F),this.renderDraggableCell(t)),this.renderTranslation(t.value.text||null))}return this.isLinkedRow(t)&&(H=a("yoo-icon",{name:"link",color:"app-color",class:{"link-web":F,"link-mobile":!F,"link-visible":t.column.linkedRow},size:"small"})),a("div",{class:{column:!0}},M,a("div",{class:{cell:!0}},H,L,R),a("div",{class:{"button-container":!0}},!F&&V&&this.renderRemoveCell(t,F),T,E))}renderRemoveCell(t,e){var o,i,r;let l,n;if(this.isLinkedRow(t)?(l=1===this.cells.length,n=this.cells[t.rowIndex].reduce(((t,e)=>{var o,a,i;return t&&!!(this.isComplexeColumn(e.value)?(null===(o=e.value)||void 0===o?void 0:o.text)||(null===(a=e.value)||void 0===a?void 0:a.selection)||(null===(i=e.value)||void 0===i?void 0:i.file):e.value)}),!0)):(l=0===t.rowIndex&&1===this.cells.length,n=!!(this.isComplexeColumn(t.value)?(null===(o=t.value)||void 0===o?void 0:o.text)||(null===(i=t.value)||void 0===i?void 0:i.selection)||(null===(r=t.value)||void 0===r?void 0:r.file):t.value)),!this.readonly&&t.showDeleteButton&&!(e&&0===t.rowIndex||!e&&l&&!n)&&!(this.isLinkedRow(t)&&t.colIndex<this.cells[t.rowIndex].length-1))return e?a("yoo-button",{class:"remove-button",onClick:()=>this.onRemoveCell(t)},a("yoo-icon",{size:"small",name:"delete"})):a("yoo-button",{onClick:()=>this.onRemoveCell(t),class:"remove-button",size:"large",color:"danger",rippleType:"unbounded"},a("yoo-icon",{size:"small",color:"light",name:"cross",slot:"start"}),p("REMOVE"))}renderDraggableCell(t){let e;if(e=this.isLinkedRow(t)?1===this.cells.length:1===this.cells.length&&1===this.cells[0].length,!this.readonly&&this.canDragAndDrop&&!e&&!(this.isLinkedRow(t)&&t.colIndex<this.cells[t.rowIndex].length-1))return a("yoo-button",{class:"drag-drop-btn",disabled:!!this.dragAndDropPendingEvent,onMouseDown:t=>{this.dragAndDropPendingEvent&&(t.stopPropagation(),t.preventDefault())}},a("yoo-icon",{size:"small",name:"ranking-toggle"}))}renderTranslation(t){if((null==t?void 0:t.charAt)&&"%"===t.charAt(0)&&"%"===t.charAt(t.length-1))return a("div",{class:"field-translation"},a("yoo-tooltip",{hoverable:!0,placement:"bottom",content:n(t),class:"no-pointer"},a("yoo-icon",{name:"translate"})),a("span",{innerHTML:n(t)}))}renderRow(t){return a("div",{class:"row",key:this.canDragAndDrop?t[0].key:null},t.map((t=>this.renderCell(t))))}renderCells(){var t;if(null===(t=this.cells)||void 0===t?void 0:t.length)return this.cells.map((t=>this.renderRow(t)))}render(){return a(i,{class:Object.assign({},d(this.host))},a("div",{class:"drag-drop-container",ref:t=>this.sortableParentElement=t},this.renderCells()))}get host(){return r(this)}static get watchers(){return{columns:["onColumnsChanged"]}}};f.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 .row{display:-ms-flexbox;display:flex}:host .row .column{-ms-flex:1;flex:1}:host .row .column:first-child .cell,:host .row .column:first-child .button-container{display:-ms-flexbox;display:flex;padding-left:0}:host .row .column:last-child .cell,:host .row .column:last-child .button-container{display:-ms-flexbox;display:flex;padding-right:0}:host .row .column .cell,:host .row .column .button-container{padding-right:var(--spacing-16, 1rem);padding-left:var(--spacing-16, 1rem)}:host .row .column .cell{position:relative;display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;-ms-flex-align:end;align-items:flex-end;padding-top:0;padding-bottom:var(--spacing-08, 0.5rem)}:host .row .column .cell .input-content{display:-ms-flexbox;display:flex}:host .row .column .cell .input-content.mobile{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:end;align-items:flex-end}:host .row .column .cell .input-content yoo-form-input{-ms-flex:1;flex:1}:host .row .column .cell .input-content .remove-button{height:-webkit-min-content;height:-moz-min-content;height:min-content}:host .row .column .cell .image-container{display:-ms-flexbox;display:flex}:host .row .column .cell .image-container:not(.no-padding){padding-right:var(--spacing-16, 1rem)}:host .row .column .cell yoo-form-input-container{-ms-flex:1;flex:1;min-width:6rem}:host .row .column .cell .field-translation{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:0.3rem;color:var(--text-color-to-light-60, #807f83);font-size:var(--font-size-14, 0.875rem);display:-ms-flexbox;display:flex;white-space:normal}:host .row .column .cell .field-translation yoo-icon{margin-right:0.3rem}:host .row .column .cell .field-translation *{display:inline-block}:host .row .column .cell .delete-cell{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-left:var(--spacing-08, 0.5rem)}:host .row .column .cell .link-web{position:absolute;bottom:1.2rem;left:-0.5rem;visibility:hidden}:host .row .column .cell .link-visible{visibility:visible !important}:host .row .column .button-container{display:-ms-flexbox;display:flex}:host .row .column .button-container yoo-button{padding-left:var(--spacing-08, 0.5rem)}:host .row .column .button-container yoo-button:first-child{padding-left:0}:host .row .column.column-title yoo-form-input.title-input{padding:var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) 0}:host .row .column yoo-button{padding-left:var(--spacing-08, 0.5rem)}:host .row.sortable-chosen:not(.sortable-ghost){padding-right:var(--spacing-08, 0.5rem);padding-left:var(--spacing-08, 0.5rem);background-color:var(--stable-light, #f1f1f1)}:host .row.sortable-chosen .column .button-container{display:none}:host(.mobile) .row{-ms-flex-direction:column;flex-direction:column}:host(.mobile) .row .column .cell,:host(.mobile) .row .column .button-container{-ms-flex-pack:end;justify-content:flex-end;padding-top:var(--spacing-08, 0.5rem);padding-right:0;padding-left:0}:host(.mobile) .row .column .cell{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}:host(.mobile) .row .column .cell .link-mobile{margin-right:var(--spacing-16, 1rem);padding:var(--spacing-08, 0.5rem);background-color:var(--app-color-10);border-radius:50%;visibility:hidden}:host(.mobile) .row .column .cell .remove-button{margin-top:var(--spacing-16, 1rem)}:host(.reveal) .link-web{top:2.5rem;bottom:unset}:host(.full-width) yoo-form-text-editor,:host(.full-width) yoo-form-text-area{width:100%}:host(.dragging) .row .column .button-container{display:none}";export{f as yoo_form_multi_input}
+import{r as t,c as e,f as o,h as a,H as i,a as r}from"./p-34197588.js";import{b as l,t as p,Y as n}from"./p-8c6ff567.js";import"./p-4d956bd4.js";import{g as s}from"./p-a60e966e.js";import"./p-473a381c.js";import{f as d}from"./p-16ea8a14.js";import{s as c,b as h}from"./p-4919d5c9.js";import{S as b}from"./p-12797a88.js";import{i as m}from"./p-f1b3e8cb.js";import"./p-0212af76.js";import"./p-e0d6fbed.js";import"./p-81cde160.js";import"./p-bd19a341.js";import"./p-478a812f.js";import"./p-7b8c6197.js";import"./p-ba9a1e5a.js";import"./p-1f1c180f.js";import"./p-a33e7e8f.js";import"./p-a1142cd3.js";import"./p-16ec81f2.js";import"./p-b71f650c.js";import"./p-ed132d63.js";import"./p-659a953c.js";const f=class{constructor(o){t(this,o),this.validityChanged=e(this,"validityChanged",7),this.inputBlurred=e(this,"inputBlurred",7),this.inputFocused=e(this,"inputFocused",7),this.inputChanged=e(this,"inputChanged",7),this.fetchData=e(this,"fetchData",7),this.fetchFieldFilterData=e(this,"fetchFieldFilterData",7),this.fetchCustomData=e(this,"fetchCustomData",7),this.auditClicked=e(this,"auditClicked",7),this.reverseValueDimensions=!1,this.allowAudit=!1,this.isSimpleArray=!1,this.allowDragAndDrop=!1,this.columns=[],this.isObjectValues=!1,this.focusTo=null,this.deletedRowIndex=null,this.keepDefaultEnterKeyFor=["yoo-form-text-area"],this.dragAndDropPendingEvent=null,this.dragAndDropPendingEventTimeout=null,this.sortables=[]}async reset(t){this.cells=this.getCells(),(null==t?void 0:t.length)&&this.cells.forEach(((e,o)=>e.forEach(((e,a)=>e.key=t[o][a]))))}async updateValues(t,e,o,a){var i;const r=this.cells[e][o];(null===(i=null==r?void 0:r.el)||void 0===i?void 0:i.updateValues)&&r.el.updateValues(t,null,a)}async updateCustomData(t,e,o){var a;const i=this.cells[e][o];(null===(a=null==i?void 0:i.el)||void 0===a?void 0:a.setFields)&&i.el.setFields(null==t?void 0:t.fields)}onColumnsChanged(t,e){const o=this.canDragAndDrop&&m(t,e)?this.cells.map((t=>t.map((t=>t.key)))):null;this.reset(o)}componentWillLoad(){this.isSimpleArray?(this.value=this.value?[this.value]:[[]],this.reverseValueDimensions=!0):Array.isArray(this.value)||(this.value=[[]]),this.dragAndDropGroupId=s(),this.reset(),this.resolveValueType(),c(this)}componentDidUpdate(){if(this.focusTo){const t=this.getSpecificCellYooFormInput(this.focusTo.rowIndex,this.focusTo.colIndex);t&&t.setFocus()}this.focusTo=null}componentWillRender(){this.destroyDragAndDrop(),void 0!==this.tempMinRows&&this.cells.length<this.tempMinRows&&(this.cells=this.tempCells)}componentDidRender(){this.resetDragAndDrop(),this.deletedRowIndex=null}disconnectedCallback(){this.dragAndDropPendingEvent=null,clearTimeout(this.dragAndDropPendingEventTimeout),this.destroyDragAndDrop()}validate(){var t;let e=!0;this.required&&!(null===(t=this.value)||void 0===t?void 0:t.length)&&(e=!1);const o=this.reverseValueDimensions?this.arrayTransposing(this.value):this.value;return null==o||o.forEach(((t,o)=>{(null==t?void 0:t.forEach)&&(null==t||t.forEach(((t,a)=>{var i;const r=this.columns[a];if(null==r?void 0:r.required){const r=null===(i=(this.reverseValueDimensions?this.value:this.arrayTransposing(this.value))[a])||void 0===i?void 0:i.slice(o),l=o>0&&!this.isLinkedList()&&(null==r?void 0:r.every((t=>!(null==t?void 0:t.text)&&!(null==t?void 0:t.selection)&&!(null==t?void 0:t.file))));e=e&&(l||!!(this.isComplexeColumn(t)?(null==t?void 0:t.text)||(null==t?void 0:t.selection)||(null==t?void 0:t.file):t))}})))})),this.validity&&this.validity===e||(this.validityChanged.emit(e),this.validity=e),this.validity}onFetchEvent(t,e,o,a){null==t||t.stopPropagation(),(null==t?void 0:t.detail)&&(t.detail.rowIndex=e,t.detail.colIndex=o,a&&a.emit(t.detail))}get canDragAndDrop(){return this.allowDragAndDrop&&1===this.columns.length}resetDragAndDrop(){if(this.canDragAndDrop&&!this.sortables.length){const t=".drag-drop-btn",e="vertical",o=this.readonly,a=150,i={name:this.dragAndDropGroupId,pull:[this.dragAndDropGroupId],put:[this.dragAndDropGroupId]};this.isLinkedList()||this.sortables.push(b.create(this.sortableParentElement,{handle:t,disabled:o,animation:a,group:i,direction:e,onStart:t=>{null==t||t.stopPropagation(),this.host.classList.add("dragging")},onChange:t=>{null==t||t.stopPropagation(),this.dragAndDropPendingEvent=t,this.onPendingDragAndDrop(2e3)},onEnd:t=>{null==t||t.stopPropagation(),this.onDragAndDropEnd(t)}}))}}onPendingDragAndDrop(t){clearTimeout(this.dragAndDropPendingEventTimeout),this.dragAndDropPendingEventTimeout=setTimeout((()=>{this.dragAndDropPendingEvent&&this.onDragAndDropEnd(this.dragAndDropPendingEvent)}),t)}onDragAndDropEnd(t){var e,o,a,i;this.dragAndDropPendingEvent=null,clearTimeout(this.dragAndDropPendingEventTimeout);const r=t.oldIndex,l=t.newIndex;let p=this.reverseValueDimensions?this.arrayTransposing(this.value):this.value;const n=p[r];p.splice(r,1),p.splice(l,0,n),p=this.reverseValueDimensions?this.arrayTransposing(p):p,this.setValueAndEmitChanges(p);const s=this.cells.map((t=>t.map((t=>t.key)))),d=s[r];s.splice(r,1),s.splice(l,0,d),this.reset(s),this.host.classList.remove("dragging");const c=null===(e=this.sortableParentElement)||void 0===e?void 0:e.querySelector(".sortable-chosen");null===(o=null==c?void 0:c.classList)||void 0===o||o.remove("sortable-chosen");const h=null===(a=this.sortableParentElement)||void 0===a?void 0:a.querySelector(".sortable-ghost");null===(i=null==h?void 0:h.classList)||void 0===i||i.remove("sortable-ghost")}destroyDragAndDrop(){this.sortables.forEach((t=>{if(null==t?void 0:t.destroy)try{t.destroy()}catch(t){}})),this.sortables=[]}getSpecificCellYooFormInput(t,e){if(t>=0&&e>=0){const o=this.host.shadowRoot.querySelectorAll(".row");if(o&&o[t]){const a=o[t].querySelectorAll(".column");if(a&&a[e])return a[e].querySelector("yoo-form-input")}}}isComplexeColumn(t){return!!t&&(Object.prototype.hasOwnProperty.call(t,"text")||Object.prototype.hasOwnProperty.call(t,"selection")||Object.prototype.hasOwnProperty.call(t,"file"))}resolveValueType(){var t,e;(null===(e=null===(t=this.value)||void 0===t?void 0:t[0])||void 0===e?void 0:e.length)&&(this.isObjectValues=this.value.reduce(((t,e)=>{var o;return(null===(o=e.reduce)||void 0===o?void 0:o.call(e,((e,o)=>t||e||this.isComplexeColumn(o)),!1))||t}),!1))}arrayTransposing(t){const e=(t=(t||[[]]).map((t=>Array.isArray(t)?t:[t]))).reduce(((t,e)=>Math.max(e?e.length:0,t)),0)||1;return[...Array(e)].map(((e,o)=>t.map((t=>t[o]))))}getCells(){const t=this.reverseValueDimensions?this.arrayTransposing(this.value):this.value,e=Math.max(t.length,...this.columns.map((t=>t.rows||1))),o=this.columns.length,a=[[]];for(let i=0;i<e;i++)for(let r=0;r<o;r++){const o=this.columns[r];let l;a[i]||(a[i]=[]),t[i]&&void 0!==t[i][r]?l=t[i][r]:0===i&&(l=""),void 0===(null==l?void 0:l.text)&&void 0===(null==l?void 0:l.selection)&&void 0===(null==l?void 0:l.file)&&(l={text:l});const p=t.filter((t=>void 0!==t[r])).length,n=Math.max(p,o.rows||1)===i+1,d=!o.maxRows||i+1<o.maxRows;let c;a[i][r]={value:l,column:o,colIndex:r,rowIndex:i,showButton:!o.hideButton&&n&&d,showDeleteButton:!o.hideDeleteButton,key:s()},o.rows||e!==i+1||(c=void 0!==l.text||void 0!==l.selection||void 0!==l.file?i:i-1>=0?i-1:0,a[c][r].showButton=!o.hideButton)}return a}onKeyEnterAddCell(t,e){if("Enter"===t.key&&e){if(this.keepDefaultEnterKeyFor.includes(e.column.inputComponentTag))return;const t=e.rowIndex+1,o=this.cells[t]?this.getSpecificCellYooFormInput(t,e.colIndex):null;o?o.setFocus():this.onAddButtonClicked(e)}}onAuditButtonClicked(){this.value[0]&&this.value[0].length>0&&this.auditClicked.emit()}onAddButtonClicked(t){const e=t.rowIndex+1,a=this.isLinkedList()?Math.max(...this.columns.map((t=>t.maxRows||0))):t.column.maxRows;a&&e+1>a||(this.isLinkedList()?this.cells.forEach((t=>t.forEach((t=>t.showButton=!1)))):this.cells.forEach((e=>e[t.colIndex].showButton=!1)),this.cells[e]||(this.cells[e]=new Array(this.columns.length).fill(null).map(((t,o)=>({value:{text:void 0},rowIndex:e,colIndex:o,column:this.columns[o],showDeleteButton:!this.columns[o].hideDeleteButton,key:s()})))),this.isLinkedList()?this.cells[e].forEach((t=>{t.showButton=!t.column.hideButton,t.value={text:"",selection:null,file:null}})):(this.cells[e][t.colIndex].showButton=!t.column.hideButton,this.cells[e][t.colIndex].value={text:"",selection:null,file:null}),this.focusTo={rowIndex:e,colIndex:t.colIndex},this.tempMinRows=this.cells.length,this.tempCells=this.cells,o(this))}async onInputChanged(t,e,o){if(t.stopPropagation(),!t||void 0===t.detail)return;if(e.column.hasImage&&!e.column.hasText&&null===t.detail&&e.rowIndex>0)return void this.onRemoveCell(e);t&&null===t.detail&&e.value[o]&&(e.value[o]=""),"text"===o?e.value.text=t.detail:(this.isObjectValues=!0,"selection"===o?e.value.selection=t.detail:"file"===o&&t.detail&&(e.value.file=t.detail));let a=this.cells.map((t=>t.map((t=>this.isObjectValues?t.value:t.value.text))));this.reverseValueDimensions&&(a=this.arrayTransposing(a)),this.setValueAndEmitChanges(a)}setValueAndEmitChanges(t){this.value=t,h(this.isSimpleArray?this.value[0]:this.value,this,!1,!0,!0)}isLinkedList(){return this.columns.some((t=>t.linkedRow))}isLinkedRow(t){return this.cells[t.rowIndex].reduce(((t,e)=>t||e.column.linkedRow),!1)}onRemoveCell(t){var e;this.tempMinRows=void 0,this.deletedRowIndex=t.rowIndex;let o=this.reverseValueDimensions?this.value:this.arrayTransposing(this.value);this.isLinkedList()?(o.forEach((e=>{Array.isArray(e)&&e.splice(t.rowIndex,1)})),o=this.arrayTransposing(o),o=o.filter((t=>t.reduce(((t,e)=>t||(this.isComplexeColumn(e)?(null==e?void 0:e.text)||(null==e?void 0:e.selection)||(null==e?void 0:e.file):e)))),!1),o=this.reverseValueDimensions?this.arrayTransposing(o):o):Array.isArray(o[t.colIndex])&&(null===(e=o[t.colIndex])||void 0===e||e.splice(t.rowIndex,1),o=this.reverseValueDimensions?o:this.arrayTransposing(o),o=this.reverseValueDimensions?o.map((t=>(null==t?void 0:t.filter)?t.filter((t=>this.isComplexeColumn(t)?(null==t?void 0:t.text)||(null==t?void 0:t.selection)||(null==t?void 0:t.file):t)):t)):o.filter((t=>t.reduce(((t,e)=>t||(this.isComplexeColumn(e)?(null==e?void 0:e.text)||(null==e?void 0:e.selection)||(null==e?void 0:e.file):e)))),!1)),this.setValueAndEmitChanges(o);const a=this.canDragAndDrop?this.cells.filter(((e,o)=>o!==t.rowIndex)).map((t=>t.map((t=>t.key)))):null;this.reset(a)}renderCell(t){var e,o,i,r,n,s,d,c,h,b,m,f,g,y,u,v,x,w,k,z,C,j,D,q,A;const I=t.column.rows&&t.column.rows>=t.rowIndex+1,O=!t.column.maxRows||t.rowIndex+1<t.column.maxRows,F=l(this.host);let T,E;const B=this.cells.slice(0,t.rowIndex).reduce(((e,o)=>e||o[t.colIndex].showButton),!1);if(!this.readonly&&O&&t.showButton&&!B&&(T=a("yoo-button",{size:(null===(o=null===(e=t.column)||void 0===e?void 0:e.addButton)||void 0===o?void 0:o.size)||(F?"small":"large"),color:(null===(r=null===(i=t.column)||void 0===i?void 0:i.addButton)||void 0===r?void 0:r.color)||"app-color",class:null===(s=null===(n=t.column)||void 0===n?void 0:n.addButton)||void 0===s?void 0:s.cssClass,style:(null===(c=null===(d=t.column)||void 0===d?void 0:d.addButton)||void 0===c?void 0:c.style)||null,onClick:()=>this.onAddButtonClicked(t)},a("yoo-icon",{size:(null===(b=null===(h=t.column)||void 0===h?void 0:h.addButton)||void 0===b?void 0:b.iconSize)||"small",slot:(null===(f=null===(m=t.column)||void 0===m?void 0:m.addButton)||void 0===f?void 0:f.iconSlot)||"start",name:(null===(y=null===(g=t.column)||void 0===g?void 0:g.addButton)||void 0===y?void 0:y.icon)||"circle-plus",color:(null===(v=null===(u=t.column)||void 0===u?void 0:u.addButton)||void 0===v?void 0:v.iconColor)||"light"}),p((null===(w=null===(x=t.column)||void 0===x?void 0:x.addButton)||void 0===w?void 0:w.text)||"YOOBICADD"))),this.allowAudit&&t.showButton&&(E=a("yoo-button",{disabled:this.value[0]&&this.value[0].length<=0,size:F?"small":"large",color:"light-to-dark",onClick:()=>this.onAuditButtonClicked()},a("yoo-icon",{size:"small",slot:"start",name:"theme"})," ",p("CUSTOMISE"))),void 0===t.value.text&&void 0===t.value.selection&&void 0===t.value.file&&!I&&!T)return a("div",{class:"column empty"});let M,R,L,S,H,U="";if(t.column.label&&(U=p(t.column.label),t.column.orderInLabel&&(U+=" "+(t.rowIndex+1).toString())),0===t.rowIndex&&t.column.title&&(M=a("div",{class:"title"},p(t.column.title))),!1!==t.column.hasText){const e=t.column.inputComponentTag||"yoo-form-input",o=t.column.inputComponentValueType||"text";let i=t.value.text||null;this.readonly&&!i&&(i="-");const r=Object.assign(Object.assign({},t.column.inputComponentProps||{type:"text"}),{ref:e=>t.el=e,readonly:this.readonly,required:this.required,value:"selection"===o?t.value.selection:i,sortsAndFilters:"selection"===o?t.value.sortsAndFilters:null,currentSelectedTags:"selection"===o?t.value.tags:null,size:F?"medium":"large",maxCharacters:t.column.maxCharacters,onInputChanged:e=>this.onInputChanged(e,t,o),onInputFocused:t=>this.inputFocused.emit(t),onInputBlurred:t=>this.inputBlurred.emit(t),onKeyUp:e=>this.onKeyEnterAddCell(e,t),onFetchData:e=>this.onFetchEvent(e,t.rowIndex,t.colIndex,this.fetchData),onFetchFieldFilterData:e=>this.onFetchEvent(e,t.rowIndex,t.colIndex,this.fetchFieldFilterData),onFetchCustomData:e=>this.onFetchEvent(e,t.rowIndex,t.colIndex,this.fetchCustomData),clearable:!1,maxHeight:this.host.classList.contains("image-collection")?60:void 0,minHeight:this.host.classList.contains("image-collection")?60:void 0,customZIndex:"yoo-form-text-editor"===e&&2e4-t.rowIndex,reloadText:"yoo-form-text-editor"===e&&null!==this.deletedRowIndex&&t.rowIndex>=this.deletedRowIndex});S=a(e,Object.assign({},r),null===(k=t.column.inputComponentSlots)||void 0===k?void 0:k.map((({tag:t,props:e={},text:o})=>a(t,Object.assign({},e),o))))}const V=(void 0!==t.value.text||void 0!==t.value.selection||void 0!==t.value.file||t.value||I)&&(S||void 0!==t.column.label);if(t.column.hasImage&&(L=a("div",{class:{"image-container":!0}},a("yoo-form-capture",{readonly:this.readonly,required:this.required,value:t.value&&t.value.file?t.value.file:null,onInputChanged:e=>this.onInputChanged(e,t,"file"),multiple:!1,allowLibrary:!0,allowUnsplash:!0,maxWidth:null===(C=null===(z=null==t?void 0:t.column)||void 0===z?void 0:z.imageOptions)||void 0===C?void 0:C.width,maxHeight:null===(D=null===(j=null==t?void 0:t.column)||void 0===j?void 0:j.imageOptions)||void 0===D?void 0:D.height,crop:null===(A=null===(q=null==t?void 0:t.column)||void 0===q?void 0:q.imageOptions)||void 0===A?void 0:A.crop,type:"photo",size:this.customSize}),!V&&[this.renderRemoveCell(t,F),this.renderDraggableCell(t)])),V){const e={title:U};t.column.help&&(e.help=p(t.column.help)),R=a("yoo-form-input-container",{field:e,required:t.column.required,hideOptional:t.column.hideOptional,readonly:this.readonly},a("div",{class:{"input-content":!0,mobile:!F}},S,F&&this.renderRemoveCell(t,F),this.renderDraggableCell(t)),this.renderTranslation(t.value.text||null))}return this.isLinkedRow(t)&&(H=a("yoo-icon",{name:"link",color:"app-color",class:{"link-web":F,"link-mobile":!F,"link-visible":t.column.linkedRow},size:"small"})),a("div",{class:{column:!0}},M,a("div",{class:{cell:!0}},H,L,R),a("div",{class:{"button-container":!0}},!F&&V&&this.renderRemoveCell(t,F),T,E))}renderRemoveCell(t,e){var o,i,r;let l,n;if(this.isLinkedRow(t)?(l=1===this.cells.length,n=this.cells[t.rowIndex].reduce(((t,e)=>{var o,a,i;return t&&!!(this.isComplexeColumn(e.value)?(null===(o=e.value)||void 0===o?void 0:o.text)||(null===(a=e.value)||void 0===a?void 0:a.selection)||(null===(i=e.value)||void 0===i?void 0:i.file):e.value)}),!0)):(l=0===t.rowIndex&&1===this.cells.length,n=!!(this.isComplexeColumn(t.value)?(null===(o=t.value)||void 0===o?void 0:o.text)||(null===(i=t.value)||void 0===i?void 0:i.selection)||(null===(r=t.value)||void 0===r?void 0:r.file):t.value)),!this.readonly&&t.showDeleteButton&&!(e&&0===t.rowIndex||!e&&l&&!n)&&!(this.isLinkedRow(t)&&t.colIndex<this.cells[t.rowIndex].length-1))return e?a("yoo-button",{class:"remove-button",onClick:()=>this.onRemoveCell(t)},a("yoo-icon",{size:"small",name:"delete"})):a("yoo-button",{onClick:()=>this.onRemoveCell(t),class:"remove-button",size:"large",color:"danger",rippleType:"unbounded"},a("yoo-icon",{size:"small",color:"light",name:"cross",slot:"start"}),p("REMOVE"))}renderDraggableCell(t){let e;if(e=this.isLinkedRow(t)?1===this.cells.length:1===this.cells.length&&1===this.cells[0].length,!this.readonly&&this.canDragAndDrop&&!e&&!(this.isLinkedRow(t)&&t.colIndex<this.cells[t.rowIndex].length-1))return a("yoo-button",{class:"drag-drop-btn",disabled:!!this.dragAndDropPendingEvent,onMouseDown:t=>{this.dragAndDropPendingEvent&&(t.stopPropagation(),t.preventDefault())}},a("yoo-icon",{size:"small",name:"ranking-toggle"}))}renderTranslation(t){if((null==t?void 0:t.charAt)&&"%"===t.charAt(0)&&"%"===t.charAt(t.length-1))return a("div",{class:"field-translation"},a("yoo-tooltip",{hoverable:!0,placement:"bottom",content:n(t),class:"no-pointer"},a("yoo-icon",{name:"translate"})),a("span",{innerHTML:n(t)}))}renderRow(t){return a("div",{class:"row",key:this.canDragAndDrop?t[0].key:null},t.map((t=>this.renderCell(t))))}renderCells(){var t;if(null===(t=this.cells)||void 0===t?void 0:t.length)return this.cells.map((t=>this.renderRow(t)))}render(){return a(i,{class:Object.assign({},d(this.host))},a("div",{class:"drag-drop-container",ref:t=>this.sortableParentElement=t},this.renderCells()))}get host(){return r(this)}static get watchers(){return{columns:["onColumnsChanged"]}}};f.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 .row{display:-ms-flexbox;display:flex}:host .row .column{-ms-flex:1;flex:1}:host .row .column:first-child .cell,:host .row .column:first-child .button-container{display:-ms-flexbox;display:flex;padding-left:0}:host .row .column:last-child .cell,:host .row .column:last-child .button-container{display:-ms-flexbox;display:flex;padding-right:0}:host .row .column .cell,:host .row .column .button-container{padding-right:var(--spacing-16, 1rem);padding-left:var(--spacing-16, 1rem)}:host .row .column .cell{position:relative;display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;-ms-flex-align:end;align-items:flex-end;padding-top:0;padding-bottom:var(--spacing-08, 0.5rem)}:host .row .column .cell .input-content{display:-ms-flexbox;display:flex}:host .row .column .cell .input-content.mobile{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:end;align-items:flex-end}:host .row .column .cell .input-content yoo-form-input{-ms-flex:1;flex:1}:host .row .column .cell .input-content .remove-button{height:-webkit-min-content;height:-moz-min-content;height:min-content}:host .row .column .cell .image-container{display:-ms-flexbox;display:flex}:host .row .column .cell .image-container:not(.no-padding){padding-right:var(--spacing-16, 1rem)}:host .row .column .cell yoo-form-input-container{-ms-flex:1;flex:1;min-width:6rem}:host .row .column .cell .field-translation{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:0.3rem;color:var(--text-color-to-light-60, #807f83);font-size:var(--font-size-14, 0.875rem);display:-ms-flexbox;display:flex;white-space:normal}:host .row .column .cell .field-translation yoo-icon{margin-right:0.3rem}:host .row .column .cell .field-translation *{display:inline-block}:host .row .column .cell .delete-cell{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-left:var(--spacing-08, 0.5rem)}:host .row .column .cell .link-web{position:absolute;bottom:1.2rem;left:-0.5rem;visibility:hidden}:host .row .column .cell .link-visible{visibility:visible !important}:host .row .column .button-container{display:-ms-flexbox;display:flex}:host .row .column .button-container yoo-button{padding-left:var(--spacing-08, 0.5rem)}:host .row .column .button-container yoo-button:first-child{padding-left:0}:host .row .column.column-title yoo-form-input.title-input{padding:var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) 0}:host .row .column yoo-button{padding-left:var(--spacing-08, 0.5rem)}:host .row.sortable-chosen:not(.sortable-ghost){padding-right:var(--spacing-08, 0.5rem);padding-left:var(--spacing-08, 0.5rem);background-color:var(--stable-light, #f1f1f1)}:host .row.sortable-chosen .column .button-container{display:none}:host(.mobile) .row{-ms-flex-direction:column;flex-direction:column}:host(.mobile) .row .column .cell,:host(.mobile) .row .column .button-container{-ms-flex-pack:end;justify-content:flex-end;padding-top:var(--spacing-08, 0.5rem);padding-right:0;padding-left:0}:host(.mobile) .row .column .cell{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}:host(.mobile) .row .column .cell .link-mobile{margin-right:var(--spacing-16, 1rem);padding:var(--spacing-08, 0.5rem);background-color:var(--app-color-10);border-radius:50%;visibility:hidden}:host(.mobile) .row .column .cell .remove-button{margin-top:var(--spacing-16, 1rem)}:host(.reveal) .link-web{top:2.5rem;bottom:unset}:host(.full-width) yoo-form-text-editor,:host(.full-width) yoo-form-text-area{width:100%}:host(.dragging) .row .column .button-container{display:none}";export{f as yoo_form_multi_input}