@appland/appmap 3.83.0 → 3.84.1

package/built/html/appmap.js

@@ -161,9 +161,9 @@ https://www.w3ctech.com/topic/2226`));let o=r(...s);return o.postcssPlugin=t,o.p
             Set as default
           `)]),e._v(" "),r("button",{staticClass:"filters__button",attrs:{"data-cy":"copy-filter-button"},on:{click:e.copyFilterState}},[e._v(`
             Copy
-          `)]),e._v(" "),e.copied?r("div",{staticClass:"copied"},[e._v("Copied!")]):e._e()])])])])])},staticRenderFns:[function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("div",{staticClass:"filters__block-head"},[r("h3",{staticClass:"filters__block-title"},[e._v("Root")])])},function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("div",{staticClass:"filters__block-head"},[r("h3",{staticClass:"filters__block-title"},[e._v("Filter")])])},function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("div",{staticClass:"filters__block-head"},[r("h3",{staticClass:"filters__block-title"},[e._v("Saved Filters")])])}]},function(e){e&&e("data-v-2788cf45_0",{source:".filters[data-v-2788cf45]{width:390px;font-size:.75rem}.filters .copied[data-v-2788cf45]{color:#7fc14a;margin-left:.25rem}.filters__button[data-v-2788cf45]{background:#7f6be6;color:#fff;border-radius:5px;border:0;margin:5px;padding:10px;transition:all .4s ease-in}.filters__button[data-v-2788cf45]:hover{background:#4f3fa1;cursor:pointer}.filters__button-disabled[data-v-2788cf45]{background-color:#343742;color:#808b98;border-radius:5px;border:0;margin:5px;padding:10px}.filters__input[data-v-2788cf45]{flex:1;display:inline-block;vertical-align:middle;margin-right:10px;padding:3px 8px;width:100%;height:100%;border:0;border-radius:0;box-shadow:none;background:#000;font:inherit;color:#fff;outline:0}.filters__select[data-v-2788cf45]{flex:1;padding:2px;margin-left:7px;display:inline-block;vertical-align:middle;width:100%;border:0;border-radius:5px;font:inherit;box-shadow:none;background:#000;color:#eaeaea;outline:0}.filters__head[data-v-2788cf45]{padding-bottom:.5rem;border-bottom:1px solid #242c41;display:flex;justify-content:flex-start;align-items:center}.filters__head svg[data-v-2788cf45]{width:1em;height:1em;fill:currentColor}.filters__head-icon[data-v-2788cf45]{margin-right:.75rem;color:#7f6be6}.filters__head-text[data-v-2788cf45]{color:#fff;text-transform:uppercase;font-size:.75rem;font-weight:700}.filters__head-reset[data-v-2788cf45]{margin-left:auto;border:none;display:inline-flex;align-items:center;padding:.25rem;background:0 0;color:#716e85;font:inherit;outline:0;line-height:1;appearance:none;cursor:pointer;transition:color .3s ease-in}.filters__head-reset[data-v-2788cf45]:active,.filters__head-reset[data-v-2788cf45]:hover{color:#e1e2e2;transition-timing-function:ease-out}.filters__head-reset svg[data-v-2788cf45]{margin-left:.5rem}.filters__block[data-v-2788cf45]:not(:last-child){margin-bottom:1rem}.filters__block-head[data-v-2788cf45]{border-radius:.25rem .25rem 0 0;margin-bottom:1px;display:flex;padding:.5rem 0;line-height:1.25rem;border-bottom:1px solid #3f4d72}.filters__block-title[data-v-2788cf45]{margin:0 .5rem 0 0;display:inline-block;font-size:.875rem;font-weight:700;color:#ccc}.filters__block-body[data-v-2788cf45]{border-radius:0 0 .25rem .25rem;padding:1rem .75rem}.filters__block-body--flex[data-v-2788cf45]{display:flex;flex-wrap:wrap;gap:.5rem}.filters__block-row[data-v-2788cf45]{display:flex;justify-content:flex-start;align-items:center}.filters__block-row[data-v-2788cf45]:not(:last-child){margin-bottom:1rem}.filters__block-row-content[data-v-2788cf45]{margin-left:1rem;width:100%;display:flex;flex-wrap:wrap;align-items:center;line-height:22px}.filters__block-row-content .default-option[data-v-2788cf45]{color:green}.filters__block-row-content__centered[data-v-2788cf45]{width:100%;display:flex;justify-content:space-evenly}.filters__root[data-v-2788cf45]{border-radius:.5rem;display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#7f6be6;color:#eaeaea;line-height:1}.filters__root-icon[data-v-2788cf45]{flex-shrink:0;margin-left:1rem;width:1em;height:1em;fill:currentColor;cursor:pointer}.filters__checkbox[data-v-2788cf45]{flex-shrink:0;margin:3px 0;border-radius:2px;display:inline-flex;justify-content:center;align-items:center;width:1rem;height:1rem;background:#7f6be6;cursor:pointer}.filters__checkbox input[data-v-2788cf45]{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);height:1px;width:1px;margin:-1px;padding:0;border:0}.filters__checkbox input:checked+.filters__checkbox-icon[data-v-2788cf45]{display:block}.filters__checkbox-icon[data-v-2788cf45]{display:none;width:.5rem;height:.5rem;fill:#e7e7e7}.filters__elapsed[data-v-2788cf45]{margin-left:.5rem;border-radius:.25rem;display:inline-block;vertical-align:middle;height:22px;padding:0 .25rem;background:#0b0c0e}.filters__elapsed-input[data-v-2788cf45]{display:inline-block;vertical-align:middle;width:2rem;border:0;border-radius:0;box-shadow:none;background:0 0;font:inherit;color:inherit;outline:0}.filters__elapsed-ms[data-v-2788cf45]{color:#716e85}.filters__hide[data-v-2788cf45]{margin-top:.75rem;width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:.5rem}.filters__hide-item[data-v-2788cf45]{border-radius:.25rem;display:inline-flex;justify-content:flex-start;align-items:center;padding:5px 10px;background:#7f6be6;color:#eaeaea;line-height:1}.filters__hide-item-icon[data-v-2788cf45]{flex-shrink:0;margin-left:1rem;width:1em;height:1em;fill:currentColor;cursor:pointer}",map:void 0,media:void 0})},{name:"v-filter-menu",components:{VFiltersForm:H({render:function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("form",{class:e.classes,on:{submit:function(n){return n.preventDefault(),e.onFormSubmit.apply(null,arguments)}}},[r("input",{directives:[{name:"model",rawName:"v-model",value:e.inputValue,expression:"inputValue"}],ref:"input",staticClass:"filters__form-input",attrs:{type:"text",placeholder:e.placeholder},domProps:{value:e.inputValue},on:{focus:e.onInputFocus,input:function(n){n.target.composing||(e.inputValue=n.target.value)}}}),e._v(" "),r("PlusIcon",{staticClass:"filters__form-plus",on:{click:e.onFormSubmit}}),e._v(" "),e.suggestionsList.length?r("ul",{ref:"suggestionsList",staticClass:"filters__form-suggestions"},e._l(e.suggestionsList,function(n,i){return r("li",{key:n,class:e.getSuggestionClasses(i),attrs:{"data-index":i},on:{click:function(a){return a.stopPropagation(),e.makeSelection.apply(null,arguments)}}},[e._v(`
+          `)]),e._v(" "),e.copied?r("div",{staticClass:"copied"},[e._v("Copied!")]):e._e()])])])])])},staticRenderFns:[function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("div",{staticClass:"filters__block-head"},[r("h3",{staticClass:"filters__block-title"},[e._v("Root")])])},function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("div",{staticClass:"filters__block-head"},[r("h3",{staticClass:"filters__block-title"},[e._v("Filter")])])},function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("div",{staticClass:"filters__block-head"},[r("h3",{staticClass:"filters__block-title"},[e._v("Saved Filters")])])}]},function(e){e&&e("data-v-5f91a30c_0",{source:".filters[data-v-5f91a30c]{width:390px;font-size:.75rem}.filters .copied[data-v-5f91a30c]{color:#7fc14a;margin-left:.25rem}.filters__button[data-v-5f91a30c]{background:#7f6be6;color:#fff;border-radius:5px;border:0;margin:5px;padding:10px;transition:all .4s ease-in}.filters__button[data-v-5f91a30c]:hover{background:#4f3fa1;cursor:pointer}.filters__button-disabled[data-v-5f91a30c]{background-color:#343742;color:#808b98;border-radius:5px;border:0;margin:5px;padding:10px}.filters__input[data-v-5f91a30c]{flex:1;display:inline-block;vertical-align:middle;margin-right:10px;padding:3px 8px;width:100%;height:100%;border:0;border-radius:2px;box-shadow:none;background:#000;font:inherit;color:#fff;outline:0}.filters__select[data-v-5f91a30c]{flex:1;padding:2px;margin-left:7px;display:inline-block;vertical-align:middle;width:100%;border:0;border-radius:2px;font:inherit;box-shadow:none;background:#000;color:#eaeaea;outline:0}.filters__head[data-v-5f91a30c]{padding-bottom:.5rem;border-bottom:1px solid #242c41;display:flex;justify-content:flex-start;align-items:center}.filters__head svg[data-v-5f91a30c]{width:1em;height:1em;fill:currentColor}.filters__head-icon[data-v-5f91a30c]{margin-right:.75rem;color:#7f6be6}.filters__head-text[data-v-5f91a30c]{color:#fff;text-transform:uppercase;font-size:.75rem;font-weight:700}.filters__head-reset[data-v-5f91a30c]{margin-left:auto;border:none;display:inline-flex;align-items:center;padding:.25rem;background:0 0;color:#716e85;font:inherit;outline:0;line-height:1;appearance:none;cursor:pointer;transition:color .3s ease-in}.filters__head-reset[data-v-5f91a30c]:active,.filters__head-reset[data-v-5f91a30c]:hover{color:#e1e2e2;transition-timing-function:ease-out}.filters__head-reset svg[data-v-5f91a30c]{margin-left:.5rem}.filters__block[data-v-5f91a30c]:not(:last-child){margin-bottom:1rem}.filters__block-head[data-v-5f91a30c]{border-radius:.25rem .25rem 0 0;margin-bottom:1px;display:flex;padding:.5rem 0;line-height:1.25rem;border-bottom:1px solid #3f4d72}.filters__block-title[data-v-5f91a30c]{margin:0 .5rem 0 0;display:inline-block;font-size:.875rem;font-weight:700;color:#ccc}.filters__block-body[data-v-5f91a30c]{border-radius:0 0 .25rem .25rem;padding:1rem .75rem}.filters__block-body--flex[data-v-5f91a30c]{display:flex;flex-wrap:wrap;gap:.5rem}.filters__block-row[data-v-5f91a30c]{display:flex;justify-content:flex-start;align-items:center}.filters__block-row[data-v-5f91a30c]:not(:last-child){margin-bottom:1rem}.filters__block-row-content[data-v-5f91a30c]{margin-left:1rem;width:100%;display:flex;flex-wrap:wrap;align-items:center;line-height:22px}.filters__block-row-content .default-option[data-v-5f91a30c]{color:green}.filters__block-row-content__centered[data-v-5f91a30c]{width:100%;display:flex;justify-content:space-evenly}.filters__root[data-v-5f91a30c]{border-radius:.5rem;display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#7f6be6;color:#eaeaea;line-height:1}.filters__root-icon[data-v-5f91a30c]{flex-shrink:0;margin-left:1rem;width:1em;height:1em;fill:currentColor;cursor:pointer}.filters__checkbox[data-v-5f91a30c]{flex-shrink:0;margin:3px 0;border-radius:2px;display:inline-flex;justify-content:center;align-items:center;width:1rem;height:1rem;background:#7f6be6;cursor:pointer}.filters__checkbox input[data-v-5f91a30c]{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);height:1px;width:1px;margin:-1px;padding:0;border:0}.filters__checkbox input:checked+.filters__checkbox-icon[data-v-5f91a30c]{display:block}.filters__checkbox-icon[data-v-5f91a30c]{display:none;width:.5rem;height:.5rem;fill:#e7e7e7}.filters__elapsed[data-v-5f91a30c]{margin-left:.5rem;border-radius:2px;display:inline-block;vertical-align:middle;height:22px;padding:0 .25rem;background:#010306}.filters__elapsed-input[data-v-5f91a30c]{display:inline-block;vertical-align:middle;width:2rem;border:0;border-radius:0;box-shadow:none;background:0 0;font:inherit;color:inherit;outline:0}.filters__elapsed-ms[data-v-5f91a30c]{color:#716e85}.filters__hide[data-v-5f91a30c]{margin-top:.75rem;width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:.5rem}.filters__hide-item[data-v-5f91a30c]{border-radius:.25rem;display:inline-flex;justify-content:flex-start;align-items:center;padding:5px 10px;background:#7f6be6;color:#eaeaea;line-height:1}.filters__hide-item-icon[data-v-5f91a30c]{flex-shrink:0;margin-left:1rem;width:1em;height:1em;fill:currentColor;cursor:pointer}",map:void 0,media:void 0})},{name:"v-filter-menu",components:{VFiltersForm:H({render:function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("form",{class:e.classes,on:{submit:function(n){return n.preventDefault(),e.onFormSubmit.apply(null,arguments)}}},[r("input",{directives:[{name:"model",rawName:"v-model",value:e.inputValue,expression:"inputValue"}],ref:"input",staticClass:"filters__form-input",attrs:{type:"text",placeholder:e.placeholder},domProps:{value:e.inputValue},on:{focus:e.onInputFocus,input:function(n){n.target.composing||(e.inputValue=n.target.value)}}}),e._v(" "),r("PlusIcon",{staticClass:"filters__form-plus",on:{click:e.onFormSubmit}}),e._v(" "),e.suggestionsList.length?r("ul",{ref:"suggestionsList",staticClass:"filters__form-suggestions"},e._l(e.suggestionsList,function(n,i){return r("li",{key:n,class:e.getSuggestionClasses(i),attrs:{"data-index":i},on:{click:function(a){return a.stopPropagation(),e.makeSelection.apply(null,arguments)}}},[e._v(`
       `+e._s(n)+`
-    `)])}),0):e._e()],1)},staticRenderFns:[]},function(e){e&&e("data-v-62e2a4b7_0",{source:".filters__form[data-v-62e2a4b7]{position:relative;flex:1;margin-left:.5rem;border-radius:.25rem;display:flex;align-items:center;height:22px;padding:0 .5rem;border:1px solid #242c41;background:#0b0c0e}.filters__form--show-suggestions[data-v-62e2a4b7]{border-radius:.25rem .25rem 0 0}.filters__form--show-suggestions.filters__form--suggestions-top[data-v-62e2a4b7]{border-radius:0 0 .25rem .25rem}.filters__form-input[data-v-62e2a4b7]{flex:1;display:inline-block;vertical-align:middle;width:100%;border:0;border-radius:0;box-shadow:none;background:0 0;font:inherit;color:inherit;outline:0}.filters__form-plus[data-v-62e2a4b7]{flex-shrink:0;margin-left:1rem;width:1em;height:1em;fill:#606060;cursor:pointer}.filters__form-suggestions[data-v-62e2a4b7]{display:none;position:absolute;top:100%;left:0;right:0;border-radius:0 0 .25rem .25rem;border:1px solid #242c41;margin:0;padding:0;max-height:66px;list-style:none;overflow-x:hidden;overflow-y:auto;z-index:1000;background:#010306}.filters__form--show-suggestions .filters__form-suggestions[data-v-62e2a4b7]{display:block}.filters__form--suggestions-top .filters__form-suggestions[data-v-62e2a4b7]{top:auto;bottom:100%;border-radius:.25rem .25rem 0 0}.filters__form-suggestions-item[data-v-62e2a4b7]{padding:0 .5rem;height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#a0a0a0;cursor:pointer}.filters__form-suggestions-item--selected[data-v-62e2a4b7],.filters__form-suggestions-item[data-v-62e2a4b7]:active,.filters__form-suggestions-item[data-v-62e2a4b7]:hover{color:#eaeaea;background-color:#242c41}",map:void 0,media:void 0})},{name:"v-filters-form",components:{PlusIcon:{functional:!0,render(e,t){let{_c:r,_v:n,data:i,children:a=[]}=t,{class:s,staticClass:o,style:l,staticStyle:c,attrs:u={},...d}=i;return r("svg",{class:[s,o],style:[l,c],attrs:Object.assign({viewBox:"0 0 14 14",xmlns:"http://www.w3.org/2000/svg"},u),...d},a.concat([r("path",{attrs:{d:"M.297 7.071a.714.714 0 01.715-.715l5.345.001V1.011a.715.715 0 111.43 0l-.002 5.346 5.346-.001a.716.716 0 010 1.43H7.785l.001 5.345a.715.715 0 01-1.43 0l.001-5.346-5.345.001a.714.714 0 01-.715-.715z"}})]))}}},props:{onSubmit:{type:Function,required:!0},placeholder:{type:String,default:""},suggestions:{type:Array,default:()=>[]},suggestionsPlacement:{type:String,default:"bottom",validator:e=>["top","bottom"].indexOf(e)!==-1}},data:()=>({showSuggestions:!1,inputValue:"",selectedSuggestion:0}),watch:{selectedSuggestion:{handler(e){let t=this.$refs.suggestionsList.querySelectorAll("li")[e];t.offsetTop<this.$refs.suggestionsList.scrollTop?this.$refs.suggestionsList.scrollTop=t.offsetTop:t.offsetTop>=this.$refs.suggestionsList.scrollTop+this.$refs.suggestionsList.offsetHeight&&(this.$refs.suggestionsList.scrollTop=t.offsetTop-2*t.offsetHeight)}}},computed:{classes(){let e=["filters__form"];return this.showSuggestions&&this.suggestionsList.length&&e.push("filters__form--show-suggestions"),this.suggestionsPlacement==="top"&&e.push("filters__form--suggestions-top"),e},suggestionsList(){return this.inputValue?this.suggestions.filter(e=>e.toLowerCase().includes(this.inputValue.toLowerCase())):this.suggestions}},methods:{getSuggestionClasses(e){let t=["filters__form-suggestions-item"];return e===this.selectedSuggestion&&t.push("filters__form-suggestions-item--selected"),t},onInputFocus(){this.showSuggestions=!0,this.selectedSuggestion=0},onFormSubmit(){this.$refs.input===window.document.activeElement&&this.showSuggestions&&this.suggestionsList.length&&(this.inputValue=this.suggestionsList[this.selectedSuggestion]);let e=this.inputValue.trim();this.showSuggestions=!1,this.inputValue="",e?(this.showSuggestions=!1,this.onSubmit(e)):this.showSuggestions=!0},makeSelection(e){this.inputValue=e.target.textContent,this.onFormSubmit()},onWindowClick(e){hr(e.target,this.$el)||(this.showSuggestions=!1)},onWindowKeyUp(e){if(this.$refs.input===window.document.activeElement)switch(e.key){case"Escape":this.showSuggestions=!1;break;case"ArrowDown":this.selectedSuggestion!==this.suggestionsList.length-1&&(this.selectedSuggestion+=1);break;case"ArrowUp":this.selectedSuggestion!==0&&(this.selectedSuggestion-=1)}}},created(){window.addEventListener("click",this.onWindowClick),window.addEventListener("keyup",this.onWindowKeyUp,!0)},destroyed(){window.removeEventListener("click",this.onWindowClick),window.removeEventListener("keyup",this.onWindowKeyUp,!0)}},"data-v-62e2a4b7",!1,void 0,!1,W,void 0,void 0),CheckIcon:v9,CloseThinIcon:$A,FilterIcon:XA,ResetIcon:r9},props:{filteredAppMap:{type:Object,required:!0}},data:()=>({copied:!1,newFilterName:""}),computed:{filters(){return this.$store.state.filters},savedFilters(){return this.$store.state.savedFilters},selectedSavedFilter:{get(){return this.$store.state.selectedSavedFilter},set(e){this.$store.commit(Nl,e)}},limitRootEvents:{get(){return this.$store.state.filters.declutter.limitRootEvents.on},set(e){this.$store.commit($t,{declutterProperty:"limitRootEvents",value:e})}},hideMediaRequests:{get(){return this.$store.state.filters.declutter.hideMediaRequests.on},set(e){this.$store.commit($t,{declutterProperty:"hideMediaRequests",value:e})}},hideUnlabeled:{get(){return this.$store.state.filters.declutter.hideUnlabeled.on},set(e){this.$store.commit($t,{declutterProperty:"hideUnlabeled",value:e})}},hideExternal:{get(){return this.$store.state.filters.declutter.hideExternalPaths.on},set(e){this.$store.commit($t,{declutterProperty:"hideExternalPaths",value:e})}},hideElapsedTimeUnder:{get(){return this.$store.state.filters.declutter.hideElapsedTimeUnder.on},set(e){this.$store.commit($t,{declutterProperty:"hideElapsedTimeUnder",value:e})}},hideElapsedTime:{get(){return this.$store.state.filters.declutter.hideElapsedTimeUnder.time},set(e){this.$store.commit(XM,e)}},hideName:{get(){return this.$store.state.filters.declutter.hideName.on},set(e){this.$store.commit($t,{declutterProperty:"hideName",value:e})}},hiddenNames(){return this.$store.state.filters.declutter.hideName.names},rootObjectsSuggestions(){return this.$store.state.appMap.classMap.codeObjects.map(e=>e.fqid).filter(e=>!this.filters.rootObjects.includes(e))},hideNamesSuggestions(){return this.filteredAppMap.classMap.codeObjects.map(e=>e.fqid).filter(e=>!this.filters.declutter.hideName.names.includes(e))},hideExternalSupported(){let{appMap:e}=this.$store.state;return e.metadata&&e.metadata.language&&["ruby","javascript"].includes(e.metadata.language.name)},defaultButtonClass(){return"filters__button"+(this.selectedSavedFilter&&this.selectedSavedFilter.default?"-disabled":"")},deleteButtonClass(){return"filters__button"+(this.selectedSavedFilter&&this.selectedSavedFilter.filterName===Tl?"-disabled":"")}},methods:{resetFilters(){this.$store.commit(JA)},addRootObject(e){this.$store.commit(WA,e)},removeRootObject(e){this.$store.commit(ZA,e)},addHiddenName(e){this.$store.commit(Sf,e)},removeHiddenName(e){this.$store.commit(_M,e),this.filters.declutter.hideName.names.length===0&&this.$store.commit($t,{declutterProperty:"hideName",value:!1})},saveFilter(){let e=this.newFilterName.trim();if(this.newFilterName.trim()===""||this.newFilterName===Tl)return void(this.newFilterName="");let t=(0,Q.serializeFilter)(this.filters),r={filterName:e,state:(0,Q.base64UrlEncode)(JSON.stringify({filters:t})),default:!1};this.$store.commit(Nl,r),this.$root.$emit("saveFilter",r),this.newFilterName=""},applyFilter(){this.$emit("setState",this.selectedSavedFilter.state)},deleteFilter(){this.selectedSavedFilter.filterName!==Tl&&this.$root.$emit("deleteFilter",this.selectedSavedFilter)},setAsDefault(){this.$root.$emit("defaultFilter",this.selectedSavedFilter)},copyFilterState(){let e=this.$store.state.selectedSavedFilter&&this.$store.state.selectedSavedFilter.state;e&&(navigator.clipboard.writeText(e),this.copied=!0,setTimeout(()=>this.copied=!1,2500))},optionStyle:e=>e.default?{fontWeight:"bold"}:{color:"#c8c8c8"}}},"data-v-2788cf45",!1,void 0,!1,W,void 0,void 0),qA={functional:!0,render(e,t){let{_c:r,_v:n,data:i,children:a=[]}=t,{class:s,staticClass:o,style:l,staticStyle:c,attrs:u={},...d}=i;return r("svg",{class:[s,o],style:[l,c],attrs:Object.assign({viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},u),...d},a.concat([r("path",{attrs:{d:"M7.75 0a7.751 7.751 0 000 15.5 7.75 7.75 0 100-15.5zm0 3.438a1.313 1.313 0 110 2.625 1.313 1.313 0 010-2.625zm1.75 7.937a.375.375 0 01-.375.375h-2.75A.375.375 0 016 11.375v-.75c0-.207.168-.375.375-.375h.375v-2h-.375A.375.375 0 016 7.875v-.75c0-.207.168-.375.375-.375h2c.207 0 .375.168.375.375v3.125h.375c.207 0 .375.168.375.375v.75z"}})]))}},Hme=H({render:function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("div",{staticClass:"instructions"},[r("button",{staticClass:"instructions__icon",attrs:{type:"button"},on:{click:e.toggle}},[r("InfoIcon")],1),e._v(" "),e.isOpen?r("section",{staticClass:"instructions__container"},[r("div",{staticClass:"instructions__head"},[r("h1",{staticClass:"instructions__title"},[e._v("Welcome to your AppMap!")]),e._v(" "),r("button",{staticClass:"instructions__close",on:{click:e.close}},[r("CloseIcon")],1)]),e._v(" "),e._m(0),e._v(" "),r("section",{staticClass:"instructions-wrap"},[e.isViewingDependency?r("div",{staticClass:"dependency-map"},[r("h4",[e._v("Dependency map")]),e._v(" "),e._m(1),e._v(" "),e._m(2)]):e._e(),e._v(" "),e.isViewingSequence?r("div",{staticClass:"sequence"},[r("h4",[e._v("Sequence diagram")]),e._v(" "),r("ul",{staticClass:"feature-list"},[r("li",[e._v("Show details in left panel by selecting an event")]),e._v(" "),r("li",[e._v(`
+    `)])}),0):e._e()],1)},staticRenderFns:[]},function(e){e&&e("data-v-044dd038_0",{source:".filters__form[data-v-044dd038]{position:relative;flex:1;margin-left:.5rem;border-radius:.25rem;display:flex;align-items:center;height:22px;padding:0 .5rem;border:1px solid #242c41;background:#010306}.filters__form--show-suggestions[data-v-044dd038]{border-radius:.25rem .25rem 0 0}.filters__form--show-suggestions.filters__form--suggestions-top[data-v-044dd038]{border-radius:0 0 .25rem .25rem}.filters__form-input[data-v-044dd038]{flex:1;display:inline-block;vertical-align:middle;width:100%;border:0;border-radius:2px;box-shadow:none;background:0 0;font:inherit;color:inherit;outline:0}.filters__form-plus[data-v-044dd038]{flex-shrink:0;margin-left:1rem;width:1em;height:1em;fill:#606060;cursor:pointer}.filters__form-suggestions[data-v-044dd038]{display:none;position:absolute;top:100%;left:0;right:0;border-radius:0 0 .25rem .25rem;border:1px solid #242c41;margin:0;padding:0;max-height:66px;list-style:none;overflow-x:hidden;overflow-y:auto;z-index:1000;background:#010306}.filters__form--show-suggestions .filters__form-suggestions[data-v-044dd038]{display:block}.filters__form--suggestions-top .filters__form-suggestions[data-v-044dd038]{top:auto;bottom:100%;border-radius:.25rem .25rem 0 0}.filters__form-suggestions-item[data-v-044dd038]{padding:0 .5rem;height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#a0a0a0;cursor:pointer}.filters__form-suggestions-item--selected[data-v-044dd038],.filters__form-suggestions-item[data-v-044dd038]:active,.filters__form-suggestions-item[data-v-044dd038]:hover{color:#e3e5e8}",map:void 0,media:void 0})},{name:"v-filters-form",components:{PlusIcon:{functional:!0,render(e,t){let{_c:r,_v:n,data:i,children:a=[]}=t,{class:s,staticClass:o,style:l,staticStyle:c,attrs:u={},...d}=i;return r("svg",{class:[s,o],style:[l,c],attrs:Object.assign({viewBox:"0 0 14 14",xmlns:"http://www.w3.org/2000/svg"},u),...d},a.concat([r("path",{attrs:{d:"M.297 7.071a.714.714 0 01.715-.715l5.345.001V1.011a.715.715 0 111.43 0l-.002 5.346 5.346-.001a.716.716 0 010 1.43H7.785l.001 5.345a.715.715 0 01-1.43 0l.001-5.346-5.345.001a.714.714 0 01-.715-.715z"}})]))}}},props:{onSubmit:{type:Function,required:!0},placeholder:{type:String,default:""},suggestions:{type:Array,default:()=>[]},suggestionsPlacement:{type:String,default:"bottom",validator:e=>["top","bottom"].indexOf(e)!==-1}},data:()=>({showSuggestions:!1,inputValue:"",selectedSuggestion:0}),watch:{selectedSuggestion:{handler(e){let t=this.$refs.suggestionsList.querySelectorAll("li")[e];t.offsetTop<this.$refs.suggestionsList.scrollTop?this.$refs.suggestionsList.scrollTop=t.offsetTop:t.offsetTop>=this.$refs.suggestionsList.scrollTop+this.$refs.suggestionsList.offsetHeight&&(this.$refs.suggestionsList.scrollTop=t.offsetTop-2*t.offsetHeight)}}},computed:{classes(){let e=["filters__form"];return this.showSuggestions&&this.suggestionsList.length&&e.push("filters__form--show-suggestions"),this.suggestionsPlacement==="top"&&e.push("filters__form--suggestions-top"),e},suggestionsList(){return this.inputValue?this.suggestions.filter(e=>e.toLowerCase().includes(this.inputValue.toLowerCase())):this.suggestions}},methods:{getSuggestionClasses(e){let t=["filters__form-suggestions-item"];return e===this.selectedSuggestion&&t.push("filters__form-suggestions-item--selected"),t},onInputFocus(){this.showSuggestions=!0,this.selectedSuggestion=0},onFormSubmit(){this.$refs.input===window.document.activeElement&&this.showSuggestions&&this.suggestionsList.length&&(this.inputValue=this.suggestionsList[this.selectedSuggestion]);let e=this.inputValue.trim();this.showSuggestions=!1,this.inputValue="",e?(this.showSuggestions=!1,this.onSubmit(e)):this.showSuggestions=!0},makeSelection(e){this.inputValue=e.target.textContent,this.onFormSubmit()},onWindowClick(e){hr(e.target,this.$el)||(this.showSuggestions=!1)},onWindowKeyUp(e){if(this.$refs.input===window.document.activeElement)switch(e.key){case"Escape":this.showSuggestions=!1;break;case"ArrowDown":this.selectedSuggestion!==this.suggestionsList.length-1&&(this.selectedSuggestion+=1);break;case"ArrowUp":this.selectedSuggestion!==0&&(this.selectedSuggestion-=1)}}},created(){window.addEventListener("click",this.onWindowClick),window.addEventListener("keyup",this.onWindowKeyUp,!0)},destroyed(){window.removeEventListener("click",this.onWindowClick),window.removeEventListener("keyup",this.onWindowKeyUp,!0)}},"data-v-044dd038",!1,void 0,!1,W,void 0,void 0),CheckIcon:v9,CloseThinIcon:$A,FilterIcon:XA,ResetIcon:r9},props:{filteredAppMap:{type:Object,required:!0}},data:()=>({copied:!1,newFilterName:""}),computed:{filters(){return this.$store.state.filters},savedFilters(){return this.$store.state.savedFilters},selectedSavedFilter:{get(){return this.$store.state.selectedSavedFilter},set(e){this.$store.commit(Nl,e)}},limitRootEvents:{get(){return this.$store.state.filters.declutter.limitRootEvents.on},set(e){this.$store.commit($t,{declutterProperty:"limitRootEvents",value:e})}},hideMediaRequests:{get(){return this.$store.state.filters.declutter.hideMediaRequests.on},set(e){this.$store.commit($t,{declutterProperty:"hideMediaRequests",value:e})}},hideUnlabeled:{get(){return this.$store.state.filters.declutter.hideUnlabeled.on},set(e){this.$store.commit($t,{declutterProperty:"hideUnlabeled",value:e})}},hideExternal:{get(){return this.$store.state.filters.declutter.hideExternalPaths.on},set(e){this.$store.commit($t,{declutterProperty:"hideExternalPaths",value:e})}},hideElapsedTimeUnder:{get(){return this.$store.state.filters.declutter.hideElapsedTimeUnder.on},set(e){this.$store.commit($t,{declutterProperty:"hideElapsedTimeUnder",value:e})}},hideElapsedTime:{get(){return this.$store.state.filters.declutter.hideElapsedTimeUnder.time},set(e){this.$store.commit(XM,e)}},hideName:{get(){return this.$store.state.filters.declutter.hideName.on},set(e){this.$store.commit($t,{declutterProperty:"hideName",value:e})}},hiddenNames(){return this.$store.state.filters.declutter.hideName.names},rootObjectsSuggestions(){return this.$store.state.appMap.classMap.codeObjects.map(e=>e.fqid).filter(e=>!this.filters.rootObjects.includes(e))},hideNamesSuggestions(){return this.filteredAppMap.classMap.codeObjects.map(e=>e.fqid).filter(e=>!this.filters.declutter.hideName.names.includes(e))},hideExternalSupported(){let{appMap:e}=this.$store.state;return e.metadata&&e.metadata.language&&["ruby","javascript"].includes(e.metadata.language.name)},defaultButtonClass(){return"filters__button"+(this.selectedSavedFilter&&this.selectedSavedFilter.default?"-disabled":"")},deleteButtonClass(){return"filters__button"+(this.selectedSavedFilter&&this.selectedSavedFilter.filterName===Tl?"-disabled":"")}},methods:{resetFilters(){this.$store.commit(JA)},addRootObject(e){this.$store.commit(WA,e)},removeRootObject(e){this.$store.commit(ZA,e)},addHiddenName(e){this.$store.commit(Sf,e)},removeHiddenName(e){this.$store.commit(_M,e),this.filters.declutter.hideName.names.length===0&&this.$store.commit($t,{declutterProperty:"hideName",value:!1})},saveFilter(){let e=this.newFilterName.trim();if(this.newFilterName.trim()===""||this.newFilterName===Tl)return void(this.newFilterName="");let t=(0,Q.serializeFilter)(this.filters),r={filterName:e,state:(0,Q.base64UrlEncode)(JSON.stringify({filters:t})),default:!1};this.$store.commit(Nl,r),this.$root.$emit("saveFilter",r),this.newFilterName=""},applyFilter(){this.$emit("setState",this.selectedSavedFilter.state)},deleteFilter(){this.selectedSavedFilter.filterName!==Tl&&this.$root.$emit("deleteFilter",this.selectedSavedFilter)},setAsDefault(){this.$root.$emit("defaultFilter",this.selectedSavedFilter)},copyFilterState(){let e=this.$store.state.selectedSavedFilter&&this.$store.state.selectedSavedFilter.state;e&&(navigator.clipboard.writeText(e),this.copied=!0,setTimeout(()=>this.copied=!1,2500))},optionStyle:e=>e.default?{fontWeight:"bold"}:{color:"#c8c8c8"}}},"data-v-5f91a30c",!1,void 0,!1,W,void 0,void 0),qA={functional:!0,render(e,t){let{_c:r,_v:n,data:i,children:a=[]}=t,{class:s,staticClass:o,style:l,staticStyle:c,attrs:u={},...d}=i;return r("svg",{class:[s,o],style:[l,c],attrs:Object.assign({viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg"},u),...d},a.concat([r("path",{attrs:{d:"M7.75 0a7.751 7.751 0 000 15.5 7.75 7.75 0 100-15.5zm0 3.438a1.313 1.313 0 110 2.625 1.313 1.313 0 010-2.625zm1.75 7.937a.375.375 0 01-.375.375h-2.75A.375.375 0 016 11.375v-.75c0-.207.168-.375.375-.375h.375v-2h-.375A.375.375 0 016 7.875v-.75c0-.207.168-.375.375-.375h2c.207 0 .375.168.375.375v3.125h.375c.207 0 .375.168.375.375v.75z"}})]))}},Hme=H({render:function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("div",{staticClass:"instructions"},[r("button",{staticClass:"instructions__icon",attrs:{type:"button"},on:{click:e.toggle}},[r("InfoIcon")],1),e._v(" "),e.isOpen?r("section",{staticClass:"instructions__container"},[r("div",{staticClass:"instructions__head"},[r("h1",{staticClass:"instructions__title"},[e._v("Welcome to your AppMap!")]),e._v(" "),r("button",{staticClass:"instructions__close",on:{click:e.close}},[r("CloseIcon")],1)]),e._v(" "),e._m(0),e._v(" "),r("section",{staticClass:"instructions-wrap"},[e.isViewingDependency?r("div",{staticClass:"dependency-map"},[r("h4",[e._v("Dependency map")]),e._v(" "),e._m(1),e._v(" "),e._m(2)]):e._e(),e._v(" "),e.isViewingSequence?r("div",{staticClass:"sequence"},[r("h4",[e._v("Sequence diagram")]),e._v(" "),r("ul",{staticClass:"feature-list"},[r("li",[e._v("Show details in left panel by selecting an event")]),e._v(" "),r("li",[e._v(`
             Expand and collapse sections with the
             `),r("span",{staticClass:"icons"},[r("ExpandSection"),e._v(" "),r("CollapseSection")],1),e._v(`
             icons