@oracle/oraclejet-preact 14.0.7 → 14.0.8

package/amd/UNSAFE_ProgressCircle.js

@@ -1,86 +1,2 @@
-/* @oracle/oraclejet-preact: 14.0.7 */
-define(['exports', './tslib.es6-71b1ba5b', 'preact/jsx-runtime', './utils/UNSAFE_classNames', "css!./UNSAFE_ProgressCircle.css", './PRIVATE_Meter', './utils/PRIVATE_meterUtils', './hooks/UNSAFE_useTranslationBundle', './classNames-027de734', 'preact/compat', 'preact/hooks', './UNSAFE_Environment', 'preact', './UNSAFE_Layer'], (function (exports, tslib_es6, jsxRuntime, utils_UNSAFE_classNames, linaria, PRIVATE_Meter, utils_PRIVATE_meterUtils, hooks_UNSAFE_useTranslationBundle, classNames, compat, hooks, UNSAFE_Environment, preact, UNSAFE_Layer) { 'use strict';
-
-    /**
-     * A progress circle allows the user to visualize the progression of an extended computer operation.
-     */
-
-    function ProgressCircle(_a) {
-      var {
-        value,
-        max
-      } = _a,
-          otherProps = tslib_es6.__rest(_a, ["value", "max"]);
-
-      return value === 'indeterminate' ? jsxRuntime.jsx(IndeterminateProgressCircle, Object.assign({}, otherProps)) : jsxRuntime.jsx(DeterminateProgressCircle, Object.assign({
-        value: value,
-        max: max
-      }, otherProps));
-    }
-
-    const IndeterminateProgressCircle = ({
-      accessibleLabel,
-      id,
-      size = 'md'
-    }) => {
-      const baseClasses = classNames.classNames([styles.base, `oj-c-progress-circle-${size}`, styles.indeterminateOuter]);
-      const translations = hooks_UNSAFE_useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
-      const ariaProps = {
-        'aria-valuetext': accessibleLabel || translations.progressIndeterminate(),
-        role: 'progressbar'
-      };
-      return jsxRuntime.jsx(PRIVATE_Meter.CircleWrapper, Object.assign({
-        id: id,
-        ariaProps: ariaProps,
-        class: baseClasses
-      }, {
-        children: jsxRuntime.jsx(PRIVATE_Meter.CircleInner, {
-          class: styles.indeterminateInner
-        })
-      }));
-    };
-
-    const DeterminateProgressCircle = ({
-      value = 0,
-      max = 100,
-      id,
-      size = 'md'
-    }) => {
-      const percentage = Math.min(Math.max(0, value / max), 1);
-      const baseClasses = classNames.classNames([styles.base, `oj-c-progress-circle-${size}`]);
-      const clipPath = utils_PRIVATE_meterUtils.getClipPath(90, percentage * 360, false, 'full');
-      const ariaProps = {};
-      ariaProps['aria-valuemin'] = value != null ? '0' : undefined;
-      ariaProps['aria-valuemax'] = value != null ? `${max}` : undefined;
-      ariaProps['aria-valuenow'] = value != null ? `${value}` : undefined;
-      ariaProps['role'] = 'progressbar';
-      return jsxRuntime.jsxs(PRIVATE_Meter.CircleWrapper, Object.assign({
-        id: id,
-        ariaProps: ariaProps,
-        class: baseClasses
-      }, {
-        children: [jsxRuntime.jsx(PRIVATE_Meter.CircleInner, {
-          class: classNames.classNames([styles.determinateInner, styles.track])
-        }), jsxRuntime.jsx(PRIVATE_Meter.CircleInner, {
-          class: classNames.classNames([styles.determinateInner, styles.value]),
-          clipPath: clipPath
-        })]
-      }));
-    };
-
-    const styles = {
-      base: "base-o8jl61",
-      indeterminateOuter: "indeterminateOuter-1cx0wrr",
-      indeterminateInner: "indeterminateInner-1vr00ww",
-      determinateInner: "determinateInner-4xrh0v",
-      track: "track-1g5rsn4",
-      value: "value-nxlxsq"
-    };
-
-    exports.ProgressCircle = ProgressCircle;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-}));
-/*  */
+define(["exports","./tslib.es6-f5cdfdde","preact/jsx-runtime","./utils/UNSAFE_classNames","css!./UNSAFE_ProgressCircle.css","./PRIVATE_Meter","./utils/PRIVATE_meterUtils","./hooks/UNSAFE_useTranslationBundle","./classNames-d0ddb6e6","preact/compat","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer"],function(e,a,r,s,n,i,t,l,c,o,d,u,m,p){"use strict";const j=({accessibleLabel:e,id:a,size:s="md"})=>{const n=c.classNames([x.base,`oj-c-progress-circle-${s}`,x.indeterminateOuter]),t=l.useTranslationBundle("@oracle/oraclejet-preact"),o={"aria-valuetext":e||t.progressIndeterminate(),role:"progressbar"};return r.jsx(i.CircleWrapper,Object.assign({id:a,ariaProps:o,class:n},{children:r.jsx(i.CircleInner,{class:x.indeterminateInner})}))},v=({value:e=0,max:a=100,id:s,size:n="md"})=>{const l=Math.min(Math.max(0,e/a),1),o=c.classNames([x.base,`oj-c-progress-circle-${n}`]),d=t.getClipPath(90,360*l,!1,"full"),u={};return u["aria-valuemin"]=null!=e?"0":void 0,u["aria-valuemax"]=null!=e?`${a}`:void 0,u["aria-valuenow"]=null!=e?`${e}`:void 0,u.role="progressbar",r.jsxs(i.CircleWrapper,Object.assign({id:s,ariaProps:u,class:o},{children:[r.jsx(i.CircleInner,{class:c.classNames([x.determinateInner,x.track])}),r.jsx(i.CircleInner,{class:c.classNames([x.determinateInner,x.value]),clipPath:d})]}))},x={base:"ova9nb",indeterminateOuter:"kdgcii",indeterminateInner:"ahqg5o",determinateInner:"_1ng7njp",track:"_1dygovw",value:"_15lcjqx"};e.ProgressCircle=function(e){var{value:s,max:n}=e,i=a.__rest(e,["value","max"]);return"indeterminate"===s?r.jsx(j,Object.assign({},i)):r.jsx(v,Object.assign({value:s,max:n},i))},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_ProgressCircle.js.map

package/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 { 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":";;;IA+CA;;IAEG;;IACH,SAAAA,cAAA,CAAAC,EAAA,EAAA;;;;;;;MACE,OAAAC,KAAA,KAAA,eAAA,GAAAC,cAAA,CAAAC,2BAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,EAAAC,UAAA,CAAA,CAAA,GAAAJ,cAAA,CAAAK,yBAAA,EAAAH,MAAA,CAAAC,MAAA,CAAA;IAAAJ,IAAAA,KAAA,EAAAA,KAAA;IAAAO,IAAAA,GAAA,EAAAA,GAAAA;OAAA,EAAAF,UAAA,CAAA,CAAA,CAAA;IAKF,CAAA;;IAIA,MAAAH,2BAAA,GAAA,CAAA;MAAAM,eAAA;MAAAC,EAAA;IAAAC,EAAAA,IAAA,GAAA,IAAA;IAAA,CAAA,KAAA;iDAEIC,MAAA,CAAAC,MACA,CAAA,qBAAA,EAAAF,IAAA,IACAC,MAAA,CAAAE;IAEF,EAAA,MAAAC,YAAA,GAAAC,sDAAA,CAAA,0BAAA,CAAA,CAAA;IACA,EAAA,MAAAC,SAAA,GAAA;IACE,IAAA,gBAAA,EAAAR,eAAA,IAAAM,YAAA,CAAAG,qBAAA,EADF;IAEEC,IAAAA,IAAA,EAAA,aAAA;OAFF,CAAA;;;;;;;;;;IASF,CAhBA,CAAA;;IAsBA,MAAAZ,yBAAA,GAAA,CAAA;IAAAN,EAAAA,KAAA,GAAA,CAAA;IAAAO,EAAAA,GAAA,GAAA,GAAA;MAAAE,EAAA;IAAAC,EAAAA,IAAA,GAAA,IAAA;IAAA,CAAA,KAAA;IACE,EAAA,MAAAS,UAAA,GAAAC,IAAA,CAAAC,GAAA,CAAAD,IAAA,CAAAb,GAAA,CAAA,CAAA,EAAAP,KAAA,GAAAO,GAAA,CAAA,EAAA,CAAA,CAAA,CAAA;IACA,EAAA,MAAAe,WAAA,GAAAC,qBAAA,CAAA,CAAAZ,MAAA,CAAAC,IAAA,EAAA,CAAA,qBAAA,EAAAF,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA;IACA,EAAA,MAAAc,QAAA,GAAAC,oCAAA,CAAA,EAAA,EAAAN,UAAA,GAAA,GAAA,EAAA,KAAA,EAAA,MAAA,CAAA,CAAA;;MAGAH,SAAA,CAAA,eAAA,CAAA,GAAAhB,KAAA,IAAA,IAAA,GAAA,GAAA,GAAA0B,SAAA,CAAA;IACAV,EAAAA,SAAA,CAAA,eAAA,CAAA,GAAAhB,KAAA,IAAA,IAAA,GAAA,CAAAO,EAAAA,GAAA,CAAA,CAAA,GAAAmB,SAAA,CAAA;IACAV,EAAAA,SAAA,CAAA,eAAA,CAAA,GAAAhB,KAAA,IAAA,IAAA,GAAA,CAAAA,EAAAA,KAAA,CAAA,CAAA,GAAA0B,SAAA,CAAA;IACAV,EAAAA,SAAA,CAAA,MAAA,CAAA,GAAA,aAAA,CAAA;;;;;;;;;;;;;IAUF,CAnBA,CAAA;;IAqBA,MAAAL,MAAA,GAAA;YAAA,aAAA;0BAAA,4BAAA;0BAAA,4BAAA;wBAAA,yBAAA;aAAA,eAAA;;IAAA,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":["IndeterminateProgressCircle","accessibleLabel","id","size","styles","base","indeterminateOuter","translations","useTranslationBundle","ariaProps","progressIndeterminate","role","DeterminateProgressCircle","value","max","percentage","Math","min","baseClasses","classNames","clipPath","getClipPath","undefined","_a","_jsx","jsx","Object","assign","otherProps"],"mappings":"qVA4DA,MAAAA,EAAA,EAAAC,gBAAAA,EAAAC,GAAAA,EAAAC,KAAAA,EAAA,+BAEIC,EAAAC,KACA,wBAAAF,IACAC,EAAAE,qBAEFC,EAAAC,uBAAA,4BACAC,EAAA,CACE,iBAAAR,GAAAM,EAAAG,wBACAC,KAAA,qJAaJC,EAAA,EAAAC,MAAAA,EAAA,EAAAC,IAAAA,EAAA,IAAAZ,GAAAA,EAAAC,KAAAA,EAAA,SACE,MAAAY,EAAAC,KAAAC,IAAAD,KAAAF,IAAA,EAAAD,EAAAC,GAAA,GACAI,EAAAC,aAAA,CAAAf,EAAAC,KAAA,wBAAAF,MACAiB,EAAAC,EAAAA,YAAA,GAAA,IAAAN,GAAA,EAAA,oBAGAN,EAAA,iBAAA,MAAAI,EAAA,SAAAS,EACAb,EAAA,iBAAA,MAAAI,EAAA,GAAAC,SAAAQ,EACAb,EAAA,iBAAA,MAAAI,EAAA,GAAAA,SAAAS,EACAb,EAAA,KAAA,yPAYFL,EAAA,MAAA,4BAAA,4BAAA,0BAAA,iBAAA,8CArDA,SAAAmB,sDACE,MAAA,kBAAAV,EAAAW,EAAAC,IAAAzB,EAAA0B,OAAAC,OAAA,GAAAC,IAAAJ,EAAAA,IAAAZ,EAAAc,OAAAC,OAAA,CAAAd,MAAAA,EAAAC,IAAAA,GAAAc"}

package/amd/UNSAFE_RatingGauge.css

@@ -1,23 +1,22 @@
-.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==*/
+.yrvf4v{display:inline-flex;}.yrvf4v:focus-visible{outline-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color);outline-style:dotted;outline-width:1px;}
+._1mi0fct{cursor:pointer;touch-action:none;}
+.ahrwe2{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;}
+.ky538w{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;}
+.bvgve8{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;}
+.knahx5{position:relative;}
+
+._1ulepmm{top:0px;left:0px;position:absolute;width:100%;height:100%;}
+
+.e9sl2s{position:absolute;}
+.h7lmrw{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected);}
+._1oealsd{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected);}
+.nq6x9j{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected);}
+._1xqt9jd{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected);}
+.iwrfor{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-readonly);}
+.f57str{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-readonly);}
+.odauuv{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-readonly);}
+.rz1ajb{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-readonly);}
+._1h2cr6h{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-selected-disabled);}
+._3xxb7d{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-color-unselected-disabled);}
+.od0100{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-selected-disabled);}
+.bo7is9{fill:var(--oj-c-PRIVATE-DO-NOT-USE-rating-gauge-border-color-unselected-disabled);}

package/amd/UNSAFE_RatingGauge.js

@@ -1,359 +1,2 @@
-/* @oracle/oraclejet-preact: 14.0.7 */
-define(['exports', './tslib.es6-71b1ba5b', 'preact/jsx-runtime', 'preact', 'preact/hooks', "css!./UNSAFE_RatingGauge.css", './utils/UNSAFE_classNames', './classNames-027de734', './hooks/UNSAFE_useUser', './hooks/UNSAFE_useTooltip', './utils/UNSAFE_mergeProps', './hooks/UNSAFE_useTabbableMode', './UNSAFE_Environment', './UNSAFE_Layer', 'preact/compat', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-08ac18d2', './index-e9199379', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './utils/UNSAFE_arrayUtils', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-2f572e0c'], (function (exports, tslib_es6, jsxRuntime, preact, hooks, linaria, utils_UNSAFE_classNames, classNames, hooks_UNSAFE_useUser, hooks_UNSAFE_useTooltip, utils_UNSAFE_mergeProps, hooks_UNSAFE_useTabbableMode, UNSAFE_Environment, UNSAFE_Layer, compat, hooks_UNSAFE_useId, UNSAFE_Floating, Floating, hooks_UNSAFE_useFloating, utils_PRIVATE_floatingUtils, utils_PRIVATE_refUtils, hooks_UNSAFE_useOutsideClick, utils_UNSAFE_arrayUtils, hooks_UNSAFE_useHover, hooks_UNSAFE_useToggle, hooks_UNSAFE_useFocus, hooks_UNSAFE_useTouch, hooks_UNSAFE_useAnimation, useAnimation) { 'use strict';
-
-    const RatingStar = ({
-      isSelected,
-      isDisabled,
-      isReadOnly,
-      color
-    }) => {
-      const selectionState = isSelected ? 'selected' : 'unselected';
-      const disabledState = isDisabled && 'Disabled';
-      const readonlyState = isReadOnly && 'Readonly';
-      const styleStatePrefix = `${selectionState}${disabledState || readonlyState || ''}`;
-      const innerStyleClass = ratingStarStyles[`${styleStatePrefix}Color`];
-      const outerStyleClass = ratingStarStyles[`${styleStatePrefix}BorderColor`];
-      return jsxRuntime.jsx("svg", Object.assign({
-        viewBox: "0 0 36 36",
-        height: "100%",
-        width: "100%",
-        class: classNames.classNames([ratingStarStyles.base, `oj-c-rating-gauge-${color}`])
-      }, {
-        children: jsxRuntime.jsxs("g", {
-          children: [jsxRuntime.jsx("path", {
-            class: innerStyleClass,
-            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"
-          }), jsxRuntime.jsx("path", {
-            class: outerStyleClass,
-            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"
-          })]
-        })
-      }));
-    };
-
-    const ratingStarStyles = {
-      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 = ({
-      fillRatio,
-      isDisabled,
-      isReadonly,
-      color
-    }) => {
-      const {
-        direction
-      } = hooks_UNSAFE_useUser.useUser();
-      const isRtl = direction === 'rtl';
-
-      if (fillRatio === 1 || fillRatio === 0) {
-        return jsxRuntime.jsx(RatingStar, {
-          isSelected: fillRatio === 1,
-          isDisabled: isDisabled,
-          isReadOnly: isReadonly,
-          color: color
-        });
-      } // if fillRatio is not 1 or zero, absolutely position selected star above the
-      // unselected star and clip both to form partially selected star.
-
-
-      return jsxRuntime.jsxs(preact.Fragment, {
-        children: [jsxRuntime.jsx("div", Object.assign({
-          class: fractionalStar.base,
-          style: {
-            clipPath: `inset(0% ${isRtl ? (1 - fillRatio) * 100 : 0}% 0% ${isRtl ? 0 : fillRatio * 100}%)`
-          }
-        }, {
-          children: jsxRuntime.jsx(RatingStar, {
-            isSelected: false,
-            isDisabled: isDisabled,
-            isReadOnly: isReadonly,
-            color: color
-          })
-        })), jsxRuntime.jsx("div", Object.assign({
-          class: fractionalStar.base,
-          style: {
-            clipPath: `inset(0% ${isRtl ? 0 : (1 - fillRatio) * 100}% 0% ${isRtl ? (1 - fillRatio) * 100 : 0}%)`
-          }
-        }, {
-          children: jsxRuntime.jsx(RatingStar, {
-            isSelected: true,
-            isDisabled: isDisabled,
-            isReadOnly: isReadonly,
-            color: color
-          })
-        }))]
-      });
-    };
-
-    const fractionalStar = {
-      base: "base-1c24qrs"
-    };
-
-    function getValue(pageX, max, step, dimensionsRef, isRtl) {
-        const dimensions = dimensionsRef.current;
-        if (!dimensions || dimensions.width === 0) {
-            return -1;
-        }
-        const width = pageX - dimensions.x;
-        const val = (max * (isRtl ? dimensions.width - width : width)) / dimensions.width;
-        const numSteps = val / step;
-        return numSteps < 0.5 ? 0 : Math.ceil(numSteps) * step;
-    }
-    function getDimensions(element) {
-        if (!element) {
-            return {
-                width: 0,
-                x: 0
-            };
-        }
-        const rect = element.getBoundingClientRect();
-        return {
-            width: Math.round(rect.width),
-            x: Math.round(rect.x + window.scrollX)
-        };
-    }
-
-    /**
-     * @license
-     * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
-     * The Universal Permissive License (UPL), Version 1.0
-     * as shown at https://oss.oracle.com/licenses/upl/
-     * @ignore
-     */
-    const useEvents = (max, step, value, rootRef, dimensionsRef, isInteractive, onCommit, onInput) => {
-        const currentInput = hooks.useRef();
-        const { direction } = hooks_UNSAFE_useUser.useUser();
-        if (!isInteractive) {
-            return {};
-        }
-        const isRtl = direction === 'rtl';
-        const handleInput = (inputValue) => {
-            onInput === null || onInput === void 0 ? void 0 : onInput({ value: inputValue });
-            currentInput.current = inputValue;
-        };
-        const cancelEvent = (event) => {
-            event.preventDefault();
-            event.stopPropagation();
-        };
-        const pointerUpHandler = (event) => {
-            const val = getValue(event.pageX, max, step, dimensionsRef, isRtl);
-            if (val !== -1) {
-                onCommit === null || onCommit === void 0 ? void 0 : onCommit({ value: val });
-            }
-        };
-        // When the document or rating gauge parent scrolls, we need to update the dimensionRef.current.x.
-        // Instead of updating it for every scroll event, recalculate the dims the first time mouse enters
-        // so we get fresh dimension value.
-        const pointerEnterHandler = () => {
-            dimensionsRef.current = getDimensions(rootRef.current);
-        };
-        const hoverHandler = (event) => {
-            const val = getValue(event.pageX, max, step, dimensionsRef, isRtl);
-            if (val !== -1 && val != currentInput.current) {
-                handleInput(val);
-            }
-        };
-        const blurHandler = () => {
-            onCommit === null || onCommit === void 0 ? void 0 : onCommit({ value: value });
-        };
-        const pointerLeaveHandler = () => {
-            handleInput(undefined);
-        };
-        const keyDownHandler = (event) => {
-            const key = event.key;
-            switch (key) {
-                case 'Tab':
-                    return;
-                case 'ArrowDown':
-                    handleInput(Math.max(0, value - step));
-                    break;
-                case 'ArrowUp':
-                    handleInput(Math.min(max, value + step));
-                    break;
-                case 'ArrowLeft': {
-                    const inputValue = isRtl ? Math.min(max, value + step) : Math.max(0, value - step);
-                    handleInput(inputValue);
-                    break;
-                }
-                case 'ArrowRight': {
-                    const inputValue = isRtl ? Math.max(0, value - step) : Math.min(max, value + step);
-                    handleInput(inputValue);
-                    break;
-                }
-            }
-            cancelEvent(event);
-        };
-        const keyUpHandler = (event) => {
-            const key = event.key;
-            switch (key) {
-                case 'Enter':
-                    onCommit === null || onCommit === void 0 ? void 0 : onCommit({ value: value });
-                    break;
-                case 'Tab':
-                    handleInput(value);
-                    break;
-                case 'Home':
-                    handleInput(0);
-                    break;
-                case 'End':
-                    handleInput(max);
-                    break;
-            }
-            cancelEvent(event);
-        };
-        return {
-            onPointerUp: pointerUpHandler,
-            onBlur: blurHandler,
-            onPointerMove: hoverHandler,
-            onKeyUp: keyUpHandler,
-            onKeyDown: keyDownHandler,
-            onPointerLeave: pointerLeaveHandler,
-            onPointerEnter: pointerEnterHandler
-        };
-    };
-
-    function useTooltipOrDatatip({ max, value, isReadonly, isDisabled, tooltip, datatip, ariaDescribedBy, width }) {
-        const [isOpen, setIsOpen] = hooks.useState(false);
-        const tooltipVariant = isReadonly && !isDisabled ? 'tooltip' : 'datatip';
-        const disabled = isDisabled ||
-            !((tooltipVariant === 'tooltip' && tooltip) || (tooltipVariant === 'datatip' && datatip));
-        const datatipIndex = Math.max(1, Math.ceil(value));
-        const offset = tooltipVariant === 'tooltip' ? 0 : ((datatipIndex - Math.ceil(max / 2)) * width) / max;
-        const { tooltipContent, tooltipProps } = hooks_UNSAFE_useTooltip.useTooltipControlled({
-            text: tooltipVariant === 'tooltip' ? tooltip : datatip,
-            isOpen,
-            anchor: {
-                x: 'element',
-                y: 'element'
-            },
-            position: 'bottom',
-            offset: {
-                mainAxis: 8,
-                crossAxis: offset
-            },
-            isDisabled: disabled,
-            onToggle: ({ value }) => setIsOpen(value),
-            variant: tooltipVariant
-        });
-        tooltipProps['aria-describedby'] = [ariaDescribedBy, tooltipProps['aria-describedby']]
-            .filter(Boolean)
-            .join(' ');
-        return {
-            tooltipContent,
-            tooltipProps
-        };
-    }
-
-    const getAriaLabel = props => {
-      return props.accessibleLabel ? props.accessibleLabel : props.tooltip && props.isReadonly && !props.isDisabled ? props.tooltip : undefined;
-    };
-    /**
-     * A rating gauge displays information graphically, typically displaying or accepting user feedback on a product or service.
-     */
-
-
-    function RatingGauge(_a) {
-      var {
-        max = 5,
-        value = 0,
-        size = 'md',
-        color = 'neutral',
-        step = 1,
-        isReadonly,
-        isDisabled
-      } = _a,
-          props = tslib_es6.__rest(_a, ["max", "value", "size", "color", "step", "isReadonly", "isDisabled"]);
-
-      const rootRef = hooks.useRef(null);
-      const dimensionsRef = hooks.useRef(getDimensions(null));
-      const isInteractive = !isReadonly && !isDisabled; // Since the dimension are compute lazily after render, store width and x in ref
-      // This is used to identify hovered and clicked star.
-      // width of the gauge depends on size and max so passing them as dependencies for useEffect
-
-      hooks.useEffect(() => {
-        dimensionsRef.current = getDimensions(rootRef.current);
-      }, [size, max]);
-      const eventProps = useEvents(max, step, value, rootRef, dimensionsRef, isInteractive, props.onCommit, props.onInput);
-      const {
-        tooltipContent,
-        tooltipProps
-      } = useTooltipOrDatatip({
-        max,
-        value,
-        isReadonly,
-        isDisabled,
-        tooltip: props.tooltip,
-        datatip: props.datatip,
-        width: dimensionsRef.current.width,
-        ariaDescribedBy: props.ariaDescribedBy
-      });
-      const mergedEventProps = utils_UNSAFE_mergeProps.mergeProps(eventProps, tooltipProps);
-      const ariaLabel = getAriaLabel({
-        accessibleLabel: props.accessibleLabel,
-        tooltip: props.tooltip,
-        isReadonly,
-        isDisabled
-      });
-      const {
-        isTabbable
-      } = hooks_UNSAFE_useTabbableMode.useTabbableMode();
-      return jsxRuntime.jsxs(preact.Fragment, {
-        children: [jsxRuntime.jsx("div", Object.assign({
-          ref: rootRef,
-          class: classNames.classNames([ratingStyles.base, isInteractive ? ratingStyles.interactive : undefined]),
-          "aria-label": ariaLabel,
-          role: "slider",
-          "aria-valuemin": "0",
-          "aria-valuenow": value,
-          "aria-valuemax": max,
-          "aria-valuetext": value,
-          "aria-labelledby": props.ariaLabelledBy,
-          tabIndex: isTabbable && !isDisabled ? 0 : -1,
-          "aria-disabled": isDisabled ? 'true' : undefined,
-          "aria-readonly": isReadonly && !isDisabled ? 'true' : undefined
-        }, mergedEventProps, {
-          children: [...Array(max)].map((_, index) => {
-            const fillRatio = Math.min(Math.max(0, value - index), 1);
-            return jsxRuntime.jsx("div", Object.assign({
-              className: classNames.classNames([ratingStyles[size], ratingStyles.item])
-            }, {
-              children: jsxRuntime.jsx(RatingGaugeItem, {
-                fillRatio: fillRatio,
-                isDisabled: isDisabled,
-                isReadonly: isReadonly,
-                color: color
-              })
-            }));
-          })
-        })), tooltipContent]
-      });
-    }
-    const ratingStyles = {
-      base: "base-cjicur",
-      interactive: "interactive-c1j829",
-      lg: "lg-xvdl2c",
-      md: "md-126uxbd",
-      sm: "sm-1bcww52",
-      item: "item-18q4s20"
-    };
-
-    exports.RatingGauge = RatingGauge;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-}));
-/*  */
+define(["exports","./tslib.es6-f5cdfdde","preact/jsx-runtime","preact","preact/hooks","css!./UNSAFE_RatingGauge.css","./utils/UNSAFE_classNames","./classNames-d0ddb6e6","./hooks/UNSAFE_useUser","./hooks/UNSAFE_useTooltip","./utils/UNSAFE_mergeProps","./hooks/UNSAFE_useTabbableMode","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-de2b8be5","./index-6871cdf1","./utils/PRIVATE_floatingUtils","./utils/PRIVATE_refUtils","./hooks/UNSAFE_useOutsideClick","./utils/UNSAFE_arrayUtils","./hooks/UNSAFE_useHover","./hooks/UNSAFE_useToggle","./hooks/UNSAFE_useFocus","./hooks/UNSAFE_useTouch","./hooks/UNSAFE_useAnimation","./useAnimation-5f1db993"],function(e,s,t,o,a,i,l,r,n,d,c,u,b,h,p,m,x,v,y,f,g,_,A,R,j,w,U,D,k){"use strict";const E=({isSelected:e,isDisabled:s,isReadOnly:o,color:a})=>{const i=`${e?"selected":"unselected"}${s&&"Disabled"||o&&"Readonly"||""}`,l=N[`${i}Color`],n=N[`${i}BorderColor`];return t.jsx("svg",Object.assign({viewBox:"0 0 36 36",height:"100%",width:"100%",class:r.classNames([N.base,`oj-c-rating-gauge-${a}`])},{children:t.jsxs("g",{children:[t.jsx("path",{class:l,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"}),t.jsx("path",{class: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={base:"e9sl2s",selectedColor:"h7lmrw",selectedBorderColor:"_1oealsd",unselectedColor:"nq6x9j",unselectedBorderColor:"_1xqt9jd",selectedReadonlyColor:"iwrfor",selectedReadonlyBorderColor:"f57str",unselectedReadonlyColor:"odauuv",unselectedReadonlyBorderColor:"rz1ajb",selectedDisabledColor:"_1h2cr6h",unselectedDisabledColor:"_3xxb7d",selectedDisabledBorderColor:"od0100",unselectedDisabledBorderColor:"bo7is9"},C=({fillRatio:e,isDisabled:s,isReadonly:a,color:i})=>{const{direction:l}=n.useUser(),r="rtl"===l;return 1===e||0===e?t.jsx(E,{isSelected:1===e,isDisabled:s,isReadOnly:a,color:i}):t.jsxs(o.Fragment,{children:[t.jsx("div",Object.assign({class:F.base,style:{clipPath:`inset(0% ${r?100*(1-e):0}% 0% ${r?0:100*e}%)`}},{children:t.jsx(E,{isSelected:!1,isDisabled:s,isReadOnly:a,color:i})})),t.jsx("div",Object.assign({class:F.base,style:{clipPath:`inset(0% ${r?0:100*(1-e)}% 0% ${r?100*(1-e):0}%)`}},{children:t.jsx(E,{isSelected:!0,isDisabled:s,isReadOnly:a,color:i})}))]})},F={base:"_1ulepmm"};function S(e,s,t,o,a){const i=o.current;if(!i||0===i.width)return-1;const l=e-i.x,r=s*(a?i.width-l:l)/i.width/t;return r<.5?0:Math.ceil(r)*t}function M(e){if(!e)return{width:0,x:0};const s=e.getBoundingClientRect();return{width:Math.round(s.width),x:Math.round(s.x+window.scrollX)}}const B={base:"yrvf4v",interactive:"_1mi0fct",lg:"ahrwe2",md:"ky538w",sm:"bvgve8",item:"knahx5"};e.RatingGauge=function(e){var{max:i=5,value:l=0,size:b="md",color:h="neutral",step:p=1,isReadonly:m,isDisabled:x}=e,v=s.__rest(e,["max","value","size","color","step","isReadonly","isDisabled"]);const y=a.useRef(null),f=a.useRef(M(null)),g=!m&&!x;a.useEffect(()=>{f.current=M(y.current)},[b,i]);const _=((e,s,t,o,i,l,r,d)=>{const c=a.useRef(),{direction:u}=n.useUser();if(!l)return{};const b="rtl"===u,h=e=>{null==d||d({value:e}),c.current=e},p=e=>{e.preventDefault(),e.stopPropagation()};return{onPointerUp:t=>{const o=S(t.pageX,e,s,i,b);-1!==o&&(null==r||r({value:o}))},onBlur:()=>{null==r||r({value:t})},onPointerMove:t=>{const o=S(t.pageX,e,s,i,b);-1!==o&&o!=c.current&&h(o)},onKeyUp:s=>{switch(s.key){case"Enter":null==r||r({value:t});break;case"Tab":h(t);break;case"Home":h(0);break;case"End":h(e)}p(s)},onKeyDown:o=>{switch(o.key){case"Tab":return;case"ArrowDown":h(Math.max(0,t-s));break;case"ArrowUp":h(Math.min(e,t+s));break;case"ArrowLeft":{const o=b?Math.min(e,t+s):Math.max(0,t-s);h(o);break}case"ArrowRight":{const o=b?Math.max(0,t-s):Math.min(e,t+s);h(o);break}}p(o)},onPointerLeave:()=>{h(void 0)},onPointerEnter:()=>{i.current=M(o.current)}}})(i,p,l,y,f,g,v.onCommit,v.onInput),{tooltipContent:A,tooltipProps:R}=function({max:e,value:s,isReadonly:t,isDisabled:o,tooltip:i,datatip:l,ariaDescribedBy:r,width:n}){const[c,u]=a.useState(!1),b=t&&!o?"tooltip":"datatip",h=o||!("tooltip"===b&&i||"datatip"===b&&l),p=Math.max(1,Math.ceil(s)),m="tooltip"===b?0:(p-Math.ceil(e/2))*n/e,{tooltipContent:x,tooltipProps:v}=d.useTooltipControlled({text:"tooltip"===b?i:l,isOpen:c,anchor:{x:"element",y:"element"},position:"bottom",offset:{mainAxis:8,crossAxis:m},isDisabled:h,onToggle:({value:e})=>u(e),variant:b});return v["aria-describedby"]=[r,v["aria-describedby"]].filter(Boolean).join(" "),{tooltipContent:x,tooltipProps:v}}({max:i,value:l,isReadonly:m,isDisabled:x,tooltip:v.tooltip,datatip:v.datatip,width:f.current.width,ariaDescribedBy:v.ariaDescribedBy}),j=c.mergeProps(_,R),w=(e=>e.accessibleLabel?e.accessibleLabel:e.tooltip&&e.isReadonly&&!e.isDisabled?e.tooltip:void 0)({accessibleLabel:v.accessibleLabel,tooltip:v.tooltip,isReadonly:m,isDisabled:x}),{isTabbable:U}=u.useTabbableMode();return t.jsxs(o.Fragment,{children:[t.jsx("div",Object.assign({ref:y,class:r.classNames([B.base,g?B.interactive:void 0]),"aria-label":w,role:"slider","aria-valuemin":"0","aria-valuenow":l,"aria-valuemax":i,"aria-valuetext":l,"aria-labelledby":v.ariaLabelledBy,tabIndex:U&&!x?0:-1,"aria-disabled":x?"true":void 0,"aria-readonly":m&&!x?"true":void 0},j,{children:[...Array(i)].map((e,s)=>{const o=Math.min(Math.max(0,l-s),1);return t.jsx("div",Object.assign({className:r.classNames([B[b],B.item])},{children:t.jsx(C,{fillRatio:o,isDisabled:x,isReadonly:m,color:h})}))})})),A]})},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=UNSAFE_RatingGauge.js.map