@google-translate-select/vue3
Version:
🚀 The package offer vue3 library for @google-translate-select!
3 lines (2 loc) • 2.94 kB
JavaScript
"use strict";const s=require("./index5.cjs"),e=require("vue"),a=require("./index6.cjs"),r=e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[e.createElementVNode("path",{fill:"currentColor",d:"M831.872 340.864 512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z"})],-1),d=[r],t=["data-language-code","onClick","onMouseenter"],i=["id"];function m(o,l,u,p,v,g){return e.openBlock(),e.createElementBlock(e.Fragment,null,[o.hasLanguages?(e.openBlock(),e.createElementBlock("div",{key:0,ref:"googleTranslateSelectEl",class:e.normalizeClass(o.getClass),onMouseenter:l[1]||(l[1]=(...n)=>o.handleDropdownShowByHover&&o.handleDropdownShowByHover(...n)),onMouseleave:l[2]||(l[2]=(...n)=>o.handleDropdownHideByHover&&o.handleDropdownHideByHover(...n))},[e.createElementVNode("div",{class:e.normalizeClass([o.ns.b("dropdown")])},[e.createElementVNode("div",{class:e.normalizeClass([o.ns.be("dropdown","activator")])},[e.createElementVNode("div",{class:e.normalizeClass([o.ns.b("language")])},[e.createElementVNode("div",{class:e.normalizeClass([o.ns.b("flag")])},[e.createElementVNode("div",{class:e.normalizeClass([o.ns.be("flag",o.selectedLanguageOption.code)])},null,2)],2),e.createTextVNode(" "+e.toDisplayString(o.selectedLanguageOption.name),1)],2),o.showArrow?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([o.ns.b("icon"),o.visible?o.ns.is("reverse"):""])},d,2)):e.createCommentVNode("",!0)],2),e.createVNode(e.Transition,{name:"google-translate-select-zoom-in-top"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass([o.ns.be("dropdown","menu"),o.dropdownClassName]),style:e.normalizeStyle(o.dropdownStyle)},[e.createElementVNode("ul",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.languages,n=>(e.openBlock(),e.createElementBlock("li",{key:`language-${n.code}`,class:e.normalizeClass([o.ns.be("dropdown","menu__item"),o.hoveredLanguageCode===n.code?"hover":"",o.selectedLanguageCode===n.code?"selected":""]),"data-language-code":n.code,onClick:()=>o.handleTranslate(n.code),onMouseenter:e.withModifiers(()=>o.hoveredLanguageCode=n.code,["stop"]),onMouseleave:l[0]||(l[0]=e.withModifiers(()=>o.hoveredLanguageCode="",["stop"]))},[e.createElementVNode("div",{class:e.normalizeClass([o.ns.b("language")])},[e.createElementVNode("div",{class:e.normalizeClass([o.ns.b("flag")])},[e.createElementVNode("div",{class:e.normalizeClass([o.ns.be("flag",n.code)])},null,2)],2),e.createTextVNode(" "+e.toDisplayString(n.name),1)],2)],42,t))),128))])],6),[[e.vShow,o.visible]])]),_:1})],2)],34)):e.createCommentVNode("",!0),e.createElementVNode("div",{id:o.GOOGLE_TRANSLATE_ORIGINAL_DOM_ID},null,8,i)],64)}const c=a(s,[["render",m]]);module.exports=c;
//# sourceMappingURL=index2.cjs.map