@juspay/svelte-ui-components 2.100.1 → 2.101.0

package/dist/BarChart/BarChart.svelte

@@ -641,7 +641,25 @@
       right: dims.margin.right,
       bottom: dims.margin.bottom,
       left: dims.margin.left
-    }
+    },
+    bars: bars.map((bar, index) => {
+      // barLabels is index-aligned with bars (both derive from the same list);
+      // fall back to the bar's top-centre when value labels are hidden.
+      const barLabel = barLabels[index];
+      return {
+        index,
+        seriesIndex: bar.si,
+        pointIndex: bar.pi,
+        x: bar.x,
+        y: bar.y,
+        width: bar.width,
+        height: bar.height,
+        value: bar.dataPoint.value,
+        label: bar.dataPoint.label ?? '',
+        labelX: barLabel ? barLabel.p.x : bar.x + bar.width / 2,
+        labelY: barLabel ? barLabel.p.y : bar.y
+      };
+    })
   });
 
   // ── Interactions ───────────────────────────────────────────────

package/dist/BarChart/properties.d.ts

@@ -47,6 +47,36 @@ export type BarChartSeries = {
     /** Series-level fill: plain color, pattern, or gradient. */
     color?: BarFill;
 };
+/**
+ * Geometry for a single rendered bar, in inner (post-margin) coordinates — the
+ * same space the overlay `<g>` draws in, so values map 1:1 without re-applying
+ * the margin. `labelX`/`labelY` are the value-label anchor when `showValues` is
+ * on, otherwise the bar's top-centre.
+ */
+export type BarChartBarPosition = {
+    /** Zero-based index in render order. */
+    index: number;
+    /** Series index (0-based). */
+    seriesIndex: number;
+    /** Category / point index (0-based). */
+    pointIndex: number;
+    /** Bar rectangle x (left edge). */
+    x: number;
+    /** Bar rectangle y (top edge). */
+    y: number;
+    /** Bar rectangle width. */
+    width: number;
+    /** Bar rectangle height. */
+    height: number;
+    /** The datum's numeric value. */
+    value: number;
+    /** The datum's category label. */
+    label: string;
+    /** Value-label anchor x. */
+    labelX: number;
+    /** Value-label anchor y. */
+    labelY: number;
+};
 export type BarChartRenderContext = {
     /** Inner drawing width (pixels) */
     innerWidth: number;
@@ -65,6 +95,12 @@ export type BarChartRenderContext = {
         bottom: number;
         left: number;
     };
+    /**
+     * Per-bar geometry in render order. Lets an overlay anchor annotations
+     * (e.g. an icon above the first funnel step's value) to a specific bar
+     * without re-deriving the band scale from innerWidth.
+     */
+    bars: BarChartBarPosition[];
 };
 export type BarChartProperties = OptionalBarChartProperties & BarChartEventProperties;
 export type OptionalBarChartProperties = {

package/dist/FileInput/FileInput.svelte

@@ -15,11 +15,22 @@
 
   let dragOver = $state(false);
   let inputEl: HTMLInputElement | null = $state(null);
+  let pickerBusy = false;
 
   export const openFilePicker = (): void => {
-    if (!disabled) {
-      inputEl?.click();
+    if (disabled || pickerBusy) {
+      return;
     }
+    // Idempotent within one click dispatch: if an inner trigger control wires
+    // openFilePicker AND the wrapper's own onclick fires for the same user click,
+    // the second call is a no-op (guarding against a double-open). Released on the
+    // next microtask — after the whole click has finished bubbling — so a genuinely
+    // separate later click still opens the picker.
+    pickerBusy = true;
+    inputEl?.click();
+    queueMicrotask(() => {
+      pickerBusy = false;
+    });
   };
 
   function isAccepted(file: File): boolean {
@@ -107,6 +118,20 @@
       openFilePicker();
     }
   }
+
+  function handleClick(event: MouseEvent): void {
+    if (disabled) {
+      return;
+    }
+    // openFilePicker() calls inputEl.click(), whose click bubbles back up to this
+    // wrapper — ignore it so we don't re-enter openFilePicker in a loop. Consumers
+    // whose trigger already wires openFilePicker on an inner control should NOT also
+    // rely on this handler (it would double-open); clicking the trigger is enough.
+    if (event.target === inputEl) {
+      return;
+    }
+    openFilePicker();
+  }
 </script>
 
 <div
@@ -121,6 +146,7 @@
   ondragleave={handleDragLeave}
   ondrop={handleDrop}
   onkeydown={handleKeyDown}
+  onclick={handleClick}
 >
   <input
     bind:this={inputEl}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@juspay/svelte-ui-components",
-  "version": "2.100.1",
+  "version": "2.101.0",
   "description": "A themeable Svelte 5 UI component library with CSS custom property driven styling",
   "keywords": [
     "svelte",