vue3-translate-select
Version:
🚀 The package offer vue3 library for @google-translate-select!
3 lines (2 loc) • 5.79 kB
JavaScript
"use strict";const n=require("./index5.cjs"),e=require("vue"),s=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),t=[r],d=["data-language-code","onClick","onMouseenter"],i=["data-language-code","onClick","onMouseenter"],m=["aria-label"],g=["id"];function c(o,a,p,C,v,E){return e.openBlock(),e.createElementBlock(e.Fragment,null,[o.type==="dropdown"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.hasLanguages?(e.openBlock(),e.createElementBlock("div",{key:0,ref:"googleTranslateSelectEl",class:e.normalizeClass(o.getClass),onMouseenter:a[1]||(a[1]=(...l)=>o.handleDropdownShowByHover&&o.handleDropdownShowByHover(...l)),onMouseleave:a[2]||(a[2]=(...l)=>o.handleDropdownHideByHover&&o.handleDropdownHideByHover(...l))},[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"):""])},t,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,l=>(e.openBlock(),e.createElementBlock("li",{key:`language-${l.code}`,class:e.normalizeClass([o.ns.be("dropdown","menu__item"),o.hoveredLanguageCode===l.code?"hover":"",o.selectedLanguageCode===l.code?"selected":""]),"data-language-code":l.code,onClick:()=>o.handleTranslate(l.code),onMouseenter:e.withModifiers(()=>o.hoveredLanguageCode=l.code,["stop"]),onMouseleave:a[0]||(a[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",l.code)])},null,2)],2),e.createTextVNode(" "+e.toDisplayString(l.name),1)],2)],42,d))),128))])],6),[[e.vShow,o.visible]])]),_:1})],2)],34)):e.createCommentVNode("",!0)],64)):o.type==="list"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[o.hasLanguages?(e.openBlock(),e.createElementBlock("div",{key:0,ref:"googleTranslateSelectEl",class:e.normalizeClass(o.getClass)},[e.createElementVNode("div",{class:e.normalizeClass([o.ns.b("list")])},[e.createElementVNode("ul",{class:e.normalizeClass([o.ns.be("list","items")])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.languages,l=>(e.openBlock(),e.createElementBlock("li",{key:`language-${l.code}`,class:e.normalizeClass([o.ns.be("list","item"),o.hoveredLanguageCode===l.code?"hover":"",o.selectedLanguageCode===l.code?"selected":""]),"data-language-code":l.code,onClick:()=>o.handleTranslate(l.code),onMouseenter:e.withModifiers(()=>o.hoveredLanguageCode=l.code,["stop"]),onMouseleave:a[3]||(a[3]=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",l.code)])},null,2)],2),e.createTextVNode(" "+e.toDisplayString(l.name),1)],2)],42,i))),128))],2)],2)],2)):e.createCommentVNode("",!0)],64)):o.type==="carousel"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[o.hasLanguages?(e.openBlock(),e.createElementBlock("div",{key:0,ref:"googleTranslateSelectEl",class:e.normalizeClass(o.getClass)},[e.createElementVNode("div",{class:e.normalizeClass([o.ns.b("carousel"),{"is-animating":o.isAnimating}]),tabindex:"0",role:"button","aria-label":`Current language: ${o.selectedLanguageOption.name}. Press right arrow to switch to next language: ${o.nextLanguageOption.name}`,onKeydown:a[4]||(a[4]=(...l)=>o.handleKeyDown&&o.handleKeyDown(...l)),onClick:a[5]||(a[5]=(...l)=>o.handleNextLanguage&&o.handleNextLanguage(...l))},[e.createElementVNode("div",{class:e.normalizeClass([o.ns.be("carousel","container")])},[e.createVNode(e.Transition,{name:"google-translate-select-slide",mode:"out-in"},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("div",{key:o.nextLanguageOption.code,class:e.normalizeClass([o.ns.be("carousel","item")])},[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.nextLanguageOption.code)])},null,2)],2),e.createTextVNode(" "+e.toDisplayString(o.nextLanguageOption.name),1)],2),e.createElementVNode("div",{class:e.normalizeClass([o.ns.be("carousel","hint")])}," Press → to switch language ",2)],2))]),_:1})],2)],42,m)],2)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),e.createElementVNode("div",{id:o.GOOGLE_TRANSLATE_ORIGINAL_DOM_ID},null,8,g)],64)}const u=s(n,[["render",c]]);module.exports=u;
//# sourceMappingURL=index3.cjs.map