@oracle/oraclejet-preact 14.0.7 → 14.0.9

package/{cjs/TextFieldInput-f2f3f0a0.js.map → amd/TextFieldInput-415fbe3b.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TextFieldInput-f2f3f0a0.js","sources":["../../src/UNSAFE_TextField/TextFieldUtils.ts","../../src/UNSAFE_TextField/TextFieldInput.tsx"],"sourcesContent":["import { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\nconst textFieldStyles = {\n  base: cssProps`${{\n    display: 'inline-block',\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height)',\n    maxWidth: '100%',\n    width: '100%',\n    boxSizing: 'border-box'\n  }}`,\n\n  embedded: cssProps`${{\n    height: '100%'\n  }}`,\n\n  nonReadonly: cssProps`${{\n    fontWeight: '400',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-font-size)'\n  }}`\n};\n\nconst readonlyStyles = {\n  base: cssProps`${{\n    fontWeight: 'var(--oj-form-control-font-weight-read-only)',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size)',\n    position: 'relative',\n    borderStyle: 'solid',\n    transitionProperty: 'border-color',\n    transitionDuration: '0.1s',\n    transitionTimingFunction: 'linear',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-radius)',\n    flexDirection: 'row',\n    alignItems: 'center',\n    maxWidth: '100%',\n    width: '100%',\n    boxSizing: 'border-box'\n  }}`,\n\n  insideEnabledForm: cssProps`${{\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    borderWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-width)',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color-disabled)',\n    backgroundColor: 'transparent',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height)',\n    minWidth: '1em',\n    display: 'inline-flex',\n    flex: '1'\n  }}`,\n\n  textarea: cssProps`${{\n    height: 'auto'\n  }}`,\n\n  insideEnabledFormLabelInside: cssProps`${{\n    minHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height)'\n  }}`,\n\n  notInsideEnabledForm: cssProps`${{\n    overflowX: 'visible',\n    overflowY: 'visible',\n    borderWidth: '0',\n    backgroundColor: 'transparent',\n    height: 'auto'\n  }}`,\n\n  textareaNotInsideEnabledForm: cssProps`${{\n    paddingTop: '0',\n    paddingBottom: '0'\n  }}`\n};\n\n//Consolidating all loading styles on form elements here\nexport const loadingStyles = cssProps`${{\n  backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-animation-skeleton-bg-end-color)',\n  backgroundSize: '200% 200%',\n  borderWidth: '0',\n  // need to use a var for the animation name because otherwise linaria will obfuscate it\n  // and make it different from the actual keyframes name\n  animationName: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-preact-text-field-animation-name-skeleton)',\n  animationIterationCount: 'infinite',\n  animationDirection: 'alternate',\n  animationDuration: '1.5s',\n  opacity: '1'\n}}`;\n\nexport const getTextFieldClasses = (readonly?: boolean, variant?: 'default' | 'embedded') => {\n  return classNames([\n    textFieldStyles.base,\n    variant === 'embedded' && textFieldStyles.embedded,\n    !readonly && textFieldStyles.nonReadonly\n  ]);\n};\n\nexport const getReadonlyClasses = (\n  isInsideNonReadonlyForm?: boolean,\n  hasInsideLabel?: boolean,\n  variant?: 'textarea'\n) => {\n  const classes = classNames([\n    readonlyStyles.base,\n    variant === 'textarea' && readonlyStyles.textarea,\n    isInsideNonReadonlyForm\n      ? readonlyStyles.insideEnabledForm\n      : readonlyStyles.notInsideEnabledForm,\n    variant === 'textarea' &&\n      !isInsideNonReadonlyForm &&\n      readonlyStyles.textareaNotInsideEnabledForm,\n    isInsideNonReadonlyForm && hasInsideLabel && readonlyStyles.insideEnabledFormLabelInside\n  ]);\n  return classes;\n};\n\nexport const getInputId = (id?: string) => {\n  return (id ?? '') + '|input';\n};\n\nexport const isInputPlaceholderShown = (\n  hasInsideLabel: boolean,\n  hasValue: boolean,\n  isFocused?: boolean\n) => {\n  return !(hasInsideLabel && !hasValue && !isFocused);\n};\n","import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { Ref } from 'preact';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { useTextFieldInputHandlers } from '../hooks/UNSAFE_useTextFieldInputHandlers';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport type { TextProps } from '../utils/UNSAFE_interpolations/text';\nimport { textInterpolations } from '../utils/UNSAFE_interpolations/text';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\nimport { getLoadingAriaLabel } from './FormControlUtils';\nimport { isInputPlaceholderShown } from './TextFieldUtils';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\nconst rootStyles = {\n  base: cssProps`${{\n    // normally removing an outline can cause accessibility issues, however\n    // on an input the cursor blinks so an outline is not required for\n    // accessibility. As of 6-11-14 only chrome is putting\n    // an outline on inputs anyway\n    outlineStyle: 'none',\n    outlineWidth: '0',\n    boxSizing: 'border-box',\n    fontFamily: 'inherit',\n    lineHeight: 'inherit',\n    fontWeight: 'inherit',\n    border: '0',\n    backgroundColor: 'transparent',\n    width: '100%',\n\n    '&::selection': {\n      backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-selected)'\n    }\n  }}`,\n  // removes margin that Safari adds to the input element\n  input: cssProps`${{\n    margin: '0'\n  }}`,\n  textarea: cssProps`${{\n    paddingTop:\n      'calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 1rem * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height))/ 2 - 1px)',\n    paddingBottom:\n      'calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 1rem * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height))/ 2 - 1px)',\n\n    resize: 'none'\n  }}`,\n  password: cssProps`${{\n    '&::-ms-reveal': {\n      display: 'none'\n    }\n  }}`,\n  labelDefaultPadding: cssProps`${{\n    paddingTop: 0,\n    paddingBottom: 0\n  }}`,\n  labelInsideBase: cssProps`${{\n    minHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height)',\n    paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-padding-top)',\n    paddingBottom: 0,\n\n    '&:hover': {\n      backgroundColor: 'transparent'\n    }\n  }}`,\n  textareaLabelInsideBase: cssProps`${{\n    paddingTop: 0,\n    paddingBottom: 0,\n    // We are using a transparent border here instead of padding, due to how textarea scrolls the padding off the screen\n    // and the text content will clash with the inside label.\n    borderColor: 'transparent',\n    borderStyle: 'solid',\n    borderBlockStartWidth:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size) * var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height) + var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top))',\n    // The 0.25rem is an aesthetically pleasing amount of bottom padding\n    borderBlockEndWidth: '0.25rem'\n  }}`,\n\n  labelInsideNoValueAndHasFocus: cssProps`${{\n    animationName:\n      'var(--oj-c-PRIVATE-DO-NOT-USE-private-preact-text-field-animation-name-placeholder)',\n    animationDuration: 'var(--oj-c-PRIVATE-DO-NOT-USE-animation-duration-xlong)',\n    animationTimingFunction: 'var(--oj-c-PRIVATE-DO-NOT-USE-animation-ease-in)'\n  }}`,\n\n  hasStartContent: cssProps`${{\n    paddingInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding)'\n  }}`,\n\n  hasEndContent: cssProps`${{\n    paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding)'\n  }}`,\n\n  defaultColor: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color)'\n  }}`,\n\n  disabledColor: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color-disabled)'\n  }}`,\n  // The 0.25em is the space between the prefix and the input. This is equivalent to ' '.\n  hasPrefix: cssProps`${{\n    paddingInlineStart: '.25em'\n  }}`,\n\n  hasSuffix: cssProps`${{\n    paddingInlineEnd: '.25em'\n  }}`,\n\n  default: cssProps`${{\n    fontSize: '100%'\n  }}`,\n\n  defaultPaddingStart: cssProps`${{\n    paddingInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)'\n  }}`,\n\n  defaultPaddingEnd: cssProps`${{\n    paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)'\n  }}`,\n\n  embedded: cssProps`${{\n    color: 'inherit',\n    fontSize: 'inherit',\n    height: '100%',\n    margin: 0,\n    paddingBlock: 0,\n    paddingInline:\n      'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-embedded-padding, var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding))',\n\n    // textarea styles\n    resize: 'none',\n\n    // input-password styles\n    '&::-ms-reveal': {\n      display: 'none'\n    }\n  }}`\n};\n\nconst interpolations = [...Object.values(textInterpolations)];\n\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\ntype Autocomplete = 'off' | 'on' | string;\n\ntype OrigPickedPropsFromInput = Pick<\n  HTMLAttributesSignalExcluded<HTMLInputElement>,\n  'autofocus' | 'id' | 'placeholder' | 'required' | 'role' | 'spellcheck' | 'type'\n>;\ntype RenamedPropsFromInput = Omit<OrigPickedPropsFromInput, 'autofocus' | 'required'> & {\n  autoFocus?: OrigPickedPropsFromInput['autofocus'];\n  isRequired?: OrigPickedPropsFromInput['required'];\n};\ntype InputProps = {\n  as?: 'input';\n  type?: Pick<HTMLAttributesSignalExcluded<HTMLInputElement>, 'type'>['type'];\n  rows?: never;\n  inputRef?: Ref<HTMLInputElement>;\n  hasPrefix?: boolean;\n  hasSuffix?: boolean;\n};\n\ntype TextAreaProps = {\n  as: 'textarea';\n  type?: never;\n  rows?: number;\n  inputRef?: Ref<HTMLTextAreaElement>;\n  hasPrefix?: never;\n  hasSuffix?: never;\n};\n\ntype UniqueProps = InputProps | TextAreaProps;\n\ntype AriaProps = {\n  ariaAutoComplete?: 'none' | 'inline' | 'list' | 'both';\n  ariaControls?: string;\n  ariaDescribedBy?: string;\n  ariaExpanded?: boolean;\n  ariaInvalid?: string;\n  ariaLabel?: string;\n  ariaLabelledBy?: string;\n  ariaValueMax?: number;\n  ariaValueMin?: number;\n  ariaValueNow?: number;\n  ariaValueText?: string;\n};\n\ntype Props = UniqueProps &\n  TextProps &\n  RenamedPropsFromInput &\n  AriaProps & {\n    autoComplete?: Autocomplete;\n    // TODO: Should we expose has* props like these or should we pass this info\n    // via FormFieldContext?  (from review on 3/8/22)\n    currentCommitValue?: string;\n    hasEndContent?: boolean;\n    hasInsideLabel?: boolean;\n    hasStartContent?: boolean;\n    value?: string;\n    variant?: 'default' | 'embedded';\n    onInput?: (detail: ValueUpdateDetail<string>) => void;\n    onCommit?: (detail: ValueUpdateDetail<string>) => void;\n    onKeyDown?: (event: KeyboardEvent) => void;\n    onKeyUp?: (event: KeyboardEvent) => void;\n  };\n\nexport const TextFieldInput = ({\n  as = 'input',\n  ariaAutoComplete,\n  ariaControls,\n  ariaDescribedBy,\n  ariaExpanded,\n  ariaInvalid,\n  ariaLabel,\n  ariaLabelledBy,\n  ariaValueMax,\n  ariaValueMin,\n  ariaValueNow,\n  ariaValueText,\n  autoComplete,\n  autoFocus,\n  currentCommitValue,\n  hasEndContent = false,\n  hasInsideLabel = false,\n  hasPrefix = false,\n  hasStartContent = false,\n  hasSuffix = false,\n  id,\n  inputRef,\n  placeholder,\n  isRequired,\n  role,\n  rows,\n  spellcheck,\n  type,\n  value = '',\n  variant = 'default',\n  onInput,\n  onCommit,\n  onKeyDown,\n  onKeyUp,\n  ...props\n}: Props) => {\n  const hasValue = value !== '';\n  const { isDisabled, isFocused, isLoading, isReadonly } = useFormFieldContext();\n  const myPlaceholder = isInputPlaceholderShown(hasInsideLabel, hasValue, isFocused)\n    ? placeholder\n    : undefined;\n  const { class: styleInterpolationClasses } = styleInterpolations(props);\n  const renderPrefix = !isDisabled && hasPrefix;\n  const renderSuffix = !isDisabled && hasSuffix;\n  const inputClasses = classNames([\n    'oj-c-text-field-input',\n    rootStyles.base,\n    variant === 'default'\n      ? classNames([\n          rootStyles.default,\n          as === 'textarea' && rootStyles.textarea,\n          as === 'input' && rootStyles.input,\n          type === 'password' && rootStyles.password,\n          !hasStartContent && !renderPrefix && rootStyles.defaultPaddingStart,\n          !hasEndContent && !renderSuffix && rootStyles.defaultPaddingEnd\n        ])\n      : rootStyles.embedded,\n    hasInsideLabel &&\n      classNames([\n        rootStyles.labelInsideBase,\n        as === 'textarea' && rootStyles.textareaLabelInsideBase,\n        !hasValue && isFocused && rootStyles.labelInsideNoValueAndHasFocus\n      ]),\n    !hasInsideLabel && as !== 'textarea' && rootStyles.labelDefaultPadding,\n    // We want the input to have padding on itself. This gives the user more space to click on to set focus to the input.\n    // The padding between the input and the icon is different than the padding between the input and prefix/suffix (since they are both text)\n    // startcontentpadding+input+endcontentpadding\n    hasStartContent && !hasPrefix && rootStyles.hasStartContent,\n    hasEndContent && !hasSuffix && rootStyles.hasEndContent,\n    isDisabled ? rootStyles.disabledColor : rootStyles.defaultColor,\n    // prefix+prefixpadding+input+suffixpadding+suffix\n    // if there is also a startcontent or end content,\n    // the prefix/suffix will have that padding on it (see PrefixSuffix)\n    renderPrefix && rootStyles.hasPrefix,\n    renderSuffix && rootStyles.hasSuffix,\n    styleInterpolationClasses\n  ]);\n  const Comp = as || 'input';\n  const handlers = useTextFieldInputHandlers({\n    currentCommitValue,\n    value,\n    onInput,\n    onCommit,\n    onKeyDown\n  });\n  // the implicit default for tabindex on an input is 0, so do not explicitly set it.\n  // JET-52914 - Implement Tabbable mode API contract in InputText\n  // if not tabbable, spread tabbableModeProps on component\n  const { isTabbable, tabbableModeProps } = useTabbableMode();\n  // TODO: for autoComplete='off', need to configure attrs appropriately to make sure it\n  // works across browsers and versions  (from review on 3/11/22)\n  return (\n    <Comp\n      aria-autocomplete={ariaAutoComplete}\n      aria-controls={ariaControls}\n      aria-describedby={ariaDescribedBy}\n      aria-expanded={ariaExpanded}\n      aria-invalid={ariaInvalid}\n      aria-label={isLoading ? getLoadingAriaLabel() : ariaLabel ? ariaLabel : undefined}\n      aria-labelledby={ariaLabelledBy}\n      aria-required={isRequired ? true : undefined}\n      aria-valuemax={ariaValueMax}\n      aria-valuemin={ariaValueMin}\n      aria-valuenow={ariaValueNow}\n      aria-valuetext={ariaValueText}\n      autocomplete={autoComplete}\n      autofocus={autoFocus}\n      class={inputClasses}\n      disabled={isDisabled}\n      id={id}\n      onKeyUp={onKeyUp}\n      placeholder={myPlaceholder}\n      readonly={isReadonly}\n      // @ts-ignore\n      ref={inputRef}\n      role={role}\n      rows={rows}\n      spellcheck={spellcheck}\n      type={type}\n      value={value}\n      {...handlers}\n      {...(!isTabbable && tabbableModeProps)}\n    />\n  );\n};\n"],"names":["textFieldStyles","readonlyStyles","loadingStyles","getTextFieldClasses","readonly","variant","classNames","base","embedded","nonReadonly","getReadonlyClasses","isInsideNonReadonlyForm","hasInsideLabel","textarea","textareaNotInsideEnabledForm","insideEnabledFormLabelInside","classes","getInputId","id","isInputPlaceholderShown","hasValue","isFocused","rootStyles","interpolations","Object","values","textInterpolations","styleInterpolations","mergeInterpolations","TextFieldInput","_a","as","ariaAutoComplete","ariaControls","ariaDescribedBy","ariaExpanded","ariaInvalid","ariaLabel","ariaLabelledBy","ariaValueMax","ariaValueMin","ariaValueNow","ariaValueText","autoComplete","autoFocus","currentCommitValue","hasEndContent","hasPrefix","hasStartContent","hasSuffix","inputRef","placeholder","isRequired","role","rows","spellcheck","type","value","onInput","onCommit","onKeyDown","onKeyUp","props","__rest","isDisabled","isLoading","isReadonly","useFormFieldContext","renderPrefix","renderSuffix","default","input","password","defaultPaddingStart","defaultPaddingEnd","labelInsideBase","textareaLabelInsideBase","labelInsideNoValueAndHasFocus","Comp","_jsx","assign","getLoadingAriaLabel","undefined","autocomplete","autofocus","class","inputClasses","disabled","myPlaceholder","ref","handlers","isTabbable","tabbableModeProps"],"mappings":"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"}
+{"version":3,"file":"TextFieldInput-415fbe3b.js","sources":["../../src/UNSAFE_TextField/TextFieldUtils.ts","../../src/UNSAFE_TextField/TextFieldInput.tsx"],"sourcesContent":["import { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\nconst textFieldStyles = {\n  base: cssProps`${{\n    display: 'inline-block',\n    lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height)',\n    maxWidth: '100%',\n    width: '100%',\n    boxSizing: 'border-box'\n  }}`,\n\n  embedded: cssProps`${{\n    height: '100%'\n  }}`,\n\n  nonReadonly: cssProps`${{\n    fontWeight: '400',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-font-size)'\n  }}`\n};\n\nconst readonlyStyles = {\n  base: cssProps`${{\n    fontWeight: 'var(--oj-form-control-font-weight-read-only)',\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size)',\n    position: 'relative',\n    borderStyle: 'solid',\n    transitionProperty: 'border-color',\n    transitionDuration: '0.1s',\n    transitionTimingFunction: 'linear',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-radius)',\n    flexDirection: 'row',\n    alignItems: 'center',\n    maxWidth: '100%',\n    width: '100%',\n    boxSizing: 'border-box'\n  }}`,\n\n  insideEnabledForm: cssProps`${{\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    borderWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-width)',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color-disabled)',\n    backgroundColor: 'transparent',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height)',\n    minWidth: '1em',\n    display: 'inline-flex',\n    flex: '1'\n  }}`,\n\n  textarea: cssProps`${{\n    height: 'auto'\n  }}`,\n\n  insideEnabledFormLabelInside: cssProps`${{\n    minHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height)'\n  }}`,\n\n  notInsideEnabledForm: cssProps`${{\n    overflowX: 'visible',\n    overflowY: 'visible',\n    borderWidth: '0',\n    backgroundColor: 'transparent',\n    height: 'auto'\n  }}`,\n\n  textareaNotInsideEnabledForm: cssProps`${{\n    paddingTop: '0',\n    paddingBottom: '0'\n  }}`\n};\n\n//Consolidating all loading styles on form elements here\nexport const loadingStyles = cssProps`${{\n  backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-animation-skeleton-bg-end-color)',\n  backgroundSize: '200% 200%',\n  borderWidth: '0',\n  // need to use a var for the animation name because otherwise linaria will obfuscate it\n  // and make it different from the actual keyframes name\n  animationName: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-preact-text-field-animation-name-skeleton)',\n  animationIterationCount: 'infinite',\n  animationDirection: 'alternate',\n  animationDuration: '1.5s',\n  opacity: '1'\n}}`;\n\nexport const getTextFieldClasses = (readonly?: boolean, variant?: 'default' | 'embedded') => {\n  return classNames([\n    textFieldStyles.base,\n    variant === 'embedded' && textFieldStyles.embedded,\n    !readonly && textFieldStyles.nonReadonly\n  ]);\n};\n\nexport const getReadonlyClasses = (\n  isInsideNonReadonlyForm?: boolean,\n  hasInsideLabel?: boolean,\n  variant?: 'textarea'\n) => {\n  const classes = classNames([\n    readonlyStyles.base,\n    variant === 'textarea' && readonlyStyles.textarea,\n    isInsideNonReadonlyForm\n      ? readonlyStyles.insideEnabledForm\n      : readonlyStyles.notInsideEnabledForm,\n    variant === 'textarea' &&\n      !isInsideNonReadonlyForm &&\n      readonlyStyles.textareaNotInsideEnabledForm,\n    isInsideNonReadonlyForm && hasInsideLabel && readonlyStyles.insideEnabledFormLabelInside\n  ]);\n  return classes;\n};\n\nexport const getInputId = (id?: string) => {\n  return (id ?? '') + '|input';\n};\n\nexport const isInputPlaceholderShown = (\n  hasInsideLabel: boolean,\n  hasValue: boolean,\n  isFocused?: boolean\n) => {\n  return !(hasInsideLabel && !hasValue && !isFocused);\n};\n","import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { Ref } from 'preact';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { useTextFieldInputHandlers } from '../hooks/UNSAFE_useTextFieldInputHandlers';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport type { TextProps } from '../utils/UNSAFE_interpolations/text';\nimport { textInterpolations } from '../utils/UNSAFE_interpolations/text';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\nimport { getLoadingAriaLabel } from './FormControlUtils';\nimport { isInputPlaceholderShown } from './TextFieldUtils';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\nconst rootStyles = {\n  base: cssProps`${{\n    // normally removing an outline can cause accessibility issues, however\n    // on an input the cursor blinks so an outline is not required for\n    // accessibility. As of 6-11-14 only chrome is putting\n    // an outline on inputs anyway\n    outlineStyle: 'none',\n    outlineWidth: '0',\n    boxSizing: 'border-box',\n    fontFamily: 'inherit',\n    lineHeight: 'inherit',\n    fontWeight: 'inherit',\n    border: '0',\n    backgroundColor: 'transparent',\n    width: '100%',\n\n    '&::selection': {\n      backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-selected)'\n    }\n  }}`,\n  // removes margin that Safari adds to the input element\n  input: cssProps`${{\n    margin: '0'\n  }}`,\n  textarea: cssProps`${{\n    paddingTop:\n      'calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 1rem * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height))/ 2 - 1px)',\n    paddingBottom:\n      'calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 1rem * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height))/ 2 - 1px)',\n\n    resize: 'none'\n  }}`,\n  password: cssProps`${{\n    '&::-ms-reveal': {\n      display: 'none'\n    }\n  }}`,\n  labelDefaultPadding: cssProps`${{\n    paddingTop: 0,\n    paddingBottom: 0\n  }}`,\n  labelInsideBase: cssProps`${{\n    minHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height)',\n    paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-padding-top)',\n    paddingBottom: 0,\n\n    '&:hover': {\n      backgroundColor: 'transparent'\n    }\n  }}`,\n  textareaLabelInsideBase: cssProps`${{\n    paddingTop: 0,\n    paddingBottom: 0,\n    // We are using a transparent border here instead of padding, due to how textarea scrolls the padding off the screen\n    // and the text content will clash with the inside label.\n    borderColor: 'transparent',\n    borderStyle: 'solid',\n    borderBlockStartWidth:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size) * var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height) + var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top))',\n    // The 0.25rem is an aesthetically pleasing amount of bottom padding\n    borderBlockEndWidth: '0.25rem'\n  }}`,\n\n  labelInsideNoValueAndHasFocus: cssProps`${{\n    animationName:\n      'var(--oj-c-PRIVATE-DO-NOT-USE-private-preact-text-field-animation-name-placeholder)',\n    animationDuration: 'var(--oj-c-PRIVATE-DO-NOT-USE-animation-duration-xlong)',\n    animationTimingFunction: 'var(--oj-c-PRIVATE-DO-NOT-USE-animation-ease-in)'\n  }}`,\n\n  hasStartContent: cssProps`${{\n    paddingInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding)'\n  }}`,\n\n  hasEndContent: cssProps`${{\n    paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding)'\n  }}`,\n\n  defaultColor: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color)'\n  }}`,\n\n  disabledColor: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color-disabled)'\n  }}`,\n  // The 0.25em is the space between the prefix and the input. This is equivalent to ' '.\n  hasPrefix: cssProps`${{\n    paddingInlineStart: '.25em'\n  }}`,\n\n  hasSuffix: cssProps`${{\n    paddingInlineEnd: '.25em'\n  }}`,\n\n  default: cssProps`${{\n    fontSize: '100%'\n  }}`,\n\n  defaultPaddingStart: cssProps`${{\n    paddingInlineStart: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)'\n  }}`,\n\n  defaultPaddingEnd: cssProps`${{\n    paddingInlineEnd: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)'\n  }}`,\n\n  embedded: cssProps`${{\n    color: 'inherit',\n    fontSize: 'inherit',\n    height: '100%',\n    margin: 0,\n    paddingBlock: 0,\n    paddingInline:\n      'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-embedded-padding, var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding))',\n\n    // textarea styles\n    resize: 'none',\n\n    // input-password styles\n    '&::-ms-reveal': {\n      display: 'none'\n    }\n  }}`\n};\n\nconst interpolations = [...Object.values(textInterpolations)];\n\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\ntype Autocomplete = 'off' | 'on' | string;\n\ntype OrigPickedPropsFromInput = Pick<\n  HTMLAttributesSignalExcluded<HTMLInputElement>,\n  'autofocus' | 'id' | 'placeholder' | 'required' | 'role' | 'spellcheck' | 'type'\n>;\ntype RenamedPropsFromInput = Omit<OrigPickedPropsFromInput, 'autofocus' | 'required'> & {\n  autoFocus?: OrigPickedPropsFromInput['autofocus'];\n  isRequired?: OrigPickedPropsFromInput['required'];\n};\ntype InputProps = {\n  as?: 'input';\n  type?: Pick<HTMLAttributesSignalExcluded<HTMLInputElement>, 'type'>['type'];\n  rows?: never;\n  inputRef?: Ref<HTMLInputElement>;\n  hasPrefix?: boolean;\n  hasSuffix?: boolean;\n};\n\ntype TextAreaProps = {\n  as: 'textarea';\n  type?: never;\n  rows?: number;\n  inputRef?: Ref<HTMLTextAreaElement>;\n  hasPrefix?: never;\n  hasSuffix?: never;\n};\n\ntype UniqueProps = InputProps | TextAreaProps;\n\ntype AriaProps = {\n  ariaAutoComplete?: 'none' | 'inline' | 'list' | 'both';\n  ariaControls?: string;\n  ariaDescribedBy?: string;\n  ariaExpanded?: boolean;\n  ariaInvalid?: string;\n  ariaLabel?: string;\n  ariaLabelledBy?: string;\n  ariaValueMax?: number;\n  ariaValueMin?: number;\n  ariaValueNow?: number;\n  ariaValueText?: string;\n};\n\ntype Props = UniqueProps &\n  TextProps &\n  RenamedPropsFromInput &\n  AriaProps & {\n    autoComplete?: Autocomplete;\n    // TODO: Should we expose has* props like these or should we pass this info\n    // via FormFieldContext?  (from review on 3/8/22)\n    currentCommitValue?: string;\n    hasEndContent?: boolean;\n    hasInsideLabel?: boolean;\n    hasStartContent?: boolean;\n    value?: string;\n    variant?: 'default' | 'embedded';\n    onInput?: (detail: ValueUpdateDetail<string>) => void;\n    onCommit?: (detail: ValueUpdateDetail<string>) => void;\n    onKeyDown?: (event: KeyboardEvent) => void;\n    onKeyUp?: (event: KeyboardEvent) => void;\n  };\n\nexport const TextFieldInput = ({\n  as = 'input',\n  ariaAutoComplete,\n  ariaControls,\n  ariaDescribedBy,\n  ariaExpanded,\n  ariaInvalid,\n  ariaLabel,\n  ariaLabelledBy,\n  ariaValueMax,\n  ariaValueMin,\n  ariaValueNow,\n  ariaValueText,\n  autoComplete,\n  autoFocus,\n  currentCommitValue,\n  hasEndContent = false,\n  hasInsideLabel = false,\n  hasPrefix = false,\n  hasStartContent = false,\n  hasSuffix = false,\n  id,\n  inputRef,\n  placeholder,\n  isRequired,\n  role,\n  rows,\n  spellcheck,\n  type,\n  value = '',\n  variant = 'default',\n  onInput,\n  onCommit,\n  onKeyDown,\n  onKeyUp,\n  ...props\n}: Props) => {\n  const hasValue = value !== '';\n  const { isDisabled, isFocused, isLoading, isReadonly } = useFormFieldContext();\n  const myPlaceholder = isInputPlaceholderShown(hasInsideLabel, hasValue, isFocused)\n    ? placeholder\n    : undefined;\n  const { class: styleInterpolationClasses } = styleInterpolations(props);\n  const renderPrefix = !isDisabled && hasPrefix;\n  const renderSuffix = !isDisabled && hasSuffix;\n  const inputClasses = classNames([\n    'oj-c-text-field-input',\n    rootStyles.base,\n    variant === 'default'\n      ? classNames([\n          rootStyles.default,\n          as === 'textarea' && rootStyles.textarea,\n          as === 'input' && rootStyles.input,\n          type === 'password' && rootStyles.password,\n          !hasStartContent && !renderPrefix && rootStyles.defaultPaddingStart,\n          !hasEndContent && !renderSuffix && rootStyles.defaultPaddingEnd\n        ])\n      : rootStyles.embedded,\n    hasInsideLabel &&\n      classNames([\n        rootStyles.labelInsideBase,\n        as === 'textarea' && rootStyles.textareaLabelInsideBase,\n        !hasValue && isFocused && rootStyles.labelInsideNoValueAndHasFocus\n      ]),\n    !hasInsideLabel && as !== 'textarea' && rootStyles.labelDefaultPadding,\n    // We want the input to have padding on itself. This gives the user more space to click on to set focus to the input.\n    // The padding between the input and the icon is different than the padding between the input and prefix/suffix (since they are both text)\n    // startcontentpadding+input+endcontentpadding\n    hasStartContent && !hasPrefix && rootStyles.hasStartContent,\n    hasEndContent && !hasSuffix && rootStyles.hasEndContent,\n    isDisabled ? rootStyles.disabledColor : rootStyles.defaultColor,\n    // prefix+prefixpadding+input+suffixpadding+suffix\n    // if there is also a startcontent or end content,\n    // the prefix/suffix will have that padding on it (see PrefixSuffix)\n    renderPrefix && rootStyles.hasPrefix,\n    renderSuffix && rootStyles.hasSuffix,\n    styleInterpolationClasses\n  ]);\n  const Comp = as || 'input';\n  const handlers = useTextFieldInputHandlers({\n    currentCommitValue,\n    value,\n    onInput,\n    onCommit,\n    onKeyDown\n  });\n  // the implicit default for tabindex on an input is 0, so do not explicitly set it.\n  // JET-52914 - Implement Tabbable mode API contract in InputText\n  // if not tabbable, spread tabbableModeProps on component\n  const { isTabbable, tabbableModeProps } = useTabbableMode();\n  // TODO: for autoComplete='off', need to configure attrs appropriately to make sure it\n  // works across browsers and versions  (from review on 3/11/22)\n  return (\n    <Comp\n      aria-autocomplete={ariaAutoComplete}\n      aria-controls={ariaControls}\n      aria-describedby={ariaDescribedBy}\n      aria-expanded={ariaExpanded}\n      aria-invalid={ariaInvalid}\n      aria-label={isLoading ? getLoadingAriaLabel() : ariaLabel ? ariaLabel : undefined}\n      aria-labelledby={ariaLabelledBy}\n      aria-required={isRequired ? true : undefined}\n      aria-valuemax={ariaValueMax}\n      aria-valuemin={ariaValueMin}\n      aria-valuenow={ariaValueNow}\n      aria-valuetext={ariaValueText}\n      autocomplete={autoComplete}\n      autofocus={autoFocus}\n      class={inputClasses}\n      disabled={isDisabled}\n      id={id}\n      onKeyUp={onKeyUp}\n      placeholder={myPlaceholder}\n      readonly={isReadonly}\n      // @ts-ignore\n      ref={inputRef}\n      role={role}\n      rows={rows}\n      spellcheck={spellcheck}\n      type={type}\n      value={value}\n      {...handlers}\n      {...(!isTabbable && tabbableModeProps)}\n    />\n  );\n};\n"],"names":["textFieldStyles","readonlyStyles","rootStyles","interpolations","Object","values","textInterpolations","styleInterpolations","mergeInterpolations","_a","as","ariaAutoComplete","ariaControls","ariaDescribedBy","ariaExpanded","ariaInvalid","ariaLabel","ariaLabelledBy","ariaValueMax","ariaValueMin","ariaValueNow","ariaValueText","autoComplete","autoFocus","currentCommitValue","hasEndContent","hasInsideLabel","hasPrefix","hasStartContent","hasSuffix","id","inputRef","placeholder","isRequired","role","rows","spellcheck","type","value","variant","onInput","onCommit","onKeyDown","onKeyUp","props","__rest","hasValue","isDisabled","isFocused","isLoading","isReadonly","useFormFieldContext","renderPrefix","renderSuffix","classNames","Comp","_jsx","assign","getLoadingAriaLabel","undefined","autocomplete","autofocus","class","inputClasses","disabled","myPlaceholder","readonly","ref","handlers","isTabbable","tabbableModeProps","isInsideNonReadonlyForm"],"mappings":"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"}

package/amd/UNSAFE_AspectRatio.css

@@ -1,2 +1 @@
-.baseDivStyles-1vpysuq{position:relative;overflow-x:hidden;overflow-y:hidden;}.baseDivStyles-1vpysuq::before{content:'';display:block;padding-bottom:calc(100% / (var(--oj-c-PRIVATE-DO-NOT-USE-aspect-ratio)));}.baseDivStyles-1vpysuq > :first-child{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;}.baseDivStyles-1vpysuq > img{object-fit:cover;}.baseDivStyles-1vpysuq > video{object-fit:cover;}
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2plbmtpbnMvdWl0ZWNoL3dvcmtzcGFjZS9PSkVUX0NvZGVfMTQuMC43L3BhY2thZ2VzL29yYWNsZWpldC1wcmVhY3Qvc3JjL1VOU0FGRV9Bc3BlY3RSYXRpby9Bc3BlY3RSYXRpby50c3giXSwibmFtZXMiOlsiLmJhc2VEaXZTdHlsZXMtMXZweXN1cSJdLCJtYXBwaW5ncyI6IkFBdUJNQSIsImZpbGUiOiIvaG9tZS9qZW5raW5zL3VpdGVjaC93b3Jrc3BhY2UvT0pFVF9Db2RlXzE0LjAuNy9wYWNrYWdlcy9vcmFjbGVqZXQtcHJlYWN0L3NyYy9VTlNBRkVfQXNwZWN0UmF0aW8vQXNwZWN0UmF0aW8udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19yZXN0IH0gZnJvbSBcInRzbGliXCI7XG5pbXBvcnQgeyBqc3ggYXMgX2pzeCB9IGZyb20gXCJwcmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gJ2xpbmFyaWEnO1xuaW1wb3J0IHsgZGltZW5zaW9uSW50ZXJwb2xhdGlvbnMgfSBmcm9tICcuLi91dGlscy9VTlNBRkVfaW50ZXJwb2xhdGlvbnMvZGltZW5zaW9ucyc7XG5pbXBvcnQgeyBtZXJnZUludGVycG9sYXRpb25zIH0gZnJvbSAnLi4vdXRpbHMvVU5TQUZFX21lcmdlSW50ZXJwb2xhdGlvbnMnO1xuaW1wb3J0IHsgY2xhc3NOYW1lcyB9IGZyb20gJy4uL3V0aWxzL1VOU0FGRV9jbGFzc05hbWVzJztcbmltcG9ydCB7IHN0cmluZ0xpdGVyYWxBcnJheSB9IGZyb20gJy4uL3V0aWxzL1VOU0FGRV9hcnJheVV0aWxzJztcbi8vIEFzcGVjdFJhdGlvIHVzZXMgdGhlIGNvbW1vbiBwYWRkaW5nLWJvdHRvbSBhcyBhIHBlcmNlbnRhZ2Vcbi8vIGhhY2sgdG8gZ2V0IGFzcGVjdC1yYXRpbyB0byB3b3JrLlxuLy8gQ1NTIG5vdyBoYXMgYW4gYXNwZWN0LXJhdGlvIGF0dHJpYnV0ZSB0aGF0IG1ha2VzIHRoaXMgc3VwZXIgZWFzeS5cbi8vIGFzcGVjdC1yYXRpbyBpcyBzdXBwb3J0ZWQgaW4gYWxsIG1ham9yIGJyb3dzZXJzLCBtb3N0IHJlY2VudGx5IGluIFNhZmFyaSAxNS5cbi8vIGh0dHBzOi8vZGV2ZWxvcGVyLm1vemlsbGEub3JnL2VuLVVTL2RvY3MvV2ViL0NTUy9hc3BlY3QtcmF0aW9cbi8vIEhvd2V2ZXIsIGl0IGlzbid0IHVudGlsIGpldCAxNCB0aGF0IHdlIGRyb3Agc3VwcG9ydCBmb3IgU2FmYXJpIDE0LlxuLy8gV2hlbiBqZXQgMTQgY29tZXMgb3V0IHdlIGNhbiByZXBsYWNlIHRoZSBwYWRkaW5nLWJvdHRvbSBoYWNrIHdpdGggYXNwZWN0LXJhdGlvIGNzcyBwcm9wZXJ0eS5cbi8vIEFsc28gYSB1c2VyIGNvdWxkIGp1c3QgcHV0IGFzcGVjdC1yYXRpbyBkaXJlY3RseSBvbiB0aGVpciBkb20sIGluc3RlYWQgb2Ygd3JhcHBpbmdcbi8vIGl0IGluc2lkZSB0aGlzIEFzcGVjdFJhdGlvIGNvbXBvbmVudC5cbi8vIE5PVEU6IHBhZGRpbmctYm90dG9tIGhhcyB0byBiZSBvbiBhIGRvbSBub2RlIHRoYXQgaXMgdGhlIGNoaWxkIG9mIGEgZG9tIG5vZGUgdGhhdCBoYXNcbi8vIHdpZHRoLCBub3QgdGhlIHNhbWUgZG9tIG5vZGUuIEZyb20gY3NzIGRvYzpcbi8vIFRoZSBzaXplIG9mIHRoZSBwYWRkaW5nIGFzIGEgcGVyY2VudGFnZSwgcmVsYXRpdmUgdG8gdGhlIHdpZHRoIG9mIHRoZSBjb250YWluaW5nIGJsb2NrLlxuLy8gU28gdGhlIHJvb3QgZG9tIG5vZGUgaGFzIHRoZSBkaW1lbnNpb25zIHN0eWxpbmcgYW5kIHRoZSAnOjpiZWZvcmUnIGRvbSBub2RlXG4vLyBoYXMgdGhlIHBhZGRpbmcgaW5mb3JtYXRpb24uXG4vLyAxMDAlL3JhdGlvLiAxMDAvKDQvMykgPSA3NSVcbi8vIGUuZy4sIDE2LzkgPSA1Ni4yNSUsIDQvMyA9IDc1JSwgMS8xPTEwMCUsIDIvMT01MCVcbmNvbnN0IGJhc2VEaXZTdHlsZXMgPSBjc3MgYCR7e1xuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgIG92ZXJmbG93WDogJ2hpZGRlbicsXG4gICAgb3ZlcmZsb3dZOiAnaGlkZGVuJyxcbiAgICAnJjo6YmVmb3JlJzoge1xuICAgICAgICBjb250ZW50OiBcIicnXCIsXG4gICAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICAgIHBhZGRpbmdCb3R0b206ICdjYWxjKDEwMCUgLyAodmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtYXNwZWN0LXJhdGlvKSkpJ1xuICAgIH0sXG4gICAgLy8gVE9ETzogUmV2aXNpdC4gdGhlcmUgaXMgbm8gc3VwcG9ydCBmb3IgY29tYmluYXRvcnMsIGJ1dCBjb21iaW5hdG9ycyBhcmUgbmVjZXNzYXJ5IGZvciB0aGUgQXNwZWN0UmF0aW8gY29tcG9uZW50LCBzbyBpdCdzIGFuIGV4Y2VwdGlvbi5cbiAgICAvKiBAdHMtaWdub3JlICovXG4gICAgJyYgPiA6Zmlyc3QtY2hpbGQnOiB7XG4gICAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgICB0b3A6ICcwJyxcbiAgICAgICAgYm90dG9tOiAnMCcsXG4gICAgICAgIGxlZnQ6ICcwJyxcbiAgICAgICAgcmlnaHQ6ICcwJyxcbiAgICAgICAgd2lkdGg6ICcxMDAlJyxcbiAgICAgICAgaGVpZ2h0OiAnMTAwJSdcbiAgICB9LFxuICAgIC8qIEB0cy1pZ25vcmUgKi9cbiAgICAnJiA+IGltZyc6IHtcbiAgICAgICAgb2JqZWN0Rml0OiAnY292ZXInXG4gICAgfSxcbiAgICAvKiBAdHMtaWdub3JlICovXG4gICAgJyYgPiB2aWRlbyc6IHtcbiAgICAgICAgb2JqZWN0Rml0OiAnY292ZXInXG4gICAgfVxufX1gO1xuLy8gY29tbW9uIGFzcGVjdCByYXRpb3Ncbi8vIFRoZSBib3jigJlzIHByZWZlcnJlZCBhc3BlY3QgcmF0aW8gaXMgdGhlIHNwZWNpZmllZCByYXRpbyBvZiB3aWR0aCAvIGhlaWdodC5cbi8vIFRoZSByYXRpbyBoYXMgYSAnLycgYXMgYSBzZXBhcmF0b3IgYW5kIG5vdCBhICc6JyBiZWNhdXNlIHRoZSAnLycgaXMgd2hhdFxuLy8gdGhlIENTUyBhc3BlY3QtcmF0aW8gdXNlcy5cbi8vIFRPRE86IERvbid0IHVzZSBmaXhlZCByYXRpb3MuIExldCB0aGVtIHNwZWNpZnkgYW55IG51bWJlclxuZXhwb3J0IGNvbnN0IHJhdGlvcyA9IHN0cmluZ0xpdGVyYWxBcnJheShbXG4gICAgJzkvMTYnLFxuICAgICcxLzEnLFxuICAgICc2LzUnLFxuICAgICc1LzQnLFxuICAgICc0LzMnLFxuICAgICcxMS84JyxcbiAgICAnMS40My8xJyxcbiAgICAnMy8yJyxcbiAgICAnMTQvOScsXG4gICAgJzE2LzEwJyxcbiAgICAnMS42MTgwLzEnLFxuICAgICc1LzMnLFxuICAgICcxNi85JyxcbiAgICAnMS44NS8xJyxcbiAgICAnMS45LzEnLFxuICAgICcyLzEnLFxuICAgICcyLjIvMScsXG4gICAgJzY0LzIxJyxcbiAgICAnMi40LzEnLFxuICAgICcyLjQxNC8xJyxcbiAgICAnMi43Ni8xJyxcbiAgICAnMzIvOScsXG4gICAgJzE4LzUnLFxuICAgICc0LzEnXG5dKTtcbmNvbnN0IGRpbWVuc2lvbnMgPSBzdHJpbmdMaXRlcmFsQXJyYXkoWydtYXhXaWR0aCcsICdtaW5XaWR0aCcsICd3aWR0aCddKTtcbi8vIENyZWF0ZSBhbiBhcnJheSBbZGltZW5zaW9uSW50ZXJwb2xhdGlvbnNbJ21heFdpZHRoJ10sIGRpbWVuc2lvbkludGVycG9sYXRpb25zWyd3aWR0aCddLCBkaW1lbnNpb25JbnRlcnBvbGF0aW9uc1snbWluV2lkdGgnXV1cbmNvbnN0IHdpZHRoRGltZW5zaW9uSW50ZXJwb2xhdGlvbiA9IEFycmF5LmZyb20oZGltZW5zaW9ucywgKHgpID0+IGRpbWVuc2lvbkludGVycG9sYXRpb25zW3hdKTtcbmNvbnN0IGludGVycG9sYXRpb25zID0gbWVyZ2VJbnRlcnBvbGF0aW9ucyh3aWR0aERpbWVuc2lvbkludGVycG9sYXRpb24pO1xuLyoqXG4gKiBUaGUgQXNwZWN0UmF0aW8gY29tcG9uZW50IGRpc3BsYXlzIGl0cyBjb250ZW50IHdpdGggYSBjZXJ0YWluIHJhdGlvIGJhc2VkIG9uIHRoZSBkaW1lbnNpb25cbiAqIHByb3BlcnRpZXMuIE92ZXJmbG93IGNvbnRlbnQgaXMgaGlkZGVuLlxuICpcbiAqIEl0IHVzZXMgYSBjb21tb24gcGFkZGluZy1ib3R0b20gaGFjayB0byBkbyB0aGlzLiBJbiBmdXR1cmUgdmVyc2lvbnMgaXQgd2lsbFxuICogYmUgaW1wbGVtZW50ZWQgdXNpbmcgdGhlIENTUydzIGFzcGVjdC1yYXRpbyBwcm9wZXJ0eSB3aGVuIHRoZSBicm93c2VycyB3ZSBuZWVkIHRvIHN1cHBvcnRcbiAqIGFsbCBoYXZlIGl0LiBGb3IgZXhhbXBsZSwgU2FmYXJpIDE1IGhhcyBpdCwgYnV0IHdlIHdvbid0IGRyb3AgU2FmYXJpIDE0IHVudGlsIGpldCAxNC5cbiAqXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBBc3BlY3RSYXRpbyhfYSkge1xuICAgIHZhciB7IGNoaWxkcmVuLCByYXRpbyA9ICcxLzEnIH0gPSBfYSwgcHJvcHMgPSBfX3Jlc3QoX2EsIFtcImNoaWxkcmVuXCIsIFwicmF0aW9cIl0pO1xuICAgIGNvbnN0IF9iID0gaW50ZXJwb2xhdGlvbnMocHJvcHMpLCB7IGNsYXNzOiBjbHMgfSA9IF9iLCBzdHlsZXMgPSBfX3Jlc3QoX2IsIFtcImNsYXNzXCJdKTtcbiAgICBjb25zdCBzdHlsZXNXaXRoQXNwZWN0UmF0aW9WYXIgPSBPYmplY3QuYXNzaWduKE9iamVjdC5hc3NpZ24oe30sIHN0eWxlcyksIHsgJy0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtYXNwZWN0LXJhdGlvJzogcmF0aW8gfSk7XG4gICAgcmV0dXJuIChfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzczogY2xhc3NOYW1lcyhbYmFzZURpdlN0eWxlcywgY2xzXSksIHN0eWxlOiBzdHlsZXNXaXRoQXNwZWN0UmF0aW9WYXIgfSwgeyBjaGlsZHJlbjogY2hpbGRyZW4gfSkpKTtcbn1cbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUFzcGVjdFJhdGlvLmpzLm1hcCJdfQ==*/
+.d6tz2l{position:relative;overflow-x:hidden;overflow-y:hidden;}.d6tz2l::before{content:'';display:block;padding-bottom:calc(100% / (var(--oj-c-PRIVATE-DO-NOT-USE-aspect-ratio)));}.d6tz2l > :first-child{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;}.d6tz2l > img{object-fit:cover;}.d6tz2l > video{object-fit:cover;}

package/amd/UNSAFE_AspectRatio.js

@@ -1,80 +1,2 @@
-/* @oracle/oraclejet-preact: 14.0.7 */
-define(['exports', './tslib.es6-71b1ba5b', 'preact/jsx-runtime', "css!./UNSAFE_AspectRatio.css", './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_mergeInterpolations', './utils/UNSAFE_classNames', './utils/UNSAFE_arrayUtils', './classNames-027de734', './utils/UNSAFE_size', './_curry1-645b9927', './_curry3-4cc6f6ba', './_curry2-93924f19', './_has-cce283ad'], (function (exports, tslib_es6, jsxRuntime, linaria, utils_UNSAFE_interpolations_dimensions, utils_UNSAFE_mergeInterpolations, utils_UNSAFE_classNames, utils_UNSAFE_arrayUtils, classNames, utils_UNSAFE_size, _curry1, _curry3, _curry2, _has) { 'use strict';
-
-    // hack to get aspect-ratio to work.
-    // CSS now has an aspect-ratio attribute that makes this super easy.
-    // aspect-ratio is supported in all major browsers, most recently in Safari 15.
-    // https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio
-    // However, it isn't until jet 14 that we drop support for Safari 14.
-    // When jet 14 comes out we can replace the padding-bottom hack with aspect-ratio css property.
-    // Also a user could just put aspect-ratio directly on their dom, instead of wrapping
-    // it inside this AspectRatio component.
-    // NOTE: padding-bottom has to be on a dom node that is the child of a dom node that has
-    // width, not the same dom node. From css doc:
-    // The size of the padding as a percentage, relative to the width of the containing block.
-    // So the root dom node has the dimensions styling and the '::before' dom node
-    // has the padding information.
-    // 100%/ratio. 100/(4/3) = 75%
-    // e.g., 16/9 = 56.25%, 4/3 = 75%, 1/1=100%, 2/1=50%
-
-    const baseDivStyles = "baseDivStyles-1vpysuq"; // common aspect ratios
-    // The box’s preferred aspect ratio is the specified ratio of width / height.
-    // The ratio has a '/' as a separator and not a ':' because the '/' is what
-    // the CSS aspect-ratio uses.
-    // TODO: Don't use fixed ratios. Let them specify any number
-
-    const ratios = utils_UNSAFE_arrayUtils.stringLiteralArray(['9/16', '1/1', '6/5', '5/4', '4/3', '11/8', '1.43/1', '3/2', '14/9', '16/10', '1.6180/1', '5/3', '16/9', '1.85/1', '1.9/1', '2/1', '2.2/1', '64/21', '2.4/1', '2.414/1', '2.76/1', '32/9', '18/5', '4/1']);
-    const dimensions = utils_UNSAFE_arrayUtils.stringLiteralArray(['maxWidth', 'minWidth', 'width']); // Create an array [dimensionInterpolations['maxWidth'], dimensionInterpolations['width'], dimensionInterpolations['minWidth']]
-
-    const widthDimensionInterpolation = Array.from(dimensions, x => utils_UNSAFE_interpolations_dimensions.dimensionInterpolations[x]);
-    const interpolations = utils_UNSAFE_mergeInterpolations.mergeInterpolations(widthDimensionInterpolation);
-    /**
-     * The AspectRatio component displays its content with a certain ratio based on the dimension
-     * properties. Overflow content is hidden.
-     *
-     * It uses a common padding-bottom hack to do this. In future versions it will
-     * be implemented using the CSS's aspect-ratio property when the browsers we need to support
-     * all have it. For example, Safari 15 has it, but we won't drop Safari 14 until jet 14.
-     *
-     */
-
-    function AspectRatio(_a) {
-      var {
-        children,
-        ratio = '1/1'
-      } = _a,
-          props = tslib_es6.__rest(_a, ["children", "ratio"]);
-
-      const _b = interpolations(props),
-            {
-        class: cls
-      } = _b,
-            styles = tslib_es6.__rest(_b, ["class"]);
-
-      const stylesWithAspectRatioVar = Object.assign(Object.assign({}, styles), {
-        '--oj-c-PRIVATE-DO-NOT-USE-aspect-ratio': ratio
-      });
-      return jsxRuntime.jsx("div", Object.assign({
-        class: classNames.classNames([baseDivStyles, cls]),
-        style: stylesWithAspectRatioVar
-      }, {
-        children: children
-      }));
-    }
-
-    /**
-     * @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.AspectRatio = AspectRatio;
-    exports.ratios = ratios;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-}));
-/*  */
+define(["exports","./tslib.es6-76a2c4b1","preact/jsx-runtime","css!./UNSAFE_AspectRatio.css","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./utils/UNSAFE_arrayUtils","./classNames-8316ee15","./utils/UNSAFE_size","./_curry1-3211524b","./_curry3-94bfcc86","./_curry2-3a00c9c9","./_has-a61184e7"],function(s,t,e,i,r,a,n,c,l,o,u,_,d,m){"use strict";const A=c.stringLiteralArray(["9/16","1/1","6/5","5/4","4/3","11/8","1.43/1","3/2","14/9","16/10","1.6180/1","5/3","16/9","1.85/1","1.9/1","2/1","2.2/1","64/21","2.4/1","2.414/1","2.76/1","32/9","18/5","4/1"]),p=c.stringLiteralArray(["maxWidth","minWidth","width"]),y=Array.from(p,s=>r.dimensionInterpolations[s]),N=a.mergeInterpolations(y);s.AspectRatio=function(s){var{children:i,ratio:r="1/1"}=s,a=t.__rest(s,["children","ratio"]);const n=N(a),{class:c}=n,o=t.__rest(n,["class"]),u=Object.assign(Object.assign({},o),{"--oj-c-PRIVATE-DO-NOT-USE-aspect-ratio":r});return e.jsx("div",Object.assign({class:l.classNames(["d6tz2l",c]),style:u},{children:i}))},s.ratios=A,Object.defineProperty(s,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_AspectRatio.js.map

package/amd/UNSAFE_AspectRatio.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_AspectRatio.js","sources":["../../src/UNSAFE_AspectRatio/AspectRatio.tsx","../../src/UNSAFE_AspectRatio/index.ts"],"sourcesContent":["import { VNode } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { stringLiteralArray } from '../utils/UNSAFE_arrayUtils';\n\n// AspectRatio uses the common padding-bottom as a percentage\n// hack to get aspect-ratio to work.\n// CSS now has an aspect-ratio attribute that makes this super easy.\n// aspect-ratio is supported in all major browsers, most recently in Safari 15.\n// https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio\n// However, it isn't until jet 14 that we drop support for Safari 14.\n// When jet 14 comes out we can replace the padding-bottom hack with aspect-ratio css property.\n// Also a user could just put aspect-ratio directly on their dom, instead of wrapping\n// it inside this AspectRatio component.\n\n// NOTE: padding-bottom has to be on a dom node that is the child of a dom node that has\n// width, not the same dom node. From css doc:\n// The size of the padding as a percentage, relative to the width of the containing block.\n// So the root dom node has the dimensions styling and the '::before' dom node\n// has the padding information.\n// 100%/ratio. 100/(4/3) = 75%\n// e.g., 16/9 = 56.25%, 4/3 = 75%, 1/1=100%, 2/1=50%\n\nconst baseDivStyles = cssProps`${{\n  position: 'relative',\n  overflowX: 'hidden',\n  overflowY: 'hidden',\n\n  '&::before': {\n    content: \"''\",\n    display: 'block',\n    paddingBottom: 'calc(100% / (var(--oj-c-PRIVATE-DO-NOT-USE-aspect-ratio)))'\n  },\n  // TODO: Revisit. there is no support for combinators, but combinators are necessary for the AspectRatio component, so it's an exception.\n  /* @ts-ignore */\n  '& > :first-child': {\n    position: 'absolute',\n    top: '0',\n    bottom: '0',\n    left: '0',\n    right: '0',\n    width: '100%',\n    height: '100%'\n  },\n  /* @ts-ignore */\n  '& > img': {\n    objectFit: 'cover'\n  },\n  /* @ts-ignore */\n  '& > video': {\n    objectFit: 'cover'\n  }\n}}`;\n\n// common aspect ratios\n// The box’s preferred aspect ratio is the specified ratio of width / height.\n// The ratio has a '/' as a separator and not a ':' because the '/' is what\n// the CSS aspect-ratio uses.\n// TODO: Don't use fixed ratios. Let them specify any number\nexport const ratios = stringLiteralArray([\n  '9/16',\n  '1/1',\n  '6/5',\n  '5/4',\n  '4/3',\n  '11/8',\n  '1.43/1',\n  '3/2',\n  '14/9',\n  '16/10',\n  '1.6180/1',\n  '5/3',\n  '16/9',\n  '1.85/1',\n  '1.9/1',\n  '2/1',\n  '2.2/1',\n  '64/21',\n  '2.4/1',\n  '2.414/1',\n  '2.76/1',\n  '32/9',\n  '18/5',\n  '4/1'\n]);\ntype Ratio = typeof ratios[number];\n\nconst dimensions = stringLiteralArray(['maxWidth', 'minWidth', 'width']);\n\ntype Dimension = typeof dimensions[number];\n\n// This component has some StyleInterpolationProps. Those are the width properties of the DimensionProps.\ntype StyleInterpolationProps = Pick<DimensionProps, Dimension>;\n\ntype AspectRatioProps = StyleInterpolationProps & {\n  /**\n   * The box’s preferred aspect ratio is the specified ratio of width / height. When ratio is 1/1\n   * it is a square.\n   */\n  ratio?: Ratio;\n  /**\n   * The child.\n   */\n  children: VNode<any>;\n};\n\n// Create an array [dimensionInterpolations['maxWidth'], dimensionInterpolations['width'], dimensionInterpolations['minWidth']]\nconst widthDimensionInterpolation = Array.from(dimensions, (x) => dimensionInterpolations[x]);\nconst interpolations = mergeInterpolations<StyleInterpolationProps>(widthDimensionInterpolation);\n\n/**\n * The AspectRatio component displays its content with a certain ratio based on the dimension\n * properties. Overflow content is hidden.\n *\n * It uses a common padding-bottom hack to do this. In future versions it will\n * be implemented using the CSS's aspect-ratio property when the browsers we need to support\n * all have it. For example, Safari 15 has it, but we won't drop Safari 14 until jet 14.\n *\n */\nexport function AspectRatio({ children, ratio = '1/1', ...props }: AspectRatioProps) {\n  const { class: cls, ...styles } = interpolations(props);\n  const stylesWithAspectRatioVar = { ...styles, '--oj-c-PRIVATE-DO-NOT-USE-aspect-ratio': ratio };\n  return (\n    <div class={classNames([baseDivStyles, cls])} style={stylesWithAspectRatioVar}>\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 */\nexport * from './AspectRatio';\n"],"names":["baseDivStyles","ratios","stringLiteralArray","dimensions","widthDimensionInterpolation","Array","from","x","dimensionInterpolations","interpolations","mergeInterpolations","AspectRatio","_a","_b","props","class","cls","styles","__rest"],"mappings":";;;IASA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;IACA;;IAEA,MAAAA,aAAA,GAAA,uBAAA;IAgCA;IACA;IACA;IACA;;AACA,UAAAC,MAAA,GAAAC,0CAAA,CAAA,OAAA,OAAA,OAAA,OAAA,OAAA,QAAA,UAAA,OAAA,QAAA,SAAA,YAAA,OAAA,QAAA,UAAA,SAAA,OAAA,SAAA,SAAA,SAAA,WAAA,UAAA,QAAA,QAAA,OAAA,CAAA,EAAA;IA4BA,MAAAC,UAAA,GAAAD,0CAAA,CAAA,CAAA,UAAA,EAAA,UAAA,EAAA,OAAA,CAAA,CAAA;;IAoBA,MAAAE,2BAAA,GAAAC,KAAA,CAAAC,IAAA,CAAAH,UAAA,EAAAI,CAAA,IAAAC,8DAAA,CAAAD,CAAA,CAAA,CAAA,CAAA;IACA,MAAAE,cAAA,GAAAC,oDAAA,CAAAN,2BAAA,CAAA,CAAA;IAEA;;;;;;;;IAQG;;IACH,SAAAO,WAAA,CAAAC,EAAA,EAAA;;;;;;;IACE,EAAA,MAAAC,EAAA,GAAAJ,cAAA,CAAAK,KAAA,CAAA;YAAA;IAAAC,IAAAA,KAAA,EAAAC,GAAAA;IAAA,GAAA,GAAAH,EAAA;YAAAI,MAAA,GAAAC,gBAAA,CAAAL,EAAA,EAAA,CAAA,OAAA,CAAA,CAAA,CAAA;;;;;;;;;;;IAOF;;IClIA;;;;;;IAMG;;;;;;;;;;;;;;"}
+{"version":3,"file":"UNSAFE_AspectRatio.js","sources":["../../src/UNSAFE_AspectRatio/AspectRatio.tsx"],"sourcesContent":["import { VNode } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { stringLiteralArray } from '../utils/UNSAFE_arrayUtils';\n\n// AspectRatio uses the common padding-bottom as a percentage\n// hack to get aspect-ratio to work.\n// CSS now has an aspect-ratio attribute that makes this super easy.\n// aspect-ratio is supported in all major browsers, most recently in Safari 15.\n// https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio\n// However, it isn't until jet 14 that we drop support for Safari 14.\n// When jet 14 comes out we can replace the padding-bottom hack with aspect-ratio css property.\n// Also a user could just put aspect-ratio directly on their dom, instead of wrapping\n// it inside this AspectRatio component.\n\n// NOTE: padding-bottom has to be on a dom node that is the child of a dom node that has\n// width, not the same dom node. From css doc:\n// The size of the padding as a percentage, relative to the width of the containing block.\n// So the root dom node has the dimensions styling and the '::before' dom node\n// has the padding information.\n// 100%/ratio. 100/(4/3) = 75%\n// e.g., 16/9 = 56.25%, 4/3 = 75%, 1/1=100%, 2/1=50%\n\nconst baseDivStyles = cssProps`${{\n  position: 'relative',\n  overflowX: 'hidden',\n  overflowY: 'hidden',\n\n  '&::before': {\n    content: \"''\",\n    display: 'block',\n    paddingBottom: 'calc(100% / (var(--oj-c-PRIVATE-DO-NOT-USE-aspect-ratio)))'\n  },\n  // TODO: Revisit. there is no support for combinators, but combinators are necessary for the AspectRatio component, so it's an exception.\n  /* @ts-ignore */\n  '& > :first-child': {\n    position: 'absolute',\n    top: '0',\n    bottom: '0',\n    left: '0',\n    right: '0',\n    width: '100%',\n    height: '100%'\n  },\n  /* @ts-ignore */\n  '& > img': {\n    objectFit: 'cover'\n  },\n  /* @ts-ignore */\n  '& > video': {\n    objectFit: 'cover'\n  }\n}}`;\n\n// common aspect ratios\n// The box’s preferred aspect ratio is the specified ratio of width / height.\n// The ratio has a '/' as a separator and not a ':' because the '/' is what\n// the CSS aspect-ratio uses.\n// TODO: Don't use fixed ratios. Let them specify any number\nexport const ratios = stringLiteralArray([\n  '9/16',\n  '1/1',\n  '6/5',\n  '5/4',\n  '4/3',\n  '11/8',\n  '1.43/1',\n  '3/2',\n  '14/9',\n  '16/10',\n  '1.6180/1',\n  '5/3',\n  '16/9',\n  '1.85/1',\n  '1.9/1',\n  '2/1',\n  '2.2/1',\n  '64/21',\n  '2.4/1',\n  '2.414/1',\n  '2.76/1',\n  '32/9',\n  '18/5',\n  '4/1'\n]);\ntype Ratio = typeof ratios[number];\n\nconst dimensions = stringLiteralArray(['maxWidth', 'minWidth', 'width']);\n\ntype Dimension = typeof dimensions[number];\n\n// This component has some StyleInterpolationProps. Those are the width properties of the DimensionProps.\ntype StyleInterpolationProps = Pick<DimensionProps, Dimension>;\n\ntype AspectRatioProps = StyleInterpolationProps & {\n  /**\n   * The box’s preferred aspect ratio is the specified ratio of width / height. When ratio is 1/1\n   * it is a square.\n   */\n  ratio?: Ratio;\n  /**\n   * The child.\n   */\n  children: VNode<any>;\n};\n\n// Create an array [dimensionInterpolations['maxWidth'], dimensionInterpolations['width'], dimensionInterpolations['minWidth']]\nconst widthDimensionInterpolation = Array.from(dimensions, (x) => dimensionInterpolations[x]);\nconst interpolations = mergeInterpolations<StyleInterpolationProps>(widthDimensionInterpolation);\n\n/**\n * The AspectRatio component displays its content with a certain ratio based on the dimension\n * properties. Overflow content is hidden.\n *\n * It uses a common padding-bottom hack to do this. In future versions it will\n * be implemented using the CSS's aspect-ratio property when the browsers we need to support\n * all have it. For example, Safari 15 has it, but we won't drop Safari 14 until jet 14.\n *\n */\nexport function AspectRatio({ children, ratio = '1/1', ...props }: AspectRatioProps) {\n  const { class: cls, ...styles } = interpolations(props);\n  const stylesWithAspectRatioVar = { ...styles, '--oj-c-PRIVATE-DO-NOT-USE-aspect-ratio': ratio };\n  return (\n    <div class={classNames([baseDivStyles, cls])} style={stylesWithAspectRatioVar}>\n      {children}\n    </div>\n  );\n}\n"],"names":["ratios","stringLiteralArray","dimensions","widthDimensionInterpolation","Array","from","x","dimensionInterpolations","interpolations","mergeInterpolations","_a","_b","props","class","cls","styles","__rest"],"mappings":"mYA0BA,MAoCAA,EAAAC,EAAAA,mBAAA,qLA4BAC,EAAAD,EAAAA,mBAAA,CAAA,WAAA,WAAA,UAoBAE,EAAAC,MAAAC,KAAAH,EAAAI,GAAAC,EAAAA,wBAAAD,IACAE,EAAAC,EAAAA,oBAAAN,iBAWA,SAAAO,sEACE,MAAAC,EAAAH,EAAAI,IAAAC,MAAAC,GAAAH,EAAAI,EAAAC,EAAAA,OAAAL,EAAA,CAAA,kJAjGF"}

package/amd/UNSAFE_Avatar.css

@@ -1,9 +1,8 @@
-.base-1n8828r{display:inline-grid;height:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size);width:var(--oj-c-PRIVATE-DO-NOT-USE--avatar-size);}
-.circle-2kloix{--oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius:50%;}
-.childrenStyles-ov9kk8 > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
-.base-h4ywqv{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius);align-self:stretch;align-items:center;justify-content:center;display:flex;height:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size);grid-row-start:1;grid-column-start:1;grid-row-end:2;grid-column-end:2;background-position:center center;overflow-x:hidden;overflow-y:hidden;}
-.content-wp7ik0{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-bg-color);color:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-text-color);background-size:196px 196px;background-image:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-pattern);}
-.image-1w0w47x{background-size:cover;}
-.initials-5g2coy{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-weight);}
-.icon-121n8mf{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-icon-font-size);}
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2plbmtpbnMvdWl0ZWNoL3dvcmtzcGFjZS9PSkVUX0NvZGVfMTQuMC43L3BhY2thZ2VzL29yYWNsZWpldC1wcmVhY3Qvc3JjL1VOU0FGRV9BdmF0YXIvQXZhdGFyLnRzeCJdLCJuYW1lcyI6WyIuYmFzZS0xbjg4MjhyIiwiLmNpcmNsZS0ya2xvaXgiLCIuY2hpbGRyZW5TdHlsZXMtb3Y5a2s4IiwiLmJhc2UtaDR5d3F2IiwiLmNvbnRlbnQtd3A3aWswIiwiLmltYWdlLTF3MHc0N3giLCIuaW5pdGlhbHMtNWcyY295IiwiLmljb24tMTIxbjhtZiJdLCJtYXBwaW5ncyI6IkFBc0RJQTtBQUtBQztBQUlFQztBQVVGQztBQWdCQUM7QUFNQUM7QUFHQUM7QUFJQUMiLCJmaWxlIjoiL2hvbWUvamVua2lucy91aXRlY2gvd29ya3NwYWNlL09KRVRfQ29kZV8xNC4wLjcvcGFja2FnZXMvb3JhY2xlamV0LXByZWFjdC9zcmMvVU5TQUZFX0F2YXRhci9BdmF0YXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19yZXN0IH0gZnJvbSBcInRzbGliXCI7XG5pbXBvcnQgeyBqc3ggYXMgX2pzeCB9IGZyb20gXCJwcmVhY3QvanN4LXJ1bnRpbWVcIjtcbi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCAoYykgJUZJUlNUX1lFQVIlICVDVVJSRU5UX1lFQVIlLCBPcmFjbGUgYW5kL29yIGl0cyBhZmZpbGlhdGVzLlxuICogTGljZW5zZWQgdW5kZXIgVGhlIFVuaXZlcnNhbCBQZXJtaXNzaXZlIExpY2Vuc2UgKFVQTCksIFZlcnNpb24gMS4wXG4gKiBhcyBzaG93biBhdCBodHRwczovL29zcy5vcmFjbGUuY29tL2xpY2Vuc2VzL3VwbC9cbiAqIEBpZ25vcmVcbiAqL1xuaW1wb3J0IHsgY2xhc3NOYW1lcyB9IGZyb20gJy4uL3V0aWxzL1VOU0FGRV9jbGFzc05hbWVzJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ2xpbmFyaWEnO1xuLyoqXG4gKiBBbiBhdmF0YXIgcmVwcmVzZW50cyBhIHBlcnNvbiBvciBlbnRpdHkgYXMgaW5pdGlhbHMgb3IgYW4gaW1hZ2UuXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBBdmF0YXIoX2EpIHtcbiAgICB2YXIgeyBjaGlsZHJlbiwgc3JjIH0gPSBfYSwgb3RoZXJQcm9wcyA9IF9fcmVzdChfYSwgW1wiY2hpbGRyZW5cIiwgXCJzcmNcIl0pO1xuICAgIGlmIChzcmMgJiYgIWNoaWxkcmVuKSB7XG4gICAgICAgIHJldHVybiBfanN4KEltYWdlQXZhdGFyLCBPYmplY3QuYXNzaWduKHsgc3JjOiBzcmMgfSwgb3RoZXJQcm9wcykpO1xuICAgIH1cbiAgICBlbHNlIHtcbiAgICAgICAgcmV0dXJuIF9qc3goQ29udGVudEF2YXRhciwgT2JqZWN0LmFzc2lnbih7fSwgb3RoZXJQcm9wcywgeyBjaGlsZHJlbjogY2hpbGRyZW4gfSkpO1xuICAgIH1cbn1cbmNvbnN0IEltYWdlQXZhdGFyID0gKF9hKSA9PiB7XG4gICAgdmFyIHsgc3JjIH0gPSBfYSwgb3RoZXJQcm9wcyA9IF9fcmVzdChfYSwgW1wic3JjXCJdKTtcbiAgICBjb25zdCBjbGFzc2VzID0gY2xhc3NOYW1lcyhbY29udGVudFN0eWxlcy5iYXNlLCBjb250ZW50U3R5bGVzLmltYWdlXSk7XG4gICAgcmV0dXJuIChfanN4KEF2YXRhcldyYXBwZXIsIE9iamVjdC5hc3NpZ24oe30sIG90aGVyUHJvcHMsIHsgY2hpbGRyZW46IF9qc3goXCJkaXZcIiwgeyBjbGFzczogY2xhc3Nlcywgc3R5bGU6IHsgYmFja2dyb3VuZEltYWdlOiBgdXJsKCR7c3JjfSlgIH0gfSkgfSkpKTtcbn07XG5jb25zdCBDb250ZW50QXZhdGFyID0gKF9hKSA9PiB7XG4gICAgdmFyIHsgY2hpbGRyZW4sIGluaXRpYWxzIH0gPSBfYSwgb3RoZXJQcm9wcyA9IF9fcmVzdChfYSwgW1wiY2hpbGRyZW5cIiwgXCJpbml0aWFsc1wiXSk7XG4gICAgY29uc3QgY2xhc3NlcyA9IFtcbiAgICAgICAgY29udGVudFN0eWxlcy5iYXNlLFxuICAgICAgICBjb250ZW50U3R5bGVzLmNvbnRlbnQsXG4gICAgICAgIGluaXRpYWxzID8gY29udGVudFN0eWxlcy5pbml0aWFscyA6IGNvbnRlbnRTdHlsZXMuaWNvbixcbiAgICAgICAgIWluaXRpYWxzICYmIGNoaWxkcmVuU3R5bGVzXG4gICAgXTtcbiAgICBjb25zdCBjaGlsZENvbnRlbnQgPSBpbml0aWFscyB8fCBjaGlsZHJlbjtcbiAgICByZXR1cm4gKF9qc3goQXZhdGFyV3JhcHBlciwgT2JqZWN0LmFzc2lnbih7fSwgb3RoZXJQcm9wcywgeyBjaGlsZHJlbjogX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgXCJhcmlhLWhpZGRlblwiOiBcInRydWVcIiwgY2xhc3M6IGNsYXNzTmFtZXMoY2xhc3NlcykgfSwgeyBjaGlsZHJlbjogY2hpbGRDb250ZW50IH0pKSB9KSkpO1xufTtcbmNvbnN0IEF2YXRhcldyYXBwZXIgPSAoeyBiYWNrZ3JvdW5kID0gJ25ldXRyYWwnLCBzaXplID0gJ21kJywgc2hhcGUgPSAnc3F1YXJlJywgY2hpbGRyZW4sIGFjY2Vzc2libGVMYWJlbCB9KSA9PiB7XG4gICAgY29uc3QgY2xhc3NlcyA9IGNsYXNzTmFtZXMoW1xuICAgICAgICBzdHlsZXMuYmFzZSxcbiAgICAgICAgYG9qLWMtYXZhdGFyLWJnLSR7YmFja2dyb3VuZH1gLFxuICAgICAgICBgb2otYy1hdmF0YXItJHtzaXplfWAsXG4gICAgICAgIHNoYXBlID09PSAnY2lyY2xlJyAmJiBzdHlsZXMuY2lyY2xlXG4gICAgXSk7XG4gICAgaWYgKGFjY2Vzc2libGVMYWJlbCkge1xuICAgICAgICByZXR1cm4gKF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IFwiYXJpYS1sYWJlbFwiOiBhY2Nlc3NpYmxlTGFiZWwsIHJvbGU6IFwiaW1nXCIsIGNsYXNzOiBjbGFzc2VzIH0sIHsgY2hpbGRyZW46IGNoaWxkcmVuIH0pKSk7XG4gICAgfVxuICAgIGVsc2Uge1xuICAgICAgICByZXR1cm4gX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgY2xhc3M6IGNsYXNzZXMgfSwgeyBjaGlsZHJlbjogY2hpbGRyZW4gfSkpO1xuICAgIH1cbn07XG5jb25zdCBzdHlsZXMgPSB7XG4gICAgYmFzZTogY3NzIGAke3tcbiAgICAgICAgZGlzcGxheTogJ2lubGluZS1ncmlkJyxcbiAgICAgICAgaGVpZ2h0OiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtYXZhdGFyLXNpemUpJyxcbiAgICAgICAgd2lkdGg6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS0tYXZhdGFyLXNpemUpJ1xuICAgIH19YCxcbiAgICBjaXJjbGU6IGNzcyBgJHt7XG4gICAgICAgICctLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWF2YXRhci1ib3JkZXItcmFkaXVzJzogJzUwJSdcbiAgICB9fWBcbn07XG5jb25zdCBjaGlsZHJlblN0eWxlcyA9IGNzcyBgJHt7XG4gICAgLyogQHRzLWlnbm9yZSAqL1xuICAgICcmID4gKic6IHtcbiAgICAgICAgbWFyZ2luVG9wOiAnMCAhaW1wb3J0YW50JyxcbiAgICAgICAgbWFyZ2luQm90dG9tOiAnMCAhaW1wb3J0YW50JyxcbiAgICAgICAgbWFyZ2luTGVmdDogJzAgIWltcG9ydGFudCcsXG4gICAgICAgIG1hcmdpblJpZ2h0OiAnMCAhaW1wb3J0YW50J1xuICAgIH1cbn19YDtcbmNvbnN0IGNvbnRlbnRTdHlsZXMgPSB7XG4gICAgYmFzZTogY3NzIGAke3tcbiAgICAgICAgYm9yZGVyUmFkaXVzOiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtYXZhdGFyLWJvcmRlci1yYWRpdXMpJyxcbiAgICAgICAgYWxpZ25TZWxmOiAnc3RyZXRjaCcsXG4gICAgICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgICAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gICAgICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICAgICAgaGVpZ2h0OiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtYXZhdGFyLXNpemUpJyxcbiAgICAgICAgd2lkdGg6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1hdmF0YXItc2l6ZSknLFxuICAgICAgICBncmlkUm93U3RhcnQ6ICcxJyxcbiAgICAgICAgZ3JpZENvbHVtblN0YXJ0OiAnMScsXG4gICAgICAgIGdyaWRSb3dFbmQ6ICcyJyxcbiAgICAgICAgZ3JpZENvbHVtbkVuZDogJzInLFxuICAgICAgICBiYWNrZ3JvdW5kUG9zaXRpb246ICdjZW50ZXIgY2VudGVyJyxcbiAgICAgICAgb3ZlcmZsb3dYOiAnaGlkZGVuJyxcbiAgICAgICAgb3ZlcmZsb3dZOiAnaGlkZGVuJ1xuICAgIH19YCxcbiAgICBjb250ZW50OiBjc3MgYCR7e1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1hdmF0YXItYmctY29sb3IpJyxcbiAgICAgICAgY29sb3I6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1hdmF0YXItdGV4dC1jb2xvciknLFxuICAgICAgICBiYWNrZ3JvdW5kU2l6ZTogJzE5NnB4IDE5NnB4JyxcbiAgICAgICAgYmFja2dyb3VuZEltYWdlOiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtYXZhdGFyLXBhdHRlcm4pJ1xuICAgIH19YCxcbiAgICBpbWFnZTogY3NzIGAke3tcbiAgICAgICAgYmFja2dyb3VuZFNpemU6ICdjb3ZlcidcbiAgICB9fWAsXG4gICAgaW5pdGlhbHM6IGNzcyBgJHt7XG4gICAgICAgIGZvbnRTaXplOiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtYXZhdGFyLWluaXRpYWxzLWZvbnQtc2l6ZSknLFxuICAgICAgICBmb250V2VpZ2h0OiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtYXZhdGFyLWluaXRpYWxzLWZvbnQtd2VpZ2h0KSdcbiAgICB9fWAsXG4gICAgaWNvbjogY3NzIGAke3tcbiAgICAgICAgZm9udFNpemU6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1hdmF0YXItaWNvbi1mb250LXNpemUpJ1xuICAgIH19YFxufTtcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUF2YXRhci5qcy5tYXAiXX0=*/
+._9c0m9{display:inline-grid;height:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size);width:var(--oj-c-PRIVATE-DO-NOT-USE--avatar-size);}
+.l43w2t{--oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius:50%;}
+._1gbasol > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+._1giwjjx{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius);align-self:stretch;align-items:center;justify-content:center;display:flex;height:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size);grid-row-start:1;grid-column-start:1;grid-row-end:2;grid-column-end:2;background-position:center center;overflow-x:hidden;overflow-y:hidden;}
+._1l5qdoh{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-bg-color);color:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-text-color);background-size:196px 196px;background-image:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-pattern);}
+.dl78b6{background-size:cover;}
+.cu0j26{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-weight);}
+._1rcspw3{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-avatar-icon-font-size);}

package/amd/UNSAFE_Avatar.js

@@ -1,107 +1,2 @@
-/* @oracle/oraclejet-preact: 14.0.7 */
-define(['exports', './tslib.es6-71b1ba5b', 'preact/jsx-runtime', './utils/UNSAFE_classNames', "css!./UNSAFE_Avatar.css", './classNames-027de734'], (function (exports, tslib_es6, jsxRuntime, utils_UNSAFE_classNames, linaria, classNames) { 'use strict';
-
-    /**
-     * An avatar represents a person or entity as initials or an image.
-     */
-
-    function Avatar(_a) {
-      var {
-        children,
-        src
-      } = _a,
-          otherProps = tslib_es6.__rest(_a, ["children", "src"]);
-
-      if (src && !children) {
-        return jsxRuntime.jsx(ImageAvatar, Object.assign({
-          src: src
-        }, otherProps));
-      } else {
-        return jsxRuntime.jsx(ContentAvatar, Object.assign({}, otherProps, {
-          children: children
-        }));
-      }
-    }
-
-    const ImageAvatar = _a => {
-      var {
-        src
-      } = _a,
-          otherProps = tslib_es6.__rest(_a, ["src"]);
-
-      const classes = classNames.classNames([contentStyles.base, contentStyles.image]);
-      return jsxRuntime.jsx(AvatarWrapper, Object.assign({}, otherProps, {
-        children: jsxRuntime.jsx("div", {
-          class: classes,
-          style: {
-            backgroundImage: `url(${src})`
-          }
-        })
-      }));
-    };
-
-    const ContentAvatar = _a => {
-      var {
-        children,
-        initials
-      } = _a,
-          otherProps = tslib_es6.__rest(_a, ["children", "initials"]);
-
-      const classes = [contentStyles.base, contentStyles.content, initials ? contentStyles.initials : contentStyles.icon, !initials && childrenStyles];
-      const childContent = initials || children;
-      return jsxRuntime.jsx(AvatarWrapper, Object.assign({}, otherProps, {
-        children: jsxRuntime.jsx("div", Object.assign({
-          "aria-hidden": "true",
-          class: classNames.classNames(classes)
-        }, {
-          children: childContent
-        }))
-      }));
-    };
-
-    const AvatarWrapper = ({
-      background = 'neutral',
-      size = 'md',
-      shape = 'square',
-      children,
-      accessibleLabel
-    }) => {
-      const classes = classNames.classNames([styles.base, `oj-c-avatar-bg-${background}`, `oj-c-avatar-${size}`, shape === 'circle' && styles.circle]);
-
-      if (accessibleLabel) {
-        return jsxRuntime.jsx("div", Object.assign({
-          "aria-label": accessibleLabel,
-          role: "img",
-          class: classes
-        }, {
-          children: children
-        }));
-      } else {
-        return jsxRuntime.jsx("div", Object.assign({
-          class: classes
-        }, {
-          children: children
-        }));
-      }
-    };
-
-    const styles = {
-      base: "base-1n8828r",
-      circle: "circle-2kloix"
-    };
-    const childrenStyles = "childrenStyles-ov9kk8";
-    const contentStyles = {
-      base: "base-h4ywqv",
-      content: "content-wp7ik0",
-      image: "image-1w0w47x",
-      initials: "initials-5g2coy",
-      icon: "icon-121n8mf"
-    };
-
-    exports.Avatar = Avatar;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-}));
-/*  */
+define(["exports","./tslib.es6-76a2c4b1","preact/jsx-runtime","./utils/UNSAFE_classNames","css!./UNSAFE_Avatar.css","./classNames-8316ee15"],function(s,e,a,c,i,r){"use strict";const n=s=>{var{src:c}=s,i=e.__rest(s,["src"]);const n=r.classNames([j.base,j.image]);return a.jsx(t,Object.assign({},i,{children:a.jsx("div",{class:n,style:{backgroundImage:`url(${c})`}})}))},l=s=>{var{children:c,initials:i}=s,n=e.__rest(s,["children","initials"]);const l=[j.base,j.content,i?j.initials:j.icon,!i&&b],d=i||c;return a.jsx(t,Object.assign({},n,{children:a.jsx("div",Object.assign({"aria-hidden":"true",class:r.classNames(l)},{children:d}))}))},t=({background:s="neutral",size:e="md",shape:c="square",children:i,accessibleLabel:n})=>{const l=r.classNames([d.base,`oj-c-avatar-bg-${s}`,`oj-c-avatar-${e}`,"circle"===c&&d.circle]);return n?a.jsx("div",Object.assign({"aria-label":n,role:"img",class:l},{children:i})):a.jsx("div",Object.assign({class:l},{children:i}))},d={base:"_9c0m9",circle:"l43w2t"},b="_1gbasol",j={base:"_1giwjjx",content:"_1l5qdoh",image:"dl78b6",initials:"cu0j26",icon:"_1rcspw3"};s.Avatar=function(s){var{children:c,src:i}=s,r=e.__rest(s,["children","src"]);return i&&!c?a.jsx(n,Object.assign({src:i},r)):a.jsx(l,Object.assign({},r,{children:c}))},Object.defineProperty(s,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_Avatar.js.map

package/amd/UNSAFE_Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_Avatar.js","sources":["../../src/UNSAFE_Avatar/Avatar.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 { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children'>;\ntype Props = {\n  /**\n   * Specifies the source for the image of the avatar.  Will only be displayed if no icon component is specified as a child.  Image will be rendered as a\n   * background image.\n   */\n  src?: string;\n  /**\n   * Specifies the initials of the avatar.  Will only be displayed if both the src attribute and the child icon component are not specified.\n   */\n  initials?: string;\n  /**\n   * Specifies the background of the avatar.\n   */\n  background?:\n    | 'neutral'\n    | 'orange'\n    | 'green'\n    | 'teal'\n    | 'blue'\n    | 'slate'\n    | 'pink'\n    | 'purple'\n    | 'lilac'\n    | 'gray';\n\n  /**\n   * Specifies the size of the avatar.\n   */\n  size?: '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';\n\n  /**\n   * Specifies the shape of the avatar. Can be square or circle.  The default value of this\n   * property varies by theme.\n   */\n  shape?: 'square' | 'circle';\n  /**\n   * AccessibleLabel does not need to be set if associated information is available to assistive technologies elsewhere on the page,\n   * for example if a person's name is shown next to the avatar.\n   * Otherwise accessibleLabel must be set to make the page accessible.\n   *\n   *  If accessibleLabel  is set, role will internally be set to 'img'.\n   */\n  accessibleLabel?: string;\n} & IntrinsicProps;\n\n/**\n * An avatar represents a person or entity as initials or an image.\n */\nexport function Avatar({ children, src, ...otherProps }: Props) {\n  if (src && !children) {\n    return <ImageAvatar src={src} {...otherProps}></ImageAvatar>;\n  } else {\n    return <ContentAvatar {...otherProps}>{children}</ContentAvatar>;\n  }\n}\n\nconst ImageAvatar = ({ src, ...otherProps }: Props) => {\n  const classes = classNames([contentStyles.base, contentStyles.image]);\n  return (\n    <AvatarWrapper {...otherProps}>\n      <div class={classes} style={{ backgroundImage: `url(${src})` }}></div>\n    </AvatarWrapper>\n  );\n};\n\nconst ContentAvatar = ({ children, initials, ...otherProps }: Props) => {\n  const classes = [\n    contentStyles.base,\n    contentStyles.content,\n    initials ? contentStyles.initials : contentStyles.icon,\n    !initials && childrenStyles\n  ];\n\n  const childContent = initials || children;\n  return (\n    <AvatarWrapper {...otherProps}>\n      <div aria-hidden=\"true\" class={classNames(classes)}>\n        {childContent}\n      </div>\n    </AvatarWrapper>\n  );\n};\n\nconst AvatarWrapper = ({\n  background = 'neutral',\n  size = 'md',\n  shape = 'square',\n  children,\n  accessibleLabel\n}: Props) => {\n  const classes = classNames([\n    styles.base,\n    `oj-c-avatar-bg-${background}`,\n    `oj-c-avatar-${size}`,\n    shape === 'circle' && styles.circle\n  ]);\n  if (accessibleLabel) {\n    return (\n      <div aria-label={accessibleLabel} role=\"img\" class={classes}>\n        {children}\n      </div>\n    );\n  } else {\n    return <div class={classes}>{children}</div>;\n  }\n};\n\nconst styles = {\n  base: cssProps`${{\n    display: 'inline-grid',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE--avatar-size)'\n  }}`,\n\n  circle: cssProps`${{\n    '--oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius': '50%'\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 contentStyles = {\n  base: cssProps`${{\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius)',\n    alignSelf: 'stretch',\n    alignItems: 'center',\n    justifyContent: 'center',\n    display: 'flex',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size)',\n    gridRowStart: '1',\n    gridColumnStart: '1',\n    gridRowEnd: '2',\n    gridColumnEnd: '2',\n    backgroundPosition: 'center center',\n    overflowX: 'hidden',\n    overflowY: 'hidden'\n  }}`,\n  content: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-bg-color)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-text-color)',\n    backgroundSize: '196px 196px',\n    backgroundImage: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-pattern)'\n  }}`,\n  image: cssProps`${{\n    backgroundSize: 'cover'\n  }}`,\n  initials: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-weight)'\n  }}`,\n  icon: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-icon-font-size)'\n  }}`\n};\n"],"names":["Avatar","_a","src","children","_jsx","ContentAvatar","Object","assign","otherProps","ImageAvatar","__rest","classes","classNames","contentStyles","base","image","content","childContent","initials","AvatarWrapper","background","size","shape","accessibleLabel","styles","circle","role","class","childrenStyles"],"mappings":";;;IAyDA;;IAEG;;IACH,SAAAA,MAAA,CAAAC,EAAA,EAAA;;;;;;;IACE,EAAA,IAAAC,GAAA,IAAA,CAAAC,QAAA,EAAA;;;;IAEC,GAFD,MAEO;QACL,OAAAC,cAAA,CAAAC,aAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,EAAAC,UAAA,EAAA;IAAAL,MAAAA,QAAA,EAAAA,QAAAA;IAAA,KAAA,CAAA,CAAA,CAAA;IACD,GAAA;IACH,CAAA;;IAEA,MAAAM,WAAA,GAAAR,EAAA,IAAA;MAAqB,IAAA;IAAAC,IAAAA,GAAAA;IAAA,GAAA,GAAAD,EAAA;UAAAO,UAAA,GAAAE,gBAAA,CAAAT,EAAA,EAAA,CAAA,KAAA,CAAA,CAAA,CAAA;;IACnB,EAAA,MAAAU,OAAA,GAAAC,qBAAA,CAAA,CAAAC,aAAA,CAAAC,IAAA,EAAAD,aAAA,CAAAE,KAAA,CAAA,CAAA,CAAA;;;;;;;;;IAMF,CAPA,CAAA;;IASA,MAAAV,aAAA,GAAAJ,EAAA,IAAA;;;;;;;MACE,MAAAU,OAAA,GAAA,CACEE,aAAA,CAAAC,IADF,EAEED,aAAA,CAAAG,OAFF,wDAAA,6BAAA,CAAA,CAAA;IAOA,EAAA,MAAAC,YAAA,GAAAC,QAAA,IAAAf,QAAA,CAAA;;;;;;;;;IAQF,CAhBA,CAAA;;IAkBA,MAAAgB,aAAA,GAAA,CAAA;IAAAC,EAAAA,UAAA,GAAA,SAAA;IAAAC,EAAAA,IAAA,GAAA,IAAA;IAAAC,EAAAA,KAAA,GAAA,QAAA;MAAAnB,QAAA;IAAAoB,EAAAA,eAAAA;IAAA,CAAA,KAAA;6CAQIC,MAAA,CAAAV,MACA,CAAA,eAAA,EAAAM,UAAA,CAAA,GACA,CAAAC,YAAAA,EAAAA,IAAA,IACAC,KAAA,KAAA,QAAA,IAAAE,MAAA,CAAAC;;IAEF,EAAA,IAAAF,eAAA,EAAA;IACE,IAAA,OAAAnB,cAAA,CAAA,KAAA,EAAAE,MAAA,CAAAC,MAAA,CAAA;IAAA,MAAA,YAAA,EAAAgB,eAAA;IAAAG,MAAAA,IAAA,EAAA,KAAA;IAAAC,MAAAA,KAAA,EAAAhB,OAAAA;IAAA,KAAA,EAAA;IAAAR,MAAAA,QAAA,EAAAA,QAAAA;IAAA,KAAA,CAAA,CAAA,CAAA;IAKD,GAND,MAMO;IACL,IAAA,OAAAC,cAAA,CAAA,KAAA,EAAAE,MAAA,CAAAC,MAAA,CAAA;IAAAoB,MAAAA,KAAA,EAAAhB,OAAAA;IAAA,KAAA,EAAA;IAAAR,MAAAA,QAAA,EAAAA,QAAAA;IAAA,KAAA,CAAA,CAAA,CAAA;IACD,GAAA;IACH,CAtBA,CAAA;;IAwBA,MAAAqB,MAAA,GAAA;YAAA,cAAA;;IAAA,CAAA,CAAA;IAYA,MAAAI,cAAA,GAAA,uBAAA,CAAA;IAUA,MAAAf,aAAA,GAAA;YAAA,aAAA;eAAA,gBAAA;aAAA,eAAA;gBAAA,iBAAA;;IAAA,CAAA;;;;;;;;;;;;;"}
+{"version":3,"file":"UNSAFE_Avatar.js","sources":["../../src/UNSAFE_Avatar/Avatar.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 { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children'>;\ntype Props = {\n  /**\n   * Specifies the source for the image of the avatar.  Will only be displayed if no icon component is specified as a child.  Image will be rendered as a\n   * background image.\n   */\n  src?: string;\n  /**\n   * Specifies the initials of the avatar.  Will only be displayed if both the src attribute and the child icon component are not specified.\n   */\n  initials?: string;\n  /**\n   * Specifies the background of the avatar.\n   */\n  background?:\n    | 'neutral'\n    | 'orange'\n    | 'green'\n    | 'teal'\n    | 'blue'\n    | 'slate'\n    | 'pink'\n    | 'purple'\n    | 'lilac'\n    | 'gray';\n\n  /**\n   * Specifies the size of the avatar.\n   */\n  size?: '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';\n\n  /**\n   * Specifies the shape of the avatar. Can be square or circle.  The default value of this\n   * property varies by theme.\n   */\n  shape?: 'square' | 'circle';\n  /**\n   * AccessibleLabel does not need to be set if associated information is available to assistive technologies elsewhere on the page,\n   * for example if a person's name is shown next to the avatar.\n   * Otherwise accessibleLabel must be set to make the page accessible.\n   *\n   *  If accessibleLabel  is set, role will internally be set to 'img'.\n   */\n  accessibleLabel?: string;\n} & IntrinsicProps;\n\n/**\n * An avatar represents a person or entity as initials or an image.\n */\nexport function Avatar({ children, src, ...otherProps }: Props) {\n  if (src && !children) {\n    return <ImageAvatar src={src} {...otherProps}></ImageAvatar>;\n  } else {\n    return <ContentAvatar {...otherProps}>{children}</ContentAvatar>;\n  }\n}\n\nconst ImageAvatar = ({ src, ...otherProps }: Props) => {\n  const classes = classNames([contentStyles.base, contentStyles.image]);\n  return (\n    <AvatarWrapper {...otherProps}>\n      <div class={classes} style={{ backgroundImage: `url(${src})` }}></div>\n    </AvatarWrapper>\n  );\n};\n\nconst ContentAvatar = ({ children, initials, ...otherProps }: Props) => {\n  const classes = [\n    contentStyles.base,\n    contentStyles.content,\n    initials ? contentStyles.initials : contentStyles.icon,\n    !initials && childrenStyles\n  ];\n\n  const childContent = initials || children;\n  return (\n    <AvatarWrapper {...otherProps}>\n      <div aria-hidden=\"true\" class={classNames(classes)}>\n        {childContent}\n      </div>\n    </AvatarWrapper>\n  );\n};\n\nconst AvatarWrapper = ({\n  background = 'neutral',\n  size = 'md',\n  shape = 'square',\n  children,\n  accessibleLabel\n}: Props) => {\n  const classes = classNames([\n    styles.base,\n    `oj-c-avatar-bg-${background}`,\n    `oj-c-avatar-${size}`,\n    shape === 'circle' && styles.circle\n  ]);\n  if (accessibleLabel) {\n    return (\n      <div aria-label={accessibleLabel} role=\"img\" class={classes}>\n        {children}\n      </div>\n    );\n  } else {\n    return <div class={classes}>{children}</div>;\n  }\n};\n\nconst styles = {\n  base: cssProps`${{\n    display: 'inline-grid',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE--avatar-size)'\n  }}`,\n\n  circle: cssProps`${{\n    '--oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius': '50%'\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 contentStyles = {\n  base: cssProps`${{\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-border-radius)',\n    alignSelf: 'stretch',\n    alignItems: 'center',\n    justifyContent: 'center',\n    display: 'flex',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-size)',\n    gridRowStart: '1',\n    gridColumnStart: '1',\n    gridRowEnd: '2',\n    gridColumnEnd: '2',\n    backgroundPosition: 'center center',\n    overflowX: 'hidden',\n    overflowY: 'hidden'\n  }}`,\n  content: cssProps`${{\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-bg-color)',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-text-color)',\n    backgroundSize: '196px 196px',\n    backgroundImage: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-pattern)'\n  }}`,\n  image: cssProps`${{\n    backgroundSize: 'cover'\n  }}`,\n  initials: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-size)',\n    fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-initials-font-weight)'\n  }}`,\n  icon: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-avatar-icon-font-size)'\n  }}`\n};\n"],"names":["ImageAvatar","_a","src","otherProps","__rest","classes","classNames","contentStyles","base","image","ContentAvatar","content","childContent","initials","children","AvatarWrapper","background","size","shape","accessibleLabel","styles","circle","_jsx","Object","assign","role","class","childrenStyles"],"mappings":"gKAoEA,MAAAA,EAAAC,IAAqB,IAAAC,IAAAA,GAAAD,EAAAE,EAAAC,EAAAA,OAAAH,EAAA,CAAA,QACnB,MAAAI,EAAAC,EAAAA,WAAA,CAAAC,EAAAC,KAAAD,EAAAE,mHAQFC,EAAAT,uEACE,MAAAI,EAAA,CACEE,EAAAC,KACAD,EAAAI,mCAKFC,EAAAC,GAAAC,wIAUFC,EAAA,EAAAC,WAAAA,EAAA,UAAAC,KAAAA,EAAA,KAAAC,MAAAA,EAAA,SAAAJ,SAAAA,EAAAK,gBAAAA,4BAQIC,EAAAZ,KACA,kBAAAQ,IACA,eAAAC,IACA,WAAAC,GAAAE,EAAAC,SAEF,OAAAF,EACEG,MAAA,MAAAC,OAAAC,OAAA,CAAA,aAAAL,EAAAM,KAAA,MAAAC,MAAArB,GAAA,CAAAS,SAAAA,KAMAQ,MAAA,MAAAC,OAAAC,OAAA,CAAAE,MAAArB,GAAA,CAAAS,SAAAA,MAIJM,EAAA,MAAA,0BAYAO,EAAA,WAUApB,EAAA,MAAA,mBAAA,iBAAA,kBAAA,mCAjFA,SAAAN,4DACE,OAAAC,IAAAY,oCAGEQ,EAAAA,IAAAZ,EAAAa,OAAAC,OAAA,GAAArB,EAAA,CAAAW,SAAAA"}

package/amd/UNSAFE_Badge.css

@@ -1,14 +1,13 @@
-.base-1xjy4o6{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color);color:var(--oj-c-PRIVATE-DO-NOT-USE-badge-text-color);display:inline-block;padding-top:0;padding-bottom:0;padding-left:var(--oj-c-PRIVATE-DO-NOT-USE-badge-padding);padding-right:var(--oj-c-PRIVATE-DO-NOT-USE-badge-padding);box-sizing:border-box;border-top-left-radius:var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius);border-top-right-radius:var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius);border-bottom-right-radius:var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius);border-bottom-left-radius:var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius);height:var(--oj-c-PRIVATE-DO-NOT-USE-badge-height);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-badge-height);min-width:var(--oj-c-PRIVATE-DO-NOT-USE-badge-height);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-weight);font-stretch:var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-stretch);overflow-x:hidden;overflow-y:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;vertical-align:middle;}
-.end-1ctukc0{border-top-right-radius:0;border-bottom-right-radius:0;}
-.neutral-1nmz899{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-contrast);}
-.danger-5ysw4v{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-contrast);}
-.warning-176abij{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-contrast);}
-.success-14i8mee{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-contrast);}
-.info-1mzxgyi{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-contrast);}
-.neutralSubtle-1b4gwtd{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-secondary-contrast);}
-.dangerSubtle-u0gys3{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-secondary-contrast);}
-.warningSubtle-pbjmxc{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-secondary-contrast);}
-.successSubtle-hy1ns{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-secondary-contrast);}
-.infoSubtle-1vewd82{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info--secondarycontrast);}
-.childrenMargins-1sz0l67 > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2plbmtpbnMvdWl0ZWNoL3dvcmtzcGFjZS9PSkVUX0NvZGVfMTQuMC43L3BhY2thZ2VzL29yYWNsZWpldC1wcmVhY3Qvc3JjL1VOU0FGRV9CYWRnZS9CYWRnZS50c3giXSwibmFtZXMiOlsiLmJhc2UtMXhqeTRvNiIsIi5lbmQtMWN0dWtjMCIsIi5uZXV0cmFsLTFubXo4OTkiLCIuZGFuZ2VyLTV5c3c0diIsIi53YXJuaW5nLTE3NmFiaWoiLCIuc3VjY2Vzcy0xNGk4bWVlIiwiLmluZm8tMW16eGd5aSIsIi5uZXV0cmFsU3VidGxlLTFiNGd3dGQiLCIuZGFuZ2VyU3VidGxlLXUwZ3lzMyIsIi53YXJuaW5nU3VidGxlLXBiam14YyIsIi5zdWNjZXNzU3VidGxlLWh5MW5zIiwiLmluZm9TdWJ0bGUtMXZld2Q4MiIsIi5jaGlsZHJlbk1hcmdpbnMtMXN6MGw2NyJdLCJtYXBwaW5ncyI6IkFBV0lBO0FBNkJBQztBQUlBQztBQUtBQztBQUtBQztBQUtBQztBQUtBQztBQUtBQztBQUtBQztBQUtBQztBQUtBQztBQUtBQztBQUtBQyIsImZpbGUiOiIvaG9tZS9qZW5raW5zL3VpdGVjaC93b3Jrc3BhY2UvT0pFVF9Db2RlXzE0LjAuNy9wYWNrYWdlcy9vcmFjbGVqZXQtcHJlYWN0L3NyYy9VTlNBRkVfQmFkZ2UvQmFkZ2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsganN4IGFzIF9qc3ggfSBmcm9tIFwicHJlYWN0L2pzeC1ydW50aW1lXCI7XG4vKipcbiAqIEBsaWNlbnNlXG4gKiBDb3B5cmlnaHQgKGMpICVGSVJTVF9ZRUFSJSAlQ1VSUkVOVF9ZRUFSJSwgT3JhY2xlIGFuZC9vciBpdHMgYWZmaWxpYXRlcy5cbiAqIExpY2Vuc2VkIHVuZGVyIFRoZSBVbml2ZXJzYWwgUGVybWlzc2l2ZSBMaWNlbnNlIChVUEwpLCBWZXJzaW9uIDEuMFxuICogYXMgc2hvd24gYXQgaHR0cHM6Ly9vc3Mub3JhY2xlLmNvbS9saWNlbnNlcy91cGwvXG4gKiBAaWdub3JlXG4gKi9cbmltcG9ydCB7IGNsYXNzTmFtZXMgfSBmcm9tICcuLi91dGlscy9VTlNBRkVfY2xhc3NOYW1lcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdsaW5hcmlhJztcbmNvbnN0IHN0eWxlcyA9IHtcbiAgICBiYXNlOiBjc3MgYCR7e1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1iYWRnZS1iZy1jb2xvciknLFxuICAgICAgICBjb2xvcjogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWJhZGdlLXRleHQtY29sb3IpJyxcbiAgICAgICAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gICAgICAgIHBhZGRpbmdUb3A6ICcwJyxcbiAgICAgICAgcGFkZGluZ0JvdHRvbTogJzAnLFxuICAgICAgICBwYWRkaW5nTGVmdDogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWJhZGdlLXBhZGRpbmcpJyxcbiAgICAgICAgcGFkZGluZ1JpZ2h0OiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtYmFkZ2UtcGFkZGluZyknLFxuICAgICAgICBib3hTaXppbmc6ICdib3JkZXItYm94JyxcbiAgICAgICAgYm9yZGVyVG9wTGVmdFJhZGl1czogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWJhZGdlLWJvcmRlci1yYWRpdXMpJyxcbiAgICAgICAgYm9yZGVyVG9wUmlnaHRSYWRpdXM6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1iYWRnZS1ib3JkZXItcmFkaXVzKScsXG4gICAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtYmFkZ2UtYm9yZGVyLXJhZGl1cyknLFxuICAgICAgICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtYmFkZ2UtYm9yZGVyLXJhZGl1cyknLFxuICAgICAgICBoZWlnaHQ6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1iYWRnZS1oZWlnaHQpJyxcbiAgICAgICAgbGluZUhlaWdodDogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWJhZGdlLWhlaWdodCknLFxuICAgICAgICBtaW5XaWR0aDogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWJhZGdlLWhlaWdodCknLFxuICAgICAgICBmb250U2l6ZTogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWJhZGdlLWZvbnQtc2l6ZSknLFxuICAgICAgICBmb250V2VpZ2h0OiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtYmFkZ2UtZm9udC13ZWlnaHQpJyxcbiAgICAgICAgZm9udFN0cmV0Y2g6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1iYWRnZS1mb250LXN0cmV0Y2gpJyxcbiAgICAgICAgb3ZlcmZsb3dYOiAnaGlkZGVuJyxcbiAgICAgICAgb3ZlcmZsb3dZOiAnaGlkZGVuJyxcbiAgICAgICAgd2hpdGVTcGFjZTogJ25vd3JhcCcsXG4gICAgICAgIHRleHRPdmVyZmxvdzogJ2VsbGlwc2lzJyxcbiAgICAgICAgdGV4dEFsaWduOiAnY2VudGVyJyxcbiAgICAgICAgdmVydGljYWxBbGlnbjogJ21pZGRsZSdcbiAgICB9fWAsXG4gICAgLy9yaWdodC1hbGlnbmVkIHdpdGggdGhlIHJpZ2h0IGVkZ2Ugb2YgYW5vdGhlciBjb21wb25lbnQgZm9yIGx0ciBkaXJlY3Rpb25cbiAgICAvL2xlZnQtYWxpZ25lZCBmb3IgcnRsIGRpcmVjdGlvbiBwZW5kaW5nIGJ5XG4gICAgLy9odHRwczovL2ppcmEub3JhY2xlY29ycC5jb20vamlyYS9icm93c2UvSkVULTQ3NTcyOiBuZWVkIGFuIGFwaSBmb3IgcnRsXG4gICAgZW5kOiBjc3MgYCR7e1xuICAgICAgICBib3JkZXJUb3BSaWdodFJhZGl1czogJzAnLFxuICAgICAgICBib3JkZXJCb3R0b21SaWdodFJhZGl1czogJzAnXG4gICAgfX1gLFxuICAgIG5ldXRyYWw6IGNzcyBgJHt7XG4gICAgICAgIC8qIHNvbGlkIG5ldXRyYWwgYmFkZ2VzICovXG4gICAgICAgICctLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWJhZGdlLWJnLWNvbG9yJzogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWNvcmUtbmV1dHJhbC0xKScsXG4gICAgICAgICctLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWJhZGdlLXRleHQtY29sb3InOiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtY29yZS1uZXV0cmFsLWNvbnRyYXN0KSdcbiAgICB9fWAsXG4gICAgZGFuZ2VyOiBjc3MgYCR7e1xuICAgICAgICAvKiBzb2xpZCBkYW5nZXIgYmFkZ2VzICovXG4gICAgICAgICctLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWJhZGdlLWJnLWNvbG9yJzogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWNvcmUtZGFuZ2VyLTEpJyxcbiAgICAgICAgJy0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtYmFkZ2UtdGV4dC1jb2xvcic6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1jb3JlLWRhbmdlci1jb250cmFzdCknXG4gICAgfX1gLFxuICAgIHdhcm5pbmc6IGNzcyBgJHt7XG4gICAgICAgIC8qIHNvbGlkIHdhcm5pbmcgYmFkZ2VzICovXG4gICAgICAgICctLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWJhZGdlLWJnLWNvbG9yJzogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWNvcmUtd2FybmluZy0xKScsXG4gICAgICAgICctLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWJhZGdlLXRleHQtY29sb3InOiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtY29yZS13YXJuaW5nLWNvbnRyYXN0KSdcbiAgICB9fWAsXG4gICAgc3VjY2VzczogY3NzIGAke3tcbiAgICAgICAgLyogc29saWQgc3VjY2VzcyBiYWRnZXMgKi9cbiAgICAgICAgJy0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtYmFkZ2UtYmctY29sb3InOiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtY29yZS1zdWNjZXNzLTEpJyxcbiAgICAgICAgJy0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtYmFkZ2UtdGV4dC1jb2xvcic6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1jb3JlLXN1Y2Nlc3MtY29udHJhc3QpJ1xuICAgIH19YCxcbiAgICBpbmZvOiBjc3MgYCR7e1xuICAgICAgICAvKiBzb2xpZCBpbmZvIGJhZGdlcyAqL1xuICAgICAgICAnLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1iYWRnZS1iZy1jb2xvcic6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1jb3JlLWluZm8tMSknLFxuICAgICAgICAnLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1iYWRnZS10ZXh0LWNvbG9yJzogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWNvcmUtaW5mby1jb250cmFzdCknXG4gICAgfX1gLFxuICAgIG5ldXRyYWxTdWJ0bGU6IGNzcyBgJHt7XG4gICAgICAgIC8qIHN1YnRsZSBuZXV0cmFsIGJhZGdlcyAqL1xuICAgICAgICAnLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1iYWRnZS1iZy1jb2xvcic6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1jb3JlLW5ldXRyYWwtc2Vjb25kYXJ5LTEpJyxcbiAgICAgICAgJy0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtYmFkZ2UtdGV4dC1jb2xvcic6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1jb3JlLW5ldXRyYWwtc2Vjb25kYXJ5LWNvbnRyYXN0KSdcbiAgICB9fWAsXG4gICAgZGFuZ2VyU3VidGxlOiBjc3MgYCR7e1xuICAgICAgICAvKiBzdWJ0bGUgZGFuZ2VyIGJhZGdlcyAqL1xuICAgICAgICAnLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1iYWRnZS1iZy1jb2xvcic6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1jb3JlLWRhbmdlci1zZWNvbmRhcnktMSknLFxuICAgICAgICAnLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1iYWRnZS10ZXh0LWNvbG9yJzogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWNvcmUtZGFuZ2VyLXNlY29uZGFyeS1jb250cmFzdCknXG4gICAgfX1gLFxuICAgIHdhcm5pbmdTdWJ0bGU6IGNzcyBgJHt7XG4gICAgICAgIC8qIHN1YnRsZSB3YXJuaW5nIGJhZGdlcyAqL1xuICAgICAgICAnLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1iYWRnZS1iZy1jb2xvcic6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1jb3JlLXdhcm5pbmctc2Vjb25kYXJ5LTEpJyxcbiAgICAgICAgJy0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtYmFkZ2UtdGV4dC1jb2xvcic6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1jb3JlLXdhcm5pbmctc2Vjb25kYXJ5LWNvbnRyYXN0KSdcbiAgICB9fWAsXG4gICAgc3VjY2Vzc1N1YnRsZTogY3NzIGAke3tcbiAgICAgICAgLyogc3VidGxlIHN1Y2Nlc3MgYmFkZ2VzICovXG4gICAgICAgICctLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWJhZGdlLWJnLWNvbG9yJzogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWNvcmUtc3VjY2Vzcy1zZWNvbmRhcnktMSknLFxuICAgICAgICAnLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1iYWRnZS10ZXh0LWNvbG9yJzogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWNvcmUtc3VjY2Vzcy1zZWNvbmRhcnktY29udHJhc3QpJ1xuICAgIH19YCxcbiAgICBpbmZvU3VidGxlOiBjc3MgYCR7e1xuICAgICAgICAvKiBzdWJ0bGUgaW5mbyBiYWRnZXMgKi9cbiAgICAgICAgJy0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtYmFkZ2UtYmctY29sb3InOiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtY29yZS1pbmZvLXNlY29uZGFyeS0xKScsXG4gICAgICAgICctLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWJhZGdlLXRleHQtY29sb3InOiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtY29yZS1pbmZvLS1zZWNvbmRhcnljb250cmFzdCknXG4gICAgfX1gLFxuICAgIGNoaWxkcmVuTWFyZ2luczogY3NzIGAke3tcbiAgICAgICAgLyogQHRzLWlnbm9yZSAqL1xuICAgICAgICAnJiA+IConOiB7XG4gICAgICAgICAgICBtYXJnaW5Ub3A6ICcwICFpbXBvcnRhbnQnLFxuICAgICAgICAgICAgbWFyZ2luQm90dG9tOiAnMCAhaW1wb3J0YW50JyxcbiAgICAgICAgICAgIG1hcmdpbkxlZnQ6ICcwICFpbXBvcnRhbnQnLFxuICAgICAgICAgICAgbWFyZ2luUmlnaHQ6ICcwICFpbXBvcnRhbnQnXG4gICAgICAgIH1cbiAgICB9fWBcbn07XG5leHBvcnQgZnVuY3Rpb24gQmFkZ2UoeyB2YXJpYW50ID0gJ25ldXRyYWwnLCBzaXplID0gJ21kJywgZWRnZSA9ICdub25lJywgY2hpbGRyZW4gfSkge1xuICAgIGNvbnN0IHRleHRDbGFzc2VzID0gY2xhc3NOYW1lcyhbXG4gICAgICAgIHN0eWxlcy5iYXNlLFxuICAgICAgICBzaXplID09PSAnc20nICYmICdvai1iYWRnZS1zbScsXG4gICAgICAgIGVkZ2UgPT09ICdlbmQnICYmIHN0eWxlcy5lbmQsXG4gICAgICAgIHN0eWxlc1t2YXJpYW50XSxcbiAgICAgICAgc3R5bGVzLmNoaWxkcmVuTWFyZ2luc1xuICAgIF0pO1xuICAgIHJldHVybiBfanN4KFwic3BhblwiLCBPYmplY3QuYXNzaWduKHsgY2xhc3M6IHRleHRDbGFzc2VzIH0sIHsgY2hpbGRyZW46IGNoaWxkcmVuIH0pKTtcbn1cbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUJhZGdlLmpzLm1hcCJdfQ==*/
+.liumun{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color);color:var(--oj-c-PRIVATE-DO-NOT-USE-badge-text-color);display:inline-block;padding-top:0;padding-bottom:0;padding-left:var(--oj-c-PRIVATE-DO-NOT-USE-badge-padding);padding-right:var(--oj-c-PRIVATE-DO-NOT-USE-badge-padding);box-sizing:border-box;border-top-left-radius:var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius);border-top-right-radius:var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius);border-bottom-right-radius:var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius);border-bottom-left-radius:var(--oj-c-PRIVATE-DO-NOT-USE-badge-border-radius);height:var(--oj-c-PRIVATE-DO-NOT-USE-badge-height);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-badge-height);min-width:var(--oj-c-PRIVATE-DO-NOT-USE-badge-height);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-weight);font-stretch:var(--oj-c-PRIVATE-DO-NOT-USE-badge-font-stretch);overflow-x:hidden;overflow-y:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;vertical-align:middle;}
+._1g82kvx{border-top-right-radius:0;border-bottom-right-radius:0;}
+._1h3cmbp{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-contrast);}
+._1ho52cu{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-contrast);}
+._8e4mi7{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-contrast);}
+._1gg2ucr{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-contrast);}
+._6ept2q{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-contrast);}
+._1pfxbf7{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-neutral-secondary-contrast);}
+._1xdu7t9{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-secondary-contrast);}
+.hcxs0{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-secondary-contrast);}
+._1f8i71l{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-secondary-contrast);}
+._1fu4at4{--oj-c-PRIVATE-DO-NOT-USE-badge-bg-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-1);--oj-c-PRIVATE-DO-NOT-USE-badge-text-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info--secondarycontrast);}
+._9atqiw > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}

package/amd/UNSAFE_Badge.js

@@ -1,12 +1,2 @@
-/* @oracle/oraclejet-preact: 14.0.7 */
-define(['exports', './Badge-3a3bc336', 'preact/jsx-runtime', './utils/UNSAFE_classNames', './classNames-027de734', "css!./UNSAFE_Badge.css"], (function (exports, Badge, jsxRuntime, utils_UNSAFE_classNames, classNames, linaria) { 'use strict';
-
-
-
-	exports.Badge = Badge.Badge;
-
-	Object.defineProperty(exports, '__esModule', { value: true });
-
-}));
-/*  */
+define(["exports","./Badge-4a8dffdc","preact/jsx-runtime","./utils/UNSAFE_classNames","./classNames-8316ee15","css!./UNSAFE_Badge.css"],function(e,a,s,t,d,i){"use strict";e.Badge=a.Badge,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_Badge.js.map

package/amd/UNSAFE_Badge.js.map

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

package/amd/UNSAFE_BaseButton.css

@@ -1,16 +1,15 @@
-.base-1xex7u5{align-items:center;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-radius);border-style:solid;border-width:1px;box-sizing:border-box;color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color);cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);display:inline-block;font-family:inherit;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-font-weight);height:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-height);justify-content:center;min-width:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-height);overflow-x:hidden;overflow-y:hidden;padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding);padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding);padding-top:0;padding-bottom:0;pointer-events:auto;text-overflow:ellipsis;vertical-align:top;-webkit-tap-highlight-color:rgba(0,0,0,0);white-space:nowrap;}.base-1xex7u5:active{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-active);border-color: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);}.base-1xex7u5:focus-visible{outline-style:dotted;outline-offset:1px;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);}
-.hover-1073a37:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover);border-color: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);}
-.active-139h5i3{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-active);border-color: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);}
-@media(hover:hover){.pseudohover-jmoffs:hover:enabled:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover);border-color: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);}}
-@media(hover:hover){.pseudohoverSpan-dacrsw:hover:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover);border-color: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);}}
-.unstyled-1x2rn34{box-sizing:border-box;cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);height:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-height);}
-.min-1a30tto{padding-inline-start:0;padding-inline-end:0;}
-.fill-covd16{width:100%;}
-.container-rndlor{background-color:transparent;border-style:hidden;cursor:none;display:flex;}.container-rndlor:active{background-color:transparent;border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color);}
-.embedded-1nxt8m6{height:100%;display:flex;}.embedded-1nxt8m6:focus-visible{outline-style:none;}
-.noBorderRadiusStart-ps1zm8{border-start-start-radius:0;border-end-start-radius:0;border-inline-start-width:0px;}
-.noBorderRadiusEnd-g8oik{border-end-end-radius:0;border-start-end-radius:0;border-inline-end-width:0px;}
-.disabled-10heyfa{pointer-events:none;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-disabled);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-disabled);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-disabled);}
-.bottom-wfdx68{border-left-width:0;border-right-width:0;border-block-end-width:0;width:100%;border-top-left-radius:0;border-top-right-radius:0;}
-.childrenStyles-1m0gm13 > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2plbmtpbnMvdWl0ZWNoL3dvcmtzcGFjZS9PSkVUX0NvZGVfMTQuMC43L3BhY2thZ2VzL29yYWNsZWpldC1wcmVhY3Qvc3JjL1VOU0FGRV9CYXNlQnV0dG9uL0Jhc2VCdXR0b24udHN4Il0sIm5hbWVzIjpbIi5iYXNlLTF4ZXg3dTUiLCIuaG92ZXItMTA3M2EzNyIsIi5hY3RpdmUtMTM5aDVpMyIsIi5wc2V1ZG9ob3Zlci1qbW9mZnMiLCIucHNldWRvaG92ZXJTcGFuLWRhY3JzdyIsIi51bnN0eWxlZC0xeDJybjM0IiwiLm1pbi0xYTMwdHRvIiwiLmZpbGwtY292ZDE2IiwiLmNvbnRhaW5lci1ybmRsb3IiLCIuZW1iZWRkZWQtMW54dDhtNiIsIi5ub0JvcmRlclJhZGl1c1N0YXJ0LXBzMXptOCIsIi5ub0JvcmRlclJhZGl1c0VuZC1nOG9payIsIi5kaXNhYmxlZC0xMGhleWZhIiwiLmJvdHRvbS13ZmR4NjgiLCIuY2hpbGRyZW5TdHlsZXMtMW0wZ20xMyJdLCJtYXBwaW5ncyI6IkFBeUJJQTtBQXFDQUM7QUFJQUM7QUFDQUM7QUFNQUM7QUFNQUM7QUFLQUM7QUFJQUM7QUFHQUM7QUFZQUM7QUFTQUM7QUFPQUM7QUFPQUM7QUFNQUM7QUFTRUMiLCJmaWxlIjoiL2hvbWUvamVua2lucy91aXRlY2gvd29ya3NwYWNlL09KRVRfQ29kZV8xNC4wLjcvcGFja2FnZXMvb3JhY2xlamV0LXByZWFjdC9zcmMvVU5TQUZFX0Jhc2VCdXR0b24vQmFzZUJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBfX3Jlc3QgfSBmcm9tIFwidHNsaWJcIjtcbmltcG9ydCB7IGpzeCBhcyBfanN4IH0gZnJvbSBcInByZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHsgdXNlUHJlc3MgfSBmcm9tICcuLi9ob29rcy9VTlNBRkVfdXNlUHJlc3MnO1xuaW1wb3J0IHsgdXNlSG92ZXIgfSBmcm9tICcuLi9ob29rcy9VTlNBRkVfdXNlSG92ZXInO1xuaW1wb3J0IHsgdXNlQWN0aXZlIH0gZnJvbSAnLi4vaG9va3MvVU5TQUZFX3VzZUFjdGl2ZSc7XG5pbXBvcnQgeyBjbGFzc05hbWVzIH0gZnJvbSAnLi4vdXRpbHMvVU5TQUZFX2NsYXNzTmFtZXMnO1xuaW1wb3J0IHsgZm9yd2FyZFJlZiB9IGZyb20gJ3ByZWFjdC9jb21wYXQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnbGluYXJpYSc7XG5pbXBvcnQgeyBkaW1lbnNpb25JbnRlcnBvbGF0aW9ucyB9IGZyb20gJy4uL3V0aWxzL1VOU0FGRV9pbnRlcnBvbGF0aW9ucy9kaW1lbnNpb25zJztcbmltcG9ydCB7IG1lcmdlSW50ZXJwb2xhdGlvbnMgfSBmcm9tICcuLi91dGlscy9VTlNBRkVfbWVyZ2VJbnRlcnBvbGF0aW9ucyc7XG5pbXBvcnQgeyBnZXRDbGllbnRIaW50cyB9IGZyb20gJy4uL3V0aWxzL1BSSVZBVEVfY2xpZW50SGludHMnO1xuaW1wb3J0IHsgdXNlVGFiYmFibGVNb2RlIH0gZnJvbSAnLi4vaG9va3MvVU5TQUZFX3VzZVRhYmJhYmxlTW9kZSc7XG5pbXBvcnQgeyBtZXJnZVByb3BzIH0gZnJvbSAnLi4vdXRpbHMvVU5TQUZFX21lcmdlUHJvcHMnO1xuY29uc3QgTnVsbEZ1bmN0aW9uID0gKCkgPT4gbnVsbDtcbmNvbnN0IGFjdGl2ZVN0eWxlcyA9IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1iYXNlLWJ1dHRvbi1iZy1jb2xvci1hY3RpdmUpJyxcbiAgICBib3JkZXJDb2xvcjogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWJhc2UtYnV0dG9uLWJvcmRlci1jb2xvci1hY3RpdmUpJyxcbiAgICBjb2xvcjogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWJhc2UtYnV0dG9uLXRleHQtY29sb3ItYWN0aXZlKSdcbn07XG5jb25zdCBob3ZlclN0eWxlcyA9IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1iYXNlLWJ1dHRvbi1iZy1jb2xvci1ob3ZlciknLFxuICAgIGJvcmRlckNvbG9yOiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtYmFzZS1idXR0b24tYm9yZGVyLWNvbG9yLWhvdmVyKScsXG4gICAgY29sb3I6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1iYXNlLWJ1dHRvbi10ZXh0LWNvbG9yLWhvdmVyKSdcbn07XG5jb25zdCBjb21wU3R5bGVzID0ge1xuICAgIGJhc2U6IGNzcyBgJHt7XG4gICAgICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1iYXNlLWJ1dHRvbi1iZy1jb2xvciknLFxuICAgICAgICBib3JkZXJDb2xvcjogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWJhc2UtYnV0dG9uLWJvcmRlci1jb2xvciknLFxuICAgICAgICBib3JkZXJSYWRpdXM6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1iYXNlLWJ1dHRvbi1ib3JkZXItcmFkaXVzKScsXG4gICAgICAgIGJvcmRlclN0eWxlOiAnc29saWQnLFxuICAgICAgICBib3JkZXJXaWR0aDogJzFweCcsXG4gICAgICAgIGJveFNpemluZzogJ2JvcmRlci1ib3gnLFxuICAgICAgICBjb2xvcjogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWJhc2UtYnV0dG9uLXRleHQtY29sb3IpJyxcbiAgICAgICAgY3Vyc29yOiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtY29yZS1jdXJzb3ItY2xpY2thYmxlKScsXG4gICAgICAgIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snLFxuICAgICAgICBmb250RmFtaWx5OiAnaW5oZXJpdCcsXG4gICAgICAgIGZvbnRTaXplOiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtYmFzZS1idXR0b24tZm9udC1zaXplKScsXG4gICAgICAgIGZvbnRXZWlnaHQ6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1iYXNlLWJ1dHRvbi1mb250LXdlaWdodCknLFxuICAgICAgICBoZWlnaHQ6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1iYXNlLWJ1dHRvbi1oZWlnaHQpJyxcbiAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxuICAgICAgICBtaW5XaWR0aDogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWJhc2UtYnV0dG9uLWhlaWdodCknLFxuICAgICAgICBvdmVyZmxvd1g6ICdoaWRkZW4nLFxuICAgICAgICBvdmVyZmxvd1k6ICdoaWRkZW4nLFxuICAgICAgICBwYWRkaW5nSW5saW5lU3RhcnQ6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1iYXNlLWJ1dHRvbi10ZXh0LXRvLWVkZ2UtcGFkZGluZyknLFxuICAgICAgICBwYWRkaW5nSW5saW5lRW5kOiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtYmFzZS1idXR0b24tdGV4dC10by1lZGdlLXBhZGRpbmcpJyxcbiAgICAgICAgcGFkZGluZ1RvcDogMCxcbiAgICAgICAgcGFkZGluZ0JvdHRvbTogMCxcbiAgICAgICAgcG9pbnRlckV2ZW50czogJ2F1dG8nLFxuICAgICAgICB0ZXh0T3ZlcmZsb3c6ICdlbGxpcHNpcycsXG4gICAgICAgIHZlcnRpY2FsQWxpZ246ICd0b3AnLFxuICAgICAgICBXZWJraXRUYXBIaWdobGlnaHRDb2xvcjogJ3JnYmEoMCwwLDAsMCknLFxuICAgICAgICB3aGl0ZVNwYWNlOiAnbm93cmFwJyxcbiAgICAgICAgLy8gQHRzLWlnbm9yZVxuICAgICAgICAnJjphY3RpdmUnOiBhY3RpdmVTdHlsZXMsXG4gICAgICAgICcmOmZvY3VzLXZpc2libGUnOiB7XG4gICAgICAgICAgICBvdXRsaW5lU3R5bGU6ICdkb3R0ZWQnLFxuICAgICAgICAgICAgb3V0bGluZU9mZnNldDogJzFweCcsXG4gICAgICAgICAgICBvdXRsaW5lV2lkdGg6ICcxcHgnLFxuICAgICAgICAgICAgb3V0bGluZUNvbG9yOiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtY29yZS1mb2N1cy1ib3JkZXItY29sb3IpJ1xuICAgICAgICB9XG4gICAgfX1gLFxuICAgIGhvdmVyOiBjc3MgYCR7e1xuICAgICAgICAvLyBAdHMtaWdub3JlXG4gICAgICAgICcmOm5vdCg6YWN0aXZlKSc6IGhvdmVyU3R5bGVzXG4gICAgfX1gLFxuICAgIGFjdGl2ZTogY3NzIGAke2FjdGl2ZVN0eWxlc31gLFxuICAgIHBzZXVkb2hvdmVyOiBjc3MgYCR7e1xuICAgICAgICAvLyBAdHMtaWdub3JlXG4gICAgICAgICdAbWVkaWEoaG92ZXI6IGhvdmVyKSc6IHtcbiAgICAgICAgICAgICcmOmhvdmVyOmVuYWJsZWQ6bm90KDphY3RpdmUpJzogaG92ZXJTdHlsZXNcbiAgICAgICAgfVxuICAgIH19YCxcbiAgICBwc2V1ZG9ob3ZlclNwYW46IGNzcyBgJHt7XG4gICAgICAgIC8vIEB0cy1pZ25vcmVcbiAgICAgICAgJ0BtZWRpYShob3ZlcjogaG92ZXIpJzoge1xuICAgICAgICAgICAgJyY6aG92ZXI6bm90KDphY3RpdmUpJzogaG92ZXJTdHlsZXNcbiAgICAgICAgfVxuICAgIH19YCxcbiAgICB1bnN0eWxlZDogY3NzIGAke3tcbiAgICAgICAgYm94U2l6aW5nOiAnYm9yZGVyLWJveCcsXG4gICAgICAgIGN1cnNvcjogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWNvcmUtY3Vyc29yLWNsaWNrYWJsZSknLFxuICAgICAgICBoZWlnaHQ6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1iYXNlLWJ1dHRvbi1oZWlnaHQpJ1xuICAgIH19YCxcbiAgICBtaW46IGNzcyBgJHt7XG4gICAgICAgIHBhZGRpbmdJbmxpbmVTdGFydDogJzAnLFxuICAgICAgICBwYWRkaW5nSW5saW5lRW5kOiAnMCdcbiAgICB9fWAsXG4gICAgZmlsbDogY3NzIGAke3tcbiAgICAgICAgd2lkdGg6ICcxMDAlJ1xuICAgIH19YCxcbiAgICBjb250YWluZXI6IGNzcyBgXG4gICAke3tcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiAndHJhbnNwYXJlbnQnLFxuICAgICAgICBib3JkZXJTdHlsZTogJ2hpZGRlbicsXG4gICAgICAgIGN1cnNvcjogJ25vbmUnLFxuICAgICAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgICAgICcmOmFjdGl2ZSc6IHtcbiAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogJ3RyYW5zcGFyZW50JyxcbiAgICAgICAgICAgIGJvcmRlckNvbG9yOiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtYmFzZS1idXR0b24tYm9yZGVyLWNvbG9yKSdcbiAgICAgICAgfVxuICAgIH19XG4gYCxcbiAgICBlbWJlZGRlZDogY3NzIGBcbiAgICR7e1xuICAgICAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgICAnJjpmb2N1cy12aXNpYmxlJzoge1xuICAgICAgICAgICAgb3V0bGluZVN0eWxlOiAnbm9uZSdcbiAgICAgICAgfVxuICAgIH19XG4gYCxcbiAgICBub0JvcmRlclJhZGl1c1N0YXJ0OiBjc3MgYFxuICR7e1xuICAgICAgICBib3JkZXJTdGFydFN0YXJ0UmFkaXVzOiAwLFxuICAgICAgICBib3JkZXJFbmRTdGFydFJhZGl1czogMCxcbiAgICAgICAgYm9yZGVySW5saW5lU3RhcnRXaWR0aDogJzBweCdcbiAgICB9fVxuIGAsXG4gICAgbm9Cb3JkZXJSYWRpdXNFbmQ6IGNzcyBgXG4gJHt7XG4gICAgICAgIGJvcmRlckVuZEVuZFJhZGl1czogMCxcbiAgICAgICAgYm9yZGVyU3RhcnRFbmRSYWRpdXM6IDAsXG4gICAgICAgIGJvcmRlcklubGluZUVuZFdpZHRoOiAnMHB4J1xuICAgIH19XG4gYCxcbiAgICBkaXNhYmxlZDogY3NzIGAke3tcbiAgICAgICAgcG9pbnRlckV2ZW50czogJ25vbmUnLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1iYXNlLWJ1dHRvbi1iZy1jb2xvci1kaXNhYmxlZCknLFxuICAgICAgICBib3JkZXJDb2xvcjogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWJhc2UtYnV0dG9uLWJvcmRlci1jb2xvci1kaXNhYmxlZCknLFxuICAgICAgICBjb2xvcjogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWJhc2UtYnV0dG9uLXRleHQtY29sb3ItZGlzYWJsZWQpJ1xuICAgIH19YCxcbiAgICBib3R0b206IGNzcyBgJHt7XG4gICAgICAgIGJvcmRlckxlZnRXaWR0aDogJzAnLFxuICAgICAgICBib3JkZXJSaWdodFdpZHRoOiAnMCcsXG4gICAgICAgIGJvcmRlckJsb2NrRW5kV2lkdGg6ICcwJyxcbiAgICAgICAgd2lkdGg6ICcxMDAlJyxcbiAgICAgICAgYm9yZGVyVG9wTGVmdFJhZGl1czogJzAnLFxuICAgICAgICBib3JkZXJUb3BSaWdodFJhZGl1czogJzAnXG4gICAgfX1gXG59O1xuY29uc3QgY2hpbGRyZW5TdHlsZXMgPSBjc3MgYCR7e1xuICAgIC8qIEB0cy1pZ25vcmUgKi9cbiAgICAnJiA+IConOiB7XG4gICAgICAgIG1hcmdpblRvcDogJzAgIWltcG9ydGFudCcsXG4gICAgICAgIG1hcmdpbkJvdHRvbTogJzAgIWltcG9ydGFudCcsXG4gICAgICAgIG1hcmdpbkxlZnQ6ICcwICFpbXBvcnRhbnQnLFxuICAgICAgICBtYXJnaW5SaWdodDogJzAgIWltcG9ydGFudCdcbiAgICB9XG59fWA7XG5jb25zdCBpbnRlcnBvbGF0aW9ucyA9IFsuLi5PYmplY3QudmFsdWVzKGRpbWVuc2lvbkludGVycG9sYXRpb25zKV07XG5jb25zdCBzdHlsZUludGVycG9sYXRpb25zID0gbWVyZ2VJbnRlcnBvbGF0aW9ucyhpbnRlcnBvbGF0aW9ucyk7XG5jb25zdCBjbGllbnRIaW50cyA9IGdldENsaWVudEhpbnRzKCk7XG4vLyA6YWN0aXZlIG9ubHkgd29ya3Mgb24gSU9TIGRldmljZXMgaWYgYSB0b3VjaCBoYW5kbGVyIGV4aXN0c1xuY29uc3QgaW9zUHJvcHMgPSBjbGllbnRIaW50cy5wbGF0Zm9ybSA9PT0gJ2lvcycgPyB7IG9udG91Y2hzdGFydDogZnVuY3Rpb24gKCkgeyB9IH0gOiB7fTtcbmNvbnN0IGlzSHlicmlkID0gZ2V0Q2xpZW50SGludHMoKS5pc0h5YnJpZDtcbmNvbnN0IHJvbGVQcm9wcyA9IChlbFR5cGUsIGhpZGRlbikgPT4ge1xuICAgIHN3aXRjaCAoZWxUeXBlKSB7XG4gICAgICAgIGNhc2UgJ2xpbmsnOlxuICAgICAgICAgICAgcmV0dXJuIHsgcm9sZTogJ2xpbmsnIH07XG4gICAgICAgIGNhc2UgJ2J1dHRvbic6XG4gICAgICAgICAgICByZXR1cm4ge307XG4gICAgICAgIGRlZmF1bHQ6XG4gICAgICAgICAgICByZXR1cm4gaGlkZGVuID8geyByb2xlOiAnZ2VuZXJpYycgfSA6IHsgcm9sZTogJ2J1dHRvbicgfTtcbiAgICB9XG59O1xuZXhwb3J0IGNvbnN0IEJhc2VCdXR0b24gPSBmb3J3YXJkUmVmKChfYSwgcmVmKSA9PiB7XG4gICAgdmFyIHsgdmFyaWFudCA9ICdvdXRsaW5lZCcsIGlzRGlzYWJsZWQgPSBmYWxzZSwgaXNSZXBlYXQgPSBmYWxzZSwgc2l6ZSA9ICdtZCcsIGVsZW1lbnREZXRhaWxzID0geyB0eXBlOiAnYnV0dG9uJyB9LCBzdHlsaW5nID0gWydkZWZhdWx0J10sIGVkZ2UgPSAnbm9uZScsIGFjY2Vzc2libGVMYWJlbCwgYXJpYUhpZGRlbiwgYXJpYUV4cGFuZGVkLCBhcmlhUm9sZWRlc2NyaXB0aW9uIH0gPSBfYSwgcHJvcHMgPSBfX3Jlc3QoX2EsIFtcInZhcmlhbnRcIiwgXCJpc0Rpc2FibGVkXCIsIFwiaXNSZXBlYXRcIiwgXCJzaXplXCIsIFwiZWxlbWVudERldGFpbHNcIiwgXCJzdHlsaW5nXCIsIFwiZWRnZVwiLCBcImFjY2Vzc2libGVMYWJlbFwiLCBcImFyaWFIaWRkZW5cIiwgXCJhcmlhRXhwYW5kZWRcIiwgXCJhcmlhUm9sZWRlc2NyaXB0aW9uXCJdKTtcbiAgICBjb25zdCB7IHByZXNzUHJvcHMgfSA9IHVzZVByZXNzKHByb3BzLm9uQWN0aW9uID8gcHJvcHMub25BY3Rpb24gOiBOdWxsRnVuY3Rpb24sIHtcbiAgICAgICAgaXNEaXNhYmxlZCxcbiAgICAgICAgaXNSZXBlYXRcbiAgICB9KTtcbiAgICBjb25zdCBpc1N0eWxlZCA9IChuYW1lKSA9PiB7XG4gICAgICAgIHJldHVybiBzdHlsaW5nLmluZGV4T2YobmFtZSkgPiAtMTtcbiAgICB9O1xuICAgIGNvbnN0IHsgaG92ZXJQcm9wcywgaXNIb3ZlciB9ID0gdXNlSG92ZXIoeyBpc0Rpc2FibGVkOiAhaXNIeWJyaWQgfSk7XG4gICAgY29uc3QgeyBhY3RpdmVQcm9wcywgaXNBY3RpdmUgfSA9IHVzZUFjdGl2ZSgpO1xuICAgIGNvbnN0IF9iID0gc3R5bGVJbnRlcnBvbGF0aW9ucyhwcm9wcyksIHsgY2xhc3M6IGNscyB9ID0gX2IsIHN0eWxlcyA9IF9fcmVzdChfYiwgW1wiY2xhc3NcIl0pO1xuICAgIGNvbnN0IF9jID0gT2JqZWN0LmFzc2lnbih7fSwgZWxlbWVudERldGFpbHMpLCB7IHR5cGU6IGVsZW1lbnRUeXBlID0gJ2J1dHRvbicgfSA9IF9jLCBlbGVtZW50UHJvcHMgPSBfX3Jlc3QoX2MsIFtcInR5cGVcIl0pO1xuICAgIGNvbnN0IHJvbGUgPSByb2xlUHJvcHMoZWxlbWVudFR5cGUsIGFyaWFIaWRkZW4gIT09IG51bGwgJiYgYXJpYUhpZGRlbiAhPT0gdm9pZCAwID8gYXJpYUhpZGRlbiA6IGZhbHNlKTtcbiAgICBjb25zdCB0b29sdGlwID0gcHJvcHMudGl0bGUgfHwgYWNjZXNzaWJsZUxhYmVsO1xuICAgIGNvbnN0IEVsZW1lbnRUeXBlID0gZWxlbWVudERldGFpbHMudHlwZTtcbiAgICBjb25zdCBpc1NwYW4gPSBFbGVtZW50VHlwZSA9PSAnc3Bhbic7XG4gICAgY29uc3QgaXNCYXNlQnV0dG9uID0gRWxlbWVudFR5cGUgPT0gJ2J1dHRvbic7XG4gICAgY29uc3QgeyBpc1RhYmJhYmxlIH0gPSB1c2VUYWJiYWJsZU1vZGUoKTtcbiAgICBjb25zdCByb290U3R5bGVzID0gY2xhc3NOYW1lcyhbXG4gICAgICAgICFpc1N0eWxlZCgndW5zdHlsZWQnKSAmJiBjb21wU3R5bGVzLmJhc2UsXG4gICAgICAgIGlzU3R5bGVkKCd1bnN0eWxlZCcpICYmIGNvbXBTdHlsZXMudW5zdHlsZWQsXG4gICAgICAgIGlzU3R5bGVkKCdlbWJlZGRlZCcpICYmIGNvbXBTdHlsZXMuZW1iZWRkZWQsXG4gICAgICAgIGlzU3R5bGVkKCdjb250YWluZXInKSAmJiBjb21wU3R5bGVzLmNvbnRhaW5lcixcbiAgICAgICAgaXNTdHlsZWQoJ25vQm9yZGVyUmFkaXVzU3RhcnQnKSAmJiBjb21wU3R5bGVzLm5vQm9yZGVyUmFkaXVzU3RhcnQsXG4gICAgICAgIGlzU3R5bGVkKCdub0JvcmRlclJhZGl1c0VuZCcpICYmIGNvbXBTdHlsZXMubm9Cb3JkZXJSYWRpdXNFbmQsXG4gICAgICAgIGlzU3R5bGVkKCdhY3RpdmUnKSAmJiBjb21wU3R5bGVzLmFjdGl2ZSxcbiAgICAgICAgaXNTdHlsZWQoJ2ZpbGwnKSAmJiBjb21wU3R5bGVzLmZpbGwsXG4gICAgICAgIGlzU3R5bGVkKCdtaW4nKSAmJiBjb21wU3R5bGVzLm1pbixcbiAgICAgICAgYG9qLWMtYmFzZS1idXR0b24tJHt2YXJpYW50fWAsXG4gICAgICAgIGBvai1jLWJhc2UtYnV0dG9uLSR7c2l6ZX1gLFxuICAgICAgICBpc0Rpc2FibGVkICYmIGNvbXBTdHlsZXMuZGlzYWJsZWQsXG4gICAgICAgIGVkZ2UgPT09ICdib3R0b20nICYmIGNvbXBTdHlsZXMuYm90dG9tLFxuICAgICAgICAhaXNIeWJyaWQgJiYgIWlzU3BhbiAmJiAhaXNBY3RpdmUgJiYgY29tcFN0eWxlcy5wc2V1ZG9ob3ZlcixcbiAgICAgICAgIWlzSHlicmlkICYmXG4gICAgICAgICAgICBpc1NwYW4gJiZcbiAgICAgICAgICAgICFpc0FjdGl2ZSAmJlxuICAgICAgICAgICAgIWlzRGlzYWJsZWQgJiZcbiAgICAgICAgICAgICFpc1N0eWxlZCgnY29udGFpbmVyJykgJiZcbiAgICAgICAgICAgIGNvbXBTdHlsZXMucHNldWRvaG92ZXJTcGFuLFxuICAgICAgICBpc0h5YnJpZCAmJiBpc0hvdmVyICYmICFpc0FjdGl2ZSAmJiAhaXNEaXNhYmxlZCAmJiAhaXNTdHlsZWQoJ2NvbnRhaW5lcicpICYmIGNvbXBTdHlsZXMuaG92ZXIsXG4gICAgICAgICFpc1N0eWxlZCgnY29udGFpbmVyJykgJiYgaXNBY3RpdmUgJiYgIWlzRGlzYWJsZWQgJiYgY29tcFN0eWxlcy5hY3RpdmUsXG4gICAgICAgIGNoaWxkcmVuU3R5bGVzXG4gICAgXSk7XG4gICAgY29uc3QgbWVyZ2VkUHJvcHMgPSBtZXJnZVByb3BzKGVsZW1lbnRQcm9wcywgcHJlc3NQcm9wcywgaW9zUHJvcHMsIGhvdmVyUHJvcHMsIGlzU3R5bGVkKCdjb250YWluZXInKSA/IHt9IDogYWN0aXZlUHJvcHMsIGlzQmFzZUJ1dHRvbiA/IHt9IDogeyAnYXJpYS1kaXNhYmxlZCc6IGlzRGlzYWJsZWQgfSk7XG4gICAgcmV0dXJuIChfanN4KEVsZW1lbnRUeXBlXG4gICAgLy8gVGhlIHJlZiBjYXN0aW5nIHdhcyBkb25lIHRvIHNhdGlzZnkgVFMgY29tcGlsZXIsIHdoZW4gdGhlIGZvcndhcmRSZWYgaGFkIHRvIGJlIHVwZGF0ZWQgdG8gRm9yd2FyZGVkUmVmLlxuICAgICwgT2JqZWN0LmFzc2lnbih7IFxuICAgICAgICAvLyBUaGUgcmVmIGNhc3Rpbmcgd2FzIGRvbmUgdG8gc2F0aXNmeSBUUyBjb21waWxlciwgd2hlbiB0aGUgZm9yd2FyZFJlZiBoYWQgdG8gYmUgdXBkYXRlZCB0byBGb3J3YXJkZWRSZWYuXG4gICAgICAgIHJlZjogcmVmLCBkaXNhYmxlZDogaXNEaXNhYmxlZCwgY2xhc3M6IGAke3Jvb3RTdHlsZXN9ICR7Y2xzfWAsIHN0eWxlOiBzdHlsZXMsIGF1dG9mb2N1czogcHJvcHNbJ2F1dG9mb2N1cyddLCB0aXRsZTogdG9vbHRpcCwgdGFiSW5kZXg6IGlzRGlzYWJsZWQgfHwgIWlzVGFiYmFibGUgPyAtMSA6IDAsIFwiYXJpYS1sYWJlbFwiOiBhY2Nlc3NpYmxlTGFiZWwsIFwiYXJpYS1oaWRkZW5cIjogYXJpYUhpZGRlbiwgXCJhcmlhLXJvbGVkZXNjcmlwdGlvblwiOiBhcmlhUm9sZWRlc2NyaXB0aW9uLCBcImFyaWEtZXhwYW5kZWRcIjogYXJpYUV4cGFuZGVkIH0sIG1lcmdlZFByb3BzLCByb2xlLCB7IGNoaWxkcmVuOiBwcm9wcy5jaGlsZHJlbiB9KSkpO1xufSk7XG4vLyMgc291cmNlTWFwcGluZ1VSTD1CYXNlQnV0dG9uLmpzLm1hcCJdfQ==*/
+._1bipc7y{align-items:center;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-radius);border-style:solid;border-width:1px;box-sizing:border-box;color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color);cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);display:inline-block;font-family:inherit;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-font-size);font-weight:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-font-weight);height:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-height);justify-content:center;min-width:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-height);overflow-x:hidden;overflow-y:hidden;padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding);padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-to-edge-padding);padding-top:0;padding-bottom:0;pointer-events:auto;text-overflow:ellipsis;vertical-align:top;-webkit-tap-highlight-color:rgba(0,0,0,0);white-space:nowrap;}._1bipc7y:active{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-active);border-color: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);}._1bipc7y:focus-visible{outline-style:dotted;outline-offset:1px;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);}
+.ri7sab:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover);border-color: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);}
+._1eiciti{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-active);border-color: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);}
+@media(hover:hover){.g1pzao:hover:enabled:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover);border-color: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);}}
+@media(hover:hover){._4zrqs6:hover:not(:active){background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-hover);border-color: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);}}
+.k9ed3k{box-sizing:border-box;cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);height:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-height);}
+._14mb3l3{padding-inline-start:0;padding-inline-end:0;}
+._1tt3ufj{width:100%;}
+.zx93yp{background-color:transparent;border-style:hidden;cursor:none;display:flex;}.zx93yp:active{background-color:transparent;border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color);}
+._1sim9fg{height:100%;display:flex;}._1sim9fg:focus-visible{outline-style:none;}
+._87xe0{border-start-start-radius:0;border-end-start-radius:0;border-inline-start-width:0px;}
+.t9jeoi{border-end-end-radius:0;border-start-end-radius:0;border-inline-end-width:0px;}
+._1lv1ekr{pointer-events:none;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-bg-color-disabled);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-border-color-disabled);color:var(--oj-c-PRIVATE-DO-NOT-USE-base-button-text-color-disabled);}
+.cdfepq{border-left-width:0;border-right-width:0;border-block-end-width:0;width:100%;border-top-left-radius:0;border-top-right-radius:0;}
+.j51rha > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}