jodit-pro/esm/plugins/translate/ui/settings/settings.js

PRO Version of Jodit Editor

var p=Object.defineProperty;var c=(o,t)=>p(o,"name",{value:t,configurable:!0});var r,_=function(o,t,e,a){var i=arguments.length,s=i<3?t:a===null?a=Object.getOwnPropertyDescriptor(t,e):a,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(o,t,e,a);else for(var h=o.length-1;h>=0;h--)(n=o[h])&&(s=(i<3?n(s):i>3?n(t,e,s):n(t,e))||s);return i>3&&s&&Object.defineProperty(t,e,s),s};import{component as u,watch as v}from"jodit/esm/core/decorators/index.js";import{UIElement as L}from"jodit/esm/core/ui/index.js";import{UITranslateList as g}from"../list/list.js";let l=(r=class extends L{className(){return"UITranslateSettings"}render(){return`<div>
			<div class='&__list &__source-list'></div>
			<div class='&__arrow'>
				<a class='&__arrow-swap'>*translate-swap*</a>
			</div>
			<div class='&__list &__target-list'></div>
		</div>`}constructor(t,e,a){var i,s;super(t),this.state=e,this.options=a,this.__sourceList=new g(t,{list:a.sourceList,active:e.sourceLang,onChange:c(n=>{this.state.sourceLang=n,this.options.onChange({...this.state})},"onChange")}),(i=this.getElm("source-list"))===null||i===void 0||i.appendChild(this.__sourceList.container),this.__targetList=new g(t,{list:a.targetList,active:e.targetLang,onChange:c(n=>{this.state.targetLang=n,this.options.onChange({...this.state})},"onChange")}),(s=this.getElm("target-list"))===null||s===void 0||s.appendChild(this.__targetList.container)}__onSwap(){const t=this.state.sourceLang;this.state.sourceLang=this.state.targetLang,this.state.targetLang=t,this.__sourceList.state.active=this.state.sourceLang,this.__targetList.state.active=this.state.targetLang,this.options.onChange({...this.state})}},c(r,"UITranslateSettings"),r);_([v("arrow-swap:click")],l.prototype,"__onSwap",null),l=_([u],l);export{l as UITranslateSettings};