@servicetitan/anvil2 3.0.9 → 3.2.0

package/dist/{DataTable-FG0Kjx0d.js → DataTable-D_ZP3kZw.js}

@@ -1,35 +1,35 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { C as Chip } from './Chip-CyMNyEPR.js';
-import { F as Flex } from './Flex-_orhvoxS.js';
+import { C as Chip } from './Chip-BYK1b3lZ.js';
+import { F as Flex } from './Flex-Bb3iHExM.js';
 import * as React from 'react';
 import { useId, useRef, useCallback, useMemo, createContext, forwardRef, useState, useEffect, useContext, useLayoutEffect, useImperativeHandle, memo as memo$1, Fragment as Fragment$1, isValidElement } from 'react';
+import { T as Tooltip } from './Tooltip-BC8lnFhe.js';
 import { c as cx } from './index-De1g9FRV.js';
 import { D as DateTime } from './luxon-wpz4A-OQ.js';
-import { C as Checkbox } from './Checkbox-BYWhkYoK.js';
-import { B as Button } from './Button-C_V2xQAs.js';
+import { C as Checkbox } from './Checkbox-BE8Jmz3t.js';
+import { B as Button } from './Button-ChQARW0y.js';
 import { S as SvgChevronRight } from './chevron_right-BdpsxX7x.js';
 import { S as SvgEdit } from './edit-DQOiktcu.js';
-import { I as Icon } from './Icon-feeG7gXA.js';
+import { I as Icon } from './Icon-BEwHECSM.js';
 import { S as SrOnly } from './SrOnly-pnf8ajnh.js';
 import { u as useNumberField } from './useNumberField-D_ic9i2q.js';
 import { u as useMergeRefs, m as mergeRefs } from './useMergeRefs-Dfmtq9cI.js';
-import { a as SelectMenuSync, S as SelectMenu } from './SelectMenuSync-CF49L12-.js';
-import { a as MultiSelectMenuSync, M as MultiSelectMenu } from './MultiSelectMenuSync-BGcrYjby.js';
+import { a as SelectMenuSync, S as SelectMenu } from './SelectMenuSync-BD8oedGs.js';
+import { a as MultiSelectMenuSync, M as MultiSelectMenu } from './MultiSelectMenuSync-LD931FAV.js';
 import { S as SvgClose } from './close-DZj38AEh.js';
 import { S as SvgDragIndicator } from './drag_indicator-BRHAPLSJ.js';
-import { p as portalScopeClassNames } from './portalScopeClassNames-jlZkdug_.js';
+import { p as portalScopeClassNames } from './portalScopeClassNames-BTyv0FY8.js';
 import { a as useOnClickOutside, r as registerLayer, u as unregisterLayer } from './useOnClickOutside-Zw5vzxSq.js';
-import { u as useBreakpoint } from './useBreakpoint-CeaUyHxh.js';
-import { c as computePosition, o as offset, h as autoPlacement, d as shift, g as size, a as autoUpdate, s as safeShowPopover, b as safeHidePopover } from './floating-ui.react-dom-BIKT960u.js';
-import { F as FieldLabel } from './FieldLabel-VVn8GR64.js';
+import { u as useBreakpoint } from './useBreakpoint-BBNRlMGZ.js';
+import { c as computePosition, o as offset, h as autoPlacement, s as shift, a as size, b as autoUpdate, d as safeShowPopover, e as safeHidePopover } from './floating-ui.react-dom-CyrxPiI-.js';
+import { F as FieldLabel } from './FieldLabel-tFSfJ7OJ.js';
 import { S as SvgError } from './error-DR_wWdYY.js';
 import { S as SvgWarning } from './warning-c4Wj1rI4.js';
-import { T as Tooltip } from './Tooltip-DqS6xDUf.js';
 import { flushSync } from 'react-dom';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DjqeAJZ9.js';
 import { S as SvgKeyboardArrowLeft } from './keyboard_arrow_left-CiE1n99w.js';
 import { S as SvgKeyboardArrowRight } from './keyboard_arrow_right-DMloHg_F.js';
-import { a as Pagination, P as Pagination$1 } from './Pagination-CAeyJ7Pl.js';
+import { a as Pagination, P as Pagination$1 } from './Pagination-DQ2fjkmT.js';
 import { useTrackingId } from './useTrackingId.js';
 import { T as ThemeProviderContext } from './ThemeProviderContext-l52GohYT.js';
 import { u as useVirtualizer } from './index-DXeGMe23.js';
@@ -978,7 +978,8 @@ const TableEmptyCellContent = () => {
 };
 
 const styles$g = {
-	"truncate-chips": "_truncate-chips_19u8s_4"
+	"truncate-chips": "_truncate-chips_16wxd_4",
+	"truncate-chips-measurement": "_truncate-chips-measurement_16wxd_17"
 };
 
 const TruncateChips = ({
@@ -987,114 +988,107 @@ const TruncateChips = ({
   ...rest
 }) => {
   const containerRef = useRef(null);
-  const chipsContainerRef = useRef(null);
-  const [hiddenCount, setHiddenCount] = useState(0);
-  const hiddenChips = useRef([]);
-  const plusChipRef = useRef(null);
-  const [plusChipWidth, setPlusChipWidth] = useState(0);
+  const measurementRef = useRef(null);
+  const measurementPlusRef = useRef(null);
+  const [visibleCount, setVisibleCount] = useState(null);
   const overflowChipSize = items[0]?.size;
-  useLayoutEffect(() => {
-    if (!chipsContainerRef.current) return;
-    hiddenChips.current = [];
-    let totalHiddenCount = 0;
-    const observer = new IntersectionObserver(
-      (entries) => {
-        const isResizing = document.querySelector(
-          '[aria-label="Resize column"][aria-pressed="true"]'
-        );
-        if (isResizing) return;
-        entries.forEach((entry) => {
-          const target = entry.target;
-          if (entry.isIntersecting) {
-            target.style.display = "flex";
-            target.style.visibility = "visible";
-            totalHiddenCount = Math.max(0, totalHiddenCount - 1);
-          }
-          if (!entry.isIntersecting) {
-            hiddenChips.current.push({
-              el: target,
-              rect: target.getBoundingClientRect()
-            });
-            target.style.visibility = "hidden";
-            target.style.display = "none";
-            totalHiddenCount++;
-          }
-        });
-        setHiddenCount(totalHiddenCount);
-      },
-      {
-        root: containerRef.current,
-        rootMargin: "0px",
-        threshold: 1
-      }
+  const compute = useCallback(() => {
+    const container = containerRef.current;
+    const measurement = measurementRef.current;
+    if (!container || !measurement) return;
+    const parent = container.parentElement;
+    if (!parent) return;
+    const parentStyle = window.getComputedStyle(parent);
+    const paddingLeft = parseFloat(parentStyle.paddingLeft) || 0;
+    const paddingRight = parseFloat(parentStyle.paddingRight) || 0;
+    const availableWidth = parent.clientWidth - paddingLeft - paddingRight;
+    if (items.length === 0) {
+      setVisibleCount(0);
+      return;
+    }
+    if (availableWidth <= 0) return;
+    const gap = parseFloat(window.getComputedStyle(measurement).columnGap || "0") || 0;
+    const chipNodes = Array.from(measurement.children).slice(
+      0,
+      items.length
     );
-    const children = Array.from(chipsContainerRef.current.children);
-    children.forEach((child) => {
-      observer.observe(child);
-    });
-    return () => {
-      observer.disconnect();
-    };
+    const plusWidth = measurementPlusRef.current?.getBoundingClientRect().width ?? 0;
+    let widthUsed = 0;
+    let fitAll = true;
+    for (let i = 0; i < chipNodes.length; i++) {
+      const chipWidth = chipNodes[i].getBoundingClientRect().width;
+      const widthWithChip = widthUsed + (i > 0 ? gap : 0) + chipWidth;
+      if (widthWithChip > availableWidth) {
+        fitAll = false;
+        break;
+      }
+      widthUsed = widthWithChip;
+    }
+    if (fitAll) {
+      setVisibleCount(items.length);
+      return;
+    }
+    const availableForChips = availableWidth - plusWidth - gap;
+    widthUsed = 0;
+    let fit = 0;
+    for (let i = 0; i < chipNodes.length; i++) {
+      const chipWidth = chipNodes[i].getBoundingClientRect().width;
+      const next = widthUsed + (i > 0 ? gap : 0) + chipWidth;
+      if (next > availableForChips) break;
+      widthUsed = next;
+      fit = i + 1;
+    }
+    setVisibleCount(fit);
   }, [items]);
   useLayoutEffect(() => {
-    const measurePlusChipWidth = () => {
-      const nextPlusChipWidth = plusChipRef.current?.getBoundingClientRect().width ?? 0;
-      setPlusChipWidth(
-        (currentPlusChipWidth) => currentPlusChipWidth === nextPlusChipWidth ? currentPlusChipWidth : nextPlusChipWidth
-      );
-    };
-    measurePlusChipWidth();
-    if (!plusChipRef.current) return;
+    compute();
+    const parent = containerRef.current?.parentElement;
+    if (!parent) return;
     const observer = new ResizeObserver(() => {
-      measurePlusChipWidth();
-    });
-    observer.observe(plusChipRef.current);
-    return () => {
-      observer.disconnect();
-    };
-  }, [hiddenCount, overflowChipSize]);
-  useLayoutEffect(() => {
-    if (!containerRef.current) return;
-    const observer = new ResizeObserver((entries) => {
-      const entry = entries[entries.length - 1];
-      if (entry) {
-        if (hiddenCount > 0 && containerRef.current) {
-          const containerRect = containerRef.current.getBoundingClientRect();
-          const chipRect = hiddenChips.current[hiddenChips.current.length - 1].rect;
-          const fitsHorizontally = chipRect.width <= containerRect.width && chipRect.left >= containerRect.left && chipRect.right <= containerRect.right;
-          const fitsVertically = chipRect.height <= containerRect.height && chipRect.top >= containerRect.top && chipRect.bottom <= containerRect.bottom;
-          const hasEnoughSpace = fitsHorizontally && fitsVertically;
-          hiddenChips.current[hiddenCount - 1].el.style.display = hasEnoughSpace ? "flex" : "none";
-          if (hasEnoughSpace) {
-            hiddenChips.current.pop();
-          }
-        }
-      }
+      compute();
     });
-    observer.observe(containerRef.current);
+    observer.observe(parent);
     return () => {
       observer.disconnect();
     };
-  }, [hiddenCount]);
+  }, [compute]);
+  const hiddenCount = visibleCount === null ? 0 : Math.max(0, items.length - visibleCount);
+  const visibleItems = visibleCount === null ? [] : items.slice(0, visibleCount);
+  const hiddenItems = visibleCount === null ? [] : items.slice(visibleCount);
   return /* @__PURE__ */ jsxs(
     "div",
     {
       ref: containerRef,
+      "data-anv": "truncate-chips",
       className: cx(styles$g["truncate-chips"], className),
-      style: {
-        marginInlineEnd: plusChipWidth
-      },
+      style: { visibility: visibleCount === null ? "hidden" : void 0 },
       ...rest,
       children: [
-        /* @__PURE__ */ jsx("div", { ref: chipsContainerRef, style: { display: "contents" }, children: items.map((chip, index) => /* @__PURE__ */ jsx(Chip, { ...chip, style: { visibility: "hidden" } }, index)) }),
-        hiddenCount > 0 && /* @__PURE__ */ jsx(
-          Chip,
+        /* @__PURE__ */ jsxs(
+          "div",
           {
-            label: `+${hiddenCount}`,
-            ref: plusChipRef,
-            size: overflowChipSize
+            ref: measurementRef,
+            "data-anv": "truncate-chips-measurement",
+            className: styles$g["truncate-chips-measurement"],
+            "aria-hidden": true,
+            children: [
+              items.map((chip, index) => /* @__PURE__ */ jsx(Chip, { ...chip }, index)),
+              /* @__PURE__ */ jsx(
+                Chip,
+                {
+                  ref: measurementPlusRef,
+                  label: `+${items.length || 1}`,
+                  size: overflowChipSize
+                }
+              )
+            ]
           }
-        )
+        ),
+        visibleItems.map((chip, index) => /* @__PURE__ */ jsx(Chip, { ...chip }, index)),
+        hiddenCount > 0 && /* @__PURE__ */ jsxs(Tooltip, { placement: "top", children: [
+          /* @__PURE__ */ jsx(Tooltip.Trigger, { children: /* @__PURE__ */ jsx(Chip, { label: `+${hiddenCount}`, size: overflowChipSize }) }),
+          /* @__PURE__ */ jsx(Tooltip.Content, { children: hiddenItems.map((item) => item.label).join(", ") })
+        ] })
       ]
     }
   );
@@ -5199,6 +5193,16 @@ const useCommonPinningStyles = (column) => {
   }, [left, right, isPinned]);
 };
 
+const DataTableRowClickContext = createContext({
+  isRowClickEnabled: false,
+  clickRow: () => {
+  }
+});
+
+function useDataTableRowClick() {
+  return useContext(DataTableRowClickContext);
+}
+
 const FOCUSABLE_SELECTOR = [
   "button:not([disabled])",
   "a[href]",
@@ -5246,6 +5250,7 @@ function DataTableBodyImmutableCell(props) {
   });
   const commonPinningStyles = useCommonPinningStyles(column);
   const { jumpFocus, moveFocus } = useDTFocusDispatchContext();
+  const { isRowClickEnabled, clickRow } = useDataTableRowClick();
   const [isInteractionMode, setIsInteractionMode] = useState(false);
   useLayoutEffect(() => {
     if (!cellRef.current) return;
@@ -5337,7 +5342,13 @@ function DataTableBodyImmutableCell(props) {
           const interactives = getManagedInteractives(cellRef.current).filter(
             (el) => !el.disabled
           );
-          if (interactives.length === 0) return;
+          if (interactives.length === 0) {
+            if (event.key === "Enter" && isRowClickEnabled) {
+              event.preventDefault();
+              clickRow(cell.row.id);
+            }
+            return;
+          }
           event.preventDefault();
           if (interactives.length === 1) {
             interactives[0].focus();
@@ -5363,7 +5374,9 @@ function DataTableBodyImmutableCell(props) {
       cell,
       rowCanExpand,
       rowIsExpanded,
-      toggleRowExpanded
+      toggleRowExpanded,
+      isRowClickEnabled,
+      clickRow
     ]
   );
   const handleBlur = useCallback(
@@ -5538,6 +5551,7 @@ function DataTableEditableTextCellInner(props, ref) {
       onFocus: handleCellFocus,
       onBlur: handleCellBlur,
       "data-cell-pos": formatCellPositionString(cellPosition),
+      "data-anv-editable-cell": "true",
       children: [
         isEditing ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
           "input",
@@ -5732,6 +5746,7 @@ function DataTableEditableNumberCellInner(props, ref) {
       onFocus: handleCellFocus,
       onBlur: handleCellBlur,
       "data-cell-pos": formatCellPositionString(cellPosition),
+      "data-anv-editable-cell": "true",
       children: [
         isEditing ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
           "input",
@@ -5913,6 +5928,7 @@ function DataTableEditableSelectCellInner(props, ref) {
             onBlur: handleCellBlur,
             onFocus: handleCellFocus,
             "data-cell-pos": formatCellPositionString(cellPosition),
+            "data-anv-editable-cell": "true",
             "aria-controls": ariaControls,
             "aria-expanded": ariaExpanded,
             "aria-haspopup": ariaHaspopup,
@@ -6059,6 +6075,7 @@ function DataTableEditableSelectAsyncCellInner(props, ref) {
             onBlur: handleCellBlur,
             onFocus: handleCellFocus,
             "data-cell-pos": formatCellPositionString(cellPosition),
+            "data-anv-editable-cell": "true",
             "aria-controls": ariaControls,
             "aria-expanded": ariaExpanded,
             "aria-haspopup": ariaHaspopup,
@@ -6170,6 +6187,7 @@ function DataTableEditableMultiselectCellInner(props, ref) {
             onBlur: handleCellBlur,
             onFocus: handleCellFocus,
             "data-cell-pos": formatCellPositionString(cellPosition),
+            "data-anv-editable-cell": "true",
             "aria-controls": ariaControls,
             "aria-expanded": ariaExpanded,
             "aria-haspopup": ariaHaspopup,
@@ -6316,6 +6334,7 @@ function DataTableEditableMultiselectAsyncCellInner(props, ref) {
             onBlur: handleCellBlur,
             onFocus: handleCellFocus,
             "data-cell-pos": formatCellPositionString(cellPosition),
+            "data-anv-editable-cell": "true",
             "aria-controls": ariaControls,
             "aria-expanded": ariaExpanded,
             "aria-haspopup": ariaHaspopup,
@@ -6453,6 +6472,7 @@ function DataTableEditableBooleanCellInner(props, ref) {
             onBlur: handleCellBlur,
             onFocus: handleCellFocus,
             "data-cell-pos": formatCellPositionString(cellPosition),
+            "data-anv-editable-cell": "true",
             "aria-controls": ariaControls,
             "aria-expanded": ariaExpanded,
             "aria-haspopup": ariaHaspopup,
@@ -6993,6 +7013,7 @@ function DataTableEditableCustomCellInner(props, ref) {
         onPointerDown: handleCellPointerDown,
         onKeyDown: handleCellKeyDown,
         "data-cell-pos": formatCellPositionString(cellPosition),
+        "data-anv-editable-cell": "true",
         "aria-controls": triggerProps["aria-controls"],
         "aria-expanded": triggerProps["aria-expanded"],
         "aria-haspopup": triggerProps["aria-haspopup"],
@@ -7490,21 +7511,22 @@ function DataTableBodyCell(props) {
 }
 
 const styles$8 = {
-	"data-table-body-row": "_data-table-body-row_1qb05_4",
-	"data-table-body-sub-component-row": "_data-table-body-sub-component-row_1qb05_32",
-	"data-table-body-virtualized": "_data-table-body-virtualized_1qb05_66",
-	"data-table-body-row-virtualized": "_data-table-body-row-virtualized_1qb05_72",
-	"data-table-body-sub-component-container": "_data-table-body-sub-component-container_1qb05_81",
-	"data-table-body-sub-component-content": "_data-table-body-sub-component-content_1qb05_87",
-	"data-table-body-cell-group": "_data-table-body-cell-group_1qb05_95",
-	"data-table-body-cell-depth-indent": "_data-table-body-cell-depth-indent_1qb05_105",
-	"data-table-body-cell-action-depth-indent": "_data-table-body-cell-action-depth-indent_1qb05_111",
-	"data-table-body-row-read-only": "_data-table-body-row-read-only_1qb05_117"
+	"data-table-body-row": "_data-table-body-row_1sv3s_4",
+	"data-table-body-row-read-only": "_data-table-body-row-read-only_1sv3s_28",
+	"data-table-body-sub-component-row": "_data-table-body-sub-component-row_1sv3s_35",
+	"data-table-body-virtualized": "_data-table-body-virtualized_1sv3s_69",
+	"data-table-body-row-virtualized": "_data-table-body-row-virtualized_1sv3s_75",
+	"data-table-body-sub-component-container": "_data-table-body-sub-component-container_1sv3s_84",
+	"data-table-body-sub-component-content": "_data-table-body-sub-component-content_1sv3s_90",
+	"data-table-body-cell-group": "_data-table-body-cell-group_1sv3s_98",
+	"data-table-body-cell-depth-indent": "_data-table-body-cell-depth-indent_1sv3s_108",
+	"data-table-body-cell-action-depth-indent": "_data-table-body-cell-action-depth-indent_1sv3s_114"
 };
 
 const HOVER_ATTR = "data-anv-is-hovered-row";
 const SELECTED_ATTR = "data-anv-is-selected-row";
 const HAS_SUB_COMPONENT_ATTR = "data-anv-has-sub-component";
+const ROW_CLICK_IGNORE_SELECTOR = 'button, a, input, select, textarea, label, [role="button"], [role="checkbox"], [role="menuitem"], [data-anv="checkbox"], [data-anv-editable-cell]';
 function hasRowSubComponent(value) {
   if (typeof value !== "object" || value === null || !("subComponent" in value)) {
     return false;
@@ -7544,6 +7566,16 @@ function DataTableBodyRowInner({
   const hasSubComponent = hasRowSubComponent(original);
   const rowRef = useRef(null);
   const isSelectedRow = isSelected || isSomeSelected || isAncestorSelected;
+  const { isRowClickEnabled, clickRow } = useDataTableRowClick();
+  const isRowClickable = isRowClickEnabled && !isReadOnly;
+  const handleRowClick = useCallback(
+    (event) => {
+      const target = event.target;
+      if (target?.closest(ROW_CLICK_IGNORE_SELECTOR)) return;
+      clickRow(row.id);
+    },
+    [clickRow, row.id]
+  );
   const setRowHover = useCallback(
     (rowEl, on) => {
       const apply = (el) => {
@@ -7625,6 +7657,8 @@ function DataTableBodyRowInner({
         ...isSelectedRow ? { [SELECTED_ATTR]: "true" } : {},
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
+        onClick: isRowClickable ? handleRowClick : void 0,
+        ...isRowClickable ? { "data-anv-row-clickable": "true" } : {},
         className: cx(styles$8["data-table-body-row"], {
           [styles$8["data-table-body-row-read-only"]]: isReadOnly
         }),
@@ -9368,6 +9402,27 @@ function DataTableSurfaceCoordinatorProvider({
   return /* @__PURE__ */ jsx(DataTableSurfaceCoordinatorContext.Provider, { value, children });
 }
 
+function DataTableRowClickProvider({
+  onClickRow,
+  readOnlyRowMap,
+  children
+}) {
+  const onClickRowRef = useRef(onClickRow);
+  onClickRowRef.current = onClickRow;
+  const readOnlyRowMapRef = useRef(readOnlyRowMap);
+  readOnlyRowMapRef.current = readOnlyRowMap;
+  const clickRow = useCallback((rowId) => {
+    if (readOnlyRowMapRef.current[rowId]) return;
+    onClickRowRef.current?.(rowId);
+  }, []);
+  const isRowClickEnabled = !!onClickRow;
+  const value = useMemo(
+    () => ({ isRowClickEnabled, clickRow }),
+    [isRowClickEnabled, clickRow]
+  );
+  return /* @__PURE__ */ jsx(DataTableRowClickContext.Provider, { value, children });
+}
+
 const VIRTUALIZATION_THRESHOLD = 50;
 const DEFAULT_ESTIMATED_ROW_HEIGHT = 35;
 function useDataTableVirtualizer({
@@ -9416,6 +9471,7 @@ function DataTableInner(props, ref) {
     expandedRowIds,
     isSelectable,
     onSelectRow,
+    onClickRow,
     readOnlyRowIds,
     onSort,
     onExpandRow,
@@ -9884,13 +9940,20 @@ function DataTableInner(props, ref) {
                 children: [
                   /* @__PURE__ */ jsx(DataTableHeader, { table, tableRef }),
                   /* @__PURE__ */ jsx(
-                    DataTableBody,
+                    DataTableRowClickProvider,
                     {
-                      table,
-                      hasSubRows,
-                      virtualizer: rowVirtualizer,
-                      getRowVersion,
-                      readOnlyRowMap
+                      onClickRow,
+                      readOnlyRowMap,
+                      children: /* @__PURE__ */ jsx(
+                        DataTableBody,
+                        {
+                          table,
+                          hasSubRows,
+                          virtualizer: rowVirtualizer,
+                          getRowVersion,
+                          readOnlyRowMap
+                        }
+                      )
                     }
                   ),
                   isEmpty && emptyState && /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -9991,4 +10054,4 @@ function DataTableInner(props, ref) {
 const DataTable = forwardRef(DataTableInner);
 
 export { COLUMN_TYPE_DEFAULTS as C, DataTable as D, chipsFormatter as a, booleanFormatter as b, createColumnHelper$1 as c, currencyFormatter as d, dateFormatter as e, dateTimeFormatter as f, getColumnTypeDefaults as g, htmlFormatter as h, dateFormatPresets as i, timeFormatter as j, markdownFormatter as m, numberFormatter as n, percentFormatter as p, resolveColumnTypeConfig as r, timeFormatPresets as t, yearlessDateFormatter as y };
-//# sourceMappingURL=DataTable-FG0Kjx0d.js.map
+//# sourceMappingURL=DataTable-D_ZP3kZw.js.map