@oracle/oraclejet-preact 14.0.10 → 14.1.1

package/cjs/MessageUtils-3abefcfc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageUtils-3abefcfc.js","sources":["../../src/PRIVATE_Message/MessageUtils.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 */\nimport { ComponentChildren } from 'preact';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { Logger } from '../utils/UNSAFE_logger';\nimport { playAudioFromURL, playDefaultNotificationSound } from '../utils/UNSAFE_soundUtils';\nimport { isValidValueForProp } from './MessageFormattingUtils';\nimport { MessageSeverity, MessageVariant } from './Message.types';\n\n/**\n * Logger that prepends the component name to the message\n */\nconst MessageLogger = {\n  error: (message: string, type = 'common') => Logger.error(`JET Message(${type}): ${message}`),\n  warn: (message: string, type = 'common') => Logger.warn(`JET Message(${type}): ${message}`),\n  info: (message: string, type = 'common') => Logger.info(`JET Message(${type}): ${message}`),\n  log: (message: string, type = 'common') => Logger.log(`JET Message(${type}): ${message}`)\n};\n\n/**\n * Plays a sound based on the provided argument. Supported keywords:\n * 1. default - plays the default beep sound\n * 2. none - no sound will be played\n *\n * @param sound Supported keywords or URL to an audio file\n */\nasync function playSound(sound: string) {\n  if (sound === 'none') {\n    // no need to play any audio\n    return;\n  }\n\n  // For default, we play a beep sound using WebAudio API\n  if (sound === 'default') {\n    try {\n      playDefaultNotificationSound();\n    } catch (error) {\n      // Default sound is not played due to some error\n      // Log a message and return doing nothing else\n      MessageLogger.warn(`Failed to play the default sound. ${error}.`);\n    }\n    return;\n  }\n\n  // If it is not a key word, then it is an URL\n  try {\n    await playAudioFromURL(sound);\n  } catch (error) {\n    // Playing audio using the URL failed.\n    MessageLogger.warn(`Failed to play the audio from the url ${sound}. ${error}.`);\n  }\n}\n\n/**\n * A helper function that throws an error\n *\n * @param message The error message\n * @param type The type of the message that is throwing an error\n * @throws {Error}\n */\nfunction throwError(message: string, type = 'common') {\n  throw new Error(`JET Message(${type}) - ${message}`);\n}\n\n/**\n * Fetches a renderer for the current message if one is provided\n *\n * @param message The item context for the current message\n * @param rendererIdentifier Identifier of the current renderer\n * @param renderers All available renderers\n * @returns The renderer for rendering the custom content\n */\nfunction getRenderer<K, D, R>(\n  message: Item<K, D>,\n  rendererIdentifier?: string | ((item: Item<K, D>) => string | undefined),\n  renderers?: Record<string, (data: R) => ComponentChildren>,\n  type?: string\n) {\n  // If either detailRenderer function or record of renderers are not available,\n  // return null\n  if (!rendererIdentifier || !renderers) {\n    return undefined;\n  }\n\n  const rendererKey =\n    typeof rendererIdentifier === 'function' ? rendererIdentifier(message) : rendererIdentifier;\n\n  // If rendererKey is null or undefined, then we need to use default rendering\n  // so return null\n  if (rendererKey == null) {\n    return undefined;\n  }\n\n  // If the returned render key is a string but does not exist in the provided\n  // record of renderers, throw an error\n  if (!(rendererKey in renderers)) {\n    throwError(\n      `${rendererKey} is not a valid template name for the message with key=${message.key}`,\n      type\n    );\n  }\n\n  // Else, fetch and return the renderer\n  return renderers[rendererKey];\n}\n\n/**\n * Fetches a renderer for the current message if one is provided.\n * Proxies the said renderer to exclude the index in the payload.\n *\n * @param message The item context for the current message\n * @param rendererIdentifier Identifier of the current renderer\n * @param renderers All available renderers\n * @returns The renderer for rendering the custom content\n */\nfunction getRendererWithoutIndex<K, D, R>(\n  message: Item<K, D>,\n  rendererIdentifier?: string | ((item: Item<K, D>) => string | undefined),\n  renderers?: Record<string, (data: R) => ComponentChildren>,\n  type?: string\n) {\n  const renderer = getRenderer(message, rendererIdentifier, renderers, type);\n  if (typeof renderer === 'function') {\n    return (data: R) => {\n      const dataCopy = { ...data };\n      if ('index' in dataCopy) {\n        delete (dataCopy as any)['index'];\n      }\n      return renderer.call(null, dataCopy);\n    };\n  }\n  return renderer;\n}\n\n/**\n * Generates a root style class based on the severity. For invalid severity and severity=none\n * no specific style class exists.\n *\n * @param severity The message severity\n * @returns calculated style class based on the severity\n */\nfunction severityBasedStyleClass(severity: MessageSeverity, variant: MessageVariant) {\n  const isValidSeverity = isValidValueForProp(severity, 'severity');\n  return isValidSeverity && severity !== 'none' ? `oj-c-message${variant}-${severity}` : '';\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\nexport {\n  getRenderer,\n  getRendererWithoutIndex,\n  playSound,\n  throwError,\n  severityBasedStyleClass,\n  isSeverityIconNeeded\n};\n"],"names":["Logger","playDefaultNotificationSound","playAudioFromURL","isValidValueForProp"],"mappings":"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"}

package/cjs/MessagesManager-4ef3c3fe.js

@@ -0,0 +1,117 @@
+/* @oracle/oraclejet-preact: 14.1.1 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var preact = require('preact');
+var hooks = require('preact/hooks');
+var PRIVATE_TransitionGroup = require('./PRIVATE_TransitionGroup.js');
+var tslib_es6 = require('./tslib.es6-337905dc.js');
+require('./hooks/UNSAFE_useAnimation.js');
+var hooks_UNSAFE_useMessagesContext = require('./hooks/UNSAFE_useMessagesContext.js');
+var useAnimation = require('./useAnimation-4166b248.js');
+
+const DEFAULT_ANIMATION_STATES = {};
+/**
+ * A intermediary component that handles animation for the messages component.
+ *
+ * The expected flow is as follows:
+ * 1. message removed from the data
+ * 2. onExiting called and a callback is passed which needs to be called to complete the transition
+ * 3. state set to "exiting" in this component
+ * 4. triggers useAnimation to perform the exit animation
+ * 5. onAnimationEnd is called after the animation, which invokes the callback provided earlier
+ * 6. onExited is called (done when the callback mentioned above is called)
+ * 7. message is removed from the UI
+ *
+ * @param param0 Props of the message component
+ */
+function MessageTransition(_a) {
+    var { animationStates = DEFAULT_ANIMATION_STATES, initialAnimationStyles, onEntering, onExiting } = _a, transitionProps = tslib_es6.__rest(_a, ["animationStates", "initialAnimationStyles", "onEntering", "onExiting"]);
+    const [state, setState] = hooks.useState('entering');
+    const animationCallbackRef = hooks.useRef();
+    const busyStateResolveRef = hooks.useRef();
+    const { controller, nodeRef } = useAnimation.useAnimation(state, {
+        animationStates,
+        isAnimatedOnMount: true,
+        onAnimationEnd: hooks.useCallback(() => {
+            var _a, _b;
+            // resolve animation callbacks & busyStates
+            (_a = animationCallbackRef.current) === null || _a === void 0 ? void 0 : _a.call(animationCallbackRef);
+            animationCallbackRef.current = undefined;
+            (_b = busyStateResolveRef.current) === null || _b === void 0 ? void 0 : _b.call(busyStateResolveRef);
+            busyStateResolveRef.current = undefined;
+        }, [])
+    });
+    const { addBusyState } = hooks_UNSAFE_useMessagesContext.useMessagesContext();
+    const onEnteringCallback = hooks.useCallback((node, callback, metadata) => {
+        var _a;
+        // cancel any existing animation
+        if (animationCallbackRef.current) {
+            animationCallbackRef.current = undefined;
+            controller.cancel();
+        }
+        // resolve any existing busyState
+        (_a = busyStateResolveRef.current) === null || _a === void 0 ? void 0 : _a.call(busyStateResolveRef);
+        busyStateResolveRef.current = undefined;
+        onEntering === null || onEntering === void 0 ? void 0 : onEntering(node, undefined, metadata);
+        // start the animation and set the callback & busyState
+        setState('entering');
+        // if there is no animation configured, resolve immediately
+        if (animationStates['entering'] === undefined &&
+            animationStates['exiting => entering'] === undefined) {
+            callback === null || callback === void 0 ? void 0 : callback();
+            return;
+        }
+        animationCallbackRef.current = callback;
+        busyStateResolveRef.current = addBusyState === null || addBusyState === void 0 ? void 0 : addBusyState('messages animating');
+    }, [animationStates, controller, addBusyState, onEntering]);
+    const onExitingCallback = hooks.useCallback((node, callback, metadata) => {
+        var _a;
+        // cancel any existing animation
+        if (animationCallbackRef.current) {
+            animationCallbackRef.current = undefined;
+            controller.cancel();
+        }
+        // resolve any existing busyState
+        (_a = busyStateResolveRef.current) === null || _a === void 0 ? void 0 : _a.call(busyStateResolveRef);
+        busyStateResolveRef.current = undefined;
+        onExiting === null || onExiting === void 0 ? void 0 : onExiting(node, undefined, metadata);
+        // start the animation and set the callback & busyState
+        setState('exiting');
+        // if there is no animation configured, resolve immediately
+        if (animationStates['exiting'] === undefined &&
+            animationStates['entering => exiting'] === undefined) {
+            callback === null || callback === void 0 ? void 0 : callback();
+            return;
+        }
+        animationCallbackRef.current = callback;
+        busyStateResolveRef.current = addBusyState === null || addBusyState === void 0 ? void 0 : addBusyState('messages animating');
+    }, [animationStates, controller, addBusyState, onExiting]);
+    // if animation is interrupted, the busyState may be left hanging. So clear that on unmount
+    // Note: When using a class-based component inside a functional component, the timings of
+    // componentDidMount and useEffect might differ. So, in order to guarantee the registration
+    // of the cleanup function, use useLayoutEffect instead of useEffect. This way we can make sure
+    // the cleanup registers at all times.
+    hooks.useLayoutEffect(() => () => { var _a; return (_a = busyStateResolveRef.current) === null || _a === void 0 ? void 0 : _a.call(busyStateResolveRef); }, []);
+    return (jsxRuntime.jsx("div", Object.assign({ ref: nodeRef, style: initialAnimationStyles }, { children: jsxRuntime.jsx(PRIVATE_TransitionGroup.Transition, Object.assign({}, transitionProps, { onEntering: onEnteringCallback, onExiting: onExitingCallback })) })));
+}
+
+/**
+ * The component that renders individual messages for the provided data.
+ */
+function MessagesManager({ data, animationStates, children, initialAnimationStyles, onMessageWillRemove }) {
+    /**
+     * Handles when a message has finished to exit.
+     *
+     * @param node The corresponding message element
+     * @param callback A callback function to be called after the animation is complete
+     */
+    const handleExited = hooks.useCallback(async (node, metadata) => {
+        metadata && (onMessageWillRemove === null || onMessageWillRemove === void 0 ? void 0 : onMessageWillRemove(metadata.key, metadata.index, node));
+    }, [onMessageWillRemove]);
+    return (jsxRuntime.jsx(PRIVATE_TransitionGroup.TransitionGroup, Object.assign({ elementType: preact.Fragment }, { children: data.map((item, index) => (jsxRuntime.jsx(MessageTransition, Object.assign({ animationStates: animationStates, initialAnimationStyles: initialAnimationStyles, metadata: { index, key: item.key }, onExited: handleExited }, { children: children === null || children === void 0 ? void 0 : children({ index, item }) }), item.key))) })));
+}
+
+exports.MessagesManager = MessagesManager;
+/*  */
+//# sourceMappingURL=MessagesManager-4ef3c3fe.js.map

package/cjs/MessagesManager-4ef3c3fe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessagesManager-4ef3c3fe.js","sources":["../../src/PRIVATE_Message/MessageTransition.tsx","../../src/PRIVATE_Message/MessagesManager.tsx"],"sourcesContent":["import { JSX, RenderableProps } from 'preact';\nimport { useCallback, useLayoutEffect, useRef, useState } from 'preact/hooks';\nimport { useAnimation, UseAnimationConfig } from '../hooks/UNSAFE_useAnimation';\nimport { useMessagesContext } from '../hooks/UNSAFE_useMessagesContext';\nimport { Transition, TransitionProps } from '../PRIVATE_TransitionGroup';\n\ntype State = 'entering' | 'exiting';\ntype AnimationStates = UseAnimationConfig<State, HTMLDivElement>['animationStates'];\ntype AnimationCallback = UseAnimationConfig<State, HTMLDivElement>['onAnimationEnd'];\ntype Props = RenderableProps<TransitionProps> & {\n  animationStates?: AnimationStates;\n  initialAnimationStyles?: JSX.HTMLAttributes<HTMLDivElement>['style'];\n};\n\nconst DEFAULT_ANIMATION_STATES = {};\n\n/**\n * A intermediary component that handles animation for the messages component.\n *\n * The expected flow is as follows:\n * 1. message removed from the data\n * 2. onExiting called and a callback is passed which needs to be called to complete the transition\n * 3. state set to \"exiting\" in this component\n * 4. triggers useAnimation to perform the exit animation\n * 5. onAnimationEnd is called after the animation, which invokes the callback provided earlier\n * 6. onExited is called (done when the callback mentioned above is called)\n * 7. message is removed from the UI\n *\n * @param param0 Props of the message component\n */\nexport function MessageTransition({\n  animationStates = DEFAULT_ANIMATION_STATES,\n  initialAnimationStyles,\n  onEntering,\n  onExiting,\n  ...transitionProps\n}: Props) {\n  const [state, setState] = useState<State>('entering');\n  const animationCallbackRef = useRef<() => void>();\n  const busyStateResolveRef = useRef<() => void>();\n  const { controller, nodeRef } = useAnimation(state, {\n    animationStates,\n    isAnimatedOnMount: true,\n    onAnimationEnd: useCallback<NonNullable<AnimationCallback>>(() => {\n      // resolve animation callbacks & busyStates\n      animationCallbackRef.current?.();\n      animationCallbackRef.current = undefined;\n      busyStateResolveRef.current?.();\n      busyStateResolveRef.current = undefined;\n    }, [])\n  });\n  const { addBusyState } = useMessagesContext();\n\n  const onEnteringCallback = useCallback<NonNullable<TransitionProps['onEntering']>>(\n    (node, callback, metadata) => {\n      // cancel any existing animation\n      if (animationCallbackRef.current) {\n        animationCallbackRef.current = undefined;\n        controller.cancel();\n      }\n\n      // resolve any existing busyState\n      busyStateResolveRef.current?.();\n      busyStateResolveRef.current = undefined;\n\n      onEntering?.(node, undefined, metadata);\n      // start the animation and set the callback & busyState\n      setState('entering');\n\n      // if there is no animation configured, resolve immediately\n      if (\n        animationStates['entering'] === undefined &&\n        animationStates['exiting => entering'] === undefined\n      ) {\n        callback?.();\n        return;\n      }\n      animationCallbackRef.current = callback;\n      busyStateResolveRef.current = addBusyState?.('messages animating');\n    },\n    [animationStates, controller, addBusyState, onEntering]\n  );\n\n  const onExitingCallback = useCallback<NonNullable<TransitionProps['onExiting']>>(\n    (node, callback, metadata) => {\n      // cancel any existing animation\n      if (animationCallbackRef.current) {\n        animationCallbackRef.current = undefined;\n        controller.cancel();\n      }\n\n      // resolve any existing busyState\n      busyStateResolveRef.current?.();\n      busyStateResolveRef.current = undefined;\n\n      onExiting?.(node, undefined, metadata);\n      // start the animation and set the callback & busyState\n      setState('exiting');\n\n      // if there is no animation configured, resolve immediately\n      if (\n        animationStates['exiting'] === undefined &&\n        animationStates['entering => exiting'] === undefined\n      ) {\n        callback?.();\n        return;\n      }\n      animationCallbackRef.current = callback;\n      busyStateResolveRef.current = addBusyState?.('messages animating');\n    },\n    [animationStates, controller, addBusyState, onExiting]\n  );\n\n  // if animation is interrupted, the busyState may be left hanging. So clear that on unmount\n  // Note: When using a class-based component inside a functional component, the timings of\n  // componentDidMount and useEffect might differ. So, in order to guarantee the registration\n  // of the cleanup function, use useLayoutEffect instead of useEffect. This way we can make sure\n  // the cleanup registers at all times.\n  useLayoutEffect(() => () => busyStateResolveRef.current?.(), []);\n\n  return (\n    <div ref={nodeRef} style={initialAnimationStyles}>\n      <Transition\n        {...transitionProps}\n        onEntering={onEnteringCallback}\n        onExiting={onExitingCallback}\n      />\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 { ComponentChild, ComponentProps, Fragment } from 'preact';\nimport { useCallback } from 'preact/hooks';\nimport { TransitionGroup } from '../PRIVATE_TransitionGroup';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { MessageTransition } from './MessageTransition';\n\n/**\n * Metadata passed on to the Transition component\n */\ntype TransitionMetadata<K> = {\n  index: number;\n  key: K;\n};\n\n/**\n * Type of the render context passed on to render individual message\n */\ntype MessageRenderContext<Key, Data> = {\n  /**\n   * The index of the current message\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\ntype PickedPropsFromMessageTransition = Pick<\n  ComponentProps<typeof MessageTransition>,\n  'animationStates' | 'initialAnimationStyles'\n>;\n\n/**\n * Props for the Message Component\n */\ntype Props<Key, Data> = PickedPropsFromMessageTransition & {\n  /**\n   * A render function that renders individual child.\n   */\n  children?: (context: MessageRenderContext<Key, Data>) => ComponentChild;\n\n  /**\n   * Data for the messages. This data is used for rendering each message.\n   */\n  data: Item<Key, Data>[];\n\n  /**\n   * A callback function that gets called before a message is removed\n   */\n  onMessageWillRemove?: (key: Key, index: number, node?: Element) => void;\n};\n\n/**\n * The component that renders individual messages for the provided data.\n */\nexport function MessagesManager<K extends string | number = string | number, D = any>({\n  data,\n  animationStates,\n  children,\n  initialAnimationStyles,\n  onMessageWillRemove\n}: Props<K, D>) {\n  /**\n   * Handles when a message has finished to exit.\n   *\n   * @param node The corresponding message element\n   * @param callback A callback function to be called after the animation is complete\n   */\n  const handleExited = useCallback(\n    async (node?: Element, metadata?: TransitionMetadata<K>) => {\n      metadata && onMessageWillRemove?.(metadata.key, metadata.index, node);\n    },\n    [onMessageWillRemove]\n  );\n\n  return (\n    <TransitionGroup elementType={Fragment}>\n      {data.map((item, index) => (\n        <MessageTransition\n          animationStates={animationStates}\n          initialAnimationStyles={initialAnimationStyles}\n          key={item.key}\n          metadata={{ index, key: item.key }}\n          onExited={handleExited}>\n          {children?.({ index, item })}\n        </MessageTransition>\n      ))}\n    </TransitionGroup>\n  );\n}\n"],"names":["__rest","useState","useRef","useAnimation","useCallback","useMessagesContext","useLayoutEffect","_jsx","Transition","TransitionGroup","Fragment"],"mappings":";;;;;;;;;;;;AAcA,MAAM,wBAAwB,GAAG,EAAE,CAAC;AAEpC;;;;;;;;;;;;;AAaG;AACG,SAAU,iBAAiB,CAAC,EAM1B,EAAA;AAN0B,IAAA,IAAA,EAChC,eAAe,GAAG,wBAAwB,EAC1C,sBAAsB,EACtB,UAAU,EACV,SAAS,EAEH,GAAA,EAAA,EADH,eAAe,GAAAA,gBAAA,CAAA,EAAA,EALc,wEAMjC,CADmB,CAAA;IAElB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGC,cAAQ,CAAQ,UAAU,CAAC,CAAC;AACtD,IAAA,MAAM,oBAAoB,GAAGC,YAAM,EAAc,CAAC;AAClD,IAAA,MAAM,mBAAmB,GAAGA,YAAM,EAAc,CAAC;IACjD,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAGC,yBAAY,CAAC,KAAK,EAAE;QAClD,eAAe;AACf,QAAA,iBAAiB,EAAE,IAAI;AACvB,QAAA,cAAc,EAAEC,iBAAW,CAAiC,MAAK;;;AAE/D,YAAA,CAAA,EAAA,GAAA,oBAAoB,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,oBAAA,CAAI,CAAC;AACjC,YAAA,oBAAoB,CAAC,OAAO,GAAG,SAAS,CAAC;AACzC,YAAA,CAAA,EAAA,GAAA,mBAAmB,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,mBAAA,CAAI,CAAC;AAChC,YAAA,mBAAmB,CAAC,OAAO,GAAG,SAAS,CAAC;SACzC,EAAE,EAAE,CAAC;AACP,KAAA,CAAC,CAAC;AACH,IAAA,MAAM,EAAE,YAAY,EAAE,GAAGC,kDAAkB,EAAE,CAAC;IAE9C,MAAM,kBAAkB,GAAGD,iBAAW,CACpC,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,KAAI;;;QAE3B,IAAI,oBAAoB,CAAC,OAAO,EAAE;AAChC,YAAA,oBAAoB,CAAC,OAAO,GAAG,SAAS,CAAC;YACzC,UAAU,CAAC,MAAM,EAAE,CAAC;AACrB,SAAA;;AAGD,QAAA,CAAA,EAAA,GAAA,mBAAmB,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,mBAAA,CAAI,CAAC;AAChC,QAAA,mBAAmB,CAAC,OAAO,GAAG,SAAS,CAAC;QAExC,UAAU,KAAA,IAAA,IAAV,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAV,UAAU,CAAG,IAAI,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC;;QAExC,QAAQ,CAAC,UAAU,CAAC,CAAC;;AAGrB,QAAA,IACE,eAAe,CAAC,UAAU,CAAC,KAAK,SAAS;AACzC,YAAA,eAAe,CAAC,qBAAqB,CAAC,KAAK,SAAS,EACpD;AACA,YAAA,QAAQ,KAAR,IAAA,IAAA,QAAQ,KAAR,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,QAAQ,EAAI,CAAC;YACb,OAAO;AACR,SAAA;AACD,QAAA,oBAAoB,CAAC,OAAO,GAAG,QAAQ,CAAC;QACxC,mBAAmB,CAAC,OAAO,GAAG,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZ,YAAY,CAAG,oBAAoB,CAAC,CAAC;KACpE,EACD,CAAC,eAAe,EAAE,UAAU,EAAE,YAAY,EAAE,UAAU,CAAC,CACxD,CAAC;IAEF,MAAM,iBAAiB,GAAGA,iBAAW,CACnC,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,KAAI;;;QAE3B,IAAI,oBAAoB,CAAC,OAAO,EAAE;AAChC,YAAA,oBAAoB,CAAC,OAAO,GAAG,SAAS,CAAC;YACzC,UAAU,CAAC,MAAM,EAAE,CAAC;AACrB,SAAA;;AAGD,QAAA,CAAA,EAAA,GAAA,mBAAmB,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,mBAAA,CAAI,CAAC;AAChC,QAAA,mBAAmB,CAAC,OAAO,GAAG,SAAS,CAAC;QAExC,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAT,SAAS,CAAG,IAAI,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC;;QAEvC,QAAQ,CAAC,SAAS,CAAC,CAAC;;AAGpB,QAAA,IACE,eAAe,CAAC,SAAS,CAAC,KAAK,SAAS;AACxC,YAAA,eAAe,CAAC,qBAAqB,CAAC,KAAK,SAAS,EACpD;AACA,YAAA,QAAQ,KAAR,IAAA,IAAA,QAAQ,KAAR,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,QAAQ,EAAI,CAAC;YACb,OAAO;AACR,SAAA;AACD,QAAA,oBAAoB,CAAC,OAAO,GAAG,QAAQ,CAAC;QACxC,mBAAmB,CAAC,OAAO,GAAG,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZ,YAAY,CAAG,oBAAoB,CAAC,CAAC;KACpE,EACD,CAAC,eAAe,EAAE,UAAU,EAAE,YAAY,EAAE,SAAS,CAAC,CACvD,CAAC;;;;;;AAOF,IAAAE,qBAAe,CAAC,MAAM,gBAAM,OAAA,CAAA,EAAA,GAAA,mBAAmB,CAAC,OAAO,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,mBAAA,CAAA,CAAA,EAAA,EAAE,EAAE,CAAC,CAAC;IAEjE,QACEC,cAAK,CAAA,KAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,sBAAsB,EAAA,EAAA,EAAA,QAAA,EAC9CA,cAAC,CAAAC,kCAAU,oBACL,eAAe,EAAA,EACnB,UAAU,EAAE,kBAAkB,EAC9B,SAAS,EAAE,iBAAiB,EAAA,CAAA,CAC5B,EACE,CAAA,CAAA,EACN;AACJ;;ACpEA;;AAEG;AACa,SAAA,eAAe,CAAuD,EACpF,IAAI,EACJ,eAAe,EACf,QAAQ,EACR,sBAAsB,EACtB,mBAAmB,EACP,EAAA;AACZ;;;;;AAKG;IACH,MAAM,YAAY,GAAGJ,iBAAW,CAC9B,OAAO,IAAc,EAAE,QAAgC,KAAI;AACzD,QAAA,QAAQ,KAAI,mBAAmB,KAAA,IAAA,IAAnB,mBAAmB,KAAnB,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,mBAAmB,CAAG,QAAQ,CAAC,GAAG,EAAE,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA,CAAC;AACxE,KAAC,EACD,CAAC,mBAAmB,CAAC,CACtB,CAAC;AAEF,IAAA,QACEG,cAAA,CAACE,uCAAe,EAAA,MAAA,CAAA,MAAA,CAAA,EAAC,WAAW,EAAEC,eAAQ,EACnC,EAAA,EAAA,QAAA,EAAA,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,MACpBH,cAAC,CAAA,iBAAiB,kBAChB,eAAe,EAAE,eAAe,EAChC,sBAAsB,EAAE,sBAAsB,EAE9C,QAAQ,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,EAClC,QAAQ,EAAE,YAAY,EAAA,EAAA,EAAA,QAAA,EACrB,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAR,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,QAAQ,CAAG,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAHvB,CAAA,EAAA,IAAI,CAAC,GAAG,CAIK,CACrB,CAAC,EAAA,CAAA,CACc,EAClB;AACJ;;;;;;;"}