@entur/modal 2.0.0-alpha.0 → 2.0.0-next.1

package/dist/modal.esm.js

@@ -1,180 +1,247 @@
-import { useRandomId, warnAboutMissingStyles } from '@entur/utils';
-import React from 'react';
-import { CloseIcon } from '@entur/icons';
-import { IconButton } from '@entur/button';
-import { Heading4, Heading3, Heading2 } from '@entur/typography';
-import classNames from 'classnames';
-import { DialogOverlay, DialogContent } from '@reach/dialog';
-import { MoveFocusInside } from 'react-focus-lock';
-import { VisuallyHidden } from '@entur/a11y';
-import { Contrast } from '@entur/layout';
-
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
+import { ConditionalWrapper, warnAboutMissingStyles } from "@entur/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef, useEffect, useCallback, useId } from "react";
+import { CloseIcon } from "@entur/icons";
+import { IconButton } from "@entur/button";
+import { Heading2, Heading3, Heading4 } from "@entur/typography";
+import { createPortal } from "react-dom";
+import classNames from "classnames";
+import { ContrastContext, Contrast } from "@entur/layout";
+const ModalOverlay = ({
+  className,
+  open,
+  onDismiss,
+  initialFocusRef,
+  closeOnClickOutside = true,
+  children,
+  ...rest
+}) => {
+  const dialogRef = useRef(null);
+  useEffect(() => {
+    const dialog = dialogRef.current;
+    if (!dialog) return;
+    if (open && !dialog.open) {
+      dialog.showModal();
+      const target = initialFocusRef?.current ?? dialog.querySelector("[data-autofocus]") ?? dialog;
+      target.focus();
+    } else if (!open && dialog.open) {
+      dialog.close();
     }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-
-var _excluded$2 = ["className", "open"];
-var ModalOverlay = function ModalOverlay(_ref) {
-  var className = _ref.className,
-    open = _ref.open,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
-  return React.createElement(DialogOverlay, _extends({
-    className: classNames('eds-modal__overlay', className),
-    isOpen: open
-  }, rest));
+  }, [open, initialFocusRef]);
+  useEffect(
+    function syncCancelEvent() {
+      const dialog = dialogRef.current;
+      if (!dialog || !onDismiss) return;
+      const handleCancel = (e) => {
+        e.preventDefault();
+        onDismiss();
+      };
+      dialog.addEventListener("cancel", handleCancel);
+      return () => dialog.removeEventListener("cancel", handleCancel);
+    },
+    [onDismiss]
+  );
+  const handleClick = useCallback(
+    (e) => {
+      if (!closeOnClickOutside) return;
+      if (e.target === dialogRef.current) onDismiss?.();
+    },
+    [onDismiss, closeOnClickOutside]
+  );
+  if (typeof document === "undefined") return null;
+  return createPortal(
+    /* @__PURE__ */ jsx(ContrastContext.Provider, { value: false, children: /* @__PURE__ */ jsx(
+      "dialog",
+      {
+        ref: dialogRef,
+        className: classNames("eds-modal__overlay", className),
+        ...rest,
+        onClick: handleClick,
+        children: open && children
+      }
+    ) }),
+    document.body
+  );
 };
-
-var _excluded$1 = ["children", "className", "size", "title", "align"];
-var headingsMap = {
+const headingsMap = {
   extraSmall: Heading4,
   small: Heading3,
   medium: Heading2,
   large: Heading2,
   extraLarge: Heading2
 };
-var ModalContent = function ModalContent(_ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    size = _ref.size,
-    title = _ref.title,
-    _ref$align = _ref.align,
-    align = _ref$align === void 0 ? 'start' : _ref$align,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$1);
-  var Heading = headingsMap[size] || Heading2;
-  var randomId = useRandomId('eds-modal');
-  return React.createElement(DialogContent, _extends({
-    className: classNames('eds-modal__content', "eds-modal__content--size-" + size, "eds-modal__content--align-" + align, className),
-    "aria-labelledby": randomId
-  }, rest), title && React.createElement(Heading, {
-    margin: "bottom",
-    as: "h2",
-    id: randomId
-  }, title), children);
+const ModalContent = ({
+  children,
+  className,
+  size,
+  title,
+  align = "start",
+  ...rest
+}) => {
+  const Heading = headingsMap[size] || Heading2;
+  const randomId = useId();
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: classNames(
+        "eds-modal__content",
+        `eds-modal__content--size-${size}`,
+        `eds-modal__content--align-${align}`,
+        className
+      ),
+      "aria-labelledby": title ? randomId : void 0,
+      ...rest,
+      children: [
+        title && /* @__PURE__ */ jsx(Heading, { margin: "bottom", as: "h2", id: randomId, children: title }),
+        children
+      ]
+    }
+  );
 };
-
-var _excluded = ["children", "closeLabel", "initialFocusRef", "open", "onDismiss", "size", "align", "title", "closeOnClickOutside"];
-var Modal = function Modal(_ref) {
-  var children = _ref.children,
-    _ref$closeLabel = _ref.closeLabel,
-    closeLabel = _ref$closeLabel === void 0 ? 'Lukk' : _ref$closeLabel,
-    initialFocusRef = _ref.initialFocusRef,
-    open = _ref.open,
-    onDismiss = _ref.onDismiss,
-    size = _ref.size,
-    _ref$align = _ref.align,
-    align = _ref$align === void 0 ? 'start' : _ref$align,
-    title = _ref.title,
-    _ref$closeOnClickOuts = _ref.closeOnClickOutside,
-    closeOnClickOutside = _ref$closeOnClickOuts === void 0 ? true : _ref$closeOnClickOuts,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var randomId = useRandomId('eds-modal');
-  var Heading = headingsMap[size] || Heading2;
-  var showCloseButton = ['medium', 'large', 'extraLarge'].includes(size);
-  var handleOnDismiss;
-  if (onDismiss && closeOnClickOutside) {
-    handleOnDismiss = onDismiss;
-  }
-  return React.createElement(ModalOverlay, {
-    open: open,
-    onDismiss: handleOnDismiss,
-    initialFocusRef: initialFocusRef
-  }, React.createElement(ModalContent, _extends({
-    size: size,
-    align: align
-  }, rest), showCloseButton && React.createElement(IconButton, {
-    className: "eds-modal__close",
-    "aria-label": closeLabel,
-    onClick: onDismiss
-  }, React.createElement(CloseIcon, null)), title && React.createElement(Heading, {
-    margin: "bottom",
-    as: "h2",
-    id: randomId
-  }, title), children));
+const Modal = ({
+  children,
+  closeLabel = "Lukk",
+  initialFocusRef,
+  open,
+  onDismiss,
+  size,
+  align = "start",
+  title,
+  closeOnClickOutside = true,
+  showCloseButton = true,
+  "aria-label": ariaLabel,
+  ...rest
+}) => {
+  const randomId = useId();
+  const Heading = headingsMap[size] || Heading2;
+  return /* @__PURE__ */ jsxs(
+    ModalOverlay,
+    {
+      open,
+      onDismiss,
+      closeOnClickOutside,
+      initialFocusRef,
+      className: `eds-modal__overlay--size-${size}`,
+      "aria-labelledby": title ? randomId : void 0,
+      "aria-label": !title ? ariaLabel : void 0,
+      children: [
+        showCloseButton && /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            className: "eds-modal__close",
+            "aria-label": closeLabel,
+            onClick: onDismiss,
+            type: "button",
+            children: /* @__PURE__ */ jsx(CloseIcon, {})
+          }
+        ),
+        /* @__PURE__ */ jsxs(ModalContent, { size, align, ...rest, children: [
+          title && /* @__PURE__ */ jsx(
+            Heading,
+            {
+              margin: "bottom",
+              as: "h2",
+              id: randomId,
+              tabIndex: -1,
+              "data-autofocus": initialFocusRef ? void 0 : "",
+              children: title
+            }
+          ),
+          children
+        ] })
+      ]
+    }
+  );
 };
-
-var Drawer = function Drawer(_ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    _ref$closeLabel = _ref.closeLabel,
-    closeLabel = _ref$closeLabel === void 0 ? 'Lukk skuff' : _ref$closeLabel,
-    _ref$contrast = _ref.contrast,
-    contrast = _ref$contrast === void 0 ? false : _ref$contrast,
-    _ref$open = _ref.open,
-    open = _ref$open === void 0 ? true : _ref$open,
-    onDismiss = _ref.onDismiss,
-    title = _ref.title,
-    style = _ref.style,
-    _ref$overlay = _ref.overlay,
-    overlay = _ref$overlay === void 0 ? false : _ref$overlay;
-  var titleId = useRandomId('eds-drawer');
-  if (!open) {
-    return null;
-  }
-  var handleKeyDown = function handleKeyDown(e) {
-    if (e.key === 'Escape') {
+const Drawer = ({
+  children,
+  className,
+  closeLabel = "Lukk skuff",
+  contrast = false,
+  open = true,
+  onDismiss,
+  title,
+  style,
+  overlay = false
+}) => {
+  const titleId = useId();
+  const drawerRef = useRef(null);
+  const previouslyFocusedRef = useRef(null);
+  useEffect(
+    function handleFocus() {
+      if (!open || overlay) return;
+      previouslyFocusedRef.current = document.activeElement;
+      drawerRef.current?.querySelector("[data-autofocus]")?.focus();
+      return () => {
+        if (previouslyFocusedRef.current instanceof HTMLElement) {
+          previouslyFocusedRef.current.focus();
+        }
+      };
+    },
+    [open, overlay]
+  );
+  const shouldRemoveFromDOM = !open && !overlay;
+  if (shouldRemoveFromDOM) return null;
+  function handleKeyDown(e) {
+    if (e.key === "Escape") {
       e.stopPropagation();
       onDismiss();
     }
+  }
+  const Wrapper = contrast ? Contrast : "div";
+  const nonModalDialogProps = {
+    role: "dialog",
+    "aria-modal": false,
+    "aria-labelledby": titleId
   };
-  var Wrapper = contrast ? Contrast : React.Fragment;
-  var ContentContainer = overlay ? DialogContent : 'div';
-  return React.createElement(ConditionalWrapper, {
-    condition: overlay,
-    wrapper: function wrapper(children) {
-      return React.createElement(ModalOverlay, {
-        open: open,
-        onDismiss: onDismiss
-      }, children);
+  return /* @__PURE__ */ jsx(
+    ConditionalWrapper,
+    {
+      condition: overlay,
+      wrapper: (children2) => /* @__PURE__ */ jsx(
+        ModalOverlay,
+        {
+          open,
+          onDismiss,
+          "aria-labelledby": titleId,
+          children: children2
+        }
+      ),
+      children: /* @__PURE__ */ jsxs(
+        Wrapper,
+        {
+          ref: drawerRef,
+          ...!overlay && nonModalDialogProps,
+          className: classNames("eds-drawer", className),
+          onKeyDown: handleKeyDown,
+          style,
+          children: [
+            /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                className: "eds-drawer__close-button",
+                onClick: onDismiss,
+                type: "button",
+                "aria-label": closeLabel,
+                children: /* @__PURE__ */ jsx(CloseIcon, { "aria-hidden": true })
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "eds-drawer__content", children: [
+              /* @__PURE__ */ jsx(Heading3, { as: "h2", id: titleId, tabIndex: -1, "data-autofocus": "", children: title }),
+              children
+            ] })
+          ]
+        }
+      )
     }
-  }, React.createElement(Wrapper, null, React.createElement(ContentContainer, {
-    "aria-labelledby": titleId,
-    className: classNames('eds-drawer', className),
-    onKeyDown: handleKeyDown,
-    style: style
-  }, React.createElement(MoveFocusInside, null, React.createElement("div", {
-    className: "eds-drawer__content"
-  }, React.createElement(Heading3, {
-    as: "h2",
-    id: titleId
-  }, title), children), React.createElement(IconButton, {
-    className: "eds-drawer__close-button",
-    onClick: onDismiss,
-    type: "button"
-  }, React.createElement(CloseIcon, {
-    "aria-hidden": true
-  }), React.createElement(VisuallyHidden, null, closeLabel))))));
+  );
 };
-var ConditionalWrapper = function ConditionalWrapper(_ref2) {
-  var condition = _ref2.condition,
-    wrapper = _ref2.wrapper,
-    children = _ref2.children;
-  return condition ? wrapper(children) : children;
+warnAboutMissingStyles("modal", "icons", "typography", "a11y", "button");
+export {
+  Drawer,
+  Modal,
+  ModalContent,
+  ModalOverlay,
+  headingsMap
 };
-
-warnAboutMissingStyles('modal', 'icons', 'typography', 'a11y', 'button');
-
-export { Drawer, Modal, ModalContent, ModalOverlay, headingsMap };
 //# sourceMappingURL=modal.esm.js.map

package/dist/modal.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.esm.js","sources":["../src/ModalOverlay.tsx","../src/ModalContent.tsx","../src/Modal.tsx","../src/Drawer.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { DialogOverlay } from '@reach/dialog';\n\nexport type ModalOverlayProps = {\n  /** Flagg som sier om modalen er åpen */\n  open?: boolean;\n  /** Callback som kalles når brukeren ber om å lukke modalen */\n  onDismiss?: () => void;\n  /** Innholdet i modalen */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** En ref til elementet som skal være fokusert når modalen åpnes. Defaulter til lukkeknappen */\n  initialFocusRef?: React.RefObject<HTMLElement>;\n  [key: string]: any;\n};\n\nexport const ModalOverlay: React.FC<ModalOverlayProps> = ({\n  className,\n  open,\n  ...rest\n}) => (\n  <DialogOverlay\n    className={classNames('eds-modal__overlay', className)}\n    isOpen={open}\n    {...rest}\n  />\n);\n","import React from 'react';\nimport classNames from 'classnames';\nimport { DialogContent } from '@reach/dialog';\nimport { Heading4, Heading3, Heading2 } from '@entur/typography';\nimport { useRandomId } from '@entur/utils';\n\nexport type ModalContentProps = {\n  /** Innholdet i modalen */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Størrelsen på modalen */\n  size: 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';\n  /** Tittelen som vises i modalen */\n  title?: React.ReactNode;\n  /** Hvordan innholdet skal plasseres i modalen\n   * @default 'start'\n   */\n  align?: 'start' | 'center' | 'end';\n  [key: string]: any;\n};\n\nexport const headingsMap = {\n  extraSmall: Heading4,\n  small: Heading3,\n  medium: Heading2,\n  large: Heading2,\n  extraLarge: Heading2,\n};\n\nexport const ModalContent: React.FC<ModalContentProps> = ({\n  children,\n  className,\n  size,\n  title,\n  align = 'start',\n  ...rest\n}) => {\n  const Heading: React.ElementType = headingsMap[size] || Heading2;\n  const randomId = useRandomId('eds-modal');\n  return (\n    <DialogContent\n      className={classNames(\n        'eds-modal__content',\n        `eds-modal__content--size-${size}`,\n        `eds-modal__content--align-${align}`,\n        className,\n      )}\n      aria-labelledby={randomId}\n      {...rest}\n    >\n      {title && (\n        <Heading margin=\"bottom\" as=\"h2\" id={randomId}>\n          {title}\n        </Heading>\n      )}\n      {children}\n    </DialogContent>\n  );\n};\n","import React from 'react';\n\nimport { CloseIcon } from '@entur/icons';\nimport { IconButton } from '@entur/button';\nimport { Heading2 } from '@entur/typography';\nimport { useRandomId } from '@entur/utils';\n\nimport { ModalOverlay } from './ModalOverlay';\nimport { ModalContent, headingsMap } from './ModalContent';\n\nimport './Modal.scss';\n\nexport type ModalProps = {\n  /** Innholdet i modalen */\n  children: React.ReactNode;\n  /** Skjermleser-label til lukk-knappen */\n  closeLabel?: string;\n  /** En ref til elementet som skal være fokusert når modalen åpnes. Defaulter til lukkeknappen */\n  initialFocusRef?: React.RefObject<HTMLElement>;\n  /** Flagg som sier om modalen er åpen */\n  open?: boolean;\n  /** Callback som kalles når brukeren ber om å lukke modalen */\n  onDismiss?: () => void;\n  /** Størrelsen på modalen */\n  size: 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';\n  /** Hvordan innholdet skal plasseres i modalen\n   * @default 'start'\n   */\n  align?: 'start' | 'center' | 'end';\n  /** Tittelen som vises i modalen */\n  title?: React.ReactNode;\n  /** Om modalen skal lukkes når man klikker på utsiden av den\n   * @default true\n   */\n  closeOnClickOutside?: boolean;\n  [key: string]: any;\n};\n\nexport const Modal: React.FC<ModalProps> = ({\n  children,\n  closeLabel = 'Lukk',\n  initialFocusRef,\n  open,\n  onDismiss,\n  size,\n  align = 'start',\n  title,\n  closeOnClickOutside = true,\n  ...rest\n}) => {\n  const randomId = useRandomId('eds-modal');\n  const Heading: React.ElementType = headingsMap[size] || Heading2;\n  const showCloseButton = ['medium', 'large', 'extraLarge'].includes(size);\n\n  let handleOnDismiss;\n  if (onDismiss && closeOnClickOutside) {\n    handleOnDismiss = onDismiss;\n  }\n  return (\n    <ModalOverlay\n      open={open}\n      onDismiss={handleOnDismiss}\n      initialFocusRef={initialFocusRef}\n    >\n      <ModalContent size={size} align={align} {...rest}>\n        {showCloseButton && (\n          <IconButton\n            className=\"eds-modal__close\"\n            aria-label={closeLabel}\n            onClick={onDismiss}\n          >\n            <CloseIcon />\n          </IconButton>\n        )}\n        {title && (\n          <Heading margin=\"bottom\" as=\"h2\" id={randomId}>\n            {title}\n          </Heading>\n        )}\n        {children}\n      </ModalContent>\n    </ModalOverlay>\n  );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport { MoveFocusInside } from 'react-focus-lock';\nimport { VisuallyHidden } from '@entur/a11y';\nimport { Contrast } from '@entur/layout';\nimport { CloseIcon } from '@entur/icons';\nimport { Heading3 } from '@entur/typography';\nimport { useRandomId } from '@entur/utils';\nimport { IconButton } from '@entur/button';\n\nimport './Drawer.scss';\nimport { ModalOverlay } from './ModalOverlay';\nimport { DialogContent } from '@reach/dialog';\n\nexport type DrawerProps = {\n  /** Innholdet. Typisk tekst, lenker eller knapper */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Tekst som beskriver lukkeknappen for skjermlesere\n   * @default 'Lukk skuff'\n   */\n  closeLabel?: string;\n  /** Om draweren skal vises i mørk variant\n   * @default false\n   */\n  contrast?: boolean;\n  /** Callback som kalles når brukeren ønsker å lukke draweren */\n  onDismiss: () => void;\n  /** Om draweren er åpen eller ikke\n   * @default true\n   */\n  open?: boolean;\n  /** Tittel på toppen av draweren */\n  title: string;\n  /** Styling som sendes til Drawer */\n  style?: React.CSSProperties;\n  /** Legger på et overlay over resten av siden */\n  overlay?: boolean;\n};\n\nexport const Drawer: React.FC<DrawerProps> = ({\n  children,\n  className,\n  closeLabel = 'Lukk skuff',\n  contrast = false,\n  open = true,\n  onDismiss,\n  title,\n  style,\n  overlay = false,\n}) => {\n  const titleId = useRandomId('eds-drawer');\n\n  if (!open) {\n    return null;\n  }\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      e.stopPropagation();\n      onDismiss();\n    }\n  };\n\n  const Wrapper = contrast ? Contrast : React.Fragment;\n  const ContentContainer = overlay ? DialogContent : 'div';\n  return (\n    <ConditionalWrapper\n      condition={overlay}\n      wrapper={(children: React.ReactNode) => (\n        <ModalOverlay open={open} onDismiss={onDismiss}>\n          {children}\n        </ModalOverlay>\n      )}\n    >\n      <Wrapper>\n        <ContentContainer\n          aria-labelledby={titleId}\n          className={classNames('eds-drawer', className)}\n          onKeyDown={handleKeyDown}\n          style={style}\n        >\n          <MoveFocusInside>\n            <div className=\"eds-drawer__content\">\n              <Heading3 as=\"h2\" id={titleId}>\n                {title}\n              </Heading3>\n              {children}\n            </div>\n            <IconButton\n              className=\"eds-drawer__close-button\"\n              onClick={onDismiss}\n              type=\"button\"\n            >\n              <CloseIcon aria-hidden />\n              <VisuallyHidden>{closeLabel}</VisuallyHidden>\n            </IconButton>\n          </MoveFocusInside>\n        </ContentContainer>\n      </Wrapper>\n    </ConditionalWrapper>\n  );\n};\n\nconst ConditionalWrapper: React.FC<{\n  condition: boolean;\n  wrapper: (child: JSX.Element) => JSX.Element;\n  children: React.ReactElement;\n}> = ({ condition, wrapper, children }) =>\n  condition ? wrapper(children) : children;\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('modal', 'icons', 'typography', 'a11y', 'button');\n\nexport * from './Modal';\nexport * from './ModalOverlay';\nexport * from './ModalContent';\nexport * from './Drawer';\n"],"names":["ModalOverlay","className","open","rest","_excluded","React","createElement","DialogOverlay","classNames","isOpen","headingsMap","extraSmall","Heading4","small","Heading3","medium","Heading2","large","extraLarge","ModalContent","children","size","title","align","Heading","randomId","useRandomId","DialogContent","margin","as","id","Modal","closeLabel","initialFocusRef","onDismiss","closeOnClickOutside","showCloseButton","includes","handleOnDismiss","IconButton","onClick","CloseIcon","Drawer","contrast","style","overlay","titleId","handleKeyDown","e","key","stopPropagation","Wrapper","Contrast","Fragment","ContentContainer","ConditionalWrapper","condition","wrapper","onKeyDown","MoveFocusInside","type","VisuallyHidden","warnAboutMissingStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBaA,IAAAA,YAAY,GAAgC,SAA5CA,YAAY,CAAA,IAAA,EAAA;EAAA,IACvBC,SAAS,QAATA,SAAS;AACTC,IAAAA,IAAI,QAAJA,IAAI;IACDC,IAAI,GAAA,6BAAA,CAAA,IAAA,EAAAC,WAAA,CAAA,CAAA;AAAA,EAAA,OAEPC,KAAA,CAAAC,aAAA,CAACC,aAAa,EAAA,QAAA,CAAA;AACZN,IAAAA,SAAS,EAAEO,UAAU,CAAC,oBAAoB,EAAEP,SAAS,CAAC;AACtDQ,IAAAA,MAAM,EAAEP,IAAAA;AAAI,GAAA,EACRC,IAAI,CACR,CAAA,CAAA;AAAA;;;ACLG,IAAMO,WAAW,GAAG;AACzBC,EAAAA,UAAU,EAAEC,QAAQ;AACpBC,EAAAA,KAAK,EAAEC,QAAQ;AACfC,EAAAA,MAAM,EAAEC,QAAQ;AAChBC,EAAAA,KAAK,EAAED,QAAQ;AACfE,EAAAA,UAAU,EAAEF,QAAAA;EACb;AAEYG,IAAAA,YAAY,GAAgC,SAA5CA,YAAY,CAOpB,IAAA,EAAA;EAAA,IANHC,QAAQ,QAARA,QAAQ;AACRnB,IAAAA,SAAS,QAATA,SAAS;AACToB,IAAAA,IAAI,QAAJA,IAAI;AACJC,IAAAA,KAAK,QAALA,KAAK;AAAA,IAAA,UAAA,GAAA,IAAA,CACLC,KAAK;AAALA,IAAAA,KAAK,2BAAG,OAAO,GAAA,UAAA;IACZpB,IAAI,GAAA,6BAAA,CAAA,IAAA,EAAAC,WAAA,CAAA,CAAA;AAEP,EAAA,IAAMoB,OAAO,GAAsBd,WAAW,CAACW,IAAI,CAAC,IAAIL,QAAQ,CAAA;AAChE,EAAA,IAAMS,QAAQ,GAAGC,WAAW,CAAC,WAAW,CAAC,CAAA;AACzC,EAAA,OACErB,oBAACsB,aAAa,EAAA,QAAA,CAAA;IACZ1B,SAAS,EAAEO,UAAU,CACnB,oBAAoB,EAAA,2BAAA,GACQa,IAAI,EACHE,4BAAAA,GAAAA,KAAK,EAClCtB,SAAS,CACV;AAAA,IAAA,iBAAA,EACgBwB,QAAAA;GACbtB,EAAAA,IAAI,GAEPmB,KAAK,IACJjB,KAAA,CAAAC,aAAA,CAACkB,OAAO,EAAC;AAAAI,IAAAA,MAAM,EAAC,QAAQ;AAACC,IAAAA,EAAE,EAAC,IAAI;AAACC,IAAAA,EAAE,EAAEL,QAAAA;AAClC,GAAA,EAAAH,KAAK,CAET,EACAF,QAAQ,CACK,CAAA;AAEpB;;;ACrBaW,IAAAA,KAAK,GAAyB,SAA9BA,KAAK,CAWb,IAAA,EAAA;EAAA,IAVHX,QAAQ,QAARA,QAAQ;AAAA,IAAA,eAAA,GAAA,IAAA,CACRY,UAAU;AAAVA,IAAAA,UAAU,gCAAG,MAAM,GAAA,eAAA;AACnBC,IAAAA,eAAe,QAAfA,eAAe;AACf/B,IAAAA,IAAI,QAAJA,IAAI;AACJgC,IAAAA,SAAS,QAATA,SAAS;AACTb,IAAAA,IAAI,QAAJA,IAAI;AAAA,IAAA,UAAA,GAAA,IAAA,CACJE,KAAK;AAALA,IAAAA,KAAK,2BAAG,OAAO,GAAA,UAAA;AACfD,IAAAA,KAAK,QAALA,KAAK;AAAA,IAAA,qBAAA,GAAA,IAAA,CACLa,mBAAmB;AAAnBA,IAAAA,mBAAmB,sCAAG,IAAI,GAAA,qBAAA;IACvBhC,IAAI,GAAA,6BAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;AAEP,EAAA,IAAMsB,QAAQ,GAAGC,WAAW,CAAC,WAAW,CAAC,CAAA;AACzC,EAAA,IAAMF,OAAO,GAAsBd,WAAW,CAACW,IAAI,CAAC,IAAIL,QAAQ,CAAA;AAChE,EAAA,IAAMoB,eAAe,GAAG,CAAC,QAAQ,EAAE,OAAO,EAAE,YAAY,CAAC,CAACC,QAAQ,CAAChB,IAAI,CAAC,CAAA;AAExE,EAAA,IAAIiB,eAAe,CAAA;EACnB,IAAIJ,SAAS,IAAIC,mBAAmB,EAAE;AACpCG,IAAAA,eAAe,GAAGJ,SAAS,CAAA;AAC5B,GAAA;AACD,EAAA,OACE7B,KAAA,CAAAC,aAAA,CAACN,YAAY,EAAA;AACXE,IAAAA,IAAI,EAAEA,IAAI;AACVgC,IAAAA,SAAS,EAAEI,eAAe;AAC1BL,IAAAA,eAAe,EAAEA,eAAAA;AAAe,GAAA,EAEhC5B,KAAC,CAAAC,aAAA,CAAAa,YAAY,EAAA,QAAA,CAAA;AAACE,IAAAA,IAAI,EAAEA,IAAI;AAAEE,IAAAA,KAAK,EAAEA,KAAAA;GAAWpB,EAAAA,IAAI,GAC7CiC,eAAe,IACd/B,KAAC,CAAAC,aAAA,CAAAiC,UAAU,EACT;AAAAtC,IAAAA,SAAS,EAAC,kBAAkB;AAChB,IAAA,YAAA,EAAA+B,UAAU;AACtBQ,IAAAA,OAAO,EAAEN,SAAAA;AAAS,GAAA,EAElB7B,KAAC,CAAAC,aAAA,CAAAmC,SAAS,EAAG,IAAA,CAAA,CAEhB,EACAnB,KAAK,IACJjB,KAAA,CAAAC,aAAA,CAACkB,OAAO,EAAC;AAAAI,IAAAA,MAAM,EAAC,QAAQ;AAACC,IAAAA,EAAE,EAAC,IAAI;AAACC,IAAAA,EAAE,EAAEL,QAAAA;AAClC,GAAA,EAAAH,KAAK,CAET,EACAF,QAAQ,CACI,CACF,CAAA;AAEnB;;AC1CasB,IAAAA,MAAM,GAA0B,SAAhCA,MAAM,CAUd,IAAA,EAAA;EAAA,IATHtB,QAAQ,QAARA,QAAQ;AACRnB,IAAAA,SAAS,QAATA,SAAS;AAAA,IAAA,eAAA,GAAA,IAAA,CACT+B,UAAU;AAAVA,IAAAA,UAAU,gCAAG,YAAY,GAAA,eAAA;AAAA,IAAA,aAAA,GAAA,IAAA,CACzBW,QAAQ;AAARA,IAAAA,QAAQ,8BAAG,KAAK,GAAA,aAAA;AAAA,IAAA,SAAA,GAAA,IAAA,CAChBzC,IAAI;AAAJA,IAAAA,IAAI,0BAAG,IAAI,GAAA,SAAA;AACXgC,IAAAA,SAAS,QAATA,SAAS;AACTZ,IAAAA,KAAK,QAALA,KAAK;AACLsB,IAAAA,KAAK,QAALA,KAAK;AAAA,IAAA,YAAA,GAAA,IAAA,CACLC,OAAO;AAAPA,IAAAA,OAAO,6BAAG,KAAK,GAAA,YAAA,CAAA;AAEf,EAAA,IAAMC,OAAO,GAAGpB,WAAW,CAAC,YAAY,CAAC,CAAA;EAEzC,IAAI,CAACxB,IAAI,EAAE;AACT,IAAA,OAAO,IAAI,CAAA;AACZ,GAAA;AAED,EAAA,IAAM6C,aAAa,GAAG,SAAhBA,aAAa,CAAIC,CAAsB,EAAI;AAC/C,IAAA,IAAIA,CAAC,CAACC,GAAG,KAAK,QAAQ,EAAE;MACtBD,CAAC,CAACE,eAAe,EAAE,CAAA;AACnBhB,MAAAA,SAAS,EAAE,CAAA;AACZ,KAAA;GACF,CAAA;EAED,IAAMiB,OAAO,GAAGR,QAAQ,GAAGS,QAAQ,GAAG/C,KAAK,CAACgD,QAAQ,CAAA;AACpD,EAAA,IAAMC,gBAAgB,GAAGT,OAAO,GAAGlB,aAAa,GAAG,KAAK,CAAA;AACxD,EAAA,OACEtB,KAAA,CAAAC,aAAA,CAACiD,kBAAkB,EAAA;AACjBC,IAAAA,SAAS,EAAEX,OAAO;IAClBY,OAAO,EAAE,iBAACrC,QAAyB,EAAA;AAAA,MAAA,OACjCf,KAAC,CAAAC,aAAA,CAAAN,YAAY,EAAC;AAAAE,QAAAA,IAAI,EAAEA,IAAI;AAAEgC,QAAAA,SAAS,EAAEA,SAAAA;OAClC,EAAAd,QAAQ,CACI,CAAA;AAAA,KAAA;AAChB,GAAA,EAEDf,KAAA,CAAAC,aAAA,CAAC6C,OAAO,EAAA,IAAA,EACN9C,KAAA,CAAAC,aAAA,CAACgD,gBAAgB,EACE;AAAA,IAAA,iBAAA,EAAAR,OAAO;AACxB7C,IAAAA,SAAS,EAAEO,UAAU,CAAC,YAAY,EAAEP,SAAS,CAAC;AAC9CyD,IAAAA,SAAS,EAAEX,aAAa;AACxBH,IAAAA,KAAK,EAAEA,KAAAA;AAAK,GAAA,EAEZvC,KAAA,CAAAC,aAAA,CAACqD,eAAe,EAAA,IAAA,EACdtD,KAAK,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAAL,IAAAA,SAAS,EAAC,qBAAA;AAAqB,GAAA,EAClCI,KAAC,CAAAC,aAAA,CAAAQ,QAAQ,EAAC;AAAAe,IAAAA,EAAE,EAAC,IAAI;AAACC,IAAAA,EAAE,EAAEgB,OAAAA;AACnB,GAAA,EAAAxB,KAAK,CACG,EACVF,QAAQ,CACL,EACNf,KAAA,CAAAC,aAAA,CAACiC,UAAU,EAAA;AACTtC,IAAAA,SAAS,EAAC,0BAA0B;AACpCuC,IAAAA,OAAO,EAAEN,SAAS;AAClB0B,IAAAA,IAAI,EAAC,QAAA;AAAQ,GAAA,EAEbvD,KAAA,CAAAC,aAAA,CAACmC,SAAS,EAAe;AAAA,IAAA,aAAA,EAAA,IAAA;AAAA,GAAA,CAAA,EACzBpC,KAAC,CAAAC,aAAA,CAAAuD,cAAc,EAAE,IAAA,EAAA7B,UAAU,CAAkB,CAClC,CACG,CACD,CACX,CACS,CAAA;AAEzB,EAAC;AAED,IAAMuB,kBAAkB,GAInB,SAJCA,kBAAkB,CAAA,KAAA,EAAA;EAAA,IAIhBC,SAAS,SAATA,SAAS;AAAEC,IAAAA,OAAO,SAAPA,OAAO;AAAErC,IAAAA,QAAQ,SAARA,QAAQ,CAAA;AAAA,EAAA,OAClCoC,SAAS,GAAGC,OAAO,CAACrC,QAAQ,CAAC,GAAGA,QAAQ,CAAA;AAAA,CAAA;;AC3G1C0C,sBAAsB,CAAC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,QAAQ,CAAC;;;;"}
+{"version":3,"file":"modal.esm.js","sources":["../src/ModalOverlay.tsx","../src/ModalContent.tsx","../src/Modal.tsx","../src/Drawer.tsx","../src/index.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\nimport { createPortal } from 'react-dom';\nimport classNames from 'classnames';\nimport { ContrastContext } from '@entur/layout';\n\nexport type ModalOverlayProps = {\n  /** Flagg som sier om modalen er åpen */\n  open?: boolean;\n  /** Callback som kalles når brukeren ber om å lukke modalen */\n  onDismiss?: () => void;\n  /** Innholdet i modalen */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** En ref til elementet som skal være fokusert når modalen åpnes. Defaulter til lukkeknappen */\n  initialFocusRef?: React.RefObject<HTMLElement>;\n  /** Om modalen skal lukkes når man klikker utenfor den\n   * @default true\n   */\n  closeOnClickOutside?: boolean;\n} & Omit<React.DialogHTMLAttributes<HTMLDialogElement>, 'open' | 'onClick'>;\n\nexport const ModalOverlay = ({\n  className,\n  open,\n  onDismiss,\n  initialFocusRef,\n  closeOnClickOutside = true,\n  children,\n  ...rest\n}: ModalOverlayProps) => {\n  const dialogRef = useRef<HTMLDialogElement>(null);\n\n  // Toggle native dialog open state. Always stays in DOM so the browser can\n  // manage initial focus storage + restore on close.\n  useEffect(() => {\n    const dialog = dialogRef.current;\n    if (!dialog) return;\n    if (open && !dialog.open) {\n      dialog.showModal();\n      const target =\n        initialFocusRef?.current ??\n        dialog.querySelector<HTMLElement>('[data-autofocus]') ??\n        dialog;\n      target.focus();\n    } else if (!open && dialog.open) {\n      dialog.close();\n    }\n  }, [open, initialFocusRef]);\n\n  // Esc fires cancel — preventDefault so we route through onDismiss + state,\n  // which triggers the effect above to call close() (native restore runs).\n  useEffect(\n    function syncCancelEvent() {\n      const dialog = dialogRef.current;\n      if (!dialog || !onDismiss) return;\n      const handleCancel = (e: Event) => {\n        e.preventDefault();\n        onDismiss();\n      };\n      dialog.addEventListener('cancel', handleCancel);\n      return () => dialog.removeEventListener('cancel', handleCancel);\n    },\n    [onDismiss],\n  );\n\n  const handleClick = useCallback(\n    (e: React.MouseEvent<HTMLDialogElement>) => {\n      if (!closeOnClickOutside) return;\n      if (e.target === dialogRef.current) onDismiss?.();\n    },\n    [onDismiss, closeOnClickOutside],\n  );\n\n  if (typeof document === 'undefined') return null;\n\n  return createPortal(\n    <ContrastContext.Provider value={false}>\n      <dialog\n        ref={dialogRef}\n        className={classNames('eds-modal__overlay', className)}\n        {...rest}\n        onClick={handleClick}\n      >\n        {open && children}\n      </dialog>\n    </ContrastContext.Provider>,\n    document.body,\n  );\n};\n","import React, { useId } from 'react';\nimport classNames from 'classnames';\nimport { Heading4, Heading3, Heading2 } from '@entur/typography';\n\nexport type ModalContentProps = {\n  /** Innholdet i modalen */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Størrelsen på modalen */\n  size: 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';\n  /** Tittelen som vises i modalen */\n  title?: React.ReactNode;\n  /** Hvordan innholdet skal plasseres i modalen\n   * @default 'start'\n   */\n  align?: 'start' | 'center' | 'end';\n} & Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>;\n\nexport const headingsMap = {\n  extraSmall: Heading4,\n  small: Heading3,\n  medium: Heading2,\n  large: Heading2,\n  extraLarge: Heading2,\n};\n\nexport const ModalContent = ({\n  children,\n  className,\n  size,\n  title,\n  align = 'start',\n  ...rest\n}: ModalContentProps) => {\n  const Heading: React.ElementType = headingsMap[size] || Heading2;\n  const randomId = useId();\n  return (\n    <div\n      className={classNames(\n        'eds-modal__content',\n        `eds-modal__content--size-${size}`,\n        `eds-modal__content--align-${align}`,\n        className,\n      )}\n      aria-labelledby={title ? randomId : undefined}\n      {...rest}\n    >\n      {title && (\n        <Heading margin=\"bottom\" as=\"h2\" id={randomId}>\n          {title}\n        </Heading>\n      )}\n      {children}\n    </div>\n  );\n};\n","import React, { useId } from 'react';\n\nimport { CloseIcon } from '@entur/icons';\nimport { IconButton } from '@entur/button';\nimport { Heading2 } from '@entur/typography';\n\nimport { ModalOverlay } from './ModalOverlay';\nimport { ModalContent, headingsMap } from './ModalContent';\n\nimport './Modal.scss';\n\nexport type ModalProps = {\n  /** Innholdet i modalen */\n  children: React.ReactNode;\n  /** Skjermleser-label til lukk-knappen */\n  closeLabel?: string;\n  /** En ref til elementet som skal være fokusert når modalen åpnes. Defaulter til tittelen, ellers første interaktive element */\n  initialFocusRef?: React.RefObject<HTMLElement>;\n  /** Styrer om modalen er synlig */\n  open?: boolean;\n  /** Callback som kalles når brukeren ber om å lukke modalen. Påkrevd: Esc og klikk utenfor lukker alltid (nettleserens innebygde atferd for native dialog) */\n  onDismiss: () => void;\n  /** Om lukkeknappen skal vises i øvre høyre hjørne\n   * @default true\n   */\n  showCloseButton?: boolean;\n  /** Størrelsen på modalen */\n  size: 'extraSmall' | 'small' | 'medium' | 'large' | 'extraLarge';\n  /** Hvordan innholdet skal plasseres i modalen\n   * @default 'start'\n   */\n  align?: 'start' | 'center' | 'end';\n  /** Tittelen som vises i modalen */\n  title?: React.ReactNode;\n  /** Tilgjengelig navn for modalen når title ikke er satt */\n  'aria-label'?: string;\n  /** Om modalen skal lukkes når man klikker på utsiden av den\n   * @default true\n   */\n  closeOnClickOutside?: boolean;\n} & Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'aria-label'>;\n\nexport const Modal = ({\n  children,\n  closeLabel = 'Lukk',\n  initialFocusRef,\n  open,\n  onDismiss,\n  size,\n  align = 'start',\n  title,\n  closeOnClickOutside = true,\n  showCloseButton = true,\n  'aria-label': ariaLabel,\n  ...rest\n}: ModalProps) => {\n  const randomId = useId();\n  const Heading: React.ElementType = headingsMap[size] || Heading2;\n\n  return (\n    <ModalOverlay\n      open={open}\n      onDismiss={onDismiss}\n      closeOnClickOutside={closeOnClickOutside}\n      initialFocusRef={initialFocusRef}\n      className={`eds-modal__overlay--size-${size}`}\n      aria-labelledby={title ? randomId : undefined}\n      aria-label={!title ? ariaLabel : undefined}\n    >\n      {showCloseButton && (\n        <IconButton\n          className=\"eds-modal__close\"\n          aria-label={closeLabel}\n          onClick={onDismiss}\n          type=\"button\"\n        >\n          <CloseIcon />\n        </IconButton>\n      )}\n      <ModalContent size={size} align={align} {...rest}>\n        {title && (\n          <Heading\n            margin=\"bottom\"\n            as=\"h2\"\n            id={randomId}\n            tabIndex={-1}\n            data-autofocus={initialFocusRef ? undefined : ''}\n          >\n            {title}\n          </Heading>\n        )}\n        {children}\n      </ModalContent>\n    </ModalOverlay>\n  );\n};\n","import React, { useEffect, useId, useRef } from 'react';\nimport classNames from 'classnames';\nimport { Contrast } from '@entur/layout';\nimport { CloseIcon } from '@entur/icons';\nimport { Heading3 } from '@entur/typography';\nimport { IconButton } from '@entur/button';\nimport { ConditionalWrapper } from '@entur/utils';\nimport { ModalOverlay } from './ModalOverlay';\n\nimport './Drawer.scss';\n\nexport type DrawerProps = {\n  /** Innholdet. Typisk tekst, lenker eller knapper */\n  children: React.ReactNode;\n  /** Ekstra klassenavn */\n  className?: string;\n  /** Tekst som beskriver lukkeknappen for skjermlesere\n   * @default 'Lukk skuff'\n   */\n  closeLabel?: string;\n  /** Om draweren skal vises i mørk variant\n   * @default false\n   */\n  contrast?: boolean;\n  /** Callback som kalles når brukeren ønsker å lukke draweren */\n  onDismiss: () => void;\n  /** Om draweren er åpen eller ikke\n   * @default true\n   */\n  open?: boolean;\n  /** Tittel på toppen av draweren */\n  title: string;\n  /** Styling som sendes til Drawer */\n  style?: React.CSSProperties;\n  /** Legger på et overlay over resten av siden */\n  overlay?: boolean;\n};\n\nexport const Drawer = ({\n  children,\n  className,\n  closeLabel = 'Lukk skuff',\n  contrast = false,\n  open = true,\n  onDismiss,\n  title,\n  style,\n  overlay = false,\n}: DrawerProps) => {\n  const titleId = useId();\n  const drawerRef = useRef<HTMLDivElement>(null);\n  const previouslyFocusedRef = useRef<Element | null>(null);\n\n  useEffect(\n    function handleFocus() {\n      if (!open || overlay) return;\n      previouslyFocusedRef.current = document.activeElement;\n      drawerRef.current\n        ?.querySelector<HTMLElement>('[data-autofocus]')\n        ?.focus();\n\n      return () => {\n        if (previouslyFocusedRef.current instanceof HTMLElement) {\n          previouslyFocusedRef.current.focus();\n        }\n      };\n    },\n    [open, overlay],\n  );\n\n  const shouldRemoveFromDOM = !open && !overlay;\n  if (shouldRemoveFromDOM) return null;\n\n  function handleKeyDown(e: React.KeyboardEvent) {\n    if (e.key === 'Escape') {\n      e.stopPropagation();\n      onDismiss();\n    }\n  }\n\n  const Wrapper = contrast ? Contrast : 'div';\n  const nonModalDialogProps = {\n    role: 'dialog' as const,\n    'aria-modal': false,\n    'aria-labelledby': titleId,\n  };\n\n  return (\n    <ConditionalWrapper\n      condition={overlay}\n      wrapper={(children: React.ReactNode) => (\n        <ModalOverlay\n          open={open}\n          onDismiss={onDismiss}\n          aria-labelledby={titleId}\n        >\n          {children}\n        </ModalOverlay>\n      )}\n    >\n      <Wrapper\n        ref={drawerRef}\n        {...(!overlay && nonModalDialogProps)}\n        className={classNames('eds-drawer', className)}\n        onKeyDown={handleKeyDown}\n        style={style}\n      >\n        <IconButton\n          className=\"eds-drawer__close-button\"\n          onClick={onDismiss}\n          type=\"button\"\n          aria-label={closeLabel}\n        >\n          <CloseIcon aria-hidden />\n        </IconButton>\n        <div className=\"eds-drawer__content\">\n          <Heading3 as=\"h2\" id={titleId} tabIndex={-1} data-autofocus=\"\">\n            {title}\n          </Heading3>\n          {children}\n        </div>\n      </Wrapper>\n    </ConditionalWrapper>\n  );\n};\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('modal', 'icons', 'typography', 'a11y', 'button');\n\nexport * from './Modal';\nexport * from './ModalOverlay';\nexport * from './ModalContent';\nexport * from './Drawer';\n"],"names":["children"],"mappings":";;;;;;;;;AAsBO,MAAM,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,sBAAsB;AAAA,EACtB;AAAA,EACA,GAAG;AACL,MAAyB;AACvB,QAAM,YAAY,OAA0B,IAAI;AAIhD,YAAU,MAAM;AACd,UAAM,SAAS,UAAU;AACzB,QAAI,CAAC,OAAQ;AACb,QAAI,QAAQ,CAAC,OAAO,MAAM;AACxB,aAAO,UAAA;AACP,YAAM,SACJ,iBAAiB,WACjB,OAAO,cAA2B,kBAAkB,KACpD;AACF,aAAO,MAAA;AAAA,IACT,WAAW,CAAC,QAAQ,OAAO,MAAM;AAC/B,aAAO,MAAA;AAAA,IACT;AAAA,EACF,GAAG,CAAC,MAAM,eAAe,CAAC;AAI1B;AAAA,IACE,SAAS,kBAAkB;AACzB,YAAM,SAAS,UAAU;AACzB,UAAI,CAAC,UAAU,CAAC,UAAW;AAC3B,YAAM,eAAe,CAAC,MAAa;AACjC,UAAE,eAAA;AACF,kBAAA;AAAA,MACF;AACA,aAAO,iBAAiB,UAAU,YAAY;AAC9C,aAAO,MAAM,OAAO,oBAAoB,UAAU,YAAY;AAAA,IAChE;AAAA,IACA,CAAC,SAAS;AAAA,EAAA;AAGZ,QAAM,cAAc;AAAA,IAClB,CAAC,MAA2C;AAC1C,UAAI,CAAC,oBAAqB;AAC1B,UAAI,EAAE,WAAW,UAAU,QAAS,aAAA;AAAA,IACtC;AAAA,IACA,CAAC,WAAW,mBAAmB;AAAA,EAAA;AAGjC,MAAI,OAAO,aAAa,YAAa,QAAO;AAE5C,SAAO;AAAA,IACL,oBAAC,gBAAgB,UAAhB,EAAyB,OAAO,OAC/B,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,QACL,WAAW,WAAW,sBAAsB,SAAS;AAAA,QACpD,GAAG;AAAA,QACJ,SAAS;AAAA,QAER,UAAA,QAAQ;AAAA,MAAA;AAAA,IAAA,GAEb;AAAA,IACA,SAAS;AAAA,EAAA;AAEb;ACtEO,MAAM,cAAc;AAAA,EACzB,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,YAAY;AACd;AAEO,MAAM,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,GAAG;AACL,MAAyB;AACvB,QAAM,UAA6B,YAAY,IAAI,KAAK;AACxD,QAAM,WAAW,MAAA;AACjB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,4BAA4B,IAAI;AAAA,QAChC,6BAA6B,KAAK;AAAA,QAClC;AAAA,MAAA;AAAA,MAEF,mBAAiB,QAAQ,WAAW;AAAA,MACnC,GAAG;AAAA,MAEH,UAAA;AAAA,QAAA,SACC,oBAAC,WAAQ,QAAO,UAAS,IAAG,MAAK,IAAI,UAClC,UAAA,MAAA,CACH;AAAA,QAED;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;ACdO,MAAM,QAAQ,CAAC;AAAA,EACpB;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,sBAAsB;AAAA,EACtB,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,GAAG;AACL,MAAkB;AAChB,QAAM,WAAW,MAAA;AACjB,QAAM,UAA6B,YAAY,IAAI,KAAK;AAExD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,4BAA4B,IAAI;AAAA,MAC3C,mBAAiB,QAAQ,WAAW;AAAA,MACpC,cAAY,CAAC,QAAQ,YAAY;AAAA,MAEhC,UAAA;AAAA,QAAA,mBACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,cAAY;AAAA,YACZ,SAAS;AAAA,YACT,MAAK;AAAA,YAEL,8BAAC,WAAA,CAAA,CAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAGf,qBAAC,cAAA,EAAa,MAAY,OAAe,GAAG,MACzC,UAAA;AAAA,UAAA,SACC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,QAAO;AAAA,cACP,IAAG;AAAA,cACH,IAAI;AAAA,cACJ,UAAU;AAAA,cACV,kBAAgB,kBAAkB,SAAY;AAAA,cAE7C,UAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAGJ;AAAA,QAAA,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;ACzDO,MAAM,SAAS,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,WAAW;AAAA,EACX,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AACZ,MAAmB;AACjB,QAAM,UAAU,MAAA;AAChB,QAAM,YAAY,OAAuB,IAAI;AAC7C,QAAM,uBAAuB,OAAuB,IAAI;AAExD;AAAA,IACE,SAAS,cAAc;AACrB,UAAI,CAAC,QAAQ,QAAS;AACtB,2BAAqB,UAAU,SAAS;AACxC,gBAAU,SACN,cAA2B,kBAAkB,GAC7C,MAAA;AAEJ,aAAO,MAAM;AACX,YAAI,qBAAqB,mBAAmB,aAAa;AACvD,+BAAqB,QAAQ,MAAA;AAAA,QAC/B;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,MAAM,OAAO;AAAA,EAAA;AAGhB,QAAM,sBAAsB,CAAC,QAAQ,CAAC;AACtC,MAAI,oBAAqB,QAAO;AAEhC,WAAS,cAAc,GAAwB;AAC7C,QAAI,EAAE,QAAQ,UAAU;AACtB,QAAE,gBAAA;AACF,gBAAA;AAAA,IACF;AAAA,EACF;AAEA,QAAM,UAAU,WAAW,WAAW;AACtC,QAAM,sBAAsB;AAAA,IAC1B,MAAM;AAAA,IACN,cAAc;AAAA,IACd,mBAAmB;AAAA,EAAA;AAGrB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,SAAS,CAACA,cACR;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA,mBAAiB;AAAA,UAEhB,UAAAA;AAAAA,QAAA;AAAA,MAAA;AAAA,MAIL,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAK;AAAA,UACJ,GAAI,CAAC,WAAW;AAAA,UACjB,WAAW,WAAW,cAAc,SAAS;AAAA,UAC7C,WAAW;AAAA,UACX;AAAA,UAEA,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,SAAS;AAAA,gBACT,MAAK;AAAA,gBACL,cAAY;AAAA,gBAEZ,UAAA,oBAAC,WAAA,EAAU,eAAW,KAAA,CAAC;AAAA,cAAA;AAAA,YAAA;AAAA,YAEzB,qBAAC,OAAA,EAAI,WAAU,uBACb,UAAA;AAAA,cAAA,oBAAC,UAAA,EAAS,IAAG,MAAK,IAAI,SAAS,UAAU,IAAI,kBAAe,IACzD,UAAA,MAAA,CACH;AAAA,cACC;AAAA,YAAA,EAAA,CACH;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;ACzHA,uBAAuB,SAAS,SAAS,cAAc,QAAQ,QAAQ;"}