import{c as o}from"./AppLayout-5c633aaa.js";import{q as c,u as d,v as t,y as s,J as u,K as m}from"./vue-0d7ee8e8.js";import{_ as h}from"./_plugin-vue_export-helper-b15b4a05.js";const p={props:{isPart:{type:Boolean,default:!1},strings:{type:Object,required:!0},regex:String,pattern:{type:String,default:""}},data(){return{patternValue:this.pattern,clearIcon:o}},methods:{toggleTooltip(){event.target.nextElementSibling.classList.toggle("hidden")},clear(){this.patternValue=""}}},g=["action"],_=["innerHTML"],b={class:"search-box"},f=["placeholder","data-allowed","value"],x=["src"],v=["innerHTML"],y={class:"flex pt-3 px-3 justify-center"},T=["aria-label","innerHTML"];function L(i,a,e,M,r,l){return c(),d("form",{class:s("form "+(e.isPart?"transparent":"")+" word-unscrambler-form amp"),method:"get",action:i.route("word.unscrambler")},[t("div",{class:s(e.isPart?"":"md:p-3 py-3")},[t("label",{class:s("form-label "+(e.isPart?"":"text-center")),innerHTML:e.strings["unscrambler-label"]},null,10,_),t("div",b,[u(t("input",{type:"text",class:"search-box-input pe-10",placeholder:e.strings.pattern,id:"pattern",name:"pattern","data-maxlength":"20","data-allowed":e.regex+"?","onUpdate:modelValue":a[0]||(a[0]=n=>r.patternValue=n),required:"",value:r.patternValue},null,8,f),[[m,r.patternValue,void 0,{trim:!0}]]),t("button",{type:"button",class:"typeahead-clear","aria-label":"clear",onClick:a[1]||(a[1]=(...n)=>l.clear&&l.clear(...n))},[t("img",{src:r.clearIcon,width:"13.5",height:"18.4",alt:"clear"},null,8,x)])]),t("p",{class:"mt-1",innerHTML:e.strings["field-description"]},null,8,v)],2),t("div",y,[t("button",{type:"submit",class:"button search","aria-label":e.strings.search,innerHTML:e.strings.search},null,8,T)])],10,g)}const S=h(p,[["render",L]]);export{S};