fluency-v8-components 1.7.0 → 1.7.2

package/dist/{index.es-lCJ9d2up.mjs → index.es-BVtr1w7l.mjs}

@@ -1,4 +1,4 @@
-import { c as Da, _ as Va, g as il } from "./index-Dn9PcLrp.mjs";
+import { c as Da, _ as Va, g as il } from "./index-CEQyB0DW.mjs";
 var fn = {}, cn = {}, cr, vn;
 function Q() {
   if (vn) return cr;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fluency-v8-components",
-  "version": "1.7.0",
+  "version": "1.7.2",
   "main": "dist/fluency-v8-components.umd.js",
   "module": "dist/fluency-v8-components.es.js",
   "types": "dist/index.d.ts",

package/src/components/charts/RangeSlider.vue

@@ -1,4 +1,7 @@
 <template>
+  <div class="text-sm">
+    <span>{{ events }} Events in Selected Range</span>
+  </div>
   <div
     :id="chartID"
     class="rangeslider-container"
@@ -14,6 +17,7 @@ import { scaleLinear, scaleTime } from 'd3-scale'
 import { pointer, select } from 'd3-selection'
 import { timeHour } from 'd3-time'
 import { timeFormat } from 'd3-time-format'
+import { humanCount } from '@/utils/formatOutput'
 
 const ONE_HOUR_MS = 60 * 60 * 1000;
 const ONE_DAY_MS = 24 * 60 * 60 * 1000;
@@ -77,6 +81,15 @@ export default {
     isDark () {
       return this.theme === "dark"
     },
+    events () {
+      return humanCount(this.chartData.reduce((total, d) => {
+        const time = d[0]
+        if (time >= this.start && time <= this.end) {
+          return total + d[1]
+        }
+        return total
+      }, 0))
+    }
   },
   watch: {
     chartData () {

package/src/components/dialogs/NameDescDialog.vue

@@ -7,6 +7,7 @@
       <FormCol fieldName="Description">
         <GreyInput v-model="entry.description" />
       </FormCol>
+      <slot name="extra" /> <!-- Slot for extra content -->
     </template>
     <template #footer>
       <SubmitButtons