@helsenorge/designsystem-react 13.0.0-beta.2 → 13.0.0-beta.5

package/ElementHeader.js

@@ -1,151 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import React__default from "react";
-import classNames from "classnames";
-import { E as ElementHeaderText } from "./ElementHeaderText.js";
-import { useBreakpoint, Breakpoint } from "./hooks/useBreakpoint.js";
-import { isComponent, isComponentWithChildren } from "./utils/component.js";
-import { a as AvatarSize, A as Avatar } from "./Avatar.js";
-import { B as Badge } from "./Badge.js";
-import { I as Icon } from "./Icon.js";
-import { IconSize } from "./constants.js";
-import { S as StatusDot } from "./StatusDot.js";
-import { S as StatusDotList } from "./StatusDotList.js";
-import { H as Highlighter } from "./Highlighter.js";
-import styles from "./components/ElementHeader/styles.module.scss";
-const renderElementHeader = (element, options) => {
-  const { titleHtmlMarkup, isHovered, size, parentType, chevronIcon, icon, highlightText } = options;
-  if (isComponent(element, ElementHeader)) {
-    return React__default.cloneElement(element, {
-      chevronIcon,
-      icon,
-      isHovered,
-      size,
-      parentType,
-      highlightText
-    });
-  }
-  if (element) {
-    return /* @__PURE__ */ jsx(
-      ElementHeader,
-      {
-        highlightText,
-        titleHtmlMarkup,
-        parentType,
-        chevronIcon,
-        icon,
-        isHovered,
-        size,
-        children: element
-      }
-    );
-  }
-};
-const mapChildren = (children, isJsxChild = false) => {
-  var _a, _b, _c, _d;
-  let avatarChild;
-  const badgeChildren = [];
-  const statusDotChildren = [];
-  let statusDotMCChild;
-  const elementHeaderTextChildren = [];
-  const stringChildren = [];
-  const remainingChildren = [];
-  React__default.Children.forEach(children, (child) => {
-    if (child === null || typeof child === "undefined") return;
-    if (isComponent(child, Avatar)) {
-      avatarChild = child;
-    } else if (isComponent(child, ElementHeaderText)) {
-      elementHeaderTextChildren.push(child);
-    } else if (isComponent(child, Badge)) {
-      badgeChildren.push(child);
-    } else if (isComponent(child, StatusDotList)) {
-      statusDotMCChild = child;
-    } else if (isComponent(child, StatusDot)) {
-      statusDotChildren.push(child);
-    } else if (typeof child === "string") {
-      stringChildren.push(child);
-    } else {
-      remainingChildren.push(child);
-    }
-  });
-  const hasSpecialChildren = avatarChild !== void 0 || elementHeaderTextChildren.length > 0 || statusDotChildren.length > 0 || statusDotMCChild !== void 0 || badgeChildren !== void 0 && stringChildren.length > 0;
-  const noRemainingRecursiveChildren = remainingChildren.length === 0 || isComponentWithChildren(remainingChildren[0]) && typeof ((_b = (_a = remainingChildren[0]) == null ? void 0 : _a.props) == null ? void 0 : _b.children) === "undefined";
-  if (isJsxChild || hasSpecialChildren || noRemainingRecursiveChildren) {
-    return {
-      avatarChild,
-      elementHeaderTextChildren,
-      badgeChildren,
-      statusDotChildren,
-      statusDotMCChild,
-      stringChildren,
-      remainingChildren
-    };
-  }
-  if (isComponentWithChildren(remainingChildren[0])) {
-    return mapChildren((_d = (_c = remainingChildren[0]) == null ? void 0 : _c.props) == null ? void 0 : _d.children, true);
-  }
-};
-const ElementHeaderRoot = (props) => {
-  var _a;
-  const {
-    className = "",
-    titleHtmlMarkup = "h2",
-    parentType = "linklist",
-    chevronIcon,
-    children,
-    icon,
-    isHovered,
-    size,
-    testId,
-    highlightText
-  } = props;
-  const breakpoint = useBreakpoint();
-  const showIcon = size !== "small" && !!icon;
-  const contentIsString = typeof children === "string";
-  const mappedChildren = mapChildren(children);
-  const hasStatusDots = !!((_a = mappedChildren == null ? void 0 : mappedChildren.statusDotChildren) == null ? void 0 : _a.length) || !!(mappedChildren == null ? void 0 : mappedChildren.statusDotMCChild);
-  const listLabelClasses = classNames(styles["element-header"], className);
-  const badgeContainerClasses = classNames(styles["element-header__badge-container"]);
-  const badgeClasses = classNames(styles["element-header__badge"]);
-  const statusdotContainerClasses = classNames(styles["element-header__statusdot-container"]);
-  const chevronClasses = classNames(styles["element-header__chevron"]);
-  const contentClasses = classNames(styles["element-header__content"], {
-    [styles["element-header__content--element"]]: !contentIsString
-  });
-  const iconClasses = classNames(styles["element-header__icon"], { [styles["element-header__icon--with-statusdot"]]: hasStatusDots });
-  const avatarClasses = classNames(styles["element-header__avatar"], {});
-  const CustomTag = titleHtmlMarkup;
-  const iconPropIsIconComponent = isComponent(icon, Icon);
-  return /* @__PURE__ */ jsxs("span", { "data-testid": testId, className: listLabelClasses, children: [
-    showIcon && icon && /* @__PURE__ */ jsx("span", { className: iconClasses, children: iconPropIsIconComponent ? React__default.cloneElement(icon, {
-      size: breakpoint < Breakpoint.md ? IconSize.XSmall : IconSize.Small,
-      isHovered
-    }) : icon }),
-    size !== "small" && (mappedChildren == null ? void 0 : mappedChildren.avatarChild) && /* @__PURE__ */ jsx("span", { className: avatarClasses, children: React__default.cloneElement(mappedChildren.avatarChild, { size: AvatarSize.xsmall }) }),
-    /* @__PURE__ */ jsxs("span", { className: contentClasses, "data-hasstatusdots": hasStatusDots, children: [
-      mappedChildren == null ? void 0 : mappedChildren.elementHeaderTextChildren,
-      !!(mappedChildren == null ? void 0 : mappedChildren.stringChildren.length) && /* @__PURE__ */ jsx(CustomTag, { className: styles["element-header__title"], children: /* @__PURE__ */ jsx(Highlighter, { searchText: highlightText, children: mappedChildren.stringChildren }) }),
-      /* @__PURE__ */ jsx(Highlighter, { searchText: highlightText, children: mappedChildren == null ? void 0 : mappedChildren.remainingChildren })
-    ] }),
-    hasStatusDots && /* @__PURE__ */ jsxs("span", { className: statusdotContainerClasses, children: [
-      !!(mappedChildren == null ? void 0 : mappedChildren.statusDotChildren) && /* @__PURE__ */ jsx(StatusDotList, { children: mappedChildren.statusDotChildren }),
-      !!(mappedChildren == null ? void 0 : mappedChildren.statusDotMCChild) && (mappedChildren == null ? void 0 : mappedChildren.statusDotMCChild)
-    ] }),
-    /* @__PURE__ */ jsx("span", { className: badgeContainerClasses, children: (mappedChildren == null ? void 0 : mappedChildren.badgeChildren) && mappedChildren.badgeChildren.map((badgeChild, index) => {
-      return /* @__PURE__ */ jsx("span", { className: badgeClasses, "data-parenttype": parentType, children: badgeChild }, index);
-    }) }),
-    chevronIcon && /* @__PURE__ */ jsx("span", { className: chevronClasses, "data-parenttype": parentType, children: /* @__PURE__ */ jsx(Icon, { svgIcon: chevronIcon, isHovered, size: IconSize.XSmall }) })
-  ] });
-};
-ElementHeaderRoot.displayName = "ElementHeader";
-const ElementHeader = ElementHeaderRoot;
-ElementHeader.Text = ElementHeaderText;
-ElementHeader.Text.displayName = "ElementHeader.Text";
-ElementHeader.StatusDotList = StatusDotList;
-ElementHeader.StatusDotList.displayName = "ElementHeader.StatusDotList";
-export {
-  ElementHeader as E,
-  ElementHeaderRoot as a,
-  mapChildren as m,
-  renderElementHeader as r
-};
-//# sourceMappingURL=ElementHeader.js.map

package/ElementHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ElementHeader.js","sources":["../src/components/ElementHeader/ElementHeader.tsx"],"sourcesContent":["import React from 'react';\n\nimport cn from 'classnames';\n\nimport ElementHeaderText, { ElementHeaderTextProps, ElementHeaderTextType } from './ElementHeaderText/ElementHeaderText';\nimport { Breakpoint, useBreakpoint } from '../../hooks/useBreakpoint';\nimport { isComponent, isComponentWithChildren } from '../../utils/component';\nimport Avatar, { AvatarProps, AvatarSize, AvatarType } from '../Avatar';\nimport Badge, { BadgeProps, BadgeType } from '../Badge';\nimport Icon, { IconProps, IconSize, SvgIcon } from '../Icon';\nimport StatusDot, { StatusDotProps, StatusDotType } from '../StatusDot';\nimport { TitleTags } from '../Title';\nimport StatusDotList from './StatusDotList';\nimport Highlighter from '../Highlighter';\nimport { StatusDotListProps, StatusDotListType } from './StatusDotList/StatusDotList';\n\nimport styles from './styles.module.scss';\n\nexport type ElementHeaderSize = 'small' | 'medium' | 'large';\nexport type ParentType = 'linklist' | 'expanderlist';\n\nexport interface ElementHeaderType extends React.FC<ElementHeaderProps> {\n  Avatar?: AvatarType;\n  Badge?: BadgeType;\n  ElementHeaderText?: ElementHeaderTextType;\n  StatusDot?: StatusDotType;\n  StatusDotList?: StatusDotListType;\n}\n\nexport const renderElementHeader = (\n  element: React.ReactNode,\n  options: Pick<ElementHeaderProps, 'titleHtmlMarkup' | 'isHovered' | 'size' | 'parentType' | 'chevronIcon' | 'icon' | 'highlightText'>\n): React.ReactElement | undefined => {\n  const { titleHtmlMarkup, isHovered, size, parentType, chevronIcon, icon, highlightText } = options;\n\n  if (isComponent<ElementHeaderProps>(element, ElementHeader)) {\n    return React.cloneElement(element, {\n      chevronIcon,\n      icon,\n      isHovered,\n      size,\n      parentType,\n      highlightText,\n    });\n  }\n  if (element) {\n    return (\n      <ElementHeader\n        highlightText={highlightText}\n        titleHtmlMarkup={titleHtmlMarkup}\n        parentType={parentType}\n        chevronIcon={chevronIcon}\n        icon={icon}\n        isHovered={isHovered}\n        size={size}\n      >\n        {element}\n      </ElementHeader>\n    );\n  }\n};\n\nexport interface ElementHeaderProps {\n  /** Adds custom classes to the ElementHeader element. */\n  className?: string;\n  /** Chevron to render inside of the ElementHeader */\n  chevronIcon?: SvgIcon;\n  /** Children to be rendered inside of ElementHeader */\n  children: React.ReactNode;\n  /** Changes the underlying element of the title. Default: h2*/\n  titleHtmlMarkup?: TitleTags;\n  /** icon to be rendered inside of ElementHeader */\n  icon?: React.ReactElement;\n  /** whether or not the parent is hovered */\n  isHovered?: boolean;\n  /** Adjusts styling based on parent */\n  parentType?: ParentType;\n  /** Changes size of the ElementHeader. */\n  size?: ElementHeaderSize;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Highlights text in title. Used for search results */\n  highlightText?: string;\n}\n\ninterface ElementHeaderChildren {\n  avatarChild?: React.ReactElement<AvatarProps>;\n  elementHeaderTextChildren: React.ReactElement<ElementHeaderTextProps>[];\n  badgeChildren?: React.ReactElement<BadgeProps>[];\n  statusDotChildren?: React.ReactElement<StatusDotProps>[];\n  statusDotMCChild?: React.ReactElement<StatusDotListProps>;\n  elementChild?: React.ReactElement;\n  stringChildren: string[];\n  remainingChildren: React.ReactNode[];\n}\n\ntype ChildrenMapper = (children: React.ReactNode, isJsxChild?: boolean) => ElementHeaderChildren | undefined;\n\nexport const mapChildren: ChildrenMapper = (children, isJsxChild = false) => {\n  let avatarChild: React.ReactElement<AvatarProps> | undefined;\n  const badgeChildren: React.ReactElement<BadgeProps>[] = [];\n  const statusDotChildren: React.ReactElement<StatusDotProps>[] = [];\n  let statusDotMCChild: React.ReactElement<StatusDotListProps> | undefined;\n  const elementHeaderTextChildren: React.ReactElement<ElementHeaderTextProps>[] = [];\n  const stringChildren: string[] = [];\n  const remainingChildren: React.ReactNode[] = [];\n\n  React.Children.forEach(children, child => {\n    if (child === null || typeof child === 'undefined') return;\n    if (isComponent<AvatarProps>(child, Avatar)) {\n      avatarChild = child;\n    } else if (isComponent<ElementHeaderTextProps>(child, ElementHeaderText)) {\n      elementHeaderTextChildren.push(child);\n    } else if (isComponent<BadgeProps>(child, Badge)) {\n      badgeChildren.push(child);\n    } else if (isComponent<StatusDotListProps>(child, StatusDotList)) {\n      statusDotMCChild = child;\n    } else if (isComponent<StatusDotProps>(child, StatusDot)) {\n      statusDotChildren.push(child);\n    } else if (typeof child === 'string') {\n      stringChildren.push(child);\n    } else {\n      remainingChildren.push(child);\n    }\n  });\n\n  // Dette og recursive mapChildren under(gjøres en gang) er for å passe på at jsx children også sjekkes for Avatar og liknende innhold.\n  // Slik opprettholder vi stylingen i tilfeller hvor vertikaler har wrappet elementer i en parent span eller div.\n  const hasSpecialChildren =\n    avatarChild !== undefined ||\n    elementHeaderTextChildren.length > 0 ||\n    statusDotChildren.length > 0 ||\n    statusDotMCChild !== undefined ||\n    (badgeChildren !== undefined && stringChildren.length > 0);\n  const noRemainingRecursiveChildren =\n    remainingChildren.length === 0 ||\n    (isComponentWithChildren(remainingChildren[0]) && typeof remainingChildren[0]?.props?.children === 'undefined');\n\n  if (isJsxChild || hasSpecialChildren || noRemainingRecursiveChildren) {\n    return {\n      avatarChild,\n      elementHeaderTextChildren: elementHeaderTextChildren,\n      badgeChildren,\n      statusDotChildren,\n      statusDotMCChild,\n      stringChildren,\n      remainingChildren,\n    };\n  }\n\n  if (isComponentWithChildren(remainingChildren[0])) {\n    return mapChildren(remainingChildren[0]?.props?.children, true);\n  }\n};\n\nexport const ElementHeaderRoot: ElementHeaderType = props => {\n  const {\n    className = '',\n    titleHtmlMarkup = 'h2',\n    parentType = 'linklist',\n    chevronIcon,\n    children,\n    icon,\n    isHovered,\n    size,\n    testId,\n    highlightText,\n  } = props;\n  const breakpoint = useBreakpoint();\n  const showIcon = size !== 'small' && !!icon;\n  const contentIsString = typeof children === 'string';\n  const mappedChildren = mapChildren(children);\n  const hasStatusDots = !!mappedChildren?.statusDotChildren?.length || !!mappedChildren?.statusDotMCChild;\n\n  const listLabelClasses = cn(styles['element-header'], className);\n  const badgeContainerClasses = cn(styles['element-header__badge-container']);\n  const badgeClasses = cn(styles['element-header__badge']);\n  const statusdotContainerClasses = cn(styles['element-header__statusdot-container']);\n  const chevronClasses = cn(styles['element-header__chevron']);\n  const contentClasses = cn(styles['element-header__content'], {\n    [styles['element-header__content--element']]: !contentIsString,\n  });\n  const iconClasses = cn(styles['element-header__icon'], { [styles['element-header__icon--with-statusdot']]: hasStatusDots });\n  const avatarClasses = cn(styles['element-header__avatar'], {});\n  const CustomTag = titleHtmlMarkup;\n  const iconPropIsIconComponent = isComponent<IconProps>(icon, Icon);\n\n  return (\n    <span data-testid={testId} className={listLabelClasses}>\n      {showIcon && icon && (\n        <span className={iconClasses}>\n          {iconPropIsIconComponent\n            ? React.cloneElement(icon, {\n                size: breakpoint < Breakpoint.md ? IconSize.XSmall : IconSize.Small,\n                isHovered,\n              })\n            : icon}\n        </span>\n      )}\n      {size !== 'small' && mappedChildren?.avatarChild && (\n        <span className={avatarClasses}>{React.cloneElement(mappedChildren.avatarChild, { size: AvatarSize.xsmall })}</span>\n      )}\n\n      <span className={contentClasses} data-hasstatusdots={hasStatusDots}>\n        {mappedChildren?.elementHeaderTextChildren}\n        {!!mappedChildren?.stringChildren.length && (\n          <CustomTag className={styles['element-header__title']}>\n            <Highlighter searchText={highlightText}>{mappedChildren.stringChildren}</Highlighter>\n          </CustomTag>\n        )}\n        <Highlighter searchText={highlightText}>{mappedChildren?.remainingChildren}</Highlighter>\n      </span>\n\n      {hasStatusDots && (\n        <span className={statusdotContainerClasses}>\n          {!!mappedChildren?.statusDotChildren && <StatusDotList>{mappedChildren.statusDotChildren}</StatusDotList>}\n          {!!mappedChildren?.statusDotMCChild && mappedChildren?.statusDotMCChild}\n        </span>\n      )}\n\n      <span className={badgeContainerClasses}>\n        {mappedChildren?.badgeChildren &&\n          mappedChildren.badgeChildren.map((badgeChild, index) => {\n            return (\n              <span key={index} className={badgeClasses} data-parenttype={parentType}>\n                {badgeChild}\n              </span>\n            );\n          })}\n      </span>\n      {chevronIcon && (\n        <span className={chevronClasses} data-parenttype={parentType}>\n          <Icon svgIcon={chevronIcon} isHovered={isHovered} size={IconSize.XSmall} />\n        </span>\n      )}\n    </span>\n  );\n};\n\ntype ElementHeaderComponent = typeof ElementHeaderRoot & {\n  Text: React.FC<ElementHeaderTextProps>;\n  StatusDotList: React.FC<StatusDotListProps>;\n};\nElementHeaderRoot.displayName = 'ElementHeader';\nconst ElementHeader = ElementHeaderRoot as ElementHeaderComponent;\nElementHeader.Text = ElementHeaderText;\nElementHeader.Text.displayName = 'ElementHeader.Text';\nElementHeader.StatusDotList = StatusDotList;\nElementHeader.StatusDotList.displayName = 'ElementHeader.StatusDotList';\n\nexport default ElementHeader;\n"],"names":["React","cn"],"mappings":"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"}

package/ElementHeaderText.js

@@ -1,35 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import classNames from "classnames";
-import { H as Highlighter } from "./Highlighter.js";
-import styles from "./components/ElementHeader/styles.module.scss";
-const ElementHeaderText = (props) => {
-  const {
-    firstText,
-    firstTextEmphasised = false,
-    secondText = void 0,
-    secondTextEmphasised = false,
-    subText = false,
-    className = "",
-    testId,
-    titleHtmlMarkup = "span",
-    highlightText
-  } = props;
-  const headerTextWrapperClasses = classNames(className, styles["text-wrapper"], {
-    [styles["text-wrapper--sub-level"]]: subText
-  });
-  const firstHeaderTextSegmentClasses = classNames({
-    [styles["text-wrapper__text--emphasised"]]: firstTextEmphasised
-  });
-  const secondHeaderTextSegmentClasses = classNames({
-    [styles["text-wrapper__text--emphasised"]]: secondTextEmphasised
-  });
-  const CustomTag = titleHtmlMarkup;
-  return /* @__PURE__ */ jsx("span", { "data-testid": testId, className: headerTextWrapperClasses, children: /* @__PURE__ */ jsx(CustomTag, { className: styles["element-header__title"], children: /* @__PURE__ */ jsxs(Highlighter, { searchText: highlightText, children: [
-    /* @__PURE__ */ jsx("span", { className: firstHeaderTextSegmentClasses, children: firstText }),
-    secondText && /* @__PURE__ */ jsx("span", { className: secondHeaderTextSegmentClasses, children: secondText })
-  ] }) }) });
-};
-export {
-  ElementHeaderText as E
-};
-//# sourceMappingURL=ElementHeaderText.js.map

package/ElementHeaderText.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ElementHeaderText.js","sources":["../src/components/ElementHeader/ElementHeaderText/ElementHeaderText.tsx"],"sourcesContent":["import React from 'react';\n\nimport cn from 'classnames';\n\nimport Highlighter from '../../Highlighter';\nimport { TitleTags } from '../../Title';\nimport styles from '../styles.module.scss';\n\nexport type ElementHeaderTextType = React.FC<ElementHeaderTextProps>;\n\nexport interface ElementHeaderTextProps {\n  /** The first text in the ElementHeaderText Component */\n  firstText: string;\n  /** Will style the first text as bold */\n  firstTextEmphasised?: boolean;\n  /** The second text in the ElementHeaderText Component */\n  secondText?: string;\n  /** Will style the second text as bold */\n  secondTextEmphasised?: boolean;\n  /** Whether or not this ElementHeaderText is a sub text */\n  subText?: boolean;\n  /** Adds custom classes to the ElementHeaderText component. */\n  className?: string;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Changes the underlying element of the text. Default: span*/\n  titleHtmlMarkup?: TitleTags;\n  /** Highlights text. Used for search results */\n  highlightText?: string;\n}\n\nexport const ElementHeaderText: ElementHeaderTextType = props => {\n  const {\n    firstText,\n    firstTextEmphasised = false,\n    secondText = undefined,\n    secondTextEmphasised = false,\n    subText = false,\n    className = '',\n    testId,\n    titleHtmlMarkup = 'span',\n    highlightText,\n  } = props;\n\n  const headerTextWrapperClasses = cn(className, styles['text-wrapper'], {\n    [styles['text-wrapper--sub-level']]: subText,\n  });\n  const firstHeaderTextSegmentClasses = cn({\n    [styles['text-wrapper__text--emphasised']]: firstTextEmphasised,\n  });\n  const secondHeaderTextSegmentClasses = cn({\n    [styles['text-wrapper__text--emphasised']]: secondTextEmphasised,\n  });\n  const CustomTag = titleHtmlMarkup;\n\n  return (\n    <span data-testid={testId} className={headerTextWrapperClasses}>\n      <CustomTag className={styles['element-header__title']}>\n        <Highlighter searchText={highlightText}>\n          <span className={firstHeaderTextSegmentClasses}>{firstText}</span>\n          {secondText && <span className={secondHeaderTextSegmentClasses}>{secondText}</span>}\n        </Highlighter>\n      </CustomTag>\n    </span>\n  );\n};\n\nexport default ElementHeaderText;\n"],"names":["cn"],"mappings":";;;;AA+BO,MAAM,oBAA2C,CAAA,UAAS;AAC/D,QAAM;AAAA,IACJ;AAAA,IACA,sBAAsB;AAAA,IACtB,aAAa;AAAA,IACb,uBAAuB;AAAA,IACvB,UAAU;AAAA,IACV,YAAY;AAAA,IACZ;AAAA,IACA,kBAAkB;AAAA,IAClB;AAAA,EAAA,IACE;AAEJ,QAAM,2BAA2BA,WAAG,WAAW,OAAO,cAAc,GAAG;AAAA,IACrE,CAAC,OAAO,yBAAyB,CAAC,GAAG;AAAA,EAAA,CACtC;AACD,QAAM,gCAAgCA,WAAG;AAAA,IACvC,CAAC,OAAO,gCAAgC,CAAC,GAAG;AAAA,EAAA,CAC7C;AACD,QAAM,iCAAiCA,WAAG;AAAA,IACxC,CAAC,OAAO,gCAAgC,CAAC,GAAG;AAAA,EAAA,CAC7C;AACD,QAAM,YAAY;AAElB,SACE,oBAAC,QAAA,EAAK,eAAa,QAAQ,WAAW,0BACpC,UAAA,oBAAC,WAAA,EAAU,WAAW,OAAO,uBAAuB,GAClD,UAAA,qBAAC,aAAA,EAAY,YAAY,eACvB,UAAA;AAAA,IAAA,oBAAC,QAAA,EAAK,WAAW,+BAAgC,UAAA,WAAU;AAAA,IAC1D,cAAc,oBAAC,QAAA,EAAK,WAAW,gCAAiC,UAAA,WAAA,CAAW;AAAA,EAAA,EAAA,CAC9E,GACF,GACF;AAEJ;"}

package/ErrorBoundary.js

@@ -1,41 +0,0 @@
-import React__default from "react";
-const __variableDynamicImportRuntimeHelper = (glob, path, segs) => {
-  const v = glob[path];
-  if (v) {
-    return typeof v === "function" ? v() : Promise.resolve(v);
-  }
-  return new Promise((_, reject) => {
-    (typeof queueMicrotask === "function" ? queueMicrotask : setTimeout)(
-      reject.bind(
-        null,
-        new Error(
-          "Unknown variable dynamic import: " + path + (path.split("/").length !== segs ? ". Note that variables only represent file names one level deep." : "")
-        )
-      )
-    );
-  });
-};
-class ErrorBoundary extends React__default.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      error: false
-    };
-  }
-  componentDidCatch() {
-    this.setState({ error: true });
-  }
-  componentDidUpdate(prevProps) {
-    if (prevProps.reset !== this.props.reset) {
-      this.setState({ error: false });
-    }
-  }
-  render() {
-    return this.state.error ? this.props.fallback : this.props.children;
-  }
-}
-export {
-  ErrorBoundary as E,
-  __variableDynamicImportRuntimeHelper as _
-};
-//# sourceMappingURL=ErrorBoundary.js.map

package/ErrorBoundary.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorBoundary.js","sources":["../src/components/LazyIcon/ErrorBoundary.tsx"],"sourcesContent":["import React from 'react';\n\ninterface ErrorBoundaryProps<T> {\n  fallback: React.ReactNode;\n  children: React.ReactNode;\n  reset: T;\n}\n\ninterface ErrorBoundaryState {\n  error: boolean;\n}\n\nclass ErrorBoundary<T> extends React.Component<ErrorBoundaryProps<T>, ErrorBoundaryState> {\n  constructor(props: ErrorBoundaryProps<T>) {\n    super(props);\n    this.state = {\n      error: false,\n    };\n  }\n\n  componentDidCatch(): void {\n    this.setState({ error: true });\n  }\n\n  componentDidUpdate(prevProps: Readonly<ErrorBoundaryProps<T>>): void {\n    if (prevProps.reset !== this.props.reset) {\n      this.setState({ error: false });\n    }\n  }\n\n  render(): React.ReactNode {\n    return this.state.error ? this.props.fallback : this.props.children;\n  }\n}\n\nexport default ErrorBoundary;\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;AAYA,MAAM,sBAAyBA,eAAM,UAAqD;AAAA,EACxF,YAAY,OAA8B;AACxC,UAAM,KAAK;AACX,SAAK,QAAQ;AAAA,MACX,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EAEA,oBAA0B;AACxB,SAAK,SAAS,EAAE,OAAO,KAAA,CAAM;AAAA,EAC/B;AAAA,EAEA,mBAAmB,WAAkD;AACnE,QAAI,UAAU,UAAU,KAAK,MAAM,OAAO;AACxC,WAAK,SAAS,EAAE,OAAO,MAAA,CAAO;AAAA,IAChC;AAAA,EACF;AAAA,EAEA,SAA0B;AACxB,WAAO,KAAK,MAAM,QAAQ,KAAK,MAAM,WAAW,KAAK,MAAM;AAAA,EAC7D;AACF;"}

package/ErrorWrapper.js

@@ -1,15 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import classNames from "classnames";
-import styles from "./components/ErrorWrapper/styles.module.scss";
-const ErrorWrapper = (props) => {
-  const { renderError = true } = props;
-  const errorWrapperClasses = classNames(props.errorText && renderError && styles[`error-wrapper--with-error`], props.className);
-  return /* @__PURE__ */ jsxs("div", { className: errorWrapperClasses, "data-testid": props.testId, children: [
-    /* @__PURE__ */ jsx("span", { ref: props.errorMessageRef, tabIndex: -1, children: props.errorText && /* @__PURE__ */ jsx("p", { className: styles["error-wrapper__errors"], id: props.errorTextId, children: props.errorText }) }),
-    props.children
-  ] });
-};
-export {
-  ErrorWrapper as E
-};
-//# sourceMappingURL=ErrorWrapper.js.map

package/ErrorWrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorWrapper.js","sources":["../src/components/ErrorWrapper/ErrorWrapper.tsx"],"sourcesContent":["import React from 'react';\n\nimport cn from 'classnames';\n\nimport styles from './styles.module.scss';\n\nexport interface ErrorWrapperClassNameProps {\n  errorWrapperClassName?: string;\n}\n\nexport interface ErrorWrapperProps {\n  /** Form component */\n  children?: React.ReactNode;\n  /** Error message */\n  errorText?: string;\n  /** Error text id */\n  errorTextId?: string;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Adds a ref to the error message p tag */\n  errorMessageRef?: React.ForwardedRef<HTMLDivElement>;\n  /** Renders the error component (Default: true) */\n  renderError?: boolean;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nexport const ErrorWrapper: React.FC<ErrorWrapperProps> = props => {\n  const { renderError = true } = props;\n\n  const errorWrapperClasses = cn(props.errorText && renderError && styles[`error-wrapper--with-error`], props.className);\n\n  return (\n    <div className={errorWrapperClasses} data-testid={props.testId}>\n      <span ref={props.errorMessageRef} tabIndex={-1}>\n        {props.errorText && (\n          <p className={styles['error-wrapper__errors']} id={props.errorTextId}>\n            {props.errorText}\n          </p>\n        )}\n      </span>\n      {props.children}\n    </div>\n  );\n};\n\nexport default ErrorWrapper;\n"],"names":["cn"],"mappings":";;;AA2BO,MAAM,eAA4C,CAAA,UAAS;AAChE,QAAM,EAAE,cAAc,KAAA,IAAS;AAE/B,QAAM,sBAAsBA,WAAG,MAAM,aAAa,eAAe,OAAO,2BAA2B,GAAG,MAAM,SAAS;AAErH,8BACG,OAAA,EAAI,WAAW,qBAAqB,eAAa,MAAM,QACtD,UAAA;AAAA,IAAA,oBAAC,UAAK,KAAK,MAAM,iBAAiB,UAAU,IACzC,gBAAM,aACL,oBAAC,OAAE,WAAW,OAAO,uBAAuB,GAAG,IAAI,MAAM,aACtD,UAAA,MAAM,WACT,EAAA,CAEJ;AAAA,IACC,MAAM;AAAA,EAAA,GACT;AAEJ;"}

package/Expander.js

@@ -1,131 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useRef } from "react";
-import classNames from "classnames";
-import { AnalyticsId, IconSize } from "./constants.js";
-import { useExpand } from "./hooks/useExpand.js";
-import { usePseudoClasses } from "./hooks/usePseudoClasses.js";
-import { useSize } from "./hooks/useSize.js";
-import { B as Button } from "./Button.js";
-import { I as Icon } from "./Icon.js";
-import ChevronDown from "./components/Icons/ChevronDown.js";
-import ChevronUp from "./components/Icons/ChevronUp.js";
-import { L as LazyIcon } from "./LazyIcon.js";
-import styles from "./components/Expander/styles.module.scss";
-var ExpanderSize = /* @__PURE__ */ ((ExpanderSize2) => {
-  ExpanderSize2["small"] = "small";
-  ExpanderSize2["large"] = "large";
-  return ExpanderSize2;
-})(ExpanderSize || {});
-const Expander = (props) => {
-  const {
-    buttonId,
-    title,
-    children,
-    size = "small",
-    color,
-    contentClassNames,
-    svgIcon: icon,
-    expanded = false,
-    noNestedLine = false,
-    sticky = false,
-    testId,
-    onExpand,
-    renderChildrenWhenClosed = false,
-    zIndex
-  } = props;
-  const [isExpanded, setIsExpanded] = useExpand(expanded, onExpand);
-  const expanderRef = useRef(null);
-  const triggerRef = useRef(null);
-  const { isHovered } = usePseudoClasses(triggerRef);
-  const contentSize = useSize(expanderRef);
-  const triggerSize = useSize(triggerRef);
-  const isSticky = sticky && isExpanded;
-  const renderChevron = (align) => /* @__PURE__ */ jsx("span", { className: classNames(styles["expander__icon"], styles[`expander__icon--${align}`]), children: /* @__PURE__ */ jsx(Icon, { svgIcon: isExpanded ? ChevronUp : ChevronDown, size: IconSize.XSmall, isHovered }) });
-  const triggerClassName = classNames(
-    styles["expander__trigger"],
-    size === "large" && styles[`expander__trigger--${size}`],
-    size === "large" && styles[`expander__trigger--${color || "neutral"}`],
-    size === "large" && icon && styles["expander__trigger--icon"],
-    isExpanded && styles["expander__trigger--expanded"],
-    isSticky && styles["expander__trigger--sticky"]
-  );
-  const renderTrigger = () => /* @__PURE__ */ jsxs(
-    "button",
-    {
-      id: buttonId,
-      type: "button",
-      className: triggerClassName,
-      style: {
-        zIndex: isHovered || isSticky ? zIndex : void 0,
-        width: isSticky && (contentSize == null ? void 0 : contentSize.width) ? `${contentSize.width}px` : void 0
-      },
-      "aria-expanded": isExpanded,
-      ref: triggerRef,
-      onClick: () => setIsExpanded(!isExpanded),
-      "data-testid": testId,
-      "data-analyticsid": AnalyticsId.Expander,
-      children: [
-        size === "small" && renderChevron("left"),
-        icon && /* @__PURE__ */ jsx("span", { className: classNames(styles["expander__icon"], styles["expander__icon--left"]), children: typeof icon === "string" ? /* @__PURE__ */ jsx(LazyIcon, { iconName: icon, size: IconSize.XSmall, isHovered }) : /* @__PURE__ */ jsx(Icon, { svgIcon: icon, size: IconSize.XSmall, isHovered }) }),
-        title,
-        size === "large" && renderChevron("right")
-      ]
-    }
-  );
-  const buttonClassName = classNames(styles["expander__button"], isExpanded && styles["expander__button--expanded"]);
-  const renderButton = () => /* @__PURE__ */ jsx(
-    "div",
-    {
-      style: {
-        width: isSticky && (triggerSize == null ? void 0 : triggerSize.width) ? `${triggerSize == null ? void 0 : triggerSize.width}px` : void 0,
-        height: isSticky && (triggerSize == null ? void 0 : triggerSize.height) ? `${triggerSize == null ? void 0 : triggerSize.height}px` : void 0
-      },
-      className: classNames({
-        [styles["expander__button-container--sticky"]]: isSticky
-      }),
-      children: /* @__PURE__ */ jsxs(
-        Button,
-        {
-          id: buttonId,
-          variant: "borderless",
-          textClassName: styles["expander__button__text"],
-          className: buttonClassName,
-          "aria-expanded": isExpanded,
-          ref: triggerRef,
-          onClick: () => setIsExpanded(!isExpanded),
-          testId,
-          "data-analyticsid": AnalyticsId.Expander,
-          children: [
-            /* @__PURE__ */ jsx(Icon, { svgIcon: isExpanded ? ChevronUp : ChevronDown, size: IconSize.XSmall }),
-            title
-          ]
-        }
-      )
-    }
-  );
-  const renderContent = () => {
-    if (!renderChildrenWhenClosed && !isExpanded) {
-      return null;
-    }
-    const contentClassName = classNames(
-      styles["expander__content"],
-      styles[`expander__content--${size}`],
-      size === "large" && styles[`expander__content--${color || "neutral"}`],
-      size === "large" && icon && styles["expander__content--icon"],
-      isExpanded && styles["expander__content--expanded"],
-      size === "small" && !noNestedLine && styles["expander__content--nested-line"],
-      { [styles["expander__content--sticky"]]: isSticky },
-      contentClassNames
-    );
-    return /* @__PURE__ */ jsx("div", { className: contentClassName, children });
-  };
-  return /* @__PURE__ */ jsxs("div", { className: styles["expander"], ref: expanderRef, children: [
-    size === "large" ? renderTrigger() : renderButton(),
-    renderContent()
-  ] });
-};
-export {
-  Expander as E,
-  ExpanderSize as a
-};
-//# sourceMappingURL=Expander.js.map

package/Expander.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Expander.js","sources":["../src/components/Expander/Expander.tsx"],"sourcesContent":["import React, { useRef } from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\nimport { useExpand } from '../../hooks/useExpand';\nimport { usePseudoClasses } from '../../hooks/usePseudoClasses';\nimport { useSize } from '../../hooks/useSize';\nimport { PaletteNames } from '../../theme/palette';\nimport Button from '../Button';\nimport Icon, { IconSize, SvgIcon } from '../Icon';\nimport ChevronDown from '../Icons/ChevronDown';\nimport ChevronUp from '../Icons/ChevronUp';\nimport { IconName } from '../Icons/IconNames';\nimport LazyIcon from '../LazyIcon';\n\nimport styles from './styles.module.scss';\n\nexport enum ExpanderSize {\n  small = 'small',\n  large = 'large',\n}\n\nexport type ExpanderColors = Extract<PaletteNames, 'banana' | 'blueberry' | 'cherry' | 'kiwi' | 'neutral' | 'plum' | 'white'>;\n\nexport interface ExpanderProps {\n  buttonId?: string;\n  /** Sets the trigger title */\n  title: string;\n  /** Sets the expanded content */\n  children?: React.ReactNode;\n  /** Sets classnames on the content area */\n  contentClassNames?: string;\n  /** Sets the size of the expander. Default: ExpanderSize.small */\n  size?: ExpanderSize;\n  /** Sets the background of the expander. Requires size=ExpanderSize.large. */\n  color?: ExpanderColors;\n  /** Adds an icon to the expander trigger. Requires size=ExpanderSize.large. */\n  svgIcon?: SvgIcon | IconName;\n  /** Opens or closes the expander */\n  expanded?: boolean;\n  /** Removes border to the left of the content. Requires size=ExpanderSize.small. */\n  noNestedLine?: boolean;\n  /** Stick expander trigger to top of screen while scrolling down */\n  sticky?: boolean;\n  /** Called when expander is open/closed. */\n  onExpand?: (isExpanded: boolean) => void;\n  /** Whether to render children when closed (in which case they are hidden with CSS). Default: false */\n  renderChildrenWhenClosed?: boolean;\n  /** Sets the data-testid attribute on the expander button. */\n  testId?: string;\n  /** Overrides the default z-index of the expander header */\n  zIndex?: number;\n}\n\nconst Expander: React.FC<ExpanderProps> = props => {\n  const {\n    buttonId,\n    title,\n    children,\n    size = ExpanderSize.small,\n    color,\n    contentClassNames,\n    svgIcon: icon,\n    expanded = false,\n    noNestedLine = false,\n    sticky = false,\n    testId,\n    onExpand,\n    renderChildrenWhenClosed = false,\n    zIndex,\n  } = props;\n  const [isExpanded, setIsExpanded] = useExpand(expanded, onExpand);\n  const expanderRef = useRef<HTMLDivElement>(null);\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const { isHovered } = usePseudoClasses(triggerRef);\n  const contentSize = useSize(expanderRef);\n  const triggerSize = useSize(triggerRef);\n\n  const isSticky = sticky && isExpanded;\n\n  const renderChevron = (align: 'left' | 'right'): React.ReactNode => (\n    <span className={classNames(styles['expander__icon'], styles[`expander__icon--${align}`])}>\n      <Icon svgIcon={isExpanded ? ChevronUp : ChevronDown} size={IconSize.XSmall} isHovered={isHovered} />\n    </span>\n  );\n\n  const triggerClassName = classNames(\n    styles['expander__trigger'],\n    size === ExpanderSize.large && styles[`expander__trigger--${size}`],\n    size === ExpanderSize.large && styles[`expander__trigger--${color || 'neutral'}`],\n    size === ExpanderSize.large && icon && styles['expander__trigger--icon'],\n    isExpanded && styles['expander__trigger--expanded'],\n    isSticky && styles['expander__trigger--sticky']\n  );\n\n  const renderTrigger = (): React.ReactNode => (\n    <button\n      id={buttonId}\n      type=\"button\"\n      className={triggerClassName}\n      style={{\n        zIndex: isHovered || isSticky ? zIndex : undefined,\n        width: isSticky && contentSize?.width ? `${contentSize.width}px` : undefined,\n      }}\n      aria-expanded={isExpanded}\n      ref={triggerRef}\n      onClick={(): void => setIsExpanded(!isExpanded)}\n      data-testid={testId}\n      data-analyticsid={AnalyticsId.Expander}\n    >\n      {size === ExpanderSize.small && renderChevron('left')}\n      {icon && (\n        <span className={classNames(styles['expander__icon'], styles['expander__icon--left'])}>\n          {typeof icon === 'string' ? (\n            <LazyIcon iconName={icon} size={IconSize.XSmall} isHovered={isHovered} />\n          ) : (\n            <Icon svgIcon={icon} size={IconSize.XSmall} isHovered={isHovered} />\n          )}\n        </span>\n      )}\n      {title}\n      {size === ExpanderSize.large && renderChevron('right')}\n    </button>\n  );\n\n  const buttonClassName = classNames(styles['expander__button'], isExpanded && styles['expander__button--expanded']);\n\n  const renderButton = (): React.ReactNode => (\n    <div\n      style={{\n        width: isSticky && triggerSize?.width ? `${triggerSize?.width}px` : undefined,\n        height: isSticky && triggerSize?.height ? `${triggerSize?.height}px` : undefined,\n      }}\n      className={classNames({\n        [styles['expander__button-container--sticky']]: isSticky,\n      })}\n    >\n      <Button\n        id={buttonId}\n        variant=\"borderless\"\n        textClassName={styles['expander__button__text']}\n        className={buttonClassName}\n        aria-expanded={isExpanded}\n        ref={triggerRef}\n        onClick={(): void => setIsExpanded(!isExpanded)}\n        testId={testId}\n        data-analyticsid={AnalyticsId.Expander}\n      >\n        <Icon svgIcon={isExpanded ? ChevronUp : ChevronDown} size={IconSize.XSmall} />\n        {title}\n      </Button>\n    </div>\n  );\n\n  const renderContent = (): React.ReactNode => {\n    if (!renderChildrenWhenClosed && !isExpanded) {\n      return null;\n    }\n\n    const contentClassName = classNames(\n      styles['expander__content'],\n      styles[`expander__content--${size}`],\n      size === ExpanderSize.large && styles[`expander__content--${color || 'neutral'}`],\n      size === ExpanderSize.large && icon && styles['expander__content--icon'],\n      isExpanded && styles['expander__content--expanded'],\n      size === ExpanderSize.small && !noNestedLine && styles['expander__content--nested-line'],\n      { [styles['expander__content--sticky']]: isSticky },\n      contentClassNames\n    );\n\n    return <div className={contentClassName}>{children}</div>;\n  };\n\n  return (\n    <div className={styles['expander']} ref={expanderRef}>\n      {size === ExpanderSize.large ? renderTrigger() : renderButton()}\n      {renderContent()}\n    </div>\n  );\n};\n\nexport default Expander;\n"],"names":["ExpanderSize"],"mappings":"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"}

package/FormFieldTag.js

@@ -1,47 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import classNames from "classnames";
-import { LanguageLocales, AnalyticsId } from "./constants.js";
-import { useLanguage } from "./utils/language.js";
-import styles from "./components/FormFieldTag/styles.module.scss";
-const allRequired = "Alle felt må fylles ut";
-const requiredField = "Må fylles ut";
-const optional = "Valgfritt";
-const nbNO = {
-  allRequired,
-  requiredField,
-  optional
-};
-const getResources = (language) => {
-  switch (language) {
-    case LanguageLocales.NORWEGIAN:
-    default:
-      return nbNO;
-  }
-};
-const FormFieldTag = (props) => {
-  const { level, resources, testId } = props;
-  const { language } = useLanguage(LanguageLocales.NORWEGIAN);
-  const defaultResources = getResources(language);
-  const mergedResources = {
-    ...defaultResources,
-    ...resources
-  };
-  const textMap = {
-    "all-required": mergedResources.allRequired,
-    "required-field": mergedResources.requiredField,
-    optional: mergedResources.optional
-  };
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      "data-testid": testId,
-      "data-analyticsid": AnalyticsId.FormFieldTag,
-      className: classNames(styles["form-field-tag"], { [styles["form-field-tag--optional"]]: level === "optional" }),
-      children: textMap[level]
-    }
-  );
-};
-export {
-  FormFieldTag as F
-};
-//# sourceMappingURL=FormFieldTag.js.map

package/FormFieldTag.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormFieldTag.js","sources":["../src/components/FormFieldTag/resourceHelper.ts","../src/components/FormFieldTag/FormFieldTag.tsx"],"sourcesContent":["import { LanguageLocales } from '../../constants';\nimport nbNO from '../../resources/HN.Designsystem.FormFieldTag.nb-NO.json';\nimport { HNDesignsystemFormFieldTag } from '../../resources/Resources';\n\nexport const getResources = (language: LanguageLocales): HNDesignsystemFormFieldTag => {\n  switch (language) {\n    case LanguageLocales.NORWEGIAN:\n    default:\n      return nbNO;\n  }\n};\n","import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { getResources } from './resourceHelper';\nimport { AnalyticsId, LanguageLocales } from '../../constants';\nimport { HNDesignsystemFormFieldTag } from '../../resources/Resources';\nimport { useLanguage } from '../../utils/language';\n\nimport styles from './styles.module.scss';\n\nexport type FormFieldTagLevel = 'all-required' | 'required-field' | 'optional';\n\nexport interface FormFieldTagProps {\n  /** What level is the required tag, sets the styling and the text. */\n  level: FormFieldTagLevel;\n  /** Texts if overriding SOT */\n  resources?: HNDesignsystemFormFieldTag;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nconst FormFieldTag: React.FC<FormFieldTagProps> = props => {\n  const { level, resources, testId } = props;\n\n  const { language } = useLanguage<LanguageLocales>(LanguageLocales.NORWEGIAN);\n  const defaultResources = getResources(language);\n\n  const mergedResources: HNDesignsystemFormFieldTag = {\n    ...defaultResources,\n    ...resources,\n  };\n\n  const textMap = {\n    'all-required': mergedResources.allRequired,\n    'required-field': mergedResources.requiredField,\n    optional: mergedResources.optional,\n  };\n\n  return (\n    <span\n      data-testid={testId}\n      data-analyticsid={AnalyticsId.FormFieldTag}\n      className={classNames(styles['form-field-tag'], { [styles['form-field-tag--optional']]: level === 'optional' })}\n    >\n      {textMap[level]}\n    </span>\n  );\n};\n\nexport default FormFieldTag;\n"],"names":[],"mappings":";;;;;;;;;;;;;AAIO,MAAM,eAAe,CAAC,aAA0D;AACrF,UAAQ,UAAA;AAAA,IACN,KAAK,gBAAgB;AAAA,IACrB;AACE,aAAO;AAAA,EAAA;AAEb;ACYA,MAAM,eAA4C,CAAA,UAAS;AACzD,QAAM,EAAE,OAAO,WAAW,OAAA,IAAW;AAErC,QAAM,EAAE,SAAA,IAAa,YAA6B,gBAAgB,SAAS;AAC3E,QAAM,mBAAmB,aAAa,QAAQ;AAE9C,QAAM,kBAA8C;AAAA,IAClD,GAAG;AAAA,IACH,GAAG;AAAA,EAAA;AAGL,QAAM,UAAU;AAAA,IACd,gBAAgB,gBAAgB;AAAA,IAChC,kBAAkB,gBAAgB;AAAA,IAClC,UAAU,gBAAgB;AAAA,EAAA;AAG5B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAa;AAAA,MACb,oBAAkB,YAAY;AAAA,MAC9B,WAAW,WAAW,OAAO,gBAAgB,GAAG,EAAE,CAAC,OAAO,0BAA0B,CAAC,GAAG,UAAU,YAAY;AAAA,MAE7G,kBAAQ,KAAK;AAAA,IAAA;AAAA,EAAA;AAGpB;"}