@servicetitan/anvil2 2.7.0 → 2.8.0

package/dist/{Page-Be029Dij.js → Page-2hbQxUj6.js}

@@ -7,72 +7,72 @@ import { S as SvgKeyboardArrowDown } from './keyboard_arrow_down-C8WQ38p1.js';
 import { S as SvgKeyboardArrowUp } from './keyboard_arrow_up-CxzK6LAl.js';
 import { S as SvgChevronRight } from './chevron_right-BdpsxX7x.js';
 import { useTrackingId } from './useTrackingId.js';
-import { P as Popover } from './Popover-D0qSKZ1J.js';
-import { B as Button } from './Button-CVsGhVJz.js';
+import { P as Popover } from './Popover-CpU9VAcb.js';
+import { B as Button } from './Button-a_D7tUgM.js';
 import { I as Icon } from './Icon-DuIlne4x.js';
 import { F as Flex } from './Flex-WyyZm1bf.js';
-import { T as Tooltip } from './Tooltip-Bupqao9B.js';
-import { L as Layout } from './Layout-VfhlilMG.js';
+import { T as Tooltip } from './Tooltip-C1PBRnJv.js';
+import { L as Layout } from './Layout-CISAxILX.js';
 import { S as SvgMoreVert } from './more_vert-C_lJSyxt.js';
 import { S as SvgEdit } from './edit-DQOiktcu.js';
 import { S as SvgCheck } from './check-Cf67OWrZ.js';
 import { S as SvgClose } from './close-DZj38AEh.js';
 import { B as ButtonLink } from './ButtonLink-BJKTJER8.js';
-import { B as Breadcrumbs } from './Breadcrumbs-3Y7jnj-F.js';
-import { T as TextField } from './TextField-BW8sJAls.js';
-import { M as Menu } from './Menu-BXsmCP20.js';
-import { T as Text } from './Text-BJo4oMI2.js';
-import { C as Chip } from './Chip-DjTAR0va.js';
+import { M as Menu } from './Menu-CPbuIsqC.js';
+import { B as Breadcrumbs } from './Breadcrumbs-BXo2FO2n.js';
+import { T as TextField } from './TextField-D93iv_pk.js';
+import { T as Text } from './Text-MVxRo6yx.js';
+import { C as Chip } from './Chip-BnofwIUN.js';
 import { createPortal } from 'react-dom';
 import { u as useMergeRefs } from './useMergeRefs-Dfmtq9cI.js';
-import { D as Dialog } from './Dialog-CGhwkwvq.js';
+import { D as Dialog } from './Dialog-Dn836WQM.js';
 import { d as drillDownStyles, D as DrillDownContext } from './DrillDown.module-C8VOhzaF.js';
-import { u as useDrillDownContextState } from './useInitialFocus-CdoVwSbr.js';
+import { u as useDrillDownContextState } from './useInitialFocus-DbaB-x5T.js';
 import { u as useDrillDownContext } from './useDrillDownContext-BssSasVB.js';
 import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DMDdfIah.js';
 
-import './Page.css';const page = "_page_ydpzy_1";
-const container = "_container_ydpzy_23";
-const content = "_content_ydpzy_5";
-const sidebar = "_sidebar_ydpzy_77";
-const panel = "_panel_ydpzy_162";
-const header = "_header_ydpzy_191";
-const title = "_title_ydpzy_195";
-const chips = "_chips_ydpzy_205";
-const actions = "_actions_ydpzy_209";
-const description = "_description_ydpzy_222";
-const open = "_open_ydpzy_236";
-const small = "_small_ydpzy_236";
-const medium = "_medium_ydpzy_239";
-const large = "_large_ydpzy_242";
-const collapsed = "_collapsed_ydpzy_245";
-const noPadding = "_noPadding_ydpzy_362";
-const layout = "_layout_ydpzy_415";
+import './Page.css';const page = "_page_89lif_1";
+const container = "_container_89lif_26";
+const content = "_content_89lif_8";
+const sidebar = "_sidebar_89lif_80";
+const panel = "_panel_89lif_165";
+const header = "_header_89lif_194";
+const title = "_title_89lif_198";
+const chips = "_chips_89lif_208";
+const actions = "_actions_89lif_212";
+const description = "_description_89lif_225";
+const open = "_open_89lif_239";
+const small = "_small_89lif_239";
+const medium = "_medium_89lif_242";
+const large = "_large_89lif_245";
+const collapsed = "_collapsed_89lif_248";
+const noPadding = "_noPadding_89lif_365";
+const layout = "_layout_89lif_418";
 const styles = {
 	page: page,
-	"content-footer": "_content-footer_ydpzy_5",
+	"content-footer": "_content-footer_89lif_8",
 	container: container,
-	"content-wrapper": "_content-wrapper_ydpzy_41",
-	"footer-slot": "_footer-slot_ydpzy_47",
+	"content-wrapper": "_content-wrapper_89lif_44",
+	"footer-slot": "_footer-slot_89lif_50",
 	content: content,
-	"content-inner": "_content-inner_ydpzy_55",
-	"content-header-inner": "_content-header-inner_ydpzy_60",
+	"content-inner": "_content-inner_89lif_58",
+	"content-header-inner": "_content-header-inner_89lif_63",
 	sidebar: sidebar,
-	"sidebar-inner": "_sidebar-inner_ydpzy_88",
-	"toggle-button-wrapper": "_toggle-button-wrapper_ydpzy_115",
-	"toggle-button-tooltip": "_toggle-button-tooltip_ydpzy_123",
-	"toggle-button": "_toggle-button_ydpzy_115",
-	"sidebar-header": "_sidebar-header_ydpzy_141",
-	"sidebar-adaptive-trigger-container": "_sidebar-adaptive-trigger-container_ydpzy_147",
-	"sidebar-adaptive-container": "_sidebar-adaptive-container_ydpzy_156",
-	"sidebar-adaptive": "_sidebar-adaptive_ydpzy_147",
+	"sidebar-inner": "_sidebar-inner_89lif_91",
+	"toggle-button-wrapper": "_toggle-button-wrapper_89lif_118",
+	"toggle-button-tooltip": "_toggle-button-tooltip_89lif_126",
+	"toggle-button": "_toggle-button_89lif_118",
+	"sidebar-header": "_sidebar-header_89lif_144",
+	"sidebar-adaptive-trigger-container": "_sidebar-adaptive-trigger-container_89lif_150",
+	"sidebar-adaptive-container": "_sidebar-adaptive-container_89lif_159",
+	"sidebar-adaptive": "_sidebar-adaptive_89lif_150",
 	panel: panel,
-	"panel-inner": "_panel-inner_ydpzy_171",
-	"virtual-scroll-container": "_virtual-scroll-container_ydpzy_182",
+	"panel-inner": "_panel-inner_89lif_174",
+	"virtual-scroll-container": "_virtual-scroll-container_89lif_185",
 	header: header,
-	"title-wrapper": "_title-wrapper_ydpzy_195",
+	"title-wrapper": "_title-wrapper_89lif_198",
 	title: title,
-	"preference-action": "_preference-action_ydpzy_202",
+	"preference-action": "_preference-action_89lif_205",
 	chips: chips,
 	actions: actions,
 	description: description,
@@ -81,10 +81,10 @@ const styles = {
 	medium: medium,
 	large: large,
 	collapsed: collapsed,
-	"drilldown-open": "_drilldown-open_ydpzy_349",
+	"drilldown-open": "_drilldown-open_89lif_352",
 	noPadding: noPadding,
-	"sidebar-adaptive-trigger": "_sidebar-adaptive-trigger_ydpzy_147",
-	"sidebar-adaptive-trigger-icon": "_sidebar-adaptive-trigger-icon_ydpzy_388",
+	"sidebar-adaptive-trigger": "_sidebar-adaptive-trigger_89lif_150",
+	"sidebar-adaptive-trigger-icon": "_sidebar-adaptive-trigger-icon_89lif_391",
 	layout: layout
 };
 
@@ -465,7 +465,11 @@ const PageContent = forwardRef(
           setLeftOffset(
             sectionRef.current.offsetLeft + sectionRef.current.offsetWidth - 9
           );
-          setContentHeight(heightTarget.offsetHeight);
+          const offsetStr = getComputedStyle(sectionRef.current).getPropertyValue("--offset").trim();
+          const offset = parseFloat(offsetStr) || 0;
+          const rawHeight = document.documentElement.scrollHeight - offset;
+          const safeHeight = Number.isFinite(rawHeight) ? Math.max(0, rawHeight) : 0;
+          setContentHeight(safeHeight);
         });
         observer.observe(sectionRef.current);
         if (isWrapped) {
@@ -634,165 +638,177 @@ const PageFooter = forwardRef(
 );
 PageFooter.displayName = "PageFooter";
 
-const PageElement = forwardRef((props, ref) => {
-  const { children, className, ...rest } = props;
-  const classNames = cx(styles["page"], className);
-  const elRef = useRef(null);
-  const combinedRef = useMergeRefs([elRef, ref]);
-  const [pageWidth, setPageWidth] = useState(0);
-  const [contentWrapper, setContentWrapper] = useState(
-    null
-  );
-  const [footerSlot, setFooterSlot] = useState(null);
-  useLayoutEffect(() => {
-    const element = elRef.current;
-    const resizeObserver = new ResizeObserver((entries) => {
-      const entry = entries[0];
-      if (entry) {
-        setPageWidth(entry.contentRect.width);
-      }
-    });
-    if (element) {
-      resizeObserver.observe(element);
-    }
-    return () => {
+const Page = Object.assign(
+  forwardRef(function PageInner(props, ref) {
+    const { children, className, ...rest } = props;
+    const classNames = cx(styles["page"], className);
+    const elRef = useRef(null);
+    const combinedRef = useMergeRefs([elRef, ref]);
+    const [pageWidth, setPageWidth] = useState(0);
+    const [contentWrapper, setContentWrapper] = useState(
+      null
+    );
+    const [footerSlot, setFooterSlot] = useState(null);
+    useLayoutEffect(() => {
+      const element = elRef.current;
+      const resizeObserver = new ResizeObserver((entries) => {
+        const entry = entries[0];
+        if (entry) {
+          setPageWidth(entry.contentRect.width);
+        }
+      });
       if (element) {
-        resizeObserver.unobserve(element);
-        resizeObserver.disconnect();
+        resizeObserver.observe(element);
       }
-    };
-  }, [elRef]);
-  return /* @__PURE__ */ jsx(PageContext.Provider, { value: { pageWidth, contentWrapper, footerSlot }, children: /* @__PURE__ */ jsx("div", { className: classNames, "data-anv": "Page", ref: combinedRef, ...rest, children: /* @__PURE__ */ jsxs("div", { className: styles["container"], children: [
-    children,
-    /* @__PURE__ */ jsx("main", { className: styles["content-wrapper"], ref: setContentWrapper }),
-    /* @__PURE__ */ jsx("div", { className: styles["footer-slot"], ref: setFooterSlot })
-  ] }) }) });
-});
-PageElement.displayName = "Page";
-const Page = Object.assign(PageElement, {
-  /**
-   * PageSidebar component for creating collapsible navigation sidebars.
-   *
-   * Features:
-   * - Collapsible sidebar with localStorage persistence
-   * - Responsive design with adaptive popover on mobile
-   * - Automatic tracking ID generation for analytics
-   * - Keyboard navigation and accessibility support
-   * - Toggle button with tooltip
-   * - Context provider for sidebar state
-   * - Mobile-friendly popover navigation
-   *
-   * @example
-   * <Page.Sidebar currentPageTitle="Navigation">
-   *   <Page.SidebarHeader>
-   *     <Text variant="headline" el="h2">Sidebar Title</Text>
-   *   </Page.SidebarHeader>
-   *   <SideNav>
-   *     <SideNavLink pathname="/">Home</SideNavLink>
-   *   </SideNav>
-   * </Page.Sidebar>
-   */
-  Sidebar: PageSidebar,
-  /**
-   * PageSidebarHeader component for creating header sections within sidebars.
-   *
-   * Features:
-   * - Container for sidebar header content
-   * - Automatic visibility handling based on sidebar collapsed state
-   * - Supports all standard div props
-   * - Context-aware styling
-   *
-   * @example
-   * <Page.SidebarHeader>
-   *   <Text variant="headline" el="h2" size="medium">
-   *     Sidebar Title
-   *   </Text>
-   * </Page.SidebarHeader>
-   */
-  SidebarHeader: PageSidebarHeader,
-  /**
-   * PageHeader component for creating page headers with navigation and actions.
-   *
-   * Features:
-   * - Page title with semantic heading
-   * - Breadcrumb navigation support
-   * - Status chips display
-   * - Primary and secondary action buttons
-   * - Preference action button/link
-   * - Responsive layout with fluid grid
-   * - Accessibility support with proper ARIA labels
-   * - Flexible layout configuration
-   * - Description content support
-   *
-   * @example
-   * <Page.Header
-   *   title="Page Title"
-   *   breadcrumbs={[
-   *     { href: "/", children: "Home" },
-   *     { children: "Current Page" }
-   *   ]}
-   *   chips={[{ label: "Status" }]}
-   *   actions={{
-   *     primary: { label: "Save", onClick: handleSave },
-   *     secondary: [{ label: "Cancel", onClick: handleCancel }]
-   *   }}
-   * />
-   */
-  Header: PageHeader,
-  /**
-   * PageContent component for the main content area of a page.
-   *
-   * Features:
-   * - Semantic main element for page content
-   * - Virtual scrolling support for long content
-   * - Automatic scroll synchronization
-   * - Responsive design
-   * - Accessibility support with proper main landmark
-   * - Scroll position management
-   *
-   * @example
-   * <Page.Content>
-   *   <Text>Main page content goes here</Text>
-   *   <Button>Action Button</Button>
-   * </Page.Content>
-   */
-  Content: PageContent,
-  /**
-   * PagePanel component for creating slide-out panels or dialogs.
-   *
-   * Features:
-   * - Responsive design with dialog fallback on mobile
-   * - Multiple size variants (small, medium, large)
-   * - Optional padding control
-   * - Persistent or controlled open state
-   * - Automatic mobile dialog conversion
-   * - Keyboard navigation and accessibility support
-   * - Smooth animations and transitions
-   *
-   * @example
-   * <Page.Panel open={isOpen} size="medium">
-   *   <Text variant="headline" el="h3">Panel Content</Text>
-   *   <Button onClick={() => setIsOpen(false)}>Close</Button>
-   * </Page.Panel>
-   */
-  Panel: PagePanel,
-  /**
-   * PageFooter component for creating page footers with layout utilities.
-   *
-   * Features:
-   * - Semantic footer element
-   * - Layout utility props support
-   * - Responsive design
-   * - Accessibility support with proper footer landmark
-   * - Flexible content positioning
-   *
-   * @example
-   * <Page.Footer>
-   *   <Text>Footer content with layout utilities</Text>
-   * </Page.Footer>
-   */
-  Footer: PageFooter
-});
+      return () => {
+        if (element) {
+          resizeObserver.unobserve(element);
+          resizeObserver.disconnect();
+        }
+      };
+    }, [elRef]);
+    const contextValue = useMemo(
+      () => ({ pageWidth, contentWrapper, footerSlot }),
+      [pageWidth, contentWrapper, footerSlot]
+    );
+    return /* @__PURE__ */ jsx(PageContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx("div", { className: classNames, "data-anv": "Page", ref: combinedRef, ...rest, children: /* @__PURE__ */ jsxs("div", { className: styles["container"], children: [
+      children,
+      /* @__PURE__ */ jsx(
+        "main",
+        {
+          className: styles["content-wrapper"],
+          ref: setContentWrapper
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: styles["footer-slot"], ref: setFooterSlot })
+    ] }) }) });
+  }),
+  {
+    /**
+     * PageSidebar component for creating collapsible navigation sidebars.
+     *
+     * Features:
+     * - Collapsible sidebar with localStorage persistence
+     * - Responsive design with adaptive popover on mobile
+     * - Automatic tracking ID generation for analytics
+     * - Keyboard navigation and accessibility support
+     * - Toggle button with tooltip
+     * - Context provider for sidebar state
+     * - Mobile-friendly popover navigation
+     *
+     * @example
+     * <Page.Sidebar currentPageTitle="Navigation">
+     *   <Page.SidebarHeader>
+     *     <Text variant="headline" el="h2">Sidebar Title</Text>
+     *   </Page.SidebarHeader>
+     *   <SideNav>
+     *     <SideNavLink pathname="/">Home</SideNavLink>
+     *   </SideNav>
+     * </Page.Sidebar>
+     */
+    Sidebar: PageSidebar,
+    /**
+     * PageSidebarHeader component for creating header sections within sidebars.
+     *
+     * Features:
+     * - Container for sidebar header content
+     * - Automatic visibility handling based on sidebar collapsed state
+     * - Supports all standard div props
+     * - Context-aware styling
+     *
+     * @example
+     * <Page.SidebarHeader>
+     *   <Text variant="headline" el="h2" size="medium">
+     *     Sidebar Title
+     *   </Text>
+     * </Page.SidebarHeader>
+     */
+    SidebarHeader: PageSidebarHeader,
+    /**
+     * PageHeader component for creating page headers with navigation and actions.
+     *
+     * Features:
+     * - Page title with semantic heading
+     * - Breadcrumb navigation support
+     * - Status chips display
+     * - Primary and secondary action buttons
+     * - Preference action button/link
+     * - Responsive layout with fluid grid
+     * - Accessibility support with proper ARIA labels
+     * - Flexible layout configuration
+     * - Description content support
+     *
+     * @example
+     * <Page.Header
+     *   title="Page Title"
+     *   breadcrumbs={[
+     *     { href: "/", children: "Home" },
+     *     { children: "Current Page" }
+     *   ]}
+     *   chips={[{ label: "Status" }]}
+     *   actions={{
+     *     primary: { label: "Save", onClick: handleSave },
+     *     secondary: [{ label: "Cancel", onClick: handleCancel }]
+     *   }}
+     * />
+     */
+    Header: PageHeader,
+    /**
+     * PageContent component for the main content area of a page.
+     *
+     * Features:
+     * - Semantic main element for page content
+     * - Virtual scrolling support for long content
+     * - Automatic scroll synchronization
+     * - Responsive design
+     * - Accessibility support with proper main landmark
+     * - Scroll position management
+     *
+     * @example
+     * <Page.Content>
+     *   <Text>Main page content goes here</Text>
+     *   <Button>Action Button</Button>
+     * </Page.Content>
+     */
+    Content: PageContent,
+    /**
+     * PagePanel component for creating slide-out panels or dialogs.
+     *
+     * Features:
+     * - Responsive design with dialog fallback on mobile
+     * - Multiple size variants (small, medium, large)
+     * - Optional padding control
+     * - Persistent or controlled open state
+     * - Automatic mobile dialog conversion
+     * - Keyboard navigation and accessibility support
+     * - Smooth animations and transitions
+     *
+     * @example
+     * <Page.Panel open={isOpen} size="medium">
+     *   <Text variant="headline" el="h3">Panel Content</Text>
+     *   <Button onClick={() => setIsOpen(false)}>Close</Button>
+     * </Page.Panel>
+     */
+    Panel: PagePanel,
+    /**
+     * PageFooter component for creating page footers with layout utilities.
+     *
+     * Features:
+     * - Semantic footer element
+     * - Layout utility props support
+     * - Responsive design
+     * - Accessibility support with proper footer landmark
+     * - Flexible content positioning
+     *
+     * @example
+     * <Page.Footer>
+     *   <Text>Footer content with layout utilities</Text>
+     * </Page.Footer>
+     */
+    Footer: PageFooter
+  }
+);
+Page.displayName = "Page";
 
 export { Page as P };
-//# sourceMappingURL=Page-Be029Dij.js.map
+//# sourceMappingURL=Page-2hbQxUj6.js.map