@oracle/oraclejet-preact 14.0.7 → 14.0.8

package/amd/PRIVATE_Message.js

@@ -1,279 +1,2 @@
-/* @oracle/oraclejet-preact: 14.0.7 */
-define(['exports', 'preact/jsx-runtime', "css!./PRIVATE_Message.css", 'preact/hooks', './UNSAFE_Flex', './utils/PRIVATE_timer', './utils/UNSAFE_classNames', './MessageCloseButton-51697635', './classNames-027de734', './MessageDetail-dd86fa2b', './MessageFormattingUtils-0ffdac02', './MessageStartIcon-1b57b659', './MessageSummary-cf0af1b2', './MessageTimestamp-0e995235', './MessageUtils-0bf10cfa', './Flex-7762d39c', './MessagesManager-da52103a', './Message.types-3ff18727', './tslib.es6-71b1ba5b', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './_curry1-645b9927', './utils/UNSAFE_mergeInterpolations', './_curry3-4cc6f6ba', './_curry2-93924f19', './_has-cce283ad', './utils/UNSAFE_interpolations/boxalignment', './keys-a09501ab', './utils/UNSAFE_interpolations/flexbox', './flexbox-4dd0bbb4', './utils/UNSAFE_interpolations/flexitem', './flexitem-7363d040', './UNSAFE_Button', './Button-87280b4a', './UNSAFE_BaseButton', './BaseButton-20a653f3', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive', 'preact/compat', './utils/PRIVATE_clientHints', './clientHints-361cde40', './hooks/UNSAFE_useTabbableMode', 'preact', './utils/UNSAFE_mergeProps', './index-f54bad63', './index-5920700b', './UNSAFE_Icon', './Icon-a6ef6699', './hooks/UNSAFE_useTooltip', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-08ac18d2', './index-e9199379', './hooks/UNSAFE_useUser', './UNSAFE_Environment', './UNSAFE_Layer', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-2f572e0c', './hooks/UNSAFE_useTheme', './utils/UNSAFE_getLocale', './utils/UNSAFE_stringUtils', './stringUtils-9311a716', './utils/UNSAFE_logger', './utils/UNSAFE_soundUtils', './PRIVATE_TransitionGroup', './hooks/UNSAFE_useMessagesContext'], (function (exports, jsxRuntime, linaria, hooks, UNSAFE_Flex, utils_PRIVATE_timer, utils_UNSAFE_classNames, MessageCloseButton, classNames, MessageDetail, MessageFormattingUtils, MessageStartIcon, MessageSummary, MessageTimestamp, MessageUtils, Flex, MessagesManager, Message_types, tslib_es6, utils_UNSAFE_interpolations_dimensions, utils_UNSAFE_arrayUtils, utils_UNSAFE_size, _curry1, utils_UNSAFE_mergeInterpolations, _curry3, _curry2, _has, utils_UNSAFE_interpolations_boxalignment, keys, utils_UNSAFE_interpolations_flexbox, flexbox, utils_UNSAFE_interpolations_flexitem, flexitem, UNSAFE_Button, Button, UNSAFE_BaseButton, BaseButton, hooks_UNSAFE_usePress, hooks_UNSAFE_useHover, hooks_UNSAFE_useToggle, hooks_UNSAFE_useActive, compat, utils_PRIVATE_clientHints, clientHints, hooks_UNSAFE_useTabbableMode, preact, utils_UNSAFE_mergeProps, UNSAFE_ThemedIcons, UNSAFE_Icons, UNSAFE_Icon, Icon, hooks_UNSAFE_useTooltip, hooks_UNSAFE_useId, UNSAFE_Floating, Floating, hooks_UNSAFE_useFloating, hooks_UNSAFE_useUser, UNSAFE_Environment, UNSAFE_Layer, utils_PRIVATE_floatingUtils, utils_PRIVATE_refUtils, hooks_UNSAFE_useOutsideClick, hooks_UNSAFE_useFocus, hooks_UNSAFE_useTouch, hooks_UNSAFE_useAnimation, useAnimation, hooks_UNSAFE_useTheme, utils_UNSAFE_getLocale, utils_UNSAFE_stringUtils, stringUtils, utils_UNSAFE_logger, utils_UNSAFE_soundUtils, PRIVATE_TransitionGroup, hooks_UNSAFE_useMessagesContext) { 'use strict';
-
-    const messageStartIconStyles = {
-      base: "base-785zrq",
-      toast: "toast-u320ek"
-    };
-    /**
-     * Component for rendering custom icon/content for start icon in Message
-     */
-
-    function MessageCustomStartIcon({
-      item,
-      renderer
-    }) {
-      const classes = classNames.classNames([messageStartIconStyles.base, // for now only toast has support for custom icon
-      messageStartIconStyles.toast]);
-      return jsxRuntime.jsx("div", Object.assign({
-        class: classes,
-        role: "presentation"
-      }, {
-        children: renderer(item)
-      }));
-    }
-
-    const messageHeaderStyles = {
-      base: "base-qr5cxn",
-      banner: "banner-117y3gl",
-      inline: undefined,
-      toast: "toast-itblac"
-    };
-    /**
-     * A component that styles the header for the message component
-     * @param param0 Props
-     * @returns MessageHeader component instance
-     */
-
-    function MessageHeader({
-      children,
-      variant = 'banner'
-    }) {
-      const rootClasses = classNames.classNames([messageHeaderStyles.base, messageHeaderStyles[variant]]);
-      return jsxRuntime.jsx("div", Object.assign({
-        role: "presentation",
-        class: rootClasses
-      }, {
-        children: children
-      }));
-    }
-
-    /**
-     * Determines the base variant of the message - banner or toast
-     *
-     * @param variant The message variant
-     * @returns The base variant
-     */
-
-    function getBaseVariant(variant) {
-      if (variant === 'pageBanner' || variant === 'sectionBanner') {
-        return 'banner';
-      }
-
-      return 'toast';
-    }
-    /**
-     * Determines if a severity icon is needed based on the component severity
-     *
-     * @param severity The component severity
-     * @returns Whether or not to render the severity icon
-     */
-
-
-    function isSeverityIconNeeded(severity) {
-      const isValidSeverity = MessageFormattingUtils.isValidValueForProp(severity, 'severity');
-      return isValidSeverity && severity !== 'none';
-    }
-    /**
-     * CSS styles for various components
-     */
-
-
-    const messageStyles = {
-      base: {
-        banner: "banner-z841eh",
-        toast: "toast-1dpsl71"
-      },
-      section: "section-14rx6ne",
-      // TODO: Replace with Flex and View components to handle padding and flex
-      content: {
-        base: "base-195990u",
-        banner: "banner-fzmqju",
-        toast: "toast-1lg16e1"
-      }
-    };
-    /**
-     * Default timeout duration for autoTimeout in milliseconds
-     */
-
-    const MIN_SECONDS = 5;
-    const DEFAULT_TIMEOUT = MIN_SECONDS * 1000;
-    /**
-     * Component that renders an individual message
-     */
-
-    function Message({
-      closeButtonRenderer,
-      detailRenderer,
-      iconRenderer,
-      index = -1,
-      item,
-      onClose,
-      messageRef = () => {},
-      variant = 'pageBanner',
-      translations
-    }) {
-      const {
-        closeAffordance = 'on',
-        severity = 'error',
-        sound,
-        summary,
-        timestamp
-      } = item.data;
-      const {
-        autoTimeout = 'off'
-      } = item.data;
-      const baseVariant = getBaseVariant(variant);
-      /**
-       * Handles clicking on the close icon of the message
-       */
-
-      const handleClose = hooks.useCallback(() => {
-        onClose === null || onClose === void 0 ? void 0 : onClose(item);
-      }, [item, onClose]);
-      /**
-       * Handles closing the message on pressing Esc
-       */
-
-      const handleCloseOnEsc = hooks.useCallback(event => {
-        // Close the message only when closeAffordance is on
-        if (event.key === 'Escape' && closeAffordance === 'on') {
-          onClose === null || onClose === void 0 ? void 0 : onClose(item);
-        }
-      }, [closeAffordance, item, onClose]);
-      /**
-       * Set auto timeout for toast messages
-       */
-
-      const shouldTimeout = baseVariant === 'toast' && autoTimeout !== 'off';
-      const currentTimerRef = hooks.useRef();
-      const timeout = typeof autoTimeout === 'number' ? autoTimeout : DEFAULT_TIMEOUT;
-      const timeoutDuration = autoTimeout === 'on' ? DEFAULT_TIMEOUT : timeout;
-      const startTimer = hooks.useCallback(() => {
-        if (currentTimerRef.current) return;
-        currentTimerRef.current = new utils_PRIVATE_timer.Timer(handleClose, timeoutDuration);
-      }, [handleClose, timeoutDuration]);
-      const clearTimer = hooks.useCallback(() => {
-        if (!currentTimerRef.current) return;
-        currentTimerRef.current.clear();
-        currentTimerRef.current = undefined;
-      }, []);
-      const pauseTimer = hooks.useCallback(() => {
-        var _a;
-
-        (_a = currentTimerRef.current) === null || _a === void 0 ? void 0 : _a.pause();
-      }, []);
-      const resumeTimer = hooks.useCallback(() => {
-        var _a;
-
-        (_a = currentTimerRef.current) === null || _a === void 0 ? void 0 : _a.resume();
-      }, []);
-      hooks.useEffect(() => {
-        if (MessageFormattingUtils.isValidValueForProp(sound)) {
-          // It is sufficient to check for the value to be a
-          // non-empty string. The playSound method takes care of the rest.
-          MessageUtils.playSound(sound);
-        } // on mount, start timer for toast messages if needed
-
-
-        if (shouldTimeout) {
-          startTimer();
-        }
-
-        return () => {
-          // clear out any pending timer
-          clearTimer();
-        }; // eslint-disable-next-line
-      }, []); // No deps to run this only on mount
-
-      const rootClasses = classNames.classNames([messageStyles.base[baseVariant], // for now, we do not have severity based styling on toast. So, we ignore this class for toasts
-      variant !== 'toast' && MessageUtils.severityBasedStyleClass(severity, baseVariant), variant === 'sectionBanner' && messageStyles.section]);
-      const contentClasses = classNames.classNames([messageStyles.content.base, messageStyles.content[baseVariant]]); // We will be animating the root div, so add padding to an inner wrapper div so that
-      // when animating height looks smooth. If padding were to be added to the root
-      // div, the animation will not be smooth as height will never reach 0 due to the
-      // padding.
-
-      return jsxRuntime.jsx("div", Object.assign({
-        ref: messageRef,
-        class: rootClasses,
-        role: "alert",
-        "aria-atomic": "true",
-        tabIndex: 0,
-        onKeyUp: handleCloseOnEsc,
-        onfocusin: pauseTimer,
-        onfocusout: resumeTimer
-      }, {
-        children: jsxRuntime.jsxs("div", Object.assign({
-          class: contentClasses
-        }, {
-          children: [iconRenderer ? jsxRuntime.jsx(MessageCustomStartIcon, {
-            item: Object.assign(Object.assign({}, item), {
-              index
-            }),
-            renderer: iconRenderer
-          }) : isSeverityIconNeeded(severity) ? jsxRuntime.jsx(MessageStartIcon.MessageStartIcon, {
-            severity: severity,
-            variant: baseVariant,
-            translations: translations
-          }) : null, jsxRuntime.jsxs(Flex.Flex, Object.assign({
-            direction: "column",
-            flex: "1",
-            gap: "--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x"
-          }, {
-            children: [jsxRuntime.jsxs(MessageHeader, Object.assign({
-              variant: baseVariant
-            }, {
-              children: [jsxRuntime.jsx(MessageSummary.MessageSummary, {
-                variant: baseVariant,
-                text: summary
-              }), MessageFormattingUtils.isValidValueForProp(timestamp, 'timestamp') && variant !== 'toast' && jsxRuntime.jsx(MessageTimestamp.MessageTimestamp, {
-                variant: baseVariant,
-                value: timestamp
-              })]
-            })), jsxRuntime.jsx(MessageDetail.MessageDetail, {
-              variant: baseVariant,
-              item: Object.assign(Object.assign({}, item), {
-                index
-              }),
-              renderer: detailRenderer
-            })]
-          })), closeAffordance === 'on' && jsxRuntime.jsx(MessageCloseButton.MessageCloseButton, {
-            buttonRenderer: closeButtonRenderer,
-            title: translations === null || translations === void 0 ? void 0 : translations.close,
-            variant: baseVariant,
-            onAction: handleClose
-          })]
-        }))
-      }));
-    }
-
-    /**
-     * @license
-     * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
-     * The Universal Permissive License (UPL), Version 1.0
-     * as shown at https://oss.oracle.com/licenses/upl/
-     * @ignore
-     */
-
-    exports.MessageCloseButton = MessageCloseButton.MessageCloseButton;
-    exports.MessageDetail = MessageDetail.MessageDetail;
-    exports.formatTimestamp = MessageFormattingUtils.formatTimestamp;
-    exports.isValidValueForProp = MessageFormattingUtils.isValidValueForProp;
-    exports.MessageStartIcon = MessageStartIcon.MessageStartIcon;
-    exports.MessageSummary = MessageSummary.MessageSummary;
-    exports.MessageTimestamp = MessageTimestamp.MessageTimestamp;
-    exports.getRenderer = MessageUtils.getRenderer;
-    exports.getRendererWithoutIndex = MessageUtils.getRendererWithoutIndex;
-    exports.isSeverityIconNeeded = MessageUtils.isSeverityIconNeeded;
-    exports.playSound = MessageUtils.playSound;
-    exports.severityBasedStyleClass = MessageUtils.severityBasedStyleClass;
-    exports.throwError = MessageUtils.throwError;
-    exports.MessagesManager = MessagesManager.MessagesManager;
-    exports.severities = Message_types.severities;
-    exports.Message = Message;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-}));
-/*  */
+define(["exports","preact/jsx-runtime","css!./PRIVATE_Message.css","preact/hooks","./UNSAFE_Flex","./utils/PRIVATE_timer","./utils/UNSAFE_classNames","./MessageCloseButton-60db7be7","./classNames-d0ddb6e6","./MessageDetail-7918d7e4","./MessageFormattingUtils-4063485a","./MessageStartIcon-637c962e","./MessageSummary-6fe541fe","./MessageTimestamp-6dc78d5b","./MessageUtils-e57bb07e","./Flex-1da2d394","./MessagesManager-e92eb23e","./Message.types-4b8afc3d","./tslib.es6-f5cdfdde","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./_curry1-bee77b02","./utils/UNSAFE_mergeInterpolations","./_curry3-e03383af","./_curry2-fcaaab1b","./_has-cc9d7306","./utils/UNSAFE_interpolations/boxalignment","./keys-fc8999ee","./utils/UNSAFE_interpolations/flexbox","./flexbox-0663919c","./utils/UNSAFE_interpolations/flexitem","./flexitem-323dec38","./UNSAFE_Button","./Button-a416ba53","./UNSAFE_BaseButton","./BaseButton-19147e28","./hooks/UNSAFE_usePress","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","preact/compat","./utils/PRIVATE_clientHints","./clientHints-688646f4","./hooks/UNSAFE_useTabbableMode","preact","./utils/UNSAFE_mergeProps","./index-2f61a0e0","./index-d54f6449","./UNSAFE_Icon","./Icon-4e765cae","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-de2b8be5","./index-6871cdf1","./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-5f1db993","./hooks/UNSAFE_useTheme","./utils/UNSAFE_getLocale","./utils/UNSAFE_stringUtils","./stringUtils-51e08a5f","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./PRIVATE_TransitionGroup","./hooks/UNSAFE_useMessagesContext"],function(e,s,t,a,n,o,r,i,l,c,u,d,g,m,b,_,S,f,E,F,p,A,U,N,x,v,M,h,y,j,k,T,I,B,C,R,V,O,P,D,z,w,H,L,W,G,K,q,J,Q,X,Y,Z,$,ee,se,te,ae,ne,oe,re,ie,le,ce,ue,de,ge,me,be,_e,Se,fe,Ee,Fe){"use strict";const pe="_1ilhddz",Ae="_1rbxlpr";function Ue({item:e,renderer:t}){const a=l.classNames([pe,Ae]);return s.jsx("div",Object.assign({class:a,role:"presentation"},{children:t(e)}))}const Ne={base:"_1lme9f7",banner:"vlgsko",inline:void 0,toast:"_1e22h0b"};function xe({children:e,variant:t="banner"}){const a=l.classNames([Ne.base,Ne[t]]);return s.jsx("div",Object.assign({role:"presentation",class:a},{children:e}))}function ve(e){return u.isValidValueForProp(e,"severity")&&"none"!==e}const Me={base:{banner:"ag4z6v",toast:"rgm3eu"},section:"xda677",content:{base:"_1dp0cy6",banner:"_3malrm",toast:"_1pvzrtg"}};e.MessageCloseButton=i.MessageCloseButton,e.MessageDetail=c.MessageDetail,e.formatTimestamp=u.formatTimestamp,e.isValidValueForProp=u.isValidValueForProp,e.MessageStartIcon=d.MessageStartIcon,e.MessageSummary=g.MessageSummary,e.MessageTimestamp=m.MessageTimestamp,e.getRenderer=b.getRenderer,e.getRendererWithoutIndex=b.getRendererWithoutIndex,e.isSeverityIconNeeded=b.isSeverityIconNeeded,e.playSound=b.playSound,e.severityBasedStyleClass=b.severityBasedStyleClass,e.throwError=b.throwError,e.MessagesManager=S.MessagesManager,e.severities=f.severities,e.Message=function({closeButtonRenderer:e,detailRenderer:t,iconRenderer:n,index:r=-1,item:S,onClose:f,messageRef:E=(()=>{}),variant:F="pageBanner",translations:p}){const{closeAffordance:A="on",severity:U="error",sound:N,summary:x,timestamp:v}=S.data,{autoTimeout:M="off"}=S.data,h=function(e){return"pageBanner"===e||"sectionBanner"===e?"banner":"toast"}(F),y=a.useCallback(()=>{null==f||f(S)},[S,f]),j=a.useCallback(e=>{"Escape"===e.key&&"on"===A&&(null==f||f(S))},[A,S,f]),k="toast"===h&&"off"!==M,T=a.useRef(),I="on"===M?5e3:"number"==typeof M?M:5e3,B=a.useCallback(()=>{T.current||(T.current=new o.Timer(y,I))},[y,I]),C=a.useCallback(()=>{T.current&&(T.current.clear(),T.current=void 0)},[]),R=a.useCallback(()=>{var e;null===(e=T.current)||void 0===e||e.pause()},[]),V=a.useCallback(()=>{var e;null===(e=T.current)||void 0===e||e.resume()},[]);a.useEffect(()=>(u.isValidValueForProp(N)&&b.playSound(N),k&&B(),()=>{C()}),[]);const O=l.classNames([Me.base[h],"toast"!==F&&b.severityBasedStyleClass(U,h),"sectionBanner"===F&&Me.section]),P=l.classNames([Me.content.base,Me.content[h]]);return s.jsx("div",Object.assign({ref:E,class:O,role:"alert","aria-atomic":"true",tabIndex:0,onKeyUp:j,onfocusin:R,onfocusout:V},{children:s.jsxs("div",Object.assign({class:P},{children:[n?s.jsx(Ue,{item:Object.assign(Object.assign({},S),{index:r}),renderer:n}):ve(U)?s.jsx(d.MessageStartIcon,{severity:U,variant:h,translations:p}):null,s.jsxs(_.Flex,Object.assign({direction:"column",flex:"1",gap:"--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x"},{children:[s.jsxs(xe,Object.assign({variant:h},{children:[s.jsx(g.MessageSummary,{variant:h,text:x}),u.isValidValueForProp(v,"timestamp")&&"toast"!==F&&s.jsx(m.MessageTimestamp,{variant:h,value:v})]})),s.jsx(c.MessageDetail,{variant:h,item:Object.assign(Object.assign({},S),{index:r}),renderer:t})]})),"on"===A&&s.jsx(i.MessageCloseButton,{buttonRenderer:e,title:null==p?void 0:p.close,variant:h,onAction:y})]}))}))},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=PRIVATE_Message.js.map

package/amd/PRIVATE_Message.js.map

@@ -1 +1 @@
-{"version":3,"file":"PRIVATE_Message.js","sources":["../../src/PRIVATE_Message/MessageCustomStartIcon.tsx","../../src/PRIVATE_Message/MessageHeader.tsx","../../src/PRIVATE_Message/Message.tsx","../../src/PRIVATE_Message/index.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageRendererDataItem } from './Message.types';\n\nconst messageStartIconStyles = {\n  base: cssProps`${{\n    marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n    alignSelf: 'flex-start',\n    display: 'flex'\n  }}`,\n  toast: cssProps`${{\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size)'\n  }}`\n};\n\n/**\n * Props for the StartIcon component\n */\ntype Props<K, D> = {\n  /**\n   * The data item for rendering the start icon\n   */\n  item: MessageRendererDataItem<K, D>;\n\n  /**\n   * A custom renderer for rendering the start icon\n   */\n  renderer: (item: MessageRendererDataItem<K, D>) => ComponentChildren;\n};\n\n/**\n * Component for rendering custom icon/content for start icon in Message\n */\nfunction MessageCustomStartIcon<K, D>({ item, renderer }: Props<K, D>) {\n  const classes = classNames([\n    messageStartIconStyles.base,\n    // for now only toast has support for custom icon\n    messageStartIconStyles.toast\n  ]);\n  return (\n    <div class={classes} role=\"presentation\">\n      {renderer(item)}\n    </div>\n  );\n}\n\nexport { MessageCustomStartIcon };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageVariant } from './Message.types';\n\nconst messageHeaderStyles = {\n  base: cssProps`${{\n    boxSizing: 'border-box',\n\n    // TODO: Replace with Flex and ResponsiveProps when creating oj-c-message-banner\n    display: 'flex',\n    flexWrap: 'wrap',\n    flexDirection: 'row',\n    '@media screen and (max-width: 599.9px)': {\n      flexDirection: 'column'\n    }\n  }}`,\n  banner: cssProps`${{\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-line-height)'\n  }}`,\n  inline: undefined,\n  toast: cssProps`${{\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size)'\n  }}`\n};\n\n/**\n * Props for the MessageHeader component\n */\ntype MessageHeaderProps = {\n  variant?: MessageVariant;\n  children?: ComponentChildren;\n};\n/**\n * A component that styles the header for the message component\n * @param param0 Props\n * @returns MessageHeader component instance\n */\nexport function MessageHeader({ children, variant = 'banner' }: MessageHeaderProps) {\n  const rootClasses = classNames([messageHeaderStyles.base, messageHeaderStyles[variant]]);\n  return (\n    <div role=\"presentation\" class={rootClasses}>\n      {children}\n    </div>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren, Ref, VNode } from 'preact';\nimport { useCallback, useEffect, useRef } from 'preact/hooks';\nimport { Flex } from '../UNSAFE_Flex';\nimport { MessageToastItem } from '../UNSAFE_MessageToast';\nimport { Timer } from '../utils/PRIVATE_timer';\nimport { classNames as cx } from '../utils/UNSAFE_classNames';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { MessageRendererDataItem, MessageSeverity } from './Message.types';\nimport { MessageCloseButton } from './MessageCloseButton';\nimport { MessageCustomStartIcon } from './MessageCustomStartIcon';\nimport { MessageDetail } from './MessageDetail';\nimport { isValidValueForProp } from './MessageFormattingUtils';\nimport { MessageHeader } from './MessageHeader';\nimport { MessageStartIcon } from './MessageStartIcon';\nimport { MessageSummary } from './MessageSummary';\nimport { MessageTimestamp } from './MessageTimestamp';\nimport { playSound, severityBasedStyleClass } from './MessageUtils';\n\n// TODO: Refactor Message Item types\n// https://jira.oraclecorp.com/jira/browse/JET-54215\n\n/**\n * An object representing a single message in Message component.\n */\nexport type MessageItem = {\n  /**\n   * Defines whether or not to include the close icon for the message\n   *\n   * @default 'on'\n   */\n  closeAffordance?: 'on' | 'off';\n\n  /**\n   * Defines the detail text of the message\n   */\n  detail?: string;\n\n  /**\n   * Defines the severity of the message\n   */\n  severity?: MessageSeverity;\n\n  /**\n   * Defines the sound to be played when opening the message\n   */\n  sound?: 'default' | 'none' | string;\n\n  /**\n   * Defines the primary text of the message\n   */\n  summary?: string;\n\n  /**\n   * Defines the timestamp for the message in ISO format\n   */\n  timestamp?: string;\n};\n\n/**\n * Props for the Message Component\n */\ntype Props<Key, Data> = {\n  /**\n   * A ref object for holding reference to this component\n   */\n  messageRef?: Ref<HTMLDivElement>;\n\n  /**\n   * The index of the current message instance\n   */\n  index?: number;\n\n  /**\n   * The message item with all the necessary data in it\n   */\n  item: Item<Key, Data>;\n\n  /**\n   * A renderer that renders the close button in the message.\n   */\n  closeButtonRenderer?: (title: string, onAction: (event?: Event) => void) => VNode;\n\n  /**\n   * A custom renderer for rendering the detail content\n   */\n  detailRenderer?: (item: MessageRendererDataItem<Key, Data>) => ComponentChildren;\n\n  /**\n   * A custom renderer for rendering the start icon\n   */\n  iconRenderer?: (item: MessageRendererDataItem<Key, Data>) => ComponentChildren;\n\n  /**\n   * Triggered when a user tries to close a message through UI interaction. The parent\n   * should listen to this event and remove the corresponding message item from the data\n   * which would then result in the message to be removed from the DOM. If the parent\n   * fails to remove the message item from the data, then no change will be done in the\n   * UI by the component.\n   */\n  onClose?: (item: Item<Key, Data>) => void;\n\n  /**\n   * A message can be a Banner message or Toast message.\n   *\n   * Furthermore, a Banner message can have a different look and feel. For example, when using page-level\n   * messaging the messages need to be rendered from edge to edge without any outline. On the other\n   * hand, when they are being used in a section of a page or a dialog, they need to be rendered\n   * with an outline. This attribute can be used to specify where the component is being used so that\n   * it will render the messages accordingly.\n   */\n  variant?: 'pageBanner' | 'sectionBanner' | 'toast';\n\n  /**\n   * Translations resources\n   */\n  translations?: {\n    /**\n     * Label for the message close button\n     */\n    close?: string;\n\n    /**\n     * Text for 'error' severity level\n     */\n    error?: string;\n\n    /**\n     * Text for 'warning' severity level\n     */\n    warning?: string;\n\n    /**\n     * Text for 'info' severity level\n     */\n    info?: string;\n\n    /**\n     * Text for 'confirmation' severity level\n     */\n    confirmation?: string;\n  };\n};\n\n/**\n * Determines the base variant of the message - banner or toast\n *\n * @param variant The message variant\n * @returns The base variant\n */\nfunction getBaseVariant(variant: 'pageBanner' | 'sectionBanner' | 'toast') {\n  if (variant === 'pageBanner' || variant === 'sectionBanner') {\n    return 'banner';\n  }\n  return 'toast';\n}\n\n/**\n * Determines if a severity icon is needed based on the component severity\n *\n * @param severity The component severity\n * @returns Whether or not to render the severity icon\n */\nfunction isSeverityIconNeeded(\n  severity: MessageSeverity\n): severity is Exclude<MessageSeverity, 'none'> {\n  const isValidSeverity = isValidValueForProp(severity, 'severity');\n  return isValidSeverity && severity !== 'none';\n}\n\n/**\n * CSS styles for various components\n */\nconst messageStyles = {\n  base: {\n    banner: cssProps`${{\n      backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-background-color)',\n      borderBottom: '1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color)',\n\n      '&:focus-visible': {\n        outlineStyle: 'dotted',\n        outlineWidth: '1px',\n        outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n        outlineOffset: '1px'\n      }\n    }}`,\n    toast: cssProps`${{\n      backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-background-color)',\n      borderRadius: '6px',\n      boxShadow: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-box-shadow-sm)',\n      width: 'fit-content',\n\n      '&:focus-visible': {\n        outlineStyle: 'dotted',\n        outlineWidth: '1px',\n        outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n        outlineOffset: '1px'\n      }\n    }}`\n  },\n  section: cssProps`${{\n    border: '1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color)',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-lg)'\n  }}`,\n  // TODO: Replace with Flex and View components to handle padding and flex\n  content: {\n    base: cssProps`${{\n      alignItems: 'center',\n      boxSizing: 'border-box',\n      display: 'flex',\n      flexWrap: 'wrap',\n      paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)',\n      paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)'\n    }}`,\n    banner: cssProps`${{\n      paddingInlineStart:\n        'var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-start, var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x))',\n      paddingInlineEnd:\n        'var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-end, var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x))'\n    }}`,\n    toast: cssProps`${{\n      paddingInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)',\n      paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)'\n    }}`\n  }\n} as const;\n\n/**\n * Default timeout duration for autoTimeout in milliseconds\n */\nconst MIN_SECONDS = 5;\nconst DEFAULT_TIMEOUT = MIN_SECONDS * 1000;\n\n/**\n * Component that renders an individual message\n */\nfunction Message<K extends string | number = string | number, D extends MessageItem = MessageItem>({\n  closeButtonRenderer,\n  detailRenderer,\n  iconRenderer,\n  index = -1,\n  item,\n  onClose,\n  messageRef = () => {},\n  variant = 'pageBanner',\n  translations\n}: Props<K, D>) {\n  const { closeAffordance = 'on', severity = 'error', sound, summary, timestamp } = item.data;\n  const { autoTimeout = 'off' } = item.data as MessageToastItem;\n  const baseVariant = getBaseVariant(variant);\n\n  /**\n   * Handles clicking on the close icon of the message\n   */\n  const handleClose = useCallback(() => {\n    onClose?.(item);\n  }, [item, onClose]);\n\n  /**\n   * Handles closing the message on pressing Esc\n   */\n  const handleCloseOnEsc = useCallback(\n    (event: KeyboardEvent) => {\n      // Close the message only when closeAffordance is on\n      if (event.key === 'Escape' && closeAffordance === 'on') {\n        onClose?.(item);\n      }\n    },\n    [closeAffordance, item, onClose]\n  );\n\n  /**\n   * Set auto timeout for toast messages\n   */\n  const shouldTimeout = baseVariant === 'toast' && autoTimeout !== 'off';\n  const currentTimerRef = useRef<Timer>();\n  const timeout = typeof autoTimeout === 'number' ? autoTimeout : DEFAULT_TIMEOUT;\n  const timeoutDuration = autoTimeout === 'on' ? DEFAULT_TIMEOUT : timeout;\n\n  const startTimer = useCallback(() => {\n    if (currentTimerRef.current) return;\n\n    currentTimerRef.current = new Timer(handleClose, timeoutDuration);\n  }, [handleClose, timeoutDuration]);\n\n  const clearTimer = useCallback(() => {\n    if (!currentTimerRef.current) return;\n\n    currentTimerRef.current.clear();\n    currentTimerRef.current = undefined;\n  }, []);\n\n  const pauseTimer = useCallback(() => {\n    currentTimerRef.current?.pause();\n  }, []);\n\n  const resumeTimer = useCallback(() => {\n    currentTimerRef.current?.resume();\n  }, []);\n\n  useEffect(() => {\n    if (isValidValueForProp(sound)) {\n      // It is sufficient to check for the value to be a\n      // non-empty string. The playSound method takes care of the rest.\n      playSound(sound);\n    }\n\n    // on mount, start timer for toast messages if needed\n    if (shouldTimeout) {\n      startTimer();\n    }\n\n    return () => {\n      // clear out any pending timer\n      clearTimer();\n    };\n    // eslint-disable-next-line\n  }, []); // No deps to run this only on mount\n\n  const rootClasses = cx([\n    messageStyles.base[baseVariant],\n    // for now, we do not have severity based styling on toast. So, we ignore this class for toasts\n    variant !== 'toast' && severityBasedStyleClass(severity, baseVariant),\n    variant === 'sectionBanner' && messageStyles.section\n  ]);\n\n  const contentClasses = cx([messageStyles.content.base, messageStyles.content[baseVariant]]);\n\n  // We will be animating the root div, so add padding to an inner wrapper div so that\n  // when animating height looks smooth. If padding were to be added to the root\n  // div, the animation will not be smooth as height will never reach 0 due to the\n  // padding.\n  return (\n    <div\n      ref={messageRef}\n      class={rootClasses}\n      role=\"alert\"\n      aria-atomic=\"true\"\n      tabIndex={0}\n      onKeyUp={handleCloseOnEsc}\n      onfocusin={pauseTimer}\n      onfocusout={resumeTimer}>\n      <div class={contentClasses}>\n        {iconRenderer ? (\n          <MessageCustomStartIcon item={{ ...item, index }} renderer={iconRenderer} />\n        ) : isSeverityIconNeeded(severity) ? (\n          <MessageStartIcon severity={severity} variant={baseVariant} translations={translations} />\n        ) : null}\n        <Flex direction=\"column\" flex=\"1\" gap=\"--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x\">\n          <MessageHeader variant={baseVariant}>\n            <MessageSummary variant={baseVariant} text={summary} />\n            {isValidValueForProp(timestamp, 'timestamp') && variant !== 'toast' && (\n              <MessageTimestamp variant={baseVariant} value={timestamp!} />\n            )}\n          </MessageHeader>\n          <MessageDetail\n            variant={baseVariant}\n            item={{ ...item, index }}\n            renderer={detailRenderer}\n          />\n        </Flex>\n        {closeAffordance === 'on' && (\n          <MessageCloseButton\n            buttonRenderer={closeButtonRenderer}\n            title={translations?.close}\n            variant={baseVariant}\n            onAction={handleClose}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport { Message };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nexport { Message } from './Message';\nexport { MessageCloseButton } from './MessageCloseButton';\nexport { MessageDetail } from './MessageDetail';\nexport { formatTimestamp, isValidValueForProp } from './MessageFormattingUtils';\nexport { MessagesManager } from './MessagesManager';\nexport { MessageStartIcon } from './MessageStartIcon';\nexport { MessageSummary } from './MessageSummary';\nexport { MessageTimestamp } from './MessageTimestamp';\nexport {\n  getRenderer,\n  getRendererWithoutIndex,\n  playSound,\n  throwError,\n  severityBasedStyleClass,\n  isSeverityIconNeeded\n} from './MessageUtils';\nexport type { MessageSeverity, MessageRendererDataItem } from './Message.types';\nexport { severities } from './Message.types';\n"],"names":["messageStartIconStyles","MessageCustomStartIcon","item","renderer","base","toast","_jsx","Object","assign","class","classes","role","children","messageHeaderStyles","inline","undefined","MessageHeader","variant","rootClasses","classNames","getBaseVariant","isSeverityIconNeeded","severity","isValidSeverity","messageStyles","content","MIN_SECONDS","DEFAULT_TIMEOUT","Message","closeButtonRenderer","detailRenderer","iconRenderer","index","onClose","messageRef","translations","closeAffordance","sound","summary","timestamp","data","baseVariant","handleClose","useCallback","handleCloseOnEsc","event","currentTimerRef","useRef","timeout","autoTimeout","timeoutDuration","startTimer","clearTimer","current","clear","pauseTimer","_a","pause","resumeTimer","resume","isValidValueForProp","shouldTimeout","section","contentClasses","cx"],"mappings":"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"}
+{"version":3,"file":"PRIVATE_Message.js","sources":["../../src/PRIVATE_Message/MessageCustomStartIcon.tsx","../../src/PRIVATE_Message/MessageHeader.tsx","../../src/PRIVATE_Message/Message.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageRendererDataItem } from './Message.types';\n\nconst messageStartIconStyles = {\n  base: cssProps`${{\n    marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n    alignSelf: 'flex-start',\n    display: 'flex'\n  }}`,\n  toast: cssProps`${{\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size)'\n  }}`\n};\n\n/**\n * Props for the StartIcon component\n */\ntype Props<K, D> = {\n  /**\n   * The data item for rendering the start icon\n   */\n  item: MessageRendererDataItem<K, D>;\n\n  /**\n   * A custom renderer for rendering the start icon\n   */\n  renderer: (item: MessageRendererDataItem<K, D>) => ComponentChildren;\n};\n\n/**\n * Component for rendering custom icon/content for start icon in Message\n */\nfunction MessageCustomStartIcon<K, D>({ item, renderer }: Props<K, D>) {\n  const classes = classNames([\n    messageStartIconStyles.base,\n    // for now only toast has support for custom icon\n    messageStartIconStyles.toast\n  ]);\n  return (\n    <div class={classes} role=\"presentation\">\n      {renderer(item)}\n    </div>\n  );\n}\n\nexport { MessageCustomStartIcon };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { MessageVariant } from './Message.types';\n\nconst messageHeaderStyles = {\n  base: cssProps`${{\n    boxSizing: 'border-box',\n\n    // TODO: Replace with Flex and ResponsiveProps when creating oj-c-message-banner\n    display: 'flex',\n    flexWrap: 'wrap',\n    flexDirection: 'row',\n    '@media screen and (max-width: 599.9px)': {\n      flexDirection: 'column'\n    }\n  }}`,\n  banner: cssProps`${{\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-summary-line-height)'\n  }}`,\n  inline: undefined,\n  toast: cssProps`${{\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-start-icon-size)'\n  }}`\n};\n\n/**\n * Props for the MessageHeader component\n */\ntype MessageHeaderProps = {\n  variant?: MessageVariant;\n  children?: ComponentChildren;\n};\n/**\n * A component that styles the header for the message component\n * @param param0 Props\n * @returns MessageHeader component instance\n */\nexport function MessageHeader({ children, variant = 'banner' }: MessageHeaderProps) {\n  const rootClasses = classNames([messageHeaderStyles.base, messageHeaderStyles[variant]]);\n  return (\n    <div role=\"presentation\" class={rootClasses}>\n      {children}\n    </div>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { ComponentChildren, Ref, VNode } from 'preact';\nimport { useCallback, useEffect, useRef } from 'preact/hooks';\nimport { Flex } from '../UNSAFE_Flex';\nimport { MessageToastItem } from '../UNSAFE_MessageToast';\nimport { Timer } from '../utils/PRIVATE_timer';\nimport { classNames as cx } from '../utils/UNSAFE_classNames';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { MessageRendererDataItem, MessageSeverity } from './Message.types';\nimport { MessageCloseButton } from './MessageCloseButton';\nimport { MessageCustomStartIcon } from './MessageCustomStartIcon';\nimport { MessageDetail } from './MessageDetail';\nimport { isValidValueForProp } from './MessageFormattingUtils';\nimport { MessageHeader } from './MessageHeader';\nimport { MessageStartIcon } from './MessageStartIcon';\nimport { MessageSummary } from './MessageSummary';\nimport { MessageTimestamp } from './MessageTimestamp';\nimport { playSound, severityBasedStyleClass } from './MessageUtils';\n\n// TODO: Refactor Message Item types\n// https://jira.oraclecorp.com/jira/browse/JET-54215\n\n/**\n * An object representing a single message in Message component.\n */\nexport type MessageItem = {\n  /**\n   * Defines whether or not to include the close icon for the message\n   *\n   * @default 'on'\n   */\n  closeAffordance?: 'on' | 'off';\n\n  /**\n   * Defines the detail text of the message\n   */\n  detail?: string;\n\n  /**\n   * Defines the severity of the message\n   */\n  severity?: MessageSeverity;\n\n  /**\n   * Defines the sound to be played when opening the message\n   */\n  sound?: 'default' | 'none' | string;\n\n  /**\n   * Defines the primary text of the message\n   */\n  summary?: string;\n\n  /**\n   * Defines the timestamp for the message in ISO format\n   */\n  timestamp?: string;\n};\n\n/**\n * Props for the Message Component\n */\ntype Props<Key, Data> = {\n  /**\n   * A ref object for holding reference to this component\n   */\n  messageRef?: Ref<HTMLDivElement>;\n\n  /**\n   * The index of the current message instance\n   */\n  index?: number;\n\n  /**\n   * The message item with all the necessary data in it\n   */\n  item: Item<Key, Data>;\n\n  /**\n   * A renderer that renders the close button in the message.\n   */\n  closeButtonRenderer?: (title: string, onAction: (event?: Event) => void) => VNode;\n\n  /**\n   * A custom renderer for rendering the detail content\n   */\n  detailRenderer?: (item: MessageRendererDataItem<Key, Data>) => ComponentChildren;\n\n  /**\n   * A custom renderer for rendering the start icon\n   */\n  iconRenderer?: (item: MessageRendererDataItem<Key, Data>) => ComponentChildren;\n\n  /**\n   * Triggered when a user tries to close a message through UI interaction. The parent\n   * should listen to this event and remove the corresponding message item from the data\n   * which would then result in the message to be removed from the DOM. If the parent\n   * fails to remove the message item from the data, then no change will be done in the\n   * UI by the component.\n   */\n  onClose?: (item: Item<Key, Data>) => void;\n\n  /**\n   * A message can be a Banner message or Toast message.\n   *\n   * Furthermore, a Banner message can have a different look and feel. For example, when using page-level\n   * messaging the messages need to be rendered from edge to edge without any outline. On the other\n   * hand, when they are being used in a section of a page or a dialog, they need to be rendered\n   * with an outline. This attribute can be used to specify where the component is being used so that\n   * it will render the messages accordingly.\n   */\n  variant?: 'pageBanner' | 'sectionBanner' | 'toast';\n\n  /**\n   * Translations resources\n   */\n  translations?: {\n    /**\n     * Label for the message close button\n     */\n    close?: string;\n\n    /**\n     * Text for 'error' severity level\n     */\n    error?: string;\n\n    /**\n     * Text for 'warning' severity level\n     */\n    warning?: string;\n\n    /**\n     * Text for 'info' severity level\n     */\n    info?: string;\n\n    /**\n     * Text for 'confirmation' severity level\n     */\n    confirmation?: string;\n  };\n};\n\n/**\n * Determines the base variant of the message - banner or toast\n *\n * @param variant The message variant\n * @returns The base variant\n */\nfunction getBaseVariant(variant: 'pageBanner' | 'sectionBanner' | 'toast') {\n  if (variant === 'pageBanner' || variant === 'sectionBanner') {\n    return 'banner';\n  }\n  return 'toast';\n}\n\n/**\n * Determines if a severity icon is needed based on the component severity\n *\n * @param severity The component severity\n * @returns Whether or not to render the severity icon\n */\nfunction isSeverityIconNeeded(\n  severity: MessageSeverity\n): severity is Exclude<MessageSeverity, 'none'> {\n  const isValidSeverity = isValidValueForProp(severity, 'severity');\n  return isValidSeverity && severity !== 'none';\n}\n\n/**\n * CSS styles for various components\n */\nconst messageStyles = {\n  base: {\n    banner: cssProps`${{\n      backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-banner-background-color)',\n      borderBottom: '1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color)',\n\n      '&:focus-visible': {\n        outlineStyle: 'dotted',\n        outlineWidth: '1px',\n        outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n        outlineOffset: '1px'\n      }\n    }}`,\n    toast: cssProps`${{\n      backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-message-toast-background-color)',\n      borderRadius: '6px',\n      boxShadow: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-box-shadow-sm)',\n      width: 'fit-content',\n\n      '&:focus-visible': {\n        outlineStyle: 'dotted',\n        outlineWidth: '1px',\n        outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n        outlineOffset: '1px'\n      }\n    }}`\n  },\n  section: cssProps`${{\n    border: '1px solid var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color)',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-lg)'\n  }}`,\n  // TODO: Replace with Flex and View components to handle padding and flex\n  content: {\n    base: cssProps`${{\n      alignItems: 'center',\n      boxSizing: 'border-box',\n      display: 'flex',\n      flexWrap: 'wrap',\n      paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)',\n      paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)'\n    }}`,\n    banner: cssProps`${{\n      paddingInlineStart:\n        'var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-start, var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x))',\n      paddingInlineEnd:\n        'var(--oj-c-PRIVATE-DO-NOT-USE-core-gutter-end, var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x))'\n    }}`,\n    toast: cssProps`${{\n      paddingInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)',\n      paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)'\n    }}`\n  }\n} as const;\n\n/**\n * Default timeout duration for autoTimeout in milliseconds\n */\nconst MIN_SECONDS = 5;\nconst DEFAULT_TIMEOUT = MIN_SECONDS * 1000;\n\n/**\n * Component that renders an individual message\n */\nfunction Message<K extends string | number = string | number, D extends MessageItem = MessageItem>({\n  closeButtonRenderer,\n  detailRenderer,\n  iconRenderer,\n  index = -1,\n  item,\n  onClose,\n  messageRef = () => {},\n  variant = 'pageBanner',\n  translations\n}: Props<K, D>) {\n  const { closeAffordance = 'on', severity = 'error', sound, summary, timestamp } = item.data;\n  const { autoTimeout = 'off' } = item.data as MessageToastItem;\n  const baseVariant = getBaseVariant(variant);\n\n  /**\n   * Handles clicking on the close icon of the message\n   */\n  const handleClose = useCallback(() => {\n    onClose?.(item);\n  }, [item, onClose]);\n\n  /**\n   * Handles closing the message on pressing Esc\n   */\n  const handleCloseOnEsc = useCallback(\n    (event: KeyboardEvent) => {\n      // Close the message only when closeAffordance is on\n      if (event.key === 'Escape' && closeAffordance === 'on') {\n        onClose?.(item);\n      }\n    },\n    [closeAffordance, item, onClose]\n  );\n\n  /**\n   * Set auto timeout for toast messages\n   */\n  const shouldTimeout = baseVariant === 'toast' && autoTimeout !== 'off';\n  const currentTimerRef = useRef<Timer>();\n  const timeout = typeof autoTimeout === 'number' ? autoTimeout : DEFAULT_TIMEOUT;\n  const timeoutDuration = autoTimeout === 'on' ? DEFAULT_TIMEOUT : timeout;\n\n  const startTimer = useCallback(() => {\n    if (currentTimerRef.current) return;\n\n    currentTimerRef.current = new Timer(handleClose, timeoutDuration);\n  }, [handleClose, timeoutDuration]);\n\n  const clearTimer = useCallback(() => {\n    if (!currentTimerRef.current) return;\n\n    currentTimerRef.current.clear();\n    currentTimerRef.current = undefined;\n  }, []);\n\n  const pauseTimer = useCallback(() => {\n    currentTimerRef.current?.pause();\n  }, []);\n\n  const resumeTimer = useCallback(() => {\n    currentTimerRef.current?.resume();\n  }, []);\n\n  useEffect(() => {\n    if (isValidValueForProp(sound)) {\n      // It is sufficient to check for the value to be a\n      // non-empty string. The playSound method takes care of the rest.\n      playSound(sound);\n    }\n\n    // on mount, start timer for toast messages if needed\n    if (shouldTimeout) {\n      startTimer();\n    }\n\n    return () => {\n      // clear out any pending timer\n      clearTimer();\n    };\n    // eslint-disable-next-line\n  }, []); // No deps to run this only on mount\n\n  const rootClasses = cx([\n    messageStyles.base[baseVariant],\n    // for now, we do not have severity based styling on toast. So, we ignore this class for toasts\n    variant !== 'toast' && severityBasedStyleClass(severity, baseVariant),\n    variant === 'sectionBanner' && messageStyles.section\n  ]);\n\n  const contentClasses = cx([messageStyles.content.base, messageStyles.content[baseVariant]]);\n\n  // We will be animating the root div, so add padding to an inner wrapper div so that\n  // when animating height looks smooth. If padding were to be added to the root\n  // div, the animation will not be smooth as height will never reach 0 due to the\n  // padding.\n  return (\n    <div\n      ref={messageRef}\n      class={rootClasses}\n      role=\"alert\"\n      aria-atomic=\"true\"\n      tabIndex={0}\n      onKeyUp={handleCloseOnEsc}\n      onfocusin={pauseTimer}\n      onfocusout={resumeTimer}>\n      <div class={contentClasses}>\n        {iconRenderer ? (\n          <MessageCustomStartIcon item={{ ...item, index }} renderer={iconRenderer} />\n        ) : isSeverityIconNeeded(severity) ? (\n          <MessageStartIcon severity={severity} variant={baseVariant} translations={translations} />\n        ) : null}\n        <Flex direction=\"column\" flex=\"1\" gap=\"--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x\">\n          <MessageHeader variant={baseVariant}>\n            <MessageSummary variant={baseVariant} text={summary} />\n            {isValidValueForProp(timestamp, 'timestamp') && variant !== 'toast' && (\n              <MessageTimestamp variant={baseVariant} value={timestamp!} />\n            )}\n          </MessageHeader>\n          <MessageDetail\n            variant={baseVariant}\n            item={{ ...item, index }}\n            renderer={detailRenderer}\n          />\n        </Flex>\n        {closeAffordance === 'on' && (\n          <MessageCloseButton\n            buttonRenderer={closeButtonRenderer}\n            title={translations?.close}\n            variant={baseVariant}\n            onAction={handleClose}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport { Message };\n"],"names":["messageStartIconStyles","MessageCustomStartIcon","item","renderer","_jsx","Object","assign","class","classes","role","children","messageHeaderStyles","inline","undefined","MessageHeader","variant","rootClasses","classNames","base","isSeverityIconNeeded","severity","messageStyles","content","closeButtonRenderer","detailRenderer","iconRenderer","index","onClose","messageRef","translations","closeAffordance","sound","summary","timestamp","data","baseVariant","getBaseVariant","handleClose","useCallback","handleCloseOnEsc","event","currentTimerRef","useRef","timeoutDuration","autoTimeout","MIN_SECONDS","startTimer","clearTimer","current","clear","pauseTimer","_a","pause","resumeTimer","resume","isValidValueForProp","shouldTimeout","section","contentClasses","cx"],"mappings":"ugEAaA,MAAAA,GAAA,WAAAA,cA8BA,SAAAC,IAAAC,KAAAA,EAAAC,SAAAA,0BAEIH,GAEAA,KAEF,OAAAI,MAAA,MAAAC,OAAAC,OAAA,CAAAC,MAAAC,EAAAC,KAAA,gBAAA,CAAAC,SAAAP,EAAAD,MCpCF,MAAAS,GAAA,MAAA,kBAAA,SAeEC,YAAAC,oBAkBF,SAAAC,IAAAJ,SAAAA,EAAAK,QAAAA,EAAA,WACE,MAAAC,EAAAC,EAAAA,WAAA,CAAAN,GAAAO,KAAAP,GAAAI,KACA,OAAAX,MAAA,MAAAC,OAAAC,OAAA,CAAAG,KAAA,eAAAF,MAAAS,GAAA,CAAAN,SAAAA,KC0HF,SAAAS,GAAAC,GAIE,4CAAA,SAAAA,EAMF,MAAAC,GAAA,CACEH,KAAA,QAAA,iCADF,SAgCEI,QAAA,MAAA,kBAAA,ilBA+BF,UAAAC,oBAAAA,EAAAC,eAAAA,EAAAC,aAAAA,EAAAC,MAAAA,GAAA,EAAAxB,KAAAA,EAAAyB,QAAAA,EAAAC,WAAAA,EAAA,SAAAb,QAAAA,EAAA,aAAAc,aAAAA,IAWE,MAAAC,gBAAAA,EAAA,KAAAV,SAAAA,EAAA,QAAAW,MAAAA,EAAAC,QAAAA,EAAAC,UAAAA,GAAA/B,EAAAgC,kCAEAC,EAnGF,SAAApB,GACE,MAAA,eAAAA,GAAA,kBAAAA,EACE,SAEF,QA+FAqB,CAAArB,GAKAsB,EAAAC,EAAAA,YAAA,KACEX,MAAAA,GAAAA,EAAAzB,IACF,CAAAA,EAAAyB,IAKAY,EAAAD,EAAAA,YAAAE,iCAIMb,MAAAA,GAAAA,EAAAzB,uCAUNuC,EAAAC,EAAAA,SAEAC,EAAA,OAAAC,EA9CFC,IA6CE,iBAAAD,EAAAA,EA7CFC,IAgDEC,EAAAR,EAAAA,YAAA,8CAIA,CAAAD,EAAAM,IAEAI,EAAAT,EAAAA,YAAA,iBAGEG,EAAAO,QAAAC,QACAR,EAAAO,aAAAnC,QAGFqC,EAAAZ,EAAAA,YAAA,WACE,QAAAa,EAAAV,EAAAO,eAAA,IAAAG,GAAAA,EAAAC,aAGFC,EAAAf,EAAAA,YAAA,WACE,QAAAa,EAAAV,EAAAO,eAAA,IAAAG,GAAAA,EAAAG,+BAIAC,EAAAA,oBAAAxB,mBAOAyB,GACEV,IAGF,KAEEC,MAGJ,0BAGE1B,GAAAH,KAAAiB,+CAGA,kBAAApB,GAAAM,GAAAoC,UAGFC,EAAAC,EAAAA,WAAA,CAAAtC,GAAAC,QAAAJ,KAAAG,GAAAC,QAAAa"}

package/amd/PRIVATE_MessageLayer.css

@@ -1,8 +1,7 @@
-.notificationPosition-voqi9e{position:absolute;pointer-events:initial;width:max-content;}
-.top-left-1s8qt21{left:var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset);top:var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset);}
-.top-l3rfqq{left:calc(50% + var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset));top:var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset);transform:translateX(-50%);}
-.top-right-1b9n53v{right:var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset);top:var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset);}
-.bottom-left-13vt7j8{left:var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset);bottom:var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset);}
-.bottom-jw01h6{left:calc(50% + var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset));bottom:var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset);transform:translateX(-50%);}
-.bottom-right-1xqh3jz{right:var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset);bottom:var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset);}
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2plbmtpbnMvdWl0ZWNoL3dvcmtzcGFjZS9PSkVUX0NvZGVfMTQuMC43L3BhY2thZ2VzL29yYWNsZWpldC1wcmVhY3Qvc3JjL1BSSVZBVEVfTWVzc2FnZUxheWVyL01lc3NhZ2VMYXllci50c3giXSwibmFtZXMiOlsiLm5vdGlmaWNhdGlvblBvc2l0aW9uLXZvcWk5ZSIsIi50b3AtbGVmdC0xczhxdDIxIiwiLnRvcC1sM3JmcXEiLCIudG9wLXJpZ2h0LTFiOW41M3YiLCIuYm90dG9tLWxlZnQtMTN2dDdqOCIsIi5ib3R0b20tancwMWg2IiwiLmJvdHRvbS1yaWdodC0xeHFoM2p6Il0sIm1hcHBpbmdzIjoiQUFvQklBO0FBS0FDO0FBSUFDO0FBS0FDO0FBSUFDO0FBSUFDO0FBS0FDIiwiZmlsZSI6Ii9ob21lL2plbmtpbnMvdWl0ZWNoL3dvcmtzcGFjZS9PSkVUX0NvZGVfMTQuMC43L3BhY2thZ2VzL29yYWNsZWpldC1wcmVhY3Qvc3JjL1BSSVZBVEVfTWVzc2FnZUxheWVyL01lc3NhZ2VMYXllci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCB9IGZyb20gXCJwcmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gJ2xpbmFyaWEnO1xuaW1wb3J0IHsgdXNlVXNlciB9IGZyb20gJy4uL2hvb2tzL1VOU0FGRV91c2VVc2VyJztcbmltcG9ydCB7IHN0cmluZ0xpdGVyYWxBcnJheSB9IGZyb20gJy4uL3V0aWxzL1VOU0FGRV9hcnJheVV0aWxzJztcbmltcG9ydCB7IGNsYXNzTmFtZXMgfSBmcm9tICcuLi91dGlscy9VTlNBRkVfY2xhc3NOYW1lcyc7XG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vVU5TQUZFX0ZsZXgnO1xuaW1wb3J0IHsgV2luZG93T3ZlcmxheSB9IGZyb20gJy4uL1VOU0FGRV9XaW5kb3dPdmVybGF5JztcbmNvbnN0IHBvc2l0aW9ucyA9IHN0cmluZ0xpdGVyYWxBcnJheShbXG4gICAgJ3RvcCcsXG4gICAgJ3RvcC1sZWZ0JyxcbiAgICAndG9wLXJpZ2h0JyxcbiAgICAndG9wLXN0YXJ0JyxcbiAgICAndG9wLWVuZCcsXG4gICAgJ2JvdHRvbScsXG4gICAgJ2JvdHRvbS1sZWZ0JyxcbiAgICAnYm90dG9tLXJpZ2h0JyxcbiAgICAnYm90dG9tLXN0YXJ0JyxcbiAgICAnYm90dG9tLWVuZCdcbl0pO1xuY29uc3Qgc3R5bGVzID0ge1xuICAgIG5vdGlmaWNhdGlvblBvc2l0aW9uOiBjc3MgYCR7e1xuICAgICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgICAgcG9pbnRlckV2ZW50czogJ2luaXRpYWwnLFxuICAgICAgICB3aWR0aDogJ21heC1jb250ZW50J1xuICAgIH19YCxcbiAgICBbJ3RvcC1sZWZ0J106IGNzcyBgJHt7XG4gICAgICAgIGxlZnQ6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1ub3RpZmljYXRpb24taG9yaXpvbnRhbC1vZmZzZXQpJyxcbiAgICAgICAgdG9wOiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0Utbm90aWZpY2F0aW9uLXZlcnRpY2FsLW9mZnNldCknXG4gICAgfX1gLFxuICAgIHRvcDogY3NzIGAke3tcbiAgICAgICAgbGVmdDogJ2NhbGMoNTAlICsgdmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0Utbm90aWZpY2F0aW9uLWhvcml6b250YWwtb2Zmc2V0KSknLFxuICAgICAgICB0b3A6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1ub3RpZmljYXRpb24tdmVydGljYWwtb2Zmc2V0KScsXG4gICAgICAgIHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoLTUwJSknXG4gICAgfX1gLFxuICAgIFsndG9wLXJpZ2h0J106IGNzcyBgJHt7XG4gICAgICAgIHJpZ2h0OiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0Utbm90aWZpY2F0aW9uLWhvcml6b250YWwtb2Zmc2V0KScsXG4gICAgICAgIHRvcDogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLW5vdGlmaWNhdGlvbi12ZXJ0aWNhbC1vZmZzZXQpJ1xuICAgIH19YCxcbiAgICBbJ2JvdHRvbS1sZWZ0J106IGNzcyBgJHt7XG4gICAgICAgIGxlZnQ6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1ub3RpZmljYXRpb24taG9yaXpvbnRhbC1vZmZzZXQpJyxcbiAgICAgICAgYm90dG9tOiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0Utbm90aWZpY2F0aW9uLXZlcnRpY2FsLW9mZnNldCknXG4gICAgfX1gLFxuICAgIGJvdHRvbTogY3NzIGAke3tcbiAgICAgICAgbGVmdDogJ2NhbGMoNTAlICsgdmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0Utbm90aWZpY2F0aW9uLWhvcml6b250YWwtb2Zmc2V0KSknLFxuICAgICAgICBib3R0b206ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1ub3RpZmljYXRpb24tdmVydGljYWwtb2Zmc2V0KScsXG4gICAgICAgIHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoLTUwJSknXG4gICAgfX1gLFxuICAgIFsnYm90dG9tLXJpZ2h0J106IGNzcyBgJHt7XG4gICAgICAgIHJpZ2h0OiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0Utbm90aWZpY2F0aW9uLWhvcml6b250YWwtb2Zmc2V0KScsXG4gICAgICAgIGJvdHRvbTogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLW5vdGlmaWNhdGlvbi12ZXJ0aWNhbC1vZmZzZXQpJ1xuICAgIH19YFxufTtcbmNvbnN0IE1lc3NhZ2VMYXllciA9ICh7IGNoaWxkcmVuLCBvZmZzZXQsIHRlc3RJZCwgcG9zaXRpb24gPSAnYm90dG9tJyB9KSA9PiB7XG4gICAgdmFyIF9hLCBfYjtcbiAgICBjb25zdCB7IGRpcmVjdGlvbiB9ID0gdXNlVXNlcigpO1xuICAgIGNvbnN0IGlzTHRyID0gZGlyZWN0aW9uID09PSAnbHRyJztcbiAgICBsZXQgbG9naWNhbFBvc2l0aW9uO1xuICAgIHN3aXRjaCAocG9zaXRpb24pIHtcbiAgICAgICAgY2FzZSAndG9wLXN0YXJ0JzpcbiAgICAgICAgICAgIGxvZ2ljYWxQb3NpdGlvbiA9IGlzTHRyID8gc3R5bGVzWyd0b3AtbGVmdCddIDogc3R5bGVzWyd0b3AtcmlnaHQnXTtcbiAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICBjYXNlICd0b3AtZW5kJzpcbiAgICAgICAgICAgIGxvZ2ljYWxQb3NpdGlvbiA9IGlzTHRyID8gc3R5bGVzWyd0b3AtcmlnaHQnXSA6IHN0eWxlc1sndG9wLWxlZnQnXTtcbiAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICBjYXNlICdib3R0b20tc3RhcnQnOlxuICAgICAgICAgICAgbG9naWNhbFBvc2l0aW9uID0gaXNMdHIgPyBzdHlsZXNbJ2JvdHRvbS1sZWZ0J10gOiBzdHlsZXNbJ2JvdHRvbS1yaWdodCddO1xuICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgIGNhc2UgJ2JvdHRvbS1lbmQnOlxuICAgICAgICAgICAgbG9naWNhbFBvc2l0aW9uID0gaXNMdHIgPyBzdHlsZXNbJ2JvdHRvbS1yaWdodCddIDogc3R5bGVzWydib3R0b20tbGVmdCddO1xuICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgIGRlZmF1bHQ6XG4gICAgICAgICAgICBsb2dpY2FsUG9zaXRpb24gPSBzdHlsZXNbcG9zaXRpb25dO1xuICAgICAgICAgICAgYnJlYWs7XG4gICAgfVxuICAgIGNvbnN0IHBvc2l0aW9uQ2xhc3NlcyA9IGNsYXNzTmFtZXMoW3N0eWxlcy5ub3RpZmljYXRpb25Qb3NpdGlvbiwgbG9naWNhbFBvc2l0aW9uXSk7XG4gICAgY29uc3Qgb2Zmc2V0U3R5bGUgPSB0eXBlb2Ygb2Zmc2V0ID09PSAnbnVtYmVyJ1xuICAgICAgICA/IHtcbiAgICAgICAgICAgICctLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLW5vdGlmaWNhdGlvbi12ZXJ0aWNhbC1vZmZzZXQnOiBgJHtvZmZzZXR9cHhgLFxuICAgICAgICAgICAgJy0tb2otYy1QUklWQVRFLURPLU5PVC1VU0Utbm90aWZpY2F0aW9uLWhvcml6b250YWwtb2Zmc2V0JzogYCR7b2Zmc2V0fXB4YFxuICAgICAgICB9XG4gICAgICAgIDoge1xuICAgICAgICAgICAgJy0tb2otYy1QUklWQVRFLURPLU5PVC1VU0Utbm90aWZpY2F0aW9uLXZlcnRpY2FsLW9mZnNldCc6IGAkeyhfYSA9IG9mZnNldCA9PT0gbnVsbCB8fCBvZmZzZXQgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9mZnNldC52ZXJ0aWNhbCkgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogMH1weGAsXG4gICAgICAgICAgICAnLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1ub3RpZmljYXRpb24taG9yaXpvbnRhbC1vZmZzZXQnOiBgJHsoX2IgPSBvZmZzZXQgPT09IG51bGwgfHwgb2Zmc2V0ID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvZmZzZXQuaG9yaXpvbnRhbCkgIT09IG51bGwgJiYgX2IgIT09IHZvaWQgMCA/IF9iIDogMH1weGBcbiAgICAgICAgfTtcbiAgICByZXR1cm4gKF9qc3goV2luZG93T3ZlcmxheSwgeyBjaGlsZHJlbjogX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgY2xhc3M6IHBvc2l0aW9uQ2xhc3NlcywgXCJkYXRhLXRlc3RpZFwiOiB0ZXN0SWQsIHN0eWxlOiBvZmZzZXQgIT09IHVuZGVmaW5lZCA/IG9mZnNldFN0eWxlIDogdW5kZWZpbmVkIH0sIHsgY2hpbGRyZW46IF9qc3goRmxleCwgT2JqZWN0LmFzc2lnbih7IGRpcmVjdGlvbjogXCJjb2x1bW5cIiwgZ2FwOiBcIjJ4XCIgfSwgeyBjaGlsZHJlbjogY2hpbGRyZW4gfSkpIH0pKSB9KSk7XG59O1xuZXhwb3J0IHsgTWVzc2FnZUxheWVyLCBwb3NpdGlvbnMgfTtcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPU1lc3NhZ2VMYXllci5qcy5tYXAiXX0=*/
+.lvupm1{position:absolute;pointer-events:initial;width:max-content;}
+._1qvk14x{left:var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset);top:var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset);}
+._14fuvzi{left:calc(50% + var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset));top:var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset);transform:translateX(-50%);}
+._1xgxnlu{right:var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset);top:var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset);}
+._1fqsh1o{left:var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset);bottom:var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset);}
+.tf5psy{left:calc(50% + var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset));bottom:var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset);transform:translateX(-50%);}
+.z8u8pr{right:var(--oj-c-PRIVATE-DO-NOT-USE-notification-horizontal-offset);bottom:var(--oj-c-PRIVATE-DO-NOT-USE-notification-vertical-offset);}

package/amd/PRIVATE_MessageLayer.js

@@ -1,13 +1,2 @@
-/* @oracle/oraclejet-preact: 14.0.7 */
-define(['exports', './MessageLayer-6da93adb', 'preact/jsx-runtime', "css!./PRIVATE_MessageLayer.css", './hooks/UNSAFE_useUser', 'preact/hooks', './UNSAFE_Environment', 'preact', './UNSAFE_Layer', 'preact/compat', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_classNames', './classNames-027de734', './UNSAFE_Flex', './Flex-7762d39c', './tslib.es6-71b1ba5b', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_size', './_curry1-645b9927', './utils/UNSAFE_mergeInterpolations', './_curry3-4cc6f6ba', './_curry2-93924f19', './_has-cce283ad', './utils/UNSAFE_interpolations/boxalignment', './keys-a09501ab', './utils/UNSAFE_interpolations/flexbox', './flexbox-4dd0bbb4', './utils/UNSAFE_interpolations/flexitem', './flexitem-7363d040', './UNSAFE_WindowOverlay'], (function (exports, MessageLayer, jsxRuntime, linaria, hooks_UNSAFE_useUser, hooks, UNSAFE_Environment, preact, UNSAFE_Layer, compat, utils_UNSAFE_arrayUtils, utils_UNSAFE_classNames, classNames, UNSAFE_Flex, Flex, tslib_es6, utils_UNSAFE_interpolations_dimensions, utils_UNSAFE_size, _curry1, utils_UNSAFE_mergeInterpolations, _curry3, _curry2, _has, utils_UNSAFE_interpolations_boxalignment, keys, utils_UNSAFE_interpolations_flexbox, flexbox, utils_UNSAFE_interpolations_flexitem, flexitem, UNSAFE_WindowOverlay) { 'use strict';
-
-
-
-	exports.MessageLayer = MessageLayer.MessageLayer;
-	exports.positions = MessageLayer.positions;
-
-	Object.defineProperty(exports, '__esModule', { value: true });
-
-}));
-/*  */
+define(["exports","./MessageLayer-4140b1c0","preact/jsx-runtime","css!./PRIVATE_MessageLayer.css","./hooks/UNSAFE_useUser","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_classNames","./classNames-d0ddb6e6","./UNSAFE_Flex","./Flex-1da2d394","./tslib.es6-f5cdfdde","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./_curry1-bee77b02","./utils/UNSAFE_mergeInterpolations","./_curry3-e03383af","./_curry2-fcaaab1b","./_has-cc9d7306","./utils/UNSAFE_interpolations/boxalignment","./keys-fc8999ee","./utils/UNSAFE_interpolations/flexbox","./flexbox-0663919c","./utils/UNSAFE_interpolations/flexitem","./flexitem-323dec38","./UNSAFE_WindowOverlay"],function(e,s,i,t,a,r,o,l,n,c,_,u,d,F,N,U,p,E,A,S,f,b,x,y,m,g,L,M,h,k){"use strict";e.MessageLayer=s.MessageLayer,e.positions=s.positions,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=PRIVATE_MessageLayer.js.map

package/amd/PRIVATE_MessageLayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"PRIVATE_MessageLayer.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}
+{"version":3,"file":"PRIVATE_MessageLayer.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/amd/PRIVATE_Meter.js

@@ -1,67 +1,2 @@
-/* @oracle/oraclejet-preact: 14.0.7 */
-define(['exports', './tslib.es6-71b1ba5b', 'preact/jsx-runtime', 'preact/compat'], (function (exports, tslib_es6, jsxRuntime, compat) { 'use strict';
-
-    const BarTrack = compat.forwardRef((_a, ref) => {
-        var { id, length = '100%', children, color, orientation = 'horizontal', ariaProps } = _a, otherProps = tslib_es6.__rest(_a, ["id", "length", "children", "color", "orientation", "ariaProps"]);
-        const isHoriz = orientation === 'horizontal';
-        return (jsxRuntime.jsx("div", Object.assign({ id: id, ref: ref, class: otherProps.class }, ariaProps, { style: {
-                width: isHoriz ? length : undefined,
-                height: isHoriz ? undefined : length,
-                backgroundColor: color
-            } }, { children: children })));
-    });
-    const BarValue = (_a) => {
-        var { length = '100%', size = '100%', orientation = 'horizontal', color } = _a, otherProps = tslib_es6.__rest(_a, ["length", "size", "orientation", "color"]);
-        const isHoriz = orientation === 'horizontal';
-        return (jsxRuntime.jsx("div", { class: otherProps.class, style: {
-                width: isHoriz ? length : size,
-                height: isHoriz ? size : length,
-                backgroundColor: color
-            } }));
-    };
-
-    const CircleWrapper = compat.forwardRef((_a, ref) => {
-        var { id, children, color, clipPath, borderWidth, ariaProps } = _a, otherProps = tslib_es6.__rest(_a, ["id", "children", "color", "clipPath", "borderWidth", "ariaProps"]);
-        return (jsxRuntime.jsx("div", Object.assign({ id: id, ref: ref }, ariaProps, { class: otherProps.class, style: {
-                borderColor: color,
-                borderWidth: borderWidth,
-                clipPath: clipPath
-            } }, { children: children })));
-    });
-    function getBorderWidth(section, borderWidth) {
-        const border = {
-            borderTopWidth: borderWidth,
-            borderBottomWidth: borderWidth,
-            borderRightWidth: borderWidth,
-            borderLeftWidth: borderWidth
-        };
-        if (section === 'top') {
-            border['borderBottomWidth'] = undefined;
-        }
-        if (section === 'bottom') {
-            border['borderTopWidth'] = undefined;
-        }
-        if (section === 'left') {
-            border['borderRightWidth'] = undefined;
-        }
-        if (section === 'right') {
-            border['borderLeftWidth'] = undefined;
-        }
-        return border;
-    }
-    const CircleInner = (_a) => {
-        var { clipPath, color, height, width, size, section = 'full' } = _a, otherProps = tslib_es6.__rest(_a, ["clipPath", "color", "height", "width", "size", "section"]);
-        const borderWidth = getBorderWidth(section, size);
-        return (jsxRuntime.jsx("div", { class: otherProps.class, style: Object.assign({ clipPath: clipPath, borderColor: color, height: height, width: width }, borderWidth) }));
-    };
-
-    exports.BarTrack = BarTrack;
-    exports.BarValue = BarValue;
-    exports.CircleInner = CircleInner;
-    exports.CircleWrapper = CircleWrapper;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-}));
-/*  */
+define(["exports","./tslib.es6-f5cdfdde","preact/jsx-runtime","preact/compat"],function(r,t,o,i){"use strict";const e=i.forwardRef((r,i)=>{var{id:e,length:d="100%",children:s,color:l,orientation:c="horizontal",ariaProps:a}=r,h=t.__rest(r,["id","length","children","color","orientation","ariaProps"]);const n="horizontal"===c;return o.jsx("div",Object.assign({id:e,ref:i,class:h.class},a,{style:{width:n?d:void 0,height:n?void 0:d,backgroundColor:l}},{children:s}))}),d=i.forwardRef((r,i)=>{var{id:e,children:d,color:s,clipPath:l,borderWidth:c,ariaProps:a}=r,h=t.__rest(r,["id","children","color","clipPath","borderWidth","ariaProps"]);return o.jsx("div",Object.assign({id:e,ref:i},a,{class:h.class,style:{borderColor:s,borderWidth:c,clipPath:l}},{children:d}))});r.BarTrack=e,r.BarValue=r=>{var{length:i="100%",size:e="100%",orientation:d="horizontal",color:s}=r,l=t.__rest(r,["length","size","orientation","color"]);const c="horizontal"===d;return o.jsx("div",{class:l.class,style:{width:c?i:e,height:c?e:i,backgroundColor:s}})},r.CircleInner=r=>{var{clipPath:i,color:e,height:d,width:s,size:l,section:c="full"}=r,a=t.__rest(r,["clipPath","color","height","width","size","section"]);const h=function(r,t){const o={borderTopWidth:t,borderBottomWidth:t,borderRightWidth:t,borderLeftWidth:t};return"top"===r&&(o.borderBottomWidth=void 0),"bottom"===r&&(o.borderTopWidth=void 0),"left"===r&&(o.borderRightWidth=void 0),"right"===r&&(o.borderLeftWidth=void 0),o}(c,l);return o.jsx("div",{class:a.class,style:Object.assign({clipPath:i,borderColor:e,height:d,width:s},h)})},r.CircleWrapper=d,Object.defineProperty(r,"__esModule",{value:!0})});
 //# sourceMappingURL=PRIVATE_Meter.js.map

package/amd/PRIVATE_Meter.js.map

@@ -1 +1 @@
-{"version":3,"file":"PRIVATE_Meter.js","sources":["../../src/PRIVATE_Meter/LinearMeter.tsx","../../src/PRIVATE_Meter/CircularMeter.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<\n  HTMLAttributesSignalExcluded<HTMLDivElement>,\n  'id' | 'class' | 'children'\n>;\n\ntype TrackProps = IntrinsicProps & {\n  length?: string;\n  color?: string;\n  orientation?: 'vertical' | 'horizontal';\n  ariaProps?: {\n    'aria-valuenow'?: string;\n    'aria-valuemin'?: string;\n    'aria-valuemax'?: string;\n    'aria-valuetext'?: string;\n    'aria-label'?: string;\n    role?: string;\n  };\n};\n\nexport const BarTrack = forwardRef(\n  (\n    {\n      id,\n      length = '100%',\n      children,\n      color,\n      orientation = 'horizontal',\n      ariaProps,\n      ...otherProps\n    }: TrackProps,\n    ref?: Ref<HTMLDivElement>\n  ) => {\n    const isHoriz = orientation === 'horizontal';\n    return (\n      <div\n        id={id}\n        ref={ref}\n        class={otherProps.class}\n        {...ariaProps}\n        style={{\n          width: isHoriz ? length : undefined,\n          height: isHoriz ? undefined : length,\n          backgroundColor: color\n        }}>\n        {children}\n      </div>\n    );\n  }\n);\n\ntype ValueProps = Pick<IntrinsicProps, 'class'> & {\n  length?: string;\n  size?: string;\n  orientation?: 'vertical' | 'horizontal';\n  color?: string;\n};\n\nexport const BarValue = ({\n  length = '100%',\n  size = '100%',\n  orientation = 'horizontal',\n  color,\n  ...otherProps\n}: ValueProps) => {\n  const isHoriz = orientation === 'horizontal';\n  return (\n    <div\n      class={otherProps.class}\n      style={{\n        width: isHoriz ? length : size,\n        height: isHoriz ? size : length,\n        backgroundColor: color\n      }}></div>\n  );\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<\n  HTMLAttributesSignalExcluded<HTMLDivElement>,\n  'id' | 'class' | 'children'\n>;\ntype WrapperProps = IntrinsicProps & {\n  color?: string;\n  borderWidth?: string;\n  ariaProps?: {\n    'aria-valuenow'?: string;\n    'aria-valuemin'?: string;\n    'aria-valuemax'?: string;\n    'aria-valuetext'?: string;\n    'aria-label'?: string;\n    role?: string;\n  };\n  clipPath?: string;\n};\n\nexport const CircleWrapper = forwardRef(\n  (\n    { id, children, color, clipPath, borderWidth, ariaProps, ...otherProps }: WrapperProps,\n    ref: ForwardedRef<HTMLDivElement>\n  ) => {\n    return (\n      <div\n        id={id}\n        ref={ref}\n        {...ariaProps}\n        class={otherProps.class}\n        style={{\n          borderColor: color,\n          borderWidth: borderWidth,\n          clipPath: clipPath\n        }}>\n        {children}\n      </div>\n    );\n  }\n);\n\ntype CircleInnerProps = Pick<IntrinsicProps, 'class'> & {\n  clipPath?: string;\n  color?: string;\n  width?: string;\n  height?: string;\n  size?: string;\n  section?: string;\n};\n\nfunction getBorderWidth(section: string, borderWidth: string | undefined) {\n  const border: Record<string, string | undefined> = {\n    borderTopWidth: borderWidth,\n    borderBottomWidth: borderWidth,\n    borderRightWidth: borderWidth,\n    borderLeftWidth: borderWidth\n  };\n  if (section === 'top') {\n    border['borderBottomWidth'] = undefined;\n  }\n\n  if (section === 'bottom') {\n    border['borderTopWidth'] = undefined;\n  }\n\n  if (section === 'left') {\n    border['borderRightWidth'] = undefined;\n  }\n\n  if (section === 'right') {\n    border['borderLeftWidth'] = undefined;\n  }\n  return border;\n}\n\nexport const CircleInner = ({\n  clipPath,\n  color,\n  height,\n  width,\n  size,\n  section = 'full',\n  ...otherProps\n}: CircleInnerProps) => {\n  const borderWidth = getBorderWidth(section, size);\n  return (\n    <div\n      class={otherProps.class}\n      style={{\n        clipPath: clipPath,\n        borderColor: color,\n        height: height,\n        width: width,\n        ...borderWidth\n      }}></div>\n  );\n};\n"],"names":["forwardRef","__rest","_jsx"],"mappings":"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"}
+{"version":3,"file":"PRIVATE_Meter.js","sources":["../../src/PRIVATE_Meter/LinearMeter.tsx","../../src/PRIVATE_Meter/CircularMeter.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<\n  HTMLAttributesSignalExcluded<HTMLDivElement>,\n  'id' | 'class' | 'children'\n>;\n\ntype TrackProps = IntrinsicProps & {\n  length?: string;\n  color?: string;\n  orientation?: 'vertical' | 'horizontal';\n  ariaProps?: {\n    'aria-valuenow'?: string;\n    'aria-valuemin'?: string;\n    'aria-valuemax'?: string;\n    'aria-valuetext'?: string;\n    'aria-label'?: string;\n    role?: string;\n  };\n};\n\nexport const BarTrack = forwardRef(\n  (\n    {\n      id,\n      length = '100%',\n      children,\n      color,\n      orientation = 'horizontal',\n      ariaProps,\n      ...otherProps\n    }: TrackProps,\n    ref?: Ref<HTMLDivElement>\n  ) => {\n    const isHoriz = orientation === 'horizontal';\n    return (\n      <div\n        id={id}\n        ref={ref}\n        class={otherProps.class}\n        {...ariaProps}\n        style={{\n          width: isHoriz ? length : undefined,\n          height: isHoriz ? undefined : length,\n          backgroundColor: color\n        }}>\n        {children}\n      </div>\n    );\n  }\n);\n\ntype ValueProps = Pick<IntrinsicProps, 'class'> & {\n  length?: string;\n  size?: string;\n  orientation?: 'vertical' | 'horizontal';\n  color?: string;\n};\n\nexport const BarValue = ({\n  length = '100%',\n  size = '100%',\n  orientation = 'horizontal',\n  color,\n  ...otherProps\n}: ValueProps) => {\n  const isHoriz = orientation === 'horizontal';\n  return (\n    <div\n      class={otherProps.class}\n      style={{\n        width: isHoriz ? length : size,\n        height: isHoriz ? size : length,\n        backgroundColor: color\n      }}></div>\n  );\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<\n  HTMLAttributesSignalExcluded<HTMLDivElement>,\n  'id' | 'class' | 'children'\n>;\ntype WrapperProps = IntrinsicProps & {\n  color?: string;\n  borderWidth?: string;\n  ariaProps?: {\n    'aria-valuenow'?: string;\n    'aria-valuemin'?: string;\n    'aria-valuemax'?: string;\n    'aria-valuetext'?: string;\n    'aria-label'?: string;\n    role?: string;\n  };\n  clipPath?: string;\n};\n\nexport const CircleWrapper = forwardRef(\n  (\n    { id, children, color, clipPath, borderWidth, ariaProps, ...otherProps }: WrapperProps,\n    ref: ForwardedRef<HTMLDivElement>\n  ) => {\n    return (\n      <div\n        id={id}\n        ref={ref}\n        {...ariaProps}\n        class={otherProps.class}\n        style={{\n          borderColor: color,\n          borderWidth: borderWidth,\n          clipPath: clipPath\n        }}>\n        {children}\n      </div>\n    );\n  }\n);\n\ntype CircleInnerProps = Pick<IntrinsicProps, 'class'> & {\n  clipPath?: string;\n  color?: string;\n  width?: string;\n  height?: string;\n  size?: string;\n  section?: string;\n};\n\nfunction getBorderWidth(section: string, borderWidth: string | undefined) {\n  const border: Record<string, string | undefined> = {\n    borderTopWidth: borderWidth,\n    borderBottomWidth: borderWidth,\n    borderRightWidth: borderWidth,\n    borderLeftWidth: borderWidth\n  };\n  if (section === 'top') {\n    border['borderBottomWidth'] = undefined;\n  }\n\n  if (section === 'bottom') {\n    border['borderTopWidth'] = undefined;\n  }\n\n  if (section === 'left') {\n    border['borderRightWidth'] = undefined;\n  }\n\n  if (section === 'right') {\n    border['borderLeftWidth'] = undefined;\n  }\n  return border;\n}\n\nexport const CircleInner = ({\n  clipPath,\n  color,\n  height,\n  width,\n  size,\n  section = 'full',\n  ...otherProps\n}: CircleInnerProps) => {\n  const borderWidth = getBorderWidth(section, size);\n  return (\n    <div\n      class={otherProps.class}\n      style={{\n        clipPath: clipPath,\n        borderColor: color,\n        height: height,\n        width: width,\n        ...borderWidth\n      }}></div>\n  );\n};\n"],"names":["BarTrack","forwardRef","_a","ref","id","length","children","color","orientation","ariaProps","otherProps","__rest","isHoriz","_jsx","Object","assign","class","style","width","undefined","height","backgroundColor","CircleWrapper","clipPath","borderWidth","borderColor","size","section","border","borderTopWidth","borderBottomWidth","borderRightWidth","borderLeftWidth","getBorderWidth","jsx"],"mappings":"8GA8Ba,MAAAA,EAAWC,EAAUA,WAChC,CACEC,EASAC,SATAC,GACEA,EAAEC,OACFA,EAAS,OAAMC,SACfA,EAAQC,MACRA,EAAKC,YACLA,EAAc,aAAYC,UAC1BA,GAASP,EACNQ,EAAUC,EAAAA,OAAAT,EAPf,8DAWA,MAAMU,EAA0B,eAAhBJ,EAChB,OACEK,EAAAA,IACE,MAAAC,OAAAC,OAAA,CAAAX,GAAIA,EACJD,IAAKA,EACLa,MAAON,EAAWM,OACdP,EAAS,CACbQ,MAAO,CACLC,MAAON,EAAUP,OAASc,EAC1BC,OAAQR,OAAUO,EAAYd,EAC9BgB,gBAAiBd,IAElB,CAAAD,SAAAA,OC1BIgB,EAAgBrB,EAAUA,WACrC,CACEC,EACAC,KADA,IAAAC,GAAEA,EAAEE,SAAEA,EAAQC,MAAEA,EAAKgB,SAAEA,EAAQC,YAAEA,EAAWf,UAAEA,GAAwCP,EAA1BQ,EAAUC,EAAAA,OAAAT,EAAtE,gEAGA,OACEW,EAAAA,IACE,MAAAC,OAAAC,OAAA,CAAAX,GAAIA,EACJD,IAAKA,GACDM,EAAS,CACbO,MAAON,EAAWM,MAClBC,MAAO,CACLQ,YAAalB,EACbiB,YAAaA,EACbD,SAAUA,IAEX,CAAAjB,SAAAA,+BDuBgBJ,IAAA,IAAAG,OACvBA,EAAS,OAAMqB,KACfA,EAAO,OAAMlB,YACbA,EAAc,aAAYD,MAC1BA,GAAKL,EACFQ,EAAUC,EAAAA,OAAAT,EALU,yCAOvB,MAAMU,EAA0B,eAAhBJ,EAChB,OACEK,EAAAA,WACEG,MAAON,EAAWM,MAClBC,MAAO,CACLC,MAAON,EAAUP,EAASqB,EAC1BN,OAAQR,EAAUc,EAAOrB,EACzBgB,gBAAiBd,oBCGGL,IAAA,IAAAqB,SAC1BA,EAAQhB,MACRA,EAAKa,OACLA,EAAMF,MACNA,EAAKQ,KACLA,EAAIC,QACJA,EAAU,QAAMzB,EACbQ,EAAUC,SAAAT,EAPa,wDAS1B,MAAMsB,EAlCR,SAAwBG,EAAiBH,GACvC,MAAMI,EAA6C,CACjDC,eAAgBL,EAChBM,kBAAmBN,EACnBO,iBAAkBP,EAClBQ,gBAAiBR,GAiBnB,MAfgB,QAAZG,IACFC,EAA0B,uBAAIT,GAGhB,WAAZQ,IACFC,EAAuB,oBAAIT,GAGb,SAAZQ,IACFC,EAAyB,sBAAIT,GAGf,UAAZQ,IACFC,EAAwB,qBAAIT,GAEvBS,EAYaK,CAAeN,EAASD,GAC5C,OACEb,EAAAqB,IAAA,MAAA,CACElB,MAAON,EAAWM,MAClBC,MAAKH,OAAAC,OAAA,CACHQ,SAAUA,EACVE,YAAalB,EACba,OAAQA,EACRF,MAAOA,GACJM"}