filter-component-lib
Version:
This template should help get you started developing with Vue 3 in Vite.
922 lines • 57.6 kB
JavaScript
import { defineComponent as b, openBlock as o, createElementBlock as i, normalizeClass as h, createElementVNode as s, ref as S, onMounted as o0, onBeforeUnmount as i0, watch as a0, resolveComponent as I, withModifiers as l0, createCommentVNode as c, toDisplayString as _, createVNode as k, withDirectives as F, vModelDynamic as E, Fragment as w, renderList as y, createBlock as G, Transition as R, withCtx as Q, vShow as U, pushScopeId as O, popScopeId as Z } from "vue";
const r0 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_578_5778'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='16'%20height='16'%3e%3crect%20width='16'%20height='16'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_578_5778)'%3e%3cpath%20d='M2.40015%2013.6V12.4H13.6001V13.6H2.40015ZM12.2665%2010.3664L2.40015%207.61684V4.00004L3.33375%204.31684L3.83375%205.83364L6.40015%206.55044V1.60004L7.64975%202.00004L9.40015%207.40004L12.8337%208.35044C13.0556%208.4059%2013.2388%208.52804%2013.3833%208.71684C13.5279%208.90564%2013.6001%209.11684%2013.6001%209.35044C13.6001%209.70564%2013.4612%209.98884%2013.1833%2010.2C12.9055%2010.4112%2012.5999%2010.4667%2012.2665%2010.3664Z'%20fill='%231C1B1F'/%3e%3c/g%3e%3c/svg%3e", d0 = "data:image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.99985%2013.4C6.12199%2013.4%205.29425%2013.2334%204.51665%2012.9C3.73905%2012.5667%203.05852%2012.1083%202.47505%2011.5248C1.89159%2010.9414%201.43319%2010.2608%201.09985%209.48324C0.76652%208.70564%200.599854%207.8779%200.599854%207.00004C0.599854%206.11097%200.76652%205.2803%201.09985%204.50804C1.43319%203.7363%201.89159%203.0587%202.47505%202.47524C3.05852%201.89177%203.73905%201.43337%204.51665%201.10004C5.29425%200.766703%206.12199%200.600037%206.99985%200.600037H7.59985V5.96644C7.78865%206.0667%207.93585%206.20857%208.04145%206.39204C8.14705%206.57497%208.19985%206.77764%208.19985%207.00004C8.19985%207.33337%208.08305%207.61657%207.84945%207.84964C7.61639%208.08324%207.33319%208.20004%206.99985%208.20004C6.66652%208.20004%206.38332%208.08324%206.15025%207.84964C5.91665%207.61657%205.79985%207.33337%205.79985%207.00004C5.79985%206.77764%205.85265%206.57497%205.95825%206.39204C6.06385%206.20857%206.21105%206.0667%206.39985%205.96644V4.26644C5.76625%204.39977%205.24119%204.72217%204.82465%205.23364C4.40812%205.74457%204.19985%206.33337%204.19985%207.00004C4.19985%207.77764%204.47212%208.4387%205.01665%208.98324C5.56119%209.52777%206.22225%209.80004%206.99985%209.80004C7.77745%209.80004%208.43852%209.52777%208.98305%208.98324C9.52759%208.4387%209.79985%207.77764%209.79985%207.00004C9.79985%206.61124%209.72759%206.24724%209.58305%205.90804C9.43852%205.56937%209.23852%205.2723%208.98305%205.01684L9.83345%204.16644C10.1887%204.53337%2010.4719%204.95844%2010.6831%205.44164C10.8943%205.92484%2010.9999%206.4443%2010.9999%207.00004C10.9999%208.11097%2010.6111%209.0555%209.83345%209.83364C9.05532%2010.6112%208.11079%2011%206.99985%2011C5.88892%2011%204.94439%2010.6112%204.16625%209.83364C3.38865%209.0555%202.99985%208.11097%202.99985%207.00004C2.99985%205.98884%203.32492%205.11657%203.97505%204.38324C4.62519%203.6499%205.43345%203.21097%206.39985%203.06644V1.83364C5.09959%201.98884%204.00785%202.55257%203.12465%203.52484C2.24145%204.4971%201.79985%205.6555%201.79985%207.00004C1.79985%208.4443%202.30545%209.67204%203.31665%2010.6832C4.32785%2011.6944%205.55559%2012.2%206.99985%2012.2C8.44412%2012.2%209.67185%2011.6944%2010.6831%2010.6832C11.6943%209.67204%2012.1999%208.4443%2012.1999%207.00004C12.1999%206.2779%2012.0665%205.60297%2011.7999%204.97524C11.5332%204.3475%2011.1609%203.7947%2010.6831%203.31684L11.5335%202.46644C12.1111%203.05577%2012.5665%203.7363%2012.8999%204.50804C13.2332%205.2803%2013.3999%206.11097%2013.3999%207.00004C13.3999%207.8779%2013.2332%208.70564%2012.8999%209.48324C12.5665%2010.2608%2012.1081%2010.9414%2011.5247%2011.5248C10.9412%2012.1083%2010.2636%2012.5667%209.49185%2012.9C8.71959%2013.2334%207.88892%2013.4%206.99985%2013.4Z'%20fill='%231C1B1F'/%3e%3c/svg%3e", c0 = "data:image/svg+xml,%3csvg%20width='12'%20height='10'%20viewBox='0%200%2012%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2.40015%209.80001L2.90015%207.80001H0.400146L0.700146%206.60001H3.20015L3.90015%203.80001H1.20015L1.50015%202.60001H4.20015L4.80015%200.200012H6.00015L5.40015%202.60001H7.80015L8.40015%200.200012H9.60015L9.00015%202.60001H11.6001L11.3001%203.80001H8.70015L8.00015%206.60001H10.8001L10.5001%207.80001H7.70015L7.20015%209.80001H6.00015L6.50015%207.80001H4.10015L3.60015%209.80001H2.40015ZM4.40015%206.60001H6.80015L7.50015%203.80001H5.10015L4.40015%206.60001Z'%20fill='%231C1B1F'/%3e%3c/svg%3e", u0 = "data:image/svg+xml,%3csvg%20width='10'%20height='14'%20viewBox='0%200%2010%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4.31675%2011L7.99995%207.31684L7.09995%206.41684L4.31675%209.20004L2.96635%207.83364L2.04955%208.73364L4.31675%2011ZM1.39995%2013.4C1.06662%2013.4%200.783418%2013.2832%200.550351%2013.0496C0.316751%2012.8166%200.199951%2012.5334%200.199951%2012.2V1.80004C0.199951%201.4667%200.316751%201.1835%200.550351%200.950437C0.783418%200.716837%201.06662%200.600037%201.39995%200.600037H6.59995L9.79995%203.80004V12.2C9.79995%2012.5334%209.68315%2012.8166%209.44955%2013.0496C9.21648%2013.2832%208.93328%2013.4%208.59995%2013.4H1.39995ZM5.79995%204.60004V1.80004H1.39995V12.2H8.59995V4.60004H5.79995Z'%20fill='%231C1B1F'/%3e%3c/svg%3e", m0 = "data:image/svg+xml,%3csvg%20width='14'%20height='10'%20viewBox='0%200%2014%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.599854%209.80001V8.26641C0.599854%207.97788%200.669187%207.71415%200.807854%207.47521C0.947054%207.23628%201.13879%207.04455%201.38305%206.90001C1.98305%206.54428%202.61932%206.27201%203.29185%206.08321C3.96385%205.89441%204.66652%205.80001%205.39985%205.80001C6.13319%205.80001%206.83585%205.89441%207.50785%206.08321C8.18039%206.27201%208.81665%206.54428%209.41665%206.90001C9.66092%207.04455%209.85265%207.23628%209.99185%207.47521C10.1305%207.71415%2010.1999%207.97788%2010.1999%208.26641V9.80001H0.599854ZM11.3999%209.80001V8.26641C11.3999%207.79975%2011.2916%207.36641%2011.0751%206.96641C10.8585%206.56641%2010.5668%206.23868%2010.1999%205.98321C10.6329%206.07228%2011.0524%206.19175%2011.4583%206.34161C11.8636%206.49148%2012.2497%206.67761%2012.6167%206.90001C12.8609%207.04455%2013.0527%207.23628%2013.1919%207.47521C13.3305%207.71415%2013.3999%207.97788%2013.3999%208.26641V9.80001H11.3999ZM5.39985%205.00001C4.73319%205.00001%204.16652%204.76668%203.69985%204.30001C3.23319%203.83335%202.99985%203.26668%202.99985%202.60001C2.99985%201.93335%203.23319%201.36668%203.69985%200.900012C4.16652%200.433346%204.73319%200.200012%205.39985%200.200012C6.06652%200.200012%206.63319%200.433346%207.09985%200.900012C7.56652%201.36668%207.79985%201.93335%207.79985%202.60001C7.79985%203.26668%207.56652%203.83335%207.09985%204.30001C6.63319%204.76668%206.06652%205.00001%205.39985%205.00001ZM10.9999%202.60001C10.9999%203.26668%2010.7665%203.83335%2010.2999%204.30001C9.83319%204.76668%209.26652%205.00001%208.59985%205.00001C8.51079%205.00001%208.42759%204.99734%208.35025%204.99201C8.27239%204.98615%208.18892%204.97228%208.09985%204.95041C8.37772%204.62775%208.59719%204.26935%208.75825%203.87521C8.91932%203.48055%208.99985%203.05548%208.99985%202.60001C8.99985%202.14455%208.91932%201.71948%208.75825%201.32481C8.59719%200.930679%208.37772%200.572279%208.09985%200.249612C8.18892%200.227745%208.27239%200.213879%208.35025%200.208012C8.42759%200.202679%208.51079%200.200012%208.59985%200.200012C9.26652%200.200012%209.83319%200.433346%2010.2999%200.900012C10.7665%201.36668%2010.9999%201.93335%2010.9999%202.60001ZM1.79985%208.60001H8.99985V8.26641C8.99985%208.19975%208.98332%208.13601%208.95025%208.07521C8.91665%208.01388%208.87212%207.96668%208.81665%207.93361C8.29452%207.63335%207.74439%207.40268%207.16625%207.24161C6.58865%207.08054%205.99985%207.00001%205.39985%207.00001C4.79985%207.00001%204.21105%207.07788%203.63345%207.23361C3.05532%207.38881%202.50519%207.62215%201.98305%207.93361C1.92759%207.96668%201.88305%208.01095%201.84945%208.06641C1.81639%208.12241%201.79985%208.18908%201.79985%208.26641V8.60001ZM5.39985%203.80001C5.73319%203.80001%206.01639%203.68321%206.24945%203.44961C6.48305%203.21655%206.59985%202.93335%206.59985%202.60001C6.59985%202.26668%206.48305%201.98348%206.24945%201.75041C6.01639%201.51681%205.73319%201.40001%205.39985%201.40001C5.06652%201.40001%204.78332%201.51681%204.55025%201.75041C4.31665%201.98348%204.19985%202.26668%204.19985%202.60001C4.19985%202.93335%204.31665%203.21655%204.55025%203.44961C4.78332%203.68321%205.06652%203.80001%205.39985%203.80001Z'%20fill='%231C1B1F'/%3e%3c/svg%3e", g0 = "data:image/svg+xml,%3csvg%20width='16'%20height='10'%20viewBox='0%200%2016%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.5%204.95041C7.78907%204.61655%208.0112%204.24961%208.1664%203.84961C8.32213%203.44961%208.4%203.03308%208.4%202.60001C8.4%202.17761%208.32213%201.76641%208.1664%201.36641C8.0112%200.966412%207.78907%200.594145%207.5%200.249612C7.58907%200.227745%207.67253%200.213879%207.7504%200.208012C7.82773%200.202679%207.91093%200.200012%208%200.200012C8.66667%200.200012%209.23333%200.433346%209.7%200.900012C10.1667%201.36668%2010.4%201.93335%2010.4%202.60001C10.4%203.26668%2010.1667%203.83335%209.7%204.30001C9.23333%204.76668%208.66667%205.00001%208%205.00001C7.91093%205.00001%207.8248%204.99734%207.7416%204.99201C7.6584%204.98615%207.57787%204.97228%207.5%204.95041ZM10.8%209.80001V8.26641C10.8%207.81095%2010.6944%207.38615%2010.4832%206.99201C10.272%206.59734%209.9776%206.26108%209.6%205.98321C10.3557%206.16081%2011.0779%206.40534%2011.7664%206.71681C12.4555%207.02775%2012.8%207.54428%2012.8%208.26641V9.80001H10.8ZM13%205.80001V4.40001H11.6V3.20001H13V1.80001H14.2V3.20001H15.6V4.40001H14.2V5.80001H13ZM4.8%205.00001C4.13333%205.00001%203.56667%204.76668%203.1%204.30001C2.63333%203.83335%202.4%203.26668%202.4%202.60001C2.4%201.93335%202.63333%201.36668%203.1%200.900012C3.56667%200.433346%204.13333%200.200012%204.8%200.200012C5.46667%200.200012%206.03333%200.433346%206.5%200.900012C6.96667%201.36668%207.2%201.93335%207.2%202.60001C7.2%203.26668%206.96667%203.83335%206.5%204.30001C6.03333%204.76668%205.46667%205.00001%204.8%205.00001ZM0%209.80001V8.26641C0%207.98855%200.0693333%207.73041%200.208%207.49201C0.3472%207.25308%200.538933%207.05575%200.7832%206.90001C1.3832%206.52241%202.0248%206.24455%202.708%206.06641C3.39173%205.88881%204.08907%205.80001%204.8%205.80001C5.49973%205.80001%206.18853%205.89441%206.8664%206.08321C7.54427%206.27201%208.1944%206.54428%208.8168%206.90001C9.04987%207.05575%209.23867%207.25308%209.3832%207.49201C9.52773%207.73041%209.6%207.98855%209.6%208.26641V9.80001H0ZM4.8%203.80001C5.12213%203.80001%205.40267%203.68321%205.6416%203.44961C5.88053%203.21655%206%202.93335%206%202.60001C6%202.27788%205.88053%201.99735%205.6416%201.75841C5.40267%201.51948%205.12213%201.40001%204.8%201.40001C4.46667%201.40001%204.18347%201.51948%203.9504%201.75841C3.7168%201.99735%203.6%202.27788%203.6%202.60001C3.6%202.93335%203.7168%203.21655%203.9504%203.44961C4.18347%203.68321%204.46667%203.80001%204.8%203.80001ZM1.2%208.60001H8.4V8.26641C8.4%208.19975%208.38347%208.13868%208.3504%208.08321C8.3168%208.02775%208.27227%207.97788%208.2168%207.93361C7.68347%207.64455%207.13067%207.41655%206.5584%207.24961C5.98613%207.08321%205.4%207.00001%204.8%207.00001C4.1888%207.00001%203.59707%207.08054%203.0248%207.24161C2.45253%207.40268%201.90533%207.63335%201.3832%207.93361C1.32773%207.97788%201.2832%208.02775%201.2496%208.08321C1.21653%208.13868%201.2%208.19975%201.2%208.26641V8.60001Z'%20fill='%231C1B1F'/%3e%3c/svg%3e", p0 = "data:image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.99985%2013.4C6.12199%2013.4%205.29425%2013.2333%204.51665%2012.9C3.73905%2012.5666%203.05852%2012.1082%202.47505%2011.5248C1.89159%2010.9413%201.43319%2010.2608%201.09985%209.48318C0.76652%208.70558%200.599854%207.87784%200.599854%206.99998C0.599854%206.11091%200.76652%205.27758%201.09985%204.49998C1.43319%203.72238%201.89159%203.04451%202.47505%202.46638C3.05852%201.88878%203.73905%201.43331%204.51665%201.09998C5.29425%200.766642%206.12199%200.599976%206.99985%200.599976C7.88892%200.599976%208.72225%200.766642%209.49985%201.09998C10.2775%201.43331%2010.9553%201.88878%2011.5335%202.46638C12.1111%203.04451%2012.5665%203.72238%2012.8999%204.49998C13.2332%205.27758%2013.3999%206.11091%2013.3999%206.99998C13.3999%207.87784%2013.2332%208.70558%2012.8999%209.48318C12.5665%2010.2608%2012.1111%2010.9413%2011.5335%2011.5248C10.9553%2012.1082%2010.2775%2012.5666%209.49985%2012.9C8.72225%2013.2333%207.88892%2013.4%206.99985%2013.4ZM6.99985%2012.2C8.44412%2012.2%209.67185%2011.6917%2010.6831%2010.6752C11.6943%209.65864%2012.1999%208.43358%2012.1999%206.99998C12.1999%205.55571%2011.6943%204.32798%2010.6831%203.31678C9.67185%202.30558%208.44412%201.79998%206.99985%201.79998C5.56625%201.79998%204.34119%202.30558%203.32465%203.31678C2.30812%204.32798%201.79985%205.55571%201.79985%206.99998C1.79985%208.43358%202.30812%209.65864%203.32465%2010.6752C4.34119%2011.6917%205.56625%2012.2%206.99985%2012.2ZM7.93345%206.29998L8.24945%206.11678C8.27185%206.37224%208.37212%206.58344%208.55025%206.75038C8.72785%206.91678%208.94439%206.99998%209.19985%206.99998C9.45532%206.99998%209.67479%206.90558%209.85825%206.71678C10.0417%206.52798%2010.1335%206.30558%2010.1335%206.04958C10.1335%205.89438%2010.0972%205.74718%2010.0247%205.60798C9.95265%205.46931%209.84999%205.35544%209.71665%205.26638L10.2663%204.95038L9.83345%204.29998L7.49985%205.63358L7.93345%206.29998ZM6.04945%206.29998L6.48305%205.63358L4.15025%204.29998L3.71665%204.95038L4.28305%205.26638C4.14972%205.35544%204.04412%205.46931%203.96625%205.60798C3.88839%205.74718%203.84945%205.89438%203.84945%206.04958C3.84945%206.30558%203.94412%206.52798%204.13345%206.71678C4.32225%206.90558%204.54439%206.99998%204.79985%206.99998C5.05532%206.99998%205.27185%206.91678%205.44945%206.75038C5.62759%206.58344%205.72785%206.37224%205.75025%206.11678L6.04945%206.29998ZM7.01665%207.79998C6.31639%207.79998%205.70252%208.02504%205.17505%208.47518C4.64705%208.92531%204.32199%209.50024%204.19985%2010.2H9.79985C9.69959%209.50024%209.38572%208.92531%208.85825%208.47518C8.33025%208.02504%207.71639%207.79998%207.01665%207.79998Z'%20fill='%231C1B1F'/%3e%3c/svg%3e", C0 = "data:image/svg+xml,%3csvg%20width='15'%20height='15'%20viewBox='0%200%2015%2015'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.28315%206.03358V4.04958H5.29995V2.64958H7.28315V0.666382H8.68315V2.64958H10.6663V4.04958H8.68315V6.03358H7.28315ZM4.66635%2014.6664C4.28875%2014.6664%203.96661%2014.533%203.69994%2014.2664C3.43328%2013.9997%203.29994%2013.6776%203.29994%2013.3C3.29994%2012.9224%203.43328%2012.6002%203.69994%2012.3336C3.96661%2012.0669%204.28875%2011.9336%204.66635%2011.9336C5.04448%2011.9336%205.36688%2012.0669%205.63354%2012.3336C5.90021%2012.6002%206.03355%2012.9224%206.03355%2013.3C6.03355%2013.6776%205.90021%2013.9997%205.63354%2014.2664C5.36688%2014.533%205.04448%2014.6664%204.66635%2014.6664ZM11.3167%2014.6664C10.9391%2014.6664%2010.617%2014.533%2010.3503%2014.2664C10.0837%2013.9997%209.95035%2013.6776%209.95035%2013.3C9.95035%2012.9224%2010.0837%2012.6002%2010.3503%2012.3336C10.617%2012.0669%2010.9391%2011.9336%2011.3167%2011.9336C11.6943%2011.9336%2012.0165%2012.0669%2012.2831%2012.3336C12.5498%2012.6002%2012.6831%2012.9224%2012.6831%2013.3C12.6831%2013.6776%2012.5498%2013.9997%2012.2831%2014.2664C12.0165%2014.533%2011.6943%2014.6664%2011.3167%2014.6664ZM4.64955%2011.3664C4.14981%2011.3664%203.76394%2011.1416%203.49194%2010.692C3.21941%2010.2418%203.21088%209.79465%203.46635%209.35038L4.33354%207.75038L1.96634%202.73358H0.633545V1.33358H2.84955L5.69994%207.31678H10.3335L12.8831%202.64958L14.1167%203.35038L11.5503%207.99998C11.4277%208.22238%2011.2607%208.39732%2011.0495%208.52478C10.8389%208.65278%2010.6058%208.71678%2010.3503%208.71678H5.41675L4.71674%209.96638H12.6831V11.3664H4.64955Z'%20fill='%231C1B1F'/%3e%3c/svg%3e", _0 = "data:image/svg+xml,%3csvg%20width='16'%20height='10'%20viewBox='0%200%2016%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.20005%205.80001C8.64432%205.80001%208.17205%205.60561%207.78325%205.21681C7.39445%204.82801%207.20005%204.35575%207.20005%203.80001C7.20005%203.24428%207.39445%202.77201%207.78325%202.38321C8.17205%201.99441%208.64432%201.80001%209.20005%201.80001C9.75578%201.80001%2010.228%201.99441%2010.6168%202.38321C11.0056%202.77201%2011.2%203.24428%2011.2%203.80001C11.2%204.35575%2011.0056%204.82801%2010.6168%205.21681C10.228%205.60561%209.75578%205.80001%209.20005%205.80001ZM4.40005%207.40001C4.06672%207.40001%203.78352%207.28321%203.55045%207.04961C3.31685%206.81655%203.20005%206.53335%203.20005%206.20001V1.40001C3.20005%201.06668%203.31685%200.783479%203.55045%200.550412C3.78352%200.316812%204.06672%200.200012%204.40005%200.200012H14C14.3334%200.200012%2014.6166%200.316812%2014.8496%200.550412C15.0832%200.783479%2015.2%201.06668%2015.2%201.40001V6.20001C15.2%206.53335%2015.0832%206.81655%2014.8496%207.04961C14.6166%207.28321%2014.3334%207.40001%2014%207.40001H4.40005ZM5.60005%206.20001H12.8C12.8%205.86668%2012.9168%205.58348%2013.1504%205.35041C13.3835%205.11681%2013.6667%205.00001%2014%205.00001V2.60001C13.6667%202.60001%2013.3835%202.48321%2013.1504%202.24961C12.9168%202.01655%2012.8%201.73335%2012.8%201.40001H5.60005C5.60005%201.73335%205.48325%202.01655%205.24965%202.24961C5.01658%202.48321%204.73338%202.60001%204.40005%202.60001V5.00001C4.73338%205.00001%205.01658%205.11681%205.24965%205.35041C5.48325%205.58348%205.60005%205.86668%205.60005%206.20001ZM13.2%209.80001H2.00005C1.66672%209.80001%201.38352%209.68321%201.15045%209.44961C0.916849%209.21655%200.800049%208.93334%200.800049%208.60001V1.80001H2.00005V8.60001H13.2V9.80001Z'%20fill='%231C1B1F'/%3e%3c/svg%3e", v0 = b({
props: ["isDropdownOpen"],
components: {},
data() {
return {};
},
methods: {}
}), $ = (e, t) => {
const r = e.__vccOpts || e;
for (const [p, m] of t)
r[p] = m;
return r;
}, h0 = /* @__PURE__ */ s("path", {
d: "M1.89062 1L7.7519 6.82487C7.8494 6.92177 8.00685 6.92177 8.10435 6.82487L13.9656 1",
stroke: "#34404B",
"stroke-width": "2",
"stroke-linecap": "round"
}, null, -1), f0 = [
h0
];
function w0(e, t, r, p, m, C) {
return o(), i("svg", {
xmlns: "http://www.w3.org/2000/svg",
width: "15",
height: "8",
viewBox: "0 0 15 8",
fill: "none",
class: h({ rotated: e.isDropdownOpen })
}, f0, 2);
}
const y0 = /* @__PURE__ */ $(v0, [["render", w0]]), V0 = b({
props: ["onClick"],
components: {},
data() {
return {};
},
methods: {}
}), S0 = /* @__PURE__ */ s("path", {
d: "M15 5L5 15",
stroke: "#677078",
"stroke-width": "1.5",
"stroke-linecap": "round",
"stroke-linejoin": "round"
}, null, -1), F0 = /* @__PURE__ */ s("path", {
d: "M5 5L15 15",
stroke: "#677078",
"stroke-width": "1.5",
"stroke-linecap": "round",
"stroke-linejoin": "round"
}, null, -1), k0 = [
S0,
F0
];
function M0(e, t, r, p, m, C) {
return o(), i("svg", {
id: "close_button",
xmlns: "http://www.w3.org/2000/svg",
width: "20",
height: "20",
viewBox: "0 0 20 20",
fill: "none",
onClick: t[0] || (t[0] = (d) => e.onClick())
}, k0);
}
const b0 = /* @__PURE__ */ $(V0, [["render", M0]]), $0 = [
{
type: "metric",
category: "Visitors",
name: "Actions In Visit",
segment: "actions",
sqlSegment: "log_visit.visit_total_actions",
needsMostFrequentValues: !0
},
{
type: "metric",
category: "Visitors",
name: "Days since first visit",
segment: "daysSinceFirstVisit",
sqlSegment: "log_visit.visitor_seconds_since_first",
needsMostFrequentValues: !0,
sqlFilterValue: {}
},
{
type: "metric",
category: "Visitors",
name: "Days since last visit",
segment: "daysSinceLastVisit",
sqlSegment: "FLOOR(log_visit.visitor_seconds_since_last / 86400)",
needsMostFrequentValues: !0
},
{
type: "metric",
category: "Visitors",
name: "Events",
segment: "events",
sqlSegment: "log_visit.visit_total_events",
needsMostFrequentValues: !0,
acceptedValues: "To select all visits who triggered an Event, use: &segment=events>0"
},
{
type: "metric",
category: "Visitors",
name: "Number of Interactions",
segment: "interactions",
sqlSegment: "log_visit.visit_total_interactions",
needsMostFrequentValues: !0,
acceptedValues: "Any positive integer",
suggestedValuesCallback: {}
},
{
type: "metric",
category: "Visitors",
name: "Number of Internal Searches",
segment: "searches",
sqlSegment: "log_visit.visit_total_searches",
needsMostFrequentValues: !0,
acceptedValues: "To select all visits who used internal Site Search, use: &segment=searches>0"
},
{
type: "metric",
category: "Visitors",
name: "Number of visits",
segment: "visitCount",
sqlSegment: "log_visit.visitor_count_visits",
needsMostFrequentValues: !0
},
{
type: "metric",
category: "Visitors",
name: "Visit Duration (in seconds)",
segment: "visitDuration",
sqlSegment: "log_visit.visit_total_time",
needsMostFrequentValues: !0
},
{
type: "dimension",
category: "Visitors",
name: "Browser",
segment: "browserName",
sqlSegment: "log_visit.config_browser_name",
needsMostFrequentValues: !1,
sqlFilterValue: {},
acceptedValues: "FireFox, Internet Explorer, Chrome, Safari, Opera etc.",
suggestedValuesCallback: {}
},
{
type: "dimension",
category: "Visitors",
name: "Device model",
segment: "deviceModel",
sqlSegment: "log_visit.config_device_model",
needsMostFrequentValues: !0,
acceptedValues: "iPad, Nexus 5, Galaxy S5, Fire TV, etc."
},
{
type: "dimension",
category: "Visitors",
name: "Device type",
segment: "deviceType",
sqlSegment: "log_visit.config_device_type",
needsMostFrequentValues: !0,
sqlFilter: {},
acceptedValues: "desktop, smartphone, tablet, feature phone, console, tv, car browser, smart display, camera, portable media player, phablet, smart speaker, wearable, peripheral",
suggestedValuesCallback: {}
},
{
type: "dimension",
category: "Visitors",
name: "Operating system",
segment: "operatingSystemName",
sqlSegment: "log_visit.config_os",
needsMostFrequentValues: !1,
sqlFilterValue: {},
acceptedValues: "Windows, Linux, Mac, Android, iOS etc.",
suggestedValuesCallback: {}
},
{
type: "dimension",
category: "Visitors",
name: "Resolution",
segment: "resolution",
sqlSegment: "log_visit.config_resolution",
needsMostFrequentValues: !0,
acceptedValues: "1280x1024, 800x600, etc."
},
{
type: "dimension",
category: "Visitors",
name: "Site time — hour (time of last action)",
segment: "visitServerHour",
sqlSegment: "HOUR(log_visit.visit_last_action_time)",
needsMostFrequentValues: !0,
acceptedValues: "0, 1, 2, 3, ..., 20, 21, 22, 23"
},
{
type: "dimension",
category: "Visitors",
name: "Visit type",
segment: "visitorType",
sqlSegment: "log_visit.visitor_returning",
needsMostFrequentValues: !0,
sqlFilterValue: {},
acceptedValues: 'new, returning, returningCustomer. For example, to select all visitors who have returned to the website, including those who have bought something in their previous visits, the API request would contain "&segment=visitorType==returning,visitorType==returningCustomer"',
suggestedValuesCallback: {}
},
{
type: "dimension",
category: "Visitor location",
name: "City",
segment: "city",
sqlSegment: "log_visit.location_city",
needsMostFrequentValues: !0,
acceptedValues: "Sydney, Sao Paolo, Rome, etc."
},
{
type: "dimension",
category: "Visitor location",
name: "Continent",
segment: "continentCode",
sqlSegment: "log_visit.location_country",
needsMostFrequentValues: !0,
sqlFilter: "Piwik\\Plugins\\UserCountry\\UserCountry::getCountriesForContinent",
acceptedValues: "eur, asi, amc, amn, ams, afr, ant, oce"
},
{
type: "dimension",
category: "Visitor location",
name: "Country",
segment: "countryName",
sqlSegment: "log_visit.location_country",
needsMostFrequentValues: !1,
sqlFilterValue: {},
acceptedValues: "Germany, France, Spain, ..."
},
{
type: "dimension",
category: "Behaviour",
name: "Action Type",
segment: "actionType",
sqlSegment: "log_action.type",
needsMostFrequentValues: !0,
sqlFilter: {},
acceptedValues: "A type of action, such as: pageviews, contents, sitesearches, events, outlinks, downloads",
suggestedValuesCallback: {}
},
{
type: "dimension",
category: "Behaviour",
name: "Action URL",
segment: "actionUrl",
sqlSegment: null,
needsMostFrequentValues: !0,
unionOfSegments: ["pageUrl", "downloadUrl", "outlinkUrl", "eventUrl"],
sqlFilter: "\\Piwik\\Tracker\\TableLogAction::getIdActionFromSegment"
},
{
type: "dimension",
category: "Behaviour",
name: "Category (Site Search)",
segment: null,
sqlSegment: "log_link_visit_action.search_cat",
needsMostFrequentValues: !0
},
{
type: "dimension",
category: "Behaviour",
name: "Entry Page URL",
segment: "entryPageUrl",
sqlSegment: "log_visit.visit_entry_idaction_url",
needsMostFrequentValues: !0,
sqlFilter: "\\Piwik\\Tracker\\TableLogAction::getIdActionFromSegment",
suggestedValuesApi: "Actions.getEntryPageUrls"
},
{
type: "dimension",
category: "Behaviour",
name: "Exit Page URL",
segment: "exitPageUrl",
sqlSegment: "log_visit.visit_exit_idaction_url",
needsMostFrequentValues: !0,
sqlFilter: "\\Piwik\\Tracker\\TableLogAction::getIdActionFromSegment",
suggestedValuesApi: "Actions.getExitPageUrls"
},
{
type: "dimension",
category: "Behaviour",
name: "Page URL",
segment: "pageUrl",
sqlSegment: "log_link_visit_action.idaction_url",
needsMostFrequentValues: !0,
sqlFilter: "\\Piwik\\Tracker\\TableLogAction::getIdActionFromSegment",
suggestedValuesApi: "Actions.getPageUrls"
},
{
type: "metric",
category: "Events",
name: "Event value",
segment: "eventValue",
sqlSegment: "log_link_visit_action.custom_float",
needsMostFrequentValues: !0
},
{
type: "dimension",
category: "Events",
name: "Event Action",
segment: "eventAction",
sqlSegment: "log_link_visit_action.idaction_event_action",
needsMostFrequentValues: !0,
sqlFilter: "\\Piwik\\Tracker\\TableLogAction::getIdActionFromSegment",
suggestedValuesApi: "Events.getAction"
},
{
type: "dimension",
category: "Events",
name: "Event Category",
segment: "eventCategory",
sqlSegment: "log_link_visit_action.idaction_event_category",
needsMostFrequentValues: !0,
sqlFilter: "\\Piwik\\Tracker\\TableLogAction::getIdActionFromSegment",
suggestedValuesApi: "Events.getCategory"
},
{
type: "dimension",
category: "Events",
name: "Event Name",
segment: "eventName",
sqlSegment: "log_link_visit_action.idaction_name",
needsMostFrequentValues: !0,
sqlFilter: "\\Piwik\\Tracker\\TableLogAction::getIdActionFromSegment",
suggestedValuesApi: "Events.getName"
},
{
type: "dimension",
category: "Events",
name: "Event URL",
segment: "eventUrl",
sqlSegment: "log_link_visit_action.idaction_url",
needsMostFrequentValues: !0,
sqlFilter: "\\Piwik\\Tracker\\TableLogAction::getIdActionFromSegment",
acceptedValues: "The URL must be URL encoded, for example: http%3A%2F%2Fexample.com%2Fpath%2Fpage%3Fquery"
},
{
type: "dimension",
category: "Acquisition",
name: "Channel Type",
segment: "referrerType",
sqlSegment: "log_visit.referer_type",
needsMostFrequentValues: !0,
sqlFilterValue: "Piwik\\Plugins\\Referrers\\getReferrerTypeFromShortName",
acceptedValues: "direct, search, website, campaign",
suggestedValuesCallback: {}
},
{
type: "dimension",
category: "Acquisition",
name: "Keyword",
segment: "referrerKeyword",
sqlSegment: "log_visit.referer_keyword",
needsMostFrequentValues: !0,
acceptedValues: "Encoded%20Keyword, keyword"
},
{
type: "dimension",
category: "Acquisition",
name: "Referrer Name",
segment: "referrerName",
sqlSegment: "log_visit.referer_name",
needsMostFrequentValues: !0,
acceptedValues: "twitter.com, www.facebook.com, Bing, Google, Yahoo, CampaignName"
},
{
type: "dimension",
category: "Acquisition",
name: "Referrer URL",
segment: "referrerUrl",
sqlSegment: "log_visit.referer_url",
needsMostFrequentValues: !0,
acceptedValues: "http%3A%2F%2Fwww.example.org%2Freferer-page.htm"
},
{
type: "metric",
category: "Ecommerce",
name: "Order Revenue",
segment: "revenueOrder",
sqlSegment: "log_conversion.idvisit",
needsMostFrequentValues: !0,
sqlFilter: {}
},
{
type: "metric",
category: "Ecommerce",
name: "Revenue Left In Cart",
segment: "revenueAbandonedCart",
sqlSegment: "log_conversion.idvisit",
needsMostFrequentValues: !0,
sqlFilter: {}
},
{
type: "dimension",
category: "Ecommerce",
name: "Product Name",
segment: "productName",
sqlSegment: "log_conversion_item.idaction_name",
needsMostFrequentValues: !0,
sqlFilter: "\\Piwik\\Tracker\\TableLogAction::getIdActionFromSegment"
},
{
type: "metric",
category: "Session Tags",
name: "Session Tag",
segment: "sessionTag",
sqlSegment: "log_hsr.session_tag",
needsMostFrequentValues: !1
}
], W = [
"menu item 1",
"menu item 2",
"menu item 3",
"menu item 4",
"menu item 5",
"menu item 6",
"menu item 7",
"menu item 8"
], q0 = b({
props: ["closeSelectModal", "data"],
components: { ArrowSvg: y0, CloseSvg: b0 },
setup(e, { emit: t }) {
const r = S({ default: !1, action: !1 }), p = S(W), m = S([
{ condition: "and", index: 0 }
]), C = S({ default: "", action: "" }), d = S(), n = S(!1), v = (a) => {
r.value[a] = !r.value[a];
}, g = (a) => {
r.value[a] = !0;
}, f = (a) => {
r.value[a] = !1;
}, D = () => {
f("action"), f("default");
}, T = (a) => {
setTimeout(() => f(a), 100);
}, H = (a, u) => {
d.value ? C.value[u] = `${d.value}` : C.value[u] = a, f(u);
}, P = () => {
e.closeSelectModal();
}, l = (a) => a;
switch (e.data.name) {
case "Average Order Value":
case "Create Custom Filter":
p.value = [
"Equal ( = )",
"Less Than ( < )",
"Greater Than ( > )",
"Not Equal ( != )"
];
break;
}
const V = () => {
C.value && (d.value && (C.value.default = `${d.value}`, C.value.action = `${d.value}`), t("item-selected", C.value.default), e.closeSelectModal());
}, B = (a) => {
a.composedPath().includes(document.querySelector(".filter_wrapper")) || (f("action"), f("default"));
}, j = (a) => {
const u = C.value[a].toLowerCase();
p.value = W.filter((M) => M.toLowerCase().includes(u)), g(a);
}, K = (a) => a !== "Total Pages Visited", z = (a) => a === "Total Pages Visited", N = () => {
n.value = isNaN(Number(d.value));
}, Y = (a) => {
const u = m.value.length;
m.value = [...m.value, { condition: a, index: u }], console.log(m.value);
}, J = (a) => {
m.value = m.value.filter((u) => u.index !== a);
}, X = ((a) => a.reduce((u, M) => (u[M.category] || (u[M.category] = []), u[M.category].push(M), u), {}))($0), x = S(X), e0 = (a) => ({
"Entry Page": "Referrer URL",
"Traffic Source": "Referrer URL",
"Total Pages Visited": "Number of visits",
"Viewed Page": "Action URL",
"Average Order Value": "Condition",
"Create Custom Filter": "Condition"
})[a], t0 = (a) => ({
"Entry Page": "Select",
"Traffic Source": "Select",
"Total Pages Visited": "Enter value",
"Viewed Page": "Select",
"Average Order Value": "Equals",
"Create Custom Filter": "Equals"
})[a], s0 = (a) => ({
"Entry Page": "Value",
"Traffic Source": "",
"Total Pages Visited": "",
"Average Order Value": "Value",
"Create Custom Filter": "Value"
})[a], n0 = (a) => ({
"Entry Page": "Select",
"Traffic Source": "",
"Total Pages Visited": "",
"Average Order Value": "0.00",
"Create Custom Filter": "Enter value"
})[a];
return o0(() => {
document.addEventListener("click", B);
}), i0(() => {
document.removeEventListener("click", B);
}), a0(d, () => {
N();
}), {
isDropdownOpen: r,
toggleDropdown: v,
openDropdown: g,
closeDropdown: f,
handleClickOutside: D,
handleBlur: T,
selectItem: H,
cancel: P,
next: V,
dropdownItems: p,
selectedItem: C,
filterItems: j,
getImagePath: l,
labelMap: e0,
placeholderMap: t0,
SecondLabelMap: s0,
SecondPlaceholderMap: n0,
noDropdown: K,
numberInput: z,
inputValue: d,
validateInput: N,
secondInputError: n,
actionsData: m,
addCustomFilter: Y,
removeCustomFilter: J,
actionItems: x
};
}
}), A = (e) => (O("data-v-503253e6"), e = e(), Z(), e), L0 = { class: "filter_header" }, I0 = { class: "filter_header_left" }, A0 = ["src"], D0 = { class: "filter_header_text" }, T0 = { class: "filter_content" }, H0 = { class: "filter_content_wrapper" }, P0 = {
key: 0,
class: "filter_content_dropdown"
}, E0 = /* @__PURE__ */ A(() => /* @__PURE__ */ s("p", { class: "dropdown_title" }, "Filter Name", -1)), B0 = { class: "dropdown_body_wrapper" }, U0 = ["placeholder"], O0 = {
key: 0,
class: "absolute_placehopder"
}, Z0 = {
key: 1,
class: "error_message"
}, N0 = {
key: 0,
class: "condition_indicator"
}, R0 = {
key: 1,
class: "filter_content_dropdown"
}, Q0 = { class: "remove_action_wrapper" }, W0 = /* @__PURE__ */ A(() => /* @__PURE__ */ s("p", { class: "dropdown_title" }, "Action", -1)), G0 = { class: "dropdown_body_wrapper" }, j0 = {
key: 1,
class: "error_message"
}, K0 = { class: "dropdown_menu_wrapper" }, z0 = ["onClick"], Y0 = { class: "filter_content_dropdown" }, J0 = { class: "dropdown_title" }, X0 = { class: "dropdown_body_wrapper" }, x0 = ["type", "placeholder"], ee = {
key: 1,
class: "error_message"
}, te = { class: "dropdown_menu_wrapper" }, se = ["onClick"], ne = {
key: 2,
class: "filter_content_dropdown"
}, oe = { class: "dropdown_title" }, ie = { class: "dropdown_body_wrapper" }, ae = ["placeholder"], le = {
key: 0,
class: "absolute_placehopder"
}, re = {
key: 1,
class: "error_message"
}, de = { class: "filter_footer" }, ce = { class: "footer_buttons" }, ue = /* @__PURE__ */ A(() => /* @__PURE__ */ s("p", { class: "footer_button_text" }, "Cancel", -1)), me = [
ue
], ge = {
key: 0,
class: "button-group"
}, pe = /* @__PURE__ */ A(() => /* @__PURE__ */ s("p", { class: "footer_button_text" }, "+ AND Condition", -1)), Ce = [
pe
], _e = /* @__PURE__ */ A(() => /* @__PURE__ */ s("p", { class: "footer_button_text" }, "Next", -1)), ve = [
_e
];
function he(e, t, r, p, m, C) {
var v;
const d = I("close-svg"), n = I("arrow-svg");
return o(), i("div", {
class: "filter_modal",
onClick: t[18] || (t[18] = (...g) => e.handleClickOutside && e.handleClickOutside(...g))
}, [
s("div", {
class: "filter_wrapper",
onClick: t[17] || (t[17] = l0(() => {
}, ["stop"]))
}, [
s("header", L0, [
s("div", I0, [
e.data.iconSrc ? (o(), i("img", {
key: 0,
class: "filter_image",
src: e.getImagePath(e.data.iconSrc),
alt: ""
}, null, 8, A0)) : c("", !0),
s("p", D0, _(e.data.name), 1)
]),
k(d, { "on-click": e.closeSelectModal }, null, 8, ["on-click"])
]),
s("div", T0, [
s("div", H0, [
e.data.name === "Create Custom Filter" ? (o(), i("div", P0, [
E0,
s("div", B0, [
F(s("input", {
class: h(["dropdown_body", { second_one: e.data.name === "Average Order Value" }]),
type: "number",
placeholder: e.SecondPlaceholderMap((v = e.data) == null ? void 0 : v.name),
"onUpdate:modelValue": t[0] || (t[0] = (g) => e.inputValue = g),
onInput: t[1] || (t[1] = (...g) => e.validateInput && e.validateInput(...g))
}, null, 42, U0), [
[E, e.inputValue]
]),
e.data.name === "Average Order Value" ? (o(), i("div", O0, "$")) : c("", !0),
e.secondInputError ? (o(), i("p", Z0, " Invalid input: Please enter a numeric value ")) : c("", !0)
])
])) : c("", !0),
(o(!0), i(w, null, y(e.actionsData, (g, f) => {
var D, T, H, P;
return o(), i(w, { key: g }, [
f ? (o(), i("div", N0, [
s("p", null, _(g.condition), 1)
])) : c("", !0),
e.data.name === "Create Custom Filter" ? (o(), i("div", R0, [
s("div", Q0, [
W0,
f ? (o(), G(d, {
key: 0,
"on-click": () => e.removeCustomFilter(g.index)
}, null, 8, ["on-click"])) : c("", !0)
]),
s("div", G0, [
e.noDropdown(e.data.name) ? (o(), i("div", {
key: 0,
class: "arrow_button_wrapper",
onClick: t[2] || (t[2] = (l) => e.toggleDropdown("action"))
}, [
k(n, {
isDropdownOpen: e.isDropdownOpen.action
}, null, 8, ["isDropdownOpen"])
])) : c("", !0),
F(s("input", {
class: "dropdown_body",
type: "text",
placeholder: "Select",
onBlur: t[3] || (t[3] = (l) => e.handleBlur("action")),
onFocus: t[4] || (t[4] = (l) => e.openDropdown("action")),
onInput: t[5] || (t[5] = (l) => e.filterItems("action")),
"onUpdate:modelValue": t[6] || (t[6] = (l) => e.selectedItem.action = l)
}, null, 544), [
[E, e.selectedItem.action]
]),
e.secondInputError ? (o(), i("p", j0, " Invalid input: Please enter a numeric value ")) : c("", !0),
k(R, { name: "dropdown" }, {
default: Q(() => [
F(s("ul", K0, [
(o(!0), i(w, null, y(e.actionItems, (l, V) => (o(), i("li", {
key: V,
class: h(["dropdown_menu_item", { activeClass: V === e.selectedItem.action }]),
onClick: (B) => e.selectItem(`${V}`, "action")
}, _(V), 11, z0))), 128))
], 512), [
[U, e.isDropdownOpen.action && e.noDropdown(e.data.name)]
])
]),
_: 1
})
])
])) : c("", !0),
s("div", Y0, [
s("p", J0, _(e.labelMap((D = e.data) == null ? void 0 : D.name)), 1),
s("div", X0, [
e.noDropdown(e.data.name) ? (o(), i("div", {
key: 0,
class: "arrow_button_wrapper",
onClick: t[7] || (t[7] = (l) => e.toggleDropdown("default"))
}, [
k(n, {
isDropdownOpen: e.isDropdownOpen.default
}, null, 8, ["isDropdownOpen"])
])) : c("", !0),
F(s("input", {
class: "dropdown_body",
type: e.numberInput(e.data.name) ? "number" : "text",
placeholder: e.placeholderMap((T = e.data) == null ? void 0 : T.name),
onBlur: t[8] || (t[8] = (l) => e.handleBlur("default")),
onFocus: t[9] || (t[9] = (l) => e.openDropdown("default")),
onInput: t[10] || (t[10] = (l) => e.filterItems("default")),
"onUpdate:modelValue": t[11] || (t[11] = (l) => e.selectedItem.default = l)
}, null, 40, x0), [
[E, e.selectedItem.default]
]),
e.secondInputError ? (o(), i("p", ee, " Invalid input: Please enter a numeric value ")) : c("", !0),
k(R, { name: "dropdown" }, {
default: Q(() => [
F(s("ul", te, [
(o(!0), i(w, null, y(e.dropdownItems, (l) => (o(), i("li", {
key: l,
class: h(["dropdown_menu_item", { activeClass: l === e.selectedItem.default }]),
onClick: (V) => e.selectItem(l, "default")
}, _(l), 11, se))), 128))
], 512), [
[U, e.isDropdownOpen.default && e.noDropdown(e.data.name)]
])
]),
_: 2
}, 1024)
])
]),
e.data.showSign ? (o(), i("div", ne, [
s("p", oe, _(e.SecondLabelMap((H = e.data) == null ? void 0 : H.name)), 1),
s("div", ie, [
F(s("input", {
class: h(["dropdown_body", { second_one: e.data.name === "Average Order Value" }]),
type: "number",
placeholder: e.SecondPlaceholderMap((P = e.data) == null ? void 0 : P.name),
"onUpdate:modelValue": t[12] || (t[12] = (l) => e.inputValue = l),
onInput: t[13] || (t[13] = (...l) => e.validateInput && e.validateInput(...l))
}, null, 42, ae), [
[E, e.inputValue]
]),
e.data.name === "Average Order Value" ? (o(), i("div", le, "$")) : c("", !0),
e.secondInputError ? (o(), i("p", re, " Invalid input: Please enter a numeric value ")) : c("", !0)
])
])) : c("", !0)
], 64);
}), 128))
])
]),
s("footer", de, [
s("div", ce, [
s("div", {
class: "footer_button",
onClick: t[14] || (t[14] = (...g) => e.cancel && e.cancel(...g))
}, me),
e.data.name === "Create Custom Filter" ? (o(), i("div", ge, [
s("div", {
class: "footer_button",
onClick: t[15] || (t[15] = (g) => e.addCustomFilter("and"))
}, Ce)
])) : c("", !0),
s("div", {
class: h(["footer_button primary_button", { disabled_me: !e.selectedItem.default }]),
onClick: t[16] || (t[16] = (...g) => e.next && e.next(...g))
}, ve, 2)
])
])
])
]);
}
const fe = /* @__PURE__ */ $(q0, [["render", he], ["__scopeId", "data-v-503253e6"]]), we = [
{
definition: "entryPageUrl==",
iconSrc: r0,
idsegment: 0,
name: "Entry Page",
title: "QuickFilter-EntryPage"
},
{
definition: "referrerUrl==",
iconSrc: d0,
idsegment: 0,
name: "Traffic Source",
title: "QuickFilter-TrafficSource",
notDone: !0
},
{
definition: "visitCount==",
iconSrc: c0,
idsegment: 0,
name: "Total Pages Visited",
title: "QuickFilter-TotalPagesVisited"
},
{
definition: "actionUrl==",
iconSrc: u0,
idsegment: 0,
name: "Viewed Page",
title: "QuickFilter-ViewedPage"
},
{
definition: "visitorType==returning",
iconSrc: m0,
idsegment: 0,
name: "Returning Users",
title: "QuickFilter-ReturningUsers",
isDefinitionValueSet: !0
},
{
definition: "visitorType==new",
iconSrc: g0,
idsegment: 0,
name: "New Users",
title: "QuickFilter-NewUsers",
isDefinitionValueSet: !0
},
{
definition: "heatmapType==rage",
iconSrc: p0,
idsegment: 0,
name: "Rage Clicks",
title: "rage click events",
isDefinitionValueSet: !0
}
], ye = [
{
definition: "revenueOrder>1",
iconSrc: C0,
idsegment: 0,
name: "Purchasers",
title: "QuickFilter-Purchasers",
isDefinitionValueSet: !0
},
{
definition: "revenueOrder==",
iconSrc: _0,
idsegment: 0,
name: "Average Order Value",
title: "QuickFilter-OrderValue",
showSign: !0
}
], Ve = [], L = {
active: void 0,
pendingList: []
}, Se = b({
props: ["onToggleShowFilterMenu", "defaultValues"],
components: { FilterModal: fe },
data() {
return {
sessionData: we,
eCommerceData: ye,
customData: Ve,
selectIndicators: L,
defaultSelections: void 0,
showSelectModal: !1,
modalData: void 0
};
},
methods: {
getImagePath(e) {
return e;
},
canApply() {
return this.selectIndicators.pendingList.length === 2;
},
setActive(e) {
this.defaultSelections = [], !e.isDefinitionValueSet && !this.filterExist(e.name) ? (this.showSelectModal = !0, this.modalData = e) : (this.selectIndicators.active = e, this.selectIndicators.pendingList.length === 1 && this.onCompareWith());
},
addActiveClass(e) {
var t, r, p;
return ((r = (t = this.defaultSelections) == null ? void 0 : t.map((m) => m.name)) == null ? void 0 : r.includes(e)) || ((p = L.active) == null ? void 0 : p.name) === e;
},
onAddCustomFilter() {
this.modalData = {
name: "Create Custom Filter",
definition: "",
iconSrc: "",
idsegment: 0,
title: "",
showSign: !0
}, this.showSelectModal = !0;
},
onCompareWith(e) {
if (this.selectIndicators.active) {
const t = e ? this.modalData : this.selectIndicators.active;
this.selectIndicators.pendingList = [...this.selectIndicators.pendingList, t], this.selectIndicators.active = void 0;
}
},
resetAllFilters() {
this.selectIndicators.pendingList = [], this.selectIndicators.active = void 0, this.selectIndicators.pendingList = [], this.defaultSelections = [];
},
disableButton(e) {
return L.pendingList.map((r) => r.name).indexOf(e) >= 0;
},
readyToCompare() {
return L.pendingList.length > 0;
},
filterExist(e) {
return L.pendingList.map((t) => t.name).includes(e);
},
closeSelectModal() {
this.showSelectModal = !1;
},
disableCompareButton() {
var e;
return this.selectIndicators.pendingList.length > 0 || !!((e = this.selectIndicators.active) != null && e.name);
},
onItemSelected(e) {
if (this.modalData) {
const t = this.modalData.definition;
this.modalData = { ...this.modalData, definition: `${t}${e}` }, this.selectIndicators.active = this.modalData, this.selectIndicators.pendingList.length === 1 && this.onCompareWith(!0);
}
},
onCompare() {
var t;
this.selectIndicators.pendingList.length === 0 && ((t = this.selectIndicators.active) != null && t.name) && (this.selectIndicators.pendingList = [this.selectIndicators.active]);
const e = this.selectIndicators.pendingList.map((r) => ({
definition: r.definition,
name: r.name
}));
this.$emit("filter-values", e), this.resetAllFilters(), this.onToggleShowFilterMenu();
}
},
computed: {},
watch: {
defaultValues: {
immediate: !0,
handler(e) {
this.defaultSelections = e;
}
}
}
}), q = (e) => (O("data-v-5f3f3f3f"), e = e(), Z(), e), Fe = { class: "heat_custom_filter_absolute" }, ke = { class: "heat_custom_filter" }, Me = { class: "heat_custom_filter_body" }, be = { class: "heat_custom_filter_header" }, $e = { class: "heat_custom_filter_header_text" }, qe = { class: "right_button new_color insideCompare" }, Le = { class: "right_button_text" }, Ie = {
key: 0,
class: "heat_custom_filter_header_text"
}, Ae = {
key: 1,
class: "right_button awaiting"
}, De = /* @__PURE__ */ q(() => /* @__PURE__ */ s("p", { class: "right_button_text" }, "Select a filter", -1)), Te = [
De
], He = { class: "filter_body" }, Pe = { class: "filter_body_column" }, Ee = /* @__PURE__ */ q(() => /* @__PURE__ */ s("header", { class: "filter_body_column_head" }, [
/* @__PURE__ */ s("p", { class: "filter_body_column_head_text" }, "Session Data")
], -1)), Be = { class: "filter_body_filters" }, Ue = ["data-idsegment", "data-definition", "data-title", "onClick"], Oe = ["src"], Ze = { class: "filter_body_filter_text" }, Ne = { class: "filter_body_column" }, Re = /* @__PURE__ */ q(() => /* @__PURE__ */ s("header", { class: "filter_body_column_head" }, [
/* @__PURE__ */ s("p", { class: "filter_body_column_head_text" }, "Ecommerce Data")
], -1)), Qe = { class: "filter_body_filters" }, We = ["data-idsegment", "data-definition", "data-title", "onClick"], Ge = ["src"], je = { class: "filter_body_filter_text" }, Ke = { class: "filter_body_column" }, ze = /* @