@squadbase/vantage 0.7.1-dev1.9737835 → 0.7.1-dev1.bb6bd72

package/dist/{chunk-SC7K2RD6.js → chunk-I2GWIPTD.js}

@@ -1,13 +1,13 @@
-import { ChartFrameContext, useChartSurface, resolveChartColors, resolveFillColors, EChart, CHART_OTHER_COLOR } from './chunk-EG4PX726.js';
-import { Sparkline } from './chunk-P2KIHF65.js';
+import { ChartFrameContext, useChartSurface, resolveChartColors, resolveFillColors, EChart, CHART_OTHER_COLOR } from './chunk-GWXKENNH.js';
+import { Sparkline } from './chunk-U6MWBCM6.js';
 import { formatDateRange, EMPTY_VALUE, toValueFormatter, formatDate, formatValue, formatPoints, formatKind, formatDelta, MINUS_SIGN, DEFAULT_LOCALE, formatDatesInText } from './chunk-XRKSIC5Z.js';
-import { Tooltip, TooltipTrigger, TooltipContent, Badge, SidebarProvider, Sidebar, SidebarContent, SidebarGroup, SidebarGroupLabel, SidebarMenu, SidebarFooter, SidebarRail, SidebarInset, SidebarTrigger, Separator, Input, Table, TableHeader, TableRow, TableHead, TableBody, TableCell, Skeleton, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuCheckboxItem, useIsMobile, Popover, PopoverTrigger, PopoverContent, Calendar, ToggleGroup, ToggleGroupItem, SelectGroup, SelectLabel, Collapsible, CollapsibleTrigger, SidebarMenuButton, SidebarMenuBadge, CollapsibleContent, SidebarMenuSub, SidebarMenuSubItem, SidebarMenuSubButton, SidebarMenuItem, Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, Empty, Checkbox, Card, CardHeader, CardDescription, CardTitle, CardAction, CardFooter } from './chunk-5HBUBVQ3.js';
+import { Tooltip, TooltipTrigger, TooltipContent, Badge, SidebarProvider, Sidebar, SidebarContent, SidebarGroup, SidebarGroupLabel, SidebarMenu, SidebarFooter, SidebarRail, SidebarInset, SidebarTrigger, Separator, Input, Table, TableHeader, TableRow, TableHead, TableBody, TableCell, Skeleton, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuCheckboxItem, useIsMobile, Popover, PopoverTrigger, PopoverContent, Calendar, ToggleGroup, ToggleGroupItem, SelectGroup, SelectLabel, Collapsible, CollapsibleTrigger, SidebarMenuButton, SidebarMenuBadge, CollapsibleContent, SidebarMenuSub, SidebarMenuSubItem, SidebarMenuSubButton, SidebarMenuItem, Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, Empty, Checkbox, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, Card, CardHeader, CardDescription, CardTitle, CardAction, CardFooter } from './chunk-5HBUBVQ3.js';
 import { useLocale, uiLanguage, Button, weekStartsOn, resolveLocale, defaultFiscalYearStartMonth, FALLBACK_LOCALE } from './chunk-ROHNXP7J.js';
 import { cn } from './chunk-U736PVHY.js';
-import { forwardRef, useState, useEffect, createContext, useId, useMemo, useRef, useCallback, Fragment as Fragment$1, useContext, useInsertionEffect, useLayoutEffect } from 'react';
+import { forwardRef, useState, useEffect, createContext, useId, useCallback, useMemo, useRef, Fragment as Fragment$1, useContext, useInsertionEffect, useLayoutEffect } from 'react';
 import { cva } from 'class-variance-authority';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Search, Columns3, CalendarIcon, ChevronDownIcon, ArrowUp, ArrowDown, ArrowRight, Minus, ChevronRight, ArrowUpDown, XIcon, LoaderIcon, CheckIcon, Download, ChevronDown, X, CircleX, TriangleAlert, CircleCheck } from 'lucide-react';
+import { Search, Columns3, CalendarIcon, ChevronDownIcon, ArrowUp, ArrowDown, ArrowRight, Minus, ChevronRight, ArrowUpDown, XIcon, LoaderIcon, CheckIcon, Download, ChevronDown, Plus, X, CircleX, TriangleAlert, CircleCheck } from 'lucide-react';
 import { use, registerMap } from 'echarts/core';
 import { GraphicComponent, VisualMapComponent, GeoComponent } from 'echarts/components';
 import { ScatterChart as ScatterChart$1, HeatmapChart, MapChart, TreemapChart } from 'echarts/charts';
@@ -713,6 +713,17 @@ var ChartFrame = forwardRef(function ChartFrame2({
   const titleId = title ? `${id}-title` : void 0;
   const summaryId = summary ? `${id}-summary` : void 0;
   const state = isLoading ? "loading" : isEmpty ? "empty" : "ready";
+  const [claims, setClaims] = useState(0);
+  const claim = useCallback(() => {
+    setClaims((n) => n + 1);
+    return () => setClaims((n) => n - 1);
+  }, []);
+  const claimed = claims > 0 && plotRole === "img";
+  const plotOwnsImage = state === "ready" && claimed;
+  const plot = useMemo(
+    () => ({ image: plotRole === "img", claimed, claim, ariaLabel: titleId ? void 0 : ariaLabel, ariaLabelledBy: titleId, ariaDescribedBy: summaryId }),
+    [plotRole, claimed, claim, titleId, ariaLabel, summaryId]
+  );
   return /* @__PURE__ */ jsxs("figure", { "data-slot": "chart-frame", className: cn("m-0 flex w-full min-w-0 flex-col gap-3", className), ...props, children: [
     (title || summary) && /* @__PURE__ */ jsxs("figcaption", { "data-slot": "chart-frame-header", className: "flex flex-col gap-1", children: [
       title && /* @__PURE__ */ jsx("h3", { id: titleId, "data-slot": "chart-frame-title", className: "text-sm leading-snug font-semibold", children: title }),
@@ -724,14 +735,14 @@ var ChartFrame = forwardRef(function ChartFrame2({
         ref,
         "data-slot": "chart-frame-body",
         "data-state": state,
-        role: state === "ready" ? plotRole : "group",
-        "aria-label": titleId ? void 0 : ariaLabel,
-        "aria-labelledby": titleId,
-        "aria-describedby": summaryId,
+        role: plotOwnsImage ? void 0 : state === "ready" ? plotRole : "group",
+        "aria-label": plotOwnsImage || titleId ? void 0 : ariaLabel,
+        "aria-labelledby": plotOwnsImage ? void 0 : titleId,
+        "aria-describedby": plotOwnsImage ? void 0 : summaryId,
         "aria-busy": isLoading || void 0,
         className: "relative w-full min-w-0",
         style: { height: typeof height === "number" ? `${height}px` : height },
-        children: state === "loading" ? /* @__PURE__ */ jsx(ChartSkeleton, { variant, loadingText: t.loading }) : state === "empty" ? /* @__PURE__ */ jsx(ChartEmpty, { ...emptyState, defaultTitle: t.emptyTitle }) : /* @__PURE__ */ jsx(ChartFrameContext.Provider, { value: true, children })
+        children: state === "loading" ? /* @__PURE__ */ jsx(ChartSkeleton, { variant, loadingText: t.loading }) : state === "empty" ? /* @__PURE__ */ jsx(ChartEmpty, { ...emptyState, defaultTitle: t.emptyTitle }) : /* @__PURE__ */ jsx(ChartFrameContext.Provider, { value: plot, children })
       }
     ),
     footnote && /* @__PURE__ */ jsx("p", { "data-slot": "chart-frame-footnote", className: "text-xs leading-snug text-muted-foreground", children: footnote }),
@@ -3562,7 +3573,8 @@ var CategoryBar = forwardRef(function CategoryBar2({ values = NO_ROWS6, colors,
       style: { background: markerColor }
     }
   );
-  return /* @__PURE__ */ jsxs("div", { ref, "data-slot": "category-bar", className: cn("w-full", className), ...props, children: [
+  const labelled = props["aria-label"] != null || props["aria-labelledby"] != null;
+  return /* @__PURE__ */ jsxs("div", { ref, "data-slot": "category-bar", role: labelled ? "group" : void 0, className: cn("w-full", className), ...props, children: [
     showLabels && labels.length > 0 && /* @__PURE__ */ jsx("div", { "data-slot": "category-bar-labels", className: "relative mb-2 h-4 text-xs text-muted-foreground tabular-nums", children: labels.map((label2, i) => /* @__PURE__ */ jsx(
       "span",
       {
@@ -3597,7 +3609,7 @@ var CategoryBar = forwardRef(function CategoryBar2({ values = NO_ROWS6, colors,
           ),
           style: { left: `${markerPosition}%` },
           children: marker.tooltip ? /* @__PURE__ */ jsxs(Tooltip, { children: [
-            /* @__PURE__ */ jsx(TooltipTrigger, { render: /* @__PURE__ */ jsx("span", { "aria-label": marker.tooltip, className: "block py-1" }), children: markerDot }),
+            /* @__PURE__ */ jsx(TooltipTrigger, { render: /* @__PURE__ */ jsx("button", { type: "button", "aria-label": marker.tooltip, className: "block cursor-default py-1" }), children: markerDot }),
             /* @__PURE__ */ jsx(TooltipContent, { children: marker.tooltip })
           ] }) : markerDot
         }
@@ -3906,8 +3918,19 @@ var STEP_LABEL_MIN_SLOT = 44;
 function stepLabelWidth(plotWidth, steps) {
   return Math.max(24, stepSlotWidth(plotWidth, steps) - 8);
 }
-function stepLabelLayout(plotWidth, steps) {
-  return stepSlotWidth(plotWidth, steps) >= STEP_LABEL_MIN_SLOT ? { width: stepLabelWidth(plotWidth, steps), rotate: 0 } : { rotate: 45 };
+function longestWordWidth(names) {
+  let widest = 0;
+  for (const name of names) {
+    for (const word of name.split(/\s+/)) {
+      let w = 0;
+      for (const ch of word) w += ch.charCodeAt(0) > 11903 ? 12 : 7;
+      widest = Math.max(widest, w);
+    }
+  }
+  return widest;
+}
+function stepLabelLayout(plotWidth, steps, names = []) {
+  return stepSlotWidth(plotWidth, steps) >= STEP_LABEL_MIN_SLOT && longestWordWidth(names) <= stepLabelWidth(plotWidth, steps) ? { width: stepLabelWidth(plotWidth, steps), rotate: 0 } : { rotate: 45 };
 }
 function waterfallValueLabelPlan(steps, texts, plotWidth) {
   const show = steps.map((s) => s.kind !== "gap");
@@ -4048,7 +4071,7 @@ function buildWaterfallOption(config) {
         interval: 0,
         hideOverlap: false,
         formatter: (value) => labelOf(value, labels),
-        ...config.plotWidth ? { ...stepLabelLayout(config.plotWidth, steps.length), overflow: "break" } : {}
+        ...config.plotWidth ? { ...stepLabelLayout(config.plotWidth, steps.length, steps.map((st) => labelOf(st.name, labels))), overflow: "break" } : {}
       }
     },
     yAxis: {
@@ -4423,7 +4446,9 @@ function buildScatterOption(config) {
       top: (showLegend && !legendBelow ? 12 + 24 * legendLineCount : 12) + (guides.some((line) => line.axis === "x" && line.label) && (!showLegend || legendBelow) ? 14 : 0),
       right: 24,
       bottom: legendBelow ? 24 + 24 * legendLineCount : 24,
-      left: 24,
+      // The rotated y axis name lies outside `containLabel`'s reach (its right edge is `nameGap` left of the axis line): the
+      // margin holds its height, so the name is never cut at the chart's left edge.
+      left: 36,
       containLabel: true
     },
     ...headingWidth > 0 ? {
@@ -4472,7 +4497,7 @@ function buildScatterOption(config) {
           label: {
             show: keptLabels === null,
             position: "right",
-            distance: 6,
+            distance: 8,
             fontSize: 11,
             color: config.textColors?.label,
             // Plain text: an outline / shadow reads as a halo on a dark surface.
@@ -4480,7 +4505,8 @@ function buildScatterOption(config) {
             textShadowBlur: 0,
             formatter: (p) => p.data?.point?.label ?? ""
           },
-          labelLayout: { hideOverlap: true, moveOverlap: "shiftY" }
+          // A name stays beside its own dot: one that would collide with another is hidden, not pushed onto a neighbouring dot.
+          labelLayout: { hideOverlap: true }
         } : {},
         // The guide lines hang off the first series (a markLine belongs to one).
         ...i === 0 && guides.length > 0 ? {
@@ -8457,6 +8483,8 @@ var TEXT23 = {
     selectRow: "\u884C\u3092\u9078\u629E",
     trend: (points, first, last, min, max) => `${points}\u70B9\u306E\u63A8\u79FB\u3001${first}\u304B\u3089${last}\u3001\u6700\u5C0F${min}\u3001\u6700\u5927${max}`,
     noData: "\u30C7\u30FC\u30BF\u304C\u3042\u308A\u307E\u305B\u3093",
+    search: "\u691C\u7D22",
+    pageSizeLabel: "1\u30DA\u30FC\u30B8\u306E\u8868\u793A\u4EF6\u6570",
     pageSize: (size) => `${size}\u4EF6`,
     range: (total, start, end) => `${total}\u4EF6\u4E2D ${start} - ${end} \u3092\u8868\u793A`,
     first: "\u6700\u521D",
@@ -8473,6 +8501,8 @@ var TEXT23 = {
     selectRow: "Select row",
     trend: (points, first, last, min, max) => `Trend over ${points} points: ${first} to ${last}, min ${min}, max ${max}`,
     noData: "No results.",
+    search: "Search",
+    pageSizeLabel: "Rows per page",
     pageSize: (size) => `${size} / page`,
     range: (total, start, end) => `Showing ${start}\u2013${end} of ${total}`,
     first: "First",
@@ -8735,6 +8765,7 @@ DataTable.displayName = "DataTable";
 var DataTableToolbar = forwardRef(
   ({ showSearch, toolbar, bulkActions, className, ...props }, ref) => {
     const { globalFilter, setGlobalFilter, hasSelection, selectedRows, enableFiltering } = useDataTable();
+    const t = useText();
     const showSearchEffective = showSearch ?? enableFiltering;
     const hasContent = showSearchEffective || toolbar != null || hasSelection && bulkActions != null;
     if (!hasContent) return null;
@@ -8751,6 +8782,7 @@ var DataTableToolbar = forwardRef(
             /* @__PURE__ */ jsx(
               Input,
               {
+                "aria-label": t.search,
                 value: globalFilter,
                 onChange: (e) => setGlobalFilter(e.target.value),
                 className: "max-w-sm pl-8"
@@ -8934,7 +8966,7 @@ var DataTablePagination = forwardRef(
                 value: String(currentPageSize),
                 onValueChange: (value) => table.setPageSize(Number(value)),
                 children: [
-                  /* @__PURE__ */ jsx(SelectTrigger, { size: "sm", className: "min-w-[80px]", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                  /* @__PURE__ */ jsx(SelectTrigger, { size: "sm", className: "min-w-[80px]", "aria-label": t.pageSizeLabel, children: /* @__PURE__ */ jsx(SelectValue, {}) }),
                   /* @__PURE__ */ jsx(SelectContent, { children: pageSizeItems.map((item) => /* @__PURE__ */ jsx(SelectItem, { value: item.value, children: item.label }, item.value)) })
                 ]
               }
@@ -9384,6 +9416,50 @@ function FilterBarMultiSelect({
   ] });
 }
 FilterBarMultiSelect.displayName = "FilterBarMultiSelect";
+function FilterBarAddFilter({ filters, className }) {
+  const { value, onChange } = useFilterBar();
+  const t = useText2();
+  const toggle = (filter, option) => {
+    if (filter.type === "multi-select") {
+      const current = value[filter.key] ?? [];
+      const next = current.includes(option) ? current.filter((v) => v !== option) : [...current, option];
+      onChange({ ...value, [filter.key]: next.length > 0 ? next : void 0 });
+    } else {
+      onChange({ ...value, [filter.key]: value[filter.key] === option ? void 0 : option });
+    }
+  };
+  const isChecked = (filter, option) => {
+    const v = value[filter.key];
+    return Array.isArray(v) ? v.includes(option) : v === option;
+  };
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsxs(
+      DropdownMenuTrigger,
+      {
+        render: /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", className: cn("h-8 gap-1", className) }),
+        "data-slot": "filter-bar-add-filter",
+        children: [
+          /* @__PURE__ */ jsx(Plus, { className: "size-3.5", "aria-hidden": "true" }),
+          t.addFilter
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(DropdownMenuContent, { align: "start", className: "w-48", children: filters.filter((f) => (f.type === "select" || f.type === "multi-select") && f.options?.length).map((filter) => /* @__PURE__ */ jsxs(DropdownMenuSub, { children: [
+      /* @__PURE__ */ jsx(DropdownMenuSubTrigger, { children: filter.label }),
+      /* @__PURE__ */ jsx(DropdownMenuSubContent, { children: filter.options?.map((option) => /* @__PURE__ */ jsx(
+        DropdownMenuCheckboxItem,
+        {
+          checked: isChecked(filter, option.value),
+          disabled: option.disabled,
+          onCheckedChange: () => toggle(filter, option.value),
+          children: option.label
+        },
+        option.value
+      )) })
+    ] }, filter.key)) })
+  ] });
+}
+FilterBarAddFilter.displayName = "FilterBarAddFilter";
 function FilterBarActiveChips({ filters, className }) {
   const { value, onChange } = useFilterBar();
   const t = useText2();
@@ -9591,12 +9667,10 @@ var PRESET_LABELS = {
 var TEXT26 = {
   ja: {
     placeholder: "\u671F\u9593\u3092\u9078\u629E",
-    rangeSeparator: " - ",
     comparison: { "previous-period": "\u524D\u671F\u9593", "previous-year": "\u524D\u5E74\u540C\u671F" }
   },
   en: {
     placeholder: "Pick a date range",
-    rangeSeparator: " \u2013 ",
     comparison: { "previous-period": "vs. previous period", "previous-year": "vs. same period last year" }
   }
 };
@@ -9719,13 +9793,13 @@ var DateRangePicker = forwardRef(
     const formatDateRange2 = () => {
       if (!value?.from) return placeholder ?? t.placeholder;
       if (!value.to) return formatDate(value.from, "date", locale);
-      return `${formatDate(value.from, "date", locale)}${t.rangeSeparator}${formatDate(value.to, "date", locale)}`;
+      return formatDateRange(value.from, value.to, { locale });
     };
     const selectedPreset = findMatchingPreset(presets, value);
     const presetLabel = selectedPreset?.label;
     const comparisonText = comparison && value?.from && value.to ? (() => {
       const c = comparisonRange({ from: value.from, to: value.to }, comparison);
-      return `${t.comparison[comparison]} ${formatDate(c.from, "date", locale)}${t.rangeSeparator}${formatDate(c.to, "date", locale)}`;
+      return `${t.comparison[comparison]} ${formatDateRange(c.from, c.to, { locale })}`;
     })() : void 0;
     const endMonth = value?.to ?? value?.from;
     const defaultMonth = endMonth ? isMobile ? endMonth : subMonths(endMonth, 1) : void 0;
@@ -10698,7 +10772,7 @@ function KpiCard({
         {
           data: historyPoints.map((v) => ({ value: v })),
           height: SPARKLINE_HEIGHT,
-          color: "text-chart-1",
+          color: "chart-1",
           highlight: "latest",
           "aria-label": t.history(label2, historyPoints.length)
         }
@@ -10837,6 +10911,6 @@ function DraftChartPreview({ children }) {
   return /* @__PURE__ */ jsx("div", { ref, "data-slot": "draft-chart", style: { display: "contents" }, children });
 }
 
-export { AppShell, AreaChart, AttentionList, BarChart, BarList, BoxPlotChart, COMPARISON_LABELS, CategoryBar, ChartFrame, ComboChart, DEFAULT_SAMPLE_LABEL, DELTA_NOT_COMPARABLE, DashboardCard, DashboardCardAction, DashboardCardContent, DashboardCardDescription, DashboardCardFooter, DashboardCardHeader, DashboardCardPreset, DashboardCardSkeleton, DashboardCardTitle, DataTable, DataTableColumnVisibility, DataTableContent, DataTableExport, DataTablePagination, DataTablePreset, DataTableToolbar, DateRangePicker, Delta, DonutChart, DraftChart, FilledMap, FilterBar, FilterBarActiveChips, FilterBarClearButton, FilterBarMultiSelect, FilterBarPreset, FilterBarSelect, ForecastChart, FunnelSteps, Heatmap, HistogramChart, KpiCard, Legend, LineChart, MetricUnit, MetricValue, MultiSelect, PageShell, PageShellActions, PageShellContent, PageShellDescription, PageShellHeader, PageShellHeaderEnd, PageShellHeading, PageShellMeta, PageShellSummary, PageShellSummaryCard, PageShellTitle, PairedChart, PivotTable, Placeholder, ProgressCircle, RECORD_MIN_POINTS, SampleBadge, SampleClaim, SampleData, ScatterChart, SearchableSelect, SectionHeader, SegmentedControl, StatusBadge, SymbolMap, Tracker, Treemap, TrendIndicator, UpdatedAt, WaterfallChart, comparisonBaseline, comparisonLabel, computeComparison, computeTargetProgress, defaultChangeDisplay, defaultPresets, deltaVariants, detectRecord, fillKpiTemplate, flattenOptions, formatChange, formatChangeAmount, formatRelativeTime, funnelStepsVariants, inferPeriodGrain, isGroupedOptions, metricValueVariants, pageShellSummaryCardVariants, tableToCsv, toCsv, toneForValue, useDataTable, useSampleMark };
-//# sourceMappingURL=chunk-SC7K2RD6.js.map
-//# sourceMappingURL=chunk-SC7K2RD6.js.map
+export { AppShell, AreaChart, AttentionList, BarChart, BarList, BoxPlotChart, COMPARISON_LABELS, CategoryBar, ChartFrame, ComboChart, DEFAULT_SAMPLE_LABEL, DELTA_NOT_COMPARABLE, DashboardCard, DashboardCardAction, DashboardCardContent, DashboardCardDescription, DashboardCardFooter, DashboardCardHeader, DashboardCardPreset, DashboardCardSkeleton, DashboardCardTitle, DataTable, DataTableColumnVisibility, DataTableContent, DataTableExport, DataTablePagination, DataTablePreset, DataTableToolbar, DateRangePicker, Delta, DonutChart, DraftChart, FilledMap, FilterBar, FilterBarActiveChips, FilterBarAddFilter, FilterBarClearButton, FilterBarMultiSelect, FilterBarPreset, FilterBarSelect, ForecastChart, FunnelSteps, Heatmap, HistogramChart, KpiCard, Legend, LineChart, MetricUnit, MetricValue, MultiSelect, PageShell, PageShellActions, PageShellContent, PageShellDescription, PageShellHeader, PageShellHeaderEnd, PageShellHeading, PageShellMeta, PageShellSummary, PageShellSummaryCard, PageShellTitle, PairedChart, PivotTable, Placeholder, ProgressCircle, RECORD_MIN_POINTS, SampleBadge, SampleClaim, SampleData, ScatterChart, SearchableSelect, SectionHeader, SegmentedControl, StatusBadge, SymbolMap, Tracker, Treemap, TrendIndicator, UpdatedAt, WaterfallChart, comparisonBaseline, comparisonLabel, computeComparison, computeTargetProgress, defaultChangeDisplay, defaultPresets, deltaVariants, detectRecord, fillKpiTemplate, flattenOptions, formatChange, formatChangeAmount, formatRelativeTime, funnelStepsVariants, inferPeriodGrain, isGroupedOptions, metricValueVariants, pageShellSummaryCardVariants, tableToCsv, toCsv, toneForValue, useDataTable, useSampleMark };
+//# sourceMappingURL=chunk-I2GWIPTD.js.map
+//# sourceMappingURL=chunk-I2GWIPTD.js.map