@oracle/oraclejet-preact 14.0.5 → 14.0.7

package/amd/UNSAFE_ProgressCircle.js

@@ -1,2 +1,86 @@
-define(["exports","./tslib.es6-6a195797","preact/jsx-runtime","./utils/UNSAFE_classNames","css!./UNSAFE_ProgressCircle.css","./PRIVATE_Meter","./utils/PRIVATE_meterUtils","./hooks/UNSAFE_useTranslationBundle","./classNames-429bf434","preact/compat","preact/hooks","./UNSAFE_Environment","preact","./UNSAFE_Layer"],function(e,a,r,s,n,t,i,l,c,o,u,m,d,p){"use strict";const x=({accessibleLabel:e,id:a,size:s="md"})=>{const n=c.classNames([j.base,`oj-c-progress-circle-${s}`,j.indeterminateOuter]),i=l.useTranslationBundle("@oracle/oraclejet-preact"),o={"aria-valuetext":e||i.progressIndeterminate(),role:"progressbar"};return r.jsx(t.CircleWrapper,Object.assign({id:a,ariaProps:o,class:n},{children:r.jsx(t.CircleInner,{class:j.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([j.base,`oj-c-progress-circle-${n}`]),u=i.getClipPath(90,360*l,!1,"full"),m={};return m["aria-valuemin"]=null!=e?"0":void 0,m["aria-valuemax"]=null!=e?`${a}`:void 0,m["aria-valuenow"]=null!=e?`${e}`:void 0,m.role="progressbar",r.jsxs(t.CircleWrapper,Object.assign({id:s,ariaProps:m,class:o},{children:[r.jsx(t.CircleInner,{class:c.classNames([j.determinateInner,j.track])}),r.jsx(t.CircleInner,{class:c.classNames([j.determinateInner,j.value]),clipPath:u})]}))},j={base:"_8ckqk3",indeterminateOuter:"_1mz6ydr",indeterminateInner:"_1xu1e07",determinateInner:"_1uzvre5",track:"tpnbz9",value:"zt5p0x"};e.ProgressCircle=function(e){var{value:s,max:n}=e,t=a.__rest(e,["value","max"]);return"indeterminate"===s?r.jsx(x,Object.assign({},t)):r.jsx(v,Object.assign({value:s,max:n},t))},Object.defineProperty(e,"__esModule",{value:!0})});
+/* @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 });
+
+}));
+/*  */
 //# 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":["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,6BAAA,8BAAA,4BAAA,iBAAA,0CArDA,SAAAmB,sDACE,MAAA,kBAAAV,EAAAW,EAAAC,IAAAzB,EAAA0B,OAAAC,OAAA,GAAAC,IAAAJ,EAAAA,IAAAZ,EAAAc,OAAAC,OAAA,CAAAd,MAAAA,EAAAC,IAAAA,GAAAc"}
+{"version":3,"file":"UNSAFE_ProgressCircle.js","sources":["../../src/UNSAFE_ProgressCircle/ProgressCircle.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { 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;;;;;;;;;;;;;"}

package/amd/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/amd/UNSAFE_RatingGauge.js

@@ -1,2 +1,359 @@
-define(["exports","./tslib.es6-6a195797","preact/jsx-runtime","preact","preact/hooks","css!./UNSAFE_RatingGauge.css","./utils/UNSAFE_classNames","./classNames-429bf434","./hooks/UNSAFE_useUser","./hooks/UNSAFE_useTooltip","./utils/UNSAFE_mergeProps","./hooks/UNSAFE_useTabbableMode","./UNSAFE_Environment","./UNSAFE_Layer","preact/compat","./hooks/UNSAFE_useId","./UNSAFE_Floating","./Floating-31eefce3","./index-4f4526ef","./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-5d80cd95"],function(e,s,t,o,a,i,l,r,n,c,d,u,b,h,p,m,x,v,y,g,_,f,j,w,A,R,U,D,E){"use strict";const k=({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:"_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"},C=({fillRatio:e,isDisabled:s,isReadonly:a,color:i})=>{const{direction:l}=n.useUser(),r="rtl"===l;return 1===e||0===e?t.jsx(k,{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(k,{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(k,{isSelected:!0,isDisabled:s,isReadOnly:a,color:i})}))]})},F={base:"fbqsvm"};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:"_1rp0bsd",interactive:"hg95e0",lg:"enz13y",md:"_1c1kahj",sm:"cgj6bd",item:"_1mwtbw1"};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),g=a.useRef(M(null)),_=!m&&!x;a.useEffect(()=>{g.current=M(y.current)},[b,i]);const f=((e,s,t,o,i,l,r,c)=>{const d=a.useRef(),{direction:u}=n.useUser();if(!l)return{};const b="rtl"===u,h=e=>{null==c||c({value:e}),d.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!=d.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,g,_,v.onCommit,v.onInput),{tooltipContent:j,tooltipProps:w}=function({max:e,value:s,isReadonly:t,isDisabled:o,tooltip:i,datatip:l,ariaDescribedBy:r,width:n}){const[d,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}=c.useTooltipControlled({text:"tooltip"===b?i:l,isOpen:d,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:g.current.width,ariaDescribedBy:v.ariaDescribedBy}),A=d.mergeProps(f,w),R=(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,_?B.interactive:void 0]),"aria-label":R,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},A,{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})}))})})),j]})},Object.defineProperty(e,"__esModule",{value:!0})});
+/* @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 });
+
+}));
+/*  */
 //# sourceMappingURL=UNSAFE_RatingGauge.js.map