@oracle/oraclejet-preact 15.0.4 → 15.1.0

package/cjs/BaseButton-490f1a4c.js

@@ -1,174 +0,0 @@
-/* @oracle/oraclejet-preact: 15.0.4 */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-var hooks_UNSAFE_usePress = require('./hooks/UNSAFE_usePress.js');
-var hooks_UNSAFE_useHover = require('./hooks/UNSAFE_useHover.js');
-var hooks_UNSAFE_useActive = require('./hooks/UNSAFE_useActive.js');
-require('./utils/UNSAFE_classNames.js');
-var compat = require('preact/compat');
-
-var utils_UNSAFE_interpolations_dimensions = require('./utils/UNSAFE_interpolations/dimensions.js');
-var utils_UNSAFE_mergeInterpolations = require('./utils/UNSAFE_mergeInterpolations.js');
-require('./utils/PRIVATE_clientHints.js');
-var hooks_UNSAFE_useTabbableMode = require('./hooks/UNSAFE_useTabbableMode.js');
-var utils_UNSAFE_mergeProps = require('./utils/UNSAFE_mergeProps.js');
-var clientHints$1 = require('./clientHints-86a4d2ab.js');
-var classNames = require('./classNames-15680036.js');
-
-const activeStyles = {
-  backgroundImage: 'linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-overlay-active), var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-overlay-active))',
-  borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-active)',
-  color: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active)'
-};
-const hoverStyles = {
-  backgroundImage: 'linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-overlay-hover),var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-overlay-hover))',
-  borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover)',
-  color: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover)'
-};
-const compStyles = {
-  base: "omuyfl",
-  hover: "st4dc8",
-  active: "_1ey7jqv",
-  pseudohover: "qzuyl2",
-  pseudohoverSpan: "_1cidjhl",
-  unstyled: "_18rivnj",
-  min: "_6ted79",
-  fill: "ir90x4",
-  container: "_5ttjt4",
-  embedded: "bcqnsu",
-  noBorderRadiusStart: "_1wfo2dl",
-  noBorderRadiusEnd: "_5qb8y0",
-  disabled: "wdy7kv",
-  bottom: "_11bk3f0"
-};
-const childrenStyles = "_1n0i6hg";
-const interpolations = [...Object.values(utils_UNSAFE_interpolations_dimensions.dimensionInterpolations)];
-const styleInterpolations = utils_UNSAFE_mergeInterpolations.mergeInterpolations(interpolations);
-const clientHints = clientHints$1.getClientHints();
-// :active only works on IOS devices if a touch handler exists
-const iosProps = clientHints.platform === 'ios' ? {
-  ontouchstart: function () {}
-} : {};
-const isHybrid = clientHints$1.getClientHints().hoverSupport === 'events';
-const roleProps = (elType, hidden) => {
-  switch (elType) {
-    case 'link':
-      return {
-        role: 'link'
-      };
-    case 'button':
-      return {};
-    default:
-      return hidden ? {
-        role: 'none'
-      } : {
-        role: 'button'
-      };
-  }
-};
-const BaseButton = compat.forwardRef(({
-  variant = 'outlined',
-  isDisabled = false,
-  isRepeat = false,
-  size = 'md',
-  elementDetails = {
-    type: 'button'
-  },
-  styling = ['default'],
-  edge = 'none',
-  'aria-label': accessibleLabel,
-  'aria-hidden': ariaHidden,
-  'aria-expanded': ariaExpanded,
-  'aria-roledescription': ariaRoledescription,
-  'aria-haspopup': ariaHasPopup,
-  'aria-describedby': ariaDescribedBy,
-  onBlur,
-  onFocus,
-  onMouseEnter,
-  onMouseLeave,
-  onTouchEnd,
-  onTouchStart,
-  ...props
-}, ref) => {
-  const pressHandler = e => {
-    if (props.onAction) {
-      props.onAction({
-        reason: e.type == 'keyup' ? 'keyboard' : 'pointer'
-      });
-    }
-  };
-  const {
-    pressProps
-  } = hooks_UNSAFE_usePress.usePress(pressHandler, {
-    isDisabled,
-    isRepeat
-  });
-  const isStyled = name => {
-    return styling.indexOf(name) > -1;
-  };
-  const {
-    hoverProps,
-    isHover
-  } = hooks_UNSAFE_useHover.useHover({
-    isDisabled: !isHybrid
-  });
-  const {
-    activeProps,
-    isActive
-  } = hooks_UNSAFE_useActive.useActive();
-  const {
-    class: cls,
-    ...styles
-  } = styleInterpolations(props);
-  const {
-    type: elementType = 'button',
-    ...elementProps
-  } = {
-    ...elementDetails
-  };
-  const role = roleProps(elementType, ariaHidden ?? false);
-  const ElementType = elementDetails.type;
-  const isSpan = ElementType == 'span';
-  const isBaseButton = ElementType == 'button';
-  const {
-    isTabbable
-  } = hooks_UNSAFE_useTabbableMode.useTabbableMode();
-  const rootStyles = classNames.classNames([!isStyled('unstyled') && compStyles.base, isStyled('unstyled') && compStyles.unstyled, isStyled('embedded') && compStyles.embedded, isStyled('container') && compStyles.container, isStyled('noBorderRadiusStart') && compStyles.noBorderRadiusStart, isStyled('noBorderRadiusEnd') && compStyles.noBorderRadiusEnd, isStyled('active') && compStyles.active, isStyled('fill') && compStyles.fill, isStyled('min') && compStyles.min, `oj-c-base-button-${variant}`, `oj-c-base-button-${size}`, isDisabled && compStyles.disabled, edge === 'bottom' && compStyles.bottom, !isHybrid && !isSpan && !isActive && compStyles.pseudohover, !isHybrid && isSpan && !isActive && !isDisabled && !isStyled('container') && compStyles.pseudohoverSpan, isHybrid && isHover && !isActive && !isDisabled && !isStyled('container') && compStyles.hover, !isStyled('container') && isActive && !isDisabled && compStyles.active, childrenStyles]);
-  const globalEventProps = {
-    onBlur,
-    onFocus,
-    onMouseEnter,
-    onMouseLeave,
-    onTouchEnd,
-    onTouchStart
-  };
-  const mergedProps = utils_UNSAFE_mergeProps.mergeProps(elementProps, pressProps, iosProps, hoverProps, isStyled('container') ? {} : activeProps, isBaseButton ? {} : {
-    'aria-disabled': isDisabled
-  }, globalEventProps);
-  const wrapperClasses = classNames.classNames([cls, rootStyles]);
-  return jsxRuntime.jsx(ElementType
-  // The ref casting was done to satisfy TS compiler, when the forwardRef had to be updated to ForwardedRef.
-  , {
-    // The ref casting was done to satisfy TS compiler, when the forwardRef had to be updated to ForwardedRef.
-    ref: ref,
-    disabled: isDisabled,
-    class: wrapperClasses,
-    style: styles,
-    autofocus: props['autofocus'],
-    title: props.title,
-    tabIndex: isDisabled || !isTabbable ? -1 : 0,
-    "aria-label": accessibleLabel,
-    "aria-haspopup": ariaHasPopup ? 'menu' : undefined,
-    "aria-describedby": ariaDescribedBy,
-    "aria-hidden": ariaHidden,
-    "aria-roledescription": ariaRoledescription,
-    "aria-expanded": ariaExpanded,
-    ...mergedProps,
-    ...role,
-    children: props.children
-  });
-});
-
-exports.BaseButton = BaseButton;
-//# sourceMappingURL=BaseButton-490f1a4c.js.map

package/cjs/BaseButton-490f1a4c.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseButton-490f1a4c.js","sources":["../../src/UNSAFE_BaseButton/BaseButton.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Vers.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren } from 'preact';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { useActive } from '../hooks/UNSAFE_useActive';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\nexport type ActionDetail = {\n  reason: 'pointer' | 'keyboard';\n};\n\ntype BaseButtonElementDetails =\n  | { type: 'button' }\n  | { type: 'a'; href: string; target?: string; rel?: string }\n  | { type: 'span' };\n\ntype IntrinsicProps = Pick<\n  HTMLAttributesSignalExcluded<HTMLElement>,\n  | 'autofocus'\n  | 'title'\n  | 'onBlur'\n  | 'onFocus'\n  | 'onMouseEnter'\n  | 'onMouseLeave'\n  | 'onTouchEnd'\n  | 'onTouchStart'\n>;\nexport type StylingOptions =\n  | 'default'\n  | 'min'\n  | 'embedded'\n  | 'container'\n  | 'unstyled'\n  | 'fill'\n  | 'noBorderRadiusEnd'\n  | 'noBorderRadiusStart'\n  | 'active';\n\ntype AriaProps = {\n  'aria-hidden'?: boolean;\n  'aria-expanded'?: boolean;\n  'aria-roledescription'?: string;\n  'aria-describedby'?: string;\n  'aria-haspopup'?: string;\n};\n\nexport type Props = IntrinsicProps &\n  AriaProps &\n  DimensionProps & {\n    /**\n     *The default slot is the button's text label. The oj-c-base-button element accepts plain text or DOM nodes as children for the default slot.\"\n     */\n    children?: ComponentChildren;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * Specifies if repeated events are dispatched for key or pointer held down\n     */\n    isRepeat?: boolean;\n\n    /**\n     *\n     * Indicates in what states the button has chrome (background and border).\n     *     \"ghost\": \"Ghost buttons are the least prominent variation.  Ghost buttons are\n     * useful for performing low-priority tasks, such as manipulating the UI.\",\n     *     \"borderless\"': \"Borderless buttons are a more prominent variation. Borderless\n     * buttons are useful for supplemental actions that require minimal emphasis.\",\n     *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n     * solid buttons. Outlined buttons are useful for secondary actions.\",\n     *     \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n     *  most important actions in the UI.\",\n     *     \"callToAction\"': \"A Call To Action (CTA) button guides the user to take or\n     * complete the action that is the main goal of the page or page section. There\n     * should only be one CTA button on a page at any given time.\",\n     *     \"danger\"': \"A Danger button alerts the user to a dangerous situation.\"\n     */\n    variant?: 'ghost' | 'borderless' | 'outlined' | 'solid' | 'callToAction' | 'danger';\n\n    /**\n     * The size indicates how large the button is rendered: 'xs', \"sm\", \"md\" (default), \"lg\".\n     */\n    size?: 'xs' | 'sm' | 'md' | 'lg';\n\n    /**\n     * Edge can be used to specify that the button is intended to go at the bottom of\n     * a region, stretching from left to right: \"bottom\" or \"none\" (default).\n     */\n    edge?: 'none' | 'bottom';\n\n    /**\n     * The aria-label is used to provide guidance for screen readers.\n     */\n    'aria-label'?: string;\n\n    /**\n     * Styling can be used for customizing buttons by removing label padding (\"min\") or\n     * removing all styling (\"unstyled\").\n     */\n    styling?: StylingOptions[];\n\n    /**\n     * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n     */\n    onAction?: (details: ActionDetail) => void;\n\n    /**\n     * Indicate element type and associated details\n     */\n    elementDetails?: BaseButtonElementDetails;\n  };\n\nconst activeStyles = {\n  backgroundImage:\n    'linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-overlay-active), var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-overlay-active))',\n  borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-active)',\n  color: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-active)'\n};\n\nconst hoverStyles = {\n  backgroundImage:\n    'linear-gradient(var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-overlay-hover),var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-overlay-hover))',\n  borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-hover)',\n  color: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-hover)'\n};\n\nconst compStyles = {\n  base: cssProps`${{\n    alignItems: 'center',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color)',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color)',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-radius)',\n    borderStyle: 'solid',\n    borderWidth: '1px',\n    boxSizing: 'border-box',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color)',\n    cursor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable)',\n    display: 'inline-block',\n    fontFamily: 'inherit',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-font-weight)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-height)',\n    justifyContent: 'center',\n    minWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-height)',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    paddingInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding)',\n    paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding)',\n    paddingTop: 0,\n    paddingBottom: 0,\n    pointerEvents: 'auto',\n    textOverflow: 'ellipsis',\n    verticalAlign: 'top',\n    WebkitTapHighlightColor: 'rgba(0,0,0,0)',\n    whiteSpace: 'nowrap',\n\n    // @ts-ignore\n    '&:active': activeStyles,\n\n    '&:focus-visible': {\n      outlineStyle: 'dotted',\n      outlineOffset: '1px',\n      outlineWidth: '1px',\n      outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)'\n    }\n  }}`,\n\n  hover: cssProps`${{\n    // @ts-ignore\n    '&:not(:active)': hoverStyles\n  }}`,\n\n  active: cssProps`${activeStyles}`,\n\n  pseudohover: cssProps`${{\n    // @ts-ignore\n    '@media(hover: hover)': {\n      '&:hover:enabled:not(:active)': hoverStyles\n    }\n  }}`,\n\n  pseudohoverSpan: cssProps`${{\n    // @ts-ignore\n    '@media(hover: hover)': {\n      '&:hover:not(:active)': hoverStyles\n    }\n  }}`,\n\n  unstyled: cssProps`${{\n    boxSizing: 'border-box',\n    cursor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-height)'\n  }}`,\n\n  min: cssProps`${{\n    paddingInlineStart: '0',\n    paddingInlineEnd: '0'\n  }}`,\n\n  fill: cssProps`${{\n    width: '100%'\n  }}`,\n\n  container: cssProps`\n   ${{\n     backgroundColor: 'transparent',\n     borderStyle: 'hidden',\n     cursor: 'none',\n     display: 'flex',\n     '&:active': {\n       backgroundColor: 'transparent',\n       borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color)'\n     }\n   }}\n `,\n\n  embedded: cssProps`\n   ${{\n     height: '100%',\n     display: 'flex',\n     '&:focus-visible': {\n       outlineStyle: 'none'\n     }\n   }}\n `,\n\n  noBorderRadiusStart: cssProps`\n ${{\n   borderStartStartRadius: 0,\n   borderEndStartRadius: 0,\n   borderInlineStartWidth: '0px'\n }}\n `,\n\n  noBorderRadiusEnd: cssProps`\n ${{\n   borderEndEndRadius: 0,\n   borderStartEndRadius: 0,\n   borderInlineEndWidth: '0px'\n }}\n `,\n\n  disabled: cssProps`${{\n    pointerEvents: 'none',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-disabled)',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-disabled)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-disabled)'\n  }}`,\n\n  bottom: cssProps`${{\n    borderLeftWidth: '0',\n    borderRightWidth: '0',\n    borderBlockEndWidth: '0',\n    width: '100%',\n    borderTopLeftRadius: '0',\n    borderTopRightRadius: '0'\n  }}`\n};\n\nconst childrenStyles = cssProps`${{\n  /* @ts-ignore */\n  '& > *': {\n    marginTop: '0 !important',\n    marginBottom: '0 !important',\n    marginLeft: '0 !important',\n    marginRight: '0 !important'\n  }\n}}`;\n\nconst interpolations = [...Object.values(dimensionInterpolations)];\n\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\nconst clientHints = getClientHints();\n// :active only works on IOS devices if a touch handler exists\nconst iosProps = clientHints.platform === 'ios' ? { ontouchstart: function () {} } : {};\nconst isHybrid = getClientHints().hoverSupport === 'events';\n\nconst roleProps = (\n  elType: string,\n  hidden: boolean\n): { role?: HTMLAttributesSignalExcluded['role'] } => {\n  switch (elType) {\n    case 'link':\n      return { role: 'link' };\n    case 'button':\n      return {};\n    default:\n      return hidden ? { role: 'none' } : { role: 'button' };\n  }\n};\n\nexport const BaseButton = forwardRef(\n  (\n    {\n      variant = 'outlined',\n      isDisabled = false,\n      isRepeat = false,\n      size = 'md',\n      elementDetails = { type: 'button' },\n      styling = ['default'],\n      edge = 'none',\n      'aria-label': accessibleLabel,\n      'aria-hidden': ariaHidden,\n      'aria-expanded': ariaExpanded,\n      'aria-roledescription': ariaRoledescription,\n      'aria-haspopup': ariaHasPopup,\n      'aria-describedby': ariaDescribedBy,\n      onBlur,\n      onFocus,\n      onMouseEnter,\n      onMouseLeave,\n      onTouchEnd,\n      onTouchStart,\n      ...props\n    }: Props,\n    ref?:\n      | ForwardedRef<HTMLButtonElement>\n      | ForwardedRef<HTMLAnchorElement>\n      | ForwardedRef<HTMLSpanElement>\n  ) => {\n    const pressHandler = (e: Event) => {\n      if (props.onAction) {\n        props.onAction({\n          reason: e.type == 'keyup' ? 'keyboard' : 'pointer'\n        });\n      }\n    };\n\n    const { pressProps } = usePress(pressHandler, {\n      isDisabled,\n      isRepeat\n    });\n    const isStyled = (name: StylingOptions) => {\n      return styling.indexOf(name) > -1;\n    };\n    const { hoverProps, isHover } = useHover({ isDisabled: !isHybrid });\n    const { activeProps, isActive } = useActive();\n    const { class: cls, ...styles } = styleInterpolations(props);\n    const { type: elementType = 'button', ...elementProps } = { ...elementDetails };\n    const role = roleProps(elementType, ariaHidden ?? false);\n    const ElementType = elementDetails.type;\n    const isSpan = ElementType == 'span';\n    const isBaseButton = ElementType == 'button';\n    const { isTabbable } = useTabbableMode();\n    const rootStyles = classNames([\n      !isStyled('unstyled') && compStyles.base,\n      isStyled('unstyled') && compStyles.unstyled,\n      isStyled('embedded') && compStyles.embedded,\n      isStyled('container') && compStyles.container,\n      isStyled('noBorderRadiusStart') && compStyles.noBorderRadiusStart,\n      isStyled('noBorderRadiusEnd') && compStyles.noBorderRadiusEnd,\n      isStyled('active') && compStyles.active,\n      isStyled('fill') && compStyles.fill,\n      isStyled('min') && compStyles.min,\n      `oj-c-base-button-${variant}`,\n      `oj-c-base-button-${size}`,\n      isDisabled && compStyles.disabled,\n      edge === 'bottom' && compStyles.bottom,\n      !isHybrid && !isSpan && !isActive && compStyles.pseudohover,\n      !isHybrid &&\n        isSpan &&\n        !isActive &&\n        !isDisabled &&\n        !isStyled('container') &&\n        compStyles.pseudohoverSpan,\n      isHybrid && isHover && !isActive && !isDisabled && !isStyled('container') && compStyles.hover,\n      !isStyled('container') && isActive && !isDisabled && compStyles.active,\n      childrenStyles\n    ]);\n\n    const globalEventProps = {\n      onBlur,\n      onFocus,\n      onMouseEnter,\n      onMouseLeave,\n      onTouchEnd,\n      onTouchStart\n    };\n\n    const mergedProps = mergeProps(\n      elementProps,\n      pressProps,\n      iosProps,\n      hoverProps,\n      isStyled('container') ? {} : activeProps,\n      isBaseButton ? {} : { 'aria-disabled': isDisabled },\n      globalEventProps\n    );\n\n    const wrapperClasses = classNames([cls, rootStyles]);\n\n    return (\n      <ElementType\n        // The ref casting was done to satisfy TS compiler, when the forwardRef had to be updated to ForwardedRef.\n        ref={\n          ref as ForwardedRef<HTMLButtonElement> &\n            ForwardedRef<HTMLAnchorElement> &\n            ForwardedRef<HTMLSpanElement>\n        }\n        disabled={isDisabled}\n        class={wrapperClasses}\n        style={styles}\n        autofocus={props['autofocus']}\n        title={props.title}\n        tabIndex={isDisabled || !isTabbable ? -1 : 0}\n        aria-label={accessibleLabel}\n        aria-haspopup={ariaHasPopup ? 'menu' : undefined}\n        aria-describedby={ariaDescribedBy}\n        aria-hidden={ariaHidden}\n        aria-roledescription={ariaRoledescription}\n        aria-expanded={ariaExpanded}\n        {...mergedProps}\n        {...role}>\n        {props.children}\n      </ElementType>\n    );\n  }\n);\n"],"names":["activeStyles","backgroundImage","borderColor","color","hoverStyles","compStyles","active","childrenStyles","interpolations","Object","values","dimensionInterpolations","styleInterpolations","mergeInterpolations","clientHints","getClientHints","iosProps","platform","ontouchstart","isHybrid","hoverSupport","roleProps","elType","hidden","role","BaseButton","forwardRef","variant","isDisabled","isRepeat","size","elementDetails","type","styling","edge","accessibleLabel","ariaHidden","ariaExpanded","ariaRoledescription","ariaHasPopup","ariaDescribedBy","onBlur","onFocus","onMouseEnter","onMouseLeave","onTouchEnd","onTouchStart","props","ref","pressHandler","e","reason","pressProps","usePress","isStyled","name","hoverProps","isHover","useHover","class","cls","styles","elementType","elementProps","ElementType","isSpan","isBaseButton","isTabbable","useTabbableMode","base","unstyled","embedded","container","noBorderRadiusStart","noBorderRadiusEnd","fill","min","bottom","isActive","pseudohoverSpan","hover","globalEventProps","mergedProps","mergeProps","activeProps","disabled","wrapperClasses","style","autofocus","title","tabIndex","undefined","children"],"mappings":"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"}

package/cjs/Button-20e0d735.js

@@ -1,21 +0,0 @@
-/* @oracle/oraclejet-preact: 15.0.4 */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-require('./UNSAFE_BaseButton.js');
-require('./UNSAFE_ButtonLayout.js');
-var compat = require('preact/compat');
-var ButtonLayout = require('./ButtonLayout-7aab4522.js');
-var BaseButton = require('./BaseButton-490f1a4c.js');
-
-/**
- * A button is a pressable element that invokes an action.
- */
-const Button = compat.forwardRef(({ variant = 'outlined', isDisabled = false, isRepeat = false, size = 'md', display = 'all', endIcon, startIcon, autofocus, edge, onAction, label = '', 'aria-label': accessibleLabel, 'aria-describedby': ariaDescribedBy, width, onBlur, onFocus, onMouseEnter, onMouseLeave, onTouchEnd, onTouchStart }, ref) => {
-    const labelOnly = (!startIcon && !endIcon) || display === 'label';
-    const content = labelOnly ? (label) : (jsxRuntime.jsx(ButtonLayout.ButtonLayout, { display: display, startIcon: startIcon, endIcon: endIcon, size: size, children: label }));
-    return (jsxRuntime.jsx(BaseButton.BaseButton, { ref: ref, isDisabled: isDisabled, isRepeat: isRepeat, size: size, width: width, autofocus: autofocus, edge: edge, variant: variant, styling: [labelOnly ? 'default' : 'min'], onAction: onAction, "aria-label": accessibleLabel ?? label, "aria-describedby": ariaDescribedBy, onBlur: onBlur, onFocus: onFocus, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onTouchEnd: onTouchEnd, onTouchStart: onTouchStart, children: content }));
-});
-
-exports.Button = Button;
-//# sourceMappingURL=Button-20e0d735.js.map

package/cjs/Button-20e0d735.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button-20e0d735.js","sources":["../../src/UNSAFE_Button/Button.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, ComponentProps, Ref } from 'preact';\nimport { BaseButton } from '../UNSAFE_BaseButton';\nimport { ButtonLayout } from '../UNSAFE_ButtonLayout';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { forwardRef } from 'preact/compat';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<\n  HTMLAttributesSignalExcluded<HTMLElement>,\n  | 'autofocus'\n  | 'onBlur'\n  | 'onFocus'\n  | 'onMouseEnter'\n  | 'onMouseLeave'\n  | 'onTouchEnd'\n  | 'onTouchStart'\n>;\n\ntype WidthProps = Pick<DimensionProps, 'width'>;\n\ntype Props = IntrinsicProps &\n  WidthProps & {\n    /**\n     * The startIcon is the button's start icon.\n     */\n    startIcon?: ComponentChildren;\n\n    /**\n     * The endIcon is the button's end icon.\n     */\n    endIcon?: ComponentChildren;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * Specifies if repeated events are dispatched for key or pointer held down\n     */\n    isRepeat?: boolean;\n\n    /**\n     * label - button label, used for accessibility if no override\n     */\n    label?: string;\n\n    /**\n     * aria-label - override label for accessibility\n     */\n    'aria-label'?: string;\n\n    /**\n     * Indicates in what states the button has chrome (background and border).\n     *     \"ghost\": \"Ghost buttons are the least prominent variation. Ghost buttons are\n     * useful for performing low-priority tasks, such as manipulating the UI.\",\n     *     \"borderless\"': \"Borderless buttons are a more prominent variation. Borderless\n     * buttons are useful for supplemental actions that require minimal emphasis.\",\n     *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n     * solid buttons. Outlined buttons are useful for secondary actions.\",\n     *     \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n     *  most important actions in the UI.\",\n     *     \"callToAction\"': \"A Call To Action (CTA) button guides the user to take or\n     * complete the action that is the main goal of the page or page section. There\n     * should only be one CTA button on a page at any given time.\",\n     *     \"danger\"': \"A Danger button alerts the user to a dangerous situation.\"\n     */\n    variant?: ComponentProps<typeof BaseButton>['variant'];\n\n    /**\n     * The size indicates how large the button is rendered.\n     */\n    size?: 'sm' | 'md' | 'lg';\n\n    /**\n     * Edge can be used to specify that the button is intended to go at the bottom of\n     * a region, stretching from left to right.\n     */\n    edge?: ComponentProps<typeof BaseButton>['edge'];\n\n    /**\n     * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n     */\n    onAction?: () => void | null;\n\n    /**\n     * Display indicates whether only the label or all elements should be rendered by the button.\n     */\n    display?: 'label' | 'all';\n\n    /**\n     * The ID of an element (or space separated IDs of multiple elements) that\n     * describes the button.\n     */\n    'aria-describedby'?: string;\n  };\n/**\n * A button is a pressable element that invokes an action.\n */\nexport const Button = forwardRef(\n  (\n    {\n      variant = 'outlined',\n      isDisabled = false,\n      isRepeat = false,\n      size = 'md',\n      display = 'all',\n      endIcon,\n      startIcon,\n      autofocus,\n      edge,\n      onAction,\n      label = '',\n      'aria-label': accessibleLabel,\n      'aria-describedby': ariaDescribedBy,\n      width,\n      onBlur,\n      onFocus,\n      onMouseEnter,\n      onMouseLeave,\n      onTouchEnd,\n      onTouchStart\n    }: Props,\n    ref?: Ref<HTMLButtonElement>\n  ) => {\n    const labelOnly = (!startIcon && !endIcon) || display === 'label';\n    const content = labelOnly ? (\n      label\n    ) : (\n      <ButtonLayout display={display} startIcon={startIcon} endIcon={endIcon} size={size}>\n        {label}\n      </ButtonLayout>\n    );\n    return (\n      <BaseButton\n        ref={ref as Ref<HTMLButtonElement> & Ref<HTMLAnchorElement> & Ref<HTMLSpanElement>}\n        isDisabled={isDisabled}\n        isRepeat={isRepeat}\n        size={size}\n        width={width}\n        autofocus={autofocus}\n        edge={edge}\n        variant={variant}\n        styling={[labelOnly ? 'default' : 'min']}\n        onAction={onAction}\n        aria-label={accessibleLabel ?? label}\n        aria-describedby={ariaDescribedBy}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        onTouchEnd={onTouchEnd}\n        onTouchStart={onTouchStart}>\n        {content}\n      </BaseButton>\n    );\n  }\n);\n"],"names":["forwardRef","_jsx","ButtonLayout","BaseButton"],"mappings":";;;;;;;;;;AAuGA;;AAEG;AACI,MAAM,MAAM,GAAGA,iBAAU,CAC9B,CACE,EACE,OAAO,GAAG,UAAU,EACpB,UAAU,GAAG,KAAK,EAClB,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,KAAK,EACf,OAAO,EACP,SAAS,EACT,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,YAAY,EAAE,eAAe,EAC7B,kBAAkB,EAAE,eAAe,EACnC,KAAK,EACL,MAAM,EACN,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,YAAY,EACN,EACR,GAA4B,KAC1B;AACF,IAAA,MAAM,SAAS,GAAG,CAAC,CAAC,SAAS,IAAI,CAAC,OAAO,KAAK,OAAO,KAAK,OAAO,CAAC;AAClE,IAAA,MAAM,OAAO,GAAG,SAAS,IACvB,KAAK,KAELC,cAAA,CAACC,yBAAY,EAAC,EAAA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAA,QAAA,EAC/E,KAAK,EAAA,CACO,CAChB,CAAC;AACF,IAAA,QACED,cAAC,CAAAE,qBAAU,IACT,GAAG,EAAE,GAA6E,EAClF,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,CAAC,SAAS,GAAG,SAAS,GAAG,KAAK,CAAC,EACxC,QAAQ,EAAE,QAAQ,EAAA,YAAA,EACN,eAAe,IAAI,KAAK,sBAClB,eAAe,EACjC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,YACzB,OAAO,EAAA,CACG,EACb;AACJ,CAAC;;;;"}

package/cjs/ButtonLayout-7aab4522.js

@@ -1,67 +0,0 @@
-/* @oracle/oraclejet-preact: 15.0.4 */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-
-require('./utils/UNSAFE_classNames.js');
-require('./UNSAFE_Text.js');
-var classNames = require('./classNames-15680036.js');
-var Text = require('./Text-11bf3716.js');
-
-const compStyles = {
-  text: "_17rx7xi",
-  suffix: "w1qheo",
-  icon: "_96uomk",
-  startText: "aa8jej",
-  endText: "wnzccw",
-  startIcon: "nuu6sw",
-  startIconWhenBothIconsOnly: "_1bg331n",
-  endIcon: "xi1071",
-  label: "_1nwpqy8"
-};
-const isNullOrUndefined = value => {
-  return value === null || value === undefined;
-};
-function ButtonLayout({
-  size = 'md',
-  display = 'all',
-  styling = 'default',
-  ...props
-}) {
-  const showIcons = display === 'all' || display === 'icons';
-  const showText = display === 'all' || display === 'label';
-  const labelClass = compStyles.label;
-  const isOnlyIcon = props.startIcon && (display === 'icons' || !props.children) && !props.endIcon;
-  const isEmbedded = styling === 'embedded';
-  const textStartIcon = !isNullOrUndefined(props.startIcon) && display === 'all';
-  const textEndIcon = !isNullOrUndefined(props.endIcon) && display === 'all';
-  const isTwoIcons = !isNullOrUndefined(props.startIcon) && !isNullOrUndefined(props.endIcon);
-  const isTwoIconsOnly = isTwoIcons && display === 'icons';
-  const endIconClass = `${compStyles.icon} oj-c-button-layout-${size} ${compStyles.endIcon}`;
-  const startIconStyles = classNames.classNames([compStyles.icon, isEmbedded ? `oj-c-button-layout-embedded-${size}` : `oj-c-button-layout-${size}`, !isOnlyIcon && compStyles.startIcon, isTwoIconsOnly && compStyles.startIconWhenBothIconsOnly]);
-  const textStyles = classNames.classNames([compStyles.text, textStartIcon && !props.suffix && !isTwoIcons && compStyles.endText, textEndIcon && !isTwoIcons && compStyles.startText]);
-  const suffixStyles = classNames.classNames([compStyles.suffix, textStartIcon && !isTwoIcons && compStyles.endText]);
-  return jsxRuntime.jsxs("span", {
-    class: labelClass,
-    children: [showIcons && props.startIcon && jsxRuntime.jsx("span", {
-      class: startIconStyles,
-      children: props.startIcon
-    }), showText && props.children && jsxRuntime.jsxs("span", {
-      class: textStyles,
-      children: [" ", props.children, " "]
-    }), showText && props.suffix && jsxRuntime.jsx("span", {
-      class: suffixStyles,
-      children: jsxRuntime.jsx(Text.Text, {
-        truncation: 'ellipsis',
-        weight: 'inherit',
-        children: props.suffix
-      })
-    }), showIcons && props.endIcon && jsxRuntime.jsx("span", {
-      class: endIconClass,
-      children: props.endIcon
-    })]
-  });
-}
-
-exports.ButtonLayout = ButtonLayout;
-//# sourceMappingURL=ButtonLayout-7aab4522.js.map

package/cjs/ButtonLayout-7aab4522.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonLayout-7aab4522.js","sources":["../../src/UNSAFE_ButtonLayout/ButtonLayout.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, ComponentProps } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { BaseButton } from '../UNSAFE_BaseButton';\nimport { Text } from '../UNSAFE_Text';\n\nexport type ButtonDisplay = 'icons' | 'label' | 'all';\n\nexport type Props = {\n  /**\n   *The default slot is the button's text label. The oj-c-button element accepts plain text or DOM nodes as children for the default slot.\"\n   */\n  children?: ComponentChildren;\n\n  /**\n   *The suffix is appended to the text label, used for menu buttons.\n   */\n  suffix?: string;\n\n  /**\n   * The startIcon is the button's start icon.\n   */\n  startIcon?: ComponentChildren;\n\n  /**\n   * The endIcon is the button's end icon.\n   */\n  endIcon?: ComponentChildren;\n\n  /**\n   * Styling can be used for customizing icon layout by limiting padding (\"embedded\")\n   */\n  styling?: 'default' | 'embedded';\n\n  /**\n   * The size indicates how large the button is rendered.\n   */\n  size?: ComponentProps<typeof BaseButton>['size'];\n\n  /**\n   * Display indicates whether the label, the icons, or all elements should be rendered by the button.\n   */\n  display?: ButtonDisplay;\n};\n\nexport const compStyles = {\n  text: cssProps`\n    ${{\n      overflowX: 'hidden',\n      overflowY: 'hidden',\n      textOverflow: 'ellipsis',\n      whiteSpace: 'nowrap',\n      display: 'inline-block'\n    }}\n  `,\n  suffix: cssProps`\n    ${{\n      fontWeight: '300',\n      overflowX: 'hidden',\n      overflowY: 'hidden',\n      textOverflow: 'ellipsis',\n      whiteSpace: 'nowrap',\n      marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)',\n      display: 'inline-flex'\n    }}\n  `,\n\n  icon: cssProps`\n    ${{\n      display: 'inline-flex',\n      fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-size)',\n      fontWeight: 'normal',\n      marginTop: 0,\n      marginBottom: 0\n    }}\n  `,\n\n  startText: cssProps`\n    ${{\n      marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding)'\n    }}\n  `,\n\n  endText: cssProps`\n    ${{\n      marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding)'\n    }}\n  `,\n\n  startIcon: cssProps`\n  ${{\n    marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding)',\n    marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding)'\n  }}\n`,\n\n  startIconWhenBothIconsOnly: cssProps`\n  ${{\n    marginInlineEnd: 0,\n    marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding)'\n  }}\n  `,\n\n  endIcon: cssProps`\n  ${{\n    marginInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-text-padding)',\n    marginInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-button-icon-to-edge-padding)'\n  }}\n`,\n\n  label: cssProps`\n    ${{\n      cursor: 'inherit',\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      width: '100%',\n      height: '100%'\n    }}\n  `\n};\n\nconst isNullOrUndefined = (\n  value: ComponentChildren | null | undefined\n): value is null | undefined => {\n  return value === null || value === undefined;\n};\n\nexport function ButtonLayout({\n  size = 'md',\n  display = 'all',\n  styling = 'default',\n  ...props\n}: Props) {\n  const showIcons = display === 'all' || display === 'icons';\n  const showText = display === 'all' || display === 'label';\n  const labelClass = compStyles.label;\n  const isOnlyIcon = props.startIcon && (display === 'icons' || !props.children) && !props.endIcon;\n  const isEmbedded = styling === 'embedded';\n  const textStartIcon = !isNullOrUndefined(props.startIcon) && display === 'all';\n  const textEndIcon = !isNullOrUndefined(props.endIcon) && display === 'all';\n  const isTwoIcons = !isNullOrUndefined(props.startIcon) && !isNullOrUndefined(props.endIcon);\n  const isTwoIconsOnly = isTwoIcons && display === 'icons';\n\n  const endIconClass = `${compStyles.icon} oj-c-button-layout-${size} ${compStyles.endIcon}`;\n  const startIconStyles = classNames([\n    compStyles.icon,\n    isEmbedded ? `oj-c-button-layout-embedded-${size}` : `oj-c-button-layout-${size}`,\n    !isOnlyIcon && compStyles.startIcon,\n    isTwoIconsOnly && compStyles.startIconWhenBothIconsOnly\n  ]);\n  const textStyles = classNames([\n    compStyles.text,\n    textStartIcon && !props.suffix && !isTwoIcons && compStyles.endText,\n    textEndIcon && !isTwoIcons && compStyles.startText\n  ]);\n  const suffixStyles = classNames([\n    compStyles.suffix,\n    textStartIcon && !isTwoIcons && compStyles.endText\n  ]);\n\n  return (\n    <span class={labelClass}>\n      {showIcons && props.startIcon && <span class={startIconStyles}>{props.startIcon}</span>}\n      {showText && props.children && <span class={textStyles}> {props.children} </span>}\n      {showText && props.suffix && (\n        <span class={suffixStyles}>\n          <Text truncation={'ellipsis'} weight={'inherit'}>\n            {props.suffix}\n          </Text>\n        </span>\n      )}\n      {showIcons && props.endIcon && <span class={endIconClass}>{props.endIcon}</span>}\n    </span>\n  );\n}\n"],"names":["compStyles","isNullOrUndefined","value","undefined","ButtonLayout","size","display","styling","props","labelClass","label","isEmbedded","textStartIcon","startIcon","textEndIcon","endIcon","isTwoIcons","isTwoIconsOnly","endIconClass","icon","isOnlyIcon","text","startText","suffix","endText","_jsxs","class","children","showIcons","_jsx","startIconStyles","showText","textStyles","suffixStyles","Text","truncation","weight"],"mappings":";;;;;;;;;;AAoDA,MAAAA,UAAA,GAAA;QASG,UAAA;UAWA,QAAA;QAUA,SAAA;aAMA,QAAA;WAMA,QAAA;aAOF,QAAA;8BAOE,UAAA;WAOF,QAAA;;;AAcD,MAAAC,iBAAA,GAAAC,KAAA,IAAA;AAGE,EAAA,OAAAA,KAAA,KAAA,IAAA,IAAAA,KAAA,KAAAC,SAAA,CAAA;AACF,CAAA,CAAA;AAEA,SAAAC,YAAAA,CAAA;AAAAC,EAAAA,IAAA,GAAA,IAAA;AAAAC,EAAAA,OAAA,GAAA,KAAA;AAAAC,EAAAA,OAAA,GAAA,SAAA;EAAA,GAAAC,KAAAA;AAAA,CAAA,EAAA;;;AAQE,EAAA,MAAAC,UAAA,GAAAT,UAAA,CAAAU,KAAA,CAAA;;AAEA,EAAA,MAAAC,UAAA,GAAAJ,OAAA,KAAA,UAAA,CAAA;AACA,EAAA,MAAAK,aAAA,GAAA,CAAAX,iBAAA,CAAAO,KAAA,CAAAK,SAAA,CAAA,IAAAP,OAAA,KAAA,KAAA,CAAA;AACA,EAAA,MAAAQ,WAAA,GAAA,CAAAb,iBAAA,CAAAO,KAAA,CAAAO,OAAA,CAAA,IAAAT,OAAA,KAAA,KAAA,CAAA;AACA,EAAA,MAAAU,UAAA,GAAA,CAAAf,iBAAA,CAAAO,KAAA,CAAAK,SAAA,CAAA,IAAA,CAAAZ,iBAAA,CAAAO,KAAA,CAAAO,OAAA,CAAA,CAAA;AACA,EAAA,MAAAE,cAAA,GAAAD,UAAA,IAAAV,OAAA,KAAA,OAAA,CAAA;AAEA,EAAA,MAAAY,YAAA,GAAA,CAAAlB,EAAAA,UAAA,CAAAmB,IAAA,CAAAd,oBAAAA,EAAAA,IAAA,CAAAL,CAAAA,EAAAA,UAAA,CAAAe,OAAA,CAAA,CAAA,CAAA;iDAEEf,UAAA,CAAAmB,IAAA,qFAEA,CAAAC,UAAA,IAAApB,UAAA,CAAAa,SAAA,0DAED,CAAA,CAAA;4CAECb,UAAA,CAAAqB,IAAA,uEAEAP,WAAA,IAAA,CAAAE,UAAA,IAAAhB,UAAA,CAAAsB,SAAA,CACD,CAAA,CAAA;8CAECtB,UAAA,CAAAuB,MAAA,EACAX,aAAA,IAAA,CAAAI,UAAA,IAAAhB,UAAA,CAAAwB,OAAA,CACD,CAAA,CAAA;EAED,OAAAC,eAAA,CAAA,MAAA,EAAA;AAAAC,IAAAA,KAAA,EAAAjB,UAAA;IAAAkB,QAAA,EAAA,CAAAC,SAAA,IAAApB,KAAA,CAAAK,SAAA,IAAAgB,cAAA,CAAA,MAAA,EAAA;AAAAH,MAAAA,KAAA,EAAAI,eAAA;MAAAH,QAAA,EAAAnB,KAAA,CAAAK,SAAAA;KAAA,CAAA,EAAAkB,QAAA,IAAAvB,KAAA,CAAAmB,QAAA,IAAAF,eAAA,CAAA,MAAA,EAAA;AAAAC,MAAAA,KAAA,EAAAM,UAAA;MAAAL,QAAA,EAAA,CAAA,GAAA,EAAAnB,KAAA,CAAAmB,QAAA,EAAA,GAAA,CAAA;KAAA,CAAA,EAAAI,QAAA,IAAAvB,KAAA,CAAAe,MAAA,IAAAM,cAAA,CAAA,MAAA,EAAA;AAAAH,MAAAA,KAAA,EAAAO,YAAA;AAAAN,MAAAA,QAAA,EAAAE,cAAA,CAAAK,SAAA,EAAA;AAAAC,QAAAA,UAAA,EAAA,UAAA;AAAAC,QAAAA,MAAA,EAAA,SAAA;QAAAT,QAAA,EAAAnB,KAAA,CAAAe,MAAAA;OAAA,CAAA;KAAA,CAAA,EAAAK,SAAA,IAAApB,KAAA,CAAAO,OAAA,IAAAc,cAAA,CAAA,MAAA,EAAA;AAAAH,MAAAA,KAAA,EAAAR,YAAA;MAAAS,QAAA,EAAAnB,KAAA,CAAAO,OAAAA;AAAA,KAAA,CAAA,CAAA;AAAA,GAAA,CAAA,CAAA;AAcF;;;;"}