@topvisor/ui
Version:
Topvisor UI-kit Vue
3 lines (2 loc) • 26.7 kB
JavaScript
define(["require","exports","vue","../.chunks/forms-DHThMe8-.amd","../.chunks/listItem.vue_vue_type_script_setup_true_lang-DFQ66WTg.amd","../.chunks/menu.vue_vue_type_style_index_0_lang-pAW8vFcF.amd","../.chunks/utils-Du1E6K8L.amd","../utils/searchers.amd","../utils/dom.amd","../popup/worker.amd","../require/css.amd!../assets/project.css"],(function(ne,T,e,x,E,oe,le,P,_,ae){"use strict";if(typeof e>"u")var e=window.Vue;const re={class:"top-selectorCompetitors"},ie={class:"top-ellipsis1"},ue=e.defineComponent({__name:"selectorCompetitors",props:e.mergeModels({modelValue:{},items:{},showSelectAllItem:{type:Boolean,default:!0}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(n){const o=n,r=e.useModel(n,"modelValue"),t=e.computed(()=>{if(o.showSelectAllItem)return{icon:"",title:x.useI18n().Common.Select_all,value:"all",content:""}});return(u,l)=>(e.openBlock(),e.createElementBlock("div",re,[e.unref(x.Core).state.isMobile?(e.openBlock(),e.createBlock(E._sfc_main,{key:0},{opener:e.withCtx(()=>[e.createVNode(x._sfc_main$1,{class:"top-selectorCompetitors_opener",color:"theme",icon:"",icon2:""},{default:e.withCtx(()=>{var a;return[e.createTextVNode(e.toDisplayString((a=u.items.find(s=>{var v;return s.value===((v=r.value)==null?void 0:v[0])}))==null?void 0:a.content),1)]}),_:1})]),contentList:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.items,a=>{var s;return e.openBlock(),e.createBlock(E._sfc_main$2,{class:e.normalizeClass({"top-active":(s=r.value)==null?void 0:s.includes(a.value)}),"data-top-icon":a.icon,title:a.title,onClick:()=>r.value=[a.value]},{default:e.withCtx(()=>[e.createElementVNode("span",ie,e.toDisplayString(a.content),1)]),_:2},1032,["class","data-top-icon","title","onClick"])}),256))]),_:1})):(e.openBlock(),e.createBlock(oe._sfc_main,{key:1,modelValue:r.value,"onUpdate:modelValue":l[0]||(l[0]=a=>r.value=a),items:u.items,isMultiple:!0,styling:"bar",canBeEmptyMultiple:!1,selectAllItem:t.value},null,8,["modelValue","items","selectAllItem"]))]))}}),de=(n,o)=>e.computed(()=>e.toValue(n).filter(u=>u.on>=0||u.id===o).map(u=>({value:u.id,title:u.url+` [${u.id}]`,icon:u.id===e.toValue(o)?"":"",content:u.name}))),w=-1,p=-2,R=-1,se={0:"Yandex",1:"Google",4:"YouTube",5:"Bing",7:"Seznam",8:"AppStore",9:"GoogleStore",20:"Yandex.com",21:"Yandex.com.tr"},J={key:p,name:"--",index:p},G={key:p,name:"--",regions:[J],regionByIndex:new Map([[p,J]])},A={key:p,name:"Autoselect",index:p},U={key:p,name:"Autoselect",regions:[A],regionByIndex:new Map([[p,A]])},Y={countryCode:"00",depth:1,device:0,key:R,index:R,lang:"ru",name:"Without region"},ce=()=>(A.name=x.useI18n().Common.Autoselect,A),ge=()=>(ce(),U.name=x.useI18n().Common.Autoselect,console.log(U),U),fe=()=>(Y.name=x.useI18n().Keywords.Without_region,Y),z=(n=!1,o=!1,r=[])=>{let t;return n?t=me(r):t=W(r),o&&t.set(p,ge()),t.size||t.set(p,G),t},W=(n,o=!0,r=[],t=!1)=>{const u=new Map;return n.forEach(l=>{if(!l.enabled||t&&typeof l.key=="number"&&l.key>1)return;const a={...l};a.regionByIndex=new Map,l.regions&&l.regions.forEach(s=>{if(o&&!s.enabled)return;const v={...s};a.regionByIndex.set(v.index,v)}),!a.regionByIndex.size&&r.length,(!l.regions||a.regionByIndex.size||r.length)&&typeof a.key=="number"&&u.set(a.key,a)}),r.forEach(l=>{if(u.has(l))return;const a={key:l,name:se[l],regions:[],regionByIndex:new Map};u.set(a.key,a)}),u},me=n=>{const o=W(n,!1,[0,1],!0);if(o.has(2)){const r=o.get(2);r&&(r.regionByIndex=new Map)}return o.forEach(r=>{if(!r.regionByIndex)return;const t={...fe()};r.regionByIndex.set(t.index,t)}),o},H=(n,o,r=[])=>{const t=z(n,!1,r);let u;return t.forEach(l=>{if(!(o.searcher_key!==void 0&&o.searcher_key!=l.key)&&l.regions&&(l.regions.forEach(a=>{if(!u&&!(o.key!==void 0&&o.key!=a.key)&&!(o.index!==void 0&&o.index!=a.index)&&!(!n&&(o.lang!==void 0&&o.lang!=a.lang||o.device!==void 0&&o.device!=a.device)))return a.searcher_key=l.key,u=a,!1}),u))return!1}),u},Q=le.useAsyncTopDialog(()=>new Promise((n,o)=>ne(["../.chunks/dialog_selectorRegions-BISzXsyD.amd"],n,o))),ve=(n,o)=>{const r=x.useI18n(),t=e.ref(o.value.keys().next().value??p),u=e.computed(()=>{const l=new Map;if(o.value.forEach(a=>{let s={value:a.key,title:a.name};n.addSearcherIcon&&(s.icon=P.getSearcherGIcon(a.key)),l.set(a.key,s)}),n.addCompare&&!l.has(p)){const a={value:"",title:"--------------------",disabled:!0};l.set(a.value,a);const s={value:w,title:r.Common.Compare};l.set(s.value,s)}return l});return{searcherKey:t,optionBySearcherKey:u}},ye=(n,o)=>{var l,a,s;const r=x.useI18n(),t=e.ref(p);n.modelValue.length===1&&(t.value=n.modelValue[0]),t.value===p&&(n.forFrequency?t.value=((a=(l=o.value)==null?void 0:l.regionByIndex.values().next().value)==null?void 0:a.key)??p:t.value=((s=o.value)==null?void 0:s.regionByIndex.keys().next().value)??p);const u=e.computed(()=>{var h;const v=new Map;return(h=o.value.regionByIndex)==null||h.forEach(S=>{let i=S.name;if(n.forFrequency){const I={value:S.key,title:i};v.has(S.key)||v.set(S.key,I);return}S.device&&(i+=" ("+r.Common["Device_"+S.device]+")");const f=P.getLangLabel(o.value.key||0,S.lang??"");f&&(i+=" / "+f);const c={value:S.index,title:i,icon:S.device?P.getDeviceGIcon(S.device):void 0};v.set(S.index,c)}),v});return e.watch(u,(v,h)=>{var c;if(n.onlySearcher||t.value!==void 0&&v.get(t.value))return;let S=v.keys().next().value;if(t.value===p||S===p){t.value=S;return}let i=((c=h==null?void 0:h.get(t.value))==null?void 0:c.title)||"",f=-1;for(const[I,C]of v.entries()){const B=C.title;if(typeof B!="string"||typeof I=="string")break;if(B===i){S=I;break}const V=new RegExp(` \\((${r.Common.Device_1}|${r.Common.Device_2})\\)`);let m=i,d=3;B.indexOf(m)===-1&&(m=i.replace(/^[^a-zа-я]/i,"").replace(V,""),d--),B.indexOf(m)===-1&&(m=i.replace(/ \/.*/,""),d--),B.indexOf(m)===-1&&(m=i.replace(/ \/.*/,""),m=m.replace(/^[^a-zа-я]/i,"").replace(V,""),d--),B.indexOf(m)!==-1&&(d<=f||(f=d,S=I))}t.value=S}),{regionIndex:t,optionByRegionIndex:u}},pe=(n,o,r)=>{const t=e.ref([]),u=()=>{if(n.onlySearcher&&o.value){t.value=Array.from(o.value.keys());return}let a=[];if(n.modelValue.length>1)a=[...n.modelValue];else try{a=JSON.parse(localStorage.getItem("ui:project:regionSelector"+n.projectId+":regionsIndexes"))??[]}catch{}a.length&&(a=a.filter(s=>r.value.has(s))),a.length||(a=Array.from(r.value)),t.value=[...a]},l=()=>{t.value.length?localStorage.setItem("ui:project:regionSelector:"+n.projectId+":regionsIndexes",JSON.stringify(t.value)):localStorage.removeItem("ui:project:regionSelector:"+n.projectId+":regionsIndexes")};return e.watch(t,()=>{l()}),n.addCompare&&u(),{regionsIndexes:t}},he=n=>{const o=e.computed(()=>z(n.forFrequency,n.autoRegion,n.searchers)),r=e.computed(()=>o.value.get(u.searcherKey.value)||G),t=e.computed(()=>{const i=new Set;return o.value.forEach(f=>{f.regionByIndex.forEach(c=>{c.index!==R&&c.index!==p&&i.add(c.index)})}),i}),u=ve(n,o),l=ye(n,r),a=pe(n,o,t);e.watch(o,()=>{var f,c,I,C;if(n.onlySearcher?a.regionsIndexes.value=Array.from(o.value.keys()):a.regionsIndexes.value=a.regionsIndexes.value.filter(B=>t.value.has(B)),u.searcherKey.value===w)return;let i=o.value.keys().next().value;o.value.forEach(B=>{var V,m,d;if(n.onlySearcher&&B.key===u.searcherKey.value){i=u.searcherKey.value;return}if(l.regionIndex.value&&((V=B.regionByIndex)!=null&&V.has(l.regionIndex.value))&&(i=B.key),!n.onlySearcher){let g;i!==void 0&&(g=(m=o.value.get(i))==null?void 0:m.regionByIndex);const y=(d=o.value.get(B.key))==null?void 0:d.regionByIndex;g!=null&&g.has(p)&&!(y!=null&&y.has(p))&&(i=B.key)}}),i!==void 0&&(u.searcherKey.value=i),l.regionIndex.value!==void 0&&!((c=(f=r.value)==null?void 0:f.regionByIndex)!=null&&c.has(l.regionIndex.value))&&(l.regionIndex.value=(C=(I=r.value)==null?void 0:I.regions)==null?void 0:C.keys().next().value)},{immediate:!0});const s=()=>{if(!(u.searcherKey.value===w||u.searcherKey.value===p))return u.searcherKey.value},v=()=>{if(n.onlySearcher||l.regionIndex.value===p)return;let i=l.regionIndex.value;if(n.forFrequency){const f=l.regionIndex.value,c=H(n.forFrequency,{searcher_key:s(),key:f},n.searchers);i=c==null?void 0:c.index}return i},h=()=>{const i=s();if(i!==void 0)return o.value.get(i)};return{selectSearcher:u,selectRegion:l,compare:a,searcherByKey:o,allRegionsIndexes:t,getSearcher:h,getRegion:()=>{var f,c;const i=v();if(i!==void 0)return(c=(f=h())==null?void 0:f.regionByIndex)==null?void 0:c.get(i)}}},Se=e.defineComponent({__name:"selectorRegion",props:e.mergeModels({projectId:{},searchers:{default:()=>[]},modelValue:{},modelValueSingle:{},addCompare:{type:Boolean},forFrequency:{type:Boolean},autoRegion:{type:Boolean},onlySearcher:{type:Boolean},addChanger:{type:Boolean,default:!0},addSearcherIcon:{type:Boolean,default:!0},addRegionIcon:{type:Boolean,default:!0}},{modelValue:{required:!0},modelModifiers:{},modelValueSingle:{},modelValueSingleModifiers:{}}),emits:["update:modelValue","update:modelValueSingle"],setup(n,{expose:o}){const r=n,t=e.useModel(n,"modelValue"),u=e.useModel(n,"modelValueSingle"),{selectSearcher:l,selectRegion:a,compare:s,searcherByKey:v,allRegionsIndexes:h,getSearcher:S,getRegion:i}=he(r),f=()=>{const c=[];v.value.forEach(I=>{I.enabled&&I.regions.forEach(C=>{C.enabled&&c.push(C)})}),Q.open("selectorRegions",{regions:c,regionsIndexes:s.regionsIndexes.value,"@update:regionsIndexes":I=>s.regionsIndexes.value=I})};return e.watch([a.regionIndex,l.searcherKey,s.regionsIndexes],()=>{if(l.searcherKey.value===w&&s.regionsIndexes.value.length){if(JSON.stringify(t.value)===JSON.stringify(s.regionsIndexes.value))return;t.value=[...s.regionsIndexes.value]}else r.onlySearcher?(t.value=[l.searcherKey.value],l.searcherKey.value===p&&!r.autoRegion&&(t.value.length=0)):(t.value=[a.regionIndex.value],a.regionIndex.value===p&&!r.autoRegion&&(t.value.length=0));!r.onlySearcher&&!h.value.size&&(l.searcherKey.value=p)}),u.value&&e.watch(u,()=>{u.value&&(t.value=[u.value])},{immediate:!0}),e.watch(t,()=>{var c,I,C,B,V;if(t.value[0]&&(u.value=t.value[0]),r.onlySearcher){if(!t.value.length||t.value.length===1&&!v.value.has(t.value[0])||t.value.length===1&&t.value[0]===p&&!r.autoRegion){let m=v.value.keys().next().value;m===p&&!r.autoRegion&&(m=void 0,u.value=p),m!==void 0?t.value=[m]:t.value.length=0;return}if(t.value.length>1&&JSON.stringify(t.value)!==JSON.stringify(s.regionsIndexes.value)){t.value=[...s.regionsIndexes.value];return}}else{let m=[...new Set(t.value)],d=(I=(c=v.value.values().next().value)==null?void 0:c.regionByIndex)==null?void 0:I.keys().next().value;if(r.forFrequency&&(d=(V=(B=(C=v.value.values().next().value)==null?void 0:C.regionByIndex)==null?void 0:B.values().next().value)==null?void 0:V.key),d===p&&!r.autoRegion&&(d=void 0,u.value=p),!m.length)d!==void 0&&m.push(d);else if(m.length===1){let g=h.value;r.forFrequency&&(g=new Set,v.value.forEach(y=>{y.regionByIndex.forEach(k=>{k.index!==R&&k.index!==p&&g.add(k.key)})})),g.has(m[0])||(m=[],d!==void 0&&m.push(d))}else m=m.filter(g=>h.value.has(g)),!m.length&&d!==void 0&&m.push(d);if(JSON.stringify(t.value)!==JSON.stringify(m)){t.value=m;return}}if(!(t.value.length===1&&t.value[0]===(r.onlySearcher?l.searcherKey.value:a.regionIndex.value)))if(r.onlySearcher){if(t.value.length===1){l.searcherKey.value=t.value[0];return}l.searcherKey.value=w;return}else{if(!t.value.length)return;if(t.value.length===1&&l.searcherKey.value!==w){a.regionIndex.value=t.value[0];let m;for(const d of v.value.values()){for(const g of d.regionByIndex.values())if((r.forFrequency?g.key:g.index)===a.regionIndex.value){m=d.key;break}if(m!==void 0)break}m!==void 0&&(l.searcherKey.value=m)}else l.searcherKey.value=w,s.regionsIndexes.value=[...t.value]}},{immediate:!0}),o({getSearcher:S,getRegion:i}),(c,I)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"top-selectorRegion":!0,"top-selectorRegion-onlySearcher":c.onlySearcher})},[e.createVNode(x._sfc_main$9,{options:e.unref(l).optionBySearcherKey.value,modelValue:e.unref(l).searcherKey.value,"onUpdate:modelValue":I[0]||(I[0]=C=>e.unref(l).searcherKey.value=C),name:"searcher_key",addChanger:c.addChanger},null,8,["options","modelValue","addChanger"]),!c.onlySearcher&&e.unref(l).searcherKey.value!==e.unref(w)?(e.openBlock(),e.createBlock(x._sfc_main$9,{key:0,class:"top-select-region",options:e.unref(a).optionByRegionIndex.value,modelValue:e.unref(a).regionIndex.value,"onUpdate:modelValue":I[1]||(I[1]=C=>e.unref(a).regionIndex.value=C),name:c.forFrequency?"region_key":"region_index",addChanger:c.addChanger,"data-top-icon":c.addRegionIcon?"":void 0},null,8,["options","modelValue","name","addChanger","data-top-icon"])):e.createCommentVNode("",!0),c.addCompare&&!c.onlySearcher&&e.unref(l).searcherKey.value===e.unref(w)?(e.openBlock(),e.createBlock(x._sfc_main$1,{key:1,name:"compare",onClick:f,"data-count-compare-regions-indexes":e.unref(s).regionsIndexes.value.length},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(c.$i18n.Common.Selected_regions),1)]),_:1},8,["data-count-compare-regions-indexes"])):e.createCommentVNode("",!0)],2))}}),X=n=>"-"+n,K=n=>n[0]==="-"?n.substring(1):n,D=(n,o)=>{n=K(n);const r=o.find(t=>t.id===n);if(r)return r},ke=(n,o,r)=>{o||(o={id:n.id}),o.id=n.id,o.pos??="3",o.notch??=!0,o.posBy??="fixed";const t=ae.TopPopupWorker.genElPopupOpener("div",o);return t.classList.add("top-tagSelector"),n.useTopButton&&t.classList.add("top-tagSelector-useTopButton","top-button","top-color_theme","top-as-selector"),n.useTopButton||t.classList.add("top-tagSelector-custom"),n.mode==="filter"&&t.classList.add("top-tagSelector-filter"),n.mode==="setter"&&!n.filters&&t.classList.add("top-tagSelector-setter_single"),n.mode==="setter"&&n.filters&&t.classList.add("top-tagSelector-setter_several"),t.onclick=u=>{u.preventDefault(),u.stopPropagation(),t.onclick=null;const l=e.ref(n.modelValue),a={model:l,mode:n.mode,targetId:n.targetId,filters:n.filters,payload:n.payload};_.storage(t,"topTagSelectorTarget",a),delete t.dataset.topPopupDisabled,e.isRef(n.modelValue)||e.watch(l,()=>{n.modelValue=l.value,O(t,n,r)}),t.click()},e.isRef(n.modelValue)?e.watch(n.modelValue,()=>O(t,n,r)):_.storage(t,"topTagSelectorRender",u=>{n.modelValue=u;const l=_.storage(t,"topTagSelectorTarget");l&&(l.model.value=u),O(t,n,r)}),O(t,n,r),t},Ie=(n,o)=>{var r;(r=_.storage(n,"topTagSelectorRender"))==null||r(o)},O=(n,o,r)=>{var u;const t=e.unref(o.modelValue);if(n.classList.toggle("top-tagSelector-selectedOne",!t.length||t.length===1),n.classList.toggle("top-tagSelector-toTwoLine",t.length>5),o.mode==="setter"&&o.filters){n.innerHTML=`<div>${r}</div>`;return}if(n.innerHTML="",!t.length&&o.mode==="filter"){const l=Z({id:"all",colorId:"",name:((u=x.useI18n().Common)==null?void 0:u.All_tags)??"",state:""});n.append(l)}t.forEach(l=>{var s,v;const a=Z({id:K(l),colorId:((s=D(l,o.tags))==null?void 0:s.color_id)??"",name:((v=D(l,o.tags))==null?void 0:v.name)??"",state:K(l)===l?"selected":"excluded"});n.append(a)})},Z=n=>{const o=document.createElement("div");return o.classList.add("top-tagSelector_tagIcon"),o.classList.toggle("top-tagSelector-active",!!n.state),o.classList.toggle("top-tagSelector-excluded",n.state==="excluded"),o.dataset.tag_id=n.id,o.dataset.tag_color_id=n.colorId,o.title=n.name,o},xe=[{id:"1",name:"Without Tag",color_id:"1"},{id:"2",name:"Red",color_id:"2"},{id:"3",name:"Orange",color_id:"3"},{id:"4",name:"Yellow",color_id:"4"},{id:"5",name:"Blue",color_id:"5"},{id:"6",name:"Purple",color_id:"6"},{id:"7",name:"Green",color_id:"7"},{id:"8",name:"Magenta",color_id:"8"},{id:"9",name:"Dark blue",color_id:"9"},{id:"10",name:"Turquoise",color_id:"10"}],Be=["data-tag_id","data-tag_color_id","title"],F=e.defineComponent({__name:"tagIcon",props:{id:{},colorId:{},name:{},state:{}},setup(n){return(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass({"top-tagSelector_tagIcon":!0,"top-tagSelector-active":!!o.state,"top-tagSelector-excluded":o.state==="excluded"}),"data-tag_id":o.id,"data-tag_color_id":o.colorId,title:o.name},null,10,Be))}}),Ce=["contenteditable","onKeydown"],ee=e.defineComponent({__name:"tagPopupListItem",props:e.mergeModels({editable:{type:Boolean},disabled:{type:Boolean},canExclude:{type:Boolean},id:{},colorId:{},name:{},state:{}},{name:{required:!0},nameModifiers:{}}),emits:e.mergeModels(["update:name","unselect","exclude","select"],["update:name"]),setup(n,{emit:o}){const r=n,t=o,u=e.useModel(n,"name"),l=e.ref(null),a=e.computed(()=>navigator.userAgent.indexOf("Firefox")!=-1?{contenteditable:s.value,onpaste:f=>f.preventDefault()}:{}),s=e.ref(!1),v=async()=>{var f;s.value=!0,await e.nextTick(),(f=l.value)==null||f.focus()},h=()=>{var c;const f=(c=l.value)==null?void 0:c.innerText;if(!f)return S();l.value&&(l.value.innerText=f),s.value=!1,t("update:name",f)},S=async()=>{l.value&&(l.value.innerText=r.name),s.value=!1},i=f=>{if(s.value||r.disabled)return;let c="selected";r.canExclude&&(f.ctrlKey||f.metaKey)&&(c="excluded"),r.state==c&&(c=""),c===""&&t("unselect"),c==="selected"&&t("select"),c==="excluded"&&t("exclude")};return(f,c)=>(e.openBlock(),e.createBlock(E._sfc_main$2,{class:e.normalizeClass({"top-tagSelector_tagListItem":!0,"top-tagSelector_tagListItem-inEdit":s.value,"top-tagSelector_tagListItem-disabled":f.disabled,"top-tagSelector_tagListItem-canExclude":f.canExclude,"top-tagSelector-active":!!f.state,"top-tagSelector-excluded":f.state==="excluded"}),onClick:e.withModifiers(i,["stop"])},{default:e.withCtx(()=>[e.createVNode(F,{id:f.id,name:u.value,colorId:f.colorId,state:f.state},null,8,["id","name","colorId","state"]),e.createElementVNode("span",e.mergeProps({ref_key:"elName",ref:l,class:"top-tagSelector_tagListItemName",contenteditable:s.value?"plaintext-only":!1},a.value,{onKeydown:[e.withKeys(e.withModifiers(h,["stop"]),["enter"]),e.withKeys(e.withModifiers(S,["stop"]),["esc"])]}),e.toDisplayString(u.value),17,Ce),f.editable?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[s.value?(e.openBlock(),e.createElementBlock("span",{key:1,"data-top-icon":"",class:"top-tagSelector_edit",onClick:e.withModifiers(h,["stop"])})):(e.openBlock(),e.createElementBlock("span",{key:0,"data-top-icon":"",class:"top-tagSelector_edit",onClick:v}))],64)):e.createCommentVNode("",!0)]),_:1},8,["class"]))}}),Te={key:1},te=e.defineComponent({inheritAttrs:!1,__name:"popupOpener",props:e.mergeModels({modelValue:{},id:{},tags:{},mode:{},targetId:{},filters:{},useTopButton:{type:Boolean},payload:{},styling:{}},{modelValue:{required:!0},modelModifiers:{}}),emits:["update:modelValue"],setup(n){const o=n,r=e.useModel(n,"modelValue"),t=o.useTopButton?x._sfc_main$1:"div",u=o.useTopButton?"html":"default",l={model:r,mode:o.mode,targetId:o.targetId,filters:o.filters,payload:o.payload};return(a,s)=>{const v=e.resolveDirective("top-data");return e.openBlock(),e.createBlock(E._sfc_main$1,{id:a.id},{default:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(t)),e.mergeProps({class:{"top-tagSelector":!0,"top-tagSelector-useTopButton":o.useTopButton,"top-tagSelector-custom":!o.useTopButton,"top-as-selector":o.useTopButton,"top-tagSelector-filter":o.mode==="filter","top-tagSelector-setter_single":o.mode==="setter"&&!a.filters,"top-tagSelector-setter_several":o.mode==="setter"&&a.filters,"top-tagSelector-selectedOne":!r.value.length||r.value.length===1,"top-tagSelector-toTwoLine":r.value.length>5},color:"theme",styling:a.styling},a.$attrs),{[e.unref(u)]:e.withCtx(()=>[!r.value.length&&a.mode==="filter"?(e.openBlock(),e.createBlock(F,{key:0,id:"all",colorId:"",name:a.$i18n.Common.All_tags??"",state:""},null,8,["name"])):e.createCommentVNode("",!0),a.mode==="setter"&&a.filters?(e.openBlock(),e.createElementBlock("div",Te,[e.renderSlot(a.$slots,"default")])):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:2},e.renderList(r.value,h=>{var S,i;return e.openBlock(),e.createBlock(F,{id:e.unref(K)(h),colorId:((S=e.unref(D)(h,a.tags))==null?void 0:S.color_id)??"",name:((i=e.unref(D)(h,a.tags))==null?void 0:i.name)??"",state:e.unref(K)(h)===h?"selected":"excluded"},null,8,["id","colorId","name","state"])}),256))]),_:2},1040,["class","styling"])),[[v,l,"topTagSelectorTarget"]])]),_:3},8,["id"])}}}),Ve=e.defineComponent({__name:"tagSelector",props:e.mergeModels({modelValue:{},tags:{},tagsEditable:{type:Boolean},tagsMax:{default:10},id:{},singleMode:{type:Boolean},requiredForSetter:{type:Boolean,default:!0},maxTagsForSetter:{},emitDelay:{default:500},useTopButton:{type:Boolean,default:!0},styling:{}},{modelValue:{required:!0},modelModifiers:{},tags:{default:e.reactive(xe)},tagsModifiers:{}}),emits:e.mergeModels(["selector","setter","tagsChanged"],["update:modelValue","update:tags"]),setup(n,{emit:o}){const r=x.useI18n(),t=n,u=e.useModel(n,"modelValue"),l=e.useModel(n,"tags"),a=o,s=x.debounce((d,g)=>{a(d,g)},t.emitDelay);t.singleMode&&!u.value.length&&(u.value=[l.value[0].id]);const v=t.id??"top-popup-id-"+Math.random(),h=e.ref("add"),S=()=>{var y;const d=" "+((y=r.Common.Tags)==null?void 0:y.toLowerCase()),g=new Map;return g.set("add",{value:"add",title:r.Common.Add+d}),g.set("replace",{value:"replace",title:r.Common.Replace+d}),g.set("delete",{value:"delete",title:r.Common.Delete+d}),g};let i=e.shallowRef({model:u,mode:"filter",targetId:void 0,filters:void 0,payload:void 0});e.watch(u,()=>{s("selector",u.value)});const f=e.computed(()=>{if(i.value.mode==="setter"&&t.maxTagsForSetter&&!i.value.filters)return i.value.model.value.length>=t.maxTagsForSetter}),c=d=>{if(d!=="all"){if(i.value.model.value.includes(d))return"selected";if(i.value.model.value.includes(X(d)))return"excluded"}return d==="all"&&!i.value.model.value.length?"selected":""},I=(d,g)=>{const y=X(d);let k=i.value.model.value.filter(M=>M!==d&&M!==y);g==="select"&&k.push(d),g==="exclude"&&k.push(y),i.value.mode==="setter"&&i.value.targetId!==void 0&&t.requiredForSetter&&(k.length||k.push("1"),k.length===2&&i.value.model.value.length===1&&i.value.model.value[0]==="1"&&(k=k.filter(M=>M!=="1"))),t.singleMode&&!i.value.filters&&(k.length||(k=i.value.model.value),k.length>1&&(k=[k[k.length-1]])),k.sort((M,N)=>{if(!t.tags)return 0;const q=t.tags.findIndex(b=>b.id===M),L=t.tags.findIndex(b=>b.id===N);return q-L}),i.value.model.value=k,i.value.mode==="setter"&&i.value.targetId!==void 0&&s("setter",{tagsIds:k,targetId:i.value.targetId,payload:i.value.payload})},C=e.computed(()=>{let d="top-tagSelector_popup";return i.value.mode==="filter"&&(d+=" top-tagSelector_popup-filter"),i.value.mode==="setter"&&(d+=" top-tagSelector_popup-setter"),d}),B=()=>{const d=prompt("","New tag");if(!d||d==="New tag")return;const g=l.value.length+1;l.value.push({id:String(g),name:d,color_id:String((g-1)%10+1)}),a("tagsChanged",l.value)},V=d=>{var g;if(i.value=_.storage(d.elPopupOpener,"topTagSelectorTarget"),!i.value)throw new Error("Open popup TopTagSelector required v-data:topTagSelectorTarget");if(i.value.filters&&(h.value="add",i.value.model.value=[]),!((g=x.Core.$)!=null&&g.ui.sortable)){console.info("Для работы сортировки требуется глобальная загрузка jQuery UI Sortable");return}!x.Core.state.isMobile&&!x.Core.state.isMobileUA&&l.value&&$(d.elPopup).sortable({items:'li:has([data-tag_id]:not([data-tag_id="all"]))',cancel:'[contenteditable="plaintext-only"], [contenteditable="true"]',distance:10,stop:function(y,k){if(!l.value)return;const M=$(k.item).parent().find("[data-tag_id]"),N=[];M.each((q,L)=>{if(!l.value)return;const b=$(L).attr("data-tag_id");N.push(b)}),l.value.sort((q,L)=>{const b=N.findIndex(j=>j===q.id),we=N.findIndex(j=>j===L.id);return b-we}),s("tagsChanged",l.value)}})},m=d=>{var g;(g=x.Core.$)!=null&&g.ui.sortable&&$(d.elPopup).data("ui-sortable")&&$(d.elPopup).sortable("destroy")};return(d,g)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(te,{modelValue:u.value,"onUpdate:modelValue":g[0]||(g[0]=y=>u.value=y),id:e.unref(v),tags:l.value,styling:d.styling,mode:"filter",useTopButton:d.useTopButton},null,8,["modelValue","id","tags","styling","useTopButton"]),e.createVNode(E._sfc_main,{id:e.unref(v),class:e.normalizeClass(C.value),onOpen:g[4]||(g[4]=y=>V(y)),onClose:g[5]||(g[5]=y=>m(y)),"transition-duration":50},e.createSlots({contentList:e.withCtx(()=>[e.unref(i).mode==="filter"&&!d.singleMode?(e.openBlock(),e.createBlock(ee,{key:0,id:"all",colorId:"",name:d.$i18n.Common.All_tags??"",state:e.unref(i).model.value.length?"":"selected",onSelect:g[3]||(g[3]=y=>e.unref(i).model.value=[])},null,8,["name","state"])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,y=>(e.openBlock(),e.createBlock(ee,{key:y.id,id:y.id,colorId:y.color_id,name:y.name,state:c(y.id),canExclude:e.unref(i).mode==="filter"&&!d.singleMode,editable:d.tagsEditable,disabled:f.value&&c(y.id)==="",onUnselect:k=>I(y.id,"unselect"),onSelect:k=>I(y.id,"select"),onExclude:k=>I(y.id,"exclude"),"onUpdate:name":k=>{y.name=k,e.unref(s)("tagsChanged",l.value)}},null,8,["id","colorId","name","state","canExclude","editable","disabled","onUnselect","onSelect","onExclude","onUpdate:name"]))),128)),d.tagsEditable&&l.value.length<d.tagsMax&&l.value.length<20?(e.openBlock(),e.createBlock(E._sfc_main$2,{key:1,"data-top-icon":"",onClick:e.withModifiers(B,["stop"])},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(d.$i18n.Common.Add),1)]),_:1})):e.createCommentVNode("",!0)]),_:2},[e.unref(i).mode==="setter"&&e.unref(i).filters?{name:"header",fn:e.withCtx(()=>[e.createVNode(x._sfc_main$9,{modelValue:h.value,"onUpdate:modelValue":g[1]||(g[1]=y=>h.value=y),options:S()},null,8,["modelValue","options"])]),key:"0"}:void 0,e.unref(i).mode==="setter"&&e.unref(i).filters?{name:"footer",fn:e.withCtx(()=>[e.createVNode(x._sfc_main$1,{color:"theme"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(d.$i18n.Common.Cancel),1)]),_:1}),e.createVNode(x._sfc_main$1,{onClick:g[2]||(g[2]=y=>e.unref(s)("setter",{tagsIds:e.unref(i).model.value,filters:e.unref(i).filters,filtersAction:h.value,payload:e.unref(i).payload}))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(h.value==="add"?d.$i18n.Common.Add:"")+" "+e.toDisplayString(h.value==="replace"?d.$i18n.Common.Replace:"")+" "+e.toDisplayString(h.value==="delete"?d.$i18n.Common.Delete:""),1)]),_:1})]),key:"1"}:void 0]),1032,["id","class"])],64))}});T.TopSelectorCompetitors=ue,T.TopSelectorRegion=Se,T.TopTagSelector=Ve,T.TopTagSelectorPopupOpener=te,T.TopTagSelectorTagIcon=F,T.dialogSelectorRegions=Q,T.findRegion=H,T.genElTopTagSelectorPopupOpener=ke,T.genSearcherByKey=z,T.renderElTopTagSelectorPopupOpener=Ie,T.useItemsFromCompetitors=de,Object.defineProperty(T,Symbol.toStringTag,{value:"Module"})}));
//# sourceMappingURL=project.amd.js.map