@pennsieve-viz/tsviewer 1.0.0

package/dist/TSAnnotationModal-BcqWVXP_.js

@@ -0,0 +1,199 @@
+import { defineAsyncComponent as q, ref as r, watch as b, computed as m, resolveComponent as v, createBlock as g, openBlock as c, withCtx as f, createElementVNode as n, createVNode as d, unref as i, createElementBlock as k, Fragment as C, renderList as M, createTextVNode as T, toDisplayString as U } from "vue";
+import { g as G, u as J, p as x } from "./index-Cexzl5Xu.js";
+import { storeToRefs as K } from "pinia";
+import { I as Q } from "./IconSelection-Bud2XLOy.js";
+const X = { slot: "body" }, Z = { class: "select-wrapper" }, ee = { class: "range-type-selector" }, le = { class: "select-wrapper" }, te = { class: "description-wrapper" }, ae = { slot: "footer" }, ne = { class: "button-wrapper" }, oe = { class: "channels-selected" }, se = { class: "buttons" }, re = {
+  __name: "TSAnnotationModal",
+  props: {
+    visible: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["closeWindow", "createUpdateAnnotation"],
+  setup(B, { emit: I }) {
+    const E = q(() => import("./BFLibraryButton-C6aAhW1T.js")), V = B, p = r(!1);
+    b(() => V.visible, (o) => {
+      if (p.value = o, !o) return;
+      const l = e.value.start / 1e3, u = e.value.end / 1e3;
+      A.value = {
+        start: e.value.start,
+        end: e.value.end
+      }, e.value.duration == 0 ? (s.value = !1, a.value = l) : (s.value = !0, a.value = [l, u]);
+    }, { immediate: !0 });
+    const _ = I, y = J(), {
+      activeAnnotation: e,
+      viewerChannels: ie,
+      viewerAnnotations: N
+    } = K(y);
+    r(null);
+    const O = r(null), R = r(!1), a = r(null), A = r({
+      start: 0,
+      end: 0
+    }), s = r(!0), D = r([
+      { value: "Event", label: "Event" },
+      { value: "Artifact", label: "Artifact" },
+      { value: "Seizure", label: "Seizure" },
+      { value: "Mark", label: "Mark" },
+      { value: "Stim On", label: "Stim On" },
+      { value: "Stim Off", label: "Stim Off" },
+      { value: "Start", label: "Start" },
+      { value: "Stop", label: "Stop" }
+    ]), F = m(() => e.value.id ? "Edit Annotation" : "Create Annotation"), L = m(() => e.value.id ? "Update" : "Create"), Y = m(() => s.value ? "datetimerange" : "datetime"), P = m(() => {
+      let o = "";
+      return e.value.allChannels ? o = "Adding to all channels" : x([], "channelIds", e.value).length == 1 ? o = "Adding to single channel" : o = `Adding to ${x([], "channelIds", e.value).length} channels`, o;
+    });
+    b(() => V.visible, (o) => {
+      if (!o) return;
+      const l = e.value.start / 1e3, u = e.value.end / 1e3;
+      A.value = {
+        start: e.value.start,
+        end: e.value.end
+      }, e.value.duration == 0 ? (s.value = !1, a.value = l) : (s.value = !0, a.value = [l, u]);
+    }), b(s, (o) => {
+      const l = e.value.start / 1e3, u = e.value.end / 1e3;
+      o ? a.value = [l, u] : (e.value.duration = 0, a.value = l);
+    });
+    const W = () => {
+      if (!e.value.layer_id) {
+        console.error("No layer selected for annotation");
+        return;
+      }
+      if (!a.value) {
+        console.error("No time range selected for annotation");
+        return;
+      }
+      if (s.value)
+        if (Array.isArray(a.value) && a.value.length >= 2)
+          e.value.start = a.value[0] * 1e3, e.value.end = a.value[1] * 1e3, e.value.duration = e.value.end - e.value.start;
+        else {
+          console.error("Invalid range value for range mode:", a.value);
+          return;
+        }
+      else if (typeof a.value == "number")
+        e.value.start = a.value * 1e3, e.value.end = a.value * 1e3, e.value.duration = 0;
+      else {
+        console.error("Invalid range value for point mode:", a.value);
+        return;
+      }
+      y.setActiveAnnotation(e.value), _("createUpdateAnnotation", e.value), S();
+    }, S = () => {
+      p.value = !1, _("closeWindow");
+    }, z = () => {
+      R.value = !1;
+    };
+    return (o, l) => {
+      const u = v("el-switch"), H = v("el-date-picker"), w = v("el-option"), h = v("el-select"), $ = v("el-input"), j = v("el-dialog");
+      return c(), g(j, {
+        class: "timeseries-annotation-modal",
+        ref: "annotation-modal",
+        title: F.value,
+        modelValue: p.value,
+        "onUpdate:modelValue": l[5] || (l[5] = (t) => {
+          p.value = t, t || _("closeWindow");
+        }),
+        onClose: S,
+        onClosed: z
+      }, {
+        default: f(() => [
+          n("div", X, [
+            n("div", Z, [
+              n("div", ee, [
+                l[6] || (l[6] = n("div", { class: "select-label" }, " Range? ", -1)),
+                d(u, {
+                  modelValue: s.value,
+                  "onUpdate:modelValue": l[0] || (l[0] = (t) => s.value = t),
+                  "active-color": "#5039F7",
+                  "inactive-color": "#CAC5BF"
+                }, null, 8, ["modelValue"])
+              ]),
+              d(H, {
+                modelValue: a.value,
+                "onUpdate:modelValue": l[1] || (l[1] = (t) => a.value = t),
+                class: "date-time-picker",
+                type: Y.value,
+                format: "YYYY-MM-DD HH:mm:ss",
+                "value-format": "x",
+                "range-separator": "To",
+                "start-placeholder": "Start date/time",
+                "end-placeholder": "End date/time"
+              }, null, 8, ["modelValue", "type"])
+            ]),
+            n("div", le, [
+              n("div", null, [
+                l[7] || (l[7] = n("div", { class: "select-label" }, " Annotation Layer ", -1)),
+                d(h, {
+                  modelValue: i(e).layer_id,
+                  "onUpdate:modelValue": l[2] || (l[2] = (t) => i(e).layer_id = t),
+                  placeholder: "Select"
+                }, {
+                  default: f(() => [
+                    (c(!0), k(C, null, M(i(N), (t) => (c(), g(w, {
+                      key: t.id,
+                      label: t.name,
+                      value: t.id
+                    }, null, 8, ["label", "value"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              n("div", null, [
+                l[8] || (l[8] = n("div", { class: "select-label" }, " Annotation Type ", -1)),
+                d(h, {
+                  modelValue: i(e).label,
+                  "onUpdate:modelValue": l[3] || (l[3] = (t) => i(e).label = t),
+                  placeholder: "Select"
+                }, {
+                  default: f(() => [
+                    (c(!0), k(C, null, M(D.value, (t) => (c(), g(w, {
+                      key: t.value,
+                      label: t.label,
+                      value: t.value
+                    }, null, 8, ["label", "value"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ])
+            ]),
+            n("div", te, [
+              l[9] || (l[9] = n("div", { class: "select-label" }, " Description ", -1)),
+              d($, {
+                ref_key: "input",
+                ref: O,
+                modelValue: i(e).description,
+                "onUpdate:modelValue": l[4] || (l[4] = (t) => i(e).description = t),
+                placeholder: "Please provide additional information...",
+                type: "textarea",
+                rows: 5
+              }, null, 8, ["modelValue"])
+            ])
+          ]),
+          n("div", ae, [
+            n("div", ne, [
+              n("div", oe, [
+                d(Q, {
+                  class: "inline-icon",
+                  height: 16,
+                  width: 16
+                }),
+                T(" " + U(P.value), 1)
+              ]),
+              n("div", se, [
+                d(i(E), { onClick: W }, {
+                  default: f(() => [
+                    T(U(L.value), 1)
+                  ]),
+                  _: 1
+                })
+              ])
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["title", "modelValue"]);
+    };
+  }
+}, pe = /* @__PURE__ */ G(re, [["__scopeId", "data-v-d74b3ef8"]]);
+export {
+  pe as default
+};

package/dist/TSAnnotationModal-DskdoFo4.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),u=require("./index-CGSfhm_E.cjs"),U=require("pinia"),I=require("./IconSelection-DGTELjPb.cjs"),O={slot:"body"},q={class:"select-wrapper"},D={class:"range-type-selector"},F={class:"select-wrapper"},L={class:"description-wrapper"},P={slot:"footer"},R={class:"button-wrapper"},Y={class:"channels-selected"},W={class:"buttons"},z={__name:"TSAnnotationModal",props:{visible:{type:Boolean,default:!1}},emits:["closeWindow","createUpdateAnnotation"],setup(_,{emit:b}){const g=e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./BFLibraryButton-BiLkvU6m.cjs"))),c=_,i=e.ref(!1);e.watch(()=>c.visible,n=>{if(i.value=n,!n)return;const l=t.value.start/1e3,s=t.value.end/1e3;p.value={start:t.value.start,end:t.value.end},t.value.duration==0?(r.value=!1,o.value=l):(r.value=!0,o.value=[l,s])},{immediate:!0});const d=b,v=u.useViewerStore(),{activeAnnotation:t,viewerChannels:j,viewerAnnotations:N}=U.storeToRefs(v);e.ref(null);const y=e.ref(null),S=e.ref(!1),o=e.ref(null),p=e.ref({start:0,end:0}),r=e.ref(!0),h=e.ref([{value:"Event",label:"Event"},{value:"Artifact",label:"Artifact"},{value:"Seizure",label:"Seizure"},{value:"Mark",label:"Mark"},{value:"Stim On",label:"Stim On"},{value:"Stim Off",label:"Stim Off"},{value:"Start",label:"Start"},{value:"Stop",label:"Stop"}]),w=e.computed(()=>t.value.id?"Edit Annotation":"Create Annotation"),A=e.computed(()=>t.value.id?"Update":"Create"),C=e.computed(()=>r.value?"datetimerange":"datetime"),E=e.computed(()=>{let n="";return t.value.allChannels?n="Adding to all channels":u.propOr([],"channelIds",t.value).length==1?n="Adding to single channel":n=`Adding to ${u.propOr([],"channelIds",t.value).length} channels`,n});e.watch(()=>c.visible,n=>{if(!n)return;const l=t.value.start/1e3,s=t.value.end/1e3;p.value={start:t.value.start,end:t.value.end},t.value.duration==0?(r.value=!1,o.value=l):(r.value=!0,o.value=[l,s])}),e.watch(r,n=>{const l=t.value.start/1e3,s=t.value.end/1e3;n?o.value=[l,s]:(t.value.duration=0,o.value=l)});const k=()=>{if(!t.value.layer_id){console.error("No layer selected for annotation");return}if(!o.value){console.error("No time range selected for annotation");return}if(r.value)if(Array.isArray(o.value)&&o.value.length>=2)t.value.start=o.value[0]*1e3,t.value.end=o.value[1]*1e3,t.value.duration=t.value.end-t.value.start;else{console.error("Invalid range value for range mode:",o.value);return}else if(typeof o.value=="number")t.value.start=o.value*1e3,t.value.end=o.value*1e3,t.value.duration=0;else{console.error("Invalid range value for point mode:",o.value);return}v.setActiveAnnotation(t.value),d("createUpdateAnnotation",t.value),m()},m=()=>{i.value=!1,d("closeWindow")},B=()=>{S.value=!1};return(n,l)=>{const s=e.resolveComponent("el-switch"),M=e.resolveComponent("el-date-picker"),f=e.resolveComponent("el-option"),V=e.resolveComponent("el-select"),x=e.resolveComponent("el-input"),T=e.resolveComponent("el-dialog");return e.openBlock(),e.createBlock(T,{class:"timeseries-annotation-modal",ref:"annotation-modal",title:w.value,modelValue:i.value,"onUpdate:modelValue":l[5]||(l[5]=a=>{i.value=a,a||d("closeWindow")}),onClose:m,onClosed:B},{default:e.withCtx(()=>[e.createElementVNode("div",O,[e.createElementVNode("div",q,[e.createElementVNode("div",D,[l[6]||(l[6]=e.createElementVNode("div",{class:"select-label"}," Range? ",-1)),e.createVNode(s,{modelValue:r.value,"onUpdate:modelValue":l[0]||(l[0]=a=>r.value=a),"active-color":"#5039F7","inactive-color":"#CAC5BF"},null,8,["modelValue"])]),e.createVNode(M,{modelValue:o.value,"onUpdate:modelValue":l[1]||(l[1]=a=>o.value=a),class:"date-time-picker",type:C.value,format:"YYYY-MM-DD HH:mm:ss","value-format":"x","range-separator":"To","start-placeholder":"Start date/time","end-placeholder":"End date/time"},null,8,["modelValue","type"])]),e.createElementVNode("div",F,[e.createElementVNode("div",null,[l[7]||(l[7]=e.createElementVNode("div",{class:"select-label"}," Annotation Layer ",-1)),e.createVNode(V,{modelValue:e.unref(t).layer_id,"onUpdate:modelValue":l[2]||(l[2]=a=>e.unref(t).layer_id=a),placeholder:"Select"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(N),a=>(e.openBlock(),e.createBlock(f,{key:a.id,label:a.name,value:a.id},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])]),e.createElementVNode("div",null,[l[8]||(l[8]=e.createElementVNode("div",{class:"select-label"}," Annotation Type ",-1)),e.createVNode(V,{modelValue:e.unref(t).label,"onUpdate:modelValue":l[3]||(l[3]=a=>e.unref(t).label=a),placeholder:"Select"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value,a=>(e.openBlock(),e.createBlock(f,{key:a.value,label:a.label,value:a.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])])]),e.createElementVNode("div",L,[l[9]||(l[9]=e.createElementVNode("div",{class:"select-label"}," Description ",-1)),e.createVNode(x,{ref_key:"input",ref:y,modelValue:e.unref(t).description,"onUpdate:modelValue":l[4]||(l[4]=a=>e.unref(t).description=a),placeholder:"Please provide additional information...",type:"textarea",rows:5},null,8,["modelValue"])])]),e.createElementVNode("div",P,[e.createElementVNode("div",R,[e.createElementVNode("div",Y,[e.createVNode(I.IconSelection,{class:"inline-icon",height:16,width:16}),e.createTextVNode(" "+e.toDisplayString(E.value),1)]),e.createElementVNode("div",W,[e.createVNode(e.unref(g),{onClick:k},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(A.value),1)]),_:1})])])])]),_:1},8,["title","modelValue"])}}},H=u._export_sfc(z,[["__scopeId","data-v-d74b3ef8"]]);exports.default=H;

package/dist/TSFilterModal-BtLOK_nq.js

@@ -0,0 +1,233 @@
+import { I as F } from "./IconSelection-Bud2XLOy.js";
+import { resolveComponent as s, createBlock as c, openBlock as o, withCtx as r, createElementVNode as a, createVNode as u, createElementBlock as i, toDisplayString as d, createTextVNode as p, createCommentVNode as h, Fragment as v, renderList as g } from "vue";
+import { g as y } from "./index-Cexzl5Xu.js";
+const k = {
+  name: "TimeseriesFilterModal",
+  components: {
+    "bf-library-button": () => import("./BFLibraryButton-C6aAhW1T.js"),
+    IconSelection: F
+  },
+  mixins: [],
+  watch: {},
+  computed: {
+    computeVisible0: function() {
+      switch (this.selectedFilter) {
+        case "lowpass":
+          return !0;
+        case "highpass":
+          return !0;
+        case "bandpass":
+          return !0;
+        default:
+          return !1;
+      }
+    },
+    onSingleChannel: function() {
+      return this.onChannels.length == 1;
+    },
+    selectedChannels: function() {
+      return this.onChannels.length;
+    },
+    computeVisible1: function() {
+      switch (this.selectedFilter) {
+        case "lowpass":
+          return !1;
+        case "highpass":
+          return !1;
+        case "bandpass":
+          return !0;
+        default:
+          return !1;
+      }
+    },
+    computeVisible2: function() {
+      switch (this.selectedFilter) {
+        case "bandstop":
+          return !0;
+        default:
+          return !1;
+      }
+    },
+    computePlaceholder1: function(l) {
+      switch (this.selectedFilter) {
+        case "lowpass":
+          return "Low Pass Cutoff Frequency (Hz)";
+        case "highpass":
+          return "High Pass Cutoff Frequency (Hz)";
+        case "bandpass":
+          return "Low Pass Cutoff Frequency (Hz)";
+        default:
+          return "";
+      }
+    },
+    computePlaceholder2: function(l) {
+      switch (this.selectedFilter) {
+        case "bandpass":
+          return "High Pass Cutoff Frequency (Hz)";
+        default:
+          return "";
+      }
+    }
+  },
+  props: {
+    visible: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  data: function() {
+    return {
+      selectedFilter: null,
+      filterOptions: [
+        {
+          label: "No Filter",
+          value: "clear"
+        },
+        {
+          label: "Low Pass",
+          value: "lowpass"
+        },
+        {
+          label: "High Pass",
+          value: "highpass"
+        },
+        {
+          label: "Band Pass",
+          value: "bandpass"
+        },
+        {
+          label: "Notch",
+          value: "bandstop"
+        }
+      ],
+      selectedNotch: null,
+      notchOptions: [
+        {
+          label: "50Hz",
+          value: 50
+        },
+        {
+          label: "60Hz",
+          value: 60
+        }
+      ],
+      input0: null,
+      input1: null,
+      onChannels: []
+    };
+  },
+  methods: {
+    close: function() {
+      this.$emit("closeWindow");
+    },
+    handleChange: function() {
+    },
+    onButtonClick: function() {
+    },
+    submitForm: function(l) {
+      this.$emit("closeWindow");
+    }
+  }
+}, S = { slot: "body" }, P = { class: "select-wrapper" }, H = {
+  key: 0,
+  class: "filter-input-wrapper"
+}, N = {
+  key: 1,
+  class: "filter-input-wrapper"
+}, I = { slot: "footer" }, z = { class: "button-wrapper" }, B = { class: "channels-selected" }, U = { key: 0 }, q = { key: 1 }, L = { class: "buttons" };
+function O(l, t, f, T, A, n) {
+  const m = s("el-option"), b = s("el-select"), _ = s("el-input-number"), C = s("IconSelection"), V = s("bf-library-button"), w = s("el-dialog");
+  return o(), c(w, {
+    class: "timeseries-filter-modal",
+    ref: "filter-modal",
+    title: "Set Filter",
+    modelValue: f.visible,
+    "onUpdate:modelValue": t[4] || (t[4] = (e) => f.visible = e),
+    onClose: n.close
+  }, {
+    default: r(() => [
+      a("div", S, [
+        a("div", P, [
+          u(b, {
+            modelValue: l.selectedFilter,
+            "onUpdate:modelValue": t[0] || (t[0] = (e) => l.selectedFilter = e),
+            placeholder: "Select"
+          }, {
+            default: r(() => [
+              (o(!0), i(v, null, g(l.filterOptions, (e) => (o(), c(m, {
+                key: e.value,
+                label: e.label,
+                value: e.value
+              }, null, 8, ["label", "value"]))), 128))
+            ]),
+            _: 1
+          }, 8, ["modelValue"]),
+          n.computeVisible0 ? (o(), i("div", H, [
+            p(d(n.computePlaceholder1) + " ", 1),
+            u(_, {
+              class: "filterInput",
+              modelValue: l.input0,
+              "onUpdate:modelValue": t[1] || (t[1] = (e) => l.input0 = e),
+              "controls-position": "right",
+              precision: 2,
+              onChange: n.handleChange
+            }, null, 8, ["modelValue", "onChange"])
+          ])) : h("", !0),
+          n.computeVisible1 ? (o(), i("div", N, [
+            p(d(n.computePlaceholder2) + " ", 1),
+            u(_, {
+              class: "filterInput",
+              modelValue: l.input1,
+              "onUpdate:modelValue": t[2] || (t[2] = (e) => l.input1 = e),
+              "controls-position": "right",
+              precision: 2,
+              onChange: n.handleChange
+            }, null, 8, ["modelValue", "onChange"])
+          ])) : h("", !0),
+          n.computeVisible2 ? (o(), c(b, {
+            key: 2,
+            modelValue: l.selectedNotch,
+            "onUpdate:modelValue": t[3] || (t[3] = (e) => l.selectedNotch = e),
+            placeholder: "Select",
+            class: "filter-input-wrapper"
+          }, {
+            default: r(() => [
+              (o(!0), i(v, null, g(l.notchOptions, (e) => (o(), c(m, {
+                key: e.value,
+                label: e.label,
+                value: e.value
+              }, null, 8, ["label", "value"]))), 128))
+            ]),
+            _: 1
+          }, 8, ["modelValue"])) : h("", !0)
+        ])
+      ])
+    ]),
+    footer: r(() => [
+      a("div", I, [
+        a("div", z, [
+          a("div", B, [
+            u(C, {
+              height: 24,
+              width: 24
+            }),
+            n.onSingleChannel ? (o(), i("div", U, " Adding to single channel ")) : (o(), i("div", q, " Adding to " + d(n.selectedChannels) + " Selected Channels ", 1))
+          ]),
+          a("div", L, [
+            u(V, { onClick: n.submitForm }, {
+              default: r(() => [...t[5] || (t[5] = [
+                p("Set Filter ", -1)
+              ])]),
+              _: 1
+            }, 8, ["onClick"])
+          ])
+        ])
+      ])
+    ]),
+    _: 1
+  }, 8, ["modelValue", "onClose"]);
+}
+const D = /* @__PURE__ */ y(k, [["render", O], ["__scopeId", "data-v-7546755f"]]);
+export {
+  D as default
+};

package/dist/TSFilterModal-DEOWfIi6.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./IconSelection-DGTELjPb.cjs"),e=require("vue"),m=require("./index-CGSfhm_E.cjs"),h={name:"TimeseriesFilterModal",components:{"bf-library-button":()=>Promise.resolve().then(()=>require("./BFLibraryButton-BiLkvU6m.cjs")),IconSelection:p.IconSelection},mixins:[],watch:{},computed:{computeVisible0:function(){switch(this.selectedFilter){case"lowpass":return!0;case"highpass":return!0;case"bandpass":return!0;default:return!1}},onSingleChannel:function(){return this.onChannels.length==1},selectedChannels:function(){return this.onChannels.length},computeVisible1:function(){switch(this.selectedFilter){case"lowpass":return!1;case"highpass":return!1;case"bandpass":return!0;default:return!1}},computeVisible2:function(){switch(this.selectedFilter){case"bandstop":return!0;default:return!1}},computePlaceholder1:function(l){switch(this.selectedFilter){case"lowpass":return"Low Pass Cutoff Frequency (Hz)";case"highpass":return"High Pass Cutoff Frequency (Hz)";case"bandpass":return"Low Pass Cutoff Frequency (Hz)";default:return""}},computePlaceholder2:function(l){switch(this.selectedFilter){case"bandpass":return"High Pass Cutoff Frequency (Hz)";default:return""}}},props:{visible:{type:Boolean,default:!1}},data:function(){return{selectedFilter:null,filterOptions:[{label:"No Filter",value:"clear"},{label:"Low Pass",value:"lowpass"},{label:"High Pass",value:"highpass"},{label:"Band Pass",value:"bandpass"},{label:"Notch",value:"bandstop"}],selectedNotch:null,notchOptions:[{label:"50Hz",value:50},{label:"60Hz",value:60}],input0:null,input1:null,onChannels:[]}},methods:{close:function(){this.$emit("closeWindow")},handleChange:function(){},onButtonClick:function(){},submitForm:function(l){this.$emit("closeWindow")}}},f={slot:"body"},b={class:"select-wrapper"},v={key:0,class:"filter-input-wrapper"},C={key:1,class:"filter-input-wrapper"},V={slot:"footer"},g={class:"button-wrapper"},_={class:"channels-selected"},k={key:0},w={key:1},B={class:"buttons"};function N(l,n,s,F,S,o){const a=e.resolveComponent("el-option"),r=e.resolveComponent("el-select"),i=e.resolveComponent("el-input-number"),c=e.resolveComponent("IconSelection"),u=e.resolveComponent("bf-library-button"),d=e.resolveComponent("el-dialog");return e.openBlock(),e.createBlock(d,{class:"timeseries-filter-modal",ref:"filter-modal",title:"Set Filter",modelValue:s.visible,"onUpdate:modelValue":n[4]||(n[4]=t=>s.visible=t),onClose:o.close},{default:e.withCtx(()=>[e.createElementVNode("div",f,[e.createElementVNode("div",b,[e.createVNode(r,{modelValue:l.selectedFilter,"onUpdate:modelValue":n[0]||(n[0]=t=>l.selectedFilter=t),placeholder:"Select"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.filterOptions,t=>(e.openBlock(),e.createBlock(a,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue"]),o.computeVisible0?(e.openBlock(),e.createElementBlock("div",v,[e.createTextVNode(e.toDisplayString(o.computePlaceholder1)+" ",1),e.createVNode(i,{class:"filterInput",modelValue:l.input0,"onUpdate:modelValue":n[1]||(n[1]=t=>l.input0=t),"controls-position":"right",precision:2,onChange:o.handleChange},null,8,["modelValue","onChange"])])):e.createCommentVNode("",!0),o.computeVisible1?(e.openBlock(),e.createElementBlock("div",C,[e.createTextVNode(e.toDisplayString(o.computePlaceholder2)+" ",1),e.createVNode(i,{class:"filterInput",modelValue:l.input1,"onUpdate:modelValue":n[2]||(n[2]=t=>l.input1=t),"controls-position":"right",precision:2,onChange:o.handleChange},null,8,["modelValue","onChange"])])):e.createCommentVNode("",!0),o.computeVisible2?(e.openBlock(),e.createBlock(r,{key:2,modelValue:l.selectedNotch,"onUpdate:modelValue":n[3]||(n[3]=t=>l.selectedNotch=t),placeholder:"Select",class:"filter-input-wrapper"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.notchOptions,t=>(e.openBlock(),e.createBlock(a,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])):e.createCommentVNode("",!0)])])]),footer:e.withCtx(()=>[e.createElementVNode("div",V,[e.createElementVNode("div",g,[e.createElementVNode("div",_,[e.createVNode(c,{height:24,width:24}),o.onSingleChannel?(e.openBlock(),e.createElementBlock("div",k," Adding to single channel ")):(e.openBlock(),e.createElementBlock("div",w," Adding to "+e.toDisplayString(o.selectedChannels)+" Selected Channels ",1))]),e.createElementVNode("div",B,[e.createVNode(u,{onClick:o.submitForm},{default:e.withCtx(()=>[...n[5]||(n[5]=[e.createTextVNode("Set Filter ",-1)])]),_:1},8,["onClick"])])])])]),_:1},8,["modelValue","onClose"])}const y=m._export_sfc(h,[["render",N],["__scopeId","data-v-7546755f"]]);exports.default=y;