(self.webpackChunkvt_ui_main=self.webpackChunkvt_ui_main||[]).push([[19831],{50071:(t,e,i)=>{"use strict";var r=i(48704),s=i(16645),o=i(64309);let a,n=t=>t;var l=function(t,e,i,r){var s,o=arguments.length,a=o<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(a=(o<3?s(a):o>3?s(e,i,a):s(e,i))||a);return o>3&&a&&Object.defineProperty(e,i,a),a};let c=class extends r.LitElement{constructor(){super(...arguments),this.options=[],this.selectedOptions=[]}static get styles(){return(0,r.unsafeCSS)(o.A)}handleOptionSelected(t){const e=t.target.dataset.value;if(void 0===e||this.selectedOptions.includes(e))return;const i=new CustomEvent("option-changed",{detail:{value:e},bubbles:!0,cancelable:!0,composed:!0});this.dispatchEvent(i)}render(){return this.options.map((t=>(0,r.html)(a||(a=n`<button class="dropdown-item" role="menuitem" ?data-submenu-close-on-click="${0}" aria-current="${0}" data-value="${0}" @click="${0}"> ${0} </button>`),this.selectedOptions.includes(t.value),this.selectedOptions.includes(t.value),t.value,this.handleOptionSelected,t.title)))}};l([(0,s.property)({type:Array})],c.prototype,"options",void 0),l([(0,s.property)({type:Array})],c.prototype,"selectedOptions",void 0),c=l([(0,s.customElement)("vt-ui-filter-dropdown-selector")],c)},1061:(t,e,i)=>{"use strict";i.d(e,{A7:()=>L,DT:()=>k,Rm:()=>w,Xp:()=>x,Zs:()=>y,qf:()=>S,xG:()=>v});var r=i(69601),s=i(22894),o=i(87347),a=i(42246),n=i(96855);const l=["filter","limit"],c=["filter","limit","order"],d=["entity_list"];function h(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var i=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=i){var r,s,o,a,n=[],l=!0,c=!1;try{if(o=(i=i.call(t)).next,0===e){if(Object(i)!==i)return;l=!1}else for(;!(l=(r=o.call(i)).done)&&(n.push(r.value),n.length!==e);l=!0);}catch(t){c=!0,s=t}finally{try{if(!l&&null!=i.return&&(a=i.return(),Object(a)!==a))return}finally{if(c)throw s}}return n}}(t,e)||function(t,e){if(t){if("string"==typeof t)return b(t,e);var i={}.toString.call(t).slice(8,-1);return"Object"===i&&t.constructor&&(i=t.constructor.name),"Map"===i||"Set"===i?Array.from(t):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?b(t,e):void 0}}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function b(t,e){(null==e||e>t.length)&&(e=t.length);for(var i=0,r=Array(e);i<e;i++)r[i]=t[i];return r}function u(t,e){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),i.push.apply(i,r)}return i}function p(t){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?u(Object(i),!0).forEach((function(e){m(t,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):u(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}function m(t,e,i){return(e=function(t){var e=function(t,e){if("object"!=typeof t||!t)return t;var i=t[Symbol.toPrimitive];if(void 0!==i){var r=i.call(t,e||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==typeof e?e:e+""}(e))in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}function f(t,e){if(null==t)return{};var i,r,s=function(t,e){if(null==t)return{};var i={};for(var r in t)if({}.hasOwnProperty.call(t,r)){if(e.includes(r))continue;i[r]=t[r]}return i}(t,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(r=0;r<o.length;r++)i=o[r],e.includes(i)||{}.propertyIsEnumerable.call(t,i)&&(s[i]=t[i])}return s}const y=t=>new CustomEvent("filter",{detail:t,bubbles:!0,composed:!0}),g=t=>{var e;return{response:{data:t.data.attributes.first_sightings},next:null!==(e=t.links)&&void 0!==e&&e.next?()=>s.h4.createSimpleRequest(s.h4.amendLinkHost(t.links.next)).then(g):void 0}};class v extends r._{constructor(t,e,i){const r=e.filter,o=e.limit,a=f(e,l);super((0,s.uv)((()=>i.statsFirstSightings(t,p({filter:r,limit:o},a)).then(g)),2),(t=>t))}}class w extends((0,a.t1)(((t,e,i)=>{const r=e.filter,s=e.limit,o=e.order,a=f(e,c),n=Object.entries(r).filter((t=>!!h(t,2)[1])).map((t=>{let e=h(t,2);return`${e[0]}:"${e[1]}"`})).join(" "),l=r.entity_list,b=f(r,d),u=Object.entries(b).filter((t=>!!h(t,2)[1])).map((t=>{let e=h(t,2);return`${e[0]}:"${e[1]}"`})).join(" "),m=l?i.statsPerEntity(t,p(p({},a),{},{filter:n})).then((t=>{var e;return(null===(e=t.data.attributes)||void 0===e||null===(e=e.per_entity)||void 0===e?void 0:e.map((t=>({id:t.entity_id,label:t.entity_value||t.entity_id,metrics:[t.num_lookups,t.num_submissions]}))))||[]})).catch((()=>[])):Promise.resolve([]),y=i.statsPerEntity(t,p(p({},a),{},{filter:u,limit:s||20})).then((t=>{var e;return(null===(e=t.data.attributes)||void 0===e||null===(e=e.per_entity)||void 0===e?void 0:e.map((t=>({id:t.entity_id,label:t.entity_value||t.entity_id,metrics:[t.num_lookups,t.num_submissions]}))))||[]})).catch((()=>[]));return Promise.all([m,y]).then((t=>({data:Array.from(t.reduce(((t,e)=>(e.forEach((e=>{let i=e.id,r=e.label,s=e.metrics;t.has(i)||t.set(i,{label:r,metrics:s})})),t)),new Map).entries()).sort(((t,e)=>{let i=h(t,2)[1],r=h(e,2)[1];const s=h(i.metrics,2),a=s[0],n=s[1],l=h(r.metrics,2),c=l[0],d=l[1];return(o&&"num_submissions-"===o?d-n:c-a)||i.label.localeCompare(r.label)})).map((t=>{let e=h(t,2);return p({id:e[0]},e[1])}))})))}),(t=>t.data))){}var S;!function(t){t.ALL_HISTORY='"All history"',t.LAST_7_DAYS='"Last 7 days"',t.LAST_14_DAYS='"Last 14 days"',t.LAST_MONTH='"Last month"',t.LAST_6_MONTHS='"Last 6 months"'}(S||(S={}));const k=[S.ALL_HISTORY,S.LAST_6_MONTHS,S.LAST_MONTH,S.LAST_14_DAYS,S.LAST_7_DAYS];function x(t){switch(t){case S.ALL_HISTORY:return{start:void 0,end:void 0};case S.LAST_6_MONTHS:return{start:o.R6t.offset((0,o.dAM)(),-6).valueOf()/1e3,end:void 0};case S.LAST_MONTH:return{start:o.R6t.offset((0,o.dAM)(),-1).valueOf()/1e3,end:void 0};case S.LAST_14_DAYS:return{start:o.dAM.offset((0,o.dAM)(),-14).valueOf()/1e3,end:void 0};case S.LAST_7_DAYS:return{start:o.dAM.offset((0,o.dAM)(),-7).valueOf()/1e3,end:void 0};default:return t}}const T=new Set(["num_lookups-","num_submissions-"]),L={get DEFAULT(){return{showLookups:!0,showSubmissions:!0,order:"num_lookups-",date:S.LAST_14_DAYS,entity_list:new Set,country:null}},fromParsedQueryString(t){const e=L.DEFAULT;for(var i=0,r=Object.keys(t);i<r.length;i++){const s=r[i];switch(s){case"l":e.showLookups="true"===t[s];break;case"s":e.showSubmissions="true"===t[s];break;case"order":{const i=t[s];T.has(i)&&(e.order=i);break}case"date":{const i=t[s];if(k.includes(i))e.date=i;else if(null!==i){const t=h(i.split(",").map((t=>t?Number.parseInt(t):void 0)),2),r=t[0],s=t[1];e.date={start:r,end:s}}break}case"entity_list":{const i=t[s]||"";e.entity_list=new Set(i.split(","));break}case"country":{const i=t[s]||"";e.country=n.i.getCountryName(i)?i:null;break}}}return e},toQueryString:t=>Object.keys(t).filter((e=>{const i=t[e];return null!=i&&(!(i instanceof Set)||i.size>0)})).map((e=>{if("entity_list"===e)return[e,[...t[e]].join(",")];if("date"===e){const i=t.date;return[e,"object"==typeof i?`${i.start||""},${i.end||""}`:i]}return"showLookups"===e?["l",t[e].toString()]:"showSubmissions"===e?["s",t[e].toString()]:[e,t[e].toString()]})).reduce(((t,e)=>{let i=h(e,2),r=i[0],s=i[1];return t.append(r,s),t}),new URLSearchParams).toString()}},25076:(t,e,i)=>{"use strict";var r=i(48704),s=i(16645),o=(i(40996),i(89065));let a,n=t=>t;var l=function(t,e,i,r){var s,o=arguments.length,a=o<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(a=(o<3?s(a):o>3?s(e,i,a):s(e,i))||a);return o>3&&a&&Object.defineProperty(e,i,a),a};let c=class extends r.LitElement{constructor(){super(...arguments),this.runningTime="0"}static get styles(){return(0,r.unsafeCSS)(o.A)}connectedCallback(){super.connectedCallback(),this.startDatetime=new Date,this.timerInterval=window.setInterval((()=>{const t=new Date;this.runningTime=((t.getTime()-this.startDatetime.getTime())/1e3).toFixed(1)}),100),setTimeout((()=>{this.timerInterval&&clearInterval(this.timerInterval)}),9e5)}disconnectedCallback(){super.disconnectedCallback(),clearInterval(this.timerInterval),this.timerInterval=void 0,this.runningTime="0.0",this.startDatetime=void 0}render(){return(0,r.html)(a||(a=n`<h3><slot></slot> ${0}s</h3> <vt-ui-progress indeterminate></vt-ui-progress>`),this.runningTime)}};l([(0,s.state)()],c.prototype,"runningTime",void 0),c=l([(0,s.customElement)("vt-ui-running")],c)},8746:(t,e,i)=>{"use strict";var r=i(87347),s=i(48704),o=i(16645),a=i(62832),n=i(85200),l=i(96987),c=i(45241),d=i(1061),h=i(41151),b=i(64466);let u,p,m,f,y,g,v,w,S=t=>t;function k(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var i=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=i){var r,s,o,a,n=[],l=!0,c=!1;try{if(o=(i=i.call(t)).next,0===e){if(Object(i)!==i)return;l=!1}else for(;!(l=(r=o.call(i)).done)&&(n.push(r.value),n.length!==e);l=!0);}catch(t){c=!0,s=t}finally{try{if(!l&&null!=i.return&&(a=i.return(),Object(a)!==a))return}finally{if(c)throw s}}return n}}(t,e)||function(t,e){if(t){if("string"==typeof t)return x(t,e);var i={}.toString.call(t).slice(8,-1);return"Object"===i&&t.constructor&&(i=t.constructor.name),"Map"===i||"Set"===i?Array.from(t):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?x(t,e):void 0}}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function x(t,e){(null==e||e>t.length)&&(e=t.length);for(var i=0,r=Array(e);i<e;i++)r[i]=t[i];return r}var T=function(t,e,i,r){var s,o=arguments.length,a=o<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,r);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(a=(o<3?s(a):o>3?s(e,i,a):s(e,i))||a);return o>3&&a&&Object.defineProperty(e,i,a),a};let L=(u=class extends s.LitElement{constructor(){super(...arguments),this.data=[],this.formattedData=[],this.width=1241,this.height=300,this.dateFilter=null,this.showLookups=!0,this.showSubmissions=!0,this.isBrushing=!1,this.xColumn=[],this.brush=(0,r.n55)(),this.margins={LEFT:110,RIGHT:110,BOTTOM:40,TOP:40},this.xScale=(0,r.Pps)(),this.yScale=(0,r.m4Y)(),this.y2Scale=(0,r.m4Y)(),this.xAxis=(0,r.l78)(this.xScale).ticks(10,"en-US"===c.KK.determineLocale()?"%m/%d":"%d/%m").tickSize(0).tickPadding(10),this.yTicks=this.yScale.ticks(5),this.yAxis=(0,r.V4s)(this.yScale),this.y2Ticks=this.y2Scale.ticks(5),this.y2Axis=(0,r.eH3)(this.y2Scale),this.dLine=(0,r.n8j)().x((t=>this.xScale(t.date))).y((t=>this.yScale(t.metrics[0]))),this.d2Line=(0,r.n8j)().x((t=>this.xScale(t.date))).y((t=>this.y2Scale(t.metrics[1]))),this.d1Area=(0,r.Wcw)().x((t=>this.xScale(t.date))).y1((t=>this.yScale(t.metrics[0]))).y0((()=>this.yScale(0))),this.d2Area=(0,r.Wcw)().x((t=>this.xScale(t.date))).y1((t=>this.y2Scale(t.metrics[1]))).y0((()=>this.y2Scale(0))),this.transitionDuration=(()=>{if(!("getComputedStyle"in globalThis))return 0;const t=getComputedStyle(document.body).getPropertyValue("--vt-transitions");if(""===t)return 500;const e=t.replace(/ms$/,"");if(e.match("/s$/")){const t=e.replace(/s$/,"");return 1e3*Number.parseInt(t)}return Number.parseInt(e)})(),this.resizeObserver=new ResizeObserver((()=>{0!==this.offsetWidth&&(this.width=this.offsetWidth)}))}get formattedDateFilter(){return this.dateFilter?{start:1e3*this.dateFilter.start,end:1e3*this.dateFilter.end}:null}firstUpdated(){this.brush.on("start",(()=>this.brushStart())),this.brush.on("end",(t=>this.brushEnd(t))),this.updateBrushExtent()}filter(t,e){this.dispatchEvent((0,d.Zs)({by:"date",payload:{start:Math.floor(t/1e3),end:Math.ceil(e/1e3)}}))}brushStart(){this.isBrushing=!0}brushEnd(t){if(this.isBrushing=!1,t.sourceEvent&&t.selection){const e=t.selection[0],i=t.selection[1];this.filter(this.xScale.invert(e).getTime(),this.xScale.invert(i).getTime())}}connectedCallback(){super.connectedCallback(),this.resizeObserver.observe(this)}disconnectedCallback(){this.resizeObserver.disconnect(),super.disconnectedCallback()}renderSvg(){return(0,s.html)(p||(p=S` <svg width="${0}" height="${0}"> <g id="bottom-axis" transform="translate(${0},${0})"></g> <g id="left-axis" transform="translate(${0},${0})"></g> ${0} ${0} <g id="right-axis" transform="translate(${0},${0})"></g> <g transform="translate(${0},${0})"> <line visibility="hidden" id="date-rule"></line> </g> <g id="gBrush" transform="translate(${0},${0})"></g> ${0} ${0} </svg> `),this.width,this.height,this.margins.LEFT,this.height-this.margins.BOTTOM,this.margins.LEFT,this.margins.TOP,this.showLookups?(0,s.svg)(m||(m=S`<g
          id="line1"
          transform="translate(${0},${0})"
        >
          <path id="path-area-1"></path>
          <path id="path-line-1"></path>
          ${0}
          <circle
            id="selected-bucket-1"
            class="selected-bucket-1"
            r="${0}"
            visibility="hidden"
          ></circle>
        </g>`),this.margins.LEFT,this.margins.TOP,1===this.formattedData.length?(0,s.svg)(f||(f=S`<circle
                  class="selected-bucket-1"
                  r="${0}"
                  cx="${0}"
                  cy="${0}"
                ></circle>`),4,this.xScale(this.formattedData[0].date),this.yScale(this.formattedData[0].metrics[0])):s.nothing,4):s.nothing,this.showSubmissions?(0,s.svg)(y||(y=S`<g
          id="line2"
          transform="translate(${0},${0})"
        >
          <path id="path-area-2"></path>
          <path id="path-line-2"></path>
          <circle
            id="selected-bucket-2"
            class="selected-bucket-2"
            r="${0}"
            visibility="hidden"
          ></circle>
        </g>`),this.margins.LEFT,this.margins.TOP,4):s.nothing,this.width-this.margins.RIGHT,this.margins.TOP,this.margins.LEFT,this.margins.TOP,this.margins.LEFT,this.margins.TOP,this.showLookups?(0,s.svg)(g||(g=S`<g
              transform="translate(40,${0}),rotate(270)"
              data-tooltip-text="${0}"
              @mouseover="${0}"
            >
              <circle
                class="selected-bucket-1"
                r="${0}"
                transform="translate(-10,-4)"
              ></circle>
              <text fill="currentcolor">Lookups</text>
            </g>`),this.height/2+20,(0,n.ifDefined)(this.lookupsLegendLabelTooltipText),c.KK.showTooltip,4):s.nothing,this.showSubmissions?(0,s.svg)(v||(v=S`<g
              transform="translate(${0},${0}),rotate(270)"
              data-tooltip-text="${0}"
              @mouseover="${0}"
            >
              <circle
                class="selected-bucket-2"
                r="${0}"
                transform="translate(-10,-4)"
              ></circle>
              <text fill="currentcolor">Submissions</text>
            </g>`),this.width-40,this.height/2+20,(0,n.ifDefined)(this.submissionsLegendLabelTooltipText),c.KK.showTooltip,4):s.nothing)}setHoveredRow(t){const e=this.xScale.invert(t.offsetX-this.margins.LEFT);this.highlightHoveredNode(e.getTime())}highlightHoveredNode(t){const e=(0,r.WD2)(this.xColumn,t),i=this.formattedData[e],s=this.xScale(i.date),o=this.yScale(i.metrics[0]),a=this.y2Scale(i.metrics[1]);(0,r.Ltv)(this.shadowRoot.querySelector("#selected-bucket-1")).attr("cx",s).attr("cy",o).attr("visibility","visible"),(0,r.Ltv)(this.shadowRoot.querySelector("#selected-bucket-2")).attr("cx",s).attr("cy",a).attr("visibility","visible");const n=k(this.yScale.range(),2),c=n[0],d=n[1];(0,r.Ltv)(this.shadowRoot.querySelector("#date-rule")).attr("x1",s).attr("x2",s).attr("y1",c).attr("y2",d).attr("visibility","visible"),this.pointTooltip.querySelector("#tooltip-date").textContent=new Date(i.date).toISOString().slice(0,10),this.pointTooltip.querySelector("#tooltip-lookups").textContent=this.showLookups?l.w9.humanizeCount(i.metrics[0]):"",this.pointTooltip.querySelector("#tooltip-submissions").textContent=this.showSubmissions?l.w9.humanizeCount(i.metrics[1]):"";const h=k(this.xScale.range(),2),b=h[0],u=h[1];s<(u-b)/2?(this.pointTooltip.style.left=`${s+this.margins.LEFT+10}px`,this.pointTooltip.style.right="auto"):(this.pointTooltip.style.right=`${u-s+this.margins.RIGHT+10}px`,this.pointTooltip.style.left="auto"),this.pointTooltip.style.visibility="visible"}hideTooltip(){(0,r.Ltv)(this.shadowRoot.querySelector("#selected-bucket-1")).attr("visibility","hidden"),(0,r.Ltv)(this.shadowRoot.querySelector("#selected-bucket-2")).attr("visibility","hidden"),(0,r.Ltv)(this.shadowRoot.querySelector("#date-rule")).attr("visibility","hidden"),this.pointTooltip.style.visibility="hidden"}showTooltip(){(0,r.Ltv)(this.shadowRoot.querySelector("#selected-bucket-1")).attr("visibility","visible"),(0,r.Ltv)(this.shadowRoot.querySelector("#selected-bucket-2")).attr("visibility","visible"),(0,r.Ltv)(this.shadowRoot.querySelector("#date-rule")).attr("visibility","visible")}updated(t){if(super.updated(t),t.has("data")){if(this.data.length){const t=new Map;this.data.forEach((e=>t.set(r.dAM.round(new Date(1e3*e.date)).valueOf(),e.metrics)));const e=r.dAM.round(new Date(1e3*(this.lowerBoundDate||this.data[0].date))),i=r.dAM.offset(new Date(1e3*(this.upperBoundDate||this.data[this.data.length-1].date)),1);console.log(e),this.formattedData=r.dAM.range(e,i).map((e=>{const i=e.valueOf();return{date:i,metrics:t.get(i)||[0,0]}}))}else this.formattedData=[];this.xColumn=this.formattedData.map((t=>t.date))}if(!this.formattedData.length)return;if((0,r.Ltv)(this.shadowRoot.querySelector("#bottom-axis")).call(this.xAxis),(0,r.Ltv)(this.shadowRoot.querySelector("#left-axis")).call(this.yAxis),(0,r.Ltv)(this.shadowRoot.querySelector("#right-axis")).call(this.y2Axis),this.showLookups){const t=this.shadowRoot.querySelector("#path-line-1"),e=this.shadowRoot.querySelector("#path-area-1");if(t){const e=(0,r.Ltv)(t);e.attr("d",e.attr("d")).transition().duration(this.transitionDuration).attr("d",this.dLine(this.formattedData))}if(e){const t=(0,r.Ltv)(e);t.attr("d",t.attr("d")).transition().duration(this.transitionDuration).attr("d",this.d1Area(this.formattedData))}}if(this.showSubmissions){const t=this.shadowRoot.querySelector("#path-line-2"),e=this.shadowRoot.querySelector("#path-area-2");if(t){const e=(0,r.Ltv)(t);e.attr("d",e.attr("d")).transition().duration(this.transitionDuration).attr("d",this.d2Line(this.formattedData))}if(e){const t=(0,r.Ltv)(e);t.attr("d",t.attr("d")).transition().duration(this.transitionDuration).attr("d",this.d2Area(this.formattedData))}}const e=this.shadowRoot.querySelector("#gBrush");if(e){const t=(0,r.Ltv)(e);t.call(this.brush),t.select(".overlay").on("dblclick",(()=>this.dispatchEvent((0,d.Zs)({by:"date",payload:null})))).on("mousemove",(t=>this.setHoveredRow(t))).on("mouseenter",(()=>this.showTooltip())).on("mouseleave",(()=>this.hideTooltip()))}}updateBrushExtent(){var t;null===(t=this.brush)||void 0===t||t.extent([[0,0],[this.width-this.margins.LEFT-this.margins.RIGHT,this.height-this.margins.TOP-this.margins.BOTTOM]])}updateBrush(){this.updateBrushExtent();const t=(0,r.Ltv)(this.shadowRoot.querySelector("#gBrush"));if(!this.formattedDateFilter)return t.call(this.brush),void t.call(this.brush.move,null);const e=this.formattedDateFilter,i=e.start,s=e.end;t.call(this.brush.move,[i?(0,r.T9B)([this.xScale(i),0]):0,s?(0,r.jkA)([this.xScale(s),this.width-this.margins.LEFT-this.margins.RIGHT]):this.width-this.margins.RIGHT-this.margins.LEFT])}render(){console.time("Calculate time bars scales");const t=this.width-this.margins.LEFT-this.margins.RIGHT;if(this.xScale.range([0,t]),this.yScale.range([this.height-this.margins.TOP-this.margins.BOTTOM,0]),this.y2Scale.range([this.height-this.margins.TOP-this.margins.BOTTOM,0]),!this.formattedData.length)return s.nothing;const e=this.formattedData[0].date,i=this.formattedData.slice(-1)[0].date;this.xScale.domain([e,i]),this.yScale.domain([0,(0,r.T9B)(this.formattedData.map((t=>t.metrics[0])))||1]),this.y2Scale.domain([0,(0,r.T9B)(this.formattedData.map((t=>t.metrics[1])))||1]);const o=t/100;if(r.R6t.count(new Date(e),new Date(i))>12)this.xAxis=(0,r.l78)(this.xScale).ticks(o,"%m/%Y").tickSize(0).tickPadding(10);else{const t=r.dAM.count(new Date(e),new Date(i));this.xAxis=(0,r.l78)(this.xScale).ticks(Math.min(o,t),"en-US"===c.KK.determineLocale()?"%m/%d":"%d/%m").tickSize(0).tickPadding(10)}return this.yTicks=this.yScale.ticks().filter(Number.isInteger),this.yAxis=(0,r.V4s)(this.yScale).tickValues(this.yTicks).tickSize(0).tickPadding(10).tickFormat((t=>l.w9.humanizeCount(t.valueOf()))),this.y2Ticks=this.y2Scale.ticks().filter(Number.isInteger),this.y2Axis=(0,r.eH3)(this.y2Scale).tickValues(this.y2Ticks).tickSize(0).tickPadding(10).tickFormat((t=>l.w9.humanizeCount(t.valueOf()))),console.timeEnd("Calculate time bars scales"),this.updateBrush(),(0,s.html)(w||(w=S`<div class="bg-body-secondary position-relative"> <span class="d-block overflow-hidden position-absolute bg-body-tertiary text-body-tertiary pe-none" id="points-tooltip" role="tooltip" style="visibility: hidden; top: ${0}px;"><div class="px-3 py-2"> <div id="tooltip-date" class="text-nowrap"></div> <div class="text-nowrap ${0}"> <span id="tooltip-lookups" class="fw-bold"> </span> lookups </div> <div class="text-nowrap ${0}"> <span id="tooltip-submissions" class="fw-bold"> </span> submissions </div> </div> </span> ${0} </div>`),this.margins.TOP,(0,a.classMap)({"d-none":!this.showLookups}),(0,a.classMap)({"d-none":!this.showSubmissions}),this.renderSvg())}},u.styles=(0,s.unsafeCSS)([b.A,h.A]),u);T([(0,o.property)({type:Array})],L.prototype,"data",void 0),T([(0,o.property)({type:Number})],L.prototype,"lowerBoundDate",void 0),T([(0,o.property)({type:Number})],L.prototype,"upperBoundDate",void 0),T([(0,o.state)()],L.prototype,"formattedData",void 0),T([(0,o.property)({type:Number})],L.prototype,"width",void 0),T([(0,o.property)({type:Number})],L.prototype,"height",void 0),T([(0,o.property)({type:Object})],L.prototype,"dateFilter",void 0),T([(0,o.property)({type:Boolean})],L.prototype,"showLookups",void 0),T([(0,o.property)({type:Boolean})],L.prototype,"showSubmissions",void 0),T([(0,o.property)({type:String})],L.prototype,"lookupsLegendLabelTooltipText",void 0),T([(0,o.property)({type:String})],L.prototype,"submissionsLegendLabelTooltipText",void 0),T([(0,o.state)()],L.prototype,"isBrushing",void 0),T([(0,o.query)("#points-tooltip")],L.prototype,"pointTooltip",void 0),L=T([(0,o.customElement)("vt-ui-timebars-chart")],L)},89065:(t,e,i)=>{"use strict";var r=i(89547),s=i.n(r),o=i(38532),a=i.n(o)()(s());a.push([t.id,"h3 {\n  font-size: 1em;\n}\n",""]),e.A=a},64309:(t,e,i)=>{"use strict";var r=i(89547),s=i.n(r),o=i(38532),a=i.n(o)()(s());a.push([t.id,'/*!\n * Bootstrap  v5.3.2 (https://getbootstrap.com/)\n * Copyright 2011-2023 The Bootstrap Authors\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n */:root{--bs-blue: #0b4dda;--bs-indigo: #6610f2;--bs-purple: #6f42c1;--bs-pink: #000000;--bs-red: #c52420;--bs-orange: #e57300;--bs-yellow: #fce967;--bs-green: #39ac4c;--bs-teal: #20c997;--bs-cyan: #287bb5;--bs-black: #000;--bs-white: #fff;--bs-gray: #666666;--bs-gray-dark: #333333;--bs-gray-100: #f9f9f9;--bs-gray-200: #f2f2f2;--bs-gray-300: #e6e6e6;--bs-gray-400: #cccccc;--bs-gray-500: #b3b3b3;--bs-gray-600: #666666;--bs-gray-700: #4d4d4d;--bs-gray-800: #333333;--bs-gray-900: #1a1a1a;--bs-primary: #0b4dda;--bs-success: #39ac4c;--bs-info: #007be6;--bs-warning: #e57300;--bs-danger: #c52420;--bs-primary-rgb: 11, 77, 218;--bs-success-rgb: 57, 172, 76;--bs-info-rgb: 0, 123, 230;--bs-warning-rgb: 229, 115, 0;--bs-danger-rgb: 197, 36, 32;--bs-primary-text-emphasis: #062b79;--bs-secondary-text-emphasis: #292929;--bs-success-text-emphasis: #20602a;--bs-info-text-emphasis: #004480;--bs-warning-text-emphasis: #804000;--bs-danger-text-emphasis: #6d1412;--bs-light-text-emphasis: #4d4d4d;--bs-dark-text-emphasis: #4d4d4d;--bs-primary-bg-subtle: #cfddfc;--bs-secondary-bg-subtle: #e0e0e0;--bs-success-bg-subtle: #ecf9ee;--bs-info-bg-subtle: #e5f3ff;--bs-warning-bg-subtle: #fff2e5;--bs-danger-bg-subtle: #fae1e0;--bs-light-bg-subtle: #fcfcfc;--bs-dark-bg-subtle: #cccccc;--bs-primary-border-subtle: #9db8f0;--bs-secondary-border-subtle: #c2c2c2;--bs-success-border-subtle: #b0deb7;--bs-info-border-subtle: #99caf5;--bs-warning-border-subtle: #f5c799;--bs-danger-border-subtle: #e8a7a6;--bs-light-border-subtle: #f2f2f2;--bs-dark-border-subtle: #b3b3b3;--bs-white-rgb: 255, 255, 255;--bs-black-rgb: 0, 0, 0;--bs-font-sans-serif: "Source Sans Pro", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;--bs-font-monospace: "Source Code Pro", monospace;--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family: var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight: 400;--bs-body-line-height: 1.5;--bs-body-color: #20242c;--bs-body-color-rgb: 32, 36, 44;--bs-body-bg: #fff;--bs-body-bg-rgb: 255, 255, 255;--bs-emphasis-color: #000;--bs-emphasis-color-rgb: 0, 0, 0;--bs-secondary-color: #363c49;--bs-secondary-color-rgb: 54, 60, 73;--bs-secondary-bg: #f9fafb;--bs-secondary-bg-rgb: 249, 250, 251;--bs-tertiary-color: #626c84;--bs-tertiary-color-rgb: 98, 108, 132;--bs-tertiary-bg: #eceef4;--bs-tertiary-bg-rgb: 236, 238, 244;--bs-heading-color: inherit;--bs-link-color: #20242c;--bs-link-color-rgb: 32, 36, 44;--bs-link-decoration: none;--bs-link-hover-color: #0b4dda;--bs-link-hover-color-rgb: 11, 77, 218;--bs-code-color: #000000;--bs-highlight-color: #20242c;--bs-highlight-bg: #fefbe1;--bs-border-width: 1px;--bs-border-style: solid;--bs-border-color: #e5e9f0;--bs-border-color-translucent: rgba(0, 0, 0, 0.175);--bs-border-radius: 0.375rem;--bs-border-radius-sm: 0.25rem;--bs-border-radius-lg: 0.5rem;--bs-border-radius-xl: 1rem;--bs-border-radius-xxl: 2rem;--bs-border-radius-2xl: var(--bs-border-radius-xxl);--bs-border-radius-pill: 50rem;--bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width: 0.25rem;--bs-focus-ring-opacity: 0.25;--bs-focus-ring-color: rgba(11, 77, 218, 0.25);--bs-form-valid-color: #39ac4c;--bs-form-valid-border-color: #39ac4c;--bs-form-invalid-color: #c52420;--bs-form-invalid-border-color: #c52420}*,*::before,*::after{box-sizing:border-box}@media(prefers-reduced-motion: no-preference){:root{scroll-behavior:smooth}}a{color:rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));text-decoration:none}a:hover{--bs-link-color-rgb: var(--bs-link-hover-color-rgb)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}svg{vertical-align:middle}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,select{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none !important}button,[type=button]{-webkit-appearance:button}button:not(:disabled),[type=button]:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}::file-selector-button{font:inherit;-webkit-appearance:button}:root{--bs-breakpoint-xs: 0;--bs-breakpoint-sm: 576px;--bs-breakpoint-md: 768px;--bs-breakpoint-lg: 992px;--bs-breakpoint-xl: 1200px;--bs-breakpoint-xxl: 1400px}.dropdown{position:relative}.dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;white-space:nowrap;background-color:rgba(0, 0, 0, 0);border:0;border-radius:var(--bs-dropdown-item-border-radius, 0)}.dropdown-item:hover,.dropdown-item:focus{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}.dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}.dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:rgba(0, 0, 0, 0)}@keyframes progress-bar-stripes{0%{background-position-x:1rem}}@keyframes spinner-border{to{transform:rotate(360deg)}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}@keyframes placeholder-glow{50%{opacity:.01}}@keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}.dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:rgba(0, 0, 0, 0)}.dropdown-item[aria-current=true]::after{display:inline-block;content:"✓";margin-left:.5em}html{scrollbar-color:var(--bs-input-border-color) var(--bs-tertiary-bg)}',""]),e.A=a},41151:(t,e,i)=>{"use strict";var r=i(89547),s=i.n(r),o=i(38532),a=i.n(o)()(s());a.push([t.id,"rect.selection{fill:var(--bs-primary-bg-subtle)}rect.handle{fill:var(--bs-primary-bg-subtle)}",""]),e.A=a},64466:(t,e,i)=>{"use strict";var r=i(89547),s=i.n(r),o=i(38532),a=i.n(o),n=i(88869),l=a()(s());l.i(n.A),l.push([t.id,"svg{color:var(--bs-tertiary-color)}svg text{font-family:var(--bs-font-monospace)}#path-area-1,#path-area-2{fill-opacity:.2;transition:d var(--vt-transitions, 500ms)}#path-area-1{fill:var(--bs-info)}#path-area-2{fill:var(--bs-info-text-emphasis)}#path-line-1,#path-line-2{transition:d var(--vt-transitions, 500ms);fill:none}#path-line-1{stroke:var(--bs-info)}#path-line-2{stroke:var(--bs-info-text-emphasis)}.selected-bucket-1{fill:var(--bs-info)}.selected-bucket-2{fill:var(--bs-info-text-emphasis)}#date-rule{stroke:var(--bs-info);opacity:.4}",""]),e.A=l},52463:t=>{t.exports='<svg viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">\n  <rect\n    width="56"\n    height="56"\n    rx="28"\n    style="fill: var(--bs-primary-bg-subtle, #d3d7ff)"\n  />\n  <path\n    fill-rule="evenodd"\n    clip-rule="evenodd"\n    d="M14.2502 13.8335C14.02 13.8335 13.8335 14.02 13.8335 14.2502V41.7502C13.8335 41.9803 14.02 42.1668 14.2502 42.1668H35.0835C35.3136 42.1668 35.5002 41.9803 35.5002 41.7502V40.3619C36.3775 40.2147 37.2161 39.9533 38.0002 39.5934V41.7502C38.0002 43.361 36.6943 44.6668 35.0835 44.6668H14.2502C12.6393 44.6668 11.3335 43.361 11.3335 41.7502V14.2502C11.3335 12.6393 12.6393 11.3335 14.2502 11.3335H28.5186C29.6901 11.3335 30.8172 11.7821 31.6683 12.5872L34.1401 14.9255L36.4423 16.9485C37.4326 17.8187 38.0002 19.0732 38.0002 20.3914V21.4069C37.2161 21.047 36.3775 20.7856 35.5002 20.6384V20.3914C35.5002 20.3046 35.4947 20.2183 35.4841 20.1331H30.0835C29.3931 20.1331 28.8335 19.5735 28.8335 18.8831V13.8574C28.7299 13.8416 28.6246 13.8335 28.5186 13.8335H14.2502ZM23.8335 30.5002C23.8335 28.1668 24.6326 26.0202 25.9722 24.3189V22.5404C25.9722 21.85 25.4125 21.2904 24.7222 21.2904C24.0318 21.2904 23.4722 21.85 23.4722 22.5404V37.3233C23.4722 38.0137 24.0318 38.5733 24.7222 38.5733C25.4125 38.5733 25.9722 38.0137 25.9722 37.3233V36.6814C24.6326 34.9802 23.8335 32.8335 23.8335 30.5002ZM33.4341 17.6331H31.3335V15.7118L32.4554 16.7731L33.4341 17.6331ZM20.116 19.2502C20.116 18.5598 19.5564 18.0002 18.866 18.0002C18.1757 18.0002 17.616 18.5598 17.616 19.2502V36.8802C17.616 37.5705 18.1757 38.1302 18.866 38.1302C19.5564 38.1302 20.116 37.5705 20.116 36.8802V19.2502ZM33.3135 24.9297C30.2873 24.9297 27.8341 27.3829 27.8341 30.4091C27.8341 33.4352 30.2873 35.8884 33.3135 35.8884C36.3397 35.8884 38.7929 33.4352 38.7929 30.4091C38.7929 27.3829 36.3397 24.9297 33.3135 24.9297ZM25.3341 30.4091C25.3341 26.0022 28.9066 22.4297 33.3135 22.4297C37.7204 22.4297 41.2929 26.0022 41.2929 30.4091C41.2929 32.0741 40.7829 33.62 39.9106 34.8992L44.2094 39.198C44.6975 39.6861 44.6975 40.4776 44.2094 40.9658C43.7212 41.4539 42.9298 41.4539 42.4416 40.9658L38.1963 36.7205C36.8468 37.7661 35.1528 38.3884 33.3135 38.3884C28.9066 38.3884 25.3341 34.8159 25.3341 30.4091Z"\n    style="fill: var(--bs-primary, #3a4eff)"\n  />\n</svg>\n'}}]);
//# sourceMappingURL=19831.8b1def65c26406b1ebd1.js.map