@grafana/components 0.0.40 → 0.0.42

package/dist/esm/components/Popover/Popover.js

@@ -43,8 +43,8 @@ const Popover = forwardRef(
     const arrowRef = useRef(null);
     const closeTimer = useRef(void 0);
     const popoverId = useId();
-    const [isOpenState, setOpen] = useState(isOpenControlled);
-    const [isDelayedOpen, setDelayedOpen] = useState(isOpenControlled);
+    const [isOpenState, setOpen] = useState(isOpenControlled != null ? isOpenControlled : false);
+    const [isDelayedOpen, setDelayedOpen] = useState(isOpenControlled != null ? isOpenControlled : false);
     const isOpen = isOpenControlled != null ? isOpenControlled : isOpenState;
     const middleware = getMiddleware({ placement, arrowRef });
     const styles = getStyles();
@@ -128,9 +128,29 @@ const Popover = forwardRef(
       },
       [forwardedRef, refs]
     );
-    const [trigger, content] = typeof _trigger !== "undefined" ? [_trigger, children] : [children, _content];
+    const [trigger, content] = (() => {
+      switch (true) {
+        /**
+         * If the popover is controlled, the trigger isn’t used at all
+         */
+        case typeof isOpenControlled !== "undefined":
+          return [void 0, children];
+        /**
+         * If a trigger prop was passed, use it as the trigger, and the children
+         * as the popover content
+         */
+        case typeof _trigger !== "undefined":
+          return [_trigger, children];
+        /**
+         * Otherwise, use the children as the trigger element, and the content
+         * prop as the popover content
+         */
+        default:
+          return [children, _content];
+      }
+    })();
     return /* @__PURE__ */ jsxs(Fragment, { children: [
-      cloneElement(trigger, {
+      typeof trigger !== "undefined" && cloneElement(trigger, {
         ref: handleRef,
         tabIndex: 0,
         "aria-describedby": isOpen ? popoverId : void 0,

package/dist/esm/components/Popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sources":["../../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import {\n  forwardRef,\n  cloneElement,\n  useCallback,\n  useId,\n  useRef,\n  useState,\n  useLayoutEffect,\n  JSX,\n} from 'react';\nimport {\n  arrow,\n  autoUpdate,\n  flip,\n  FloatingArrow,\n  offset,\n  Placement,\n  safePolygon,\n  shift,\n  useDismiss,\n  useFloating,\n  useFocus,\n  useHover,\n  useRole,\n  useInteractions,\n  useTransitionStyles,\n  FloatingPortal,\n  FloatingPortalProps,\n} from '@floating-ui/react';\nimport { usePortal } from '../PortalProvider';\nimport { getStyles } from './Popover.styles';\n\nexport interface SharedPopoverProps {\n  /**\n   * Should the popover be open? Implicitly means the popover visibility is\n   * controlled; if omitted, the popover target will control visibility\n   */\n  isOpen?: boolean;\n\n  /**\n   * Set to true if you want the tooltip to stay long enough so the user can\n   * move mouse over content to select text or click a link\n   */\n  isInteractive?: boolean;\n\n  /**\n   * Placement of the Popover relative to the trigger content\n   */\n  placement?: Placement;\n\n  /**\n   * Transition duration for hide/show effects, in milliseconds\n   */\n  transitionDuration?: number;\n\n  /**\n   * Additional delay before hiding the popover after mouseout, in milliseconds\n   */\n  hideDelay?: number;\n\n  /**\n   * Virtual element to anchor the popover to instead of the trigger\n   */\n  virtualElement?: React.RefObject<Element>;\n\n  /**\n   * DOM element or ID to render the portal into, falls back to document.body\n   */\n  portalContainer?: FloatingPortalProps['root'];\n}\n\nexport interface PopoverWithTriggerProps extends SharedPopoverProps {\n  /**\n   * Content used to trigger the Popover being displayed\n   */\n  trigger: JSX.Element;\n\n  /**\n   * Content to render within the Popover\n   */\n  children: JSX.Element;\n\n  /**\n   * When using a Trigger prop, there shouldn’t be a content prop\n   */\n  content?: never;\n}\n\nexport interface PopoverWithContentProps extends SharedPopoverProps {\n  /**\n   * Content to render within the Popover\n   */\n  content: JSX.Element | string;\n\n  /**\n   * Children to use as the trigger for the Popover\n   */\n  children: JSX.Element;\n\n  /**\n   * When using a Content prop, there shouldn’t be a trigger prop\n   */\n  trigger?: never;\n}\n\nexport type PopoverProps = PopoverWithTriggerProps | PopoverWithContentProps;\n\nconst POPOVER_OFFSET = 8;\n\nconst getMiddleware = ({\n  placement,\n  arrowRef,\n}: {\n  placement?: Placement;\n  arrowRef: React.RefObject<null>;\n}) => {\n  const BOUNDARY_ELEMENT_ID = 'floating-boundary';\n  const _flip = flip({\n    // Ensure we flip to the perpendicular axis if it doesn't fit\n    // on narrow viewports.\n    crossAxis: 'alignment',\n    fallbackAxisSideDirection: 'end',\n    boundary: document.getElementById(BOUNDARY_ELEMENT_ID) ?? undefined,\n  });\n\n  const middleware = placement?.includes('-') ? [_flip, shift()] : [shift(), _flip];\n\n  // the order of middleware is important!\n  // `arrow` should almost always be at the end\n  // see https://floating-ui.com/docs/arrow#order\n  return [\n    offset(POPOVER_OFFSET),\n    ...middleware,\n    arrow({\n      element: arrowRef,\n    }),\n  ];\n};\n\nexport const Popover = forwardRef<HTMLElement, PopoverProps>(\n  (\n    {\n      trigger: _trigger,\n      content: _content,\n      children,\n      isOpen: isOpenControlled,\n      isInteractive = false,\n      placement = 'bottom',\n      transitionDuration = 200,\n      hideDelay = 500,\n      virtualElement,\n      portalContainer,\n    },\n    forwardedRef,\n  ) => {\n    const arrowRef = useRef(null);\n    const closeTimer = useRef<number | undefined>(undefined);\n    const popoverId = useId();\n    const [isOpenState, setOpen] = useState(isOpenControlled);\n    const [isDelayedOpen, setDelayedOpen] = useState(isOpenControlled);\n    const isOpen = isOpenControlled ?? isOpenState;\n    const middleware = getMiddleware({ placement, arrowRef });\n    const styles = getStyles();\n    const { root } = usePortal();\n\n    const portalRoot = (() => {\n      switch (true) {\n        case portalContainer instanceof HTMLElement:\n          return portalContainer;\n        case typeof portalContainer === 'string':\n          return document.getElementById(portalContainer);\n        default:\n          return root;\n      }\n    })();\n\n    const { context, refs, floatingStyles } = useFloating({\n      open: isOpen,\n      placement,\n      onOpenChange: (open) => {\n        setOpen(open);\n        clearTimeout(closeTimer.current);\n\n        if (!open) {\n          closeTimer.current = window.setTimeout(() => {\n            setDelayedOpen(open);\n          }, transitionDuration + hideDelay);\n        } else {\n          setDelayedOpen(open);\n        }\n      },\n      middleware,\n      whileElementsMounted: autoUpdate,\n    });\n\n    useLayoutEffect(() => {\n      if (virtualElement && virtualElement.current !== null) {\n        const domRect = virtualElement.current.getBoundingClientRect();\n\n        refs.setPositionReference({\n          getBoundingClientRect: () => {\n            if (virtualElement.current !== null)\n              return virtualElement.current.getBoundingClientRect();\n            return domRect;\n          },\n          contextElement: virtualElement.current,\n        });\n      }\n    }, [refs, virtualElement]);\n\n    const { getReferenceProps, getFloatingProps } = useInteractions([\n      useDismiss(context),\n      useHover(context, {\n        handleClose: isInteractive ? safePolygon() : undefined,\n        move: false,\n        delay: {\n          open: 0,\n          close: hideDelay,\n        },\n      }),\n      useFocus(context),\n      useRole(context),\n    ]);\n\n    const { styles: transitionStyles } = useTransitionStyles(context, {\n      duration: transitionDuration,\n      initial: ({ side }) => ({\n        opacity: 0,\n        transform:\n          side === 'top' || side === 'bottom'\n            ? `translateY(${POPOVER_OFFSET}px)`\n            : `translateX(${POPOVER_OFFSET}px)`,\n      }),\n      open: ({ side }) => ({\n        opacity: 1,\n        transform: side === 'top' || side === 'bottom' ? `translateY(0)` : `translateX(0)`,\n      }),\n      close: ({ side }) => ({\n        opacity: 0,\n        transform:\n          side === 'top' || side === 'bottom'\n            ? `translateY(${POPOVER_OFFSET}px)`\n            : `translateX(${POPOVER_OFFSET}px)`,\n      }),\n    });\n\n    const handleRef = useCallback(\n      (ref: HTMLElement | null) => {\n        refs.setReference(ref);\n\n        if (typeof forwardedRef === 'function') {\n          forwardedRef(ref);\n        } else if (forwardedRef) {\n          forwardedRef.current = ref;\n        }\n      },\n      [forwardedRef, refs],\n    );\n\n    /**\n     * The interface of Popover supports two methods of usage where the children can\n     * either represent the content of the popover, or the element to trigger\n     * rendering the popover. Dependent on whether the trigger or content prop is\n     * provided, the children prop will handle the other scenario.\n     */\n    const [trigger, content] =\n      typeof _trigger !== 'undefined' ? [_trigger, children] : [children, _content];\n\n    return (\n      <>\n        {/* element to trigger displaying the popover */}\n        {cloneElement(trigger, {\n          ref: handleRef,\n          tabIndex: 0,\n          'aria-describedby': isOpen ? popoverId : undefined,\n          ...getReferenceProps(),\n        })}\n        {/* content to render inside the popover when open */}\n        {(isDelayedOpen || isOpen) && (\n          <FloatingPortal root={portalRoot}>\n            <div ref={refs.setFloating} style={floatingStyles} {...getFloatingProps()}>\n              <div style={transitionStyles} className={styles.shadow}>\n                <FloatingArrow className={styles.arrow} ref={arrowRef} context={context} />\n                <div id={popoverId} role=\"tooltip\" className={styles.container}>\n                  {content}\n                </div>\n              </div>\n            </div>\n          </FloatingPortal>\n        )}\n      </>\n    );\n  },\n);\n\nPopover.displayName = 'Popover';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Popover.js","sources":["../../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import {\n  forwardRef,\n  cloneElement,\n  useCallback,\n  useId,\n  useRef,\n  useState,\n  useLayoutEffect,\n  JSX,\n} from 'react';\nimport {\n  arrow,\n  autoUpdate,\n  flip,\n  FloatingArrow,\n  offset,\n  safePolygon,\n  shift,\n  useDismiss,\n  useFloating,\n  useFocus,\n  useHover,\n  useRole,\n  useInteractions,\n  useTransitionStyles,\n  FloatingPortal,\n  FloatingPortalProps,\n  Placement,\n} from '@floating-ui/react';\nimport { usePortal } from '../PortalProvider';\nimport { getStyles } from './Popover.styles';\n\nexport type { Placement };\n\nexport interface SharedPopoverProps {\n  /**\n   * Should the popover be open? Implicitly means the popover visibility is\n   * controlled; if omitted, the popover target will control visibility\n   */\n  isOpen?: boolean;\n\n  /**\n   * Set to true if you want the tooltip to stay long enough so the user can\n   * move mouse over content to select text or click a link\n   */\n  isInteractive?: boolean;\n\n  /**\n   * Placement of the Popover relative to the trigger content\n   */\n  placement?: Placement;\n\n  /**\n   * Transition duration for hide/show effects, in milliseconds\n   */\n  transitionDuration?: number;\n\n  /**\n   * Additional delay before hiding the popover after mouseout, in milliseconds\n   */\n  hideDelay?: number;\n\n  /**\n   * Virtual element to anchor the popover to instead of the trigger\n   */\n  virtualElement?: React.RefObject<Element>;\n\n  /**\n   * DOM element or ID to render the portal into, falls back to document.body\n   */\n  portalContainer?: FloatingPortalProps['root'];\n}\n\nexport interface PopoverWithTriggerProps extends SharedPopoverProps {\n  /**\n   * Content used to trigger the Popover being displayed\n   */\n  trigger: JSX.Element;\n\n  /**\n   * Content to render within the Popover\n   */\n  children: JSX.Element;\n\n  /**\n   * When using a Trigger prop, there shouldn’t be a content prop\n   */\n  content?: never;\n\n  /**\n   * When using a Trigger prop, the prop is uncontrolled, so no isOpen prop should be provided.\n   */\n  isOpen?: never;\n}\n\nexport interface PopoverWithContentProps extends SharedPopoverProps {\n  /**\n   * Content to render within the Popover\n   */\n  content: JSX.Element | string;\n\n  /**\n   * Children to use as the trigger for the Popover\n   */\n  children: JSX.Element;\n\n  /**\n   * When using a Content prop, there shouldn’t be a trigger prop\n   */\n  trigger?: never;\n\n  /**\n   * When using a Trigger prop, the prop is uncontrolled, so no isOpen prop should be provided.\n   */\n  isOpen?: never;\n}\n\nexport interface ControlledPopoverProps extends SharedPopoverProps {\n  /**\n   * When controlled, there is no trigger prop\n   */\n  trigger?: never;\n\n  /**\n   * Equally, when controlled there is no content prop since we can just use children\n   */\n  content?: never;\n\n  /**\n   * Virtual element to anchor the popover to instead of the trigger is required in this case\n   */\n  virtualElement: React.RefObject<Element>;\n\n  /**\n   * Children to use as the trigger for the Popover\n   */\n  children: JSX.Element;\n\n  /**\n   * Controlled popover requires the isOpen prop to be provided\n   */\n  isOpen: boolean;\n}\n\nexport type PopoverProps =\n  | PopoverWithTriggerProps\n  | PopoverWithContentProps\n  | ControlledPopoverProps;\n\nconst POPOVER_OFFSET = 8;\n\nconst getMiddleware = ({\n  placement,\n  arrowRef,\n}: {\n  placement?: Placement;\n  arrowRef: React.RefObject<null>;\n}) => {\n  const BOUNDARY_ELEMENT_ID = 'floating-boundary';\n  const _flip = flip({\n    // Ensure we flip to the perpendicular axis if it doesn't fit\n    // on narrow viewports.\n    crossAxis: 'alignment',\n    fallbackAxisSideDirection: 'end',\n    boundary: document.getElementById(BOUNDARY_ELEMENT_ID) ?? undefined,\n  });\n\n  const middleware = placement?.includes('-') ? [_flip, shift()] : [shift(), _flip];\n\n  // the order of middleware is important!\n  // `arrow` should almost always be at the end\n  // see https://floating-ui.com/docs/arrow#order\n  return [\n    offset(POPOVER_OFFSET),\n    ...middleware,\n    arrow({\n      element: arrowRef,\n    }),\n  ];\n};\n\nexport const Popover = forwardRef<HTMLElement, PopoverProps>(\n  (\n    {\n      trigger: _trigger,\n      content: _content,\n      children,\n      isOpen: isOpenControlled,\n      isInteractive = false,\n      placement = 'bottom',\n      transitionDuration = 200,\n      hideDelay = 500,\n      virtualElement,\n      portalContainer,\n    },\n    forwardedRef,\n  ) => {\n    const arrowRef = useRef(null);\n    const closeTimer = useRef<number | undefined>(undefined);\n    const popoverId = useId();\n    const [isOpenState, setOpen] = useState(isOpenControlled ?? false);\n    const [isDelayedOpen, setDelayedOpen] = useState(isOpenControlled ?? false);\n    const isOpen = isOpenControlled ?? isOpenState;\n    const middleware = getMiddleware({ placement, arrowRef });\n    const styles = getStyles();\n    const { root } = usePortal();\n\n    const portalRoot = (() => {\n      switch (true) {\n        case portalContainer instanceof HTMLElement:\n          return portalContainer;\n        case typeof portalContainer === 'string':\n          return document.getElementById(portalContainer);\n        default:\n          return root;\n      }\n    })();\n\n    const { context, refs, floatingStyles } = useFloating({\n      open: isOpen,\n      placement,\n      onOpenChange: (open) => {\n        setOpen(open);\n        clearTimeout(closeTimer.current);\n\n        if (!open) {\n          closeTimer.current = window.setTimeout(() => {\n            setDelayedOpen(open);\n          }, transitionDuration + hideDelay);\n        } else {\n          setDelayedOpen(open);\n        }\n      },\n      middleware,\n      whileElementsMounted: autoUpdate,\n    });\n\n    useLayoutEffect(() => {\n      if (virtualElement && virtualElement.current !== null) {\n        const domRect = virtualElement.current.getBoundingClientRect();\n\n        refs.setPositionReference({\n          getBoundingClientRect: () => {\n            if (virtualElement.current !== null)\n              return virtualElement.current.getBoundingClientRect();\n            return domRect;\n          },\n          contextElement: virtualElement.current,\n        });\n      }\n    }, [refs, virtualElement]);\n\n    const { getReferenceProps, getFloatingProps } = useInteractions([\n      useDismiss(context),\n      useHover(context, {\n        handleClose: isInteractive ? safePolygon() : undefined,\n        move: false,\n        delay: {\n          open: 0,\n          close: hideDelay,\n        },\n      }),\n      useFocus(context),\n      useRole(context),\n    ]);\n\n    const { styles: transitionStyles } = useTransitionStyles(context, {\n      duration: transitionDuration,\n      initial: ({ side }) => ({\n        opacity: 0,\n        transform:\n          side === 'top' || side === 'bottom'\n            ? `translateY(${POPOVER_OFFSET}px)`\n            : `translateX(${POPOVER_OFFSET}px)`,\n      }),\n      open: ({ side }) => ({\n        opacity: 1,\n        transform: side === 'top' || side === 'bottom' ? `translateY(0)` : `translateX(0)`,\n      }),\n      close: ({ side }) => ({\n        opacity: 0,\n        transform:\n          side === 'top' || side === 'bottom'\n            ? `translateY(${POPOVER_OFFSET}px)`\n            : `translateX(${POPOVER_OFFSET}px)`,\n      }),\n    });\n\n    const handleRef = useCallback(\n      (ref: HTMLElement | null) => {\n        refs.setReference(ref);\n\n        if (typeof forwardedRef === 'function') {\n          forwardedRef(ref);\n        } else if (forwardedRef) {\n          forwardedRef.current = ref;\n        }\n      },\n      [forwardedRef, refs],\n    );\n\n    /**\n     * The interface of Popover supports two methods of usage where the children\n     * can either represent the content of the popover, or the element to\n     * trigger rendering the popover. Dependent on whether the trigger or\n     * content prop is provided, the children prop will handle the other\n     * scenario.\n     *\n     * Additionally, it also supports the use of a virtualElement prop to\n     * control the position of the popover, and the isOpen prop for controlled\n     * open/closed state. In the latter case, no trigger element is passed and\n     * the children prop is used as the content of the popover (with the\n     * virtualElement controlling the popover position)\n     */\n    const [trigger, content] = (() => {\n      switch (true) {\n        /**\n         * If the popover is controlled, the trigger isn’t used at all\n         */\n        case typeof isOpenControlled !== 'undefined':\n          return [undefined, children];\n\n        /**\n         * If a trigger prop was passed, use it as the trigger, and the children\n         * as the popover content\n         */\n        case typeof _trigger !== 'undefined':\n          return [_trigger, children];\n\n        /**\n         * Otherwise, use the children as the trigger element, and the content\n         * prop as the popover content\n         */\n        default:\n          return [children, _content];\n      }\n    })();\n\n    return (\n      <>\n        {/* element to trigger displaying the popover */}\n        {typeof trigger !== 'undefined' &&\n          cloneElement(trigger, {\n            ref: handleRef,\n            tabIndex: 0,\n            'aria-describedby': isOpen ? popoverId : undefined,\n            ...getReferenceProps(),\n          })}\n        {/* content to render inside the popover when open */}\n        {(isDelayedOpen || isOpen) && (\n          <FloatingPortal root={portalRoot}>\n            <div ref={refs.setFloating} style={floatingStyles} {...getFloatingProps()}>\n              <div style={transitionStyles} className={styles.shadow}>\n                <FloatingArrow className={styles.arrow} ref={arrowRef} context={context} />\n                <div id={popoverId} role=\"tooltip\" className={styles.container}>\n                  {content}\n                </div>\n              </div>\n            </div>\n          </FloatingPortal>\n        )}\n      </>\n    );\n  },\n);\n\nPopover.displayName = 'Popover';\n"],"names":[],"mappings":"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"}

package/dist/esm/components/StackedChartNoData/StackedChartNoData.js

@@ -36,6 +36,8 @@ import '../Icons/AlignHorizontalJustifyStart.js';
 import '../Icons/AlignHorizontalSpaceAround.js';
 import '../Icons/AlignHorizontalSpaceBetween.js';
 import '../Icons/AlignJustify.js';
+import '../Icons/AlignLayoutLeft.js';
+import '../Icons/AlignLayoutRight.js';
 import '../Icons/AlignLeft.js';
 import '../Icons/AlignRight.js';
 import '../Icons/AlignStartHorizontal.js';
@@ -61,7 +63,9 @@ import '../Icons/Anvil.js';
 import '../Icons/Aperture.js';
 import '../Icons/AppWindowMac.js';
 import '../Icons/AppWindow.js';
+import '../Icons/AppWindows.js';
 import '../Icons/Apple.js';
+import '../Icons/ApplicationObservability.js';
 import '../Icons/ArchiveRestore.js';
 import '../Icons/ArchiveX.js';
 import '../Icons/Archive.js';
@@ -129,6 +133,7 @@ import '../Icons/ArrowUpToLine.js';
 import '../Icons/ArrowUpWideNarrow.js';
 import '../Icons/ArrowUpZA.js';
 import '../Icons/ArrowUp.js';
+import '../Icons/ArrowsDiagonalCrossingRight.js';
 import '../Icons/ArrowsUpFromLine.js';
 import '../Icons/Asserts.js';
 import '../Icons/AsteriskSquare.js';
@@ -349,6 +354,8 @@ import '../Icons/Cast.js';
 import '../Icons/Castle.js';
 import '../Icons/Cat.js';
 import '../Icons/Cctv.js';
+import '../Icons/ChannelPlus.js';
+import '../Icons/Channel.js';
 import '../Icons/ChartArea.js';
 import '../Icons/ChartBarBig.js';
 import '../Icons/ChartBarDecreasing.js';
@@ -362,6 +369,7 @@ import '../Icons/ChartColumnIncreasing.js';
 import '../Icons/ChartColumnStacked.js';
 import '../Icons/ChartColumn.js';
 import '../Icons/ChartGantt.js';
+import '../Icons/ChartLinePlus.js';
 import '../Icons/ChartLine.js';
 import '../Icons/ChartNetwork.js';
 import '../Icons/ChartNoAxesColumnDecreasing.js';
@@ -369,6 +377,7 @@ import '../Icons/ChartNoAxesColumnIncreasing.js';
 import '../Icons/ChartNoAxesColumn.js';
 import '../Icons/ChartNoAxesCombined.js';
 import '../Icons/ChartNoAxesGantt.js';
+import '../Icons/ChartPanel.js';
 import '../Icons/ChartPie.js';
 import '../Icons/ChartScatter.js';
 import '../Icons/ChartSpline.js';
@@ -404,10 +413,12 @@ import '../Icons/ChevronUp.js';
 import '../Icons/ChevronsDownUp.js';
 import '../Icons/ChevronsDown.js';
 import '../Icons/ChevronsLeftRightEllipsis.js';
+import '../Icons/ChevronsLeftRightLine.js';
 import '../Icons/ChevronsLeftRight.js';
 import '../Icons/ChevronsLeft.js';
 import '../Icons/ChevronsRightLeft.js';
 import '../Icons/ChevronsRight.js';
+import '../Icons/ChevronsUpDownLine.js';
 import '../Icons/ChevronsUpDown.js';
 import '../Icons/ChevronsUp.js';
 import '../Icons/Chrome.js';
@@ -438,6 +449,7 @@ import '../Icons/CircleEllipsis.js';
 import '../Icons/CircleEqual.js';
 import '../Icons/CircleFadingArrowUp.js';
 import '../Icons/CircleFadingPlus.js';
+import '../Icons/CircleFilled.js';
 import '../Icons/CircleGauge.js';
 import '../Icons/CircleHelp.js';
 import '../Icons/CircleMinus.js';
@@ -462,6 +474,7 @@ import '../Icons/CircleUserRound.js';
 import '../Icons/CircleUser.js';
 import '../Icons/CircleX.js';
 import '../Icons/Circle.js';
+import '../Icons/CirclesIntersect.js';
 import '../Icons/CircuitBoard.js';
 import '../Icons/Citrus.js';
 import '../Icons/Clapperboard.js';
@@ -503,10 +516,12 @@ import '../Icons/CloudAlert.js';
 import '../Icons/CloudBackup.js';
 import '../Icons/CloudCheck.js';
 import '../Icons/CloudCog.js';
+import '../Icons/CloudDatabase.js';
 import '../Icons/CloudDownload.js';
 import '../Icons/CloudDrizzle.js';
 import '../Icons/CloudFog.js';
 import '../Icons/CloudHail.js';
+import '../Icons/CloudInfo.js';
 import '../Icons/CloudLightning.js';
 import '../Icons/CloudMoonRain.js';
 import '../Icons/CloudMoon.js';
@@ -553,6 +568,7 @@ import '../Icons/Container.js';
 import '../Icons/Contrast.js';
 import '../Icons/Cookie.js';
 import '../Icons/CookingPot.js';
+import '../Icons/CoolS.js';
 import '../Icons/CopyCheck.js';
 import '../Icons/CopyMinus.js';
 import '../Icons/CopyPlus.js';
@@ -630,6 +646,7 @@ import '../Icons/DraftingCompass.js';
 import '../Icons/Drama.js';
 import '../Icons/Dribbble.js';
 import '../Icons/Drill.js';
+import '../Icons/Drilldown.js';
 import '../Icons/Drone.js';
 import '../Icons/DropletOff.js';
 import '../Icons/Droplet.js';
@@ -703,6 +720,7 @@ import '../Icons/FileExclamationPoint.js';
 import '../Icons/FileHeadphone.js';
 import '../Icons/FileHeart.js';
 import '../Icons/FileImage.js';
+import '../Icons/FileInfo.js';
 import '../Icons/FileInput.js';
 import '../Icons/FileJson_2.js';
 import '../Icons/FileJson.js';
@@ -711,6 +729,7 @@ import '../Icons/FileKey.js';
 import '../Icons/FileLineChart.js';
 import '../Icons/FileLock_2.js';
 import '../Icons/FileLock.js';
+import '../Icons/FileLog.js';
 import '../Icons/FileMinus_2.js';
 import '../Icons/FileMinusCorner.js';
 import '../Icons/FileMinus.js';
@@ -1012,6 +1031,7 @@ import '../Icons/LandPlot.js';
 import '../Icons/Landmark.js';
 import '../Icons/Languages.js';
 import '../Icons/Laptop_2.js';
+import '../Icons/LaptopCloud.js';
 import '../Icons/LaptopMinimalCheck.js';
 import '../Icons/LaptopMinimal.js';
 import '../Icons/Laptop.js';
@@ -1020,9 +1040,11 @@ import '../Icons/Lasso.js';
 import '../Icons/Laugh.js';
 import '../Icons/Layers_2.js';
 import '../Icons/Layers_3.js';
+import '../Icons/LayersOff.js';
 import '../Icons/LayersPlus.js';
 import '../Icons/Layers.js';
 import '../Icons/LayoutDashboard.js';
+import '../Icons/LayoutGridPlus.js';
 import '../Icons/LayoutGrid.js';
 import '../Icons/LayoutList.js';
 import '../Icons/LayoutPanelLeft.js';
@@ -1084,6 +1106,7 @@ import '../Icons/LogIn.js';
 import '../Icons/LogOut.js';
 import '../Icons/Logs.js';
 import '../Icons/Lollipop.js';
+import '../Icons/LoopedArrowsBoxes.js';
 import '../Icons/Luggage.js';
 import '../Icons/MSquare.js';
 import '../Icons/Magnet.js';
@@ -1216,6 +1239,7 @@ import '../Icons/MoveUpRight.js';
 import '../Icons/MoveUp.js';
 import '../Icons/MoveVertical.js';
 import '../Icons/Move.js';
+import '../Icons/MultiStep.js';
 import '../Icons/Music_2.js';
 import '../Icons/Music_3.js';
 import '../Icons/Music_4.js';
@@ -1245,6 +1269,8 @@ import '../Icons/Okta.js';
 import '../Icons/Omega.js';
 import '../Icons/Option.js';
 import '../Icons/Orbit.js';
+import '../Icons/OrientationLandscape.js';
+import '../Icons/OrientationPortrait.js';
 import '../Icons/Origami.js';
 import '../Icons/Outdent.js';
 import '../Icons/Package_2.js';
@@ -1274,11 +1300,13 @@ import '../Icons/PanelLeftDashed.js';
 import '../Icons/PanelLeftInactive.js';
 import '../Icons/PanelLeftOpen.js';
 import '../Icons/PanelLeftRightDashed.js';
+import '../Icons/PanelLeftToggle.js';
 import '../Icons/PanelLeft.js';
 import '../Icons/PanelRightClose.js';
 import '../Icons/PanelRightDashed.js';
 import '../Icons/PanelRightInactive.js';
 import '../Icons/PanelRightOpen.js';
+import '../Icons/PanelRightToggle.js';
 import '../Icons/PanelRight.js';
 import '../Icons/PanelTopBottomDashed.js';
 import '../Icons/PanelTopClose.js';
@@ -1353,6 +1381,7 @@ import '../Icons/PlayCircle.js';
 import '../Icons/PlaySquare.js';
 import '../Icons/Play.js';
 import '../Icons/Plug_2.js';
+import '../Icons/PlugDiagonal.js';
 import '../Icons/PlugZap_2.js';
 import '../Icons/PlugZap.js';
 import '../Icons/Plug.js';
@@ -1416,6 +1445,8 @@ import '../Icons/RefreshCcwDot.js';
 import '../Icons/RefreshCcw.js';
 import '../Icons/RefreshCwOff.js';
 import '../Icons/RefreshCw.js';
+import '../Icons/RefreshX4Ccw.js';
+import '../Icons/RefreshX4Cw.js';
 import '../Icons/Refrigerator.js';
 import '../Icons/Regex.js';
 import '../Icons/RemoveFormatting.js';
@@ -1611,6 +1642,7 @@ import '../Icons/SquareChevronLeft.js';
 import '../Icons/SquareChevronRight.js';
 import '../Icons/SquareChevronUp.js';
 import '../Icons/SquareCode.js';
+import '../Icons/SquareDashedArrowSmallSquare.js';
 import '../Icons/SquareDashedBottomCode.js';
 import '../Icons/SquareDashedBottom.js';
 import '../Icons/SquareDashedKanban.js';
@@ -1624,12 +1656,14 @@ import '../Icons/SquareFunction.js';
 import '../Icons/SquareGanttChart.js';
 import '../Icons/SquareKanban.js';
 import '../Icons/SquareLibrary.js';
+import '../Icons/SquareList.js';
 import '../Icons/SquareM.js';
 import '../Icons/SquareMenu.js';
 import '../Icons/SquareMinus.js';
 import '../Icons/SquareMousePointer.js';
 import '../Icons/SquareParkingOff.js';
 import '../Icons/SquareParking.js';
+import '../Icons/SquarePartialList.js';
 import '../Icons/SquarePause.js';
 import '../Icons/SquarePen.js';
 import '../Icons/SquarePercent.js';
@@ -1827,6 +1861,7 @@ import '../Icons/UserCircle_2.js';
 import '../Icons/UserCircle.js';
 import '../Icons/UserCog_2.js';
 import '../Icons/UserCog.js';
+import '../Icons/UserKey.js';
 import '../Icons/UserLock.js';
 import '../Icons/UserMinus_2.js';
 import '../Icons/UserMinus.js';

package/dist/esm/components/StackedChartNoData/StackedChartNoData.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackedChartNoData.js","sources":["../../../../src/components/StackedChartNoData/StackedChartNoData.tsx"],"sourcesContent":["import { GlobalCSSVariables } from '@grafana/design-tokens';\nimport { Icon } from '../Icon';\nimport { AlertTriangle } from '../Icons';\nimport { cssVariables, getStyles } from './StackedChartNoData.styles';\nimport { STACKED_CHART_DEFAULT_HEIGHT } from '../StackedChart/common';\n\nexport type StackedChartNoDataMessageFormatter = (args: {\n  period: string;\n  className: string;\n}) => React.ReactElement;\n\nexport interface StackedChartNoDataProps {\n  /**\n   * Height to render the stacked chart skeleton, in pixels\n   */\n  height?: number;\n\n  /**\n   * Period for which this chart has no data, as a preformatted string\n   */\n  period?: string;\n\n  /**\n   * Optional formatter for content message\n   */\n  formatMessage?: StackedChartNoDataMessageFormatter;\n}\n\n/**\n * The default content formatter assumes a percentage value, but you can create\n * your own formatter using the provided arguments of total and index. The\n * colorClassName allows you to set the colour of some text or an icon to the\n * same colour as the equivalent chart segment.\n */\nconst defaultContentFormatter: StackedChartNoDataMessageFormatter = ({ period, className }) => (\n  <>\n    No data for <span className={className}>{period}</span>\n  </>\n);\n\nexport const StackedChartNoData = ({\n  height = STACKED_CHART_DEFAULT_HEIGHT,\n  period = 'current',\n  formatMessage = defaultContentFormatter,\n}: StackedChartNoDataProps) => {\n  const styles = getStyles(height);\n\n  return (\n    <>\n      <GlobalCSSVariables variables={cssVariables()} defaultColorMode={null} />\n      <div className={styles.container}>\n        <Icon component={AlertTriangle} size=\"sm\" />\n        <span>{formatMessage({ period, className: styles.label })}</span>\n      </div>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,MAAM,0BAA8D,CAAC,EAAE,MAAA,EAAQ,SAAA,uBAC7E,IAAA,CAAA,QAAA,EAAA,EAAE,QAAA,EAAA;AAAA,EAAA,cAAA;AAAA,kBACY,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAuB,QAAA,EAAA,MAAA,EAAO;AAAA,CAAA,EAClD,CAAA;AAGK,MAAM,qBAAqB,CAAC;AAAA,EACjC,MAAA,GAAS,4BAAA;AAAA,EACT,MAAA,GAAS,SAAA;AAAA,EACT,aAAA,GAAgB;AAClB,CAAA,KAA+B;AAC7B,EAAA,MAAM,MAAA,GAAS,UAAU,MAAM,CAAA;AAE/B,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,kBAAA,EAAA,EAAmB,SAAA,EAAW,YAAA,EAAa,EAAG,kBAAkB,IAAA,EAAM,CAAA;AAAA,oBACvE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,SAAA,EACrB,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAW,aAAA,EAAe,IAAA,EAAK,IAAA,EAAK,CAAA;AAAA,sBAC1C,GAAA,CAAC,UAAM,QAAA,EAAA,aAAA,CAAc,EAAE,QAAQ,SAAA,EAAW,MAAA,CAAO,KAAA,EAAO,CAAA,EAAE;AAAA,KAAA,EAC5D;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"StackedChartNoData.js","sources":["../../../../src/components/StackedChartNoData/StackedChartNoData.tsx"],"sourcesContent":["import { GlobalCSSVariables } from '@grafana/design-tokens';\nimport { Icon } from '../Icon';\nimport { AlertTriangle } from '../Icons';\nimport { cssVariables, getStyles } from './StackedChartNoData.styles';\nimport { STACKED_CHART_DEFAULT_HEIGHT } from '../StackedChart/common';\n\nexport type StackedChartNoDataMessageFormatter = (args: {\n  period: string;\n  className: string;\n}) => React.ReactElement;\n\nexport interface StackedChartNoDataProps {\n  /**\n   * Height to render the stacked chart skeleton, in pixels\n   */\n  height?: number;\n\n  /**\n   * Period for which this chart has no data, as a preformatted string\n   */\n  period?: string;\n\n  /**\n   * Optional formatter for content message\n   */\n  formatMessage?: StackedChartNoDataMessageFormatter;\n}\n\n/**\n * The default content formatter assumes a percentage value, but you can create\n * your own formatter using the provided arguments of total and index. The\n * colorClassName allows you to set the colour of some text or an icon to the\n * same colour as the equivalent chart segment.\n */\nconst defaultContentFormatter: StackedChartNoDataMessageFormatter = ({ period, className }) => (\n  <>\n    No data for <span className={className}>{period}</span>\n  </>\n);\n\nexport const StackedChartNoData = ({\n  height = STACKED_CHART_DEFAULT_HEIGHT,\n  period = 'current',\n  formatMessage = defaultContentFormatter,\n}: StackedChartNoDataProps) => {\n  const styles = getStyles(height);\n\n  return (\n    <>\n      <GlobalCSSVariables variables={cssVariables()} defaultColorMode={null} />\n      <div className={styles.container}>\n        <Icon component={AlertTriangle} size=\"sm\" />\n        <span>{formatMessage({ period, className: styles.label })}</span>\n      </div>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,MAAM,0BAA8D,CAAC,EAAE,MAAA,EAAQ,SAAA,uBAC7E,IAAA,CAAA,QAAA,EAAA,EAAE,QAAA,EAAA;AAAA,EAAA,cAAA;AAAA,kBACY,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAuB,QAAA,EAAA,MAAA,EAAO;AAAA,CAAA,EAClD,CAAA;AAGK,MAAM,qBAAqB,CAAC;AAAA,EACjC,MAAA,GAAS,4BAAA;AAAA,EACT,MAAA,GAAS,SAAA;AAAA,EACT,aAAA,GAAgB;AAClB,CAAA,KAA+B;AAC7B,EAAA,MAAM,MAAA,GAAS,UAAU,MAAM,CAAA;AAE/B,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,kBAAA,EAAA,EAAmB,SAAA,EAAW,YAAA,EAAa,EAAG,kBAAkB,IAAA,EAAM,CAAA;AAAA,oBACvE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,SAAA,EACrB,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAW,aAAA,EAAe,IAAA,EAAK,IAAA,EAAK,CAAA;AAAA,sBAC1C,GAAA,CAAC,UAAM,QAAA,EAAA,aAAA,CAAc,EAAE,QAAQ,SAAA,EAAW,MAAA,CAAO,KAAA,EAAO,CAAA,EAAE;AAAA,KAAA,EAC5D;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}