@oracle/oraclejet-preact 14.0.5 → 14.0.7

package/es/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 { ComponentProps } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { CircleWrapper, CircleInner } from '../PRIVATE_Meter';\nimport { getClipPath } from '../utils/PRIVATE_meterUtils';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype ariaPropsType = ComponentProps<typeof CircleWrapper>['ariaProps'];\ntype IntrinsicProps = Pick<\n  HTMLAttributesSignalExcluded<HTMLDivElement>,\n  'id' | 'class' | 'children'\n>;\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/**\n * A progress circle allows the user to visualize the progression of an extended computer operation.\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  const ariaProps: ariaPropsType = {\n    'aria-valuetext': accessibleLabel || translations.progressIndeterminate(),\n    role: 'progressbar'\n  };\n  return (\n    <CircleWrapper id={id} ariaProps={ariaProps} 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(90, percentage * 360, false, 'full');\n\n  const ariaProps: ariaPropsType = {};\n  ariaProps['aria-valuemin'] = value != null ? '0' : undefined;\n  ariaProps['aria-valuemax'] = value != null ? `${max}` : undefined;\n  ariaProps['aria-valuenow'] = value != null ? `${value}` : undefined;\n  ariaProps['role'] = 'progressbar';\n  return (\n    <CircleWrapper id={id} ariaProps={ariaProps} 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\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-meter-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-meter-track-bg-color)'\n  }}`,\n  value: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color)'\n  }}`\n};\n"],"names":["ProgressCircle","_a","value","_jsx","IndeterminateProgressCircle","Object","assign","otherProps","DeterminateProgressCircle","max","accessibleLabel","id","size","styles","base","indeterminateOuter","translations","useTranslationBundle","ariaProps","progressIndeterminate","role","percentage","Math","min","baseClasses","classNames","clipPath","getClipPath","undefined"],"mappings":";;;;;;;;;;;;;;AA+CA;;AAEG;;AACH,SAAAA,cAAA,CAAAC,EAAA,EAAA;;;;;;;EACE,OAAAC,KAAA,KAAA,eAAA,GAAAC,GAAA,CAAAC,2BAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,EAAAC,UAAA,CAAA,CAAA,GAAAJ,GAAA,CAAAK,yBAAA,EAAAH,MAAA,CAAAC,MAAA,CAAA;AAAAJ,IAAAA,KAAA,EAAAA,KAAA;AAAAO,IAAAA,GAAA,EAAAA,GAAAA;GAAA,EAAAF,UAAA,CAAA,CAAA,CAAA;AAKF,CAAA;;AAIA,MAAAH,2BAAA,GAAA,CAAA;EAAAM,eAAA;EAAAC,EAAA;AAAAC,EAAAA,IAAA,GAAA,IAAA;AAAA,CAAA,KAAA;kCAEIC,MAAA,CAAAC,MACA,CAAA,qBAAA,EAAAF,IAAA,IACAC,MAAA,CAAAE;AAEF,EAAA,MAAAC,YAAA,GAAAC,oBAAA,CAAA,0BAAA,CAAA,CAAA;AACA,EAAA,MAAAC,SAAA,GAAA;AACE,IAAA,gBAAA,EAAAR,eAAA,IAAAM,YAAA,CAAAG,qBAAA,EADF;AAEEC,IAAAA,IAAA,EAAA,aAAA;GAFF,CAAA;;;;;;;;;;AASF,CAhBA,CAAA;;AAsBA,MAAAZ,yBAAA,GAAA,CAAA;AAAAN,EAAAA,KAAA,GAAA,CAAA;AAAAO,EAAAA,GAAA,GAAA,GAAA;EAAAE,EAAA;AAAAC,EAAAA,IAAA,GAAA,IAAA;AAAA,CAAA,KAAA;AACE,EAAA,MAAAS,UAAA,GAAAC,IAAA,CAAAC,GAAA,CAAAD,IAAA,CAAAb,GAAA,CAAA,CAAA,EAAAP,KAAA,GAAAO,GAAA,CAAA,EAAA,CAAA,CAAA,CAAA;AACA,EAAA,MAAAe,WAAA,GAAAC,UAAA,CAAA,CAAAZ,MAAA,CAAAC,IAAA,EAAA,CAAA,qBAAA,EAAAF,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACA,EAAA,MAAAc,QAAA,GAAAC,WAAA,CAAA,EAAA,EAAAN,UAAA,GAAA,GAAA,EAAA,KAAA,EAAA,MAAA,CAAA,CAAA;;EAGAH,SAAA,CAAA,eAAA,CAAA,GAAAhB,KAAA,IAAA,IAAA,GAAA,GAAA,GAAA0B,SAAA,CAAA;AACAV,EAAAA,SAAA,CAAA,eAAA,CAAA,GAAAhB,KAAA,IAAA,IAAA,GAAA,CAAAO,EAAAA,GAAA,CAAA,CAAA,GAAAmB,SAAA,CAAA;AACAV,EAAAA,SAAA,CAAA,eAAA,CAAA,GAAAhB,KAAA,IAAA,IAAA,GAAA,CAAAA,EAAAA,KAAA,CAAA,CAAA,GAAA0B,SAAA,CAAA;AACAV,EAAAA,SAAA,CAAA,MAAA,CAAA,GAAA,aAAA,CAAA;;;;;;;;;;;;;AAUF,CAnBA,CAAA;;AAqBA,MAAAL,MAAA,GAAA;QAAA,SAAA;sBAAA,UAAA;sBAAA,UAAA;oBAAA,UAAA;SAAA,QAAA;;AAAA,CAAA;;;;;;;"}
+{"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 { ComponentProps } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { CircleWrapper, CircleInner } from '../PRIVATE_Meter';\nimport { getClipPath } from '../utils/PRIVATE_meterUtils';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype ariaPropsType = ComponentProps<typeof CircleWrapper>['ariaProps'];\ntype IntrinsicProps = Pick<\n  HTMLAttributesSignalExcluded<HTMLDivElement>,\n  'id' | 'class' | 'children'\n>;\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/**\n * A progress circle allows the user to visualize the progression of an extended computer operation.\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  const ariaProps: ariaPropsType = {\n    'aria-valuetext': accessibleLabel || translations.progressIndeterminate(),\n    role: 'progressbar'\n  };\n  return (\n    <CircleWrapper id={id} ariaProps={ariaProps} 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(90, percentage * 360, false, 'full');\n\n  const ariaProps: ariaPropsType = {};\n  ariaProps['aria-valuemin'] = value != null ? '0' : undefined;\n  ariaProps['aria-valuemax'] = value != null ? `${max}` : undefined;\n  ariaProps['aria-valuenow'] = value != null ? `${value}` : undefined;\n  ariaProps['role'] = 'progressbar';\n  return (\n    <CircleWrapper id={id} ariaProps={ariaProps} 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\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-meter-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-meter-track-bg-color)'\n  }}`,\n  value: cssProps`${{\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-meter-value-bg-color)'\n  }}`\n};\n"],"names":["ProgressCircle","_a","value","_jsx","IndeterminateProgressCircle","Object","assign","otherProps","DeterminateProgressCircle","max","accessibleLabel","id","size","styles","base","indeterminateOuter","translations","useTranslationBundle","ariaProps","progressIndeterminate","role","percentage","Math","min","baseClasses","classNames","clipPath","getClipPath","undefined"],"mappings":";;;;;;;;;;;;;;AA+CA;;AAEG;;AACH,SAAAA,cAAA,CAAAC,EAAA,EAAA;;;;;;;EACE,OAAAC,KAAA,KAAA,eAAA,GAAAC,GAAA,CAAAC,2BAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,EAAAC,UAAA,CAAA,CAAA,GAAAJ,GAAA,CAAAK,yBAAA,EAAAH,MAAA,CAAAC,MAAA,CAAA;AAAAJ,IAAAA,KAAA,EAAAA,KAAA;AAAAO,IAAAA,GAAA,EAAAA,GAAAA;GAAA,EAAAF,UAAA,CAAA,CAAA,CAAA;AAKF,CAAA;;AAIA,MAAAH,2BAAA,GAAA,CAAA;EAAAM,eAAA;EAAAC,EAAA;AAAAC,EAAAA,IAAA,GAAA,IAAA;AAAA,CAAA,KAAA;kCAEIC,MAAA,CAAAC,MACA,CAAA,qBAAA,EAAAF,IAAA,IACAC,MAAA,CAAAE;AAEF,EAAA,MAAAC,YAAA,GAAAC,oBAAA,CAAA,0BAAA,CAAA,CAAA;AACA,EAAA,MAAAC,SAAA,GAAA;AACE,IAAA,gBAAA,EAAAR,eAAA,IAAAM,YAAA,CAAAG,qBAAA,EADF;AAEEC,IAAAA,IAAA,EAAA,aAAA;GAFF,CAAA;;;;;;;;;;AASF,CAhBA,CAAA;;AAsBA,MAAAZ,yBAAA,GAAA,CAAA;AAAAN,EAAAA,KAAA,GAAA,CAAA;AAAAO,EAAAA,GAAA,GAAA,GAAA;EAAAE,EAAA;AAAAC,EAAAA,IAAA,GAAA,IAAA;AAAA,CAAA,KAAA;AACE,EAAA,MAAAS,UAAA,GAAAC,IAAA,CAAAC,GAAA,CAAAD,IAAA,CAAAb,GAAA,CAAA,CAAA,EAAAP,KAAA,GAAAO,GAAA,CAAA,EAAA,CAAA,CAAA,CAAA;AACA,EAAA,MAAAe,WAAA,GAAAC,UAAA,CAAA,CAAAZ,MAAA,CAAAC,IAAA,EAAA,CAAA,qBAAA,EAAAF,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACA,EAAA,MAAAc,QAAA,GAAAC,WAAA,CAAA,EAAA,EAAAN,UAAA,GAAA,GAAA,EAAA,KAAA,EAAA,MAAA,CAAA,CAAA;;EAGAH,SAAA,CAAA,eAAA,CAAA,GAAAhB,KAAA,IAAA,IAAA,GAAA,GAAA,GAAA0B,SAAA,CAAA;AACAV,EAAAA,SAAA,CAAA,eAAA,CAAA,GAAAhB,KAAA,IAAA,IAAA,GAAA,CAAAO,EAAAA,GAAA,CAAA,CAAA,GAAAmB,SAAA,CAAA;AACAV,EAAAA,SAAA,CAAA,eAAA,CAAA,GAAAhB,KAAA,IAAA,IAAA,GAAA,CAAAA,EAAAA,KAAA,CAAA,CAAA,GAAA0B,SAAA,CAAA;AACAV,EAAAA,SAAA,CAAA,MAAA,CAAA,GAAA,aAAA,CAAA;;;;;;;;;;;;;AAUF,CAnBA,CAAA;;AAqBA,MAAAL,MAAA,GAAA;QAAA,aAAA;sBAAA,4BAAA;sBAAA,4BAAA;oBAAA,yBAAA;SAAA,eAAA;;AAAA,CAAA;;;;;;;"}

package/es/UNSAFE_RatingGauge.css

@@ -1,22 +1,23 @@
-._1rp0bsd{display:inline-flex;}._1rp0bsd:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;}
-.hg95e0{cursor:pointer;touch-action:none;}
-.enz13y{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;}
-._1c1kahj{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;}
-.cgj6bd{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;}
-._1mwtbw1{position:relative;}
-
-.fbqsvm{top:0px;left:0px;position:absolute;width:100%;height:100%;}
-
-._1paq9x7{position:absolute;}
-._68gu16{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected);}
-.wp2fc0{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected);}
-._157b0ts{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected);}
-._1vjldx4{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected);}
-._112ir2b{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-readonly);}
-._15vqgfe{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-readonly);}
-._1jwj2sc{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-readonly);}
-._40fuvd{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-readonly);}
-._1f3lisq{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-disabled);}
-._62wcd1{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-disabled);}
-.hog39u{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-disabled);}
-._1n0jrti{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-disabled);}
+.base-cjicur{display:inline-flex;}.base-cjicur:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;}
+.interactive-c1j829{cursor:pointer;touch-action:none;}
+.lg-xvdl2c{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;}
+.md-126uxbd{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;}
+.sm-1bcww52{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;}
+.item-18q4s20{position:relative;}
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2plbmtpbnMvdWl0ZWNoL3dvcmtzcGFjZS9PSkVUX0NvZGVfMTQuMC43L3BhY2thZ2VzL29yYWNsZWpldC1wcmVhY3Qvc3JjL1VOU0FGRV9SYXRpbmdHYXVnZS9SYXRpbmdHYXVnZS50c3giXSwibmFtZXMiOlsiLmJhc2UtY2ppY3VyIiwiLmludGVyYWN0aXZlLWMxajgyOSIsIi5sZy14dmRsMmMiLCIubWQtMTI2dXhiZCIsIi5zbS0xYmN3dzUyIiwiLml0ZW0tMThxNHMyMCJdLCJtYXBwaW5ncyI6IkFBb0VJQTtBQVFBQztBQUlBQztBQUtBQztBQUtBQztBQUtBQyIsImZpbGUiOiIvaG9tZS9qZW5raW5zL3VpdGVjaC93b3Jrc3BhY2UvT0pFVF9Db2RlXzE0LjAuNy9wYWNrYWdlcy9vcmFjbGVqZXQtcHJlYWN0L3NyYy9VTlNBRkVfUmF0aW5nR2F1Z2UvUmF0aW5nR2F1Z2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19yZXN0IH0gZnJvbSBcInRzbGliXCI7XG5pbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJwcmVhY3QvanN4LXJ1bnRpbWVcIjtcbi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCAoYykgJUZJUlNUX1lFQVIlICVDVVJSRU5UX1lFQVIlLCBPcmFjbGUgYW5kL29yIGl0cyBhZmZpbGlhdGVzLlxuICogVGhlIFVuaXZlcnNhbCBQZXJtaXNzaXZlIExpY2Vuc2UgKFVQTCksIFZlcnNpb24gMS4wXG4gKiBhcyBzaG93biBhdCBodHRwczovL29zcy5vcmFjbGUuY29tL2xpY2Vuc2VzL3VwbC9cbiAqIEBpZ25vcmVcbiAqL1xuaW1wb3J0IHsgRnJhZ21lbnQgfSBmcm9tICdwcmVhY3QnO1xuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VSZWYgfSBmcm9tICdwcmVhY3QvaG9va3MnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnbGluYXJpYSc7XG5pbXBvcnQgeyBSYXRpbmdHYXVnZUl0ZW0gfSBmcm9tICcuL1JhdGluZ0dhdWdlSXRlbSc7XG5pbXBvcnQgeyB1c2VFdmVudHMgfSBmcm9tICcuL3VzZUV2ZW50cyc7XG5pbXBvcnQgeyBjbGFzc05hbWVzIH0gZnJvbSAnLi4vdXRpbHMvVU5TQUZFX2NsYXNzTmFtZXMnO1xuaW1wb3J0IHsgZ2V0RGltZW5zaW9ucyB9IGZyb20gJy4vUmF0aW5nVXRpbHMnO1xuaW1wb3J0IHsgdXNlVG9vbHRpcE9yRGF0YXRpcCB9IGZyb20gJy4vdXNlVG9vbHRpcE9yRGF0YXRpcCc7XG5pbXBvcnQgeyBtZXJnZVByb3BzIH0gZnJvbSAnLi4vdXRpbHMvVU5TQUZFX21lcmdlUHJvcHMnO1xuaW1wb3J0IHsgdXNlVGFiYmFibGVNb2RlIH0gZnJvbSAnLi4vaG9va3MvVU5TQUZFX3VzZVRhYmJhYmxlTW9kZSc7XG5jb25zdCBnZXRBcmlhTGFiZWwgPSAocHJvcHMpID0+IHtcbiAgICByZXR1cm4gcHJvcHMuYWNjZXNzaWJsZUxhYmVsXG4gICAgICAgID8gcHJvcHMuYWNjZXNzaWJsZUxhYmVsXG4gICAgICAgIDogcHJvcHMudG9vbHRpcCAmJiBwcm9wcy5pc1JlYWRvbmx5ICYmICFwcm9wcy5pc0Rpc2FibGVkXG4gICAgICAgICAgICA/IHByb3BzLnRvb2x0aXBcbiAgICAgICAgICAgIDogdW5kZWZpbmVkO1xufTtcbi8qKlxuICogQSByYXRpbmcgZ2F1Z2UgZGlzcGxheXMgaW5mb3JtYXRpb24gZ3JhcGhpY2FsbHksIHR5cGljYWxseSBkaXNwbGF5aW5nIG9yIGFjY2VwdGluZyB1c2VyIGZlZWRiYWNrIG9uIGEgcHJvZHVjdCBvciBzZXJ2aWNlLlxuICovXG5leHBvcnQgZnVuY3Rpb24gUmF0aW5nR2F1Z2UoX2EpIHtcbiAgICB2YXIgeyBtYXggPSA1LCB2YWx1ZSA9IDAsIHNpemUgPSAnbWQnLCBjb2xvciA9ICduZXV0cmFsJywgc3RlcCA9IDEsIGlzUmVhZG9ubHksIGlzRGlzYWJsZWQgfSA9IF9hLCBwcm9wcyA9IF9fcmVzdChfYSwgW1wibWF4XCIsIFwidmFsdWVcIiwgXCJzaXplXCIsIFwiY29sb3JcIiwgXCJzdGVwXCIsIFwiaXNSZWFkb25seVwiLCBcImlzRGlzYWJsZWRcIl0pO1xuICAgIGNvbnN0IHJvb3RSZWYgPSB1c2VSZWYobnVsbCk7XG4gICAgY29uc3QgZGltZW5zaW9uc1JlZiA9IHVzZVJlZihnZXREaW1lbnNpb25zKG51bGwpKTtcbiAgICBjb25zdCBpc0ludGVyYWN0aXZlID0gIWlzUmVhZG9ubHkgJiYgIWlzRGlzYWJsZWQ7XG4gICAgLy8gU2luY2UgdGhlIGRpbWVuc2lvbiBhcmUgY29tcHV0ZSBsYXppbHkgYWZ0ZXIgcmVuZGVyLCBzdG9yZSB3aWR0aCBhbmQgeCBpbiByZWZcbiAgICAvLyBUaGlzIGlzIHVzZWQgdG8gaWRlbnRpZnkgaG92ZXJlZCBhbmQgY2xpY2tlZCBzdGFyLlxuICAgIC8vIHdpZHRoIG9mIHRoZSBnYXVnZSBkZXBlbmRzIG9uIHNpemUgYW5kIG1heCBzbyBwYXNzaW5nIHRoZW0gYXMgZGVwZW5kZW5jaWVzIGZvciB1c2VFZmZlY3RcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICBkaW1lbnNpb25zUmVmLmN1cnJlbnQgPSBnZXREaW1lbnNpb25zKHJvb3RSZWYuY3VycmVudCk7XG4gICAgfSwgW3NpemUsIG1heF0pO1xuICAgIGNvbnN0IGV2ZW50UHJvcHMgPSB1c2VFdmVudHMobWF4LCBzdGVwLCB2YWx1ZSwgcm9vdFJlZiwgZGltZW5zaW9uc1JlZiwgaXNJbnRlcmFjdGl2ZSwgcHJvcHMub25Db21taXQsIHByb3BzLm9uSW5wdXQpO1xuICAgIGNvbnN0IHsgdG9vbHRpcENvbnRlbnQsIHRvb2x0aXBQcm9wcyB9ID0gdXNlVG9vbHRpcE9yRGF0YXRpcCh7XG4gICAgICAgIG1heCxcbiAgICAgICAgdmFsdWUsXG4gICAgICAgIGlzUmVhZG9ubHksXG4gICAgICAgIGlzRGlzYWJsZWQsXG4gICAgICAgIHRvb2x0aXA6IHByb3BzLnRvb2x0aXAsXG4gICAgICAgIGRhdGF0aXA6IHByb3BzLmRhdGF0aXAsXG4gICAgICAgIHdpZHRoOiBkaW1lbnNpb25zUmVmLmN1cnJlbnQud2lkdGgsXG4gICAgICAgIGFyaWFEZXNjcmliZWRCeTogcHJvcHMuYXJpYURlc2NyaWJlZEJ5XG4gICAgfSk7XG4gICAgY29uc3QgbWVyZ2VkRXZlbnRQcm9wcyA9IG1lcmdlUHJvcHMoZXZlbnRQcm9wcywgdG9vbHRpcFByb3BzKTtcbiAgICBjb25zdCBhcmlhTGFiZWwgPSBnZXRBcmlhTGFiZWwoe1xuICAgICAgICBhY2Nlc3NpYmxlTGFiZWw6IHByb3BzLmFjY2Vzc2libGVMYWJlbCxcbiAgICAgICAgdG9vbHRpcDogcHJvcHMudG9vbHRpcCxcbiAgICAgICAgaXNSZWFkb25seSxcbiAgICAgICAgaXNEaXNhYmxlZFxuICAgIH0pO1xuICAgIGNvbnN0IHsgaXNUYWJiYWJsZSB9ID0gdXNlVGFiYmFibGVNb2RlKCk7XG4gICAgcmV0dXJuIChfanN4cyhGcmFnbWVudCwgeyBjaGlsZHJlbjogW19qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHJlZjogcm9vdFJlZiwgY2xhc3M6IGNsYXNzTmFtZXMoW1xuICAgICAgICAgICAgICAgICAgICByYXRpbmdTdHlsZXMuYmFzZSxcbiAgICAgICAgICAgICAgICAgICAgaXNJbnRlcmFjdGl2ZSA/IHJhdGluZ1N0eWxlcy5pbnRlcmFjdGl2ZSA6IHVuZGVmaW5lZFxuICAgICAgICAgICAgICAgIF0pLCBcImFyaWEtbGFiZWxcIjogYXJpYUxhYmVsLCByb2xlOiBcInNsaWRlclwiLCBcImFyaWEtdmFsdWVtaW5cIjogXCIwXCIsIFwiYXJpYS12YWx1ZW5vd1wiOiB2YWx1ZSwgXCJhcmlhLXZhbHVlbWF4XCI6IG1heCwgXCJhcmlhLXZhbHVldGV4dFwiOiB2YWx1ZSwgXCJhcmlhLWxhYmVsbGVkYnlcIjogcHJvcHMuYXJpYUxhYmVsbGVkQnksIHRhYkluZGV4OiBpc1RhYmJhYmxlICYmICFpc0Rpc2FibGVkID8gMCA6IC0xLCBcImFyaWEtZGlzYWJsZWRcIjogaXNEaXNhYmxlZCA/ICd0cnVlJyA6IHVuZGVmaW5lZCwgXCJhcmlhLXJlYWRvbmx5XCI6IGlzUmVhZG9ubHkgJiYgIWlzRGlzYWJsZWQgPyAndHJ1ZScgOiB1bmRlZmluZWQgfSwgbWVyZ2VkRXZlbnRQcm9wcywgeyBjaGlsZHJlbjogWy4uLkFycmF5KG1heCldLm1hcCgoXywgaW5kZXgpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgY29uc3QgZmlsbFJhdGlvID0gTWF0aC5taW4oTWF0aC5tYXgoMCwgdmFsdWUgLSBpbmRleCksIDEpO1xuICAgICAgICAgICAgICAgICAgICByZXR1cm4gKF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IGNsYXNzTmFtZTogY2xhc3NOYW1lcyhbcmF0aW5nU3R5bGVzW3NpemVdLCByYXRpbmdTdHlsZXMuaXRlbV0pIH0sIHsgY2hpbGRyZW46IF9qc3goUmF0aW5nR2F1Z2VJdGVtLCB7IGZpbGxSYXRpbzogZmlsbFJhdGlvLCBpc0Rpc2FibGVkOiBpc0Rpc2FibGVkLCBpc1JlYWRvbmx5OiBpc1JlYWRvbmx5LCBjb2xvcjogY29sb3IgfSkgfSkpKTtcbiAgICAgICAgICAgICAgICB9KSB9KSksIHRvb2x0aXBDb250ZW50XSB9KSk7XG59XG5jb25zdCByYXRpbmdTdHlsZXMgPSB7XG4gICAgYmFzZTogY3NzIGAke3tcbiAgICAgICAgZGlzcGxheTogJ2lubGluZS1mbGV4JyxcbiAgICAgICAgJyY6Zm9jdXMtdmlzaWJsZSc6IHtcbiAgICAgICAgICAgIG91dGxpbmVDb2xvcjogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLWNvcmUtZm9jdXMtYm9yZGVyLWNvbG9yKScsXG4gICAgICAgICAgICBvdXRsaW5lU3R5bGU6ICdkb3R0ZWQnLFxuICAgICAgICAgICAgb3V0bGluZVdpZHRoOiAnMXB4J1xuICAgICAgICB9XG4gICAgfX1gLFxuICAgIGludGVyYWN0aXZlOiBjc3MgYCR7e1xuICAgICAgICBjdXJzb3I6ICdwb2ludGVyJyxcbiAgICAgICAgdG91Y2hBY3Rpb246ICdub25lJ1xuICAgIH19YCxcbiAgICBsZzogY3NzIGAke3tcbiAgICAgICAgaGVpZ2h0OiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtcmF0aW5nLWdhdWdlLWxnLXNpemUpJyxcbiAgICAgICAgd2lkdGg6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1yYXRpbmctZ2F1Z2UtbGctc2l6ZSknLFxuICAgICAgICBtYXJnaW46ICcwcHggMnB4J1xuICAgIH19YCxcbiAgICBtZDogY3NzIGAke3tcbiAgICAgICAgaGVpZ2h0OiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtcmF0aW5nLWdhdWdlLW1kLXNpemUpJyxcbiAgICAgICAgd2lkdGg6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1yYXRpbmctZ2F1Z2UtbWQtc2l6ZSknLFxuICAgICAgICBtYXJnaW46ICcwcHggMXB4J1xuICAgIH19YCxcbiAgICBzbTogY3NzIGAke3tcbiAgICAgICAgaGVpZ2h0OiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtcmF0aW5nLWdhdWdlLXNtLXNpemUpJyxcbiAgICAgICAgd2lkdGg6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1yYXRpbmctZ2F1Z2Utc20tc2l6ZSknLFxuICAgICAgICBtYXJnaW46ICcwcHggMXB4J1xuICAgIH19YCxcbiAgICBpdGVtOiBjc3MgYCR7e1xuICAgICAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJ1xuICAgIH19YFxufTtcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVJhdGluZ0dhdWdlLmpzLm1hcCJdfQ==*/
+.base-1c24qrs{top:0px;left:0px;position:absolute;width:100%;height:100%;}
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2plbmtpbnMvdWl0ZWNoL3dvcmtzcGFjZS9PSkVUX0NvZGVfMTQuMC43L3BhY2thZ2VzL29yYWNsZWpldC1wcmVhY3Qvc3JjL1VOU0FGRV9SYXRpbmdHYXVnZS9SYXRpbmdHYXVnZUl0ZW0udHN4Il0sIm5hbWVzIjpbIi5iYXNlLTFjMjRxcnMiXSwibWFwcGluZ3MiOiJBQTJCSUEiLCJmaWxlIjoiL2hvbWUvamVua2lucy91aXRlY2gvd29ya3NwYWNlL09KRVRfQ29kZV8xNC4wLjcvcGFja2FnZXMvb3JhY2xlamV0LXByZWFjdC9zcmMvVU5TQUZFX1JhdGluZ0dhdWdlL1JhdGluZ0dhdWdlSXRlbS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJwcmVhY3QvanN4LXJ1bnRpbWVcIjtcbi8qKlxuICogQGxpY2Vuc2VcbiAqIENvcHlyaWdodCAoYykgJUZJUlNUX1lFQVIlICVDVVJSRU5UX1lFQVIlLCBPcmFjbGUgYW5kL29yIGl0cyBhZmZpbGlhdGVzLlxuICogVGhlIFVuaXZlcnNhbCBQZXJtaXNzaXZlIExpY2Vuc2UgKFVQTCksIFZlcnNpb24gMS4wXG4gKiBhcyBzaG93biBhdCBodHRwczovL29zcy5vcmFjbGUuY29tL2xpY2Vuc2VzL3VwbC9cbiAqIEBpZ25vcmVcbiAqL1xuaW1wb3J0IHsgRnJhZ21lbnQgfSBmcm9tICdwcmVhY3QnO1xuaW1wb3J0IHsgUmF0aW5nU3RhciB9IGZyb20gJy4vUmF0aW5nU3Rhcic7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdsaW5hcmlhJztcbmltcG9ydCB7IHVzZVVzZXIgfSBmcm9tICcuLi9ob29rcy9VTlNBRkVfdXNlVXNlcic7XG5jb25zdCBSYXRpbmdHYXVnZUl0ZW0gPSAoeyBmaWxsUmF0aW8sIGlzRGlzYWJsZWQsIGlzUmVhZG9ubHksIGNvbG9yIH0pID0+IHtcbiAgICBjb25zdCB7IGRpcmVjdGlvbiB9ID0gdXNlVXNlcigpO1xuICAgIGNvbnN0IGlzUnRsID0gZGlyZWN0aW9uID09PSAncnRsJztcbiAgICBpZiAoZmlsbFJhdGlvID09PSAxIHx8IGZpbGxSYXRpbyA9PT0gMCkge1xuICAgICAgICByZXR1cm4gKF9qc3goUmF0aW5nU3RhciwgeyBpc1NlbGVjdGVkOiBmaWxsUmF0aW8gPT09IDEsIGlzRGlzYWJsZWQ6IGlzRGlzYWJsZWQsIGlzUmVhZE9ubHk6IGlzUmVhZG9ubHksIGNvbG9yOiBjb2xvciB9KSk7XG4gICAgfVxuICAgIC8vIGlmIGZpbGxSYXRpbyBpcyBub3QgMSBvciB6ZXJvLCBhYnNvbHV0ZWx5IHBvc2l0aW9uIHNlbGVjdGVkIHN0YXIgYWJvdmUgdGhlXG4gICAgLy8gdW5zZWxlY3RlZCBzdGFyIGFuZCBjbGlwIGJvdGggdG8gZm9ybSBwYXJ0aWFsbHkgc2VsZWN0ZWQgc3Rhci5cbiAgICByZXR1cm4gKF9qc3hzKEZyYWdtZW50LCB7IGNoaWxkcmVuOiBbX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgY2xhc3M6IGZyYWN0aW9uYWxTdGFyLmJhc2UsIHN0eWxlOiB7XG4gICAgICAgICAgICAgICAgICAgIGNsaXBQYXRoOiBgaW5zZXQoMCUgJHtpc1J0bCA/ICgxIC0gZmlsbFJhdGlvKSAqIDEwMCA6IDB9JSAwJSAke2lzUnRsID8gMCA6IGZpbGxSYXRpbyAqIDEwMH0lKWBcbiAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IF9qc3goUmF0aW5nU3RhciwgeyBpc1NlbGVjdGVkOiBmYWxzZSwgaXNEaXNhYmxlZDogaXNEaXNhYmxlZCwgaXNSZWFkT25seTogaXNSZWFkb25seSwgY29sb3I6IGNvbG9yIH0pIH0pKSwgX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgY2xhc3M6IGZyYWN0aW9uYWxTdGFyLmJhc2UsIHN0eWxlOiB7XG4gICAgICAgICAgICAgICAgICAgIGNsaXBQYXRoOiBgaW5zZXQoMCUgJHtpc1J0bCA/IDAgOiAoMSAtIGZpbGxSYXRpbykgKiAxMDB9JSAwJSAke2lzUnRsID8gKDEgLSBmaWxsUmF0aW8pICogMTAwIDogMH0lKWBcbiAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IF9qc3goUmF0aW5nU3RhciwgeyBpc1NlbGVjdGVkOiB0cnVlLCBpc0Rpc2FibGVkOiBpc0Rpc2FibGVkLCBpc1JlYWRPbmx5OiBpc1JlYWRvbmx5LCBjb2xvcjogY29sb3IgfSkgfSkpXSB9KSk7XG59O1xuY29uc3QgZnJhY3Rpb25hbFN0YXIgPSB7XG4gICAgYmFzZTogY3NzIGAke3tcbiAgICAgICAgdG9wOiAnMHB4JyxcbiAgICAgICAgbGVmdDogJzBweCcsXG4gICAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgICBoZWlnaHQ6ICcxMDAlJ1xuICAgIH19YFxufTtcbmV4cG9ydCB7IFJhdGluZ0dhdWdlSXRlbSB9O1xuLy8jIHNvdXJjZU1hcHBpbmdVUkw9UmF0aW5nR2F1Z2VJdGVtLmpzLm1hcCJdfQ==*/
+.base-8dewxg{position:absolute;}
+.selectedColor-xaxy3h{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected);}
+.selectedBorderColor-18guq49{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected);}
+.unselectedColor-1s2vdwq{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected);}
+.unselectedBorderColor-1bcnenk{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected);}
+.selectedReadonlyColor-10mv29z{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-readonly);}
+.selectedReadonlyBorderColor-84yuxo{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-readonly);}
+.unselectedReadonlyColor-1ur426j{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-readonly);}
+.unselectedReadonlyBorderColor-7bum41{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-readonly);}
+.selectedDisabledColor-1wif2ck{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-disabled);}
+.unselectedDisabledColor-oluej4{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-disabled);}
+.selectedDisabledBorderColor-vw7mok{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-disabled);}
+.unselectedDisabledBorderColor-cala1z{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-disabled);}
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2plbmtpbnMvdWl0ZWNoL3dvcmtzcGFjZS9PSkVUX0NvZGVfMTQuMC43L3BhY2thZ2VzL29yYWNsZWpldC1wcmVhY3Qvc3JjL1VOU0FGRV9SYXRpbmdHYXVnZS9SYXRpbmdTdGFyLnRzeCJdLCJuYW1lcyI6WyIuYmFzZS04ZGV3eGciLCIuc2VsZWN0ZWRDb2xvci14YXh5M2giLCIuc2VsZWN0ZWRCb3JkZXJDb2xvci0xOGd1cTQ5IiwiLnVuc2VsZWN0ZWRDb2xvci0xczJ2ZHdxIiwiLnVuc2VsZWN0ZWRCb3JkZXJDb2xvci0xYmNuZW5rIiwiLnNlbGVjdGVkUmVhZG9ubHlDb2xvci0xMG12Mjl6IiwiLnNlbGVjdGVkUmVhZG9ubHlCb3JkZXJDb2xvci04NHl1eG8iLCIudW5zZWxlY3RlZFJlYWRvbmx5Q29sb3ItMXVyNDI2aiIsIi51bnNlbGVjdGVkUmVhZG9ubHlCb3JkZXJDb2xvci03YnVtNDEiLCIuc2VsZWN0ZWREaXNhYmxlZENvbG9yLTF3aWYyY2siLCIudW5zZWxlY3RlZERpc2FibGVkQ29sb3Itb2x1ZWo0IiwiLnNlbGVjdGVkRGlzYWJsZWRCb3JkZXJDb2xvci12dzdtb2siLCIudW5zZWxlY3RlZERpc2FibGVkQm9yZGVyQ29sb3ItY2FsYTF6Il0sIm1hcHBpbmdzIjoiQUFvQklBO0FBR0FDO0FBR0FDO0FBR0FDO0FBR0FDO0FBR0FDO0FBR0FDO0FBR0FDO0FBR0FDO0FBR0FDO0FBR0FDO0FBR0FDO0FBR0FDIiwiZmlsZSI6Ii9ob21lL2plbmtpbnMvdWl0ZWNoL3dvcmtzcGFjZS9PSkVUX0NvZGVfMTQuMC43L3BhY2thZ2VzL29yYWNsZWpldC1wcmVhY3Qvc3JjL1VOU0FGRV9SYXRpbmdHYXVnZS9SYXRpbmdTdGFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInByZWFjdC9qc3gtcnVudGltZVwiO1xuLyoqXG4gKiBAbGljZW5zZVxuICogQ29weXJpZ2h0IChjKSAlRklSU1RfWUVBUiUgJUNVUlJFTlRfWUVBUiUsIE9yYWNsZSBhbmQvb3IgaXRzIGFmZmlsaWF0ZXMuXG4gKiBUaGUgVW5pdmVyc2FsIFBlcm1pc3NpdmUgTGljZW5zZSAoVVBMKSwgVmVyc2lvbiAxLjBcbiAqIGFzIHNob3duIGF0IGh0dHBzOi8vb3NzLm9yYWNsZS5jb20vbGljZW5zZXMvdXBsL1xuICogQGlnbm9yZVxuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdsaW5hcmlhJztcbmltcG9ydCB7IGNsYXNzTmFtZXMgfSBmcm9tICcuLi91dGlscy9VTlNBRkVfY2xhc3NOYW1lcyc7XG5jb25zdCBSYXRpbmdTdGFyID0gKHsgaXNTZWxlY3RlZCwgaXNEaXNhYmxlZCwgaXNSZWFkT25seSwgY29sb3IgfSkgPT4ge1xuICAgIGNvbnN0IHNlbGVjdGlvblN0YXRlID0gaXNTZWxlY3RlZCA/ICdzZWxlY3RlZCcgOiAndW5zZWxlY3RlZCc7XG4gICAgY29uc3QgZGlzYWJsZWRTdGF0ZSA9IGlzRGlzYWJsZWQgJiYgJ0Rpc2FibGVkJztcbiAgICBjb25zdCByZWFkb25seVN0YXRlID0gaXNSZWFkT25seSAmJiAnUmVhZG9ubHknO1xuICAgIGNvbnN0IHN0eWxlU3RhdGVQcmVmaXggPSBgJHtzZWxlY3Rpb25TdGF0ZX0ke2Rpc2FibGVkU3RhdGUgfHwgcmVhZG9ubHlTdGF0ZSB8fCAnJ31gO1xuICAgIGNvbnN0IGlubmVyU3R5bGVDbGFzcyA9IHJhdGluZ1N0YXJTdHlsZXNbYCR7c3R5bGVTdGF0ZVByZWZpeH1Db2xvcmBdO1xuICAgIGNvbnN0IG91dGVyU3R5bGVDbGFzcyA9IHJhdGluZ1N0YXJTdHlsZXNbYCR7c3R5bGVTdGF0ZVByZWZpeH1Cb3JkZXJDb2xvcmBdO1xuICAgIHJldHVybiAoX2pzeChcInN2Z1wiLCBPYmplY3QuYXNzaWduKHsgdmlld0JveDogXCIwIDAgMzYgMzZcIiwgaGVpZ2h0OiBcIjEwMCVcIiwgd2lkdGg6IFwiMTAwJVwiLCBjbGFzczogY2xhc3NOYW1lcyhbcmF0aW5nU3RhclN0eWxlcy5iYXNlLCBgb2otYy1yYXRpbmctZ2F1Z2UtJHtjb2xvcn1gXSkgfSwgeyBjaGlsZHJlbjogX2pzeHMoXCJnXCIsIHsgY2hpbGRyZW46IFtfanN4KFwicGF0aFwiLCB7IGNsYXNzOiBpbm5lclN0eWxlQ2xhc3MsIGQ6IFwibTE4IDEgNS4wMDYxIDExLjk1MjQgMTIuOTkzOSAxLjAzNDQtOS45IDguNDIxNSAzLjAyNDYgMTIuNTkxNy0xMS4xMjQ2LTYuNzQ3Ni0xMS4xMjQ2MSA2Ljc0NzYgMy4wMjQ2MS0xMi41OTE3LTkuOS04LjQyMTUgMTIuOTkzOS0xLjAzNDR6XCIgfSksIF9qc3goXCJwYXRoXCIsIHsgY2xhc3M6IG91dGVyU3R5bGVDbGFzcywgZDogXCJtMjMuMDA2MSAxMi45NTI0LTUuMDA2MS0xMS45NTI0LTUuMDA2MSAxMS45NTI0LTEyLjk5MzkgMS4wMzQ0IDkuOSA4LjQyMTUtMy4wMjQ2MSAxMi41OTE3IDExLjEyNDYxLTYuNzQ3NiAxMS4xMjQ2IDYuNzQ3Ni0zLjAyNDYtMTIuNTkxNyA5LjktOC40MjE1em0xMC41MDQzIDEuODM5NC04LjUyNjIgNy4yNTI4IDIuNjA3NyAxMC44NTYyLTkuNTkxOS01LjgxOC05LjU5MTkyIDUuODE4IDIuNjA3NzItMTAuODU2Mi04LjUyNjE1LTcuMjUyOCAxMS4xOTExNS0uODkxIDQuMzE5Mi0xMC4zMTIyNyA0LjMxOTIgMTAuMzEyMjd6XCIgfSldIH0pIH0pKSk7XG59O1xuY29uc3QgcmF0aW5nU3RhclN0eWxlcyA9IHtcbiAgICBiYXNlOiBjc3MgYCR7e1xuICAgICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJ1xuICAgIH19YCxcbiAgICBzZWxlY3RlZENvbG9yOiBjc3MgYCR7e1xuICAgICAgICBmaWxsOiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtcmF0aW5nLWdhdWdlLWNvbG9yLXNlbGVjdGVkKSdcbiAgICB9fWAsXG4gICAgc2VsZWN0ZWRCb3JkZXJDb2xvcjogY3NzIGAke3tcbiAgICAgICAgZmlsbDogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLXJhdGluZy1nYXVnZS1ib3JkZXItY29sb3Itc2VsZWN0ZWQpJ1xuICAgIH19YCxcbiAgICB1bnNlbGVjdGVkQ29sb3I6IGNzcyBgJHt7XG4gICAgICAgIGZpbGw6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1yYXRpbmctZ2F1Z2UtY29sb3ItdW5zZWxlY3RlZCknXG4gICAgfX1gLFxuICAgIHVuc2VsZWN0ZWRCb3JkZXJDb2xvcjogY3NzIGAke3tcbiAgICAgICAgZmlsbDogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLXJhdGluZy1nYXVnZS1ib3JkZXItY29sb3ItdW5zZWxlY3RlZCknXG4gICAgfX1gLFxuICAgIHNlbGVjdGVkUmVhZG9ubHlDb2xvcjogY3NzIGAke3tcbiAgICAgICAgZmlsbDogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLXJhdGluZy1nYXVnZS1jb2xvci1zZWxlY3RlZC1yZWFkb25seSknXG4gICAgfX1gLFxuICAgIHNlbGVjdGVkUmVhZG9ubHlCb3JkZXJDb2xvcjogY3NzIGAke3tcbiAgICAgICAgZmlsbDogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLXJhdGluZy1nYXVnZS1ib3JkZXItY29sb3Itc2VsZWN0ZWQtcmVhZG9ubHkpJ1xuICAgIH19YCxcbiAgICB1bnNlbGVjdGVkUmVhZG9ubHlDb2xvcjogY3NzIGAke3tcbiAgICAgICAgZmlsbDogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLXJhdGluZy1nYXVnZS1jb2xvci11bnNlbGVjdGVkLXJlYWRvbmx5KSdcbiAgICB9fWAsXG4gICAgdW5zZWxlY3RlZFJlYWRvbmx5Qm9yZGVyQ29sb3I6IGNzcyBgJHt7XG4gICAgICAgIGZpbGw6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1yYXRpbmctZ2F1Z2UtYm9yZGVyLWNvbG9yLXVuc2VsZWN0ZWQtcmVhZG9ubHkpJ1xuICAgIH19YCxcbiAgICBzZWxlY3RlZERpc2FibGVkQ29sb3I6IGNzcyBgJHt7XG4gICAgICAgIGZpbGw6ICd2YXIoLS1vai1jLVBSSVZBVEUtRE8tTk9ULVVTRS1yYXRpbmctZ2F1Z2UtY29sb3Itc2VsZWN0ZWQtZGlzYWJsZWQpJ1xuICAgIH19YCxcbiAgICB1bnNlbGVjdGVkRGlzYWJsZWRDb2xvcjogY3NzIGAke3tcbiAgICAgICAgZmlsbDogJ3ZhcigtLW9qLWMtUFJJVkFURS1ETy1OT1QtVVNFLXJhdGluZy1nYXVnZS1jb2xvci11bnNlbGVjdGVkLWRpc2FibGVkKSdcbiAgICB9fWAsXG4gICAgc2VsZWN0ZWREaXNhYmxlZEJvcmRlckNvbG9yOiBjc3MgYCR7e1xuICAgICAgICBmaWxsOiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtcmF0aW5nLWdhdWdlLWJvcmRlci1jb2xvci1zZWxlY3RlZC1kaXNhYmxlZCknXG4gICAgfX1gLFxuICAgIHVuc2VsZWN0ZWREaXNhYmxlZEJvcmRlckNvbG9yOiBjc3MgYCR7e1xuICAgICAgICBmaWxsOiAndmFyKC0tb2otYy1QUklWQVRFLURPLU5PVC1VU0UtcmF0aW5nLWdhdWdlLWJvcmRlci1jb2xvci11bnNlbGVjdGVkLWRpc2FibGVkKSdcbiAgICB9fWBcbn07XG5leHBvcnQgeyBSYXRpbmdTdGFyIH07XG4vLyMgc291cmNlTWFwcGluZ1VSTD1SYXRpbmdTdGFyLmpzLm1hcCJdfQ==*/

package/es/UNSAFE_RatingGauge.js

@@ -1,5 +1,5 @@
-/* @oracle/oraclejet-preact: 14.0.5 */
-import { _ as __rest } from './tslib.es6-f7fea2be.js';
+/* @oracle/oraclejet-preact: 14.0.7 */
+import { _ as __rest } from './tslib.es6-bf96b795.js';
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { Fragment } from 'preact';
 import { useRef, useState, useEffect } from 'preact/hooks';
@@ -14,7 +14,7 @@ import './UNSAFE_Layer.js';
 import 'preact/compat';
 import './hooks/UNSAFE_useId.js';
 import './UNSAFE_Floating.js';
-import './index-0265edc7.js';
+import './index-4d0e7777.js';
 import './utils/PRIVATE_floatingUtils.js';
 import './utils/PRIVATE_refUtils.js';
 import './hooks/UNSAFE_useOutsideClick.js';
@@ -56,19 +56,19 @@ const RatingStar = ({
 };
 
 const ratingStarStyles = {
-  base: "_1paq9x7",
-  selectedColor: "_68gu16",
-  selectedBorderColor: "wp2fc0",
-  unselectedColor: "_157b0ts",
-  unselectedBorderColor: "_1vjldx4",
-  selectedReadonlyColor: "_112ir2b",
-  selectedReadonlyBorderColor: "_15vqgfe",
-  unselectedReadonlyColor: "_1jwj2sc",
-  unselectedReadonlyBorderColor: "_40fuvd",
-  selectedDisabledColor: "_1f3lisq",
-  unselectedDisabledColor: "_62wcd1",
-  selectedDisabledBorderColor: "hog39u",
-  unselectedDisabledBorderColor: "_1n0jrti"
+  base: "base-8dewxg",
+  selectedColor: "selectedColor-xaxy3h",
+  selectedBorderColor: "selectedBorderColor-18guq49",
+  unselectedColor: "unselectedColor-1s2vdwq",
+  unselectedBorderColor: "unselectedBorderColor-1bcnenk",
+  selectedReadonlyColor: "selectedReadonlyColor-10mv29z",
+  selectedReadonlyBorderColor: "selectedReadonlyBorderColor-84yuxo",
+  unselectedReadonlyColor: "unselectedReadonlyColor-1ur426j",
+  unselectedReadonlyBorderColor: "unselectedReadonlyBorderColor-7bum41",
+  selectedDisabledColor: "selectedDisabledColor-1wif2ck",
+  unselectedDisabledColor: "unselectedDisabledColor-oluej4",
+  selectedDisabledBorderColor: "selectedDisabledBorderColor-vw7mok",
+  unselectedDisabledBorderColor: "unselectedDisabledBorderColor-cala1z"
 };
 
 const RatingGaugeItem = ({
@@ -123,7 +123,7 @@ const RatingGaugeItem = ({
 };
 
 const fractionalStar = {
-  base: "fbqsvm"
+  base: "base-1c24qrs"
 };
 
 function getValue(pageX, max, step, dimensionsRef, isRtl) {
@@ -366,12 +366,12 @@ function RatingGauge(_a) {
   });
 }
 const ratingStyles = {
-  base: "_1rp0bsd",
-  interactive: "hg95e0",
-  lg: "enz13y",
-  md: "_1c1kahj",
-  sm: "cgj6bd",
-  item: "_1mwtbw1"
+  base: "base-cjicur",
+  interactive: "interactive-c1j829",
+  lg: "lg-xvdl2c",
+  md: "md-126uxbd",
+  sm: "sm-1bcww52",
+  item: "item-18q4s20"
 };
 
 export { RatingGauge };

package/es/UNSAFE_RatingGauge.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_RatingGauge.js","sources":["../../src/UNSAFE_RatingGauge/RatingStar.tsx","../../src/UNSAFE_RatingGauge/RatingGaugeItem.tsx","../../src/UNSAFE_RatingGauge/RatingUtils.ts","../../src/UNSAFE_RatingGauge/useEvents.tsx","../../src/UNSAFE_RatingGauge/useTooltipOrDatatip.ts","../../src/UNSAFE_RatingGauge/RatingGauge.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\ntype Props = {\n  isSelected: boolean;\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n  color?: 'neutral' | 'gold';\n};\n\nconst RatingStar = ({ isSelected, isDisabled, isReadOnly, color }: Props) => {\n  const selectionState = isSelected ? 'selected' : 'unselected';\n  const disabledState = isDisabled && 'Disabled';\n  const readonlyState = isReadOnly && 'Readonly';\n  const styleStatePrefix = `${selectionState}${disabledState || readonlyState || ''}`;\n  const innerStyleClass =\n    ratingStarStyles[`${styleStatePrefix}Color` as keyof typeof ratingStarStyles];\n  const outerStyleClass =\n    ratingStarStyles[`${styleStatePrefix}BorderColor` as keyof typeof ratingStarStyles];\n\n  return (\n    <svg\n      viewBox=\"0 0 36 36\"\n      height=\"100%\"\n      width=\"100%\"\n      class={classNames([ratingStarStyles.base, `oj-c-rating-gauge-${color}`])}>\n      <g>\n        <path\n          class={innerStyleClass}\n          d=\"m18 1 5.0061 11.9524 12.9939 1.0344-9.9 8.4215 3.0246 12.5917-11.1246-6.7476-11.12461 6.7476 3.02461-12.5917-9.9-8.4215 12.9939-1.0344z\"\n        />\n        <path\n          class={outerStyleClass}\n          d=\"m23.0061 12.9524-5.0061-11.9524-5.0061 11.9524-12.9939 1.0344 9.9 8.4215-3.02461 12.5917 11.12461-6.7476 11.1246 6.7476-3.0246-12.5917 9.9-8.4215zm10.5043 1.8394-8.5262 7.2528 2.6077 10.8562-9.5919-5.818-9.59192 5.818 2.60772-10.8562-8.52615-7.2528 11.19115-.891 4.3192-10.31227 4.3192 10.31227z\"\n        />\n      </g>\n    </svg>\n  );\n};\n\nconst ratingStarStyles = {\n  base: cssProps`${{\n    position: 'absolute'\n  }}`,\n  selectedColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected)'\n  }}`,\n  selectedBorderColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected)'\n  }}`,\n  unselectedColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected)'\n  }}`,\n  unselectedBorderColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected)'\n  }}`,\n  selectedReadonlyColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-readonly)'\n  }}`,\n  selectedReadonlyBorderColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-readonly)'\n  }}`,\n  unselectedReadonlyColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-readonly)'\n  }}`,\n  unselectedReadonlyBorderColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-readonly)'\n  }}`,\n  selectedDisabledColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-disabled)'\n  }}`,\n  unselectedDisabledColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-disabled)'\n  }}`,\n  selectedDisabledBorderColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-disabled)'\n  }}`,\n  unselectedDisabledBorderColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-disabled)'\n  }}`\n};\nexport { RatingStar };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { Fragment } from 'preact';\nimport { RatingStar } from './RatingStar';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useUser } from '../hooks/UNSAFE_useUser';\n\ntype Props = {\n  fillRatio: number;\n  isDisabled?: boolean;\n  isReadonly?: boolean;\n  color?: 'neutral' | 'gold';\n};\n\nconst RatingGaugeItem = ({ fillRatio, isDisabled, isReadonly, color }: Props) => {\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  if (fillRatio === 1 || fillRatio === 0) {\n    return (\n      <RatingStar\n        isSelected={fillRatio === 1}\n        isDisabled={isDisabled}\n        isReadOnly={isReadonly}\n        color={color}\n      />\n    );\n  }\n\n  // if fillRatio is not 1 or zero, absolutely position selected star above the\n  // unselected star and clip both to form partially selected star.\n\n  return (\n    <Fragment>\n      <div\n        class={fractionalStar.base}\n        style={{\n          clipPath: `inset(0% ${isRtl ? (1 - fillRatio) * 100 : 0}% 0% ${\n            isRtl ? 0 : fillRatio * 100\n          }%)`\n        }}>\n        <RatingStar\n          isSelected={false}\n          isDisabled={isDisabled}\n          isReadOnly={isReadonly}\n          color={color}\n        />\n      </div>\n      <div\n        class={fractionalStar.base}\n        style={{\n          clipPath: `inset(0% ${isRtl ? 0 : (1 - fillRatio) * 100}% 0% ${\n            isRtl ? (1 - fillRatio) * 100 : 0\n          }%)`\n        }}>\n        <RatingStar\n          isSelected={true}\n          isDisabled={isDisabled}\n          isReadOnly={isReadonly}\n          color={color}\n        />\n      </div>\n    </Fragment>\n  );\n};\n\nconst fractionalStar = {\n  base: cssProps`${{\n    top: '0px',\n    left: '0px',\n    position: 'absolute',\n    width: '100%',\n    height: '100%'\n  }}`\n};\n\nexport { RatingGaugeItem };\n","import type { Ref } from 'preact/hooks';\n\nexport function getValue(\n  pageX: number,\n  max: number,\n  step: number,\n  dimensionsRef: Ref<{ width: number; x: number }>,\n  isRtl: boolean\n): number {\n  const dimensions = dimensionsRef.current;\n  if (!dimensions || dimensions.width === 0) {\n    return -1;\n  }\n  const width = pageX - dimensions.x;\n  const val = (max * (isRtl ? dimensions.width - width : width)) / dimensions.width;\n  const numSteps = val / step;\n  return numSteps < 0.5 ? 0 : Math.ceil(numSteps) * step;\n}\n\nexport function getDimensions(element: HTMLElement | null) {\n  if (!element) {\n    return {\n      width: 0,\n      x: 0\n    };\n  }\n\n  const rect = element.getBoundingClientRect();\n  return {\n    width: Math.round(rect.width),\n    x: Math.round(rect.x + window.scrollX)\n  };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useRef } from 'preact/hooks';\nimport type { Ref, MutableRef } from 'preact/hooks';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { getValue, getDimensions } from './RatingUtils';\n\nexport type CommitDetail = {\n  value: number;\n};\n\nexport type InputDetail = {\n  value?: number;\n};\n\nexport const useEvents = (\n  max: number,\n  step: number,\n  value: number,\n  rootRef: Ref<HTMLElement>,\n  dimensionsRef: MutableRef<{ width: number; x: number }>,\n  isInteractive: boolean,\n  onCommit?: (detail: CommitDetail) => void,\n  onInput?: (detail: InputDetail) => void\n) => {\n  const currentInput = useRef<number>();\n  const { direction } = useUser();\n\n  if (!isInteractive) {\n    return {};\n  }\n\n  const isRtl = direction === 'rtl';\n\n  const handleInput = (inputValue: number | undefined) => {\n    onInput?.({ value: inputValue } as InputDetail);\n    currentInput.current = inputValue;\n  };\n\n  const cancelEvent = (event: Event) => {\n    event.preventDefault();\n    event.stopPropagation();\n  };\n\n  const pointerUpHandler = (event: PointerEvent) => {\n    const val = getValue(event.pageX, max, step, dimensionsRef, isRtl);\n    if (val !== -1) {\n      onCommit?.({ value: val } as CommitDetail);\n    }\n  };\n\n  // When the document or rating gauge parent scrolls, we need to update the dimensionRef.current.x.\n  // Instead of updating it for every scroll event, recalculate the dims the first time mouse enters\n  // so we get fresh dimension value.\n  const pointerEnterHandler = () => {\n    dimensionsRef.current = getDimensions(rootRef.current);\n  };\n\n  const hoverHandler = (event: PointerEvent) => {\n    const val = getValue(event.pageX, max, step, dimensionsRef, isRtl);\n    if (val !== -1 && val != currentInput.current) {\n      handleInput(val);\n    }\n  };\n\n  const blurHandler = () => {\n    onCommit?.({ value: value } as CommitDetail);\n  };\n\n  const pointerLeaveHandler = () => {\n    handleInput(undefined);\n  };\n\n  const keyDownHandler = (event: KeyboardEvent) => {\n    const key = event.key;\n\n    switch (key) {\n      case 'Tab':\n        return;\n      case 'ArrowDown':\n        handleInput(Math.max(0, value - step));\n        break;\n      case 'ArrowUp':\n        handleInput(Math.min(max, value + step));\n        break;\n      case 'ArrowLeft': {\n        const inputValue = isRtl ? Math.min(max, value + step) : Math.max(0, value - step);\n        handleInput(inputValue);\n        break;\n      }\n      case 'ArrowRight': {\n        const inputValue = isRtl ? Math.max(0, value - step) : Math.min(max, value + step);\n        handleInput(inputValue);\n        break;\n      }\n    }\n    cancelEvent(event);\n  };\n\n  const keyUpHandler = (event: KeyboardEvent) => {\n    const key = event.key;\n\n    switch (key) {\n      case 'Enter':\n        onCommit?.({ value: value } as CommitDetail);\n        break;\n      case 'Tab':\n        handleInput(value);\n        break;\n      case 'Home':\n        handleInput(0);\n        break;\n      case 'End':\n        handleInput(max);\n        break;\n    }\n    cancelEvent(event);\n  };\n\n  return {\n    onPointerUp: pointerUpHandler,\n    onBlur: blurHandler,\n    onPointerMove: hoverHandler,\n    onKeyUp: keyUpHandler,\n    onKeyDown: keyDownHandler,\n    onPointerLeave: pointerLeaveHandler,\n    onPointerEnter: pointerEnterHandler\n  };\n};\n","import { ComponentChild } from 'preact';\nimport { useState } from 'preact/hooks';\nimport { useTooltipControlled } from '../hooks/UNSAFE_useTooltip';\n\ntype Props = {\n  max: number;\n  value: number;\n  isReadonly?: boolean;\n  isDisabled?: boolean;\n  tooltip?: string;\n  datatip?: string;\n  ariaDescribedBy?: string;\n  width: number;\n};\n\nexport function useTooltipOrDatatip({\n  max,\n  value,\n  isReadonly,\n  isDisabled,\n  tooltip,\n  datatip,\n  ariaDescribedBy,\n  width\n}: Props): {\n  tooltipContent: ComponentChild;\n  tooltipProps: Record<string, any>;\n} {\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n\n  const tooltipVariant = isReadonly && !isDisabled ? 'tooltip' : 'datatip';\n  const disabled =\n    isDisabled ||\n    !((tooltipVariant === 'tooltip' && tooltip) || (tooltipVariant === 'datatip' && datatip));\n  const datatipIndex = Math.max(1, Math.ceil(value));\n  const offset =\n    tooltipVariant === 'tooltip' ? 0 : ((datatipIndex - Math.ceil(max / 2)) * width) / max;\n\n  const { tooltipContent, tooltipProps } = useTooltipControlled({\n    text: tooltipVariant === 'tooltip' ? tooltip : datatip,\n    isOpen,\n    anchor: {\n      x: 'element',\n      y: 'element'\n    },\n    position: 'bottom',\n    offset: {\n      mainAxis: 8, // redwood tooltip design spec\n      crossAxis: offset\n    },\n    isDisabled: disabled,\n    onToggle: ({ value }) => setIsOpen(value),\n    variant: tooltipVariant\n  });\n\n  tooltipProps['aria-describedby'] = [ariaDescribedBy, tooltipProps['aria-describedby']]\n    .filter(Boolean)\n    .join(' ');\n\n  return {\n    tooltipContent,\n    tooltipProps\n  };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { Fragment } from 'preact';\nimport { useEffect, useRef } from 'preact/hooks';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { RatingGaugeItem } from './RatingGaugeItem';\nimport { CommitDetail, InputDetail, useEvents } from './useEvents';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { getDimensions } from './RatingUtils';\nimport { useTooltipOrDatatip } from './useTooltipOrDatatip';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\n/**\n * Props for the RatingGauge\n */\ntype Props = {\n  /**\n   * Defines whether the rating gauge should be read only. User interaction is prevented if set to true.\n   */\n  isReadonly?: boolean;\n\n  /**\n   * Defines whether the gauge is disabled or not. User interaction is prevented and the rating gauge is hidden from screen readers if set to true.\n   */\n  isDisabled?: boolean;\n\n  /**\n   * The size of the individual rating gauge items.\n   */\n  size?: 'sm' | 'md' | 'lg';\n\n  /**\n   * The color of the individual rating gauge items.\n   */\n  color?: 'neutral' | 'gold';\n\n  /**\n   * The value of the rating gauge.\n   */\n  value?: number;\n\n  /**\n   * Specifies the increment by which values can be changed.\n   */\n  step?: number;\n\n  /**\n   * Integer value specifying the maximum value of the gauge, which determines the number of items that are displayed\n   */\n  max?: number;\n\n  /**\n   * The callback called in response to hover or focus interactions with the rating gauge items.\n   */\n  onInput?: (detail: InputDetail) => void;\n\n  /**\n   * The callback called when value of gauge changes on blur or Enter or click.\n   */\n  onCommit?: (detail: CommitDetail) => void;\n\n  /**\n   * The rating gauge tooltip. Tooltip is only used for read only rating gauges. If accessibleLabel is not specified, tooltip will be used as the accessible label.\n   */\n  tooltip?: string;\n\n  /**\n   * The rating gauge datatip string. Datatip is used for interactive rating gauges.\n   */\n  datatip?: string;\n\n  /**\n   * A label to be used for accessibility purposes. Default label will be used if not provided.\n   */\n  accessibleLabel?: string;\n\n  /**\n   * One or more ids (separated by spaces) of elements that label the rating gauge.\n   */\n  ariaLabelledBy?: string;\n\n  /**\n   * One or more ids (separated by spaces) of elements that describe the rating gauge.\n   */\n  ariaDescribedBy?: string;\n};\n\nconst getAriaLabel = (\n  props: Pick<Props, 'accessibleLabel' | 'tooltip' | 'isReadonly' | 'isDisabled'>\n) => {\n  return props.accessibleLabel\n    ? props.accessibleLabel\n    : props.tooltip && props.isReadonly && !props.isDisabled\n    ? props.tooltip\n    : undefined;\n};\n/**\n * A rating gauge displays information graphically, typically displaying or accepting user feedback on a product or service.\n */\nexport function RatingGauge({\n  max = 5,\n  value = 0,\n  size = 'md',\n  color = 'neutral',\n  step = 1,\n  isReadonly,\n  isDisabled,\n  ...props\n}: Props) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const dimensionsRef = useRef(getDimensions(null));\n\n  const isInteractive = !isReadonly && !isDisabled;\n\n  // Since the dimension are compute lazily after render, store width and x in ref\n  // This is used to identify hovered and clicked star.\n  // width of the gauge depends on size and max so passing them as dependencies for useEffect\n  useEffect(() => {\n    dimensionsRef.current = getDimensions(rootRef.current);\n  }, [size, max]);\n\n  const eventProps = useEvents(\n    max,\n    step,\n    value,\n    rootRef,\n    dimensionsRef,\n    isInteractive,\n    props.onCommit,\n    props.onInput\n  );\n\n  const { tooltipContent, tooltipProps } = useTooltipOrDatatip({\n    max,\n    value,\n    isReadonly,\n    isDisabled,\n    tooltip: props.tooltip,\n    datatip: props.datatip,\n    width: dimensionsRef.current.width,\n    ariaDescribedBy: props.ariaDescribedBy\n  });\n\n  const mergedEventProps = mergeProps(eventProps, tooltipProps);\n  const ariaLabel = getAriaLabel({\n    accessibleLabel: props.accessibleLabel,\n    tooltip: props.tooltip,\n    isReadonly,\n    isDisabled\n  });\n  const { isTabbable } = useTabbableMode();\n  return (\n    <Fragment>\n      <div\n        ref={rootRef}\n        class={classNames([\n          ratingStyles.base,\n          isInteractive ? ratingStyles.interactive : undefined\n        ])}\n        aria-label={ariaLabel}\n        role=\"slider\"\n        aria-valuemin=\"0\"\n        aria-valuenow={value}\n        aria-valuemax={max}\n        aria-valuetext={value}\n        aria-labelledby={props.ariaLabelledBy}\n        tabIndex={isTabbable && !isDisabled ? 0 : -1}\n        aria-disabled={isDisabled ? 'true' : undefined}\n        aria-readonly={isReadonly && !isDisabled ? 'true' : undefined}\n        {...mergedEventProps}>\n        {[...Array(max)].map((_, index: number) => {\n          const fillRatio = Math.min(Math.max(0, value - index), 1);\n          return (\n            <div className={classNames([ratingStyles[size], ratingStyles.item])}>\n              <RatingGaugeItem\n                fillRatio={fillRatio}\n                isDisabled={isDisabled}\n                isReadonly={isReadonly}\n                color={color}\n              />\n            </div>\n          );\n        })}\n      </div>\n      {tooltipContent}\n    </Fragment>\n  );\n}\n\nconst ratingStyles = {\n  base: cssProps`${{\n    display: 'inline-flex',\n    '&:focus-visible': {\n      outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n      outlineStyle: 'dotted',\n      outlineWidth: '1px'\n    }\n  }}`,\n  interactive: cssProps`${{\n    cursor: 'pointer',\n    touchAction: 'none'\n  }}`,\n  lg: cssProps`${{\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-lg-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-lg-size)',\n    margin: '0px 2px'\n  }}`,\n  md: cssProps`${{\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-md-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-md-size)',\n    margin: '0px 1px'\n  }}`,\n  sm: cssProps`${{\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-sm-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-sm-size)',\n    margin: '0px 1px'\n  }}`,\n  item: cssProps`${{\n    position: 'relative'\n  }}`\n};\n"],"names":["RatingStar","isSelected","isDisabled","isReadOnly","color","disabledState","readonlyState","ratingStarStyles","RatingGaugeItem","fillRatio","isReadonly","direction","useUser","isRtl","_jsxs","Fragment","children","_jsx","Object","assign","class","fractionalStar","base","style","clipPath","getAriaLabel","props","tooltip","RatingGauge","_a","max","value","size","step","__rest","rootRef","useRef","isInteractive","tooltipContent","tooltipProps","useTooltipOrDatatip","width","dimensionsRef","current","isTabbable","useTabbableMode","ref","classNames","ratingStyles","ariaLabel","role","ariaLabelledBy","tabIndex","undefined","mergedEventProps","Array","map","_","index","Math","min","className","item"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_RatingGauge.js","sources":["../../src/UNSAFE_RatingGauge/RatingStar.tsx","../../src/UNSAFE_RatingGauge/RatingGaugeItem.tsx","../../src/UNSAFE_RatingGauge/RatingUtils.ts","../../src/UNSAFE_RatingGauge/useEvents.tsx","../../src/UNSAFE_RatingGauge/useTooltipOrDatatip.ts","../../src/UNSAFE_RatingGauge/RatingGauge.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\ntype Props = {\n  isSelected: boolean;\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n  color?: 'neutral' | 'gold';\n};\n\nconst RatingStar = ({ isSelected, isDisabled, isReadOnly, color }: Props) => {\n  const selectionState = isSelected ? 'selected' : 'unselected';\n  const disabledState = isDisabled && 'Disabled';\n  const readonlyState = isReadOnly && 'Readonly';\n  const styleStatePrefix = `${selectionState}${disabledState || readonlyState || ''}`;\n  const innerStyleClass =\n    ratingStarStyles[`${styleStatePrefix}Color` as keyof typeof ratingStarStyles];\n  const outerStyleClass =\n    ratingStarStyles[`${styleStatePrefix}BorderColor` as keyof typeof ratingStarStyles];\n\n  return (\n    <svg\n      viewBox=\"0 0 36 36\"\n      height=\"100%\"\n      width=\"100%\"\n      class={classNames([ratingStarStyles.base, `oj-c-rating-gauge-${color}`])}>\n      <g>\n        <path\n          class={innerStyleClass}\n          d=\"m18 1 5.0061 11.9524 12.9939 1.0344-9.9 8.4215 3.0246 12.5917-11.1246-6.7476-11.12461 6.7476 3.02461-12.5917-9.9-8.4215 12.9939-1.0344z\"\n        />\n        <path\n          class={outerStyleClass}\n          d=\"m23.0061 12.9524-5.0061-11.9524-5.0061 11.9524-12.9939 1.0344 9.9 8.4215-3.02461 12.5917 11.12461-6.7476 11.1246 6.7476-3.0246-12.5917 9.9-8.4215zm10.5043 1.8394-8.5262 7.2528 2.6077 10.8562-9.5919-5.818-9.59192 5.818 2.60772-10.8562-8.52615-7.2528 11.19115-.891 4.3192-10.31227 4.3192 10.31227z\"\n        />\n      </g>\n    </svg>\n  );\n};\n\nconst ratingStarStyles = {\n  base: cssProps`${{\n    position: 'absolute'\n  }}`,\n  selectedColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected)'\n  }}`,\n  selectedBorderColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected)'\n  }}`,\n  unselectedColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected)'\n  }}`,\n  unselectedBorderColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected)'\n  }}`,\n  selectedReadonlyColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-readonly)'\n  }}`,\n  selectedReadonlyBorderColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-readonly)'\n  }}`,\n  unselectedReadonlyColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-readonly)'\n  }}`,\n  unselectedReadonlyBorderColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-readonly)'\n  }}`,\n  selectedDisabledColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-disabled)'\n  }}`,\n  unselectedDisabledColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-disabled)'\n  }}`,\n  selectedDisabledBorderColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-disabled)'\n  }}`,\n  unselectedDisabledBorderColor: cssProps`${{\n    fill: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-disabled)'\n  }}`\n};\nexport { RatingStar };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { Fragment } from 'preact';\nimport { RatingStar } from './RatingStar';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useUser } from '../hooks/UNSAFE_useUser';\n\ntype Props = {\n  fillRatio: number;\n  isDisabled?: boolean;\n  isReadonly?: boolean;\n  color?: 'neutral' | 'gold';\n};\n\nconst RatingGaugeItem = ({ fillRatio, isDisabled, isReadonly, color }: Props) => {\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  if (fillRatio === 1 || fillRatio === 0) {\n    return (\n      <RatingStar\n        isSelected={fillRatio === 1}\n        isDisabled={isDisabled}\n        isReadOnly={isReadonly}\n        color={color}\n      />\n    );\n  }\n\n  // if fillRatio is not 1 or zero, absolutely position selected star above the\n  // unselected star and clip both to form partially selected star.\n\n  return (\n    <Fragment>\n      <div\n        class={fractionalStar.base}\n        style={{\n          clipPath: `inset(0% ${isRtl ? (1 - fillRatio) * 100 : 0}% 0% ${\n            isRtl ? 0 : fillRatio * 100\n          }%)`\n        }}>\n        <RatingStar\n          isSelected={false}\n          isDisabled={isDisabled}\n          isReadOnly={isReadonly}\n          color={color}\n        />\n      </div>\n      <div\n        class={fractionalStar.base}\n        style={{\n          clipPath: `inset(0% ${isRtl ? 0 : (1 - fillRatio) * 100}% 0% ${\n            isRtl ? (1 - fillRatio) * 100 : 0\n          }%)`\n        }}>\n        <RatingStar\n          isSelected={true}\n          isDisabled={isDisabled}\n          isReadOnly={isReadonly}\n          color={color}\n        />\n      </div>\n    </Fragment>\n  );\n};\n\nconst fractionalStar = {\n  base: cssProps`${{\n    top: '0px',\n    left: '0px',\n    position: 'absolute',\n    width: '100%',\n    height: '100%'\n  }}`\n};\n\nexport { RatingGaugeItem };\n","import type { Ref } from 'preact/hooks';\n\nexport function getValue(\n  pageX: number,\n  max: number,\n  step: number,\n  dimensionsRef: Ref<{ width: number; x: number }>,\n  isRtl: boolean\n): number {\n  const dimensions = dimensionsRef.current;\n  if (!dimensions || dimensions.width === 0) {\n    return -1;\n  }\n  const width = pageX - dimensions.x;\n  const val = (max * (isRtl ? dimensions.width - width : width)) / dimensions.width;\n  const numSteps = val / step;\n  return numSteps < 0.5 ? 0 : Math.ceil(numSteps) * step;\n}\n\nexport function getDimensions(element: HTMLElement | null) {\n  if (!element) {\n    return {\n      width: 0,\n      x: 0\n    };\n  }\n\n  const rect = element.getBoundingClientRect();\n  return {\n    width: Math.round(rect.width),\n    x: Math.round(rect.x + window.scrollX)\n  };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useRef } from 'preact/hooks';\nimport type { Ref, MutableRef } from 'preact/hooks';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { getValue, getDimensions } from './RatingUtils';\n\nexport type CommitDetail = {\n  value: number;\n};\n\nexport type InputDetail = {\n  value?: number;\n};\n\nexport const useEvents = (\n  max: number,\n  step: number,\n  value: number,\n  rootRef: Ref<HTMLElement>,\n  dimensionsRef: MutableRef<{ width: number; x: number }>,\n  isInteractive: boolean,\n  onCommit?: (detail: CommitDetail) => void,\n  onInput?: (detail: InputDetail) => void\n) => {\n  const currentInput = useRef<number>();\n  const { direction } = useUser();\n\n  if (!isInteractive) {\n    return {};\n  }\n\n  const isRtl = direction === 'rtl';\n\n  const handleInput = (inputValue: number | undefined) => {\n    onInput?.({ value: inputValue } as InputDetail);\n    currentInput.current = inputValue;\n  };\n\n  const cancelEvent = (event: Event) => {\n    event.preventDefault();\n    event.stopPropagation();\n  };\n\n  const pointerUpHandler = (event: PointerEvent) => {\n    const val = getValue(event.pageX, max, step, dimensionsRef, isRtl);\n    if (val !== -1) {\n      onCommit?.({ value: val } as CommitDetail);\n    }\n  };\n\n  // When the document or rating gauge parent scrolls, we need to update the dimensionRef.current.x.\n  // Instead of updating it for every scroll event, recalculate the dims the first time mouse enters\n  // so we get fresh dimension value.\n  const pointerEnterHandler = () => {\n    dimensionsRef.current = getDimensions(rootRef.current);\n  };\n\n  const hoverHandler = (event: PointerEvent) => {\n    const val = getValue(event.pageX, max, step, dimensionsRef, isRtl);\n    if (val !== -1 && val != currentInput.current) {\n      handleInput(val);\n    }\n  };\n\n  const blurHandler = () => {\n    onCommit?.({ value: value } as CommitDetail);\n  };\n\n  const pointerLeaveHandler = () => {\n    handleInput(undefined);\n  };\n\n  const keyDownHandler = (event: KeyboardEvent) => {\n    const key = event.key;\n\n    switch (key) {\n      case 'Tab':\n        return;\n      case 'ArrowDown':\n        handleInput(Math.max(0, value - step));\n        break;\n      case 'ArrowUp':\n        handleInput(Math.min(max, value + step));\n        break;\n      case 'ArrowLeft': {\n        const inputValue = isRtl ? Math.min(max, value + step) : Math.max(0, value - step);\n        handleInput(inputValue);\n        break;\n      }\n      case 'ArrowRight': {\n        const inputValue = isRtl ? Math.max(0, value - step) : Math.min(max, value + step);\n        handleInput(inputValue);\n        break;\n      }\n    }\n    cancelEvent(event);\n  };\n\n  const keyUpHandler = (event: KeyboardEvent) => {\n    const key = event.key;\n\n    switch (key) {\n      case 'Enter':\n        onCommit?.({ value: value } as CommitDetail);\n        break;\n      case 'Tab':\n        handleInput(value);\n        break;\n      case 'Home':\n        handleInput(0);\n        break;\n      case 'End':\n        handleInput(max);\n        break;\n    }\n    cancelEvent(event);\n  };\n\n  return {\n    onPointerUp: pointerUpHandler,\n    onBlur: blurHandler,\n    onPointerMove: hoverHandler,\n    onKeyUp: keyUpHandler,\n    onKeyDown: keyDownHandler,\n    onPointerLeave: pointerLeaveHandler,\n    onPointerEnter: pointerEnterHandler\n  };\n};\n","import { ComponentChild } from 'preact';\nimport { useState } from 'preact/hooks';\nimport { useTooltipControlled } from '../hooks/UNSAFE_useTooltip';\n\ntype Props = {\n  max: number;\n  value: number;\n  isReadonly?: boolean;\n  isDisabled?: boolean;\n  tooltip?: string;\n  datatip?: string;\n  ariaDescribedBy?: string;\n  width: number;\n};\n\nexport function useTooltipOrDatatip({\n  max,\n  value,\n  isReadonly,\n  isDisabled,\n  tooltip,\n  datatip,\n  ariaDescribedBy,\n  width\n}: Props): {\n  tooltipContent: ComponentChild;\n  tooltipProps: Record<string, any>;\n} {\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n\n  const tooltipVariant = isReadonly && !isDisabled ? 'tooltip' : 'datatip';\n  const disabled =\n    isDisabled ||\n    !((tooltipVariant === 'tooltip' && tooltip) || (tooltipVariant === 'datatip' && datatip));\n  const datatipIndex = Math.max(1, Math.ceil(value));\n  const offset =\n    tooltipVariant === 'tooltip' ? 0 : ((datatipIndex - Math.ceil(max / 2)) * width) / max;\n\n  const { tooltipContent, tooltipProps } = useTooltipControlled({\n    text: tooltipVariant === 'tooltip' ? tooltip : datatip,\n    isOpen,\n    anchor: {\n      x: 'element',\n      y: 'element'\n    },\n    position: 'bottom',\n    offset: {\n      mainAxis: 8, // redwood tooltip design spec\n      crossAxis: offset\n    },\n    isDisabled: disabled,\n    onToggle: ({ value }) => setIsOpen(value),\n    variant: tooltipVariant\n  });\n\n  tooltipProps['aria-describedby'] = [ariaDescribedBy, tooltipProps['aria-describedby']]\n    .filter(Boolean)\n    .join(' ');\n\n  return {\n    tooltipContent,\n    tooltipProps\n  };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { Fragment } from 'preact';\nimport { useEffect, useRef } from 'preact/hooks';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { RatingGaugeItem } from './RatingGaugeItem';\nimport { CommitDetail, InputDetail, useEvents } from './useEvents';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { getDimensions } from './RatingUtils';\nimport { useTooltipOrDatatip } from './useTooltipOrDatatip';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\n/**\n * Props for the RatingGauge\n */\ntype Props = {\n  /**\n   * Defines whether the rating gauge should be read only. User interaction is prevented if set to true.\n   */\n  isReadonly?: boolean;\n\n  /**\n   * Defines whether the gauge is disabled or not. User interaction is prevented and the rating gauge is hidden from screen readers if set to true.\n   */\n  isDisabled?: boolean;\n\n  /**\n   * The size of the individual rating gauge items.\n   */\n  size?: 'sm' | 'md' | 'lg';\n\n  /**\n   * The color of the individual rating gauge items.\n   */\n  color?: 'neutral' | 'gold';\n\n  /**\n   * The value of the rating gauge.\n   */\n  value?: number;\n\n  /**\n   * Specifies the increment by which values can be changed.\n   */\n  step?: number;\n\n  /**\n   * Integer value specifying the maximum value of the gauge, which determines the number of items that are displayed\n   */\n  max?: number;\n\n  /**\n   * The callback called in response to hover or focus interactions with the rating gauge items.\n   */\n  onInput?: (detail: InputDetail) => void;\n\n  /**\n   * The callback called when value of gauge changes on blur or Enter or click.\n   */\n  onCommit?: (detail: CommitDetail) => void;\n\n  /**\n   * The rating gauge tooltip. Tooltip is only used for read only rating gauges. If accessibleLabel is not specified, tooltip will be used as the accessible label.\n   */\n  tooltip?: string;\n\n  /**\n   * The rating gauge datatip string. Datatip is used for interactive rating gauges.\n   */\n  datatip?: string;\n\n  /**\n   * A label to be used for accessibility purposes. Default label will be used if not provided.\n   */\n  accessibleLabel?: string;\n\n  /**\n   * One or more ids (separated by spaces) of elements that label the rating gauge.\n   */\n  ariaLabelledBy?: string;\n\n  /**\n   * One or more ids (separated by spaces) of elements that describe the rating gauge.\n   */\n  ariaDescribedBy?: string;\n};\n\nconst getAriaLabel = (\n  props: Pick<Props, 'accessibleLabel' | 'tooltip' | 'isReadonly' | 'isDisabled'>\n) => {\n  return props.accessibleLabel\n    ? props.accessibleLabel\n    : props.tooltip && props.isReadonly && !props.isDisabled\n    ? props.tooltip\n    : undefined;\n};\n/**\n * A rating gauge displays information graphically, typically displaying or accepting user feedback on a product or service.\n */\nexport function RatingGauge({\n  max = 5,\n  value = 0,\n  size = 'md',\n  color = 'neutral',\n  step = 1,\n  isReadonly,\n  isDisabled,\n  ...props\n}: Props) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const dimensionsRef = useRef(getDimensions(null));\n\n  const isInteractive = !isReadonly && !isDisabled;\n\n  // Since the dimension are compute lazily after render, store width and x in ref\n  // This is used to identify hovered and clicked star.\n  // width of the gauge depends on size and max so passing them as dependencies for useEffect\n  useEffect(() => {\n    dimensionsRef.current = getDimensions(rootRef.current);\n  }, [size, max]);\n\n  const eventProps = useEvents(\n    max,\n    step,\n    value,\n    rootRef,\n    dimensionsRef,\n    isInteractive,\n    props.onCommit,\n    props.onInput\n  );\n\n  const { tooltipContent, tooltipProps } = useTooltipOrDatatip({\n    max,\n    value,\n    isReadonly,\n    isDisabled,\n    tooltip: props.tooltip,\n    datatip: props.datatip,\n    width: dimensionsRef.current.width,\n    ariaDescribedBy: props.ariaDescribedBy\n  });\n\n  const mergedEventProps = mergeProps(eventProps, tooltipProps);\n  const ariaLabel = getAriaLabel({\n    accessibleLabel: props.accessibleLabel,\n    tooltip: props.tooltip,\n    isReadonly,\n    isDisabled\n  });\n  const { isTabbable } = useTabbableMode();\n  return (\n    <Fragment>\n      <div\n        ref={rootRef}\n        class={classNames([\n          ratingStyles.base,\n          isInteractive ? ratingStyles.interactive : undefined\n        ])}\n        aria-label={ariaLabel}\n        role=\"slider\"\n        aria-valuemin=\"0\"\n        aria-valuenow={value}\n        aria-valuemax={max}\n        aria-valuetext={value}\n        aria-labelledby={props.ariaLabelledBy}\n        tabIndex={isTabbable && !isDisabled ? 0 : -1}\n        aria-disabled={isDisabled ? 'true' : undefined}\n        aria-readonly={isReadonly && !isDisabled ? 'true' : undefined}\n        {...mergedEventProps}>\n        {[...Array(max)].map((_, index: number) => {\n          const fillRatio = Math.min(Math.max(0, value - index), 1);\n          return (\n            <div className={classNames([ratingStyles[size], ratingStyles.item])}>\n              <RatingGaugeItem\n                fillRatio={fillRatio}\n                isDisabled={isDisabled}\n                isReadonly={isReadonly}\n                color={color}\n              />\n            </div>\n          );\n        })}\n      </div>\n      {tooltipContent}\n    </Fragment>\n  );\n}\n\nconst ratingStyles = {\n  base: cssProps`${{\n    display: 'inline-flex',\n    '&:focus-visible': {\n      outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n      outlineStyle: 'dotted',\n      outlineWidth: '1px'\n    }\n  }}`,\n  interactive: cssProps`${{\n    cursor: 'pointer',\n    touchAction: 'none'\n  }}`,\n  lg: cssProps`${{\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-lg-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-lg-size)',\n    margin: '0px 2px'\n  }}`,\n  md: cssProps`${{\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-md-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-md-size)',\n    margin: '0px 1px'\n  }}`,\n  sm: cssProps`${{\n    height: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-sm-size)',\n    width: 'var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-sm-size)',\n    margin: '0px 1px'\n  }}`,\n  item: cssProps`${{\n    position: 'relative'\n  }}`\n};\n"],"names":["RatingStar","isSelected","isDisabled","isReadOnly","color","disabledState","readonlyState","ratingStarStyles","RatingGaugeItem","fillRatio","isReadonly","direction","useUser","isRtl","_jsxs","Fragment","children","_jsx","Object","assign","class","fractionalStar","base","style","clipPath","getAriaLabel","props","tooltip","RatingGauge","_a","max","value","size","step","__rest","rootRef","useRef","isInteractive","tooltipContent","tooltipProps","useTooltipOrDatatip","width","dimensionsRef","current","isTabbable","useTabbableMode","ref","classNames","ratingStyles","ariaLabel","role","ariaLabelledBy","tabIndex","undefined","mergedEventProps","Array","map","_","index","Math","min","className","item"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAAA,UAAA,GAAA,CAAA;EAAAC,UAAA;EAAAC,UAAA;EAAAC,UAAA;AAAAC,EAAAA,KAAAA;AAAA,CAAA,KAAA;;AAEE,EAAA,MAAAC,aAAA,GAAAH,UAAA,IAAA,UAAA,CAAA;AACA,EAAA,MAAAI,aAAA,GAAAH,UAAA,IAAA,UAAA,CAAA;;;;;;;;;;;;;;;;;;;;AAyBF,CA5BA,CAAA;;AA8BA,MAAAI,gBAAA,GAAA;QAAA,aAAA;iBAAA,sBAAA;uBAAA,6BAAA;mBAAA,yBAAA;yBAAA,+BAAA;yBAAA,+BAAA;+BAAA,oCAAA;2BAAA,iCAAA;iCAAA,sCAAA;yBAAA,+BAAA;2BAAA,gCAAA;+BAAA,oCAAA;;AAAA,CAAA;;AC5BA,MAAAC,eAAA,GAAA,CAAA;EAAAC,SAAA;EAAAP,UAAA;EAAAQ,UAAA;AAAAN,EAAAA,KAAAA;AAAA,CAAA,KAAA;EACE,MAAA;AAAAO,IAAAA,SAAAA;AAAA,GAAA,GAAAC,OAAA,EAAA,CAAA;AACA,EAAA,MAAAC,KAAA,GAAAF,SAAA,KAAA,KAAA,CAAA;;AAEA,EAAA,IAAAF,SAAA,KAAA,CAAA,IAAAA,SAAA,KAAA,CAAA,EAAA;;;;;;;AASC,GAbH;;;;EAkBE,OAAAK,IAAA,CAAAC,QAAA,EAAA;IAAAC,QAAA,EAAA,CAAAC,GAAA,CAAA,KAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;MAAAC,KAAA,EAAAC,cAAA,CAAAC,IAAA;AAAAC,MAAAA,KAAA,EAAA;AAKQC,QAAAA,QAAA,EAAA,CAAAX,SAAAA,EAAAA,KAAA,GAAA,CAAA,CAAA,GAAAJ,SAAA,IAAA,GAAA,GAAA,CAAA,QAAAI,KAAA,GAAA,CAAA,GAAAJ,SAAA,GAAA,GAAA,CAAA,EAAA,CAAA;AALR,OAAA;AAAA,KAAA,EAQO;AAAAO,MAAAA,QAAA,EAAAC,GAAA,CAAAjB,UAAA,EAAA;AAAAC,QAAAA,UAAA,EAAA,KAAA;AAAAC,QAAAA,UAAA,EAAAA,UAAA;AAAAC,QAAAA,UAAA,EAAAO,UAAA;AAAAN,QAAAA,KAAA,EAAAA,KAAAA;OAAA,CAAA;KARP,CAAA,CAAA,EAQOa,GAAA,CAAA,KAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;MAAAC,KAAA,EAAAC,cAAA,CAAAC,IAAA;AAAAC,MAAAA,KAAA,EAAA;QAWCC,QAAA,EAAA,YAAAX,KAAA,GAAA,CAAA,GAAA,CAAA,IAAAJ,SAAA,IAAA,GAAA,CAAAI,KAAAA,EAAAA,KAAA,GAAA,CAAA,CAAA,GAAAJ,SAAA,IAAA,GAAA,GAAA,CAAA,CAAA,EAAA,CAAA;AAXD,OAAA;AAAA,KAAA;;;;;;;KAAA,CAAA,CARP,CAAA;AAAA,GAAA,CAAA,CAAA;AAgCF,CAlDA,CAAA;;AAoDA,MAAAY,cAAA,GAAA;;AAAA,CAAA;;ACtEM,SAAU,QAAQ,CACtB,KAAa,EACb,GAAW,EACX,IAAY,EACZ,aAAgD,EAChD,KAAc,EAAA;AAEd,IAAA,MAAM,UAAU,GAAG,aAAa,CAAC,OAAO,CAAC;IACzC,IAAI,CAAC,UAAU,IAAI,UAAU,CAAC,KAAK,KAAK,CAAC,EAAE;QACzC,OAAO,CAAC,CAAC,CAAC;AACX,KAAA;AACD,IAAA,MAAM,KAAK,GAAG,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC;IACnC,MAAM,GAAG,GAAG,CAAC,GAAG,IAAI,KAAK,GAAG,UAAU,CAAC,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC,IAAI,UAAU,CAAC,KAAK,CAAC;AAClF,IAAA,MAAM,QAAQ,GAAG,GAAG,GAAG,IAAI,CAAC;AAC5B,IAAA,OAAO,QAAQ,GAAG,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC;AACzD,CAAC;AAEK,SAAU,aAAa,CAAC,OAA2B,EAAA;IACvD,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO;AACL,YAAA,KAAK,EAAE,CAAC;AACR,YAAA,CAAC,EAAE,CAAC;SACL,CAAC;AACH,KAAA;AAED,IAAA,MAAM,IAAI,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;IAC7C,OAAO;QACL,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;AAC7B,QAAA,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC;KACvC,CAAC;AACJ;;AChCA;;;;;;AAMG;AAeI,MAAM,SAAS,GAAG,CACvB,GAAW,EACX,IAAY,EACZ,KAAa,EACb,OAAyB,EACzB,aAAuD,EACvD,aAAsB,EACtB,QAAyC,EACzC,OAAuC,KACrC;AACF,IAAA,MAAM,YAAY,GAAG,MAAM,EAAU,CAAC;AACtC,IAAA,MAAM,EAAE,SAAS,EAAE,GAAG,OAAO,EAAE,CAAC;IAEhC,IAAI,CAAC,aAAa,EAAE;AAClB,QAAA,OAAO,EAAE,CAAC;AACX,KAAA;AAED,IAAA,MAAM,KAAK,GAAG,SAAS,KAAK,KAAK,CAAC;AAElC,IAAA,MAAM,WAAW,GAAG,CAAC,UAA8B,KAAI;QACrD,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAP,OAAO,CAAG,EAAE,KAAK,EAAE,UAAU,EAAiB,CAAC,CAAC;AAChD,QAAA,YAAY,CAAC,OAAO,GAAG,UAAU,CAAC;AACpC,KAAC,CAAC;AAEF,IAAA,MAAM,WAAW,GAAG,CAAC,KAAY,KAAI;QACnC,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;AAC1B,KAAC,CAAC;AAEF,IAAA,MAAM,gBAAgB,GAAG,CAAC,KAAmB,KAAI;AAC/C,QAAA,MAAM,GAAG,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC;AACnE,QAAA,IAAI,GAAG,KAAK,CAAC,CAAC,EAAE;YACd,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAG,EAAE,KAAK,EAAE,GAAG,EAAkB,CAAC,CAAC;AAC5C,SAAA;AACH,KAAC,CAAC;;;;IAKF,MAAM,mBAAmB,GAAG,MAAK;QAC/B,aAAa,CAAC,OAAO,GAAG,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;AACzD,KAAC,CAAC;AAEF,IAAA,MAAM,YAAY,GAAG,CAAC,KAAmB,KAAI;AAC3C,QAAA,MAAM,GAAG,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC;QACnE,IAAI,GAAG,KAAK,CAAC,CAAC,IAAI,GAAG,IAAI,YAAY,CAAC,OAAO,EAAE;YAC7C,WAAW,CAAC,GAAG,CAAC,CAAC;AAClB,SAAA;AACH,KAAC,CAAC;IAEF,MAAM,WAAW,GAAG,MAAK;QACvB,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAG,EAAE,KAAK,EAAE,KAAK,EAAkB,CAAC,CAAC;AAC/C,KAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,MAAK;QAC/B,WAAW,CAAC,SAAS,CAAC,CAAC;AACzB,KAAC,CAAC;AAEF,IAAA,MAAM,cAAc,GAAG,CAAC,KAAoB,KAAI;AAC9C,QAAA,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC;AAEtB,QAAA,QAAQ,GAAG;AACT,YAAA,KAAK,KAAK;gBACR,OAAO;AACT,YAAA,KAAK,WAAW;AACd,gBAAA,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC;gBACvC,MAAM;AACR,YAAA,KAAK,SAAS;AACZ,gBAAA,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC;gBACzC,MAAM;YACR,KAAK,WAAW,EAAE;AAChB,gBAAA,MAAM,UAAU,GAAG,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC,CAAC;gBACnF,WAAW,CAAC,UAAU,CAAC,CAAC;gBACxB,MAAM;AACP,aAAA;YACD,KAAK,YAAY,EAAE;AACjB,gBAAA,MAAM,UAAU,GAAG,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,GAAG,IAAI,CAAC,CAAC;gBACnF,WAAW,CAAC,UAAU,CAAC,CAAC;gBACxB,MAAM;AACP,aAAA;AACF,SAAA;QACD,WAAW,CAAC,KAAK,CAAC,CAAC;AACrB,KAAC,CAAC;AAEF,IAAA,MAAM,YAAY,GAAG,CAAC,KAAoB,KAAI;AAC5C,QAAA,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC;AAEtB,QAAA,QAAQ,GAAG;AACT,YAAA,KAAK,OAAO;gBACV,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAG,EAAE,KAAK,EAAE,KAAK,EAAkB,CAAC,CAAC;gBAC7C,MAAM;AACR,YAAA,KAAK,KAAK;gBACR,WAAW,CAAC,KAAK,CAAC,CAAC;gBACnB,MAAM;AACR,YAAA,KAAK,MAAM;gBACT,WAAW,CAAC,CAAC,CAAC,CAAC;gBACf,MAAM;AACR,YAAA,KAAK,KAAK;gBACR,WAAW,CAAC,GAAG,CAAC,CAAC;gBACjB,MAAM;AACT,SAAA;QACD,WAAW,CAAC,KAAK,CAAC,CAAC;AACrB,KAAC,CAAC;IAEF,OAAO;AACL,QAAA,WAAW,EAAE,gBAAgB;AAC7B,QAAA,MAAM,EAAE,WAAW;AACnB,QAAA,aAAa,EAAE,YAAY;AAC3B,QAAA,OAAO,EAAE,YAAY;AACrB,QAAA,SAAS,EAAE,cAAc;AACzB,QAAA,cAAc,EAAE,mBAAmB;AACnC,QAAA,cAAc,EAAE,mBAAmB;KACpC,CAAC;AACJ,CAAC;;SCvHe,mBAAmB,CAAC,EAClC,GAAG,EACH,KAAK,EACL,UAAU,EACV,UAAU,EACV,OAAO,EACP,OAAO,EACP,eAAe,EACf,KAAK,EACC,EAAA;IAIN,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;AAErD,IAAA,MAAM,cAAc,GAAG,UAAU,IAAI,CAAC,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;IACzE,MAAM,QAAQ,GACZ,UAAU;AACV,QAAA,EAAE,CAAC,cAAc,KAAK,SAAS,IAAI,OAAO,MAAM,cAAc,KAAK,SAAS,IAAI,OAAO,CAAC,CAAC,CAAC;AAC5F,IAAA,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;AACnD,IAAA,MAAM,MAAM,GACV,cAAc,KAAK,SAAS,GAAG,CAAC,GAAG,CAAC,CAAC,YAAY,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,GAAG,CAAC;AAEzF,IAAA,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,GAAG,oBAAoB,CAAC;QAC5D,IAAI,EAAE,cAAc,KAAK,SAAS,GAAG,OAAO,GAAG,OAAO;QACtD,MAAM;AACN,QAAA,MAAM,EAAE;AACN,YAAA,CAAC,EAAE,SAAS;AACZ,YAAA,CAAC,EAAE,SAAS;AACb,SAAA;AACD,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,MAAM,EAAE;AACN,YAAA,QAAQ,EAAE,CAAC;AACX,YAAA,SAAS,EAAE,MAAM;AAClB,SAAA;AACD,QAAA,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,SAAS,CAAC,KAAK,CAAC;AACzC,QAAA,OAAO,EAAE,cAAc;AACxB,KAAA,CAAC,CAAC;IAEH,YAAY,CAAC,kBAAkB,CAAC,GAAG,CAAC,eAAe,EAAE,YAAY,CAAC,kBAAkB,CAAC,CAAC;SACnF,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,OAAO;QACL,cAAc;QACd,YAAY;KACb,CAAC;AACJ;;AC6BA,MAAAI,YAAA,GAAAC,KAAA,IAAA;yDAKIA,KAAA,CAAAC,OAAA,IAAAD,KAAA,CAAAhB,UAAA,IAAA,CAAAgB,KAAA,CAAAxB,UAAA,gBAAA;AAGJ,CARA,CAAA;AASA;;AAEG;;;AACH,SAAA0B,WAAA,CAAAC,EAAA,EAAA;EAA4B,IAAA;AAAAC,IAAAA,GAAA,GAAA,CAAA;AAAAC,IAAAA,KAAA,GAAA,CAAA;AAAAC,IAAAA,IAAA,GAAA,IAAA;AAAA5B,IAAAA,KAAA,GAAA,SAAA;AAAA6B,IAAAA,IAAA,GAAA,CAAA;IAAAvB,UAAA;AAAAR,IAAAA,UAAAA;AAAA,GAAA,GAAA2B,EAAA;MAAAH,KAAA,GAAAQ,MAAA,CAAAL,EAAA,EAAA,CAAA,KAAA,EAAA,OAAA,EAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,YAAA,EAAA,YAAA,CAAA,CAAA,CAAA;;AAU1B,EAAA,MAAAM,OAAA,GAAAC,MAAA,CAAA,IAAA,CAAA,CAAA;;EAGA,MAAAC,aAAA,GAAA,CAAA3B,UAAA,IAAA,CAAAR,UAAA,CAbF;;;;;;AAoBE,KAAA,CAAA8B,IAAA,EAAAF,GAAA;;EAaA,MAAA;IAAAQ,cAAA;AAAAC,IAAAA,YAAAA;AAAA,GAAA,GAAAC,mBAAA,CAAA;OAAA;SAAA;cAAA;cAAA;0BAAA;0BAAA;AAOEC,IAAAA,KAAA,EAAAC,aAAA,CAAAC,OAAA,CAAAF,KAPF;;AAAA,GAAA,CAAA,CAAA;;;;;;;;EAkBA,MAAA;AAAAG,IAAAA,UAAAA;AAAA,GAAA,GAAAC,eAAA,EAAA,CAAA;EACA,OAAA/B,IAAA,CAAAC,QAAA,EAAA;IAAAC,QAAA,EAAA,CAAAC,GAAA,CAAA,KAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAA2B,MAAAA,GAAA,EAAAX,OAAA;AAAAf,MAAAA,KAAA,EAAA2B,UAAA,CAAA,CAKQC,YAAA,CAAA1B,IALR,sDAAA,CAAA,CAAA;AAOO,MAAA,YAAA,EAAA2B,SAPP;AAOOC,MAAAA,IAAA,EAAA,QAPP;AAOO,MAAA,eAAA,EAAA,GAPP;AAOO,MAAA,eAAA,EAAAnB,KAPP;AAOO,MAAA,eAAA,EAAAD,GAPP;AAOO,MAAA,gBAAA,EAAAC,KAPP;MAOO,iBAAAL,EAAAA,KAAA,CAAAyB,cAPP;MAOOC,QAAA,EAAAR,UAAA,IAAA,CAAA1C,UAAA,GAAA,CAAA,GAAA,CAAA,CAPP;AAOO,MAAA,eAAA,EAAAA,UAAA,GAAA,MAAA,GAAAmD,SAPP;AAOO,MAAA,eAAA,EAAA3C,UAAA,IAAA,CAAAR,UAAA,GAAA,MAAA,GAAAmD,SAAAA;KAPP,EAOOC,gBAPP,EAOO;AAAAtC,MAAAA,QAAA,EAAA,CAAA,GAAAuC,KAAA,CAAAzB,GAAA,CAAA,CAAA0B,CAAAA,GAAA,CAAA,CAAAC,CAAA,EAAAC,KAAA,KAAA;AAaC,QAAA,MAAAjD,SAAA,GAAAkD,IAAA,CAAAC,GAAA,CAAAD,IAAA,CAAA7B,GAAA,CAAA,CAAA,EAAAC,KAAA,GAAA2B,KAAA,CAAA,EAAA,CAAA,CAAA,CAAA;AACA,QAAA,OAAAzC,GAAA,CAAA,KAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAA0C,UAAAA,SAAA,EAAAd,UAAA,CAAA,CAAAC,YAAA,CAAAhB,IAAA,CAAA,EAAAgB,YAAA,CAAAc,IAAA,CAAA,CAAA;AAAA,SAAA,EAAA;AAAA9C,UAAAA,QAAA,EAAAC,GAAA,CAAAT,eAAA,EAAA;AAAAC,YAAAA,SAAA,EAAAA,SAAA;AAAAP,YAAAA,UAAA,EAAAA,UAAA;AAAAQ,YAAAA,UAAA,EAAAA,UAAA;AAAAN,YAAAA,KAAA,EAAAA,KAAAA;WAAA,CAAA;AAAA,SAAA,CAAA,CAAA,CAAA;OAdD,CAAA;KAPP,CAAA,CAAA,EA+BMkC,cA/BN,CAAA;AAAA,GAAA,CAAA,CAAA;AAoCF,CAAA;AAEA,MAAAU,YAAA,GAAA;QAAA,aAAA;eAAA,oBAAA;MAAA,WAAA;MAAA,YAAA;MAAA,YAAA;;AAAA,CAAA;;;;;;;"}

package/es/UNSAFE_SelectMultiple.css

@@ -1 +1,2 @@
-._1skhweu{display:inline-flex;}
+.rootStyles-14em98k{display:inline-flex;}
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2plbmtpbnMvdWl0ZWNoL3dvcmtzcGFjZS9PSkVUX0NvZGVfMTQuMC43L3BhY2thZ2VzL29yYWNsZWpldC1wcmVhY3Qvc3JjL1VOU0FGRV9TZWxlY3RNdWx0aXBsZS9TZWxlY3RlZFZhbHVlc0NvdW50LnRzeCJdLCJuYW1lcyI6WyIucm9vdFN0eWxlcy0xNGVtOThrIl0sIm1hcHBpbmdzIjoiQUFLTUEiLCJmaWxlIjoiL2hvbWUvamVua2lucy91aXRlY2gvd29ya3NwYWNlL09KRVRfQ29kZV8xNC4wLjcvcGFja2FnZXMvb3JhY2xlamV0LXByZWFjdC9zcmMvVU5TQUZFX1NlbGVjdE11bHRpcGxlL1NlbGVjdGVkVmFsdWVzQ291bnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19yZXN0IH0gZnJvbSBcInRzbGliXCI7XG5pbXBvcnQgeyBqc3ggYXMgX2pzeCB9IGZyb20gXCJwcmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gJ2xpbmFyaWEnO1xuaW1wb3J0IHsgQ2hpcCB9IGZyb20gJy4uL1VOU0FGRV9DaGlwJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uQnVuZGxlIH0gZnJvbSAnLi4vaG9va3MvVU5TQUZFX3VzZVRyYW5zbGF0aW9uQnVuZGxlJztcbmNvbnN0IHJvb3RTdHlsZXMgPSBjc3MgYCR7e1xuICAgIGRpc3BsYXk6ICdpbmxpbmUtZmxleCdcbn19YDtcbi8vIFRoaXMgY29tcG9uZW50IHJlbmRlcnMgYSBiYWRnZSBzaG93aW5nIHRoZSBudW1iZXIgb2Ygc2VsZWN0ZWQgdmFsdWVzXG5leHBvcnQgZnVuY3Rpb24gU2VsZWN0ZWRWYWx1ZXNDb3VudChfYSkge1xuICAgIHZhciB7IGFjY2Vzc2libGVMYWJlbCwgY291bnQgPSAwLCBvbktleURvd24sIG9uS2V5VXAsIG9uTW91c2VEb3duIH0gPSBfYSwgcGFzc1Rocm91Z2hQcm9wcyA9IF9fcmVzdChfYSwgW1wiYWNjZXNzaWJsZUxhYmVsXCIsIFwiY291bnRcIiwgXCJvbktleURvd25cIiwgXCJvbktleVVwXCIsIFwib25Nb3VzZURvd25cIl0pO1xuICAgIGNvbnN0IHRyYW5zbGF0aW9ucyA9IHVzZVRyYW5zbGF0aW9uQnVuZGxlKCdAb3JhY2xlL29yYWNsZWpldC1wcmVhY3QnKTtcbiAgICBjb25zdCBpbnN0cnVjdGlvbnMgPSB0cmFuc2xhdGlvbnMuc2VsZWN0TXVsdGlwbGVfc2hvd1NlbGVjdGVkVmFsdWVzKCk7XG4gICAgY29uc3QgYWNjTGFiZWwgPSBhY2Nlc3NpYmxlTGFiZWwgPyBgJHthY2Nlc3NpYmxlTGFiZWx9LiBgIDogJyc7XG4gICAgY29uc3QgbmluZXR5TmluZVBsdXMgPSB0cmFuc2xhdGlvbnMuc2VsZWN0TXVsdGlwbGVfY291bnRQbHVzKHsgQ09VTlQ6IGA5OWAgfSk7XG4gICAgLy8gVGhlIENoaXAgc2hvd3MgdGhlIG51bWJlciBvZiB2YWx1ZXMgc2VsZWN0ZWQgb3IgOTkrIGlmIHRoZSBudW1iZXIgaXMgb3ZlciA5OS5cbiAgICBjb25zdCBjaGlwQ291bnQgPSBjb3VudCA+IDk5ID8gYCR7bmluZXR5TmluZVBsdXN9YCA6IGAke2NvdW50fWA7XG4gICAgLy8gVGhlIHNjcmVlbnJlYWRlciB3aWxsIGhlYXIgd2hhdCB0aGUgbnVtYmVyIG9mIHNlbGVjdGVkIHZhbHVlcyBpcyBhbG9uZyB3aXRoIGluc3RydWN0aW9uc1xuICAgIC8vIGxpa2UgQ2xpY2sgdG8gc2VlIHRoZSBmdWxsIGxpc3QuXG4gICAgY29uc3QgdmFsdWVzU2VsZWN0ZWRUZXh0ID0gdHJhbnNsYXRpb25zLnNlbGVjdE11bHRpcGxlX3ZhbHVlc1NlbGVjdGVkKHtcbiAgICAgICAgVkFMVUVfQ09VTlQ6IGAke2NvdW50fWBcbiAgICB9KTtcbiAgICBjb25zdCBsYWJlbCA9IGAke2FjY0xhYmVsfSR7dmFsdWVzU2VsZWN0ZWRUZXh0fSAke2luc3RydWN0aW9uc31gO1xuICAgIHJldHVybiAoX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgY2xhc3M6IHJvb3RTdHlsZXMsIG9uS2V5RG93bjogb25LZXlEb3duLCBvbktleVVwOiBvbktleVVwLCBvbk1vdXNlRG93bjogb25Nb3VzZURvd24gfSwgeyBjaGlsZHJlbjogX2pzeChDaGlwLCBPYmplY3QuYXNzaWduKHsgYWNjZXNzaWJsZUxhYmVsOiBsYWJlbCB9LCBwYXNzVGhyb3VnaFByb3BzLCB7IGNoaWxkcmVuOiBjaGlwQ291bnQgfSkpIH0pKSk7XG59XG4vLyMgc291cmNlTWFwcGluZ1VSTD1TZWxlY3RlZFZhbHVlc0NvdW50LmpzLm1hcCJdfQ==*/

package/es/UNSAFE_SelectMultiple.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.0.5 */
+/* @oracle/oraclejet-preact: 14.0.7 */
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { Fragment } from 'preact';
 import { forwardRef } from 'preact/compat';
@@ -13,7 +13,7 @@ import { LiveRegion } from './UNSAFE_LiveRegion.js';
 import { ReadonlyTextField, ReadonlyTextFieldInput, TextFieldInput, TextField } from './UNSAFE_TextField.js';
 import { InlineUserAssistance } from './UNSAFE_UserAssistance.js';
 import { renderItemText, useSelectCommon, KEYS, isControlOrFunctionKey, isBeforeDataFetch, isMobile, DropdownArrow, DropdownUserAssistance, EmptyResults, DefaultList, Dropdown, DropdownList } from './PRIVATE_SelectCommon.js';
-import { _ as __rest } from './tslib.es6-f7fea2be.js';
+import { _ as __rest } from './tslib.es6-bf96b795.js';
 import "./UNSAFE_SelectMultiple.css";
 import { Chip } from './UNSAFE_Chip.js';
 import { useTranslationBundle } from './hooks/UNSAFE_useTranslationBundle.js';
@@ -25,14 +25,14 @@ import './hooks/UNSAFE_useId.js';
 import './utils/UNSAFE_interpolations/dimensions.js';
 import './utils/UNSAFE_arrayUtils.js';
 import './utils/UNSAFE_size.js';
-import './_curry1-3c1ddbce.js';
+import './_curry1-dfb64835.js';
 import './utils/UNSAFE_mergeInterpolations.js';
 import './utils/UNSAFE_classNames.js';
-import './_curry3-0e6fcdae.js';
-import './_curry2-56616048.js';
-import './_has-069b6744.js';
+import './_curry3-645b514e.js';
+import './_curry2-b60c1ab2.js';
+import './_has-47f27295.js';
 import './utils/UNSAFE_interpolations/boxalignment.js';
-import './keys-5809d237.js';
+import './keys-1907eb95.js';
 import './utils/UNSAFE_interpolations/flexbox.js';
 import './utils/UNSAFE_interpolations/flexitem.js';
 import './hooks/UNSAFE_useTabbableMode.js';
@@ -57,7 +57,7 @@ import './UNSAFE_Icons.js';
 import './UNSAFE_Icon.js';
 import './hooks/UNSAFE_useTooltip.js';
 import './UNSAFE_Floating.js';
-import './index-0265edc7.js';
+import './index-4d0e7777.js';
 import './hooks/UNSAFE_useUser.js';
 import './utils/PRIVATE_floatingUtils.js';
 import './utils/PRIVATE_refUtils.js';
@@ -76,7 +76,7 @@ import './UNSAFE_HiddenAccessible.js';
 import './UNSAFE_HighlightText.js';
 import './PRIVATE_List.js';
 import './utils/UNSAFE_keys.js';
-import './LoadMoreCollection-f7922120.js';
+import './LoadMoreCollection-f47b4050.js';
 import './PRIVATE_Collection.js';
 import './hooks/UNSAFE_useViewportIntersect.js';
 import './PRIVATE_VirtualizedCollection.js';
@@ -93,7 +93,7 @@ import './utils/UNSAFE_interpolations/borders.js';
 import './UNSAFE_Selector.js';
 import './hooks/UNSAFE_useActionable.js';
 
-const rootStyles = "_1skhweu"; // This component renders a badge showing the number of selected values
+const rootStyles = "rootStyles-14em98k"; // This component renders a badge showing the number of selected values
 
 function SelectedValuesCount(_a) {
   var {