@navikt/ds-react 7.33.1 → 7.33.3

package/src/overlays/dismissablelayer/DismissableLayer.tsx

@@ -1,6 +1,5 @@
 import React, { forwardRef, useContext, useEffect, useState } from "react";
 import { Slot } from "../../slot/Slot";
-import { omit } from "../../util";
 import { composeEventHandlers } from "../../util/composeEventHandlers";
 import { useMergeRefs } from "../../util/hooks";
 import { ownerDocument } from "../../util/owner";
@@ -63,34 +62,7 @@ interface DismissableLayerBaseProps
 
 type DismissableLayerProps = DismissableLayerBaseProps & AsChild;
 
-const DismissableLayer = forwardRef<HTMLDivElement, DismissableLayerProps>(
-  ({ enabled = true, ...restProps }: DismissableLayerProps, forwardedRef) => {
-    if (!enabled) {
-      const Component = restProps.asChild ? Slot : "div";
-      return (
-        <Component
-          {...omit(restProps, [
-            "asChild",
-            "disableOutsidePointerEvents",
-            "onDismiss",
-            "onEscapeKeyDown",
-            "onFocusOutside",
-            "onInteractOutside",
-            "onPointerDownOutside",
-            "safeZone",
-          ])}
-          ref={forwardedRef}
-        />
-      );
-    }
-
-    return <DismissableLayerInternal {...restProps} ref={forwardedRef} />;
-  },
-);
-
-type DismissableLayerElement = React.ComponentRef<
-  typeof DismissableLayerInternal
->;
+type DismissableLayerElement = React.ComponentRef<typeof DismissableLayer>;
 
 const BranchedLayerContext =
   React.createContext<DismissableLayerElement | null>(null);
@@ -108,10 +80,7 @@ const DismissableLayerContext = React.createContext({
   layersWithOutsidePointerEventsDisabled: new Set<DismissableLayerElement>(),
 });
 
-const DismissableLayerInternal = forwardRef<
-  HTMLDivElement,
-  DismissableLayerProps
->(
+const DismissableLayer = forwardRef<HTMLDivElement, DismissableLayerProps>(
   (
     {
       children,
@@ -123,6 +92,7 @@ const DismissableLayerInternal = forwardRef<
       onPointerDownOutside,
       safeZone,
       asChild,
+      enabled = true,
       ...restProps
     }: DismissableLayerProps,
     forwardedRef,
@@ -194,73 +164,85 @@ const DismissableLayerInternal = forwardRef<
       }
     }
 
-    const pointerDownOutside = usePointerDownOutside((event) => {
-      if (!shouldEnablePointerEvents) {
-        return;
-      }
-
-      /**
-       * We call these before letting `handleOutsideEvent` do its checks to give consumer a chance to preventDefault.
-       */
-      onPointerDownOutside?.(event);
-      onInteractOutside?.(event);
-
-      /**
-       * Add safeZone to prevent closing when interacting with trigger/anchor or its children.
-       */
-      safeZone && handleOutsideEvent(event);
+    const pointerDownOutside = usePointerDownOutside(
+      (event) => {
+        if (!shouldEnablePointerEvents) {
+          return;
+        }
 
-      if (!event.defaultPrevented && onDismiss) {
-        onDismiss();
-      }
-    }, ownerDoc);
+        /**
+         * We call these before letting `handleOutsideEvent` do its checks to give consumer a chance to preventDefault.
+         */
+        onPointerDownOutside?.(event);
+        onInteractOutside?.(event);
 
-    const focusOutside = useFocusOutside((event) => {
-      /**
-       * We call these before letting `handleOutsideEvent` do its checks to give consumer a chance to preventDefault.
-       */
-      onFocusOutside?.(event);
-      onInteractOutside?.(event);
+        /**
+         * Add safeZone to prevent closing when interacting with trigger/anchor or its children.
+         */
+        safeZone && handleOutsideEvent(event);
 
-      /**
-       * Add safeZone to prevent closing when interacting with trigger/anchor or its children.
-       */
-      safeZone && handleOutsideEvent(event);
+        if (!event.defaultPrevented && onDismiss) {
+          onDismiss();
+        }
+      },
+      ownerDoc,
+      enabled,
+    );
 
-      if (!event.defaultPrevented && onDismiss) {
-        onDismiss();
-      }
-    }, ownerDoc);
+    const focusOutside = useFocusOutside(
+      (event) => {
+        /**
+         * We call these before letting `handleOutsideEvent` do its checks to give consumer a chance to preventDefault.
+         */
+        onFocusOutside?.(event);
+        onInteractOutside?.(event);
+
+        /**
+         * Add safeZone to prevent closing when interacting with trigger/anchor or its children.
+         */
+        safeZone && handleOutsideEvent(event);
+
+        if (!event.defaultPrevented && onDismiss) {
+          onDismiss();
+        }
+      },
+      ownerDoc,
+      enabled,
+    );
 
-    useEscapeKeydown((event) => {
-      /**
-       * The deepest nested element will always be last in the descendants list.
-       * This allows us to only close the highest layer when pressing escape.
-       */
-      const isHighestLayer = index === context.layers.size - 1;
-      if (!isHighestLayer) {
-        return;
-      }
+    useEscapeKeydown(
+      (event) => {
+        /**
+         * The deepest nested element will always be last in the descendants list.
+         * This allows us to only close the highest layer when pressing escape.
+         */
+        const isHighestLayer = index === context.layers.size - 1;
+        if (!isHighestLayer) {
+          return;
+        }
 
-      /**
-       * We call this before letting `handleOutsideEvent` do its checks to give consumer a chance to preventDefault based certain cases.
-       */
-      onEscapeKeyDown?.(event);
-      /**
-       * `onEscapeKeyDown` is able to preventDefault the event, thus stopping call for `onDismiss`.
-       * We want to `preventDefault` the escape-event to avoid sideeffect from other elements on screen
-       */
-      if (!event.defaultPrevented && onDismiss) {
-        event.preventDefault();
-        onDismiss();
-      }
-    }, ownerDoc);
+        /**
+         * We call this before letting `handleOutsideEvent` do its checks to give consumer a chance to preventDefault based certain cases.
+         */
+        onEscapeKeyDown?.(event);
+        /**
+         * `onEscapeKeyDown` is able to preventDefault the event, thus stopping call for `onDismiss`.
+         * We want to `preventDefault` the escape-event to avoid sideeffect from other elements on screen
+         */
+        if (!event.defaultPrevented && onDismiss) {
+          event.preventDefault();
+          onDismiss();
+        }
+      },
+      ownerDoc,
+      enabled,
+    );
 
     /**
      * Handles registering `layers` and `layersWithOutsidePointerEventsDisabled`.
      */
     useEffect(() => {
-      if (!node) {
+      if (!node || !enabled) {
         return;
       }
 
@@ -282,25 +264,32 @@ const DismissableLayerInternal = forwardRef<
           ownerDoc.body.style.pointerEvents = originalBodyPointerEvents;
         }
       };
-    }, [node, disableOutsidePointerEvents, context, ownerDoc]);
+    }, [node, enabled, disableOutsidePointerEvents, context, ownerDoc]);
 
     /**
      * We purposefully prevent combining this effect with the `disableOutsidePointerEvents` effect
      * because a change to `disableOutsidePointerEvents` would remove this layer from the stack
      * and add it to the end again so the layering order wouldn't be creation order.
      * We only want them to be removed from context stacks when unmounted.
+     *
+     * We depend on `enabled` to clean up when the layer is disabled.
      */
+    // biome-ignore lint/correctness/useExhaustiveDependencies: We need to clean up after enabled changes.
     useEffect(() => {
       return () => {
         if (!node) {
           return;
         }
-
-        context.layers.delete(node);
-        context.layersWithOutsidePointerEventsDisabled.delete(node);
-        dispatchUpdate();
+        if (
+          context.layers.has(node) ||
+          context.layersWithOutsidePointerEventsDisabled.has(node)
+        ) {
+          context.layers.delete(node);
+          context.layersWithOutsidePointerEventsDisabled.delete(node);
+          dispatchUpdate();
+        }
       };
-    }, [node, context]);
+    }, [node, context, enabled]);
 
     const parentBranchedLayer = useContext(BranchedLayerContext);
 
@@ -309,7 +298,12 @@ const DismissableLayerInternal = forwardRef<
      * When this layer has a parent, we register it as a child of the parent.
      */
     useEffect(() => {
-      if (!node || !parentBranchedLayer || node === parentBranchedLayer) {
+      if (
+        !node ||
+        !enabled ||
+        !parentBranchedLayer ||
+        node === parentBranchedLayer
+      ) {
         return;
       }
 
@@ -332,7 +326,7 @@ const DismissableLayerInternal = forwardRef<
 
         dispatchUpdate();
       };
-    }, [node, parentBranchedLayer, context]);
+    }, [node, enabled, parentBranchedLayer, context]);
 
     /**
      * Synchronizes layer state across all mounted `DismissableLayer` instances.

package/src/overlays/dismissablelayer/util/useEscapeKeydown.ts

@@ -4,10 +4,15 @@ import { useCallbackRef } from "../../../util/hooks";
 export function useEscapeKeydown(
   callback?: (event: KeyboardEvent) => void,
   ownerDocument: Document = globalThis?.document,
+  enabled: boolean = true,
 ) {
   const onEscapeKeyDown = useCallbackRef(callback);
 
   useEffect(() => {
+    if (!enabled) {
+      return;
+    }
+
     const handleKeyDown = (event: KeyboardEvent) => {
       if (event.key === "Escape") {
         onEscapeKeyDown(event);
@@ -15,7 +20,9 @@ export function useEscapeKeydown(
     };
 
     ownerDocument.addEventListener("keydown", handleKeyDown, true);
-    return () =>
+
+    return () => {
       ownerDocument.removeEventListener("keydown", handleKeyDown, true);
-  }, [onEscapeKeyDown, ownerDocument]);
+    };
+  }, [onEscapeKeyDown, ownerDocument, enabled]);
 }

package/src/overlays/dismissablelayer/util/useFocusOutside.ts

@@ -12,11 +12,16 @@ import {
 export function useFocusOutside(
   callback?: (event: CustomFocusEvent) => void,
   ownerDocument: Document = globalThis?.document,
+  enabled: boolean = true,
 ) {
   const handleFocusOutside = useCallbackRef(callback) as EventListener;
   const isFocusInsideReactTreeRef = useRef(false);
 
   useEffect(() => {
+    if (!enabled) {
+      return;
+    }
+
     const handleFocus = (event: FocusEvent) => {
       if (event.target && !isFocusInsideReactTreeRef.current) {
         const eventDetail = { originalEvent: event };
@@ -38,8 +43,10 @@ export function useFocusOutside(
       }
     };
     ownerDocument.addEventListener("focusin", handleFocus);
-    return () => ownerDocument.removeEventListener("focusin", handleFocus);
-  }, [ownerDocument, handleFocusOutside]);
+    return () => {
+      ownerDocument.removeEventListener("focusin", handleFocus);
+    };
+  }, [ownerDocument, handleFocusOutside, enabled]);
 
   /**
    * By directly setting isFocusInsideReactTreeRef on focus-events at the root of the "dismissable" element,

package/src/overlays/dismissablelayer/util/usePointerDownOutside.ts

@@ -16,6 +16,7 @@ import {
 export function usePointerDownOutside(
   callback?: (event: CustomPointerDownEvent) => void,
   ownerDocument: Document = globalThis?.document,
+  enabled: boolean = true,
 ) {
   const handlePointerDownOutside = useCallbackRef(callback) as EventListener;
   const isPointerInsideReactTreeRef = useRef(false);
@@ -23,6 +24,10 @@ export function usePointerDownOutside(
   const timeout = useTimeout();
 
   useEffect(() => {
+    if (!enabled) {
+      return;
+    }
+
     const handlePointerDown = (event: PointerEvent) => {
       /**
        * The `DismisableLayer`-API is based on the ability to stop events from propagating and in the end calling `onDismiss`
@@ -87,7 +92,7 @@ export function usePointerDownOutside(
       ownerDocument.removeEventListener("pointerdown", handlePointerDown);
       ownerDocument.removeEventListener("click", handleClickRef.current);
     };
-  }, [ownerDocument, handlePointerDownOutside, timeout]);
+  }, [ownerDocument, handlePointerDownOutside, timeout, enabled]);
 
   return {
     // ensures we check React component tree (not just DOM tree)

package/src/timeline/Timeline.tsx

@@ -2,7 +2,6 @@ import { endOfDay, isSameDay, startOfDay } from "date-fns";
 import React, { forwardRef, useMemo, useRef, useState } from "react";
 import { useRenameCSS } from "../theme/Theme";
 import { AxisLabels } from "./AxisLabels";
-import Pin, { PinType } from "./Pin";
 import TimelineRow, { TimelineRowType } from "./TimelineRow";
 import { RowContext } from "./hooks/useRowContext";
 import { TimelineContext } from "./hooks/useTimelineContext";
@@ -12,6 +11,7 @@ import {
   useTimelineRows,
 } from "./hooks/useTimelineRows";
 import Period, { PeriodType } from "./period";
+import Pin, { PinType } from "./pin/Pin";
 import { parseRows } from "./utils/timeline";
 import { AxisLabelTemplates } from "./utils/types.external";
 import Zoom, { ZoomType } from "./zoom";

package/src/timeline/index.ts

@@ -1,7 +1,7 @@
 "use client";
 export { default as Timeline, type TimelineProps } from "./Timeline";
 export { default as TimelineRow, type TimelineRowProps } from "./TimelineRow";
-export { default as TimelinePin, type TimelinePinProps } from "./Pin";
+export { default as TimelinePin, type TimelinePinProps } from "./pin/Pin";
 export { default as TimelinePeriod, type TimelinePeriodProps } from "./period";
 export {
   default as TimelineZoomButton,

package/src/timeline/pin/Pin.tsx

@@ -0,0 +1,33 @@
+import { isBefore } from "date-fns";
+import React, { forwardRef } from "react";
+import { useTimelineContext } from "../hooks/useTimelineContext";
+import { TimelineComponentTypes } from "../utils/types.internal";
+import PinInternal, { type TimelinePinProps } from "./PinInternal";
+
+export interface PinType
+  extends React.ForwardRefExoticComponent<
+    TimelinePinProps & React.RefAttributes<HTMLButtonElement>
+  > {
+  componentType: TimelineComponentTypes;
+}
+
+export const Pin = forwardRef<HTMLButtonElement, TimelinePinProps>(
+  ({ date, ...restProps }, forwardedRef) => {
+    const { startDate, endDate } = useTimelineContext();
+
+    /**
+     * Out-of-bounds pins should not be rendered
+     */
+    if (isBefore(date, startDate) || isBefore(endDate, date)) {
+      return null;
+    }
+
+    return <PinInternal ref={forwardedRef} {...restProps} date={date} />;
+  },
+) as PinType;
+
+Pin.componentType = "pin";
+
+export default Pin;
+
+export type { TimelinePinProps };

package/src/timeline/{Pin.tsx → pin/PinInternal.tsx}

@@ -14,12 +14,11 @@ import {
 } from "@floating-ui/react";
 import { format } from "date-fns";
 import React, { forwardRef, useRef, useState } from "react";
-import { useRenameCSS, useThemeInternal } from "../theme/Theme";
-import { useMergeRefs } from "../util/hooks/useMergeRefs";
-import { useI18n } from "../util/i18n/i18n.hooks";
-import { useTimelineContext } from "./hooks/useTimelineContext";
-import { position } from "./utils/calc";
-import { TimelineComponentTypes } from "./utils/types.internal";
+import { useRenameCSS, useThemeInternal } from "../../theme/Theme";
+import { useMergeRefs } from "../../util/hooks/useMergeRefs";
+import { useI18n } from "../../util/i18n/i18n.hooks";
+import { useTimelineContext } from "../hooks/useTimelineContext";
+import { position } from "../utils/calc";
 
 export interface TimelinePinProps
   extends React.HTMLAttributes<HTMLButtonElement> {
@@ -33,14 +32,7 @@ export interface TimelinePinProps
   children?: React.ReactNode;
 }
 
-export interface PinType
-  extends React.ForwardRefExoticComponent<
-    TimelinePinProps & React.RefAttributes<HTMLButtonElement>
-  > {
-  componentType: TimelineComponentTypes;
-}
-
-export const Pin = forwardRef<HTMLButtonElement, TimelinePinProps>(
+export const PinInternal = forwardRef<HTMLButtonElement, TimelinePinProps>(
   ({ date, children, ...rest }, ref) => {
     const { cn } = useRenameCSS();
     const { startDate, endDate, direction } = useTimelineContext();
@@ -157,8 +149,6 @@ export const Pin = forwardRef<HTMLButtonElement, TimelinePinProps>(
       </>
     );
   },
-) as PinType;
-
-Pin.componentType = "pin";
+);
 
-export default Pin;
+export default PinInternal;

package/src/util/hooks/useScrollLock.ts

@@ -19,11 +19,20 @@ function hasInsetScrollbars(referenceElement: Element | null) {
 function preventScrollBasic(referenceElement: Element | null) {
   const doc = ownerDocument(referenceElement);
   const html = doc.documentElement;
-  const originalOverflow = html.style.overflow;
-  html.style.overflow = "hidden";
+  const body = doc.body;
+
+  /**
+   * If an `overflow` style is present on <html>, we need to lock it, because a lock on <body>
+   * won't have any effect.
+   * But if <body> has an `overflow` style (like `overflow-x: hidden`), we need to lock it
+   * instead, as sticky elements shift otherwise.
+   */
+  const elementToLock = isOverflowElement(html) ? html : body;
+  const originalOverflow = elementToLock.style.overflow;
+  elementToLock.style.overflow = "hidden";
 
   return () => {
-    html.style.overflow = originalOverflow;
+    elementToLock.style.overflow = originalOverflow;
   };
 }
 
@@ -314,4 +323,14 @@ function useScrollLock(params: {
   }, [enabled, referenceElement]);
 }
 
+const invalidOverflowDisplayValues = new Set(["inline", "contents"]);
+
+function isOverflowElement(element: Element): boolean {
+  const { overflow, overflowX, overflowY, display } = getComputedStyle(element);
+  return (
+    /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) &&
+    !invalidOverflowDisplayValues.has(display)
+  );
+}
+
 export { useScrollLock };

package/cjs/timeline/Pin.d.ts

@@ -1,17 +0,0 @@
-import React from "react";
-import { TimelineComponentTypes } from "./utils/types.internal";
-export interface TimelinePinProps extends React.HTMLAttributes<HTMLButtonElement> {
-    /**
-     * Date position for the pin.
-     */
-    date: Date;
-    /**
-     * Content in Pin Popover.
-     */
-    children?: React.ReactNode;
-}
-export interface PinType extends React.ForwardRefExoticComponent<TimelinePinProps & React.RefAttributes<HTMLButtonElement>> {
-    componentType: TimelineComponentTypes;
-}
-export declare const Pin: PinType;
-export default Pin;

package/cjs/timeline/Pin.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Pin.js","sourceRoot":"","sources":["../../src/timeline/Pin.tsx"],"names":[],"mappings":"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"}

package/esm/timeline/Pin.d.ts

@@ -1,17 +0,0 @@
-import React from "react";
-import { TimelineComponentTypes } from "./utils/types.internal.js";
-export interface TimelinePinProps extends React.HTMLAttributes<HTMLButtonElement> {
-    /**
-     * Date position for the pin.
-     */
-    date: Date;
-    /**
-     * Content in Pin Popover.
-     */
-    children?: React.ReactNode;
-}
-export interface PinType extends React.ForwardRefExoticComponent<TimelinePinProps & React.RefAttributes<HTMLButtonElement>> {
-    componentType: TimelineComponentTypes;
-}
-export declare const Pin: PinType;
-export default Pin;

package/esm/timeline/Pin.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Pin.js","sourceRoot":"","sources":["../../src/timeline/Pin.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EACL,oBAAoB,EACpB,UAAU,EACV,KAAK,IAAI,OAAO,EAChB,IAAI,EACJ,MAAM,EACN,WAAW,EACX,KAAK,EACL,UAAU,EACV,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,eAAe,GAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAsBxC,MAAM,CAAC,MAAM,GAAG,GAAG,UAAU,CAC3B,CAAC,EAA2B,EAAE,GAAG,EAAE,EAAE;QAApC,EAAE,IAAI,EAAE,QAAQ,OAAW,EAAN,IAAI,cAAzB,oBAA2B,CAAF;IACxB,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAC9B,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAC/D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,QAAQ,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACrD,MAAM,SAAS,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;IAEtC,MAAM,YAAY,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,SAAS,GAAG,CAAC,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,UAAU,CAAA,CAAC;IAE5C,MAAM,EACJ,OAAO,EACP,SAAS,EACT,cAAc,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EACxD,IAAI,EACJ,cAAc,GACf,GAAG,WAAW,CAAC;QACd,SAAS,EAAE,KAAK;QAChB,IAAI;QACJ,YAAY,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;QACvC,oBAAoB,EAAE,UAAU;QAChC,UAAU,EAAE;YACV,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;YAC1B,KAAK,EAAE;YACP,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,kBAAkB,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;YAC3D,OAAO,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;SAC3C;KACF,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,EAAE;QAC9B,WAAW,EAAE,WAAW,EAAE;QAC1B,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE;QACrB,IAAI,EAAE,KAAK;KACZ,CAAC,CAAC;IACH,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IAChC,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IAEpC,MAAM,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,GAAG,eAAe,CAAC;QAC9D,KAAK;QACL,KAAK;QACL,OAAO;KACR,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,YAAY,EAAE,GAAG,CAAC,CAAC;IAEvD,MAAM,UAAU,GAAG;QACjB,GAAG,EAAE,QAAQ;QACb,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,OAAO;KACd,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAE3B,MAAM,KAAK,GAAG,SAAS,CAAC,SAAS,EAAE;QACjC,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;KAC5C,CAAC,CAAC;IAEH,OAAO,CACL;QACE,6BACE,SAAS,EAAE,EAAE,CAAC,6BAA6B,CAAC,EAC5C,KAAK,EAAE,EAAE,CAAC,SAAS,CAAC,EAAE,GAAG,QAAQ,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,CAAC,GAAG,EAAE;YAEhE,gDACM,IAAI,IACR,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,EAAE,CAAC,4BAA4B,CAAC,gBAC/B,KAAK,EACjB,IAAI,EAAC,QAAQ,mBACE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,IACtC,iBAAiB,CAAC;gBACpB,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;;oBACf,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,qDAAG,CAA2C,CAAC,CAAC;oBAC/D,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;wBACtB,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;oBAC3B,CAAC;yBAAM,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;wBACzB,OAAO,CAAC,KAAK,CAAC,CAAC;oBACjB,CAAC;gBACH,CAAC;aACF,CAAC,EACF,CACE;QACL,QAAQ,IAAI,IAAI,IAAI,CACnB,oBAAC,oBAAoB,IACnB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,CAAC,CAAC,EAChB,WAAW,EAAE,KAAK;YAElB,2CACE,SAAS,EAAE,EAAE,CAAC,yBAAyB,CAAC,oBACxB,SAAS,EACzB,GAAG,EAAE,IAAI,CAAC,WAAW,EACrB,IAAI,EAAC,QAAQ,gBACD,KAAK,IACb,gBAAgB,EAAE,IACtB,KAAK,EAAE,cAAc;gBAEpB,QAAQ;gBACR,SAAS,IAAI,CACZ,6BACE,GAAG,EAAE,QAAQ,EACb,KAAK,gDACA,CAAC,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GACxC,CAAC,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GACvC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GAEpD,SAAS,EAAE,EAAE,CAAC,+BAA+B,CAAC,GAC9C,CACH,CACG,CACe,CACxB,CACA,CACJ,CAAC;AACJ,CAAC,CACS,CAAC;AAEb,GAAG,CAAC,aAAa,GAAG,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAC"}