@hitachivantara/uikit-react-lab 5.2.2 → 5.3.0

package/dist/cjs/components/StepNavigation/DefaultNavigation/DefaultNavigation.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultNavigation.cjs","sources":["../../../../../src/components/StepNavigation/DefaultNavigation/DefaultNavigation.tsx"],"sourcesContent":["import {\n  HvBaseProps,\n  HvTheme,\n  useTheme,\n} from \"@hitachivantara/uikit-react-core\";\nimport { HvDefaultNavigationClasses } from \"./defaultNavigationClasses\";\nimport { HvStep, HvStepProps } from \"./Step\";\nimport { getColor, stepSizes } from \"./utils\";\n\nexport type ComponentChildProps = {\n  stepsWidth: number;\n  navWidth: number;\n  separatorValues: {\n    minWidth: number;\n    maxWidth: number;\n    getColor: (state: HvStepProps[\"state\"], activeTheme: HvTheme) => any;\n    height: number;\n  };\n  stepValues: {\n    minSize: number;\n    maxSize: number;\n    StepComponent: React.ComponentType<HvStepProps>;\n  };\n};\n\nexport interface HvDefaultNavigationProps\n  extends Omit<HvBaseProps, \"children\"> {\n  /** Number of steps to show on the component. */\n  numSteps: number;\n  /** Sets one of the standard sizes of the steps. */\n  stepSize: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n  /** Returns a JSX.element of the titles container. */\n  getTitles: (\n    getTitleProps?: (params: {\n      state: HvStepProps[\"state\"];\n      rawTitle: string;\n      number: number;\n    }) => { variant?: string; title?: string }\n  ) => JSX.Element | null;\n  /** Returns dynamic width values of the component (width, titleWidth, separatorWidth). */\n  getDynamicValues: (stepsWidth: number) => {\n    width: number;\n    titleWidth: number;\n    separatorWidth: number;\n  };\n  /** A Jss Object used to override or extend the styles applied to the empty state StepNavigation. */\n  classes?: HvDefaultNavigationClasses;\n  /** Component to render Step Navigation with props = {separatorValues, stepValues, stepsWidth} */\n  children: React.FunctionComponent<ComponentChildProps>;\n}\n\nexport const HvDefaultNavigation = ({\n  numSteps,\n  stepSize,\n  getTitles,\n  getDynamicValues,\n  className,\n  children,\n  ...other\n}: HvDefaultNavigationProps) => {\n  const { activeTheme } = useTheme();\n\n  // step values\n  const { container: maxSize, avatar: minSize } = stepSizes[stepSize];\n  const StepComponent = HvStep;\n  //\n\n  const stepsWidth = maxSize + minSize * (numSteps - 1);\n  const { width, titleWidth, separatorWidth } = getDynamicValues(stepsWidth);\n\n  // separator values\n  const maxWidth = Math.max(titleWidth - minSize, separatorWidth);\n  const minWidth = Math.max(\n    titleWidth - (maxSize + minSize) * 0.5,\n    separatorWidth\n  );\n  //\n\n  const Steps = children;\n\n  const titles = getTitles(({ state }) => ({\n    variant: \"label\",\n    titleWidth,\n    titleDisabled: state === \"Disabled\",\n  }));\n\n  return (\n    <div {...other}>\n      <Steps\n        {...{\n          stepsWidth,\n          navWidth: width,\n          separatorValues: {\n            minWidth,\n            maxWidth,\n            getColor,\n            height: activeTheme?.stepNavigation.defaultSeparatorHeight || 0,\n          },\n          stepValues: {\n            minSize,\n            maxSize,\n            StepComponent,\n          },\n        }}\n      />\n      {titles}\n    </div>\n  );\n};\n"],"names":["HvDefaultNavigation","numSteps","stepSize","getTitles","getDynamicValues","className","children","other","activeTheme","useTheme","container","maxSize","avatar","minSize","stepSizes","StepComponent","HvStep","stepsWidth","width","titleWidth","separatorWidth","maxWidth","Math","max","minWidth","Steps","titles","state","variant","titleDisabled","_jsx","navWidth","separatorValues","getColor","height","stepNavigation","defaultSeparatorHeight","stepValues"],"mappings":";;;;;;AAmDO,MAAMA,sBAAsBA,CAAC;AAAA,EAClCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACqB,MAAM;AACxB,QAAA;AAAA,IAAEC;AAAAA,MAAgBC,eAAU,SAAA;AAG5B,QAAA;AAAA,IAAEC,WAAWC;AAAAA,IAASC,QAAQC;AAAAA,EAAAA,IAAYC,MAAAA,UAAUZ,QAAQ;AAClE,QAAMa,gBAAgBC,KAAAA;AAGhBC,QAAAA,aAAaN,UAAUE,WAAWZ,WAAW;AAC7C,QAAA;AAAA,IAAEiB;AAAAA,IAAOC;AAAAA,IAAYC;AAAAA,EAAAA,IAAmBhB,iBAAiBa,UAAU;AAGzE,QAAMI,WAAWC,KAAKC,IAAIJ,aAAaN,SAASO,cAAc;AAC9D,QAAMI,WAAWF,KAAKC,IACpBJ,cAAcR,UAAUE,WAAW,KACnCO,cAAc;AAIhB,QAAMK,QAAQnB;AAERoB,QAAAA,SAASvB,UAAU,CAAC;AAAA,IAAEwB;AAAAA,EAAAA,OAAa;AAAA,IACvCC,SAAS;AAAA,IACTT;AAAAA,IACAU,eAAeF,UAAU;AAAA,EACzB,EAAA;AAEF,yCACE,OAAA;AAAA,IAAA,GAASpB;AAAAA,IAAKD,UAAA,CACZwB,2BAAAA,IAACL,OAAK;AAAA,MAEFR;AAAAA,MACAc,UAAUb;AAAAA,MACVc,iBAAiB;AAAA,QACfR;AAAAA,QACAH;AAAAA,QAAAA,UACAY,MAAAA;AAAAA,QACAC,SAAQ1B,2CAAa2B,eAAeC,2BAA0B;AAAA,MAChE;AAAA,MACAC,YAAY;AAAA,QACVxB;AAAAA,QACAF;AAAAA,QACAI;AAAAA,MACF;AAAA,IAAC,CAAA,GAGJW,MAAM;AAAA,EAAA,CACH;AAEV;;"}

package/dist/cjs/{packages/lab/src/components → components}/StepNavigation/DefaultNavigation/Step/Step.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const clsx_m = require("../../../../../../../node_modules/clsx/dist/clsx.m.cjs");
+const clsx = require("clsx");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const Step_styles = require("./Step.styles.cjs");
 const stepClasses = require("./stepClasses.cjs");
@@ -46,10 +46,10 @@ const HvStep = ({
     Completed: uikitReactIcons.Level0Good
   }[state];
   return /* @__PURE__ */ jsxRuntime.jsx(Step_styles.StyledRoot, {
-    className: clsx_m.clsx(className, stepClasses.default.root, classes == null ? void 0 : classes.root, state !== "Current" && clsx_m.clsx(stepClasses.default.notCurrent, classes == null ? void 0 : classes.notCurrent)),
+    className: clsx.clsx(className, stepClasses.default.root, classes == null ? void 0 : classes.root, state !== "Current" && clsx.clsx(stepClasses.default.notCurrent, classes == null ? void 0 : classes.notCurrent)),
     $notCurrent: state !== "Current",
     children: /* @__PURE__ */ jsxRuntime.jsx(Step_styles.StyledButton, {
-      className: clsx_m.clsx(stepClasses.default.ghost, classes == null ? void 0 : classes.ghost, state === "Current" && clsx_m.clsx(stepClasses.default.ghostDisabled, classes == null ? void 0 : classes.ghostDisabled)),
+      className: clsx.clsx(stepClasses.default.ghost, classes == null ? void 0 : classes.ghost, state === "Current" && clsx.clsx(stepClasses.default.ghostDisabled, classes == null ? void 0 : classes.ghostDisabled)),
       "aria-label": `step-${title}`,
       icon: true,
       variant: "secondaryGhost",
@@ -57,7 +57,7 @@ const HvStep = ({
       disabled: disabled ?? ["Current", "Disabled"].includes(state),
       onClick,
       children: /* @__PURE__ */ jsxRuntime.jsx(Step_styles.StyledAvatar, {
-        className: clsx_m.clsx(stepClasses.default.avatar, classes == null ? void 0 : classes.avatar, stepClasses.default[size], classes == null ? void 0 : classes[size]),
+        className: clsx.clsx(stepClasses.default.avatar, classes == null ? void 0 : classes.avatar, stepClasses.default[size], classes == null ? void 0 : classes[size]),
         backgroundColor,
         status,
         size,

package/dist/cjs/components/StepNavigation/DefaultNavigation/Step/Step.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Step.cjs","sources":["../../../../../../src/components/StepNavigation/DefaultNavigation/Step/Step.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport {\n  Level0Good,\n  Level3Bad,\n  HourGlass,\n} from \"@hitachivantara/uikit-react-icons\";\nimport {\n  HvAvatarSize,\n  HvButtonProps,\n  HvBaseProps,\n} from \"@hitachivantara/uikit-react-core\";\nimport { StyledRoot, StyledButton, StyledAvatar } from \"./Step.styles\";\nimport stepClasses, { HvStepClasses } from \"./stepClasses\";\nimport { getColor, getSemantic } from \"../utils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport interface HvStepProps\n  extends Pick<HvButtonProps, \"onClick\">,\n    Omit<HvBaseProps, \"onClick\"> {\n  /** A Jss Object used to override or extend the styles applied to the empty state StepNavigation. */\n  classes?: HvStepClasses;\n  /** State of the step. Values = {\"Pending\", \"Failed\", \"Completed\", \"Current\", \"Disabled\", \"Enabled\"} */\n  state:\n    | \"Pending\"\n    | \"Failed\"\n    | \"Completed\"\n    | \"Current\"\n    | \"Disabled\"\n    | \"Enabled\";\n  /** Title of the step. */\n  title: string;\n  /** Sets one of the standard sizes of the step */\n  size?: HvAvatarSize;\n  /** Number of the step. */\n  number?: number;\n  /**\n   * Define if a step is disabled/enabled.\n   * If this property is not defined and the step is on state \"Disabled\", the step component will be disabled\n   */\n  disabled?: boolean;\n}\n\n/**\n * Step element of \"Default\" Step Navigation root component\n */\nexport const HvStep = ({\n  className,\n  classes,\n  state,\n  title,\n  onClick,\n  disabled,\n  size = \"md\",\n  number = 1,\n}: HvStepProps) => {\n  const iconSize = {\n    xs: \"XS\",\n    sm: \"XS\",\n    md: \"S\",\n    ml: \"M\",\n    xl: \"M\",\n  }[size];\n\n  const squareL = {\n    Pending: 16,\n    Failed: 24,\n    Completed: 24,\n  }[state];\n\n  const svgSize = {\n    xs: squareL - 8,\n    sm: squareL,\n    md: squareL + 8,\n    lg: squareL + 16,\n    xl: squareL + 24,\n  }[size];\n\n  const backgroundColor = getColor(state, theme);\n\n  const color = state === \"Pending\" ? \"atmo2\" : undefined;\n  const semantic = state !== \"Pending\" ? getSemantic(state) : undefined;\n  const status = state === \"Current\" ? \"secondary_60\" : undefined;\n\n  const IconComponent = {\n    Pending: HourGlass,\n    Failed: Level3Bad,\n    Completed: Level0Good,\n  }[state];\n\n  return (\n    <StyledRoot\n      className={clsx(\n        className,\n        stepClasses.root,\n        classes?.root,\n        state !== \"Current\" && clsx(stepClasses.notCurrent, classes?.notCurrent)\n      )}\n      $notCurrent={state !== \"Current\"}\n    >\n      <StyledButton\n        className={clsx(\n          stepClasses.ghost,\n          classes?.ghost,\n          state === \"Current\" &&\n            clsx(stepClasses.ghostDisabled, classes?.ghostDisabled)\n        )}\n        aria-label={`step-${title}`}\n        icon\n        variant=\"secondaryGhost\"\n        overrideIconColors={false}\n        disabled={disabled ?? [\"Current\", \"Disabled\"].includes(state)}\n        onClick={onClick}\n      >\n        <StyledAvatar\n          className={clsx(\n            stepClasses.avatar,\n            classes?.avatar,\n            stepClasses[size],\n            classes?.[size]\n          )}\n          backgroundColor={backgroundColor}\n          status={status}\n          size={size}\n          $size={size}\n        >\n          {IconComponent ? (\n            <IconComponent\n              color={color}\n              semantic={semantic}\n              width={svgSize}\n              height={svgSize}\n              iconSize={iconSize}\n            />\n          ) : (\n            number\n          )}\n        </StyledAvatar>\n      </StyledButton>\n    </StyledRoot>\n  );\n};\n"],"names":["HvStep","className","classes","state","title","onClick","disabled","size","number","iconSize","xs","sm","md","ml","xl","squareL","Pending","Failed","Completed","svgSize","lg","backgroundColor","getColor","theme","color","undefined","semantic","getSemantic","status","IconComponent","HourGlass","Level3Bad","Level0Good","StyledRoot","clsx","stepClasses","root","notCurrent","$notCurrent","children","StyledButton","ghost","ghostDisabled","icon","variant","overrideIconColors","includes","StyledAvatar","avatar","$size","_jsx","width","height"],"mappings":";;;;;;;;;AA6CO,MAAMA,SAASA,CAAC;AAAA,EACrBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,OAAO;AAAA,EACPC,SAAS;AACE,MAAM;AACjB,QAAMC,WAAW;AAAA,IACfC,IAAI;AAAA,IACJC,IAAI;AAAA,IACJC,IAAI;AAAA,IACJC,IAAI;AAAA,IACJC,IAAI;AAAA,IACJP,IAAI;AAEN,QAAMQ,UAAU;AAAA,IACdC,SAAS;AAAA,IACTC,QAAQ;AAAA,IACRC,WAAW;AAAA,IACXf,KAAK;AAEP,QAAMgB,UAAU;AAAA,IACdT,IAAIK,UAAU;AAAA,IACdJ,IAAII;AAAAA,IACJH,IAAIG,UAAU;AAAA,IACdK,IAAIL,UAAU;AAAA,IACdD,IAAIC,UAAU;AAAA,IACdR,IAAI;AAEAc,QAAAA,kBAAkBC,MAAAA,SAASnB,OAAOoB,YAAK,KAAA;AAEvCC,QAAAA,QAAQrB,UAAU,YAAY,UAAUsB;AAC9C,QAAMC,WAAWvB,UAAU,YAAYwB,MAAAA,YAAYxB,KAAK,IAAIsB;AACtDG,QAAAA,SAASzB,UAAU,YAAY,iBAAiBsB;AAEtD,QAAMI,gBAAgB;AAAA,IACpBb,SAASc,gBAAAA;AAAAA,IACTb,QAAQc,gBAAAA;AAAAA,IACRb,WAAWc,gBAAAA;AAAAA,IACX7B,KAAK;AAEP,wCACG8B,YAAAA,YAAU;AAAA,IACThC,WAAWiC,KAAAA,KACTjC,WACAkC,YAAAA,QAAYC,MACZlC,mCAASkC,MACTjC,UAAU,aAAa+B,KAAKC,KAAAA,YAAAA,QAAYE,YAAYnC,mCAASmC,UAAU,CAAC;AAAA,IAE1EC,aAAanC,UAAU;AAAA,IAAUoC,yCAEhCC,0BAAY;AAAA,MACXvC,WAAWiC,KAAAA,KACTC,YAAAA,QAAYM,OACZvC,mCAASuC,OACTtC,UAAU,aACR+B,KAAKC,KAAAA,YAAAA,QAAYO,eAAexC,mCAASwC,aAAa,CAAC;AAAA,MAE3D,cAAa,QAAOtC;AAAAA,MACpBuC,MAAI;AAAA,MACJC,SAAQ;AAAA,MACRC,oBAAoB;AAAA,MACpBvC,UAAUA,YAAY,CAAC,WAAW,UAAU,EAAEwC,SAAS3C,KAAK;AAAA,MAC5DE;AAAAA,MAAiBkC,yCAEhBQ,0BAAY;AAAA,QACX9C,WAAWiC,KACTC,KAAAA,oBAAYa,QACZ9C,mCAAS8C,QACTb,YAAAA,QAAY5B,IAAI,GAChBL,mCAAUK,KAAK;AAAA,QAEjBc;AAAAA,QACAO;AAAAA,QACArB;AAAAA,QACA0C,OAAO1C;AAAAA,QAAKgC,UAEXV,gBACCqB,2BAAAA,IAACrB,eAAa;AAAA,UACZL;AAAAA,UACAE;AAAAA,UACAyB,OAAOhC;AAAAA,UACPiC,QAAQjC;AAAAA,UACRV;AAAAA,QAAmB,CAAA,IAGrBD;AAAAA,MAAAA,CACD;AAAA,IAAA,CACY;AAAA,EAAA,CAEN;AAEjB;;"}

package/dist/cjs/components/StepNavigation/DefaultNavigation/Step/Step.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Step.styles.cjs","sources":["../../../../../../src/components/StepNavigation/DefaultNavigation/Step/Step.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvAvatar, HvButton } from \"@hitachivantara/uikit-react-core\";\n\nexport const StyledRoot = styled(\"div\")(\n  ({ $notCurrent }: { $notCurrent: boolean }) => ({\n    ...($notCurrent && {\n      margin: \"-8px\",\n    }),\n  })\n);\n\nexport const StyledButton = styled(HvButton)({\n  \"&:hover\": {\n    backgroundColor: \"transparent\",\n  },\n  \"&$ghostDisabled\": {\n    cursor: \"default\",\n  },\n  \"&$ghostDisabled&:hover\": {\n    cursor: \"default\",\n  },\n});\n\nexport const StyledAvatar = styled(HvAvatar)(\n  ({ $size }: { $size: string }) => ({\n    ...($size === \"xs\" && {\n      fontSize: \"0.625rem\",\n    }),\n    ...($size === \"sm\" && {\n      fontSize: \"1rem\",\n    }),\n    ...($size === \"md\" && {\n      fontSize: \"1.5rem\",\n    }),\n    ...($size === \"lg\" && {\n      fontSize: \"2rem\",\n    }),\n    ...($size === \"xl\" && {\n      fontSize: \"2.5rem\",\n    }),\n  })\n);\n"],"names":["StyledRoot","_styled","process","env","NODE_ENV","target","label","$notCurrent","margin","StyledButton","HvButton","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledAvatar","HvAvatar","$size","fontSize"],"mappings":";;;;;;;;;AAGO,MAAMA,aAAoBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EACpC,CAAC;AAAA,EAAEC;AAAsC,OAAO;AAAA,EAC9C,GAAIA,eAAe;AAAA,IACjBC,QAAQ;AAAA,EACV;AACF,IAAEN,QAAAC,IAAAC,aACH,eAAA,KAAA,iyDAAA;AAEM,MAAMK,eAAsBC,iCAAAA,QAAAA,eAAAA,UAAQR,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAO,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAU1C;AAEK,MAAMC,eAAsBC,iCAAAA,QAAAA,eAAAA,UAAQf,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EACzC,CAAC;AAAA,EAAEY;AAAyB,OAAO;AAAA,EACjC,GAAIA,UAAU,QAAQ;AAAA,IACpBC,UAAU;AAAA,EACZ;AAAA,EACA,GAAID,UAAU,QAAQ;AAAA,IACpBC,UAAU;AAAA,EACZ;AAAA,EACA,GAAID,UAAU,QAAQ;AAAA,IACpBC,UAAU;AAAA,EACZ;AAAA,EACA,GAAID,UAAU,QAAQ;AAAA,IACpBC,UAAU;AAAA,EACZ;AAAA,EACA,GAAID,UAAU,QAAQ;AAAA,IACpBC,UAAU;AAAA,EACZ;AACF,IAAEjB,QAAAC,IAAAC,aACH,eAAA,KAAA,iyDAAA;;;;"}

package/dist/cjs/components/StepNavigation/DefaultNavigation/Step/stepClasses.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepClasses.cjs","sources":["../../../../../../src/components/StepNavigation/DefaultNavigation/Step/stepClasses.ts"],"sourcesContent":["import { getClasses } from \"@hitachivantara/uikit-react-core\";\n\nexport interface HvStepClasses {\n  /** Styles applied to the component root class. */\n  root?: string;\n  /** Styles applied to the ghost class. */\n  ghost?: string;\n  /** Styles applied to the ghostDisabled class. */\n  ghostDisabled?: string;\n  /** Styles applied to the root element when step is not in \"current\" state. */\n  notCurrent?: string;\n  /** Styles applied to the root element when size is XS. */\n  xs?: string;\n  /** Styles applied to the root element when size is SM. */\n  sm?: string;\n  /** Styles applied to the root element when size is MD. */\n  md?: string;\n  /** Styles applied to the root element when size is LG. */\n  lg?: string;\n  /** Styles applied to the root element when size is XL. */\n  xl?: string;\n  /** Styles applied to the avatar element. */\n  avatar?: string;\n  /** Styles applied to the title of a step element. */\n  stepTitle?: string;\n}\n\nconst classKeys: (keyof HvStepClasses)[] = [\n  \"root\",\n  \"ghost\",\n  \"ghostDisabled\",\n  \"notCurrent\",\n  \"xs\",\n  \"sm\",\n  \"md\",\n  \"lg\",\n  \"xl\",\n  \"avatar\",\n  \"stepTitle\",\n];\n\nconst stepClasses = getClasses(classKeys, \"HvStep\");\n\nexport default stepClasses;\n"],"names":["classKeys","stepClasses","getClasses"],"mappings":";;;AA2BA,MAAMA,YAAqC,CACzC,QACA,SACA,iBACA,cACA,MACA,MACA,MACA,MACA,MACA,UACA,WAAW;AAGb,MAAMC,cAAcC,eAAWF,WAAAA,WAAW,QAAQ;AAElD,MAAA,gBAAeC;;"}

package/dist/cjs/components/StepNavigation/DefaultNavigation/utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.cjs","sources":["../../../../../src/components/StepNavigation/DefaultNavigation/utils.ts"],"sourcesContent":["const getColor = (state, theme) =>\n  ({\n    Pending: theme.colors.warning ?? \"warning\",\n    Failed: theme.colors.negative ?? \"negative\",\n    Completed: theme.colors.positive ?? \"positive\",\n    Current: theme.colors.secondary ?? \"secondary\",\n    Disabled: theme.colors.secondary_60 ?? \"secondary_60\",\n    Enabled: theme.colors.secondary ?? \"secondary\",\n  }[state]);\n\nconst getSemantic = (state) =>\n  ({\n    Pending: \"warning\",\n    Failed: \"negative\",\n    Completed: \"positive\",\n    Current: \"secondary\",\n    Disabled: \"secondary_60\",\n    Enabled: \"secondary\",\n  }[state]);\n\nconst EXTRA_SMALL = { container: 32, avatar: 24 };\nconst SMALL = { container: 40, avatar: 32 };\nconst MEDIUM = { container: 48, avatar: 40 };\nconst LARGE = { container: 60, avatar: 52 };\nconst EXTRA_LARGE = { container: 96, avatar: 88 };\n\nconst stepSizes = {\n  xs: EXTRA_SMALL,\n  sm: SMALL,\n  md: MEDIUM,\n  lg: LARGE,\n  xl: EXTRA_LARGE,\n};\n\nexport { getColor, getSemantic, stepSizes };\n"],"names":["getColor","state","theme","Pending","colors","warning","Failed","negative","Completed","positive","Current","secondary","Disabled","secondary_60","Enabled","getSemantic","EXTRA_SMALL","container","avatar","SMALL","MEDIUM","LARGE","EXTRA_LARGE","stepSizes","xs","sm","md","lg","xl"],"mappings":";;AAAMA,MAAAA,WAAWA,CAACC,OAAOC,WACtB;AAAA,EACCC,SAASD,MAAME,OAAOC,WAAW;AAAA,EACjCC,QAAQJ,MAAME,OAAOG,YAAY;AAAA,EACjCC,WAAWN,MAAME,OAAOK,YAAY;AAAA,EACpCC,SAASR,MAAME,OAAOO,aAAa;AAAA,EACnCC,UAAUV,MAAME,OAAOS,gBAAgB;AAAA,EACvCC,SAASZ,MAAME,OAAOO,aAAa;AACrC,GAAEV,KAAK;AAET,MAAMc,cAAed,CAClB,WAAA;AAAA,EACCE,SAAS;AAAA,EACTG,QAAQ;AAAA,EACRE,WAAW;AAAA,EACXE,SAAS;AAAA,EACTE,UAAU;AAAA,EACVE,SAAS;AACX,GAAEb,KAAK;AAET,MAAMe,cAAc;AAAA,EAAEC,WAAW;AAAA,EAAIC,QAAQ;AAAG;AAChD,MAAMC,QAAQ;AAAA,EAAEF,WAAW;AAAA,EAAIC,QAAQ;AAAG;AAC1C,MAAME,SAAS;AAAA,EAAEH,WAAW;AAAA,EAAIC,QAAQ;AAAG;AAC3C,MAAMG,QAAQ;AAAA,EAAEJ,WAAW;AAAA,EAAIC,QAAQ;AAAG;AAC1C,MAAMI,cAAc;AAAA,EAAEL,WAAW;AAAA,EAAIC,QAAQ;AAAG;AAEhD,MAAMK,YAAY;AAAA,EAChBC,IAAIR;AAAAA,EACJS,IAAIN;AAAAA,EACJO,IAAIN;AAAAA,EACJO,IAAIN;AAAAA,EACJO,IAAIN;AACN;;;;"}

package/dist/cjs/{packages/lab/src/components → components}/StepNavigation/SimpleNavigation/Dot/Dot.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const clsx_m = require("../../../../../../../node_modules/clsx/dist/clsx.m.cjs");
+const clsx = require("clsx");
 const Dot_styles = require("./Dot.styles.cjs");
 const dotClasses = require("./dotClasses.cjs");
 const utils = require("../utils.cjs");
@@ -21,14 +21,14 @@ const HvDot = ({
     children: ({
       css
     }) => /* @__PURE__ */ jsxRuntime.jsx(Dot_styles.StyledButton, {
-      className: clsx_m.clsx(className, classes == null ? void 0 : classes.root, dotClasses.default.root, css({
+      className: clsx.clsx(className, classes == null ? void 0 : classes.root, dotClasses.default.root, css({
         backgroundColor: utils.getColor(state, uikitStyles.theme),
         width: dotSize,
         height: dotSize,
         "&:hover": {
           backgroundColor: utils.getColor(state, uikitStyles.theme)
         }
-      }), state === "Current" && clsx_m.clsx(dotClasses.default.active, classes == null ? void 0 : classes.active), (disabled ?? ["Current", "Disabled"].includes(state)) && clsx_m.clsx(dotClasses.default.ghostDisabled, classes == null ? void 0 : classes.ghostDisabled)),
+      }), state === "Current" && clsx.clsx(dotClasses.default.active, classes == null ? void 0 : classes.active), (disabled ?? ["Current", "Disabled"].includes(state)) && clsx.clsx(dotClasses.default.ghostDisabled, classes == null ? void 0 : classes.ghostDisabled)),
       "aria-label": `step-${title}`,
       icon: true,
       overrideIconColors: false,

package/dist/cjs/components/StepNavigation/SimpleNavigation/Dot/Dot.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dot.cjs","sources":["../../../../../../src/components/StepNavigation/SimpleNavigation/Dot/Dot.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { HvBaseProps } from \"@hitachivantara/uikit-react-core\";\nimport { StyledButton } from \"./Dot.styles\";\nimport dotClasses, { HvDotClasses } from \"./dotClasses\";\nimport { getColor, dotSizes } from \"../utils\";\nimport { ClassNames } from \"@emotion/react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvStepProps } from \"components/StepNavigation/DefaultNavigation\";\n\nexport interface HvDotProps\n  extends Pick<\n      HvStepProps,\n      \"size\" | \"title\" | \"state\" | \"onClick\" | \"disabled\"\n    >,\n    Omit<HvBaseProps, \"title\" | \"onClick\"> {\n  /** A Jss Object used to override or extend the styles applied to the empty state StepNavigation. */\n  classes?: HvDotClasses;\n}\n\nexport const HvDot = ({\n  classes,\n  className,\n  state,\n  title,\n  size = \"sm\",\n  onClick,\n  disabled,\n}: HvDotProps) => {\n  const dotSize = dotSizes[size] * (state === \"Current\" ? 1.5 : 1);\n\n  return (\n    <ClassNames>\n      {({ css }) => (\n        <StyledButton\n          className={clsx(\n            className,\n            classes?.root,\n            dotClasses.root,\n            css({\n              backgroundColor: getColor(state, theme),\n              width: dotSize,\n              height: dotSize,\n              \"&:hover\": {\n                backgroundColor: getColor(state, theme),\n              },\n            }),\n            state === \"Current\" && clsx(dotClasses.active, classes?.active),\n            (disabled ?? [\"Current\", \"Disabled\"].includes(state)) &&\n              clsx(dotClasses.ghostDisabled, classes?.ghostDisabled)\n          )}\n          aria-label={`step-${title}`}\n          icon\n          overrideIconColors={false}\n          disabled={disabled ?? [\"Current\", \"Disabled\"].includes(state)}\n          onClick={onClick}\n        >\n          {[]}\n        </StyledButton>\n      )}\n    </ClassNames>\n  );\n};\n"],"names":["HvDot","classes","className","state","title","size","onClick","disabled","dotSize","dotSizes","ClassNames","children","css","StyledButton","clsx","root","dotClasses","backgroundColor","getColor","theme","width","height","active","includes","ghostDisabled","icon","overrideIconColors"],"mappings":";;;;;;;;;AAmBO,MAAMA,QAAQA,CAAC;AAAA,EACpBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,OAAO;AAAA,EACPC;AAAAA,EACAC;AACU,MAAM;AAChB,QAAMC,UAAUC,MAASJ,SAAAA,IAAI,KAAKF,UAAU,YAAY,MAAM;AAE9D,wCACGO,MAAAA,YAAU;AAAA,IAAAC,UACRA,CAAC;AAAA,MAAEC;AAAAA,IAAAA,qCACDC,WAAAA,cAAY;AAAA,MACXX,WAAWY,KACTZ,KAAAA,WACAD,mCAASc,MACTC,WAAAA,QAAWD,MACXH,IAAI;AAAA,QACFK,iBAAiBC,MAAAA,SAASf,OAAOgB,iBAAK;AAAA,QACtCC,OAAOZ;AAAAA,QACPa,QAAQb;AAAAA,QACR,WAAW;AAAA,UACTS,iBAAiBC,MAAAA,SAASf,OAAOgB,iBAAK;AAAA,QACxC;AAAA,MAAA,CACD,GACDhB,UAAU,aAAaW,UAAKE,WAAAA,QAAWM,QAAQrB,mCAASqB,MAAM,IAC7Df,YAAY,CAAC,WAAW,UAAU,EAAEgB,SAASpB,KAAK,MACjDW,UAAKE,WAAAA,QAAWQ,eAAevB,mCAASuB,aAAa,CAAC;AAAA,MAE1D,cAAa,QAAOpB;AAAAA,MACpBqB,MAAI;AAAA,MACJC,oBAAoB;AAAA,MACpBnB,UAAUA,YAAY,CAAC,WAAW,UAAU,EAAEgB,SAASpB,KAAK;AAAA,MAC5DG;AAAAA,MAAiBK,UAEhB,CAAA;AAAA,IAAA,CAAE;AAAA,EAAA,CAGI;AAEjB;;"}

package/dist/cjs/components/StepNavigation/SimpleNavigation/Dot/Dot.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dot.styles.cjs","sources":["../../../../../../src/components/StepNavigation/SimpleNavigation/Dot/Dot.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvButton } from \"@hitachivantara/uikit-react-core\";\n\nexport const StyledButton = styled(HvButton)({\n  borderRadius: \"50%\",\n  zIndex: 1,\n});\n"],"names":["StyledButton","HvButton","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"mappings":";;;;;;;;;AAGO,MAAMA,eAAsBC,iCAAAA,QAAAA,eAAAA,UAAQC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAG1C;;"}

package/dist/cjs/components/StepNavigation/SimpleNavigation/Dot/dotClasses.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dotClasses.cjs","sources":["../../../../../../src/components/StepNavigation/SimpleNavigation/Dot/dotClasses.ts"],"sourcesContent":["import { getClasses } from \"@hitachivantara/uikit-react-core\";\n\nexport interface HvDotClasses {\n  root?: string;\n  active?: string;\n  ghostDisabled?: string;\n}\n\nconst classKeys: (keyof HvDotClasses)[] = [\"root\", \"active\", \"ghostDisabled\"];\n\nconst dotClasses = getClasses(classKeys, \"HvDot\");\n\nexport default dotClasses;\n"],"names":["classKeys","dotClasses","getClasses"],"mappings":";;;AAQA,MAAMA,YAAoC,CAAC,QAAQ,UAAU,eAAe;AAE5E,MAAMC,aAAaC,eAAWF,WAAAA,WAAW,OAAO;AAEhD,MAAA,eAAeC;;"}

package/dist/cjs/components/StepNavigation/SimpleNavigation/SimpleNavigation.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleNavigation.cjs","sources":["../../../../../src/components/StepNavigation/SimpleNavigation/SimpleNavigation.tsx"],"sourcesContent":["import {\n  HvBaseProps,\n  HvTheme,\n  useTheme,\n} from \"@hitachivantara/uikit-react-core\";\nimport { HvStepNavigationProps } from \"../StepNavigation\";\nimport { HvDot, HvDotProps } from \"./Dot\";\nimport { HvSimpleNavigationClasses } from \"./simpleNavigationClasses\";\nimport { getColor, dotSizes } from \"./utils\";\n\nexport type ComponentChildProps = {\n  stepsWidth: number;\n  navWidth: number;\n  separatorValues: {\n    minWidth: number;\n    maxWidth: number;\n    getColor: (state: HvDotProps[\"state\"], activeTheme: HvTheme) => any;\n    height: number;\n  };\n  stepValues: {\n    minSize: number;\n    maxSize: number;\n    StepComponent: React.ComponentType<HvDotProps>;\n  };\n};\n\nexport interface HvSimpleNavigationProps\n  extends Pick<HvStepNavigationProps, \"stepSize\">,\n    Omit<HvBaseProps, \"children\"> {\n  /** Number of steps to show on the component. */\n  numSteps: number;\n  /** Returns a JSX.element of the titles container. */\n  getTitles: (\n    getTitleProps?: (params: {\n      state: HvDotProps[\"state\"];\n      rawTitle: string;\n      number: number;\n    }) => { variant: string; title: string }\n  ) => JSX.Element | null;\n  /** Returns dynamic width values of the component (width, titleWidth, separatorWidth). */\n  getDynamicValues: (stepsWidth: number) => {\n    width: number;\n    titleWidth: number;\n    separatorWidth: number;\n  };\n  /** A Jss Object used to override or extend the styles applied to the empty state StepNavigation. */\n  classes?: HvSimpleNavigationClasses;\n  /** Component to render Step Navigation with props = {separatorValues, stepValues, stepsWidth} */\n  children: React.FunctionComponent<ComponentChildProps>;\n}\n\nexport const HvSimpleNavigation = ({\n  numSteps,\n  stepSize = \"sm\",\n  getTitles,\n  getDynamicValues,\n  children,\n  ...others\n}: HvSimpleNavigationProps) => {\n  const { activeTheme } = useTheme();\n\n  // step values\n  const dotSize = dotSizes[stepSize];\n  const StepComponent = HvDot;\n  //\n\n  const stepsWidth = (numSteps + 0.5) * dotSize;\n  const { width, titleWidth, separatorWidth } = getDynamicValues(stepsWidth);\n\n  // separator values\n  const maxWidth = Math.max(titleWidth - dotSize, separatorWidth);\n  const minWidth = Math.max(titleWidth - dotSize * 1.25, separatorWidth);\n  //\n\n  const Steps = children;\n\n  const titles = getTitles(({ rawTitle, number }) => ({\n    variant: \"label\",\n    title: `${number}. ${rawTitle}`,\n    titleWidth,\n  }));\n\n  return (\n    <div {...others}>\n      {titles}\n      <Steps\n        {...{\n          stepsWidth,\n          navWidth: width,\n          separatorValues: {\n            minWidth,\n            maxWidth,\n            getColor,\n            height: activeTheme?.stepNavigation.simpleSeparatorHeight || 0,\n          },\n          stepValues: {\n            minSize: dotSize,\n            maxSize: 1.5 * dotSize,\n            StepComponent,\n          },\n        }}\n      />\n    </div>\n  );\n};\n"],"names":["HvSimpleNavigation","numSteps","stepSize","getTitles","getDynamicValues","children","others","activeTheme","useTheme","dotSize","dotSizes","StepComponent","HvDot","stepsWidth","width","titleWidth","separatorWidth","maxWidth","Math","max","minWidth","Steps","titles","rawTitle","number","variant","title","_jsx","navWidth","separatorValues","getColor","height","stepNavigation","simpleSeparatorHeight","stepValues","minSize","maxSize"],"mappings":";;;;;;AAmDO,MAAMA,qBAAqBA,CAAC;AAAA,EACjCC;AAAAA,EACAC,WAAW;AAAA,EACXC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACoB,MAAM;AACvB,QAAA;AAAA,IAAEC;AAAAA,MAAgBC,eAAU,SAAA;AAG5BC,QAAAA,UAAUC,eAASR,QAAQ;AACjC,QAAMS,gBAAgBC,IAAAA;AAGhBC,QAAAA,cAAcZ,WAAW,OAAOQ;AAChC,QAAA;AAAA,IAAEK;AAAAA,IAAOC;AAAAA,IAAYC;AAAAA,EAAAA,IAAmBZ,iBAAiBS,UAAU;AAGzE,QAAMI,WAAWC,KAAKC,IAAIJ,aAAaN,SAASO,cAAc;AAC9D,QAAMI,WAAWF,KAAKC,IAAIJ,aAAaN,UAAU,MAAMO,cAAc;AAGrE,QAAMK,QAAQhB;AAERiB,QAAAA,SAASnB,UAAU,CAAC;AAAA,IAAEoB;AAAAA,IAAUC;AAAAA,EAAAA,OAAc;AAAA,IAClDC,SAAS;AAAA,IACTC,OAAQ,GAAEF,WAAWD;AAAAA,IACrBR;AAAAA,EACA,EAAA;AAEF,yCACE,OAAA;AAAA,IAAA,GAAST;AAAAA,IAAMD,UACZiB,CAAAA,QACDK,2BAAAA,IAACN,OAAK;AAAA,MAEFR;AAAAA,MACAe,UAAUd;AAAAA,MACVe,iBAAiB;AAAA,QACfT;AAAAA,QACAH;AAAAA,QAAAA,UACAa,MAAAA;AAAAA,QACAC,SAAQxB,2CAAayB,eAAeC,0BAAyB;AAAA,MAC/D;AAAA,MACAC,YAAY;AAAA,QACVC,SAAS1B;AAAAA,QACT2B,SAAS,MAAM3B;AAAAA,QACfE;AAAAA,MACF;AAAA,IAAA,CAEF,CAAA;AAAA,EAAA,CACE;AAEV;;"}

package/dist/cjs/components/StepNavigation/SimpleNavigation/utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.cjs","sources":["../../../../../src/components/StepNavigation/SimpleNavigation/utils.ts"],"sourcesContent":["const dotSizes = {\n  xs: 8,\n  sm: 10,\n  md: 12,\n  lg: 14,\n  xl: 16,\n};\n\nconst defaultColor = (theme) => theme.colors.secondary ?? \"secondary\";\nconst disabledColor = (theme) => theme.colors.secondary_60 ?? \"secondary_60\";\n\nconst getColor = (state, theme) =>\n  state === \"Disabled\" ? disabledColor(theme) : defaultColor(theme);\n\nexport { dotSizes, getColor };\n"],"names":["dotSizes","xs","sm","md","lg","xl","defaultColor","theme","colors","secondary","disabledColor","secondary_60","getColor","state"],"mappings":";;AAAA,MAAMA,WAAW;AAAA,EACfC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AAAA,EACJC,IAAI;AACN;AAEA,MAAMC,eAAgBC,CAAAA,UAAUA,MAAMC,OAAOC,aAAa;AAC1D,MAAMC,gBAAiBH,CAAAA,UAAUA,MAAMC,OAAOG,gBAAgB;AAExDC,MAAAA,WAAWA,CAACC,OAAON,UACvBM,UAAU,aAAaH,cAAcH,KAAK,IAAID,aAAaC,KAAK;;;"}

package/dist/cjs/components/StepNavigation/StepNavigation.cjs

@@ -0,0 +1,233 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const _styled = require("@emotion/styled/base");
+const clsx = require("clsx");
+const react = require("@emotion/react");
+const uikitStyles = require("@hitachivantara/uikit-styles");
+const uikitReactCore = require("@hitachivantara/uikit-react-core");
+const StepNavigation_styles = require("./StepNavigation.styles.cjs");
+const stepNavigationClasses = require("./stepNavigationClasses.cjs");
+const utils = require("./utils.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const DefaultNavigation = require("./DefaultNavigation/DefaultNavigation.cjs");
+const SimpleNavigation = require("./SimpleNavigation/SimpleNavigation.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+const HvStepNavigation = ({
+  className,
+  classes,
+  width,
+  steps,
+  stepSize,
+  showTitles,
+  type = "Default",
+  ...others
+}) => {
+  const {
+    activeTheme
+  } = uikitReactCore.useTheme();
+  const breakpoint = uikitReactCore.useWidth();
+  const stepSizeKey = stepSize ?? (["xs", "sm"].includes(breakpoint) ? "sm" : "md");
+  const hasTitles = showTitles ?? !["xs", "sm"].includes(breakpoint);
+  const styledLi = (containerSize) => /* @__PURE__ */ _styled__default.default("li", process.env.NODE_ENV === "production" ? {
+    target: "e1wrrltm3"
+  } : {
+    target: "e1wrrltm3",
+    label: "styledLi"
+  })({
+    width: containerSize,
+    height: containerSize
+  }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2xhYi9zcmMvY29tcG9uZW50cy9TdGVwTmF2aWdhdGlvbi9TdGVwTmF2aWdhdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUZJIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2xhYi9zcmMvY29tcG9uZW50cy9TdGVwTmF2aWdhdGlvbi9TdGVwTmF2aWdhdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjbHN4IH0gZnJvbSBcImNsc3hcIjtcbmltcG9ydCB7IENsYXNzTmFtZXMgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHtcbiAgSHZCYXNlUHJvcHMsXG4gIEh2QnJlYWtwb2ludHMsXG4gIHVzZVRoZW1lLFxuICB1c2VXaWR0aCxcbiAgSHZCb3gsXG4gIEh2VG9vbHRpcCxcbiAgSHZUeXBvZ3JhcGh5LFxufSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWNvcmVcIjtcbmltcG9ydCB7IEh2RGVmYXVsdE5hdmlnYXRpb24sIEh2U3RlcFByb3BzIH0gZnJvbSBcIi4vRGVmYXVsdE5hdmlnYXRpb25cIjtcbmltcG9ydCB7IEh2U2ltcGxlTmF2aWdhdGlvbiB9IGZyb20gXCIuL1NpbXBsZU5hdmlnYXRpb25cIjtcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gXCIuL1N0ZXBOYXZpZ2F0aW9uLnN0eWxlc1wiO1xuaW1wb3J0IHN0ZXBOYXZpZ2F0aW9uQ2xhc3Nlcywge1xuICBIdlN0ZXBOYXZpZ2F0aW9uQ2xhc3Nlcyxcbn0gZnJvbSBcIi4vc3RlcE5hdmlnYXRpb25DbGFzc2VzXCI7XG5pbXBvcnQgeyBTRVBBUkFUT1JfV0lEVEgsIFRJVExFX01BUkdJTiwgVElUTEVfV0lEVEggfSBmcm9tIFwiLi91dGlsc1wiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEh2U3RlcE5hdmlnYXRpb25Qcm9wcyBleHRlbmRzIEh2QmFzZVByb3BzIHtcbiAgLyoqIFR5cGUgb2Ygc3RlcCBuYXZpZ2F0aW9uLiBWYWx1ZXMgPSB7XCJTaW1wbGVcIiwgXCJEZWZhdWx0XCJ9ICovXG4gIHR5cGU/OiBcIlNpbXBsZVwiIHwgXCJEZWZhdWx0XCI7XG4gIC8qKiBTdGVwcyB0byBzaG93IG9uIHRoZSBjb21wb25lbnQuICovXG4gIHN0ZXBzOiBBcnJheTxcbiAgICBQaWNrPFxuICAgICAgSHZTdGVwUHJvcHMsXG4gICAgICBcInN0YXRlXCIgfCBcInRpdGxlXCIgfCBcIm9uQ2xpY2tcIiB8IFwiY2xhc3NOYW1lXCIgfCBcImRpc2FibGVkXCJcbiAgICA+ICYge1xuICAgICAgLyoqIENsYXNzIG5hbWVzIHRvIG92ZXJyaWRlIHN0eWxlcyBvbiB0aGUgc2VwYXJhdG9yIGNvbXBvbmVudCBhZnRlciB0aGUgc3RlcC4gKi9cbiAgICAgIHNlcGFyYXRvckNsYXNzTmFtZT86IHN0cmluZztcbiAgICAgIC8qKiBDbGFzcyBuYW1lcyB0byBvdmVycmlkZSBzdHlsZXMgb24gdGhlIHRpdGxlIGNvbXBvbmVudCBhYm92ZSB0aGUgc3RlcC4gKi9cbiAgICAgIHRpdGxlQ2xhc3NOYW1lPzogc3RyaW5nO1xuICAgIH1cbiAgPjtcbiAgLyoqIFNldHMgb25lIG9mIHRoZSBzdGFuZGFyZCBzaXplcyBvZiB0aGUgc3RlcHMuICovXG4gIHN0ZXBTaXplPzogXCJ4c1wiIHwgXCJzbVwiIHwgXCJtZFwiIHwgXCJsZ1wiIHwgXCJ4bFwiO1xuICAvKiogV2lkdGggb2YgdGhlIGNvbXBvbmVudCBlbGVtZW50IG9uIGVhY2ggYnJlYWtwb2ludCBzY3JlZW4gcmVzb2x1dGlvbi4gKi9cbiAgd2lkdGg/OiB7IFticmVha3BvaW50IGluIEh2QnJlYWtwb2ludHNdPzogbnVtYmVyIH07XG4gIC8qKiBEZWZpbmVzIGVpdGhlciBzaG93IGEgdGl0bGUgb3Igb25seSBhIHRvb2x0aXAgb24gZWFjaCBzdGVwIGNvbXBvbmVudC4gKi9cbiAgc2hvd1RpdGxlcz86IGJvb2xlYW47XG4gIC8qKiBBIEpzcyBPYmplY3QgdXNlZCB0byBvdmVycmlkZSBvciBleHRlbmQgdGhlIHN0eWxlcyBhcHBsaWVkIHRvIHRoZSBlbXB0eSBzdGF0ZSBTdGVwTmF2aWdhdGlvbi4gKi9cbiAgY2xhc3Nlcz86IEh2U3RlcE5hdmlnYXRpb25DbGFzc2VzO1xufVxuXG4vKipcbiAqIE5hdmlnYXRpb24gcGFnZSB3aXRoIHN0ZXBzLlxuICpcbiAqIFlvdSBuZWVkIHRvIGRlZmluZSB0aGUgPGI+c3RlcHM8Yi8+IGRpc3BsYXllZCBvbiB0aGUgY29tcG9uZW50IHNvIHRoYXQgaXRzZWxmIGNhbiBiZSBkcmF3biBvbiB0aGUgVUkuXG4gKiBPbiBlYWNoIHN0ZXAsIHlvdSBuZWVkIHRvIGRlZmluZSBhIDxiPnN0YXRlPC9iPiAtICdQZW5kaW5nJywgJ0ZhaWxlZCcsICdDb21wbGV0ZWQnLCAnQ3VycmVudCcsICdEaXNhYmxlZCcgLVxuICogYW5kIGEgPGI+dGl0bGU8L2I+IHRvIGJlIHNob3duIGFzIGEgdG9vbHRpcCBvciBhIHRleHQgYWJvdmUgb2YgdGhlIHN0ZXAuIFlvdSBjYW4gYWxzbzpcbiAqICogRGVmaW5lIGEgPGI+Y2xhc3NOYW1lPC9iPiBvbiBlYWNoIHN0ZXAgZWxlbWVudDtcbiAqICogRGVmaW5lIGEgPGI+c2VwYXJhdG9yQ2xhc3NOYW1lPC9iPiB0byBzcGVjaWZ5IGEgY2xhc3NOYW1lIGZvciB0aGUgc2VwYXJhdG9yIGVsZW1lbnQuIFRoZSBkZWZhdWx0IGhlaWdodFxuICogdmFsdWVzIG9mIHRoZSBzZXBhcmF0b3IgZWxlbWVudCBhcmUgMnB4LzNweCBvbiAnU2ltcGxlJy8nRGVmYXVsdCcgbGF5b3V0cyByZXNwZWN0aXZlbHk7XG4gKiAqIERlZmluZSBhIDxiPnRpdGxlQ2xhc3NOYW1lPC9iPiB0byBzcGVjaWZ5IGEgY2xhc3NOYW1lIGZvciB0aGUgdGl0bGUgYWJvdmUgZWFjaCBzdGVwIGVsZW1lbnQuXG4gKlxuICogRm9yIHRoZSByb290IGVsZW1lbnQsIHlvdSBjYW46XG4gKiAqIERlZmluZSBhIDxiPmNsYXNzTmFtZTwvYj47XG4gKiAqIENob29zZSBhIDxiPnR5cGU8L2I+IG9mIGxheW91dDogJ1NpbXBsZScgb3IgJ0RlZmF1bHQnO1xuICogKiBDaG9vc2UgdGhlIDxiPnN0ZXBTaXplPC9iPiBvZiB0aGUgc3RlcCBjb21wb25lbnQ6IFwieHNcIiwgXCJzbVwiLCBcIm1kXCIsIFwibGdcIiwgXCJ4bFwiLiBUaGUgZGVmYXVsdCBzaXplIHdpbGwgYmVcbiAqIGNvcnJlc3BvbmRlbnQgdG8gdGhlIGN1cnJlbnQgbWVkaWEgYnJlYWtwb2ludDtcbiAqICogQ2hvb3NlIGVpdGhlciB5b3Ugd2FudCB0byA8Yj5zaG93VGl0bGVzPC9iPiBuZWFyIHRvIGVhY2ggc3RlcCBjb21wb25lbnQgb3IgYSB0b29sdGlwIG9uIGhvdmVyO1xuICogKiBEZWZpbmUgYSA8Yj53aWR0aDwvYj4gb2YgdGhlIGNvbXBvbmVudC4gSWYgeW91IGRvbid0IGRlZmluZSBhbnkgdmFsdWUgYW5kIHRoZSBzdGVwIGNvbXBvbmVudCBoYXMgbm8gdGl0bGVcbiAqIGRpc3BsYXllZCBhYm92ZSwgdGhlIHdpZHRoIG9mIHRoZSBzZXBhcmF0b3IgZWxlbWVudCB3aWxsIGJlIDEwMHB4LlxuICogSWYgdGhlIHN0ZXAgY29tcG9uZW50IGhhcyB0aXRsZXMsIGVhY2ggb25lIHdpbGwgaGF2ZSAyMTVweCBvZiB3aWR0aCBieSBkZWZhdWx0LlxuICovXG5leHBvcnQgY29uc3QgSHZTdGVwTmF2aWdhdGlvbiA9ICh7XG4gIGNsYXNzTmFtZSxcbiAgY2xhc3NlcyxcbiAgd2lkdGgsXG4gIHN0ZXBzLFxuICBzdGVwU2l6ZSxcbiAgc2hvd1RpdGxlcyxcbiAgdHlwZSA9IFwiRGVmYXVsdFwiLFxuICAuLi5vdGhlcnNcbn06IEh2U3RlcE5hdmlnYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCB7IGFjdGl2ZVRoZW1lIH0gPSB1c2VUaGVtZSgpO1xuXG4gIC8vIGN1cnJlbnQgYnJlYWtwb2ludCAneHMnIHwgJ3NtJyB8ICdtZCcgfCAnbGcnIHwgJ3hsJ1xuICBjb25zdCBicmVha3BvaW50ID0gdXNlV2lkdGgoKTtcbiAgLy8gc3RlcCBjb25maWd1cmF0aW9uc1xuICBjb25zdCBzdGVwU2l6ZUtleSA9XG4gICAgc3RlcFNpemUgPz8gKFtcInhzXCIsIFwic21cIl0uaW5jbHVkZXMoYnJlYWtwb2ludCkgPyBcInNtXCIgOiBcIm1kXCIpO1xuICBjb25zdCBoYXNUaXRsZXMgPSBzaG93VGl0bGVzID8/ICFbXCJ4c1wiLCBcInNtXCJdLmluY2x1ZGVzKGJyZWFrcG9pbnQpO1xuXG4gIGNvbnN0IHN0eWxlZExpID0gKGNvbnRhaW5lclNpemUpID0+XG4gICAgc3R5bGVkKFwibGlcIikoe1xuICAgICAgd2lkdGg6IGNvbnRhaW5lclNpemUsXG4gICAgICBoZWlnaHQ6IGNvbnRhaW5lclNpemUsXG4gICAgfSk7XG5cbiAgY29uc3Qgc3R5bGVkRGl2ID0gKGNvbnRhaW5lclNpemUpID0+XG4gICAgc3R5bGVkKFwiZGl2XCIpKHtcbiAgICAgIHdpZHRoOiBjb250YWluZXJTaXplLFxuICAgICAgaGVpZ2h0OiBjb250YWluZXJTaXplLFxuICAgIH0pO1xuXG4gIGNvbnN0IHN0eWxlZFNlcGFyYXRvckVsZW1lbnQgPSAoXG4gICAgdGl0bGUsXG4gICAgc2VwYXJhdG9yQ2xhc3NOYW1lLFxuICAgIHNlcGFyYXRvckhlaWdodCxcbiAgICBzZXBhcmF0b3JXaWR0aCxcbiAgICBiYWNrZ3JvdW5kQ29sb3JcbiAgKSA9PiB7XG4gICAgY29uc3QgU3R5bGVkTGkgPSBzdHlsZWQoXCJsaVwiKSh7XG4gICAgICBoZWlnaHQ6IHNlcGFyYXRvckhlaWdodCxcbiAgICAgIHdpZHRoOlxuICAgICAgICBzZXBhcmF0b3JXaWR0aCAtXG4gICAgICAgIDIgKlxuICAgICAgICAgIHBhcnNlSW50KFxuICAgICAgICAgICAgKGFjdGl2ZVRoZW1lPy5zdGVwTmF2aWdhdGlvbi5zZXBhcmF0b3JNYXJnaW4gfHwgXCIwcHhcIikucmVwbGFjZShcbiAgICAgICAgICAgICAgXCJweFwiLFxuICAgICAgICAgICAgICBcIlwiXG4gICAgICAgICAgICApXG4gICAgICAgICAgKSxcbiAgICAgIGJhY2tncm91bmRDb2xvcixcbiAgICAgIG1hcmdpbjogYDAgJHt0aGVtZS5zdGVwTmF2aWdhdGlvbi5zZXBhcmF0b3JNYXJnaW59YCxcbiAgICB9KTtcblxuICAgIHJldHVybiAoXG4gICAgICA8Q2xhc3NOYW1lcyBrZXk9e2BzZXBhcmF0b3ItJHt0aXRsZX1gfT5cbiAgICAgICAgeyh7IGNzcyB9KSA9PiAoXG4gICAgICAgICAgPFN0eWxlZExpXG4gICAgICAgICAgICBhcmlhLWhpZGRlblxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjbHN4KFxuICAgICAgICAgICAgICBjc3Moc3R5bGVzLnNlcGFyYXRvciksXG4gICAgICAgICAgICAgIHN0ZXBOYXZpZ2F0aW9uQ2xhc3Nlcy5zZXBhcmF0b3IsXG4gICAgICAgICAgICAgIGNsYXNzZXM/LnNlcGFyYXRvclxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgIGFyaWEtbGFiZWw9e2BzZXBhcmF0b3ItJHt0aXRsZX1gfVxuICAgICAgICAgICAgICBjbGFzc05hbWU9e2Nsc3goc2VwYXJhdG9yQ2xhc3NOYW1lKX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9TdHlsZWRMaT5cbiAgICAgICAgKX1cbiAgICAgIDwvQ2xhc3NOYW1lcz5cbiAgICApO1xuICB9O1xuXG4gIGNvbnN0IGRyYXdJdGVtcyA9ICh7XG4gICAgc2VwYXJhdG9yVmFsdWVzOiB7IG1pbldpZHRoLCBtYXhXaWR0aCwgZ2V0Q29sb3IsIGhlaWdodCB9LFxuICAgIHN0ZXBWYWx1ZXM6IHsgbWluU2l6ZSwgbWF4U2l6ZSwgU3RlcENvbXBvbmVudCB9LFxuICB9OiBhbnkpID0+IHtcbiAgICBjb25zdCBpdGVtcyA9IHN0ZXBzLnJlZHVjZShcbiAgICAgIChhY2MsIHsgc3RhdGUsIHRpdGxlLCBzZXBhcmF0b3JDbGFzc05hbWUsIC4uLnByb3BzIH0sIGluZGV4KTogYW55ID0+IHtcbiAgICAgICAgY29uc3QgY29udGFpbmVyU2l6ZSA9IHN0YXRlID09PSBcIkN1cnJlbnRcIiA/IG1heFNpemUgOiBtaW5TaXplO1xuICAgICAgICBjb25zdCBTdGVwQ29udGFpbmVyID0gc3R5bGVkTGkoY29udGFpbmVyU2l6ZSk7XG4gICAgICAgIGNvbnN0IFN0ZXAgPSBzdHlsZWREaXYoTWF0aC5tYXgoY29udGFpbmVyU2l6ZSwgMzApKTtcbiAgICAgICAgY29uc3Qgc3RlcFByb3BzID0ge1xuICAgICAgICAgIC4uLntcbiAgICAgICAgICAgIHNpemU6IHN0ZXBTaXplS2V5LFxuICAgICAgICAgICAgc3RhdGUsXG4gICAgICAgICAgICB0aXRsZSxcbiAgICAgICAgICAgIG51bWJlcjogaW5kZXggKyAxLFxuICAgICAgICAgICAgLi4ucHJvcHMsXG4gICAgICAgICAgfSxcbiAgICAgICAgfTtcbiAgICAgICAgY29uc3Qgc3RlcEVsZW1lbnQgPSAoXG4gICAgICAgICAgPENsYXNzTmFtZXMga2V5PXtgc3RlcC0ke3RpdGxlfWB9PlxuICAgICAgICAgICAgeyh7IGNzcyB9KSA9PiAoXG4gICAgICAgICAgICAgIDxTdGVwQ29udGFpbmVyXG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjbHN4KFxuICAgICAgICAgICAgICAgICAgY3NzKHN0eWxlcy5saSksXG4gICAgICAgICAgICAgICAgICBzdGVwTmF2aWdhdGlvbkNsYXNzZXMubGksXG4gICAgICAgICAgICAgICAgICBjbGFzc2VzPy5saVxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7aGFzVGl0bGVzID8gKFxuICAgICAgICAgICAgICAgICAgPFN0ZXBDb21wb25lbnRcbiAgICAgICAgICAgICAgICAgICAga2V5PXtgc3RlcC0ke3RpdGxlfWB9XG4gICAgICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9e2BzdGVwLSR7dGl0bGV9YH1cbiAgICAgICAgICAgICAgICAgICAgey4uLnN0ZXBQcm9wc31cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICAgIDxIdlRvb2x0aXBcbiAgICAgICAgICAgICAgICAgICAgcGxhY2VtZW50PVwiYm90dG9tXCJcbiAgICAgICAgICAgICAgICAgICAgdGl0bGU9e1xuICAgICAgICAgICAgICAgICAgICAgIDxIdlR5cG9ncmFwaHk+e2Ake2luZGV4ICsgMX0uICR7dGl0bGV9YH08L0h2VHlwb2dyYXBoeT5cbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGFyaWEtbGFiZWw9e2BzdGVwLWNvbnRhaW5lci0ke3RpdGxlfWB9PlxuICAgICAgICAgICAgICAgICAgICAgIDxTdGVwXG4gICAgICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2Nsc3goXG4gICAgICAgICAgICAgICAgICAgICAgICAgIGNzcyhzdHlsZXMubGkpLFxuICAgICAgICAgICAgICAgICAgICAgICAgICBzdGVwTmF2aWdhdGlvbkNsYXNzZXMubGksXG4gICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzZXM/LmxpXG4gICAgICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxTdGVwQ29tcG9uZW50XG4gICAgICAgICAgICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9e2BzdGVwLSR7dGl0bGV9YH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgey4uLnN0ZXBQcm9wc31cbiAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgPC9TdGVwPlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgIDwvSHZUb29sdGlwPlxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIDwvU3RlcENvbnRhaW5lcj5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9DbGFzc05hbWVzPlxuICAgICAgICApO1xuICAgICAgICBpZiAoaW5kZXggPCBzdGVwcy5sZW5ndGggLSAxKSB7XG4gICAgICAgICAgY29uc3Qgc2VwYXJhdG9yRWxlbWVudCA9IHN0eWxlZFNlcGFyYXRvckVsZW1lbnQoXG4gICAgICAgICAgICB0aXRsZSxcbiAgICAgICAgICAgIHNlcGFyYXRvckNsYXNzTmFtZSxcbiAgICAgICAgICAgIGhlaWdodCxcbiAgICAgICAgICAgIFtzdGVwc1tpbmRleCArIDFdLnN0YXRlLCBzdGF0ZV0uaW5jbHVkZXMoXCJDdXJyZW50XCIpXG4gICAgICAgICAgICAgID8gbWluV2lkdGhcbiAgICAgICAgICAgICAgOiBtYXhXaWR0aCxcbiAgICAgICAgICAgIGdldENvbG9yKFxuICAgICAgICAgICAgICBzdGVwc1tpbmRleCArIDFdLnN0YXRlID09PSBcIkRpc2FibGVkXCIgPyBcIkRpc2FibGVkXCIgOiBzdGF0ZSxcbiAgICAgICAgICAgICAgdGhlbWVcbiAgICAgICAgICAgIClcbiAgICAgICAgICApO1xuICAgICAgICAgIHJldHVybiBbLi4uYWNjLCBzdGVwRWxlbWVudCwgc2VwYXJhdG9yRWxlbWVudF07XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIFsuLi5hY2MsIHN0ZXBFbGVtZW50XTtcbiAgICAgIH0sXG4gICAgICBbXVxuICAgICk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPENsYXNzTmFtZXM+XG4gICAgICAgIHsoeyBjc3MgfSkgPT4gKFxuICAgICAgICAgIDxvbFxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjbHN4KFxuICAgICAgICAgICAgICBjc3Moc3R5bGVzLm9sKSxcbiAgICAgICAgICAgICAgc3RlcE5hdmlnYXRpb25DbGFzc2VzLm9sLFxuICAgICAgICAgICAgICBjbGFzc2VzPy5vbFxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7aXRlbXN9XG4gICAgICAgICAgPC9vbD5cbiAgICAgICAgKX1cbiAgICAgIDwvQ2xhc3NOYW1lcz5cbiAgICApO1xuICB9O1xuXG4gIGNvbnN0IGdldER5bmFtaWNWYWx1ZXMgPSAoc3RlcHNXaWR0aCkgPT4ge1xuICAgIGNvbnN0IHRoZW1lQnJlYWtwb2ludHMgPSBhY3RpdmVUaGVtZT8uYnJlYWtwb2ludHMudmFsdWVzIHx8IHt9O1xuICAgIGNvbnN0IG1heFdpZHRoID1cbiAgICAgIHdpZHRoPy5bYnJlYWtwb2ludF0gPz9cbiAgICAgIE1hdGgubWF4KFxuICAgICAgICBOdW1iZXIoaGFzVGl0bGVzKSAqIChUSVRMRV9XSURUSCArIFRJVExFX01BUkdJTikgKiBzdGVwcy5sZW5ndGggLVxuICAgICAgICAgIFRJVExFX01BUkdJTixcbiAgICAgICAgU0VQQVJBVE9SX1dJRFRIICogKHN0ZXBzLmxlbmd0aCAtIDEpICsgc3RlcHNXaWR0aFxuICAgICAgKTtcbiAgICBjb25zdCBuZXh0ID0gT2JqZWN0LmtleXModGhlbWVCcmVha3BvaW50cykuZmluZCgoXywgaW5kZXgsIHNlbGYpID0+XG4gICAgICBpbmRleCAtIDEgPj0gMCA/IHNlbGZbaW5kZXggLSAxXSA9PT0gYnJlYWtwb2ludCA6IGZhbHNlXG4gICAgKTtcblxuICAgIGNvbnN0IG5hdldpZHRoID1cbiAgICAgIChuZXh0ICYmIE1hdGgubWluKG1heFdpZHRoLCB0aGVtZUJyZWFrcG9pbnRzW25leHRdID8/IG1heFdpZHRoKSkgfHxcbiAgICAgIHRoZW1lQnJlYWtwb2ludHNbYnJlYWtwb2ludF07XG5cbiAgICBjb25zdCB0aXRsZVdpZHRoID1cbiAgICAgIE51bWJlcihoYXNUaXRsZXMpICogTWF0aC5jZWlsKChuYXZXaWR0aCArIFRJVExFX01BUkdJTikgLyBzdGVwcy5sZW5ndGgpO1xuICAgIGNvbnN0IHNlcGFyYXRvcldpZHRoID1cbiAgICAgIE51bWJlcighaGFzVGl0bGVzKSAqXG4gICAgICBNYXRoLmNlaWwoKG5hdldpZHRoIC0gc3RlcHNXaWR0aCkgLyAoc3RlcHMubGVuZ3RoIC0gMSkpO1xuICAgIHJldHVybiB7IHdpZHRoOiBuYXZXaWR0aCwgdGl0bGVXaWR0aCwgc2VwYXJhdG9yV2lkdGggfTtcbiAgfTtcblxuICBjb25zdCBzdHlsZWRUaXRsZSA9IChcbiAgICB0aXRsZUNsYXNzTmFtZSxcbiAgICB2YXJpYW50LFxuICAgIHRpdGxlLFxuICAgIHRpdGxlV2lkdGgsXG4gICAgdGl0bGVEaXNhYmxlZFxuICApID0+IHtcbiAgICBjb25zdCBTdHlsZWRUaXRsZSA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICAgIHdpZHRoOiB0aXRsZVdpZHRoIC0gVElUTEVfTUFSR0lOLFxuICAgICAgbWFyZ2luUmlnaHQ6IFRJVExFX01BUkdJTixcbiAgICB9KTtcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkVGl0bGVcbiAgICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgICAgY2xhc3NOYW1lPXt0aXRsZUNsYXNzTmFtZX1cbiAgICAgICAgZGlzYWJsZWQ9e3RpdGxlRGlzYWJsZWR9XG4gICAgICAgIGtleT17YHRpdGxlLSR7dGl0bGV9YH1cbiAgICAgID5cbiAgICAgICAge3RpdGxlfVxuICAgICAgPC9TdHlsZWRUaXRsZT5cbiAgICApO1xuICB9O1xuXG4gIGNvbnN0IGdldFRpdGxlcyA9IChnZXRUaXRsZVByb3BzKSA9PlxuICAgIGhhc1RpdGxlcyA/IChcbiAgICAgIDxDbGFzc05hbWVzPlxuICAgICAgICB7KHsgY3NzIH0pID0+IChcbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjbGFzc05hbWU9e2Nsc3goXG4gICAgICAgICAgICAgIGNzcyhzdHlsZXMudGl0bGVzKSxcbiAgICAgICAgICAgICAgc3RlcE5hdmlnYXRpb25DbGFzc2VzLnRpdGxlcyxcbiAgICAgICAgICAgICAgY2xhc3Nlcz8udGl0bGVzXG4gICAgICAgICAgICApfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtzdGVwcy5tYXAoKHsgdGl0bGU6IHJhd1RpdGxlLCBzdGF0ZSwgdGl0bGVDbGFzc05hbWUgfSwgaW5kZXgpID0+IHtcbiAgICAgICAgICAgICAgY29uc3Qge1xuICAgICAgICAgICAgICAgIHZhcmlhbnQgPSBcImxhYmVsXCIsXG4gICAgICAgICAgICAgICAgdGl0bGUgPSByYXdUaXRsZSxcbiAgICAgICAgICAgICAgICB0aXRsZVdpZHRoID0gMCxcbiAgICAgICAgICAgICAgICB0aXRsZURpc2FibGVkID0gZmFsc2UsXG4gICAgICAgICAgICAgIH0gPSBnZXRUaXRsZVByb3BzKHtcbiAgICAgICAgICAgICAgICBzdGF0ZSxcbiAgICAgICAgICAgICAgICByYXdUaXRsZSxcbiAgICAgICAgICAgICAgICBudW1iZXI6IGluZGV4ICsgMSxcbiAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICAgIGxldCBUaXRsZSA9IHN0eWxlZFRpdGxlKFxuICAgICAgICAgICAgICAgIHRpdGxlQ2xhc3NOYW1lLFxuICAgICAgICAgICAgICAgIHZhcmlhbnQsXG4gICAgICAgICAgICAgICAgdGl0bGUsXG4gICAgICAgICAgICAgICAgdGl0bGVXaWR0aCxcbiAgICAgICAgICAgICAgICB0aXRsZURpc2FibGVkXG4gICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgIHJldHVybiBUaXRsZTtcbiAgICAgICAgICAgIH0pfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApfVxuICAgICAgPC9DbGFzc05hbWVzPlxuICAgICkgOiBudWxsO1xuXG4gIGNvbnN0IFN0ZXBOYXZpZ2F0aW9uID0ge1xuICAgIERlZmF1bHQ6IEh2RGVmYXVsdE5hdmlnYXRpb24sXG4gICAgU2ltcGxlOiBIdlNpbXBsZU5hdmlnYXRpb24sXG4gIH1bdHlwZV07XG5cbiAgcmV0dXJuIChcbiAgICA8Q2xhc3NOYW1lcz5cbiAgICAgIHsoeyBjc3MgfSkgPT4gKFxuICAgICAgICA8U3RlcE5hdmlnYXRpb25cbiAgICAgICAgICB7Li4ue1xuICAgICAgICAgICAgbnVtU3RlcHM6IHN0ZXBzLmxlbmd0aCxcbiAgICAgICAgICAgIHN0ZXBTaXplOiBzdGVwU2l6ZUtleSxcbiAgICAgICAgICAgIGdldFRpdGxlcyxcbiAgICAgICAgICAgIGdldER5bmFtaWNWYWx1ZXMsXG4gICAgICAgICAgICBjbGFzc05hbWU6IGNsc3goXG4gICAgICAgICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgICAgICAgc3RlcE5hdmlnYXRpb25DbGFzc2VzLnJvb3QsXG4gICAgICAgICAgICAgIGNsYXNzZXM/LnJvb3QsXG4gICAgICAgICAgICAgIGNzcyhzdHlsZXMucm9vdClcbiAgICAgICAgICAgICksXG4gICAgICAgICAgICAuLi5vdGhlcnMsXG4gICAgICAgICAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIHsoeyBzdGVwc1dpZHRoLCBuYXZXaWR0aCwgLi4uaXRlbXNQcm9wcyB9KSA9PiAoXG4gICAgICAgICAgICA8SHZCb3hcbiAgICAgICAgICAgICAgYXM9XCJuYXZcIlxuICAgICAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgICAgIHdpZHRoOiBgJHtuYXZXaWR0aH1weGAsXG4gICAgICAgICAgICAgICAgbWFyZ2luOiAwLFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7ZHJhd0l0ZW1zKGl0ZW1zUHJvcHMpfVxuICAgICAgICAgICAgPC9IdkJveD5cbiAgICAgICAgICApfVxuICAgICAgICA8L1N0ZXBOYXZpZ2F0aW9uPlxuICAgICAgKX1cbiAgICA8L0NsYXNzTmFtZXM+XG4gICk7XG59O1xuIl19 */");
+  const styledDiv = (containerSize) => /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+    target: "e1wrrltm2"
+  } : {
+    target: "e1wrrltm2",
+    label: "styledDiv"
+  })({
+    width: containerSize,
+    height: containerSize
+  }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2xhYi9zcmMvY29tcG9uZW50cy9TdGVwTmF2aWdhdGlvbi9TdGVwTmF2aWdhdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkZJIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2xhYi9zcmMvY29tcG9uZW50cy9TdGVwTmF2aWdhdGlvbi9TdGVwTmF2aWdhdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjbHN4IH0gZnJvbSBcImNsc3hcIjtcbmltcG9ydCB7IENsYXNzTmFtZXMgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHtcbiAgSHZCYXNlUHJvcHMsXG4gIEh2QnJlYWtwb2ludHMsXG4gIHVzZVRoZW1lLFxuICB1c2VXaWR0aCxcbiAgSHZCb3gsXG4gIEh2VG9vbHRpcCxcbiAgSHZUeXBvZ3JhcGh5LFxufSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWNvcmVcIjtcbmltcG9ydCB7IEh2RGVmYXVsdE5hdmlnYXRpb24sIEh2U3RlcFByb3BzIH0gZnJvbSBcIi4vRGVmYXVsdE5hdmlnYXRpb25cIjtcbmltcG9ydCB7IEh2U2ltcGxlTmF2aWdhdGlvbiB9IGZyb20gXCIuL1NpbXBsZU5hdmlnYXRpb25cIjtcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gXCIuL1N0ZXBOYXZpZ2F0aW9uLnN0eWxlc1wiO1xuaW1wb3J0IHN0ZXBOYXZpZ2F0aW9uQ2xhc3Nlcywge1xuICBIdlN0ZXBOYXZpZ2F0aW9uQ2xhc3Nlcyxcbn0gZnJvbSBcIi4vc3RlcE5hdmlnYXRpb25DbGFzc2VzXCI7XG5pbXBvcnQgeyBTRVBBUkFUT1JfV0lEVEgsIFRJVExFX01BUkdJTiwgVElUTEVfV0lEVEggfSBmcm9tIFwiLi91dGlsc1wiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEh2U3RlcE5hdmlnYXRpb25Qcm9wcyBleHRlbmRzIEh2QmFzZVByb3BzIHtcbiAgLyoqIFR5cGUgb2Ygc3RlcCBuYXZpZ2F0aW9uLiBWYWx1ZXMgPSB7XCJTaW1wbGVcIiwgXCJEZWZhdWx0XCJ9ICovXG4gIHR5cGU/OiBcIlNpbXBsZVwiIHwgXCJEZWZhdWx0XCI7XG4gIC8qKiBTdGVwcyB0byBzaG93IG9uIHRoZSBjb21wb25lbnQuICovXG4gIHN0ZXBzOiBBcnJheTxcbiAgICBQaWNrPFxuICAgICAgSHZTdGVwUHJvcHMsXG4gICAgICBcInN0YXRlXCIgfCBcInRpdGxlXCIgfCBcIm9uQ2xpY2tcIiB8IFwiY2xhc3NOYW1lXCIgfCBcImRpc2FibGVkXCJcbiAgICA+ICYge1xuICAgICAgLyoqIENsYXNzIG5hbWVzIHRvIG92ZXJyaWRlIHN0eWxlcyBvbiB0aGUgc2VwYXJhdG9yIGNvbXBvbmVudCBhZnRlciB0aGUgc3RlcC4gKi9cbiAgICAgIHNlcGFyYXRvckNsYXNzTmFtZT86IHN0cmluZztcbiAgICAgIC8qKiBDbGFzcyBuYW1lcyB0byBvdmVycmlkZSBzdHlsZXMgb24gdGhlIHRpdGxlIGNvbXBvbmVudCBhYm92ZSB0aGUgc3RlcC4gKi9cbiAgICAgIHRpdGxlQ2xhc3NOYW1lPzogc3RyaW5nO1xuICAgIH1cbiAgPjtcbiAgLyoqIFNldHMgb25lIG9mIHRoZSBzdGFuZGFyZCBzaXplcyBvZiB0aGUgc3RlcHMuICovXG4gIHN0ZXBTaXplPzogXCJ4c1wiIHwgXCJzbVwiIHwgXCJtZFwiIHwgXCJsZ1wiIHwgXCJ4bFwiO1xuICAvKiogV2lkdGggb2YgdGhlIGNvbXBvbmVudCBlbGVtZW50IG9uIGVhY2ggYnJlYWtwb2ludCBzY3JlZW4gcmVzb2x1dGlvbi4gKi9cbiAgd2lkdGg/OiB7IFticmVha3BvaW50IGluIEh2QnJlYWtwb2ludHNdPzogbnVtYmVyIH07XG4gIC8qKiBEZWZpbmVzIGVpdGhlciBzaG93IGEgdGl0bGUgb3Igb25seSBhIHRvb2x0aXAgb24gZWFjaCBzdGVwIGNvbXBvbmVudC4gKi9cbiAgc2hvd1RpdGxlcz86IGJvb2xlYW47XG4gIC8qKiBBIEpzcyBPYmplY3QgdXNlZCB0byBvdmVycmlkZSBvciBleHRlbmQgdGhlIHN0eWxlcyBhcHBsaWVkIHRvIHRoZSBlbXB0eSBzdGF0ZSBTdGVwTmF2aWdhdGlvbi4gKi9cbiAgY2xhc3Nlcz86IEh2U3RlcE5hdmlnYXRpb25DbGFzc2VzO1xufVxuXG4vKipcbiAqIE5hdmlnYXRpb24gcGFnZSB3aXRoIHN0ZXBzLlxuICpcbiAqIFlvdSBuZWVkIHRvIGRlZmluZSB0aGUgPGI+c3RlcHM8Yi8+IGRpc3BsYXllZCBvbiB0aGUgY29tcG9uZW50IHNvIHRoYXQgaXRzZWxmIGNhbiBiZSBkcmF3biBvbiB0aGUgVUkuXG4gKiBPbiBlYWNoIHN0ZXAsIHlvdSBuZWVkIHRvIGRlZmluZSBhIDxiPnN0YXRlPC9iPiAtICdQZW5kaW5nJywgJ0ZhaWxlZCcsICdDb21wbGV0ZWQnLCAnQ3VycmVudCcsICdEaXNhYmxlZCcgLVxuICogYW5kIGEgPGI+dGl0bGU8L2I+IHRvIGJlIHNob3duIGFzIGEgdG9vbHRpcCBvciBhIHRleHQgYWJvdmUgb2YgdGhlIHN0ZXAuIFlvdSBjYW4gYWxzbzpcbiAqICogRGVmaW5lIGEgPGI+Y2xhc3NOYW1lPC9iPiBvbiBlYWNoIHN0ZXAgZWxlbWVudDtcbiAqICogRGVmaW5lIGEgPGI+c2VwYXJhdG9yQ2xhc3NOYW1lPC9iPiB0byBzcGVjaWZ5IGEgY2xhc3NOYW1lIGZvciB0aGUgc2VwYXJhdG9yIGVsZW1lbnQuIFRoZSBkZWZhdWx0IGhlaWdodFxuICogdmFsdWVzIG9mIHRoZSBzZXBhcmF0b3IgZWxlbWVudCBhcmUgMnB4LzNweCBvbiAnU2ltcGxlJy8nRGVmYXVsdCcgbGF5b3V0cyByZXNwZWN0aXZlbHk7XG4gKiAqIERlZmluZSBhIDxiPnRpdGxlQ2xhc3NOYW1lPC9iPiB0byBzcGVjaWZ5IGEgY2xhc3NOYW1lIGZvciB0aGUgdGl0bGUgYWJvdmUgZWFjaCBzdGVwIGVsZW1lbnQuXG4gKlxuICogRm9yIHRoZSByb290IGVsZW1lbnQsIHlvdSBjYW46XG4gKiAqIERlZmluZSBhIDxiPmNsYXNzTmFtZTwvYj47XG4gKiAqIENob29zZSBhIDxiPnR5cGU8L2I+IG9mIGxheW91dDogJ1NpbXBsZScgb3IgJ0RlZmF1bHQnO1xuICogKiBDaG9vc2UgdGhlIDxiPnN0ZXBTaXplPC9iPiBvZiB0aGUgc3RlcCBjb21wb25lbnQ6IFwieHNcIiwgXCJzbVwiLCBcIm1kXCIsIFwibGdcIiwgXCJ4bFwiLiBUaGUgZGVmYXVsdCBzaXplIHdpbGwgYmVcbiAqIGNvcnJlc3BvbmRlbnQgdG8gdGhlIGN1cnJlbnQgbWVkaWEgYnJlYWtwb2ludDtcbiAqICogQ2hvb3NlIGVpdGhlciB5b3Ugd2FudCB0byA8Yj5zaG93VGl0bGVzPC9iPiBuZWFyIHRvIGVhY2ggc3RlcCBjb21wb25lbnQgb3IgYSB0b29sdGlwIG9uIGhvdmVyO1xuICogKiBEZWZpbmUgYSA8Yj53aWR0aDwvYj4gb2YgdGhlIGNvbXBvbmVudC4gSWYgeW91IGRvbid0IGRlZmluZSBhbnkgdmFsdWUgYW5kIHRoZSBzdGVwIGNvbXBvbmVudCBoYXMgbm8gdGl0bGVcbiAqIGRpc3BsYXllZCBhYm92ZSwgdGhlIHdpZHRoIG9mIHRoZSBzZXBhcmF0b3IgZWxlbWVudCB3aWxsIGJlIDEwMHB4LlxuICogSWYgdGhlIHN0ZXAgY29tcG9uZW50IGhhcyB0aXRsZXMsIGVhY2ggb25lIHdpbGwgaGF2ZSAyMTVweCBvZiB3aWR0aCBieSBkZWZhdWx0LlxuICovXG5leHBvcnQgY29uc3QgSHZTdGVwTmF2aWdhdGlvbiA9ICh7XG4gIGNsYXNzTmFtZSxcbiAgY2xhc3NlcyxcbiAgd2lkdGgsXG4gIHN0ZXBzLFxuICBzdGVwU2l6ZSxcbiAgc2hvd1RpdGxlcyxcbiAgdHlwZSA9IFwiRGVmYXVsdFwiLFxuICAuLi5vdGhlcnNcbn06IEh2U3RlcE5hdmlnYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCB7IGFjdGl2ZVRoZW1lIH0gPSB1c2VUaGVtZSgpO1xuXG4gIC8vIGN1cnJlbnQgYnJlYWtwb2ludCAneHMnIHwgJ3NtJyB8ICdtZCcgfCAnbGcnIHwgJ3hsJ1xuICBjb25zdCBicmVha3BvaW50ID0gdXNlV2lkdGgoKTtcbiAgLy8gc3RlcCBjb25maWd1cmF0aW9uc1xuICBjb25zdCBzdGVwU2l6ZUtleSA9XG4gICAgc3RlcFNpemUgPz8gKFtcInhzXCIsIFwic21cIl0uaW5jbHVkZXMoYnJlYWtwb2ludCkgPyBcInNtXCIgOiBcIm1kXCIpO1xuICBjb25zdCBoYXNUaXRsZXMgPSBzaG93VGl0bGVzID8/ICFbXCJ4c1wiLCBcInNtXCJdLmluY2x1ZGVzKGJyZWFrcG9pbnQpO1xuXG4gIGNvbnN0IHN0eWxlZExpID0gKGNvbnRhaW5lclNpemUpID0+XG4gICAgc3R5bGVkKFwibGlcIikoe1xuICAgICAgd2lkdGg6IGNvbnRhaW5lclNpemUsXG4gICAgICBoZWlnaHQ6IGNvbnRhaW5lclNpemUsXG4gICAgfSk7XG5cbiAgY29uc3Qgc3R5bGVkRGl2ID0gKGNvbnRhaW5lclNpemUpID0+XG4gICAgc3R5bGVkKFwiZGl2XCIpKHtcbiAgICAgIHdpZHRoOiBjb250YWluZXJTaXplLFxuICAgICAgaGVpZ2h0OiBjb250YWluZXJTaXplLFxuICAgIH0pO1xuXG4gIGNvbnN0IHN0eWxlZFNlcGFyYXRvckVsZW1lbnQgPSAoXG4gICAgdGl0bGUsXG4gICAgc2VwYXJhdG9yQ2xhc3NOYW1lLFxuICAgIHNlcGFyYXRvckhlaWdodCxcbiAgICBzZXBhcmF0b3JXaWR0aCxcbiAgICBiYWNrZ3JvdW5kQ29sb3JcbiAgKSA9PiB7XG4gICAgY29uc3QgU3R5bGVkTGkgPSBzdHlsZWQoXCJsaVwiKSh7XG4gICAgICBoZWlnaHQ6IHNlcGFyYXRvckhlaWdodCxcbiAgICAgIHdpZHRoOlxuICAgICAgICBzZXBhcmF0b3JXaWR0aCAtXG4gICAgICAgIDIgKlxuICAgICAgICAgIHBhcnNlSW50KFxuICAgICAgICAgICAgKGFjdGl2ZVRoZW1lPy5zdGVwTmF2aWdhdGlvbi5zZXBhcmF0b3JNYXJnaW4gfHwgXCIwcHhcIikucmVwbGFjZShcbiAgICAgICAgICAgICAgXCJweFwiLFxuICAgICAgICAgICAgICBcIlwiXG4gICAgICAgICAgICApXG4gICAgICAgICAgKSxcbiAgICAgIGJhY2tncm91bmRDb2xvcixcbiAgICAgIG1hcmdpbjogYDAgJHt0aGVtZS5zdGVwTmF2aWdhdGlvbi5zZXBhcmF0b3JNYXJnaW59YCxcbiAgICB9KTtcblxuICAgIHJldHVybiAoXG4gICAgICA8Q2xhc3NOYW1lcyBrZXk9e2BzZXBhcmF0b3ItJHt0aXRsZX1gfT5cbiAgICAgICAgeyh7IGNzcyB9KSA9PiAoXG4gICAgICAgICAgPFN0eWxlZExpXG4gICAgICAgICAgICBhcmlhLWhpZGRlblxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjbHN4KFxuICAgICAgICAgICAgICBjc3Moc3R5bGVzLnNlcGFyYXRvciksXG4gICAgICAgICAgICAgIHN0ZXBOYXZpZ2F0aW9uQ2xhc3Nlcy5zZXBhcmF0b3IsXG4gICAgICAgICAgICAgIGNsYXNzZXM/LnNlcGFyYXRvclxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgIGFyaWEtbGFiZWw9e2BzZXBhcmF0b3ItJHt0aXRsZX1gfVxuICAgICAgICAgICAgICBjbGFzc05hbWU9e2Nsc3goc2VwYXJhdG9yQ2xhc3NOYW1lKX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9TdHlsZWRMaT5cbiAgICAgICAgKX1cbiAgICAgIDwvQ2xhc3NOYW1lcz5cbiAgICApO1xuICB9O1xuXG4gIGNvbnN0IGRyYXdJdGVtcyA9ICh7XG4gICAgc2VwYXJhdG9yVmFsdWVzOiB7IG1pbldpZHRoLCBtYXhXaWR0aCwgZ2V0Q29sb3IsIGhlaWdodCB9LFxuICAgIHN0ZXBWYWx1ZXM6IHsgbWluU2l6ZSwgbWF4U2l6ZSwgU3RlcENvbXBvbmVudCB9LFxuICB9OiBhbnkpID0+IHtcbiAgICBjb25zdCBpdGVtcyA9IHN0ZXBzLnJlZHVjZShcbiAgICAgIChhY2MsIHsgc3RhdGUsIHRpdGxlLCBzZXBhcmF0b3JDbGFzc05hbWUsIC4uLnByb3BzIH0sIGluZGV4KTogYW55ID0+IHtcbiAgICAgICAgY29uc3QgY29udGFpbmVyU2l6ZSA9IHN0YXRlID09PSBcIkN1cnJlbnRcIiA/IG1heFNpemUgOiBtaW5TaXplO1xuICAgICAgICBjb25zdCBTdGVwQ29udGFpbmVyID0gc3R5bGVkTGkoY29udGFpbmVyU2l6ZSk7XG4gICAgICAgIGNvbnN0IFN0ZXAgPSBzdHlsZWREaXYoTWF0aC5tYXgoY29udGFpbmVyU2l6ZSwgMzApKTtcbiAgICAgICAgY29uc3Qgc3RlcFByb3BzID0ge1xuICAgICAgICAgIC4uLntcbiAgICAgICAgICAgIHNpemU6IHN0ZXBTaXplS2V5LFxuICAgICAgICAgICAgc3RhdGUsXG4gICAgICAgICAgICB0aXRsZSxcbiAgICAgICAgICAgIG51bWJlcjogaW5kZXggKyAxLFxuICAgICAgICAgICAgLi4ucHJvcHMsXG4gICAgICAgICAgfSxcbiAgICAgICAgfTtcbiAgICAgICAgY29uc3Qgc3RlcEVsZW1lbnQgPSAoXG4gICAgICAgICAgPENsYXNzTmFtZXMga2V5PXtgc3RlcC0ke3RpdGxlfWB9PlxuICAgICAgICAgICAgeyh7IGNzcyB9KSA9PiAoXG4gICAgICAgICAgICAgIDxTdGVwQ29udGFpbmVyXG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjbHN4KFxuICAgICAgICAgICAgICAgICAgY3NzKHN0eWxlcy5saSksXG4gICAgICAgICAgICAgICAgICBzdGVwTmF2aWdhdGlvbkNsYXNzZXMubGksXG4gICAgICAgICAgICAgICAgICBjbGFzc2VzPy5saVxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7aGFzVGl0bGVzID8gKFxuICAgICAgICAgICAgICAgICAgPFN0ZXBDb21wb25lbnRcbiAgICAgICAgICAgICAgICAgICAga2V5PXtgc3RlcC0ke3RpdGxlfWB9XG4gICAgICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9e2BzdGVwLSR7dGl0bGV9YH1cbiAgICAgICAgICAgICAgICAgICAgey4uLnN0ZXBQcm9wc31cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICAgIDxIdlRvb2x0aXBcbiAgICAgICAgICAgICAgICAgICAgcGxhY2VtZW50PVwiYm90dG9tXCJcbiAgICAgICAgICAgICAgICAgICAgdGl0bGU9e1xuICAgICAgICAgICAgICAgICAgICAgIDxIdlR5cG9ncmFwaHk+e2Ake2luZGV4ICsgMX0uICR7dGl0bGV9YH08L0h2VHlwb2dyYXBoeT5cbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGFyaWEtbGFiZWw9e2BzdGVwLWNvbnRhaW5lci0ke3RpdGxlfWB9PlxuICAgICAgICAgICAgICAgICAgICAgIDxTdGVwXG4gICAgICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2Nsc3goXG4gICAgICAgICAgICAgICAgICAgICAgICAgIGNzcyhzdHlsZXMubGkpLFxuICAgICAgICAgICAgICAgICAgICAgICAgICBzdGVwTmF2aWdhdGlvbkNsYXNzZXMubGksXG4gICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzZXM/LmxpXG4gICAgICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxTdGVwQ29tcG9uZW50XG4gICAgICAgICAgICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9e2BzdGVwLSR7dGl0bGV9YH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgey4uLnN0ZXBQcm9wc31cbiAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgPC9TdGVwPlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgIDwvSHZUb29sdGlwPlxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIDwvU3RlcENvbnRhaW5lcj5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9DbGFzc05hbWVzPlxuICAgICAgICApO1xuICAgICAgICBpZiAoaW5kZXggPCBzdGVwcy5sZW5ndGggLSAxKSB7XG4gICAgICAgICAgY29uc3Qgc2VwYXJhdG9yRWxlbWVudCA9IHN0eWxlZFNlcGFyYXRvckVsZW1lbnQoXG4gICAgICAgICAgICB0aXRsZSxcbiAgICAgICAgICAgIHNlcGFyYXRvckNsYXNzTmFtZSxcbiAgICAgICAgICAgIGhlaWdodCxcbiAgICAgICAgICAgIFtzdGVwc1tpbmRleCArIDFdLnN0YXRlLCBzdGF0ZV0uaW5jbHVkZXMoXCJDdXJyZW50XCIpXG4gICAgICAgICAgICAgID8gbWluV2lkdGhcbiAgICAgICAgICAgICAgOiBtYXhXaWR0aCxcbiAgICAgICAgICAgIGdldENvbG9yKFxuICAgICAgICAgICAgICBzdGVwc1tpbmRleCArIDFdLnN0YXRlID09PSBcIkRpc2FibGVkXCIgPyBcIkRpc2FibGVkXCIgOiBzdGF0ZSxcbiAgICAgICAgICAgICAgdGhlbWVcbiAgICAgICAgICAgIClcbiAgICAgICAgICApO1xuICAgICAgICAgIHJldHVybiBbLi4uYWNjLCBzdGVwRWxlbWVudCwgc2VwYXJhdG9yRWxlbWVudF07XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIFsuLi5hY2MsIHN0ZXBFbGVtZW50XTtcbiAgICAgIH0sXG4gICAgICBbXVxuICAgICk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPENsYXNzTmFtZXM+XG4gICAgICAgIHsoeyBjc3MgfSkgPT4gKFxuICAgICAgICAgIDxvbFxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjbHN4KFxuICAgICAgICAgICAgICBjc3Moc3R5bGVzLm9sKSxcbiAgICAgICAgICAgICAgc3RlcE5hdmlnYXRpb25DbGFzc2VzLm9sLFxuICAgICAgICAgICAgICBjbGFzc2VzPy5vbFxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7aXRlbXN9XG4gICAgICAgICAgPC9vbD5cbiAgICAgICAgKX1cbiAgICAgIDwvQ2xhc3NOYW1lcz5cbiAgICApO1xuICB9O1xuXG4gIGNvbnN0IGdldER5bmFtaWNWYWx1ZXMgPSAoc3RlcHNXaWR0aCkgPT4ge1xuICAgIGNvbnN0IHRoZW1lQnJlYWtwb2ludHMgPSBhY3RpdmVUaGVtZT8uYnJlYWtwb2ludHMudmFsdWVzIHx8IHt9O1xuICAgIGNvbnN0IG1heFdpZHRoID1cbiAgICAgIHdpZHRoPy5bYnJlYWtwb2ludF0gPz9cbiAgICAgIE1hdGgubWF4KFxuICAgICAgICBOdW1iZXIoaGFzVGl0bGVzKSAqIChUSVRMRV9XSURUSCArIFRJVExFX01BUkdJTikgKiBzdGVwcy5sZW5ndGggLVxuICAgICAgICAgIFRJVExFX01BUkdJTixcbiAgICAgICAgU0VQQVJBVE9SX1dJRFRIICogKHN0ZXBzLmxlbmd0aCAtIDEpICsgc3RlcHNXaWR0aFxuICAgICAgKTtcbiAgICBjb25zdCBuZXh0ID0gT2JqZWN0LmtleXModGhlbWVCcmVha3BvaW50cykuZmluZCgoXywgaW5kZXgsIHNlbGYpID0+XG4gICAgICBpbmRleCAtIDEgPj0gMCA/IHNlbGZbaW5kZXggLSAxXSA9PT0gYnJlYWtwb2ludCA6IGZhbHNlXG4gICAgKTtcblxuICAgIGNvbnN0IG5hdldpZHRoID1cbiAgICAgIChuZXh0ICYmIE1hdGgubWluKG1heFdpZHRoLCB0aGVtZUJyZWFrcG9pbnRzW25leHRdID8/IG1heFdpZHRoKSkgfHxcbiAgICAgIHRoZW1lQnJlYWtwb2ludHNbYnJlYWtwb2ludF07XG5cbiAgICBjb25zdCB0aXRsZVdpZHRoID1cbiAgICAgIE51bWJlcihoYXNUaXRsZXMpICogTWF0aC5jZWlsKChuYXZXaWR0aCArIFRJVExFX01BUkdJTikgLyBzdGVwcy5sZW5ndGgpO1xuICAgIGNvbnN0IHNlcGFyYXRvcldpZHRoID1cbiAgICAgIE51bWJlcighaGFzVGl0bGVzKSAqXG4gICAgICBNYXRoLmNlaWwoKG5hdldpZHRoIC0gc3RlcHNXaWR0aCkgLyAoc3RlcHMubGVuZ3RoIC0gMSkpO1xuICAgIHJldHVybiB7IHdpZHRoOiBuYXZXaWR0aCwgdGl0bGVXaWR0aCwgc2VwYXJhdG9yV2lkdGggfTtcbiAgfTtcblxuICBjb25zdCBzdHlsZWRUaXRsZSA9IChcbiAgICB0aXRsZUNsYXNzTmFtZSxcbiAgICB2YXJpYW50LFxuICAgIHRpdGxlLFxuICAgIHRpdGxlV2lkdGgsXG4gICAgdGl0bGVEaXNhYmxlZFxuICApID0+IHtcbiAgICBjb25zdCBTdHlsZWRUaXRsZSA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIixcbiAgICAgIHdpZHRoOiB0aXRsZVdpZHRoIC0gVElUTEVfTUFSR0lOLFxuICAgICAgbWFyZ2luUmlnaHQ6IFRJVExFX01BUkdJTixcbiAgICB9KTtcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkVGl0bGVcbiAgICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgICAgY2xhc3NOYW1lPXt0aXRsZUNsYXNzTmFtZX1cbiAgICAgICAgZGlzYWJsZWQ9e3RpdGxlRGlzYWJsZWR9XG4gICAgICAgIGtleT17YHRpdGxlLSR7dGl0bGV9YH1cbiAgICAgID5cbiAgICAgICAge3RpdGxlfVxuICAgICAgPC9TdHlsZWRUaXRsZT5cbiAgICApO1xuICB9O1xuXG4gIGNvbnN0IGdldFRpdGxlcyA9IChnZXRUaXRsZVByb3BzKSA9PlxuICAgIGhhc1RpdGxlcyA/IChcbiAgICAgIDxDbGFzc05hbWVzPlxuICAgICAgICB7KHsgY3NzIH0pID0+IChcbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjbGFzc05hbWU9e2Nsc3goXG4gICAgICAgICAgICAgIGNzcyhzdHlsZXMudGl0bGVzKSxcbiAgICAgICAgICAgICAgc3RlcE5hdmlnYXRpb25DbGFzc2VzLnRpdGxlcyxcbiAgICAgICAgICAgICAgY2xhc3Nlcz8udGl0bGVzXG4gICAgICAgICAgICApfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtzdGVwcy5tYXAoKHsgdGl0bGU6IHJhd1RpdGxlLCBzdGF0ZSwgdGl0bGVDbGFzc05hbWUgfSwgaW5kZXgpID0+IHtcbiAgICAgICAgICAgICAgY29uc3Qge1xuICAgICAgICAgICAgICAgIHZhcmlhbnQgPSBcImxhYmVsXCIsXG4gICAgICAgICAgICAgICAgdGl0bGUgPSByYXdUaXRsZSxcbiAgICAgICAgICAgICAgICB0aXRsZVdpZHRoID0gMCxcbiAgICAgICAgICAgICAgICB0aXRsZURpc2FibGVkID0gZmFsc2UsXG4gICAgICAgICAgICAgIH0gPSBnZXRUaXRsZVByb3BzKHtcbiAgICAgICAgICAgICAgICBzdGF0ZSxcbiAgICAgICAgICAgICAgICByYXdUaXRsZSxcbiAgICAgICAgICAgICAgICBudW1iZXI6IGluZGV4ICsgMSxcbiAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICAgIGxldCBUaXRsZSA9IHN0eWxlZFRpdGxlKFxuICAgICAgICAgICAgICAgIHRpdGxlQ2xhc3NOYW1lLFxuICAgICAgICAgICAgICAgIHZhcmlhbnQsXG4gICAgICAgICAgICAgICAgdGl0bGUsXG4gICAgICAgICAgICAgICAgdGl0bGVXaWR0aCxcbiAgICAgICAgICAgICAgICB0aXRsZURpc2FibGVkXG4gICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgIHJldHVybiBUaXRsZTtcbiAgICAgICAgICAgIH0pfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApfVxuICAgICAgPC9DbGFzc05hbWVzPlxuICAgICkgOiBudWxsO1xuXG4gIGNvbnN0IFN0ZXBOYXZpZ2F0aW9uID0ge1xuICAgIERlZmF1bHQ6IEh2RGVmYXVsdE5hdmlnYXRpb24sXG4gICAgU2ltcGxlOiBIdlNpbXBsZU5hdmlnYXRpb24sXG4gIH1bdHlwZV07XG5cbiAgcmV0dXJuIChcbiAgICA8Q2xhc3NOYW1lcz5cbiAgICAgIHsoeyBjc3MgfSkgPT4gKFxuICAgICAgICA8U3RlcE5hdmlnYXRpb25cbiAgICAgICAgICB7Li4ue1xuICAgICAgICAgICAgbnVtU3RlcHM6IHN0ZXBzLmxlbmd0aCxcbiAgICAgICAgICAgIHN0ZXBTaXplOiBzdGVwU2l6ZUtleSxcbiAgICAgICAgICAgIGdldFRpdGxlcyxcbiAgICAgICAgICAgIGdldER5bmFtaWNWYWx1ZXMsXG4gICAgICAgICAgICBjbGFzc05hbWU6IGNsc3goXG4gICAgICAgICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgICAgICAgc3RlcE5hdmlnYXRpb25DbGFzc2VzLnJvb3QsXG4gICAgICAgICAgICAgIGNsYXNzZXM/LnJvb3QsXG4gICAgICAgICAgICAgIGNzcyhzdHlsZXMucm9vdClcbiAgICAgICAgICAgICksXG4gICAgICAgICAgICAuLi5vdGhlcnMsXG4gICAgICAgICAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIHsoeyBzdGVwc1dpZHRoLCBuYXZXaWR0aCwgLi4uaXRlbXNQcm9wcyB9KSA9PiAoXG4gICAgICAgICAgICA8SHZCb3hcbiAgICAgICAgICAgICAgYXM9XCJuYXZcIlxuICAgICAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgICAgIHdpZHRoOiBgJHtuYXZXaWR0aH1weGAsXG4gICAgICAgICAgICAgICAgbWFyZ2luOiAwLFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7ZHJhd0l0ZW1zKGl0ZW1zUHJvcHMpfVxuICAgICAgICAgICAgPC9IdkJveD5cbiAgICAgICAgICApfVxuICAgICAgICA8L1N0ZXBOYXZpZ2F0aW9uPlxuICAgICAgKX1cbiAgICA8L0NsYXNzTmFtZXM+XG4gICk7XG59O1xuIl19 */");
+  const styledSeparatorElement = (title, separatorClassName, separatorHeight, separatorWidth, backgroundColor) => {
+    const StyledLi = /* @__PURE__ */ _styled__default.default("li", process.env.NODE_ENV === "production" ? {
+      target: "e1wrrltm1"
+    } : {
+      target: "e1wrrltm1",
+      label: "StyledLi"
+    })({
+      height: separatorHeight,
+      width: separatorWidth - 2 * parseInt(((activeTheme == null ? void 0 : activeTheme.stepNavigation.separatorMargin) || "0px").replace("px", "")),
+      backgroundColor,
+      margin: `0 ${uikitStyles.theme.stepNavigation.separatorMargin}`
+    }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2xhYi9zcmMvY29tcG9uZW50cy9TdGVwTmF2aWdhdGlvbi9TdGVwTmF2aWdhdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUdxQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9sYWIvc3JjL2NvbXBvbmVudHMvU3RlcE5hdmlnYXRpb24vU3RlcE5hdmlnYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY2xzeCB9IGZyb20gXCJjbHN4XCI7XG5pbXBvcnQgeyBDbGFzc05hbWVzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7XG4gIEh2QmFzZVByb3BzLFxuICBIdkJyZWFrcG9pbnRzLFxuICB1c2VUaGVtZSxcbiAgdXNlV2lkdGgsXG4gIEh2Qm94LFxuICBIdlRvb2x0aXAsXG4gIEh2VHlwb2dyYXBoeSxcbn0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1jb3JlXCI7XG5pbXBvcnQgeyBIdkRlZmF1bHROYXZpZ2F0aW9uLCBIdlN0ZXBQcm9wcyB9IGZyb20gXCIuL0RlZmF1bHROYXZpZ2F0aW9uXCI7XG5pbXBvcnQgeyBIdlNpbXBsZU5hdmlnYXRpb24gfSBmcm9tIFwiLi9TaW1wbGVOYXZpZ2F0aW9uXCI7XG5pbXBvcnQgeyBzdHlsZXMgfSBmcm9tIFwiLi9TdGVwTmF2aWdhdGlvbi5zdHlsZXNcIjtcbmltcG9ydCBzdGVwTmF2aWdhdGlvbkNsYXNzZXMsIHtcbiAgSHZTdGVwTmF2aWdhdGlvbkNsYXNzZXMsXG59IGZyb20gXCIuL3N0ZXBOYXZpZ2F0aW9uQ2xhc3Nlc1wiO1xuaW1wb3J0IHsgU0VQQVJBVE9SX1dJRFRILCBUSVRMRV9NQVJHSU4sIFRJVExFX1dJRFRIIH0gZnJvbSBcIi4vdXRpbHNcIjtcblxuZXhwb3J0IGludGVyZmFjZSBIdlN0ZXBOYXZpZ2F0aW9uUHJvcHMgZXh0ZW5kcyBIdkJhc2VQcm9wcyB7XG4gIC8qKiBUeXBlIG9mIHN0ZXAgbmF2aWdhdGlvbi4gVmFsdWVzID0ge1wiU2ltcGxlXCIsIFwiRGVmYXVsdFwifSAqL1xuICB0eXBlPzogXCJTaW1wbGVcIiB8IFwiRGVmYXVsdFwiO1xuICAvKiogU3RlcHMgdG8gc2hvdyBvbiB0aGUgY29tcG9uZW50LiAqL1xuICBzdGVwczogQXJyYXk8XG4gICAgUGljazxcbiAgICAgIEh2U3RlcFByb3BzLFxuICAgICAgXCJzdGF0ZVwiIHwgXCJ0aXRsZVwiIHwgXCJvbkNsaWNrXCIgfCBcImNsYXNzTmFtZVwiIHwgXCJkaXNhYmxlZFwiXG4gICAgPiAmIHtcbiAgICAgIC8qKiBDbGFzcyBuYW1lcyB0byBvdmVycmlkZSBzdHlsZXMgb24gdGhlIHNlcGFyYXRvciBjb21wb25lbnQgYWZ0ZXIgdGhlIHN0ZXAuICovXG4gICAgICBzZXBhcmF0b3JDbGFzc05hbWU/OiBzdHJpbmc7XG4gICAgICAvKiogQ2xhc3MgbmFtZXMgdG8gb3ZlcnJpZGUgc3R5bGVzIG9uIHRoZSB0aXRsZSBjb21wb25lbnQgYWJvdmUgdGhlIHN0ZXAuICovXG4gICAgICB0aXRsZUNsYXNzTmFtZT86IHN0cmluZztcbiAgICB9XG4gID47XG4gIC8qKiBTZXRzIG9uZSBvZiB0aGUgc3RhbmRhcmQgc2l6ZXMgb2YgdGhlIHN0ZXBzLiAqL1xuICBzdGVwU2l6ZT86IFwieHNcIiB8IFwic21cIiB8IFwibWRcIiB8IFwibGdcIiB8IFwieGxcIjtcbiAgLyoqIFdpZHRoIG9mIHRoZSBjb21wb25lbnQgZWxlbWVudCBvbiBlYWNoIGJyZWFrcG9pbnQgc2NyZWVuIHJlc29sdXRpb24uICovXG4gIHdpZHRoPzogeyBbYnJlYWtwb2ludCBpbiBIdkJyZWFrcG9pbnRzXT86IG51bWJlciB9O1xuICAvKiogRGVmaW5lcyBlaXRoZXIgc2hvdyBhIHRpdGxlIG9yIG9ubHkgYSB0b29sdGlwIG9uIGVhY2ggc3RlcCBjb21wb25lbnQuICovXG4gIHNob3dUaXRsZXM/OiBib29sZWFuO1xuICAvKiogQSBKc3MgT2JqZWN0IHVzZWQgdG8gb3ZlcnJpZGUgb3IgZXh0ZW5kIHRoZSBzdHlsZXMgYXBwbGllZCB0byB0aGUgZW1wdHkgc3RhdGUgU3RlcE5hdmlnYXRpb24uICovXG4gIGNsYXNzZXM/OiBIdlN0ZXBOYXZpZ2F0aW9uQ2xhc3Nlcztcbn1cblxuLyoqXG4gKiBOYXZpZ2F0aW9uIHBhZ2Ugd2l0aCBzdGVwcy5cbiAqXG4gKiBZb3UgbmVlZCB0byBkZWZpbmUgdGhlIDxiPnN0ZXBzPGIvPiBkaXNwbGF5ZWQgb24gdGhlIGNvbXBvbmVudCBzbyB0aGF0IGl0c2VsZiBjYW4gYmUgZHJhd24gb24gdGhlIFVJLlxuICogT24gZWFjaCBzdGVwLCB5b3UgbmVlZCB0byBkZWZpbmUgYSA8Yj5zdGF0ZTwvYj4gLSAnUGVuZGluZycsICdGYWlsZWQnLCAnQ29tcGxldGVkJywgJ0N1cnJlbnQnLCAnRGlzYWJsZWQnIC1cbiAqIGFuZCBhIDxiPnRpdGxlPC9iPiB0byBiZSBzaG93biBhcyBhIHRvb2x0aXAgb3IgYSB0ZXh0IGFib3ZlIG9mIHRoZSBzdGVwLiBZb3UgY2FuIGFsc286XG4gKiAqIERlZmluZSBhIDxiPmNsYXNzTmFtZTwvYj4gb24gZWFjaCBzdGVwIGVsZW1lbnQ7XG4gKiAqIERlZmluZSBhIDxiPnNlcGFyYXRvckNsYXNzTmFtZTwvYj4gdG8gc3BlY2lmeSBhIGNsYXNzTmFtZSBmb3IgdGhlIHNlcGFyYXRvciBlbGVtZW50LiBUaGUgZGVmYXVsdCBoZWlnaHRcbiAqIHZhbHVlcyBvZiB0aGUgc2VwYXJhdG9yIGVsZW1lbnQgYXJlIDJweC8zcHggb24gJ1NpbXBsZScvJ0RlZmF1bHQnIGxheW91dHMgcmVzcGVjdGl2ZWx5O1xuICogKiBEZWZpbmUgYSA8Yj50aXRsZUNsYXNzTmFtZTwvYj4gdG8gc3BlY2lmeSBhIGNsYXNzTmFtZSBmb3IgdGhlIHRpdGxlIGFib3ZlIGVhY2ggc3RlcCBlbGVtZW50LlxuICpcbiAqIEZvciB0aGUgcm9vdCBlbGVtZW50LCB5b3UgY2FuOlxuICogKiBEZWZpbmUgYSA8Yj5jbGFzc05hbWU8L2I+O1xuICogKiBDaG9vc2UgYSA8Yj50eXBlPC9iPiBvZiBsYXlvdXQ6ICdTaW1wbGUnIG9yICdEZWZhdWx0JztcbiAqICogQ2hvb3NlIHRoZSA8Yj5zdGVwU2l6ZTwvYj4gb2YgdGhlIHN0ZXAgY29tcG9uZW50OiBcInhzXCIsIFwic21cIiwgXCJtZFwiLCBcImxnXCIsIFwieGxcIi4gVGhlIGRlZmF1bHQgc2l6ZSB3aWxsIGJlXG4gKiBjb3JyZXNwb25kZW50IHRvIHRoZSBjdXJyZW50IG1lZGlhIGJyZWFrcG9pbnQ7XG4gKiAqIENob29zZSBlaXRoZXIgeW91IHdhbnQgdG8gPGI+c2hvd1RpdGxlczwvYj4gbmVhciB0byBlYWNoIHN0ZXAgY29tcG9uZW50IG9yIGEgdG9vbHRpcCBvbiBob3ZlcjtcbiAqICogRGVmaW5lIGEgPGI+d2lkdGg8L2I+IG9mIHRoZSBjb21wb25lbnQuIElmIHlvdSBkb24ndCBkZWZpbmUgYW55IHZhbHVlIGFuZCB0aGUgc3RlcCBjb21wb25lbnQgaGFzIG5vIHRpdGxlXG4gKiBkaXNwbGF5ZWQgYWJvdmUsIHRoZSB3aWR0aCBvZiB0aGUgc2VwYXJhdG9yIGVsZW1lbnQgd2lsbCBiZSAxMDBweC5cbiAqIElmIHRoZSBzdGVwIGNvbXBvbmVudCBoYXMgdGl0bGVzLCBlYWNoIG9uZSB3aWxsIGhhdmUgMjE1cHggb2Ygd2lkdGggYnkgZGVmYXVsdC5cbiAqL1xuZXhwb3J0IGNvbnN0IEh2U3RlcE5hdmlnYXRpb24gPSAoe1xuICBjbGFzc05hbWUsXG4gIGNsYXNzZXMsXG4gIHdpZHRoLFxuICBzdGVwcyxcbiAgc3RlcFNpemUsXG4gIHNob3dUaXRsZXMsXG4gIHR5cGUgPSBcIkRlZmF1bHRcIixcbiAgLi4ub3RoZXJzXG59OiBIdlN0ZXBOYXZpZ2F0aW9uUHJvcHMpID0+IHtcbiAgY29uc3QgeyBhY3RpdmVUaGVtZSB9ID0gdXNlVGhlbWUoKTtcblxuICAvLyBjdXJyZW50IGJyZWFrcG9pbnQgJ3hzJyB8ICdzbScgfCAnbWQnIHwgJ2xnJyB8ICd4bCdcbiAgY29uc3QgYnJlYWtwb2ludCA9IHVzZVdpZHRoKCk7XG4gIC8vIHN0ZXAgY29uZmlndXJhdGlvbnNcbiAgY29uc3Qgc3RlcFNpemVLZXkgPVxuICAgIHN0ZXBTaXplID8/IChbXCJ4c1wiLCBcInNtXCJdLmluY2x1ZGVzKGJyZWFrcG9pbnQpID8gXCJzbVwiIDogXCJtZFwiKTtcbiAgY29uc3QgaGFzVGl0bGVzID0gc2hvd1RpdGxlcyA/PyAhW1wieHNcIiwgXCJzbVwiXS5pbmNsdWRlcyhicmVha3BvaW50KTtcblxuICBjb25zdCBzdHlsZWRMaSA9IChjb250YWluZXJTaXplKSA9PlxuICAgIHN0eWxlZChcImxpXCIpKHtcbiAgICAgIHdpZHRoOiBjb250YWluZXJTaXplLFxuICAgICAgaGVpZ2h0OiBjb250YWluZXJTaXplLFxuICAgIH0pO1xuXG4gIGNvbnN0IHN0eWxlZERpdiA9IChjb250YWluZXJTaXplKSA9PlxuICAgIHN0eWxlZChcImRpdlwiKSh7XG4gICAgICB3aWR0aDogY29udGFpbmVyU2l6ZSxcbiAgICAgIGhlaWdodDogY29udGFpbmVyU2l6ZSxcbiAgICB9KTtcblxuICBjb25zdCBzdHlsZWRTZXBhcmF0b3JFbGVtZW50ID0gKFxuICAgIHRpdGxlLFxuICAgIHNlcGFyYXRvckNsYXNzTmFtZSxcbiAgICBzZXBhcmF0b3JIZWlnaHQsXG4gICAgc2VwYXJhdG9yV2lkdGgsXG4gICAgYmFja2dyb3VuZENvbG9yXG4gICkgPT4ge1xuICAgIGNvbnN0IFN0eWxlZExpID0gc3R5bGVkKFwibGlcIikoe1xuICAgICAgaGVpZ2h0OiBzZXBhcmF0b3JIZWlnaHQsXG4gICAgICB3aWR0aDpcbiAgICAgICAgc2VwYXJhdG9yV2lkdGggLVxuICAgICAgICAyICpcbiAgICAgICAgICBwYXJzZUludChcbiAgICAgICAgICAgIChhY3RpdmVUaGVtZT8uc3RlcE5hdmlnYXRpb24uc2VwYXJhdG9yTWFyZ2luIHx8IFwiMHB4XCIpLnJlcGxhY2UoXG4gICAgICAgICAgICAgIFwicHhcIixcbiAgICAgICAgICAgICAgXCJcIlxuICAgICAgICAgICAgKVxuICAgICAgICAgICksXG4gICAgICBiYWNrZ3JvdW5kQ29sb3IsXG4gICAgICBtYXJnaW46IGAwICR7dGhlbWUuc3RlcE5hdmlnYXRpb24uc2VwYXJhdG9yTWFyZ2lufWAsXG4gICAgfSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPENsYXNzTmFtZXMga2V5PXtgc2VwYXJhdG9yLSR7dGl0bGV9YH0+XG4gICAgICAgIHsoeyBjc3MgfSkgPT4gKFxuICAgICAgICAgIDxTdHlsZWRMaVxuICAgICAgICAgICAgYXJpYS1oaWRkZW5cbiAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xzeChcbiAgICAgICAgICAgICAgY3NzKHN0eWxlcy5zZXBhcmF0b3IpLFxuICAgICAgICAgICAgICBzdGVwTmF2aWdhdGlvbkNsYXNzZXMuc2VwYXJhdG9yLFxuICAgICAgICAgICAgICBjbGFzc2VzPy5zZXBhcmF0b3JcbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICBhcmlhLWxhYmVsPXtgc2VwYXJhdG9yLSR7dGl0bGV9YH1cbiAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjbHN4KHNlcGFyYXRvckNsYXNzTmFtZSl9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvU3R5bGVkTGk+XG4gICAgICAgICl9XG4gICAgICA8L0NsYXNzTmFtZXM+XG4gICAgKTtcbiAgfTtcblxuICBjb25zdCBkcmF3SXRlbXMgPSAoe1xuICAgIHNlcGFyYXRvclZhbHVlczogeyBtaW5XaWR0aCwgbWF4V2lkdGgsIGdldENvbG9yLCBoZWlnaHQgfSxcbiAgICBzdGVwVmFsdWVzOiB7IG1pblNpemUsIG1heFNpemUsIFN0ZXBDb21wb25lbnQgfSxcbiAgfTogYW55KSA9PiB7XG4gICAgY29uc3QgaXRlbXMgPSBzdGVwcy5yZWR1Y2UoXG4gICAgICAoYWNjLCB7IHN0YXRlLCB0aXRsZSwgc2VwYXJhdG9yQ2xhc3NOYW1lLCAuLi5wcm9wcyB9LCBpbmRleCk6IGFueSA9PiB7XG4gICAgICAgIGNvbnN0IGNvbnRhaW5lclNpemUgPSBzdGF0ZSA9PT0gXCJDdXJyZW50XCIgPyBtYXhTaXplIDogbWluU2l6ZTtcbiAgICAgICAgY29uc3QgU3RlcENvbnRhaW5lciA9IHN0eWxlZExpKGNvbnRhaW5lclNpemUpO1xuICAgICAgICBjb25zdCBTdGVwID0gc3R5bGVkRGl2KE1hdGgubWF4KGNvbnRhaW5lclNpemUsIDMwKSk7XG4gICAgICAgIGNvbnN0IHN0ZXBQcm9wcyA9IHtcbiAgICAgICAgICAuLi57XG4gICAgICAgICAgICBzaXplOiBzdGVwU2l6ZUtleSxcbiAgICAgICAgICAgIHN0YXRlLFxuICAgICAgICAgICAgdGl0bGUsXG4gICAgICAgICAgICBudW1iZXI6IGluZGV4ICsgMSxcbiAgICAgICAgICAgIC4uLnByb3BzLFxuICAgICAgICAgIH0sXG4gICAgICAgIH07XG4gICAgICAgIGNvbnN0IHN0ZXBFbGVtZW50ID0gKFxuICAgICAgICAgIDxDbGFzc05hbWVzIGtleT17YHN0ZXAtJHt0aXRsZX1gfT5cbiAgICAgICAgICAgIHsoeyBjc3MgfSkgPT4gKFxuICAgICAgICAgICAgICA8U3RlcENvbnRhaW5lclxuICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xzeChcbiAgICAgICAgICAgICAgICAgIGNzcyhzdHlsZXMubGkpLFxuICAgICAgICAgICAgICAgICAgc3RlcE5hdmlnYXRpb25DbGFzc2VzLmxpLFxuICAgICAgICAgICAgICAgICAgY2xhc3Nlcz8ubGlcbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge2hhc1RpdGxlcyA/IChcbiAgICAgICAgICAgICAgICAgIDxTdGVwQ29tcG9uZW50XG4gICAgICAgICAgICAgICAgICAgIGtleT17YHN0ZXAtJHt0aXRsZX1gfVxuICAgICAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXtgc3RlcC0ke3RpdGxlfWB9XG4gICAgICAgICAgICAgICAgICAgIHsuLi5zdGVwUHJvcHN9XG4gICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgICAgICA8SHZUb29sdGlwXG4gICAgICAgICAgICAgICAgICAgIHBsYWNlbWVudD1cImJvdHRvbVwiXG4gICAgICAgICAgICAgICAgICAgIHRpdGxlPXtcbiAgICAgICAgICAgICAgICAgICAgICA8SHZUeXBvZ3JhcGh5PntgJHtpbmRleCArIDF9LiAke3RpdGxlfWB9PC9IdlR5cG9ncmFwaHk+XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBhcmlhLWxhYmVsPXtgc3RlcC1jb250YWluZXItJHt0aXRsZX1gfT5cbiAgICAgICAgICAgICAgICAgICAgICA8U3RlcFxuICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjbHN4KFxuICAgICAgICAgICAgICAgICAgICAgICAgICBjc3Moc3R5bGVzLmxpKSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgc3RlcE5hdmlnYXRpb25DbGFzc2VzLmxpLFxuICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzc2VzPy5saVxuICAgICAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICA8U3RlcENvbXBvbmVudFxuICAgICAgICAgICAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXtgc3RlcC0ke3RpdGxlfWB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgIHsuLi5zdGVwUHJvcHN9XG4gICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgIDwvU3RlcD5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICA8L0h2VG9vbHRpcD5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8L1N0ZXBDb250YWluZXI+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvQ2xhc3NOYW1lcz5cbiAgICAgICAgKTtcbiAgICAgICAgaWYgKGluZGV4IDwgc3RlcHMubGVuZ3RoIC0gMSkge1xuICAgICAgICAgIGNvbnN0IHNlcGFyYXRvckVsZW1lbnQgPSBzdHlsZWRTZXBhcmF0b3JFbGVtZW50KFxuICAgICAgICAgICAgdGl0bGUsXG4gICAgICAgICAgICBzZXBhcmF0b3JDbGFzc05hbWUsXG4gICAgICAgICAgICBoZWlnaHQsXG4gICAgICAgICAgICBbc3RlcHNbaW5kZXggKyAxXS5zdGF0ZSwgc3RhdGVdLmluY2x1ZGVzKFwiQ3VycmVudFwiKVxuICAgICAgICAgICAgICA/IG1pbldpZHRoXG4gICAgICAgICAgICAgIDogbWF4V2lkdGgsXG4gICAgICAgICAgICBnZXRDb2xvcihcbiAgICAgICAgICAgICAgc3RlcHNbaW5kZXggKyAxXS5zdGF0ZSA9PT0gXCJEaXNhYmxlZFwiID8gXCJEaXNhYmxlZFwiIDogc3RhdGUsXG4gICAgICAgICAgICAgIHRoZW1lXG4gICAgICAgICAgICApXG4gICAgICAgICAgKTtcbiAgICAgICAgICByZXR1cm4gWy4uLmFjYywgc3RlcEVsZW1lbnQsIHNlcGFyYXRvckVsZW1lbnRdO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBbLi4uYWNjLCBzdGVwRWxlbWVudF07XG4gICAgICB9LFxuICAgICAgW11cbiAgICApO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxDbGFzc05hbWVzPlxuICAgICAgICB7KHsgY3NzIH0pID0+IChcbiAgICAgICAgICA8b2xcbiAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xzeChcbiAgICAgICAgICAgICAgY3NzKHN0eWxlcy5vbCksXG4gICAgICAgICAgICAgIHN0ZXBOYXZpZ2F0aW9uQ2xhc3Nlcy5vbCxcbiAgICAgICAgICAgICAgY2xhc3Nlcz8ub2xcbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2l0ZW1zfVxuICAgICAgICAgIDwvb2w+XG4gICAgICAgICl9XG4gICAgICA8L0NsYXNzTmFtZXM+XG4gICAgKTtcbiAgfTtcblxuICBjb25zdCBnZXREeW5hbWljVmFsdWVzID0gKHN0ZXBzV2lkdGgpID0+IHtcbiAgICBjb25zdCB0aGVtZUJyZWFrcG9pbnRzID0gYWN0aXZlVGhlbWU/LmJyZWFrcG9pbnRzLnZhbHVlcyB8fCB7fTtcbiAgICBjb25zdCBtYXhXaWR0aCA9XG4gICAgICB3aWR0aD8uW2JyZWFrcG9pbnRdID8/XG4gICAgICBNYXRoLm1heChcbiAgICAgICAgTnVtYmVyKGhhc1RpdGxlcykgKiAoVElUTEVfV0lEVEggKyBUSVRMRV9NQVJHSU4pICogc3RlcHMubGVuZ3RoIC1cbiAgICAgICAgICBUSVRMRV9NQVJHSU4sXG4gICAgICAgIFNFUEFSQVRPUl9XSURUSCAqIChzdGVwcy5sZW5ndGggLSAxKSArIHN0ZXBzV2lkdGhcbiAgICAgICk7XG4gICAgY29uc3QgbmV4dCA9IE9iamVjdC5rZXlzKHRoZW1lQnJlYWtwb2ludHMpLmZpbmQoKF8sIGluZGV4LCBzZWxmKSA9PlxuICAgICAgaW5kZXggLSAxID49IDAgPyBzZWxmW2luZGV4IC0gMV0gPT09IGJyZWFrcG9pbnQgOiBmYWxzZVxuICAgICk7XG5cbiAgICBjb25zdCBuYXZXaWR0aCA9XG4gICAgICAobmV4dCAmJiBNYXRoLm1pbihtYXhXaWR0aCwgdGhlbWVCcmVha3BvaW50c1tuZXh0XSA/PyBtYXhXaWR0aCkpIHx8XG4gICAgICB0aGVtZUJyZWFrcG9pbnRzW2JyZWFrcG9pbnRdO1xuXG4gICAgY29uc3QgdGl0bGVXaWR0aCA9XG4gICAgICBOdW1iZXIoaGFzVGl0bGVzKSAqIE1hdGguY2VpbCgobmF2V2lkdGggKyBUSVRMRV9NQVJHSU4pIC8gc3RlcHMubGVuZ3RoKTtcbiAgICBjb25zdCBzZXBhcmF0b3JXaWR0aCA9XG4gICAgICBOdW1iZXIoIWhhc1RpdGxlcykgKlxuICAgICAgTWF0aC5jZWlsKChuYXZXaWR0aCAtIHN0ZXBzV2lkdGgpIC8gKHN0ZXBzLmxlbmd0aCAtIDEpKTtcbiAgICByZXR1cm4geyB3aWR0aDogbmF2V2lkdGgsIHRpdGxlV2lkdGgsIHNlcGFyYXRvcldpZHRoIH07XG4gIH07XG5cbiAgY29uc3Qgc3R5bGVkVGl0bGUgPSAoXG4gICAgdGl0bGVDbGFzc05hbWUsXG4gICAgdmFyaWFudCxcbiAgICB0aXRsZSxcbiAgICB0aXRsZVdpZHRoLFxuICAgIHRpdGxlRGlzYWJsZWRcbiAgKSA9PiB7XG4gICAgY29uc3QgU3R5bGVkVGl0bGUgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gICAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgICB3aWR0aDogdGl0bGVXaWR0aCAtIFRJVExFX01BUkdJTixcbiAgICAgIG1hcmdpblJpZ2h0OiBUSVRMRV9NQVJHSU4sXG4gICAgfSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZFRpdGxlXG4gICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgIGNsYXNzTmFtZT17dGl0bGVDbGFzc05hbWV9XG4gICAgICAgIGRpc2FibGVkPXt0aXRsZURpc2FibGVkfVxuICAgICAgICBrZXk9e2B0aXRsZS0ke3RpdGxlfWB9XG4gICAgICA+XG4gICAgICAgIHt0aXRsZX1cbiAgICAgIDwvU3R5bGVkVGl0bGU+XG4gICAgKTtcbiAgfTtcblxuICBjb25zdCBnZXRUaXRsZXMgPSAoZ2V0VGl0bGVQcm9wcykgPT5cbiAgICBoYXNUaXRsZXMgPyAoXG4gICAgICA8Q2xhc3NOYW1lcz5cbiAgICAgICAgeyh7IGNzcyB9KSA9PiAoXG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjbHN4KFxuICAgICAgICAgICAgICBjc3Moc3R5bGVzLnRpdGxlcyksXG4gICAgICAgICAgICAgIHN0ZXBOYXZpZ2F0aW9uQ2xhc3Nlcy50aXRsZXMsXG4gICAgICAgICAgICAgIGNsYXNzZXM/LnRpdGxlc1xuICAgICAgICAgICAgKX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7c3RlcHMubWFwKCh7IHRpdGxlOiByYXdUaXRsZSwgc3RhdGUsIHRpdGxlQ2xhc3NOYW1lIH0sIGluZGV4KSA9PiB7XG4gICAgICAgICAgICAgIGNvbnN0IHtcbiAgICAgICAgICAgICAgICB2YXJpYW50ID0gXCJsYWJlbFwiLFxuICAgICAgICAgICAgICAgIHRpdGxlID0gcmF3VGl0bGUsXG4gICAgICAgICAgICAgICAgdGl0bGVXaWR0aCA9IDAsXG4gICAgICAgICAgICAgICAgdGl0bGVEaXNhYmxlZCA9IGZhbHNlLFxuICAgICAgICAgICAgICB9ID0gZ2V0VGl0bGVQcm9wcyh7XG4gICAgICAgICAgICAgICAgc3RhdGUsXG4gICAgICAgICAgICAgICAgcmF3VGl0bGUsXG4gICAgICAgICAgICAgICAgbnVtYmVyOiBpbmRleCArIDEsXG4gICAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgICBsZXQgVGl0bGUgPSBzdHlsZWRUaXRsZShcbiAgICAgICAgICAgICAgICB0aXRsZUNsYXNzTmFtZSxcbiAgICAgICAgICAgICAgICB2YXJpYW50LFxuICAgICAgICAgICAgICAgIHRpdGxlLFxuICAgICAgICAgICAgICAgIHRpdGxlV2lkdGgsXG4gICAgICAgICAgICAgICAgdGl0bGVEaXNhYmxlZFxuICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICByZXR1cm4gVGl0bGU7XG4gICAgICAgICAgICB9KX1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKX1cbiAgICAgIDwvQ2xhc3NOYW1lcz5cbiAgICApIDogbnVsbDtcblxuICBjb25zdCBTdGVwTmF2aWdhdGlvbiA9IHtcbiAgICBEZWZhdWx0OiBIdkRlZmF1bHROYXZpZ2F0aW9uLFxuICAgIFNpbXBsZTogSHZTaW1wbGVOYXZpZ2F0aW9uLFxuICB9W3R5cGVdO1xuXG4gIHJldHVybiAoXG4gICAgPENsYXNzTmFtZXM+XG4gICAgICB7KHsgY3NzIH0pID0+IChcbiAgICAgICAgPFN0ZXBOYXZpZ2F0aW9uXG4gICAgICAgICAgey4uLntcbiAgICAgICAgICAgIG51bVN0ZXBzOiBzdGVwcy5sZW5ndGgsXG4gICAgICAgICAgICBzdGVwU2l6ZTogc3RlcFNpemVLZXksXG4gICAgICAgICAgICBnZXRUaXRsZXMsXG4gICAgICAgICAgICBnZXREeW5hbWljVmFsdWVzLFxuICAgICAgICAgICAgY2xhc3NOYW1lOiBjbHN4KFxuICAgICAgICAgICAgICBjbGFzc05hbWUsXG4gICAgICAgICAgICAgIHN0ZXBOYXZpZ2F0aW9uQ2xhc3Nlcy5yb290LFxuICAgICAgICAgICAgICBjbGFzc2VzPy5yb290LFxuICAgICAgICAgICAgICBjc3Moc3R5bGVzLnJvb3QpXG4gICAgICAgICAgICApLFxuICAgICAgICAgICAgLi4ub3RoZXJzLFxuICAgICAgICAgIH19XG4gICAgICAgID5cbiAgICAgICAgICB7KHsgc3RlcHNXaWR0aCwgbmF2V2lkdGgsIC4uLml0ZW1zUHJvcHMgfSkgPT4gKFxuICAgICAgICAgICAgPEh2Qm94XG4gICAgICAgICAgICAgIGFzPVwibmF2XCJcbiAgICAgICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgICAgICB3aWR0aDogYCR7bmF2V2lkdGh9cHhgLFxuICAgICAgICAgICAgICAgIG1hcmdpbjogMCxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2RyYXdJdGVtcyhpdGVtc1Byb3BzKX1cbiAgICAgICAgICAgIDwvSHZCb3g+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9TdGVwTmF2aWdhdGlvbj5cbiAgICAgICl9XG4gICAgPC9DbGFzc05hbWVzPlxuICApO1xufTtcbiJdfQ== */");
+    return /* @__PURE__ */ jsxRuntime.jsx(react.ClassNames, {
+      children: ({
+        css
+      }) => /* @__PURE__ */ jsxRuntime.jsx(StyledLi, {
+        "aria-hidden": true,
+        className: clsx.clsx(css(StepNavigation_styles.styles.separator), stepNavigationClasses.default.separator, classes == null ? void 0 : classes.separator),
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", {
+          "aria-label": `separator-${title}`,
+          className: clsx.clsx(separatorClassName)
+        })
+      })
+    }, `separator-${title}`);
+  };
+  const drawItems = ({
+    separatorValues: {
+      minWidth,
+      maxWidth,
+      getColor,
+      height
+    },
+    stepValues: {
+      minSize,
+      maxSize,
+      StepComponent
+    }
+  }) => {
+    const items = steps.reduce((acc, {
+      state,
+      title,
+      separatorClassName,
+      ...props
+    }, index) => {
+      const containerSize = state === "Current" ? maxSize : minSize;
+      const StepContainer = styledLi(containerSize);
+      const Step = styledDiv(Math.max(containerSize, 30));
+      const stepProps = {
+        ...{
+          size: stepSizeKey,
+          state,
+          title,
+          number: index + 1,
+          ...props
+        }
+      };
+      const stepElement = /* @__PURE__ */ jsxRuntime.jsx(react.ClassNames, {
+        children: ({
+          css
+        }) => /* @__PURE__ */ jsxRuntime.jsx(StepContainer, {
+          className: clsx.clsx(css(StepNavigation_styles.styles.li), stepNavigationClasses.default.li, classes == null ? void 0 : classes.li),
+          children: hasTitles ? /* @__PURE__ */ jsxRuntime.jsx(StepComponent, {
+            "aria-label": `step-${title}`,
+            ...stepProps
+          }, `step-${title}`) : /* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvTooltip, {
+            placement: "bottom",
+            title: /* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvTypography, {
+              children: `${index + 1}. ${title}`
+            }),
+            children: /* @__PURE__ */ jsxRuntime.jsx("div", {
+              "aria-label": `step-container-${title}`,
+              children: /* @__PURE__ */ jsxRuntime.jsx(Step, {
+                className: clsx.clsx(css(StepNavigation_styles.styles.li), stepNavigationClasses.default.li, classes == null ? void 0 : classes.li),
+                children: /* @__PURE__ */ jsxRuntime.jsx(StepComponent, {
+                  "aria-label": `step-${title}`,
+                  ...stepProps
+                })
+              })
+            })
+          })
+        })
+      }, `step-${title}`);
+      if (index < steps.length - 1) {
+        const separatorElement = styledSeparatorElement(title, separatorClassName, height, [steps[index + 1].state, state].includes("Current") ? minWidth : maxWidth, getColor(steps[index + 1].state === "Disabled" ? "Disabled" : state, uikitStyles.theme));
+        return [...acc, stepElement, separatorElement];
+      }
+      return [...acc, stepElement];
+    }, []);
+    return /* @__PURE__ */ jsxRuntime.jsx(react.ClassNames, {
+      children: ({
+        css
+      }) => /* @__PURE__ */ jsxRuntime.jsx("ol", {
+        className: clsx.clsx(css(StepNavigation_styles.styles.ol), stepNavigationClasses.default.ol, classes == null ? void 0 : classes.ol),
+        children: items
+      })
+    });
+  };
+  const getDynamicValues = (stepsWidth) => {
+    const themeBreakpoints = (activeTheme == null ? void 0 : activeTheme.breakpoints.values) || {};
+    const maxWidth = (width == null ? void 0 : width[breakpoint]) ?? Math.max(Number(hasTitles) * (utils.TITLE_WIDTH + utils.TITLE_MARGIN) * steps.length - utils.TITLE_MARGIN, utils.SEPARATOR_WIDTH * (steps.length - 1) + stepsWidth);
+    const next = Object.keys(themeBreakpoints).find((_, index, self) => index - 1 >= 0 ? self[index - 1] === breakpoint : false);
+    const navWidth = next && Math.min(maxWidth, themeBreakpoints[next] ?? maxWidth) || themeBreakpoints[breakpoint];
+    const titleWidth = Number(hasTitles) * Math.ceil((navWidth + utils.TITLE_MARGIN) / steps.length);
+    const separatorWidth = Number(!hasTitles) * Math.ceil((navWidth - stepsWidth) / (steps.length - 1));
+    return {
+      width: navWidth,
+      titleWidth,
+      separatorWidth
+    };
+  };
+  const styledTitle = (titleClassName, variant, title, titleWidth, titleDisabled) => {
+    const StyledTitle = /* @__PURE__ */ _styled__default.default(uikitReactCore.HvTypography, process.env.NODE_ENV === "production" ? {
+      target: "e1wrrltm0"
+    } : {
+      target: "e1wrrltm0",
+      label: "StyledTitle"
+    })({
+      textAlign: "center",
+      width: titleWidth - utils.TITLE_MARGIN,
+      marginRight: utils.TITLE_MARGIN
+    }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2xhYi9zcmMvY29tcG9uZW50cy9TdGVwTmF2aWdhdGlvbi9TdGVwTmF2aWdhdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK1F3QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9sYWIvc3JjL2NvbXBvbmVudHMvU3RlcE5hdmlnYXRpb24vU3RlcE5hdmlnYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY2xzeCB9IGZyb20gXCJjbHN4XCI7XG5pbXBvcnQgeyBDbGFzc05hbWVzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7XG4gIEh2QmFzZVByb3BzLFxuICBIdkJyZWFrcG9pbnRzLFxuICB1c2VUaGVtZSxcbiAgdXNlV2lkdGgsXG4gIEh2Qm94LFxuICBIdlRvb2x0aXAsXG4gIEh2VHlwb2dyYXBoeSxcbn0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1jb3JlXCI7XG5pbXBvcnQgeyBIdkRlZmF1bHROYXZpZ2F0aW9uLCBIdlN0ZXBQcm9wcyB9IGZyb20gXCIuL0RlZmF1bHROYXZpZ2F0aW9uXCI7XG5pbXBvcnQgeyBIdlNpbXBsZU5hdmlnYXRpb24gfSBmcm9tIFwiLi9TaW1wbGVOYXZpZ2F0aW9uXCI7XG5pbXBvcnQgeyBzdHlsZXMgfSBmcm9tIFwiLi9TdGVwTmF2aWdhdGlvbi5zdHlsZXNcIjtcbmltcG9ydCBzdGVwTmF2aWdhdGlvbkNsYXNzZXMsIHtcbiAgSHZTdGVwTmF2aWdhdGlvbkNsYXNzZXMsXG59IGZyb20gXCIuL3N0ZXBOYXZpZ2F0aW9uQ2xhc3Nlc1wiO1xuaW1wb3J0IHsgU0VQQVJBVE9SX1dJRFRILCBUSVRMRV9NQVJHSU4sIFRJVExFX1dJRFRIIH0gZnJvbSBcIi4vdXRpbHNcIjtcblxuZXhwb3J0IGludGVyZmFjZSBIdlN0ZXBOYXZpZ2F0aW9uUHJvcHMgZXh0ZW5kcyBIdkJhc2VQcm9wcyB7XG4gIC8qKiBUeXBlIG9mIHN0ZXAgbmF2aWdhdGlvbi4gVmFsdWVzID0ge1wiU2ltcGxlXCIsIFwiRGVmYXVsdFwifSAqL1xuICB0eXBlPzogXCJTaW1wbGVcIiB8IFwiRGVmYXVsdFwiO1xuICAvKiogU3RlcHMgdG8gc2hvdyBvbiB0aGUgY29tcG9uZW50LiAqL1xuICBzdGVwczogQXJyYXk8XG4gICAgUGljazxcbiAgICAgIEh2U3RlcFByb3BzLFxuICAgICAgXCJzdGF0ZVwiIHwgXCJ0aXRsZVwiIHwgXCJvbkNsaWNrXCIgfCBcImNsYXNzTmFtZVwiIHwgXCJkaXNhYmxlZFwiXG4gICAgPiAmIHtcbiAgICAgIC8qKiBDbGFzcyBuYW1lcyB0byBvdmVycmlkZSBzdHlsZXMgb24gdGhlIHNlcGFyYXRvciBjb21wb25lbnQgYWZ0ZXIgdGhlIHN0ZXAuICovXG4gICAgICBzZXBhcmF0b3JDbGFzc05hbWU/OiBzdHJpbmc7XG4gICAgICAvKiogQ2xhc3MgbmFtZXMgdG8gb3ZlcnJpZGUgc3R5bGVzIG9uIHRoZSB0aXRsZSBjb21wb25lbnQgYWJvdmUgdGhlIHN0ZXAuICovXG4gICAgICB0aXRsZUNsYXNzTmFtZT86IHN0cmluZztcbiAgICB9XG4gID47XG4gIC8qKiBTZXRzIG9uZSBvZiB0aGUgc3RhbmRhcmQgc2l6ZXMgb2YgdGhlIHN0ZXBzLiAqL1xuICBzdGVwU2l6ZT86IFwieHNcIiB8IFwic21cIiB8IFwibWRcIiB8IFwibGdcIiB8IFwieGxcIjtcbiAgLyoqIFdpZHRoIG9mIHRoZSBjb21wb25lbnQgZWxlbWVudCBvbiBlYWNoIGJyZWFrcG9pbnQgc2NyZWVuIHJlc29sdXRpb24uICovXG4gIHdpZHRoPzogeyBbYnJlYWtwb2ludCBpbiBIdkJyZWFrcG9pbnRzXT86IG51bWJlciB9O1xuICAvKiogRGVmaW5lcyBlaXRoZXIgc2hvdyBhIHRpdGxlIG9yIG9ubHkgYSB0b29sdGlwIG9uIGVhY2ggc3RlcCBjb21wb25lbnQuICovXG4gIHNob3dUaXRsZXM/OiBib29sZWFuO1xuICAvKiogQSBKc3MgT2JqZWN0IHVzZWQgdG8gb3ZlcnJpZGUgb3IgZXh0ZW5kIHRoZSBzdHlsZXMgYXBwbGllZCB0byB0aGUgZW1wdHkgc3RhdGUgU3RlcE5hdmlnYXRpb24uICovXG4gIGNsYXNzZXM/OiBIdlN0ZXBOYXZpZ2F0aW9uQ2xhc3Nlcztcbn1cblxuLyoqXG4gKiBOYXZpZ2F0aW9uIHBhZ2Ugd2l0aCBzdGVwcy5cbiAqXG4gKiBZb3UgbmVlZCB0byBkZWZpbmUgdGhlIDxiPnN0ZXBzPGIvPiBkaXNwbGF5ZWQgb24gdGhlIGNvbXBvbmVudCBzbyB0aGF0IGl0c2VsZiBjYW4gYmUgZHJhd24gb24gdGhlIFVJLlxuICogT24gZWFjaCBzdGVwLCB5b3UgbmVlZCB0byBkZWZpbmUgYSA8Yj5zdGF0ZTwvYj4gLSAnUGVuZGluZycsICdGYWlsZWQnLCAnQ29tcGxldGVkJywgJ0N1cnJlbnQnLCAnRGlzYWJsZWQnIC1cbiAqIGFuZCBhIDxiPnRpdGxlPC9iPiB0byBiZSBzaG93biBhcyBhIHRvb2x0aXAgb3IgYSB0ZXh0IGFib3ZlIG9mIHRoZSBzdGVwLiBZb3UgY2FuIGFsc286XG4gKiAqIERlZmluZSBhIDxiPmNsYXNzTmFtZTwvYj4gb24gZWFjaCBzdGVwIGVsZW1lbnQ7XG4gKiAqIERlZmluZSBhIDxiPnNlcGFyYXRvckNsYXNzTmFtZTwvYj4gdG8gc3BlY2lmeSBhIGNsYXNzTmFtZSBmb3IgdGhlIHNlcGFyYXRvciBlbGVtZW50LiBUaGUgZGVmYXVsdCBoZWlnaHRcbiAqIHZhbHVlcyBvZiB0aGUgc2VwYXJhdG9yIGVsZW1lbnQgYXJlIDJweC8zcHggb24gJ1NpbXBsZScvJ0RlZmF1bHQnIGxheW91dHMgcmVzcGVjdGl2ZWx5O1xuICogKiBEZWZpbmUgYSA8Yj50aXRsZUNsYXNzTmFtZTwvYj4gdG8gc3BlY2lmeSBhIGNsYXNzTmFtZSBmb3IgdGhlIHRpdGxlIGFib3ZlIGVhY2ggc3RlcCBlbGVtZW50LlxuICpcbiAqIEZvciB0aGUgcm9vdCBlbGVtZW50LCB5b3UgY2FuOlxuICogKiBEZWZpbmUgYSA8Yj5jbGFzc05hbWU8L2I+O1xuICogKiBDaG9vc2UgYSA8Yj50eXBlPC9iPiBvZiBsYXlvdXQ6ICdTaW1wbGUnIG9yICdEZWZhdWx0JztcbiAqICogQ2hvb3NlIHRoZSA8Yj5zdGVwU2l6ZTwvYj4gb2YgdGhlIHN0ZXAgY29tcG9uZW50OiBcInhzXCIsIFwic21cIiwgXCJtZFwiLCBcImxnXCIsIFwieGxcIi4gVGhlIGRlZmF1bHQgc2l6ZSB3aWxsIGJlXG4gKiBjb3JyZXNwb25kZW50IHRvIHRoZSBjdXJyZW50IG1lZGlhIGJyZWFrcG9pbnQ7XG4gKiAqIENob29zZSBlaXRoZXIgeW91IHdhbnQgdG8gPGI+c2hvd1RpdGxlczwvYj4gbmVhciB0byBlYWNoIHN0ZXAgY29tcG9uZW50IG9yIGEgdG9vbHRpcCBvbiBob3ZlcjtcbiAqICogRGVmaW5lIGEgPGI+d2lkdGg8L2I+IG9mIHRoZSBjb21wb25lbnQuIElmIHlvdSBkb24ndCBkZWZpbmUgYW55IHZhbHVlIGFuZCB0aGUgc3RlcCBjb21wb25lbnQgaGFzIG5vIHRpdGxlXG4gKiBkaXNwbGF5ZWQgYWJvdmUsIHRoZSB3aWR0aCBvZiB0aGUgc2VwYXJhdG9yIGVsZW1lbnQgd2lsbCBiZSAxMDBweC5cbiAqIElmIHRoZSBzdGVwIGNvbXBvbmVudCBoYXMgdGl0bGVzLCBlYWNoIG9uZSB3aWxsIGhhdmUgMjE1cHggb2Ygd2lkdGggYnkgZGVmYXVsdC5cbiAqL1xuZXhwb3J0IGNvbnN0IEh2U3RlcE5hdmlnYXRpb24gPSAoe1xuICBjbGFzc05hbWUsXG4gIGNsYXNzZXMsXG4gIHdpZHRoLFxuICBzdGVwcyxcbiAgc3RlcFNpemUsXG4gIHNob3dUaXRsZXMsXG4gIHR5cGUgPSBcIkRlZmF1bHRcIixcbiAgLi4ub3RoZXJzXG59OiBIdlN0ZXBOYXZpZ2F0aW9uUHJvcHMpID0+IHtcbiAgY29uc3QgeyBhY3RpdmVUaGVtZSB9ID0gdXNlVGhlbWUoKTtcblxuICAvLyBjdXJyZW50IGJyZWFrcG9pbnQgJ3hzJyB8ICdzbScgfCAnbWQnIHwgJ2xnJyB8ICd4bCdcbiAgY29uc3QgYnJlYWtwb2ludCA9IHVzZVdpZHRoKCk7XG4gIC8vIHN0ZXAgY29uZmlndXJhdGlvbnNcbiAgY29uc3Qgc3RlcFNpemVLZXkgPVxuICAgIHN0ZXBTaXplID8/IChbXCJ4c1wiLCBcInNtXCJdLmluY2x1ZGVzKGJyZWFrcG9pbnQpID8gXCJzbVwiIDogXCJtZFwiKTtcbiAgY29uc3QgaGFzVGl0bGVzID0gc2hvd1RpdGxlcyA/PyAhW1wieHNcIiwgXCJzbVwiXS5pbmNsdWRlcyhicmVha3BvaW50KTtcblxuICBjb25zdCBzdHlsZWRMaSA9IChjb250YWluZXJTaXplKSA9PlxuICAgIHN0eWxlZChcImxpXCIpKHtcbiAgICAgIHdpZHRoOiBjb250YWluZXJTaXplLFxuICAgICAgaGVpZ2h0OiBjb250YWluZXJTaXplLFxuICAgIH0pO1xuXG4gIGNvbnN0IHN0eWxlZERpdiA9IChjb250YWluZXJTaXplKSA9PlxuICAgIHN0eWxlZChcImRpdlwiKSh7XG4gICAgICB3aWR0aDogY29udGFpbmVyU2l6ZSxcbiAgICAgIGhlaWdodDogY29udGFpbmVyU2l6ZSxcbiAgICB9KTtcblxuICBjb25zdCBzdHlsZWRTZXBhcmF0b3JFbGVtZW50ID0gKFxuICAgIHRpdGxlLFxuICAgIHNlcGFyYXRvckNsYXNzTmFtZSxcbiAgICBzZXBhcmF0b3JIZWlnaHQsXG4gICAgc2VwYXJhdG9yV2lkdGgsXG4gICAgYmFja2dyb3VuZENvbG9yXG4gICkgPT4ge1xuICAgIGNvbnN0IFN0eWxlZExpID0gc3R5bGVkKFwibGlcIikoe1xuICAgICAgaGVpZ2h0OiBzZXBhcmF0b3JIZWlnaHQsXG4gICAgICB3aWR0aDpcbiAgICAgICAgc2VwYXJhdG9yV2lkdGggLVxuICAgICAgICAyICpcbiAgICAgICAgICBwYXJzZUludChcbiAgICAgICAgICAgIChhY3RpdmVUaGVtZT8uc3RlcE5hdmlnYXRpb24uc2VwYXJhdG9yTWFyZ2luIHx8IFwiMHB4XCIpLnJlcGxhY2UoXG4gICAgICAgICAgICAgIFwicHhcIixcbiAgICAgICAgICAgICAgXCJcIlxuICAgICAgICAgICAgKVxuICAgICAgICAgICksXG4gICAgICBiYWNrZ3JvdW5kQ29sb3IsXG4gICAgICBtYXJnaW46IGAwICR7dGhlbWUuc3RlcE5hdmlnYXRpb24uc2VwYXJhdG9yTWFyZ2lufWAsXG4gICAgfSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPENsYXNzTmFtZXMga2V5PXtgc2VwYXJhdG9yLSR7dGl0bGV9YH0+XG4gICAgICAgIHsoeyBjc3MgfSkgPT4gKFxuICAgICAgICAgIDxTdHlsZWRMaVxuICAgICAgICAgICAgYXJpYS1oaWRkZW5cbiAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xzeChcbiAgICAgICAgICAgICAgY3NzKHN0eWxlcy5zZXBhcmF0b3IpLFxuICAgICAgICAgICAgICBzdGVwTmF2aWdhdGlvbkNsYXNzZXMuc2VwYXJhdG9yLFxuICAgICAgICAgICAgICBjbGFzc2VzPy5zZXBhcmF0b3JcbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICBhcmlhLWxhYmVsPXtgc2VwYXJhdG9yLSR7dGl0bGV9YH1cbiAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjbHN4KHNlcGFyYXRvckNsYXNzTmFtZSl9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvU3R5bGVkTGk+XG4gICAgICAgICl9XG4gICAgICA8L0NsYXNzTmFtZXM+XG4gICAgKTtcbiAgfTtcblxuICBjb25zdCBkcmF3SXRlbXMgPSAoe1xuICAgIHNlcGFyYXRvclZhbHVlczogeyBtaW5XaWR0aCwgbWF4V2lkdGgsIGdldENvbG9yLCBoZWlnaHQgfSxcbiAgICBzdGVwVmFsdWVzOiB7IG1pblNpemUsIG1heFNpemUsIFN0ZXBDb21wb25lbnQgfSxcbiAgfTogYW55KSA9PiB7XG4gICAgY29uc3QgaXRlbXMgPSBzdGVwcy5yZWR1Y2UoXG4gICAgICAoYWNjLCB7IHN0YXRlLCB0aXRsZSwgc2VwYXJhdG9yQ2xhc3NOYW1lLCAuLi5wcm9wcyB9LCBpbmRleCk6IGFueSA9PiB7XG4gICAgICAgIGNvbnN0IGNvbnRhaW5lclNpemUgPSBzdGF0ZSA9PT0gXCJDdXJyZW50XCIgPyBtYXhTaXplIDogbWluU2l6ZTtcbiAgICAgICAgY29uc3QgU3RlcENvbnRhaW5lciA9IHN0eWxlZExpKGNvbnRhaW5lclNpemUpO1xuICAgICAgICBjb25zdCBTdGVwID0gc3R5bGVkRGl2KE1hdGgubWF4KGNvbnRhaW5lclNpemUsIDMwKSk7XG4gICAgICAgIGNvbnN0IHN0ZXBQcm9wcyA9IHtcbiAgICAgICAgICAuLi57XG4gICAgICAgICAgICBzaXplOiBzdGVwU2l6ZUtleSxcbiAgICAgICAgICAgIHN0YXRlLFxuICAgICAgICAgICAgdGl0bGUsXG4gICAgICAgICAgICBudW1iZXI6IGluZGV4ICsgMSxcbiAgICAgICAgICAgIC4uLnByb3BzLFxuICAgICAgICAgIH0sXG4gICAgICAgIH07XG4gICAgICAgIGNvbnN0IHN0ZXBFbGVtZW50ID0gKFxuICAgICAgICAgIDxDbGFzc05hbWVzIGtleT17YHN0ZXAtJHt0aXRsZX1gfT5cbiAgICAgICAgICAgIHsoeyBjc3MgfSkgPT4gKFxuICAgICAgICAgICAgICA8U3RlcENvbnRhaW5lclxuICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xzeChcbiAgICAgICAgICAgICAgICAgIGNzcyhzdHlsZXMubGkpLFxuICAgICAgICAgICAgICAgICAgc3RlcE5hdmlnYXRpb25DbGFzc2VzLmxpLFxuICAgICAgICAgICAgICAgICAgY2xhc3Nlcz8ubGlcbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge2hhc1RpdGxlcyA/IChcbiAgICAgICAgICAgICAgICAgIDxTdGVwQ29tcG9uZW50XG4gICAgICAgICAgICAgICAgICAgIGtleT17YHN0ZXAtJHt0aXRsZX1gfVxuICAgICAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXtgc3RlcC0ke3RpdGxlfWB9XG4gICAgICAgICAgICAgICAgICAgIHsuLi5zdGVwUHJvcHN9XG4gICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgICAgICA8SHZUb29sdGlwXG4gICAgICAgICAgICAgICAgICAgIHBsYWNlbWVudD1cImJvdHRvbVwiXG4gICAgICAgICAgICAgICAgICAgIHRpdGxlPXtcbiAgICAgICAgICAgICAgICAgICAgICA8SHZUeXBvZ3JhcGh5PntgJHtpbmRleCArIDF9LiAke3RpdGxlfWB9PC9IdlR5cG9ncmFwaHk+XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBhcmlhLWxhYmVsPXtgc3RlcC1jb250YWluZXItJHt0aXRsZX1gfT5cbiAgICAgICAgICAgICAgICAgICAgICA8U3RlcFxuICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjbHN4KFxuICAgICAgICAgICAgICAgICAgICAgICAgICBjc3Moc3R5bGVzLmxpKSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgc3RlcE5hdmlnYXRpb25DbGFzc2VzLmxpLFxuICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzc2VzPy5saVxuICAgICAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICA8U3RlcENvbXBvbmVudFxuICAgICAgICAgICAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXtgc3RlcC0ke3RpdGxlfWB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgIHsuLi5zdGVwUHJvcHN9XG4gICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgIDwvU3RlcD5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICA8L0h2VG9vbHRpcD5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8L1N0ZXBDb250YWluZXI+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvQ2xhc3NOYW1lcz5cbiAgICAgICAgKTtcbiAgICAgICAgaWYgKGluZGV4IDwgc3RlcHMubGVuZ3RoIC0gMSkge1xuICAgICAgICAgIGNvbnN0IHNlcGFyYXRvckVsZW1lbnQgPSBzdHlsZWRTZXBhcmF0b3JFbGVtZW50KFxuICAgICAgICAgICAgdGl0bGUsXG4gICAgICAgICAgICBzZXBhcmF0b3JDbGFzc05hbWUsXG4gICAgICAgICAgICBoZWlnaHQsXG4gICAgICAgICAgICBbc3RlcHNbaW5kZXggKyAxXS5zdGF0ZSwgc3RhdGVdLmluY2x1ZGVzKFwiQ3VycmVudFwiKVxuICAgICAgICAgICAgICA/IG1pbldpZHRoXG4gICAgICAgICAgICAgIDogbWF4V2lkdGgsXG4gICAgICAgICAgICBnZXRDb2xvcihcbiAgICAgICAgICAgICAgc3RlcHNbaW5kZXggKyAxXS5zdGF0ZSA9PT0gXCJEaXNhYmxlZFwiID8gXCJEaXNhYmxlZFwiIDogc3RhdGUsXG4gICAgICAgICAgICAgIHRoZW1lXG4gICAgICAgICAgICApXG4gICAgICAgICAgKTtcbiAgICAgICAgICByZXR1cm4gWy4uLmFjYywgc3RlcEVsZW1lbnQsIHNlcGFyYXRvckVsZW1lbnRdO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBbLi4uYWNjLCBzdGVwRWxlbWVudF07XG4gICAgICB9LFxuICAgICAgW11cbiAgICApO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxDbGFzc05hbWVzPlxuICAgICAgICB7KHsgY3NzIH0pID0+IChcbiAgICAgICAgICA8b2xcbiAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xzeChcbiAgICAgICAgICAgICAgY3NzKHN0eWxlcy5vbCksXG4gICAgICAgICAgICAgIHN0ZXBOYXZpZ2F0aW9uQ2xhc3Nlcy5vbCxcbiAgICAgICAgICAgICAgY2xhc3Nlcz8ub2xcbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2l0ZW1zfVxuICAgICAgICAgIDwvb2w+XG4gICAgICAgICl9XG4gICAgICA8L0NsYXNzTmFtZXM+XG4gICAgKTtcbiAgfTtcblxuICBjb25zdCBnZXREeW5hbWljVmFsdWVzID0gKHN0ZXBzV2lkdGgpID0+IHtcbiAgICBjb25zdCB0aGVtZUJyZWFrcG9pbnRzID0gYWN0aXZlVGhlbWU/LmJyZWFrcG9pbnRzLnZhbHVlcyB8fCB7fTtcbiAgICBjb25zdCBtYXhXaWR0aCA9XG4gICAgICB3aWR0aD8uW2JyZWFrcG9pbnRdID8/XG4gICAgICBNYXRoLm1heChcbiAgICAgICAgTnVtYmVyKGhhc1RpdGxlcykgKiAoVElUTEVfV0lEVEggKyBUSVRMRV9NQVJHSU4pICogc3RlcHMubGVuZ3RoIC1cbiAgICAgICAgICBUSVRMRV9NQVJHSU4sXG4gICAgICAgIFNFUEFSQVRPUl9XSURUSCAqIChzdGVwcy5sZW5ndGggLSAxKSArIHN0ZXBzV2lkdGhcbiAgICAgICk7XG4gICAgY29uc3QgbmV4dCA9IE9iamVjdC5rZXlzKHRoZW1lQnJlYWtwb2ludHMpLmZpbmQoKF8sIGluZGV4LCBzZWxmKSA9PlxuICAgICAgaW5kZXggLSAxID49IDAgPyBzZWxmW2luZGV4IC0gMV0gPT09IGJyZWFrcG9pbnQgOiBmYWxzZVxuICAgICk7XG5cbiAgICBjb25zdCBuYXZXaWR0aCA9XG4gICAgICAobmV4dCAmJiBNYXRoLm1pbihtYXhXaWR0aCwgdGhlbWVCcmVha3BvaW50c1tuZXh0XSA/PyBtYXhXaWR0aCkpIHx8XG4gICAgICB0aGVtZUJyZWFrcG9pbnRzW2JyZWFrcG9pbnRdO1xuXG4gICAgY29uc3QgdGl0bGVXaWR0aCA9XG4gICAgICBOdW1iZXIoaGFzVGl0bGVzKSAqIE1hdGguY2VpbCgobmF2V2lkdGggKyBUSVRMRV9NQVJHSU4pIC8gc3RlcHMubGVuZ3RoKTtcbiAgICBjb25zdCBzZXBhcmF0b3JXaWR0aCA9XG4gICAgICBOdW1iZXIoIWhhc1RpdGxlcykgKlxuICAgICAgTWF0aC5jZWlsKChuYXZXaWR0aCAtIHN0ZXBzV2lkdGgpIC8gKHN0ZXBzLmxlbmd0aCAtIDEpKTtcbiAgICByZXR1cm4geyB3aWR0aDogbmF2V2lkdGgsIHRpdGxlV2lkdGgsIHNlcGFyYXRvcldpZHRoIH07XG4gIH07XG5cbiAgY29uc3Qgc3R5bGVkVGl0bGUgPSAoXG4gICAgdGl0bGVDbGFzc05hbWUsXG4gICAgdmFyaWFudCxcbiAgICB0aXRsZSxcbiAgICB0aXRsZVdpZHRoLFxuICAgIHRpdGxlRGlzYWJsZWRcbiAgKSA9PiB7XG4gICAgY29uc3QgU3R5bGVkVGl0bGUgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gICAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgICB3aWR0aDogdGl0bGVXaWR0aCAtIFRJVExFX01BUkdJTixcbiAgICAgIG1hcmdpblJpZ2h0OiBUSVRMRV9NQVJHSU4sXG4gICAgfSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZFRpdGxlXG4gICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgIGNsYXNzTmFtZT17dGl0bGVDbGFzc05hbWV9XG4gICAgICAgIGRpc2FibGVkPXt0aXRsZURpc2FibGVkfVxuICAgICAgICBrZXk9e2B0aXRsZS0ke3RpdGxlfWB9XG4gICAgICA+XG4gICAgICAgIHt0aXRsZX1cbiAgICAgIDwvU3R5bGVkVGl0bGU+XG4gICAgKTtcbiAgfTtcblxuICBjb25zdCBnZXRUaXRsZXMgPSAoZ2V0VGl0bGVQcm9wcykgPT5cbiAgICBoYXNUaXRsZXMgPyAoXG4gICAgICA8Q2xhc3NOYW1lcz5cbiAgICAgICAgeyh7IGNzcyB9KSA9PiAoXG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjbHN4KFxuICAgICAgICAgICAgICBjc3Moc3R5bGVzLnRpdGxlcyksXG4gICAgICAgICAgICAgIHN0ZXBOYXZpZ2F0aW9uQ2xhc3Nlcy50aXRsZXMsXG4gICAgICAgICAgICAgIGNsYXNzZXM/LnRpdGxlc1xuICAgICAgICAgICAgKX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7c3RlcHMubWFwKCh7IHRpdGxlOiByYXdUaXRsZSwgc3RhdGUsIHRpdGxlQ2xhc3NOYW1lIH0sIGluZGV4KSA9PiB7XG4gICAgICAgICAgICAgIGNvbnN0IHtcbiAgICAgICAgICAgICAgICB2YXJpYW50ID0gXCJsYWJlbFwiLFxuICAgICAgICAgICAgICAgIHRpdGxlID0gcmF3VGl0bGUsXG4gICAgICAgICAgICAgICAgdGl0bGVXaWR0aCA9IDAsXG4gICAgICAgICAgICAgICAgdGl0bGVEaXNhYmxlZCA9IGZhbHNlLFxuICAgICAgICAgICAgICB9ID0gZ2V0VGl0bGVQcm9wcyh7XG4gICAgICAgICAgICAgICAgc3RhdGUsXG4gICAgICAgICAgICAgICAgcmF3VGl0bGUsXG4gICAgICAgICAgICAgICAgbnVtYmVyOiBpbmRleCArIDEsXG4gICAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgICBsZXQgVGl0bGUgPSBzdHlsZWRUaXRsZShcbiAgICAgICAgICAgICAgICB0aXRsZUNsYXNzTmFtZSxcbiAgICAgICAgICAgICAgICB2YXJpYW50LFxuICAgICAgICAgICAgICAgIHRpdGxlLFxuICAgICAgICAgICAgICAgIHRpdGxlV2lkdGgsXG4gICAgICAgICAgICAgICAgdGl0bGVEaXNhYmxlZFxuICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICByZXR1cm4gVGl0bGU7XG4gICAgICAgICAgICB9KX1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKX1cbiAgICAgIDwvQ2xhc3NOYW1lcz5cbiAgICApIDogbnVsbDtcblxuICBjb25zdCBTdGVwTmF2aWdhdGlvbiA9IHtcbiAgICBEZWZhdWx0OiBIdkRlZmF1bHROYXZpZ2F0aW9uLFxuICAgIFNpbXBsZTogSHZTaW1wbGVOYXZpZ2F0aW9uLFxuICB9W3R5cGVdO1xuXG4gIHJldHVybiAoXG4gICAgPENsYXNzTmFtZXM+XG4gICAgICB7KHsgY3NzIH0pID0+IChcbiAgICAgICAgPFN0ZXBOYXZpZ2F0aW9uXG4gICAgICAgICAgey4uLntcbiAgICAgICAgICAgIG51bVN0ZXBzOiBzdGVwcy5sZW5ndGgsXG4gICAgICAgICAgICBzdGVwU2l6ZTogc3RlcFNpemVLZXksXG4gICAgICAgICAgICBnZXRUaXRsZXMsXG4gICAgICAgICAgICBnZXREeW5hbWljVmFsdWVzLFxuICAgICAgICAgICAgY2xhc3NOYW1lOiBjbHN4KFxuICAgICAgICAgICAgICBjbGFzc05hbWUsXG4gICAgICAgICAgICAgIHN0ZXBOYXZpZ2F0aW9uQ2xhc3Nlcy5yb290LFxuICAgICAgICAgICAgICBjbGFzc2VzPy5yb290LFxuICAgICAgICAgICAgICBjc3Moc3R5bGVzLnJvb3QpXG4gICAgICAgICAgICApLFxuICAgICAgICAgICAgLi4ub3RoZXJzLFxuICAgICAgICAgIH19XG4gICAgICAgID5cbiAgICAgICAgICB7KHsgc3RlcHNXaWR0aCwgbmF2V2lkdGgsIC4uLml0ZW1zUHJvcHMgfSkgPT4gKFxuICAgICAgICAgICAgPEh2Qm94XG4gICAgICAgICAgICAgIGFzPVwibmF2XCJcbiAgICAgICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgICAgICB3aWR0aDogYCR7bmF2V2lkdGh9cHhgLFxuICAgICAgICAgICAgICAgIG1hcmdpbjogMCxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2RyYXdJdGVtcyhpdGVtc1Byb3BzKX1cbiAgICAgICAgICAgIDwvSHZCb3g+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9TdGVwTmF2aWdhdGlvbj5cbiAgICAgICl9XG4gICAgPC9DbGFzc05hbWVzPlxuICApO1xufTtcbiJdfQ== */");
+    return /* @__PURE__ */ jsxRuntime.jsx(StyledTitle, {
+      variant,
+      className: titleClassName,
+      disabled: titleDisabled,
+      children: title
+    }, `title-${title}`);
+  };
+  const getTitles = (getTitleProps) => hasTitles ? /* @__PURE__ */ jsxRuntime.jsx(react.ClassNames, {
+    children: ({
+      css
+    }) => /* @__PURE__ */ jsxRuntime.jsx("div", {
+      className: clsx.clsx(css(StepNavigation_styles.styles.titles), stepNavigationClasses.default.titles, classes == null ? void 0 : classes.titles),
+      children: steps.map(({
+        title: rawTitle,
+        state,
+        titleClassName
+      }, index) => {
+        const {
+          variant = "label",
+          title = rawTitle,
+          titleWidth = 0,
+          titleDisabled = false
+        } = getTitleProps({
+          state,
+          rawTitle,
+          number: index + 1
+        });
+        let Title = styledTitle(titleClassName, variant, title, titleWidth, titleDisabled);
+        return Title;
+      })
+    })
+  }) : null;
+  const StepNavigation = {
+    Default: DefaultNavigation.HvDefaultNavigation,
+    Simple: SimpleNavigation.HvSimpleNavigation
+  }[type];
+  return /* @__PURE__ */ jsxRuntime.jsx(react.ClassNames, {
+    children: ({
+      css
+    }) => /* @__PURE__ */ jsxRuntime.jsx(StepNavigation, {
+      numSteps: steps.length,
+      stepSize: stepSizeKey,
+      getTitles,
+      getDynamicValues,
+      className: clsx.clsx(className, stepNavigationClasses.default.root, classes == null ? void 0 : classes.root, css(StepNavigation_styles.styles.root)),
+      ...others,
+      children: ({
+        stepsWidth,
+        navWidth,
+        ...itemsProps
+      }) => /* @__PURE__ */ jsxRuntime.jsx(uikitReactCore.HvBox, {
+        as: "nav",
+        style: {
+          width: `${navWidth}px`,
+          margin: 0
+        },
+        children: drawItems(itemsProps)
+      })
+    })
+  });
+};
+exports.HvStepNavigation = HvStepNavigation;
+//# sourceMappingURL=StepNavigation.cjs.map

package/dist/cjs/components/StepNavigation/StepNavigation.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepNavigation.cjs","sources":["../../../../src/components/StepNavigation/StepNavigation.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { ClassNames } from \"@emotion/react\";\nimport styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport {\n  HvBaseProps,\n  HvBreakpoints,\n  useTheme,\n  useWidth,\n  HvBox,\n  HvTooltip,\n  HvTypography,\n} from \"@hitachivantara/uikit-react-core\";\nimport { HvDefaultNavigation, HvStepProps } from \"./DefaultNavigation\";\nimport { HvSimpleNavigation } from \"./SimpleNavigation\";\nimport { styles } from \"./StepNavigation.styles\";\nimport stepNavigationClasses, {\n  HvStepNavigationClasses,\n} from \"./stepNavigationClasses\";\nimport { SEPARATOR_WIDTH, TITLE_MARGIN, TITLE_WIDTH } from \"./utils\";\n\nexport interface HvStepNavigationProps extends HvBaseProps {\n  /** Type of step navigation. Values = {\"Simple\", \"Default\"} */\n  type?: \"Simple\" | \"Default\";\n  /** Steps to show on the component. */\n  steps: Array<\n    Pick<\n      HvStepProps,\n      \"state\" | \"title\" | \"onClick\" | \"className\" | \"disabled\"\n    > & {\n      /** Class names to override styles on the separator component after the step. */\n      separatorClassName?: string;\n      /** Class names to override styles on the title component above the step. */\n      titleClassName?: string;\n    }\n  >;\n  /** Sets one of the standard sizes of the steps. */\n  stepSize?: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n  /** Width of the component element on each breakpoint screen resolution. */\n  width?: { [breakpoint in HvBreakpoints]?: number };\n  /** Defines either show a title or only a tooltip on each step component. */\n  showTitles?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the empty state StepNavigation. */\n  classes?: HvStepNavigationClasses;\n}\n\n/**\n * Navigation page with steps.\n *\n * You need to define the <b>steps<b/> displayed on the component so that itself can be drawn on the UI.\n * On each step, you need to define a <b>state</b> - 'Pending', 'Failed', 'Completed', 'Current', 'Disabled' -\n * and a <b>title</b> to be shown as a tooltip or a text above of the step. You can also:\n * * Define a <b>className</b> on each step element;\n * * Define a <b>separatorClassName</b> to specify a className for the separator element. The default height\n * values of the separator element are 2px/3px on 'Simple'/'Default' layouts respectively;\n * * Define a <b>titleClassName</b> to specify a className for the title above each step element.\n *\n * For the root element, you can:\n * * Define a <b>className</b>;\n * * Choose a <b>type</b> of layout: 'Simple' or 'Default';\n * * Choose the <b>stepSize</b> of the step component: \"xs\", \"sm\", \"md\", \"lg\", \"xl\". The default size will be\n * correspondent to the current media breakpoint;\n * * Choose either you want to <b>showTitles</b> near to each step component or a tooltip on hover;\n * * Define a <b>width</b> of the component. If you don't define any value and the step component has no title\n * displayed above, the width of the separator element will be 100px.\n * If the step component has titles, each one will have 215px of width by default.\n */\nexport const HvStepNavigation = ({\n  className,\n  classes,\n  width,\n  steps,\n  stepSize,\n  showTitles,\n  type = \"Default\",\n  ...others\n}: HvStepNavigationProps) => {\n  const { activeTheme } = useTheme();\n\n  // current breakpoint 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  const breakpoint = useWidth();\n  // step configurations\n  const stepSizeKey =\n    stepSize ?? ([\"xs\", \"sm\"].includes(breakpoint) ? \"sm\" : \"md\");\n  const hasTitles = showTitles ?? ![\"xs\", \"sm\"].includes(breakpoint);\n\n  const styledLi = (containerSize) =>\n    styled(\"li\")({\n      width: containerSize,\n      height: containerSize,\n    });\n\n  const styledDiv = (containerSize) =>\n    styled(\"div\")({\n      width: containerSize,\n      height: containerSize,\n    });\n\n  const styledSeparatorElement = (\n    title,\n    separatorClassName,\n    separatorHeight,\n    separatorWidth,\n    backgroundColor\n  ) => {\n    const StyledLi = styled(\"li\")({\n      height: separatorHeight,\n      width:\n        separatorWidth -\n        2 *\n          parseInt(\n            (activeTheme?.stepNavigation.separatorMargin || \"0px\").replace(\n              \"px\",\n              \"\"\n            )\n          ),\n      backgroundColor,\n      margin: `0 ${theme.stepNavigation.separatorMargin}`,\n    });\n\n    return (\n      <ClassNames key={`separator-${title}`}>\n        {({ css }) => (\n          <StyledLi\n            aria-hidden\n            className={clsx(\n              css(styles.separator),\n              stepNavigationClasses.separator,\n              classes?.separator\n            )}\n          >\n            <div\n              aria-label={`separator-${title}`}\n              className={clsx(separatorClassName)}\n            />\n          </StyledLi>\n        )}\n      </ClassNames>\n    );\n  };\n\n  const drawItems = ({\n    separatorValues: { minWidth, maxWidth, getColor, height },\n    stepValues: { minSize, maxSize, StepComponent },\n  }: any) => {\n    const items = steps.reduce(\n      (acc, { state, title, separatorClassName, ...props }, index): any => {\n        const containerSize = state === \"Current\" ? maxSize : minSize;\n        const StepContainer = styledLi(containerSize);\n        const Step = styledDiv(Math.max(containerSize, 30));\n        const stepProps = {\n          ...{\n            size: stepSizeKey,\n            state,\n            title,\n            number: index + 1,\n            ...props,\n          },\n        };\n        const stepElement = (\n          <ClassNames key={`step-${title}`}>\n            {({ css }) => (\n              <StepContainer\n                className={clsx(\n                  css(styles.li),\n                  stepNavigationClasses.li,\n                  classes?.li\n                )}\n              >\n                {hasTitles ? (\n                  <StepComponent\n                    key={`step-${title}`}\n                    aria-label={`step-${title}`}\n                    {...stepProps}\n                  />\n                ) : (\n                  <HvTooltip\n                    placement=\"bottom\"\n                    title={\n                      <HvTypography>{`${index + 1}. ${title}`}</HvTypography>\n                    }\n                  >\n                    <div aria-label={`step-container-${title}`}>\n                      <Step\n                        className={clsx(\n                          css(styles.li),\n                          stepNavigationClasses.li,\n                          classes?.li\n                        )}\n                      >\n                        <StepComponent\n                          aria-label={`step-${title}`}\n                          {...stepProps}\n                        />\n                      </Step>\n                    </div>\n                  </HvTooltip>\n                )}\n              </StepContainer>\n            )}\n          </ClassNames>\n        );\n        if (index < steps.length - 1) {\n          const separatorElement = styledSeparatorElement(\n            title,\n            separatorClassName,\n            height,\n            [steps[index + 1].state, state].includes(\"Current\")\n              ? minWidth\n              : maxWidth,\n            getColor(\n              steps[index + 1].state === \"Disabled\" ? \"Disabled\" : state,\n              theme\n            )\n          );\n          return [...acc, stepElement, separatorElement];\n        }\n        return [...acc, stepElement];\n      },\n      []\n    );\n\n    return (\n      <ClassNames>\n        {({ css }) => (\n          <ol\n            className={clsx(\n              css(styles.ol),\n              stepNavigationClasses.ol,\n              classes?.ol\n            )}\n          >\n            {items}\n          </ol>\n        )}\n      </ClassNames>\n    );\n  };\n\n  const getDynamicValues = (stepsWidth) => {\n    const themeBreakpoints = activeTheme?.breakpoints.values || {};\n    const maxWidth =\n      width?.[breakpoint] ??\n      Math.max(\n        Number(hasTitles) * (TITLE_WIDTH + TITLE_MARGIN) * steps.length -\n          TITLE_MARGIN,\n        SEPARATOR_WIDTH * (steps.length - 1) + stepsWidth\n      );\n    const next = Object.keys(themeBreakpoints).find((_, index, self) =>\n      index - 1 >= 0 ? self[index - 1] === breakpoint : false\n    );\n\n    const navWidth =\n      (next && Math.min(maxWidth, themeBreakpoints[next] ?? maxWidth)) ||\n      themeBreakpoints[breakpoint];\n\n    const titleWidth =\n      Number(hasTitles) * Math.ceil((navWidth + TITLE_MARGIN) / steps.length);\n    const separatorWidth =\n      Number(!hasTitles) *\n      Math.ceil((navWidth - stepsWidth) / (steps.length - 1));\n    return { width: navWidth, titleWidth, separatorWidth };\n  };\n\n  const styledTitle = (\n    titleClassName,\n    variant,\n    title,\n    titleWidth,\n    titleDisabled\n  ) => {\n    const StyledTitle = styled(HvTypography)({\n      textAlign: \"center\",\n      width: titleWidth - TITLE_MARGIN,\n      marginRight: TITLE_MARGIN,\n    });\n\n    return (\n      <StyledTitle\n        variant={variant}\n        className={titleClassName}\n        disabled={titleDisabled}\n        key={`title-${title}`}\n      >\n        {title}\n      </StyledTitle>\n    );\n  };\n\n  const getTitles = (getTitleProps) =>\n    hasTitles ? (\n      <ClassNames>\n        {({ css }) => (\n          <div\n            className={clsx(\n              css(styles.titles),\n              stepNavigationClasses.titles,\n              classes?.titles\n            )}\n          >\n            {steps.map(({ title: rawTitle, state, titleClassName }, index) => {\n              const {\n                variant = \"label\",\n                title = rawTitle,\n                titleWidth = 0,\n                titleDisabled = false,\n              } = getTitleProps({\n                state,\n                rawTitle,\n                number: index + 1,\n              });\n              let Title = styledTitle(\n                titleClassName,\n                variant,\n                title,\n                titleWidth,\n                titleDisabled\n              );\n              return Title;\n            })}\n          </div>\n        )}\n      </ClassNames>\n    ) : null;\n\n  const StepNavigation = {\n    Default: HvDefaultNavigation,\n    Simple: HvSimpleNavigation,\n  }[type];\n\n  return (\n    <ClassNames>\n      {({ css }) => (\n        <StepNavigation\n          {...{\n            numSteps: steps.length,\n            stepSize: stepSizeKey,\n            getTitles,\n            getDynamicValues,\n            className: clsx(\n              className,\n              stepNavigationClasses.root,\n              classes?.root,\n              css(styles.root)\n            ),\n            ...others,\n          }}\n        >\n          {({ stepsWidth, navWidth, ...itemsProps }) => (\n            <HvBox\n              as=\"nav\"\n              style={{\n                width: `${navWidth}px`,\n                margin: 0,\n              }}\n            >\n              {drawItems(itemsProps)}\n            </HvBox>\n          )}\n        </StepNavigation>\n      )}\n    </ClassNames>\n  );\n};\n"],"names":["HvStepNavigation","className","classes","width","steps","stepSize","showTitles","type","others","activeTheme","useTheme","breakpoint","useWidth","stepSizeKey","includes","hasTitles","styledLi","containerSize","_styled","process","env","NODE_ENV","target","label","height","styledDiv","styledSeparatorElement","title","separatorClassName","separatorHeight","separatorWidth","backgroundColor","StyledLi","parseInt","stepNavigation","separatorMargin","replace","margin","theme","ClassNames","children","css","clsx","styles","separator","stepNavigationClasses","drawItems","separatorValues","minWidth","maxWidth","getColor","stepValues","minSize","maxSize","StepComponent","items","reduce","acc","state","props","index","StepContainer","Step","Math","max","stepProps","size","number","stepElement","li","_jsx","HvTooltip","placement","HvTypography","length","separatorElement","ol","getDynamicValues","stepsWidth","themeBreakpoints","breakpoints","values","Number","TITLE_WIDTH","TITLE_MARGIN","SEPARATOR_WIDTH","next","Object","keys","find","_","self","navWidth","min","titleWidth","ceil","styledTitle","titleClassName","variant","titleDisabled","StyledTitle","textAlign","marginRight","disabled","getTitles","getTitleProps","titles","map","rawTitle","Title","StepNavigation","Default","HvDefaultNavigation","Simple","HvSimpleNavigation","numSteps","root","itemsProps","HvBox","as","style"],"mappings":"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"}

package/dist/cjs/components/StepNavigation/StepNavigation.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepNavigation.styles.cjs","sources":["../../../../src/components/StepNavigation/StepNavigation.styles.tsx"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/serialize\";\nimport { HvStepNavigationClasses } from \"./stepNavigationClasses\";\n\nexport const styles: Partial<\n  Record<keyof HvStepNavigationClasses, CSSInterpolation>\n> = {\n  root: {\n    display: \"flex\",\n    flexDirection: \"column\",\n  },\n  titles: {\n    marginTop: 8,\n    display: \"flex\",\n  },\n  ol: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    flexWrap: \"wrap\",\n    padding: 0,\n    listStyle: \"none\",\n  },\n  li: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  separator: {\n    userSelect: \"none\",\n    \"& > div\": {\n      display: \"flex\",\n    },\n  },\n};\n"],"names":["styles","root","display","flexDirection","titles","marginTop","ol","alignItems","justifyContent","flexWrap","padding","listStyle","li","separator","userSelect"],"mappings":";;AAGO,MAAMA,SAET;AAAA,EACFC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,eAAe;AAAA,EACjB;AAAA,EACAC,QAAQ;AAAA,IACNC,WAAW;AAAA,IACXH,SAAS;AAAA,EACX;AAAA,EACAI,IAAI;AAAA,IACFJ,SAAS;AAAA,IACTK,YAAY;AAAA,IACZC,gBAAgB;AAAA,IAChBC,UAAU;AAAA,IACVC,SAAS;AAAA,IACTC,WAAW;AAAA,EACb;AAAA,EACAC,IAAI;AAAA,IACFV,SAAS;AAAA,IACTK,YAAY;AAAA,IACZC,gBAAgB;AAAA,EAClB;AAAA,EACAK,WAAW;AAAA,IACTC,YAAY;AAAA,IACZ,WAAW;AAAA,MACTZ,SAAS;AAAA,IACX;AAAA,EACF;AACF;;"}

package/dist/cjs/components/StepNavigation/stepNavigationClasses.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepNavigationClasses.cjs","sources":["../../../../src/components/StepNavigation/stepNavigationClasses.ts"],"sourcesContent":["import { getClasses } from \"@hitachivantara/uikit-react-core\";\n\nexport interface HvStepNavigationClasses {\n  /** Styles applied to the component root class. */\n  root?: string;\n  /** Styles applied to the title element. */\n  titles?: string;\n  /** Styles applied to the li element. */\n  li?: string;\n  /**  Styles applied to the ol element. */\n  ol?: string;\n  /** Styles applied to the separator element. */\n  separator?: string;\n}\n\nconst classKeys: (keyof HvStepNavigationClasses)[] = [\n  \"root\",\n  \"li\",\n  \"ol\",\n  \"separator\",\n  \"titles\",\n];\n\nconst stepNavigationClasses = getClasses(classKeys, \"HvStepNavigation\");\n\nexport default stepNavigationClasses;\n"],"names":["classKeys","stepNavigationClasses","getClasses"],"mappings":";;;AAeA,MAAMA,YAA+C,CACnD,QACA,MACA,MACA,aACA,QAAQ;AAGV,MAAMC,wBAAwBC,eAAWF,WAAAA,WAAW,kBAAkB;AAEtE,MAAA,0BAAeC;;"}

package/dist/cjs/components/StepNavigation/utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.cjs","sources":["../../../../src/components/StepNavigation/utils.ts"],"sourcesContent":["const TITLE_MARGIN = 20;\nconst TITLE_WIDTH = 215;\nconst STEP_MARGIN = 20;\nconst SEPARATOR_WIDTH = 100;\n\nexport { STEP_MARGIN, TITLE_MARGIN, TITLE_WIDTH, SEPARATOR_WIDTH };\n"],"names":["TITLE_MARGIN","TITLE_WIDTH","SEPARATOR_WIDTH"],"mappings":";;AAAA,MAAMA,eAAe;AACrB,MAAMC,cAAc;AAEpB,MAAMC,kBAAkB;;;;"}