@oracle/oraclejet 13.1.16 → 13.1.17

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_ProgressBar.css

@@ -1,6 +1,6 @@
-.abjuuh{height:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-height);position:relative;box-sizing:border-box;overflow-x:hidden;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-track-bg-color);}
-.g96w06{margin:0;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-value-bg-color);height:100%;box-sizing:border-box;}
-.ouqlrw{width:25%;height:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-height);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-value-bg-color);position:relative;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite;}
-._1desgg{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-border-radius);}
-._7uo6wk{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation-rtl);}
-._7sy6he{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation);}
+._bw40rl{height:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-height);position:relative;box-sizing:border-box;overflow-x:hidden;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-track-bg-color);}
+.hfd2lw{margin:0;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-value-bg-color);height:100%;box-sizing:border-box;}
+._k3gr61{width:25%;height:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-height);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-value-bg-color);position:relative;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite;}
+._owbgjy{border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-border-radius);}
+._wwoq9n{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation-rtl);}
+._iay3xb{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation);}

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_ProgressBar.js

@@ -1,2 +1,2 @@
-define(["exports","./tslib.es6-a698dedd","preact/jsx-runtime","./utils/UNSAFE_classNames",'css!./UNSAFE_ProgressBar.css',"./hooks/UNSAFE_useUser","./hooks/UNSAFE_useTranslationBundle","./classNames-6159c6a4","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat"],(function(e,a,s,l,n,r,t,i,o,c,u,d,m){"use strict";const h=({accessibleLabel:e,id:a,width:l,edge:n="none"})=>{const{direction:o}=r.useUser(),c=i.classNames([b.value,b.indeterminate,b[o]]),u=i.classNames([b.base,"none"===n&&b.standalone]),d=t.useTranslationBundle("@oracle/oraclejet-preact");return s.jsx(v,Object.assign({id:a,ariaValueText:e||d.progressIndeterminate(),class:u,width:l},{children:s.jsx(j,{class:c})}))},x=({value:e=0,max:a=100,id:l,width:n,edge:r="none"})=>{const t=100*Math.min(Math.max(0,e/a),1)+"%",o=i.classNames([b.base,"none"===r&&b.standalone]);return s.jsx(v,Object.assign({value:e,max:a,id:l,width:n,class:o},{children:s.jsx(j,{class:b.value,width:t})}))},v=e=>{var{value:l,max:n,min:r,id:t,width:i,children:o,ariaValueText:c,color:u}=e,d=a.__rest(e,["value","max","min","id","width","children","ariaValueText","color"]);const m=null!=l?r||"0":null,h=null!=l?n:null,x=null!=l?l:null;return s.jsx("div",Object.assign({role:"progressbar",id:t,"aria-valuemin":m,"aria-valuemax":h,"aria-valuenow":x,"aria-valuetext":c,class:d.class,style:{width:i,backgroundColor:u}},{children:o}))},j=e=>{var{width:l,color:n}=e,r=a.__rest(e,["width","color"]);return s.jsx("div",{class:r.class,style:{width:l,backgroundColor:n}})},b={base:"abjuuh",value:"g96w06",indeterminate:"ouqlrw",standalone:"_1desgg",rtl:"_7uo6wk",ltr:"_7sy6he"};e.ProgressBar=function(e){var{value:l,max:n}=e,r=a.__rest(e,["value","max"]);return"indeterminate"===l?s.jsx(h,Object.assign({},r)):s.jsx(x,Object.assign({value:l,max:n},r))},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./tslib.es6-2b838d6f","preact/jsx-runtime","./utils/UNSAFE_classNames",'css!./UNSAFE_ProgressBar.css',"./hooks/UNSAFE_useUser","./hooks/UNSAFE_useTranslationBundle","./classNames-d22c6b88","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat"],(function(e,a,s,l,n,r,t,i,o,c,d,u,m){"use strict";const x=({accessibleLabel:e,id:a,width:l,edge:n="none"})=>{const{direction:o}=r.useUser(),c=i.classNames([_.value,_.indeterminate,_[o]]),d=i.classNames([_.base,"none"===n&&_.standalone]),u=t.useTranslationBundle("@oracle/oraclejet-preact");return s.jsx(v,Object.assign({id:a,ariaValueText:e||u.progressIndeterminate(),class:d,width:l},{children:s.jsx(b,{class:c})}))},h=({value:e=0,max:a=100,id:l,width:n,edge:r="none"})=>{const t=100*Math.min(Math.max(0,e/a),1)+"%",o=i.classNames([_.base,"none"===r&&_.standalone]);return s.jsx(v,Object.assign({value:e,max:a,id:l,width:n,class:o},{children:s.jsx(b,{class:_.value,width:t})}))},v=e=>{var{value:l,max:n,min:r,id:t,width:i,children:o,ariaValueText:c,color:d}=e,u=a.__rest(e,["value","max","min","id","width","children","ariaValueText","color"]);const m=null!=l?r||"0":null,x=null!=l?n:null,h=null!=l?l:null;return s.jsx("div",Object.assign({role:"progressbar",id:t,"aria-valuemin":m,"aria-valuemax":x,"aria-valuenow":h,"aria-valuetext":c,class:u.class,style:{width:i,backgroundColor:d}},{children:o}))},b=e=>{var{width:l,color:n}=e,r=a.__rest(e,["width","color"]);return s.jsx("div",{class:r.class,style:{width:l,backgroundColor:n}})},_={base:"_bw40rl",value:"hfd2lw",indeterminate:"_k3gr61",standalone:"_owbgjy",rtl:"_wwoq9n",ltr:"_iay3xb"};e.ProgressBar=function(e){var{value:l,max:n}=e,r=a.__rest(e,["value","max"]);return"indeterminate"===l?s.jsx(x,Object.assign({},r)):s.jsx(h,Object.assign({value:l,max:n},r))},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_ProgressBar.js.map

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_ProgressBar.js","sources":["../../src/UNSAFE_ProgressBar/ProgressBar.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 { JSX } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'id' | 'class' | 'children'>;\n\ntype Props = {\n  /**\n   * Specifies the id of the progress bar.  If the progress bar is being used to describe the loading process of a particular region\n   * of the page, then the aria-describedby attribute of the region must point to the id of the ProgressBar\n   */\n  id?: IntrinsicProps['id'];\n  /**\n   * The value of the progress bar.  If the value is 'indeterminate', an indeterminate progress bar will be shown.\n   */\n  value?: 'indeterminate' | number;\n\n  /**\n   * Whether the progress bar is positioned at the top edge of a container or not.\n   * If set to 'top', the curved borders will be removed.\n   */\n  edge?: 'none' | 'top';\n\n  /**\n   * The maximum value of the progress bar.\n   */\n  max?: number;\n  /**\n   * The width of the progress bar.  This will use the CSS lengths styling.\n   */\n  // TODO: use the dimensions work the Jeanne is doing JET-49961\n  width?: string;\n\n  /**\n   * A label to be used for accessibility purposes when value is set to 'indeterminate'.\n   */\n  accessibleLabel?: string;\n};\n\nexport function ProgressBar({ value, max, ...otherProps }: Props) {\n  return value === 'indeterminate' ? (\n    <IndeterminateProgressBar {...otherProps} />\n  ) : (\n    <DeterminateProgressBar value={value} max={max} {...otherProps} />\n  );\n}\n\ntype IndeterminateProps = Omit<Props, 'value' | 'max'>;\n\nconst IndeterminateProgressBar = ({\n  accessibleLabel,\n  id,\n  width,\n  edge = 'none'\n}: IndeterminateProps) => {\n  const { direction } = useUser();\n  const classes = classNames([styles.value, styles.indeterminate, styles[direction]]);\n  const baseClasses = classNames([styles.base, edge === 'none' && styles.standalone]);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  return (\n    <BarTrack\n      id={id}\n      ariaValueText={accessibleLabel || translations.progressIndeterminate()}\n      class={baseClasses}\n      width={width}>\n      <BarValue class={classes} />\n    </BarTrack>\n  );\n};\n\ntype DeterminateProps = Omit<Props, 'accessibleLabel'> & {\n  value?: number;\n};\n\nconst DeterminateProgressBar = ({\n  value = 0,\n  max = 100,\n  id,\n  width,\n  edge = 'none'\n}: DeterminateProps) => {\n  const percentage = `${Math.min(Math.max(0, value / max), 1) * 100}%`;\n  const baseClasses = classNames([styles.base, edge === 'none' && styles.standalone]);\n\n  return (\n    <BarTrack value={value} max={max} id={id} width={width} class={baseClasses}>\n      <BarValue class={styles.value} width={percentage} />\n    </BarTrack>\n  );\n};\n\ntype TrackProps = IntrinsicProps & {\n  value?: number;\n  max?: number;\n  min?: number;\n  width?: string;\n  color?: string;\n  ariaValueText?: string;\n};\nconst BarTrack = ({\n  value,\n  max,\n  min,\n  id,\n  width,\n  children,\n  ariaValueText,\n  color,\n  ...otherProps\n}: TrackProps) => {\n  const ariaMin = value != null ? (min ? min : '0') : null;\n  const ariaMax = value != null ? max : null;\n  const ariaNow = value != null ? value : null;\n  return (\n    <div\n      role=\"progressbar\"\n      id={id}\n      aria-valuemin={ariaMin}\n      aria-valuemax={ariaMax}\n      aria-valuenow={ariaNow}\n      aria-valuetext={ariaValueText}\n      class={otherProps.class}\n      style={{ width: width, backgroundColor: color }}>\n      {children}\n    </div>\n  );\n};\n\ntype ValueProps = Pick<IntrinsicProps, 'class'> & {\n  width?: string;\n  color?: string;\n};\n\nconst BarValue = ({ width, color, ...otherProps }: ValueProps) => {\n  return <div class={otherProps.class} style={{ width: width, backgroundColor: color }}></div>;\n};\n\nconst styles = {\n  base: cssProps`${{\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-height)',\n    position: 'relative',\n    boxSizing: 'border-box',\n    overflowX: 'hidden',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-track-bg-color)'\n  }}`,\n  value: cssProps`${{\n    margin: '0',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-value-bg-color)',\n    height: '100%',\n    boxSizing: 'border-box'\n  }}`,\n  indeterminate: cssProps`${{\n    width: '25%',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-height)',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-value-bg-color)',\n    position: 'relative',\n    animationDuration: '2s',\n    animationTimingFunction: 'linear',\n    animationIterationCount: 'infinite'\n  }}`,\n  standalone: cssProps`${{\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-border-radius)'\n  }}`,\n  rtl: cssProps`${{\n    animationName: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation-rtl)'\n  }}`,\n  ltr: cssProps`${{\n    animationName: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation)'\n  }}`\n};\n"],"names":["IndeterminateProgressBar","accessibleLabel","id","width","edge","direction","useUser","classes","classNames","styles","value","indeterminate","baseClasses","base","standalone","translations","useTranslationBundle","_jsx","BarTrack","Object","assign","ariaValueText","progressIndeterminate","class","children","jsx","BarValue","DeterminateProgressBar","max","percentage","_a","ariaMax","ariaNow","role","ariaMin","otherProps","style","backgroundColor","color"],"mappings":"8TA2DA,MAAAA,EAAA,EAAAC,gBAAAA,EAAAC,GAAAA,EAAAC,MAAAA,EAAAC,KAAAA,EAAA,WAME,MAAAC,UAAAA,GAAAC,EAAAA,UACAC,EAAAC,EAAAA,WAAA,CAAAC,EAAAC,MAAAD,EAAAE,cAAAF,EAAAJ,KACAO,EAAAJ,aAAA,CAAAC,EAAAI,KAAA,SAAAT,GAAAK,EAAAK,aACAC,EAAAC,uBAAA,4BACA,OAAAC,MAAAC,EAAAC,OAAAC,OAAA,CAAAlB,GAAAA,EAAAmB,cAAApB,GAAAc,EAAAO,wBAAAC,MAAAX,EAAAT,MAAAA,GAAA,CAAAqB,SAAAP,EAAAQ,IAAAC,EAAA,CAAAH,MAAAhB,QAeFoB,EAAA,EAAAjB,MAAAA,EAAA,EAAAkB,IAAAA,EAAA,IAAA1B,GAAAA,EAAAC,MAAAA,EAAAC,KAAAA,EAAA,uDAQEQ,EAAAJ,aAAA,CAAAC,EAAAI,KAAA,SAAAT,GAAAK,EAAAK,aAEA,OAAAG,MAAAC,EAAAC,OAAAC,OAAA,CAAAV,MAAAA,EAAAkB,IAAAA,EAAA1B,GAAAA,EAAAC,MAAAA,EAAAoB,MAAAX,GAAA,CAAAY,SAAAP,EAAAQ,IAAAC,EAAA,CAAAH,MAAAd,EAAAC,MAAAP,MAAA0B,QAeFX,EAAAY,+LAYEC,EAAA,MAAArB,EAAAkB,EAAA,KACAI,EAAA,MAAAtB,EAAAA,EAAA,KACA,OAAAO,MAAA,MAAAE,OAAAC,OAAA,CAAAa,KAAA,cAAA/B,GAAAA,EAAA,gBAAAgC,EAAA,gBAAAH,EAAA,gBAAAC,EAAA,iBAAAX,EAAAE,MAAAY,EAAAZ,MAAAa,MAAA,CAAAjC,MAAAA,EAAAkC,gBAAAC,IAAA,CAAAd,SAAAA,MAoBFE,EAAAI,2DACE,OAAAb,EAAAA,IAAA,MAAA,CAAAM,MAAAY,EAAAZ,MAAAa,MAAA,CAAAjC,MAAAA,EAAAkC,gBAAAC,MAGF7B,EAAA,MAAA,eAAA,uBAAA,oBAAA,cAAA,uCAlGA,SAAAqB,sDACE,MAAA,kBAAApB,EAAAO,EAAAQ,IAAAzB,EAAAmB,OAAAC,OAAA,GAAAe,IAAAlB,EAAAA,IAAAU,EAAAR,OAAAC,OAAA,CAAAV,MAAAA,EAAAkB,IAAAA,GAAAO"}
+{"version":3,"file":"UNSAFE_ProgressBar.js","sources":["../../src/UNSAFE_ProgressBar/ProgressBar.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 { JSX } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'id' | 'class' | 'children'>;\n\ntype Props = {\n  /**\n   * Specifies the id of the progress bar.  If the progress bar is being used to describe the loading process of a particular region\n   * of the page, then the aria-describedby attribute of the region must point to the id of the ProgressBar\n   */\n  id?: IntrinsicProps['id'];\n  /**\n   * The value of the progress bar.  If the value is 'indeterminate', an indeterminate progress bar will be shown.\n   */\n  value?: 'indeterminate' | number;\n\n  /**\n   * Whether the progress bar is positioned at the top edge of a container or not.\n   * If set to 'top', the curved borders will be removed.\n   */\n  edge?: 'none' | 'top';\n\n  /**\n   * The maximum value of the progress bar.\n   */\n  max?: number;\n  /**\n   * The width of the progress bar.  This will use the CSS lengths styling.\n   */\n  // TODO: use the dimensions work the Jeanne is doing JET-49961\n  width?: string;\n\n  /**\n   * A label to be used for accessibility purposes when value is set to 'indeterminate'.\n   */\n  accessibleLabel?: string;\n};\n\nexport function ProgressBar({ value, max, ...otherProps }: Props) {\n  return value === 'indeterminate' ? (\n    <IndeterminateProgressBar {...otherProps} />\n  ) : (\n    <DeterminateProgressBar value={value} max={max} {...otherProps} />\n  );\n}\n\ntype IndeterminateProps = Omit<Props, 'value' | 'max'>;\n\nconst IndeterminateProgressBar = ({\n  accessibleLabel,\n  id,\n  width,\n  edge = 'none'\n}: IndeterminateProps) => {\n  const { direction } = useUser();\n  const classes = classNames([styles.value, styles.indeterminate, styles[direction]]);\n  const baseClasses = classNames([styles.base, edge === 'none' && styles.standalone]);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  return (\n    <BarTrack\n      id={id}\n      ariaValueText={accessibleLabel || translations.progressIndeterminate()}\n      class={baseClasses}\n      width={width}>\n      <BarValue class={classes} />\n    </BarTrack>\n  );\n};\n\ntype DeterminateProps = Omit<Props, 'accessibleLabel'> & {\n  value?: number;\n};\n\nconst DeterminateProgressBar = ({\n  value = 0,\n  max = 100,\n  id,\n  width,\n  edge = 'none'\n}: DeterminateProps) => {\n  const percentage = `${Math.min(Math.max(0, value / max), 1) * 100}%`;\n  const baseClasses = classNames([styles.base, edge === 'none' && styles.standalone]);\n\n  return (\n    <BarTrack value={value} max={max} id={id} width={width} class={baseClasses}>\n      <BarValue class={styles.value} width={percentage} />\n    </BarTrack>\n  );\n};\n\ntype TrackProps = IntrinsicProps & {\n  value?: number;\n  max?: number;\n  min?: number;\n  width?: string;\n  color?: string;\n  ariaValueText?: string;\n};\nconst BarTrack = ({\n  value,\n  max,\n  min,\n  id,\n  width,\n  children,\n  ariaValueText,\n  color,\n  ...otherProps\n}: TrackProps) => {\n  const ariaMin = value != null ? (min ? min : '0') : null;\n  const ariaMax = value != null ? max : null;\n  const ariaNow = value != null ? value : null;\n  return (\n    <div\n      role=\"progressbar\"\n      id={id}\n      aria-valuemin={ariaMin}\n      aria-valuemax={ariaMax}\n      aria-valuenow={ariaNow}\n      aria-valuetext={ariaValueText}\n      class={otherProps.class}\n      style={{ width: width, backgroundColor: color }}>\n      {children}\n    </div>\n  );\n};\n\ntype ValueProps = Pick<IntrinsicProps, 'class'> & {\n  width?: string;\n  color?: string;\n};\n\nconst BarValue = ({ width, color, ...otherProps }: ValueProps) => {\n  return <div class={otherProps.class} style={{ width: width, backgroundColor: color }}></div>;\n};\n\nconst styles = {\n  base: cssProps`${{\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-height)',\n    position: 'relative',\n    boxSizing: 'border-box',\n    overflowX: 'hidden',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-track-bg-color)'\n  }}`,\n  value: cssProps`${{\n    margin: '0',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-value-bg-color)',\n    height: '100%',\n    boxSizing: 'border-box'\n  }}`,\n  indeterminate: cssProps`${{\n    width: '25%',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-height)',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-value-bg-color)',\n    position: 'relative',\n    animationDuration: '2s',\n    animationTimingFunction: 'linear',\n    animationIterationCount: 'infinite'\n  }}`,\n  standalone: cssProps`${{\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-bar-border-radius)'\n  }}`,\n  rtl: cssProps`${{\n    animationName: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation-rtl)'\n  }}`,\n  ltr: cssProps`${{\n    animationName: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-bar-indeterminate-animation)'\n  }}`\n};\n"],"names":["IndeterminateProgressBar","accessibleLabel","id","width","edge","direction","useUser","classes","classNames","styles","value","indeterminate","baseClasses","base","standalone","translations","useTranslationBundle","_jsx","BarTrack","Object","assign","ariaValueText","progressIndeterminate","class","children","jsx","BarValue","DeterminateProgressBar","max","percentage","_a","ariaMax","ariaNow","role","ariaMin","otherProps","style","backgroundColor","color"],"mappings":"8TA2DA,MAAAA,EAAA,EAAAC,gBAAAA,EAAAC,GAAAA,EAAAC,MAAAA,EAAAC,KAAAA,EAAA,WAME,MAAAC,UAAAA,GAAAC,EAAAA,UACAC,EAAAC,EAAAA,WAAA,CAAAC,EAAAC,MAAAD,EAAAE,cAAAF,EAAAJ,KACAO,EAAAJ,aAAA,CAAAC,EAAAI,KAAA,SAAAT,GAAAK,EAAAK,aACAC,EAAAC,uBAAA,4BACA,OAAAC,MAAAC,EAAAC,OAAAC,OAAA,CAAAlB,GAAAA,EAAAmB,cAAApB,GAAAc,EAAAO,wBAAAC,MAAAX,EAAAT,MAAAA,GAAA,CAAAqB,SAAAP,EAAAQ,IAAAC,EAAA,CAAAH,MAAAhB,QAeFoB,EAAA,EAAAjB,MAAAA,EAAA,EAAAkB,IAAAA,EAAA,IAAA1B,GAAAA,EAAAC,MAAAA,EAAAC,KAAAA,EAAA,uDAQEQ,EAAAJ,aAAA,CAAAC,EAAAI,KAAA,SAAAT,GAAAK,EAAAK,aAEA,OAAAG,MAAAC,EAAAC,OAAAC,OAAA,CAAAV,MAAAA,EAAAkB,IAAAA,EAAA1B,GAAAA,EAAAC,MAAAA,EAAAoB,MAAAX,GAAA,CAAAY,SAAAP,EAAAQ,IAAAC,EAAA,CAAAH,MAAAd,EAAAC,MAAAP,MAAA0B,QAeFX,EAAAY,+LAYEC,EAAA,MAAArB,EAAAkB,EAAA,KACAI,EAAA,MAAAtB,EAAAA,EAAA,KACA,OAAAO,MAAA,MAAAE,OAAAC,OAAA,CAAAa,KAAA,cAAA/B,GAAAA,EAAA,gBAAAgC,EAAA,gBAAAH,EAAA,gBAAAC,EAAA,iBAAAX,EAAAE,MAAAY,EAAAZ,MAAAa,MAAA,CAAAjC,MAAAA,EAAAkC,gBAAAC,IAAA,CAAAd,SAAAA,MAoBFE,EAAAI,2DACE,OAAAb,EAAAA,IAAA,MAAA,CAAAM,MAAAY,EAAAZ,MAAAa,MAAA,CAAAjC,MAAAA,EAAAkC,gBAAAC,MAGF7B,EAAA,MAAA,gBAAA,uBAAA,qBAAA,cAAA,uCAlGA,SAAAqB,sDACE,MAAA,kBAAApB,EAAAO,EAAAQ,IAAAzB,EAAAmB,OAAAC,OAAA,GAAAe,IAAAlB,EAAAA,IAAAU,EAAAR,OAAAC,OAAA,CAAAV,MAAAA,EAAAkB,IAAAA,GAAAO"}

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_ProgressCircle.css

@@ -1,6 +1,6 @@
-._gq3wce{position:relative;overflow-x:hidden;overflow-y:hidden;display:inline-block;max-width:100%;max-height:100%;width:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-size);}
-._pcbr7v{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-circle-rotation-animation);animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;}
-._qbneto{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-track-width);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-value-bg-color);border-style:solid;width:100%;height:100%;box-sizing:border-box;border-radius:50%;animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-circle-length-animation);animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;position:absolute;}
-.icydgv{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-track-width);width:100%;height:100%;box-sizing:border-box;border-radius:50%;position:absolute;border-style:solid;}
-.i87x2b{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-determinate-track-bg-color);}
-._1epfs{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-value-bg-color);}
+.wnx7ql{position:relative;overflow-x:hidden;overflow-y:hidden;display:inline-block;max-width:100%;max-height:100%;width:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-size);height:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-size);}
+._ueo03r{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-circle-rotation-animation);animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;}
+._va17n{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-track-width);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-value-bg-color);border-style:solid;width:100%;height:100%;box-sizing:border-box;border-radius:50%;animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-circle-length-animation);animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;position:absolute;}
+._dj8xvy{border-width:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-track-width);width:100%;height:100%;box-sizing:border-box;border-radius:50%;position:absolute;border-style:solid;}
+._60kzn2{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-determinate-track-bg-color);}
+._295ph7{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-value-bg-color);}

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_ProgressCircle.js

@@ -1,2 +1,2 @@
-define(["exports","./tslib.es6-a698dedd","preact/jsx-runtime","./utils/UNSAFE_classNames",'css!./UNSAFE_ProgressCircle.css',"./hooks/UNSAFE_useTranslationBundle","./classNames-6159c6a4","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat"],(function(e,a,r,s,n,t,l,i,c,o,u,d){"use strict";const m=({accessibleLabel:e,id:a,size:s="md"})=>{const n=l.classNames([j.base,`oj-c-progress-circle-${s}`,j.indeterminateOuter]),i=t.useTranslationBundle("@oracle/oraclejet-preact");return r.jsx(p,Object.assign({id:a,ariaValuetext:e||i.progressIndeterminate(),class:n},{children:r.jsx(v,{class:j.indeterminateInner})}))},x=({value:e=0,max:a=100,id:s,size:n="md"})=>{const t=Math.min(Math.max(0,e/a),1),i=l.classNames([j.base,`oj-c-progress-circle-${n}`]),c=function(e){let a;if(e<.125)return a=b(e)+50,`polygon(50% 0, ${a}% 0, 50% 50%)`;if(e<.375)return a=e<.25?50-b(.25-e):b(e-.25)+50,`polygon(50% 0, 100% 0, 100% ${a}%, 50% 50%)`;if(e<.625)return a=e<.5?50+b(.5-e):50-b(e-.5),`polygon(50% 0, 100% 0, 100% 100%, ${a}% 100%, 50% 50%)`;if(e<.875)return a=e<.75?50+b(.75-e):50-b(e-.75),`polygon(50% 0, 100% 0, 100% 100%, 0% 100%, 0% ${a}%, 50% 50%)`;return a=50-b(1-e),`polygon(50% 0, 100% 0, 100% 100%, 0% 100%, 0% 0%, ${a}% 0%, 50% 50%)`}(t);return r.jsxs(p,Object.assign({id:s,max:a,value:e,class:i},{children:[r.jsx(v,{class:l.classNames([j.determinateInner,j.track])}),r.jsx(v,{class:l.classNames([j.determinateInner,j.value]),clipPath:c})]}))},p=e=>{var{value:s,max:n,min:t,id:l,children:i,ariaValuetext:c,color:o}=e,u=a.__rest(e,["value","max","min","id","children","ariaValuetext","color"]);const d=null!=s?t||"0":null,m=null!=s?n:null,x=null!=s?s:null;return r.jsx("div",Object.assign({role:"progressbar",id:l,"aria-valuemin":d,"aria-valuemax":m,"aria-valuenow":x,"aria-valuetext":c,class:u.class,style:{borderColor:o}},{children:i}))},v=e=>{var{clipPath:s,color:n}=e,t=a.__rest(e,["clipPath","color"]);return r.jsx("div",{class:t.class,style:{clipPath:s,borderColor:n}})},j={base:"_gq3wce",indeterminateOuter:"_pcbr7v",indeterminateInner:"_qbneto",determinateInner:"icydgv",track:"i87x2b",value:"_1epfs"};function b(e){return 50*Math.tan(2*e*Math.PI)}e.ProgressCircle=function(e){var{value:s,max:n}=e,t=a.__rest(e,["value","max"]);return"indeterminate"===s?r.jsx(m,Object.assign({},t)):r.jsx(x,Object.assign({value:s,max:n},t))},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./tslib.es6-2b838d6f","preact/jsx-runtime","./utils/UNSAFE_classNames",'css!./UNSAFE_ProgressCircle.css',"./hooks/UNSAFE_useTranslationBundle","./classNames-d22c6b88","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat"],(function(e,a,r,s,n,t,l,i,c,o,u,d){"use strict";const m=({accessibleLabel:e,id:a,size:s="md"})=>{const n=l.classNames([j.base,`oj-c-progress-circle-${s}`,j.indeterminateOuter]),i=t.useTranslationBundle("@oracle/oraclejet-preact");return r.jsx(p,Object.assign({id:a,ariaValuetext:e||i.progressIndeterminate(),class:n},{children:r.jsx(v,{class:j.indeterminateInner})}))},x=({value:e=0,max:a=100,id:s,size:n="md"})=>{const t=Math.min(Math.max(0,e/a),1),i=l.classNames([j.base,`oj-c-progress-circle-${n}`]),c=function(e){let a;if(e<.125)return a=b(e)+50,`polygon(50% 0, ${a}% 0, 50% 50%)`;if(e<.375)return a=e<.25?50-b(.25-e):b(e-.25)+50,`polygon(50% 0, 100% 0, 100% ${a}%, 50% 50%)`;if(e<.625)return a=e<.5?50+b(.5-e):50-b(e-.5),`polygon(50% 0, 100% 0, 100% 100%, ${a}% 100%, 50% 50%)`;if(e<.875)return a=e<.75?50+b(.75-e):50-b(e-.75),`polygon(50% 0, 100% 0, 100% 100%, 0% 100%, 0% ${a}%, 50% 50%)`;return a=50-b(1-e),`polygon(50% 0, 100% 0, 100% 100%, 0% 100%, 0% 0%, ${a}% 0%, 50% 50%)`}(t);return r.jsxs(p,Object.assign({id:s,max:a,value:e,class:i},{children:[r.jsx(v,{class:l.classNames([j.determinateInner,j.track])}),r.jsx(v,{class:l.classNames([j.determinateInner,j.value]),clipPath:c})]}))},p=e=>{var{value:s,max:n,min:t,id:l,children:i,ariaValuetext:c,color:o}=e,u=a.__rest(e,["value","max","min","id","children","ariaValuetext","color"]);const d=null!=s?t||"0":null,m=null!=s?n:null,x=null!=s?s:null;return r.jsx("div",Object.assign({role:"progressbar",id:l,"aria-valuemin":d,"aria-valuemax":m,"aria-valuenow":x,"aria-valuetext":c,class:u.class,style:{borderColor:o}},{children:i}))},v=e=>{var{clipPath:s,color:n}=e,t=a.__rest(e,["clipPath","color"]);return r.jsx("div",{class:t.class,style:{clipPath:s,borderColor:n}})},j={base:"wnx7ql",indeterminateOuter:"_ueo03r",indeterminateInner:"_va17n",determinateInner:"_dj8xvy",track:"_60kzn2",value:"_295ph7"};function b(e){return 50*Math.tan(2*e*Math.PI)}e.ProgressCircle=function(e){var{value:s,max:n}=e,t=a.__rest(e,["value","max"]);return"indeterminate"===s?r.jsx(m,Object.assign({},t)):r.jsx(x,Object.assign({value:s,max:n},t))},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_ProgressCircle.js.map

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_ProgressCircle.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_ProgressCircle.js","sources":["../../src/UNSAFE_ProgressCircle/ProgressCircle.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 { JSX } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'id' | 'class' | 'children'>;\n\ntype Props = IntrinsicProps & {\n  /**\n   * Specifies the id of the progress circle.  If the progress circle is being used to describe the loading process of a particular region\n   * of the page, then the aria-describedby attribute of the region must point to the id of the ProgressCircle\n   */\n  id?: IntrinsicProps['id'];\n  /**\n   * The value of the progress circle.  If the value is 'indeterminate', an indeterminate progress circle will be shown.\n   */\n  value?: 'indeterminate' | number;\n\n  /**\n   * The maximum value of the progress circle.\n   */\n  max?: number;\n  /**\n   * The size of the progress circle.\n   */\n  size?: 'sm' | 'md' | 'lg';\n\n  /**\n   * A label to be used for accessibility purposes when value is set to 'indeterminate'.\n   */\n  accessibleLabel?: string;\n};\n\nexport function ProgressCircle({ value, max, ...otherProps }: Props) {\n  return value === 'indeterminate' ? (\n    <IndeterminateProgressCircle {...otherProps}></IndeterminateProgressCircle>\n  ) : (\n    <DeterminateProgressCircle value={value} max={max} {...otherProps}></DeterminateProgressCircle>\n  );\n}\n\ntype IndeterminateProps = Omit<Props, 'value' | 'max'>;\n\nconst IndeterminateProgressCircle = ({ accessibleLabel, id, size = 'md' }: IndeterminateProps) => {\n  const baseClasses = classNames([\n    styles.base,\n    `oj-c-progress-circle-${size}`,\n    styles.indeterminateOuter\n  ]);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  return (\n    <CircleWrapper\n      id={id}\n      ariaValuetext={accessibleLabel || translations.progressIndeterminate()}\n      class={baseClasses}>\n      <CircleInner class={styles.indeterminateInner} />\n    </CircleWrapper>\n  );\n};\n\ntype DeterminateProps = Omit<Props, 'accessibleLabel'> & {\n  value?: number;\n};\n\nconst DeterminateProgressCircle = ({ value = 0, max = 100, id, size = 'md' }: DeterminateProps) => {\n  const percentage = Math.min(Math.max(0, value / max), 1);\n  const baseClasses = classNames([styles.base, `oj-c-progress-circle-${size}`]);\n  const clipPath = _getClipPath(percentage);\n\n  return (\n    <CircleWrapper id={id} max={max} value={value} class={baseClasses}>\n      <CircleInner class={classNames([styles.determinateInner, styles.track])} />\n      <CircleInner\n        class={classNames([styles.determinateInner, styles.value])}\n        clipPath={clipPath}\n      />\n    </CircleWrapper>\n  );\n};\n\ntype WrapperProps = IntrinsicProps & {\n  value?: number;\n  max?: number;\n  min?: number;\n  color?: string;\n  ariaValuetext?: string;\n};\nconst CircleWrapper = ({\n  value,\n  max,\n  min,\n  id,\n  children,\n  ariaValuetext,\n  color,\n  ...otherProps\n}: WrapperProps) => {\n  const ariaMin = value != null ? (min ? min : '0') : null;\n  const ariaMax = value != null ? max : null;\n  const ariaNow = value != null ? value : null;\n  return (\n    <div\n      role=\"progressbar\"\n      id={id}\n      aria-valuemin={ariaMin}\n      aria-valuemax={ariaMax}\n      aria-valuenow={ariaNow}\n      aria-valuetext={ariaValuetext}\n      class={otherProps.class}\n      style={{ borderColor: color }}>\n      {children}\n    </div>\n  );\n};\n\ntype CircleInnerProps = Pick<IntrinsicProps, 'class'> & {\n  clipPath?: string;\n  color?: string;\n};\n\nconst CircleInner = ({ clipPath, color, ...otherProps }: CircleInnerProps) => {\n  return <div class={otherProps.class} style={{ clipPath: clipPath, borderColor: color }}></div>;\n};\n\nconst styles = {\n  base: cssProps`${{\n    position: 'relative',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    display: 'inline-block',\n    maxWidth: '100%',\n    maxHeight: '100%',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-size)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-size)'\n  }}`,\n  indeterminateOuter: cssProps`${{\n    animationName: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-circle-rotation-animation)',\n    animationDuration: '1s',\n    animationTimingFunction: 'linear',\n    animationIterationCount: 'infinite'\n  }}`,\n  indeterminateInner: cssProps`${{\n    borderWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-track-width)',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-value-bg-color)',\n    borderStyle: 'solid',\n    width: '100%',\n    height: '100%',\n    boxSizing: 'border-box',\n    borderRadius: '50%',\n    animationName: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-circle-length-animation)',\n    animationDuration: '1.5s',\n    animationTimingFunction: 'linear',\n    animationIterationCount: 'infinite',\n    animationDirection: 'alternate',\n    position: 'absolute'\n  }}`,\n  determinateInner: cssProps`${{\n    borderWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-track-width)',\n    width: '100%',\n    height: '100%',\n    boxSizing: 'border-box',\n    borderRadius: '50%',\n    position: 'absolute',\n    borderStyle: 'solid'\n  }}`,\n  track: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-determinate-track-bg-color)'\n  }}`,\n  value: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-value-bg-color)'\n  }}`\n};\n\nfunction _getClipPath(percentage: number) {\n  let tangent;\n  if (percentage < 0.125) {\n    tangent = _calculateTangent(percentage) + 50;\n    return `polygon(50% 0, ${tangent}% 0, 50% 50%)`;\n  } else if (percentage < 0.375) {\n    if (percentage < 0.25) {\n      tangent = 50 - _calculateTangent(0.25 - percentage);\n    } else {\n      tangent = _calculateTangent(percentage - 0.25) + 50;\n    }\n    return `polygon(50% 0, 100% 0, 100% ${tangent}%, 50% 50%)`;\n  } else if (percentage < 0.625) {\n    if (percentage < 0.5) {\n      tangent = 50 + _calculateTangent(0.5 - percentage);\n    } else {\n      tangent = 50 - _calculateTangent(percentage - 0.5);\n    }\n    return `polygon(50% 0, 100% 0, 100% 100%, ${tangent}% 100%, 50% 50%)`;\n  } else if (percentage < 0.875) {\n    if (percentage < 0.75) {\n      tangent = 50 + _calculateTangent(0.75 - percentage);\n    } else {\n      tangent = 50 - _calculateTangent(percentage - 0.75);\n    }\n    return `polygon(50% 0, 100% 0, 100% 100%, 0% 100%, 0% ${tangent}%, 50% 50%)`;\n  }\n  tangent = 50 - _calculateTangent(1 - percentage);\n  return `polygon(50% 0, 100% 0, 100% 100%, 0% 100%, 0% 0%, ${tangent}% 0%, 50% 50%)`;\n}\n\nfunction _calculateTangent(percentage: number) {\n  return 50 * Math.tan(percentage * 2 * Math.PI);\n}\n"],"names":["IndeterminateProgressCircle","accessibleLabel","id","size","styles","base","indeterminateOuter","translations","useTranslationBundle","_jsx","CircleWrapper","Object","assign","ariaValuetext","progressIndeterminate","class","baseClasses","children","jsx","CircleInner","indeterminateInner","DeterminateProgressCircle","value","max","percentage","Math","min","classNames","clipPath","tangent","_calculateTangent","_getClipPath","_jsxs","determinateInner","track","_a","color","otherProps","__rest","ariaMax","ariaNow","role","ariaMin","style","borderColor","tan","PI"],"mappings":"mSAmDA,MAAAA,EAAA,EAAAC,gBAAAA,EAAAC,GAAAA,EAAAC,KAAAA,EAAA,+BAEIC,EAAAC,KACA,wBAAAF,IACAC,EAAAE,qBAEFC,EAAAC,uBAAA,4BACA,OAAAC,MAAAC,EAAAC,OAAAC,OAAA,CAAAV,GAAAA,EAAAW,cAAAZ,GAAAM,EAAAO,wBAAAC,MAAAC,GAAA,CAAAC,SAAAR,EAAAS,IAAAC,EAAA,CAAAJ,MAAAX,EAAAgB,yBAcFC,EAAA,EAAAC,MAAAA,EAAA,EAAAC,IAAAA,EAAA,IAAArB,GAAAA,EAAAC,KAAAA,EAAA,SACE,MAAAqB,EAAAC,KAAAC,IAAAD,KAAAF,IAAA,EAAAD,EAAAC,GAAA,GACAP,EAAAW,aAAA,CAAAvB,EAAAC,KAAA,wBAAAF,MACAyB,EA0GF,SAAAJ,GACE,IAAAK,mBAEEA,EAAAC,EAAAN,GAAA,ubA7GFO,CAAAP,GAEA,OAAAQ,OAAAtB,EAAAC,OAAAC,OAAA,CAAAV,GAAAA,EAAAqB,IAAAA,EAAAD,MAAAA,EAAAP,MAAAC,GAAA,CAAAC,SAAA,CAAAR,EAAAS,IAAAC,EAAA,CAAAJ,MAAAY,EAAAA,WAAA,CAAAvB,EAAA6B,iBAAA7B,EAAA8B,UAAAzB,EAAAS,IAAAC,EAAA,CAAAJ,MAAAY,EAAAA,WAAA,CAAAvB,EAAA6B,iBAAA7B,EAAAkB,QAAAM,SAAAA,SAkBFlB,EAAAyB,IAAuB,IAAAb,MAAAA,EAAAC,IAAAA,EAAAG,IAAAA,EAAAxB,GAAAA,EAAAe,SAAAA,EAAAJ,cAAAA,EAAAuB,MAAAA,GAAAD,EAAAE,EAAAC,EAAAA,OAAAH,EAAA,CAAA,QAAA,MAAA,MAAA,KAAA,WAAA,gBAAA,sCAWrBI,EAAA,MAAAjB,EAAAC,EAAA,KACAiB,EAAA,MAAAlB,EAAAA,EAAA,KACA,OAAAb,MAAA,MAAAE,OAAAC,OAAA,CAAA6B,KAAA,cAAAvC,GAAAA,EAAA,gBAAAwC,EAAA,gBAAAH,EAAA,gBAAAC,EAAA,iBAAA3B,EAAAE,MAAAsB,EAAAtB,MAAA4B,MAAA,CAAAC,YAAAR,IAAA,CAAAnB,SAAAA,MAoBFE,EAAAgB,iEACE,OAAA1B,EAAAA,IAAA,MAAA,CAAAM,MAAAsB,EAAAtB,MAAA4B,MAAA,CAAAf,SAAAA,EAAAgB,YAAAR,MAGFhC,EAAA,MAAA,6BAAA,6BAAA,2BAAA,eAAA,yBAgFA,SAAA0B,EAAAN,GACE,OAAA,GAAAC,KAAAoB,IAAA,EAAArB,EAAAC,KAAAqB,qBA5KF,SAAAX,sDACE,MAAA,kBAAAb,EAAAb,EAAAS,IAAAlB,EAAAW,OAAAC,OAAA,GAAAyB,IAAA5B,EAAAA,IAAAY,EAAAV,OAAAC,OAAA,CAAAU,MAAAA,EAAAC,IAAAA,GAAAc"}
+{"version":3,"file":"UNSAFE_ProgressCircle.js","sources":["../../src/UNSAFE_ProgressCircle/ProgressCircle.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 { JSX } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'id' | 'class' | 'children'>;\n\ntype Props = IntrinsicProps & {\n  /**\n   * Specifies the id of the progress circle.  If the progress circle is being used to describe the loading process of a particular region\n   * of the page, then the aria-describedby attribute of the region must point to the id of the ProgressCircle\n   */\n  id?: IntrinsicProps['id'];\n  /**\n   * The value of the progress circle.  If the value is 'indeterminate', an indeterminate progress circle will be shown.\n   */\n  value?: 'indeterminate' | number;\n\n  /**\n   * The maximum value of the progress circle.\n   */\n  max?: number;\n  /**\n   * The size of the progress circle.\n   */\n  size?: 'sm' | 'md' | 'lg';\n\n  /**\n   * A label to be used for accessibility purposes when value is set to 'indeterminate'.\n   */\n  accessibleLabel?: string;\n};\n\nexport function ProgressCircle({ value, max, ...otherProps }: Props) {\n  return value === 'indeterminate' ? (\n    <IndeterminateProgressCircle {...otherProps}></IndeterminateProgressCircle>\n  ) : (\n    <DeterminateProgressCircle value={value} max={max} {...otherProps}></DeterminateProgressCircle>\n  );\n}\n\ntype IndeterminateProps = Omit<Props, 'value' | 'max'>;\n\nconst IndeterminateProgressCircle = ({ accessibleLabel, id, size = 'md' }: IndeterminateProps) => {\n  const baseClasses = classNames([\n    styles.base,\n    `oj-c-progress-circle-${size}`,\n    styles.indeterminateOuter\n  ]);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  return (\n    <CircleWrapper\n      id={id}\n      ariaValuetext={accessibleLabel || translations.progressIndeterminate()}\n      class={baseClasses}>\n      <CircleInner class={styles.indeterminateInner} />\n    </CircleWrapper>\n  );\n};\n\ntype DeterminateProps = Omit<Props, 'accessibleLabel'> & {\n  value?: number;\n};\n\nconst DeterminateProgressCircle = ({ value = 0, max = 100, id, size = 'md' }: DeterminateProps) => {\n  const percentage = Math.min(Math.max(0, value / max), 1);\n  const baseClasses = classNames([styles.base, `oj-c-progress-circle-${size}`]);\n  const clipPath = _getClipPath(percentage);\n\n  return (\n    <CircleWrapper id={id} max={max} value={value} class={baseClasses}>\n      <CircleInner class={classNames([styles.determinateInner, styles.track])} />\n      <CircleInner\n        class={classNames([styles.determinateInner, styles.value])}\n        clipPath={clipPath}\n      />\n    </CircleWrapper>\n  );\n};\n\ntype WrapperProps = IntrinsicProps & {\n  value?: number;\n  max?: number;\n  min?: number;\n  color?: string;\n  ariaValuetext?: string;\n};\nconst CircleWrapper = ({\n  value,\n  max,\n  min,\n  id,\n  children,\n  ariaValuetext,\n  color,\n  ...otherProps\n}: WrapperProps) => {\n  const ariaMin = value != null ? (min ? min : '0') : null;\n  const ariaMax = value != null ? max : null;\n  const ariaNow = value != null ? value : null;\n  return (\n    <div\n      role=\"progressbar\"\n      id={id}\n      aria-valuemin={ariaMin}\n      aria-valuemax={ariaMax}\n      aria-valuenow={ariaNow}\n      aria-valuetext={ariaValuetext}\n      class={otherProps.class}\n      style={{ borderColor: color }}>\n      {children}\n    </div>\n  );\n};\n\ntype CircleInnerProps = Pick<IntrinsicProps, 'class'> & {\n  clipPath?: string;\n  color?: string;\n};\n\nconst CircleInner = ({ clipPath, color, ...otherProps }: CircleInnerProps) => {\n  return <div class={otherProps.class} style={{ clipPath: clipPath, borderColor: color }}></div>;\n};\n\nconst styles = {\n  base: cssProps`${{\n    position: 'relative',\n    overflowX: 'hidden',\n    overflowY: 'hidden',\n    display: 'inline-block',\n    maxWidth: '100%',\n    maxHeight: '100%',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-size)',\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-size)'\n  }}`,\n  indeterminateOuter: cssProps`${{\n    animationName: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-circle-rotation-animation)',\n    animationDuration: '1s',\n    animationTimingFunction: 'linear',\n    animationIterationCount: 'infinite'\n  }}`,\n  indeterminateInner: cssProps`${{\n    borderWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-track-width)',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-value-bg-color)',\n    borderStyle: 'solid',\n    width: '100%',\n    height: '100%',\n    boxSizing: 'border-box',\n    borderRadius: '50%',\n    animationName: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-progress-circle-length-animation)',\n    animationDuration: '1.5s',\n    animationTimingFunction: 'linear',\n    animationIterationCount: 'infinite',\n    animationDirection: 'alternate',\n    position: 'absolute'\n  }}`,\n  determinateInner: cssProps`${{\n    borderWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-track-width)',\n    width: '100%',\n    height: '100%',\n    boxSizing: 'border-box',\n    borderRadius: '50%',\n    position: 'absolute',\n    borderStyle: 'solid'\n  }}`,\n  track: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-determinate-track-bg-color)'\n  }}`,\n  value: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-progress-circle-value-bg-color)'\n  }}`\n};\n\nfunction _getClipPath(percentage: number) {\n  let tangent;\n  if (percentage < 0.125) {\n    tangent = _calculateTangent(percentage) + 50;\n    return `polygon(50% 0, ${tangent}% 0, 50% 50%)`;\n  } else if (percentage < 0.375) {\n    if (percentage < 0.25) {\n      tangent = 50 - _calculateTangent(0.25 - percentage);\n    } else {\n      tangent = _calculateTangent(percentage - 0.25) + 50;\n    }\n    return `polygon(50% 0, 100% 0, 100% ${tangent}%, 50% 50%)`;\n  } else if (percentage < 0.625) {\n    if (percentage < 0.5) {\n      tangent = 50 + _calculateTangent(0.5 - percentage);\n    } else {\n      tangent = 50 - _calculateTangent(percentage - 0.5);\n    }\n    return `polygon(50% 0, 100% 0, 100% 100%, ${tangent}% 100%, 50% 50%)`;\n  } else if (percentage < 0.875) {\n    if (percentage < 0.75) {\n      tangent = 50 + _calculateTangent(0.75 - percentage);\n    } else {\n      tangent = 50 - _calculateTangent(percentage - 0.75);\n    }\n    return `polygon(50% 0, 100% 0, 100% 100%, 0% 100%, 0% ${tangent}%, 50% 50%)`;\n  }\n  tangent = 50 - _calculateTangent(1 - percentage);\n  return `polygon(50% 0, 100% 0, 100% 100%, 0% 100%, 0% 0%, ${tangent}% 0%, 50% 50%)`;\n}\n\nfunction _calculateTangent(percentage: number) {\n  return 50 * Math.tan(percentage * 2 * Math.PI);\n}\n"],"names":["IndeterminateProgressCircle","accessibleLabel","id","size","styles","base","indeterminateOuter","translations","useTranslationBundle","_jsx","CircleWrapper","Object","assign","ariaValuetext","progressIndeterminate","class","baseClasses","children","jsx","CircleInner","indeterminateInner","DeterminateProgressCircle","value","max","percentage","Math","min","classNames","clipPath","tangent","_calculateTangent","_getClipPath","_jsxs","determinateInner","track","_a","color","otherProps","__rest","ariaMax","ariaNow","role","ariaMin","style","borderColor","tan","PI"],"mappings":"mSAmDA,MAAAA,EAAA,EAAAC,gBAAAA,EAAAC,GAAAA,EAAAC,KAAAA,EAAA,+BAEIC,EAAAC,KACA,wBAAAF,IACAC,EAAAE,qBAEFC,EAAAC,uBAAA,4BACA,OAAAC,MAAAC,EAAAC,OAAAC,OAAA,CAAAV,GAAAA,EAAAW,cAAAZ,GAAAM,EAAAO,wBAAAC,MAAAC,GAAA,CAAAC,SAAAR,EAAAS,IAAAC,EAAA,CAAAJ,MAAAX,EAAAgB,yBAcFC,EAAA,EAAAC,MAAAA,EAAA,EAAAC,IAAAA,EAAA,IAAArB,GAAAA,EAAAC,KAAAA,EAAA,SACE,MAAAqB,EAAAC,KAAAC,IAAAD,KAAAF,IAAA,EAAAD,EAAAC,GAAA,GACAP,EAAAW,aAAA,CAAAvB,EAAAC,KAAA,wBAAAF,MACAyB,EA0GF,SAAAJ,GACE,IAAAK,mBAEEA,EAAAC,EAAAN,GAAA,ubA7GFO,CAAAP,GAEA,OAAAQ,OAAAtB,EAAAC,OAAAC,OAAA,CAAAV,GAAAA,EAAAqB,IAAAA,EAAAD,MAAAA,EAAAP,MAAAC,GAAA,CAAAC,SAAA,CAAAR,EAAAS,IAAAC,EAAA,CAAAJ,MAAAY,EAAAA,WAAA,CAAAvB,EAAA6B,iBAAA7B,EAAA8B,UAAAzB,EAAAS,IAAAC,EAAA,CAAAJ,MAAAY,EAAAA,WAAA,CAAAvB,EAAA6B,iBAAA7B,EAAAkB,QAAAM,SAAAA,SAkBFlB,EAAAyB,IAAuB,IAAAb,MAAAA,EAAAC,IAAAA,EAAAG,IAAAA,EAAAxB,GAAAA,EAAAe,SAAAA,EAAAJ,cAAAA,EAAAuB,MAAAA,GAAAD,EAAAE,EAAAC,EAAAA,OAAAH,EAAA,CAAA,QAAA,MAAA,MAAA,KAAA,WAAA,gBAAA,sCAWrBI,EAAA,MAAAjB,EAAAC,EAAA,KACAiB,EAAA,MAAAlB,EAAAA,EAAA,KACA,OAAAb,MAAA,MAAAE,OAAAC,OAAA,CAAA6B,KAAA,cAAAvC,GAAAA,EAAA,gBAAAwC,EAAA,gBAAAH,EAAA,gBAAAC,EAAA,iBAAA3B,EAAAE,MAAAsB,EAAAtB,MAAA4B,MAAA,CAAAC,YAAAR,IAAA,CAAAnB,SAAAA,MAoBFE,EAAAgB,iEACE,OAAA1B,EAAAA,IAAA,MAAA,CAAAM,MAAAsB,EAAAtB,MAAA4B,MAAA,CAAAf,SAAAA,EAAAgB,YAAAR,MAGFhC,EAAA,MAAA,4BAAA,6BAAA,0BAAA,gBAAA,2BAgFA,SAAA0B,EAAAN,GACE,OAAA,GAAAC,KAAAoB,IAAA,EAAArB,EAAAC,KAAAqB,qBA5KF,SAAAX,sDACE,MAAA,kBAAAb,EAAAb,EAAAS,IAAAlB,EAAAW,OAAAC,OAAA,GAAAyB,IAAA5B,EAAAA,IAAAY,EAAAV,OAAAC,OAAA,CAAAU,MAAAA,EAAAC,IAAAA,GAAAc"}

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_RatingGauge.css

@@ -1,22 +1,22 @@
-._k83e37{display:inline-flex;}._k83e37:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;}
-._c9uakz{cursor:pointer;touch-action:none;}
-._wwhi90{height:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-lg-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-lg-size);margin:0px 2px;}
-.iilizc{height:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-md-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-md-size);margin:0px 1px;}
-._y410lw{height:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-sm-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-sm-size);margin:0px 1px;}
-._s7tw6e{position:relative;}
+._i5knvi{display:inline-flex;}._i5knvi:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;}
+._gad7lk{cursor:pointer;touch-action:none;}
+.qju2us{height:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-lg-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-lg-size);margin:0px 2px;}
+._g3hjv2{height:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-md-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-md-size);margin:0px 1px;}
+._ciqvpr{height:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-sm-size);width:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-sm-size);margin:0px 1px;}
+._t776j9{position:relative;}
 
-._mcis8{top:0px;left:0px;position:absolute;width:100%;height:100%;}
+.c8wg1w{top:0px;left:0px;position:absolute;width:100%;height:100%;}
 
-._ex0fks{position:absolute;}
-._nj0erc{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected);}
-._kcuvey{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected);}
-._q0tvv8{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected);}
-._bsjxpk{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected);}
-._6ivsrc{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-readonly);}
-.hsetbd{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-readonly);}
-._brkwm4{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-readonly);}
-._44idhc{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-readonly);}
-._uh5mrz{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-disabled);}
-._mbo6k9{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-disabled);}
-._n94dhp{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-disabled);}
-.jhufqm{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-disabled);}
+.cf61uy{position:absolute;}
+._rcjjrh{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected);}
+._1px0c{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected);}
+._sgh31{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected);}
+.r0wkzw{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected);}
+._u0h02o{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-readonly);}
+.eaabib{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-readonly);}
+._tg3dhd{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-readonly);}
+._o5mms7{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-readonly);}
+._99ejhe{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-disabled);}
+._88ybl{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-disabled);}
+._od2kc4{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-disabled);}
+._rl5mml{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-disabled);}

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_RatingGauge.js

@@ -1,2 +1,2 @@
-define(["exports","./RatingGauge-d2a82dcc","./tslib.es6-a698dedd","preact/jsx-runtime","preact","preact/hooks",'css!./UNSAFE_RatingGauge.css',"./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat","./utils/UNSAFE_classNames","./classNames-6159c6a4","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-923828a1","./index-651a27e1","./hooks/UNSAFE_useOutsideClick","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./utils/UNSAFE_mergeProps"],(function(e,s,o,a,t,i,u,r,F,c,N,U,_,l,n,E,A,S,d,g,h,k,p,m,f){"use strict";e.RatingGauge=s.RatingGauge,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./RatingGauge-d7b0bb32","./tslib.es6-2b838d6f","preact/jsx-runtime","preact","preact/hooks",'css!./UNSAFE_RatingGauge.css',"./hooks/UNSAFE_useUser","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat","./utils/UNSAFE_classNames","./classNames-d22c6b88","./hooks/UNSAFE_useTooltip","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-81d12fa3","./index-da1cbf89","./hooks/UNSAFE_useOutsideClick","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./utils/UNSAFE_mergeProps"],(function(e,s,o,a,t,i,u,r,F,N,U,_,c,l,n,E,A,S,d,g,h,k,p,b,f){"use strict";e.RatingGauge=s.RatingGauge,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_RatingGauge.js.map

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_SelectMultiple.css

@@ -1,15 +1,15 @@
-._368ptz{height:20px;padding-bottom:0.75rem;padding-left:0.75rem;padding-right:0.75rem;padding-top:0.75rem;}
+._qh8tgp{height:20px;padding-bottom:0.75rem;padding-left:0.75rem;padding-right:0.75rem;padding-top:0.75rem;}
 
-.dj1gvb{box-sizing:border-box;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-popup-bg-color);border:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-popup-border-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);box-shadow:var(--oj-c-PRIVATE-DO-NOT-USE-core-dropdown-box-shadow);display:flex;flex-direction:column;}
+.zcgrje{display:inline-flex;align-items:center;justify-content:center;padding-inline:0;padding-block:0;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
+.myecfv{width:2.75rem;height:2.75rem;line-height:2.75rem;}
+.n4zpqd{width:2.25rem;height:2.25rem;line-height:2.25rem;}
+.fh2s73{cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}.fh2s73:hover{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);border-color:transparent;}
+._t2158g{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
 
-._lok8cu{padding-left:0;padding-right:0;margin:1px 0 2px 0;position:relative;overflow-x:hidden;overflow-y:auto;max-height:400px;box-sizing:border-box;display:flex;flex-direction:column;}
-.feyt2e{padding-top:.5rem;padding-bottom:.5rem;}
-._cob9rb{min-height:10rem;}
+.e1ycr3{padding-left:0;padding-right:0;margin:1px 0 2px 0;position:relative;overflow-x:hidden;overflow-y:auto;max-height:400px;box-sizing:border-box;display:flex;flex-direction:column;}
+.luzort{padding-top:.5rem;padding-bottom:.5rem;}
+._tnej5c{min-height:10rem;}
 
-.ihjn65{display:inline-flex;}
+._wy1amr{box-sizing:border-box;background-color:var(--oj-c-PRIVATE-DO-NOT-USE-popup-bg-color);border:1px solid var(--oj-c-PRIVATE-DO-NOT-USE-popup-border-color);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);box-shadow:var(--oj-c-PRIVATE-DO-NOT-USE-core-dropdown-box-shadow);display:flex;flex-direction:column;}
 
-._7o15nk{display:inline-flex;align-items:center;justify-content:center;padding-inline:0;padding-block:0;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
-._vlrimj{width:2.75rem;height:2.75rem;line-height:2.75rem;}
-.f8qoga{width:2.25rem;height:2.25rem;line-height:2.25rem;}
-._ptkixv{cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);}._ptkixv:hover{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);border-color:transparent;}
-._hebqmp{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
+.mtb8kl{display:inline-flex;}

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_SelectMultiple.js

@@ -1,2 +1,2 @@
-define(["exports","./SelectMultiple-64311504","preact/jsx-runtime","preact","preact/compat","./hooks/UNSAFE_useFocusableTextField","./tslib.es6-a698dedd","preact/hooks","./hooks/UNSAFE_useFocusWithin","./useFocusWithin-aa75769e","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./hooks/UNSAFE_useLoadingIndicatorTimer","./hooks/UNSAFE_useTimer","./hooks/UNSAFE_useTextField","./hooks/UNSAFE_useId","./UNSAFE_Flex","./Flex-987e6288","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-301b6e19","./_curry1-1476548d","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-6159c6a4","./_curry2-b8f41a09","./_has-f21781f7",'css!./UNSAFE_SelectMultiple.css',"./utils/UNSAFE_interpolations/boxalignment","./keys-d57af09c","./utils/UNSAFE_interpolations/flexbox","./flexbox-e2c53571","./utils/UNSAFE_interpolations/flexitem","./flexitem-c185e66b","./UNSAFE_Label","./UNSAFE_LiveRegion","./UNSAFE_TextField","./utils/UNSAFE_interpolations/text","./TextFieldInput-5bbcd693","./hooks/UNSAFE_useTextFieldInputHandlers","./utils/PRIVATE_clientHints","./clientHints-b44cd6da","./hooks/UNSAFE_useTranslationBundle","./UNSAFE_Environment","./UNSAFE_Layer","./UNSAFE_LabelValueLayout","./hooks/UNSAFE_useDebounce","./UNSAFE_UserAssistance","./UNSAFE_ComponentMessage","./ComponentMessage-5e80f48f","./UNSAFE_HiddenAccessible","./HiddenAccessible-b34a218b","./UNSAFE_Message","./MessageCloseButton-6a052046","./MessageDetail-220b7e5b","./MessageFormattingUtils-3bec650f","./utils/UNSAFE_getLocale","./Message.types-8e0a1077","./MessageStartIcon-c1a88335","./index-7951c6eb","./UNSAFE_Icon","./Icon-77031094","./hooks/UNSAFE_useUser","./hooks/UNSAFE_useTheme","./index-b0689b71","./MessageSummary-5175c441","./MessageTimestamp-545335d6","./MessageUtils-920c1858","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-43385c23","./UNSAFE_TransitionGroup","./ComponentMessageContainer-db3115a2","./UNSAFE_HighlightText","./HighlightText-b8f87a36","./UNSAFE_ListView","./ListView-ae4912e4","./utils/UNSAFE_mergeProps","./utils/UNSAFE_keys","./UNSAFE_VirtualizedCollection","./VirtualizedCollection-be1dd0d2","./UNSAFE_Collection","./Collection-ff9e6268","./hooks/UNSAFE_useViewportIntersect","./UNSAFE_Selector","./hooks/PRIVATE_useSelection","./hooks/PRIVATE_useCurrentKey","./hooks/PRIVATE_useCollectionFocusRing","./UNSAFE_Skeleton","./Skeleton-08fbe8e5","./utils/UNSAFE_interpolations/borders","./UNSAFE_Floating","./Floating-923828a1","./index-651a27e1","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_usePress","./UNSAFE_Chip","./Chip-5f7bc24a","./hooks/UNSAFE_useActionable","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","./hooks/UNSAFE_useFocus"],(function(e,s,o,t,i,l,n,a,F,u,A,S,_,U,E,N,r,c,d,h,g,b,k,p,m,x,f,M,T,C,I,y,V,L,H,P,R,v,w,z,j,B,D,O,W,G,K,q,J,Q,X,Y,Z,$,ee,se,oe,te,ie,le,ne,ae,Fe,ue,Ae,Se,_e,Ue,Ee,Ne,re,ce,de,he,ge,be,ke,pe,me,xe,fe,Me,Te,Ce,Ie,ye,Ve,Le,He,Pe,Re,ve,we,ze,je,Be,De,Oe,We,Ge,Ke,qe,Je,Qe,Xe){"use strict";e.SelectMultiple=s.SelectMultiple,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./SelectMultiple-81d8c7f6","preact/jsx-runtime","preact","preact/compat","./hooks/UNSAFE_useFocusableTextField","./tslib.es6-2b838d6f","preact/hooks","./hooks/UNSAFE_useFocusWithin","./useFocusWithin-f31af4aa","./hooks/UNSAFE_useFormContext","./hooks/UNSAFE_useFormFieldContext","./hooks/UNSAFE_useLoadingIndicatorTimer","./hooks/UNSAFE_useTimer","./hooks/UNSAFE_useTextField","./hooks/UNSAFE_useId","./UNSAFE_Flex","./Flex-8f8b467e","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-582afe09","./_curry1-18882de2","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-d22c6b88","./_curry2-1e7fa629","./_has-daf20f39",'css!./UNSAFE_SelectMultiple.css',"./utils/UNSAFE_interpolations/boxalignment","./keys-644f9ba5","./utils/UNSAFE_interpolations/flexbox","./flexbox-ef2f3b7a","./utils/UNSAFE_interpolations/flexitem","./flexitem-762ea2b5","./UNSAFE_Label","./UNSAFE_LiveRegion","./UNSAFE_TextField","./utils/UNSAFE_interpolations/text","./TextFieldInput-4dc77347","./hooks/UNSAFE_useTextFieldInputHandlers","./utils/PRIVATE_clientHints","./clientHints-f0e5b7c0","./hooks/UNSAFE_useTranslationBundle","./UNSAFE_Environment","./UNSAFE_Layer","./UNSAFE_LabelValueLayout","./hooks/UNSAFE_useDebounce","./UNSAFE_UserAssistance","./UNSAFE_ComponentMessage","./ComponentMessage-36d9abb2","./UNSAFE_HiddenAccessible","./HiddenAccessible-8e6511c7","./UNSAFE_Message","./MessageCloseButton-93919f3b","./MessageDetail-377d5f7b","./MessageFormattingUtils-2f9aa80f","./utils/UNSAFE_getLocale","./Message.types-8c913077","./MessageStartIcon-11a7b01e","./index-a23cdd2b","./UNSAFE_Icon","./Icon-b3f33d9f","./hooks/UNSAFE_useUser","./hooks/UNSAFE_useTheme","./index-2eef327c","./MessageSummary-eb924afe","./MessageTimestamp-20da6d24","./MessageUtils-045559c3","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-1ee78b2a","./UNSAFE_TransitionGroup","./ComponentMessageContainer-948a21d9","./UNSAFE_HighlightText","./HighlightText-b24cb9fb","./UNSAFE_ListView","./ListView-06233f44","./utils/UNSAFE_mergeProps","./utils/UNSAFE_keys","./UNSAFE_VirtualizedCollection","./VirtualizedCollection-1f190c6c","./UNSAFE_Collection","./Collection-5cdb05f8","./hooks/UNSAFE_useViewportIntersect","./UNSAFE_Selector","./hooks/PRIVATE_useSelection","./hooks/PRIVATE_useCurrentKey","./hooks/PRIVATE_useCollectionFocusRing","./UNSAFE_Skeleton","./Skeleton-826dc780","./utils/UNSAFE_interpolations/borders","./UNSAFE_Floating","./Floating-81d12fa3","./index-da1cbf89","./hooks/UNSAFE_useOutsideClick","./hooks/UNSAFE_usePress","./UNSAFE_Chip","./Chip-a8ee4386","./hooks/UNSAFE_useActionable","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useActive","./hooks/UNSAFE_useFocus"],(function(e,s,o,t,i,l,a,n,F,u,A,S,_,U,E,N,c,r,d,h,b,f,g,k,p,m,x,M,T,C,I,y,V,L,H,P,R,v,w,z,j,B,D,O,W,G,K,q,J,Q,X,Y,Z,$,ee,se,oe,te,ie,le,ae,ne,Fe,ue,Ae,Se,_e,Ue,Ee,Ne,ce,re,de,he,be,fe,ge,ke,pe,me,xe,Me,Te,Ce,Ie,ye,Ve,Le,He,Pe,Re,ve,we,ze,je,Be,De,Oe,We,Ge,Ke,qe,Je,Qe,Xe){"use strict";e.SelectMultiple=s.SelectMultiple,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_SelectMultiple.js.map

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_Selector.css

@@ -1,5 +1,5 @@
-._a1hg5{position:relative;}._a1hg5:active{transform:var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-input-transform-active);transition-property:transform;transition-duration:var(--oj-c-PRIVATE-DO-NOT-USE-animation-duration-xshort);transition-timing-function:var(--oj-c-PRIVATE-DO-NOT-USE-animation-ease-in-out);}
-._p1iu31{display:inline-block;}
-._p8psm{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-input-size);line-height:0;}
-.s3wg0q{color:var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-unselected);}
-._yj84h{color:var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-selected);}
+._c8x6n7{position:relative;}._c8x6n7:active{transform:var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-input-transform-active);transition-property:transform;transition-duration:var(--oj-c-PRIVATE-DO-NOT-USE-animation-duration-xshort);transition-timing-function:var(--oj-c-PRIVATE-DO-NOT-USE-animation-ease-in-out);}
+._0vsqmv{display:inline-block;}
+._jfpzvx{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-input-size);line-height:0;}
+._5du5s7{color:var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-unselected);}
+.jry9nu{color:var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-selected);}

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_Selector.js

@@ -1,2 +1,2 @@
-define(["exports","preact/jsx-runtime",'css!./UNSAFE_Selector.css',"./utils/UNSAFE_classNames","./utils/UNSAFE_keys","./hooks/PRIVATE_useSelection","./index-7951c6eb","./UNSAFE_Flex","./hooks/UNSAFE_useTranslationBundle","./classNames-6159c6a4","./index-b0689b71","./Flex-987e6288","preact/hooks","./utils/UNSAFE_arrayUtils","./UNSAFE_Icon","./Icon-77031094","./tslib.es6-a698dedd","./hooks/UNSAFE_useUser","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useTheme","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-301b6e19","./_curry1-1476548d","./utils/UNSAFE_mergeInterpolations","./_curry2-b8f41a09","./_has-f21781f7","./utils/UNSAFE_interpolations/boxalignment","./keys-d57af09c","./utils/UNSAFE_interpolations/flexbox","./flexbox-e2c53571","./utils/UNSAFE_interpolations/flexitem","./flexitem-c185e66b"],(function(e,s,t,c,i,n,l,o,a,r,u,d,_,x,b,h,S,k,p,U,F,N,E,g,A,f,j,m,y,C,v,O,I,L,P,T,w){"use strict";const K="_a1hg5",B="_p1iu31",q="_p8psm",z="s3wg0q",M="_yj84h";function R(e){const t=r.classNames([q,e.checked?M:z]),c=a.useTranslationBundle("@oracle/oraclejet-preact"),i=e.checked?c.selector_selected():c.selector_unselected();return s.jsx("div",Object.assign({class:t,tabIndex:-1,type:"checkbox",checked:e.checked,"aria-label":e.accessibleLabel||i,onClick:e.onClick},{children:e.checked?s.jsx(u.SvgCheckboxOn,{}):s.jsx(u.SvgCheckboxOff,{})}))}const V=e=>{e.stopPropagation()};e.Selector=function({accessibleLabel:e,rowKey:t,selectedKeys:c,onChange:l}){const{selectionProps:o}=n.useSelection((()=>t),c,"multiple",!1,"toggle",l);return s.jsx("div",Object.assign({class:B},(e=>{const s=e.onClick;return s?(e.onClick=e=>{s(e),V(e)},e):{onClick:V}})(o),{children:s.jsx("div",Object.assign({class:K},{children:s.jsx(d.Flex,Object.assign({align:"center",justify:"center",width:"11x",height:"11x"},{children:s.jsx(R,{checked:i.containsKey(c,t),accessibleLabel:e})}))}))}))},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","preact/jsx-runtime",'css!./UNSAFE_Selector.css',"./utils/UNSAFE_classNames","./utils/UNSAFE_keys","./hooks/PRIVATE_useSelection","./index-a23cdd2b","./UNSAFE_Flex","./hooks/UNSAFE_useTranslationBundle","./classNames-d22c6b88","./index-2eef327c","./Flex-8f8b467e","preact/hooks","./utils/UNSAFE_arrayUtils","./UNSAFE_Icon","./Icon-b3f33d9f","./tslib.es6-2b838d6f","./hooks/UNSAFE_useUser","./UNSAFE_Environment","preact","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useTheme","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-582afe09","./_curry1-18882de2","./utils/UNSAFE_mergeInterpolations","./_curry2-1e7fa629","./_has-daf20f39","./utils/UNSAFE_interpolations/boxalignment","./keys-644f9ba5","./utils/UNSAFE_interpolations/flexbox","./flexbox-ef2f3b7a","./utils/UNSAFE_interpolations/flexitem","./flexitem-762ea2b5"],(function(e,s,t,c,n,i,l,o,a,r,u,d,x,_,b,f,h,S,k,U,F,N,p,E,A,j,g,m,y,v,C,O,I,L,P,T,K){"use strict";const w="_c8x6n7",z="_0vsqmv",B="_jfpzvx",q="_5du5s7",M="jry9nu";function R(e){const t=r.classNames([B,e.checked?M:q]),c=a.useTranslationBundle("@oracle/oraclejet-preact"),n=e.checked?c.selector_selected():c.selector_unselected();return s.jsx("div",Object.assign({class:t,tabIndex:-1,type:"checkbox",checked:e.checked,"aria-label":e.accessibleLabel||n,onClick:e.onClick},{children:e.checked?s.jsx(u.SvgCheckboxOn,{}):s.jsx(u.SvgCheckboxOff,{})}))}const V=e=>{e.stopPropagation()};e.Selector=function({accessibleLabel:e,rowKey:t,selectedKeys:c,onChange:l}){const{selectionProps:o}=i.useSelection((()=>t),c,"multiple",!1,"toggle",l);return s.jsx("div",Object.assign({class:z},(e=>{const s=e.onClick;return s?(e.onClick=e=>{s(e),V(e)},e):{onClick:V}})(o),{children:s.jsx("div",Object.assign({class:w},{children:s.jsx(d.Flex,Object.assign({align:"center",justify:"center",width:"11x",height:"11x"},{children:s.jsx(R,{checked:n.containsKey(c,t),accessibleLabel:e})}))}))}))},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Selector.js.map

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_Selector.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_Selector.js","sources":["../../src/UNSAFE_Selector/Selector.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { Keys, containsKey } from '../utils/UNSAFE_keys';\nimport { useSelection } from '../hooks/PRIVATE_useSelection';\nimport { SelectionDetail } from '../UNSAFE_Collection';\nimport { CheckboxOffIcon, CheckboxOnIcon } from '../UNSAFE_ThemedIcons';\nimport { Flex } from '../UNSAFE_Flex';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\n\nconst styles = {\n  base: cssProps`${{\n    position: 'relative',\n    '&:active': {\n      transform: 'var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-input-transform-active)',\n      transitionProperty: 'transform',\n      transitionDuration: 'var(--oj-c-PRIVATE-DO-NOT-USE-animation-duration-xshort)',\n      transitionTimingFunction: 'var(--oj-c-PRIVATE-DO-NOT-USE-animation-ease-in-out)'\n    }\n  }}`,\n  container: cssProps`${{\n    display: 'inline-block'\n  }}`\n};\n\nconst checkboxStyles = {\n  base: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-input-size)',\n    lineHeight: 0\n  }}`,\n  unselected: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-unselected)'\n  }}`,\n  selected: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-selected)'\n  }}`\n};\n\n/**\n * Props for the Selector Component\n */\nexport type Props<K> = {\n  /**\n   * The key associated with the Selector.\n   */\n  rowKey: K;\n  /**\n   * The selected keys.\n   */\n  selectedKeys: Keys<K>;\n  /**\n   * aria-label for this selector\n   */\n  accessibleLabel?: string;\n  /**\n   * Callback function to invoke when the selected keys has changed when\n   * the checkbox is toggled.\n   */\n  onChange?: (detail: SelectionDetail<K>) => void;\n};\n\n// internal component to use in place of the real Checkbox\nfunction Checkbox(props: {\n  checked: boolean;\n  accessibleLabel?: string;\n  onClick?: (event: MouseEvent) => void;\n}) {\n  const classes = classNames([\n    checkboxStyles.base,\n    props.checked ? checkboxStyles.selected : checkboxStyles.unselected\n  ]);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const ariaLabel = props.checked\n    ? translations.selector_selected()\n    : translations.selector_unselected();\n  return (\n    <div\n      class={classes}\n      tabIndex={-1}\n      type=\"checkbox\"\n      checked={props.checked}\n      aria-label={props.accessibleLabel || ariaLabel}\n      onClick={props.onClick}>\n      {props.checked ? <CheckboxOnIcon /> : <CheckboxOffIcon />}\n    </div>\n  );\n}\n\n// click event handler used by Selector\nconst handleClick = (event: Event) => {\n  // we don't want container component like ListView to process it\n  event.stopPropagation();\n};\n\n// update selectionProps onClick event to call event.stopPropagation()\nconst updateSelectionProps = (selectionProps: any) => {\n  // click event handler return from useSelection\n  const onClick = selectionProps.onClick;\n  if (onClick) {\n    // click event handler used by Selector\n    selectionProps.onClick = (event: MouseEvent) => {\n      onClick(event);\n      handleClick(event);\n    };\n    return selectionProps;\n  }\n  return { onClick: handleClick };\n};\n\n/**\n * The Selector component is used to enable multi-selection in Collection components.\n */\nexport function Selector<K>({ accessibleLabel, rowKey, selectedKeys, onChange }: Props<K>) {\n  const { selectionProps } = useSelection(\n    () => rowKey,\n    selectedKeys,\n    'multiple',\n    false,\n    'toggle',\n    onChange\n  );\n\n  // TODO: replace internal with Preact checkbox component once it is available\n  return (\n    <div class={styles.container} {...updateSelectionProps(selectionProps)}>\n      <div class={styles.base}>\n        <Flex align=\"center\" justify=\"center\" width=\"11x\" height=\"11x\">\n          <Checkbox checked={containsKey(selectedKeys, rowKey)} accessibleLabel={accessibleLabel} />\n        </Flex>\n      </div>\n    </div>\n  );\n}\n"],"names":["styles","checkboxStyles","Checkbox","props","checked","translations","useTranslationBundle","ariaLabel","selector_selected","selector_unselected","handleClick","event","accessibleLabel","rowKey","selectedKeys","onChange","selectionProps","onClick"],"mappings":"s9BAiBA,MAAAA,EAAA,SAAAA,YAeAC,EAAA,SAAAA,EAAA,SAAAA,WAqCA,SAAAC,EAAAC,yBAMIF,EACAE,EAAAC,QAAAH,EAAAA,IAEFI,EAAAC,uBAAA,4BACAC,EAAAJ,EAAAC,QACEC,EAAAG,oBACAH,EAAAI,+OAeJ,MAAAC,EAAAC,oCAuBA,UAAAC,gBAAAA,EAAAC,OAAAA,EAAAC,aAAAA,EAAAC,SAAAA,0HAjBAC,CAAAA,IAEE,MAAAC,EAAAD,EAAAC,QACA,OAAAA,GAEED,EAAAC,QAAAN,eAIAK,GAEF,CAAAC,QAAAP"}
+{"version":3,"file":"UNSAFE_Selector.js","sources":["../../src/UNSAFE_Selector/Selector.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { Keys, containsKey } from '../utils/UNSAFE_keys';\nimport { useSelection } from '../hooks/PRIVATE_useSelection';\nimport { SelectionDetail } from '../UNSAFE_Collection';\nimport { CheckboxOffIcon, CheckboxOnIcon } from '../UNSAFE_ThemedIcons';\nimport { Flex } from '../UNSAFE_Flex';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\n\nconst styles = {\n  base: cssProps`${{\n    position: 'relative',\n    '&:active': {\n      transform: 'var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-input-transform-active)',\n      transitionProperty: 'transform',\n      transitionDuration: 'var(--oj-c-PRIVATE-DO-NOT-USE-animation-duration-xshort)',\n      transitionTimingFunction: 'var(--oj-c-PRIVATE-DO-NOT-USE-animation-ease-in-out)'\n    }\n  }}`,\n  container: cssProps`${{\n    display: 'inline-block'\n  }}`\n};\n\nconst checkboxStyles = {\n  base: cssProps`${{\n    fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-input-size)',\n    lineHeight: 0\n  }}`,\n  unselected: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-unselected)'\n  }}`,\n  selected: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-radio-checkbox-selected)'\n  }}`\n};\n\n/**\n * Props for the Selector Component\n */\nexport type Props<K> = {\n  /**\n   * The key associated with the Selector.\n   */\n  rowKey: K;\n  /**\n   * The selected keys.\n   */\n  selectedKeys: Keys<K>;\n  /**\n   * aria-label for this selector\n   */\n  accessibleLabel?: string;\n  /**\n   * Callback function to invoke when the selected keys has changed when\n   * the checkbox is toggled.\n   */\n  onChange?: (detail: SelectionDetail<K>) => void;\n};\n\n// internal component to use in place of the real Checkbox\nfunction Checkbox(props: {\n  checked: boolean;\n  accessibleLabel?: string;\n  onClick?: (event: MouseEvent) => void;\n}) {\n  const classes = classNames([\n    checkboxStyles.base,\n    props.checked ? checkboxStyles.selected : checkboxStyles.unselected\n  ]);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const ariaLabel = props.checked\n    ? translations.selector_selected()\n    : translations.selector_unselected();\n  return (\n    <div\n      class={classes}\n      tabIndex={-1}\n      type=\"checkbox\"\n      checked={props.checked}\n      aria-label={props.accessibleLabel || ariaLabel}\n      onClick={props.onClick}>\n      {props.checked ? <CheckboxOnIcon /> : <CheckboxOffIcon />}\n    </div>\n  );\n}\n\n// click event handler used by Selector\nconst handleClick = (event: Event) => {\n  // we don't want container component like ListView to process it\n  event.stopPropagation();\n};\n\n// update selectionProps onClick event to call event.stopPropagation()\nconst updateSelectionProps = (selectionProps: any) => {\n  // click event handler return from useSelection\n  const onClick = selectionProps.onClick;\n  if (onClick) {\n    // click event handler used by Selector\n    selectionProps.onClick = (event: MouseEvent) => {\n      onClick(event);\n      handleClick(event);\n    };\n    return selectionProps;\n  }\n  return { onClick: handleClick };\n};\n\n/**\n * The Selector component is used to enable multi-selection in Collection components.\n */\nexport function Selector<K>({ accessibleLabel, rowKey, selectedKeys, onChange }: Props<K>) {\n  const { selectionProps } = useSelection(\n    () => rowKey,\n    selectedKeys,\n    'multiple',\n    false,\n    'toggle',\n    onChange\n  );\n\n  // TODO: replace internal with Preact checkbox component once it is available\n  return (\n    <div class={styles.container} {...updateSelectionProps(selectionProps)}>\n      <div class={styles.base}>\n        <Flex align=\"center\" justify=\"center\" width=\"11x\" height=\"11x\">\n          <Checkbox checked={containsKey(selectedKeys, rowKey)} accessibleLabel={accessibleLabel} />\n        </Flex>\n      </div>\n    </div>\n  );\n}\n"],"names":["styles","checkboxStyles","Checkbox","props","checked","translations","useTranslationBundle","ariaLabel","selector_selected","selector_unselected","handleClick","event","accessibleLabel","rowKey","selectedKeys","onChange","selectionProps","onClick"],"mappings":"s9BAiBA,MAAAA,EAAA,UAAAA,YAeAC,EAAA,UAAAA,EAAA,UAAAA,WAqCA,SAAAC,EAAAC,yBAMIF,EACAE,EAAAC,QAAAH,EAAAA,IAEFI,EAAAC,uBAAA,4BACAC,EAAAJ,EAAAC,QACEC,EAAAG,oBACAH,EAAAI,+OAeJ,MAAAC,EAAAC,oCAuBA,UAAAC,gBAAAA,EAAAC,OAAAA,EAAAC,aAAAA,EAAAC,SAAAA,0HAjBAC,CAAAA,IAEE,MAAAC,EAAAD,EAAAC,QACA,OAAAA,GAEED,EAAAC,QAAAN,eAIAK,GAEF,CAAAC,QAAAP"}

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_Skeleton.css

@@ -1 +1 @@
-._5dmedo{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-preact-skeleton-animation-name);animation-iteration-count:infinite;animation-direction:alternate;animation-duration:1.5s;}
+._yisaar{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-preact-skeleton-animation-name);animation-iteration-count:infinite;animation-direction:alternate;animation-duration:1.5s;}

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_Skeleton.js

@@ -1,2 +1,2 @@
-define(["exports","./Skeleton-08fbe8e5","./tslib.es6-a698dedd","preact/jsx-runtime",'css!./UNSAFE_Skeleton.css',"./utils/UNSAFE_classNames","./classNames-6159c6a4","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-301b6e19","./_curry1-1476548d","./utils/UNSAFE_mergeInterpolations","./_curry2-b8f41a09","./_has-f21781f7","./utils/UNSAFE_interpolations/borders"],(function(e,s,t,i,l,r,n,a,o,u,_,S,U,c,d,N,f){"use strict";e.Skeleton=s.Skeleton,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./Skeleton-826dc780","./tslib.es6-2b838d6f","preact/jsx-runtime",'css!./UNSAFE_Skeleton.css',"./utils/UNSAFE_classNames","./classNames-d22c6b88","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-582afe09","./_curry1-18882de2","./utils/UNSAFE_mergeInterpolations","./_curry2-1e7fa629","./_has-daf20f39","./utils/UNSAFE_interpolations/borders"],(function(e,s,t,i,l,r,n,a,o,u,_,c,d,S,U,N,f){"use strict";e.Skeleton=s.Skeleton,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Skeleton.js.map

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_Spacer.js

@@ -1,2 +1,2 @@
-define(["exports","./Spacer-24533d2d","./tslib.es6-a698dedd","preact/jsx-runtime","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-301b6e19","./_curry1-1476548d","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-6159c6a4","./_curry2-b8f41a09","./_has-f21781f7","./utils/UNSAFE_interpolations/flexitem","./flexitem-c185e66b",'module',"./keys-d57af09c"],(function(e,s,i,t,r,a,l,n,c,u,_,d,o,S,U,f,p,N,m){"use strict";e.Spacer=s.Spacer,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./Spacer-7a365972","./tslib.es6-2b838d6f","preact/jsx-runtime","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-582afe09","./_curry1-18882de2","./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-d22c6b88","./_curry2-1e7fa629","./_has-daf20f39","./utils/UNSAFE_interpolations/flexitem","./flexitem-762ea2b5",'module',"./keys-644f9ba5"],(function(e,s,i,t,a,r,l,n,u,c,_,f,o,S,U,p,N,d,m){"use strict";e.Spacer=s.Spacer,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Spacer.js.map

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_Text.css

@@ -1,24 +1,24 @@
-._s02t39{overflow-x:hidden;overflow-y:hidden;overflow-wrap:anywhere;display:inline;}
-._chpq4t{display:-webkit-box;-webkit-box-orient:vertical;}
-._4e5z7{text-overflow:clip;white-space:nowrap;}
-._9e21h{text-overflow:ellipsis;white-space:nowrap;width:100%;display:inline-block;}
-._glx3r{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
-._b8rw6{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);}
-._d4man{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
-.khc26d{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
-._dpjvl{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
-.ko7v47{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-3);}
-._h13f36{color:inherit;}
-.larxxr{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-2xs-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-2xs-line-height);}
-._vtok7b{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-line-height);}
-.kka729{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-line-height);}
-.fhnk71{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height);}
-._970sh6{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-lg-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-lg-line-height);}
-._vbfj3n{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xl-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xl-line-height);}
-._oaso4a{font-size:inherit;line-height:inherit;}
-._ijxayz{font-weight:normal;}
-._k5wxps{font-weight:600;}
-._uv8cec{font-weight:700;}
-._uyl4s{font-weight:inherit;}
-._f8fdtc{hyphens:auto;}
-.lz0thz{hyphens:none;}
+.bbgkm2{overflow-x:hidden;overflow-y:hidden;overflow-wrap:anywhere;display:inline;}
+.rpmvjj{display:-webkit-box;-webkit-box-orient:vertical;}
+._01hnc2{text-overflow:clip;white-space:nowrap;}
+._p6j674{text-overflow:ellipsis;white-space:nowrap;width:100%;display:inline-block;}
+._yip4wh{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
+._s1qzko{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);}
+.fxb7jf{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
+.jblg12{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
+.ntefa2{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
+._iaax8j{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-3);}
+._qrqnbm{color:inherit;}
+.n3l5ky{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-2xs-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-2xs-line-height);}
+.bmtp5e{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xs-line-height);}
+._ehx1j{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-sm-line-height);}
+.xtiq3f{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height);}
+._hlwn97{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-lg-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-lg-line-height);}
+.brgcmz{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xl-font-size);line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-xl-line-height);}
+._bgu46a{font-size:inherit;line-height:inherit;}
+._f3t3bs{font-weight:normal;}
+._rvfsom{font-weight:600;}
+._aaor85{font-weight:700;}
+._rya0zg{font-weight:inherit;}
+.d06np5{hyphens:auto;}
+._rt52g6{hyphens:none;}

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_Text.js

@@ -1,2 +1,2 @@
-define(["exports","./Text-39acf3d3","./tslib.es6-a698dedd","preact/jsx-runtime",'css!./UNSAFE_Text.css',"./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-6159c6a4","./_curry1-1476548d","./_curry2-b8f41a09","./_has-f21781f7"],(function(e,s,t,a,r,i,c,l,u,d,n){"use strict";e.Text=s.Text,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./Text-731a87c9","./tslib.es6-2b838d6f","preact/jsx-runtime",'css!./UNSAFE_Text.css',"./utils/UNSAFE_mergeInterpolations","./utils/UNSAFE_classNames","./classNames-d22c6b88","./_curry1-18882de2","./_curry2-1e7fa629","./_has-daf20f39"],(function(e,s,t,a,r,i,c,l,u,n,d){"use strict";e.Text=s.Text,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Text.js.map

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_TextArea.js

@@ -1,2 +1,2 @@
-define(["exports","./TextArea-31878d4f","preact/jsx-runtime","preact","preact/compat","./hooks/UNSAFE_useFormContext","preact/hooks","./hooks/UNSAFE_useFormFieldContext","./hooks/UNSAFE_useFocusableTextField","./tslib.es6-a698dedd","./hooks/UNSAFE_useFocusWithin","./useFocusWithin-aa75769e","./UNSAFE_Label","./utils/UNSAFE_classNames","./classNames-6159c6a4",'module',"./UNSAFE_TextField","./utils/UNSAFE_interpolations/text","./keys-d57af09c","./_curry1-1476548d","./_has-f21781f7","./utils/UNSAFE_mergeInterpolations","./_curry2-b8f41a09","./TextFieldInput-5bbcd693","./hooks/UNSAFE_useTextFieldInputHandlers","./utils/PRIVATE_clientHints","./clientHints-b44cd6da","./hooks/UNSAFE_useTranslationBundle","./UNSAFE_Environment","./UNSAFE_Layer","./UNSAFE_LabelValueLayout","./UNSAFE_Flex","./Flex-987e6288","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-301b6e19","./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_interpolations/flexbox","./flexbox-e2c53571","./utils/UNSAFE_interpolations/flexitem","./flexitem-c185e66b","./hooks/UNSAFE_useDebounce","./UNSAFE_LiveRegion","./hooks/UNSAFE_useTextField","./hooks/UNSAFE_useId","./UNSAFE_UserAssistance","./UNSAFE_ComponentMessage","./ComponentMessage-5e80f48f","./UNSAFE_HiddenAccessible","./HiddenAccessible-b34a218b","./UNSAFE_Message","./MessageCloseButton-6a052046","./MessageDetail-220b7e5b","./MessageFormattingUtils-3bec650f","./utils/UNSAFE_getLocale","./Message.types-8e0a1077","./MessageStartIcon-c1a88335","./index-7951c6eb","./UNSAFE_Icon","./Icon-77031094","./hooks/UNSAFE_useUser","./hooks/UNSAFE_useTheme","./index-b0689b71","./MessageSummary-5175c441","./MessageTimestamp-545335d6","./MessageUtils-920c1858","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-43385c23","./UNSAFE_TransitionGroup","./ComponentMessageContainer-db3115a2","./hooks/UNSAFE_useLengthFilter","./utils/UNSAFE_lengthFilter","./hooks/UNSAFE_useCurrentValueReducer"],(function(e,s,t,i,o,a,n,l,F,u,r,U,A,_,E,N,S,c,d,b,g,x,m,p,h,f,k,M,T,y,C,I,L,H,v,R,V,j,B,D,P,W,z,G,O,q,w,J,K,Q,X,Y,Z,$,ee,se,te,ie,oe,ae,ne,le,Fe,ue,re,Ue,Ae,_e,Ee,Ne,Se,ce,de,be,ge,xe){"use strict";e.TextArea=s.TextArea,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./TextArea-b0d878af","preact/jsx-runtime","preact","preact/compat","./hooks/UNSAFE_useFormContext","preact/hooks","./hooks/UNSAFE_useFormFieldContext","./hooks/UNSAFE_useFocusableTextField","./tslib.es6-2b838d6f","./hooks/UNSAFE_useFocusWithin","./useFocusWithin-f31af4aa","./UNSAFE_Label","./utils/UNSAFE_classNames","./classNames-d22c6b88",'module',"./UNSAFE_TextField","./utils/UNSAFE_interpolations/text","./keys-644f9ba5","./_curry1-18882de2","./_has-daf20f39","./utils/UNSAFE_mergeInterpolations","./_curry2-1e7fa629","./TextFieldInput-4dc77347","./hooks/UNSAFE_useTextFieldInputHandlers","./utils/PRIVATE_clientHints","./clientHints-f0e5b7c0","./hooks/UNSAFE_useTranslationBundle","./UNSAFE_Environment","./UNSAFE_Layer","./UNSAFE_LabelValueLayout","./UNSAFE_Flex","./Flex-8f8b467e","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-582afe09","./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_interpolations/flexbox","./flexbox-ef2f3b7a","./utils/UNSAFE_interpolations/flexitem","./flexitem-762ea2b5","./hooks/UNSAFE_useDebounce","./UNSAFE_LiveRegion","./hooks/UNSAFE_useTextField","./hooks/UNSAFE_useId","./UNSAFE_UserAssistance","./UNSAFE_ComponentMessage","./ComponentMessage-36d9abb2","./UNSAFE_HiddenAccessible","./HiddenAccessible-8e6511c7","./UNSAFE_Message","./MessageCloseButton-93919f3b","./MessageDetail-377d5f7b","./MessageFormattingUtils-2f9aa80f","./utils/UNSAFE_getLocale","./Message.types-8c913077","./MessageStartIcon-11a7b01e","./index-a23cdd2b","./UNSAFE_Icon","./Icon-b3f33d9f","./hooks/UNSAFE_useUser","./hooks/UNSAFE_useTheme","./index-2eef327c","./MessageSummary-eb924afe","./MessageTimestamp-20da6d24","./MessageUtils-045559c3","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-1ee78b2a","./UNSAFE_TransitionGroup","./ComponentMessageContainer-948a21d9","./hooks/UNSAFE_useLengthFilter","./utils/UNSAFE_lengthFilter","./hooks/UNSAFE_useCurrentValueReducer"],(function(e,s,t,i,o,a,n,l,F,u,r,U,A,_,E,N,S,c,d,b,f,g,x,m,p,h,k,M,T,y,C,I,L,H,v,R,V,j,B,D,P,W,z,G,O,q,w,J,K,Q,X,Y,Z,$,ee,se,te,ie,oe,ae,ne,le,Fe,ue,re,Ue,Ae,_e,Ee,Ne,Se,ce,de,be,fe,ge){"use strict";e.TextArea=s.TextArea,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_TextArea.js.map

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_TextAreaAutosize.js

@@ -1,2 +1,2 @@
-define(["exports","./TextAreaAutosize-a5abfb2e","preact/jsx-runtime","preact","preact/compat","./hooks/UNSAFE_useFormContext","preact/hooks","./hooks/UNSAFE_useFormFieldContext","./hooks/UNSAFE_useFocusableTextField","./tslib.es6-a698dedd","./hooks/UNSAFE_useFocusWithin","./useFocusWithin-aa75769e","./UNSAFE_Label","./utils/UNSAFE_classNames","./classNames-6159c6a4",'module',"./UNSAFE_TextField","./utils/UNSAFE_interpolations/text","./keys-d57af09c","./_curry1-1476548d","./_has-f21781f7","./utils/UNSAFE_mergeInterpolations","./_curry2-b8f41a09","./TextFieldInput-5bbcd693","./hooks/UNSAFE_useTextFieldInputHandlers","./utils/PRIVATE_clientHints","./clientHints-b44cd6da","./hooks/UNSAFE_useTranslationBundle","./UNSAFE_Environment","./UNSAFE_Layer","./UNSAFE_LabelValueLayout","./UNSAFE_Flex","./Flex-987e6288","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-301b6e19","./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_interpolations/flexbox","./flexbox-e2c53571","./utils/UNSAFE_interpolations/flexitem","./flexitem-c185e66b","./hooks/UNSAFE_useDebounce","./UNSAFE_LiveRegion","./hooks/UNSAFE_useTextField","./hooks/UNSAFE_useId","./UNSAFE_UserAssistance","./UNSAFE_ComponentMessage","./ComponentMessage-5e80f48f","./UNSAFE_HiddenAccessible","./HiddenAccessible-b34a218b","./UNSAFE_Message","./MessageCloseButton-6a052046","./MessageDetail-220b7e5b","./MessageFormattingUtils-3bec650f","./utils/UNSAFE_getLocale","./Message.types-8e0a1077","./MessageStartIcon-c1a88335","./index-7951c6eb","./UNSAFE_Icon","./Icon-77031094","./hooks/UNSAFE_useUser","./hooks/UNSAFE_useTheme","./index-b0689b71","./MessageSummary-5175c441","./MessageTimestamp-545335d6","./MessageUtils-920c1858","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-43385c23","./UNSAFE_TransitionGroup","./ComponentMessageContainer-db3115a2","./hooks/UNSAFE_useLengthFilter","./utils/UNSAFE_lengthFilter","./hooks/UNSAFE_useCurrentValueReducer"],(function(e,s,t,i,o,a,n,l,F,u,A,r,U,_,E,N,S,c,d,b,g,x,m,p,h,f,k,M,T,y,C,I,L,H,z,v,R,V,j,B,D,P,W,G,O,q,w,J,K,Q,X,Y,Z,$,ee,se,te,ie,oe,ae,ne,le,Fe,ue,Ae,re,Ue,_e,Ee,Ne,Se,ce,de,be,ge,xe){"use strict";e.TextAreaAutosize=s.TextAreaAutosize,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(["exports","./TextAreaAutosize-ee4af9b5","preact/jsx-runtime","preact","preact/compat","./hooks/UNSAFE_useFormContext","preact/hooks","./hooks/UNSAFE_useFormFieldContext","./hooks/UNSAFE_useFocusableTextField","./tslib.es6-2b838d6f","./hooks/UNSAFE_useFocusWithin","./useFocusWithin-f31af4aa","./UNSAFE_Label","./utils/UNSAFE_classNames","./classNames-d22c6b88",'module',"./UNSAFE_TextField","./utils/UNSAFE_interpolations/text","./keys-644f9ba5","./_curry1-18882de2","./_has-daf20f39","./utils/UNSAFE_mergeInterpolations","./_curry2-1e7fa629","./TextFieldInput-4dc77347","./hooks/UNSAFE_useTextFieldInputHandlers","./utils/PRIVATE_clientHints","./clientHints-f0e5b7c0","./hooks/UNSAFE_useTranslationBundle","./UNSAFE_Environment","./UNSAFE_Layer","./UNSAFE_LabelValueLayout","./UNSAFE_Flex","./Flex-8f8b467e","./utils/UNSAFE_interpolations/dimensions","./utils/UNSAFE_arrayUtils","./utils/UNSAFE_size","./utils/UNSAFE_stringUtils","./stringUtils-582afe09","./utils/UNSAFE_interpolations/boxalignment","./utils/UNSAFE_interpolations/flexbox","./flexbox-ef2f3b7a","./utils/UNSAFE_interpolations/flexitem","./flexitem-762ea2b5","./hooks/UNSAFE_useDebounce","./UNSAFE_LiveRegion","./hooks/UNSAFE_useTextField","./hooks/UNSAFE_useId","./UNSAFE_UserAssistance","./UNSAFE_ComponentMessage","./ComponentMessage-36d9abb2","./UNSAFE_HiddenAccessible","./HiddenAccessible-8e6511c7","./UNSAFE_Message","./MessageCloseButton-93919f3b","./MessageDetail-377d5f7b","./MessageFormattingUtils-2f9aa80f","./utils/UNSAFE_getLocale","./Message.types-8c913077","./MessageStartIcon-11a7b01e","./index-a23cdd2b","./UNSAFE_Icon","./Icon-b3f33d9f","./hooks/UNSAFE_useUser","./hooks/UNSAFE_useTheme","./index-2eef327c","./MessageSummary-eb924afe","./MessageTimestamp-20da6d24","./MessageUtils-045559c3","./utils/UNSAFE_logger","./utils/UNSAFE_soundUtils","./MessagesManager-1ee78b2a","./UNSAFE_TransitionGroup","./ComponentMessageContainer-948a21d9","./hooks/UNSAFE_useLengthFilter","./utils/UNSAFE_lengthFilter","./hooks/UNSAFE_useCurrentValueReducer"],(function(e,s,t,i,o,a,n,l,F,u,A,r,U,_,E,N,S,c,d,b,f,g,x,m,p,h,k,M,T,y,C,I,L,H,z,v,R,V,j,B,D,P,W,G,O,q,w,J,K,Q,X,Y,Z,$,ee,se,te,ie,oe,ae,ne,le,Fe,ue,Ae,re,Ue,_e,Ee,Ne,Se,ce,de,be,fe,ge){"use strict";e.TextAreaAutosize=s.TextAreaAutosize,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_TextAreaAutosize.js.map

package/dist/js/libs/oraclejet-preact/amd/UNSAFE_TextField.css

@@ -1,49 +1,49 @@
-._n2n3r4{display:inline-block;line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height);max-width:100%;width:100%;box-sizing:border-box;}
-._uncc80{font-weight:400;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-font-size);}
-.swmqnj{font-weight:var(--oj-form-control-font-weight-read-only);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size);position:relative;border-style:solid;transition-property:border-color;transition-duration:0.1s;transition-timing-function:linear;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-radius);flex-direction:row;align-items:center;max-width:100%;width:100%;box-sizing:border-box;}
-.c767uu{overflow-x:hidden;overflow-y:hidden;border-width:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-width);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color-disabled);background-color:transparent;height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height);min-width:1em;display:inline-flex;flex:1;}
-._1asimh{height:auto;}
-._ordac1{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height);}
-._3u6unj{overflow-x:visible;overflow-y:visible;border-width:0;background-color:transparent;height:auto;}
-._goazl{padding-top:0;padding-bottom:0;}
-.kvil9u{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-animation-skeleton-bg-end-color);background-size:200% 200%;border-width:0;animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-preact-text-field-animation-name-skeleton);animation-iteration-count:infinite;animation-direction:alternate;animation-duration:1.5s;opacity:1;}
+._pqtgbb{display:inline-block;line-height:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height);max-width:100%;width:100%;box-sizing:border-box;}
+.tjlos2{font-weight:400;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-font-size);}
+._i7v0zp{font-weight:var(--oj-form-control-font-weight-read-only);font-size:var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size);position:relative;border-style:solid;transition-property:border-color;transition-duration:0.1s;transition-timing-function:linear;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-radius);flex-direction:row;align-items:center;max-width:100%;width:100%;box-sizing:border-box;}
+.jdckq9{overflow-x:hidden;overflow-y:hidden;border-width:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-width);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color-disabled);background-color:transparent;height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height);min-width:1em;display:inline-flex;flex:1;}
+.q8lzrw{height:auto;}
+._19akc0{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height);}
+.gz8e33{overflow-x:visible;overflow-y:visible;border-width:0;background-color:transparent;height:auto;}
+.ny59c2{padding-top:0;padding-bottom:0;}
+._ce43m{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-animation-skeleton-bg-end-color);background-size:200% 200%;border-width:0;animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-preact-text-field-animation-name-skeleton);animation-iteration-count:infinite;animation-direction:alternate;animation-duration:1.5s;opacity:1;}
 
-._cuxh33{min-height:calc(var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height) * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size));word-break:break-word;white-space:pre-wrap;background-color:transparent;border-color:transparent;border-width:0;color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);box-sizing:border-box;display:flex;flex-direction:column;width:100%;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;outline-width:0;}._cuxh33:focus{outline-style:dotted;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:1px;}
-.vb3909{resize:none;padding-block-start:0;padding-inline-start:0;}
-.xwh4r0{white-space:nowrap;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;}
-._ckgu55{margin-top: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);margin-bottom: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);margin-left:0.25rem;margin-right:0.25rem;padding-left:calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding) - 0.25rem);padding-right:0;overflow-x:auto;overflow-y:auto;white-space:pre-wrap;}
-._1xra0{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-padding-top) + 0.1875rem);padding-top:0;min-height:calc(var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height) * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size));}
-._lieggj{padding-top:0;padding-bottom:0;border-color:transparent;border-style:solid;margin-top: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));margin-bottom:0.25rem;}
-._l2xswe{justify-content:center;}
-.fzwj9x{margin-left:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);margin-right:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);padding-left:0;padding-right:0;}
+.fzxgc7{min-height:calc(var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height) * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size));word-break:break-word;white-space:pre-wrap;background-color:transparent;border-color:transparent;border-width:0;color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);box-sizing:border-box;display:flex;flex-direction:column;width:100%;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;outline-width:0;}.fzxgc7:focus{outline-style:dotted;outline-width:1px;outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-offset:1px;}
+._ngco25{resize:none;padding-block-start:0;padding-inline-start:0;}
+.zl0cw5{white-space:nowrap;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;}
+._bf4sjs{margin-top: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);margin-bottom: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);margin-left:0.25rem;margin-right:0.25rem;padding-left:calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding) - 0.25rem);padding-right:0;overflow-x:auto;overflow-y:auto;white-space:pre-wrap;}
+._86rkpz{margin-top:calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-padding-top) + 0.1875rem);padding-top:0;min-height:calc(var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height) * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size));}
+.aadwu5{padding-top:0;padding-bottom:0;border-color:transparent;border-style:solid;margin-top: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));margin-bottom:0.25rem;}
+.wy5ytj{justify-content:center;}
+._3k2cn6{margin-left:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);margin-right:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);padding-left:0;padding-right:0;}
 
-._9th56k{outline-style:none;outline-width:0;box-sizing:border-box;font-family:inherit;line-height:inherit;font-weight:inherit;font-size:100%;border:0;background-color:transparent;color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color);width:100%;padding-top:0;padding-right:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);padding-bottom:0;padding-left:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);}._9th56k::selection{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-selected);}
-._7m0cz{padding-top: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);padding-bottom: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);resize:none;}
-.ssoa7x::-ms-reveal{display:none;}
-._f3ady{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height);padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-padding-top);}._f3ady:hover{background-color:transparent;}
-._liwfor{padding-top:0;padding-bottom:0;border-color:transparent;border-style:solid;border-block-start-width: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));border-block-end-width:0.25rem;}
-.bsxoio{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-preact-text-field-animation-name-placeholder);animation-duration:var(--oj-c-PRIVATE-DO-NOT-USE-animation-duration-xlong);animation-timing-function:var(--oj-c-PRIVATE-DO-NOT-USE-animation-ease-in);}
-._2aou0{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding);}
-._ovbary{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding);}
-.gurjls{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color-disabled);}
+._19p2yd{outline-style:none;outline-width:0;box-sizing:border-box;font-family:inherit;line-height:inherit;font-weight:inherit;font-size:100%;border:0;background-color:transparent;color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color);width:100%;padding-top:0;padding-right:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);padding-bottom:0;padding-left:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding);}._19p2yd::selection{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-selected);}
+._861z6j{padding-top: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);padding-bottom: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);resize:none;}
+._aw0e1::-ms-reveal{display:none;}
+.lheufb{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height);padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-padding-top);}.lheufb:hover{background-color:transparent;}
+.oa2ufr{padding-top:0;padding-bottom:0;border-color:transparent;border-style:solid;border-block-start-width: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));border-block-end-width:0.25rem;}
+._xmoymx{animation-name:var(--oj-c-PRIVATE-DO-NOT-USE-private-preact-text-field-animation-name-placeholder);animation-duration:var(--oj-c-PRIVATE-DO-NOT-USE-animation-duration-xlong);animation-timing-function:var(--oj-c-PRIVATE-DO-NOT-USE-animation-ease-in);}
+._7xy3pz{padding-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding);}
+._o6eotd{padding-inline-end:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-text-padding);}
+.u50bxm{color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-color-disabled);}
 
-._cgfeh6{vertical-align:top;}
-._bwv0uo{max-width:100%;}
+._ngvf34{vertical-align:top;}
+._6v8v4v{max-width:100%;}
 
-._u8tjy{position:relative;box-sizing:border-box;border-style:solid;transition-property:border-color;transition-duration:.1s;transition-timing-function:linear;border-color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color);border-width:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-width);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-radius);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-bg-color);display:flex;align-items:center;overflow-x:hidden;overflow-y:hidden;height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height);}
-.p7ag76{height:auto;}
-._srot0d{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height);}
-.ztaen0{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color-focus);box-shadow:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-box-shadow-focus);}
-._6jgg2q{resize:both;}
-._e5tuut{resize:horizontal;}
-._rvhnyw{resize:vertical;}
-._915ytd{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-bg-color-disabled);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color-disabled);}
-.np5y58{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
-._ngsas{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
-.ssb165{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-edge-padding);font-size:1.25rem;}
-._dra9p{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg);}
-.zbvann{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
-.c5yica{position:relative;display:inline-flex;flex:1;width:100%;height:100%;box-sizing:border-box;}
-.eakv32{padding-inline-end:1px;}
-._5sgvp{padding-inline-end:calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 2.25rem - 2px) / 2);}
-._uwrvlh{padding-inline-end:calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height) - 2.75rem - 2px) / 2);}
+._dzketj{position:relative;box-sizing:border-box;border-style:solid;transition-property:border-color;transition-duration:.1s;transition-timing-function:linear;border-color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color);border-width:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-width);border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-radius);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-bg-color);display:flex;align-items:center;overflow-x:hidden;overflow-y:hidden;height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height);}
+._uqphx{height:auto;}
+._vue7en{min-height:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height);}
+._kqmht{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color-focus);box-shadow:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-box-shadow-focus);}
+._fajj0s{resize:both;}
+._rot07l{resize:horizontal;}
+._7zteqy{resize:vertical;}
+.kjbv0g{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-bg-color-disabled);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-border-color-disabled);}
+._urtelr{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
+.mzilu7{border-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
+._j0gcmf{margin-inline-start:var(--oj-c-PRIVATE-DO-NOT-USE-text-field-icon-to-edge-padding);font-size:1.25rem;}
+.cykbhb{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg);}
+.rm1ivf{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
+._cxgdio{position:relative;display:inline-flex;flex:1;width:100%;height:100%;box-sizing:border-box;}
+.es18hj{padding-inline-end:1px;}
+._l42vw{padding-inline-end:calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 2.25rem - 2px) / 2);}
+._5h78w6{padding-inline-end:calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-height) - 2.75rem - 2px) / 2);}