1import{_ as w,bI as b,bk as y,h as k}from"./index.b39fe1b1.js";import T from"./TmlNewSelect.8a3926cc.js";import{N as i,D as m,E as p,f as s,U as l,F as g,a2 as N,a1 as O,R as d,S as f,a0 as v}from"./vue.00f7c436.js";import"./sentry.09480738.js";import"./faTimes.9da037f7.js";import"./faSearch.e965d023.js";import"./form-field.da56e5af.js";import"./debounce.41ca9a8b.js";import"./scrollToElement.a6113a43.js";import"./isEqual.7a4a4211.js";const R={name:"TmlIconSelector",components:{TmlNewForm:b,TmlNewSelect:T,TmlGrid:y},props:{maxResults:{default:50,type:Number,required:!1},iconSize:{default:"24px",type:String,required:!1},default:{type:Object,default:null,required:!1},breakpoints:{type:Object,default(){return{sm:5,md:10}}}},data(){return{searchResults:[],icon:this.default,noOptionsText:""}},watch:{icon(){this.$emit("selected",this.icon)}},methods:{search(n=""){this.noOptionsText="",this.axios.post(k("/omnis/v3/font-awesome-icons/search/"),{searchTerm:n.trim().replace(/\s+/g,"-"),maxResults:this.maxResults}).then(({data:e})=>{this.searchResults=e.map(t=>({...t,value:t.iconName})),this.noOptionsText="no options"})},onSelect(n,e){e(n),this.$refs.select.close()}}},z={class:"tml-icon-selector"},V=["onClick"],C={class:"flex justify-start items-center w-full cursor-pointer",style:{padding:"0.8em"}},I={class:"mr-2"};function j(n,e,t,q,c,r){const u=i("font-awesome-icon"),h=i("tml-grid"),_=i("tml-new-select"),S=i("tml-new-form");return m(),p("div",z,[s(S,{name:"icon-search-new-form"},{default:l(()=>[s(_,{ref:"select",modelValue:c.icon,"onUpdate:modelValue":e[0]||(e[0]=o=>c.icon=o),label:"Icon",options:c.searchResults,"no-options":c.noOptionsText,"none-selected":"Select an icon","max-height":"300","custom-search":"",name:"icon",searchable:"",clearable:"",onOpen:r.search,onSearch:r.search},{"options-custom":l(({select:o,allItems:x})=>[s(h,{class:"pt-4 icon-container",breakpoints:t.breakpoints,spacing:"0.5em"},{default:l(()=>[(m(!0),p(g,null,N(x,a=>(m(),p("div",{key:a.iconName,class:"p-2 icon-item cursor-pointer",onClick:O(B=>r.onSelect(a,o),["stop"])},[s(u,{style:d({fontSize:t.iconSize}),class:"center block",icon:a},null,8,["style","icon"])],8,V))),128))]),_:2},1032,["breakpoints"])]),selected:l(({option:o})=>[f("div",C,[s(u,{style:d({fontSize:t.iconSize}),class:"mr-2",icon:o},null,8,["style","icon"]),f("span",I,v(o.iconName),1)])]),_:1},8,["modelValue","options","no-options","onOpen","onSearch"])]),_:1})])}const K=w(R,[["render",j]]);export{K as default}; 2//# sourceMappingURL=TmlIconSelector.5ccd7850.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.